/* GetSet4PE */ body {} img {border:0px;} table, tr, td, th {border-spacing:0px; vertical-align:top;} body {font-size:62.5%; background-color:#263339; color:#263339; font-family:'Quicksand', Arial, Helvetica, Verdana; padding:0px; margin:0px; min-width:320px;} input[type=number], input[type=text], input[type=submit], input[type=file], input[type=button], select { -webkit-appearance:none; outline:none; } /* Commonly Used */ h1 {font-size:50px; font-weight:700; line-height:1.3em; color:#263339; margin:0px 0px 20px 0px;} h2 {font-size:40px; font-weight:700; line-height:1.3em; color:#263339; margin:0px 0px 15px 0px;} h3 {font-size:20px; font-weight:400; line-height:1.4em; color:#263339; margin:0px 0px 15px 0px;} h4 {font-size:14px; font-weight:700; line-height:1.6em; color:#263339; margin:0px 0px 15px 0px;} a {color:#222; outline:none; -webkit-tap-highlight-color:transparent;} a:hover {text-decoration:underline;} p a {text-decoration:underline;} p {font-size:14px; font-weight:400; color:#657478; line-height:1.8em; margin:0px 0px 14px 0px;} p .LgTxt {font-size:16px;} p.BoldTxt {font-weight:700;} p.WhiteTxt {color:#ffffff;} p.WhiteTxt a.LightLink {color:#f59e16;} ul {margin:0px 0px 12px 10px; padding:0px; color:#657478;} ol {margin:0px 0px 12px 10px; padding:0px; color:#657478;} ul li {margin:0px 0px 6px 10px; font-size:16px; font-weight:400; color:#263339;} ol li {margin:0px 0px 6px 10px; font-size:16px; font-weight:400; color:#263339;} b.Lg {font-size:20px;} .DebugBox {position:fixed; top:0px; left:0px; border:solid 1px #ddd; background-color:#fff; font-size:11px; color:#000; padding:5px; z-index:1000; max-width:200px; opacity:0.9;} .ui-datepicker {z-index:100 !important;} .HideInputText {color:#ffffff !important; pointer-events:none;} .BottomFix {clear:both; height:0px; font-size:0px; line-height:0px;} .LineSpacer1 {height:2px; font-size:1px; clear:both;} .LineSpacer2 {height:5px; font-size:1px; clear:both;} .LineSpacer3 {height:10px; font-size:1px; clear:both;} .LineSpacer4 {height:15px; font-size:1px; clear:both;} .LineSpacer5 {height:25px; font-size:1px; clear:both;} .LineSpacer6 {height:40px; font-size:1px; clear:both;} .LineSpacer7 {height:80px; font-size:1px; clear:both;} .LineSpacer8 {height:200px; font-size:1px; clear:both;} .CoverLayer1 {position:fixed; top:0px; left:0px; width:100%; height:100%; background-color:#000; z-index:130; opacity:0; display:none; transition:opacity 150ms ease;} .CoverLayer1.Visible {opacity:0.75;} .CoverLayer2 {position:fixed; top:0px; left:0px; width:100%; height:100%; background-color:#000; z-index:150; opacity:0; display:none; transition:opacity 150ms ease;} .CoverLayer2.Visible {opacity:0.75;} .SubHdr {font-size:20px; color:#ffffff; margin:35px 0px 25px 0px;} /* Container Fixed */ .ContainerFixed {width:100%; height:auto; position:relative;} /* Trial Banner */ .TrialBanner {display:flex; justify-content:center; align-items:center; height:60px; background:#263339; font-size:16px; /*text-align: center;*/} .TrialBanner .TrialDaysRemaining {letter-spacing:3px; color:#FFFFFF;} .TrialBanner.SubscribeBanner {display:block;} .TrialBanner.SubscribeBanner .SubBannerContainer {display:flex; align-items:center; max-width:1320px; margin:0 auto; padding:10px 60px; box-sizing:border-box; } .TrialBanner.SubscribeBanner .TrialDaysRemaining {flex:1;} .TrialBanner.SubscribeBanner .BtnOne.BtnSubscribe {flex:0 0 250px;} .TrialBanner.SubscribeBanner .BtnOne.BtnSubscribe a {padding:10px 27px; font-size:14px;} /* GetSet4Education Redirect Banner */ .EducationRedirectBanner {display:flex; justify-content:center; align-items:center; background:#ffffff;} .EducationRedirectBanner .SubBannerContainer {display:flex; align-items:center; width:100%; max-width:1320px; margin:0 auto; padding:4px 60px 1px 60px; box-sizing:border-box; } .EducationRedirectBanner .EduLogo {flex:0 0 93px;} .EducationRedirectBanner .EduLogo img {width:100%;} .EducationRedirectBanner .EduWebBtn {flex:1; text-align:right; position:relative; bottom:1px;} .EducationRedirectBanner .EduWebBtn .BtnOne a {font-size:10px; font-weight:500; text-transform:inherit; padding:3px 15px; box-shadow:none;} /* Main Header */ .MainHeader {position:absolute; width:100%; z-index:5; min-width:320px; background-color:#fff; border-bottom: 1px solid #d5d4d4;} .MainHeader .WidthContent {max-width:1200px; margin:0px auto; position:relative; padding:0px 60px; justify-content: flex-end; display: flex; align-items: center; max-width: 1080px;} .MainHeader .Logo {position:absolute; /*top:5px;*/ top:6px; left:60px; width:149px; width: 136px;} .MainHeader .Logo a {text-decoration:none;} .MainHeader .Logo a img {width:100%; display:block;} .MainHeader .Logo.LogoEdu {display:none;} .MainHeader .Logo.LogoEdu img {width:100%;} .MainHeader .SchoolLogo {display:none; flex:0 0 140px; height:60px;} .MainHeader .SchoolLogo img {display:block; margin-right:auto; height:100%;} .MainHeader .Logo.LogoEduWhite {} .MainHeader .Menu {display: flex; justify-content: space-between; align-items: center; height: 100%; } .MainHeader .Menu .BottomFix {display:none;} .MainHeader .Menu .LeftMenu {float:left; margin:0px 0px 0px 170px; flex-grow: 1; margin: 0px;} .MainHeader .Menu .RightMenu {float:right; margin:0px 0px 0px 0px; display:flex; align-items:center; margin: 0px 0px 0px 10px;} .MainHeader .BtnMobileMenu {display:none; width:60px; position:absolute; top:20px; left:20px; cursor:pointer;} .MainHeader .BtnMobileMenu img {width:100%; display:block;} .Navigation {visibility:hidden;} .Navigation ul.Level1 {margin:0px; padding:0px; display:inline-block; display: flex; /*height: 60px;*/ height:59px; align-items: center; justify-content: space-evenly;} .Navigation ul.Level1 li.Level1 {margin:0px; padding:0px; display:inline-block; position:relative;} .Navigation ul.Level1 li.Level1 a.Level1.HeaderButton {padding: 0;} .Navigation ul.Level1 li.Level1 a.Level1.BtnOrange {margin-right: 10px;} .Navigation ul.Level1 li.Level1 a.Level1 {font-size:14px; line-height:40px; font-weight:700; margin:0px; padding-block:10px; text-decoration:none; display:inline-block; position:relative; color:white; z-index:20; -webkit-appearance:none; box-sizing:border-box; padding: 0px 10px;} .Navigation ul.Level1 li.Level1 a.Active {} .Navigation ul.Level1 li.Level1 a.AboutUs {padding:15px 15px 0px 15px;} .Navigation ul.Level1 li.Level1 a.SchoolName {text-transform:uppercase; padding:15px 15px 0px 15px;} .Navigation ul.Level1 li.Level1 a.SchoolName .NameTxt {overflow:hidden; text-overflow:ellipsis; max-width:150px; white-space:nowrap; display:inline-block;} .Navigation ul.Level1 li.Level1Highlighted a.Level1 {} .Navigation ul.Level1 li.Level1Highlighted a.SchoolName .NameTxt {color:#ffffff;}/*263339*/ .Navigation ul.Level1 li.Level1 .BulletSapcer {font-size:14px; font-weight:bold; color:#3a484e;} .Navigation ul.Level1 li.Level1 a.Level1 .Nav_Arrow {background:url(/content/images/Icon_Nav_Dropdown.png) #3a484e; background-size:cover; width:22px; height:22px; display:inline-block; margin-left:10px; border-radius:50%; top:10px; position:relative; vertical-align:top;} .Navigation ul.Level1 li.HideNav {/*display:none !important;*/} .Navigation ul.Level2 {margin:0px; padding:0px; display:none; position:absolute; z-index:10; top:0px; left:0px; white-space:nowrap; border-radius:4px; background-color:#3a484e; box-shadow:3px 3px 0px #1e292e; min-width:100%;} .Navigation ul.Level2 li.Level2 {margin:0px; padding:0px; display:block; text-align:left;} .Navigation ul.Level2 li.Level2 a.Level2 {padding:8px 15px; font-size:14px; line-height:1.3em; font-weight:400; text-decoration:none; display:block; -webkit-appearance:none;} .Navigation ul.Level2 li.Level2:first-child {padding-top:60px;} .Navigation ul.Level2 li.Level2:last-child {padding-bottom:20px;} .ItemActivity ul.Level1 {margin:0px; padding:0px; display:inline-block;} .ItemActivity ul.Level1 li.Level1 {margin:0px; padding:0px; display:inline-block; position:relative;} .ItemActivity ul.Level1 li.Level1 a.Level1 {font-size:14px; line-height:41px; font-weight:700; margin:0px; padding:15px; text-decoration:none; display:inline-block; position:relative; z-index:20; color:#fff; -webkit-appearance:none; box-sizing:border-box;} .ItemActivity ul.Level1 li.Level1 a.Active {} .ItemActivity ul.Level1 li.Level1 a.AboutUs {padding:15px 15px 0px 15px;} .ItemActivity ul.Level1 li.Level1 a.SchoolName {text-transform:uppercase; padding:15px 15px 0px 15px;} .ItemActivity ul.Level1 li.Level1 a.SchoolName .NameTxt {overflow:hidden; text-overflow:ellipsis; max-width:150px; white-space:nowrap; display:inline-block;} .ItemActivity ul.Level1 li.Level1Highlighted a.Level1 {} .ItemActivity ul.Level1 li.Level1 .BulletSapcer {font-size:14px; font-weight:bold; color:#3a484e;} .ItemActivity ul.Level1 li.Level1 a.Level1 .Nav_Arrow {background:url(/content/images/Icon_Nav_Dropdown.png) #3a484e; background-size:cover; width:22px; height:22px; display:inline-block; margin-left:10px; border-radius:50%; top:10px; position:relative; vertical-align:top;} .ItemActivity ul.Level1 li.HideNav {/*display:none !important;*/} .ItemActivity ul.Level2 {margin:0px; padding:0px; display:none; position:absolute; z-index:10; top:0px; left:0px; white-space:nowrap; border-radius:4px; background-color:#3a484e; box-shadow:3px 3px 0px #1e292e; min-width:100%;} .ItemActivity ul.Level2 li.Level2 {margin:0px; padding:0px; display:block; text-align:left;} .ItemActivity ul.Level2 li.Level2 a.Level2 {padding:8px 15px; font-size:14px; line-height:1.3em; font-weight:400; text-decoration:none; display:block; -webkit-appearance:none;} .ItemActivity ul.Level2 li.Level2:first-child {padding-top:60px;} .ItemActivity ul.Level2 li.Level2:last-child {padding-bottom:20px;} .MHBlack .LogoBlack {display:block;} .MHBlack .LogoWhite {display:none;} .MHBlack .BMMBlack {display:block;} .MHBlack .BMMWhite {display:none;} .MHBlack .Navigation ul.Level1 li.Level1 a.Level1 {color:#263339;} .MHBlack .Navigation ul.Level1 li.Level1 a.Level1:hover{color: #f59e16;} .MHBlack .Navigation ul.Level2 li.Level2 a.Level2 {color:#ffffff;}/*263339*/ .MHBlack .Navigation ul.Level1 li.Level1 a.Level1.HeaderButton {color:#fff} .MHWhite .LogoBlack {display:none;} .MHWhite .LogoWhite {display:block;} .MHWhite .BMMBlack {display:none;} .MHWhite .BMMWhite {display:block;} .MHWhite .Navigation ul.Level1 li.Level1 a.Level1 {color:#ffffff;} .MHWhite .Navigation ul.Level1 li.Level1 a.Level1.SmLink {position:relative; bottom:15px;} .MHWhite .Navigation ul.Level2 li.Level2 a.Level2 {color:#ffffff;} /* Side Menu */ .SideMenu {position:fixed; top:0px; left:-240px; margin:0px; width:240px; height:100%; transition:left 150ms ease; z-index:140; border-right:none;} .SideMenu .OverflowPanel1 {position:absolute; top:0px; left:0px; height:100%; width:100%; box-sizing:border-box; background-color:#fff; overflow-y:auto; padding:0px;} .SideMenu .OverflowPanel1 ul.Level1 {padding:0px; margin:0px; display:block; width:100%;} .SideMenu .OverflowPanel1 ul.Level1 li.Level1 {padding:0px; margin:0px; display:block; width:100%;} .SideMenu .OverflowPanel1 ul.Level1 li.Level1 a.Level1 {font-size:14px; line-height:1.3em; font-weight:700; color:#263339; text-decoration:none; display:block; padding:15px 30px; position:relative; -webkit-appearance:none;} .SideMenu .OverflowPanel1 ul.Level1 li.Level1 a.Level1:hover {text-decoration:none;} .SideMenu .OverflowPanel1 ul.Level1 li.Level1Highlighted a.Level1 {text-decoration:none;} .SideMenu .OverflowPanel1 ul.Level1 li.Level1 a .Nav_Arrow {display:none; background-image:url(/content/images/Icon_Nav_Dropdown.png); background-size:cover; width:16px; height:16px; position:absolute; right:30px; top:50%; top:19px !important;} .SideMenu .OverflowPanel1 ul.Level2 {display:block !important; padding:0px; margin:0px; position:relative; background-color:#fff !important; box-shadow:none !important;} .SideMenu .OverflowPanel1 ul.Level2 li.Level2 {padding:0px; margin:0px;} .SideMenu .OverflowPanel1 ul.Level2 li.Level2 a.Level2 {font-size:14px; line-height:1.3em; font-weight:700; color:#263339; text-decoration:none; display:block; padding:15px 30px; position:relative;} .SideMenu .OverflowPanel1 ul.Level1 li.HideNav {display:none !important;} .SideMenu .OverflowPanel1 .MenuMobile .TopBanner {width:100%; padding:30px 0px; display:block; background:#263339;} .SideMenu .OverflowPanel1 .MenuMobile .TopBanner .Img {text-align: center;} .SideMenu .OverflowPanel1 .MenuMobile .TopBanner .Img img {width:130px; display:inline-block; opacity:0.3;} .SideMenu .OverflowPanel1 .MenuMobile .LeftMenu {padding-top:20px;} .SideMenu .OverflowPanel1 .MenuMobile .RightMenu {border-top:1px solid #d0d9db; padding-top:20px; margin-top:20px;} .SideMenu .OverflowPanel1 .MenuMobile .AboutUs {display:none !important;} .SideMenu .OverflowPanel1 .MenuMobile .SchoolName {color:#657478 !important; cursor:auto; text-transform:uppercase;} .SideMenu .OverflowPanel1 .MenuMobile .SchoolName .NameTxt {} .SideMenu .OverflowPanel1 .MenuMobile .BtnLogout {padding:10px 30px 40px 30px !important;} .SideMenu .OverflowPanel1 .MenuMobile .BtnLogout span {font-size:14px; line-height:1.3em; font-weight:400; text-decoration:none; color:#5c7279; font-style:italic; border:1px solid #d0d9db; box-sizing:border-box; padding:15px 0px 15px 0px; border-radius:50px; background:#ffffff; display:block; cursor:pointer; font-family:'Quicksand', Arial, Helvetica, Verdana; text-align:center; width:100%;} .SideMenu .OverflowPanel1 .MenuMobile .BtnLogout span:hover {background:#ebecee;} .SideMenu .OverflowPanel1 .MenuMobile .BulletSapcer {display:none;} .SideMenu.Opened {left:0px;} /* Lesson Plan Menu */ .LessonPlanMenu {position:fixed; top:0px; left:-300px; margin:0px; width:300px; height:100%; transition:left 150ms ease; border-right:none;} .LessonPlanMenu .OverflowPanel1 {position:absolute; top:0px; left:0px; height:100%; width:100%; box-sizing:border-box; overflow-y:auto; padding:0px;} .LessonPlanMenu .OverflowPanel1 .Nav_Title {font-size:30px; font-weight:700; padding:30px 30px 45px 30px; display:table; width:100%; box-sizing:border-box;} .LessonPlanMenu .OverflowPanel1 .Nav_Title .Nav_Back {display:none; vertical-align:middle; background:url(/content/images/Icon_Back_LessonNav.png) no-repeat center; background-size:cover; width:30px; height:30px; padding:0px 10px 0px 0px;} .LessonPlanMenu .OverflowPanel1 .Nav_Title .Nav_Txt {display:table-cell; vertical-align:middle;} .LessonPlanMenu .OverflowPanel1 ul {padding:0px; margin:0px; display:block; width:100%;} .LessonPlanMenu .OverflowPanel1 ul li {padding:0px; margin:0px; display:block; width:100%;} .LessonPlanMenu .OverflowPanel1 ul li a {text-transform:uppercase; line-height:1.3em; font-weight:800; color:#ffffff; text-decoration:none; display:block; padding:15px 30px; position:relative; -webkit-appearance:none;} .LessonPlanMenu .OverflowPanel1 ul li a:hover {text-decoration:none;} .LessonPlanMenu .OverflowPanel1 ul li.Highlighted a {text-decoration:none;} .LessonPlanMenu .OverflowPanel1 ul li a .Nav_Arrow {background-image:url(/content/images/Icon_Arrow_LessonNav.png); background-size:cover; width:30px; height:30px; position:absolute; right:20px;} .LessonNav_01 {z-index:160;} .LessonNav_01 .OverflowPanel1 {background:#263339;} .LessonNav_01 .OverflowPanel1 .Nav_Title {color:#ffffff;} .LessonNav_01 .OverflowPanel1 ul li a {font-size:20px; color:#ffffff;} .LessonNav_01 .OverflowPanel1 ul li a:hover {color:#5c7279; background:#ffffff;} .LessonNav_01 .OverflowPanel1 ul li.Highlighted a {color:#5c7279; background:#ffffff;} .LessonNav_01 .OverflowPanel1 ul li a .Nav_Arrow {top:13px;} .LessonNav_01.Opened {left:0px;} .LessonNav_02 {z-index:150;} .LessonNav_02 .OverflowPanel1 {background:#ffffff;} .LessonNav_02 .OverflowPanel1.Grey {background-color:#d8d6d3;} .LessonNav_02 .OverflowPanel1.Grey ul li:hover {background-color:#ffffff;} .LessonNav_02 .OverflowPanel1 .Nav_Title {color:#263339;} .LessonNav_02 .OverflowPanel1 ul li a {font-size:14px; color:#5c7279;} .LessonNav_02 .OverflowPanel1 ul li a .Nav_Arrow {top:9px;} .LessonNav_02.Opened {left:300px;} .LessonNav_03 {z-index:140;} .LessonNav_03 .OverflowPanel1 .Nav_Title {color:#263339;} .LessonNav_03 .OverflowPanel1 ul li a {font-size:14px; color:#5c7279;} .LessonNav_03 .OverflowPanel1 ul li a .Nav_Arrow {display:none;} .LessonNav_03 .OverflowPanel1 ul li a:hover {background:#ffffff;} .LessonNav_03 .OverflowPanel1 ul li.Highlighted a {background:#ffffff;} .LessonNav_03.Opened {left:600px;} .OverflowPanel1 .ProgressIndicator {display:block; width:40px; position:absolute; top:50%; left:50%; margin-left:-20px; margin-right:-20px; display:none;} /* Main Content */ .MainContent {} .MainContent .WidthContent {max-width:1080px; margin:0px auto; position:relative; padding:0px 60px;} /* Main Footer */ .MainFooter {background-color:#263339;} .MainFooter .WidthContent {max-width:1200px; margin:0px auto; position:relative; padding:20px 60px; max-width: 1080px;} .MainFooter .Links {float:left;} .MainFooter .Links ul {margin:0px; padding:0px;} .MainFooter .Links ul li {margin:-2px 10px 0px 0px; padding:0px 14px 0px 0px; display:inline-block; border-right:1px solid #69787f; font-size:12px; border-right: none; padding: 0px 0px 0px 0px;} .MainFooter .Links ul li.Hide {display:none;} .MainFooter .Links ul li a {font-size:11px; font-weight:700; color:#fff; text-decoration:none;} .MainFooter .Links ul li:last-child {border-right:none; margin:0px; padding:0px;} .MainFooter .Copyright {font-size:11px; color:#69787f; float:right; font-size: 9px;} .MainFooter .Copyright .Develop {} .MainFooter .Copyright a {font-size:11px; color:#69787f;} /* Buttons */ .BtnDisabled {opacity:.3;} .BtnDisabled a {font-size:16px; line-height:1.3em; font-weight:700; text-transform:uppercase; text-decoration:none; color:#ffffff; text-align:center; border:1px solid #66bedf; box-sizing:border-box; padding:14px 40px 14px 40px; border-radius:50px; background:#66bedf; box-shadow:3px 3px 0px rgba(0, 0, 0, .25); display:inline-block; cursor:default; font-family:'Quicksand', Arial, Helvetica, Verdana;} .BtnDisabled span {font-size:16px; line-height:1.3em; font-weight:700; text-transform:uppercase; text-decoration:none; color:#ffffff; text-align:center; border:1px solid #66bedf; box-sizing:border-box; padding:14px 40px 14px 40px; border-radius:50px; background:#66bedf; box-shadow:3px 3px 0px rgba(0, 0, 0, .25); display:inline-block; cursor:default; font-family:'Quicksand', Arial, Helvetica, Verdana;} .BtnOne {} .BtnOne a {font-size:16px; line-height:1.3em; font-weight:700; text-transform:uppercase; text-decoration:none; color:#ffffff; text-align:center; border:1px solid #f59e16; box-sizing:border-box; padding:14px 40px 14px 40px; border-radius:50px; background:#f59e16; box-shadow:3px 3px 0px rgba(0, 0, 0, .25); display:inline-block; cursor:pointer; font-family:'Quicksand', Arial, Helvetica, Verdana;} .BtnOne a:hover {background:#d98708; border:1px solid #d98708;} .BtnOne input {font-size:16px; line-height:1.3em; font-weight:700; text-transform:uppercase; text-decoration:none; color:#ffffff; text-align:center; border:1px solid #f59e16; box-sizing:border-box; padding:14px 40px 14px 40px; border-radius:50px; background:#f59e16; box-shadow:3px 3px 0px rgba(0, 0, 0, .25); display:inline-block; cursor:pointer; font-family:'Quicksand', Arial, Helvetica, Verdana;} .BtnOne input:hover {background:#d98708; border:1px solid #d98708;} .BtnOne button {font-size:16px; line-height:1.3em; font-weight:700; text-transform:uppercase; text-decoration:none; color:#ffffff; text-align:center; border:1px solid #f59e16; box-sizing:border-box; padding:14px 40px 14px 40px; border-radius:50px; background:#f59e16; box-shadow:3px 3px 0px rgba(0, 0, 0, .25); display:inline-block; cursor:pointer; font-family:'Quicksand', Arial, Helvetica, Verdana;} .BtnOne button:hover {background:#d98708; border:1px solid #d98708;} .BtnOne span {font-size:13px; line-height:1.0em; font-weight:700; text-transform:inherit; text-decoration:none; color:#ffffff; text-align:center; border:1px solid #f59e16; box-sizing:border-box; padding:12.5px 40px; border-radius:50px; background:#f59e16; box-shadow:3px 3px 0px rgba(0, 0, 0, .25); display:inline-block; cursor:pointer; font-family:'Quicksand', Arial, Helvetica, Verdana;} .BtnOne span:hover {background:#d98708; border:1px solid #d98708;} .BtnOne.Capitalise input, .BtnOne.Capitalise button, .BtnOne.Capitalise span {text-transform:capitalize; font-size:22px;} .BtnBigOne {} .BtnBigOne a {font-size:20px; line-height:1.3em; font-weight:700; text-transform:uppercase; text-decoration:none; color:#ffffff; text-align:center; border:1px solid #f59e16; box-sizing:border-box; padding:16px 50px 16px 50px; border-radius:50px; background:#f59e16; box-shadow:3px 3px 0px rgba(0, 0, 0, .25); display:inline-block; cursor:pointer; font-family:'Quicksand', Arial, Helvetica, Verdana;} .BtnBigOne a:hover {background:#d98708; border:1px solid #d98708;} .BtnBigOne input {font-size:20px; line-height:1.3em; font-weight:700; text-transform:uppercase; text-decoration:none; color:#ffffff; text-align:center; border:1px solid #f59e16; box-sizing:border-box; padding:16px 50px 16px 50px; border-radius:50px; background:#f59e16; box-shadow:3px 3px 0px rgba(0, 0, 0, .25); display:inline-block; cursor:pointer; font-family:'Quicksand', Arial, Helvetica, Verdana;} .BtnBigOne input:hover {background:#d98708; border:1px solid #d98708;} .BtnBigOne button {font-size:20px; line-height:1.3em; font-weight:700; text-transform:uppercase; text-decoration:none; color:#ffffff; text-align:center; border:1px solid #f59e16; box-sizing:border-box; padding:16px 50px 16px 50px; border-radius:50px; background:#f59e16; box-shadow:3px 3px 0px rgba(0, 0, 0, .25); display:inline-block; cursor:pointer; font-family:'Quicksand', Arial, Helvetica, Verdana;} .BtnBigOne button:hover {background:#d98708; border:1px solid #d98708;} .BtnBigOne span {font-size:20px; line-height:1.3em; font-weight:700; text-transform:uppercase; text-decoration:none; color:#ffffff; text-align:center; border:1px solid #f59e16; box-sizing:border-box; padding:16px 50px 16px 50px; border-radius:50px; background:#f59e16; box-shadow:3px 3px 0px rgba(0, 0, 0, .25); display:inline-block; cursor:pointer; font-family:'Quicksand', Arial, Helvetica, Verdana;} .BtnBigOne span:hover {background:#d98708; border:1px solid #d98708;} .BtnTwo {} .BtnTwo a {font-size:16px; line-height:1.3em; font-weight:700; text-transform:inherit; text-decoration:none; color:#ffffff; text-align:center; border:1px solid #66bedf; box-sizing:border-box; padding:14px 40px 14px 40px; border-radius:50px; background:#66bedf; box-shadow:3px 3px 0px rgba(0, 0, 0, .25); display:inline-block; cursor:pointer; font-family:'Quicksand', Arial, Helvetica, Verdana;} .BtnTwo a:hover {background:#49a5c7; border:1px solid #49a5c7;} .BtnTwo input {font-size:16px; line-height:1.3em; font-weight:700; text-transform:uppercase; text-decoration:none; color:#ffffff; text-align:center; border:1px solid #66bedf; box-sizing:border-box; padding:14px 40px 14px 40px; border-radius:50px; background:#66bedf; box-shadow:3px 3px 0px rgba(0, 0, 0, .25); display:inline-block; cursor:pointer; font-family:'Quicksand', Arial, Helvetica, Verdana;} .BtnTwo input:hover {background:#49a5c7; border:1px solid #49a5c7;} .BtnTwo button {font-size:16px; line-height:1.3em; font-weight:700; text-transform:uppercase; text-decoration:none; color:#ffffff; text-align:center; border:1px solid #66bedf; box-sizing:border-box; padding:14px 40px 14px 40px; border-radius:50px; background:#66bedf; box-shadow:3px 3px 0px rgba(0, 0, 0, .25); display:inline-block; cursor:pointer; font-family:'Quicksand', Arial, Helvetica, Verdana;} .BtnTwo button:hover {background:#49a5c7; border:1px solid #49a5c7;} .BtnTwo span {font-size:16px; line-height:1.3em; font-weight:700; text-transform:uppercase; text-decoration:none; color:#ffffff; text-align:center; border:1px solid #66bedf; box-sizing:border-box; padding:14px 40px 14px 40px; border-radius:50px; background:#66bedf; box-shadow:3px 3px 0px rgba(0, 0, 0, .25); display:inline-block; cursor:pointer; font-family:'Quicksand', Arial, Helvetica, Verdana;} .BtnTwo span:hover {background:#49a5c7; border:1px solid #49a5c7;} .BtnDarkTwo {} .BtnDarkTwo a {font-size:16px; line-height:1.3em; font-weight:700; text-transform:uppercase; text-decoration:none; color:#ffffff; text-align:center; border:1px solid #47859c; box-sizing:border-box; padding:14px 40px 14px 40px; border-radius:50px; background:#47859c; box-shadow:3px 3px 0px rgba(0, 0, 0, .25); display:inline-block; cursor:pointer; font-family:'Quicksand', Arial, Helvetica, Verdana;} .BtnDarkTwo a span {padding:0px; box-shadow:none; background-color:transparent; border:none;} .BtnDarkTwo a span:hover {background-color:transparent; border:none;} .BtnDarkTwo.BtnAssign a {padding:14px 40px 14px 14px;} .BtnDarkTwo.BtnAssign .BtnInner {display:flex; align-items:center;} .BtnDarkTwo.BtnAssign .BtnInner .Icon {margin-left:10px;} .BtnDarkTwo.BtnAssign .BtnInner .Txt {position:relative; bottom:1px;} .BtnDarkTwo a:hover {background:#4398b7; border:1px solid #4398b7;} .BtnDarkTwo input {font-size:16px; line-height:1.3em; font-weight:700; text-transform:uppercase; text-decoration:none; color:#ffffff; text-align:center; border:1px solid #47859c; box-sizing:border-box; padding:14px 40px 14px 40px; border-radius:50px; background:#47859c; box-shadow:3px 3px 0px rgba(0, 0, 0, .25); display:inline-block; cursor:pointer; font-family:'Quicksand', Arial, Helvetica, Verdana;} .BtnDarkTwo input:hover {background:#4398b7; border:1px solid #4398b7;} .BtnDarkTwo button {font-size:16px; line-height:1.3em; font-weight:700; text-transform:uppercase; text-decoration:none; color:#ffffff; text-align:center; border:1px solid #47859c; box-sizing:border-box; padding:14px 40px 14px 40px; border-radius:50px; background:#47859c; box-shadow:3px 3px 0px rgba(0, 0, 0, .25); display:inline-block; cursor:pointer; font-family:'Quicksand', Arial, Helvetica, Verdana;} .BtnDarkTwo button:hover {background:#4398b7; border:1px solid #4398b7;} .BtnDarkTwo span {font-size:16px; line-height:1.3em; font-weight:700; text-transform:uppercase; text-decoration:none; color:#ffffff; text-align:center; border:1px solid #47859c; box-sizing:border-box; padding:14px 40px 14px 40px; border-radius:50px; background:#47859c; box-shadow:3px 3px 0px rgba(0, 0, 0, .25); display:inline-block; cursor:pointer; font-family:'Quicksand', Arial, Helvetica, Verdana;} .BtnDarkTwo span:hover {background:#4398b7; border:1px solid #4398b7;} .BtnThree {} .BtnThree a {font-size:14px; line-height:1.3em; font-weight:400; text-decoration:none; color:#5c7279; font-style:italic; text-align:center; border:1px solid #d0d9db; box-sizing:border-box; padding:15px 40px 15px 40px; border-radius:50px; background:#ffffff; display:inline-block; cursor:pointer; font-family:'Quicksand', Arial, Helvetica, Verdana;} .BtnThree a:hover {background:#ebecee;} .BtnThree input {font-size:14px; line-height:1.3em; font-weight:400; text-decoration:none; color:#5c7279; font-style:italic; text-align:center; border:1px solid #d0d9db; box-sizing:border-box; padding:15px 40px 15px 40px; border-radius:50px; background:#ffffff; display:inline-block; cursor:pointer; font-family:'Quicksand', Arial, Helvetica, Verdana;} .BtnThree input:hover {background:#ebecee;} .BtnThree button {font-size:14px; line-height:1.3em; font-weight:400; text-decoration:none; color:#5c7279; font-style:italic; text-align:center; border:1px solid #d0d9db; box-sizing:border-box; padding:15px 40px 15px 40px; border-radius:50px; background:#ffffff; display:inline-block; cursor:pointer; font-family:'Quicksand', Arial, Helvetica, Verdana;} .BtnThree button:hover {background:#ebecee;} .BtnThree span {font-size:14px; line-height:1.3em; font-weight:400; text-decoration:none; color:#5c7279; font-style:italic; text-align:center; border:1px solid #d0d9db; box-sizing:border-box; padding:15px 40px 15px 40px; border-radius:50px; background:#ffffff; display:inline-block; cursor:pointer; font-family:'Quicksand', Arial, Helvetica, Verdana;} .BtnThree span:hover {background:#ebecee;} .BtnFour {text-decoration:none; -webkit-appearance:none;} .BtnFour:hover {text-decoration:none;} .BtnFour .Icon_Four {background:url(/Content/Images/Icon_Arrow_Back.png) no-repeat center #3a484e; background-size:cover; width:50px; height:50px; display:inline-block; border-radius:50%; vertical-align:top;} .BtnFour .Txt_Four {padding:14px 10px 14px 20px; font-size:20px; line-height:1.3em; font-weight:700; font-style:inherit; color:#56686f; font-family:'Quicksand', Arial, Helvetica, Verdana; display:inline-block; vertical-align:top;} .BtnFive {} .BtnFive a {font-size:16px; line-height:1.3em; font-weight:700; text-transform:uppercase; text-decoration:none; color:#ffffff; text-align:center; border:1px solid #3a484e; box-sizing:border-box; padding:14px 40px 14px 40px; border-radius:50px; background:#3a484e; box-shadow:3px 3px 0px rgba(0, 0, 0, .25); display:inline-block; cursor:pointer; font-family:'Quicksand', Arial, Helvetica, Verdana;} .BtnFive a:hover {background:#58676e; border:1px solid #58676e;} .BtnFive input {font-size:16px; line-height:1.3em; font-weight:700; text-transform:uppercase; text-decoration:none; color:#ffffff; text-align:center; border:1px solid #3a484e; box-sizing:border-box; padding:14px 40px 14px 40px; border-radius:50px; background:#3a484e; box-shadow:3px 3px 0px rgba(0, 0, 0, .25); display:inline-block; cursor:pointer; font-family:'Quicksand', Arial, Helvetica, Verdana;} .BtnFive input:hover {background:#58676e; border:1px solid #58676e;} .BtnFive button {font-size:16px; line-height:1.3em; font-weight:700; text-transform:uppercase; text-decoration:none; color:#ffffff; text-align:center; border:1px solid #3a484e; box-sizing:border-box; padding:14px 40px 14px 40px; border-radius:50px; background:#3a484e; box-shadow:3px 3px 0px rgba(0, 0, 0, .25); display:inline-block; cursor:pointer; font-family:'Quicksand', Arial, Helvetica, Verdana;} .BtnFive button:hover {background:#58676e; border:1px solid #58676e;} .BtnFive span {font-size:16px; line-height:1.3em; font-weight:700; text-transform:uppercase; text-decoration:none; color:#ffffff; text-align:center; border:1px solid #3a484e; box-sizing:border-box; padding:14px 40px 14px 40px; border-radius:50px; background:#3a484e; box-shadow:3px 3px 0px rgba(0, 0, 0, .25); display:inline-block; cursor:pointer; font-family:'Quicksand', Arial, Helvetica, Verdana;} .BtnFive span:hover {background:#58676e; border:1px solid #58676e;} .BtnSix {} .BtnSix a {font-size:16px; line-height:1.3em; font-weight:700; text-transform:uppercase; text-decoration:none; color:#657478; text-align:center; border:1px solid #DEDFDF; box-sizing:border-box; padding:14px 40px 14px 40px; border-radius:50px; background:#EEEEEE; box-shadow:3px 3px 0px rgba(0, 0, 0, .25); display:inline-block; cursor:pointer; font-family:'Quicksand', Arial, Helvetica, Verdana;} .BtnSix a:hover {opacity:0.8;} .BtnSix input {font-size:16px; line-height:1.3em; font-weight:700; text-transform:uppercase; text-decoration:none; color:#657478; text-align:center; border:1px solid #DEDFDF; box-sizing:border-box; padding:14px 40px 14px 40px; border-radius:50px; background:#EEEEEE; box-shadow:3px 3px 0px rgba(0, 0, 0, .25); display:inline-block; cursor:pointer; font-family:'Quicksand', Arial, Helvetica, Verdana;} .BtnSix input:hover {opacity:0.8;} .BtnSix button {font-size:16px; line-height:1.3em; font-weight:700; text-transform:uppercase; text-decoration:none; color:#657478; text-align:center; border:1px solid #DEDFDF; box-sizing:border-box; padding:14px 40px 14px 40px; border-radius:50px; background:#EEEEEE; box-shadow:3px 3px 0px rgba(0, 0, 0, .25); display:inline-block; cursor:pointer; font-family:'Quicksand', Arial, Helvetica, Verdana;} .BtnSix button:hover {opacity:0.8;} .BtnSix span {font-size:16px; line-height:1.3em; font-weight:700; text-transform:uppercase; text-decoration:none; color:#657478; text-align:center; border:1px solid #DEDFDF; box-sizing:border-box; padding:14px 40px 14px 40px; border-radius:50px; background:#EEEEEE; box-shadow:3px 3px 0px rgba(0, 0, 0, .25); display:inline-block; cursor:pointer; font-family:'Quicksand', Arial, Helvetica, Verdana;} .BtnSix span:hover {opacity:0.8;} .BtnSeven {} .BtnSeven a {font-size:16px; line-height:1.3em; font-weight:700; text-transform:uppercase; text-decoration:none; color:#FFFFFF; text-align:center; border:1px solid #ED8686; box-sizing:border-box; padding:14px 40px 14px 40px; border-radius:50px; background:#ED8686; box-shadow:3px 3px 0px rgba(0, 0, 0, .25); display:inline-block; cursor:pointer; font-family:'Quicksand', Arial, Helvetica, Verdana;} .BtnSeven a:hover {opacity:0.8;} .BtnSeven input {font-size:16px; line-height:1.3em; font-weight:700; text-transform:uppercase; text-decoration:none; color:#FFFFFF; text-align:center; border:1px solid #ED8686; box-sizing:border-box; padding:14px 40px 14px 40px; border-radius:50px; background:#ED8686; box-shadow:3px 3px 0px rgba(0, 0, 0, .25); display:inline-block; cursor:pointer; font-family:'Quicksand', Arial, Helvetica, Verdana;} .BtnSeven input:hover {opacity:0.8;} .BtnSeven button {font-size:16px; line-height:1.3em; font-weight:700; text-transform:uppercase; text-decoration:none; color:#FFFFFF; text-align:center; border:1px solid #ED8686; box-sizing:border-box; padding:14px 40px 14px 40px; border-radius:50px; background:#ED8686; box-shadow:3px 3px 0px rgba(0, 0, 0, .25); display:inline-block; cursor:pointer; font-family:'Quicksand', Arial, Helvetica, Verdana;} .BtnSeven button:hover {opacity:0.8;} .BtnSeven span {font-size:16px; line-height:1.3em; font-weight:700; text-transform:uppercase; text-decoration:none; color:#FFFFFF; text-align:center; border:1px solid #ED8686; box-sizing:border-box; padding:14px 40px 14px 40px; border-radius:50px; background:#ED8686; box-shadow:3px 3px 0px rgba(0, 0, 0, .25); display:inline-block; cursor:pointer; font-family:'Quicksand', Arial, Helvetica, Verdana;} .BtnSeven span:hover {opacity:0.8;} .BtnEight {} .BtnEight a {font-size:16px; line-height:1.3em; font-weight:700; text-transform:uppercase; text-decoration:none; color:#657478; text-align:center; border:1px solid #DEDFDF; box-sizing:border-box; padding:14px 40px 14px 40px; border-radius:50px; background:#FFFFFF; box-shadow:3px 3px 0px rgba(0, 0, 0, .25); display:inline-block; cursor:pointer; font-family:'Quicksand', Arial, Helvetica, Verdana;} .BtnEight a:hover {opacity:0.8;} .BtnEight input {font-size:16px; line-height:1.3em; font-weight:700; text-transform:uppercase; text-decoration:none; color:#657478; text-align:center; border:1px solid #DEDFDF; box-sizing:border-box; padding:14px 40px 14px 40px; border-radius:50px; background:#FFFFFF; box-shadow:3px 3px 0px rgba(0, 0, 0, .25); display:inline-block; cursor:pointer; font-family:'Quicksand', Arial, Helvetica, Verdana;} .BtnEight input:hover {opacity:0.8;} .BtnEight button {font-size:16px; line-height:1.3em; font-weight:700; text-transform:uppercase; text-decoration:none; color:#657478; text-align:center; border:1px solid #DEDFDF; box-sizing:border-box; padding:14px 40px 14px 40px; border-radius:50px; background:#FFFFFF; box-shadow:3px 3px 0px rgba(0, 0, 0, .25); display:inline-block; cursor:pointer; font-family:'Quicksand', Arial, Helvetica, Verdana;} .BtnEight button:hover {opacity:0.8;} .BtnEight span {font-size:16px; line-height:1.3em; font-weight:700; text-transform:uppercase; text-decoration:none; color:#657478; text-align:center; border:1px solid #DEDFDF; box-sizing:border-box; padding:14px 40px 14px 40px; border-radius:50px; background:#FFFFFF; box-shadow:3px 3px 0px rgba(0, 0, 0, .25); display:inline-block; cursor:pointer; font-family:'Quicksand', Arial, Helvetica, Verdana;} .BtnEight span:hover {opacity:0.8;} .BtnNine {} .BtnNine a {font-size:16px; line-height:1.3em; font-weight:700; text-transform:uppercase; text-decoration:none; color:#f59e16; text-align:center; border:1px solid #ffffff; box-sizing:border-box; padding:14px 40px 14px 40px; border-radius:50px; background:#ffffff; box-shadow:3px 3px 0px rgba(0, 0, 0, .25); display:inline-block; cursor:pointer; font-family:'Quicksand', Arial, Helvetica, Verdana;} .BtnNine a:hover {background:#eeeeee; border:1px solid #eeeeee;} .BtnNine input {font-size:16px; line-height:1.3em; font-weight:700; text-transform:uppercase; text-decoration:none; color:#f59e16; text-align:center; border:1px solid #ffffff; box-sizing:border-box; padding:14px 40px 14px 40px; border-radius:50px; background:#ffffff; box-shadow:3px 3px 0px rgba(0, 0, 0, .25); display:inline-block; cursor:pointer; font-family:'Quicksand', Arial, Helvetica, Verdana;} .BtnNine input:hover {background:#eeeeee; border:1px solid #eeeeee;} .BtnNine button {font-size:16px; line-height:1.3em; font-weight:700; text-transform:uppercase; text-decoration:none; color:#f59e16; text-align:center; border:1px solid #ffffff; box-sizing:border-box; padding:14px 40px 14px 40px; border-radius:50px; background:#ffffff; box-shadow:3px 3px 0px rgba(0, 0, 0, .25); display:inline-block; cursor:pointer; font-family:'Quicksand', Arial, Helvetica, Verdana;} .BtnNine button:hover {background:#eeeeee; border:1px solid #eeeeee;} .BtnNine span {font-size:13px; line-height:1.0em; font-weight:700; text-transform:inherit; text-decoration:none; color:#f59e16; text-align:center; border:1px solid #ffffff; box-sizing:border-box; padding:12.5px 40px; border-radius:50px; background:#ffffff; box-shadow:3px 3px 0px rgba(0, 0, 0, .25); display:inline-block; cursor:pointer; font-family:'Quicksand', Arial, Helvetica, Verdana;} .BtnNine span:hover {background:#eeeeee; border:1px solid #eeeeee;} .BtnOne.Capitalise input, .BtnOne.Capitalise button, .BtnOne.Capitalise span {text-transform:capitalize; font-size:22px;} .BtnBack {} .BtnBack .Icon_Four {background:url(/content/images/Icon_Notification_Dark_Bad.png) no-repeat #fff !important; background-size: cover !important;} .BtnBack .Txt_Four {color:#fff !important;} .BtnOrange {background: #f59e16; color: #fff; border-radius: 50px;} .BtnGreen {background-color: #c2d962; color: #fff; border-radius: 50px;} .HeaderButton {width:auto; height:40px; text-align:center; padding: 0px 20px !important;} .AssignPupilsBtn .BtnDarkTwo a {padding:6.5px 30px 6.5px 10px;} .AssignPupilsBtn .BtnDarkTwo span {font-size:13px; line-height:1.3em; font-weight:700; text-transform:uppercase; text-decoration:none; color:#ffffff; text-align:center; border:none; box-sizing:border-box; padding:0px; border-radius:0px; background:none; box-shadow:none; display:inherit; cursor:pointer; font-family:'Quicksand', Arial, Helvetica, Verdana;} .AssignPupilsBtn .BtnDarkTwo span.BtnInner {display:flex; align-items:center;} .AssignPupilsBtn .BtnDarkTwo span.BtnInner .Txt {padding-left:10px; box-sizing:border-box;} .BtnBack.MyClassesBackBtn {display:flex;} .BtnBack.MyClassesBackBtn .Icon_Four {flex:0 0 40px; width:40px; height:40px;} .BtnBack.MyClassesBackBtn .Txt_Four {flex:1; padding-top:0px; padding-right:0px;} .BtnBack.MyClassesBackBtn .ClassName {display:block; font-size:40px; margin-top:-10px; pointer-events:none; line-height:1.2em;} .BtnBack.MyClassesBackBtn .ClassDate {display:block; pointer-events:none} /* style the button below for popup confirmation */ .BtnSmallOne {} .BtnSmallOne a {font-size:16px; line-height:1.3em; font-weight:700; text-decoration:none; color:#ffffff; text-align:center; border:1px solid #f59e16; box-sizing:border-box; margin-left:10px; margin-right:10px; padding:9px 30px 9px 30px; border-radius:40px; background:#f59e16; box-shadow:3px 3px 0px rgba(0, 0, 0, .25); display:inline-block; cursor:pointer; font-family:'Quicksand', Arial, Helvetica, Verdana;} .BtnSmallOne a:hover {background:#d98708; border:1px solid #d98708;} /* media loop toggle button */ .LoopBtn a {font-size:16px; line-height:1.3em; font-weight:700; text-transform:uppercase; text-decoration:none; color:#ffffff; text-align:center; border:1px solid #f59e16; box-sizing:border-box; padding:14px 40px 14px 40px; border-radius:50px; background:#f59e16; box-shadow:3px 3px 0px rgba(0, 0, 0, .25); display:inline-block; cursor:pointer; font-family:'Quicksand', Arial, Helvetica, Verdana;} .LoopBtn a:hover {background:#d98708; border:1px solid #d98708;} /* Form */ .FormBox {margin-bottom:30px;} .FormBox .FormLabel {font-size:14px; font-weight:400; margin:0px 0px 15px 0px; display:block; color:#ffffff;} .FormBox .FormField {position:relative;} .FormBox .FormField .ui-datepicker-trigger {position:absolute; top:16px; right:10px;} .FormBox .FormField.HighlightDD .sbSelector {background-color:#f59e16; border-color:#f59e16; color:#ffffff;} .FormBox .LengthInfo {font-size:13px; line-height:20px; font-weight:400; color:#838c8e; font-style:italic; margin-top:15px;} .FormBox .Asterix {color:#f94848; margin-left:5px; font-weight:300;} .FormBox .ErrorMsg {display:none; color:#ff0000; font-size:12px; margin-top:10px;} .FormField .EditBox {color:#263339; background-color:#ffffff; border:1px solid #ffffff; border-radius:4px; width:100%; padding:13px 10px 13px 10px; box-sizing:border-box; font-size:18px; line-height:1.3em; font-weight:400; font-family:'Quicksand', Arial, Helvetica, Verdana, Sans-Serif; -webkit-appearance:none;} .FormField .EditBox.Disable {pointer-events:none;} .FormField .TextArea {color:#263339; background-color:#ffffff; border:1px solid #ffffff; border-radius:4px; width:100%; padding:13px 10px 13px 10px; box-sizing:border-box; font-size:18px; line-height:1.8em; font-weight:400; font-family:'Quicksand', Arial, Helvetica, Verdana, Sans-Serif; -webkit-appearance:none;} .FormField .DropDown {color:#263339; background-color:#ffffff; border:1px solid #ffffff; border-radius:4px; width:100%; padding:13px 0px 13px 10px; box-sizing:border-box; font-size:18px; line-height:1.3em; font-weight:400; font-family:'Quicksand', Arial, Helvetica, Verdana, Sans-Serif; -webkit-appearance:none;} .FormField .FileUpload {color:#263339; background-color:#ffffff; border:1px solid #ffffff; border-radius:4px; width:100%; padding:10px 10px 13px 10px; box-sizing:border-box; font-size:18px; line-height:1.3em; font-weight:400; font-family:'Quicksand', Arial, Helvetica, Verdana, Sans-Serif; -webkit-appearance:none;} .FormField .ListBox {color:#263339; background-color:#ffffff; border:1px solid #ffffff; border-radius:4px; width:100%; padding:13px 10px 13px 10px; box-sizing:border-box; font-size:18px; line-height:1.3em; font-weight:400; font-family:'Quicksand', Arial, Helvetica, Verdana, Sans-Serif; -webkit-appearance:none;} .GeneralError {display:none; color:#ff0000; font-size:12px; margin-bottom:15px;} .StyledFileUpload {height:50px; color:#263339; background-color:#ffffff; border:1px solid #ffffff; border-radius:4px; width:100%; padding:0px 10px 0px 105px; margin-bottom:15px; box-sizing:border-box; font-size:18px; line-height:1.3em; font-weight:400; font-family:'Quicksand', Arial, Helvetica, Verdana, Sans-Serif; -webkit-appearance:none; background-repeat:no-repeat; background-position:6px center; background-size:auto 30px; position:relative; overflow:hidden; background-image:url(/Content/Images/Img_ChooseFile.png);} .StyledFileUpload input {height:50px; position:absolute; left:0; top:0; width:100%; opacity:0;} .StyledFileUpload .FileName {font-size:16px; line-height:50px; color:#939393;} .UploadFileOpts {width:360px; margin:0 auto; text-align:left;} .UploadFileOpts .UFOption {margin-bottom:15px;} .UploadFileOpts .UFOption .OptChkAndDetails {display:flex; align-items:flex-start;} .UploadFileOpts .UFOption .OptChkAndDetails .OptDetails {padding-left:10px; box-sizing:border-box;} .UploadFileOpts .UFOption .Name {color:#ffffff; margin:-5px 0px 5px 0px; cursor:pointer;} .UploadFileOpts .UFOption .Desc {color:#ffffff; font-size:12px; line-height:1.5em;} .UploadFileOpts .UFOption .FullDetails {display:none;} .SubExistUserList {background-color:#ffffff; padding:10px; box-sizing:border-box; border-radius:3px; margin-bottom:30px;} .SubExistUserList .EUList {height:130px; overflow:auto; padding:10px; box-sizing:border-box;} .SubExistUserList .CbxAndLabel label {color:#263339;} .SubExistUserList .icheckbox_square-grey {border:1px solid #D8D6D3; border-radius:3px;} .SubExistUserList .UserLine {margin-bottom:10px;} .FieldInfo {font-size:12px; color:#56686f; font-weight:400; margin-top:10px;} .FieldInfo a {color:#56686f;} .FormLabel a {color:#fff;} .TopInfo {font-size:13px; color:#56686f; font-weight:400; margin-top:10px; position:relative; top:-23px;} .TopInfo a {color:#56686f;} .InputFieldValidationHighlighted {border:solid 1px #f94848 !important; background-color:#fee !important;} .input-validation-error {border:solid 1px #f94848 !important; background-color:#fee !important;} .ValidationMessage1 {font-size:14px; font-weight:400; line-height:1.6em; color:#f94848; display:block; padding:0px 0px 20px 0px; margin:0px;} .ValidationInfo {font-size:12px; font-weight:400; line-height:1.3em; color:#f94848; display:block; padding:10px 0px 0px 0px; margin:0px;} .ValidationInfo2 {font-size:12px; font-weight:400; line-height:1.3em; color:#f94848; display:block; padding:0px 0px 10px 0px; margin:0px;} .ValidationMessage {font-size:12px; font-weight:400; line-height:1.3em; color:#f94848; display:block; padding:10px 0px 0px 0px; margin:0px;} .Denotes {margin-top:30px; text-align:center; font-size:12px; color:#56686f;} .Denotes .Asterisk {color:#f94848; margin-right:5px;} .VideoHolder {position:relative; margin-bottom:15px; background-color:#d7dee0;} .VideoHolder .DimensionImage {display:block; width:100%;} .VideoHolder video {position:absolute; top:0px; left:0px; width:100%; height:100%; } .mejs__overlay-play {width:100%; height:100%;} /* To be used inside FormField or in any other place*/ .CbxAndLabel {} .CbxAndLabel input {position:relative; margin-right:6px;} .CbxAndLabel label {position:relative; font-size:14px; line-height:1.3em; font-weight:400; color:#ffffff; font-family:'Quicksand', Arial, Helvetica, Verdana; margin-left:0px; cursor:pointer;} .RadioAndLabel {position:relative;} .RadioAndLabel input {position:relative; margin-right:6px;} .RadioAndLabel label {position:relative; font-size:30px; line-height:1.3em; font-weight:400; color:#ffffff; font-family:'Quicksand', Arial, Helvetica, Verdana; margin-left:0px; cursor:pointer;} /* Search box */ .SearchBox {display: flex; gap: 10px; flex-wrap: wrap;} .SearchBox .SearchInput {color:#263339; background-color:#ffffff; border:1px solid #ffffff; border-radius:4px; width:200px; padding:5px; box-sizing:border-box; font-size:12px; line-height:1em; font-weight:400; font-family:'Quicksand', Arial, Helvetica, Verdana, Sans-Serif; -webkit-appearance:none;} .SearchBox .SearchBtn {font-size:12px; line-height:1em; font-weight:700; text-decoration:none; color:#ffffff; text-align:center; border:1px solid #f59e16; box-sizing:border-box; padding:5px 15px 5px 15px; border-radius:40px; background:#f59e16; box-shadow:3px 3px 0px rgba(0, 0, 0, .25); display:inline-block; cursor:pointer; font-family:'Quicksand', Arial, Helvetica, Verdana;} .SearchBox .SearchBtn:hover {background:#d98708; border:1px solid #d98708;} /* iCheck Plugin Square */ label.CheckBox {cursor:pointer;} .icheckbox_square-grey, .iradio_square-grey {float:left; display:block; margin:0px 10px 0px 0px; padding:0px; top:0px; width:18px; height:18px; background: url(/Content/Images/grey.png) no-repeat; border:none; cursor:pointer;} .icheckbox_square-white, .iradio_square-white {float:left; display:block; margin:0px 10px 0px 0px; padding:0px; top:0px; width:18px; height:18px; 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: -24px 0;} .icheckbox_square-grey.checked {background-position: -48px 0;} .icheckbox_square-grey.disabled {background-position: -72px 0; cursor: default;} .icheckbox_square-grey.checked.disabled {background-position: -96px 0;} .iradio_square-grey {background-position: -120px 0;} .iradio_square-grey.hover {background-position: -143px 0;} .iradio_square-grey.checked {background-position: -168px 0;} .iradio_square-grey.disabled {background-position: -192px 0; cursor: default;} .iradio_square-grey.checked.disabled {background-position: -216px 0;} .icheckbox_square-white {background-position: 0 0;} .icheckbox_square-white.hover {background-position: -24px 0;} .icheckbox_square-white.checked {background-position: -48px 0;} .icheckbox_square-white.disabled {background-position: -72px 0; cursor: default;} .icheckbox_square-white.checked.disabled {background-position: -96px 0;} .iradio_square-white {background-position: -120px 0;} .iradio_square-white.hover {background-position: -143px 0;} .iradio_square-white.checked {background-position: -168px 0;} .iradio_square-white.disabled {background-position: -192px 0; cursor: default;} .iradio_square-white.checked.disabled {background-position: -216px 0;} /* Jquery SelectBox */ .sbHolder {} .sbHolder:focus .sbSelector {} .sbSelector {display:block; color:#263339; background-color:#ffffff; border:1px solid #ffffff; border-radius:4px; width:100%; padding:13px 10px 13px 10px; box-sizing:border-box; font-size:18px; line-height:1.3em; font-weight:400; font-family:'Quicksand', Arial, Helvetica, Verdana, Sans-Serif; -webkit-appearance:none;} .sbSelector:link, .sbSelector:visited, .sbSelector:hover {text-decoration:none;} .sbToggle {background:url(/Content/Images/Icon_DropDown_Arrow.png) no-repeat center center; background-size:cover; position:absolute; top:23px; right:10px; width:14px; height:8px;} .sbToggle:hover {background:url(/Content/Images/Icon_DropDown_Arrow.png) no-repeat center center; background-size:cover; position:absolute; top:23px; right:10px; width:14px; height:8px;} .sbToggleOpen {background:url(/Content/Images/Icon_DropDown_Arrow.png) no-repeat center center; background-size:cover; position:absolute; top:23px; right:10px; width:14px; height:8px;} .sbToggleOpen:hover {background:url(/Content/Images/Icon_DropDown_Arrow.png) no-repeat center center; background-size:cover; position:absolute; top:23px; right:10px; width:14px; height:8px;} .sbHolderDisabled {background-color:#3C3C3C; border:solid 1px #515151;} .sbHolderDisabled .sbHolder {} .sbHolderDisabled .sbToggle {} .sbOptions {background-color:#3a484e; list-style:none; left:0; margin:0; padding:0; position:absolute; top:100% !important; width:100%; z-index:20; overflow:auto; box-sizing:border-box; border-radius:4px;} .sbOptions li {width:100%; padding:0px; margin:0; border-bottom:1px solid #1e292e;} .sbOptions li:last-child {border-bottom:none;} .sbOptions a {color:#ffffff; padding:13px 10px 13px 10px; box-sizing:border-box; width:100%; font-size:16px; line-height:1.3em; font-weight:400; font-family:'Quicksand', Arial, Helvetica, Verdana, Sans-Serif; -webkit-appearance:none; display:block; text-align:left;} .sbOptions a:hover {color:#f59e16;} .sbOptions a:link, .sbOptions a:visited {text-decoration:none;} .sbOptions li.last a {border-bottom:none;} .sbOptions .sbDisabled {border-bottom:dotted 1px #515151; color:#999; display:block; padding:7px 0 7px 3px;} .sbOptions .sbGroup {border-bottom:dotted 1px #515151; color:#EBB52D; display:block; font-weight:bold; padding:7px 0 7px 3px;} .sbOptions .sbSub {padding-left:17px;} /* Error Page */ .ErrorPage {display:table; background-color:#263339;} .ErrorPage .ErrorInner {display:table-cell; vertical-align:middle; text-align:center; padding:160px 0px 60px 0px;} .ErrorPage .ErrorInner .Img {display:inline-block; width:180px;} .ErrorPage .ErrorInner .Img img {display:block; width:100%;} .ErrorPage .ErrorInner .Desc {margin-top:20px;} .ErrorPage .ErrorInner .Desc .Title {font-size:20px; font-weight:300; line-height:1.3em; color:#fff;} .ErrorPage .ErrorInner .Desc .Txt {color:#fff;} .ErrorPage .ErrorInner .Desc .Txt a {color:#fff;} /* Home */ .Panel_01 {background:#72bede; display:table; position:relative; background-image:url(/Content/Images/Logo_Tree.png); background-repeat: no-repeat; background-size: 80vh; background-position-y:50%; background-position-x:125%; width: 100%; clip-path: polygon(0 0,100% 0,100% calc(100% - 150px),0 100%);} .Panel_01 .DownArrow {position:absolute; bottom:50px; left:50%; margin-left:-25px; width:50px; height:50px; display:none; background:url(/content/images/Icon_Home_Dropdown.png) no-repeat center #fff; background-size:cover; text-decoration:none; -webkit-appearance:none; border-radius:50%; box-shadow:3px 3px 0px #7291ae;} .Panel_01 .Table_P01 {display:table-cell; vertical-align:middle; max-width:none; padding:60px 0px;} .Panel_01 .Table_P01 .WidthContent {min-height:inherit;} .Panel_01 .Block {display:table; width:100%; height:58vh;} .Panel_01 .Block .Text {width:60%; display:table-cell; vertical-align:middle;} .Panel_01 .Block .Text .ImgMobile {display:none; background:url(/Content/Images/Img_Home_Panel_01.jpg) no-repeat center; background-size:contain; width:120px; height:200px;} .Panel_01 .Block .Text .BigTitle {font-size:50px; line-height:1.3em; font-weight:700; color:#fff; margin-top:60px;} .Panel_01 .Block .Text .SubTitle {font-size:16px; line-height:1.6em; font-weight:600; color:#fff;} .Panel_01 .Block .Text .BtnGroup {display:flex; flex-direction:row; margin-top:30px;} .Panel_01 .Block .Text .BtnSubscribe {margin-right:20px;} .Panel_01 .Block .Text .BtnFreeTrial {} .Panel_01 .Block .Img {width:40%; height:500px; display:table-cell; vertical-align:top; text-align:right;} .Panel_01 .Block .Img img {width:75%; display:inline-block; margin-top:60px;} .Panel_01 .CmsPage .WWD_ColumnRight_01 {display:table;} .Panel_01 .CmsPage .WWD_ColumnRight_01 {width:60%; display:table-cell; vertical-align:middle;} .Panel_01 .CmsPage .WWD_ColumnRight_01 .ImgMobile {display:none; background:url(/Content/Images/Img_Home_Panel_01.jpg) no-repeat center; background-size:contain; width:120px; height:200px;} .Panel_01 .CmsPage .WWD_ColumnRight_01 .BigTitle {font-size:60px; line-height:1.3em; font-weight:700; color:#fff; margin-top:60px;} .Panel_01 .CmsPage .WWD_ColumnRight_01 .SubTitle {font-size:18px; line-height:1.6em; font-weight:600; color:#fff;} .Panel_01 .CmsPage .WWD_ColumnRight_01 .BtnGroup {display:flex; flex-direction:row; margin-top:30px;} .Panel_01 .CmsPage .WWD_ColumnRight_01 .BtnSubscribe {margin-right:20px;} .Panel_01 .CmsPage .WWD_ColumnRight_01 .BtnFreeTrial {} .Panel_01 .CmsPage .WWD_ColumnRight_01 .Img {width:40%; display:table-cell; vertical-align:middle; text-align:center;} .Panel_01 .CmsPage .WWD_ColumnRight_01 .Img img {width:80%; display:inline-block; margin-top:60px;} .Panel_01 .CmsPage .Video_Blog_Right {width:40%; padding-top:115px; padding-left:20px; box-sizing:border-box;} .Panel_01 .CmsPage.HomeLoggedOut .WWD_ColumnRight_01 .SubTitle {line-height: 1.2em; font-size: 16px;} .Panel_01 .CmsPage.HomeLoggedOut .WWD_ColumnRight_01 .BigTitle {font-size: 30px; } .Panel_01 .CmsPage.HomeLoggedOut .BtnOne a {text-transform:initial; width: 140px; height: 40px; justify-content: center; align-items: center; display: flex; padding: 0;} .Panel_02 {background:#fff; text-align:center;} .Panel_02 .Inner {padding:80px 0px;} .Panel_02 .Inner h1 {font-size: 20px} .Panel_02 .Inner .AboutUsWrapper {display:flex; justify-content:space-between; margin-top: 45px} .Panel_02 .Inner .AboutUsWrapper .AboutUsTitle {font-weight:700; font-size: 12px;} .Panel_02 .Inner .AboutUsWrapper .AboutUsInner1 {order: 2; width:50%} .Panel_02 .Inner .AboutUsWrapper .AboutUsInner2 {order: 1; width: 20%; display:flex; flex-direction:column; justify-content:space-between} .Panel_02 .Inner .AboutUsWrapper .AboutUsInner3 {order: 3; width: 20%; display:flex; flex-direction:column; justify-content:space-between} .Panel_02 .Inner .AboutUsWrapper .AboutUsItem {margin-block:10px} .Panel_02 .Inner .AboutUsWrapper .AboutUsItem {opacity: 0; transform: translateY(80px); transition: opacity 0.5s ease-in-out, transform 1s ease-in-out;} .Panel_02 .Inner .AboutUsWrapper .AboutUsItem.Visible {opacity: 1; transform: translateY(0);} .Panel_02 .Warpper {width:104%; margin-top:40px;} .Panel_02 .Warpper .Item {width:20%; margin-right:4%; margin-bottom:40px; display:inline-block; vertical-align:top;} .Panel_02 .Warpper .Item .Icon {width:100px; height:100px; background:#c2d962; display:inline-block; border-radius:50%;} .Panel_02 .Warpper .Item .Icon img {width:100%; display:block;} .Panel_02 .Warpper .Item .Desc {display:block; margin-top:20px;} .Panel_02 .Warpper .Item .Desc .Title {font-size:20px; font-weight:400;} .Panel_02 .Warpper .Item .Desc .Txt {font-size:14px; color:#657478; line-height:1.8em; margin-top:15px;} .Panel_02 .BtnClick {} .Panel_03 {background:#fff;} .Panel_03 .Inner {padding:0px 0px 80px 0px;} .Panel_03 .Warpper {padding-bottom:5px;} .Panel_03 .Warpper .Item {display:block; margin:0px; padding:0px 30px 30px 30px; box-sizing:border-box; text-align:center; text-decoration:none;} .Panel_03 .Warpper .Item .Tag {font-size:14px; text-align:center; font-weight:400; color:#ffffff; display:inline-block; font-style:italic; font-family:'Quicksand', Arial, Helvetica, Verdana; background:rgba(0, 0, 0, .30); padding:10px 15px; text-transform:uppercase;} .Panel_03 .Warpper .Item .Img {display:block; padding:30px 0px 10px 0px;} .Panel_03 .Warpper .Item .Img img {width:70%; display:inline-block;} .Panel_03 .Warpper .Item .Txt {font-size:24px; text-align:center; font-weight:700; color:#263339; display:block; margin-bottom:20px;} .Panel_03 .Warpper .Item .BtnViewFreeSample {} .Panel_03 .Warpper .Item .BtnViewFreeSample span {padding:14px 0px; width:100%;} .Panel_03 .Warpper .Item .Item_Subscribe {display:block; margin:10px 0px;} .Panel_03 .Warpper .Item .Item_Subscribe .CheckboxRow {display:table; margin:10px auto 20px auto;} .Panel_03 .Warpper .Item .Item_Subscribe .Check {display:table-cell; vertical-align:top;} .Panel_03 .Warpper .Item .Item_Subscribe .icheckbox_square-grey {border-radius:4px;} .Panel_03 .Warpper .Item .Item_Subscribe .Label {display:table-cell; vertical-align:top; padding-top:1px; font-size:12px;} .Panel_03 .Warpper .Item .Item_Subscribe .TextField input {display:block; padding:10px; box-sizing:border-box; border-radius:4px; border:none; width:100%;} .swiper-home-panel-three {padding:0px 40px;} .swiper-home-panel-three .swiper-slide {margin:0px 1.5%; width:17%; border-radius:4px; box-shadow:3px 3px 0px rgba(0, 0, 0, .25);} .swiper-home-panel-three .swiper-button-next-panel {display:none; background-image:url(/Content/Images/Icon_Arrow_Testimonial_Right.png); background-size:50px 50px; width:50px; height:50px; margin-top:-25px; top:50%; position:absolute; z-index:10; cursor:pointer; right:30px;} .swiper-home-panel-three:hover .swiper-button-next-panel {display:none;} .swiper-home-panel-three .swiper-button-prev-panel {display:none; background-image:url(/Content/Images/Icon_Arrow_Testimonial_Left.png); background-size:50px 50px; width:50px; height:50px; margin-top:-25px; top:50%; position:absolute; z-index:10; cursor:pointer; left:30px;} .swiper-home-panel-three:hover .swiper-button-prev-panel {display:none;} .swiper-home-panel-three .swiper-button-next-panel.swiper-button-disabled {opacity:0;} .swiper-home-panel-three .swiper-button-prev-panel.swiper-button-disabled {opacity:0;} .Panel_04 {background:#f59e16;} .Panel_04 .Inner {padding:80px 0px;} .Panel_04 .Testimonial {text-align:center;} .Panel_04 .Testimonial .ImgProfile {width:100px; display:inline-block;} .Panel_04 .Testimonial .ImgProfile img {width:100%; display:block; border-radius:50%;} .Panel_04 .Testimonial .Desc {display:block; color:#ffffff; margin-top:30px;} .Panel_04 .Testimonial .Desc .Txt {font-size:26px; font-weight:700; line-height:1.4em;} .Panel_04 .Testimonial .Desc .Txt .QuoteStart {background:url(/Content/Images/Icon_Quote_Start.png) no-repeat center; background-size:cover; width:30px; height:30px; display:inline-block; margin-right:10px;} .Panel_04 .Testimonial .Desc .Txt .QuoteEnd {background:url(/Content/Images/Icon_Quote_End.png) no-repeat center; background-size:cover; width:30px; height:30px; display:inline-block; margin-left:10px;} .Panel_04 .Testimonial .Desc .Name {font-size:20px; font-weight:400; margin-top:20px;} .Panel_04 .Testimonial .Desc .Job {font-size:14px; font-weight:400; margin-top:10px;} .swiper-testimonial {} .swiper-testimonial .swiper-slide {width:100%;} .swiper-testimonial .swiper-pagination {position:relative; bottom:auto; margin-top:30px;} .swiper-testimonial .swiper-pagination .swiper-pagination-bullet {width:10px; height:10px; background:#c47e12 none repeat scroll 0% 0%; opacity:1;} .swiper-testimonial .swiper-pagination .swiper-pagination-bullet-active {background:#ffffff;} .swiper-testimonial .swiper-button-next {display:none; background-image:url(/Content/Images/Icon_Arrow_Testimonial_Right.png); background-size:50px 50px; width:50px; height:50px; margin-top:-25px; right:30px;} .swiper-testimonial:hover .swiper-button-next {display:block;} .swiper-testimonial .swiper-button-prev {display:none; background-image:url(/Content/Images/Icon_Arrow_Testimonial_Left.png); background-size:50px 50px; width:50px; height:50px; margin-top:-25px; left:30px;} .swiper-testimonial:hover .swiper-button-prev {display:block;} .swiper-testimonial .swiper-button-next.swiper-button-disabled {opacity:0;} .swiper-testimonial .swiper-button-prev.swiper-button-disabled {opacity:0;} .Panel_05 {background:#c2d962;} .Panel_05 .Inner {padding:80px 0px;} .Panel_05 .CallToAction {display:table; width:100%;} .Panel_05 .CallToAction .Desc {display:table-cell; vertical-align:middle;} .Panel_05 .CallToAction .Desc .ImgHidden {display:none; text-align:center; margin-bottom:20px;} .Panel_05 .CallToAction .Desc .ImgHidden img {width:220px; display:inline-block;} .Panel_05 .CallToAction .Desc .Txt {font-size:30px; font-weight:700; color:#fff; line-height:1.4em; margin-bottom:30px;} .Panel_05 .CallToAction .Img {width:350px; display:table-cell; vertical-align:middle; padding-left:60px;} .Panel_05 .CallToAction .Img img {width:100%; display:block;} .Panel_06 {background:#66bedf;} .Panel_06 .Inner {padding:80px 0px;} .Panel_06 .Title {color:#fff; text-align:center; margin-bottom:40px;} .Panel_06 .ContactTable {display:table; width:100%;} .Panel_06 .ContactTable .CellLeft {display:table-cell; vertical-align:middle;} .Panel_06 .ContactTable .CellRight {display:table-cell; vertical-align:top; width:320px; padding-left:60px;} .Panel_06 .Form {} .Panel_06 .Form .Box_Title {float:left; width:20%;} .Panel_06 .Form .Box_FirstName {float:left; width:36%;} .Panel_06 .Form .Box_LastName {float:left; width:36%;} .Panel_06 .Form .Box_EmailAddress {float:left; width:48%;} .Panel_06 .Form .Box_PhoneNumber {float:left; width:48%;} .Panel_06 .Form .SpacerContact {display:block; float:left; width:4%; height:1px;} .Panel_06 .Form .Bottom {} .Panel_06 .Form .Bottom .BtnSend {float:right;} .Panel_06 .Form .Bottom .BtnSend a {padding:14px 0px; width:160px;} .Panel_06 .Form .Bottom .BtnSend input {padding:14px 0px; width:160px;} .Panel_06 .Form .Bottom .Denotes {float:left; margin-top:20px; color:#267fa0;} .Panel_06 .ContactDetail {display:block; width:100%; background:#3e94b5; border-radius:4px; box-shadow:3px 3px 0px #7291ae; color:#fff;} .Panel_06 .ContactDetail .Border {padding:30px;} .Panel_06 .ContactDetail .SubTitle {font-size:30px; font-weight:700; margin-bottom:30px;} .Panel_06 .ContactDetail .Txt {font-size:18px; margin-bottom:30px;} .Panel_06 .ContactDetail .PhoneNumber {font-size:14px; font-weight:700; margin-top:10px;} .Panel_06 .ContactSuccess {text-align:center; color:#ffffff;} .Panel_06 .ContactSuccess .ImgValid {display:block; text-align:center; margin-bottom:15px;} .Panel_06 .ContactSuccess .ImgValid img {display:inline-block; width:70px;} .Panel_06 .ContactSuccess .Desc .Subtitle {font-size:30px; font-weight:700; margin-bottom:15px;} .Panel_06 .ContactSuccess .Desc .Txt {color:#ffffff; margin:0px;} /* Login */ .Login {display:table; background-color:#263339;} .Login .Inner {display:table-cell; vertical-align:middle; text-align:center; padding:160px 0px 80px 0px;} .Login .Title {color:#ffffff;} .Login .Subtitle {color:#ffffff; margin-bottom:40px;} .Login .Form {width:320px; display:inline-block; text-align:left;} .Login .Form .ImgValid {display:block; text-align:center; margin-bottom:30px;} .Login .Form .ImgValid img {display:inline-block; width:150px;} .Login .Form .BtnLogin {} .Login .Form .BtnLogin a {padding:14px 0px; width:100%;} .Login .Form .BtnLogin input {padding:14px 0px; width:100%;} .Login .Form .RememberMe {float:left; margin-bottom:30px;} .Login .Form .ForgottenPassword {float:right; margin-bottom:30px;} .Login .Form .ForgottenPassword a {font-size:14px; font-weight:400; color:#ffffff;} /* Register */ .Register {display:table; background-color:#263339;} .Register .Inner {display:table-cell; vertical-align:middle; text-align:center; padding:160px 0px 80px 0px;} .Register .PositionStatus {position:absolute; top:160px; left:0px; width:100%;} .Register .SpacerStatus {display:block; width:100%; height:100px;} .Register .Title {color:#ffffff; font-size:40px; margin-bottom:40px;} .Register .Subtitle {color:#ffffff; margin-bottom:40px;} .Register .Packages {margin:0px auto; max-width:1200px; padding:0px 60px;} .Register .Packages p {color:#ffffff;} .WrapperPack {width:103%; margin:40px 0px -40px 0px;} .WrapperPack .ItemPack {display:inline-block; width:22%; margin-right:3%; margin-bottom:40px; background:#fff; border-radius:4px; box-shadow:3px 3px 0px rgba(0, 0, 0, .25); text-decoration:none; vertical-align:top; text-align:center;} .WrapperPack .ItemPack .Top {display:block; background:#b9d86b; font-size:24px; font-weight:700; color:#ffffff; border-top-left-radius:4px; border-top-right-radius:4px; padding:20px 20px;} .WrapperPack .ItemPack:nth-child(2n+1) .Top {background:#56c0e0;} .WrapperPack .ItemPack .Content {display:block; padding:30px; border-bottom-left-radius:4px; border-bottom-right-radius:4px;} .WrapperPack .ItemPack .Content .Img {width:100px; height:100px; background:#c2d962; display:inline-block; border-radius:50%;} .WrapperPack .ItemPack .Content .Img img {width:100%; display:block;} .WrapperPack .ItemPack .Content .Package {font-size:20px; font-weight:300; display:block; margin:15px 0px;} .WrapperPack .ItemPack .Content .Txt {display:block; font-size:14px; line-height:30px; color:#5c7279; margin-bottom:10px; text-align:left;} .WrapperPack .ItemPack .Content .Price {display:block; font-size:24px; font-weight:700; color:#263339; margin-bottom:20px;} .WrapperPack .ItemPack .Content .Price .Lab {display:block; font-size:14px; color:#5c7279; margin-bottom:0px;} .WrapperPack .ItemPack .Content .EmptySpace {display:block; width:100%; height:125px;} .WrapperPack .ItemPack .Content .BtnSubscribe {display:block;} .WrapperPack .ItemPack .Content .BtnSubscribe a {width:100%; padding:14px 0px;} .WrapperPack .ItemPack .Content .BtnSubscribe span {width:100%; padding:14px 0px;} .WrapperPack .ItemPack .Content .BtnSubscribe input {width:100%; padding:14px 0px;} .WrapperPack .ItemPack.Selected .Content {background:#b9d86b;} .WrapperPack .ItemPack.Selected:nth-child(2n+1) .Content {background:#56c0e0;} .WrapperPack .ItemPack.Selected .Content .Txt {color:#ffffff;} .WrapperPack .ItemPack.Selected .Content .Price {color:#ffffff;} .WrapperPack .ItemPack.Selected .Content .Price .Lab {color:#ffffff;} .Register .BigForm {width:700px; display:inline-block; text-align:left;} .Register .BigForm .ColumnBox {float:left; width:47%;} .Register .BigForm .SpacerBox {float:left; width:6%; height:1px; display:block;} .Register .BigForm .BtnNext {text-align:center; padding-top:10px;} .Register .BigForm .BtnNext a {padding:14px 0px; width:320px;} .Register .BigForm .BtnNext input {padding:14px 0px; width:320px;} .Register .SmallForm {width:320px; display:inline-block; text-align:left;} .Register .SmallForm .ColumnBox {float:left; width:46%;} .Register .SmallForm .SpacerBox {float:left; width:8%; height:1px; display:block;} .Register .SmallForm .BtnNext {padding-top:10px;} .Register .SmallForm .BtnNext a {padding:14px 0px; width:100%;} .Register .SmallForm .BtnNext input {padding:14px 0px; width:100%;} .Register .RegSuccess {} .Register .RegSuccess .ImgValid {display:block; text-align:center; margin-bottom:30px;} .Register .RegSuccess .ImgValid img {display:inline-block; width:150px;} .Register .RegSuccess .Desc {font-size:20px} .Register .RegSuccess .Desc .BtnBackHome {} .Register .RegSuccess .Desc .BtnBackHome a {padding:14px 0px; width:320px;} .Register .RegSuccess .Desc .BtnBackHome input {padding:14px 0px; width:320px;} .StatusBar {display:inline-block; margin-bottom:40px;} .StatusBar .Table_SB {display:table;} .StatusBar .Table_SB .Cell_Big_SB {display:table-cell; vertical-align:middle;} .StatusBar .Table_SB .Cell_Small_SB {display:table-cell; vertical-align:middle;} .StatusBar .Circle {font-size:16px; font-weight:700; color:#ffffff; width:50px; height:50px; line-height:50px; text-align:center; background:#3a484e; border-radius:50%;} .StatusBar .Done .Circle {color:#ffffff; background:#c2d962;} .StatusBar .Select .Circle {color:#263339; background:#ffffff;} .StatusBar .Line {background:#3a484e; width:80px; height:6px; display:block;} .StatusBar .Done .Line {background:#c2d962;} /* SiteMap */ .SiteMap {display:table; background-color:#263339;} .SiteMap .Inner {display:table-cell; vertical-align:middle; text-align:center; padding:160px 0px 80px 0px;} .SiteMap .Title {color:#ffffff; margin-bottom:40px;} .SiteMap .Block {margin:0px auto; max-width: 1200px; padding:0px 60px; } .SiteMap .Block .Section {margin-bottom:40px;} .SiteMap .Block .Section:last-child {margin-bottom:0px;} .SiteMap .Block .SubTitle {font-size:18px; font-weight:700; line-height:1.6em; color:#fff; margin:0px 0px 15px; text-align:left;} .SiteMap .Block ul.Links {-webkit-column-count:3; -moz-column-count:3; column-count:3; -webkit-column-gap:60px; -moz-column-gap:60px; column-gap: 60px;} .SiteMap .Block ul.Links li {text-align:left; margin:0px 0px 10px 0px;} .SiteMap .Block ul.Links li a {font-size:14px; font-weight:400; color:#fff; text-align:center; text-decoration:none; text-align:left;} /* Cms Page */ .CmsPage {} .CmsPage .Top {padding-top:100px;} .CmsPage .Top .Table {display:table; width:100%; height:480px;} .CmsPage .Top .Table .Desc {display:table-cell; vertical-align:middle;} .CmsPage .Top .Table .Desc .ImgHidden {display:none; text-align:center; margin-bottom:20px;} .CmsPage .Top .Table .Desc .ImgHidden img {width:220px; display:inline-block;} .CmsPage .Top .Table.NoFullWidth .Desc .ImgHidden img {width:100%;} .CmsPage .Top .Table .Desc .Title {color:#ffffff; margin:0px;} .CmsPage .Top .Table .Img {display:table-cell; vertical-align:bottom; width:480px;} .CmsPage .Top .Table .Img img {width:100%; display:block;} .CmsPage .Top .Table.NoFullWidth .Img img {width:auto;} .CmsPage .Top .Table.CenterImg .Img img {margin:0 auto;} .CmsPage .Content {background:#ffffff;} .CmsPage .Content .Inner {padding:80px 0px;} .CmsPage .NbreIndent_01 {font-weight:700; display:inline-block; color:#263339; padding-right:15px;} .CmsPage .NbreIndent_02 {font-weight:700; display:inline-block; color:#263339; padding-right:15px; padding-left:20px;} .CmsPage .NbreIndent_03 {font-weight:700; display:inline-block; color:#263339; padding-right:15px; padding-left:40px;} .CmsPage.HomeLoggedOut .PanelTable {display:table; width:100%; height:58vh;} .CmsPage.HomeLoggedOut .PanelTable .WWD_ColumnRight_01 {float:none; display:table-cell; vertical-align:middle; width:60%;} .CmsPage.HomeLoggedOut .PanelTable .WWD_ColumnRight_02 {float:none; display:table-cell; vertical-align:top; width:40%; height:500px; text-align:right;} .CmsPage.HomeLoggedOut .PanelTable .WWD_ColumnRight_02 img {width:75%; display:inline-block; margin-top:60px;} .CmsPage .WWD_ColumnLeft_01 {width:48%; float:right;} .CmsPage .WWD_ColumnLeft_02 {width:48%; float:left;} .CmsPage .WWD_ColumnRight_01 {width:48%; float:left;} .CmsPage .WWD_ColumnRight_02 {width:48%; float:right;} .CmsPage .Video_Blog_Left {width:48%; float:left;} .CmsPage .Video_Blog_Right {width:48%; float:right;} .CmsPage .WWD_Txt {} .CmsPage .WWD_Img {} .CmsPage .WWD_Img img {width:100%; display:block; border-radius:4px; box-shadow: 3px 3px 0px rgba(0, 0, 0, .25);} .CmsPage .WWD_Line {background:#ebecee; width:100%; height:1px; display:block; margin:60px 0px;} .CmsPage .Video_Block {width:48%; margin:60px 0px;} /* Audio Video page */ .AVPage {display:table; width:100%;} .AVPage .Inner {display:table-cell; vertical-align:middle; text-align:left; padding:160px 0px 80px 0px; position:relative;} .AVPage .Top {margin-bottom:30px;} .AVPage .Top .Title {color:#fff; margin:0px;} .AVPage .Content {} /* Virtual PE Cupboard */ .VirtualPECupboard {display:table; width:100%;} .VirtualPECupboard .Inner {display:table-cell; vertical-align:middle; text-align:center; padding:160px 0px 80px 0px; position:relative;} .VirtualPECupboard .Title {color:#ffffff;} .VirtualPECupboard .Subtitle {color:#ffffff; margin-bottom:40px;} .VirtualPECupboard .BtnBack {position:absolute; top:0px; left:60px; z-index:10;} .VirtualPECupboard .BtnBack .Icon_Four {background:url(/content/images/Icon_Notification_Dark_Bad.png) no-repeat #fff !important; background-size:cover !important; box-shadow:3px 3px 0px rgba(0, 0, 0, .30); width:50px; height:50px;} .VirtualPECupboard .BtnBack .Txt_Four {color:#F6F6F6 !important; font-family:'Quicksand', Arial, Helvetica, Verdana; font-size:20px; font-weight:700; font-style:inherit; padding-left:15px;} .KeyStageChoice {display:inline-block; margin-bottom:40px;} .KeyStageChoice .Table_KS {display:table; border-radius:4px;} .KeyStageChoice .Table_KS .Cell_KS {display:table-cell; width:100px; text-align:center; font-size:16px; font-weight:700; line-height:50px; color:#fff; border-top:2px solid #47859c; border-bottom:2px solid #47859c; text-decoration:none; box-sizing:border-box; cursor:pointer;} .KeyStageChoice .Table_KS .Cell_KS:hover {background:#47859c;} .KeyStageChoice .Table_KS .Cell_KS_01 {border-left:2px solid #47859c;} .KeyStageChoice .Table_KS .Cell_KS_02 {border-left:2px solid #47859c; border-right:2px solid #47859c;} .KeyStageChoice .Table_KS .Cell_KS_03 {border-left:2px solid #47859c; border-right:2px solid #47859c;} .KeyStageChoice .Table_KS .Cell_KS_04 {border-right:2px solid #47859c;} .KeyStageChoice .Table_KS .Cell_KS.Highlight {background:#47859c;} .KeyStageChoice .Table_KS.Long .Cell_KS {width:225px;} .KeyStageChoice.Img .Table_KS .Cell_KS {width:75px; line-height:0em; padding:5px; box-sizing:border-box;} .KeyStageChoice.Img .Table_KS .Cell_KS img {width:50px; margin:auto;} .KeyStageChoice .Table_KS .Cell_KS_04 img {padding-bottom:7px;} .InvertImage {filter: invert(1);} .VirtualPECupboard .WarpperKeyStage {margin:0px 0px -40px 0px;} .VirtualPECupboard .WarpperKeyStage .Item {display:inline-block; width:240px; margin:0px 20px 40px 20px; box-sizing:border-box; text-align:center; border-radius:4px; text-decoration:none; background:#fff; box-shadow:3px 3px 0px rgba(0, 0, 0, .25);} .VirtualPECupboard .WarpperKeyStage .Item .Border {padding:30px; display:block;} .VirtualPECupboard .WarpperKeyStage .Item .Img {display:block; padding:20px 0px 20px 0px;} .VirtualPECupboard .WarpperKeyStage .Item .Img img {width:70%; display:inline-block;} .VirtualPECupboard .WarpperKeyStage .Item .Hdr {display:block; text-transform:uppercase; background-color:#bcd970; font-size:23px; font-weight:700; color:#ffffff; padding:20px 15px; box-sizing:border-box;} .VirtualPECupboard .WarpperKeyStage .Item .Txt {font-size:24px; text-align:center; font-weight:700; color:#263339; display:block;} .VirtualPECupboard .WarpperKeyStage .Item .Desc {display:block; font-size:14px; padding:30px; box-sizing:border-box; color:#7c949a; line-height:2.0em;} .VirtualPECupboard .WarpperKeyStage .Item .DescTxt {display:block;} .VirtualPECupboard .WarpperKeyStage .Item .BtnSelect span {padding:12.5px 0px; width:100%;} .VirtualPECupboard .WarpperKeyStage.ReportingTabs .Item {width:270px; vertical-align:top;} .VirtualPECupboard .WarpperKeyStage.ReportingTabs .Item .Border {padding-top:0px; padding-right:0px; padding-left:0px;} .VirtualPECupboard .WarpperKeyStage.ReportingTabs .Item .Border .BtnSelect span {width:83%;} .VirtualPECupboard .WarpperActivity {width:103%; margin:0px 0px -40px 0px;} .VirtualPECupboard .WarpperActivity .Item {display:inline-block; width:17%; margin:0px 3% 40px 0px; box-sizing:border-box; text-align:center; border-radius:4px; text-decoration:none; box-shadow:3px 3px 0px rgba(0, 0, 0, .25); vertical-align:top;} .VirtualPECupboard .WarpperActivity .Item .Border {padding:15px; display:block;} .VirtualPECupboard .WarpperActivity .Item .Img {display:block; padding:20px 0px 0px 0px;} .VirtualPECupboard .WarpperActivity .Item .Img img {width:70%; display:inline-block;} .VirtualPECupboard .WarpperActivity .Item .Txt {font-size:23px; text-align:center; word-break: break-word; font-weight:700; color:#263339; display:block; margin-top:15px;} .VirtualPECupboard .WarpperActivity .Item .Txt .SubDescTxt {display:block; font-size:14px; font-weight:700; color:#ffffff; margin-top:10px;} .VirtualPECupboard .WarpperActivity .Item .BtnSelect {margin-top:20px; display:block; margin-left:15px; margin-right:15px; margin-bottom:15px;} .VirtualPECupboard .WarpperActivity .Item .BtnSelect span {padding:12.5px 0px; width:100%;} .DetailCupboard {background:#ffffff;} .DetailCupboard .Inner {text-align:center; padding:80px 0px 80px 0px;} .DetailCupboard .Subtitle {margin-bottom:40px;} .DetailCupboard .Panel_Equipment {} .DetailCupboard .Panel_Equipment .MiddleTitle {color:#657478; padding:40px 0px 30px 0px; font-weight:400;} .DetailCupboard .Panel_Supplier {border-top:1px solid #d0d9db;} .DetailCupboard .Panel_Supplier .Warpper_PS {width:104%; margin:0px 0px -40px 0px;} .DetailCupboard .Panel_Supplier .Warpper_PS .Item_PS {display:inline-block; width:29.33%; margin:0px 4% 40px 0px; box-sizing:border-box; text-align:left; vertical-align:top;} .DetailCupboard .Panel_Supplier .Warpper_PS .Item_PS .Table_PS {display:table; width:100%;} .DetailCupboard .Panel_Supplier .Warpper_PS .Item_PS .Table_PS .Img_PS {display:table-cell; vertical-align:middle; width:100px;} .DetailCupboard .Panel_Supplier .Warpper_PS .Item_PS .Table_PS .Img_PS img {width:100%; display:block; border-radius:50%; box-shadow:3px 3px 0px rgba(0, 0, 0, .25);} .DetailCupboard .Panel_Supplier .Warpper_PS .Item_PS .Table_PS .Desc_PS {display:table-cell; vertical-align:middle; padding-left:40px;} .DetailCupboard .Panel_Supplier .Warpper_PS .Item_PS .Table_PS .Desc_PS .Url {} .DetailCupboard .Panel_Supplier .Warpper_PS .Item_PS .Table_PS .Desc_PS .Url a {font-size:14px; color:#657478; font-style:italic; font-family:'Quicksand', Arial, Helvetica, Verdana; text-decoration:none;} .DetailCupboard .Panel_Supplier .Warpper_PS .Item_PS .Table_PS .Desc_PS .PromoCode {margin-top:5px;} .DetailCupboard .Panel_Supplier .Warpper_PS .Item_PS .Table_PS .Desc_PS .PromoCode .Txt {font-size:14px; font-weight:400; color:#657478; margin-right:5px;} .DetailCupboard .Panel_Supplier .Warpper_PS .Item_PS .Table_PS .Desc_PS .PromoCode .Nbre {font-size:16px; font-weight:800; color:#263339;} /* Warpper Equipment */ .WarpperEquipment {width:100%; margin:0px 0px -40px 0px;} .WarpperEquipment .Item_E {display:inline-block; width:170px; margin:0px 20px 40px 20px; box-sizing:border-box; text-align:left; vertical-align:top; box-shadow:3px 3px 0px rgba(0, 0, 0, .25); border-radius:4px;} .WarpperEquipment .Item_E .Table_E {display:block; padding:30px;} .WarpperEquipment .Item_E .Table_E .Img_E {display:block; width:100%; margin-bottom:20px;} .WarpperEquipment .Item_E .Table_E .Img_E img {display:block; width:100%;} .WarpperEquipment .Item_E .Table_E .Desc_E {display:block; width:100%; text-align:center; vertical-align:middle;} .WarpperEquipment .Item_E .Table_E .Desc_E .Txt_E {font-size:14px; font-weight:700; color:#263339; text-transform:uppercase;} .WarpperEquipment .Item_E .Table_E .Desc_E .Nbre_E {font-size:14px; font-weight:400; color:#263339; font-style:italic; font-family:'Quicksand', Arial, Helvetica, Verdana;} .WarpperEquipment .Item_E .Table_E .Desc_E .BtnOpen {margin-top:15px; display:block;} .WarpperEquipment .Item_E .Table_E .Desc_E .BtnOpen a {width:100%; padding:14px 0px;} .WarpperEquipment .Item_E .Table_E .Desc_E .BtnOpen input {width:100%; padding:14px 0px;} .WarpperEquipment2 {width:100%; margin:0px 0px -40px 0px;} .WarpperEquipment2 .Item_E {display:inline-block; width:210px; margin:0px 20px 40px 20px; box-sizing:border-box; text-align:left; vertical-align:top; box-shadow:3px 3px 0px rgba(0, 0, 0, .25); border-radius:4px;} .WarpperEquipment2 .Item_E .Table_E {display:block; padding:20px; width:100%; box-sizing:border-box;} .WarpperEquipment2 .Item_E .Table_E .Img_E {display:block; width:100%; margin-bottom:10px;} .WarpperEquipment2 .Item_E .Table_E .Img_E img {display:block; width:90px; margin-left:auto; margin-right:auto;} .WarpperEquipment2 .Item_E .Table_E .Desc_E {display:block; position:relative; width:100%; text-align:center; vertical-align:middle; padding-bottom:88px;} .WarpperEquipment2 .Item_E .Table_E .Desc_E .Txt_E {font-size:14px; font-weight:700; color:#263339; text-transform:uppercase; margin-left:-5px; margin-right:-5px; line-height:1.2em;} .WarpperEquipment2 .Item_E .Table_E .Desc_E .Nbre_E {font-size:14px; font-weight:400; color:#263339; font-style:italic; font-family:'Quicksand', Arial, Helvetica, Verdana;} .WarpperEquipment2 .Item_E .Table_E .Desc_E .BottomButtons {position:absolute; bottom:0px; width:100%;} .WarpperEquipment2 .Item_E .Table_E .Desc_E .BtnOpen {margin-top:15px; display:block;} .WarpperEquipment2 .Item_E .Table_E .Desc_E .BtnOpen a {width:100%; padding:5px 0px; font-size:15px;} .WarpperEquipment2 .Item_E .Table_E .Desc_E .BtnOpen input {width:100%; padding:5px 0px; font-size:15px;} .WarpperEquipment2 .Item_E .Table_E.Presentation .Img_E {padding:15px 0px;} /* Resource Bank */ .ResourceBank {} .ResourceBank .Top {display:table; width:100%;} .ResourceBank .Top .Inner {display:table-cell; vertical-align:middle; text-align:left; padding:160px 0px 0px 0px; position:relative;} .ResourceBank .Top .Table {display:table; width:100%; height:480px;} .ResourceBank .Top .Table .Desc {display:table-cell; vertical-align:middle;} .ResourceBank .Top .Table .Desc .ImgHidden {display:none; text-align:center; margin-bottom:20px;} .ResourceBank .Top .Table .Desc .ImgHidden img {width:220px; display:inline-block;} .ResourceBank .Top .Table .Desc .SearchBox {margin-top:15px; margin-bottom:50px;} .ResourceBank .Top .Table .Desc .Title {color:#ffffff; margin:0px;} .ResourceBank .Top .Table .Desc .SubDescTxt {font-size:25px; margin-top:20px;} .ResourceBank .Top .Table .Img {display:table-cell; vertical-align:bottom; width:480px;} .ResourceBank .Top .Table .Img img {width:100%; display:block;} .ResourceBank .Content .Inner {text-align:center; padding:80px 0px 80px 0px; position:relative; background-color:#ffffff;} .ResourceBank .BtnBack {position:absolute; top:0px; left:60px; z-index:10;} .ResourceBankLanding {display:table;} .ResourceBankLanding .TitleAndSearchWrapper {display: flex; flex-direction: column-reverse; width:100%; gap:20px; margin-bottom:40px; align-items: center; justify-content: center;} .ResourceBankLanding .TitleAndSearchWrapper .Title {color:#ffffff; margin:0;} .ResourceBankLanding .Inner {display:table-cell; vertical-align:middle; text-align:center; padding:160px 0px 80px 0px;} .ResourceBankLanding .Subtitle {color:#ffffff; margin-bottom:40px;} .ResourceBankLanding .WrapperKeyStage {margin:0px 0px -40px 0px;} .ResourceBankLanding .WrapperKeyStage .Item {display:inline-block; vertical-align:top; width:240px; margin:0px 20px 40px 20px; box-sizing:border-box; text-align:center; border-radius:4px; text-decoration:none; background:#fff; box-shadow:3px 3px 0px rgba(0, 0, 0, .25);} .ResourceBankLanding .WrapperKeyStage .Item .Border {padding:30px; display:block;} .ResourceBankLanding .WrapperKeyStage .Item .Img {display:block; padding:20px 0px 20px 0px;} .ResourceBankLanding .WrapperKeyStage .Item .Img img {width:70%; display:inline-block;} .ResourceBankLanding .WrapperKeyStage .Item .Hdr {display:block; text-transform:uppercase; background-color:#bcd970; font-size:23px; font-weight:700; color:#ffffff; padding:20px 15px; box-sizing:border-box;} .ResourceBankLanding .WrapperKeyStage .Item .Txt {font-size:24px; text-align:center; font-weight:700; color:#263339; display:block;} .ResourceBankLanding .WrapperKeyStage .Item .Desc {display:block; font-size:14px; padding:30px; box-sizing:border-box; color:#7c949a; line-height:2.0em;} .ResourceBankLanding .WrapperKeyStage .Item .DescTxt {display:block;} .ResourceBankLanding .WrapperKeyStage .Item .BtnSelect span {padding:14px 0px; width:100%;} .WrapperActivity {} .WrapperActivity .Item_A {border-bottom:1px solid #d0d9db;} .WrapperActivity .Item_A:first-child {border-top:1px solid #d0d9db;} .WrapperActivity .Item_A .Activity_Top {position:relative; padding:40px 0px; text-align:left; cursor:pointer;} .WrapperActivity .Item_A .Activity_Top .Txt {font-size:40px; font-weight:700; padding-right:70px;} .WrapperActivity .Item_A .Activity_Top .IconOne {display:none; background:url(/Content/Images/Icon_GreyArrow_Up.png) no-repeat center; background-size:cover; width:50px; height:50px; position:absolute; top:45px; right:0px; border:1px solid #d0d9db; box-sizing:border-box; border-radius:50%; cursor:pointer;} .WrapperActivity .Item_A .Activity_Top .IconTwo {display:block; background:url(/Content/Images/Icon_GreyArrow_Down.png) no-repeat center; background-size:cover; width:50px; height:50px; position:absolute; top:45px; right:0px; border:1px solid #d0d9db; box-sizing:border-box; border-radius:50%; cursor:pointer;} .WrapperActivity .Item_A .Activity_Content {display:none; margin-bottom:40px;} /* Warpper Resource */ .WarpperResource {width:103%; margin:0px 0px -40px 0px; text-align:left;} .WarpperResource .Item_R {display:inline-block; width:22%; margin:0px 3% 40px 0px; box-sizing:border-box; text-align:left; vertical-align:top; box-shadow:3px 3px 0px rgba(0, 0, 0, .25);} .WarpperResource .Item_R .Table_R {display:block; padding:25px;} .WarpperResource .Item_R .Table_R .Img_R {display:block; width:100%; margin-bottom:5px; text-align:center; vertical-align:middle;} .WarpperResource .Item_R .Table_R .Img_R img {display:inline-block; width:50%;} .WarpperResource .Item_R .Table_R .Desc_R {display:block; width:100%; text-align:center; vertical-align:middle;} .WarpperResource .Item_R .Table_R .Desc_R .VariableText {display:table; width:110%; margin-left:-5%;} .WarpperResource .Item_R .Table_R .Desc_R .VariableText .In {display:table-cell; height:78px; vertical-align:middle;} .WarpperResource .Item_R .Table_R .Desc_R .VariableText .In .Txt_R {font-size:16px; font-weight:700; color:#263339; text-transform:uppercase; line-height:1.2em;} .WarpperResource .Item_R .Table_R .Desc_R .VariableText .In .Nbre_R {font-size:16px; font-weight:400; color:#263339; font-style:italic; font-family:'Quicksand', Arial, Helvetica, Verdana;} .WarpperResource .Item_R .Table_R .Desc_R .BtnOpen {margin-top:15px; display:block;} .WarpperResource .Item_R .Table_R .Desc_R .BtnOpen a {width:100%; padding:5px 0px; font-size:15px;} .WarpperResource .Item_R .Table_R .Desc_R .BtnOpen input {width:100%; padding:5px 0px; font-size:15px;} .WarpperResource .Item_R .Table_R .Desc_R .BtnOpen.Top {margin-top:5px;} .WarpperResource .Item_R .Table_R .Desc_R .BtnDisabled.BtnView {margin-top:5px; opacity:.8;} .WarpperResource .Item_R .Table_R .Desc_R .BtnDisabled.BtnView a {width:100%; padding:5px 0px; font-size:15px;} .WarpperResource.CenterBlocks {text-align:center;} /* Lesson Landing */ .LessonLanding {} .LessonLanding .Top {display:table; width:100%;} .LessonLanding .Top .Inner {display:table-cell; vertical-align:middle; text-align:left; padding:100px 0px 0px 0px; position:relative;} .LessonLanding .Top .Table {display:table; width:100%; height:480px;} .LessonLanding .Top .Table .Desc {display:table-cell; vertical-align:middle;} .LessonLanding .Top .Table .Desc .ImgHidden {display:none; text-align:center; margin-bottom:20px;} .LessonLanding .Top .Table .Desc .ImgHidden img {width:220px; display:inline-block;} .LessonLanding .Top .Table .Desc .Year {font-size:20px; text-align:center; font-weight:400; color:#ffffff; display:inline-block; font-style:italic; font-family:'Quicksand', Arial, Helvetica, Verdana; background:rgba(0, 0, 0, .30); padding:10px 15px; margin-bottom:10px; text-transform:uppercase;} .LessonLanding .Top .Table .Desc .Title {color:#263339; margin:0px;} .LessonLanding .Top .Table .Img {display:table-cell; vertical-align:bottom; width:480px;} .LessonLanding .Top .Table .Img img {width:100%; display:block;} .LessonLanding .Top .DownArrow {position:absolute; bottom:50px; left:50%; margin-left:-25px; width:50px; height:50px; display:block; background:url(/content/images/Icon_Scroll_Down.png) no-repeat center #fff; background-size:cover; text-decoration:none; -webkit-appearance:none; border-radius:50%; box-shadow:3px 3px 0px rgba(0, 0, 0, .30);} .LessonLanding .Top .BackArrowSpan { align-self: center; padding-left: 15px; font-size: 20px; font-weight: 700; color: #F6F6F6; } .LessonLanding .Top .BackArrowA { display: flex; text-decoration: none; position: absolute; top: 20px; left: 100px; } .LessonLanding .Top .BackArrow { margin-left: -25px; display: block; padding-left: 0px; width: 50px; height: 50px; background: url(/content/images/Icon_Notification_Dark_Bad.png) no-repeat #fff ; background-size: contain; border-radius: 50%; box-shadow: 3px 3px 0px rgba(0, 0, 0, .30); -webkit-appearance: none;     } .LessonLanding .Panel_One {background:#ffffff; display:block;} .LessonLanding .Panel_One .Inner {text-align:center; padding:80px 0px 80px 0px; position:relative;} .LessonLanding .Panel_One .Subtitle {margin-bottom:40px;} .LessonLanding .Panel_Two {background:rgba(0, 0, 0, .30); display:block;} .LessonLanding .Panel_Two .Inner {text-align:center; padding:80px 0px 80px 0px; position:relative;} .LessonLanding .Panel_Two .Subtitle {margin-bottom:40px;} .LessonLanding #KnowledgeSchemeError {font-size:16px; text-align:left; color:#FF0000; margin-bottom:10px;} /* Warpper Sheme Of Work */ .WarpperShemeWork {width:103%; margin:0px 0px -40px 0px; text-align:center;} .WarpperShemeWork .Item_SW {display:inline-block; width:47%; margin:0px 3% 40px 0px; box-sizing:border-box; text-align:left; vertical-align:top; box-shadow:3px 3px 0px rgba(0, 0, 0, .25); text-decoration:none; border-radius:4px;} .WarpperShemeWork .Item_SW.Disabled {cursor:default;} .WarpperShemeWork .Item_SW .Table_SW {display:table; width:100%; height:140px; border-radius:4px;} .WarpperShemeWork .Item_SW .Table_SW .Year_SW {display:table-cell; width:110px; vertical-align:middle;} .WarpperShemeWork .Item_SW .Table_SW .Year_SW .Time_SW {font-size:14px; text-align:center; font-weight:400; color:#263339; display:inline-block; font-style:italic; font-family:'Quicksand', Arial, Helvetica, Verdana; padding:10px 15px; text-transform:uppercase;} .WarpperShemeWork .Item_SW .Table_SW .Desc_SW {display:table-cell; vertical-align:middle; text-align:left; padding:30px 0px 30px 15px;} .WarpperShemeWork .Item_SW .Table_SW .Desc_SW .Txt_SW {display:block; font-size:16px; font-weight:700; color:#263339; text-transform:uppercase;} .WarpperShemeWork .Item_SW .Table_SW .Desc_SW .Nbre_SW {display:block; font-size:16px; font-weight:400; color:#263339; font-style:italic; font-family:'Quicksand', Arial, Helvetica, Verdana;} .WarpperShemeWork .Item_SW .Table_SW .Button_SW {display:table-cell; width:210px; vertical-align:middle; padding:30px;} .WarpperShemeWork .Item_SW .Table_SW .Button_SW .BtnView {} .WarpperShemeWork .Item_SW .Table_SW .Button_SW .BtnView a {width:100%; padding:14px 0px; display:block;} .WarpperShemeWork .Item_SW .Table_SW .Button_SW .BtnView input {width:100%; padding:14px 0px; display:block;} .WarpperShemeWork .Item_SW .Table_SW .Button_SW .BtnView span {width:100%; padding:14px 0px; display:block;} .WarpperShemeWork .Item_SW .Table_SW .Button_SW .BtnView.BtnDisabled {opacity:.5; cursor:default;} .WarpperShemeWork .Item_SW .Table_SW .Button_SW .BtnSubscribe {} .WarpperShemeWork .Item_SW .Table_SW .Button_SW .BtnSubscribe a {width:100%; padding:14px 0px; display:block;} .WarpperShemeWork .Item_SW .Table_SW .Button_SW .BtnSubscribe input {width:100%; padding:14px 0px; display:block;} .WarpperShemeWork .Item_SW .Table_SW .Button_SW .BtnSubscribe span {width:100%; padding:12.5px 0px; display:block;} .WarpperShemeWork .Item_SW.KnowledgeBlock {position:relative;} .WarpperShemeWork .Item_SW.KnowledgeBlock .LoadingBlock {position:absolute; top:0px; left:0px; width:100%; height:100%; background-color:rgba(255, 255, 255, 0.8); display:flex; align-items:center;} .WarpperShemeWork .Item_SW.KnowledgeBlock .LoadingBlock .Inner {width:100%; text-align:center;} .WarpperShemeWork .Item_SW.KnowledgeBlock .LoadingBlock.Hide {display:none;} /* Warpper Lesson Plans */ .WarpperLessonPlans {width:103%; margin:0px 0px -40px 0px; text-align:center;} .WarpperLessonPlans .Item_LP {display:inline-block; width:47%; margin:0px 3% 40px 0px; box-sizing:border-box; text-align:left; vertical-align:top; background:#ffffff; box-shadow:3px 3px 0px rgba(0, 0, 0, .25); text-decoration:none; border-radius:4px;} .WarpperLessonPlans .Item_LP.Disabled {cursor:default;} .WarpperLessonPlans .Item_LP .Table_LP {display:table; width:100%; height:140px;} .WarpperLessonPlans .Item_LP .Table_LP .Year_LP {display:table-cell; min-width:110px; vertical-align:middle;} .WarpperLessonPlans .Item_LP .Table_LP .Year_LP .Time_LP {font-size:14px; text-align:center; font-weight:400; color:#263339; display:inline-block; font-style:italic; font-family:'Quicksand', Arial, Helvetica, Verdana; padding:10px 15px; text-transform:uppercase;} .WarpperLessonPlans .Item_LP .Table_LP .Desc_LP {display:table-cell; vertical-align:middle; text-align:left; padding:30px 0px;} .WarpperLessonPlans .Item_LP .Table_LP .Desc_LP .Txt_LP {display:block; font-size:16px; font-weight:700; color:#263339; text-transform:uppercase;} .WarpperLessonPlans .Item_LP .Table_LP .Desc_LP .Nbre_LP {display:block; font-size:16px; font-weight:400; color:#263339; font-style:italic; font-family:'Quicksand', Arial, Helvetica, Verdana;} .WarpperLessonPlans .Item_LP .Table_LP .Button_LP {display:table-cell; width:190px; vertical-align:middle; padding:30px;} .WarpperLessonPlans .Item_LP .Table_LP .Button_LP .BtnView {} .WarpperLessonPlans .Item_LP .Table_LP .Button_LP .BtnView a {width:100%; padding:14px 0px; display:block;} .WarpperLessonPlans .Item_LP .Table_LP .Button_LP .BtnView input {width:100%; padding:14px 0px; display:block;} .WarpperLessonPlans .Item_LP .Table_LP .Button_LP .BtnView span {width:100%; padding:14px 0px; display:block;} .WarpperLessonPlans .Item_LP .Table_LP .Button_LP .BtnView.BtnDisabled {opacity:.5; cursor:default;} .WarpperLessonPlans .Item_LP .Table_LP .Button_LP .BtnSubscribe {} .WarpperLessonPlans .Item_LP .Table_LP .Button_LP .BtnSubscribe a {width:100%; padding:14px 0px; display:block;} .WarpperLessonPlans .Item_LP .Table_LP .Button_LP .BtnSubscribe input {width:100%; padding:14px 0px; display:block;} .WarpperLessonPlans .Item_LP .Table_LP .Button_LP .BtnSubscribe span {width:100%; padding:12.5px 0px; display:block;} .WarpperLessonPlans .Item_LP .Table_LP .Button_LP .BtnSubscribe.BtnComplete {width:100%; padding:14px 0px; display:block;} .WarpperLessonPlans .Item_LP .Table_LP .Button_LP .BtnSubscribe.BtnComplete span {padding:5px 0; font-size: 13px !important;} .WarpperLessonPlans .Item_LP .Item_Subscribe {display:block; padding:20px; width:100%; box-sizing:border-box; background-color:#cccccc; border-bottom-right-radius:4px; border-bottom-left-radius:4px; display:none;} .WarpperLessonPlans .Item_LP .Item_Subscribe .CheckboxRow {display:table; margin-bottom:10px;} .WarpperLessonPlans .Item_LP .Item_Subscribe .Check {display:table-cell; vertical-align:top;} .WarpperLessonPlans .Item_LP .Item_Subscribe .icheckbox_square-grey {border:1px solid #ffffff; border-radius:4px;} .WarpperLessonPlans .Item_LP .Item_Subscribe .Label {display:table-cell; vertical-align:top; padding-top:1px; font-size:12px;} .WarpperLessonPlans .Item_LP .Item_Subscribe .TextField input {padding:10px; box-sizing:border-box; border-radius:4px; border:1px solid #ffffff; width:100%;} /* Lesson Detail */ .LessonDetail {} .LessonDetail .Top {} .LessonDetail .Top .BtnBack {position:absolute; top:160px; left:0px; z-index:10;} .LessonDetail .Top .Table_Inner {display:table; width:100%;} .LessonDetail .Top .Table_Inner .Cell_Inner {display:table-cell; vertical-align:middle; text-align:left; padding:100px 0px 0px 0px; position:relative;} .LessonDetail .Top .Table {display:table; width:100%; height:480px;} .LessonDetail .Top .Table .Desc {display:table-cell; vertical-align:middle;} .LessonDetail .Top .Table .Desc .ImgHidden {display:none; text-align:center; margin-bottom:20px;} .LessonDetail .Top .Table .Desc .ImgHidden img {width:220px; display:inline-block;} .LessonDetail .Top .Table .Desc .Year {font-size:20px; text-align:center; font-weight:400; color:#ffffff; display:inline-block; font-style:italic; font-family:'Quicksand', Arial, Helvetica, Verdana; background:rgba(0, 0, 0, .30); padding:10px 15px; margin-bottom:10px; text-transform:uppercase;} .LessonDetail .Top .Table .Desc .Title {color:#263339; margin:0px;} .LessonDetail .Top .Table .Desc .Lesson {font-size:20px; text-align:center; font-weight:400; color:#263339; display:inline-block; font-style:italic; font-family:'Quicksand', Arial, Helvetica, Verdana;} .LessonDetail .Top .Table .Desc .BtnPrint {margin-top:22px;} .LessonDetail .Top .Table .Desc .BtnPrint a {padding:14px 0px; width:160px;} .LessonDetail .Top .Table .Desc .BtnPrint input {padding:14px 0px; width:160px;} .LessonDetail .Top .Table .Img {display:table-cell; vertical-align:bottom; width:480px;} .LessonDetail .Top .Table .Img img {width:100%; display:block;} .LessonDetail .Top .DownArrow {position:absolute; bottom:50px; left:50%; margin-left:-25px; width:50px; height:50px; display:block; background:url(/content/images/Icon_Scroll_Down.png) no-repeat center #fff; background-size:cover; text-decoration:none; -webkit-appearance:none; border-radius:50%; box-shadow:3px 3px 0px rgba(0, 0, 0, .30);} .LessonDetail .Panel_One {background:#ffffff; display:block;} .LessonDetail .Panel_One .Inner {text-align:center; padding:80px 0px 80px 0px; position:relative;} .LessonDetail .Panel_One .Subtitle {font-size:30px; font-weight:700; color:#5c7279; margin-bottom:20px;} .LessonDetail .Panel_One .Txt {font-size:40px; margin:0px;} .LessonDetail .Panel_Two {display:table; width:100%;} .LessonDetail .Panel_Two .Inner {padding:80px 60px;} .LessonDetail .Panel_Two .WidthCell {max-width:660px; display:inline-block; text-align:center;} .LessonDetail .Panel_Two .Cell_Left {display:table-cell; width:50%; vertical-align:top; text-align:right; color:#263339;} .LessonDetail .Panel_Two .Cell_Left .SubTitle {font-size:40px; font-weight:700; line-height:1.3em; color:#263339; margin:0px 0px 30px 0px;} .LessonDetail .Panel_Two .Cell_Left .SubLine {width:80px; height:2px; display:inline-block; background:#ffffff; margin:0px 0px 0px 0px;} .LessonDetail .Panel_Two .Cell_Left .Year {font-size:16px; font-weight:800; text-transform:uppercase; margin:40px 0px 20px 0px;} .LessonDetail .Panel_Two .Cell_Left .List {font-size:16px; font-weight:400; margin:0px 0px -5px 0px;} .LessonDetail .Panel_Two .Cell_Left .List .Item {margin:0px 0px 5px 0px;} .LessonDetail .Panel_Two .Cell_Left .List .Item .BulletPoint {color:rgba(0, 0, 0, 0.2); font-weight:800; margin-right:10px;} .LessonDetail .Panel_Two .Cell_Right {display:table-cell; width:50%; vertical-align:top; text-align:left; color:#ffffff; background-size:cover; background-position:center;} .LessonDetail .Panel_Two .Cell_Right .SubTitle {font-size:40px; font-weight:700; line-height:1.3em; color:#ffffff; margin:0px 0px 30px 0px;} .LessonDetail .Panel_Two .Cell_Right .SubLine {width:80px; height:2px; display:inline-block; margin:0px 0px 0px 0px;} .LessonDetail .Panel_Two .Cell_Right .List {font-size:16px; font-weight:700; margin:0px 0px 0px 0px;} .LessonDetail .Panel_Two .Cell_Right .List .Item {margin:30px 0px 0px 0px;} .LessonDetail .Panel_Three {background:#ffffff; display:block; border-bottom:1px solid #ebecee;} .LessonDetail .Panel_Three .Inner {text-align:center; padding:80px 0px 80px 0px; position:relative;} .LessonDetail .Panel_Three .Subtitle {font-size:40px; font-weight:700; line-height:1.3em; color:#263339; margin:0px 0px 40px 0px;} .LessonDetail .Panel_Three .SmallTitle {font-size:20px; font-weight:400; line-height:1.4em; color:#657478; margin:0px 0px 15px 0px; padding: 40px 0px 30px;} .LessonDetail .Panel_Four {display:block;} .LessonDetail .Panel_Four .Inner {text-align:center; padding:80px 0px 80px 0px; position:relative;} .LessonDetail .Panel_Four .Inner .Year {font-size:16px; font-weight:800; text-transform:uppercase; margin:40px 0px 20px 0px;} .LessonDetail .Panel_Four .Subtitle {font-size:40px; font-weight:700; color:#263339;} .LessonDetail .Panel_Four .SubLine {width:80px; height:2px; display:inline-block; background:#ffffff; margin:0px 0px 0px 0px;} .LessonDetail .Panel_Four .List {font-size:16px; font-weight:400; margin:0px 0px -5px 0px;} .LessonDetail .Panel_Four .List .Item {margin:0px 0px 5px 0px;} .LessonDetail .Panel_Four .List .Item .BulletPoint {color:rgba(0, 0, 0, 0.2); font-weight:800; margin-right:10px;} .LessonDetail .Pagination .Previous {margin-bottom:140px;} .LessonDetail .Pagination .Previous.Hidden {margin-bottom:0px;} .LessonDetail .Pagination .Next {margin-bottom:140px;} .LessonDetail .Pagination .Next.Hidden {margin-bottom:0px;} /* Print */ .PrintLPView {display:none;} #PrintOutsideBtnWarning {display:none;} #PrintOutsideBtnWarning.Show {display:block;} /* Panel Cms */ .Panel_Cms {background:#ffffff; display:block; border-bottom:1px solid #ebecee;} .Panel_Cms .Inner {text-align:center; padding:80px 0px 80px 0px; position:relative;} .Panel_Cms h1, .Panel_Cms h2, .Panel_Cms h3, .Panel_Cms h4 {color:#000000;} .Panel_Cms p {color:#000000;} .Panel_Cms ul li {font-size:14px; color:#000000;} .Panel_Cms .WrapperPlan {text-align:left;} .Panel_Cms .WrapperPlan .ItemPlan {border-bottom:1px solid #ebecee; margin-bottom:80px; padding-bottom:80px;} .Panel_Cms .WrapperPlan .ItemPlan:last-child {border-bottom:none; margin-bottom:0px; padding-bottom:0px;} .Panel_Cms .Time {float:left;} .Panel_Cms .Time .NM {color:#263339; text-align:center; border-radius:50%; width:85px; height:85px;} .Panel_Cms .Time .NM .Nbre {font-size:30px; font-weight:700; padding-top:10px;} .Panel_Cms .Time .NM .Mins {font-size:14px; font-weight:400; font-style:italic; font-family:'Quicksand', Arial, Helvetica, Verdana;} .Panel_Cms .Subtitle {float:left; padding:17px 0px 25px 30px;} .Panel_Cms ol {display:block; margin:0px; padding:0px; width:103%;} .Panel_Cms ol li {display:inline-block; vertical-align:top; width:30%; margin:0px 3% 40px 0px; padding:0px; font-size:14px; font-weight:400; line-height:1.4em; color:#000000; line-height:1.8em;} .Panel_Cms .Letter {background:#263339; color:#ffffff; width:25px; height:25px; line-height:25px; display:inline-block; border-radius:50%; text-align:center; margin:0px 10px 0px 0px;} .Panel_Cms .Note {display; margin-top:10px; font-size:14px; line-height:1.8em; color:#000000; font-style:italic; font-family:'Quicksand', Arial, Helvetica, Verdana;} .Panel_Cms .TeachingPoints {display; font-size:14px; margin-top:10px; color:#0a91ff !important;} .Panel_Cms .TeachingPoints span {color:#0a91ff !important;} .Panel_Cms .Differentiation {display; font-size:14px; margin-top:10px; color:#2f8511 !important;} .Panel_Cms .Differentiation span {color:#2f8511 !important;} .Panel_Cms .TxtHighlight {color:#f1934d;} .Panel_Cms .ChangeOver {display:block; margin-top:10px; color:#5c7279;} .Panel_Cms .Equip {display:table;} .Panel_Cms .Equip .Img {display:table-cell; vertical-align:top; width:100px; padding-right:40px;} .Panel_Cms .Equip .Img img {width:100%; display:block;} .Panel_Cms .Equip .Desc {display:table-cell; vertical-align:top;} .Panel_Introduction {border:none;} .Panel_Introduction .Smalltitle {color:#5c7279 !important;} .Panel_KeyVocabulary {border:none;} .Panel_KeyVocabulary .Inner {} .Panel_KeyVocabulary .Smalltitle {color:#263339 !important;} .Panel_KeyVocabulary .SubLine {width:80px; height:2px; display:inline-block; margin:0px 0px 0px 0px; background:#fff; margin:20px 0px 40px 0px;} .Panel_KeyVocabulary ul {text-align:left; -webkit-column-count:3; -moz-column-count:3; column-count:3; -webkit-column-gap:40px; -moz-column-gap:40px; column-gap:40px;} .Panel_KeyVocabulary ul li {font-size:20px; font-weight:400;} .Panel_LearningObjective {border:none;} .Panel_LearningObjective .Smalltitle {margin:0px 0px 40px 0px;} .Panel_LearningObjective table {width:100%; border-top:1px solid #d0d9db; border-left:1px solid #d0d9db;} .Panel_LearningObjective table tr {} .Panel_LearningObjective table tr td {font-size:14px; font-weight:400; color:#263339; line-height:1.8em; border-bottom:1px solid #d0d9db; border-right:1px solid #d0d9db; text-align:left; padding:20px;} .Panel_LearningObjective table tr td.Tlab {font-size:14px; font-weight:800; color:#5c7279; text-transform:uppercase; vertical-align:middle; text-align:center; width:100px;} .Panel_AssessmentCriteria {border:none;} .Panel_AssessmentCriteria .Smalltitle {margin:0px 0px 40px 0px; color:#263339 !important;} .Panel_AssessmentCriteria .SubLine {width:80px; height:2px; display:inline-block; background:#fff; margin:0px;} .Panel_AssessmentCriteria .Column {display:inline-block; width:43%; padding-right:6%; vertical-align:top;} .Panel_AssessmentCriteria .Tlab {font-size:16px; font-weight:800; color:#263339; text-transform:uppercase; text-align:left; margin:40px 0px 10px 0px;} .Panel_AssessmentCriteria table {width:100%;} .Panel_AssessmentCriteria table tr {font-size:14px; font-weight:400; color:#5c7279; line-height:1.8em; text-align:left; display:list-item; margin-left:10px;} .Panel_AssessmentCriteria table tr td {font-size:14px; font-weight:400; color:#263339; line-height:1.8em; text-align:left; display:inline-block;} .Panel_NationalCurriculum {text-align:center;} .Panel_NationalCurriculum .Smalltitle {margin:0px 0px 40px 0px; color:#263339 !important;} .Panel_NationalCurriculum .SubLine {width:80px; height:2px; display:inline-block; background:#5c7279; margin:0px;} .Panel_NationalCurriculum .Column {display:inline-block; width:27%; padding-right:6%; vertical-align:top;} .Panel_NationalCurriculum .Tlab {font-size:16px; font-weight:800; color:#263339; text-transform:uppercase; text-align:left; margin:40px 0px 10px 0px;} .Panel_NationalCurriculum table {width:100%;} .Panel_NationalCurriculum table tr {font-size:14px; font-weight:400; color:#5c7279; line-height:1.8em; text-align:left; display:list-item; margin-left:10px;} .Panel_NationalCurriculum table tr td {font-size:14px; font-weight:400; color:#263339; line-height:1.8em; text-align:left; display:inline-block;} .Panel_HealthSafety {} .Panel_HealthSafety .Smalltitle {margin:0px 0px 20px 0px; font-size:30px; color:#5c7279 !important;} .Panel_HealthSafety .Txt {font-size:30px; font-weight:700; color:#263339;} .Panel_HealthSafety .SmallTxt {font-size:16px; font-weight:700; color:#263339;} /* Create Class */ .CreateClass {background-color:#263339;} .CreateClass .Title {color:#ffffff;} .CreateClass .Subtitle {color:#ffffff; margin-bottom:40px;} .CreateClass .BtnBack {position:absolute; top:160px; left:60px; z-index:10;} .CreateClass .Table_CC {display:table;} .CreateClass .Table_CC .Cell_CC {display:table-cell; vertical-align:middle; text-align:center; padding:160px 0px 80px 0px;} .CreateClass .Table_CC .HdrLine {color:#ffffff; font-weight:700; font-size:20px;} .CreateClass .Table_CC .HdrLine.UPStep1 {margin-bottom:15px;} .CreateClass .Table_CC .HdrLine.UPStep2 {margin-bottom:60px;} .CreateClass .Table_CC .HdrLine.UPStep3 {margin-bottom:60px;} .CreateClass .Table_CC .HdrLine.UPStep4 {margin-bottom:15px;} .CreateClass .Table_CC .HdrLine.UPStep5 {margin-bottom:15px;} .CreateClass .Table_CC .CSVTemplateDL {background-color:#ffffff; text-decoration:none; width:100%; display:block; max-width:330px; margin:0px auto 30px auto; font-size:20px; padding:10px 15px; box-sizing:border-box; font-weight:700;} .CreateClass .Table_CC .CSVTemplateDL a {text-decoration:none;} .CreateClass .BtnOne.BtnSave.V2 input {width:100%; max-width:330px; display:block; margin:0 auto;} .CreateClass .Form {width:320px; display:inline-block; text-align:left;} .CreateClass .Form .BtnSave {padding-top:10px;} .CreateClass .Form .BtnSave a {padding:14px 0px; width:100%;} .CreateClass .Form .BtnSave input {padding:14px 0px; width:100%;} /* My Classes */ .MyClasses {display:table; width:100%;} .MyClasses .Inner {display:table-cell; vertical-align:middle; text-align:left; padding:160px 0px 80px 0px; position:relative;} .MyClasses .Top {margin-bottom:30px;} .MyClasses .Top .Desc {float:left;} .MyClasses .Top .Desc .Title {color:#fff; display:inline-block; margin:0px;} .MyClasses .Top .Desc .Nbre {font-size:40px; font-weight:700; color:#47859c; margin-left:10px;} .ArchiveYearSelect {position:relative; display:inline-block; } .ArchiveYearSelect .sbSelector {color: #ffffff; background-color:inherit; border:none; padding:13px 40px 13px 10px; font-size:22px; font-weight:700; text-align:right;} .ArchiveYearSelect .sbToggle {background: url(/Content/Images/Icon_Nav_Dropdown.png) no-repeat center center #47859c; background-size:auto auto; background-size:cover; position:absolute; top:17px; right:10px; width:22px; height:22px; border-radius:50%;} .ArchiveYearSelect .sbOptions {background-color: #47859c;} .ArchiveYearSelect .sbOptions li {border-bottom: 1px solid #337e9a;} .ArchiveYearSelect .sbOptions li a {font-size:14px; font-weight:700;} .ArchiveYearSelect .sbOptions li a:hover {color:#263339;} .MyClasses p {font-size:16px;} .MyClasses .Top .Buttons {float:right; text-align:right; margin-top:15px; margin-left:10px;} .MyClasses .Top .Buttons .BtnCopyMap {display:inline-block;} .MyClasses .Top .Buttons .BtnArchive {display:inline-block; margin-left:20px;} .MyClasses .Top .Buttons .BtnCopy {display:inline-block; margin-left:20px;} .MyClasses .Top .Buttons .BtnCreate {display:inline-block; margin-left:20px;} .MyClasses .Top .Buttons .BtnUploadExcelFile {display:inline-block; margin-left:20px;} .MyClasses .Top .Buttons.ArchiveBtns {width:100%;} .MyClasses .Top .Buttons.ArchiveBtns .BtnDarkTwo{display:inline-block;} .MyClasses .Top.MyClassesTopRow {display:flex; align-items:flex-start; width:100%;} .MyClasses .Top.MyClassesTopRow .Desc {flex:1; float:none; padding-right:30px; box-sizing:border-box;} .MyClasses .Top.MyClassesTopRow .Buttons {flex:0 0 270px; float:none; margin:0px;} .MyClasses .Content {} .MyClasses .Content .HeadList {} .MyClasses .Content .HeadList .Inner_HL {padding:0px 30px 10px 30px;} .MyClasses .Content .HeadList .Table_HL {display:table; width:100%;} .MyClasses .Content .HeadList .Table_HL .Cell_HL {display:table-cell; vertical-align:middle; text-align:center;} .MyClasses .Content .HeadList .Table_HL .Cell_HL .Txt {font-size:14px; color:#47859c; font-style:italic; font-family:'Quicksand', Arial, Helvetica, Verdana;} .MyClasses .Content .HeadList .Table_HL .Cell_HL .SortSelect {display:inline-block; width:190px; margin-left:10px;} .MyClasses .Content .HeadList .Table_HL .Cell_01 {width:19%; text-align:left;} .MyClasses .Content .HeadList .Table_HL .Cell_02 {width:12%;} .MyClasses .Content .HeadList .Table_HL .Cell_03 {width:9%;} .MyClasses .Content .HeadList .Table_HL .Cell_04 {width:9%;} .MyClasses .Content .HeadList .Table_HL .Cell_05 {width:51%; text-align:right;} .MyClasses .Content .EmptyList {display:block; width:100%; text-align:center; text-decoration:none; border:2px dashed #47859c; border-radius:4px; box-sizing:border-box;} .MyClasses .Content .EmptyList .InnerList {padding:50px 30px; display:block;} .MyClasses .Content .EmptyList .InnerList .Icon {width:100%; display:block; margin-bottom:15px;} .MyClasses .Content .EmptyList .InnerList .Icon img {width:50px; display:inline-block;} .MyClasses .Content .EmptyList .InnerList .Txt {font-size:16px; line-height:1.3em; font-weight:700; text-transform:uppercase; color:#47859c;} .MyClasses .Content .WrapperList {display:block; width:100%; margin:0px 0px -20px 0px;} .MyClasses .Content .WrapperList .ItemList {background:#ffffff; border-radius:4px; box-shadow:3px 3px 0px rgba(0, 0, 0, .25); margin:0px 0px 20px 0px;} .MyClasses .Content .WrapperList .ItemList .InnerList {padding:30px 30px;} .MyClasses .Content .TableList {display:table; width:100%;} .MyClasses .Content .TableList .CellList {display:table-cell; vertical-align:middle; text-align:center;} .MyClasses .Content .TableList .CellList .Name {font-size:24px; font-weight:700; color:#263339;} .MyClasses .Content .TableList .CellList .Year {font-size:16px; color:#263339; font-style:italic; font-family:'Quicksand', Arial, Helvetica, Verdana;} .MyClasses .Content .TableList .CellList .KeyStage {font-size:16px; font-weight:700; color:#263339;} .MyClasses .Content .TableList .CellList .Email {font-size:16px; font-weight:700; color:#263339;} .MyClasses .Content .TableList .CellList .PupilNbre {font-size:20px; font-weight:400; color:#263339;} .MyClasses .Content .TableList .CellList .BtnEdit {font-size:14px; font-weight:400; color:#5c7279;} .MyClasses .Content .TableList .CellList .BtnEdit a {text-decoration:none; color:#5c7279;} .MyClasses .Content .TableList .CellList .BtnDelete {font-size:14px; font-weight:400; color:#5c7279; cursor:pointer;} .MyClasses .Content .TableList .CellList .BtnAssessments {margin-left:20px;} .MyClasses .Content .TableList .CellList .BtnAssessments a {width:100%; padding:14px 0px;} .MyClasses .Content .TableList .CellList .BtnAssessments input {width:100%; padding:14px 0px;} .MyClasses .Content .TableList .CellList .BtnView {margin-left:20px;} .MyClasses .Content .TableList .CellList .BtnView a {width:100%; padding:14px 0px;} .MyClasses .Content .TableList .CellList .BtnView input {width:100%; padding:14px 0px;} .MyClasses .Content .TableList .CellList .Lab {display:none; width:80px; font-size:12px; font-weight:400; color:#5c7279; font-style:italic; font-family:'Quicksand', Arial, Helvetica, Verdana;} .MyClasses .Content .TableList .Cell_01 {width:19%; text-align:left;} .MyClasses .Content .TableList .Cell_02 {width:12%;} .MyClasses .Content .TableList .Cell_03 {width:9%;} .MyClasses .Content .TableList .Cell_04 {width:9%;} .MyClasses .Content .TableList .Cell_05 {width:9%;} .MyClasses .Content .TableList .Cell_06 {width:8%;} .MyClasses .Content .TableList .Cell_07 {width:17%;} .MyClasses .Content .TableList .Cell_08 {width:17%;} .MyClasses .ExplainTxtBlock p {color:#ffffff;} /* Updates for School Users page */ .MyClasses .Content .HeadList .Table_HL2 {display:table; width:100%;} .MyClasses .Content .HeadList .Table_HL2 .Cell_HL {display:table-cell; vertical-align:middle; text-align:center;} .MyClasses .Content .HeadList .Table_HL2 .Cell_HL .Txt {font-size:14px; color:#47859c; font-style:italic; font-family:'Quicksand', Arial, Helvetica, Verdana;} .MyClasses .Content .HeadList .Table_HL2 .Cell_HL .SortSelect {display:inline-block; width:160px; margin-left:5px;} .MyClasses .Content .HeadList .Table_HL2 .Cell_01 {width:16%; text-align:left;} .MyClasses .Content .HeadList .Table_HL2 .Cell_02 {width:24%;} .MyClasses .Content .HeadList .Table_HL2 .Cell_03 {width:26%;} .MyClasses .Content .HeadList .Table_HL2 .Cell_05 {width:34%; text-align:right;} .MyClasses .Content .TableList.TableListUpd .Cell_01 {width:16%; text-align:left;} .MyClasses .Content .TableList.TableListUpd .Cell_02 {width:24%;} .MyClasses .Content .TableList.TableListUpd .Cell_03 {width:26%;} .MyClasses .Content .TableList.TableListUpd .Cell_04 {width:10%;} .MyClasses .Content .TableList.TableListUpd .Cell_05 {width:10%;} .MyClasses .Content .TableList.TableListUpd .Cell_06 {width:14%;} .MyClasses .Content .TableList.MyClassesList .Cell_01 {width:19%;} .MyClasses .Content .TableList.MyClassesList .Cell_02 {width:12%;} .MyClasses .Content .TableList.MyClassesList .Cell_03 {width:26%;} .MyClasses .Content .TableList.MyClassesList .Cell_07 {width:13%;} .MyClasses .Content .TableList.MyClassesList .Cell_08 {width:5%;} .MyClasses .Content .TableList.MyClassesList .CellList .Name {font-size:18px;} .MyClasses .Content .TableList.MyClassesList .CellList .BtnRemove {font-size:12px; color:#5C7279; text-decoration:underline; cursor:pointer;} .MyClasses .Content .TableList.MyClassesList .CellList .BtnView {width:140px; margin-left:auto;} .MyClasses .Content .TableList.MyClassesList .CellList .BtnView a {font-size:13px; padding:11px 0px;} /* Sort By */ .SortBy {position:relative;} .SortBy .sbSelector {color:#ffffff; background-color:inherit; border:none; padding: 13px 40px 13px 10px; font-size:16px; font-weight:700; text-align:right;} .SortBy .sbToggle {background:url(/Content/Images/Icon_Nav_Dropdown.png) no-repeat center center #47859c; background-size:cover; position:absolute; top:auto; bottom:12px; right:10px; width:22px; height:22px; border-radius:50%;} .SortBy .sbToggle:hover {} .SortBy .sbToggleOpen {background:url(/Content/Images/Icon_Nav_Dropdown.png) no-repeat center center #47859c; background-size:cover; position:absolute; top:auto; bottom:12px; right:10px; width:22px; height:22px; border-radius:50%;} .SortBy .sbToggleOpen:hover {} .SortBy .sbOptions {background-color:#47859c;} .SortBy .sbOptions li {border-bottom:1px solid #337e9a;} .SortBy .sbOptions li:last-child {border-bottom:none;} .SortBy .sbOptions a {font-size:14px; font-weight:700;} .SortBy .sbOptions a:hover {color:#263339;} /* Pagination */ .Pagination {text-align:center; width:100%; padding-top:40px;} .Pagination .Select {font-size:16px; line-height:1.3em; font-weight:700; text-transform:uppercase; text-decoration:none; color:#ffffff; text-align:center; border:1px solid #47859c; box-sizing:border-box; padding:14px 20px 14px 20px; margin:0px 5px; border-radius:50px; background:inherit; display:inline-block; cursor:pointer; font-family:'Quicksand', Arial, Helvetica, Verdana; cursor:auto;} .Pagination a {font-size:16px; line-height:1.3em; font-weight:700; text-transform:uppercase; text-decoration:none; color:#ffffff; text-align:center; border:1px solid #47859c; box-sizing:border-box; padding:14px 20px 14px 20px; margin:0px 5px; border-radius:50px; background:#47859c; box-shadow:3px 3px 0px rgba(0, 0, 0, .25); display:inline-block; cursor:pointer; font-family:'Quicksand', Arial, Helvetica, Verdana;} .Pagination .Previous {float:left; font-size:16px; line-height:1.3em; font-weight:700; text-transform:uppercase; text-decoration:none; color:#ffffff; text-align:center; border:1px solid #47859c; box-sizing:border-box; width:160px; padding:14px 0px 14px 0px; border-radius:50px; background:#47859c; box-shadow:3px 3px 0px rgba(0, 0, 0, .25); display:inline-block; cursor:pointer; font-family:'Quicksand', Arial, Helvetica, Verdana;} .Pagination .Previous:hover {background:#4398b7; border:1px solid #4398b7;} .Pagination .Previous.Hidden {display:none;} .Pagination span.Preview {display:none; opacity:1; cursor:auto; background:inherit; box-shadow:inherit;} .Pagination span.Preview:hover {background:inherit;} .Pagination a.Preview {opacity:1;} .Pagination .Next {float:right; font-size:16px; line-height:1.3em; font-weight:700; text-transform:uppercase; text-decoration:none; color:#ffffff; text-align:center; border:1px solid #47859c; box-sizing:border-box; width:160px; padding:14px 0px 14px 0px; border-radius:50px; background:#47859c; box-shadow:3px 3px 0px rgba(0, 0, 0, .25); display:inline-block; cursor:pointer; font-family:'Quicksand', Arial, Helvetica, Verdana;} .Pagination .Next:hover {background:#4398b7; border:1px solid #4398b7;} .Pagination .Next.Hidden {display:none;} .Pagination span.Next {display:none; opacity:1; cursor:auto; background:inherit; box-shadow:inherit;} .Pagination span.Next:hover {background:inherit;} .Pagination a.Next {opacity:1;} .Pagination.Light .Select {color:#799299; border:none; box-shadow:none;} .Pagination.Light a, .Pagination.Light .Previous, .Pagination.Light .Next {background:#ffffff; color:#799299; border-color:#799299; box-shadow:none;} .Pagination.Light .Previous:hover, .Pagination.Light .Next:hover {background:#799299; color:#ffffff;} /* DarkPagination */ .DarkPagination {text-align:center; width:100%; padding-top:40px;} .DarkPagination .Select {font-size:16px; line-height:1.3em; font-weight:700; text-transform:uppercase; text-decoration:none; color:#657478; text-align:center; border:1px solid #47859c; box-sizing:border-box; padding:14px 20px 14px 20px; margin:0px 5px; border-radius:50px; background:inherit; display:inline-block; cursor:pointer; font-family:'Quicksand', Arial, Helvetica, Verdana; cursor:auto;} .DarkPagination a {font-size:16px; line-height:1.3em; font-weight:700; text-transform:uppercase; text-decoration:none; color:#ffffff; text-align:center; border:1px solid #47859c; box-sizing:border-box; padding:14px 20px 14px 20px; margin:0px 5px; border-radius:50px; background:#47859c; box-shadow:3px 3px 0px rgba(0, 0, 0, .25); display:inline-block; cursor:pointer; font-family:'Quicksand', Arial, Helvetica, Verdana;} .DarkPagination .Preview {float:left; font-size:16px; line-height:1.3em; font-weight:700; text-transform:uppercase; text-decoration:none; color:#ffffff; text-align:center; border:1px solid #47859c; box-sizing:border-box; width:160px; padding:14px 0px 14px 0px; border-radius:50px; background:#47859c; box-shadow:3px 3px 0px rgba(0, 0, 0, .25); display:inline-block; cursor:pointer; font-family:'Quicksand', Arial, Helvetica, Verdana;} .DarkPagination .Preview:hover {background:#4398b7; border:1px solid #4398b7;} .DarkPagination span.Preview {display:none; opacity:1; cursor:auto; background:inherit; box-shadow:inherit; color:#657478;} .DarkPagination span.Preview:hover {background:inherit;} .DarkPagination a.Preview {opacity:1;} .DarkPagination .Next {float:right; font-size:16px; line-height:1.3em; font-weight:700; text-transform:uppercase; text-decoration:none; color:#ffffff; text-align:center; border:1px solid #47859c; box-sizing:border-box; width:160px; padding:14px 0px 14px 0px; border-radius:50px; background:#47859c; box-shadow:3px 3px 0px rgba(0, 0, 0, .25); display:inline-block; cursor:pointer; font-family:'Quicksand', Arial, Helvetica, Verdana;} .DarkPagination .Next:hover {background:#4398b7; border:1px solid #4398b7;} .DarkPagination span.Next {display:none; opacity:1; cursor:auto; background:inherit; box-shadow:inherit;} .DarkPagination span.Next:hover {background:inherit;} .DarkPagination a.Next {opacity:1;} /* Prev/Next Buttons With Icons */ .BackForwardBtns {padding-top:40px;} .BackForwardBtns .BtnWithArrow .Icon {display:inline-block; border-radius:50%; vertical-align:top; width:50px; height:50px;} .BackForwardBtns .BtnWithArrow .Txt {font-size:14px; line-height:1.3em; font-weight:400; font-style:italic; font-family:'Quicksand', Arial, Helvetica, Verdana; display:inline-block; vertical-align:top;} .BackForwardBtns .BtnWithArrow.Back {float:left; margin-bottom:140px;} .BackForwardBtns .BtnWithArrow.Back .Icon {background:url(/Content/Images/Icon_Arrow_Back.png) no-repeat center; background-size:cover;} .BackForwardBtns .BtnWithArrow.Back .Txt {padding:14px 10px 14px 20px;} .BackForwardBtns .BtnWithArrow.Back.Hidden {display:none;} .BackForwardBtns .BtnWithArrow.Forward {float:right; margin-bottom:140px;} .BackForwardBtns .BtnWithArrow.Forward .Icon {background:url(/Content/Images/Icon_Arrow_Forward.png) no-repeat center; background-size:cover;} .BackForwardBtns .BtnWithArrow.Forward .Txt {padding:14px 20px 14px 10px;} .BackForwardBtns .BtnWithArrow.Forward.Hidden {display:none;} /* View Classes */ .ViewClasses {display:table; width:100%;} .ViewClasses .Inner {display:table-cell; vertical-align:middle; text-align:left; padding:160px 0px 80px 0px; position:relative;} .ViewClasses .Top {margin-bottom:0px;} .ViewClasses .Top .Desc {float:left;} .ViewClasses .Top .Desc .BtnBack {display:block; margin:0px 0px 40px 0px;} .ViewClasses .Top .Desc .KeyStage {font-size:20px; text-align:center; font-weight:400; color:#ffffff; display:inline-block; font-style:italic; font-family:'Quicksand', Arial, Helvetica, Verdana; background:#47859c; padding:10px 15px; margin-bottom:10px;} .ViewClasses .Top .Desc .Title {color:#fff; display:block; margin:0px;} .ViewClasses .Top .Desc .Date {font-size:20px; font-weight:400; color:#ffffff; display:block; font-style:italic; margin:10px 0px 0px 0px; font-family:'Quicksand', Arial, Helvetica, Verdana;} .ViewClasses .Top .Buttons {float:right; text-align:right; margin-top:0px;} .ViewClasses .Top .Buttons .BtnAssign {display:inline-block;} .ViewClasses .Content {} .ViewClasses .Content .HeadList {} .ViewClasses .Content .HeadList .Inner_HL {padding:0px 0px 20px 0px; text-align:right;} .ViewClasses .Content .HeadList .Inner_HL .SortSelect {display:inline-block; width:180px; margin-left:20px;} .ViewClasses .Content .EmptyList {display:block; width:100%; text-align:center; text-decoration:none; border:2px dashed #47859c; border-radius:4px; box-sizing:border-box;} .ViewClasses .Content .EmptyList .InnerList {padding:50px 30px; display:block;} .ViewClasses .Content .EmptyList .InnerList .Icon {width:100%; display:block; margin-bottom:15px;} .ViewClasses .Content .EmptyList .InnerList .Icon img {width:50px; display:inline-block;} .ViewClasses .Content .EmptyList .InnerList .Txt {font-size:16px; line-height:1.3em; font-weight:700; text-transform:uppercase; color:#47859c;} .ViewClasses .Content .WrapperList {display:block; width:103%; margin:0px 0px -40px 0px;} .ViewClasses .Content .WrapperList .ItemList {display:inline-block; width:22%; background:#ffffff; border-radius:4px; box-shadow:3px 3px 0px rgba(0, 0, 0, .25); margin:0px 3% 40px 0px;} .ViewClasses .Content .WrapperList .ItemList .Img {display:block; width:100%;} .ViewClasses .Content .WrapperList .ItemList .Img img {display:block; width:100%; border-top-left-radius:4px; border-top-right-radius:4px;} .ViewClasses .Content .WrapperList .ItemList .Desc {padding:30px 30px;} .ViewClasses .Content .WrapperList .ItemList .Desc .Name {font-size:20px; font-weight:700; color:#263339; text-align:center;} .ViewClasses .Content .WrapperList .ItemList .Desc .BtnView {padding:20px 0px;} .ViewClasses .Content .WrapperList .ItemList .Desc .BtnView a {width:100%; padding:14px 0px;} .ViewClasses .Content .WrapperList .ItemList .Desc .BtnView input {width:100%; padding:14px 0px;} .ViewClasses .Content .WrapperList .ItemList .Desc .BtnRemove {font-size:14px; font-weight:400; color:#5c7279; display:block; text-align:center; cursor:pointer;} /* Assign Pupils */ .AssignPupils {background-color:#263339;} .AssignPupils .Title {color:#ffffff;} .AssignPupils .Subtitle {color:#ffffff; margin-bottom:40px;} /*.AssignPupils .BtnBack {position:absolute; top:160px; left:60px; z-index:10;}*/ .AssignPupils .Table_AP {display:table;} .AssignPupils .Table_AP .Cell_AP {display:table-cell; vertical-align:top; text-align:center; padding:20px 0px 80px 0px;} .AssignPupils .Form {width:100%; display:table;} .AssignPupils .Form .PreviousClass {width:270px; display:table-cell; padding-right:60px; text-align:left;} .AssignPupils .Form .PreviousClass .SubHeading {font-size:14px; font-weight:400; color:#56686f; font-style:italic; font-family:'Quicksand', Arial, Helvetica, Verdana; margin-bottom:10px;} .AssignPupils .Form .PreviousClass .List_Name {} .AssignPupils .Form .PreviousClass .List_Name .Iem_Name {font-size:20px; font-weight:300; color:#ffffff; padding:5px 0px;} .AssignPupils .Form .PreviousClass .List_Name .Iem_Name .Comma {display:none; padding-right:5px; color:#56686f;} .AssignPupils .Form .PreviousClass .List_Name .Iem_Name a {color:#ffffff;} .PupilList {display:table-cell; text-align:left;} .PupilList .FormList {border-radius:4px; background:#ffffff; width:100%; max-height:600px; min-height:280px; overflow-y:auto;} .PupilList .FormList .ItemList {padding:0px 30px; cursor:pointer;} .PupilList .FormList .ItemList:hover {background:#eff2f3;} .PupilList .FormList .ItemList.Highlight {background:#d0d9db; margin-top:-1px; border-top:solid 1px #fff;} .PupilList .FormList .ItemList .Table_PL {display:table; width:100%; border-bottom:1px solid #d0d9db; padding:16px 0px 15px 0px;} .PupilList .FormList .ItemList .Table_PL .Img_PL {display:table-cell; vertical-align:middle; width:75px;} .PupilList .FormList .ItemList .Table_PL .Img_PL img {width:100%; display:block; border-radius:2px;} .PupilList .FormList .ItemList .Table_PL .Name_PL {display:table-cell; vertical-align:middle; padding-left:20px; font-size:16px; color:#5c7279;} .PupilList .BtnSave {padding-top:10px; text-align:right;} .PupilList .BtnSave a {padding:14px 0px; width:200px;} .PupilList .BtnSave input {padding:14px 0px; width:200px;} .PupilList2 .FormList {border-radius:4px; background:#ffffff; width:500px; max-height:600px; min-height:280px; overflow-y:auto; margin-left:auto; margin-right:auto;} .PupilList2 .FormList .ItemList {padding:0px 30px; cursor:pointer;} .PupilList2 .FormList .ItemList:hover {background:#eff2f3;} .PupilList2 .FormList .ItemList.Highlight {background:#d0d9db; margin-top:-1px; border-top:solid 1px #fff;} .PupilList2 .FormList .ItemList .Table_PL {display:table; width:100%; border-bottom:1px solid #d0d9db; padding:16px 0px 15px 0px;} .PupilList2 .FormList .ItemList .Table_PL .Name_PL {display:table-cell; vertical-align:middle; font-size:16px; color:#5c7279; text-align:left;} .PupilList2 .BtnSave {width:500px; margin-left:auto; margin-right:auto;} .PupilList2 .BtnSave .L {float:left;} .PupilList2 .BtnSave .R {float:right;} .TermList .FormList {border-radius:4px; background:#ffffff; width:500px; max-height:600px; min-height:280px; overflow-y:auto; margin-left:auto; margin-right:auto;} .TermList .FormList .ItemList {padding:0px 30px; cursor:pointer;} .TermList .FormList .ItemList:hover {background:#eff2f3;} .TermList .FormList .ItemList.Highlight {background:#d0d9db; margin-top:-1px; border-top:solid 1px #fff;} .TermList .FormList .ItemList .Table_PL {display:table; width:100%; border-bottom:1px solid #d0d9db; padding:16px 0px 15px 0px;} .TermList .FormList .ItemList .Table_PL .Name_PL {display:table-cell; vertical-align:middle; font-size:16px; color:#5c7279; text-align:left;} .TermList .BtnSave {width:500px; margin-left:auto; margin-right:auto;} .TermList .BtnSave .L {float:left;} .TermList .BtnSave .R {float:right;} .YearList .FormList {border-radius:4px; background:#ffffff; width:500px; max-height:600px; min-height:280px; overflow-y:auto; margin-left:auto; margin-right:auto;} .YearList .FormList .ItemList {padding:0px 30px; cursor:pointer;} .YearList .FormList .ItemList:hover {background:#eff2f3;} .YearList .FormList .ItemList.Highlight {background:#d0d9db; margin-top:-1px; border-top:solid 1px #fff;} .YearList .FormList .ItemList .Table_PL {display:table; width:100%; border-bottom:1px solid #d0d9db; padding:16px 0px 15px 0px;} .YearList .FormList .ItemList .Table_PL .Name_PL {display:table-cell; vertical-align:middle; font-size:16px; color:#5c7279; text-align:left;} .YearList .BtnSave {width:500px; margin-left:auto; margin-right:auto;} .YearList .BtnSave .L {float:left;} .YearList .BtnSave .R {float:right;} .AssignPupils .Top {margin-bottom:0px; padding-top:160px;} .AssignPupils .Top .Desc {float:left;} .AssignPupils .Top .Desc .BtnBack {display:block; margin:0px 0px 40px 0px;} .AssignPupils .Top .Desc .KeyStage {font-size:20px; text-align:center; font-weight:400; color:#ffffff; display:inline-block; font-style:italic; font-family:'Quicksand', Arial, Helvetica, Verdana; background:#47859c; padding:10px 15px; margin-bottom:10px;} .AssignPupils .Top .Desc .Title {color:#fff; display:block; margin:0px;} .AssignPupils .Top .Desc .Date {font-size:20px; font-weight:400; color:#ffffff; display:block; font-style:italic; margin:10px 0px 0px 0px; font-family:'Quicksand', Arial, Helvetica, Verdana;} .AssignPupils .TopLabelRow {display:flex; align-items:flex-start; width:100%; margin-bottom:15px;} .AssignPupils .TopLabelRow .LRCol {flex:1; font-size:14px; color:#ffffff;} .AssignPupils .TopLabelRow .LRCol.First {position:relative; left:50px;} .AssignPupils .TopLabelRow .LRCol.Second {position:relative; left:20px;} .AssignPupils .TopLabelRow .LRCol.Third {position:relative; left:-10px;} .AssignPupils .CbxAndLabel {display:flex; align-items:flex-start; width:100%;} .AssignPupils .LBRTxtRow {display:flex; align-items:flex-start; width:100%;} .AssignPupils .LBRTxtRow .TRCol {flex:1;} .AssignPupils .LBRTxtRow .TRCol .SmLabel {display:none; font-style:italic; color:#6f6f6f;} .AssignPupils .Top {margin-bottom:0px; padding-top:160px;} .AssignPupils .Top .Desc {float:left; width:100%;} .AssignPupils .Top .Desc .BtnBack {display:block; margin:0px 0px 40px 0px;} .AssignPupils .Top .Desc .KeyStage {font-size:20px; text-align:center; font-weight:400; color:#ffffff; display:inline-block; font-style:italic; font-family:'Quicksand', Arial, Helvetica, Verdana; background:#47859c; padding:10px 15px; margin-bottom:10px;} .AssignPupils .Top .Desc .Title {color:#fff; display:block; margin:0px;} .AssignPupils .Top .Desc .Date {font-size:20px; font-weight:400; color:#ffffff; display:block; font-style:italic; margin:10px 0px 0px 0px; font-family:'Quicksand', Arial, Helvetica, Verdana;} .AssignPupils .TopInfoRow {display:flex; align-items:flex-start; width:100%;} .AssignPupils .TopInfoRow .LeftIcon {flex:0 0 40px;} .AssignPupils .TopInfoRow .LeftIcon .BtnBack .Icon_Four {width:40px; height:40px;} .AssignPupils .TopInfoRow .RightTxt {flex:1; text-align:center;} .AssignPupils .Top .Desc .TopInfoRow .Title {font-size:40px; margin-top:-10px;} .AssignPupils .Top .Desc .TopInfoRow .KeyStage {font-style:inherit; font-family:'Quicksand', Arial, Helvetica, Verdana; font-weight:700; display:block; background:none; margin-bottom:5px; padding:0px;} .AssignPupils .Top .Desc .TopInfoRow .Date {font-style:inherit; font-family:'Quicksand', Arial, Helvetica, Verdana; font-weight:700; margin:0px;} .AssignPupils h2 {color:#ffffff; font-size:20px; margin-top:45px; margin-bottom:10px;} .AssignPupils .Filter {display:table; margin-bottom:10px;} .AssignPupils .Filter .Title {display:none;} .AssignPupils .Filter .Wrapper_F {display:table-cell;} .AssignPupils .Filter .Wrapper_F .Item_F {display:inline-block; margin:10px 20px 0px 0px;} .AssignPupils .FormChkList .PCLListBox {overflow-y:auto; background-color:#ffffff; border-radius:3px; padding:15px 20px; box-sizing:border-box; margin-bottom:25px;} .AssignPupils .FormChkList .PCLListBox.MaxHeight160 {max-height:160px;} .AssignPupils .FormChkList .PCLListBox.MaxHeight450 {max-height:450px;} .AssignPupils .FormChkList .icheckbox_square-grey {flex:0 0 18px;} .AssignPupils .FormChkList label {flex:1;} .AssignPupils .FormChkList .ListBoxRow {border-bottom:1px solid #D5D5D5; padding:15px 0px; box-sizing:border-box;} .AssignPupils .FormChkList .ListBoxRow:first-child {padding-top:0px;} .AssignPupils .FormChkList .ListBoxRow:last-child {border-bottom:none; padding-bottom:0px;} .AssignPupils .FormChkList .CbxAndLabel label {color:#263339;} .AssignPupils .BtnSave {text-align:center !important;} .AssignPupils .BtnSave input {width:100% !important; max-width:325px !important;} .AssignPupils .FormChkList .icheckbox_square-grey, .AssignPupils .FormChkList .iradio_square-grey {float:left; display:block; margin:0px 10px 0px 0px; padding:0px; top:0px; width:18px; height:18px; background: url(/Content/Images/grey@3x.png) no-repeat; border:none; cursor:pointer;} .AssignPupils .FormChkList .icheckbox_square-white, .AssignPupils .FormChkList .iradio_square-white {float:left; display:block; margin:0px 10px 0px 0px; padding:0px; top:0px; width:18px; height:18px; background: url(/Content/Images/grey@3x.png) no-repeat; border:none; cursor:pointer;} .AssignPupils .FormChkList .icheckbox_square-grey {background-position: 0 0;} .AssignPupils .FormChkList .icheckbox_square-grey.hover {background-position: -24px 0;} .AssignPupils .FormChkList .icheckbox_square-grey.checked {background-position: -48px 0;} .AssignPupils .FormChkList .icheckbox_square-grey.disabled {background-position: -72px 0; cursor: default;} .AssignPupils .FormChkList .icheckbox_square-grey.checked.disabled {background-position: -96px 0;} .AssignPupils .FormChkList .iradio_square-grey {background-position: -120px 0;} .AssignPupils .FormChkList .iradio_square-grey.hover {background-position: -143px 0;} .AssignPupils .FormChkList .iradio_square-grey.checked {background-position: -168px 0;} .AssignPupils .FormChkList .iradio_square-grey.disabled {background-position: -192px 0; cursor: default;} .AssignPupils .FormChkList .iradio_square-grey.checked.disabled {background-position: -216px 0;} .AssignPupils .FormChkList .icheckbox_square-white {background-position: 0 0;} .AssignPupils .FormChkList .icheckbox_square-white.hover {background-position: -24px 0;} .AssignPupils .FormChkList .icheckbox_square-white.checked {background-position: -48px 0;} .AssignPupils .FormChkList .icheckbox_square-white.disabled {background-position: -72px 0; cursor: default;} .AssignPupils .FormChkList .icheckbox_square-white.checked.disabled {background-position: -96px 0;} .AssignPupils .FormChkList .iradio_square-white {background-position: -120px 0;} .AssignPupils .FormChkList .iradio_square-white.hover {background-position: -143px 0;} .AssignPupils .FormChkList .iradio_square-white.checked {background-position: -168px 0;} .AssignPupils .FormChkList .iradio_square-white.disabled {background-position: -192px 0; cursor: default;} .AssignPupils .FormChkList .iradio_square-white.checked.disabled {background-position: -216px 0;} .PupilList {display:table-cell; text-align:left;} .PupilList .FormList {border-radius:4px; background:#ffffff; width:100%; max-height:600px; min-height:280px; overflow-y:auto;} .PupilList .FormList .ItemList {padding:0px 30px; cursor:pointer;} .PupilList .FormList .ItemList:hover {background:#eff2f3;} .PupilList .FormList .ItemList.Highlight {background:#d0d9db; margin-top:-1px; border-top:solid 1px #fff;} .PupilList .FormList .ItemList .Table_PL {display:table; width:100%; border-bottom:1px solid #d0d9db; padding:16px 0px 15px 0px;} .PupilList .FormList .ItemList .Table_PL .Img_PL {display:table-cell; vertical-align:middle; width:75px;} .PupilList .FormList .ItemList .Table_PL .Img_PL img {width:100%; display:block; border-radius:2px;} .PupilList .FormList .ItemList .Table_PL .Name_PL {display:table-cell; vertical-align:middle; padding-left:20px; font-size:16px; color:#5c7279;} .PupilList .BtnSave {padding-top:10px; text-align:right;} .PupilList .BtnSave a {padding:14px 0px; width:200px;} .PupilList .BtnSave input {padding:14px 0px; width:200px;} .PupilList2 .FormList {border-radius:4px; background:#ffffff; width:500px; max-height:600px; min-height:280px; overflow-y:auto; margin-left:auto; margin-right:auto;} .PupilList2 .FormList .ItemList {padding:0px 30px; cursor:pointer;} .PupilList2 .FormList .ItemList:hover {background:#eff2f3;} .PupilList2 .FormList .ItemList.Highlight {background:#d0d9db; margin-top:-1px; border-top:solid 1px #fff;} .PupilList2 .FormList .ItemList .Table_PL {display:table; width:100%; border-bottom:1px solid #d0d9db; padding:16px 0px 15px 0px;} .PupilList2 .FormList .ItemList .Table_PL .Name_PL {display:table-cell; vertical-align:middle; font-size:16px; color:#5c7279; text-align:left;} .PupilList2 .BtnSave {width:500px; margin-left:auto; margin-right:auto;} .PupilList2 .BtnSave .L {float:left;} .PupilList2 .BtnSave .R {float:right;} .TermList .FormList {border-radius:4px; background:#ffffff; width:500px; max-height:600px; min-height:280px; overflow-y:auto; margin-left:auto; margin-right:auto;} .TermList .FormList .ItemList {padding:0px 30px; cursor:pointer;} .TermList .FormList .ItemList:hover {background:#eff2f3;} .TermList .FormList .ItemList.Highlight {background:#d0d9db; margin-top:-1px; border-top:solid 1px #fff;} .TermList .FormList .ItemList .Table_PL {display:table; width:100%; border-bottom:1px solid #d0d9db; padding:16px 0px 15px 0px;} .TermList .FormList .ItemList .Table_PL .Name_PL {display:table-cell; vertical-align:middle; font-size:16px; color:#5c7279; text-align:left;} .TermList .BtnSave {width:500px; margin-left:auto; margin-right:auto;} .TermList .BtnSave .L {float:left;} .TermList .BtnSave .R {float:right;} .YearList .FormList {border-radius:4px; background:#ffffff; width:500px; max-height:600px; min-height:280px; overflow-y:auto; margin-left:auto; margin-right:auto;} .YearList .FormList .ItemList {padding:0px 30px; cursor:pointer;} .YearList .FormList .ItemList:hover {background:#eff2f3;} .YearList .FormList .ItemList.Highlight {background:#d0d9db; margin-top:-1px; border-top:solid 1px #fff;} .YearList .FormList .ItemList .Table_PL {display:table; width:100%; border-bottom:1px solid #d0d9db; padding:16px 0px 15px 0px;} .YearList .FormList .ItemList .Table_PL .Name_PL {display:table-cell; vertical-align:middle; font-size:16px; color:#5c7279; text-align:left;} .YearList .BtnSave {width:500px; margin-left:auto; margin-right:auto;} .YearList .BtnSave .L {float:left;} .YearList .BtnSave .R {float:right;} .SubtitleW {color:#ffffff; margin-bottom:40px; width:800px; margin-left:auto; margin-right:auto; font-size:16px;} /* Custom Scrollbars */ .mCSB_container_wrapper {margin:0px;} /* Assessments */ .Assessments {} .Assessments .Top {} .Assessments .Top .BtnBack {position:absolute; top:160px; left:0px; z-index:10;} .Assessments .Top .Table_Inner {display:table; width:100%;} .Assessments .Top .Table_Inner .Cell_Inner {display:table-cell; vertical-align:middle; text-align:left; padding:100px 0px 0px 0px; position:relative;} .Assessments .Top .Table {display:table; width:100%; height:480px;} .Assessments .Top .Table .Desc {display:table-cell; vertical-align:middle;} .Assessments .Top .Table .Desc .ImgHidden {display:none; text-align:center; margin-bottom:20px;} .Assessments .Top .Table .Desc .ImgHidden img {width:220px; display:inline-block;} .Assessments .Top .Table .Desc .Title {color:#263339; margin:0px; color:#fff;} .Assessments .Top .Table .Desc .Class {font-size:20px; text-align:center; font-weight:400; color:#fff; display:inline-block; font-style:italic; font-family:'Quicksand', Arial, Helvetica, Verdana;} .Assessments .Top .Table .Desc .BtnPrint {margin-top:22px;} .Assessments .Top .Table .Desc .BtnPrint a {padding:14px 0px; width:160px;} .Assessments .Top .Table .Desc .BtnPrint input {padding:14px 0px; width:160px;} .Assessments .Top .Table .Img {display:table-cell; vertical-align:bottom; width:480px;} .SubtitleW {color:#ffffff; margin-bottom:40px; width:800px; margin-left:auto; margin-right:auto; font-size:16px;} /* Custom Scrollbars */ .mCSB_container_wrapper {margin:0px;} /* Assessments */ .Assessments {} .Assessments .Top {} .Assessments .Top .BtnBack {position:absolute; top:160px; left:0px; z-index:10;} .Assessments .Top .Table_Inner {display:table; width:100%;} .Assessments .Top .Table_Inner .Cell_Inner {display:table-cell; vertical-align:middle; text-align:left; padding:100px 0px 0px 0px; position:relative;} .Assessments .Top .Table {display:table; width:100%; height:480px;} .Assessments .Top .Table .Desc {display:table-cell; vertical-align:middle;} .Assessments .Top .Table .Desc .ImgHidden {display:none; text-align:center; margin-bottom:20px;} .Assessments .Top .Table .Desc .ImgHidden img {width:220px; display:inline-block;} .Assessments .Top .Table .Desc .Title {color:#263339; margin:0px; color:#fff;} .Assessments .Top .Table .Desc .Class {font-size:20px; text-align:center; font-weight:400; color:#fff; display:inline-block; font-style:italic; font-family:'Quicksand', Arial, Helvetica, Verdana;} .Assessments .Top .Table .Desc .BtnPrint {margin-top:22px;} .Assessments .Top .Table .Desc .BtnPrint a {padding:14px 0px; width:160px;} .Assessments .Top .Table .Desc .BtnPrint input {padding:14px 0px; width:160px;} .Assessments .Top .Table .Img {display:table-cell; vertical-align:bottom; width:480px;} .Assessments .Top .Table .Img img {width:100%; display:block;} .Assessments .Top .DownArrow {position:absolute; bottom:50px; left:50%; margin-left:-25px; width:50px; height:50px; display:block; background:url(/content/images/Icon_Scroll_Down.png) no-repeat center #fff; background-size:cover; text-decoration:none; -webkit-appearance:none; border-radius:50%; box-shadow:3px 3px 0px rgba(0, 0, 0, .30);} .Assessments .Content {background:#ffffff; display:block;} .Assessments .Content .Inner {padding:80px 0px 80px 0px;} .AssessTableContainer {max-width:1593px; margin:0 auto; } .AssessTableContainer .AssessTableInner {margin:0px 60px;} .AssessTableContainer .AssessTable {height:595px;} .AssessTableDisplay {max-width:1580px; margin:0 auto; } .AssessContain {height:595px; margin:0px 60px; overflow:scroll;} .AssessmentTable {height:67px; border-collapse:collapse;} .AssessmentTable .Hdr td {background-color:#47859c; font-size:20px; font-weight:700; color:#ffffff; text-align:center; text-transform:uppercase; padding:18px 15px; box-sizing:border-box; height:30px; border-right:1px solid #ffffff; outline:1px solid #d0d9db;} .AssessmentTable .Hdr td.Empty {background-color:#ffffff;} .AssessmentTable .Hdr td .Txt {white-space:nowrap;} .AssessmentTable .GroupActCell {border:none; position:relative; z-index:10; background-color:transparent !important;} .AssessmentTable .SubHdr td {outline:none; padding:0px;} .AssessmentTable .SubHdr .ActivityTable {border-bottom:1px solid #d0d9db; border-right:1px solid #d0d9db; position:relative; z-index:5;} .AssessmentTable .SubHdr:last-child td {border:none;} .AssessmentTable .SubHdr:last-child td:first-child {border-right:1px solid #d0d9db; border-bottom:1px solid #d0d9db;} .AssessmentTable tr.PupilRow td:first-child {border:none;} .AssessmentTable td {display:table-cell; vertical-align:middle; width:160px; min-width:160px; border-right:1px solid #d0d9db; border-bottom:1px solid #d0d9db;} .AssessmentTable td.Empty {display:block; height:68px; border-right:1px solid blue; border-bottom:none; border-radius:0px; border-right:1px solid #d0d9db; background-color:#ffffff; box-sizing:border-box; width:245px; min-width:245px; z-index:15 !important;} .AssessmentTable td.Pupil {padding:8px 0px; box-sizing:border-box; border-top:1px solid #d0d9db; border-right:1px solid #d0d9db; background-color:#ffffff; width:245px !important; min-width:245px; outline:1px solid #d0d9db;} .AssessmentTable td.Pupil .PupilDetails {display:table; table-layout:fixed;} .AssessmentTable td.Pupil .ImgBlock {width:60px; display:table-cell; vertical-align:middle;} .AssessmentTable td.Pupil .ImgBlock img {width:100%; display:block;} .AssessmentTable td.Pupil .PupilBlock {width:160px; min-width:160px; display:table-cell; vertical-align:middle; padding:0px 10px; color:#263339; font-size:18px; line-height:1.2em;} .AssessmentTable.SmoothTran td {transition:all 100ms ease;} /* @-moz-document url-prefix() { .AssessmentTable .SubHdr:nth-child(2n+1) .ActivityTable {left:1px;} } */ .ActivityTable {display:table; width:100%;} .ActivityTable .ActRow {display:table-row;} .ActivityTable .ActCell {display:table-cell; vertical-align:middle; width:160px; min-width:160px; height:53px; padding:8px 5px 5px 5px; font-size:14px; font-weight:800; color:#5c7279; text-transform:uppercase; white-space:nowrap; text-align:center;} .ActivityTable .BubbleInfo {display:inline-block; width:15px; height:15px; background:url(/Content/Images/Icon_Bubble_Info.png) center no-repeat; background-size:cover; position:relative; top:-5px; cursor:pointer;} .ActivityTable .BulkUpdate .TopBlock.Hide {display: none;} .ActivityTable .BulkUpdate .BottomBlock.Hide {display: none;} .ActivityTable .BulkUpdate .BtnOne {margin: 5px 0px;} .ActivityTable .BulkUpdate .BtnOne a {font-size: 12px; padding: 3px 10px;} .ActivityTable .BulkUpdate .sbHolder {width: 145px; margin: 5px auto; position: relative;} .ActivityTable .BulkUpdate .sbSelector {font-size: 11px; padding: 5px 20px 5px 5px; border: 1px solid #d0d9db; line-height: 1.0em;} .ActivityTable .BulkUpdate .sbToggle {background-size: 100%; width: 8px; top: 7px; right: 9px;} .ActivityTable .BulkUpdate .sbToggleOpen {top: 7px; right: 9px;} .ActivityTable .BulkUpdate .sbOptions a {font-size: 12px;} .BtnOne.AssessCriteriaMsg {text-align:center; margin-bottom:15px;} .BtnOne.AssessCriteriaMsg a {font-size:12px; padding:10px;} .AssessCriteriaContainer .BtnOne {margin-bottom:15px; text-align:center;} .AssessCriteriaContainer .BtnOne a {padding:10px 20px;} .AssessCriteriaList {width:100%; margin-bottom:5px;} .AssessCriteriaList td {top:0px !important; left:0px !important; border:1px solid #ddd; border-top:none;} .AssessCriteriaList .HdrRow td {background-color:#415665; padding:10px; color:#fff; border:solid 1px #415665; font-size:14px; font-weight:400; text-align:left;} .AssessCriteriaList .FieldsRow .Col1 {vertical-align:middle; padding:6px 8px;} .AssessCriteriaList .FieldsRow .Col1 .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:'Quicksand', Arial, Helvetica, Verdana; -webkit-appearance:none;} .AssessCriteriaList .FieldsRow .Col2 {width:88px; vertical-align:middle; padding:6px 8px; border-left:none;} .AssessCriteriaList .FieldsRow .Col2 img {width:13px; cursor:pointer;} .AddAssessCriteria a {display:inline-block; font-size:12px; line-height:1.2em; font-weight:600; color:#ffffff; text-align:center; background:#415665; padding:10px; box-sizing:border-box; margin-bottom:15px; text-transform:uppercase; border:none; border-radius:3px; cursor:pointer; text-decoration:none; font-family:'Quicksand', Arial, Helvetica, Verdana; -webkit-appearance:none;} .AssessTableContainer .AssessTable .WrapperSeason {z-index:0;} .WrapperSeason {padding:0px 0px;} .WrapperSeason .ItemSeason {width:auto; margin:0px -60px 0px 60px;} .WrapperSeason .ItemSeason:first-child {margin:0px -60px 0px 0px;} .WrapperSeason .ItemSeason:last-child {margin:0px 0px 0px 60px;} .WrapperSeason .ItemSeason.NameColumn {} .WrapperSeason .ItemSeason .TitleSeason {background:#47859c; font-size:20px; font-weight:700; color:#ffffff; text-align:center; text-transform:uppercase; padding:18px 10px; height:30px; border-top-left-radius:4px; border-top-right-radius:4px; border-right:1px solid #fff;} .WrapperSeason .ItemSeason .TitleSeason.Empty {background:#ffffff;} .WrapperSeason .ItemSeason .Table_A {display:table;} .WrapperSeason .ItemSeason .Table_A .Row_A {display:table-row;} .WrapperSeason .ItemSeason .Table_A .Row_A .Cell_A {display:table-cell; vertical-align:middle; text-align:center; width:160px; height:50px; border-bottom:1px solid #d0d9db; border-right:1px solid #d0d9db; padding:8px 5px 5px 5px;} .WrapperSeason .ItemSeason .Table_A .Row_A .Cell_A .Activity_A {font-size:14px; font-weight:800; color:#5c7279; text-transform:uppercase; white-space:nowrap;} .WrapperSeason .ItemSeason .Table_A .Row_A .Cell_A .Activity_A .BubbleInfo {display:inline-block; width:15px; height:15px; background:url(/Content/Images/Icon_Bubble_Info.png) center no-repeat; background-size:cover; margin-left:5px; position:relative; top:-5px; cursor:pointer;} .WrapperSeason .ItemSeason .Table_A .Row_A .Cell_A * .N {height:100%;} .WrapperSeason .ItemSeason .Table_A .Row_A .Cell_A * .H {height:100%;} .WrapperSeason .ItemSeason .Table_A .Row_A .Cell_A * .P {height:100%;} .WrapperSeason .ItemSeason .Table_A .Row_A .Cell_A .Bad_A {width:33px; height:33px; cursor:pointer; display:inline-block; margin:0px 5px; border-radius:50%; border:1px solid #d0d9db; background-color:#ffffff;} .WrapperSeason .ItemSeason .Table_A .Row_A .Cell_A .Bad_A .N {display:block;} .WrapperSeason .ItemSeason .Table_A .Row_A .Cell_A .Bad_A .H {display:none;} .WrapperSeason .ItemSeason .Table_A .Row_A .Cell_A .Bad_A .P {display:none;} .WrapperSeason .ItemSeason .Table_A .Row_A .Cell_A .Bad_A.Highlight {border:1px solid #c2d962; background-color:#c2d962;} .WrapperSeason .ItemSeason .Table_A .Row_A .Cell_A .Bad_A.Highlight .N {display:none;} .WrapperSeason .ItemSeason .Table_A .Row_A .Cell_A .Bad_A.Highlight .H {display:block;} .WrapperSeason .ItemSeason .Table_A .Row_A .Cell_A .Bad_A.Highlight .P {display:none;} .WrapperSeason .ItemSeason .Table_A .Row_A .Cell_A .Bad_A.Progress {background-color:#eff5cd; border:1px solid #e7f0b4;} .WrapperSeason .ItemSeason .Table_A .Row_A .Cell_A .Neutral_A {width:33px; height:33px; cursor:pointer; display:inline-block; margin:0px 5px; border-radius:50%; border:1px solid #d0d9db; background-color:#ffffff;} .WrapperSeason .ItemSeason .Table_A .Row_A .Cell_A .Neutral_A .N {display:block;} .WrapperSeason .ItemSeason .Table_A .Row_A .Cell_A .Neutral_A .H {display:none;} .WrapperSeason .ItemSeason .Table_A .Row_A .Cell_A .Neutral_A .P {display:none;} .WrapperSeason .ItemSeason .Table_A .Row_A .Cell_A .Neutral_A.Highlight {border:1px solid #c2d962; background-color:#c2d962;} .WrapperSeason .ItemSeason .Table_A .Row_A .Cell_A .Neutral_A.Highlight .N {display:none;} .WrapperSeason .ItemSeason .Table_A .Row_A .Cell_A .Neutral_A.Highlight .H {display:block;} .WrapperSeason .ItemSeason .Table_A .Row_A .Cell_A .Neutral_A.Highlight .P {display:none;} .WrapperSeason .ItemSeason .Table_A .Row_A .Cell_A .Neutral_A.Progress {background-color:#eff5cd; border:1px solid #e7f0b4;} .WrapperSeason .ItemSeason .Table_A .Row_A .Cell_A .Good_A {width:33px; height:33px; cursor:pointer; display:inline-block; margin:0px 5px; border-radius:50%; border:1px solid #d0d9db; background-color:#ffffff;} .WrapperSeason .ItemSeason .Table_A .Row_A .Cell_A .Good_A .N {display:block;} .WrapperSeason .ItemSeason .Table_A .Row_A .Cell_A .Good_A .H {display:none;} .WrapperSeason .ItemSeason .Table_A .Row_A .Cell_A .Good_A .P {display:none;} .WrapperSeason .ItemSeason .Table_A .Row_A .Cell_A .Good_A.Highlight {border:1px solid #c2d962; background-color:#c2d962;} .WrapperSeason .ItemSeason .Table_A .Row_A .Cell_A .Good_A.Highlight .N {display:none;} .WrapperSeason .ItemSeason .Table_A .Row_A .Cell_A .Good_A.Highlight .H {display:block;} .WrapperSeason .ItemSeason .Table_A .Row_A .Cell_A .Good_A.Highlight .P {display:none;} .WrapperSeason .ItemSeason .Table_A .Row_A .Cell_A .Good_A.Progress {background-color:#eff5cd; border:1px solid #e7f0b4;} .WrapperSeason .ItemSeason .Table_N {display:table;} .WrapperSeason .ItemSeason .Table_N .Row_N {display:table-row;} .WrapperSeason .ItemSeason .Table_N .Row_N .Cell_N {display:table-cell; vertical-align:middle; text-align:center; height:50px; border-bottom:1px solid #d0d9db; border-right:1px solid #d0d9db; padding:8px 5px 5px 0px;} .WrapperSeason .ItemSeason .Table_N .Row_N .Cell_N .Img_N {width:60px; margin-right:10px; display:inline-block;} .WrapperSeason .ItemSeason .Table_N .Row_N .Cell_N .Img_N img {width:100%; display:block;} .WrapperSeason .ItemSeason .Table_N .Row_N .Cell_N .Txt_N {width:180px; display:inline-block; color:#263339; font-size:18px; line-height:1.2em; text-align:left; position:relative; top:-4px;} .swiper-assessments .swiper-button-next {display:none; background-image:url(/Content/Images/Icon_Arrow_Testimonial_Right.png); background-size:50px 50px; width:50px; height:50px; margin-top:40px; right:30px;} .swiper-assessments:hover .swiper-button-next {display:block;} .swiper-assessments .swiper-button-prev {display:none; background-image:url(/Content/Images/Icon_Arrow_Testimonial_Left.png); background-size:50px 50px; width:50px; height:50px; margin-top:40px; left:30px;} .swiper-assessments:hover .swiper-button-prev {display:block;} .swiper-assessments .swiper-button-next.swiper-button-disabled {opacity:0;} .swiper-assessments .swiper-button-prev.swiper-button-disabled {opacity:0;} .PopupParent {position:absolute; width:86%; margin-left:7%; min-width:260px; height:0px; z-index:140; opacity:0; display:none; transition:opacity 200ms ease;} .PopupParent.Visible {opacity:1;} .PopupParent .Popup {position:relative; color:#263339; margin:0px auto 0px auto; max-width:400px; background-color:#fff; border-radius:3px; padding:15px 15px 1px 15px;} /* max-width changeable to make popup smaller */ .PopupParent .Popup .ClosePopup {position:absolute; background-image:url(/Content/Images/icon-close5.png); top:-20px; right:-20px; width:36px; height:36px; background-position:center center; background-size:12px 12px; cursor:pointer; background-repeat:no-repeat; background-color:#fff; border-radius:50%; border:1px solid #ddd;} .PopupParent .Popup .ActualContent {} .PopupParent .Popup .ActualContent .Title {text-align:center; font-size:18px; margin-bottom:10px; margin-top:20px;} .PopupParent .Popup .ActualContent .Content1 {text-align:center; margin-bottom:30px;} .PopupParent .Popup .ActualContent .Content2 {text-align:left; padding:15px 15px 0px 15px; box-sizing:border-box;} .PopupParent .Popup .ActualContent .Content2 h2 {font-size:30px;} .PopupParent .Popup .ErrorMsg span {display:block; margin-bottom:10px; font-size:14px; color:#ff0000;} .PopupParent .Popup .ErrorMsg.CenterTxt {text-align:center;} .PopupParent .Popup .ErrorMsg.AddedSpaceBtm span {margin-bottom:40px;} .PopupParent .Popup.DarkBack {background-color:#66bedf;} .PopupParent .ProgressIndicator {position:absolute; z-index:5; top:0px; left:0px; width:100%; height:100%; background-color:rgba(255, 255, 255, 0.5);} .PopupParent .ProgressIndicator img {position:absolute; z-index:10; top:50%; left:50%; transform:translate(-50%, -50%);} .PopupParent .ProgressIndicator.Hide {display:none;} .PopupParent .AssessCriteriaContainer {max-height:calc(100vh - 400px); overflow-y:auto;} .PopupParent .LoadingPanel {display:none;} .PopupParent .LoadingPanel.Loading {display:block; position:absolute; z-index:10; top:0px; left:0px; width:100%; height:100%; background-color:#ffffff; opacity:0.5;} .PopupParent .LoadingPanel.Loading img {position:absolute; top:50%; right:50%; transform:translate(50%,-50%);} .PopupParent .GeneralContent.Hide {display:none;} .PopupParent .SuccessMsg {text-align:center;} .PopupParent .SuccessMsg.Hide {display:none;} .PopupParent .SuccessMsg .SuccessImg {width:75px; margin:0 auto 35px auto;} .PopupParent .SuccessMsg .SuccessImg img {width:100%;} .PopupParent .TopTitle {width:calc(100% + 30px); margin:-15px 0px 0px -15px; background-color:#66bedf; padding:15px 30px; box-sizing:border-box; border-bottom:1px solid #263339;} .PopupParent .TopTitle h2 {font-size:24px; color:#ffffff; margin-bottom:0px;} .PopupParent .BtmBtnsContainer {position:relative; top:1px; width:calc(100% + 30px); margin-left:-15px; text-align:right; background-color:#eeeeee; padding:15px 30px; box-sizing:border-box; border-bottom-left-radius:3px; border-bottom-right-radius:3px;} .PopupParent .BtmBtnsContainer .BtmBtns {display:inline-flex; align-items:center;} .PopupParent .BtmBtnsContainer .BtmBtns .MiddleBtn {margin-left:10px; box-sizing:border-box;} .PopupParent .BtmBtnsContainer .BtmBtns .RightBtn {margin-left:10px; box-sizing:border-box;} .PopupParent .BtmBtnsContainer .BtmBtns a {font-size:12px; padding:10px 30px 10px 30px;} .PopupParent .BtmBtnsContainer.WhiteBg {background-color:#ffffff;} .PopupParent .BtmBtnsContainer.Hide {display:none;} .PopupParentV2 {position:absolute; width:86%; margin-left:7%; min-width:260px; height:0px; z-index:140; opacity:0; display:none; transition:opacity 200ms ease;} .PopupParentV2.Visible {opacity:1;} .PopupParentV2 .Popup {position:relative; color:#263339; margin:0px auto 0px auto; max-width:400px; background-color:#fff; border-radius:3px; padding:15px 15px 1px 15px;} /* max-width changeable to make popup smaller */ .PopupParentV2 .Popup .ClosePopup {position:absolute; background-image:url(/Content/Images/icon-close5.png); top:-20px; right:-20px; width:36px; height:36px; background-position:center center; background-size:12px 12px; cursor:pointer; background-repeat:no-repeat; background-color:#fff; border-radius:50%; border:1px solid #ddd;} .PopupParentV2 .Popup .ActualContent {} .PopupParentV2 .Popup .ActualContent .Title {text-align:center; font-size:18px; margin-bottom:10px; margin-top:20px;} .PopupParentV2 .Popup .ActualContent .Content1 {text-align:center; margin-bottom:30px;} .PopupParentV2 .Popup .ActualContent .Content2 {text-align:left; padding:15px 15px 0px 15px; box-sizing:border-box;} .PopupParentV2 .Popup .ActualContent .Content2 h2 {font-size:30px;} .PopupParentV2 .Popup .ErrorMsg span {display:block; margin-bottom:10px; font-size:14px; color:#ff0000;} .PopupParentV2 .Popup .ErrorMsg.CenterTxt {text-align:center;} .PopupParentV2 .Popup .ErrorMsg.AddedSpaceBtm span {margin-bottom:40px;} .PopupParentV2 .Popup.DarkBack {background-color:#66bedf;} .PopupParentV2 .ProgressIndicator {position:absolute; z-index:5; top:0px; left:0px; width:100%; height:100%; background-color:rgba(255, 255, 255, 0.5);} .PopupParentV2 .ProgressIndicator img {position:absolute; z-index:10; top:50%; left:50%; transform:translate(-50%, -50%);} .PopupParentV2 .ProgressIndicator.Hide {display:none;} .PopupParentV2 .AssessCriteriaContainer {max-height:calc(100vh - 400px); overflow-y:auto;} .PopupParentV2 .LoadingPanel {display:none;} .PopupParentV2 .LoadingPanel.Loading {display:block; position:absolute; z-index:10; top:0px; left:0px; width:100%; height:100%; background-color:#ffffff; opacity:0.5;} .PopupParentV2 .LoadingPanel.Loading img {position:absolute; top:50%; right:50%; transform:translate(50%,-50%);} .PopupParentV2 .GeneralContent.Hide {display:none;} .PopupParentV2 .SuccessMsg {text-align:center;} .PopupParentV2 .SuccessMsg.Hide {display:none;} .PopupParentV2 .SuccessMsg .SuccessImg {width:75px; margin:0 auto 35px auto;} .PopupParentV2 .SuccessMsg .SuccessImg img {width:100%;} .PopupParentV2 .TopTitle {width:calc(100% + 30px); margin:-15px 0px 0px -15px; background-color:#66bedf; padding:15px 30px; box-sizing:border-box; border-bottom:1px solid #263339;} .PopupParentV2 .TopTitle h2 {font-size:24px; color:#ffffff; margin-bottom:0px;} .PopupParentV2 .BtmBtnsContainer {position:relative; top:1px; width:calc(100% + 30px); margin-left:-15px; text-align:right; background-color:#eeeeee; padding:15px 30px; box-sizing:border-box; border-bottom-left-radius:3px; border-bottom-right-radius:3px;} .PopupParentV2 .BtmBtnsContainer .BtmBtns {display:inline-flex; align-items:center;} .PopupParentV2 .BtmBtnsContainer .BtmBtns .MiddleBtn {margin-left:10px; box-sizing:border-box;} .PopupParentV2 .BtmBtnsContainer .BtmBtns .RightBtn {margin-left:10px; box-sizing:border-box;} .PopupParentV2 .BtmBtnsContainer .BtmBtns a {font-size:12px; padding:10px 30px 10px 30px;} .PopupParentV2 .Popup {padding:0px;} .PopupParentV2 .Popup .ClosePopup {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; border-radius:0px; border:none;} .PopupParentV2 .Popup .PopupMsg {position:relative; background-color:#ffffff; padding:30px; box-sizing:border-box;} .PopupParentV2 .Popup .PopupMsg h2 {padding-right:30px; box-sizing:border-box;} .PopupParentV2 .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;} .PopupParentV2 .Popup .PopupMsg h2.Hdr3 {font-size:20px; padding:17px 60px 17px 30px; box-sizing:border-box; border-bottom:1px solid #ACBCBE; margin-bottom:0px;} .PopupParentV2 .Popup .PopupMsg h2.Hdr3.SpaceForCloseBtn {padding-right:60px;} .PopupParentV2 .Popup .PopupMsg h2.Hdr3 .YearType {text-transform:lowercase;} .PopupParentV2 .Popup .PopupMsg a {color:#F59E16;} .PopupParentV2 .Popup .PopupMsg.NoSpacing {padding:0px;} .PopupParentV2 .Popup .PopupMsg.MiddleBlock {max-height:calc(100vh - 170px); overflow-y:auto; padding:0px;} .PopupParentV2 .Popup .MsgContainer {padding:40px 30px;} .PopupParentV2 .Popup .MsgContainer.Center {text-align:center;} .PopupParentV2 .Popup .BtmBtnsContainer {background-color:#eeeeee; padding:10px 30px; box-sizing:border-box; width:inherit; margin-left:0px;} .PopupParentV2 .Popup .BtmBtnsContainer .BtmBtns .LeftBtn {min-width:140px;} .PopupParentV2 .Popup .BtmBtnsContainer .BtmBtns .LeftBtn a {display:block; font-size:1.3em; line-height:1.0em; letter-spacing:0px; padding:12.5px 20px; color:#4E5556; background:#eeeeee; text-transform:inherit;} .PopupParentV2 .Popup .BtmBtnsContainer .BtmBtns .RightBtn {min-width:140px;} .PopupParentV2 .Popup .BtmBtnsContainer .BtmBtns .RightBtn a {display:block; font-size:1.3em; line-height:1.0em; letter-spacing:0px; padding:12.5px 20px; box-shadow:none; text-transform:inherit;} .PopupParentV2 .Popup .BtmBtnsContainer.FullWidth .BtmBtns {display:flex; flex-wrap:wrap; gap:10px;} .PopupParentV2 .Popup .BtmBtnsContainer.FullWidth .BtmBtns .LeftBtn {flex:0 0 100%; margin:0px;} .PopupParentV2 .Popup .BtmBtnsContainer.FullWidth .BtmBtns .RightBtn {flex:0 0 100%; margin:0px;} .PopupParentV3 {position:absolute; width:86%; margin-left:7%; min-width:260px; height:0px; z-index:155; opacity:0; display:none; transition:opacity 200ms ease;} .PopupParentV3.Visible {opacity:1;} .PopupParentV3 .Popup {position:relative; color:#263339; margin:0px auto 0px auto; max-width:400px; background-color:#fff; border-radius:3px; padding:15px 15px 1px 15px;} /* max-width changeable to make popup smaller */ .PopupParentV3 .Popup .ClosePopup {position:absolute; background-image:url(/Content/Images/icon-close5.png); top:-20px; right:-20px; width:36px; height:36px; background-position:center center; background-size:12px 12px; cursor:pointer; background-repeat:no-repeat; background-color:#fff; border-radius:50%; border:1px solid #ddd;} .PopupParentV3 .Popup .ActualContent {} .PopupParentV3 .Popup .ActualContent .Title {text-align:center; font-size:18px; margin-bottom:10px; margin-top:20px;} .PopupParentV3 .Popup .ActualContent .Content1 {text-align:center; margin-bottom:30px;} .PopupParentV3 .Popup .ActualContent .Content2 {text-align:left; padding:15px 15px 0px 15px; box-sizing:border-box;} .PopupParentV3 .Popup .ActualContent .Content2 h2 {font-size:30px;} .PopupParentV3 .Popup .ErrorMsg span {display:block; margin-bottom:10px; font-size:14px; color:#ff0000;} .PopupParentV3 .Popup .ErrorMsg.CenterTxt {text-align:center;} .PopupParentV3 .Popup .ErrorMsg.AddedSpaceBtm span {margin-bottom:40px;} .PopupParentV3 .Popup.DarkBack {background-color:#66bedf;} .PopupParentV3 .ProgressIndicator {position:absolute; z-index:5; top:0px; left:0px; width:100%; height:100%; background-color:rgba(255, 255, 255, 0.5);} .PopupParentV3 .ProgressIndicator img {position:absolute; z-index:10; top:50%; left:50%; transform:translate(-50%, -50%);} .PopupParentV3 .ProgressIndicator.Hide {display:none;} .PopupParentV3 .AssessCriteriaContainer {max-height:calc(100vh - 400px); overflow-y:auto;} .PopupParentV3 .LoadingPanel {display:none;} .PopupParentV3 .LoadingPanel.Loading {display:block; position:absolute; z-index:10; top:0px; left:0px; width:100%; height:100%; background-color:#ffffff; opacity:0.5;} .PopupParentV3 .LoadingPanel.Loading img {position:absolute; top:50%; right:50%; transform:translate(50%,-50%);} .PopupParentV3 .GeneralContent.Hide {display:none;} .PopupParentV3 .SuccessMsg {text-align:center;} .PopupParentV3 .SuccessMsg.Hide {display:none;} .PopupParentV3 .SuccessMsg .SuccessImg {width:75px; margin:0 auto 35px auto;} .PopupParentV3 .SuccessMsg .SuccessImg img {width:100%;} .PopupParentV3 .TopTitle {width:calc(100% + 30px); margin:-15px 0px 0px -15px; background-color:#66bedf; padding:15px 30px; box-sizing:border-box; border-bottom:1px solid #263339;} .PopupParentV3 .TopTitle h2 {font-size:24px; color:#ffffff; margin-bottom:0px;} .PopupParentV3 .BtmBtnsContainer {position:relative; top:1px; width:calc(100% + 30px); margin-left:-15px; text-align:right; background-color:#eeeeee; padding:15px 30px; box-sizing:border-box; border-bottom-left-radius:3px; border-bottom-right-radius:3px;} .PopupParentV3 .BtmBtnsContainer .BtmBtns {display:inline-flex; align-items:center;} .PopupParentV3 .BtmBtnsContainer .BtmBtns .MiddleBtn {margin-left:10px; box-sizing:border-box;} .PopupParentV3 .BtmBtnsContainer .BtmBtns .RightBtn {margin-left:10px; box-sizing:border-box;} .PopupParentV3 .BtmBtnsContainer .BtmBtns a {font-size:12px; padding:10px 30px 10px 30px;} .PopupParentV3 .Popup {padding:0px;} .PopupParentV3 .Popup .ClosePopup {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; border-radius:0px; border:none;} .PopupParentV3 .Popup .PopupMsg {position:relative; background-color:#ffffff; padding:30px; box-sizing:border-box;} .PopupParentV3 .Popup .PopupMsg h2 {padding-right:30px; box-sizing:border-box;} .PopupParentV3 .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;} .PopupParentV3 .Popup .PopupMsg h2.Hdr3 {font-size:20px; padding:17px 60px 17px 30px; box-sizing:border-box; border-bottom:1px solid #ACBCBE; margin-bottom:0px;} .PopupParentV3 .Popup .PopupMsg h2.Hdr3.SpaceForCloseBtn {padding-right:60px;} .PopupParentV3 .Popup .PopupMsg a {color:#F59E16;} .PopupParentV3 .Popup .PopupMsg.NoSpacing {padding:0px;} .PopupParentV3 .Popup .PopupMsg.MiddleBlock {max-height:calc(100vh - 170px); overflow-y:auto; padding:0px;} .PopupParentV3 .Popup .MsgContainer {padding:40px 30px;} .PopupParentV3 .Popup .MsgContainer.Center {text-align:center;} .PopupParentV3 .Popup .BtmBtnsContainer {background-color:#eeeeee; padding:10px 30px; box-sizing:border-box; width:inherit; margin-left:0px;} .PopupParentV3 .Popup .BtmBtnsContainer .BtmBtns .LeftBtn {min-width:140px;} .PopupParentV3 .Popup .BtmBtnsContainer .BtmBtns .LeftBtn a {display:block; font-size:1.3em; line-height:1.0em; letter-spacing:0px; padding:12.5px 20px; color:#4E5556; background:#eeeeee; text-transform:inherit;} .PopupParentV3 .Popup .BtmBtnsContainer .BtmBtns .RightBtn {min-width:140px;} .PopupParentV3 .Popup .BtmBtnsContainer .BtmBtns .RightBtn a {display:block; font-size:1.3em; line-height:1.0em; letter-spacing:0px; padding:12.5px 20px; box-shadow:none; text-transform:inherit;} /* Panels */ .PopoutContainer.Panel {width:100%; max-height:100vh; background-color:#fff; height:100%; position:fixed; z-index:140; transition:all 150ms ease-in-out; overflow-x:hidden; overflow-y:auto; -webkit-overflow-scrolling:touch;} .PopoutContainer.Panel.Left {left:-100%; top:0;} .PopoutContainer.Panel.Left.Open {left:0;} .PopoutContainer.Panel.Right {right:-500%; top:0;} .PopoutContainer.Panel.Right.Open {right:0;} .PopoutContainer.Panel .PopoutMenuTitleBar {align-items:center; border-bottom:1px solid #d5d4d4; display:flex; justify-content:space-between; padding:16px 31px;} .PopoutContainer.Panel .PopoutMenuTitleBar .PopoutMenuTitle {font-size:20px; margin-bottom:0; padding-right:10px; box-sizing:border-box;} .PopoutContainer.Panel .PopoutMenuTitleBar .CloseButton {cursor:pointer; position:relative; top:2px; left:10px;} .PopoutContainer.Panel .PopoutMenuTitleBar .CloseButtonImage {height:15px; width:15px;} .PopoutContainer.Panel .ProgressIndicator {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);} .PopoutContainer.Panel .ProgressIndicator.Hide {display:none;} .PopoutContainer.Panel .PopoutMenuContent {position:relative; min-height:calc(100vh - 119px); padding:40px 30px; box-sizing:border-box;} .PopoutContainer.Panel .PopoutMenuContent.Disable {opacity:0.5; pointer-events:none;} .PopoutContainer.Panel .PopoutMenuContent.Hide {display:none;} .PopoutContainer.Panel .ErrorMsg {position:relative; min-height:calc(100vh - 119px); padding:40px 30px; box-sizing:border-box;} .PopoutContainer.Panel .ErrorMsg .Inner {text-align:center;} .PopoutContainer.Panel .ErrorMsg .Inner .Img {display:block; margin:0 auto; width:150px;} .PopoutContainer.Panel .ErrorMsg .Inner .Img img {width:100%;} .PopoutContainer.Panel .ErrorMsg .Inner .Txt {font-size:14px; color:#ff0000; margin-top:15px;} .PopoutContainer.Panel .ErrorMsg.Hide {display:none;} .PopoutContainer.Panel .PopoutMenuFooter {align-items:center; background-color:#eee; display:flex; height:60px; justify-content:flex-end; padding:0 30px; box-sizing:border-box; width:100%;} .PopoutContainer.Panel .PopoutMenuFooter .Btn {width:140px;} .PopoutContainer.Panel .PopoutMenuFooter .Btn a {display:block; font-size:13px; box-shadow:none; padding:11px 40px 11px 40px; text-transform:inherit;} .PopoutContainer.Panel .PopoutMenuFooter .Btn.Disable {opacity:0.5; pointer-events:none;} .PopoutContainer.Panel .PopoutMenuFooter .SecondaryButton {margin-right:10px;} /* My Pupils */ .MyPupils {display:table; width:100%;} .MyPupils .Inner {display:table-cell; vertical-align:middle; text-align:left; padding:160px 0px 80px 0px; position:relative;} .MyPupils .Top {margin-bottom:30px;} .MyPupils .Top .Desc {float:left;} .MyPupils .Top .Desc .Title {color:#fff; display:inline-block; margin:0px;} .MyPupils .Top .Buttons {float:right; text-align:right; margin-top:15px;} .MyPupils .Top .Buttons .BtnUploadExcelFile {display:inline-block;} .MyPupils .Top .Buttons .BtnCreate {display:inline-block; margin-left:20px;} .MyPupils .Top .Filter {display:table; margin-top:20px;} .MyPupils .Top .Filter .Title {display:table-cell; font-size:20px; font-weight:300; color:#ffffff; width:130px;} .MyPupils .Top .Filter .Wrapper_F {display:table-cell;} .MyPupils .Top .Filter .Wrapper_F .Item_F {display:inline-block; margin:10px 20px 0px 0px;} .MyPupils .Content {} .MyPupils .Content .HeadList {display:table; width:100%;} .MyPupils .Content .HeadList .Img_HL {display:table-cell; width:168px;} .MyPupils .Content .HeadList .Inner_HL {display:table-cell; padding:0px 30px 10px 30px;} .MyPupils .Content .HeadList .Table_HL {display:table; width:100%;} .MyPupils .Content .HeadList .Table_HL .Cell_HL {display:table-cell; vertical-align:middle; text-align:center;} .MyPupils .Content .HeadList .Table_HL .Cell_HL .Txt {font-size:14px; color:#47859c; font-style:italic; font-family:'Quicksand', Arial, Helvetica, Verdana;} .MyPupils .Content .HeadList .Table_HL .Cell_HL .SortSelect {display:inline-block; margin-left:20px; width:170px;} .MyPupils .Content .HeadList .Table_HL .Cell_01 {width:25%; text-align:left;} .MyPupils .Content .HeadList .Table_HL .Cell_02 {width:15%;} .MyPupils .Content .HeadList .Table_HL .Cell_03 {width:10%;} .MyPupils .Content .HeadList .Table_HL .Cell_04 {width:10%;} .MyPupils .Content .HeadList .Table_HL .Cell_05 {width:41%; text-align:right;} .MyPupils .ExplainTxtBlock p {color:#ffffff;} .MyPupils .Content .EmptyList {display:block; width:100%; text-align:center; text-decoration:none; border:2px dashed #47859c; border-radius:4px; box-sizing:border-box;} .MyPupils .Content .EmptyList .InnerList {padding:50px 30px; display:block;} .MyPupils .Content .EmptyList .InnerList .Icon {width:100%; display:block; margin-bottom:15px;} .MyPupils .Content .EmptyList .InnerList .Icon img {width:50px; display:inline-block;} .MyPupils .Content .EmptyList .InnerList .Txt {font-size:16px; line-height:1.3em; font-weight:700; text-transform:uppercase; color:#47859c;} .MyPupils .Content .WrapperList {display:block; width:100%; margin:0px 0px -20px 0px;} .MyPupils .Content .WrapperList .ItemList {display:table; width:100%; background:#ffffff; border-radius:4px; box-shadow:3px 3px 0px rgba(0, 0, 0, .25); margin:0px 0px 20px 0px;} .MyPupils .Content .WrapperList .ItemList .ImgList {display:table-cell; vertical-align:middle; width:168px;} .MyPupils .Content .WrapperList .ItemList .ImgList img {width:100%; display:block; border-top-left-radius:4px; border-bottom-left-radius:4px;} .MyPupils .Content .WrapperList .ItemList .InnerList {display:table-cell; vertical-align:middle; padding:30px 30px;} .MyPupils .Content .TableList {display:table; width:100%;} .MyPupils .Content .TableList .CellList {display:table-cell; vertical-align:middle; text-align:center;} .MyPupils .Content .TableList .CellList .Name {font-size:24px; font-weight:700; color:#263339;} .MyPupils .Content .TableList .CellList .Class {font-size:16px; font-weight:700; color:#263339;} .MyPupils .Content .TableList .CellList .Year {font-size:16px; color:#263339; font-style:italic; font-family:'Quicksand', Arial, Helvetica, Verdana;} .MyPupils .Content .TableList .CellList .KeyStage {font-size:16px; font-weight:700; color:#263339;} .MyPupils .Content .TableList .CellList .PupilNbre {font-size:20px; font-weight:400; color:#263339;} .MyPupils .Content .TableList .CellList .BtnEdit {font-size:14px; font-weight:400; color:#5c7279;} .MyPupils .Content .TableList .CellList .BtnEdit a {text-decoration:none; color:#5c7279;} .MyPupils .Content .TableList .CellList .BtnDelete {font-size:14px; font-weight:400; color:#5c7279; cursor:pointer;} .MyPupils .Content .TableList .CellList .BtnView {margin-left:20px;} .MyPupils .Content .TableList .CellList .BtnView a {width:100%; padding:14px 0px;} .MyPupils .Content .TableList .CellList .BtnView input {width:100%; padding:14px 0px;} .MyPupils .Content .TableList .CellList .Lab {display:none; width:80px; font-size:12px; font-weight:400; color:#5c7279; font-style:italic; font-family:'Quicksand', Arial, Helvetica, Verdana;} .MyPupils .Content .TableList .Cell_01 {width:25%; text-align:left;} .MyPupils .Content .TableList .Cell_02 {width:15%;} .MyPupils .Content .TableList .Cell_03 {width:10%;} .MyPupils .Content .TableList .Cell_04 {width:10%;} .MyPupils .Content .TableList .Cell_05 {width:10%;} .MyPupils .Content .TableList .Cell_06 {width:10%;} .MyPupils .Content .TableList .Cell_07 {width:20%;} /* Updating Existing Pupils */ .UpdateExistingPupils {text-align:right; margin-bottom:30px;} .UpdateExistingPupils .ValidationMessage1 {padding-bottom:0px;} .UpdateExistingPupils .ValidationMessage1 span {display:block; margin-bottom:20px;} .UpdateExistingPupils .BtnOne {position:relative; display:inline-block;} .UpdateExistingPupils .Loading {display:none; position:absolute; width:100%; height:100%; border-radius:50px; background-color:rgba(255, 255, 255, 0.5);} .UpdateExistingPupils .Loading img {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:40px;} .UpdateExistingPupils.ShowLoader .Loading {display:block;} /* Manage Pupil Resources */ .ChkOptsRow {display:flex; align-items:center; width:100%;} .ChkOptsRow .LeftSide {flex:1; padding-right:10px; box-sizing:border-box;} .ChkOptsRow .RightSide {flex:1; padding-left:10px;box-sizing:border-box;} .BtmCtrlsRow {display:flex; align-items:start; width:100%; margin-top:15px;} .BtmCtrlsRow .LeftSide {flex:1; padding-right:10px; box-sizing:border-box;} .BtmCtrlsRow .RightSide {flex:1; padding-left:10px; padding-top:33px; box-sizing:border-box; text-align:center;} .BtmCtrlsRow .BtnOne a {padding:10px; font-size:12px;} .ManagePupilResource {text-align:right; margin-bottom:30px;} .ManagePupilResource .ValidationMessage1 {padding-bottom:0px; text-align:left;} .ManagePupilResource .ValidationMessage1 span {display:block; margin-top:10px;} .ManagePupilResource .BtnOne {position:relative; display:inline-block;} .ManagePupilResource .Loading {display:none; position:absolute; width:100%; height:100%; border-radius:50px; background-color:rgba(255, 255, 255, 0.5);} .ManagePupilResource .Loading img {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:30px;} .ManagePupilResource.ShowLoader .Loading {display:block;} .EPFilterList {margin:20px 0px 20px 0px;} .EPFilterList .FilterBlocks {display:flex; flex-wrap:wrap; width:calc(100% + 15px);} .EPFilterList .FilterRow {flex:0 0 50%; display:flex; align-items:center; width:100%; margin-bottom:15px;} .EPFilterList .FilterRow .FilterName {flex:1; padding-right:15px; box-sizing:border-box;} .EPFilterList .FilterRow .FilterName .Txt {font-size:12px; padding-right:15px; box-sizing:border-box;} .EPFilterList .FilterRow .FilterDropdown {flex:1; position:relative; padding-right:15px; box-sizing:border-box;} .EPFilterList .FilterRow .FilterDropdown .sbSelector {font-size:12px; padding:5px 25px 5px 10px;} .EPFilterList .FilterRow .FilterDropdown .sbToggle {top:10px; right:22px;} .EPFilterList .FilterRow .FilterDropdown .sbOptions {width:calc(100% - 15px);} .EPFilterList .FilterRow .FilterDropdown .sbOptions a {font-size:12px; padding:5px 10px;} .EPContent.Hide {display:none;} .EPConfirmMsg {padding-bottom:15px;} .EPConfirmMsg.Hide {display:none;} .EPConfirmMsg p {color:#000000;} .EPConfirmMsg .FilterStatusBlock {margin-bottom:30px;} .EPConfirmMsg .FilterStatusBlock .SBRow {font-size:14px; margin-bottom:5px;} .EPConfirmMsg .EPConfirmPupilList {max-height:300px; overflow-x:auto;} .EPConfirmMsg .EPConfirmPupilList .PupilName {font-size:14px; margin-bottom:5px;} .EPConfirmMsg #EPSummaryTxt {margin-top:30px;} .ExistingPupilsList {margin-bottom:30px; max-height:300px; overflow-x:auto;} .ExistingPupilsList .EPRow {display:flex; align-items:center; width:100%; margin:10px 0px;} .ExistingPupilsList .EPRow .ChkBox {flex:0 0 28px;} .ExistingPupilsList .EPRow .EPDetails {flex:1; display:flex; align-items:center; width:100%; background-color:#ffffff; border-radius:4px; overflow:hidden;} .ExistingPupilsList .EPRow .Img {flex:0 0 60px;} .ExistingPupilsList .EPRow .Img img {width:100%; margin-bottom:-3px;} .ExistingPupilsList .EPRow .Name {flex:0 0 210px; padding-left:10px; box-sizing:border-box;} .ExistingPupilsList .EPRow .Name .Txt {font-size:14px; font-weight:700; color:#263339;} .ExistingPupilsList .EPRow .Class {flex:1; padding-left:10px; box-sizing:border-box;} .ExistingPupilsList .EPRow .Class .Txt {font-size:12px; font-weight:700; color:#263339;} .ExistingPupilsList .EPRow .Year {flex:1; padding-left:10px; box-sizing:border-box;} .ExistingPupilsList .EPRow .Year .Txt {font-size:12px; font-style:italic; font-family:'Quicksand', Arial, Helvetica, Verdana; color:#263339;} .ExistingPupilsList .EPRow .KeyStage {flex:1; padding-left:10px; box-sizing:border-box;} .ExistingPupilsList .EPRow .KeyStage .Txt {font-size:12px; font-weight:700; color:#263339;} .ExistingPupilsList .EPRow.TopRow {margin-bottom:15px; border-radius:inherit; overflow:inherit;} .ExistingPupilsList .EPRow.TopRow .EPDetails {background-color:inherit;} .ExistingPupilsList .EPRow.TopRow .Name .Txt {font-size:12px; color:#47859c; font-weight:500; font-style:italic; font-family:'Quicksand', Arial, Helvetica, Verdana;} .ExistingPupilsList .EPRow.TopRow .Class .Txt {color:#47859c; font-weight:500; font-style:italic; font-family:'Quicksand', Arial, Helvetica, Verdana;} .ExistingPupilsList .EPRow.TopRow .Year .Txt {color:#47859c;} .ExistingPupilsList .EPRow .KeyStage .Txt {color:#47859c; font-weight:500; font-style:italic; font-family:'Quicksand', Arial, Helvetica, Verdana;} /* Create Pupil */ .CreatePupil {background-color:#263339;} .CreatePupil .Title {color:#ffffff;} .CreatePupil .UPN {color: #ffffff; font-size: 18px;} .CreatePupil .Subtitle {color:#ffffff; margin-bottom:40px;} .CreatePupil .BtnBack {position:absolute; top:160px; left:60px; z-index:10;} .CreatePupil .Table_CC {display:table; table-layout:fixed;} .CreatePupil .Table_CC .Cell_CC {display:table-cell; vertical-align:middle; text-align:center; padding:160px 0px 80px 0px;} .CreatePupil .Form {width:900px; display:inline-block; text-align:left;} .CreatePupil .Form .Column01 {float:left; width:52%;} .CreatePupil .Form .Column02 {float:left; width:43%;} .CreatePupil .Form .ColumnSpacer {float:left; width:5%; height:1px; display:block;} .CreatePupil .BtnSave {padding-top:10px; display:block; text-align:center;} .CreatePupil .BtnSave a {padding:14px 0px; width:320px;} .CreatePupil .BtnSave input {padding:14px 0px; width:320px;} .WrapperImage {width:104%; margin:0px 0px -10px 0px; text-align:left;} .WrapperImage .ItemImage {text-align:left; margin:0px 4% 40px 0px; display:inline-block; width:29.33%; vertical-align:top} .WrapperImage .ItemImage .FormBox {margin:0px;} .WrapperImage .ItemImage .AddImage {border:2px dashed #3a484e; box-sizing:border-box; border-radius:4px; position:relative; display:block; text-decoration:none;} .WrapperImage .ItemImage .AddImage .AddCell {padding:50px 0px; position:absolute; top:50%; width:100%; text-align:center; margin-top:-95px; display:block;} .WrapperImage .ItemImage .AddImage .AddCell .Icon {width:100%; display:block; margin-bottom:15px;} .WrapperImage .ItemImage .AddImage .AddCell .Icon img {width:50px; display:inline-block;} .WrapperImage .ItemImage .AddImage .AddCell .Txt {font-size:16px; line-height:1.3em; font-weight:700; text-transform:uppercase; color:#56686f; display:block;} /* */ .ui-slider.ui-slider-horizontal {height:8px; margin-top:15px; margin-bottom:5px; margin-left:5px; margin-right:8px; background:none;} .ui-slider.ui-widget-content {border:none; border-top:solid 1px #fff;} .ui-slider.ui-slider-horizontal .ui-slider-range {background-color:#ea5400; height:3px; background-image:none; position:relative; top:-2px;} .ui-slider.ui-slider-horizontal .ui-slider-handle {border-radius:2px; top:-12px; height:20px; background-color:#f59e16; background-image:url(/Content/Images/slider_handle.png); background-size:9px auto; background-repeat:no-repeat; background-position:center center; box-shadow:3px 3px 0px rgba(0, 0, 0, .25); border:none; cursor:pointer;} .ui-slider.ui-slider-horizontal .ui-slider-handle.ui-state-hover {background-color:#d98708;} .ui-slider.OnWhite.ui-widget-content {border-color:#ccc;} .ui-slider.OnWhite.ui-slider-horizontal .ui-slider-handle {border:solid 1px #eee;} .ImageEditorSection .cropit-preview {background-color:#fff; background-size:cover; width:300px; height:200px; margin-bottom:20px; border:2px dashed #3a484e; box-sizing:border-box; border-radius:4px;} /* Initial dimensions overwriten, white background because transparent images and area outside of image will be white after upload */ .ImageEditorSection .cropit-preview .ProgressIndicator {position:absolute; top:50%; left:50%; display:none; z-index:3; width:50px; height:50px; margin-left:-25px; margin-top:-25px; background-image:url(/Content/Images/Icon_ProfileImage.png); background-size:100% 100%; background-position:center center;} .ImageEditorSection .cropit-preview .ProgressIndicator img {width:50px; height:50px; display:block; margin:0px auto 0px auto;} .ImageEditorSection .cropit-preview.cropit-image-loading .ProgressIndicator {display:block;} .ImageEditorSection .cropit-preview.cropit-image-loaded .cropit-preview-image-container {cursor:move; background-color:#fff; } .ImageEditorSection .cropit-preview-background {opacity:0.2;} .ImageEditorSection .CbxAndLabel {margin-bottom:6px;} .ImageEditorSection .ImageChanged {display:none;} .ImageEditorSection .Toolbar {display:table; width:100%; margin-bottom:18px;} .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-top:solid 3px #fff; border-radius:0; margin-top:7px;} .ImageEditorSection .Toolbar .StyledSlider .ui-slider-handle {top:-12px;} .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;} /* Pupils View */ .PupilsView {} .PupilsView .Top {display:table; width:100%;} .PupilsView .UPN {color: #ffffff;} .PupilsView .Top .Inner {display:table-cell; vertical-align:middle; text-align:left; padding:160px 0px 0px 0px; position:relative;} .PupilsView .Top .SortSelect {position:absolute; top:0px; right:60px; width:160px;} .PupilsView .Top .Table {display:table; width:100%; height:420px;} .PupilsView .Top .Table .Img {display:table-cell; vertical-align:top; max-width:66px; padding-right:60px;} .PupilsView .Top .Table .Img img {width:100%; display:block; border-radius:4px; box-shadow: 3px 3px 0px rgba(0, 0, 0, .25);} .PupilsView .Top .Table .Img .Txt {font-size:20px; font-weight:300; color:#ffffff; margin-top:10px;} .PupilsView .Top .Table .CBImgCell img {box-shadow:none;} .PupilsView .Top .Table .Desc {display:table-cell; vertical-align:top;} .PupilsView .Top .Table .Desc .ImgHidden {display:none; text-align:center; margin-bottom:20px;} .PupilsView .Top .Table .Desc .ImgHidden img {width:380px; display:inline-block; border-radius:4px; box-shadow: 3px 3px 0px rgba(0, 0, 0, .25);} .PupilsView .Top .Table .Desc .KeyStage {font-size:20px; text-align:center; font-weight:400; color:#ffffff; display:inline-block; font-style:italic; font-family:'Quicksand', Arial, Helvetica, Verdana; background:#47859c; padding:10px 15px; margin-bottom:10px;} .PupilsView .Top .Table .Desc .Title {color:#ffffff; margin:0px;} .PupilsView .Top .Table .Desc .Class {font-size:20px; text-align:center; font-weight:400; color:#fff; display:inline-block; font-style:italic; font-family:'Quicksand', Arial, Helvetica, Verdana;} .PupilsView .Top .Table .Desc .BtnPrint {margin-top:22px;} .PupilsView .Top .Table .Desc .BtnPrint a {padding:14px 0px; width:160px;} .PupilsView .Top .Table .Desc .BtnPrint input {padding:14px 0px; width:160px;} .PupilsView .Top .Table .Desc .Txt {font-size:20px; font-weight:300; color:#ffffff; margin-top:10px;} .PupilsView .Wrapper_PV .Item_PV .Desc_PV .NotesField .TextArea {min-height:221px; resize:none;} .PupilsView .Content .Inner {text-align:center; padding:80px 0px 80px 0px; position:relative; background-color:#ffffff;} .PupilsView .Top .BtnBack {display:block; margin:0px 0px 40px 0px;} .GeneralNotesBox .FormField .TextArea {height:100px;} .PupilInfoSm {display:none;} .PupilCheckboxImgTable {display:table; width:100%; margin-bottom:15px;} .PupilCheckboxImgTable .CBImgCell {display:table-cell; vertical-align:middle; width:18px; position:relative;} .PupilCheckboxImgTable .LabelCell {display:table-cell; vertical-align:middle; color:#ffffff; font-size:14px; padding-left:10px; box-sizing:border-box;} .PupilCheckboxImgTable .LabelCell label:hover {cursor:pointer;} .Wrapper_PV {} .Wrapper_PV .Item_PV {display:table; table-layout:fixed; padding-bottom:80px; margin-bottom:80px; border-bottom:1px solid #d0d9db; width:100%;} .Wrapper_PV .Item_PV:last-child {padding-bottom:0px; margin-bottom:0px; border-bottom:none;} .Wrapper_PV .Item_PV .Desc_PV {display:table-cell; vertical-align:top; text-align:left;} .Wrapper_PV .Item_PV .Desc_PV .Status_PV {width:55px; height:55px; display:block; border-radius:50%; float:left; margin-right:20px;} .Wrapper_PV .Item_PV .Desc_PV .Status_PV img {width:100%; display:block;} .Wrapper_PV .Item_PV .Desc_PV .Title_PV {float:left; font-size:40px; font-weight:700;} .Wrapper_PV .Item_PV .Desc_PV .Subitle_PV {font-size:20px; color:#263339; margin-top:10px;} .Wrapper_PV .Item_PV .Desc_PV .NotesBox {margin:30px 0px 0px 0px;} .Wrapper_PV .Item_PV .Desc_PV .NotesBox .FormLabel {color:#5c7279;} .Wrapper_PV .Item_PV .Desc_PV .NotesField {border:1px solid #d0d9db; border-radius:4px; margin-bottom:15px;} .Wrapper_PV .Item_PV .Desc_PV .NotesField .TextArea {font-family:'Quicksand', Arial, Helvetica, Verdana; font-style:italic; color:#5c7279; font-size:14px;} .Wrapper_PV .Item_PV .Pict_PV {display:table-cell; vertical-align:top; width:440px; padding-left:60px;} .Wrapper_PV .Item_PV .Pict_PV .Button_PV {margin-top:25px;} .Wrapper_PV .Item_PV .Pict_PV .Button_PV .BtnPicture {float:left; width:30%;} .Wrapper_PV .Item_PV .Pict_PV .Button_PV .BtnPicture a {width:100%; padding:14px 0px;} .Wrapper_PV .Item_PV .Pict_PV .Button_PV .BtnPicture input {width:100%; padding:14px 0px;} .Wrapper_PV .Item_PV .Pict_PV .Button_PV .BtnVideo {float:left; width:30%; margin-left:4%;} .Wrapper_PV .Item_PV .Pict_PV .Button_PV .BtnVideo a {width:100%; padding:14px 0px;} .Wrapper_PV .Item_PV .Pict_PV .Button_PV .BtnVideo input {width:100%; padding:14px 0px;} .Wrapper_PV .Item_PV .Pict_PV .Button_PV.SubActBtns {display:none;} .Wrapper_PV .Item_PV .Pict_PV .Button_PV.SubActBtns.Show {display:block;} .Wrapper_PV .Item_PV.ActivityBlock .Title_PV {margin-bottom:20px;} .Wrapper_PV .Item_PV.ActivityBlock .Title_PV.GroupTitle {position:relative; bottom:2px; font-size:25px; margin-bottom:0px;} .Wrapper_PV .Item_PV.ActivityBlock .Desc_PV .Status_PV {width:35px; height:35px; margin-right:15px;} .Wrapper_PV .Item_PV.ActivityBlock .GroupActLink {margin-bottom:20px;} .Wrapper_PV .Item_PV.ActivityBlock .GroupActLink:hover {cursor:pointer;} .Wrapper_PV .Item_PV.ActivityBlock .SubActPanel .NotesBox {margin:0px 0px 30px 0px;} .Wrapper_PV .Item_PV.ActivityBlock .NotesBoxPanel {display:none;} .Wrapper_PV .Item_PV.ActivityBlock .NotesBoxPanel.Show {display:block;} .swiper-pupil-view {padding-bottom:10px;} .swiper-pupil-view .swiper-slide {width:100%; background:#d7dee0; border-radius:4px;} .swiper-pupil-view .swiper-slide .FileName {text-align:left; font-size:14px; margin-bottom:5px;} .swiper-pupil-view .swiper-slide .FileName .Label {font-weight:700;} .swiper-pupil-view .swiper-slide img {display:block; width:100%; border-radius:4px;} .swiper-pupil-view .swiper-slide.AudioFile {background:none;} .swiper-pupil-view .swiper-pagination {position:relative; bottom:-10px; min-height:13px;} /* min height as placeholder when there is pagination */ .swiper-pupil-view .swiper-pagination .swiper-pagination-bullet {width:10px; height:10px; background:#d7dee0 none repeat scroll 0% 0%; opacity:1;} .swiper-pupil-view .swiper-pagination .swiper-pagination-bullet-active {background:#f59e16;} /* My Reporting */ .MyReporting {display:table; width:100%; position:relative;} .MyReporting .Inner {display:table-cell; vertical-align:middle; text-align:left; padding:160px 0px 80px 0px; position:relative;} .MyReporting .Top {margin-bottom:30px;} .MyReporting .Top .Desc {float:left;} .MyReporting .Top .Desc .Title {font-size:40px; color:#fff; display:inline-block; margin:0px;} .MyReporting .Top .Buttons {float:right; text-align:right; margin-top:15px;} .MyReporting .Top .Buttons .ExportData {display:inline-block;} .MyReporting .Top .Buttons .BtnPrint {display:inline-block; margin-left:20px;} .MyReporting .Top .Buttons .BtnOne a {font-size:13px; padding:11px 30px 11px 42px; background-image:url('/Content/Images/Sm_Print_Icon.png'); background-size:20px; background-repeat:no-repeat; background-position:12px center;} .MyReporting .Top .Buttons .BtnDarkTwo a {font-size:13px; padding:11px 30px 11px 42px; background-image:url('/Content/Images/Sm_Export_Arrow.png'); background-size:18px; background-repeat:no-repeat; background-position:12px center;} .MyReporting .Top .SubHdr {margin:35px 0px 15px 0px;} .MyReporting .Top .Filter {display:table; margin-top:20px;} .MyReporting .Top .Filter .Title {display:table-cell; font-size:16px; font-weight:300; color:#ffffff; width:130px;} .MyReporting .Top .Filter .Wrapper_F {display:table-cell;} .MyReporting .Top .Filter .Wrapper_F .Item_F {display:inline-block; margin:10px 20px 0px 0px;} .MyReporting .Top .Filter .Wrapper_F .Item_F.Hide {display:none;} .MyReporting .Top .Filter .CbxAndLabel label {cursor:default;} .MyReporting .Top .SubText {font-size:20px; color:#ffffff; margin:25px 0px 0px 0px;} .MyReporting .Top .SubText .ItalicTxt {font-style:italic;} .MyReporting .ReportingPageTabs {display:flex; align-items:center; border:1px solid #47859C; border-radius:3px; margin-top:35px;} .MyReporting .ReportingPageTabs a {flex:1; text-align:center; text-decoration:none; text-transform:uppercase; padding:14px 15px; box-sizing:border-box; color:#ffffff; font-size:16px; font-weight:700;} .MyReporting .ReportingPageTabs a.Active {background-color:#47859C; pointer-events:none;} .MyReporting .WorkPercentTitle {font-size:40px; font-weight:700; color:#223036; margin:50px 0px 30px 0px;} .MyReporting .Content .HeadList {display:table; width:100%; margin-bottom:20px;} .MyReporting .Content .HeadList .Img_HL {display:table-cell; width:168px;} .MyReporting .Content .HeadList .Inner_HL {display:table-cell; padding:0px 30px 10px 30px;} .MyReporting .Content .HeadList .Table_HL {display:table; width:100%;} .MyReporting .Content .HeadList .Table_HL .Cell_HL {display:table-cell; vertical-align:middle; text-align:center;} .MyReporting .Content .HeadList .Table_HL .Cell_HL .Txt {font-size:14px; color:#47859c; font-style:italic; font-family:'Quicksand', Arial, Helvetica, Verdana;} .MyReporting .Content .HeadList .Table_HL .Cell_HL .SortSelect {display:inline-block; margin-left:20px; width:170px;} .MyReporting .Content .HeadList .Table_HL .Cell_01 {width:15%; text-align:left;} .MyReporting .Content .HeadList .Table_HL .Cell_02 {width:15%;} .MyReporting .Content .HeadList .Table_HL .Cell_03 {width:15%;} .MyReporting .Content .HeadList .Table_HL .Cell_04 {width:15%;} .MyReporting .Content .HeadList .Table_HL .Cell_05 {width:15%; text-align:right;} .MyReporting .Content .WrapperList {display:block; width:100%; margin:0px 0px -20px 0px;} .MyReporting .Content .WrapperList .ItemList {display:table; width:100%; background:#ffffff; border-radius:4px; box-shadow:3px 3px 0px rgba(0, 0, 0, .25); margin:0px 0px 20px 0px;} .MyReporting .Content .WrapperList .ItemList .InnerList {display:table-cell; vertical-align:middle; padding:30px 30px;} .MyReporting .Content .TableList {display:table; width:100%;} .MyReporting .Content .TableList .CellList {display:table-cell; vertical-align:middle; text-align:center;} .MyReporting .Content .TableList .Class {font-size:20px; font-weight:700; color:#263339;} .MyReporting .Content .TableList .Year {font-size:16px; color:#263339; font-style:italic; font-family:'Quicksand', Arial, Helvetica, Verdana;} .MyReporting .Content .TableList .KeyStage {font-size:16px; font-weight:700; color:#263339;} .MyReporting .Content .TableList .PupilNumber {font-size:20px; color:#5c7279;} .MyReporting .Content .TableList .WorkTowards {font-size:24px; color:#5c7279;} .MyReporting .Content .TableList .SmHiddenTitle {display:none;} .MyReporting .Content .TableList .Cell_01 {width:15%; text-align:left;} .MyReporting .Content .TableList .Cell_02 {width:15%;} .MyReporting .Content .TableList .Cell_03 {width:15%;} .MyReporting .Content .TableList .Cell_04 {width:15%;} .MyReporting .Content .TableList .Cell_05 {width:15%; text-align:right;} .MyReporting .BtnPrint.NullBtn a {pointer-events:none; background:#d38a16; border-color:#d38a16;} .MyReporting .LoadingBox {text-align:center;} .MyReporting .LoadingBox .Img img {width:100%; max-width:150px;} .MyReporting .LoadingBox .Txt {margin-top:15px; font-family:'Quicksand', Arial, Helvetica, Verdana; font-size:24px; font-style:italic; color:#ffffff;} .MyReporting .LoadingBox.Hide {display:none;} .MyReporting .MainLoadBox {position:fixed; top:250px; width:100%; text-align:center; padding:0px 20px; box-sizing:border-box; min-width:320px;} .MyReporting .MainLoadBox .Img img {width:100%; max-width:70px;} .MyReporting .MainLoadBox .Txt {margin-top:15px; font-family:'Quicksand', Arial, Helvetica, Verdana; font-size:30px; font-style:italic; color:#000000;} .MyReporting .MainLoadBox.Hide {display:none;} .MyReporting .FilterReportSection {position:relative; min-height:250px;} .MyReporting .FilterReportSection .LoadingBox {position:absolute; top:75px; left:50%; transform:translateX(-50%); height:200px;} .MyReporting .MessageBox {text-align:center;} .MyReporting .MessageBox .Img img {width:100%; max-width:150px;} .MyReporting .MessageBox .Txt {margin-top:15px; font-family:'Quicksand', Arial, Helvetica, Verdana; font-size:24px; font-style:italic; color:#ffffff;} .MyReporting .MessageBox.Hide {display:none;} .MyReporting .ReportLoadBlock {display:none; position:absolute; z-index:100; top:0px; left:0px; width:100%; height:100%; background-color:rgba(255, 255, 255, 0.7);} .MyReporting .ReportLoadBlock.Show {display:block;} .MyReporting .ErrorMsg span {display:block; font-size:14px; color:#ff0000; margin-top:30px;} .ReportingChoice {display:inline-block; margin:0px 7px 7px 0px;} .ReportingChoice .Table_RC {display:table; border-radius:4px;} .ReportingChoice .Table_RC .Cell_RC {display:table-cell; vertical-align:middle; text-align:center; text-transform:uppercase; padding:9px 10px; box-sizing:border-box; font-size:13px; font-weight:700; color:#fff; border-top:1px solid #5ba9c6; border-bottom:1px solid #5ba9c6; text-decoration:none; box-sizing:border-box; cursor:pointer;} .ReportingChoice .Table_RC .Cell_RC:hover {background:#5ba9c6;} .ReportingChoice .Table_RC .Cell_RC_01 {border-left:1px solid #5ba9c6;} .ReportingChoice .Table_RC .Cell_RC_02 {border-left:1px solid #5ba9c6; border-right:1px solid #5ba9c6;} .ReportingChoice .Table_RC .Cell_RC_03 {border-right:1px solid #5ba9c6;} .ReportingChoice .Table_RC .Cell_RC.Highlight {background:#5ba9c6;} .ReportingChoice.Img .Table_RC .Cell_RC {width:75px; line-height:0em; padding:5px; box-sizing:border-box;} .ReportingChoice.Img .Table_RC .Cell_RC img {width:50px;} .ReportingChoice .Table_RC .Cell_RC .TextDivider {padding:0px 10px;} /* Horizontal Bars */ .ReportingChart {position:relative; min-height:150px;} .ReportingChart .ChartBlock {page-break-inside:avoid; margin-bottom:20px; position:relative; padding:30px 20px 10px 20px; box-sizing:border-box; background-color:#5BA9C6;} .ReportingChart .ChartBlock.PrintView {width:975px;} .ReportingChart .ChartBlock:last-child {margin-bottom:0px;} .ReportingChart .ChartBlock .ViewPupils {position:absolute; top:20px; right:20px;} .ReportingChart .ChartBlock .ViewPupils .ToggleTxt {box-shadow:none; padding:0px; border:none;} .ReportingChart .ChartBlock .ViewPupils:hover .ToggleTxt {background:#d98708;} .ReportingChart .ChartBlock .ViewPupils a {font-size:13px; padding:10px 20px 10px 20px;} .ReportingChart .ChartTitle {font-size:16px; color:#ffffff; text-align:center;} .ReportingChart .CompareChart {height:100%;} .ReportingChart .ct-bar {stroke-width:30px;} /* .ReportingChart .ct-chart-bar .ct-series:nth-child(1) .ct-bar {stroke:#f09d27;} .ReportingChart .ct-chart-bar .ct-series:nth-child(2) .ct-bar {stroke:#f7c0f4;} .ReportingChart .ct-chart-bar .ct-series:nth-child(3) .ct-bar {stroke:#bcd970;} */ .ReportingChart .ct-label {color:#ffffff; fill:rgb(255, 255, 255);} .ReportingChart .ct-grid {stroke:#ffffff;} .ReportingChart .ct-horizontal {stroke:transparent;} .ReportingChart .ct-label {font-size:0.9rem; margin-top:5px;} .ReportingChart .ct-barlabel {font-size:0.7rem;} .ReportingChart .LoadingBox {position:absolute; left:50%; transform:translateX(-50%); height:200px;} .ReportingChart .PupilsList {display:none; margin-top:30px;} .ReportingChart .PupilsList h3 {color:#ffffff;} .ReportingChart .PupilsList .ListContainer {border:2px solid #5ba9c6; background-color:#ffffff; padding:15px; box-sizing:border-box;} .ReportingChart .PupilsList .ListContainer.V2 {background-color:#b4e0f0; padding:25px 20px; box-sizing:border-box;} .ReportingChart .PupilsList .ListContainer.V2 .PLTable .Row.Hdr {padding-top:0px; font-family:'Quicksand', Arial, Helvetica, Verdana; font-style:inherit; font-size:16px; font-weight:600; color:#263339; text-transform:none; border-bottom:none; margin-bottom:0px;} .ReportingChart .PupilsList .ListContainer.V2 .PLTable .Row {border-bottom:none;} .ReportingChart .PupilsList .ListContainer.V2 .PLTable .Row .Col span {display:list-item; margin-left:12px;} .ReportingChart .PupilsList .PLTable .Row {display:flex; width:100%; align-items:start; font-size:14px; font-family:'Quicksand', Arial, Helvetica, Verdana; color:#263339; border-bottom:1px solid #d0d9db; padding:5px 0px; box-sizing:border-box;} .ReportingChart .PupilsList .PLTable .Row .Col {flex:1; padding-right:20px; box-sizing:border-box; word-break:break-word;} .ReportingChart .PupilsList .PLTable .Row .Col:last-child {padding-right:0px;} .ReportingChart .PupilsList .PLTable .Row.Hdr {font-size:14px; color:#47859c; font-style:italic; font-family:'Quicksand', Arial, Helvetica, Verdana; border-bottom:1px solid #5ba9c6; padding-bottom:10px; box-sizing:border-box; margin-bottom:5px;} .ReportingChart .PupilsList .PLTable .Row:last-child {border-bottom:none;} .ReportingChart .PupilsList.Show {display:block;} .ChartKeys {text-align:center; margin-top:10px; margin-left:40px;} .ChartKeys .Key {display:inline-block; margin-right:40px; margin-bottom:10px;} .ChartKeys .KeyTable {display:table;} .ChartKeys .KeyTable .KeyColour {display:table-cell; vertical-align:middle; width:16px;} .ChartKeys .KeyTable .Dot {width:16px; height:16px; border-radius:50%; background-color:red;} .ChartKeys .KeyTable .KeyText {display:table-cell; vertical-align:middle; color:#ffffff; font-size:14px; padding-left:10px; box-sizing:border-box;} /* My Account */ .MyAccount {background-color:#263339;} .MyAccount .Title {font-size:40px; color:#ffffff;} .MyAccount .Subtitle {color:#ffffff; margin-bottom:40px;} .MyAccount .BtnBack {position:absolute; top:160px; left:60px; z-index:10;} .MyAccount .Table_AC {display:table;} .MyAccount .Table_AC .Cell_AC {display:table-cell; vertical-align:middle; text-align:center; padding:200px 0px 80px 0px;} .MyAccount .Form {width:100%; display:table;} .MyAccount .Form .Column01 {display:table-cell; vertical-align:top; width:270px; padding-right:60px;} .MyAccount .Form .Column02 {display:table-cell; vertical-align:top;} .MyAccount .Form .Info {display:table; width:100%; margin-bottom:40px; padding-bottom:40px; border-bottom:1px solid #56686f;} .MyAccount .Form .Info:last-child {margin:0px;} .MyAccount .Form .Info .Desc {display:table-cell; vertical-align:middle; text-align:left;} .MyAccount .Form .Info .Desc .Name {font-size:40px; color:#ffffff; font-weight:700; margin-bottom:30px;} .MyAccount .Form .Info .Desc .Detail {display:table; width:100%; margin-bottom:10px;} .MyAccount .Form .Info .Desc .Detail:last-child {margin-bottom:0px;} .MyAccount .Form .Info .Desc .Detail .Question {display:table-cell; vertical-align:middle; width:200px; color:#56686f; font-family:'Quicksand', Arial, Helvetica, Verdana; font-style:italic; font-size:14px;} .MyAccount .Form .Info .Desc .Detail .Answer {display:table-cell; vertical-align:middle; font-size:20px; font-weight:300; color:#fff;} .MyAccount .Form .Info .Action {display:table-cell; vertical-align:middle; width:230px; padding-left:60px;} .MyAccount .Form .Info .Action .BtnAction {} .MyAccount .Form .Info .Action .BtnAction a {padding:14px 0px; width:100%;} .MyAccount .Form .Info .Action .BtnAction input {padding:14px 0px; width:100%;} .MyAccount .Form .Info .Notification {display:table-cell; vertical-align:middle; padding-left:20px; width:80px;} .MyAccount .SinglePackage {width:100%; margin:0px 0px 0px 0px;} .MyAccount .SinglePackage .ItemPack {width:100%; margin:0px;} .MyAccount .SinglePackage .BtnSubscribe {margin-top: 30px;} .MyAccount .SinglePackage .BtnSubscribe a {font-size:13px; padding:14px 0px; width:100%;} .MyAccount .BtnAccountSub {margin-top:30px;} .MyAccount .BtnAccountSub a {padding:14px 20px;} .MyAccount .BigForm {width:700px; display:inline-block; text-align:left;} .MyAccount .BigForm .ColumnBox {float:left; width:47%;} .MyAccount .BigForm .SpacerBox {float:left; width:6%; height:1px; display:block;} .MyAccount .BigForm .BtnSave {text-align:center; padding-top:10px;} .MyAccount .BigForm .BtnSave a {padding:14px 0px; width:320px;} .MyAccount .BigForm .BtnSave input {padding:14px 0px; width:320px;} .MyAccount .SmallForm {width:320px; display:inline-block; text-align:left;} .MyAccount .SmallForm .ColumnBox {float:left; width:46%;} .MyAccount .SmallForm .SpacerBox {float:left; width:8%; height:1px; display:block;} .MyAccount .SmallForm .BtnSave {padding-top:10px;} .MyAccount .SmallForm .BtnSave a {padding:14px 0px; width:100%;} .MyAccount .SmallForm .BtnSave input {padding:14px 0px; width:100%;} .MyAccount .SmallForm .BtnNext {padding-top:0px;} .MyAccount .SmallForm .BtnNext a {padding:14px 0px; width:100%;} .MyAccount .SmallForm .BtnNext input {padding:14px 0px; width:100%;} .MyAccount .SmallForm .BtnProceed {padding-top:30px;} .MyAccount .SmallForm .BtnProceed a {padding:14px 0px; width:100%;} .MyAccount .SmallForm .BtnProceed input {padding:14px 0px; width:100%;} .UserSuppressedCheckBox {display:none;} .SuppressedCheckBox {display:none;} .ItemSuppressedSwitch {display:none; cursor:pointer; margin-top:1px; text-align:right;} .ItemSuppressedSwitch .Switch {display:inline-block; vertical-align:middle; border-radius:40px; width:80px; background-color:#3a484e; height:40px; position:relative; box-shadow:3px 3px 0px rgba(0, 0, 0, .25); transition:background-color 200ms ease;} .ItemSuppressedSwitch .Switch .Rocker {position:absolute; width:30px; height:30px; border-radius:50%; top:5px; left:5px; background-color:#fff; transition:left 150ms ease; box-shadow:2px 2px 0px rgba(0, 0, 0, .25);} .ItemSuppressedSwitch .Switch.Active {background-color:#c2d962;} .ItemSuppressedSwitch .Switch.Active .Rocker {left:45px;} /**/ .InfoCard {display:table; margin:0px auto 50px auto;} .InfoCard .Desc {display:table-cell; vertical-align:middle; text-align:left;} .InfoCard .Desc .Name {font-size:40px; color:#ffffff; font-weight:700; margin-bottom:30px;} .InfoCard .Desc .Detail {display:table; width:100%; margin-bottom:10px;} .InfoCard .Desc .Detail:last-child {margin-bottom:0px;} .InfoCard .Desc .Detail .Question {display:table-cell; vertical-align:middle; width:200px; color:#56686f; font-family:'Quicksand', Arial, Helvetica, Verdana; font-style:italic; font-size:14px;} .InfoCard .Desc .Detail .Answer {display:table-cell; vertical-align:middle; font-size:20px; font-weight:300; color:#fff;} .Action2 {width:320px; margin-left:auto; margin-right:auto;} .Action2 .BtnAction {} .Action2 .BtnAction a {padding:14px 0px; width:100%; margin-bottom:15px;} .Action2 .BtnAction input {padding:14px 0px; width:100%; margin-bottom:15px;} /* My Curriculum App */ .MyCurriculumApp {display:table; width:100%;} .MyCurriculumApp .Inner {display:table-cell; vertical-align:middle; text-align:left; padding:160px 0px 80px 0px; position:relative;} .MyCurriculumApp .Top {margin-bottom:30px; position:relative;} .MyCurriculumApp .Top .Desc {float:left;} .MyCurriculumApp .Top .Desc .Title {color:#fff; display:inline-block; margin:0px;} .MyCurriculumApp .Top .Buttons {float:right; text-align:right; margin-top:15px; margin-left:10px;} .MyCurriculumApp .Top .Buttons .BtnPrint {display:inline-block; margin-left:20px; margin-top:20px;} .MyCurriculumApp .Top .Buttons .BtnPrint a {padding:14px 0px; width:160px;} .MyCurriculumApp .Top .Buttons .BtnPrint input {padding:14px 0px; width:160px;} .MyCurriculumApp .Top .Buttons .BtnCopyMap {display:inline-block; margin-left:20px; margin-top:20px;} .MyCurriculumApp .Top .Buttons .BtnArchive {display:inline-block; margin-right:20px; margin-top:20px;} .MyCurriculumApp .Top .Buttons .BtnArchive.V2 {margin-left:20px; margin-right:0px;} .MyCurriculumApp .Top .Buttons .BtnDirectPdf {display:inline-block; margin-top:20px;} .MyCurriculumApp .Top .Buttons .BtnDirectPdf a {padding:14px 0px; width:160px;} .MyCurriculumApp .Top .Buttons .BtnDirectPdf input {padding:14px 0px; width:160px;} .MyCurriculumApp .Top .InfoIcon {cursor:pointer; position:absolute; top:15px; right:0px;} .MyCurriculumApp .PanelKeySatge {text-align:center;} .MyCurriculumApp .PanelActivity {} .MyCurriculumApp .PanelActivity .Txt {font-size:20px; color:#ffffff; font-weight:300; margin-bottom:20px;} .MyCurriculumApp .PanelActivity .DescTxt {margin-bottom:20px;} .MyCurriculumApp .PanelActivity .DescTxt li {color:#ffffff;} .MyCurriculumApp .PanelActivity .DescTxt li.WarningTxt {color:#ff0000;} .MyCurriculumApp .PanelActivity .ListActivity {margin:0px 0px -20px 0px;} .MyCurriculumApp .PanelActivity .ListActivity .ItemActivity {position:relative; z-index:1; font-size:15px; font-weight:700; width:157px; text-align:center; padding:5px 10px; display:inline-block; border-radius:4px; box-shadow:3px 3px 0px rgba(0, 0, 0, .25); margin:0px 20px 20px 0px; user-select:none; -moz-user-select:none; cursor:move; vertical-align:middle;} .MyCurriculumApp .PanelActivity .ListActivity .ItemActivity.NewActivity {width:200px;} .MyCurriculumApp .PanelActivity .ListActivity .ItemActivity.NewActivity input {width:80% !important; font-family:'Quicksand', Arial, Helvetica, Verdana; padding:2px; box-sizing:border-box; border-radius:4px;} .MyCurriculumApp .PanelActivity .ListActivity .ItemActivity.NewActivity input::-moz-appearance {border-radius:4px;} .MyCurriculumApp .PanelActivity .ListActivity .ItemActivity .SubActivityList {display:none; position:absolute; z-index:5; top:0px; left:0px; width:100%; border-bottom-left-radius:4px; border-bottom-right-radius:4px;} .MyCurriculumApp .PanelActivity .ListActivity .ItemActivity .SubActivityList.ShowHideDropAct {display:block;} .MyCurriculumApp .PanelActivity .ListActivity .ItemActivity .SubActivityList .SALBlock {display:block; padding:4px 2px; border-top:1px solid #000000;} .MyCurriculumApp .PanelActivity .ListActivity .ItemActivity .SubActivityList .SALBlock:last-child {padding-bottom:8px;} .MyCurriculumApp .PanelActivity .ListActivity .ItemActivity.Locked {cursor:default;} .MyCurriculumApp .PanelCalendar {margin-top:40px; box-shadow:3px 3px 0px rgba(0, 0, 0, .25); border-radius:4px;} .MyCurriculumApp .PanelCalendar .TopDate {background:#47859c; font-size:20px; color:#ffffff; font-weight:700; border-top-left-radius:4px; border-top-right-radius:4px; text-align:center; padding:20px 0px;} .MyCurriculumApp .PanelCalendar .Table_PC {display:table; width:100%;} .MyCurriculumApp .PanelCalendar .Table_PC .Row_PC {display:table-row;} .MyCurriculumApp .PanelCalendar .Table_PC .Row_PC .Cell_PC {background:#ffffff; border-bottom:1px solid #d0d9db; border-right:1px solid #d0d9db; display:table-cell; width:14.28%; vertical-align:top; text-align:center; padding:5px 10px; box-sizing:content-box;} .MyCurriculumApp .PanelCalendar .Table_PC .Row_PC .Cell_PC.First {position:relative; vertical-align:middle;} .MyCurriculumApp .PanelCalendar .Table_PC .Row_PC .Cell_PC.First .EditOptsIcon {position:absolute; top:5px; right:5px; width:20px; height:20px; background-color:#85c87a; border-radius:50%; cursor:pointer;} .MyCurriculumApp .PanelCalendar .Table_PC .Row_PC .Cell_PC.First .EditOptsIcon:hover {background-color:#f59e16;} .MyCurriculumApp .PanelCalendar .Table_PC .Row_PC .Cell_PC.First .EditOptsIcon img {width:70%; padding-top:7px; box-sizing:border-box;} .MyCurriculumApp .PanelCalendar .Table_PC .Row_PC .Cell_PC.First .EditOptsIcon.Hide {display:none;} .MyCurriculumApp .PanelCalendar .Table_PC .Row_PC .Cell_PC.First .EditOptsIcon.Highlight {background-color:#f59e16;} .MyCurriculumApp .PanelCalendar .Table_PC .Row_PC .Cell_PC.First .EditOpts {display:none; position:absolute; z-index:110; top:-15px; left:100%; width:210px; background-color:#F5F5F5; border-radius:5px; text-align:left; padding:20px 0px 15px 0px; box-sizing:border-box; box-shadow:0px 0px 3px #888;} .MyCurriculumApp .PanelCalendar .Table_PC .Row_PC .Cell_PC.First .EditOpts.Show {display:block;} .MyCurriculumApp .PanelCalendar .Table_PC .Row_PC .Cell_PC.First .EditOpts .EditOptLink {display:block; font-size:12px; line-height:15px; margin-bottom:5px; cursor:pointer; padding:5px 20px; box-sizing:border-box;} .MyCurriculumApp .PanelCalendar .Table_PC .Row_PC .Cell_PC.First .EditOpts .EditOptLink:hover {background-color:#f59e16;} .MyCurriculumApp .PanelCalendar .Table_PC .Row_PC .Cell_PC.First .EditOpts .EditOptLink a {display:block; text-decoration:none;} .MyCurriculumApp .PanelCalendar .Table_PC .Row_PC .Cell_PC.First .EditOpts .EditOptLink:last-child {margin-bottom:0px;} .MyCurriculumApp .PanelCalendar .Table_PC .Row_PC .Cell_PC.First .EditOpts .EditOptLink.DefaultRowOpt {display:none;} .MyCurriculumApp .PanelCalendar .Table_PC .Row_PC .Cell_PC.First .EditOpts .EditOptLink.DefaultRowOpt.Show{display:block;} .MyCurriculumApp .PanelCalendar .Table_PC .Row_PC .Cell_PC.First .EditOpts .EditOptLink.Disable {opacity:0.5; pointer-events:none;} .MyCurriculumApp .PanelCalendar .Table_PC .Row_PC .Cell_PC.First .EditOpts .EditOptLink.Disable:hover {background-color:inherit;} .MyCurriculumApp .PanelCalendar .Table_PC .Row_PC .Cell_PC.BinArea {vertical-align:middle;} .MyCurriculumApp .PanelCalendar .Table_PC .Row_PC .Cell_PC.BinArea div {height:43px; padding-top:16px; opacity:0; transition:opacity 400ms ease;} .MyCurriculumApp .PanelCalendar .Table_PC .Row_PC .Cell_PC.BinArea div img {width:30px; opacity:0.6;} .MyCurriculumApp .PanelCalendar .Table_PC .Row_PC .Cell_PC.BinArea.Visible div {opacity:1;} .MyCurriculumApp .PanelCalendar .Table_PC .Row_PC .Cell_PC .Season {font-size:14px; font-weight:800; color:#5c7279; padding:20px 0px; display:block; text-transform:uppercase;} .MyCurriculumApp .PanelCalendar .Table_PC .Row_PC .Cell_PC .RowInfo {padding:20px 10px; box-sizing:border-box;} .MyCurriculumApp .PanelCalendar .Table_PC .Row_PC .Cell_PC .Year {font-size:16px; font-weight:700; display:block; text-align:left; color:#213036;} .MyCurriculumApp .PanelCalendar .Table_PC .Row_PC .Cell_PC .AssignedClasses {font-size:13px; font-style:italic; color:#213036; text-align:left; margin-top:5px;} .MyCurriculumApp .PanelCalendar .Table_PC .Row_PC .Cell_PC .ActivEmpty {display:inline-block; margin:5px 0px 0px 0px; width:100%; height:33px; border-radius:4px; box-sizing:border-box; border:1px dashed #d0d9db;} .MyCurriculumApp .PanelCalendar .Table_PC .Row_PC .Cell_PC .ActivPlus {display:inline-block; margin:5px 0px; width:100%; height:33px; border-radius:4px; box-sizing:border-box; border:1px solid #d0d9db; background:#FFFFFF; cursor:pointer;} .MyCurriculumApp .PanelCalendar .Table_PC .Row_PC .Cell_PC .ActivPlus .Plus {line-height:28px; font-size:30px; font-weight:400; color:#85959A;} .MyCurriculumApp .PanelCalendar .Table_PC .Row_PC .Cell_PC .ActivFull {display:inline-block; margin:5px 0px; width:125px; position:relative; border-radius:4px; font-size:15px; font-weight:700; text-align:center; box-shadow:3px 3px 0px rgba(0, 0, 0, .25); line-height:1.3em; padding:6px 3% 6px 3%; user-select:none; -moz-user-select:none; cursor:move; word-break:break-word;} .MyCurriculumApp .PanelCalendar .Table_PC .Row_PC .Cell_PC .ActivFull .SubActivityList {display:none; position:absolute; z-index:5; top:0px; left:0px; width:100%; border-bottom-left-radius:4px; border-bottom-right-radius:4px;} .MyCurriculumApp .PanelCalendar .Table_PC .Row_PC .Cell_PC .ActivFull .SubActivityList.ShowHideDropAct {display:block;} .MyCurriculumApp .PanelCalendar .Table_PC .Row_PC .Cell_PC .ActivFull.Null .SubActivityList.ShowHideDropAct {display:none;} .MyCurriculumApp .PanelCalendar .Table_PC .Row_PC .Cell_PC .ActivFull .SubActivityList .SALBlock {display:block; padding:4px 2px;} .MyCurriculumApp .PanelCalendar .Table_PC .Row_PC .Cell_PC .ActivFull .SubActivityList .SALBlock:last-child {padding-bottom:8px;} .MyCurriculumApp .PanelCalendar .Table_PC .Row_PC .Cell_PC .ActivFull.Locked {cursor:default;} .MyCurriculumApp .PanelCalendar .Table_PC .Row_PC.NoAccess .Cell_PC .ActivFull .SubActivityList.ShowHideDropAct {display:none;} .MyCurriculumApp .PanelCalendar .Table_PC .Row_PC.NoAccess .Cell_PC {background:#d0d9db; border-bottom:1px solid #ffffff; border-right:1px solid #ffffff;} .MyCurriculumApp .PanelCalendar .Table_PC .Row_PC.NoAccess .Cell_PC .ActivFull {opacity:0.4; cursor:default;} .MyCurriculumApp .PanelCalendar .Table_PC .Row_PC.NoAccess .EditOptsIcon {display:none;} .MyCurriculumApp .PanelCalendar .Table_PC .Row_PC.NoAccess.NALocked .Cell_PC {background:#ffffff; border-bottom:1px solid #d0d9db; border-right:1px solid #d0d9db;} .MyCurriculumApp .PanelCalendar .Table_PC .Row_PC.NoAccess.NALocked .Cell_PC .ActivFull {opacity:1;} .MyCurriculumApp .PanelCalendar .Table_PC .Row_PC .Cell_PC:last-child {border-right:none;} .MyCurriculumApp .PanelCalendar .Table_PC .Row_PC:last-child .Cell_PC {border-bottom:none;} .MyCurriculumApp .PanelCalendar .Table_PC .Row_PC:last-child .Cell_PC:first-child {border-bottom-left-radius:4px;} .MyCurriculumApp .PanelCalendar .Table_PC .Row_PC:last-child .Cell_PC:last-child {border-bottom-right-radius:4px;} .MyCurriculumApp .PanelCalendar .Table_PC .Row_PC .Cell_PC.CanDrop {background-color:#dfd;} .MyCurriculumApp .PanelCalendar .Table_PC .Row_PC .Cell_PC.TermBlock1 {background-color:#F6F6F6; border-right:none;} .MyCurriculumApp .PanelCalendar .Table_PC .Row_PC .Cell_PC.TermBlock1 .Season {position:relative; left:55%;} .MyCurriculumApp .PanelCalendar .Table_PC .Row_PC .Cell_PC.TermBlock2 {background-color:#F6F6F6;} .MyCurriculumApp .PanelCalendar .Table_PC .Row_PC .Cell_PC .ActivEmpty.Locked {display:none;} .MyCurriculumApp .PanelCalendar .Table_PC .Row_PC.Hide {display:none;} .MyCurriculumApp .PanelCalendar .Table_PC.Hide {display:none;} .MyCurriculumApp .MenuOverlay {display:none; position:fixed; z-index:100; width:100%; height:100%;} .MyCurriculumApp .MenuOverlay.Show {display:block;} .MyCurriculumApp .PanelCalendar .Table_PC .Row_PC.Archive .Cell_PC .ActivFull {cursor:default;} .MyCurriculumApp .TopRowBlock {position:relative;} .MyCurriculumApp .LockControl {cursor:pointer; position:absolute; top:12px; right:12px; display:flex; align-items:center; width:140px; height:40px; background-color:#84C779; border-radius:25px; transition:background-color 300ms ease; box-shadow:2px 3px rgba(0,0,0,0.2);} .MyCurriculumApp .LockControl .Txt {flex:1; font-size:14px; font-weight:700; color:#ffffff; padding-left:30px; box-sizing:border-box;} .MyCurriculumApp .LockControl .Toggle {flex:0 0 60px; padding-right:10px; box-sizing:border-box;} .MyCurriculumApp .LockControl .Toggle .ToggleCtrl {position:relative; width:50px;} .MyCurriculumApp .LockControl .Toggle .ToggleCtrl .ToggleBtn {position:absolute; left:20px; bottom:-5px; width:30px; height:30px; background-color:#ffffff; border-radius:50%; background-image:url('/Content/Images/Small_Padlock_Unlocked.png'); background-repeat:no-repeat; background-position:center center; background-size:50%; transition:left 300ms ease;} .MyCurriculumApp .LockControl .Toggle .ToggleCtrl .BackPanel {background-color:#ffffff; width:50px; height:20px; border-radius:25px; opacity:0.3;} .MyCurriculumApp .LockControl.Locked {background-color:#ED8686;} .MyCurriculumApp .LockControl.Locked .Toggle .ToggleCtrl .ToggleBtn {left:0px; background-image:url('/Content/Images/Small_Padlock_Locked.png'); background-repeat:no-repeat; background-position:center center; background-size:50%;} .MyCurriculumApp .ReportLoadBlock {display:none; position:absolute; z-index:100; top:0px; left:0px; width:100%; height:100%; background-color:rgba(255, 255, 255, 0.7);} .MyCurriculumApp .MainLoadBox {position:fixed; top:250px; width:100%; text-align:center; padding:0px 20px; box-sizing:border-box; min-width:320px;} .MyCurriculumApp .MainLoadBox .Img img {width:100%; max-width:70px;} .MyCurriculumApp .MainLoadBox .Txt {margin-top:15px; font-family:'Quicksand', Arial, Helvetica, Verdana; font-size:30px; font-style:italic; color:#000000;} .MyCurriculumApp .ReportLoadBlock.Show {display:block;} #CMAssignClassesPanelContent .ErrorTxt span {display:block; margin-bottom:20px; font-size:14px; line-height:1.8em; color:#ff0000;} .CMAssignedClasses .CMAssignedClassList .AssignedClassBlock {position:relative; margin-top:20px; border-radius:3px; border:1px solid #D5D4D4; padding:10px; box-sizing:border-box;} .CMAssignedClasses .CMAssignedClassList .AssignedClassBlock:first-child {margin-top:0px;} .CMAssignedClasses .CMAssignedClassList .AssignedClassBlock .CloseBlock {position:absolute; top:-10px; right:-10px; width:20px; height:20px; cursor:pointer;} .CMAssignedClasses .CMAssignedClassList .AssignedClassBlock .CloseBlock img {width:100%;} .CMAssignedClasses .CMAssignedClassList .AssignedClassBlock .CloseBlock.Hide {display:none;} .CMAssignedClasses .CMAssignedClassList .AssignedClassBlock .LoadingIcon {display:none; position:absolute; z-index:10; top:50%; right:50%; transform:translate(50%,-50%); width:30px; height:30px;} .CMAssignedClasses .CMAssignedClassList .AssignedClassBlock .LoadingIcon img {width:100%;} .CMAssignedClasses .CMAssignedClassList .AssignedClassBlock .Inner {display:flex; align-items:center; width:100%;} .CMAssignedClasses .CMAssignedClassList .AssignedClassBlock .Inner .ClassName {flex:1; font-size:13px; color:#263339; padding-right:15px; box-sizing:border-box;} .CMAssignedClasses .CMAssignedClassList .AssignedClassBlock .Inner .ClassesToAssign {flex:0 0 300px;} .CMAssignedClasses .CMAssignedClassList .AssignedClassBlock .Inner .ClassesToAssign .sbHolder {position:relative;} .CMAssignedClasses .CMAssignedClassList .AssignedClassBlock .Inner .ClassesToAssign .sbSelector {font-size:12px; border-radius:3px; border-color:#D5D4D4; color:#657478; background-color:#EEEEEE; padding:10px 40px 10px 10px;} .CMAssignedClasses .CMAssignedClassList .AssignedClassBlock .Inner .ClassesToAssign .sbToggle {background:url(/Content/Images/Icon_DropDown_Arrow_2.png) no-repeat center center; background-size:cover; top:50%; right:15px; transform:translateY(-50%);} .CMAssignedClasses .CMAssignedClassList .AssignedClassBlock .Inner .ClassesToAssign .sbOptions {top:95% !important; left:0px; border:1px solid #D5D4D4; border-top-left-radius:0px; border-top-right-radius:0px; background-color:#EEEEEE;} .CMAssignedClasses .CMAssignedClassList .AssignedClassBlock .Inner .ClassesToAssign .sbOptions li {border-color:#D5D4D4;} .CMAssignedClasses .CMAssignedClassList .AssignedClassBlock .Inner .ClassesToAssign .sbOptions li a {font-size:12px; color:#657478; padding:10px;} .CMAssignedClasses .CMAssignedClassList .AssignedClassBlock .Inner .ClassesToAssign.NotSelected .sbOptions li:first-child {display:none;} .CMAssignedClasses .CMAssignedClassList .AssignedClassBlock.Loading .CloseBlock {pointer-events:none;} .CMAssignedClasses .CMAssignedClassList .AssignedClassBlock.Loading .Inner {opacity:0.5; pointer-events:none;} .CMAssignedClasses .CMAssignedClassList .AssignedClassBlock.Loading .LoadingIcon {display:block;} .CMAssignedClasses .AddClassBtn {position:relative;} .CMAssignedClasses .AddClassBtn a {display:block; font-size:13px; text-transform:inherit; box-shadow:none; padding:11px 40px 11px 40px; margin-top:20px;} .CMAssignedClasses .AddClassBtn .LoadingIcon {display:none; position:absolute; z-index:10; top:50%; right:50%; transform:translate(50%,-50%); width:30px; height:30px;} .CMAssignedClasses .AddClassBtn .LoadingIcon img {width:100%;} .CMAssignedClasses .AddClassBtn.Loading a {opacity:0.5; pointer-events:none;} .CMAssignedClasses .AddClassBtn.Loading .LoadingIcon {display:block;} .CMAssignedClasses .AddClassBtn.Hide {display:none;} .PageProgressIndicator {position:fixed; top:50%; left:50%; width:200px; height:200px; margin-left:-100px; margin-top:-100px; /*background-image:url(/content/images/progress-anim-bg_c.png);*/ background-position:center center; background-size:100% 100%; display:none;} .PageProgressIndicator img {display:block; margin-left:auto; margin-right:auto; width:50px; height:50px; margin-top:75px;} .ViweUser {background-color:#263339; text-align:left;} .ViweUser .Title {color:#ffffff; text-align:center;} .ViweUser .Subtitle {color:#ffffff; margin-bottom:40px;} .ViweUser .BtnBack {position:absolute; top:160px; left:60px; z-index:10;} .ViweUser .Table_CC {display:table;} .ViweUser .Table_CC .Cell_CC {display:table-cell; vertical-align:middle; text-align:center; padding:230px 0px 80px 0px;} .ViweUser .ColLeft {float:left; width:50%; margin-right:4%;} .ViweUser .ColRight {float:left; width:46%;} .ViweUser .Item {margin-bottom:20px;} .ViweUser .Item .Size1 {color:#56686f; font-family:'Quicksand', Arial, Helvetica, Verdana; font-style:italic; font-size:14px;} .ViweUser .Item .Size2 {font-size:30px; color:#fff;} .ViweUser .Item .Size3 {font-size:14px; color:#fff; margin-top:3px;} .ViweUser .BigForm {width:700px; display:inline-block; text-align:left;} .Form .Col1 {float:left; width:45%; margin-right:10%;} .Form .Col2 {float:left; width:45%;} /* Blog */ .ToggleSmArchiveMenu {display:none;} .ToggleSmArchiveMenu a {display:block; text-align:center; background-color:#d7dee0; color:#000000; padding:20px 30px; box-sizing:border-box; font-size:1.8em; text-transform:uppercase; text-decoration:none;} .ToggleSmArchiveMenu a:hover {background-color:#b8bdbe;} .BlogListTable {display:table; width:100%;} .BlogListTable .Categories {display:table-cell; vertical-align:top; width:320px;} .BlogListTable .PostList {display:table-cell; vertical-align:top;} .BlogListTable .List {margin-top:30px; margin-bottom:30px;} .BlogListTable .List a {display:block; font-size:2.0em; font-weight:300; color:#263339; margin-bottom:15px; text-decoration:none;} .BlogListTable .List1 a {display:block; font-size:1.5em; font-weight:300; color:#263339; margin-bottom:15px; text-decoration:none;} .BlogListTable .BlogPost {display:table; width:100%; text-decoration:none; padding:40px 0px; border-bottom:1px solid #d0d9db;} .BlogListTable .BlogPost .LeftSide {display:table-cell; vertical-align:top; width:35%;} .BlogListTable .BlogPost .LeftSide .Img {display:block;} .BlogListTable .BlogPost .LeftSide .Img img {width:100%; display:block; border-radius:3px; box-shadow:3px 3px rgba(0, 0, 0, 0.2);} .BlogListTable .BlogPost .RightSide {display:table-cell; vertical-align:top; width:65%; padding-left:40px; box-sizing:border-box;} .BlogListTable .BlogPost .Title {display:block; font-size:2.0em; margin-top:-7px; margin-bottom:20px;} .BlogListTable .BlogPost .Author {display:block; font-size:1.4em; font-weight:700; color:#263339; margin-bottom:20px;} .BlogListTable .BlogPost .Desc {display:block; font-size:1.4em; color:#657478; line-height:1.8em; margin-bottom:20px;} .BlogListTable .BlogPost .Date {display:block; font-size:1.6em; color:#263339;} .BlogPostFilter {text-align:right; padding-right:40px; box-sizing:border-box;} .BlogPostFilter .sbHolder {display:inline-block; position:relative; margin-left:70px;} .BlogPostFilter .sbToggle {top:15px; right:-35px; background:url(/content/images/Icon_Nav_Dropdown.png) no-repeat center center #3a484e; background-size:cover; border-radius:50%; height:22px; width:22px;} .BlogPostFilter .sbSelector {text-transform:uppercase; color:#799299; font-weight:700;} .BlogPostFilter .sbOptions a:hover {color:#799299;} .BlogPostHdrTable {display:table; width:100%; height:460px; margin-top:120px;} .BlogPostHdrTable .ImgCell {display:table-cell; vertical-align:top; width:300px;} .BlogPostHdrTable .ImgCell .Img {} .BlogPostHdrTable .ImgCell .Img img {width:100%; display:block; border-radius:3px; box-shadow:3px 3px rgba(0, 0, 0, 0.2);} .BlogPostHdrTable .DetailsCell {display:table-cell; vertical-align:top; padding-left:60px; box-sizing:border-box;} .BlogPostHdrTable .Date {background:rgba(0, 0, 0, 0.2); display:inline-block; color:#ffffff; padding:15px 25px; box-sizing:border-box; margin-bottom:20px; font-size:20px; font-weight:300; font-style:italic;} .BlogPostHdrTable .Title {font-size:40px; color:#ffffff; font-weight:700; line-height:1.3em; margin-bottom:20px;} .BlogPostHdrTable .Author {color:#ffffff; font-size:20px; margin-bottom:25px;} .BlogPostHdrTable .SocialMediaIcons a {display:inline-block; width:54px; margin-right:6px;} .BlogPostHdrTable .SocialMediaIcons a img {width:100%;} .BlogTxt {margin-bottom:-30px;} .BlogTxt h3 {margin-bottom:30px;} .BlogTxt h4 {margin-bottom:30px;} .BlogTxt p {margin-bottom:30px;} .BlogTxt ul {margin:0px 0px 30px 10px;} .PupilTable {display:table; height:50px; border-bottom:1px solid #d0d9db;} .PupilTable .PupilRow {display:table-row;} .ResultSignTable {display:table; table-layout:fixed; width:100%;} .ResultSignTable .RSRow {display:table-row;} .ResultSignTable .Cell_A {display:table-cell; vertical-align:middle; text-align:center; width:160px; height:65px;} .ResultSignTable .Cell_A {text-align:center;} .ResultSignTable .Cell_A * .N {height:100%;} .ResultSignTable .Cell_A * .H {height:100%;} .ResultSignTable .Cell_A * .P {height:100%;} .ResultSignTable .Cell_A .Bad_A {width:33px; height:33px; cursor:pointer; display:inline-block; margin:0px 5px; border-radius:50%; border:1px solid #d0d9db; background-color:#ffffff;} .ResultSignTable .Cell_A .Bad_A .N {display:block;} .ResultSignTable .Cell_A .Bad_A .H {display:none;} .ResultSignTable .Cell_A .Bad_A .P {display:none;} .ResultSignTable .Cell_A .Bad_A.Highlight {border:1px solid #c2d962; background-color:#c2d962;} .ResultSignTable .Cell_A .Bad_A.Highlight .N {display:none;} .ResultSignTable .Cell_A .Bad_A.Highlight .H {display:block;} .ResultSignTable .Cell_A .Bad_A.Highlight .P {display:none;} .ResultSignTable .Cell_A .Bad_A.Progress {background-color:#eff5cd; border:1px solid #e7f0b4;} .ResultSignTable .Cell_A .Bad_A.Disable {cursor:auto;} .ResultSignTable .Cell_A .Neutral_A {width:33px; height:33px; cursor:pointer; display:inline-block; margin:0px 5px; border-radius:50%; border:1px solid #d0d9db; background-color:#ffffff;} .ResultSignTable .Cell_A .Neutral_A .N {display:block;} .ResultSignTable .Cell_A .Neutral_A .H {display:none;} .ResultSignTable .Cell_A .Neutral_A .P {display:none;} .ResultSignTable .Cell_A .Neutral_A.Highlight {border:1px solid #c2d962; background-color:#c2d962;} .ResultSignTable .Cell_A .Neutral_A.Highlight .N {display:none;} .ResultSignTable .Cell_A .Neutral_A.Highlight .H {display:block;} .ResultSignTable .Cell_A .Neutral_A.Highlight .P {display:none;} .ResultSignTable .Cell_A .Neutral_A.Progress {background-color:#eff5cd; border:1px solid #e7f0b4;} .ResultSignTable .Cell_A .Neutral_A.Disable {cursor:auto;} .ResultSignTable .Cell_A .Good_A {width:33px; height:33px; cursor:pointer; display:inline-block; margin:0px 5px; border-radius:50%; border:1px solid #d0d9db; background-color:#ffffff;} .ResultSignTable .Cell_A .Good_A .N {display:block;} .ResultSignTable .Cell_A .Good_A .H {display:none;} .ResultSignTable .Cell_A .Good_A .P {display:none;} .ResultSignTable .Cell_A .Good_A.Highlight {border:1px solid #c2d962; background-color:#c2d962;} .ResultSignTable .Cell_A .Good_A.Highlight .N {display:none;} .ResultSignTable .Cell_A .Good_A.Highlight .H {display:block;} .ResultSignTable .Cell_A .Good_A.Highlight .P {display:none;} .ResultSignTable .Cell_A .Good_A.Progress {background-color:#eff5cd; border:1px solid #e7f0b4;} .ResultSignTable .Cell_A .Good_A.Disable {cursor:auto;} /* audio resource files with loop button */ .AudioBtnTable {display:table; width:1200px;} .AudioBtnTable .AudioCell {display:table-cell; vertical-align:middle;} .AudioBtnTable .BtnCell {display:table-cell; vertical-align:middle; width:205px;} /* case studies */ .CaseStudyFilters {text-align:right; margin-bottom:40px;} .SortBy.CSFilter {display:inline-block; margin-left:50px;} .SortBy.CSFilter .sbSelector {color:#799299; padding-right:60px; text-transform:uppercase;} .CaseStudiesList {width:104%; margin-bottom:-40px;} .CaseStudiesList .CSBlock {display:inline-block; vertical-align:top; width:29.33%; text-decoration:none; padding-bottom:30px; box-sizing:border-box; margin:0px 4% 37px 0px; border-bottom:1px solid #D0D9DB;} .CaseStudiesList .CSBlock:hover .ImgHoverLayer {opacity:0.7;} .CaseStudiesList .CSBlock .Top {display:block; position:relative; padding-top:0px; margin-bottom:20px; border-radius:4px; overflow:hidden;} .CaseStudiesList .CSBlock .ImgHoverLayer {display:block; position:absolute; width:100%; height:100%; background-color:#000000; opacity:0; transition:opacity ease 0.3s;} .CaseStudiesList .CSBlock .Img {display:block; background-size:cover; background-repeat:no-repeat; background-position:center center;} .CaseStudiesList .CSBlock .Img img {width:100%;} .CaseStudiesList .Btm {display:block;} .CaseStudiesList .Title {display:block; font-size:20px; color:#263339; margin-bottom:15px;} .CaseStudiesList .ShortDescription {display:block; font-size:14px; font-weight:400; color:#657478; line-height:1.8em;} /* case studies */ .CaseStudyFilters {text-align:right; margin-bottom:40px;} .SortBy.CSFilter {display:inline-block; margin-left:50px;} .SortBy.CSFilter .sbSelector {color:#799299; padding-right:60px; text-transform:uppercase;} .CaseStudiesList {width:104%; margin-bottom:-40px;} .CaseStudiesList .CSBlock {display:inline-block; vertical-align:top; width:29.33%; text-decoration:none; padding-bottom:30px; box-sizing:border-box; margin:0px 4% 37px 0px; border-bottom:1px solid #D0D9DB;} .CaseStudiesList .CSBlock:hover .ImgHoverLayer {opacity:0.7;} .CaseStudiesList .CSBlock .Top {display:block; position:relative; padding-top:0px; margin-bottom:20px; border-radius:4px; overflow:hidden;} .CaseStudiesList .CSBlock .ImgHoverLayer {display:block; position:absolute; width:100%; height:100%; background-color:#000000; opacity:0; transition:opacity ease 0.3s;} .CaseStudiesList .CSBlock .Img {display:block; background-size:cover; background-repeat:no-repeat; background-position:center center;} .CaseStudiesList .CSBlock .Img img {width:100%;} .CaseStudiesList .Btm {display:block;} .CaseStudiesList .Title {display:block; font-size:20px; color:#263339; margin-bottom:15px;} .CaseStudiesList .ShortDescription {display:block; font-size:14px; font-weight:400; color:#657478; line-height:1.8em;} .CmsPage .Top.CaseStudies {padding-top:190px;} .CaseStudiesHdrTable {display:table; table-layout:fixed; width:100%; margin:40px 0px 105px 0px;} .CaseStudiesHdrTable .ImgCell {display:table-cell; vertical-align:top; width:300px;} .CaseStudiesHdrTable .ImgCell .Img img {width:100%; display:block; border-radius:3px; box-shadow:3px 3px rgba(0, 0, 0, 0.2);} .CaseStudiesHdrTable .DetailsCell {display:table-cell; vertical-align:top; padding-left:60px; box-sizing:border-box;} .CaseStudiesHdrTable .Date {background:rgba(0, 0, 0, 0.2); display:inline-block; color:#ffffff; padding:15px 25px; box-sizing:border-box; margin-bottom:20px; font-size:20px; font-weight:300; font-style:italic;} .CaseStudiesHdrTable .Title {font-size:40px; color:#ffffff; font-weight:700; line-height:1.3em; margin-bottom:20px;} .CaseStudiesHdrTable .Author {color:#ffffff; font-size:20px; margin-bottom:25px;} .CaseStudiesHdrTable .SocialMediaIcons a {display:inline-block; width:54px; margin-right:6px;} .CaseStudiesHdrTable .SocialMediaIcons a img {width:100%;} .CaseStudiesMediaBlock .Img {text-align:center; margin-bottom:45px;} .CaseStudiesMediaBlock .Img img {width:100%; max-width:600px;} .CaseStudiesMediaBlock .Vid {max-width:600px; margin:0px auto 45px auto;} .CaseStudiesMediaBlock .Vid .mejs__container {width:100% !important;} .CSTestimonialBlock {margin:40px 0px 0px 0px; padding:60px 0px; border-top:1px solid #D0D9DB; border-bottom:1px solid #D0D9DB; text-align:center;} .CSTestimonialBlock .TestimontialImg {text-align:center;} .CSTestimonialBlock .Img {display:inline-block; height:100px; width:100px; border-radius:50%; overflow:hidden; background-size:cover; background-repeat:no-repeat; background-position:center center; box-shadow:3px 3px rgba(0,0,0,0.2); margin-bottom:40px;} .CSTestimonialBlock .TestimonialText {color:#263339; font-family:'Quicksand', Arial, Helvetica, Verdana; font-size:2.4em; font-weight:700; margin-bottom:20px;} .CSTestimonialBlock .TestimonialText .Quotes {font-size:2.4em; line-height:0em; color:#D0D9DB; position:relative; top:24px;} .CSTestimonialBlock .TestimonialText .Quotes.Open {padding-right:15px; box-sizing:border-box;} .CSTestimonialBlock .TestimonialText .Quotes.Close {padding-left:15px; box-sizing:border-box;} .CSTestimonialBlock .Name {color:#263339; font-family:'Quicksand', Arial, Helvetica, Verdana; font-size:2.0em; margin-bottom:10px;} .CSTestimonialBlock .Details {color:#657478; font-family:'Quicksand', Arial, Helvetica, Verdana; font-size:1.4em;} /* Presentation */ .PresentationBlock {padding:175px 0px 500px 0px; box-sizing:border-box;} .PresentationBlock .PBContainer {position:relative; max-width:600px; margin:0 auto; box-sizing:border-box; padding-bottom:40px;} .PresentationBlock .PBContainer .BtmCtrlsContainer {position:absolute; z-index:100; bottom:0px; width:100%; height:40px; overflow:hidden;} .PresentationBlock .PBContainer .BtmCtrls {position:relative; /*top:40px;*/ top:0px; height:40px; background-color:#000000; padding:7.5px 15px; box-sizing:border-box; border-top:1px solid #867575; /*transition:top 150ms ease;*/} .PresentationBlock .PBContainer .BtmCtrls .Inner {display:flex; align-items:center;} .PresentationBlock .PBContainer .BtmCtrls .PrevBtn {flex:0 0 25px; height:25px; background:url('/Content/Images/Icon_Arrow_Testimonial_Left.png') no-repeat center center; background-size:100%; cursor:pointer;} .PresentationBlock .PBContainer .BtmCtrls .PrevBtn.swiper-button-disabled {opacity:0.5;} .PresentationBlock .PBContainer .BtmCtrls .NextBtn {flex:0 0 25px; height:25px; background:url('/Content/Images/Icon_Arrow_Testimonial_Right.png') no-repeat center center; background-size:100%; cursor:pointer;} .PresentationBlock .PBContainer .BtmCtrls .NextBtn.swiper-button-disabled {opacity:0.5;} .PresentationBlock .PBContainer .BtmCtrls .BtnSpacer {flex:0 0 5px;} .PresentationBlock .PBContainer .BtmCtrls .RightSide {flex:1; display:flex; align-items:center; justify-content:flex-end;} .PresentationBlock .PBContainer .BtmCtrls .FullScreenBtn {flex:0 0 25px; height:25px; background:url('/Content/Images/Full_Screen_Icon.png') no-repeat center center; background-size:100%; cursor:pointer;} .PresentationBlock .PBContainer:hover {/*padding-bottom:40px;*/} .PresentationBlock .PBContainer:hover .BtmCtrls {/*top:0px;*/} .PresentationBlock .swiper-slide {height:initial; background-color:#000000; /*padding:30px 30px 50px 30px; box-sizing:border-box;*/ cursor:default;} .PresentationBlock .swiper-slide * {color:inherit;} .PresentationBlock img {display:block; width:100%; margin:auto;} .PresentationBlock .VidContainer {position:relative; padding-top:56.25%; box-sizing:border-box; overflow:hidden;} .PresentationBlock .VidContainer video {position:absolute; z-index:5; top:0; left:0; width:100%; height:100%;} .PresentationBlock .mejs__time {color:#ffffff;} .PresentationBlock .ImgAudioBlock .Audio .Icons {display:inline-flex; align-items:center;} .PresentationBlock .ImgAudioBlock .Icon.Play {flex:0 0 75px; height:75px; cursor:pointer; background-image:url('/Content/Images/Speaker_Icon_Play.png'); background-size:100%; background-repeat:no-repeat; background-position:center;} .PresentationBlock .ImgAudioBlock .Icon.Play.Pause {background-image:url('/Content/Images/Speaker_Icon_Pause.png');} .PresentationBlock .ImgAudioBlock .Icon.Reset {flex:0 0 30px; height:30px; cursor:pointer; position:relative; left:15px; background-image:url('/Content/Images/Speaker_Reset_Icon.png'); background-size:100%; background-repeat:no-repeat; background-position:center;} .PresentationBlock .ImgAudioBlock .File {display:none;} .PresentationBlock .IEUnavailableMsg {display:none; text-align:center;} .PresentationBlock.OnIE .PBContainer {display:none;} .PresentationBlock.OnIE .IEUnavailableMsg {display:block;} /* Cookie Banner */ .CookieBanner {position:fixed; bottom:20px; z-index:200; left:0; right:0; padding:0 60px;} .CookieBanner .CookieBannerContent {max-width:1080px; display:flex; justify-content:space-between; align-items:center; gap:10px; background-color:rgba(255, 255, 255, 0.9); border:1px solid #d5d4d4; border-radius:3px; padding:10px 20px; margin: 0 auto} .CookieBanner .CookieBannerContent .InfoTxt {padding-right:35px; box-sizing:border-box;} .CookieBanner .CookieBannerContent .InfoTxt p {font-size:12px; margin:0px;} .CookieBanner .CookieBannerContent .InfoTxt p a {text-decoration:underline; font-weight:700; color:#263339;} .CookieBanner .CookieBannerContent .Btn {padding:9px 15px; border-radius:50px; cursor:pointer; font-family:'Quicksand', Arial, Helvetica, Verdana; font-weight:700;} .CookieBanner .CookieBannerContent .Btn.AcceptBtn {background:#f59e16; color:#ffffff; min-width:100px; border:2px solid #f59e16;} .CookieBanner .CookieBannerContent .Btn.RejectBtn {min-width:192px; background-color:#ffffff; border:2px solid #f59e16; color:#f59e16;} .CookieBanner .CookieBannerContent .Btn.SettingsBtn {min-width:140px; background-color:#ffffff; border:2px solid #D5D5D5; color:#333333;} .CookieBanner.Hide {display:none;} .CookieSettingsPopup p {font-size:14px; line-height:24px; margin-bottom:0px;} .CookieSettingsPopup p a {text-decoration:underline; font-weight:700; color:#263339 !important;} .CookieSettingsPopup .AcceptCookieBtnRow {display:flex; align-items:center; gap:10px; margin:20px 0px 30px 0px;} .CookieSettingsPopup .AcceptCookieBtnRow .Btn {padding:11px 15px; box-sizing:border-box; border-radius:50px; cursor:pointer; font-size:13px; text-align:center; font-weight:700;} .CookieSettingsPopup .AcceptCookieBtnRow .Btn.AcceptBtn {padding:11px 10px; box-sizing:border-box; background:#f59e16; color:#ffffff; min-width:100px;} .CookieSettingsPopup .AcceptCookieBtnRow .Btn.RejectBtn {padding:9px 17px; background-color:#ffffff; border:2px solid #f59e16; color:#f59e16; border-radius:50px;} .CookieSettingsPopup .CookieCategoryList .CategoryBlock {margin-top:30px;} .CookieSettingsPopup .CookieCategoryList .CBInner {display:flex; align-items:flex-start; gap:10px; width:100%;} .CookieSettingsPopup .CookieCategoryList .CBInner .BtnCol {flex:0 0 20px;} .CookieSettingsPopup .CookieCategoryList .CBInner .InfoCol {flex:1;} .CookieSettingsPopup .CookieCategoryList .CBInner .InfoCol .CategoryHdr {font-size:16px; font-weight:700; color:#333333; margin-bottom:10px;} .CookieSettingsPopup .CookieCategoryList .CBInner .InfoCol .CookiesList {margin-top:15px; max-height:120px; overflow-x:auto;} .CookieSettingsPopup .CookieCategoryList .CBInner .InfoCol .CookiesList .CookieDetailsRow {margin-bottom:10px;} .CookieSettingsPopup .CookieCategoryList .CBInner .InfoCol .CookiesList .CookieDetailsRow:last-child {margin-bottom: 0px;} .CookieSettingsPopup .CookieCategoryList .CBInner .InfoCol .CookiesList .CookieDetailsRow .CDInner {display:flex; align-items:flex-start; gap:10px; width:100%;} .CookieSettingsPopup .CookieCategoryList .CBInner .InfoCol .CookiesList .CookieDetailsRow .CDInner .ToggleIconCol {flex: 0 0 15px;} .CookieSettingsPopup .CookieCategoryList .CBInner .InfoCol .CookiesList .CookieDetailsRow .CDInner .ToggleIconCol img {position:relative; top:3px; width:100%; cursor:pointer;} .CookieSettingsPopup .CookieCategoryList .CBInner .InfoCol .CookiesList .CookieDetailsRow .CDInner .ToggleIconCol .PlusIcon.Hide {display:none;} .CookieSettingsPopup .CookieCategoryList .CBInner .InfoCol .CookiesList .CookieDetailsRow .CDInner .ToggleIconCol .MinusIcon.Hide {display:none;} .CookieSettingsPopup .CookieCategoryList .CBInner .InfoCol .CookiesList .CookieDetailsRow .CDInner .InfoTxtCol {flex:1;} .CookieSettingsPopup .CookieCategoryList .CBInner .InfoCol .CookiesList .CookieDetailsRow .CDInner .InfoTxtCol .CookieLabel {font-size:14px; line-height:24px; color:#333333; font-weight:700;} .CookieSettingsPopup .CookieCategoryList .CBInner .InfoCol .CookiesList .CookieDetailsRow .CDInner .InfoTxtCol .CookieDesc {margin-top:3px;} .CookieSettingsPopup .CookieCategoryList .CBInner .InfoCol .CookiesList .CookieDetailsRow .CDInner .InfoTxtCol .CookieDesc.Hide {display:none;} /* Toggle Switch */ .ToggleSwitch {position:relative; top:3px; display:inline-block; width:45px; height:4px;} .ToggleSwitch.Disable {opacity:0.4; pointer-events:none;} .ToggleSwitch input {width:0;height:0; opacity:0;} .ToggleSwitch span {position:absolute; top:0; bottom:0; left:0; right:0; width:33px; height:16px; background:#E5E5E5 !important; cursor:pointer; transition:0.3s; -webkit-transition:0.3s;} .ToggleSwitch span:before {position:absolute; content:''; width:14px !important; height:14px !important; left:0px; bottom:2px; background:#ffffff !important; border:3px solid #C5C5C5; transition:0.3s; -webkit-transition:0.3s; transform:translate(-2px, 4px) !important; -webkit-transform:translate(-2px, 4px) !important; -ms-transform:translate(-2px, 4px) !important;} .ToggleSwitch input:checked + span {background:#F59E1680 !important;} .ToggleSwitch input:checked + span:before {border:3px solid #F59E16;transform:translate(10px, 4px) !important;-webkit-transform:translate(10px, 4px) !important;-ms-transform:translate(10px, 4px) !important;width:16px;height:16px;left:5px;} .ToggleSwitch span {border-radius:34px;} .ToggleSwitch span:before {border-radius:50%;} .ToggleContainer {position:relative; display:flex; height:12px;} /* Under Construction */ .UnderConstruction {display:table; background-color:#263339; padding:0px 20px; box-sizing:border-box;} .UnderConstruction .ErrorInner {display:table-cell; vertical-align:middle; text-align:center; padding:60px 0px 60px 0px;} .UnderConstruction .ErrorInner .Img {display:inline-block; width:180px;} .UnderConstruction .ErrorInner .Img img {display:block; width:100%;} .UnderConstruction .ErrorInner .Desc {margin-top:20px;} .UnderConstruction .ErrorInner .Desc .Title {font-size:20px; font-weight:300; line-height:1.3em; color:#fff;} .UnderConstruction .ErrorInner .Desc .Txt {color:#fff;} .UnderConstruction .ErrorInner .Desc .Txt a {color:#fff;} /* @group Content */ .fht-table-wrapper, .fht-table-wrapper .fht-thead, .fht-table-wrapper .fht-tfoot, .fht-table-wrapper .fht-fixed-column .fht-tbody{ /* appearance */ overflow: hidden; margin-top:0px; /* position */ position: relative; } .fht-table-wrapper .fht-fixed-body .fht-tbody, .fht-table-wrapper .fht-tbody { /* appearance */ overflow: auto; } .fht-table-wrapper .fht-fixed-column, .fht-table-wrapper .fht-fixed-body { /* position */ top: 0; left: 0; position: absolute; } .fht-table-wrapper .fht-fixed-column { /* position */ z-index: 1; } .fht-table-wrapper, .fht-table-wrapper .fht-thead {margin-top:-1px !important;} .fancyTable tbody tr td { /* appearance */ background-color: #ffffff; } .fancyTable thead tr th, .fancyTable thead tr td, .fancyTable tfoot tr th, .fancyTable tfoot tr td { /* appearance */ background-color: #ffffff; } @media only screen and (max-width:1024px){ .AssessContain {margin:0px 40px;} } @media only screen and (max-width:768px){ .AssessContain {margin:0px 30px;} } @media only screen and (max-width:480px){ .AssessContain {margin:0px 20px;} } /*new design - what we do*/ .AboutUsMotto .AboutUsMottoBackground{ background: linear-gradient(to top right,#d5edf5 50%,transparent 51%) top,linear-gradient(#d5edf5 0 0) 50%,linear-gradient(to bottom right,#d5edf5 50%,transparent 51%) bottom; background-size: 100% 151px,100% calc(100% - 300px); height: 300px; padding: 150px 60px; background-repeat: no-repeat; } .AboutUsMotto .AboutUsItem{ height:80px; padding: 20px 60px; /* padding: 20px 10%; */ position: relative; z-index: 1; } .LessonPlans .AboutUsItem, .Assessment .AboutUsItem, .curriculummapping .AboutUsItem, .myreporting .AboutUsItem, .vpec .AboutUsItem, .AwesomeStuff .AboutUsItem {display:flex;justify-content: space-between; gap:60px; } .AboutUsItem { padding: 20px 60px; /* padding: 2% 15%; padding: 20px 10%; */ } .AboutUsMotto .AboutUsItem h1 { max-width: 680px; font-size: 22px; margin: auto; } .AboutUsMotto .AboutUsItem .AUVideo { max-width: 680px; margin: 20px auto 0px auto; } .AboutUsItem .AboutUsImg {width:50%; } .AboutUsItem .AboutUsDesc { width:50%; } .AboutUsItem .AboutUsDesc .AboutUsTitle { margin-bottom: 10px; } .AboutUsItem .AboutUsImg img{ width: 100%; height: auto; max-width: 500px; border-radius: 5px; box-shadow: 3px 3px 0px rgba(0, 0, 0, .25); box-shadow: -2px 3px 0 rgba(0,0,0,0.2); } .Assessment,.myreporting{ background: linear-gradient(to top right,#d5edf5 50%,transparent 51%) top,linear-gradient(#d5edf5 0 0) 50%,linear-gradient(to bottom right,#d5edf5 50%,transparent 51%) bottom; background-size: 100% 151px,100% calc(100% - 300px); background-repeat: no-repeat; } .Assessment .AboutUsItem, .myreporting .AboutUsItem{ padding: 170px 60px; /* padding: 170px 10%; */ flex-direction: row-reverse; } .AwesomeStuff{ position: relative; background: #d5edf5; -webkit-clip-path: polygon(0 0,100% 150px,100% 100%,0 100%); clip-path: polygon(0 0,100% 150px,100% 100%,0 100%); } .AwesomeStuff .AboutUsItem{ padding: 170px 60px 60px 60px; /* padding: 170px 10% 60px 10%; */ flex-direction: row-reverse; } .Panel_01 .Table_P01 {padding: 60px 0 80px 0;} @media only screen and (max-width: 768px){ .Panel_01 .Table_P01 { padding: 20px 0 80px 0; }} @media only screen and (max-width: 480px){ .Panel_01 .Table_P01 { padding: 20px 0 98px 0; }} .MainContent .Panel_02 .WidthContent { max-width: fit-content; margin:0; } .MainContent .Panel_02 .WidthContent { padding:0; } .MainContent .Panel_01 .Table_P01 .WidthContent { min-height: inherit; padding: 0 60px; } @media only screen and (max-width: 1200px){ .MainContent .Panel_01 .Table_P01 .WidthContent {padding: 0 50px;} } @media only screen and (max-width: 1024px){ .MainContent .Panel_02 .WidthContent{padding:0;} .MainContent .Panel_01 .Table_P01 .WidthContent { min-height: inherit; padding: 0 40px; /* padding: 0 10%; */ } } @media only screen and (max-width: 768px){ .MainContent .Panel_02 .WidthContent{padding:0;} .MainContent .Panel_01 .Table_P01 .WidthContent { min-height: inherit; padding: 0 30px; /* padding: 0 8%; */ } } @media only screen and (max-width: 480px){ .MainContent .Panel_02 .WidthContent{padding:0;} .MainContent .Panel_01 .Table_P01 .WidthContent { min-height: inherit; padding: 0 20px; /* padding: 0 7%; */ } } .Panel_02 .Inner { padding:0; } @media only screen and (max-width: 768px){ .Panel_02 .Inner { padding: 0px; } } @media only screen and (max-width: 1024px){ .Panel_02 .Inner { padding: 0px; } } @media only screen and (max-width: 1200px){ .AboutUsItem     {padding: 20px 50px;} .Assessment .AboutUsItem, .myreporting .AboutUsItem   {padding: 170px 50px;} .AwesomeStuff .AboutUsItem    {padding: 170px 50px 60px 50px;} } @media only screen and (max-width: 1024px){ .LessonPlans .AboutUsItem, .Assessment .AboutUsItem, .curriculummapping .AboutUsItem, .myreporting .AboutUsItem, .vpec .AboutUsItem, .AwesomeStuff .AboutUsItem{ flex-direction: column-reverse; gap:30px; padding-left:40px; padding-right:40px; /* padding-left:12%; padding-right:12%; */ } .AboutUsItem .AboutUsImg, .AboutUsItem .AboutUsDesc {width:100%;} } @media only screen and (max-width: 768px){ .LessonPlans .AboutUsItem, .Assessment .AboutUsItem, .curriculummapping .AboutUsItem, .myreporting .AboutUsItem, .vpec .AboutUsItem, .AwesomeStuff .AboutUsItem{ padding-left:30px; padding-right:30px; /* padding-left:9%; padding-right:9%; */ } } @media only screen and (max-width: 480px){ .LessonPlans .AboutUsItem, .Assessment .AboutUsItem, .curriculummapping .AboutUsItem, .myreporting .AboutUsItem, .vpec .AboutUsItem, .AwesomeStuff .AboutUsItem{ padding-left: 20px; padding-right:20px; /* padding-left: 7%; padding-right:7%; */ } } /*text*/ .AboutUsDesc{ color: #333333; font-family: "Quicksand"; font-size: 30px; font-weight: bold; /* vertical-align: middle; */ /* text-align: center; */ display: flex; flex-direction: column; justify-content: center; align-items: flex-start; } .AboutUsTxt, .AboutUsTitle{ text-align: left; } .AboutUsTxt ul{ /* margin:0px 0px 14px 10px; */ } .AboutUsTxt ul li{ font-size: 14px; font-weight: 400; color: #657478; line-height: 1.8em; /* margin: 0px 0px 12px 0px; */ margin:0; } .AboutUsTxt p{ margin:0px 0px 12px 0px; } /*main footer*/ .MainFooter{ background-color: transparent; border-top: 1px solid #d5d4d4; background: #fff; } .MainFooter .Links ul li a { font-size: 10px; text-decoration: none; color: #657478; font-weight: normal; } .MainFooter .Links ul li a:hover { color: #f59e16; } /* background tree*/ .AboutUsMotto .AboutUsMottoBackground, .Assessment, .myreporting, .AwesomeStuff{ position: relative; z-index:0; } /* .AboutUsMotto .AboutUsMottoBackground .AboutUsBackgroundTree, .Assessment .AboutUsBackgroundTree, .myreporting .AboutUsBackgroundTree, .AwesomeStuff .AboutUsBackgroundTree{ content: ""; position: absolute; top: 15%; left: 0; width: 100%; height: 100%; background-size: auto 10%; background-position: -70px -5%; opacity: 0; z-index: -1; transition-duration: 1s; transition-timing-function: ease-in-out; background-image: url(/Content/Images/Background_Tree_60.png); background-repeat: no-repeat; } .AboutUsMotto .AboutUsMottoBackground .AboutUsBackgroundTree.scrolled-into-visible, .Assessment .AboutUsBackgroundTree.scrolled-into-visible, .myreporting .AboutUsBackgroundTree.scrolled-into-visible, .AwesomeStuff .AboutUsBackgroundTree.scrolled-into-visible { opacity: 1; transition: background-size 1s ease-in-out,opacity 1.5s ease-in-out; background-size: auto 80%; } */ .AboutUsMotto .AboutUsMottoBackground::after, .Assessment::after, .myreporting::after, .AwesomeStuff::after{ content: ""; position: absolute; top: 15%; left: 0; width: 100%; height: 100%; background-size: auto 10%; background-position: -70px -5%; opacity: 0; z-index: -1; transition-duration: 1s; transition-timing-function: ease-in-out; background-image: url(/Content/Images/Background_Tree_60.png); background-repeat: no-repeat; } .AboutUsMotto .AboutUsMottoBackground.scrolled-into-visible::after, .Assessment.scrolled-into-visible::after, .myreporting.scrolled-into-visible::after, .AwesomeStuff.scrolled-into-visible::after{ opacity: 1; transition: background-size 1s ease-in-out,opacity 1.5s ease-in-out; background-size: auto 80%; } /*general styling - max screen*/ .MainHeader{ margin:0 auto; } .MainContent, .MainFooter { /* max-width: 1200px; */ margin: 0 auto; } .MainContent .Panel_01 .Table_P01 .WidthContent, .AboutUsItem{ margin: 0 auto; box-sizing: border-box; max-width: 1200px !important; } /* .AboutUsMottoBackground.scrolled-into-visible::before{ content:''; width: 100%; height: 100%; top:0; left:0; right:0; bottom:0; margin: 0 auto; max-width: 1600px; box-sizing: border-box; } */ .MainContent .Panel_02 .WidthContent{ max-width: none; } .MainContent .Panel_01 .Table_P01 .WidthContent{ min-height: 465px; height: fit-content; } .AboutUsMotto .AboutUsMottoBackground{ min-height: 300px; height: fit-content; } /* review of ui*/ .Panel_01 .CmsPage .WWD_ColumnRight_01 .BigTitle, .Panel_01 .CmsPage.HomeLoggedOut .WWD_ColumnRight_01 .BigTitle { font-size:50px; } .Panel_01 .CmsPage.HomeLoggedOut .BtnOne a, .Panel_01 .CmsPage .WWD_ColumnRight_01 .BtnFreeTrial a, .Panel_01 .CmsPage .WWD_ColumnRight_01 .BtnSubscribe a{ text-transform: initial; width: 140px; height: 40px; justify-content: center; align-items: center; display: flex; padding: 0; } .Panel_01 .CmsPage .WWD_ColumnRight_01 .BtnFreeTrial a{ text-transform: initial; width: 140px; height: 40px; justify-content: center; align-items: center; display: flex; padding: 0; font-size: 13px; } .Navigation ul.Level1 li.Level1 a.Level1 { font-size: 13px; } /* Clubs and Competitions */ .ClubsAndCompetitions {display:table; width:100%;} .ClubsAndCompetitions .Inner {display:table-cell; vertical-align:top; text-align:left; padding:160px 0px 80px 0px; position:relative;} .ClubsAndCompetitions .TopRow .BtnBack {float:left; margin:0px 20px 0px 0px; position:relative;} .ClubsAndCompetitions .TopRow .Desc {float:left; padding-right:20px; box-sizing:border-box; margin-bottom:15px;} .ClubsAndCompetitions .TopRow .Desc .Title {margin-bottom:0px;} .ClubsAndCompetitions .TopRow .Desc .DescLine {font-size:18px; color:#ffffff; margin-top:20px;} .ClubsAndCompetitions .TopRow .Buttons {float:right; text-align:right; margin-top:10px; margin-bottom:30px;} .ClubsAndCompetitions .TopRow .Buttons .BtnDarkTwo {display:inline-block; margin-right:20px;} .ClubsAndCompetitions .TopRow .Buttons .BtnDarkTwo a {font-size:13px; padding:11px 22px;} .ClubsAndCompetitions .TopRow .Buttons .BtnDarkTwo.PlusIcon a {padding:11px 20px 11px 40px; background-image:url(/content/images/Small_Plus_Icon.png); background-repeat:no-repeat; background-position:9px 6px;} .ClubsAndCompetitions .TopRow .Buttons .BtnOne {display:inline-block;} .ClubsAndCompetitions .TopRow .Buttons .BtnOne a {font-size:13px; padding:11px 20px 11px 40px; background-image:url(/content/images/Small_Plus_Icon.png); background-repeat:no-repeat; background-position:9px 6px;} .ClubsAndCompetitions .TopRow .Filter {display:table; margin-bottom:10px;} .ClubsAndCompetitions .TopRow .Filter .Title {display:table-cell; font-size:20px; font-weight:300; color:#ffffff; width:130px;} .ClubsAndCompetitions .TopRow .Filter .Wrapper_F {display:table-cell;} .ClubsAndCompetitions .TopRow .Filter .Wrapper_F .Item_F {display:inline-block; margin:10px 20px 0px 0px;} .ClubsAndCompetitions .TopRow.CenterBack .Desc {text-align:center; width:100%; margin-top:-50px;} .ClubsAndCompetitions h1 {font-size:40px; color:#ffffff;} .ClubsAndCompetitions .Asterix {color:#f94848; margin-left:5px; font-weight:300;} .ClubsAndCompetitions .CenterCol {max-width:610px; margin:0 auto;} .ClubsAndCompetitions .NoCCEmptyBlock {display:flex; align-items:center; background-color:#5298B2; border-radius:5px; padding:30px; box-sizing:border-box; height:550px;} .ClubsAndCompetitions .NoCCEmptyBlock .EmptyBlockContents {text-align:center; width:100%;} .ClubsAndCompetitions .NoCCEmptyBlock .Hdr {font-size:18px; color:#ffffff; margin-top:5px;} .ClubsAndCompetitions .NoCCEmptyBlock .BtnOne {margin-top:20px;} .ClubsAndCompetitions .NoCCEmptyBlock .BtnOne a {font-size:13px; padding:11px 20px 11px 40px; background-image:url(/content/images/Small_Plus_Icon.png); background-repeat:no-repeat; background-position:9px 6px;} .ClubsAndCompetitions .HeadList {display:table; width:100%; margin-top:30px;} .ClubsAndCompetitions .HeadList .Img_HL {display:table-cell; width:168px;} .ClubsAndCompetitions .HeadList .Inner_HL {display:table-cell; padding:0px 30px 10px 30px;} .ClubsAndCompetitions .HeadList .Table_HL {display:table; width:100%;} .ClubsAndCompetitions .HeadList .Table_HL .Cell_HL {display:table-cell; vertical-align:middle; text-align:center;} .ClubsAndCompetitions .HeadList .Table_HL .Cell_HL .Txt {font-size:14px; color:#47859c; font-style:italic; font-family:'Quicksand', Arial, Helvetica, Verdana;} .ClubsAndCompetitions .HeadList .Table_HL .Cell_HL .SortSelect {display:inline-block; margin-left:10px; width:170px;} .ClubsAndCompetitions .HeadList .Table_HL .Cell_01 {width:20%; text-align:left;} .ClubsAndCompetitions .HeadList .Table_HL .Cell_02 {width:10%;} .ClubsAndCompetitions .HeadList .Table_HL .Cell_03 {width:10%;} .ClubsAndCompetitions .HeadList .Table_HL .Cell_04 {width:10%;} .ClubsAndCompetitions .HeadList .Table_HL .Cell_05 {width:10%;} .ClubsAndCompetitions .HeadList .Table_HL .Cell_06 {width:5%;} .ClubsAndCompetitions .HeadList .Table_HL .Cell_07 {width:36%; text-align:right;} .ClubsAndCompetitions .HeadList.V2 .Table_HL .Cell_01 {width:20%;} .ClubsAndCompetitions .HeadList.V2 .Table_HL .Cell_02 {width:12%;} .ClubsAndCompetitions .HeadList.V2 .Table_HL .Cell_03 {width:12%;} .ClubsAndCompetitions .HeadList.V2 .Table_HL .Cell_04 {width:12%;} .ClubsAndCompetitions .HeadList.V2 .Table_HL .Cell_06 {width:0px;} .ClubsAndCompetitions .WrapperList {display:block; width:100%; margin:0px 0px -20px 0px;} .ClubsAndCompetitions .WrapperList .ItemList {display:table; width:100%; background:#ffffff; border-radius:4px; box-shadow:3px 3px 0px rgba(0, 0, 0, .25); margin:0px 0px 20px 0px;} .ClubsAndCompetitions .WrapperList .ItemList .InnerList {display:table-cell; vertical-align:middle; padding:30px 30px;} .ClubsAndCompetitions .WrapperList.V2 .TableList .CellList.Cell_01 {width:20%;} .ClubsAndCompetitions .WrapperList.V2 .TableList .CellList.Cell_02 {width:10%;} .ClubsAndCompetitions .WrapperList.V2 .TableList .CellList.Cell_03 {width:12%;} .ClubsAndCompetitions .WrapperList.V2 .TableList .CellList.Cell_04 {width:12%;} .ClubsAndCompetitions .WrapperList.V2 .TableList .CellList.Cell_06 {width:19%;} .ClubsAndCompetitions .WrapperList.V2 .TableList .CellList.Cell_06 a {font-size:12px;} .ClubsAndCompetitions .WrapperList.V2 .TableList .CellList.Cell_07 {width:17%;} .ClubsAndCompetitions .WrapperList.V2 .TableList .CellList .BtnView {width:143px;} .ClubsAndCompetitions .TableList {display:table; width:100%;} .ClubsAndCompetitions .TableList .CellList {display:table-cell; vertical-align:middle; text-align:center;} .ClubsAndCompetitions .TableList .CellList .Name {font-size:18px; font-weight:700; color:#263339;} .ClubsAndCompetitions .TableList .CellList .Type {font-size:14px; color:#5C7279;} .ClubsAndCompetitions .TableList .CellList .HalfTerm {font-size:14px; color:#263339;} .ClubsAndCompetitions .TableList .CellList .Year {font-size:14px; font-weight:700; color:#263339;} .ClubsAndCompetitions .TableList .CellList .Pupils {font-size:16px; color:#263339;} .ClubsAndCompetitions .TableList .CellList .ClassName {font-size:14px; color:#5C7279;} .ClubsAndCompetitions .TableList .CellList .YearGroup {font-size:16px; color:#263339; font-weight:700;} .ClubsAndCompetitions .TableList .CellList .KeyStage {font-size:16px; color:#263339; font-style:italic; font-family:'Quicksand', Arial, Helvetica, Verdana;} .ClubsAndCompetitions .TableList .CellList .BtnEdit {font-size:14px; font-weight:400; color:#5c7279;} .ClubsAndCompetitions .TableList .CellList .BtnEdit a {text-decoration:underline; color:#5c7279;} .ClubsAndCompetitions .TableList .CellList .BtnDelete {text-decoration:underline; font-size:14px; font-weight:400; color:#5c7279; cursor:pointer;} .ClubsAndCompetitions .TableList .CellList .BtnView {display:inline-block; margin-left:20px;} .ClubsAndCompetitions .TableList .CellList .BtnView a {width:100%; padding:11px 25px; box-sizing:border-box; font-size:13px;} .ClubsAndCompetitions .TableList .CellList .Lab {display:none; width:80px; font-size:12px; font-weight:400; color:#5c7279; font-style:italic; font-family:'Quicksand', Arial, Helvetica, Verdana;} .ClubsAndCompetitions .TableList .CellList.Cell_01 {width:17%; text-align:left; padding-right:10px; box-sizing:border-box;} .ClubsAndCompetitions .TableList .CellList.Cell_02 {width:8%;} .ClubsAndCompetitions .TableList .CellList.Cell_03 {width:9%; padding:0px 5px; box-sizing:border-box;} .ClubsAndCompetitions .TableList .CellList.Cell_04 {width:9%; padding:0px 5px; box-sizing:border-box;} .ClubsAndCompetitions .TableList .CellList.Cell_05 {width:8%; position:relative; right:5px;} .ClubsAndCompetitions .TableList .CellList.Cell_06 {width:7%;} .ClubsAndCompetitions .TableList .CellList.Cell_07 {width:7%;} .ClubsAndCompetitions .TableList .CellList.Cell_08 {width:16%; text-align:right;} .ClubsAndCompetitions .TableList .CellList.Cell_09 {width:16%; text-align:right;} .ClubsAndCompetitions .CAndCSelection {display:flex; align-items:center; width:100%; border-radius:3px; border:1px solid #F59E16; margin:20px 0px 30px 0px;} .ClubsAndCompetitions .CAndCSelection .Option {flex:1; text-align:center; font-size:16px; font-weight:700; color:#ffffff; text-transform:uppercase; padding:14px 20px; box-sizing:border-box; cursor:pointer;} .ClubsAndCompetitions .CAndCSelection .Option.Selected {background-color:#F59E16; pointer-events:none;} .ClubsAndCompetitions .FormChkList {margin-top:40px;} .ClubsAndCompetitions .FormChkList .Title {font-size:14px; color:#ffffff; margin-bottom:15px;} .ClubsAndCompetitions .FormChkList .PCLListBox {overflow-y:auto; background-color:#ffffff; border-radius:3px; padding:15px 20px; box-sizing:border-box; margin-bottom:25px;} .ClubsAndCompetitions .FormChkList .PCLListBox.MaxHeight160 {max-height:160px;} .ClubsAndCompetitions .FormChkList .PCLListBox.MaxHeight450 {max-height:450px;} .ClubsAndCompetitions .FormChkList .PCLListBox.NoRowBorder {padding:15px 20px 15px 10px;} .ClubsAndCompetitions .FormChkList .PCLListBox.NoRowBorder .ListBoxRow{border-bottom:none; padding-bottom:0px;} .ClubsAndCompetitions .FormChkList .ListBoxRow {border-bottom:1px solid #D5D5D5; padding:15px 0px; box-sizing:border-box;} .ClubsAndCompetitions .FormChkList .ListBoxRow:first-child {padding-top:0px;} .ClubsAndCompetitions .FormChkList .ListBoxRow:last-child {border-bottom:none; padding-bottom:0px;} .ClubsAndCompetitions .FormChkList .CbxAndLabel label {color:#263339;} .ClubsAndCompetitions .FormChkList.Top30 {margin-top:30px;} .ClubsAndCompetitions .FormChkList .icheckbox_square-grey, .ClubsAndCompetitions .FormChkList .iradio_square-grey {float:left; display:block; margin:0px 10px 0px 0px; padding:0px; top:0px; width:18px; height:18px; background: url(/Content/Images/grey@3x.png) no-repeat; border:none; cursor:pointer;} .ClubsAndCompetitions .FormChkList .icheckbox_square-white, .ClubsAndCompetitions .FormChkList .iradio_square-white {float:left; display:block; margin:0px 10px 0px 0px; padding:0px; top:0px; width:18px; height:18px; background: url(/Content/Images/grey@3x.png) no-repeat; border:none; cursor:pointer;} .ClubsAndCompetitions .FormChkList .icheckbox_square-grey {background-position: 0 0;} .ClubsAndCompetitions .FormChkList .icheckbox_square-grey.hover {background-position: -24px 0;} .ClubsAndCompetitions .FormChkList .icheckbox_square-grey.checked {background-position: -48px 0;} .ClubsAndCompetitions .FormChkList .icheckbox_square-grey.disabled {background-position: -72px 0; cursor: default;} .ClubsAndCompetitions .FormChkList .icheckbox_square-grey.checked.disabled {background-position: -96px 0;} .ClubsAndCompetitions .FormChkList .iradio_square-grey {background-position: -120px 0;} .ClubsAndCompetitions .FormChkList .iradio_square-grey.hover {background-position: -143px 0;} .ClubsAndCompetitions .FormChkList .iradio_square-grey.checked {background-position: -168px 0;} .ClubsAndCompetitions .FormChkList .iradio_square-grey.disabled {background-position: -192px 0; cursor: default;} .ClubsAndCompetitions .FormChkList .iradio_square-grey.checked.disabled {background-position: -216px 0;} .ClubsAndCompetitions .FormChkList .icheckbox_square-white {background-position: 0 0;} .ClubsAndCompetitions .FormChkList .icheckbox_square-white.hover {background-position: -24px 0;} .ClubsAndCompetitions .FormChkList .icheckbox_square-white.checked {background-position: -48px 0;} .ClubsAndCompetitions .FormChkList .icheckbox_square-white.disabled {background-position: -72px 0; cursor: default;} .ClubsAndCompetitions .FormChkList .icheckbox_square-white.checked.disabled {background-position: -96px 0;} .ClubsAndCompetitions .FormChkList .iradio_square-white {background-position: -120px 0;} .ClubsAndCompetitions .FormChkList .iradio_square-white.hover {background-position: -143px 0;} .ClubsAndCompetitions .FormChkList .iradio_square-white.checked {background-position: -168px 0;} .ClubsAndCompetitions .FormChkList .iradio_square-white.disabled {background-position: -192px 0; cursor: default;} .ClubsAndCompetitions .FormChkList .iradio_square-white.checked.disabled {background-position: -216px 0;} .ClubsAndCompetitions .FormChkList .PupilsSelectAllRow {display:flex; align-items:center; width:100%; padding:0px 0px 20px 20px; box-sizing:border-box;} .ClubsAndCompetitions .FormChkList .PupilsSelectAllRow .LeftCol {flex:0 0 20px;} .ClubsAndCompetitions .FormChkList .PupilsSelectAllRow .RightCol {flex:1; font-size:14px; color:#ffffff;} .ClubsAndCompetitions .BtnSave {text-align:center;} .ClubsAndCompetitions .BtnSave input {width:100%; max-width:277px;} .ClubsAndCompetitions .ErrorMsgPanel {text-align:center; margin-top:150px;} .ClubsAndCompetitions .ErrorMsgPanel .Img img {width:100%; max-width:150px;} .ClubsAndCompetitions .ErrorMsgPanel .Txt {margin-top:15px; font-family:'Quicksand', Arial, Helvetica, Verdana; font-size:24px; font-style:italic; color:#ffffff;} .PupilViewCandCCols {display:flex; align-items:flex-start; width:100%;} .PupilViewCandCCols .WrapperList {flex:1; margin:20px 0px 25px 0px;} .PupilViewCandCCols .WrapperList:first-child {padding-right:15px; box-sizing:border-box;} .PupilViewCandCCols .WrapperList:last-child {padding-right:0px;} .PupilViewCandCCols .Hdr {font-size:18px; color:#ffffff; font-weight:700; margin-bottom:10px; border-bottom:1px solid #ffffff; padding-bottom:10px; box-sizing:border-box;} .PupilViewCandCCols .Name {font-size:16px; color:#ffffff;} .CandCAddBtn {margin-bottom:50px;} /* My Documents */ .MyDocuments {height:100vh;} .MyDocumentsIFrame {width:100%; height:calc(100% - 60px); border:none; margin-top:60px;}