/* Strengthscope */ body {} img {border: 0px;} table, tr, td, th {border-spacing: 0px; vertical-align: top;} body {font-size: 62.5%; color: #4E5556; background-color: #ffffff; font-family:Arial, Helvetica, Verdana; padding: 0px; margin: 0px; min-width: 320px;} input, textarea, select {} /* Commonly Used */ h1 {font-size:30px; line-height:40px; font-family:'Montserrat', sans-serif, Arial, Helvetica, Verdana; font-weight:700; color:#000000; margin:0px 0px 30px 0px;} h2 {font-size:20px; line-height:30px; font-family:'Montserrat', sans-serif, Arial, Helvetica, Verdana; font-weight:700; color:#000000; margin:0px 0px 20px 0px;} h3 {font-size:16px; line-height:26px; font-family:'Montserrat', sans-serif, Arial, Helvetica, Verdana; font-weight:700; color:#000000; margin:0px 0px 12px 0px;} h4 {font-size:12px; line-height:20px; font-family:'Montserrat', sans-serif, Arial, Helvetica, Verdana; font-weight:700; color:#000000; margin:0px 0px 12px 0px; letter-spacing:1px;} a {color:#1A71A8; text-decoration:underline;} a .HiddenText {display:none;} p {margin: 0px 0px 12px 0px; font-size:12px; line-height:20px; color:#4E5556;} p.Title {font-family:'Montserrat', sans-serif, Arial, Helvetica, Verdana; font-weight:700; color:#000000;} p.BoldTxt {font-weight:700;} ul {margin: 0px 0px 12px 16px; padding: 0px;} ol {margin: 0px 0px 12px 16px; padding: 0px;} ul li {margin: 0px 0px 6px 16px; font-size: 12px;} ol li {margin: 0px 0px 6px 16px; font-size: 12px;} .BoldLine {font-size:1.3em; font-family:'Montserrat', sans-serif, Arial, Helvetica, Verdana; font-weight:600; color:#000000; margin-bottom:15px;} .HiddenFormField {display:none;} .WidthContent {margin: 0 auto; padding-left: 60px; padding-right: 60px; position: relative;} .MaxWidthContent {margin: 0 auto; max-width: 1080px;} .HeightContent {padding-top: 60px; padding-bottom: 60px;} /* clear field and show password buttons */ input::-ms-clear, input::-ms-reveal {display:none;} /* web report new tab link */ #newTabWRLink {display:none;} /* first to tab via skip button */ .FirstToTab:focus {border:2px solid blue;} /* error message lists */ .ErrorMsgBlock {border:0 !important; clip:rect(0, 0, 0, 0) !important; height:1px !important; margin:-1px !important; overflow:hidden !important; padding:0 !important; position:absolute !important; width:1px !important; white-space:nowrap !important;} .ErrorMsgBlock:focus {border:1px solid #C77979; border-radius:3px; padding:5px; box-sizing:border-box;} /* Checkbox Block */ .CheckboxBlock {display:block;} .CheckboxBlock .CustomInput {position:relative; display:inline-block; font-weight:400; color:#4E5556; padding:0px 0px 0px 37px; width:97%; height:20px; font-size:12px; line-height:22px; cursor:pointer;} .CheckboxBlock input[type='checkbox'], .CheckboxBlock input[type='radio'] {position:absolute; opacity:0; z-index:-1;} .CheckboxBlock input[type='checkbox']:focus + .CustomInput::before {border:2px solid #1982c4;} .CheckboxBlock input[type='checkbox']:checked:focus + .CustomInput::after {border:2px solid #000000;} .CheckboxBlock .CustomInput.Disabled {cursor:default;} .CheckboxBlock .CustomInput::before, .CheckboxBlock .CustomInput::after {position:absolute; top:0; left:0; display:block; width:20px; height:20px; box-sizing:border-box;} .CheckboxBlock .CustomInput::before {content:' '; border:1px solid #acbcbe; background-color:#f5f5f5; box-sizing:border-box;} .CheckboxBlock input[type='checkbox'] + .CustomInput::after {content:''; color:#ffffff; line-height:20px; text-align:center; margin:0px; background-image:url(../Content/Images/Icon_Tick_White.png); background-size:70%; background-repeat:no-repeat; background-position:center center;} .CheckboxBlock input[type='radio'] + .CustomInput::before {border-radius:50%;} .CheckboxBlock input[type='radio'] + .CustomInput::after {content:''; background-image:url(../Content/Images/Icon_Tick_White.png); background-size:70%; background-repeat:no-repeat; background-position:center center; color:#ffffff; line-height:20px; text-align:center; top:0px; left:0px; width:20px; height:20px; background-color:#1982c4; border:none; border-radius:50%;} .CheckboxBlock input[type='checkbox']:checked + .CustomInput::before {background:#1982c4; border-color:#1982c4;} .CheckboxBlock input[type='radio']:checked + .CustomInput::before {background:#ffffff; border-color:#1982c4;} .CheckboxBlock input[type='checkbox'] + .CustomInput::after, .CheckboxBlock input[type='radio'] + .CustomInput::after {transform:scale(0);} .CheckboxBlock input[type='checkbox']:checked + .CustomInput::after, .CheckboxBlock input[type='radio']:checked + .CustomInput::after {transform:scale(1);} .CheckboxBlock .CustomInput::before, .CheckboxBlock .CustomInput::after {transition:0.25s all ease;} /* Site Content */ .SiteContent {display: flex;} .SiteContent .PanelLeft {flex: 1; min-width: 0;} .SiteContent .PanelRight {width: 300px; padding-left:60px; box-sizing:border-box;} .SiteContent .PanelRight .SlidingBlock {position:sticky; top:40px; width:100%;} .SiteContent .PanelRight .BtnWhite {margin-bottom: 10px;} .SiteContent .PanelRight .BtnWhite a {padding-left:0px; padding-right:0px; font-size:1.1em; font-weight:700; padding:15.5px 10px;} .SiteContent .PanelRight h2 {margin-bottom: 10px;} .ModelBoxSm {position: relative; margin-bottom: 15px;} .ModelBoxSm:hover {cursor: pointer;} .ModelBoxSm .Img img {width:100%;} .ModelBoxSm .EnlargeIcon {display: inline-block; width: 20px;} .ModelBoxSm .EnlargeIcon img {width: 100%;} .ModelBoxSm .EnlargeIcon {position: absolute; bottom: 5px; right: 5px;} .MySignificantSeven {margin-top: 30px;} .MySignificantSeven .SigSevenBlocks {margin-bottom: 20px;} .MySignificantSeven .SigSevenBlocks:last-child {margin-bottom: 0px;} .MySignificantSeven .SigSevenBlocks .SSBlock {display: flex; align-items: center; overflow: hidden; border: 1px solid #5A7172; border-bottom: none; padding: 17px 15px; box-sizing: border-box;} .MySignificantSeven .SigSevenBlocks .SSBlock:hover {cursor: pointer;} .MySignificantSeven .SigSevenBlocks .SSBlock:last-child {border-bottom: 1px solid #5A7172;} .MySignificantSeven .SigSevenBlocks .SSBlock .Img {position:relative; z-index: 1; width: 30px;} .MySignificantSeven .SigSevenBlocks .SSBlock .Img img {width: 150%; position: relative; right: 10px; bottom: 3px; margin: -1px 0px -8px 0px;} .MySignificantSeven .SigSevenBlocks .SSBlock .Txt {position: relative; z-index: 5; font-size: 1.2em; line-height: 1.6em; color: #4E5556; padding-left: 7px; box-sizing: border-box;} .MySignificantSeven .SigSevenBlocks .SigPopup {display: none;} .MySignificantSeven .SigSevenBlocks .SSBlockNoHover {display: flex; align-items: center; overflow: hidden; border: 1px solid #5A7172; border-bottom: none; padding: 17px 15px; box-sizing: border-box;} .MySignificantSeven .SigSevenBlocks .SSBlockNoHover:last-child {border-bottom: 1px solid #5A7172;} .MySignificantSeven .SigSevenBlocks .SSBlockNoHover .Img {position:relative; z-index: 1; width: 30px;} .MySignificantSeven .SigSevenBlocks .SSBlockNoHover .Img img {width: 150%; position: relative; right: 10px; bottom: 3px; margin: -1px 0px -8px 0px;} .MySignificantSeven .SigSevenBlocks .SSBlockNoHover .Txt {position: relative; z-index: 5; font-size: 1.2em; line-height: 1.6em; color: #4E5556; padding-left: 7px; box-sizing: border-box;} /* Dashboard */ .Dashboard h2 {font-size: 2.0em; line-height: 1.0em; color: #000000; margin-bottom: 25px;} .Dashboard .SliderRow {position: relative; margin-bottom: 35px;} .Dashboard .SliderRow .swiper-container {padding-bottom: 2px;} .Dashboard .SliderRow .swiper-button-next {display: none; z-index: 1; right: -20px; width: 38px; height: 38px; background-size: 44px 44px; background-image: url('/Content/Images/Icon_Arrow_Right.png'); border-radius: 50%; border: 1px solid #5A7172; background-color: #ffffff;} .Dashboard .SliderRow .swiper-button-prev {display: none; z-index: 1; left: -20px; width: 38px; height: 38px; background-size: 44px 44px; background-image: url('/Content/Images/Icon_Arrow_Left.png'); border-radius: 50%; border: 1px solid #5A7172; background-color: #ffffff;} .Dashboard .SliderRow:hover .swiper-button-next {display: block;} .Dashboard .SliderRow:hover .swiper-button-prev {display: block;} .Dashboard .SliderRow .swiper-button-next.swiper-button-disabled {display: none;} .Dashboard .SliderRow .swiper-button-prev.swiper-button-disabled {display: none;} .Dashboard .SliderRow .SlideContent {display: block; position: relative; overflow: hidden; text-decoration: none; cursor:pointer;} .Dashboard .SliderRow.AssessmentsList .SlideContent, .Dashboard .SliderRow.CoursesList .SlideContent {cursor:default;} .Dashboard .SliderRow .SlideContent:hover {text-decoration: none;} .Dashboard .SliderRow .SlideContent .NewBanner {display: none; position: absolute; top: 18px; left: -24px; width: 100px; transform: rotate(-45deg); text-align: center; letter-spacing: 1px; line-height: 1.5em; font-weight: 700; color: #000000; background-color: #f3d172; font-family: 'Montserrat', Arial, Helvetica, Verdana, Sans-Serif; padding: 2.5px; box-sizing: border-box;} .Dashboard .SliderRow .SlideContent .NewBanner.Show {display: block;} .Dashboard .SliderRow .SlideContent .LockedContainer {position: absolute; z-index: 10; width: 100%; height: 140px;} .Dashboard .SliderRow .SlideContent.Locked {pointer-events:none;} .Dashboard .SliderRow .SlideContent.Locked .TopBlock {opacity:0.5;} .Dashboard .SliderRow .SlideContent.Locked .Pourcentage {display: none;} .Dashboard .SliderRow .SlideContent.Locked .PadlockIcon {display: block;} .Dashboard .SliderRow .TopBlock {display: inline-block; width: 100%;} .Dashboard .SliderRow .TopBlock .HiddenText {display: none;} .Dashboard .SliderRow .BottomBlock {display: block; position: relative; bottom: 3px; border: 1px solid #5A7172; background-color: #ffffff; border-top: none;} .Dashboard .SliderRow .BottomBlock .ContentContainer {display: block; padding: 25px 20px 25px 20px; box-sizing: border-box;} .Dashboard .SliderRow .BottomBlock .BtmBtnContainer {display:block; padding:0px 20px; box-sizing:border-box; position:absolute; width:100%; bottom:20px;} .Dashboard .SliderRow .BottomBlock .BtmBtnContainer .BtnBlue {display:block;} .Dashboard .SliderRow .BottomBlock .Title {display: block; font-size: 1.3em; line-height: 20px; font-weight: 700; color: #000000; font-family: 'Montserrat', Arial, Helvetica, Verdana, Sans-Serif; margin-bottom: 10px;} .Dashboard .SliderRow .BottomBlock .Desc {display: block; font-size: 1.2em; line-height: 20px; color:#4E5556;} .Dashboard .SliderRow .BottomBlock .Date {display: block; font-size: 1.2em; line-height: 20px; color:#4E5556;} .Dashboard .SliderRow .BottomBlock .CompletedDate {display: block; font-size: 1.2em; line-height: 20px; color:#4e5556;} .Dashboard .SliderRow .BottomBlock .Download {width:25px; float:right;} .Dashboard .SliderRow .BottomBlock .Download img {width: 100%; border-radius: 50%; border: 1px solid #5A7172; background-color: #ffffff;} .Dashboard .SliderRow .BottomBlock .Download img:hover {cursor: pointer;} .Dashboard .SliderRow .BottomBlock.BtmBtn {padding-bottom:60px; box-sizing:border-box;} .Dashboard .SliderRow .Pourcentage {position: relative; max-width: 110px; height: 100%; margin: 0px auto;} .Dashboard .SliderRow .Pourcentage .Labels {position: absolute; top: 50%; transform: translateY(-50%); width: 100%; text-align: center; color: #ffffff; font-size: 2.0em; line-height: 1.3em; font-family: 'Montserrat', sans-serif, Arial, Helvetica, Verdana; font-weight: 600;} .Dashboard .SliderRow .Pourcentage .ct-series-a .ct-slice-donut {stroke: #ffffff;} .Dashboard .SliderRow .Pourcentage .ct-series-b .ct-slice-donut {stroke: #ffffff; opacity: 0.6;} .Dashboard .SliderRow .PadlockIcon {display: none; position: relative; height: 100%;} .Dashboard .SliderRow .PadlockIcon img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 40px; padding: 25px; border: 4px solid rgba(255, 255, 255, 1); border-radius: 50%;} .Dashboard .SliderRow .swiper-slide.Empty {/*background-color: #5A7172; opacity: 0.3;*/} .Dashboard .ViewHistory {height: 314px;} .Dashboard .ViewHistory .VHContent {display: flex; align-items: center; justify-content: center; height: 100%; border: 1px solid #5A7172; padding: 10px; box-sizing: border-box; transition: opacity 0.3s ease; text-decoration: none;} .Dashboard .ViewHistory .VHContent:hover {opacity: 0.7; text-decoration: none;} .Dashboard .ViewHistory .VHContainer {display: block;} .Dashboard .ViewHistory .Img {display: block; width: 45px; margin: 0px auto 25px auto;} .Dashboard .ViewHistory .Img img {width: 100%;} .Dashboard .ViewHistory .Txt {font-size: 1.3em; font-family: 'Montserrat', Arial, Helvetica, Verdana, Sans-Serif; font-weight: 600; color: #000000;} .Dashboard .SliderRow.AssessmentsList .TopBlock {height: 180px;} .Dashboard .SliderRow.AssessmentsList .Empty {height: 316px;} .Dashboard .SliderRow.AssessmentsList .ViewHistory {display: none;} .Dashboard .SliderRow.CoursesList .TopBlock {height: 140px;} .Dashboard .SliderRow.CoursesList .Empty {height: 302px;} .Dashboard .SliderRow.CoursesList .BottomBlock {background-color: #1A71A8; border: none;} .Dashboard .SliderRow.CoursesList .BottomBlock .Title {color: #ffffff;} .Dashboard .SliderRow.CoursesList .BottomBlock .Desc {color: #ffffff;} .Dashboard .SliderRow.CoursesList .SlideContent.Locked .BottomBlock {background-color: #ffffff; border: 1px solid #5A7172; border-top: none;} .Dashboard .SliderRow.CoursesList .SlideContent.Locked .BottomBlock .Title {color: #000000;} .Dashboard .SliderRow.CoursesList .SlideContent.Locked .BottomBlock .Desc {color: #4E5556;} .Dashboard .SliderRow.ResourcesList {} .Dashboard .SliderRow.ResourcesList .TopBlock {height: 140px;} .Dashboard .SliderRow.ResourcesList .TopBlock img {width:100%;} .Dashboard .SliderRow.ResourcesList .Empty {height: 302px;} .Dashboard .SliderRow.PodcastsList {margin-bottom: 0px;} .Dashboard .SliderRow.PodcastsList .TopBlock {height: 140px;} .Dashboard .SliderRow.PodcastsList .Empty {height: 302px;} .Dashboard .SliderRow .BlockInfoIcon {position: absolute; z-index: 20; top: 10px; right: 10px; cursor: pointer; width: 20px; height: 20px; border-radius: 50%; background: url(/Content/Images/Icon_StrengthsJournal_Help.png) #ffffff no-repeat center; background-size: 100%;} .Dashboard .SliderRow .BlockInfoIcon.Locked {} .Dashboard .AssessmentsRow {display: flex; align-items: flex-start; margin-bottom: 35px;} .Dashboard .AssessmentsRow .AS_Swiper_Block {flex: 0 0 75%; padding-right: 20px; box-sizing: border-box; min-width: 0;} .Dashboard .AssessmentsRow .AS_Swiper_Block.FullWidth {flex:0 0 100%; padding-right:0px;} .Dashboard .AssessmentsRow .AS_Swiper_Block.FullWidth .swiper-slide {max-width:350px !important;} .Dashboard .AssessmentsRow .AS_History_Block {flex: 0 0 25%;} .Dashboard .AssessmentsRow .AS_History_Block.RTLBlock {display:none; padding-right:20px; box-sizing:border-box;} .Dashboard .AssessmentsRow .SliderRow {margin-bottom: 0px;} .Dashboard .AssessmentsRow .SliderRow .Details_Box.Locked .TopBlock {opacity: 0.5;} .Dashboard .AssessmentsRow .SliderRow .Details_Box.Locked .BottomBlock {border-color:#e9e9e9;} .Dashboard .AssessmentsRow .BtnWhite {margin:15px 0px;} .HeaderRow {display: flex; align-items: center; margin-bottom: 15px;} .HeaderRow.TopAlign {align-items: flex-start;} .HeaderRow.NoSpaceBtm {margin-bottom:0px;} .HeaderRow .LeftSide {flex: 1; min-width: 0; padding-right: 20px; box-sizing: border-box;} .HeaderRow .RightSide.RightAlign {text-align: right;} .HeaderRow h1 {line-height: 1.3em; margin-bottom: 0px;} .HeaderRow h1.AddSpace {margin-bottom:30px;} .HeaderRow .AddAssessBtn .Lg .BtnWhite a {padding: 14px 15px;} .HeaderRow .AddAssessBtn .Sm {display: none;} .HeaderRow .AddAssessBtn .Sm .BtnWhite a {width: 44px; height: 44px; padding: 0px;} .HeaderRow .AddAssessBtn .Sm .BtnWhite a img {width: 100%; transition: opacity 0.3s ease;} .HeaderRow .AddAssessBtn .Sm .BtnWhite a:hover img {opacity: 0.7;} .HeaderRow .DashHdrFields {} .HeaderRow .DashHdrFields .InfoField {display: inline-block; vertical-align:middle; padding-right:20px; box-sizing:border-box;} .HeaderRow .DashHdrFields .SearchField {display: inline-block; vertical-align:middle;} .HeaderRow .SideBySideBtns {display: flex;} .HeaderRow .SideBySideBtns .RightBtn {margin-left: 10px;} .HeaderRow.SearchBlock .RightSide {width: 300px;} .HeaderRow.SearchBlock .RightSide .FormBox {margin-bottom: 0px;} .HeaderRow.SearchBlock .RightSide .FormField {position: relative;} .HeaderRow.SearchBlock .RightSide .FormField .EditBox {padding-right:43px;} .HeaderRow.SearchBlock .SearchIcon {position:absolute; top:8px; right:10px; display:inline-block; width:23px; height:23px; background:url('/Content/Images/Icon_Search.png') no-repeat center; background-size:100%; cursor:pointer;} .ViewHistoryBlocks .VHBlock {display: flex; align-items: center; position: relative; padding:20px 20px; box-sizing:border-box; border: 1px solid #5A7172; margin-bottom: 10px;} .ViewHistoryBlocks .VHBlock:last-child {margin-bottom: 0px;} .ViewHistoryBlocks .VHBlock .Complete_Box {flex: 0 0 25px;} .ViewHistoryBlocks .VHBlock .Complete_Box img {width: 100%;} .ViewHistoryBlocks .VHBlock .Details_Box {flex: 1; display: flex; align-items: center;} .ViewHistoryBlocks .VHBlock .Details {flex: 1; padding-left: 20px; box-sizing: border-box;} .ViewHistoryBlocks .VHBlock .Details .Title {font-size: 1.3em; line-height: 1.4em; font-weight: 700; color: #000000; font-family: 'Montserrat', Arial, Helvetica, Verdana, Sans-Serif; margin-bottom: 5px; letter-spacing:0px;} .ViewHistoryBlocks .VHBlock .Details .Desc {font-size: 1.3em; line-height: 1.4em; color: #4E5556;} .ViewHistoryBlocks .VHBlock .Details .BtnWhite {margin-top: 10px;} .ViewHistoryBlocks .VHBlock .Details .BtnWhite a {padding: 5px; letter-spacing: 0px; color: #4E5556;} .ViewHistoryBlocks .VHBlock .CompletedDate {flex: 1; display:flex; justify-content: flex-end; padding-left: 10px; box-sizing: border-box; font-size: 1.1em; line-height: 1.4em; color: #4E5556;} .ViewHistoryBlocks .VHBlock .Download {flex: 0 0 40px; padding-left: 10px; box-sizing: border-box;} .ViewHistoryBlocks .VHBlock .Download img {width: 100%; border-radius: 50%; border: 1px solid #5A7172; background-color: #ffffff;} .ViewHistoryBlocks .VHBlock .Download img:hover {cursor: pointer;} .ViewModelImg {margin-top:30px; margin-bottom:30px;} .ViewModelImg img {width: 100%;} .Dashboard .CurrentActivity .Title {margin:0px 0px 30px 0px;} .Dashboard .MyHistory {margin:40px 0px 0px 0px;} .Dashboard .MyHistory .Title {margin:0px 0px 30px 0px;} .swiper-current-activity {padding-bottom:2px; margin:0px 0px 0px -100px;} .swiper-current-activity .swiper-slide {border:1px solid #5A7172; width:213px; box-sizing:border-box; margin:0px -70px 0px 100px; cursor:pointer; text-decoration:none; transition:all 0.3s ease;} .swiper-current-activity .swiper-slide:last-child {margin:0px 100px 0px 100px;} .swiper-current-activity .swiper-slide:focus {border-color:#686767; outline:none;} .swiper-current-activity .swiper-slide:hover {color:#707070; border:1px solid #e5e1e1;} .swiper-current-activity .swiper-slide .InnerSwip {padding:25px; display:block;} .swiper-current-activity .swiper-slide .InnerSwip .Project {font-size:13px; line-height:1.3em; font-family:'Montserrat', Arial, Helvetica, Verdana, Sans-Serif; font-weight:600; color:#000000; display:block; margin-bottom:10px;} .swiper-current-activity .swiper-slide .InnerSwip .Date {font-size:13px; line-height:1.3em; font-weight:400; color:#4E5556; display:block; /*font-style:italic;*/} .swiper-current-activity .swiper-slide .InnerSwip .Date .Nbre {font-size:11px; line-height:1.3em; font-family:'Montserrat', Arial, Helvetica, Verdana, Sans-Serif; font-weight:400; color:#000000; font-style:normal;} .swiper-current-activity .swiper-slide .InnerSwip .Pourcentage {font-size:20px; line-height:1.3em; font-family:'Roboto', Arial, Helvetica, Verdana, Sans-Serif; font-weight:400; color:#000000; display:block; margin:25px 0px; text-align:center; position:relative; max-width:100px; margin-left:auto; margin-right:auto;} .swiper-current-activity .swiper-slide .InnerSwip .Pourcentage .ct-series-b .ct-slice-donut {stroke:#ddd;} .swiper-current-activity .swiper-slide .InnerSwip .Pourcentage {} .swiper-current-activity .swiper-slide .InnerSwip .Pourcentage .Labels {position:absolute; top:48%; transform:translateY(-50%); width:100%; text-align:center; color:#000000; font-family:Roboto;} .swiper-current-activity .swiper-slide .InnerSwip .Pourcentage .Labels .Label1 {font-size:20px; font-weight:300;} .swiper-current-activity .swiper-slide .InnerSwip .Btn {} .swiper-current-activity .swiper-slide .InnerSwip .Btn span {width:100%; padding:14px 5px; color:#000000; font-size:11px; line-height:1.3em; font-weight:700; display:block; border:1px solid #5A7172; box-sizing:border-box; cursor:pointer; font-family:'Montserrat', Arial, Helvetica, Verdana, Sans-Serif; letter-spacing:1px; text-align:center; text-decoration:none; -webkit-appearance:none;} .swiper-current-activity .swiper-slide:hover .InnerSwip .Btn span {color:#707070; border:1px solid #e5e1e1;} .swiper-current-activity .swiper-slide.Start {border:1px solid #1A71A8; background:#1A71A8; transition:all 0.3s ease;} .swiper-current-activity .swiper-slide.Start:hover {opacity:0.8;} .swiper-current-activity .swiper-slide.Start:focus {border-color:#043d71; background:#043d71;} .swiper-current-activity .swiper-slide.Start .InnerSwip .Project {color:#ffffff;} .swiper-current-activity .swiper-slide.Start .InnerSwip .Date {color:#ffffff;} .swiper-current-activity .swiper-slide.Start .InnerSwip .Date span {color:#ffffff;} .swiper-current-activity .swiper-slide.Start .InnerSwip .Pourcentage {color:#ffffff;} .swiper-current-activity .swiper-slide.Start .InnerSwip .Btn {} .swiper-current-activity .swiper-slide.Start .InnerSwip .Btn span {color:#ffffff; border:1px solid #ffffff;} .swiper-current-activity .swiper-slide.Start .InnerSwip .Pourcentage .ct-series-b .ct-slice-donut {stroke:#fff;} .swiper-current-activity .swiper-slide.Start .InnerSwip .Pourcentage .Labels {color:#fff;} .swiper-current-activity .swiper-slide.AddAssessment {border:1px dashed #5A7172; text-align:center; display:table;} .swiper-current-activity .swiper-slide.AddAssessment .InnerSwip {display:table-cell; vertical-align:middle;} .swiper-current-activity .swiper-slide.AddAssessment .Icon {display:inline-block; width:40px; height:40px; background:url(/Content/Images/Icon_Add_Plus.png) no-repeat center; background-size:cover;} .swiper-current-activity .swiper-slide.AddAssessment .Txt {display:block; font-size:11px; line-height:1.3em; font-family:'Montserrat', Arial, Helvetica, Verdana, Sans-Serif; font-weight:600; color:#000000; letter-spacing:1px; margin-top:10px;} .swiper-current-activity .swiper-slide.AddAssessment:focus {border-color:#686767; outline:none;} .swiper-current-activity .swiper-button-next {display:none; z-index:1; width:40px; height:40px; margin-top:-20px; right:30px; background-size:40px 40px; background-image:url(/Content/Images/Icon_ArrowSwipe_Right.png);} .swiper-current-activity .swiper-button-prev {display:none; z-index:1; width:40px; height:40px; margin-top:-20px; left:30px; background-size:40px 40px; background-image:url(/Content/Images/Icon_ArrowSwipe_Left.png);} .swiper-current-activity:hover .swiper-button-next {display:block;} .swiper-current-activity:hover .swiper-button-prev {display:block;} .swiper-current-activity .swiper-button-disabled {display:none !important;} .swiper-my-history {padding-bottom:2px; margin:0px 0px 0px -100px;} .swiper-my-history .swiper-slide {position:relative; border:1px solid #5A7172; margin-right:30px; width:213px; box-sizing:border-box; margin:0px -70px 0px 100px; text-decoration:none; transition:border 0.3s ease;} .swiper-my-history .swiper-slide:last-child {margin:0px 100px 0px 100px;} .swiper-my-history .swiper-slide:hover {color:#707070; border:1px solid #e5e1e1;} .swiper-my-history .swiper-slide .InnerSwip {padding:25px; display:block;} .swiper-my-history .swiper-slide .InnerSwip .DownloadBtn {width:20px; height:20px} .swiper-my-history .swiper-slide .InnerSwip .Project {display:block; font-size:13px; line-height:1.3em; font-family:'Montserrat', Arial, Helvetica, Verdana, Sans-Serif; font-weight:600; color:#000000; margin-bottom:10px; padding-right:25px; box-sizing:border-box;} .swiper-my-history .swiper-slide .InnerSwip .Date {font-size:13px; line-height:1.3em; /*font-family:'PT Serif', Arial, Helvetica, Verdana, Sans-Serif;*/ font-weight:400; color:#4E5556; /*font-style:italic;*/} .swiper-my-history .swiper-slide .InnerSwip .Date .Nbre {font-size:10px; line-height:1.3em; font-family:'Montserrat', Arial, Helvetica, Verdana, Sans-Serif; font-weight:400; color:#000000; font-style:normal;} .swiper-my-history .swiper-slide .InnerSwip .IconComplete {display:block; margin:20px 0px; text-align:center;} .swiper-my-history .swiper-slide .InnerSwip .IconComplete span {background:url(/Content/Images//Icon_Slider_Complete.png) no-repeat center; background-size:cover; width:36px; height:36px; display:inline-block;} .swiper-my-history .swiper-slide .InnerSwip .Complete {display:block; font-size:12px; line-height:1.3em; /*font-family:'PT Serif', Arial, Helvetica, Verdana, Sans-Serif;*/ font-weight:400; color:#4E5556; /*font-style:italic;*/ text-align:center;} .swiper-my-history .swiper-slide .InnerSwip .Complete span {font-size:10px; line-height:1.3em; font-family:'Montserrat', Arial, Helvetica, Verdana, Sans-Serif; font-weight:400; color:#4E5556; font-style:normal;} .swiper-my-history .swiper-slide .InnerSwip .Btn {padding:25px 0px 0px 0px; display:block;} .swiper-my-history .swiper-slide .InnerSwip .Btn span {width:100%; padding:8px 0px; color:#000000; font-size:9px; line-height:1.3em; font-weight:700; display:block; border:1px solid #5A7172; box-sizing:border-box; cursor:pointer; font-family:'Montserrat', Arial, Helvetica, Verdana, Sans-Serif; letter-spacing:1px; text-align:center; text-decoration:none; -webkit-appearance:none; transition:border 0.3s ease, color 0.3s ease;} .swiper-my-history .swiper-slide .InnerSwip:hover {text-decoration:none;} .swiper-my-history .swiper-slide:hover .InnerSwip .Btn span {color:#707070; border:1px solid #e5e1e1;} .swiper-my-history .swiper-slide.Empty {border:1px dashed #5A7172;} .swiper-my-history .swiper-slide .DownloadBtn {display:block; width:30px; height:30px; position:absolute; top:15px; right:15px; background-image:url(/Content/Images/Icon_Btn_DownloadHover.png); background-repeat:no-repeat; background-size:100%; border-radius:50%; border:1px solid #BDBDBD; background-color:#BDBDBD;} .swiper-my-history .swiper-button-next {display:none; z-index:1; width:40px; height:40px; margin-top:-20px; right:30px; background-size:40px 40px; background-image:url(/Content/Images/Icon_ArrowSwipe_Right.png);} .swiper-my-history .swiper-button-prev {display:none; z-index:1; width:40px; height:40px; margin-top:-20px; left:30px; background-size:40px 40px; background-image:url(/Content/Images/Icon_ArrowSwipe_Left.png);} .swiper-my-history:hover .swiper-button-next {display:block;} .swiper-my-history:hover .swiper-button-prev {display:block;} .swiper-my-history .swiper-button-disabled {display:none !important;} .DebugBox {position:fixed; top:0px; left:0px; border:solid 1px #ddd; background-color:#fff; font-size:11px; color:#000; padding:3px; z-index:1000; max-width:240px; opacity:0.8; line-height:1.1em; font-family:Arial;} .DebugBox hr {margin:2px 0px 2px 0px; height:1px;} .BigTitle {font-size:30px; line-height:40px; font-family:'Montserrat', Arial, Helvetica, Verdana, Sans-Serif; font-weight:700; color:#000000; margin:0px 0px 30px 0px;} .BigLine {width:54px; height:5px; background-color:#7C2064; margin:0px 0px 30px 0px; display:block;} .BigLineYellow {background:#eaeb85;} /* Public page container */ .PageContainer {min-height: calc(100vh - 122px); min-width: 320px;} /* Header */ .SiteHeader {height: 60px; border-bottom: 1px solid #5A7172; min-width: 320px;} .SiteHeader .InnerHeader {display: flex; width: 100%;} .SiteHeader .InnerHeader .MobIcon_Block {display: none; flex: 0 0 60px;} .SiteHeader .InnerHeader .MobIcon_Block .MobIcon {display: inline-block; width: 60px;} .SiteHeader .InnerHeader .MobIcon_Block .MobIcon:hover {cursor: pointer;} .SiteHeader .InnerHeader .MobIcon_Block .MobIcon img {width: 100%;} .SiteHeader .InnerHeader .Main_Block {flex: 1;} .SiteHeader .MainHeader .HeaderContent {display: flex; width: 100%; padding: 10px 0px; box-sizing: border-box;} .SiteHeader .MainHeader .HeaderContent .Block_01 {display: flex; flex: 0 0 185px; align-items: center; padding-right: 20px; box-sizing:border-box;} .SiteHeader .MainHeader .HeaderContent .Block_02 {display: flex; flex: 0 0 1px; align-items: center; height:40px; background-color:#5A7172;} .SiteHeader .MainHeader .HeaderContent .Block_03 {display: flex; flex: 0 0 150px; align-items: center; padding-left: 20px; box-sizing:border-box;} .SiteHeader .MainHeader .HeaderContent .Block_04 {display: flex; flex: 1; align-items: center; height: 40px;} .SiteHeader .SiteLogo {display: flex; align-items:flex-start;} .SiteHeader .SiteLogo img {width: 100%;} .SiteHeader .ClientLogo {display: flex; flex-direction: column;} .SiteHeader .ClientLogo img {height: 100%; max-height:35px;} .SiteHeader .HdrDropdowns {display: flex; width: 100%; align-items: center; justify-content: flex-end;} .SiteHeader .HdrDropdowns .DD_Block {display: flex; flex: 0 0 140px;} .SiteHeader .HdrDropdowns .DD_Block.Percentage {display: flex; flex: 0 0 55px; padding-right: 3px; box-sizing: border-box;} .SiteHeader .HdrDropdowns .DD_Block.Percentage.ShowBlock:hover .APBlock {display: block;} .SiteHeader .HdrDropdowns .DD_Block.Percentage.ShowBlock:focus .APBlock {display: block;} .SiteHeader .HdrDropdowns .DD_Block.Btn {flex: 0 0 100px;} .SiteHeader .HdrDropdowns .DD_Block.Btn .BtnBlue {width: 100%;} .SiteHeader .HdrDropdowns .DD_Block.Btn .BtnBlue a {padding: 12.5px 20px; white-space: nowrap;} .SiteHeader .HdrDropdowns .DD_Block.Btn .BtnWhite {width: 100%;} .SiteHeader .HdrDropdowns .DD_Block.Btn .BtnWhite a {padding: 12.5px 20px;} .SiteHeader .HdrDropdowns .DD_Block.Btn.SkipContentBlock {flex:inherit;} .SiteHeader .HdrDropdowns .DD_Block.Btn.SkipContentBlock #SkipToContentBtn {position:absolute; top:-40px; left:0; z-index:100; transition:none; margin-left:10px;} .SiteHeader .HdrDropdowns .DD_Block.Btn.SkipContentBlock #SkipToContentBtn:focus {position:relative; top:0px;} .SiteHeader .HdrDropdowns .DD_Block select {width:100%; padding:11.5px 30px 11.5px 15px; border-radius:0px; outline:none; border:1px solid #5A7172; cursor:pointer; font-size:12px; font-family:Arial, Helvetica, Verdana; color:#4E5556; -webkit-appearance:none; -moz-appearance:none; background:url(/Content/Images/Icon_DropDown_Arrow.png) no-repeat right 10px center; background-size:13px;} .SiteHeader .HdrDropdowns .DD_Block select::-ms-expand {display:none;} .SiteHeader .HdrDropdowns .DD_Block select:focus {border:2px solid blue;} .SiteHeader .HdrDropdowns .DD_Block select option:first-child {pointer-events:none; opacity:0.5; background-color:#dddddd;} .SiteHeader .HdrDropdowns .DD_Seperator {display: flex; flex: 0 0 10px;} .SiteHeader .HdrDropdowns .DD_Seperator.V2 {flex: 0 0 20px;} .SiteHeader .HdrDropdowns .ui-widget {font-size: 1.0em;} .SiteHeader .HdrDropdowns .ui-selectmenu-button {background: #ffffff; border: 1px solid #5A7172; height: 38px;} .SiteHeader .HdrDropdowns .ui-selectmenu-button.ui-selectmenu-button-open {background:#E3EFFB; border-color:#388DCF;} .SiteHeader .HdrDropdowns .ui-selectmenu-text {padding: 11px 13px; font-size: 1.2em; color: #4E5556; line-height:1.6em;} .SiteHeader .HdrDropdowns #SiteNav-button .ui-selectmenu-text {font-family: 'Montserrat', Arial, Helvetica, Verdana, Sans-Serif; font-weight: 600; position: relative; bottom: 1px;} .SiteHeader .MobMenuIcon a {display: inline-block; width: 60px;} .SiteHeader .MobMenuIcon a img {width: 100%;} .SiteHeader .AssessmentHeader .HeaderContent {display: flex; width: 100%; padding: 10px 0px; box-sizing: border-box;} .SiteHeader .AssessmentHeader .HeaderContent .Block_01 {display: flex; flex: 0 0 205px; align-items: center;} .SiteHeader .AssessmentHeader .HeaderContent .Block_02 {display: flex; flex: 1; align-items: center; justify-content: center; min-width: 0; height: 40px; padding: 0px 15px; box-sizing: border-box;} .SiteHeader .AssessmentHeader .HeaderContent .Block_03 {display: flex; flex: 0 0 205px; align-items: center; height: 40px;} .SiteHeader .BackIcon {display: inline-block; margin-top: -1px; width: 40px; height: 40px; overflow: hidden; border-radius: 50%; border:1px solid #5A7172; background-color: #ffffff;} .SiteHeader .BackIcon img {width: 100%;} .SiteHeader .AssessHdrText {width: 100%; text-align: center;} .SiteHeader .AssessHdrText .Line1 {font-size: 1.3em; font-family: 'Montserrat', Arial, Helvetica, Verdana, Sans-Serif; font-weight: 700; color: #000000; margin-bottom: 3px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .SiteHeader .AssessHdrText .Line2 {font-size: 1.2em; line-height: 1.6em; color: #4E5556; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .SiteHeader .AssessmentPath {position: relative;} .SiteHeader .AssessmentPath .APBlock {display: none; position: absolute; top: 35px; right: -113px; z-index: 100; width: 280px;} .SiteHeader .AssessmentPath .APTopArrow {position: relative; top: 2px; left: 50%; transform: translateX(-50%); width: 23px; height: 15px; background: url('/Content/Images/Tooltip_Arrow.png') center center no-repeat; background-size: 100%;} .SiteHeader .AssessmentPath .APList {background-color: #ffffff; border: 1px solid #5A7172; padding: 24px 8px; box-sizing: border-box;} .SiteHeader .AssessmentPath .APList .ProgressGuide .Item .Txt .LeftSide {width: 180px;} .SiteHeader .HdrDropdowns .DD_Block.Percentage.ShowBlock:hover, .SiteHeader .HdrDropdowns .DD_Block.Percentage.ShowBlock:focus {outline:none; border:2px solid #0000ff;} .SiteHeader .HdrDropdowns .DD_Block.Percentage.ShowBlock:hover .AssessmentPath .APBlock {display: block;} .SiteHeader .HdrDropdowns .DD_Block.Percentage.ShowBlock:focus .AssessmentPath .APBlock {display: block;} #SiteNav-menu.ui-menu {border-top: none; padding: 5px 0px 15px 0px; box-sizing: border-box;} #SiteNav-menu.ui-menu .ui-menu-item {min-height: inherit; border: none; padding: 0px; color: #4E5556; font-family:Arial, Helvetica, Verdana; font-weight: 400; letter-spacing: 0px;} #SiteNav-menu.ui-menu .ui-menu-item:first-child {display: none;} #SiteNav-menu.ui-menu .ui-state-focus {color: #4E5556; border: none;} #SiteNav-menu.ui-widget {font-size: 1.0em;} #SiteNav-menu.ui-widget-content {position: relative; bottom: -1px; border: 1px solid #5A7172; border-top: none; padding: 0px;} #SiteNav-menu .ui-state-active, #SiteNav-menu .ui-widget-content .ui-state-active, #SiteNav-menu .ui-widget-header .ui-state-active {font-weight: 400;} /* Footer */ .SiteFooter {height: 59px; border-top: 1px solid #5A7172; background-color: #ffffff;} .SiteFooter .InnerFooter {display: flex; width: 100%; padding:15px 0px; box-sizing: border-box;} .SiteFooter .InnerFooter .Block_01 {display: flex; flex: 1; height: 30px;} .SiteFooter .InnerFooter .Block_02 {display: flex; justify-content: flex-end; align-items: center; flex: 1; height: 30px;} .SiteFooter .SocialMediaBlocks {display: flex;} .SiteFooter .SocialMediaBlocks .SM_Block {display: flex; flex: 0 0 34px; padding-right: 10px; box-sizing: border-box;} .SiteFooter .SocialMediaBlocks .SM_Block a {display: inline-block; overflow: hidden; width: 29px; height: 29px; border: 1px solid #5A7172; border-radius: 50%;} .SiteFooter .SocialMediaBlocks .SM_Block img {width: 36px; position: relative; right: 3px; bottom: 3px;} .SiteFooter .FooterTxt {color: #4E5556; font-size: 0.9em; font-family:Arial, Helvetica, Verdana;} .SiteFooter ul.FooterLinks {margin:0px; padding:0px; display:flex; align-items:center; justify-content:center;} .SiteFooter ul.FooterLinks li {margin:0px; padding:0px; display:block; margin-left:15px;} .SiteFooter ul.FooterLinks li a {font-size:9px; font-weight:400; font-family:Arial, Helvetica, Verdana; color:#4E5556; text-decoration:none;} .Intercom {position:fixed; bottom:15px; right:15px; width:62px; cursor:pointer; z-index:100;} .Intercom a {} .Intercom img {width:100%; display:block;} .SubTitle {font-size:13px; line-height:24px; font-weight:600; color:#000000; margin:0px 0px 12px 0px; font-family:'Montserrat', sans-serif, Arial, Helvetica, Verdana;} .SubTitle2 {font-size:2.0em; line-height:1.5em; color:#000000; font-family:Arial, Helvetica, Verdana; margin-bottom:20px;} .SubText {font-size:12px; line-height:19px; font-weight:400; color:#4E5556; margin:0px 0px 12px 0px;} .SubText2 {font-size:12px; line-height:24px; font-family:'Montserrat', sans-serif, Arial, Helvetica, Verdana; font-weight:600; color:#000000; margin:0px 0px 12px 0px; letter-spacing:1px;} .ui-datepicker {z-index:150 !important;} .BottomFix {clear:both; height:0px; font-size:0px; line-height:0px;} .BottomFix.GenderDivider {display:none;} .LineSpacer1 {height:2px; font-size:1px; clear:both;} .LineSpacer2 {height:5px; font-size:1px; clear:both;} .LineSpacer3 {height:10px; font-size:1px; clear:both;} .LineSpacer4 {height:15px; font-size:1px; clear:both;} .LineSpacer5 {height:25px; font-size:1px; clear:both;} .LineSpacer6 {height:40px; font-size:1px; clear:both;} .LineSpacer7 {height:80px; font-size:1px; clear:both;} .LineSpacer8 {height:200px; font-size:1px; clear:both;} .CoverLayer1 {position:fixed; top:0px; left:0px; width:100%; height:100%; background-color:#000; z-index:130; opacity:0; display:none; transition:opacity 200ms ease;} .CoverLayer1.Visible {opacity:0.8;} .CourseCoverLayer {position:fixed; top:0px; left:0px; width:100%; height:100%; background-color:#000; z-index:130; opacity:0; display:none; transition:opacity 200ms ease;} .CourseCoverLayer.Visible {opacity:0.8;} /* Pop-ups */ .PopupParent {position:absolute; width:86%; margin-left:7%; min-width:260px; height:0px; z-index:140; opacity:0; display:none; transition:opacity 200ms ease;} .PopupParent.Visible {opacity:1;} .PopupParent .Popup {position:relative; color:#fff; margin:0px auto 0px auto; max-width:400px; background-color:#7C2064; border-radius:3px;} /* max-width changeable to make popup smaller */ .PopupParent .Popup .ClosePopup {position:absolute; background-image:url(/Content/Images/Icon_PicksCross2.png); top:-18px; right:-18px; width:34px; height:34px; background-position:center center; background-size:12px 12px; cursor:pointer; background-repeat:no-repeat; background-color:#fff; border-radius:50%; border:1px solid #c4c1c1;} .PopupParent .Popup .PopupMsg {position:relative; background-color:#ffffff; padding:30px; box-sizing:border-box;} .PopupParent .Popup .PopupMsg h2 {padding-right:30px; box-sizing:border-box;} .PopupParent .Popup .PopupMsg h2.Hdr2 {font-size:30px; color:#2E2E30; font-family:'Arvo', Arial, serif; padding-bottom:35px; border-bottom:1px solid #5A7172; margin-bottom:35px;} .PopupParent .Popup .PopupMsg h2.Hdr3 {font-size:20px; padding:17px 60px 15px 30px; box-sizing:border-box; border-bottom:1px solid #5A7172; margin-bottom:0px;} .PopupParent .Popup .PopupMsg h2.Hdr3 .HdrTxt {display:block;} .PopupParent .Popup .PopupMsg h2.Hdr3 .HdrTxt:focus {border:2px solid blue;} .PopupParent .Popup .PopupMsg h2.Hdr3.SpaceForCloseBtn {padding-right:60px;} .PopupParent .Popup .PopupMsg h2.Hdr3 .SelfAssessTitle {display:block;} .PopupParent .Popup .PopupMsg h2.Hdr3 .SelfAssessTitle:focus {border:2px solid blue;} .PopupParent .Popup .PopupMsg h2.Hdr3 .InnerTitle {display:block;} .PopupParent .Popup .PopupMsg h2.Hdr3 .InnerTitle:focus {border:2px solid blue;} .PopupParent .Popup .PopupMsg.NoSpacing {padding:0px;} .PopupParent .Popup .PopupMsg.MiddleBlock {max-height:calc(100vh - 170px); overflow-y:auto; padding:0px;} .PopupParent .Popup .PopupMsg.Hide {display:none;} .PopupParent .Popup .MsgContainer {padding:40px 30px;} .PopupParent .Popup .MsgContainer.Center {text-align:center;} .PopupParent .Popup .MsgContainer:focus {border:1px solid blue;} .PopupParent .Popup .CloseBtn {display:inline-block; position:absolute; z-index:20; top:20px; right:20px; width:30px; height:30px; background-image:url(/Content/Images/popup_Close_Icon.png); background-size:100%; background-position:center center; background-repeat:no-repeat;} .PopupParent .Popup .CloseBtn:hover {cursor:pointer;} .PopupParent .Popup .CloseBtn span {display:none;} .PopupParent .Popup .CloseBtn2 {display:inline-block; position:absolute; z-index:20; top:-13px; right:-13px; width:30px; height:30px; background-image:url(/Content/Images/popup_Close_Icon.png); background-size:100%; background-position:center center; background-repeat:no-repeat; background-color:#ffffff; border-radius:50%;} .PopupParent .Popup .CloseBtn2:hover {cursor:pointer;} .PopupParent .Popup .CloseBtn3 {display:inline-block; position:absolute; z-index:20; top:0px; right:0px; width:60px; height:60px; background-image:url(/Content/Images/Icon-Close.png); background-size:20px; background-position:center center; background-repeat:no-repeat;} .PopupParent .Popup .CloseBtn3:hover {cursor:pointer;} .PopupParent .Popup .BtmBtnsContainer {background-color:#eeeeee; padding:10px 30px; box-sizing:border-box;} .PopupParent .Popup .BtmBtnsContainer .BtmBtns .LeftBtn {min-width:120px;} .PopupParent .Popup .BtmBtnsContainer .BtmBtns .LeftBtn a {font-size:1.3em; line-height:1.0em; letter-spacing:0px; padding:12.5px 20px; color:#4E5556; background:#eeeeee;} .PopupParent .Popup .BtmBtnsContainer .BtmBtns .RightBtn {min-width:130px;} .PopupParent .Popup .BtmBtnsContainer .BtmBtns .RightBtn a {font-size:1.3em; line-height:1.0em; letter-spacing:0px; padding:12.5px 20px;} .PopupParent .Popup .BtmBtnsContainer .BtmBtns .RightBtn.Hide {display:none !important;} .PopupParent .Popup .BtmBtnsContainer .BtmBtns .ViewBtn a {font-size:1.3em; line-height:1.0em; letter-spacing:0px; padding:12.5px 20px;} .PopupParent .Popup .BtmBtnsContainer .BtmBtns .ViewBtn.Hide{display:none !important;} .PopupParent .Popup .BtmBtnsContainer .BtmBtns .ViewBtn2 a {font-size:1.3em; line-height:1.0em; letter-spacing:0px; padding:12.5px 20px;} .PopupParent .Popup .BtmBtnsContainer .BtmBtns .ViewBtn2.Hide{display:none !important;} .PopupParent .Popup .BtmBtnsContainer .BtmBtns .RightBtn.DisableBtn, .PopupParent .Popup .BtmBtnsContainer .BtmBtns .ViewBtn.DisableBtn, .PopupParent .Popup .BtmBtnsContainer .BtmBtns .ViewBtn2.DisableBtn {pointer-events:none; opacity:0.5;} .PopupParent .Popup .BtmBtns {display:table; margin-left:auto;} .PopupParent .Popup .BtmBtns.FullWidth {width:100%; margin-left:0px;} .PopupParent .Popup .BtmBtns.EvenBtnWidth .LeftBtn {width:50%;} .PopupParent .Popup .BtmBtns.EvenBtnWidth .RightBtn {width:50%;} .PopupParent .Popup .BtmBtns .LeftBtn {display:table-cell; vertical-align:middle; min-width:140px;} .PopupParent .Popup .BtmBtns .RightBtn {display:table-cell; vertical-align:middle; min-width:140px; padding-left:10px; box-sizing:border-box;} .PopupParent .Popup .BtmBtns .RightBtn.SingleBtn {padding-left:0px;} .PopupParent .Popup .BtmBtns .ViewBtn {display:table-cell; vertical-align:middle; min-width:140px; padding-left:10px; box-sizing:border-box;} .PopupParent .Popup .BtmBtns .ViewBtn.SingleBtn {padding-left:0px;} .PopupParent .Popup .BtmBtns .ViewBtn2 {display:table-cell; vertical-align:middle; min-width:140px; padding-left:10px; box-sizing:border-box;} .PopupParent .Popup .BtmBtns .ViewBtn2.SingleBtn {padding-left:0px;} .PopupParent .Popup .BtmBtns.Hide {display:none;} .PopupParent .Popup .Inner {padding:30px; box-sizing:border-box;} .PopupParent .Popup .RegPopTxt:focus {border:1px solid blue;} .PopupParent .Popup.SecondBg {background-color:#ffffff;} .PopupParent .Popup h3 {color:#ffffff;} .PopupParent .Popup p:last-child {margin-bottom:0px;} .PopupParent .LoadingPanel {position:absolute; width:100%; height:100%; top:0px; left:0px; border-radius:3px; background-color:rgba(255, 255, 255, 0.7); z-index:25;} .PopupParent .LoadingPanel.Hide {display:none;} .PopupParent .ProgressIcon {position:absolute; z-index:5; top:50%; left:50%; transform:translate(-50%, -50%);} .PopupParent .ProgressIcon.Hide {display:none;} .PopupParent .LoadingStaticPanel {text-align:center; margin-bottom:20px;} .PopupParent .ValidationError span {display:block; color:#E00000; font-size:14px; margin-bottom:15px;} .PopupParent .HubVideo {position:relative;} .PopupParent .HubVideo.YouTube .CloseBtn {top:-15px; right:-15px;} .PopupParent .HubVideo.Vimeo .CloseBtn {top:12px; right:-13px;} .PopupParent .HubVideo.Standard .CloseBtn {top:-12px; right:-13px;} .PopupParent .HubVideo .CloseBtn {position:absolute; cursor:pointer; background-color:#ffffff; border-radius:50%; height:30px; width:30px; background-image:url('/Content/Images/popup_close_icon.png'); background-repeat:no-repeat; background-size:100%;} .PopupParent .HubVideo iframe {width:100%; height:400px;} .PopupParent .HubVideo video {height:336px;} .PopupParent .iframePopup {position:relative;} .PopupParent .iframePopup .CloseBtn {position:absolute; right:-13px; cursor:pointer; background-color:#ffffff; border-radius:50%; height:30px; width:30px; background-image:url('/Content/Images/popup_close_icon.png'); background-repeat:no-repeat; background-size:100%;} .PopupParent .iframePopup.Audio iframe {width:100%; height:180px;} .PopupParent .iframePopup.Audio .CloseBtn {top:-12px;} .PopupParent .iframePopup.Video iframe {width:100%;} .PopupParent .iframePopup.Video .CloseBtn {top:-4px;} .PopupParent .RegPopTxt:focus {outline:1px solid #888888;} .PopupParent .SigPopupImg {margin-bottom: 40px; text-align:center;} .PopupParent .SigPopupImg img {width: 50%; display:inline-block;} .PopupParent .SigIntroLine {font-size: 1.6em; line-height: 1.45em; margin-bottom:20px; color: #4E5556;} .PopupParent .SigBoldLine {font-size: 1.3em; font-family: 'Montserrat', Arial, Helvetica, Verdana, Sans-Serif; font-weight: 600; color: #000000; margin-bottom:15px;} .PopupParent .SigAttributes ul {margin:10px 0px 0px -9px;} .PopupParent .SigAttributes li {color: #4E5556; font-size: 0.6em; line-height: 1.6em; list-style: initial; padding-left: 5px;} .PopupParent .SigAttributes li:last-child {margin-bottom: 0px;} .PopupParent .SigAttributes li:last-child p {margin-bottom: 0px;} .PopupParent .SigAttributes p {font-size: 13px; line-height:20px;} .PopupParent .InfoVideo {position:relative; padding-top:56.25%; overflow:hidden;} .PopupParent .InfoVideo iframe {position:absolute; z-index:5; top:0px; left:0px; width:100%; height:100%; border:none;} .PopupParent .PopContent.Hide {display:none;} .IntroHubContent .Img {margin-bottom:15px;} .IntroHubContent .Img img {width:100%;} .IHPopup1Layout {display:flex;} .IHPopup1Layout .Txt {padding-right:30px; box-sizing:border-box;} .IHPopup1Layout .Img {flex:0 0 185px; margin-bottom:0px; margin-top:3px;} .MainPopUpPanel.Hide {display:none;} .FollowUpPopUpPanel.Hide {display:none;} .ActualContent {} .ActualContent .Head1 {font-size:14px; text-align:center; border-bottom:solid 1px #af4ba6; padding:20px 15px 20px 15px; color:#fff;} .ActualContent .Head2 {background-image:url(/Content/Images/Icon_Quotation.png); background-position:center center; height:60px; background-size:19px 17px; background-repeat:no-repeat;} .ActualContent .Head3:focus {outline:1px dotted #eeeeee;} .ActualContent .Cont {margin:0px 20px 40px 20px;} .ActualContent .Foot {text-align:center; font-size:12px; margin:0px 15px 0px 15px; padding-bottom:25px;} .ActualContent .Foot .Line1 {margin-bottom:5px;} .ActualContent .Foot .Line2 {color:#ffffff;} .ActualContent .Cont.Size1 p {color:#fff; text-align:center;} .ActualContent .Cont.Size2 p {font-size:20px; line-height:1.3em; color:#fff; text-align:center;} .ActualContent .Cont .Buttons {text-align:center; margin-bottom:20px; margin-top:30px;} .ActualContent .Cont .Buttons .Btn {display:inline-block; margin-left:10px; margin-bottom:10px; margin-right:10px; padding:15.5px 15px; background-color:#fff; color:#000000; font-size:13px; line-height:1.0em; cursor:pointer; font-weight:600; font-family: 'Montserrat', Arial, Helvetica, Verdana, Sans-Serif; letter-spacing:0px;} .ActualContent .Cont .Buttons .Btn:hover {text-decoration:none;} .ActualContent .Cont .Buttons .Btn:focus {background-color:#c8c1c1;} @keyframes rotate_infinitely { 0% {transform:rotate(0deg);} 100% {transform:rotate(360deg);} } /* Main Table */ .MainTable {display:table; width:100%; height:calc(100vh - 122px); table-layout:fixed; min-width:320px; min-height:calc(100vh - 122px);} .MainTable .MainCellLeft {display:none; z-index:20; position:relative; background-color:#000000; transition:width 200ms ease;} .MainTable .MainCellRight {display:table-cell; z-index:10; vertical-align:top; position:relative;} .MainTable .MainCellRight .Inner {padding:100px 100px 60px 100px;} .MainTable .MainCellRight .Inner.WidthTop {padding-top:140px; overflow:hidden;} .MainTable .MainCellLeft.MainCellSmall {width:100px;} .MainTable .MainCellLeft.MainCellLarge {width:360px;} /* Left Panel */ .LeftPanel {position:fixed; height:100%; left:0px; top:0px; background-color:#000000; background-image:url(/Content/Images/Bg_LeftPanel.jpg); background-repeat:no-repeat; background-position:center; background-size:cover; transition:width 200ms ease;} .LeftPanel .Header {width:100%; background:rgba(10, 10, 9, 0.5); padding:40px 0px; text-align:center;} .LeftPanel .Header .LogoBig {width:235px; display:inline-block;} .LeftPanel .Header .LogoBig img {width:100%; display:block;} .LeftPanel .Header .LogoSmall {width:43px; display:inline-block;} .LeftPanel .Header .LogoSmall img {width:100%; display:block;} .LeftPanel .Chapter {} .LeftPanel .Footer {position:absolute; bottom:0px; text-align:center; width:100%; background:#000000; padding-bottom:30px; padding-top:5px; box-shadow:0px -20px 10px -10px #000000;} .LeftPanel .ProgressCircle {max-width:125px; margin-left:auto; margin-right:auto; padding-left:5px; padding-right:5px; box-sizing:border-box;} .LeftPanel .ProgressCircle .Labels {position:absolute; top:48%; transform:translateY(-50%); width:calc(100% - 10px); text-align:center; color:#fff; font-family:Roboto;} .LeftPanel .ProgressCircle .Labels .Label1 {font-size:26px; font-weight:300;} .LeftPanel .ProgressCircle .Labels .Label2 {font-size:12px;} .LeftPanel .Footer .SecondLogo {width:130px; display:inline-block; margin-bottom:20px; padding-top:15px;} .LeftPanel .Footer .SecondLogo img {width:100%; display:block;} .LeftPanel .Footer .SocialFooter {margin-bottom:20px;} .LeftPanel .Footer .Txt {color:#8f8f8f; font-size:10px; line-height:1.3em; font-family:'Montserrat', sans-serif; font-weight:600; letter-spacing:1px;} .LeftPanel .BtnArrows {position:absolute; top:50%; right:-20px; margin-top:-20px; cursor:pointer; z-index:5;} .LeftPanel .BtnArrows .Img {width:40px;} .LeftPanel .BtnArrows .Img img {display:block; width:100%;} .LeftPanel.PanelLarge {width:360px;} .LeftPanel.PanelLarge .Header .LogoBig {display:inline-block;} .LeftPanel.PanelLarge .Header .LogoSmall {display:none;} .LeftPanel.PanelLarge .ImgLeft {display:block;} .LeftPanel.PanelLarge .ImgRight {display:none;} .LeftPanel.PanelSmall {width:100px;} .LeftPanel.PanelSmall .Header .LogoBig {display:none;} .LeftPanel.PanelSmall .Header .LogoSmall {display:inline-block;} .LeftPanel.PanelSmall .ImgLeft {display:none;} .LeftPanel.PanelSmall .ImgRight {display:block;} .LeftPanel.PanelSmall .ProgressCircle .Labels .Label1 {font-size:20px; line-height:1.2em;} .LeftPanel.PanelSmall .ProgressCircle .Labels .Label2 {font-size:10px;} .LeftPanel.PanelSmall .Footer .SecondLogo {display:none;} .LeftPanel.PanelSmall .Footer .SocialFooter {margin:0px;} .LeftPanel.PanelSmall .Footer .SocialFooter .Link {margin:10px 10px 0px 10px;} .LeftPanel.PanelSmall .Footer .Txt {display:none;} .LeftPanel.PanelSmall .Listing ul.Level1 li.Level1 .TitleList {display:table;} .LeftPanel.PanelSmall .Listing ul.Level1 li.Level1 .TitleList .Txt {display:none;} .LeftPanel.PanelSmall .Listing ul.Level2 {display:none;} .Listing {overflow:hidden} .Listing ul.Level1 {display:block; margin:0px; padding:0px;} .Listing ul.Level1 li.Level1 {display:block; margin:0px; padding:5px 0px 0px 0px; font-size:11px; line-height:1.3em; font-family:'Montserrat', Arial, Helvetica, Verdana, Sans-Serif; font-weight:700; color:#4E5556;} .Listing ul.Level1 li.Level1:first-child {padding-top: 0px;} .Listing ul.Level1 li.Level1.On {color:#000000;} .Listing ul.Level1 li.Level1.On .TitleList .Txt {color:#000000;} .Listing ul.Level1 li.Level1.Off {color:#707070;} .Listing ul.Level1 li.Level1 .TitleList {display:table;} .Listing ul.Level1 li.Level1 .TitleList .Txt {vertical-align:middle; text-align:left; padding-left:10px; display:block; color:#000000; line-height:2.0em;} .Listing ul.Level2 {margin:-2px 0px 4px 0px; padding:0px;} .Listing ul.Level2 li.Level2 {margin:0px 0px 0px 20px; padding:7px 0px 0px 4px; font-size:11px; line-height:1.3em; font-family:Arial, Helvetica, Verdana; font-weight:400; text-transform:none; letter-spacing:normal; color:#4E5556; list-style-type:disc;} .Listing ul.Level2 li.Level2.On {font-weight:700;} .Listing ul.Level2 li.Level2.Off {color:#4E5556; list-style-image:url('/Content/Images/Icon_Valid_Tick.png'); padding-left:0px; margin-left:24px;} .Listing .Bubble {display:none;} /* Middle Message*/ .MiddleMessage {text-align:center; } .MiddleMessage .Img {display:inline-block; width:150px; margin-bottom:30px;} .MiddleMessage .Img img {display:block; width:100%;} .MiddleMessage .Desc {} .MiddleMessage .Desc .Title {} /* Mobile Header */ .MobileHeader {display:none; background-color:#000000; width:100%; height:60px; position:absolute; min-width:320px; z-index:20;} .MobileHeader .BtnBackHome {position:absolute; top:10px; left:10px; cursor:pointer; display:none;} .MobileHeader .BtnBackHome .Icon {background:url(/Content/Images/Icon_Btn_Back.png) no-repeat center; background-size:cover; width:40px; height:40px; display:inline-block; box-sizing:border-box; border:1px solid #c4c1c1; border-radius:50%;} .MobileHeader .BtnMenu {position:absolute; top:0px; left:0px; width:60px; cursor:pointer;} .MobileHeader .BtnMenu img {width:100%; display:block;} .MobileHeader .Logo {position:absolute; top:3px; left:50%; width:140px; margin-left:-70px;} .MobileHeader .Logo a {-webkit-appearance:none;} .MobileHeader .Logo img {width:100%; display:block;} .MobileHeader .MobProgressCircle2 {width:50px; position:absolute; top:5px; right:9px;} .MobileHeader .MobProgressCircle2 .ct-series-b .ct-slice-donut {stroke:#ddd;} .MobileHeader .MobProgressCircle2 .Labels {position:absolute; top:48%; transform:translateY(-50%); width:100%; text-align:center; color:#aaa; font-family:Roboto;} .MobileHeader .MobProgressCircle2 .Labels .Label1 {font-size:14px; font-weight:300;} /* Mobile Progress Circle */ .MobProgressCircle {width:52px;} .MobProgressCircle .ct-series-b .ct-slice-donut {stroke:#ddd;} .MobProgressCircle .Labels {position:absolute; top:49%; transform:translateY(-50%); width:100%; text-align:center; color:#4E5556; font-size:13px; font-family:'Montserrat', Arial, Helvetica, Verdana, Sans-Serif; font-weight:600; line-height:26px;} .TopListing {padding:20px 0px 0px 0px; text-align:center;} .TopListing ul.Level1 {display:inline-block; margin:0px; padding:0px; text-align:center; background:url(/Content/Images/Bg_TopListing.png) repeat-x center;} .TopListing ul.Level1 li.Level1 {display:inline-block; margin:0px; padding:10px 3px; font-size:11px; line-height:1.3em; font-family:'Montserrat', Arial, Helvetica, Verdana, Sans-Serif; font-weight:600; letter-spacing:1px; color:#b4b3b3;} .TopListing ul.Level1 li.Level1:first-child {padding:10px 3px 10px 0px;} .TopListing ul.Level1 li.Level1:last-child {padding:10px 0px 10px 3px;} .TopListing ul.Level1 li.Level1.On {color:#ffffff;} .TopListing ul.Level1 li.Level1.Off {color:#4d4d4f;} .TopListing ul.Level1 li.Level1 .TitleList {display:table;} .TopListing ul.Level1 li.Level1 .TitleList .Bubble {font-size:25px; letter-spacing:normal; display:table-cell; vertical-align:middle; text-align:left; width:15px; text-align:center; background:#fff;} .TopListing ul.Level1 li.Level1 .TitleList .Orange {color:#b73d1d;} .TopListing ul.Level1 li.Level1 .TitleList .Blue {color:#1A71A8;} .TopListing ul.Level1 li.Level1 .TitleList .Purple {color:#7C2064;} .TopListing ul.Level1 li.Level1 .TitleList .Green {color:#2f8738;} .TopListing ul.Level1 li.Level1 .TitleList .Yellow {color:#f2e22e;} /* Side Menu */ .SideMenu {position:fixed; top:0px; left:-240px; margin:0px; width:240px; height:100%; transition:left 200ms ease; z-index:140; border-right:none;} .SideMenu .OverflowPanel1 {position:absolute; top:0px; left:0px; height:100%; width:100%; box-sizing:border-box; background-color:#ffffff; overflow-y:auto;} .SideMenu .NavLinks {margin-top: 23px;} .SideMenu .NavLinks a {display: block; text-decoration: none; padding: 15px 0px 15px 30px; box-sizing: border-box; line-height: 1.0em; font-family:Arial, Helvetica, Verdana; font-size: 1.4em; color: #4E5556;} .SideMenu .NavLinks a:hover {text-decoration: none; color: #000000;} .SideMenu.Opened {left:0px;} .SideMenu .Logo {margin:30px;} .SideMenu .Logo img {width:100%; display:block;} .SideMenu .FormLanguage {padding:0px 30px; margin-bottom:0px;} .SideMenu .Buttons {padding:0px 30px;} .SideMenu .BtnRegSign {margin-top:25px;} .SideMenu .BtnRegSign a {width:100%; padding: 14.5px 0px;} .SideMenu .SocialPanel {position:absolute; bottom:30px; left:0px; width:100%; text-align:center;} .SideMenu .SocialPanel .Link {margin:0px 8px; border:1px solid #5A7172;} .SideMenu .TopInfo {background:url(/Content/Images/Bg_TopInfo.jpg) no-repeat center; background-size:cover; width:100%; height:160px; display:table;} .SideMenu .TopInfo .MyInfo {display:table-cell; vertical-align:middle; text-align:center;} .SideMenu .TopInfo .MyInfo .Circle {display:inline-block; width:40px; height:40px; border:1.5px solid #c8c6c6; border-radius:50%; font-size:20px; line-height:40px; font-family:'Montserrat', Arial, Helvetica, Verdana, Sans-Serif; font-weight:600; color:#ffffff; letter-spacing:1px; text-align:center; box-sizing:border-box; vertical-align:top;} .SideMenu .TopInfo .MyInfo .Txt {display:inline-block; text-align:left; margin-left:10px;} .SideMenu .TopInfo .MyInfo .Txt .Txt01 {font-size:12px; line-height:1.3em; font-family:'PT Serif', Arial, Helvetica, Verdana, Sans-Serif; font-weight:400; color:#707070; margin-top:5px;} .SideMenu .TopInfo .MyInfo .Txt .Txt02 {font-size:11px; line-height:1.3em; font-family:'Montserrat', Arial, Helvetica, Verdana, Sans-Serif; font-weight:600; color:#ffffff; margin-top:5px; letter-spacing:1px;} .SideMenu .NavContainer {padding:30px 30px; float:none;} .SideMenu .NavContainer ul.Level1 li.Level1 {display:block; margin:0px; max-width:none; text-align:left;} .SideMenu .NavContainer ul.Level1 li.Level1 a.Level1 {padding:14px 0px;} /* First Header */ .FirstHeader {position:absolute; z-index:100; top:40px; left:0px; width:100%;} .FirstHeader .WidthContent {padding:0px 100px; text-align:right;} .FirstHeader .WidthContent .MyInfo {position:absolute;} .FirstHeader .WidthContent .MyInfo .Circle {float:left; width:40px; height:40px; border:1.5px solid #c8c6c6; border-radius:50%; font-size:20px; line-height:40px; font-family:'Montserrat', Arial, Helvetica, Verdana, Sans-Serif; font-weight:600; color:#000000; text-align:center; box-sizing:border-box;} .FirstHeader .WidthContent .MyInfo .Txt {float:left; text-align:left; margin-left:10px;} .FirstHeader .WidthContent .MyInfo .Txt .Txt01 {font-size:12px; line-height:1.3em; font-family:'PT Serif', Arial, Helvetica, Verdana, Sans-Serif; font-weight:400; color:#000000; margin-top:5px;} .FirstHeader .WidthContent .MyInfo .Txt .Txt02 {font-size:11px; line-height:1.3em; font-family:'Montserrat', Arial, Helvetica, Verdana, Sans-Serif; font-weight:600; color:#707070; margin-top:5px; letter-spacing:1px;} .FirstHeader .WidthContent .BtnLogout {margin-left:40px; display:inline-block;} .FirstHeader .NomineeHeader .ui-selectmenu-button {display:inline-block; vertical-align:top;} .FirstHeader .NomineeHeader .ui-selectmenu-button span.ui-selectmenu-text {letter-spacing:2px; font-family:'Roboto', Arial, Helvetica, Verdana, Sans-Serif; font-weight:400; font-size:10px; line-height:1.3em;} .FirstHeader .NomineeHeader #LanguageDropdown3-button {position:relative; top:-2px; background:none; border:none; width:90px !important;} .FirstHeader .NomineeHeader #LanguageDropdown3-button:focus {border:1px dotted #ffffff;} .NavContainer {display:inline-block; visibility:hidden;} .NavContainer a {color:#707070;} /* <- to avoid colour change on page load*/ .NavContainer ul.Level1 {margin:0px; padding:0px; display:inline-block;} .NavContainer ul.Level1 li.Level1 {margin:0px 0px 0px 20px; padding:0px; display:inline-block; position:relative; vertical-align:middle; text-align:center;} .NavContainer ul.Level1 li.Level1 a.Level1 {font-size:11px; line-height:1.3em; font-family:'Montserrat', Arial, Helvetica, Verdana, Sans-Serif; font-weight:600; color:#505758; letter-spacing:1px; text-decoration:none; padding:14px 0px; text-decoration:none; -moz-appearance:none; -webkit-appearance:none; transition:color 0.3s ease;} .NavContainer ul.Level1 li.Level1 a:hover {color:#000000;} .NavContainer ul.Level1 li.Level1 a.Active {color:#000000;} .NavContainer ul.Level1 li.Level1Highlighted a.Level1 {color:#000000;} /* Second Header */ .SecondHeader {background-color:rgba(10, 10, 19, 0.5); width:100%; height:100px; position:absolute; top:0px; left:0px; margin:0px; padding:0px; z-index:30;} .SecondHeader .Inner {margin:0px auto; max-width:1240px; padding:0px 40px;} .SecondHeader .SocialTop {margin-top:33px; float:left;} .SecondHeader .Logo {position:absolute; top:10px; left:50%; width:200px; margin-left:-100px;} .SecondHeader .Logo a {-webkit-appearance:none;} .SecondHeader .Logo img {width:100%; display:block;} .SecondHeader .Nav {float:right; margin-top:30px;} .SecondHeader .Nav .Language {display:inline-block; vertical-align:top; position:relative; width:140px;} .SecondHeader .Nav .Language .ImageFlag {border:1px solid #545455; border-radius:50%; padding:4px; display:inline-block;} .SecondHeader .Nav .Language .ImageFlag img {display:block; width:25px; height:25px; border-radius:50%;} .SecondHeader .Nav .Language .ui-selectmenu-button {display:inline-block; vertical-align:top;} .SecondHeader .Nav .Language .ui-state-default .ui-icon {background:url(/Content/Images/Icon_DropDown_Arrow.png) no-repeat center center; background-size:cover; position:absolute; top:14px; right:0px; width:9px; height:6px;} .SecondHeader .Nav .Language .ui-selectmenu-button span.ui-selectmenu-text {color:#ffffff; letter-spacing:1px; font-family:'Roboto', Arial, Helvetica, Verdana, Sans-Serif; font-weight:400; font-size:10px; line-height:1.3em;} .SecondHeader .Nav .Language #LanguageDropdown1-button {position:relative; top:-2px; background:none; border:none; width:90px !important;} .SecondHeader.RegisterLang {background-color:inherit; position:inherit; height:inherit;} .SecondHeader.RegisterLang .Language #LanguageDropdown1-button .ui-selectmenu-text {color:#333333;} #LanguageDropdown1-button:focus {border:1px dotted #ffffff;} #LanguageDropdown1-menu {position:relative; right:66px; width:170px !important;} #SiteLanguage1-menu {width:170px !important;} .ui-front {z-index:150;} .SecondHeader .Nav .BtnRegister {display:inline-block; vertical-align:top; margin-left:15px;} .SecondHeader .Nav .BtnRegister a {background:#7C2064; color:#ffffff; padding:10px 20px; font-size:10px; line-height:1.3em; font-weight:400; display:block; border:1px solid #7C2064; box-sizing:border-box; cursor:pointer; font-family:'Roboto', Arial, Helvetica, Verdana, Sans-Serif; letter-spacing:1px; text-align:center; text-decoration:none; -webkit-appearance:none; transition:all 0.3s ease;} .SecondHeader .Nav .BtnRegister a:hover {background:#730f6b; border:1px solid #730f6b;} .SecondHeader .Nav .BtnSignIn {display:inline-block; margin-left:10px;} .SecondHeader .Nav .BtnSignIn a {background:transparent; color:#ffffff; padding:10px 20px; font-size:10px; line-height:1.3em; font-weight:400; display:block; border:1px solid #545455; box-sizing:border-box; cursor:pointer; font-family:'Roboto', Arial, Helvetica, Verdana, Sans-Serif; letter-spacing:1px; text-align:center; text-decoration:none; -webkit-appearance:none; transition:all 0.3s ease;} .SecondHeader .Nav .BtnSignIn a:hover {background:#545455;} .NomineeHeader .Nav .Language {display:inline-block; vertical-align:top; margin-top:5px; position:relative;} .NomineeHeader .Nav .Language .ImageFlag {border:1px solid #545455; border-radius:50%; padding:4px; display:inline-block;} .NomineeHeader .Nav .Language .ImageFlag img {display:block; width:25px; height:25px; border-radius:50%;} .NomineeHeader .Nav .BtnRegister {display:inline-block; vertical-align:top; margin-left:15px;} .NomineeHeader .Nav .BtnRegister a {background:#7C2064; color:#ffffff; padding:10px 20px; font-size:10px; line-height:1.3em; font-weight:400; display:block; border:1px solid #7C2064; box-sizing:border-box; cursor:pointer; font-family:'Roboto', Arial, Helvetica, Verdana, Sans-Serif; letter-spacing:1px; text-align:center; text-decoration:none; -webkit-appearance:none; transition:all 0.3s ease;} .NomineeHeader .Nav .BtnRegister a:hover {background:#730f6b; border:1px solid #730f6b;} .NomineeHeader .Nav .BtnSignIn {display:inline-block; margin-left:10px;} .NomineeHeader .Nav .BtnSignIn a {background:transparent; color:#ffffff; padding:10px 20px; font-size:10px; line-height:1.3em; font-weight:400; display:block; border:1px solid #545455; box-sizing:border-box; cursor:pointer; font-family:'Roboto', Arial, Helvetica, Verdana, Sans-Serif; letter-spacing:1px; text-align:center; text-decoration:none; -webkit-appearance:none; transition:all 0.3s ease;} .NomineeHeader .Nav .BtnSignIn a:hover {background:#545455;} /* Footer */ .MainFooter {} .MainFooter .Footer1 {background:#000000;} .MainFooter .Footer1 .WidthContent {max-width:1240px; padding:60px 40px; margin:0px auto;} .MainFooter .Footer1 .Column {display:inline-block; width:22%; margin-right:2%; vertical-align:top;} .MainFooter .Footer1 .Column_01 {} .MainFooter .Footer1 .Column_02 {} .MainFooter .Footer1 .Column_03 {} .MainFooter .Footer1 .Column_04 {} .MainFooter .Footer1 .Logo {width:166px;} .MainFooter .Footer1 .Logo img {width:100%; display:block;} .MainFooter .Footer1 .Title {font-size:24px; line-height:1.3em; font-weight:300; color:#ffffff; margin-bottom:10px; font-family:'Merriweather Sans', sans-serif, Arial, Helvetica, Verdana;} .MainFooter .Footer1 ul {margin:0px; padding:0px;} .MainFooter .Footer1 ul li {margin:0px; padding:0px; display:block;} .MainFooter .Footer1 ul li a {font-size:16px; line-height:1.3em; font-weight:300; color:#acb3b6; text-decoration:none; padding:8px 0px; display:block; font-family:'Merriweather Sans', sans-serif, Arial, Helvetica, Verdana;} .MainFooter .Footer1 .SocialFooter1 .Link {margin:0px 10px 0px 0px;} .MainFooter .Footer2 {background:#000000; padding:20px 0px; color:#959c9e; line-height:1.3em; font-weight:600; font-family:'Montserrat', Arial, Helvetica, Verdana, Sans-Serif; letter-spacing:1px;} .MainFooter .Footer2 .WidthContent {max-width:1240px; padding:0px 40px; margin:0px auto;} .MainFooter .Footer2 .SocialFooter2 {display:none;} .MainFooter .Footer2 .Copyright {font-size:11px; float:left;} .MainFooter .Footer2 .Developer {font-size:8px; float:right;} .MainFooter .Footer2 .Developer a {text-decoration:none; color:#959c9e;} /* Buttons */ .BtnBlue {} .BtnBlue a {background:#1A71A8; color:#ffffff; padding:12.5px 20px; font-size:13px; line-height:1.0em; font-weight:700; display:block; border:1px solid #1A71A8; box-sizing:border-box; cursor:pointer; font-family:'Montserrat', Arial, Helvetica, Verdana, Sans-Serif; letter-spacing:0px; text-align:center; text-decoration:none; -webkit-appearance:none; transition:all 0.3s ease;} .BtnBlue a:hover {opacity:0.8;} .BtnBlue a:focus {background:#328ad9;} .BtnBlue input {background:#1A71A8; color:#ffffff; padding:12.5px 20px; font-size:13px; line-height:1.0em; font-weight:700; display:block; border:1px solid #1A71A8; box-sizing:border-box; cursor:pointer; font-family:'Montserrat', Arial, Helvetica, Verdana, Sans-Serif; letter-spacing:0px; text-align:center; text-decoration:none; -webkit-appearance:none; transition:all 0.3s ease;} .BtnBlue input:hover {opacity:0.8;} .BtnBlue input:focus {opacity:0.8;} .BtnBlue button {background:#1A71A8; color:#ffffff; padding:12.5px 20px; font-size:13px; line-height:1.0em; font-weight:700; display:block; border:1px solid #1A71A8; box-sizing:border-box; cursor:pointer; font-family:'Montserrat', Arial, Helvetica, Verdana, Sans-Serif; letter-spacing:0px; text-align:center; text-decoration:none; -webkit-appearance:none; transition:all 0.3s ease;} .BtnBlue button:hover {opacity:0.8;} .BtnBlue a.SideArrow {background:#1A71A8 url('/Content/Images/sideforwardbtnwhite.png') center right no-repeat; background-size:32px;} .BtnBlue.Disable {opacity:0.5; pointer-events:none;} .BtnPurple {} .BtnPurple a {background:#7C2064; color:#ffffff; padding:12.5px 20px; font-size:13px; line-height:1.0em; font-weight:700; display:block; border:1px solid #7C2064; box-sizing:border-box; cursor:pointer; font-family:'Montserrat', Arial, Helvetica, Verdana, Sans-Serif; letter-spacing:0px; text-align:center; text-decoration:none; -webkit-appearance:none; transition:all 0.3s ease;} .BtnPurple a:hover {opacity:0.8;} .BtnPurple a:focus {opacity:0.8;} .BtnPurple input {background:#7C2064; color:#ffffff; padding:12.5px 20px; font-size:13px; line-height:1.0em; font-weight:700; display:block; border:1px solid #7C2064; box-sizing:border-box; cursor:pointer; font-family:'Montserrat', Arial, Helvetica, Verdana, Sans-Serif; letter-spacing:0px; text-align:center; text-decoration:none; -webkit-appearance:none; transition:all 0.3s ease;} .BtnPurple input:hover {opacity:0.8;} .BtnPurple button {background:#7C2064; color:#ffffff; padding:12.5px 20px; font-size:13px; line-height:1.0em; font-weight:700; display:block; border:1px solid #7C2064; box-sizing:border-box; cursor:pointer; font-family:'Montserrat', Arial, Helvetica, Verdana, Sans-Serif; letter-spacing:0px; text-align:center; text-decoration:none; -webkit-appearance:none; transition:all 0.3s ease;} .BtnPurple button:hover {opacity:0.8;} .BtnPurple a.SideArrow {background:#7C2064 url('/Content/Images/sideforwardbtnwhite.png') center right no-repeat; background-size:32px;} .BtnPurple.Disable a, .BtnPurple.Disable input, .BtnPurple.Disable button {pointer-events:none; opacity:0.4;} .BtnGreen {} .BtnGreen a {background:#2f8738; color:#ffffff; padding:12.5px 20px; font-size:13px; line-height:1.0em; font-weight:700; display:block; border:1px solid #2f8738; box-sizing:border-box; cursor:pointer; font-family:'Montserrat', Arial, Helvetica, Verdana, Sans-Serif; letter-spacing:0px; text-align:center; text-decoration:none; -webkit-appearance:none; transition:all 0.3s ease;} .BtnGreen a:hover {opacity:0.8;} .BtnGreen input {background:#2f8738; color:#ffffff; padding:12.5px 20px; font-size:13px; line-height:1.0em; font-weight:700; display:block; border:1px solid #2f8738; box-sizing:border-box; cursor:pointer; font-family:'Montserrat', Arial, Helvetica, Verdana, Sans-Serif; letter-spacing:0px; text-align:center; text-decoration:none; -webkit-appearance:none; transition:all 0.3s ease;} .BtnGreen input:hover {opacity:0.8;} .BtnGreen button {background:#2f8738; color:#ffffff; padding:12.5px 20px; font-size:13px; line-height:1.0em; font-weight:700; display:block; border:1px solid #2f8738; box-sizing:border-box; cursor:pointer; font-family:'Montserrat', Arial, Helvetica, Verdana, Sans-Serif; letter-spacing:0px; text-align:center; text-decoration:none; -webkit-appearance:none; transition:all 0.3s ease;} .BtnGreen button:hover {opacity:0.8;} .BtnGreen a.SideArrow {background:#2f8738 url('/Content/Images/sideforwardbtnwhite.png') center right no-repeat; background-size:32px;} .BtnYellow {} .BtnYellow a {background:#f2e22e; color:#000000; padding:12.5px 20px; font-size:13px; line-height:1.0em; font-weight:700; display:block; border:1px solid #f2e22e; box-sizing:border-box; cursor:pointer; font-family:'Montserrat', Arial, Helvetica, Verdana, Sans-Serif; letter-spacing:0px; text-align:center; text-decoration:none; -webkit-appearance:none; transition:all 0.3s ease;} .BtnYellow a:hover {opacity:0.8;} .BtnYellow input {background:#f2e22e; color:#000000; padding:12.5px 20px; font-size:13px; line-height:1.0em; font-weight:700; display:block; border:1px solid #f2e22e; box-sizing:border-box; cursor:pointer; font-family:'Montserrat', Arial, Helvetica, Verdana, Sans-Serif; letter-spacing:0px; text-align:center; text-decoration:none; -webkit-appearance:none; transition:all 0.3s ease;} .BtnYellow input:hover {opacity:0.8;} .BtnYellow button {background:#f2e22e; color:#000000; padding:12.5px 20px; font-size:13px; line-height:1.0em; font-weight:700; display:block; border:1px solid #f2e22e; box-sizing:border-box; cursor:pointer; font-family:'Montserrat', Arial, Helvetica, Verdana, Sans-Serif; letter-spacing:0px; text-align:center; text-decoration:none; -webkit-appearance:none; transition:all 0.3s ease;} .BtnYellow button:hover {opacity:0.8;} .BtnYellow a.SideArrow {background:#f2e22e url('/Content/Images/sideforwardbtnwhite.png') center right no-repeat; background-size:32px;} .BtnOrange {} .BtnOrange a {background:#b73d1d; color:#ffffff; padding:12.5px 20px; font-size:13px; line-height:1.0em; font-weight:700; display:block; border:1px solid #b73d1d; box-sizing:border-box; cursor:pointer; font-family:'Montserrat', Arial, Helvetica, Verdana, Sans-Serif; letter-spacing:0px; text-align:center; text-decoration:none; -webkit-appearance:none; transition:all 0.3s ease;} .BtnOrange a:hover {opacity:0.8;} .BtnOrange input {background:#b73d1d; color:#ffffff; padding:12.5px 20px; font-size:13px; line-height:1.0em; font-weight:700; display:block; border:1px solid #b73d1d; box-sizing:border-box; cursor:pointer; font-family:'Montserrat', Arial, Helvetica, Verdana, Sans-Serif; letter-spacing:0px; text-align:center; text-decoration:none; -webkit-appearance:none; transition:all 0.3s ease;} .BtnOrange input:hover {opacity:0.8;} .BtnOrange button {background:#b73d1d; color:#ffffff; padding:12.5px 20px; font-size:13px; line-height:1.0em; font-weight:700; display:block; border:1px solid #b73d1d; box-sizing:border-box; cursor:pointer; font-family:'Montserrat', Arial, Helvetica, Verdana, Sans-Serif; letter-spacing:0px; text-align:center; text-decoration:none; -webkit-appearance:none; transition:all 0.3s ease;} .BtnOrange button:hover {opacity:0.8;} .BtnOrange a.SideArrow {background:#b73d1d url('/Content/Images/sideforwardbtnwhite.png') center right no-repeat; background-size:32px;} .BtnRed {} .BtnRed a {background:#E00000; color:#ffffff; padding:12.5px 20px; font-size:13px; line-height:1.0em; font-weight:700; display:block; border:1px solid #E00000; box-sizing:border-box; cursor:pointer; font-family:'Montserrat', Arial, Helvetica, Verdana, Sans-Serif; letter-spacing:0px; text-align:center; text-decoration:none; -webkit-appearance:none; transition:all 0.3s ease;} .BtnRed a:hover {opacity:0.8;} .BtnRed a:focus {background:#328ad9;} .BtnRed input {background:#E00000; color:#ffffff; padding:12.5px 20px; font-size:13px; line-height:1.0em; font-weight:700; display:block; border:1px solid #E00000; box-sizing:border-box; cursor:pointer; font-family:'Montserrat', Arial, Helvetica, Verdana, Sans-Serif; letter-spacing:0px; text-align:center; text-decoration:none; -webkit-appearance:none; transition:all 0.3s ease;} .BtnRed input:hover {opacity:0.8;} .BtnRed input:focus {opacity:0.8;} .BtnRed button {background:#E00000; color:#ffffff; padding:12.5px 20px; font-size:13px; line-height:1.0em; font-weight:700; display:block; border:1px solid #E00000; box-sizing:border-box; cursor:pointer; font-family:'Montserrat', Arial, Helvetica, Verdana, Sans-Serif; letter-spacing:0px; text-align:center; text-decoration:none; -webkit-appearance:none; transition:all 0.3s ease;} .BtnRed button:hover {opacity:0.8;} .BtnRed a.SideArrow {background:#7C2064 url('/Content/Images/sideforwardbtnwhite.png') center right no-repeat; background-size:32px;} .BtnWhite {} .BtnWhite a {background:#ffffff; color:#4e5556; padding:12.5px 20px; font-size:13px; line-height:1.0em; font-weight:700; display:block; border:1px solid #5A7172; box-sizing:border-box; cursor:pointer; font-family:'Montserrat', Arial, Helvetica, Verdana, Sans-Serif; letter-spacing:0px; text-align:center; text-decoration:none; -webkit-appearance:none; transition:all 0.3s ease;} .BtnWhite a:hover {opacity:0.8;} .BtnWhite input {background:#ffffff; color:#4e5556; padding:12.5px 20px; font-size:13px; line-height:1.0em; font-weight:700; display:block; border:1px solid #5A7172; box-sizing:border-box; cursor:pointer; font-family:'Montserrat', Arial, Helvetica, Verdana, Sans-Serif; letter-spacing:0px; text-align:center; text-decoration:none; -webkit-appearance:none; transition:all 0.3s ease;} .BtnWhite input:hover {opacity:0.8;} .BtnWhite button {background:#ffffff; color:#4e5556; padding:12.5px 20px; font-size:13px; line-height:1.0em; font-weight:700; display:block; border:1px solid #5A7172; box-sizing:border-box; cursor:pointer; font-family:'Montserrat', Arial, Helvetica, Verdana, Sans-Serif; letter-spacing:0px; text-align:center; text-decoration:none; -webkit-appearance:none; transition:all 0.3s ease;} .BtnWhite button:hover {opacity:0.8;} .BtnGrey {} .BtnGrey a {background:#eeeeee; color:#4e5556; padding:12.5px 20px; font-size:13px; line-height:1.0em; font-weight:700; display:block; border:1px solid #ACBCBE; box-sizing:border-box; cursor:pointer; font-family:'Montserrat', Arial, Helvetica, Verdana, Sans-Serif; letter-spacing:0px; text-align:center; text-decoration:none; -webkit-appearance:none; transition:all 0.3s ease;} .BtnGrey a:hover {opacity:0.8;} .BtnGrey input {background:#eeeeee; color:#4e5556; padding:12.5px 20px; font-size:13px; line-height:1.0em; font-weight:700; display:block; border:1px solid #ACBCBE; box-sizing:border-box; cursor:pointer; font-family:'Montserrat', Arial, Helvetica, Verdana, Sans-Serif; letter-spacing:0px; text-align:center; text-decoration:none; -webkit-appearance:none; transition:all 0.3s ease;} .BtnGrey input:hover {opacity:0.8;} .BtnGrey button {background:#eeeeee; color:#4e5556; padding:12.5px 20px; font-size:13px; line-height:1.0em; font-weight:700; display:block; border:1px solid #ACBCBE; box-sizing:border-box; cursor:pointer; font-family:'Montserrat', Arial, Helvetica, Verdana, Sans-Serif; letter-spacing:0px; text-align:center; text-decoration:none; -webkit-appearance:none; transition:all 0.3s ease;} .BtnGrey button:hover {opacity:0.8;} .BtnWhiteSm {} .BtnWhiteSm a {background:#ffffff; color:#4e5556; padding:8px 20px; font-size:0.9em; line-height:1.3em; font-weight:700; display:inline-block; border:1px solid #5A7172; box-sizing:border-box; cursor:pointer; font-family:'Montserrat', Arial, Helvetica, Verdana, Sans-Serif; letter-spacing:0px; text-align:center; text-decoration:none; -webkit-appearance:none; transition:all 0.3s ease;} .BtnWhiteSm a:hover {opacity:0.8;} .BtnWhiteSm input {background:#ffffff; color:#4e5556; padding:8px 20px; font-size:0.9em; line-height:1.3em; font-weight:700; display:inline-block; border:1px solid #5A7172; box-sizing:border-box; cursor:pointer; font-family:'Montserrat', Arial, Helvetica, Verdana, Sans-Serif; letter-spacing:0px; text-align:center; text-decoration:none; -webkit-appearance:none; transition:all 0.3s ease;} .BtnWhiteSm input:hover {opacity:0.8;} .BtnWhiteSm button {background:#ffffff; color:#4e5556; padding:8px 20px; font-size:0.9em; line-height:1.3em; font-weight:700; display:inline-block; border:1px solid #5A7172; box-sizing:border-box; cursor:pointer; font-family:'Montserrat', Arial, Helvetica, Verdana, Sans-Serif; letter-spacing:0px; text-align:center; text-decoration:none; -webkit-appearance:none; transition:all 0.3s ease;} .BtnWhiteSm button:hover {opacity:0.8;} .BtnBack {position:absolute; left:100px; bottom:60px; text-decoration:none; -webkit-appearance:none;} .BtnBack:hover {text-decoration:none;} .BtnBack .Icon {background:url(/Content/Images/Icon_Btn_Back.png) no-repeat center; background-size:cover; width:40px; height:40px; display:inline-block; box-sizing:border-box; border:1px solid #c4c1c1; border-radius:50%; vertical-align:top;} .BtnBack:hover .Icon {background:url(/Content/Images/Icon_Btn_BackHover.png) no-repeat center; background-size:cover; width:40px; height:40px; display:inline-block; box-sizing:border-box; border:1px solid #c4c1c1; border-radius:50%; vertical-align:top;} .BtnBack .Txt {padding:14px 20px 14px 10px; font-size:11px; line-height:1.3em; font-weight:600; letter-spacing:1px; color:#707070; font-family:'Montserrat', Arial, Helvetica, Verdana, Sans-Serif; display:inline-block; vertical-align:top;} .BtnNext {text-decoration:none; -webkit-appearance:none; float:right; margin-top:40px; padding:14px 60px 14px 20px; font-size:12px; line-height:1.3em; font-weight:700; color:#4E5556; font-family:'Montserrat', Arial, Helvetica, Verdana, Sans-Serif; background:url(/Content/Images/Icon_Btn_Next2.png) no-repeat right; background-size:40px; border:none; cursor:pointer;} .BtnNext:hover {text-decoration:none; -webkit-appearance:none; color:#000000; background:url(/Content/Images/Icon_Btn_Next2Hover.png) no-repeat right; background-size:40px;} .BtnNext:focus {border:1px dotted #707070; color:#000000; background:url(/Content/Images/Icon_Btn_Next2Hover.png) no-repeat right; background-size:40px;} .BtnInfo {text-decoration:none; -webkit-appearance:none; float:left; margin-top:40px; cursor:pointer;} .BtnInfo:hover {text-decoration:none;} .BtnInfo .Icon {background:url(/Content/Images/Icon_Btn_Info.png) no-repeat center; background-size:cover; width:40px; height:40px; display:block; box-sizing:border-box; border:1px solid #5A7172; border-radius:50%;} .BtnInfo:hover .Icon {background:url(/Content/Images/Icon_Btn_InfoHover.png) no-repeat center; background-size:cover; width:40px; height:40px; display:block; box-sizing:border-box; border:1px solid #5A7172; border-radius:50%; vertical-align:top;} .BtnInfo .HiddenText {display:none;} .BtnBuy {text-decoration:none; -webkit-appearance:none;} .BtnBuy:hover {text-decoration:none;} .BtnBuy .Icon {background:url(/Content/Images/Icon_Btn_Buy.png) no-repeat center; background-size:cover; width:40px; height:40px; display:inline-block; box-sizing:border-box; border:1px solid #c4c1c1; border-radius:50%; vertical-align:top;} .BtnBuy:hover .Icon {background:url(/Content/Images/Icon_Btn_BuyHover.png) no-repeat center; background-size:cover; width:40px; height:40px; display:inline-block; box-sizing:border-box; border:1px solid #c4c1c1; border-radius:50%; vertical-align:top;} .BtnBuy .Txt {padding:14px 10px 14px 20px; font-size:11px; line-height:1.3em; font-weight:600; letter-spacing:1px; color:#707070; font-family:'Montserrat', Arial, Helvetica, Verdana, Sans-Serif; display:inline-block; vertical-align:top;} .BtnPlay {text-decoration:none; -webkit-appearance:none;} .BtnPlay:hover {text-decoration:none;} .BtnPlay .Icon {background:url(/Content/Images/Icon_Btn_Play.png) no-repeat center; background-size:cover; width:40px; height:40px; display:inline-block; box-sizing:border-box; border:1px solid #c4c1c1; border-radius:50%; vertical-align:top;} .BtnPlay:hover .Icon {background:url(/Content/Images/Icon_Btn_PlayHover.png) no-repeat center; background-size:cover; width:40px; height:40px; display:inline-block; box-sizing:border-box; border:1px solid #c4c1c1; border-radius:50%; vertical-align:top;} .BtnPlay .Txt {padding:14px 10px 14px 20px; font-size:11px; line-height:1.3em; font-weight:600; letter-spacing:1px; color:#707070; font-family:'Montserrat', Arial, Helvetica, Verdana, Sans-Serif; display:inline-block; vertical-align:top;} .BtnShare {text-decoration:none; -webkit-appearance:none;} .BtnShare:hover {text-decoration:none;} .BtnShare .Icon {background:url(/Content/Images/Icon_Btn_Share.png) no-repeat center; background-size:cover; width:40px; height:40px; display:inline-block; box-sizing:border-box; border:1px solid #c4c1c1; border-radius:50%; vertical-align:top;} .BtnShare:hover .Icon {background:url(/Content/Images/Icon_Btn_ShareHover.png) no-repeat center; background-size:cover; width:40px; height:40px; display:inline-block; box-sizing:border-box; border:1px solid #c4c1c1; border-radius:50%; vertical-align:top;} .BtnShare .Txt {padding:14px 10px 14px 20px; font-size:11px; line-height:1.3em; font-weight:600; letter-spacing:1px; color:#707070; font-family:'Montserrat', Arial, Helvetica, Verdana, Sans-Serif; display:inline-block; vertical-align:top;} .BtnDownload {text-decoration:none; -webkit-appearance:none;} .BtnDownload:hover {text-decoration:none;} .BtnDownload .Icon {background:url(/Content/Images/Icon_Btn_Download.png) no-repeat center; background-size:cover; width:40px; height:40px; display:inline-block; box-sizing:border-box; border:1px solid #c4c1c1; border-radius:50%; vertical-align:top;} .BtnDownload:hover .Icon {background:url(/Content/Images/Icon_Btn_DownloadHover.png) no-repeat center; background-size:cover; width:40px; height:40px; display:inline-block; box-sizing:border-box; border:1px solid #c4c1c1; border-radius:50%; vertical-align:top;} .BtnDownload .Txt {padding:14px 10px 14px 20px; font-size:11px; line-height:1.3em; font-weight:600; letter-spacing:1px; color:#707070; font-family:'Montserrat', Arial, Helvetica, Verdana, Sans-Serif; display:inline-block; vertical-align:top;} .BtnSmallDownload {} .BtnSmallDownload {text-decoration:none; -webkit-appearance:none;} .BtnSmallDownload:hover {text-decoration:none;} .BtnSmallDownload .Icon {background:url(/Content/Images/Icon_Btn_SmallDownload.png) no-repeat center; background-size:cover; width:35px; height:35px; display:inline-block; box-sizing:border-box; border:1px solid #c4c1c1; border-radius:50%; vertical-align:top;} .BtnSmallDownload:hover .Icon {background:url(/Content/Images/Icon_Btn_SmallDownloadHover.png) no-repeat center; background-size:cover; width:35px; height:35px; display:inline-block; box-sizing:border-box; border:1px solid #c4c1c1; border-radius:50%; vertical-align:top;} .BtnSmallDelete {} .BtnSmallDelete {text-decoration:none; -webkit-appearance:none;} .BtnSmallDelete:hover {text-decoration:none;} .BtnSmallDelete .Icon {background:url(/Content/Images/Icon_Btn_SmallDelete.png) no-repeat center; background-size:cover; width:35px; height:35px; display:inline-block; box-sizing:border-box; border:1px solid #c4c1c1; border-radius:50%; vertical-align:top;} .BtnSmallDelete:hover .Icon {background:url(/Content/Images/Icon_Btn_SmallDeleteHover.png) no-repeat center; background-size:cover; width:35px; height:35px; display:inline-block; box-sizing:border-box; border:1px solid #c4c1c1; border-radius:50%; vertical-align:top;} .BtnSmallEdit {} .BtnSmallEdit {text-decoration:none; -webkit-appearance:none;} .BtnSmallEdit:hover {text-decoration:none;} .BtnSmallEdit .Icon {background:url(/Content/Images/Icon_Btn_SmallEdit.png) no-repeat center; background-size:cover; width:35px; height:35px; display:inline-block; box-sizing:border-box; border:1px solid #c4c1c1; border-radius:50%; vertical-align:top;} .BtnSmallEdit:hover .Icon {background:url(/Content/Images/Icon_Btn_SmallEditHover.png) no-repeat center; background-size:cover; width:35px; height:35px; display:inline-block; box-sizing:border-box; border:1px solid #c4c1c1; border-radius:50%; vertical-align:top;} .BtnDownloadNotes {text-decoration:none; -webkit-appearance:none; border:1px solid #5A7172; box-sizing:border-box; display:inline-block;} .BtnDownloadNotes:hover {text-decoration:none;} .BtnDownloadNotes .Icon {background:url(/Content/Images/Icon_Btn_SmallDownload.png) no-repeat center; background-size:cover; width:30px; height:30px; display:inline-block; vertical-align:top;} .BtnDownloadNotes:hover .Icon {background:url(/Content/Images/Icon_Btn_SmallDownloadHover.png) no-repeat center; background-size:cover; width:30px; height:30px; display:inline-block; vertical-align:top;} .BtnDownloadNotes .Txt {padding:8px 20px 8px 10px; font-size:10px; line-height:1.3em; font-weight:600; letter-spacing:1px; color:#000000; font-family:'Montserrat', Arial, Helvetica, Verdana, Sans-Serif; display:inline-block; vertical-align:top;} .BtnAddNote {text-decoration:none; -webkit-appearance:none; border:1px solid #5A7172; box-sizing:border-box; display:inline-block;} .BtnAddNote:hover {text-decoration:none;} .BtnAddNote .Icon {background:url(/Content/Images/Icon_Btn_SmallAdd.png) no-repeat center; background-size:cover; width:30px; height:30px; display:inline-block; vertical-align:top;} .BtnAddNote:hover .Icon {background:url(/Content/Images/Icon_Btn_SmallAddHover.png) no-repeat center; background-size:cover; width:30px; height:30px; display:inline-block; vertical-align:top;} .BtnAddNote .Txt {padding:8px 20px 8px 10px; font-size:10px; line-height:1.3em; font-weight:600; letter-spacing:1px; color:#000000; font-family:'Montserrat', Arial, Helvetica, Verdana, Sans-Serif; display:inline-block; vertical-align:top;} .BtnDemoAnswer {float:right; margin:-20px 0px 60px 0px;} .BtnDemoAnswer a {min-width:200px;} /* Form */ .FormBox {margin-bottom:30px;} .FormBox.NoSpaceBtm {margin-bottom:0px;} .FormBox.SpaceTop {margin-top:20px;} .FormBox .FormLabel {font-size:12px; line-height:16px; margin:0px 0px 10px 0px; display:block; color:#4E5556;} .FormBox .FormLabel.AdjustedLabel {height:30px;} .FormBox .FormLabel label.DDActive{color:#388DCF;} .FormBox .FormField {position:relative;} .FormBox .FormField select {width:100%; padding:11.5px 30px 11.5px 15px; border-radius:0px; outline:none; border:1px solid #5A7172; background:#F5F5F5; cursor:pointer; font-size:12px; font-family:Arial, Helvetica, Verdana; color:#4E5556; -webkit-appearance:none; -moz-appearance:none; background:url(/Content/Images/Icon_DropDown_Arrow.png) #F5F5F5 no-repeat right 10px center; background-size:13px;} .FormBox .FormField select::-ms-expand {display:none;} .FormBox .FormField select:focus {border:2px solid blue;} .FormBox .FormField select option:first-child {pointer-events:none; opacity:0.5; background-color:#dddddd;} .FormBox .LengthInfo {font-size:11px; line-height:20px; font-weight:400; color:#4E5556; margin-top:5px;} .FormBox .LengthInfo.RightSide {text-align:right;} .FormBox .Asterix, .FormBox .Asterisk {color:#AD0000; margin-left:3px; font-size:23px; font-family:Arial, Helvetica, Verdana; position:relative; top:3px;} .FormBox.DatePickerBox {position:relative;} /*.FormBox.DatePickerBox input {padding-left:50px;}*/ .FormBox.DatePickerBox img {position:absolute; top:0px; right:0px; width:47px;} .FormBox.FullWidth {width:100% !important;} .FormField .EditBox {color:#4E5556; background-color:#F5F5F5; border:1px solid #5A7172; border-radius:0px; width:100%; padding:11px 15px; box-sizing:border-box; font-size:12px; line-height:16px; -webkit-appearance:none; outline:none;} .FormField .EditBox:focus {border-color:#1A71A8; background-color:#DEE0FF;} .FormField .TextArea {color:#4E5556; background-color:#F5F5F5; border:1px solid #5A7172; border-radius:0px; width:100%; padding:11px 15px; box-sizing:border-box; font-size:12px; line-height:16px; -webkit-appearance:none; outline:none; font-family:Arial, Helvetica, Verdana;} .FormField .TextArea:focus {border-color:#1A71A8; background-color:#DEE0FF;} .FormField .DropDown {color:#4E5556; background-color:#F5F5F5; border:1px solid #5A7172; border-radius:0px; width:100%; padding:11px 0px 11px 15px; box-sizing:border-box; font-size:12px; line-height:16px; -webkit-appearance:none;} .FormField .DropDown:focus {border-color:#1A71A8; background-color:#DEE0FF;} .FormField .FileUpload {color:#4E5556; background-color:#F5F5F5; border:1px solid #5A7172; border-radius:0px; width:100%; padding:10px 15px 11px 15px; box-sizing:border-box; font-size:12px; line-height:16px; -webkit-appearance:none;} .FormField .ListBox {color:#4E5556; background-color:#F5F5F5; border:1px solid #5A7172; border-radius:0px; width:100%; padding:9px 15px; box-sizing:border-box; font-size:12px; line-height:16px; -webkit-appearance:none;} .FormField .ListBox option {padding:5px; } .FormField .ListBox option:hover {color:#3eb2e1;} .FormField .Icon {display:none;} label.HiddenLabel {display:none;} label .HiddenText {display:none;} .FormBox.Success {} .FormBox.Success .EditBox {border:1px solid #3ebb4c !important; padding-right:44px;} .FormBox.Success .Icon {display:block; background-image:url(/Content/Images/Icon_Success.png); background-size:cover; width:45px; height:45px; position:absolute; top:0px; right:0px; z-index:10;} .FormBox.Disabled {} .FormBox.Disabled .EditBox {border:1px solid #5A7172 !important; background-color:#5A7172 !important; cursor:default;} .MultiSelectField {margin-bottom:30px;} .MultiSelectField fieldset {border:none; padding:0px; margin:0px 0px 20px 0px;} .MultiSelectField fieldset legend {margin-left:-3px; font-size:12px; line-height:16px; color:#4E5556;} .MultiSelectField fieldset .MultiSelectContainer {border:1px solid #5A7172; padding:3px 10px 10px 10px; box-sizing:border-box; margin-top:10px;} .MultiSelectField fieldset .CheckboxBlock {margin-top:5px;} .input-validation-error {border:solid 1px #C77979 !important;} /* <- should not be needed with new validation popups */ .ValidationTitle {font-size:14px; line-height:1.3em; color:#C77979; display:block; padding:0px 0px 20px 0px; margin:0px;} .ValidationMessage {font-size:12px; line-height:1.3em; color:#C77979; display:block; padding:5px 0px 0px 0px; margin:0px;} .ValidationMessage1 {font-size:14px; line-height:1.3em; color:#C77979; display:block; padding:0px 0px 20px 0px; margin:0px;} .ValidationMessage2 {font-size:14px; line-height:1.3em; color:#C77979; display:block; padding:0px 0px 0px 0px; margin:0px;} .ValidationInfo {font-size:12px; line-height:1.3em; color:#C77979; display:block; padding:5px 0px 0px 0px; margin:0px;} .ValidationInfoRegister {font-size:12px; line-height:1.3em; color:#c92e2e; display:block; padding:5px 0px 0px 0px; margin:0px; font-weight:bold} .Denotes {margin-top:30px; text-align:center; font-size:12px; color:#707070;} .Denotes .Asterisk {color:#AD0000; margin-right:3px;} .Asterix, .Asterisk {color:#AD0000; margin-left:3px; font-size:23px; font-family:Arial, Helvetica, Verdana; position:relative; top:3px;} .Asterix.NoLeft, .Asterisk.NoLeft {margin-left:0px;} /* Chckbox and Radio - old version */ .CbxAndLabel {position:relative;} .CbxAndLabel input {position:relative; margin-right:6px;} .CbxAndLabel label {position:relative; font-size:12px; line-height:1.2em; color:#4E5556; font-family:Arial, Helvetica, Verdana; margin-left:0px; top:4px; cursor:pointer;} .CbxAndLabel.Table {display:table; width:100%;} .CbxAndLabel.Table .Cbx {display:table-cell; vertical-align:top; width:17px;} .CbxAndLabel.Table .Label {display:table-cell; vertical-align:top;} .CbxAndLabel.Table .Label label {top:0px;} .CbxAndLabel .Asterix {color:#AD0000;} .RadioAndLabel {position:relative;} .RadioAndLabel input {position:relative; margin-right:6px;} .RadioAndLabel label {position:relative; font-size:13px; line-height:1.3em; font-weight:400; color:#4E5556; font-family:Arial, Helvetica, Verdana; margin-left:0px; top:2px;cursor:pointer;} /* Chckbox and Radio - new version compatible with iCheck and form validation popups */ .CRBorder {float:left; padding:14px 25px 0px 0px; position:relative;} .CRBorder label {position:relative; font-size:12px; line-height:1.2em; color:#4E5556; font-family:Arial, Helvetica, Verdana; margin-left:0px; top:4px; cursor:pointer;} .CRBorder .CRItem {display:inline-block; margin-bottom:13px; vertical-align:top;} /* styled validation - BEGIN */ .FormBox.Error {} .FormBox.Error .Icon {display:block; background-image:url(/Content/Images/Icon_Error.png); background-size:cover; width:45px; height:45px; position:absolute; top:0px; right:0px; z-index:10;} .FormBox.Error .EditBox {border:1px solid #C77979 !important; background-color:#FFF7F7 !important; padding-right:40px;} .FormBox.Error .EditBox:focus {border-color:#1A71A8 !important; background-color:#DEE0FF !important;} .FormBox.Error .TextArea {border:1px solid #C77979 !important; background-color:#FFF7F7 !important; padding-right:40px;} .FormBox.Error .TextArea:focus {border-color:#1A71A8 !important; background-color:#DEE0FF !important;} .FormBox.Error .TextAreaW1 {border:1px solid #C77979 !important; background-color:#FFF7F7 !important; padding-right:40px;} .FormBox.Error .TextAreaW1:focus {border-color:#1A71A8 !important; background-color:#DEE0FF !important;} .FormBox.Error .CRBorder {border:1px solid #C77979 !important; background-color:#FFF7F7 !important; padding-left:14px;} .FormBox.Error .ui-state-default {border-color:#C77979;} .FormBox.Error .ui-selectmenu-button {border:1px solid #C77979 !important; background: #FFF7F7;} .FormBox.Error .FormLabel {color:#C77979;} /* styled validation - END */ .FormBox.WithOtherInfo {} .FormBox .OtherInfoIcon {display:none; background-image:url(/Content/Images/icon_question.png); background-size:auto 40%; background-repeat:no-repeat; background-position:center center; width:45px; height:45px; position:absolute; top:0px; right:0px; z-index:10; cursor:pointer;} .FormBox.WithOtherInfo .OtherInfoIcon {display:block;} .FormBox .OtherInfoPopup {position:absolute; left:0px; top:65px; border:1px solid #ddd; background-color:#eeeeee; padding:12px; display:none; z-index:5;} .FormBox .OtherInfoPopup .Text {color:#000000; font-size:12px;} .FormBox .OtherInfoPopup .Pointer {position:absolute; left:10px; top:-16px; width:30px; height:18px; background-image:url(/Content/Images/other_info_pointer.png); background-position:center center; background-size:100% auto; background-repeat:no-repeat;} .StaticFieldInfo {position:relative; top:-15px; font-size:12px; color:#4E5556;} .StaticFieldInfo .PRec {margin-bottom:2px;} .StaticFieldInfo ul li {margin-bottom:2px;} .StaticFieldInfo ul li.green {color:limegreen;} .ShowPasswordButton {cursor:pointer; font-size:12px; float:right; margin-top:2px;} .ShowPasswordButton .S {display:inline;} .ShowPasswordButton .H {display:none;} .ShowPasswordButton.Hide .S {display:none;} .ShowPasswordButton.Hide .H {display:inline;} /* iCheck Plugin Square */ label.CheckBox {cursor:pointer;} .icheckbox_square-grey, .iradio_square-grey {float:left; display:block; margin:0px 17px 0px 0px; padding:0px; top:0px; width:20px; height:20px; background: url(/Content/Images/grey.png) no-repeat; border:none; cursor:pointer;} .icheckbox_square-white, .iradio_square-white {float:left; display:block; margin:0px 17px 0px 0px; padding:0px; top:0px; width:20px; height:20px; background: url(/Content/Images/grey.png) no-repeat; border:none; cursor:pointer;} .icheckbox_square-grey {background-position: 0 0;} .icheckbox_square-grey.hover {background-position: -27px 0;} .icheckbox_square-grey.checked {background-position: -54px 0;} .icheckbox_square-grey.disabled {background-position: -81px 0; cursor: default;} .icheckbox_square-grey.checked.disabled {background-position: -108px 0;} .icheckbox_square-grey.focus {outline:1px solid #7C2064;} .iradio_square-grey {background-position: -135px 0;} .iradio_square-grey.hover {background-position: -162px 0;} .iradio_square-grey.checked {background-position: -189px 0;} .iradio_square-grey.disabled {background-position: -216px 0; cursor: default;} .iradio_square-grey.checked.disabled {background-position: -243px 0;} .iradio_square-grey.focus {outline:1px solid #7C2064;} /* language dropdown flag setup */ .LangFlagAndTxt {display:table; width:100%;} .LangFlagAndTxt .FlagCell {display:table-cell; vertical-align:middle; width:15px;} .LangFlagAndTxt .FlagCell .Img {display:inline-block; background-size:100%; border-radius:50%; height:15px; width:15px;} .LangFlagAndTxt .TxtCell {display:table-cell; vertical-align:middle; padding-left:10px; box-sizing:border-box; color:#4E5556;} .ui-selectmenu-text .LangFlagAndTxt {margin-top:-2px;} .ui-selectmenu-text .LangFlagAndTxt .FlagCell {width:20px;} .ui-selectmenu-text .LangFlagAndTxt .FlagCell .Img{height:20px; width:20px;} .ui-selectmenu-text .LangFlagAndTxt .TxtCell {padding-bottom:4px;} /* Jquery SelectMenu */ .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {border-radius:0px;} .ui-selectmenu-button {width:100% !important;} .ui-state-default .ui-icon {background:url(/Content/Images/Icon_DropDown_Arrow.png) no-repeat center center; background-size:cover; width:13px; height:9px;} .ui-selectmenu-button span.ui-selectmenu-text {padding:13px 15px; font-size:12px; line-height:1.0em; color:#4E5556; font-family:Arial, Helvetica, Verdana;} .ui-menu {max-height:200px !important; margin-top:10px;} .ui-menu .ui-menu-item {padding:0px; border:none; font-size:12px; line-height:1.0em; font-weight:400; color:#4E5556; letter-spacing:0px; font-family:Arial, Helvetica, Verdana;} .ui-menu .ui-menu-item:last-child {border-bottom:none;} .ui-menu .ui-state-focus {background:#ffffff; color:#3eb2e1; border:none; border-bottom:1px solid #5A7172; margin:0px;} .ui-corner-top, .ui-corner-bottom {border-radius:0px;} .ui-state-default {background:#F5F5F5; border:1px solid #5A7172;} .ui-state-hover {border:1px solid #5A7172;} .ui-selectmenu-button.ui-selectmenu-button-open {background:#E3EFFB; border-color:#388DCF;} .ui-widget-content {background:#F5F5F5; border-color:#5A7172;} .ui-menu-item-wrapper {padding:11px 15px; box-sizing:border-box;} .ui-selectmenu-button {background:#F5F5F5; border:1px solid #5A7172;} .ui-selectmenu-button span.ui-icon {background:url(/Content/Images/Icon_DropDown_Arrow.png) no-repeat center center; background-size:cover; width:13px; height:9px;} .Language .ui-state-focus, .Language .ui-widget-content .ui-state-focus {background:none; border:none;} .Language .ui-menu .ui-state-focus {color:#3eb2e1;} .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {background:#E3EFFB; border:none; margin:0px;} /* Container Fixed */ .ContainerFixed {width:100%; height:auto; position:relative;} /* Short Form */ .ShortForm {text-align:center;} .ShortForm .ShortFormInner {display:inline-block; text-align:left; width:660px;} /* Extra Short Form */ .ExtraShortForm {text-align:center;} .ExtraShortForm .ExtraShortFormInner {display:inline-block; text-align:left; width:360px;} /* Social */ .Social {} .Social .Link {display:inline-block; width:34px; margin:0px 5px; border:1px solid #545455; border-radius:50%; -webkit-appearance:none;} .Social .Link:focus {border:1px dotted #eeeeee;} .Social .Link img {width:100%; display:block;} /* Register */ .Register {} .Register .BoxProject {float:left; width:48%; margin-right:4%;} .Register .BoxCountry {float:left; width:48%;} .Register .BoxLanguage {float:left; width:30.66%;} .Register .BoxTitle {float:left; width:18%; margin-right:4%;} .Register .BoxFirstName {float:left; width:37%; margin-right:4%;} .Register .BoxLastName {float:left; width:37%; } .Register .BoxEmailAddress {float:left; width:48%; margin-right:4%;} .Register .BoxPassword {float:left; width:48%;} .Register .BoxCustomerReference {float:left; width:48%; margin-right:4%;} .Register .BusinessUnit {float:left; width:48%;} .Register .BoxPrevAssessComp {margin-top:-15px;} .Register .BtnRegister {} .Register .BtnRegister input {padding:14.5px 0px; width:100%;} /* Contact us */ .ContactUs {} .ContactUs .BoxTitle {float:left; width:18%; margin-right:4%;} .ContactUs .BoxFirstName {float:left; width:37%; margin-right:4%;} .ContactUs .BoxLastName {float:left; width:37%; } .ContactUs .BoxEmailAddress {float:left; width:48%; margin-right:4%;} .ContactUs .BoxTelephone {float:left; width:48%;} .ContactUs .BtnContact {} .ContactUs .BtnContact input {padding:14.5px 0px; width:100%;} /* Login */ .Login {display:table; width:100%; background-image:url(/content/images/Bg_Home.jpg); background-position:center; background-size:cover;} .Login .Cell {display:table-cell; vertical-align:middle; text-align:center;} .Login .Cell .LoginForm {width:370px; display:inline-block; text-align:left; padding:180px 40px 80px 40px;} .Login .Cell .LoginForm .Img {text-align:center; display:block; margin:0px 0px 30px 0px;} .Login .Cell .LoginForm .Img img {width:120px; display:inline-block;} .Login .Cell .LoginForm .BigTitle {color:#ffffff;} .Login .Cell .LoginForm .SmallTitle {color:#ffffff; font-size:30px;} .Login .Cell .LoginForm .Txt {color:#ffffff; margin:0px 0px 20px 0px;} .Login .Cell .LoginForm .FormLabel {display:none;} .Login .Cell .LoginForm .FormField {position:relative;} .Login .Cell .LoginForm .FormField input:focus {border:2px solid #c251b9;} .Login .Cell .LoginForm .FormField .IconUserName {display:block; background-image:url(/Content/Images/Icon_UserName.png); background-size:cover; width:45px; height:45px; position:absolute; top:0px; left:0px;} .Login .Cell .LoginForm .FormField .IconPassword {display:block; background-image:url(/Content/Images/Icon_Password.png); background-size:cover; width:45px; height:45px; position:absolute; top:0px; left:0px;} .Login .Cell .LoginForm .FormField .EditBox {padding:11px 15px 11px 45px;} .Login .Cell .LoginForm .BtnLogin {margin-bottom:30px;} .Login .Cell .LoginForm .BtnLogin input {padding:14.5px 0px; width:100%;} .Login .Cell .LoginForm .RememberMe {float:left; display:block;} .Login .Cell .LoginForm .RememberMe .CbxAndLabel label {color:#ffffff;} .Login .Cell .LoginForm .RememberMe .CheckboxBlock label{color:#ffffff;} .Login .Cell .LoginForm .ForgottenPassword {float:right; display:block;} .Login .Cell .LoginForm .ForgottenPassword a {font-size:16px; line-height:1.3em; font-weight:400; color:#ffffff; border-bottom:1px solid transparent; text-decoration:none; font-family:'Merriweather Sans', sans-serif, Arial, Helvetica, Verdana;} .Login .Cell .LoginSuccessForm {text-align:center;} .Login .Cell .LoginSuccessForm .BigLine {display:inline-block;} .NewLogin {} .NewLogin .Table {display:table; width:100%; height:calc(100vh - 242px);} .NewLogin .Table .Cell {display:table-cell; vertical-align:middle;} .NewLogin .Table .Cell_01 {background-image:url(/Content/Images/Img_LandingPage.jpg); background-repeat:no-repeat; background-size:contain; background-position:center;} .NewLogin .Table .Cell_02 {width:320px; padding-left:40px;} .NewLogin .Table .Cell_03 {width:100%; text-align:center;} .NewLogin .Table .Cell .LoginForm {width:320px; text-align:left; display:inline-block;} .NewLogin .Table .Cell .LoginForm .FormBox {margin-bottom:20px;} .NewLogin .Table .Cell .LoginForm .FormLabel {} .NewLogin .Table .Cell .LoginForm .FormField {position:relative;} .NewLogin .Table .Cell .LoginForm .FormField input:focus {border:2px solid #c251b9;} .NewLogin .Table .Cell .LoginForm .FormField .IconUserName {display:block; background-image:url(/Content/Images/Icon_UserName.png); background-size:cover; width:45px; height:45px; position:absolute; top:0px; left:0px;} .NewLogin .Table .Cell .LoginForm .FormField .IconPassword {display:block; background-image:url(/Content/Images/Icon_Password.png); background-size:cover; width:45px; height:45px; position:absolute; top:0px; left:0px;} .NewLogin .Table .Cell .LoginForm .BtnLogin {margin-top:30px;} .NewLogin .Table .Cell .LoginForm .BtnLogin input {padding:14.5px 0px; width:100%;} .NewLogin .Table .Cell .LoginForm .RememberMe {float:left; display:block;} .NewLogin .Table .Cell .LoginForm .ForgottenPassword {float:right; display:block;} .NewLogin .Table .Cell .LoginForm .ForgottenPassword a {position:relative; top:3px; font-size:12px; line-height:1.3em; font-weight:400; color:#1A71A8; border-bottom:1px solid transparent; text-decoration:none; font-family:Arial, Helvetica, Verdana; text-decoration:underline;} .NewLogin .Table .Cell .LoginForm .NoAccount {font-size:12px; line-height:1.4em; color:#4e5556; font-family:Arial, Helvetica, Verdana; margin-top:20px; text-align:center;} .NewLogin .Table .Cell .LoginForm .NoAccount a {color:#1A71A8; text-decoration:underline; border-bottom:1px solid transparent;} .NewLogin .Table .Cell .LoginSuccessForm {border:1px solid #3ebb4c; background:#eafbec; padding:30px; box-sizing:border-box;} .NewLogin .Table .Cell .LoginSuccessForm .Img {display:block; width:100%; text-align:center;} .NewLogin .Table .Cell .LoginSuccessForm .Img img {width:40px; display:inline-block; margin-bottom:20px;} .NewLogin .Table .Cell .LoginSuccessForm .Title {display:block; font-size:20px; line-height:1.3em; font-weight:400; color:#000000; font-family:Arial, Helvetica, Verdana; text-align:center; margin-bottom:20px;} .NewLogin .Table .Cell .LoginSuccessForm .Text {display:block; text-align:center;} /* Presentation */ .Presentation {} .Presentation .Title {font-size:36px; line-height:1.3em; font-family:'Arvo', Arial, serif; font-weight:400; color:#000000; margin:0px 0px 30px 0px; padding:0px 0px 30px 0px; border-bottom:1px solid #b3b4b4;} .Presentation .Buttons {} .Presentation .Buttons .Btn {display:inline-block; width:15%;} .Presentation .Buttons .Btn a {width:100%; padding:14.5px 0px;} .Presentation .Buttons .BtnSpacer {display:inline-block; width:2%; height:20px;} /* Home */ .Home {} .Home .Panel_01 {display:table; width:100%; background:url(/content/images/Bg_Home.jpg) #000000; background-position:center; background-size:cover; position:relative;} .Home .Panel_01 .Cell_01 {display:table-cell; vertical-align:middle; text-align:center; background-color:rgba(0,0,0, 0.2);} .Home .Panel_01 .Cell_01 .Descrition {max-width:1030px; display:inline-block; padding:180px 40px 80px 40px;} .Home .Panel_01 .Cell_01 .Descrition .Title {font-size:48px; color:#fff;} .Home .Panel_01 .Cell_01 .Descrition .Title sup {font-size:14px;} .Home .Panel_01 .Cell_01 .Descrition .Txt {font-size:18px; line-height:26px; color:#fff; margin-bottom:30px; font-weight:300;} .Home .Panel_01 .Cell_01 .Descrition .BigLine {display:inline-block;} .Home .Panel_01 .Cell_01 .Descrition .Buttons {} .Home .Panel_01 .Cell_01 .Descrition .Buttons .BtnRegSign {display:inline-block;} .Home .Panel_01 .Cell_01 .Descrition .Buttons .BtnRegSign a {width:230px; padding:14.5px 0px; text-transform:capitalize;} .Home .Panel_01 .Cell_01 .Descrition .Buttons .BtnSpacer {width:20px; height:10px; display:inline-block;} .Home .Panel_01 .DownArrow {position:absolute; bottom:45px; left:50%; margin-left:-20px; width:40px; height:40px; display:block; background:url(/content/images/Icon_Home_DownArrow.png) no-repeat center; background-size:cover; text-decoration:none; -webkit-appearance:none;} .Home .Panel_01 .DownArrow .HiddenText {display:none;} .Home .Panel_02 {background:#ffffff;} .Home .Panel_02 .WidthContent {padding:60px 0px; max-width:1440px; margin:0px auto;} .Home .Panel_02 .Title {font-size:30px; line-height:1.3em; font-family:'Arvo', serif, Arial, Helvetica, Verdana; font-weight:400; color:#000000; margin:0px 0px 30px 0px; text-align:center; padding:0px 100px;} .Home .Panel_02 .Title sup {font-size:14px;} .swiper-home-panel-two .swiper-slide {width:200px; margin-left:100px; margin-right:-40px; border-radius:4px;} .swiper-home-panel-two .swiper-slide:last-child {margin-right:100px;} .swiper-home-panel-two .swiper-slide.swiper-blue {background:#1A71A8;} .swiper-home-panel-two .swiper-slide.swiper-blue .Top {border-bottom:1px solid #3584cc;} .swiper-home-panel-two .swiper-slide.swiper-orange {background:#b73d1d;} .swiper-home-panel-two .swiper-slide.swiper-orange .Top {border-bottom:1px solid #ce512e;} .swiper-home-panel-two .swiper-slide.swiper-purple {background:#7C2064;} .swiper-home-panel-two .swiper-slide.swiper-purple .Top {border-bottom:1px solid #ae4da6;} .swiper-home-panel-two .swiper-slide.swiper-grey {background:#000000;} .swiper-home-panel-two .swiper-slide.swiper-grey .Top {border-bottom:1px solid #636467;} .swiper-home-panel-two .swiper-slide.swiper-green {background:#2f8738;} .swiper-home-panel-two .swiper-slide.swiper-green .Top {border-bottom:1px solid #44934c;} .swiper-home-panel-two .swiper-slide .Top {text-align:center;} .swiper-home-panel-two .swiper-slide .Top .Icon {width:30px; display:inline-block; margin:10px;} .swiper-home-panel-two .swiper-slide .Top .Icon img {width:100%; display:block;} .swiper-home-panel-two .swiper-slide .Table {display:table; width:100%; height:240px; position:relative;} .swiper-home-panel-two .swiper-slide .Table .Quotation {position:absolute; top:30px; left:50%; margin-left:-10px; width:20px; height:15px; background-image:url(/Content/Images/Icon_Quotation.png); background-size:cover;} .swiper-home-panel-two .swiper-slide .Table .Cell {display:table-cell; vertical-align:middle; text-align:center; font-family:'Roboto', serif, Arial, Helvetica, Verdana; font-size:14px; line-height:26px; padding:10px; color:#fff;} .Home .Panel_03 {width:100%; background:url(/Content/Images/Bg_Home_Panel_01.jpg) no-repeat center #000000; background-size:cover;} .Home .Panel_03 .Desc {max-width:1240px; padding:60px 40px; margin:0px auto; color:#fff; text-align:center;} .Home .Panel_03 .Desc .Txt_01 {font-size:24px; line-height:1.5em; font-family:'Merriweather Sans', serif, Arial, Helvetica, Verdana; margin-bottom:25px;} .Home .Panel_03 .Desc .Txt_02 {font-size:11px; line-height:1.8em; font-family:'Montserrat', Arial, Helvetica, Verdana, Sans-Serif; font-weight:600; letter-spacing:1px; margin-bottom:25px;} .Home .Panel_03 .Desc .Txt_03 {font-size:14px; line-height:1.5em; font-family:Arial, Helvetica, Verdana; font-weight:400;} .Home .Panel_03 .Desc .Txt_03 a {font-size:18px; line-height:1.5em; font-family:'Roboto', serif, Arial, Helvetica, Verdana; font-weight:600; color:#fff;} .Home .Panel_03 .Image {background:url(/Content/Images/Img_Home_Panel_01.png) no-repeat bottom; width:100%; height:378px; margin:0px auto; display:block; background-size:contain;} .Home .Panel_04 {background:#ffffff;} .Home .Panel_04 .WidthContent {max-width:1240px; padding:60px 40px; margin:0px auto;} .Home .Panel_04 .Title {font-size:30px; line-height:1.3em; font-family:'Arvo', serif, Arial, Helvetica, Verdana; font-weight:400; color:#000000; margin:0px 0px 60px 0px; text-align:center; padding:0px 100px;} .Home .Panel_04 .ListCountry {margin-bottom:-30px;} .Home .Panel_04 .ListCountry .ItemCountry {float:left; width:30%; margin-bottom:30px; margin-right:3.3%;} .Home .Panel_04 .ListCountry .ItemCountry .Img {width:44px; float:left; margin-right:20px;} .Home .Panel_04 .ListCountry .ItemCountry .Img img {display:block; width:100%; border-radius:3px;} .Home .Panel_04 .ListCountry .ItemCountry .Desc {float:left;} .Home .Panel_04 .ListCountry .ItemCountry .Desc .Country {font-size:11px; line-height:1.3em; font-family:'Montserrat', Arial, Helvetica, Verdana, Sans-Serif; font-weight:600; color:#000000; letter-spacing:1px; margin-bottom:8px;} .Home .Panel_04 .ListCountry .ItemCountry .Desc .Details {font-size:14px; line-height:1.5em; font-family:Arial, Helvetica, Verdana; font-weight:400; color:#6a747e;} /*color:#858f9b;*/ .Home .Panel_04 .ListCountry .ItemCountry.Highlight .Img {width:110px;} .HomeDisplayBlocks {display:flex; align-items:center; min-height:calc(100vh - 122px);} .HomeDisplayBlocks .HD_Block_Img img {width:100%; max-width:877px;} .HomeDisplayBlocks .HD_Block_SignIn {flex:0 0 405px;} .HomeDisplayBlocks .SignIn_Form {padding-left:85px; box-sizing:border-box;} .HomeDisplayBlocks .FormField .EditBox {padding:11px 15px 11px 45px;} .HomeDisplayBlocks .FormField .IconUserName {display:block; background-image:url(/Content/Images/Icon_UserName.png); background-size:cover; width:45px; height:45px; position:absolute; top:0px; left:0px;} .HomeDisplayBlocks .FormField .IconPassword {display:block; background-image:url(/Content/Images/Icon_Password.png); background-size:cover; width:45px; height:45px; position:absolute; top:0px; left:0px;} /* CMS Page */ .CMSpage {text-align:left;} .CMSpage .WidthContent {max-width:1240px; padding:60px 40px; margin:0px auto;} /* Projects */ .Projects {padding-right:40px;} .Projects h2 {font-size:12px; line-height:24px; font-family:'Montserrat', sans-serif, Arial, Helvetica, Verdana; font-weight:600; color:#000000; margin:0px 0px 30px 0px; letter-spacing:1px;} .Projects .BtnResume {float:right; margin-top:40px; margin-right:-40px;} .Projects .BtnResume a {padding:14.5px 0px; width:180px;} .Projects .BtnResume input {padding:14.5px 0px; width:180px; transition:background 0.3s ease;} .Projects .BtnResume input:focus {background:#66165f; color:#ffffff; border:1px solid #e5e1e1; outline:none;} .swiper-projects {padding-bottom:2px; margin:0px -100px;} .swiper-projects .swiper-slide {border:1px solid #5A7172; width:180px; box-sizing:border-box; margin:0px -70px 0px 100px; text-decoration:none; transition:all 0.3s ease;} .swiper-projects .swiper-slide:last-child {margin:0px 100px 0px 100px;} .swiper-projects .swiper-slide:hover {color:#707070; border:1px solid #e5e1e1;} .swiper-projects .swiper-slide .InnerSwip {padding:25px; display:block; text-align:center;} .swiper-projects .swiper-slide .InnerSwip .Icon {background:url(/Content/Images/Icon_Slider_Empty.png) no-repeat center; background-size:cover; width:25px; height:25px; display:inline-block;} .swiper-projects .swiper-slide .InnerSwip .Name {display:block; font-size:13px; line-height:1.3em; font-family:'Montserrat', Arial, Helvetica, Verdana, Sans-Serif; font-weight:600; color:#000000; display:block; text-align:center; padding:10px 0px 25px 0px;} .swiper-projects .swiper-slide .InnerSwip .Btn {display:block; text-decoration:none;} .swiper-projects .swiper-slide .InnerSwip .Btn span {width:100%; padding:8px 0px; color:#ffffff; font-size:9px; line-height:1.3em; font-weight:700; display:block; border:1px solid #5A7172; box-sizing:border-box; cursor:pointer; font-family:'Montserrat', Arial, Helvetica, Verdana, Sans-Serif; letter-spacing:1px; text-align:center; text-decoration:none; -webkit-appearance:none;} .swiper-projects .swiper-button-next {display:none; z-index:1; width:40px; height:40px; margin-top:-20px; right:30px; background-size:40px 40px; background-image:url(/Content/Images/Icon_ArrowSwipe_Right.png);} .swiper-projects .swiper-button-prev {display:none; z-index:1; width:40px; height:40px; margin-top:-20px; left:70px; background-size:40px 40px; background-image:url(/Content/Images/Icon_ArrowSwipe_Left.png);} .swiper-projects:hover .swiper-button-next {display:block;} .swiper-projects:hover .swiper-button-prev {display:block;} .swiper-projects .swiper-button-disabled {display:none !important;} .swiper-projects .swiper-slide.Done {} .swiper-projects .swiper-slide.Done.Orange {background:#b73d1d; border:1px solid #b73d1d;} .swiper-projects .swiper-slide.Done.Blue {background:#1A71A8; border:1px solid #1A71A8;} .swiper-projects .swiper-slide.Done.Purple {background:#7C2064; border:1px solid #7C2064;} .swiper-projects .swiper-slide.Done.Green {background:#2f8738; border:1px solid #2f8738;} .swiper-projects .swiper-slide.Done.Yellow {background:#f2e22e; border:1px solid #f2e22e;} .swiper-projects .swiper-slide.Done .InnerSwip .Name {color:#ffffff;} .swiper-projects .swiper-slide.Done.Yellow .InnerSwip .Name {color:#000000;} .swiper-projects .swiper-slide.Done .InnerSwip .Icon {background:url(/Content/Images/Icon_Slider_Complete_White.png) no-repeat center; background-size:cover; width:25px; height:25px; display:inline-block;} .swiper-projects .swiper-slide.InProgress {} .swiper-projects .swiper-slide.InProgress.Orange {background:#b73d1d; border:1px solid #b73d1d;} .swiper-projects .swiper-slide.InProgress.Blue {background:#1A71A8; border:1px solid #1A71A8;} .swiper-projects .swiper-slide.InProgress.Purple {background:#7C2064; border:1px solid #7C2064;} .swiper-projects .swiper-slide.InProgress.Green {background:#2f8738; border:1px solid #2f8738;} .swiper-projects .swiper-slide.InProgress.Yellow {background:#f2e22e; border:1px solid #f2e22e;} .swiper-projects .swiper-slide.InProgress .InnerSwip .Name {color:#ffffff;} .swiper-projects .swiper-slide.InProgress.Yellow .InnerSwip .Name {color:#000000;} .swiper-projects .swiper-slide.InProgress .InnerSwip .Icon {background:url(/Content/Images/Icon_Slider_Empty.png) no-repeat center; background-size:cover; width:25px; height:25px; display:inline-block;} /* My Details */ .MyDetails {} .MyDetails .BoxTitle {float:left; width:22%; margin-right:4%;} .MyDetails .BoxFirstName {float:left; width:35%; margin-right:4%;} .MyDetails .BoxLastName {float:left; width:35%;} .MyDetails .BoxEmailAddress {float:left; width:48%; margin-right:4%;} .MyDetails .BoxPassword {float:left; width:48%;} .MyDetails .BoxGender {float:left; width:22%; margin-right:4%;} .MyDetails .BoxAge {float:left; width:22%; margin-right:4%;} .MyDetails .BoxBirthCountry {float:left; width:48%;} .MyDetails .DemographicBox1 {float:left; width:48%; margin-right:4%;} .MyDetails .DemographicBox2 {float:left; width:48%;} .MyDetails .BoxOtherGender {} .MyDetails .BoxLanguage {} .MyDetails .BoxWish {margin-bottom:30px;} .MyDetails .BtnSave {} .MyDetails .BtnSave input {width:100%; padding:14.5px 0px;} .MyDetails .BtnSave input {width:100%; padding:14.5px 0px;} .BottomForm.OtherGenderOpened #BoxAge {width:48%;} .BottomForm.OtherGenderOpened #GenderOtherPanel {float:left; width:74%;} .BottomForm.OtherGenderOpened .BoxBirthCountry {width:74%;} .BottomForm.OtherGenderOpened .GenderDivider {display:block;} /* Significant Seven */ .SignificantSeven {} .SignificantSeven .Title {margin:0px 0px 30px 0px;} .SignificantSeven .Performances {float:left; width:48%; margin-top:40px; text-align:center;} .SignificantSeven .PerformancesSpace {float:left; width:4%; height:1px;} .SignificantSeven .Performances .Img {display:inline-block; width:42px;} .SignificantSeven .Performances .Img img {display:block; width:100%;} .SignificantSeven .Performances .Desc {text-align:left; margin-top:20px;} .SignificantSeven .Performances .Desc .SubTitle {font-size:13px; line-height:1.3em; font-family:'Montserrat', Arial, Helvetica, Verdana, Sans-Serif; font-weight:600; color:#000000; margin-bottom:10px; text-align:center; letter-spacing:1px;} .SignificantSeven .Performances .Desc .Txt {font-size:13px; line-height:20px; /*font-family:'PT Serif', Arial, Helvetica, Verdana, Sans-Serif;*/ font-weight:400; color:#4E5556; /*font-style:italic;*/} .swiper-my-significant-seven {padding-bottom:2px; margin:0px -100px;} .swiper-my-significant-seven .swiper-slide {border:1px solid #5A7172; margin-right:30px; width:20%; margin:0px -70px 0px 100px; cursor:pointer; padding:2px;} .swiper-my-significant-seven .swiper-slide:last-child {margin:0px 100px 0px 100px;} .swiper-my-significant-seven .swiper-slide.Selected {border:1px solid #3ebb4c} .swiper-my-significant-seven .swiper-slide:hover {border:1px solid #3ebb4c} .swiper-my-significant-seven .swiper-slide .Img {width:100%; display:block; text-align:center;} .swiper-my-significant-seven .swiper-slide .Img img {width:100%; display:inline-block;} .swiper-my-significant-seven .swiper-slide .Desc {padding:10px 25px 25px 25px;} .swiper-my-significant-seven .swiper-slide .Desc .SubTitle {font-size:13px; line-height:1.3em; font-family:'Montserrat', Arial, Helvetica, Verdana, Sans-Serif; font-weight:600; color:#000000; margin-bottom:10px; text-align:center; letter-spacing:1px;} .swiper-my-significant-seven .swiper-slide .Desc .Txt {font-size:13px; line-height:20px; /*font-family:'PT Serif', Arial, Helvetica, Verdana, Sans-Serif;*/ font-weight:400; color:#4E5556; /*font-style:italic;*/} .swiper-my-significant-seven .swiper-button-next {display:none; z-index:1; width:40px; height:40px; margin-top:-20px; right:30px; background-size:40px 40px; background-image:url(/Content/Images/Icon_ArrowSwipe_Right.png);} .swiper-my-significant-seven .swiper-button-prev {display:none; z-index:1; width:40px; height:40px; margin-top:-20px; left:30px; background-size:40px 40px; background-image:url(/Content/Images/Icon_ArrowSwipe_Left.png);} .swiper-my-significant-seven:hover .swiper-button-next {display:block;} .swiper-my-significant-seven:hover .swiper-button-prev {display:block;} .swiper-my-significant-seven .swiper-button-disabled {display:none !important;} .swiper-my-significant-seven .swiper-slide.Highlight {border:3px solid #b73d1d; padding:0px;} /* Add Nominee */ .AddNominee {} .AddNominee .BtnAddAssessment {} .AddNominee .BtnAddAssessment input {padding:14.5px 0px; width:100%;} /* Welcome */ .Welcome {} .Welcome .WrapperList {margin:0px;} .Welcome .WrapperList .ItemList {margin:0px 0px 20px 0px; padding:0px 0px 0px 0px; display:table;} .Welcome .WrapperList .ItemList .LeftList {display:table-cell; vertical-align:top; text-align:center; width:30px; font-family:'Montserrat', Arial, Helvetica, Verdana, Sans-Serif; font-weight:600; font-size:20px; letter-spacing:normal;} .Welcome .WrapperList .ItemList .RightList {display:table-cell; vertical-align:top;} .Welcome .WrapperList .ItemList h3.Title {margin:0px 0px 0px 0px;} .Welcome .WrapperList .ItemList .Image {display:block; height:50px; margin-bottom: 10px;} .Welcome .WrapperList .ItemList .Image img {display:block; height:100%;} .Welcome .WrapperList .ItemList.IntroTxtBlock {padding-bottom:10px; border-bottom:1px solid #5A7172; margin-bottom:25px;} /* Background Information */ .BackgroundInformation {} .BackgroundInformation .BoxGender {float:left; width:22%; margin-right:4%;} .BackgroundInformation .BoxAge {float:right; width:22%; margin-left:4%;} .BackgroundInformation .BoxCountry {float:left; width:48%;} .BackgroundInformation .BoxCountryGender {float:left; width:74%;} .BackgroundInformation .BoxBackground {float:left; width:48%; margin-right:4%;} .BackgroundInformation .BoxLocation {float:left; width:48%;} .BackgroundInformation .BoxOccupational {float:left; width:48%; margin-right:4%;} .BackgroundInformation .BoxStatus {float:left; width:48%;} .BackgroundInformation .BoxIndustry {float:left; width:48%; margin-right:4%;} .BackgroundInformation .BoxOrganisation {float:left; width:48%;} .BackgroundInformation .BoxSize {float:left; width:48%; margin-right:4%;} .BackgroundInformation .BoxArea {float:left; width:48%;} .BackgroundInformation .BtnBgNext input {padding:14.5px 0px; width:100%;} .BackgroundInformation .BtnBgNext input:focus {background:#66165f;} .BackgroundInformation .BoxOne {float:left; width:48%; margin-right:4%;} .BackgroundInformation .BoxTwo {float:left; width:48%;} /* Questionnaire */ .QuestionPage {} .QuestionPage .BoxSortBy {position:absolute; top:60px; right:60px; display:none;} /* made visible by js if more than 10 questions */ .QuestionPage .BoxSortBy .FormField {width:230px; display:inline-block;} .QuestionPage .Indication {position:absolute; top:100px; left:60px; margin-right:100px;} .QuestionPage .Indication.WithMargin {margin-right:390px;} /* set by js only when ddlist visible*/ .QuestionPage .QuestionWrapper {/*padding:0px 0px 60px 0px;*/ margin-top:80px;} .QuestionPage .QuestionWrapper .QuestionItem {transition:transform 600ms ease; transform:translateX(0px); overflow:hidden; position:relative;} .QuestionPage .QuestionWrapper .QuestionItem .Txt {transition:color 600ms ease; line-height:40px; font-family:'Montserrat', Arial, Helvetica, Verdana, Sans-Serif; font-weight:700; color:#000000; margin:0px 0px 40px 0px;} .QuestionPage .QuestionWrapper .QuestionItem .Txt.TxtBig {font-size:30px;} /* was 48px on single question page font sizes were different based on text length */ .QuestionPage .QuestionWrapper .QuestionItem .Txt.TxtNormal {font-size:30px;} /* was 40px */ .QuestionPage .QuestionWrapper .QuestionItem .Txt.TxtSmall {font-size:30px;} /* was 30px */ .QuestionPage .QuestionWrapper .QuestionItem .Card {margin:0px 0px 40px 0px;} .QuestionPage .QuestionWrapper .QuestionItem .Card .InnerCard {border:1px solid #5A7172; box-sizing:border-box; display:table; width:100%;} .QuestionPage .QuestionWrapper .QuestionItem .Card .InnerCard .ImgCard {display:table-cell; width:220px; text-align:center;} .QuestionPage .QuestionWrapper .QuestionItem .Card .InnerCard .ImgCard img {width:100%; display:inline-block;} .QuestionPage .QuestionWrapper .QuestionItem .Card .InnerCard .DescCard {display:table-cell; padding:25px; vertical-align:middle; text-align:left;} .QuestionPage .QuestionWrapper .QuestionItem .Card .InnerCard .DescCard .SubTitleCard {font-size:24px; line-height:1.3em; font-family:'Montserrat', Arial, Helvetica, Verdana, Sans-Serif; font-weight:700; color:#000000; margin-bottom:10px; letter-spacing:0px;} .QuestionPage .QuestionWrapper .QuestionItem .Card .InnerCard .DescCard .TxtCard {font-size:20px; line-height:20px; color:#4E5556;} .QuestionPage .QuestionWrapper .QuestionItem .DescAbove {margin:0px 0px 20px 0px; font-size:16px; line-height:28px; font-weight:400; color:#545659;} .QuestionPage .QuestionWrapper .QuestionItem .Desc {margin:0px 0px 30px 0px; font-size:16px; line-height:28px; font-weight:400; color:#545659;} .QuestionPage .QuestionWrapper .QuestionItem .Answers {width:calc(100% + 20px); display:flex; flex-wrap:wrap;} .QuestionPage .QuestionWrapper .QuestionItem .Answers .BtnAnswer {display:block; padding-right:20px; vertical-align:top; box-sizing:border-box; position:relative; margin-bottom:10px;} /* width by JS */ .QuestionPage .QuestionWrapper .QuestionItem .Answers .BtnAnswer a {transition:color 600ms ease, background 600ms ease, border 600ms ease; padding:14.5px 5px; width:100%; position:relative; word-break:break-word;} /* all other buttons */ .QuestionPage .QuestionWrapper .QuestionItem .Answers .BtnAnswer a .AnswerTxt {/*transform: translateY(-50%); display:block; position:relative; top:50%;*/} .QuestionPage .QuestionWrapper .QuestionItem .Answers .BtnAnswer.BtnPurple a:focus {background:#480f44;} .QuestionPage .QuestionWrapper .QuestionItem .Answers .BtnAnswer.BtnGreen a:focus {background:#1b4d20;} .QuestionPage .QuestionWrapper .QuestionItem .Answers .BtnAnswer.BtnOrange a:focus {background:#682311;} .QuestionPage .QuestionWrapper .QuestionItem .Answers .BtnAnswer input {padding:14px 10px; width:100%;} .QuestionPage .QuestionWrapper .QuestionItem .Answers .BtnAnswer .Icon {display:none; background:url(/Content/Images/Icon_RadioButton.png) no-repeat center; background-size:cover; width:30px; height:30px;} .QuestionPage .QuestionWrapper .QuestionItem .Answers .BtnAnswer:hover .Icon {background:url(/Content/Images/Icon_RadioButtonHover.png) no-repeat center; background-size:cover; width:30px; height:30px;} .QuestionPage .QuestionWrapper .QuestionItem .Answers .BtnAnswer.Active .Icon {background:url(/Content/Images/Icon_RadioButtonActive.png) no-repeat center; background-size:cover; width:30px; height:30px;} .QuestionPage .QuestionWrapper .QuestionItem .Answers .BtnAnswer .ProgressIndicator {position:absolute; top:7px; left:50%; width:30px; margin-left:-15px; animation:rotate_infinitely 1.4s linear infinite; display:none; opacity:0;} .QuestionPage .QuestionWrapper .QuestionItem .Answers.SingleOption {} .QuestionPage .QuestionWrapper .QuestionItem .Answers.SingleOption .BtnAnswer {float:right; min-width:160px;} .QuestionPage .QuestionWrapper .QuestionItem .AdditionalAnswerTextResource {font-size:14px; margin-bottom:6px;} .QuestionPage .QuestionWrapper .QuestionItem .FreeTextValidation {font-size:14px; line-height:1.3em; color:#C77979; margin-bottom:2px; display:none;} .QuestionPage .QuestionWrapper .QuestionItem .Answers .BtnAnswer.BtnOrange.Active a {background-color:#902c12; color:#ffffff; border:1px solid #902c12;} .QuestionPage .QuestionWrapper .QuestionItem .Answers .BtnAnswer.BtnBlue.Active a {background-color:#014a8c; color:#ffffff; border:1px solid #014a8c;} .QuestionPage .QuestionWrapper .QuestionItem .Answers .BtnAnswer.BtnPurple.Active a {background-color:#730f6b; color:#ffffff; border:1px solid #730f6b;} .QuestionPage .QuestionWrapper .QuestionItem .Answers .BtnAnswer.BtnGreen.Active a {background-color:#2f8738; color:#ffffff; border:1px solid #2f8738;} .QuestionPage .QuestionWrapper .QuestionItem .Answers .BtnAnswer.BtnYellow.Active a {background-color:#cdbe16; color:#ffffff; border:1px solid #cdbe16;} .QuestionPage .StrengthsIconIntroLine {font-size:16px; margin-bottom:25px; color:#000000; font-family:'Montserrat', Arial, Helvetica, Verdana, Sans-Serif; font-weight:700;} .QuestionPage .StrengthsBlockList {display:flex; flex-wrap:wrap; align-items:center;} .QuestionPage .StrengthsBlockList .StrengthBlock {flex:1; text-align:center; padding:0px 20px; box-sizing:border-box; margin-bottom:20px;} .QuestionPage .StrengthsBlockList .StrengthBlock .StrenthIcon {width:60px; margin:0 auto;} .QuestionPage .StrengthsBlockList .StrengthBlock .StrenthIcon img {width:100%;} .QuestionPage .StrengthsBlockList .StrengthBlock .StrengthTxt {font-size:15px; font-weight:700;} .QuestionPage .StrengthsBlockList .StrengthBlock .StrengthTxt.Yellow {color:#e28724;} .QuestionPage .StrengthsBlockList .StrengthBlock .StrengthTxt.Purple {color:#993399;} .QuestionPage .StrengthsBlockList .StrengthBlock .StrengthTxt.Green {color:#309949;} .QuestionPage .StrengthsBlockList .StrengthBlock .StrengthTxt.Blue {color:#578ec2;} /* delete when all pages done - BEGIN */ .QuestionPage .QuestionWrapper .QuestionItem .ThreeAnswers .BtnAnswer {width:33.33%;} .QuestionPage .QuestionWrapper .QuestionItem .FiveAnswers .BtnAnswer {width:20%;} .QuestionPage .QuestionWrapper .QuestionItem .TenAnswers .BtnAnswer {width:10%;} .QuestionPage .QuestionWrapper .QuestionItem .BtnQuestionNext {float:right;} .QuestionPage .QuestionWrapper .QuestionItem .BtnQuestionNext a {padding:14.5px 0px; width:180px;} .QuestionPage .QuestionWrapper .QuestionItem .BtnQuestionNext input {padding:14.5px 0px; width:180px;} /* delete when all pages done - END */ .QuestionPage .BtnInfo {position:absolute; left:60px; bottom:60px; float:none; margin-top:15px;} .QuestionPage .MultiQuestion {} .QuestionPage .MultiQuestion .QuestionItem {margin-bottom:60px; padding-bottom:60px; border-bottom:1px solid #5A7172;} .QuestionPage .MultiQuestion .QuestionItem .Txt.TxtBig {font-size:30px;} /* On multi question page all sizes are the same*/ .QuestionPage .MultiQuestion .QuestionItem .Txt.TxtNormal {font-size:30px;} .QuestionPage .MultiQuestion .QuestionItem .Txt.TxtSmall {font-size:30px;} .QuestionPage .MultiQuestion::after {content:""; display:block; height:3px; background-color:#fff; position:absolute; bottom:-1px; left:0px; width:100%;} .QuestionPage .QuestionWrapper .QuestionItem.QuestionDone {} .QuestionPage .QuestionWrapper .QuestionItem.QuestionDone .Txt {color:#707070;} .QuestionPage .QuestionWrapper .QuestionItem.QuestionDone .Answers .BtnAnswer a {color:#707070; background-color:#ffffff; border:1px solid #e5e1e1; pointer-events:none;} .QuestionPage .QuestionWrapper .QuestionItem.QuestionDone .Answers .BtnAnswer input {color:#707070; background-color:#ffffff; border:1px solid #e5e1e1;} .FirstAssesssLine {margin:80px 0px -20px 0px;} .QuestionsChanger {position:relative; margin-bottom:60px;} .QuestionsChanger .QuestionWrapper {} .QuestionsChanger .QuestionWrapper .QuestionItem.OffScreen {display:none;} /* Sig Seven Strengths */ .WrapperCard {width:103%; margin:40px 0px -30px 0px;} .WrapperCard .ItemCard {border:1px solid #ddd; background-color:#ddd; margin:0px 3% 30px 0px; width:22%; box-sizing:border-box; display:inline-block; vertical-align:top; text-align:left; transition:background-color 200ms ease;} .WrapperCard .ItemCard .Img { overflow:hidden;} .WrapperCard .ItemCard .Img img {width:100%; display:block; transition:opacity 400ms ease, transform 400ms ease; opacity:0; transform:translateY(-20px);} .WrapperCard .ItemCard .Desc {padding:10px 25px 25px 25px;} .WrapperCard .ItemCard .Desc .SubTitle {font-size:13px; line-height:1.3em; font-family:'Montserrat', Arial, Helvetica, Verdana, Sans-Serif; font-weight:700; color:#000000; margin-bottom:10px; text-align:center; letter-spacing:0px; transition:opacity 400ms ease; opacity:0; word-break:break-word;} .WrapperCard .ItemCard .Desc .Txt {font-size:12px; line-height:20px; color:#4E5556; transition:opacity 400ms ease; opacity:0;} .WrapperCard .ItemCard.Highlight {border:3px solid #b73d1d;} .WrapperCard.ThreeBlocks .ItemCard {width:30.33%;} .WrapperCard {} .WrapperCard .ItemCard.Reveal {border-color:#5A7172; background-color:#fff;} .WrapperCard .ItemCard.Reveal .Img {} .WrapperCard .ItemCard.Reveal .Img img {opacity:1; transform:translateY(0px);} .WrapperCard .ItemCard.Reveal .Desc {} .WrapperCard .ItemCard.Reveal .Desc .SubTitle {opacity:1;} .WrapperCard .ItemCard.Reveal .Desc .Txt {opacity:1;} .WrapperCard .ItemCard.Highlight.Reveal {border:3px solid #b73d1d;} .PageProgress {position:fixed; width:60px; display:none; left:50%; top:50%; margin-top:-30px;} /* margin-left by js*/ .PageProgress img {display:block; width:100%; animation:rotate_infinitely 1.4s linear infinite;} .PageProgress.Hide {display:none !important;} /* Picks Page */ .PicksPage {position:relative;} .PicksPage .Strengths {margin-right:340px;} .PicksPage .Picks {position:absolute; top:0px; right:0px; width:280px; transition:margin-top 300ms ease;} .PicksPage .Picks .PicksTitle {font-size:20px; line-height:1.3em; margin:0px 0px 30px 0px;} .PicksPage .Picks .PicksTitle .Txt {float:left;} .PicksPage .Picks .PicksTitle .Nbre {float:right;} .PicksPage .Picks .ListPicks {margin:0px; user-select:none;} .PicksPage .Picks .ListPicks .ItemPicks {display:table; width:100%; height:80px; border:1px solid #5A7172; box-sizing:border-box; margin:0px 0px 20px 0px; position:relative; background-color:#fff; cursor:ns-resize;} .PicksPage .Picks .ListPicks .ItemPicks .Img {width:110px; display:table-cell;} .PicksPage .Picks .ListPicks .ItemPicks .Img img {width:100%; display:block;} .PicksPage .Picks .ListPicks .ItemPicks .Desc {display:table-cell; vertical-align:middle; text-align:left;} .PicksPage .Picks .ListPicks .ItemPicks .Desc .SubTitle {font-size:11px; line-height:1.3em; font-family:'Montserrat', Arial, Helvetica, Verdana, Sans-Serif; font-weight:700; color:#000000; padding:15px; margin:0px;} .PicksPage .Picks .ListPicks .ItemPicks .Cross {position:absolute; top:3px; right:3px; width:28px; height:28px; background:url(/Content/Images/Icon_PicksCross.png) no-repeat; background-size:15px 15px; background-position:center center; cursor:pointer; background-color:#fefefe;} .PicksPage .Picks .ListPicks .ItemPicks.Empty {border:1px dashed #5A7172;} .PicksPage .Picks .ListPicks .ItemPicks:focus {border-color:#7e7c7c;} .PicksPage .Picks .BtnNextPicks {margin-top:30px;} .PicksPage .Picks .BtnNextPicks a {width:100%; padding:14.5px 0px;} .PicksPage .Picks .BtnNextPicks input {width:100%; padding:14.5px 0px;} .PicksPage .Picks .ListPicksDone {} .PicksPage .Picks .ListPicksDone .ItemPicks {border:1px solid #007A52;} .PicksPage .Picks .ValidationInfo {margin-bottom:4px; font-size:14px;} .LargeScreenList {padding-bottom:2px; margin:40px 0px 0px 0px; overflow:auto; overflow:hidden; width:103.33%;} .LargeScreenList .Item {display:inline-block; vertical-align:top; border:1px solid #5A7172; box-sizing:border-box; cursor:pointer; margin:0px; width:30%; margin-right:3.33%; margin-bottom:3%; } .LargeScreenList .Item .Img {width:100%; display:block; text-align:center;} .LargeScreenList .Item .Img img {width:100%; display:inline-block;} .LargeScreenList .Item .Desc {padding:10px 25px 25px 25px; text-align:center;} .LargeScreenList .Item .Desc .Icon {background:url(/Content/Images/Icon_Slider_Empty.png) no-repeat center; background-size:cover; width:25px; height:25px; display:inline-block;} .LargeScreenList .Item .Desc .SubTitle {font-size:12px; line-height:1.3em; font-family:'Montserrat', Arial, Helvetica, Verdana, Sans-Serif; font-weight:700; color:#000000; margin-top:10px; margin-bottom:10px; text-align:center; letter-spacing:0px; word-break:break-word;} .LargeScreenList .Item .Desc .Txt {font-size:12px; line-height:20px; color:#4E5556; text-align:left;} .LargeScreenList .Item:hover {border:1px solid #007A52;} .LargeScreenList .Item:hover .SubTitle {color:#707070;} .LargeScreenList .Item:hover .Txt {color:#707070;} .LargeScreenList .Item.Selected {border:1px solid #007A52;} .LargeScreenList .Item.Selected .Desc .Icon {background:url(/Content/Images/Icon_Slider_Complete.png) no-repeat center; background-size:cover; width:25px; height:25px; display:inline-block;} .LargeScreenList .Item.Selected .SubTitle {color:#707070;} .LargeScreenList.TwoBlocks .Item {width:46.67%;} .swiper-picks {padding-bottom:2px; margin:30px -30px 0px; overflow:auto; overflow:hidden; display:none;} .swiper-picks .swiper-slide:last-child {margin-right:30px;} .swiper-picks .swiper-slide {border:1px solid #5A7172; box-sizing:border-box; cursor:pointer; margin-left:30px; width:220px; } .swiper-picks .swiper-slide .Img {width:100%; display:block; text-align:center;} .swiper-picks .swiper-slide .Img img {width:100%; display:inline-block;} .swiper-picks .swiper-slide .Desc {padding:10px 25px 25px 25px; text-align:center;} .swiper-picks .swiper-slide .Desc .Icon {background:url(/Content/Images/Icon_Slider_Empty.png) no-repeat center; background-size:cover; width:25px; height:25px; display:inline-block;} .swiper-picks .swiper-slide .Desc .SubTitle {font-size:13px; line-height:1.3em; font-family:'Montserrat', Arial, Helvetica, Verdana, Sans-Serif; font-weight:600; color:#000000; margin-top:10px; margin-bottom:10px; text-align:center; letter-spacing:1px;} .swiper-picks .swiper-slide .Desc .Txt {font-size:13px; line-height:20px; /*font-family:'PT Serif', Arial, Helvetica, Verdana, Sans-Serif;*/ font-weight:400; color:#4E5556; /*font-style:italic;*/ text-align:left;} .swiper-picks .swiper-slide:hover {border:1px solid #3ebb4c;} /*.swiper-picks .swiper-slide:hover .Desc .Icon {background:url(/Content/Images/Icon_Slider_Complete.png) no-repeat center; background-size:cover; width:25px; height:25px; display:inline-block;} for better feedback when it is clicked */ .swiper-picks .swiper-slide:hover .SubTitle {color:#707070;} .swiper-picks .swiper-slide.Selected {border:1px solid #3ebb4c;} .swiper-picks .swiper-slide.Selected .Desc .Icon {background:url(/Content/Images/Icon_Slider_Complete.png) no-repeat center; background-size:cover; width:25px; height:25px; display:inline-block;} .swiper-picks .swiper-slide.Selected .SubTitle {color:#707070;} .swiper-picks .swiper-button-next {display:none; z-index:1; width:40px; height:40px; margin-top:-20px; right:30px; background-size:40px 40px; background-image:url(/Content/Images/Icon_ArrowSwipe_Right.png);} .swiper-picks .swiper-button-prev {display:none; z-index:1; width:40px; height:40px; margin-top:-20px; left:30px; background-size:40px 40px; background-image:url(/Content/Images/Icon_ArrowSwipe_Left.png);} .swiper-picks:hover .swiper-button-next {display:none;} .swiper-picks:hover .swiper-button-prev {display:none;} .swiper-picks .swiper-button-disabled {display:none !important;} /* Nominate Page */ .NominatePage {position:relative;} .NominatePage .NomineeDetails {margin-right:520px;} .NominatePage .NomineeDetails .NomineeForm {margin-top:25px;} .NominatePage .NomineeDetails .NomineeForm .BoxRelationship {} .NominatePage .NomineeDetails .NomineeForm .BoxFirstName {float:left; width:48%; margin-right:4%;} .NominatePage .NomineeDetails .NomineeForm .BoxLastName {float:left; width:48%;} .NominatePage .NomineeDetails .NomineeForm .BoxEmailAddress {} .NominatePage .NomineeDetails .NomineeForm .BoxConfirm {} .NominatePage .NomineeDetails .NomineeForm .BtnAddOther {position:relative;} .NominatePage .NomineeDetails .NomineeForm .BtnAddOther a {padding:14.5px 0px; width:100%;} .NominatePage .NomineeDetails .NomineeForm .BtnAddOther input {padding:14.5px 0px; width:100%;} .NominatePage .NomineeDetails .NomineeForm .BtnAddOther .FormProgress {position:absolute; top:7px; left:50%; width:30px; margin-left:-15px; animation:rotate_infinitely 1.4s linear infinite; display:none; opacity:0;} .NominatePage .NomineeNames {position:absolute; top:0px; right:0px; width:460px;} .NominatePage .NomineeNames .NamesTitle {font-size:20px; line-height:1.3em; margin:0px 0px 40px 0px;} .NominatePage .NomineeNames .NamesTitle .Txt {float:left;} .NominatePage .NomineeNames .NamesTitle .Nbre {float:right;} .NominatePage .NomineeNames .Column {} .NominatePage .NomineeNames .Column .Category {display:table; width:100%;} .NominatePage .NomineeNames .Column .Category .TextCat {display:table-cell; vertical-align:top; width:125px; font-size:13px; line-height:1.4em; font-weight:400; color:#545659; padding-bottom:9px; padding-top:6px;} .NominatePage .NomineeNames .Column .Category .Choices {display:table-cell; vertical-align:top;} .NominatePage .NomineeNames .Column .Category .Choices .Item {border:1px solid #5A7172; box-sizing:border-box; position:relative; display:block; height:35px; float:left; width:45%; margin:0px 0px 10px 5%; font-size:11px; line-height:34px; font-family:'Montserrat', Arial, Helvetica, Verdana, Sans-Serif; font-weight:700; color:#000000; text-align:center; cursor:pointer;} .NominatePage .NomineeNames .Column .Category .Choices .Item .Cross {position:absolute; top:5px; right:3px; width:24px; height:24px; background:url(/Content/Images/Icon_PicksCross.png) no-repeat; background-size:12px 12px; background-position:center center; cursor:pointer;} .NominatePage .NomineeNames .BtnSendNomination {margin-top:20px;} .NominatePage .NomineeNames .BtnSendNomination a {padding:14.5px 0px; width:100%;} .NominatePage .NomineeNames .BtnSendNomination input {padding:14.5px 0px; width:100%;} .NominatePage .NomineeNames .Column .Category .Choices .Item.Editable {} .NominatePage .NomineeNames .Column .Category .Choices .Item.Fixed {border:1px solid #3ebb4c; color:#545659; cursor:default;} .NominatePage .NomineeNames .Column .Category .Choices .Item.Empty {border:1px dashed #5A7172; color:#545659;} .NominatePage .NomineeNames .Column .NListPorgress {height:200px;} .NominatePage .NomineeNames .Column .NListPorgress img {position:absolute; top:140px; left:50%; width:50px; margin-left:-25px; animation:rotate_infinitely 1.4s linear infinite; opacity:0; transition:opacity 200ms ease 500ms;} .NominatePage .NomineeNames .Column .NListPorgress.Show img {opacity:1;} .NominatePage .PageValidation {} .NomineeConfTable {border:1px solid #5A7172; width:100%; border-collapse:collapse;} .NomineeConfTable .RTLTR {display:none;} .NomineeConfTable th.Col1 {font-size:12px; font-family:'Montserrat'; font-weight:700; text-align:left; padding:10px 15px 10px 15px; border-bottom:1px solid #5A7172;} .NomineeConfTable th.Col1 span {display:inline-block; font-weight:normal; border-radius:50%; width:20px; height:20px; color:#fff; text-align:center; padding-top:3px; box-sizing:border-box; letter-spacing:0px;} .NomineeConfTable th.Col1 span.BtnOrange {background-color:#b73d1d;} .NomineeConfTable th.Col1 span.BtnBlue {background-color:#1A71A8;} .NomineeConfTable th.Col1 span.BtnPurple {background-color:#7C2064;} .NomineeConfTable th.Col1 span.BtnGreen {background-color:#2f8738;} .NomineeConfTable th.Col1 span.BtnYellow {background-color:#f2e22e;} .NomineeConfTable th.Col1 div.Txt {display:inline; padding-right:5px; box-sizing:border-box;} .NomineeConfTable td {border-bottom:1px solid #5A7172; padding:13px 10px 13px 15px; font-size:12px;} .NomineeConfTable td.Col1 {font-family:'Montserrat'; font-weight:700;} .NomineeConfTable td.Col2 {color:#545659;} .NomineeConfTable td.Col3 {font-family:'Montserrat'; font-weight:700;} .NomineeConfTable td.Col4 {color:#545659;} .NomineeConfTable td.Col11 {font-family:'Montserrat'; font-weight:700;} .NomineeConfTable td.Col12 {font-family:'Montserrat'; font-weight:700;} .NomineeConfTable td.Col13 {font-family:'Montserrat'; font-weight:700;} .NomineeConfTable td.Col14 {font-family:'Montserrat'; font-weight:700;} /* Thank You Questionnaire */ .ThankYouQuestionnaire {} .ThankYouQuestionnaire h3.Title {margin-top:40px;} /* Congratulation */ .Congratulation {text-align:center;} .Congratulation .Img {display:inline-block; width:150px; margin-bottom:30px;} .Congratulation .Img img {display:block; width:100%;} .Congratulation .BigLine {display:inline-block;} .Congratulation .ValidDatabase {display:table; width:100%; border:1px solid #2f8738; box-sizing:border-box;} .Congratulation .ValidDatabase .Img_VD {display:table-cell; width:120px; vertical-align:middle; padding:20px 0px;} .Congratulation .ValidDatabase .Img_VD img {display:block; width:100%;} .Congratulation .ValidDatabase .Txt_VD {display:table-cell; padding:20px 20px; vertical-align:middle; font-size:14px; text-align:left; line-height:28px; font-family:'Montserrat', sans-serif, Arial, Helvetica, Verdana; font-weight:600; color:#035196;} .Congratulation .ValidDatabase .Txt_VD a {color:#035196; text-decoration:none;} .Congratulation .ValidDatabase .Txt_VD span {color: #035196; text-decoration:none;} .Congratulation .ValidDatabase:focus {border-color:#19351c;} /* Optimizing Your Strengths */ .OptimizingYourStrengths {} .OptimizingYourStrengths .OptimContent {border:1px solid #5A7172;} .OptimizingYourStrengths .OptimContent .OptInner {display:none;} .OptimizingYourStrengths .OB_Tab {display:none;} .OptimizingYourStrengths .OptBlock {padding:25px;} .OptimizingYourStrengths .OptBlock .Table {display:table; width:100%; margin-bottom:25px;} .OptimizingYourStrengths .OptBlock .Table:last-child {margin-bottom:0px;} .OptimizingYourStrengths .OptBlock .Table .ImgCell {display:table-cell; vertical-align:middle; width:120px; padding-right:25px;} .OptimizingYourStrengths .OptBlock .Table .ImgCell img {width:100%; display:block;} .OptimizingYourStrengths .OptBlock .Table .LeftCell {display:table-cell; vertical-align:middle;} .OptimizingYourStrengths .OptBlock .Table .RightCell {display:table-cell; vertical-align:middle; text-align:right; width:210px;} .OptimizingYourStrengths .OptBlock .Table .RightCell.NoWidth {width:0px;} .OptimizingYourStrengths .OptBlock .SubTitle {font-size:20px; line-height:1.3em; font-weight:300; color:#5f5f62; margin-bottom:10px; font-family:'Merriweather Sans', sans-serif, Arial, Helvetica, Verdana;} .OptimizingYourStrengths .OptBlock .SubTxt {font-size:14px; line-height:26px; font-weight:400; color:#4E5556;} .OptimizingYourStrengths .OptBlock .OB_Title {font-size:30px; line-height:1.3em; font-family:"Arvo",serif,Arial,Helvetica,Verdana; font-weight:400; color:rgb(46, 46, 48); margin:0px 0px 30px;} .OptimizingYourStrengths .OptBlock .OB_SubTitle {font-size:24px; line-height:1.3em; font-family:'Merriweather Sans', sans-serif, Arial, Helvetica, Verdana; font-weight:400; color:#5f5f62; margin:0px 0px 20px 0px;} .OptimizingYourStrengths .OptBlock .OB_Chapot {font-size:20px; line-height:1.3em; font-weight:600; color:#000000; margin-bottom:10px; font-family:'Merriweather Sans', sans-serif, Arial, Helvetica, Verdana;} .OptimizingYourStrengths .OptBlock .OB_ChapotSmall {font-size:20px; line-height:1.3em; font-weight:300; color:#5f5f62; margin-bottom:10px; font-family:'Merriweather Sans', sans-serif, Arial, Helvetica, Verdana; text-transform:inherit; letter-spacing:normal;} .OptimizingYourStrengths .OptBlock .OB_Video {display:none;} .OptimizingYourStrengths .OptBlock .OB_Video iframe {width:100% !important; height:400px !important; margin-top:-10px;} .OptimizingYourStrengths .OptBlock .OB_Line {width:100%; height:1px; background:#5A7172; display:block; margin-bottom:30px;} .OptimizingYourStrengths .OptBlock .WrapperList {} .OptimizingYourStrengths .OptBlock .WrapperList .ItemList {font-size:14px; line-height:26px; font-weight:400; color:#4E5556;} .OptimizingYourStrengths .OptBlock .OB_Step {display:table; width:100%; margin-bottom:30px;} .OptimizingYourStrengths .OptBlock .OB_Step .Desc {display:table-cell; vertical-align:top;} .OptimizingYourStrengths .OptBlock .OB_Step .Desc .Txt {font-size:13px; line-height:1.6em; font-family:"Montserrat",Arial,Helvetica,Verdana,sans-serif; font-weight:600; color:#000000;} .OptimizingYourStrengths .OptBlock .OB_Step .Desc .Txt span {color:#7C2064;} .OptimizingYourStrengths .OptBlock .OB_Step .Img {display:table-cell; vertical-align:top; width:120px; padding-left:25px;} .OptimizingYourStrengths .OptBlock .OB_Step .Img img {width:100%; display:block;} .OptimizingYourStrengths .OptBlock .OverdriveBehaviours {} .OptimizingYourStrengths .OptBlock .OverdriveBehaviours .Question_OB {font-size:12px; font-weight:400; color:#000000; letter-spacing:1px; font-family:"Merriweather Sans",Arial,Helvetica,Verdana,sans-serif; margin:0px 0px 15px 0px;} .OptimizingYourStrengths .OptBlock .OverdriveBehaviours .Box_OB {float:left; width:48%;} .OptimizingYourStrengths .OptBlock .OverdriveBehaviours .SpacerBox_OB {float:left; width:4%; height:30px; display:block;} .OptimizingYourStrengths .OptBlock .OverdriveBehaviours .Box_OB_2 {float:left; width:36%;} .OptimizingYourStrengths .OptBlock .OverdriveBehaviours .Box_OB_3 {float:left; width:20%;} .OptimizingYourStrengths .OptBlock .OverdriveBehaviours .SpacerBox_OB_2 {float:left; width:4%; height:30px; display:block;} .OptimizingYourStrengths .OptBlock .OverdriveBehaviours .TextArea {overflow-x:hidden;} .OptimizingYourStrengths .OptBlock .StrengthLabel {margin:10px 0px -10px 0px; display:block;} .OptimizingYourStrengths .OptBlock .StrengthLabel label {display:table; font-size:14px; line-height:1.6em; font-weight:400; color:#4E5556; font-family:Arial, Helvetica, Verdana; letter-spacing:normal; top:-18px; text-transform:none;} .OptimizingYourStrengths .OptBlock .StrengthLabel label .Img {display:table-cell; vertical-align:top; width:80px; padding-right:10px;} .OptimizingYourStrengths .OptBlock .StrengthLabel label .Img img {width:100%; display:inline-block;} .OptimizingYourStrengths .OptBlock .StrengthLabel label .Desc {display:table-cell; vertical-align:middle;} .OptimizingYourStrengths .OptBlock .StrengthLabel label .Desc .Highlight {color:#333; font-weight:600; color:#000000; padding-right:8px;} .OptimizingYourStrengths .OptBlock .StrengthLabel label .Desc .Highlight.Green {color:#2f8738;} .OptimizingYourStrengths .OptBlock .StrengthLabel label .Desc .Highlight.Purple {color:#7C2064;} .OptimizingYourStrengths .OptBlock .StrengthLabel label .Desc .Highlight.Yellow {color:#b73d1d;} .OptimizingYourStrengths .OptBlock .StrengthLabel label .Desc .Highlight.Blue {color:#1A71A8;} .OptimizingYourStrengths .OptBlock .StrengthLabel02 {display:table;} .OptimizingYourStrengths .OptBlock .StrengthLabel02 .Img {display:table-cell; vertical-align:top; width:80px; padding-right:10px;} .OptimizingYourStrengths .OptBlock .StrengthLabel02 .Img img {width:100%; display:inline-block;} .OptimizingYourStrengths .OptBlock .StrengthLabel02 .Desc {display:table-cell; vertical-align:middle;} .OptimizingYourStrengths .OptBlock .StrengthLabel02 .Desc .Green {color:#2f8738;} .OptimizingYourStrengths .OptBlock .StrengthLabel02 .Desc .Purple {color:#7C2064;} .OptimizingYourStrengths .OptBlock .StrengthLabel02 .Desc .Yellow {color:#b73d1d;} .OptimizingYourStrengths .OptBlock .StrengthLabel02 .Desc .Blue {color:#1A71A8;} .OptimizingYourStrengths .OptBlock .BtnActionPlan {} .OptimizingYourStrengths .OptBlock .BtnActionPlan a {float:right; display:block;} .OptimizingYourStrengths .OptBlock .BtnActionPlan input {float:right; display:block;} .OptimizingYourStrengths .OptBlock .HideShow {display:none;} .OptimizingYourStrengths .OptBlock .HideShow .BtnSend {float:right; display:block; position:relative;} .OptimizingYourStrengths .Sustain {display:table; width:100%;} .OptimizingYourStrengths .Sustain .LeftSus {display:table-cell; vertical-align:top; width:240px; background:#e6e8e8;} .OptimizingYourStrengths .Sustain .RightSus {display:table-cell; vertical-align:top;} .OptimizingYourStrengths .Sustain .WrapperTabs {} .OptimizingYourStrengths .Sustain .WrapperTabs .ItemTabs {position:relative;} .OptimizingYourStrengths .Sustain .WrapperTabs .ItemTabs a {font-size:11px; line-height:1.3em; font-family:'Montserrat', Arial, Helvetica, Verdana, Sans-Serif; font-weight:600; color:#037be7; letter-spacing:1px; text-decoration:none; padding:25px; text-decoration:none; -moz-appearance:none; -webkit-appearance:none; transition:color 0.3s ease; width:100%; box-sizing:border-box; text-align:right; display:table;} .OptimizingYourStrengths .Sustain .WrapperTabs .ItemTabs .Icon {display:table-cell; vertical-align:middle; width:120px; display:inline-block;} .OptimizingYourStrengths .Sustain .WrapperTabs .ItemTabs .Icon img {width:100%; display:block;} .OptimizingYourStrengths .Sustain .WrapperTabs .ItemTabs .Txt {display:table-cell; vertical-align:middle; padding-left:10px;} .OptimizingYourStrengths .Sustain .WrapperTabs .ItemTabs .BottomBar {position:absolute; bottom:-1px; right:25px; width:260px; height:1px; background:#ccd3dc;} .OptimizingYourStrengths .Sustain .WrapperTabs .ItemTabs.Highlighted {background:#fff;} .OptimizingYourStrengths .Sustain .WrapperTabs .ItemTabs.Highlighted a {color:#000000;} .OptimizingYourStrengths .Sustain .WrapperTabs .ItemTabs.Highlighted a .BottomBar {display:none;} .OptimizingYourStrengths .FreeTools {} .OptimizingYourStrengths .FreeTools .TopFT {font-size:11px; line-height:1.3em; font-family:'Montserrat', Arial, Helvetica, Verdana, Sans-Serif; font-weight:600; color:#000000; letter-spacing:1px; border:1px solid #5A7172; box-sizing:border-box; padding:20px;} .OptimizingYourStrengths .FreeTools .TopFT .BtnTopFt01 {float:right; margin:-8px 0px 0px 0px;} .OptimizingYourStrengths .FreeTools .TopFT .BtnTopFt02 {float:right; margin:-8px 0px 0px 10px;} .OptimizingYourStrengths .FreeTools .TableFT {display:table; width:100%; border-left:1px solid #5A7172; border-right:1px solid #5A7172; border-bottom:1px solid #5A7172; box-sizing:border-box; padding:10px 20px;} .OptimizingYourStrengths .FreeTools .TableFT .CellFT {display:table-cell; vertical-align:middle;} .OptimizingYourStrengths .FreeTools .TableFT .CellFT_00 {width:120px; padding-right:25px;} .OptimizingYourStrengths .FreeTools .TableFT .CellFT_00 img {width:100%; display:block;} .OptimizingYourStrengths .FreeTools .TableFT .CellFT_01 {} .OptimizingYourStrengths .FreeTools .TableFT .CellFT_02 {width:100px; text-align:right;} .OptimizingYourStrengths .FreeTools .TitleFT {font-size:13px; line-height:1.3em; font-family:"Montserrat",Arial,Helvetica,Verdana,sans-serif; font-weight:600; color:rgb(40, 40, 40);} .OptimizingYourStrengths .FreeTools .TitleFT p {font-size: 13px; line-height: 1.3em; font-family: "Montserrat",Arial,Helvetica,Verdana,sans-serif; font-weight: 600; color: rgb(40, 40, 40);} .OptimizingYourStrengths .FreeTools .TxtFT {font-size:13px; line-height:20px; /*font-family:"PT Serif",Arial,Helvetica,Verdana,sans-serif;*/ font-weight:400; color:rgb(131, 140, 142); /*font-style:italic;*/ margin-top:5px;} .OptimizingYourStrengths .FreeTools .BtnFT {display:inline-block; margin-left:10px;} .swiper-optimizing-tabs {margin:0px -100px -1px -100px;} .swiper-optimizing-tabs .swiper-slide {display:block; width:auto; margin: 0px -100px -1px 100px;} .swiper-optimizing-tabs .swiper-slide a {display:inline-block; font-size:11px; line-height:1.3em; font-family:'Montserrat', Arial, Helvetica, Verdana, Sans-Serif; font-weight:600; color:#037be7; letter-spacing:1px; text-decoration:none; padding:14px 20px; text-decoration:none; -moz-appearance:none; -webkit-appearance:none; transition:color 0.3s ease; border-left:1px solid transparent; border-top:1px solid transparent; border-right:1px solid transparent; position:relative;} .swiper-optimizing-tabs .swiper-slide a .VerticalBar {position:absolute; bottom:25%; right:-2px; width:1px; height:50%; background:#ccd3dc;} .swiper-optimizing-tabs .swiper-slide:hover a {color:#000000;} .swiper-optimizing-tabs .swiper-slide.Highlighted a {border-left:1px solid #5A7172; border-top:1px solid #5A7172; border-right:1px solid #5A7172; border-bottom:1px solid #ffffff; color:#000000; background:#fff;} .swiper-optimizing-tabs .swiper-slide.Highlighted a .VerticalBar {display:none;} .swiper-optimizing-tabs .swiper-slide:last-child a {} .swiper-optimizing-tabs .swiper-slide:last-child a .VerticalBar {display:none;} .AdditionalTopInfo {margin-right:255px; margin-bottom:-50px;} .AdditionalTopInfo p {line-height:1.5em;} .AdditionalTopInfo.SpaceSaver {margin-right:0px;} .AllS7Panels {} .AllS7Panels .S7Panel {display:none;} .CT_Item_list .CT_Item {display:none;} .FieldInfo2 {font-size:13px; line-height:20px; font-weight:400; color:#4E5556;} .QuestionPage .QuestionWrapper .QuestionItem .Answers .BtnAnswer .ProgressIndicator {position:absolute; top:7px; left:50%; width:30px; margin-left:-15px; animation:rotate_infinitely 1.4s linear infinite; display:none; opacity:0;} .ProgressIndicatorR {position:absolute; width:30px; top:50%; margin-top:-15px; left:50%; margin-left:-15px; animation:rotate_infinitely 1.4s linear infinite; display:none; opacity:0;} .ProgressIndicatorRBig {position:absolute; width:50px; top:50%; margin-top:-25px; left:50%; margin-left:-25px; animation:rotate_infinitely 1.4s linear infinite; display:none; opacity:0;} .OB_Tab_03 .BtnSend {} .OB_Tab_04 .BtnSend {} .FAQ_Item {cursor:pointer; padding:25px 25px 10px 25px; border:1px solid #5A7172; margin-top:15px;} .FAQ_Item .FAQ_Head {cursor:pointer; position:relative;} .FAQ_Item .FAQ_Head .Question {font-size:11px; line-height:1.3em; font-family:'Montserrat', Arial, Helvetica, Verdana, Sans-Serif; font-weight:600; letter-spacing:1px; color:#000000; padding:5px 30px 5px 0px; margin:0px 0px 12px 0px;} .FAQ_Item .FAQ_Head .Icon {width:35px; position:absolute; top:50%; right:-10px; margin-top:-17px;} .FAQ_Item .FAQ_Head .Icon img {width:100%; display:block;} .FAQ_Item .FAQ_Head .Icon .Icon_Faq_01 {width:100%; display:none;} .FAQ_Item .FAQ_Head .Icon .Icon_Faq_02 {width:100%; display:block;} .FAQ_Item .Answer {display:none;} .ImageIntro {display:block; height:50px; margin-bottom:20px;} .ImageIntro img {height:100%; display:block;} /* StrengthsHub */ .HubContentTable {display:table; table-layout:fixed; width:100%;} .HubContentTable .LeftCell {display:table-cell; vertical-align:top;} .HubContentTable .RightCell {display:table-cell; vertical-align:top; width:340px;} .HubContentTable h1 {margin-bottom:40px;} .HubContentTable .BigLine {margin-bottom:40px;} .HubContentTable .HdrTable {display:table; width:100%;} .HubContentTable .HdrTable .LeftCell {display:table-cell; vertical-align:top; width:75%;} .HubContentTable .HdrTable .RightCell {display:table-cell; vertical-align:top; width:25%;} .HubContentTable .HdrBtns {display:table; margin-left:auto;} .HubContentTable .HdrBtns .Btn {display:table-cell; vertical-align:top; padding-left:20px; box-sizing:border-box;} .HubContentTable .HdrBtns .BtnWhite a {width:140px;} .HubContentTable .FormBox.SmBtmSpace {margin-bottom:20px;} .HubContentTable .FormChkRadioBlock {margin-bottom:35px;} .HubContentTable .CbxAndLabel {margin-bottom:20px;} .HubContentTable .CbxAndLabel label {position:relative; top:0px; font-size:13px; color:#000000;} .HubContentTable .CheckboxBlock {margin-bottom:20px;} .HubContentTable .CheckboxBlock label {position:relative; top:0px; font-size:13px; color:#000000;} .HubContentTable .CLTable {display:table;} .HubContentTable .CLTable .CboxCell {display:table-cell; vertical-align:top;} .HubContentTable .CLTable .LabelCell {display:table-cell; vertical-align:top; font-size:13px; color:#000000; font-family:'Montserrat', Arial, Helvetica, Verdana;} .HubContentTable .TextArea {height:110px; resize:none;} .HubContentTable .HubNote {font-family:Arial, Helvetica, Verdana; font-size:12px; line-height:26px; color:#4E5556;} .HubContentTable .HubSubTitle {font-size:11px; line-height:36px; letter-spacing:3px; font-weight:600; font-family:'Montserrat', Arial, Helvetica, Verdana, Sans-Serif; color:#000000; margin-bottom:35px;} .HubContentTable .icheckbox_square-grey {float:left; display:block; margin:0px 10px 0px 0px; padding:0px; top:0px; width:17px; height:17px; background: url(/Content/Images/greyHub.png) no-repeat; border:none; cursor:pointer;} .HubContentTable .iradio_square-grey {float:left; display:block; margin:0px 10px 0px 0px; padding:0px; top:0px; width:17px; height:17px; background: url(/Content/Images/greyHub.png) no-repeat; border:none; cursor:pointer;} .HubContentTable .icheckbox_square-grey {background-position: 0 0;} .HubContentTable .icheckbox_square-grey.hover {background-position: -24px 0;} .HubContentTable .icheckbox_square-grey.checked {background-position: -48px 0;} .HubContentTable .icheckbox_square-grey.disabled {background-position: -72px 0; cursor: default;} .HubContentTable .icheckbox_square-grey.checked.disabled {background-position: -96px 0;} .HubContentTable .iradio_square-grey {background-position: -120px 0;} .HubContentTable .iradio_square-grey.hover {background-position: -143px 0;} .HubContentTable .iradio_square-grey.checked {background-position: -168px 0;} .HubContentTable .iradio_square-grey.disabled {background-position: -192px 0; cursor: default;} .HubContentTable .iradio_square-grey.checked.disabled {background-position: -216px 0;} .HubContentTable .icheckbox_square-white {background-position: 0 0;} .HubContentTable .icheckbox_square-white.hover {background-position: -24px 0;} .HubContentTable .icheckbox_square-white.checked {background-position: -48px 0;} .HubContentTable .icheckbox_square-white.disabled {background-position: -72px 0; cursor: default;} .HubContentTable .icheckbox_square-white.checked.disabled {background-position: -96px 0;} .HubContentTable .iradio_square-white {background-position: -120px 0;} .HubContentTable .iradio_square-white.hover {background-position: -143px 0;} .HubContentTable .iradio_square-white.checked {background-position: -168px 0;} .HubContentTable .iradio_square-white.disabled {background-position: -192px 0; cursor: default;} .HubContentTable .iradio_square-white.checked.disabled {background-position: -216px 0;} .HubJournalsList {position:relative;} .HubJournalsList .swiper-button-next {top:34px; right:-28px; width:25px; height:25px; background-image:url(/Content/Images/Icon_ArrowSwipe_Right.png); background-size:25px 25px;} .HubJournalsList .swiper-button-next.swiper-button-disabled {opacity:1;} .HubJournalsList .swiper-button-prev {top:34px; left:-28px; width:25px; height:25px; background-image:url(/Content/Images/Icon_ArrowSwipe_Left.png); background-size:25px 25px;} .HubJournalsList .swiper-button-prev.swiper-button-disabled {opacity:1;} .JournalHdrSwiper .swiper-slide {display:block; width:auto; text-align:center; font-size:11px; line-height:13px; font-weight:700; letter-spacing:1px; color:#03549B; font-family:'Montserrat', Arial, Helvetica, Verdana, Sans-Serif; transition:color 0.3s ease; outline:none;} .JournalHdrSwiper .swiper-slide .SlideContainer {display:block; padding:10px 0px; box-sizing:border-box;} .JournalHdrSwiper .swiper-slide .JournalHdr {display:block; border-left:1px solid #CCD3DC; padding:5px 25px; box-sizing:border-box;} .JournalHdrSwiper .swiper-slide:first-child .JournalHdr {border-left:none;} .JournalHdrSwiper .swiper-slide:hover {text-decoration:none; color:#0562B6;} .JournalHdrSwiper .swiper-slide.Selected {right:-3px; pointer-events:none; color:#3B3D40;} .JournalHdrSwiper .swiper-slide.Selected .SlideContainer {display:block; border:1px solid #5A7172; border-bottom:1px solid #ffffff; margin:1px 1px 0px 1px;} .JournalHdrSwiper .swiper-slide.Selected .JournalHdr {display:block; border-left:none;} .JournalHdrSwiper .swiper-slide.Selected + .swiper-slide .JournalHdr {display:block; border-left:none;} .JournalHdrSwiper .swiper-slide:first-child.Selected {right:0px;} .JournalHdrSwiper .swiper-slide:last-child.Selected {right:-1px;} .HubBtmBtns {margin-top:40px;} .HubBtmBtns .HubBtnBack {float:left; width:140px;} .HubBtmBtns .HubBtnForward {float:right; width:140px;} .HubBtmBtns .HubBtnForward.WidthAdded {width:230px;} .HubBtmBtns .HubBtnForward input {margin-left:auto;} .HubBtmBtns.CreateJouSteps .HubBtnForward input {padding:14px 50px;} .HubQuestions .QABlock {margin-bottom:40px;} .HubQuestions .Question {font-size:13px; line-height:13px; color:#3A3D3F; font-weight:700; margin-bottom:15px;} .HubQuestions .Answer {font-size:12px; line-height:18px; color:#4E5556;} .HubQuestions .Answer .Italic {font-style:italic;} .HubOptionsPanel {width:280px; margin-left:auto;} .HubOptionsPanel .HubOption {display:block; position:relative; padding:15px; box-sizing:border-box; border:1px solid #5A7172; margin-bottom:20px; text-decoration:none;} .HubOptionsPanel .HubOption:hover {cursor:pointer; border-color:#e5e1e1;} .HubOptionsPanel .HubOption:hover .OptionDetails .Btn .BtnBlock {text-decoration:none; border-color:#e5e1e1;} .HubOptionsPanel .OptionDetails {display:table; table-layout:fixed; width:100%; height:100%;} .HubOptionsPanel .OptionDetails .Details {display:table-cell; vertical-align:middle;} .HubOptionsPanel .OptionDetails .Details .TooltipBlock {display:block; visibility:hidden; position:absolute; z-index:10; top:63px; left:6px; font-size:12px; line-height:1.3em; background-color:#000000; color:#ffffff; padding:12px; box-sizing:border-box; transition:opacity 0.3s ease;} .HubOptionsPanel .OptionDetails .Details .TooltipBlock:after {position:absolute; z-index:10; top:-30px; left:10px; content:""; border-width:15px; border-style:solid; border-color:transparent transparent black transparent;} .HubOptionsPanel .OptionDetails .Details:hover .TooltipBlock {visibility:visible;} .HubOptionsPanel .OptionDetails .DetailsTable {display:table; width:100%;} .HubOptionsPanel .OptionDetails .DetailsTable .Icon {display:table-cell; vertical-align:middle; width:32px; height:32px;} .HubOptionsPanel .OptionDetails .DetailsTable .Icon .IconBack {display:inline-block; width:32px; height:32px; border-radius:50%;} .HubOptionsPanel .OptionDetails .DetailsTable .Icon .IconBack.Blue {background-image:url('/Content/Images/Bg_Hub_Premium_Blue.jpg'); background-repeat:no-repeat; background-position:center center;} .HubOptionsPanel .OptionDetails .DetailsTable .Icon .IconBack.Purple {background-image:url('/Content/Images/Bg_Hub_Premium_Purple.jpg'); background-repeat:no-repeat; background-position:center center;} .HubOptionsPanel .OptionDetails .DetailsTable .Icon .IconBack.Orange {background-image:url('/Content/Images/Bg_Hub_Premium_Orange.jpg'); background-repeat:no-repeat; background-position:center center;} .HubOptionsPanel .OptionDetails .DetailsTable .Icon .IconBack.Green {background-image:url('/Content/Images/Bg_Hub_Premium_Green.jpg'); background-repeat:no-repeat; background-position:center center;} .HubOptionsPanel .OptionDetails .DetailsTable .Icon .IconBack.Yellow {background-image:url('/Content/Images/Bg_Hub_Premium_Yellow.jpg'); background-repeat:no-repeat; background-position:center center;} .HubOptionsPanel .OptionDetails .DetailsTable .Icon .IconBack img {width:100%;} .HubOptionsPanel .OptionDetails .DetailsTable .Txt {display:table-cell; vertical-align:middle; padding:0px 10px; box-sizing:border-box; font-size:12px; line-height:18px; color:#4E5556; font-family:Arial, Helvetica, Verdana;} .HubOptionsPanel .OptionDetails .Btn {display:table-cell; vertical-align:middle; width:80px;} .HubOptionsPanel .OptionDetails .Btn .BtnBlock {display:block; width:80px; height:20px; margin-left:auto; letter-spacing:1.5px; font-size:8px; font-family:'Montserrat', Arial, Helvetica, Verdana, Sans-Serif; font-weight:600; color:#3C3D41; padding-top:4px; box-sizing:border-box; border:1px solid #5A7172; text-align:center; transition:border-color 0.3s ease;} .StrengthBlocks {width:calc(100% + 30px);} .StrengthBlocks.TwoBlocks .Block {width:50%;} .StrengthBlocks.ThreeBlocks .Block {width:33.33%;} .StrengthBlocks .Block {display:inline-block; vertical-align:top; padding:0px 30px 30px 0px; box-sizing:border-box;} .StrengthBlocks .BlockContents {display:block; box-sizing:border-box; border:1px solid #5A7172;} .StrengthBlocks .BlockContents.Disable {pointer-events:none; border:1px dashed #EEEBEB;} .StrengthBlocks .BlockContents.Disable .Name {opacity:0.3;} .StrengthBlocks .BlockContents.Disable .Img {opacity:0.3;} .StrengthBlocks .BlockContents.Disable .TopImg1 {opacity:0.3;} .StrengthBlocks .BlockContents:hover {text-decoration:none; border:1px solid #e5e1e1;} .StrengthBlocks .BlockContents:hover .Name {color:#707070;} .StrengthBlocks .BlockContents:hover .Btn.BtnBlue {opacity:0.8;} .StrengthBlocks .BlockContents:hover .Btn.BtnPurple {opacity:0.8;} .StrengthBlocks .BlockContents:hover .Btn.BtnGreen {opacity:0.8;} .StrengthBlocks .BlockContents:hover .Btn.BtnYellow {opacity:0.8;} .StrengthBlocks .BlockContents:hover .Btn.BtnOrange {opacity:0.8;} .StrengthBlocks .BlockContents:hover .Btn.BtnRed {opacity:0.8;} .StrengthBlocks .BlockContents:hover .TopImg2.Blue {opacity:0.8;} .StrengthBlocks .BlockContents:hover .TopImg2.Purple {opacity:0.8;} .StrengthBlocks .BlockInner {display:block;} .StrengthBlocks .TopImg1 {display:block; margin-bottom:25px;} .StrengthBlocks .TopImg1 img {width:100%;} .StrengthBlocks .TopImg2 {display:block; height:100px; width:100px; margin:25px auto; border-radius:50%; transition:background 0.3s ease;} .StrengthBlocks .TopImg2 img {width:100%;} .StrengthBlocks .TopImg2.Blue {background:#1A71A8;} .StrengthBlocks .TopImg2.Purple {background:#7C2064;} .StrengthBlocks .Name {display:block; font-size:16px; line-height:26px; text-align:center; color:#2E2E30; font-family:'Arvo', serif, Arial, Helvetica, Verdana; padding:0px 15px; box-sizing:border-box; transition:color 0.3s ease;} .StrengthBlocks .Btn {display:block; margin:40px 25px 35px;} .StrengthBlocks .Btn .BtnTxtTable {display:table; width:100%; height:100%;} .StrengthBlocks .Btn .BtnTxtTable .BTCell {display:table-cell; vertical-align:middle; padding:14px 5px; box-sizing:border-box;} .StrengthBlocks .Btn.BtnBlue {background:#1A71A8; color:#ffffff; font-size:11px; line-height:1.3em; font-weight:600; display:block; border:1px solid #1A71A8; cursor:pointer; font-family:'Montserrat', Arial, Helvetica, Verdana, Sans-Serif; letter-spacing:1px; text-align:center; text-decoration:none; -webkit-appearance:none; transition:background 0.3s ease, border 0.3s ease;} .StrengthBlocks .Btn.BtnPurple {background:#7C2064; color:#ffffff; font-size:11px; line-height:1.3em; font-weight:600; display:block; border:1px solid #7C2064; cursor:pointer; font-family:'Montserrat', Arial, Helvetica, Verdana, Sans-Serif; letter-spacing:1px; text-align:center; text-decoration:none; -webkit-appearance:none; transition:background 0.3s ease, border 0.3s ease;} .StrengthBlocks .Btn.BtnGreen {background:#0B6056; color:#ffffff; font-size:11px; line-height:1.3em; font-weight:600; display:block; border:1px solid #0B6056; cursor:pointer; font-family:'Montserrat', Arial, Helvetica, Verdana, Sans-Serif; letter-spacing:1px; text-align:center; text-decoration:none; -webkit-appearance:none; transition:background 0.3s ease, border 0.3s ease;} .StrengthBlocks .Btn.BtnYellow {background:#5B5406; color:#ffffff; font-size:11px; line-height:1.3em; font-weight:600; display:block; border:1px solid #5B5406; cursor:pointer; font-family:'Montserrat', Arial, Helvetica, Verdana, Sans-Serif; letter-spacing:1px; text-align:center; text-decoration:none; -webkit-appearance:none; transition:background 0.3s ease, border 0.3s ease;} .StrengthBlocks .Btn.BtnOrange {background:#b73d1d; color:#ffffff; font-size:11px; line-height:1.3em; font-weight:600; display:block; border:1px solid #b73d1d; cursor:pointer; font-family:'Montserrat', Arial, Helvetica, Verdana, Sans-Serif; letter-spacing:1px; text-align:center; text-decoration:none; -webkit-appearance:none; transition:background 0.3s ease, border 0.3s ease;} .StrengthBlocks .Btn.BtnRed {background:#9F220F; color:#ffffff; font-size:11px; line-height:1.3em; font-weight:600; display:block; border:1px solid #9F220F; cursor:pointer; font-family:'Montserrat', Arial, Helvetica, Verdana, Sans-Serif; letter-spacing:1px; text-align:center; text-decoration:none; -webkit-appearance:none; transition:background 0.3s ease, border 0.3s ease;} .StrengthBlocks .Btn.DisableTxt {font-size:11px; line-height:1.3em; opacity:0.3; color:#2E2E30; font-weight:600; letter-spacing:1px; text-align:center; font-family:'Montserrat', Arial, Helvetica, Verdana, Sans-Serif;} .HubDropBlocks {border:1px solid #5A7172; border-bottom:none;} .HubDropBlocks .HubBlock {border-bottom:1px solid #5A7172;} .HubDropBlocks .BlockInner {padding:30px 25px; box-sizing:border-box;} .HubDropBlocks .BlockTable {display:table; width:100%;} .HubDropBlocks .BlockTable .TxtCell {display:table-cell; vertical-align:top; padding:2px 20px 0px 0px; box-sizing:border-box;} .HubDropBlocks .BlockTable .ArrowCell {display:table-cell; vertical-align:top; text-align:right;} .HubDropBlocks .Top {display:inline-block; font-size:13px; line-height:13px; color:#3A3D3F; font-weight:600; font-family:'Montserrat', sans-serif, Arial, Helvetica, Verdana; text-decoration:none;} .HubDropBlocks .Btm {display:none; font-size:13px; line-height:20px; color:#4E5556; margin-top:20px;} .HubDropBlocks .Btm ul {padding:0px; margin:0px 0px 0px 13px;} .HubDropBlocks .Btm ul li {margin:0px 0px 10px 0px;} .HubDropBlocks .Btm ul li:last-child {margin-bottom:0px;} .HubDropBlocks .Btm ol {padding:0px; margin:0px 0px 0px 13px;} .HubDropBlocks .Btm ol li {margin:0px 0px 10px 0px;} .HubDropBlocks .Btm ol li:last-child {margin-bottom:0px;} .HubDropBlocks .DropBtn {display:inline-block; width:12px; transition:transform 3s ease;} .HubDropBlocks .DropBtn img {width:100%; transition:transform 0.3s ease;} .HubDropBlocks .DropBtn.Rotate img {-webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); -o-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg);} .AddSectionBlock {display:block; border:1px dashed #5A7172; padding:30px; box-sizing:border-box; margin-top:40px;} .AddSectionBlock:hover {text-decoration:none;} .AddSectionBlock .Img {display:block; margin:0 auto 20px auto; width:38px; height:38px;} .AddSectionBlock .Img img {width:100%;} .AddSectionBlock .Txt {display:block; font-size:11px; line-height:13px; text-align:center; font-weight:600; color:#3C3D41; font-family:'Montserrat', sans-serif, Arial, Helvetica, Verdana; letter-spacing:1px;} /* StrengthsJournal */ .StrengthsJournalDetails {position:relative; border:1px solid #5A7172; min-width:240px;} .StrengthsJournalDetails .JournalBtns {display:table; position:absolute; top:10px; right:10px;} .StrengthsJournalDetails .JournalBtns .Btn {display:table-cell; vertical-align:middle; padding-left:10px; box-sizing:border-box;} .StrengthsJournalDetails .JournalBtns .Img {display:block; border-radius:50%; border:1px solid #c4c1c1; width:35px; height:35px; transition:all 0.3s ease;} .StrengthsJournalDetails .JournalBtns .Img:hover {border-color:#000000;} .StrengthsJournalDetails .JournalBtns .Img.Edit {background-image:url(/Content/Images/Icon_Btn_SmallEdit.png); background-size:100%; background-repeat:no-repeat; background-position:center center; transition:all 0.3s ease;} .StrengthsJournalDetails .JournalBtns .Img.Edit:hover {background-image:url(/Content/Images/Icon_Btn_SmallEditHover.png);} .StrengthsJournalDetails .JournalBtns .Img.Delete {background-image:url(/Content/Images/Icon_Btn_Delete.png); background-size:100%; background-repeat:no-repeat; background-position:center center; transition:all 0.3s ease;} .StrengthsJournalDetails .JournalBtns .Img.Delete:hover {background-image:url(/Content/Images/Icon_Btn_DeleteHover.png);} .StrengthsJournalDetails .JournalBtns .Img span {display:none;} .StrengthsJournalDetails .JDTable {display:table; width:100%;} .StrengthsJournalDetails .JDTable .DetailsRow {display:table-row;} .StrengthsJournalDetails .JDTable .DetailsRow:first-child .LeftCell {padding-top:60px;} .StrengthsJournalDetails .JDTable .DetailsRow:first-child .RightCell {padding-top:60px;} .StrengthsJournalDetails .JDTable .DetailsRow:last-child .LeftCell {padding-bottom:30px;} .StrengthsJournalDetails .JDTable .DetailsRow:last-child .RightCell {padding-bottom:30px;} .StrengthsJournalDetails .JDTable .LeftCell {display:table-cell; vertical-align:top; width:30%; background-color:#E6E8E8; padding:15px 25px; box-sizing:border-box;} .StrengthsJournalDetails .JDTable .RightCell {display:table-cell; vertical-align:top; width:70%; padding:15px 20px; box-sizing:border-box; font-size:12px; line-height:18px; color:#4E5556; font-family:Arial, Helvetica, Verdana;} .StrengthsJournalDetails .JDTable .RightCell ul {margin:0px 0px 0px -5px;} .StrengthsJournalDetails .Question {font-size:12px; line-height:18px; font-weight:600; color:#3A3D3F; font-family:'Montserrat', sans-serif, Arial, Helvetica, Verdana;} .StrengthsJournal .JournalSectionBlocks {margin:30px 0px -20px 0px;} .StrengthsJournal .JSSectionBlock {margin-bottom:10px; border:1px solid #5A7172; padding:30px 40px 30px 26px; box-sizing:border-box;} .StrengthsJournal .JSSectionBlock .BlockContents {display:flex; flex-wrap:nowrap; align-items:center;} .StrengthsJournal .JSSectionBlock .Img {flex:0 0 60px; min-width:60px;} .StrengthsJournal .JSSectionBlock .Img img {width:100%;} .StrengthsJournal .JSSectionBlock .Txt {flex:1; padding:0px 40px 0px 25px; box-sizing:border-box;} .StrengthsJournal .JSSectionBlock .Txt .Title {font-size:1.3em; line-height:26px; font-family:'Montserrat', sans-serif, Arial, Helvetica, Verdana; font-weight:700; color:#000000; font-weight:700; margin:-5px 0px 5px 0px;} .StrengthsJournal .JSSectionBlock .Txt .Points {margin:0px 0px 0px -5px;} .StrengthsJournal .JSSectionBlock .Txt .Points li {font-size:1.2em; line-height:20px; padding-left:1px; margin-bottom:0px;} .StrengthsJournal .JSSectionBlock .Btn {display:inline-flex;} .StrengthsJournal .JSSectionBlock .Btn .SoonLabel {display:none; text-align:center; font-size:1.3em; font-weight:600; color:#4E5556; font-family:'Montserrat', sans-serif, Arial, Helvetica, Verdana;} .StrengthsJournal .JSSectionBlock .Btn2 {display:block;} .StrengthsJournal .JSSectionBlock .Btn2 .SoonLabel {display:none; text-align:center; font-size:1.3em; font-weight:600; color:#4E5556; font-family:'Montserrat', sans-serif, Arial, Helvetica, Verdana;} .StrengthsJournal .JSSectionBlock .Btn2 a {width:215px; padding:12.5px 15px; box-sizing:border-box;} .StrengthsJournal .JSSectionBlock .Btn2 .BtnWhiteSm {margin-top:5px;} .StrengthsJournal .JSSectionBlock .Btn2 .BtnWhiteSm a {padding:3px 15px; box-sizing:border-box; line-height:1.4em;} .StrengthsJournal .JSSectionBlock.Inactive .Img {opacity:0.5;} .StrengthsJournal .JSSectionBlock.Inactive .Txt {opacity:0.5;} .StrengthsJournal .JSSectionBlock.Inactive .Btn a {pointer-events:none;} .StrengthsJournal .JSSectionBlock.Inactive .BtnBlue {display:none;} .StrengthsJournal .JSSectionBlock.Inactive .SoonLabel {display:block; padding:0px 31px; box-sizing:border-box;} .StrengthsJournal textarea {resize:none;} .StrengthsJournal .BtnWhiteSm {margin-top:18px;} .StrengthsJournal .BtmBtns {margin-top:40px;} .StrengthsJournal .DateLabels {display:flex; margin:30px 0px 35px 0px;} .StrengthsJournal .DateLabels .DLBlock {flex:1;} .StrengthsJournal .DateLabels .Title {font-size:1.3em; color:#000000; font-weight:600; font-family:'Montserrat', sans-serif, Arial, Helvetica, Verdana; margin-bottom:25px;} .StrengthsJournal .DateLabels .Date {font-size:1.3em; color:#4E5556; font-family:Arial, Helvetica, Verdana;} .StrengthsJournal .DateLabels .DateAndLabel {flex:1; display:flex; align-items:center; margin-top:-5px;} .StrengthsJournal .DateLabels .DateAndLabel .Date {padding-right:25px; box-sizing:border-box;} .StrengthsJournal .DateLabels .DateAndLabel .BtnWhiteSm {margin-top:0px;} .StrengthsJournal .BtmBtns.AlignRight {text-align:right;} .StrengthsJournal .BtmBtns.SideBtns {display:flex;} .StrengthsJournal .BtmBtns .AlignLeft {flex:0 0 130px;} .StrengthsJournal .BtmBtns .AlignRight {flex:1; text-align:right;} .StrengthsJournal .BtmBtns .BtnBlue {display:inline-block;} .StrengthsJournal .BtmBtns .BtnBlue a {padding:14px 35px;} .StrengthsJournal .BtmBtns .BtnWhite {display:inline-block;} .StrengthsJournal .BtmBtns .BtnWhite a {padding:14px 35px;} .StrengthsJournal .BtmBtns .LeftBtn {margin-right:10px;} .StrengthsJournal .SuccessBlock {margin-top:30px; border:1px solid #3EBB4C; background-color:#EAFBEC; padding:20px; box-sizing:border-box;} .StrengthsJournal .SuccessBlock .MsgBlocks {display:flex; align-items:center;} .StrengthsJournal .SuccessBlock .MsgBlocks .ChkBox {flex:0 0 20px;} .StrengthsJournal .SuccessBlock .MsgBlocks .Txt {padding-left:15px; box-sizing:border-box; font-size:1.3em; color:#4E5556; font-family:Arial, Helvetica, Verdana;} .InfoIcon {display:inline-block; width:40px; height:40px; padding:7px 8px 8px 8px; box-sizing:border-box; overflow:hidden; border-radius:50%; border:1px solid #5A7172;} .InfoIcon img {width:190%; position:relative; right:10px; bottom:9px;} .SJDetails {margin-top:4px; border-top:1px solid #5A7172;} .SJDetails .SJDetailsTable .StrRowBlock {page-break-inside:avoid;} .SJDetails .SJDetailsTable .StrRow {display:flex; align-items:center; border-right:1px solid #5A7172; border-bottom:1px solid #5A7172; border-left:1px solid #5A7172;} .SJDetails .SJDetailsTable .StrRow.Hdr .Col1 {display:flex; align-items:center; font-size:1.1em; padding:20px; box-sizing:border-box; font-weight:600; color:#000000; font-family:'Montserrat', sans-serif, Arial, Helvetica, Verdana;} .SJDetails .SJDetailsTable .StrRow.Hdr .Col2 {display:flex; align-items:center; font-size:1.1em; padding:20px; box-sizing:border-box; font-weight:600; color:#000000; font-family:'Montserrat', sans-serif, Arial, Helvetica, Verdana; border-right:1px solid #5A7172;} .SJDetails .SJDetailsTable .StrRow.Hdr .Col3 {display:flex; align-items:center; font-size:1.1em; padding:18px 20px; box-sizing:border-box; font-weight:600; color:#000000; font-family:'Montserrat', sans-serif, Arial, Helvetica, Verdana;} .SJDetails .SJDetailsTable .Col1 {flex:0 0 240px; align-self:stretch; padding:7px 20px 7px 5px; box-sizing:border-box; border-right:1px solid #5A7172;} .SJDetails .SJDetailsTable .Col2 {flex:0 0 200px; align-self:stretch; align-items:center; padding:20px; box-sizing:border-box; font-family:Arial, Helvetica, Verdana; color:#4E5556; border-right:1px solid #5A7172;} .SJDetails .SJDetailsTable .Col3 {flex:1; padding:10px 20px; box-sizing:border-box; line-height:1.3em;} .SJDetails .SJDetailsTable .Col3.MultiRows .InfoRow {height:initial; margin-bottom:25px;} .SJDetails .SJDetailsTable .Col3.MultiRows .InfoRow:last-child {margin-bottom:0px;} .SJDetails .StrLabel {display:flex; align-items:center;} .SJDetails .StrLabel .Img {flex:0 0 55px; min-width:55px;} .SJDetails .StrLabel .Img img {width:100%;} .SJDetails .StrLabel .Txt {flex:1; font-size:1.2em; font-family:Arial, Helvetica, Verdana; color:#4E5556; padding-left:5px; box-sizing:border-box;} .SJDetails .InfoTxt {font-size:1.3em; line-height:1.5em; font-family:Arial, Helvetica, Verdana; color:#4E5556;} .SJDetails .InfoRow {display:flex; align-items:center;} .SJDetails .InfoRow.NoFlex {display:block;} .SJDetails .InfoRow.NoFlex .BtnWhiteSm {margin-top:10px;} .SJDetails .InfoRow .InfoTxt {flex:1; padding-right:20px; box-sizing:border-box;} .SJDetails .InfoRow .BtnWhiteSm {flex:0px 0px 118px; margin-top:0px;} .SJDetails .ColLabelSm {display:none; margin-bottom:10px; font-size:1.3em; font-weight:600; color:#000000; font-family:'Montserrat', sans-serif, Arial, Helvetica, Verdana;} .SJDetails.CoachTips2 .SJDetailsTable {align-items:flex-start;} .SJDetails.CoachTips2 .SJDetailsTable .StrRow {align-items:initial;} .SJDetails.CoachTips2 .SJDetailsTable .Col1 {padding:20px 20px 20px 5px;} .SJDetails.CoachTips2 .SJDetailsTable .Col1 .ColLabelSm {display:block; padding-left:12px; box-sizing:border-box;} .SJDetails.CoachTips2 .SJDetailsTable .Col3 {padding:20px; align-self:stretch;} .SJDetails.CoachTips2 .SJDetailsTable .InfoRow {height:100%;} .SJDetails.CoachTips2 .SJDetailsTable .InfoRow .InfoTxt {align-self:flex-start;} .SJDetails.CoachTips3 .SJDetailsTable {align-items:flex-start;} .SJDetails.CoachTips3 .SJDetailsTable .StrRow {align-items:initial;} .SJDetails.CoachTips3 .SJDetailsTable .Col1 {flex:0 0 212px; padding:20px 20px 7px 5px;} .SJDetails.CoachTips3 .SJDetailsTable .Col1 .ColLabelSm {display:block; padding:15px 0px 0px 12px; box-sizing:border-box;} .SJDetails.CoachTips3 .SJDetailsTable .Col1 .ColDesc {padding:5px 0px 30px 12px; font-size:1.1em; color:#4E5556; font-family:Arial, Helvetica, Verdana;} .SJDetails.CoachTips3 .SJDetailsTable .Col3 {flex:1; border-right:1px solid #5A7172; padding:20px 20px 25px 20px;} .SJDetails.CoachTips3 .SJDetailsTable .Col4 {flex:0 0 160px; align-self:center; text-align:center; padding:0px 20px; box-sizing:border-box;} .SJDetails.CoachTips3 .SJDetailsTable .Col4 .BtnWhiteSm {margin-top:0px;} .ToolkitBlocks {width:calc(100% + 30px); margin-bottom:10px;} .ToolkitBlocks .Block {display:inline-block; width:33.33%; vertical-align:top; padding:0px 30px 30px 0px; box-sizing:border-box;} .ToolkitBlocks .BlockContents {padding:35px 25px 45px; box-sizing:border-box; border:1px solid #5A7172;} .ToolkitBlocks .Img {display:block; margin:0px auto 30px auto; width:92px; height:92px;} .ToolkitBlocks .Img img {width:100%;} .ToolkitBlocks .Txt {text-align:center; font-size:13px; line-height:24px; font-weight:600; font-family:'Montserrat', sans-serif, Arial, Helvetica, Verdana;} .ToolkitBlocks .Txt .TxtTable {display:table; width:100%;} .ToolkitBlocks .Txt .TxtTable .TxtCell {display:table-cell; vertical-align:middle;} .ToolkitDetailsList {margin-bottom:10px;} .ToolkitDetailsList .TDTable {display:table; width:100%;} .ToolkitDetailsList .TDTable .TDRow {display:table-row;} .ToolkitDetailsList .TDTable .LeftCell {display:table-cell; vertical-align:top; width:1%; position:relative; text-align:center; padding-bottom:25px; box-sizing:border-box;} .ToolkitDetailsList .TDTable .RightCell {display:table-cell; vertical-align:top; width:96%; padding-left:15px; padding-bottom:25px; box-sizing:border-box; font-size:14px; line-height:26px; color:#696969; font-family:Arial, Helvetica, Verdana;} .ToolkitDetailsList .TDTable .RightCell ul {padding:0px; margin:0px;} .ToolkitDetailsList .TDTable .RightCell ul li {margin:0px 0px 0px 11px; font-size:14px;} .ToolkitDetailsList .Trail {position:absolute; left:14px; margin:0 auto; width:1px; height:20px; background-color:#5A7172;} .ToolkitDetailsList .Num {position:relative; z-index:10; display:inline-block; width:25px; height:25px; border:2px solid #ffffff; border-radius:50%; font-size:12px; line-height:26px; text-align:center; color:#ffffff; font-family:Arial, Helvetica, Verdana;} .ToolkitDetailsList .Num:focus {background-color:#CEEAE7;} .ToolkitDetailsList .StrengthDetailsTable {display:table; width:100%; border-top:1px solid #5A7172; border-left:1px solid #5A7172;} .ToolkitDetailsList .StrengthDetailsTable .SDRow {display:table-row;} .ToolkitDetailsList .StrengthDetailsTable .SDRow.Hdr .SDCell {background-color:#000000; color:#ffffff;} .ToolkitDetailsList .StrengthDetailsTable .SDCell {display:table-cell; width:25%; vertical-align:middle; border-right:1px solid #5A7172; border-bottom:1px solid #5A7172; padding:12px 20px; box-sizing:border-box; line-height:18px;} .ToolkitDetailsList.Green .Num {background-color:#0B6056;} .ToolkitDetailsList.Green .Num:focus {background-color:#CEEAE7;} .ToolkitDetailsList.Red .Num {background-color:#9F220F;} .ToolkitDetailsList.Red .Num:focus {background-color:#CEEAE7;} .ToolkitDetailsList.Yellow .Num {background-color:#5B5406;} .ToolkitDetailsList.Yellow .Num:focus {background-color:#CEEAE7;} .ToolkitDetailsList.Purple .Num {background-color:#76196e;} .ToolkitDetailsList.Purple .Num:focus {background-color:#CEEAE7;} .ToolkitDetailsList.Brown .Num {background-color:#953218;} .ToolkitDetailsList.Brown .Num:focus {background-color:#CEEAE7;} .ToolkitDetailsList.Blue .Num {background-color:#014d92;} .ToolkitDetailsList.Blue .Num:focus {background-color:#CEEAE7;} .ToolkitDetailsList .SmStrengthsDetailsTable {display:table; width:100%; padding-bottom:30px; border-bottom:1px solid #5A7172; margin-bottom:30px;} .ToolkitDetailsList .SmStrengthsDetailsTable:last-child {padding-bottom:0px; border-bottom:none; margin-bottom:0px;} .ToolkitDetailsList .SmStrengthsDetailsTable .SDRow {display:table-row;} .ToolkitDetailsList .SmStrengthsDetailsTable .SDRow:first-child .AnswerCell {border-top:1px solid #5A7172;} .ToolkitDetailsList .SmStrengthsDetailsTable .SDRow:last-child .LabelCell {border-bottom:1px solid #000000;} .ToolkitDetailsList .SmStrengthsDetailsTable .LabelCell {display:table-cell; width:30%; vertical-align:middle; padding:7px 15px; box-sizing:border-box; background-color:#000000; border:1px solid #000000; border-bottom:1px solid #5A7172; color:#ffffff;} .ToolkitDetailsList .SmStrengthsDetailsTable .AnswerCell {display:table-cell; width:70%; vertical-align:middle; padding:7px 15px; box-sizing:border-box; border-right:1px solid #5A7172; border-bottom:1px solid #5A7172; border-left:none;} /* Tazio */ .TazioiFrame {border:none; width:100%; height:750px;} /* Courses */ .Courses {display:table; width:100%;} .Courses .AsideLeft {display:table-cell; vertical-align:top; width:240px; padding-right:60px;} .Courses .Main {display:table-cell; vertical-align:top;} .Courses .AsideRight {display:table-cell; vertical-align:top; width:240px; padding-left:60px;} .Courses .AsideRight h2 {color:#000000; margin-bottom:10px;} .ProgressGuide {} .ProgressGuide .Item {margin-bottom:20px;} .ProgressGuide .Item:last-child {margin-bottom:0px;} .ProgressGuide .Item .Title {display:block; font-size:1.2em; line-height:20px; font-weight:700; color:#000000; font-family:'Montserrat', Arial, Helvetica, Verdana, Sans-Serif; margin-bottom:3px;} .ProgressGuide .Item .Title.Passed {color:#afb4b8;} .ProgressGuide .Item .Txt {display:flex; font-size:1.1em; line-height:1.6em; color:#4e5556; padding-left:18px; padding-top:5px; background:url(/Content/Images/Icon_Progress_Tick.png) no-repeat; background-position:0px 10px; background-size:11px;} .ProgressGuide .Item .Txt.Passed {color:#4e5556; background:url(/Content/Images/Icon_Valid_Tick.png) no-repeat; background-position:0px 10px; background-size:11px;} .ProgressGuide .Item .Txt.Passed a {color:#4e5556; text-decoration:none;} .ProgressGuide .Item .Txt.Passed a:hover{text-decoration:underline;} .ProgressGuide .Item .Txt.Highlighted {} .ProgressGuide .Item .Txt .LeftSide {width:155px; padding-right:10px; box-sizing:border-box;} .CourseContent .Title {margin-bottom:20px; line-height:30px;} .CourseContent #video_paths {display:none;} .CourseContent #video_ids {display:none;} .CourseContent #video_popups {display:none;} .CourseContent #popup_in_videos {display:none;} .CourseContent #video_lengths {display:none;} .CourseContent #subtitle_details {display:none;} .CourseContent .CourseVideo {position:relative; padding-top:56.25%; overflow:hidden; border:1px solid #eeefff; margin-top:15px;} .CourseContent .CourseVideo video {position:absolute; z-index:5; top:0; left:0; width:100%; height:100%; opacity:1; transition:opacity ease-in 0.2s;} .CourseContent .CourseVideo video::-webkit-media-controls-panel, .CourseContent .CourseVideo video::-webkit-media-controls-start-playback-button {display:none !important;} .CourseContent .CourseVideo video.Hidden {opacity:0;} .CourseContent .CourseVideo .PlayPauseBtn {position:absolute; z-index:10; bottom:10px; left:10px; width:60px; height:40px; border-radius:5px; background-color:#a22b83; opacity:0; transition:opacity ease-in 0.2s;} .CourseContent .CourseVideo .PlayPauseBtn:hover {cursor:pointer;} .CourseContent .CourseVideo .PlayPauseBtn.Show {opacity:1;} .CourseContent .CourseVideo .PlayPauseBtn.Hide {display:none;} .CourseContent .CourseVideo .PlayPauseBtn .BtnIcon {height:100%; background:url('/Content/Images/course_play_btn.png') no-repeat center center; background-size:20px;} .CourseContent .CourseVideo .PlayPauseBtn .BtnIcon.Pause {background:url('/Content/Images/course_pause_btn.png') no-repeat center center; background-size:20px;} .CourseContent .CourseVideo .RewindBtn {position:absolute; z-index:10; bottom:10px; left:80px; width:60px; height:40px; border-radius:5px; background-color:#a22b83; opacity:0; transition:opacity ease-in 0.2s;} .CourseContent .CourseVideo .RewindBtn:hover {cursor:pointer;} .CourseContent .CourseVideo .RewindBtn.Show {opacity:1;} .CourseContent .CourseVideo .RewindBtn.Hide {display:none;} .CourseContent .CourseVideo .RewindBtn .RewindBtnIcon {height:100%; background:url('/Content/Images/course_rewind_btn.png') no-repeat center center; background-size:35px;} .CourseContent .CourseVideo .RewindBtn.Disable {background-color:#ab5996;} .CourseContent .CourseVideo .RewindBtn.Disable:hover {cursor:default;} .CourseContent .CourseVideo .RewindBtn.Disable .RewindBtnIcon {pointer-events:none;} .CourseContent .CourseVideo .SubtitleBtn {position:absolute; z-index:10; bottom:10px; left:150px; height:40px; border-radius:5px; background-color:#a22b83; opacity:0; transition:opacity ease-in 0.2s; padding:10px; box-sizing:border-box;} .CourseContent .CourseVideo .SubtitleBtn:hover {cursor:pointer;} .CourseContent .CourseVideo .SubtitleBtn.Show {opacity:1;} .CourseContent .CourseVideo .SubtitleBtn.Hide {display:none;} .CourseContent .CourseVideo .SubtitleBtn .SubtitleBtnBlock {position:relative; top:3px; max-width:126px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; height:100%; color:#ffffff; font-size:1.3em;} .CourseContent .CourseVideo .SubDropdown {position:absolute; z-index:10; bottom:10px; left:150px; height:40px; border-radius:5px; background-color:#a22b83; opacity:0; transition:opacity ease-in 0.2s; padding:10px; box-sizing:border-box;} .CourseContent .CourseVideo .SubDropdown:hover {cursor:pointer;} .CourseContent .CourseVideo .SubDropdown.Show {opacity:1;} .CourseContent .CourseVideo .SubDropdown.Hide {display:none;} .CourseContent .CourseVideo .SubDropdown .LabelBlock {position:relative; top:3px; max-width:126px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; height:100%; color:#ffffff; font-size:1.3em;} .CourseContent .CourseVideo .SubDropdown .LangList {position:absolute; display:none; bottom:43px; left:0px; width:100%; background-color:#a22b83; padding:5px; box-sizing:border-box; border-radius:5px 5px 0px 0px; border-bottom:1px solid #ffffff; max-height:110px; overflow-y:auto;} .CourseContent .CourseVideo .SubDropdown .LangList .LangOpt {color:#ffffff; font-size:1.3em; padding:5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .CourseContent .CourseVideo .SubDropdown .LangList .LangOpt:hover {background-color:#6c1c58;} .CourseContent .CourseVideo .SubDropdown .LangList::-webkit-scrollbar {display:none;} .CourseContent .CourseVideo .LoadVidSpinner {display:none; position:absolute; z-index:15; top:0; left:0; width:100%; height:100%; background-color:rgb(237, 233, 233);} .CourseContent .CourseVideo .CompletedContent {display:none; position:absolute; z-index:15; top:0; left:0; width:100%; height:100%; background-color:rgb(162, 43, 131);} .CourseContent .CourseVideo .CompletedContent .Txt {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); padding:0px 30px; box-sizing:border-box; text-align:center; font-weight:700; font-size:1.4em; color:#ffffff;} .CourseContent .CourseVideo.Completed .CompletedContent {display:block;} .CourseContent .CourseVideo.LoadPanel .LoadVidSpinner {display:block;} .CourseContent .CourseVideo.LoadPanel .SpinnerContent {height:100%;} .CourseContent .CourseVideo.LoadPanel .SpinnerContent .InnerContent {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:220px;} .CourseContent .CourseVideo.LoadPanel .SpinnerContent .Img {width:60px; margin:0px auto 15px auto;} .CourseContent .CourseVideo.LoadPanel .SpinnerContent .Img img {width:100%;} .CourseContent .CourseVideo.LoadPanel .SpinnerContent .Txt {text-align:center; font-weight:700; font-size:1.4em;} .CourseContent .CourseVideo.LoadPanel .SpinnerContent .Txt .NextVid {display:none;} .CourseContent .CourseVideo.LoadPanel .SpinnerContent .Txt .LastVid {display:none;} .CourseContent .CourseVideo.LoadPanel.LoadNextVid .SpinnerContent .Txt .NextVid {display:block;} .CourseContent .CourseVideo.LoadPanel.LoadNextPage .SpinnerContent .Txt .LastVid {display:block;} .CourseContent .CourseVideo.LoadPanel.LoadNextPage .PlayPauseBtn, .CourseContent .CourseVideo.LoadPanel.LoadNextPage .RewindBtn, .CourseContent .CourseVideo.LoadPanel.LoadNextPage .SubtitleBtn, .CourseContent .CourseVideo.LoadPanel.LoadNextPage .SubDropdown {display:none;} .CourseContent .CourseVideo:hover .PlayPauseBtn, .CourseContent .CourseVideo:hover .RewindBtn, .CourseContent .CourseVideo:hover .SubtitleBtn, .CourseContent .CourseVideo:hover .SubDropdown {opacity:1;} .CourseContent .CourseVideo.LoadingNextVid .PlayPauseBtn, .CourseContent .CourseVideo.LoadingNextVid .RewindBtn, .CourseContent .CourseVideo.LoadingNextVid .SubtitleBtn, .CourseContent .CourseVideo.LoadingNextVid .SubDropdown {display:none;} .CourseContent .CourseVideo.ShowBtns .PlayPauseBtn, .CourseContent .CourseVideo.ShowBtns .RewindBtn {opacity:1;} .CourseAction {position:sticky; top:40px;} .CourseAction .Block {} .CourseAction .Block .BtnAction {margin-top:10px;} .CourseAction .Block .BtnAction a {font-size:1.1em; padding:15.5px 0px; font-weight:700;} .CourseAction .SkeletonShadowBlock {display:none; width:100%; height:360px; background:#f2f2f2;} .StrengthsSelectionBlocks {display:flex; flex-wrap:wrap; width:calc(100% + 20px); margin-bottom:-20px;} .StrengthsSelectionBlocks .SSBlock {flex:0 0 25%; align-items:flex-start; padding-right:20px; box-sizing:border-box; margin-bottom:20px;} .StrengthsSelectionBlocks .InnerBlock {border:1px solid #5A7172; cursor:pointer;} .StrengthsSelectionBlocks .InnerBlock.Active {border-color:#3ebb4c;} .StrengthsSelectionBlocks .InnerBlock .CheckboxBlock .CustomInput {width:inherit; left:45%;} .StrengthsSelectionBlocks .Img {padding:5px 15px 0px 15px; box-sizing:border-box;} .StrengthsSelectionBlocks .Img img {width:100%;} .StrengthsSelectionBlocks .Txt {padding:0px 20px 30px; box-sizing:border-box;} .StrengthsSelectionBlocks .RadioBtn {margin-bottom:13px;} .StrengthsSelectionBlocks .RadioBtn .icheckbox_square-grey, .StrengthsSelectionBlocks .RadioBtn .iradio_square-grey {float:none; margin:auto; cursor:pointer;} .StrengthsSelectionBlocks .RadioBtn .icheckbox_square-grey.disabled, .StrengthsSelectionBlocks .RadioBtn .iradio_square-grey.disabled {background-position:0px 0px;} .StrengthsSelectionBlocks .RadioBtn .icheckbox_square-grey.checked.disabled, .StrengthsSelectionBlocks .RadioBtn .iradio_square-grey.checked.disabled {background-position:-54px 0px;} .StrengthsSelectionBlocks .Title {font-size:13px; font-family:'Montserrat', sans-serif, Arial, Helvetica, Verdana; font-weight:600; color:#000000; text-align:center; margin-bottom:13px;} .StrengthsSelectionBlocks .Desc {font-size:12px; color:#4e5556; line-height:1.6em;} .StrengthsPointsBlocks {margin-bottom:-20px;} .StrengthsPointsBlocks .SPBlock {margin-bottom:20px;} /* Previous Goals */ .PreviousGoalsList {margin-bottom:-10px;} .PreviousGoalsList .PreviousGoalsItem {display:table; width:100%; padding:20px 30px; border:1px solid #5A7172; box-sizing:border-box; margin-bottom:10px;} .PreviousGoalsList .PreviousGoalsItem .Desc {display:table-cell; vertical-align:middle; padding-left:15px; box-sizing:border-box;} .PreviousGoalsList .PreviousGoalsItem .Desc .Title {font-size:13px; font-family:'Montserrat', sans-serif, Arial, Helvetica, Verdana; font-weight:600; color:#000000; text-align:left; margin-bottom:10px;} .PreviousGoalsList .PreviousGoalsItem .Desc .Text {font-size:12px; color:#4e5556; line-height:1.6em;} .PreviousGoalsList .PreviousGoalsItem .Btns {display:table-cell; vertical-align:middle; width:140px;} .PreviousGoalsList .PreviousGoalsItem .Btns a {width:100%; padding-left:0px; padding-right:0px;} /* Search Box */ .SearchBoxContainer {position:relative;} .SearchBoxContainer .SearchBox {color:#000000; background-color:#eeeeee; border:1px solid #5A7172; border-radius:0px; width:100%; padding:13px 15px 13px 15px; box-sizing:border-box; font-size:13px; line-height:1.3em; font-weight:400; font-family:Arial, Helvetica, Verdana; -webkit-appearance:none;} .SearchBoxContainer .SubmitSearch {position:absolute; height:44px; width:44px; top:0; right:5px; background:url(/content/images/Icon_Search_02.png) no-repeat 50%; background-size:44px; cursor:pointer;} /* Podcast - Resources */ .PodcastWrapper {width: calc(100% + 20px); display:flex; flex-wrap:wrap; padding:0; margin:0 0 -20px;} .PodcastWrapper .PodcastItem {display:block; position: relative; margin:0; padding:0 20px 20px 0; width:20%; vertical-align:top; box-sizing: border-box;} .PodcastWrapper .PodcastItem .BlockInfoIcon {position: absolute; z-index: 10; top: 10px; right: 30px; cursor: pointer; width: 20px; height: 20px; border-radius: 50%; background: url(/Content/Images/Icon_StrengthsJournal_Help.png) #ffffff no-repeat center; background-size: 100%;} .PodcastWrapper .PodcastItem a {text-decoration:none;} .PodcastWrapper .PodcastItem .TopBlock {display: inline-block; width: 100%; height:140px;} .PodcastWrapper .PodcastItem .TopBlock .HiddenText {display: none;} .PodcastWrapper .PodcastItem .BottomBlock {display: block; position: relative; bottom: 2px; border: 1px solid #5A7172; background-color: #ffffff; border-top: none;} .PodcastWrapper .PodcastItem .BottomBlock .ContentContainer {display: block; padding: 25px 20px 25px 20px; box-sizing: border-box;} .PodcastWrapper .PodcastItem .BottomBlock .Title {display: block; font-size: 1.3em; line-height: 1.6em; font-weight: 600; color: #000000; font-family: 'Montserrat', Arial, Helvetica, Verdana, Sans-Serif; margin-bottom: 5px;} .PodcastWrapper .PodcastItem .BottomBlock .Desc {display: block; font-size: 1.3em; line-height: 1.6em; color:#4E5556;} .TopHeadSearch {display:table; width:100%; margin-bottom:40px;} .TopHeadSearch h1 {display:table-cell; vertical-align:top; margin:0px;} .TopHeadSearch .SearchBoxContainer {display:table-cell; vertical-align:top; margin:0px; width:300px;} /* Nav List */ .NavList {position: relative; margin-bottom:40px;} .NavList .swiper-container {padding-bottom: 2px;} .NavList .swiper-button-next {display: none; z-index: 1; right: -15px; width: 30px; height: 30px; background-size: 30px 30px; background-image: url('/Content/Images/Icon_Arrow_Right.png'); border-radius: 50%; border: 1px solid #5A7172; background-color: #ffffff; margin-top: -15px; box-sizing: border-box;} .NavList .swiper-button-prev {display: none; z-index: 1; left: -15px; width: 30px; height: 30px; background-size: 30px 30px; background-image: url('/Content/Images/Icon_Arrow_Left.png'); border-radius: 50%; border: 1px solid #5A7172; background-color: #ffffff; margin-top: -15px; box-sizing: border-box;} .NavList:hover .swiper-button-next {display: block;} .NavList:hover .swiper-button-prev {display: block;} .NavList .swiper-button-next.swiper-button-disabled {display: none;} .NavList .swiper-button-prev.swiper-button-disabled {display: none;} .NavList .swiper-slide {width:auto; margin-right:10px;} .NavList .swiper-slide a {text-decoration:none;} .NavList .Text {background:#ffffff; color:#4e5556; padding:12.5px 20px; font-size:13px; line-height:1.0em; font-weight:700; display:block; border:1px solid #5A7172; box-sizing:border-box; cursor:pointer; font-family:'Montserrat', Arial, Helvetica, Verdana, Sans-Serif; letter-spacing:0px; text-align:center; text-decoration:none; -webkit-appearance:none; transition:all 0.3s ease;} .NavList .Text:hover {color:#707070; border:1px solid #e5e1e1;} .NavList .Active .Text {background:#7C2064; color:#ffffff; padding:12.5px 20px; font-size:13px; line-height:1.0em; font-weight:700; display:block; border:1px solid #7C2064; box-sizing:border-box; cursor:pointer; font-family:'Montserrat', Arial, Helvetica, Verdana, Sans-Serif; letter-spacing:0px; text-align:center; text-decoration:none; -webkit-appearance:none; transition:all 0.3s ease;} .NavList .Active .Text:hover {background:#730f6b; border:1px solid #730f6b;} /* Assessment Progress */ .AssessmentProgress h1 {margin-bottom: 20px; line-height: 30px;} .AssessmentProgress .ProgressSectionBlocks {margin: 40px 0px;} .AssessmentProgress .SectionBlock {display:block; position: relative; border: 1px solid #5A7172; padding: 8px 12px 8px 12px; box-sizing: border-box; margin-bottom: 10px; text-decoration: none;} .AssessmentProgress .SectionBlock .SBInner {display: flex; align-items: center;} .AssessmentProgress .SectionBlock .Img {flex: 0 0 60px;} .AssessmentProgress .SectionBlock .Img img {width: 100%;} .AssessmentProgress .SectionBlock .Icon {display: block;} .AssessmentProgress .SectionBlock .CheckIcon {display: none;} .AssessmentProgress .SectionBlock .Name {flex: 1; font-size: 16px; font-family:'Montserrat', sans-serif, Arial, Helvetica, Verdana; font-weight: 700; line-height: 26px; color: #000000; padding-left: 10px; box-sizing: border-box;} .AssessmentProgress .SectionBlock .Name .RatersResponseNum {display: block; font-size: 12px; color: #4E5556; font-weight: 400;} .AssessmentProgress .SectionBlock .ActionBtn {flex: 0 0 293px; padding: 0px 18px 0px 15px; box-sizing: border-box;} .AssessmentProgress .SectionBlock .ActionBtn .BtnPurple {display: block;} .AssessmentProgress .SectionBlock .ActionBtn .BtnPurple a {padding: 14px 10px;} .AssessmentProgress .SectionBlock .ActionBtn.SendReminderBtn {flex: 0 0 336px; padding: 0px 15px;} .AssessmentProgress .SectionBlock .ActionBtn.SendReminderBtn a.Unlocked {color:#862a6e; background-color:#ecdfe9; border-color:#ecdfe9;} .AssessmentProgress .SectionBlock .ActionBtn.SendReminderBtn a.Locked {display: flex; align-items: center; width: 100%; padding: 10px 5px 10px 15px; border-color:#f7f2f6; background-color:#f7f2f6; color:#cca8c2; cursor: default;} .AssessmentProgress .SectionBlock .ActionBtn.SendReminderBtn a.Locked:hover {opacity:1;} .AssessmentProgress .SectionBlock .ActionBtn.SendReminderBtn a.HiddenLink {display:none;} .AssessmentProgress .SectionBlock .ActionBtn.SendReminderBtn .Txt {padding-right: 10px; box-sizing: border-box;} .AssessmentProgress .SectionBlock .ActionBtn.SendReminderBtn .Tooltip {position: relative; display: inline-block;} .AssessmentProgress .SectionBlock .ActionBtn.SendReminderBtn .Tooltip .TooltipText {visibility: hidden; width: 150px; background-color: #423e3e; color: #fff; text-align: center; padding: 5px 10px; position: absolute; z-index: 1; bottom: 100%; left: 50%; bottom: 24px; margin-left: -82px; font-weight: 400; font-size: 10px; line-height: 1.5em;} .AssessmentProgress .SectionBlock .ActionBtn.SendReminderBtn .Tooltip:hover .TooltipText {visibility: visible;} .AssessmentProgress .SectionBlock .ActionBtn.SendReminderBtn .BtnWhite {position:relative; display:block;} .AssessmentProgress .SectionBlock .ActionBtn.SendReminderBtn .LoadingIcon {display:none; position:absolute; width:30px; top:50%; left:50%; transform:translate(-50%, -50%);} .AssessmentProgress .SectionBlock .ActionBtn.SendReminderBtn.Loading a {pointer-events:none; opacity:0.5;} .AssessmentProgress .SectionBlock .ActionBtn.SendReminderBtn.Loading .LoadingIcon {display:block;} .AssessmentProgress .SectionBlock .NewSign {display: none; position: absolute; top: 0px; right: 0px; padding: 8px 27px; font-size: 13px; background-color: #E00000; color: #ffffff;} .AssessmentProgress .SectionBlock.New .NewSign {display: block;} .AssessmentProgress .SectionBlock.InProgress {border-color: #007A52;} .AssessmentProgress .SectionBlock.InProgress .Icon {display: none;} .AssessmentProgress .SectionBlock.InProgress .CheckIcon {display: block;} .AssessmentProgress .SectionBlock.InProgress .Name {color:#007A52;} .AssessmentProgress .SectionBlock .InfoField .InfoIcon {width: 20px; height: 20px; padding: 0px; background-color: #ffffff; border: none;} .AssessmentProgress .SectionBlock .InfoField .InfoIcon img {width: 110%; right: 1px; bottom: 1px;} .AssessmentProgress .BtnPurple input {width:100%;} /* Assessment Description */ .AssessDescPanels {display: flex;} .AssessDescPanels .LeftSide {flex: 1; padding-right: 55px; box-sizing: border-box;} .AssessDescPanels .RightSide {flex: 0 0 400px;} .AssessDescPanels .RightSide .IntroLine {margin-bottom: 15px;} .AssessDescPanels .StatusBlocksList .StatusBlock {border: 1px solid #5A7172; padding: 8px 12px 8px 12px; box-sizing: border-box; margin-bottom: 10px;} .AssessDescPanels .StatusBlocksList .SBInner {display: flex; align-items: center;} .AssessDescPanels .StatusBlocksList .Img {flex: 0 0 60px;} .AssessDescPanels .StatusBlocksList .Img img {width: 100%;} .AssessDescPanels .StatusBlocksList .CheckIcon {display: none;} .AssessDescPanels .StatusBlocksList .Name {flex: 1; font-size: 16px; font-family:'Montserrat', sans-serif, Arial, Helvetica, Verdana; font-weight: 700; line-height: 26px; color: #000000; padding-left: 10px; box-sizing: border-box;} .AssessDescPanels .StatusBlocksList .StatusBlock.Completed {border-color: #007A52;} .AssessDescPanels .StatusBlocksList .StatusBlock.Completed .Name {color: #007A52;} .AssessDescPanels .StatusBlocksList .StatusBlock.Completed .Icon {display: none;} .AssessDescPanels .StatusBlocksList .StatusBlock.Completed .CheckIcon {display: block; position: relative; top: 2px;} .AssessDescPanels .IntroLine {font-size: 1.6em; font-family:'Montserrat', sans-serif, Arial, Helvetica, Verdana; font-weight: 700; color: #000000; line-height: 1.6em; margin-bottom: 25px;} .AssessDescPanels .SubIntroLine {font-size: 2.0em; font-weight:700; line-height: 1.0em; color: #000000; font-family:'Montserrat', sans-serif, Arial, Helvetica, Verdana; margin-top: 35px;} .AssessDescPanels .BoldSubTitle {font-size: 1.4em; font-weight:700; letter-spacing: 0.5px; text-transform: uppercase; color: #000000; margin-bottom: 30px;} .AssessDescPanels .SummaryStrBlocks {margin: 20px 0px 30px 0px;} .AssessDescPanels .SummStrengthBlock {display:block; position: relative; border: 1px solid #5A7172; padding: 12px; box-sizing: border-box; margin-bottom: 10px; text-decoration: none;} .AssessDescPanels .SummStrengthBlock .SBInner {display: flex; align-items: center;} .AssessDescPanels .SummStrengthBlock .Img {flex: 0 0 100px;} .AssessDescPanels .SummStrengthBlock .Img img {width: 100%;} .AssessDescPanels .SummStrengthBlock .Desc {flex: 1; padding-left: 10px; box-sizing: border-box;} .AssessDescPanels .SummStrengthBlock .Name {font-size: 16px; line-height: 26px; font-family:'Montserrat', sans-serif, Arial, Helvetica, Verdana; font-weight: 700; color: #000000; margin-bottom: -2px;} .AssessDescPanels .SummStrengthBlock .Txt {font-size: 13px; line-height: 24px; font-weight: 400; color: #4E5556;} .AssessDescPanels .ConfirmationBlock {border: 1px solid #007A52; padding: 10px 30px 40px 30px; box-sizing:border-box;} .AssessDescPanels .ConfirmationBlock .ConfirmCheck {text-align: center;} .AssessDescPanels .ConfirmationBlock .ConfirmCheck img {width: 100px;} .AssessDescPanels .ConfirmationBlock .Hdr {text-align: center; font-size: 2.0em; font-family: 'Montserrat', sans-serif, Arial, Helvetica, Verdana; font-weight: 700; color: #007A52; margin-bottom: 20px;} .AssessDescPanels .ConfirmationBlock .InfoBox {background-color: #F5F5F5; text-align: center; padding: 20px 35px 35px; box-sizing: border-box; margin-top: 30px;} .AssessDescPanels .ConfirmationBlock .InfoBox .Img {margin-bottom: 15px;} .AssessDescPanels .ConfirmationBlock .InfoBox .Img img {width: 80px;} .AssessDescPanels .ConfirmationBlock .InfoBox .Txt {font-size:10px; font-family:'Montserrat', sans-serif, Arial, Helvetica, Verdana; font-weight:700; color:#000000; text-transform: uppercase; line-height: 1.8em; letter-spacing:1px;} .AssessDescPanels .BtnPurple input {width:100%;} /* Assessment Confirmation */ .AssessmentConfirmation {margin:0 auto; text-align:center; color:#000000; line-height:2.3em;} .AssessmentConfirmation h1 {margin:-10px 0px 15px 0px;} .AssessmentConfirmation .IntroLine {font-size:16px; font-style:italic; line-height:1.4em; margin-bottom:50px;} .AssessmentConfirmation .LineBlock {text-align:left; margin:-20px 0px 30px 0px;} .AssessmentConfirmation .Txt {font-size:20px; margin-bottom:50px;} .AssessmentConfirmation .HdrLine {font-family:'Montserrat', sans-serif, Arial, Helvetica, Verdana; font-size:22px; font-weight:700;} .AssessmentConfirmation .SubHdr {font-size:16px; font-weight:700; margin-top:10px;} .AssessmentConfirmation .PointList {margin:10px 0px 0px 38px; padding:0px;} .AssessmentConfirmation .PointList li {margin:0px 0px 8px 16px; padding-left:10px; box-sizing:border-box; font-size:16px;} .AssessmentConfirmation .TxtLine {font-size:16px; margin-top:8px;} .AssessmentConfirmation .BtnPurple input {margin:0 auto;} .AssessmentConfirmation .BtnPurple input, .AssessmentConfirmation .BtnPurple a {display:inline-block;} /* Session Timeout Pop-up */ #SessionClock {text-align:center;} #SessionClock .base-timer {position:relative; width:125px; height:125px; margin: 0px auto;} #SessionClock .base-timer__svg {transform:scaleX(-1);} #SessionClock .base-timer__circle {fill:none; stroke:none;} #SessionClock .base-timer__path-elapsed {stroke-width:7px; stroke:grey;} #SessionClock .base-timer__path-remaining {stroke-width:7px; stroke-linecap:round; transform:rotate(90deg); transform-origin:center; transition:1s linear all; fill-rule:nonzero; stroke:#7C2064;} #SessionClock .base-timer__path-remaining.blue {color:#7C2064;} #SessionClock .base-timer__path-remaining.orange {color:#7C2064;} #SessionClock .base-timer__path-remaining.red {color:#7C2064;} #SessionClock .base-timer__label {position:absolute; width:125px; height:70px; top:26px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; color:#000000; font-size:40px;} #SessionClock .base-timer__label .Time {flex:0 0 100%;} #SessionClock .base-timer__label .Txt {flex:0 0 100%; font-size:0.5em;} /* Measures Of Success */ .MeasuresOfSuccessContent {font-family:'Montserrat', sans-serif, Arial, Helvetica, Verdana;} .MeasuresOfSuccessContent .RedLine {font-size:13px; font-style:italic; text-align:right; color:#FC3838; margin-bottom:15px;} .MeasuresOfSuccessContent p {font-size:14px;} .MeasuresOfSuccessContent .QuestionList {margin-top:30px; margin-bottom:60px;} .MeasuresOfSuccessContent .QuestionList .QLBlock {margin-bottom:40px;} .MeasuresOfSuccessContent .QuestionList .QLBlock p {color:#000000; margin-bottom:15px; font-size: 14px;} .MeasuresOfSuccessContent .QuestionList .QLBlock .NumBlock {position:relative;} .MeasuresOfSuccessContent .QuestionList .QLBlock .QLineLg {display:flex; align-items:center; gap:10px; width:100%;} .MeasuresOfSuccessContent .QuestionList .QLBlock .QLineLg .NumBlock {flex:1; cursor:pointer; text-align:center; background-color:#7C2064; padding:6px 10px; box-sizing:border-box; font-weight:700; color:#ffffff; font-size:14px;} .MeasuresOfSuccessContent .QuestionList .QLBlock .QLineLg .NumBlock.Inactive {opacity:0.5; pointer-events:none;} .MeasuresOfSuccessContent .QuestionList .QLBlock .QLineLg .NumBlock .LowerDescTxt {position:absolute; top:35px; left:0px; width:100%; font-size:11px; font-weight:400; font-family:'Montserrat', sans-serif, Arial, Helvetica, Verdana; line-height:1.5em;} .MeasuresOfSuccessContent .QuestionList .QLBlock .QLineSm {display:none; align-items:center; gap:10px; width:100%;} .MeasuresOfSuccessContent .QuestionList .QLBlock .QLineSm .NumBlock {flex:1; cursor:pointer; text-align:center;} .MeasuresOfSuccessContent .QuestionList .QLBlock .QLineSm .NumBlock .Button {height:20px; width:20px; margin:0px auto 5px auto; background:url(/Content/Images/Icon_RadioButton.png) no-repeat center; background-size:cover;} .MeasuresOfSuccessContent .QuestionList .QLBlock .QLineSm .NumBlock.Active .Button{background:url(/Content/Images/Icon_RadioButton_Purple.png) no-repeat center; background-size:cover;} .MeasuresOfSuccessContent .QuestionList .QLBlock .QLineSm .NumBlock .Num {font-size:11px; color:#000000;} .MeasuresOfSuccessContent .QuestionList .QLBlock .QLineSm .NumBlock.Inactive {opacity:0.5; pointer-events:none;} .MeasuresOfSuccessContent .QuestionList .QLBlock .QLineSm .NumBlock .ProgressIndicator {top:-2px;} .MeasuresOfSuccessContent .QuestionList .QLBlock .NumBlock .ProgressIndicator {position:absolute; z-index:10; top:2px; left:50%; width:25px; margin-left:-12px; animation:rotate_infinitely 1.4s linear infinite; display:none;} .MeasuresOfSuccessContent .QuestionList .QLBlock .NumBlock.Active {pointer-events:none;} .MeasuresOfSuccessContent .QuestionList .QLBlock .NumBlock.Active .ProgressIndicator {display:block;} .MeasuresOfSuccessContent .QuestionList .QLBlock .ErrorTxt span {display:block; font-size:14px; color:#FC3838; margin-bottom:5px;} .MeasuresOfSuccessContent .ErrorTxt:focus {border-bottom:1px solid blue;} .MeasuresOfSuccessContent .TxtField {margin-top:40px; transition:transform 600ms ease; transform:translateX(0px); overflow:hidden; position:relative;} .MeasuresOfSuccessContent .TxtField p {color:#000000; margin-bottom:15px;} .MeasuresOfSuccessContent .TxtField .BoldTxt:focus {} .MeasuresOfSuccessContent .TxtField .ErrorTxt span {display:block; font-size:14px; color:#FC3838; margin-bottom:5px;} .MeasuresOfSuccessContent .TxtField textarea {color:#000000; font-family:'Montserrat', sans-serif, Arial, Helvetica, Verdana; font-size:14px; line-height:20px; width:100%; height:90px; padding:15px; box-sizing:border-box; border:1px solid #ACBCBE; font-size:14px; resize:none;} .MeasuresOfSuccessContent .TxtField textarea:focus {outline:0px !important; -webkit-appearance:none; box-shadow:none !important;} .MeasuresOfSuccessContent .TxtField textarea::-webkit-input-placeholder {font-style:italic;} .MeasuresOfSuccessContent .TxtField textarea:-moz-placeholder {font-style:italic;} .MeasuresOfSuccessContent .TxtField textarea::-moz-placeholder {font-style:italic;} .MeasuresOfSuccessContent .TxtField textarea:-ms-input-placeholder {font-style:italic;} .MeasuresOfSuccessContent .TxtField .SubmitBtn {display:block; max-width:150px; margin:10px 0px 0px auto;} .MeasuresOfSuccessContent .TxtField.Inactive {opacity:0.5; pointer-events:none;} .MeasuresOfSuccessContent .MoSQ {transition:transform 600ms ease; transform:translateX(0px); position:relative;} .MeasuresOfSuccessContent .MoSQ.DoneMove {transform:translateX(-1903px);} .MeasuresOfSuccessContent .MoSQ.DoneHide {display:none;} .MeasuresOfSuccessContent .MoSQ.QAnswered {display:none;} .MeasuresOfSuccessContent .MoSQ.ToBeAnswered {transform:translateX(1903px);} .MeasuresOfSuccessContent.Disable {opacity:0.5; pointer-events:none;} .PopupParent .ProgressIcon.MoS {top:64%;} .MoSQ2AssessmentConfirmation {margin:0 auto; color:#000000; line-height:2.3em;} .MoSQ2AssessmentConfirmation h1 {margin:0px 0px 50px 0px; text-align:center;} .MoSQ2AssessmentConfirmation .IntroLine {font-size:14px; font-style:italic; line-height:1.4em; margin-bottom:30px; text-align:right;} .MoSQ2AssessmentConfirmation .LineBlock {text-align:left; margin:-20px 0px 15px 0px;} .MoSQ2AssessmentConfirmation .Txt {font-size:20px; margin-bottom:50px;} .MoSQ2AssessmentConfirmation .HdrLine {font-family:'Montserrat', sans-serif, Arial, Helvetica, Verdana; font-size:22px; font-weight:700; line-height:1.4em;} .MoSQ2AssessmentConfirmation .SubHdr {font-family:'Montserrat', sans-serif, Arial, Helvetica, Verdana; font-size:16px; font-weight:700; margin-top:20px; margin-bottom:20px;} .MoSQ2AssessmentConfirmation .ChartIcon img {cursor:pointer;} .MoSQ2AssessmentConfirmation .PointList {margin:10px 0px 0px 38px; padding:0px;} .MoSQ2AssessmentConfirmation .PointList li {margin:0px 0px 8px 16px; padding-left:10px; box-sizing:border-box; font-size:16px;} .MoSQ2AssessmentConfirmation .TxtLine {font-family:'Montserrat', sans-serif, Arial, Helvetica, Verdana; font-size:14px; margin-top:8px; color:#000000;} .MoSQ2AssessmentConfirmation .TxtLine .Asterix {color:#AD0000;} .MoSQ2AssessmentConfirmation .BtnPurple input {margin:0 auto;} .MoSQ2AssessmentConfirmation .MoSquestionnaire {display:flex; width:100%; margin-bottom:60px;} .MoSQ2AssessmentConfirmation .MoSquestionnaire .LeftCol {flex:0 0 670px; padding-left:50px; box-sizing:border-box;} .MoSQ2AssessmentConfirmation .MoSquestionnaire .LeftCol .Img {position:relative;} .MoSQ2AssessmentConfirmation .MoSquestionnaire .LeftCol .WheelImg {display:block; margin-left:-70px; width:100%; max-width:430px; cursor:pointer;} .MoSQ2AssessmentConfirmation .MoSquestionnaire .LeftCol .EnlargeIcon {position:absolute; display:inline-block; width:40px; bottom:0px; left:300px; cursor:pointer;} .MoSQ2AssessmentConfirmation .MoSquestionnaire .LeftCol .EnlargeIcon img {width:100%;} .MoSQ2AssessmentConfirmation .MoSquestionnaire .RightCol {flex:1; padding-top:50px; box-sizing:border-box;} .MoSQ2AssessmentConfirmation .MoSquestionnaire .QBlock {margin-top:30px;} .MoSQ2AssessmentConfirmation .MoSquestionnaire .QBlock .ErrorTxt span {display:block; font-size:14px; color:#FC3838; margin-bottom:5px;} .MoSQ2AssessmentConfirmation .MoSquestionnaire .QBlock.Answered {opacity:0.3; pointer-events:none;} .MoSQ2AssessmentConfirmation .MoSquestionnaire .AnswerRow {display:flex; align-items:center; gap:20px; width:100%; margin-top:20px;} .MoSQ2AssessmentConfirmation .MoSquestionnaire .AnswerRow .ABlock {position:relative; font-family:'Montserrat', sans-serif, Arial, Helvetica, Verdana; flex:0 0 30%; font-size:14px; font-weight:700; text-align:center; border:1px solid #ACBCBE; border-radius:3px; cursor:pointer; padding:9px 5px; box-sizing:border-box;} .MoSQ2AssessmentConfirmation .MoSquestionnaire .AnswerRow .ABlock .ProgressIndicator {position:absolute; z-index:10; top:7px; left:50%; width:25px; margin-left:-12px; animation:rotate_infinitely 1.4s linear infinite; display:none;} .MoSQ2AssessmentConfirmation .MoSquestionnaire .AnswerRow .ABlock.Loading .ProgressIndicator {display:block;} .MoSQ2AssessmentConfirmation .MoSquestionnaire .AnswerRow .ABlock.Active {background-color:#7C2064; border-color:#7C2064; color:#ffffff;} .StrengthsTipContent h4 {letter-spacing:0px; font-weight:600; font-size:14px; line-height:20px; margin-bottom:25px;} .StrengthsTipContent p {font-family:'Montserrat', sans-serif, Arial, Helvetica, Verdana; font-size:14px; line-height:20px; color:#000000;} .StrengthsTipContent .BigTipList {margin:25px 0px 15px 10px;} .StrengthsTipContent .BigTipList li {font-size:14px; color:#000000; line-height:20px; margin:0px 0px 25px 1px; font-family:'Montserrat', sans-serif, Arial, Helvetica, Verdana;} .StrengthsTipContent .BigTipList li .Highlight {color:#7C2064; font-weight:700;}