/* normalise.css */ /* 1 */ /*! normalize.css v1.0.1 | MIT License | git.io/normalize */ /* 2 */ article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block} /* 3 */ audio,canvas,video{display:inline-block;*display:inline;*zoom:1} /* 4 */ audio:not([controls]){display:none;height:0} /* 5 */ [hidden]{display:none} /* 6 */ html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%} /* 7 */ html,button,input,select,textarea{font-family:'Arial', sans-serif;} /* 8 */ body{margin:0} /* 9 */ a:focus{outline:thin dotted} /* 10 */ a:active,a:hover{outline:0} /* 11 */ h1{font-size:2em;margin:.67em 0} /* 12 */ h2{font-size:1.5em;margin:.83em 0} /* 13 */ h3{font-size:1.17em;margin:1em 0} /* 14 */ h4{font-size:1em;margin:1.33em 0} /* 15 */ h5{font-size:.83em;margin:1.67em 0} /* 16 */ h6{font-size:.75em;margin:2.33em 0} /* 17 */ abbr[title]{border-bottom:1px dotted} /* 18 */ b,strong{font-weight:700} /* 19 */ blockquote{margin:1em 0} /* 20 */ dfn{font-style:italic} /* 21 */ mark{background:#ff0;color:#000} /* 22 */ p,pre{margin:1em 0} /* 23 */ code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em} /* 24 */ pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word} /* 25 */ q{quotes:none} /* 26 */ q:before,q:after{content:'';content:none} /* 27 */ small{font-size:80%} /* 28 */ sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline} /* 29 */ sup{top:-0.5em} /* 30 */ sub{bottom:-0.25em} /* 31 */ dl,menu,ol,ul{margin:1em 0} /* 32 */ dd{margin:0 0 0 40px} /* 33 */ menu,ol,ul{padding:0 0 0 0} /* 34 */ li{margin: 0 0 10px 0;} /* 35 */ nav ul,nav ol{list-style:none;list-style-image:none} /* 36 */ img{border:0;-ms-interpolation-mode:bicubic} /* 37 */ svg:not(:root){overflow:hidden} /* 38 */ figure{margin:0} /* 39 */ form{margin:0} /* 40 */ fieldset{border:none;margin:0;padding:0} /* 41 */ legend{border:0;padding:0;white-space:normal;*margin-left:-7px} /* 42 */ button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle} /* 43 */ button,input{line-height:normal} /* 44 */ button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible} /* 45 */ button[disabled],input[disabled]{cursor:default} /* 46 */ input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px} /* 47 */ input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box} /* 48 */ input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none} /* 49 */ button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0} /* 50 */ textarea{overflow:auto;vertical-align:top} /* normalise.css */ /* 51 */ table{border-collapse:collapse;border-spacing:0} /* 52 */ /* 53 */ .nobullets{list-style-type: none;} /* 54 */ /* 55 */ .skipnav{position: absolute; top: 10px; left: 10px; overflow: hidden; width: 1px; height: 1px; z-index: -1;} /* 56 */ .skipnav:focus{width: auto; height: auto; z-index: 10000; background-color: black; color: white !important; padding: 10px;} /* 57 */ /* 58 */ /* Define the grid layout */ /* 59 */ .c1, .c2, .c3, .c4, .c5, .c6, .c7, .c8, .c9, .c10, .c11, .c12{margin: 0 1%; float: left;} /* 60 */ .c1{width: 6.33%;} /* 61 */ .c2{width: 14.66%;} /* 62 */ .c3{width: 23%;} /* 63 */ .c4{width: 31.33%;} /* 64 */ .c5{width: 39.67%;} /* 65 */ .c6{width: 47.99%;} /* 66 */ .c7{width: 56.33%;} /* 67 */ .c8{width: 64.66%;} /* 68 */ .c9{width: 73%;} /* 69 */ .c10{width: 81.33%;} /* 70 */ .c11{width: 89.67%;} /* 71 */ .c12{width: 98%;} /* 72 */ /* 73 */ .bordered.c1, .bordered.c2, .bordered.c3, .bordered.c4, .bordered.c5, .bordered.c6, .bordered.c7, .bordered.c8, .bordered.c9, .bordered.c10, .bordered.c11, .bordered.c12 {border: 1px solid red; padding: 10px;} /* 74 */ .bordered.c1{width: 38px;} /* 75 */ .bordered.c2{width: 118px;} /* 76 */ .bordered.c3{width: 198px;} /* 77 */ .bordered.c4{width: 278px;} /* 78 */ .bordered.c5{width: 358px;} /* 79 */ .bordered.c6{width: 438px;} /* 80 */ .bordered.c7{width: 518px;} /* 81 */ .bordered.c8{width: 598px;} /* 82 */ .bordered.c9{width: 678px;} /* 83 */ .bordered.c10{width: 758px;} /* 84 */ .bordered.c11{width: 838px;} /* 85 */ .bordered.c12{width: 918px;} /* 86 */ /* 87 */ .centred.c1{margin: 0 440px;} /* 88 */ .centred.c2{margin: 0 400px;} /* 89 */ .centred.c3{margin: 0 360px;} /* 90 */ .centred.c4{margin: 0 320px;} /* 91 */ .centred.c5{margin: 0 280px;} /* 92 */ .centred.c6{margin: 0 240px;} /* 93 */ .centred.c7{margin: 0 200px;} /* 94 */ .centred.c8{margin: 0 160px;} /* 95 */ .centred.c9{margin: 0 120px;} /* 96 */ .centred.c10{margin: 0 80px;} /* 97 */ .centred.c11{margin: 0 40px;} /* 98 */ .centred.c12{margin: 0;} /* 99 */ /* 100 */ .box {margin: 0 0 20px 0; text-align: left;} /* normalise.css */ /* 101 */ /* 102 */ /* Default Contact Form Styling */ /* 103 */ hr {clear:both;} /* 104 */ /* 105 */ /* Fix for odd Mozilla border & padding issues */ /* 106 */ button::-moz-focus-inner, input::-moz-focus-inner {border: 0; padding: 0;} /* 107 */ /* 108 */ .overTxtLabel{color: #888; font-size: 1em; padding: 5px} /* 109 */ /* 110 */ .desktophidden{display: none;} /* 111 */ /* base.css */ /* 1 */ /* /* 2 *| https://dribbble.com/shots/1315388-Dashboard-Web-App-Product-UI-Design-Job-Summary/attachments/184703 /* 3 *| https://dribbble.com/shots/1390801-Survey-Analytics-UI-UX/attachments/201133 /* 4 *| */ /* 5 */ /* 6 */ .student-outstandingpayment {margin:0 0 20px 0 !important; border-left:20px solid #d90912; background:#333333; color:#fff; padding:10px 20px;} /* 7 */ .student-outstandingpayment ul {list-style:none;} /* 8 */ .student-outstandingpayment ul li a {color:#fff; font-weight:600} /* 9 */ /* 10 */ body {font-family: 'Open Sans', sans-serif; width: auto; padding-left: 200px; background-color: #333;} /* 11 */ #masthead {background-color: #333; min-height: 100vh; position: absolute; width: 200px; left: 0; top: 0;} /* 12 */ #pageheader{position: relative; } /* 13 */ #content {background-color: #EAEAEA; border: 50px solid #EAEAEA; border-width: 20px 50px; min-height: 1200px; } /* 14 */ #footer {background-color: #EAEAEA;} /* 15 */ #helptextperpage{display: none;} /* 16 */ #helpmelink{display: none;} /* 17 */ /* 18 */ #masthead h1{color: #D92314; width: 100%; text-align: center; font-size: 1.3rem; margin-top: 20px;} /* 19 */ #masthead h1 img{width: 40%; margin: 0 30%} /* 20 */ /* 21 */ #masthead h2 {text-align:center; margin-bottom:0;} /* 22 */ #masthead h2 img{width:40%} /* 23 */ /* 24 */ #masthead p.logintakeover{background-color: #D92314; color: white; text-align: center; padding: 10px 0; font-size: 0.8rem; font-weight: bold; border: 2px solid #FFF; border-width: 2px 0;} /* 25 */ #masthead p.logintakeover a{color: white; text-transform: uppercase; text-decoration: none;} /* 26 */ /* 27 */ #masthead #loggedinas{position: fixed; bottom: 0; left: 0; margin: 0; padding: 10px 10px 10px 20px; width: 70px; background-color: #333; color: white; font-weight: 200; line-height: 1.2rem; } /* 28 */ #masthead #loggedinas p{border: 5px solid #FFF; font-size: 1.6rem; width: 60px; height: 48px; border-radius: 50%; text-align: center; margin: 0; padding: 12px 0 0 0;} /* 29 */ #masthead #loggedinas span{display: block; font-size: 0.6rem;} /* 30 */ /* 31 */ #masthead #reportbug{position: fixed; bottom: 0; left: 100px; margin: 0; padding: 10px; width: 80px; background-color: #333; color: white; font-weight: 200; line-height: 1.2rem; } /* 32 */ #masthead #reportbug p{border: 5px solid #FFF; font-size: 1rem; width: 60px; height: 48px; border-radius: 50%; text-align: center; margin: 0; padding: 12px 0 0 0; } /* 33 */ #masthead #reportbug a{color: #FFF; text-decoration: none;} /* 34 */ #masthead #reportbug span{display: block; font-size: 0.8rem;} /* 35 */ #masthead #reportbug p:hover{background-color: #FFF; color: #333; } /* 36 */ #masthead #reportbug p:hover a{color: #333} /* 37 */ /* 38 */ #masthead p.tutortrainingtakeover{background-color: #D92314; color: white; text-align: center; padding: 10px 0; font-size: 0.8rem; font-weight: bold; border: 2px solid #FFF; border-width: 2px 0;} /* 39 */ #masthead p.tutortrainingtakeover a{color: white; text-transform: uppercase; text-decoration: none;} /* 40 */ #masthead p.tutortrainingtakeover--studentview{background-color: #000;} /* 41 */ /* 42 */ #masthead #menu ul{padding-top: 20px;} /* 43 */ #masthead #menu ul li{ border-left: 5px solid #333; padding: 0; margin: 0; font-size: 0.9rem; position: relative;} /* 44 */ #masthead #menu ul li.selected{border-left-color: #D92314; background-color: #EAEAEA; color: #555} /* 45 */ #masthead #menu ul li.selected a{color: #2c2c2c;} /* 46 */ #masthead #menu ul li:hover{border-left-color: #D92314; background-color: #444; transition: border-left-color 0.5s, background-color 0.5s;} /* 47 */ #masthead #menu ul li:hover a {color: white;} /* 48 */ #masthead #menu ul li a{color: white; text-decoration: none; padding: 10px 10px 10px 20px; display: block;} /* 49 */ #masthead #menu ul li.mobilemenu{display: none;} /* 50 */ /* base.css */ /* 51 */ /* #masthead #menu ul li ul {display:none; padding:0; margin:0; background:#ccc7c7; border-top: 1px solid #b9b4b4;} /* 52 *| #masthead #menu ul li:hover ul, #masthead #menu ul li.selected ul {display:block;} */ /* 53 */ /* 54 */ #masthead #menu ul li ul {display:none; padding:0; margin:0; background:#ccc7c7; border-top: 1px solid #b9b4b4; list-style:none; width:210px !important;} /* 55 */ #masthead #menu ul li.selected ul {display:none;} /* 56 */ #masthead #menu ul li:hover ul {display:block !important; position: absolute; right:-210px; margin-top:-41px; z-index: 2000;} /* 57 */ /* 58 */ #masthead #menu ul li:hover ul li a , #masthead #menu ul li.selected ul li a {color:#2c2c2c} /* 59 */ #masthead #menu ul li ul li {padding-left:10px; border:none;} /* 60 */ #masthead #menu ul li ul li a {font-size:0.85rem; color:#2c2c2c} /* 61 */ #masthead #menu ul li ul li:hover a {color:#fff} /* 62 */ /* 63 */ #pageheader{background-color: #FAFAFA; border-bottom: 1px solid #DDD} /* 64 */ #pageheader h2{font-size: 1.5rem; margin: 0; padding: 27px 50px; color: #D92314; font-weight: 400;} /* 65 */ #pageheader h2 a {text-decoration: none; color: #D92314; font-weight: 400; border-bottom:1px solid #D92314;} /* 66 */ /* 67 */ #rightcol.inpage #principaleditform {float:right; width:900px !important; padding-right:20px; background:#fffl} /* 68 */ #rightcol.inpage #principaleditform div {float:left; margin-right:10px !important; min-width:120px !important; } /* 69 */ #rightcol.inpage #principaleditform label {width:100px !important; text-align:left;} /* 70 */ #rightcol.inpage #principaleditform input {width:200px !important; } /* 71 */ #rightcol.inpage #principaleditform div:last-child {margin-left:0px !important; width:170px !important;} /* 72 */ /* 73 */ #footer p{margin: 0 20px 0 0; font-size: 0.7rem; text-align: right; line-height: 2rem; border-top: 10px; font-weight: 200} /* 74 */ /* 75 */ span.picicon{font-family: Pictos; font-size: 1.5em; color: #AAA; position: absolute; top: 0; right: 0; height: 2.2rem; padding: 0.7rem 1rem 0.3rem 1rem; cursor: pointer} /* 76 */ span.picicon:hover{color: #444; transition: color 0.5s} /* 77 */ /* 78 */ .content_inner--flex{display: flex; flex-wrap: wrap; justify-content: space-between;} /* 79 */ /* 80 */ .content_inner p{width: 30%; min-width: 500px;} /* 81 */ /* 82 */ p.warning-message{background-color: #D92314; color: #FFF !important; position: absolute; bottom: 0; text-align: center; margin: 0; padding: 10px 0; width: 100%} /* 83 */ /* 84 */ p.warning{color: #FFF !important; position: relative; text-align: center; margin: 0; padding: 10px 0; width: 100%; animation: warningerror 1s ease both; will-change: background-color;} /* 85 */ @keyframes warningerror { /* 86 */ from { background-color: #FFF;} /* 87 */ to { background-color: #D92314;} /* 88 */ } /* 89 */ p.warning.success{background-color: #2A8914; animation: warningsuccess 1s ease both;} /* 90 */ @keyframes warningsuccess { /* 91 */ from { background-color: #FFF;} /* 92 */ to { background-color: #2A8914;} /* 93 */ } /* 94 */ /* 95 */ .newstylesareon{display: none} /* 96 */ /* 97 */ /* Help Text */ /* 98 */ .tip {color: #fff; width: 272px; z-index: 13000;} /* 99 */ .tip-title {font-weight: bold; font-size: 11px; margin: 0; padding: 8px 8px 4px; background-color: rgba(217, 35, 20, 0.95);} /* 100 */ .tip-text {font-size: 11px; padding: 4px 8px 8px; background-color: rgba(217, 35, 20, 0.95);} /* base.css */ /* 101 */ .tip-text ul {padding:5px !important; list-style:none;} /* 102 */ .tip-text ul li {padding:5px !important; border-bottom:1px solid #555 !important} /* 103 */ .tip-wrap{z-index: 14000;} /* 104 */ /* 105 */ #searchtabmenu{display: none;} /* 106 */ #tabbedsearch div{display: inline-block; vertical-align: top; margin-left: -8px; width: 33%;} /* 107 */ #tabbedsearch div:nth-child(2){margin-left: 20px; } /* 108 */ #tabbedsearch .editform div.tab{width: 90%;} /* 109 */ /* 110 */ #index #tabbedsearch div{padding: 20px 0; margin-left: 0; width: 30%; margin-right: 4.2%;} /* 111 */ #index #tabbedsearch div div{padding-left: 5% !important; width: 90%;} /* 112 */ #index #tabbedsearch div input.button{margin-bottom: 20px !important;} /* 113 */ /* 114 */ #index #tabbedsearch div:nth-child(4){margin-right: 0;} /* 115 */ #index #tabbedsearch div form{width: 100%; min-width: auto;} /* 116 */ #index #tabbedsearch div form h3{margin: 0; text-align: center; border-bottom: 2px solid #eaeaea; padding: 1rem 0; color: #333; font-weight: 600;} /* 117 */ /* 118 */ .students-addtoclass-wrapper {display:none;} /* 119 */ /* 120 */ .class-options .hidden {display:none;} /* 121 */ .class-options-filters {border-bottom:1px solid #ccc; padding-bottom:10px;} /* 122 */ .class-options-filters div {width:30%; display:inline-block; margin-right:20px;} /* 123 */ .class-options-filters div input {margin:0 !important;} /* 124 */ /* 125 */ p.addstudent-stocklevel {font-size:1.2rem !important; font-weight:600;} /* 126 */ p.addstudent-nostockwarning {color:#fff; min-width: 0 !important; width: 99% !important;} /* 127 */ p.addstudent-stockmessage {width: 70% !important; line-height: 1.9em !important; color:red; font-weight: 600;} /* 128 */ /* 129 */ .js-student-addtoclassselectform {} /* 130 */ .js-student-addtoclassselectform .class-options {height:200px; overflow:auto; margin-bottom:30px;} /* 131 */ .js-student-addtoclassselectform .class-options span {display:block; height:auto; width:95%; padding:5px 10px 2px 10px; border-bottom:1px solid #eaeaea;} /* 132 */ .js-student-addtoclassselectform .class-options span.hidden {display:none !important} /* 133 */ .js-student-addtoclassselectform .class-options span:hover {background:#eaeaea; cursor:pointer} /* 134 */ .js-student-addtoclassselectform .class-options span.selected {background: #e5ffd7; border-left: 2px solid #8fc671;} /* 135 */ /* 136 */ .js-student-addtoclassselectform .button {width:350px !important; padding: 10px; margin:0 !important;} /* 137 */ /* 138 */ #studentfilter {height:70px; padding:20px;} /* 139 */ .addtoclass-filterform {border:1px solid #ccc; display:flex; } /* 140 */ .addtoclass-filterform div {flex-basis: 25%; height:70px;} /* 141 */ .addtoclass-filterform__final {display: flex; align-items: center; justify-content: center;} /* 142 */ .addtoclass-filter-student__input {width: 90% !important;} /* 143 */ .addtoclass-filter-button {width:150px !important; margin:25px 0 0 0 !important;} /* 144 */ /* 145 */ /* 146 */ /* 147 */ /* 148 */ .class-options-filters {border-bottom:1px solid #ccc; padding-bottom:10px;} /* 149 */ .class-options-filters div {width:30%; display:inline-block; margin-right:20px;} /* 150 */ .class-options-filters div input {margin:0 !important;} /* base.css */ /* 151 */ /* 152 */ #inboxstatus{width: 20%; background-color: #FFF; text-align: center; background-color: #FFF; border-top: 3px solid #DDD; padding: 2rem 5% 1rem 5%; display: inline-block; position: relative; margin-bottom: 0; margin-top: 1rem;} /* 153 */ #inboxstatus p{min-width: 0; width: 100%} /* 154 */ /* 155 */ p.loading {text-align:center; width:100%;} /* 156 */ /* 157 */ .subscriptionsummary__renewalinfo {padding-top:20px;} /* 158 */ .subscriptionsummary__renewalinfo p {width:100%; margin:0;} /* 159 */ .subscriptionsummary__renewalinfo__expirydate {margin-bottom:10px !important; font-size:1.2rem} /* 160 */ .renewalrow td {background:#d92314 !important; color:#fff} /* 161 */ /* 162 */ .coachcymrucancellationbox {border:1px solid #d92314; margin-top:20px !important; padding:15px; width:45% !important; background:#fff} /* 163 */ .coachcymrucancellationbox a {display:block; margin-top:10px; text-decoration:none; color:#d92314} /* 164 */ /* 165 */ .principal-account-switcher { margin:0 0 10px 0; padding:0; list-style:none; position: absolute; top: 10px; right: 220px;} /* 166 */ .principal-account-switcher select {padding:0;} /* 167 */ /* 168 */ .video-viewpage {background:none; padding:0;} /* 169 */ .video-viewpage iframe {width:97vw; height:97vh;} /* 170 */ /* 171 */ /* Advanced Reporting */ /* 172 */ /*.advancedreport-filter {width:500px; margin-bottom:20px; background:#fff; padding:5px 20px 5px 10px; position: relative; border-radius:6px; border:1px solid #ccc}*/ /* 173 */ /*.advancedreport-filter select {width:300px !important; margin:0 !important;}*/ /* 174 */ /*.advancedreport-filter input[type="submit"] {width:200px !important; position: absolute; right: 10px; bottom:10px; margin:0 !important;}*/ /* 175 */ /* 176 */ .advancedreports__quickstats {margin-bottom:40px; display: flex; width: 100%;} /* 177 */ /* 178 */ .advancedreports__quickstat {flex-basis: 25%; height:150px; margin: 20px 0; border:1px solid #ccc; background:#fff; position: relative} /* 179 */ /* 180 */ .advancedreports__quickstat__label {padding:10px 0; margin-bottom:20px; background:#D92314; color:#fff; border-bottom:1px solid #ccc} /* 181 */ .advancedreports__quickstat__label p {min-width:auto !important; width: calc(100% - 10px) !important; text-align:center; font-size:1.3rem; margin:0; padding-left:10px} /* 182 */ /* 183 */ .advancedreports__quickstat__data {} /* 184 */ .advancedreports__quickstat__data p {min-width:auto !important; width: calc(100% - 10px) !important; text-align:center; font-size:1.8rem; margin-top:0; padding-left:10px} /* 185 */ /* 186 */ .advancedreports__quickstat__caption {display:none; background:#ccc; height: calc(100% - 4px); width: calc(100% - 4px); position: absolute; bottom:0; left:0;} /* 187 */ .advancedreports__quickstat__caption p {min-width:auto !important; width: calc(100% - 10px) !important; padding-left:10px} /* 188 */ /* 189 */ .advancedreports__quickstat__caption--highaccuracy {border:2px solid #00af00} /* 190 */ .advancedreports__quickstat__caption--mediumaccuracy {border:2px solid #c67605} /* 191 */ .advancedreports__quickstat__caption--lowaccuracy {border:2px solid #ff1f00} /* 192 */ /* 193 */ .advancedreports__quickstat:hover .advancedreports__quickstat__caption {display: block} /* 194 */ .advancedreports__quickstat__caption--forcehidden {display: none !important} /* 195 */ /* 196 */ .advancedreports__fullreport__content_p{font-size: 0.8rem; width: 90% !important; display: none;} /* 197 */ .advancedreports__fullreport__data__totalrow td {font-weight: 600} /* 198 */ /* 199 */ p.actionplancontentdisplay {background: #fff; padding: 30px;} /* 200 */ /* base.css */ /* 201 */ .button--add-offline-cpd{display: block; margin-top: 30px !important; cursor: pointer;} /* 202 */ .form--add-offline-cpd{} /* 203 */ /* 204 */ /* AM Charts container */ /* 205 */ .chart--container{height: 300px;} /* 206 */ .chart--container_bar_clustered{height: 1800px} /* 207 */ .chart--container_line{height: 800px} /* 208 */ /* 209 */ /* PIE Charts displayed inline */ /* 210 */ .advancedreports__inlinepie{display: inline-block; width: 50%} /* 211 */ .advancedreports__inlinepie h4{text-align: center; font-weight: normal} /* 212 */ /* 213 */ /* Report sections */ /* 214 */ .show-report-header{text-align: center; padding: 15px; border-bottom: 1px solid #ddd;} /* 215 */ .show-report-section-header{text-align: center; padding: 15px; border-bottom: 1px solid #ddd; font-weight: normal} /* 216 */ .show-report-section-header-expand{text-align: left; border: none; width: 80%; padding: 0; margin: 10px 0; cursor: pointer; background: transparent url(../images/add_black_24dp.svg) no-repeat 99%;} /* 217 */ .show-report-section-header-expand:hover{opacity: 0.6} /* 218 */ .show-report-section-header-open{background-image: url(../images/upgrade_black_24dp.svg); background-repeat: no-repeat;} /* 219 */ /* 220 */ /* Export lknk */ /* 221 */ .advancedreports__fullreport__export-data {display: none} /* 222 */ /* 223 */ /* Hide report sections */ /* 224 */ .report-section-hide{display: none;} /* 225 */ /* 226 */ /* Input filter */ /* 227 */ .input__select-filter{width: 20% !important; margin: 0 !important;} /* 228 */ /* 229 */ /* Assessment Display */ /* 230 */ .assessments_display {display: flex;} /* 231 */ .assessments_display__sectionheader {font-size: 1.5rem} /* 232 */ .assessments_display__sectionheader--green {color:#077e07;} /* 233 */ .assessments_display__sectionheader__link {color:#f4241d; font-size: 1.2rem; text-decoration: none} /* 234 */ .assessments_display__summary {flex-basis: 40%} /* 235 */ .assessments_display__overall {font-size: 0.7rem; margin-bottom:50px;} /* 236 */ .assessments_display__overall__details {font-size: 1.2rem; font-weight: 600; line-height: 2.5rem} /* 237 */ .assessments_display__timing {} /* 238 */ .assessments_display__scores {} /* 239 */ .assessmentscores__mainheader {font-size: 1.5rem;} /* 240 */ .assessments_timingsummary__sessionbreakdown__data {list-style: none; margin:0 0 50px 0; padding:0; column-count: 2} /* 241 */ .assessments_timingsummary__sessionchart h3 {padding:0} /* 242 */ .sessionbreakdown__data__row {font-size:1.1rem; font-weight: 600; margin:0 0 10px 0;} /* 243 */ .sessionbreakdown__data__row__time {font-weight: normal} /* 244 */ /* 245 */ .assessmentscores th {vertical-align: middle;} /* 246 */ .GroupedScores1 {border:1px solid black; border-top-width:2px; border-bottom-width:2px} /* 247 */ .GroupedScores2 {border:1px solid red; border-top-width:2px; border-bottom-width:2px} /* 248 */ .GroupedScores3 {border:1px solid green; border-top-width:2px; border-bottom-width:2px} /* 249 */ .GroupedScores4 {border:1px solid blue; border-top-width:2px; border-bottom-width:2px} /* 250 */ /* base.css */ /* 251 */ .assessmentscore {text-align:center;} /* 252 */ .assessmentscores__matrixheader td {background:#f4241d !important; color: #fff;} /* 253 */ .assessmentscores__totalheader td.assessmentscores__totalheader__header {font-weight: bold; text-align: center; font-size:0.9rem} /* 254 */ .assessmentscores__overalltotalheader td.assessmentscores__overalltotalheader__header {font-weight: bold; text-align: center; font-size:0.9rem} /* 255 */ .assessmentscores__passedheader td {font-weight: bold; text-align: center; font-size:0.9rem} /* 256 */ /* 257 */ .scorecol {text-align:center;} /* 258 */ .scorecol--picked {background: #dddada !important; font-weight: 600} /* 259 */ .scorecol--notpicked {background: #fbf6f6 !important; color:#aaa9a9} /* 260 */ .scorecol--empty {background: #f3eeee !important;} /* 261 */ .scorecol--grey {background:#eae4e4 !important;} /* 262 */ .scorecol--red {background:#f7c3c3 !important;} /* 263 */ .scorecol--amber {background:#f2deba !important;} /* 264 */ .scorecol--green {background:#cce4cc !important;} /* 265 */ .scorecol--bestscore {font-weight:600; font-size:1rem;} /* 266 */ .assessmentscores__assessmentlink {color:#D92314; text-decoration: none; padding:0px 0 2px 0 !important; margin:5px 0 5px 0; min-width: 110px; display: inline-block; border-bottom:1px solid #D92314} /* 267 */ .assessmentscores__assessmentassessor {font-size: 0.8rem !important; font-weight:600; display: inline-block; height:20px; } /* 268 */ .assessmentscores--totaloascore {text-align:center; border-left:2px solid #888; font-weight:600; font-size:1.3rem; vertical-align: middle;} /* 269 */ .assessmentscores--best {text-align:center; border-left:2px solid #888; font-weight:600; font-size:1rem} /* 270 */ .assessmentscores__spacerrow td {padding-top:50px; background: #eaeaea !important; border-bottom:1px solid #ccc; border-top:1px solid #ccc} /* 271 */ .assessmentscores__spacerrow--oa td {font-weight: 600; font-size:1.1rem} /* 272 */ /* 273 */ .assessments_display__tasks__form { margin-bottom: 50px} /* 274 */ .assessments_display__tasks__form__submitbutton {width:250px !important; margin:20px auto 0 auto !important; border: none; width: 230px !important; padding: 7px 0; text-align: center; background-color: #0A0; color: #FFF; box-shadow: 0 6px 6px 0px rgba(0, 0, 0, 0.2); background: linear-gradient(to bottom, #0A0 0%, #0B0 100%);} /* 275 */ .assessments_display__tasks__task {width:95%; display: flex; align-items: center; border-bottom:1px solid #ccc;} /* 276 */ .assessments_display__tasks__task:hover {background: #f7f4f4} /* 277 */ .assessments_display__tasklabel {cursor:pointer; display: block; padding:10px 0 10px 0; flex-basis: 90%; font-size:0.95rem; vertical-align: middle;} /* 278 */ .assessments_display__taskcheckbox {cursor:pointer; flex-basis: 10%; margin:auto !important;} /* 279 */ /* 280 */ .assessments_display__signoff__form { margin-bottom: 50px} /* 281 */ .assessments_display__signoff__form__submitbutton {width:250px !important; margin:20px auto 0 auto !important; border: none; width: 230px !important; padding: 7px 0; text-align: center; background-color: #0A0; color: #FFF; box-shadow: 0 6px 6px 0px rgba(0, 0, 0, 0.2); background: linear-gradient(to bottom, #0A0 0%, #0B0 100%);} /* 282 */ /* 283 */ @media screen and (max-width: 1200px) { /* 284 */ #inboxstatus{width: 90%} /* 285 */ #tabbedsearch{width: 100%;} /* 286 */ #tabbedsearch form{width: 100%; min-width: 0;} /* 287 */ } /* form_styles.css */ /* 1 */ /* New Table Search Overlay */ /* 2 */ .tablesearch-overlay {background: rgba(22, 22, 22, 0.8) !important; position:fixed; top:0; left:0; z-index:200; width:100%; height:100%; display: flex; align-items: center; justify-content: center;} /* 3 */ .tablesearch-overlay-inner {width: calc(45vw - 40px); /*max-height: calc(50vh - 20px);*/ padding: 20px 0 20px 20px; /*background:#fff;*/ background: #D92314; border-radius: 8px; position:relative; border: 2px solid #DDD;} /* 4 */ .tablesearch-overlay-inner:before{content: "Filter Results"; color: #FFF; display: block; text-align: left; padding-bottom: 1rem; font-weight: 600; font-size: 1.4rem} /* 5 */ .tablesearch-overlay-inner div {background:none !important; border:none !important;} /* 6 */ .tablesearch-overlay-inner .tablesearch-closebutton {cursor:pointer; position:absolute; right:-10px; top:-10px;} /* 7 */ /* 8 */ .tablesearch-overlay-inner #searchholder {overflow: auto; margin: 0 !important; max-height: calc(50vh - 21px);} /* 9 */ .tablesearch-overlay-inner #searchholder form.editform {background:none; height: calc(100% - 20px); min-width: auto; margin-bottom: 0;} /* 10 */ .tablesearch-overlay-inner #searchholder form.editform fieldset div.tab {width: calc(100% - 20px); padding-right: 20px; display: flex; flex-wrap: wrap; align-items: center; justify-content: left;} /* 11 */ .tablesearch-overlay-inner #searchholder form.editform fieldset {background:none; text-align:left} /* 12 */ .tablesearch-overlay-inner #searchholder form.editform fieldset label {flex-basis: calc(18% - 5px); text-align: left; padding: 6px 5px 6px 0; min-width: auto; margin-bottom: 15px; font-size: 0.9rem; color: #fff;} /* 13 */ .tablesearch-overlay-inner #searchholder form.editform fieldset label:nth-of-type(2n){margin-left: 20px !important;} /* 14 */ .tablesearch-overlay-inner #searchholder form.editform fieldset input {flex-basis: calc(32% - 10px); left:0 !important; right:auto !important; margin: 0 0 15px 0 !important; min-width: auto; color: #000; padding: 5px !important;} /* 15 */ .tablesearch-overlay-inner #searchholder form.editform fieldset select{flex-basis: calc(32% - 10px); margin: 0 0 15px 0 !important; min-width: auto; color: #000; padding: 5px !important;} /* 16 */ .tablesearch-overlay-inner #searchholder form.editform fieldset input.button {margin: 20px auto 0 auto !important; width: auto !important; padding: 10px 30px !important; font-size: 1rem; display: block !important;font-weight: 600; text-transform: none; border-radius: 5px; line-height: 1rem; color: #000; background-color: inherit; background: #fff; bottom: auto;} /* 17 */ .tablesearch-overlay-inner #searchholder form.editform fieldset input.button:hover{background-color: inherit; background: linear-gradient(to bottom, #f3f3f3 0%, #a9a9a9 100%);} /* 18 */ .tablesearch-overlay-inner #searchholder form.editform fieldset div.tab div{display: flex; width: auto; flex-basis: calc(32% - 10px); margin: 0 0 15px 0 !important;} /* 19 */ .tablesearch-overlay-inner #searchholder form.editform fieldset div.tab div select.dateday{flex-basis: 25%;} /* 20 */ .tablesearch-overlay-inner #searchholder form.editform fieldset div.tab div select.datemonth{flex-basis: 43%;} /* 21 */ .tablesearch-overlay-inner #searchholder form.editform fieldset div.tab div select.dateyear{margin-right: 0 !important; flex-basis: 32%;} /* 22 */ /* 23 */ .rejection-student {width:600px; background:#fff; border:1px solid #ccc; padding:10px; margin-bottom:20px;} /* 24 */ .rejection-student h3 {margin:0;} /* 25 */ .rejection-student .rejection-options {margin-bottom:20px !important; width:auto !important; padding-right:20px;} /* 26 */ .rejection-student .rejection-customsubject { margin-bottom:10px !important; width:400px !important;} /* 27 */ .rejection-student .rejection-customcontent {margin-bottom:10px !important; width:500px !important;} /* 28 */ /* 29 */ .classfiltersearch {margin-top:0px} /* 30 */ .searchfilterwrapper {display:inline-block; width:200px;} /* 31 */ .classfiltersearch label {margin:0; color:#fff; text-align:left;} /* 32 */ .classfiltersearch select { margin:0; padding:0;} /* 33 */ .classfiltersearch input.button {padding:5px; height:30px; float:right; margin:25px 10px 0 20px !important;} /* 34 */ /* 35 */ .resetsearchtrigger {padding-left:5px; cursor:pointer;} /* 36 */ .resetsearchtrigger span {text-decoration: underline;} /* 37 */ /* 38 */ input, select, textarea { /* 39 */ -webkit-box-sizing: border-box; /* 40 */ -moz-box-sizing: border-box; /* 41 */ box-sizing: border-box; /* 42 */ width: 100% !important;; /* 43 */ margin: 0.5rem 0 2rem 0 !important; /* 44 */ display: block !important; /* 45 */ } /* 46 */ textarea.blueedit{display: none !important;} /* 47 */ /* 48 */ legend{ /* 49 */ display: none !important; /* 50 */ visibility: visible; /* form_styles.css */ /* 51 */ padding: 0 0 10px 0; /* 52 */ margin: 0 0 2rem 0; /* 53 */ font-size: 2rem; /* 54 */ border-bottom: 1px solid #CCC; /* 55 */ width: 100%; /* 56 */ float: left; /* 57 */ color: #666; /* 58 */ } /* 59 */ /* 60 */ fieldset{ /* 61 */ background-color: #FFF; /* 62 */ border-top: 3px solid #DDD; /* 63 */ width: 90%; /* 64 */ padding: 2rem 5% 1rem 5%; /* 65 */ display: inline-block; /* 66 */ position: relative; /* 67 */ margin-bottom: 0; /* 68 */ margin-top: 1rem; /* 69 */ } /* 70 */ /* 71 */ fieldset:focus-within{ /* 72 */ border-top: 3px solid rgba(81, 203, 238, 1); /* 73 */ } /* 74 */ /* 75 */ fieldset.buttons{border: none; margin-top: -2rem; padding: 0 5%;} /* 76 */ fieldset.buttons:focus-within{border-top: none;} /* 77 */ /* 78 */ /* 79 */ /* 80 */ label{ /* 81 */ display: block; /* 82 */ margin-bottom: 0; /* 83 */ clear: left; /* 84 */ font-size: 1rem; /* 85 */ position: relative; /* 86 */ } /* 87 */ /* 88 */ input{ /* 89 */ display: block; /* 90 */ margin-top: 0; /* 91 */ margin-bottom: 1rem; /* 92 */ width: 98%; /* 93 */ padding: 5px 1%; /* 94 */ color: #666; /* 95 */ font-size: 1rem; /* 96 */ } /* 97 */ /* 98 */ textarea{ /* 99 */ width: 98%; /* 100 */ height: 10rem; /* form_styles.css */ /* 101 */ padding: 5px 1%; /* 102 */ color: #666; /* 103 */ font-size: 1rem; /* 104 */ } /* 105 */ /* 106 */ select{ /* 107 */ width: 98%; /* 108 */ padding: 9px 1%; /* 109 */ color: #666; /* 110 */ font-size: 1rem; /* 111 */ } /* 112 */ /* 113 */ input[type=text]:focus, textarea:focus { /* 114 */ box-shadow: 0 0 5px rgba(81, 203, 238, 1); /* 115 */ outline: 1px solid rgba(81, 203, 238, 1); /* 116 */ } /* 117 */ /* 118 */ select:focus { /* 119 */ box-shadow: 0 0 1px 1px rgba(81, 203, 238, 0.2); /* 120 */ } /* 121 */ /* 122 */ input[type=hidden], .emailformcovert{ /* 123 */ display: none; /* 124 */ } /* 125 */ /* 126 */ .fieldset-intro{ /* 127 */ } /* 128 */ /* 129 */ .fieldset-intro__header{ /* 130 */ border-left: 5px solid #f86624; /* 131 */ padding-left: 10px; /* 132 */ font-size: 1.2rem; /* 133 */ line-height: 1.4rem; /* 134 */ text-transform: uppercase; /* 135 */ font-weight: 600; /* 136 */ letter-spacing: 0.01rem; /* 137 */ font-family: Arial,sans-serif; /* 138 */ color: #666; /* 139 */ } /* 140 */ /* 141 */ .fieldset-intro__para{ /* 142 */ font-size: 0.85rem; /* 143 */ line-height: 1.4rem; /* 144 */ color: #666; /* 145 */ } /* 146 */ /* 147 */ .checkbox-box{ /* 148 */ width: 98%; /* 149 */ position: relative; /* 150 */ } /* form_styles.css */ /* 151 */ /* 152 */ .checkbox-box__label{ /* 153 */ padding: 0 0 0 40px; /* 154 */ margin: 0; /* 155 */ } /* 156 */ /* 157 */ .checkbox-box__input{ /* 158 */ position: absolute; /* 159 */ top: 10px; /* 160 */ left: 0; /* 161 */ width: auto; /* 162 */ /* 163 */ } /* 164 */ /* 165 */ .button{ /* 166 */ border: none; /* 167 */ width: 200px !important; /* 168 */ padding: 1rem 0; /* 169 */ text-align: center; /* 170 */ background-color: #0A0; /* 171 */ color: #FFF; /* 172 */ box-shadow: 0 6px 6px 0px rgba(0, 0, 0, 0.2); /* 173 */ text-transform: uppercase; /* 174 */ margin: 0; /* 175 */ background: linear-gradient(to bottom, #0A0 0%, #0B0 100%); /* 176 */ } /* 177 */ /* 178 */ .button:active{ /* 179 */ box-shadow: none; /* 180 */ margin-top: calc(3rem + 6px); /* 181 */ margin-bottom: calc(2rem - 6px) /* 182 */ } /* 183 */ /* 184 */ .button:hover{ /* 185 */ background-color: #090; /* 186 */ background: linear-gradient(to bottom, #090 0%, #0A0 100%); /* 187 */ } /* 188 */ /* 189 */ .button--negative{ /* 190 */ background-color: #A00; /* 191 */ background: linear-gradient(to bottom, #A00 0%, #B00 100%); /* 192 */ } /* 193 */ /* 194 */ .button--negative:hover{ /* 195 */ background-color: #900; /* 196 */ background: linear-gradient(to bottom, #900 0%, #A00 100%); /* 197 */ } /* 198 */ /* 199 */ .js-form-item-status{ /* 200 */ display: block; /* form_styles.css */ /* 201 */ position: absolute; /* 202 */ top: auto; /* Calculated in js */ /* 203 */ right: -7%; /* 204 */ color: #666; /* 205 */ text-align: center; /* 206 */ width: 1.4rem; /* 207 */ height: 1.4rem; /* 208 */ font-size: 1.4rem; /* 209 */ border-radius: 50%; /* 210 */ margin: 0; /* 211 */ padding-top: 0rem; /* 212 */ } /* 213 */ /* 214 */ .js-form-item-status--error{ /* 215 */ background-color: #A00; /* 216 */ color: #FFF; /* 217 */ font-size: 1.4rem; /* 218 */ padding: 0 0 0.4rem 0; /* 219 */ height: 1.4rem; /* 220 */ width: 1.8rem; /* 221 */ font-weight: 800; /* 222 */ } /* 223 */ /* 224 */ .js-form-item-placeholder{ /* 225 */ display: block; /* 226 */ width: 100%; /* 227 */ margin: -2rem 0 2rem 0; /* 228 */ font-style: italic; /* 229 */ font-size: 0.8rem !important; /* 230 */ color: #999; /* 231 */ line-height: 1rem; /* 232 */ } /* 233 */ /* 234 */ .js-invalid-input{ /* 235 */ box-shadow: 0 0 5px rgba(203, 81, 81, 1) !important; /* 236 */ /* outline: 1px solid rgba(203, 81, 81, 1) !important;*/ /* 237 */ } /* 238 */ /* 239 */ select.js-invalid-input{ /* 240 */ outline: none; /* 241 */ } /* 242 */ /* 243 */ .hidden + div.js-form-item-status + p.js-form-item-placeholder{display: none;} /* 244 */ /* 245 */ input.emailformcovert{display: none !important;} /* 246 */ /* 247 */ form.editform{width: 30%; min-width: 500px;} /* 248 */ form.editform select.multiple{height: 200px;} /* 249 */ #tabmenu li:only-child{display: none} /* 250 */ /* form_styles.css */ /* 251 */ form.editform--report{min-width: 334px; width: auto;} /* 252 */ form.editform--report fieldset{padding: 14px;} /* 253 */ form.editform--report fieldset select{float: left; width: auto !important; margin: 0 1rem 0 0 !important;} /* 254 */ form.editform--report fieldset input.button{float: left; width: auto !important; margin: 0 !important; padding: 0.65rem 1rem;} /* 255 */ /* 256 */ p.course-emailalertswaiting {background: #fff; padding: 20px; width: auto; border: 5px dashed #d74343;} /* 257 */ p.course-emailalertswaiting a {display:block; margin-top:10px;} /* 258 */ /* 259 */ #searchholder form.editform{width: 100%; background-color: #EAEAEA; padding: 0;} /* 260 */ #searchholder form.editform fieldset{padding: 0; margin: 0; background-color: #EAEAEA; border: none; width: 100%; text-align: right;} /* 261 */ #searchholder form.editform fieldset div.tab{display: inline-block; margin: 0; width: 90%;} /* 262 */ #searchholder form.editform fieldset label{display: inline-block; min-width: 100px; text-align: right; float: none; margin-right: 0;} /* 263 */ #searchholder form.editform fieldset input{display: inline-block !important; min-width: 150px; float: none; margin: 0 20px 0 0 !important;} /* 264 */ #searchholder form.editform fieldset select{display: inline-block !important; min-width: 150px; float: none; margin: 0 20px 0 0 !important;} /* 265 */ #searchholder form.editform fieldset input.button{position: relative; right: auto; top: auto; margin: 0 !important; width: 10% !important;} /* 266 */ /* 267 */ .student-plotter-email {padding-top:20px;} /* 268 */ /* 269 */ .studentplotter #searchholder{display: block;} /* 270 */ .studentplotter #searchholder fieldset{text-align: left !important;} /* 271 */ .studentplotter #searchholder form.editform fieldset div.tab{width: 636px} /* 272 */ .studentplotter #searchholder h3{text-align: left; font-weight: 400; letter-spacing: -0.05rem} /* 273 */ .studentplotter #searchholder input[type=text]{padding: 2px 0;} /* 274 */ .studentplotter iframe{width: 100% !important;} /* 275 */ .studentplotter .content_inner{position: relative;} /* 276 */ .studentplotter .plotter-next-form{position: absolute; right: 0; top: -83px;} /* 277 */ .studentplotter #searchholder form.editform fieldset input.button{left: -247px; width: 149px; min-width: 0;} /* 278 */ .studentplotter #rightcol{position: relative;} /* 279 */ .studentplotter #rightcol .plotter-next-form{top:0px;} /* 280 */ .studentplotter div#tableforminputs input.button{width: 15% !important; padding: 1rem 0;} /* 281 */ .studentplotter .editform input.js-previewemail{background: transparent; color: #222; width: 100px !important; background: #CCC; background-color: rgb(204, 204, 204); box-shadow: none; color: #FFF; font-size: 0.8rem; /* display: block; padding: 5px; margin: 2rem auto !important; */} /* 282 */ /* 283 */ .studentplotter .editform input.plotter-submitsend {width:150px !important; height:50px; display:inline-block; margin:0 10px 0 0 !important;} /* 284 */ .studentplotter .editform input.cancelbutton {width:150px !important; height:50px; display:inline-block; margin:0 10px 0 0 !important;} /* 285 */ .studentplotter .editform input.plotter-previewemail {width:150px !important; height:50px; display:inline-block; margin:0 10px 0 0 !important; background:orange} /* 286 */ .studentplotter input {display:inline-block !important;} /* 287 */ .studentplotter .ConfirmSendEmailLabel {width: 400px} /* 288 */ .studentplotter .js-confirmsendemail {right:80px;} /* 289 */ /* 290 */ /* /* 291 *| #rightcol.inpage .practicaldayriskassessmentform {width:49%; float:right; margin-top:50px;} /* 292 *| #rightcol.inpage .practicaldayriskassessmentform div {float:left; min-width:200px; padding-left:30px; } /* 293 *| #rightcol.inpage .practicaldayriskassessmentform div:last-of-type {padding-left:0;} /* 294 *| #rightcol.inpage .practicaldayriskassessmentform label {width:100% !important; display:block !important; text-align: left; font-weight:600} /* 295 *| #rightcol.inpage .practicaldayriskassessmentform select#CompletedRiskAssessmentAssignSelect {display:block !important; min-width: 340px !important; margin-bottom:20px !important;} /* 296 *| #rightcol.inpage .practicaldayriskassessmentform input {display:block !important; width:100% !important; margin:0 !important;} /* 297 *| #rightcol.inpage .practicaldayriskassessmentform input#CompletedRiskAssessmentFile {margin-top:10px !important;} /* 298 *| #rightcol.inpage .practicaldayriskassessmentform input.confirm {margin-top:20px !important;} /* 299 *| /* 300 *| #practicaldaydatesaddformwrapper {} /* form_styles.css *| /* 301 *| #rightcol .practicaldaydatesaddform {width:350px !important; } /* 302 *| #rightcol .practicaldaydatesaddform .rundate-formelement {text-align:right;} /* 303 *| #rightcol .practicaldaydatesaddform .rundate-formelement label {display:block !important; width:100% !important;} /* 304 *| #rightcol .practicaldaydatesaddform .rundate-formelement input#PracticalDayTime {width:150px !important} /* 305 *| #rightcol .practicaldaydatesaddform .rundate-formelement select#DayType {width:200px !important} /* 306 *| */ /* 307 */ /* 308 */ .coursepracticaldatecontrols {} /* 309 */ .coursepracticaldatecontrols__formwrapper {} /* 310 */ .coursepracticaldatecontrols__formwrapper--riskassessment {} /* 311 */ .coursepracticaldatecontrols__formwrapper--dates {} /* 312 */ /* 313 */ /* 314 */ .rundate-formelement {text-align:right;} /* 315 */ .rundate-formelement label {display:block !important; width:100% !important;} /* 316 */ .rundate-formelement input#PracticalDayTime {width:150px !important} /* 317 */ .rundate-formelement select#DayType {width:200px !important} /* 318 */ /* 319 */ /*.coursepracticaldatecontrols__formwrapper { display:flex !important; justify-content:flex-end;}*/ /* 320 */ /*.practicaldaydatesaddformwrapper {outline:1px solid green; flex:0 0 50%; }*/ /* 321 */ /*.practicaldaydatesaddformwrapper form {width:100% !important; }*/ /* 322 */ /*.riskassessmentformwrapper {width:auto !important; float:none !important; flex:1 0 50%;}*/ /* 323 */ /* 324 */ .coursepracticaldatecontrols {width:100%;} /* 325 */ .coursepracticaldatecontrols__formwrapper {margin-bottom:20px;} /* 326 */ /* 327 */ .coursepracticaldatecontrols__formwrapper--dates #DayRunDate {width:70px !important; display:inline-block !important} /* 328 */ .coursepracticaldatecontrols__formwrapper--dates #MonthRunDate {width:125px !important; display:inline-block !important} /* 329 */ .coursepracticaldatecontrols__formwrapper--dates #YearRunDate {width:100px !important; display:inline-block !important} /* 330 */ .coursepracticaldatecontrols__formwrapper--dates #DayType {width:180px !important} /* 331 */ /* 332 */ .coursepracticaldatecontrols__formwrapper--riskassessment #PracticalDayDatesSelect {width:200px !important;} /* 333 */ /* 334 */ .coursepracticaldatecontrols__formwrapper__form {display:flex; align-items:flex-start; justify-content:flex-end;} /* 335 */ .coursepracticaldatecontrols__formwrapper__formelement {padding-right:10px} /* 336 */ .coursepracticaldatecontrols__formwrapper__formelement label {padding-left:5px; font-weight:600} /* 337 */ .coursepracticaldatecontrols__formwrapper__formelement input[type="submit"] { margin-top:34px !important; width: 200px !important; border:none; padding: 10px 0; text-align: center; font-size: 0.8rem; background-color: #0A0; color: #FFF; box-shadow: 0 6px 6px 0px rgba(0, 0, 0, 0.2); text-transform: uppercase;} /* 338 */ .coursepracticaldatecontrols__formwrapper__formelement input[type="submit"]:hover {background: linear-gradient(to bottom, #090 0%, #0A0 100%);} /* 339 */ /* 340 */ .coursewebinardatecontrols {width:100%;} /* 341 */ .coursewebinardatecontrols__formwrapper {margin-bottom:20px;} /* 342 */ /* 343 */ .coursewebinardatecontrols__formwrapper--dates #DayWebinarRunDate {width:70px !important; display:inline-block !important} /* 344 */ .coursewebinardatecontrols__formwrapper--dates #MonthWebinarRunDate {width:125px !important; display:inline-block !important} /* 345 */ .coursewebinardatecontrols__formwrapper--dates #YearWebinarRunDate {width:100px !important; display:inline-block !important} /* 346 */ /* 347 */ .coursewebinardatecontrols__formwrapper__form {display:flex; align-items:flex-start; justify-content:flex-end;} /* 348 */ .coursewebinardatecontrols__formwrapper__formelement {padding-right:10px} /* 349 */ .coursewebinardatecontrols__formwrapper__formelement label {padding-left:5px; font-weight:600} /* 350 */ .coursewebinardatecontrols__formwrapper__formelement input[type="submit"] { margin-top:34px !important; width: 200px !important; border:none; padding: 10px 0; text-align: center; font-size: 0.8rem; background-color: #0A0; color: #FFF; box-shadow: 0 6px 6px 0px rgba(0, 0, 0, 0.2); text-transform: uppercase;} /* form_styles.css */ /* 351 */ .coursewebinardatecontrols__formwrapper__formelement input[type="submit"]:hover {background: linear-gradient(to bottom, #090 0%, #0A0 100%);} /* 352 */ .coursewebinardatecontrols__formwrapper__formelement--time{} /* 353 */ .coursewebinardatecontrols__formwrapper__formelement--link{width: 20%;} /* 354 */ .coursewebinardatecontrols__formwrapper__formelement--desc{width: 20%;} /* 355 */ /* 356 */ .approvalfilter-classname {width:350px !important; padding:5px 10px; font-size:1rem !important;} /* 357 */ /* 358 */ .form-holder-principal{min-height: 70px; margin-top: 15px;} /* 359 */ #rightcol #principaleditform {text-align:left; float:right; margin:0 20px 20px 0; width: auto !important; display: inline-block;} /* 360 */ #rightcol #principaleditform fieldset {padding:0; width:100% !important; background:none; border:none;} /* 361 */ #rightcol #principaleditform div {display:inline-block} /* 362 */ #rightcol #principaleditform div.button-holder {} /* 363 */ #rightcol #principaleditform label {width:100px !important; margin: 10px !important; display:inline-block !important; color:#fff} /* 364 */ #rightcol #principaleditform input {width:200px !important; margin: 10px !important; display:inline-block !important;} /* 365 */ #rightcol #principaleditform input.button {display:inline-block; padding: 5px;} /* 366 */ /* 367 */ #registrationform table input{margin-bottom: 1rem !important;} /* 368 */ .menu-unanswered-questioncount { border-radius:10px; height:20px; width:20px; font-size:0.8rem; text-align: center; background:#a71515; color:#fff; position:absolute; right:10px;} /* 369 */ /* 370 */ .evidence-heading{font-size: 1rem; font-weight: 200; background-color: #333; color: #FFF; width: calc(60% - 2rem) !important; padding: 5px 1rem; margin-bottom: 0;} /* 371 */ form + .evidence-heading{margin-top: 4rem;} /* 372 */ /* 373 */ .coursequestions-unansweredcount {font-size: 1.1rem; font-weight: 200; background-color: #a71515; color: #FFF; width: calc(60% - 2rem) !important; padding: 5px 1rem;} /* 374 */ /* 375 */ form.coursequestions-form{width: 60% !important; padding: 0; margin-bottom: 20px;} /* 376 */ .coursequestions {margin-bottom:15px} /* 377 */ .coursequestions__question {margin-bottom: 10px; padding: 10px; background:#fff; border: 1px solid #ccc} /* 378 */ /* 379 */ .question_classnamerow td {background: #005e38 !important; color: #fff;} /* 380 */ /* 381 */ .coursequestions__question label {font-size: 0.9rem; margin-bottom: 0 !important;} /* 382 */ .coursequestions__question label:first-child { margin-bottom:10px;} /* 383 */ /* 384 */ .coursequestions__question select {width: auto !important; font-size:1rem; padding:5px 0; min-width: 200px; margin-bottom: 1rem !important;} /* 385 */ .coursequestions__question input{margin-bottom: 1rem !important;} /* 386 */ .coursequestions__question textarea{margin-bottom: 0.5rem !important;} /* 387 */ .coursequestions__question input.short {width:200px !important} /* 388 */ .coursequestions__question input.normal {width:300px !important} /* 389 */ .coursequestions__question input.wide {width:700px !important} /* 390 */ .coursequestions__question input.button {margin:0 !important;} /* 391 */ /* 392 */ .coursequestions__question label.coursequestions__question__label--radio{width: 20%; display: inline-block; text-align: right} /* 393 */ .coursequestions__question input.coursequestions__question__input--radio{width: 10% !important; display: inline-block !important; text-align: left;} /* 394 */ /* 395 */ .coursequestions__question.unanswered {border-left: 5px solid red;} /* 396 */ .coursequestions-form {margin-bottom: 50px;} /* 397 */ form.coursequestions-form input.button {margin: 0 0 10px 0 !important; width: auto !important; padding: 10px 1rem;} /* 398 */ /* 399 */ .coursequestions__question {margin-bottom: 0;} /* 400 */ .question_classnamerow {background:#006f42; padding:5px 15px; margin-top:10px;} /* form_styles.css */ /* 401 */ .question_classnamerow p {padding:0; margin: 0; font-weight:600; color:#fff} /* 402 */ .question_classnamerow:first-child {margin-top:0px;} /* 403 */ /* 404 */ /* 405 */ .courseaccommodationquestions-form {width: calc(60% - 2rem) !important; padding: 5px 1rem; background: #fff; margin-bottom: 20px;} /* 406 */ .courseaccommodationquestions-form .courseaccommodationquestions_heading{font-weight: 600; border-bottom: 1px dotted #444; width: auto; color: #444;} /* 407 */ .courseaccommodationquestions-form select {width: 90% !important; height: 30px; padding:0 10px; margin: 0;} /* 408 */ .courseaccommodationquestions-form label {font-size: 0.9rem; margin-bottom:0px;} /* 409 */ .courseaccommodationquestions-form input {width:150px !important;} /* 410 */ form.editform.courseaccommodationquestions-form input.button {margin: 0 0 10px 0 !important; width: auto !important; padding: 10px 1rem;} /* 411 */ /* 412 */ .courseaccommodationquestions-form__questions {display: flex; flex-direction: row;} /* 413 */ .courseaccommodationquestions-form__question {} /* 414 */ .courseaccommodationquestions-form__question__dates {display: flex; flex-direction: row; margin-top: 15px;} /* 415 */ .courseaccommodationquestions-form__question__date:last-child {padding-left:10px;} /* 416 */ .courseaccommodationquestions-form__question__date label {font-weight:400; margin-bottom:0;} /* 417 */ /* 418 */ .courseaccommodationquestions-form__question {width:50%} /* 419 */ .courseaccommodationquestions-form__question #AccommodationRequired {width:auto !important;} /* 420 */ .coursequestions__question__label {width:100%; padding-bottom: 15px !important; font-weight:600} /* 421 */ /* 422 */ .coursequestions__question__radiowrapper {display: flex; width:100%;} /* 423 */ .coursequestions__question__radiowrapper__left {flex-basis: 5%;} /* 424 */ .coursequestions__question__radiowrapper__left input.coursequestions__question__input--radio {width: 20px !important;} /* 425 */ .coursequestions__question__radiowrapper__right {flex-grow: 1} /* 426 */ .coursequestions__question__radiowrapper__right label.coursequestions__question__label--radio { width: 100%; text-align: left !important;} /* 427 */ /* 428 */ .coursequestions__subheading {margin: 10px 0 20px 0;} /* 429 */ .coursequestions_answers {padding-top:20px;} /* 430 */ .coursequestions_answers h4 {margin:0; padding:0;} /* 431 */ .coursequestions_answers p {width:100% !important;} /* 432 */ .coursequestions_answers__wideanswer {width:60% !important; white-space:normal !important;} /* 433 */ .coursequestions_answers__wideanswer br {margin-bottom:20px;} /* 434 */ .coursequestions__guidancetext {width: 100% !important; color:#1a7a2d; font-weight:600; margin-top:0} /* 435 */ .coursequestions__infotext {width:100% !important; font-style:italic; font-size:0.9rem;} /* 436 */ form.coursequestions-form input.coursequestions__button--midpage {margin: 30px 0 40px 0 !important;} /* 437 */ /* 438 */ .coursequestions__question__multicheckwrapper {display:flex; margin-bottom:20px; border-bottom:1px solid #eaeaea; padding-bottom:5px} /* 439 */ .coursequestions__question__multicheckwrapper__left { flex-basis:5%;} /* 440 */ .coursequestions__question__multicheckwrapper__left .coursequestions__question__input--multicheckbox {width:20px !important} /* 441 */ .coursequestions__question__multicheckwrapper__right {flex-basis:calc(95% - 20px); padding-right:20px;} /* 442 */ .coursequestions__question__label {width:100%; padding-bottom: 15px !important; font-weight:600} /* 443 */ /* 444 */ @media screen and (max-width: 1600px) { /* 445 */ .content_inner p{min-width: 0; width: 100%;} /* 446 */ .courseaccommodationquestions-form .courseaccommodationquestions_heading{min-width: 0 !important;} /* 447 */ .coursequestions-unansweredcount{width: calc(100% - 2rem) !important; min-width: 0 !important;} /* 448 */ .evidence-heading{width: calc(100% - 2rem) !important; min-width: 0 !important;} /* 449 */ form.coursequestions-form{width: 100% !important; min-width: 0 !important;} /* 450 */ .courseaccommodationquestions-form {width: calc(100% - 2rem) !important; min-width: 0 !important;} /* form_styles.css */ /* 451 */ } /* 452 */ /* 453 */ /* Dropzone formatting */ /* 454 */ .dropzone{ border: 2px dashed #181818; margin: 20px auto; padding: 30px 20px 20px 20px; text-align:center} /* 455 */ .dropzone--highlight{border-color: #d90912; border-style:solid; background:#eaeaea} /* 456 */ /* 457 */ .dropzone__preview{margin-top: 10px;} /* 458 */ .dropzone__preview__img{ width: 150px; margin-bottom: 10px; margin-right: 10px; vertical-align: middle;} /* 459 */ .dropzone__fileselector {display:none !important;} /* 460 */ /* 461 */ .dropzone .button {width:100% !important; background:none !important; color:#000; box-shadow:none;} /* 462 */ .dropzone .button:active {margin:0 !important} /* 463 */ .dropzone .button strong {margin-right:10px;} /* 464 */ .hidden {display:none !important;} /* 465 */ /* 466 */ .dropzone__preview__wrapper {position:relative; margin: 0 auto} /* 467 */ .dropzone__preview__wrapper .dropzoneremovefile {color:#000; cursor:pointer; margin-left: 20px; position: relative; top: auto; right: auto; display: block;} /* 468 */ .dropzone__preview__wrapper__item{display: block; margin-bottom: 10px;} /* 469 */ /* 470 */ /* Filter for unreviewed file uploads */ /* 471 */ .dashboard-unreviewed-file-uploads{float: right; margin-top: -50px; width: 50%; text-align: right;} /* 472 */ .dashboard-unreviewed-file-uploads__label{display: inline-block; margin-right: 10px;} /* 473 */ .dashboard-unreviewed-file-uploads__select{display: inline-block !important; width: auto !important; max-width: 400px;} /* 474 */ /* 475 */ /* Student Plotter Filter form */ /* 476 */ .studentplotterform {display: flex; width: 800px;} /* 477 */ .studentplotterform__controls__courseoptions {padding:0 0 20px 0; margin-bottom:20px; width:630px; align-items: center; display:flex; border-bottom: 1px dashed #ccc; } /* 478 */ .courseoptions__center {flex-basis:30%; font-size:2rem; text-align:center; color:#5b5b5b} /* 479 */ .courseoptions__right {flex-basis: 30%} /* 480 */ /* 481 */ #searchholder .studentplotterform__controls__courseoptions .form--search__field-wrapper--select {} /* 482 */ #searchholder .studentplotterform__controls__courseoptions .form--search__field-wrapper--select label {padding:0; margin-bottom:0 !important; display:block !important; width:100% !important; position: relative !important;} /* 483 */ #searchholder .studentplotterform__controls__courseoptions .form--search__field-wrapper--select select {margin-bottom:15px !important; width:auto !important; max-width: 300px;} /* 484 */ /* 485 */ .studentplotterform__controls__additionaloptions {width:700px; display: flex;} /* 486 */ .controls__additionaloptions__column {flex-basis:33%} /* 487 */ .controls__additionaloptions__column label {padding:0; margin-bottom:0 !important;} /* 488 */ .controls__additionaloptions__column .dateday{width: 20% !important; float:left;} /* 489 */ .controls__additionaloptions__column .datemonth{width: 23% !important; float:left;} /* 490 */ .controls__additionaloptions__column .dateyear{width: 30% !important; float:left;} /* 491 */ .controls__additionaloptions__column select {margin:0 !important; margin-bottom:15px !important; width: auto !important; max-width: 200px} /* 492 */ .controls__additionaloptions__column input#AddressPostcode {width:80px !important;} /* 493 */ .controls__additionaloptions__column input.short {width:80px !important;} /* 494 */ /* 495 */ #searchholder .controls__additionaloptions__column .button {margin:0 !important} /* 496 */ /* 497 */ /* Advanced Reports Form Filter */ /* 498 */ .advancedreport-form{display: flex; width: 100%;} /* 499 */ .advancedreport-form fieldset{width: calc(100% - 40px); padding: 20px 20px;} /* 500 */ .advancedreports__filters-applied{background-color: #FFF; border-top: 3px solid #DDD; width: calc(100% - 20px) !important; padding: 10px; display: inline-block; position: relative; margin-bottom: 0; margin-top: 5px; font-size: 0.8rem} /* form_styles.css */ /* 501 */ /* 502 */ .advancedreport-form label, .advancedreport-form input, .advancedreport-form select {font-size: 0.8rem; padding: 5px 1%; margin: 0 0 10px 0 !important; } /* 503 */ .advancedreport-form select {max-width: 90% !important; width: 90% !important;} /* 504 */ .advancedreport-form label {padding: 5px 1% 0 1%; max-width: 90% !important; width: 90% !important;} /* 505 */ .advancedreport-form input.button{margin-top: 10px !important;} /* 506 */ /* 507 */ .advancedreport-form__controls__reporttorun {padding:0 0 15px 0; margin-bottom: 15px; width: 25%; align-items: center; display:flex; border-bottom: 1px dashed #ccc; } /* 508 */ /* 509 */ .advancedreport-form__controls__courseoptions {padding:0 0 20px 0; margin-bottom:20px; width:630px; align-items: center; display:flex; border-bottom: 1px dashed #ccc; } /* 510 */ .advancedreport-form__controls__courseoptions .form--search__field-wrapper--select label {padding:0; display:block !important; width:100% !important; position: relative !important;} /* 511 */ .advancedreport-form__controls__courseoptions .form--search__field-wrapper--select select { width:auto !important; max-width: 300px;} /* 512 */ /* 513 */ .advancedreport-form__controls__additionaloptions {width: 100%; display: flex;} /* 514 */ .advancedreport-form__controls__additionaloptions .controls__additionaloptions__column {flex-basis: 16%} /* 515 */ .advancedreport-form__controls__additionaloptions .form--search__field-wrapper{min-height: 72px;} /* 516 */ /* 517 */ .form--search__field-date-fields-wrapper{display: flex} /* 518 */ .form--search__field-date-fields-wrapper select{flex-basis: 30%; margin-right: 5px !important;} /* 519 */ /* 520 */ /* 521 */ /* 522 */ .classstudents-selectall-label {font-size:0.7rem; display: inline-block;padding-right: 5px;} /* 523 */ .classstudents-selectall {display: inline-block !important; padding-left:20px;} /* 524 */ /* 525 */ #studenteditform .checkboxdiv {margin-bottom: 0;} /* 526 */ #studenteditform label[for="EthnicityID"] {margin-top: 40px;} /* 527 */ #studenteditform label[for="GenderID"] {margin-top: 40px;} /* 528 */ #studenteditform label[for="CoachGenderID"] {margin-top: 40px;} /* 529 */ #studenteditform label[for="Club"] {margin-top: 40px;} /* 530 */ #detailsdv #studenteditform label[for="Password"] {margin-top: 40px;} /* 531 */ #detailsdv #studenteditform label[for="CRBDisclosureDate"] {margin-top: 40px;} /* 532 */ /* 533 */ /* 534 */ #studenteditform input.button {margin-top: 40px !important;} /* 535 */ /* 536 */ .classgroupwebinars-selectall-label {font-size:0.7rem; display: inline-block;padding-right: 5px;} /* 537 */ .classgroupwebinars-selectall {display: inline-block !important; padding-left:20px;} /* 538 */ /* 539 */ form.editform select.multiple--very-tall{height: 920px;} /* 540 */ /* 541 */ @media only screen and (max-width: 1140px) { /* 542 */ #rightcol #principaleditform input {width:150px !important;} /* 543 */ } /* tables.css */ /* 1 */ table {color: #333; background-color: #FFF; width: 100%; border-collapse: collapse; font-size: 0.8rem; margin: 20px 0 40px 0; padding: 0; border: 1px solid #DDD;} /* 2 */ table thead tr td, table thead tr th {background-color: #D92314; color: #FFF; padding: 12px 10px; font-weight: 600; border-bottom: 1px solid #DDD; text-align: left;} /* 3 */ table thead tr td a{color: #FFF;} /* 4 */ table tbody tr td {border: none; padding: 12px 10px; font-size: 0.75rem; background: #F0F0F0;} /* 5 */ table tbody tr:nth-child(even) td { background: #F0F0F0; } /* 6 */ table tbody tr:nth-child(odd) td { background: #FFFFFF; } /* 7 */ table tbody tr td a{color: #D92314;} /* 8 */ table tbody tr:hover td{background-color: #FFFBCC;} /* 9 */ table tr td{vertical-align: top;} /* 10 */ table tr th{vertical-align: top;} /* 11 */ table tr.highlight {font-weight: bold;} /* 12 */ table tr.highlight td {background-color: #FAFF77 !important;} /* 13 */ /* 14 */ table tr td:last-child{white-space: nowrap;} /* 15 */ table.table--wrap-last-col tr td:last-child {white-space:normal !important;} /* 16 */ /* 17 */ table tfoot tr td {border: none; padding: 12px 10px; font-size: 0.75rem; background: #E0E0E0;} /* 18 */ /* 19 */ p.pathwayintroduction {white-space:normal} /* 20 */ /* 21 */ table input {margin: 0 !important;} /* 22 */ table input[type=checkbox]{width: auto !important} /* 23 */ /* 24 */ /* .dashboardoverview {border-collapse: none; border: none; width: 100%; background-color: #EAEAEA; margin-top: 0;} /* 25 *| .dashboardoverview tr td{border: 20px solid #EAEAEA; height: 150px; width: 33%; text-align: center; vertical-align: middle; font-size: 1rem; height: 200px; vertical-align: middle; background-color: #D92314 !important; color: white;} /* 26 *| .dashboardoverview tr td span{font-size: 1rem; line-height: 2rem; color: #FFF; font-weight: 200 !important; display: block;} /* 27 *| .dashboardoverview tr td a{margin-top: 2rem; display: inline-block; color: #FFF;} /* 28 *| .dashboardoverview tr td strong{font-weight: 400; font-size: 2rem} /* 29 *| /* 30 *| .dashboardoverview tr:first-child td{font-size: 1.2rem; height: 200px; vertical-align: middle; background-color: #FFF !important; color: #666;} /* 31 *| .dashboardoverview tr:first-child td span{font-size: 2rem; line-height: 4rem; color: #D92314;} /* 32 *| .dashboardoverview tr:first-child td a{color: #666;} /* 33 *| /* 34 *| .dashboardoverview tr:nth-child(2) td{font-size: 1.2rem; height: 200px; vertical-align: middle; background-color: #FFF !important; color: #666;} /* 35 *| .dashboardoverview tr:nth-child(2) td::first-line{font-size: 5rem; line-height: 2rem; color: #D92314;} /* 36 *| .dashboardoverview tr:nth-child(2) td a{margin-top: 1rem; font-size: 1rem; color: #666;} /* 37 *| .dashboardoverview tr:nth-child(2) td span{font-size: 2rem; line-height: 4rem; color: #D92314;} /* 38 *| /* 39 *| .dashboardoverview tr td:last-child{white-space: normal !important;} */ /* 40 */ /* 41 */ /* 42 */ .dashboard-fourpanel-layout{width: 20%; display: inline-block; vertical-align: top; margin-right: 5%;text-align: left; font-size: 0; margin-bottom: 50px;} /* 43 */ .dashboard-fourpanel-layout__alerts{margin-right: 0; width: 50%} /* 44 */ /* 45 */ .dashboard-fourpanel-layout div{width: 49%; display: inline-block; padding: 26.5px 0; text-align: center; background-color: #FFF; border: 1px solid #DDD; margin: 0; vertical-align: top; min-height: 41px; font-size: 1rem; text-transform: uppercase; font-size: 0.8rem;} /* 46 */ .dashboard-fourpanel-layout div span{display: block; font-size: 1rem; font-weight: 600; color: #333} /* 47 */ .dashboard-fourpanel-layout div a{color: #FFF; text-decoration: none;} /* 48 */ .dashboard-fourpanel-layout div:first-child{text-transform: uppercase; border-width: 5px 1px 1px 0; font-weight: 200; font-size: 1.6rem;} /* 49 */ .dashboard-fourpanel-layout div:nth-child(2){border-width: 5px 0 1px 0} /* 50 */ .dashboard-fourpanel-layout div:nth-child(3){border-width: 0 1px 0 0} /* tables.css */ /* 51 */ .dashboard-fourpanel-layout div:nth-child(4){border-width: 0 0 0 0} /* 52 */ /* 53 */ .dashboard-fourpanel-layout__stats div{border-top-color: #9de772;} /* 54 */ .dashboard-fourpanel-layout__logins div{border-top-color: #a0e4ef;} /* 55 */ .dashboard-fourpanel-layout__alerts div:first-child{font-size: 0.8rem} /* 56 */ .dashboard-fourpanel-layout__alerts div{transition: background-color 1s; border-width: 0 !important; text-align: left; min-height: auto; width: calc(48% - 80px); padding-left: 80px; padding: 10px 0 30px 80px; position: relative; background-color: #c01900; margin-bottom: 10px; overflow: hidden; margin-right: 2%; font-weight: 200 !important;max-height: 18px;} /* 57 */ .dashboard-fourpanel-layout__alerts div::before{content: "!"; height: 100%; font-weight: 800; font-size: 2.5rem; width: 60px; text-align: center; display: block; position: absolute; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.2); color: #FFF; padding: 0;} /* 58 */ /* 59 */ .dashboard-fourpanel-layout__alerts div:hover{transition: background-color 1s; background-color: green;} /* 60 */ .dashboard-fourpanel-layout__alerts div a:hover{text-decoration: underline;} /* 61 */ /* 62 */ .dashboard-fourpanel-layout__logins div a {color:#9a1400 !important} /* 63 */ .dashboard-fourpanel-layout__stats div a {color:#9a1400 !important} /* 64 */ /* 65 */ p.dropbtn {background-color: #E1E1E1; color: #222; border-radius: 50%; padding: 3px 0 0 0; text-align: center; width: 30px !important; min-width: 30px !important; height: 27px; display: inline-block; margin-left: 10px; cursor: pointer; margin: 0 0 0 10px; } /* 66 */ .dropdown {position: relative; display: inline-block;} /* 67 */ .dropdown-content {display: none; position: absolute; background-color: #f1f1f1; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; margin-left: -100px; margin-top: -7px;} /* 68 */ .dropdown-content a {color: black; padding: 12px 16px; text-decoration: none; display: block; } /* 69 */ .dropdown-content a:hover {background-color: #ddd;} /* 70 */ .dropdown.show .dropdown-content {display: block;} /* 71 */ .dropdown.show .dropbtn {background-color: #999;} /* 72 */ /* 73 */ table#courseunitsedittable{width: 60%; min-width: 800px; margin-bottom: 150px;} /* 74 */ /* 75 */ table#courseunitsedittable thead tr td{background-color: #FFF !important; color: #444;} /* 76 */ /* 77 */ table#courseunitsedittable tr.unitrow td{font-weight: 600; text-transform: uppercase; font-size: 1.4rem; background-color: #D92314 !important; color: white !important; border-top: 150px solid #EAEAEA;} /* 78 */ table#courseunitsedittable tbody tr.unitrow:first-child td{border-top: 0px solid white} /* 79 */ table#courseunitsedittable tbody tr.unitrow td:nth-child(3){font-weight: normal; font-size: 0.8rem; text-transform: none; } /* 80 */ table#courseunitsedittable tbody tr.unitrow td:nth-child(3) a{color: #FFF;} /* 81 */ table#courseunitsedittable tbody tr.unitrow .dropdown-content a{color: black !important;} /* 82 */ table#courseunitsedittable tr.unitrow--task td{background-color: #333 !important; } /* 83 */ /* 84 */ table#courseunitsedittable tbody tr.topicrow td{font-weight: 800; font-size: 1rem; } /* 85 */ table#courseunitsedittable tbody tr.topicrow td:nth-child(3){font-weight: normal; font-size: 0.8rem; text-transform: none; } /* 86 */ /* 87 */ table#courseunitsedittable tbody tr.resourcesheading td {background-color: #1A7A2D !important; text-transform: uppercase; color: #FFF; font-weight: 200 !important; font-size: 0.8rem; border-top: 50px solid #EAEAEA;} /* 88 */ table#courseunitsedittable tbody tr.resourcesheading td strong{font-weight: 600;} /* 89 */ table#courseunitsedittable tbody tr.resourcerow td{font-size: 0.8rem; font-weight: normal; background-color: white; padding: 5px;} /* 90 */ table#courseunitsedittable tbody tr.resourcerow td:first-child{text-align: right;} /* 91 */ table#courseunitsedittable tbody tr.resourcerow:hover td{background-color: #FFFBCC;} /* 92 */ /* 93 */ table#courseunitsedittable tbody tr.tasksheading td {background-color: #333 !important; text-transform: uppercase; color: #FFF; font-weight: 200 !important; font-size: 0.8rem; border-top: 50px solid #EAEAEA;} /* 94 */ table#courseunitsedittable tbody tr.tasksheading td strong{font-weight: 600;} /* 95 */ table#courseunitsedittable tbody tr.tasksrow td{font-size: 0.8rem; font-weight: normal; background-color: white; padding: 5px;} /* 96 */ table#courseunitsedittable tbody tr.tasksrow td:first-child{text-align: right;} /* 97 */ table#courseunitsedittable tbody tr.tasksrow:hover td{background-color: #FFFBCC;} /* 98 */ /* 99 */ /* 100 */ .viewpage #unitsdv{border-left: 10px solid #CCC;} /* tables.css */ /* 101 */ table#courseunitsviewtable{width: 60%; min-width: 800px;} /* 102 */ /* 103 */ table#courseunitsviewtable thead tr td{background-color: #FFF !important; color: #444;} /* 104 */ /* 105 */ table#courseunitsviewtable tr.unitrow td{font-weight: 600; text-transform: uppercase; font-size: 1.4rem; background-color: #D92314 !important; color: white !important; border-top: 150px solid #EAEAEA;} /* 106 */ table#courseunitsviewtable tbody tr.unitrow:first-child td{border-top: 0px solid white} /* 107 */ table#courseunitsviewtable tbody tr.unitrow td:nth-child(3){font-weight: normal; font-size: 0.8rem; text-transform: none; } /* 108 */ table#courseunitsviewtable tbody tr.unitrow td:nth-child(3) a{color: #FFF;} /* 109 */ table#courseunitsviewtable tbody tr.unitrow .dropdown-content a{color: black !important;} /* 110 */ table#courseunitsviewtable tr.unitrow--task td{background-color: #333 !important; } /* 111 */ /* 112 */ table#courseunitsviewtable tbody tr.topicrow td{font-weight: 400; font-size: 1rem; } /* 113 */ table#courseunitsviewtable tbody tr.topicrow td:nth-child(3){font-weight: normal; font-size: 1rem; text-transform: none; background-color: #1A7A2D; color: white;} /* 114 */ table#courseunitsviewtable tbody tr.topicrow td:nth-child(3) a{color: inherit;} /* 115 */ /* 116 */ table#courseunitsviewtable tbody tr.resourcesheading td {background-color: #1A7A2D !important; text-transform: uppercase; color: #FFF; font-weight: 400 !important; font-size: 0.8rem; border-top: 50px solid #EAEAEA;} /* 117 */ table#courseunitsviewtable tbody tr.resourcesheading td strong{font-weight: 400;} /* 118 */ table#courseunitsviewtable tbody tr.resourcerow td{font-size: 0.8rem; font-weight: normal; background-color: white; padding: 5px;} /* 119 */ table#courseunitsviewtable tbody tr.resourcerow td:first-child{text-align: right;} /* 120 */ table#courseunitsviewtable tbody tr.resourcerow:hover td{background-color: #FFFBCC !important;} /* 121 */ table#courseunitsviewtable tbody tr.resourcerow td:nth-child(3){font-weight: normal; font-size: 0.8rem; text-transform: none; background-color: inherit; color: inherit; } /* 122 */ /* 123 */ table#courseunitsviewtable tbody tr.tasksheading td {background-color: #333 !important; text-transform: uppercase; color: #FFF; font-weight: 400 !important; font-size: 0.8rem; border-top: 50px solid #EAEAEA;} /* 124 */ table#courseunitsviewtable tbody tr.tasksheading td strong{font-weight: 400;} /* 125 */ table#courseunitsviewtable tbody tr.tasksrow td{font-size: 0.8rem; font-weight: normal; background-color: white; padding: 5px;} /* 126 */ table#courseunitsviewtable tbody tr.tasksrow td:first-child{text-align: right;} /* 127 */ table#courseunitsviewtable tbody tr.tasksrow:hover td{background-color: #FFFBCC !important;} /* 128 */ table#courseunitsviewtable tbody tr.tasksrow td:nth-child(3){font-weight: normal; font-size: 0.8rem; text-transform: none; background-color: inherit; color: inherit; } /* 129 */ /* 130 */ /* 131 */ /* 132 */ table#courseunitsprogresstable{width: 60%; min-width: 800px;} /* 133 */ /* 134 */ /* 135 */ table#courseunitsprogresstable thead tr td{background-color: #FFF !important; color: #444;} /* 136 */ table#courseunitsprogresstable tr.unitrow td{font-weight: 600; text-transform: uppercase; font-size: 1.4rem; background-color: #D92314 !important; color: white !important; border-top: 150px solid #EAEAEA;} /* 137 */ /* 138 */ table#courseunitsprogresstable tbody tr.unitrow:first-child td{border-top: 0px solid white} /* 139 */ table#courseunitsprogresstable tbody tr.unitrow td:nth-child(3){font-weight: normal; font-size: 0.8rem; text-transform: none; } /* 140 */ table#courseunitsprogresstable tbody tr.unitrow td:nth-child(3) a{color: #FFF; } /* 141 */ table#courseunitsprogresstable tbody tr.unitrow .dropdown-content a{color: black !important;} /* 142 */ table#courseunitsprogresstable tr.unitrow--task td{background-color: #333 !important; } /* 143 */ /* 144 */ table#courseunitsprogresstable tbody tr.topicrow td{font-weight: 400; font-size: 1rem; } /* 145 */ table#courseunitsprogresstable tbody tr.topicrow td:nth-child(3){font-weight: normal; font-size: 1rem; text-transform: none;} /* 146 */ table#courseunitsprogresstable tbody tr.topicrow td:nth-child(3) a{color: inherit;} /* 147 */ /* 148 */ table#courseunitsprogresstable tbody tr.descriptorrow td.checkboxcell{text-align: center !important;} /* 149 */ table#courseunitsprogresstable tbody tr.descriptorrow td.checkboxcell input{display: inline-block !important} /* 150 */ /* tables.css */ /* 151 */ table#courseunitsprogresstable tbody tr.resourcesheading td {background-color: #1A7A2D !important; text-transform: uppercase; color: #FFF; font-weight: 400 !important; font-size: 0.8rem; border-top: 50px solid #EAEAEA;} /* 152 */ table#courseunitsprogresstable tbody tr.resourcesheading td strong{font-weight: 400;} /* 153 */ table#courseunitsprogresstable tbody tr.resourcerow td{font-size: 0.8rem; font-weight: normal; background-color: white; padding: 5px;} /* 154 */ table#courseunitsprogresstable tbody tr.resourcerow td:first-child{text-align: right;} /* 155 */ table#courseunitsprogresstable tbody tr.resourcerow:hover td{background-color: #FFFBCC !important;} /* 156 */ table#courseunitsprogresstable tbody tr.resourcerow td:nth-child(3){font-weight: normal; font-size: 0.8rem; text-transform: none; background-color: inherit; color: inherit; } /* 157 */ /* 158 */ table#courseunitsprogresstable tbody tr.tasksheading td {background-color: #333 !important; text-transform: uppercase; color: #FFF; font-weight: 400 !important; font-size: 0.8rem; border-top: 50px solid #EAEAEA;} /* 159 */ table#courseunitsprogresstable tbody tr.tasksheading td strong{font-weight: 400;} /* 160 */ table#courseunitsprogresstable tbody tr.tasksrow td{font-size: 0.8rem; font-weight: normal; background-color: white; padding: 5px;} /* 161 */ table#courseunitsprogresstable tbody tr.tasksrow td:first-child{text-align: right;} /* 162 */ table#courseunitsprogresstable tbody tr.tasksrow:hover td{background-color: #FFFBCC !important;} /* 163 */ table#courseunitsprogresstable tbody tr.tasksrow td:nth-child(3){font-weight: normal; font-size: 0.8rem; text-transform: none; background-color: inherit; color: inherit; } /* 164 */ /* 165 */ #coursecompletion{position: fixed; bottom: 0; right: 0; background-color: #D92314; color: white; text-align: center; width: 500px; min-width: 0; font-size: 0.8rem} /* 166 */ #courseunitsprogressform input.button{position: fixed; bottom: 0; right: 510px; margin: 0 !important; height: 44px; width: 200px; font-size: 0.8rem} /* 167 */ #courseunitsmarkcompletedform input.button{position: fixed; bottom: 0; right: 720px; margin: 0 !important; height: 44px; width: 200px; font-size: 0.8rem} /* 168 */ /* #addnotelink{position: fixed; bottom: 0; right: 720px; margin: 0 !important; height: 44px; width: 200px; font-size: 0.8rem} */ /* 169 */ #addnotelink{position: fixed; bottom: 0; right: 930px; margin: 0 !important; height: auto; width: 200px; font-size: 0.8rem; min-width: 0; padding: 1rem 0; line-height: 0.75rem;} /* 170 */ #addnotelink a{text-decoration: none; color: #FFF} /* 171 */ /* 172 */ h3.feedback-graph-heading {font-size:1.4rem; text-align:left; font-weight: bold; color: #d90912; margin: 100px 20px 0 20px !important; padding: 10px 0 !important; width: calc(100% - 40px) !important; text-transform: capitalize; border-bottom:1px solid #d90912; } /* 173 */ h3.feedback-graph-heading.feedback-graph-heading-first{margin-top: 0 !important;} /* 174 */ /* 175 */ #feedbackdv table{width: 60% !important; min-width: 800px;} /* 176 */ #feedbackdv tr.feedback-heading th{font-weight: 600; text-transform: uppercase; font-size: 1.4rem; background-color: #D92314 !important; color: white !important; border-top: 100px solid #EAEAEA; padding: 15px; text-align: left} /* 177 */ #feedbackdv tr.feedback-heading:first-child th{border-top: 0;} /* 178 */ #feedbackdv tr.feedback-sub-heading td{font-weight: 600; font-size: 0.9rem; background-color: #FFF !important; color: #444 !important; border-bottom: 1px solid #DDD;} /* 179 */ table tr.feedback-class-heading td{background-color: #007848 !important; color: #FFF !important; font-size: 1.2rem;} /* 180 */ table tr.feedback-column-headings td{font-weight: 600; font-size: 0.8rem; background-color: #007848 !important; color: white !important; padding: 5px 10px; text-align: left} /* 181 */ table tr.feedback-task-heading td{background-color: #444 !important; color: #FFF !important; font-size: 1rem; font-weight: 600 !important} /* 182 */ table td span.fileupload-text{display: block; max-width: 500px; max-height: 200px; overflow-y: auto; border-left: 10px solid #007848; padding: 10px; margin-top: 10px; } /* 183 */ table td span.fileupload-assessmentfeedback{display: block; max-width: 500px; max-height: 200px; overflow-y: auto; border-left: 10px solid #007848; padding: 10px; margin-top: 10px; } /* 184 */ /* 185 */ #homeworkdv table{width: 60%; min-width: 800px;} /* 186 */ #homeworkdv tr th{font-weight: 600; text-transform: uppercase; font-size: 1.4rem; background-color: #D92314 !important; color: white !important;} /* 187 */ /* 188 */ div#tableforminputs{width: 100%; text-align: right; margin: -30px 0 20px 0; } /* 189 */ div#tableforminputs label{font-size: 0.8rem; display: inline-block !important; float: none; width: 15% !important;} /* 190 */ div#tableforminputs input{font-size: 0.8rem; display: inline-block !important; float: none; width: 15% !important; margin-left: 20px !important;} /* 191 */ div#tableforminputs input.button{padding: 5px 10px; width: auto !important} /* 192 */ div#tableforminputs select{font-size: 0.8rem; display: inline-block !important; float: none; width: 15% !important; padding: 0px; margin: 0 1rem !important;} /* 193 */ div#tableforminputs hr{display: none;} /* 194 */ /* 195 */ #rightcol.inpage{background-color: transparent; width: 100%; text-align: right;left: auto;position: relative; bottom: auto;} /* 196 */ #rightcol.inpage input, #rightcol.inpage select, #rightcol.inpage label{display: inline-block !important; float: none; clear: none; width: 20% !important;} /* 197 */ #rightcol.inpage label{font-size: 1rem; color: #666;} /* 198 */ #rightcol.inpage h3{display: none;} /* 199 */ #rightcol.inpage div{display: inline-block; width: auto; min-width: 350px;} /* 200 */ #rightcol.inpage select.dateday{min-width: 60px;} /* tables.css */ /* 201 */ #rightcol.inpage select.datemonth{min-width: 160px;} /* 202 */ #rightcol.inpage select.dateyear{min-width: 100px;} /* 203 */ #rightcol.inpage input[type=submit]{padding: 8px 0 !important;} /* 204 */ #rightcol.inpage input[type=submit]{border: none; width: 200px !important; padding: 1rem 0; text-align: center; background-color: #0A0; color: #FFF; box-shadow: 0 6px 6px 0px rgba(0, 0, 0, 0.2); text-transform: uppercase; margin: 0; background: linear-gradient(to bottom, #0A0 0%, #0B0 100%);} /* 205 */ /* 206 */ #studenteditform + div#rightcol.inpage{width: 200px; position: absolute; top: 299px; right: 10%;} /* 207 */ /* 208 */ #regcodesdv .registration-codes-form.editform{width: 100%; text-align: right;} /* 209 */ #regcodesdv .registration-codes-form table{text-align: left; margin-bottom: 10px;} /* 210 */ #regcodesdv .registration-codes-form.editform input.button{width: 20% !important; display: inline-block !important; margin: 0 0 20px 0 !important;} /* 211 */ #regcodesdv #rightcol.inpage input[type=submit]{width: 20% !important; padding: 8px 0;} /* 212 */ /* 213 */ #statisticsdv{background: #FFF; width: 100%; min-height: 700px; position: relative} /* 214 */ #statisticsdv p:first-child{display: none;} /* 215 */ #statisticsdv h3{margin-left: 20px; padding-top: 20px;} /* 216 */ #statisticsdv h3 strong{font-weight: 400;} /* 217 */ #statisticsdv div:last-child{margin-left: 20px;} /* 218 */ /* 219 */ #principaleditform fieldset{margin-top: 0;} /* 220 */ .class-students-div fieldset{padding: 0; background-color: transparent; border-top: none; width: 100%;} /* 221 */ .class-students-div table{margin: 0;} /* 222 */ .class-students-form #tableforminputs{margin-top: 1rem !important;} /* 223 */ /* 224 */ .webinardates-div fieldset{padding: 0; background-color: transparent; border-top: none; width: 100%;} /* 225 */ .webinardates-div table{margin: 0;} /* 226 */ .webinardates-div #tableforminputs{margin-top: 1rem !important;} /* 227 */ /* 228 */ #usagedv{background-color: white; margin-top: 30px;} /* 229 */ #usagedv p{width: 100%; padding: 10px 1rem; margin-top: 0;} /* 230 */ #usagedv br{display: none;} /* 231 */ #usagedv form{padding: 10px 1rem; margin-bottom: 0;} /* 232 */ #usagedv form label{width: auto !important; display: inline-block !important;} /* 233 */ #usagedv form label:nth-child(5){margin-left: 100px;} /* 234 */ #usagedv form select{width: 10% !important; display: inline-block !important;} /* 235 */ #usagedv form input{width: 10% !important; display: inline-block !important;} /* 236 */ #usagedv form input[type=submit]{border: none; width: 200px !important; padding: 7px 0; text-align: center; background-color: #0A0; color: #FFF; box-shadow: 0 6px 6px 0px rgba(0, 0, 0, 0.2); text-transform: uppercase; margin: 0; background: linear-gradient(to bottom, #0A0 0%, #0B0 100%);} /* 237 */ /* 238 */ .qualifying-cpd-list{display: flex; flex-wrap: wrap; justify-content: flex-start; margin-top: 15px;} /* 239 */ .qualifying-cpd-list__item{background: #FFF; font-size: 0.9rem; padding: 10px; margin: 5px 10px 5px 0; border-top: 3px solid #DDD; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;} /* 240 */ /* 241 */ #feedbackdv{background-color: #FFF !important; margin-top: 30px;} /* 242 */ #feedbackdv h3{width: 100%; padding: 10px 1rem; margin-top: 0; font-weight: 400; margin-bottom :0;} /* 243 */ #feedbackdv table{width: 100% !important; min-width: 800px; margin: 0 20px; margin-left: 0 !important; border-bottom: 20px solid #FFF; border-top: 0; border-left: 0;} /* 244 */ /* 245 */ #uploadsdv p.noresults{display: none;} /* 246 */ #uploadsdv table{width: 100%; min-width: 800px; margin-bottom: 2rem;} /* 247 */ #uploadsdv tr.feedback-heading th{font-weight: 600; text-transform: uppercase; font-size: 1.4rem; background-color: #D92314 !important; color: white !important; border-top: 100px solid #EAEAEA; padding: 2px 15px; text-align: left} /* 248 */ #uploadsdv tr.feedback-heading:first-child th{border-top: 0;} /* 249 */ #uploadsdv tr.feedback-sub-heading td{font-weight: 600; font-size: 0.9rem; background-color: #FFF !important; color: #444 !important; border-bottom: 1px solid #DDD;} /* 250 */ #uploadsdv br{display: none;} /* tables.css */ /* 251 */ #uploadsdv table br{display: block;} /* 252 */ .fileuploads__assessmentlink {color:#fff; float:right; margin-right:20px} /* 253 */ /* 254 */ #statisticsdv{background-color: white; margin-top: 30px;} /* 255 */ #statisticsdv p{width: 100%; padding: 10px 1rem; margin-top: 0;} /* 256 */ #statisticsdv br{display: none;} /* 257 */ #statisticsdv form{padding: 10px 1rem; margin-bottom: 0;} /* 258 */ #statisticsdv form label{width: auto !important; display: inline-block !important;} /* 259 */ #statisticsdv form label:nth-child(5){margin-left: 100px;} /* 260 */ #statisticsdv form select{width: 20% !important; display: inline-block !important;} /* 261 */ #statisticsdv form input{width: 10% !important; display: inline-block !important;} /* 262 */ #statisticsdv form input[type=submit]{border: none; width: 200px !important; padding: 7px 0; text-align: center; background-color: #0A0; color: #FFF; box-shadow: 0 6px 6px 0px rgba(0, 0, 0, 0.2); text-transform: uppercase; margin: 0; background: linear-gradient(to bottom, #0A0 0%, #0B0 100%);} /* 263 */ #statisticsdv h3{width: calc(100% - 40px);} /* 264 */ /* 265 */ .content_inner.reports{width: 60%; min-width: 800px;} /* 266 */ .reports form select{width: 20% !important; display: inline-block !important; font-size: 0.8rem;} /* 267 */ .reports form select#StartDateDay{width: 10% !important} /* 268 */ .reports form select#StartDateYear{width: 10% !important} /* 269 */ .reports form select#EndDateDay{width: 10% !important} /* 270 */ .reports form select#EndDateYear{width: 10% !important} /* 271 */ .reports form input[type=submit]{border: none; width: 230px !important; padding: 7px 0; text-align: center; background-color: #0A0; color: #FFF; box-shadow: 0 6px 6px 0px rgba(0, 0, 0, 0.2); text-transform: uppercase; margin: 0; background: linear-gradient(to bottom, #0A0 0%, #0B0 100%);} /* 272 */ .content_inner.reports table{width: 80%} /* 273 */ .content_inner.reports table tbody th{text-align: left; padding: 10px;} /* 274 */ .content_inner.reports table tfoot th{text-align: left; padding: 10px;} /* 275 */ .content_inner.reports hr{width: 80%; margin: 0;} /* 276 */ /* 277 */ .mentors-student-list fieldset{padding: 0; border-top: none;} /* 278 */ .mentors-student-list table{margin: 0;} /* 279 */ /* 280 */ form.editform.student-reject-form{width: 100%; padding-bottom: 30px;} /* 281 */ /* 282 */ #index form fieldset{margin: 0; padding: 0; border-top: none; width: 100%;} /* 283 */ #index form fieldset table{margin: 0; border-top: 20px solid #EAEAEA; width: 100%;} /* 284 */ /* 285 */ .principaledit #classgroupsdv table{margin-top: 40px !important; margin-bottom:200px;} /* 286 */ .principaledit #studentsdv table{margin-top: 40px !important;} /* 287 */ /* 288 */ form#studentaddtocourseform table#addstudentstogroup {width:95%;} /* 289 */ form#studentaddtocourseform table#addstudentstogroup .col1 {width:25%;} /* 290 */ form#studentaddtocourseform table#addstudentstogroup .col2 {width:9%;} /* 291 */ form#studentaddtocourseform table#addstudentstogroup .col3 {width:4%;} /* 292 */ form#studentaddtocourseform table#addstudentstogroup .col4 {width:8%;} /* 293 */ form#studentaddtocourseform table#addstudentstogroup .col5 {width:11%;} /* 294 */ form#studentaddtocourseform table#addstudentstogroup .col6 {width:5%;} /* 295 */ form#studentaddtocourseform table#addstudentstogroup .col7 {width:10%;} /* 296 */ /* 297 */ form#studentaddtocourseform table#addstudentstogroup tr.studentrow td {font-weight:bold; background:#E8F9E5; text-align:center; padding:5px !important; border-bottom:1px solid #abcca5; border-top:1px solid #abcca5} /* 298 */ form#studentaddtocourseform table#addstudentstogroup tr.studentrow td.studentname {text-align:left;} /* 299 */ form#studentaddtocourseform table#addstudentstogroup tr.classrow td {background:#f3f1f1; line-height:1em; text-align:center; height:10px; padding:8px 0 5px 5px !important;} /* 300 */ form#studentaddtocourseform table#addstudentstogroup tr.classrow td * {} /* tables.css */ /* 301 */ form#studentaddtocourseform table#addstudentstogroup tr.classrow td input {margin:0 !important; padding:0 !important;} /* 302 */ form#studentaddtocourseform table#addstudentstogroup tr.classrow td select {margin:0 !important; padding:0 !important;} /* 303 */ form#studentaddtocourseform table#addstudentstogroup tr.classrow td.classname {text-align:left;} /* 304 */ form#studentaddtocourseform table input[type="checkbox"] {width:120px !important;} /* 305 */ form#studentaddtocourseform .button {right:0;} /* 306 */ form#studentaddtocourseform table .selectpackoptions {width:100px !important;} /* 307 */ /* 308 */ form#studentaddtocourseform table#addstudentstogroup tr td#fulltotal {text-align:center;} /* 309 */ /* 310 */ form#studentaddtocourseform table#addstudentstogroup td.selectall label {cursor:pointer; width: 127px !important; height: 50px; display:inline-block; margin:0 0 -15px 0; padding:0 !important; } /* 311 */ form#studentaddtocourseform table#addstudentstogroup td.selectall input {cursor:pointer; width:20px; margin:0 !important;} /* 312 */ /* 313 */ form#studentaddtocourseform table#addstudentstogroup td span#postage {width:40px !important;} /* 314 */ /* 315 */ form#studentaddtocourseform table#addstudentstogroup td #fulltotal {width: 100%; display: block; text-align: center;} /* 316 */ /* 317 */ /* 318 */ /* New Style Add Students To Class */ /* 319 */ #studentaddtocourseform {width:90%;} /* 320 */ #addstudentwrapper {margin-top:20px; position:relative;} /* 321 */ #addstudentwrapper .hidden {display:none; visibility:hidden;} /* 322 */ #addstudentwrapper #addstudentleft { width:45%; padding:0 !important; position:absolute; background:#fff;} /* 323 */ #addstudentwrapper #addstudentleft label {cursor:pointer;} /* 324 */ /* 325 */ #addstudentwrapper #addstudentleft #tableoverflow {height:400px; overflow:auto; margin-top: 25px;} /* 326 */ #addstudentwrapper #addstudentleft #tableoverflow input#selectall {position: relative; top:0;} /* 327 */ #addstudentwrapper #addstudentleft #tableoverflow table {width:100%; padding:0; margin:0;} /* 328 */ #addstudentwrapper #addstudentleft #tableoverflow table tr.hidden {display: none} /* 329 */ #addstudentwrapper #addstudentleft form input.button {margin:60px 20px -60px 0 !important;} /* 330 */ #addstudentwrapper #addstudentleft td.schoolname label{word-break: break-all;} /* 331 */ /* 332 */ #addstudentwrapper #addstudentleft #tableoverflow #studmergecol1{width: 30%;} /* 333 */ #addstudentwrapper #addstudentleft #tableoverflow #studmergecol2{width: 60%;} /* 334 */ #addstudentwrapper #addstudentleft #tableoverflow #studmergecol3{width: 10%} /* 335 */ /* 336 */ #addstudentwrapper #addstudentright {width:45%; margin-left:50%; padding-top: 0;} /* 337 */ #addstudentwrapper #addstudentright form {width:100%;} /* 338 */ #addstudentwrapper #addstudentright form>p {font-size:0.8rem; font-weight:600} /* 339 */ #addstudentwrapper #addstudentright form.hidden {display:none;} /* 340 */ #addstudentwrapper #addstudentright form input.button {right:-20px !important; font-size: 0.8rem;} /* 341 */ /* 342 */ #addstudentwrapper #addstudentleft #tableforminputs {width:100%} /* 343 */ #addstudentwrapper #addstudentleft #tableforminputs input.button {width:auto !important} /* 344 */ /* 345 */ form#studentstoadd {padding:10px !important; background:#fff} /* 346 */ form#studentstoadd h2 {margin-top:0; border-bottom: 1px solid #CCCCCC; font-size:1.4em;} /* 347 */ /* 348 */ #studentinputs {height:440px; overflow:auto; margin-top:0;} /* 349 */ .page-manualmerge #studentinputs {height:150px;} /* 350 */ /* tables.css */ /* 351 */ #studentinputs p {border-bottom:1px solid #ccc; padding-bottom:3px; width: 100%;} /* 352 */ #studentinputs p span.studentremove {float:right; cursor:pointer;} /* 353 */ /* 354 */ #studentfilter {padding-left:10px; padding-top:20px; height:100px;} /* 355 */ #studentfilter div { width:200px; float:left;} /* 356 */ #studentfilter div input {width:180px;} /* 357 */ /* 358 */ #studentfilter {height:70px; padding:20px;} /* 359 */ .manualmerge-filterform {border:1px solid #ccc; display:flex; } /* 360 */ .manualmerge-filterform div {flex-basis: 25%; height:70px;} /* 361 */ .manualmerge-filterform__final {display: flex; align-items: center; justify-content: center;} /* 362 */ .manualmerge-filter-student__input {width: 90% !important;} /* 363 */ .manualmerge-filter-button {width:150px !important; margin:25px 0 0 0 !important;} /* 364 */ /* 365 */ .manualmerge-stage2 table .col1 {width:25%} /* 366 */ .manualmerge-stage2 table .col2 {width:25%} /* 367 */ .manualmerge-stage2 table .col3 {width:25%} /* 368 */ .manualmerge-stage2 table .col4 {width:25%} /* 369 */ /* 370 */ .manualmerge-stage2 .hidden {display:none; visibility:hidden;} /* 371 */ .manualmerge-stage2 .primaryrecord td {font-weight:600; background:#00af00; color:#fff} /* 372 */ .manualmerge-stage2 tr td.studentemail span {display:inline-block; word-wrap: break-word; width:120px;} /* 373 */ /* 374 */ .assessment_display {display:flex; gap:30px} /* 375 */ .assessment_display__left {flex-basis:50%} /* 376 */ .assessment_display__right {width:50%} /* 377 */ .assessment__chart {width: 90%; height: 300px; padding-left:20px;} /* 378 */ .assessment__audio {margin-top:30px; padding-left:20px;} /* 379 */ .assessment__amchart {width:100%; max-width:560px; height: 400px;} /* 380 */ /* 381 */ td.score--1{background-color: #F4241D !important; color: #FFF} /* 382 */ td.score--1:hover{color: #FFF;} /* 383 */ td.score--2{background-color: #F4241D !important; color: #FFF} /* 384 */ td.score--2:hover{color: #FFF;} /* 385 */ td.score--3{background-color: #F0A202 !important; color: #FFF} /* 386 */ td.score--3:hover{color: #FFF;} /* 387 */ td.score--4{background-color: #91C499 !important; color: #FFF} /* 388 */ td.score--4:hover{color: #FFF;} /* 389 */ td.score--5{background-color: #91C499 !important; color: #FFF} /* 390 */ td.score--5:hover{color: #FFF;} /* 391 */ /* 392 */ .assessments_submenu {} /* 393 */ .assessments_submenu__item{padding:10px 10px; margin-right:10px; background:#fff; width:auto; display:inline-block; border:1px solid #ccc} /* 394 */ .assessments_submenu__item--selected {background: #b6b5b5} /* 395 */ .assessments_submenu__item__link {text-decoration:none; color:#000; display:block} /* 396 */ /* 397 */ @media screen and (max-width: 1200px) { /* 398 */ table{min-width: 0; width: 100%;} /* 399 */ table tr td:last-child{white-space: normal;} /* 400 */ table tr td.no-break{white-space: nowrap;} /* tables.css */ /* 401 */ /* 402 */ table#courseunitsviewtable{min-width: 0; width: 100%;} /* 403 */ /* 404 */ #feedbackdv table{width: 100%; min-width: 0px;} /* 405 */ #homeworkdv table{width: 100%; min-width: 0px;} /* 406 */ /* 407 */ table#courseunitsprogresstable{min-width: 0; width: 100%;} /* 408 */ /* 409 */ #unitsdv .button{width: 170px !important;} /* 410 */ #courseunitsmarkcompletedform input.button{right: 690px;} /* 411 */ #addnotelink{right: 870px} /* 412 */ /* 413 */ .dashboard-fourpanel-layout div{font-size: 0.7rem;} /* 414 */ .dashboard-fourpanel-layout div:first-child{font-size: 1.2rem} /* 415 */ .dashboard-fourpanel-layout__alerts div{max-height: 16px; padding-left: 60px; width: calc(48% - 60px);} /* 416 */ .dashboard-fourpanel-layout__alerts div::before{width: 50px;} /* 417 */ .dashboard-fourpanel-layout__alerts div:first-child{font-size: 0.7rem;} /* 418 */ } /* 419 */ /* 420 */ @media screen and (max-width: 1070px) { /* 421 */ .assessment_display {flex-wrap: wrap} /* 422 */ .assessment_display__left {flex-basis:100%} /* 423 */ .assessment_display__right {flex-basis:100%} /* 424 */ } /* search.css */ /* 1 */ #searchtab{position: absolute; z-index: 100; border-radius: 50%; border: 1px solid #BBB; right: 20px; font-size: 0; padding: 20px; background: #FFF url('../images/magnifier.png') no-repeat center center; cursor: pointer;} /* 2 */ /* 3 */ #searchholder{display: none; position: relative; background-color: #EAEAEA; overflow: hidden; border: 50px solid #EAEAEB; border-bottom-color: rgb(234, 234, 235); border-bottom-style: solid; border-width: 20px 51px 0 51px; margin-bottom: -21px;} /* 4 */ #searchholder form{margin: 0; padding-left: 20px; padding-right: 150px; } /* 5 */ #searchholder form fieldset{margin: 0; text-align: right} /* 6 */ #searchholder label, #searchholder input, #searchholder select{font-size: 0.8rem; padding: 6px 1%;} /* 7 */ #searchholder input.button{ padding: 6px 2%;} /* 8 */ #searchholder form.editform{width: 100%; background-color: #EAEAEA; padding: 0; margin: 0 0 20px 0 } /* 9 */ #searchholder form.editform fieldset{padding: 0; margin: 0; background-color: #EAEAEA; border: none; width: 100%; text-align: right;} /* 10 */ #searchholder form.editform fieldset div.tab{display: inline-block; margin: 0; width: 90%;} /* 11 */ #searchholder form.editform fieldset label{display: inline-block; width: 15%; text-align: right; float: none; margin-right: 0;} /* 12 */ #searchholder form.editform fieldset input{display: inline-block !important; width: 13% !important; float: none; margin: 0 2% 0 0 !important;} /* 13 */ #searchholder form.editform fieldset select{display: inline-block !important; width: 13% !important; float: none; margin: 0 2% 0 0 !important;} /* 14 */ #searchholder form.editform fieldset input.button{position: relative; right: auto; top: auto; margin: 0 !important; width: 10% !important;} /* 15 */ #searchholder form.editform fieldset div.tab div{display: inline-block; width: 15%} /* 16 */ #searchholder form.editform fieldset div.tab div select{width: 30% !important; margin: 0 !important;} /* 17 */ /* 18 */ #searchholder form.editform fieldset div.tab div select.dateday{width: 20% !important; min-width: 0; padding: 5px 0;} /* 19 */ #searchholder form.editform fieldset div.tab div select.datemonth{ width: 35% !important; min-width: 0; padding: 5px 0;} /* 20 */ #searchholder form.editform fieldset div.tab div select.dateyear{; width: 30% !important; min-width: 0; padding: 5px 0; margin-right: 12% !important} /* 21 */ /* 22 */ #exportlink a {text-decoration:none; color: #444; background-color: #DDD; font-weight: 400; font-size: 0.8rem; padding: 10px 20px; border-radius: 5px;} /* 23 */ /* 24 */ ul.paging, p.paging{font-size: 0.8rem; margin-top: 0; position: absolute; right: 50px; margin-top: -30px; min-width: 0; width: auto;} /* 25 */ .paging--nonadmin + #currentsearch {margin-top:30px} /* 26 */ ul.paging::before{content: "Pages: "; } /* 27 */ ul.paging li{display: inline-block; margin-left: 0.5rem; } /* 28 */ /* 29 */ p#currentsearch{font-size: 0.8rem; margin-top: 0;} /* 30 */ p#currentsearch strong{font-weight: 600;} /* 31 */ /* 32 */ #rightcol{position: fixed; bottom: 0; left: 200px; padding: 0; background-color: #1A7A2D; width: calc(100% - 200px); margin-left: 0; text-align: right; z-index: 100} /* 33 */ #rightcol .addlink {position: relative; margin: 10px; display: inline-block; min-width: 0; width: auto;} /* 34 */ #rightcol .addlink a {display: inline-block; margin: 0; background-color: #FFF; font-size: 0.8rem; font-weight: 600; text-decoration: none; padding: 5px 25px; color: #000; border-radius: 5px; line-height: 1rem;} /* 35 */ /* 36 */ @media only screen and (max-width: 1140px) { /* 37 */ #rightcol .addlink{margin: 10px 5px;} /* 38 */ #rightcol .addlink a {padding: 5px 20px;} /* 39 */ } /* edit.css */ /* 1 */ h3.editheader{margin: -20px 0 0 -50px; padding: 30px 50px; font-size: 2rem; list-style-type: none; color: #333; font-weight: 200; background-color: #FFF; width: 100%; border-bottom: 1px solid DDD;} /* 2 */ h3.editheader + ul#tabmenu + div#detailsdv{margin-top: 30px} /* 3 */ .message-teacher-link{position: absolute; margin-top: -8px; right: 30px; font-weight: 600; text-transform: uppercase; font-size: 0.9rem;} /* 4 */ /* 5 */ #tabmenu {margin: -20px 0 0 -50px; padding: 10px 50px 0 50px; list-style-type: none; font-size: 0.9rem; font-weight: 600; background-color: #FFF; width: 100%;} /* 6 */ #tabmenu li{display: inline-block; margin: 0 10px 0 0; padding: 0;} /* 7 */ #tabmenu li a{display: inline-block; outline: 0; color: #FFF; letter-spacing: -0.04rem; text-decoration: none; padding: 5px; margin-right: 20px; text-transform: uppercase; text-align: center; border-bottom: 5px solid #FFF; color: #999;} /* 8 */ #tabmenu li:hover a{border-bottom-color: #888;} /* 9 */ #tabmenu li.selected a{color: #222; border-bottom-color: #D92314;} /* 10 */ /* 11 */ .conversationmessage{background-color: #FFF; width: 460px; padding: 20px; box-shadow: 4px 4px 4px 1px rgba(100, 100, 100, 0.2); border-bottom: 2px solid #EEE;} /* 12 */ .conversationmessage:last-child{border-bottom: none;} /* 13 */ .conversationmessage h2{font-size: 1rem; margin-bottom: 2rem; font-weight: 400; border-bottom: 1px dashed #CCC} /* 14 */ .conversationmessage p{width: auto; min-width: 0;} /* 15 */ .conversationmessage img{margin: 2rem 0;} /* 16 */ /* 17 */ form.editform#archiveconversation{background-color: #FFF; padding: 20px 0; margin: 0 0 20px 0; text-align: center;} /* 18 */ form.editform#archiveconversation input{background: #CCC; box-shadow: none; color: #FFF; font-size: 0.8rem; display: block; padding: 5px; width: 25% !important; margin: 0 27.5% 0 37.5% !important; transition: 0.5s background-color; border: 0;} /* 19 */ form.editform#archiveconversation input:hover{background-color: #555; transition: 0.5s background-color;} /* 20 */ /* 21 */ table#conversations tr.unread td{background-color: #F9F4A7; font-weight: bold;} /* 22 */ table#conversations tr:hover td{background-color: #FEE; } /* 23 */ /* 24 */ .editform fieldset{padding-bottom: 25px;} /* 25 */ .editform fieldset.empty{display: none} /* 26 */ /* 27 */ form.editform fieldset div select.dateday{display: inline-block !important; width: 20% !important; min-width: 0; padding: 5px 0;} /* 28 */ form.editform fieldset div select.datemonth{display: inline-block !important; width: 42% !important; min-width: 0; padding: 5px 0;} /* 29 */ form.editform fieldset div select.dateyear{display: inline-block !important; width: 35% !important; min-width: 0; padding: 5px 0; } /* 30 */ /* 31 */ .editform input.button{margin: 0 0 0 25% !important; width: 50% !important;} /* 32 */ .editform input.cancelbutton{background: #CCC; box-shadow: none; color: #FFF; font-size: 0.8rem; display: block; padding: 5px; width: 25% !important; margin: 2rem 27.5% 0 37.5% !important; transition: 0.5s background-color; } /* 33 */ .editform input.cancelbutton:hover{background-color: #555; transition: 0.5s background-color;} /* 34 */ /* 35 */ .editform textarea{border: 1px solid #CCC;} /* 36 */ /* 37 */ .checkboxdiv {border-bottom: 1px solid #F0F0F0; padding: 15px 0; position: relative; margin-bottom: 2rem;} /* 38 */ .checkboxdiv input{position: absolute; right: 0; width: auto !important; top: 12px;} /* 39 */ .checkboxdiv:hover{background-color: lightyellow} /* 40 */ /* 41 */ .datepickerimagediv{display: none; position: absolute; right: -1rem; top: auto; margin-top: -4.7rem; } /* 42 */ /* 43 */ .content_inner p.help{position: absolute; left: 850px; background-color: #FFF; padding: 20px; border-left: 10px solid red;} /* 44 */ .content_inner p.help::before{content: "Help"; display: block; margin-bottom: 1rem; font-weight: bold; text-transform: uppercase; } /* 45 */ /* 46 */ .content_inner p.buddysystem-feedback{position: absolute; left: 850px; background-color: #FFF; padding: 20px; border-left: 10px solid red;} /* 47 */ /* 48 */ .content_inner form.editform p.help{position: absolute; left: 600px; margin-top: -30px; background-color: #FFF; padding: 20px; border-left: 10px solid red;} /* 49 */ .content_inner form.editform p.help::before{content: "Help"; display: block; margin-bottom: 1rem; font-weight: bold; text-transform: uppercase; } /* 50 */ /* edit.css */ /* 51 */ .help-container{position: absolute; left: 600px; margin-top: -30px;} /* 52 */ .help-container__help{background-color: #FFF; padding: 20px; border-left: 10px solid red; margin-top: 0;} /* 53 */ .help-container__help::before{content: "Help"; display: block; margin-bottom: 1rem; font-weight: bold; text-transform: uppercase; } /* 54 */ .help-container__additional-action{background-color: #FFF; padding: 20px;} /* 55 */ .help-container__additional-action__heading{margin: 0 0 10px 0;} /* 56 */ .button-link{display: block; text-decoration: none; border: none; width: 200px !important; padding: 1rem 0; text-align: center; background-color: #0A0; color: #FFF; box-shadow: 0 6px 6px 0px rgb(0 0 0 / 20%); text-transform: uppercase; margin: 0; background: linear-gradient(to bottom, #0A0 0%, #0B0 100%);} /* 57 */ .button-link:hover{background-color: #090; background: linear-gradient(to bottom, #090 0%, #0A0 100%);} /* 58 */ /* 59 */ .button-link-export{padding: 5px; font-size: 0.8rem; float: right; margin: 0 0 10px 0;} /* 60 */ /* 61 */ #packspurchasedlicencetable{display: none;} /* 62 */ /* 63 */ .placeholderimg {padding: 5px 0 0 0; font-size: 0.6rem; position: absolute; right: 25px; cursor: pointer; z-index: 100; margin-top: -1.2rem;} /* 64 */ .placeholdernote {cursor:pointer;} /* 65 */ /* 66 */ .checkboxdiv .placeholderimg {top: auto; bottom: 0; right: auto; left: 0; margin-top: 0;} /* 67 */ /* 68 */ .helptext {position:absolute; left:0; color: #fff; width: 172px; z-index: 13000; cursor:pointer; font-size: 11px; padding: 4px 8px 8px;} /* 69 */ /* 70 */ .editform small{font-size: 0.6rem;} /* 71 */ /* 72 */ .editform .textarea--sectionbreak{margin-bottom: 70px !important;} /* 73 */ .editform .input--sectionbreak{margin-bottom: 70px !important;} /* 74 */ /* 75 */ .tableandhelp table{width: 60%;} /* 76 */ .tableandhelp p.help{left: 67%; width: 20%; top: 113px;} /* 77 */ /* 78 */ .editform p.remove-image-control{background: #CCC; box-shadow: none; color: #FFF; font-size: 0.8rem; display: block; padding: 5px; min-width: 0; width: 10rem !important; margin: 0 0 1rem 0 !important; transition: 0.5s background-color; text-align: center; cursor: pointer;} /* 79 */ .editform p.remove-image-control:hover{background-color: #555; transition: 0.5s background-color;} /* 80 */ /* 81 */ .content_inner div.courseintroduction{position: absolute; left: 70%; background-color: #FFF; padding: 20px; border-left: 10px solid #333; width: 25%;} /* 82 */ .content_inner div.courseintroduction::before{content: "Introduction"; display: block; margin-bottom: 1rem; font-weight: bold; text-transform: uppercase;} /* 83 */ .content_inner div.courseintroduction p{min-width: 0; width: auto;} /* 84 */ /* 85 */ .editform#course-student-alerts{width: 100%;} /* 86 */ /* 87 */ .webinars--note{margin-top: 0;} /* 88 */ /* 89 */ .webinars{width: calc(100% - 20px - 30% - 50px); min-width: 770px; border: 10px solid #d92314; background: #fff; margin: 20px 0 10px -10px; padding: 0;} /* 90 */ .webinars--fullwidth{width: calc(100% - 20px); border: none; padding: 10px; margin-left: 0;} /* 91 */ .webinars__dateheading{margin: 20px 0 14px 10px;} /* 92 */ .webinars__dateheading h2{margin: 0; color: #D92314;} /* 93 */ .webinars__webinar{display: flex; justify-content: space-between; align-items: center;} /* 94 */ .webinars__webinar:hover{background-color: #FFFBCC;} /* 95 */ .webinars__webinar__date{padding: 0 20px 0 10px; min-width: 140px; margim: 0;} /* 96 */ .webinars__webinar__heading{font-size: 1.17em; flex-grow: 1; text-align: left; min-width: unset !important; width: auto !important; margin: 0;} /* 97 */ .webinars__webinar__class-heading{font-size: 1.17em; margin: 0; min-width: 200px !important; width: auto !important; padding: 0 30px 0 0;} /* 98 */ .webinars__webinar__link{display: inline-block; margin: 0 10px 0 30px; min-width: 106px; background-color: #333; font-weight: 600; text-decoration: none; padding: 10px 25px; color: #fff; border-radius: 5px; line-height: 1rem; transition: background-color 0.15s linear;} /* 99 */ .webinars__webinar__link:hover{background-color: #D92314;} /* 100 */ /* edit.css */ /* 101 */ .active-webinars::after{content: ""; display: block; border-radius: 10px; width: 15px; height: 15px; background-color: red; position: absolute; top: 4px; right: 4px;} /* 102 */ .active-buddytasks::after{content: ""; display: block; border-radius: 10px; width: 15px; height: 15px; background-color: red; position: absolute; top: 4px; right: 4px;} /* 103 */ /* 104 */ .buddysystem-review-required td{background-color: #BEE8BE !important;} /* 105 */ /* 106 */ @media screen and (max-width: 1600px) { /* 107 */ .content_inner form.editform p.help{position: absolute; left: 550px; min-width: 100px; margin-top: -30px; background-color: #FFF; padding: 20px; border-left: 10px solid red;} /* 108 */ .content_inner form.editform p.help::before{content: "Help"; display: block; margin-bottom: 1rem; font-weight: bold; text-transform: uppercase; } /* 109 */ /* 110 */ .content_inner div.courseintroduction{position: relative; left: auto; border-left: none; width: calc(100% - 40px);} /* 111 */ /* 112 */ .tableandhelp table{width: 100%;} /* 113 */ .tableandhelp p.help{position: relative; left: auto; width: calc(100% - 50px); top: auto; min-width: 0;} /* 114 */ /* 115 */ .webinars{width: calc(100% - 30px); min-width: unset;} /* 116 */ } /* login.css */ /* 1 */ #login {background-color: #EAEAEA; padding: 10px calc(50% - 300px); width: 600px; border-width: 20px 50px; min-height: calc(100vh - 161px); } /* 2 */ #login_form{width: 600px;} /* 3 */ #login_form label a{display: none;} /* 4 */ /* 5 */ div.registrationlinks {background:none; width: 600px; margin: 10px 0 0 0; text-decoration: none; padding: 10px 0; font-size: 0.9rem;} /* 6 */ div.registrationlinks p {font-size:1rem;} /* 7 */ div.registrationlinks ul {list-style:none; margin:0; padding:0;} /* 8 */ div.registrationlinks ul li {background:#fff; border:1px solid #ccc; border-radius: 5px; list-style:none; padding:10px 10px 10px 15px; margin:0 0 10px 0; width: calc(25% - 30px);display: inline-block;text-align: center;vertical-align: top;} /* 9 */ div.registrationlinks ul li:last-child{margin-right: 0;} /* 10 */ div.registrationlinks ul li a {color:#000; text-decoration: none; display:block;} /* 11 */ div.registrationlinks ul li:hover {border-color: #D92314; background-color: #D92314; color: #FFF} /* 12 */ div.registrationlinks ul li:hover a{color: #FFF;} /* 13 */ /* 14 */ #registrationform {background-color: #EAEAEA; padding: 10px calc(50% - 300px); width: 600px; border-width: 20px 50px; min-height: calc(100vh - 161px); } /* 15 */ #registrationform .c6{width: 90%; margin: 0 5%; padding-bottom: 20px;} /* 16 */ /* 17 */ form.editform.publicregistrationform h2 {font-size:1.45em} /* 18 */ form.editform.publicregistrationform .c6 table{width: 100%; border: none;} /* 19 */ form.editform.publicregistrationform .c6 table tr td{padding: 0; background-color: transparent;} /* 20 */ form.editform.publicregistrationform .c6 .button{bottom: 0; right: 0; margin: 0 !important; position: absolute; width: 250px !important;} /* 21 */ form.editform.publicregistrationform .c6 .button2{bottom: 0; left: 0; margin: 0 !important; position: absolute; border: none; width: 250px !important; padding: 1rem 0; text-align: center; color: #666; text-transform: uppercase; margin: 0; background: #E0E0E0;} /* 22 */ form.editform.publicregistrationform .c6 label a{display: none;} /* 23 */ form.editform.publicregistrationform .c6 input[type=checkbox]{width: 20px !important; height: 20px;} /* 24 */ /* 25 */ form.editform.publicregistrationform .c6 select.dateday{width: 20% !important; display: inline-block !important;} /* 26 */ form.editform.publicregistrationform .c6 select.datemonth{width: 50% !important; display: inline-block !important;} /* 27 */ form.editform.publicregistrationform .c6 select.dateyear{width: 30% !important; display: inline-block !important;} /* 28 */ /* 29 */ form.editform.publicregistrationform .c6 td.bigcheckboxitem .checkboxdiv {margin-bottom:10px} /* 30 */ /* 31 */ form.editform.publicregistrationform .c6 td:last-child {white-space: normal;} /* 32 */ /* 33 */ #studentregistrationform .checkboxdiv {margin-bottom: 0;} /* 34 */ #studentregistrationform label[for="EthnicityID"] {margin-top: 40px;} /* 35 */ #studentregistrationform label[for="GenderID"] {margin-top: 40px;} /* 36 */ #studentregistrationform label[for="CoachGenderID"] {margin-top: 40px;} /* 37 */ #studentregistrationform label[for="Club"] {margin-top: 40px;} /* 38 */ #studentregistrationform label[for="CRBDisclosureDate"] {margin-top: 40px;} /* 39 */ #studentregistrationform input.button {margin-top: 40px !important;} /* 40 */ /* 41 */ tr.headerrow td {border-bottom: 1px solid #9d9d9d; padding-top:20px !important; padding-bottom: 5px !important; margin-bottom:10px !important; font-size:1.3rem; font-weight: 600; } /* 42 */ /* 43 */ div.terms p{margin-bottom: 60px !important;} /* 44 */ /* 45 */ #CRBDisclosureDate_datepicker{display: none; position: absolute; right: 10%; margin-top: -80px;} /* 46 */ #DOB_datepicker{display: none; position: absolute; right: 10%; margin-top: -80px;} /* 47 */ #AjaxCourseLookupMessage{margin-bottom: 40px;} /* resize.css */ /* 1 */ @media screen and (max-width: 1200px) { /* 2 */ .tablesearch-overlay-inner {width: 70vw !important;} /* 3 */ } /* 4 */ /* 5 */ @media screen and (max-width: 800px) { /* 6 */ #content.hoversearch #searchholder{height: 220px !important; } /* 7 */ #searchholder form{padding-right: 0; text-align: left; width: 100%; padding: 0; margin: 0 0 20px 0;} /* 8 */ #searchholder label, #searchholder input, #searchholder select{margin: 0 5%; width: 90% !important; max-width: 90% !important; display: inline-block !important; padding: 5px 0;} /* 9 */ #searchholder label{margin-top: 10px;} /* 10 */ #searchholder label:first-child{margin-top: 0px;} /* 11 */ #searchholder input.button{top: auto; bottom: 20px;} /* 12 */ /* 13 */ #searchholder{transition: none} /* 14 */ #content.hoversearch #searchholder{transition: none} /* 15 */ /* 16 */ #login {width:100%} /* 17 */ #login p {padding:0 10px} /* 18 */ #login #login_form {width:100%} /* 19 */ #login .registrationlinks {width:90%} /* 20 */ #login .registrationlinks {margin:0; padding:0 0 0 15px;} /* 21 */ #login .registrationlinks ul li {width:90%} /* 22 */ /* 23 */ .tablesearch-overlay-inner {width: 80vw !important;} /* 24 */ .tablesearch-overlay-inner #searchholder label{margin: auto;} /* 25 */ .tablesearch-overlay-inner #searchholder input {margin-left: auto; margin-right: auto;} /* 26 */ .tablesearch-overlay-inner #searchholder select {margin-left: auto; margin-right: auto;} /* 27 */ } /* 28 */ /* 29 */ @media screen and (max-width: 600px) { /* 30 */ body {padding-left: 0; width: 100%} /* 31 */ #masthead {min-height: auto; text-align: center; padding-bottom: 20px; padding-top: 10px; position: relative; width: 100%;} /* 32 */ #masthead h1 img{max-height: 100px; width: auto; max-width: 40%;} /* 33 */ /* 34 */ #masthead #mainmenu {} /* 35 */ #masthead #mainmenu li{border-left: none; width:100%;} /* 36 */ #masthead #mainmenu li a{padding-left: 10px;} /* 37 */ /* 38 */ #footer p{text-align: center;} /* 39 */ /* 40 */ #masthead #menu ul{margin: 0;padding: 0;} /* 41 */ /* 42 */ #masthead #loggedinas {position:absolute !important; top:0px; left:0px !important; height: 50px;} /* 43 */ #masthead #reportbug {position:absolute !important; top:0px; right: 0px !important; left:auto !important; height: 50px;} /* 44 */ /* 45 */ .progression-dashboard-course {width:100% !important;} /* 46 */ .progression-option-description {width:94% !important; right: auto !important; left: 0 !important;} /* 47 */ /* 48 */ .progression-dashboard-right .progression-dashboard-course {width:94% !important;} /* 49 */ /* 50 */ #content {border:0; padding:10px 0 0 0 !important; width:100% !important} /* resize.css */ /* 51 */ .content_inner p {width:98% !important; min-width: 100px; padding-left:10px;} /* 52 */ .content_inner p.help {position:static !important; width:98% !important; padding:20px 0 20px 5px; margin:0; border:none; border-top:1px solid red; min-width:200px !important;} /* 53 */ /* 54 */ #pageheader h2 {padding:27px 50px 27px 5px;} /* 55 */ body.usertype-student #pageheader h2 {font-size:1.2rem} /* 56 */ body.usertype-student h3.editheader {font-size:1.1rem !important; width:auto !important; padding-left:10px} /* 57 */ /* 58 */ body.usertype-student table#courseunitsviewtable tbody tr.unitrow:first-child td {font-size:0.9rem !important} /* 59 */ body.usertype-student table#courseunitsviewtable tr.unitrow td {font-size:0.9rem !important} /* 60 */ body.usertype-student table#courseunitsviewtable tbody tr.topicrow td {font-size:0.8rem !important} /* 61 */ /* 62 */ .message-teacher-link{margin-top: 5px;} /* 63 */ /* 64 */ #tabmenu {padding:0; margin:0; } /* 65 */ /* 66 */ form.editform {width:100% !important; min-width:200px !important;} /* 67 */ /* 68 */ .tablesearch-overlay-inner {width:80% !important;} /* 69 */ /* 70 */ #rightcol {width:100% !important; left:0 !important;} /* 71 */ #rightcol p.addlink {width:auto !important;} /* 72 */ /* 73 */ .viewpage #unitsdv {border-left:0 !important;} /* 74 */ /* 75 */ table#courseunitsviewtable tr.unitrow td {border-top:20px solid #EAEAEA;} /* 76 */ /* 77 */ .conversationmessage {width:90% !important;} /* 78 */ /* 79 */ body.usertype-student table tr td:first-child {display:none;} /* 80 */ body.usertype-student table tr th:first-child {display:none;} /* 81 */ /* 82 */ table.student-qualifications, /* 83 */ table.student-qualifications thead, /* 84 */ table.student-qualifications tbody, /* 85 */ table.student-qualifications th, /* 86 */ table.student-qualifications td, /* 87 */ table.student-qualifications tr { display: block; } /* 88 */ /* 89 */ table.student-qualifications thead tr {position: absolute; top: -9999px; left: -9999px;} /* 90 */ table.student-qualifications tr { border: 1px solid #ccc; } /* 91 */ table.student-qualifications td {border: none; border-bottom: 1px solid #eee; position: relative; padding-left: 50%;} /* 92 */ table.student-qualifications td:before {position: absolute; top: 6px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap; font-weight:600} /* 93 */ /* 94 */ table.student-qualifications tr td:first-child {display:block;} /* 95 */ table.student-qualifications td:nth-of-type(1):before { content: "Qualification Date"; } /* 96 */ table.student-qualifications td:nth-of-type(2):before { content: "Status"; } /* 97 */ table.student-qualifications td:nth-of-type(3):before { content: "Description"; } /* 98 */ table.student-qualifications td:nth-of-type(4):before { content: "CPD Required"; } /* 99 */ table.student-qualifications td:nth-of-type(5):before { content: "CPD Completed"; } /* 100 */ table.student-qualifications td:nth-of-type(6):before { content: "CPD Outstanding"; } /* resize.css */ /* 101 */ table.student-qualifications td:nth-of-type(7):before { content: "Expiry Date"; } /* 102 */ table.student-qualifications td:nth-of-type(8):before { content: "Evidence"; } /* 103 */ table.student-qualifications td:nth-of-type(9):before { content: "Action"; } /* 104 */ } /* 105 */ /* 106 */ /* overlay.css */ /* 1 */ div#bepageoverlay {background-color: rgba(0, 0, 0, 0.7); visibility: visible; position:absolute; top:0; left:0; z-index: 100000; width:100%;} /* 2 */ /* 3 */ #resultholder {background:#fff; width:700px; margin: 0 0 0 50%; padding-bottom: 20px; position: fixed; top: 100px; left: -400px; z-index: 110000; padding:20px; border-radius: 6px 6px 6px 6px; box-shadow: 0 0 12px #0A5887;} /* 4 */ #resultholder p#loader {display:block; width:100; text-align:center; padding:20px 0 0 0; height:20px; line-height:1em; margin:0 auto 20px auto;} /* 5 */ #resultholder img#closebutton {cursor:pointer; position:absolute !important; top:-10px; right:-10px} /* 6 */ /* 7 */ #resultholder #overlaycontent {max-height:500px; overflow:auto;} /* 8 */ #resultholder .editform input.button {right: 10px !important;} /* 9 */ /* 10 */ #resultholder #overlaycontent select.dateyear{width: 26%;} /* 11 */ /* 12 */ #resultholder #overlaycontent .editform textarea {max-height:295px !important; min-height:150px !important;} /* 13 */ /* 14 */ /* Browser specifics */ /* 15 */ .lt-ie9 div#bepageoverlay{background-color: rgb(0, 0, 0); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";} /* progression.css */ /* 1 */ .hidden {display: none;} /* 2 */ /* 3 */ /* 4 */ .coachcymru-dashboard-links{width: 100%; background-color: #FFF; margin-bottom: 20px; padding: 0px; position: relative; height: auto; line-height: 0 } /* 5 */ .coachcymru-dashboard-links h3{margin-top: 0; } /* 6 */ .coachcymru-dashboard-links p{width: 35%; position: absolute; bottom: 10px; left: 51%; line-height: 2rem; font-size: 1.6rem; color: #26a348; margin: 0; min-width: 0; } /* 7 */ .coachcymru-banner{width: 50%;} /* 8 */ .coachcymru-crest{position: absolute; right: 10px; height: calc(100% - 60px); bottom: 5px; } /* 9 */ .coachcymru-dashboard-links .club-hub-links {position: absolute; top: 25px; right:10px; } /* 10 */ /* 11 */ .coachcymru--button {background-color: #d92314; color: #FFF; padding: 5px 10px; border-radius: 10px; text-decoration: none; margin: 0px !important; } /* 12 */ .coachcymru--button:hover{text-decoration: underline} /* 13 */ /* 14 */ .progression-dashboard {position: relative;} /* 15 */ .progression-dashboard-left {padding: 0 10px; display: inline-block; height: 100%; min-height: 1200px; width: 70%; vertical-align: top; background-color: #FFF;} /* 16 */ .progression-dashboard-left h3 {margin: 30px 0 10px 0 !important; padding: 0; font-weight: 600;} /* 17 */ .progression-dashboard-left h3:first-child{margin-top: 10px !important} /* 18 */ .progression-dashboard-right {background: #cfcfcf; padding: 10px 0; display: inline-block; height: calc(100% - 20px); width: 30%; vertical-align: top; position: absolute; right: 0; text-align: center;} /* 19 */ .progression-dashboard-right h3{display: none;} /* 20 */ /* 21 */ .progression-dashboard-right .progression-level{display: flex; flex-wrap: wrap; justify-content: space-around; padding-top: 35px;} /* 22 */ .progression-dashboard-right .progression-level .progression-dashboard-course{width: 45% !important; margin: 0 0 20px 0 !important; min-width: 0 !important;} /* 23 */ .progression-dashboard-right .progression-level .progression-dashboard-course h4{ padding: 5px 10px 5px 10px; width: calc(100% - 20px)} /* 24 */ /* 25 */ .progression-dashboard-course {position:relative; display:inline-block; width: 19%; height:100px; margin-bottom: 5px; background-size: cover !important; cursor: pointer; min-width: 13rem !important;} /* 26 */ .progression-dashboard-course .mask {display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(51,51,51,0.7); z-index:2;} /* 27 */ .progression-dashboard-course h4 {background:#333; color:#fff; width:100%; margin:0 !important; font-size: 0.8rem; padding: 3px 0; position: absolute; bottom:0; z-index:3; text-align: center; font-weight: 400;} /* 28 */ .progression-dashboard-right .progression-dashboard-course {display: block; margin-bottom: 20px; margin: 75px auto 0 auto; width: 80%; background-position: center center;} /* 29 */ /* 30 */ .progression-level{margin-top: 30px;} /* 31 */ .progression-level:first-child{margin-top: 0;} /* 32 */ /* 33 */ .progression-dashboard-course .status {position: absolute; bottom:2px; right:10px; z-index:3; display:block; width:15px; height:15px;} /* 34 */ .progression-dashboard-course .status-completed {background:url('../images/progression/completed.png') no-repeat left top;} /* 35 */ .progression-dashboard-course .status-locked {background:url('../images/progression/locked.png') no-repeat left top;} /* 36 */ .progression-dashboard-course .status-unlocked {background:url('../images/progression/unlocked.png') no-repeat left top;} /* 37 */ .progression-dashboard-course.hasactivecourse .status-unlocked {background:url('../images/progression/unlocked_active.png') no-repeat left top;} /* 38 */ /* 39 */ /* 40 */ .progression-option-info {cursor:pointer; position: absolute; top:10px; right:10px; z-index:3; display:block; width:15px; height:15px; background:url('../images/progression/info.png') no-repeat left top;} /* 41 */ .progression-option-description {background:#333; color:#fff; font-size:0.8rem; width:400px; height:auto; padding:10px; position: absolute; top: -4px; right:-420px; z-index:5; border: 4px solid #FFF;} /* 42 */ .progression-option-description h5{font-size:1.3rem; margin: 0 0 1rem 0; font-weight: 600} /* 43 */ /* 44 */ .progression-dashboard-right .progression-option-description {right:auto; left:-420px;} /* 45 */ /* 46 */ .progression-buttons {text-align: center;} /* 47 */ .progression-buttons .courses-buttonlink {cursor:pointer; background:#0f7b37; color:#fff; display:inline-block; padding:10px; width:26%; text-align: center; text-decoration:none; margin: 20px auto 0 auto;} /* 48 */ .progression-buttons .progression-buynow {cursor:pointer; background:#0f7b37; color:#fff; display:inline-block; padding:10px; width:25%; text-align: center; text-decoration:none; margin: 20px auto 0 auto;} /* 49 */ .progression-buttons .progression-buttonlink {cursor:pointer; background:#0f7b37; color:#fff; display:inline-block; padding:10px; width:25%; text-align: center; text-decoration:none; margin: 20px auto 0 auto;} /* 50 */ /* progression.css */ /* 51 */ .active-courses {margin:30px 0;} /* 52 */ .active-courses p {width: 100%; font-size:0.9rem; margin: 0 0 10px 0; min-width: 200px;} /* 53 */ .active-courses a {color:#07b748} /* 54 */ .active-courses ul {list-style:none; padding:0; margin:0;} /* 55 */ /* 56 */ .progression-unlocked .mask {display: none;} /* 57 */ .progression-completed .mask {display: none;} /* 58 */ .progression-completed h4 {background:#0f7b37;} /* 59 */ /* 60 */ .progression-leaders {background:url('../images/progression/leaders.jpg') no-repeat left top;} /* 61 */ .progression-residential {background:url('../images/progression/residential.jpg') no-repeat left top;} /* 62 */ .progression-goalkeepers {background:url('../images/progression/goalkeepers.jpg') no-repeat left top;} /* 63 */ .progression-transition {background:url('../images/progression/transition.jpg') no-repeat left top;} /* 64 */ .progression-reassessment {background:url('../images/progression/reassessment.jpg') no-repeat left top;} /* 65 */ .progression-disability {background:url('../images/progression/disability.jpg') no-repeat left top;} /* 66 */ .progression-onlinemodules {background:url('../images/progression/onlinemodules.jpg') no-repeat left top;} /* 67 */ .progression-parentcoach {background:url('../images/progression/parentcoach.jpg') no-repeat left top;} /* 68 */ /* 69 */ .transition-level2 {background-image:url('../images/progression/transition-level2.jpg') !important;} /* 70 */ .faw-c-certificate {background-image:url('../images/progression/faw-c-certificate.jpg') !important;} /* 71 */ .faw-safeguarding {background-image:url('../images/progression/faw-safeguarding.jpg') !important;} /* 72 */ .faw-uefa-a-licence {background-image:url('../images/progression/faw-uefa-a-licence.jpg') !important;} /* 73 */ .faw-uefa-b-licence {background-image:url('../images/progression/faw-uefa-b-licence.jpg') !important;} /* 74 */ .faw-uefa-pro-licence {background-image:url('../images/progression/faw-uefa-pro-licence.jpg') !important;} /* 75 */ .football-leaders {background-image:url('../images/progression/football-leaders.jpg') !important;} /* 76 */ .futsal-award {background-image:url('../images/progression/futsal-award.jpg') !important;} /* 77 */ .grassroots-conference {background-image:url('../images/progression/grassroots-conference.jpg') !important;} /* 78 */ .national-conference {background-image:url('../images/progression/national-conference.jpg') !important;} /* 79 */ .reassessment-day {background-image:url('../images/progression/reassessment-day.jpg') !important;} /* 80 */ .residential-level2 {background-image:url('../images/progression/residential-level2.jpg') !important;} /* 81 */ .residential-level3 {background-image:url('../images/progression/residential-level3.jpg') !important;} /* 82 */ .residential-level4 {background-image:url('../images/progression/residential-level4.jpg') !important;} /* 83 */ .revalidation-workshop {background-image:url('../images/progression/revalidation-workshop.jpg') !important;} /* 84 */ .goalkeepers-level3 {background-image:url('../images/progression/goalkeepers-level3.jpg') !important;} /* 85 */ .huddle {background-image:url('../images/progression/huddle.jpg') !important;} /* 86 */ .progression-football-leaders-online {background-image:url('../images/progression/faw-online.jpg') !important;} /* 87 */ /* 88 */ .option-width1 {} /* 89 */ .option-width2 {width: calc(38% + 4px);} /* 90 */ .option-width3 {width: calc(57% + 8px);} /* 91 */ /* 92 */ @media screen and (max-width: 1800px) { /* 93 */ .coachcymru-dashboard-links p{font-size: 1.4rem; line-height: 1.8rem; } /* 94 */ } /* 95 */ /* 96 */ @media screen and (max-width: 1600px) { /* 97 */ .progression-dashboard-course h4 {font-size: 0.8rem !important;} /* 98 */ .progression-dashboard-course .status-locked{right: 2px; bottom: 1px;} /* 99 */ .progression-dashboard-course {min-width: 185px} /* 100 */ .coachcymru-dashboard-links p{font-size: 1.3rem; line-height: 1.7rem;} /* progression.css */ /* 101 */ } /* 102 */ /* 103 */ @media screen and (max-width: 1500px) { /* 104 */ .coachcymru-dashboard-links p{font-size: 1rem; line-height: 1.3rem; width: 30%; bottom: 5px;} /* 105 */ } /* 106 */ /* 107 */ @media screen and (max-width: 1200px) { /* 108 */ .coachcymru-crest{display: none;} /* 109 */ .coachcymru-dashboard-links p{width: 48%; font-size: 0.8rem; line-height: 1rem; bottom: 5px} /* 110 */ .coachcymru-dashboard-links .club-hub-links{top: 17px;} /* 111 */ .coachcymru--button{padding: 2px 5px; font-size: 0.9rem} /* 112 */ } /* 113 */ /* 114 */ @media screen and (max-width: 1100px) { /* 115 */ .progression-dashboard-right{position: relative; width: 100%; padding-top: 0;} /* 116 */ .progression-dashboard-right .progression-dashboard-course{width: 30%; display: inline-block; margin: 0;} /* 117 */ .progression-dashboard-left{width: calc(100% - 20px); } /* 118 */ } /* 119 */ /* 120 */ @media screen and (max-width: 1000px) { /* 121 */ .coachcymru-dashboard-links p{display: none;} /* 122 */ } /* 123 */ /* 124 */ @media screen and (max-width: 800px) { /* 125 */ .coachcymru-banner{width: 100%;} /* 126 */ .coachcymru-dashboard-links .club-hub-links{ /* 127 */ position: relative; /* 128 */ top: auto; /* 129 */ right: auto; /* 130 */ margin: auto; /* 131 */ width: 100%; /* 132 */ line-height: 1.6rem; /* 133 */ text-align: center; /* 134 */ padding: 10px 0; /* 135 */ } /* 136 */ .coachcymru--button{padding: 5px 10px;} /* 137 */ } /* 138 */