/* Independent from General.css */ * {background-repeat:no-repeat; padding:0px; margin:0px; outline:none;} img {border:0px;} table, tr, td, th {border-spacing:0px; vertical-align:top;} td, th {empty-cells:hide;} body {font-size:62.5%; color:#4E5556; background-color:#ffffff; font-family:Arial, Helvetica, Verdana; padding:0px; margin:0px;} /* 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:#1f2532; text-decoration:none;} a:hover {text-decoration:underline;} p {margin: 0px 0px 12px 0px; font-size:12px; line-height:20px; color:#4E5556;} p.NoSpaceBtm {margin-bottom:0px;} p.Italic {font-style:italic;} 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;} .WidthContent {margin: 0 auto; padding-left: 60px; padding-right: 60px; position: relative;} .MaxWidthContent {margin: 0 auto;} .HeightContent {padding-top: 50px; padding-bottom: 50px;} /* clear field and show password buttons */ input::-ms-clear, input::-ms-reveal {display:none;} .FormTableSpacer {height:20px;} .PageMessage {margin-left:15px;} .ListWidthBlockWithTopBorder .PageMessage {margin-left:0px;} .FullWidthBlockWithTopBorder .PageMessage {margin-left:0px;} .FormBox .FormField.DatePickerPosition {position:relative;} .FormBox .FormField.DatePickerPosition .ui-datepicker-trigger {top:-2px; left:auto;} .FormBox .FormField .InputLabelAlignment {margin:5px 0 0; display:inline-block; width:100%;} .FormBox .FormField .InputLabelAlignment label {margin:0 10px 0 0; float:left;} .ListNone {margin-left:-13px; list-style:none;} .ListNoneTwo {margin-left:0px; list-style:none; font-size:14px;} .FormDivider {height:1px; background-color:#eeeeee; margin-bottom:30px;} .FormDivider2 {height:1px; background-color:#eeeeee; margin-bottom:70px;} .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;} .LineSpacer1 {height:2px; font-size:2px; clear:both;} .LineSpacer2 {height:5px; font-size:2px; clear:both;} .LineSpacer3 {height:10px; font-size:2px; clear:both;} .LineSpacer4 {height:15px; font-size:2px; clear:both;} .LineSpacer5 {height:25px; font-size:2px; clear:both;} .LineSpacer6 {height:40px; font-size:2px; clear:both;} .LineSpacer7 {height:80px; font-size:2px; clear:both;} .BottomFix {clear:both; height:0px; font-size:0px; line-height:0px;} label.HiddenLabel {display:none;} .SmTxtBlock {margin-bottom:30px;} .SmTxtBlock p {font-size:12px; font-family:'Montserrat', sans-serif, Arial, Helvetica, Verdana; color:#4E5556; margin-bottom:-5px;} @keyframes rotate_infinitely { 0% {transform:rotate(0deg);} 100% {transform:rotate(360deg);} } .BtnFilter {position:relative;} .BtnProgressImg {position:absolute; top:7px; left:50%; width:30px; margin-left:-15px; animation-name:rotate_infinitely; animation-duration:1400ms; animation-iteration-count:infinite; animation-timing-function:linear; display:none; opacity:0;} /* Buttons */ .Button {height:auto; float:left; cursor:pointer;} .Button span.LeftEnd {display:none;} .Button span.Centre {float:left; height:auto; background-image:inherit; background-repeat:no-repeat;} .Button span.Centre a {display:inline-block; font-size:13px; line-height:1.3em; font-weight:700; color:#ffffff; text-align:center; background:#7C2064; padding:14px 35px; border:none; cursor:pointer; text-decoration:none; font-family:'Montserrat', Arial, Helvetica, Verdana; -webkit-appearance:none; transition:all 0.5s ease;} .Button span.Centre a:hover {opacity:0.8;} .Button span.Centre input {display:inline-block; font-size:13px; line-height:1.3em; font-weight:700; color:#ffffff; text-align:center; background:#7C2064; padding:14px 35px; border:none; cursor:pointer; text-decoration:none; font-family:'Montserrat', Arial, Helvetica, Verdana; -webkit-appearance:none; transition:all 0.5s ease;} .Button span.Centre input:hover {opacity:0.8;} .Button span.Centre button {display:inline-block; font-size:13px; line-height:1.3em; font-weight:700; color:#ffffff; text-align:center; background:#7C2064; padding:14px 35px; border:none; cursor:pointer; text-decoration:none; font-family:'Montserrat', Arial, Helvetica, Verdana; -webkit-appearance:none; transition:all 0.5s ease;} .Button span.Centre button:hover {opacity:0.8;} .Button span.RightEnd {display:none;} .SilverBtn {height:auto; float:left; cursor:pointer;} .SilverBtn span.LeftEnd {display:none;} .SilverBtn span.Centre {float:left; height:auto; background-image:inherit; background-repeat:no-repeat;} .SilverBtn span.Centre a {display:inline-block; font-size:13px; line-height:1.3em; font-weight:700; color:#ffffff; text-align:center; background:#7C2064; padding:14px 35px; border:none; cursor:pointer; text-decoration:none; font-family:'Montserrat', Arial, Helvetica, Verdana; -webkit-appearance:none; transition:all 0.5s ease;} .SilverBtn span.Centre a:hover {opacity:0.8;} .SilverBtn span.Centre input {display:inline-block; font-size:13px; line-height:1.3em; font-weight:700; color:#ffffff; text-align:center; background:#7C2064; padding:14px 35px; border:none; cursor:pointer; text-decoration:none; font-family:'Montserrat', Arial, Helvetica, Verdana; -webkit-appearance:none; transition:all 0.5s ease;} .SilverBtn span.Centre input:hover {opacity:0.8;} .SilverBtn span.Centre button {display:inline-block; font-size:13px; line-height:1.3em; font-weight:700; color:#ffffff; text-align:center; background:#7C2064; padding:14px 35px; border:none; cursor:pointer; text-decoration:none; font-family:'Montserrat', Arial, Helvetica, Verdana; -webkit-appearance:none; transition:all 0.5s ease;} .SilverBtn span.Centre button:hover {opacity:0.8;} .SilverBtn span.RightEnd {display:none;} .ButtonSpacer {float:left; height:20px; width:20px;} .ButtonStdSpacer {float:left; height:20px; width:20px;} .BtnBlue a {background:#1982C4; color:#ffffff; padding:12.5px 20px; font-size:13px; line-height:1.0em; font-weight:700; display:block; border:1px solid #1982C4; box-sizing:border-box; cursor:pointer; font-family:'Montserrat', Arial, Helvetica, Verdana, Sans-Serif; text-align:center; text-decoration:none; -webkit-appearance:none; transition:all 0.3s ease;} .BtnBlue a:hover {opacity:0.8;} .BtnBlue input {background:#1982C4; color:#ffffff; padding:12.5px 20px; font-size:13px; line-height:1.0em; font-weight:700; display:block; border:1px solid #1982C4; box-sizing:border-box; cursor:pointer; font-family:'Montserrat', Arial, Helvetica, Verdana, Sans-Serif; text-align:center; text-decoration:none; -webkit-appearance:none; transition:all 0.3s ease;} .BtnBlue input:hover {opacity:0.8;} .BtnBlue button {background:#1982C4; color:#ffffff; padding:12.5px 20px; font-size:13px; line-height:1.0em; font-weight:700; display:block; border:1px solid #1982C4; box-sizing:border-box; cursor:pointer; font-family:'Montserrat', Arial, Helvetica, Verdana, Sans-Serif; text-align:center; text-decoration:none; -webkit-appearance:none; transition:all 0.3s ease;} .BtnBlue button:hover {opacity:0.8;} .BtnLightBlue a {background:#DDECF6; color:#1982C4; padding:12.5px 20px; font-size:13px; line-height:1.0em; font-weight:700; display:block; border:1px solid #DDECF6; box-sizing:border-box; cursor:pointer; font-family:'Montserrat', Arial, Helvetica, Verdana, Sans-Serif; text-align:center; text-decoration:none; -webkit-appearance:none; transition:all 0.3s ease;} .BtnLightBlue a:hover {opacity:0.8;} .BtnLightBlue input {background:#DDECF6; color:#1982C4; padding:12.5px 20px; font-size:13px; line-height:1.0em; font-weight:700; display:block; border:1px solid #DDECF6; box-sizing:border-box; cursor:pointer; font-family:'Montserrat', Arial, Helvetica, Verdana, Sans-Serif; text-align:center; text-decoration:none; -webkit-appearance:none; transition:all 0.3s ease;} .BtnLightBlue input:hover {opacity:0.8;} .BtnLightBlue button {background:#DDECF6; color:#1982C4; padding:12.5px 20px; font-size:13px; line-height:1.0em; font-weight:700; display:block; border:1px solid #DDECF6; box-sizing:border-box; cursor:pointer; font-family:'Montserrat', Arial, Helvetica, Verdana, Sans-Serif; text-align:center; text-decoration:none; -webkit-appearance:none; transition:all 0.3s ease;} .BtnLightBlue button:hover {opacity:0.8;} .BtnBlueSmall a {background:#1982C4; color:#ffffff; padding:12.5px 20px; font-size:13px; line-height:1.0em; font-weight:700; display:block; border:1px solid #1982C4; box-sizing:border-box; cursor:pointer; font-family:'Montserrat', Arial, Helvetica, Verdana, Sans-Serif; text-align:center; text-decoration:none; -webkit-appearance:none; transition:all 0.3s ease;} .BtnBlueSmall a:hover {opacity:0.8;} .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; text-align:center; text-decoration:none; -webkit-appearance:none; transition:all 0.3s ease;} .BtnPurple a:hover {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; 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; text-align:center; text-decoration:none; -webkit-appearance:none; transition:all 0.3s ease;} .BtnPurple button:hover {opacity:0.8;} .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 #ACBCBE; 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 #ACBCBE; border-radius:50%; vertical-align:top;} .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 #ACBCBE; box-sizing:border-box; cursor:pointer; font-family:'Montserrat', Arial, Helvetica, Verdana, Sans-Serif; 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 #ACBCBE; box-sizing:border-box; cursor:pointer; font-family:'Montserrat', Arial, Helvetica, Verdana, Sans-Serif; 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 #ACBCBE; box-sizing:border-box; cursor:pointer; font-family:'Montserrat', Arial, Helvetica, Verdana, Sans-Serif; text-align:center; text-decoration:none; -webkit-appearance:none; transition:all 0.3s ease;} .BtnWhite button:hover {opacity:0.8;} .BtnRed {} .BtnRed a {background:#FF0000; color:#ffffff; padding:12.5px 20px; font-size:13px; line-height:1.0em; font-weight:700; display:block; border:1px solid #FF0000; box-sizing:border-box; cursor:pointer; font-family:'Montserrat', Arial, Helvetica, Verdana, Sans-Serif; 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:#FF0000; color:#ffffff; padding:12.5px 20px; font-size:13px; line-height:1.0em; font-weight:700; display:block; border:1px solid #FF0000; box-sizing:border-box; cursor:pointer; font-family:'Montserrat', Arial, Helvetica, Verdana, Sans-Serif; text-align:center; text-decoration:none; -webkit-appearance:none; transition:all 0.3s ease;} .BtnRed input:hover {opacity:0.8;} .BtnRed input:focus {background:#328ad9;} .BtnRed button {background:#FF0000; color:#ffffff; padding:12.5px 20px; font-size:13px; line-height:1.0em; font-weight:700; display:block; border:1px solid #FF0000; box-sizing:border-box; cursor:pointer; font-family:'Montserrat', Arial, Helvetica, Verdana, Sans-Serif;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;} .BtnRedThin {} .BtnRedThin a {background:#de1d1c; color:#ffffff; padding:5px 5px 6px 5px; font-size:9px; line-height:1.0em; font-weight:700; display:block; border:1px solid #de1d1c; box-sizing:border-box; cursor:pointer; font-family:'Montserrat', Arial, Helvetica, Verdana, Sans-Serif; text-align:center; text-decoration:none; -webkit-appearance:none; transition:all 0.3s ease;} .BtnRedThin a:hover {opacity:0.8;} .BtnRedThin input {background:#de1d1c; color:#ffffff; padding:5px 5px 6px 5px; font-size:9px; line-height:1.0em; font-weight:700; display:block; border:1px solid #de1d1c; box-sizing:border-box; cursor:pointer; font-family:'Montserrat', Arial, Helvetica, Verdana, Sans-Serif; text-align:center; text-decoration:none; -webkit-appearance:none; transition:all 0.3s ease;} .BtnRedThin input:hover {opacity:0.8;} .BtnRedThin button {background:#de1d1c; color:#ffffff; padding:5px 5px 6px 5px; font-size:9px; line-height:1.0em; font-weight:700; display:block; border:1px solid #de1d1c; box-sizing:border-box; cursor:pointer; font-family:'Montserrat', Arial, Helvetica, Verdana, Sans-Serif; text-align:center; text-decoration:none; -webkit-appearance:none; transition:all 0.3s ease;} .BtnRedThin button:hover {opacity:0.8;} .BtnBlueThin {} .BtnBlueThin a {background:#DDECF6; color:#1982C4; padding:5px 5px 6px 5px; font-size:9px; line-height:1.0em; font-weight:700; display:block; border:1px solid #DDECF6; box-sizing:border-box; cursor:pointer; font-family:'Montserrat', Arial, Helvetica, Verdana, Sans-Serif; text-align:center; text-decoration:none; -webkit-appearance:none; transition:all 0.3s ease;} .BtnBlueThin a:hover {opacity:0.8;} .BtnBlueThin input {background:#DDECF6; color:#1982C4; padding:5px 5px 6px 5px; font-size:9px; line-height:1.0em; font-weight:700; display:block; border:1px solid #DDECF6; box-sizing:border-box; cursor:pointer; font-family:'Montserrat', Arial, Helvetica, Verdana, Sans-Serif; text-align:center; text-decoration:none; -webkit-appearance:none; transition:all 0.3s ease;} .BtnBlueThin input:hover {opacity:0.8;} .BtnBlueThin button {background:#DDECF6; color:#1982C4; padding:5px 5px 6px 5px; font-size:9px; line-height:1.0em; font-weight:700; display:block; border:1px solid #DDECF6; box-sizing:border-box; cursor:pointer; font-family:'Montserrat', Arial, Helvetica, Verdana, Sans-Serif; text-align:center; text-decoration:none; -webkit-appearance:none; transition:all 0.3s ease;} .BtnBlueThin button:hover {opacity:0.8;} /* Public page container */ .PageContainer {min-height: calc(100vh - 207px); min-width: 320px;} /* Header */ .SiteHeader {height: 60px; border-bottom: 1px solid #ACBCBE; min-width: 1000px;} .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;} .SiteHeader .MainHeader .HeaderContent .Block_03 {display: flex; flex: 1; align-items: center; padding-left: 20px; box-sizing:border-box;} .SiteHeader .MainHeader .HeaderContent .Block_04 {display: flex; flex: 0 0 240px; align-items: center;} .SiteHeader .MainHeader .HeaderContent .Block_04.NoBasket {flex: 0 0 125px;} .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; position: relative; bottom: 2px;} .SiteHeader .HdrDropdowns .DD_Block {display: flex; flex: 0 0 115px;} .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.Btn {flex: 0 0 115px;} .SiteHeader .HdrDropdowns .DD_Block.Btn .BtnBlue {width: 100%;} .SiteHeader .HdrDropdowns .DD_Block.Btn .BtnBlue a {padding: 12px 11px; font-size: 11px; white-space: nowrap;} .SiteHeader .HdrDropdowns .DD_Block.Btn .BtnWhite {width: 100%;} .SiteHeader .HdrDropdowns .DD_Block.Btn .BtnWhite a {padding: 12px 11px; font-size: 11px;} .SiteHeader .HdrDropdowns .DD_Block.Btn.Basket a {padding: 0px; height: 40px;} .SiteHeader .HdrDropdowns .DD_Block.Btn.Basket .BasketBtnDetails {display: table; width: 100%; position: relative; top: 1px;} .SiteHeader .HdrDropdowns .DD_Block.Btn.Basket .BasketBtnDetails .Icon {display: table-cell; vertical-align: middle; min-width: 24px; max-width: 24px;} .SiteHeader .HdrDropdowns .DD_Block.Btn.Basket .BasketBtnDetails .Icon img {position: relative; top: 1px; width: 100%;} .SiteHeader .HdrDropdowns .DD_Block.Btn.Basket .BasketBtnDetails .Txt {display: table-cell; vertical-align: middle;} .SiteHeader .HdrDropdowns .DD_Block.Btn.Basket .Cost {display: block; font-size: 11px; font-weight: 700; line-height: 1.1em; text-align: left; letter-spacing: 0px;} .SiteHeader .HdrDropdowns .DD_Block.Btn.Basket .NumProducts {display: block; font-size: 9px; font-weight: 500; line-height: 1.2em; text-transform: lowercase; text-align: left; letter-spacing: 0px; font-family: Arial, Helvetica, Verdana;} .SiteHeader .HdrDropdowns .DD_Block.Language {width: 44px;} .SiteHeader .HdrDropdowns .DD_Block.Language .ui-selectmenu-text {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .SiteHeader .HdrDropdowns .DD_Seperator {display: flex; flex: 0 0 10px;} .SiteHeader .HdrDropdowns .DD_Seperator.V2 {flex: 0 0 15px;} .SiteHeader .HdrDropdowns .ui-widget {font-size: 1.0em;} .SiteHeader .HdrDropdowns .ui-selectmenu-button {background: #ffffff; border: 1px solid #ACBCBE; height: 38px;} .SiteHeader .HdrDropdowns .ui-selectmenu-text {padding: 11px 13px; font-size: 1.2em; color: #4E5556; font-family: 'Montserrat', Arial, Helvetica, Verdana, Sans-Serif; font-weight: 600; position:relative; top:2px;} .SiteHeader .HdrDropdowns #SiteNav-button .ui-selectmenu-text {font-family: 'Montserrat', Arial, Helvetica, Verdana, Sans-Serif; font-weight: 600; letter-spacing: 0px;} .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; width: 34px; height: 34px; overflow: hidden; border-radius: 50%; border:2px solid #ACBCBE; background-color: #ffffff;} .SiteHeader .BackIcon img {width: 125%; position: relative; right: 5px; bottom: 4px;} .SiteHeader .AssessHdrText {width: 100%; text-align: center;} .SiteHeader .AssessHdrText .Line1 {font-size: 1.2em; font-family: 'Montserrat', Arial, Helvetica, Verdana, Sans-Serif; font-weight: 600; color: #282828; letter-spacing:0px; margin-bottom: 1px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .SiteHeader .AssessHdrText .Line2 {font-size: 1.2em; line-height: 1.6em; color: #4F5254; letter-spacing: 0.1px; 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 #ACBCBE; padding: 24px 8px; box-sizing: border-box;} .SiteHeader .AssessmentPath .APList .ProgressGuide .Item .Txt .LeftSide {width: 180px;} .SiteHeader .TopNav {width: 100%; text-align: right;} .SiteHeader .TopNav .FirstRow ul {display:flex; justify-content:space-between; align-items:center;} .SiteHeader .TopNav .FirstRow ul {position: relative; bottom:1px; margin: 0px 20px 0px auto;} .SiteHeader .TopNav .FirstRow ul li {list-style-type:none; text-align:center; vertical-align: middle; margin: 0px 10px;} .SiteHeader .TopNav .FirstRow ul li.Active a {border-bottom:5px solid #7C2064;} .SiteHeader .TopNav .FirstRow ul li a {font-size: 12px; white-space: nowrap; text-decoration: none; padding: 22px 0px 17px 0px; box-sizing:border-box;} .SiteHeader .TopNav .FirstRow ul li a:hover {border-bottom:5px solid #7C2064;} .SiteHeader .TopNav .SecondRow {display:none;} .SiteHeader .TopNav .ThirdRow {display:none;} .SiteHeader .TopNav .MainNavigation {display:none;} #AdminOptions-menu.ui-menu {border-top: none; max-height: 300px !important;} #AdminOptions-menu.ui-menu .ui-menu-item {min-height: inherit; border: none; line-height: 1.2em; font-size: 1.2em; color: #4E5556; font-family:Arial, Helvetica, Verdana; font-weight: 400; letter-spacing: 0px;} #AdminOptions-menu.ui-menu .ui-menu-item:first-child {display: none;} #AdminOptions-menu.ui-menu .ui-state-focus {color: #4E5556; border: none;} #AdminOptions-menu.ui-widget {font-size: 1.0em;} #AdminOptions-menu.ui-widget-content {position: relative; bottom: -1px; border: 1px solid #ACBCBE; border-top: none; width: 114px !important;} #AdminOptions-menu .ui-state-active, #AdminOptions-menu .ui-widget-content .ui-state-active, #AdminOptions-menu .ui-widget-header .ui-state-active {font-weight: 400;} /* Footer */ .SiteFooter {border-top: 1px solid #ACBCBE; background-color: #ffffff; min-width: 1000px;} .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 #acbcbe; border-radius: 50%;} .SiteFooter .SocialMediaBlocks .SM_Block img {width: 36px; position: relative; right: 3px; bottom: 3px;} .SiteFooter .FooterTxt {color: #4E5556; font-size: 0.9em;} .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:11px; font-weight:400; font-family:Arial, Helvetica, Verdana; color:#787e80;} /* Login */ .NewLogin {} .NewLogin .Table {display:table; width:100%; height:calc(100vh - 222px);} .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 .FormField .EditBox {padding:14px 10px 14px 45px;} .NewLogin .Table .Cell .LoginForm .BtnLogin {margin-top:30px;} .NewLogin .Table .Cell .LoginForm .BtnLogin input {padding:12.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:#1982C4; 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:#1982C4; 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:#282828; font-family:Arial, Helvetica, Verdana; text-align:center; margin-bottom:20px;} .NewLogin .Table .Cell .LoginSuccessForm .Text {display:block; font-size:13px; line-height:1.3em; font-weight:400; color:#4e5556; font-family:Arial, Helvetica, Verdana; text-align:center;} .NewLogin .Table .Cell .LoginSuccessForm .Text p {font-size:13px; line-height:1.3em;} .NewLogin.Admin .Table .Cell_01 {display:none;} .NewLogin.Admin .Table .Cell_02 {padding-left:0px; text-align:center;} .NewLogin.Client .Table .Cell_01 {background-image:url(/Content/Images/Img_ClientLandingPage.jpg);} .NewLogin.Client .Table .Cell_02 {padding-left:75px;} .NewLogin .StaticFieldInfo {font-size:11px; top:0px; color:#4E5556;} .NewLogin .StaticFieldInfo .PRec {margin-bottom:5px;} .NewLogin .StaticFieldInfo ul {margin:0px 0px 5px 10px;} .NewLogin .StaticFieldInfo ul li {font-size:11px; margin:0px 0px -1px 0px;} /* Structure site */ /* Should be MainHeader, MainFooter*/ .MainDiv {z-index:1; /*padding:0px 60px;*/ margin:0px auto 0px auto; min-width:1000px;} .MainDiv .Header {height:100px; background:#282828; text-align:center; position:relative; z-index:20;} .MainDiv .Header .Inner {margin:0px 60px; position:relative;} .MainDiv .Header .HeaderTitle {display:inline-block; color:#fff; font-size: 22px; line-height:60px; font-weight:700; text-transform:uppercase; position:absolute; top:0px; left:50%; margin-left:-145px;} .MainDiv .Header .Nav {position:absolute; top:33px; right:0px;} .MainDiv .Header .Nav .BtnReset {display:inline-block; vertical-align:top; margin-left:15px;} .MainDiv .Header .Nav .BtnReset 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; text-transform:uppercase; letter-spacing:2px; text-align:center; text-decoration:none; -webkit-appearance:none; transition:all 0.3s ease;} .MainDiv .Header .Nav .BtnReset a:hover {background:#730f6b; border:1px solid #730f6b;} .MainDiv .Header .Nav .BtnLogout {display:inline-block; margin-left:10px;} .MainDiv .Header .Nav .BtnLogout 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; text-transform:uppercase; letter-spacing:2px; text-align:center; text-decoration:none; -webkit-appearance:none; transition:all 0.3s ease;} .MainDiv .Header .Nav .BtnLogout a:hover {background:#545455;} .MainDiv .Header .Nav .ShoppingBasket {display:table; margin-left:30px; padding-left:30px; border-left: 1px solid #48484a; float:right;} .MainDiv .Header .Nav .ShoppingBasket .Txt {display:table-cell; vertical-align:middle; text-align:right; padding-right:20px; color:#ffffff;} .MainDiv .Header .Nav .ShoppingBasket .Txt .Price {display:block; font-size:14px; line-height:1.3em; font-family:'Montserrat', Arial, Helvetica, Verdana, Sans-Serif; font-weight:600; letter-spacing:2px; text-transform:uppercase;} .MainDiv .Header .Nav .ShoppingBasket .Txt .NbreProduct {display:block; font-size:12px; line-height:1.3em; font-family: 'PT Serif', Arial, Helvetica, Verdana, Sans-Serif; font-weight:400; font-style:italic;} .MainDiv .Header .Nav .ShoppingBasket .Icon {display:table-cell; vertical-align:middle; background:url(/Content/Images/Icon_Btn_Basket.png) no-repeat center; background-size:cover; border:1.5px solid #c4c1c1; border-radius:50%; box-sizing:border-box; width:40px; height:40px;} .MainDiv .Header .Nav .ShoppingBasket a:hover {} .MainDiv .Header .Nav .ShoppingBasket a:hover .Txt {color:#707070;} .MainDiv .Header .Nav .ShoppingBasket a:hover .Icon {background:url(/Content/Images/Icon_Btn_BasketHover.png) no-repeat center; background-size:cover; border:1.5px solid #c4c1c1; border-radius:50%; box-sizing:border-box; width:40px; height:40px;} .MainDiv .Header .Nav .MyInfo {display:table; float:right; z-index:50; position:relative;} .MainDiv .Header .Nav .MyInfo .Circle {display:table-cell; vertical-align:middle; border:1.5px solid #c4c1c1; border-radius:50%; box-sizing:border-box; width:40px; height:40px; color:#ffffff; font-size:20px; line-height:40px; font-family:'Montserrat', Arial, Helvetica, Verdana, Sans-Serif; font-weight:600; text-transform:uppercase; text-align:center;} .MainDiv .Header .Nav .MyInfo .Txt {display:table-cell; vertical-align:middle; text-align:left; padding:0px 20px;} .MainDiv .Header .Nav .MyInfo .Txt .Message {display:block; font-size:12px; line-height:1.3em; font-family: 'PT Serif', Arial, Helvetica, Verdana, Sans-Serif; font-weight:400; font-style:italic; color:#ffffff;} .MainDiv .Header .Nav .MyInfo .Txt .Name {display:block; font-size:11px; line-height:1.3em; font-family:'Montserrat', Arial, Helvetica, Verdana, Sans-Serif; font-weight:600; letter-spacing:2px; text-transform:uppercase; color:#707070;} .MainDiv .Header .Nav .MyInfo .Arrow {display:table-cell; background:url(/Content/Images/Icon_DropDown_Arrow.png) no-repeat center; background-size:contain; width:13px; height:100%;} .MainDiv .Header .Logo {width:200px; position:absolute; top:10px; left:50%; margin-left:-100px;} .MainDiv .Header .Logo img {width:100%;} .MainDiv .Header .Social {position:absolute; top:38px; left:0px;} .MainDiv .Header .Social .Link {display:inline-block; width:30px; margin:0px 5px; border:1px solid #545455; border-radius:50%; -webkit-appearance:none;} .MainDiv .Header .Social .Link img {width:100%; display:block;} .MainDiv .MainNavigation {margin:0px 60px 0px 60px; box-shadow:0 1px 2px rgba(43,59,93,.29);} .MainDiv .MainNavigation .GlobalNav {position:relative; background-color:#EFEFEF;} .MainDiv .MainNavigation .LocalNav {position:relative; background-color:#ffffff; z-index:15;} .MainDiv div.InfoBlock {display:none; float:right; width:25%; padding:30px 60px 0px 0px; box-sizing:border-box;} .MainDiv div.ListWidthBlockWithTopBorder {position:relative;} .MainDiv div.FullWidthBlockWithTopBorder {width:100%; clear:left; float:left;} .MainDiv div.FullWidthBlock {width:66.2%; clear:left; padding:0px 60px 0px 0px; padding-top:1px; box-sizing:border-box;} /* <- not changeable without a good testing */ .MainDiv div.FullWidthBlock.WidthV1 {width:100%; max-width:1034px;} .MainDiv div.FormColumnBlock {float:left; width:35%; padding:0px 60px 0px 0px; box-sizing:border-box;} .MainDiv div.FormColumnBlock.CenterBlock {margin:0 auto; float:none;} .MainDiv div.FormColBlockMinWidth {min-width:1000px;} .MainDiv div.ButtonBlock {float:left; width:75%; font-size:10px; font-weight:normal; margin:20px 0px 0px 0px; /*margin:10px 60px 60px 60px;*/ box-sizing:border-box; clear:both;} .MainDiv div.ButtonBlock.NoSpaceLeft {margin-left:0px;} .MainDiv div.ButtonBlock.BesideField {margin:32px 0px 0px 61px;} .MainDiv div.ButtonBlockV2 {width:62.8%; text-align:right; margin-top:5px;} .MainDiv div.ButtonBlockV2 .Btn {margin-left:10px;} .MainDiv div.ButtonBlockV2 .BtnCancel {display:inline-block;} .MainDiv div.ButtonBlockV2 .BtnCancel button {padding:11px 36px; color:#4E5556;} .MainDiv div.ButtonBlockV2 .BtnSave {display:inline-block;} .MainDiv div.ButtonBlockV2 .BtnSave input {padding:11px 43px;} .MainDiv div.ButtonBlockV2 .BtnSaveV2 {display:inline-block;} .MainDiv div.ButtonBlockV2 .BtnSaveV2 input {padding:11px 38px;} .MainDiv div.ButtonBlockV2 .BtnSubmit {display:inline-block;} .MainDiv div.ButtonBlockV2 .BtnSubmit input {padding:11px 43px;} .MainDiv div.ButtonBlockV2 .BtnAddRes {display:inline-block;} .MainDiv div.ButtonBlockV2 .BtnAddRes input, .MainDiv div.ButtonBlockV2 .BtnAddRes a {padding:11px 32px;} .MainDiv div.ButtonBlockV2 .BtnBack {display:inline-block;} .MainDiv div.ButtonBlockV2 .BtnBack button {padding:11px 42px; color:#4E5556;} .MainDiv div.ButtonBlockV2 .BtnUpload {display:inline-block;} .MainDiv div.ButtonBlockV2 .BtnUpload input {padding:11px 34.5px;} .MainDiv div.ButtonBlockV2 .BtnDownload {display:inline-block; margin-top:10px; margin-left:0px;} .MainDiv div.ButtonBlockV2 .BtnDownload a {max-width:340px; border-color:#DAEAF8; color:#1982C4; margin-bottom:40px; padding:11px 15px 11px 44px; background:url('/Content/Images/Template_Download.png') #DAEAF8 no-repeat; background-position:10px 7px;} .MainDiv div.ButtonBlockV2.LeftShift {text-align:left;} .MainDiv div.FormSubTitle {font-size:12px; color:#282828; text-transform:uppercase; letter-spacing:2px; line-height:1.3em; font-family:Arial, Helvetica, Verdana; font-weight:700; margin-bottom:25px;} .MainDiv .SideBySideBlock {display:inline-block; float:left;} .MainDiv .ListCornerBtn {position:absolute; top:20px; right:60px;} .MainDiv .ListCornerBtn.FurtherRight {right:0px;} .MainDiv .ListCornerBtn.FurtherDown {top:70px;} .MainDiv .ListCornerBtn input {width:350px;} .MainDiv .RadioBlockList {margin-bottom:40px;} .MainDiv .RadioBlockList .RadioBlock {cursor:pointer; border:1px solid #ACBCBE; box-sizing:border-box; margin-bottom:10px;} .MainDiv .RadioBlockList .BlockDetails {display:flex; align-items:center;} .MainDiv .RadioBlockList .Btn {flex:0 0 20px;} .MainDiv .RadioBlockList .Txt {flex:1; padding:0px 40px 0px 15px; box-sizing:border-box;} .MainDiv .RadioBlockList .Txt label {font-size:20px; color:#4E5556; font-family:Arial, Helvetica, Verdana;} .MainDiv .RadioBlockList .Txt p {font-size:12px; line-height:20px; margin:10px 0px 0px 0px;} .MainDiv .RadioBlockList .iradio_square-grey {width:20px; height:20px; margin-right:0px; pointer-events:none; background:url(/Content/Images/grey5.png) no-repeat; background-position:-135px 0;} .MainDiv .RadioBlockList .iradio_square-grey.hover {background-position:-135px 0;} .MainDiv .RadioBlockList .iradio_square-grey.checked {background-position:-189px 0;} .MainDiv .RadioBlockList .iradio_square-grey.disabled {background-position:-216px 0; cursor:default;} .MainDiv .RadioBlockList .iradio_square-grey.checked.disabled {background-position:-243px 0;} .MainDiv .RadioBlockList .RadioBlock.Active {border-color:#3EBB4C; background-color:#EAFBEC;} .MainDiv .RadioBlockList.Respondent .RadioBlock.Block1 {padding:31px 38px 31px 20px;} .MainDiv .RadioBlockList.Respondent .RadioBlock.Block1 .Icon {flex:0 0 29px;} .MainDiv .RadioBlockList.Respondent .RadioBlock.Block1 .Icon img {width:29px; height:34px;} .MainDiv .RadioBlockList.Respondent .RadioBlock.Block2 {padding:26px 30px 26px 20px;} .MainDiv .RadioBlockList.Respondent .RadioBlock.Block2 .Icon {flex:0 0 46px;} .MainDiv .RadioBlockList.Respondent .RadioBlock.Block2 .Icon img {width:46px; height:44px;} .MainDiv .RadioBlockList.Respondent .RadioBlock.Block3 {padding:29.5px 30px 29.5px 20px;} .MainDiv .RadioBlockList.Respondent .RadioBlock.Block3 .Icon {flex:0 0 46px;} .MainDiv .RadioBlockList.Respondent .RadioBlock.Block3 .Icon img {width:46px; height:37px;} .MainDiv .RadioBlockList.Teams .RadioBlock.Block1 {padding:31px 38px 31px 20px;} .MainDiv .RadioBlockList.Teams .RadioBlock.Block1 .Icon {flex:0 0 46px;} .MainDiv .RadioBlockList.Teams .RadioBlock.Block1 .Icon img {width:46px;} .MainDiv .RadioBlockList.Teams .RadioBlock.Block2 {padding:26px 30px 26px 20px;} .MainDiv .RadioBlockList.Teams .RadioBlock.Block2 .Icon {flex:0 0 48px;} .MainDiv .RadioBlockList.Teams .RadioBlock.Block2 .Icon img {width:48px;} .MainDiv .RadioBlockList.Teams .RadioBlock.Block3 {padding:29.5px 30px 29.5px 20px;} .MainDiv .RadioBlockList.Teams .RadioBlock.Block3 .Icon {flex:0 0 46px;} .MainDiv .RadioBlockList.Teams .RadioBlock.Block3 .Icon img {width:46px;} .MainDiv .RadioBlockList.Teams .RadioBlock.Block4 {padding:26px 30px 26px 20px;} .MainDiv .RadioBlockList.Teams .RadioBlock.Block4 .Icon {flex:0 0 48px;} .MainDiv .RadioBlockList.Teams .RadioBlock.Block4 .Icon img {width:48px;} .MainDiv .RadioBlockList.Teams .RadioBlock.Block5 {padding:29.5px 30px 29.5px 20px;} .MainDiv .RadioBlockList.Teams .RadioBlock.Block5 .Icon {flex:0 0 46px;} .MainDiv .RadioBlockList.Teams .RadioBlock.Block5 .Icon img {width:46px;} .MainDiv .ListBlockHdrRow {width:100%;} .MainDiv .ListBlockHdrRow td {vertical-align:middle;} .MainDiv .ListBlockHdrRow .BtnCell {text-align:right;} .MainDiv .ListBlockHdrRow .BtnCell .BtnPurple {display:inline-block; width:350px;} .MainDiv .ListBlockHdrRow .BtnCell .BtnPurple a {width:100%;} .MainDiv .ListBlockHdrRow .BtnCell .BtnPurple input {width:100%;} .MainDiv .ListBlockHdrRow .BtnCell .BtnPurple button {width:100%;} .MainDiv .MainBottom {margin:0px 60px;} .MainDiv .MainFooter {padding:20px 0px 80px 0px;} .MainDiv .MainFooter a {} .MainDiv .MainFooter .RightSide {float:right; padding-right:6px; font-size:12px; font-weight:400;} .MainDiv .MainFooter .LeftSide {float:left; padding-left:7px;} .NavContainer {display:inline-block; visibility:hidden;} .NavContainer ul.Level1 {margin:0px; padding:0px; display:block;} .NavContainer ul.Level1 li.Level1 {margin:0px; padding:0px; display:block; position:relative;} .NavContainer ul.Level1 li.Level1 a.Level1 {position:relative; z-index:10;} .NavContainer ul.Level1 li.Level1Highlighted a.Level1 {} .NavContainer ul.Level2 {margin:0px; padding:0px 0px 0px 0px; display:none; position:absolute; background:#4d4d4f; top:-20px; left:-20px; z-index:5; width:210px;} .NavContainer ul.Level2 li.Level2 {margin:0px; padding:0px; display:block; position:relative; vertical-align:middle; text-align:left;} .NavContainer ul.Level2 li.Level2 a.Level2 {display:block; font-size:11px; line-height:1.3em; font-family:'Montserrat', Arial, Helvetica, Verdana, Sans-Serif; font-weight:600; color:#ffffff; text-transform:uppercase; letter-spacing:2px; text-decoration:none; padding:10px 20px; text-decoration:none; -moz-appearance:none; -webkit-appearance:none; transition:color 200ms ease;} .NavContainer ul.Level2 li.Level2Highlighted a.Level2 {} .NavContainer ul.Level2 li.Level2:first-child a.Level2 {padding:90px 20px 10px 20px;} .NavContainer ul.Level2 li.Level2:last-child a.Level2 {padding:10px 20px 30px 20px;} .NavContainer ul.Level2 li.Level2 a.Level2:hover {color:#707070;} .LookupBlock {} .LookupBlock .Left {float:left; width:48.5%;} .LookupBlock .Left .BtnBlueSmall {float:right; margin-top:15px; position:relative; display:none;} .LookupBlock .Left .BtnBlueSmall a {padding:10px 15px; letter-spacing:1px; font-size:10px;} .LookupBlock .Left .JSValidationInfo {display:none; font-size:12px; line-height:15px; font-weight:300; color:#d22; margin-top:4px;} .LookupBlock .Left #PostcodeFormBox {margin-bottom:10px;} .LookupBlock .Left .LookupSelect {display:none;} .LookupBlock .Left .LookupSelect .ListBoxWithAddresses {font-size:13px; line-height:1.3em; font-weight:400; color:#282828; width:100%; background-color:#eeeeee; padding:5px; border:1px solid #d5d1d1; box-sizing:border-box; font-family:'Montserrat', Arial, Helvetica, Verdana; -webkit-appearance:none;} .LookupBlock .Left .LookupSelect .ListBoxWithAddresses option {padding:5px;} .LookupBlock .Right {float:right; width:48.5%;} .LookupBlock .Right .AddressFields {display:none;} .LookupBlockAdmin .BtnBlueSmall {display:none; position:relative;} .LookupBlockAdmin .AddressNotFound {font-size:14px; display:none; margin-bottom:20px;} .LookupBlockAdmin .LookupSelect {display:none;} /* Customer Data */ .CustomerDataContainer {position:relative;} .CustomerDataContainer .ProgressIndicator {position:absolute; z-index:10; top:50px; left:50%; transform:translateY(-50%);} .CustomerDataLayout {width:100%; border:1px solid #EAE8E8;} .CustomerDataLayout .HdrTopRow .Cell {width:10%; vertical-align:middle; text-transform:uppercase; padding:15px; box-sizing:border-box; font-family:Arial, Helvetica, Verdana; color:#282828; font-size:12px; text-align:center; border-left:1px solid #EAE8E8;} .CustomerDataLayout .HdrTopRow .Cell.TwoCol {padding:5px;} .CustomerDataLayout .HdrTopRow.One {border-bottom:none;} .CustomerDataLayout .HdrTopRow.Two .Cell {width:5%; border-top:1px solid #EAE8E8; font-size:10px; padding:5px;} .CustomerDataLayout .DetailRow .Cell {vertical-align:middle; text-transform:uppercase; padding:20px; box-sizing:border-box; color:#848383; font-size:14px; text-align:center; border-left:1px solid #EAE8E8; border-top:1px solid #EAE8E8;} .CustomerDataLayout .DetailRow .Cell.FirstCol {text-align:left; color:#282828; border-left:none;} /* New Navigation */ .MainDiv .FirstRow {display:none;} .Menu .SecondRow {background-color:#efefef; padding:0px 60px; box-sizing:border-box;} .Menu .SecondRow ul {display:table; margin:0px; padding:0px;} .Menu .SecondRow ul li {display:table-cell; vertical-align:middle; margin:0px; padding:0px 25px 0px 0px; text-align:center; position:relative;} .Menu .SecondRow ul li a {white-space:nowrap; color:#4d5455; font-size:13px; line-height:1.3em; font-family:Arial, Helvetica, Verdana; text-decoration:none; display:block; padding:21.5px 0px;} .Menu .SecondRow ul li.Active a {border-bottom:4px solid #0065c0; padding-bottom:17.5px;} .Menu .SecondRow ul li:hover a {border-bottom:4px solid #0065c0; padding-bottom:17.5px;} .Menu .ThirdRow {position:relative; z-index:10;} .Menu .ThirdRow .Inner {padding:30px 60px 0px 60px;} .Menu .ThirdRow ul {display:table; margin:0px; padding:0px;} .Menu .ThirdRow ul li {display:table-cell; vertical-align:middle; margin:0px; padding:0px; text-align:center;} .Menu .ThirdRow ul li a {color:#707070; font-size:11px; line-height:1.2em; font-family:'Montserrat', sans-serif; font-weight:700; letter-spacing:2px; text-transform:uppercase; text-decoration:none; display:block; padding:11px 22px; background:#fff; border-radius:25px;} .Menu .ThirdRow ul li .LineSpacer {display:none;} .Menu .ThirdRow ul li.Active a {color:#ffffff; background:#1982C4;} .Menu .ThirdRow ul li:hover.Active a {color:#ffffff;} .Menu .ThirdRow ul li:hover a {color:#282828;} /* Navigation */ .GlobalNav {} .GlobalNav table {height:45px; width:100%; background-color:#282828; background-repeat:repeat-x; text-align:center;} .GlobalNav table a {color:#fff; font-size:10px; font-family:'Montserrat', sans-serif; font-weight:700; letter-spacing:2px; text-transform:uppercase;} .GlobalNav table td {vertical-align:middle; text-align:center; border-right:solid 1px #48484a; border-bottom:solid 1px #48484a; padding:0px 2px 0px 2px;} .GlobalNav table td:last-child {border-right:none;} .GlobalNav table td.Active {background-color:#1982C4;} .GlobalNav table td.Active a {color:#fff;} /* tabs style updates testing */ .GlobalNav table {background-color:transparent; border-spacing:4px;} .GlobalNav table td {border-radius: 12px 12px 0 0; background-color:#282828;} .GlobalNavSecond {background-color:#EFEFEF;} .GlobalNavSecond table {height:45px; background-repeat:repeat-x; text-align:center; background-color:transparent; border-spacing:6px;} .GlobalNavSecond table a {color:#fff; font-size:10px; font-family:'Montserrat', sans-serif; font-weight:700; letter-spacing:2px; text-transform:uppercase;} .GlobalNavSecond table td {vertical-align:middle; text-align:center; padding:0px 20px 0px 20px; border-radius:20px; background-color:#282828;} .GlobalNavSecond table td.Active {background-color:#1982C4;} .GlobalNavSecond table td.Active a {color:#fff;} .GlobalNavThird {background-color:#EFEFEF;} .GlobalNavThird table {height:30px; background-repeat:repeat-x; text-align:center; background-color:transparent; border-spacing:6px; padding:10px 0px;} .GlobalNavThird table a {color:#282828; font-size:11px; font-family:'Montserrat', sans-serif; font-weight:700; letter-spacing:2px; text-transform:uppercase;} .GlobalNavThird table td {vertical-align:middle; text-align:center; padding:0px 10px 0px 10px; color:#282828; border-right:1px solid #c0c0c0;} .GlobalNavThird table td:last-child {padding:0px 0px 0px 0px; border-right:none;} .GlobalNavThird table td.Active {} .GlobalNavThird table td.Active a {color:#1982C4;} .LocalNavInner {margin-top:25px;} .LocalNavInner .Inactive .Centre {display:block; float:left;} .LocalNavInner .Inactive .Centre a {font-size:11px; line-height:1.3em; font-family:'Montserrat', sans-serif; font-weight:700; letter-spacing:2px; text-transform:uppercase; color:#282828; position:relative;} .LocalNavInner .Inactive .Centre a:hover {color:#1982C4; text-decoration:none;} .LocalNavInner .Active .Centre {display:block; float:left; } .LocalNavInner .Active .Centre a {font-size:11px; line-height:1.3em; font-family:'Montserrat', sans-serif; font-weight:700; letter-spacing:2px; text-transform:uppercase; color:#1982C4;} .LocalNavInner .Active .Centre a:hover {color:#1982C4; text-decoration:none;} .LocalNavInner .Between {display:block; position:relative; background-color:#fff; font-size:2px; top:0px; float:left; width:1px; height:15px; margin-left:15px; margin-right:15px; background-color:#e0e0e0;} /* Xstandard's styles used in all editable content boxes */ .CMSBox {margin-bottom:35px;} /* Forms */ .FormSpacer {width:10px; height:5px} .FormBox {width:265px; margin-bottom:5px; padding:4px 0px 6px 0px;} .FormBoxWiderForImage {width:360px;} .HTMLEditor {width:100%;} .HTMLEditor1 {width:100%;} .InnerFormBox {float:left; width:136px;} .InnerFormBoxFix {clear:left; height:1px; font-size:1px;} .InnerFormBoxLeft {width:50%; float:left;} .InnerFormBoxRight {width:20%; float:left;} .MainDiv .MainContent div.FullWidthBlockWithTop {width:250px; clear:left; padding:10px 15px 0px 15px; float:left; border-top:solid 3px #646464;} .FormBox.W47 {width:47%; float:left;} .BoxSpacerW6 {width:6%; height:1px; float:left;} .FormBox.W33 {width:30.33%; float:left;} .BoxSpacerW33 {width:3%; height:1px; float:left;} .BoxSpacerWFix {width:20px; height:1px; float:left;} .FormBox .ImageV1 {margin-bottom:4px; width:264px; font-size:14px; line-height:26px; color:#787e80;} .FormBox .ImageV1 a {font-size:14px; line-height:26px; color:#787e80;} .FormBox .ImageV2 {margin-bottom:4px; width:264px; font-size:14px; line-height:26px; color:#787e80;} .FormBox .ImageV2 a {font-size:14px; line-height:26px; color:#787e80;} .FormBox .ImageV2 img {width:100%;} .FormBox .Inline .FormLabel,.FormBox .Inline .FormField {display:inline; clear:none; position:relative} .FormBox {margin-bottom:30px; width:auto; padding:0px;} .FormBox .FormImage {margin-bottom:15px;} .FormBox .FormImage img {width:100%; display:block;} .FormBox .FormLabel {font-size:12px; font-weight:400; margin:0px 0px 10px 0px; display:block; color:#4E5556; font-family:Arial, Helvetica, Verdana;} .FormBox .FormLabel a {text-decoration:underline;} .FormBox .FormLabel .Asterisk {margin-left:3px;} .FormBox .FormLabel.Hidden {display:none;} .FormBox .FormLabel.Tooltip {position:relative;} .FormBox .FormLabel.Tooltip label:hover {cursor:pointer;} .FormBox .FormLabel.Tooltip label:hover .ToolipBlock {visibility:visible; opacity:1;} .FormBox .FormLabel.Tooltip .ToolipBlock {visibility:hidden; opacity:0; transition: visibility 0s, opacity 0.2s; position:absolute; z-index:10; top:-47px; left:-15px; background-color:#838D8F; border-radius:3px; padding:6px 10px; box-sizing:border-box; max-width:190px; line-height:1.2em;} .FormBox .FormLabel.Tooltip .ToolipBlock .Txt {display:block; color:#ffffff; font-size:10px;} .FormBox .FormLabel .LabelTxtCols {display:flex; align-items:start; width:100%;} .FormBox .FormLabel .LabelTxtCols .Col1 {flex:1; padding-right:15px; box-sizing:border-box;} .FormBox .FormLabel .LabelTxtCols .Col2 {flex:1; text-align:right;} .FormBox .FormLabel label.DDActive {color:#388DCF;} .FormBox .FormField {clear:left; position:relative;} .FormBox .FormField .ui-datepicker-trigger {position:absolute; top:-2px; right:0px; width:43px; cursor:pointer;} .FormBox .FormField.Card {display:inline-block; margin-right:20px;} .FormBox .FormField.Card .iradio_square-grey {margin-top:20px;} .FormBox .FormField.Card img {width:100px;} .FormBox .FieldInfo {font-size:10px; line-height:16px; color:#4E5556; margin-top:5px; font-family:Arial, Helvetica, Verdana;} .FormBox .FieldInfo.RptDlMsg {display:none; color:#ff0000;} .FormBox .FieldInfo.RptDlMsgDefault {color:#ff0000;} .FormBox .FieldView {font-size:14px; line-height:26px; color:#787e80; margin-top:10px;} .FormBox .FieldView a {font-size:14px;} .FormBox .FieldView.SmSpaceBtm {margin-bottom:-10px;} .FormBox .LengthInfo {font-size:12px; line-height:16px; color:#a8a8a8; margin-top:10px; text-align:right;} .FormBox .RadioField {display:inline-block; margin:10px 25px 0px 0px;} .FormBox.ReducingBalanceDiv {display: none;} .FormBox.ReducingBalanceDiv.Show {display: block;} .FormBox .ListBlock {border:1px solid #d5d1d1; background-color:#ffffff; height:214px; overflow-y:auto;} .FormBox .ListBlock .List {margin:20px;} .FormBox .ListBlock .ListItem {display:flex; align-items:center; font-family:Arial, Helvetica, Verdana; margin:10px 0px;} .FormBox .ListBlock .ListItem .LeftCol {flex:0 0 65%; font-size:12px; line-height:1.5em; color:#787E80; padding-right:20px; box-sizing:border-box;} .FormBox .ListBlock .ListItem .RightCol {flex:0 0 35%; font-size:9px; line-height:1.5em; color:#8E8E8E;} .FormBox .ListBlock .ListItem.SingleCol {display:block; font-size:12px; line-height:1.5em; color:#787E80;} .FormBox.ReadOnly {opacity:0.5; pointer-events:none;} /* 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 .TextArea {border:1px solid #C77979 !important; background-color:#FFF7F7 !important; padding-right:40px;} .FormBox.Error .TextAreaW1 {border:1px solid #C77979 !important; background-color:#FFF7F7 !important; padding-right:40px;} .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 */ .FormField .EditBox {color:#4E5556; background-color:#F5F5F5; border:1px solid #ACBCBE; border-radius:0px; width:100%; padding:11px 15px; box-sizing:border-box; font-size:12px; line-height:16px; -webkit-appearance:none; outline:none;} .FormField .TextArea {color:#4E5556; background-color:#F5F5F5; border:1px solid #ACBCBE; 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 .DropDown {color:#4E5556; background-color:#F5F5F5; border:1px solid #ACBCBE; border-radius:0px; width:100%; padding:11px 0px 11px 15px; box-sizing:border-box; font-size:12px; line-height:16px; -webkit-appearance:none;} .FormField .EditBoxW1 {color:#4E5556; background-color:#F5F5F5; border:1px solid #ACBCBE; border-radius:0px; width:100%; padding:11px 15px; box-sizing:border-box; font-size:12px; line-height:16px; -webkit-appearance:none; outline:none;} .FormField .EditBoxW3 {font-size:12px; line-height:16px; font-weight:400; color:#4E5556; width:100%; background-color:#F5F5F5; padding:0px 10px 0px 10px; height:40px; border:1px solid #ACBCBE; box-sizing:border-box; font-family:Arial, Helvetica, Verdana; -webkit-appearance:none; -moz-appearance:textfield;} .FormField .DropDownW1 {color:#4E5556; background-color:#F5F5F5; border:1px solid #ACBCBE; border-radius:0px; width:100%; padding:11px 0px 11px 15px; box-sizing:border-box; font-size:12px; line-height:16px; -webkit-appearance:none;} .FormField .TextAreaW1 {font-size:12px; line-height:1.3em; font-weight:400; color:#4E5556; width:100%; background-color:#F5F5F5; padding:10px 10px 10px 10px; border:1px solid #ACBCBE; box-sizing:border-box; font-family:Arial, Helvetica, Verdana; -webkit-appearance:none;} .FormField .ListBoxW1 {font-size:12px; line-height:1.3em; font-weight:400; color:#4E5556; width:100%; background-color:#F5F5F5; padding:10px 10px 10px 10px; border:1px solid #ACBCBE; box-sizing:border-box; font-family:Arial, Helvetica, Verdana; -webkit-appearance:none;} .FormField .ListBoxHidden {height:1px; width:1px;} .FormField .ListBoxWithAddresses {font-family:'Montserrat', Arial, Helvetica, Verdana; color:#4E5556; background-color:#eeeeee; border:none; width:100%; border:1px solid #d5d1d1; padding:5px; box-sizing:border-box;} .FormField .ListBoxWithAddresses option {padding:5px;} .FormField .FileUploadW1 {color:#4E5556; background-color:#F5F5F5; border:1px solid #ACBCBE; border-radius:0px; width:100%; padding:10px 15px; box-sizing:border-box; font-size:12px; line-height:1.3em; font-weight:400; font-family:Arial, Helvetica, Verdana; -webkit-appearance:none;} .FormField .FileUploadW1.FullWidth {} .FormField .Quantity {} .FormField .Quantity .Field {font-size:13px; line-height:44px; font-weight:400; color:#4E5556; width:100%; background-color:#eeeeee; padding:0px 30px 0px 10px; height:44px; border:1px solid #d5d1d1; box-sizing:border-box; font-family:Arial, Helvetica, Verdana; -webkit-appearance:none;} .FormField .Quantity .BtnPlus {background:url(/Content/Images/Icon_Quantity_Plus.png) #888888 no-repeat center; background-size:cover; width:22px; height:22px; display:block; position:absolute; top:0px; right:0px; cursor:pointer;} .FormField .Quantity .BtnPlus:hover {background:url(/Content/Images/Icon_Quantity_Plus.png) #767676 no-repeat center; background-size:cover;} .FormField .Quantity .BtnMinus {background:url(/Content/Images/Icon_Quantity_Minus.png) #888888 no-repeat center; background-size:cover; width:22px; height:22px; display:block; position:absolute; bottom:0px; right:0px; cursor:pointer; border-top:1px solid #999999;} .FormField .Quantity .BtnMinus:hover {background:url(/Content/Images/Icon_Quantity_Minus.png) #767676 no-repeat center; background-size:cover;} .FormLayoutV1 .FormBox {width:49%; float:left; margin-bottom:20px;} .FormLayoutV1 .FormBox .FormBox {margin-bottom:15px;} .FormLayoutV1 .FormBox.NoFloat {width:100%; float:none;} .FormLayoutV1 .FormFieldSpacer {width:2%; height:1px; float:left;} .FormLayoutV1 .FieldInfo {font-size:10px; margin-top:10px; color:#4E5556;} .FormLayoutV1 .StaticFieldInfo {font-size:10px; top:0px; color:#4E5556;} .FormLayoutV1 .StaticFieldInfo .PRec {margin-bottom:0px;} .FormLayoutV1 .StaticFieldInfo ul {margin:0px 0px 5px 10px;} .FormLayoutV1 .StaticFieldInfo ul li {font-size:10px; margin:0px 0px -1px 0px;} .FormLayoutV1 #CustomFieldOffDiv {margin-top:15px;} .FormLayoutV1 .icheckbox_square-grey {margin-right:15px;} .FormLayoutV1 .icheckbox_square-grey {width:20px; height:20px; background:url(/Content/Images/grey5.png) no-repeat; background-position:0px 0;} .FormLayoutV1 .icheckbox_square-grey.hover {background-position:0px 0;} .FormLayoutV1 .icheckbox_square-grey.checked {background-position:-54px 0;} .FormLayoutV1 .icheckbox_square-grey.disabled {background-position:-81px 0; cursor:default;} .FormLayoutV1 .icheckbox_square-grey.checked.disabled {background-position:-108px 0;} /* To be used inside FormField or in any other place*/ .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:2px; cursor:pointer;} .CbxAndLabelBig input {position:relative; margin-right:6px;} .CbxAndLabelBig label {position:relative; cursor:pointer; font-size:11px; line-height:1.3em; font-weight:700; color:#037be7; font-family:Arial, Helvetica, Verdana; text-transform:uppercase; margin-left:0px; top:3px; margin-right:25px;} .CbxAndLabelBig.Disable label {color:#838D8F; cursor:default;} .CbxAndLabelBig .Tooltip {position:relative;} .CbxAndLabelBig .Tooltip:hover .ToolipBlock {visibility:visible; opacity:1;} .CbxAndLabelBig .Tooltip .ToolipBlock {visibility:hidden; opacity:0; transition: visibility 0s, opacity 0.2s; position:absolute; z-index:10; top:-13px; left:160px; background-color:#838D8F; border-radius:3px; padding:6px 10px; box-sizing:border-box; width:160%; max-width:250px; line-height:1.2em;} .CbxAndLabelBig .Tooltip .ToolipBlock .Txt {display:block; color:#ffffff; font-size:10px;} .RadioAndLabel {position:relative;} .RadioAndLabel input {position:relative; margin-right:3px;} .RadioAndLabel label {font-size:1.2em; margin-right:10px;} .ClientsListTable {width:100%; max-width:640px; text-align:left; margin:40px auto 0pc auto;} .ClientsListTable td {font-size:14px; color:#787e80; padding:5px 0px;} .ClientsListTable .Name {font-weight:600;} .FormWideInfoBox {padding-left:16px; font-size:1.2em; margin-bottom:5px; padding-bottom:2px; padding-top:2px; color:#333;} .FormLabel .FirstNumber {float:left; font-size:11px; padding-bottom:5px; width:85px;} .FormLabel .SecondNumber {float:left; font-size:11px; padding-bottom:5px; width:85px;} .FormLabel .ThirdNumber {float:left; font-size:11px; padding-bottom:5px; width:145px;} .FormField .FirstNumber {font-size:12px; line-height:16px; color:#4E5556; width: 79px; background-color:#F5F5F5; padding:0px 10px 0px 10px; height:44px; border:1px solid #ACBCBE; box-sizing:border-box; font-family:'Montserrat', Arial, Helvetica, Verdana; -webkit-appearance:none; margin-right:5px;} .FormField .SecondNumber {font-size:12px; line-height:16px; color:#4E5556; width: 79px; background-color:#F5F5F5; padding:0px 10px 0px 10px; height:44px; border:1px solid #ACBCBE; box-sizing:border-box; font-family:'Montserrat', Arial, Helvetica, Verdana; -webkit-appearance:none; margin-right:5px;} .FormField .ThirdNumber {font-size:12px; line-height:16px; color:#4E5556; width:140px; background-color:#F5F5F5; padding:0px 10px 0px 10px; height:44px; border:1px solid #ACBCBE; box-sizing:border-box; font-family:'Montserrat', Arial, Helvetica, Verdana; -webkit-appearance:none;} .JSTextarea {} /* <- JQ class*/ .FormBoxFocusHighlighted {} .FormBoxValidationHighlighted {} .input-validation-error {border:solid 1px #d77 !important; background-color:#fee !important;} .BindColourPicker {position:relative;} .XScroll {overflow-x:auto;} .ProjectListDD .LoadingPanel {background-color:rgba(238, 238, 238, 0.3); text-align:center; border-radius:3px; padding:10px; box-sizing:border-box;} .ProjectListDD .LoadingPanel img {width:50px;} .ProjectListDD .LoadingPanel.Hide {display:none;} .ProjectListDD .FormBox.Hide {display:none;} /* Validation */ .Asterisk {color:#d22; font-size:12px;} .ValidationMessage1 {font-size:14px; line-height:1.3em; color:#C77979; display:block; padding:0px 0px 20px 0px; margin:0px;} .ValidationMessage1 a {color:#d22; text-decoration:underline;} .ValidationMessage2 {color:#C77979; font-size:14px; line-height:1.3em; display:block; margin-bottom:15px;} .ValidationMessage2 a {color:#d22; text-decoration:underline;} .ValidationMessageShop {color:#d22; font-size:11px; line-height:1.4em; margin-bottom:10px; display:block; font-family:'Montserrat', Arial, Helvetica, Verdana; font-weight:700; letter-spacing:1px; text-transform:uppercase;} .ValidationMessageDownload {color:#d22; font-size:11px; line-height:1.4em; margin-bottom:10px; display:block; font-family:'Montserrat', Arial, Helvetica, Verdana; font-weight:700; letter-spacing:1px; text-transform:uppercase;} .ValidationMessageDownload a {color:#d22; text-decoration:underline;} .ValidationInfo {color:#C77979; font-size:11px; line-height:1.3em; margin-top:5px; display:block;} .ValidationInfoLogin {color:#C77979; font-size:11px; line-height:1.3em; margin-top:5px; margin-bottom:10px; display:block; width:100%; float:left; clear:left;} .RequiredFieldLabel {color:#a8a8a8;} div.ListWidthBlockWithTopBorder .ValidationMessage1 {margin-left:0px;} .FullWidthResetModules {margin-top:20px; margin-bottom:20px;} .RedInfoTextForResetModules {color:#d22; font-size:11px; line-height:1.4em; margin-bottom:10px; display:block; font-family:'Montserrat', Arial, Helvetica, Verdana; font-weight:700; letter-spacing:1px; text-transform:uppercase; margin-left:0px;} .SelectBoxValidation .ui-selectmenu-button {border:solid 1px #d77 !important; background-color:#fee !important;} /* JS adds SelectBoxValidation class to FormField */ .FrontEndDateValidation {display:none;} /*Telerik help*/ .TelerikInfo {position:relative; height:auto; font-size:11px; font-weight:bold; padding:5px 10px 5px 6px; background-color:#eee; background-repeat:repeat-x; border-top:solid 1px #828282; border-right:solid 1px #828282; border-left:solid 1px #828282;}/*Adds a bar that looks like it is part of the telerik control */ #TableListScrollContainer {max-width:1783px; overflow-x:scroll;} /* Admin Access Page */ .TopRightButtons {float:right; padding-top:2px;} .TopRightButtons .Button span.Centre a {padding:10px 20px;} .AccessItem h2 {font-size:1.4em; margin:15px auto 5px 0px;} .AccessItem .AccessItemButtons {margin-bottom:2px;} .AccessItem .AccessItemButtons a {color:#1982C4; font-size:14px; margin-right:10px;} .AccessItem .AccessItemButtons a:hover {} .AccessItem .AccessCBList {padding:5px 0px 10px 0px;} .AccessItem .AccessCBList .FieldLabel {font-size:12px; position:relative; top:3px; margin-right:10px;} .AccessItem .AccessCBList .CbxAndLabel {margin-top:10px;} .AccessItem .AccessCBList .CbxAndLabel label {margin-right:20px;} .SwitchablePanel {display:none; border-top:solid 1px #fff;} .OrderDataTable {font-size:1.1em; border:solid 1px #ddd; border-bottom:none;} .OrderDataTable th {text-align:left; padding:4px 6px 4px 6px; background-color:#f2f2f2;} .OrderDataTable td {padding:3px 6px 4px 6px; border-bottom:solid 1px #ddd;} #pageMessage {color:#d22; font-weight:bold;} .LongImageList {} .LongImageList .ColumnLeft {float:left; width:450px;} .LongImageList .ColumnLeft .ImageV2 {width:450px;} .LongImageList .ColumnLeft .FormBox {width:400px;} .LongImageList .ColumnRight {float:right; width:279px;} .LongImageList .Delimiter {clear:both; border-bottom:solid 1px #ddd; height:20px; margin-bottom:20px;} .LongImageViewList {width:590px; margin-top:20px; margin-left:15px;} .LongImageViewList .Item {margin-bottom:10px; padding-bottom:17px; border-bottom:solid 1px #ddd;} .LongImageViewList .Item .InfoLabelLeft {float:left; font-size:1.2em; margin-bottom:3px;} .LongImageViewList .Item .InfoLabelLeft span {font-weight:bold;} .LongImageViewList .Item .InfoLabelRight {float:right; font-size:1.2em; margin-bottom:3px;} .LongImageViewList .Item .InfoLabelRight span {font-weight:bold;} .LongImageViewList .Item .Image {} .SimpleGeneralTable {width:100%; margin-top:10px;} .SimpleGeneralTable th {font-size:1.2em; height:15px; font-weight:bold; color:#333; text-align:left; padding-bottom:10px; padding-right:20px;} .SimpleGeneralTable th.SGTItem {text-align:left; padding-right:10px; padding-bottom:10px;} .SimpleGeneralTable th.SGTPrice {text-align:center; padding-right:10px; padding-left:10px; padding-bottom:10px;} .SimpleGeneralTable th.SGTQuanity {text-align:center; padding-right:10px; padding-left:10px; padding-bottom:10px;} .SimpleGeneralTable th.SGTSubtotal {text-align:right; padding-left:10px; padding-bottom:10px;} .SimpleGeneralTable td {font-size:1.1em; margin-top:2px; padding-right:20px;} .SimpleGeneralTable td.SGTItem {text-align:left; padding-right:10px; padding-bottom:10px;} .SimpleGeneralTable td.SGTPrice {text-align:center; padding-right:10px; padding-left:10px; padding-bottom:10px;} .SimpleGeneralTable td.SGTQuanity {text-align:center; padding-right:10px; padding-left:10px; padding-bottom:10px;} .SimpleGeneralTable td.SGTSubtotal {text-align:right; padding-left:10px; padding-bottom:10px;} .AdminTotalTable {margin-top:10px; font-size:1.1em;} .AdminTotalTable td.ATTLeft {text-align:left; padding-right:10px; padding-left:10px; padding-bottom:10px; font-size:1.2em; height:15px; font-weight:bold; color:#333;} .AdminTotalTable td.ATTRight {min-width:120px; padding-left:10px; padding-bottom:10px; text-align:right;} .AdminTotalTable td.ATTTotalLeft {text-align:left; padding-right:10px; padding-left:10px; padding-bottom:10px; font-size:1.2em; height:15px; font-weight:bold; color:#333;} .AdminTotalTable td.ATTTotalRight {min-width:120px; padding-left:10px; padding-bottom:10px; text-align:right;} .FormDate {} .FormDate .ui-datepicker-trigger {height:44px; vertical-align:bottom; position:relative; bottom:0px; cursor:pointer;} .FormDate.Start {width:initial; display:inline-block; vertical-align:top;} .FormDate.End {width:initial; display:inline-block; vertical-align:top;} .FormBox.StartTime {width:initial; display:inline-block; padding-right:17px;} .FormBox.StartTime select {width:inherit;} .FormBox.EndTime {width:initial; display:inline-block;} .FormBox.EndTime select {width:inherit;} .AdminDisTbl {width:100%; text-align:left; margin-bottom:20px; border-top:1px solid #999999; border-left:1px solid #999999; border-bottom:1px solid #999999;} .AdminDisTbl th.Col1 {text-transform:uppercase; width:12.5%; font-size:12px; padding:5px; box-sizing:border-box; background-color:#eeeeee;} .AdminDisTbl th.Col2 {text-transform:uppercase; width:12.5%; font-size:12px; padding:5px; box-sizing:border-box; background-color:#eeeeee;} .AdminDisTbl th.Col3 {text-transform:uppercase; width:12.5%; font-size:12px; padding:5px; box-sizing:border-box; background-color:#eeeeee;} .AdminDisTbl th.Col4 {text-transform:uppercase; width:12.5%; font-size:12px; padding:5px; box-sizing:border-box; background-color:#eeeeee;} .AdminDisTbl th.Col5 {text-transform:uppercase; width:7.5%; font-size:12px; padding:5px; box-sizing:border-box; background-color:#eeeeee;} .AdminDisTbl th.Col6 {text-transform:uppercase; width:17.5%; font-size:12px; padding:5px; box-sizing:border-box; background-color:#eeeeee;} .AdminDisTbl th.Col7 {text-transform:uppercase; width:12.5%; font-size:12px; padding:5px; box-sizing:border-box; background-color:#eeeeee;} .AdminDisTbl th.Col8 {text-transform:uppercase; width:12.5%; font-size:12px; padding:5px; box-sizing:border-box; background-color:#eeeeee; border-right:1px solid #999999;} .AdminDisTbl td {padding:5px; box-sizing:border-box; border-top:1px solid #999999; border-right:1px solid #999999; font-size:11px;} .SuppDisTbl {width:100%; text-align:left; margin-bottom:20px; border-top:1px solid #999999; border-left:1px solid #999999; border-bottom:1px solid #999999;} .SuppDisTbl th.Col1 {text-transform:uppercase; width:14.28%; font-size:12px; padding:5px; box-sizing:border-box; background-color:#eeeeee;} .SuppDisTbl th.Col2 {text-transform:uppercase; width:14.28%; font-size:12px; padding:5px; box-sizing:border-box; background-color:#eeeeee;} .SuppDisTbl th.Col3 {text-transform:uppercase; width:14.28%; font-size:12px; padding:5px; box-sizing:border-box; background-color:#eeeeee;} .SuppDisTbl th.Col4 {text-transform:uppercase; width:10.28%; font-size:12px; padding:5px; box-sizing:border-box; background-color:#eeeeee;} .SuppDisTbl th.Col5 {text-transform:uppercase; width:18.28%; font-size:12px; padding:5px; box-sizing:border-box; background-color:#eeeeee;} .SuppDisTbl th.Col6 {text-transform:uppercase; width:14.28%; font-size:12px; padding:5px; box-sizing:border-box; background-color:#eeeeee;} .SuppDisTbl th.Col7 {text-transform:uppercase; width:14.28%; font-size:12px; padding:5px; box-sizing:border-box; background-color:#eeeeee; border-right:1px solid #999999;} .SuppDisTbl td {padding:5px; box-sizing:border-box; border-top:1px solid #999999; border-right:1px solid #999999; font-size:11px;} .TotalValues {width:360px; float:right;} .TotalValues p {font-size:11px;} .TotalValues .Value .LeftSide {display:inline-block; width:70%; text-align:left; float:left;} .TotalValues .Value .RightSide {display:inline-block; width:30%; text-align:right; float:left;} .TotalValues .Value .RightSide .CurrSym {display:inline-block; vertical-align:bottom;} .TotalValues .Value .RightSide .Cost {display:inline-block; vertical-align:bottom;} .TotalValues .Value .RightSide .Cost span {font-size:11px;} .t-grid {width:100% !important;} /* Telerik */ .t-icon {background-image: url(/Content/Images/Sprite_LightSkin.png);} .t-widget {background-color:#fff;} .t-alt {background-color:#f7f7f7;} .t-header, .t-grid-header {background:#fff; border-color:#242424; vertical-align:middle;} .t-grid td {border-color:#dddddd; vertical-align:middle; padding:8px 20px; border-bottom-width:1px;} .t-grid td:last-child {border-right:none;} .t-widget, .t-link:link, .t-link:active, .t-link:visited, .t-popup {color:#8d8d8d; border:none;} .t-toolbar, .t-grouping-header, .t-grid-pager, .t-widget .t-status {border-color:#fff;; background-color:#fff;} .t-state-hover, .t-state-hover:hover {background-color:#dddddd;} .t-header .t-state-hover {background:initial;} .t-state-selected {background:initial;} .FormBoxOpen {float:left; width:70%; margin:0px;} .FormBoxOpen .FormField {border:1px solid rgb(36, 36, 36); border-radius:4px;} .FormBoxOpen .FormField .EditBox {height:33px; line-height:33px;} .BtnOpen {float:right; width:25%;} .BtnOpen button {padding:6px 0px; width:100%;} .t-grid-pager {border:none; padding:20px 0px 5px 0px;} .t-grid-pager .t-status .t-icon {background-image:url(/Content/Images/Icon_Refresh_02.png); background-size:cover; background-position:inherit;} .t-grid-filter {margin:-2.2em -.0em -.3em 3px;} .t-popup {background-color:#fff; color:#8d8d8d;} .t-state-default {border-color:#dddddd;} .t-grid .t-filter-options {background:#282828; border-color:#282828; border-radius:0px; border-width:15px; box-shadow:none; width:200px !important;} .t-grid .t-status {border-right:none;} .t-grid-header .t-header {background-color:#f7f7f7; border-color:#dddddd; border-top:1px solid #dddddd;} .t-grid-header .t-last-header {background-color:#f7f7f7; border-color:#dddddd;} .t-grid-header .t-header .icheckbox_square-grey {margin-left:13px;} .t-grid-header .t-header .t-link {padding:10px 20px; line-height:initial; height:auto; text-transform:uppercase;} .t-pager .t-numeric, .t-pager .t-page-i-of-n {margin:0 10px;} .t-pager .t-page-size {margin-left:10px;} .t-page-i-of-n input {margin:0px 6px;} .t-filter-options select {font-size:14px; line-height:40px; width:100%; padding:0px 0px 0px 10px; background-color:#f9f9fb; height:40px; border:1px solid #e0e0e0; box-sizing:border-box; border-radius:4px; font-family:'Lato', Arial, Helvetica, Verdana; color:#8d8d8d;} .t-filter-options input {font-size:13px; line-height:24px; width:100%; padding:10px; background-color:#fff; border:1px solid #e0e0e0; box-sizing:border-box; border-radius:4px; font-family:'Lato', Arial, Helvetica, Verdana; color:#8d8d8d; margin-bottom:14px;} .t-filter-options label {color:#fff !important; padding-left:10px; font-size:14px; line-height:20px;} .t-button {background:#1982C4; color:#ffffff; padding:14px 20px; font-size:13px; line-height:1.3em; font-weight:700; display:block; border:1px solid #1982C4; box-sizing:border-box; cursor:pointer; font-family:'Montserrat', Arial, Helvetica, Verdana, Sans-Serif; text-align:center; text-decoration:none; -webkit-appearance:none; transition:all 0.3s ease;} .t-button:hover {background:#014a8c; border:1px solid #014a8c;} .t-button-icontext .t-icon {display:none;} .t-filter-options .t-filter-help-text {color:#fff; margin:10px 0px; font-size:14px; line-height:20px;} .t-picker-wrap .t-icon {padding:0px; margin-top:13px;} .t-grouping-header {padding-left:0px;} /* 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;} /* Banner */ .BigBanner {display:block; width:100%; background:#000; position:relative; background:url(/Content/Images/Bg_Shop_Banner.jpg) no-repeat center; background-size:cover;} .BigBanner .BtnBack {text-decoration:none; -webkit-appearance:none; padding:14px 20px 14px 60px; font-size:11px; line-height:1.3em; font-weight:700; letter-spacing:2px; text-transform:uppercase; color:#707070; font-family:'Montserrat', Arial, Helvetica, Verdana, Sans-Serif; background:url(/Content/Images/Icon_Btn_Back2.png) no-repeat left; background-size:40px; border:none; cursor:pointer; position:absolute; left:40px; top:40px;} .BigBanner .Message {text-align:center; padding:80px 60px;} .BigBanner .Message .Title {font-size:40px; line-height:1.3em; font-family:'Arvo', Arial, serif; font-weight:400; color:#ffffff; margin:0px 0px 30px 0px;} .BigBanner .Message .SubLine {width:54px; height:5px; background-color:#eaeb85; margin:0px 0px 30px 0px; display:inline-block;} .BigBanner .Message .SubTitle {font-size:18px; line-height:1.3em; font-weight:400; color:#ffffff;} /* Items */ .WrapperList {display:block;} .WrapperList .ItemList {display:inline-block; border:1px solid #ACBCBE; box-sizing:border-box; vertical-align:top;} .WrapperList .ItemList .Img {width:100%;} .WrapperList .ItemList .Img img {width:100%; display:block;} .WrapperList .ItemList .Desc {padding:25px;} .WrapperList .ItemList .Desc .VariableHeight {} .WrapperList .ItemList .Desc .VariableHeight .Title {font-size:13px; line-height:20px; font-family:'Montserrat', Arial, Helvetica, Verdana, Sans-Serif; font-weight:600; color:#282828; margin-bottom:10px; text-align:left; letter-spacing:2px;} .WrapperList .ItemList .Desc .VariableHeight .Txt {font-size:13px; line-height:20px; font-family:'PT Serif', Arial, Helvetica, Verdana, Sans-Serif; font-weight:400; color:#838c8e; margin-bottom:10px; font-style:italic; text-align:left;} .WrapperList .ItemList .Desc .BtnReadMore {margin-top:16px;} .WrapperList .ItemList .Desc .BtnReadMore a {font-size:11px; line-height:1.3em; font-weight:700; letter-spacing:2px; text-transform:uppercase; color:#707070; font-family:'Montserrat', Arial, Helvetica, Verdana, Sans-Serif; cursor:pointer; text-decoration:none;} .WrapperList .ItemList .Desc .BtnReadMore a:hover {color: #282828;} .WrapperList .ItemList .Desc .BtnReadMore input {font-size:11px; line-height:1.3em; font-weight:700; letter-spacing:2px; text-transform:uppercase; color:#707070; font-family:'Montserrat', Arial, Helvetica, Verdana, Sans-Serif; cursor:pointer; text-decoration:none;} .WrapperList .ItemList .Desc .BtnReadMore input:hover {color: #282828;} .WrapperList .ItemList .Desc .Price {float:right; margin-bottom:15px; font-size:28px; line-height:1.3em; font-weight:300; color:#5f5f62; font-family:'Montserrat', sans-serif, Arial, Helvetica, Verdana;} .WrapperList .ItemList .Desc .Price .Saving {display:block; font-size:14px; line-height:26px; font-weight:400; color:#fc6002; font-family:Arial, Helvetica, Verdana;} .WrapperList .ItemList .Desc .Price .Saving .Nbre {font-weight:600;} .WrapperList .ItemList .Desc .BtnQuickBuy {display:block; position:relative;} .WrapperList .ItemList .Desc .BtnQuickBuy a {padding:14px 0px; width:100%;} .WrapperList .ItemList .Desc .BtnQuickBuy input {padding:14px 0px; width:100%;} .WrapperList .ItemList .Desc .BtnAdded {display:block;} .WrapperList .ItemList .Desc .BtnAdded a {padding:14px 0px; width:100%; border:1px solid #3ebb4c; background:#fff; color:#707070;} .WrapperList .ItemList .Desc .BtnAdded input {padding:14px 0px; width:100%; border:1px solid #3ebb4c; background:#fff; color:#707070;} #WrapperListColsIndicator {display:none; width:3px;} /* Shop */ .ShopPage .TableShop {display:table; width:100%;} .ShopPage .LeftCellShop {display:table-cell; vertical-align:top; width:300px; padding-right:60px;} .ShopPage .RightCellShop {display:table-cell; vertical-align:top;} .ShopPage .TopFilter {margin-bottom:30px;} .ShopPage .TopFilter .Title {float:left; font-size:24px; line-height:1.3em; font-family:'Merriweather Sans', sans-serif, Arial, Helvetica, Verdana; font-weight:400; color:#5f5f62;} .ShopPage .TopFilter .BtnClearFilter {float:right; text-decoration:none; -webkit-appearance:none; border:1px solid #d5d1d1; box-sizing:border-box; cursor:pointer;} .ShopPage .TopFilter .BtnClearFilter:hover {text-decoration:none;} .ShopPage .TopFilter .BtnClearFilter .Icon {background:url(/Content/Images/Icon_Btn_SmallDelete.png) no-repeat center; background-size:cover; width:30px; height:30px; display:inline-block; vertical-align:top;} .ShopPage .TopFilter .BtnClearFilter:hover .Icon {background:url(/Content/Images/Icon_Btn_SmallDeleteHover.png) no-repeat center; background-size:cover; width:30px; height:30px; display:inline-block; vertical-align:top;} .ShopPage .TopFilter .BtnClearFilter .Txt {padding:9px 20px 7px 10px; font-size:10px; line-height:1.3em; font-weight:700; letter-spacing:2px; text-transform:uppercase; color:#282828; font-family:'Montserrat', Arial, Helvetica, Verdana, Sans-Serif; display:inline-block; vertical-align:top;} .ShopPage .Filter {} .ShopPage .Filter ul.Level1 {margin:0px; padding:0px; display:block;} .ShopPage .Filter ul.Level1 li.Level1 {margin:0px 0px 20px 0px; padding:0px; display:block; line-height:initial;} .ShopPage .Filter ul.Level1 li.Level1 span.Level1 {margin:0px; padding:0px; font-size:11px; line-height:24px; font-family:'Montserrat', Arial, Helvetica, Verdana, Sans-Serif; font-weight:600; color:#282828; text-align:left; letter-spacing:2px; text-transform:uppercase; display:block; position:relative; padding-right:40px; cursor:pointer;} .ShopPage .Filter ul.Level1 li.Level1 span.Level1 span.IconOne {display:none; background:url(/Content/Images/Icon_Btn_Down.png) no-repeat center; background-size:cover; width:30px; height:30px; position:absolute; top:-5px; right:0px;} .ShopPage .Filter ul.Level1 li.Level1 span.Level1:hover span.IconOne {display:none; background:url(/Content/Images/Icon_Btn_DownHover.png) no-repeat center; background-size:cover; width:30px; height:30px; position:absolute; top:-5px; right:0px;} .ShopPage .Filter ul.Level1 li.Level1 span.Level1 span.IconTwo {display:block; background:url(/Content/Images/Icon_Btn_Up.png) no-repeat center; background-size:cover; width:30px; height:30px; position:absolute; top:-5px; right:0px;} .ShopPage .Filter ul.Level1 li.Level1 span.Level1:hover span.IconTwo {display:block; background:url(/Content/Images/Icon_Btn_UpHover.png) no-repeat center; background-size:cover; width:30px; height:30px; position:absolute; top:-5px; right:0px;} .ShopPage .Filter ul.Level2 {margin:0px; padding:0px; display:block;} .ShopPage .Filter ul.Level2 li.Level2 {margin:0px; padding:10px 0px 0px 0px; display:block; line-height:initial;} .ShopPage .Filter ul.Level2 li.Level2 span.Level2 a {margin:0px; padding:0px 0px 0px 30px; display:block; background:url(/Content/Images/Icon_Checkbox_Admin_Off.png) no-repeat left; font-size:14px; line-height:1.3em; font-weight:400; color:#787e80; font-family:Arial, Helvetica, Verdana; text-transform:none; text-decoration:none; letter-spacing:normal;} .ShopPage .Filter ul.Level2 li.Level2 span.Select a {margin:0px; padding:0px 0px 0px 30px; display:block; background:url(/Content/Images/Icon_Checkbox_Admin_On.png) no-repeat left;} .ShopPage .Filter ul.Level3 {margin:0px; padding:0px; display:block;} .ShopPage .Filter ul.Level3 li.Level3 {margin:0px; padding:10px 0px 0px 0px; display:block; line-height:initial;} .ShopPage .Filter ul.Level3 li.Level3 span.Level3 {margin:0px; padding:0px 0px 0px 30px; display:block;} .ShopPage .Filter ul.Level3 li.Level3 span.Level3 .CbxAndLabel {display:table; width:100%;} .ShopPage .Filter ul.Level3 li.Level3 span.Level3 .CbxAndLabel .icheckbox_square-grey {display:table-cell; vertical-align:top; top:0px; width:24px; float:none;} .ShopPage .Filter ul.Level3 li.Level3 span.Level3 .CbxAndLabel label {display:table-cell; vertical-align:top; top:0px; padding-left:4px; font-size:14px; line-height:1.3em; font-weight:400; color:#787e80; font-family:Arial, Helvetica, Verdana; text-transform:none; letter-spacing:normal; cursor:pointer;} .ShopPage .SortItem {} .ShopPage .SortItem .BoxSortBy {float:left; margin-bottom:40px;} .ShopPage .SortItem .BoxSortBy ..ui-selectmenu-button {width:180px !important;} .ShopPage .SortItem .BoxItemPerPage {float:right; margin-bottom:40px;} .ShopPage .SortItem .BoxItemPerPage ..ui-selectmenu-button {width:180px !important;} .ShopPage .WrapperList {width:103%;} .ShopPage .WrapperList .ItemList {width:30.33%; margin:0px 3% 40px 0px;} .Pagination {width:100%; padding:0px; margin:0px; display:block;} .Pagination ul {width:100%; margin:0px; padding:0px; text-align:center; border:1px solid #ACBCBE; box-sizing:border-box;} .Pagination ul li {display:inline-block; margin:0px; padding:0px; vertical-align:top; line-height:60px;} .Pagination ul li.ColPrev {float:left; border-right:1px solid #ACBCBE;} .Pagination ul li.ColPrev .Button {width:60px; height:60px; background:url(/Content/Images/Icon_Pagination_Left.png) no-repeat center; background-size:cover;} .Pagination ul li.ColCentre .PageNumber.Active {font-family: 'Montserrat', Arial, Helvetica, Verdana, Sans-Serif; background-color:#e7e7e7; width:35px; height:35px; line-height:35px; font-size:15px; text-align:center; border-radius:50%; color:#707070; vertical-align:middle; display:inline-block;} .Pagination ul li.ColCentre .PageNumber {font-family: 'Montserrat', Arial, Helvetica, Verdana, Sans-Serif; background-color:#ffffff; width:35px; height:35px; line-height:35px; font-size:15px; text-align:center; border-radius:50%; color:#282828; vertical-align:middle; display:inline-block;} .Pagination ul li.ColCentre a.PageNumber:hover {font-family: 'Montserrat', Arial, Helvetica, Verdana, Sans-Serif; background-color:#e7e7e7; width:35px; height:35px; line-height:35px; font-size:15px; text-align:center; border-radius:50%; color:#282828; vertical-align:middle; display:inline-block; text-decoration:none;} .Pagination ul li.ColNext {float:right; border-left:1px solid #ACBCBE;} .Pagination ul li.ColNext .Button {width:60px; height:60px; background:url(/Content/Images/Icon_Pagination_Right.png) no-repeat center; background-size:cover;} .Pagination ul li.ColNext .Button:hover {} .Pagination ul li.ColPrev span.Button {width:60px; height:60px; background:url(/Content/Images/Icon_Pagination_Left_Inactive.png) no-repeat center; background-size:cover; cursor:default;} .Pagination ul li.ColNext span.Button {width:60px; height:60px; background:url(/Content/Images/Icon_Pagination_Right_Inactive.png) no-repeat center; background-size:cover; cursor:default;} .NoItemsInfo {margin:100px 0px 12px 0px; font-size:14px; text-align:center; color:#787e80;} .NoItemsInfo img {width:70px; display:block; margin-left:auto; margin-right:auto; margin-bottom:15px;} /* Shop Detail */ .ShopDetailPage .TableShopDetail {display:table; width:100%; table-layout:fixed;} .ShopDetailPage .TableShopDetail .LeftCellShopDetail {display:table-cell; vertical-align:top; width:50%; box-sizing:border-box; padding-right:30px;} .ShopDetailPage .TableShopDetail .RightCellShopDetail {display:table-cell; vertical-align:top; width:50%; box-sizing:border-box; padding-left:30px;} .ShopDetailPage .Description {} .ShopDetailPage .Description .BlockTP {display:table; width:100%; margin:0px 0px 30px 0px;} .ShopDetailPage .Description .BlockTP .Title {display:table-cell; vertical-align:top; font-size:30px; line-height:1.3em; font-family:'Arvo', Arial, serif; font-weight:400; color:#282828;} .ShopDetailPage .Description .BlockTP .Price {display:table-cell; vertical-align:top; color:#5f5f62; font-family:'Montserrat', sans-serif, Arial, Helvetica, Verdana; text-align:center; padding-left:20px;} .ShopDetailPage .Description .BlockTP .Price .Nbre {font-size:28px; line-height:1.3em; font-weight:300;} .ShopDetailPage .Description .BlockTP .Price .Nbre sup {} .ShopDetailPage .Description .BlockTP .Price .Vat {display:block; text-transform:uppercase;} .ShopDetailPage .Description .Subline {width:54px; height:5px; background-color:#eaeb85; margin:0px 0px 30px 0px; display:block;} .ShopDetailPage .Description .SubTitle {font-size:11px; line-height:24px; font-family:'Montserrat', Arial, Helvetica, Verdana, Sans-Serif; font-weight:600; color:#282828; letter-spacing:2px; text-transform:uppercase; margin-bottom:20px;} .ShopDetailPage .Description .Text {margin:0px 0px 20px 0px; font-size:14px; line-height:26px; font-weight:400; color:#787e80;} .ShopDetailPage .BtnMoreInfo {text-decoration:none; -webkit-appearance:none; border:1px solid #d5d1d1; box-sizing:border-box; cursor:pointer; width:150px; margin-bottom:20px; display:none;} .ShopDetailPage .BtnMoreInfo:hover {text-decoration:none;} .ShopDetailPage .BtnMoreInfo .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;} .ShopDetailPage .BtnMoreInfo: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;} .ShopDetailPage .BtnMoreInfo .Txt {padding:8px 20px 8px 10px; font-size:10px; line-height:1.3em; font-weight:700; letter-spacing:2px; text-transform:uppercase; color:#282828; font-family:'Montserrat', Arial, Helvetica, Verdana, Sans-Serif; display:inline-block; vertical-align:top;} .ShopDetailPage .MoreInfoPanel {display:none;} .ShopDetailPage .ActionZone {margin-top:30px;} .ShopDetailPage .ActionZone .BoxQuantity {display:inline-block; margin-bottom:0px;} .ShopDetailPage .ActionZone .BoxQuantity .FormField {width:100px;} .ShopDetailPage .ActionZone .BtnAddToBasket {display:inline-block; padding:0px; margin-top:30px; margin-left:20px; position:relative;} .ShopSection .WrapperList {width:103%;} .ShopSection .WrapperList .ItemList {width:22%; margin:0px 3% 30px 0px;} .ShopSection .WrapperList .ItemList .Desc {padding:20px;} .ShopSection .BorderTop {margin-top:20px; border-top:1px solid #ACBCBE; padding-top:40px; box-sizing:border-box;} .ShopSection .ItemList {position:relative;} .ShopSection .DetailsIcon {position:absolute; top:20px; left:20px; width:20px; height:20px; border-radius:50%; background-color:#282828; cursor:pointer;} .ShopSection .DetailsIcon img {width:100%;} .ShopSection .VariableHeight {margin-bottom:10px;} .ShopSection .NameAndVal {display:flex; align-items:start; width:100%;} .ShopSection .NameAndVal .LeftSide {flex:1 0 65%; min-width:0; padding-right:15px; box-sizing:border-box;} .ShopSection .NameAndVal .RightSide {flex:1 0 35%; text-align:right;} .ShopSection .NameAndVal .Name {font-family:'Montserrat', sans-serif, Arial, Helvetica, Verdana; font-size:16px; font-weight:700; line-height:22px; color:#000000; overflow:hidden; text-overflow:ellipsis;} .ShopSection .NameAndVal .Val {font-family:'Montserrat', sans-serif, Arial, Helvetica, Verdana; font-size:20px; font-weight:700; line-height:26px; color:#000000; margin-bottom:3px;} .ShopSection .NameAndVal .Vat {font-size:12px; color:#4d5455; font-family: Arial, Helvetica, Verdana;} .ShopSection .QuantityAndATB {display:flex; align-items:end; width:100%;} .ShopSection .QuantityAndATB .LeftSide {flex:1;} .ShopSection .QuantityAndATB .Spacer {flex:0 0 10px;} .ShopSection .QuantityAndATB .RightSide {flex:1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; min-width:0;} .ShopSection .QuantityAndATB .FormBox {margin-bottom:0px;} .ShopSection .QuantityAndATB input::-webkit-outer-spin-button, .ShopSection .QuantityAndATB input::-webkit-inner-spin-button {-webkit-appearance:none; margin:0;} .ShopSection .QuantityAndATB input[type=number] {-moz-appearance:textfield;} .ShopSection .BtnBlue a {overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .ShopSection .ItemDetailsContainer {display:none;} .ShopConfirm {display:flex; width:100%;} .ShopConfirm .LeftSide {flex:0 0 68%; min-width:0; align-items:start; padding-right:40px; box-sizing:border-box;} .ShopConfirm .RightSide {flex:0 0 32%; min-width:0;} .ShopConfirm.Hide {display:none;} .ShopConfirm .SectionBlock {position:relative; border:1px solid #ACBCBE; padding:25px 20px; box-sizing:border-box;} .ShopConfirm .SectionBlock.BillingDetails {margin-bottom:10px;} .ShopConfirm .SectionBlock.Payment .ShopPaymentContainer {display:none;} .ShopConfirm .SectionBlock.Payment .ShopPaymentContainer.Show {display:block;} .ShopConfirm .SectionBlock .LoadingBlock {display:none; position:absolute; z-index:10; top:0px; left:0px; width:100%; height:100%; text-align:center; background-color:rgba(255, 255, 255, 0.8);} .ShopConfirm .SectionBlock .LoadingBlock .Img {position:relative; top:50%; left:50%; transform:translate(-50%, -50%);} .ShopConfirm .SectionBlock.Loading .LoadingBlock {display:block;} .ShopConfirm .SectionBlock .HdrRow {display:flex; align-items:center; width:100%;} .ShopConfirm .SectionBlock .HdrRow .Col1 {flex:0 0 60%;} .ShopConfirm .SectionBlock .HdrRow .Col2 {flex:0 0 40%; text-align:right;} .ShopConfirm .SectionBlock .HdrRow .BtnBlueThin {display:none; width:130px;} .ShopConfirm .SectionBlock.BillingDetails.Complete .HdrRow .BtnBlueThin {display:inline-block;} .ShopConfirm .SectionBlock .HdrTxt {display:flex; align-items:start; font-family:'Montserrat', sans-serif, Arial, Helvetica, Verdana; font-weight:700; font-size:12px; line-height:20px; color:#000000; letter-spacing:1px; text-transform:uppercase;} .ShopConfirm .SectionBlock .HdrTxt .Txt {padding-left:10px; box-sizing:border-box;} .ShopConfirm .SectionBlock.BillingDetails.Complete .HdrTxt .Status {flex:0 0 16px; height:16px; position:relative; top:1px; background-image:url(/Content/Images/Icon_Tick_Completed_2.png); background-size:100%;} .ShopConfirm .SectionBlock.BillingDetails.Complete .HdrTxt .Status .Num {display:none;} .ShopConfirm .SectionBlock .StepBtns {display:flex; align-items:center; width:100%; margin-top:30px;} .ShopConfirm .SectionBlock .StepBtns .LeftBtn {flex:1; padding-right:20px; box-sizing:border-box;} .ShopConfirm .SectionBlock .StepBtns .RightBtn {flex:1; text-align:right;} .ShopConfirm .SectionBlock .StepBtns .RightBtn.Hide {display:none;} .ShopConfirm .SectionBlock .StepBtns .BtnWhite {display:inline-block; width:90px;} .ShopConfirm .SectionBlock .StepBtns .BtnWhite a {font-size:11px; padding:8.5px 10px 8.5px 30px; color:#000000; background-image:url(/Content/Images/backbtn2.png); background-size:9px 12px; background-position:10px center; background-repeat:no-repeat;} .ShopConfirm .SectionBlock .StepBtns .BtnBlueThin {display:inline-block; width:190px;} .ShopConfirm .SectionBlock .StepBtns .BtnBlueThin a {font-size:11px; padding:8.5px 20px;} .ShopConfirm .SectionBlock .StepBtns.Hide {display:none;} .ShopConfirm .SectionBlock .BtnBlueThin a.UpdateDetails.Disable {opacity:0.5; pointer-events:none;} .ShopConfirm .SectionBlock.BillingDetails.Complete .StepBtns {display:none;} .ShopConfirm .SectionBlock.Payment .StepBtns {margin-top:20px;} .ShopConfirm .FormBox .FormLabel .LabelTxtCols .Col2 {color:#657478;} .ShopConfirm .FormBox .FormLabel .LabelTxtCols .Col2 .LengthInfo {font-size:9px; line-height:inherit; margin-top:0px; color:#657478;} .ShopConfirm .ValidationMessage1 {font-size:12px; padding-bottom:0px;} .ShopConfirm .ValidationMessage1 span {display:block; padding-bottom:20px;} .ShopConfirm .ValidationInfo {font-size:10px; margin-top:0px;} .ShopConfirm .ValidationInfo span {display:block; margin-top:5px;} .ShopConfirm .AddressForm .FormBox .FormLabel {font-size:9px; margin-bottom:5px;} .ShopConfirm .AddressForm .FormBox .FormLabel .Asterisk {font-size:10px; margin-left:4px;} .ShopConfirm .AddressForm {margin-top:20px;} .ShopConfirm .AddressForm .FormBox {float:left; margin-bottom:15px;} .ShopConfirm .AddressForm .FormBox.Title {width:23.33%; margin-right:3%;} .ShopConfirm .AddressForm .FormBox.GivenName {width:35.33%; margin-right:3%;} .ShopConfirm .AddressForm .FormBox.FamilyName {width:35.33%;} .ShopConfirm .AddressForm .FormBox.Line1 {width:48.5%; margin-right:3%;} .ShopConfirm .AddressForm .FormBox.Line2 {width:48.5%;} .ShopConfirm .AddressForm .FormBox.CityTown {width:22.7%; margin-right:3%;} .ShopConfirm .AddressForm .FormBox.StateCounty {width:22.7%; margin-right:3%;} .ShopConfirm .AddressForm .FormBox.PostCodeZipcode {width:22.7%; margin-right:3%;} .ShopConfirm .AddressForm .FormBox.Country {width:22.7%;} .ShopConfirm .AddressForm .FormBox.VATNumber {width:48.5%; margin-right:3%;} .ShopConfirm .AddressForm .FormBox.VATNumber.Disable {opacity:0.5; pointer-events:none;} .ShopConfirm .AddressForm .FormBox.OrderReference {width:48.5%;} .ShopConfirm .AddressForm .FormBox.Email {width:48.5%; margin-right:3%;} .ShopConfirm .AddressForm .FormBox.PhoneNum {width:48.5%;} .ShopConfirm .AddressForm .FormBox.Notes {width:100%;} .ShopConfirm .AddressForm .SaveFromBtn {margin-top:15px;} .ShopConfirm .AddressForm .SaveFromBtn.Disable {opacity:0.4; pointer-events:none;} .ShopConfirm .AddressForm .SaveFromBtn input {width:100%;} .ShopConfirm .AddressForm .FormField .EditBox {padding:6px 10px; font-size:10px;} .ShopConfirm .AddressForm .FormField .TextAreaW1 {padding:6px 10px; font-size:10px; resize:none;} .ShopConfirm .AddressForm .FormField .ui-selectmenu-button span.ui-selectmenu-text {padding:9px 10px; font-size:10px;} .ShopConfirm .SectionBlock.BillingDetails.Complete .AddressForm {display:none;} .ShopConfirm .PreviousAddresses {margin:5px 0px 20px 0px;} .ShopConfirm .PreviousAddresses.Hide {display:none;} .ShopConfirm .PrevAddressBlock {padding:20px; box-sizing:border-box; background-color:#DDECF6; margin-bottom:10px;} .ShopConfirm .PrevAddressBlock:last-child {margin-bottom:0px;} .ShopConfirm .SectionBlock .PrevAddressBlock .ExistingDetails {display:block;} .ShopConfirm .ListOfDetails {display:flex; align-items:center; width:100%;} .ShopConfirm .ListOfDetails .TxtDetails {flex:1; min-width:0; padding-right:20px; box-sizing:border-box;} .ShopConfirm .ListOfDetails .ConfirmBtn {flex:0 0 180px;} .ShopConfirm .ListOfDetails .ConfirmBtn .BtnBlue a {padding:12.5px 3px;} .ShopConfirm .SectionBlock .ExistingDetails .DetailRow {display:flex; align-items:start; font-size:10px; line-height:16px;} .ShopConfirm .SectionBlock .ExistingDetails .DetailRow .Name {flex:0 0 33%; color:#657478; padding-right:10px; box-sizing:border-box;} .ShopConfirm .SectionBlock .ExistingDetails .DetailRow .Detail {flex:1; color:#4e5556;} .ShopConfirm .SectionBlock .ExistingDetails.Selected {display:none; margin-top:25px;} .ShopConfirm .SectionBlock .ExistingDetails.Selected .DetailRow .Name {flex:0 0 180px; padding-right:20px;} .ShopConfirm .SectionBlock.BillingDetails.Complete .ExistingDetails.Selected {display:block;} .ShopConfirm .PaymentOptions {margin-top:30px;} .ShopConfirm .PaymentOptions .Opt {display:inline-block; vertical-align:middle; border:1px solid #ACBCBE; padding:8px 12.5px; box-sizing:border-box; cursor:pointer; margin-right:10px;} .ShopConfirm .PaymentOptions .Opt.Selected {border:1px solid #388DCF; background-color:#E3EFFB;} .ShopConfirm .PaymentOptions .InvoiceOpt {display:inline-block; vertical-align:middle;} .ShopConfirm .PaymentOptions .Inner {display:inline-flex; align-items:center;} .ShopConfirm .PaymentOptions .Inner .Btn {flex:0 0 20px;} .ShopConfirm .PaymentOptions .Inner .Btn .iradio_square-grey {margin:0px; pointer-events:none;} .ShopConfirm .PaymentOptions .Inner .Txt {flex:1; padding-left:10px; box-sizing:border-box; font-size:12px; line-height:16px; color:#4E5556;} .ShopConfirm .PaymentOptions .Inner .Txt label {cursor:pointer; pointer-events:none;} .ShopConfirm .PaymentOptions.Hide {display:none;} .ShopConfirm .PaymentOptPanels {margin-top:20px;} .ShopConfirm .PaymentOptPanels .Panel {display:none;} .ShopConfirm .PaymentOptPanels .Panel.Show {display:block;} .ShopConfirm .PaymentOptPanels.Hide {display:none;} .ShopConfirm .ExistingPaymentCard {display:none;} .ShopConfirm .ExistingPaymentCard .DiscountCodeBlock {text-align:right; margin-top:20px;} .ShopConfirm .ExistingPaymentCard .DiscountCodeBlock a {font-size:12px; line-height:16px; color:#388DCF; text-decoration:underline;} .ShopConfirm .ExistingPaymentCard.Show {display:block;} .ShopConfirm .ShopCardForm {margin:20px 0px;} .ShopConfirm .ShopCardForm .FormBox {margin-bottom:20px;} .ShopConfirm .ShopCardForm #StripeAddCardForm {color:#4E5556; background-color:#F5F5F5; border:1px solid #ACBCBE; border-radius:0px; width:100%; padding:11px 15px; box-sizing:border-box; font-size:12px; line-height:16px; -webkit-appearance:none; outline:none;} .ShopConfirm .PaymentCard {display:flex; align-items:center; width:100%;} .ShopConfirm .PaymentCard .Img {flex:0 0 60px; height:45px; text-align:center; background-color:#F5F5F5;} .ShopConfirm .PaymentCard .Img .ImgTable {display:table; width:100%; height:100%;} .ShopConfirm .PaymentCard .Img .ImgCell {display:table-cell; vertical-align:middle;} .ShopConfirm .PaymentCard .Img img {width:100%; max-width:30px;} .ShopConfirm .PaymentCard .CardDetails {flex:0 0 200px; min-width:0; display:flex; align-items:center;} .ShopConfirm .PaymentCard .Details {flex:0 0 140px; min-width:0; font-size:12px; line-height:16px; color:#4E5556; padding:0px 15px; box-sizing:border-box;} .ShopConfirm .PaymentCard .Details div {overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} .ShopConfirm .PaymentCard .UpdateBtn {flex:1;} .ShopConfirm .PaymentCard .UpdateBtn .BtnBlueThin a {width:160px; font-size:11px; padding:8.5px 5px;} .ShopConfirm .CardHistoryList {display:none;} .ShopConfirm .CardHistoryList .ListOfDetails .ConfirmBtn {flex:0 0 200px;} .ShopConfirm .CardHistoryList .DiscountCodeBlock {text-align:right; margin-top:20px;} .ShopConfirm .CardHistoryList .DiscountCodeBlock a {font-size:12px; line-height:16px; color:#388DCF; text-decoration:underline;} .ShopConfirm .CardHistoryList.Show {display:block;} .ShopConfirm .PreviousCards {margin-top:20px;} .ShopConfirm .PrevCardBlock {padding:20px; box-sizing:border-box; background-color:#DDECF6; margin-bottom:10px;} .ShopConfirm .PrevCardBlock:last-child {margin-bottom:0px;} .ShopConfirm .PrevCardBlock .PaymentCard .Details {flex:1;} .ShopConfirm .SectionBlock .PrevCardBlock .ExistingDetails {display:block;} .ShopConfirm .NewPaymentCard {display:none;} .ShopConfirm .NewPaymentCard.Show {display:block;} .ShopConfirm .SaveAndDiscount {display:flex; align-items:center; width:100%;} .ShopConfirm .SaveAndDiscount .SaveCard {flex:1;} .ShopConfirm .SaveAndDiscount .SaveCard .CbxAndLabel .icheckbox_square-grey {margin:0px;} .ShopConfirm .SaveAndDiscount .SaveCard .CbxAndLabel label {padding-left:10px; position:relative; top:4px;} .ShopConfirm .SaveAndDiscount .DiscountLink {flex:1; text-align:right;} .ShopConfirm .SaveAndDiscount .DiscountLink a {font-size:12px; line-height:16px; color:#388DCF; text-decoration:underline;} .ShopConfirm .InvoiceInner {display:flex; align-items:center; width:100%;} .ShopConfirm .InvoiceInner .Notice {flex:0 0 70%;} .ShopConfirm .InvoiceInner .NoticeBlock {display:inline-block; font-weight:700; color:#4E5556; font-size:12px; line-height:20px; background-color:#F5F5F5; padding:10px 16.5px; box-sizing:border-box;} .ShopConfirm .InvoiceInner .DiscountLink {flex:0 0 30%; text-align:right;} .ShopConfirm .InvoiceInner .DiscountLink a {font-size:12px; line-height:16px; color:#388DCF; text-decoration:underline;} .ShopConfirm .ShopDCLink.Hide {display:none;} .ShopConfirm .DiscountCodePanel {display:none; margin-top:20px;} .ShopConfirm .DiscountCodePanel .FormBox {max-width:410px;} .ShopConfirm .DiscountCodePanel .FormBox .FormLabel .LabelTxtCols .Col2 {font-size:9px; color:#657478; padding-top:2px;} .ShopConfirm .DiscountCodePanel .FormBox .FormField .FieldAndApply {display:flex; align-items:center; width:100%;} .ShopConfirm .DiscountCodePanel .FormBox .FormField .FieldAndApply .Field {flex:1; padding-right:10px;} .ShopConfirm .DiscountCodePanel .FormBox .FormField .FieldAndApply .Field .EditBox {width:100%; max-width:300px;} .ShopConfirm .DiscountCodePanel .FormBox .FormField .FieldAndApply .Apply {flex:0 0 100px;} .ShopConfirm .DiscountCodePanel .FormBox .FormField .FieldAndApply .Apply .BtnBlueThin a {font-size:13px; padding:11.5px 30px 13.5px 30px; box-sizing:border-box;} .ShopConfirm .DiscountCodePanel.Show {display:block;} .ShopConfirm .PaymentBtn {margin-top:20px;} .ShopConfirm .PaymentBtn input {width:100%;} .ShopConfirm .PaymentBtn.Disable {opacity:0.5; pointer-events:none;} .ShopConfirm .PaymentBtn.Hide {display:none;} .ShopConfirm .TAndCLine {font-size:9px; line-height:16px; color:#657478; text-align:center; margin-top:10px;} .ShopConfirm .TAndCLine a {text-decoration:underline; color:#657478;} .ShopConfirm .TAndCLine.Hide {display:none;} .ShopConfirm .OrderSummaryBlock {position:sticky; top:40px; background-color:#F5F5F5; padding:30px 20px; box-sizing:border-box; min-height:260px;} .ShopConfirm .OrderSummaryBlock h1 {font-size:20px; line-height:26px; margin-bottom:20px;} .ShopConfirm .OrderSummaryBlock .LoadingBlock {display:none; position:absolute; top:0px; left:0px; width:100%; height:100%; background-color:rgba(255, 255, 255, 0.8);} .ShopConfirm .OrderSummaryBlock .LoadingBlock .Img {position:relative; top:50%; left:50%; transform:translate(-50%, -50%); text-align:center;} .ShopConfirm .OrderSummaryBlock.Loading .LoadingBlock {display:block;} .ShopConfirm .ItemBlock {display:flex; align-items:center; width:100%; margin-bottom:10px;} .ShopConfirm .ItemBlock .Img {flex:0 0 80px; background-color:#ffffff;} .ShopConfirm .ItemBlock .Img img {width:100%;} .ShopConfirm .ItemBlock .Details {flex:1; min-width:0; padding-left:20px; box-sizing:border-box;} .ShopConfirm .ItemBlock .Details .Price {font-size:12px; font-weight:700; line-height:20px; color:#4E5556; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} .ShopConfirm .ItemBlock .Details .Name {font-size:12px; line-height:20px; color:#4E5556; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} .ShopConfirm .SummaryDetails {margin-top:20px;} .ShopConfirm .Subtotal {display:flex; align-items:start; width:100%; font-size:12px; line-height:25px;;} .ShopConfirm .Subtotal .Txt {flex:1; padding-right:15px; box-sizing:border-box;} .ShopConfirm .Subtotal .Val {flex:1; font-weight:700; text-align:right;} .ShopConfirm .Subtotal div {min-width:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} .ShopConfirm .VATDue {display:flex; align-items:start; width:100%; font-size:12px; line-height:25px;;} .ShopConfirm .VATDue .Txt {flex:1; padding-right:15px; box-sizing:border-box;} .ShopConfirm .VATDue .Val {flex:1; font-weight:700; text-align:right;} .ShopConfirm .VATDue div {min-width:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} .ShopConfirm .Discount {display:flex; align-items:start; width:100%; font-size:12px; line-height:25px;;} .ShopConfirm .Discount .Txt {flex:1; padding-right:15px; box-sizing:border-box;} .ShopConfirm .Discount .Val {flex:1; font-weight:700; text-align:right;} .ShopConfirm .Discount div {min-width:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} .ShopConfirm .TotalPrice {display:flex; align-items:start; width:100%; font-size:12px; line-height:25px;;} .ShopConfirm .TotalPrice .Txt {flex:1; padding-right:15px; box-sizing:border-box;} .ShopConfirm .TotalPrice .Val {flex:1; text-align:right; color:#000000;} .ShopConfirm .TotalPrice div {font-family:'Montserrat', sans-serif, Arial, Helvetica, Verdana; font-weight:700; letter-spacing:1px; min-width:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} .ShopConfirmationMessage h1 {font-size:30px; font-family:'Montserrat', sans-serif, Arial, Helvetica, Verdana; font-weight:700; color:#000000; margin:0px 0px 10px 0px;} .ShopConfirmationMessage .Subline {font-size:12px; font-weight:700; letter-spacing:1px; color:#000000; font-family:'Montserrat', sans-serif, Arial, Helvetica, Verdana; margin-bottom:20px;} .ShopConfirmationMessage .ConfirmDetails {margin-bottom:30px;} .ShopConfirmationMessage .CDRow {display:flex; align-items:start; width:100%; font-size:12px; line-height:20px; color:#657478;} .ShopConfirmationMessage .CDRow .Name {flex:0 0 200px; padding-right:20px; box-sizing:border-box;} .ShopConfirmationMessage .CDRow .Answer {flex:1;} .ShopConfirmationMessage .PaymentConfirmBtns {display:flex; align-items:start;} .ShopConfirmationMessage .PaymentConfirmBtns .PCBtn {flex:0 0 220px;} .ShopConfirmationMessage .PaymentConfirmBtns .Spacer {flex:0 0 10px;} .LoadingShopSummaryPage {text-align:center; min-height:calc(100vh - 300px); display:flex; align-items:center; justify-content:center;} .LoadingShopSummaryPage.Hide {display:none;} .ShopErrorMsg {display:none; text-align:center; margin-top:50px;} .ShopErrorMsg .Img {display:inline-block; width:150px; margin-bottom:30px;} .ShopErrorMsg .Img img {display:block; width:100%;} .ShopErrorMsg .Title {font-size:30px; font-weight:700; color:#000000;line-height:40px; font-family:'Montserrat', sans-serif, Arial, Helvetica, Verdana; margin:0px 0px 30px 0px;} .ShopErrorMsg .Txt {margin:0px 0px 12px 0px; font-size:12px; line-height:20px; color:#4E5556;} .ShopErrorMsg .Txt a {color:#1982C4; text-decoration:underline;} .ShopErrorMsg.Show {display:block;} #ShopAddressCountry-menu .ui-menu-item {font-size:10px;} #ShopAddressCountry-menu .ui-menu-item-wrapper {padding:9px 10px;} .ProductPurchTxt.One {display:inline-block; vertical-align:middle; font-size:14px; margin-left:20px;} .ProductPurchTxt.Two {font-size:14px; margin-top:30px;} .ShopDetailPage .Scenario1 {} .ShopDetailPage .Scenario2 {} .ShopDetailPage .Scenario2 .FBDate {float:left; width:30%;} .ShopDetailPage .Scenario2 .FBDateSpacer {float:left; width:5%; height:5px;} .ShopDetailPage .Scenario2 .BtnAddToBasket {display:inline-block;} .ShopDetailPage .Scenario3 {} .ShopDetailPage .Scenario3 .BtnAddToBasket {display:inline-block;} .ShopDetailPage .Scenario3 .FBDate {float:left; width:30%;} .ShopDetailPage .Scenario3 .FBDateSpacer {float:left; width:5%; height:5px;} .ShopDetailPage .ProfilesNumber {margin-top:30px;} .ShopDetailPage .ProfilesNumber .BoxReportProfile {float:left; margin-bottom:0px; width:48%; padding-right:4%;} .ShopDetailPage .ProfilesNumber .BoxNbreProfile {float:left; margin-bottom:0px; width:48%;} .ShopDetailPage .DiscountRates {margin-top:40px;} .ShopDetailPage .DiscountRates .TopDR {font-size:11px; line-height:1.3em; font-family:'Montserrat', Arial, Helvetica, Verdana, Sans-Serif; font-weight:600; color:#282828; letter-spacing:2px; text-transform:uppercase; border:1px solid #d5d1d1; box-sizing:border-box; padding:20px;} .ShopDetailPage .DiscountRates .TableDR {display:table; width:100%; border-left:1px solid #d5d1d1; border-right:1px solid #d5d1d1; border-bottom:1px solid #d5d1d1; box-sizing:border-box; padding:10px 20px;} .ShopDetailPage .DiscountRates .TableDR .CellDR {display:table-cell;} .ShopDetailPage .DiscountRates .TableDR .CellDR_01 {} .ShopDetailPage .DiscountRates .TableDR .CellDR_02 {text-align:right;} .ShopDetailPage .DiscountRates .TitleDR {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;} .ShopDetailPage .DiscountRates .TxtDR {font-size:13px; line-height:1.3em; font-family:"Montserrat",Arial,Helvetica,Verdana,sans-serif; font-weight:600; color:rgb(40, 40, 40); margin-bottom:5px; letter-spacing:2px;} .swiper-shop-detail {} .swiper-shop-detail .swiper-slide {width:100%;} .swiper-shop-detail .swiper-slide .Img {width:100%; display:block;} .swiper-shop-detail .swiper-slide .Img img {width:100%; display:block;} .swiper-shop-detail .swiper-button-next {display:none; z-index:1; width:40px; height:40px; margin-top:-20px; right:25px; background-size:40px 40px; background-image:url(/Content/Images/Icon_ArrowSwipe_Right.png);} .swiper-shop-detail .swiper-button-prev {display:none; z-index:1; width:40px; height:40px; margin-top:-20px; left:25px; background-size:40px 40px; background-image:url(/Content/Images/Icon_ArrowSwipe_Left.png);} .swiper-shop-detail:hover .swiper-button-next {display:block;} .swiper-shop-detail:hover .swiper-button-prev {display:block;} .swiper-shop-detail .swiper-button-disabled {display:none !important;} .ShopDetailPage .WrapperList {width:103%;} .ShopDetailPage .WrapperList .ItemList {width:22%; margin:0px 3% 3% 0px;} .ShopDetailPage .WrapperList .ItemList .Desc .BtnReadMore {float:none;} .ShopDetailPage .WrapperList .ItemList .Desc .Price {float:none; margin-top:10px; text-align:center;} #FeatureListColsIndicator {display:none; width:4px;} .ShopDetailPage .Featured {margin-top:40px;} .ShopDetailPage .Featured .TitleList {font-size:24px; margin-bottom:30px;} .ShopDetailPage .Featured .Txt {font-size:13px; line-height:20px; font-family:'PT Serif'; font-weight:400; color:#838c8e; margin-bottom:10px; font-style:italic; text-align:left;} /* Dashboard */ .Dashboard {min-width:1480px;} .Dashboard .BigTitle {font-size:48px; line-height:1.3em; font-family:"Montserrat", Arial, Helvetica, Verdana, sans-serif; color:#282828; margin:0px 0px 30px 0px;} .Dashboard .BigLine {width:54px; height:5px; background-color:#eaeb85; margin:0px 0px 30px 0px; display:block;} .Dashboard .ChartInfo {margin-top:15px; color:#858F9B; font-size:14px; line-height:26px; display:none;} .Dashboard .ChartInfoToggle {border:none; background-color:white; cursor:pointer; padding:0px; margin:0px; text-align:left;} .Dashboard .ChartSpacer {margin:0px 0px 40px 0px } .Dashboard .HelpLogo {width:50%; margin:0px;} .Dashboard .SubTitle {font-size:30px; line-height:1.3em; font-weight:500; color:#282828; margin:0px 0px 0px 0px;} .Dashboard .UnderTitle {margin:0px 0px 30px 0px;} .Dashboard .SpacerLine {background:#d5d1d1; width:100%; height:1px; display:block; margin:60px 0px;} .Dashboard .FilterTitle {font-size:24px; line-height:1.3em; font-family:Arial, Helvetica, Verdana; font-weight:400; color:#5f5f62; margin:0px 0px 30px 0px;} .Dashboard .FormBox {margin-bottom:30px;} .Dashboard .Top {position:relative;} .Dashboard .Top .BtnExport {position:absolute; top:0px; right:0px;} .Dashboard .Top .BtnExport a {padding:14px 0px; width:320px;} .Dashboard .Top .BtnExport input {padding:14px 0px; width:320px;} .Dashboard .FF01 {width:45%; float:left; clear:none;} .Dashboard .FF02 {width:10%; float:left; clear:none; text-align:center; font-size:12px; line-height:44px; color:#282828; font-weight:400; text-transform:uppercase; letter-spacing:1px; font-family:Arial, Helvetica, Verdana;} .Dashboard .FF03 {width:45%; float:left; clear:none;} .Dashboard .TabDash {display:table; width:100%;} .Dashboard .TabDash .CellDash_01 {display:table-cell;} .Dashboard .TabDash .CellDash_02 {display:table-cell; width:60px;} .Dashboard .TabDash .CellDash_03 {display:table-cell; width:320px;} .Dashboard .InfoChart {text-align:left;} .Dashboard .InfoChart .IC {display:inline-block; padding:5px 20px;} .Dashboard .InfoChart .IC .Circle {width:25px; height:25px; display:inline-block; border-radius:50%;} .Dashboard .InfoChart .IC .Txt {display:inline-block; font-size:12px; line-height:1.3em; text-transform:uppercase; font-family:Arial, Helvetica, Verdana; font-weight:400; color:#5f5f62; position:relative; top:-8px; margin-left:10px;} .Dashboard .InfoChart .IC_00 .Circle {background:#000000;} .Dashboard .InfoChart .IC_01 .Circle {background:#7C2064;} .Dashboard .InfoChart .IC_02 .Circle {background:#1982C4;} .Dashboard .InfoChart .IC_03 .Circle {background:#b73d1d;} .Dashboard .InfoChart .IC_04 .Circle {background:#2f8738;} .Dashboard .InfoChart .IC_05 .Circle {background:#f2e22e;} .Dashboard .InfoChart .IC_06 .Circle {background:#282828;} .Dashboard .InfoChart .IC_07 .Circle {background:#0544d3;} .Dashboard .InfoChart .IC_08 .Circle {background:#6b0392;} .Dashboard .InfoChart .IC_09 .Circle {background:#f05b4f;} .Dashboard .InfoChart .IC_010 .Circle {background:#b3ffb3;} .Dashboard .BtnFilter a {padding:14px 0px; width:100%; display:block;} .Dashboard .BtnFilter input {padding:14px 0px; width:100%; display:block;} .Dashboard .BtnFilter button {padding:14px 0px; width:100%; display:block;} .DashboardLayout .HdrRow {display:flex; align-items:center; width:100%; margin-bottom:20px;} .DashboardLayout .HdrRow .LeftSide {flex:0 0 70%;} .DashboardLayout .HdrRow .RightSide {flex:0 0 30%; padding-left:20px; box-sizing:border-box;} .DashboardLayout .TitleAndDD {display:inline-flex; align-items:center;} .DashboardLayout .TitleAndDD .DDCtrl {padding-left:20px; box-sizing:border-box;} .DashboardLayout .TitleAndDD .DDCtrl select {min-width:250px; padding:11px 15px;} .DashboardLayout .TitleAndDD .Title h2 {font-size:30px; line-height:40px; font-family:'Montserrat', sans-serif, Arial, Helvetica, Verdana; font-weight:700; color:#000000; margin-bottom:0px;} .DashboardLayout h3 {font-size:20px; line-height:30px; margin-bottom:25px;} .DashboardLayout .HdrBtns {display:flex; align-items:start; justify-content:flex-end;} .DashboardLayout .HdrBtns .LeftBtn {flex:0 0 160px;} .DashboardLayout .HdrBtns .Spacer {flex:0 0 10px;} .DashboardLayout .HdrBtns .RightBtn {flex:0 0 190px;} .DashboardLayout .HdrBtns .RightBtn .BtnLightBlue a {padding:0px 5px;} .DashboardLayout .HdrBtns .RightBtn .PlusSignTxt {display:flex; align-items:center;} .DashboardLayout .HdrBtns .RightBtn .PlusSignTxt .PlusSign {flex:0 0 37px;} .DashboardLayout .HdrBtns .RightBtn .PlusSignTxt .PlusSign img {width:100%;} .DashboardLayout .HdrBtns .RightBtn .PlusSignTxt .Txt {flex:1; text-align:left; padding-left:10px; box-sizing:border-box;} .DashboardLayout .DashRowContainer {margin-bottom:40px;} .DashboardLayout .DashRowContainer.Error .ErrorWithRow {display:block;} .DashboardLayout .DashRowContainer.Error .LoadingRow {display:none;} .DashboardLayout .DashRowContainer.Show .DashRowInner {display:block;} .DashboardLayout .DashRowContainer.Show .LoadingRow {display:none;} .DashboardLayout .DashRowContainer.Hide {display:none;} .DashboardLayout .DashRowContainer .LoadingRow {text-align:center; border-top:1px solid #ACBCBE; padding:50px 20px; box-sizing:border-box;} .DashboardLayout .DashRowContainer .LoadingRow img {width:100%; max-width:70px;} .DashboardLayout .DashRowContainer .LoadingRow h3 {margin:15px 0px 0px 0px;} .DashboardLayout .DashRowContainer .ErrorWithRow {display:none; text-align:center; border-top:1px solid #ACBCBE; padding:50px 20px; box-sizing:border-box;} .DashboardLayout .DashRowContainer .ErrorWithRow img {width:100%; max-width:150px;} .DashboardLayout .DashRowContainer .ErrorWithRow h3 {margin:15px 0px;} .DashboardLayout .DashRowContainer .ErrorWithRow p {margin-bottom:0px;} .DashboardLayout .DashRowContainer .ErrorWithRow a {color:#1982C4; text-decoration:underline;} .DashboardLayout .DashRowContainer .DashRowInner {display:none;} .DashboardLayout .DashRowContainer .CustomRightBtn {float:right; position:relative; z-index:10; margin-bottom:-35px;} .DashboardLayout .DashRowContainer:last-of-type {margin-bottom:0px;} .DashboardLayout .DownloadBtn {max-width:125px;} .DashboardLayout .DownloadBtn a {padding:12.5px 15px 12.5px 44px; background:url('/Content/Images/Template_Download.png') #DAEAF8 no-repeat; background-position:10px 7px;} .DashboardLayout .DashDataTblContainer .TopHeader {display:flex; align-items:center; width:100%; margin-bottom:25px;} .DashboardLayout .DashDataTblContainer .TopHeader .LeftSide {flex:1;} .DashboardLayout .DashDataTblContainer .TopHeader .LeftSide h3 {margin-bottom:0px;} .DashboardLayout .DashDataTblContainer .TopHeader .RightSide {flex:1; padding-left:20px; box-sizing:border-box; text-align:right;} .DashboardLayout .DashDataTblContainer .BtmRow {display:flex; align-items:center; width:100%;} .DashboardLayout .DashDataTblContainer .BtmRow .LeftSide {flex:1; padding-right:20px; box-sizing:border-box;} .DashboardLayout .DashDataTblContainer .BtmRow .RightSide {flex:0 0 20%; text-align:right;} .DashboardLayout .DashDataTblContainer .BtmRow .ItemsShowing {font-size:10px;} .DashboardLayout .DashDataTbl {border-bottom:1px solid #adbdbf !important; margin-bottom:20px;} .DashboardLayout .DashDataTbl .Cell {flex:1; font-size:12px; box-sizing:border-box;} .DashboardLayout .DashDataTbl .Hdr {display:flex; align-items:center; width:100%;} .DashboardLayout .DashDataTbl .Hdr .Cell {padding:10px; cursor:pointer;} .DashboardLayout .DashDataTbl .Hdr .Cell.ASC .Inner .Arrow {background:url('/Content/images/datatables_sort_asc.png') center center no-repeat !important; background-size:100% !important;} .DashboardLayout .DashDataTbl .Hdr .Cell.DESC .Inner .Arrow {background:url('/Content/images/datatables_sort_desc.png') center center no-repeat !important; background-size:100% !important;} .DashboardLayout .DashDataTbl .Hdr .Cell.Disabled {pointer-events:none;} .DashboardLayout .DashDataTbl .Hdr .Cell.Disabled .Inner .Arrow {opacity:0.5;} .DashboardLayout .DashDataTbl .Hdr .Inner {display:flex; align-items:center;} .DashboardLayout .DashDataTbl .Hdr .Inner .Arrow {flex:0 0 15px; height:18.5px; margin-top:-1px; background:url('/Content/images/datatables_sort_both.png') center center no-repeat; background-size:100%;} .DashboardLayout .DashDataTbl .Hdr .Inner .Txt {padding-right:5px; box-sizing:border-box;} .DashboardLayout .DashDataTbl .Row {display:flex; align-items:center; width:100%;} .DashboardLayout .DashDataTbl .Row:nth-child(odd) {background-color:#f5f5f5;} .DashboardLayout .DashDataTbl .Row:nth-child(even) {background-color:#ffffff;} .DashboardLayout .DashDataTbl .Row .Cell {padding:12px 10px; border-top:1px solid #adbdbf !important; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; min-height:40px;} .DashboardLayout #Overall_Progress_Table .DashDataTbl .Cell.One {flex:0 0 12%;} .DashboardLayout #Overall_Progress_Table .DashDataTbl .Cell.Two {flex:0 0 12%;} .DashboardLayout #Overall_Progress_Table .DashDataTbl .Cell.Three {flex:0 0 10%;} .DashboardLayout #Overall_Progress_Table .DashDataTbl .Cell.Four {flex:0 0 10%;} .DashboardLayout #Overall_Progress_Table .DashDataTbl .Cell.Five {flex:0 0 10%;} .DashboardLayout #Overall_Progress_Table .DashDataTbl .Cell.Six {flex:0 0 20%;} .DashboardLayout #Overall_Progress_Table .CompleteBar {display:flex; align-items:center; width:90.5%;} .DashboardLayout #Overall_Progress_Table .CompleteBar .BarContainer {flex:1; background-color:#ACBCBE;} .DashboardLayout #Overall_Progress_Table .CompleteBar .BarContainer .Bar {height:10px; background-color:#1982C4;} .DashboardLayout #Overall_Progress_Table .CompleteBar .BarContainer .Bar.BarComplete{background-color:#008A5D;} .DashboardLayout #Overall_Progress_Table .CompleteBar .Percent {flex:0 0 45px; padding-left:10px; box-sizing:border-box;} .DashboardLayout .DataTblPagination {display:flex; align-items:center;} .DashboardLayout .DataTblPagination .Btn {flex:0 0 30px; height:30px; border:1px solid #adbdbf; margin-right:10px; cursor:pointer;} .DashboardLayout .DataTblPagination .Btn img {width:100%;} .DashboardLayout .DataTblPagination .Btn.Disable {opacity:0.5; pointer-events:none;} .DashboardLayout .DataTblPagination .Entries {flex:0 0 60px; margin-left:10px;} .DashboardLayout .DataTblPagination .Entries .DropDownW1 {font-size:10px; padding:7px 0px 7px 10px; background:url('/Content/Images/Icon_DropDown_Arrow.png') no-repeat right 8px center #F5F5F5; background-size:9px;} .DashboardLayout .DataTblPagination .Label {margin:0px 10px;} .DashboardLayout .DataTblPagination .PageNum {flex:0 0 40px;} .DashboardLayout .DataTblPagination .PageNum .EditBoxW1 {font-size:10px; padding:7px 5px; text-align:center;} .DashboardLayout #DashReportList {position:relative; margin-bottom:40px;} .DashboardLayout #DashReportList .swiper-button-prev {left:-20px; width:40px; height:40px; background-image:url('/Content/Images/Icon_Arrow_Left_2.png'); background-size:100%; border:1px solid #ACBCBE; background-color:#ffffff;} .DashboardLayout #DashReportList .swiper-button-next {right:-20px; width:40px; height:40px; background-image:url('/Content/Images/Icon_Arrow_Right_2.png'); background-size:100%; border:1px solid #ACBCBE; background-color:#ffffff;} .DashboardLayout #DashReportList .swiper-slide {padding-bottom:1px;} .DashboardLayout #DashReportList .SlideContent {border:1px solid #ACBCBE;} .DashboardLayout #DashReportList .TopBlock img {width:100%;} .DashboardLayout #DashReportList .BottomBlock {padding:25px 20px 40px 20px; box-sizing:border-box;} .DashboardLayout #DashReportList .BottomBlock h3 {line-height:22px; margin-bottom:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .DashboardLayout #DashReportList .BottomBlock .BtmDetails {display:flex; align-items:center; width:100%; margin-bottom:-25px;} .DashboardLayout #DashReportList .BottomBlock .BtmDetails .LeftSide {flex:1; padding-right:10px; box-sizing:border-box;} .DashboardLayout #DashReportList .BottomBlock .BtmDetails .RightSide {flex:0 0 100px;} .DashboardLayout #DashReportList .BottomBlock .BtmDetails .RightSide a {padding:12.5px 10px;} .DashboardLayout #DashReportList .BottomBlock .BtmDetails .NumAvailable {flex-wrap:wrap;} .DashboardLayout #DashReportList .BottomBlock .BtmDetails .NumAvailable .Label {flex:0 0 100%; margin-bottom:10px;} .DashboardLayout #DashReportList .BottomBlock .BtmDetails .NumAvailable .Num {flex:0 0 100%;} .DashboardLayout #DashReportList .NumAvailable {display:flex; align-items:center; width:100%;} .DashboardLayout #DashReportList .NumAvailable .Label {flex:1; font-size:14px; line-height:16px; color:#4E5556;} .DashboardLayout #DashReportList .NumAvailable .Num {flex:1; font-family:"Montserrat", Arial, Helvetica, Verdana, Sans-Serif; font-weight:700; font-size:20px; color:#4E5556;} .DashboardLayout #DashReportList .NumPending {display:flex; align-items:center; width:100%;} .DashboardLayout #DashReportList .NumPending .Label {flex:1; font-size:14px; line-height:16px; color:#4E5556;} .DashboardLayout #DashReportList .NumPending .Num {flex:1; display:flex; font-family:"Montserrat", Arial, Helvetica, Verdana, Sans-Serif; font-weight:700; font-size:20px; color:#4E5556;} .DashboardLayout #DashReportList .NumPending .Num .Tooltip {cursor:default; position:relative; border-radius:50%; background-color:#ffc105; font-size:12px; width:20px; height:20px; text-align:center; padding-top:2px; box-sizing:border-box; color:#ffffff; top:2px; margin-left:10px;} .DashboardLayout #DashReportList .NumPending .Num .Tooltip .Tooltiptext {visibility:hidden; width:160px; background-color:#ffffff; color:#4E5556; text-align:left; padding:5px 8px; position:absolute; top:0px; left:130%; border:1px solid #ACBCBE; font-weight:500; font-size:11px; box-sizing:border-box; z-index:100000;} .DashboardLayout #DashReportList .NumPending .Num .Tooltip:hover .Tooltiptext {visibility:visible;} .DashboardLayout #DashReportList .NumPending.ShopBlock {flex-wrap:wrap; margin-top:35px; padding-top:10px; box-sizing:border-box; border-top:1px solid #ACBCBE;} .DashboardLayout #DashReportList .NumPending.ShopBlock .Label {flex:0 0 100%; margin-bottom:10px;} .DashboardLayout #DashReportList .NumPending.ShopBlock .Num {flex:0 0 100%;} .DashboardLayout #DashReportList .WarningInfoIcon {display:none; position:absolute; z-index:10; top:20px; right:20px; cursor:pointer; width:20px; height:20px; border-radius:50%; background:url(/Content/Images/Icon_Popup_Warning.png) #C77979 no-repeat center; background-size:100%;} .DashboardLayout #DashReportList .LockedIcon {display:none; position:absolute; z-index:10; top:20px; right:20px; width:25px; height:25px; background:url(/Content/Images/Locked_Icon.png) no-repeat center; background-size:230%;} .DashboardLayout #DashReportList .WarningReportLimitPopup {display:none;} .DashboardLayout #DashReportList .LockedReportLimitPopup {display:none;} .DashboardLayout #DashReportList .swiper-container {overflow:inherit;} .DashboardLayout #DashReportList .swiper-slide.Warning .SlideContent {border-color:#C77979;} .DashboardLayout #DashReportList .swiper-slide.Warning .WarningInfoIcon {display:block;} .DashboardLayout #DashReportList .swiper-slide.Locked {display:block; text-decoration:none; cursor:pointer;} .DashboardLayout #DashReportList .swiper-slide.Locked .LockedIcon {display:block;} .DashboardLayout #DashReportList .swiper-slide.Locked .BtmDetails .BtnBlue {opacity:0.4;} .DashboardLayout #DashReportList .swiper-slide.Locked .BtmDetails .BtnBlue span, .DashboardLayout #DashReportList .swiper-slide.Locked .BtmDetails .BtnBlue a {pointer-events:none;} .DashboardLayout .FilterCtrlsRow {background-color:#DDECF6; padding:20px; box-sizing:border-box; margin-bottom:40px; border:1px solid #ACBCBE; border-top:none;} .DashboardLayout .FilterCtrlsRow .ErrorMsg span {display:block; font-size:12px; margin-bottom:15px; color:#ff0000;} .DashboardLayout .FilterCtrlsRow .Ctrls {display:flex; align-items:end; width:100%;} .DashboardLayout .FilterCtrlsRow .ReportType {flex:1; padding-right:20px; box-sizing:border-box;} .DashboardLayout .FilterCtrlsRow .Date {flex:1; display:flex; align-items:end; width:100%; padding-right:20px; box-sizing:border-box;} .DashboardLayout .FilterCtrlsRow .Date .FormBox {flex:1;} .DashboardLayout .FilterCtrlsRow .Date.MaxWidth {flex:0 0 620px;} .DashboardLayout .FilterCtrlsRow .ToLabel {flex:0 0 20px; font-size:12px; color:#4E5556; padding:0px 5px 11px 5px; box-sizing:border-box;} .DashboardLayout .FilterCtrlsRow .FilterBtn {flex:0 0 140px;} .DashboardLayout .FilterCtrlsRow .FilterBtn button {width:100%;} .DashboardLayout .FilterCtrlsRow .FilterBtn.ShiftRight {flex:1; display:flex; justify-content:flex-end;} .DashboardLayout .FilterCtrlsRow .FilterBtn.ShiftRight .BtnBlue {flex:0 0 140px;} .DashboardLayout .FilterCtrlsRow .FilterBtn .BtnProgressImg {top:4px;} .DashboardLayout .FilterCtrlsRow .FormBox {margin-bottom:0px;} .DashboardLayout .FilterCtrlsRow.NoSpaceTop {margin-top:-20px;} .DashboardLayout .ReportDLChart .ChartBlock {border:1px solid #ACBCBE; border-bottom:none; padding:0px 5px 30px 5px; box-sizing:border-box;} .DashboardLayout .ReportDLChart .ct-label {font-size:9px; color:#657478; margin-top:4px;} .DashboardLayout .ReportDLChart .ct-grid {stroke:#ACBCBE;} .DashboardLayout .ReportDLChart .ct-bar {stroke-width:60px;} .DashboardLayout .ReportDLChart .ct-barlabel {font-size:12px !important; color:#4E5556; font-family:Arial, Helvetica, Verdana;} .DashboardLayout .InfoChart {text-align:left; padding:0px 15px; box-sizing:border-box;} .DashboardLayout .InfoChart .IC {display:inline-block;} .DashboardLayout .InfoChart .IC .Circle {width:15px; height:15px; display:inline-block; border-radius:50%;} .DashboardLayout .InfoChart .IC .Txt {display:inline-block; font-size:12px; line-height:1.6em; font-family:Arial, Helvetica, Verdana; color:#5f5f62; position:relative; top:-3px; margin-left:10px; padding-right:25px; box-sizing:border-box;} .DashboardLayout .InfoChart .IC_00 .Circle {background:#000000;} .DashboardLayout .InfoChart .IC_01 .Circle {background:#7C2064;} .DashboardLayout .InfoChart .IC_02 .Circle {background:#1982C4;} .DashboardLayout .InfoChart .IC_03 .Circle {background:#b73d1d;} .DashboardLayout .InfoChart .IC_04 .Circle {background:#2f8738;} .DashboardLayout .InfoChart .IC_05 .Circle {background:#f2e22e;} .DashboardLayout .InfoChart .IC_06 .Circle {background:#282828;} .DashboardLayout .InfoChart .IC_07 .Circle {background:#0544d3;} .DashboardLayout .InfoChart .IC_08 .Circle {background:#6b0392;} .DashboardLayout .InfoChart .IC_09 .Circle {background:#f05b4f;} .DashboardLayout .InfoChart .IC_010 .Circle {background:#b3ffb3;} .ReportLimitPurchase h3 {font-size:20px; line-height:25px; margin-bottom:8px;} .ReportLimitPurchase h4 {text-transform:uppercase; margin-bottom:30px;} .ReportLimitPurchase h4.NoSpaceBtm {margin-bottom:15px;} .ReportLimitPurchase a {font-family:"Montserrat", Arial, Helvetica, Verdana, Sans-Serif; font-size:15px; font-weight:700; line-height:20px; color:#000000; text-decoration:underline;} .ReportLimitPurchase .ReportDetails {display:flex; align-items:center;} .ReportLimitPurchase .ReportDetails .Img {flex:0 0 120px; border:1px solid #eeeeee;} .ReportLimitPurchase .ReportDetails .Img img {width:100%;} .ReportLimitPurchase .ReportDetails .Details {flex:1; padding-left:20px; box-sizing:border-box; margin-top:-8px;} .ReportLimitPurchase .ReportDetails .Details .Name {font-family:"Montserrat", Arial, Helvetica, Verdana, Sans-Serif; font-size:16px; font-weight:700; line-height:18px; color:#000000; margin-bottom:5px;} .ReportLimitPurchase .ReportDetails .Details .Price {font-family:"Montserrat", Arial, Helvetica, Verdana, Sans-Serif; font-size:12px; font-weight:700; letter-spacing:1px; line-height:18px; color:#000000; margin-bottom:5px;} .ReportLimitPurchase .ReportDetails .Details .VAT {font-size:12px;} .ct-chart-bar {margin-top:30px;} .ct-barlabel {font-size:10px !important; line-height:10px;} /* Popup */ .NewPopupParent {position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 9999;display: none; background: rgba(90, 90, 90, 0.5);} .NewPopupParent.Visible {display: block;} .NewPopupParent .NewPopup {position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #fff; width: 50em; background-color: #9e2595; border-radius: 3px; -webkit-box-shadow: 2px 3px 10px 0px rgba(0, 0, 0, 0.62); -moz-box-shadow: 2px 3px 10px 0px rgba(0, 0, 0, 0.62); box-shadow: 2px 3px 10px 0px rgba(0, 0, 0, 0.62); font-family: "Arvo", Arial, Helvetica, Verdana, Sans-Serif; } .NewPopup .PopupContent .Head1 h2 {font-size: 24px; text-align: center; padding: 20px 15px 0px 15px; color: #fff; font-family: "Arvo", Arial, Helvetica, Verdana, Sans-Serif; } .NewPopup .PopupContent .Head1 h3 {font-style: oblique; font-size: 0.8rem; text-align: center; color: #fff; padding-bottom: 2em; } .NewPopup .PopupContent .Head2 {background-image: url(./Icon_Quotation.png); background-position: center center; height: 60px; background-size: 19px 17px; background-repeat: no-repeat;} .NewPopup .PopupContent .Cont {margin: 0px 20px 40px 20px; font-size: 1rem; padding: 10px; border-top: solid 1px #af4ba6; } .NewPopup .PopupContent .Cont p {font-size: 1rem; color: #fff} .NewPopup .PopupContent .Cont .Buttons {display: flex; justify-content: space-between; padding: 0px 4.5em 0px 4.5em; margin-top: 30px; } .NewPopup .PopupContent .Cont .Buttons .Btn {display: inline-block; -webkit-box-shadow: 3px 3px 5px -3px rgba(0,0,0,0.75); -moz-box-shadow: 3px 3px 5px -3px rgba(0,0,0,0.75); box-shadow: 3px 3px 5px -3px rgba(0,0,0,0.75); margin-left: 10px; margin-right: 10px; border: none; border-radius: 5px; padding: 14px 10px 14px 10px; min-width: 10em; background-color: #fff; color: #282828; font-size: 12px; cursor: pointer; font-weight: bold; font-family: "Montserrat", Arial, Helvetica, Verdana, Sans-Serif; text-transform: uppercase; } .NewPopup .PopupContent .Cont .Buttons .Btn:active {background-color: rgb(220, 220, 220); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .UserProfileDetails .UPTable {display:table; width:100%; text-align:left;} .UserProfileDetails .UPTable .ImgCell {display:table-cell; width:50%; vertical-align:top; position:relative;} .UserProfileDetails .UPTable .ImgCell .Img {position:absolute; width:100%; height:100%; background-size:cover; background-position:center center; background-repeat:no-repeat;} .UserProfileDetails .UPTable .DetailsCell {display:table-cell; width:50%; vertical-align:top; padding:30px; box-sizing:border-box; position:relative;} .UserProfileDetails .UserName {font-size:24px; color:#5F5F62; font-family:calibri; margin-bottom:15px; padding-right:30px; box-sizing:border-box;} .UserProfileDetails .Role {font-size:11px; font-family:'Montserrat', sans-serif; font-weight:700; letter-spacing:3px; text-transform:uppercase; margin-bottom:15px;} .UserProfileDetails .Role .Seperator {position:relative; bottom:3px; font-size:15px; padding:0px 5px; box-sizing:border-box;} .UserProfileDetails p {line-height:20px; margin-bottom:20px;} .UserProfileDetails .StrengthsRow {display:table; width:100%; margin-bottom:15px;} .UserProfileDetails .StrengthsRow .StrengthCell {display:table-cell; vertical-align:middle;} .UserProfileDetails .StrengthsRow .StrengthCell img {max-height:17px; max-width:130px;} .UserProfileDetails .StrengthsRow .DateCell {display:table-cell; vertical-align:middle; text-align:right; font-size:12px; line-height:18px; font-family:'PT Serif', Arial, Helvetica, Verdana, Sans-Serif; color:#838C8E; font-style:italic;} .UserProfileDetails .TopStrengths {width:103%; margin-top:30px;} .UserProfileDetails .TopStrengths .TSBlock {display:inline-block; vertical-align:top; border:1px solid #ACBCBE; width:30.33%; margin-right:3%; box-sizing:border-box;} .UserProfileDetails .TopStrengths .TSBlock .Img {height:80px; padding:15px; box-sizing:border-box; text-align:center;} .UserProfileDetails .TopStrengths .TSBlock .Img img {height:100%;} .UserProfileDetails .TopStrengths .TSBlock .Name {text-align:center; color:#282828; font-size:11px; font-weight:700; font-family:'Montserrat', sans-serif; padding:6px 2px 18px 2px; box-sizing:border-box;} .UserProfileDetails .NoPostsError {padding:30px; box-sizing:border-box;} .UserProfileDetails .NoPostsError .Img img {width:100px; margin-bottom:15px;} .UserProfileDetails .NoPostsError .Msg h2 {text-align:center; font-size:22px; margin-bottom:0px;} .SocialActionPopup {text-align:left;} .SocialActionPopup .Title {font-size:24px; font-family:calibri; color:#5F5F62; padding-bottom:25px; border-bottom:1px solid #ACBCBE; margin-bottom:25px; padding-right:30px; box-sizing:border-box;} .SocialActionPopup .SubTitle {font-family:calibri; font-size:14px; color:#282828; text-transform:uppercase; letter-spacing:2px; margin-bottom:15px;} .SocialActionPopup .SocialInput {margin-bottom:15px;} .SocialActionPopup .SocialInput textarea {font-family:calibri; border:1px solid #D5D1D1; background-color:#EEEEEE; width:100%; height:144px; padding:10px; box-sizing:border-box; resize:none;} .SocialActionPopup .BtmBtns {display:table; float:right;} .SocialActionPopup .BtmBtns .Btn {display:table-cell; vertical-align:top; padding-left:10px; box-sizing:border-box;} .SocialActionPopup .BtmBtns .Btn a {width:140px; transition:none;} .SocialActionPopup.ReportSuccess {text-align:center;} .SocialActionPopup.ReportSuccess img {width:150px;} .SocialActionPopup.ReportSuccess h2 {text-align:center; margin:20px 0px 0px 0px;} /* Shopping Bag */ .CartBackBtn {display:flex; align-items:center; width:100%; max-width:240px; border:1px solid #ACBCBE; background:#ffffff; transition:all 0.3s ease; margin-bottom:40px;} .CartBackBtn:hover {opacity:0.8; text-decoration:none;} .CartBackBtn .Icon {flex:0 0 25px; position:relative; top:1px; padding-left:15px; box-sizing:border-box;} .CartBackBtn .Icon img {width:100%;} .CartBackBtn .Txt {color:#4e5556; font-size:13px; line-height:1.0em; font-weight:700; font-family:'Montserrat', Arial, Helvetica, Verdana, Sans-Serif; padding:12.5px 20px; box-sizing:border-box;} .CartBackBtn.ConfirmPage {display:inline-flex; width:inherit; margin-bottom:20px;} .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 #ACBCBE; box-sizing:border-box; cursor:pointer; font-family:'Montserrat', Arial, Helvetica, Verdana, Sans-Serif; text-align:center; text-decoration:none; -webkit-appearance:none; transition:all 0.3s ease;} .BtnWhite a:hover {opacity:0.8;} .ShoppingBag {} .ShoppingBag .SBTable {border:1px solid #ACBCBE; box-sizing:border-box;} .ShoppingBag .SBTable .Top {display:table; width:100%; } .ShoppingBag .SBTable .Top .Cell {display:table-cell; vertical-align:middle; box-sizing:border-box; padding:14px 10px; font-size:12px; line-height:20px; font-family:'Montserrat', sans-serif; font-weight:700; color:#000000; margin:0px; letter-spacing:2px; text-transform:uppercase;} .ShoppingBag .SBTable .Top .Cell_01 {width:27%; text-align:left; padding:14px 20px 14px 20px;} .ShoppingBag .SBTable .Top .Cell_01 span {background:#1982C4; color:#fff; min-width:22px; text-align:center; line-height:22px; height:22px; margin-left:10px; display:inline-block; border-radius:50%; letter-spacing:0px;} .ShoppingBag .SBTable .Top .Cell_02 {width:15%; text-align:center;} .ShoppingBag .SBTable .Top .Cell_03 {width:15%; text-align:center;} .ShoppingBag .SBTable .Top .Cell_04 {width:10%; text-align:center;} .ShoppingBag .SBTable .Top .Cell_05 {width:15%; text-align:center;} .ShoppingBag .SBTable .Top .Cell_06 {width:10%; text-align:center;} .ShoppingBag .SBTable .Top .Cell_07 {width:8%; text-align:center;} .ShoppingBag .SBTable .Row {display:table; width:100%; border-top:1px solid #ACBCBE; box-sizing:border-box;} .ShoppingBag .SBTable .Row .Cell {display:table-cell; vertical-align:middle; box-sizing:border-box; padding:14px 10px;} .ShoppingBag .SBTable .Row .Cell_01 {width:5%; text-align:left; padding:14px 5px 15px 14px;} .ShoppingBag .SBTable .Row .Cell_01 img {display:block; width:100%;} .ShoppingBag .SBTable .Row .Cell_01Bis {width:22%; text-align:left; font-size:16px; line-height:26px; color:#000000; font-family:'Montserrat', Arial, Helvetica, Verdana, Sans-Serif; font-weight:600;} .ShoppingBag .SBTable .Row .Cell_02 {width:15%; text-align:center; font-size:12px; line-height:1.3em; font-family:'PT Serif', Arial, Helvetica, Verdana, Sans-Serif; font-weight:400; color:#838c8e; font-style:italic;} .ShoppingBag .SBTable .Row .Cell_03 {width:15%; text-align:center; font-size:12px; line-height:1.3em; font-family:'Montserrat', Arial, Helvetica, Verdana, Sans-Serif; color:#707070;} .ShoppingBag .SBTable .Row .Cell_03 .UnitPrice {color:#000000; font-weight:700; letter-spacing:1px;} .ShoppingBag .SBTable .Row .Cell_03 .PercentageOff{font-size:12px; line-height:1.3em; font-family:'PT Serif', Arial, Helvetica, Verdana, Sans-Serif; font-weight:400; color:#838c8e; font-style:italic;} .ShoppingBag .SBTable .Row .Cell_04 {width:10%; text-align:center;} .ShoppingBag .SBTable .Row .Cell_04 .BoxQuantity {margin:0px; width:100%; display:inline-block;} .ShoppingBag .SBTable .Row .Cell_04 .BoxQuantity input::-webkit-outer-spin-button, .ShoppingBag .SBTable .Row .Cell_04 .BoxQuantity input::-webkit-inner-spin-button {-webkit-appearance:none; margin:0;} .ShoppingBag .SBTable .Row .Cell_04 .BoxQuantity input[type=number] {-moz-appearance:textfield;} .ShoppingBag .SBTable .Row .Cell_04 .BoxQuantity {max-width:140px;} .ShoppingBag .SBTable .Row .Cell_04 .DiscountRate {font-size:10px; color:#657478; margin-top:10px;} .ShoppingBag .SBTable .Row .Cell_05 {width:15%; text-align:center; font-size:12px; line-height:1.3em; font-family:'Montserrat', Arial, Helvetica, Verdana, Sans-Serif; color:#1982C4;} .ShoppingBag .SBTable .Row .Cell_05 .TotalPrice {font-weight:700; color:#1982C4;} .ShoppingBag .SBTable .Row .Cell_06 {width:10%; text-align:center; font-size:12px; line-height:1.3em; font-family:'Montserrat', Arial, Helvetica, Verdana, Sans-Serif; font-weight:600; color:#707070;} .ShoppingBag .SBTable .Row .Cell_07 {width:8%; text-align:center;} .ShoppingBag .SBTable .Row .Cell_07 .BtnSmallDelete .Icon {background:url(/Content/Images/Icon_Btn_SmallDeleteHover.png) no-repeat center; background-size:cover; cursor:pointer; transition:all 0.3s ease;} .ShoppingBag .SBTable .Row .Cell_07 .BtnSmallDelete .Icon:hover {opacity:0.8;} .ShoppingBag .SBTable .Row .VATTxt {color:#5e6465; font-family:Arial, Helvetica, Verdana;} .ShoppingBag .Summary {text-align:right; margin-top:40px;} .ShoppingBag .Summary .DiscountCode {width:280px; display:inline-block; margin:0px;} .ShoppingBag .Summary .DiscountCode .FormField {position:relative;} .ShoppingBag .Summary .DiscountCode .FormField .EditBox {padding:0px 50px 0px 10px; height:44px;} .ShoppingBag .Summary .DiscountCode .FormField .Icon {background:url(/Content/Images/Icon_BtnApply.png) no-repeat center #1982C4; background-size:cover; width:44px; height:44px; display:block; position:absolute; top:0px; right:0px; border:none; cursor:pointer; transition:all 0.3s ease;} .ShoppingBag .Summary .DiscountCode .FormField .Icon:hover {background:url(/Content/Images/Icon_BtnApply.png) no-repeat center #014a8c; background-size:cover; width:44px; height:44px;} .ShoppingBag .Summary .Total {margin-top:25px;} .ShoppingBag .Summary .Total .Row {margin-top:5px;} .ShoppingBag .Summary .Total .Row .Txt {display:inline-block; font-size:12px; line-height:25px; font-weight:700; color:#4E5556; letter-spacing:1px; font-family:'Montserrat', Arial, Helvetica, Verdana, Sans-Serif;} .ShoppingBag .Summary .Total .Row .Nbre {display:inline-block; min-width:158px; padding-left:20px; font-size:12px; line-height:1.3em; font-family:'Montserrat', Arial, Helvetica, Verdana, Sans-Serif; font-weight:600; color:#000000; letter-spacing:1px;} .ShoppingBag .Summary .Total .Row .VATTxt {margin-top:-5px; font-size:12px; line-height:1.3em; font-family:Arial, Helvetica, Verdana; color:#5e6465;} .ShoppingBag .Summary .BtnConfirm {margin-top:30px;} .ShoppingBag .Summary .BtnConfirm a {display:inline-block; width:200px;} .ShoppingBag .Summary .BtnConfirm input {display:inline-block; width:100%; max-width:200px;} .ShoppingBag .Summary .DiscountMsg {max-width:330px; background-color:#F5F5F5; margin:0px 0px 30px auto;} .ShoppingBag .Summary .DiscountMsg .IconAndTxt {display:flex; align-items:center; width:100%; text-align:left;} .ShoppingBag .Summary .DiscountMsg .IconAndTxt .Icon {flex:0 0 47px; padding:11px 10px 9px 15px; box-sizing:border-box;} .ShoppingBag .Summary .DiscountMsg .IconAndTxt .Txt {font-size:10px; line-height:14px; color:#657478;} .ShoppingBag .EmptyCart {text-align:center; padding:100px 0px;} .ShoppingBag .EmptyCart .Img {display:inline-block; width:150px; margin-bottom:30px;} .ShoppingBag .EmptyCart .Img img {display:block; width:100%;} .ShoppingBag .EmptyCart .Desc {} .ShoppingBag .EmptyCart .Desc .Title {font-size:30px; line-height:1.3em; font-family:'Arvo', serif, Arial, Helvetica, Verdana; font-weight:400; color:#282828; margin:0px;} .ShoppingBag .EmptyCart .Desc .Txt {margin:0px 0px 12px 0px; font-size:14px; line-height:26px; font-weight:400; color:#787e80;} .OrderSummary {margin-bottom:40px; font-family:Arial, Helvetica, Verdana;} .OrderSummary .Row {margin-bottom:10px;} .OrderSummary .Row .Txt {font-size:18px; font-weight:bold; margin-bottom:3px;} .OrderSummary .Row .Nbre {font-size:18px;} .ProgressIndicatorR {position:absolute; width:30px; top:50%; margin-top:-15px; left:50%; margin-left:-15px; animation-name:rotate_infinitely; animation-duration:1400ms; animation-iteration-count:infinite; animation-timing-function:linear; display:none; opacity:0;} .ProgressIndicatorRBig {position:absolute; width:50px; top:50%; margin-top:-25px; left:50%; margin-left:-25px; animation-name:rotate_infinitely; animation-duration:1400ms; animation-iteration-count:infinite; animation-timing-function:linear; display:none; opacity:0;} /* Checkout */ .Checkout {} .Checkout .BigLine {width:54px; height:5px; background-color:#eaeb85; margin:0px 0px 30px 0px; display:block;} .Checkout .Subtitle {margin:0px 0px 30px 0px;} .Checkout .TablePanel {display:table; width:100%;} .Checkout .TablePanel .MainPanel {display:table-cell; vertical-align:top;} .Checkout .TablePanel .RightPanel {display:table-cell; vertical-align:top; width:320px; padding-left:60px; box-sizing:border-box;} .Checkout .BillingAddress {display:block;} .Checkout .BillingAddress .BoxSpacer {float:left; width:3%; height:1px; display:block;} .Checkout .BillingAddress .BoxTitle {float:left; width:20%;} .Checkout .BillingAddress .BoxFirstName {float:left; width:37%;} .Checkout .BillingAddress .BoxLastName {float:left; width:37%;} .Checkout .BillingAddress .BoxAddressLineOne {float:left; width:48.5%;} .Checkout .BillingAddress .BoxAddressLineTwo {float:left; width:48.5%;} .Checkout .BillingAddress .BoxTown {float:left; width:22.75%;} .Checkout .BillingAddress .BoxCity {float:left; width:22.75%;} .Checkout .BillingAddress .BoxPostcode {float:left; width:22.75%;} .Checkout .BillingAddress .BoxCountry {float:left; width:22.75%;} .Checkout .DeliveryAddress {display:block;} .Checkout .DeliveryAddress .BoxSpacer {float:left; width:3%; height:1px; display:block;} .Checkout .DeliveryAddress .BoxTitle {float:left; width:20%;} .Checkout .DeliveryAddress .BoxFirstName {float:left; width:37%;} .Checkout .DeliveryAddress .BoxLastName {float:left; width:37%;} .Checkout .DeliveryAddress .BoxJobTitle {float:left; width:31.33%;} .Checkout .DeliveryAddress .BoxCompany {float:left; width:31.33%;} .Checkout .DeliveryAddress .BoxDateBirth {float:left; width:31.33%;} .Checkout .DeliveryAddress .BoxAddressLineOne {float:left; width:48.5%;} .Checkout .DeliveryAddress .BoxAddressLineTwo {float:left; width:48.5%;} .Checkout .DeliveryAddress .BoxTown {float:left; width:22.75%;} .Checkout .DeliveryAddress .BoxCity {float:left; width:22.75%;} .Checkout .DeliveryAddress .BoxPostcode {float:left; width:22.75%;} .Checkout .DeliveryAddress .BoxCountry {float:left; width:22.75%;} .Checkout .DeliveryAddress .BoxEmailAddress {float:left; width:48.5%;} .Checkout .DeliveryAddress .BoxTelephoneNumber {float:left; width:48.5%;} .Checkout .ItemAddress {border:1px solid #ACBCBE; display:inline-block; margin-right:40px; margin-bottom:40px; width:200px; vertical-align:top; text-align:center; position:relative; cursor:pointer;} .Checkout .ItemAddress .CheckBoxAddress {display:inline-block; margin-top:25px; float:none;} .Checkout .ItemAddress .Icon {background:url(/Content/Images/Icon_Slider_Empty.png) no-repeat center; background-size:cover; width:25px; height:25px; display:inline-block;} .Checkout .ItemAddress .Desc {padding:10px 25px 25px 25px; text-align:center; display:block; cursor:pointer;} .Checkout .ItemAddress .Desc .SubTitle {display:block; font-size:13px; line-height:1.3em; font-family:'Montserrat', Arial, Helvetica, Verdana, Sans-Serif; font-weight:600; color:#282828; margin-top:10px; margin-bottom:10px; text-align:center; letter-spacing:2px;} .Checkout .ItemAddress .Desc .Txt {display:block; font-size:13px; line-height:20px; font-family:'PT Serif', Arial, Helvetica, Verdana, Sans-Serif; font-weight:400; color:#838c8e; font-style:italic; text-align:left;} .Checkout .ItemAddress.Selected {border:1px solid #3ebb4c;} .Checkout .ItemAddress.Selecte .Icon {background:url(/Content/Images/Icon_Slider_Complete.png) no-repeat center; background-size:cover; width:25px; height:25px; display:inline-block;} .Checkout .ProgressIndicator {position:absolute; left:50%; top:50%; margin-left:-17px; margin-top:-17px; width:34px; height:34px; display:none; opacity:0.8;} .Checkout .ProgressIndicator img {width:34px; height:34px; display:block;} .Checkout .ConfirmCheckout {} .Checkout .ConfirmCheckout .AddressInfo {float:left; width:48%; padding-right:2%; margin-bottom:40px;} .Checkout .ConfirmCheckout .AddressInfo .InfoDetails {font-size:14px; line-height:30px; font-weight:400; color:#787e80;} .Checkout .ConfirmCheckout .BoxPONumber {width:500px;} .Checkout .EnterPaymentDetails {} .Checkout .EnterPaymentDetails .WrapperCard {} .Checkout .EnterPaymentDetails .WrapperCard .ItemCard {border:1px solid #ACBCBE; display:inline-block; margin-right:40px; margin-bottom:40px; width:200px; vertical-align:top;} .Checkout .EnterPaymentDetails .WrapperCard .ItemCard .Img {display:block; text-align:center; margin-top:30px; margin-bottom:8px;} .Checkout .EnterPaymentDetails .WrapperCard .ItemCard .Img img {display:inline-block; width:70px;} .Checkout .EnterPaymentDetails .WrapperCard .ItemCard .Desc {padding:10px 22px 30px 22px; text-align:center;} .Checkout .EnterPaymentDetails .WrapperCard .ItemCard .Desc .Icon {background:url(/Content/Images/Icon_Slider_Empty.png) no-repeat center; background-size:cover; width:25px; height:25px; display:inline-block;} .Checkout .EnterPaymentDetails .WrapperCard .ItemCard .Desc .SubTitle {font-size:13px; line-height:1.3em; font-family:'Montserrat', Arial, Helvetica, Verdana, Sans-Serif; font-weight:600; color:#282828; margin-top:10px; margin-bottom:10px; text-align:center; letter-spacing:2px;} .Checkout .EnterPaymentDetails .WrapperCard .ItemCard .Desc .Txt {font-size:13px; line-height:20px; font-family:'PT Serif', Arial, Helvetica, Verdana, Sans-Serif; font-weight:400; color:#838c8e; font-style:italic;} .Checkout .EnterPaymentDetails .WrapperCard .ItemCard.Selected {border:1px solid #3ebb4c;} .Checkout .EnterPaymentDetails .WrapperCard .ItemCard.Selected .Desc .Icon {background:url(/Content/Images/Icon_Slider_Complete.png) no-repeat center; background-size:cover; width:25px; height:25px; display:inline-block;} .Checkout .EnterPaymentDetails .WrapperCard .ItemCard .iradio_square-grey {margin-left:auto; margin-right:auto; float:none;} .CardForm {} .CardForm .Left {float:left; width:48%; margin-right:4%;} .CardForm .Right {float:left; width:48%;} .Checkout .EnterPaymentDetails .BoxSpacer {float:left; width:3%; height:1px; display:block;} .Checkout .EnterPaymentDetails .BoxPaymentMethod {} .Checkout .EnterPaymentDetails .BoxPaymentMethod .Card {float:left; margin-right:20px; clear:none;} .Checkout .EnterPaymentDetails .BoxPaymentMethod .Card .iradio_square-grey {top:15px; margin-right:0px;} .Checkout .EnterPaymentDetails .BoxPaymentMethod .Card .Img {display:inline-block; width:70px;} .Checkout .EnterPaymentDetails .BoxPaymentMethod .Card .Img img {display:block; width:100%;} .Checkout .Confirmation {} .Checkout .BottomForm {margin-top:10px;} .Checkout .BottomForm .Denotes {float:left; margin-top:13px; font-size:12px; color:#707070;} .Checkout .BottomForm .Denotes .Asterisk {color:#fc6002; margin-right:3px;} .Checkout .BottomForm .BtnPay {float:right; margin-left:20px; display:block;} .Checkout .BottomForm .BtnNext {float:right; margin-left:20px;} .Checkout .BottomForm .BtnNext a {padding:14px 0px; width:160px;} .Checkout .BottomForm .BtnNext input {padding:14px 0px; width:160px;} .Checkout .BottomForm .BtnMakePayment {float:right;} .Checkout .BottomForm .BtnMakePayment a {padding:14px 0px; width:160px;} .Checkout .BottomForm .BtnMakePayment input {padding:14px 0px; width:160px;} .Checkout .BottomForm .BtnPrint {float:right; margin-left:20px; display:block;} .Checkout .BottomForm .BtnPrint a {padding:14px 0px; width:160px;} .Checkout .BottomForm .BtnPrint input {padding:14px 0px; width:160px;} .Checkout .BottomForm .BtnAddNewAddress {float:right;} .Checkout .BottomForm .BtnAddNewAddress a {padding:14px 0px; width:200px;} .Checkout .BottomForm .BtnAddNewAddress input {padding:14px 0px; width:200px;} .Checkout .BottomForm .BtnBack {float:left; margin-right:20px;} .Checkout .BottomForm .BtnBack a {padding:14px 0px; width:160px;} .Checkout .BottomForm .BtnBack input {padding:14px 0px; width:160px;} .Checkout .Summary {margin-top:25px; max-width:600px;} .Checkout .Summary .Row {display:table; width:100%; padding:0px 0px 15px 0px;} .Checkout .Summary .Row .Txt {display:table-cell; vertical-align:middle; text-align:left; font-size:14px; line-height:1.3em; font-weight:400; color:#787e80;} .Checkout .Summary .Row .Date {display:block; padding:0px 0px 5px 0px; font-size:12px; line-height:1.3em; font-family:'PT Serif', Arial, Helvetica, Verdana, Sans-Serif; font-weight:400; color:#838c8e; font-style:italic;} .Checkout .Summary .Row .Nbre {display:table-cell; vertical-align:middle; text-align:right; font-size:13px; line-height:1.3em; font-weight:600; color:#282828; font-family:'Montserrat', Arial, Helvetica, Verdana, Sans-Serif; letter-spacing:2px;} .Checkout.Hide {display:none;} .Checkout.ShopError {margin-top:50px;} /* Decline */ .Decline {text-align:center;} .Decline .Img {display:inline-block; width:150px; margin-bottom:30px;} .Decline .Img img {display:block; width:100%;} .Decline .BigLine {display:inline-block;} .Decline .BtnTryAgain {margin-top:30px;} .Decline .BtnTryAgain a {padding:14px 0px; width:160px; display:inline-block;} .Decline .BtnTryAgain input {padding:14px 0px; width:160px; display:inline-block;} .MeanSDTable {width:100%; border-left:1px solid #d5d1d1; border-top:1px solid #d5d1d1; empty-cells:show; border-collapse:collapse; box-sizing:border-box; font-size:13px; line-height:1.3em; font-weight:400; color:#282828; margin-bottom:30px;} .MeanSDTable th {vertical-align:middle; text-align:center; border-right:1px solid #d5d1d1; border-bottom:1px solid #d5d1d1; box-sizing:border-box; padding:10px; font-size:12px; line-height:1.3em; color:#282828; font-weight:700; text-transform:uppercase; letter-spacing:1px; font-family:Arial, Helvetica, Verdana; background-color:#eeeeee;} .MeanSDTable td {vertical-align:middle; text-align:center; border-right:1px solid #d5d1d1; border-bottom: 1px solid #d5d1d1; box-sizing:border-box; padding:10px;} .MeanSDTable td .EditBoxW1 {color:#282828; background-color:#eeeeee; border:1px solid #d5d1d1; 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;} .MeanSDSubTable {width:100%;} .MeanSDSubTable td {vertical-align:top; padding:10px; text-align:left; border-bottom:none; border-right:none;} .MeanSDSubTable tr:last-child td {border-bottom:none;} .StaticFieldInfo {position:relative; top:-15px; font-size:13px; color:#707070;} .StaticFieldInfo .PRec {margin-bottom:2px;} .StaticFieldInfo ul li {margin-bottom:2px; font-size:13px; line-height:18px} .StaticFieldInfo ul li.green {color:limegreen;} .ExtraResFields {display:none;} .ExtraResFields.Show {display:block;} .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;} .BackBtn .BBTable {display:table; margin-bottom:30px;} .BackBtn .BBTable:hover {text-decoration:none;} .BackBtn .BBTable .Arrow {display:table-cell; vertical-align:middle; width:11px;} .BackBtn .BBTable .Arrow img {width:100%;} .BackBtn .BBTable .Txt {display:table-cell; vertical-align:middle; padding:0px 0px 2px 15px; box-sizing:border-box; font-size:11px; font-family:'Montserrat', sans-serif; font-weight:700; color:#BDBDBD; text-transform:uppercase; letter-spacing:2px;} .PractitionerZone .PzBackground {position:relative; z-index:10;} .PractitionerZone .PZTabs {position:relative; z-index:5; display:flex; margin:0px 60px;} .PractitionerZone .PZTabs .Tab {display:block; width:33.33%; padding:18px 0px; text-transform:uppercase; text-align:center; font-weight:700; font-size:12px; font-family:'Montserrat', sans-serif; letter-spacing:3px; color:#037BE7;} .PractitionerZone .PZTabs .Tab:hover {color:#3B3D40; text-decoration:none;} .PractitionerZone .PZTabs .Seperator {position:relative; top:13px; width:1px; height:24px; background-color:#CCD3DC;} .PractitionerZone .PZTabs.Tab1 .Tab:nth-of-type(1) {color:#3B3D40; background-color:#ffffff; box-shadow:0 2px 2px rgba(43,59,93,.29); pointer-events:none; cursor:default;} .PractitionerZone .PZTabs.Tab1 .Seperator:nth-of-type(1) {display:none;} .PractitionerZone .PZTabs.Tab2 .Tab:nth-of-type(2) {color:#3B3D40; background-color:#ffffff; box-shadow:0 2px 2px rgba(43,59,93,.29); pointer-events:none; cursor:default;} .PractitionerZone .PZTabs.Tab2 .Seperator:nth-of-type(1) {display:none;} .PractitionerZone .PZTabs.Tab2 .Seperator:nth-of-type(2) {display:none;} .PractitionerZone .PZTabs.Tab3 .Tab:nth-of-type(3) {color:#3B3D40; background-color:#ffffff; box-shadow:0 2px 2px rgba(43,59,93,.29); pointer-events:none; cursor:default;} .PractitionerZone .PZTabs.Tab3 .Seperator:nth-of-type(2) {display:none;} .PractitionerZone .PZBlocks {display:flex; flex-wrap:wrap; width:calc(100% + 30px);} .PractitionerZone .PZBlocks:last-child {margin-bottom:-30px;} .PractitionerZone .PZBlocks .PZInfoBlock {position:relative; padding:0px 30px 30px 0px; box-sizing:border-box;} .PractitionerZone .PZBlocks .PZInfoBlock .Inner {position:relative; display:block; box-shadow:0px 1px 4px rgba(43,59,93,.29); overflow:hidden;} .PractitionerZone .PZBlocks .PZInfoBlock .Inner:hover {text-decoration:none; cursor:pointer;} .PractitionerZone .PZBlocks .PZInfoBlock .Inner:hover .BtnTxt.Brown {background-color:#953218;} .PractitionerZone .PZBlocks .PZInfoBlock .Inner:hover .BtnTxt.Purple {background-color:#76196e;} .PractitionerZone .PZBlocks .PZInfoBlock .Inner:hover .BtnTxt.Blue {background-color:#014d92;} .PractitionerZone .PZBlocks .PZInfoBlock .Inner:hover .BtnTxt.Green {background-color:#1f5825;} .PractitionerZone .PZBlocks .PZInfoBlock .Inner:hover .BtnTxt.Yellow {background-color:#beb125;} .PractitionerZone .PZBlocks .PZInfoBlock .Inner:hover .ImgHoverLayer {opacity:0.7;} .PractitionerZone .PZBlocks .PZInfoBlock .Inner:hover .LikesBlockTable {opacity:1;} .PractitionerZone .PZBlocks .PZInfoBlock .Top {display:block; position:relative; background-color:#ececec;} .PractitionerZone .PZBlocks .PZInfoBlock .Middle {display:block;} .PractitionerZone .PZBlocks .PZInfoBlock .Bottom {display:block;} .PractitionerZone .PZBlocks .PZInfoBlock .ImgHoverLayer {display:block; position:absolute; width:100%; height:100%; background-color:#000000; opacity:0; transition:opacity 0.3s;} .PractitionerZone .PZBlocks .PZInfoBlock .Img {display:block; background-position:center; box-sizing:border-box; background-repeat:no-repeat; background-size:cover; } .PractitionerZone .PZBlocks .PZInfoBlock .Img img {width:100%;} .PractitionerZone .PZBlocks .PZInfoBlock .BlockTxt {display:block;} .PractitionerZone .PZBlocks .PZInfoBlock .BlockTxt .Title {display:block; color:#2E2E30;} .PractitionerZone .PZBlocks .PZInfoBlock .BlockTxt .Txt {display:block; color:#6b757f; line-height:1.5em;} .PractitionerZone .PZBlocks .PZInfoBlock .LikesBlockTable {position:absolute; z-index:5; top:15px; right:15px; padding:7px 0px 7px 7px; box-sizing:border-box; border-radius:30px; border:1px solid #ffffff; opacity:0; transition:opacity 0.3s;} .PractitionerZone .PZBlocks .PZInfoBlock .LikesBlockTable .HeartSymbol {display:table-cell; vertical-align:middle; padding-right:7px; box-sizing:border-box;} .PractitionerZone .PZBlocks .PZInfoBlock .LikesBlockTable .HeartSymbol .Icon {background-image:url('/Content/Images/Icon_Like_03.svg'); background-size:100%; background-repeat:no-repeat; height:27px; width:27px;} .PractitionerZone .PZBlocks .PZInfoBlock .LikesBlockTable .HeartSymbol .Icon.Liked {background-image:url('/Content/Images/Icon_Like_04.svg');} .PractitionerZone .PZBlocks .PZInfoBlock .LikesBlockTable .HeartSymbol img {width:27px;} .PractitionerZone .PZBlocks .PZInfoBlock .LikesBlockTable .LikeNum {display:table-cell; vertical-align:middle; color:#ffffff; font-size:14px;} .PractitionerZone .PZBlocks .PZInfoBlock .Btn {display:block; padding:0px 30px 30px 30px; box-sizing:border-box; text-align:center;} .PractitionerZone .PZBlocks .PZInfoBlock .BtnTxt {display:block; text-transform:uppercase; color:#ffffff; font-weight:700; font-family:'Montserrat', sans-serif; letter-spacing:3px; padding:15px 10px; box-sizing:border-box; transition:background-color 0.3s ease 0s;} .PractitionerZone .PZBlocks .PZInfoBlock .BtnTxt.Brown {background-color:#B73D1D;} .PractitionerZone .PZBlocks .PZInfoBlock .BtnTxt.Purple {background-color:#7C2064;} .PractitionerZone .PZBlocks .PZInfoBlock .BtnTxt.Blue {background-color:#1982C4;} .PractitionerZone .PZBlocks .PZInfoBlock .BtnTxt.Green {background-color:#2F8738;} .PractitionerZone .PZBlocks .PZInfoBlock .BtnTxt.Yellow {background-color:#F2E22E;} .PractitionerZone .PZBlocks.Five .PZInfoBlock {width:20%;} .PractitionerZone .PZBlocks.Four .PZInfoBlock {width:25%;} .PractitionerZone .PZBlocks.HomeBlocks .PZInfoBlock .BlockTxt {padding:30px; box-sizing:border-box; text-align:center;} .PractitionerZone .PZBlocks.HomeBlocks .PZInfoBlock .BlockTxt .Title {word-wrap:break-word; -webkit-hyphens:auto; -moz-hyphens:auto; -ms-hyphens:auto; hyphens:auto; font-size:13px; font-family:'Montserrat', sans-serif; font-weight:700; letter-spacing:3px; line-height:24px; margin-bottom:15px;} .PractitionerZone .PZBlocks.HomeBlocks .PZInfoBlock .BlockTxt .Txt {font-size:13px;} .PractitionerZone .PZBlocks.SubBlocks .PZInfoBlock .BlockTxt {padding:30px 25px; box-sizing:border-box;} .PractitionerZone .PZBlocks.SubBlocks .PZInfoBlock .BlockTxt .Title {word-wrap:break-word; -webkit-hyphens:auto; -moz-hyphens:auto; -ms-hyphens:auto; hyphens:auto; font-size:13px; font-family:'Montserrat', sans-serif; font-weight:700; letter-spacing:3px; line-height:24px; margin-bottom:15px;} .PractitionerZone .PZBlocks.SubBlocks .PZInfoBlock .BlockTxt .Txt {font-size:13px;} .PractitionerZone .PZTopRow {display:flex; align-items:center; margin-bottom:30px;} .PractitionerZone .PZTopRow .BackBtn .BBTable {margin-bottom:0px;} .PractitionerZone .LeftSide {flex:1;} .PractitionerZone .RightSide {flex:1;} .PractitionerZone .PZSearchBar {text-align:right;} .PractitionerZone .FormBox {width:300px; margin-bottom:0px; margin-left:auto;} .PractitionerZone .FormBox .FormField {position:relative;} .PractitionerZone .FormField .EditBox {padding-right:43px;} .PractitionerZone .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;} /* Rating Stars */ .RatingSection .Rating {} .RatingSection .Rating .Star {display:inline-block; width:34px; height:34px; background-size:cover; box-sizing:border-box; cursor:pointer;} .RatingSection .Rating .Star.On {background-image:url(/Content/Images/Icon_Rating_On.png);} .RatingSection .Rating .Star.Off {background-image:url(/Content/Images/Icon_Rating_Off.png);} /* Popup Boxes */ .CoverLayer1 {position:fixed; top:0px; left:0px; width:100%; height:100%; background-color:#000; z-index:100; opacity:0; display:none; transition:opacity 150ms ease;} .CoverLayer1.Visible {opacity:0.75;} .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; margin:0px auto 0px auto; max-width:390px; min-width:300px; background-color:#fff;} .PopupParent .Popup .ActualContent {text-align:center; padding:40px;} .PopupParent .Popup .ActualContent.Admin {padding:0px !important;} .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 #ACBCBE; margin-bottom:35px;} .PopupParent .Popup .PopupMsg h2.Hdr3 {font-size:20px; color:#000000; font-family:Arial, Helvetica, Verdana; font-weight:700; padding:17px 55px 17px 30px; box-sizing:border-box; border-bottom:1px solid #ACBCBE; margin-bottom:0px; font-family:'Montserrat', sans-serif;} .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.NoSpacing {padding:0px;} .PopupParent .Popup .PopupMsg.MiddleBlock {max-height:calc(100vh - 170px); overflow-y:auto; padding:0px;} .PopupParent .Popup .PopupMsg.MiddleBlock.LeftAlign {text-align:left;} .PopupParent .Popup .PopupMsg.ProductDetails {text-align:left;} .PopupParent .Popup .PopupMsg.ProductDetails .Img {background-color:#f5f5f5; margin-bottom:30px;} .PopupParent .Popup .PopupMsg.ProductDetails .Img img {width:100%;} .PopupParent .Popup .PopupMsg.ProductDetails .NameAndVal {display:flex; align-items:start; width:100%; margin-bottom:20px;} .PopupParent .Popup .PopupMsg.ProductDetails .NameAndVal .LeftSide {flex:1 0 80%; min-width:0; padding-right:15px; box-sizing:border-box;} .PopupParent .Popup .PopupMsg.ProductDetails .NameAndVal .RightSide {flex:1 0 20%; text-align:right;} .PopupParent .Popup .PopupMsg.ProductDetails .NameAndVal .Name {font-family:'Montserrat', sans-serif, Arial, Helvetica, Verdana; font-size:30px; font-weight:700; line-height:30px; color:#000000; overflow:hidden; text-overflow:ellipsis;} .PopupParent .Popup .PopupMsg.ProductDetails .NameAndVal .Val {font-family:'Montserrat', sans-serif, Arial, Helvetica, Verdana; font-size:20px; font-weight:700; line-height:26px; color:#000000; margin-bottom:3px;} .PopupParent .Popup .PopupMsg.ProductDetails .NameAndVal .Vat {font-size:12px; color:#4d5455; font-family:'Montserrat', sans-serif, Arial, Helvetica, Verdana;} .PopupParent .Popup .PopupMsg.ProductDetails .Desc {margin-bottom:20px;} .PopupParent .Popup .PopupMsg.ProductDetails .SubTitle {font-size:14px; text-transform:uppercase; letter-spacing:1px; font-weight:700; color:#000000; margin-bottom:10px;} .PopupParent .Popup .PopupMsg.ProductDetails .TableDR {display:flex; align-items:start; width:100%;} .PopupParent .Popup .PopupMsg.ProductDetails .TableDR .CellDR {flex:1;} .PopupParent .Popup .PopupMsg.ProductDetails .TableDR .CellDR_01 {font-size:12px; line-height:20px; padding-right:15px; box-sizing:border-box;} .PopupParent .Popup .PopupMsg.ProductDetails .TableDR .CellDR_02 {text-align:right; font-size:12px; font-weight:700; line-height:20px;} .PopupParent .Popup .MsgContainer {padding:40px 30px;} .PopupParent .Popup .MsgContainer:focus {border:1px solid blue;} .PopupParent .Popup .Content.Hide {display:none;} .PopupParent .Popup .BtmBtnsContainer {background-color:#eeeeee; padding:8px 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; padding:14.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; padding:14.5px 20px;} .PopupParent .Popup .BtmBtnsContainer.Hide {display:none;} .PopupParent .Popup .BtmBtns {display:table; margin-left:auto;} .PopupParent .Popup .BtmBtns.FullWidth {width:100%; margin-left:0px;} .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 .RegPopTxt:focus {border:1px solid blue;} .PopupParent h2 {text-align:left; font-size:30px; line-height:1.4em; font-family:'Arvo', Arial, serif; font-weight:400; color:#282828; margin:0px 0px 20px 0px;} .PopupParent h2.SmallHdr {text-align:center; font-size:24px;} .PopupParent iframe {width:100%; height:348px;} .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; background-color:#ffffff; border-radius:50%;} .PopupParent .Popup .CloseBtn.Outer {top:-15px; right:-15px;} .PopupParent .Popup .CloseBtn:hover {cursor:pointer;} .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 .ValidationError span {display:block; color:#ff0000; font-size:14px; margin-bottom:15px;} .PopupParent .ProgressIcon {position:absolute; z-index:5; top:50%; left:50%; transform:translate(-50%, -50%);} .PopupParent .ProgressIcon.Hide {display:none;} .PopupParent .SocialValueBlocks {margin-bottom:-30px;} .PopupParent .SocialValueBlocks .ValueBlock {width:48%;} .PopupParent .ValidationError p {color:#ff0000;} /* Page Overlay */ .BodyOverlay {display:none; background-color:#000000; opacity:0; position:fixed; right:0; top:0; width:100%; height:100%; z-index:999; transition:opacity 300ms ease;} .BodyOverlay.Visible {opacity:0.7;} /* Social Forum */ .StrengthSocialHdr {position:relative; z-index:20;} .StrengthSocialHdr .SSHdrTable {display:table; width:100%; margin-bottom:35px;} .StrengthSocialHdr .SSHdrTable .LeftCell {display:table-cell; vertical-align:top;} .StrengthSocialHdr .SSHdrTable .RightCell {display:table-cell; vertical-align:top; text-align:right;} .StrengthSocialHdr .SSHdrTable.SmSpaceBtm {margin-bottom:10px;} .StrengthSocialHdr .Logo {display:inline-block; margin-bottom:23px;} .StrengthSocialHdr .Title {font-family:calibri; font-size:24px; color:#5F5F62; margin-bottom:0px;} .StrengthSocialHdr .SubTitle {font-family:calibri; font-size:14px; color:#282828; text-transform:uppercase; letter-spacing:2px; margin-bottom:0px;} .StrengthSocialHdr .SocialActionBtn {margin-bottom:20px;} .SocialSearch {position:relative; display:inline-block; float:right;} .SocialSearch input {width:300px; height:44px; border:1px solid #D5D1D1; background-color:#eeeeee; padding:20px 45px 20px 15px; box-sizing:border-box; font-family:'Montserrat', sans-serif; color:#282828; font-size:13px;} .SocialSearch .SearchIcon {position:absolute; top:11px; right:14px; display:inline-block;} .SocialSearch .SearchIcon img {width:20px; height:20px;} .SocialValuesPopup {float:right; width:40px; height:40px; margin-left:30px;} .SocialValuesPopup img {width:100%;} .AlterBtnsRow {margin-top:20px;} .AlterBtnsRow .ABRowTable {display:table; width:100%;} .AlterBtnsRow .ABRowTable .LeftCell {display:table-cell; vertical-align:middle;} .AlterBtnsRow .ABRowTable .RightCell {display:table-cell; vertical-align:middle;} .SocialActionBtn {display:table; border:1px solid #ACBCBE; padding:0px 13px; box-sizing:border-box;} .SocialActionBtn.Large {height:44px; float:right; margin-left:30px;} .SocialActionBtn.Large .Num .NumCircle {min-width:22px; height:22px; line-height:22px;} .SocialActionBtn.Small {height:31px; float:left; margin-right:15px;} .SocialActionBtn.Small .Num .NumCircle {min-width:17px; height:17px; line-height:17px; font-size:8px; padding:0px 6px;} .SocialActionBtn .Icon {display:table-cell; vertical-align:middle; width:33px; text-align:left;} .SocialActionBtn .Icon .Bell {position:relative; top:2px; display:inline-block; background-image:url('/Content/Images/Icon_MyActivity.svg'); background-size:100%; background-repeat:no-repeat; height:24px; width:21px;} .SocialActionBtn .Icon .Comment {position:relative; top:2px; display:inline-block; background-image:url('/Content/Images/Icon_ViewComments.svg'); background-size:100%; background-repeat:no-repeat; height:24px; width:21px;} .SocialActionBtn.False .Icon .LikeToggleSymbol {position:relative; top:2px; display:inline-block; background-image:url('/Content/Images/Icon_Like_01.svg'); background-size:100%; background-repeat:no-repeat; height:24px; width:21px;} .SocialActionBtn.True .Icon .LikeToggleSymbol {position:relative; top:2px; display:inline-block; background-image:url('/Content/Images/Icon_Like_02.svg'); background-size:100%; background-repeat:no-repeat; height:24px; width:21px;} .SocialActionBtn .Icon .Plus {position:relative; top:2px; display:inline-block; background-image:url('/Content/Images/Icon_Comment.svg'); background-size:100%; background-repeat:no-repeat; height:24px; width:21px;} .SocialActionBtn .Icon .Whistle {position:relative; top:2px; display:inline-block; background-image:url('/Content/Images/Icon_Report.svg'); background-size:100%; background-repeat:no-repeat; height:24px; width:21px;} .SocialActionBtn .Text {display:table-cell; vertical-align:middle; padding-left:10px; padding-right:10px; box-sizing:border-box; font-size:10px; color:#3C3D41; line-height:12px; font-weight:bold; letter-spacing:2px; font-family:'Montserrat', sans-serif; text-transform:uppercase;} .SocialActionBtn .Num {display:table-cell; vertical-align:middle;} .SocialActionBtn .Num.Hide {display:none;} .SocialActionBtn .Num .NumCircle {display:inline-block; border-radius:50%; background-color:#1982C4; color:#ffffff; min-width:22px; height:22px; line-height:22px; text-align:center; padding:0px 8px; box-sizing:border-box; font-size:10px; font-weight:700; font-family:'Montserrat', sans-serif;} .SocialActionBtn:hover {text-decoration:none;} .SocialActionBtn.NoClick {border:none; pointer-events:none;} .SocialActionBtn.NoClick:hover {cursor:none;} .SocialActionBtn.Report {display:none;} .SocialLiveFeedBlock {border:1px solid #ACBCBE; margin-bottom:30px;} .SocialLiveFeedBlock:last-child {margin-bottom:0px;} .SocialLiveFeedBlock .TopRow {display:block; padding:20px 25px; box-sizing:border-box; border-bottom:1px solid #ACBCBE;} .SocialLiveFeedBlock .TopRow .SocialBlockHdr {display:table; width:100%;} .SocialLiveFeedBlock .TopRow .SocialBlockHdr .Logo {display:table-cell; vertical-align:middle;} .SocialLiveFeedBlock .TopRow .SocialBlockHdr .Logo img {max-height:35px;} .SocialLiveFeedBlock .TopRow .SocialBlockHdr .PostCount {display:table-cell; vertical-align:middle; text-align:right; color:#838C8C; font-family:'Montserrat', sans-serif; font-size:12px; line-height:12px; font-weight:700;} .SocialLiveFeedBlock .TopRow .SocialBlockHdr .CountNum {text-decoration:underline;} .SocialLiveFeedBlock .TopRow:hover {text-decoration:none;} .SocialLiveFeedBlock .CommentListBlock {height:237px; overflow-y:scroll; padding:0px 25px; box-sizing:border-box;} .SocialLiveFeedBlock .CommentListBlock .CommentRow {padding:20px 0px; box-sizing:border-box; border-bottom:1px solid #ACBCBE;} .SocialLiveFeedBlock .CommentListBlock .CommentRow:last-child {border-bottom:none;} .SocialLiveFeedBlock .CommentRowTable {display:table; width:100%; table-layout:fixed;} .SocialLiveFeedBlock .CommentRowTable .UserImg {display:table-cell; vertical-align:middle; width:63px;} .SocialLiveFeedBlock .CommentRowTable .UserImg .ImgIcon {display:block; width:43px; height:43px; border-radius:50%; background-size:cover; background-position:center center; background-repeat:no-repeat;} .SocialLiveFeedBlock .CommentRowTable .Txt {display:table-cell; vertical-align:middle; width:340px;} .SocialLiveFeedBlock .CommentRowTable .Name {font-family:'Montserrat', sans-serif; color:#282828; font-size:11px; font-weight:700; letter-spacing:2px; text-transform:uppercase; margin-bottom:8px;} .SocialLiveFeedBlock .CommentRowTable .Comment p {margin-bottom:0px; line-height:1.2; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#858F9B;} .SocialLiveFeedBlock .CommentRowTable .PostDate {display:table-cell; vertical-align:middle; text-align:right; font-family:'PT Serif', Arial, Helvetica, Verdana, Sans-Serif; font-style:italic; font-size:12px; color:#838C8E;} .StrSocialCommentDivisions {display:table; width:100%; position:relative; z-index:10;} .StrSocialCommentDivisions .DivisionTab {display:table-cell; vertical-align:middle; width:14.22%; text-align:center; padding:10px 20px; box-sizing:border-box;} .StrSocialCommentDivisions .DivisionTab:hover {cursor:pointer;} .StrSocialCommentDivisions .DivisionTab img {width:100%; max-width:144px;} .StrSocialCommentDivisions .DivisionTab.Highlighted {pointer-events:none; border:1px solid #ACBCBE; border-bottom:none; background-color:#ffffff;} .StrSocialCommentDivisions .TabSeperator {display:table-cell; vertical-align:middle; height:24px; width:0.07%; padding:15px 0px;} .StrSocialCommentDivisions .TabSeperator .Line {height:24px; width:1px; background-color:#CCD3DC;} .SocialFullComments {border:1px solid #ACBCBE; position:relative; z-index:5; bottom:1px; padding:30px; box-sizing:border-box;} .SocialFullComments .CommentDetailsBlock {padding-bottom:25px; border-bottom:1px solid #ACBCBE; margin-bottom:25px;} .SocialFullComments .CommentDetailsBlock:last-child {padding-bottom:0px; border-bottom:none; margin-bottom:0px;} .SocialFullComments .CDTable {display:table; width:100%;} .SocialFullComments .DetailsCell {display:table-cell; width:82%; vertical-align:middle;} .SocialFullComments .DetailsCell p {line-height:20px; margin-bottom:0px; color:#858F9B;} .SocialFullComments .ActionCell {display:table-cell; vertical-align:middle; width:250px;} .SocialFullComments .ActionBtns {display:table; margin-left:auto;} .SocialFullComments .ActionBtns .Edit {display:table-cell; vertical-align:middle; width:30px;} .SocialFullComments .ActionBtns .Seperator {display:table-cell; vertical-align:middle; width:15px;} .SocialFullComments .ActionBtns .Delete {display:table-cell; vertical-align:middle; width:30px;} .SocialFullComments .ActionBtns .Icon {display:block; border-radius:50%; border:1px solid #ACBCBE;} .SocialFullComments .ActionBtns img {width:100%;} .SocialFullComments .FullCommentTable {display:table; width:100%;} .SocialFullComments .FullCommentTable .Name {font-family:'Montserrat', sans-serif; color:#282828; font-size:11px; font-weight:700; letter-spacing:2px; text-transform:uppercase; margin-bottom:8px;} .SocialFullComments .FullCommentTable .UserImg {display:table-cell; vertical-align:top; width:63px;} .SocialFullComments .FullCommentTable .UserImg .ImgIcon {display:block; width:43px; height:43px; border-radius:50%; background-size:cover; background-position:center center; background-repeat:no-repeat;} .SocialFullComments .FullCommentTable .Txt {display:table-cell; vertical-align:top;} .SocialFullComments .FullCommentTable .Txt p {margin-bottom:10px; word-break:break-word;} .SocialFullComments .PostDate {font-family:'PT Serif', Arial, Helvetica, Verdana, Sans-Serif; font-style:italic; font-size:12px; color:#838C8E;} .SocialFullComments .AllCommentsList {display:none; margin-top:20px; border:1px solid #ACBCBE; padding:30px; box-sizing:border-box;} .SocialFullComments .AllCommentsList.Show {display:block;} .SocialFullComments .ACListHdr {display:table; width:100%; padding-bottom:20px; border-bottom:1px solid #ACBCBE;} .SocialFullComments .ACListHdr .TitleCell {display:table-cell; vertical-align:middle; font-size:24px; font-family:calibri; color:#5F5F62;} .SocialFullComments .ACListHdr .CloseCell {display:table-cell; vertical-align:middle; text-align:right;} .SocialFullComments .ACListHdr .CloseCell .CloseBtn {display:inline-block;} .SocialFullComments .LeadUpCommentBlock {padding-bottom:25px; border-bottom:1px solid #ACBCBE; margin-top:20px; margin-bottom:25px;} .SocialFullComments .LeadUpCommentBlock:last-child {padding-bottom:0px; border-bottom:none; margin-bottom:0px;} .SocialFullComments .FollowUpComment {margin-top:25px; border-left:1px dashed #ACBCBE; padding-left:20px; box-sizing:border-box;} .SocialFullComments .FollowUpComment .LeadUpCommentBlock {padding-bottom:0px; border-bottom:none; margin-bottom:0px;} .SocialFullComments .LUTopRow {display:table; margin-bottom:10px;} .SocialFullComments .LUTopRow .UserNameCell {display:table-cell; vertical-align:middle; font-family:'Montserrat', sans-serif; color:#282828; font-size:11px; font-weight:700; letter-spacing:2px; text-transform:uppercase; margin-bottom:8px;} .SocialFullComments .LUTopRow .PostDateCell {display:table-cell; vertical-align:middle; padding-left:10px; box-sizing:border-box;} .SocialFullComments .NoPostsError {text-align:center;} .SocialFullComments .NoPostsError .Img img {width:100px;} .SocialFullComments .NoPostsError .Msg {margin-top:15px;} .SocialCommentsPag .SCPagTable {display:table; width:calc(100% - 2px); position:relative; bottom:1px; border:1px solid #ACBCBE; border-top:none; height:60px;} .SocialCommentsPag .SCPagTable .PrevArrowCell {display:table-cell; vertical-align:middle; width:60px; border-right:1px solid #ACBCBE;} .SocialCommentsPag .SCPagTable .PrevArrowCell img {width:100%;} .SocialCommentsPag .SCPagTable .NextArrowCell {display:table-cell; vertical-align:middle; width:60px; border-left:1px solid #ACBCBE;} .SocialCommentsPag .SCPagTable .NextArrowCell img {width:100%;} .SocialCommentsPag .SCPagTable .PageNumCell {display:table-cell; vertical-align:middle; text-align:center;} .SocialCommentsPag .PGBlock {display:table; margin:0px auto;} .SocialCommentsPag .PGBlock .NumCell {display:table-cell; vertical-align:middle; text-align:center; padding:0px 5px; box-sizing:border-box;} .SocialCommentsPag .PGBlock .NumCell .Num {display:block; font-size:15px; font-family:'Montserrat', sans-serif; padding:0px 5px; box-sizing:border-box; color:#838D8F; min-width:30px; height:30px; line-height:30px;} .SocialCommentsPag .PGBlock .NumCell .Num:hover {text-decoration:none;} .SocialCommentsPag .PGBlock .NumCell.Highlight .Num {pointer-events:none; background-color:#E7E7E7; border-radius:50%;} .SocialTitle {margin-bottom:0px;} .SocialTitle .Txt {display:inline-block; vertical-align:top; padding-right:5px; box-sizing:border-box;} .SocialTitle .Img {display:inline-block; vertical-align:top;} .SocialTitle .Img img {position:relative; bottom:2px;} .SocialDescTxt {font-family:'Montserrat', sans-serif; color:#282828; font-size:13px; font-weight:700; line-height:22px; margin-bottom:20px;} .SocialValueBlocks {width:102%; margin:40px 0px 10px 0px;} .SocialValueBlocks .ValueBlock {display:inline-block; vertical-align:top; width:31.33%; margin:0px 2% 30px 0px; text-align:center;} .SocialValueBlocks .Inner {border:1px solid #ACBCBE; padding:25px 35px; box-sizing:border-box;} .SocialValueBlocks .ContentTable {display:table; height:100%;} .SocialValueBlocks .ContentTable .ContentCell {display:table-cell; vertical-align:middle; height:100%;} .SocialValueBlocks .Name {font-size:24px; color:#7C2064; font-family:calibri; margin-top:-8px;} .SocialValueBlocks .Line {height:1px; background-color:#7C2064; width:60px; margin:18px auto;} .SocialValueBlocks p {margin-bottom:0px; line-height:24px;} .SocialHdr {font-family:calibri; font-size:24px; color:#5F5F62; margin-bottom:30px; line-height:1.0em;} .SocialSubHdr {font-family:calibri; font-size:14px; color:#282828; text-transform:uppercase; letter-spacing:2px; margin-bottom:30px;} .SocialSubHdr a {text-decoration:underline;} .TandCBlock {margin-bottom:25px;} .TandCBlock .NumHdr {color:#282828; font-family:'Montserrat', sans-serif; font-size:11px; font-weight:700; letter-spacing:3px; text-transform:uppercase; margin-bottom:12px;} .TandCBlock p {margin:10px 0px 0px 0px; line-height:22px;} .TandCBlock p a {text-decoration:underline; color:#787e80;} .BottomBtns {display:table; width:100%; margin-top:35px;} .BottomBtns .LeftBtn {display:table-cell; vertical-align:middle; width:50%;} .BottomBtns .RightBtn {display:table-cell; vertical-align:middle; width:50%;} .BottomBtns .RightBtn .Btn {margin-left:auto;} .BottomBtns .Btn {width:140px;} .BottomBtns .Btn button {width:100%;} .BottomBtns .Btn input {width:100%;} .SocialSignUpForm {display:table; width:100%; margin-top:40px;} .SocialSignUpForm .LeftCol {display:table-cell; vertical-align:top; width:320px;} .SocialSignUpForm .RightCol {display:table-cell; vertical-align:top; padding-left:60px; box-sizing:border-box;} .SocialSignUpForm .TwoColRow .FormBox {float:left; width:48.5%;} .SocialSignUpForm .TwoColRow .ColSpacer {float:left; height:1px; width:3%;} .SocialSignUpForm .ThreeColRow .FormBox {float:left; width:31.33%;} .SocialSignUpForm .ThreeColRow .ColSpacer {float:left; height:1px; width:3%;} /* Image Uploader */ .ImageEditorSection .cropit-preview {background-color:#fff; border:1px dashed #D5D1D1; border-radius:0px; background-size:cover; width:320px !important; height:320px !important; margin-bottom:15px;} /* Initial dimensions overwriten */ .ImageEditorSection .cropit-preview .ProgressIndicator {position:absolute; top:50%; left:50%; display:none; z-index:3; width:80px; height:80px; margin-left:-40px; margin-top:-40px;} .ImageEditorSection .cropit-preview .ProgressIndicator img {width:30px; height:30px; display:block; margin:25px auto 0px auto;} .ImageEditorSection .cropit-preview.cropit-image-loading .ProgressIndicator {display:block;} .ImageEditorSection .cropit-preview.cropit-image-loaded .cropit-preview-image-container {cursor:move;} .ImageEditorSection .cropit-preview-background {opacity:0.2;} .ImageEditorSection .CbxAndLabel label {position:relative; bottom:2px; font-size:1.3rem; color:#7a7a7a; cursor:pointer;} .ImageEditorSection .CbxAndLabel .icheckbox_square-grey {margin-right:15px;} .ImageEditorSection .Toolbar {display:table; width:100%; margin-bottom:15px;} .ImageEditorSection .Toolbar .RotateCW {display:table-cell; width:17px; padding-right:11px; opacity:1; transition:opacity 200ms ease;} .ImageEditorSection .Toolbar .RotateCW:hover {opacity:0.7;} .ImageEditorSection .Toolbar .RotateCW img {width:100%; display:block; cursor:pointer;} .ImageEditorSection .Toolbar .RotateCCW {display:table-cell; width:17px; padding-right:11px; opacity:1; transition:opacity 200ms ease;} .ImageEditorSection .Toolbar .RotateCCW:hover {opacity:0.7;} .ImageEditorSection .Toolbar .RotateCCW img {width:100%; display:block; cursor:pointer;} .ImageEditorSection .Toolbar .ZoomSlider {display:table-cell; vertical-align:top;} .ImageEditorSection .Toolbar .StyledSlider {border:none; border-top:3px solid #EDEDED; border-radius:0; margin-top:7px;} .ImageEditorSection .Toolbar .StyledSlider .ui-slider-handle {top:-12px; border:none; background:url("/content/images/icon_slidertoggle.png") repeat-x; background-size:100%; width:16px; height:22px; cursor:pointer;} .ImageEditorSection .Toolbar .cropit-image-zoom-input {width:100%; margin:0px; -webkit-appearance:none; display:none} .ImageEditorSection .Toolbar .cropit-image-zoom-input[disabled] {opacity:0.2;} .ImageEditorSection .ImgDetails {margin-top:10px;} .ImageEditorSection .ImgDetails p {font-size:1.2em; color:#A8A8A8; margin-bottom:0px; line-height:16px;} .BrowseBtn {border:1px solid #D5D1D1; background-color:#EEEEEE; background-image:url(/Content/Images/Icon_ChooseFile.png); background-repeat:no-repeat; background-position:6px center; height:43px; padding:0px 0px 0px 110px; position:relative; width:100%; box-sizing:border-box; border-radius:0px; margin-bottom:5px;} .BrowseBtn input {height:43px; position:absolute; left:0; top:0; width:100%; opacity:0; cursor:pointer;} .BrowseBtn .filename {color:#7a7a7a; font-size:1.4em; line-height:3em; font-weight:300; padding-right:10px; box-sizing:border-box; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .SocialStrCategory {width:calc(100% + 30px); margin-bottom:35px;} .SocialStrCategory .CategoryTitle {margin-bottom:30px;} .SocialStrCategory .CategoryTitle .Img {display:inline-block; vertical-align:top; height:30px; width:18px; background-size:100%; background-repeat:no-repeat; background-position:center center;} .SocialStrCategory .CategoryTitle .Txt {display:inline-block; vertical-align:top; padding-left:15px; box-sizing:border-box; font-family:'Arvo', Arial, serif; font-size:24px;} .SocialStrCategory .StrList {display:table; width:100%;} .SocialStrCategory .StrList .StrBlock {display:table-cell; vertical-align:top; border:1px solid #eeeeee; padding:10px 25px 30px 25px; box-sizing:border-box;} .SocialStrCategory .StrList .StrBlock:hover {cursor:pointer;} .SocialStrCategory .StrList .StrBlock .Img {margin-bottom:25px; margin:0 auto;} .SocialStrCategory .StrList .StrBlock .Img img {width:100%;} .SocialStrCategory .StrList .StrBlock .Name {margin:20px 0px; color:#282828; font-family:'Montserrat', sans-serif; font-size:13px; font-weight:700; text-align:center; letter-spacing:2px;} .SocialStrCategory .StrList .icheckbox_square-grey {float:none; margin:0 auto;} .SocialStrCategory .StrList .Desc {color:#a8a8a8; line-height:20px; font-size:13px; font-style:italic;} .SocialStrCategory .StrList .Spacer {display:table-cell; width:30px;} .SocialStrCategory.Green .CategoryTitle .Img {background-image:url(/Content/Images/Reports/battery1.jpg);} .SocialStrCategory.Green .CategoryTitle .Txt {color:#2B9B52;} .SocialStrCategory.Green .StrList .StrBlock {width:212px;} .SocialStrCategory.Green .StrList .StrBlock .Img {height:115px; width:130px;} .SocialStrCategory.Green .StrList .StrBlock.Active {border-color:#2B9B52;} .SocialStrCategory.Yellow .CategoryTitle .Img {background-image:url(/Content/Images/Reports/battery2.jpg);} .SocialStrCategory.Yellow .CategoryTitle .Txt {color:#dd862c;} .SocialStrCategory.Yellow .StrList .StrBlock {width:170px;} .SocialStrCategory.Yellow .StrList .StrBlock .Img {height:85px; width:100px;} .SocialStrCategory.Yellow .StrList .StrBlock.Active {border-color:#dd862c;} .SocialStrCategory.Purple .CategoryTitle .Img {background-image:url(/Content/Images/Reports/battery3.jpg);} .SocialStrCategory.Purple .CategoryTitle .Txt {color:#9f1f86;} .SocialStrCategory.Purple .StrList .StrBlock {width:195px;} .SocialStrCategory.Purple .StrList .StrBlock .Img {height:115px; width:140px;} .SocialStrCategory.Purple .StrList .StrBlock.Active {border-color:#9f1f86;} .SocialStrCategory.Blue .CategoryTitle .Img {background-image:url(/Content/Images/Reports/battery4.jpg);} .SocialStrCategory.Blue .CategoryTitle .Txt {color:#1f67be;} .SocialStrCategory.Blue .StrList .StrBlock {width:235px;} .SocialStrCategory.Blue .StrList .StrBlock .Img {height:150px; width:160px;} .SocialStrCategory.Blue .StrList .StrBlock.Active {border-color:#1f67be;} .LogoTest {display:inline-block; background-size:100%; background-repeat:no-repeat; height:27px; width:27px;} .LogoTest.One {background-image:url('/Content/Images/Icon_Comment.svg');} .LogoTest.Two {background-image:url('/Content/Images/Icon_Like_01.svg');} .LogoTest.Three {background-image:url('/Content/Images/Icon_Like_02.svg');} .LogoTest.Four {background-image:url('/Content/Images/Icon_MyActivity.svg');} .LogoTest.Five {background-image:url('/Content/Images/Icon_Report.svg');} .LogoTest.Six {background-image:url('/Content/Images/Icon_ViewComments.svg');} /* Hub */ .AddMoreButton a {display:inline-block; font-size:12px; line-height:1.2em; font-weight:600; color:#ffffff; text-align:center; background:#415665; padding:10px; text-transform:uppercase; border:none; border-radius:3px; cursor:pointer; text-decoration:none; font-family:'Open Sans', Arial, Helvetica, Verdana; -webkit-appearance:none;} /* Toolkit step Areas */ .ToolKitStepTable {border-collapse:collapse; margin-bottom:5px; width:100%;} .ToolKitStepTable tr th {background-color:#415665; padding:10px; color:#fff; border:solid 1px #415665; font-size:14px; font-weight:400; text-align:left;} .ToolKitStepTable tr td {padding:6px 8px 5px 8px; border:solid 1px #ddd;} .ToolKitStepTable tr td.Col1 {width:25%;} .ToolKitStepTable tr td.Col1 input {width:99.1%;} .ToolKitStepTable tr td.Col2 {width:4%; vertical-align:top;} .ToolKitStepTable tr td.Col3 {width:2%; vertical-align:top; text-align:center;} .ToolKitStepTable tr td.Col3 img {width:13px; cursor:pointer;} .ToolKitStepTable tr td.Col3 a {display:inline-block; font-size:12px; line-height:1.2em; font-weight:600; color:#ffffff; text-align:center; background:#415665; padding:10px; text-transform:uppercase; border:none; border-radius:3px; cursor:pointer; text-decoration:none; font-family:'Open Sans', Arial, Helvetica, Verdana; -webkit-appearance:none;} .ToolKitStepTable tr td .TextAreaW1 {font-size:14px; line-height:24px; font-weight:400; color:#4e5054; width:100%; background-color:#f9f9fb; padding:10px 10px 10px 10px; border:1px solid #e0e0e0; box-sizing:border-box; border-radius:3px; font-family:'Open Sans', Arial, Helvetica, Verdana; -webkit-appearance:none;} .ToolKitStepTable tr td .EditBoxW1 {font-size:14px; line-height:50px; font-weight:400; color:#4e5054; width:100%; background-color:#f9f9fb; padding:0px 10px 0px 10px; height:50px; border:1px solid #e0e0e0; box-sizing:border-box; border-radius:3px; font-family:'Open Sans', Arial, Helvetica, Verdana; -webkit-appearance:none;} .ToolKitStepTable tr td .ValidationInfo {font-size:11px;} .SimpleGeneralTable {width:100%; margin-top:10px;} .SimpleGeneralTable th {font-size:1.2em; height:15px; font-weight:bold; color:#333; text-align:left; padding-bottom:10px; padding-right:20px;} .SimpleGeneralTable td {font-size:1.1em; margin-top:2px; padding-right:20px;} /* Live Data */ .LiveData {} .LiveData .Block_LD {border:1px solid #ACBCBE; display:flex; flex-direction:column; justify-content:center; align-items: center; text-align:center; background:#fff; width:100%; height:100%; box-sizing:border-box;} .LiveData .Block_LD .Nbre_LD {display:block; width:100%; color:#2e2e30; font-family:'Arvo', Arial, serif;} .LiveData .Block_LD .Nbre_LD.Big_LD {font-size:100px;} .LiveData .Block_LD .Nbre_LD.Medium_LD {font-size:50px;} .LiveData .Block_LD .Nbre_LD.Small_LD {font-size:30px;} .LiveData .Block_LD .Label_LD {display:block; width:100%; color:#7C2064; font-family:calibri, Arial, serif; font-size:24px;} .LiveData .Block_00 {display:flex; width:100%; height: calc(100vh - 0px); padding:10px; box-sizing:border-box;} .LiveData .Block_01 {flex:1; box-sizing:border-box; display:flex; justify-content:center; align-items:center; padding:10px;} .LiveData .Block_02 {flex:1; box-sizing:border-box; display:flex; justify-content:center; align-items:center; padding:10px;} .LiveData .Block_03 {flex:1; box-sizing:border-box; display:flex; flex-direction:column; height:100%; padding:0px 10px 0px 0px;} .LiveData .Block_04 {flex:1; box-sizing:border-box; display:flex; flex-direction:column; height:100%; padding:0px 0px 0px 10px;} .LiveData .Block_05 {flex:1; box-sizing:border-box; padding:0px 0px 10px 0px;} .LiveData .Block_06 {flex:1; box-sizing:border-box; padding:10px 0px 0px 0px;} .LiveData .Block_07 {flex:1; box-sizing:border-box; flex-direction:column; height:100%; padding:0px 0px 10px 0px;} .LiveData .Block_08 {flex:1; box-sizing:border-box; flex-direction:column; height:100%; padding:10px 0px 0px 0px;} .LiveData .Block_09 {flex:1; box-sizing:border-box; height:33.33%; padding:0px 0px 15px 0px;} .LiveData .Block_10 {flex:1; box-sizing:border-box; height:33.33%; padding:5px 0px 5px 0px;} .LiveData .Block_11 {flex:1; box-sizing:border-box; height:33.33%; padding:15px 0px 0px 0px;} .LiveData .Block_12 {flex:1; box-sizing:border-box; height:33.33%; padding:0px 0px 15px 0px;} .LiveData .Block_13 {flex:1; box-sizing:border-box; height:33.33%; padding:5px 0px 5px 0px;} .LiveData .Block_14 {flex:1; box-sizing:border-box; height:33.33%; padding:15px 0px 0px 0px;} .LiveDataBlocks {min-width:320px;} .LiveDataBlocks .Block_00 {display:flex; width:100%; height:calc(100vh - 0px); padding:10px; box-sizing:border-box;} .LiveDataBlocks .Block_01 {flex:0 0 42%; box-sizing:border-box; overflow:hidden; display:flex; justify-content:center; align-items:center; padding:10px;} .LiveDataBlocks .Block_02 {flex:1; box-sizing:border-box; overflow:hidden; display:flex; justify-content:center; align-items:center; padding:10px;} .LiveDataBlocks .Block_03 {flex:1; box-sizing:border-box; overflow:hidden; display:flex; flex-direction:column; height:100%; padding:0px 10px 0px 0px;} .LiveDataBlocks .Block_04 {flex:1; box-sizing:border-box; overflow:hidden; padding:0px 0px 20px 0px;} .LiveDataBlocks .Block_05 {flex:1; box-sizing:border-box; overflow:hidden;} .LiveDataBlocks .Block_06 {flex:1; box-sizing:border-box; overflow:hidden; display:flex; justify-content:center; align-items:center; padding:10px 0px;} .LiveDataBlocks .Block_07 {flex:1; box-sizing:border-box; overflow:hidden; display:flex; flex-direction:column; height:100%; padding:0px 10px 0px 0px;} .LiveDataBlocks .Block_08 {flex:1; box-sizing:border-box; overflow:hidden; padding:0px 0px 20px 0px;} .LiveDataBlocks .Block_09 {flex:1; box-sizing:border-box; overflow:hidden;} .LiveDataBlocks .Block_10 {flex:1; box-sizing:border-box; overflow:hidden; display:flex; justify-content:center; align-items:center; padding:10px;} .LiveDataBlocks .Block_11 {flex:1; box-sizing:border-box; overflow:hidden; flex-direction:column; height:100%;} .LiveDataBlocks .Block_12 {flex:1; box-sizing:border-box; overflow:hidden; height:20%; padding:0px 0px 20px 0px;} .LiveDataBlocks .Block_13 {flex:1; box-sizing:border-box; overflow:hidden; height:20%; padding:0px 0px 20px 0px;} .LiveDataBlocks .Block_14 {flex:1; box-sizing:border-box; overflow:hidden; height:20%; padding:0px 0px 20px 0px;} .LiveDataBlocks .Block_15 {flex:1; box-sizing:border-box; overflow:hidden; height:20%; padding:0px 0px 20px 0px;} .LiveDataBlocks .Block_16 {flex:1; box-sizing:border-box; overflow:hidden; height:20%;} .LiveDataBlocks .Block_LD {border:1px solid #ACBCBE; overflow:hidden; display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; background:#fff; width:100%; height:100%; padding:10px; box-sizing:border-box;} .LiveDataBlocks .Block_LD .Nbre_LD {display:block; width:100%; color:#2e2e30; font-family:'Arvo', Arial, serif;} .LiveDataBlocks .Block_LD.Big_LD .Nbre_LD {font-size:100px;} .LiveDataBlocks .Block_LD.Medium_LD .Nbre_LD {font-size:50px;} .LiveDataBlocks .Block_LD.Medium_LD .Percent {font-size:30px; position:relative; bottom:15px;} .LiveDataBlocks .Block_LD.Small_LD .Nbre_LD {font-size:30px;} .LiveDataBlocks .Block_LD.ExSmall_LD .Nbre_LD {font-size:30px;} .LiveDataBlocks .Block_LD .Label_LD {display:block; width:100%; color:#7C2064; font-family:calibri, Arial, serif; font-size:24px;} .LiveDataBlocks .Block_LD.Big_LD .Label_LD {margin-top:18px;} .LiveDataBlocks .Block_LD.Medium_LD .Label_LD {margin-top:10px;} .LiveDataBlocks .Block_LD.Small_LD .Label_LD {font-size:18px; margin-top:5px;} .LiveDataBlocks .Block_LD.Small_LD .Percent {font-size:18px; position:relative; left:1px; bottom:10px;} .LiveDataBlocks .Block_LD.ExSmall_LD .Label_LD {font-size:16px; margin-top:5px;} .LiveDataBlocks .Block_LD.ExSmall_LD .Percent {font-size:18px; position:relative; left:1px; bottom:10px;} .LiveDataBlocks .Block_LD.TableBlock {padding:20px; justify-content:initial;} .LiveDataBlocks .DetailsListContainer {width:100%; overflow-y:auto; overflow-x:hidden; margin-top:15px;} .LiveDataBlocks .DetailsListTable {display:table; width:100%; table-layout:fixed;} .LiveDataBlocks .DetailsListTable .DLRow {display:table-row;} .LiveDataBlocks .DetailsListTable .DLRow:nth-child(odd) {background-color:#F7F7F7;} .LiveDataBlocks .DetailsListTable .DLRow:last-child .LeftCell {border-bottom:1px solid #ACBCBE;} .LiveDataBlocks .DetailsListTable .DLRow:last-child .MiddleCell {border-bottom:1px solid #ACBCBE;} .LiveDataBlocks .DetailsListTable .DLRow:last-child .RightCell {border-bottom:1px solid #ACBCBE;} .LiveDataBlocks .DetailsListTable .LeftCell {display:table-cell; vertical-align:middle; border-top:1px solid #ACBCBE; font-size:12px; color:#888888; text-align:left; padding:7px 10px; box-sizing:border-box;} .LiveDataBlocks .DetailsListTable .MiddleCell {display:table-cell; vertical-align:middle; border-top:1px solid #ACBCBE; font-size:12px; color:#888888; text-align:center; padding:7px 10px; box-sizing:border-box;} .LiveDataBlocks .DetailsListTable .RightCell {display:table-cell; vertical-align:middle; border-top:1px solid #ACBCBE; font-size:12px; color:#888888; padding:7px 10px; box-sizing:border-box;} .LiveDataBlocks .DetailsListTable .Name {overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .LiveDataBlocks .DetailsListTable .Percentage {overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .LiveDataBlocks .DetailsListTable .ThisYear {overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .LiveDataBlocks .DetailsListTable .LastYear {overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .LiveDataBlocks .DetailsListTable.TwoCol .LeftCell {width:75%;} .LiveDataBlocks .DetailsListTable.TwoCol .RightCell {width:25%; text-align:right;} .LiveDataBlocks .DetailsListTable.ThreeCol .LeftCell {width:39.33%;} .LiveDataBlocks .DetailsListTable.ThreeCol .MiddleCell {width:30.33%;} .LiveDataBlocks .DetailsListTable.ThreeCol .RightCell {width:30.33%; text-align:center;} /* 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 #ACBCBE; margin:0px;} .ui-corner-top, .ui-corner-bottom {border-radius:0px;} .ui-state-default {background:#F5F5F5; border:1px solid #ACBCBE;} .ui-state-hover {border:1px solid #ACBCBE;} .ui-selectmenu-button.ui-selectmenu-button-open {background:#E3EFFB; border-color:#388DCF;} .ui-widget-content {background:#F5F5F5; border-color:#ACBCBE;} .ui-menu-item-wrapper {padding:11px 15px; box-sizing:border-box;} .ui-selectmenu-menu {z-index:150;} .ui-selectmenu-button {background:#F5F5F5; border:1px solid #ACBCBE;} .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;} /* Collection Allocation */ #collectionJSONData {display:none;} .CollectionAllocation {float:left; clear:both; width:100%;} .CollectionAllocation .MainLoadingPanel {padding:60px 0px; box-sizing:border-box;} .CollectionAllocation .MainLoadingPanel .Img {text-align:center;} .CollectionAllocation .MainLoadingPanel.Hide {display:none;} .CollectionAllocation .CollectionLoadingPanel {position:absolute; z-index:10; top:0px; left:0px; width:100%; height:100%; text-align:center; background-color:rgba(255, 255, 255, .5);} .CollectionAllocation .CollectionLoadingPanel .Img {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);} .CollectionAllocation .CollectionLoadingPanel.Hide {display:none;} .CollectionAllocation .CollectionPageContent.Hide {display:none;} .CollectionAllocation .CollectionsList .Item {position:relative; padding-bottom:40px; border-bottom:1px solid #d6d2d2; margin-bottom:20px;} .CollectionAllocation .CollectionsList .Item:last-child {margin-bottom:40px;} .CollectionAllocation .CollectionsList .Item.Old .CollectionName {display:none;} .CollectionAllocation .CollectionsList .Item.New .NumOfLicences .FieldInfo {display:none;} .CollectionAllocation .CollectionsList .Item.Client .ItemEntryFields input {color:#868686;} .CollectionAllocation .CollectionsList .Item.Client:last-child {border-bottom:none;} .CollectionAllocation .ListItemHeader {display:flex; align-items:center; margin-bottom:35px;} .CollectionAllocation .ListItemHeader .Title {flex:1; padding-right:10px; box-sizing:border-box; font-family:Arial, Helvetica, Verdana; font-size:24px; color:#5F5F62; line-height:2.5em;} .CollectionAllocation .ListItemHeader .Btn {flex:0 0 165px;} .CollectionAllocation .ValidationInfo {margin-top:0px;} .CollectionAllocation .ValidationInfo span {display:block; margin-top:5px; font-size:11px; line-height:1.3em; color:#C77979;} .CollectionAllocation .RespondentValidationError span {display:block; margin-top:5px; margin-bottom:20px; font-size:14px; color:#FF0000;} .CollectionAllocation .ItemEntryFields {display:flex; width:calc(100% + 20px); flex-wrap:wrap;} .CollectionAllocation .ItemEntryFields .FormBox.TeamName {flex:0 0 50%; padding-right:20px; box-sizing:border-box;} .CollectionAllocation .ItemEntryFields .FormBox.ReportOwner {flex:0 0 50%; padding-right:20px; box-sizing:border-box;} .CollectionAllocation .ItemEntryFields .FormBox.ClientList {flex:0 0 100%; padding-right:20px; box-sizing:border-box;} .CollectionAllocation .ItemEntryFields .FormBox.StartDate {flex:0 0 50%; padding-right:20px; box-sizing:border-box;} .CollectionAllocation .ItemEntryFields .FormBox.SendReminder {flex:0 0 50%; padding-right:20px; box-sizing:border-box;} .CollectionAllocation .ItemEntryFields.SmTop {margin-top:-10px;} .CollectionAllocation .ItemEntryFields.SmBtm .FormBox {margin-bottom:20px;} .CollectionAllocation .ItemLicenceBlocks {display:flex; width:calc(100% + 20px);} .CollectionAllocation .ItemLicenceBlocks .SideBlock {flex:1; margin-right:20px;} .CollectionAllocation .ItemLicenceAssignFields {margin-bottom:40px;} .CollectionAllocation .ItemLicenceAssignFields .FormBox .FormLabel {margin-bottom:25px;} .CollectionAllocation .ItemLicenceAssignFields .FormBox .FormField {margin-bottom:20px;} .CollectionAllocation .ItemLicenceAssignFields .FormBox label {position:relative; top:1px; font-size:11px; cursor:pointer; font-family:'Montserrat', sans-serif, Arial, Helvetica, Verdana; color:#707070; font-weight:600; text-transform:uppercase; letter-spacing:2px;} .CollectionAllocation .ItemLicenceAssignFields .FormBox .iradio_square-grey {margin-right:15px; background: url(/Content/Images/grey4.png) no-repeat; background-position:-120px 0; width:18px; height:18px;} .CollectionAllocation .ItemLicenceAssignFields .FormBox .iradio_square-grey.hover {background-position:-120px 0;} .CollectionAllocation .ItemLicenceAssignFields .FormBox .iradio_square-grey.checked {background-position:-168px 0;} .CollectionAllocation .ItemLicenceAssignFields .FormBox .iradio_square-grey.disabled {background-position:-193px 0; opacity:0.5;} .CollectionAllocation .ItemLicenceAssignFields .FormBox .iradio_square-grey.checked.disabled{background-position:-216px 0;} .CollectionAllocation .ItemLicenceAssignFields .InnerOptions {display:none; margin:15px 0px 0px 30px;} .CollectionAllocation .ItemLicenceAssignFields .InnerOptions.Show {display:block;} .CollectionAllocation .ItemLicenceAssignFields .InnerOptions .FormBox {margin-bottom:25px;} .CollectionAllocation .ItemLicenceAssignFields .InnerOptions .SubDropdown {max-width:415px; margin-bottom:20px;} .CollectionAllocation .ItemLicenceAssignFields .InnerOptions .SubDropdown .FormLabel {margin-bottom:15px;} .CollectionAllocation .ItemLicenceAssignFields .InnerOptions .SubDropdown label {font-size:12px; font-weight:400; font-family:Arial, Helvetica, Verdana; color:#282828;} .CollectionAllocation .LicencesChart .FormBox {margin-bottom:20px;} .CollectionAllocation .LicencesChart .LCBlocks {display:flex; align-items:center;} .CollectionAllocation .LicencesChart .LCBlocks .ChartBlock {flex:0 0 101px; width:110px; height:110px;} .CollectionAllocation .LicencesChart .LCBlocks .KeyBlock {flex:1; padding-left:30px; box-sizing:border-box;} .CollectionAllocation .LicencesChart .ct-series-a .ct-slice-pie {fill:#037BE7;} .CollectionAllocation .LicencesChart .ct-series-b .ct-slice-pie {fill:#B3D7F8;} .CollectionAllocation .LicencesChart .KeyBlock .Key {display:flex; align-items:center;} .CollectionAllocation .LicencesChart .KeyBlock .Key .Dot {flex:0 0 10px; height:10px; background-color:red; border-radius:50%;} .CollectionAllocation .LicencesChart .KeyBlock .Key .Txt {padding-left:10px; box-sizing:border-box; font-size:14px; font-family:Arial, Helvetica, Verdana; color:#787E80;} .CollectionAllocation .LicencesChart .KeyBlock .Key.One {margin-bottom:10px;} .CollectionAllocation .LicencesChart .KeyBlock .Key.One .Dot {background-color:#037BE7;} .CollectionAllocation .LicencesChart .KeyBlock .Key.Two .Dot {background-color:#B3D7F8;} .CollectionAllocation .ItemRespondentField .FormBox {margin-bottom:20px;} .CollectionAllocation .ItemRespondentField textarea {resize:none; height:298px; overflow:auto;} .CollectionAllocation .ButtonBlock.AddRespondent .Button span.Centre a {padding:10px 20px;} .CollectionAllocation .ButtonBlock.AddRespondent .ButtonSpacer {width:10px;} .CollectionAllocation .RespondentEdit {display:none;} .CollectionAllocation .RespondentEdit.Show {display:block;} .CollectionAllocation .ItemLicEmailAssign {margin:30px 0px 40px 0px; border:1px solid #D5D1D1; padding:30px; box-sizing:border-box;} .CollectionAllocation .ItemLicEmailAssign .LicAssignBlocks {display:flex; align-items:center;} .CollectionAllocation .ItemLicEmailAssign .LicAssignBlocks .LABlock {flex:1; min-width:0;} .CollectionAllocation .ItemLicEmailAssign .LicAssignBlocks .LABlock.MiddleBlock {flex:0 0 60px; display:flex; justify-content:center;} .CollectionAllocation .ItemLicEmailAssign .EmailList .ListHeader {display:flex; align-items:start; margin-bottom:15px;} .CollectionAllocation .ItemLicEmailAssign .EmailList .ListHeader .Label {flex:1;} .CollectionAllocation .ItemLicEmailAssign .EmailList .ListHeader .Label label {font-size:12px; font-family:Arial, Helvetica, Verdana; color:#282828; text-transform:uppercase; letter-spacing:1px;} .CollectionAllocation .ItemLicEmailAssign .EmailList .ListHeader .Key {flex:0 0 110px; display:flex;} .CollectionAllocation .ItemLicEmailAssign .EmailList .ListHeader .Key .Icon {flex:0 0 15px; height:15px; background:url('/Content/Images/Icon_Rating_Dark.png') no-repeat center; background-size:100%;} .CollectionAllocation .ItemLicEmailAssign .EmailList .ListHeader .Key .Txt {padding-left:8px; box-sizing:border-box; font-size:14px; font-family:Arial, Helvetica, Verdana; color:#787E80;} .CollectionAllocation .ItemLicEmailAssign .EmailList .ListHeader .Key.V2 {flex:0 0 90px;} .CollectionAllocation .ItemLicEmailAssign .EmailList .ListHeader .Key.V2 .Icon {background:url('/Content/Images/Icon_Tick_Completed.png') no-repeat center; background-size:100%;} .CollectionAllocation .ItemLicEmailAssign .EmailList .SearchEmail {position:relative; margin-bottom:10px;} .CollectionAllocation .ItemLicEmailAssign .EmailList .SearchEmail .SearchIcon {position:absolute; top:10px; right:10px; display:inline-block; width:23px; height:23px; background:url('/Content/Images/Icon_Search.png') no-repeat center; background-size:100%;} .CollectionAllocation .ItemLicEmailAssign .EmailList .ListDisplay {border:1px solid #D5D1D1; background-color:#EEEEEE; height:214px; overflow-y:auto;} .CollectionAllocation .ItemLicEmailAssign .EmailList .ListDisplay .List {margin:10px;} .CollectionAllocation .ItemLicEmailAssign .EmailList .ListDisplay .List .ListItem {display:flex; align-items:center; border:1px solid #D5D1D1; height:30px; background-color:#ffffff; padding:4px 8px 5px 8px; box-sizing:border-box; margin-bottom:2px;} .CollectionAllocation .ItemLicEmailAssign .EmailList .ListDisplay .List .ListItem .EmailTxt {flex:1; padding-right:15px; box-sizing:border-box; font-size:11px; font-family:'Montserrat', sans-serif, Arial, Helvetica, Verdana; color:#282828; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .CollectionAllocation .ItemLicEmailAssign .EmailList .ListDisplay .List .ListItem .StarIcon {flex:0 0 15px; height:15px; background:url('/Content/Images/Icon_Rating_Dark.png') no-repeat center; background-size:100%;} .CollectionAllocation .ItemLicEmailAssign .EmailList .ListDisplay .List .ListItem .TickIcon {flex:0 0 15px; height:15px; background:url('/Content/Images/Icon_Tick_Completed.png') no-repeat center; background-size:100%;} .CollectionAllocation .ItemLicEmailAssign .EmailList .ListDisplay .List .ListItem:hover {cursor:pointer;} .CollectionAllocation .ItemLicEmailAssign .EmailList .ListDisplay .List .ListItem.Highlight {background-color:#eeeeee;} .CollectionAllocation .ItemLicEmailAssign .EmailList .ListDisplay .List .ListItem.Hide {display:none;} .CollectionAllocation .ItemLicEmailAssign .EmailList .ListDisplay .List.NoMove .ListItem:hover {cursor:inherit;} .CollectionAllocation .ItemLicEmailAssign .AssignmentBtns {margin-top:70px;} .CollectionAllocation .ItemLicEmailAssign .AssignmentBtns .Btn {width:34px; height:34px;} .CollectionAllocation .ItemLicEmailAssign .AssignmentBtns .Btn:hover {cursor:pointer;} .CollectionAllocation .ItemLicEmailAssign .AssignmentBtns .Btn.Assign {margin-bottom:5px; background:#7C2064 url('/Content/Images/course_play_btn.png') no-repeat 9px center; background-size:58%;} .CollectionAllocation .ItemLicEmailAssign .AssignmentBtns .Btn.Unassign {background:#7C2064 url('/Content/Images/course_play_reverse_btn.png') no-repeat 7px center; background-size:58%;} .CollectionAllocation .AddToCollectionBtn {margin-bottom:60px; border:1px dashed #D5D1D1; text-align:center; padding:30px; box-sizing:border-box; transition:border-color 0.5s ease;} .CollectionAllocation .AddToCollectionBtn:hover {border-color:#282828; cursor:pointer;} .CollectionAllocation .AddToCollectionBtn .Icon {margin-bottom:7px;} .CollectionAllocation .AddToCollectionBtn .Icon img {width:44px;} .CollectionAllocation .AddToCollectionBtn .Txt {font-size:11px; font-family:'Montserrat', sans-serif, Arial, Helvetica, Verdana; font-weight:600; color:#282828; text-transform:uppercase; letter-spacing:2px;} .CollectionAllocation .TeamsItemLists {position:relative;} .CollectionAllocation .TeamsItemLists .ItemLicEmailAssign {display:none; margin:20px 0px;} .CollectionAllocation .TeamsItemLists .ItemLicEmailAssign.Show {display:block;} .CollectionAllocation .TeamsItemLists .ItemLicEmailAssign .EmailList .ListHeader {margin-bottom:10px;} .CollectionAllocation .TeamsItemLists .ItemLicEmailAssign .EmailList .ListHeader .Label label {font-size:16px; text-transform:inherit; letter-spacing:0px; font-family:Arial, Helvetica, Verdana;} .CollectionAllocation .TeamsItemLists .ButtonBlockV2 {width:100%; margin-top:40px;} .CollectionAllocation .TeamsItemLists .ButtonBlockV2 .BtnCancel button {padding:11px 46px;} .CollectionAllocation .TeamsItemLists .ButtonBlockV2 .BtnSave input {padding:11px 53px;} .CollectionAllocation .TeamsItemLists .ButtonBlockV2 .BtnSave a {padding:11px 53px;} .CollectionAllocation .TeamsItemLists .ButtonBlockV2 .BtnSubmit a {padding:11px 20px;} .CollectionAllocation .DemoSubmitBtn .ButtonBlockV2 {width:100%;} .CollectionAllocation .DemoSubmitBtn .ButtonBlockV2 .BtnSubmit a {padding:11px 20px;} .CollectionAllocation .DemoSubmitBtn.Hide {display:none;} .CollectionAllocation .SaveLoading {position:absolute; z-index:10; width:100%; height:105%; background-color:rgba(255, 255, 255, 0.5); text-align:center;} .CollectionAllocation .SaveLoading img {position:absolute; z-index:15; top:50%; left:50%; transform:translate(-50%, -50%);} .CollectionAllocation .SaveLoading.Hide {display:none;} .CollectionAllocation .TeamsItemLists.Hide {display:none;} .CollectionAllocation .OptionBlock {cursor:pointer; border:1px solid #ACBCBE; padding:10px; box-sizing:border-box; margin-bottom:20px;} .CollectionAllocation .OptionBlock .Inner {display:flex; align-items:center;} .CollectionAllocation .OptionBlock .icheckbox_square-grey {width:20px; height:20px; margin-right:0px; pointer-events:none; background:url(/Content/Images/grey5.png) no-repeat; background-position:-0px 0;} .CollectionAllocation .OptionBlock .icheckbox_square-grey.hover {background-position:-0px 0;} .CollectionAllocation .OptionBlock .icheckbox_square-grey.checked {background-position:-54px 0;} .CollectionAllocation .OptionBlock .icheckbox_square-grey.disabled {background-position:-81px 0; cursor:default;} .CollectionAllocation .OptionBlock .icheckbox_square-grey.checked.disabled {background-position:-108px 0;} .CollectionAllocation .OptionBlock .Txt {font-size:12px; font-family:Arial, Helvetica, Verdana; color:#4E5556; padding-left:10px; box-sizing:border-box;} .CollectionAllocation .OptionBlock input[type='checkbox'] {pointer-events:none;} .CollectionAllocation .OptionBlock.Highlighted {border-color:#1982C4; background-color:#DAEAF8;} .CollectionAllocation .ValidationMessage1 {padding-bottom:0px;} .CollectionAllocation.PosRel {position:relative;} .CollectionAllocation.ColManage {width:75%;} .CollectionAllocation.ColManage .ItemLicEmailAssign {margin:0px;} .MainDiv .MainContent .CollectionAllocation .ButtonBlock {margin:0px;} /* Teams */ .TeamReminders {max-width:1122px;} .TeamReminders .Hdr {font-size:16px; font-family:Arial, Helvetica, Verdana; color:#282828; margin-bottom:10px;} .TeamReminders .SearchRespondents {position:relative; margin-bottom:10px;} .TeamReminders .SearchRespondents .SearchIcon {position:absolute; top:10px; right:10px; display:inline-block; width:23px; height:23px; background:url('/Content/Images/Icon_Search.png') no-repeat center; background-size:100%;} .TeamReminders .ListDisplay {border:1px solid #d5d1d1; background-color:#ffffff; height:214px; overflow-y:auto; margin-bottom:20px;} .TeamReminders .ListDisplay .List {margin:20px;} .TeamReminders .ListDisplay .List .ListItem {font-size:11px; font-family:Arial, Helvetica, Verdana; color:#282828; margin:12px 0px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .TeamReminders .ListDisplay .List .ListItem.Hide {display:none;} .TeamReminders .BtmRow {display:flex; align-items:center; justify-content:flex-end;} .TeamReminders .BtmRow .RemindTxt {font-size:9px; font-family:Arial, Helvetica, Verdana; color:#8E8E8E; padding-right:10px; box-sizing:border-box;} .TeamReminders .BtmRow .RemindBtn {display:flex; align-items:center; background-color:#daeaf8; transition:background-color 0.2s; text-decoration:none;} .TeamReminders .BtmRow .RemindBtn .Icon {flex:0 0 25px;} .TeamReminders .BtmRow .RemindBtn .Icon .Img {display:block; height:20px; width:25px; background:url('/Content/Images/Icon_Reminder_Email.png') no-repeat center; background-size:100%;} .TeamReminders .BtmRow .RemindBtn .Txt input {font-size:9px; background: none; border: none; font-family:'Montserrat', sans-serif; font-weight:700; color:#1982C4; padding-right:10px; box-sizing:border-box;} .TeamReminders .BtmRow .RemindBtn:hover {background-color:#c7e2f9;} /* Responsive */ @media only screen and (max-width:1600px){ .PractitionerZone .PZBlocks.Five .PZInfoBlock .Title {font-size:16px;} } @media only screen and (max-width:1400px) { .SocialStrCategory .StrList {display:flex; flex-wrap:wrap; margin-bottom:-30px;} .SocialStrCategory .StrList .StrBlock {display:block; margin:0px 0px 30px 0px; border:none; padding:0px 30px 0px 0px;} .SocialStrCategory .StrList .StrBlock .BlockContents {border:1px solid #eeeeee; padding:10px 25px 30px 25px;} .SocialStrCategory .StrList .Spacer {display:none;} .SocialStrCategory.Green .StrList .StrBlock {width:33.33%;} .SocialStrCategory.Green .StrList .StrBlock .Img {height:115px; width:130px;} .SocialStrCategory.Green .StrList .StrBlock.Active .BlockContents {border-color:#2B9B52;} .SocialStrCategory.Yellow .StrList .StrBlock {width:33.33%;} .SocialStrCategory.Yellow .StrList .StrBlock .Img {height:115px; width:130px;} .SocialStrCategory.Yellow .StrList .StrBlock.Active .BlockContents {border-color:#dd862c;} .SocialStrCategory.Purple .StrList .StrBlock {width:33.33%;} .SocialStrCategory.Purple .StrList .StrBlock .Img {height:115px; width:130px;} .SocialStrCategory.Purple .StrList .StrBlock.Active .BlockContents {border-color:#9f1f86;} .SocialStrCategory.Blue .StrList .StrBlock {width:33.33%;} .SocialStrCategory.Blue .StrList .StrBlock .Img {height:115px; width:130px;} .SocialStrCategory.Blue .StrList .StrBlock.Active .BlockContents {border-color:#1f67be;} .LiveDataBlocks .Block_01 {flex:0 0 36%;} .LiveDataBlocks .Block_LD.Big_LD .Nbre_LD {font-size:50px;} .LiveDataBlocks .Block_LD.Big_LD .Label_LD {font-size:18px; margin-top:8px;} .LiveDataBlocks .Block_LD.Medium_LD .Nbre_LD {font-size:30px;} .LiveDataBlocks .Block_LD.Medium_LD .Percent {font-size:18px; left:1px; bottom:10px;} .LiveDataBlocks .Block_LD.Medium_LD .Label_LD {font-size:16px; margin-top:5px;} .LiveDataBlocks .Block_LD.Small_LD .Label_LD {font-size:16px; margin-top:5px;} } @media only screen and (max-width:1380px){ .MainDiv .Header .Inner {margin:0px 40px;} .MainDiv .Information {margin:20px 40px 0px 40px !important;} .MainDiv .MainContent {margin:0px 40px; /*padding:20px 0px 40px 0px;*/} .MainDiv .MainBottom {margin:0px 40px;} .MainDiv .Header .Nav .ShoppingBasket {margin-left:15px; padding-left:15px;} .MainDiv .MainContent div.ListWidthBlockWithTopBorder {padding:30px 40px 40px 40px;} .MainDiv .MainContent div.FullWidthBlockWithTopBorder {padding:30px 40px 0px 40px;} .MainDiv .MainContent div.FormColumnBlock {padding: 0px 0px 0px 40px;} .MainDiv .MainContent div.InfoBlock {padding:30px 40px 0px 0px;} .MainDiv .MainContent div.ButtonBlock {margin: 10px 40px 40px 40px;} .MainDiv .MainContent div.FullWidthBlock {padding: 0px 40px 0px 40px;} .ValidationMessage1 {margin-left:40px;} .BigBanner .BtnBack {padding:0px; width:40px; height:40px; left:30px; top:30px;} .BigBanner .BtnBack .Txt {display:none;} .BigBanner .Message {padding:60px 40px;} .ShopPage .LeftCellShop {width:240px; padding-right:40px;} .ShopPage .TopFilter .BtnClearFilter .Txt {display:none;} .ShopSection .LeftCellShop {width:240px; padding-right:40px;} .ShopSection .TopFilter .BtnClearFilter .Txt {display:none;} .ShopDetailPage .TableShopDetail .LeftCellShopDetail {padding-right:20px;} .ShopDetailPage .TableShopDetail .RightCellShopDetail {padding-left:20px;} .Dashboard .Top .BtnExport a {width:280px;} .Dashboard .Top .BtnExport input {width:280px;} .Dashboard .TabDash .CellDash_02 {width:40px;} .Dashboard .TabDash .CellDash_03 {width:280px;} .Checkout .TablePanel .RightPanel {width:280px; padding-left:40px;} .PractitionerZone .PZTabs {margin:0px 40px;} /* .PractitionerZone .PZBlocks.Five .PZInfoBlock {width:33.33%;} .PractitionerZone .PZBlocks.Four .PZInfoBlock {width:33.33%;} */ .PractitionerZone .PZBlocks.Five .PZInfoBlock .Title {font-size:20px;} .PractitionerZone .PZBlocks.HomeBlocks .PZInfoBlock .BlockTxt {padding:30px 20px 20px 20px;} .PractitionerZone .PZBlocks.HomeBlocks .PZInfoBlock .BlockTxt .Title {font-size:10px;} .PractitionerZone .PZBlocks.HomeBlocks .PZInfoBlock .BlockTxt .Txt {font-size:12px;} .PractitionerZone .PZBlocks.SubBlocks .PZInfoBlock .BlockTxt .Title {font-size:10px;} .PractitionerZone .PZBlocks .PZInfoBlock .Btn {padding:0px 20px 30px 20px;} .PractitionerZone .PZBlocks .PZInfoBlock .BtnTxt {font-size:7px; padding:15px 5px;} } @media only screen and (max-width:1300px){ .CardForm .Left {float:none; width:500px; margin-right:0;} .CardForm .Right {float:none; width:500px;} .CardForm .Right .FormBox.W33 {width:260px;} .ProductPurchTxt.One {max-width:105px;} .ShopSection .WrapperList .ItemList {width:30.33%;} .MainDiv div.ButtonBlockV2.MultiBtnMob {display:flex; width:100%; flex-wrap:wrap;} .MainDiv div.ButtonBlockV2.MultiBtnMob .BtnCancel {flex:0 0 48%; margin-bottom:10px;} .MainDiv div.ButtonBlockV2.MultiBtnMob .BtnCancel button, .MainDiv div.ButtonBlockV2.MultiBtnMob .BtnSave input {width:100%;} .MainDiv div.ButtonBlockV2.MultiBtnMob .BtnSave {flex:0 0 48%; margin-bottom:10px;} .MainDiv div.ButtonBlockV2.MultiBtnMob .BtnAddRes {flex:0 0 48%;} .MainDiv div.ButtonBlockV2.MultiBtnMob .BtnAddRes input {width:100%;} } @media only screen and (max-width:1250px){ .ShopPage .WrapperList .ItemList {width:47%;} #WrapperListColsIndicator {width:2px;} } @media only screen and (max-width:1200px){ .DashboardLayout .HdrRow {flex-wrap:wrap;} .DashboardLayout .HdrRow .LeftSide {flex:0 0 100%; margin-bottom:15px;} .DashboardLayout .HdrRow .RightSide {flex:0 0 100%;} .LineBreak1 {display:block;} .LiveData .Block_LD .Nbre_LD.Big_LD {font-size:50px;} .LiveData .Block_LD .Nbre_LD.Medium_LD {font-size:40px;} .LiveData .Block_LD .Nbre_LD.Small_LD {font-size:30px;} .LiveData .Block_LD .Label_LD {font-size:18px;} .LiveDataBlocks .Block_00 {display:block; padding:5px; height:initial;} .LiveDataBlocks .Block_01 {display:block; padding:5px;} .LiveDataBlocks .Block_02 {display:block; padding:5px;} .LiveDataBlocks .Block_03 {display:block; padding:0px; height:initial;} .LiveDataBlocks .Block_04 {display:block; padding:0px 0px 5px 0px;} .LiveDataBlocks .Block_05 {display:block; padding:5px 0px 0px 0px;} .LiveDataBlocks .Block_06 {display:block; padding:5px;} .LiveDataBlocks .Block_07 {display:block; padding:0px; height:initial;} .LiveDataBlocks .Block_08 {display:block; padding:0px 0px 10px 0px;} .LiveDataBlocks .Block_09 {display:block; padding:0px;} .LiveDataBlocks .Block_10 {display:block; padding:0px;} .LiveDataBlocks .Block_11 {display:block;} .LiveDataBlocks .Block_12 {display:block; padding:5px; height:initial;} .LiveDataBlocks .Block_13 {display:block; padding:5px; height:initial;} .LiveDataBlocks .Block_14 {display:block; padding:5px; height:initial;} .LiveDataBlocks .Block_15 {display:block; padding:5px; height:initial;} .LiveDataBlocks .Block_16 {display:block; padding:5px; height:initial;} .LiveDataBlocks .Block_LD {padding:20px 10px;} .LiveDataBlocks .Block_LD.Big_LD .Nbre_LD {font-size:30px;} .LiveDataBlocks .Block_LD.Big_LD .Label_LD {font-size:14px;} .LiveDataBlocks .Block_LD.Medium_LD .Label_LD {font-size:14px;} .LiveDataBlocks .Block_LD.Small_LD .Label_LD {font-size:14px;} .LiveDataBlocks .Block_LD.ExSmall_LD .Label_LD {font-size:14px;} .LiveDataBlocks .Block_LD.TableBlock {padding:20px 10px;} .FormBox .FormLabel .LabelTxtCols .Col1 {padding-right:8px;} .ShopConfirm .AddressForm .FormBox .FormLabel .LabelTxtCols .Col2 {font-size:8px; margin-top:2px;} } @media only screen and (max-width:1150px){ .ShopDetailPage .WrapperList .ItemList {width:30.33%;} #FeatureListColsIndicator {width:3px;} .LookupBlock {} .LookupBlock .Left .FormBox.W47 {width:100%;} .LookupBlock .Left .BoxSpacerW6 {display:none;} } @media only screen and (max-width:1024px){ .MainDiv .Header .Inner {margin:0px 30px;} .MainDiv .Header .HeaderTitle {font-size:16px !important; margin-left:0px !important; position:relative !important; left:auto !important;} .MainDiv .Information {margin:20px 30px 0px 30px !important;} .MainDiv .MainContent {margin:0px 30px; /*padding:20px 0px 30px 0px;*/} .MainDiv .MainBottom {margin:0px 30px;} .MainDiv .MainContent div.ListWidthBlockWithTopBorder {padding:30px 30px 30px 30px;} .MainDiv .MainContent div.FullWidthBlockWithTopBorder {padding:30px 30px 0px 30px;} .MainDiv .MainContent div.FormColumnBlock {padding: 0px 0px 0px 30px; width:70%;} .MainDiv .MainContent div.InfoBlock {padding:30px 30px 0px 0px;} .MainDiv .MainContent div.ButtonBlock {margin: 10px 30px 30px 30px;} .MainDiv .MainContent div.FullWidthBlock {padding: 0px 30px 0px 30px;} .ValidationMessage1 {margin-left:30px;} .BigBanner .Message {padding:50px 30px;} .ShopPage .LeftCellShop {width:230px;} .ShopPage .WrapperList .ItemList {margin:0px 3% 30px 0px;} .ShopSection .LeftCellShop {width:230px;} .ShopSection .WrapperList .ItemList {width:47%;} .ShopDetailPage .TableShopDetail .LeftCellShopDetail {padding-right:15px;} .ShopDetailPage .TableShopDetail .RightCellShopDetail {padding-left:15px;} .ShopDetailPage .DiscountRates {margin-top:30px;} .ShopDetailPage .Featured {margin-top:30px;} .Dashboard .Top .BtnExport a {width:260px;} .Dashboard .Top .BtnExport input {width:260px;} .Dashboard .TabDash .CellDash_02 {width:30px;} .Dashboard .TabDash .CellDash_03 {width:260px;} .DashboardLayout #DashReportList .swiper-slide {width:275px !important; margin:0px 20px 0px 0px;} .DashboardLayout #DashReportList .swiper-slide:last-child {margin-right:0px;} .Checkout .TablePanel .RightPanel {width:260px; padding-left:30px;} .PractitionerZone .PZTabs {margin:0px 30px;} .UserProfileDetails .UPTable {display:block; padding-top:30px;} .UserProfileDetails .UPTable.HideImgSm {padding-top:0px;} .UserProfileDetails .UPTable.HideImgSm .UserName {padding-right:30px;} .UserProfileDetails .UPTable.HideImgSm .ImgCell {display:none;} .UserProfileDetails .UPTable .ImgCell {display:block; margin:0px auto; width:150px; height:150px;} .UserProfileDetails .UPTable .DetailsCell {display:block; width:100%;} .UserProfileDetails .UserName {padding-right:0px;} .UserProfileDetails .TopStrengths {width:100%;} .UserProfileDetails .TopStrengths .TSBlock {display:block; width:100%; margin-right:0px; margin-bottom:15px;} .UserProfileDetails .TopStrengths .TSBlock:last-child {margin-bottom:0px;} } @media only screen and (max-width:768px){ .MainDiv .Header .Inner {margin:0px 20px;} .MainDiv .Information {margin:20px 20px 0px 20px !important;} .MainDiv .MainContent {margin:0px 20px; /*padding:20px 0px 20px 0px;*/} .MainDiv .MainBottom {margin:0px 20px;} .MainDiv .MainContent div.ListWidthBlockWithTopBorder {padding:30px 20px 20px 20px;} .MainDiv .MainContent div.FullWidthBlockWithTopBorder {padding:30px 20px 0px 20px;} .MainDiv .MainContent div.FormColumnBlock {padding: 0px 0px 0px 20px;} .MainDiv .MainContent div.InfoBlock {padding:30px 20px 0px 0px;} .MainDiv .MainContent div.ButtonBlock {margin: 10px 20px 20px 20px;} .MainDiv .MainContent div.FullWidthBlock {padding: 0px 20px 0px 20px;} .ValidationMessage1 {margin-left:20px;} .BigBanner .Message {padding:40px 20px;} .ShopPage .LeftCellShop {width:220px;} .ShopPage .WrapperList .ItemList {margin:0px 3% 20px 0px;} .ShopDetailPage .TableShopDetail .LeftCellShopDetail {padding-right:10px;} .ShopDetailPage .TableShopDetail .RightCellShopDetail {padding-left:10px;} .ShopDetailPage .DiscountRates {margin-top:20px;} .ShopDetailPage .Featured {margin-top:20px;} .Dashboard .Top .BtnExport a {width:240px;} .Dashboard .Top .BtnExport input {width:240px;} .Dashboard .TabDash .CellDash_02 {width:20px;} .Dashboard .TabDash .CellDash_03 {width:240px;} .Checkout .TablePanel .RightPanel {width:240px; padding-left:20px;} .PractitionerZone .PZTabs {margin:0px 20px;} .PopupParent .Popup .ActualContent {padding:40px 30px;} .PopupParent .SocialValueBlocks {width:100%;} .PopupParent .SocialValueBlocks .ValueBlock {display:block; width:100%; margin:30px 0px 0px 0px;} .SocialActionPopup .BtmBtns {display:block; float:none;} .SocialActionPopup .BtmBtns .Btn {display:block; padding-left:0px; margin-top:15px;} .SocialActionPopup .BtmBtns .Btn a {width:100%;} .LiveData .Block_LD {padding:20px 10px;} .LiveData .Block_LD .Nbre_LD.Big_LD {font-size:30px;} .LiveData .Block_LD .Nbre_LD.Medium_LD {font-size:30px;} .LiveData .Block_LD .Nbre_LD.Small_LD {font-size:30px;} .LiveData .Block_LD .Label_LD {font-size:14px;} .LiveData .Block_00 {display:block; padding:5px;} .LiveData .Block_01 {display:block; padding:5px;} .LiveData .Block_02 {display:block; padding:0px;} .LiveData .Block_03 {display:block; padding:0px;} .LiveData .Block_04 {display:block; padding:0px;} .LiveData .Block_05 {display:block; padding:5px;} .LiveData .Block_06 {display:block; padding:5px;} .LiveData .Block_07 {display:block; padding:0px;} .LiveData .Block_08 {display:block; padding:0px;} .LiveData .Block_09 {display:block; padding:5px;} .LiveData .Block_10 {display:block; padding:5px;} .LiveData .Block_11 {display:block; padding:5px;} .LiveData .Block_12 {display:block; padding:5px;} .LiveData .Block_13 {display:block; padding:5px;} .LiveData .Block_14 {display:block; padding:5px;} } @media only screen and (max-width:480px) { .PopupParent .Popup .ActualContent {padding:40px 20px;} .PopupParent .Popup .PopupMsg h2.Hdr3 {padding-left:20px;} .PopupParent .Popup .MsgContainer {padding-left:20px; padding-right:20px;} .PopupParent .Popup .PopupMsg.MiddleBlock {max-height: calc(100vh - 230px);} .PopupParent .Popup .BtmBtnsContainer {padding-left:20px; padding-right:20px;} .PopupParent .Popup .BtmBtnsContainer .BtmBtns .RightBtn {margin-top:0px; margin-bottom:10px;} .PopupParent .Popup .BtmBtnsContainer .BtmBtns .RightBtn.SingleBtn {margin-bottom:0px;} .PopupParent .Popup .BtmBtns {display:flex; flex-direction:column-reverse;} .PopupParent .Popup .BtmBtns .LeftBtn {display:block;} .PopupParent .Popup .BtmBtns .RightBtn {display:block; padding-left:0px; margin-top:15px;} } @media only screen and (max-width:360px) { .PopupParent .Popup .PopupMsg h2.Hdr3 {padding-left:10px;} .PopupParent .Popup .MsgContainer {padding-left:10px; padding-right:10px;} .PopupParent .Popup .BtmBtnsContainer {padding-left:10px; padding-right:10px;} }