/* 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 !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: #BE583C; width: 100%; text-align: center; font-size: 1.3rem; margin-top: 20px;} /* 19 */ /*#masthead h1 img{width: 40%; margin: 0 30%}*/ /* 20 */ #masthead h1 img{width: 150%; margin: -20px 0 0 -77px;} /* 21 */ /* 22 */ #masthead h2 {text-align:center; margin-bottom:0;} /* 23 */ #masthead h2 img{width:40%} /* 24 */ /* 25 */ #masthead p.logintakeover{background-color: #BE583C; color: white; text-align: center; padding: 10px 0; font-size: 0.8rem; font-weight: bold; border: 2px solid #FFF; border-width: 2px 0;} /* 26 */ #masthead p.logintakeover a{color: white; text-transform: uppercase; text-decoration: none;} /* 27 */ /* 28 */ #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; } /* 29 */ #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;} /* 30 */ #masthead #loggedinas span{display: block; font-size: 0.6rem;} /* 31 */ /* 32 */ #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; } /* 33 */ #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; } /* 34 */ #masthead #reportbug a{color: #FFF; text-decoration: none;} /* 35 */ #masthead #reportbug span{display: block; font-size: 0.8rem;} /* 36 */ #masthead #reportbug p:hover{background-color: #FFF; color: #333; } /* 37 */ #masthead #reportbug p:hover a{color: #333} /* 38 */ /* 39 */ #contactprospect{position: fixed; color: #FFF; width: 100%; text-align: center; bottom: 80px; background-color: #333; width: 200px; height: auto;} /* 40 */ #contactprospect a{color: #FFF; text-decoration: none;} /* 41 */ #contactprospect a:hover{text-decoration: underline;} /* 42 */ /* 43 */ #masthead #menu ul{padding-top: 20px;} /* 44 */ #masthead #menu ul li{ border-left: 5px solid #333; padding: 0; margin: 0; font-size: 0.9rem; position: relative;} /* 45 */ #masthead #menu ul li.selected{border-left-color: #BE583C; background-color: #EAEAEA; color: #555} /* 46 */ #masthead #menu ul li.selected a{color: #2c2c2c;} /* 47 */ #masthead #menu ul li:hover{border-left-color: #BE583C; background-color: #444; transition: border-left-color 0.5s, background-color 0.5s;} /* 48 */ #masthead #menu ul li:hover a {color: white;} /* 49 */ #masthead #menu ul li a{color: white; text-decoration: none; padding: 10px 10px 10px 20px; display: block;} /* 50 */ #masthead #menu ul li.mobilemenu{display: none;} /* base.css */ /* 51 */ /* 52 */ /* #masthead #menu ul li ul {display:none; padding:0; margin:0; background:#ccc7c7; border-top: 1px solid #b9b4b4;} /* 53 *| #masthead #menu ul li:hover ul, #masthead #menu ul li.selected ul {display:block;} */ /* 54 */ /* 55 */ #masthead #menu ul li ul {display:none; padding:0; margin:0; background:#ccc7c7; border-top: 1px solid #b9b4b4; list-style:none; width:210px !important;} /* 56 */ #masthead #menu ul li.selected ul {display:none;} /* 57 */ #masthead #menu ul li:hover ul {display:block !important; position: absolute; right:-210px; margin-top:-41px; z-index: 2000;} /* 58 */ /* 59 */ #masthead #menu ul li:hover ul li a , #masthead #menu ul li.selected ul li a {color:#2c2c2c} /* 60 */ #masthead #menu ul li ul li {padding-left:10px; border:none;} /* 61 */ #masthead #menu ul li ul li a {font-size:0.85rem; color:#2c2c2c} /* 62 */ #masthead #menu ul li ul li:hover a {color:#fff} /* 63 */ /* 64 */ #pageheader{background-color: #FAFAFA; border-bottom: 1px solid #DDD} /* 65 */ #pageheader h2{font-size: 1.5rem; margin: 0; padding: 27px 50px; color: #BE583C; font-weight: 400;} /* 66 */ #pageheader h2 a {text-decoration: none; color: #BE583C; font-weight: 400; border-bottom:1px solid #BE583C;} /* 67 */ /* 68 */ #rightcol.inpage #principaleditform {float:right; width:900px !important; padding-right:20px; background:#fff} /* 69 */ #rightcol.inpage #principaleditform div {float:left; margin-right:10px !important; min-width:120px !important; } /* 70 */ #rightcol.inpage #principaleditform label {width:100px !important; text-align:left;} /* 71 */ #rightcol.inpage #principaleditform input {width:200px !important; } /* 72 */ #rightcol.inpage #principaleditform div:last-child {margin-left:0px !important; width:170px !important;} /* 73 */ /* 74 */ #footer p{margin: 0 20px 0 0; font-size: 0.7rem; text-align: right; line-height: 2rem; border-top: 10px; font-weight: 200} /* 75 */ /* 76 */ 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} /* 77 */ span.picicon:hover{color: #444; transition: color 0.5s} /* 78 */ /* 79 */ .content_inner p{width: 30%; min-width: 500px;} /* 80 */ /* 81 */ p.warning-message{background-color: #BE583C; color: #FFF !important; position: absolute; bottom: 0; text-align: center; margin: 0; padding: 10px 0; width: 100%} /* 82 */ /* 83 */ 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;} /* 84 */ @keyframes warningerror { /* 85 */ from { background-color: #FFF;} /* 86 */ to { background-color: #BE583C;} /* 87 */ } /* 88 */ p.warning.success{background-color: #2A8914; animation: warningsuccess 1s ease both;} /* 89 */ @keyframes warningsuccess { /* 90 */ from { background-color: #FFF;} /* 91 */ to { background-color: #2A8914;} /* 92 */ } /* 93 */ /* 94 */ .newstylesareon{display: none} /* 95 */ /* 96 */ /* Help Text */ /* 97 */ .tip {color: #fff; width: 272px; z-index: 13000;} /* 98 */ .tip-title {font-weight: bold; font-size: 11px; margin: 0; padding: 8px 8px 4px; background-color: rgba(217, 35, 20, 0.95);} /* 99 */ .tip-text {font-size: 11px; padding: 4px 8px 8px; background-color: rgba(217, 35, 20, 0.95);} /* 100 */ .tip-text ul {padding:5px !important; list-style:none;} /* base.css */ /* 101 */ .tip-text ul li {padding:5px !important; border-bottom:1px solid #555 !important} /* 102 */ .tip-wrap{z-index: 14000;} /* 103 */ /* 104 */ #searchtabmenu{display: none;} /* 105 */ #tabbedsearch div{display: inline-block; vertical-align: top; margin-left: -8px; width: 33%;} /* 106 */ #tabbedsearch div:nth-child(2){margin-left: 20px; } /* 107 */ #tabbedsearch .editform div.tab{width: 90%;} /* 108 */ /* 109 */ #index #tabbedsearch div{padding: 20px 0; margin-left: 0; width: 30%; margin-right: 4.2%;} /* 110 */ #index #tabbedsearch div div{padding-left: 5% !important; width: 90%;} /* 111 */ #index #tabbedsearch div input.button{margin-bottom: 20px !important;} /* 112 */ /* 113 */ #index #tabbedsearch div:nth-child(4){margin-right: 0;} /* 114 */ #index #tabbedsearch div form{width: 100%; min-width: auto;} /* 115 */ /* 116 */ .students-addtoclass-wrapper {display:none;} /* 117 */ /* 118 */ .class-options .hidden {display:none;} /* 119 */ .class-options-filters {border-bottom:1px solid #ccc; padding-bottom:10px;} /* 120 */ .class-options-filters div {width:30%; display:inline-block; margin-right:20px;} /* 121 */ .class-options-filters div input {margin:0 !important;} /* 122 */ /* 123 */ p.addstudent-stocklevel {font-size:1.2rem !important; font-weight:600;} /* 124 */ p.addstudent-nostockwarning {color:#fff; min-width: 0 !important; width: 99% !important;} /* 125 */ p.addstudent-stockmessage {width: 70% !important; line-height: 1.9em !important; color:red; font-weight: 600;} /* 126 */ /* 127 */ .js-student-addtoclassselectform {} /* 128 */ .js-student-addtoclassselectform .class-options {height:200px; overflow:auto; margin-bottom:30px;} /* 129 */ .js-student-addtoclassselectform .class-options span {display:block; height:auto; width:95%; padding:5px 10px 2px 10px; border-bottom:1px solid #eaeaea;} /* 130 */ .js-student-addtoclassselectform .class-options span.hidden {display:none !important} /* 131 */ .js-student-addtoclassselectform .class-options span:hover {background:#eaeaea; cursor:pointer} /* 132 */ .js-student-addtoclassselectform .class-options span.selected {background: #e5ffd7; border-left: 2px solid #8fc671;} /* 133 */ /* 134 */ .js-student-addtoclassselectform .button {width:350px !important; padding: 10px; margin:0 !important;} /* 135 */ /* 136 */ .class-options-filters {border-bottom:1px solid #ccc; padding-bottom:10px;} /* 137 */ .class-options-filters div {width:30%; display:inline-block; margin-right:20px;} /* 138 */ .class-options-filters div input {margin:0 !important;} /* 139 */ /* 140 */ #inboxstatus{width: 20%; background-color: #FFF; text-align: center; border-top: 3px solid #DDD; padding: 2rem 5% 1rem 5%; display: inline-block; position: relative; margin-bottom: 0; margin-top: 1rem;} /* 141 */ #inboxstatus p{min-width: 0; width: 100%} /* 142 */ /* 143 */ p.loading {text-align:center; width:100%;} /* 144 */ /* 145 */ .subscriptionsummary__renewalinfo {padding-top:20px;} /* 146 */ .subscriptionsummary__renewalinfo p {width:100%; margin:0;} /* 147 */ .subscriptionsummary__renewalinfo__expirydate {margin-bottom:10px !important; font-size:1.2rem} /* 148 */ .renewalrow td {background:#BE583C !important; color:#fff} /* 149 */ /* 150 */ .coachcymrucancellationbox {border:1px solid #BE583C; margin-top:20px !important; padding:15px; width:45% !important; background:#fff} /* base.css */ /* 151 */ .coachcymrucancellationbox a {display:block; margin-top:10px; text-decoration:none; color:#BE583C} /* 152 */ /* 153 */ .direct-feedback__section{padding-bottom: 2rem} /* 154 */ .direct-feedback__section + .direct-feedback__section {border-top: 1px solid #DDD; margin-top: 20px; padding-top: 20px;} /* 155 */ .direct-feedback__textarea{} /* 156 */ .direct-feedback__label{display: inline-block !important; width: auto; margin-right: 20px; font-size: 0.8rem;} /* 157 */ .direct-feedback__checkbox{display: inline-block !important; width: auto !important;} /* 158 */ .direct-feedback__section--view{white-space: pre-line} /* 159 */ /* 160 */ .viewpage--studentprogressvideo table#courseunitsprogresstable {width: 40%; min-width: 650px;} /* 161 */ .viewpage--studentprogressvideo .asessmentvideo {text-align:center; width:500px; position:fixed; right:10px; top:131px; background: #FFF;border: 1px solid #DDD; padding: 5px 10px;} /* 162 */ .viewpage--studentprogressvideo .asessmentvideo video{width: 100%;} /* 163 */ .asessmentvideo__info {text-align: left} /* 164 */ .asessmentvideo__info__description {padding:0; margin:0;} /* 165 */ .asessmentvideo__info__ref {padding:0; margin:5px 0 10px 0;} /* 166 */ .asessmentvideo__spotlightrplayer {width: 100% !important; height:300px} /* 167 */ /* 168 */ p.actionplancontentdisplay {background: #fff; padding: 30px;} /* 169 */ /* 170 */ /* 171 */ @media screen and (max-width: 1500px) { /* 172 */ /* 173 */ .viewpage--studentprogressvideo .asessmentvideo {width:450px;} /* 174 */ } /* 175 */ /* 176 */ @media screen and (max-width: 1420px) { /* 177 */ /* 178 */ .viewpage--studentprogressvideo .asessmentvideo {width:350px;} /* 179 */ } /* 180 */ /* 181 */ @media screen and (max-width: 1320px) { /* 182 */ /* 183 */ .viewpage--studentprogressvideo .asessmentvideo {width:250px;} /* 184 */ } /* 185 */ /* 186 */ @media screen and (max-width: 1220px) { /* 187 */ #inboxstatus{width: 90%} /* 188 */ #tabbedsearch{width: 100%;} /* 189 */ #tabbedsearch form{width: 100%; min-width: 0;} /* 190 */ /* 191 */ .viewpage--studentprogressvideo .asessmentvideo {width:150px;} /* 192 */ } /* form_styles.css */ /* 1 */ /* New Table Search Overlay */ /* 2 */ .tablesearch-overlay {background:rgb(22, 22, 22, 0.8) !important; position:fixed; top:0; left:0; z-index:200; width:100%; height:100%; margin:0;} /* 3 */ .tablesearch-overlay-inner {width:30%; margin:130px auto 0 auto; padding:20px; background:#fff; border-radius:2px; position:relative} /* 4 */ .tablesearch-overlay-inner div {background:none !important; border:none !important;} /* 5 */ .tablesearch-overlay-inner .tablesearch-closebutton {cursor:pointer; position:absolute; right:-10px; top:-10px;} /* 6 */ /* 7 */ .tablesearch-overlay-inner #searchholder {overflow:auto} /* 8 */ .tablesearch-overlay-inner #searchholder form.editform {background:none; min-width:0 !important;} /* 9 */ .tablesearch-overlay-inner #searchholder form.editform fieldset div.tab div {width:100%;} /* 10 */ .tablesearch-overlay-inner #searchholder form.editform fieldset {background:none; text-align:left} /* 11 */ .tablesearch-overlay-inner #searchholder form.editform fieldset label {width:100%; text-align:left;} /* 12 */ .tablesearch-overlay-inner #searchholder form.editform fieldset input {width:60% !important; left:0 !important; right:auto !important;} /* 13 */ .tablesearch-overlay-inner #searchholder form.editform fieldset input.button {margin-top:20px !important;} /* 14 */ /* 15 */ input, select, textarea { /* 16 */ -webkit-box-sizing: border-box; /* 17 */ -moz-box-sizing: border-box; /* 18 */ box-sizing: border-box; /* 19 */ width: 100% !important;; /* 20 */ margin: 0.5rem 0 2rem 0 !important; /* 21 */ display: block !important; /* 22 */ } /* 23 */ textarea.blueedit{display: none !important;} /* 24 */ /* 25 */ legend{ /* 26 */ display: none !important; /* 27 */ visibility: visible; /* 28 */ padding: 0 0 10px 0; /* 29 */ margin: 0 0 2rem 0; /* 30 */ font-size: 2rem; /* 31 */ border-bottom: 1px solid #CCC; /* 32 */ width: 100%; /* 33 */ float: left; /* 34 */ color: #666; /* 35 */ } /* 36 */ /* 37 */ fieldset{ /* 38 */ background-color: #FFF; /* 39 */ border-top: 3px solid #DDD; /* 40 */ width: 90%; /* 41 */ padding: 2rem 5% 1rem 5%; /* 42 */ display: inline-block; /* 43 */ position: relative; /* 44 */ margin-bottom: 0; /* 45 */ margin-top: 1rem; /* 46 */ } /* 47 */ /* 48 */ fieldset:focus-within{ /* 49 */ border-top: 3px solid rgba(81, 203, 238, 1); /* 50 */ } /* form_styles.css */ /* 51 */ /* 52 */ fieldset.buttons{border: none; margin-top: -2rem; padding: 0 5%;} /* 53 */ fieldset.buttons:focus-within{border-top: none;} /* 54 */ /* 55 */ /* 56 */ /* 57 */ label{ /* 58 */ display: block; /* 59 */ margin-bottom: 0; /* 60 */ clear: left; /* 61 */ font-size: 1rem; /* 62 */ position: relative; /* 63 */ } /* 64 */ /* 65 */ input{ /* 66 */ display: block; /* 67 */ margin-top: 0; /* 68 */ margin-bottom: 1rem; /* 69 */ width: 98%; /* 70 */ padding: 5px 1%; /* 71 */ color: #666; /* 72 */ font-size: 1rem; /* 73 */ } /* 74 */ /* 75 */ textarea{ /* 76 */ width: 98%; /* 77 */ height: 10rem; /* 78 */ padding: 5px 1%; /* 79 */ color: #666; /* 80 */ font-size: 1rem; /* 81 */ } /* 82 */ /* 83 */ select{ /* 84 */ width: 98%; /* 85 */ padding: 9px 1%; /* 86 */ color: #666; /* 87 */ font-size: 1rem; /* 88 */ } /* 89 */ /* 90 */ input[type=text]:focus, textarea:focus { /* 91 */ box-shadow: 0 0 5px rgba(81, 203, 238, 1); /* 92 */ outline: 1px solid rgba(81, 203, 238, 1); /* 93 */ } /* 94 */ /* 95 */ select:focus { /* 96 */ box-shadow: 0 0 1px 1px rgba(81, 203, 238, 0.2); /* 97 */ } /* 98 */ /* 99 */ input[type=hidden], .emailformcovert{ /* 100 */ display: none; /* form_styles.css */ /* 101 */ } /* 102 */ /* 103 */ .fieldset-intro{ /* 104 */ } /* 105 */ /* 106 */ .fieldset-intro__header{ /* 107 */ border-left: 5px solid #f86624; /* 108 */ padding-left: 10px; /* 109 */ font-size: 1.2rem; /* 110 */ line-height: 1.4rem; /* 111 */ text-transform: uppercase; /* 112 */ font-weight: 600; /* 113 */ letter-spacing: 0.01rem; /* 114 */ font-family: Arial,sans-serif; /* 115 */ color: #666; /* 116 */ } /* 117 */ /* 118 */ .fieldset-intro__para{ /* 119 */ font-size: 0.85rem; /* 120 */ line-height: 1.4rem; /* 121 */ color: #666; /* 122 */ } /* 123 */ /* 124 */ .checkbox-box{ /* 125 */ width: 98%; /* 126 */ position: relative; /* 127 */ } /* 128 */ /* 129 */ .checkbox-box__label{ /* 130 */ padding: 0 0 0 40px; /* 131 */ margin: 0; /* 132 */ } /* 133 */ /* 134 */ .checkbox-box__input{ /* 135 */ position: absolute; /* 136 */ top: 10px; /* 137 */ left: 0; /* 138 */ width: auto; /* 139 */ /* 140 */ } /* 141 */ /* 142 */ .button{ /* 143 */ border: none; /* 144 */ width: 200px !important; /* 145 */ padding: 1rem 0; /* 146 */ text-align: center; /* 147 */ background-color: #0A0; /* 148 */ color: #FFF; /* 149 */ box-shadow: 0 6px 6px 0px rgba(0, 0, 0, 0.2); /* 150 */ text-transform: uppercase; /* form_styles.css */ /* 151 */ margin: 0; /* 152 */ background: linear-gradient(to bottom, #0A0 0%, #0B0 100%); /* 153 */ } /* 154 */ /* 155 */ .button:active{ /* 156 */ box-shadow: none; /* 157 */ margin-top: calc(3rem + 6px); /* 158 */ margin-bottom: calc(2rem - 6px) /* 159 */ } /* 160 */ /* 161 */ .button:hover{ /* 162 */ background-color: #090; /* 163 */ background: linear-gradient(to bottom, #090 0%, #0A0 100%); /* 164 */ } /* 165 */ /* 166 */ .button--negative{ /* 167 */ background-color: #A00; /* 168 */ background: linear-gradient(to bottom, #A00 0%, #B00 100%); /* 169 */ } /* 170 */ /* 171 */ .button--negative:hover{ /* 172 */ background-color: #900; /* 173 */ background: linear-gradient(to bottom, #900 0%, #A00 100%); /* 174 */ } /* 175 */ /* 176 */ .js-form-item-status{ /* 177 */ display: block; /* 178 */ position: absolute; /* 179 */ top: auto; /* Calculated in js */ /* 180 */ right: -7%; /* 181 */ color: #666; /* 182 */ text-align: center; /* 183 */ width: 1.4rem; /* 184 */ height: 1.4rem; /* 185 */ font-size: 1.4rem; /* 186 */ border-radius: 50%; /* 187 */ margin: 0; /* 188 */ padding-top: 0rem; /* 189 */ } /* 190 */ /* 191 */ .js-form-item-status--error{ /* 192 */ background-color: #A00; /* 193 */ color: #FFF; /* 194 */ font-size: 1.4rem; /* 195 */ padding: 0 0 0.4rem 0; /* 196 */ height: 1.4rem; /* 197 */ width: 1.8rem; /* 198 */ font-weight: 800; /* 199 */ } /* 200 */ /* form_styles.css */ /* 201 */ .js-form-item-placeholder{ /* 202 */ display: block; /* 203 */ width: 100%; /* 204 */ margin: -2rem 0 2rem 0; /* 205 */ font-style: italic; /* 206 */ font-size: 0.8rem !important; /* 207 */ color: #999; /* 208 */ line-height: 1rem; /* 209 */ } /* 210 */ /* 211 */ .js-invalid-input{ /* 212 */ box-shadow: 0 0 5px rgba(203, 81, 81, 1) !important; /* 213 */ /* outline: 1px solid rgba(203, 81, 81, 1) !important;*/ /* 214 */ } /* 215 */ /* 216 */ select.js-invalid-input{ /* 217 */ outline: none; /* 218 */ } /* 219 */ /* 220 */ .hidden + div.js-form-item-status + p.js-form-item-placeholder{display: none;} /* 221 */ /* 222 */ input.emailformcovert{display: none !important;} /* 223 */ /* 224 */ form.editform{width: 30%; min-width: 500px;} /* 225 */ form.editform select.multiple{height: 200px;} /* 226 */ #tabmenu li:only-child{display: none} /* 227 */ /* 228 */ p.course-emailalertswaiting {background: #fff; padding: 20px; width: auto; border: 5px dashed #d74343;} /* 229 */ p.course-emailalertswaiting a {display:block; margin-top:10px;} /* 230 */ /* 231 */ #searchholder form.editform{width: 100%; background-color: #EAEAEA; padding: 0;} /* 232 */ #searchholder form.editform fieldset{padding: 0; margin: 0; background-color: #EAEAEA; border: none; width: 100%; text-align: right;} /* 233 */ #searchholder form.editform fieldset div.tab{display: inline-block; margin: 0; width: 90%;} /* 234 */ #searchholder form.editform fieldset label{display: inline-block; min-width: 100px; text-align: right; float: none; margin-right: 0;} /* 235 */ #searchholder form.editform fieldset input{display: inline-block !important; min-width: 150px; float: none; margin: 0 20px 0 0 !important;} /* 236 */ #searchholder form.editform fieldset select{display: inline-block !important; min-width: 150px; float: none; margin: 0 20px 0 0 !important;} /* 237 */ #searchholder form.editform fieldset input.button{position: relative; right: auto; top: auto; margin: 0 !important; width: 10% !important;} /* 238 */ /* 239 */ .fake-button{font-size: 0.8rem; padding: 15px; width: auto; margin: 10px 0; text-decoration: none; display: inline-block; border-radius: 4px; border: none; background: linear-gradient(to bottom, #090 0%, #0A0 100%); color: #FFF; text-transform: uppercase;} /* 240 */ .fake-button-right{float: right;} /* 241 */ /* 242 */ .student-plotter-email {padding-top:20px;} /* 243 */ /* 244 */ .studentplotter #searchholder{display: block;} /* 245 */ .studentplotter #searchholder fieldset{text-align: left !important;} /* 246 */ .studentplotter #searchholder form.editform fieldset div.tab{width: 636px} /* 247 */ .studentplotter #searchholder h3{text-align: left; font-weight: 400; letter-spacing: -0.05rem} /* 248 */ .studentplotter #searchholder input[type=text]{padding: 2px 0;} /* 249 */ .studentplotter iframe{width: 100% !important;} /* 250 */ .studentplotter .content_inner{position: relative;} /* form_styles.css */ /* 251 */ .studentplotter .plotter-next-form{position: absolute; right: 0; top: -83px;} /* 252 */ .studentplotter #searchholder form.editform fieldset input.button{left: -247px; width: 149px; min-width: 0;} /* 253 */ .studentplotter #rightcol{position: relative;} /* 254 */ .studentplotter #rightcol .plotter-next-form{top:50px;} /* 255 */ .studentplotter div#tableforminputs input.button{width: 15% !important; padding: 1rem 0;} /* 256 */ .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; */} /* 257 */ /* 258 */ .studentplotter .editform input.plotter-submitsend {width:150px !important; height:50px; display:inline-block; margin:0 10px 0 0 !important;} /* 259 */ .studentplotter .editform input.cancelbutton {width:150px !important; height:50px; display:inline-block; margin:0 10px 0 0 !important;} /* 260 */ .studentplotter .editform input.plotter-previewemail {width:150px !important; height:50px; display:inline-block; margin:0 10px 0 0 !important; background:orange} /* 261 */ .studentplotter input {display:inline-block !important;} /* 262 */ .studentplotter .ConfirmSendEmailLabel {width: 400px} /* 263 */ .studentplotter .js-confirmsendemail {right:80px;} /* 264 */ /* 265 */ #rightcol.inpage .practicaldayriskassessmentform {width:49%; float:right; margin-top:50px;} /* 266 */ #rightcol.inpage .practicaldayriskassessmentform div {float:left; min-width:200px; padding-left:30px; } /* 267 */ #rightcol.inpage .practicaldayriskassessmentform div:last-of-type {padding-left:0;} /* 268 */ #rightcol.inpage .practicaldayriskassessmentform label {width:100% !important; display:block !important; text-align: left; font-weight:600} /* 269 */ #rightcol.inpage .practicaldayriskassessmentform select#CompletedRiskAssessmentAssignSelect {display:block !important; min-width: 340px !important; margin-bottom:20px !important;} /* 270 */ #rightcol.inpage .practicaldayriskassessmentform input {display:block !important; width:100% !important; margin:0 !important;} /* 271 */ #rightcol.inpage .practicaldayriskassessmentform input#CompletedRiskAssessmentFile {margin-top:10px !important;} /* 272 */ #rightcol.inpage .practicaldayriskassessmentform input.confirm {margin-top:20px !important;} /* 273 */ /* 274 */ .approvalfilter-classname {width:350px !important; padding:5px 10px; font-size:1rem !important;} /* 275 */ /* 276 */ .principaledit{padding-bottom: 150px;} /* 277 */ /* 278 */ #rightcol #principaleditform {text-align: right; float:right; margin:0 20px 0 0; width: 80% !important;} /* 279 */ #rightcol #principaleditform fieldset {padding:0; width:100% !important; background:none; border:none;} /* 280 */ #rightcol #principaleditform div {width:240px; display:inline-block} /* 281 */ #rightcol #principaleditform label {width:200px !important; display:inline-block !important; color:#fff; text-align: left;} /* 282 */ #rightcol #principaleditform input {width:200px !important; display:inline-block !important;} /* 283 */ #rightcol #principaleditform input.button {display:inline-block; padding: 5px;} /* 284 */ /* 285 */ #registrationform table input{margin-bottom: 1rem !important;} /* 286 */ /* 287 */ .coursepracticaldatecontrols {width:100%;} /* 288 */ .coursepracticaldatecontrols__formwrapper {margin-bottom:20px; text-align:left;} /* 289 */ /* 290 */ .coursepracticaldatecontrols__formwrapper--dates #DayRunDate {width:70px !important; display:inline-block !important} /* 291 */ .coursepracticaldatecontrols__formwrapper--dates #MonthRunDate {width:125px !important; display:inline-block !important} /* 292 */ .coursepracticaldatecontrols__formwrapper--dates #YearRunDate {width:100px !important; display:inline-block !important} /* 293 */ .coursepracticaldatecontrols__formwrapper--dates #DayType {width:180px !important} /* 294 */ /* 295 */ .coursepracticaldatecontrols__formwrapper__form {display:flex; align-items:flex-start; justify-content:flex-end;} /* 296 */ .coursepracticaldatecontrols__formwrapper__formelement {padding-right:10px;} /* 297 */ /* 298 */ #rightcol.inpage .coursepracticaldatecontrols__formwrapper__formelement label {display:block !important; width:90% !important; text-align:left; padding-left:0; font-weight:600} /* 299 */ #rightcol.inpage .coursepracticaldatecontrols__formwrapper__formelement input[type="text"] {width:90% !important;} /* 300 */ /* form_styles.css */ /* 301 */ .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;} /* 302 */ .coursepracticaldatecontrols__formwrapper__formelement input[type="submit"]:hover {background: linear-gradient(to bottom, #090 0%, #0A0 100%);} /* 303 */ /* 304 */ .coursepracticaldatecontrols__formwrapper__formelement--text label {} /* 305 */ .coursepracticaldatecontrols__formwrapper__formelement--submit {width:100px !important; min-width: 220px !important;} /* 306 */ /* 307 */ .coursewebinardatecontrols {width:100%;} /* 308 */ .coursewebinardatecontrols__formwrapper {margin-bottom:20px;} /* 309 */ /* 310 */ .coursewebinardatecontrols__formwrapper--dates #DayWebinarRunDate {width:70px !important; display:inline-block !important} /* 311 */ .coursewebinardatecontrols__formwrapper--dates #MonthWebinarRunDate {width:125px !important; display:inline-block !important} /* 312 */ .coursewebinardatecontrols__formwrapper--dates #YearWebinarRunDate {width:100px !important; display:inline-block !important} /* 313 */ /* 314 */ .coursewebinardatecontrols__formwrapper__form {display:flex; align-items:flex-start; justify-content:flex-end;} /* 315 */ .coursewebinardatecontrols__formwrapper__formelement {padding-right:10px} /* 316 */ .coursewebinardatecontrols__formwrapper__formelement label {padding-left:5px; font-weight:600} /* 317 */ .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;} /* 318 */ .coursewebinardatecontrols__formwrapper__formelement input[type="submit"]:hover {background: linear-gradient(to bottom, #090 0%, #0A0 100%);} /* 319 */ .coursewebinardatecontrols__formwrapper__formelement--time{} /* 320 */ .coursewebinardatecontrols__formwrapper__formelement--link{width: 20%;} /* 321 */ .coursewebinardatecontrols__formwrapper__formelement--desc{width: 20%;} /* 322 */ /* 323 */ /* Dropzone formatting */ /* 324 */ .dropzone{ border: 2px dashed #181818; margin: 20px auto; padding: 30px 20px 20px 20px; text-align:center} /* 325 */ .dropzone--highlight{border-color: #d90912; border-style:solid; background:#eaeaea} /* 326 */ /* 327 */ .dropzone__preview{margin-top: 10px;} /* 328 */ .dropzone__preview__img{ width: 150px; margin-bottom: 10px; margin-right: 10px; vertical-align: middle;} /* 329 */ .dropzone__fileselector {display:none !important;} /* 330 */ /* 331 */ .dropzone .button {width:100% !important; background:none !important; color:#000; box-shadow:none;} /* 332 */ .dropzone .button:active {margin:0 !important} /* 333 */ .dropzone .button strong {margin-right:10px;} /* 334 */ .hidden {display:none !important;} /* 335 */ /* 336 */ .dropzone__preview__wrapper {position:relative; margin: 0 auto} /* 337 */ .dropzone__preview__wrapper .dropzoneremovefile {color:#000; cursor:pointer; position: relative; top: auto; right: auto; display: block;} /* 338 */ .dropzone__preview__wrapper__item{display: block; margin-bottom: 10px;} /* 339 */ /* 340 */ .resetsearchtrigger {padding-left:5px; cursor:pointer;} /* 341 */ .resetsearchtrigger span {text-decoration: underline;} /* 342 */ /* 343 */ .dynamicselectfilter {margin-bottom:0 !important; } /* 344 */ /* 345 */ .lds-ring { /* 346 */ display: inline-block; /* 347 */ position: relative; /* 348 */ width: 80px; /* 349 */ height: 80px; /* 350 */ } /* form_styles.css */ /* 351 */ .lds-ring div { /* 352 */ box-sizing: border-box; /* 353 */ display: block; /* 354 */ position: absolute; /* 355 */ width: 64px; /* 356 */ height: 64px; /* 357 */ margin: 8px; /* 358 */ border: 8px solid #222c53; /* 359 */ border-radius: 50%; /* 360 */ animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; /* 361 */ border-color: #222c53 transparent transparent transparent; /* 362 */ } /* 363 */ .lds-ring div:nth-child(1) { /* 364 */ animation-delay: -0.45s; /* 365 */ } /* 366 */ .lds-ring div:nth-child(2) { /* 367 */ animation-delay: -0.3s; /* 368 */ } /* 369 */ .lds-ring div:nth-child(3) { /* 370 */ animation-delay: -0.15s; /* 371 */ } /* 372 */ @keyframes lds-ring { /* 373 */ 0% { /* 374 */ transform: rotate(0deg); /* 375 */ } /* 376 */ 100% { /* 377 */ transform: rotate(360deg); /* 378 */ } /* 379 */ } /* 380 */ /* 381 */ .lds-ring::after{content: "Uploading... Please wait - files of 250mb will typically take 5 minutes to upload"; display: block; text-align: center; font-size: 0.6rem; width: 200px; margin-top: 100px; margin-left: -60px; } /* 382 */ /* 383 */ .classgroupwebinars-selectall-label {font-size:0.7rem; display: inline-block;padding-right: 5px;} /* 384 */ .classgroupwebinars-selectall {display: inline-block !important; padding-left:20px;} /* 385 */ /* 386 */ .spotlightruploadmessage {text-align: center; font-weight: 600; line-height: 1.8rem; color: red; width: 100% !important; min-width: 100% !important; padding: 10px 0;} /* 387 */ /* 388 */ #studenteditform p{min-width: auto; width: auto; margin: 0 0 10px 0;} /* 389 */ #studenteditform .radio-container{margin-bottom: 2rem;} /* 390 */ #studenteditform .radiodiv {width: auto; display: block; margin-right: 10px;} /* 391 */ #studenteditform .radiodiv label {display: inline-block; min-width: 40px;} /* 392 */ #studenteditform .radiodiv input {width: auto !important; margin: 0 0 0 20px !important; display: inline !important;} /* 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: #BE583C; 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: #BE583C;} /* 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 */ /* 16 */ table tfoot tr td {border: none; padding: 12px 10px; font-size: 0.75rem; background: #E0E0E0;} /* 17 */ /* 18 */ p.pathwayintroduction {white-space:normal} /* 19 */ /* 20 */ table input {margin: 0 !important;} /* 21 */ table input[type=checkbox]{width: auto !important} /* 22 */ /* 23 */ /* .dashboardoverview {border-collapse: none; border: none; width: 100%; background-color: #EAEAEA; margin-top: 0;} /* 24 *| .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: #BE583C !important; color: white;} /* 25 *| .dashboardoverview tr td span{font-size: 1rem; line-height: 2rem; color: #FFF; font-weight: 200 !important; display: block;} /* 26 *| .dashboardoverview tr td a{margin-top: 2rem; display: inline-block; color: #FFF;} /* 27 *| .dashboardoverview tr td strong{font-weight: 400; font-size: 2rem} /* 28 *| /* 29 *| .dashboardoverview tr:first-child td{font-size: 1.2rem; height: 200px; vertical-align: middle; background-color: #FFF !important; color: #666;} /* 30 *| .dashboardoverview tr:first-child td span{font-size: 2rem; line-height: 4rem; color: #BE583C;} /* 31 *| .dashboardoverview tr:first-child td a{color: #666;} /* 32 *| /* 33 *| .dashboardoverview tr:nth-child(2) td{font-size: 1.2rem; height: 200px; vertical-align: middle; background-color: #FFF !important; color: #666;} /* 34 *| .dashboardoverview tr:nth-child(2) td::first-line{font-size: 5rem; line-height: 2rem; color: #BE583C;} /* 35 *| .dashboardoverview tr:nth-child(2) td a{margin-top: 1rem; font-size: 1rem; color: #666;} /* 36 *| .dashboardoverview tr:nth-child(2) td span{font-size: 2rem; line-height: 4rem; color: #BE583C;} /* 37 *| /* 38 *| .dashboardoverview tr td:last-child{white-space: normal !important;} */ /* 39 */ /* 40 */ /* 41 */ .dashboard-fourpanel-layout{width: 20%; display: inline-block; vertical-align: top; margin-right: 5%;text-align: left; font-size: 0;} /* 42 */ .dashboard-fourpanel-layout__alerts{margin-right: 0; width: 50%} /* 43 */ /* 44 */ .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;} /* 45 */ .dashboard-fourpanel-layout div span{display: block; font-size: 1rem; font-weight: 600; color: #333} /* 46 */ .dashboard-fourpanel-layout div a{color: #FFF; text-decoration: none;} /* 47 */ .dashboard-fourpanel-layout div:first-child{text-transform: uppercase; border-width: 5px 1px 1px 0; font-weight: 200; font-size: 1.6rem;} /* 48 */ .dashboard-fourpanel-layout div:nth-child(2){border-width: 5px 0 1px 0} /* 49 */ .dashboard-fourpanel-layout div:nth-child(3){border-width: 0 1px 0 0} /* 50 */ .dashboard-fourpanel-layout div:nth-child(4){border-width: 0 0 0 0} /* tables.css */ /* 51 */ /* 52 */ .dashboard-fourpanel-layout__stats div{border-top-color: #9de772;} /* 53 */ .dashboard-fourpanel-layout__logins div{border-top-color: #a0e4ef;} /* 54 */ .dashboard-fourpanel-layout__alerts div:first-child{font-size: 0.8rem} /* 55 */ .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: #DE6E4B; margin-bottom: 10px; overflow: hidden; margin-right: 2%; font-weight: 200 !important;max-height: 18px;} /* 56 */ .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;} /* 57 */ /* 58 */ .dashboard-fourpanel-layout__alerts div:hover{transition: background-color 1s; background-color: green;} /* 59 */ .dashboard-fourpanel-layout__alerts div a:hover{text-decoration: underline;} /* 60 */ /* 61 */ .dashboard-fourpanel-layout__logins div a {color:#9a1400 !important} /* 62 */ /* 63 */ /* 64 */ 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; } /* 65 */ .dropdown {position: relative; display: inline-block;} /* 66 */ .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;} /* 67 */ .dropdown-content a {color: black; padding: 12px 16px; text-decoration: none; display: block; } /* 68 */ .dropdown-content a:hover {background-color: #ddd;} /* 69 */ .dropdown.show .dropdown-content {display: block;} /* 70 */ .dropdown.show .dropbtn {background-color: #999;} /* 71 */ /* 72 */ table#courseunitsedittable{width: 60%; min-width: 800px; margin-bottom: 150px;} /* 73 */ /* 74 */ table#courseunitsedittable thead tr td{background-color: #FFF !important; color: #444;} /* 75 */ /* 76 */ table#courseunitsedittable tr.unitrow td{font-weight: 600; text-transform: uppercase; font-size: 1.4rem; background-color: #BE583C !important; color: white !important; border-top: 150px solid #EAEAEA;} /* 77 */ table#courseunitsedittable tbody tr.unitrow:first-child td{border-top: 0px solid white} /* 78 */ table#courseunitsedittable tbody tr.unitrow td:nth-child(3){font-weight: normal; font-size: 0.8rem; text-transform: none; } /* 79 */ table#courseunitsedittable tbody tr.unitrow td:nth-child(3) a{color: #FFF;} /* 80 */ table#courseunitsedittable tbody tr.unitrow .dropdown-content a{color: black !important;} /* 81 */ /* 82 */ table#courseunitsedittable tbody tr.topicrow td{font-weight: 800; font-size: 1rem; } /* 83 */ table#courseunitsedittable tbody tr.topicrow td:nth-child(3){font-weight: normal; font-size: 0.8rem; text-transform: none; } /* 84 */ /* 85 */ table#courseunitsedittable tbody tr.resourcesheading td {background-color: #EF4D9B !important; text-transform: uppercase; color: #FFF; font-weight: 200 !important; font-size: 0.8rem; border-top: 50px solid #EAEAEA;} /* 86 */ table#courseunitsedittable tbody tr.resourcesheading td strong{font-weight: 600;} /* 87 */ table#courseunitsedittable tbody tr.resourcerow td{font-size: 0.8rem; font-weight: normal; background-color: white; padding: 5px;} /* 88 */ table#courseunitsedittable tbody tr.resourcerow td:first-child{text-align: right;} /* 89 */ table#courseunitsedittable tbody tr.resourcerow:hover td{background-color: #FFFBCC;} /* 90 */ /* 91 */ 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;} /* 92 */ table#courseunitsedittable tbody tr.tasksheading td strong{font-weight: 600;} /* 93 */ table#courseunitsedittable tbody tr.tasksrow td{font-size: 0.8rem; font-weight: normal; background-color: white; padding: 5px;} /* 94 */ table#courseunitsedittable tbody tr.tasksrow td:first-child{text-align: right;} /* 95 */ table#courseunitsedittable tbody tr.tasksrow:hover td{background-color: #FFFBCC;} /* 96 */ /* 97 */ /* 98 */ .viewpage #unitsdv{border-left: 10px solid #CCC;} /* 99 */ table#courseunitsviewtable{width: 60%; min-width: 800px;} /* 100 */ /* tables.css */ /* 101 */ table#courseunitsviewtable thead tr td{background-color: #FFF !important; color: #444;} /* 102 */ /* 103 */ table#courseunitsviewtable tr.unitrow td{font-weight: 600; text-transform: uppercase; font-size: 1.4rem; background-color: #BE583C !important; color: white !important; border-top: 150px solid #EAEAEA;} /* 104 */ table#courseunitsviewtable tbody tr.unitrow:first-child td{border-top: 0px solid white} /* 105 */ table#courseunitsviewtable tbody tr.unitrow td:nth-child(3){font-weight: normal; font-size: 0.8rem; text-transform: none; } /* 106 */ table#courseunitsviewtable tbody tr.unitrow td:nth-child(3) a{color: #FFF;} /* 107 */ table#courseunitsviewtable tbody tr.unitrow .dropdown-content a{color: black !important;} /* 108 */ /* 109 */ table#courseunitsviewtable tbody tr.topicrow td{font-weight: 400; font-size: 1rem; } /* 110 */ table#courseunitsviewtable tbody tr.topicrow td:nth-child(3){font-weight: normal; font-size: 1rem; text-transform: none; background-color: #EF4D9B; color: white; min-width: 100px;} /* 111 */ table#courseunitsviewtable tbody tr.topicrow td:nth-child(3) a{color: inherit;} /* 112 */ /* 113 */ table#courseunitsviewtable tbody tr.resourcesheading td {background-color: #EF4D9B !important; text-transform: uppercase; color: #FFF; font-weight: 400 !important; font-size: 0.8rem; border-top: 50px solid #EAEAEA;} /* 114 */ table#courseunitsviewtable tbody tr.resourcesheading td strong{font-weight: 400;} /* 115 */ table#courseunitsviewtable tbody tr.resourcerow td{font-size: 0.8rem; font-weight: normal; background-color: white; padding: 5px;} /* 116 */ table#courseunitsviewtable tbody tr.resourcerow td:first-child{text-align: right;} /* 117 */ table#courseunitsviewtable tbody tr.resourcerow:hover td{background-color: #FFFBCC !important;} /* 118 */ table#courseunitsviewtable tbody tr.resourcerow td:nth-child(3){font-weight: normal; font-size: 0.8rem; text-transform: none; background-color: inherit; color: inherit; } /* 119 */ /* 120 */ 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;} /* 121 */ table#courseunitsviewtable tbody tr.tasksheading td strong{font-weight: 400;} /* 122 */ table#courseunitsviewtable tbody tr.tasksrow td{font-size: 0.8rem; font-weight: normal; background-color: white; padding: 5px;} /* 123 */ table#courseunitsviewtable tbody tr.tasksrow td:first-child{text-align: right;} /* 124 */ table#courseunitsviewtable tbody tr.tasksrow:hover td{background-color: #FFFBCC !important;} /* 125 */ table#courseunitsviewtable tbody tr.tasksrow td:nth-child(3){font-weight: normal; font-size: 0.8rem; text-transform: none; background-color: inherit; color: inherit; } /* 126 */ /* 127 */ /* 128 */ /* 129 */ table#courseunitsprogresstable{width: 60%; min-width: 800px;} /* 130 */ /* 131 */ /* 132 */ table#courseunitsprogresstable thead tr td{background-color: #FFF !important; color: #444;} /* 133 */ table#courseunitsprogresstable tr.unitrow td{font-weight: 600; text-transform: uppercase; font-size: 1.4rem; background-color: #BE583C !important; color: white !important; border-top: 150px solid #EAEAEA;} /* 134 */ /* 135 */ table#courseunitsprogresstable tbody tr.unitrow:first-child td{border-top: 0px solid white} /* 136 */ table#courseunitsprogresstable tbody tr.unitrow td:nth-child(3){font-weight: normal; font-size: 0.8rem; text-transform: none; } /* 137 */ table#courseunitsprogresstable tbody tr.unitrow td:nth-child(3) a{color: #FFF; } /* 138 */ table#courseunitsprogresstable tbody tr.unitrow .dropdown-content a{color: black !important;} /* 139 */ /* 140 */ table#courseunitsprogresstable tbody tr.topicrow td{font-weight: 400; font-size: 1rem; } /* 141 */ table#courseunitsprogresstable tbody tr.topicrow td:nth-child(3){font-weight: normal; font-size: 1rem; text-transform: none;} /* 142 */ table#courseunitsprogresstable tbody tr.topicrow td:nth-child(3) a{color: inherit;} /* 143 */ /* 144 */ table#courseunitsprogresstable tbody tr.descriptorrow td.checkboxcell{text-align: center !important;} /* 145 */ table#courseunitsprogresstable tbody tr.descriptorrow td.checkboxcell input{display: inline-block !important} /* 146 */ /* 147 */ table#courseunitsprogresstable tbody tr.resourcesheading td {background-color: #EF4D9B !important; text-transform: uppercase; color: #FFF; font-weight: 400 !important; font-size: 0.8rem; border-top: 50px solid #EAEAEA;} /* 148 */ table#courseunitsprogresstable tbody tr.resourcesheading td strong{font-weight: 400;} /* 149 */ table#courseunitsprogresstable tbody tr.resourcerow td{font-size: 0.8rem; font-weight: normal; background-color: white; padding: 5px;} /* 150 */ table#courseunitsprogresstable tbody tr.resourcerow td:first-child{text-align: right;} /* tables.css */ /* 151 */ table#courseunitsprogresstable tbody tr.resourcerow:hover td{background-color: #FFFBCC !important;} /* 152 */ table#courseunitsprogresstable tbody tr.resourcerow td:nth-child(3){font-weight: normal; font-size: 0.8rem; text-transform: none; background-color: inherit; color: inherit; } /* 153 */ /* 154 */ 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;} /* 155 */ table#courseunitsprogresstable tbody tr.tasksheading td strong{font-weight: 400;} /* 156 */ table#courseunitsprogresstable tbody tr.tasksrow td{font-size: 0.8rem; font-weight: normal; background-color: white; padding: 5px;} /* 157 */ table#courseunitsprogresstable tbody tr.tasksrow td:first-child{text-align: right;} /* 158 */ table#courseunitsprogresstable tbody tr.tasksrow:hover td{background-color: #FFFBCC !important;} /* 159 */ table#courseunitsprogresstable tbody tr.tasksrow td:nth-child(3){font-weight: normal; font-size: 0.8rem; text-transform: none; background-color: inherit; color: inherit; } /* 160 */ /* 161 */ .sendstudentfeedback-input {margin:0; width: 20px !important; float:left; margin:3px 5px 0 0 !important;} /* 162 */ .sendstudentfeedback-label {width: 200px; position: fixed; bottom: 44px; right: 510px; margin: 0 !important; height: 20px; font-size: 0.8rem; background: #2a8914; color: #fff; padding: 5px 0;} /* 163 */ /* 164 */ #coursecompletion{position: fixed; bottom: 0; right: 0; background-color: #BE583C; color: white; text-align: center; width: 500px; min-width: 0; font-size: 0.8rem} /* 165 */ #courseunitsprogressform input.button{position: fixed; bottom: 0; right: 510px; margin: 0 !important; height: 44px; width: 200px; font-size: 0.8rem} /* 166 */ #courseunitsmarkcompletedform input.button{position: fixed; bottom: 0; right: 720px; margin: 0 !important; height: 44px; width: 200px; font-size: 0.8rem} /* 167 */ /* #addnotelink{position: fixed; bottom: 0; right: 720px; margin: 0 !important; height: 44px; width: 200px; font-size: 0.8rem} */ /* 168 */ #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;} /* 169 */ #addnotelink a{text-decoration: none; color: #FFF} /* 170 */ /* 171 */ 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; } /* 172 */ h3.feedback-graph-heading.feedback-graph-heading-first{margin-top: 0 !important;} /* 173 */ /* 174 */ #feedbackdv table{width: 60% !important; min-width: 800px;} /* 175 */ #feedbackdv tr.feedback-heading th{font-weight: 600; text-transform: uppercase; font-size: 1.4rem; background-color: #BE583C !important; color: white !important; border-top: 100px solid #EAEAEA; padding: 15px; text-align: left} /* 176 */ #feedbackdv tr.feedback-heading:first-child th{border-top: 0;} /* 177 */ #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;} /* 178 */ /* 179 */ #homeworkdv table{width: 60%; min-width: 800px;} /* 180 */ #homeworkdv tr th{font-weight: 600; text-transform: uppercase; font-size: 1.4rem; background-color: #BE583C !important; color: white !important;} /* 181 */ /* 182 */ div#tableforminputs{width: 100%; text-align: right; margin: -30px 0 20px 0; } /* 183 */ div#tableforminputs label{font-size: 0.8rem; display: inline-block !important; float: none; width: 15% !important;} /* 184 */ div#tableforminputs input{font-size: 0.8rem; display: inline-block !important; float: none; width: 15% !important; margin-left: 20px !important;} /* 185 */ div#tableforminputs input.button{padding: 5px 10px; width: auto !important} /* 186 */ div#tableforminputs select{font-size: 0.8rem; display: inline-block !important; float: none; width: 15% !important; padding: 0px; margin: 0 1rem !important;} /* 187 */ div#tableforminputs hr{display: none;} /* 188 */ /* 189 */ #rightcol.inpage{background-color: transparent; width: 100%; text-align: right;left: auto;position: relative; bottom: auto;} /* 190 */ #rightcol.inpage input, #rightcol.inpage select, #rightcol.inpage label{display: inline-block !important; float: none; clear: none; width: 20% !important;} /* 191 */ #rightcol.inpage label{font-size: 1rem; color: #666;} /* 192 */ #rightcol.inpage h3{display: none;} /* 193 */ #rightcol.inpage div{display: inline-block; width: auto; min-width: 350px;} /* 194 */ #rightcol.inpage select.dateday{min-width: 60px;} /* 195 */ #rightcol.inpage select.datemonth{min-width: 160px;} /* 196 */ #rightcol.inpage select.dateyear{min-width: 100px;} /* 197 */ #rightcol.inpage input[type=submit]{padding: 8px 0 !important;} /* 198 */ #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%);} /* 199 */ /* 200 */ #studenteditform + div#rightcol.inpage{width: 200px; position: absolute; top: 299px; right: 10%;} /* tables.css */ /* 201 */ /* 202 */ #regcodesdv .registration-codes-form.editform{width: 100%; text-align: right;} /* 203 */ #regcodesdv .registration-codes-form table{text-align: left; margin-bottom: 10px;} /* 204 */ #regcodesdv .registration-codes-form.editform input.button{width: 20% !important; display: inline-block !important; margin: 0 0 20px 0 !important;} /* 205 */ #regcodesdv #rightcol.inpage input[type=submit]{width: 20% !important; padding: 8px 0;} /* 206 */ /* 207 */ #statisticsdv{background: #FFF; width: 100%; min-height: 700px; position: relative} /* 208 */ #statisticsdv p:first-child{display: none;} /* 209 */ #statisticsdv h3{margin-left: 20px; padding-top: 20px;} /* 210 */ #statisticsdv h3 strong{font-weight: 400;} /* 211 */ #statisticsdv div:last-child{margin-left: 20px;} /* 212 */ /* 213 */ #principaleditform fieldset{margin-top: 0;} /* 214 */ .class-students-div fieldset{padding: 0; background-color: transparent; border-top: none; width: 100%;} /* 215 */ .class-students-div table{margin: 0;} /* 216 */ .class-students-form #tableforminputs{margin-top: 1rem !important;} /* 217 */ /* 218 */ .webinardates-div fieldset{padding: 0; background-color: transparent; border-top: none; width: 100%;} /* 219 */ .webinardates-div table{margin: 0;} /* 220 */ .webinardates-div #tableforminputs{margin-top: 1rem !important;} /* 221 */ /* 222 */ #usagedv{background-color: white; margin-top: 30px;} /* 223 */ #usagedv p{width: 100%; padding: 10px 1rem; margin-top: 0;} /* 224 */ #usagedv br{display: none;} /* 225 */ #usagedv form{padding: 10px 1rem; margin-bottom: 0;} /* 226 */ #usagedv form label{width: auto !important; display: inline-block !important;} /* 227 */ #usagedv form label:nth-child(5){margin-left: 100px;} /* 228 */ #usagedv form select{width: 10% !important; display: inline-block !important;} /* 229 */ #usagedv form input{width: 10% !important; display: inline-block !important;} /* 230 */ #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%);} /* 231 */ /* 232 */ #cpddv p{display: none;} /* 233 */ #cpddv table p{display: block;} /* 234 */ /* 235 */ #feedbackdv{background-color: #FFF !important; margin-top: 30px;} /* 236 */ #feedbackdv h3{width: 100%; padding: 10px 1rem; margin-top: 0; font-weight: 400; margin-bottom :0} /* 237 */ #feedbackdv table{width: 100%; min-width: 800px; margin: 0 20px; border-bottom: 20px solid #FFF; border-top: 0; border-left: 0;} /* 238 */ /* 239 */ .viewpage #feedbackdv{background-color: transparent !important; margin-top: 20px;} /* 240 */ .viewpage #feedbackdv table{margin: 0; border: 1px solid #DDD} /* 241 */ /* 242 */ #uploadsdv p.noresults{display: none;} /* 243 */ #uploadsdv table{width: 100%; min-width: 800px; margin-bottom: 2rem;} /* 244 */ #uploadsdv tr.feedback-heading th{font-weight: 600; text-transform: uppercase; font-size: 1.4rem; background-color: #BE583C !important; color: white !important; border-top: 100px solid #EAEAEA; padding: 2px 15px; text-align: left} /* 245 */ #uploadsdv tr.feedback-heading:first-child th{border-top: 0;} /* 246 */ #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;} /* 247 */ #uploadsdv br{display: none;} /* 248 */ /* 249 */ #statisticsdv{background-color: white; margin-top: 30px;} /* 250 */ #statisticsdv p{width: 100%; padding: 10px 1rem; margin-top: 0;} /* tables.css */ /* 251 */ #statisticsdv br{display: none;} /* 252 */ #statisticsdv form{padding: 10px 1rem; margin-bottom: 0;} /* 253 */ #statisticsdv form label{width: auto !important; display: inline-block !important;} /* 254 */ #statisticsdv form label:nth-child(5){margin-left: 100px;} /* 255 */ #statisticsdv form select{width: 20% !important; display: inline-block !important;} /* 256 */ #statisticsdv form input{width: 10% !important; display: inline-block !important;} /* 257 */ #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%);} /* 258 */ #statisticsdv h3{width: calc(100% - 40px);} /* 259 */ /* 260 */ .content_inner.reports{width: 60%; min-width: 800px;} /* 261 */ .reports form select{width: 20% !important; display: inline-block !important; font-size: 0.8rem;} /* 262 */ .reports form select#StartDateDay{width: 10% !important} /* 263 */ .reports form select#StartDateYear{width: 10% !important} /* 264 */ .reports form select#EndDateDay{width: 10% !important} /* 265 */ .reports form select#EndDateYear{width: 10% !important} /* 266 */ .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%);} /* 267 */ .content_inner.reports table{width: 80%} /* 268 */ .content_inner.reports table tbody th{text-align: left; padding: 10px;} /* 269 */ .content_inner.reports table tfoot th{text-align: left; padding: 10px;} /* 270 */ .content_inner.reports hr{width: 80%; margin: 0;} /* 271 */ /* 272 */ .mentors-student-list fieldset{padding: 0; border-top: none;} /* 273 */ .mentors-student-list table{margin: 0;} /* 274 */ /* 275 */ form.editform.student-reject-form{width: 100%;} /* 276 */ /* 277 */ #index form fieldset{margin: 0; padding: 0; border-top: none; width: 100%;} /* 278 */ #index form fieldset table{margin: 0; border-top: 20px solid #EAEAEA; width: 100%;} /* 279 */ /* 280 */ .principaledit #classgroupsdv table{margin-top: 40px !important;} /* 281 */ .principaledit #studentsdv table{margin-top: 40px !important;} /* 282 */ /* 283 */ form#studentaddtocourseform table#addstudentstogroup {width:95%;} /* 284 */ form#studentaddtocourseform table#addstudentstogroup .col1 {width:25%;} /* 285 */ form#studentaddtocourseform table#addstudentstogroup .col2 {width:9%;} /* 286 */ form#studentaddtocourseform table#addstudentstogroup .col3 {width:4%;} /* 287 */ form#studentaddtocourseform table#addstudentstogroup .col4 {width:8%;} /* 288 */ form#studentaddtocourseform table#addstudentstogroup .col5 {width:11%;} /* 289 */ form#studentaddtocourseform table#addstudentstogroup .col6 {width:5%;} /* 290 */ form#studentaddtocourseform table#addstudentstogroup .col7 {width:10%;} /* 291 */ /* 292 */ 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} /* 293 */ form#studentaddtocourseform table#addstudentstogroup tr.studentrow td.studentname {text-align:left;} /* 294 */ form#studentaddtocourseform table#addstudentstogroup tr.classrow td {background:#f3f1f1; line-height:1em; text-align:center; height:10px; padding:8px 0 5px 5px !important;} /* 295 */ form#studentaddtocourseform table#addstudentstogroup tr.classrow td * {} /* 296 */ form#studentaddtocourseform table#addstudentstogroup tr.classrow td input {margin:0 !important; padding:0 !important;} /* 297 */ form#studentaddtocourseform table#addstudentstogroup tr.classrow td select {margin:0 !important; padding:0 !important;} /* 298 */ form#studentaddtocourseform table#addstudentstogroup tr.classrow td.classname {text-align:left;} /* 299 */ form#studentaddtocourseform table input[type="checkbox"] {width:120px !important;} /* 300 */ form#studentaddtocourseform .button {right:0;} /* tables.css */ /* 301 */ form#studentaddtocourseform table .selectpackoptions {width:100px !important;} /* 302 */ /* 303 */ form#studentaddtocourseform table#addstudentstogroup tr td#fulltotal {text-align:center;} /* 304 */ /* 305 */ 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; } /* 306 */ form#studentaddtocourseform table#addstudentstogroup td.selectall input {cursor:pointer; width:20px; margin:0 !important;} /* 307 */ /* 308 */ form#studentaddtocourseform table#addstudentstogroup td span#postage {width:40px !important;} /* 309 */ /* 310 */ form#studentaddtocourseform table#addstudentstogroup td #fulltotal {width: 100%; display: block; text-align: center;} /* 311 */ /* 312 */ /* 313 */ /* New Style Add Students To Class */ /* 314 */ #studentaddtocourseform {width:90%;} /* 315 */ #addstudentwrapper {margin-top:20px; position:relative;} /* 316 */ #addstudentwrapper .hidden {display:none; visibility:hidden;} /* 317 */ #addstudentwrapper #addstudentleft { width:45%; padding:0 !important; position:absolute; background:#fff;} /* 318 */ #addstudentwrapper #addstudentleft label {cursor:pointer;} /* 319 */ /* 320 */ #addstudentwrapper #addstudentleft #tableoverflow {height:400px; overflow:auto; margin-top: 25px;} /* 321 */ #addstudentwrapper #addstudentleft #tableoverflow input#selectall {position: relative; top:0;} /* 322 */ #addstudentwrapper #addstudentleft #tableoverflow table {width:100%; padding:0; margin:0;} /* 323 */ #addstudentwrapper #addstudentleft #tableoverflow table tr.hidden {display: none} /* 324 */ #addstudentwrapper #addstudentleft form input.button {margin:60px 20px -60px 0 !important;} /* 325 */ #addstudentwrapper #addstudentleft td.schoolname label{word-break: break-all;} /* 326 */ /* 327 */ #addstudentwrapper #addstudentleft #tableoverflow #studmergecol1{width: 30%;} /* 328 */ #addstudentwrapper #addstudentleft #tableoverflow #studmergecol2{width: 60%;} /* 329 */ #addstudentwrapper #addstudentleft #tableoverflow #studmergecol3{width: 10%} /* 330 */ /* 331 */ #addstudentwrapper #addstudentright {width:45%; margin-left:50%; padding-top: 0;} /* 332 */ #addstudentwrapper #addstudentright form {width:100%;} /* 333 */ #addstudentwrapper #addstudentright form>p {font-size:0.8rem; font-weight:600} /* 334 */ #addstudentwrapper #addstudentright form.hidden {display:none;} /* 335 */ #addstudentwrapper #addstudentright form input.button {right:-20px !important; font-size: 0.8rem;} /* 336 */ /* 337 */ #addstudentwrapper #addstudentleft #tableforminputs {width:100%} /* 338 */ #addstudentwrapper #addstudentleft #tableforminputs input.button {width:auto !important} /* 339 */ /* 340 */ form#studentstoadd {padding:10px !important; background:#fff} /* 341 */ form#studentstoadd h2 {margin-top:0; border-bottom: 1px solid #CCCCCC; font-size:1.4em;} /* 342 */ /* 343 */ #studentinputs {height:440px; overflow:auto; margin-top:0;} /* 344 */ .page-manualmerge #studentinputs {height:150px;} /* 345 */ /* 346 */ #studentinputs p {border-bottom:1px solid #ccc; padding-bottom:3px; width: 100%;} /* 347 */ #studentinputs p span.studentremove {float:right; cursor:pointer;} /* 348 */ /* 349 */ #studentfilter {padding-left:10px; padding-top:20px; height:100px;} /* 350 */ #studentfilter div { width:200px; float:left;} /* tables.css */ /* 351 */ #studentfilter div input {width:180px;} /* 352 */ /* 353 */ .manualmerge-stage2 table .col1 {width:25%} /* 354 */ .manualmerge-stage2 table .col2 {width:25%} /* 355 */ .manualmerge-stage2 table .col3 {width:25%} /* 356 */ .manualmerge-stage2 table .col4 {width:25%} /* 357 */ /* 358 */ .manualmerge-stage2 .hidden {display:none; visibility:hidden;} /* 359 */ .manualmerge-stage2 .primaryrecord td {font-weight:600; background:#00af00; color:#fff} /* 360 */ .manualmerge-stage2 tr td.studentemail span {display:inline-block; word-wrap: break-word; width:120px;} /* 361 */ /* 362 */ table#conversations tr.unread td{background-color: #F9F4A7; font-weight: bold;} /* 363 */ /* 364 */ .homeworkfilewarning {background:yellow; font-weight:600; padding:10px; margin:0; display:inline-block; width:auto !important;} /* 365 */ /* 366 */ @media screen and (max-width: 1200px) { /* 367 */ table{min-width: 0; width: 100%;} /* 368 */ table tr td:last-child{white-space: normal;} /* 369 */ table tr td.no-break{white-space: nowrap;} /* 370 */ /* 371 */ table#courseunitsviewtable{min-width: 0; width: 100%;} /* 372 */ /* 373 */ #feedbackdv table{width: 100%; min-width: 0px;} /* 374 */ #homeworkdv table{width: 100%; min-width: 0px;} /* 375 */ /* 376 */ table#courseunitsprogresstable{min-width: 0; width: 100%;} /* 377 */ /* 378 */ #unitsdv .button{width: 170px !important;} /* 379 */ #courseunitsmarkcompletedform input.button{right: 690px;} /* 380 */ #addnotelink{right: 870px} /* 381 */ /* 382 */ .dashboard-fourpanel-layout div{font-size: 0.7rem;} /* 383 */ .dashboard-fourpanel-layout div:first-child{font-size: 1.2rem} /* 384 */ .dashboard-fourpanel-layout__alerts div{max-height: 16px; padding-left: 60px; width: calc(48% - 60px);} /* 385 */ .dashboard-fourpanel-layout__alerts div::before{width: 50px;} /* 386 */ .dashboard-fourpanel-layout__alerts div:first-child{font-size: 0.7rem;} /* 387 */ } /* 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 */ ul.paging::before{content: "Pages: "; } /* 26 */ ul.paging li{display: inline-block; margin-left: 0.5rem; } /* 27 */ /* 28 */ p#currentsearch{font-size: 0.8rem; margin-top: 0;} /* 29 */ p#currentsearch strong{font-weight: 600;} /* 30 */ /* 31 */ #rightcol{position: fixed; bottom: 0; left: 200px; padding: 0; background-color: #EF4D9B; width: calc(100% - 200px); margin-left: 0; text-align: right; z-index: 100} /* 32 */ #rightcol .addlink {position: relative; margin: 15px 20px; display: inline-block; min-width: 0; width: auto;} /* 33 */ #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;} /* 34 */ /* 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: #BE583C;} /* 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 */ .editform fieldset{padding-bottom: 25px;} /* 22 */ .editform fieldset.empty{display: none} /* 23 */ /* 24 */ form.editform fieldset div select.dateday{display: inline-block !important; width: 20% !important; min-width: 0; padding: 5px 0;} /* 25 */ form.editform fieldset div select.datemonth{display: inline-block !important; width: 42% !important; min-width: 0; padding: 5px 0;} /* 26 */ form.editform fieldset div select.dateyear{display: inline-block !important; width: 35% !important; min-width: 0; padding: 5px 0; } /* 27 */ /* 28 */ .editform input.button{margin: 0 0 0 25% !important; width: 50% !important;} /* 29 */ .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; } /* 30 */ .editform input.cancelbutton:hover{background-color: #555; transition: 0.5s background-color;} /* 31 */ /* 32 */ .editform textarea{border: 1px solid #CCC;} /* 33 */ /* 34 */ .checkboxdiv {border-bottom: 1px solid #F0F0F0; padding: 15px 0; position: relative; margin-bottom: 2rem;} /* 35 */ .checkboxdiv input{position: absolute; right: 0; width: auto !important; top: 12px;} /* 36 */ .checkboxdiv:hover{background-color: lightyellow} /* 37 */ /* 38 */ .datepickerimagediv{display: none; position: absolute; right: -1rem; top: auto; margin-top: -4.7rem; } /* 39 */ /* 40 */ .content_inner p.help{position: absolute; left: 850px; background-color: #FFF; padding: 20px; border-left: 10px solid red;} /* 41 */ .content_inner p.help::before{content: "Help"; display: block; margin-bottom: 1rem; font-weight: bold; text-transform: uppercase; } /* 42 */ /* 43 */ .content_inner p.help + h3{max-width: 550px} /* 44 */ /* 45 */ .content_inner form.editform p.help{position: absolute; left: 600px; margin-top: -30px; background-color: #FFF; padding: 20px; border-left: 10px solid red;} /* 46 */ .content_inner form.editform p.help::before{content: "Help"; display: block; margin-bottom: 1rem; font-weight: bold; text-transform: uppercase; } /* 47 */ /* 48 */ #packspurchasedlicencetable{display: none;} /* 49 */ /* 50 */ .placeholderimg {padding: 5px 0 0 0; font-size: 0.6rem; position: absolute; right: 25px; cursor: pointer; z-index: 100; margin-top: -1.2rem;} /* edit.css */ /* 51 */ .placeholdernote {cursor:pointer;} /* 52 */ /* 53 */ .checkboxdiv .placeholderimg {top: auto; bottom: 0; right: auto; left: 0; margin-top: 0;} /* 54 */ /* 55 */ .helptext {position:absolute; left:0; color: #fff; width: 172px; z-index: 13000; cursor:pointer; font-size: 11px; padding: 4px 8px 8px;} /* 56 */ /* 57 */ .editform small{font-size: 0.6rem;} /* 58 */ /* 59 */ .editform .textarea--sectionbreak{margin-bottom: 70px !important;} /* 60 */ .editform .input--sectionbreak{margin-bottom: 70px !important;} /* 61 */ /* 62 */ .tableandhelp table{width: 60%;} /* 63 */ .tableandhelp p.help{left: 67%; width: 20%; top: 113px;} /* 64 */ /* 65 */ .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;} /* 66 */ .editform p.remove-image-control:hover{background-color: #555; transition: 0.5s background-color;} /* 67 */ /* 68 */ .content_inner div.courseintroduction{position: absolute; left: 70%; margin-top: 20px; background-color: #FFF; padding: 20px; border-left: 10px solid #333; width: 25%;} /* 69 */ .content_inner div.courseintroduction::before{content: "Introduction"; display: block; margin-bottom: 1rem; font-weight: bold; text-transform: uppercase; } /* 70 */ .content_inner div.courseintroduction p{min-width: 0; width: auto;} /* 71 */ /* 72 */ .editform#course-student-alerts{width: 100%;} /* 73 */ /* 74 */ .webinars--note{margin-top: 0;} /* 75 */ /* 76 */ .webinars{width: calc(100% - 10px); min-width: 770px; border: 10px solid #d92314; background: #fff; margin: 20px 0 10px -10px; padding: 0;} /* 77 */ .webinars--fullwidth{width: calc(100% - 20px); border: none; padding: 10px; margin-left: 0;} /* 78 */ .webinars__dateheading{margin: 20px 0 14px 10px;} /* 79 */ .webinars__dateheading h2{margin: 0; color: #D92314;} /* 80 */ .webinars__webinar{display: flex; justify-content: space-between; align-items: center;} /* 81 */ .webinars__webinar:hover{background-color: #FFFBCC;} /* 82 */ .webinars__webinar__date{padding: 0 20px 0 10px; min-width: 140px; margim: 0;} /* 83 */ .webinars__webinar__heading{font-size: 1.17em; flex-grow: 1; text-align: left; min-width: unset !important; width: auto !important; margin: 0;} /* 84 */ .webinars__webinar__class-heading{font-size: 1.17em; margin: 0; min-width: 200px !important; width: auto !important; padding: 0 30px 0 0;} /* 85 */ .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;} /* 86 */ .webinars__webinar__link:hover{background-color: #D92314;} /* 87 */ /* 88 */ .active-webinars::after{content: ""; display: block; border-radius: 10px; width: 15px; height: 15px; background-color: red; position: absolute; top: 4px; right: 4px;} /* 89 */ /* 90 */ @media screen and (max-width: 1600px) { /* 91 */ .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;} /* 92 */ .content_inner form.editform p.help::before{content: "Help"; display: block; margin-bottom: 1rem; font-weight: bold; text-transform: uppercase; } /* 93 */ /* 94 */ .content_inner div.courseintroduction{position: relative; left: auto; border-left: none; width: calc(100% - 40px);} /* 95 */ /* 96 */ .tableandhelp table{width: 100%;} /* 97 */ .tableandhelp p.help{position: relative; left: auto; width: calc(100% - 50px); top: auto; min-width: 0;} /* 98 */ /* 99 */ .webinars{width: calc(100% - 10px); min-width: unset;} /* 100 */ } /* 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: #BE583C; background-color: #BE583C; 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 .c6 table{width: 100%; border: none;} /* 18 */ form.editform.publicregistrationform .c6 table tr td{padding: 0; background-color: transparent;} /* 19 */ form.editform.publicregistrationform .c6 .button{bottom: 0; right: 0; margin: 0 !important; position: absolute; width: 250px !important;} /* 20 */ 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;} /* 21 */ form.editform.publicregistrationform .c6 label a{display: none;} /* 22 */ form.editform.publicregistrationform .c6 input[type=checkbox]{width: 20px !important; height: 20px;} /* 23 */ /* 24 */ form.editform.publicregistrationform .c6 select.dateday{width: 20% !important; display: inline-block !important;} /* 25 */ form.editform.publicregistrationform .c6 select.datemonth{width: 50% !important; display: inline-block !important;} /* 26 */ form.editform.publicregistrationform .c6 select.dateyear{width: 30% !important; display: inline-block !important;} /* 27 */ /* 28 */ div.terms p{margin-bottom: 60px !important;} /* 29 */ /* 30 */ #CRBDisclosureDate_datepicker{display: none; position: absolute; right: 10%; margin-top: -80px;} /* 31 */ #DOB_datepicker{display: none; position: absolute; right: 10%; margin-top: -80px;} /* 32 */ #AjaxCourseLookupMessage{margin-bottom: 40px;} /* resize.css */ /* 1 */ @media screen and (max-width: 800px) { /* 2 */ #content.hoversearch #searchholder{height: 220px !important; } /* 3 */ #searchholder form{padding-right: 0; text-align: left; width: 100%; padding: 0; margin: 0 0 20px 0;} /* 4 */ #searchholder label, #searchholder input, #searchholder select{margin: 0 5%; width: 90% !important; max-width: 90% !important; display: inline-block !important; padding: 5px 0;} /* 5 */ #searchholder label{margin-top: 10px;} /* 6 */ #searchholder label:first-child{margin-top: 0px;} /* 7 */ #searchholder input.button{top: auto; bottom: 20px;} /* 8 */ /* 9 */ #searchholder{transition: none} /* 10 */ #content.hoversearch #searchholder{transition: none} /* 11 */ /* 12 */ #login {width:100%} /* 13 */ #login p {padding:0 10px} /* 14 */ #login #login_form {width:100%} /* 15 */ #login .registrationlinks {width:90%} /* 16 */ #login .registrationlinks {margin:0; padding:0 0 0 15px;} /* 17 */ #login .registrationlinks ul li {width:90%} /* 18 */ } /* 19 */ /* 20 */ @media screen and (max-width: 600px) { /* 21 */ body {padding-left: 0; width: 100%} /* 22 */ #masthead {min-height: auto; text-align: center; padding-bottom: 20px; padding-top: 10px; position: relative; width: 100%;} /* 23 */ #masthead h1 img{width: 50%; margin: 0 auto;} /* 24 */ /* 25 */ #masthead #mainmenu {} /* 26 */ #masthead #mainmenu li{border-left: none; width:100%;} /* 27 */ #masthead #mainmenu li a{padding-left: 10px;} /* 28 */ /* 29 */ #footer p{text-align: center;} /* 30 */ /* 31 */ #masthead #menu ul{margin: 0;padding: 0;} /* 32 */ /* 33 */ #masthead #loggedinas {position:absolute !important; top:0px; left:0px !important; height: 50px;} /* 34 */ #masthead #reportbug {position:absolute !important; top:0px; right: 0px !important; left:auto !important; height: 50px;} /* 35 */ /* 36 */ #contactprospect{display: none;} /* 37 */ /* 38 */ .progression-dashboard-course {width:100% !important;} /* 39 */ .progression-option-description {width:94% !important; right: auto !important; left: 0 !important;} /* 40 */ /* 41 */ .progression-dashboard-right .progression-dashboard-course {width:94% !important;} /* 42 */ /* 43 */ #index #tabbedsearch div{width: 100%;} /* 44 */ /* 45 */ .dashboard-fourpanel-layout{width: 100%;} /* 46 */ .dashboard-fourpanel-layout__alerts{width: 100%;} /* 47 */ /* 48 */ #content {border:0; padding:10px 0 0 0 !important; width:100% !important} /* 49 */ .content_inner p {width:98% !important; min-width: 100px; padding-left:10px;} /* 50 */ .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;} /* resize.css */ /* 51 */ /* 52 */ #pageheader h2 {padding:27px 50px 27px 5px;} /* 53 */ body.usertype-student #pageheader h2 {font-size:1.2rem} /* 54 */ body.usertype-student h3.editheader {font-size:1.1rem !important; width:auto !important; padding-left:10px} /* 55 */ /* 56 */ body.usertype-student table#courseunitsviewtable tbody tr.unitrow:first-child td {font-size:0.9rem !important} /* 57 */ body.usertype-student table#courseunitsviewtable tr.unitrow td {font-size:0.9rem !important} /* 58 */ body.usertype-student table#courseunitsviewtable tbody tr.topicrow td {font-size:0.8rem !important} /* 59 */ /* 60 */ .message-teacher-link{margin-top: 5px;} /* 61 */ /* 62 */ #tabmenu {padding:0; margin:0; } /* 63 */ /* 64 */ form.editform {width:100% !important; min-width:200px !important;} /* 65 */ /* 66 */ .tablesearch-overlay-inner {width:80% !important;} /* 67 */ /* 68 */ #rightcol {width:100% !important; left:0 !important;} /* 69 */ #rightcol p.addlink {width:auto !important;} /* 70 */ /* 71 */ .viewpage #unitsdv {border-left:0 !important;} /* 72 */ /* 73 */ table#courseunitsviewtable tr.unitrow td {border-top:20px solid #EAEAEA;} /* 74 */ /* 75 */ .conversationmessage {width:90% !important;} /* 76 */ /* 77 */ body.usertype-student table tr td:first-child {display:none;} /* 78 */ body.usertype-student table tr th:first-child {display:none;} /* 79 */ /* 80 */ table.student-qualifications, /* 81 */ table.student-qualifications thead, /* 82 */ table.student-qualifications tbody, /* 83 */ table.student-qualifications th, /* 84 */ table.student-qualifications td, /* 85 */ table.student-qualifications tr { display: block; } /* 86 */ /* 87 */ table.student-qualifications thead tr {position: absolute; top: -9999px; left: -9999px;} /* 88 */ table.student-qualifications tr { border: 1px solid #ccc; } /* 89 */ table.student-qualifications td {border: none; border-bottom: 1px solid #eee; position: relative; padding-left: 50%;} /* 90 */ table.student-qualifications td:before {position: absolute; top: 6px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap; font-weight:600} /* 91 */ /* 92 */ table.student-qualifications tr td:first-child {display:block;} /* 93 */ table.student-qualifications td:nth-of-type(1):before { content: "Qualification Date"; } /* 94 */ table.student-qualifications td:nth-of-type(2):before { content: "Status"; } /* 95 */ table.student-qualifications td:nth-of-type(3):before { content: "Description"; } /* 96 */ table.student-qualifications td:nth-of-type(4):before { content: "CPD Required"; } /* 97 */ table.student-qualifications td:nth-of-type(5):before { content: "CPD Completed"; } /* 98 */ table.student-qualifications td:nth-of-type(6):before { content: "CPD Outstanding"; } /* 99 */ table.student-qualifications td:nth-of-type(7):before { content: "Expiry Date"; } /* 100 */ table.student-qualifications td:nth-of-type(8):before { content: "Evidence"; } /* resize.css */ /* 101 */ table.student-qualifications td:nth-of-type(9):before { content: "Action"; } /* 102 */ } /* 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 */ .coachcymru-dashboard-links {width: calc(100% - 20px); background-color: #FFF; margin-bottom: 20px; padding: 10px; position: relative;} /* 4 */ .coachcymru-dashboard-links h3{margin-top: 0;} /* 5 */ .coachcymru-dashboard-links p{width: 100%; max-width: 900px; min-width: 0;} /* 6 */ .coachcymru-dashboard-links .club-hub-links{position: absolute; top: 30px; right: 0px;} /* 7 */ /* 8 */ .coachcymru--button{background-color: #BE583C; color: #FFF; padding: 10px; border-radius: 10px; text-decoration: none; margin: 20px !important;} /* 9 */ .coachcymru--button:hover{text-decoration: underline} /* 10 */ /* 11 */ /* 12 */ .progression-dashboard { position: relative;} /* 13 */ .progression-dashboard-left {padding: 0 10px; display: inline-block; height: 100%; min-height: 1200px; width: 75%; vertical-align: top; background-color: #FFF;} /* 14 */ .progression-dashboard-left h3 {margin: 30px 0 10px 0 !important; padding: 0; font-weight: 600;} /* 15 */ .progression-dashboard-left h3:first-child{margin-top: 10px !important} /* 16 */ .progression-dashboard-right {background: #cfcfcf; padding: 10px 0; display: inline-block; height: calc(100% - 20px); width: 25%; vertical-align: top; position: absolute; right: 0; text-align: center;} /* 17 */ .progression-dashboard-right h3{display: none;} /* 18 */ /* 19 */ .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;} /* 20 */ .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;} /* 21 */ .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;} /* 22 */ .progression-dashboard-right .progression-dashboard-course {display: block; margin-bottom: 20px; margin: 75px auto 0 auto; width: 80%; } /* 23 */ .progression-dashboard-right .progression-dashboard-course:nth-child(2){margin-top: 37px !important;} /* 24 */ /* 25 */ .progression-level{margin-top: 30px;} /* 26 */ .progression-level:first-child{margin-top: 0;} /* 27 */ /* 28 */ .progression-dashboard-course .status {position: absolute; bottom:2px; right:10px; z-index:3; display:block; width:15px; height:15px;} /* 29 */ .progression-dashboard-course .status-completed {background:url('../images/progression/completed.png') no-repeat left top;} /* 30 */ .progression-dashboard-course .status-locked {background:url('../images/progression/locked.png') no-repeat left top;} /* 31 */ .progression-dashboard-course .status-unlocked {background:url('../images/progression/unlocked.png') no-repeat left top;} /* 32 */ .progression-dashboard-course.hasactivecourse .status-unlocked {background:url('../images/progression/unlocked_active.png') no-repeat left top;} /* 33 */ /* 34 */ /* 35 */ .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;} /* 36 */ .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;} /* 37 */ .progression-option-description h5{font-size:1.3rem; margin: 0 0 1rem 0; font-weight: 600} /* 38 */ /* 39 */ .progression-dashboard-right .progression-option-description {right:auto; left:-420px;} /* 40 */ /* 41 */ .progression-buttons {text-align: center;} /* 42 */ .progression-buttons .progression-buynow {cursor:pointer; background:#0f7b37; color:#fff; display:inline-block; padding:10px; width:40%; text-align: center; text-decoration:none; margin: 20px auto 0 auto;} /* 43 */ .progression-buttons .progression-buttonlink {cursor:pointer; background:#0f7b37; color:#fff; display:inline-block; padding:10px; width:40%; text-align: center; text-decoration:none; margin: 20px auto 0 auto;} /* 44 */ /* 45 */ .active-courses {margin:30px 0;} /* 46 */ .active-courses p {width: 100%; font-size:0.9rem; margin: 0 0 10px 0; min-width: 200px;} /* 47 */ .active-courses a {color:#07b748} /* 48 */ .active-courses ul {list-style:none; padding:0; margin:0;} /* 49 */ /* 50 */ .progression-unlocked .mask {display: none;} /* progression.css */ /* 51 */ .progression-completed .mask {display: none;} /* 52 */ .progression-completed h4 {background:#0f7b37;} /* 53 */ /* 54 */ .progression-leaders {background:url('../images/progression/leaders.jpg') no-repeat left top;} /* 55 */ .progression-residential {background:url('../images/progression/residential.jpg') no-repeat left top;} /* 56 */ .progression-goalkeepers {background:url('../images/progression/goalkeepers.jpg') no-repeat left top;} /* 57 */ .progression-transition {background:url('../images/progression/transition.jpg') no-repeat left top;} /* 58 */ .progression-reassessment {background:url('../images/progression/reassessment.jpg') no-repeat left top;} /* 59 */ .progression-disability {background:url('../images/progression/disability.jpg') no-repeat left top;} /* 60 */ .progression-onlinemodules {background:url('../images/progression/onlinemodules.jpg') no-repeat left top;} /* 61 */ .progression-parentcoach {background:url('../images/progression/parentcoach.jpg') no-repeat left top;} /* 62 */ /* 63 */ .transition-level2 {background-image:url('../images/progression/transition-level2.jpg') !important;} /* 64 */ .faw-c-certificate {background-image:url('../images/progression/faw-c-certificate.jpg') !important;} /* 65 */ .faw-safeguarding {background-image:url('../images/progression/faw-safeguarding.jpg') !important;} /* 66 */ .faw-uefa-a-licence {background-image:url('../images/progression/faw-uefa-a-licence.jpg') !important;} /* 67 */ .faw-uefa-b-licence {background-image:url('../images/progression/faw-uefa-b-licence.jpg') !important;} /* 68 */ .faw-uefa-pro-licence {background-image:url('../images/progression/faw-uefa-pro-licence.jpg') !important;} /* 69 */ .football-leaders {background-image:url('../images/progression/football-leaders.jpg') !important;} /* 70 */ .futsal-award {background-image:url('../images/progression/futsal-award.jpg') !important;} /* 71 */ .grassroots-conference {background-image:url('../images/progression/grassroots-conference.jpg') !important;} /* 72 */ .national-conference {background-image:url('../images/progression/national-conference.jpg') !important;} /* 73 */ .reassessment-day {background-image:url('../images/progression/reassessment-day.jpg') !important;} /* 74 */ .residential-level2 {background-image:url('../images/progression/residential-level2.jpg') !important;} /* 75 */ .residential-level3 {background-image:url('../images/progression/residential-level3.jpg') !important;} /* 76 */ .residential-level4 {background-image:url('../images/progression/residential-level4.jpg') !important;} /* 77 */ .revalidation-workshop {background-image:url('../images/progression/revalidation-workshop.jpg') !important;} /* 78 */ .goalkeepers-level3 {background-image:url('../images/progression/goalkeepers-level3.jpg') !important;} /* 79 */ .huddle {background-image:url('../images/progression/huddle.jpg') !important;} /* 80 */ .progression-football-leaders-online {background-image:url('../images/progression/faw-online.jpg') !important;} /* 81 */ /* 82 */ .option-width1 {} /* 83 */ .option-width2 {width: calc(38% + 4px);} /* 84 */ .option-width3 {width: calc(57% + 8px);} /* 85 */ /* 86 */ @media screen and (max-width: 1555px) { /* 87 */ .progression-dashboard-course h4 {font-size: 0.8rem !important;} /* 88 */ .progression-dashboard-course .status-locked{right: 2px; bottom: 1px;} /* 89 */ .progression-dashboard-course {min-width: 185px} /* 90 */ } /* 91 */ /* 92 */ @media screen and (max-width: 1100px) { /* 93 */ .progression-dashboard-right{position: relative; width: 100%; padding-top: 0;} /* 94 */ .progression-dashboard-right .progression-dashboard-course{width: 30%; display: inline-block; margin: 0;} /* 95 */ .progression-dashboard-left{width: calc(100% - 20px); } /* 96 */ .progression-dashboard-right .progression-dashboard-course:nth-child(2){margin-top: 20px !important;} /* 97 */ .coachcymru-dashboard-links .club-hub-links{position: relative; top: auto; right: auto;} /* 98 */ } /* 99 */