@font-face {
     font-family: "FontAwesome";
     src: url("../../assets/font/09102020/fontawesome-webfont.eot");
     src: url("../../assets/font/09102020/fontawesome-webfont.eo") format("embedded-opentype"), url("../../assets/font/09102020/fontawesome-webfont.woff2") format("woff2"), url("../../assets/font/09102020/fontawesome-webfont.woff") format("woff"), url("../../assets/font/09102020/fontawesome-webfont-r.ttf") format("truetype"), url("../../assets/svg/fontawesome-webfont-r.svg") format("svg");
     font-weight: normal;
     font-style: normal;
 }
 
 a:hover {
     text-decoration: none !important;
 }
 
 .r_footer__list a:hover {
     text-decoration: none;
 }
 
 .fa {
     display: inline-block;
     font: normal normal normal 14px/1 FontAwesome;
     font-size: inherit;
     text-rendering: auto;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
 }
 
 .fa-lg {
     font-size: 1.33333333em;
     line-height: 0.75em;
     vertical-align: -15%;
 }
 
 .fa-2x {
     font-size: 2em;
 }
 
 .fa-3x {
     font-size: 3em;
 }
 
 .fa-4x {
     font-size: 4em;
 }
 
 .fa-5x {
     font-size: 5em;
 }
 
 .fa-fw {
     width: 1.28571429em;
     text-align: center;
 }
 
 .fa-ul {
     padding-left: 0;
     margin-left: 2.14285714em;
     list-style-type: none;
 }
 
 .fa-ul>li {
     position: relative;
 }
 
 .fa-li {
     position: absolute;
     left: -2.14285714em;
     width: 2.14285714em;
     top: 0.14285714em;
     text-align: center;
 }
 
 .fa-li.fa-lg {
     left: -1.85714286em;
 }
 
 .fa-border {
     padding: 0.2em 0.25em 0.15em;
     border: solid 0.08em #eee;
     border-radius: 0.1em;
 }
 
 .fa-pull-left {
     float: left;
 }
 
 .fa-pull-right {
     float: right;
 }
 
 .fa.fa-pull-left {
     margin-right: 0.3em;
 }
 
 .fa.fa-pull-right {
     margin-left: 0.3em;
 }
 
 .pull-right {
     float: right;
 }
 
 .pull-left {
     float: left;
 }
 
 .fa.pull-left {
     margin-right: 0.3em;
 }
 
 .fa.pull-right {
     margin-left: 0.3em;
 }
 
 .fa-spin {
     -webkit-animation: fa-spin 2s infinite linear;
     animation: fa-spin 2s infinite linear;
 }
 
 .fa-pulse {
     -webkit-animation: fa-spin 1s infinite steps(8);
     animation: fa-spin 1s infinite steps(8);
 }
 
 @-webkit-keyframes fa-spin {
     0% {
         -webkit-transform: rotate(0deg);
         transform: rotate(0deg);
     }
     100% {
         -webkit-transform: rotate(359deg);
         transform: rotate(359deg);
     }
 }
 
 @keyframes fa-spin {
     0% {
         -webkit-transform: rotate(0deg);
         transform: rotate(0deg);
     }
     100% {
         -webkit-transform: rotate(359deg);
         transform: rotate(359deg);
     }
 }
 
 .fa-rotate-90 {
     -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
     -webkit-transform: rotate(90deg);
     -ms-transform: rotate(90deg);
     transform: rotate(90deg);
 }
 
 .fa-rotate-180 {
     -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
     -webkit-transform: rotate(180deg);
     -ms-transform: rotate(180deg);
     transform: rotate(180deg);
 }
 
 .fa-rotate-270 {
     -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
     -webkit-transform: rotate(270deg);
     -ms-transform: rotate(270deg);
     transform: rotate(270deg);
 }
 
 .fa-flip-horizontal {
     -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
     -webkit-transform: scale(-1, 1);
     -ms-transform: scale(-1, 1);
     transform: scale(-1, 1);
 }
 
 .fa-flip-vertical {
     -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
     -webkit-transform: scale(1, -1);
     -ms-transform: scale(1, -1);
     transform: scale(1, -1);
 }
 
 :root .fa-rotate-90,
 :root .fa-rotate-180,
 :root .fa-rotate-270,
 :root .fa-flip-horizontal,
 :root .fa-flip-vertical {
     filter: none;
 }
 
 .fa-stack {
     position: relative;
     display: inline-block;
     width: 2em;
     height: 2em;
     line-height: 2em;
     vertical-align: middle;
 }
 
 .fa-stack-1x,
 .fa-stack-2x {
     position: absolute;
     left: 0;
     width: 100%;
     text-align: center;
 }
 
 .fa-stack-1x {
     line-height: inherit;
 }
 
 .fa-stack-2x {
     font-size: 2em;
 }
 
 .fa-inverse {
     color: #fff;
 }
 
 .fa-glass:before {
     content: "\f000";
 }
 
 .fa-music:before {
     content: "\f001";
 }
 
 .fa-search:before {
     content: "\f002";
 }
 
 .fa-envelope-o:before {
     content: "\f003";
 }
 
 .fa-heart:before {
     content: "\f004";
 }
 
 .fa-star:before {
     content: "\f005";
 }
 
 .fa-star-o:before {
     content: "\f006";
 }
 
 .fa-user:before {
     content: "\f007";
 }
 
 .fa-film:before {
     content: "\f008";
 }
 
 .fa-th-large:before {
     content: "\f009";
 }
 
 .fa-th:before {
     content: "\f00a";
 }
 
 .fa-th-list:before {
     content: "\f00b";
 }
 
 .fa-check:before {
     content: "\f00c";
 }
 
 .fa-remove:before,
 .fa-close:before,
 .fa-times:before {
     content: "\f00d";
 }
 
 .fa-search-plus:before {
     content: "\f00e";
 }
 
 .fa-search-minus:before {
     content: "\f010";
 }
 
 .fa-power-off:before {
     content: "\f011";
 }
 
 .fa-signal:before {
     content: "\f012";
 }
 
 .fa-gear:before,
 .fa-cog:before {
     content: "\f013";
 }
 
 .fa-trash-o:before {
     content: "\f014";
 }
 
 .fa-home:before {
     content: "\f015";
 }
 
 .fa-file-o:before {
     content: "\f016";
 }
 
 .fa-clock-o:before {
     content: "\f017";
 }
 
 .fa-road:before {
     content: "\f018";
 }
 
 .fa-download:before {
     content: "\f019";
 }
 
 .fa-arrow-circle-o-down:before {
     content: "\f01a";
 }
 
 .fa-arrow-circle-o-up:before {
     content: "\f01b";
 }
 
 .fa-inbox:before {
     content: "\f01c";
 }
 
 .fa-play-circle-o:before {
     content: "\f01d";
 }
 
 .fa-rotate-right:before,
 .fa-repeat:before {
     content: "\f01e";
 }
 
 .fa-refresh:before {
     content: "\f021";
 }
 
 .fa-list-alt:before {
     content: "\f022";
 }
 
 .fa-lock:before {
     content: "\f023";
 }
 
 .fa-flag:before {
     content: "\f024";
 }
 
 .fa-headphones:before {
     content: "\f025";
 }
 
 .fa-volume-off:before {
     content: "\f026";
 }
 
 .fa-volume-down:before {
     content: "\f027";
 }
 
 .fa-volume-up:before {
     content: "\f028";
 }
 
 .fa-qrcode:before {
     content: "\f029";
 }
 
 .fa-barcode:before {
     content: "\f02a";
 }
 
 .fa-tag:before {
     content: "\f02b";
 }
 
 .fa-tags:before {
     content: "\f02c";
 }
 
 .fa-book:before {
     content: "\f02d";
 }
 
 .fa-bookmark:before {
     content: "\f02e";
 }
 
 .fa-print:before {
     content: "\f02f";
 }
 
 .fa-camera:before {
     content: "\f030";
 }
 
 .fa-font:before {
     content: "\f031";
 }
 
 .fa-bold:before {
     content: "\f032";
 }
 
 .fa-italic:before {
     content: "\f033";
 }
 
 .fa-text-height:before {
     content: "\f034";
 }
 
 .fa-text-width:before {
     content: "\f035";
 }
 
 .fa-align-left:before {
     content: "\f036";
 }
 
 .fa-align-center:before {
     content: "\f037";
 }
 
 .fa-align-right:before {
     content: "\f038";
 }
 
 .fa-align-justify:before {
     content: "\f039";
 }
 
 .fa-list:before {
     content: "\f03a";
 }
 
 .fa-dedent:before,
 .fa-outdent:before {
     content: "\f03b";
 }
 
 .fa-indent:before {
     content: "\f03c";
 }
 
 .fa-video-camera:before {
     content: "\f03d";
 }
 
 .fa-photo:before,
 .fa-image:before,
 .fa-picture-o:before {
     content: "\f03e";
 }
 
 .fa-pencil:before {
     content: "\f040";
 }
 
 .fa-map-marker:before {
     content: "\f041";
 }
 
 .fa-adjust:before {
     content: "\f042";
 }
 
 .fa-tint:before {
     content: "\f043";
 }
 
 .fa-edit:before,
 .fa-pencil-square-o:before {
     content: "\f044";
 }
 
 .fa-share-square-o:before {
     content: "\f045";
 }
 
 .fa-check-square-o:before {
     content: "\f046";
 }
 
 .fa-arrows:before {
     content: "\f047";
 }
 
 .fa-step-backward:before {
     content: "\f048";
 }
 
 .fa-fast-backward:before {
     content: "\f049";
 }
 
 .fa-backward:before {
     content: "\f04a";
 }
 
 .fa-play:before {
     content: "\f04b";
 }
 
 .fa-pause:before {
     content: "\f04c";
 }
 
 .fa-stop:before {
     content: "\f04d";
 }
 
 .fa-forward:before {
     content: "\f04e";
 }
 
 .fa-fast-forward:before {
     content: "\f050";
 }
 
 .fa-step-forward:before {
     content: "\f051";
 }
 
 .fa-eject:before {
     content: "\f052";
 }
 
 .fa-chevron-left:before {
     content: "\f053";
 }
 
 .fa-chevron-right:before {
     content: "\f054";
 }
 
 .fa-plus-circle:before {
     content: "\f055";
 }
 
 .fa-minus-circle:before {
     content: "\f056";
 }
 
 .fa-times-circle:before {
     content: "\f057";
 }
 
 .fa-check-circle:before {
     content: "\f058";
 }
 
 .fa-question-circle:before {
     content: "\f059";
 }
 
 .fa-info-circle:before {
     content: "\f05a";
 }
 
 .fa-crosshairs:before {
     content: "\f05b";
 }
 
 .fa-times-circle-o:before {
     content: "\f05c";
 }
 
 .fa-check-circle-o:before {
     content: "\f05d";
 }
 
 .fa-ban:before {
     content: "\f05e";
 }
 
 .fa-arrow-left:before {
     content: "\f060";
 }
 
 .fa-arrow-right:before {
     content: "\f061";
 }
 
 .fa-arrow-up:before {
     content: "\f062";
 }
 
 .fa-arrow-down:before {
     content: "\f063";
 }
 
 .fa-mail-forward:before,
 .fa-share:before {
     content: "\f064";
 }
 
 .fa-expand:before {
     content: "\f065";
 }
 
 .fa-compress:before {
     content: "\f066";
 }
 
 .fa-plus:before {
     content: "\f067";
 }
 
 .fa-minus:before {
     content: "\f068";
 }
 
 .fa-asterisk:before {
     content: "\f069";
 }
 
 .fa-exclamation-circle:before {
     content: "\f06a";
 }
 
 .fa-gift:before {
     content: "\f06b";
 }
 
 .fa-leaf:before {
     content: "\f06c";
 }
 
 .fa-fire:before {
     content: "\f06d";
 }
 
 .fa-eye:before {
     content: "\f06e";
 }
 
 .fa-eye-slash:before {
     content: "\f070";
 }
 
 .fa-warning:before,
 .fa-exclamation-triangle:before {
     content: "\f071";
 }
 
 .fa-plane:before {
     content: "\f072";
 }
 
 .fa-calendar:before {
     content: "\f073";
 }
 
 .fa-random:before {
     content: "\f074";
 }
 
 .fa-comment:before {
     content: "\f075";
 }
 
 .fa-magnet:before {
     content: "\f076";
 }
 
 .fa-chevron-up:before {
     content: "\f077";
 }
 
 .fa-chevron-down:before {
     content: "\f078";
 }
 
 .fa-retweet:before {
     content: "\f079";
 }
 
 .fa-shopping-cart:before {
     content: "\f07a";
 }
 
 .fa-folder:before {
     content: "\f07b";
 }
 
 .fa-folder-open:before {
     content: "\f07c";
 }
 
 .fa-arrows-v:before {
     content: "\f07d";
 }
 
 .fa-arrows-h:before {
     content: "\f07e";
 }
 
 .fa-bar-chart-o:before,
 .fa-bar-chart:before {
     content: "\f080";
 }
 
 .fa-twitter-square:before {
     content: "\f081";
 }
 
 .fa-facebook-square:before {
     content: "\f082";
 }
 
 .fa-camera-retro:before {
     content: "\f083";
 }
 
 .fa-key:before {
     content: "\f084";
 }
 
 .fa-gears:before,
 .fa-cogs:before {
     content: "\f085";
 }
 
 .fa-comments:before {
     content: "\f086";
 }
 
 .fa-thumbs-o-up:before {
     content: "\f087";
 }
 
 .fa-thumbs-o-down:before {
     content: "\f088";
 }
 
 .fa-star-half:before {
     content: "\f089";
 }
 
 .fa-heart-o:before {
     content: "\f08a";
 }
 
 .fa-sign-out:before {
     content: "\f08b";
 }
 
 .fa-linkedin-square:before {
     content: "\f08c";
 }
 
 .fa-thumb-tack:before {
     content: "\f08d";
 }
 
 .fa-external-link:before {
     content: "\f08e";
 }
 
 .fa-sign-in:before {
     content: "\f090";
 }
 
 .fa-trophy:before {
     content: "\f091";
 }
 
 .fa-github-square:before {
     content: "\f092";
 }
 
 .fa-upload:before {
     content: "\f093";
 }
 
 .fa-lemon-o:before {
     content: "\f094";
 }
 
 .fa-phone:before {
     content: "\f095";
 }
 
 .fa-square-o:before {
     content: "\f096";
 }
 
 .fa-bookmark-o:before {
     content: "\f097";
 }
 
 .fa-phone-square:before {
     content: "\f098";
 }
 
 .fa-twitter:before {
     content: "\f099";
 }
 
 .fa-facebook-f:before,
 .fa-facebook:before {
     content: "\f09a";
 }
 
 .fa-github:before {
     content: "\f09b";
 }
 
 .fa-unlock:before {
     content: "\f09c";
 }
 
 .fa-credit-card:before {
     content: "\f09d";
 }
 
 .fa-feed:before,
 .fa-rss:before {
     content: "\f09e";
 }
 
 .fa-hdd-o:before {
     content: "\f0a0";
 }
 
 .fa-bullhorn:before {
     content: "\f0a1";
 }
 
 .fa-bell:before {
     content: "\f0f3";
 }
 
 .fa-certificate:before {
     content: "\f0a3";
 }
 
 .fa-hand-o-right:before {
     content: "\f0a4";
 }
 
 .fa-hand-o-left:before {
     content: "\f0a5";
 }
 
 .fa-hand-o-up:before {
     content: "\f0a6";
 }
 
 .fa-hand-o-down:before {
     content: "\f0a7";
 }
 
 .fa-arrow-circle-left:before {
     content: "\f0a8";
 }
 
 .fa-arrow-circle-right:before {
     content: "\f0a9";
 }
 
 .fa-arrow-circle-up:before {
     content: "\f0aa";
 }
 
 .fa-arrow-circle-down:before {
     content: "\f0ab";
 }
 
 .fa-globe:before {
     content: "\f0ac";
 }
 
 .fa-wrench:before {
     content: "\f0ad";
 }
 
 .fa-tasks:before {
     content: "\f0ae";
 }
 
 .fa-filter:before {
     content: "\f0b0";
 }
 
 .fa-briefcase:before {
     content: "\f0b1";
 }
 
 .fa-arrows-alt:before {
     content: "\f0b2";
 }
 
 .fa-group:before,
 .fa-users:before {
     content: "\f0c0";
 }
 
 .fa-chain:before,
 .fa-link:before {
     content: "\f0c1";
 }
 
 .fa-cloud:before {
     content: "\f0c2";
 }
 
 .fa-flask:before {
     content: "\f0c3";
 }
 
 .fa-cut:before,
 .fa-scissors:before {
     content: "\f0c4";
 }
 
 .fa-copy:before,
 .fa-files-o:before {
     content: "\f0c5";
 }
 
 .fa-paperclip:before {
     content: "\f0c6";
 }
 
 .fa-save:before,
 .fa-floppy-o:before {
     content: "\f0c7";
 }
 
 .fa-square:before {
     content: "\f0c8";
 }
 
 .fa-navicon:before,
 .fa-reorder:before,
 .fa-bars:before {
     content: "\f0c9";
 }
 
 .fa-list-ul:before {
     content: "\f0ca";
 }
 
 .fa-list-ol:before {
     content: "\f0cb";
 }
 
 .fa-strikethrough:before {
     content: "\f0cc";
 }
 
 .fa-underline:before {
     content: "\f0cd";
 }
 
 .fa-table:before {
     content: "\f0ce";
 }
 
 .fa-magic:before {
     content: "\f0d0";
 }
 
 .fa-truck:before {
     content: "\f0d1";
 }
 
 .fa-pinterest:before {
     content: "\f0d2";
 }
 
 .fa-pinterest-square:before {
     content: "\f0d3";
 }
 
 .fa-google-plus-square:before {
     content: "\f0d4";
 }
 
 .fa-google-plus:before {
     content: "\f0d5";
 }
 
 .fa-money:before {
     content: "\f0d6";
 }
 
 .fa-caret-down:before {
     content: "\f0d7";
 }
 
 .fa-caret-up:before {
     content: "\f0d8";
 }
 
 .fa-caret-left:before {
     content: "\f0d9";
 }
 
 .fa-caret-right:before {
     content: "\f0da";
 }
 
 .fa-columns:before {
     content: "\f0db";
 }
 
 .fa-unsorted:before,
 .fa-sort:before {
     content: "\f0dc";
 }
 
 .fa-sort-down:before,
 .fa-sort-desc:before {
     content: "\f0dd";
 }
 
 .fa-sort-up:before,
 .fa-sort-asc:before {
     content: "\f0de";
 }
 
 .fa-envelope:before {
     content: "\f0e0";
 }
 
 .fa-linkedin:before {
     content: "\f0e1";
 }
 
 .fa-rotate-left:before,
 .fa-undo:before {
     content: "\f0e2";
 }
 
 .fa-legal:before,
 .fa-gavel:before {
     content: "\f0e3";
 }
 
 .fa-dashboard:before,
 .fa-tachometer:before {
     content: "\f0e4";
 }
 
 .fa-comment-o:before {
     content: "\f0e5";
 }
 
 .fa-comments-o:before {
     content: "\f0e6";
 }
 
 .fa-flash:before,
 .fa-bolt:before {
     content: "\f0e7";
 }
 
 .fa-sitemap:before {
     content: "\f0e8";
 }
 
 .fa-umbrella:before {
     content: "\f0e9";
 }
 
 .fa-paste:before,
 .fa-clipboard:before {
     content: "\f0ea";
 }
 
 .fa-lightbulb-o:before {
     content: "\f0eb";
 }
 
 .fa-exchange:before {
     content: "\f0ec";
 }
 
 .fa-cloud-download:before {
     content: "\f0ed";
 }
 
 .fa-cloud-upload:before {
     content: "\f0ee";
 }
 
 .fa-user-md:before {
     content: "\f0f0";
 }
 
 .fa-stethoscope:before {
     content: "\f0f1";
 }
 
 .fa-suitcase:before {
     content: "\f0f2";
 }
 
 .fa-bell-o:before {
     content: "\f0a2";
 }
 
 .fa-coffee:before {
     content: "\f0f4";
 }
 
 .fa-cutlery:before {
     content: "\f0f5";
 }
 
 .fa-file-text-o:before {
     content: "\f0f6";
 }
 
 .fa-building-o:before {
     content: "\f0f7";
 }
 
 .fa-hospital-o:before {
     content: "\f0f8";
 }
 
 .fa-ambulance:before {
     content: "\f0f9";
 }
 
 .fa-medkit:before {
     content: "\f0fa";
 }
 
 .fa-fighter-jet:before {
     content: "\f0fb";
 }
 
 .fa-beer:before {
     content: "\f0fc";
 }
 
 .fa-h-square:before {
     content: "\f0fd";
 }
 
 .fa-plus-square:before {
     content: "\f0fe";
 }
 
 .fa-angle-double-left:before {
     content: "\f100";
 }
 
 .fa-angle-double-right:before {
     content: "\f101";
 }
 
 .fa-angle-double-up:before {
     content: "\f102";
 }
 
 .fa-angle-double-down:before {
     content: "\f103";
 }
 
 .fa-angle-left:before {
     content: "\f104";
 }
 
 .fa-angle-right:before {
     content: "\f105";
 }
 
 .fa-angle-up:before {
     content: "\f106";
 }
 
 .fa-angle-down:before {
     content: "\f107";
 }
 
 .fa-desktop:before {
     content: "\f108";
 }
 
 .fa-laptop:before {
     content: "\f109";
 }
 
 .fa-tablet:before {
     content: "\f10a";
 }
 
 .fa-mobile-phone:before,
 .fa-mobile:before {
     content: "\f10b";
 }
 
 .fa-circle-o:before {
     content: "\f10c";
 }
 
 .fa-quote-left:before {
     content: "\f10d";
 }
 
 .fa-quote-right:before {
     content: "\f10e";
 }
 
 .fa-spinner:before {
     content: "\f110";
 }
 
 .fa-circle:before {
     content: "\f111";
 }
 
 .fa-mail-reply:before,
 .fa-reply:before {
     content: "\f112";
 }
 
 .fa-github-alt:before {
     content: "\f113";
 }
 
 .fa-folder-o:before {
     content: "\f114";
 }
 
 .fa-folder-open-o:before {
     content: "\f115";
 }
 
 .fa-smile-o:before {
     content: "\f118";
 }
 
 .fa-frown-o:before {
     content: "\f119";
 }
 
 .fa-meh-o:before {
     content: "\f11a";
 }
 
 .fa-gamepad:before {
     content: "\f11b";
 }
 
 .fa-keyboard-o:before {
     content: "\f11c";
 }
 
 .fa-flag-o:before {
     content: "\f11d";
 }
 
 .fa-flag-checkered:before {
     content: "\f11e";
 }
 
 .fa-terminal:before {
     content: "\f120";
 }
 
 .fa-code:before {
     content: "\f121";
 }
 
 .fa-mail-reply-all:before,
 .fa-reply-all:before {
     content: "\f122";
 }
 
 .fa-star-half-empty:before,
 .fa-star-half-full:before,
 .fa-star-half-o:before {
     content: "\f123";
 }
 
 .fa-location-arrow:before {
     content: "\f124";
 }
 
 .fa-crop:before {
     content: "\f125";
 }
 
 .fa-code-fork:before {
     content: "\f126";
 }
 
 .fa-unlink:before,
 .fa-chain-broken:before {
     content: "\f127";
 }
 
 .fa-question:before {
     content: "\f128";
 }
 
 .fa-info:before {
     content: "\f129";
 }
 
 .fa-exclamation:before {
     content: "\f12a";
 }
 
 .fa-superscript:before {
     content: "\f12b";
 }
 
 .fa-subscript:before {
     content: "\f12c";
 }
 
 .fa-eraser:before {
     content: "\f12d";
 }
 
 .fa-puzzle-piece:before {
     content: "\f12e";
 }
 
 .fa-microphone:before {
     content: "\f130";
 }
 
 .fa-microphone-slash:before {
     content: "\f131";
 }
 
 .fa-shield:before {
     content: "\f132";
 }
 
 .fa-calendar-o:before {
     content: "\f133";
 }
 
 .fa-fire-extinguisher:before {
     content: "\f134";
 }
 
 .fa-rocket:before {
     content: "\f135";
 }
 
 .fa-maxcdn:before {
     content: "\f136";
 }
 
 .fa-chevron-circle-left:before {
     content: "\f137";
 }
 
 .fa-chevron-circle-right:before {
     content: "\f138";
 }
 
 .fa-chevron-circle-up:before {
     content: "\f139";
 }
 
 .fa-chevron-circle-down:before {
     content: "\f13a";
 }
 
 .fa-html5:before {
     content: "\f13b";
 }
 
 .fa-css3:before {
     content: "\f13c";
 }
 
 .fa-anchor:before {
     content: "\f13d";
 }
 
 .fa-unlock-alt:before {
     content: "\f13e";
 }
 
 .fa-bullseye:before {
     content: "\f140";
 }
 
 .fa-ellipsis-h:before {
     content: "\f141";
 }
 
 .fa-ellipsis-v:before {
     content: "\f142";
 }
 
 .fa-rss-square:before {
     content: "\f143";
 }
 
 .fa-play-circle:before {
     content: "\f144";
 }
 
 .fa-ticket:before {
     content: "\f145";
 }
 
 .fa-minus-square:before {
     content: "\f146";
 }
 
 .fa-minus-square-o:before {
     content: "\f147";
 }
 
 .fa-level-up:before {
     content: "\f148";
 }
 
 .fa-level-down:before {
     content: "\f149";
 }
 
 .fa-check-square:before {
     content: "\f14a";
 }
 
 .fa-pencil-square:before {
     content: "\f14b";
 }
 
 .fa-external-link-square:before {
     content: "\f14c";
 }
 
 .fa-share-square:before {
     content: "\f14d";
 }
 
 .fa-compass:before {
     content: "\f14e";
 }
 
 .fa-toggle-down:before,
 .fa-caret-square-o-down:before {
     content: "\f150";
 }
 
 .fa-toggle-up:before,
 .fa-caret-square-o-up:before {
     content: "\f151";
 }
 
 .fa-toggle-right:before,
 .fa-caret-square-o-right:before {
     content: "\f152";
 }
 
 .fa-euro:before,
 .fa-eur:before {
     content: "\f153";
 }
 
 .fa-gbp:before {
     content: "\f154";
 }
 
 .fa-dollar:before,
 .fa-usd:before {
     content: "\f155";
 }
 
 .fa-rupee:before,
 .fa-inr:before {
     content: "\f156";
 }
 
 .fa-cny:before,
 .fa-rmb:before,
 .fa-yen:before,
 .fa-jpy:before {
     content: "\f157";
 }
 
 .fa-ruble:before,
 .fa-rouble:before,
 .fa-rub:before {
     content: "\f158";
 }
 
 .fa-won:before,
 .fa-krw:before {
     content: "\f159";
 }
 
 .fa-bitcoin:before,
 .fa-btc:before {
     content: "\f15a";
 }
 
 .fa-file:before {
     content: "\f15b";
 }
 
 .fa-file-text:before {
     content: "\f15c";
 }
 
 .fa-sort-alpha-asc:before {
     content: "\f15d";
 }
 
 .fa-sort-alpha-desc:before {
     content: "\f15e";
 }
 
 .fa-sort-amount-asc:before {
     content: "\f160";
 }
 
 .fa-sort-amount-desc:before {
     content: "\f161";
 }
 
 .fa-sort-numeric-asc:before {
     content: "\f162";
 }
 
 .fa-sort-numeric-desc:before {
     content: "\f163";
 }
 
 .fa-thumbs-up:before {
     content: "\f164";
 }
 
 .fa-thumbs-down:before {
     content: "\f165";
 }
 
 .fa-youtube-square:before {
     content: "\f166";
 }
 
 .fa-youtube:before {
     content: "\f167";
 }
 
 .fa-xing:before {
     content: "\f168";
 }
 
 .fa-xing-square:before {
     content: "\f169";
 }
 
 .fa-youtube-play:before {
     content: "\f16a";
 }
 
 .fa-dropbox:before {
     content: "\f16b";
 }
 
 .fa-stack-overflow:before {
     content: "\f16c";
 }
 
 .fa-instagram:before {
     content: "\f16d";
 }
 
 .fa-flickr:before {
     content: "\f16e";
 }
 
 .fa-adn:before {
     content: "\f170";
 }
 
 .fa-bitbucket:before {
     content: "\f171";
 }
 
 .fa-bitbucket-square:before {
     content: "\f172";
 }
 
 .fa-tumblr:before {
     content: "\f173";
 }
 
 .fa-tumblr-square:before {
     content: "\f174";
 }
 
 .fa-long-arrow-down:before {
     content: "\f175";
 }
 
 .fa-long-arrow-up:before {
     content: "\f176";
 }
 
 .fa-long-arrow-left:before {
     content: "\f177";
 }
 
 .fa-long-arrow-right:before {
     content: "\f178";
 }
 
 .fa-apple:before {
     content: "\f179";
 }
 
 .fa-windows:before {
     content: "\f17a";
 }
 
 .fa-android:before {
     content: "\f17b";
 }
 
 .fa-linux:before {
     content: "\f17c";
 }
 
 .fa-dribbble:before {
     content: "\f17d";
 }
 
 .fa-skype:before {
     content: "\f17e";
 }
 
 .fa-foursquare:before {
     content: "\f180";
 }
 
 .fa-trello:before {
     content: "\f181";
 }
 
 .fa-female:before {
     content: "\f182";
 }
 
 .fa-male:before {
     content: "\f183";
 }
 
 .fa-gittip:before,
 .fa-gratipay:before {
     content: "\f184";
 }
 
 .fa-sun-o:before {
     content: "\f185";
 }
 
 .fa-moon-o:before {
     content: "\f186";
 }
 
 .fa-archive:before {
     content: "\f187";
 }
 
 .fa-bug:before {
     content: "\f188";
 }
 
 .fa-vk:before {
     content: "\f189";
 }
 
 .fa-weibo:before {
     content: "\f18a";
 }
 
 .fa-renren:before {
     content: "\f18b";
 }
 
 .fa-pagelines:before {
     content: "\f18c";
 }
 
 .fa-stack-exchange:before {
     content: "\f18d";
 }
 
 .fa-arrow-circle-o-right:before {
     content: "\f18e";
 }
 
 .fa-arrow-circle-o-left:before {
     content: "\f190";
 }
 
 .fa-toggle-left:before,
 .fa-caret-square-o-left:before {
     content: "\f191";
 }
 
 .fa-dot-circle-o:before {
     content: "\f192";
 }
 
 .fa-wheelchair:before {
     content: "\f193";
 }
 
 .fa-vimeo-square:before {
     content: "\f194";
 }
 
 .fa-turkish-lira:before,
 .fa-try:before {
     content: "\f195";
 }
 
 .fa-plus-square-o:before {
     content: "\f196";
 }
 
 .fa-space-shuttle:before {
     content: "\f197";
 }
 
 .fa-slack:before {
     content: "\f198";
 }
 
 .fa-envelope-square:before {
     content: "\f199";
 }
 
 .fa-wordpress:before {
     content: "\f19a";
 }
 
 .fa-openid:before {
     content: "\f19b";
 }
 
 .fa-institution:before,
 .fa-bank:before,
 .fa-university:before {
     content: "\f19c";
 }
 
 .fa-mortar-board:before,
 .fa-graduation-cap:before {
     content: "\f19d";
 }
 
 .fa-yahoo:before {
     content: "\f19e";
 }
 
 .fa-google:before {
     content: "\f1a0";
 }
 
 .fa-reddit:before {
     content: "\f1a1";
 }
 
 .fa-reddit-square:before {
     content: "\f1a2";
 }
 
 .fa-stumbleupon-circle:before {
     content: "\f1a3";
 }
 
 .fa-stumbleupon:before {
     content: "\f1a4";
 }
 
 .fa-delicious:before {
     content: "\f1a5";
 }
 
 .fa-digg:before {
     content: "\f1a6";
 }
 
 .fa-pied-piper-pp:before {
     content: "\f1a7";
 }
 
 .fa-pied-piper-alt:before {
     content: "\f1a8";
 }
 
 .fa-drupal:before {
     content: "\f1a9";
 }
 
 .fa-joomla:before {
     content: "\f1aa";
 }
 
 .fa-language:before {
     content: "\f1ab";
 }
 
 .fa-fax:before {
     content: "\f1ac";
 }
 
 .fa-building:before {
     content: "\f1ad";
 }
 
 .fa-child:before {
     content: "\f1ae";
 }
 
 .fa-paw:before {
     content: "\f1b0";
 }
 
 .fa-spoon:before {
     content: "\f1b1";
 }
 
 .fa-cube:before {
     content: "\f1b2";
 }
 
 .fa-cubes:before {
     content: "\f1b3";
 }
 
 .fa-behance:before {
     content: "\f1b4";
 }
 
 .fa-behance-square:before {
     content: "\f1b5";
 }
 
 .fa-steam:before {
     content: "\f1b6";
 }
 
 .fa-steam-square:before {
     content: "\f1b7";
 }
 
 .fa-recycle:before {
     content: "\f1b8";
 }
 
 .fa-automobile:before,
 .fa-car:before {
     content: "\f1b9";
 }
 
 .fa-cab:before,
 .fa-taxi:before {
     content: "\f1ba";
 }
 
 .fa-tree:before {
     content: "\f1bb";
 }
 
 .fa-spotify:before {
     content: "\f1bc";
 }
 
 .fa-deviantart:before {
     content: "\f1bd";
 }
 
 .fa-soundcloud:before {
     content: "\f1be";
 }
 
 .fa-database:before {
     content: "\f1c0";
 }
 
 .fa-file-pdf-o:before {
     content: "\f1c1";
 }
 
 .fa-file-word-o:before {
     content: "\f1c2";
 }
 
 .fa-file-excel-o:before {
     content: "\f1c3";
 }
 
 .fa-file-powerpoint-o:before {
     content: "\f1c4";
 }
 
 .fa-file-photo-o:before,
 .fa-file-picture-o:before,
 .fa-file-image-o:before {
     content: "\f1c5";
 }
 
 .fa-file-zip-o:before,
 .fa-file-archive-o:before {
     content: "\f1c6";
 }
 
 .fa-file-sound-o:before,
 .fa-file-audio-o:before {
     content: "\f1c7";
 }
 
 .fa-file-movie-o:before,
 .fa-file-video-o:before {
     content: "\f1c8";
 }
 
 .fa-file-code-o:before {
     content: "\f1c9";
 }
 
 .fa-vine:before {
     content: "\f1ca";
 }
 
 .fa-codepen:before {
     content: "\f1cb";
 }
 
 .fa-jsfiddle:before {
     content: "\f1cc";
 }
 
 .fa-life-bouy:before,
 .fa-life-buoy:before,
 .fa-life-saver:before,
 .fa-support:before,
 .fa-life-ring:before {
     content: "\f1cd";
 }
 
 .fa-circle-o-notch:before {
     content: "\f1ce";
 }
 
 .fa-ra:before,
 .fa-resistance:before,
 .fa-rebel:before {
     content: "\f1d0";
 }
 
 .fa-ge:before,
 .fa-empire:before {
     content: "\f1d1";
 }
 
 .fa-git-square:before {
     content: "\f1d2";
 }
 
 .fa-git:before {
     content: "\f1d3";
 }
 
 .fa-y-combinator-square:before,
 .fa-yc-square:before,
 .fa-hacker-news:before {
     content: "\f1d4";
 }
 
 .fa-tencent-weibo:before {
     content: "\f1d5";
 }
 
 .fa-qq:before {
     content: "\f1d6";
 }
 
 .fa-wechat:before,
 .fa-weixin:before {
     content: "\f1d7";
 }
 
 .fa-send:before,
 .fa-paper-plane:before {
     content: "\f1d8";
 }
 
 .fa-send-o:before,
 .fa-paper-plane-o:before {
     content: "\f1d9";
 }
 
 .fa-history:before {
     content: "\f1da";
 }
 
 .fa-circle-thin:before {
     content: "\f1db";
 }
 
 .fa-header:before {
     content: "\f1dc";
 }
 
 .fa-paragraph:before {
     content: "\f1dd";
 }
 
 .fa-sliders:before {
     content: "\f1de";
 }
 
 .fa-share-alt:before {
     content: "\f1e0";
 }
 
 .fa-share-alt-square:before {
     content: "\f1e1";
 }
 
 .fa-bomb:before {
     content: "\f1e2";
 }
 
 .fa-soccer-ball-o:before,
 .fa-futbol-o:before {
     content: "\f1e3";
 }
 
 .fa-tty:before {
     content: "\f1e4";
 }
 
 .fa-binoculars:before {
     content: "\f1e5";
 }
 
 .fa-plug:before {
     content: "\f1e6";
 }
 
 .fa-slideshare:before {
     content: "\f1e7";
 }
 
 .fa-twitch:before {
     content: "\f1e8";
 }
 
 .fa-yelp:before {
     content: "\f1e9";
 }
 
 .fa-newspaper-o:before {
     content: "\f1ea";
 }
 
 .fa-wifi:before {
     content: "\f1eb";
 }
 
 .fa-calculator:before {
     content: "\f1ec";
 }
 
 .fa-paypal:before {
     content: "\f1ed";
 }
 
 .fa-google-wallet:before {
     content: "\f1ee";
 }
 
 .fa-cc-visa:before {
     content: "\f1f0";
 }
 
 .fa-cc-mastercard:before {
     content: "\f1f1";
 }
 
 .fa-cc-discover:before {
     content: "\f1f2";
 }
 
 .fa-cc-amex:before {
     content: "\f1f3";
 }
 
 .fa-cc-paypal:before {
     content: "\f1f4";
 }
 
 .fa-cc-stripe:before {
     content: "\f1f5";
 }
 
 .fa-bell-slash:before {
     content: "\f1f6";
 }
 
 .fa-bell-slash-o:before {
     content: "\f1f7";
 }
 
 .fa-trash:before {
     content: "\f1f8";
 }
 
 .fa-copyright:before {
     content: "\f1f9";
 }
 
 .fa-at:before {
     content: "\f1fa";
 }
 
 .fa-eyedropper:before {
     content: "\f1fb";
 }
 
 .fa-paint-brush:before {
     content: "\f1fc";
 }
 
 .fa-birthday-cake:before {
     content: "\f1fd";
 }
 
 .fa-area-chart:before {
     content: "\f1fe";
 }
 
 .fa-pie-chart:before {
     content: "\f200";
 }
 
 .fa-line-chart:before {
     content: "\f201";
 }
 
 .fa-lastfm:before {
     content: "\f202";
 }
 
 .fa-lastfm-square:before {
     content: "\f203";
 }
 
 .fa-toggle-off:before {
     content: "\f204";
 }
 
 .fa-toggle-on:before {
     content: "\f205";
 }
 
 .fa-bicycle:before {
     content: "\f206";
 }
 
 .fa-bus:before {
     content: "\f207";
 }
 
 .fa-ioxhost:before {
     content: "\f208";
 }
 
 .fa-angellist:before {
     content: "\f209";
 }
 
 .fa-cc:before {
     content: "\f20a";
 }
 
 .fa-shekel:before,
 .fa-sheqel:before,
 .fa-ils:before {
     content: "\f20b";
 }
 
 .fa-meanpath:before {
     content: "\f20c";
 }
 
 .fa-buysellads:before {
     content: "\f20d";
 }
 
 .fa-connectdevelop:before {
     content: "\f20e";
 }
 
 .fa-dashcube:before {
     content: "\f210";
 }
 
 .fa-forumbee:before {
     content: "\f211";
 }
 
 .fa-leanpub:before {
     content: "\f212";
 }
 
 .fa-sellsy:before {
     content: "\f213";
 }
 
 .fa-shirtsinbulk:before {
     content: "\f214";
 }
 
 .fa-simplybuilt:before {
     content: "\f215";
 }
 
 .fa-skyatlas:before {
     content: "\f216";
 }
 
 .fa-cart-plus:before {
     content: "\f217";
 }
 
 .fa-cart-arrow-down:before {
     content: "\f218";
 }
 
 .fa-diamond:before {
     content: "\f219";
 }
 
 .fa-ship:before {
     content: "\f21a";
 }
 
 .fa-user-secret:before {
     content: "\f21b";
 }
 
 .fa-motorcycle:before {
     content: "\f21c";
 }
 
 .fa-street-view:before {
     content: "\f21d";
 }
 
 .fa-heartbeat:before {
     content: "\f21e";
 }
 
 .fa-venus:before {
     content: "\f221";
 }
 
 .fa-mars:before {
     content: "\f222";
 }
 
 .fa-mercury:before {
     content: "\f223";
 }
 
 .fa-intersex:before,
 .fa-transgender:before {
     content: "\f224";
 }
 
 .fa-transgender-alt:before {
     content: "\f225";
 }
 
 .fa-venus-double:before {
     content: "\f226";
 }
 
 .fa-mars-double:before {
     content: "\f227";
 }
 
 .fa-venus-mars:before {
     content: "\f228";
 }
 
 .fa-mars-stroke:before {
     content: "\f229";
 }
 
 .fa-mars-stroke-v:before {
     content: "\f22a";
 }
 
 .fa-mars-stroke-h:before {
     content: "\f22b";
 }
 
 .fa-neuter:before {
     content: "\f22c";
 }
 
 .fa-genderless:before {
     content: "\f22d";
 }
 
 .fa-facebook-official:before {
     content: "\f230";
 }
 
 .fa-pinterest-p:before {
     content: "\f231";
 }
 
 .fa-whatsapp:before {
     content: "\f232";
 }
 
 .fa-server:before {
     content: "\f233";
 }
 
 .fa-user-plus:before {
     content: "\f234";
 }
 
 .fa-user-times:before {
     content: "\f235";
 }
 
 .fa-hotel:before,
 .fa-bed:before {
     content: "\f236";
 }
 
 .fa-viacoin:before {
     content: "\f237";
 }
 
 .fa-train:before {
     content: "\f238";
 }
 
 .fa-subway:before {
     content: "\f239";
 }
 
 .fa-medium:before {
     content: "\f23a";
 }
 
 .fa-yc:before,
 .fa-y-combinator:before {
     content: "\f23b";
 }
 
 .fa-optin-monster:before {
     content: "\f23c";
 }
 
 .fa-opencart:before {
     content: "\f23d";
 }
 
 .fa-expeditedssl:before {
     content: "\f23e";
 }
 
 .fa-battery-4:before,
 .fa-battery:before,
 .fa-battery-full:before {
     content: "\f240";
 }
 
 .fa-battery-3:before,
 .fa-battery-three-quarters:before {
     content: "\f241";
 }
 
 .fa-battery-2:before,
 .fa-battery-half:before {
     content: "\f242";
 }
 
 .fa-battery-1:before,
 .fa-battery-quarter:before {
     content: "\f243";
 }
 
 .fa-battery-0:before,
 .fa-battery-empty:before {
     content: "\f244";
 }
 
 .fa-mouse-pointer:before {
     content: "\f245";
 }
 
 .fa-i-cursor:before {
     content: "\f246";
 }
 
 .fa-object-group:before {
     content: "\f247";
 }
 
 .fa-object-ungroup:before {
     content: "\f248";
 }
 
 .fa-sticky-note:before {
     content: "\f249";
 }
 
 .fa-sticky-note-o:before {
     content: "\f24a";
 }
 
 .fa-cc-jcb:before {
     content: "\f24b";
 }
 
 .fa-cc-diners-club:before {
     content: "\f24c";
 }
 
 .fa-clone:before {
     content: "\f24d";
 }
 
 .fa-balance-scale:before {
     content: "\f24e";
 }
 
 .fa-hourglass-o:before {
     content: "\f250";
 }
 
 .fa-hourglass-1:before,
 .fa-hourglass-start:before {
     content: "\f251";
 }
 
 .fa-hourglass-2:before,
 .fa-hourglass-half:before {
     content: "\f252";
 }
 
 .fa-hourglass-3:before,
 .fa-hourglass-end:before {
     content: "\f253";
 }
 
 .fa-hourglass:before {
     content: "\f254";
 }
 
 .fa-hand-grab-o:before,
 .fa-hand-rock-o:before {
     content: "\f255";
 }
 
 .fa-hand-stop-o:before,
 .fa-hand-paper-o:before {
     content: "\f256";
 }
 
 .fa-hand-scissors-o:before {
     content: "\f257";
 }
 
 .fa-hand-lizard-o:before {
     content: "\f258";
 }
 
 .fa-hand-spock-o:before {
     content: "\f259";
 }
 
 .fa-hand-pointer-o:before {
     content: "\f25a";
 }
 
 .fa-hand-peace-o:before {
     content: "\f25b";
 }
 
 .fa-trademark:before {
     content: "\f25c";
 }
 
 .fa-registered:before {
     content: "\f25d";
 }
 
 .fa-creative-commons:before {
     content: "\f25e";
 }
 
 .fa-gg:before {
     content: "\f260";
 }
 
 .fa-gg-circle:before {
     content: "\f261";
 }
 
 .fa-tripadvisor:before {
     content: "\f262";
 }
 
 .fa-odnoklassniki:before {
     content: "\f263";
 }
 
 .fa-odnoklassniki-square:before {
     content: "\f264";
 }
 
 .fa-get-pocket:before {
     content: "\f265";
 }
 
 .fa-wikipedia-w:before {
     content: "\f266";
 }
 
 .fa-safari:before {
     content: "\f267";
 }
 
 .fa-chrome:before {
     content: "\f268";
 }
 
 .fa-firefox:before {
     content: "\f269";
 }
 
 .fa-opera:before {
     content: "\f26a";
 }
 
 .fa-internet-explorer:before {
     content: "\f26b";
 }
 
 .fa-tv:before,
 .fa-television:before {
     content: "\f26c";
 }
 
 .fa-contao:before {
     content: "\f26d";
 }
 
 .fa-500px:before {
     content: "\f26e";
 }
 
 .fa-amazon:before {
     content: "\f270";
 }
 
 .fa-calendar-plus-o:before {
     content: "\f271";
 }
 
 .fa-calendar-minus-o:before {
     content: "\f272";
 }
 
 .fa-calendar-times-o:before {
     content: "\f273";
 }
 
 .fa-calendar-check-o:before {
     content: "\f274";
 }
 
 .fa-industry:before {
     content: "\f275";
 }
 
 .fa-map-pin:before {
     content: "\f276";
 }
 
 .fa-map-signs:before {
     content: "\f277";
 }
 
 .fa-map-o:before {
     content: "\f278";
 }
 
 .fa-map:before {
     content: "\f279";
 }
 
 .fa-commenting:before {
     content: "\f27a";
 }
 
 .fa-commenting-o:before {
     content: "\f27b";
 }
 
 .fa-houzz:before {
     content: "\f27c";
 }
 
 .fa-vimeo:before {
     content: "\f27d";
 }
 
 .fa-black-tie:before {
     content: "\f27e";
 }
 
 .fa-fonticons:before {
     content: "\f280";
 }
 
 .fa-reddit-alien:before {
     content: "\f281";
 }
 
 .fa-edge:before {
     content: "\f282";
 }
 
 .fa-credit-card-alt:before {
     content: "\f283";
 }
 
 .fa-codiepie:before {
     content: "\f284";
 }
 
 .fa-modx:before {
     content: "\f285";
 }
 
 .fa-fort-awesome:before {
     content: "\f286";
 }
 
 .fa-usb:before {
     content: "\f287";
 }
 
 .fa-product-hunt:before {
     content: "\f288";
 }
 
 .fa-mixcloud:before {
     content: "\f289";
 }
 
 .fa-scribd:before {
     content: "\f28a";
 }
 
 .fa-pause-circle:before {
     content: "\f28b";
 }
 
 .fa-pause-circle-o:before {
     content: "\f28c";
 }
 
 .fa-stop-circle:before {
     content: "\f28d";
 }
 
 .fa-stop-circle-o:before {
     content: "\f28e";
 }
 
 .fa-shopping-bag:before {
     content: "\f290";
 }
 
 .fa-shopping-basket:before {
     content: "\f291";
 }
 
 .fa-hashtag:before {
     content: "\f292";
 }
 
 .fa-bluetooth:before {
     content: "\f293";
 }
 
 .fa-bluetooth-b:before {
     content: "\f294";
 }
 
 .fa-percent:before {
     content: "\f295";
 }
 
 .fa-gitlab:before {
     content: "\f296";
 }
 
 .fa-wpbeginner:before {
     content: "\f297";
 }
 
 .fa-wpforms:before {
     content: "\f298";
 }
 
 .fa-envira:before {
     content: "\f299";
 }
 
 .fa-universal-access:before {
     content: "\f29a";
 }
 
 .fa-wheelchair-alt:before {
     content: "\f29b";
 }
 
 .fa-question-circle-o:before {
     content: "\f29c";
 }
 
 .fa-blind:before {
     content: "\f29d";
 }
 
 .fa-audio-description:before {
     content: "\f29e";
 }
 
 .fa-volume-control-phone:before {
     content: "\f2a0";
 }
 
 .fa-braille:before {
     content: "\f2a1";
 }
 
 .fa-assistive-listening-systems:before {
     content: "\f2a2";
 }
 
 .fa-asl-interpreting:before,
 .fa-american-sign-language-interpreting:before {
     content: "\f2a3";
 }
 
 .fa-deafness:before,
 .fa-hard-of-hearing:before,
 .fa-deaf:before {
     content: "\f2a4";
 }
 
 .fa-glide:before {
     content: "\f2a5";
 }
 
 .fa-glide-g:before {
     content: "\f2a6";
 }
 
 .fa-signing:before,
 .fa-sign-language:before {
     content: "\f2a7";
 }
 
 .fa-low-vision:before {
     content: "\f2a8";
 }
 
 .fa-viadeo:before {
     content: "\f2a9";
 }
 
 .fa-viadeo-square:before {
     content: "\f2aa";
 }
 
 .fa-snapchat:before {
     content: "\f2ab";
 }
 
 .fa-snapchat-ghost:before {
     content: "\f2ac";
 }
 
 .fa-snapchat-square:before {
     content: "\f2ad";
 }
 
 .fa-pied-piper:before {
     content: "\f2ae";
 }
 
 .fa-first-order:before {
     content: "\f2b0";
 }
 
 .fa-yoast:before {
     content: "\f2b1";
 }
 
 .fa-themeisle:before {
     content: "\f2b2";
 }
 
 .fa-google-plus-circle:before,
 .fa-google-plus-official:before {
     content: "\f2b3";
 }
 
 .fa-fa:before,
 .fa-font-awesome:before {
     content: "\f2b4";
 }
 
 .fa-handshake-o:before {
     content: "\f2b5";
 }
 
 .fa-envelope-open:before {
     content: "\f2b6";
 }
 
 .fa-envelope-open-o:before {
     content: "\f2b7";
 }
 
 .fa-linode:before {
     content: "\f2b8";
 }
 
 .fa-address-book:before {
     content: "\f2b9";
 }
 
 .fa-address-book-o:before {
     content: "\f2ba";
 }
 
 .fa-vcard:before,
 .fa-address-card:before {
     content: "\f2bb";
 }
 
 .fa-vcard-o:before,
 .fa-address-card-o:before {
     content: "\f2bc";
 }
 
 .fa-user-circle:before {
     content: "\f2bd";
 }
 
 .fa-user-circle-o:before {
     content: "\f2be";
 }
 
 .fa-user-o:before {
     content: "\f2c0";
 }
 
 .fa-id-badge:before {
     content: "\f2c1";
 }
 
 .fa-drivers-license:before,
 .fa-id-card:before {
     content: "\f2c2";
 }
 
 .fa-drivers-license-o:before,
 .fa-id-card-o:before {
     content: "\f2c3";
 }
 
 .fa-quora:before {
     content: "\f2c4";
 }
 
 .fa-free-code-camp:before {
     content: "\f2c5";
 }
 
 .fa-telegram:before {
     content: "\f2c6";
 }
 
 .fa-thermometer-4:before,
 .fa-thermometer:before,
 .fa-thermometer-full:before {
     content: "\f2c7";
 }
 
 .fa-thermometer-3:before,
 .fa-thermometer-three-quarters:before {
     content: "\f2c8";
 }
 
 .fa-thermometer-2:before,
 .fa-thermometer-half:before {
     content: "\f2c9";
 }
 
 .fa-thermometer-1:before,
 .fa-thermometer-quarter:before {
     content: "\f2ca";
 }
 
 .fa-thermometer-0:before,
 .fa-thermometer-empty:before {
     content: "\f2cb";
 }
 
 .fa-shower:before {
     content: "\f2cc";
 }
 
 .fa-bathtub:before,
 .fa-s15:before,
 .fa-bath:before {
     content: "\f2cd";
 }
 
 .fa-podcast:before {
     content: "\f2ce";
 }
 
 .fa-window-maximize:before {
     content: "\f2d0";
 }
 
 .fa-window-minimize:before {
     content: "\f2d1";
 }
 
 .fa-window-restore:before {
     content: "\f2d2";
 }
 
 .fa-times-rectangle:before,
 .fa-window-close:before {
     content: "\f2d3";
 }
 
 .fa-times-rectangle-o:before,
 .fa-window-close-o:before {
     content: "\f2d4";
 }
 
 .fa-bandcamp:before {
     content: "\f2d5";
 }
 
 .fa-grav:before {
     content: "\f2d6";
 }
 
 .fa-etsy:before {
     content: "\f2d7";
 }
 
 .fa-imdb:before {
     content: "\f2d8";
 }
 
 .fa-ravelry:before {
     content: "\f2d9";
 }
 
 .fa-eercast:before {
     content: "\f2da";
 }
 
 .fa-microchip:before {
     content: "\f2db";
 }
 
 .fa-snowflake-o:before {
     content: "\f2dc";
 }
 
 .fa-superpowers:before {
     content: "\f2dd";
 }
 
 .fa-wpexplorer:before {
     content: "\f2de";
 }
 
 .fa-meetup:before {
     content: "\f2e0";
 }
 
 .sr-only {
     position: absolute;
     width: 1px;
     height: 1px;
     padding: 0;
     margin: -1px;
     overflow: hidden;
     clip: rect(0, 0, 0, 0);
     border: 0;
 }
 
 .sr-only-focusable:active,
 .sr-only-focusable:focus {
     position: static;
     width: auto;
     height: auto;
     margin: 0;
     overflow: visible;
     clip: auto;
 }
 
 .ui-shadow {
     -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.8);
     -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.8);
     box-shadow: 0 5px 10px rgba(0, 0, 0, 0.8);
 }
 
 .ui-overlay-visible {
     visibility: visible;
 }
 
 ui-overlay-visible * {
     visibility: visible !important;
 }
 
 .ui-overlay-hidden {
     visibility: hidden;
 }
 
 .ui-overlay-hidden * {
     visibility: hidden !important;
 }
 
 .ui-overflow-hidden {
     overflow: hidden;
 }
 
 .ui-datepicker .ui-datepicker-current.ui-priority-secondary {
     opacity: 1;
 }
 
 .ui-icon-blank {
     background-position: 16px 16px;
 }
 
 @media only all {
     th.ui-column-p-6,
     td.ui-column-p-6,
     th.ui-column-p-5,
     td.ui-column-p-5,
     th.ui-column-p-4,
     td.ui-column-p-4,
     th.ui-column-p-3,
     td.ui-column-p-3,
     th.ui-column-p-2,
     td.ui-column-p-2,
     th.ui-column-p-1,
     td.ui-column-p-1 {
         display: none;
     }
 }
 
 @media screen and (min-width: 20em) {
     th.ui-column-p-1,
     td.ui-column-p-1 {
         display: table-cell;
     }
 }
 
 @media screen and (min-width: 30em) {
     th.ui-column-p-2,
     td.ui-column-p-2 {
         display: table-cell;
     }
 }
 
 @media screen and (min-width: 40em) {
     th.ui-column-p-3,
     td.ui-column-p-3 {
         display: table-cell;
     }
 }
 
 @media screen and (min-width: 50em) {
     th.ui-column-p-4,
     td.ui-column-p-4 {
         display: table-cell;
     }
 }
 
 @media screen and (min-width: 60em) {
     th.ui-column-p-5,
     td.ui-column-p-5 {
         display: table-cell;
     }
 }
 
 @media screen and (min-width: 70em) {
     th.ui-column-p-6,
     td.ui-column-p-6 {
         display: table-cell;
     }
 }
 
 .ui-widget .ui-icon.fa,
 .ui-icon.fa {
     background: none repeat scroll 0 0 transparent !important;
     text-indent: 0 !important;
 }
 
 .p-grid,
 .p-grid>div {
     -moz-box-sizing: border-box;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
 }
 
 .ui-draggable-handle {
     -ms-touch-action: none;
     touch-action: none;
 }
 
 .ui-helper-hidden {
     display: none;
 }
 
 .ui-helper-hidden-accessible {
     border: 0;
     clip: rect(0 0 0 0);
     height: 1px;
     margin: -1px;
     overflow: hidden;
     padding: 0;
     position: absolute;
     width: 1px;
 }
 
 .ui-helper-reset {
     margin: 0;
     padding: 0;
     border: 0;
     outline: 0;
     line-height: 1.3;
     text-decoration: none;
     font-size: 100%;
     list-style: none;
 }
 
 .ui-helper-clearfix:before,
 .ui-helper-clearfix:after {
     content: "";
     display: table;
     border-collapse: collapse;
 }
 
 .ui-helper-clearfix:after {
     clear: both;
 }
 
 .ui-helper-zfix {
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
     position: absolute;
     opacity: 0;
     filter: Alpha(Opacity=0);
 }
 
 .ui-front {
     z-index: 100;
 }
 
 .ui-state-disabled {
     cursor: default !important;
     pointer-events: none;
 }
 
 .ui-icon {
     display: inline-block;
     vertical-align: middle;
     margin-top: -0.25em;
     position: relative;
     text-indent: -99999px;
     overflow: hidden;
     background-repeat: no-repeat;
 }
 
 .ui-widget-icon-block {
     left: 50%;
     margin-left: -8px;
     display: block;
 }
 
 .ui-widget-overlay {
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
 }
 
 .ui-resizable {
     position: relative;
 }
 
 .ui-resizable-handle {
     position: absolute;
     font-size: 0.1px;
     display: block;
     -ms-touch-action: none;
     touch-action: none;
 }
 
 .ui-resizable-disabled .ui-resizable-handle,
 .ui-resizable-autohide .ui-resizable-handle {
     display: none;
 }
 
 .ui-resizable-n {
     cursor: n-resize;
     height: 7px;
     width: 100%;
     top: -5px;
     left: 0;
 }
 
 .ui-resizable-s {
     cursor: s-resize;
     height: 7px;
     width: 100%;
     bottom: -5px;
     left: 0;
 }
 
 .ui-resizable-e {
     cursor: e-resize;
     width: 7px;
     right: -5px;
     top: 0;
     height: 100%;
 }
 
 .ui-resizable-w {
     cursor: w-resize;
     width: 7px;
     left: -5px;
     top: 0;
     height: 100%;
 }
 
 .ui-resizable-se {
     cursor: se-resize;
     width: 12px;
     height: 12px;
     right: 1px;
     bottom: 1px;
 }
 
 .ui-resizable-sw {
     cursor: sw-resize;
     width: 9px;
     height: 9px;
     left: -5px;
     bottom: -5px;
 }
 
 .ui-resizable-nw {
     cursor: nw-resize;
     width: 9px;
     height: 9px;
     left: -5px;
     top: -5px;
 }
 
 .ui-resizable-ne {
     cursor: ne-resize;
     width: 9px;
     height: 9px;
     right: -5px;
     top: -5px;
 }
 
 .ui-selectable {
     -ms-touch-action: none;
     touch-action: none;
 }
 
 .ui-selectable-helper {
     position: absolute;
     z-index: 100;
     border: 1px dotted black;
 }
 
 .ui-sortable-handle {
     -ms-touch-action: none;
     touch-action: none;
 }
 
 .ui-datepicker {
     width: 17em;
     padding: 0.2em 0.2em 0;
     display: none;
 }
 
 .ui-datepicker .ui-datepicker-header {
     position: relative;
     padding: 0.2em 0;
 }
 
 .ui-datepicker .ui-datepicker-prev,
 .ui-datepicker .ui-datepicker-next {
     position: absolute;
     top: 2px;
     width: 1.8em;
     height: 1.8em;
 }
 
 .ui-datepicker .ui-datepicker-prev-hover,
 .ui-datepicker .ui-datepicker-next-hover {
     top: 1px;
 }
 
 .ui-datepicker .ui-datepicker-prev {
     left: 2px;
 }
 
 .ui-datepicker .ui-datepicker-next {
     right: 2px;
 }
 
 .ui-datepicker .ui-datepicker-prev-hover {
     left: 1px;
 }
 
 .ui-datepicker .ui-datepicker-next-hover {
     right: 1px;
 }
 
 .ui-datepicker .ui-datepicker-prev span,
 .ui-datepicker .ui-datepicker-next span {
     display: block;
     position: absolute;
     left: 50%;
     margin-left: -8px;
     top: 50%;
     margin-top: -8px;
 }
 
 .ui-datepicker .ui-datepicker-title {
     margin: 0 2.3em;
     line-height: 1.8em;
     text-align: center;
 }
 
 .ui-datepicker .ui-datepicker-title select {
     font-size: 1em;
     margin: 1px 0;
 }
 
 .ui-datepicker select.ui-datepicker-month,
 .ui-datepicker select.ui-datepicker-year {
     width: 45%;
 }
 
 .ui-datepicker table {
     width: 100%;
     font-size: 0.9em;
     border-collapse: collapse;
     margin: 0 0 0.4em;
 }
 
 .ui-datepicker th {
     padding: 0.7em 0.3em;
     text-align: center;
     font-weight: bold;
     border: 0;
 }
 
 .ui-datepicker td {
     border: 0;
     padding: 1px;
 }
 
 .ui-datepicker td span,
 .ui-datepicker td a {
     display: block;
     padding: 0.2em;
     text-align: right;
     text-decoration: none;
 }
 
 .ui-datepicker .ui-datepicker-buttonpane {
     background-image: none;
     margin: 0.7em 0 0 0;
     padding: 0 0.2em;
     border-left: 0;
     border-right: 0;
     border-bottom: 0;
 }
 
 .ui-datepicker .ui-datepicker-buttonpane button {
     float: right;
     margin: 0.5em 0.2em 0.4em;
     cursor: pointer;
     padding: 0.2em 0.6em 0.3em 0.6em;
     width: auto;
     overflow: visible;
 }
 
 .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
     float: left;
 }
 
 .ui-datepicker.ui-datepicker-multi {
     width: auto;
 }
 
 .ui-datepicker-multi .ui-datepicker-group {
     float: left;
 }
 
 .ui-datepicker-multi .ui-datepicker-group table {
     width: 95%;
     margin: 0 auto 0.4em;
 }
 
 .ui-datepicker-multi-2 .ui-datepicker-group {
     width: 50%;
 }
 
 .ui-datepicker-multi-3 .ui-datepicker-group {
     width: 33.3%;
 }
 
 .ui-datepicker-multi-4 .ui-datepicker-group {
     width: 25%;
 }
 
 .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
 .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
     border-left-width: 0;
 }
 
 .ui-datepicker-multi .ui-datepicker-buttonpane {
     clear: left;
 }
 
 .ui-datepicker-row-break {
     clear: both;
     width: 100%;
     font-size: 0;
 }
 
 .ui-datepicker-rtl {
     direction: rtl;
 }
 
 .ui-datepicker-rtl .ui-datepicker-prev {
     right: 2px;
     left: auto;
 }
 
 .ui-datepicker-rtl .ui-datepicker-next {
     left: 2px;
     right: auto;
 }
 
 .ui-datepicker-rtl .ui-datepicker-prev:hover {
     right: 1px;
     left: auto;
 }
 
 .ui-datepicker-rtl .ui-datepicker-next:hover {
     left: 1px;
     right: auto;
 }
 
 .ui-datepicker-rtl .ui-datepicker-buttonpane {
     clear: right;
 }
 
 .ui-datepicker-rtl .ui-datepicker-buttonpane button {
     float: left;
 }
 
 .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
 .ui-datepicker-rtl .ui-datepicker-group {
     float: right;
 }
 
 .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
 .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
     border-right-width: 0;
     border-left-width: 1px;
 }
 
 .ui-datepicker .ui-icon {
     display: block;
     text-indent: -99999px;
     overflow: hidden;
     background-repeat: no-repeat;
     left: 0.5em;
     top: 0.3em;
 }
 
 .ui-slider {
     position: relative;
     text-align: left;
 }
 
 .ui-slider .ui-slider-handle {
     position: absolute;
     z-index: 2;
     width: 1.2em;
     height: 1.2em;
     cursor: default;
     -ms-touch-action: none;
     touch-action: none;
 }
 
 .ui-slider .ui-slider-range {
     position: absolute;
     z-index: 1;
     font-size: 0.7em;
     display: block;
     border: 0;
     background-position: 0 0;
 }
 
 .ui-slider.ui-state-disabled .ui-slider-handle,
 .ui-slider.ui-state-disabled .ui-slider-range {
     filter: inherit;
 }
 
 .ui-slider-horizontal {
     height: 0.8em;
 }
 
 .ui-slider-horizontal .ui-slider-handle {
     top: -0.3em;
     margin-left: -0.6em;
 }
 
 .ui-slider-horizontal .ui-slider-range {
     top: 0;
     height: 100%;
 }
 
 .ui-slider-horizontal .ui-slider-range-min {
     left: 0;
 }
 
 .ui-slider-horizontal .ui-slider-range-max {
     right: 0;
 }
 
 .ui-slider-vertical {
     width: 0.8em;
     height: 100px;
 }
 
 .ui-slider-vertical .ui-slider-handle {
     left: -0.3em;
     margin-left: 0;
     margin-bottom: -0.6em;
 }
 
 .ui-slider-vertical .ui-slider-range {
     left: 0;
     width: 100%;
 }
 
 .ui-slider-vertical .ui-slider-range-min {
     bottom: 0;
 }
 
 .ui-slider-vertical .ui-slider-range-max {
     top: 0;
 }
 
 .ui-timepicker-div .ui-widget-header {
     margin-bottom: 8px;
 }
 
 .ui-timepicker-div dl {
     text-align: left;
 }
 
 .ui-timepicker-div dl dt {
     float: left;
     clear: left;
     padding: 0 0 0 5px;
 }
 
 .ui-timepicker-div dl dd {
     margin: 0 10px 10px 40%;
 }
 
 .ui-timepicker-div td {
     font-size: 90%;
 }
 
 .ui-tpicker-grid-label {
     background: 0;
     border: 0;
     margin: 0;
     padding: 0;
 }
 
 .ui-timepicker-div .ui_tpicker_unit_hide {
     display: none;
 }
 
 .ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input {
     background: 0;
     color: inherit;
     border: 0;
     outline: 0;
     border-bottom: solid 1px #555;
     width: 95%;
 }
 
 .ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input:focus {
     border-bottom-color: #aaa;
 }
 
 .ui-timepicker-rtl {
     direction: rtl;
 }
 
 .ui-timepicker-rtl dl {
     text-align: right;
     padding: 0 5px 0 0;
 }
 
 .ui-timepicker-rtl dl dt {
     float: right;
     clear: right;
 }
 
 .ui-timepicker-rtl dl dd {
     margin: 0 40% 10px 10px;
 }
 
 .ui-timepicker-div.ui-timepicker-oneLine {
     padding-right: 2px;
 }
 
 .ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time,
 .ui-timepicker-div.ui-timepicker-oneLine dt {
     display: none;
 }
 
 .ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time_label {
     display: block;
     padding-top: 2px;
 }
 
 .ui-timepicker-div.ui-timepicker-oneLine dl {
     text-align: right;
 }
 
 .ui-timepicker-div.ui-timepicker-oneLine dl dd,
 .ui-timepicker-div.ui-timepicker-oneLine dl dd>div {
     display: inline-block;
     margin: 0;
 }
 
 .ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_minute:before,
 .ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_second:before {
     content: ":";
     display: inline-block;
 }
 
 .ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_millisec:before,
 .ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_microsec:before {
     content: ".";
     display: inline-block;
 }
 
 .ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide,
 .ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide:before {
     display: none;
 }
 
 .ui-datepicker-trigger.ui-button-icon-only .ui-button-text {
     padding: 0.3em;
 }
 
 .ui-icon {
     display: block;
     vertical-align: baseline;
     margin-top: 0;
 }
 
 .ui-accordion .ui-accordion-header {
     cursor: pointer;
     position: relative;
     margin-top: 1px;
     min-height: 0;
     padding: 0.5em 0.5em 0.5em 2.2em;
 }
 
 .ui-accordion .ui-accordion-header .ui-icon {
     position: absolute;
     left: 0.5em;
     top: 50%;
     margin-top: -8px;
 }
 
 .ui-accordion .ui-accordion-content {
     padding: 1em 2.2em;
     border-top: 0;
     margin-top: -2px;
     position: relative;
     top: 1px;
     margin-bottom: 2px;
     overflow: auto;
     zoom: 1;
 }
 
 .ui-accordion .ui-accordion-header.ui-state-disabled,
 .ui-accordion .ui-accordion-header.ui-state-disabled a {
     cursor: default;
 }
 
 .ui-accordion.ui-accordion-rtl {
     direction: rtl;
 }
 
 .ui-accordion.ui-accordion-rtl .ui-accordion-header .ui-icon {
     right: 0.5m;
     left: auto;
 }
 
 .ui-accordion.ui-accordion-rtl .ui-accordion-header a {
     padding: 0.5em 2.2em 0.5em 0.5em;
 }
 
 .ui-tabs-outline {
     outline: dotted thin;
     z-index: 1;
 }
 
 .ui-autocomplete {
     width: auto;
     zoom: 1;
     cursor: pointer;
     -moz-box-shadow: none;
     -webkit-box-shadow: none;
     box-shadow: none;
     position: relative;
     display: inline-block;
 }
 
 .ui-autocomplete-input.ui-autocomplete-dd-input {
     padding-right: 2.4em;
 }
 
 .ui-autocomplete .ui-autocomplete-dropdown {
     position: absolute;
     height: 100%;
     width: 2.4em;
     right: -2px;
 }
 
 .ui-autocomplete-query {
     font-weight: bold;
 }
 
 .ui-autocomplete-panel {
     position: absolute;
     overflow: auto;
 }
 
 .ui-autocomplete-panel .ui-autocomplete-item {
     cursor: pointer;
 }
 
 .ui-autocomplete-panel .ui-autocomplete-list {
     padding: 0.4em;
     border: 0 none;
 }
 
 .ui-autocomplete-panel .ui-autocomplete-list-item {
     border: 0 none;
     font-weight: normal;
     margin: 1px 0;
     padding: 3px 5px;
     text-align: left;
 }
 
 .ui-autocomplete-panel .ui-autocomplete-table {
     border-collapse: collapse;
     width: 100%;
 }
 
 .ui-autocomplete-panel .ui-autocomplete-table th,
 .ui-autocomplete-panel .ui-autocomplete-table td {
     border-width: 1px;
     border-style: solid;
     border-color: inherit;
     padding: 4px 10px 4px 10px;
 }
 
 .ui-autocomplete .ui-button-icon-only .ui-button-text {
     padding: 0.29em;
 }
 
 .ui-autocomplete-panel .ui-autocomplete-moretext {
     font-size: 90%;
     font-weight: bold;
 }
 
 .ui-autocomplete-list .ui-autocomplete-moretext {
     margin: 1px 0;
     padding: 3px 5px;
     text-align: left;
     border: 0 none;
 }
 
 .ui-autocomplete-multiple-container {
     clear: left;
     cursor: text;
     list-style-type: none;
     margin: 0;
     min-height: 1px;
     overflow: hidden;
     width: 400px;
 }
 
 .ui-autocomplete-dd-multiple-container {
     float: left;
     padding-right: 2.4em !important;
 }
 
 .ui-autocomplete-multiple-container.ui-inputfield {
     padding: 0;
 }
 
 .ui-autocomplete-token {
     cursor: default;
     float: left;
     overflow: hidden;
     padding: 1px 3px;
     white-space: nowrap;
     position: relative;
     margin: 2px;
 }
 
 .ui-autocomplete-token-label {
     display: block;
     padding: 0 2.1em 0 0.5em;
 }
 
 .ui-autocomplete-token-label-disabled {
     display: block;
     padding: 0 0.5em 0 0.5em;
 }
 
 .ui-autocomplete-token-icon {
     margin-top: -9px;
     position: absolute;
     right: 0.2em;
     top: 50%;
     cursor: pointer;
 }
 
 .ui-autocomplete-input-token {
     float: left;
     list-style-type: none;
     margin: 1px;
     padding: 0;
 }
 
 .ui-autocomplete-input-token input {
     border: 0 none;
     width: 140px;
     outline: medium none;
     background-color: transparent;
     margin: 2px;
 }
 
 .ui-autocomplete-itemtip-content {
     display: none;
 }
 
 .ui-autocomplete-itemtip {
     position: absolute;
     display: none;
     padding: 0.4em;
 }
 
 .ui-autocomplete-emptyMessage {
     padding: 3px 5px;
 }
 
 .ui-autocomplete-panel .ui-autocomplete-group {
     font-weight: bold;
     cursor: default;
 }
 
 .ui-fluid .ui-autocomplete-multiple-container {
     width: 100%;
 }
 
 .ui-blockui {
     position: absolute;
     top: 0;
     left: 0;
     text-align: center;
     width: 100%;
     height: 100%;
 }
 
 .ui-blockui-content {
     position: absolute;
     text-align: center;
     padding: 1em;
 }
 
 .ui-carousel {
     position: relative;
     padding: 1px;
 }
 
 .ui-carousel .ui-carousel-viewport .ui-carousel-items {
     list-style: none outside none;
     margin: 0;
     padding: 0;
     position: relative;
     width: 32000px;
     left: 0;
 }
 
 .ui-carousel .ui-carousel-viewport .ui-carousel-items .ui-carousel-item {
     margin: 1px;
     padding: 0;
     float: left;
 }
 
 .ui-carousel .ui-carousel-viewport {
     overflow: hidden;
     position: relative;
     border: 0;
 }
 
 .ui-carousel .ui-carousel-footer {
     margin: 1px 1px 0 1px;
     padding-top: 9px;
     padding-bottom: 6px;
     padding-right: 10px;
     padding-left: 10px;
     overflow: hidden;
 }
 
 .ui-carousel .ui-carousel-header {
     margin: 0 1px;
     overflow: hidden;
     padding-top: 7px;
     padding-bottom: 8px;
     padding-right: 10px;
     padding-left: 10px;
 }
 
 .ui-carousel .ui-carousel-header .ui-carousel-header-title {
     display: inline-block;
     width: 30%;
     padding-top: 2px;
     overflow: hidden;
 }
 
 .ui-carousel .ui-carousel-dropdown,
 .ui-carousel .ui-carousel-mobiledropdown {
     float: right;
     margin: 0 10px;
     background-image: none;
 }
 
 .ui-carousel .ui-carousel-dropdown option,
 .ui-carousel .ui-carousel-mobiledropdown option {
     background-image: none;
     border: 0 none;
     box-shadow: none;
     -moz-box-shadow: none;
     -webkit-box-shadow: none;
 }
 
 .ui-carousel .ui-carousel-button {
     float: right;
     margin: 2px;
 }
 
 .ui-carousel .ui-carousel-page-link {
     float: left;
     margin: 0 2px;
 }
 
 .ui-carousel .ui-carousel-page-link,
 .ui-carousel .ui-carousel-button {
     cursor: pointer;
 }
 
 .ui-carousel .ui-carousel-page-links {
     margin: 0 9px;
     margin-top: 1px;
     display: inline-table;
     float: right;
 }
 
 .ui-carousel .ui-carousel-mobiledropdown {
     display: none;
 }
 
 .ui-carousel .ui-carousel-titlebar-icon {
     margin-left: 0.5em;
     cursor: pointer;
     float: right;
 }
 
 .ui-carousel .ui-carousel-vertical-viewport .ui-carousel-items li.ui-carousel-item {
     float: none;
 }
 
 .ui-carousel .ui-carousel-vertical-viewport ul.ui-carousel-items {
     width: auto;
 }
 
 .ui-columntoggler {
     padding: 0;
     position: absolute;
     overflow: auto;
     display: none;
 }
 
 .ui-columntoggler .ui-columntoggler-items {
     border: 0 none;
     padding: 0.4em;
     margin: 0;
 }
 
 .ui-columntoggler .ui-columntoggler-item {
     border: 0 none;
     cursor: pointer;
     font-weight: normal;
     margin: 1px 0;
     padding: 3px 5px;
     text-align: left;
     white-space: nowrap;
     display: block;
     position: relative;
 }
 
 .ui-columntoggler .ui-columntoggler-item .ui-chkbox {
     position: absolute;
     top: 50%;
     margin-top: -8px;
 }
 
 .ui-columntoggler .ui-columntoggler-item label {
     display: block;
     padding-left: 2.2em;
 }
 
 .ui-columntoggler .ui-columntoggler-close {
     float: right;
     margin-top: 1px;
     margin-right: 1px;
 }
 
 .ui-columntoggler .ui-columntoggler-close:focus {
     outline: dotted thin;
 }
 
 .ui-columntoggler .ui-columntoggler-items {
     padding: 1em 0.4em 0.4em 0.4em;
 }
 
 @media only all {
     .ui-columntoggler .ui-columntoggler-item.ui-column-p-1,
     .ui-columntoggler .ui-columntoggler-item.ui-column-p-2,
     .ui-columntoggler .ui-columntoggler-item.ui-column-p-3,
     .ui-columntoggler .ui-columntoggler-item.ui-column-p-4,
     .ui-columntoggler .ui-columntoggler-item.ui-column-p-5,
     .ui-columntoggler .ui-columntoggler-item.ui-column-p-6 {
         display: none;
     }
     th.ui-helper-hidden,
     td.ui-helper-hidden {
         display: none;
     }
 }
 
 @media screen and (min-width: 20em) {
     .ui-columntoggler .ui-columntoggler-item.ui-column-p-1 {
         display: block;
     }
 }
 
 @media screen and (min-width: 30em) {
     .ui-columntoggler .ui-columntoggler-item.ui-column-p-2 {
         display: block;
     }
 }
 
 @media screen and (min-width: 40em) {
     .ui-columntoggler .ui-columntoggler-item.ui-column-p-3 {
         display: block;
     }
 }
 
 @media screen and (min-width: 50em) {
     .ui-columntoggler .ui-columntoggler-item.ui-column-p-4 {
         display: block;
     }
 }
 
 @media screen and (min-width: 60em) {
     .ui-columntoggler .ui-columntoggler-item.ui-column-p-5 {
         display: block;
     }
 }
 
 @media screen and (min-width: 70em) {
     .ui-columntoggler .ui-columntoggler-item.ui-column-p-6 {
         display: block;
     }
 }
 
 .ui-dashboard-column {
     float: left;
     padding-bottom: 100px;
 }
 
 .ui-dashboard-column .ui-panel-titlebar {
     cursor: move;
 }
 
 .ui-datalist .ui-datalist-header,
 .ui-datalist .ui-datalist-footer {
     text-align: center;
     padding: 4px 10px;
 }
 
 .ui-datalist .ui-datalist-header {
     border-bottom: 0 none;
 }
 
 .ui-datalist .ui-datalist-footer {
     border-top: 0 none;
 }
 
 .ui-datalist .ui-paginator-top {
     border-bottom: 0 none;
 }
 
 .ui-datalist .ui-paginator-bottom {
     border-top: 0 none;
 }
 
 .ui-datalist .ui-datalist-empty-message {
     padding: 4px 10px;
 }
 
 .ui-datalist .ui-datalist-nobullets {
     list-style-type: none;
 }
 
 .ui-datagrid .ui-paginator {
     text-align: center;
 }
 
 .ui-datagrid-column {
     padding: 3px;
 }
 
 .ui-datagrid-content-empty {
     padding: 4px 10px;
 }
 
 .ui-datagrid .ui-datagrid-header,
 .ui-datagrid .ui-datagrid-footer {
     text-align: center;
     padding: 4px 10px;
 }
 
 .ui-datagrid .ui-datagrid-header {
     border-bottom: 0 none;
 }
 
 .ui-datagrid .ui-datagrid-footer {
     border-top: 0 none;
 }
 
 .ui-datagrid .ui-paginator-top {
     border-bottom: 0 none;
 }
 
 .ui-datagrid .ui-paginator-bottom {
     border-top: 0 none;
 }
 
 .ui-datagrid-data {
     width: 100%;
 }
 
 .ui-datascroller .ui-datascroller-header {
     text-align: center;
     padding: 4px 10px;
     border-bottom: 0 none;
 }
 
 .ui-datascroller .ui-datascroller-content {
     padding: 4px 10px;
 }
 
 .ui-datascroller-inline .ui-datascroller-content {
     overflow: auto;
 }
 
 .ui-datascroller .ui-datascroller-list {
     list-style-type: none;
     margin: 0;
     padding: 0;
 }
 
 .ui-datascroller .ui-datascroller-item {
     border: 0 none;
 }
 
 .ui-datascroller .ui-datascroller-loader {
     text-align: center;
     padding: 4px 10px;
 }
 
 .ui-datascroller .ui-datascroller-loading {
     background: url("../../assets/image/gif/loading.gif") center center no-repeat;
     width: 220px;
     height: 19px;
     padding: 0;
     margin: 0;
     display: inline-block;
 }
 
 .ui-datatable table {
     border-collapse: collapse;
     width: 100%;
     table-layout: fixed;
 }
 
 .ui-datatable-tablewrapper {
     overflow: auto;
 }
 
 .ui-datatable .ui-datatable-header,
 .ui-datatable .ui-datatable-footer {
     text-align: center;
     padding: 4px 10px;
 }
 
 .ui-datatable .ui-datatable-header {
     border-bottom: 0 none;
 }
 
 .ui-datatable .ui-datatable-footer {
     border-top: 0 none;
 }
 
 .ui-datatable thead th,
 .ui-datatable tfoot td {
     text-align: center;
 }
 
 .ui-datatable thead th,
 .ui-datatable tbody td,
 .ui-datatable tfoot td,
 .ui-datatable tfoot th {
     padding: 4px 10px;
     overflow: hidden;
     border-width: 1px;
     border-style: solid;
 }
 
 .ui-datatable tbody.ui-datatable-data {
     outline: 0;
 }
 
 .ui-datatable tbody td {
     border-color: inherit;
 }
 
 .ui-datatable .ui-sortable-column {
     cursor: pointer;
 }
 
 .ui-datatable div.ui-dt-c {
     position: relative;
 }
 
 .ui-datatable .ui-sortable-column-icon {
     display: inline-block;
     margin: -3px 0 -3px 2px;
 }
 
 .ui-datatable .ui-column-filter {
     display: block;
     box-sizing: border-box;
     width: 100%;
     margin: auto;
 }
 
 .ui-datatable .ui-row-toggler {
     cursor: pointer;
 }
 
 .ui-datatable tr.ui-state-highlight {
     cursor: pointer;
 }
 
 .ui-datatable .ui-selection-column .ui-chkbox-all {
     display: block;
     margin: 0 auto;
     width: 16px;
     height: 16px;
 }
 
 .ui-datatable-summary {
     display: none;
 }
 
 .ui-datatable-scrollable table,
 .ui-datatable-sticky table {
     table-layout: fixed;
 }
 
 .ui-datatable-scrollable-body {
     overflow: auto;
 }
 
 .ui-datatable-scrollable-header,
 .ui-datatable-scrollable-footer {
     overflow: hidden;
     border: 0 none;
 }
 
 .ui-datatable-scrollable .ui-datatable-scrollable-header,
 .ui-datatable-scrollable .ui-datatable-scrollable-footer {
     position: relative;
 }
 
 .ui-datatable-scrollable .ui-datatable-scrollable-header td {
     font-weight: normal;
 }
 
 .ui-datatable-scrollable-body::-webkit-scrollbar {
     -webkit-appearance: none;
     width: 15px;
     background-color: transparent;
 }
 
 .ui-datatable-scrollable-body::-webkit-scrollbar-thumb {
     border-radius: 8px;
     border: 1px solid white;
     background-color: rgba(194, 194, 194, 0.5);
 }
 
 .ui-datatable .ui-datatable-scrollable-body {
     min-height: 0;
 }
 
 .ui-datatable .ui-datatable-data tr.ui-state-hover {
     border-color: inherit;
     font-weight: inherit;
     cursor: pointer;
 }
 
 .ui-datatable-scrollable-theadclone {
     height: 0;
 }
 
 .ui-datatable-scrollable-theadclone tr {
     height: 0;
 }
 
 .ui-datatable-scrollable-theadclone th.ui-state-default {
     height: 0;
     border-bottom-width: 0;
     border-top-width: 0;
     padding-top: 0;
     padding-bottom: 0;
     outline: 0 none;
 }
 
 .ui-datatable-scrollable-theadclone th span.ui-column-title {
     display: block;
     height: 0;
 }
 
 .ui-datatable .ui-paginator,
 .ui-datatable .ui-paginator {
     padding: 2px;
 }
 
 .ui-datatable .ui-datatable-virtualscroll-wrapper {
     position: relative;
 }
 
 .ui-datatable .ui-datatable-virtualscroll-table {
     top: 0;
     left: 0;
     position: absolute;
 }
 
 .ui-datatable .ui-cell-editor-input {
     display: none;
 }
 
 .ui-datatable .ui-row-editing .ui-cell-editor .ui-cell-editor-output {
     display: none;
 }
 
 .ui-datatable .ui-row-editing .ui-cell-editor .ui-cell-editor-input {
     display: block;
 }
 
 .ui-datatable .ui-row-editor span {
     cursor: pointer;
 }
 
 .ui-datatable .ui-row-editor .ui-row-editor-pencil {
     display: inline-block;
 }
 
 .ui-datatable .ui-row-editing .ui-row-editor .ui-row-editor-pencil {
     display: none;
 }
 
 .ui-datatable .ui-row-editor .ui-row-editor-check,
 .ui-datatable .ui-row-editor .ui-row-editor-close {
     display: none;
 }
 
 .ui-datatable .ui-row-editing .ui-row-editor .ui-row-editor-check,
 .ui-datatable .ui-row-editing .ui-row-editor .ui-row-editor-close {
     display: inline-block;
 }
 
 .ui-datatable .ui-datatable-data tr.ui-row-editing td.ui-editable-column,
 .ui-datatable .ui-datatable-data td.ui-cell-editing {
     padding: 0;
     margin: 0;
 }
 
 .ui-row-editor-outline {
     outline: dotted thin;
 }
 
 .ui-datatable .ui-column-resizer {
     position: absolute;
     top: 0;
     right: 0;
     margin: 0;
     width: 8px;
     height: 100%;
     padding: 0;
     cursor: col-resize;
     background-image: url("../../assets/image/gif/dot_clear.gif");
     border: 1px solid transparent;
     box-sizing: border-box;
 }
 
 .ui-datatable .ui-column-resizer-helper {
     width: 1px;
     position: absolute;
     z-index: 10;
     display: none;
 }
 
 .ui-datatable-resizable {
     padding-bottom: 1px;
     overflow: auto;
 }
 
 .ui-datatable-resizable thead th,
 .ui-datatable-resizable tbody td,
 .ui-datatable-resizable tfoot td {
     white-space: nowrap;
 }
 
 .ui-datatable-resizable table {
     table-layout: fixed;
 }
 
 .ui-datatable-resizable th.ui-resizable-column {
     background-clip: padding-box;
     position: relative;
 }
 
 .ui-datatable-rtl {
     direction: rtl;
 }
 
 .ui-datatable-rtl.ui-datatable thead th,
 .ui-datatable-rtl.ui-datatable tfoot td {
     text-align: right;
 }
 
 .ui-datatable table.ui-datatable-fs {
     width: auto;
 }
 
 .ui-datatable .ui-datatable-frozenlayout-left,
 .ui-datatable .ui-datatable-frozenlayout-right {
     padding: 0;
     border: 0 none;
     vertical-align: top;
 }
 
 .ui-datatable .ui-datatable-frozen-container {
     margin-right: -1px;
 }
 
 .ui-datatable-frozen-container .ui-datatable-scrollable-body {
     overflow: hidden;
 }
 
 .ui-datatable .ui-datatable-frozen-container .ui-row-toggler {
     margin-top: -2px;
     margin-bottom: -2px;
 }
 
 .ui-datatable .ui-datatable-frozen-container .ui-row-editor {
     margin-top: -2px;
     margin-bottom: -2px;
 }
 
 .ui-datatable-frozenlayout-right .ui-datatable-empty-message td {
     text-indent: -9999px;
 }
 
 .ui-datatable-frozenlayout-right .ui-datatable-empty-message td>* {
     visibility: hidden;
 }
 
 .ui-datatable-reflow .ui-datatable-data td[role="gridcell"] .ui-column-title {
     display: none;
 }
 
 .ui-datatable-reflow .ui-reflow-label,
 .ui-datatable-reflow .ui-reflow-dropdown {
     margin-bottom: 10px;
     display: none;
 }
 
 .ui-datatable .ui-rowgroup-header>td>a.ui-rowgroup-toggler {
     padding-right: 1.5em;
     position: relative;
 }
 
 .ui-datatable .ui-rowgroup-header .ui-rowgroup-toggler-icon {
     position: absolute;
     top: 0;
     bottom: 0;
     margin: auto 0;
 }
 
 @media (max-width: 640px) {
     .ui-datatable-reflow thead th,
     .ui-datatable-reflow tfoot td {
         display: none;
     }
     .ui-datatable-reflow .ui-datatable-data td[role="gridcell"]:not(.ui-helper-hidden) {
         text-align: left;
         display: block;
         border: 0 none;
         width: 100%;
         -webkit-box-sizing: border-box;
         -moz-box-sizing: border-box;
         box-sizing: border-box;
         float: left;
         clear: left;
     }
     .ui-datatable-reflow .ui-datatable-data.ui-widget-content {
         border: 0 none;
     }
     .ui-datatable-reflow .ui-datatable-data tr.ui-widget-content {
         border-left: 0 none;
         border-right: 0 none;
     }
     .ui-datatable-reflow .ui-datatable-data td[role="gridcell"] .ui-column-title {
         padding: 0.4em;
         min-width: 30%;
         display: inline-block;
         margin: -0.4em 1em -0.4em -0.4em;
     }
     .ui-datatable-reflow .ui-reflow-label,
     .ui-datatable-reflow .ui-reflow-dropdown {
         display: inline-block;
     }
     .ui-datatable-reflow .ui-reflow-dropdown {
         margin-left: 5px;
         border-top-left-radius: 3px;
         border-bottom-left-radius: 3px;
     }
     .ui-datatable-reflow tr.ui-datatable-empty-message>td {
         display: block;
         border: 0 none;
     }
 }
 
 .ui-dialog {
     position: fixed;
     padding: 0;
     overflow: hidden;
     display: none;
 }
 
 .ui-dialog.ui-dialog-absolute {
     position: absolute;
 }
 
 .ui-dialog.ui-overlay-hidden {
     display: block;
 }
 
 .ui-dialog .ui-dialog-titlebar {
     padding: 0.4em 0.4em 0.4em 1em;
     position: relative;
     border: 0;
 }
 
 .ui-dialog .ui-dialog-title {
     float: left;
     margin: 0.3em 16px 0.1em 0;
 }
 
 .ui-dialog .ui-dialog-content {
     position: relative;
     border: 0;
     padding: 0.5em 1em;
     background: 0;
     overflow: auto;
     zoom: 1;
 }
 
 .ui-dialog .ui-dialog-content.ui-df-content {
     overflow: hidden;
     padding: 0;
 }
 
 .ui-dialog .ui-dialog-footer {
     padding: 0.4em 1em;
     border-width: 1px 0 0 0;
     text-align: left;
 }
 
 .ui-dialog .ui-dialog-buttonpane {
     text-align: left;
     background-image: none;
     margin: 0.5em 0 0 0;
     padding: 0.3em 1em 0.5em 0.4em;
 }
 
 .ui-dialog .ui-dialog-buttonpane button {
     margin: 0.5em 0.4em 0.5em 0;
     cursor: pointer;
 }
 
 .ui-dialog .ui-resizable-se {
     width: 14px;
     height: 14px;
     right: 3px;
     bottom: 3px;
 }
 
 .ui-draggable .ui-dialog-titlebar {
     cursor: move;
 }
 
 .ui-dialog .ui-dialog-titlebar-close,
 .ui-dialog .ui-dialog-titlebar-minimize,
 .ui-dialog .ui-dialog-titlebar-maximize {
     float: right;
     margin: 0;
     top: 0;
     padding: 1px;
     cursor: pointer;
 }
 
 .ui-dialog .ui-dialog-titlebar-close span,
 .ui-dialog .ui-dialog-titlebar-minimize span,
 .ui-dialog .ui-dialog-titlebar-maximize span {
     display: block;
     margin: 0;
 }
 
 .ui-dialog .ui-dialog-titlebar-close:hover,
 .ui-dialog .ui-dialog-titlebar-close:focus,
 .ui-dialog .ui-dialog-titlebar-minimize:hover,
 .ui-dialog .ui-dialog-titlebar-minimize:focus,
 .ui-dialog .ui-dialog-titlebar-maximize:hover,
 .ui-dialog .ui-dialog-titlebar-maximize:focus {
     padding: 0;
 }
 
 .ui-dialog-docking-zone {
     position: fixed;
     bottom: 0;
     left: 0;
 }
 
 .ui-dialog-minimizing {
     border: 2px dotted gray;
 }
 
 .ui-dialog .ui-dialog-message {
     margin-right: 0.5em;
 }
 
 .ui-dialog-mask {
     position: fixed;
     width: 100%;
     height: 100%;
 }
 
 .ui-confirm-dialog .ui-dialog-content {
     padding: 1em;
 }
 
 .ui-confirm-dialog-severity {
     float: left;
     margin-right: 4px;
 }
 
 .ui-confirm-dialog-message {
     display: inline-block;
     margin-top: 1px;
 }
 
 .ui-dialog-rtl {
     direction: rtl;
 }
 
 .ui-dialog.ui-dialog-rtl .ui-dialog-title {
     float: right;
 }
 
 .ui-dialog.ui-dialog-rtl .ui-dialog-titlebar-close,
 .ui-dialog.ui-dialog-rtl .ui-dialog-titlebar-minimize,
 .ui-dialog.ui-dialog-rtl .ui-dialog-titlebar-maximize {
     float: left;
 }
 
 .ui-dialog.ui-dialog-rtl .ui-dialog-footer {
     text-align: right;
 }
 
 .ui-message-dialog .ui-dialog-content {
     padding: 1em;
 }
 
 .ui-fieldset,
 .ui-fieldset .ui-fieldset-legend {
     padding: 0.6em 1em;
 }
 
 .ui-fieldset-toggleable .ui-fieldset-legend {
     padding: 0.5em 1em 0.5em 0.5em;
     cursor: pointer;
     outline: 0;
 }
 
 .ui-fieldset .ui-fieldset-toggler {
     padding-right: 0.1em;
     float: left;
 }
 
 .ui-inputfield {
     margin: 0;
     outline: medium none;
     padding: 4px;
     font-weight: normal;
 }
 
 .ui-widget-header .ui-inputfield,
 .ui-widget-content .ui-inputfield {
     font-weight: normal;
 }
 
 .ui-inputtextarea-resizable {
     overflow: hidden;
     resize: none;
 }
 
 .ui-selectonelistbox,
 .ui-selectmanymenu,
 .ui-multiselectlistbox-listcontainer {
     padding: 2px;
     width: 150px;
 }
 
 .ui-selectonelistbox .ui-selectlistbox-listcontainer,
 .ui-selectmanymenu .ui-selectlistbox-listcontainer,
 .ui-multiselectlistbox-listcontainer {
     overflow: auto;
 }
 
 .ui-selectonelistbox.ui-state-disabled .ui-selectlistbox-listcontainer,
 .ui-selectmanymenu.ui-state-disabled .ui-selectlistbox-listcontainer {
     overflow: hidden;
 }
 
 .ui-selectonelistbox .ui-selectlistbox-list,
 .ui-selectmanymenu .ui-selectlistbox-list,
 .ui-multiselectlistbox .ui-multiselectlistbox-list {
     list-style-type: none;
     margin: 0;
     padding: 0;
 }
 
 .ui-selectonelistbox .ui-selectlistbox-item,
 .ui-selectmanymenu .ui-selectlistbox-item,
 .ui-multiselectlistbox .ui-multiselectlistbox-item {
     margin: 2px;
     border: 0 none;
     cursor: pointer;
     font-weight: normal;
 }
 
 .ui-selectonelistbox table.ui-selectlistbox-list,
 .ui-selectmanymenu table.ui-selectlistbox-list {
     border-collapse: collapse;
     width: 100%;
 }
 
 .ui-selectlistbox-filter.ui-inputfield {
     padding-right: 12%;
     padding-left: 2%;
     width: 85%;
     -moz-box-shadow: none;
     -webkit-box-shadow: none;
     box-shadow: none;
 }
 
 .ui-selectlistbox-filter-container {
     position: relative;
     margin: 0.1em 0 0.1em 0;
     padding: 0;
 }
 
 .ui-selectlistbox-filter-container .ui-icon {
     position: absolute;
     top: 5px;
     right: 2px;
 }
 
 .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer {
     float: left;
     margin-right: 4px;
 }
 
 .ui-multiselectlistbox .ui-multiselectlistbox-item {
     white-space: nowrap;
 }
 
 .ui-multiselectlistbox.ui-state-disabled .ui-multiselectlistbox-item {
     cursor: default;
 }
 
 .ui-multiselectlistbox .ui-multiselectlistbox-header {
     text-align: center;
     padding: 2px 10px;
     border-bottom: 0 none;
 }
 
 .ui-chkbox {
     display: inline-block;
     vertical-align: middle;
 }
 
 .ui-chkbox .ui-chkbox-box {
     width: 16px;
     height: 16px;
     display: inline-block;
     -moz-border-radius: 2px;
     -webkit-border-radius: 2px;
     border-radius: 2px;
 }
 
 .ui-chkbox-icon.ui-icon {
     overflow: visible;
 }
 
 .ui-chkbox .ui-chkbox-label {
     cursor: pointer;
     margin: 0 16px 0 8px;
     outline: medium none;
     z-index: 1;
     display: inline-block;
     vertical-align: top;
 }
 
 .ui-selectmanycheckbox label {
     vertical-align: middle;
     cursor: pointer;
     margin: 0 16px 0 8px;
     outline: medium none;
     z-index: 1;
     display: inline-block;
 }
 
 .ui-selectmanycheckbox .ui-chkbox .ui-chkbox-box {
     display: block;
 }
 
 .ui-selectoneradio label {
     cursor: pointer;
     display: inline-block;
     margin: 0 16px 0 8px;
     vertical-align: middle;
 }
 
 .ui-selectmanycheckbox.ui-widget td,
 .ui-selectoneradio.ui-widget td {
     border: 0 none;
 }
 
 .ui-panelgrid .ui-selectoneradio.ui-grid-responsive .ui-grid-row,
 .ui-panelgrid .ui-selectmanycheckbox.ui-grid-responsive .ui-grid-row {
     border-top: 0 none;
 }
 
 .ui-selectoneradio.ui-grid-responsive .ui-grid-row>div,
 .ui-selectmanycheckbox.ui-grid-responsive .ui-grid-row>div {
     padding: 0.5em;
 }
 
 .ui-selectmanycheckbox .ui-selectmanycheckbox-item-group {
     font-weight: bold;
 }
 
 .ui-selectmanycheckbox .ui-selectmanycheckbox-responsive-group {
     padding: 0.5em 0.5em 0.5em 0;
 }
 
 .ui-radiobutton {
     margin: 3px 0;
     width: 16px;
     line-height: 16px;
     display: inline-block;
     vertical-align: middle;
 }
 
 .ui-radiobutton .ui-radiobutton-box {
     width: 16px;
     height: 16px;
     line-height: 16px;
     -moz-border-radius: 10px;
     -webkit-border-radius: 10px;
     border-radius: 10px;
 }
 
 .ui-radiobutton-icon {
     margin-left: 1px;
 }
 
 .ui-radiobutton.ui-radiobutton-native {
     margin: 0;
     padding: 0;
 }
 
 .ui-radiobutton.ui-radiobutton-native .ui-helper-hidden-accessible {
     clip: auto;
     position: static !important;
     width: auto;
     height: auto;
     overflow: visible;
     margin: 0;
     padding: 0;
 }
 
 .ui-radiobutton.ui-radiobutton-native .ui-radiobutton-box {
     display: none;
 }
 
 .ui-radiobutton.ui-radiobutton-native .ui-helper-hidden-accessible input {
     margin: 0;
 }
 
 .ui-selectoneradio-native label {
     margin: 0;
 }
 
 .ui-selectonemenu {
     display: inline-block;
     position: relative;
     width: auto;
     zoom: 1;
     cursor: pointer;
     padding-right: 22px;
     vertical-align: top;
 }
 
 .ui-selectonemenu .ui-selectonemenu-trigger {
     border-right: 0;
     border-top: 0;
     border-bottom: 0;
     cursor: pointer;
     width: 16px;
     height: 100%;
     position: absolute;
     right: 0;
     top: 0;
     padding: 0 3px;
 }
 
 .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon {
     position: absolute;
     margin: auto;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
 }
 
 .ui-selectonemenu .ui-selectonemenu-label {
     display: block;
     border: 0;
     white-space: nowrap;
     overflow: hidden;
     font-weight: normal;
     width: 100%;
     text-align: left;
 }
 
 .ui-selectonemenu.ui-state-disabled .ui-selectonemenu-trigger,
 .ui-selectonemenu.ui-state-disabled .ui-selectonemenu-label {
     cursor: default;
 }
 
 .ui-selectonemenu label.ui-selectonemenu-label {
     cursor: pointer;
 }
 
 .ui-selectonemenu input.ui-selectonemenu-label {
     cursor: default;
 }
 
 .ui-selectonemenu-panel {
     position: absolute;
     height: auto;
 }
 
 .ui-selectonemenu-panel .ui-selectonemenu-items-wrapper {
     overflow: auto;
 }
 
 .ui-selectonemenu-panel .ui-selectonemenu-item {
     font-weight: normal;
     cursor: pointer;
 }
 
 .ui-selectonemenu-panel .ui-selectonemenu-item-group {
     font-weight: bold;
 }
 
 .ui-selectonemenu-panel .ui-selectonemenu-list {
     padding: 0.4em;
     border: 0 none;
 }
 
 .ui-selectonemenu-panel .ui-selectonemenu-list-item {
     border: 0 none;
     margin: 1px 0;
     padding: 3px 5px;
     text-align: left;
     white-space: nowrap;
 }
 
 .ui-selectonemenu-panel .ui-selectonemenu-table {
     border-collapse: collapse;
     width: 100%;
 }
 
 .ui-selectonemenu-panel .ui-selectonemenu-table td {
     border-color: inherit;
 }
 
 .ui-selectonemenu-panel .ui-selectonemenu-table th,
 .ui-selectonemenu-panel .ui-selectonemenu-table td {
     border-width: 1px;
     border-style: solid;
     padding: 4px 10px 4px 10px;
 }
 
 .ui-selectonemenu-panel .ui-selectonemenu-filter {
     width: 85%;
     padding-right: 15px;
 }
 
 .ui-selectonemenu-panel .ui-selectonemenu-filter-container {
     position: relative;
     margin: 0;
     padding: 0.4em;
     display: inline-block;
 }
 
 .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon {
     position: absolute;
     top: 10px;
     right: 10px;
 }
 
 .ui-state-disabled a {
     outline: 0;
 }
 
 .ui-button {
     display: inline-block;
     position: relative;
     padding: 0;
     margin-right: 0.1em;
     text-decoration: none !important;
     cursor: pointer;
     text-align: center;
     zoom: 1;
     overflow: visible;
 }
 
 .ui-button-icon-only {
     width: 2.4em;
 }
 
 .ui-button .ui-button-text {
     display: block;
     line-height: normal;
 }
 
 .ui-button-text-only .ui-button-text {
     padding: 0.3em 1em;
 }
 
 .ui-button-icon-only .ui-button-text {
     padding: 0.3em;
     text-indent: -9999999px;
 }
 
 .ui-button-text-icon-left .ui-button-text {
     padding: 0.3em 1em 0.3em 2.1em;
 }
 
 .ui-button-text-icon-right .ui-button-text {
     padding: 0.3em 2.1em 0.3em 1em;
 }
 
 .ui-button-icon-only .ui-icon,
 .ui-button-text-icon-left .ui-icon,
 .ui-button-text-icon-right .ui-icon {
     position: absolute;
     top: 50%;
     margin-top: -8px;
 }
 
 .ui-button-icon-only .ui-icon.fa,
 .ui-button-text-icon-left .ui-icon.fa,
 .ui-button-text-icon-right .ui-icon.fa,
 .ui-button-icon-only .ui-icon.fab,
 .ui-button-text-icon-left .ui-icon.fab,
 .ui-button-text-icon-right .ui-icon.fab,
 .ui-button-icon-only .ui-icon.far,
 .ui-button-text-icon-left .ui-icon.far,
 .ui-button-text-icon-right .ui-icon.far,
 .ui-button-icon-only .ui-icon.fas,
 .ui-button-text-icon-left .ui-icon.fas,
 .ui-button-text-icon-right .ui-icon.fas {
     margin-top: -7px;
 }
 
 .ui-button-icon-only .ui-icon {
     left: 50%;
     margin-left: -8px;
 }
 
 .ui-button-icon-left {
     left: 0.5em;
 }
 
 .ui-button-icon-right {
     right: 0.5em;
 }
 
 .ui-buttonset {
     margin-right: 7px;
 }
 
 .ui-buttonset .ui-button {
     margin-left: 0;
     margin-right: 0;
 }
 
 button.ui-button::-moz-focus-inner {
     border: 0;
     padding: 0;
 }
 
 .ui-selectcheckboxmenu {
     display: inline-block;
     position: relative;
     width: auto;
     zoom: 1;
     cursor: pointer;
 }
 
 .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger {
     border-right: 0;
     border-top: 0;
     border-bottom: 0;
     cursor: pointer;
     width: 16px;
     height: 100%;
     position: absolute;
     right: 0;
     top: 0;
     padding: 0 3px;
 }
 
 .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon {
     margin-top: 3px;
 }
 
 .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label {
     display: block;
     padding: 3px 26px 3px 5px;
     width: auto;
     border: 0;
     cursor: pointer;
 }
 
 .ui-selectcheckboxmenu.ui-state-disabled .ui-selectcheckboxmenu-trigger,
 .ui-selectcheckboxmenu.ui-state-disabled .ui-selectcheckboxmenu-label {
     cursor: auto;
 }
 
 .ui-selectcheckboxmenu-panel {
     padding: 0.2em;
     position: absolute;
     overflow: hidden;
     -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.8);
     -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.8);
     box-shadow: 0 5px 10px rgba(0, 0, 0, 0.8);
 }
 
 .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items-wrapper {
     overflow: auto;
     position: relative;
     padding: 0.2em 0;
 }
 
 .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-list {
     border: 0 none;
 }
 
 .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-list-item {
     border: 0 none;
     cursor: pointer;
     font-weight: normal;
     margin: 1px 0;
     padding: 3px 5px;
     text-align: left;
     white-space: nowrap;
 }
 
 .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-list-item {
     display: block;
     position: relative;
 }
 
 .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-list-item .ui-chkbox {
     position: absolute;
     top: 50%;
     margin-top: -8px;
 }
 
 .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-list-item label {
     display: block;
     padding-left: 2em;
 }
 
 .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-item-group {
     font-weight: bold;
 }
 
 .ui-selectcheckboxmenu-header {
     margin-bottom: 0.3em;
     padding: 0.3em 0 0.3em 0.4em;
 }
 
 .ui-selectcheckboxmenu-header .ui-chkbox {
     float: left;
     cursor: pointer;
 }
 
 .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container {
     float: left;
     position: relative;
     margin-left: 5px;
 }
 
 .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon {
     position: absolute;
     right: 5px;
     top: 2px;
 }
 
 .ui-selectcheckboxmenu-header .ui-inputfield {
     padding: 1px 20px 1px 2px;
 }
 
 .ui-selectcheckboxmenu-header span.ui-icon {
     float: left;
 }
 
 .ui-selectcheckboxmenu-header a.ui-selectcheckboxmenu-all,
 .ui-selectcheckboxmenu-header a.ui-selectcheckboxmenu-none {
     float: left;
     margin-right: 10px;
     display: block;
 }
 
 .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close {
     float: right;
     padding: 1px;
     margin-right: 0.2em;
     display: block;
 }
 
 .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close.ui-state-hover {
     padding: 0;
 }
 
 .ui-selectcheckboxmenu-multiple-container {
     clear: left;
     cursor: pointer;
     list-style-type: none;
     margin: 0;
     min-height: 24px;
     overflow: hidden;
     min-width: 100px;
 }
 
 .ui-selectcheckboxmenu-multiple-container.ui-inputfield {
     padding: 0 22px 0 0;
     border: 0;
 }
 
 .ui-selectcheckboxmenu-token {
     cursor: default;
     float: left;
     overflow: hidden;
     padding: 1px 3px;
     white-space: nowrap;
     position: relative;
     margin: 2px;
 }
 
 .ui-selectcheckboxmenu-token-label {
     display: block;
     padding: 0 2.1em 0 0.5em;
 }
 
 .ui-selectcheckboxmenu-token-icon {
     margin-top: -9px;
     position: absolute;
     right: 0.2em;
     top: 50%;
     cursor: pointer;
 }
 
 .ui-selectcheckboxmenu-input-token {
     float: left;
     list-style-type: none;
     margin: 1px;
     padding: 0;
 }
 
 .ui-selectcheckboxmenu-input-token input {
     border: 0 none;
     width: 140px;
     outline: medium none;
     background-color: transparent;
     margin: 2px;
 }
 
 .ui-selectcheckboxmenu-multiple .ui-selectcheckboxmenu-trigger .ui-icon {
     position: relative;
     top: 50%;
     margin-top: -8px;
 }
 
 .ui-splitbutton {
     position: relative;
     padding-right: 2em;
 }
 
 .ui-splitbutton .ui-button.ui-splitbutton-menubutton {
     position: absolute;
     top: 0;
     margin-left: -1px;
     right: 0;
 }
 
 .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container {
     position: relative;
     margin: 0;
     padding: 0.4em 0;
     display: inline-block;
 }
 
 .ui-splitbuttonmenu .ui-splitbuttonmenu-filter {
     width: 100%;
     padding-right: 15px;
     -moz-box-sizing: border-box;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
 }
 
 .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-icon {
     position: absolute;
     top: 10px;
     right: 10px;
 }
 
 .ui-splitbuttonmenu .ui-splitbuttonmenu-list-wrapper {
     overflow: auto;
 }
 
 .ui-splitbuttonmenu.ui-menu .ui-menu-list .ui-widget-header,
 .ui-splitbuttonmenu.ui-menu .ui-menuitem-link {
     width: 100%;
     -moz-box-sizing: border-box;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
 }
 
 div.ui-button,
 .ui-splitbutton {
     display: inline-block;
     zoom: 1;
 }
 
 .ui-password-panel {
     padding: 4px 10px;
     width: 150px;
     margin-top: 2px;
 }
 
 .ui-password-panel .ui-password-meter {
     height: 10px;
     background: transparent url("../../assets/image/png/password-meter-01.png") no-repeat left top;
     padding: 0;
     margin: 0;
 }
 
 .ui-password-info {
     margin-top: 4px;
 }
 
 .ui-password-panel-overlay {
     position: absolute;
 }
 
 .ui-outputlabel.ui-state-error {
     border: 0 none;
 }
 
 .ui-outputlabel .ui-outputlabel-rfi {
     margin-left: 0.4em;
 }
 
 .ui-selectonebutton {
     display: inline-block;
     padding: 1px;
 }
 
 .ui-selectonebutton.ui-state-error {
     padding: 0;
 }
 
 .ui-selectonebutton .ui-button.ui-state-focus {
     outline: 0;
 }
 
 .ui-selectmanybutton {
     display: inline-block;
     padding: 1px;
 }
 
 .ui-selectmanybutton.ui-state-error {
     padding: 0;
 }
 
 .ui-selectmanybutton .ui-button.ui-state-focus {
     outline: 0;
 }
 
 .ui-fluid .ui-inputfield {
     box-sizing: border-box;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
 }
 
 .ui-fluid .ui-inputtext {
     width: 100%;
 }
 
 .ui-fluid .ui-inputnumber {
     width: 100%;
 }
 
 .ui-fluid .ui-inputtext[size],
 .ui-fluid .ui-inputfield[size] {
     width: auto;
 }
 
 .ui-fluid .ui-inputtextarea {
     width: 100%;
 }
 
 .ui-fluid .ui-selectonemenu {
     width: 100%;
     box-sizing: border-box;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
 }
 
 .ui-fluid .ui-selectonemenu .ui-selectonemenu-trigger {
     width: 32px;
     padding: 0 6px;
     box-sizing: border-box;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
 }
 
 .ui-fluid .ui-calendar,
 .ui-fluid .ui-calendar input {
     width: 100%;
 }
 
 .ui-fluid .ui-calendar {
     position: relative;
 }
 
 .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button {
     position: absolute;
     right: -2px;
     width: 2.4em;
 }
 
 .ui-fluid .ui-trigger-calendar .ui-button-icon-only .ui-button-text {
     padding: 0.28em;
 }
 
 .ui-fluid .ui-trigger-calendar input.hasDatepicker {
     padding-right: 2.4em;
 }
 
 .ui-fluid .ui-spinner {
     width: 100%;
 }
 
 .ui-fluid .ui-spinner .ui-spinner-input {
     padding-right: 36px;
     width: 100%;
 }
 
 .ui-fluid .ui-spinner .ui-spinner-button {
     width: auto;
 }
 
 .ui-fluid .ui-spinner .ui-spinner-button .ui-icon {
     left: 6px;
 }
 
 .ui-fluid .ui-autocomplete,
 .ui-fluid .ui-autocomplete-input {
     width: 100%;
 }
 
 .ui-fluid .ui-autocomplete .ui-autocomplete-dropdown.ui-button {
     width: 2.4em;
 }
 
 .ui-fluid .ui-inputmask {
     width: 100%;
 }
 
 .ui-fluid .ui-password {
     width: 100%;
 }
 
 .ui-fluid .ui-keyboard-input {
     width: 100%;
 }
 
 .ui-fluid .ui-selectcheckboxmenu {
     width: 100%;
     box-sizing: border-box;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
 }
 
 .ui-fluid .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon {
     margin-left: auto;
     margin-right: auto;
 }
 
 .ui-fluid .ui-selectcheckboxmenu-trigger {
     width: 32px;
     box-sizing: border-box;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
 }
 
 .ui-fluid .ui-button {
     width: 100%;
     box-sizing: border-box;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
 }
 
 .ui-fluid .ui-buttonset {
     width: 100%;
 }
 
 .ui-fluid .ui-buttonset.ui-buttonset-1 .ui-button {
     width: 100%;
 }
 
 .ui-fluid .ui-buttonset.ui-buttonset-2 .ui-button {
     width: 50%;
 }
 
 .ui-fluid .ui-buttonset.ui-buttonset-3 .ui-button {
     width: 33.3%;
 }
 
 .ui-fluid .ui-buttonset.ui-buttonset-4 .ui-button {
     width: 25%;
 }
 
 .ui-fluid .ui-buttonset.ui-buttonset-5 .ui-button {
     width: 20%;
 }
 
 .ui-fluid .ui-buttonset.ui-buttonset-6 .ui-button {
     width: 16.6%;
 }
 
 @media (max-width: 640px) {
     .ui-fluid .ui-buttonset.ui-buttonset-1 .ui-button,
     .ui-fluid .ui-buttonset.ui-buttonset-2 .ui-button,
     .ui-fluid .ui-buttonset.ui-buttonset-3 .ui-button,
     .ui-fluid .ui-buttonset.ui-buttonset-4 .ui-button,
     .ui-fluid .ui-buttonset.ui-buttonset-5 .ui-button,
     .ui-fluid .ui-buttonset.ui-buttonset-6 .ui-button {
         width: 100%;
     }
 }
 
 .ui-fluid .ui-splitbutton {
     width: 100%;
     box-sizing: border-box;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
 }
 
 .ui-fluid .ui-splitbutton .ui-button {
     width: 100%;
 }
 
 .ui-fluid .ui-splitbutton .ui-button.ui-splitbutton-menubutton {
     width: 32px;
     box-sizing: border-box;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
 }
 
 .ui-fluid .ui-selectonelistbox,
 .ui-fluid .ui-selectmanymenu {
     width: 100%;
 }
 
 .ui-inputgroup {
     display: -webkit-box;
     display: -moz-box;
     display: -ms-flexbox;
     display: -webkit-flex;
     display: flex;
 }
 
 .ui-inputgroup .ui-inputgroup-addon,
 .ui-inputgroup .ui-inputgroup-addon-checkbox {
     display: inline-block;
     text-align: center;
     min-width: 1.5em;
     border-width: 1px;
     border-style: solid;
 }
 
 .ui-inputgroup .ui-inputgroup-addon {
     padding: 4px;
 }
 
 .ui-inputgroup .ui-inputgroup-addon-checkbox {
     padding: 1px;
 }
 
 .ui-inputgroup .ui-inputgroup-addon+.ui-inputgroup-addon {
     border-left: 0 none;
 }
 
 .ui-inputgroup .ui-inputtext,
 .ui-inputgroup .ui-inputtextarea,
 .ui-inputgroup .ui-password,
 .ui-inputgroup .ui-autocomplete-input,
 .ui-inputgroup .ui-chips-container,
 .ui-inputgroup .ui-spinner-input {
     padding-left: 0.5em;
 }
 
 .ui-inputgroup>.ui-inputtext:not(:first-child),
 .ui-inputgroup>.ui-inputtextarea:not(:first-child),
 .ui-inputgroup>.ui-password:not(:first-child),
 .ui-inputgroup>.ui-inputnumber:not(:first-child)>.ui-inputtext,
 .ui-inputgroup>.ui-inputmask:not(:first-child),
 .ui-inputgroup>.ui-calendar:not(:first-child)>.ui-inputfield,
 .ui-inputgroup>.ui-chips:not(:first-child)>.ui-chips-container,
 .ui-inputgroup>.ui-selectonemenu:not(:first-child),
 .ui-inputgroup>.ui-selectonebutton:not(:first-child)>.ui-button,
 .ui-inputgroup>.ui-autocomplete:not(:first-child)>.ui-autocomplete-input,
 .ui-inputgroup>.ui-spinner:not(:first-child),
 .ui-inputgroup>.ui-spinner:not(:first-child)>.ui-spinner-input {
     border-top-left-radius: 0;
     border-bottom-left-radius: 0;
     border-left: 0 none;
 }
 
 .ui-inputgroup>.ui-inputtext:not(:last-child),
 .ui-inputgroup>.ui-inputtextarea:not(:last-child),
 .ui-inputgroup>.ui-password:not(:last-child),
 .ui-inputgroup>.ui-inputnumber:not(:last-child)>.ui-inputtext,
 .ui-inputgroup>.ui-inputmask:not(:last-child),
 .ui-inputgroup>.ui-selectonemenu:not(:last-child),
 .ui-inputgroup>.ui-calendar:not(:last-child)>.ui-inputfield,
 .ui-inputgroup>.ui-chips:not(:last-child)>.ui-chips-container,
 .ui-inputgroup>.ui-selectonebutton:not(:last-child)>.ui-button,
 .ui-inputgroup>.ui-autocomplete:not(:last-child)>.ui-autocomplete-input,
 .ui-inputgroup>.ui-spinner:not(:last-child),
 .ui-inputgroup>.ui-spinner:not(:last-child)>.ui-spinner-input,
 .ui-inputgroup>.ui-spinner:not(:last-child)>.ui-spinner-button {
     border-top-right-radius: 0;
     border-bottom-right-radius: 0;
     border-right: 0 none;
 }
 
 .ui-inputgroup .ui-button {
     margin-right: 0;
     border-radius: 0;
 }
 
 .ui-inputgroup .ui-inputgroup-addon-checkbox .ui-chkbox {
     margin-right: 0;
     vertical-align: bottom;
     position: relative;
     top: 2px;
 }
 
 .ui-inputgroup .ui-button .ui-button-text {
     padding-bottom: 4px;
     padding-top: 4px;
 }
 
 .ui-fluid .ui-inputgroup .ui-button {
     width: auto;
 }
 
 .ui-fluid .ui-inputgroup .ui-button-icon-only {
     min-width: 2.2em;
 }
 
 .ui-grid {
     clear: both;
     padding: 0;
     margin: 0;
 }
 
 .ui-grid:before,
 .ui-grid:after {
     content: "";
     display: table;
 }
 
 .ui-grid:after {
     clear: both;
 }
 
 .ui-grid .ui-grid-row {
     display: -webkit-box;
     display: -moz-box;
     display: -ms-flexbox;
     display: -webkit-flex;
     display: flex;
     clear: both;
 }
 
 .ui-grid-row:after {
     clear: both;
     content: "";
     display: table;
 }
 
 .ui-grid-col-1,
 .ui-grid-col-2,
 .ui-grid-col-3,
 .ui-grid-col-4,
 .ui-grid-col-5,
 .ui-grid-col-6,
 .ui-grid-col-7,
 .ui-grid-col-8,
 .ui-grid-col-9,
 .ui-grid-col-10,
 .ui-grid-col-11,
 .ui-grid-col-12 {
     float: left;
     box-sizing: border-box;
 }
 
 .ui-grid-col-1 {
     width: 8.33333%;
 }
 
 .ui-grid-col-2 {
     width: 16.66666%;
 }
 
 .ui-grid-col-3 {
     width: 25%;
 }
 
 .ui-grid-col-4 {
     width: 33.33333%;
 }
 
 .ui-grid-col-5 {
     width: 41.66666%;
 }
 
 .ui-grid-col-6 {
     width: 50%;
 }
 
 .ui-grid-col-7 {
     width: 58.33333%;
 }
 
 .ui-grid-col-8 {
     width: 66.66666%;
 }
 
 .ui-grid-col-9 {
     width: 75%;
 }
 
 .ui-grid-col-10 {
     width: 83.33333%;
 }
 
 .ui-grid-col-11 {
     width: 91.66666%;
 }
 
 .ui-grid-col-12 {
     width: 100%;
 }
 
 @media (min-width: 480px) {
     .ui-grid-fixed {
         width: 480px;
     }
 }
 
 @media (min-width: 768px) {
     .ui-grid-fixed {
         width: 768px;
     }
 }
 
 @media (min-width: 960px) {
     .ui-grid-fixed {
         width: 960px;
     }
 }
 
 @media (min-width: 1024px) {
     .ui-grid-fixed {
         width: 1024px;
     }
 }
 
 @media (max-width: 640px) {
     .ui-grid-responsive .ui-grid-row {
         display: block;
     }
     .ui-grid-responsive .ui-grid-col-1,
     .ui-grid-responsive .ui-grid-col-2,
     .ui-grid-responsive .ui-grid-col-3,
     .ui-grid-responsive .ui-grid-col-4,
     .ui-grid-responsive .ui-grid-col-5,
     .ui-grid-responsive .ui-grid-col-6,
     .ui-grid-responsive .ui-grid-col-7,
     .ui-grid-responsive .ui-grid-col-8,
     .ui-grid-responsive .ui-grid-col-9,
     .ui-grid-responsive .ui-grid-col-10,
     .ui-grid-responsive .ui-grid-col-11,
     .ui-grid-responsive .ui-grid-col-12 {
         width: 100%;
         float: none;
     }
 }
 
 .ui-g {
     display: -webkit-box;
     display: -moz-box;
     display: -ms-flexbox;
     display: -webkit-flex;
     display: flex;
     flex-wrap: wrap;
     -ms-flex-wrap: wrap;
 }
 
 .ui-g:after {
     clear: both;
     content: "";
     display: table;
 }
 
 .ui-g-1,
 .ui-g-2,
 .ui-g-3,
 .ui-g-4,
 .ui-g-5,
 .ui-g-6,
 .ui-g-7,
 .ui-g-8,
 .ui-g-9,
 .ui-g-10,
 .ui-g-11,
 .ui-g-12 {
     float: left;
     box-sizing: border-box;
     padding: 0.5em;
 }
 
 .ui-g-1 {
     width: 8.33333%;
 }
 
 .ui-g-2 {
     width: 16.66666%;
 }
 
 .ui-g-3 {
     width: 25%;
 }
 
 .ui-g-4 {
     width: 33.33333%;
 }
 
 .ui-g-5 {
     width: 41.66666%;
 }
 
 .ui-g-6 {
     width: 50%;
 }
 
 .ui-g-7 {
     width: 58.33333%;
 }
 
 .ui-g-8 {
     width: 66.66666%;
 }
 
 .ui-g-9 {
     width: 75%;
 }
 
 .ui-g-10 {
     width: 83.33333%;
 }
 
 .ui-g-11 {
     width: 91.66666%;
 }
 
 .ui-g-12 {
     width: 100%;
 }
 
 @media screen and (max-width: 40em) {
     .ui-sm-1,
     .ui-sm-2,
     .ui-sm-3,
     .ui-sm-4,
     .ui-sm-5,
     .ui-sm-6,
     .ui-sm-7,
     .ui-sm-8,
     .ui-sm-9,
     .ui-sm-10,
     .ui-sm-11,
     .ui-sm-12 {
         padding: 0.5em;
     }
     .ui-sm-1 {
         width: 8.33333%;
     }
     .ui-sm-2 {
         width: 16.66666%;
     }
     .ui-sm-3 {
         width: 25%;
     }
     .ui-sm-4 {
         width: 33.33333%;
     }
     .ui-sm-5 {
         width: 41.66666%;
     }
     .ui-sm-6 {
         width: 50%;
     }
     .ui-sm-7 {
         width: 58.33333%;
     }
     .ui-sm-8 {
         width: 66.66666%;
     }
     .ui-sm-9 {
         width: 75%;
     }
     .ui-sm-10 {
         width: 83.33333%;
     }
     .ui-sm-11 {
         width: 91.66666%;
     }
     .ui-sm-12 {
         width: 100%;
     }
 }
 
 @media screen and (min-width: 40.063em) {
     .ui-md-1,
     .ui-md-2,
     .ui-md-3,
     .ui-md-4,
     .ui-md-5,
     .ui-md-6,
     .ui-md-7,
     .ui-md-8,
     .ui-md-9,
     .ui-md-10,
     .ui-md-11,
     .ui-md-12 {
         padding: 0.5em;
     }
     .ui-md-1 {
         width: 8.33333%;
     }
     .ui-md-2 {
         width: 16.66666%;
     }
     .ui-md-3 {
         width: 25%;
     }
     .ui-md-4 {
         width: 33.33333%;
     }
     .ui-md-5 {
         width: 41.66666%;
     }
     .ui-md-6 {
         width: 50%;
     }
     .ui-md-7 {
         width: 58.33333%;
     }
     .ui-md-8 {
         width: 66.66666%;
     }
     .ui-md-9 {
         width: 75%;
     }
     .ui-md-10 {
         width: 83.33333%;
     }
     .ui-md-11 {
         width: 91.66666%;
     }
     .ui-md-12 {
         width: 100%;
     }
 }
 
 @media screen and (min-width: 64.063em) {
     .ui-lg-1,
     .ui-lg-2,
     .ui-lg-3,
     .ui-lg-4,
     .ui-lg-5,
     .ui-lg-6,
     .ui-lg-7,
     .ui-lg-8,
     .ui-lg-9,
     .ui-lg-10,
     .ui-lg-11,
     .ui-lg-12 {
         padding: 0.5em;
     }
     .ui-lg-1 {
         width: 8.33333%;
     }
     .ui-lg-2 {
         width: 16.66666%;
     }
     .ui-lg-3 {
         width: 25%;
     }
     .ui-lg-4 {
         width: 33.33333%;
     }
     .ui-lg-5 {
         width: 41.66666%;
     }
     .ui-lg-6 {
         width: 50%;
     }
     .ui-lg-7 {
         width: 58.33333%;
     }
     .ui-lg-8 {
         width: 66.66666%;
     }
     .ui-lg-9 {
         width: 75%;
     }
     .ui-lg-10 {
         width: 83.33333%;
     }
     .ui-lg-11 {
         width: 91.66666%;
     }
     .ui-lg-12 {
         width: 100%;
     }
 }
 
 @media screen and (min-width: 90.063em) {
     .ui-xl-1,
     .ui-xl-2,
     .ui-xl-3,
     .ui-xl-4,
     .ui-xl-5,
     .ui-xl-6,
     .ui-xl-7,
     .ui-xl-8,
     .ui-xl-9,
     .ui-xl-10,
     .ui-xl-11,
     .ui-xl-12 {
         padding: 0.5em;
     }
     .ui-xl-1 {
         width: 8.33333%;
     }
     .ui-xl-2 {
         width: 16.66666%;
     }
     .ui-xl-3 {
         width: 25%;
     }
     .ui-xl-4 {
         width: 33.33333%;
     }
     .ui-xl-5 {
         width: 41.66666%;
     }
     .ui-xl-6 {
         width: 50%;
     }
     .ui-xl-7 {
         width: 58.33333%;
     }
     .ui-xl-8 {
         width: 66.66666%;
     }
     .ui-xl-9 {
         width: 75%;
     }
     .ui-xl-10 {
         width: 83.33333%;
     }
     .ui-xl-11 {
         width: 91.66666%;
     }
     .ui-xl-12 {
         width: 100%;
     }
 }
 
 .ui-g-nopad {
     padding: 0;
 }
 
 .ui-growl {
     position: fixed;
     top: 20px;
     right: 20px;
     width: 301px;
 }
 
 .ui-growl-item-container {
     position: relative;
     margin: 0 0 10px 0;
     opacity: 0.85;
     filter: alpha(opacity=85);
 }
 
 .ui-growl-item {
     display: block;
     padding: 10px 15px;
 }
 
 .ui-growl-item p {
     padding: 0;
     margin: 0;
 }
 
 .ui-growl-icon-close {
     position: absolute;
     top: 5px;
     right: 3px;
     cursor: pointer;
 }
 
 .ui-growl-title {
     font-weight: bold;
     padding: 0 0 7px 0;
     display: block;
 }
 
 .ui-growl-image {
     width: 32px;
     height: 32px;
     float: left;
     margin: 0;
     padding: 0;
     display: block;
     background: url("../../assets/image/png/messages.png") no-repeat;
 }
 
 .ui-growl-image-info {
     background-position: 0 -264px;
 }
 
 .ui-growl-image-warn {
     background-position: 0 -396px;
 }
 
 .ui-growl-image-error {
     background-position: 0 0;
 }
 
 .ui-growl-image-fatal {
     background-position: 0 -132px;
 }
 
 .ui-growl-message {
     padding: 0 0 5px 0;
     width: 220px;
     float: right;
 }
 
 .ui-growl-message p {
     font-weight: normal;
 }
 
 .ui-inplace .ui-inplace-display {
     cursor: pointer;
     border: 0 none !important;
 }
 
 .ui-inplace .ui-inplace-disabled {
     cursor: default;
 }
 
 .ui-inplace .ui-inplace-editor {
     margin-left: 0.1em;
 }
 
 .ui-lightbox {
     position: fixed;
 }
 
 .ui-lightbox-content-wrapper {
     position: relative;
 }
 
 .ui-lightbox-content {
     position: relative;
     margin: 0;
     padding: 0;
     background-color: #000;
 }
 
 .ui-lightbox-nav-right,
 .ui-lightbox-nav-left {
     position: absolute;
     top: 50%;
     cursor: pointer;
 }
 
 .ui-lightbox-nav-left {
     left: 0;
 }
 
 .ui-lightbox-nav-right {
     right: 0;
 }
 
 .ui-lightbox-loading {
     background: url("../../assets/image/gif/loading-01.gif") #000 center center no-repeat;
 }
 
 .ui-lightbox-caption {
     padding: 0.2em 0.4em;
     display: none;
 }
 
 .ui-lightbox-caption-text {
     margin: 0.3em 0 0.1em 0;
     float: left;
 }
 
 .ui-lightbox-close {
     float: right;
     margin: 0;
     padding: 1px;
 }
 
 .ui-lightbox-close.ui-state-hover {
     padding: 0;
 }
 
 .ui-menu {
     width: 12.5em;
     padding: 0.3em;
     position: relative;
     outline: 0 none;
 }
 
 .ui-menu.ui-menu-dynamic {
     position: absolute;
     display: none;
     z-index: 100000;
 }
 
 .ui-menu-list {
     position: static;
 }
 
 .ui-menu .ui-menu-list .ui-menuitem {
     border: 0;
 }
 
 .ui-menu .ui-menu-list .ui-widget-header {
     clear: both;
     float: left;
     width: 98%;
     margin: 1px 0;
 }
 
 .ui-menu .ui-menuitem {
     width: 100%;
     float: left;
     clear: both;
     margin: 1px 0;
     padding: 0;
 }
 
 .ui-menu .ui-menuitem-parent {
     width: 100%;
     float: left;
     clear: both;
     margin: 1px 0;
     padding: 0;
 }
 
 .ui-menu .ui-menuitem-link {
     display: block;
     width: 92%;
     outline: 0;
     text-decoration: none;
     font-weight: 400;
     border: solid 1px transparent;
     float: left;
     line-height: 16px;
     padding: 0.3em;
     cursor: pointer;
 }
 
 .ui-menu .ui-menuitem-link .ui-menuitem-icon,
 .ui-menu .ui-submenu-icon {
     display: inline-block;
     float: left;
 }
 
 .ui-menu .ui-submenu-icon {
     margin-top: 1px;
 }
 
 .ui-menu .ui-menuitem-text {
     float: left;
 }
 
 .ui-menu .ui-widget-header h1,
 .ui-menu .ui-widget-header h2,
 .ui-menu .ui-widget-header h3,
 .ui-menu .ui-widget-header h4,
 .ui-menu .ui-widget-header h5,
 .ui-menu .ui-widget-header h6 {
     float: left;
     display: block;
     font-size: 1em;
     margin: 0 auto;
     padding: 0.3em 3%;
 }
 
 .ui-menu .ui-menu-parent .ui-menu-child {
     display: none;
     width: 12.5em;
     padding: 0.3em;
     position: absolute;
     margin: 0;
     outline: 0;
     line-height: 1.3;
     text-decoration: none;
     font-size: 100%;
     list-style: none;
 }
 
 .ui-menu .ui-menu-parent {
     position: relative;
 }
 
 .ui-menu.ui-menu-toggleable li.ui-widget-header {
     position: relative;
     min-height: 0;
 }
 
 .ui-menu.ui-menu-toggleable li.ui-widget-header h3 {
     padding-left: 2em;
 }
 
 .ui-menu.ui-menu-toggleable li.ui-widget-header.ui-state-hover {
     cursor: pointer;
 }
 
 .ui-menu.ui-menu-toggleable li.ui-widget-header .ui-icon {
     position: absolute;
     left: 0.5em;
     top: 50%;
     margin-top: -8px;
 }
 
 .ui-menu .ui-menu-parent .ui-icon-triangle-1-e,
 .ui-menu .ui-menu-parent .ui-icon-triangle-1-s,
 .ui-menubar .ui-menu-child .ui-icon-triangle-1-s,
 .ui-menubar .ui-menu-child .ui-icon-triangle-1-s {
     float: right;
 }
 
 .ui-menubutton {
     padding: 0;
     position: relative;
     display: inline-block;
 }
 
 .ui-menubutton .ui-button {
     margin: 0;
 }
 
 .ui-menubar {
     width: auto;
 }
 
 .ui-menubar .ui-menuitem {
     width: auto;
     clear: none;
 }
 
 .ui-menubar .ui-menu-child .ui-menuitem {
     width: 100%;
 }
 
 .ui-menubar .ui-menu-child {
     top: 25px;
     left: 0;
 }
 
 .ui-menubar .ui-menuitem-link {
     width: auto;
     padding: 0.4em 0.3em;
 }
 
 .ui-menubar .ui-menu-child .ui-menuitem-link {
     width: 92%;
 }
 
 .ui-menubar .ui-widget-header {
     clear: none;
     width: auto;
     margin: 0 3px 0 0;
 }
 
 .ui-menubar .ui-widget-header h1,
 .ui-menubar .ui-widget-header h2,
 .ui-menubar .ui-widget-header h3,
 .ui-menubar .ui-widget-header h4,
 .ui-menubar .ui-widget-header h5,
 .ui-menubar .ui-widget-header h6 {
     padding: 0.4em 0.3em;
 }
 
 .ui-menubar .ui-menubar-options {
     float: right;
 }
 
 .ui-menubar>.ui-menu-list>.ui-menuitem>.ui-menuitem-link span.ui-icon-triangle-1-e,
 .ui-menubar>.ui-menu-list>.ui-menuitem>.ui-menuitem-link span.ui-icon-triangle-1-s {
     *float: none;
 }
 
 .ui-menu .ui-separator {
     width: 98%;
     height: 0;
     float: left;
     clear: both;
     margin: 1px 0 0 0;
     padding: 0;
     border-top: 0 none;
 }
 
 .ui-megamenu td {
     vertical-align: top;
 }
 
 .ui-menu.ui-megamenu .ui-menu-parent .ui-menu-child {
     width: auto;
 }
 
 .ui-menu.ui-megamenu .ui-menu-child>table {
     width: auto;
 }
 
 .ui-menu.ui-megamenu .ui-menu-child .ui-menu-list {
     width: 12.5em;
 }
 
 .ui-megamenu-vertical {
     width: 12.5em;
 }
 
 .ui-megamenu-vertical .ui-menu-parent {
     clear: both;
     width: 100%;
 }
 
 .ui-megamenu-vertical .ui-submenu-link.ui-menuitem-link {
     width: 92%;
 }
 
 .ui-megamenu .ui-widget-header span {
     display: block;
     float: left;
     font-size: 1em;
     margin: 0 auto;
     padding: 0.4em 0.3em;
 }
 
 .ui-breadcrumb {
     margin: 0;
     padding: 0;
     overflow: hidden;
     padding: 5px 5px 7px 5px;
 }
 
 .ui-breadcrumb ul {
     margin: 0;
     padding: 0;
     display: block;
 }
 
 .ui-breadcrumb ul li {
     display: block;
     float: left;
     position: relative;
     overflow: hidden;
 }
 
 .ui-breadcrumb ul li span {
     display: block;
     overflow: hidden;
 }
 
 .ui-breadcrumb ul li .ui-menuitem-link {
     display: block;
     position: relative;
     overflow: hidden;
     float: left;
     *cursor: pointer;
     margin-top: 3px;
 }
 
 .ui-breadcrumb ul li a.ui-icon-home {
     padding: 0;
     margin-top: 1px;
     overflow: hidden;
 }
 
 .ui-breadcrumb-chevron {
     float: left;
     margin-top: 2px;
 }
 
 .ui-breadcrumb .ui-breadcrumb-options {
     float: right;
 }
 
 .ui-slidemenu .ui-slidemenu-wrapper {
     position: relative;
 }
 
 .ui-slidemenu .ui-slidemenu-content {
     overflow-x: hidden;
     overflow-y: auto;
     position: relative;
 }
 
 .ui-slidemenu .ui-menu-list {
     position: absolute;
     top: 0;
 }
 
 .ui-slidemenu .ui-menu-parent {
     position: static;
 }
 
 .ui-slidemenu .ui-menu-child {
     box-shadow: none;
     border: 0 none;
     background: none repeat scroll 0 0 transparent;
 }
 
 .ui-slidemenu-backward {
     position: absolute;
     bottom: 0;
     width: 95%;
     margin-bottom: 0.4em;
     padding: 0.2em;
     cursor: pointer;
     display: none;
 }
 
 .ui-slidemenu-backward .ui-icon {
     float: left;
 }
 
 .ui-splitbuttonmenu {
     width: auto;
 }
 
 .ui-panelmenu {
     width: auto;
 }
 
 .ui-panelmenu .ui-panelmenu-panel {
     padding: 0;
     margin: 0;
 }
 
 .ui-panelmenu .ui-panelmenu-header {
     cursor: pointer;
     position: relative;
     margin: 0;
     zoom: 1;
 }
 
 .ui-panelmenu .ui-panelmenu-header a {
     display: block;
     padding: 0.5em 0.5em 0.5em 2.2em;
 }
 
 .ui-panelmenu .ui-panelmenu-header .ui-icon {
     position: absolute;
     left: 0.5em;
     top: 50%;
     margin-top: -8px;
 }
 
 .ui-panelmenu .ui-panelmenu-content {
     padding: 0.2em 0;
     border-top: 0;
     margin-top: -2px;
     position: relative;
     top: 1px;
     overflow: auto;
     zoom: 1;
     outline: 0;
 }
 
 .ui-panelmenu .ui-panelmenu-header.ui-state-disabled,
 .ui-panelmenu .ui-panelmenu-header.ui-state-disabled a {
     cursor: default;
 }
 
 .ui-panelmenu .ui-menu-list {
     position: static;
 }
 
 .ui-panelmenu .ui-menuitem {
     margin: 1px 0;
     padding: 0;
 }
 
 .ui-panelmenu .ui-menuitem-link {
     display: block;
     outline: 0;
     text-decoration: none;
     font-weight: 400;
     border: solid 1px transparent;
     line-height: 16px;
     cursor: pointer;
     position: relative;
     padding: 0.3em 0.3em 0.3em 2em;
 }
 
 .ui-panelmenu .ui-menu-parent .ui-menuitem-link-hasicon {
     padding-left: 2.8em;
 }
 
 .ui-panelmenu .ui-icon {
     position: absolute;
     right: auto;
     top: 0;
     bottom: 0;
     margin: auto 0;
     left: 0.5em;
 }
 
 .ui-panelmenu .ui-menu-parent>.ui-menuitem-link>.ui-icon {
     left: 1.5em;
 }
 
 .ui-panelmenu .ui-menu-parent .ui-panelmenu-icon.ui-icon {
     left: 0.5em;
 }
 
 .ui-panelmenu .ui-menuitem-text {
     float: none;
 }
 
 .ui-panelmenu .ui-menu-parent .ui-menu-list {
     margin-left: 20px;
 }
 
 .ui-menuitem-outline {
     outline: 1px dotted;
     z-index: 1;
 }
 
 .ui-tabmenu {
     position: relative;
     zoom: 1;
 }
 
 .ui-tabmenu .ui-tabmenu-nav {
     margin: 0;
     padding: 0.2em 0.2em 0;
 }
 
 .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem {
     list-style: none;
     float: left;
     position: relative;
     margin: 0 0.2em 1px 0;
     padding: 0;
     white-space: nowrap;
     display: block;
     border-bottom: 0;
     top: 1px;
 }
 
 .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a {
     float: left;
     padding: 0.5em 1em;
     text-decoration: none;
 }
 
 .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem-hasicon a {
     padding: 0.5em 1em 0.5em 0.2em;
 }
 
 .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem .ui-icon {
     float: left;
     cursor: pointer;
 }
 
 .ui-steps ul {
     list-style-type: none;
     padding: 0;
     margin: 0;
 }
 
 .ui-steps .ui-steps-item {
     float: left;
     box-sizing: border-box;
 }
 
 .ui-steps .ui-steps-item .ui-menuitem-link {
     text-decoration: none;
     display: block;
     padding: 1em;
     position: relative;
     text-align: center;
 }
 
 .ui-steps .ui-steps-item.ui-state-highlight .ui-menuitem-link,
 .ui-steps .ui-steps-item.ui-state-disabled .ui-menuitem-link {
     cursor: default;
 }
 
 .ui-steps .ui-steps-number {
     font-size: 200%;
     display: block;
 }
 
 .ui-steps .ui-steps-title {
     display: block;
     white-space: nowrap;
 }
 
 @media (max-width: 640px) {
     .ui-steps .ui-steps-item .ui-menuitem-link {
         padding: 0.5em;
     }
     .ui-steps .ui-steps-item .ui-steps-title {
         display: none;
     }
 }
 
 .ui-fluid .ui-menu {
     width: 100%;
     box-sizing: border-box;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
 }
 
 .ui-messages-info,
 .ui-messages-warn,
 .ui-messages-error,
 .ui-messages-fatal {
     border: 1px solid;
     margin: 10px 0;
     padding: 10px 10px 10px 10px;
 }
 
 .ui-message-info,
 .ui-message-error,
 .ui-message-warn,
 .ui-message-fatal {
     border: 1px solid;
     margin: 0 5px;
     padding: 2px 5px;
 }
 
 .ui-messages-info-icon,
 .ui-messages-warn-icon,
 .ui-messages-error-icon,
 .ui-messages-fatal-icon,
 .ui-message-info-icon,
 .ui-message-warn-icon,
 .ui-message-error-icon,
 .ui-message-fatal-icon {
     background: url("../../assets/image/png/messages.png") no-repeat;
     display: block;
     float: left;
     margin: 0;
     padding: 0;
     position: relative;
 }
 
 .ui-messages-info-icon,
 .ui-messages-warn-icon,
 .ui-messages-error-icon,
 .ui-messages-fatal-icon {
     height: 24px;
     width: 24px;
     margin-top: -4px;
 }
 
 .ui-message-info-icon,
 .ui-message-warn-icon,
 .ui-message-error-icon,
 .ui-message-fatal-icon {
     height: 16px;
     width: 16px;
 }
 
 .ui-messages-info-summary,
 .ui-messages-warn-summary,
 .ui-messages-error-summary,
 .ui-messages-fatal-summary,
 .ui-message-info-summary,
 .ui-message-warn-summary,
 .ui-message-error-summary,
 .ui-message-fatal-summary {
     margin-left: 10px;
     font-weight: bold;
 }
 
 .ui-messages-info-detail,
 .ui-messages-warn-detail,
 .ui-messages-error-detail,
 .ui-messages-fatal-detail,
 .ui-message-info-detail,
 .ui-message-warn-detail,
 .ui-message-error-detail,
 .ui-message-fatal-detail {
     margin-left: 5px;
 }
 
 .ui-messages-info,
 .ui-message-info {
     color: #3a87ad;
     background-color: #d9edf7;
     border-color: #bce8f1;
 }
 
 .ui-messages-warn,
 .ui-message-warn {
     color: #c09853;
     background-color: #fcf8e3;
     border-color: #fbeed5;
 }
 
 .ui-messages-error,
 .ui-message-error {
     color: #b94a48;
     background-color: #f2dede;
     border-color: #eed3d7;
 }
 
 .ui-messages-fatal,
 .ui-message-fatal {
     color: #b94a48;
     background-color: #f2dede;
     border-color: #eed3d7;
 }
 
 .ui-messages ul {
     margin: 0 25px;
     padding: 0;
     list-style-type: none;
 }
 
 .ui-messages.ui-messages-noicon ul {
     margin: 0 25px 0 0;
 }
 
 .ui-message-icon-only {
     width: 16px;
     height: 16px;
 }
 
 .ui-messages-info-icon {
     background-position: 0 -316px;
 }
 
 .ui-messages-warn-icon {
     background-position: 0 -448px;
 }
 
 .ui-messages-error-icon {
     background-position: 0 -52px;
 }
 
 .ui-messages-fatal-icon {
     background-position: 0 -184px;
 }
 
 .ui-message-info-icon {
     background-position: 0 -360px;
 }
 
 .ui-message-warn-icon {
     background-position: 0 -492px;
 }
 
 .ui-message-error-icon {
     background-position: 0 -96px;
 }
 
 .ui-message-fatal-icon {
     background-position: 0 -228px;
 }
 
 .ui-messages .ui-messages-close {
     float: right;
     cursor: pointer;
 }
 
 .ui-notificationbar {
     position: fixed;
     width: 100%;
     height: 100px;
     display: none;
     padding: 10px;
 }
 
 .ui-notificationbar-close {
     position: absolute;
     right: 3em;
     top: 1em;
     cursor: pointer;
 }
 
 .ui-orderlist {
     display: table;
 }
 
 .ui-orderlist .ui-orderlist-caption {
     width: 180px;
 }
 
 .ui-orderlist .ui-orderlist-list {
     list-style-type: none;
     margin: 0;
     padding: 0;
     overflow: auto;
     height: 200px;
     width: 200px;
 }
 
 .ui-orderlist .ui-orderlist-list li {
     margin: 1px;
     padding: 2px;
 }
 
 .ui-orderlist .ui-button {
     display: block;
     margin-bottom: 0.3em;
 }
 
 .ui-orderlist .ui-orderlist-button.ui-button-text-icon-primary {
     width: 100%;
 }
 
 .ui-orderlist .ui-orderlist-item {
     cursor: pointer;
     border: 0 none;
     font-weight: inherit;
 }
 
 .ui-orderlist .ui-orderlist-caption {
     text-align: center;
     padding: 4px 0;
     border-bottom: 0 none;
 }
 
 .ui-orderlist table {
     width: 100%;
     border-collapse: collapse;
 }
 
 .ui-orderlist.ui-state-disabled .ui-orderlist-item,
 .ui-orderlist.ui-state-disabled .ui-button {
     cursor: default;
 }
 
 .ui-orderlist.ui-state-disabled .ui-orderlist-list {
     overflow: hidden;
 }
 
 .ui-orderlist.ui-grid-responsive {
     display: block;
     width: 100%;
 }
 
 .ui-orderlist.ui-grid-responsive .ui-orderlist-list,
 .ui-orderlist.ui-grid-responsive .ui-orderlist-caption {
     width: 100%;
 }
 
 .ui-orderlist.ui-grid-responsive .ui-orderlist-controls .ui-button {
     width: 100%;
 }
 
 @media (max-width: 640px) {
     .ui-orderlist.ui-grid-responsive .ui-orderlist-controls {
         text-align: center;
         padding: 0;
     }
     .ui-orderlist.ui-grid-responsive .ui-orderlist-controls .ui-button {
         display: inline;
         width: 20%;
     }
 }
 /* .ui-outputpanel-loading {
    width: 32px;
    height: 32px
} */
 
 .ui-overlaypanel {
     padding: 0;
     margin: 0;
     position: absolute;
 }
 
 .ui-overlaypanel-content {
     padding: 0.5em 1em;
 }
 
 .ui-overlaypanel-close {
     position: absolute;
     top: -10px;
     right: -10px;
     -moz-border-radius: 10px;
     -webkit-border-radius: 10px;
     border-radius: 10px;
 }
 
 .ui-overlaypanel-mask {
     position: fixed;
     width: 100%;
     height: 100%;
 }
 
 .ui-panel {
     padding: 0.2em;
 }
 
 .ui-panel .ui-panel-titlebar {
     padding: 0.5em 1em 0.3em;
 }
 
 .ui-panel .ui-panel-title {
     margin: 0.1em 16px 0.2em 0;
 }
 
 .ui-panel .ui-panel-titlebar-icon {
     float: right;
     cursor: pointer;
 }
 
 .ui-panel .ui-panel-titlebar-icon,
 .ui-panel .ui-panel-titlebar-icon:hover,
 .ui-panel .ui-panel-titlebar-icon:focus {
     margin-left: 0.2em;
     margin-top: -0.2em;
     *margin: -1.5em 0 0 0.2em;
 }
 
 .ui-panel .ui-panel-content {
     border: 0;
     background: 0;
     padding: 0.5em 1em;
 }
 
 .ui-panel .ui-panel-footer {
     border-width: 1px 0 0;
     margin: 0.5em 0 0;
     padding: 0.5em 1em;
     text-align: left;
 }
 
 .ui-panel-collapsed-h .ui-panel-titlebar-icon,
 .ui-panel-collapsed-h .ui-panel-titlebar-icon:hover,
 .ui-panel-collapsed-h .ui-panel-titlebar-icon:focus {
     *margin: -0.2em 0 0 0.1em;
 }
 
 .ui-panel.ui-panel-collapsed-h {
     width: 42px;
 }
 
 .ui-panel.ui-panel-collapsed-h .ui-panel-title {
     display: none;
 }
 
 .ui-panel .ui-panel-actions {
     float: right;
 }
 
 .ui-panelgrid {
     border-collapse: collapse;
 }
 
 .ui-panelgrid .ui-panelgrid-header {
     text-align: center;
     padding: 4px 10px;
 }
 
 .ui-panelgrid .ui-panelgrid-footer {
     text-align: left;
     padding: 2px 5px;
 }
 
 .ui-panelgrid .ui-panelgrid-cell {
     border-width: 1px;
     border-style: solid;
     border-color: inherit;
     padding: 4px 10px;
 }
 
 .ui-panelgrid.ui-noborder .ui-panelgrid-cell {
     border: 0 none;
 }
 
 .ui-panelgrid.ui-noborder .ui-widget-content,
 .ui-panelgrid.ui-noborder .ui-widget-header {
     border: 0 none;
 }
 
 .ui-panelgrid.ui-panelgrid-blank .ui-panelgrid-content.ui-widget-content,
 .ui-panelgrid.ui-panelgrid-blank .ui-panelgrid-header.ui-widget-header,
 .ui-panelgrid.ui-panelgrid-blank .ui-panelgrid-footer.ui-widget-header,
 .ui-panelgrid.ui-panelgrid-blank .ui-panelgrid-header>tr.ui-widget-header,
 .ui-panelgrid.ui-panelgrid-blank tbody>tr.ui-widget-content,
 .ui-panelgrid.ui-panelgrid-blank tbody>tr.ui-widget-content>td.ui-panelgrid-cell,
 .ui-panelgrid.ui-panelgrid-blank .ui-panelgrid-footer>tr.ui-widget-footer {
     background: 0;
     border: 0 none;
 }
 
 .ui-panelgrid .ui-panelgrid-cell.ui-panelgrid-nopad {
     padding: 0;
 }
 
 .ui-panelgrid .ui-grid-responsive .ui-panelgrid-cell {
     border: 0 none;
 }
 
 @media (max-width: 640px) {
     .ui-panelgrid .ui-grid-responsive .ui-grid-row {
         border-top: 1px solid #bcc7cf;
     }
     .ui-panelgrid .ui-grid-responsive .ui-grid-row:first-child {
         border-top: 0 none;
     }
     .ui-panelgrid.ui-noborder .ui-grid-responsive .ui-grid-row {
         border: 0 none;
     }
 }
 
 .ui-paginator {
     margin: 0;
     text-align: center;
     padding: 2px;
 }
 
 .ui-paginator.ui-paginator-top {
     border-bottom: 0 none;
 }
 
 .ui-paginator.ui-paginator-bottom {
     border-top: 0 none;
 }
 
 .ui-paginator.ui-paginator-top .ui-paginator-top-left-content {
     float: left;
 }
 
 .ui-paginator.ui-paginator-top .ui-paginator-top-right-content {
     float: right;
 }
 
 .ui-paginator.ui-paginator-bottom .ui-paginator-bottom-left-content {
     float: left;
 }
 
 .ui-paginator.ui-paginator-bottom .ui-paginator-bottom-right-content {
     float: right;
 }
 
 .ui-paginator .ui-paginator-page,
 .ui-paginator .ui-paginator-pages,
 .ui-paginator .ui-paginator-next,
 .ui-paginator .ui-paginator-last,
 .ui-paginator .ui-paginator-first,
 .ui-paginator .ui-paginator-prev,
 .ui-paginator .ui-paginator-current {
     display: inline-block;
     padding: 2px 6px;
     zoom: 1;
     margin-left: 1px;
     margin-right: 1px;
     text-decoration: none;
     outline: 0;
 }
 
 .ui-paginator .ui-paginator-page,
 .ui-paginator .ui-paginator-next,
 .ui-paginator .ui-paginator-last,
 .ui-paginator .ui-paginator-first,
 .ui-paginator .ui-paginator-prev {
     cursor: pointer;
 }
 
 .ui-paginator .ui-paginator-current,
 .ui-paginator .ui-paginator-rpp-options {
     margin-left: 1em;
     margin-right: 1em;
     background-image: none;
 }
 
 .ui-paginator .ui-paginator-next .ui-icon,
 .ui-paginator .ui-paginator-prev .ui-icon,
 .ui-paginator .ui-paginator-first .ui-icon,
 .ui-paginator .ui-paginator-last .ui-icon {
     height: auto;
     overflow: inherit;
 }
 
 .ui-paginator .ui-paginator-jtp-select option,
 .ui-paginator .ui-paginator-rpp-options option {
     background-image: none;
     border: 0 none;
     box-shadow: none;
     -moz-box-shadow: none;
     -webkit-box-shadow: none;
 }
 
 @media (max-width: 640px) {
     .ui-paginator .ui-paginator-pages {
         display: none;
     }
 }
 
 .ui-picklist>div {
     float: left;
 }
 
 .ui-picklist .ui-picklist-buttons {
     height: 200px;
     padding: 0 5px;
 }
 
 .ui-picklist .ui-picklist-list {
     list-style-type: none;
     margin: 0;
     padding: 0;
     overflow: auto;
     height: 200px;
     width: 200px;
 }
 
 .ui-picklist .ui-picklist-list li {
     margin: 1px;
     padding: 2px;
     overflow-wrap: break-word;
 }
 
 .ui-picklist .ui-button {
     display: block;
     margin-bottom: 0.3em;
 }
 
 .ui-picklist .ui-button-text-icon-left {
     width: 100%;
 }
 
 .ui-picklist .ui-picklist-item {
     cursor: pointer;
     border: 0 none;
     font-weight: inherit;
 }
 
 .ui-picklist .ui-picklist-caption {
     text-align: center;
     padding: 4px 0;
     border-bottom: 0 none;
 }
 
 .ui-picklist table {
     width: 100%;
     border-collapse: collapse;
 }
 
 .ui-picklist .ui-picklist-filter {
     padding-right: 15px;
     width: 100%;
     box-sizing: border-box;
 }
 
 .ui-picklist .ui-picklist-filter-container {
     position: relative;
     margin: 0;
     padding: 0;
 }
 
 .ui-picklist .ui-picklist-filter-container .ui-icon {
     position: absolute;
     top: 5px;
     right: 2px;
 }
 
 .ui-picklist {
     display: table;
 }
 
 .ui-picklist>div {
     float: none;
     display: table-cell;
     vertical-align: top;
 }
 
 .ui-picklist .ui-picklist-buttons {
     vertical-align: middle;
 }
 
 .ui-picklist.ui-picklist-vertical {
     display: table;
 }
 
 .ui-picklist.ui-picklist-vertical>div {
     float: none;
     display: table-row;
     vertical-align: top;
 }
 
 .ui-picklist.ui-picklist-vertical .ui-picklist-buttons {
     text-align: center;
     height: auto;
 }
 
 .ui-picklist.ui-picklist-vertical .ui-picklist-buttons .ui-button {
     display: inline-block;
 }
 
 .ui-picklist.ui-picklist-vertical .ui-button {
     margin-top: 0.3em;
 }
 
 .ui-picklist-outline {
     outline: 1px dotted black;
     z-index: 1;
 }
 
 .ui-picklist-list.ui-picklist-source,
 .ui-picklist-list.ui-picklist-target {
     outline: 0;
 }
 
 .ui-picklist.ui-picklist-responsive * {
     box-sizing: border-box;
 }
 
 .ui-picklist.ui-picklist-responsive {
     width: 100%;
 }
 
 .ui-picklist.ui-picklist-responsive .ui-picklist-list-wrapper {
     width: 35%;
 }
 
 .ui-picklist.ui-picklist-responsive .ui-picklist-list-wrapper:nth-child(1),
 .ui-picklist.ui-picklist-responsive .ui-picklist-list-wrapper:nth-last-child(2) {
     width: 45%;
 }
 
 .ui-picklist.ui-picklist-responsive .ui-picklist-buttons {
     width: 10%;
 }
 
 .ui-picklist.ui-picklist-responsive .ui-picklist-buttons button {
     width: 100%;
 }
 
 .ui-picklist.ui-picklist-responsive .ui-picklist-list {
     width: auto;
 }
 
 .ui-picklist.ui-picklist-responsive .ui-chkbox-box {
     width: 18px;
     height: 18px;
 }
 
 @media (max-width: 640px) {
     .ui-picklist.ui-picklist-responsive {
         display: block;
     }
     .ui-picklist.ui-picklist-responsive>div {
         display: block;
         width: 100% !important;
     }
     .ui-picklist.ui-picklist-responsive .ui-picklist-buttons {
         text-align: center;
         height: auto;
         padding: 5px 0;
     }
     .ui-picklist.ui-picklist-responsive .ui-picklist-buttons button {
         display: inline;
         width: 20%;
     }
     .ui-picklist.ui-picklist-responsive .ui-picklist-source-controls.ui-picklist-buttons {
         padding-bottom: 5px;
     }
     .ui-picklist.ui-picklist-responsive .ui-picklist-target-controls.ui-picklist-buttons {
         padding-top: 5px;
     }
     .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-icon-arrow-1-e {
         background-position: -64px -32px;
     }
     .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-icon-arrowstop-1-e {
         background-position: -224px -32px;
     }
     .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-icon-arrow-1-w {
         background-position: 0 -32px;
     }
     .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-icon-arrowstop-1-w {
         background-position: -192px -32px;
     }
 }
 
 .ui-progressbar {
     height: 1.2em;
     text-align: left;
     position: relative;
 }
 
 .ui-progressbar-determinate .ui-progressbar-value {
     margin: -1px;
     height: 100%;
     width: 0;
     position: absolute;
     display: none;
 }
 
 .ui-progressbar-determinate .ui-progressbar-label {
     text-align: center;
     height: 100%;
     width: 100%;
     position: absolute;
     display: none;
     font-weight: bold;
 }
 
 .ui-progressbar-indeterminate {
     height: 0.5em;
     overflow: hidden;
 }
 
 .ui-progressbar-indeterminate .ui-progressbar-value {
     border: 0 none;
 }
 
 .ui-progressbar-indeterminate .ui-progressbar-value::before {
     content: "";
     position: absolute;
     background-color: inherit;
     top: 0;
     left: 0;
     bottom: 0;
     will-change: left, right;
     -webkit-animation: ui-progressbar-indeterminate-anim 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
     animation: ui-progressbar-indeterminate-anim 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
 }
 
 .ui-progressbar-indeterminate .ui-progressbar-value::after {
     content: "";
     position: absolute;
     background-color: inherit;
     top: 0;
     left: 0;
     bottom: 0;
     will-change: left, right;
     -webkit-animation: ui-progressbar-indeterminate-anim-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
     animation: ui-progressbar-indeterminate-anim-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
     -webkit-animation-delay: 1.15s;
     animation-delay: 1.15s;
 }
 
 @-webkit-keyframes ui-progressbar-indeterminate-anim {
     0% {
         left: -35%;
         right: 100%;
     }
     60% {
         left: 100%;
         right: -90%;
     }
     100% {
         left: 100%;
         right: -90%;
     }
 }
 
 @keyframes ui-progressbar-indeterminate-anim {
     0% {
         left: -35%;
         right: 100%;
     }
     60% {
         left: 100%;
         right: -90%;
     }
     100% {
         left: 100%;
         right: -90%;
     }
 }
 
 @-webkit-keyframes ui-progressbar-indeterminate-anim-short {
     0% {
         left: -200%;
         right: 100%;
     }
     60% {
         left: 107%;
         right: -8%;
     }
     100% {
         left: 107%;
         right: -8%;
     }
 }
 
 @keyframes ui-progressbar-indeterminate-anim-short {
     0% {
         left: -200%;
         right: 100%;
     }
     60% {
         left: 107%;
         right: -8%;
     }
     100% {
         left: 107%;
         right: -8%;
     }
 }
 
 .ui-rating-star,
 .ui-rating-cancel {
     display: inline-block;
     overflow: hidden;
     text-indent: -999em;
     cursor: pointer;
 }
 
 .ui-rating-star a,
 .ui-rating-cancel a {
     width: 16px;
     height: 15px;
     display: block;
     background: url("../../assets/image/png/rating.png") no-repeat 0 0;
 }
 
 .ui-rating-star a {
     background-position: 0 -32px;
 }
 
 .ui-rating-star-on a {
     background-position: 0 -48px;
 }
 
 .ui-rating-star-hover a {
     background-position: 0 -64px;
 }
 
 .ui-rating-cancel-hover a {
     background-position: 0 -16px;
 }
 
 .ui-rating.ui-state-disabled .ui-rating-star,
 .ui-rating.ui-state-disabled .ui-rating-cancel {
     cursor: default;
 }
 
 .ui-spinner {
     display: inline-block;
     overflow: visible;
     padding: 0;
     position: relative;
     vertical-align: middle;
 }
 
 .ui-spinner-input {
     vertical-align: middle;
     text-align: right;
     padding-right: 20px;
     font-size: 1em;
 }
 
 .ui-spinner-button {
     cursor: default;
     display: block;
     font-size: 0.5em;
     height: 50%;
     margin: 0;
     overflow: hidden;
     padding: 0;
     position: absolute;
     right: 0;
     text-align: center;
     vertical-align: middle;
     width: 16px;
     z-index: 100;
 }
 
 .ui-spinner .ui-icon {
     left: 0;
     margin-top: -8px;
     position: absolute;
     top: 50%;
 }
 
 .ui-spinner-up {
     top: 0;
 }
 
 .ui-spinner-down {
     bottom: 0;
 }
 
 .ui-spinner .ui-icon-triangle-1-s {
     background-position: -65px -16px;
 }
 
 .ui-spinner .ui-icon-triangle-1-n {
     margin-top: -9px;
 }
 
 .ui-spinner-input::-ms-clear {
     display: none;
 }
 
 .ui-tabs {
     position: relative;
     padding: 0.2em;
     zoom: 1;
 }
 
 .ui-tabs .ui-tabs-nav {
     margin: 0;
 }
 
 .ui-tabs .ui-tabs-nav li {
     list-style: none;
     position: relative;
     margin: 0 0.2em 1px 0;
     padding: 0;
     white-space: nowrap;
     display: inline-block;
     vertical-align: top;
     float: none;
 }
 
 .ui-tabs .ui-tabs-nav li a {
     float: left;
     padding: 0.5em 1em;
     text-decoration: none;
     outline: 0;
 }
 
 .ui-tabs .ui-tabs-nav li.ui-tabs-selected a,
 .ui-tabs .ui-tabs-nav li.ui-state-disabled a,
 .ui-tabs .ui-tabs-nav li.ui-state-processing a {
     cursor: text;
 }
 
 .ui-tabs .ui-tabs-nav li a,
 .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
     cursor: pointer;
 }
 
 .ui-tabs .ui-tabs-panel {
     border-width: 0;
     padding: 1em 1.4em;
     background: 0;
 }
 
 .ui-tabs .ui-tabs-nav li>.ui-icon {
     float: left;
     margin: 0.4em 0.2em 0 0;
     cursor: pointer;
 }
 
 .ui-tabs.ui-tabs-top>.ui-tabs-nav li {
     border-bottom: 0;
     top: 1px;
 }
 
 .ui-tabs.ui-tabs-top>.ui-tabs-nav {
     padding: 0.2em 0.2em 0;
 }
 
 .ui-tabs.ui-tabs-bottom>.ui-tabs-nav {
     padding: 0 0.2em 0.2em;
 }
 
 .ui-tabs.ui-tabs-bottom>.ui-tabs-nav li {
     border-top: 0;
 }
 
 .ui-tabs-left:after,
 .ui-tabs-right:after {
     clear: both;
     content: ".";
     display: block;
     height: 0;
     visibility: hidden;
 }
 
 .ui-tabs-left>.ui-tabs-nav {
     float: left;
     width: 23%;
     height: 300px;
     background-image: none;
     padding-top: 1px;
 }
 
 .ui-tabs-left>.ui-tabs-panels {
     float: right;
     width: 75%;
 }
 
 .ui-tabs.ui-tabs-left>.ui-tabs-nav li,
 .ui-tabs.ui-tabs-right>.ui-tabs-nav li {
     display: block;
     white-space: normal;
     width: 98%;
 }
 
 .ui-tabs.ui-tabs-left>.ui-tabs-nav li a,
 .ui-tabs.ui-tabs-right>.ui-tabs-nav li a {
     width: 90%;
 }
 
 .ui-tabs.ui-tabs-left>.ui-tabs-nav li {
     float: right;
 }
 
 .ui-tabs.ui-tabs-right>.ui-tabs-nav li {
     float: left;
 }
 
 .ui-tabs.ui-tabs-left>.ui-tabs-nav li {
     margin: 0 0 1px 0.2em;
     border-right: 0 none;
 }
 
 .ui-tabs.ui-tabs-right>.ui-tabs-nav {
     float: right;
     width: 23%;
     height: 300px;
     background-image: none;
     padding-top: 1px;
 }
 
 .ui-tabs.ui-tabs-right>.ui-tabs-panels {
     float: left;
     width: 75%;
 }
 
 .ui-tabs.ui-tabs-right>.ui-tabs-nav li {
     margin: 0 0.2em 1px 0;
     border-left: 0 none;
 }
 
 .ui-tabs.ui-tabs-left .ui-tabs-actions,
 .ui-tabs.ui-tabs-right .ui-tabs-actions {
     position: absolute;
     bottom: 0;
     padding: 0.2em;
 }
 
 .ui-tabs-rtl {
     direction: rtl;
 }
 
 .ui-tabs-scrollable .ui-tabs-nav {
     width: 5000px;
 }
 
 .ui-tabs .ui-tabs-navscroller {
     overflow: hidden;
 }
 
 .ui-tabs-scrollable .ui-tabs-nav li {
     margin: 0 0.2em -1px 0;
 }
 
 .ui-tabs .ui-tabs-navscroller-btn {
     position: absolute;
     height: 28px;
     z-index: 100;
     cursor: pointer;
     display: none;
 }
 
 .ui-tabs .ui-tabs-navscroller-btn-left {
     left: 0.2em;
 }
 
 .ui-tabs .ui-tabs-navscroller-btn-right {
     right: 0.2em;
 }
 
 .ui-tabs .ui-tabs-navscroller-btn-left .ui-icon,
 .ui-tabs .ui-tabs-navscroller-btn-right .ui-icon {
     margin-top: 5px;
 }
 
 .ui-tabs-outline {
     outline: dotted thin;
     z-index: 1;
 }
 
 .ui-tabs li.ui-tabs-actions {
     float: right;
 }
 
 .ui-tabs.ui-tabs-rtl li.ui-tabs-actions {
     float: left;
 }
 
 .ui-tabs li.ui-tabs-actions[aria-hidden="true"] {
     display: none;
 }
 
 .ui-tagcloud {
     width: 250px;
 }
 
 .ui-tagcloud ul {
     margin: 1em;
     padding: 0.1em;
     text-align: center;
 }
 
 .ui-tagcloud li {
     margin: 0;
     padding: 0;
     list-style: none;
     display: inline-block;
 }
 
 .ui-tagcloud li a {
     text-decoration: none;
     padding: 0 5px;
 }
 
 .ui-tagcloud-strength-1 {
     font-size: 100%;
 }
 
 .ui-tagcloud-strength-2 {
     font-size: 120%;
 }
 
 .ui-tagcloud-strength-3 {
     font-size: 140%;
 }
 
 .ui-tagcloud-strength-4 {
     font-size: 160%;
 }
 
 .ui-tagcloud-strength-5 {
     font-size: 180%;
 }
 
 .ui-tagcloud li a.ui-state-hover {
     border: 0 none;
     font-weight: inherit;
 }
 
 .ui-toolbar {
     padding: 0.2em;
 }
 
 .ui-toolbar .ui-separator {
     display: inline-block;
     vertical-align: middle;
 }
 
 .ui-toolbar-group-left {
     float: left;
 }
 
 .ui-toolbar-group-right {
     float: right;
 }
 
 .ui-tooltip {
     position: absolute;
     display: none;
     pointer-events: none;
 }
 
 .ui-tooltip.ui-tooltip-right,
 .ui-tooltip.ui-tooltip-left {
     padding: 0 5px;
 }
 
 .ui-tooltip.ui-tooltip-top,
 .ui-tooltip.ui-tooltip-bottom {
     padding: 5px 0;
 }
 
 .ui-tooltip .ui-tooltip-text {
     padding: 3px 10px;
     background-color: #4c4c4c;
     background-image: none;
     color: #fff;
 }
 
 .ui-tooltip-arrow {
     position: absolute;
     width: 0;
     height: 0;
     border-color: transparent;
     border-style: solid;
 }
 
 .ui-tooltip-right .ui-tooltip-arrow {
     top: 50%;
     left: 0;
     margin-top: -5px;
     border-width: 5px 5px 5px 0;
     border-right-color: #4c4c4c;
 }
 
 .ui-tooltip-left .ui-tooltip-arrow {
     top: 50%;
     right: 0;
     margin-top: -5px;
     border-width: 5px 0 5px 5px;
     border-left-color: #4c4c4c;
 }
 
 .ui-tooltip.ui-tooltip-top {
     padding: 5px 0;
 }
 
 .ui-tooltip-top .ui-tooltip-arrow {
     bottom: 0;
     left: 50%;
     margin-left: -5px;
     border-width: 5px 5px 0;
     border-top-color: #4c4c4c;
 }
 
 .ui-tooltip-bottom .ui-tooltip-arrow {
     top: 0;
     left: 50%;
     margin-left: -5px;
     border-width: 0 5px 5px;
     border-bottom-color: #4c4c4c;
 }
 
 .ui-tree {
     width: 300px;
     position: relative;
 }
 
 .ui-tree .ui-tree-container {
     margin: 0;
     padding: 3px;
     white-space: nowrap;
     overflow: auto;
 }
 
 .ui-tree .ui-treenode-children {
     margin: 0;
     padding: 0 0 0 16px;
 }
 
 .ui-tree .ui-treenode {
     background-attachment: scroll;
     background-color: transparent;
     background-image: none;
     background-position: 0 0;
     background-repeat: repeat-y;
     list-style: none outside none;
     margin: 0;
     padding: 1px 0 0;
 }
 
 .ui-tree .ui-tree-toggler {
     cursor: pointer;
     display: inline-block;
     vertical-align: middle;
 }
 
 .ui-tree .ui-treenode-icon {
     display: inline-block;
     vertical-align: middle;
 }
 
 .ui-tree .ui-treenode-label {
     display: inline-block;
     vertical-align: middle;
     padding: 0 3px;
 }
 
 .ui-tree .ui-tree-selectable .ui-treenode-label,
 .ui-tree .ui-tree-selectable .ui-treenode-icon {
     cursor: pointer;
 }
 
 .ui-tree .ui-treenode-label.ui-state-hover,
 .ui-tree .ui-treenode-label.ui-state-highlight {
     font-weight: normal;
     border: 0 none;
 }
 
 .ui-tree .ui-treenode-leaf-icon {
     width: 16px;
     height: 16px;
     display: inline-block;
 }
 
 .ui-tree .ui-chkbox-box {
     cursor: pointer;
     width: 15px;
     height: 15px;
     float: left;
 }
 
 .ui-tree .ui-chkbox {
     display: inline-block;
     zoom: 1;
 }
 
 .ui-tree-horizontal {
     width: auto;
     padding: 10px 0;
     overflow: auto;
 }
 
 .ui-tree.ui-tree-horizontal table,
 .ui-tree.ui-tree-horizontal tr,
 .ui-tree.ui-tree-horizontal td {
     border-collapse: collapse;
     margin: 0;
     padding: 0;
     vertical-align: middle;
 }
 
 .ui-tree.ui-tree-horizontal .ui-tree-toggler,
 .ui-tree.ui-tree-horizontal .ui-treenode-icon {
     vertical-align: bottom;
 }
 
 .ui-tree.ui-tree-horizontal .ui-treenode-label {
     outline: 0 none;
 }
 
 .ui-tree-horizontal .ui-treenode-content {
     font-weight: normal;
 }
 
 .ui-tree-horizontal .ui-treenode-content.ui-tree-selectable {
     cursor: pointer;
 }
 
 .ui-tree-horizontal .ui-treenode-parent .ui-treenode-content {
     font-weight: normal;
     white-space: nowrap;
 }
 
 .ui-tree-horizontal .ui-treenode-parent .ui-treenode-content {
     padding: 0.4em 1em 0.4em 0.2em;
 }
 
 .ui-tree-horizontal .ui-treenode-leaf .ui-treenode-content {
     padding: 0.4em 1em;
 }
 
 .ui-tree.ui-tree-horizontal .ui-treenode {
     background: url("../../assets/image/gif/line.gif") repeat-x scroll center center transparent;
     padding: 5px 40px;
 }
 
 .ui-tree.ui-tree-horizontal .ui-treenode.ui-treenode-leaf,
 .ui-tree.ui-tree-horizontal .ui-treenode.ui-treenode-collapsed {
     padding-right: 0;
 }
 
 .ui-tree.ui-tree-horizontal .ui-treenode-children {
     padding: 0;
     margin: 0;
 }
 
 .ui-tree.ui-tree-horizontal .ui-treenode-connector {
     width: 1px;
 }
 
 .ui-tree.ui-tree-horizontal .ui-treenode-connector-table {
     height: 100%;
     width: 1px;
 }
 
 .ui-tree.ui-tree-horizontal .ui-treenode-connector-line {
     background: url("../../assets/image/gif/line.gif") repeat-y scroll 0 0 transparent;
     width: 1px;
 }
 
 .ui-tree.ui-tree-horizontal table {
     height: 0;
 }
 
 .ui-tree.ui-tree-horizontal .ui-chkbox {
     vertical-align: bottom;
     margin-right: 3px;
 }
 
 .ui-tree.ui-state-disabled .ui-tree-toggler,
 .ui-tree.ui-state-disabled .ui-tree-selectable .ui-treenode-label,
 .ui-tree.ui-state-disabled .ui-tree-selectable .ui-treenode-icon,
 .ui-tree.ui-state-disabled .ui-chkbox-box {
     cursor: default;
 }
 
 .ui-tree.ui-tree-rtl {
     direction: rtl;
 }
 
 .ui-tree.ui-tree-rtl .ui-treenode-children {
     padding: 0 16px 0 0;
 }
 
 .ui-tree-droppoint {
     list-style: none outside none;
     height: 4px;
     margin: 0;
     padding: 0;
 }
 
 .ui-tree-droppoint.ui-state-hover {
     border: 0 none;
 }
 
 .ui-treenode-content.ui-state-hover {
     font-weight: inherit;
 }
 
 .ui-tree-draghelper.ui-state-highlight {
     background: none transparent;
 }
 
 .ui-tree .ui-tree-scrollertop,
 .ui-tree .ui-tree-scrollerbottom {
     height: 10px;
     width: 100%;
     position: absolute;
 }
 
 .ui-tree .ui-tree-scrollertop {
     top: 0;
 }
 
 .ui-tree .ui-tree-scrollerbottom {
     bottom: 0;
 }
 
 .ui-tree .ui-treenode-content .ui-chkbox.ui-selection {
     display: none;
 }
 
 .ui-tree .ui-treenode-content.ui-tree-selectable .ui-chkbox.ui-selection {
     display: inline-block;
 }
 
 .ui-tree.ui-tree-checkbox-all .ui-treenode-content .ui-chkbox.ui-selection {
     display: inline-block;
 }
 
 .ui-tree .ui-treenode-outline {
     outline: 1px dotted;
 }
 
 .ui-tree-filter-container {
     margin: 0.4em 0.5em 0.1em;
     padding: 0;
     position: relative;
 }
 
 .ui-tree-filter-container .ui-icon {
     position: absolute;
     right: 2px;
     top: 5px;
 }
 
 .ui-tree-filter.ui-inputfield {
     box-shadow: none;
     padding-left: 2%;
     padding-right: 12%;
     width: 100%;
     box-sizing: border-box;
 }
 
 .ui-fluid .ui-tree {
     width: 100%;
 }
 
 .ui-treetable table {
     border-collapse: collapse;
     width: 100%;
     table-layout: fixed;
 }
 
 .ui-treetable .ui-treetable-header,
 .ui-treetable .ui-treetable-footer {
     text-align: center;
     padding: 4px 10px;
 }
 
 .ui-treetable .ui-treetable-header {
     border-bottom: 0 none;
 }
 
 .ui-treetable .ui-treetable-footer {
     border-top: 0 none;
 }
 
 .ui-treetable th,
 .ui-treetable tfoot td {
     text-align: center;
 }
 
 .ui-treetable thead th,
 .ui-treetable tbody td,
 .ui-treetable tfoot td {
     padding: 4px 10px;
     overflow: hidden;
     white-space: nowrap;
     border-width: 1px;
     border-style: solid;
 }
 
 .ui-treetable tbody td {
     border-color: inherit;
 }
 
 .ui-treetable .ui-treetable-toggler {
     display: inline-block;
     vertical-align: middle;
     cursor: pointer;
     margin-top: -5px;
 }
 
 .ui-treetable .ui-treetable-data tr.ui-state-highlight,
 .ui-treetable .ui-treetable-data tr.ui-state-hover {
     cursor: pointer;
 }
 
 .ui-treetable-scrollable-body {
     overflow: auto;
 }
 
 .ui-treetable-scrollable-header,
 .ui-treetable-scrollable-footer {
     overflow: hidden;
     border: 0 none;
 }
 
 .ui-treetable-scrollable .ui-treetable-scrollable-theadclone tr th>* {
     display: none;
 }
 
 .ui-treetable.ui-treetable-scrollable table {
     table-layout: fixed;
 }
 
 .ui-treetable-scrollable .ui-treetable-scrollable-header,
 .ui-treetable-scrollable .ui-treetable-scrollable-footer {
     position: relative;
 }
 
 .ui-treetable .ui-treetable-data tr.ui-state-hover {
     border-color: inherit;
     font-weight: inherit;
 }
 
 .ui-treetable-resizable {
     padding-bottom: 1px;
     overflow: auto;
 }
 
 .ui-treetable.ui-treetable-resizable table {
     table-layout: fixed;
 }
 
 .ui-treetable .ui-column-resizer {
     width: 8px;
     height: 20px;
     padding: 0;
     cursor: col-resize;
     background-image: url("../../assets/image/gif/dot_clear.gif");
     margin: -4px -10px -4px 0;
     float: right;
 }
 
 .ui-treetable .ui-column-resizer-helper {
     width: 1px;
     position: absolute;
     z-index: 10;
     display: none;
 }
 
 .ui-treetable .ui-chkbox {
     margin-right: 3px;
 }
 
 .ui-treetable .ui-treetable-indent {
     width: 16px;
     height: 16px;
     float: left;
 }
 
 .ui-treetable-scrollable-body::-webkit-scrollbar {
     -webkit-appearance: none;
     width: 15px;
     background-color: transparent;
 }
 
 .ui-treetable-scrollable-body::-webkit-scrollbar-thumb {
     border-radius: 8px;
     border: 1px solid white;
     background-color: rgba(194, 194, 194, 0.5);
 }
 
 .ui-treetable .ui-sortable-column {
     cursor: pointer;
 }
 
 .ui-treetable .ui-sortable-column-icon {
     display: inline-block;
     margin: -3px 0 -3px 2px;
 }
 
 .ui-treetable .ui-chkbox.ui-selection {
     display: none;
 }
 
 .ui-treetable .ui-treetable-selectable-node .ui-chkbox.ui-selection {
     display: inline-block;
 }
 
 .ui-treetable.ui-treetable-checkbox-all .ui-chkbox.ui-selection {
     display: inline-block;
 }
 
 .ui-treetable-scrollable-theadclone {
     height: 0;
 }
 
 .ui-treetable-scrollable-theadclone tr {
     height: 0;
 }
 
 .ui-treetable-scrollable-theadclone th.ui-state-default {
     height: 0;
     border-bottom-width: 0;
     border-top-width: 0;
     padding-top: 0;
     padding-bottom: 0;
     outline: 0 none;
 }
 
 .ui-treetable-scrollable-theadclone th span {
     display: block;
     height: 0;
 }
 
 .ui-treetable .ui-column-filter {
     display: block;
     box-sizing: border-box;
     width: 100%;
     margin: auto;
 }
 
 .ui-treetable-reflow .ui-treetable-data td .ui-column-title {
     display: none;
 }
 
 @media (max-width: 640px) {
     .ui-treetable-reflow thead th,
     .ui-treetable-reflow tfoot td {
         display: none;
     }
     .ui-treetable-reflow .ui-treetable-data td {
         text-align: left;
         display: block;
         border: 0 none;
         width: 100%;
         -webkit-box-sizing: border-box;
         -moz-box-sizing: border-box;
         box-sizing: border-box;
         float: left;
         clear: left;
     }
     .ui-treetable-reflow .ui-treetable-data.ui-widget-content {
         border: 0 none;
     }
     .ui-treetable-reflow .ui-treetable-data tr.ui-widget-content {
         border-left: 0 none;
         border-right: 0 none;
     }
     .ui-treetable-reflow .ui-treetable-data td .ui-column-title {
         padding: 0.4em;
         min-width: 30%;
         display: inline-block;
         margin: -0.4em 1em -0.4em -0.4em;
     }
 }
 
 .ui-treetable .ui-editable-column .ui-cell-editor {
     display: inline-block;
     vertical-align: middle;
 }
 
 .ui-treetable .ui-editable-column .ui-treetable-toggler {
     margin-top: 0;
 }
 
 .ui-treetable .ui-cell-editor-input {
     display: none;
 }
 
 .ui-treetable .ui-row-editing .ui-cell-editor .ui-cell-editor-output {
     display: none;
 }
 
 .ui-treetable .ui-row-editing .ui-cell-editor .ui-cell-editor-input {
     display: block;
 }
 
 .ui-treetable .ui-row-editor span {
     cursor: pointer;
     float: left;
 }
 
 .ui-treetable .ui-row-editor .ui-icon-pencil {
     display: inline-block;
 }
 
 .ui-treetable .ui-row-editing .ui-row-editor .ui-icon-pencil {
     display: none;
 }
 
 .ui-treetable .ui-row-editor .ui-icon-check,
 .ui-treetable .ui-row-editor .ui-icon-close {
     display: none;
 }
 
 .ui-treetable .ui-row-editing .ui-row-editor .ui-icon-check,
 .ui-treetable .ui-row-editing .ui-row-editor .ui-icon-close {
     display: inline-block;
 }
 
 .ui-treetable .ui-treetable-data tr.ui-row-editing td.ui-editable-column,
 .ui-treetable .ui-treetable-data td.ui-cell-editing {
     padding: 0;
     margin: 0;
 }
 
 .ui-treetable .ui-treetable-data tr.ui-row-editing td.ui-editable-column:first-child,
 .ui-treetable .ui-treetable-data td.ui-cell-editing:first-child {
     padding-left: 10px;
 }
 
 .ui-wizard {
     margin: 0;
     padding: 0;
 }
 
 .ui-wizard-content {
     margin: 3px 0;
 }
 
 .ui-wizard-navbar {
     text-align: right;
 }
 
 .ui-wizard-nav-back,
 .ui-wizard-nav-next {
     cursor: pointer;
 }
 
 .ui-wizard-nav-back {
     float: left;
 }
 
 .ui-wizard-nav-next {
     float: right;
 }
 
 .ui-wizard-step-title {
     font-size: 18px;
     margin: 0 3px 0 0;
     padding: 0.4em;
     float: left;
 }
 
 .ui-chips {
     box-shadow: none;
     cursor: pointer;
     display: inline-block;
     position: relative;
     width: auto;
 }
 
 .ui-chips-container {
     padding: 0;
     clear: left;
     cursor: text;
     list-style-type: none;
     margin: 0;
     min-height: 1px;
     overflow: hidden;
     width: 400px;
 }
 
 .ui-chips-token {
     cursor: default;
     display: inline-block;
     vertical-align: middle;
     overflow: hidden;
     padding: 1px 3px;
     white-space: nowrap;
     position: relative;
     margin: 2px;
 }
 
 .ui-chips-token .ui-chips-token-label {
     display: block;
     padding: 0 2.1em 0 0.5em;
 }
 
 .ui-chips-token .ui-chips-token-icon {
     cursor: pointer;
     margin-top: -9px;
     position: absolute;
     right: 0.2em;
     top: 50%;
 }
 
 .ui-chips-input-token {
     display: inline-block;
     vertical-align: middle;
     list-style-type: none;
     margin: 1px;
     padding: 0;
 }
 
 .ui-chips-input-token input {
     background-color: transparent;
     border: 0 none;
     margin: 2px;
     outline: medium none;
     width: 140px;
 }
 
 .ui-fluid .ui-chips,
 .ui-fluid .ui-chips .ui-chips-container {
     width: 100%;
 }
 
 .ui-sidebar {
     position: fixed;
     padding: 0.5em 1em;
     -webkit-transition: transform 0.3s;
     transition: transform 0.3s;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
 }
 
 .ui-sidebar-left {
     top: 0;
     left: 0;
     width: 20em;
     height: 100%;
     -webkit-transform: translateX(-100%);
     -ms-transform: translateX(-100%);
     transform: translateX(-100%);
 }
 
 .ui-sidebar-right {
     top: 0;
     right: 0;
     width: 20em;
     height: 100%;
     -webkit-transform: translateX(100%);
     -ms-transform: translateX(100%);
     transform: translateX(100%);
 }
 
 .ui-sidebar-top {
     top: 0;
     left: 0;
     width: 100%;
     height: 10em;
     -webkit-transform: translateY(-100%);
     -ms-transform: translateY(-100%);
     transform: translateY(-100%);
 }
 
 .ui-sidebar-bottom {
     bottom: 0;
     left: 0;
     width: 100%;
     height: 10em;
     -webkit-transform: translateY(100%);
     -ms-transform: translateY(100%);
     transform: translateY(100%);
 }
 
 .ui-sidebar-full {
     width: 100%;
     height: 100%;
     left: 0;
     -webkit-transition: transform 0s;
     transition: transform 0s;
 }
 
 .ui-sidebar-left.ui-sidebar-active,
 .ui-sidebar-right.ui-sidebar-active {
     -webkit-transform: translateX(0);
     -ms-transform: translateX(0);
     transform: translateX(0);
 }
 
 .ui-sidebar-left.ui-sidebar-sm,
 .ui-sidebar-right.ui-sidebar-sm {
     width: 20em;
 }
 
 .ui-sidebar-left.ui-sidebar-md,
 .ui-sidebar-right.ui-sidebar-md {
     width: 40em;
 }
 
 .ui-sidebar-left.ui-sidebar-lg,
 .ui-sidebar-right.ui-sidebar-lg {
     width: 60em;
 }
 
 .ui-sidebar-top.ui-sidebar-active,
 .ui-sidebar-bottom.ui-sidebar-active {
     -webkit-transform: translateY(0);
     -ms-transform: translateY(0);
     transform: translateY(0);
 }
 
 .ui-sidebar-top.ui-sidebar-sm,
 .ui-sidebar-bottom.ui-sidebar-sm {
     height: 10em;
 }
 
 .ui-sidebar-top.ui-sidebar-md,
 .ui-sidebar-bottom.ui-sidebar-md {
     height: 20em;
 }
 
 .ui-sidebar-top.ui-sidebar-lg,
 .ui-sidebar-bottom.ui-sidebar-lg {
     height: 30em;
 }
 
 .ui-sidebar-mask {
     position: fixed;
     width: 100%;
     height: 100%;
 }
 
 .ui-sidebar-close {
     float: right;
     padding: 1px;
 }
 
 .ui-sidebar-close:hover,
 .ui-sidebar-close:focus {
     padding: 0;
 }
 
 @media screen and (max-width: 64em) {
     .ui-sidebar-left.ui-sidebar-lg,
     .ui-sidebar-left.ui-sidebar-md,
     .ui-sidebar-right.ui-sidebar-lg,
     .ui-sidebar-right.ui-sidebar-md {
         width: 20em;
     }
 }
 
 .ui-dataview .ui-dataview-header {
     border-bottom: 0 none;
 }
 
 .ui-dataview .ui-dataview-header,
 .ui-dataview .ui-dataview-footer {
     text-align: center;
     padding: 4px 10px;
 }
 
 .ui-dataview .ui-dataview-header .ui-dataview-layout-options {
     float: right;
 }
 
 .ui-dataview-list .ui-dataview-content {
     padding: 4px 10px;
 }
 
 .ui-dataview-list .ui-dataview-list-container {
     list-style-type: none;
     margin: 0;
     padding: 0;
 }
 
 .ui-dataview-list .ui-dataview-row {
     border: 0 none;
 }
 
 .ui-fluid .ui-dataview-layout-options.ui-buttonset {
     width: auto;
 }
 
 .slick-slider {
     position: relative;
     display: block;
     box-sizing: border-box;
     margin-bottom: 30px;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     -webkit-touch-callout: none;
     -khtml-user-select: none;
     -ms-touch-action: pan-y;
     touch-action: pan-y;
     -webkit-tap-highlight-color: transparent;
 }
 
 .slick-list {
     position: relative;
     display: block;
     overflow: hidden;
     margin: 0;
     padding: 0;
 }
 
 .slick-list:focus {
     outline: 0;
 }
 
 .slick-list.dragging {
     cursor: pointer;
     cursor: hand;
 }
 
 .slick-slider .slick-track,
 .slick-slider .slick-list {
     -webkit-transform: translate3d(0, 0, 0);
     -moz-transform: translate3d(0, 0, 0);
     -ms-transform: translate3d(0, 0, 0);
     -o-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0);
 }
 
 .slick-track {
     position: relative;
     top: 0;
     left: 0;
     display: block;
 }
 
 .slick-track:before,
 .slick-track:after {
     display: table;
     content: "";
 }
 
 .slick-track:after {
     clear: both;
 }
 
 .slick-loading .slick-track {
     visibility: hidden;
 }
 
 .slick-slide {
     display: none;
     float: left;
     height: 100%;
     min-height: 1px;
 }
 
 [dir="rtl"] .slick-slide {
     float: right;
 }
 
 .slick-slide img {
     display: block;
 }
 
 .slick-slide.slick-loading img {
     display: none;
 }
 
 .slick-slide.dragging img {
     pointer-events: none;
 }
 
 .slick-initialized .slick-slide {
     display: block;
 }
 
 .slick-loading .slick-slide {
     visibility: hidden;
 }
 
 .slick-vertical .slick-slide {
     display: block;
     height: auto;
     border: 1px solid transparent;
 }
 
 .slick-arrow.slick-hidden {
     display: none;
 }
 
 @font-face {
     font-family: "slick";
     font-display: fallback;
     src: url("../../assets/font/slick.woff") format("woff");
     font-weight: normal;
     font-style: normal;
 }
 
 .slick-prev,
 .slick-next {
     position: absolute;
     display: block;
     height: 20px;
     width: 20px;
     line-height: 0;
     font-size: 0;
     cursor: pointer;
     background: transparent;
     color: transparent;
     top: 50%;
     margin-top: -10px;
     padding: 0;
     border: 0;
     outline: 0;
 }
 
 .slick-prev:focus,
 .slick-next:focus {
     outline: 0;
 }
 
 .slick-prev.slick-disabled:before,
 .slick-next.slick-disabled:before {
     opacity: 0.25;
 }
 
 .slick-prev:before,
 .slick-next:before {
     font-family: "slick";
     font-size: 20px;
     line-height: 1;
     color: white;
     opacity: 0.85;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
 }
 
 .slick-prev {
     left: -25px;
 }
 
 .slick-prev:before {
     content: "\2190";
 }
 
 .slick-next {
     right: -25px;
 }
 
 .slick-next:before {
     content: "\2192";
 }
 
 .slick-dots {
     position: absolute;
     bottom: 0;
     list-style: none;
     display: block;
     text-align: center;
     padding: 0;
     width: 100%;
 }
 
 .slick-dots li {
     position: relative;
     display: inline-block;
     height: 20px;
     width: 20px;
     margin: 0 5px;
     padding: 0;
     cursor: pointer;
 }
 
 .slick-dots li button {
     border: 0;
     background: transparent;
     display: block;
     height: 20px;
     width: 20px;
     outline: 0;
     line-height: 0;
     font-size: 0;
     color: transparent;
     padding: 5px;
     cursor: pointer;
 }
 
 .slick-dots li button:focus {
     outline: 0;
 }
 
 .slick-dots li button:before {
     position: absolute;
     top: 0;
     left: 0;
     content: "\2022";
     width: 20px;
     height: 20px;
     font-family: "slick";
     font-size: 6px;
     line-height: 20px;
     text-align: center;
     color: black;
     opacity: 0.25;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
 }
 
 .slick-dots li.slick-active button:before {
     opacity: 0.75;
 }
 
 .slick2016 .slick-prev,
 .slick2016 .slick-next {
     top: unset;
     bottom: -25px;
     width: 35px;
     height: 35px;
     cursor: pointer;
     z-index: 1000;
 }
 
 .slick2016 .slick-prev {
     left: 22px;
 }
 
 .slick2016 .slick-next {
     right: 22px;
 }
 
 .slick2016 .slick-prev:before,
 .slick2016 .slick-next:before {
     content: "";
     display: inline-block;
     border-radius: 1px;
     border-bottom: 4px solid #9da9ae;
     border-left: 4px solid #9da9ae;
     width: 20px;
     height: 20px;
     transform: rotate(45deg);
 }
 
 .slick2016 .slick-next:before {
     transform: rotate(225deg);
 }
 
 .slick2016 .slick-dots {
     height: 20px;
 }
 
 .slick2016 .slick-dots li button {
     margin-top: 26px;
     position: relative;
 }
 
 .slick2016 .slick-dots li button:before {
     content: "";
     width: 12px;
     height: 12px;
     border: 1px solid #9da9ae;
     opacity: 1;
     border-radius: 50%;
 }
 
 .slick2016 .slick-dots li.slick-active button:before {
     background: #9da9ae;
 }
 
 .slick2016.slickWhite .slick-prev:before,
 .slick2016.slickWhite .slick-next:before,
 .slick2016.slickWhite .slick-dots li button:before {
     border-color: #fff;
 }
 
 .slick2016.slickWhite .slick-dots li.slick-active button:before {
     background: #fff;
 }
 
 @media screen and (max-width: 767px) {
     .slick2016 .slick-prev {
         left: 15px;
     }
     .slick2016 .slick-next {
         right: 15px;
     }
 }
 
 .grid {
     list-style: none;
     margin: 0;
     padding: 0;
     margin-left: -24px;
 }
 
 .grid__item {
     display: inline-block;
     padding-left: 24px;
     vertical-align: top;
     width: 100%;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
 }
 
 .grid--rev {
     direction: rtl;
     text-align: left;
 }
 
 .grid--rev>.grid__item {
     direction: ltr;
     text-align: left;
 }
 
 .grid--full {
     margin-left: 0;
 }
 
 .grid--full>.grid__item {
     padding-left: 0;
 }
 
 .grid--right {
     text-align: right;
 }
 
 .grid--right>.grid__item {
     text-align: left;
 }
 
 .grid--center {
     text-align: center;
 }
 
 .grid--center>.grid__item {
     text-align: left;
 }
 
 .grid--middle>.grid__item {
     vertical-align: middle;
 }
 
 .grid--bottom>.grid__item {
     vertical-align: bottom;
 }
 
 .grid--narrow {
     margin-left: -12px;
 }
 
 .grid--narrow>.grid__item {
     padding-left: 12px;
 }
 
 .grid--wide {
     margin-left: -48px;
 }
 
 .grid--wide>.grid__item {
     padding-left: 48px;
 }
 
 .one-whole {
     width: 100%;
 }
 
 .one-half,
 .two-quarters,
 .three-sixths,
 .four-eighths,
 .five-tenths,
 .six-twelfths {
     width: 50%;
 }
 
 .one-third,
 .two-sixths,
 .four-twelfths {
     width: 33.333%;
 }
 
 .two-thirds,
 .four-sixths,
 .eight-twelfths {
     width: 66.666%;
 }
 
 .one-quarter,
 .two-eighths,
 .three-twelfths {
     width: 25%;
 }
 
 .three-quarters,
 .six-eighths,
 .nine-twelfths {
     width: 75%;
 }
 
 .one-fifth,
 .two-tenths {
     width: 20%;
 }
 
 .two-fifths,
 .four-tenths {
     width: 40%;
 }
 
 .three-fifths,
 .six-tenths {
     width: 60%;
 }
 
 .four-fifths,
 .eight-tenths {
     width: 80%;
 }
 
 .one-sixth,
 .two-twelfths {
     width: 16.666%;
 }
 
 .five-sixths,
 .ten-twelfths {
     width: 83.333%;
 }
 
 .one-eighth {
     width: 12.5%;
 }
 
 .three-eighths {
     width: 37.5%;
 }
 
 .five-eighths {
     width: 62.5%;
 }
 
 .seven-eighths {
     width: 87.5%;
 }
 
 .one-tenth {
     width: 10%;
 }
 
 .three-tenths {
     width: 30%;
 }
 
 .seven-tenths {
     width: 70%;
 }
 
 .nine-tenths {
     width: 90%;
 }
 
 .one-twelfth {
     width: 8.333%;
 }
 
 .five-twelfths {
     width: 41.666%;
 }
 
 .seven-twelfths {
     width: 58.333%;
 }
 
 .eleven-twelfths {
     width: 91.666%;
 }
 
 @media only screen and (max-width: 575px) {
     .palm--one-whole {
         width: 100%;
     }
     .palm--one-half,
     .palm--two-quarters,
     .palm--three-sixths,
     .palm--four-eighths,
     .palm--five-tenths,
     .palm--six-twelfths {
         width: 50%;
     }
     .palm--one-third,
     .palm--two-sixths,
     .palm--four-twelfths {
         width: 33.333%;
     }
     .palm--two-thirds,
     .palm--four-sixths,
     .palm--eight-twelfths {
         width: 66.666%;
     }
     .palm--one-quarter,
     .palm--two-eighths,
     .palm--three-twelfths {
         width: 25%;
     }
     .palm--three-quarters,
     .palm--six-eighths,
     .palm--nine-twelfths {
         width: 75%;
     }
     .palm--one-fifth,
     .palm--two-tenths {
         width: 20%;
     }
     .palm--two-fifths,
     .palm--four-tenths {
         width: 40%;
     }
     .palm--three-fifths,
     .palm--six-tenths {
         width: 60%;
     }
     .palm--four-fifths,
     .palm--eight-tenths {
         width: 80%;
     }
     .palm--one-sixth,
     .palm--two-twelfths {
         width: 16.666%;
     }
     .palm--five-sixths,
     .palm--ten-twelfths {
         width: 83.333%;
     }
     .palm--one-eighth {
         width: 12.5%;
     }
     .palm--three-eighths {
         width: 37.5%;
     }
     .palm--five-eighths {
         width: 62.5%;
     }
     .palm--seven-eighths {
         width: 87.5%;
     }
     .palm--one-tenth {
         width: 10%;
     }
     .palm--three-tenths {
         width: 30%;
     }
     .palm--seven-tenths {
         width: 70%;
     }
     .palm--nine-tenths {
         width: 90%;
     }
     .palm--one-twelfth {
         width: 8.333%;
     }
     .palm--five-twelfths {
         width: 41.666%;
     }
     .palm--seven-twelfths {
         width: 58.333%;
     }
     .palm--eleven-twelfths {
         width: 91.666%;
     }
 }
 
 @media only screen and (min-width: 576px) {
     .lap--one-whole {
         width: 100%;
     }
     .lap--one-half,
     .lap--two-quarters,
     .lap--three-sixths,
     .lap--four-eighths,
     .lap--five-tenths,
     .lap--six-twelfths {
         width: 50%;
     }
     .lap--one-third,
     .lap--two-sixths,
     .lap--four-twelfths {
         width: 33.333%;
     }
     .lap--two-thirds,
     .lap--four-sixths,
     .lap--eight-twelfths {
         width: 66.666%;
     }
     .lap--one-quarter,
     .lap--two-eighths,
     .lap--three-twelfths {
         width: 25%;
     }
     .lap--three-quarters,
     .lap--six-eighths,
     .lap--nine-twelfths {
         width: 75%;
     }
     .lap--one-fifth,
     .lap--two-tenths {
         width: 20%;
     }
     .lap--two-fifths,
     .lap--four-tenths {
         width: 40%;
     }
     .lap--three-fifths,
     .lap--six-tenths {
         width: 60%;
     }
     .lap--four-fifths,
     .lap--eight-tenths {
         width: 80%;
     }
     .lap--one-sixth,
     .lap--two-twelfths {
         width: 16.666%;
     }
     .lap--five-sixths,
     .lap--ten-twelfths {
         width: 83.333%;
     }
     .lap--one-eighth {
         width: 12.5%;
     }
     .lap--three-eighths {
         width: 37.5%;
     }
     .lap--five-eighths {
         width: 62.5%;
     }
     .lap--seven-eighths {
         width: 87.5%;
     }
     .lap--one-tenth {
         width: 10%;
     }
     .lap--three-tenths {
         width: 30%;
     }
     .lap--seven-tenths {
         width: 70%;
     }
     .lap--nine-tenths {
         width: 90%;
     }
     .lap--one-twelfth {
         width: 8.333%;
     }
     .lap--five-twelfths {
         width: 41.666%;
     }
     .lap--seven-twelfths {
         width: 58.333%;
     }
     .lap--eleven-twelfths {
         width: 91.666%;
     }
 }
 
 @media only screen and (min-width: 768px) {
     .portable--one-whole {
         width: 100%;
     }
     .portable--one-half,
     .portable--two-quarters,
     .portable--three-sixths,
     .portable--four-eighths,
     .portable--five-tenths,
     .portable--six-twelfths {
         width: 50%;
     }
     .portable--one-third,
     .portable--two-sixths,
     .portable--four-twelfths {
         width: 33.333%;
     }
     .portable--two-thirds,
     .portable--four-sixths,
     .portable--eight-twelfths {
         width: 66.666%;
     }
     .portable--one-quarter,
     .portable--two-eighths,
     .portable--three-twelfths {
         width: 25%;
     }
     .portable--three-quarters,
     .portable--six-eighths,
     .portable--nine-twelfths {
         width: 75%;
     }
     .portable--one-fifth,
     .portable--two-tenths {
         width: 20%;
     }
     .portable--two-fifths,
     .portable--four-tenths {
         width: 40%;
     }
     .portable--three-fifths,
     .portable--six-tenths {
         width: 60%;
     }
     .portable--four-fifths,
     .portable--eight-tenths {
         width: 80%;
     }
     .portable--one-sixth,
     .portable--two-twelfths {
         width: 16.666%;
     }
     .portable--five-sixths,
     .portable--ten-twelfths {
         width: 83.333%;
     }
     .portable--one-eighth {
         width: 12.5%;
     }
     .portable--three-eighths {
         width: 37.5%;
     }
     .portable--five-eighths {
         width: 62.5%;
     }
     .portable--seven-eighths {
         width: 87.5%;
     }
     .portable--one-tenth {
         width: 10%;
     }
     .portable--three-tenths {
         width: 30%;
     }
     .portable--seven-tenths {
         width: 70%;
     }
     .portable--nine-tenths {
         width: 90%;
     }
     .portable--one-twelfth {
         width: 8.333%;
     }
     .portable--five-twelfths {
         width: 41.666%;
     }
     .portable--seven-twelfths {
         width: 58.333%;
     }
     .portable--eleven-twelfths {
         width: 91.666%;
     }
 }
 
 @media only screen and (min-width: 992px) {
     .desk--one-whole {
         width: 100%;
     }
     .desk--one-half,
     .desk--two-quarters,
     .desk--three-sixths,
     .desk--four-eighths,
     .desk--five-tenths,
     .desk--six-twelfths {
         width: 50%;
     }
     .desk--one-third,
     .desk--two-sixths,
     .desk--four-twelfths {
         width: 33.333%;
     }
     .desk--two-thirds,
     .desk--four-sixths,
     .desk--eight-twelfths {
         width: 66.666%;
     }
     .desk--one-quarter,
     .desk--two-eighths,
     .desk--three-twelfths {
         width: 25%;
     }
     .desk--three-quarters,
     .desk--six-eighths,
     .desk--nine-twelfths {
         width: 75%;
     }
     .desk--one-fifth,
     .desk--two-tenths {
         width: 20%;
     }
     .desk--two-fifths,
     .desk--four-tenths {
         width: 40%;
     }
     .desk--three-fifths,
     .desk--six-tenths {
         width: 60%;
     }
     .desk--four-fifths,
     .desk--eight-tenths {
         width: 80%;
     }
     .desk--one-sixth,
     .desk--two-twelfths {
         width: 16.666%;
     }
     .desk--five-sixths,
     .desk--ten-twelfths {
         width: 83.333%;
     }
     .desk--one-eighth {
         width: 12.5%;
     }
     .desk--three-eighths {
         width: 37.5%;
     }
     .desk--five-eighths {
         width: 62.5%;
     }
     .desk--seven-eighths {
         width: 87.5%;
     }
     .desk--one-tenth {
         width: 10%;
     }
     .desk--three-tenths {
         width: 30%;
     }
     .desk--seven-tenths {
         width: 70%;
     }
     .desk--nine-tenths {
         width: 90%;
     }
     .desk--one-twelfth {
         width: 8.333%;
     }
     .desk--five-twelfths {
         width: 41.666%;
     }
     .desk--seven-twelfths {
         width: 58.333%;
     }
     .desk--eleven-twelfths {
         width: 91.666%;
     }
 }
 /* @font-face {
    font-family: 'brand 2019';
    src: url("https://cdn.mytutor.co.uk/fonts/brand-2019-v1.eot?1599042894000");
    src: url("https://cdn.mytutor.co.uk/fonts/brand-2019-v1.woff?1599042894000") format("woff"), url("https://cdn.mytutor.co.uk/fonts/brand-2019-v1.ttf?1599042894000") format("truetype"), url("https://cdn.mytutor.co.uk/fonts/brand-2019-v1.svg?1599042894000") format("svg");
    font-weight: normal;
    font-style: normal
} */
 
 [class*="icon-"]:before {
     -moz-osx-font-smoothing: grayscale;
     -webkit-font-smoothing: antialiased;
     display: inline-block;
     font-family: "brand 2019";
     font-style: normal;
     font-weight: normal;
     line-height: 1;
 }
 
 .icon-b19:before {
     background-position: left center;
     background-repeat: no-repeat;
     background-size: contain;
     height: 16px;
     margin-right: 8px;
     position: relative;
     top: 3px;
     width: 16px;
 }
 
 .icon-b19-alternate:before {
     content: "\0041";
 }
 
 .icon-b19-arrow-down:before {
     content: "\0042";
 }
 
 .icon-b19-arrow-left:before {
     content: "\0043";
 }
 
 .icon-b19-arrow-right:before {
     content: "\0044";
 }
 
 .icon-b19-arrow-up:before {
     content: "\0045";
 }
 
 .icon-b19-attachment:before {
     content: "\0046";
 }
 
 .icon-b19-back-arrow:before {
     content: "\0047";
 }
 
 .icon-b19-booking:before {
     content: "\0048";
 }
 
 .icon-b19-bookmark:before {
     content: "\0049";
 }
 
 .icon-b19-bookmarked:before {
     content: "\004a";
 }
 
 .icon-b19-calendar:before {
     content: "\004b";
 }
 
 .icon-b19-cancel-small:before {
     content: "\004c";
 }
 
 .icon-b19-cancel:before {
     content: "\004d";
 }
 
 .icon-b19-chevron-down:before {
     content: "\004e";
 }
 
 .icon-b19-chevron-left:before {
     content: "\004f";
 }
 
 .icon-b19-chevron-right:before {
     content: "\0050";
 }
 
 .icon-b19-chevron-up:before {
     content: "\0051";
 }
 
 .icon-b19-circle-left-outline:before {
     content: "\0052";
 }
 
 .icon-b19-circle-outline-alert:before {
     content: "\0053";
 }
 
 .icon-b19-circle-outline-cancel:before {
     content: "\0054";
 }
 
 .icon-b19-circle-outline-clock:before {
     content: "\0055";
 }
 
 .icon-b19-circle-outline-disabled:before {
     content: "\0056";
 }
 
 .icon-b19-circle-outline-expire:before {
     content: "\0057";
 }
 
 .icon-b19-circle-outline-information:before {
     content: "\0058";
 }
 
 .icon-b19-circle-outline-pay:before {
     content: "\0059";
 }
 
 .icon-b19-circle-outline-plus:before {
     content: "\005a";
 }
 
 .icon-b19-circle-outline-right:before {
     content: "\0061";
 }
 
 .icon-b19-circle-outline-small-disable:before {
     content: "\0062";
 }
 
 .icon-b19-circle-outline-small-plus:before {
     content: "\0063";
 }
 
 .icon-b19-circle-outline-small-question:before {
     content: "\0064";
 }
 
 .icon-b19-circle-small-alert:before {
     content: "\0065";
 }
 
 .icon-b19-circle-small-cancel:before {
     content: "\0066";
 }
 
 .icon-b19-circle-small-empty:before {
     content: "\0067";
 }
 
 .icon-b19-circle-small-live:before {
     content: "\0068";
 }
 
 .icon-b19-circle-small-pay:before {
     content: "\0069";
 }
 
 .icon-b19-circle-small-refund:before {
     content: "\006a";
 }
 
 .icon-b19-circle-small-tick:before {
     content: "\006b";
 }
 
 .icon-b19-circle-small-time:before {
     content: "\006c";
 }
 
 .icon-b19-circle-tick:before {
     content: "\006d";
 }
 
 .icon-b19-contact:before {
     content: "\006e";
 }
 
 .icon-b19-delete:before {
     content: "\006f";
 }
 
 .icon-b19-double-arrow:before {
     content: "\0070";
 }
 
 .icon-b19-dropdown:before {
     content: "\0071";
 }
 
 .icon-b19-edit:before {
     content: "\0072";
 }
 
 .icon-b19-external:before {
     content: "\0073";
 }
 
 .icon-b19-feedback:before {
     content: "\0074";
 }
 
 .icon-b19-help:before {
     content: "\0075";
 }
 
 .icon-b19-home:before {
     content: "\0076";
 }
 
 .icon-b19-horizontal-dots:before {
     content: "\0077";
 }
 
 .icon-b19-lessonspace:before {
     content: "\0078";
 }
 
 .icon-b19-lightning:before {
     content: "\0079";
 }
 
 .icon-b19-log-out:before {
     content: "\007a";
 }
 
 .icon-b19-mention:before {
     content: "\0030";
 }
 
 .icon-b19-messages:before {
     content: "\0031";
 }
 
 .icon-b19-notification:before {
     content: "\0032";
 }
 
 .icon-b19-opportunities:before {
     content: "\0033";
 }
 
 .icon-b19-pin:before {
     content: "\0034";
 }
 
 .icon-b19-pinned:before {
     content: "\0035";
 }
 
 .icon-b19-placeholder:before {
     content: "\0036";
 }
 
 .icon-b19-plus:before {
     content: "\0037";
 }
 
 .icon-b19-profile:before {
     content: "\0038";
 }
 
 .icon-b19-refer:before {
     content: "\0039";
 }
 
 .icon-b19-report:before {
     content: "\0021";
 }
 
 .icon-b19-request:before {
     content: "\0022";
 }
 
 .icon-b19-resources:before {
     content: "\0023";
 }
 
 .icon-b19-school-opportunities:before {
     content: "\0024";
 }
 
 .icon-b19-school-ops:before {
     content: "\0025";
 }
 
 .icon-b19-search:before {
     content: "\0026";
 }
 
 .icon-b19-select:before {
     content: "\0027";
 }
 
 .icon-b19-star:before {
     content: "\0028";
 }
 
 .icon-b19-stats:before {
     content: "\0029";
 }
 
 .icon-b19-students:before {
     content: "\002a";
 }
 
 .icon-b19-text-block:before {
     content: "\002b";
 }
 
 .icon-b19-tick:before {
     content: "\002c";
 }
 
 .icon-b19-user:before {
     content: "\002d";
 }
 
 .icon-b19-view:before {
     content: "\002e";
 }
 
 .icon-b19-wallet:before {
     content: "\002f";
 }
 /* 
@font-face {
    font-family: 'Modelica';
    font-display: fallback;
    src: url("../../assets/font/07102020/BwModelica-ExtraBold.woff") format("woff");
    font-weight: 900;
    font-style: normal
}

@font-face {
    font-family: 'Modelica';
    font-display: fallback;
    src: url("../../assets/font/07102020/BwModelica-Bold.woff") format("woff");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: 'Modelica';
    font-display: fallback;
    src: url("https://cdn.mytutor.co.uk/fonts/BwModelica-Medium.woff?1599042894000") format("woff");
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: 'Modelica';
    font-display: fallback;
    src: url("https://cdn.mytutor.co.uk/fonts/BwModelica-Regular.woff?1599042894000") format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'Source Sans Pro';
    font-display: fallback;
    src: url("https://cdn.mytutor.co.uk/fonts/source-sans-pro-v12-latin-700.woff?1599042894000") format("woff");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: 'Source Sans Pro';
    font-display: fallback;
    src: url("https://cdn.mytutor.co.uk/fonts/source-sans-pro-v12-latin-600italic.woff?1599042894000") format("woff");
    font-weight: 600;
    font-style: italic
}

@font-face {
    font-family: 'Source Sans Pro';
    font-display: fallback;
    src: url("https://cdn.mytutor.co.uk/fonts/source-sans-pro-v12-latin-600.woff?1599042894000") format("woff");
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: 'Source Sans Pro';
    font-display: fallback;
    src: url("https://cdn.mytutor.co.uk/fonts/source-sans-pro-v12-latin-400italic.woff?1599042894000") format("woff");
    font-weight: 400;
    font-style: italic
}

@font-face {
    font-family: 'Source Sans Pro';
    font-display: fallback;
    src: url("https://cdn.mytutor.co.uk/fonts/source-sans-pro-v12-latin-400.woff?1599042894000") format("woff");
    font-weight: 400;
    font-style: normal
} */
 
 @keyframes fadeDown {
     from {
         opacity: 0;
         -ms-filter: "alpha(opacity=0)";
         -webkit-transform: translateY(-64px);
         -moz-transform: translateY(-64px);
         -o-transform: translateY(-64px);
         transform: translateY(-64px);
     }
     to {
         opacity: 1;
         -ms-filter: "alpha(opacity=100)";
         -webkit-transform: translateY(0);
         -moz-transform: translateY(0);
         -o-transform: translateY(0);
         transform: translateY(0);
     }
 }
 
 @keyframes fadeDownMenu {
     from {
         opacity: 0;
         -ms-filter: "alpha(opacity=0)";
         -webkit-transform: translateY(-25px);
         -moz-transform: translateY(-25px);
         -o-transform: translateY(-25px);
         transform: translateY(-25px);
     }
     to {
         opacity: 1;
         -ms-filter: "alpha(opacity=100)";
         -webkit-transform: translateY(0);
         -moz-transform: translateY(0);
         -o-transform: translateY(0);
         transform: translateY(0);
     }
 }
 
 @keyframes fadeUp {
     from {
         opacity: 0;
         -ms-filter: "alpha(opacity=0)";
         -webkit-transform: translateY(100px);
         -moz-transform: translateY(100px);
         -o-transform: translateY(100px);
         transform: translateY(100px);
     }
     to {
         opacity: 1;
         -ms-filter: "alpha(opacity=100)";
         -webkit-transform: translateY(0);
         -moz-transform: translateY(0);
         -o-transform: translateY(0);
         transform: translateY(0);
     }
 }
 
 @keyframes fadeUpMenu {
     from {
         opacity: 0;
         -ms-filter: "alpha(opacity=0)";
         -webkit-transform: translateY(25px);
         -moz-transform: translateY(25px);
         -o-transform: translateY(25px);
         transform: translateY(25px);
     }
     to {
         opacity: 1;
         -ms-filter: "alpha(opacity=100)";
         -webkit-transform: translateY(0);
         -moz-transform: translateY(0);
         -o-transform: translateY(0);
         transform: translateY(0);
     }
 }
 
 @keyframes fadeIn {
     from {
         opacity: 0;
     }
     to {
         opacity: 1;
     }
 }
 
 @keyframes slideOutCenterLeft {
     from {
         -webkit-transform: scale(0.8) translate3d(-10%, 0, 0);
         transform: scale(0.8) translate3d(-10%, 0, 0);
     }
     to {
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
         transition: all 6s ease-in;
     }
 }
 
 @keyframes reverseSlideOutRight {
     from {
         -webkit-transform: scale(0.75) translate3d(20%, 0, 0);
         transform: scale(0.75) translate3d(20%, 0, 0);
     }
     to {
         -webkit-transform: scale(0.8) translate3d(10%, 0, 0);
         transform: scale(0.8) translate3d(10%, 0, 0);
     }
 }
 
 @keyframes slideOutRight {
     from {
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
     }
     to {
         -webkit-transform: scale(0.8) translate3d(10%, 0, 0);
         transform: scale(0.8) translate3d(10%, 0, 0);
         transition: all 6s ease-in;
     }
 }
 
 @keyframes slideOutLeft {
     from {
         -webkit-transform: scale(0.75) translate3d(-20%, 0, 0);
         transform: scale(0.75) translate3d(-20%, 0, 0);
     }
     to {
         -webkit-transform: scale(0.8) translate3d(-10%, 0, 0);
         transform: scale(0.8) translate3d(-10%, 0, 0);
     }
 }
 
 @keyframes reverseSlideOutCenterLeft {
     from {
         -webkit-transform: scale(0.8) translate3d(10%, 0, 0);
         transform: scale(0.8) translate3d(10%, 0, 0);
     }
     to {
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
         transition: all 6s ease-in;
     }
 }
 
 @keyframes reverseSlideOutLeft {
     from {
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
     }
     to {
         -webkit-transform: scale(0.8) translate3d(-10%, 0, 0);
         transform: scale(0.8) translate3d(-10%, 0, 0);
         transition: all 6s ease-in;
     }
 }
 
 .slideOutCenterLeft {
     -webkit-animation-name: slideOutCenterLeft;
     animation-name: slideOutCenterLeft;
 }
 
 .slideOutRight {
     -webkit-animation-name: slideOutRight;
     animation-name: slideOutRight;
 }
 
 .slideOutLeft {
     -webkit-animation-name: slideOutLeft;
     animation-name: slideOutLeft;
 }
 
 .reverseSlideOutCenterLeft {
     -webkit-animation-name: reverseSlideOutCenterLeft;
     animation-name: reverseSlideOutCenterLeft;
 }
 
 .reverseSlideOutLeft {
     -webkit-animation-name: reverseSlideOutLeft;
     animation-name: reverseSlideOutLeft;
 }
 
 .reverseSlideOutRight {
     -webkit-animation-name: reverseSlideOutRight;
     animation-name: reverseSlideOutRight;
 }
 
 @keyframes rotate {
     from {
         transform: rotate(45deg);
     }
     to {
         transform: rotate(90deg);
     }
 }
 
 @keyframes spinner {
     to {
         transform: rotate(360deg);
     }
 }
 /*! normalize.css v6.0.0 | MIT License | github.com/necolas/normalize.css */
 
 html {
     line-height: 1.15;
     -ms-text-size-adjust: 100%;
     -webkit-text-size-adjust: 100%;
 }
 
 article,
 aside,
 footer,
 header,
 nav,
 section {
     display: block;
 }
 
 h1 {
     font-size: 2em;
     margin: 0.67em 0;
 }
 
 figcaption,
 figure,
 main {
     display: block;
 }
 
 figure {
     margin: 1em 40px;
 }
 
 hr {
     box-sizing: content-box;
     height: 0;
     overflow: visible;
 }
 
 pre {
     font-family: monospace, monospace;
     font-size: 1em;
 }
 
 a {
     background-color: transparent;
     -webkit-text-decoration-skip: objects;
 }
 
 abbr[title] {
     border-bottom: 0;
     text-decoration: underline;
     text-decoration: underline dotted;
 }
 
 b,
 strong {
     font-weight: inherit;
 }
 
 b,
 strong {
     font-weight: bolder;
 }
 
 code,
 kbd,
 samp {
     font-family: monospace, monospace;
     font-size: 1em;
 }
 
 dfn {
     font-style: italic;
 }
 
 mark {
     background-color: #ff0;
     color: #000;
 }
 
 small {
     font-size: 80%;
 }
 
 sub,
 sup {
     font-size: 75%;
     line-height: 0;
     position: relative;
     vertical-align: baseline;
 }
 
 sub {
     bottom: -0.25em;
 }
 
 sup {
     top: -0.5em;
 }
 
 audio,
 video {
     display: inline-block;
 }
 
 audio:not([controls]) {
     display: none;
     height: 0;
 }
 
 img {
     border-style: none;
 }
 
 svg:not(:root) {
     overflow: hidden;
 }
 
 button,
 input,
 optgroup,
 select,
 textarea {
     margin: 0;
 }
 
 button,
 input {
     overflow: visible;
 }
 
 button,
 select {
     text-transform: none;
 }
 
 button,
 html [type="button"],
 [type="reset"],
 [type="submit"] {
     -webkit-appearance: button;
 }
 
 button::-moz-focus-inner,
 [type="button"]::-moz-focus-inner,
 [type="reset"]::-moz-focus-inner,
 [type="submit"]::-moz-focus-inner {
     border-style: none;
     padding: 0;
 }
 
 button:-moz-focusring,
 [type="button"]:-moz-focusring,
 [type="reset"]:-moz-focusring,
 [type="submit"]:-moz-focusring {
     outline: 1px dotted ButtonText;
 }
 
 legend {
     box-sizing: border-box;
     color: inherit;
     display: table;
     max-width: 100%;
     padding: 0;
     white-space: normal;
 }
 
 progress {
     display: inline-block;
     vertical-align: baseline;
 }
 
 textarea {
     overflow: auto;
 }
 
 [type="checkbox"],
 [type="radio"] {
     box-sizing: border-box;
     padding: 0;
 }
 
 [type="number"]::-webkit-inner-spin-button,
 [type="number"]::-webkit-outer-spin-button {
     height: auto;
 }
 
 [type="search"] {
     -webkit-appearance: textfield;
     outline-offset: -2px;
 }
 
 [type="search"]::-webkit-search-cancel-button,
 [type="search"]::-webkit-search-decoration {
     -webkit-appearance: none;
 }
 
 ::-webkit-file-upload-button {
     -webkit-appearance: button;
     font: inherit;
 }
 
 details,
 menu {
     display: block;
 }
 
 summary {
     display: list-item;
 }
 
 canvas {
     display: inline-block;
 }
 
 template {
     display: none;
 }
 
 [hidden] {
     display: none;
 }
 
 html,
 body,
 div,
 span,
 applet,
 object,
 iframe,
 h1,
 h2,
 h3,
 h4,
 h5,
 h6,
 p,
 blockquote,
 pre,
 a,
 abbr,
 acronym,
 address,
 big,
 cite,
 code,
 del,
 dfn,
 em,
 img,
 ins,
 kbd,
 q,
 s,
 samp,
 small,
 strike,
 strong,
 sub,
 sup,
 tt,
 var,
 b,
 u,
 i,
 center,
 dl,
 dt,
 dd,
 ol,
 ul,
 li,
 fieldset,
 form,
 label,
 legend,
 table,
 caption,
 tbody,
 tfoot,
 thead,
 tr,
 th,
 td,
 article,
 aside,
 canvas,
 details,
 embed,
 figure,
 figcaption,
 footer,
 header,
 hgroup,
 menu,
 nav,
 output,
 ruby,
 section,
 summary,
 time,
 mark,
 audio,
 video {
     margin: 0;
     padding: 0;
     border: 0;
     font-size: 100%;
     font: inherit;
     vertical-align: baseline;
 }
 
 article,
 aside,
 details,
 figcaption,
 figure,
 footer,
 header,
 hgroup,
 menu,
 nav,
 section {
     display: block;
 }
 
 body {
     line-height: 1;
 }
 
 ol,
 ul {
     list-style: none;
 }
 
 blockquote,
 q {
     quotes: none;
 }
 
 blockquote:before,
 blockquote:after,
 q:before,
 q:after {
     content: "";
     content: none;
 }
 
 table {
     border-collapse: collapse;
     border-spacing: 0;
 }
 
 .inputRegion.checkbox label {
     display: inline-block;
     margin-left: 8px;
     margin-bottom: 0;
     vertical-align: middle;
     margin-top: 0;
     width: calc(100% - 24px);
 }
 
 .inputRegion.checkbox.halfwidth {
     margin-bottom: 10px;
 }
 
 .inputRegion.checkbox.halfwidth label {
     width: auto;
 }
 
 .inputRegion {
     margin-bottom: 10px;
     display: block;
 }
 
 label .required {
     display: none;
 }
 
 .ui-inputtextarea .required {
     display: none;
 }
 
 .ui-button .ui-button-text {
     display: block;
     padding: 0;
 }
 
 .ui-state-default {
     text-shadow: none;
 }
 
 .ui-panel {
     padding: 0;
 }
 
 .ui-panel .ui-panel-content {
     padding: 0;
 }
 
 .ui-chkbox .ui-helper-hidden-accessible {
     height: auto;
     width: auto;
     clip: initial;
     margin: initial;
 }
 
 .ui-button-text-icon-right .ui-button-text {
     padding: 0 1em 0 0;
 }
 
 .ui-button-text-icon-right .ui-icon.fa {
     margin-top: -9px;
     right: 1em;
 }
 
 .ui-state-disabled {
     pointer-events: all;
 }
 
 .ui-autocomplete {
     width: 100%;
 }
 
 .ui-autocomplete-panel {
     z-index: 9997 !important;
 }
 
 .ui-datepicker {
     z-index: 9997 !important;
 }
 
 html #overlay {
     position: fixed;
     display: none;
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     opacity: 0;
     z-index: 9999;
 }
 
 html.progress #overlay {
     display: block;
 }
 
 html.progress * {
     cursor: wait !important;
 }
 
 html.progress button.progress {
     position: relative;
     color: transparent !important;
     text-shadow: none !important;
     outline: none !important;
 }
 
 html.progress button.progress:focus,
 html.progress button.progress:active {
     outline: none !important;
 }
 
 html.progress button.progress:after {
     content: " ";
     position: absolute;
     top: calc(50% - 0.5em);
     left: calc(50% - 0.5em);
     width: 1em;
     height: 1em;
     background: url("../../assets/svg/spinner-neutral0.svg") no-repeat center center;
     background-size: contain;
     animation: spinner 0.6s linear infinite;
 }
 
 html.progress button.r_button--default.progress:after,
 html.progress .teacherresources__selectone button.progress.ui-button:after,
 .teacherresources__selectone html.progress button.progress.ui-button:after,
 html.progress .ui-fileupload .ui-fileupload-buttonbar button.progress.ui-button:after,
 .ui-fileupload .ui-fileupload-buttonbar html.progress button.progress.ui-button:after {
     background: url("../../assets/svg/spinner-secondary5.svg") no-repeat center center;
     background-size: contain;
 }
 
 body {
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     text-rendering: optimizeLegibility;
     font-family: "Source Sans Pro", sans-serif;
     overflow-x: hidden;
 }
 
 body.secure {
     overflow: hidden;
 }
 
 body.faq .allcontent {
     background-color: white;
 }
 
 body.faq .allcontent>header {
     background-color: #14508e;
     padding: 6em 2em;
 }
 
 body.faq .allcontent>header h1 {
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 3.125em;
     line-height: 1.125em;
     font-weight: 800;
     color: #e85dcc;
 }
 
 body.faq .allcontent>header p {
     margin: 1em 0;
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 1.5em;
     line-height: 1.125em;
     font-weight: 700;
     color: #fff;
 }
 
 body.faq .allcontent>nav {
     box-sizing: border-box;
     float: left;
     overflow: hidden;
     width: calc(35% - 2em);
     margin: 2em 0 2em 2em;
     padding: 1em;
     box-shadow: 0 1px 3px 0 rgba(48, 51, 54, 0.15), 0 0 0 1px rgba(48, 51, 54, 0.05);
 }
 
 body.faq .allcontent>nav a {
     padding: 0.5em;
     border: 2px solid transparent;
     outline: 0;
     color: inherit;
 }
 
 body.faq .allcontent>nav a:focus {
     background-color: #f7f9fc;
     border-color: #311b92;
 }
 
 body.faq .allcontent>nav li {
     margin: 1em 0;
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 1em;
     font-weight: 600;
     line-height: 1.25em;
     color: #311b92;
 }
 
 body.faq .allcontent>nav li li {
     margin: 0;
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 0.875rem;
     color: #303336;
 }
 
 body.faq .allcontent>nav ol a {
     display: block;
     position: relative;
     padding-left: 3em;
 }
 
 body.faq .allcontent>nav ol a>span:first-child {
     position: absolute;
     left: 0;
     width: 2.5em;
     display: inline-block;
     text-align: right;
 }
 
 body.faq .allcontent>section {
     box-sizing: border-box;
     float: right;
     overflow: hidden;
     width: calc(65% - 4em);
     margin: 2em;
 }
 
 body.faq .allcontent>section p {
     margin: 1em 0;
     font-size: 1em;
     line-height: 1.5em;
     color: #545174;
 }
 
 body.faq .allcontent>section h2 {
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 1.75em;
     line-height: 1.25em;
     font-weight: 800;
     color: #303336;
 }
 
 body.faq .allcontent>section h3 {
     margin: 1em 0;
     font-family: "Source Sans Pro";
     font-size: 1.25em;
     line-height: 1.25em;
     font-weight: 800;
     color: #545174;
     text-transform: uppercase;
 }
 
 body.faq .allcontent>section h4 {
     margin: 1em 0;
     font-family: "Source Sans Pro";
     font-size: 1.0625em;
     line-height: 1.25em;
     font-weight: 600;
     color: #303336;
 }
 
 body.faq .allcontent>section h2 a,
 body.faq .allcontent>section h3 a,
 body.faq .allcontent>section h4 a,
 body.faq .allcontent>section h5 a {
     color: inherit;
 }
 
 body.faq .allcontent>section ul,
 body.faq .allcontent>section ol {
     margin: 1em 0;
     padding-left: 1.25em;
 }
 
 body.faq .allcontent>section ul li,
 body.faq .allcontent>section ol li {
     margin: 0.5em 0;
     line-height: 1.25em;
     color: #545174;
 }
 
 body.faq .allcontent>section ul {
     list-style-type: disc;
 }
 
 body.faq .allcontent>section ol li {
     position: relative;
 }
 
 body.faq .allcontent>section ol li>strong:first-child {
     position: absolute;
     left: -1.25em;
 }
 
 @media (max-width: 992px) {
     body.faq .allcontent>nav {
         padding: 0;
     }
 }
 
 @media (max-width: 708px) {
     body.faq .allcontent>nav,
     body.faq .allcontent>section {
         float: none;
         position: static;
         width: calc(100% - 2em);
         height: auto;
         overflow: hidden;
         margin: 1em;
     }
 }
 
 body.faq .r_footer {
     position: relative;
     clear: both;
 }
 
 p {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 16px;
     font-size: 1rem;
     line-height: 25px;
     color: #303336;
     font-weight: 400;
     text-align: justify;
 }
 
 p.secondary {
     color: #67657d;
 }
 
 a {
     color: #542eff;
     text-decoration: none;
     cursor: pointer;
 }
 
 a:hover {
     color: #009383;
 }
 
 a.phoneNumber {
     white-space: nowrap;
 }
 
 a.r_link--danger {
     color: #890400;
 }
 
 .table.ui-datatable,
 .templatebackend.v2 .ui-datatable {
     -webkit-overflow-scrolling: touch;
 }
 
 .table.ui-datatable .ui-datatable-tablewrapper,
 .templatebackend.v2 .ui-datatable .ui-datatable-tablewrapper {
     border: solid 1px #dcdae2;
 }
 
 .table.ui-datatable table,
 .templatebackend.v2 .ui-datatable table {
     border: 0;
     font-family: "Source Sans Pro", sans-serif;
     font-size: 16px;
     font-size: 1rem;
     line-height: 20px;
     line-height: 1.25rem;
     color: #303336;
     font-weight: 400;
     text-shadow: none;
     table-layout: initial;
     -webkit-overflow-scrolling: touch;
 }
 
 .table.ui-datatable thead,
 .templatebackend.v2 .ui-datatable thead {
     border-bottom: solid 1px #dcdae2;
 }
 
 .table.ui-datatable thead .ui-column-title,
 .templatebackend.v2 .ui-datatable thead .ui-column-title {
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 16px;
     font-size: 1rem;
     line-height: 20px;
     line-height: 1.25rem;
     font-weight: 700;
     letter-spacing: 0;
     font-weight: 600;
     padding-right: 15px;
     white-space: nowrap;
 }
 
 .table.ui-datatable tbody,
 .templatebackend.v2 .ui-datatable tbody {
     border: 0;
 }
 
 .table.ui-datatable tr,
 .templatebackend.v2 .ui-datatable tr {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 16px;
     font-size: 1rem;
     line-height: 20px;
     line-height: 1.25rem;
     color: #303336;
     font-weight: 400;
     background: #fff;
     border: 0;
     border-top: solid 1px #dcdae2;
 }
 
 .table.ui-datatable tr:first-of-type,
 .templatebackend.v2 .ui-datatable tr:first-of-type {
     border: 0;
 }
 
 .table.ui-datatable tr th.ui-state-default,
 .templatebackend.v2 .ui-datatable tr th.ui-state-default {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 16px;
     font-size: 1rem;
     line-height: 20px;
     line-height: 1.25rem;
     color: #303336;
     font-weight: 400;
     font-weight: 600;
     box-shadow: none;
     background: #fff;
     border: 0;
     border-right: solid 1px #dcdae2;
     padding: 18px 20px;
     text-align: left;
     vertical-align: middle;
 }
 
 @media (max-width: 708px) {
     .table.ui-datatable tr th.ui-state-default,
     .templatebackend.v2 .ui-datatable tr th.ui-state-default {
         padding: 8px 12px;
     }
 }
 
 .table.ui-datatable tr th.ui-state-default:last-of-type,
 .templatebackend.v2 .ui-datatable tr th.ui-state-default:last-of-type {
     border-right: 0;
 }
 
 .table.ui-datatable tr td,
 .templatebackend.v2 .ui-datatable tr td {
     padding: 11px 20px;
     vertical-align: middle;
     border: 0;
     border-right: solid 1px #dcdae2;
 }
 
 @media (max-width: 708px) {
     .table.ui-datatable tr td,
     .templatebackend.v2 .ui-datatable tr td {
         padding: 8px 13px;
     }
 }
 
 .table.ui-datatable tr td .inputRegion,
 .templatebackend.v2 .ui-datatable tr td .inputRegion {
     margin-bottom: 0;
 }
 
 .table.ui-datatable tr td:first-of-type:first-letter,
 .templatebackend.v2 .ui-datatable tr td:first-of-type:first-letter {
     text-transform: capitalize;
 }
 
 .table.ui-datatable tr td:last-of-type,
 .templatebackend.v2 .ui-datatable tr td:last-of-type {
     border-right: 0;
 }
 
 .table.ui-datatable tr th .ui-sortable-column-icon,
 .templatebackend.v2 .ui-datatable tr th .ui-sortable-column-icon {
     margin: 2px 0 0 0;
     float: right;
     vertical-align: middle;
 }
 
 .table.ui-datatable tr th.center,
 .table.ui-datatable tr td.center,
 .templatebackend.v2 .ui-datatable tr th.center,
 .templatebackend.v2 .ui-datatable tr td.center {
     float: none;
     text-align: center;
 }
 
 .table.ui-datatable tr th.center span,
 .table.ui-datatable tr td.center span,
 .templatebackend.v2 .ui-datatable tr th.center span,
 .templatebackend.v2 .ui-datatable tr td.center span {
     float: none;
     text-align: center;
 }
 
 .table.ui-datatable tr td.available span,
 .templatebackend.v2 .ui-datatable tr td.available span {
     display: block;
     opacity: 1;
 }
 
 .table.ui-datatable tr td.unavailable,
 .templatebackend.v2 .ui-datatable tr td.unavailable {
     background-color: #f5f4f7;
 }
 
 .table--secure {
     padding: 20px;
 }
 
 .table--secure .selecteditems {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 16px;
     font-size: 1rem;
     line-height: 20px;
     line-height: 1.25rem;
     color: #303336;
     font-weight: 400;
     font-weight: 600;
     background: #542eff;
     margin-right: 5px;
     padding: 9px 18px;
     display: inline-block;
 }
 
 .table--secure .table.ui-datatable.nowrap td,
 .templatebackend.v2 .ui-datatable.nowrap td {
     white-space: nowrap;
 }
 
 .table--secure .table.ui-datatable .ui-datatable-tablewrapper,
 .templatebackend.v2 .ui-datatable .ui-datatable-tablewrapper {
     border: 0;
 }
 
 .table--secure .table.ui-datatable .ui-datatable-header,
 .templatebackend.v2 .ui-datatable .ui-datatable-header {
     text-align: left;
     padding: 0;
 }
 
 .table--secure .table.ui-datatable .ui-datatable-header h2,
 .templatebackend.v2 .ui-datatable .ui-datatable-header h2 {
     margin-bottom: 1em;
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 1.25em;
     font-weight: 600;
 }
 
 .table--secure .table.ui-datatable .ui-datatable-actions,
 .templatebackend.v2 .ui-datatable .ui-datatable-actions {
     margin-top: -1.5em;
     text-align: right;
 }
 
 .table--secure .table.ui-datatable .ui-datatable-actions .ui-datatable-export .toggle,
 .templatebackend.v2 .ui-datatable .ui-datatable-actions .ui-datatable-export .toggle {
     display: none;
 }
 
 .table--secure .table.ui-datatable .ui-datatable-actions .ui-datatable-export .export,
 .templatebackend.v2 .ui-datatable .ui-datatable-actions .ui-datatable-export .export {
     padding-right: 0;
 }
 
 .table--secure .table.ui-datatable .ui-datatable-actions .ui-datatable-export .export:before,
 .templatebackend.v2 .ui-datatable .ui-datatable-actions .ui-datatable-export .export:before {
     position: absolute;
     left: -1.5em;
     display: block;
     content: "";
     width: 1em;
     height: 1em;
     background-image: url("/images/icons/excel_logo.svg");
     background-size: cover;
 }
 
 .table--secure .table.ui-datatable .ui-datatable-actions .ui-datatable-export .export .ui-splitbutton-menubutton,
 .templatebackend.v2 .ui-datatable .ui-datatable-actions .ui-datatable-export .export .ui-splitbutton-menubutton {
     display: none;
 }
 
 .table--secure .table.ui-datatable thead tr th.ui-state-default,
 .templatebackend.v2 .ui-datatable thead tr th.ui-state-default {
     border-right: 0;
     outline: none !important;
     padding: 6px 10px 6px 0;
     position: relative;
 }
 
 .table--secure .table.ui-datatable thead tr th.ui-state-default .ui-column-title,
 .templatebackend.v2 .ui-datatable thead tr th.ui-state-default .ui-column-title {
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 16px;
     font-size: 1rem;
     line-height: 20px;
     line-height: 1.25rem;
     font-weight: 700;
     letter-spacing: 0;
     font-weight: 600;
     padding-right: 15px;
     white-space: nowrap;
 }
 
 .table--secure .table.ui-datatable thead tr th.ui-state-default .ui-sortable-column-icon,
 .templatebackend.v2 .ui-datatable thead tr th.ui-state-default .ui-sortable-column-icon {
     position: absolute;
     float: none;
     height: 1em;
     width: 1em;
     right: 0.25em;
     margin: 0;
     text-indent: 0;
 }
 
 .table--secure .table.ui-datatable thead tr th.ui-state-default .ui-sortable-column-icon:after,
 .templatebackend.v2 .ui-datatable thead tr th.ui-state-default .ui-sortable-column-icon:after {
     display: block;
     content: "â–¼";
     color: #dcdae2;
     font-size: 0.75em;
 }
 
 .table--secure .table.ui-datatable thead tr th.ui-state-default .ui-sortable-column-icon.ui-icon-triangle-1-s:after,
 .templatebackend.v2 .ui-datatable thead tr th.ui-state-default .ui-sortable-column-icon.ui-icon-triangle-1-s:after {
     content: "â–²";
 }
 
 .table--secure .table.ui-datatable thead tr th.ui-state-default.ui-state-active .ui-column-title,
 .templatebackend.v2 .ui-datatable thead tr th.ui-state-default.ui-state-active .ui-column-title {
     font-weight: 700;
 }
 
 .table--secure .table.ui-datatable thead tr th.ui-state-default.ui-state-active .ui-sortable-column-icon:after,
 .templatebackend.v2 .ui-datatable thead tr th.ui-state-default.ui-state-active .ui-sortable-column-icon:after {
     color: #303336;
 }
 
 .table--secure .table.ui-datatable thead.ui-datatable-scrollable-theadclone,
 .templatebackend.v2 .ui-datatable thead.ui-datatable-scrollable-theadclone {
     border-bottom: 0;
 }
 
 .table--secure .table.ui-datatable thead.ui-datatable-scrollable-theadclone th.ui-state-default,
 .templatebackend.v2 .ui-datatable thead.ui-datatable-scrollable-theadclone th.ui-state-default {
     border: 0;
     padding: 0;
 }
 
 .table--secure .table.ui-datatable tr.ui-state-highlight,
 .templatebackend.v2 .ui-datatable tr.ui-state-highlight {
     background: #f7f9fc;
 }
 
 .table--secure .table.ui-datatable tr.ui-state-hover,
 .templatebackend.v2 .ui-datatable tr.ui-state-hover {
     box-shadow: none;
     border-color: #dcdae2 !important;
 }
 
 .table--secure .table.ui-datatable tr td,
 .templatebackend.v2 .ui-datatable tr td {
     text-align: left;
     border-right: 0;
     padding: 12px 10px 12px 0;
 }
 
 .table--secure .table.ui-datatable tr td.text span,
 .templatebackend.v2 .ui-datatable tr td.text span {
     display: flex;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     max-height: 3em;
     text-overflow: ellipsis;
     overflow: hidden;
     -webkit-line-clamp: 2;
     line-clamp: 2;
 }
 
 .table--secure .table.ui-datatable tr td.nowrap,
 .templatebackend.v2 .ui-datatable tr td.nowrap {
     white-space: nowrap;
 }
 
 .table--secure .table.ui-datatable .ui-paginator .ui-paginator-current,
 .templatebackend.v2 .ui-datatable .ui-paginator .ui-paginator-current {
     display: none;
 }
 
 .table--summary {
     display: inline-block;
 }
 
 .table--summary tr td {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 16px;
     font-size: 1rem;
     line-height: 20px;
     line-height: 1.25rem;
     color: #303336;
     font-weight: 400;
     padding: 11px 30px 11px 20px !important;
 }
 
 .table--summary tr td .inputRegion {
     margin-bottom: 0;
 }
 
 .table--summary tr td:first-of-type {
     font-weight: 600;
 }
 
 .table--invoice {
     display: block;
 }
 
 .table--invoice tr td:first-of-type {
     width: 250px;
 }
 
 @media (max-width: 708px) {
     .table--invoice tr td:first-of-type {
         width: auto;
     }
 }
 
 .table--no-padding {
     padding: 0;
 }
 
 .table-grey {
     width: 100%;
     text-align: left;
 }
 
 .table-grey thead {
     background-color: #f5f4f7;
     border-bottom: 2px solid white;
 }
 
 .table-grey thead th {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 14px;
     font-size: 0.875rem;
     line-height: 16px;
     line-height: 1rem;
     color: #303336;
     font-weight: 400;
     font-weight: 600;
     text-transform: uppercase;
     padding: 10px 0 10px 12px;
     border-right: 2px solid white;
 }
 
 .table-grey thead th:last-of-type {
     border-right: 0;
 }
 
 .table-grey tbody {
     background-color: #f5f4f7;
 }
 
 .table-grey tbody td {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 16px;
     font-size: 1rem;
     line-height: 20px;
     line-height: 1.25rem;
     color: #303336;
     font-weight: 400;
     padding: 10px 0 10px 12px;
     border-right: 2px solid white;
 }
 
 .table-grey tbody td:last-of-type {
     border-right: 0;
 }
 
 .table-plain table thead tr th {
     border: 0;
 }
 
 .table-plain table tbody tr td {
     border: 0;
     padding: 0 10px 0 0;
 }
 
 .table-plain--bordered table {
     width: 100%;
     border-collapse: collapse;
 }
 
 .table-plain--bordered table tbody tr td {
     border: solid 1px #dcdae2;
     padding: 0.5rem 0.5rem;
     text-align: center;
     vertical-align: middle;
 }
 
 .table-plain--bordered table tbody tr td a:focus {
     text-decoration: underline;
 }
 
 .table.tutoravailabilitytable.ui-datatable {
     width: 100%;
 }
 
 .table.tutoravailabilitytable.ui-datatable tr th {
     padding: 0.5em;
     vertical-align: bottom;
 }
 
 .table.tutoravailabilitytable.ui-datatable tr td {
     padding: 0;
     border-right: solid 1px #dcdae2;
 }
 
 .table.tutoravailabilitytable.ui-datatable tr td a,
 .table.tutoravailabilitytable.ui-datatable tr td span {
     display: inline-block;
     min-width: 2.5em;
     min-height: 1.5em;
     padding: 0.5em;
 }
 
 .table.tutoravailabilitytable.ui-datatable tr td a img,
 .table.tutoravailabilitytable.ui-datatable tr td span img {
     vertical-align: middle;
     margin-right: 0.25em;
 }
 
 input[type="text"],
 input[type="number"],
 .ui-inputfield,
 .input input {
     appearance: none;
     -moz-appearance: none;
     -webkit-appearance: none;
     background-color: #fff;
     border: solid 1px #cac9d8;
     border-radius: 4px;
     font-family: "Source Sans Pro", sans-serif;
     font-size: 17px;
     font-size: 1.0625rem;
     line-height: 20px;
     line-height: 1.25rem;
     color: #303336;
     font-weight: 400;
     padding: 9px 12px;
     margin-bottom: 8px;
     width: 100%;
     box-sizing: border-box;
     box-shadow: none;
     transition: all 0.15s ease-in-out;
     transition-property: box-shadow, background, border, color, background-color;
 }
 
 input[type="text"].ui-state-focus,
 input[type="number"].ui-state-focus,
 .ui-inputfield.ui-state-focus,
 .input input.ui-state-focus {
     box-shadow: none;
 }
 
 input[type="text"]:focus,
 input[type="number"]:focus,
 .ui-inputfield:focus,
 .input input:focus {
     outline: 0;
     border-color: #311b92;
     box-shadow: 0 0 0 3px #d4caff;
 }
 
 input[type="text"].input--error,
 input[type="text"].inputErrors,
 input[type="text"].ui-state-error,
 input[type="number"].input--error,
 input[type="number"].inputErrors,
 input[type="number"].ui-state-error,
 .ui-inputfield.input--error,
 .ui-inputfield.inputErrors,
 .ui-inputfield.ui-state-error,
 .input input.input--error,
 .input input.inputErrors,
 .input input.ui-state-error {
     background-color: #fbeae5;
     border: solid 1px #ff1744;
 }
 
 input[type="text"].input--error:focus,
 input[type="text"].inputErrors:focus,
 input[type="text"].ui-state-error:focus,
 input[type="number"].input--error:focus,
 input[type="number"].inputErrors:focus,
 input[type="number"].ui-state-error:focus,
 .ui-inputfield.input--error:focus,
 .ui-inputfield.inputErrors:focus,
 .ui-inputfield.ui-state-error:focus,
 .input input.input--error:focus,
 .input input.inputErrors:focus,
 .input input.ui-state-error:focus {
     box-shadow: 0 0 0 1px #ff1744;
 }
 
 input[type="text"]:disabled,
 input[type="text"].ui-state-disabled,
 input[type="number"]:disabled,
 input[type="number"].ui-state-disabled,
 .ui-inputfield:disabled,
 .ui-inputfield.ui-state-disabled,
 .input input:disabled,
 .input input.ui-state-disabled {
     background-color: #f9f8fb;
     border-color: #dcdae2;
 }
 
 input[type="text"]:disabled:focus,
 input[type="text"].ui-state-disabled:focus,
 input[type="number"]:disabled:focus,
 input[type="number"].ui-state-disabled:focus,
 .ui-inputfield:disabled:focus,
 .ui-inputfield.ui-state-disabled:focus,
 .input input:disabled:focus,
 .input input.ui-state-disabled:focus {
     box-shadow: none;
 }
 
 input[type="text"].input--readonly,
 input[type="number"].input--readonly,
 .ui-inputfield.input--readonly,
 .input input.input--readonly {
     color: #303336;
     box-shadow: inset 0 0.5px 1px 0 rgba(102, 113, 123, 0.21), inset 0 0 0 0 rgba(102, 113, 123, 0.25);
 }
 
 input[type="text"].input__inline,
 input[type="number"].input__inline,
 .ui-inputfield.input__inline,
 .input input.input__inline {
     height: 42px;
     border-left: 0;
     box-shadow: 0 1px 0 0 rgba(22, 29, 37, 0.05);
 }
 
 input[type="text"].input__inline:focus,
 input[type="number"].input__inline:focus,
 .ui-inputfield.input__inline:focus,
 .input input.input__inline:focus {
     border: solid 1px #cac9d8;
     border-left: 0;
     box-shadow: 0 1px 0 0 rgba(22, 29, 37, 0.05);
 }
 
 input[type="text"].input__inline--first,
 input[type="number"].input__inline--first,
 .ui-inputfield.input__inline--first,
 .input input.input__inline--first {
     border-left: solid 1px #cac9d8;
 }
 
 input[type="text"].input__inline--first:focus,
 input[type="number"].input__inline--first:focus,
 .ui-inputfield.input__inline--first:focus,
 .input input.input__inline--first:focus {
     border-left: solid 1px #cac9d8;
 }
 
 @media (max-width: 708px) {
     input[type="text"].input__inline--last,
     input[type="number"].input__inline--last,
     .ui-inputfield.input__inline--last,
     .input input.input__inline--last {
         border-left: solid 1px #cac9d8;
     }
 }
 
 @media (max-width: 992px) {
     input[type="text"].input__inline--first-medium,
     input[type="number"].input__inline--first-medium,
     .ui-inputfield.input__inline--first-medium,
     .input input.input__inline--first-medium {
         border-left: solid 1px #cac9d8;
     }
     input[type="text"].input__inline--first-medium:focus,
     input[type="number"].input__inline--first-medium:focus,
     .ui-inputfield.input__inline--first-medium:focus,
     .input input.input__inline--first-medium:focus {
         border-left: solid 1px #cac9d8;
     }
 }
 
 @media (max-width: 992px) {
     input[type="text"].input__inline--last-medium,
     input[type="number"].input__inline--last-medium,
     .ui-inputfield.input__inline--last-medium,
     .input input.input__inline--last-medium {
         border-right: solid 1px #cac9d8;
     }
     input[type="text"].input__inline--last-medium:focus,
     input[type="number"].input__inline--last-medium:focus,
     .ui-inputfield.input__inline--last-medium:focus,
     .input input.input__inline--last-medium:focus {
         border-right: solid 1px #cac9d8;
     }
 }
 
 @media (max-width: 708px) {
     input[type="text"].input__inline--first-mobile,
     input[type="number"].input__inline--first-mobile,
     .ui-inputfield.input__inline--first-mobile,
     .input input.input__inline--first-mobile {
         border-left: solid 1px #cac9d8;
     }
     input[type="text"].input__inline--first-mobile:focus,
     input[type="number"].input__inline--first-mobile:focus,
     .ui-inputfield.input__inline--first-mobile:focus,
     .input input.input__inline--first-mobile:focus {
         border-left: solid 1px #cac9d8;
     }
 }
 
 @media (max-width: 708px) {
     input[type="text"].input__inline--last-mobile,
     input[type="number"].input__inline--last-mobile,
     .ui-inputfield.input__inline--last-mobile,
     .input input.input__inline--last-mobile {
         border-right: solid 1px #cac9d8;
     }
     input[type="text"].input__inline--last-mobile:focus,
     input[type="number"].input__inline--last-mobile:focus,
     .ui-inputfield.input__inline--last-mobile:focus,
     .input input.input__inline--last-mobile:focus {
         border-right: solid 1px #cac9d8;
     }
 }
 
 .input--xxsmall {
     max-width: 180px;
 }
 
 .input--xsmall {
     max-width: 200px;
 }
 
 .input--small {
     max-width: 320px;
 }
 
 span.input__inline {
     position: relative;
 }
 
 span.input__inline input[type="text"] {
     height: 42px;
     border-left: 0;
     box-shadow: 0 1px 0 0 rgba(22, 29, 37, 0.05);
 }
 
 span.input__inline input[type="text"]:focus {
     border: solid 1px #cac9d8;
     border-left: 0;
     box-shadow: 0 1px 0 0 rgba(22, 29, 37, 0.05);
 }
 
 span.input__inline button {
     position: absolute;
     top: 0;
     right: 0;
     height: 38px;
     background: url("/images/icons/calendar-button.svg") no-repeat center center;
     background-color: white;
     border-left: solid 1px #cac9d8;
     margin: 2px 2px;
 }
 
 span.input__inline--first input[type="text"] {
     border-left: solid 1px #cac9d8;
 }
 
 span.input__inline--first input[type="text"]:focus {
     border-left: solid 1px #cac9d8;
 }
 
 @media (max-width: 708px) {
     span.input__inline--last input[type="text"] {
         border-left: solid 1px #cac9d8;
     }
 }
 
 @media (max-width: 992px) {
     span.input__inline--first-medium input[type="text"] {
         border-left: solid 1px #cac9d8;
     }
     span.input__inline--first-medium input[type="text"]:focus {
         border-left: solid 1px #cac9d8;
     }
 }
 
 @media (max-width: 992px) {
     span.input__inline--last-medium input[type="text"] {
         border-right: solid 1px #cac9d8;
     }
     span.input__inline--last-medium input[type="text"]:focus {
         border-right: solid 1px #cac9d8;
     }
 }
 
 @media (max-width: 708px) {
     span.input__inline--first-mobile input[type="text"] {
         border-left: solid 1px #cac9d8;
     }
     span.input__inline--first-mobile input[type="text"]:focus {
         border-left: solid 1px #cac9d8;
     }
 }
 
 @media (max-width: 708px) {
     span.input__inline--last-mobile input[type="text"] {
         border-right: solid 1px #cac9d8;
     }
     span.input__inline--last-mobile input[type="text"]:focus {
         border-right: solid 1px #cac9d8;
     }
 }
 
 .inputRegion.slider .input {
     padding: 0 18px 10px 22px;
     display: inline-block;
     vertical-align: middle;
     background-image: linear-gradient(to bottom, #fff, #f9fafb);
     box-shadow: 0 1px 0 0 rgba(22, 29, 37, 0.05);
     border: solid 1px #c4cdd5;
     box-sizing: border-box;
     width: 100%;
 }
 
 .inputRegion.slider .input .output {
     font-size: 0.75em;
 }
 
 .inputRegion.slider .input .ui-slider-horizontal {
     margin-top: 8px;
     height: 2px;
     background-color: #c4cdd5;
 }
 
 .inputRegion.slider .input .ui-slider-horizontal .ui-slider-handle {
     background-color: #0cb;
     width: 16px;
     height: 16px;
     top: -7px;
 }
 
 .inputRegion.upload .input {
     position: relative;
     display: block;
     height: 3em;
 }
 
 .inputRegion.upload .input .filename {
     position: relative;
     top: -1.8em;
     left: 9em;
     display: inline-block;
     width: calc(100% - 9em);
     overflow: hidden;
     text-overflow: ellipsis;
 }
 
 .inputRegion.password .input {
     position: relative;
 }
 
 .inputRegion.password .input .pwdtypecontrol {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 14px;
     font-size: 0.875rem;
     line-height: 16px;
     line-height: 1rem;
     color: #303336;
     font-weight: 400;
     text-transform: uppercase;
     color: #542eff;
     right: 15px;
     top: 3px;
     position: absolute;
 }
 
 .inputRegion.password .inputfieldinfo {
     margin: 0;
     text-align: left;
 }
 
 .inputRegion.pca {
     position: relative;
 }
 
 .inputRegion.pca .pcaautocomplete {
     top: 4em !important;
     left: 0 !important;
 }
 
 textarea,
 .ui-inputtextarea,
 .input textarea {
     appearance: none;
     -moz-appearance: none;
     -webkit-appearance: none;
     background-color: #fff;
     border: solid 1px #cac9d8;
     border-radius: 0;
     font-family: "Source Sans Pro", sans-serif;
     font-size: 17px;
     font-size: 1.0625rem;
     line-height: 20px;
     line-height: 1.25rem;
     color: #303336;
     font-weight: 400;
     width: 100%;
     resize: none;
     padding: 8px 12px;
     min-height: 40px;
     box-sizing: border-box;
     margin-bottom: 3px;
     word-break: break-word;
     box-shadow: none;
     transition: all 0.15s ease-in-out;
     transition-property: box-shadow, background, border, color, background-color;
     overflow: scroll;
 }
 
 textarea.ui-inputtextarea-resizable,
 .ui-inputtextarea.ui-inputtextarea-resizable,
 .input textarea.ui-inputtextarea-resizable {
     overflow: hidden;
 }
 
 textarea:focus,
 .ui-inputtextarea:focus,
 .input textarea:focus {
     outline: 0;
     border-color: #311b92;
     box-shadow: 0 0 0 3px #d4caff;
 }
 
 textarea.textarea--error,
 textarea.inputErrors,
 .ui-inputtextarea.textarea--error,
 .ui-inputtextarea.inputErrors,
 .input textarea.textarea--error,
 .input textarea.inputErrors {
     background-color: #fbeae5;
     border: solid 1px #ff1744;
 }
 
 textarea.disabled,
 .ui-inputtextarea.disabled,
 .input textarea.disabled {
     background-color: #f9f8fb;
     border: solid 1px #dcdae2;
     color: #8d89aa;
 }
 
 label,
 .label {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 16px;
     font-size: 1rem;
     line-height: 20px;
     line-height: 1.25rem;
     color: #303336;
     font-weight: 400;
     display: block;
     margin-bottom: 4px;
 }
 
 select,
 .input select {
     appearance: none;
     -moz-appearance: none;
     -webkit-appearance: none;
     box-shadow: 0 1px 0 0 rgba(22, 29, 37, 0.05);
     border: solid 1px #cac9d8;
     border-radius: 0;
     padding: 9px 30px 9px 12px;
     margin-bottom: 4px;
     font-family: "Source Sans Pro", sans-serif;
     font-size: 17px;
     font-size: 1.0625rem;
     line-height: 20px;
     line-height: 1.25rem;
     color: #303336;
     font-weight: 400;
     width: 100%;
     background-color: white;
     background-image: linear-gradient(45deg, transparent 50%, #67657d 50%), linear-gradient(135deg, #67657d 50%, transparent 50%);
     background-position: calc(100% - 17px) 1em, calc(100% - 12px) 1em, 100% 0;
     background-size: 4px 4px, 5px 4px, 2.5em 2.5em;
     background-repeat: no-repeat;
     transition: all 0.15s ease-in-out;
     transition-property: box-shadow, background, border, color, background-color;
 }
 
 select:-moz-focusring,
 .input select:-moz-focusring {
     color: transparent;
     text-shadow: 0 0 0 #303336;
 }
 
 select::-ms-expand,
 .input select::-ms-expand {
     display: none;
 }
 
 select:focus,
 .input select:focus {
     outline: 0;
     border: solid 1px #311b92;
     box-shadow: 0 0 0 3px #d4caff;
 }
 
 select.select--error,
 select.inputErrors,
 .input select.select--error,
 .input select.inputErrors {
     background-color: #fbeae5;
     border: solid 1px #ff1744;
 }
 
 select.select--error:focus,
 select.inputErrors:focus,
 .input select.select--error:focus,
 .input select.inputErrors:focus {
     box-shadow: 0 0 0 1px #ff1744;
 }
 
 select.disabled,
 select:disabled,
 .input select.disabled,
 .input select:disabled {
     background-color: #f9f8fb;
     border: solid 1px #dcdae2;
     color: #8d89aa;
     background: linear-gradient(45deg, transparent 50%, #8d89aa 50%), linear-gradient(135deg, #8d89aa 50%, transparent 50%);
     background-position: calc(100% - 17px) 1em, calc(100% - 12px) 1em, 100% 0;
     background-size: 4px 4px, 5px 4px, 2.5em 2.5em;
     background-repeat: no-repeat;
 }
 
 select.select__inline,
 .input select.select__inline {
     border-left: 0;
     height: 42px;
 }
 
 select.select__inline:focus,
 .input select.select__inline:focus {
     border: solid 1px #cac9d8;
     border-left: 0;
     box-shadow: 0 1px 0 0 rgba(22, 29, 37, 0.05);
 }
 
 select.select__inline--first,
 .input select.select__inline--first {
     border-left: solid 1px #cac9d8;
 }
 
 select.select__inline--first:focus,
 .input select.select__inline--first:focus {
     border-left: solid 1px #cac9d8;
 }
 
 @media (max-width: 992px) {
     select.select__inline--first-medium,
     .input select.select__inline--first-medium {
         border-left: solid 1px #cac9d8;
     }
     select.select__inline--first-medium:focus,
     .input select.select__inline--first-medium:focus {
         border-left: solid 1px #cac9d8;
     }
 }
 
 @media (max-width: 992px) {
     select.select__inline--last-medium,
     .input select.select__inline--last-medium {
         border-right: solid 1px #cac9d8;
     }
     select.select__inline--last-medium:focus,
     .input select.select__inline--last-medium:focus {
         border-right: solid 1px #cac9d8;
     }
 }
 
 @media (max-width: 708px) {
     select.select__inline--first-mobile,
     .input select.select__inline--first-mobile {
         border-left: solid 1px #cac9d8;
     }
     select.select__inline--first-mobile:focus,
     .input select.select__inline--first-mobile:focus {
         border-left: solid 1px #cac9d8;
     }
 }
 
 @media (max-width: 708px) {
     select.select__inline--last-mobile,
     .input select.select__inline--last-mobile {
         border-right: solid 1px #cac9d8;
     }
     select.select__inline--last-mobile:focus,
     .input select.select__inline--last-mobile:focus {
         border-right: solid 1px #cac9d8;
     }
 }
 
 select.select__time,
 .input select.select__time {
     width: 50px;
     background: white;
     padding: 8px 0 8px 12px;
 }
 
 .select--auto-width {
     width: auto;
 }
 
 .select--max-width {
     width: auto;
     max-width: 180px;
 }
 
 .ui-selectonemenu {
     box-shadow: 0 1px 0 0 rgba(22, 29, 37, 0.05);
     border: solid 1px #cac9d8;
     width: 100%;
     background-color: #fff;
     background-image: linear-gradient(45deg, transparent 50%, #67657d 50%), linear-gradient(135deg, #67657d 50%, transparent 50%);
     background-position: calc(100% - 17px) 1em, calc(100% - 12px) 1em, 100% 0;
     background-size: 4px 4px, 5px 4px, 2.5em 2.5em;
     background-repeat: no-repeat;
     transition: all 0.15s ease-in-out 0;
     box-sizing: border-box;
     height: 38px;
 }
 
 .ui-selectonemenu .ui-selectonemenu-label {
     margin-bottom: 0;
     background: 0;
 }
 
 .ui-selectonemenu .ui-selectonemenu-label img {
     margin-right: 12px;
     vertical-align: middle;
 }
 
 .ui-selectonemenu .ui-selectonemenu-label img.profileimage {
     position: relative;
     top: -8px;
     width: 40px;
     height: 40px;
     border-radius: 100%;
     vertical-align: text-top;
 }
 
 .ui-selectonemenu-panel {
     background-color: #fff;
     box-shadow: none;
     box-shadow: 0 2px 16px 0 rgba(33, 43, 54, 0.08), 0 31px 41px 0 rgba(33, 43, 54, 0.2);
     border: solid 1px #dcdae2;
     z-index: 9997 !important;
 }
 
 .ui-selectonemenu-panel .ui-selectonemenu-items-wrapper {
     max-height: 400px !important;
     overflow-y: scroll;
     -webkit-overflow-scrolling: touch;
 }
 
 @media (max-width: 708px) {
     .ui-selectonemenu-panel.uiselectpanel--full-screen--mobile {
         position: fixed;
         top: auto !important;
         left: 0 !important;
         right: 0;
         max-width: 100%;
         width: 100% !important;
         bottom: 0;
         border-left: 0;
         border-right: 0;
         box-shadow: none;
         z-index: 9996 !important;
         max-height: none;
     }
     .ui-selectonemenu-panel.uiselectpanel--full-screen--mobile .ui-selectonemenu-items-wrapper {
         max-height: 100% !important;
         height: calc(100% - 60px);
     }
 }
 
 .ui-selectonemenu-panel.uiselectpanel--hide-disabled-items .ui-selectonemenu-item.ui-state-disabled {
     display: none;
 }
 
 .ui-selectonemenu-panel .ui-selectonemenu-header {
     display: none;
 }
 
 @media (max-width: 708px) {
     .ui-selectonemenu-panel .ui-selectonemenu-header {
         display: block;
         box-sizing: border-box;
         font-family: "Modelica", "Source Sans Pro", sans-serif;
         font-size: 0.75em;
         font-weight: 800;
         line-height: 2em;
         height: 4em;
         margin: 0;
         padding: 1em;
         color: #303336;
         border-bottom: 1px solid #dcdae2;
         text-align: center;
     }
     .ui-selectonemenu-panel .ui-selectonemenu-header .ui-selectonemenu-close {
         display: block;
         position: absolute;
         top: 0;
         right: 0;
         width: 4em;
         height: 4em;
         margin: 0;
         padding: 0;
         z-index: 1;
     }
     .ui-selectonemenu-panel .ui-selectonemenu-header .ui-selectonemenu-close .ui-icon {
         display: none;
     }
     .ui-selectonemenu-panel .ui-selectonemenu-header .ui-selectonemenu-close:after {
         content: "";
         display: block;
         width: 4em;
         height: 4em;
         margin: 0;
         padding: 0;
         background-image: url("../../assets/svg/close-neutral8.svg");
         background-size: 1.5em;
         background-position: center;
         background-repeat: no-repeat;
     }
     .ui-selectonemenu-panel .ui-selectonemenu-header .ui-selectonemenu-close:hover {
         background: 0;
         border: 0;
         outline: 0;
         box-shadow: none;
     }
 }
 
 .ui-selectonemenu-panel .ui-selectonemenu-table td {
     border: 0;
 }
 
 @media (min-width: 708px) {
     .ui-selectonemenu-panel .ui-selectonemenu-table:hover .ui-selectonemenu-item.ui-state-highlight {
         background-color: transparent;
     }
     .ui-selectonemenu-panel .ui-selectonemenu-table:hover .ui-selectonemenu-item.ui-state-highlight a {
         color: #303336;
     }
     .ui-selectonemenu-panel .ui-selectonemenu-table:hover .ui-selectonemenu-item.ui-state-highlight.ui-state-hover,
     .ui-selectonemenu-panel .ui-selectonemenu-table:hover .ui-selectonemenu-item.ui-state-highlight:hover {
         background-color: #f5f4f7;
     }
     .ui-selectonemenu-panel .ui-selectonemenu-table:hover .ui-selectonemenu-item.ui-state-highlight.ui-state-hover a,
     .ui-selectonemenu-panel .ui-selectonemenu-table:hover .ui-selectonemenu-item.ui-state-highlight:hover a {
         color: #fff;
     }
 }
 
 .ui-selectonemenu-panel .ui-selectonemenu-item-group {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 16px;
     font-size: 1rem;
     line-height: 20px;
     line-height: 1.25rem;
     color: #303336;
     font-weight: 400;
     font-weight: 700;
 }
 
 .ui-selectonemenu-panel .ui-selectonemenu-item-group td {
     padding: 24px 15px 2px;
 }
 
 .ui-selectonemenu-panel .ui-selectonemenu-item {
     text-align: left;
 }
 
 .ui-selectonemenu-panel .ui-selectonemenu-item td {
     padding: 0;
 }
 
 .ui-selectonemenu-panel .ui-selectonemenu-item td.grouped a {
     margin-left: 15px;
 }
 
 .ui-selectonemenu-panel .ui-selectonemenu-item a {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 16px;
     font-size: 1rem;
     line-height: 20px;
     line-height: 1.25rem;
     color: #303336;
     font-weight: 400;
     color: #303336;
     padding: 8px 15px;
     display: block;
 }
 
 @media (min-width: 708px) {
     .ui-selectonemenu-panel .ui-selectonemenu-item.ui-state-highlight,
     .ui-selectonemenu-panel .ui-selectonemenu-item.ui-state-hover,
     .ui-selectonemenu-panel .ui-selectonemenu-item:hover {
         background-color: #f5f4f7;
     }
     .ui-selectonemenu-panel .ui-selectonemenu-item.ui-state-highlight a,
     .ui-selectonemenu-panel .ui-selectonemenu-item.ui-state-hover a,
     .ui-selectonemenu-panel .ui-selectonemenu-item:hover a {
         color: #fff;
     }
 }
 
 @media (min-width: 708px) {
     .ui-selectonemenu-panel.primary .ui-selectonemenu-table:hover .ui-selectonemenu-item.ui-state-highlight.ui-state-hover,
     .ui-selectonemenu-panel.primary .ui-selectonemenu-table:hover .ui-selectonemenu-item.ui-state-highlight:hover {
         background-color: #542eff;
     }
 }
 
 @media (min-width: 708px) {
     .ui-selectonemenu-panel.primary .ui-selectonemenu-item.ui-state-highlight,
     .ui-selectonemenu-panel.primary .ui-selectonemenu-item.ui-state-hover,
     .ui-selectonemenu-panel.primary .ui-selectonemenu-item:hover {
         background-color: #542eff;
     }
 }
 
 .ui-selectonemenu-panel.withAvatars .ui-selectonemenu-item td {
     height: 40px;
     display: flex;
     align-items: center;
     padding: 8px 12px;
 }
 
 .ui-selectonemenu-panel.withAvatars .ui-selectonemenu-item td img {
     width: 40px;
     height: 40px;
     border-radius: 100%;
     margin: 8px 12px 8px 0;
 }
 
 .ui-selectonemenu-panel.withPrices .ui-selectonemenu-item td {
     height: 40px;
     display: flex;
     align-items: center;
     padding: 8px 12px;
     justify-content: space-between;
 }
 
 .ui-selectonemenu-panel.withPrices .ui-selectonemenu-item td span:last-child {
     padding-left: 1em;
 }
 
 .ui-selectonemenu-panel.withCardTypes .ui-selectonemenu-item td {
     height: 40px;
     display: flex;
     align-items: center;
     padding: 8px 12px;
 }
 
 .ui-selectonemenu-panel.withCardTypes .ui-selectonemenu-item td img {
     width: 40px;
     height: 24px;
     margin: 8px 12px 8px 0;
 }
 
 .ui-autocomplete-panel {
     background: white;
     box-shadow: none;
     max-height: 350px;
     overflow: scroll;
     box-shadow: 0 2px 16px 0 rgba(33, 43, 54, 0.08), 0 0 0 1px rgba(6, 44, 82, 0.1);
     padding: 5px 0;
 }
 
 .ui-autocomplete-panel .ui-autocomplete-item td {
     border: 0;
     padding: 0;
 }
 
 .ui-autocomplete-panel .ui-autocomplete-item td a {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 16px;
     font-size: 1rem;
     line-height: 20px;
     line-height: 1.25rem;
     color: #303336;
     font-weight: 400;
     color: #311b92;
     display: block;
     padding: 6px 15px;
 }
 
 .ui-autocomplete-panel .ui-autocomplete-item.ui-state-highlight td,
 .ui-autocomplete-panel .ui-autocomplete-item:hover td {
     background: #311b92;
 }
 
 .ui-autocomplete-panel .ui-autocomplete-item.ui-state-highlight td a,
 .ui-autocomplete-panel .ui-autocomplete-item:hover td a {
     color: #fff;
 }
 
 .ui-hide-noselection-option .ui-noselection-option {
     display: none;
 }
 
 input[type="checkbox"] {
     appearance: none;
     -moz-appearance: none;
     -webkit-appearance: none;
     padding: 0;
     width: 16px;
     height: 16px;
     -webkit-appearance: none;
     background-color: #fff;
     border: solid 1px #cac9d8;
     position: relative;
     vertical-align: middle;
     cursor: pointer;
     -moz-appearance: none;
     transition: all 0.15s ease-in-out 0;
     transition-property: box-shadow, background, border, color, background-color;
 }
 
 input[type="checkbox"].ui-helper-hidden-accessible {
     position: absolute;
     height: 1px;
     width: 1px;
     padding: 0;
     border: 0;
 }
 
 input[type="checkbox"]:checked {
     border: solid 1px #542eff;
     background: #542eff;
     background-color: #542eff;
 }
 
 input[type="checkbox"]:checked:after {
     content: "";
     display: block;
     width: 3px;
     height: 8px;
     border: solid #fff;
     border-width: 0 1.5px 1.5px 0;
     -webkit-transform: rotate(45deg);
     transform: rotate(45deg);
     margin-left: 5px;
     margin-top: 1px;
 }
 
 input[type="checkbox"]:focus {
     outline: 0;
     border: solid 1px #311b92;
     box-shadow: 0 0 0 1px #e7e6fc;
 }
 
 input[type="checkbox"]:focus:checked:after {
     content: "";
     display: block;
     width: 3px;
     height: 8px;
     border: solid #fff;
     border-width: 0 1.5px 1.5px 0;
     -webkit-transform: rotate(45deg);
     transform: rotate(45deg);
     margin-left: 5px;
     margin-top: 1px;
 }
 
 input[type="checkbox"].checkbox--error {
     border: solid 1px #ff1744;
     background: #fbeae5;
 }
 
 input[type="checkbox"].checkbox--error:checked {
     border: solid 1px #ff1744;
 }
 
 input[type="checkbox"].checkbox--error:checked:after {
     content: "";
     display: block;
     width: 3px;
     height: 8px;
     border: solid #ff1744;
     border-width: 0 1.5px 1.5px 0;
     -webkit-transform: rotate(45deg);
     transform: rotate(45deg);
     margin-left: 5px;
     margin-top: 1px;
 }
 
 input[type="checkbox"].checkbox--error:focus {
     outline: 0;
     border: solid 1px #ff1744;
     box-shadow: 0 0 0 1px #ff1744;
 }
 
 input[type="checkbox"].checkbox--error:focus:checked:after {
     content: "";
     display: block;
     width: 3px;
     height: 8px;
     border: solid #ff1744;
     border-width: 0 1.5px 1.5px 0;
     -webkit-transform: rotate(45deg);
     transform: rotate(45deg);
     margin-left: 5px;
     margin-top: 1px;
 }
 
 input[type="checkbox"]:disabled:checked {
     border: solid 1px #dcdae2;
     background: #f9f8fb;
 }
 
 input[type="checkbox"]:disabled:checked:after {
     content: "";
     display: block;
     width: 3px;
     height: 8px;
     border: solid #67657d;
     border-width: 0 1.5px 1.5px 0;
     -webkit-transform: rotate(45deg);
     transform: rotate(45deg);
     margin-left: 5px;
     margin-top: 1px;
 }
 
 .checkbox.inputRegion {
     margin-bottom: 0;
 }
 
 .checkbox label {
     display: inline-block;
     margin-left: 7px;
     margin-bottom: 0;
 }
 
 .checkbox--labelhidden label {
     display: none;
 }
 
 .checkbox--inlinetext label {
     display: none !important;
 }
 
 .checkbox--inlinetext input {
     margin-right: 8px;
 }
 
 input[type="radio"] {
     -moz-appearance: none;
     -webkit-appearance: none;
     -webkit-appearance: none;
     appearance: none;
     background-color: #fff;
     border-radius: 100%;
     border: 1px solid #cac9d8;
     height: 16px;
     margin: 0 1px;
     padding: 0;
     position: relative;
     transition-property: box-shadow, background, border, color, background-color;
     transition: all 0.15s ease-in-out 0;
     vertical-align: middle;
     width: 16px;
 }
 
 input[type="radio"]:checked:after {
     content: "";
     display: block;
     width: 8px;
     height: 8px;
     background: #542eff;
     border-radius: 100%;
     top: 3px;
     left: 3px;
     position: absolute;
 }
 
 input[type="radio"]:focus {
     outline: 0;
     border: 1px solid #311b92;
 }
 
 input[type="radio"]:disabled {
     background-color: #f9f8fb;
     border: 1px solid #dcdae2;
 }
 
 input[type="radio"]:disabled:before {
     background: #f9f8fb;
 }
 
 .ui-radiobutton {
     margin: 0;
     width: auto;
 }
 
 .ui-radiobutton .ui-helper-hidden-accessible {
     width: auto;
     height: auto;
     position: relative;
 }
 
 .ui-radiobutton .ui-radiobutton-box {
     display: none;
 }
 
 .ui-selectoneradio.ui-widget td {
     display: flex;
     padding-bottom: 0.5em;
 }
 
 button {
     appearance: none;
     -moz-appearance: none;
     -webkit-appearance: none;
     background: 0;
     border: 0;
 }
 
 strong,
 b {
     font-weight: 600;
 }
 
 em,
 i {
     font-style: italic;
 }
 
 small {
     font-size: 80%;
 }
 
 sub {
     vertical-align: sub;
     font-size: x-small;
 }
 
 s {
     text-decoration: line-through;
 }
 
 sup {
     vertical-align: super;
     font-size: x-small;
 }
 
 u {
     text-decoration: underline;
 }
 
 p>img {
     vertical-align: middle;
     margin: 0 0.1em;
 }
 
 body.v3 main header {
     padding: 1em 0;
     background: #fff;
 }
 
 body.v3 main header p {
     margin: 1em 0;
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 1.5em;
     font-weight: 600;
     line-height: 1.43;
     color: #67657d;
 }
 
 @media (max-width: 992px) {
     body.v3 main header p {
         font-size: 1.3125em;
     }
 }
 
 @media (max-width: 708px) {
     body.v3 main header p {
         font-size: 1.125em;
     }
 }
 
 body.v3 main header p strong {
     font-weight: 800;
 }
 
 body.v3 main section {
     margin: 0 0 3em;
 }
 
 body.v3 main section header {
     margin-bottom: 0;
     padding: 0;
     background: 0;
 }
 
 body.v3 main section header p {
     font-size: 1.25em;
 }
 
 body.v3 main h1 {
     margin: 1em 0 0;
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 2.75em;
     font-weight: 800;
     line-height: 1.25em;
     color: #303336;
 }
 
 @media (max-width: 992px) {
     body.v3 main h1 {
         font-size: 2.1875em;
     }
 }
 
 @media (max-width: 708px) {
     body.v3 main h1 {
         font-size: 1.625em;
     }
 }
 
 body.v3 main h2 {
     margin: 0;
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 2.25em;
     font-weight: 800;
     line-height: 1.25em;
     color: #303336;
 }
 
 @media (max-width: 992px) {
     body.v3 main h2 {
         font-size: 1.9375em;
     }
 }
 
 @media (max-width: 708px) {
     body.v3 main h2 {
         font-size: 1.625em;
     }
 }
 
 body.v3 main h3 {
     margin: 0.5em 0;
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 1em;
     color: #303336;
     line-height: 1.5em;
     font-weight: 800;
 }
 
 body.v3 main h4 {
     margin: 0.75em 0 0.5em;
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 1.125em;
     color: #67657d;
     line-height: 1.5em;
     font-weight: 600;
 }
 
 body.v3 p a,
 div.v3 p a {
     text-decoration: underline;
 }
 
 body.v3 p a.r_button,
 body.v3 p .teacherresources__upload a.ui-fileupload-choose,
 .teacherresources__upload body.v3 p a.ui-fileupload-choose,
 body.v3 p .teacherresources__selectone a.ui-button,
 .teacherresources__selectone body.v3 p a.ui-button,
 body.v3 p #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar a.ui-button,
 #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar body.v3 p a.ui-button,
 body.v3 p .securesidebar__upload .ui-fileupload-buttonbar a.ui-button,
 .securesidebar__upload .ui-fileupload-buttonbar body.v3 p a.ui-button,
 body.v3 p .ui-fileupload .ui-fileupload-buttonbar a.ui-button,
 .ui-fileupload .ui-fileupload-buttonbar body.v3 p a.ui-button,
 body.v3 p .page_tutors_secure_cover-report .container__card .upload a.ui-fileupload-choose,
 .page_tutors_secure_cover-report .container__card .upload body.v3 p a.ui-fileupload-choose,
 div.v3 p a.r_button,
 div.v3 p .teacherresources__upload a.ui-fileupload-choose,
 .teacherresources__upload div.v3 p a.ui-fileupload-choose,
 div.v3 p .teacherresources__selectone a.ui-button,
 .teacherresources__selectone div.v3 p a.ui-button,
 div.v3 p #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar a.ui-button,
 #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar div.v3 p a.ui-button,
 div.v3 p .securesidebar__upload .ui-fileupload-buttonbar a.ui-button,
 .securesidebar__upload .ui-fileupload-buttonbar div.v3 p a.ui-button,
 div.v3 p .ui-fileupload .ui-fileupload-buttonbar a.ui-button,
 .ui-fileupload .ui-fileupload-buttonbar div.v3 p a.ui-button,
 div.v3 p .page_tutors_secure_cover-report .container__card .upload a.ui-fileupload-choose,
 .page_tutors_secure_cover-report .container__card .upload div.v3 p a.ui-fileupload-choose {
     text-decoration: none;
 }
 
 body.v3 ul.disc,
 div.v3 ul.disc {
     list-style-type: disc;
     padding-left: 1.125em;
 }
 
 body.v3 ul.inline,
 div.v3 ul.inline {
     display: inline-flex;
 }
 
 body.v3 ul.inline.disc,
 div.v3 ul.inline.disc {
     list-style-type: none;
 }
 
 body.v3 ul.inline.disc li+li,
 div.v3 ul.inline.disc li+li {
     list-style-type: disc;
     margin-left: 2em;
 }
 
 body.v3 .container__secure-wrapper--topnav,
 div.v3 .container__secure-wrapper--topnav {
     overflow: visible;
 }
 
 body.v3 .container__header,
 div.v3 .container__header {
     margin-bottom: 1.5em;
 }
 
 body.v3 .container__header .container__headline,
 div.v3 .container__header .container__headline {
     margin-bottom: 0;
 }
 
 body.v3 .container__header .container__action .inputRegion,
 div.v3 .container__header .container__action .inputRegion {
     margin-bottom: 0;
 }
 
 body.v3 .container__card,
 div.v3 .container__card {
     box-shadow: 0 8px 16px 0 rgba(24, 19, 87, 0.07);
 }
 
 body.v3 .ui-tabs.tabs.ui-tabs-top>.ui-tabs-nav,
 div.v3 .ui-tabs.tabs.ui-tabs-top>.ui-tabs-nav {
     position: relative;
     border-bottom: 0;
     padding: 0 2.5em;
 }
 
 @media (max-width: 708px) {
     body.v3 .ui-tabs.tabs.ui-tabs-top>.ui-tabs-nav,
     div.v3 .ui-tabs.tabs.ui-tabs-top>.ui-tabs-nav {
         padding-left: 1em;
         padding-right: 1em;
     }
 }
 
 body.v3 .ui-tabs.tabs.ui-tabs-top>.ui-tabs-nav:after,
 div.v3 .ui-tabs.tabs.ui-tabs-top>.ui-tabs-nav:after {
     content: "";
     display: block;
     position: absolute;
     bottom: 1px;
     left: 0;
     right: 0;
     border-bottom: 1px solid rgba(24, 19, 87, 0.07);
 }
 
 body.v3 .ui-tabs.tabs.ui-tabs-top>.ui-tabs-nav li a,
 div.v3 .ui-tabs.tabs.ui-tabs-top>.ui-tabs-nav li a {
     display: inline-block;
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 1em;
     font-weight: 800;
     color: #cac9d8;
     margin: 0 2.5em 0 0;
     padding: 1em 0;
     border: 0;
     border-bottom: 2px solid transparent;
 }
 
 body.v3 .ui-tabs.tabs.ui-tabs-top>.ui-tabs-nav li a:hover,
 div.v3 .ui-tabs.tabs.ui-tabs-top>.ui-tabs-nav li a:hover {
     border-bottom-color: #cac9d8;
 }
 
 body.v3 .ui-tabs.tabs.ui-tabs-top>.ui-tabs-nav li a .tabs__count,
 div.v3 .ui-tabs.tabs.ui-tabs-top>.ui-tabs-nav li a .tabs__count {
     display: inline-block;
     width: 1.75em;
     height: 1.75em;
     margin: 0 0 0 0.5em;
     padding: 0;
     border: 0;
     border-radius: 100%;
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 0.75em;
     font-weight: 800;
     text-align: center;
     vertical-align: baseline;
     line-height: 1.75em;
     background-color: #542eff;
 }
 
 body.v3 .ui-tabs.tabs.ui-tabs-top>.ui-tabs-nav li.ui-state-active a,
 div.v3 .ui-tabs.tabs.ui-tabs-top>.ui-tabs-nav li.ui-state-active a {
     border-bottom-color: #542eff;
     color: #303336;
 }
 
 body.v3 .ui-tabs.tabs .ui-tabs-panel,
 div.v3 .ui-tabs.tabs .ui-tabs-panel {
     padding: 1.5em 2.5em;
 }
 
 @media (max-width: 708px) {
     body.v3 .ui-tabs.tabs .ui-tabs-panel,
     div.v3 .ui-tabs.tabs .ui-tabs-panel {
         padding-left: 1em;
         padding-right: 1em;
     }
 }
 
 body.v3 .ui-tabs.tabs .ui-tabs-panel .put-this-in-right-hand-side-of-the-tabs-in-large-screens,
 div.v3 .ui-tabs.tabs .ui-tabs-panel .put-this-in-right-hand-side-of-the-tabs-in-large-screens {
     position: absolute;
     top: 0.5em;
     right: 2.5em;
 }
 
 @media (max-width: 708px) {
     body.v3 .ui-tabs.tabs .ui-tabs-panel .put-this-in-right-hand-side-of-the-tabs-in-large-screens,
     div.v3 .ui-tabs.tabs .ui-tabs-panel .put-this-in-right-hand-side-of-the-tabs-in-large-screens {
         position: static;
         padding: 0 1.5em;
         text-align: right;
     }
 }
 
 body.v3 .inputRegion,
 div.v3 .inputRegion {
     margin-bottom: 1.5em;
 }
 
 body.v3 .inputRegion p,
 div.v3 .inputRegion p {
     clear: left;
     color: #67657d;
     margin-top: 0.375em;
 }
 
 body.v3 .inputRegion .inputRegion,
 div.v3 .inputRegion .inputRegion {
     margin-top: 0;
     margin-bottom: 0;
 }
 
 body.v3 .inputRegion .label,
 div.v3 .inputRegion .label {
     text-transform: uppercase;
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 0.625em;
     font-weight: 600;
     letter-spacing: 0.5px;
     line-height: 1.25em;
     margin: 0 0 0.75em;
     color: #545174;
 }
 
 body.v3 .inputRegion .input,
 div.v3 .inputRegion .input {
     display: block;
 }
 
 body.v3 .inputRegion .error,
 div.v3 .inputRegion .error {
     font-size: 0.875em;
     margin-top: 0.5em;
     color: #ff1744;
 }
 
 body.v3 .inputRegion .error:before,
 div.v3 .inputRegion .error:before {
     display: none;
 }
 
 body.v3 .inputRegion .inputfieldinfo p,
 div.v3 .inputRegion .inputfieldinfo p {
     font-size: 0.875em;
     margin-top: 0.5em;
     margin-bottom: -0.5em;
     color: #8d89aa;
 }
 
 body.v3 .inputRegion.text,
 body.v3 .inputRegion.select,
 body.v3 .inputRegion.autocomplete,
 body.v3 .inputRegion.textarea,
 div.v3 .inputRegion.text,
 div.v3 .inputRegion.select,
 div.v3 .inputRegion.autocomplete,
 div.v3 .inputRegion.textarea {
     max-width: 480px;
 }
 
 @media (max-width: 708px) {
     body.v3 .inputRegion.text,
     body.v3 .inputRegion.select,
     body.v3 .inputRegion.autocomplete,
     body.v3 .inputRegion.textarea,
     div.v3 .inputRegion.text,
     div.v3 .inputRegion.select,
     div.v3 .inputRegion.autocomplete,
     div.v3 .inputRegion.textarea {
         max-width: none;
     }
 }
 
 body.v3 input[type="text"],
 body.v3 input[type="number"],
 body.v3 select,
 body.v3 .input input,
 body.v3 .ui-inputfield,
 body.v3 .ui-selectonemenu,
 div.v3 input[type="text"],
 div.v3 input[type="number"],
 div.v3 select,
 div.v3 .input input,
 div.v3 .ui-inputfield,
 div.v3 .ui-selectonemenu {
     box-sizing: border-box;
     font-size: 1em;
     line-height: 1.25em;
     width: auto;
     margin: 0;
     border: 1px solid transparent;
     border-radius: 0;
     padding: 0.75em 1em;
     outline: 0;
     box-shadow: none;
     border-color: #dcdae2;
     background-color: #fff;
     color: #545174;
 }
 
 body.v3 .ui-selectonemenu,
 div.v3 .ui-selectonemenu {
     border: 0;
     padding: 0;
     background: 0;
     height: 100%;
 }
 
 body.v3 .ui-selectonemenu .ui-selectonemenu-trigger,
 div.v3 .ui-selectonemenu .ui-selectonemenu-trigger {
     box-sizing: border-box;
     width: 3em;
     padding: 0;
     border: 1px solid transparent;
 }
 
 body.v3 select,
 body.v3 .ui-selectonemenu .ui-inputfield,
 div.v3 select,
 div.v3 .ui-selectonemenu .ui-inputfield {
     padding-right: 3em;
 }
 
 body.v3 select,
 body.v3 .ui-selectonemenu .ui-selectonemenu-trigger,
 div.v3 select,
 div.v3 .ui-selectonemenu .ui-selectonemenu-trigger {
     background-image: url("../../assets/svg/chevron-down-neutral8.svg");
     background-size: 1.5rem;
     background-position: calc(100% - 0.75em) center;
     background-repeat: no-repeat;
 }
 
 body.v3 input[type="radio"],
 div.v3 input[type="radio"] {
     width: 1em;
     height: 1em;
     padding: 0;
     border-radius: 100%;
 }
 
 body.v3 input[type="text"]:focus,
 body.v3 input[type="number"]:focus,
 body.v3 select:focus,
 body.v3 .input input:focus,
 body.v3 .ui-inputfield.ui-state-focus,
 body.v3 .ui-state-focus .ui-inputfield,
 div.v3 input[type="text"]:focus,
 div.v3 input[type="number"]:focus,
 div.v3 select:focus,
 div.v3 .input input:focus,
 div.v3 .ui-inputfield.ui-state-focus,
 div.v3 .ui-state-focus .ui-inputfield {
     box-shadow: 0 0 0 3px #d4caff;
     border-color: #311b92;
     background-color: #fff;
     color: #303336;
 }
 
 body.v3 input[type="text"]:hover,
 body.v3 input[type="number"]:hover,
 body.v3 select:hover,
 body.v3 .input input:hover,
 body.v3 .ui-inputfield.ui-state-hover,
 body.v3 .ui-state-hover .ui-inputfield,
 div.v3 input[type="text"]:hover,
 div.v3 input[type="number"]:hover,
 div.v3 select:hover,
 div.v3 .input input:hover,
 div.v3 .ui-inputfield.ui-state-hover,
 div.v3 .ui-state-hover .ui-inputfield {
     box-shadow: none;
     border-color: #4628c1;
     background-color: #fff;
     color: #303336;
 }
 
 body.v3 input[type="text"]:disabled,
 body.v3 input[type="number"]:disabled,
 body.v3 select:disabled,
 body.v3 .input input:disabled,
 body.v3 .ui-inputfield.ui-state-disabled,
 body.v3 .ui-state-disabled .ui-inputfield,
 div.v3 input[type="text"]:disabled,
 div.v3 input[type="number"]:disabled,
 div.v3 select:disabled,
 div.v3 .input input:disabled,
 div.v3 .ui-inputfield.ui-state-disabled,
 div.v3 .ui-state-disabled .ui-inputfield {
     box-shadow: none;
     border-color: #dcdae2;
     background-color: #f5f4f7;
     color: #8d89aa;
 }
 
 body.v3 input.inputErrors,
 body.v3 select.inputErrors,
 body.v3 .ui-inputfield.ui-state-error,
 body.v3 .ui-state-error .ui-inputfield,
 div.v3 input.inputErrors,
 div.v3 select.inputErrors,
 div.v3 .ui-inputfield.ui-state-error,
 div.v3 .ui-state-error .ui-inputfield {
     box-shadow: 0 0 0 3px #fae9e3;
     border-color: #ff1744;
     background-color: #fff;
     color: #ff1744;
 }
 
 body.v3 .ui-selectonemenu.r_button,
 body.v3 .teacherresources__upload .ui-selectonemenu.ui-fileupload-choose,
 .teacherresources__upload body.v3 .ui-selectonemenu.ui-fileupload-choose,
 body.v3 .teacherresources__selectone .ui-selectonemenu.ui-button,
 .teacherresources__selectone body.v3 .ui-selectonemenu.ui-button,
 body.v3 #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar .ui-selectonemenu.ui-button,
 #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar body.v3 .ui-selectonemenu.ui-button,
 body.v3 .securesidebar__upload .ui-fileupload-buttonbar .ui-selectonemenu.ui-button,
 .securesidebar__upload .ui-fileupload-buttonbar body.v3 .ui-selectonemenu.ui-button,
 body.v3 .ui-fileupload .ui-fileupload-buttonbar .ui-selectonemenu.ui-button,
 .ui-fileupload .ui-fileupload-buttonbar body.v3 .ui-selectonemenu.ui-button,
 body.v3 .page_tutors_secure_cover-report .container__card .upload .ui-selectonemenu.ui-fileupload-choose,
 .page_tutors_secure_cover-report .container__card .upload body.v3 .ui-selectonemenu.ui-fileupload-choose,
 div.v3 .ui-selectonemenu.r_button,
 div.v3 .teacherresources__upload .ui-selectonemenu.ui-fileupload-choose,
 .teacherresources__upload div.v3 .ui-selectonemenu.ui-fileupload-choose,
 div.v3 .teacherresources__selectone .ui-selectonemenu.ui-button,
 .teacherresources__selectone div.v3 .ui-selectonemenu.ui-button,
 div.v3 #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar .ui-selectonemenu.ui-button,
 #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar div.v3 .ui-selectonemenu.ui-button,
 div.v3 .securesidebar__upload .ui-fileupload-buttonbar .ui-selectonemenu.ui-button,
 .securesidebar__upload .ui-fileupload-buttonbar div.v3 .ui-selectonemenu.ui-button,
 div.v3 .ui-fileupload .ui-fileupload-buttonbar .ui-selectonemenu.ui-button,
 .ui-fileupload .ui-fileupload-buttonbar div.v3 .ui-selectonemenu.ui-button,
 div.v3 .page_tutors_secure_cover-report .container__card .upload .ui-selectonemenu.ui-fileupload-choose,
 .page_tutors_secure_cover-report .container__card .upload div.v3 .ui-selectonemenu.ui-fileupload-choose {
     height: auto;
     font-size: 0.8215em;
 }
 
 body.v3 .ui-selectonemenu.r_button .ui-selectonemenu-label,
 body.v3 .teacherresources__upload .ui-selectonemenu.ui-fileupload-choose .ui-selectonemenu-label,
 .teacherresources__upload body.v3 .ui-selectonemenu.ui-fileupload-choose .ui-selectonemenu-label,
 body.v3 .teacherresources__selectone .ui-selectonemenu.ui-button .ui-selectonemenu-label,
 .teacherresources__selectone body.v3 .ui-selectonemenu.ui-button .ui-selectonemenu-label,
 body.v3 #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar .ui-selectonemenu.ui-button .ui-selectonemenu-label,
 #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar body.v3 .ui-selectonemenu.ui-button .ui-selectonemenu-label,
 body.v3 .securesidebar__upload .ui-fileupload-buttonbar .ui-selectonemenu.ui-button .ui-selectonemenu-label,
 .securesidebar__upload .ui-fileupload-buttonbar body.v3 .ui-selectonemenu.ui-button .ui-selectonemenu-label,
 body.v3 .ui-fileupload .ui-fileupload-buttonbar .ui-selectonemenu.ui-button .ui-selectonemenu-label,
 .ui-fileupload .ui-fileupload-buttonbar body.v3 .ui-selectonemenu.ui-button .ui-selectonemenu-label,
 body.v3 .page_tutors_secure_cover-report .container__card .upload .ui-selectonemenu.ui-fileupload-choose .ui-selectonemenu-label,
 .page_tutors_secure_cover-report .container__card .upload body.v3 .ui-selectonemenu.ui-fileupload-choose .ui-selectonemenu-label,
 div.v3 .ui-selectonemenu.r_button .ui-selectonemenu-label,
 div.v3 .teacherresources__upload .ui-selectonemenu.ui-fileupload-choose .ui-selectonemenu-label,
 .teacherresources__upload div.v3 .ui-selectonemenu.ui-fileupload-choose .ui-selectonemenu-label,
 div.v3 .teacherresources__selectone .ui-selectonemenu.ui-button .ui-selectonemenu-label,
 .teacherresources__selectone div.v3 .ui-selectonemenu.ui-button .ui-selectonemenu-label,
 div.v3 #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar .ui-selectonemenu.ui-button .ui-selectonemenu-label,
 #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar div.v3 .ui-selectonemenu.ui-button .ui-selectonemenu-label,
 div.v3 .securesidebar__upload .ui-fileupload-buttonbar .ui-selectonemenu.ui-button .ui-selectonemenu-label,
 .securesidebar__upload .ui-fileupload-buttonbar div.v3 .ui-selectonemenu.ui-button .ui-selectonemenu-label,
 div.v3 .ui-fileupload .ui-fileupload-buttonbar .ui-selectonemenu.ui-button .ui-selectonemenu-label,
 .ui-fileupload .ui-fileupload-buttonbar div.v3 .ui-selectonemenu.ui-button .ui-selectonemenu-label,
 div.v3 .page_tutors_secure_cover-report .container__card .upload .ui-selectonemenu.ui-fileupload-choose .ui-selectonemenu-label,
 .page_tutors_secure_cover-report .container__card .upload div.v3 .ui-selectonemenu.ui-fileupload-choose .ui-selectonemenu-label {
     display: flex;
     align-items: center;
     justify-content: center;
     height: 3.66666em;
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-weight: 700;
     text-align: center;
     text-transform: uppercase;
     letter-spacing: 0.5px;
     padding: 1.066666em 5.66666em 1.066666em 2.133333em;
     border: 0;
 }
 
 body.v3 .ui-selectonemenu.r_button .ui-selectonemenu-trigger,
 body.v3 .teacherresources__upload .ui-selectonemenu.ui-fileupload-choose .ui-selectonemenu-trigger,
 .teacherresources__upload body.v3 .ui-selectonemenu.ui-fileupload-choose .ui-selectonemenu-trigger,
 body.v3 .teacherresources__selectone .ui-selectonemenu.ui-button .ui-selectonemenu-trigger,
 .teacherresources__selectone body.v3 .ui-selectonemenu.ui-button .ui-selectonemenu-trigger,
 body.v3 #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar .ui-selectonemenu.ui-button .ui-selectonemenu-trigger,
 #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar body.v3 .ui-selectonemenu.ui-button .ui-selectonemenu-trigger,
 body.v3 .securesidebar__upload .ui-fileupload-buttonbar .ui-selectonemenu.ui-button .ui-selectonemenu-trigger,
 .securesidebar__upload .ui-fileupload-buttonbar body.v3 .ui-selectonemenu.ui-button .ui-selectonemenu-trigger,
 body.v3 .ui-fileupload .ui-fileupload-buttonbar .ui-selectonemenu.ui-button .ui-selectonemenu-trigger,
 .ui-fileupload .ui-fileupload-buttonbar body.v3 .ui-selectonemenu.ui-button .ui-selectonemenu-trigger,
 body.v3 .page_tutors_secure_cover-report .container__card .upload .ui-selectonemenu.ui-fileupload-choose .ui-selectonemenu-trigger,
 .page_tutors_secure_cover-report .container__card .upload body.v3 .ui-selectonemenu.ui-fileupload-choose .ui-selectonemenu-trigger,
 div.v3 .ui-selectonemenu.r_button .ui-selectonemenu-trigger,
 div.v3 .teacherresources__upload .ui-selectonemenu.ui-fileupload-choose .ui-selectonemenu-trigger,
 .teacherresources__upload div.v3 .ui-selectonemenu.ui-fileupload-choose .ui-selectonemenu-trigger,
 div.v3 .teacherresources__selectone .ui-selectonemenu.ui-button .ui-selectonemenu-trigger,
 .teacherresources__selectone div.v3 .ui-selectonemenu.ui-button .ui-selectonemenu-trigger,
 div.v3 #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar .ui-selectonemenu.ui-button .ui-selectonemenu-trigger,
 #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar div.v3 .ui-selectonemenu.ui-button .ui-selectonemenu-trigger,
 div.v3 .securesidebar__upload .ui-fileupload-buttonbar .ui-selectonemenu.ui-button .ui-selectonemenu-trigger,
 .securesidebar__upload .ui-fileupload-buttonbar div.v3 .ui-selectonemenu.ui-button .ui-selectonemenu-trigger,
 div.v3 .ui-fileupload .ui-fileupload-buttonbar .ui-selectonemenu.ui-button .ui-selectonemenu-trigger,
 .ui-fileupload .ui-fileupload-buttonbar div.v3 .ui-selectonemenu.ui-button .ui-selectonemenu-trigger,
 div.v3 .page_tutors_secure_cover-report .container__card .upload .ui-selectonemenu.ui-fileupload-choose .ui-selectonemenu-trigger,
 .page_tutors_secure_cover-report .container__card .upload div.v3 .ui-selectonemenu.ui-fileupload-choose .ui-selectonemenu-trigger {
     width: 3.66666em;
     border: 0;
     border-left: 2px solid #fff;
     background-position: center;
 }
 
 body.v3 .ui-selectonemenu.r_button--xs,
 body.v3 .teacherresources__selectone .ui-selectonemenu.ui-button,
 .teacherresources__selectone body.v3 .ui-selectonemenu.ui-button,
 div.v3 .ui-selectonemenu.r_button--xs,
 div.v3 .teacherresources__selectone .ui-selectonemenu.ui-button,
 .teacherresources__selectone div.v3 .ui-selectonemenu.ui-button {
     font-size: 0.5625em;
 }
 
 body.v3 .ui-selectonemenu.r_button--s,
 body.v3 .ui-fileupload .ui-fileupload-buttonbar .ui-selectonemenu.ui-button,
 .ui-fileupload .ui-fileupload-buttonbar body.v3 .ui-selectonemenu.ui-button,
 body.v3 .page_tutors_secure_cover-report .container__card .upload .ui-selectonemenu.ui-fileupload-choose,
 .page_tutors_secure_cover-report .container__card .upload body.v3 .ui-selectonemenu.ui-fileupload-choose,
 div.v3 .ui-selectonemenu.r_button--s,
 div.v3 .ui-fileupload .ui-fileupload-buttonbar .ui-selectonemenu.ui-button,
 .ui-fileupload .ui-fileupload-buttonbar div.v3 .ui-selectonemenu.ui-button,
 div.v3 .page_tutors_secure_cover-report .container__card .upload .ui-selectonemenu.ui-fileupload-choose,
 .page_tutors_secure_cover-report .container__card .upload div.v3 .ui-selectonemenu.ui-fileupload-choose {
     font-size: 0.6875em;
 }
 
 body.v3 .ui-selectonemenu.r_button--m,
 body.v3 .teacherresources__upload .ui-selectonemenu.ui-fileupload-choose,
 .teacherresources__upload body.v3 .ui-selectonemenu.ui-fileupload-choose,
 body.v3 .securesidebar__upload .ui-fileupload-buttonbar .ui-selectonemenu.ui-button,
 .securesidebar__upload .ui-fileupload-buttonbar body.v3 .ui-selectonemenu.ui-button,
 div.v3 .ui-selectonemenu.r_button--m,
 div.v3 .teacherresources__upload .ui-selectonemenu.ui-fileupload-choose,
 .teacherresources__upload div.v3 .ui-selectonemenu.ui-fileupload-choose,
 div.v3 .securesidebar__upload .ui-fileupload-buttonbar .ui-selectonemenu.ui-button,
 .securesidebar__upload .ui-fileupload-buttonbar div.v3 .ui-selectonemenu.ui-button {
     font-size: 0.8215em;
 }
 
 body.v3 .ui-selectonemenu.r_button--l,
 body.v3 #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar .ui-selectonemenu.ui-button,
 #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar body.v3 .ui-selectonemenu.ui-button,
 div.v3 .ui-selectonemenu.r_button--l,
 div.v3 #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar .ui-selectonemenu.ui-button,
 #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar div.v3 .ui-selectonemenu.ui-button {
     font-size: 0.9325em;
 }
 
 body.v3 .ui-selectonemenu.r_button--default .ui-selectonemenu-label,
 body.v3 .teacherresources__selectone .ui-selectonemenu.ui-button .ui-selectonemenu-label,
 .teacherresources__selectone body.v3 .ui-selectonemenu.ui-button .ui-selectonemenu-label,
 body.v3 .ui-fileupload .ui-fileupload-buttonbar .ui-selectonemenu.ui-button .ui-selectonemenu-label,
 .ui-fileupload .ui-fileupload-buttonbar body.v3 .ui-selectonemenu.ui-button .ui-selectonemenu-label,
 body.v3 .ui-selectonemenu.r_button--default .ui-selectonemenu-trigger,
 body.v3 .teacherresources__selectone .ui-selectonemenu.ui-button .ui-selectonemenu-trigger,
 .teacherresources__selectone body.v3 .ui-selectonemenu.ui-button .ui-selectonemenu-trigger,
 body.v3 .ui-fileupload .ui-fileupload-buttonbar .ui-selectonemenu.ui-button .ui-selectonemenu-trigger,
 .ui-fileupload .ui-fileupload-buttonbar body.v3 .ui-selectonemenu.ui-button .ui-selectonemenu-trigger,
 div.v3 .ui-selectonemenu.r_button--default .ui-selectonemenu-label,
 div.v3 .teacherresources__selectone .ui-selectonemenu.ui-button .ui-selectonemenu-label,
 .teacherresources__selectone div.v3 .ui-selectonemenu.ui-button .ui-selectonemenu-label,
 div.v3 .ui-fileupload .ui-fileupload-buttonbar .ui-selectonemenu.ui-button .ui-selectonemenu-label,
 .ui-fileupload .ui-fileupload-buttonbar div.v3 .ui-selectonemenu.ui-button .ui-selectonemenu-label,
 div.v3 .ui-selectonemenu.r_button--default .ui-selectonemenu-trigger,
 div.v3 .teacherresources__selectone .ui-selectonemenu.ui-button .ui-selectonemenu-trigger,
 .teacherresources__selectone div.v3 .ui-selectonemenu.ui-button .ui-selectonemenu-trigger,
 div.v3 .ui-fileupload .ui-fileupload-buttonbar .ui-selectonemenu.ui-button .ui-selectonemenu-trigger,
 .ui-fileupload .ui-fileupload-buttonbar div.v3 .ui-selectonemenu.ui-button .ui-selectonemenu-trigger {
     background-color: #f5f4f7;
     color: #542eff;
 }
 
 body.v3 .ui-selectonemenu.r_button--default .ui-selectonemenu-trigger,
 body.v3 .teacherresources__selectone .ui-selectonemenu.ui-button .ui-selectonemenu-trigger,
 .teacherresources__selectone body.v3 .ui-selectonemenu.ui-button .ui-selectonemenu-trigger,
 body.v3 .ui-fileupload .ui-fileupload-buttonbar .ui-selectonemenu.ui-button .ui-selectonemenu-trigger,
 .ui-fileupload .ui-fileupload-buttonbar body.v3 .ui-selectonemenu.ui-button .ui-selectonemenu-trigger,
 div.v3 .ui-selectonemenu.r_button--default .ui-selectonemenu-trigger,
 div.v3 .teacherresources__selectone .ui-selectonemenu.ui-button .ui-selectonemenu-trigger,
 .teacherresources__selectone div.v3 .ui-selectonemenu.ui-button .ui-selectonemenu-trigger,
 div.v3 .ui-fileupload .ui-fileupload-buttonbar .ui-selectonemenu.ui-button .ui-selectonemenu-trigger,
 .ui-fileupload .ui-fileupload-buttonbar div.v3 .ui-selectonemenu.ui-button .ui-selectonemenu-trigger {
     background-image: url("../../assets/svg/chevron-down-secondary5.svg");
 }
 
 body.v3 .ui-selectonemenu.r_button--default.ui-state-focus .ui-selectonemenu-label,
 body.v3 .teacherresources__selectone .ui-selectonemenu.ui-state-focus.ui-button .ui-selectonemenu-label,
 .teacherresources__selectone body.v3 .ui-selectonemenu.ui-state-focus.ui-button .ui-selectonemenu-label,
 body.v3 .ui-fileupload .ui-fileupload-buttonbar .ui-selectonemenu.ui-state-focus.ui-button .ui-selectonemenu-label,
 .ui-fileupload .ui-fileupload-buttonbar body.v3 .ui-selectonemenu.ui-state-focus.ui-button .ui-selectonemenu-label,
 body.v3 .ui-selectonemenu.r_button--default.ui-state-focus .ui-selectonemenu-trigger,
 body.v3 .teacherresources__selectone .ui-selectonemenu.ui-state-focus.ui-button .ui-selectonemenu-trigger,
 .teacherresources__selectone body.v3 .ui-selectonemenu.ui-state-focus.ui-button .ui-selectonemenu-trigger,
 body.v3 .ui-fileupload .ui-fileupload-buttonbar .ui-selectonemenu.ui-state-focus.ui-button .ui-selectonemenu-trigger,
 .ui-fileupload .ui-fileupload-buttonbar body.v3 .ui-selectonemenu.ui-state-focus.ui-button .ui-selectonemenu-trigger,
 div.v3 .ui-selectonemenu.r_button--default.ui-state-focus .ui-selectonemenu-label,
 div.v3 .teacherresources__selectone .ui-selectonemenu.ui-state-focus.ui-button .ui-selectonemenu-label,
 .teacherresources__selectone div.v3 .ui-selectonemenu.ui-state-focus.ui-button .ui-selectonemenu-label,
 div.v3 .ui-fileupload .ui-fileupload-buttonbar .ui-selectonemenu.ui-state-focus.ui-button .ui-selectonemenu-label,
 .ui-fileupload .ui-fileupload-buttonbar div.v3 .ui-selectonemenu.ui-state-focus.ui-button .ui-selectonemenu-label,
 div.v3 .ui-selectonemenu.r_button--default.ui-state-focus .ui-selectonemenu-trigger,
 div.v3 .teacherresources__selectone .ui-selectonemenu.ui-state-focus.ui-button .ui-selectonemenu-trigger,
 .teacherresources__selectone div.v3 .ui-selectonemenu.ui-state-focus.ui-button .ui-selectonemenu-trigger,
 div.v3 .ui-fileupload .ui-fileupload-buttonbar .ui-selectonemenu.ui-state-focus.ui-button .ui-selectonemenu-trigger,
 .ui-fileupload .ui-fileupload-buttonbar div.v3 .ui-selectonemenu.ui-state-focus.ui-button .ui-selectonemenu-trigger {
     background-color: #542eff;
     color: #fff;
 }
 
 body.v3 .ui-selectonemenu.r_button--default.ui-state-focus .ui-selectonemenu-trigger,
 body.v3 .teacherresources__selectone .ui-selectonemenu.ui-state-focus.ui-button .ui-selectonemenu-trigger,
 .teacherresources__selectone body.v3 .ui-selectonemenu.ui-state-focus.ui-button .ui-selectonemenu-trigger,
 body.v3 .ui-fileupload .ui-fileupload-buttonbar .ui-selectonemenu.ui-state-focus.ui-button .ui-selectonemenu-trigger,
 .ui-fileupload .ui-fileupload-buttonbar body.v3 .ui-selectonemenu.ui-state-focus.ui-button .ui-selectonemenu-trigger,
 div.v3 .ui-selectonemenu.r_button--default.ui-state-focus .ui-selectonemenu-trigger,
 div.v3 .teacherresources__selectone .ui-selectonemenu.ui-state-focus.ui-button .ui-selectonemenu-trigger,
 .teacherresources__selectone div.v3 .ui-selectonemenu.ui-state-focus.ui-button .ui-selectonemenu-trigger,
 div.v3 .ui-fileupload .ui-fileupload-buttonbar .ui-selectonemenu.ui-state-focus.ui-button .ui-selectonemenu-trigger,
 .ui-fileupload .ui-fileupload-buttonbar div.v3 .ui-selectonemenu.ui-state-focus.ui-button .ui-selectonemenu-trigger {
     background-image: url("../../assets/svg/chevron-down-neutral0.svg");
 }
 
 body.v3 .ui-selectonemenu.r_button--default.ui-state-hover .ui-selectonemenu-label,
 body.v3 .teacherresources__selectone .ui-selectonemenu.ui-state-hover.ui-button .ui-selectonemenu-label,
 .teacherresources__selectone body.v3 .ui-selectonemenu.ui-state-hover.ui-button .ui-selectonemenu-label,
 body.v3 .ui-fileupload .ui-fileupload-buttonbar .ui-selectonemenu.ui-state-hover.ui-button .ui-selectonemenu-label,
 .ui-fileupload .ui-fileupload-buttonbar body.v3 .ui-selectonemenu.ui-state-hover.ui-button .ui-selectonemenu-label,
 body.v3 .ui-selectonemenu.r_button--default.ui-state-hover .ui-selectonemenu-trigger,
 body.v3 .teacherresources__selectone .ui-selectonemenu.ui-state-hover.ui-button .ui-selectonemenu-trigger,
 .teacherresources__selectone body.v3 .ui-selectonemenu.ui-state-hover.ui-button .ui-selectonemenu-trigger,
 body.v3 .ui-fileupload .ui-fileupload-buttonbar .ui-selectonemenu.ui-state-hover.ui-button .ui-selectonemenu-trigger,
 .ui-fileupload .ui-fileupload-buttonbar body.v3 .ui-selectonemenu.ui-state-hover.ui-button .ui-selectonemenu-trigger,
 div.v3 .ui-selectonemenu.r_button--default.ui-state-hover .ui-selectonemenu-label,
 div.v3 .teacherresources__selectone .ui-selectonemenu.ui-state-hover.ui-button .ui-selectonemenu-label,
 .teacherresources__selectone div.v3 .ui-selectonemenu.ui-state-hover.ui-button .ui-selectonemenu-label,
 div.v3 .ui-fileupload .ui-fileupload-buttonbar .ui-selectonemenu.ui-state-hover.ui-button .ui-selectonemenu-label,
 .ui-fileupload .ui-fileupload-buttonbar div.v3 .ui-selectonemenu.ui-state-hover.ui-button .ui-selectonemenu-label,
 div.v3 .ui-selectonemenu.r_button--default.ui-state-hover .ui-selectonemenu-trigger,
 div.v3 .teacherresources__selectone .ui-selectonemenu.ui-state-hover.ui-button .ui-selectonemenu-trigger,
 .teacherresources__selectone div.v3 .ui-selectonemenu.ui-state-hover.ui-button .ui-selectonemenu-trigger,
 div.v3 .ui-fileupload .ui-fileupload-buttonbar .ui-selectonemenu.ui-state-hover.ui-button .ui-selectonemenu-trigger,
 .ui-fileupload .ui-fileupload-buttonbar div.v3 .ui-selectonemenu.ui-state-hover.ui-button .ui-selectonemenu-trigger {
     background-color: #542eff;
     color: #fff;
 }
 
 body.v3 .ui-selectonemenu.r_button--default.ui-state-hover .ui-selectonemenu-trigger,
 body.v3 .teacherresources__selectone .ui-selectonemenu.ui-state-hover.ui-button .ui-selectonemenu-trigger,
 .teacherresources__selectone body.v3 .ui-selectonemenu.ui-state-hover.ui-button .ui-selectonemenu-trigger,
 body.v3 .ui-fileupload .ui-fileupload-buttonbar .ui-selectonemenu.ui-state-hover.ui-button .ui-selectonemenu-trigger,
 .ui-fileupload .ui-fileupload-buttonbar body.v3 .ui-selectonemenu.ui-state-hover.ui-button .ui-selectonemenu-trigger,
 div.v3 .ui-selectonemenu.r_button--default.ui-state-hover .ui-selectonemenu-trigger,
 div.v3 .teacherresources__selectone .ui-selectonemenu.ui-state-hover.ui-button .ui-selectonemenu-trigger,
 .teacherresources__selectone div.v3 .ui-selectonemenu.ui-state-hover.ui-button .ui-selectonemenu-trigger,
 div.v3 .ui-fileupload .ui-fileupload-buttonbar .ui-selectonemenu.ui-state-hover.ui-button .ui-selectonemenu-trigger,
 .ui-fileupload .ui-fileupload-buttonbar div.v3 .ui-selectonemenu.ui-state-hover.ui-button .ui-selectonemenu-trigger {
     background-image: url("../../assets/svg/chevron-down-neutral0.svg");
 }
 
 body.v3 .ui-selectonemenu.r_button--primary .ui-selectonemenu-label,
 body.v3 #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar .ui-selectonemenu.ui-button .ui-selectonemenu-label,
 #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar body.v3 .ui-selectonemenu.ui-button .ui-selectonemenu-label,
 body.v3 .securesidebar__upload .ui-fileupload-buttonbar .ui-selectonemenu.ui-button .ui-selectonemenu-label,
 .securesidebar__upload .ui-fileupload-buttonbar body.v3 .ui-selectonemenu.ui-button .ui-selectonemenu-label,
 body.v3 .ui-fileupload.r_button--primary .ui-fileupload-buttonbar .ui-selectonemenu.ui-button .ui-selectonemenu-label,
 .ui-fileupload.r_button--primary .ui-fileupload-buttonbar body.v3 .ui-selectonemenu.ui-button .ui-selectonemenu-label,
 body.v3 .page_tutors_secure_cover-report .container__card .upload .ui-selectonemenu.ui-fileupload-choose .ui-selectonemenu-label,
 .page_tutors_secure_cover-report .container__card .upload body.v3 .ui-selectonemenu.ui-fileupload-choose .ui-selectonemenu-label,
 body.v3 .ui-selectonemenu.r_button--primary .ui-selectonemenu-trigger,
 body.v3 #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar .ui-selectonemenu.ui-button .ui-selectonemenu-trigger,
 #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar body.v3 .ui-selectonemenu.ui-button .ui-selectonemenu-trigger,
 body.v3 .securesidebar__upload .ui-fileupload-buttonbar .ui-selectonemenu.ui-button .ui-selectonemenu-trigger,
 .securesidebar__upload .ui-fileupload-buttonbar body.v3 .ui-selectonemenu.ui-button .ui-selectonemenu-trigger,
 body.v3 .ui-fileupload.r_button--primary .ui-fileupload-buttonbar .ui-selectonemenu.ui-button .ui-selectonemenu-trigger,
 .ui-fileupload.r_button--primary .ui-fileupload-buttonbar body.v3 .ui-selectonemenu.ui-button .ui-selectonemenu-trigger,
 body.v3 .page_tutors_secure_cover-report .container__card .upload .ui-selectonemenu.ui-fileupload-choose .ui-selectonemenu-trigger,
 .page_tutors_secure_cover-report .container__card .upload body.v3 .ui-selectonemenu.ui-fileupload-choose .ui-selectonemenu-trigger,
 div.v3 .ui-selectonemenu.r_button--primary .ui-selectonemenu-label,
 div.v3 #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar .ui-selectonemenu.ui-button .ui-selectonemenu-label,
 #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar div.v3 .ui-selectonemenu.ui-button .ui-selectonemenu-label,
 div.v3 .securesidebar__upload .ui-fileupload-buttonbar .ui-selectonemenu.ui-button .ui-selectonemenu-label,
 .securesidebar__upload .ui-fileupload-buttonbar div.v3 .ui-selectonemenu.ui-button .ui-selectonemenu-label,
 div.v3 .ui-fileupload.r_button--primary .ui-fileupload-buttonbar .ui-selectonemenu.ui-button .ui-selectonemenu-label,
 .ui-fileupload.r_button--primary .ui-fileupload-buttonbar div.v3 .ui-selectonemenu.ui-button .ui-selectonemenu-label,
 div.v3 .page_tutors_secure_cover-report .container__card .upload .ui-selectonemenu.ui-fileupload-choose .ui-selectonemenu-label,
 .page_tutors_secure_cover-report .container__card .upload div.v3 .ui-selectonemenu.ui-fileupload-choose .ui-selectonemenu-label,
 div.v3 .ui-selectonemenu.r_button--primary .ui-selectonemenu-trigger,
 div.v3 #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar .ui-selectonemenu.ui-button .ui-selectonemenu-trigger,
 #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar div.v3 .ui-selectonemenu.ui-button .ui-selectonemenu-trigger,
 div.v3 .securesidebar__upload .ui-fileupload-buttonbar .ui-selectonemenu.ui-button .ui-selectonemenu-trigger,
 .securesidebar__upload .ui-fileupload-buttonbar div.v3 .ui-selectonemenu.ui-button .ui-selectonemenu-trigger,
 div.v3 .ui-fileupload.r_button--primary .ui-fileupload-buttonbar .ui-selectonemenu.ui-button .ui-selectonemenu-trigger,
 .ui-fileupload.r_button--primary .ui-fileupload-buttonbar div.v3 .ui-selectonemenu.ui-button .ui-selectonemenu-trigger,
 div.v3 .page_tutors_secure_cover-report .container__card .upload .ui-selectonemenu.ui-fileupload-choose .ui-selectonemenu-trigger,
 .page_tutors_secure_cover-report .container__card .upload div.v3 .ui-selectonemenu.ui-fileupload-choose .ui-selectonemenu-trigger {
     background-color: #542eff;
     color: #fff;
 }
 
 body.v3 .ui-selectonemenu.r_button--primary .ui-selectonemenu-trigger,
 body.v3 #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar .ui-selectonemenu.ui-button .ui-selectonemenu-trigger,
 #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar body.v3 .ui-selectonemenu.ui-button .ui-selectonemenu-trigger,
 body.v3 .securesidebar__upload .ui-fileupload-buttonbar .ui-selectonemenu.ui-button .ui-selectonemenu-trigger,
 .securesidebar__upload .ui-fileupload-buttonbar body.v3 .ui-selectonemenu.ui-button .ui-selectonemenu-trigger,
 body.v3 .ui-fileupload.r_button--primary .ui-fileupload-buttonbar .ui-selectonemenu.ui-button .ui-selectonemenu-trigger,
 .ui-fileupload.r_button--primary .ui-fileupload-buttonbar body.v3 .ui-selectonemenu.ui-button .ui-selectonemenu-trigger,
 body.v3 .page_tutors_secure_cover-report .container__card .upload .ui-selectonemenu.ui-fileupload-choose .ui-selectonemenu-trigger,
 .page_tutors_secure_cover-report .container__card .upload body.v3 .ui-selectonemenu.ui-fileupload-choose .ui-selectonemenu-trigger,
 div.v3 .ui-selectonemenu.r_button--primary .ui-selectonemenu-trigger,
 div.v3 #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar .ui-selectonemenu.ui-button .ui-selectonemenu-trigger,
 #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar div.v3 .ui-selectonemenu.ui-button .ui-selectonemenu-trigger,
 div.v3 .securesidebar__upload .ui-fileupload-buttonbar .ui-selectonemenu.ui-button .ui-selectonemenu-trigger,
 .securesidebar__upload .ui-fileupload-buttonbar div.v3 .ui-selectonemenu.ui-button .ui-selectonemenu-trigger,
 div.v3 .ui-fileupload.r_button--primary .ui-fileupload-buttonbar .ui-selectonemenu.ui-button .ui-selectonemenu-trigger,
 .ui-fileupload.r_button--primary .ui-fileupload-buttonbar div.v3 .ui-selectonemenu.ui-button .ui-selectonemenu-trigger,
 div.v3 .page_tutors_secure_cover-report .container__card .upload .ui-selectonemenu.ui-fileupload-choose .ui-selectonemenu-trigger,
 .page_tutors_secure_cover-report .container__card .upload div.v3 .ui-selectonemenu.ui-fileupload-choose .ui-selectonemenu-trigger {
     background-image: url("../../assets/svg/chevron-down-neutral0.svg");
 }
 
 body.v3 .ui-selectonemenu.r_button--primary.ui-state-focus .ui-selectonemenu-label,
 body.v3 #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar .ui-selectonemenu.ui-state-focus.ui-button .ui-selectonemenu-label,
 #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar body.v3 .ui-selectonemenu.ui-state-focus.ui-button .ui-selectonemenu-label,
 body.v3 .securesidebar__upload .ui-fileupload-buttonbar .ui-selectonemenu.ui-state-focus.ui-button .ui-selectonemenu-label,
 .securesidebar__upload .ui-fileupload-buttonbar body.v3 .ui-selectonemenu.ui-state-focus.ui-button .ui-selectonemenu-label,
 body.v3 .ui-fileupload.r_button--primary .ui-fileupload-buttonbar .ui-selectonemenu.ui-state-focus.ui-button .ui-selectonemenu-label,
 .ui-fileupload.r_button--primary .ui-fileupload-buttonbar body.v3 .ui-selectonemenu.ui-state-focus.ui-button .ui-selectonemenu-label,
 body.v3 .page_tutors_secure_cover-report .container__card .upload .ui-selectonemenu.ui-state-focus.ui-fileupload-choose .ui-selectonemenu-label,
 .page_tutors_secure_cover-report .container__card .upload body.v3 .ui-selectonemenu.ui-state-focus.ui-fileupload-choose .ui-selectonemenu-label,
 body.v3 .ui-selectonemenu.r_button--primary.ui-state-focus .ui-selectonemenu-trigger,
 body.v3 #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar .ui-selectonemenu.ui-state-focus.ui-button .ui-selectonemenu-trigger,
 #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar body.v3 .ui-selectonemenu.ui-state-focus.ui-button .ui-selectonemenu-trigger,
 body.v3 .securesidebar__upload .ui-fileupload-buttonbar .ui-selectonemenu.ui-state-focus.ui-button .ui-selectonemenu-trigger,
 .securesidebar__upload .ui-fileupload-buttonbar body.v3 .ui-selectonemenu.ui-state-focus.ui-button .ui-selectonemenu-trigger,
 body.v3 .ui-fileupload.r_button--primary .ui-fileupload-buttonbar .ui-selectonemenu.ui-state-focus.ui-button .ui-selectonemenu-trigger,
 .ui-fileupload.r_button--primary .ui-fileupload-buttonbar body.v3 .ui-selectonemenu.ui-state-focus.ui-button .ui-selectonemenu-trigger,
 body.v3 .page_tutors_secure_cover-report .container__card .upload .ui-selectonemenu.ui-state-focus.ui-fileupload-choose .ui-selectonemenu-trigger,
 .page_tutors_secure_cover-report .container__card .upload body.v3 .ui-selectonemenu.ui-state-focus.ui-fileupload-choose .ui-selectonemenu-trigger,
 div.v3 .ui-selectonemenu.r_button--primary.ui-state-focus .ui-selectonemenu-label,
 div.v3 #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar .ui-selectonemenu.ui-state-focus.ui-button .ui-selectonemenu-label,
 #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar div.v3 .ui-selectonemenu.ui-state-focus.ui-button .ui-selectonemenu-label,
 div.v3 .securesidebar__upload .ui-fileupload-buttonbar .ui-selectonemenu.ui-state-focus.ui-button .ui-selectonemenu-label,
 .securesidebar__upload .ui-fileupload-buttonbar div.v3 .ui-selectonemenu.ui-state-focus.ui-button .ui-selectonemenu-label,
 div.v3 .ui-fileupload.r_button--primary .ui-fileupload-buttonbar .ui-selectonemenu.ui-state-focus.ui-button .ui-selectonemenu-label,
 .ui-fileupload.r_button--primary .ui-fileupload-buttonbar div.v3 .ui-selectonemenu.ui-state-focus.ui-button .ui-selectonemenu-label,
 div.v3 .page_tutors_secure_cover-report .container__card .upload .ui-selectonemenu.ui-state-focus.ui-fileupload-choose .ui-selectonemenu-label,
 .page_tutors_secure_cover-report .container__card .upload div.v3 .ui-selectonemenu.ui-state-focus.ui-fileupload-choose .ui-selectonemenu-label,
 div.v3 .ui-selectonemenu.r_button--primary.ui-state-focus .ui-selectonemenu-trigger,
 div.v3 #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar .ui-selectonemenu.ui-state-focus.ui-button .ui-selectonemenu-trigger,
 #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar div.v3 .ui-selectonemenu.ui-state-focus.ui-button .ui-selectonemenu-trigger,
 div.v3 .securesidebar__upload .ui-fileupload-buttonbar .ui-selectonemenu.ui-state-focus.ui-button .ui-selectonemenu-trigger,
 .securesidebar__upload .ui-fileupload-buttonbar div.v3 .ui-selectonemenu.ui-state-focus.ui-button .ui-selectonemenu-trigger,
 div.v3 .ui-fileupload.r_button--primary .ui-fileupload-buttonbar .ui-selectonemenu.ui-state-focus.ui-button .ui-selectonemenu-trigger,
 .ui-fileupload.r_button--primary .ui-fileupload-buttonbar div.v3 .ui-selectonemenu.ui-state-focus.ui-button .ui-selectonemenu-trigger,
 div.v3 .page_tutors_secure_cover-report .container__card .upload .ui-selectonemenu.ui-state-focus.ui-fileupload-choose .ui-selectonemenu-trigger,
 .page_tutors_secure_cover-report .container__card .upload div.v3 .ui-selectonemenu.ui-state-focus.ui-fileupload-choose .ui-selectonemenu-trigger {
     background-color: #311b92;
 }
 
 body.v3 .ui-selectonemenu.r_button--primary.ui-state-hover .ui-selectonemenu-label,
 body.v3 #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar .ui-selectonemenu.ui-state-hover.ui-button .ui-selectonemenu-label,
 #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar body.v3 .ui-selectonemenu.ui-state-hover.ui-button .ui-selectonemenu-label,
 body.v3 .securesidebar__upload .ui-fileupload-buttonbar .ui-selectonemenu.ui-state-hover.ui-button .ui-selectonemenu-label,
 .securesidebar__upload .ui-fileupload-buttonbar body.v3 .ui-selectonemenu.ui-state-hover.ui-button .ui-selectonemenu-label,
 body.v3 .ui-fileupload.r_button--primary .ui-fileupload-buttonbar .ui-selectonemenu.ui-state-hover.ui-button .ui-selectonemenu-label,
 .ui-fileupload.r_button--primary .ui-fileupload-buttonbar body.v3 .ui-selectonemenu.ui-state-hover.ui-button .ui-selectonemenu-label,
 body.v3 .page_tutors_secure_cover-report .container__card .upload .ui-selectonemenu.ui-state-hover.ui-fileupload-choose .ui-selectonemenu-label,
 .page_tutors_secure_cover-report .container__card .upload body.v3 .ui-selectonemenu.ui-state-hover.ui-fileupload-choose .ui-selectonemenu-label,
 body.v3 .ui-selectonemenu.r_button--primary.ui-state-hover .ui-selectonemenu-trigger,
 body.v3 #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar .ui-selectonemenu.ui-state-hover.ui-button .ui-selectonemenu-trigger,
 #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar body.v3 .ui-selectonemenu.ui-state-hover.ui-button .ui-selectonemenu-trigger,
 body.v3 .securesidebar__upload .ui-fileupload-buttonbar .ui-selectonemenu.ui-state-hover.ui-button .ui-selectonemenu-trigger,
 .securesidebar__upload .ui-fileupload-buttonbar body.v3 .ui-selectonemenu.ui-state-hover.ui-button .ui-selectonemenu-trigger,
 body.v3 .ui-fileupload.r_button--primary .ui-fileupload-buttonbar .ui-selectonemenu.ui-state-hover.ui-button .ui-selectonemenu-trigger,
 .ui-fileupload.r_button--primary .ui-fileupload-buttonbar body.v3 .ui-selectonemenu.ui-state-hover.ui-button .ui-selectonemenu-trigger,
 body.v3 .page_tutors_secure_cover-report .container__card .upload .ui-selectonemenu.ui-state-hover.ui-fileupload-choose .ui-selectonemenu-trigger,
 .page_tutors_secure_cover-report .container__card .upload body.v3 .ui-selectonemenu.ui-state-hover.ui-fileupload-choose .ui-selectonemenu-trigger,
 div.v3 .ui-selectonemenu.r_button--primary.ui-state-hover .ui-selectonemenu-label,
 div.v3 #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar .ui-selectonemenu.ui-state-hover.ui-button .ui-selectonemenu-label,
 #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar div.v3 .ui-selectonemenu.ui-state-hover.ui-button .ui-selectonemenu-label,
 div.v3 .securesidebar__upload .ui-fileupload-buttonbar .ui-selectonemenu.ui-state-hover.ui-button .ui-selectonemenu-label,
 .securesidebar__upload .ui-fileupload-buttonbar div.v3 .ui-selectonemenu.ui-state-hover.ui-button .ui-selectonemenu-label,
 div.v3 .ui-fileupload.r_button--primary .ui-fileupload-buttonbar .ui-selectonemenu.ui-state-hover.ui-button .ui-selectonemenu-label,
 .ui-fileupload.r_button--primary .ui-fileupload-buttonbar div.v3 .ui-selectonemenu.ui-state-hover.ui-button .ui-selectonemenu-label,
 div.v3 .page_tutors_secure_cover-report .container__card .upload .ui-selectonemenu.ui-state-hover.ui-fileupload-choose .ui-selectonemenu-label,
 .page_tutors_secure_cover-report .container__card .upload div.v3 .ui-selectonemenu.ui-state-hover.ui-fileupload-choose .ui-selectonemenu-label,
 div.v3 .ui-selectonemenu.r_button--primary.ui-state-hover .ui-selectonemenu-trigger,
 div.v3 #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar .ui-selectonemenu.ui-state-hover.ui-button .ui-selectonemenu-trigger,
 #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar div.v3 .ui-selectonemenu.ui-state-hover.ui-button .ui-selectonemenu-trigger,
 div.v3 .securesidebar__upload .ui-fileupload-buttonbar .ui-selectonemenu.ui-state-hover.ui-button .ui-selectonemenu-trigger,
 .securesidebar__upload .ui-fileupload-buttonbar div.v3 .ui-selectonemenu.ui-state-hover.ui-button .ui-selectonemenu-trigger,
 div.v3 .ui-fileupload.r_button--primary .ui-fileupload-buttonbar .ui-selectonemenu.ui-state-hover.ui-button .ui-selectonemenu-trigger,
 .ui-fileupload.r_button--primary .ui-fileupload-buttonbar div.v3 .ui-selectonemenu.ui-state-hover.ui-button .ui-selectonemenu-trigger,
 div.v3 .page_tutors_secure_cover-report .container__card .upload .ui-selectonemenu.ui-state-hover.ui-fileupload-choose .ui-selectonemenu-trigger,
 .page_tutors_secure_cover-report .container__card .upload div.v3 .ui-selectonemenu.ui-state-hover.ui-fileupload-choose .ui-selectonemenu-trigger {
     background-color: #311b92;
 }
 
 body.v3 input::-webkit-input-placeholder,
 div.v3 input::-webkit-input-placeholder {
     color: #cac9d8;
 }
 
 body.v3 input::-moz-input-placeholder,
 div.v3 input::-moz-input-placeholder {
     color: #cac9d8;
 }
 
 body.v3 input::-ms-input-placeholder,
 div.v3 input::-ms-input-placeholder {
     color: #cac9d8;
 }
 
 body.v3 input::placeholder,
 div.v3 input::placeholder {
     color: #cac9d8;
 }
 
 body.v3 .inputRegion.select.empty .input select,
 body.v3 .inputRegion.select.empty .ui-selectonemenu-label,
 div.v3 .inputRegion.select.empty .input select,
 div.v3 .inputRegion.select.empty .ui-selectonemenu-label {
     color: #cac9d8;
 }
 
 body.v3 .inputRegion.select.empty .ui-selectonemenu.r_button--primary .ui-selectonemenu-label,
 body.v3 .inputRegion.select.empty #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar .ui-selectonemenu.ui-button .ui-selectonemenu-label,
 #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar body.v3 .inputRegion.select.empty .ui-selectonemenu.ui-button .ui-selectonemenu-label,
 body.v3 .inputRegion.select.empty .securesidebar__upload .ui-fileupload-buttonbar .ui-selectonemenu.ui-button .ui-selectonemenu-label,
 .securesidebar__upload .ui-fileupload-buttonbar body.v3 .inputRegion.select.empty .ui-selectonemenu.ui-button .ui-selectonemenu-label,
 body.v3 .inputRegion.select.empty .ui-fileupload.r_button--primary .ui-fileupload-buttonbar .ui-selectonemenu.ui-button .ui-selectonemenu-label,
 .ui-fileupload.r_button--primary .ui-fileupload-buttonbar body.v3 .inputRegion.select.empty .ui-selectonemenu.ui-button .ui-selectonemenu-label,
 body.v3 .inputRegion.select.empty .page_tutors_secure_cover-report .container__card .upload .ui-selectonemenu.ui-fileupload-choose .ui-selectonemenu-label,
 .page_tutors_secure_cover-report .container__card .upload body.v3 .inputRegion.select.empty .ui-selectonemenu.ui-fileupload-choose .ui-selectonemenu-label,
 div.v3 .inputRegion.select.empty .ui-selectonemenu.r_button--primary .ui-selectonemenu-label,
 div.v3 .inputRegion.select.empty #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar .ui-selectonemenu.ui-button .ui-selectonemenu-label,
 #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar div.v3 .inputRegion.select.empty .ui-selectonemenu.ui-button .ui-selectonemenu-label,
 div.v3 .inputRegion.select.empty .securesidebar__upload .ui-fileupload-buttonbar .ui-selectonemenu.ui-button .ui-selectonemenu-label,
 .securesidebar__upload .ui-fileupload-buttonbar div.v3 .inputRegion.select.empty .ui-selectonemenu.ui-button .ui-selectonemenu-label,
 div.v3 .inputRegion.select.empty .ui-fileupload.r_button--primary .ui-fileupload-buttonbar .ui-selectonemenu.ui-button .ui-selectonemenu-label,
 .ui-fileupload.r_button--primary .ui-fileupload-buttonbar div.v3 .inputRegion.select.empty .ui-selectonemenu.ui-button .ui-selectonemenu-label,
 div.v3 .inputRegion.select.empty .page_tutors_secure_cover-report .container__card .upload .ui-selectonemenu.ui-fileupload-choose .ui-selectonemenu-label,
 .page_tutors_secure_cover-report .container__card .upload div.v3 .inputRegion.select.empty .ui-selectonemenu.ui-fileupload-choose .ui-selectonemenu-label {
     color: #fff;
 }
 
 body.v3 .inputRegion.select.empty .input select option,
 div.v3 .inputRegion.select.empty .input select option {
     color: #303336;
 }
 
 body.v3 .inputRegion .input input,
 body.v3 .inputRegion .input select,
 body.v3 .inputRegion .ui-inputfield,
 body.v3 .inputRegion .ui-selectonemenu,
 div.v3 .inputRegion .input input,
 div.v3 .inputRegion .input select,
 div.v3 .inputRegion .ui-inputfield,
 div.v3 .inputRegion .ui-selectonemenu {
     height: 3em;
     width: 100%;
 }
 
 body.v3 .inputRegion.password input+.pwdtypecontrol,
 div.v3 .inputRegion.password input+.pwdtypecontrol {
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 0.6875em;
     color: #542eff;
     text-transform: uppercase;
     letter-spacing: 0.5px;
     font-weight: 600;
     background-color: #fff;
     padding: 0.75em 1em;
     top: 0.75em;
     right: 1px;
 }
 
 body.v3 .inputRegion.select .ui-selectonemenu-label img,
 div.v3 .inputRegion.select .ui-selectonemenu-label img {
     margin-right: 0.75em;
 }
 
 body.v3 .inputRegion.select .ui-selectonemenu-label img.profileimage,
 div.v3 .inputRegion.select .ui-selectonemenu-label img.profileimage {
     top: auto;
     width: 2em;
     height: 2em;
 }
 
 body.v3 .inputRegion.autocomplete .input input,
 div.v3 .inputRegion.autocomplete .input input {
     background-image: url("../../assets/svg/search-neutral4.svg");
     background-size: 1.25em;
     background-position: calc(100% - 1em) center;
     background-repeat: no-repeat;
 }
 
 body.v3 .ui-rating-star+.ui-rating-star,
 div.v3 .ui-rating-star+.ui-rating-star {
     padding-left: 0.25em;
 }
 
 body.v3 .ui-rating-star a,
 div.v3 .ui-rating-star a {
     background-image: url("../../assets/svg/rating-off.svg");
     width: 3em;
     height: 3em;
     background-position: center;
     background-repeat: no-repeat;
     background-size: contain;
 }
 
 body.v3 .ui-rating-star.ui-state-hover a,
 body.v3 .ui-rating-star.ui-rating-star-on a,
 div.v3 .ui-rating-star.ui-state-hover a,
 div.v3 .ui-rating-star.ui-rating-star-on a {
     background-image: url("../../assets/svg/rating-on.svg");
 }
 
 body.v3 .ui-rating-star.ui-rating-star-on.ui-state-blur a,
 div.v3 .ui-rating-star.ui-rating-star-on.ui-state-blur a {
     background-image: url("../../assets/svg/rating-off.svg");
 }
 
 body.v3 .ui-rating-smiley,
 div.v3 .ui-rating-smiley {
     width: 3em;
     height: 3em;
     margin: 0;
     background-position: center;
     background-repeat: no-repeat;
     background-size: contain;
 }
 
 body.v3 .ui-rating-smiley+.ui-rating-smiley,
 div.v3 .ui-rating-smiley+.ui-rating-smiley {
     margin-left: 0.5em;
 }
 
 body.v3 .inputRegion.dateparts .label,
 div.v3 .inputRegion.dateparts .label {
     display: none;
 }
 
 body.v3 .inputRegion.dateparts .ui-inputfield,
 div.v3 .inputRegion.dateparts .ui-inputfield {
     padding-left: 2.5em;
 }
 
 body.v3 .inputRegion.dateparts .day .ui-inputfield,
 div.v3 .inputRegion.dateparts .day .ui-inputfield {
     background-image: url("../../assets/svg/calendar-secondary8.svg");
     background-repeat: no-repeat;
     background-size: 1.25em;
     background-position: 0.75em center;
 }
 
 body.v3 .inputRegion.dateparts .day .ui-datepicker-trigger,
 div.v3 .inputRegion.dateparts .day .ui-datepicker-trigger {
     display: none;
 }
 
 body.v3 .inputRegion.dateparts .time .ui-selectcheckboxmenu-multiple-container,
 div.v3 .inputRegion.dateparts .time .ui-selectcheckboxmenu-multiple-container {
     margin: 0;
     background-image: url("../../assets/svg/clock-secondary8.svg");
     background-repeat: no-repeat;
     background-size: 1.25em;
     background-position: 0.75em center;
 }
 
 body.v3 .inputRegion.dateparts .time .ui-selectcheckboxmenu-trigger,
 div.v3 .inputRegion.dateparts .time .ui-selectcheckboxmenu-trigger {
     display: none;
 }
 
 body.v3 .inputRegion.dateparts .day .ui-inputfield,
 body.v3 .inputRegion.dateparts .time .ui-selectcheckboxmenu-token,
 div.v3 .inputRegion.dateparts .day .ui-inputfield,
 div.v3 .inputRegion.dateparts .time .ui-selectcheckboxmenu-token {
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 1em;
     line-height: 1.4;
     font-weight: 700;
     color: #542eff;
 }
 
 @media (max-width: 708px) {
     body.v3 .inputRegion.dateparts .inputRegion,
     div.v3 .inputRegion.dateparts .inputRegion {
         margin-bottom: 1em;
     }
 }
 
 body.v3 .inputRegion.onebutton .ui-selectonebutton,
 div.v3 .inputRegion.onebutton .ui-selectonebutton {
     display: flex;
     margin: 0;
     padding: 0;
 }
 
 @media (max-width: 708px) {
     body.v3 .inputRegion.onebutton .ui-selectonebutton,
     div.v3 .inputRegion.onebutton .ui-selectonebutton {
         flex-wrap: wrap;
     }
     body.v3 .inputRegion.onebutton .ui-selectonebutton .ui-button,
     div.v3 .inputRegion.onebutton .ui-selectonebutton .ui-button {
         display: block;
         width: 100%;
         margin: 0.5em 0;
     }
 }
 
 body.v3 .inputRegion.onebutton .ui-selectonebutton.vertical,
 div.v3 .inputRegion.onebutton .ui-selectonebutton.vertical {
     flex-wrap: wrap;
 }
 
 body.v3 .inputRegion.onebutton .ui-selectonebutton.vertical .ui-button,
 div.v3 .inputRegion.onebutton .ui-selectonebutton.vertical .ui-button {
     display: block;
     width: 100%;
     margin: 0.5em 0;
 }
 
 body.v3 .inputRegion.onebutton .ui-button,
 div.v3 .inputRegion.onebutton .ui-button {
     display: flex;
     align-items: center;
     margin: 0 0.5em;
     padding: 1.142em 2.284em;
     border: 1px solid transparent;
     box-shadow: 0 2px 16px 0 rgba(48, 51, 54, 0.08), 0 0 0 1px rgba(48, 51, 54, 0.08);
     text-align: center;
     font-size: 0.8215em;
     text-transform: uppercase;
     font-weight: 700;
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     letter-spacing: 0.5px;
     background-color: #fff;
     transition: all 0.15s ease-in-out;
     transition-property: border, background;
     outline: 0;
 }
 
 body.v3 .inputRegion.onebutton .ui-button .ui-button-text small,
 div.v3 .inputRegion.onebutton .ui-button .ui-button-text small {
     display: block;
     font-size: 0.875em;
     color: #67657d;
     margin-top: 0.75em;
     font-weight: 400;
     text-transform: none;
 }
 
 body.v3 .inputRegion.onebutton .ui-button.ui-state-focus,
 div.v3 .inputRegion.onebutton .ui-button.ui-state-focus {
     box-shadow: 0 0 0 3px #d4caff;
     border-color: #542eff;
 }
 
 body.v3 .inputRegion.onebutton .ui-button.ui-state-hover,
 div.v3 .inputRegion.onebutton .ui-button.ui-state-hover {
     box-shadow: 0 2px 16px 0 rgba(48, 51, 54, 0.08), 0 0 0 1px rgba(48, 51, 54, 0.08);
     border-color: transparent;
     background-color: #f7f9fc;
 }
 
 body.v3 .inputRegion.onebutton .ui-button.ui-state-active,
 div.v3 .inputRegion.onebutton .ui-button.ui-state-active {
     box-shadow: none;
     border-color: #4628c1;
     background-color: #4628c1;
     color: #fff;
 }
 
 body.v3 .inputRegion.onebutton .ui-button.ui-state-active .ui-button-text small,
 div.v3 .inputRegion.onebutton .ui-button.ui-state-active .ui-button-text small {
     color: #fff;
 }
 
 body.v3 .inputRegion.onebutton .ui-button:first-child,
 div.v3 .inputRegion.onebutton .ui-button:first-child {
     margin-left: 0;
 }
 
 body.v3 .inputRegion.onebutton .ui-button:last-child,
 div.v3 .inputRegion.onebutton .ui-button:last-child {
     margin-right: 0;
 }
 
 body.v3 .inputRegion+.inputRegion.checkbox,
 div.v3 .inputRegion+.inputRegion.checkbox {
     margin-top: -0.5em;
 }
 
 body.v3 .inputRegion.checkbox,
 div.v3 .inputRegion.checkbox {
     white-space: nowrap;
 }
 
 body.v3 .inputRegion.checkbox input[type="checkbox"],
 div.v3 .inputRegion.checkbox input[type="checkbox"] {
     box-sizing: border-box;
     font-size: 1em;
     line-height: 1.25em;
     width: 1.5em;
     height: 1.5em;
     margin: 0;
     padding: 0;
     border: 1px solid transparent;
     border-radius: 0;
     outline: 0;
 }
 
 body.v3 .inputRegion.checkbox input[type="checkbox"]+label,
 div.v3 .inputRegion.checkbox input[type="checkbox"]+label {
     position: relative;
     margin: 0;
     padding-left: 1em;
     width: calc(100% - 3em);
     font-size: 0.75em;
     white-space: normal;
 }
 
 body.v3 .inputRegion.checkbox input[type="checkbox"]+label:before,
 div.v3 .inputRegion.checkbox input[type="checkbox"]+label:before {
     content: "";
     display: block;
     width: 1.5em;
     height: 1.5em;
     position: absolute;
     left: -1.5em;
     top: calc(50% - 0.75em);
     box-sizing: border-box;
     font-size: 1.33333em;
     line-height: 1.33333em;
     margin: 0;
     border: 1px solid transparent;
     border-radius: 0;
     outline: 0;
     box-shadow: none;
     border-color: #cac9d8;
     background-color: #fff;
 }
 
 body.v3 .inputRegion.checkbox input[type="checkbox"]:focus+label:before,
 div.v3 .inputRegion.checkbox input[type="checkbox"]:focus+label:before {
     box-shadow: 0 0 0 3px #f7f9fc;
     border-color: #311b92;
 }
 
 body.v3 .inputRegion.checkbox input[type="checkbox"]:hover+label:before,
 div.v3 .inputRegion.checkbox input[type="checkbox"]:hover+label:before {
     box-shadow: none;
     border-color: #4628c1;
 }
 
 body.v3 .inputRegion.checkbox input[type="checkbox"]:checked+label:before,
 div.v3 .inputRegion.checkbox input[type="checkbox"]:checked+label:before {
     box-shadow: none;
     border-color: #542eff;
     background-color: #542eff;
     background-image: url("../../assets/svg/tick-neutral0.svg");
 }
 
 body.v3 .link,
 div.v3 .link {
     outline: 0;
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 0.6875em;
     font-weight: 600;
     letter-spacing: 0.5px;
     text-transform: uppercase;
     box-shadow: none;
     border: 1px solid transparent;
     color: #542eff;
     text-decoration: none;
 }
 
 body.v3 .link:focus,
 div.v3 .link:focus {
     box-shadow: 0 0 0 3px #d4caff;
     border-color: #542eff;
     color: #542eff;
     text-decoration: none;
 }
 
 body.v3 .link:hover,
 div.v3 .link:hover {
     box-shadow: none;
     border-color: transparent;
     color: #311b92;
     text-decoration: underline;
 }
 
 body.v3 .link:active,
 div.v3 .link:active {
     box-shadow: none;
     border-color: transparent;
     color: #14508e;
     text-decoration: underline;
 }
 
 body.v3 .link:disabled,
 div.v3 .link:disabled {
     box-shadow: none;
     border-color: transparent;
     color: #cac9d8;
     text-decoration: none;
 }
 
 body.v3 .link__back,
 div.v3 .link__back {
     position: relative;
     padding-left: 1.5em;
 }
 
 body.v3 .link__back:before,
 div.v3 .link__back:before {
     position: absolute;
     content: "";
     border: 0;
     transform: none;
     width: 1em;
     height: 1em;
     top: 0;
     left: 0;
     background-size: contain;
     background-repeat: no-repeat;
     background-image: url("../../assets/svg/arrow-left-secondary5.svg");
 }
 
 body.v3 .link__help:after,
 div.v3 .link__help:after {
     font-size: 1em;
     line-height: 1;
     width: 1em;
     height: 1em;
     border-width: 1px;
 }
 
 body.v3 .link--full-width,
 div.v3 .link--full-width {
     display: block;
     width: 100%;
     text-align: center;
 }
 
 @media (max-width: 708px) {
     body.v3 .link--full-width--mobile,
     div.v3 .link--full-width--mobile {
         display: block;
         width: 100%;
         text-align: center;
     }
 }
 
 body.v3 .container__back,
 div.v3 .container__back {
     margin-bottom: 0;
 }
 
 body.v3 .container__card,
 div.v3 .container__card {
     margin-top: 1.5em;
     margin-bottom: 1.5em;
     padding: 0 1.5em;
     border-radius: 0;
 }
 
 body.v3 .container__card h3,
 div.v3 .container__card h3 {
     color: #303336;
 }
 
 body.v3 .container__card--tutor,
 div.v3 .container__card--tutor {
     padding: 0 0 1.5em;
 }
 
 body.v3 .container__card--sidebarform,
 div.v3 .container__card--sidebarform {
     padding: 2em;
 }
 
 body.v3 .container__card--sidebarform p,
 div.v3 .container__card--sidebarform p {
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 0.875em;
     font-weight: 600;
     color: #67657d;
 }
 
 body.v3 .container__card--sidebarform p.sidebarform__header,
 div.v3 .container__card--sidebarform p.sidebarform__header {
     font-size: 1em;
     font-weight: 800;
     color: #303336;
 }
 
 body.v3 ul.summary,
 div.v3 ul.summary {
     margin: 1em 0;
 }
 
 body.v3 ul.summary li,
 div.v3 ul.summary li {
     display: flex;
     align-items: center;
     margin: 0.5em 0;
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 1.125em;
     line-height: 1.25em;
     font-weight: 600;
     color: #303336;
 }
 
 body.v3 ul.summary li img,
 div.v3 ul.summary li img {
     display: block;
     width: 1.5em;
     margin-right: 1em;
 }
 
 body.v3 ul.summary li small,
 div.v3 ul.summary li small {
     font-size: 0.77778em;
 }
 
 body.v3 ul.summary li span,
 div.v3 ul.summary li span {
     display: block;
     font-size: 0.66667em;
     color: #8d89aa;
 }
 
 body.v3 .navbar__main .r_button,
 body.v3 .navbar__main .teacherresources__upload .ui-fileupload-choose,
 .teacherresources__upload body.v3 .navbar__main .ui-fileupload-choose,
 body.v3 .navbar__main .teacherresources__selectone .ui-button,
 .teacherresources__selectone body.v3 .navbar__main .ui-button,
 body.v3 .navbar__main #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar .ui-button,
 #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar body.v3 .navbar__main .ui-button,
 body.v3 .navbar__main .securesidebar__upload .ui-fileupload-buttonbar .ui-button,
 .securesidebar__upload .ui-fileupload-buttonbar body.v3 .navbar__main .ui-button,
 body.v3 .navbar__main .ui-fileupload .ui-fileupload-buttonbar .ui-button,
 .ui-fileupload .ui-fileupload-buttonbar body.v3 .navbar__main .ui-button,
 body.v3 .navbar__main .page_tutors_secure_cover-report .container__card .upload .ui-fileupload-choose,
 .page_tutors_secure_cover-report .container__card .upload body.v3 .navbar__main .ui-fileupload-choose,
 div.v3 .navbar__main .r_button,
 div.v3 .navbar__main .teacherresources__upload .ui-fileupload-choose,
 .teacherresources__upload div.v3 .navbar__main .ui-fileupload-choose,
 div.v3 .navbar__main .teacherresources__selectone .ui-button,
 .teacherresources__selectone div.v3 .navbar__main .ui-button,
 div.v3 .navbar__main #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar .ui-button,
 #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar div.v3 .navbar__main .ui-button,
 div.v3 .navbar__main .securesidebar__upload .ui-fileupload-buttonbar .ui-button,
 .securesidebar__upload .ui-fileupload-buttonbar div.v3 .navbar__main .ui-button,
 div.v3 .navbar__main .ui-fileupload .ui-fileupload-buttonbar .ui-button,
 .ui-fileupload .ui-fileupload-buttonbar div.v3 .navbar__main .ui-button,
 div.v3 .navbar__main .page_tutors_secure_cover-report .container__card .upload .ui-fileupload-choose,
 .page_tutors_secure_cover-report .container__card .upload div.v3 .navbar__main .ui-fileupload-choose {
     padding: 0.875em;
 }
 
 body.v3 .modal-dialog,
 div.v3 .modal-dialog {
     width: 460px !important;
     box-shadow: 0 8px 16px 0 rgba(24, 19, 87, 0.07);
     border-radius: 0;
     padding: 2.5em;
 }
 
 @media (max-width: 708px) {
     body.v3 .modal-dialog,
     div.v3 .modal-dialog {
         width: 100% !important;
     }
 }
 
 body.v3 .modal-dialog .ui-dialog-titlebar-back,
 body.v3 .modal-dialog .ui-dialog-titlebar-close,
 div.v3 .modal-dialog .ui-dialog-titlebar-back,
 div.v3 .modal-dialog .ui-dialog-titlebar-close {
     font-size: 1rem;
     position: absolute;
     top: -2em;
     padding: 1em;
     z-index: 9996;
 }
 
 body.v3 .modal-dialog .ui-dialog-titlebar-back:after,
 body.v3 .modal-dialog .ui-dialog-titlebar-close:after,
 div.v3 .modal-dialog .ui-dialog-titlebar-back:after,
 div.v3 .modal-dialog .ui-dialog-titlebar-close:after {
     content: "";
     display: block;
     width: 1.5em;
     height: 1.5em;
     background-size: contain;
     background-repeat: no-repeat;
 }
 
 body.v3 .modal-dialog .ui-dialog-titlebar-back,
 div.v3 .modal-dialog .ui-dialog-titlebar-back {
     left: -2em;
 }
 
 body.v3 .modal-dialog .ui-dialog-titlebar-back:after,
 div.v3 .modal-dialog .ui-dialog-titlebar-back:after {
     background-image: url("../../assets/svg/arrow-left-neutral8.svg");
 }
 
 body.v3 .modal-dialog .ui-dialog-titlebar-close,
 div.v3 .modal-dialog .ui-dialog-titlebar-close {
     right: -2em;
 }
 
 body.v3 .modal-dialog .ui-dialog-titlebar-close:after,
 div.v3 .modal-dialog .ui-dialog-titlebar-close:after {
     background-image: url("../../assets/svg/close-neutral8.svg");
 }
 
 body.v3 .modal-dialog .ui-dialog-title,
 div.v3 .modal-dialog .ui-dialog-title {
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-weight: 800;
     font-size: 1.25em;
     line-height: 1.25em;
     color: #303336;
     text-align: center;
     margin: -0.75em auto 1.25em;
 }
 
 body.v3 .modal-dialog .ui-dialog-content h1,
 body.v3 .modal-dialog .ui-dialog-content h2,
 body.v3 .modal-dialog .ui-dialog-content h3,
 div.v3 .modal-dialog .ui-dialog-content h1,
 div.v3 .modal-dialog .ui-dialog-content h2,
 div.v3 .modal-dialog .ui-dialog-content h3 {
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-weight: 800;
     color: #303336;
     text-align: center;
 }
 
 body.v3 .modal-dialog .ui-dialog-content h1,
 div.v3 .modal-dialog .ui-dialog-content h1 {
     font-size: 1.6875em;
     margin: 0.5em 0;
 }
 
 body.v3 .modal-dialog .ui-dialog-content h2,
 div.v3 .modal-dialog .ui-dialog-content h2 {
     font-size: 1.25em;
     margin: 0.75em 0;
 }
 
 body.v3 .modal-dialog .ui-dialog-content h3,
 div.v3 .modal-dialog .ui-dialog-content h3 {
     font-size: 1em;
     margin: 1em 0;
 }
 
 body.v3 .modal-dialog .ui-dialog-content blockquote,
 div.v3 .modal-dialog .ui-dialog-content blockquote {
     margin: 1em 0;
     padding: 0.5em 1em;
     background: #f5f4f7;
     color: #545174;
     line-height: 1.5;
 }
 
 body.v3 .modal-dialog .ui-dialog-content header img,
 div.v3 .modal-dialog .ui-dialog-content header img {
     margin: 0 auto 0.75em;
 }
 
 body.v3 .modal-dialog .ui-dialog-content header img.profileimage,
 div.v3 .modal-dialog .ui-dialog-content header img.profileimage {
     border-radius: 100%;
     width: 80px;
     height: 80px;
 }
 
 body.v3 .modal-dialog .ui-dialog-content header p,
 div.v3 .modal-dialog .ui-dialog-content header p {
     margin: 1em 0 1.5em;
     font-size: 0.875em;
     line-height: 1.29;
     color: #67657d;
 }
 
 body.v3 .modal-dialog .ui-dialog-content header ul,
 div.v3 .modal-dialog .ui-dialog-content header ul {
     margin: 1em 0 1.5em;
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-weight: 800;
     font-size: 0.75em;
     line-height: 1.5;
     color: #545174;
 }
 
 body.v3 .modal-dialog .ui-dialog-content header blockquote,
 div.v3 .modal-dialog .ui-dialog-content header blockquote {
     font-size: 1.3125em;
     font-weight: 800;
     border: 1px solid #542eff;
     color: #303336;
 }
 
 body.v3 .modal-dialog .ui-dialog-content header blockquote img,
 div.v3 .modal-dialog .ui-dialog-content header blockquote img {
     margin: 0 1em 0 0;
     vertical-align: text-top;
 }
 
 body.v3 .modal-dialog .ui-dialog-content header,
 body.v3 .modal-dialog .ui-dialog-content footer,
 div.v3 .modal-dialog .ui-dialog-content header,
 div.v3 .modal-dialog .ui-dialog-content footer {
     text-align: center;
 }
 
 body.v3 .modal-dialog .ui-dialog-content footer,
 div.v3 .modal-dialog .ui-dialog-content footer {
     margin: 2em 0 0;
 }
 
 body.v3 .modal-dialog .ui-dialog-content footer p,
 div.v3 .modal-dialog .ui-dialog-content footer p {
     margin: 0.5em 0;
     font-size: 0.75em;
     line-height: 1.5;
     color: #67657d;
 }
 
 body.v3 .modal-dialog .ui-dialog-content section p,
 div.v3 .modal-dialog .ui-dialog-content section p {
     margin: 0.5em 0;
     font-size: 1em;
     line-height: 1.5;
     color: #545174;
 }
 
 body.v3 .modal-dialog .ui-dialog-content section ul,
 div.v3 .modal-dialog .ui-dialog-content section ul {
     margin: 0.5em 0;
     font-size: 1em;
     line-height: 1.5;
     color: #545174;
 }
 
 body.v3 .modal-dialog .ui-dialog-content section ul li,
 div.v3 .modal-dialog .ui-dialog-content section ul li {
     margin: 0 0 1em;
 }
 
 body.v3 .modal.fullscreen .modal-dialog,
 div.v3 .modal.fullscreen .modal-dialog {
     border-radius: 0;
     margin: 0;
     width: 100% !important;
     box-shadow: none;
     min-height: 100vh;
     padding: 1.5em;
 }
 /* body.v3 .modal.fullscreen .modal-dialog .ui-dialog-titlebar,
div.v3 .modal.fullscreen .modal-dialog .ui-dialog-titlebar {
    height: 1.5em;
    background-image: url(/images/logo.svg);
    background-repeat: no-repeat;
    background-size: contain
} */
 
 body.v3 .modal.fullscreen .modal-dialog .ui-dialog-titlebar-close,
 div.v3 .modal.fullscreen .modal-dialog .ui-dialog-titlebar-close {
     top: -1em;
     right: -1em;
     z-index: 9994;
 }
 
 body.v3 .modal.fullscreen .ui-dialog-mask,
 div.v3 .modal.fullscreen .ui-dialog-mask {
     display: none;
     z-index: 9995;
 }
 
 body.v3 .ui-tooltip,
 div.v3 .ui-tooltip {
     max-width: 300px;
 }
 
 body.v3 .ui-tooltip .ui-tooltip-text,
 div.v3 .ui-tooltip .ui-tooltip-text {
     font-size: 0.875em;
     padding: 0.25em;
     box-shadow: none;
     background-color: #303336;
     color: #fff;
 }
 
 body.v3 .ui-tooltip.ui-tooltip-right .ui-tooltip-arrow,
 div.v3 .ui-tooltip.ui-tooltip-right .ui-tooltip-arrow {
     border-right-color: #303336;
 }
 
 body.v3 .ui-tooltip.ui-tooltip-left .ui-tooltip-arrow,
 div.v3 .ui-tooltip.ui-tooltip-left .ui-tooltip-arrow {
     border-left-color: #303336;
 }
 
 body.v3 .ui-tooltip.ui-tooltip-top .ui-tooltip-arrow,
 div.v3 .ui-tooltip.ui-tooltip-top .ui-tooltip-arrow {
     border-top-color: #303336;
 }
 
 body.v3 .ui-tooltip.ui-tooltip-bottom .ui-tooltip-arrow,
 div.v3 .ui-tooltip.ui-tooltip-bottom .ui-tooltip-arrow {
     border-bottom-color: #303336;
 }
 
 @media (max-width: 708px) {
     body.v3 .ui-tooltip.arrow-left-25p--small .ui-tooltip-arrow,
     div.v3 .ui-tooltip.arrow-left-25p--small .ui-tooltip-arrow {
         left: 25%;
     }
 }
 
 body.v3 .ui-tooltip.neutral .ui-tooltip-text,
 div.v3 .ui-tooltip.neutral .ui-tooltip-text {
     background-color: #fff;
     color: #67657d;
 }
 
 body.v3 .ui-tooltip.neutral .ui-tooltip-text p,
 div.v3 .ui-tooltip.neutral .ui-tooltip-text p {
     color: #303336;
 }
 
 body.v3 .ui-tooltip.neutral.ui-tooltip-right .ui-tooltip-arrow,
 div.v3 .ui-tooltip.neutral.ui-tooltip-right .ui-tooltip-arrow {
     border-right-color: #dcdae2;
 }
 
 body.v3 .ui-tooltip.neutral.ui-tooltip-left .ui-tooltip-arrow,
 div.v3 .ui-tooltip.neutral.ui-tooltip-left .ui-tooltip-arrow {
     border-left-color: #dcdae2;
 }
 
 body.v3 .ui-tooltip.neutral.ui-tooltip-top .ui-tooltip-arrow,
 div.v3 .ui-tooltip.neutral.ui-tooltip-top .ui-tooltip-arrow {
     border-top-color: #dcdae2;
 }
 
 body.v3 .ui-tooltip.neutral.ui-tooltip-bottom .ui-tooltip-arrow,
 div.v3 .ui-tooltip.neutral.ui-tooltip-bottom .ui-tooltip-arrow {
     border-bottom-color: #dcdae2;
 }
 
 body.v3 .ui-tooltip.unescaped .ui-tooltip-text,
 div.v3 .ui-tooltip.unescaped .ui-tooltip-text {
     white-space: pre;
 }
 
 body.v3 .ui-tooltip,
 div.v3 .ui-tooltip {
     max-width: 300px;
 }
 
 body.v3 .ui-tooltip .ui-tooltip-text,
 div.v3 .ui-tooltip .ui-tooltip-text {
     font-size: 0.875em;
     padding: 0.25em;
     box-shadow: none;
     background-color: #303336;
     color: #fff;
 }
 
 body.v3 .ui-tooltip.ui-tooltip-right .ui-tooltip-arrow,
 div.v3 .ui-tooltip.ui-tooltip-right .ui-tooltip-arrow {
     border-right-color: #303336;
 }
 
 body.v3 .ui-tooltip.ui-tooltip-left .ui-tooltip-arrow,
 div.v3 .ui-tooltip.ui-tooltip-left .ui-tooltip-arrow {
     border-left-color: #303336;
 }
 
 body.v3 .ui-tooltip.ui-tooltip-top .ui-tooltip-arrow,
 div.v3 .ui-tooltip.ui-tooltip-top .ui-tooltip-arrow {
     border-top-color: #303336;
 }
 
 body.v3 .ui-tooltip.ui-tooltip-bottom .ui-tooltip-arrow,
 div.v3 .ui-tooltip.ui-tooltip-bottom .ui-tooltip-arrow {
     border-bottom-color: #303336;
 }
 
 @media (max-width: 708px) {
     body.v3 .ui-tooltip.arrow-left-25p--small .ui-tooltip-arrow,
     div.v3 .ui-tooltip.arrow-left-25p--small .ui-tooltip-arrow {
         left: 25%;
     }
 }
 
 body.v3 .ui-tooltip.neutral .ui-tooltip-text,
 div.v3 .ui-tooltip.neutral .ui-tooltip-text {
     background-color: #fff;
     color: #67657d;
 }
 
 body.v3 .ui-tooltip.neutral .ui-tooltip-text p,
 div.v3 .ui-tooltip.neutral .ui-tooltip-text p {
     color: #303336;
 }
 
 body.v3 .ui-tooltip.neutral.ui-tooltip-right .ui-tooltip-arrow,
 div.v3 .ui-tooltip.neutral.ui-tooltip-right .ui-tooltip-arrow {
     border-right-color: #dcdae2;
 }
 
 body.v3 .ui-tooltip.neutral.ui-tooltip-left .ui-tooltip-arrow,
 div.v3 .ui-tooltip.neutral.ui-tooltip-left .ui-tooltip-arrow {
     border-left-color: #dcdae2;
 }
 
 body.v3 .ui-tooltip.neutral.ui-tooltip-top .ui-tooltip-arrow,
 div.v3 .ui-tooltip.neutral.ui-tooltip-top .ui-tooltip-arrow {
     border-top-color: #dcdae2;
 }
 
 body.v3 .ui-tooltip.neutral.ui-tooltip-bottom .ui-tooltip-arrow,
 div.v3 .ui-tooltip.neutral.ui-tooltip-bottom .ui-tooltip-arrow {
     border-bottom-color: #dcdae2;
 }
 
 body.v3 .ui-tooltip.unescaped .ui-tooltip-text,
 div.v3 .ui-tooltip.unescaped .ui-tooltip-text {
     white-space: pre;
 }
 
 body.v3.modallike main {
     display: flex;
     flex-direction: column;
     min-height: calc(100vh - 5em);
     max-width: 1260px;
     padding: 2.5em;
     margin: 0 auto;
 }
 
 @media (max-width: 992px) {
     body.v3.modallike main {
         font-size: 0.875em;
         padding-left: 1.5em;
         padding-right: 1.5em;
     }
 }
 
 @media (max-width: 708px) {
     body.v3.modallike main {
         font-size: 1em;
         background: #fff;
     }
 }
 
 body.v3.modallike main>header {
     position: relative;
     background: 0;
     text-align: center;
     margin: 1.5em 0 4em;
     padding: 0 4em;
 }
 
 @media (max-width: 708px) {
     body.v3.modallike main>header {
         margin-top: -1.5em;
         margin-bottom: 1em;
     }
     body.v3.modallike main>header div img {
         margin: 1em 0;
     }
 }
 
 body.v3.modallike main>header .right {
     position: absolute;
     top: 0;
     right: -1em;
 }
 
 body.v3.modallike main>header .left {
     position: absolute;
     top: 0;
     left: -1em;
 }
 
 body.v3.modallike main>header a {
     display: inline-block;
     width: 1.5em;
     height: 1.5em;
     margin: 0;
     padding: 1em;
     font-size: 1em;
     background-size: 1.5em;
     background-repeat: no-repeat;
     background-position: center;
 }
 
 @media (max-width: 992px) {
     body.v3.modallike main>header a {
         font-size: 1.1425em;
     }
 }
 
 body.v3.modallike main>header a:before {
     display: none;
 }
 
 body.v3.modallike main>header .link__back {
     background-image: url("../../assets/svg/arrow-left-neutral8.svg");
 }
 
 body.v3.modallike main>header .link__close {
     background-image: url("../../assets/svg/close-neutral8.svg");
 }
 
 body.v3.modallike main>header h1 {
     font-size: 2.5em;
     line-height: 1.5em;
     margin: 0;
 }
 
 @media (max-width: 708px) {
     body.v3.modallike main>header h1 {
         font-size: 1.3125em;
     }
 }
 
 body.v3.modallike main>footer {
     margin-top: auto;
     padding-top: 2em;
     display: flex;
     justify-content: space-between;
 }
 
 body.v3.modallike main>footer ul {
     display: flex;
     align-items: center;
     color: #67657d;
 }
 
 body.v3.modallike main>footer ul li+li {
     position: relative;
     margin-left: 1em;
     padding-left: 1em;
 }
 
 body.v3.modallike main>footer ul li+li:before {
     content: "";
     display: block;
     position: absolute;
     top: 0;
     left: 0;
     width: 1px;
     height: 100%;
     background-color: #dcdae2;
 }
 
 body.v3.modallike main>footer ul a {
     font-weight: 600;
     color: #542eff;
 }
 
 @media (max-width: 708px) {
     body.v3.modallike main>footer {
         flex-direction: column;
         margin-bottom: -0.5em;
         padding-top: 0;
     }
     body.v3.modallike main>footer ul {
         flex-direction: column;
         margin: 1em 0;
     }
     body.v3.modallike main>footer ul li {
         margin: 0 0 1em;
     }
     body.v3.modallike main>footer ul li+li {
         margin-left: 0;
         padding-left: 0;
     }
     body.v3.modallike main>footer ul li+li:before {
         display: none;
     }
 }
 
 body.v3.modallike.withDevheader main {
     min-height: calc(100vh - 5em - 10px);
 }
 
 body.v3.modallike.large-medium main {
     max-width: 1100px;
 }
 
 body.v3 .ui-selectonemenu-panel,
 .v3.ui-selectonemenu-panel,
 body.v3 .ui-autocomplete-panel,
 .v3.ui-autocomplete-panel,
 body.v3 .ui-selectcheckboxmenu-panel,
 .v3.ui-selectcheckboxmenu-panel,
 body.v3 .ui-datepicker,
 div.v3 .ui-datepicker {
     font-size: 1rem;
     box-sizing: border-box;
     margin: 0;
     padding: 0;
     border-radius: 0;
     border: 1px solid #e7e6fc;
     box-shadow: 0 2px 16px 0 rgba(48, 51, 54, 0.08), 0 0 0 1px rgba(48, 51, 54, 0.08);
 }
 
 body.v3 .ui-datepicker,
 div.v3 .ui-datepicker {
     width: 20em;
     padding: 1em;
 }
 
 body.v3 .ui-datepicker.ui-datepicker-inline,
 div.v3 .ui-datepicker.ui-datepicker-inline {
     box-shadow: none;
     padding: 0;
     border: 0;
     width: auto;
 }
 
 body.v3 .ui-datepicker .ui-datepicker-title,
 div.v3 .ui-datepicker .ui-datepicker-title {
     margin: 0 2em;
     line-height: 1;
     white-space: nowrap;
 }
 
 body.v3 .ui-datepicker .ui-datepicker-title select,
 div.v3 .ui-datepicker .ui-datepicker-title select {
     width: 45%;
     margin: 0 0.2em;
 }
 
 body.v3 .ui-datepicker .ui-datepicker-header .ui-icon,
 div.v3 .ui-datepicker .ui-datepicker-header .ui-icon {
     display: block;
 }
 
 body.v3 .ui-selectonemenu-panel .ui-selectonemenu-items,
 body.v3 .ui-selectonemenu-panel .ui-autocomplete-items,
 .v3.ui-selectonemenu-panel .ui-selectonemenu-items,
 .v3.ui-selectonemenu-panel .ui-autocomplete-items,
 body.v3 .ui-autocomplete-panel .ui-selectonemenu-items,
 body.v3 .ui-autocomplete-panel .ui-autocomplete-items,
 .v3.ui-autocomplete-panel .ui-selectonemenu-items,
 .v3.ui-autocomplete-panel .ui-autocomplete-items {
     padding: 0;
 }
 
 body.v3 .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item,
 body.v3 .ui-selectonemenu-panel .ui-selectonemenu-items .ui-autocomplete-item,
 body.v3 .ui-selectonemenu-panel .ui-autocomplete-items .ui-selectonemenu-item,
 body.v3 .ui-selectonemenu-panel .ui-autocomplete-items .ui-autocomplete-item,
 .v3.ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item,
 .v3.ui-selectonemenu-panel .ui-selectonemenu-items .ui-autocomplete-item,
 .v3.ui-selectonemenu-panel .ui-autocomplete-items .ui-selectonemenu-item,
 .v3.ui-selectonemenu-panel .ui-autocomplete-items .ui-autocomplete-item,
 body.v3 .ui-autocomplete-panel .ui-selectonemenu-items .ui-selectonemenu-item,
 body.v3 .ui-autocomplete-panel .ui-selectonemenu-items .ui-autocomplete-item,
 body.v3 .ui-autocomplete-panel .ui-autocomplete-items .ui-selectonemenu-item,
 body.v3 .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item,
 .v3.ui-autocomplete-panel .ui-selectonemenu-items .ui-selectonemenu-item,
 .v3.ui-autocomplete-panel .ui-selectonemenu-items .ui-autocomplete-item,
 .v3.ui-autocomplete-panel .ui-autocomplete-items .ui-selectonemenu-item,
 .v3.ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item {
     display: flex;
     align-items: center;
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 0.75em;
     font-weight: 800;
     line-height: 1.25em;
     height: 1.25em;
     margin: 0;
     padding: 1em 1.375em;
     border-bottom: 1px solid #f5f4f7;
     outline: 0;
 }
 
 body.v3 .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-hover,
 body.v3 .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-highlight,
 body.v3 .ui-selectonemenu-panel .ui-selectonemenu-items .ui-autocomplete-item.ui-state-hover,
 body.v3 .ui-selectonemenu-panel .ui-selectonemenu-items .ui-autocomplete-item.ui-state-highlight,
 body.v3 .ui-selectonemenu-panel .ui-autocomplete-items .ui-selectonemenu-item.ui-state-hover,
 body.v3 .ui-selectonemenu-panel .ui-autocomplete-items .ui-selectonemenu-item.ui-state-highlight,
 body.v3 .ui-selectonemenu-panel .ui-autocomplete-items .ui-autocomplete-item.ui-state-hover,
 body.v3 .ui-selectonemenu-panel .ui-autocomplete-items .ui-autocomplete-item.ui-state-highlight,
 .v3.ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-hover,
 .v3.ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-highlight,
 .v3.ui-selectonemenu-panel .ui-selectonemenu-items .ui-autocomplete-item.ui-state-hover,
 .v3.ui-selectonemenu-panel .ui-selectonemenu-items .ui-autocomplete-item.ui-state-highlight,
 .v3.ui-selectonemenu-panel .ui-autocomplete-items .ui-selectonemenu-item.ui-state-hover,
 .v3.ui-selectonemenu-panel .ui-autocomplete-items .ui-selectonemenu-item.ui-state-highlight,
 .v3.ui-selectonemenu-panel .ui-autocomplete-items .ui-autocomplete-item.ui-state-hover,
 .v3.ui-selectonemenu-panel .ui-autocomplete-items .ui-autocomplete-item.ui-state-highlight,
 body.v3 .ui-autocomplete-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-hover,
 body.v3 .ui-autocomplete-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-highlight,
 body.v3 .ui-autocomplete-panel .ui-selectonemenu-items .ui-autocomplete-item.ui-state-hover,
 body.v3 .ui-autocomplete-panel .ui-selectonemenu-items .ui-autocomplete-item.ui-state-highlight,
 body.v3 .ui-autocomplete-panel .ui-autocomplete-items .ui-selectonemenu-item.ui-state-hover,
 body.v3 .ui-autocomplete-panel .ui-autocomplete-items .ui-selectonemenu-item.ui-state-highlight,
 body.v3 .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-state-hover,
 body.v3 .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-state-highlight,
 .v3.ui-autocomplete-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-hover,
 .v3.ui-autocomplete-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-highlight,
 .v3.ui-autocomplete-panel .ui-selectonemenu-items .ui-autocomplete-item.ui-state-hover,
 .v3.ui-autocomplete-panel .ui-selectonemenu-items .ui-autocomplete-item.ui-state-highlight,
 .v3.ui-autocomplete-panel .ui-autocomplete-items .ui-selectonemenu-item.ui-state-hover,
 .v3.ui-autocomplete-panel .ui-autocomplete-items .ui-selectonemenu-item.ui-state-highlight,
 .v3.ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-state-hover,
 .v3.ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-state-highlight {
     background-color: #f5f4f7;
 }
 
 body.v3 .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-noselection-option,
 body.v3 .ui-selectonemenu-panel .ui-selectonemenu-items .ui-autocomplete-item.ui-noselection-option,
 body.v3 .ui-selectonemenu-panel .ui-autocomplete-items .ui-selectonemenu-item.ui-noselection-option,
 body.v3 .ui-selectonemenu-panel .ui-autocomplete-items .ui-autocomplete-item.ui-noselection-option,
 .v3.ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-noselection-option,
 .v3.ui-selectonemenu-panel .ui-selectonemenu-items .ui-autocomplete-item.ui-noselection-option,
 .v3.ui-selectonemenu-panel .ui-autocomplete-items .ui-selectonemenu-item.ui-noselection-option,
 .v3.ui-selectonemenu-panel .ui-autocomplete-items .ui-autocomplete-item.ui-noselection-option,
 body.v3 .ui-autocomplete-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-noselection-option,
 body.v3 .ui-autocomplete-panel .ui-selectonemenu-items .ui-autocomplete-item.ui-noselection-option,
 body.v3 .ui-autocomplete-panel .ui-autocomplete-items .ui-selectonemenu-item.ui-noselection-option,
 body.v3 .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-noselection-option,
 .v3.ui-autocomplete-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-noselection-option,
 .v3.ui-autocomplete-panel .ui-selectonemenu-items .ui-autocomplete-item.ui-noselection-option,
 .v3.ui-autocomplete-panel .ui-autocomplete-items .ui-selectonemenu-item.ui-noselection-option,
 .v3.ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-noselection-option {
     display: none;
 }
 
 body.v3 .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item td,
 body.v3 .ui-selectonemenu-panel .ui-selectonemenu-items .ui-autocomplete-item td,
 body.v3 .ui-selectonemenu-panel .ui-autocomplete-items .ui-selectonemenu-item td,
 body.v3 .ui-selectonemenu-panel .ui-autocomplete-items .ui-autocomplete-item td,
 .v3.ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item td,
 .v3.ui-selectonemenu-panel .ui-selectonemenu-items .ui-autocomplete-item td,
 .v3.ui-selectonemenu-panel .ui-autocomplete-items .ui-selectonemenu-item td,
 .v3.ui-selectonemenu-panel .ui-autocomplete-items .ui-autocomplete-item td,
 body.v3 .ui-autocomplete-panel .ui-selectonemenu-items .ui-selectonemenu-item td,
 body.v3 .ui-autocomplete-panel .ui-selectonemenu-items .ui-autocomplete-item td,
 body.v3 .ui-autocomplete-panel .ui-autocomplete-items .ui-selectonemenu-item td,
 body.v3 .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item td,
 .v3.ui-autocomplete-panel .ui-selectonemenu-items .ui-selectonemenu-item td,
 .v3.ui-autocomplete-panel .ui-selectonemenu-items .ui-autocomplete-item td,
 .v3.ui-autocomplete-panel .ui-autocomplete-items .ui-selectonemenu-item td,
 .v3.ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item td {
     display: flex;
     align-items: center;
     padding: 0;
 }
 
 body.v3 .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item img,
 body.v3 .ui-selectonemenu-panel .ui-selectonemenu-items .ui-autocomplete-item img,
 body.v3 .ui-selectonemenu-panel .ui-autocomplete-items .ui-selectonemenu-item img,
 body.v3 .ui-selectonemenu-panel .ui-autocomplete-items .ui-autocomplete-item img,
 .v3.ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item img,
 .v3.ui-selectonemenu-panel .ui-selectonemenu-items .ui-autocomplete-item img,
 .v3.ui-selectonemenu-panel .ui-autocomplete-items .ui-selectonemenu-item img,
 .v3.ui-selectonemenu-panel .ui-autocomplete-items .ui-autocomplete-item img,
 body.v3 .ui-autocomplete-panel .ui-selectonemenu-items .ui-selectonemenu-item img,
 body.v3 .ui-autocomplete-panel .ui-selectonemenu-items .ui-autocomplete-item img,
 body.v3 .ui-autocomplete-panel .ui-autocomplete-items .ui-selectonemenu-item img,
 body.v3 .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item img,
 .v3.ui-autocomplete-panel .ui-selectonemenu-items .ui-selectonemenu-item img,
 .v3.ui-autocomplete-panel .ui-selectonemenu-items .ui-autocomplete-item img,
 .v3.ui-autocomplete-panel .ui-autocomplete-items .ui-selectonemenu-item img,
 .v3.ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item img {
     margin-right: 1em;
 }
 
 body.v3 .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item em,
 body.v3 .ui-selectonemenu-panel .ui-selectonemenu-items .ui-autocomplete-item em,
 body.v3 .ui-selectonemenu-panel .ui-autocomplete-items .ui-selectonemenu-item em,
 body.v3 .ui-selectonemenu-panel .ui-autocomplete-items .ui-autocomplete-item em,
 .v3.ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item em,
 .v3.ui-selectonemenu-panel .ui-selectonemenu-items .ui-autocomplete-item em,
 .v3.ui-selectonemenu-panel .ui-autocomplete-items .ui-selectonemenu-item em,
 .v3.ui-selectonemenu-panel .ui-autocomplete-items .ui-autocomplete-item em,
 body.v3 .ui-autocomplete-panel .ui-selectonemenu-items .ui-selectonemenu-item em,
 body.v3 .ui-autocomplete-panel .ui-selectonemenu-items .ui-autocomplete-item em,
 body.v3 .ui-autocomplete-panel .ui-autocomplete-items .ui-selectonemenu-item em,
 body.v3 .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item em,
 .v3.ui-autocomplete-panel .ui-selectonemenu-items .ui-selectonemenu-item em,
 .v3.ui-autocomplete-panel .ui-selectonemenu-items .ui-autocomplete-item em,
 .v3.ui-autocomplete-panel .ui-autocomplete-items .ui-selectonemenu-item em,
 .v3.ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item em {
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 0.875em;
     font-weight: 700;
     font-style: normal;
     letter-spacing: 0.5px;
     text-transform: uppercase;
     color: #542eff;
 }
 
 body.v3 .ui-selectonemenu-panel.withAvatars .ui-selectonemenu-item img,
 .v3.ui-selectonemenu-panel.withAvatars .ui-selectonemenu-item img,
 body.v3 .ui-autocomplete-panel.withAvatars .ui-selectonemenu-item img,
 .v3.ui-autocomplete-panel.withAvatars .ui-selectonemenu-item img {
     width: 2em;
     height: 2em;
 }
 
 body.v3 .inputRegion.calendar label+.input .ui-datepicker-trigger {
     top: -3px;
     right: 0;
 }
 
 [class*="column-"] {
     float: left;
     box-sizing: border-box;
 }
 
 body:after {
     display: none;
 }
 
 .column-1 {
     width: calc((100% / 12) * 1);
 }
 
 .column-2 {
     width: calc((100% / 12) * 2);
 }
 
 .column-3 {
     width: calc((100% / 12) * 3);
 }
 
 .column-4 {
     width: calc((100% / 12) * 4);
 }
 
 .column-5 {
     width: calc((100% / 12) * 5);
 }
 
 .column-6 {
     width: calc((100% / 12) * 6);
 }
 
 .column-7 {
     width: calc((100% / 12) * 7);
 }
 
 .column-8 {
     width: calc((100% / 12) * 8);
 }
 
 .column-9 {
     width: calc((100% / 12) * 9);
 }
 
 .column-10 {
     width: calc((100% / 12) * 10);
 }
 
 .column-11 {
     width: calc((100% / 12) * 11);
 }
 
 .column-12 {
     width: calc((100% / 12) * 12);
 }
 
 @media (max-width: 1268px) {
     body:after {
         content: "large";
     }
     .column-1-l {
         width: calc((100% / 12) * 1);
     }
     .column-2-l {
         width: calc((100% / 12) * 2);
     }
     .column-3-l {
         width: calc((100% / 12) * 3);
     }
     .column-4-l {
         width: calc((100% / 12) * 4);
     }
     .column-5-l {
         width: calc((100% / 12) * 5);
     }
     .column-6-l {
         width: calc((100% / 12) * 6);
     }
     .column-7-l {
         width: calc((100% / 12) * 7);
     }
     .column-8-l {
         width: calc((100% / 12) * 8);
     }
     .column-9-l {
         width: calc((100% / 12) * 9);
     }
     .column-10-l {
         width: calc((100% / 12) * 10);
     }
     .column-11-l {
         width: calc((100% / 12) * 11);
     }
     .column-12-l {
         width: calc((100% / 12) * 12);
     }
 }
 
 @media (max-width: 1100px) {
     body:after {
         content: "large-medium";
     }
     .column-1-lm {
         width: calc((100% / 12) * 1);
     }
     .column-2-lm {
         width: calc((100% / 12) * 2);
     }
     .column-3-lm {
         width: calc((100% / 12) * 3);
     }
     .column-4-lm {
         width: calc((100% / 12) * 4);
     }
     .column-5-lm {
         width: calc((100% / 12) * 5);
     }
     .column-6-lm {
         width: calc((100% / 12) * 6);
     }
     .column-7-lm {
         width: calc((100% / 12) * 7);
     }
     .column-8-lm {
         width: calc((100% / 12) * 8);
     }
     .column-9-lm {
         width: calc((100% / 12) * 9);
     }
     .column-10-lm {
         width: calc((100% / 12) * 10);
     }
     .column-11-lm {
         width: calc((100% / 12) * 11);
     }
     .column-12-lm {
         width: calc((100% / 12) * 12);
     }
 }
 
 @media (max-width: 992px) {
     body:after {
         content: "medium";
     }
     .column-1-m {
         width: calc((100% / 12) * 1);
     }
     .column-2-m {
         width: calc((100% / 12) * 2);
     }
     .column-3-m {
         width: calc((100% / 12) * 3);
     }
     .column-4-m {
         width: calc((100% / 12) * 4);
     }
     .column-5-m {
         width: calc((100% / 12) * 5);
     }
     .column-6-m {
         width: calc((100% / 12) * 6);
     }
     .column-7-m {
         width: calc((100% / 12) * 7);
     }
     .column-8-m {
         width: calc((100% / 12) * 8);
     }
     .column-9-m {
         width: calc((100% / 12) * 9);
     }
     .column-10-m {
         width: calc((100% / 12) * 10);
     }
     .column-11-m {
         width: calc((100% / 12) * 11);
     }
     .column-12-m {
         width: calc((100% / 12) * 12);
     }
 }
 
 @media (max-width: 840px) {
     body:after {
         content: "medium-small";
     }
     .column-1-ms {
         width: calc((100% / 12) * 1);
     }
     .column-2-ms {
         width: calc((100% / 12) * 2);
     }
     .column-3-ms {
         width: calc((100% / 12) * 3);
     }
     .column-4-ms {
         width: calc((100% / 12) * 4);
     }
     .column-5-ms {
         width: calc((100% / 12) * 5);
     }
     .column-6-ms {
         width: calc((100% / 12) * 6);
     }
     .column-7-ms {
         width: calc((100% / 12) * 7);
     }
     .column-8-ms {
         width: calc((100% / 12) * 8);
     }
     .column-9-ms {
         width: calc((100% / 12) * 9);
     }
     .column-10-ms {
         width: calc((100% / 12) * 10);
     }
     .column-11-ms {
         width: calc((100% / 12) * 11);
     }
     .column-12-ms {
         width: calc((100% / 12) * 12);
     }
 }
 
 @media (max-width: 708px) {
     body:after {
         content: "small";
     }
     .column-1-s {
         width: calc((100% / 12) * 1);
     }
     .column-2-s {
         width: calc((100% / 12) * 2);
     }
     .column-3-s {
         width: calc((100% / 12) * 3);
     }
     .column-4-s {
         width: calc((100% / 12) * 4);
     }
     .column-5-s {
         width: calc((100% / 12) * 5);
     }
     .column-6-s {
         width: calc((100% / 12) * 6);
     }
     .column-7-s {
         width: calc((100% / 12) * 7);
     }
     .column-8-s {
         width: calc((100% / 12) * 8);
     }
     .column-9-s {
         width: calc((100% / 12) * 9);
     }
     .column-10-s {
         width: calc((100% / 12) * 10);
     }
     .column-11-s {
         width: calc((100% / 12) * 11);
     }
     .column-12-s {
         width: calc((100% / 12) * 12);
     }
 }
 
 @media (max-width: 600px) {
     body:after {
         content: "small-xsmall";
     }
     .column-1-sx {
         width: calc((100% / 12) * 1);
     }
     .column-2-sx {
         width: calc((100% / 12) * 2);
     }
     .column-3-sx {
         width: calc((100% / 12) * 3);
     }
     .column-4-sx {
         width: calc((100% / 12) * 4);
     }
     .column-5-sx {
         width: calc((100% / 12) * 5);
     }
     .column-6-sx {
         width: calc((100% / 12) * 6);
     }
     .column-7-sx {
         width: calc((100% / 12) * 7);
     }
     .column-8-sx {
         width: calc((100% / 12) * 8);
     }
     .column-9-sx {
         width: calc((100% / 12) * 9);
     }
     .column-10-sx {
         width: calc((100% / 12) * 10);
     }
     .column-11-sx {
         width: calc((100% / 12) * 11);
     }
     .column-12-sx {
         width: calc((100% / 12) * 12);
     }
 }
 
 @media (max-width: 450px) {
     body:after {
         content: "xsmall";
     }
 }
 
 @media (max-width: 358px) {
     body:after {
         content: "xxsmall";
     }
 }
 
 .column--center {
     margin-left: auto;
     margin-right: auto;
     float: none;
 }
 
 .column--left {
     float: left;
 }
 
 .column--right {
     float: right;
 }
 
 .column--full-width {
     max-width: 100%;
     padding: 0;
 }
 
 .column--fixedheight {
     height: calc(100vh - 5em);
     overflow-y: auto;
 }
 
 @media (max-width: 992px) {
     .column--fixedheight {
         float: none;
         height: 77px;
         overflow-y: visible;
     }
 }
 
 .header--xl {
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 56px;
     font-size: 3.5rem;
     line-height: 60px;
     line-height: 3.75rem;
     color: #303336;
     font-weight: 400;
     letter-spacing: -1px;
 }
 
 .header--l {
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 48px;
     font-size: 3rem;
     line-height: 52px;
     line-height: 3.25rem;
     color: #303336;
     font-weight: 400;
     letter-spacing: -0.5px;
 }
 
 .header--m {
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 34px;
     font-size: 2.125rem;
     line-height: 38px;
     line-height: 2.375rem;
     color: #303336;
     font-weight: 400;
     letter-spacing: -0.5px;
 }
 
 .header--s {
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 28px;
     font-size: 1.75rem;
     line-height: 34px;
     line-height: 2.125rem;
     color: #303336;
     font-weight: 400;
     letter-spacing: 0;
 }
 
 .header--xs {
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 24px;
     font-size: 1.5rem;
     line-height: 28px;
     line-height: 1.75rem;
     color: #303336;
     font-weight: 400;
     letter-spacing: 0;
 }
 
 .display--l {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 30px;
     font-size: 1.875rem;
     line-height: 32px;
     line-height: 2rem;
     color: #303336;
     font-weight: 600;
 }
 
 .display--m {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 24px;
     font-size: 1.5rem;
     line-height: 28px;
     line-height: 1.75rem;
     color: #303336;
     font-weight: 600;
 }
 
 .display--s {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 22px;
     font-size: 1.375rem;
     line-height: 28px;
     line-height: 1.75rem;
     color: #303336;
     font-weight: 600;
 }
 
 .body--l {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 18px;
     font-size: 1.125rem;
     line-height: 24px;
     line-height: 1.5rem;
     color: #303336;
     font-weight: 400;
 }
 
 .body--m {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 17px;
     font-size: 1.0625rem;
     line-height: 20px;
     line-height: 1.25rem;
     color: #303336;
     font-weight: 400;
 }
 
 .body--s {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 16px;
     font-size: 1rem;
     line-height: 20px;
     line-height: 1.25rem;
     color: #303336;
     font-weight: 400;
 }
 
 .body--xs {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 14px;
     font-size: 0.875rem;
     line-height: 16px;
     line-height: 1rem;
     color: #303336;
     font-weight: 400;
 }
 
 .body--semibold {
     font-weight: 600;
 }
 
 .body--light {
     color: #67657d;
 }
 
 .typography--green {
     color: #32cf3a;
 }
 
 .r_button,
 .teacherresources__upload .ui-fileupload-choose,
 .teacherresources__selectone .ui-button,
 #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar .ui-button,
 .securesidebar__upload .ui-fileupload-buttonbar .ui-button,
 .ui-fileupload .ui-fileupload-buttonbar .ui-button,
 .page_tutors_secure_cover-report .container__card .upload .ui-fileupload-choose {
     box-sizing: border-box;
     border: 2px solid transparent;
     padding: 1.066666em 2.133333em;
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-weight: 700;
     line-height: 1.25em;
     letter-spacing: 0.5px;
     text-transform: uppercase;
     text-align: center;
     text-decoration: none;
     vertical-align: middle;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     outline: 0;
     transition: all 0.15s ease-in-out;
     transition-property: box-shadow, background, border, color, background-color;
     font-size: 0.8215em;
     display: inline-block;
     width: auto;
     box-shadow: none;
     border-color: transparent;
     background-color: transparent;
     color: #542eff;
 }
 
 .r_button--xs,
 .teacherresources__selectone .ui-button {
     font-size: 0.6875em;
     padding: 0.6825em 1.365em;
 }
 
 .r_button--s,
 .ui-fileupload .ui-fileupload-buttonbar .ui-button,
 .page_tutors_secure_cover-report .container__card .upload .ui-fileupload-choose {
     font-size: 0.6875em;
 }
 
 .r_button--m,
 .teacherresources__upload .ui-fileupload-choose,
 .securesidebar__upload .ui-fileupload-buttonbar .ui-button {
     font-size: 0.8215em;
 }
 
 .r_button--l,
 #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar .ui-button {
     font-size: 0.9325em;
 }
 
 .r_button--full-width,
 #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar .ui-button,
 .securesidebar__upload .ui-fileupload-buttonbar .ui-button {
     display: block;
     width: 100%;
 }
 
 @media (max-width: 708px) {
     .r_button--full-width--mobile,
     .teacherresources__upload .ui-fileupload-choose,
     .ui-fileupload .ui-fileupload-buttonbar .ui-button,
     .page_tutors_secure_cover-report .container__card .upload .ui-fileupload-choose {
         width: 100%;
     }
 }
 
 .r_button--half-width {
     width: 49%;
 }
 
 .r_button--half-width:first-of-type {
     margin-right: 4px;
 }
 
 @media (max-width: 708px) {
     .r_button--half-width--mobile {
         width: 49%;
     }
 }
 
 @media (max-width: 992px) {
     .r_button--half-width--medium {
         width: 49%;
     }
     .r_button--three-quarters-width--medium {
         width: 59%;
     }
     .r_button--one-quarter-width--medium {
         width: 39%;
     }
 }
 
 @media (max-width: 708px) {
     .r_button--half-width--small {
         width: 49%;
     }
     .r_button--three-quarters-width--small {
         width: 59%;
     }
     .r_button--one-quarter-width--small {
         width: 39%;
     }
 }
 
 .r_button:focus,
 .teacherresources__upload .ui-fileupload-choose:focus,
 .teacherresources__selectone .ui-button:focus,
 #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar .ui-button:focus,
 .securesidebar__upload .ui-fileupload-buttonbar .ui-button:focus,
 .ui-fileupload .ui-fileupload-buttonbar .ui-button:focus,
 .page_tutors_secure_cover-report .container__card .upload .ui-fileupload-choose:focus,
 .r_button.ui-state-focus,
 .teacherresources__upload .ui-state-focus.ui-fileupload-choose,
 .teacherresources__selectone .ui-state-focus.ui-button,
 #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar .ui-state-focus.ui-button,
 .securesidebar__upload .ui-fileupload-buttonbar .ui-state-focus.ui-button,
 .ui-fileupload .ui-fileupload-buttonbar .ui-state-focus.ui-button,
 .page_tutors_secure_cover-report .container__card .upload .ui-state-focus.ui-fileupload-choose {
     box-shadow: 0 0 0 3px #d4caff;
     border-color: transparent;
     background-color: transparent;
     color: #542eff;
 }
 
 .r_button:hover,
 .teacherresources__upload .ui-fileupload-choose:hover,
 .teacherresources__selectone .ui-button:hover,
 #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar .ui-button:hover,
 .securesidebar__upload .ui-fileupload-buttonbar .ui-button:hover,
 .ui-fileupload .ui-fileupload-buttonbar .ui-button:hover,
 .page_tutors_secure_cover-report .container__card .upload .ui-fileupload-choose:hover,
 .r_button.ui-state-hover,
 .teacherresources__upload .ui-state-hover.ui-fileupload-choose,
 .teacherresources__selectone .ui-state-hover.ui-button,
 #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar .ui-state-hover.ui-button,
 .securesidebar__upload .ui-fileupload-buttonbar .ui-state-hover.ui-button,
 .ui-fileupload .ui-fileupload-buttonbar .ui-state-hover.ui-button,
 .page_tutors_secure_cover-report .container__card .upload .ui-state-hover.ui-fileupload-choose {
     box-shadow: none;
     border-color: transparent;
     background-color: transparent;
     color: #311b92;
 }
 
 .r_button:active,
 .teacherresources__upload .ui-fileupload-choose:active,
 .teacherresources__selectone .ui-button:active,
 #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar .ui-button:active,
 .securesidebar__upload .ui-fileupload-buttonbar .ui-button:active,
 .ui-fileupload .ui-fileupload-buttonbar .ui-button:active,
 .page_tutors_secure_cover-report .container__card .upload .ui-fileupload-choose:active,
 .r_button.ui-state-active,
 .teacherresources__upload .ui-state-active.ui-fileupload-choose,
 .teacherresources__selectone .ui-state-active.ui-button,
 #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar .ui-state-active.ui-button,
 .securesidebar__upload .ui-fileupload-buttonbar .ui-state-active.ui-button,
 .ui-fileupload .ui-fileupload-buttonbar .ui-state-active.ui-button,
 .page_tutors_secure_cover-report .container__card .upload .ui-state-active.ui-fileupload-choose {
     box-shadow: none;
     border-color: transparent;
     background-color: transparent;
     color: #14508e;
 }
 
 .r_button:disabled,
 .teacherresources__upload .ui-fileupload-choose:disabled,
 .teacherresources__selectone .ui-button:disabled,
 #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar .ui-button:disabled,
 .securesidebar__upload .ui-fileupload-buttonbar .ui-button:disabled,
 .ui-fileupload .ui-fileupload-buttonbar .ui-button:disabled,
 .page_tutors_secure_cover-report .container__card .upload .ui-fileupload-choose:disabled,
 .r_button.ui-state-disabled,
 .teacherresources__upload .ui-state-disabled.ui-fileupload-choose,
 .teacherresources__selectone .ui-state-disabled.ui-button,
 #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar .ui-state-disabled.ui-button,
 .securesidebar__upload .ui-fileupload-buttonbar .ui-state-disabled.ui-button,
 .ui-fileupload .ui-fileupload-buttonbar .ui-state-disabled.ui-button,
 .page_tutors_secure_cover-report .container__card .upload .ui-state-disabled.ui-fileupload-choose {
     box-shadow: none;
     border-color: transparent;
     background-color: transparent;
     color: #cac9d8;
 }
 
 .r_button--default,
 .teacherresources__selectone .ui-button,
 .ui-fileupload .ui-fileupload-buttonbar .ui-button {
     box-shadow: none;
     border-color: #f5f4f7;
     background-color: #f5f4f7;
     color: #542eff;
 }
 
 .r_button--default:focus,
 .teacherresources__selectone .ui-button:focus,
 .ui-fileupload .ui-fileupload-buttonbar .ui-button:focus,
 .r_button--default.ui-state-focus,
 .teacherresources__selectone .ui-state-focus.ui-button,
 .ui-fileupload .ui-fileupload-buttonbar .ui-state-focus.ui-button {
     box-shadow: 0 0 0 3px #d4caff;
     border-color: #542eff;
     background-color: #f5f4f7;
     color: #542eff;
 }
 
 .r_button--default:hover,
 .teacherresources__selectone .ui-button:hover,
 .ui-fileupload .ui-fileupload-buttonbar .ui-button:hover,
 .r_button--default.ui-state-hover,
 .teacherresources__selectone .ui-state-hover.ui-button,
 .ui-fileupload .ui-fileupload-buttonbar .ui-state-hover.ui-button {
     box-shadow: none;
     border-color: #552888;
     background-color: #552888;
     color: #fff;
 }
 
 .r_button--default:active,
 .teacherresources__selectone .ui-button:active,
 .ui-fileupload .ui-fileupload-buttonbar .ui-button:active,
 .r_button--default.ui-state-active,
 .teacherresources__selectone .ui-state-active.ui-button,
 .ui-fileupload .ui-fileupload-buttonbar .ui-state-active.ui-button {
     box-shadow: none;
     border-color: #311b92;
     background-color: #311b92;
     color: #fff;
 }
 
 .r_button--default:disabled,
 .teacherresources__selectone .ui-button:disabled,
 .ui-fileupload .ui-fileupload-buttonbar .ui-button:disabled,
 .r_button--default.ui-state-disabled,
 .teacherresources__selectone .ui-state-disabled.ui-button,
 .ui-fileupload .ui-fileupload-buttonbar .ui-state-disabled.ui-button {
     box-shadow: none;
     border-color: #f5f4f7;
     background-color: #f5f4f7;
     color: #cac9d8;
 }
 
 .r_button--primary,
 #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar .ui-button,
 .securesidebar__upload .ui-fileupload-buttonbar .ui-button,
 .ui-fileupload.r_button--primary .ui-fileupload-buttonbar .ui-button,
 .page_tutors_secure_cover-report .container__card .upload .ui-fileupload-choose {
     box-shadow: none;
     border-color: #06559f;
     background-color: #06559f;
     color: #fff;
 }
 
 .r_button--primary:focus,
 #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar .ui-button:focus,
 .securesidebar__upload .ui-fileupload-buttonbar .ui-button:focus,
 .ui-fileupload.r_button--primary .ui-fileupload-buttonbar .ui-button:focus,
 .page_tutors_secure_cover-report .container__card .upload .ui-fileupload-choose:focus,
 .r_button--primary.ui-state-focus,
 #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar .ui-state-focus.ui-button,
 .securesidebar__upload .ui-fileupload-buttonbar .ui-state-focus.ui-button,
 .ui-fileupload.r_button--primary .ui-fileupload-buttonbar .ui-state-focus.ui-button,
 .page_tutors_secure_cover-report .container__card .upload .ui-state-focus.ui-fileupload-choose {
     box-shadow: 0 0 0 3px #d4caff;
     border-color: #311b92;
     background-color: #037e72;
     color: #fff;
 }
 
 .r_button--primary:hover,
 #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar .ui-button:hover,
 .securesidebar__upload .ui-fileupload-buttonbar .ui-button:hover,
 .ui-fileupload.r_button--primary .ui-fileupload-buttonbar .ui-button:hover,
 .page_tutors_secure_cover-report .container__card .upload .ui-fileupload-choose:hover,
 .r_button--primary.ui-state-hover,
 #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar .ui-state-hover.ui-button,
 .securesidebar__upload .ui-fileupload-buttonbar .ui-state-hover.ui-button,
 .ui-fileupload.r_button--primary .ui-fileupload-buttonbar .ui-state-hover.ui-button,
 .page_tutors_secure_cover-report .container__card .upload .ui-state-hover.ui-fileupload-choose {
     box-shadow: none;
     border-color: #311b92;
     background-color: #037e72;
     color: #fff;
 }
 
 .r_button--primary:active,
 #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar .ui-button:active,
 .securesidebar__upload .ui-fileupload-buttonbar .ui-button:active,
 .ui-fileupload.r_button--primary .ui-fileupload-buttonbar .ui-button:active,
 .page_tutors_secure_cover-report .container__card .upload .ui-fileupload-choose:active,
 .r_button--primary.ui-state-active,
 #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar .ui-state-active.ui-button,
 .securesidebar__upload .ui-fileupload-buttonbar .ui-state-active.ui-button,
 .ui-fileupload.r_button--primary .ui-fileupload-buttonbar .ui-state-active.ui-button,
 .page_tutors_secure_cover-report .container__card .upload .ui-state-active.ui-fileupload-choose {
     box-shadow: none;
     border-color: #14508e;
     background-color: #14508e;
     color: #fff;
 }
 
 .r_button--primary:disabled,
 #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar .ui-button:disabled,
 .securesidebar__upload .ui-fileupload-buttonbar .ui-button:disabled,
 .ui-fileupload.r_button--primary .ui-fileupload-buttonbar .ui-button:disabled,
 .page_tutors_secure_cover-report .container__card .upload .ui-fileupload-choose:disabled,
 .r_button--primary.ui-state-disabled,
 #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar .ui-state-disabled.ui-button,
 .securesidebar__upload .ui-fileupload-buttonbar .ui-state-disabled.ui-button,
 .ui-fileupload.r_button--primary .ui-fileupload-buttonbar .ui-state-disabled.ui-button,
 .page_tutors_secure_cover-report .container__card .upload .ui-state-disabled.ui-fileupload-choose {
     box-shadow: none;
     border-color: #f5f4f7;
     background-color: #f5f4f7;
     color: #cac9d8;
 }
 
 .r_button--secondary,
 .teacherresources__upload .ui-fileupload-choose {
     box-shadow: none;
     border-color: #14508e;
     background-color: #14508e;
     color: #fff;
 }
 
 .r_button--secondary:focus,
 .teacherresources__upload .ui-fileupload-choose:focus,
 .r_button--secondary.ui-state-focus,
 .teacherresources__upload .ui-state-focus.ui-fileupload-choose {
     box-shadow: 0 0 0 3px #d4caff;
     border-color: #311b92;
     background-color: #14508e;
     color: #fff;
 }
 
 .r_button--secondary:hover,
 .teacherresources__upload .ui-fileupload-choose:hover,
 .r_button--secondary.ui-state-hover,
 .teacherresources__upload .ui-state-hover.ui-fileupload-choose {
     box-shadow: none;
     border-color: #311b92;
     background-color: #311b92;
     color: #fff;
 }
 
 .r_button--secondary:active,
 .teacherresources__upload .ui-fileupload-choose:active,
 .r_button--secondary.ui-state-active,
 .teacherresources__upload .ui-state-active.ui-fileupload-choose {
     box-shadow: none;
     border-color: #14508e;
     background-color: #14508e;
     color: #fff;
 }
 
 .r_button--secondary:disabled,
 .teacherresources__upload .ui-fileupload-choose:disabled,
 .r_button--secondary.ui-state-disabled,
 .teacherresources__upload .ui-state-disabled.ui-fileupload-choose {
     box-shadow: none;
     border-color: #f5f4f7;
     background-color: #f5f4f7;
     color: #cac9d8;
 }
 
 .r_button--danger {
     box-shadow: none;
     border-color: #ff1744;
     background-color: #ff1744;
     color: #fff;
 }
 
 .r_button--danger:focus,
 .r_button--danger.ui-state-focus {
     box-shadow: 0 0 0 3px #fdac9a;
     border-color: #a80f0a;
     background-color: #ff1744;
     color: #fff;
 }
 
 .r_button--danger:hover,
 .r_button--danger.ui-state-hover {
     box-shadow: none;
     border-color: #a80f0a;
     background-color: #a80f0a;
     color: #fff;
 }
 
 .r_button--danger:active,
 .r_button--danger.ui-state-active {
     box-shadow: none;
     border-color: #890400;
     background-color: #890400;
     color: #fff;
 }
 
 .r_button--danger:disabled,
 .r_button--danger.ui-state-disabled {
     box-shadow: none;
     border-color: #f5f4f7;
     background-color: #f5f4f7;
     color: #cac9d8;
 }
 
 .r_button--danger-outline {
     box-shadow: none;
     border-color: #f5f4f7;
     background-color: #f5f4f7;
     color: #ff1744;
 }
 
 .r_button--danger-outline:focus,
 .r_button--danger-outline.ui-state-focus {
     box-shadow: 0 0 0 3px #fdac9a;
     border-color: #ff1744;
     background-color: #f5f4f7;
     color: #ff1744;
 }
 
 .r_button--danger-outline:hover,
 .r_button--danger-outline.ui-state-hover {
     box-shadow: none;
     border-color: #ff1744;
     background-color: #ff1744;
     color: #fff;
 }
 
 .r_button--danger-outline:active,
 .r_button--danger-outline.ui-state-active {
     box-shadow: none;
     border-color: #a80f0a;
     background-color: #a80f0a;
     color: #fff;
 }
 
 .r_button--danger-outline:disabled,
 .r_button--danger-outline.ui-state-disabled {
     box-shadow: none;
     border-color: #f5f4f7;
     background-color: #f5f4f7;
     color: #cac9d8;
 }
 
 .r_button--more {
     padding-left: 1.066666em;
     padding-right: 1.066666em;
     cursor: pointer;
 }
 
 .r_button--more:after {
     content: "...";
     font-size: 2em;
     font-weight: 900;
     line-height: 0.2em;
     vertical-align: top;
 }
 
 .r_button--dual {
     position: relative;
     display: inline-block;
     vertical-align: middle;
 }
 
 .r_button--dual:after {
     content: "";
     display: table;
     clear: both;
 }
 
 @media (max-width: 708px) {
     .r_button--dual--single .r_button__submenu {
         left: -3px;
         right: auto;
     }
     .r_button--dual--single .r_button__submenu:before {
         right: auto;
         left: 10px;
     }
     .r_button--dual--single .r_button__submenu:after {
         right: auto;
         left: 10px;
     }
 }
 
 .r_button--dual--icononly .r_button:first-of-type img,
 .r_button--dual--icononly .teacherresources__upload .ui-fileupload-choose:first-of-type img,
 .teacherresources__upload .r_button--dual--icononly .ui-fileupload-choose:first-of-type img,
 .r_button--dual--icononly .teacherresources__selectone .ui-button:first-of-type img,
 .teacherresources__selectone .r_button--dual--icononly .ui-button:first-of-type img,
 .r_button--dual--icononly #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar .ui-button:first-of-type img,
 #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar .r_button--dual--icononly .ui-button:first-of-type img,
 .r_button--dual--icononly .securesidebar__upload .ui-fileupload-buttonbar .ui-button:first-of-type img,
 .securesidebar__upload .ui-fileupload-buttonbar .r_button--dual--icononly .ui-button:first-of-type img,
 .r_button--dual--icononly .ui-fileupload .ui-fileupload-buttonbar .ui-button:first-of-type img,
 .ui-fileupload .ui-fileupload-buttonbar .r_button--dual--icononly .ui-button:first-of-type img,
 .r_button--dual--icononly .page_tutors_secure_cover-report .container__card .upload .ui-fileupload-choose:first-of-type img,
 .page_tutors_secure_cover-report .container__card .upload .r_button--dual--icononly .ui-fileupload-choose:first-of-type img,
 .r_button--dual--icononly .r_button:last-of-type img,
 .r_button--dual--icononly .teacherresources__upload .ui-fileupload-choose:last-of-type img,
 .teacherresources__upload .r_button--dual--icononly .ui-fileupload-choose:last-of-type img,
 .r_button--dual--icononly .teacherresources__selectone .ui-button:last-of-type img,
 .teacherresources__selectone .r_button--dual--icononly .ui-button:last-of-type img,
 .r_button--dual--icononly #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar .ui-button:last-of-type img,
 #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar .r_button--dual--icononly .ui-button:last-of-type img,
 .r_button--dual--icononly .securesidebar__upload .ui-fileupload-buttonbar .ui-button:last-of-type img,
 .securesidebar__upload .ui-fileupload-buttonbar .r_button--dual--icononly .ui-button:last-of-type img,
 .r_button--dual--icononly .ui-fileupload .ui-fileupload-buttonbar .ui-button:last-of-type img,
 .ui-fileupload .ui-fileupload-buttonbar .r_button--dual--icononly .ui-button:last-of-type img,
 .r_button--dual--icononly .page_tutors_secure_cover-report .container__card .upload .ui-fileupload-choose:last-of-type img,
 .page_tutors_secure_cover-report .container__card .upload .r_button--dual--icononly .ui-fileupload-choose:last-of-type img {
     width: 16px;
     height: 16px;
     vertical-align: middle;
 }
 
 @media (max-width: 708px) {
     .r_button--dual.r_button--full-width--mobile,
     .teacherresources__upload .r_button--dual.ui-fileupload-choose,
     .ui-fileupload .ui-fileupload-buttonbar .r_button--dual.ui-button,
     .page_tutors_secure_cover-report .container__card .upload .r_button--dual.ui-fileupload-choose {
         width: 100%;
     }
     .r_button--dual.r_button--full-width--mobile>.r_button:first-of-type,
     .teacherresources__upload .r_button--dual.ui-fileupload-choose>.r_button:first-of-type,
     .ui-fileupload .ui-fileupload-buttonbar .r_button--dual.ui-button>.r_button:first-of-type,
     .page_tutors_secure_cover-report .container__card .upload .r_button--dual.ui-fileupload-choose>.r_button:first-of-type,
     .teacherresources__upload .r_button--dual.r_button--full-width--mobile>.ui-fileupload-choose:first-of-type,
     .teacherresources__upload .r_button--dual.ui-fileupload-choose>.ui-fileupload-choose:first-of-type,
     .ui-fileupload .ui-fileupload-buttonbar .teacherresources__upload .r_button--dual.ui-button>.ui-fileupload-choose:first-of-type,
     .teacherresources__upload .ui-fileupload .ui-fileupload-buttonbar .r_button--dual.ui-button>.ui-fileupload-choose:first-of-type,
     .teacherresources__selectone .r_button--dual.r_button--full-width--mobile>.ui-button:first-of-type,
     .teacherresources__upload .teacherresources__selectone .r_button--dual.ui-fileupload-choose>.ui-button:first-of-type,
     .teacherresources__selectone .teacherresources__upload .r_button--dual.ui-fileupload-choose>.ui-button:first-of-type,
     .ui-fileupload .ui-fileupload-buttonbar .teacherresources__selectone .r_button--dual.ui-button>.ui-button:first-of-type,
     .page_tutors_secure_cover-report .container__card .upload .teacherresources__selectone .r_button--dual.ui-fileupload-choose>.ui-button:first-of-type,
     .teacherresources__selectone .page_tutors_secure_cover-report .container__card .upload .r_button--dual.ui-fileupload-choose>.ui-button:first-of-type,
     #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar .r_button--dual.r_button--full-width--mobile>.ui-button:first-of-type,
     .teacherresources__upload #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar .r_button--dual.ui-fileupload-choose>.ui-button:first-of-type,
     #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar .teacherresources__upload .r_button--dual.ui-fileupload-choose>.ui-button:first-of-type,
     #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar .r_button--dual.ui-button>.ui-button:first-of-type,
     .page_tutors_secure_cover-report .container__card .upload #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar .r_button--dual.ui-fileupload-choose>.ui-button:first-of-type,
     #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar .page_tutors_secure_cover-report .container__card .upload .r_button--dual.ui-fileupload-choose>.ui-button:first-of-type,
     .securesidebar__upload .ui-fileupload-buttonbar .r_button--dual.r_button--full-width--mobile>.ui-button:first-of-type,
     .teacherresources__upload .securesidebar__upload .ui-fileupload-buttonbar .r_button--dual.ui-fileupload-choose>.ui-button:first-of-type,
     .securesidebar__upload .ui-fileupload-buttonbar .teacherresources__upload .r_button--dual.ui-fileupload-choose>.ui-button:first-of-type,
     .page_tutors_secure_cover-report .container__card .upload .securesidebar__upload .ui-fileupload-buttonbar .r_button--dual.ui-fileupload-choose>.ui-button:first-of-type,
     .securesidebar__upload .ui-fileupload-buttonbar .page_tutors_secure_cover-report .container__card .upload .r_button--dual.ui-fileupload-choose>.ui-button:first-of-type,
     .ui-fileupload .ui-fileupload-buttonbar .r_button--dual.r_button--full-width--mobile>.ui-button:first-of-type,
     .teacherresources__upload .ui-fileupload .ui-fileupload-buttonbar .r_button--dual.ui-fileupload-choose>.ui-button:first-of-type,
     .ui-fileupload .ui-fileupload-buttonbar .teacherresources__upload .r_button--dual.ui-fileupload-choose>.ui-button:first-of-type,
     .ui-fileupload .ui-fileupload-buttonbar .r_button--dual.ui-button>.ui-button:first-of-type,
     .page_tutors_secure_cover-report .container__card .upload .ui-fileupload .ui-fileupload-buttonbar .r_button--dual.ui-fileupload-choose>.ui-button:first-of-type,
     .ui-fileupload .ui-fileupload-buttonbar .page_tutors_secure_cover-report .container__card .upload .r_button--dual.ui-fileupload-choose>.ui-button:first-of-type,
     .page_tutors_secure_cover-report .container__card .upload .r_button--dual.r_button--full-width--mobile>.ui-fileupload-choose:first-of-type,
     .ui-fileupload .ui-fileupload-buttonbar .page_tutors_secure_cover-report .container__card .upload .r_button--dual.ui-button>.ui-fileupload-choose:first-of-type,
     .page_tutors_secure_cover-report .container__card .upload .ui-fileupload .ui-fileupload-buttonbar .r_button--dual.ui-button>.ui-fileupload-choose:first-of-type,
     .page_tutors_secure_cover-report .container__card .upload .r_button--dual.ui-fileupload-choose>.ui-fileupload-choose:first-of-type {
         width: calc(100% - 50px);
     }
     .r_button--dual.r_button--full-width--mobile>.r_button:last-of-type,
     .teacherresources__upload .r_button--dual.ui-fileupload-choose>.r_button:last-of-type,
     .ui-fileupload .ui-fileupload-buttonbar .r_button--dual.ui-button>.r_button:last-of-type,
     .page_tutors_secure_cover-report .container__card .upload .r_button--dual.ui-fileupload-choose>.r_button:last-of-type,
     .teacherresources__upload .r_button--dual.r_button--full-width--mobile>.ui-fileupload-choose:last-of-type,
     .teacherresources__upload .r_button--dual.ui-fileupload-choose>.ui-fileupload-choose:last-of-type,
     .ui-fileupload .ui-fileupload-buttonbar .teacherresources__upload .r_button--dual.ui-button>.ui-fileupload-choose:last-of-type,
     .teacherresources__upload .ui-fileupload .ui-fileupload-buttonbar .r_button--dual.ui-button>.ui-fileupload-choose:last-of-type,
     .teacherresources__selectone .r_button--dual.r_button--full-width--mobile>.ui-button:last-of-type,
     .teacherresources__upload .teacherresources__selectone .r_button--dual.ui-fileupload-choose>.ui-button:last-of-type,
     .teacherresources__selectone .teacherresources__upload .r_button--dual.ui-fileupload-choose>.ui-button:last-of-type,
     .ui-fileupload .ui-fileupload-buttonbar .teacherresources__selectone .r_button--dual.ui-button>.ui-button:last-of-type,
     .page_tutors_secure_cover-report .container__card .upload .teacherresources__selectone .r_button--dual.ui-fileupload-choose>.ui-button:last-of-type,
     .teacherresources__selectone .page_tutors_secure_cover-report .container__card .upload .r_button--dual.ui-fileupload-choose>.ui-button:last-of-type,
     #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar .r_button--dual.r_button--full-width--mobile>.ui-button:last-of-type,
     .teacherresources__upload #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar .r_button--dual.ui-fileupload-choose>.ui-button:last-of-type,
     #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar .teacherresources__upload .r_button--dual.ui-fileupload-choose>.ui-button:last-of-type,
     #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar .r_button--dual.ui-button>.ui-button:last-of-type,
     .page_tutors_secure_cover-report .container__card .upload #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar .r_button--dual.ui-fileupload-choose>.ui-button:last-of-type,
     #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar .page_tutors_secure_cover-report .container__card .upload .r_button--dual.ui-fileupload-choose>.ui-button:last-of-type,
     .securesidebar__upload .ui-fileupload-buttonbar .r_button--dual.r_button--full-width--mobile>.ui-button:last-of-type,
     .teacherresources__upload .securesidebar__upload .ui-fileupload-buttonbar .r_button--dual.ui-fileupload-choose>.ui-button:last-of-type,
     .securesidebar__upload .ui-fileupload-buttonbar .teacherresources__upload .r_button--dual.ui-fileupload-choose>.ui-button:last-of-type,
     .page_tutors_secure_cover-report .container__card .upload .securesidebar__upload .ui-fileupload-buttonbar .r_button--dual.ui-fileupload-choose>.ui-button:last-of-type,
     .securesidebar__upload .ui-fileupload-buttonbar .page_tutors_secure_cover-report .container__card .upload .r_button--dual.ui-fileupload-choose>.ui-button:last-of-type,
     .ui-fileupload .ui-fileupload-buttonbar .r_button--dual.r_button--full-width--mobile>.ui-button:last-of-type,
     .teacherresources__upload .ui-fileupload .ui-fileupload-buttonbar .r_button--dual.ui-fileupload-choose>.ui-button:last-of-type,
     .ui-fileupload .ui-fileupload-buttonbar .teacherresources__upload .r_button--dual.ui-fileupload-choose>.ui-button:last-of-type,
     .ui-fileupload .ui-fileupload-buttonbar .r_button--dual.ui-button>.ui-button:last-of-type,
     .page_tutors_secure_cover-report .container__card .upload .ui-fileupload .ui-fileupload-buttonbar .r_button--dual.ui-fileupload-choose>.ui-button:last-of-type,
     .ui-fileupload .ui-fileupload-buttonbar .page_tutors_secure_cover-report .container__card .upload .r_button--dual.ui-fileupload-choose>.ui-button:last-of-type,
     .page_tutors_secure_cover-report .container__card .upload .r_button--dual.r_button--full-width--mobile>.ui-fileupload-choose:last-of-type,
     .ui-fileupload .ui-fileupload-buttonbar .page_tutors_secure_cover-report .container__card .upload .r_button--dual.ui-button>.ui-fileupload-choose:last-of-type,
     .page_tutors_secure_cover-report .container__card .upload .ui-fileupload .ui-fileupload-buttonbar .r_button--dual.ui-button>.ui-fileupload-choose:last-of-type,
     .page_tutors_secure_cover-report .container__card .upload .r_button--dual.ui-fileupload-choose>.ui-fileupload-choose:last-of-type {
         width: 50px;
     }
 }
 
 .r_button__submenu {
     display: none;
     position: absolute;
     white-space: nowrap;
     right: 0;
     margin-top: 3px;
     background-color: #fff;
     box-shadow: 0 2px 16px 0 rgba(33, 43, 54, 0.08), 0 0 0 1px rgba(6, 44, 82, 0.1);
     padding: 16px;
     text-align: left;
     z-index: 2;
     min-width: 100px;
     animation: fadeDownMenu 0.2s;
 }
 
 .r_button__submenu:after {
     content: "";
     position: absolute;
     width: 16px;
     height: 15px;
     right: 14px;
     top: -6px;
     background: linear-gradient(-45deg, #fff 56%, transparent 56%);
     -webkit-transform: rotate(45deg);
     transform: rotate(45deg);
     z-index: 0;
 }
 
 .r_button__submenu:before {
     content: "";
     position: absolute;
     width: 12px;
     height: 12px;
     right: 15px;
     top: -5px;
     background: #fff;
     border: 1px solid #dcdae2;
     -webkit-transform: rotate(45deg);
     transform: rotate(45deg);
     z-index: -1;
 }
 
 .r_button__submenu--wrapper {
     position: relative;
     display: inline-block;
 }
 
 .r_button__submenu--wrapper+.r_button,
 .teacherresources__upload .r_button__submenu--wrapper+.ui-fileupload-choose,
 .teacherresources__selectone .r_button__submenu--wrapper+.ui-button,
 #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar .r_button__submenu--wrapper+.ui-button,
 .securesidebar__upload .ui-fileupload-buttonbar .r_button__submenu--wrapper+.ui-button,
 .ui-fileupload .ui-fileupload-buttonbar .r_button__submenu--wrapper+.ui-button,
 .page_tutors_secure_cover-report .container__card .upload .r_button__submenu--wrapper+.ui-fileupload-choose {
     margin-left: 0.5em;
 }
 
 @media (max-width: 708px) {
     .r_button__submenu--wrapper .r_button__submenu {
         left: 0;
         right: auto;
     }
     .r_button__submenu--wrapper .r_button__submenu:before {
         right: auto;
         left: 10px;
     }
     .r_button__submenu--wrapper .r_button__submenu:after {
         right: auto;
         left: 10px;
     }
 }
 
 .r_button__submenu a {
     display: block;
     color: #303336;
     margin-bottom: 14px;
 }
 
 .r_button__submenu a:last-of-type {
     margin-bottom: 0;
 }
 
 .r_button__submenu a.disabled,
 .r_button__submenu a.ui-state-disabled {
     color: #8d89aa;
 }
 
 .r_button__submenu a.disabled:hover,
 .r_button__submenu a.ui-state-disabled:hover {
     color: #8d89aa;
 }
 
 .r_button__submenu a.is-disabled {
     color: #8d89aa;
     cursor: not-allowed;
 }
 
 .r_button__submenu a.is-disabled:hover {
     color: #8d89aa;
 }
 
 .r_button__submenu .is-disabled {
     color: #8d89aa;
     cursor: not-allowed;
 }
 
 .r_button__submenu .is-disabled:hover {
     color: #8d89aa;
 }
 
 .r_button__avatar {
     border-radius: 100%;
     width: 32px;
     height: 32px;
     margin-right: 8px;
     vertical-align: middle;
     background-size: contain;
     background-repeat: no-repeat;
     background-position: center;
     display: inline-block;
     font-family: "Source Sans Pro", sans-serif;
     font-size: 16px;
     font-size: 1rem;
     line-height: 20px;
     line-height: 1.25rem;
     color: #303336;
     font-weight: 400;
     color: #fff;
     background-color: rgba(0, 0, 0, 0.1);
     font-weight: 600;
     position: relative;
 }
 
 .r_button__avatar span {
     top: 50%;
     transform: translateY(-55%);
     -webkit-transform: translateY(-55%);
     -ms-transform: translateY(-55%);
     position: absolute;
     left: 0;
     right: 0;
     text-align: center;
 }
 
 @media (max-width: 708px) {
     .r_button__avatar.open {
         background-image: none !important;
     }
     .r_button__avatar.open span {
         display: none;
     }
     .r_button__avatar.open:before {
         content: "";
         display: block;
         width: 100%;
         height: 100%;
         background-color: rgba(0, 0, 0, 0.1);
         border-radius: 100%;
         background-size: 50% 50%;
         background-repeat: no-repeat;
         background-position: center;
         background-image: url("//cdn.mytutor.co.uk/images/uploads/close.svg");
         animation: rotate 0.75s;
     }
 }
 
 .r_button--timeslot {
     line-height: 1rem;
 }
 
 .r_button--timeslot span.hint {
     font-size: 0.8rem;
     color: #67657d;
 }
 
 .r_button--timeslot--focus {
     color: #303336;
     border-color: #542eff;
     box-shadow: 0 0 0 1px #542eff;
     outline: 0;
 }
 
 .r_button--timeslot--focus:focus {
     color: #303336;
 }
 
 .r_button--icon img {
     vertical-align: middle;
     height: 1rem;
 }
 
 .r_button--cross {
     padding: 4px 10px;
 }
 
 .r_button--cross .ui-button-text {
     color: transparent;
     width: 0.75em;
     /* background-image: url("//cdn.mytutor.co.uk/images/icons/cross-grey.svg"); */
     background-repeat: no-repeat;
     background-position: center center;
 }
 
 .r_button .ui-icon,
 .teacherresources__upload .ui-fileupload-choose .ui-icon,
 .teacherresources__selectone .ui-button .ui-icon,
 #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar .ui-button .ui-icon,
 .securesidebar__upload .ui-fileupload-buttonbar .ui-button .ui-icon,
 .ui-fileupload .ui-fileupload-buttonbar .ui-button .ui-icon,
 .page_tutors_secure_cover-report .container__card .upload .ui-fileupload-choose .ui-icon {
     top: 0;
     left: 0;
     width: 2em;
     height: 2em;
     background-size: contain;
     background-repeat: no-repeat;
     background-position: center;
     margin: 0.75em;
 }
 
 .r_button .ui-icon+.ui-button-text,
 .teacherresources__upload .ui-fileupload-choose .ui-icon+.ui-button-text,
 .teacherresources__selectone .ui-button .ui-icon+.ui-button-text,
 #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar .ui-button .ui-icon+.ui-button-text,
 .securesidebar__upload .ui-fileupload-buttonbar .ui-button .ui-icon+.ui-button-text,
 .ui-fileupload .ui-fileupload-buttonbar .ui-button .ui-icon+.ui-button-text,
 .page_tutors_secure_cover-report .container__card .upload .ui-fileupload-choose .ui-icon+.ui-button-text {
     padding: 0 0 0 1.25em;
 }
 
 .r_button .ui-icon.ui-button-icon-right,
 .teacherresources__upload .ui-fileupload-choose .ui-icon.ui-button-icon-right,
 .teacherresources__selectone .ui-button .ui-icon.ui-button-icon-right,
 #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar .ui-button .ui-icon.ui-button-icon-right,
 .securesidebar__upload .ui-fileupload-buttonbar .ui-button .ui-icon.ui-button-icon-right,
 .ui-fileupload .ui-fileupload-buttonbar .ui-button .ui-icon.ui-button-icon-right,
 .page_tutors_secure_cover-report .container__card .upload .ui-fileupload-choose .ui-icon.ui-button-icon-right {
     left: auto;
     right: 0;
 }
 
 .r_button .ui-icon.ui-button-icon-right+.ui-button-text,
 .teacherresources__upload .ui-fileupload-choose .ui-icon.ui-button-icon-right+.ui-button-text,
 .teacherresources__selectone .ui-button .ui-icon.ui-button-icon-right+.ui-button-text,
 #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar .ui-button .ui-icon.ui-button-icon-right+.ui-button-text,
 .securesidebar__upload .ui-fileupload-buttonbar .ui-button .ui-icon.ui-button-icon-right+.ui-button-text,
 .ui-fileupload .ui-fileupload-buttonbar .ui-button .ui-icon.ui-button-icon-right+.ui-button-text,
 .page_tutors_secure_cover-report .container__card .upload .ui-fileupload-choose .ui-icon.ui-button-icon-right+.ui-button-text {
     padding: 0 1.25em 0 0;
 }
 /* .r_button.r_button--primary .ui-icon.magic-wand,
.teacherresources__upload .r_button--primary.ui-fileupload-choose .ui-icon.magic-wand,
.teacherresources__selectone .r_button--primary.ui-button .ui-icon.magic-wand,
#tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar .ui-button .ui-icon.magic-wand,
.securesidebar__upload .ui-fileupload-buttonbar .ui-button .ui-icon.magic-wand,
.ui-fileupload .ui-fileupload-buttonbar .r_button--primary.ui-button .ui-icon.magic-wand,
.ui-fileupload.r_button--primary .ui-fileupload-buttonbar .ui-button .ui-icon.magic-wand,
.page_tutors_secure_cover-report .container__card .upload .ui-fileupload-choose .ui-icon.magic-wand {
    background-image: url("https://cdn.mytutor.co.uk/icons/magic-wand-neutral0.svg?1599042894000")
} */
 /* .r_button.r_button--primary .ui-icon.external-link,
.teacherresources__upload .r_button--primary.ui-fileupload-choose .ui-icon.external-link,
.teacherresources__selectone .r_button--primary.ui-button .ui-icon.external-link,
#tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar .ui-button .ui-icon.external-link,
.securesidebar__upload .ui-fileupload-buttonbar .ui-button .ui-icon.external-link,
.ui-fileupload .ui-fileupload-buttonbar .r_button--primary.ui-button .ui-icon.external-link,
.ui-fileupload.r_button--primary .ui-fileupload-buttonbar .ui-button .ui-icon.external-link,
.page_tutors_secure_cover-report .container__card .upload .ui-fileupload-choose .ui-icon.external-link {
    background-image: url("https://cdn.mytutor.co.uk/icons/external-link-neutral0.svg?1599042894000")
} */
 /* .r_button.r_button--primary .ui-icon.bolt,
.teacherresources__upload .r_button--primary.ui-fileupload-choose .ui-icon.bolt,
.teacherresources__selectone .r_button--primary.ui-button .ui-icon.bolt,
#tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar .ui-button .ui-icon.bolt,
.securesidebar__upload .ui-fileupload-buttonbar .ui-button .ui-icon.bolt,
.ui-fileupload .ui-fileupload-buttonbar .r_button--primary.ui-button .ui-icon.bolt,
.ui-fileupload.r_button--primary .ui-fileupload-buttonbar .ui-button .ui-icon.bolt,
.page_tutors_secure_cover-report .container__card .upload .ui-fileupload-choose .ui-icon.bolt {
    background-image: url("https://cdn.mytutor.co.uk/icons/bolt.svg?1599042894000")
} */
 /* .r_button .ui-icon.save,
.teacherresources__upload .ui-fileupload-choose .ui-icon.save,
.teacherresources__selectone .ui-button .ui-icon.save,
#tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar .ui-button .ui-icon.save,
.securesidebar__upload .ui-fileupload-buttonbar .ui-button .ui-icon.save,
.ui-fileupload .ui-fileupload-buttonbar .ui-button .ui-icon.save,
.page_tutors_secure_cover-report .container__card .upload .ui-fileupload-choose .ui-icon.save {
    background-image: url("https://cdn.mytutor.co.uk/icons/save-secondary5.svg?1599042894000")
} */
 /* .r_button .ui-icon.saved,
.teacherresources__upload .ui-fileupload-choose .ui-icon.saved,
.teacherresources__selectone .ui-button .ui-icon.saved,
#tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar .ui-button .ui-icon.saved,
.securesidebar__upload .ui-fileupload-buttonbar .ui-button .ui-icon.saved,
.ui-fileupload .ui-fileupload-buttonbar .ui-button .ui-icon.saved,
.page_tutors_secure_cover-report .container__card .upload .ui-fileupload-choose .ui-icon.saved {
    background-image: url("https://cdn.mytutor.co.uk/icons/saved-secondary5.svg?1599042894000")
} */
 /* .r_button:hover .ui-icon.save,
.teacherresources__upload .ui-fileupload-choose:hover .ui-icon.save,
.teacherresources__selectone .ui-button:hover .ui-icon.save,
#tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar .ui-button:hover .ui-icon.save,
.securesidebar__upload .ui-fileupload-buttonbar .ui-button:hover .ui-icon.save,
.ui-fileupload .ui-fileupload-buttonbar .ui-button:hover .ui-icon.save,
.page_tutors_secure_cover-report .container__card .upload .ui-fileupload-choose:hover .ui-icon.save,
.r_button.ui-state-hover .ui-icon.save,
.teacherresources__upload .ui-state-hover.ui-fileupload-choose .ui-icon.save,
.teacherresources__selectone .ui-state-hover.ui-button .ui-icon.save,
#tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar .ui-state-hover.ui-button .ui-icon.save,
.securesidebar__upload .ui-fileupload-buttonbar .ui-state-hover.ui-button .ui-icon.save,
.ui-fileupload .ui-fileupload-buttonbar .ui-state-hover.ui-button .ui-icon.save,
.page_tutors_secure_cover-report .container__card .upload .ui-state-hover.ui-fileupload-choose .ui-icon.save,
.r_button:active .ui-icon.save,
.teacherresources__upload .ui-fileupload-choose:active .ui-icon.save,
.teacherresources__selectone .ui-button:active .ui-icon.save,
#tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar .ui-button:active .ui-icon.save,
.securesidebar__upload .ui-fileupload-buttonbar .ui-button:active .ui-icon.save,
.ui-fileupload .ui-fileupload-buttonbar .ui-button:active .ui-icon.save,
.page_tutors_secure_cover-report .container__card .upload .ui-fileupload-choose:active .ui-icon.save,
.r_button.ui-state-active .ui-icon.save,
.teacherresources__upload .ui-state-active.ui-fileupload-choose .ui-icon.save,
.teacherresources__selectone .ui-state-active.ui-button .ui-icon.save,
#tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar .ui-state-active.ui-button .ui-icon.save,
.securesidebar__upload .ui-fileupload-buttonbar .ui-state-active.ui-button .ui-icon.save,
.ui-fileupload .ui-fileupload-buttonbar .ui-state-active.ui-button .ui-icon.save,
.page_tutors_secure_cover-report .container__card .upload .ui-state-active.ui-fileupload-choose .ui-icon.save {
    background-image: url("https://cdn.mytutor.co.uk/icons/save-neutral0.svg?1599042894000")
} */
 /* .r_button:hover .ui-icon.saved,
.teacherresources__upload .ui-fileupload-choose:hover .ui-icon.saved,
.teacherresources__selectone .ui-button:hover .ui-icon.saved,
#tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar .ui-button:hover .ui-icon.saved,
.securesidebar__upload .ui-fileupload-buttonbar .ui-button:hover .ui-icon.saved,
.ui-fileupload .ui-fileupload-buttonbar .ui-button:hover .ui-icon.saved,
.page_tutors_secure_cover-report .container__card .upload .ui-fileupload-choose:hover .ui-icon.saved,
.r_button.ui-state-hover .ui-icon.saved,
.teacherresources__upload .ui-state-hover.ui-fileupload-choose .ui-icon.saved,
.teacherresources__selectone .ui-state-hover.ui-button .ui-icon.saved,
#tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar .ui-state-hover.ui-button .ui-icon.saved,
.securesidebar__upload .ui-fileupload-buttonbar .ui-state-hover.ui-button .ui-icon.saved,
.ui-fileupload .ui-fileupload-buttonbar .ui-state-hover.ui-button .ui-icon.saved,
.page_tutors_secure_cover-report .container__card .upload .ui-state-hover.ui-fileupload-choose .ui-icon.saved,
.r_button:active .ui-icon.saved,
.teacherresources__upload .ui-fileupload-choose:active .ui-icon.saved,
.teacherresources__selectone .ui-button:active .ui-icon.saved,
#tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar .ui-button:active .ui-icon.saved,
.securesidebar__upload .ui-fileupload-buttonbar .ui-button:active .ui-icon.saved,
.ui-fileupload .ui-fileupload-buttonbar .ui-button:active .ui-icon.saved,
.page_tutors_secure_cover-report .container__card .upload .ui-fileupload-choose:active .ui-icon.saved,
.r_button.ui-state-active .ui-icon.saved,
.teacherresources__upload .ui-state-active.ui-fileupload-choose .ui-icon.saved,
.teacherresources__selectone .ui-state-active.ui-button .ui-icon.saved,
#tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar .ui-state-active.ui-button .ui-icon.saved,
.securesidebar__upload .ui-fileupload-buttonbar .ui-state-active.ui-button .ui-icon.saved,
.ui-fileupload .ui-fileupload-buttonbar .ui-state-active.ui-button .ui-icon.saved,
.page_tutors_secure_cover-report .container__card .upload .ui-state-active.ui-fileupload-choose .ui-icon.saved {
    background-image: url("https://cdn.mytutor.co.uk/icons/saved-neutral0.svg?1599042894000")
} */
 
 .ui-buttonset.single {
     margin: 0;
     display: flex;
     align-items: center;
     justify-content: space-around;
 }
 
 .ui-buttonset.single .ui-button {
     width: 100%;
     padding: 0.5em;
     box-shadow: 0 1px 3px 0 rgba(48, 51, 54, 0.15), 0 0 0 1px rgba(48, 51, 54, 0.05);
     margin-right: 1px;
     background: white;
     border: 1px solid white;
     transition: all 0.15s ease-in-out;
     transition-property: border, background;
 }
 
 .ui-buttonset.single .ui-button:hover,
 .ui-buttonset.single .ui-button.ui-state-hover {
     background: #f7f9fc;
     border-color: #f7f9fc;
 }
 
 .ui-buttonset.single .ui-button.ui-state-active {
     background: #e7e6fc;
     border-color: #d4caff;
 }
 
 .ui-buttonset.single .ui-button.ui-state-disabled {
     background: #f9f8fb;
     border-color: #f9f8fb;
     color: #8d89aa;
 }
 
 .ui-buttonset.groupOfFour {
     background: #f5f4f7;
     margin: 1em -1em -1.125em;
     padding: 0.75em;
     display: flex;
     flex-wrap: wrap;
 }
 
 .ui-buttonset.groupOfFour .ui-button {
     width: 25%;
 }
 
 .ui-buttonset.groupOfFour .ui-button .ui-button-text {
     margin: 0.25em;
     padding: 0.5em;
     background: white;
     box-shadow: 0 1px 3px 0 rgba(48, 51, 54, 0.15), 0 0 0 1px rgba(48, 51, 54, 0.05);
     border: 1px solid white;
     transition: all 0.15s ease-in-out;
     transition-property: border, background;
 }
 
 .ui-buttonset.groupOfFour .ui-button:hover .ui-button-text,
 .ui-buttonset.groupOfFour .ui-button.ui-state-hover .ui-button-text {
     background: #f7f9fc;
     border-color: #f7f9fc;
 }
 
 .ui-buttonset.groupOfFour .ui-button.ui-state-active .ui-button-text {
     background: #e7e6fc;
     border-color: #d4caff;
 }
 
 .ui-buttonset.groupOfFour .ui-button.ui-state-disabled .ui-button-text {
     background: #f9f8fb;
     border-color: #f9f8fb;
     color: #8d89aa;
 }
 
 .ui-buttonset .ui-button.header {
     white-space: nowrap;
 }
 
 .ui-buttonset .ui-button.header small {
     font-size: 0.625em;
     color: #67657d;
 }
 
 .switch label {
     display: inline-block;
     margin-right: 10px;
     font-weight: 600;
 }
 
 .switch .toggleSwitchContainer {
     position: relative;
     width: 76px;
     height: 36px;
     display: inline-block;
 }
 
 .switch .toggleSwitchContainer input[type="checkbox"] {
     opacity: 0;
     width: 76px;
     height: 36px;
 }
 
 .switch .toggleSwitchContainer input[type="checkbox"]~label {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 16px;
     font-size: 1rem;
     line-height: 20px;
     line-height: 1.25rem;
     color: #303336;
     font-weight: 400;
     background-color: #ff1744;
     border-radius: 36px;
     color: #fff;
     cursor: pointer;
     display: block;
     height: 100%;
     left: 0;
     position: absolute;
     top: 0;
     transition: background-color 200ms ease, border-color 200ms ease;
     width: 100%;
 }
 
 .switch .toggleSwitchContainer input[type="checkbox"]~label:before {
     display: block;
     content: "NO";
     font-weight: bold;
     position: absolute;
     right: 12px;
     text-align: right;
     top: 50%;
     transform: translateY(-55%);
     -webkit-transform: translateY(-55%);
     -ms-transform: translateY(-55%);
 }
 
 .switch .toggleSwitchContainer input[type="checkbox"]~label:after {
     content: "";
     display: block;
     position: absolute;
     left: 2px;
     top: 2px;
     width: 30px;
     height: 30px;
     transition: transform 200ms ease;
     border-radius: 50%;
     background-color: #fff;
     box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.05), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 3px 1px 0 rgba(0, 0, 0, 0.05);
     border: solid 0.6px rgba(0, 0, 0, 0.1);
 }
 
 .switch .toggleSwitchContainer input[type="checkbox"]:checked~label {
     background-color: #32cf3a;
     transition: background-color 200ms ease, border-color 200ms ease;
 }
 
 .switch .toggleSwitchContainer input[type="checkbox"]:checked~label:before {
     display: block;
     content: "YES";
     font-weight: bold;
     position: absolute;
     left: 12px;
     text-align: left;
     top: 50%;
     transform: translateY(-55%);
 }
 
 .switch .toggleSwitchContainer input[type="checkbox"]:checked~label:after {
     left: initial;
     content: "";
     transform: translateX(42px);
     transition: transform 200ms ease;
 }
 
 .instantbookmodal .avatarcontainer {
     width: 60%;
     margin-left: auto;
     margin-right: auto;
     position: relative;
 }
 
 .instantbookmodal .avatarcontainer span {
     position: absolute;
     bottom: -5px;
     left: 52%;
     text-align: center;
 }
 
 .instantbookmodal .avatarcontainer span img {
     width: 32px;
     height: 32px;
 }
 
 .instantbookmodal div.info {
     padding: 1rem;
     text-align: center;
     background-color: #f5f4f7;
     color: #67657d;
 }
 
 .instantbookswitch {
     display: inline-block;
     position: relative;
     float: right;
     margin-bottom: 0;
     right: 10px;
 }
 
 .instantbookswitch label {
     display: inline-block;
     margin-right: 10px;
     font-weight: 600;
 }
 
 .instantbookswitch .toggleSwitchContainer {
     position: relative;
     width: 76px;
     height: 30px;
     display: inline-block;
 }
 
 .instantbookswitch .toggleSwitchContainer input[type="checkbox"] {
     opacity: 0;
     width: 76px;
     height: 30px;
 }
 
 .instantbookswitch .toggleSwitchContainer input[type="checkbox"]~label {
     display: block;
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     border-radius: 36px;
     background-color: #dcdae2;
     cursor: pointer;
     transition: background-color 200ms ease, border-color 200ms ease;
     font-family: "Source Sans Pro", sans-serif;
     font-size: 16px;
     font-size: 1rem;
     line-height: 20px;
     line-height: 1.25rem;
     color: #303336;
     font-weight: 400;
     color: #fff;
 }
 
 .instantbookswitch .toggleSwitchContainer input[type="checkbox"]~label:before {
     display: block;
     content: "OFF";
     font-weight: bold;
     position: absolute;
     right: 12px;
     text-align: right;
     top: 50%;
     transform: translateY(-55%);
     -webkit-transform: translateY(-55%);
     -ms-transform: translateY(-55%);
     color: #67657d;
 }
 
 .instantbookswitch .toggleSwitchContainer input[type="checkbox"]~label:after {
     content: "";
     display: block;
     position: absolute;
     left: 2px;
     top: 1px;
     width: 26px;
     height: 26px;
     transition: transform 200ms ease;
     border-radius: 50%;
     background-color: #fff;
     box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.05), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 3px 1px 0 rgba(0, 0, 0, 0.05);
     border: solid 0.6px rgba(0, 0, 0, 0.1);
 }
 
 .instantbookswitch .toggleSwitchContainer input[type="checkbox"]:checked~label {
     background-color: #32cf3a;
     transition: background-color 200ms ease, border-color 200ms ease;
 }
 
 .instantbookswitch .toggleSwitchContainer input[type="checkbox"]:checked~label:before {
     display: block;
     content: "YES";
     font-weight: bold;
     position: absolute;
     left: 12px;
     text-align: left;
     top: 50%;
     transform: translateY(-55%);
     color: #fff;
 }
 
 .instantbookswitch .toggleSwitchContainer input[type="checkbox"]:checked~label:after {
     left: initial;
     content: "";
     transform: translateX(47px);
     transition: transform 200ms ease;
 }
 
 .link__more {
     padding-right: 16px;
     position: relative;
     cursor: pointer;
 }
 
 .link__more:after {
     content: "";
     height: 5px;
     border-top: solid 5px #542eff;
     border-left: solid 5px transparent;
     border-right: solid 5px transparent;
     right: 0;
     vertical-align: middle;
     bottom: 1px;
     position: absolute;
 }
 
 .link__more--open:after {
     border-top: 0;
     border-bottom: solid 5px #542eff;
     bottom: 6px;
 }
 
 .link__more--bold {
     font-weight: 600;
     padding-right: 18px;
 }
 
 .link__help {
     cursor: pointer;
 }
 
 .link__help:after {
     content: "?";
     display: inline-block;
     color: #cac9d8;
     border-radius: 100%;
     border: 2px solid #cac9d8;
     text-align: center;
     vertical-align: text-bottom;
     font-size: 15px;
     font-weight: bold;
     line-height: 0.9;
     width: 14px;
     height: 14px;
     margin-left: 5px;
 }
 
 .link__help--left:before {
     content: "?";
     display: inline-block;
     color: #8d89aa;
     border-radius: 100%;
     border: 2px solid #8d89aa;
     text-align: center;
     vertical-align: text-bottom;
     font-size: 14px;
     font-weight: bold;
     line-height: 1.1;
     width: 16px;
     height: 16px;
     margin-right: 0.5em;
 }
 
 .link__back {
     padding-left: 0.75em;
     position: relative;
 }
 
 .link__back:before {
     content: "";
     width: 0.5em;
     height: 0.5em;
     position: absolute;
     left: 0;
     top: 0.25em;
     transform: rotate(45deg);
     border-left: 2px solid #542eff;
     border-bottom: 2px solid #542eff;
 }
 
 .link__arrow {
     padding-right: 22px;
     position: relative;
 }
 /* .link__arrow:after {
    content: "";
    background-image: url("https://cdn.mytutor.co.uk/icons/arrow-right-secondary5.svg?1599042894000");
    background-repeat: no-repeat;
    background-size: contain;
    right: 0;
    position: absolute;
    width: 16px;
    height: 12px;
    top: 6px
} */
 
 .link__arrow--large {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 18px;
     font-size: 1.125rem;
     line-height: 24px;
     line-height: 1.5rem;
     color: #303336;
     font-weight: 400;
     color: #542eff;
     padding-right: 24px;
 }
 
 .link__arrow--large:after {
     top: 7px;
 }
 
 .link__tab:after {
     content: "";
     background-image: url("//cdn.mytutor.co.uk/images/uploads/openwindow.svg");
     background-repeat: no-repeat;
     background-size: contain;
     position: relative;
     display: inline-block;
     width: 16px;
     height: 16px;
     margin-left: 5px;
     vertical-align: middle;
     margin-top: -2px;
 }
 
 .link__info {
     display: inline-block;
     cursor: pointer;
 }
 
 .link__info label {
     display: inline !important;
 }
 
 .link__info:after {
     content: "";
     background-image: url("../../assets/svg/info-info6.svg");
     background-repeat: no-repeat;
     background-size: contain;
     position: relative;
     display: inline-block;
     width: 18px;
     height: 18px;
     margin-left: 6px;
     vertical-align: text-bottom;
 }
 /* .link__invoice:before {
    content: "";
    background-image: url("/images/icons/invoice-icon.svg");
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    display: inline-block;
    width: 14px;
    height: 16px;
    margin-right: 7px;
    vertical-align: text-bottom
} */
 
 .link__chevron {
     padding-right: 14px;
     position: relative;
     display: inline-block;
 }
 
 .link__chevron:after {
     content: "â–¸";
     right: 0;
     top: 1px;
     position: absolute;
     color: #542eff;
 }
 
 .link__chevron--large {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 18px;
     font-size: 1.125rem;
     line-height: 24px;
     line-height: 1.5rem;
     color: #303336;
     font-weight: 400;
     color: #542eff;
     padding-right: 16px;
 }
 
 .link__chevron--primary {
     color: #542eff;
     text-decoration: none;
 }
 
 .link__chevron--primary:after {
     color: #542eff;
 }
 
 .link__chevron--primary:hover {
     color: #4628c1;
 }
 
 .link__chevronbullet {
     position: relative;
 }
 /* .link__chevronbullet:before {
    content: "";
    background-image: url("https://cdn.mytutor.co.uk/images/uploads/rightarrow--grey.svg");
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 7px;
    top: 6px;
    left: 0
} */
 
 .link__chevronbullet--open:before {
     transform: rotate(90deg);
     top: 9px;
     left: -3px;
 }
 
 .link__video {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 16px;
     font-size: 1rem;
     line-height: 20px;
     line-height: 1.25rem;
     color: #303336;
     font-weight: 400;
     color: #67657d;
 }
 
 .link__video:hover {
     color: #67657d;
 }
 /* .link__video:before {
    content: "";
    background-image: url("//cdn.mytutor.co.uk/images/uploads/dashboard-play-icon.svg");
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 6px;
    margin-bottom: 2px;
    vertical-align: middle
} */
 
 .pagination {
     text-align: center;
 }
 
 .pagination__button {
     background-image: linear-gradient(to bottom, #fff, #f9f8fb);
     box-shadow: 0 1px 0 0 rgba(22, 29, 37, 0.05);
     border: solid 1px #cac9d8;
     width: 144px;
     height: 36px;
     display: inline-block;
     text-align: center;
 }
 
 .pagination__button:after {
     content: "";
     background-repeat: no-repeat;
     background-size: contain;
     width: 20px;
     height: 20px;
     display: inline-block;
     top: 50%;
     transform: translateY(-50%);
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     position: relative;
 }
 
 .pagination__button:hover {
     background: linear-gradient(to bottom, #fafbfc, #f3f6f8);
     box-shadow: 0 1px 0 0 rgba(22, 29, 37, 0.05);
 }
 
 .pagination__button:active {
     background: #f4f6f8;
     box-shadow: inset 0 1px 4px 0 rgba(99, 115, 129, 0.2), inset 0 1px 1px 0 rgba(99, 115, 129, 0.6);
 }
 
 .pagination__button:focus {
     outline: 0;
 }
 /* .pagination__button--left:after {
    background-image: url("//cdn.mytutor.co.uk/images/uploads/pagination-left.svg")
}

.pagination__button--left.disabled:after {
    background-image: url("//cdn.mytutor.co.uk/images/uploads/pagination-left-disabled.svg")
} */
 
 .pagination__button--right {
     margin-left: -5px;
 }
 /* .pagination__button--right:after {
    background-image: url("//cdn.mytutor.co.uk/images/uploads/pagination-right.svg")
}

.pagination__button--right.disabled:after {
    background-image: url("//cdn.mytutor.co.uk/images/uploads/pagination-right-disabled.svg")
} */
 
 .pagination__button.disabled {
     background: #f9f8fb;
     border: solid 1px #dcdae2;
     cursor: not-allowed;
 }
 
 .pagination__button.disabled:hover {
     box-shadow: none;
     background: #f9f8fb;
 }
 
 @media (max-width: 358px) {
     .pagination__button {
         width: 49%;
     }
 }
 
 .pagination__button--small {
     width: 38px;
 }
 
 .pagination__number {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 16px;
     font-size: 1rem;
     line-height: 20px;
     line-height: 1.25rem;
     color: #303336;
     font-weight: 400;
     color: #12b4a6;
     text-align: center;
     margin: 0 10px;
     vertical-align: middle;
 }
 
 .pagination__number:hover {
     color: #1867c2;
 }
 
 .pagination__number.is-active {
     background-color: #dcdae2;
     color: #545174;
     padding: 3px 10px 5px 10px;
 }
 
 .pagination__number--small {
     color: #67657d;
 }
 
 .pagination__number--small:hover {
     color: #67657d;
 }
 
 .pagination__number--small:first-of-type,
 .pagination__number--small:last-of-type {
     padding: 0;
 }
 
 .pagination__ellipsis {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 16px;
     font-size: 1rem;
     line-height: 20px;
     line-height: 1.25rem;
     color: #303336;
     font-weight: 400;
     text-align: center;
     vertical-align: middle;
 }
 
 .pagination--margin-top {
     margin-top: 20px;
 }
 
 @media (max-width: 708px) {
     .pagination--margin-horizontal {
         margin-left: 20px;
         margin-right: 20px;
     }
 }
 
 .pagination--count {
     position: relative;
 }
 
 .pagination--count .pagination__button {
     width: 38px;
     vertical-align: middle;
 }
 
 .pagination--count .pagination__button--left,
 .pagination--count .pagination__button--right {
     margin: 0;
 }
 
 .pagination--count .pagination__button--left {
     margin-right: 10px;
 }
 
 .pagination--count .pagination__button--right {
     margin-left: 10px;
 }
 
 @media (max-width: 992px) {
     .pagination--count {
         display: block;
         height: 36px;
         background-image: linear-gradient(to bottom, #fff, #f9fafb);
         box-shadow: 0 1px 0 0 rgba(22, 29, 37, 0.05);
         border: solid 1px #c4cdd5;
         text-align: center;
     }
     .pagination--count .pagination__button {
         background: 0;
         box-shadow: none;
         border: 0;
         position: absolute;
         margin: 0;
     }
     .pagination--count .pagination__button--left {
         left: 20px;
     }
     .pagination--count .pagination__button--right {
         right: 20px;
     }
 }
 
 .ui-paginator {
     padding: 0 !important;
     margin: 15px 0 0 0;
 }
 
 .ui-paginator .ui-paginator-next,
 .ui-paginator .ui-paginator-prev,
 .ui-paginator .ui-paginator-rpp-options,
 .ui-paginator .ui-paginator-last,
 .ui-paginator .ui-paginator-first {
     text-align: center;
     background-image: linear-gradient(to bottom, #fff, #f9f8fb);
     box-shadow: 0 1px 0 0 rgba(22, 29, 37, 0.05);
     border: solid 1px #cac9d8;
     height: 38px;
     width: 38px;
     display: inline-block;
     text-align: center;
     padding: 0;
     margin: 0;
     vertical-align: middle;
 }
 
 .ui-paginator .ui-paginator-next .ui-icon,
 .ui-paginator .ui-paginator-prev .ui-icon,
 .ui-paginator .ui-paginator-rpp-options .ui-icon,
 .ui-paginator .ui-paginator-last .ui-icon,
 .ui-paginator .ui-paginator-first .ui-icon {
     display: none;
 }
 
 .ui-paginator .ui-paginator-next:after,
 .ui-paginator .ui-paginator-prev:after,
 .ui-paginator .ui-paginator-rpp-options:after,
 .ui-paginator .ui-paginator-last:after,
 .ui-paginator .ui-paginator-first:after {
     content: "";
     background-repeat: no-repeat;
     background-size: contain;
     width: 20px;
     height: 20px;
     display: inline-block;
     top: 50%;
     transform: translateY(-50%);
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     position: relative;
 }
 
 .ui-paginator .ui-paginator-next:hover,
 .ui-paginator .ui-paginator-prev:hover,
 .ui-paginator .ui-paginator-rpp-options:hover,
 .ui-paginator .ui-paginator-last:hover,
 .ui-paginator .ui-paginator-first:hover {
     background: linear-gradient(to bottom, #fafbfc, #f3f6f8);
     box-shadow: 0 1px 0 0 rgba(22, 29, 37, 0.05);
 }
 
 .ui-paginator .ui-paginator-next:active,
 .ui-paginator .ui-paginator-prev:active,
 .ui-paginator .ui-paginator-rpp-options:active,
 .ui-paginator .ui-paginator-last:active,
 .ui-paginator .ui-paginator-first:active {
     background: #f4f6f8;
     box-shadow: inset 0 1px 4px 0 rgba(99, 115, 129, 0.2), inset 0 1px 1px 0 rgba(99, 115, 129, 0.6);
 }
 
 .ui-paginator .ui-paginator-next:focus,
 .ui-paginator .ui-paginator-prev:focus,
 .ui-paginator .ui-paginator-rpp-options:focus,
 .ui-paginator .ui-paginator-last:focus,
 .ui-paginator .ui-paginator-first:focus {
     outline: 0;
 }
 
 .ui-paginator .ui-paginator-next.disabled,
 .ui-paginator .ui-paginator-next.ui-state-disabled,
 .ui-paginator .ui-paginator-prev.disabled,
 .ui-paginator .ui-paginator-prev.ui-state-disabled,
 .ui-paginator .ui-paginator-rpp-options.disabled,
 .ui-paginator .ui-paginator-rpp-options.ui-state-disabled,
 .ui-paginator .ui-paginator-last.disabled,
 .ui-paginator .ui-paginator-last.ui-state-disabled,
 .ui-paginator .ui-paginator-first.disabled,
 .ui-paginator .ui-paginator-first.ui-state-disabled {
     background: #f9f8fb;
     border: solid 1px #dcdae2;
     cursor: not-allowed;
 }
 
 .ui-paginator .ui-paginator-next.disabled:hover,
 .ui-paginator .ui-paginator-next.ui-state-disabled:hover,
 .ui-paginator .ui-paginator-prev.disabled:hover,
 .ui-paginator .ui-paginator-prev.ui-state-disabled:hover,
 .ui-paginator .ui-paginator-rpp-options.disabled:hover,
 .ui-paginator .ui-paginator-rpp-options.ui-state-disabled:hover,
 .ui-paginator .ui-paginator-last.disabled:hover,
 .ui-paginator .ui-paginator-last.ui-state-disabled:hover,
 .ui-paginator .ui-paginator-first.disabled:hover,
 .ui-paginator .ui-paginator-first.ui-state-disabled:hover {
     box-shadow: none;
     background: #f9f8fb;
 }
 
 @media (max-width: 708px) {
     .ui-paginator .ui-paginator-next,
     .ui-paginator .ui-paginator-prev,
     .ui-paginator .ui-paginator-rpp-options,
     .ui-paginator .ui-paginator-last,
     .ui-paginator .ui-paginator-first {
         width: 49%;
     }
 }
 
 .ui-paginator .ui-paginator-rpp-options {
     margin-left: 10px;
     text-align: center;
     padding-left: 10px;
     padding-right: 10px;
     width: auto;
 }
 
 @media (max-width: 708px) {
     .ui-paginator .ui-paginator-rpp-options {
         width: 100%;
         margin-top: 10px;
     }
 }
 
 .ui-paginator .ui-paginator-prev {
     margin-right: 10px;
 }
 
 .ui-paginator .ui-paginator-prev:after {
     background-image: url("//cdn.mytutor.co.uk/images/uploads/pagination-left.svg");
 }
 
 .ui-paginator .ui-paginator-prev.disabled:after,
 .ui-paginator .ui-paginator-prev.ui-state-disabled:after {
     background-image: url("//cdn.mytutor.co.uk/images/uploads/pagination-left-disabled.svg");
 }
 
 @media (max-width: 708px) {
     .ui-paginator .ui-paginator-prev {
         margin: 0;
         border-left: 0;
     }
 }
 
 .ui-paginator .ui-paginator-next {
     margin-left: 10px;
 }
 
 .ui-paginator .ui-paginator-next:after {
     background-image: url("//cdn.mytutor.co.uk/images/uploads/pagination-right.svg");
 }
 
 .ui-paginator .ui-paginator-next.disabled:after,
 .ui-paginator .ui-paginator-next.ui-state-disabled:after {
     background-image: url("//cdn.mytutor.co.uk/images/uploads/pagination-right-disabled.svg");
 }
 
 @media (max-width: 708px) {
     .ui-paginator .ui-paginator-next {
         margin: 0;
     }
 }
 
 .ui-paginator .ui-paginator-first {
     margin-right: 10px;
 }
 
 .ui-paginator .ui-paginator-first:after {
     height: 15px;
     background-image: url("/images/jump-start.svg");
 }
 
 .ui-paginator .ui-paginator-first.disabled:after,
 .ui-paginator .ui-paginator-first.ui-state-disabled:after {
     opacity: 0.35;
 }
 
 @media (max-width: 708px) {
     .ui-paginator .ui-paginator-first {
         margin: 0;
         margin-top: 10px;
         border-left: 0;
     }
 }
 
 .ui-paginator .ui-paginator-last {
     margin-left: 10px;
 }
 
 .ui-paginator .ui-paginator-last:after {
     height: 15px;
     background-image: url("/images/jump-end.svg");
 }
 
 .ui-paginator .ui-paginator-last.disabled:after,
 .ui-paginator .ui-paginator-last.ui-state-disabled:after {
     opacity: 0.35;
 }
 
 @media (max-width: 708px) {
     .ui-paginator .ui-paginator-last {
         margin: 0;
         margin-top: 10px;
     }
 }
 
 .ui-paginator .ui-paginator-pages {
     padding: 0;
     margin: 0;
     vertical-align: middle;
 }
 
 @media (max-width: 708px) {
     .ui-paginator .ui-paginator-pages {
         display: none;
     }
 }
 
 .ui-paginator .ui-paginator-page {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 16px;
     font-size: 1rem;
     line-height: 20px;
     line-height: 1.25rem;
     color: #303336;
     font-weight: 400;
     color: #542eff;
     text-align: center;
     padding: 0;
     margin: 0 10px;
     vertical-align: middle;
 }
 
 .ui-paginator .ui-paginator-page:hover {
     color: #1867c2;
 }
 
 .ui-paginator .ui-paginator-page.ui-state-active {
     background-color: #edf0f2;
     color: #67657d;
     padding: 4px 10px;
 }
 
 .error {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 14px;
     font-size: 0.875rem;
     line-height: 16px;
     line-height: 1rem;
     color: #303336;
     font-weight: 400;
     color: #a80f0a;
     vertical-align: middle;
     margin-top: 3px;
     display: block;
 }
 
 .error--global ul {
     width: 90%;
     display: inline-block;
 }
 
 .avatar {
     border-radius: 100%;
     background-color: #8d89aa;
     text-align: center;
     position: relative;
     display: inline-block;
 }
 
 .avatar span {
     top: 50%;
     transform: translateY(-55%);
     -webkit-transform: translateY(-55%);
     -ms-transform: translateY(-55%);
     position: absolute;
     left: 0;
     right: 0;
     border-radius: 100%;
 }
 
 .avatar--block {
     display: block;
 }
 
 .avatar--s {
     width: 32px;
     height: 32px;
     font-family: "Source Sans Pro", sans-serif;
     font-size: 14px;
     font-size: 0.875rem;
     line-height: 16px;
     line-height: 1rem;
     color: #303336;
     font-weight: 400;
     font-weight: 600;
     color: #fff;
 }
 
 .avatar--m {
     width: 40px;
     height: 40px;
     font-family: "Source Sans Pro", sans-serif;
     font-size: 18px;
     font-size: 1.125rem;
     line-height: 24px;
     line-height: 1.5rem;
     color: #303336;
     font-weight: 400;
     font-weight: 600;
     color: #fff;
 }
 
 .avatar--l {
     width: 60px;
     height: 60px;
     font-family: "Source Sans Pro", sans-serif;
     font-size: 24px;
     font-size: 1.5rem;
     line-height: 28px;
     line-height: 1.75rem;
     color: #303336;
     font-weight: 600;
     color: #fff;
 }
 
 .avatar--xl {
     width: 80px;
     height: 80px;
     font-family: "Source Sans Pro", sans-serif;
     font-size: 30px;
     font-size: 1.875rem;
     line-height: 32px;
     line-height: 2rem;
     color: #303336;
     font-weight: 600;
     color: #fff;
 }
 
 .avatar--initials {
     background-color: #55c4f5;
     margin: 0 auto 15px auto;
     display: block;
 }
 
 .avatar--initials:before {
     content: "";
     position: absolute;
     right: -5px;
     bottom: -5px;
     background-image: url("//cdn.mytutor.co.uk/images/icons/cancel-avatar-icon.svg");
     background-repeat: no-repeat;
     background-size: contain;
     width: 30px;
     height: 30px;
 }
 
 .avatar--initials span {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 24px;
     font-size: 1.5rem;
     line-height: 28px;
     line-height: 1.75rem;
     color: #303336;
     font-weight: 600;
     color: #fff;
     position: absolute;
     top: 50%;
     transform: translateY(-55%);
     -webkit-transform: translateY(-55%);
     -ms-transform: translateY(-55%);
     left: 0;
     right: 0;
 }
 
 .avatar--image span {
     background-repeat: no-repeat;
     background-size: cover;
     width: 100%;
     height: 100%;
 }
 
 .popover {
     display: inline-block;
     position: relative;
 }
 
 .popover__menu {
     animation: fadeDownMenu 0.2s;
     background-color: #fff;
     box-shadow: 0 2px 16px 0 rgba(33, 43, 54, 0.08), 0 0 0 1px rgba(6, 44, 82, 0.1);
     display: none;
     margin-top: 20px;
     min-width: 200px;
     position: absolute;
     text-align: left;
     white-space: nowrap;
     z-index: 0;
 }
 
 .popover__menu:after {
     content: "";
     position: absolute;
     width: 15px;
     height: 15px;
     left: 13px;
     top: -6px;
     background: linear-gradient(45deg, #fff 58%, transparent 55%);
     -webkit-transform: rotate(-45deg);
     transform: rotate(-45deg);
     z-index: -1;
 }
 
 .popover__menu:before {
     content: "";
     position: absolute;
     width: 11px;
     height: 11px;
     left: 14px;
     top: -6px;
     background: #fff;
     border: 1px solid #dcdae2;
     -webkit-transform: rotate(45deg);
     transform: rotate(45deg);
     z-index: -1;
 }
 
 @media (max-width: 992px) {
     .popover__menu:before {
         border: 1px solid #fff;
         top: -5px;
     }
 }
 
 @media (max-width: 708px) {
     .popover__menu {
         animation: fadeDownMenu 0.3s;
         left: 0;
         right: 0;
         width: 100%;
         position: fixed;
     }
     .popover__menu:after,
     .popover__menu:before {
         left: 42px;
         top: -4px;
     }
 }
 
 .popover__menu--top {
     margin-top: 0;
     bottom: auto;
     position: absolute;
     bottom: 60px;
     left: 0;
     right: 0;
     display: block;
     visibility: hidden;
 }
 
 .popover__menu--top.animate {
     animation: fadeUpMenu 0.2s;
 }
 
 .popover__menu--top:after {
     left: 13px;
     bottom: -6px;
     top: auto;
     background: linear-gradient(225deg, #fff 58%, transparent 55%);
 }
 
 .popover__menu--top:before {
     left: 14px;
     bottom: -6px;
     top: auto;
     border: 1px solid #dcdae2;
 }
 
 @media (max-width: 708px) {
     .popover__menu--top {
         position: fixed;
         bottom: 10px;
         left: 10px;
         right: 10px;
         z-index: 1;
         width: calc(100% - 20px);
     }
     .popover__menu--top:before,
     .popover__menu--top:after {
         content: none;
     }
 }
 
 .popover__menu--right {
     right: 15px;
     margin-top: 17px;
 }
 
 .popover__menu--right:before {
     right: 14px;
     left: initial;
 }
 
 .popover__menu--right:after {
     right: 13px;
     left: initial;
 }
 
 @media (max-width: 992px) {
     .popover__menu--right {
         margin-top: 8px;
     }
 }
 
 @media (max-width: 708px) {
     .popover__menu--right:after,
     .popover__menu--right:before {
         right: 35.5px;
     }
 }
 
 .popover__list {
     -ms-overflow-style: -ms-autohiding-scrollbar;
     box-sizing: border-box;
     max-height: calc(100vh - 75px);
     overflow: scroll;
     padding: 8px 0;
 }
 
 .popover__list::-webkit-scrollbar {
     display: none;
 }
 
 @media (max-width: 708px) {
     .popover__list {
         max-height: calc(100vh - 56px);
     }
 }
 
 .popover__list .is-active {
     font-weight: 600;
 }
 
 .popover__list .is-active:before {
     color: #545174;
 }
 
 .popover__list a,
 .popover__list li a,
 .popover__list .popover__listitem button,
 .popover__list .popover__listitem .attachButton {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 16px;
     font-size: 1rem;
     line-height: 20px;
     line-height: 1.25rem;
     font-weight: 600;
     letter-spacing: 0;
     color: #303336;
     cursor: pointer;
     display: block;
     font-weight: 400;
     margin-right: 0;
     padding: 11px 15px;
 }
 
 .popover__list a:before,
 .popover__list li a:before,
 .popover__list .popover__listitem button:before,
 .popover__list .popover__listitem .attachButton:before {
     color: #8d89aa;
 }
 
 .popover__list a .unread,
 .popover__list a .warning,
 .popover__list li a .unread,
 .popover__list li a .warning,
 .popover__list .popover__listitem button .unread,
 .popover__list .popover__listitem button .warning,
 .popover__list .popover__listitem .attachButton .unread,
 .popover__list .popover__listitem .attachButton .warning {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 14px;
     font-size: 0.875rem;
     line-height: 16px;
     line-height: 1rem;
     color: #303336;
     font-weight: 400;
     border-radius: 20px;
     color: #fff;
     margin-left: 5px;
     margin-top: 2px;
     padding: 0 5px 1px 5px;
 }
 
 .popover__list a .unread,
 .popover__list li a .unread,
 .popover__list .popover__listitem button .unread,
 .popover__list .popover__listitem .attachButton .unread {
     background: #e85dcc;
 }
 
 .popover__list a .warning,
 .popover__list li a .warning,
 .popover__list .popover__listitem button .warning,
 .popover__list .popover__listitem .attachButton .warning {
     background: #f9cf00;
 }
 
 .popover__list a.cancel,
 .popover__list li a.cancel,
 .popover__list .popover__listitem button.cancel,
 .popover__list .popover__listitem .attachButton.cancel {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 18px;
     font-size: 1.125rem;
     line-height: 24px;
     line-height: 1.5rem;
     color: #303336;
     font-weight: 400;
     color: #542eff;
     font-weight: 600;
     text-align: center;
 }
 
 .popover__list a:hover,
 .popover__list li a:hover,
 .popover__list .popover__listitem button:hover,
 .popover__list .popover__listitem .attachButton:hover {
     background: #f5f4f7;
 }
 
 .popover__list--inlinehover a:hover {
     background: #fff;
     color: #303336;
 }
 
 .popover__list p {
     padding: 15px 15px 11px 15px;
     font-family: "Source Sans Pro", sans-serif;
     font-size: 14px;
     font-size: 0.875rem;
     line-height: 16px;
     line-height: 1rem;
     color: #303336;
     font-weight: 400;
     color: #67657d;
     border-bottom: 1px solid #dcdae2;
     text-transform: uppercase;
     font-weight: 600;
 }
 
 .popover__list .divider {
     border-bottom: 1px solid #dcdae2;
     display: block;
     margin: 8px 0;
 }
 
 .popover__list--scroll {
     max-height: 150px;
     overflow-y: scroll;
 }
 
 .popover__list--scroll a {
     padding: 11px 20px 11px 15px;
 }
 
 .popover__header {
     border-bottom: 1px solid #dcdae2;
     padding: 18px 15px;
 }
 
 .ui-tabs {
     padding: 0;
 }
 
 .ui-tabs .ui-tabs-panel {
     padding: 0;
 }
 
 .ui-tabs .ui-tabs-nav {
     border-bottom: solid 1px #dcdae2;
     background: #fff;
 }
 
 .ui-tabs .ui-tabs-nav .ui-state-default {
     background: #fff;
 }
 
 .ui-tabs.ui-tabs-top>.ui-tabs-nav {
     padding: 16px 20px;
 }
 
 .ui-tabs.ui-tabs-top>.ui-tabs-nav li {
     border: 0;
     top: auto !important;
     margin: 0;
 }
 
 .ui-tabs.ui-tabs-top>.ui-tabs-nav li a {
     float: none;
     padding: 0 10px;
 }
 
 .tabs>ul,
 .tabs.ui-tabs-top>.ui-tabs-nav {
     padding: 16px 20px;
     border-bottom: solid 1px #dcdae2;
     white-space: nowrap;
     overflow-y: hidden;
     overflow-x: auto;
     -ms-overflow-style: none;
 }
 
 .tabs>ul::-webkit-scrollbar,
 .tabs.ui-tabs-top>.ui-tabs-nav::-webkit-scrollbar {
     display: none;
 }
 
 .tabs>ul li,
 .tabs.ui-tabs-top>.ui-tabs-nav li {
     display: inline-block;
 }
 
 .tabs>ul li a,
 .tabs.ui-tabs-top>.ui-tabs-nav li a {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 18px;
     font-size: 1.125rem;
     line-height: 24px;
     line-height: 1.5rem;
     color: #303336;
     font-weight: 400;
     font-weight: 600;
     margin: 0 5px;
     padding: 0 5px 14px;
     border-bottom: 3px solid transparent;
 }
 
 .tabs>ul li a img,
 .tabs.ui-tabs-top>.ui-tabs-nav li a img {
     vertical-align: middle;
     margin-right: 5px;
 }
 
 @media (max-width: 708px) {
     .tabs>ul li a,
     .tabs.ui-tabs-top>.ui-tabs-nav li a {
         font-family: "Source Sans Pro", sans-serif;
         font-size: 16px;
         font-size: 1rem;
         line-height: 20px;
         line-height: 1.25rem;
         color: #303336;
         font-weight: 400;
         font-weight: 600;
     }
 }
 
 .tabs>ul li a:hover,
 .tabs.ui-tabs-top>.ui-tabs-nav li a:hover {
     cursor: pointer;
     border-bottom-color: #cac9d8;
 }
 
 .tabs>ul li a.is-active,
 .tabs>ul li a.is-active:hover,
 .tabs.ui-tabs-top>.ui-tabs-nav li a.is-active,
 .tabs.ui-tabs-top>.ui-tabs-nav li a.is-active:hover {
     border-bottom-color: #e85dcc;
 }
 
 .tabs>ul li.ui-state-active a,
 .tabs>ul li.ui-state-active a:hover,
 .tabs.ui-tabs-top>.ui-tabs-nav li.ui-state-active a,
 .tabs.ui-tabs-top>.ui-tabs-nav li.ui-state-active a:hover {
     border-bottom-color: #e85dcc;
 }
 
 .tabs--inline ul {
     padding: 16px 0;
 }
 
 .tabs--small ul li a {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 16px;
     font-size: 1rem;
     line-height: 20px;
     line-height: 1.25rem;
     color: #303336;
     font-weight: 400;
     font-weight: 600;
 }
 
 .tabs--rhs-link.ui-tabs.ui-tabs-top>.ui-tabs-nav {
     padding: 16px 135px 16px 20px;
 }
 
 .tabs__count {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 14px;
     font-size: 0.875rem;
     line-height: 16px;
     line-height: 1rem;
     color: #303336;
     font-weight: 400;
     color: #fff;
     background-color: #e85dcc;
     border-radius: 20px;
     padding: 0 6px 1px 6px;
     margin-left: 3px;
     font-weight: 600;
 }
 
 .tabs__rhs-link {
     position: absolute;
     right: 0;
     top: 0;
     background: white;
     padding: 20px 20px 5px 5px;
     z-index: 1;
     font-size: 0.875em;
     color: #67657d;
 }
 
 @media (max-width: 708px) {
     .tabs__rhs-link {
         padding: 16px 10px;
     }
     .tabs__rhs-link:before {
         content: none;
     }
 }
 
 @media (max-width: 370px) {
     .tabs__rhs-link {
         box-shadow: -3px 0 5px -2px rgba(63, 63, 68, 0.2);
     }
 }
 
 .tabs--ptabview ul li.ui-state-hover {
     box-shadow: none;
 }
 
 .tabs--ptabview ul li a {
     color: #303336 !important;
 }
 
 .modal-open {
     overflow: hidden;
 }
 
 @media (max-width: 708px) {
     .modal-open {
         position: fixed;
     }
 }
 
 .modal-scrollable {
     position: fixed;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     z-index: 9996;
     background-color: rgba(33, 43, 54, 0.6);
     animation: fadeIn 0.25s;
 }
 
 @media (max-width: 708px) {
     .modal-scrollable {
         background-color: #fff;
     }
 }
 
 .modal {
     display: none;
     position: fixed;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     z-index: 9996;
     -webkit-overflow-scrolling: touch;
     overflow-x: hidden;
     overflow-y: auto;
     outline: 0;
 }
 
 .modal.wide .modal-dialog {
     width: 420px !important;
 }
 
 @media (max-width: 708px) {
     .modal.wide .modal-dialog {
         width: 100% !important;
     }
 }
 
 .modal.extrawide .modal-dialog {
     width: 708px !important;
 }
 
 @media (max-width: 708px) {
     .modal.extrawide .modal-dialog {
         width: 100% !important;
     }
 }
 
 @media (max-width: 708px) {
     body.ui-selectpanel-open .modal.fullscreen,
     body.ui-datepicker-open .modal.fullscreen {
         overflow: hidden;
     }
     body.ui-selectpanel-open .modal.fullscreen .ui-dialog-mask,
     body.ui-datepicker-open .modal.fullscreen .ui-dialog-mask {
         display: block;
     }
 }
 
 @media (max-width: 708px) {
     body.ui-selectpanel-open .ui-selectcheckboxmenu-panel.times .ui-selectcheckboxmenu-header:before {
         content: "Select a time";
         display: block;
         text-align: center;
     }
     body.ui-selectpanel-open .ui-selectonemenu-panel.suggestedtimes .ui-selectonemenu-header:before {
         content: "Choose date and time";
         display: block;
         text-align: center;
     }
 }
 
 @media (max-width: 708px) {
     body.ui-datepicker-open .ui-datepicker {
         position: fixed !important;
         top: auto !important;
         left: 0 !important;
         right: 0;
         max-width: 100%;
         width: 100% !important;
         bottom: 0;
         border-radius: 0;
         border-left: 0;
         border-right: 0;
         box-shadow: 0 2px 16px 0 rgba(48, 51, 54, 0.08), 0 0 0 1px rgba(48, 51, 54, 0.08);
         z-index: 9996 !important;
     }
     body.ui-datepicker-open .ui-datepicker:before {
         content: "Pick a day";
         position: relative;
         display: block;
         height: 4em;
         box-sizing: border-box;
         margin: 0 0 1em;
         padding: 1em;
         border-bottom: 1px solid #dcdae2;
         font-family: "Modelica", "Source Sans Pro", sans-serif;
         font-weight: 800;
         font-size: 0.75em;
         line-height: 2em;
         color: #303336;
         text-align: center;
     }
     body.ui-datepicker-open .ui-datepicker:after {
         position: absolute;
         top: 0;
         right: 0;
         display: block;
         box-sizing: border-box;
         font-size: 0.75em;
         width: 4em;
         height: 4em;
         padding: 1em;
         background-image: url("../../assets/svg/close-neutral8.svg");
         background-repeat: no-repeat;
         background-size: 1.5em;
         background-position: center;
         cursor: pointer;
     }
 }
 
 .modal-dialog {
     margin: 0 auto;
     /* box-shadow: 0 2px 16px 0 rgba(33, 43, 54, 0.08), 0 31px 41px 0 rgba(33, 43, 54, 0.2); */
     display: block;
     position: relative;
     padding: 20px;
     margin-top: 5%;
     margin-bottom: 5%;
     box-sizing: border-box;
     width: 500px;
 }
 
 @media (max-width: 708px) {
     .modal-dialog {
         margin: 0;
         width: 100% !important;
         box-shadow: none;
         min-height: 100vh;
         padding: 24px 20px 20px 20px;
     }
 }
 
 .modal-header .close {
     position: absolute;
     right: 20px;
     top: 0px;
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
     background: #fff;
     border: 0;
     cursor: pointer;
 }
 
 .modal-header .close:focus {
     outline: 0;
 }
 
 .modal-header .close:after {
     content: "";
     display: block;
     width: 16px;
     height: 16px;
     background-image: url("//cdn.mytutor.co.uk/images/uploads/close-grey.svg");
     background-size: contain;
     background-repeat: no-repeat;
 }

 .modal-header .close:after { 
    display: none; 
}
 
 .modal-header h4 {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 22px;
     font-size: 1.375rem;
     line-height: 28px;
     line-height: 1.75rem;
     color: #303336;
     font-weight: 600;
     color: #0b5492;
     text-align: center;
     margin-bottom: 16px;
     padding: 0 30px;
     text-transform: initial;
 }
 
 .modal__header {
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 20px;
     font-size: 1.25rem;
     line-height: 28px;
     line-height: 1.75rem;
     font-weight: 700;
     letter-spacing: 0;
     color: #303336;
     text-align: center;
     margin-bottom: 16px;
     padding: 0 30px;
 }
 
 .modal__header--instantbook {
     font-size: 1.1rem;
     white-space: nowrap;
     margin-bottom: 5px;
 }
 
 .modal__header strong {
     font-weight: 900;
 }
 
 .modal__header--image {
     padding: 1em;
     margin-bottom: 1.5em;
     background: #f9f8fb;
     border: 1px solid #cac9d8;
 }
 
 .modal__header--image img {
     box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
 }
 
 .modal__subheader {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 18px;
     font-size: 1.125rem;
     line-height: 24px;
     line-height: 1.5rem;
     color: #303336;
     font-weight: 400;
     color: #8d89aa;
     text-align: center;
     margin: 0 auto;
     margin-bottom: 24px;
 }
 
 .modal__footer {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 16px;
     font-size: 1rem;
     line-height: 20px;
     line-height: 1.25rem;
     color: #303336;
     font-weight: 400;
     color: #8d89aa;
     text-align: center;
     margin-top: 24px;
 }
 
 .modal__footer--s {
     font-size: 0.8rem;
 }
 
 .modal__footerlink {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 16px;
     font-size: 1rem;
     line-height: 20px;
     line-height: 1.25rem;
     color: #303336;
     font-weight: 400;
     color: #542eff;
     text-align: center;
     margin-top: 20px;
     display: block;
 }
 
 .modal__button {
     margin-top: 24px;
 }
 
 .modal__section {
     padding: 15px 5px;
     margin-bottom: 8px;
 }
 
 .modal__section--grey {
     background-color: #f9f8fb;
 }
 
 .modal__section--green {
     background-color: #e4f7e8;
 }
 
 .modal__image {
     display: block;
     margin: 0 auto 24px auto;
 }
 
 .modal__image--circle {
     border-radius: 100%;
 }
 
 .modal__image--profile {
     overflow: hidden;
     border-radius: 100%;
     width: 80px;
     height: 80px;
 }
 
 .modal__image.warning {
     width: 5em;
     height: 5em;
     background-color: #fcf0cc;
     border-radius: 100%;
 }
 
 .modal__image--steps {
     width: 80%;
 }
 
 .modal__image--hi:after {
     content: "";
     display: block;
     background-image: url(/images/hi.svg);
     background-repeat: no-repeat;
     width: 38px;
     height: 33px;
     position: absolute;
     top: 1em;
     left: 57%;
 }
 
 .modal__image--pay:after {
     content: "";
     display: block;
     background-image: url(/images/icons/AWAITING_PAYMENT-mobile.svg);
     background-repeat: no-repeat;
     width: 38px;
     height: 33px;
     position: absolute;
     top: 1em;
     left: 57%;
 }
 /* .modal__image--ok:after {
    content: "";
    display: block;
    background-image: url("https://cdn.mytutor.co.uk/icons/confirmed-primary7.svg?1599042894000");
    background-repeat: no-repeat;
    width: 1.75em;
    height: 1.75em;
    position: absolute;
    top: 1.25em;
    left: 53.5%;
    background-size: cover;
    background-color: white;
    border-radius: 100%
} */
 /* 
.modal__image--nok:after {
    content: "";
    display: block;
    background-image: url("https://cdn.mytutor.co.uk/icons/cancelled-error6.svg?1599042894000");
    background-repeat: no-repeat;
    width: 1.75em;
    height: 1.75em;
    position: absolute;
    top: 1.25em;
    left: 53.5%;
    background-size: cover;
    background-color: white;
    border-radius: 100%
} */
 
 .modal__content {
     background: #f9f8fb;
     padding: 15px 20px;
     font-family: "Source Sans Pro", sans-serif;
     font-size: 16px;
     font-size: 1rem;
     line-height: 20px;
     line-height: 1.25rem;
     color: #303336;
     font-weight: 400;
     max-height: 150px;
     overflow-y: auto;
 }
 
 @media (max-width: 708px) {
     .modal__content {
         max-height: calc(100vh - 426px);
     }
 }
 
 .modal__content--gray {
     background-color: #f9f8fb;
 }
 
 .modal__content--green {
     background-color: #e4f7e8;
 }
 
 .modal__content--red {
     background-color: #fbeae5;
 }
 
 .modal__content p.time {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 18px;
     font-size: 1.125rem;
     line-height: 24px;
     line-height: 1.5rem;
     color: #303336;
     font-weight: 400;
     margin-bottom: 5px;
 }
 
 .modal__content p.time:last-of-type {
     margin-bottom: 0;
 }
 
 .modal__content p.time span {
     color: #8d89aa;
     margin-right: 5px;
 }
 
 .modal__content label {
     color: #8d89aa;
     margin-right: 5px;
 }
 
 .modal__content label,
 .modal__content .output {
     display: inline-block;
 }
 
 .modal__content>span:last-of-type .inputRegion {
     margin-bottom: 0;
 }
 
 .modal__content__row {
     margin-bottom: 5px;
     display: block;
 }
 
 .modal__content__row label {
     margin-right: 0;
 }
 
 .modal__content__row .output,
 .modal__content__row label {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 18px;
     font-size: 1.125rem;
     line-height: 24px;
     line-height: 1.5rem;
     color: #303336;
     font-weight: 400;
 }
 
 .modal__content__row label,
 .modal__content__row .output {
     width: 49%;
     text-align: center;
 }
 
 .modal__content__row .output--red {
     color: #a80f0a;
 }
 
 .modal__content__row:last-of-type {
     margin-bottom: 0;
 }
 
 .modal__back:before {
     content: "";
     position: absolute;
     display: block;
     background-image: url("//cdn.mytutor.co.uk/images/uploads/arrow-back.svg");
     background-size: contain;
     width: 20px;
     height: 20px;
     top: 0;
     left: 0;
 }
 
 .modal__steps {
     display: none;
     max-width: 400px;
     margin: 0 auto;
 }
 
 .modal__steps .modal__subheader {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 18px;
     font-size: 1.125rem;
     line-height: 24px;
     line-height: 1.5rem;
     color: #303336;
     font-weight: 400;
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     margin-bottom: 34px;
 }
 
 .modal__steps .r_button,
 .modal__steps .teacherresources__upload .ui-fileupload-choose,
 .teacherresources__upload .modal__steps .ui-fileupload-choose,
 .modal__steps .teacherresources__selectone .ui-button,
 .teacherresources__selectone .modal__steps .ui-button,
 .modal__steps #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar .ui-button,
 #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar .modal__steps .ui-button,
 .modal__steps .securesidebar__upload .ui-fileupload-buttonbar .ui-button,
 .securesidebar__upload .ui-fileupload-buttonbar .modal__steps .ui-button,
 .modal__steps .ui-fileupload .ui-fileupload-buttonbar .ui-button,
 .ui-fileupload .ui-fileupload-buttonbar .modal__steps .ui-button,
 .modal__steps .page_tutors_secure_cover-report .container__card .upload .ui-fileupload-choose,
 .page_tutors_secure_cover-report .container__card .upload .modal__steps .ui-fileupload-choose {
     max-width: 260px;
     margin: 0 auto;
 }
 
 .modal__steps .r_button img,
 .modal__steps .teacherresources__upload .ui-fileupload-choose img,
 .teacherresources__upload .modal__steps .ui-fileupload-choose img,
 .modal__steps .teacherresources__selectone .ui-button img,
 .teacherresources__selectone .modal__steps .ui-button img,
 .modal__steps #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar .ui-button img,
 #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar .modal__steps .ui-button img,
 .modal__steps .securesidebar__upload .ui-fileupload-buttonbar .ui-button img,
 .securesidebar__upload .ui-fileupload-buttonbar .modal__steps .ui-button img,
 .modal__steps .ui-fileupload .ui-fileupload-buttonbar .ui-button img,
 .ui-fileupload .ui-fileupload-buttonbar .modal__steps .ui-button img,
 .modal__steps .page_tutors_secure_cover-report .container__card .upload .ui-fileupload-choose img,
 .page_tutors_secure_cover-report .container__card .upload .modal__steps .ui-fileupload-choose img {
     margin-left: 5px;
     height: 11px;
 }
 
 .modal__steps__indicator {
     display: block;
     margin-top: 20px;
     text-align: center;
 }
 
 .modal__steps__indicator span {
     width: 8px;
     height: 8px;
     margin: 0 8px;
     background-color: #dcdae2;
     display: inline-block;
     border-radius: 100%;
     cursor: pointer;
 }
 
 .modal__steps__indicator span.is-active {
     background-color: #542eff;
     cursor: initial;
 }
 
 .modal__steps--active {
     display: block;
 }
 
 .modal--steps .modal-dialog {
     width: 400px !important;
     padding: 40px 40px 25px 40px;
 }
 
 @media (max-width: 708px) {
     .modal--steps .modal-dialog {
         width: 100% !important;
         padding: 24px 20px 20px 20px;
     }
 }
 
 .modal--video {
     position: fixed;
     z-index: 9996;
     top: 0 !important;
     left: 0 !important;
     width: 100% !important;
     height: 100% !important;
     padding: 0;
     margin: 0;
     background: rgba(0, 0, 0, 0.6);
 }
 
 .modal--video .modal-dialog {
     background: transparent;
     padding: 0;
     margin: 25px auto 0 auto;
     padding-top: 5%;
     padding-bottom: 5%;
     max-width: 800px;
     width: 100% !important;
 }
 
 .modal--video .modal-header .close {
     position: fixed;
     top: 10px;
     right: 10px;
     z-index: 9996;
     background: transparent;
 }
 
 @media (max-width: 708px) {
     .modal--video .modal-header .close {
         top: 5px;
         right: 5px;
     }
 }
 
 .modal--video .modal-header .close:after {
     content: "";
     display: block;
     width: 30px;
     height: 30px;
     background-image: url("//cdn.mytutor.co.uk/images/uploads/circle_close_delete_white.svg");
     background-size: contain;
     background-repeat: no-repeat;
 }
 
 .modal--video .modal-body {
     position: relative;
     height: 0;
     overflow: hidden;
     padding-bottom: 56.25%;
 }
 
 .modal--video .modal-body iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     margin: 0 auto;
     display: block;
 }
 
 .modal--savedraftmessage .modal-dialog {
     min-width: 500px;
 }
 
 @media (max-width: 501px) {
     .modal--savedraftmessage .modal-dialog {
         min-width: inherit;
     }
 }
 
 .modal--editdraftmessage .modal-dialog {
     min-width: 750px;
 }
 
 @media (max-width: 751px) {
     .modal--editdraftmessage .modal-dialog {
         min-width: inherit;
     }
 }
 
 .modal--editdraftmessage .modal-dialog {
     padding-left: 0;
     padding-right: 0;
     padding-bottom: 0;
 }
 
 .modal--editdraftmessage .modal-dialog .ui-dialog-titlebar-icon {
     right: 1.5rem;
 }
 
 .modal--editdraftmessage .newdraftmessageform {
     position: absolute;
     top: 1rem;
     left: 1rem;
 }
 
 @media (max-width: 708px) {
     .modal--editdraftmessage .newdraftmessageform {
         top: 1.3rem;
         left: 0.3rem;
     }
 }
 
 .modal--editdraftmessage .newdraftmessageform .backarrow {
     margin-top: 0.5rem;
     margin-left: 0.5rem;
 }
 
 .modal--editdraftmessage .draftmessagelist {
     border-top: 1px solid #cac9d8;
     border-bottom: 1px solid #cac9d8;
     height: 550px;
     overflow-y: auto;
 }
 
 @media (max-width: 708px) {
     .modal--editdraftmessage .draftmessagelist {
         height: inherit;
         overflow-y: inherit;
     }
 }
 
 .modal--editdraftmessage .draftmessagelist::-webkit-scrollbar {
     display: none;
 }
 
 .modal--editdraftmessage .editdraftmessageform {
     border-top: 1px solid #cac9d8;
     border-left: 1px solid #cac9d8;
     padding: 1rem;
     height: 550px;
 }
 
 @media (max-width: 708px) {
     .modal--editdraftmessage .editdraftmessageform {
         height: inherit;
     }
 }
 
 .modal--editdraftmessage .editdraftmessageform .deletebutton {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 17px;
     font-size: 1.0625rem;
     line-height: 20px;
     line-height: 1.25rem;
     color: #303336;
     font-weight: 400;
 }
 
 .modal--editdraftmessage .editdraftmessageform .deletebutton img,
 .modal--editdraftmessage .editdraftmessageform .deletebutton span {
     vertical-align: middle;
     color: #8d89aa !important;
 }
 
 .modal--editdraftmessage .editdraftmessageform .deletebutton img a,
 .modal--editdraftmessage .editdraftmessageform .deletebutton span a {
     color: #8d89aa !important;
 }
 
 .modal--editdraftmessage .editdraftmessageform textarea {
     min-height: 400px;
     max-height: 400px;
 }
 
 @media (max-width: 708px) {
     .modal--editdraftmessage .editdraftmessageform textarea {
         min-height: inherit;
         max-height: inherit;
         overflow-y: auto;
     }
 }
 
 .modal--listdraftmessage .modal-dialog {
     min-width: 500px;
 }
 
 @media (max-width: 501px) {
     .modal--listdraftmessage .modal-dialog {
         min-width: inherit;
     }
 }
 
 .modal--listdraftmessage .modal-dialog {
     padding-left: 0;
     padding-right: 0;
 }
 
 .modal--listdraftmessage .modal-dialog .ui-dialog-titlebar-icon {
     right: 1.5rem;
 }
 
 .modal--listdraftmessage .ui-dialog-content {
     max-height: 500px;
     overflow-y: auto !important;
 }
 
 @media (max-width: 708px) {
     .modal--listdraftmessage .ui-dialog-content {
         max-height: inherit;
         overflow-y: inherit;
     }
 }
 
 #suggestTimesDialog .info {
     display: flex;
     align-items: center;
     color: #67657d;
     font-size: 0.875em;
     margin-bottom: 1em;
 }
 
 #suggestTimesDialog .info img {
     margin-right: 0.5em;
 }
 
 #tutorCannotHelpModal .ui-button.item--other {
     box-shadow: none;
     margin-bottom: 0;
     border: 0;
     background: 0;
     font-weight: 600;
     color: #3c90f0;
 }
 
 #viewTutorAvailabilityModal dl dt {
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 0.625em;
     font-weight: 600;
     letter-spacing: 0.5px;
     text-transform: uppercase;
     margin: 1.5em 0;
 }
 
 #viewTutorAvailabilityModal dl dd {
     font-size: 0.875em;
     display: inline-block;
     width: 3.25em;
     margin: 0 0 0.75em;
     padding: 0 0.5em;
 }
 
 .ui-dialog {
     z-index: 9996 !important;
 }
 
 .ui-dialog .ui-dialog-titlebar {
     border-bottom: 1px solid transparent;
 }
 
 .ui-dialog .ui-dialog-content {
     overflow: visible;
 }
 
 .ui-dialog .ui-dialog-footer,
 .ui-dialog .ui-dialog-content,
 .ui-dialog .ui-dialog-title,
 .ui-dialog .ui-dialog-titlebar {
     margin: 0;
     padding: 0;
 }
 
 .ui-dialog .ui-dialog-footer button {
     margin: 0;
 }
 
 .ui-dialog .ui-dialog-footer button:first-of-type {
     margin-bottom: 10px;
 }
 
 .ui-dialog .ui-dialog-footer button .ui-button-text {
     padding: 0;
 }
 
 .ui-dialog .ui-dialog-titlebar-close {
     position: absolute;
     right: 6px;
     top: 0;
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
     background: #fff;
     border: 0;
     cursor: pointer;
     padding: 0;
     z-index: 1;
 }
 
 .ui-dialog .ui-dialog-titlebar-close:focus {
     outline: 0;
 }
 /* .ui-dialog .ui-dialog-titlebar-close:after {
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    background-image: url("https://cdn.mytutor.co.uk/images/uploads/close-grey.svg");
    background-size: contain;
    background-repeat: no-repeat
} */
 
 .ui-dialog .ui-dialog-title {
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 20px;
     font-size: 1.25rem;
     line-height: 28px;
     line-height: 1.75rem;
     font-weight: 700;
     letter-spacing: 0;
     float: none;
     display: block;
     color: #303336;
     text-align: center;
     margin-bottom: 16px;
     padding: 0 30px;
 }
 
 .ui-dialog .ui-confirm-dialog-message {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 18px;
     font-size: 1.125rem;
     line-height: 24px;
     line-height: 1.5rem;
     color: #303336;
     font-weight: 400;
     color: #67657d;
     text-align: center;
     margin: 0 auto;
     margin-bottom: 24px;
     display: block;
 }
 
 .ui-dialog-mask {
     background-color: rgba(33, 43, 54, 0.6);
 }
 
 .ui-confirm-dialog {
     right: 0 !important;
     left: 0 !important;
     overflow-x: hidden;
     overflow-y: auto;
     margin: 0 auto;
     background-color: #fff;
     box-shadow: 0 2px 16px 0 rgba(33, 43, 54, 0.08), 0 31px 41px 0 rgba(33, 43, 54, 0.2);
     padding: 20px;
     margin-top: 5%;
     box-sizing: border-box;
     width: 360px !important;
 }
 
 .draftmessage {
     border-bottom: 1px solid #cac9d8;
     padding: 0.5rem 1.5rem;
 }
 
 @media (max-width: 708px) {
     .draftmessage {
         padding: 0.5rem 1rem;
     }
 }
 
 .draftmessage__header {
     color: #303336;
     font-size: 1.1rem;
     font-weight: 600;
     margin-bottom: 0.5rem;
 }
 
 .draftmessage__header a {
     color: #303336;
 }
 
 .draftmessage__header a:hover {
     text-decoration: underline;
     color: #545174;
 }
 
 .draftmessage__body {
     color: #67657d;
     cursor: pointer;
 }
 
 .draftmessage:hover {
     background-color: #dcdae2;
 }
 
 .draftmessage:last-of-type {
     border-bottom: 0;
 }
 
 .breadcrumbs--padding {
     padding-top: 80px;
 }
 
 @media (max-width: 992px) {
     .breadcrumbs--padding {
         padding-top: 70px;
     }
 }
 
 .breadcrumbs--location {
     background-color: #f5f4f7;
     padding-top: 20px;
 }
 
 .breadcrumbs--listview {
     padding-top: 20px;
     z-index: 1;
     position: relative;
 }
 
 @media (max-width: 600px) {
     .breadcrumbs--listview {
         padding-top: 12px;
     }
 }
 
 .breadcrumbs__link {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 16px;
     font-size: 1rem;
     line-height: 20px;
     line-height: 1.25rem;
     color: #303336;
     font-weight: 400;
     position: relative;
     padding: 0 1em 0 0.5em;
     display: inline-block;
 }
 
 .breadcrumbs__link:after {
     content: "";
     width: 6px;
     height: 6px;
     position: absolute;
     right: 0;
     top: 7px;
     transform: rotate(225deg);
     border-left: 2px solid #cac9d8;
     border-bottom: 2px solid #cac9d8;
 }
 
 .breadcrumbs__link:first-child {
     padding-left: 0;
 }
 
 .breadcrumbs__link:last-child {
     color: #67657d;
     cursor: default;
 }
 
 .breadcrumbs__link:last-child:after {
     content: none;
 }
 
 .cookiewarning {
     position: fixed;
     bottom: 0;
     width: 100%;
     z-index: 9998;
     padding: 0;
     opacity: 0.8;
     background: #303336;
 }
 
 .cookiewarning .inner {
     margin: 0 auto;
     padding: 0.75em;
     position: relative;
 }
 
 .cookiewarning p {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 16px;
     font-size: 1rem;
     line-height: 20px;
     line-height: 1.25rem;
     color: #303336;
     font-weight: 400;
     color: #fff;
     margin: 0;
     padding: 0;
     text-align: center;
 }
 
 .cookiewarning p button {
     margin-left: 0.75em;
 }
 
 @media (max-width: 992px) {
     .cookiewarning p button {
         display: block;
         margin: 0.75em auto 0;
     }
 }
 
 .iframe--video {
     height: 0;
     padding-bottom: 53%;
     position: relative;
 }
 
 .iframe--video iframe {
     width: 100%;
     height: 100%;
     position: absolute;
     display: block;
     top: 0;
     left: 0;
 }
 
 .container {
     position: relative;
 }
 
 .container--public {
     padding: 24px 0 135px 0;
 }
 
 @media (max-width: 992px) {
     .container--public {
         padding: 24px 0 80px 0;
     }
 }
 
 @media (max-width: 708px) {
     .container--public {
         padding: 0;
     }
 }
 
 .container--secure {
     padding: 28px 32px;
     height: calc(100vh - 56px);
     box-sizing: border-box;
     overflow-y: scroll;
     overflow-x: hidden;
     -ms-overflow-style: -ms-autohiding-scrollbar;
     -webkit-overflow-scrolling: touch;
 }
 
 .container--secure::-webkit-scrollbar {
     display: none;
 }
 
 @media (max-width: 1268px) {
     .container--secure {
         padding: 28px 16px;
     }
 }
 
 @media (max-width: 708px) {
     .container--secure {
         padding: 17px 0 0 0;
     }
 }
 
 .container__secure-wrapper {
     height: calc(100vh - 60px);
     overflow-y: scroll;
     overflow-x: hidden;
     -ms-overflow-style: -ms-autohiding-scrollbar;
     -webkit-overflow-scrolling: touch;
     box-sizing: border-box;
     position: relative;
     padding: 28px 32px;
 }
 
 @media (max-width: 1268px) {
     .container__secure-wrapper {
         padding: 28px 16px;
     }
 }
 
 @media (max-width: 708px) {
     .container__secure-wrapper {
         padding: 18px 0;
     }
 }
 
 .container__secure-wrapper--topnav {
     height: auto;
     overflow: visible;
     padding-left: 1px;
     padding-right: 1px;
 }
 
 @media (max-width: 708px) {
     .container__secure-wrapper--topnav {
         padding-left: 0;
         padding-right: 0;
     }
 }
 
 .container__secure-wrapper--no-footer {
     padding-top: 0;
     padding-bottom: 0;
 }
 
 @media (max-width: 992px) {
     .container__secure-wrapper--no-nav {
         height: 100vh;
         padding: 0;
         overflow: hidden;
         -ms-overflow-style: none;
     }
 }
 
 .container__secure-wrapper--no-header {
     height: 100vh;
 }
 
 @media (max-width: 708px) {
     .container__secure-wrapper--no-top-padding {
         padding-top: 0;
         padding-bottom: 36px;
     }
 }
 
 .container__secure-wrapper .container--secure {
     height: auto;
     padding: 0;
     overflow: initial;
 }
 
 .container__secure-wrapper .scrollbanner {
     border-top: 0;
 }
 
 .container--no-padding {
     padding: 0;
 }
 
 .container--backend {
     padding: 20px 0;
     min-height: 100vh;
     box-sizing: border-box;
 }
 
 .container--backend h2 {
     display: inline-block;
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 1.375em;
     line-height: 1.875em;
     color: #303336;
 }
 
 .container--no-vertical-padding {
     padding-top: 0;
     padding-bottom: 0;
 }
 
 @media (max-width: 708px) {
     .container__header {
         padding: 0 16px;
     }
 }
 
 @media (max-width: 708px) {
     .container__header--no-padding {
         padding: 0;
     }
 }
 
 .container__headline {
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 28px;
     font-size: 1.75rem;
     line-height: 36px;
     line-height: 2.25rem;
     font-weight: 900;
     letter-spacing: 0;
     font-size: 1.5em;
     font-weight: 700;
     margin-bottom: 24px;
     display: inline-block;
 }
 
 @media (max-width: 708px) {
     .container__headline {
         font-size: 1.25em;
         margin: 0 0 14px 0;
     }
     .container__headline--help {
         display: block;
     }
     .container__headline--help a {
         margin-top: 5px;
     }
 }
 
 .container__headline__status {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 18px;
     font-size: 1.125rem;
     line-height: 24px;
     line-height: 1.5rem;
     color: #303336;
     font-weight: 400;
     border-radius: 100px;
     background-color: #f5dfa5;
     border: solid 2px #fff;
     padding: 0 10px;
     margin-left: 5px;
     vertical-align: middle;
 }
 
 .container__headline--small-margin {
     margin-bottom: 5px;
 }
 
 @media (max-width: 708px) {
     .container__headline--small-margin {
         margin-bottom: 14px;
     }
 }
 
 .container__headline--tutorresults {
     margin-left: 10px;
 }
 
 @media (max-width: 992px) {
     .container__headline--tutorresults {
         margin-left: 8px;
     }
 }
 
 @media (max-width: 708px) {
     .container__headline--tutorresults {
         margin: 10px 0;
     }
 }
 
 .container__headline__full-width {
     width: 100%;
 }
 
 .container__headline>span {
     margin-left: 1em;
     font-size: 0.75em;
     color: #67657d;
 }
 
 .container__subheadline {
     display: inline-block;
     font-family: "Source Sans Pro", sans-serif;
     font-size: 16px;
     font-size: 1rem;
     line-height: 20px;
     line-height: 1.25rem;
     color: #303336;
     font-weight: 400;
     color: #67657d;
     float: right;
     margin-top: 12px;
 }
 
 @media (max-width: 992px) {
     .container__subheadline {
         margin-top: 5px;
     }
 }
 
 @media (max-width: 708px) {
     .container__subheadline {
         float: none;
         margin-bottom: 20px;
         margin-top: 0;
     }
 }
 
 .container__subheadline--block {
     float: none;
     margin: -15px 0 25px 0;
     font-family: "Source Sans Pro", sans-serif;
     font-size: 18px;
     font-size: 1.125rem;
     line-height: 24px;
     line-height: 1.5rem;
     color: #303336;
     font-weight: 400;
     color: #545174;
     display: block;
 }
 
 @media (max-width: 708px) {
     .container__subheadline--block {
         font-family: "Source Sans Pro", sans-serif;
         font-size: 16px;
         font-size: 1rem;
         line-height: 20px;
         line-height: 1.25rem;
         color: #303336;
         font-weight: 400;
         color: #545174;
         margin: -10px 0 20px 0;
     }
 }
 
 .container__action {
     float: right;
 }
 
 .container__action .r_button,
 .container__action .teacherresources__upload .ui-fileupload-choose,
 .teacherresources__upload .container__action .ui-fileupload-choose,
 .container__action .teacherresources__selectone .ui-button,
 .teacherresources__selectone .container__action .ui-button,
 .container__action #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar .ui-button,
 #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar .container__action .ui-button,
 .container__action .securesidebar__upload .ui-fileupload-buttonbar .ui-button,
 .securesidebar__upload .ui-fileupload-buttonbar .container__action .ui-button,
 .container__action .ui-fileupload .ui-fileupload-buttonbar .ui-button,
 .ui-fileupload .ui-fileupload-buttonbar .container__action .ui-button,
 .container__action .page_tutors_secure_cover-report .container__card .upload .ui-fileupload-choose,
 .page_tutors_secure_cover-report .container__card .upload .container__action .ui-fileupload-choose {
     margin: 0 0 0 5px;
 }
 
 @media (max-width: 708px) {
     .container__action .r_button,
     .container__action .teacherresources__upload .ui-fileupload-choose,
     .teacherresources__upload .container__action .ui-fileupload-choose,
     .container__action .teacherresources__selectone .ui-button,
     .teacherresources__selectone .container__action .ui-button,
     .container__action #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar .ui-button,
     #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar .container__action .ui-button,
     .container__action .securesidebar__upload .ui-fileupload-buttonbar .ui-button,
     .securesidebar__upload .ui-fileupload-buttonbar .container__action .ui-button,
     .container__action .ui-fileupload .ui-fileupload-buttonbar .ui-button,
     .ui-fileupload .ui-fileupload-buttonbar .container__action .ui-button,
     .container__action .page_tutors_secure_cover-report .container__card .upload .ui-fileupload-choose,
     .page_tutors_secure_cover-report .container__card .upload .container__action .ui-fileupload-choose {
         width: 48%;
         box-sizing: border-box;
         text-align: center;
     }
 }
 
 .container__action .r_button:first-of-type,
 .container__action .teacherresources__upload .ui-fileupload-choose:first-of-type,
 .teacherresources__upload .container__action .ui-fileupload-choose:first-of-type,
 .container__action .teacherresources__selectone .ui-button:first-of-type,
 .teacherresources__selectone .container__action .ui-button:first-of-type,
 .container__action #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar .ui-button:first-of-type,
 #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar .container__action .ui-button:first-of-type,
 .container__action .securesidebar__upload .ui-fileupload-buttonbar .ui-button:first-of-type,
 .securesidebar__upload .ui-fileupload-buttonbar .container__action .ui-button:first-of-type,
 .container__action .ui-fileupload .ui-fileupload-buttonbar .ui-button:first-of-type,
 .ui-fileupload .ui-fileupload-buttonbar .container__action .ui-button:first-of-type,
 .container__action .page_tutors_secure_cover-report .container__card .upload .ui-fileupload-choose:first-of-type,
 .page_tutors_secure_cover-report .container__card .upload .container__action .ui-fileupload-choose:first-of-type {
     margin: 0;
 }
 
 @media (max-width: 708px) {
     .container__action .r_button.r_button--full-width--mobile,
     .container__action .teacherresources__upload .ui-fileupload-choose,
     .teacherresources__upload .container__action .ui-fileupload-choose,
     .container__action .teacherresources__selectone .r_button--full-width--mobile.ui-button,
     .teacherresources__selectone .container__action .r_button--full-width--mobile.ui-button,
     .container__action #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar .ui-button,
     #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar .container__action .ui-button,
     .container__action .securesidebar__upload .ui-fileupload-buttonbar .r_button--full-width--mobile.ui-button,
     .securesidebar__upload .ui-fileupload-buttonbar .container__action .r_button--full-width--mobile.ui-button,
     .container__action .ui-fileupload .ui-fileupload-buttonbar .ui-button,
     .ui-fileupload .ui-fileupload-buttonbar .container__action .ui-button,
     .container__action .page_tutors_secure_cover-report .container__card .upload .ui-fileupload-choose,
     .page_tutors_secure_cover-report .container__card .upload .container__action .ui-fileupload-choose {
         width: 100%;
         margin: 5px 0 0;
     }
     .container__action .r_button.r_button--full-width--mobile:first-of-type,
     .container__action .teacherresources__upload .ui-fileupload-choose:first-of-type,
     .teacherresources__upload .container__action .ui-fileupload-choose:first-of-type,
     .container__action .teacherresources__selectone .r_button--full-width--mobile.ui-button:first-of-type,
     .teacherresources__selectone .container__action .r_button--full-width--mobile.ui-button:first-of-type,
     .container__action #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar .ui-button:first-of-type,
     #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar .container__action .ui-button:first-of-type,
     .container__action .securesidebar__upload .ui-fileupload-buttonbar .r_button--full-width--mobile.ui-button:first-of-type,
     .securesidebar__upload .ui-fileupload-buttonbar .container__action .r_button--full-width--mobile.ui-button:first-of-type,
     .container__action .ui-fileupload .ui-fileupload-buttonbar .ui-button:first-of-type,
     .ui-fileupload .ui-fileupload-buttonbar .container__action .ui-button:first-of-type,
     .container__action .page_tutors_secure_cover-report .container__card .upload .ui-fileupload-choose:first-of-type,
     .page_tutors_secure_cover-report .container__card .upload .container__action .ui-fileupload-choose:first-of-type {
         margin: 0;
     }
 }
 
 .container__action--switch>form {
     display: inline-block;
     margin-right: 10px;
     vertical-align: top;
     margin-top: 5px;
 }
 
 @media (max-width: 708px) {
     .container__action--switch>form {
         display: block;
         margin-top: 0;
     }
 }
 
 .container__action--switch .r_button:first-of-type,
 .container__action--switch .teacherresources__upload .ui-fileupload-choose:first-of-type,
 .teacherresources__upload .container__action--switch .ui-fileupload-choose:first-of-type,
 .container__action--switch .teacherresources__selectone .ui-button:first-of-type,
 .teacherresources__selectone .container__action--switch .ui-button:first-of-type,
 .container__action--switch #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar .ui-button:first-of-type,
 #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar .container__action--switch .ui-button:first-of-type,
 .container__action--switch .securesidebar__upload .ui-fileupload-buttonbar .ui-button:first-of-type,
 .securesidebar__upload .ui-fileupload-buttonbar .container__action--switch .ui-button:first-of-type,
 .container__action--switch .ui-fileupload .ui-fileupload-buttonbar .ui-button:first-of-type,
 .ui-fileupload .ui-fileupload-buttonbar .container__action--switch .ui-button:first-of-type,
 .container__action--switch .page_tutors_secure_cover-report .container__card .upload .ui-fileupload-choose:first-of-type,
 .page_tutors_secure_cover-report .container__card .upload .container__action--switch .ui-fileupload-choose:first-of-type {
     margin-right: 0;
 }
 
 @media (max-width: 708px) {
     .container__action--switch .r_button:first-of-type,
     .container__action--switch .teacherresources__upload .ui-fileupload-choose:first-of-type,
     .teacherresources__upload .container__action--switch .ui-fileupload-choose:first-of-type,
     .container__action--switch .teacherresources__selectone .ui-button:first-of-type,
     .teacherresources__selectone .container__action--switch .ui-button:first-of-type,
     .container__action--switch #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar .ui-button:first-of-type,
     #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar .container__action--switch .ui-button:first-of-type,
     .container__action--switch .securesidebar__upload .ui-fileupload-buttonbar .ui-button:first-of-type,
     .securesidebar__upload .ui-fileupload-buttonbar .container__action--switch .ui-button:first-of-type,
     .container__action--switch .ui-fileupload .ui-fileupload-buttonbar .ui-button:first-of-type,
     .ui-fileupload .ui-fileupload-buttonbar .container__action--switch .ui-button:first-of-type,
     .container__action--switch .page_tutors_secure_cover-report .container__card .upload .ui-fileupload-choose:first-of-type,
     .page_tutors_secure_cover-report .container__card .upload .container__action--switch .ui-fileupload-choose:first-of-type {
         margin-right: 5px;
     }
 }
 
 @media (max-width: 708px) {
     .container__action {
         float: none;
         margin-bottom: 17px;
     }
 }
 
 .container__back {
     margin-bottom: 22px;
 }
 
 @media (max-width: 708px) {
     .container__back {
         padding-left: 24px;
         margin-bottom: 12px;
     }
 }
 
 .container__card {
     border-top: 1px solid transparent;
     border-bottom: 1px solid transparent;
     background-color: #fff;
     box-shadow: 0 0 0 1px rgba(48, 51, 54, 0.08), 0 2px 16px 0 rgba(48, 51, 54, 0.08);
     position: relative;
     margin-bottom: 1.5em;
 }
 
 @media (max-width: 708px) {
     .container__card {
         margin-bottom: 1em;
     }
     .container__card.dashboardcard {
         margin: 1em 1em 0;
         min-width: calc(100% - 2em);
     }
 }
 
 .container__card.accented {
     border-top: 3px solid #e85dcc;
 }
 
 .container__card.paymentdetails {
     display: flex;
     align-items: center;
     flex-wrap: wrap;
     padding: 1.25em;
 }
 
 .container__card.paymentdetails>* {
     margin-right: 0.75em;
 }
 
 .container__card.paymentdetails>span {
     margin-top: 0.375em;
     margin-bottom: 0.375em;
 }
 
 .container__card.paymentdetails>small {
     margin-top: 0.5em;
     margin-bottom: 0.5em;
     color: #67657d;
     font-size: 0.875em;
 }
 
 .container__card__header {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 22px;
     font-size: 1.375rem;
     line-height: 28px;
     line-height: 1.75rem;
     color: #303336;
     font-weight: 600;
     font-weight: 600;
     color: #1867c2;
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     text-align: center;
     margin-bottom: 10px;
 }
 
 .container__card__section {
     border-top: 1px solid #dcdae2;
     padding: 20px;
 }
 
 .container__card__section--no-top-bottom-padding {
     padding: 0 20px;
 }
 
 .container__card__section:first-of-type {
     border-top: 0;
 }
 
 .container__card__info {
     background-color: #fcf0cc;
     padding: 10px 15px;
     margin-bottom: 10px;
 }
 
 .container__card__info img {
     width: 34px;
     display: inline-block;
     vertical-align: top;
 }
 
 .container__card__info p {
     display: inline-block;
     width: calc(100% - 40px);
     padding-left: 10px;
     box-sizing: border-box;
     font-family: "Source Sans Pro", sans-serif;
     font-size: 16px;
     font-size: 1rem;
     line-height: 20px;
     line-height: 1.25rem;
     color: #303336;
     font-weight: 400;
     font-family: "Modelica", "Source Sans Pro", sans-serif;
 }
 
 .container__card__info p span {
     font-weight: 600;
 }
 
 .container__card__success {
     border-top: 3px solid #32cf3a;
     background-color: #e4f7e8;
     padding: 10px 15px;
     margin-bottom: 10px;
 }
 
 .container__card--header>.ui-panel-titlebar {
     padding: 12px 20px;
     font-family: "Source Sans Pro", sans-serif;
     font-size: 16px;
     font-size: 1rem;
     line-height: 20px;
     line-height: 1.25rem;
     color: #303336;
     font-weight: 400;
     font-weight: 600;
     border-bottom: 1px solid #dcdae2;
 }
 
 .container__card--header.ui-tabs.ui-tabs-top>.ui-tabs-nav {
     padding: 12px 20px;
 }
 
 .container__card--header.ui-tabs.ui-tabs-top>.ui-tabs-nav li a {
     padding: 0 0 11px 0 !important;
     margin: 0 20px 0 0;
     font-family: "Source Sans Pro", sans-serif;
     font-size: 16px;
     font-size: 1rem;
     line-height: 20px;
     line-height: 1.25rem;
     color: #303336;
     font-weight: 400;
     font-weight: 600;
 }
 
 .container__card--tutor {
     padding-bottom: 24px;
     margin-right: 20px;
 }
 
 @media (max-width: 992px) {
     .container__card--tutor {
         margin-right: 0;
     }
 }
 
 .container__card--padding {
     padding: 20px;
 }
 
 .container__card--two-column-until-lm {
     padding-right: 1.5em;
 }
 
 @media (max-width: 1100px) {
     .container__card--two-column-until-lm {
         padding-right: 0;
     }
 }
 
 .container__card--two-column-until-m {
     padding-right: 1.5em;
 }
 
 @media (max-width: 992px) {
     .container__card--two-column-until-m {
         padding-right: 0;
     }
 }
 
 .container__card--two-column-until-s {
     padding-right: 1.5em;
 }
 
 @media (max-width: 708px) {
     .container__card--two-column-until-s {
         padding-right: 0;
     }
 }
 
 .container__card--tutorresults {
     margin: 0 10px 20px 10px;
 }
 
 @media (max-width: 992px) {
     .container__card--tutorresults {
         margin: 0 8px 20px 8px;
     }
 }
 
 @media (max-width: 708px) {
     .container__card--tutorresults {
         margin: 0;
     }
 }
 
 .container__card--sidebarform {
     padding: 26px 20px 36px 20px;
     margin-right: 0;
     margin-bottom: 48px;
 }
 
 @media (max-width: 1100px) {
     .container__card--sidebarform--secure {
         padding: 18px 16px;
         margin-bottom: 30px;
     }
 }
 
 #container.errorpage #allcontent {
     margin: 5em 1em;
     background: white;
     text-align: center;
 }
 
 @media (max-width: 992px) {
     #container.errorpage #allcontent {
         font-size: 87.5%;
     }
 }
 
 @media (max-width: 708px) {
     #container.errorpage #allcontent {
         font-size: 75%;
     }
 }
 
 #container.errorpage #allcontent h1 {
     margin: 1em 0 0.5em;
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-weight: 800;
     font-size: 2.5em;
     line-height: 1.25em;
     color: #311b92;
 }
 
 #container.errorpage #allcontent p {
     margin: 1em 0;
     font-size: 1.25em;
     line-height: 1.25em;
     color: #6b7278;
 }
 
 #container.errorpage #allcontent p .r_button,
 #container.errorpage #allcontent p .teacherresources__upload .ui-fileupload-choose,
 .teacherresources__upload #container.errorpage #allcontent p .ui-fileupload-choose,
 #container.errorpage #allcontent p .teacherresources__selectone .ui-button,
 .teacherresources__selectone #container.errorpage #allcontent p .ui-button,
 #container.errorpage #allcontent p .securesidebar__upload .ui-fileupload-buttonbar .ui-button,
 .securesidebar__upload .ui-fileupload-buttonbar #container.errorpage #allcontent p .ui-button,
 #container.errorpage #allcontent p .ui-fileupload .ui-fileupload-buttonbar .ui-button,
 .ui-fileupload .ui-fileupload-buttonbar #container.errorpage #allcontent p .ui-button,
 #container.errorpage #allcontent p .page_tutors_secure_cover-report .container__card .upload .ui-fileupload-choose,
 .page_tutors_secure_cover-report .container__card .upload #container.errorpage #allcontent p .ui-fileupload-choose {
     margin: 1em 0;
 }
 
 #container.errorpage #allcontent .dev {
     margin-top: 5em;
     padding: 1em;
     background: #ffd;
     text-align: left;
 }
 
 #container.errorpage #allcontent .dev h2 {
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-weight: 800;
     font-size: 1.5em;
     line-height: 1.25em;
 }
 
 #container.errorpage #allcontent .dev pre {
     padding: 1em;
     border: 1px solid #eee;
     background: white;
     font-family: monospace;
     overflow: auto;
     overflow-y: hidden;
 }
 
 dl.container__accordion {
     border: 1px solid #dcdae2;
     background-color: #fff;
     border-radius: 10px;
 }
 
 dl.container__accordion dt {
     position: relative;
     padding: 0.75em 3em 0.75em 1em;
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 1em;
     line-height: 1.5em;
     font-weight: 600;
     color: #303336;
     cursor: pointer;
 }
 
 dl.container__accordion dt:hover {
     color: #542eff;
 }
 
 dl.container__accordion dt:after {
     content: "";
     display: block;
     position: absolute;
     top: 1em;
     right: 1em;
     width: 1em;
     height: 1em;
     background-image: url("../../assets/svg/close-primary5.svg");
     transform: rotate(45deg);
     transition: transform 0.15s ease-in-out;
 }
 
 dl.container__accordion dt.open {
     color: #ffb502;
 }
 
 dl.container__accordion dt.open:after {
     transform: rotate(0);
     transition: transform 0.15s ease-in-out;
 }
 
 dl.container__accordion dt.open+dd {
     max-height: 800px;
     transition: max-height 0.3s ease-in-out;
 }
 
 dl.container__accordion dd {
     max-height: 0;
     padding: 0 1em;
     overflow: hidden;
     transition: max-height 0.3s ease-in-out;
 }
 
 dl.container__accordion dd+dt {
     border-top: 1px solid #dcdae2;
 }
 
 .faq p,
 .faq ul,
 .faq ol {
     margin: 0 0 1em;
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 0.875em;
     font-weight: 600;
     color: #67657d;
     line-height: 1.5em;
 }
 
 .faq ul {
     list-style-type: disc;
     padding-left: 1.25em;
 }
 
 .faq ol {
     list-style-type: decimal;
     padding-left: 1.25em;
 }
 
 .pupil-title-info {
     position: relative;
     float: right;
     margin-right: 20px;
 }
 
 .tiles__wrapper {
     padding: 12px 20px;
 }
 
 @media (max-width: 708px) {
     .tiles__wrapper {
         padding: 12px 0;
     }
 }
 
 .tiles__wrapper--fullpadding {
     padding: 24px 20px;
 }
 
 @media (max-width: 708px) {
     .tiles__wrapper--fullpadding {
         padding: 24px 0;
     }
 }
 
 .tiles__date {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 16px;
     font-size: 1rem;
     line-height: 20px;
     line-height: 1.25rem;
     color: #303336;
     font-weight: 400;
     color: #303336;
     border-bottom: 1px solid #dcdae2;
     font-weight: 600;
     padding-bottom: 10px;
     position: relative;
 }
 
 .tiles__date span {
     font-weight: normal;
     color: #67657d;
     margin-left: 2px;
 }
 
 @media (max-width: 708px) {
     .tiles__date {
         padding: 0 20px 10px 20px;
     }
 }
 
 .tiles__toggle {
     right: 15px;
     position: absolute;
     top: 0;
 }
 
 @media (max-width: 708px) {
     .tiles__toggle {
         padding: 0 15px;
     }
 }
 
 .tiles__toggle:after {
     content: "";
     border-bottom: solid 5px #545174;
     border-left: solid 5px transparent;
     border-right: solid 5px transparent;
     position: absolute;
     margin-top: 10px;
 }
 
 .tiles__toggle--up:after {
     content: "";
     border-top: 0;
     border-top: solid 5px #545174;
     border-left: solid 5px transparent;
     border-right: solid 5px transparent;
     position: absolute;
     margin-top: 10px;
 }
 
 .tiles__empty {
     height: 20px;
 }
 
 .tiles__banner {
     background-color: #e4f7e8;
     font-family: "Source Sans Pro", sans-serif;
     font-size: 16px;
     font-size: 1rem;
     line-height: 20px;
     line-height: 1.25rem;
     color: #303336;
     font-weight: 400;
     color: #00918a;
     font-weight: 600;
     padding: 10px 5px;
     text-align: center;
     margin-bottom: 30px;
 }
 
 @media (max-width: 708px) {
     .tiles__banner {
         margin-bottom: 20px;
     }
 }
 
 .tiles__info {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 16px;
     font-size: 1rem;
     line-height: 20px;
     line-height: 1.25rem;
     color: #303336;
     font-weight: 400;
     color: #32cf3a;
     text-align: center;
     margin-top: 9px;
 }
 
 @media (max-width: 708px) {
     .tiles__info {
         text-align: left;
         margin-top: 0;
         margin-bottom: 10px;
     }
 }
 
 .tiles__table {
     width: 100%;
     margin-bottom: 26px;
 }
 
 .tiles__table.ui-datatable .ui-datatable-data tr.ui-state-hover {
     border-bottom: 1px solid #dcdae2;
 }
 
 .tiles__table.ui-datatable .ui-datatable-header {
     padding: 0;
 }
 
 .tiles__table .ui-datatable-tablewrapper {
     overflow: visible;
 }
 
 .tiles__table .ui-datatable-empty-message {
     border-bottom: 0;
     font-family: "Source Sans Pro", sans-serif;
     font-size: 16px;
     font-size: 1rem;
     line-height: 20px;
     line-height: 1.25rem;
     color: #303336;
     font-weight: 400;
 }
 
 .tiles__table thead {
     display: none;
 }
 
 .tiles__table td {
     border: none !important;
     padding: 12px 0 !important;
     vertical-align: middle;
 }
 
 @media (max-width: 708px) {
     .tiles__table td.tile__action {
         position: relative;
         padding-top: 0 !important;
         padding-left: 58px !important;
     }
 }
 
 .tiles__table td.tile__action--bookings .r_button,
 .tiles__table td.tile__action--bookings .teacherresources__upload .ui-fileupload-choose,
 .teacherresources__upload .tiles__table td.tile__action--bookings .ui-fileupload-choose,
 .tiles__table td.tile__action--bookings .teacherresources__selectone .ui-button,
 .teacherresources__selectone .tiles__table td.tile__action--bookings .ui-button,
 .tiles__table td.tile__action--bookings #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar .ui-button,
 #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar .tiles__table td.tile__action--bookings .ui-button,
 .tiles__table td.tile__action--bookings .securesidebar__upload .ui-fileupload-buttonbar .ui-button,
 .securesidebar__upload .ui-fileupload-buttonbar .tiles__table td.tile__action--bookings .ui-button,
 .tiles__table td.tile__action--bookings .ui-fileupload .ui-fileupload-buttonbar .ui-button,
 .ui-fileupload .ui-fileupload-buttonbar .tiles__table td.tile__action--bookings .ui-button,
 .tiles__table td.tile__action--bookings .page_tutors_secure_cover-report .container__card .upload .ui-fileupload-choose,
 .page_tutors_secure_cover-report .container__card .upload .tiles__table td.tile__action--bookings .ui-fileupload-choose {
     padding: 1.066666666em;
 }
 
 @media (max-width: 708px) {
     .tiles__table td.tile__action--bookings {
         padding: 0 !important;
     }
     .tiles__table td.tile__action--bookings .tile__action__wrapper {
         margin-bottom: 12px;
     }
 }
 
 @media (max-width: 708px) {
     .tiles__table td.tile__action--resources,
     .tiles__table td.tile__action--teacherresources,
     .tiles__table td.tile__action--no-left-padding {
         padding-left: 0 !important;
     }
 }
 
 @media (max-width: 708px) {
     .tiles__table td.tile__action--opportunities {
         position: absolute;
         padding-bottom: 0 !important;
     }
 }
 
 @media (max-width: 520px) {
     .tiles__table td.tile__action--opportunities {
         position: relative;
         padding: 0 0 12px 20px !important;
     }
 }
 
 .tiles__table tr {
     border-bottom: 1px solid #dcdae2;
     display: table-row;
 }
 
 @media (max-width: 708px) {
     .tiles__table tr {
         padding: 0 20px;
     }
 }
 
 @media (max-width: 992px) {
     .tiles__table tr:not(.ui-datatable-empty-message) {
         display: block;
         position: relative;
     }
 }
 
 .tiles__table tr.ui-state-highlight {
     background-color: #f7f9fc;
 }
 
 .tiles__table--no-bottom-margin {
     margin-bottom: 0;
 }
 
 .tiles__table--border {
     margin-bottom: 0;
 }
 
 .tiles__table--border .ui-datatable-empty-message {
     display: none;
 }
 
 .tiles__table--border tr {
     border: 1px solid #dfe3e8;
 }
 
 .tiles__table--border tr td:first-of-type {
     padding-left: 10px !important;
 }
 
 .tiles__table--border tr td:last-of-type {
     padding-right: 10px !important;
 }
 
 @media (max-width: 708px) {
     .tiles__table--border tr tr {
         padding: 10px 15px;
     }
     .tiles__table--border tr td:first-of-type,
     .tiles__table--border tr td:last-of-type {
         padding-left: 0 !important;
         padding-right: 0 !important;
     }
 }
 
 .tiles__table--messages {
     cursor: pointer;
     margin-bottom: 0;
 }
 
 .tiles__table--messages tr:last-of-type {
     border: 0;
 }
 
 .tiles__table--messages td {
     vertical-align: top;
     padding: 12px 0 18px 0 !important;
     width: 100%;
 }
 
 .tiles__table--messages td:first-of-type {
     width: 52px;
 }
 
 .tiles__table--messages td.selection:first-of-type {
     vertical-align: middle;
 }
 
 .tiles__table--messages td.selection:first-of-type>div {
     padding: 10px 10px;
     border-radius: 50%;
     background: #ebf4fa;
 }
 
 @media (max-width: 992px) {
     .tiles__table--messages td.selection:first-of-type>div {
         margin-right: 10px;
     }
 }
 
 .tiles__table--messages .ui-state-highlight {
     background-color: #ebf4fa;
 }
 
 .tiles__table--saleslead {
     margin-bottom: 0;
 }
 
 @media (max-width: 708px) {
     .tiles__table--saleslead tr {
         padding: 0;
     }
 }
 
 .tiles__table--saleslead td {
     vertical-align: top;
     width: 100%;
 }
 
 .tiles__table--saleslead td:first-of-type {
     width: 52px;
 }
 
 .tiles__table--saleslead-no-width {
     margin-bottom: 0;
 }
 
 .tiles__table--saleslead-no-width tr:last-of-type {
     border: 0;
 }
 
 @media (max-width: 708px) {
     .tiles__table--saleslead-no-width tr {
         padding: 0;
     }
 }
 
 .tiles__table--saleslead-no-width td:first-of-type {
     width: 52px;
 }
 
 .tiles__table--marketplace {
     margin-bottom: 0;
 }
 
 .tiles__table--marketplace tr:last-of-type {
     border: 0;
 }
 
 .tiles__table--marketplace td {
     vertical-align: top;
     padding: 12px 0 18px 0 !important;
     width: 100%;
 }
 
 .tiles__table--marketplace td:first-of-type {
     width: 52px;
 }
 
 .tiles__table--marketplace td .tile__body {
     float: left;
     width: 100%;
     max-width: calc(100% - 184px);
 }
 
 @media (max-width: 708px) {
     .tiles__table--marketplace td .tile__body {
         float: none;
         max-width: none;
     }
 }
 
 .tiles__table--marketplace td .tile__buttons {
     float: right;
     max-width: 184px;
 }
 
 @media (max-width: 708px) {
     .tiles__table--marketplace td .tile__buttons {
         float: none;
         max-width: none;
     }
 }
 
 .tiles__table--nested {
     padding-left: 48px;
     box-sizing: border-box;
 }
 
 @media (max-width: 992px) {
     .tiles__table--nested tr {
         display: table-row;
     }
 }
 
 @media (max-width: 708px) {
     .tiles__table--nested tr {
         display: block;
     }
 }
 
 .tiles__table--wallet tr {
     display: table-row !important;
     cursor: default !important;
 }
 
 .tiles__table--wallet tr:hover {
     border-bottom: 1px solid #dcdae2 !important;
 }
 
 .tiles__table--wallet tr.selectable {
     cursor: pointer !important;
 }
 
 .tiles__table--wallet tr .tile--right {
     text-align: right;
 }
 
 @media (max-width: 992px) {
     .tiles__table--wallet tr .tile__person {
         display: table-cell;
         width: 56px;
     }
     .tiles__table--wallet tr .tile--small {
         display: table-cell;
     }
     .tiles__table--wallet tr .tile--small .tile__meta--block {
         margin-right: 0.5em;
     }
 }
 
 @media (max-width: 708px) {
     .tiles__table--wallet tr .tile__avatar {
         margin-left: 0.5em;
     }
     .tiles__table--wallet tr .tile--right {
         margin-right: 0.5em;
     }
     .tiles__table--wallet tr .tile--hide-on-small {
         display: none;
     }
 }
 
 .tiles__table--resources {
     margin-top: 12px;
 }
 
 @media (max-width: 992px) {
     .tiles__table--resources tr {
         display: table-row;
     }
 }
 
 .tiles__table--resources td {
     padding: 6px 0 !important;
 }
 
 .tiles__table--no-bottom-border tr:last-of-type {
     border: 0;
 }
 
 .tiles__table--head thead {
     display: block;
     margin-bottom: 5px;
 }
 
 .tiles__table--head thead tr {
     border: 0;
 }
 
 .tiles__table--head thead tr th {
     display: none;
 }
 
 .tiles__table--head thead tr th.tile__person--first {
     display: block;
     border: 0;
     padding: 0;
 }
 
 .tiles__table--head thead tr th.tile__person--first .ui-column-filter {
     width: 320px;
     max-width: 320px;
 }
 
 @media (max-width: 992px) {
     .tiles__table--head thead tr th.tile__person--first .ui-column-filter {
         width: 100%;
     }
 }
 
 .tiles__table--head thead tr th.tile__person--first .ui-column-title {
     display: none;
 }
 
 .tiles__table--paymentconfirmed {
     text-align: left;
     margin-top: 30px;
 }
 
 .tiles__table--paymentconfirmed .ui-widget-content {
     border: 0;
     border-bottom: 1px solid #dcdae2;
     background: #fff;
 }
 
 .tiles__table--paymentconfirmed tbody.ui-widget-content {
     border: none !important;
 }
 
 .tiles__table--paymentconfirmed tr {
     display: block;
     padding: 0 20px;
 }
 
 .tiles__table--paymentconfirmed tr:last-of-type.ui-widget-content {
     border-bottom: 0;
 }
 
 .tiles__table--paymentconfirmed .tile--large {
     display: none !important;
 }
 
 .tiles__table--paymentconfirmed .tile--small {
     display: inline-block;
     max-width: calc(100% - 50px);
 }
 
 .tiles__table--paymentconfirmed .tile__person {
     display: inline-block;
 }
 
 .tiles__table--hiderow {
     display: none !important;
 }
 
 .tiles__more {
     text-align: center;
     margin-bottom: 12px;
 }
 
 .tiles__attendanceboard {
     position: relative;
 }
 
 @media (max-width: 708px) {
     .tiles__attendanceboard {
         padding: 0rem 1rem;
     }
 }
 
 .tiles__attendanceboard .overlay {
     position: absolute;
     display: none;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background-color: rgba(255, 255, 255, 0.6);
     z-index: 9999;
 }
 
 .tiles__attendanceboard .overlay--show {
     display: block;
 }
 
 .tiles__attendanceboard .overlay .overlaydialog {
     width: 200px;
     margin: 1rem auto;
     background-color: white;
     color: #303336;
     padding: 1rem 1rem;
     box-shadow: 0 0 1rem 0.5rem rgba(63, 63, 68, 0.15);
     text-align: center;
     font-size: 1.2rem;
 }
 
 .tiles__attendanceboard .overlay .overlaydialog .spinner {
     width: 48px;
     height: 48px;
 }
 
 .tiles__attendanceboard .pupilrow {
     padding: 0.5rem 0;
     border-top: 1px solid #dcdae2;
 }
 
 .tiles__attendanceboard .pupilrow .subjectlevelrow {
     height: 65px;
 }
 
 .tiles__attendanceboard .pupilcol {
     font-size: 1.1rem;
     font-weight: 600;
     color: #303336;
 }
 
 @media (max-width: 992px) {
     .tiles__attendanceboard .pupilcol {
         padding-bottom: 0.5rem;
     }
 }
 
 .tiles__attendanceboard .sessioncol {
     overflow-x: auto;
     overflow-y: hidden;
     -webkit-overflow-scrolling: touch;
     font-size: 1.1rem;
     color: #303336;
     position: relative;
     white-space: nowrap;
 }
 
 .tiles__attendanceboard .sessioncol .sessioncolscroll {
     min-width: 100%;
     width: fit-content;
     width: -moz-max-content;
 }
 
 .tiles__attendanceboard .sessioncol .sessioncolscroll .missed,
 .tiles__attendanceboard .sessioncol .sessioncolscroll .actions {
     color: #67657d;
 }
 
 .tiles__attendanceboard .sessioncol .sessioncolscroll .sessiontiles .sessiontile {
     width: 70px;
     text-align: center;
     display: inline-block;
     margin: 0.5rem 0;
     padding: 0.5rem 0.5rem;
     cursor: pointer;
 }
 
 .tiles__attendanceboard .sessioncol .sessioncolscroll .sessiontiles .sessiontile img {
     vertical-align: baseline;
     height: 0.8rem;
     padding-right: 0.2rem;
 }
 
 .tiles__attendanceboard .sessioncol .sessioncolscroll .sessiontiles .sessiontile--attended {
     background-color: #e3f1df;
 }
 
 .tiles__attendanceboard .sessioncol .sessioncolscroll .sessiontiles .sessiontile--missed {
     background-color: #fbeae5;
 }
 
 .tiles__attendanceboard .sessioncol .sessioncolscroll .sessiontiles .sessiontile--taggedpatt {
     background-color: #e2e2e2;
 }
 
 .tiles__attendanceboard .sessioncol .sessioncolscroll .sessiontiles .sessiontile--upcoming {
     background-color: #ebf4fa;
 }
 
 .tiles__attendanceboard .sessioncol .sessioncolscroll .sessiontiles .sessiontiletooltip {
     display: none;
     position: fixed;
     text-align: left;
     z-index: 1000;
     width: 180px;
     right: 0;
     color: #303336;
     background-color: white;
     padding: 0.5rem 1rem;
     border: 1px solid #cac9d8;
     box-shadow: 0 2px 16px 0 rgba(33, 43, 54, 0.08), 0 0 0 1px rgba(6, 44, 82, 0.1);
 }
 
 .tiles__attendanceboard .sessioncol .sessioncolscroll .sessiontiles .sessiontiletooltip:after,
 .tiles__attendanceboard .sessioncol .sessioncolscroll .sessiontiles .sessiontiletooltip:before {
     top: 100%;
     right: 15%;
     border: solid transparent;
     content: " ";
     height: 0;
     width: 0;
     position: absolute;
     pointer-events: none;
 }
 
 .tiles__attendanceboard .sessioncol .sessioncolscroll .sessiontiles .sessiontiletooltip:after {
     border-color: rgba(255, 255, 255, 0);
     border-top-color: white;
     border-width: 5px;
     margin-left: -5px;
 }
 
 .tiles__attendanceboard .sessioncol .sessioncolscroll .sessiontiles .sessiontiletooltip:before {
     border-color: rgba(196, 205, 213, 0);
     border-top-color: #cac9d8;
     border-width: 6px;
     margin-left: -6px;
 }
 
 .tiles__attendanceboard .sessioncol .sessioncolscroll .sessiontiles .sessiontiletooltip--arrowleft:after,
 .tiles__attendanceboard .sessioncol .sessioncolscroll .sessiontiles .sessiontiletooltip--arrowleft:before {
     right: 75%;
 }
 
 .tiles__attendanceboard .sessioncol .sessioncolscroll .sessiontiles .sessiontiletooltip span {
     display: block;
     padding-bottom: 0.3rem;
 }
 
 .tiles__attendanceboard .sessioncol .sessioncolscroll .sessiontiles .sessiontiletooltip span:first-child {
     font-weight: 600;
 }
 
 .tiles__attendanceboard .pupilrow:last-child {
     border-bottom: 1px solid #dcdae2;
 }
 
 @media (max-width: 708px) {
     .tile {
         padding: 0 20px;
     }
 }
 
 .tile__meta {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 16px;
     font-size: 1rem;
     line-height: 20px;
     line-height: 1.25rem;
     color: #303336;
     font-weight: 400;
     vertical-align: middle;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     padding-right: 10px;
     word-break: break-word;
 }
 
 .tile__meta__icon {
     vertical-align: sub;
     margin: 0 7px;
 }
 
 .tile__meta__icon--tooltip {
     cursor: pointer;
 }
 
 .tile__meta--header {
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-weight: 600;
 }
 
 .tile__meta--header:hover {
     color: #303336;
 }
 
 .tile__meta--header>span {
     font-weight: normal;
     margin-left: 8px;
 }
 
 .tile__meta--light {
     color: #67657d;
 }
 
 .tile__meta--light:before {
     content: none;
 }
 
 .tile__meta--highlight span {
     color: #67657d;
 }
 
 @media (max-width: 992px) {
     .tile__meta--highlight span {
         color: #303336;
     }
 }
 
 .tile__meta--highlight span:before {
     content: none !important;
 }
 
 .tile__meta--large {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 18px;
     font-size: 1.125rem;
     line-height: 24px;
     line-height: 1.5rem;
     color: #303336;
     font-weight: 400;
 }
 
 @media (max-width: 992px) {
     .tile__meta--large {
         font-family: "Source Sans Pro", sans-serif;
         font-size: 16px;
         font-size: 1rem;
         line-height: 20px;
         line-height: 1.25rem;
         color: #303336;
         font-weight: 400;
     }
 }
 
 .tile__meta--poor {
     font-weight: 600;
     color: #ff1744;
 }
 
 .tile__meta--average {
     font-weight: 600;
     color: #f49342;
 }
 
 .tile__meta--good {
     font-weight: 600;
     color: #32cf3a;
 }
 
 .tile__meta--count {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 14px;
     font-size: 0.875rem;
     line-height: 16px;
     line-height: 1rem;
     color: #303336;
     font-weight: 400;
     display: inline-block;
     font-weight: 600;
     border-radius: 100px;
     background-color: #f5dfa5;
     padding: 0 7px 1px 7px;
     margin-right: 5px;
     border: 2px solid white;
     position: absolute;
     left: 22px;
     bottom: 8px;
 }
 
 .tile__meta .unread {
     margin-left: 0.5em;
     background-color: #e85dcc;
     font-family: "Source Sans Pro", sans-serif;
     font-size: 0.875em;
     font-weight: 600;
     border-radius: 20px;
     color: #fff;
     padding: 0 7px 1px 7px;
 }
 
 .tile__meta small {
     font-size: 1em;
     color: #67657d;
 }
 
 @media (max-width: 992px) {
     .tile__meta {
         white-space: initial;
         overflow: visible;
         text-overflow: initial;
         padding-right: 0;
     }
     .tile__meta--block {
         display: block;
     }
 }
 
 .tile__submeta {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 14px;
     font-size: 0.875rem;
     line-height: 16px;
     line-height: 1rem;
     color: #303336;
     font-weight: 400;
     display: block;
     color: #67657d;
 }
 
 .tile__action {
     text-align: right;
     overflow: visible !important;
 }
 
 .tile__action__wrapper {
     position: relative;
     white-space: nowrap;
 }
 
 @media (max-width: 992px) {
     .tile__action {
         position: absolute;
         right: 0;
         top: 0;
         bottom: 0;
     }
     .tile__action button,
     .tile__action__wrapper {
         margin-top: 6px;
     }
 }
 
 @media (max-width: 708px) {
     .tile__action {
         position: relative;
         padding-top: 0 !important;
     }
     .tile__action button,
     .tile__action__wrapper {
         margin-top: 0;
     }
 }
 
 @media (max-width: 992px) {
     .tile__action--center-medium>div {
         top: 25%;
     }
 }
 
 @media (max-width: 708px) {
     .tile__action--center-medium>div {
         top: auto;
     }
 }
 
 @media (max-width: 992px) {
     .tile__action--teacherresources .r_button--dual {
         top: 25%;
     }
 }
 
 @media (max-width: 708px) {
     .tile__action--teacherresources {
         position: relative;
         right: auto;
         top: auto;
         bottom: auto;
         display: block;
         text-align: left;
     }
     .tile__action--teacherresources .r_button--dual {
         top: auto;
     }
 }
 
 @media (max-width: 992px) {
     .tile__action--resources {
         position: relative;
         right: auto;
         top: auto;
         bottom: auto;
     }
 }
 
 @media (max-width: 708px) {
     .tile__action--resources {
         display: block;
         text-align: left;
     }
 }
 
 @media (max-width: 708px) {
     .tile__action--opportunities {
         right: 20px;
         top: 0;
         bottom: 0;
     }
     .tile__action--opportunities>button {
         top: 50%;
         transform: translateY(-50%);
         -webkit-transform: translateY(-50%);
         -ms-transform: translateY(-50%);
     }
 }
 
 @media (max-width: 520px) {
     .tile__action--opportunities>button {
         top: auto;
         transform: none;
     }
 }
 
 .tile__person .tile__meta {
     display: inline-block;
 }
 
 @media (max-width: 992px) {
     .tile__person {
         display: inline-block;
     }
 }
 
 @media (max-width: 708px) {
     .tile__person {
         vertical-align: top !important;
         margin-top: 4px;
     }
 }
 
 .tile__person--relative {
     position: relative;
 }
 
 .tile__person--nowrap {
     white-space: nowrap;
 }
 
 @media (max-width: 992px) {
     .tile__person--block {
         position: relative;
         display: block;
     }
 }
 
 .tile__person--first .tile__meta {
     max-width: calc(100% - 58px);
 }
 
 @media (max-width: 992px) {
     .tile__person--first {
         position: relative;
     }
     .tile__person--first .tile__meta {
         display: none;
     }
 }
 
 @media (max-width: 992px) {
     .tile__person--last {
         right: 0;
         width: 300px;
         position: relative;
         top: 50%;
         transform: translateY(-50%);
         -webkit-transform: translateY(-50%);
         -ms-transform: translateY(-50%);
         position: absolute;
     }
 }
 
 @media (max-width: 708px) {
     .tile__person--last {
         width: auto;
         right: 20px;
     }
     .tile__person--last .tile__meta {
         display: none;
     }
     .tile__person--last .tile__avatar {
         margin-right: 0;
     }
 }
 
 .tile__person__tooltip .ui-tooltip-arrow {
     border-top-color: #303336 !important;
 }
 
 .tile__person__tooltip .ui-tooltip-text {
     background-color: #303336 !important;
 }
 
 .tile__item .tile__meta {
     display: inline-block;
 }
 
 @media (max-width: 708px) {
     .tile__item .tile__meta {
         display: inline-block;
         width: 100%;
         max-width: calc(100% - 60px);
         vertical-align: top;
     }
 }
 
 @media (max-width: 992px) {
     .tile__item {
         display: inline-block;
         width: 100%;
     }
 }
 
 .tile__subjecticons img {
     border-radius: 100%;
 }
 
 .tile__icon {
     display: inline-block;
     margin-right: 12px;
     max-height: 32px;
     min-width: 32px;
     object-fit: contain;
     vertical-align: middle;
 }
 
 @media (max-width: 708px) {
     .tile__icon {
         margin-right: 16px;
         margin-top: 4px;
     }
 }
 
 .tile__avatar {
     display: inline-block;
     margin-right: 12px;
     width: 40px;
     height: 40px;
     border-radius: 100%;
     position: relative;
     text-align: center;
     vertical-align: middle;
     overflow: hidden;
     background-color: #dcdae2;
 }
 
 .tile__avatar--A,
 .tile__avatar--B,
 .tile__avatar--C,
 .tile__avatar--D {
     background-color: #3c90f0;
 }
 
 .tile__avatar--E,
 .tile__avatar--F,
 .tile__avatar--G,
 .tile__avatar--H {
     background-color: #9c6ade;
 }
 
 .tile__avatar--I,
 .tile__avatar--J,
 .tile__avatar--K,
 .tile__avatar--L {
     background-color: #ed6347;
 }
 
 .tile__avatar--M,
 .tile__avatar--N,
 .tile__avatar--O,
 .tile__avatar--P,
 .tile__avatar--Q {
     background-color: #f49342;
 }
 
 .tile__avatar--R,
 .tile__avatar--S,
 .tile__avatar--T,
 .tile__avatar--U {
     background-color: #50b83c;
 }
 
 .tile__avatar--V,
 .tile__avatar--W,
 .tile__avatar--X,
 .tile__avatar--Y,
 .tile__avatar--Z {
     background-color: #47c1bf;
 }
 
 .tile__avatar--0,
 .tile__avatar--1,
 .tile__avatar--2,
 .tile__avatar--3,
 .tile__avatar--4,
 .tile__avatar--5,
 .tile__avatar--6,
 .tile__avatar--7,
 .tile__avatar--8,
 .tile__avatar--9 {
     background-color: #55c4f5;
 }
 
 .tile__avatar span {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 18px;
     font-size: 1.125rem;
     line-height: 24px;
     line-height: 1.5rem;
     color: #303336;
     font-weight: 400;
     color: #fff;
     position: absolute;
     top: 50%;
     transform: translateY(-55%);
     -webkit-transform: translateY(-55%);
     -ms-transform: translateY(-55%);
     left: 0;
     right: 0;
 }
 
 @media (max-width: 992px) {
     .tile__avatar span {
         font-family: "Source Sans Pro", sans-serif;
         font-size: 17px;
         font-size: 1.0625rem;
         line-height: 20px;
         line-height: 1.25rem;
         color: #303336;
         font-weight: 400;
         color: #fff;
     }
 }
 
 @media (max-width: 708px) {
     .tile__avatar span {
         font-family: "Source Sans Pro", sans-serif;
         font-size: 16px;
         font-size: 1rem;
         line-height: 20px;
         line-height: 1.25rem;
         color: #303336;
         font-weight: 400;
         color: #fff;
     }
 }
 
 @media (max-width: 992px) {
     .tile__avatar {
         width: 40px;
         height: 40px;
     }
 }
 
 @media (max-width: 708px) {
     .tile__avatar {
         width: 30px;
         height: 30px;
     }
 }
 
 .tile__avatar img {
     width: 60px;
     height: 60px;
     border-radius: 100%;
     vertical-align: middle;
 }
 
 @media (max-width: 992px) {
     .tile__avatar img {
         width: 40px;
         height: 40px;
     }
 }
 
 @media (max-width: 708px) {
     .tile__avatar img {
         width: 30px;
         height: 30px;
     }
 }
 
 .tile__avatar--large {
     width: 60px;
     height: 60px;
 }
 
 @media (max-width: 992px) {
     .tile__avatar--large {
         width: 40px;
         height: 40px;
     }
 }
 
 @media (max-width: 708px) {
     .tile__avatar--large {
         width: 30px;
         height: 30px;
     }
 }
 
 .tile__avatar--large span {
     font-size: 1.5rem;
 }
 
 @media (max-width: 992px) {
     .tile__avatar--large span {
         font-size: 1rem;
     }
 }
 
 .tile__avatar--large img {
     width: 60px;
     height: 60px;
 }
 
 @media (max-width: 992px) {
     .tile__avatar--large img {
         width: 40px;
         height: 40px;
     }
 }
 
 @media (max-width: 708px) {
     .tile__avatar--large img {
         width: 30px;
         height: 30px;
     }
 }
 
 .tile__avatar--small {
     width: 32px;
     height: 32px;
     background-color: #dcdae2;
 }
 
 @media (max-width: 992px) {
     .tile__avatar--small {
         width: 26px;
         height: 26px;
     }
 }
 
 @media (max-width: 708px) {
     .tile__avatar--small {
         width: 20px;
         height: 20px;
     }
 }
 
 .tile__avatar--small span {
     font-size: 1rem;
 }
 
 @media (max-width: 992px) {
     .tile__avatar--small span {
         font-size: 0.85rem;
     }
 }
 
 @media (max-width: 708px) {
     .tile__avatar--small span {
         font-size: 0.7rem;
     }
 }
 
 .tile__avatar--small img {
     width: 32px;
     height: 32px;
 }
 
 @media (max-width: 992px) {
     .tile__avatar--small img {
         width: 20px;
         height: 20px;
     }
 }
 
 @media (max-width: 708px) {
     .tile__avatar--small img {
         width: 20px;
         height: 20px;
     }
 }
 
 .tile__avatar--smallstatic {
     width: 40px;
     height: 40px;
 }
 
 .tile__avatar--smallstatic span {
     font-size: 1rem;
 }
 
 .tile__avatar--smallstatic img {
     width: 40px;
     height: 40px;
 }
 
 .tile__avatar--mediumstatic {
     width: 60px;
     height: 60px;
 }
 
 .tile__avatar--mediumstatic span {
     font-size: 1.2rem;
 }
 
 .tile__avatar--mediumstatic img {
     width: 60px;
     height: 60px;
 }
 
 .tile__avatar--largestatic {
     width: 80px;
     height: 80px;
 }
 
 .tile__avatar--largestatic span {
     font-size: 1.5rem;
 }
 
 .tile__avatar--largestatic img {
     width: 80px;
     height: 80px;
 }
 
 .tile__avatar--message {
     margin-right: 20px;
     margin-top: 3px;
 }
 
 @media (max-width: 708px) {
     .tile__avatar--message {
         margin-right: 16px;
     }
 }
 
 .tile__avatar--message:nth-child(2) {
     margin-right: 0;
     margin-left: 10px;
     margin-top: -10px;
 }
 
 @media (max-width: 708px) {
     .tile__avatar--message:nth-child(2) {
         margin-left: 4px;
     }
 }
 
 @media (max-width: 992px) {
     .tile__avatar--status {
         margin-right: 16px;
     }
 }
 
 .tile__avatar--profile {
     background-repeat: no-repeat;
     background-size: contain;
 }
 
 .tile__avatar--profile.tile__avatar--A,
 .tile__avatar--profile.tile__avatar--B,
 .tile__avatar--profile.tile__avatar--C,
 .tile__avatar--profile.tile__avatar--D {
     background-image: url("../../assets/svg/blue.svg");
 }
 
 .tile__avatar--profile.tile__avatar--E,
 .tile__avatar--profile.tile__avatar--F,
 .tile__avatar--profile.tile__avatar--G,
 .tile__avatar--profile.tile__avatar--H {
     background-image: url("../../assets/svg/purple.svg");
 }
 
 .tile__avatar--profile.tile__avatar--I,
 .tile__avatar--profile.tile__avatar--J,
 .tile__avatar--profile.tile__avatar--K,
 .tile__avatar--profile.tile__avatar--L {
     background-image: url("../../assets/svg/red.svg");
 }
 
 .tile__avatar--profile.tile__avatar--M,
 .tile__avatar--profile.tile__avatar--N,
 .tile__avatar--profile.tile__avatar--O,
 .tile__avatar--profile.tile__avatar--P,
 .tile__avatar--profile.tile__avatar--Q {
     background-image: url("../../assets/svg/orange.svg");
 }
 
 .tile__avatar--profile.tile__avatar--R,
 .tile__avatar--profile.tile__avatar--S,
 .tile__avatar--profile.tile__avatar--T,
 .tile__avatar--profile.tile__avatar--U {
     background-image: url("../../assets/svg/green.svg");
 }
 
 .tile__avatar--profile.tile__avatar--V,
 .tile__avatar--profile.tile__avatar--W,
 .tile__avatar--profile.tile__avatar--X,
 .tile__avatar--profile.tile__avatar--Y,
 .tile__avatar--profile.tile__avatar--Z {
     background-image: url("../../assets/svg/yellow.svg");
 }
 
 .tile__avatar--profile>span {
     display: none;
 }
 
 .tile__name {
     display: inline-block;
     font-family: "Source Sans Pro", sans-serif;
     font-size: 16px;
     font-size: 1rem;
     line-height: 20px;
     line-height: 1.25rem;
     color: #303336;
     font-weight: 400;
     font-weight: 600;
     margin-bottom: 3px;
     max-width: calc(100% - 92px);
 }
 
 .tile__name span {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 16px;
     font-size: 1rem;
     line-height: 20px;
     line-height: 1.25rem;
     color: #303336;
     font-weight: 400;
     color: #67657d;
     margin-left: 2px;
     margin-right: 4px;
 }
 
 .tile__name span.badge {
     white-space: nowrap;
     padding: 0 10px;
     background-color: #f5dfa5;
     color: #303336;
     border-radius: 25px;
     margin-left: 0;
 }
 
 .tile__time {
     float: right;
     font-family: "Source Sans Pro", sans-serif;
     font-size: 14px;
     font-size: 0.875rem;
     line-height: 16px;
     line-height: 1rem;
     color: #303336;
     font-weight: 400;
     color: #8d89aa;
     margin-top: 2px;
 }
 
 .tile__time--mobileblock {
     text-align: right;
 }
 
 .tile__time--mobileblock span {
     display: block;
     margin-top: 2px;
 }
 
 @media (max-width: 708px) {
     .tile__time--mobileblock {
         float: none;
         margin-bottom: 5px;
         text-align: left;
     }
     .tile__time--mobileblock span {
         display: inline-block;
         margin-top: 0;
     }
     .tile__time--mobileblock span:before {
         content: "●";
         display: inline-block;
         position: relative;
         color: #67657d;
         font-size: 8px;
         vertical-align: bottom;
         padding: 0 3px;
     }
 }
 
 .tile__body {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 16px;
     font-size: 1rem;
     line-height: 20px;
     line-height: 1.25rem;
     color: #303336;
     font-weight: 400;
     color: #67657d;
     max-width: 778px;
     word-break: break-word;
     overflow: hidden;
     display: -webkit-box;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
 }
 
 .tile__body--no-line-clamp {
     -webkit-line-clamp: initial;
     white-space: pre-line;
 }
 
 .tile__body--bold {
     font-weight: 600;
 }
 
 .tile__select {
     display: inline-block;
     margin-right: 12px;
 }
 
 .tile__select label.label {
     display: none;
 }
 
 .tile__multiselect {
     width: 17px;
 }
 
 @media (max-width: 992px) {
     .tile__multiselect {
         display: inline-block;
     }
 }
 
 .tile__multiselect--wide {
     width: 25px;
 }
 
 @media (max-width: 992px) {
     .tile__multiselect--wide {
         display: inline-block;
     }
 }
 
 .tile__file img {
     vertical-align: middle;
 }
 
 .tile__file a {
     vertical-align: middle;
 }
 
 @media (max-width: 708px) {
     .tile__file {
         white-space: nowrap;
         overflow: hidden;
         text-overflow: ellipsis;
     }
 }
 
 .tile__unread {
     vertical-align: top;
     font-family: "Source Sans Pro", sans-serif;
     font-size: 14px;
     font-size: 0.875rem;
     line-height: 16px;
     line-height: 1rem;
     color: #303336;
     font-weight: 400;
     background: #e85dcc;
     border-radius: 20px;
     color: #fff;
     font-size: 12px;
     padding: 1px 5px 2px 5px;
     margin-left: 5px;
 }
 
 .tile__status {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 16px;
     font-size: 1rem;
     line-height: 20px;
     line-height: 1.25rem;
     color: #303336;
     font-weight: 400;
     font-weight: 600;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
 }
 
 .tile__status.awaiting_confirmation,
 .tile__status.refunded {
     color: #00918a;
 }
 
 .tile__status.confirmed,
 .tile__status.completed {
     color: #32cf3a;
 }
 
 .tile__status.awaiting_payment {
     color: #f49342;
 }
 
 .tile__status.cancelled,
 .tile__status.expired,
 .tile__status.declined {
     color: #ff1744;
 }
 
 .tile__status img {
     width: 20px;
     height: 20px;
     margin-right: 5px;
     vertical-align: text-bottom;
 }
 
 .tile__status--avatar {
     position: absolute;
     display: inline-block;
     left: 22px;
     margin-top: 25px;
     width: 15px;
     height: 15px;
     background: white;
     border-radius: 100%;
     padding: 2px;
 }
 
 .tile__status--small {
     display: none;
 }
 
 @media (max-width: 992px) {
     .tile__status--small {
         position: absolute;
         display: inline-block;
         left: 22px;
         bottom: 8px;
         width: 15px;
         height: 15px;
         background: white;
         border-radius: 100%;
         padding: 2px;
     }
 }
 
 .tile__onlinestatus {
     position: absolute;
     display: inline-block;
     left: 22px;
     bottom: 8px;
     width: 18px;
     height: 18px;
     border-radius: 100%;
 }
 
 .tile--float-right p {
     text-align: right;
 }
 
 @media (max-width: 992px) {
     .tile--float-right {
         float: right;
         position: absolute;
         right: 20px;
         top: 0;
         bottom: 0;
     }
     .tile--float-right p {
         position: relative;
         top: 50%;
         transform: translateY(-50%);
         -webkit-transform: translateY(-50%);
         -ms-transform: translateY(-50%);
     }
 }
 
 @media (max-width: 992px) {
     .tile--large {
         display: none;
     }
 }
 
 @media (max-width: 708px) {
     .tile--medium {
         display: none;
     }
 }
 
 @media (max-width: 708px) {
     .tile--hide-mobile {
         display: none;
     }
 }
 
 @media (max-width: 992px) {
     .tile--small-block {
         display: inline-block;
         margin-left: 40px;
     }
 }
 
 @media (max-width: 708px) {
     .tile--small-block {
         display: block;
         margin-top: -14px;
         margin-left: 0;
     }
 }
 
 .tile--small {
     display: none;
 }
 
 @media (max-width: 992px) {
     .tile--small {
         vertical-align: middle;
         display: inline-block;
         max-width: calc(100% - 50px);
     }
     .tile--small .tile__meta {
         color: #67657d;
     }
     .tile--small .tile__meta--dark {
         color: #303336;
     }
     .tile--small .tile__meta--block {
         color: #303336;
     }
     .tile--small .tile__meta span:before {
         content: "●";
         display: inline-block;
         position: relative;
         color: #67657d;
         font-size: 8px;
         vertical-align: bottom;
         padding: 0 3px;
     }
     .tile--small .tile__meta span.nodivider:before {
         content: none;
     }
 }
 
 .tile--small--payments {
     max-width: calc(100% - 110px);
 }
 
 .tile__tutor {
     display: inline-block;
     vertical-align: middle;
     max-width: calc(100% - 80px);
 }
 
 @media (max-width: 992px) {
     .tile__tutor {
         vertical-align: top;
         max-width: calc(100% - 200px);
     }
 }
 
 @media (max-width: 708px) {
     .tile__tutor {
         max-width: calc(100% - 50px);
     }
 }
 
 .tile__tutor .tile__meta {
     display: block;
 }
 
 .filters {
     padding: 24px 20px 0 20px;
 }
 
 .filters--right {
     text-align: right;
     margin-top: 9px;
 }
 
 @media (max-width: 708px) {
     .filters--right {
         text-align: left;
         margin-bottom: 15px;
         margin-top: 0;
     }
 }
 
 .filters--testimonials {
     padding: 38px 0 36px 0;
 }
 
 @media (max-width: 708px) {
     .filters--testimonials {
         padding: 0 0 20px 0;
     }
 }
 
 .filters--absolute-right {
     position: absolute;
     right: 0;
 }
 
 @media (max-width: 992px) {
     .filters--absolute-right {
         position: relative;
         right: auto;
         margin-bottom: 13px;
     }
 }
 
 .filters--toggle {
     padding: 5px 260px 10px 0;
     text-align: left;
     position: relative;
 }
 
 @media (max-width: 708px) {
     .filters--toggle {
         padding: 5px 20px 0 20px;
     }
 }
 
 .filters__toggle {
     display: none;
 }
 
 @media (max-width: 992px) {
     .filters__toggle {
         display: inline-block;
     }
 }
 
 .filters__container {
     display: inline-block;
 }
 
 @media (max-width: 992px) {
     .filters__container {
         display: none;
     }
 }
 
 @media (max-width: 992px) {
     .filters__container--show {
         display: inline-block;
     }
 }
 
 .filters__select {
     width: 160px;
 }
 
 .filters__input {
     width: 220px;
 }
 
 .filters__input .ui-autocomplete-input {
     margin-bottom: 0;
 }
 
 .filters__input .ui-autocomplete {
     width: 100%;
 }
 
 .filters__select,
 .filters__input {
     vertical-align: middle;
     display: inline-block;
     margin-right: 12px;
 }
 
 @media (max-width: 992px) {
     .filters__select,
     .filters__input {
         margin-top: 5px;
         margin-right: 0;
         width: 100%;
     }
     .filters__select:first-of-type,
     .filters__input:first-of-type {
         margin-top: 10px;
     }
 }
 
 .icon {
     margin-bottom: 0;
 }
 
 .icon:before {
     content: "";
     display: inline-block;
     position: relative;
     width: 16px;
     height: 16px;
     background-position: left center;
     background-size: contain;
     background-repeat: no-repeat;
     margin-right: 14px;
     top: 3px;
 }
 
 .icon--contact:before {
     background-image: url("../../assets/svg/contact.svg");
 }
 
 .notification .icon:before {
     content: none;
 }
 
 .hpfield {
     display: none;
 }
 
 .form__datetime {
     display: inline-block;
     vertical-align: top;
 }
 
 .form__datetime--date {
     width: calc(100% - 121px);
     margin-right: 5px;
 }
 
 .form__datetime--date-delete {
     width: calc(100% - 144px);
     margin-right: 5px;
 }
 
 .form__datetime--time {
     width: 112px;
 }
 
 .form__datetime--delete {
     width: 12px;
     margin-left: 7px;
     margin-top: 10px;
 }
 
 .form__addexternallink {
     display: block;
     margin-bottom: 10px;
 }
 
 .form__add-icon-button {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 14px;
     font-size: 0.875rem;
     line-height: 16px;
     line-height: 1rem;
     color: #303336;
     font-weight: 400;
     font-weight: 600;
     color: #542eff;
     margin-top: -5px;
     display: block;
 }
 
 .form__add-icon-button:hover,
 .form__add-icon-button:focus,
 .form__add-icon-button:active {
     outline: 0;
 }
 
 .form__add-icon-button:before {
     background-repeat: no-repeat;
     background-size: contain;
     background-position: center;
     display: inline-block;
     content: "";
     margin-right: 6px;
     width: 16px;
     height: 16px;
     vertical-align: sub;
 }
 
 .form__radio {
     display: block;
     margin-bottom: 5px;
 }
 
 .form__radio p {
     display: inline-block;
     vertical-align: middle;
 }
 
 .form__radio label {
     display: inline-block;
     margin-left: 10px;
     margin-bottom: 0;
     vertical-align: middle;
 }
 
 .input--no-bottom-margin .inputRegion {
     margin-bottom: 0;
 }
 
 @media (min-width: 992px) {
     .page_form97C .reviewpanel--trustpilot {
         top: -4em;
         margin-bottom: -4em;
         background: white;
     }
     .page_form97C .texthero__form {
         z-index: 1;
     }
 }
 
 .tooltip {
     width: calc(100% - 40px);
     max-width: 600px;
     color: white;
     background: rgba(0, 0, 0, 0.8);
     padding: 7px 10px;
     box-sizing: border-box;
     display: none;
     position: absolute;
     left: 20px;
     right: 20px;
     margin-top: 28px;
 }
 
 .tooltip--inline label {
     display: inline-block;
 }
 
 .tooltip--inline .input {
     display: block;
 }
 
 .tooltip--inline .help.inline {
     cursor: pointer;
     display: inline-block;
     color: #8d89aa;
     border-radius: 100%;
     border: 2px solid #8d89aa;
     text-align: center;
     vertical-align: text-bottom;
     font-size: 15px;
     font-weight: bold;
     line-height: 0.9;
     width: 14px;
     height: 14px;
     margin-left: 5px;
 }
 
 .ui-tooltip {
     margin: 0 15px;
     max-width: 400px;
     z-index: 9996 !important;
 }
 
 .ui-tooltip .ui-tooltip-text {
     background-color: #00a77f;
     box-shadow: 0 1px 3px 0 rgba(63, 63, 68, 0.15), 0 0 0 1px rgba(63, 63, 68, 0.05);
     font-family: "Source Sans Pro", sans-serif;
     font-size: 16px;
     font-size: 1rem;
     line-height: 20px;
     line-height: 1.25rem;
     color: #303336;
     font-weight: 400;
     color: #fff;
     padding: 8px 12px;
 }
 
 .ui-tooltip .ui-tooltip-text p {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 16px;
     font-size: 1rem;
     line-height: 20px;
     line-height: 1.25rem;
     color: #303336;
     font-weight: 400;
     color: #fff;
 }
 
 .ui-tooltip.ui-tooltip-right .ui-tooltip-arrow {
     border-right-color: #00a77f;
 }
 
 .ui-tooltip.ui-tooltip-left .ui-tooltip-arrow {
     border-left-color: #00a77f;
 }
 
 .ui-tooltip.ui-tooltip-top .ui-tooltip-arrow {
     border-top-color: #00a77f;
 }
 
 .ui-tooltip.ui-tooltip-bottom .ui-tooltip-arrow {
     border-bottom-color: #00a77f;
 }
 
 @media (max-width: 708px) {
     .ui-tooltip.arrow-left-25p--small .ui-tooltip-arrow {
         left: 25%;
     }
 }
 
 .ui-tooltip.neutral .ui-tooltip-text {
     background-color: #fff;
     color: #67657d;
 }
 
 .ui-tooltip.neutral .ui-tooltip-text p {
     color: #303336;
 }
 
 .ui-tooltip.neutral.ui-tooltip-right .ui-tooltip-arrow {
     border-right-color: #dcdae2;
 }
 
 .ui-tooltip.neutral.ui-tooltip-left .ui-tooltip-arrow {
     border-left-color: #dcdae2;
 }
 
 .ui-tooltip.neutral.ui-tooltip-top .ui-tooltip-arrow {
     border-top-color: #dcdae2;
 }
 
 .ui-tooltip.neutral.ui-tooltip-bottom .ui-tooltip-arrow {
     border-bottom-color: #dcdae2;
 }
 
 .ui-tooltip.unescaped .ui-tooltip-text {
     white-space: pre;
 }
 
 .ui-growl {
     z-index: 10000 !important;
     top: 6em;
     right: 1.5em;
 }
 
 .ui-growl .ui-growl-item-container.ui-shadow {
     margin-bottom: 1.5em;
     opacity: 1;
     filter: none;
     border: 1px solid #dcdae2;
     border-top-width: 3px;
     border-top-color: #73b6fa;
     background: #fff;
     box-shadow: 0 2px 16px 0 rgba(48, 51, 54, 0.08), 0 31px 41px 0 rgba(76, 81, 87, 0.2);
 }
 
 .ui-growl .ui-growl-item-container .ui-growl-item {
     padding: 0;
     display: flex;
     align-items: center;
 }
 
 .ui-growl .ui-growl-item-container .ui-growl-item .ui-growl-image {
     float: none;
     width: 22px;
     height: 22px;
     margin: 0.675em 0.675em 0.675em 1em;
     border: 5px solid #dcdae2;
     border-radius: 100%;
     background-position: center center;
     background-repeat: no-repeat;
     background-size: cover;
     border-color: #dceefa;
     background-image: url("../../assets/svg/info-info6.svg");
 }
 
 .ui-growl .ui-growl-item-container .ui-growl-item .ui-growl-message {
     padding: 1em 1em 1em 0;
 }
 
 .ui-growl .ui-growl-item-container .ui-growl-item .ui-growl-message .ui-growl-title {
     padding: 0;
     font-weight: 600;
     font-size: 1em;
     line-height: 1.25em;
     color: #303336;
 }
 
 .ui-growl .ui-growl-item-container.ui-growl-info {
     border-top-color: #60d17b;
 }
 /* 
.ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image {
    border-color: #cef0d6;
    background-image: url("https://cdn.mytutor.co.uk/icons/growl-info.svg?1599042894000")
}

.ui-growl .ui-growl-item-container.ui-growl-warn {
    border-top-color: #fcd358
}

.ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image {
    border-color: #fcf0cc;
    background-image: url("https://cdn.mytutor.co.uk/icons/growl-warn.svg?1599042894000")
}

.ui-growl .ui-growl-item-container.ui-growl-error {
    border-top-color: #fb826a
}

.ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image {
    border-color: #fae9e3;
    background-image: url("https://cdn.mytutor.co.uk/icons/growl-error.svg?1599042894000")
}

.ui-growl .ui-growl-item-container.ui-growl-fatal {
    border-top-color: #a80f0a
}

.ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image {
    border-color: #fae9e3;
    background-image: url("https://cdn.mytutor.co.uk/icons/growl-error.svg?1599042894000")
} */
 
 .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-title {
     color: #a80f0a;
 }
 
 .inputRegion.calendar {
     position: relative;
 }
 /* .inputRegion.calendar .ui-datepicker-trigger {
    background-image: url(https://cdn.mytutor.co.uk/images/uploads/session.svg);
    background-repeat: no-repeat;
    background-size: 20px;
    vertical-align: top;
    background-position: center;
    border-radius: 0;
    background-size: contain;
    height: 15px;
    width: 15px;
    position: absolute;
    right: 10px;
    top: 10px
} */
 
 .inputRegion.calendar label+.input .ui-datepicker-trigger {
     top: 3px;
 }
 
 .inputRegion.calendar .ui-icon,
 .inputRegion.calendar .ui-button-text {
     display: none;
 }
 
 .ui-datepicker {
     width: 18em;
     margin-top: 0.25em;
     margin-left: -0.75em;
     padding: 1em;
     background: #fff;
     box-shadow: 0 2px 16px 0 rgba(48, 51, 54, 0.08), 0 0 0 1px rgba(48, 51, 54, 0.08);
 }
 
 .ui-datepicker .ui-datepicker-header .ui-icon {
     width: 2em;
     height: 2em;
     margin-left: -1em;
     margin-top: -0.5em;
     background-size: contain;
     background-position: center center;
 }
 
 .ui-datepicker .ui-datepicker-header .ui-datepicker-prev .ui-icon {
     background-image: url("/images/icons/slick-leftarrow.svg");
 }
 
 .ui-datepicker .ui-datepicker-header .ui-datepicker-next .ui-icon {
     background-image: url("/images/icons/slick-rightarrow.svg");
 }
 
 .ui-datepicker .ui-datepicker-header .ui-datepicker-prev.ui-state-disabled,
 .ui-datepicker .ui-datepicker-header .ui-datepicker-next.ui-state-disabled {
     opacity: 0.4;
 }
 
 .ui-datepicker .ui-datepicker-title select {
     margin: 2px 5px;
 }
 
 .ui-datepicker table {
     font-size: 1em;
     margin: 0;
 }
 
 .ui-datepicker table th {
     padding: 0.5em 0.25em;
     color: #67657d;
     font-weight: 500;
 }
 
 .ui-datepicker table td {
     border: 1px solid #dcdae2;
     padding: 0;
 }
 
 .ui-datepicker table td span,
 .ui-datepicker table td a {
     padding: 0.75em;
     background: #fff;
 }
 
 .ui-datepicker table td span {
     color: #cac9d8;
 }
 
 .ui-datepicker table td a {
     color: #67657d;
 }
 
 .ui-datepicker table td a.ui-state-highlight {
     color: #14508e;
     background: #d4caff;
 }
 
 .ui-datepicker table td a.ui-state-hover {
     color: #14508e;
     background: #e7e6fc;
 }
 
 .ui-datepicker table td a.ui-state-active {
     color: #fff;
     background: #542eff;
 }
 
 .ui-timepicker-div dl dd {
     margin: 0 10px 20px 40%;
 }
 
 .ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input {
     border: 0;
     font-family: "Source Sans Pro", sans-serif;
     font-size: 14px;
     font-size: 0.875rem;
     line-height: 16px;
     line-height: 1rem;
     color: #303336;
     font-weight: 400;
 }
 
 .ui-timepicker-div .ui-slider.ui-slider-horizontal {
     background-color: #dcdae2;
     height: 8px;
 }
 
 .ui-timepicker-div .ui-slider.ui-slider-horizontal .ui-slider-handle {
     background: #32cf3a;
     border-radius: 100%;
     top: -5px;
     width: 18px;
     height: 18px;
 }
 
 .ui-datepicker-calendar td a {
     text-align: center;
 }
 
 .ui-datepicker-calendar td span {
     text-align: center;
 }
 
 .ui-datepicker-calendar td .ui-state-active {
     background: #f5f4f7;
 }
 
 .stars {
     display: block;
     text-align: left;
 }
 
 .stars .ui-rating-star {
     font-size: 20px;
     text-indent: 0;
 }
 
 .stars .ui-rating-star a {
     background: 0;
     width: 20px;
     height: 20px;
     margin: 0 0.5px;
     cursor: default;
 }
 
 .stars .ui-rating-star a:after {
     content: "★";
     color: #dcdae2;
     vertical-align: middle;
 }
 
 .stars .ui-rating-star-on a:after {
     color: #f9cf00;
 }
 
 .ui-rating.big {
     margin-top: 0.5em;
     font-size: 2em;
 }
 
 .ui-rating.big .ui-rating-star {
     display: inline-block;
     background-image: none;
     font: normal normal normal 14px/1 FontAwesome;
     font-size: 1.25em;
     text-indent: 0;
     text-rendering: auto;
     vertical-align: middle;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
 }
 
 .ui-rating.big .ui-rating-star>*:first-child {
     display: inline-block;
     width: 1em;
     height: 1em;
     margin: 0.05em;
     background: 0;
     color: #d7d9dc;
 }
 
 .ui-rating.big .ui-rating-star>*:first-child:after {
     content: "\f005";
 }
 
 .ui-rating.big .ui-rating-star-on>*:first-child {
     color: #f9ce32;
 }
 
 .ui-rating.big .ui-rating-smiley {
     font-size: 1.25em;
 }
 
 .ui-rating .ui-rating-smiley {
     display: inline-block;
     margin: 0.25em;
     width: 1.5em;
     height: 1.5em;
     background-size: 1.5em 1.5em;
     color: transparent;
     outline: 0;
 }
 /* 
.ui-rating .ui-rating-smiley.ui-rating-smiley-frown {
    background-image: url("https://cdn.mytutor.co.uk/icons/rating-smileys/frown.svg?1599042894000")
}

.ui-rating .ui-rating-smiley.ui-rating-smiley-frown:hover {
    background-image: url("https://cdn.mytutor.co.uk/icons/rating-smileys/frown-hover.svg?1599042894000")
}

.ui-rating .ui-rating-smiley.ui-rating-smiley-frown-on {
    background-image: url("https://cdn.mytutor.co.uk/icons/rating-smileys/frown-on.svg?1599042894000")
}

.ui-rating .ui-rating-smiley.ui-rating-smiley-flat {
    background-image: url("https://cdn.mytutor.co.uk/icons/rating-smileys/flat.svg?1599042894000")
}

.ui-rating .ui-rating-smiley.ui-rating-smiley-flat:hover {
    background-image: url("https://cdn.mytutor.co.uk/icons/rating-smileys/flat-hover.svg?1599042894000")
}

.ui-rating .ui-rating-smiley.ui-rating-smiley-flat-on {
    background-image: url("https://cdn.mytutor.co.uk/icons/rating-smileys/flat-on.svg?1599042894000")
}

.ui-rating .ui-rating-smiley.ui-rating-smiley-smile {
    background-image: url("https://cdn.mytutor.co.uk/icons/rating-smileys/smile.svg?1599042894000")
}

.ui-rating .ui-rating-smiley.ui-rating-smiley-smile:hover {
    background-image: url("https://cdn.mytutor.co.uk/icons/rating-smileys/smile-hover.svg?1599042894000")
}

.ui-rating .ui-rating-smiley.ui-rating-smiley-smile-on {
    background-image: url("https://cdn.mytutor.co.uk/icons/rating-smileys/smile-on.svg?1599042894000")
}

.bett {
    display: block;
    background: url("//cdn.mytutor.co.uk/images/uploads/confetti.png"), linear-gradient(91deg, #1a9dff, #27b8db);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 10px
} */
 
 .bett a {
     display: block;
     font-family: "Source Sans Pro", sans-serif;
     font-size: 22px;
     font-size: 1.375rem;
     line-height: 28px;
     line-height: 1.75rem;
     color: #303336;
     font-weight: 600;
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     color: #fff;
     text-align: center;
     margin-bottom: 0;
 }
 
 @media (max-width: 992px) {
     .bett a {
         font-family: "Source Sans Pro", sans-serif;
         font-size: 16px;
         font-size: 1rem;
         line-height: 20px;
         line-height: 1.25rem;
         color: #303336;
         font-weight: 400;
         font-family: "Modelica", "Source Sans Pro", sans-serif;
         color: #fff;
     }
 }
 
 .bett a .space {
     margin-right: 10px;
 }
 
 @media (max-width: 708px) {
     .bett a .space {
         margin-right: 0;
     }
 }
 
 .bett a .border {
     border-bottom: 1px solid #fff;
 }
 
 .bett img {
     vertical-align: middle;
     margin-left: 2px;
 }
 
 .linkbartype2 {
     margin: 30px 0 40px 0;
     width: 100%;
     display: table;
     border-collapse: separate;
     border-spacing: 40px 0;
 }
 
 .linkbartype2.left {
     width: auto;
     border-spacing: 0;
 }
 
 .linkbartype2.left .spacer {
     width: 40px;
     border: 0;
     cursor: default;
 }
 
 .linkbartype2 a {
     white-space: nowrap;
     display: table-cell;
     text-align: center;
     color: #8d89aa;
     text-transform: uppercase;
     font-size: 1.1em;
     font-weight: 600;
     padding: 20px 20px;
     border-bottom: 1px solid #dcdae2;
 }
 
 .linkbartype2 a.selected {
     border-bottom: 2px solid #542eff;
     color: #542eff;
 }
 
 @media screen and (max-width: 992px) {
     .linkbartype2 {
         margin: 20px auto;
         display: block;
         text-align: center;
     }
     .linkbartype2 a {
         display: inline-block;
         margin: 0 10px;
     }
 }
 
 .subjectlevelfilters {
     background: #fff;
     border: 3px solid #542eff;
     padding: 15px 22px 15px 22px;
     position: relative;
 }
 
 .answersheader .banner {
     height: 300px;
     margin-bottom: 80px;
     background-color: #4891e6;
     position: relative;
 }
 
 .answersheader .banner .align {
     position: relative;
     top: 0;
     transform: none;
     height: auto;
     padding: 80px 0;
     text-align: center;
     color: white;
 }
 
 .answersheader .banner .align h1 {
     font-size: 3rem;
     margin-bottom: 8px;
 }
 
 @media (max-width: 992px) {
     .answersheader .banner .align h1 {
         font-size: 2rem;
     }
 }
 
 @media (max-width: 708px) {
     .answersheader .banner .align h1 {
         font-size: 1.5rem;
         padding: 0 1rem;
     }
 }
 
 .answersheader .banner .align h2 {
     font-size: 1.8rem;
 }
 
 @media (max-width: 992px) {
     .answersheader .banner .align h2 {
         font-size: 1.5rem;
     }
 }
 
 @media (max-width: 708px) {
     .answersheader .banner .align h2 {
         font-size: 1.2rem;
         padding: 0 1rem;
     }
 }
 
 .answersheader .banner.uni:before {
     z-index: 0;
     content: "";
     background-image: url(/images/university-landscape.png);
     height: 96px;
     width: 100%;
     position: absolute;
     bottom: -43px;
     background-position: center;
     background-repeat: no-repeat;
 }
 
 .answers .resultssummary {
     margin-bottom: 20px;
 }
 
 .answers .resultssummary p {
     color: #303336;
     font-weight: 600;
 }
 
 .answers .answercard {
     position: relative;
     padding: 1.5rem 1rem;
     margin-bottom: 1rem;
     border: 2px solid #dcdae2;
 }
 
 .answers .answercard p {
     color: #303336;
 }
 
 .answers .answercard:hover {
     cursor: pointer;
     border: 2px solid #542eff;
 }
 
 .answers .answercard .qa {
     position: relative;
 }
 
 .answers .answercard .qa h3 {
     font: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 1.5rem;
     color: #303336;
 }
 
 .answers .answercard .qa .share img {
     height: 24px;
 }
 
 .answers .answercard .answertext {
     margin: 10px 0 10px 0;
     padding-bottom: 20px;
     max-height: 100px;
     overflow: hidden;
     color: #303336;
 }
 
 .answers .answercard .answertext:after {
     content: "";
     background: #fff;
     position: absolute;
     bottom: 0;
     width: 100%;
     height: 30%;
     display: block;
     background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0, white 100%);
     background: -webkit-gradient( linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0)), color-stop(100%, white));
     background: -webkit-linear-gradient( top, rgba(255, 255, 255, 0) 0, white 100%);
     background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0, white 100%);
     background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0, white 100%);
     background: linear-gradient( to bottom, rgba(255, 255, 255, 0) 0, white 100%);
     filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
 }
 
 .answers .answercard .readmore {
     position: absolute;
     bottom: -20px;
     right: 10px;
     display: block;
     z-index: 1000;
 }
 
 .answers .answercard .profileimage {
     float: left;
     margin-right: 5px;
     position: relative;
     text-align: center;
 }
 
 .answers .answercard .profileimage img {
     width: 55px;
     border-radius: 50%;
     display: block;
 }
 
 .answers .answercard .answermeta .meta {
     float: left;
     max-width: calc(100% - 260px);
 }
 
 .answers .answercard .answermeta .time {
     margin-bottom: 5px;
 }
 
 .answers .answercard .answerstats {
     float: right;
     margin-right: 10px;
     height: 40px;
     position: absolute;
     right: 0;
     bottom: 10px;
 }
 
 .answers .answercard .answerstats .views {
     display: inline-block;
 }
 
 .answers .answercard .answerstats .likes {
     cursor: pointer;
     display: inline-block;
     position: relative;
     padding: 10px 10px 10px 40px;
     margin-left: 10px;
 }
 
 .answers .answercard .answerstats .likes:before {
     content: "";
     background-image: url("/images/icons/thumbsup.svg");
     display: block;
     position: absolute;
     width: 30px;
     height: 30px;
     left: 5px;
     top: 1px;
 }
 
 .answers .answercard .answerstats .likes.liked {
     cursor: pointer;
     border: 1px solid #542eff;
 }
 
 .answers .answercard .answerstats .likes.liked:before {
     background-image: url("/images/icons/thumbsup-blue.svg");
 }
 
 .answers .answercard .answerstats .likes.liked:disabled {
     opacity: 1;
     cursor: initial;
 }
 
 .answers .answercard .answerstats .likes.liked:disabled:hover {
     border: 1px solid #dcdae2;
 }
 
 .answers .answercard .answerstats .likes.liked:hover {
     border: 1px solid #dcdae2;
 }
 
 .answers .answercard .answerstats.answercard-tutordetails {
     padding: 20px 0;
 }
 
 .answers .answercard .answerstats.answercard-tutordetails:hover {
     cursor: default;
     border: 2px solid #fff;
     border-bottom: 2px #dcdae2;
 }
 
 .answers .answercard .answerstats.answercard-tutordetails .answer {
     max-height: none;
 }
 
 .answers .answercard .answerstats.answercard-tutordetails .answer:after {
     display: none;
 }
 
 .answers .answercard .answerstats.answercard-tutordetails .answer .answertextfull {
     display: none;
 }
 
 .answers .pagination {
     margin: 80px 0 60px 0;
 }
 
 .answers .pagination .responsive {
     display: none;
 }
 
 .answers .pagination a.pagelink {
     font-weight: 600;
     width: 36px;
     height: 27px;
     font-size: 18px !important;
     padding-top: 9px;
     display: inline-block;
     text-align: center;
     margin: 0;
     margin-bottom: 20px;
 }
 
 .answers .pagination a.pagelink.currentPage {
     border: 2px solid #542eff;
 }
 
 .answers .pagination .button.whitefill {
     border: 1px solid #dcdae2;
     font-weight: 600;
     color: #542eff;
     background: #fff;
 }
 
 .answers .pagination .button.previous,
 .answers .pagination .button.next {
     height: 39px;
     line-height: 16px !important;
     font-size: 16px !important;
     margin: -1px 15px 0 15px;
     border: 2px solid #dcdae2 !important;
     position: relative;
 }
 
 .answers .pagination .button.previous {
     padding: 8px 10px 8px 20px;
 }
 
 .answers .pagination .button.previous:before {
     content: "";
     position: absolute;
     left: 6px;
     top: 14px;
     width: 0;
     height: 0;
     border-top: 5px solid transparent;
     border-bottom: 5px solid transparent;
     border-right: 5px solid #542eff;
 }
 
 .answers .pagination .button.next {
     padding: 8px 20px 8px 10px;
 }
 
 .answers .pagination .button.next:before {
     content: "";
     position: absolute;
     right: 7px;
     top: 14px;
     width: 0;
     height: 0;
     border-top: 5px solid transparent;
     border-bottom: 5px solid transparent;
     border-left: 5px solid #542eff;
 }
 
 .answers .answersrhc a {
     font-size: 1.125em;
     margin-bottom: 10px;
 }
 
 .answers .answersrhc p {
     color: #303336;
     font-size: 1.125em;
     margin-bottom: 10px;
 }
 
 .answers .gsc-control-cse {
     padding: 0;
 }
 
 .answers .gsc-control-cse form {
     width: 80%;
 }
 
 @media (max-width: 708px) {
     .answers .gsc-control-cse form {
         width: 100%;
     }
 }
 
 .answers .gsc-control-cse table .gsc-input {
     padding-right: 0;
 }
 
 .answers .gsc-control-cse table .gsc-search-button {
     margin-left: 0;
     background-color: #0cb;
     border-color: #0cb;
     background-image: none;
 }
 
 .answer__breadcrumbs {
     margin: 30px 0 35px 0;
 }
 
 @media (max-width: 708px) {
     .answer__breadcrumbs {
         margin: 25px 0;
     }
 }
 
 .answer__breadcrumbs a {
     text-transform: uppercase;
     font-size: 16px;
     font-weight: 600;
     line-height: 1.75em;
     letter-spacing: 0.4px;
 }
 
 .answer__breadcrumbs .breadcrumbs__link:after {
     top: 10px;
 }
 
 .answer__header {
     font: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 28px;
     font-weight: 600;
     line-height: 1.29em;
     color: #303336;
 }
 
 @media (max-width: 992px) {
     .answer__header {
         font-size: 26px;
     }
 }
 
 @media (max-width: 708px) {
     .answer__header {
         font-size: 22px;
     }
 }
 
 .answer__subheader {
     font: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 24px;
     font-weight: 600;
     line-height: 1.29em;
     color: #303336;
     display: inline-block;
 }
 
 @media (max-width: 992px) {
     .answer__subheader {
         font-size: 22px;
     }
 }
 
 @media (max-width: 708px) {
     .answer__subheader {
         font-size: 18px;
     }
 }
 
 .answer__subheader--google {
     font-size: 26px;
     padding-bottom: 16px;
 }
 
 @media (max-width: 992px) {
     .answer__subheader--google {
         font-size: 24px;
     }
 }
 
 @media (max-width: 708px) {
     .answer__subheader--google {
         font-size: 20px;
     }
 }
 
 .answer__meta {
     float: left;
     margin-top: 20px;
 }
 
 .answer__meta li {
     vertical-align: middle;
 }
 
 .answer__social {
     display: inline-block;
     margin-right: 5px;
 }
 
 .answer__social a {
     margin-right: 8px;
 }
 
 .answer__social img {
     vertical-align: middle;
 }
 
 @media (max-width: 708px) {
     .answer__social {
         display: block;
         margin-bottom: 10px;
     }
 }
 
 .answer__views,
 .answer__date,
 .answer__like {
     display: inline-block;
     font-family: "Source Sans Pro", sans-serif;
     font-size: 16px;
     font-size: 1rem;
     line-height: 20px;
     line-height: 1.25rem;
     color: #303336;
     font-weight: 400;
     color: #67657d;
     margin-right: 10px;
 }
 
 .answer__like {
     margin-bottom: 5px;
 }
 
 .answer__like a {
     color: #67657d;
     font-weight: 400;
 }
 
 .answer__like img {
     margin-right: 5px;
     vertical-align: bottom;
 }
 
 .answer__body {
     margin-top: 20px;
     margin-bottom: 50px;
 }
 
 @media (max-width: 708px) {
     .answer__body {
         margin-bottom: 40px;
     }
 }
 
 .answer__body p {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 18px;
     font-size: 1.125rem;
     line-height: 24px;
     line-height: 1.5rem;
     color: #303336;
     font-weight: 400;
     margin-bottom: 20px;
     word-break: break-word;
 }
 
 @media (max-width: 708px) {
     .answer__body p {
         font-family: "Source Sans Pro", sans-serif;
         font-size: 16px;
         font-size: 1rem;
         line-height: 20px;
         line-height: 1.25rem;
         color: #303336;
         font-weight: 400;
     }
 }
 
 .answer__google {
     margin-top: 50px;
 }
 
 .answer__related {
     margin-bottom: 100px;
     border-top: 1px solid #dcdae2;
     padding-top: 20px;
 }
 
 @media (max-width: 992px) {
     .answer__related {
         margin-bottom: 40px;
     }
 }
 
 .answer__related--sidebar {
     margin-left: 50px;
 }
 
 @media (max-width: 992px) {
     .answer__related--sidebar {
         margin-left: 0;
     }
 }
 
 .answer__related header>aside {
     float: right;
     padding-top: 5px;
 }
 
 @media (max-width: 708px) {
     .answer__related header>aside {
         float: none;
     }
 }
 
 .answer__related ul {
     margin: 20px 0;
 }
 
 @media (max-width: 708px) {
     .answer__related ul {
         margin: 10px 0;
     }
 }
 
 .answer__related li {
     border-bottom: solid 1px #dcdae2;
     padding: 15px 0;
     position: relative;
 }
 
 .answer__related li a {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 18px;
     font-size: 1.125rem;
     line-height: 24px;
     line-height: 1.5rem;
     color: #303336;
     font-weight: 400;
     font-weight: 600;
 }
 
 @media (max-width: 708px) {
     .answer__related li a {
         font-family: "Source Sans Pro", sans-serif;
         font-size: 16px;
         font-size: 1rem;
         line-height: 20px;
         line-height: 1.25rem;
         color: #303336;
         font-weight: 400;
         font-weight: 600;
     }
 }
 
 .answer__related li a span {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 16px;
     font-size: 1rem;
     line-height: 20px;
     line-height: 1.25rem;
     color: #303336;
     font-weight: 400;
     font-weight: 400;
     color: #67657d;
     display: block;
     padding-right: 50px;
 }
 
 .answer__related li>aside {
     position: absolute;
     right: 0;
     bottom: 18px;
 }
 
 .answer__related li>aside img {
     vertical-align: sub;
     padding-right: 5px;
 }
 
 .answer__related li>aside a {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 16px;
     font-size: 1rem;
     line-height: 20px;
     line-height: 1.25rem;
     color: #303336;
     font-weight: 400;
     color: #67657d;
 }
 
 .answer__findtutor {
     margin-left: 50px;
     border: 2px solid #dcdae2;
     margin-bottom: 40px;
     padding: 32px 25px;
     text-align: center;
 }
 
 @media (max-width: 992px) {
     .answer__findtutor {
         margin-left: 0;
         padding: 22px 20px;
     }
 }
 
 .answer__findtutor__header {
     font-size: 18px;
     font-weight: 600;
     color: #303336;
 }
 
 .answer__findtutor__subheader {
     font-size: 18px;
     line-height: 1.2em;
     color: #303336;
 }
 
 .answer__findtutor--noleftmargin {
     margin-left: 0;
 }
 
 .answer__tutor {
     margin-left: 50px;
     border: 2px solid #dcdae2;
     text-align: center;
     padding: 32px 25px;
     margin-bottom: 40px;
 }
 
 @media (max-width: 992px) {
     .answer__tutor {
         margin-left: 0;
         text-align: left;
         padding: 22px 20px;
     }
 }
 
 @media (max-width: 992px) {
     .answer__tutor header {
         display: inline-block;
     }
 }
 
 @media (max-width: 992px) {
     .answer__tutor__meta {
         display: inline-block;
         width: calc(100% - 70px);
         vertical-align: top;
         padding-left: 20px;
         box-sizing: border-box;
     }
 }
 
 .answer__tutor .avatar {
     overflow: hidden;
     margin: 0 auto;
     display: block;
     margin-bottom: 18px;
     width: 80px;
     height: 80px;
 }
 
 @media (max-width: 992px) {
     .answer__tutor .avatar {
         margin-bottom: 0;
         display: inline-block;
         width: 60px;
         height: 60px;
     }
 }
 
 .answer__tutor h2 {
     font-size: 20px;
     font-weight: 600;
     color: #303336;
     margin-bottom: 18px;
 }
 
 .answer__tutor p {
     font-size: 18px;
     line-height: 1.2em;
     color: #303336;
 }
 
 .answer__tutor p a {
     text-decoration: none;
     color: #303336;
 }
 
 .answer__tutor p a:hover {
     text-decoration: underline;
     cursor: pointer;
 }
 
 .answer__tutor footer {
     text-align: center;
 }
 
 .answer__tutor footer>a {
     font-size: 18px;
     display: block;
     margin-top: 10px;
 }
 
 .answer__tutor .rating {
     display: block;
     text-align: center;
     margin-top: 8px;
 }
 
 @media (max-width: 992px) {
     .answer__tutor .rating {
         text-align: left;
     }
 }
 
 .answer__tutor .rating .score {
     color: #fff;
     background: #f9cf00;
     padding: 0 3px 1px 3px;
     vertical-align: sub;
     margin-right: 5px;
 }
 
 .answer__tutor .rating .ui-rating-star {
     font-size: 20px;
     text-indent: 0;
     vertical-align: middle;
     margin-right: 1px;
 }
 
 .answer__tutor .rating .ui-rating-star i {
     font-style: normal;
     background: 0;
     width: 20px;
     height: 20px;
     margin: 0 0.5px;
     cursor: default;
 }
 
 .answer__tutor .rating .ui-rating-star i:after {
     content: "★";
     color: #dcdae2;
     vertical-align: middle;
 }
 
 .answer__tutor .rating .ui-rating-star-on i:after {
     color: #f9cf00;
 }
 
 .answer__footer {
     height: 440px;
     background-image: url("//cdn.mytutor.co.uk/images/uploads/answersfooter.jpg");
     background-repeat: no-repeat;
     background-size: cover;
     background-position: bottom;
 }
 
 @media (max-width: 992px) {
     .answer__footer {
         height: 310px;
     }
 }
 
 @media (max-width: 708px) {
     .answer__footer {
         background-image: url("//cdn.mytutor.co.uk/images/uploads/answersfooter--mobile.jpg");
         text-align: center;
     }
 }
 
 .answer__footer h3 {
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 28px;
     font-size: 1.75rem;
     line-height: 34px;
     line-height: 2.125rem;
     color: #303336;
     font-weight: 400;
     letter-spacing: 0;
     color: #1867c2;
     margin-bottom: 12px;
 }
 
 @media (max-width: 992px) {
     .answer__footer h3 {
         font-family: "Modelica", "Source Sans Pro", sans-serif;
         font-size: 24px;
         font-size: 1.5rem;
         line-height: 28px;
         line-height: 1.75rem;
         color: #303336;
         font-weight: 400;
         letter-spacing: 0;
         color: #1867c2;
     }
 }
 
 @media (max-width: 708px) {
     .answer__footer h3 {
         font-family: "Source Sans Pro", sans-serif;
         font-size: 18px;
         font-size: 1.125rem;
         line-height: 24px;
         line-height: 1.5rem;
         color: #303336;
         font-weight: 400;
         color: #1867c2;
         font-family: "Modelica", "Source Sans Pro", sans-serif;
         margin-bottom: 14px;
     }
 }
 
 .answer__footer p {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 22px;
     font-size: 1.375rem;
     line-height: 28px;
     line-height: 1.75rem;
     color: #303336;
     font-weight: 600;
     font-weight: 400;
     color: #67657d;
     margin-bottom: 28px;
 }
 
 @media (max-width: 708px) {
     .answer__footer p {
         margin-bottom: 20px;
     }
     .answer__footer p span {
         display: none;
     }
 }
 
 .answer__footer p img {
     height: 18px;
 }
 
 @media (max-width: 992px) {
     .answer__footer p img {
         display: block;
         margin-top: 3px;
     }
 }
 
 @media (max-width: 708px) {
     .answer__footer p img {
         margin: 0 auto;
     }
 }
 
 .answer .gsc-control-cse {
     padding: 0;
 }
 
 .answer .gsc-control-cse form {
     width: 80%;
 }
 
 @media (max-width: 708px) {
     .answer .gsc-control-cse form {
         width: 100%;
     }
 }
 
 .answer .gsc-control-cse table .gsc-input {
     padding-right: 0;
 }
 
 .answer .gsc-control-cse table .gsc-search-button {
     margin-left: 0;
     background-color: #0cb;
     border-color: #0cb;
     background-image: none;
 }
 
 .jumptosection {
     border-left: solid 2px #dcdae2;
 }
 
 .jumptosection li {
     margin-left: 12px;
     margin-bottom: 5px;
 }
 
 .jumptosection li:last-of-type {
     margin-bottom: 0;
 }
 
 .pricingtable {
     position: relative;
     margin: 0.5em 0 1em;
 }
 
 .pricingtable table {
     width: 100%;
     white-space: nowrap;
     border-collapse: collapse;
 }
 
 .pricingtable table th,
 .pricingtable table td {
     background-color: #f9f8fb;
     padding: 0.75em 1em;
     border-right: 3px solid white;
     text-align: left;
 }
 
 .pricingtable table th:last-child,
 .pricingtable table td:last-child {
     border-right: 0;
 }
 
 .pricingtable table th {
     font-size: 1.0625em;
     font-weight: 600;
 }
 
 .pricingtable table thead th {
     border-bottom: 3px solid white;
 }
 
 .pricingtable table tr.highlight {
     color: #32cf3a;
 }
 
 .pricingtable table tr.highlight td {
     font-size: 1.0625em;
     font-weight: 600;
 }
 
 .pricingtable .scrollable {
     overflow-x: scroll;
     overflow-y: hidden;
     margin-left: 210px;
     margin-right: 1em;
 }
 
 @media (max-width: 1100px) {
     .pricingtable .scrollable {
         margin-right: 0;
     }
 }
 
 .pricingtable .scrollable thead th:first-child,
 .pricingtable .scrollable tbody th {
     position: absolute;
     left: 0;
     width: 173px;
     z-index: 1;
 }
 
 @supports (-ms-ime-align: auto) {
     .pricingtable .scrollable thead th:first-child,
     .pricingtable .scrollable tbody th {
         margin-top: -27px;
     }
 }
 
 .pricingtable .scrollable tbody tr:last-child th {
     padding-bottom: 25px;
 }
 
 @supports (-ms-ime-align: auto) {
     .pricingtable .scrollable tbody tr:last-child th {
         padding-bottom: 12px;
     }
 }
 
 .banner--success {
     display: block;
     width: 100%;
     padding: 10px;
     text-align: center;
     background-color: #e4f7e8;
     border: 1px solid #a2e8b3;
     font-family: "Source Sans Pro", sans-serif;
     font-size: 18px;
     font-size: 1.125rem;
     line-height: 24px;
     line-height: 1.5rem;
     color: #303336;
     font-weight: 400;
     color: #32cf3a;
     box-sizing: border-box;
 }
 
 .textpanel {
     text-align: center;
     padding: 95px 0 105px 0;
     background-color: #f5f4f7;
     background-image: url("//cdn.mytutor.co.uk/images/uploads/location-textpanel-bg.png");
     background-size: initial;
     background-position: center;
     background-repeat: repeat;
 }
 
 @media (max-width: 992px) {
     .textpanel {
         padding: 60px 0 65px 0;
     }
 }
 
 .textpanel__header {
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 34px;
     font-size: 2.125rem;
     line-height: 38px;
     line-height: 2.375rem;
     color: #303336;
     font-weight: 400;
     letter-spacing: -0.5px;
     margin-bottom: 12px;
 }
 
 @media (max-width: 992px) {
     .textpanel__header {
         font-family: "Modelica", "Source Sans Pro", sans-serif;
         font-size: 28px;
         font-size: 1.75rem;
         line-height: 34px;
         line-height: 2.125rem;
         color: #303336;
         font-weight: 400;
         letter-spacing: 0;
     }
 }
 
 .textpanel__header--small {
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 28px;
     font-size: 1.75rem;
     line-height: 34px;
     line-height: 2.125rem;
     color: #303336;
     font-weight: 400;
     letter-spacing: 0;
 }
 
 @media (max-width: 708px) {
     .textpanel__header--small {
         font-family: "Modelica", "Source Sans Pro", sans-serif;
         font-size: 24px;
         font-size: 1.5rem;
         line-height: 28px;
         line-height: 1.75rem;
         color: #303336;
         font-weight: 400;
         letter-spacing: 0;
     }
 }
 
 .textpanel__body {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 18px;
     font-size: 1.125rem;
     line-height: 24px;
     line-height: 1.5rem;
     color: #303336;
     font-weight: 400;
     color: #67657d;
 }
 
 .textpanel__button {
     margin-top: 18px;
 }
 
 @media (max-width: 708px) {
     .textpanel__button {
         margin-top: 10px;
     }
 }
 
 .textpanel--inline {
     padding: 50px 20px;
     margin-bottom: 60px;
     margin-top: 10px;
 }
 
 @media (max-width: 708px) {
     .textpanel--inline {
         margin-bottom: 20px;
         padding: 40px 20px;
     }
 }
 
 .referral--padding {
     padding: 0 30px;
 }
 
 @media (max-width: 708px) {
     .referral--padding {
         padding: 0 20px;
     }
 }
 
 .referral__wrapper {
     margin: 20px 0;
 }
 
 .referral__wrapper label,
 .referral__wrapper .copylink label {
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 18px;
     font-weight: 600;
     margin-bottom: 8px;
 }
 
 .referral__facebook {
     color: #43619c;
 }
 
 .referral__twitter {
     color: #24a9e6;
 }
 
 .referral__social {
     margin-top: 28px;
 }
 
 @media (max-width: 708px) {
     .referral__social {
         margin-top: 10px;
     }
 }
 
 .referral__header {
     padding: 20px;
     border-bottom: 1px solid #dcdae2;
 }
 
 .referral__header img {
     display: inline-block;
     width: 65px;
     margin-right: 20px;
     vertical-align: middle;
     display: inline-block;
 }
 
 .referral__header h3 {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 24px;
     font-size: 1.5rem;
     line-height: 28px;
     line-height: 1.75rem;
     color: #303336;
     font-weight: 600;
     font-weight: 600;
     display: inline-block;
     width: calc(100% - 100px);
     vertical-align: middle;
     margin-top: 5px;
 }
 
 .referral__content {
     background-color: #f5f4f7;
     margin: 20px;
     padding: 20px;
 }
 
 .referral__content label {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 18px;
     font-size: 1.125rem;
     line-height: 24px;
     line-height: 1.5rem;
     color: #303336;
     font-weight: 400;
     font-weight: 600;
     margin-bottom: 10px;
 }
 
 .referral__body {
     margin: 20px;
 }
 
 .referral__body p {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 18px;
     font-size: 1.125rem;
     line-height: 24px;
     line-height: 1.5rem;
     color: #303336;
     font-weight: 400;
     color: #67657d;
 }
 
 .referral__footer {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 14px;
     font-size: 0.875rem;
     line-height: 16px;
     line-height: 1rem;
     color: #303336;
     font-weight: 400;
     color: #67657d;
     margin: 10px 20px 20px 20px;
 }
 
 .referral__code {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 18px;
     font-size: 1.125rem;
     line-height: 24px;
     line-height: 1.5rem;
     color: #303336;
     font-weight: 400;
 }
 
 .referral__code span {
     font-weight: 600;
 }
 
 .referral__voucher {
     margin: 1em 0;
     font-size: 16px;
     line-height: 20px;
 }
 
 .referral__voucher h2 {
     margin: 1em 0 0.1em;
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 1.125em;
     font-weight: 600;
 }
 
 .referral__voucher header {
     margin: 1em 0;
     padding: 0 30px;
 }
 
 .referral__voucher header>img {
     float: left;
     width: 60px;
     margin-right: 1em;
     margin-top: -0.5em;
 }
 
 .referral__voucher header p {
     color: #67657d;
 }
 
 .referral__voucher header aside {
     float: right;
     margin: 0.75em 0 0.75em 0.75em;
 }
 
 .referral__voucher header aside img {
     cursor: pointer;
 }
 
 .referral__voucher header aside em {
     margin-left: 0.5em;
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 1.75em;
     font-weight: 600;
     font-style: normal;
     color: #00918a;
 }
 
 .referral__voucher section {
     border-top: 1px solid #dcdae2;
 }
 
 .referral__voucher section>* {
     padding: 0 30px;
     border-right: 1px dashed #dcdae2;
 }
 
 .referral__voucher section>*:last-of-type {
     border-right: 0;
 }
 
 @media (max-width: 840px) {
     .referral__voucher section>* {
         border-right: 0;
         border-bottom: 1px dashed #dcdae2;
     }
     .referral__voucher section>*:last-of-type {
         border-bottom: 0;
     }
 }
 
 .referral__voucher section ul,
 .referral__voucher section p {
     margin: 1em 0 2em;
 }
 
 .referral__voucher section li {
     margin: 1em 0;
 }
 
 .wallet__topup__steps {
     position: absolute;
     top: -4em;
     width: calc(100% - 5em);
     display: flex;
 }
 
 .wallet__topup__steps li {
     display: inline-block;
     width: 100%;
     padding: 0.675em;
     border-bottom: 3px solid #e7e6fc;
     text-align: center;
 }
 
 .wallet__topup__steps li>span {
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     color: #009383;
     font-size: 0.875em;
     font-weight: 600;
 }
 
 .wallet__topup__steps li.active {
     border-bottom-color: #14508e;
 }
 
 .wallet__topup__steps li.active>span {
     color: #311b92;
 }
 
 .wallet__topup__steps li a {
     color: inherit;
 }
 
 .wallet__topup__step {
     position: relative;
     margin-top: 3em;
 }
 
 .wallet__topup__step h3 {
     margin: 0 0 1em;
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 1.125em;
     color: #303336;
     font-weight: 700;
 }
 
 .wallet__topup__step h4 {
     margin: 0 0 1em;
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 1em;
     color: #303336;
     font-weight: 700;
 }
 
 .wallet__topup__step p {
     margin: 1em 0;
     padding: 0 10px;
     font-size: 1.0625em;
     line-height: 1.25em;
     color: #67657d;
 }
 
 .wallet__topup__step iframe {
     padding: 2px;
     border: 1px solid #dcdae2;
     box-sizing: border-box;
     background: #fff;
 }
 
 .wallet__topup__step.withPriceBreakDown>footer p {
     margin: 1em 0;
     color: #67657d;
     text-align: center;
 }
 
 .wallet__topup__step.step0 {
     margin-top: 0;
 }
 
 .wallet__topup__step.step0 h3 {
     padding: 0 10px;
 }
 
 .wallet__topup__step.step0 p {
     margin: 1em 0 1.5em;
     font-size: 1em;
 }
 
 .wallet__topup__step.step0 .wallet__topup__detail {
     margin-top: 1.5em;
     margin-bottom: 1.5em;
     padding-bottom: 1em;
 }
 
 .wallet__topup__step.step0 .wallet__topup__detail section {
     padding-right: 0;
     border-right: 0;
 }
 
 .wallet__topup__step.step0 .wallet__topup__detail section h4 {
     margin-top: 1em;
     font-size: 0.875em;
 }
 
 .wallet__topup__step.step0 footer {
     display: flex;
     align-items: center;
     justify-content: flex-end;
     padding: 0 10px;
     margin: 1em 0;
 }
 
 .wallet__topup__step.step0 footer p {
     margin: 0.5em 0;
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 0.75em;
     color: #303336;
     text-align: right;
     padding: 0 2em;
 }
 
 .wallet__topup__step.step0 footer p img {
     height: 1.25em;
     margin-right: 0.25em;
     vertical-align: text-bottom;
 }
 
 .wallet__topup__step.step1 h3 {
     text-align: center;
 }
 
 .wallet__topup__step dl {
     display: flex;
     flex-flow: row;
     flex-wrap: wrap;
 }
 
 .wallet__topup__step dl dt {
     flex: 0 0 50%;
     margin: 0.375em 0;
     font-size: 0.875em;
     font-weight: 600;
     color: #303336;
 }
 
 .wallet__topup__step dl dd {
     flex: 0 0 50%;
     margin: 0.25em 0;
     text-align: right;
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-weight: 800;
     color: #545174;
     line-height: 1.25em;
 }
 
 .wallet__topup__step ul.error {
     font-size: 1em;
 }
 
 .wallet__topup__step ul.error:before {
     display: none;
 }
 
 .wallet__topup__step ul.error li {
     margin: 1em 0;
 }
 
 .wallet__topup__step del {
     color: #8d89aa;
 }
 
 .wallet__topup__options {
     display: flex;
     margin: 1em 0;
 }
 
 @media (max-width: 708px) {
     .wallet__topup__options {
         display: block;
     }
 }
 
 .wallet__topup__options li {
     position: relative;
     display: flex;
     align-items: center;
     justify-content: center;
     margin: 0.5em;
     border: 2px solid transparent;
     box-sizing: border-box;
     box-shadow: 0 2px 11px 0 rgba(76, 81, 87, 0.15);
     text-align: center;
     width: 33.33333%;
     color: #545174;
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 1em;
     font-weight: 800;
     background: #fff;
 }
 
 @media (max-width: 708px) {
     .wallet__topup__options li {
         margin: 1.5em 0;
         border: 2px solid #f5f4f7;
         box-shadow: none;
         width: 100%;
     }
 }
 
 .wallet__topup__options li:hover {
     border-color: #00918a;
 }
 
 .wallet__topup__options li.selected {
     border-color: #00918a;
     background-color: white !important;
 }
 
 .wallet__topup__options li.selected:before {
     content: "";
     position: absolute;
     left: calc(50% - 10px);
     bottom: -10px;
     border-top: 10px solid #00918a;
     border-left: 10px solid transparent;
     border-right: 10px solid transparent;
 }
 
 @media (max-width: 708px) {
     .wallet__topup__options li.selected:before {
         display: none;
     }
 }
 /* .wallet__topup__options li.selected:after {
    content: "";
    position: absolute;
    top: .3em;
    right: .3em;
    display: block;
    width: 20px;
    height: 20px;
    background-image: url("https://cdn.mytutor.co.uk/icons/confirmed-primary7.svg?1599042894000");
    background-size: cover
} */
 
 .wallet__topup__options li>strong {
     position: absolute;
     top: -1.125em;
     left: 20%;
     width: 55%;
     border-radius: 1em;
     padding: 0.5em 0.5em;
     background: #e85dcc;
     color: #fff;
     font-size: 0.575em;
     font-weight: 700;
     text-align: center;
     text-transform: uppercase;
     white-space: nowrap;
 }
 
 .wallet__topup__options li a {
     position: relative;
     display: block;
     width: 100%;
     padding: 0.75em;
     color: inherit;
     text-decoration: none;
 }
 
 .wallet__topup__options li a em {
     display: block;
     font-size: 2.25em;
     font-style: normal;
     line-height: 1.25em;
 }
 
 @media (max-width: 708px) {
     .wallet__topup__options li a em {
         font-size: 1.75em;
     }
 }
 
 .wallet__topup__options li a span {
     display: block;
     font-size: 0.875em;
     margin: 0.25em 0 0.5em;
     color: #cac9d8;
 }
 
 .wallet__topup__options li a strong {
     position: absolute;
     width: 50%;
     left: 25%;
     border-radius: 1em;
     padding: 0.5em 0;
     background: #f5dfa5;
     color: #303336;
     font-size: 0.625em;
     text-align: center;
     text-transform: uppercase;
     white-space: nowrap;
 }
 
 .wallet__topup__options li a footer {
     margin: calc(-0.75em - 2px);
     margin-top: 1.5em;
     padding: calc(0.75em - -2px);
     padding-top: 0.75em;
 }
 
 .wallet__topup__options li.option0 a em {
     font-size: 1em;
     color: #cac9d8;
 }
 
 @media (max-width: 708px) {
     .wallet__topup__options li.option0 a em {
         margin: 1em 0;
     }
 }
 
 .wallet__topup__options li.option0.selected a em {
     color: #545174;
 }
 
 .wallet__topup__options.withCustomAmount li {
     width: 25%;
 }
 
 @media (max-width: 708px) {
     .wallet__topup__options.withCustomAmount li {
         width: 100%;
     }
 }
 
 .wallet__topup__detail {
     display: flex;
     margin: 0.5em;
     padding: 1.5em;
     border-top: 3px solid #00918a;
     box-shadow: 0 3px 10px 0 rgba(76, 81, 87, 0.15);
     background: #fff;
 }
 
 @media (max-width: 708px) {
     .wallet__topup__detail {
         margin: 1em 0;
         border: 1px solid #f5f4f7;
         border-top: 3px solid #00918a;
         box-shadow: none;
         flex-wrap: wrap;
     }
 }
 
 .wallet__topup__detail section {
     border-right: 1px solid #cac9d8;
     padding-right: 1.5em;
 }
 
 @media (max-width: 708px) {
     .wallet__topup__detail section {
         border: 0;
         padding: 0;
         width: 100%;
     }
 }
 
 .wallet__topup__detail section p {
     position: relative;
     margin: 0;
     padding: 0;
     font-size: 0.875em;
 }
 
 .wallet__topup__detail section p strong {
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-weight: 800;
 }
 
 .wallet__topup__detail section p+p {
     margin-top: 1em;
 }
 
 .wallet__topup__detail aside {
     margin-left: -1px;
     border-left: 1px solid #cac9d8;
     padding-left: 1.5em;
 }
 
 @media (max-width: 708px) {
     .wallet__topup__detail aside {
         border: 0;
         padding: 0;
         margin: 1em 0 0;
         width: 100%;
     }
 }
 
 .wallet__topup__detail aside dl {
     margin-top: -0.25em;
     margin-bottom: 1em;
 }
 
 .wallet__topup__detail aside button {
     min-width: 235px;
 }
 
 .wallet__topup__detail aside button+footer {
     font-size: 0.75em;
     color: #545174;
     white-space: nowrap;
     margin-top: 0.75em;
 }
 
 .wallet__topup__detail aside button+footer a {
     color: inherit;
     text-decoration: underline;
 }
 
 .wallet__topup__detail.option0 {
     align-items: start;
 }
 
 .wallet__topup__detail.option0 p .inputprefix {
     position: absolute;
     top: 0.75em;
     left: 0.5em;
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 1.125em;
     font-weight: 800;
     color: #00918a;
 }
 
 @media (max-width: 708px) {
     .wallet__topup__detail.option0 p .inputprefix {
         left: 0.5em;
     }
 }
 
 .wallet__topup__detail.option0 p input {
     padding-left: 1.75em;
 }
 
 .wallet__topup__detail.option0 p label {
     margin: 0.5em 0 0;
 }
 
 .wallet__topup__detail.option0 p label.ui-message-error {
     padding: 0;
     border: 0;
 }
 
 @media (max-width: 708px) {
     .wallet__topup__detail.option0 p label {
         position: static;
         white-space: normal;
     }
 }
 
 .wallet__topup__breakdown {
     margin-bottom: 1em;
     border: 1px solid #dcdae2;
 }
 
 .wallet__topup__breakdown h4 {
     margin: 1em 0 0.5em;
     padding: 0 1em;
 }
 
 .wallet__topup__breakdown dl {
     margin: 0.5em 0;
     padding: 0 1em;
 }
 
 .wallet__topup__breakdown dl.total {
     margin-bottom: 0;
     padding-top: 0.5em;
     padding-bottom: 0.5em;
     background: #f5f4f7;
 }
 
 .wallet__topup__breakdown dl.total dt {
     font-weight: 700;
     color: #303336;
 }
 
 .wallet__payment {
     text-align: center;
     padding: 30px 20px;
     max-width: 600px;
     margin: 0 auto;
     box-sizing: border-box;
 }
 
 .wallet__payment header h2 {
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 1.125em;
     color: #303336;
     font-weight: 700;
     margin: 1em 0;
 }
 
 .wallet__payment header p {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 18px;
     font-size: 1.125rem;
     line-height: 24px;
     line-height: 1.5rem;
     color: #303336;
     font-weight: 400;
     margin: 0.5em 0;
 }
 
 .pupil__target {
     background-color: #f5f4f7;
     display: inline-block;
     padding: 8px 15px;
     margin: 35px 30px 20px 30px;
     position: relative;
 }
 
 @media (max-width: 708px) {
     .pupil__target {
         margin: 0 20px;
         display: block;
     }
 }
 
 .pupil__target__grades {
     padding-left: 40px;
 }
 
 .pupil__target img {
     top: 9px;
     position: absolute;
     left: 15px;
 }
 
 .pupil__target p {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 18px;
     font-size: 1.125rem;
     line-height: 24px;
     line-height: 1.5rem;
     color: #303336;
     font-weight: 400;
     color: #67657d;
     font-weight: 600;
     vertical-align: middle;
     display: inline-block;
     margin-right: 20px;
 }
 
 @media (max-width: 708px) {
     .pupil__target p {
         font-family: "Source Sans Pro", sans-serif;
         font-size: 16px;
         font-size: 1rem;
         line-height: 20px;
         line-height: 1.25rem;
         color: #303336;
         font-weight: 400;
         color: #67657d;
         font-weight: 600;
     }
 }
 
 .pupil__target p span {
     color: #303336;
 }
 
 .pupil__sessions {
     margin: 30px 30px 50px 30px;
     position: relative;
 }
 
 @media (max-width: 708px) {
     .pupil__sessions {
         margin: 30px 20px 50px 20px;
     }
 }
 
 .pupil__sessions:before {
     content: "";
     position: absolute;
     left: 16px;
     top: 0;
     bottom: 0;
     border-left: 1px dashed #dcdae2;
 }
 
 .pupil__sessions--empty:before {
     content: none;
 }
 
 .pupil__sessions--empty h3 {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 16px;
     font-size: 1rem;
     line-height: 20px;
     line-height: 1.25rem;
     color: #303336;
     font-weight: 400;
     font-weight: 600;
     font-family: "Modelica", "Source Sans Pro", sans-serif;
 }
 
 .pupil__sessions--empty p {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 16px;
     font-size: 1rem;
     line-height: 20px;
     line-height: 1.25rem;
     color: #303336;
     font-weight: 400;
     color: #67657d;
 }
 
 .pupil__date {
     margin-bottom: 15px;
 }
 
 @media (max-width: 708px) {
     .pupil__date {
         margin-bottom: 10px;
     }
 }
 
 .pupil__date h2 {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 18px;
     font-size: 1.125rem;
     line-height: 24px;
     line-height: 1.5rem;
     color: #303336;
     font-weight: 400;
     color: #542eff;
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-weight: 600;
     display: inline-block;
     vertical-align: middle;
 }
 
 .pupil__date .avatar {
     vertical-align: middle;
     margin-right: 10px;
     background-color: #f5f4f7;
     color: #303336;
 }
 
 .pupil__feedback {
     padding-left: 46px;
     margin-bottom: 35px;
 }
 
 @media (max-width: 708px) {
     .pupil__feedback {
         margin-bottom: 20px;
     }
 }
 
 .pupil__feedback dl dt {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 16px;
     font-size: 1rem;
     line-height: 20px;
     line-height: 1.25rem;
     color: #303336;
     font-weight: 400;
     font-weight: 600;
     font-family: "Modelica", "Source Sans Pro", sans-serif;
 }
 
 .pupil__feedback dl dd {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 16px;
     font-size: 1rem;
     line-height: 20px;
     line-height: 1.25rem;
     color: #303336;
     font-weight: 400;
     color: #67657d;
     margin-bottom: 20px;
 }
 
 .pupil__file {
     position: relative;
 }
 
 .pupil__file a {
     display: block;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     padding: 10px 0 10px 45px;
 }
 
 .pupil__file img {
     vertical-align: middle;
     width: 40px;
     height: 40px;
     position: absolute;
     left: 0;
 }
 
 .pupil__resources {
     padding: 18px 20px;
     border-left: 1px solid #dcdae2;
 }
 
 @media (max-width: 708px) {
     .pupil__resources {
         border: 0;
         padding: 18px 20px 10px 20px;
     }
 }
 
 .pupil__resources header {
     position: relative;
 }
 
 @media (max-width: 708px) {
     .pupil__resources header {
         background-color: #f5f4f7;
         display: block;
         padding: 8px 15px;
     }
 }
 
 .pupil__resources__toggle {
     float: right;
     margin-bottom: 0;
     margin-top: 2px;
     color: #542eff;
 }
 
 .pupil__resources h3 {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 18px;
     font-size: 1.125rem;
     line-height: 24px;
     line-height: 1.5rem;
     color: #303336;
     font-weight: 400;
     font-weight: 600;
     display: inline-block;
     max-width: calc(100% - 122px);
 }
 
 @media (max-width: 708px) {
     .pupil__resources h3 {
         max-width: calc(100% - 40px);
     }
 }
 
 .pupil__resources form {
     display: inline-block;
     position: absolute;
     right: 0;
 }
 
 @media (max-width: 708px) {
     .pupil__resources form {
         position: relative;
         display: block;
     }
     .pupil__resources form button {
         margin-top: 5px;
     }
 }
 
 @media (max-width: 708px) {
     .js-resourcestable {
         display: none;
     }
     .js-resourcestable--show {
         display: block;
     }
 }
 
 .navbar__main {
     background-color: #fff;
     box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.16);
     display: flex;
     left: 0;
     padding: 0 16px;
     position: fixed;
     right: 0;
     top: 0;
     transition: top 0.2s ease-in-out;
     z-index: 9994;
 }
 
 @media (max-width: 1268px) {
     .navbar__main .r_button,
     .navbar__main .teacherresources__upload .ui-fileupload-choose,
     .teacherresources__upload .navbar__main .ui-fileupload-choose,
     .navbar__main .teacherresources__selectone .ui-button,
     .teacherresources__selectone .navbar__main .ui-button,
     .navbar__main #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar .ui-button,
     #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar .navbar__main .ui-button,
     .navbar__main .securesidebar__upload .ui-fileupload-buttonbar .ui-button,
     .securesidebar__upload .ui-fileupload-buttonbar .navbar__main .ui-button,
     .navbar__main .ui-fileupload .ui-fileupload-buttonbar .ui-button,
     .ui-fileupload .ui-fileupload-buttonbar .navbar__main .ui-button,
     .navbar__main .page_tutors_secure_cover-report .container__card .upload .ui-fileupload-choose,
     .page_tutors_secure_cover-report .container__card .upload .navbar__main .ui-fileupload-choose {
         padding: 6px 10px 8px;
         letter-spacing: -0.5px;
     }
 }
 
 .navbar__menu-btn {
     margin-top: 12px;
     width: 72px;
 }
 
 .navbar__logo {
     background-image: url("/images/logo.svg");
     background-position: left 21px;
     background-repeat: no-repeat;
     background-size: contain;
     height: 60px;
     width: 97px;
     line-height: 60px;
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-weight: 700;
     font-size: 23px;
     letter-spacing: 0.3px;
     color: transparent;
 }
 
 .navbar__logo:hover {
     color: transparent;
 }
 
 @media (max-width: 1100px) {
     .navbar__logo {
         flex: 6;
         background-position-x: center;
         background-size: auto;
     }
 }
 
 .navbar__actions {
     flex: 1;
     white-space: nowrap;
     margin-top: 12px;
     text-align: right;
 }
 
 @media (max-width: 1100px) {
     .navbar__actions {
         min-width: 225px;
         margin-left: -150px;
     }
 }
 
 header+#allcontent {
     padding-top: 0em;
 }
 
 @media (max-width: 992px) {
     header+#allcontent {
         padding-top: 4.5em;
     }
 }
 
 @media (max-width: 358px) {
     header+#allcontent {
         padding-top: 3.75em;
     }
 }
 
 nav.bar {
     position: fixed;
     top: 0;
     left: 0;
     right: 0;
     z-index: 999;
     display: flex;
     align-items: center;
     justify-content: space-between;
     height: 5em;
     background: white;
     padding: 0 2em;
     border-bottom: 1px solid #cac9d8;
     box-sizing: border-box;
 }
 
 @media (max-width: 992px) {
     nav.bar {
         height: 4.5em;
     }
 }
 
 @media (max-width: 358px) {
     nav.bar {
         height: 3.75em;
         padding: 0 1em;
     }
 }
 
 nav.bar.override {
     display: none;
 }
 
 @media (max-width: 708px) {
     nav.bar.override {
         display: none !important;
     }
 }
 
 nav.bar a.logo {
     width: 103px;
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 1.5em;
     font-weight: 700;
     line-height: 1.5;
     letter-spacing: 0.3px;
     color: transparent;
     background-image: url(/images/logo.svg);
     background-repeat: no-repeat;
     background-position: 0 80%;
     background-size: contain;
 }
 
 @media (max-width: 992px) {
     nav.bar a.logo {
         position: absolute;
         left: 0;
         right: 0;
         width: 86px;
         margin-left: auto;
         margin-right: auto;
         font-size: 1.25em;
     }
 }
 
 nav.bar>ul {
     display: flex;
     align-items: center;
 }
 
 @media (max-width: 992px) {
     nav.bar>ul>li>div {
         display: none;
         z-index: 9994;
         position: fixed;
         top: 4.5em;
         left: 0;
         right: 0;
         overflow-y: scroll;
         height: calc(100vh - 4.5em);
         background: white;
         padding-bottom: 4rem;
     }
 }
 
 @media (max-width: 358px) {
     nav.bar>ul>li>div {
         top: 3.75em;
         height: calc(100vh - 3.75em);
     }
 }
 
 nav.bar>ul>li>div>ul {
     display: flex;
     align-items: center;
 }
 
 @media (max-width: 992px) {
     nav.bar>ul>li>div>ul {
         display: block;
     }
 }
 
 nav.bar>ul>li>div>ul>li {
     position: relative;
     margin: 0 0.375em;
     padding: 0 0.3125em;
     z-index: 0;
     border: none;
 }
 
 @media (max-width: 992px) {
     nav.bar>ul>li>div>ul>li {
         display: block;
         margin: 0;
         padding: 0;
         text-align: center;
         border-top: 1px solid #dcdae2;
     }
     nav.bar>ul>li>div>ul>li:hover {
         background-color: #f5f4f7;
     }
 }
 
 nav.bar>ul>li>div>ul>li:before {
     content: "";
     position: absolute;
     top: 7px;
     left: 0;
     right: 0;
     bottom: 0.875em;
     -webkit-transform: skewX(-10deg);
     -ms-transform: skewX(-10deg);
     transform: skewX(-10deg);
     z-index: -1;
     padding: 15px 15px;
 }
 
 @media (max-width: 992px) {
     nav.bar>ul>li>div>ul>li:before {
         display: none;
     }
 }
 
 nav.bar>ul>li>div>ul>li:hover:before {
     background-color: #f5f4f7;
 }
 
 nav.bar>ul>li>div>ul>li>a {
     display: flex;
     align-items: center;
     justify-content: center;
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-weight: 600;
     font-size: 15px;
     color: #303336;
     height: 1em;
     padding: 1.5em 0.5em;
     white-space: nowrap;
     cursor: pointer;
     text-decoration: none;
 }
 
 @media (max-width: 992px) {
     nav.bar>ul>li>div>ul>li>a {
         padding: 3em 2em;
         font-size: 0.75em;
         font-weight: 700;
         letter-spacing: 0.5px;
         text-transform: uppercase;
     }
 }
 
 nav.bar>ul>li>div>ul>li>a.u-show--medium {
     display: none;
 }
 
 @media (max-width: 992px) {
     nav.bar>ul>li>div>ul>li>a.u-show--medium {
         display: flex;
     }
 }
 
 nav.bar>ul>li>div>ul>li>a.u-hide--medium {
     display: flex;
 }
 
 @media (max-width: 992px) {
     nav.bar>ul>li>div>ul>li>a.u-hide--medium {
         display: none;
     }
 }
 
 nav.bar>ul>li>div>ul>li>a .unread {
     color: #e85dcc;
     font-weight: 800;
     margin-left: 0.5em;
 }
 
 nav.bar>ul>li>div>ul>li>a .walletBalance {
     font-weight: 800;
     margin-left: 0.5em;
 }
 
 nav.bar>ul>li>div>ul>li.popover>a>span {
     position: relative;
     padding-right: 2em;
 }
 
 nav.bar>ul>li>div>ul>li.popover>a>span:after {
     content: "";
     position: absolute;
     top: 1.9px;
     right: 0;
     display: block;
     width: 1.5em;
     height: 1.5em;
     background-image: url("../../assets/svg/chevron-down-neutral8.svg");
     background-repeat: no-repeat;
     background-size: 1.5em;
     background-position: right center;
     transition-property: transform;
     transition-duration: 0.2s;
 }
 
 nav.bar>ul>li>div>ul>li.popover>a.open>span:after {
     transform: rotate(-180deg);
 }
 
 @media (max-width: 992px) {
     nav.bar>ul>li>div>ul>li.popover>.popover__menu {
         position: static;
         margin: 0;
         padding: 0;
         box-shadow: none;
         background-color: #f9f8fb;
     }
     nav.bar>ul>li>div>ul>li.popover>.popover__menu>li a {
         padding: 2em 2em;
         font-weight: 700;
         letter-spacing: 0.5px;
         text-transform: uppercase;
         text-align: center;
     }
     nav.bar>ul>li>div>ul>li.popover>.popover__menu>li.divider {
         border-bottom-width: 2px;
     }
     nav.bar>ul>li>div>ul>li.popover>.popover__menu>li.is-active a {
         font-weight: 800;
         background-color: inherit;
         color: #303336;
     }
 }
 
 nav.bar>ul>li>div>ul>li.popover:hover>a>span:after {
     transform: rotate(-180deg);
 }
 
 @media (max-width: 992px) {
     nav.bar>ul>li>div>ul>li.popover:hover>a>span:after {
         transform: none;
     }
 }
 
 @media (max-width: 992px) {
     nav.bar>ul>li>div>ul>li.popover:hover>.popover__menu {
         display: none;
     }
 }
 
 nav.bar>ul>li>div>ul>li.is-active:before {
     background-color: #542eff;
 }
 
 nav.bar>ul>li>div>ul>li.is-active>a {
     font-weight: 800;
     color: #fff;
 }
 
 nav.bar>ul>li>div>ul>li.is-active>a .unread {
     color: #fff;
 }
 
 @media (max-width: 992px) {
     nav.bar>ul>li>div>ul>li.is-active>a {
         color: #303336;
     }
     nav.bar>ul>li>div>ul>li.is-active>a .unread {
         color: #303336;
     }
 }
 
 nav.bar>ul>li>div>ul>li.is-active>a>span:after {
     background-image: url("../../assets/svg/chevron-down-neutral0.svg");
 }
 
 @media (max-width: 992px) {
     nav.bar>ul>li>div>ul>li.is-active>a>span:after {
         background-image: url("../../assets/svg/chevron-down-neutral8.svg");
     }
 }
 
 nav.bar>ul>li>div>ul>li.phoneNumber {
     display: none;
 }
 
 @media (max-width: 708px) {
     nav.bar>ul>li>div>ul>li.phoneNumber {
         display: block;
     }
 }
 
 nav.bar>ul>li>div>ul>li.phoneNumber>label {
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 0.5625em;
     font-weight: 600;
     line-height: 1;
     letter-spacing: 0.5px;
     text-transform: uppercase;
     padding-top: 3em;
 }
 
 nav.bar>ul>li>div>ul>li.phoneNumber>a {
     font-weight: 800;
     padding-top: 1em;
     padding-bottom: 1.75em;
     color: #542eff;
 }
 
 nav.bar>aside {
     display: flex;
     align-items: center;
 }
 
 nav.bar>aside>*+* {
     margin-left: 1rem;
 }
 
 nav.bar>aside a.phoneNumber {
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-weight: 600;
     font-size: 0.875em;
     padding: 1em 0;
 }
 
 @media (max-width: 1268px) {
     nav.bar>aside a.phoneNumber {
         display: none;
     }
 }
 
 @media (max-width: 992px) {
     nav.bar>aside a.phoneNumber {
         display: block;
     }
 }
 
 @media (max-width: 708px) {
     nav.bar>aside a.phoneNumber {
         display: none;
     }
 }
 
 nav.bar>aside>ul>li .profile {
     cursor: pointer;
 }
 
 @media (max-width: 1100px) {
     nav.bar>aside>ul>li .profile .username {
         display: none;
     }
 }
 
 @media (max-width: 992px) {
     nav.bar>aside>ul>li .profile .username {
         display: block;
     }
 }
 
 @media (max-width: 708px) {
     nav.bar>aside>ul>li .profile .username {
         display: none;
     }
 }
 
 nav.bar>aside>ul>li.popover>.popover__menu {
     right: 0;
 }
 
 nav.bar li.popover>.popover__menu {
     display: none;
     margin-top: -0.5em;
     margin-left: -0.5em;
     padding: 0;
     box-shadow: 0 8px 16px 0 rgba(24, 19, 87, 0.07);
     z-index: 9994;
 }
 
 @media (max-width: 708px) {
     nav.bar li.popover>.popover__menu {
         margin: 0;
     }
 }
 
 nav.bar li.popover>.popover__menu:before,
 nav.bar li.popover>.popover__menu:after {
     display: none;
 }
 
 nav.bar li.popover>.popover__menu>li a {
     display: block;
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 12px;
     font-weight: 800;
     padding: 13px;
     color: #303336;
     text-decoration: none;
 }
 
 nav.bar li.popover>.popover__menu>li a:hover {
     background-color: #f5f4f7;
 }
 
 nav.bar li.popover>.popover__menu>li.divider {
     border-bottom: 1px solid #dcdae2;
 }
 
 nav.bar li.popover>.popover__menu>li.is-active a {
     background-color: #542eff;
     color: #fff;
 }
 
 nav.bar li.popover:hover>.popover__menu {
     display: block;
 }
 
 nav.bar .profile {
     display: flex;
     align-items: center;
     font-family: Modelica;
     font-size: 0.875em;
     font-weight: 800;
     line-height: 1.29;
     color: #303336;
     height: 1em;
     padding: 1.5em 0;
 }
 
 nav.bar .profile .username {
     padding: 0 1.5em;
 }
 
 nav.bar .profile .profileimage,
 nav.bar .profile .tile__avatar {
     width: 2rem;
     height: 2rem;
     border-radius: 100%;
 }
 
 nav.bar .profile .profileimage>span,
 nav.bar .profile .tile__avatar>span {
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 1em;
     font-weight: 800;
 }
 
 body.navbar__mobilemenu--open {
     overflow: hidden;
 }
 
 body.navbar__mobilemenu--open:before {
     content: "";
     display: block;
     position: fixed;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     z-index: 9994;
     background-color: rgba(0, 0, 0, 0.24);
     animation: fadeIn 0.25s;
 }
 
 .sidenav {
     height: calc(100vh - 60px);
     box-sizing: border-box;
     background-color: #f5f4f7;
     border-right: 1px solid #dcdae2;
     overflow-y: scroll;
     overflow-x: hidden;
     position: relative;
     padding: 40px 5px 5px 30px;
     -ms-overflow-style: none;
 }
 
 @media (max-width: 1268px) {
     .sidenav {
         padding: 40px 5px 5px 16px;
     }
 }
 
 .sidenav::-webkit-scrollbar {
     display: none;
 }
 
 .sidenav__links a,
 .sidenav__links .ui-commandlink {
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 16px;
     font-size: 1rem;
     line-height: 20px;
     line-height: 1.25rem;
     font-weight: 700;
     letter-spacing: 0;
     color: #303336;
     font-weight: 600;
     display: block;
     margin-bottom: 18px;
 }
 
 .sidenav__links a .unread,
 .sidenav__links .ui-commandlink .unread {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 14px;
     font-size: 0.875rem;
     line-height: 16px;
     line-height: 1rem;
     color: #303336;
     font-weight: 400;
     font-size: 12px;
     background: #e85dcc;
     border-radius: 20px;
     color: #fff;
     padding: 0 5px 1px 5px;
     margin-left: 6px;
 }
 
 .sidenav__links a .warning,
 .sidenav__links .ui-commandlink .warning {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 14px;
     font-size: 0.875rem;
     line-height: 16px;
     line-height: 1rem;
     color: #303336;
     font-weight: 400;
     font-size: 12px;
     background: #f9cf00;
     border-radius: 20px;
     color: #fff;
     padding: 0 5px 1px 5px;
     margin-left: 6px;
 }
 
 .sidenav__links a.is-active,
 .sidenav__links .ui-commandlink.is-active {
     font-weight: 700;
 }
 
 .sidenav__footer {
     margin-top: 40px;
 }
 
 @media (max-width: 992px) {
     .sidenav__footer {
         margin-top: 0;
     }
 }
 
 .sidenav__footer a,
 .sidenav__footer .ui-commandlink {
     font-weight: normal;
 }
 
 .v2signup {
     background-color: #f9f8fb !important;
     min-height: 100vh;
     overflow: hidden;
 }
 
 .v2signup__topbar {
     width: 100%;
     height: 8px;
     background-color: #e85dcc;
 }
 
 .v2signup__bg {
     margin-bottom: 2rem;
     text-align: center;
 }
 
 @media (max-width: 708px) {
     .v2signup__bg a {
         display: none;
     }
 }
 
 .v2signup__logo {
     margin-top: 65px;
     width: 150px;
 }
 
 .v2signup__wrapper {
     text-align: center;
 }
 
 @media (max-width: 708px) {
     .v2signup__wrapper {
         margin-top: 0;
     }
 }
 
 .v2signup__wrapper .backarrow {
     position: absolute;
     top: 2rem;
     left: 1rem;
     padding: 0;
 }
 
 .v2signup__card {
     width: 370px;
     background-color: #fff;
     box-shadow: 0 1px 3px 0 rgba(48, 51, 54, 0.15), 0 0 0 1px rgba(48, 51, 54, 0.05);
     padding: 26px 20px;
     position: relative;
     margin: 0 auto;
 }
 
 @media (max-width: 708px) {
     .v2signup__card {
         background-color: #f9f8fb;
         width: auto;
         box-shadow: none;
         margin: 0 !important;
     }
 }
 
 .v2signup__card .inputRegion label {
     color: #545174;
     font-weight: 600;
     text-align: left;
 }
 
 .v2signup__card .error,
 .v2signup__card .errors,
 .v2signup__card .inputfieldinfo {
     text-align: left;
 }
 
 .v2signup__terms {
     width: 370px;
     padding: 26px 20px;
     position: relative;
     margin: 0 auto;
     color: #67657d;
 }
 
 @media (max-width: 708px) {
     .v2signup__terms {
         width: auto;
         padding: 5px 20px;
         margin: 0 !important;
     }
 }
 
 .v2signup__header {
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 20px;
     font-weight: bold;
     text-align: center;
     line-height: 1.2;
     color: #303336;
     display: inline-block;
     margin-bottom: 27px;
 }
 
 .v2signup__subheader {
     font-family: "Source Sans Pro", "Helvetica", "Arial", sans-serif;
     font-size: 22px;
     font-weight: normal;
     line-height: 1.09;
     text-align: center;
     color: #556171;
     max-width: 256px;
     margin: 0 auto 34px auto;
 }
 
 .v2signup__image {
     display: block;
     margin: 8px auto 18px auto;
 }
 
 .v2signup__back {
     position: absolute;
     left: 20px;
     top: 32px;
     width: 16px;
     height: 16px;
 }
 
 .v2signup__login {
     position: absolute;
     right: 20px;
     top: -2px;
     padding: 6px 10px 8px 10px !important;
 }
 
 .v2signup__button {
     width: 100%;
     height: 80px;
     font-size: 18px !important;
     font-weight: bold !important;
     line-height: 1.6 !important;
     text-align: center !important;
     text-transform: none;
     background-color: #fff !important;
     color: #303336 !important;
     padding-top: 25px !important;
     margin-bottom: 18px;
     box-shadow: 0 3px 9px 0 rgba(48, 51, 54, 0.08), 0 0 0 1px rgba(48, 51, 54, 0.06);
     border: solid 1px #cac9d8;
 }
 
 .v2signup__button:hover,
 .v2signup__button:active,
 .v2signup__button.selected,
 .v2signup__button:focus {
     background-color: #fff;
     color: #303336;
     border: solid 1px transparent;
     box-shadow: 0 0 0 3px #542eff;
 }
 
 .v2signup__link {
     font-family: "Source Sans Pro", "Helvetica", "Arial", sans-serif;
     font-size: 18px;
     font-weight: normal;
     line-height: 1.33px;
     text-align: center;
     display: block;
     margin-top: 25px;
     margin-bottom: 15px;
 }
 
 .v2signup__footer {
     background-color: #f2f4f7;
     padding: 10px;
     font-family: "Source Sans Pro", serif;
     font-size: 18px;
     text-align: center;
     color: #6b7c93;
     margin-top: 35px;
 }
 
 .v2signup__footer a {
     color: #542eff;
 }
 
 .v2signup #tutorsignupform.step1 .ui-buttonset {
     width: 100%;
 }
 
 .v2signup #tutorsignupform.step1 .ui-buttonset .ui-button {
     margin: 0.25em;
     font-size: 1.25em;
     font-weight: 400;
     box-sizing: border-box;
     border: solid 3px transparent;
 }
 
 .v2signup #tutorsignupform.step1 .ui-buttonset .ui-button .ui-button-text {
     padding: 0.5em 0.75em;
 }
 
 .v2signup #tutorsignupform.step1 .ui-buttonset .ui-button.ui-state-default {
     border: solid 3px transparent;
     color: #303336;
     font-weight: 400;
     background-color: white;
     background-repeat: no-repeat;
     background-position-x: center;
     box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.18);
     text-shadow: none;
 }
 
 .v2signup #tutorsignupform.step1 .ui-buttonset .ui-button.ui-state-hover,
 .v2signup #tutorsignupform.step1 .ui-buttonset .ui-button.ui-state-focus {
     border: solid 3px #542eff;
     box-shadow: 0 3px 9px 0 rgba(48, 51, 54, 0.08), 0 0 0 1px rgba(48, 51, 54, 0.06);
 }
 
 .v2signup #tutorsignupform.step1 .ui-buttonset .ui-button.ui-state-active {
     border: solid 3px #542eff;
     box-shadow: 0 3px 9px 0 rgba(48, 51, 54, 0.08), 0 0 0 1px rgba(48, 51, 54, 0.06);
 }
 
 .v2signup #tutorsignupform.step1 .ui-buttonset.box .ui-button {
     position: relative;
     height: 6em;
     margin: 1em 0 0 !important;
     font-size: 1.375em;
 }
 
 .v2signup #tutorsignupform.step1 .ui-buttonset.box .ui-button .ui-button-text {
     position: absolute;
     left: 0;
     right: 0;
     bottom: 0.5em;
 }
 
 .v2signup #tutorsignupform.step1 .ui-buttonset .ui-button.true {
     background-image: url("//cdn.mytutor.co.uk/icons/teacher-desk.svg");
     background-size: 2.25em;
     background-position-y: 28%;
     width: 100%;
 }
 
 .v2signup #tutorsignupform.step1 .ui-buttonset .ui-button.false {
     background-image: url("//cdn.mytutor.co.uk/icons/diploma.svg");
     background-size: 1.75em;
     background-position-y: 30%;
     width: 100%;
 }
 
 .v2signup .checkemailicon {
     padding: 1rem 2rem 2rem 2rem;
 }
 
 .v2signup .checkemailicon img {
     display: block;
     margin: 0 auto 0 auto;
 }
 
 .v2signup .checkemailcontent .checkemailheader {
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 20px;
     font-weight: bold;
     text-align: center;
     line-height: 1.4;
     color: #303336;
     margin-bottom: 0.5rem;
 }
 
 .v2signup .checkemailcontent .checkemailmsg {
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 18px;
     line-height: 1.44;
     text-align: center;
     color: #303336;
     margin-bottom: 1.5rem;
 }
 
 .v2signup .checkemailcontent .resendemail {
     background-color: #f9f8fb;
     font-size: 16px;
     line-height: 1.25;
     text-align: center;
     color: #303336;
     padding: 8px 5px;
     line-height: initial;
     margin-bottom: 14px;
 }
 
 @media (max-width: 708px) {
     .v2signup .checkemailcontent .resendemail {
         background-color: #fff;
     }
 }
 
 .signuppanel .split {
     width: calc(50% - 8px);
     display: inline-block;
     vertical-align: top;
 }
 
 @media (max-width: 708px) {
     .signuppanel .split {
         width: 100%;
     }
 }
 
 .signuppanel .split.left {
     margin-right: 16px;
 }
 
 @media (max-width: 708px) {
     .signuppanel .split.left {
         margin-right: 0;
     }
 }
 
 body.withBanner .signupbanner {
     position: absolute;
     top: 8px;
     width: 100%;
     background: white;
     box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);
 }
 
 body.withBanner .signupbanner__wrapper {
     display: flex;
     justify-content: center;
     align-items: center;
     margin: 0 auto;
 }
 
 @media (max-width: 708px) {
     body.withBanner .signupbanner__wrapper {
         flex-direction: column;
     }
 }
 
 body.withBanner .signupbanner__text {
     padding: 0 1em;
 }
 
 @media (max-width: 708px) {
     body.withBanner .signupbanner__text {
         order: 1;
         text-align: center;
     }
 }
 
 body.withBanner .signupbanner__text header {
     margin: 0.5em 0 0.25em;
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 28px;
     font-weight: 800;
     line-height: 1.29;
     color: #311b92;
 }
 
 @media (max-width: 1100px) {
     body.withBanner .signupbanner__text header {
         font-size: 24px;
     }
 }
 
 @media (max-width: 992px) {
     body.withBanner .signupbanner__text header {
         font-size: 22px;
     }
 }
 
 @media (max-width: 840px) {
     body.withBanner .signupbanner__text header {
         font-size: 18px;
     }
 }
 
 @media (max-width: 708px) {
     body.withBanner .signupbanner__text header {
         font-weight: 700;
     }
 }
 
 @media (max-width: 600px) {
     body.withBanner .signupbanner__text header {
         font-size: 16px;
     }
 }
 
 body.withBanner .signupbanner__text footer {
     margin: 0.5em 0 1em;
     font-family: "Source Sans Pro";
     font-size: 16px;
     line-height: 1.25;
     color: #67657d;
 }
 
 @media (max-width: 600px) {
     body.withBanner .signupbanner__text footer {
         font-size: 14px;
     }
 }
 
 body.withBanner .signupbanner img {
     padding: 0 1em;
 }
 
 body.withBanner .v2signup__bg {
     margin-top: 100px;
 }
 
 @media (max-width: 708px) {
     body.withBanner .v2signup__bg {
         margin-top: 200px;
     }
 }
 
 .r_footer {
     background-color: #14508e;
     padding: 60px 24px 34px 24px;
 }
 
 @media (max-width: 992px) {
     .r_footer {
         padding: 48px 16px 34px 16px;
     }
 }
 
 @media (max-width: 708px) {
     .r_footer {
         padding: 35px 16px 54px 16px;
     }
 }
 
 .r_footer__header,
 .r_footer p.r_footer__header {
     margin: 0 0 10px 0;
     font-family: "Source Sans Pro", sans-serif;
     font-size: 30px;
     font-size: 1.875rem;
     line-height: 32px;
     line-height: 2rem;
     color: #303336;
     font-weight: 600;
     color: #f9f8fb;
 }
 
 @media (max-width: 992px) {
     .r_footer__header,
     .r_footer p.r_footer__header {
         display: inline-block;
         width: calc(100% - 280px);
     }
 }
 
 @media (max-width: 708px) {
     .r_footer__header,
     .r_footer p.r_footer__header {
         text-align: center;
         width: 100%;
         margin-bottom: 27px;
     }
 }
 
 .r_footer__telephone {
     display: block;
     /* margin-bottom: 10px; */
     /* padding: 5px 0; */
     /* font-family: "Source Sans Pro", sans-serif; */
     /* line-height: 24px; */
     /* line-height: 1.5rem;  */
     /* font-weight: 400; */
     color: #fff;
 }
 
 .r_footer__telephone:hover {
     color: #fff;
 }
 
 @media (max-width: 708px) {
     .r_footer__telephone {
         width: 100%;
     }
 }
 
 .r_footer__contact-details {
     text-align: center !important;
     margin-bottom: 15px;
 }
 
 .r_footer__contact {
     padding: 10px 0;
     display: inline-block;
     border: 1px solid #fff;
     font-weight: 600;
     background-color: transparent;
     box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.5);
     width: 180px;
     text-align: center;
     font-family: "Source Sans Pro", sans-serif;
     font-size: 18px;
     font-size: 1.125rem;
     line-height: 24px;
     line-height: 1.5rem;
     color: #303336;
     font-weight: 400;
     color: #fff;
 }
 
 .r_footer__contact:hover {
     color: #fff;
 }
 
 @media (max-width: 992px) {
     .r_footer__contact {
         width: 260px;
     }
 }
 
 @media (max-width: 708px) {
     .r_footer__contact {
         width: 95%;
     }
 }
 
 .r_footer__subheader,
 .r_footer p.r_footer__subheader {
     margin: 0 0 12px 0;
     font-family: "Source Sans Pro", sans-serif;
     font-size: 16px;
     font-size: 1rem;
     line-height: 20px;
     line-height: 1.25rem;
     color: #303336;
     font-weight: 400;
     color: #f9f8fb;
 }
 
 @media (max-width: 708px) {
     .r_footer__subheader,
     .r_footer p.r_footer__subheader {
         cursor: pointer;
     }
     .r_footer__subheader:before,
     .r_footer p.r_footer__subheader:before {
         content: "";
         top: -1px;
         display: inline-block;
         border-color: #fff;
         border-style: solid;
         border-width: 2px 2px 0 0;
         transform: rotate(45deg);
         height: 7.4px;
         width: 7.4px;
         margin-right: 14px;
         position: relative;
     }
 }
 
 .r_footer__social {
     margin-top: 20px;
 }
 
 .r_footer__social a {
     margin-right: 7px;
 }
 
 .r_footer__social img {
     display: inline-block;
     overflow: hidden;
     width: 42px;
     height: 42px;
     opacity: 0.6;
 }
 
 .r_footer__social img:hover {
     opacity: 0.9;
 }
 
 @media (max-width: 992px) {
     .r_footer__social {
         margin-top: 15px;
     }
 }
 
 @media (max-width: 708px) {
     .r_footer__social {
         margin-bottom: 36px;
         text-align: center;
         margin-top: 20px;
     }
 }
 
 .r_footer__list {
     margin: 0 0 43px 0;
 }
 
 @media (max-width: 708px) {
     .r_footer__list {
         display: none;
         padding-left: 24px;
         margin: 0 0 30px 0;
     }
 }
 
 .r_footer__list li {
     /* margin: 0 0 10px 0; */
     list-style-type: none;
 }
 
 .r_footer__list a {
     /* font-family: "Source Sans Pro", sans-serif; */
     /* font-size: 16px; */
     /* font-size: 1rem; */
     /* line-height: 20px; */
     /* line-height: 1.25rem; */
     color: #ffffff;
     /* font-weight: 400; */
 }
 
 .r_footer__list--show {
     display: block;
 }
 
 .r_footer__copyright,
 .r_footer p.r_footer__copyright {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 14px;
     font-size: 0.875rem;
     line-height: 16px;
     line-height: 1rem;
     color: #303336;
     font-weight: 400;
     color: #f9f8fb;
     margin-bottom: 5px;
 }
 
 @media (max-width: 708px) {
     .r_footer__copyright,
     .r_footer p.r_footer__copyright {
         margin-top: 22px;
     }
 }
 
 .r_footer__terms,
 .r_footer p.r_footer__terms {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 14px;
     font-size: 0.875rem;
     line-height: 16px;
     line-height: 1rem;
     color: #303336;
     font-weight: 400;
     color: #cac9d8;
 }
 
 .r_footer__terms a,
 .r_footer p.r_footer__terms a {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 14px;
     font-size: 0.875rem;
     line-height: 16px;
     line-height: 1rem;
     color: #303336;
     font-weight: 400;
     color: #cac9d8;
 }
 
 .r_footer__externallink {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 14px;
     font-size: 0.875rem;
     line-height: 16px;
     line-height: 1rem;
     color: #303336;
     font-weight: 400;
     position: relative;
     float: right;
 }
 
 .r_footer__externallink img {
     width: 30px;
     height: 30px;
     vertical-align: middle;
     overflow: hidden;
     display: inline-block;
 }
 
 .r_footer__externallink .textwrapper {
     display: inline-block;
     margin-left: 7px;
     vertical-align: middle;
     color: #dcdae2;
     font-weight: 400;
 }
 
 @media (max-width: 358px) {
     .r_footer__externallink .textwrapper {
         margin-left: 5px;
         width: calc(100% - 35px);
     }
 }
 
 .r_footer__externallink .initial {
     font-weight: 600;
     display: block;
     margin-bottom: -1px;
 }
 
 @media (max-width: 708px) {
     .r_footer__externallink {
         float: none;
         margin-top: 22px;
         vertical-align: top;
         display: inline-block;
     }
 }
 
 .r_footer__externallink:first-of-type img {
     width: 68px;
     height: 16px;
     margin-bottom: 1px;
 }
 
 .r_footer__externallink:first-of-type .textwrapper {
     width: auto;
     margin-left: 0;
     display: block;
 }
 
 @media (max-width: 708px) {
     .r_footer__externallink:first-of-type {
         padding-right: 12px;
         margin-right: 8px;
         width: 115px;
     }
 }
 
 @media (max-width: 708px) {
     .r_footer__externallink:first-of-type:after {
         content: "";
         height: 100%;
         border-left: 1px solid #fff;
         opacity: 0.15;
         right: 0;
         top: 0;
         bottom: 0;
         position: absolute;
     }
 }
 
 .r_footer__externallink:last-of-type {
     padding-right: 13px;
     margin-right: 13px;
 }
 
 @media (max-width: 708px) {
     .r_footer__externallink:last-of-type {
         padding-right: 0;
         margin-right: 0;
         width: calc(100% - 140px);
     }
 }
 
 .r_footer__externallink:last-of-type:after {
     content: "";
     position: absolute;
     height: 100%;
     border-left: 1px solid #fff;
     opacity: 0.15;
     right: 0;
     top: 0;
 }
 
 @media (max-width: 708px) {
     .r_footer__externallink:last-of-type:after {
         content: none;
     }
 }
 
 .schoolsfooter {
     text-align: center;
     margin-top: 40px;
     margin-bottom: 24px;
 }
 
 .schoolsfooter__avatar {
     width: 60px;
     height: 60px;
     border-radius: 100%;
     margin-bottom: 7px;
 }
 
 .schoolsfooter__header {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 16px;
     font-size: 1rem;
     line-height: 20px;
     line-height: 1.25rem;
     color: #303336;
     font-weight: 400;
     margin-bottom: 2px;
 }
 
 .schoolsfooter__contact {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 16px;
     font-size: 1rem;
     line-height: 20px;
     line-height: 1.25rem;
     color: #303336;
     font-weight: 400;
     color: #cac9d8;
     margin-bottom: 17px;
 }
 
 .schoolsfooter__contact a:first-of-type {
     padding-right: 5px;
 }
 
 .schoolsfooter__contact a:last-of-type {
     padding-left: 5px;
 }
 
 .schoolsfooter__terms {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 14px;
     font-size: 0.875rem;
     line-height: 16px;
     line-height: 1rem;
     color: #303336;
     font-weight: 400;
     color: #cac9d8;
 }
 
 .schoolsfooter__terms a {
     color: #67657d;
 }
 
 .schoolsfooter__terms a:first-of-type {
     padding-right: 5px;
 }
 
 .schoolsfooter__terms a:last-of-type {
     padding-left: 5px;
 }
 
 .securefooter {
     padding: 0 5px 10px 5px;
     margin-top: 40px;
 }
 
 @media (max-width: 708px) {
     .securefooter {
         margin-top: 20px 0;
         padding: 0 20px;
     }
 }
 
 .securefooter__linkswrapper {
     display: block;
 }
 
 @media (max-width: 708px) {
     .securefooter__linkswrapper {
         display: none;
         margin-top: 12px;
         margin-bottom: 20px;
     }
 }
 
 @media (max-width: 708px) {
     .securefooter__linkswrapper--open {
         display: block;
     }
 }
 
 .securefooter__links li {
     margin-bottom: 5px;
 }
 
 .securefooter__links li a {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 16px;
     font-size: 1rem;
     line-height: 20px;
     line-height: 1.25rem;
     color: #303336;
     font-weight: 400;
     font-size: 15px;
     color: #67657d;
 }
 
 @media (max-width: 708px) {
     .securefooter__links {
         text-align: center;
     }
     .securefooter__links li {
         margin-bottom: 8px;
     }
 }
 
 .securefooter__linkstoggle {
     display: none;
     font-family: "Source Sans Pro", sans-serif;
     font-size: 16px;
     font-size: 1rem;
     line-height: 20px;
     line-height: 1.25rem;
     color: #303336;
     font-weight: 400;
     color: #545174;
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-weight: 600;
     cursor: pointer;
     text-align: center;
 }
 
 .securefooter__linkstoggle:hover {
     color: #545174;
 }
 
 .securefooter__linkstoggle:before {
     content: "";
     top: -2px;
     display: inline-block;
     border-color: #545174;
     border-style: solid;
     border-width: 2px 2px 0 0;
     transform: rotate(45deg);
     height: 5px;
     width: 5px;
     margin-right: 10px;
     position: relative;
 }
 
 .securefooter__linkstoggle--open:before {
     border-width: 0 2px 2px 0;
     top: -3px;
 }
 
 @media (max-width: 708px) {
     .securefooter__linkstoggle {
         display: block;
     }
 }
 
 .securefooter__contact {
     text-align: right;
 }
 
 @media (max-width: 708px) {
     .securefooter__contact {
         text-align: center;
         margin-bottom: 8px;
     }
 }
 
 .securefooter__button {
     display: inline-block;
     font-family: "Source Sans Pro", sans-serif;
     font-size: 16px;
     font-size: 1rem;
     line-height: 20px;
     line-height: 1.25rem;
     color: #303336;
     font-weight: 400;
     color: #545174;
     border-radius: 100px;
     border: solid 1px #cac9d8;
     padding: 6px 28px 7px 28px;
     box-sizing: border-box;
 }
 
 .securefooter__button:hover {
     color: #545174;
 }
 
 .securefooter__button--mobile {
     border: 0;
 }
 
 @media (max-width: 708px) {
     .securefooter__button--mobile {
         border: solid 1px #cac9d8;
     }
 }
 
 .securefooter__button:first-of-type {
     margin: 0 8px 0 0;
 }
 
 @media (max-width: 708px) {
     .securefooter__button:first-of-type {
         margin: 0 0 10px 0;
     }
 }
 
 @media (max-width: 708px) {
     .securefooter__button {
         width: 100%;
         margin-bottom: 10px;
         max-width: 320px;
         font-family: "Source Sans Pro", sans-serif;
         font-size: 16px;
         font-size: 1rem;
         line-height: 20px;
         line-height: 1.25rem;
         color: #303336;
         font-weight: 400;
         padding: 9px 35px;
     }
 }
 
 .securefooter__terms {
     text-align: right;
     margin-top: 16px;
 }
 
 @media (max-width: 708px) {
     .securefooter__terms {
         text-align: center;
         margin-top: 12px;
     }
 }
 
 .securefooter__terms ul {
     display: inline-block;
     vertical-align: middle;
 }
 
 @media (max-width: 708px) {
     .securefooter__terms ul {
         display: block;
         margin-top: 10px;
     }
 }
 
 .securefooter__terms ul a,
 .securefooter__terms ul p {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 14px;
     font-size: 0.875rem;
     line-height: 16px;
     line-height: 1rem;
     color: #303336;
     font-weight: 400;
     color: #67657d;
     font-size: 12px;
 }
 
 .securefooter__terms ul img {
     width: 18px;
     height: 18px;
     overflow: hidden;
     vertical-align: middle;
 }
 
 .securefooter__terms ul li {
     display: inline-block;
     margin-right: 8px;
 }
 
 .imagehero {
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center;
     position: relative;
     opacity: 0.95;
     transition: opacity 300ms linear;
     height: 490px;
     display: block;
 }
 
 .imagehero__image {
     width: 100%;
     height: 500px;
     object-fit: cover;
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat;
 }
 
 @media (max-width: 767px) {
     .imagehero__image {
         display: none;
     }
 }
 
 @media (min-width: 992px) {
     .imagehero__image {
         height: 600px;
     }
 }
 
 .imagehero__background {
     background-color: #14508e;
 }
 
 .imagehero__text {
     max-width: 600px;
 }
 
 @media (max-width: 708px) {
     .imagehero {
         height: 400px;
         padding-top: 54px;
     }
 }
 
 @media (max-width: 708px) {
     .imagehero--search {
         height: 460px;
     }
 }
 
 .imagehero.js-backgroundloaded {
     opacity: 1;
     transition: opacity 300ms linear;
 }
 
 .imagehero--home {
     background-image: url("//cdn.mytutor.co.uk/images/uploads/homehero--small.jpg");
 }
 
 .imagehero--home.js-backgroundloaded {
     background-image: url("//cdn.mytutor.co.uk/images/uploads/homehero-large@2x.jpg");
 }
 
 @media (max-width: 708px) {
     .imagehero--home.js-backgroundloaded {
         background-image: url("//cdn.mytutor.co.uk/images/uploads/homehero-mobile.jpg");
     }
 }
 
 .imagehero--tutor {
     background-image: url("//cdn.mytutor.co.uk/images/becomeatutor--small.jpg");
 }
 
 .imagehero--tutor.js-backgroundloaded {
     background-image: url("//cdn.mytutor.co.uk/images/becomeatutor.jpg");
 }
 
 @media (-webkit-min-device-pixel-ratio: 2) {
     .imagehero--tutor.js-backgroundloaded {
         background-image: url("//cdn.mytutor.co.uk/images/becomeatutor@2x.jpg");
     }
 }
 
 @media (max-width: 708px) {
     .imagehero--tutor.js-backgroundloaded {
         background-image: url("//cdn.mytutor.co.uk/images/becomeatutor--mobile.jpg");
     }
 }
 
 .imagehero--about {
     background-image: url("//cdn.mytutor.co.uk/images/team--small.jpg");
     background-position: center 25%;
 }
 
 .imagehero--about .imagehero__wrapper {
     transform: translateY(100%);
     -webkit-transform: translateY(100%);
     -ms-transform: translateY(100%);
 }
 
 .imagehero--about.js-backgroundloaded {
     background-image: url("//cdn.mytutor.co.uk/images/team--desktop.jpg");
 }
 
 @media (max-width: 708px) {
     .imagehero--about.js-backgroundloaded {
         background-image: url("//cdn.mytutor.co.uk/images/team--mobile.jpg");
     }
 }
 
 .imagehero--friendlyface {
     background-image: url("/images/friendlyfacehero.jpg");
 }
 
 @media (max-width: 992px) {
     .imagehero--friendlyface {
         background-image: url("/images/friendlyfacehero-medium.jpg");
     }
 }
 
 @media (max-width: 708px) {
     .imagehero--friendlyface {
         background-image: url("/images/friendlyfacehero-small.jpg");
     }
 }
 
 .imagehero--happystudent {
     background-image: url("/images/happystudenthero-large.jpg");
 }
 
 @media (max-width: 992px) {
     .imagehero--happystudent {
         background-image: url("/images/happystudenthero-medium.jpg");
     }
 }
 
 @media (max-width: 708px) {
     .imagehero--happystudent {
         background-image: url("/images/happystudenthero-small.jpg");
     }
 }
 
 .imagehero__wrapper {
     position: absolute;
     left: 100%;
     transform: translateX(-125%);
     -webkit-transform: translateX(-125%);
     -ms-transform: translateY(-125%);
     width: 400px;
 }
 
 .imagehero__header {
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 35px;
     line-height: 56px;
     line-height: 3.5rem;
     font-weight: 900;
     letter-spacing: 0;
     color: #e85dcc;
     padding-top: 40px;
     text-align: left;
     text-shadow: 0 1px 2px rgba(0, 0, 0, 0.32);
 }
 
 @media (max-width: 575px) {
     .imagehero__header {
         font-family: "Modelica", "Source Sans Pro", sans-serif;
         font-size: 20px;
         line-height: 40px;
         line-height: 2.5rem;
         font-weight: 900;
         letter-spacing: 0;
     }
 }
 
 @media (min-width: 576px) {
     .imagehero__header {
         font-family: "Modelica", "Source Sans Pro", sans-serif;
         font-size: 25px;
         line-height: 48px;
         line-height: 3rem;
         font-weight: 900;
         letter-spacing: 0;
     }
 }
 
 @media (min-width: 768px) {
     .imagehero__header {
         font-family: "Modelica", "Source Sans Pro", sans-serif;
         font-size: 30px;
         line-height: 56px;
         line-height: 3.5rem;
         font-weight: 900;
         letter-spacing: 0;
     }
 }
 
 @media (min-width: 992px) {
     .imagehero__header {
         font-family: "Modelica", "Source Sans Pro", sans-serif;
         font-size: 35px;
         line-height: 60px;
         line-height: 3.75rem;
         font-weight: 900;
         letter-spacing: -0.5px;
     }
 }
 
 .imagehero__subheader {
     font-weight: 600;
     color: #fff;
     margin-top: 15px;
     text-align: left;
 }
 
 @media (max-width: 575px) {
     .imagehero__subheader {
         font-family: "Modelica", "Source Sans Pro", sans-serif;
         font-size: 18px;
         font-size: 1.125rem;
         line-height: 26px;
         line-height: 1.625rem;
         font-weight: 700;
         letter-spacing: 0;
     }
 }
 
 @media (min-width: 576px) {
     .imagehero__subheader {
         font-family: "Modelica", "Source Sans Pro", sans-serif;
         font-size: 18px;
         font-size: 1.125rem;
         line-height: 26px;
         line-height: 1.625rem;
         font-weight: 700;
         letter-spacing: 0;
     }
 }
 
 @media (min-width: 768px) {
     .imagehero__subheader {
         font-family: "Modelica", "Source Sans Pro", sans-serif;
         font-size: 20px;
         font-size: 1.25rem;
         line-height: 28px;
         line-height: 1.75rem;
         font-weight: 700;
         letter-spacing: 0;
     }
 }
 
 @media (min-width: 992px) {
     .imagehero__subheader {
         font-family: "Modelica", "Source Sans Pro", sans-serif;
         font-size: 24px;
         font-size: 1.5rem;
         line-height: 30px;
         line-height: 1.875rem;
         font-weight: 700;
         letter-spacing: 0;
     }
 }
 
 .imagehero__actions {
     text-align: left;
     padding: 40px 0;
 }
 
 .imagehero__actions a {
     margin-right: 10px;
     vertical-align: middle;
 }
 
 @media (max-width: 708px) {
     .imagehero__actions a {
         margin-right: 5px;
     }
 }
 
 .imagehero__actions a:last-child {
     margin-right: 0;
 }
 
 .imagehero__panel {
     overflow-x: hidden;
 }
 
 .imagehero__panel .ui-autocomplete-item td {
     font-size: 1em;
 }
 
 @media (min-width: 1268px) {
     .imagehero__panel .ui-autocomplete-item td {
         font-size: 1.25em;
     }
 }
 
 .imagehero__panel .ui-autocomplete-item td header {
     padding: 0.5em 0.875em;
     font-size: 0.875em;
     color: #67657d;
     background: white;
 }
 
 .imagehero__panel .ui-autocomplete-item td div {
     padding: 0.5em 0;
     margin: 0 1em;
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-weight: 600;
     color: #545174;
     border-bottom: 2px solid #f9f8fb;
 }
 
 .imagehero__panel .ui-autocomplete-item td div.popular {
     padding-top: 0.75em;
     padding-bottom: 0.75em;
 }
 
 .imagehero__panel .ui-autocomplete-item td div.popular img {
     width: 1.25em;
     height: 1.25em;
     margin-right: 0.75em;
     vertical-align: middle;
 }
 
 .imagehero__panel .ui-autocomplete-item.ui-state-highlight td,
 .imagehero__panel .ui-autocomplete-item:hover td {
     background-color: #f9f8fb;
 }
 
 .imagehero__play--icon {
     text-align: center;
     background-image: url("//cdn.mytutor.co.uk/images/playicon.svg");
     width: 52px;
     height: 52px;
     background-repeat: no-repeat;
     background-size: contain;
     display: inline-block;
     margin: 0 auto;
     cursor: pointer;
     position: relative;
 }
 
 .imagehero__play--icon:hover:after {
     content: "";
     display: block;
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background-color: rgba(0, 0, 0, 0.1);
     border-radius: 100%;
 }
 
 .imagehero__scrollarrow {
     position: absolute;
     left: 0;
     right: 0;
     bottom: 62px;
     margin: 0 auto;
     background-size: contain;
     background-repeat: no-repeat;
     background-image: url("//cdn.mytutor.co.uk/images/scroll-arrow.svg");
     width: 33px;
     height: 43px;
 }
 
 @media (max-width: 708px) {
     .imagehero__scrollarrow {
         display: none;
     }
 }
 
 .imagehero__trustpilot {
     margin-top: 78px;
 }
 
 .imagehero__trustpilot p {
     margin-top: 14px;
     font-family: "Source Sans Pro", sans-serif;
     font-size: 22px;
     font-size: 1.375rem;
     line-height: 28px;
     line-height: 1.75rem;
     color: #303336;
     font-weight: 600;
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-weight: normal;
 }
 
 .imagehero__trustpilot p span {
     font-weight: 600;
 }
 
 .imagehero__stats {
     text-align: center;
     margin-top: 35px;
 }
 
 @media (max-width: 708px) {
     .imagehero__stats {
         margin-top: 20px;
     }
 }
 
 .imagehero__stats p {
     display: inline-block;
     font-family: "Source Sans Pro", sans-serif;
     font-size: 18px;
     font-size: 1.125rem;
     line-height: 24px;
     line-height: 1.5rem;
     color: #303336;
     font-weight: 400;
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     color: #fff;
 }
 
 .imagehero__stats p span {
     font-weight: 600;
 }
 
 @media (max-width: 992px) {
     .imagehero__stats p {
         display: block;
         font-family: "Source Sans Pro", sans-serif;
         font-size: 16px;
         font-size: 1rem;
         line-height: 20px;
         line-height: 1.25rem;
         color: #303336;
         font-weight: 400;
         font-family: "Modelica", "Source Sans Pro", sans-serif;
         color: #fff;
     }
 }
 
 .imagehero__stats p:first-of-type {
     padding-right: 15px;
 }
 
 @media (max-width: 992px) {
     .imagehero__stats p:first-of-type {
         border: 0;
         padding: 0;
         margin-bottom: 3px;
     }
 }
 
 .imagehero__stats p:last-of-type {
     padding-left: 15px;
 }
 
 @media (max-width: 992px) {
     .imagehero__stats p:last-of-type {
         padding: 0;
     }
 }
 
 .imagehero__stats p a {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 18px;
     font-size: 1.125rem;
     line-height: 24px;
     line-height: 1.5rem;
     color: #303336;
     font-weight: 400;
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     color: #fff;
     text-decoration: none;
 }
 
 @media (max-width: 992px) {
     .imagehero__stats p a {
         font-family: "Source Sans Pro", sans-serif;
         font-size: 16px;
         font-size: 1rem;
         line-height: 20px;
         line-height: 1.25rem;
         color: #303336;
         font-weight: 400;
         font-family: "Modelica", "Source Sans Pro", sans-serif;
         color: #fff;
     }
 }
 
 .imagehero__stats p a:after {
     color: #fff;
 }
 
 .imagehero__stats p img {
     height: 16px;
     padding-left: 12px;
     padding-right: 5px;
 }
 
 @media (max-width: 992px) {
     .imagehero__stats p img {
         height: 14px;
     }
 }
 
 .imagehero__search {
     max-width: 725px;
     margin: 65px auto 0 auto;
 }
 
 @media (max-width: 708px) {
     .imagehero__search {
         margin: 35px auto 0 auto;
     }
 }
 
 .imagehero--listview {
     height: 500px;
     background-position: 50% 0;
 }
 
 @media (max-width: 1268px) {
     .imagehero--listview {
         height: 450px;
         background-position: 50% 10px;
     }
 }
 
 @media (max-width: 992px) {
     .imagehero--listview {
         height: 380px;
         background-position: 50% 10px;
     }
 }
 
 @media (max-width: 708px) {
     .imagehero--listview {
         background: 0;
         height: auto;
         padding: 40px 0 25px 0;
         border-bottom: solid 1px #dfe3e8;
     }
 }
 
 .imagehero--listview:after {
     content: "";
     position: absolute;
     left: 0;
     right: 0;
     bottom: 0;
     height: 215px;
     background-image: linear-gradient( to bottom, rgba(241, 241, 241, 0), #f5f5f5);
     z-index: -1;
 }
 
 @media (max-width: 708px) {
     .imagehero--listview:after {
         content: none;
     }
 }
 
 .imagehero--listview .imagehero__stats {
     text-align: left;
 }
 
 @media (max-width: 708px) {
     .imagehero--listview .imagehero__stats {
         text-align: center;
         margin-top: 12px;
     }
 }
 
 .imagehero--listview .imagehero__stats img {
     margin-bottom: 10px;
     display: block;
 }
 
 @media (max-width: 708px) {
     .imagehero--listview .imagehero__stats img {
         display: inline-block;
         margin-bottom: 0;
         margin-right: 7px;
         vertical-align: top;
         height: 17px;
     }
 }
 
 .imagehero--listview .imagehero__stats p {
     color: #545174;
 }
 
 @media (max-width: 708px) {
     .imagehero--listview .imagehero__stats p {
         margin-bottom: 0;
         display: inline-block;
     }
 }
 
 .imagehero--listview .imagehero__stats p span {
     color: #303336;
 }
 
 .imagehero--listview .imagehero__stats p:first-of-type {
     border-color: #8d89aa;
 }
 
 @media (max-width: 708px) {
     .imagehero--listview .imagehero__stats p:first-of-type {
         display: none;
     }
 }
 
 .imagehero--listview .imagehero__wrapper {
     top: auto;
     transform: none;
     padding-top: 175px;
 }
 
 @media (max-width: 1268px) {
     .imagehero--listview .imagehero__wrapper {
         padding-top: 160px;
     }
 }
 
 @media (max-width: 992px) {
     .imagehero--listview .imagehero__wrapper {
         padding-top: 115px;
     }
 }
 
 @media (max-width: 708px) {
     .imagehero--listview .imagehero__wrapper {
         padding-top: 40px;
     }
 }
 
 .imagehero--listview .imagehero__header {
     text-align: left;
     color: #303336;
     text-shadow: none;
 }
 
 @media (max-width: 992px) {
     .imagehero--listview .imagehero__header {
         font-family: "Modelica", "Source Sans Pro", sans-serif;
         font-size: 34px;
         font-size: 2.125rem;
         line-height: 38px;
         line-height: 2.375rem;
         color: #303336;
         font-weight: 400;
         letter-spacing: -0.5px;
     }
 }
 
 @media (max-width: 708px) {
     .imagehero--listview .imagehero__header {
         text-align: center;
         font-family: "Modelica", "Source Sans Pro", sans-serif;
         font-size: 24px;
         font-size: 1.5rem;
         line-height: 28px;
         line-height: 1.75rem;
         color: #303336;
         font-weight: 400;
         letter-spacing: 0;
     }
 }
 
 .imagehero--left {
     height: 680px;
     opacity: 1;
 }
 
 @media (max-width: 1268px) {
     .imagehero--left {
         height: 600px;
     }
 }
 
 @media (max-width: 992px) {
     .imagehero--left {
         height: 500px;
     }
 }
 
 @media (max-width: 708px) {
     .imagehero--left {
         height: auto;
         min-height: 580px;
         background-position: center bottom;
     }
     .imagehero--left.imagehero--happystudent {
         background-position: right bottom;
     }
 }
 
 @media (max-width: 708px) {
     .imagehero--left .imagehero__wrapper {
         top: auto;
         transform: none;
         margin-top: 28px;
     }
 }
 
 .imagehero--left .imagehero__header {
     color: #1867c2;
     text-shadow: none;
 }
 
 @media (max-width: 992px) {
     .imagehero--left .imagehero__header {
         font-family: "Modelica", "Source Sans Pro", sans-serif;
         font-size: 34px;
         font-size: 2.125rem;
         line-height: 38px;
         line-height: 2.375rem;
         color: #303336;
         font-weight: 400;
         letter-spacing: -0.5px;
         color: #1867c2;
     }
 }
 
 @media (max-width: 708px) {
     .imagehero--left .imagehero__header {
         font-family: "Modelica", "Source Sans Pro", sans-serif;
         font-size: 28px;
         font-size: 1.75rem;
         line-height: 34px;
         line-height: 2.125rem;
         color: #303336;
         font-weight: 400;
         letter-spacing: 0;
         color: #1867c2;
     }
 }
 
 @media (max-width: 708px) {
     .imagehero--left .imagehero__actions {
         padding-top: 25px;
     }
 }
 
 .imagehero--left .imagehero__header,
 .imagehero--left .imagehero__actions {
     text-align: left;
 }
 
 @media (max-width: 708px) {
     .imagehero--left .imagehero__header,
     .imagehero--left .imagehero__actions {
         text-align: center;
     }
 }
 
 .imagehero+.reviewpanel--trustpilot .reviewpanel__header {
     text-align: center;
 }
 /* .imagehero__form97 {
    height: 500px;
    padding: 80px 15%;
    background-image: url("https://cdn.mytutor.co.uk/images/hero-desk-laptop_1440x760.jpg?1599042894000");
    background-size: cover;
    background-position: center 25%
} */
 
 @media (max-width: 708px) {
     .imagehero__form97 {
         height: auto;
         padding: 0;
     }
 }
 
 .imagehero__form97 section {
     box-sizing: border-box;
     width: 390px;
     padding: 2.5em 2em;
     background-color: white;
     box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.2);
 }
 
 @media (max-width: 708px) {
     .imagehero__form97 section {
         width: auto;
     }
 }
 
 .imagehero__form97 section h1 {
     margin: 0.25em 0;
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 2.875em;
     font-weight: 800;
     line-height: 1.22em;
     color: #311b92;
 }
 
 @media (max-width: 708px) {
     .imagehero__form97 section h1 {
         font-size: 2.215em;
     }
 }
 
 .imagehero__form97 section h2 {
     margin: 1em 0;
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 1.375em;
     font-weight: 500;
     line-height: 1.45em;
     color: #6b7278;
 }
 
 @media (max-width: 708px) {
     .imagehero__form97 section h2 {
         font-size: 1.125em;
     }
 }
 
 .imagehero__form97 section .r_button,
 .imagehero__form97 section .teacherresources__upload .ui-fileupload-choose,
 .teacherresources__upload .imagehero__form97 section .ui-fileupload-choose,
 .imagehero__form97 section .teacherresources__selectone .ui-button,
 .teacherresources__selectone .imagehero__form97 section .ui-button,
 .imagehero__form97 section #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar .ui-button,
 #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar .imagehero__form97 section .ui-button,
 .imagehero__form97 section .securesidebar__upload .ui-fileupload-buttonbar .ui-button,
 .securesidebar__upload .ui-fileupload-buttonbar .imagehero__form97 section .ui-button,
 .imagehero__form97 section .ui-fileupload .ui-fileupload-buttonbar .ui-button,
 .ui-fileupload .ui-fileupload-buttonbar .imagehero__form97 section .ui-button,
 .imagehero__form97 section .page_tutors_secure_cover-report .container__card .upload .ui-fileupload-choose,
 .page_tutors_secure_cover-report .container__card .upload .imagehero__form97 section .ui-fileupload-choose {
     width: 100%;
     text-align: center;
 }
 
 @media (max-width: 708px) {
     .imagehero__form97 section .r_button,
     .imagehero__form97 section .teacherresources__upload .ui-fileupload-choose,
     .teacherresources__upload .imagehero__form97 section .ui-fileupload-choose,
     .imagehero__form97 section .teacherresources__selectone .ui-button,
     .teacherresources__selectone .imagehero__form97 section .ui-button,
     .imagehero__form97 section #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar .ui-button,
     #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar .imagehero__form97 section .ui-button,
     .imagehero__form97 section .securesidebar__upload .ui-fileupload-buttonbar .ui-button,
     .securesidebar__upload .ui-fileupload-buttonbar .imagehero__form97 section .ui-button,
     .imagehero__form97 section .ui-fileupload .ui-fileupload-buttonbar .ui-button,
     .ui-fileupload .ui-fileupload-buttonbar .imagehero__form97 section .ui-button,
     .imagehero__form97 section .page_tutors_secure_cover-report .container__card .upload .ui-fileupload-choose,
     .page_tutors_secure_cover-report .container__card .upload .imagehero__form97 section .ui-fileupload-choose {
         width: auto;
         font-size: 1em;
         padding: 0.5em 1em;
     }
 }
 
 .hero.v3 {
     position: relative;
     /* top: 48px; */
     margin-top: 80px;
     /* background: rgb(111, 110, 111); */
     /* background: linear-gradient(0deg, rgba(111, 110, 111, 1) 0%, rgba(194, 194, 194, 1) 46%, rgba(195, 194, 196, 1) 59%, rgba(147, 147, 149, 1) 100%); */
     background: rgb(111, 110, 111);
     background: linear-gradient(0deg, rgba(111, 110, 111, 1) 0%, rgba(231, 231, 231, 1) 42%, rgba(231, 231, 231, 1) 60%, rgba(147, 147, 149, 1) 100%);
 }
 
 .banner-bg_img {
     background-image: url("../image/banner_bg-img.png");
     background-repeat: no-repeat;
     background-size: cover;
 }
 
 .hero.v3 main {
     display: flex;
     height: 100vh;
     margin: 0 auto;
 }
 
 .hero.v3 main section {
     position: relative;
     flex: 0 0 585px;
     display: flex;
     flex-direction: column;
     justify-content: center;
     width: 50%;
     margin-left: auto;
     padding: 0 3em;
 }
 
 .hero.v3 main section:after {
     content: "";
     position: absolute;
     top: 0;
     right: -7.5%;
     bottom: 0;
     width: 25%;
     -webkit-transform: skewX(-10deg);
     -ms-transform: skewX(-10deg);
     transform: skewX(-10deg);
     /* background: rgb(111, 110, 111); */
     /* background: linear-gradient(0deg, rgba(111, 110, 111, 1) 0%, rgba(194, 194, 194, 1) 46%, rgba(195, 194, 196, 1) 59%, rgba(147, 147, 149, 1) 100%); */
     background: rgb(111, 110, 111);
     background: linear-gradient(0deg, rgba(111, 110, 111, 1) 0%, rgba(231, 231, 231, 1) 42%, rgba(231, 231, 231, 1) 60%, rgba(147, 147, 149, 1) 100%);
 }
 
 .hero.v3 main section>* {
     max-width: 450px;
 }
 
 .hero.v3 main section>*+* {
     margin-top: 1.5em;
 }
 
 .hero.v3 main section h1 {
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 45px;
     font-weight: 800;
     line-height: 50px;
     color: #00685d;
     max-width: 100%;
 }
 
 .hero.v3 main section h1 em {
     position: relative;
     font-style: normal;
     color: #14508e;
     margin: 0 0.1em;
     padding: 0 0.2em;
     z-index: 0;
     white-space: nowrap;
     top: 0px;
 }
 
 .hero.v3 main section h1 em:after {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     -webkit-transform: skewX(-10deg);
     -ms-transform: skewX(-10deg);
     transform: skewX(-10deg);
     z-index: -1;
     background-color: #ffb502;
 }
 
 .hero.v3 main section h1 em+em {
     margin-left: -0.2em;
 }
 
 .hero.v3 main section p {
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 1.5em;
     font-weight: 600;
     line-height: 1.5;
     color: #0856a1;
     display: inline;
     text-align: center;
 }
 
 .hero.v3 main section p img.trustpilot {
     margin-right: 0.5em;
     vertical-align: bottom;
 }
 
 .hero.v3 main section form {
     white-space: nowrap;
 }
 
 .hero.v3 main section form .ui-autocomplete {
     width: calc(100% - 190px);
     vertical-align: top;
 }
 
 .hero.v3 main section form .ui-autocomplete .ui-autocomplete-input {
     border: 0;
     box-shadow: none;
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 0.75em;
     font-weight: 800;
     padding: 1.33333em;
     color: #303336;
     width: 100%;
     height: 4em;
 }
 /* .hero.v3 main section form .ui-autocomplete .ui-autocomplete-input.empty {
    background-image: url("https://cdn.mytutor.co.uk/icons/search-neutral8.svg?1599042894000");
    background-repeat: no-repeat;
    background-position: calc(100% - 1.33333em) center
} */
 
 .hero.v3 main section form .ui-autocomplete::-webkit-input-placeholder {
     color: #303336;
 }
 
 .hero.v3 main section form .ui-autocomplete::-moz-input-placeholder {
     color: #303336;
 }
 
 .hero.v3 main section form .ui-autocomplete::-ms-input-placeholder {
     color: #303336;
 }
 
 .hero.v3 main section form .ui-autocomplete::placeholder {
     color: #303336;
 }
 
 .hero.v3 main section form .ui-message-error {
     margin: 1.5em 0 0;
     padding: 0.5em 1em;
     border: 2px solid #a80f0a;
     color: #a80f0a;
     background-color: #fae9e3;
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 0.78925em;
     font-weight: 600;
 }
 
 .hero.v3 main section form .ui-message-error .ui-message-error-icon {
     display: none;
 }
 
 .hero.v3 main section form .ui-message-error .ui-message-error-detail {
     margin: 0;
 }
 
 .hero.v3 main section form .r_button,
 .hero.v3 main section form .teacherresources__upload .ui-fileupload-choose,
 .teacherresources__upload .hero.v3 main section form .ui-fileupload-choose,
 .hero.v3 main section form .teacherresources__selectone .ui-button,
 .teacherresources__selectone .hero.v3 main section form .ui-button,
 .hero.v3 main section form #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar .ui-button,
 #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar .hero.v3 main section form .ui-button,
 .hero.v3 main section form .securesidebar__upload .ui-fileupload-buttonbar .ui-button,
 .securesidebar__upload .ui-fileupload-buttonbar .hero.v3 main section form .ui-button,
 .hero.v3 main section form .ui-fileupload .ui-fileupload-buttonbar .ui-button,
 .ui-fileupload .ui-fileupload-buttonbar .hero.v3 main section form .ui-button,
 .hero.v3 main section form .page_tutors_secure_cover-report .container__card .upload .ui-fileupload-choose,
 .page_tutors_secure_cover-report .container__card .upload .hero.v3 main section form .ui-fileupload-choose {
     width: auto;
     height: 3.66666em;
 }
 
 .hero.v3 main aside {
     display: flex;
     align-items: center;
     width: 100%;
     height: 100vh;
     overflow: hidden;
 }
 
 .hero.v3 main aside img {
     object-fit: cover;
     width: 100%;
     height: 100%;
 }
 
 @media (max-width: 992px) {
     .hero.v3 main {
         height: 440px;
     }
     .hero.v3 main section {
         flex: 0 0 480px;
         padding: 0 2em;
     }
     .hero.v3 main section>* {
         max-width: 400px;
     }
     .hero.v3 main section h1 {
         font-size: 30px;
         max-width: 100%;
     }
     .hero.v3 main section p {
         font-size: 0.875em;
     }
     /* .hero.v3 main aside {
        background-size: cover;
        background-image: url("https://cdn.mytutor.co.uk/images/hero-default.svg?1599042894000");
        background-repeat: no-repeat;
        background-position: left center
    } */
     .hero.v3 main aside img {
         display: none;
     }
 }
 
 @media (max-width: 708px) {
     .hero.v3 main section {
         flex: auto;
         width: auto;
         max-width: 480px;
         margin-right: auto;
     }
     .hero.v3 main section:after {
         display: none;
     }
     .hero.v3 main section>* {
         max-width: none;
     }
     .hero.v3 main section form {
         white-space: normal;
     }
     .hero.v3 main section form .ui-autocomplete {
         width: 100%;
     }
     .hero.v3 main section form .r_button,
     .hero.v3 main section form .teacherresources__upload .ui-fileupload-choose,
     .teacherresources__upload .hero.v3 main section form .ui-fileupload-choose,
     .hero.v3 main section form .teacherresources__selectone .ui-button,
     .teacherresources__selectone .hero.v3 main section form .ui-button,
     .hero.v3 main section form #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar .ui-button,
     #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar .hero.v3 main section form .ui-button,
     .hero.v3 main section form .securesidebar__upload .ui-fileupload-buttonbar .ui-button,
     .securesidebar__upload .ui-fileupload-buttonbar .hero.v3 main section form .ui-button,
     .hero.v3 main section form .ui-fileupload .ui-fileupload-buttonbar .ui-button,
     .ui-fileupload .ui-fileupload-buttonbar .hero.v3 main section form .ui-button,
     .hero.v3 main section form .page_tutors_secure_cover-report .container__card .upload .ui-fileupload-choose,
     .page_tutors_secure_cover-report .container__card .upload .hero.v3 main section form .ui-fileupload-choose {
         width: 100%;
         margin-top: 1em;
     }
     .hero.v3 main aside {
         display: none;
     }
 }
 
 @media (max-width: 358px) {
     .hero.v3 main section {
         padding: 0 1em;
     }
 }
 
 .texthero {
     text-align: center;
 }
 
 @media (max-width: 708px) {
     .texthero {
         border: 0;
     }
 }
 
 .texthero--video {
     border-bottom: 0;
 }
 
 .texthero__header {
     text-transform: capitalize;
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 50px;
     font-size: 3.125rem;
     line-height: 60px;
     line-height: 3.75rem;
     font-weight: 900;
     letter-spacing: -0.5px;
     color: #311b92;
     padding: 40px 0 10px 0;
 }
 
 .texthero__header--small {
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 46px;
     font-size: 2.875rem;
     line-height: 56px;
     line-height: 3.5rem;
     font-weight: 900;
     letter-spacing: 0;
 }
 
 @media (max-width: 1268px) {
     .texthero__header {
         font-family: "Modelica", "Source Sans Pro", sans-serif;
         font-size: 30px;
         line-height: 35px;
         font-weight: 900;
         letter-spacing: 0;
     }
 }
 
 @media (max-width: 708px) {
     .texthero__header {
         font-family: "Modelica", "Source Sans Pro", sans-serif;
         font-size: 25px;
         line-height: 30px;
         font-weight: 900;
         letter-spacing: 0;
         padding: 30px 0 10px 0;
     }
 }
 
 .texthero__subheader {
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 28px;
     font-size: 1.75rem;
     line-height: 36px;
     line-height: 2.25rem;
     font-weight: 900;
     letter-spacing: 0;
     color: #303336;
     margin-bottom: 30px;
 }
 
 @media (max-width: 992px) {
     .texthero__subheader {
         font-family: "Modelica", "Source Sans Pro", sans-serif;
         font-size: 24px;
         font-size: 1.5rem;
         line-height: 30px;
         line-height: 1.875rem;
         font-weight: 700;
         letter-spacing: 0;
         margin-bottom: 25px;
     }
 }
 
 @media (max-width: 708px) {
     .texthero__subheader {
         font-family: "Modelica", "Source Sans Pro", sans-serif;
         font-size: 20px;
         font-size: 1.25rem;
         line-height: 28px;
         line-height: 1.75rem;
         font-weight: 700;
         letter-spacing: 0;
     }
 }
 
 .texthero__more {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 22px;
     font-size: 1.375rem;
     line-height: 28px;
     line-height: 1.75rem;
     color: #303336;
     font-weight: 600;
     color: #fff;
     text-align: left;
     position: absolute;
     margin: 1em 0;
     bottom: 1em;
     font-size: 18px;
 }
 
 .texthero__stats {
     margin-bottom: 40px;
     min-width: 520px;
 }
 
 @media (max-width: 708px) {
     .texthero__stats {
         margin-bottom: 25px;
         min-width: 0;
     }
 }
 
 .texthero__stats p {
     display: inline-block;
     font-family: "Source Sans Pro", sans-serif;
     font-size: 22px;
     font-size: 1.375rem;
     line-height: 28px;
     line-height: 1.75rem;
     color: #303336;
     font-weight: 600;
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     color: #67657d;
 }
 
 @media (max-width: 1268px) {
     .texthero__stats p {
         display: block;
     }
 }
 
 @media (max-width: 708px) {
     .texthero__stats p {
         font-family: "Source Sans Pro", sans-serif;
         font-size: 18px;
         font-size: 1.125rem;
         line-height: 24px;
         line-height: 1.5rem;
         color: #303336;
         font-weight: 400;
         font-family: "Modelica", "Source Sans Pro", sans-serif;
         color: #67657d;
         font-weight: 600;
     }
 }
 
 .texthero__stats p:first-of-type {
     padding-right: 15px;
     border-right: 1px solid #dcdae2;
 }
 
 @media (max-width: 1268px) {
     .texthero__stats p:first-of-type {
         border: 0;
         padding: 0;
         margin-bottom: 3px;
     }
 }
 
 .texthero__stats p:last-of-type {
     float: right;
 }
 
 @media (max-width: 1268px) {
     .texthero__stats p:last-of-type {
         padding: 0;
     }
 }
 
 .texthero__stats p a {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 22px;
     font-size: 1.375rem;
     line-height: 28px;
     line-height: 1.75rem;
     color: #303336;
     font-weight: 600;
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     color: #542eff;
     text-decoration: underline;
 }
 
 @media (max-width: 708px) {
     .texthero__stats p a {
         font-family: "Source Sans Pro", sans-serif;
         font-size: 18px;
         font-size: 1.125rem;
         line-height: 24px;
         line-height: 1.5rem;
         color: #303336;
         font-weight: 400;
         font-family: "Modelica", "Source Sans Pro", sans-serif;
         color: #542eff;
         font-weight: 600;
     }
 }
 
 .texthero__stats p img {
     margin-right: 10px;
 }
 
 @media (max-width: 1268px) {
     .texthero__stats p img {
         height: 15px;
         margin-right: 8px;
     }
 }
 
 .texthero__stats p .dark {
     color: #545174;
 }
 
 .texthero__reviews {
     margin-bottom: 60px;
 }
 
 @media (max-width: 992px) {
     .texthero__reviews {
         margin-bottom: 50px;
     }
 }
 
 .texthero__reviews img {
     padding-right: 10px;
     vertical-align: middle;
 }
 
 .texthero__reviews a {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 18px;
     font-size: 1.125rem;
     line-height: 24px;
     line-height: 1.5rem;
     color: #303336;
     font-weight: 400;
     color: #542eff;
     vertical-align: middle;
 }
 
 .texthero__button {
     margin-bottom: 55px;
 }
 
 @media (max-width: 992px) {
     .texthero__button {
         margin-bottom: 50px;
     }
 }
 
 .texthero__image {
     width: 100%;
     margin-bottom: -2px;
 }
 
 @media (max-width: 708px) {
     .texthero__image {
         margin-bottom: 0;
     }
 }
 
 .texthero__video {
     position: absolute;
     top: 13%;
     left: -1.4%;
     width: 100%;
     height: 69%;
 }
 
 .texthero__laptop {
     padding: 40px 0 10px 20px;
     box-sizing: border-box;
 }
 
 .texthero__form {
     border-top: 5px solid #0cb;
     margin: 40px auto;
     max-width: 440px;
     padding: 30px 20px 38px 20px;
     text-align: left;
 }
 
 @media (max-width: 992px) {
     .texthero__form {
         margin: 30px auto;
     }
 }
 
 @media (max-width: 450px) {
     .texthero__form {
         margin-left: -20px;
         margin-right: -20px;
     }
 }
 
 .texthero__form [id="nichesubjectsForm:subject:container"],
 .texthero__form [id="nichesubjectsForm:tutorGender:container"] {
     margin-right: 10px;
 }
 
 .texthero__form [id="nichesubjectsForm:description:input"] {
     padding: 10px 12px;
     height: 160px !important;
 }
 
 .texthero__form .miabtable {
     width: 100%;
 }
 
 .texthero__form .miabtable>tbody>tr>td:first-of-type {
     width: 180px;
 }
 
 .texthero__form .error {
     line-height: initial;
 }
 
 .texthero__form .ui-selectmanycheckbox {
     background-color: #f0f2f5;
     padding: 9px 10px;
     display: block;
     box-sizing: border-box;
 }
 
 .texthero__form .ui-selectmanycheckbox .ui-helper-hidden-accessible {
     position: relative;
 }
 
 .texthero__form .ui-selectmanycheckbox label {
     margin: 0;
     display: inline-block;
     margin-left: 6px;
     margin-right: 10px;
     vertical-align: initial;
 }
 
 .texthero__form .ui-selectmanycheckbox input[type="checkbox"] {
     padding: 0;
 }
 
 .texthero__form .ui-selectmanycheckbox input[type="checkbox"]:focus {
     box-shadow: none;
 }
 
 .texthero__form .ui-selectmanycheckbox .ui-chkbox-box {
     display: none;
 }
 
 .texthero__form__header {
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 20px;
     font-size: 1.25rem;
     line-height: 28px;
     line-height: 1.75rem;
     font-weight: 700;
     letter-spacing: 0;
     color: #303336;
     text-align: center;
     margin-bottom: 18px;
 }
 
 @media (max-width: 450px) {
     .texthero__form__header {
         font-size: 1.125em;
     }
 }
 
 .texthero__form__subheader {
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 16px;
     font-size: 1rem;
     line-height: 20px;
     line-height: 1.25rem;
     font-weight: 700;
     letter-spacing: 0;
     color: #67657d;
     text-align: center;
     margin-bottom: 18px;
 }
 
 .texthero__form p {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 18px;
     font-size: 1.125rem;
     line-height: 24px;
     line-height: 1.5rem;
     font-weight: 600;
     letter-spacing: 0;
     font-weight: 500;
     color: #67657d;
     text-align: center;
 }
 
 .texthero__form .terms {
     font-size: 1em;
 }
 
 .texthero--nopadding {
     padding-top: 0;
 }
 
 @media (max-width: 708px) {
     .texthero--border {
         border-bottom: solid 1px #dcdae2;
     }
     .texthero--border .texthero__image {
         margin-bottom: -2px;
     }
 }
 
 .texthero--primary {
     background-color: #14508e;
     background-size: 450px;
     border: 0;
     position: relative;
 }
 
 .texthero--primary .texthero__header {
     margin: 90px 0 0;
     max-width: 600px;
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 46px;
     font-size: 2.875rem;
     line-height: 56px;
     line-height: 3.5rem;
     font-weight: 900;
     letter-spacing: 0;
     color: #e85dcc;
     padding-top: 40px;
     text-align: left;
     text-shadow: 0 1px 2px rgba(0, 0, 0, 0.32);
 }
 
 @media (max-width: 992px) {
     .texthero--primary .texthero__header {
         margin: 0;
     }
 }
 
 @media (max-width: 575px) {
     .texthero--primary .texthero__header {
         font-family: "Modelica", "Source Sans Pro", sans-serif;
         font-size: 34px;
         font-size: 2.125rem;
         line-height: 40px;
         line-height: 2.5rem;
         font-weight: 900;
         letter-spacing: 0;
     }
 }
 
 @media (min-width: 576px) {
     .texthero--primary .texthero__header {
         font-family: "Modelica", "Source Sans Pro", sans-serif;
         font-size: 40px;
         font-size: 2.5rem;
         line-height: 48px;
         line-height: 3rem;
         font-weight: 900;
         letter-spacing: 0;
     }
 }
 
 @media (min-width: 768px) {
     .texthero--primary .texthero__header {
         font-family: "Modelica", "Source Sans Pro", sans-serif;
         font-size: 46px;
         font-size: 2.875rem;
         line-height: 56px;
         line-height: 3.5rem;
         font-weight: 900;
         letter-spacing: 0;
     }
 }
 
 @media (min-width: 992px) {
     .texthero--primary .texthero__header {
         font-family: "Modelica", "Source Sans Pro", sans-serif;
         font-size: 50px;
         font-size: 3.125rem;
         line-height: 60px;
         line-height: 3.75rem;
         font-weight: 900;
         letter-spacing: -0.5px;
     }
 }
 
 .texthero--primary .texthero__subheader {
     position: relative;
     font-weight: 600;
     color: #fff;
     margin-top: 15px;
     text-align: left;
 }
 
 @media (max-width: 992px) {
     .texthero--primary .texthero__subheader:after {
         content: none;
     }
 }
 
 @media (max-width: 575px) {
     .texthero--primary .texthero__subheader {
         font-family: "Modelica", "Source Sans Pro", sans-serif;
         font-size: 18px;
         font-size: 1.125rem;
         line-height: 26px;
         line-height: 1.625rem;
         font-weight: 700;
         letter-spacing: 0;
     }
 }
 
 @media (min-width: 576px) {
     .texthero--primary .texthero__subheader {
         font-family: "Modelica", "Source Sans Pro", sans-serif;
         font-size: 18px;
         font-size: 1.125rem;
         line-height: 26px;
         line-height: 1.625rem;
         font-weight: 700;
         letter-spacing: 0;
     }
 }
 
 @media (min-width: 768px) {
     .texthero--primary .texthero__subheader {
         font-family: "Modelica", "Source Sans Pro", sans-serif;
         font-size: 20px;
         font-size: 1.25rem;
         line-height: 28px;
         line-height: 1.75rem;
         font-weight: 700;
         letter-spacing: 0;
     }
 }
 
 @media (min-width: 992px) {
     .texthero--primary .texthero__subheader {
         font-family: "Modelica", "Source Sans Pro", sans-serif;
         font-size: 24px;
         font-size: 1.5rem;
         line-height: 30px;
         line-height: 1.875rem;
         font-weight: 700;
         letter-spacing: 0;
     }
 }
 
 .texthero--primary .texthero__stats {
     margin: 15px 0 0;
     text-align: left;
     position: relative;
     padding-right: 160px;
 }
 
 @media (max-width: 992px) {
     .texthero--primary .texthero__stats {
         margin: 15px auto;
         padding-right: 0;
     }
     .texthero--primary .texthero__stats:after {
         content: none;
     }
 }
 
 .texthero--primary .texthero__stats img {
     display: inline-block;
     height: 22px;
     margin-left: 25px;
     top: 2px;
     position: absolute;
 }
 
 @media (max-width: 992px) {
     .texthero--primary .texthero__stats img {
         height: 20px;
         margin: 0;
         position: static;
     }
 }
 
 .texthero--primary .texthero__stats p {
     color: #fff;
     font-weight: 400;
 }
 
 @media (max-width: 1268px) {
     .texthero--primary .texthero__stats p {
         display: inline-block;
     }
     .texthero--primary .texthero__stats p:first-of-type {
         padding-right: 25px;
         border-right: 1px solid #dcdae2;
     }
     .texthero--primary .texthero__stats p:last-of-type {
         float: right;
     }
 }
 
 @media (max-width: 992px) {
     .texthero--primary .texthero__stats p {
         text-align: center;
     }
     .texthero--primary .texthero__stats p:first-of-type {
         padding-right: 12px;
         border: 0;
     }
     .texthero--primary .texthero__stats p:last-of-type {
         padding-left: 20px;
         float: none;
     }
 }
 
 @media (max-width: 708px) {
     .texthero--primary .texthero__stats p {
         display: none;
     }
 }
 
 .texthero--primary .texthero__stats p .dark {
     color: #fff;
     font-weight: 600;
 }
 
 .texthero--primary .texthero__stats p a {
     color: #fff;
     text-decoration: none;
 }
 
 .texthero--blueols {
     text-align: left;
     overflow: hidden;
     height: 600px;
 }
 
 @media (max-width: 1268px) {
     .texthero--blueols {
         height: 550px;
     }
 }
 
 @media (max-width: 1100px) {
     .texthero--blueols {
         height: 500px;
     }
 }
 
 @media (max-width: 992px) {
     .texthero--blueols {
         height: auto;
     }
 }
 
 @media (max-width: 992px) {
     .texthero--blueols {
         text-align: center;
     }
 }
 
 .texthero--blueols .texthero__button {
     margin-top: 55px;
 }
 
 @media (max-width: 1268px) {
     .texthero--blueols .texthero__button {
         margin: 30px 0 80px 0;
     }
 }
 
 @media (max-width: 992px) {
     .texthero--blueols .texthero__button {
         margin: 25px auto 0 auto;
     }
 }
 
 .texthero--blueols .texthero__header {
     margin: 55px 0 22px 0;
 }
 
 @media (max-width: 1268px) {
     .texthero--blueols .texthero__header {
         margin: 40px 0 22px 0;
     }
 }
 
 @media (max-width: 992px) {
     .texthero--blueols .texthero__header {
         margin: 25px auto 15px auto;
         max-width: none;
     }
 }
 
 .texthero--blueols .texthero__stats {
     padding-right: 0;
 }
 
 .texthero--blueols .texthero__stats:after {
     content: none;
 }
 
 @media (max-width: 992px) {
     .texthero--blueols .texthero__stats>img {
         display: none;
     }
 }
 
 .texthero--blueols .texthero__stats p img {
     display: none;
 }
 
 @media (max-width: 992px) {
     .texthero--blueols .texthero__stats p img {
         display: inline-block;
         margin-bottom: 0;
         margin-right: 6px;
         height: 16px;
         vertical-align: baseline;
     }
 }
 
 .texthero--blueols .texthero__stats p a {
     text-decoration: underline;
 }
 
 @media (max-width: 1268px) and (min-width: 992px) {
     .texthero--blueols .texthero__stats p {
         display: block;
     }
     .texthero--blueols .texthero__stats p:first-of-type {
         padding-right: 0;
         border-right: 0;
     }
     .texthero--blueols .texthero__stats p:last-of-type {
         padding-left: 0;
     }
 }
 
 @media (max-width: 708px) {
     .texthero--blueols .texthero__stats p {
         display: block;
     }
     .texthero--blueols .texthero__stats p:first-of-type {
         padding-right: 0;
         border-right: 0;
     }
     .texthero--blueols .texthero__stats p:last-of-type {
         padding-left: 0;
     }
 }
 /* .texthero--blueols .texthero__image {
    box-sizing: border-box;
    background: url("https://cdn.mytutor.co.uk/images/classroom.png") center center no-repeat;
    background-size: contain;
    padding: 3.5% 9.5% 6%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
} */
 
 @media (max-width: 1268px) {
     .texthero--blueols .texthero__image {
         padding: 2.5% 10.5% 5%;
     }
 }
 
 @media (max-width: 1100px) {
     .texthero--blueols .texthero__image {
         padding: 2.5% 9.5% 5%;
     }
 }
 
 .texthero--blueols .texthero__image__wrapper {
     position: relative;
     padding-top: 25px;
     padding-bottom: 67.5%;
     height: 0;
     width: 120%;
 }
 
 @media (max-width: 1268px) {
     .texthero--blueols .texthero__image__wrapper {
         width: 130%;
     }
 }
 
 @media (max-width: 1100px) {
     .texthero--blueols .texthero__image__wrapper {
         padding-bottom: 84.5%;
     }
 }
 
 @media (max-width: 992px) {
     .texthero--blueols .texthero__image__wrapper {
         width: 100%;
         padding-bottom: 66.5%;
     }
 }
 
 .actionbanner {
     text-align: center;
     background-image: #f9f8fb;
 }
 
 .actionbanner--short {
     height: 200px;
 }
 
 .actionbanner--border-top {
     border-top: solid 1px rgba(255, 255, 255, 0.25);
 }
 
 @media (max-width: 708px) {
     .actionbanner {
         height: auto;
         padding: 60px 0;
     }
 }
 
 @media (min-width: 708px) {
     .actionbanner__wrapper {
         position: relative;
         top: 50%;
         transform: translateY(-50%);
         -webkit-transform: translateY(-50%);
         -ms-transform: translateY(-50%);
     }
 }
 
 .actionbanner__header {
     color: #311b92;
     margin-bottom: 45px;
 }
 
 .actionbanner__header span {
     font-weight: 600;
 }
 
 @media (max-width: 575px) {
     .actionbanner__header {
         font-family: "Modelica", "Source Sans Pro", sans-serif;
         font-size: 24px;
         font-size: 1.5rem;
         line-height: 30px;
         line-height: 1.875rem;
         font-weight: 700;
         letter-spacing: 0;
     }
 }
 
 @media (min-width: 576px) {
     .actionbanner__header {
         font-family: "Modelica", "Source Sans Pro", sans-serif;
         font-size: 28px;
         font-size: 1.75rem;
         line-height: 36px;
         line-height: 2.25rem;
         font-weight: 900;
         letter-spacing: 0;
     }
 }
 
 @media (min-width: 768px) {
     .actionbanner__header {
         font-family: "Modelica", "Source Sans Pro", sans-serif;
         font-size: 34px;
         font-size: 2.125rem;
         line-height: 40px;
         line-height: 2.5rem;
         font-weight: 900;
         letter-spacing: 0;
     }
 }
 
 @media (min-width: 992px) {
     .actionbanner__header {
         text-transform: capitalize;
         font-family: "Modelica", "Source Sans Pro", sans-serif;
         font-size: 40px;
         font-size: 2.5rem;
         line-height: 48px;
         line-height: 3rem;
         font-weight: 900;
         letter-spacing: 0;
     }
 }
 
 .actionbanner__header--small {
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 34px;
     font-size: 2.125rem;
     line-height: 40px;
     line-height: 2.5rem;
     font-weight: 900;
     letter-spacing: 0;
     color: #311b92;
     margin-bottom: 18px;
 }
 
 .actionbanner__subheader {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 18px;
     font-size: 1.125rem;
     line-height: 24px;
     line-height: 1.5rem;
     color: #303336;
     font-weight: 400;
     color: #fff;
     font-style: italic;
     margin-bottom: 38px;
     display: block;
 }
 
 @media (max-width: 708px) {
     .actionbanner__subheader {
         margin-bottom: 25px;
     }
 }
 
 .actionbanner__subheader span {
     vertical-align: middle;
 }
 
 .actionbanner__subheader img {
     height: 15px;
     margin-left: 8px;
     vertical-align: middle;
 }
 
 @media (max-width: 992px) {
     .actionbanner__subheader img {
         display: block;
         margin-left: 0;
         margin-top: 10px;
     }
 }
 
 @media (max-width: 708px) {
     .actionbanner__subheader img {
         margin: 0 auto;
     }
 }
 
 .actionbanner--image {
     background-image: url("//cdn.mytutor.co.uk/images/uploads/answersfooter.jpg");
     background-repeat: no-repeat;
     background-size: cover;
     background-position: 50% center;
     text-align: left;
 }
 
 .actionbanner--image .actionbanner__header {
     color: #303336;
 }
 
 .actionbanner--image .actionbanner__subheader {
     color: #67657d;
 }
 
 @media (max-width: 708px) {
     .actionbanner--image {
         text-align: center;
         height: 350px;
         background-image: url("//cdn.mytutor.co.uk/images/uploads/answersfooter--mobile.jpg");
         background-position: center bottom;
         padding: 40px 0 60px 0;
     }
 }
 
 .actionbanner__paragraph {
     padding-bottom: 40px;
 }
 
 .steps {
     padding: 80px 0;
     border-bottom: solid 1px #dcdae2;
     position: relative;
 }
 
 .steps--white {
     background-color: #fff;
 }
 
 .steps--no-border {
     border: 0;
 }
 
 .steps--large-padding {
     padding: 40px 0 140px 0;
 }
 
 @media (max-width: 708px) {
     .steps--large-padding {
         padding: 40px 0 120px 0;
     }
 }
 
 .steps__action {
     text-align: center;
     margin-top: 67px;
 }
 
 @media (max-width: 708px) {
     .steps__action {
         margin-top: 50px;
     }
 }
 
 .steps__header {
     color: #14508e;
     text-align: center;
     margin-bottom: 90px;
 }
 
 @media (max-width: 575px) {
     .steps__header {
         margin-bottom: 64px;
     }
 }
 
 @media (max-width: 575px) {
     .steps__header h1 {
         font-family: "Modelica", "Source Sans Pro", sans-serif;
         font-size: 28px;
         font-size: 1.75rem;
         line-height: 36px;
         line-height: 2.25rem;
         font-weight: 900;
         letter-spacing: 0;
         text-align: left;
     }
 }
 
 @media (min-width: 576px) {
     .steps__header h1 {
         font-family: "Modelica", "Source Sans Pro", sans-serif;
         font-size: 34px;
         font-size: 2.125rem;
         line-height: 40px;
         line-height: 2.5rem;
         font-weight: 900;
         letter-spacing: 0;
     }
 }
 
 @media (min-width: 768px) {
     .steps__header h1 {
         font-family: "Modelica", "Source Sans Pro", sans-serif;
         font-size: 40px;
         font-size: 2.5rem;
         line-height: 48px;
         line-height: 3rem;
         font-weight: 900;
         letter-spacing: 0;
     }
 }
 
 @media (min-width: 992px) {
     .steps__header h1 {
         font-family: "Modelica", "Source Sans Pro", sans-serif;
         font-size: 46px;
         font-size: 2.875rem;
         line-height: 56px;
         line-height: 3.5rem;
         font-weight: 900;
         letter-spacing: 0;
     }
 }
 
 @media (max-width: 575px) {
     .steps__header h3 {
         font-family: "Modelica", "Source Sans Pro", sans-serif;
         font-size: 16px;
         font-size: 1rem;
         line-height: 20px;
         line-height: 1.25rem;
         font-weight: 700;
         letter-spacing: 0;
         text-align: left;
     }
 }
 
 @media (min-width: 576px) {
     .steps__header h3 {
         font-family: "Modelica", "Source Sans Pro", sans-serif;
         font-size: 18px;
         font-size: 1.125rem;
         line-height: 26px;
         line-height: 1.625rem;
         font-weight: 700;
         letter-spacing: 0;
     }
 }
 
 @media (min-width: 768px) {
     .steps__header h3 {
         font-family: "Modelica", "Source Sans Pro", sans-serif;
         font-size: 20px;
         font-size: 1.25rem;
         line-height: 28px;
         line-height: 1.75rem;
         font-weight: 700;
         letter-spacing: 0;
     }
 }
 
 @media (min-width: 992px) {
     .steps__header h3 {
         font-family: "Modelica", "Source Sans Pro", sans-serif;
         font-size: 24px;
         font-size: 1.5rem;
         line-height: 30px;
         line-height: 1.875rem;
         font-weight: 700;
         letter-spacing: 0;
     }
 }
 
 .steps__circle {
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 40px;
     font-size: 2.5rem;
     line-height: 48px;
     line-height: 3rem;
     font-weight: 900;
     letter-spacing: 0;
     background-color: #ff1744;
     border-radius: 50%;
     box-sizing: border-box;
     color: #fff;
     display: block;
     height: 59px;
     line-height: 40px;
     margin: 15px auto;
     padding: 10px;
     text-align: center;
     width: 59px;
 }
 
 .steps__textwrapper {
     padding: 0 20px;
 }
 
 @media (max-width: 708px) {
     .steps__textwrapper {
         display: inline-block;
         width: calc(100% - 56px - 20px);
         vertical-align: top;
         padding: 0 0 0 20px;
         vertical-align: middle;
     }
 }
 
 @media (max-width: 708px) {
     .steps__textwrapper--no-image {
         padding: 0;
     }
 }
 
 .steps__title {
     color: #303336;
     margin: 0 auto 13px auto;
     text-align: center;
     max-width: 300px;
 }
 
 @media (max-width: 575px) {
     .steps__title {
         font-family: "Modelica", "Source Sans Pro", sans-serif;
         font-size: 16px;
         font-size: 1rem;
         line-height: 20px;
         line-height: 1.25rem;
         font-weight: 700;
         letter-spacing: 0;
         margin: 0 0 13px 0;
         padding-left: 24px;
         text-align: left;
     }
 }
 
 @media (min-width: 576px) {
     .steps__title {
         font-family: "Modelica", "Source Sans Pro", sans-serif;
         font-size: 18px;
         font-size: 1.125rem;
         line-height: 26px;
         line-height: 1.625rem;
         font-weight: 700;
         letter-spacing: 0;
         padding: 0 7px;
     }
 }
 
 @media (min-width: 768px) {
     .steps__title {
         font-family: "Modelica", "Source Sans Pro", sans-serif;
         font-size: 20px;
         font-size: 1.25rem;
         line-height: 28px;
         line-height: 1.75rem;
         font-weight: 700;
         letter-spacing: 0;
         padding: 0 16px;
     }
 }
 
 @media (min-width: 992px) {
     .steps__title {
         font-family: "Modelica", "Source Sans Pro", sans-serif;
         font-size: 24px;
         font-size: 1.5rem;
         line-height: 30px;
         line-height: 1.875rem;
         font-weight: 700;
         letter-spacing: 0;
     }
 }
 
 .steps__summary {
     color: #303336;
     margin: 0 auto 24px auto;
     max-width: 300px;
     padding: 0 16px;
     text-align: center;
 }
 
 @media (max-width: 575px) {
     .steps__summary {
         font-family: "Modelica", "Source Sans Pro", sans-serif;
         font-size: 16px;
         font-size: 1rem;
         line-height: 20px;
         line-height: 1.25rem;
         font-weight: 700;
         letter-spacing: 0;
         font-weight: 400;
         margin: 0 0 48px 0;
         padding: 0 0 0 24px;
         text-align: left;
     }
 }
 
 @media (min-width: 576px) {
     .steps__summary {
         font-family: "Modelica", "Source Sans Pro", sans-serif;
         font-size: 16px;
         font-size: 1rem;
         line-height: 20px;
         line-height: 1.25rem;
         font-weight: 700;
         letter-spacing: 0;
         font-weight: 400;
     }
 }
 
 @media (min-width: 768px) {
     .steps__summary {
         font-family: "Modelica", "Source Sans Pro", sans-serif;
         font-size: 18px;
         font-size: 1.125rem;
         line-height: 26px;
         line-height: 1.625rem;
         font-weight: 700;
         letter-spacing: 0;
         font-weight: 400;
     }
 }
 
 @media (min-width: 992px) {
     .steps__summary {
         font-family: "Modelica", "Source Sans Pro", sans-serif;
         font-size: 20px;
         font-size: 1.25rem;
         line-height: 28px;
         line-height: 1.75rem;
         font-weight: 700;
         letter-spacing: 0;
         font-weight: 400;
     }
 }
 
 .steps__icon {
     height: 56px;
     width: auto;
     display: block;
     margin: 0 auto 18px auto;
     text-align: center;
 }
 
 @media (max-width: 708px) {
     .steps__icon {
         width: 50px;
         vertical-align: middle;
     }
 }
 
 .steps__icon--wide {
     width: 165px;
     height: 48px;
     margin-bottom: 15px;
 }
 
 @media (max-width: 992px) {
     .steps__icon--wide {
         width: 140px;
         height: 34px;
     }
 }
 
 @media (max-width: 708px) {
     .steps__icon--wide {
         display: block;
         margin: 0 auto 15px auto;
     }
 }
 
 @media (max-width: 708px) {
     .steps__section {
         padding-bottom: 40px;
     }
 }
 
 .steps__section:last-of-type {
     padding-bottom: 0;
 }
 
 .steps__section--large-icon .steps__icon {
     height: 80px;
     width: auto;
 }
 
 @media (max-width: 708px) {
     .steps__section--large-icon .steps__icon {
         height: auto;
         width: 80px;
     }
 }
 
 @media (max-width: 708px) {
     .steps__section--large-icon .steps__textwrapper {
         width: calc(100% - 80px - 25px);
     }
 }
 
 .steps__stat {
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 48px;
     font-size: 3rem;
     line-height: 52px;
     line-height: 3.25rem;
     color: #303336;
     font-weight: 400;
     letter-spacing: -0.5px;
     text-align: center;
     color: #60d17b;
     margin-bottom: 10px;
 }
 
 @media (max-width: 992px) {
     .steps__stat {
         font-family: "Modelica", "Source Sans Pro", sans-serif;
         font-size: 34px;
         font-size: 2.125rem;
         line-height: 38px;
         line-height: 2.375rem;
         color: #303336;
         font-weight: 400;
         letter-spacing: -0.5px;
         color: #60d17b;
     }
 }
 
 @media (max-width: 708px) {
     .steps--center-mobile .steps__title,
     .steps--center-mobile .steps__summary,
     .steps--center-mobile .steps__header {
         text-align: center;
     }
     .steps--center-mobile .steps__textwrapper {
         padding: 0;
         width: 100%;
         max-width: 292px;
         margin: 0 auto;
         display: block;
     }
 }
 
 @media (max-width: 708px) and (max-width: 708px) {
     .steps--center-mobile .steps__icon {
         margin: 0 auto 18px auto;
         display: block;
     }
 }
 
 .steps--primary {
     background-image: linear-gradient(126deg, #3095e1, #3eaab1);
     border-bottom: 0;
 }
 
 .steps--primary .steps__section {
     position: relative;
 }
 
 .steps--primary .steps__section:before {
     content: "";
     background-image: url("//cdn.mytutor.co.uk/images/uploads/arrow-steps.svg");
     display: inline-block;
     width: 75px;
     height: 35px;
     background-repeat: no-repeat;
     position: absolute;
     left: -38px;
     top: 25px;
 }
 
 @media (max-width: 992px) {
     .steps--primary .steps__section:before {
         right: -27px;
         top: 37px;
         width: 22px;
         height: 22px;
         display: none;
     }
 }
 
 .steps--primary .steps__section:first-child:before {
     content: none;
 }
 
 @media (max-width: 708px) {
     .steps--primary .steps__section:before {
         content: none;
     }
 }
 
 @media (max-width: 708px) {
     .steps--primary .steps__textwrapper {
         width: calc(100% - 85px - 20px);
     }
 }
 
 .steps--primary .steps__header {
     color: #fff;
 }
 
 .steps--primary .steps__header span {
     color: #fff;
     font-weight: 600;
 }
 
 .steps--primary .steps__summary,
 .steps--primary .steps__title {
     color: #fff;
 }
 
 .steps--image {
     opacity: 0.95;
     transition: opacity 300ms linear;
     background: url("//cdn.mytutor.co.uk/images/hero-large--small.jpg");
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat;
     z-index: 1;
 }
 
 .steps--image:after {
     content: "";
     display: block;
     position: absolute;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     background: linear-gradient(126deg, #3095e1, #3eaab1);
     opacity: 0.8;
     z-index: -1;
 }
 
 .steps--image.js-backgroundloaded {
     opacity: 1;
     transition: opacity 300ms linear;
     background-image: url("//cdn.mytutor.co.uk/images/hero-large.jpg");
 }
 
 @media (max-width: 708px) {
     .steps--image.js-backgroundloaded {
         background-image: url("//cdn.mytutor.co.uk/images/hero-large@2x.jpg");
     }
 }
 
 .river {
     padding: 40px 0 140px 0;
     overflow: hidden;
     background-color: #f5f4f7;
 }
 
 @media (max-width: 708px) {
     .river {
         padding: 0 0 80px 0;
     }
 }
 
 .river--padding-small {
     padding: 40px 0 60px 0;
 }
 
 .river__section {
     padding: 100px 0 120px 0;
 }
 
 @media (max-width: 992px) {
     .river__section {
         padding: 80px 0;
     }
 }
 
 @media (max-width: 708px) {
     .river__section--padding-small-mobile {
         padding-top: 20px;
     }
 }
 
 .river__section:last-of-type {
     padding-bottom: 0;
 }
 
 .river__container {
     padding: 40px 0 60px 0;
 }
 
 .river__container--primary {
     background-color: #0cb;
 }
 
 .river__container--neutral {
     background-color: #fff;
 }
 
 @media (max-width: 992px) {
     .river__container {
         padding: 30px 0 40px 0;
     }
 }
 
 @media (max-width: 708px) {
     .river__container {
         padding: 30px 0;
     }
 }
 
 .river__header {
     color: #164c88;
     margin-bottom: 20px;
 }
 
 @media (max-width: 575px) {
     .river__header {
         font-size: 18px !important;
         line-height: 30px;
         font-weight: 700;
         letter-spacing: 0;
         font-weight: 900;
     }
     .swiper-button-next {
         display: none !important;
     }
     .swiper-button-prev {
         display: none !important;
     }
 }
 
 @media (min-width: 576px) {
     .river__header {
         font-family: "Modelica", "Source Sans Pro", sans-serif;
         font-size: 30px;
         line-height: 35px;
         font-weight: 900;
         letter-spacing: 0;
     }
 }
 
 @media (min-width: 768px) {
     .river__header {
         font-family: "Modelica", "Source Sans Pro", sans-serif;
         font-size: 30px;
         line-height: 35px;
         font-weight: 900;
         letter-spacing: 0;
     }
 }
 
 @media (min-width: 992px) {
     .river__header {
         font-family: "Modelica", "Source Sans Pro", sans-serif;
         font-size: 25px;
         line-height: 33px;
         font-weight: 900;
         letter-spacing: 0;
     }
 }
 
 .river__subheader {
     color: #303336;
 }
 
 @media (max-width: 767px) {
     .river__subheader {
         font-family: "Modelica", "Source Sans Pro", sans-serif;
         font-size: 16px;
         font-size: 1rem;
         line-height: 20px;
         line-height: 1.25rem;
         font-weight: 700;
         letter-spacing: 0;
     }
 }
 
 @media (min-width: 768px) {
     .river__subheader {
         font-family: "Modelica", "Source Sans Pro", sans-serif;
         font-size: 18px;
         font-size: 1.125rem;
         line-height: 26px;
         line-height: 1.625rem;
         font-weight: 700;
         letter-spacing: 0;
     }
 }
 
 @media (min-width: 992px) {
     .river__subheader {
         font-family: "Modelica", "Source Sans Pro", sans-serif;
         font-size: 20px;
         font-size: 1.25rem;
         line-height: 28px;
         line-height: 1.75rem;
         font-weight: 700;
         letter-spacing: 0;
     }
 }
 
 .river__paragraph {
     color: #303336;
     font-weight: 400;
     list-style: inside;
     margin-bottom: 24px;
 }
 
 @media (max-width: 767px) {
     .river__paragraph {
         font-family: "Modelica", "Source Sans Pro", sans-serif;
         font-size: 16px;
         font-size: 1rem;
         line-height: 20px;
         line-height: 1.25rem;
         font-weight: 700;
         letter-spacing: 0;
         font-weight: inherit;
     }
 }
 
 @media (min-width: 768px) {
     .river__paragraph {
         font-family: "Modelica", "Source Sans Pro", sans-serif;
         font-size: 18px;
         font-size: 1.125rem;
         line-height: 26px;
         line-height: 1.625rem;
         font-weight: 700;
         letter-spacing: 0;
         font-weight: inherit;
     }
 }
 
 @media (min-width: 992px) {
     .river__paragraph {
         font-family: "Modelica", "Source Sans Pro", sans-serif;
         font-size: 20px;
         font-size: 1.25rem;
         line-height: 28px;
         line-height: 1.75rem;
         font-weight: 700;
         letter-spacing: 0;
         font-weight: inherit;
     }
 }
 
 .river__paragraph--light {
     color: #fff;
 }
 
 .river__button {
     margin-top: 10px;
 }
 
 .river__column {
     position: relative;
     padding-top: 50px;
     padding-bottom: 50px;
 }
 
 @media (max-width: 992px) {
     .river__column {
         padding-top: 25px;
         padding-bottom: 25px;
     }
 }
 
 @media (max-width: 708px) {
     .river__column {
         padding-top: 0;
         padding-bottom: 0;
     }
 }
 
 .river__column--path1:after {
     content: "";
     background-image: url("//cdn.mytutor.co.uk/images/path1.svg");
     background-repeat: no-repeat;
     background-size: contain;
     width: 300px;
     display: inline-block;
     position: absolute;
     right: 0;
     z-index: -1;
     height: 200px;
     right: 0;
     bottom: -160px;
 }
 
 @media (max-width: 992px) {
     .river__column--path1:after {
         width: 220px;
         height: 180px;
         bottom: -170px;
         right: 25px;
     }
 }
 
 @media (max-width: 708px) {
     .river__column--path1:after {
         content: none;
     }
 }
 
 .river__column--path2:before {
     content: "";
     background-image: url("//cdn.mytutor.co.uk/images/path2.svg");
     background-repeat: no-repeat;
     background-size: contain;
     width: 300px;
     right: -20px;
     height: 155px;
     display: inline-block;
     position: absolute;
     top: -125px;
     z-index: -1;
 }
 
 @media (max-width: 992px) {
     .river__column--path2:before {
         width: 220px;
         height: 180px;
         top: -130px;
         right: 10px;
     }
 }
 
 @media (max-width: 708px) {
     .river__column--path2:before {
         content: none;
     }
 }
 
 .river__column--path3:after {
     content: "";
     background-image: url("//cdn.mytutor.co.uk/images/path3.svg");
     background-repeat: no-repeat;
     background-size: contain;
     width: 300px;
     height: 220px;
     display: inline-block;
     position: absolute;
     right: 0;
     bottom: -200px;
     z-index: -1;
 }
 
 @media (max-width: 1110px) {
     .river__column--path3:after {
         bottom: -180px;
         height: 190px;
         right: 0;
     }
 }
 
 @media (max-width: 992px) {
     .river__column--path3:after {
         width: 220px;
         height: 180px;
         bottom: -180px;
         right: 20px;
     }
 }
 
 @media (max-width: 810px) {
     .river__column--path3:after {
         height: 140px;
         bottom: -140px;
         right: 0;
     }
 }
 
 @media (max-width: 708px) {
     .river__column--path3:after {
         content: none;
     }
 }
 
 .river__column--path4:after {
     content: "";
     background-image: url("//cdn.mytutor.co.uk/images/path2.svg");
     background-repeat: no-repeat;
     background-size: contain;
     display: inline-block;
     position: absolute;
     z-index: 0;
     width: 280px;
     height: 200px;
     left: 100px;
     bottom: -200px;
 }
 
 @media (max-width: 992px) {
     .river__column--path4:after {
         width: 220px;
         height: 180px;
         bottom: -165px;
         left: 100px;
         z-index: -1;
     }
 }
 
 @media (max-width: 708px) {
     .river__column--path4:after {
         content: none;
     }
 }
 
 .river__image {
     width: calc(100% - 30px);
 }
 
 @media (max-width: 708px) {
     .river__image {
         margin-top: 40px;
         width: 100%;
     }
 }
 
 .river__image--paddingleft {
     padding-left: 40px;
 }
 
 @media (max-width: 708px) {
     .river__image--paddingleft {
         padding-left: 0;
     }
 }
 
 .river__image--paddingright {
     padding-right: 40px;
 }
 
 @media (max-width: 708px) {
     .river__image--paddingright {
         padding-right: 0;
     }
 }
 
 .river__image--marginleft {
     margin-left: -40%;
     width: 130%;
 }
 
 @media (max-width: 1268px) {
     .river__image--marginleft {
         margin-left: -30%;
         width: 125%;
     }
 }
 
 @media (max-width: 708px) {
     .river__image--marginleft {
         margin-left: 0;
         width: 100%;
     }
 }
 
 .river__image--marginright {
     margin-right: -40%;
     width: 130%;
 }
 
 @media (max-width: 1268px) {
     .river__image--marginright {
         margin-right: -30%;
         width: 125%;
     }
 }
 
 @media (max-width: 708px) {
     .river__image--marginright {
         margin-right: 0;
         width: 100%;
     }
 }
 
 .river__image--graph {
     margin-top: -250px;
 }
 
 @media (max-width: 992px) {
     .river__image--graph {
         margin-top: -180px;
     }
 }
 
 @media (max-width: 708px) {
     .river__image--graph {
         margin-top: 40px;
     }
 }
 /* .river__video {
    box-sizing: border-box;
    background: url(https://cdn.mytutor.co.uk/images/classroom.png) center center no-repeat;
    background-size: contain;
    padding: 3.5% 10% 6%
} */
 
 .river__label {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 16px;
     font-size: 1rem;
     line-height: 20px;
     line-height: 1.25rem;
     color: #303336;
     font-weight: 400;
     font-style: italic;
     color: #67657d;
     margin-top: 20px;
 }
 
 .river__stat {
     margin: 20px 0 15px 0;
 }
 
 .river__stat img {
     display: inline-block;
     width: 48px;
     height: 48px;
     vertical-align: middle;
 }
 
 .river__stat p {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 18px;
     font-size: 1.125rem;
     line-height: 24px;
     line-height: 1.5rem;
     color: #303336;
     font-weight: 400;
     font-style: italic;
     color: #00918a;
     display: inline-block;
     width: calc(100% - 60px - 15px);
     padding-left: 15px;
     line-height: initial;
     vertical-align: middle;
 }
 
 .river__stat--number p {
     width: calc(100% - 100px);
     padding-left: 10px;
     font-family: "Source Sans Pro", sans-serif;
     font-size: 16px;
     font-size: 1rem;
     line-height: 20px;
     line-height: 1.25rem;
     color: #303336;
     font-weight: 400;
     color: #00918a;
 }
 
 .river__stat--number p:first-of-type {
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 34px;
     font-size: 2.125rem;
     line-height: 38px;
     line-height: 2.375rem;
     color: #303336;
     font-weight: 400;
     letter-spacing: -0.5px;
     color: #60d17b;
     display: inline-block;
     width: auto;
     padding-left: 0;
     font-style: normal;
     vertical-align: middle;
 }
 
 .river__listitem {
     padding: 12px 0;
     cursor: pointer;
     margin-bottom: 4px;
 }
 
 .river__listitem:first-of-type {
     margin-top: 34px;
 }
 
 .river__listitem--active {
     border-left: solid 4px #60d17b;
     background-image: linear-gradient( to left, rgba(76, 190, 128, 0), rgba(76, 190, 128, 0.08));
 }
 
 .river__listitem--active p {
     color: #303336;
     padding-left: 20px;
 }
 
 .river__listitem p {
     color: #67657d;
     font-family: "Source Sans Pro", sans-serif;
     font-size: 18px;
     font-size: 1.125rem;
     line-height: 24px;
     line-height: 1.5rem;
     color: #303336;
     font-weight: 400;
     font-weight: 600;
     padding-left: 24px;
     margin-bottom: 0;
 }
 
 @media (max-width: 992px) {
     .river__listitem p {
         font-family: "Source Sans Pro", sans-serif;
         font-size: 16px;
         font-size: 1rem;
         line-height: 20px;
         line-height: 1.25rem;
         color: #303336;
         font-weight: 400;
     }
 }
 
 .river__list li {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 18px;
     font-size: 1.125rem;
     line-height: 24px;
     line-height: 1.5rem;
     color: #303336;
     font-weight: 400;
     color: #303336;
     margin-bottom: 20px;
     position: relative;
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 20px;
 }
 
 @media (max-width: 1268px) {
     .river__list li {
         font-family: "Source Sans Pro", sans-serif;
         font-size: 16px;
         font-size: 1rem;
         line-height: 20px;
         line-height: 1.25rem;
         color: #303336;
         font-weight: 400;
     }
 }
 
 .river__list--ticks li {
     padding-top: 5px;
     padding-left: 40px;
     margin-bottom: 25px;
 }
 
 .river__list--ticks li:before {
     content: "";
     background-image: url("/images/icons/checkmark-green.svg");
     background-repeat: no-repeat;
     background-size: contain;
     width: 24px;
     height: 21px;
     position: absolute;
     left: 0;
     top: 6px;
 }
 
 .river__list--icons li {
     margin-bottom: 20px;
     padding-left: 50px;
     min-height: 35px;
     display: flex;
     align-items: center;
 }
 
 .river__list--icons li img {
     position: absolute;
     left: 0;
     width: 35px;
     height: 35px;
 }
 
 .river__list.flex {
     display: flex;
     flex-wrap: wrap;
 }
 
 .river__list.flex li {
     width: calc(33.333% - 1em);
     margin: 1em 0.5em;
     font-size: 1.125em;
     font-weight: 800;
 }
 
 @media (max-width: 992px) {
     .river__list.flex li {
         width: calc(50% - 1em);
     }
 }
 
 @media (max-width: 708px) {
     .river__list.flex li {
         width: 100%;
     }
 }
 
 .river__list.flex li .icon {
     width: 1.5em;
     height: 1.5em;
     margin-right: 0.75em;
     vertical-align: bottom;
 }
 
 .river--map #map {
     margin-left: 60px;
     width: calc(100% - 60px);
     height: 380px;
     background-color: #f5f4f7;
 }
 
 @media (max-width: 708px) {
     .river--map #map {
         margin-left: 0;
         width: 100%;
         height: 280px;
         margin-top: 20px;
     }
 }
 
 .river__box {
     max-width: 1000px;
     margin: 3em auto;
     background: white;
     box-shadow: 0 -4px 13px 0 rgba(0, 0, 0, 0.1);
 }
 
 .river__box picture {
     display: block;
     margin: 5em 3em;
 }
 
 @media (max-width: 992px) {
     .river__box picture {
         margin: 2em;
     }
 }
 
 .river__box picture img {
     width: 100%;
     max-width: 484px;
     object-fit: cover;
 }
 
 .river__box p {
     text-align: left;
     margin: 1.5em 1em;
     color: #303336;
     font-size: 1.125em;
     line-height: 1.5em;
 }
 
 .riverreviewcarousel {
     padding-left: 50px;
 }
 
 @media (max-width: 992px) {
     .riverreviewcarousel {
         margin-left: 10px;
     }
 }
 
 @media (max-width: 708px) {
     .riverreviewcarousel {
         margin-top: 40px;
         padding-left: 0;
     }
 }
 
 .riverreviewcarousel__user {
     padding: 20px;
 }
 
 .riverreviewcarousel__meta {
     display: inline-block;
     vertical-align: top;
     box-sizing: border-box;
     position: relative;
     padding-top: 5px;
     padding-left: 15px;
     width: calc(100% - 110px);
     height: 72px;
 }
 
 .riverreviewcarousel__avatar {
     display: inline-block;
     width: 72px;
     height: 72px;
     border-radius: 100%;
 }
 
 .riverreviewcarousel__name {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 18px;
     font-size: 1.125rem;
     line-height: 24px;
     line-height: 1.5rem;
     color: #303336;
     font-weight: 400;
     font-weight: 600;
     font-family: "Modelica", "Source Sans Pro", sans-serif;
 }
 
 .riverreviewcarousel__type {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 16px;
     font-size: 1rem;
     line-height: 20px;
     line-height: 1.25rem;
     color: #303336;
     font-weight: 400;
     color: #67657d;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
 }
 
 .riverreviewcarousel__stars {
     width: 75px;
     margin-top: 5px;
 }
 
 .riverreviewcarousel__quote {
     border-top: solid 2px #f5f4f7;
     padding: 20px 20px 25px 20px;
 }
 
 .riverreviewcarousel__quote p {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 16px;
     font-size: 1rem;
     line-height: 20px;
     line-height: 1.25rem;
     color: #303336;
     font-weight: 400;
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     text-align: center;
     margin-bottom: 18px;
 }
 
 .riverreviewcarousel__quote img {
     width: 100%;
 }
 
 .riverreviewcarousel__wrapper {
     width: 100%;
     height: 450px;
     position: relative;
 }
 
 .riverreviewcarousel__item {
     display: none;
     background-color: #fff;
     box-sizing: border-box;
     width: 296px;
     text-align: left;
     overflow: hidden;
     box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
     border: solid 2px #dcdae2;
     margin: auto;
     position: absolute;
     bottom: 50px;
 }
 
 @media (max-width: 708px) {
     .riverreviewcarousel__item {
         width: 80%;
     }
 }
 
 @media (max-width: 358px) {
     .riverreviewcarousel__item {
         width: 88%;
     }
 }
 
 .riverreviewcarousel__item--current,
 .riverreviewcarousel__item--previous,
 .riverreviewcarousel__item--next {
     display: inline-block;
 }
 
 .riverreviewcarousel__item--current {
     z-index: 1;
     margin: 0 auto;
     left: 0;
     right: 0;
     border: double 2px transparent;
     background-image: linear-gradient(white, white), radial-gradient(circle at top left, #3095e1, #4cbe80);
     background-origin: border-box;
     background-clip: content-box, border-box;
     box-shadow: 0 11px 31px 0 rgba(33, 43, 54, 0.2), 0 2px 16px 0 rgba(33, 43, 54, 0.08);
 }
 
 .riverreviewcarousel__item--previous,
 .riverreviewcarousel__item--next {
     transform: scale(0.85);
 }
 
 .riverreviewcarousel__item--previous {
     left: 0;
 }
 
 @media (max-width: 708px) {
     .riverreviewcarousel__item--previous {
         left: -25px;
     }
 }
 
 .riverreviewcarousel__item--next {
     right: 0;
 }
 
 @media (max-width: 708px) {
     .riverreviewcarousel__item--next {
         right: -25px;
     }
 }
 
 .riverreviewcarousel__controls {
     width: 292px;
     margin: 0 auto;
     position: absolute;
     bottom: 0;
     left: 0;
     right: 0;
 }
 
 @media (max-width: 708px) {
     .riverreviewcarousel__controls {
         width: 78%;
     }
 }
 
 @media (max-width: 358px) {
     .riverreviewcarousel__controls {
         width: 86%;
     }
 }
 
 .riverreviewcarousel__arrow {
     vertical-align: middle;
 }
 
 .riverreviewcarousel__arrow--next {
     float: right;
 }
 
 .skew-highlight {
     display: inline-block;
     margin-left: 3px;
     margin-top: 5px;
     padding: 0 4px;
     transform: skewX(-7deg);
 }
 
 .skew-highlight--primary {
     background-color: #00af9e;
     color: white;
     border-left: 1px solid #0cb;
     border-right: 1px solid #0cb;
 }
 
 .skew-highlight--secondary {
     background-color: #14508e;
     border-left: 1px solid #14508e;
     border-right: 1px solid #14508e;
 }
 
 .skew-highlight--accent {
     background-color: #ffb502;
     border-left: 1px solid #ffb502;
     border-right: 1px solid #ffb502;
 }
 
 .skew-highlight>* {
     transform: skewX(8deg);
     display: block;
 }
 
 .imagecarousel .column-8 {
     width: calc(((100% / 12) * 8) - 0.5px);
 }
 
 @media (max-width: 708px) {
     .imagecarousel .column-12-s {
         width: calc((100% / 12) * 12);
     }
 }
 
 .imagecarousel__section {
     background-repeat: no-repeat;
     background-position: 60% center;
     background-size: cover;
     height: 480px;
     outline: 2px solid #fff;
     position: relative;
     background-color: black;
 }
 
 .imagecarousel__section:before {
     content: "";
     display: block;
     position: absolute;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     background-image: linear-gradient( to right, rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0));
     z-index: 0;
 }
 
 .imagecarousel__section:first-of-type:before,
 .imagecarousel__section:last-of-type:before {
     content: "";
     display: block;
     position: absolute;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     background: #303336;
     opacity: 0.6;
 }
 
 .imagecarousel__content {
     padding: 60px 0 0 40px;
     width: 400px;
     position: relative;
 }
 
 @media (max-width: 708px) {
     .imagecarousel__content {
         height: 480px;
         width: calc(100% - 86px);
         padding: 0 30px;
     }
 }
 
 .imagecarousel__quote {
     padding-bottom: 20px;
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 28px;
     font-size: 1.75rem;
     line-height: 34px;
     line-height: 2.125rem;
     color: #303336;
     font-weight: 400;
     letter-spacing: 0;
     color: #fff;
 }
 
 @media (max-width: 1268px) {
     .imagecarousel__quote {
         font-family: "Modelica", "Source Sans Pro", sans-serif;
         font-size: 24px;
         font-size: 1.5rem;
         line-height: 28px;
         line-height: 1.75rem;
         color: #303336;
         font-weight: 400;
         letter-spacing: 0;
         color: #fff;
     }
 }
 
 @media (max-width: 708px) {
     .imagecarousel__quote {
         padding-top: 40px;
     }
 }
 
 .imagecarousel__author {
     padding-bottom: 40px;
     font-family: "Source Sans Pro", sans-serif;
     font-size: 14px;
     font-size: 0.875rem;
     line-height: 16px;
     line-height: 1rem;
     color: #303336;
     font-weight: 400;
     color: #fff;
     text-transform: uppercase;
 }
 
 @media (max-width: 708px) {
     .imagecarousel__author {
         padding-bottom: 28px;
     }
 }
 
 .imagecarousel__button {
     width: 42px;
     height: 42px;
     background-repeat: no-repeat;
     background-size: contain;
     background-position: center;
     display: inline-block;
     position: relative;
     top: 50%;
     transform: translateY(-50%);
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
 }
 
 @media (max-width: 708px) {
     .imagecarousel__button {
         position: absolute;
         bottom: 42px;
         display: inline-block;
         transform: none;
         top: initial;
     }
 }
 
 .imagecarousel__button--left {
     background-image: url("//cdn.mytutor.co.uk/images/uploads/carousel-left.svg");
     float: right;
     right: 55px;
 }
 
 .imagecarousel__button--left:hover {
     background-image: url("//cdn.mytutor.co.uk/images/uploads/carousel-left--hover.svg");
 }
 
 @media (max-width: 1268px) {
     .imagecarousel__button--left {
         right: 32px;
     }
 }
 
 @media (max-width: 992px) {
     .imagecarousel__button--left {
         right: 18px;
     }
 }
 
 @media (max-width: 708px) {
     .imagecarousel__button--left {
         left: 30px;
     }
 }
 
 .imagecarousel__button--right {
     background-image: url("//cdn.mytutor.co.uk/images/uploads/carousel-right.svg");
     float: left;
     left: 55px;
 }
 
 .imagecarousel__button--right:hover {
     background-image: url("//cdn.mytutor.co.uk/images/uploads/carousel-right--hover.svg");
 }
 
 @media (max-width: 1268px) {
     .imagecarousel__button--right {
         left: 32px;
     }
 }
 
 @media (max-width: 992px) {
     .imagecarousel__button--right {
         left: 18px;
     }
 }
 
 @media (max-width: 708px) {
     .imagecarousel__button--right {
         left: 85px;
     }
 }
 
 .scrollbanner {
     box-shadow: 0 1px 0 0 rgba(237, 237, 237, 0.5);
     border-bottom: solid 1px #dcdae2;
 }
 
 .scrollbanner--border-top {
     border-bottom: 0;
     border-top: solid 1px #dcdae2;
 }
 
 .scrollbanner__wrapper {
     -ms-overflow-style: -ms-autohiding-scrollbar;
 }
 
 .scrollbanner__wrapper::-webkit-scrollbar {
     display: none;
 }
 
 @media (max-width: 1268px) {
     .scrollbanner__wrapper {
         height: inherit;
         white-space: nowrap;
         margin: 0;
         padding: 0;
         width: 100%;
         max-width: none;
         overflow: hidden;
         overflow-x: auto;
         -webkit-overflow-scrolling: touch;
     }
 }
 
 .scrollbanner__content {
     display: flex;
     justify-content: space-between;
     align-items: center;
     height: 80px;
 }
 
 @media (max-width: 708px) {
     .scrollbanner__content {
         height: 72px;
     }
 }
 
 .scrollbanner__content--short {
     height: 58px;
 }
 
 @media (max-width: 1268px) {
     .scrollbanner__content a {
         padding: 0 15px;
     }
 }
 
 .scrollbanner__header {
     text-transform: uppercase;
     font-family: "Source Sans Pro", sans-serif;
     font-size: 18px;
     font-size: 1.125rem;
     line-height: 24px;
     line-height: 1.5rem;
     color: #303336;
     font-weight: 400;
     color: #8d89aa;
     font-weight: 600;
 }
 
 @media (max-width: 1268px) {
     .scrollbanner__header {
         padding: 0 25px;
     }
 }
 
 @media (max-width: 992px) {
     .scrollbanner__header {
         display: none;
     }
 }
 
 .scrollbanner__logo {
     width: 140px;
     max-height: 40px;
 }
 
 @media (max-width: 1268px) {
     .scrollbanner__logo {
         width: 130px;
         max-height: 35px;
         padding: 0 25px;
     }
 }
 
 .scrollbanner__logo--trustpilot {
     width: 250px;
 }
 
 @media (max-width: 708px) {
     .scrollbanner__reviews {
         padding: 0 15px 0 0;
         margin: 0 auto;
     }
 }
 
 .scrollbanner__reviews img {
     width: 117px;
     display: block;
     margin: 0 auto 7px auto;
 }
 
 .scrollbanner a {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 13px;
     line-height: 24px;
     line-height: 1.5rem;
     color: #303336;
     font-weight: 400;
     color: #303336;
 }
 
 .scrollbanner--location .scrollbanner__content {
     justify-content: center;
 }
 
 .scrollbanner--full .scrollbanner__wrapper {
     height: inherit;
     white-space: nowrap;
     margin: 0;
     padding: 0;
     width: 100%;
     max-width: none;
     overflow: hidden;
     overflow-x: auto;
     -webkit-overflow-scrolling: touch;
 }
 
 .scrollbanner--full .scrollbanner__content a {
     padding: 0 15px;
 }
 
 .videoscroll {
     padding: 80px 0 160px 0;
     border-top: solid 1px #dcdae2;
     position: relative;
 }
 
 @media (max-width: 992px) {
     .videoscroll {
         padding-bottom: 120px;
     }
 }
 
 @media (max-width: 708px) {
     .videoscroll {
         padding: 60px 0 80px 0;
     }
 }
 
 .videoscroll__header {
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 34px;
     font-size: 2.125rem;
     line-height: 38px;
     line-height: 2.375rem;
     color: #303336;
     font-weight: 400;
     letter-spacing: -0.5px;
     text-align: center;
     margin-bottom: 15px;
 }
 
 .videoscroll__header span {
     font-weight: 600;
     color: #60d17b;
 }
 
 @media (max-width: 1268px) {
     .videoscroll__header {
         font-family: "Modelica", "Source Sans Pro", sans-serif;
         font-size: 28px;
         font-size: 1.75rem;
         line-height: 34px;
         line-height: 2.125rem;
         color: #303336;
         font-weight: 400;
         letter-spacing: 0;
     }
 }
 
 @media (max-width: 992px) {
     .videoscroll__header {
         font-family: "Modelica", "Source Sans Pro", sans-serif;
         font-size: 24px;
         font-size: 1.5rem;
         line-height: 28px;
         line-height: 1.75rem;
         color: #303336;
         font-weight: 400;
         letter-spacing: 0;
     }
 }
 
 @media (max-width: 708px) {
     .videoscroll__header {
         text-align: left;
     }
 }
 
 .videoscroll__subheader {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 18px;
     font-size: 1.125rem;
     line-height: 24px;
     line-height: 1.5rem;
     color: #303336;
     font-weight: 400;
     color: #67657d;
     text-align: center;
 }
 
 @media (max-width: 708px) {
     .videoscroll__subheader {
         font-family: "Source Sans Pro", sans-serif;
         font-size: 16px;
         font-size: 1rem;
         line-height: 20px;
         line-height: 1.25rem;
         color: #303336;
         font-weight: 400;
         color: #67657d;
         text-align: left;
     }
 }
 
 .videoscroll__wrapper {
     -ms-overflow-style: -ms-autohiding-scrollbar;
     height: inherit;
     white-space: nowrap;
     margin: 0;
     padding: 0;
     width: 100%;
     max-width: none;
     overflow: scroll;
     overflow-y: hidden;
     -webkit-overflow-scrolling: touch;
     text-align: center;
 }
 
 .videoscroll__wrapper::-webkit-scrollbar {
     display: none;
 }
 
 .videoscroll__video {
     vertical-align: top;
     width: 168px;
     margin: 0 14px;
     display: inline-block;
     text-align: left;
     white-space: normal;
     padding-top: 60px;
 }
 
 @media (max-width: 708px) {
     .videoscroll__video {
         padding-top: 40px;
     }
 }
 
 .videoscroll__video:first-of-type {
     margin-left: 40px;
 }
 
 @media (max-width: 708px) {
     .videoscroll__video:first-of-type {
         margin-left: 20px;
     }
 }
 
 .videoscroll__video:last-of-type {
     margin-right: 40px;
 }
 
 @media (max-width: 708px) {
     .videoscroll__video:last-of-type {
         margin-right: 20px;
     }
 }
 
 .videoscroll__video__thumbnail {
     width: 168px;
     height: 168px;
     overflow: hidden;
     margin-bottom: 14px;
     position: relative;
 }
 
 .videoscroll__video__thumbnail img {
     width: 168px;
 }
 
 .videoscroll__video__thumbnail:after {
     content: "";
     position: absolute;
     background-image: url("//cdn.mytutor.co.uk/images/playicon--blue.svg");
     background-size: contain;
     background-repeat: no-repeat;
     width: 42px;
     height: 42px;
     bottom: 20px;
     left: calc(50% - 21px);
     cursor: pointer;
 }
 
 .videoscroll__video__name {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 18px;
     font-size: 1.125rem;
     line-height: 24px;
     line-height: 1.5rem;
     color: #303336;
     font-weight: 400;
     width: 168px;
 }
 
 .videoscroll__video__bio {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 14px;
     font-size: 0.875rem;
     line-height: 16px;
     line-height: 1rem;
     color: #303336;
     font-weight: 400;
     color: #67657d;
     margin-bottom: 7px;
     width: 168px;
 }
 
 .videoscroll__video__review {
     width: 168px;
 }
 
 .videoscroll__video__review .stars {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 14px;
     font-size: 0.875rem;
     line-height: 16px;
     line-height: 1rem;
     color: #303336;
     font-weight: 400;
     color: #dcdae2;
 }
 
 .videoscroll__video__review .stars .yellow {
     color: #f9cf00;
 }
 
 .videoscroll__video__review .stars .grey {
     color: #dcdae2;
 }
 
 .videoscroll__video__review .stars span {
     margin-right: 2px;
 }
 
 .videoscroll__video__review .hours {
     margin-left: 5px;
     vertical-align: middle;
     font-family: "Source Sans Pro", sans-serif;
     font-size: 14px;
     font-size: 0.875rem;
     line-height: 16px;
     line-height: 1rem;
     color: #303336;
     font-weight: 400;
     color: #67657d;
 }
 
 .contentscroll {
     padding: 80px 0 160px 0;
     position: relative;
 }
 
 @media (max-width: 992px) {
     .contentscroll {
         padding-bottom: 120px;
     }
 }
 
 @media (max-width: 708px) {
     .contentscroll {
         padding: 60px 0 80px 0;
     }
 }
 
 .contentscroll__header {
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 34px;
     font-size: 2.125rem;
     line-height: 38px;
     line-height: 2.375rem;
     color: #303336;
     font-weight: 400;
     letter-spacing: -0.5px;
     text-align: center;
     margin-bottom: 60px;
 }
 
 .contentscroll__header span {
     font-weight: 600;
     color: #60d17b;
 }
 
 @media (max-width: 1268px) {
     .contentscroll__header {
         font-family: "Modelica", "Source Sans Pro", sans-serif;
         font-size: 28px;
         font-size: 1.75rem;
         line-height: 34px;
         line-height: 2.125rem;
         color: #303336;
         font-weight: 400;
         letter-spacing: 0;
     }
 }
 
 @media (max-width: 992px) {
     .contentscroll__header {
         font-family: "Modelica", "Source Sans Pro", sans-serif;
         font-size: 24px;
         font-size: 1.5rem;
         line-height: 28px;
         line-height: 1.75rem;
         color: #303336;
         font-weight: 400;
         letter-spacing: 0;
     }
 }
 
 @media (max-width: 708px) {
     .contentscroll__header {
         text-align: left;
     }
 }
 
 .contentscroll__wrapper {
     -ms-overflow-style: -ms-autohiding-scrollbar;
     height: inherit;
     white-space: nowrap;
     margin: 0;
     padding: 0;
     width: 100%;
     max-width: none;
     overflow: scroll;
     overflow-y: hidden;
     -webkit-overflow-scrolling: touch;
     text-align: center;
     box-sizing: border-box;
 }
 
 .contentscroll__wrapper::-webkit-scrollbar {
     display: none;
 }
 
 .contentscroll__wrapper:first-of-type {
     padding-left: 40px;
 }
 
 .contentscroll__wrapper:last-of-type {
     padding-right: 40px;
 }
 
 @media (max-width: 708px) {
     .contentscroll__wrapper:first-of-type {
         padding-left: 20px;
     }
     .contentscroll__wrapper:last-of-type {
         padding-right: 20px;
     }
 }
 
 .reviewcarousel {
     position: relative;
     max-width: 450px;
     margin: 40px auto 0 auto;
     padding-left: 40px;
 }
 
 @media (max-width: 992px) {
     .reviewcarousel {
         margin-top: 0;
     }
 }
 
 @media (max-width: 708px) {
     .reviewcarousel {
         margin-top: 40px;
         padding-left: 0;
     }
 }
 
 .reviewcarousel__viewall {
     position: absolute;
     bottom: 5px;
     left: 0;
     right: 0;
     text-align: center;
     margin: 0 30px;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     padding-left: 40px;
 }
 
 @media (max-width: 708px) {
     .reviewcarousel__viewall {
         padding-left: 0;
     }
 }
 
 .reviewcarousel__user {
     display: inline-block;
     vertical-align: top;
     box-sizing: border-box;
     position: relative;
     padding-top: 5px;
     padding-left: 15px;
     width: calc(100% - 110px);
     height: 100px;
 }
 
 .reviewcarousel__avatar {
     display: inline-block !important;
     width: 100px;
     height: 100px;
 }
 
 .reviewcarousel__name {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 16px;
     font-size: 1rem;
     line-height: 20px;
     line-height: 1.25rem;
     color: #303336;
     font-weight: 400;
     font-weight: 600;
     margin-bottom: 2px;
 }
 
 .reviewcarousel__parent {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 16px;
     font-size: 1rem;
     line-height: 20px;
     line-height: 1.25rem;
     color: #303336;
     font-weight: 400;
     margin-bottom: 6px;
 }
 
 .reviewcarousel__parent span {
     font-weight: 600;
 }
 
 .reviewcarousel__type {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 16px;
     font-size: 1rem;
     line-height: 20px;
     line-height: 1.25rem;
     color: #303336;
     font-weight: 400;
     color: #67657d;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
 }
 
 .reviewcarousel__reviews {
     position: absolute;
     bottom: 0;
 }
 
 .reviewcarousel__reviews p {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 14px;
     font-size: 0.875rem;
     line-height: 16px;
     line-height: 1rem;
     color: #303336;
     font-weight: 400;
     color: #67657d;
     margin-bottom: 5px;
 }
 
 .reviewcarousel__reviews img {
     width: 75px;
 }
 
 .reviewcarousel__quote {
     border-top: solid 2px #dcdae2;
     font-family: "Source Sans Pro", sans-serif;
     font-size: 16px;
     font-size: 1rem;
     line-height: 20px;
     line-height: 1.25rem;
     color: #303336;
     font-weight: 400;
     color: #67657d;
     padding-top: 20px;
     margin-top: 23px;
 }
 
 .reviewcarousel__wrapper {
     padding-bottom: 46px;
 }
 
 .reviewcarousel__wrapper.slick2016 .slick-next {
     right: 0;
 }
 
 .reviewcarousel__wrapper.slick2016 .slick-prev {
     left: 0;
 }
 
 .reviewcarousel__wrapper.slick2016 .slick-next,
 .reviewcarousel__wrapper.slick2016 .slick-prev {
     bottom: 0;
 }
 
 .reviewcarousel__wrapper.slick2016 .slick-next:before,
 .reviewcarousel__wrapper.slick2016 .slick-prev:before {
     border-bottom: 3px solid #9da9ae;
     border-left: 3px solid #9da9ae;
     width: 12px;
     height: 12px;
 }
 
 .reviewcarousel__item {
     background-color: #fff;
     padding: 25px 24px;
     box-sizing: border-box;
     text-align: left;
     overflow: hidden;
     border: solid 2px #dcdae2;
 }
 
 @media (max-width: 708px) {
     .reviewcarousel__item {
         width: 88%;
     }
 }
 
 .card {
     border: solid 1px #dcdae2;
     margin-bottom: 60px;
     height: 425px;
     position: relative;
     margin-right: 15px;
     margin-left: 15px;
 }
 
 @media (max-width: 992px) {
     .card {
         margin-bottom: 40px;
     }
 }
 
 @media (max-width: 708px) {
     .card {
         height: auto;
         margin-bottom: 30px;
         margin-right: 0;
         margin-left: 0;
     }
 }
 
 .card__column {
     height: 100%;
     position: relative;
 }
 
 @media (max-width: 708px) {
     .card__column {
         height: auto;
     }
 }
 
 .card__image {
     position: relative;
     width: 100%;
     height: 198px;
     background-repeat: no-repeat;
     background-position: center;
     background-repeat: no-repeat;
     background-size: cover;
 }
 
 .card__image--icon {
     background-size: initial;
 }
 
 .card__image--large {
     height: 100%;
 }
 
 @media (max-width: 708px) {
     .card__image--large {
         height: 198px;
     }
 }
 
 .card__image--video:after {
     content: "";
     position: absolute;
     background-image: url("//cdn.mytutor.co.uk/images/uploads/playicon--blue.svg");
     background-size: contain;
     background-repeat: no-repeat;
     width: 52px;
     height: 52px;
     top: calc(50% - 26px);
     left: calc(50% - 26px);
     cursor: pointer;
 }
 
 .card__meta {
     padding: 18px 20px 12px 20px;
     font-family: "Source Sans Pro", sans-serif;
     font-size: 14px;
     font-size: 0.875rem;
     line-height: 16px;
     line-height: 1rem;
     color: #303336;
     font-weight: 400;
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     text-transform: uppercase;
     letter-spacing: 0.4px;
     color: #8d89aa;
     font-weight: 600;
 }
 
 .card__meta .highlight {
     color: #67657d;
     font-weight: 600;
 }
 
 .card__meta .chevron {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 22px;
     font-size: 1.375rem;
     line-height: 28px;
     line-height: 1.75rem;
     color: #303336;
     font-weight: 600;
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     color: #8d89aa;
     font-weight: 400;
 }
 
 .card__subheader {
     padding: 0 20px;
     font-family: "Source Sans Pro", sans-serif;
     font-size: 18px;
     font-size: 1.125rem;
     line-height: 24px;
     line-height: 1.5rem;
     color: #303336;
     font-weight: 400;
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     color: #303336;
 }
 
 .card__header {
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-family: "Source Sans Pro", sans-serif;
     font-size: 18px;
     font-size: 1.125rem;
     line-height: 24px;
     line-height: 1.5rem;
     color: #303336;
     font-weight: 400;
     color: #303336;
     padding: 0 20px 0 20px;
 }
 
 .card__author {
     padding: 20px 20px 25px 20px;
     font-family: "Source Sans Pro", sans-serif;
     font-size: 16px;
     font-size: 1rem;
     line-height: 20px;
     line-height: 1.25rem;
     color: #303336;
     font-weight: 400;
     color: #67657d;
     position: absolute;
     bottom: 0;
     left: 0;
     right: 0;
 }
 
 @media (max-width: 708px) {
     .card__author {
         position: relative;
         padding: 20px 20px 25px 20px;
         display: inline-block;
     }
 }
 
 .card__quote {
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 24px;
     font-size: 1.5rem;
     line-height: 28px;
     line-height: 1.75rem;
     color: #303336;
     font-weight: 400;
     letter-spacing: 0;
     color: #303336;
     padding: 0 30px 40px 30px;
 }
 
 @media (max-width: 992px) {
     .card__quote {
         padding: 0 20px 30px 20px;
     }
 }
 
 .card__quote--long {
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-family: "Source Sans Pro", sans-serif;
     font-size: 18px;
     font-size: 1.125rem;
     line-height: 24px;
     line-height: 1.5rem;
     color: #303336;
     font-weight: 400;
 }
 
 @media (max-width: 708px) {
     .card__quote--long {
         font-family: "Modelica", "Source Sans Pro", sans-serif;
         font-size: 24px;
         font-size: 1.5rem;
         line-height: 28px;
         line-height: 1.75rem;
         color: #303336;
         font-weight: 400;
         letter-spacing: 0;
     }
 }
 
 .card__quote .quotemark {
     width: 38px;
     display: inline-block;
     position: relative;
     margin-right: 2px;
 }
 
 .card__quote .quotemark:before {
     content: "“";
     opacity: 0.43;
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-weight: 600;
     font-size: 70px;
     position: absolute;
     top: -8px;
 }
 
 @media (max-width: 1268px) {
     .card__quote .quotemark:before {
         top: -6px;
     }
 }
 
 .card--quote .card__meta {
     padding: 30px 30px 25px 30px;
 }
 
 @media (max-width: 992px) {
     .card--quote .card__meta {
         padding: 30px 20px 30px 20px;
     }
 }
 
 @media (max-width: 708px) {
     .card--quote .card__meta {
         padding: 30px 20px 25px 20px;
     }
 }
 
 .card--quote .card__author {
     padding: 0 30px 25px 30px;
 }
 
 @media (max-width: 992px) {
     .card--quote .card__author {
         padding: 0 20px 30px 20px;
     }
 }
 
 .card__link {
     padding-left: 20px;
     padding-bottom: 20px;
     margin-top: 20px;
     position: absolute;
     bottom: 0;
     left: 0;
 }
 
 @media (max-width: 708px) {
     .card__link {
         position: relative;
         display: inline-block;
     }
 }
 
 .card--large {
     height: 450px;
 }
 
 @media (max-width: 708px) {
     .card--large {
         height: 100%;
         display: inline-block;
         width: 100%;
     }
 }
 
 .card--large .card__meta {
     padding: 30px 30px 20px 30px;
 }
 
 @media (max-width: 708px) {
     .card--large .card__meta {
         padding: 12px 20px 15px 20px;
     }
 }
 
 .card--large .card__header {
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 28px;
     font-size: 1.75rem;
     line-height: 34px;
     line-height: 2.125rem;
     color: #303336;
     font-weight: 400;
     letter-spacing: 0;
     padding: 0 30px 20px 30px;
 }
 
 @media (max-width: 992px) {
     .card--large .card__header {
         font-family: "Modelica", "Source Sans Pro", sans-serif;
         font-size: 24px;
         font-size: 1.5rem;
         line-height: 28px;
         line-height: 1.75rem;
         color: #303336;
         font-weight: 400;
         letter-spacing: 0;
     }
 }
 
 @media (max-width: 708px) {
     .card--large .card__header {
         padding: 0 20px 0 20px;
         font-family: "Modelica", "Source Sans Pro", sans-serif;
         font-family: "Source Sans Pro", sans-serif;
         font-size: 18px;
         font-size: 1.125rem;
         line-height: 24px;
         line-height: 1.5rem;
         color: #303336;
         font-weight: 400;
     }
 }
 
 .card--large .card__subheader {
     padding: 0 30px 20px 30px;
 }
 
 @media (max-width: 708px) {
     .card--large .card__subheader {
         display: none;
     }
 }
 
 .card--large .card__link {
     padding-left: 30px;
     padding-bottom: 30px;
 }
 
 @media (max-width: 708px) {
     .card--large .card__link {
         padding-left: 20px;
         padding-bottom: 20px;
     }
 }
 
 .card__review {
     padding: 26px 22px 0 22px;
     text-align: center;
 }
 
 .card__review p {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 17px;
     font-size: 1.0625rem;
     line-height: 20px;
     line-height: 1.25rem;
     color: #303336;
     font-weight: 400;
     font-style: italic;
     color: #67657d;
     line-height: initial;
     white-space: normal;
     display: -webkit-box;
     -webkit-line-clamp: 5;
     -webkit-box-orient: vertical;
     overflow: hidden;
 }
 
 .card__review .bottom {
     position: absolute;
     bottom: 30px;
     left: 0;
     right: 0;
 }
 
 .card__review .bottom img {
     width: 90px;
     margin-bottom: 5px;
 }
 
 .card__review .bottom p {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 16px;
     font-size: 1rem;
     line-height: 20px;
     line-height: 1.25rem;
     color: #303336;
     font-weight: 400;
     font-weight: 600;
     font-style: normal;
 }
 
 .card__review .bottom p a {
     color: #542eff;
     font-weight: normal;
 }
 
 .card--fixed-size {
     vertical-align: middle;
     width: 345px;
     height: 450px;
     display: inline-block;
 }
 
 @media (max-width: 992px) {
     .card--fixed-size {
         margin-right: 10px;
         margin-left: 10px;
     }
 }
 
 .imagegrid {
     padding: 80px 0 0 0;
 }
 
 @media (max-width: 708px) {
     .imagegrid {
         padding: 60px 0 0 0;
     }
 }
 
 .imagegrid__header {
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 34px;
     font-size: 2.125rem;
     line-height: 38px;
     line-height: 2.375rem;
     color: #303336;
     font-weight: 400;
     letter-spacing: -0.5px;
     text-align: center;
     margin-bottom: 15px;
 }
 
 .imagegrid__header span {
     font-weight: 600;
     color: #60d17b;
 }
 
 @media (max-width: 1268px) {
     .imagegrid__header {
         font-family: "Modelica", "Source Sans Pro", sans-serif;
         font-size: 28px;
         font-size: 1.75rem;
         line-height: 34px;
         line-height: 2.125rem;
         color: #303336;
         font-weight: 400;
         letter-spacing: 0;
     }
 }
 
 @media (max-width: 992px) {
     .imagegrid__header {
         font-family: "Modelica", "Source Sans Pro", sans-serif;
         font-size: 24px;
         font-size: 1.5rem;
         line-height: 28px;
         line-height: 1.75rem;
         color: #303336;
         font-weight: 400;
         letter-spacing: 0;
     }
 }
 
 @media (max-width: 708px) {
     .imagegrid__header {
         text-align: left;
     }
 }
 
 .imagegrid__subheader {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 18px;
     font-size: 1.125rem;
     line-height: 24px;
     line-height: 1.5rem;
     color: #303336;
     font-weight: 400;
     color: #67657d;
     text-align: center;
     padding-bottom: 60px;
 }
 
 @media (max-width: 708px) {
     .imagegrid__subheader {
         font-family: "Source Sans Pro", sans-serif;
         font-size: 16px;
         font-size: 1rem;
         line-height: 20px;
         line-height: 1.25rem;
         color: #303336;
         font-weight: 400;
         color: #67657d;
         text-align: left;
         padding-bottom: 40px;
     }
 }
 
 .imagegrid__item {
     padding-bottom: 60px;
     display: inline-block;
     cursor: pointer;
     margin: 0 15px;
     width: calc((100% / 4) - 26px);
 }
 
 .imagegrid__item:nth-child(4n-3) {
     margin-left: 0;
 }
 
 .imagegrid__item:nth-child(4n) {
     margin-right: 0;
 }
 
 @media (max-width: 992px) {
     .imagegrid__item {
         width: calc((100% / 3) - 26px);
         margin: 0 15px;
     }
     .imagegrid__item:nth-child(4n-3) {
         margin: 0 15px;
     }
     .imagegrid__item:nth-child(3n-5) {
         margin-left: 0;
         margin-right: 15px;
     }
     .imagegrid__item:nth-child(3n) {
         margin-right: 0;
         margin-left: 15px;
     }
 }
 
 @media (max-width: 708px) {
     .imagegrid__item {
         width: calc((100% / 2) - 7px);
         padding-bottom: 40px;
     }
     .imagegrid__item:nth-child(even) {
         margin-left: 5px;
         margin-right: 0;
     }
     .imagegrid__item:nth-child(odd) {
         margin-left: 0;
         margin-right: 5px;
     }
 }
 
 .imagegrid__image {
     width: 100%;
     margin-bottom: 10px;
 }
 
 .imagegrid__name {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 18px;
     font-size: 1.125rem;
     line-height: 24px;
     line-height: 1.5rem;
     color: #303336;
     font-weight: 400;
     color: #542eff;
     text-transform: initial;
 }
 
 .imagegrid__name--content {
     padding-left: 15px;
     padding-right: 15px;
     color: #303336;
 }
 
 @media (max-width: 708px) {
     .imagegrid__name--content {
         padding-left: 9px;
         padding-right: 9px;
     }
 }
 
 .imagegrid__role {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 18px;
     font-size: 1.125rem;
     line-height: 24px;
     line-height: 1.5rem;
     color: #303336;
     font-weight: 400;
     color: #67657d;
 }
 
 .imagegrid__role--content {
     padding-left: 15px;
     padding-right: 15px;
 }
 
 @media (max-width: 708px) {
     .imagegrid__role--content {
         padding-left: 9px;
         padding-right: 9px;
     }
 }
 
 .imagegrid__bio {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 18px;
     font-size: 1.125rem;
     line-height: 24px;
     line-height: 1.5rem;
     color: #303336;
     font-weight: 400;
     color: #303336;
     margin-top: 5px;
     padding-left: 15px;
     padding-right: 15px;
 }
 
 @media (max-width: 708px) {
     .imagegrid__bio {
         padding-left: 9px;
         padding-right: 9px;
     }
 }
 
 .imagegrid__content {
     display: none;
     margin: 20px 0 10px;
     z-index: 1;
     cursor: pointer;
     background-color: #f5f4f7;
     width: 100%;
     position: absolute;
     left: 0;
     right: 0;
     text-align: left;
 }
 
 .imagegrid__container {
     margin: 4rem auto;
     position: relative;
 }
 
 .imagegrid__close {
     width: 40px;
     height: 40px;
     border-radius: 100%;
     background-color: #fff;
     position: absolute;
     top: -20px;
     right: 80px;
     cursor: pointer;
     z-index: 1;
 }
 
 .imagegrid__close:after {
     background-image: url("//cdn.mytutor.co.uk/images/uploads/close-grey.svg");
     background-size: contain;
     background-repeat: no-repeat;
     width: 14px;
     height: 14px;
     content: "";
     top: 3px;
     bottom: 0;
     left: 3px;
     right: 0;
     display: block;
     margin: 10px;
     position: absolute;
 }
 
 .videomodal {
     display: none;
     opacity: 0;
     position: fixed;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background-size: cover;
     background-position: center;
     z-index: 9996;
     min-height: 100vh;
     width: 100%;
     height: 100%;
     overflow: scroll;
     -webkit-overflow-scrolling: touch;
     background: rgba(0, 0, 0, 0.6);
 }
 
 .videomodal--full-opacity {
     opacity: 1;
 }
 
 .videomodal__wrapper {
     position: relative;
     top: 50%;
     transform: translateY(-50%);
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
 }
 
 @media (max-height: 600px) and (min-width: 708px) {
     .videomodal__wrapper {
         transform: none;
         top: 60px;
         margin-bottom: 60px;
     }
 }
 
 @media (max-width: 708px) {
     .videomodal__wrapper {
         max-width: none;
         transform: none;
         top: 20px;
     }
 }
 
 .videomodal__close {
     background-image: url("//cdn.mytutor.co.uk/images/close.svg");
     background-size: contain;
     background-repeat: no-repeat;
     width: 19px;
     height: 20px;
     position: fixed;
     top: 40px;
     right: 80px;
     cursor: pointer;
     z-index: 1;
 }
 
 @media (max-width: 1268px) {
     .videomodal__close {
         right: 40px;
     }
 }
 
 @media (max-width: 708px) {
     .videomodal__close {
         top: 40px;
         right: 22px;
         position: absolute;
     }
 }
 
 @media (max-height: 600px) and (min-width: 708px) {
     .videomodal__close {
         top: 20px;
     }
 }
 
 .videomodal__container {
     position: relative;
     height: 0;
     overflow: hidden;
     padding-bottom: 56.25%;
 }
 
 .videomodal__container iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     margin: 0 auto;
     display: block;
 }
 
 @media (max-width: 708px) {
     .videomodal__container {
         top: 60px;
     }
 }
 
 .tutorvideomodal {
     position: fixed;
     z-index: 9996;
     top: 0 !important;
     left: 0 !important;
     width: 100% !important;
     height: 100% !important;
     padding: 0;
     margin: 0;
     background: rgba(0, 0, 0, 0.6);
 }
 
 .tutorvideomodal .modal-dialog {
     background: transparent;
     padding: 0;
     margin: 25px auto 0 auto;
     padding-top: 5%;
     padding-bottom: 5%;
     max-width: 800px;
     width: 100% !important;
     overflow: hidden;
 }
 
 .tutorvideomodal .ui-dialog-titlebar .ui-dialog-titlebar-close {
     position: fixed;
     top: 10px;
     right: 10px;
     z-index: 9996;
     background: transparent;
 }
 
 @media (max-width: 708px) {
     .tutorvideomodal .ui-dialog-titlebar .ui-dialog-titlebar-close {
         top: 5px;
         right: 5px;
     }
 }
 
 .tutorvideomodal .ui-dialog-titlebar .ui-dialog-titlebar-close:after {
     content: "";
     display: block;
     width: 30px;
     height: 30px;
     background-image: url("//cdn.mytutor.co.uk/images/uploads/circle_close_delete_white.svg");
     background-size: contain;
     background-repeat: no-repeat;
 }
 
 .tutorvideomodal .video {
     position: relative;
     height: 0;
     overflow: hidden;
     padding-bottom: 56.25%;
 }
 
 .tutorvideomodal .video iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     margin: 0 auto;
     display: block;
 }
 
 .article {
     padding: 110px 0 100px 0;
 }
 
 @media (max-width: 992px) {
     .article {
         padding: 90px 0 80px 0;
     }
 }
 
 @media (max-width: 708px) {
     .article {
         padding: 76px 0 40px 0;
     }
 }
 
 .article__header {
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 50px;
     font-size: 3.125rem;
     line-height: 60px;
     line-height: 3.75rem;
     font-weight: 900;
     letter-spacing: -0.5px;
     font-weight: 700;
 }
 
 @media (max-width: 1268px) {
     .article__header {
         font-family: "Modelica", "Source Sans Pro", sans-serif;
         font-size: 46px;
         font-size: 2.875rem;
         line-height: 56px;
         line-height: 3.5rem;
         font-weight: 900;
         letter-spacing: 0;
     }
 }
 
 @media (max-width: 992px) {
     .article__header {
         font-family: "Modelica", "Source Sans Pro", sans-serif;
         font-size: 40px;
         font-size: 2.5rem;
         line-height: 48px;
         line-height: 3rem;
         font-weight: 900;
         letter-spacing: 0;
     }
 }
 
 @media (max-width: 708px) {
     .article__header {
         font-family: "Modelica", "Source Sans Pro", sans-serif;
         font-size: 34px;
         font-size: 2.125rem;
         line-height: 40px;
         line-height: 2.5rem;
         font-weight: 900;
         letter-spacing: 0;
     }
 }
 
 .article__subheader {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 18px;
     font-size: 1.125rem;
     line-height: 24px;
     line-height: 1.5rem;
     color: #303336;
     font-weight: 400;
     color: #67657d;
 }
 
 @media (max-width: 992px) {
     .article__subheader {
         font-family: "Source Sans Pro", sans-serif;
         font-size: 16px;
         font-size: 1rem;
         line-height: 20px;
         line-height: 1.25rem;
         color: #303336;
         font-weight: 400;
         color: #67657d;
     }
 }
 
 .article__paragraph {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 18px;
     font-size: 1.125rem;
     line-height: 24px;
     line-height: 1.5rem;
     color: #303336;
     font-weight: 400;
     margin-bottom: 10px;
 }
 
 .article__paragraph--bold {
     font-weight: 600;
 }
 
 .article__paragraph--large {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 22px;
     font-size: 1.375rem;
     line-height: 28px;
     line-height: 1.75rem;
     color: #303336;
     font-weight: 600;
 }
 
 .article__list p {
     margin-bottom: 5px;
 }
 
 .article__list p span {
     font-weight: 600;
 }
 
 .article__list--bullets li:before {
     content: "•";
     font-family: "Source Sans Pro", sans-serif;
     font-size: 18px;
     font-size: 1.125rem;
     line-height: 24px;
     line-height: 1.5rem;
     color: #303336;
     font-weight: 400;
     top: 0;
     position: relative;
     padding-right: 8px;
     float: left;
 }
 
 .article__list--bullets li p {
     display: inline-block;
     padding-left: 10px;
     width: calc(100% - 30px);
 }
 
 .article__list--numbers {
     list-style-type: decimal;
 }
 
 .article__list--numbers>li {
     counter-increment: root;
     font-weight: 600;
     margin-bottom: 25px;
 }
 
 .article__list--numbers>li>ol {
     counter-reset: subsection;
     list-style-type: none;
 }
 
 .article__list--numbers>li>ol>li {
     counter-increment: subsection;
 }
 
 .article__list--numbers>li>ol>li p:before {
     content: counter(root) "." counter(subsection) " ";
     font-weight: 600;
     display: inline-block;
     padding-right: 5px;
 }
 
 .article__list--numbers>li>ol>li>ol>li {
     counter-increment: innersection;
     padding-left: 25px;
 }
 
 .article__list--numbers>li>ol>li>ol>li>p:before {
     content: counter(root) "." counter(subsection) "." counter(innersection) " ";
     font-weight: 600;
     display: inline-block;
     padding-right: 5px;
 }
 
 .article--small-padding .article {
     padding: 30px 0;
 }
 
 .reviewpanel {
     padding-top: 80px;
     position: relative;
 }
 
 @media (max-width: 992px) {
     .reviewpanel {
         padding-top: 60px;
     }
 }
 
 .reviewpanel__header {
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 46px;
     font-size: 2.875rem;
     line-height: 56px;
     line-height: 3.5rem;
     font-weight: 900;
     letter-spacing: 0;
     color: #311b92;
     text-align: center;
     padding-bottom: 50px;
 }
 
 @media (max-width: 1268px) {
     .reviewpanel__header {
         font-family: "Modelica", "Source Sans Pro", sans-serif;
         font-size: 40px;
         font-size: 2.5rem;
         line-height: 48px;
         line-height: 3rem;
         font-weight: 900;
         letter-spacing: 0;
     }
 }
 
 @media (max-width: 992px) {
     .reviewpanel__header {
         font-family: "Modelica", "Source Sans Pro", sans-serif;
         font-size: 34px;
         font-size: 2.125rem;
         line-height: 40px;
         line-height: 2.5rem;
         font-weight: 900;
         letter-spacing: 0;
     }
 }
 
 @media (max-width: 708px) {
     .reviewpanel__header {
         text-align: left;
         padding-bottom: 40px;
     }
 }
 
 .reviewpanel__header--large {
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 46px;
     font-size: 2.875rem;
     line-height: 56px;
     line-height: 3.5rem;
     font-weight: 900;
     letter-spacing: 0;
 }
 
 @media (max-width: 1268px) {
     .reviewpanel__header--large {
         font-family: "Modelica", "Source Sans Pro", sans-serif;
         font-size: 40px;
         font-size: 2.5rem;
         line-height: 48px;
         line-height: 3rem;
         font-weight: 900;
         letter-spacing: 0;
     }
 }
 
 @media (max-width: 992px) {
     .reviewpanel__header--large {
         font-family: "Modelica", "Source Sans Pro", sans-serif;
         font-size: 34px;
         font-size: 2.125rem;
         line-height: 40px;
         line-height: 2.5rem;
         font-weight: 900;
         letter-spacing: 0;
     }
 }
 
 @media (max-width: 708px) {
     .reviewpanel__header--large {
         font-family: "Modelica", "Source Sans Pro", sans-serif;
         font-size: 28px;
         font-size: 1.75rem;
         line-height: 36px;
         line-height: 2.25rem;
         font-weight: 900;
         letter-spacing: 0;
     }
 }
 
 .reviewpanel__subheader {
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 20px;
     font-size: 1.25rem;
     line-height: 28px;
     line-height: 1.75rem;
     font-weight: 700;
     letter-spacing: 0;
     color: #fff;
     text-align: center;
     margin-top: -30px;
     padding-bottom: 30px;
 }
 
 .reviewpanel__wrapper {
     text-align: center;
     padding: 0 5px 35px 5px;
 }
 
 .reviewpanel__wrapper--no-padding {
     padding: 0 0 35px 0;
 }
 
 @media (max-width: 708px) {
     .reviewpanel__wrapper {
         padding: 0 0 35px 0;
     }
 }
 
 .reviewpanel__arrowlink {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 18px;
     font-size: 1.125rem;
     line-height: 24px;
     line-height: 1.5rem;
     color: #303336;
     font-weight: 400;
     color: #fff;
     display: block;
     text-align: center;
     padding-right: 18px;
 }
 
 .reviewpanel__arrowlink:hover {
     color: #fff;
 }
 
 .reviewpanel__arrowlink span {
     font-weight: 600;
 }
 /* .reviewpanel__arrowlink:after {
    content: "";
    position: absolute;
    background-image: url("https://cdn.mytutor.co.uk/images/uploads/rightarrow--white.svg");
    background-size: contain;
    background-repeat: no-repeat;
    width: 16px;
    height: 12px;
    margin-top: 7px;
    margin-left: 8px
} */
 
 .reviewpanel__button {
     text-align: center;
     margin-top: 25px;
 }
 
 .reviewpanel__card {
     margin: 0 15px;
     background-color: #fff;
     border: solid 2px #e9eaeb;
     padding: 25px 26px 30px 26px;
     white-space: normal;
     height: 242px;
     position: relative;
 }
 
 .reviewpanel__card.slick-slide {
     height: 242px;
 }
 
 @media (max-width: 708px) {
     .reviewpanel__card {
         margin: 0;
     }
 }
 
 .reviewpanel__avatar {
     width: 100px;
     height: 72px;
     border-radius: 100%;
     margin: 0 auto 17px auto;
     overflow: hidden;
 }
 
 .reviewpanel__tutor {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 18px;
     font-size: 1.125rem;
     line-height: 24px;
     line-height: 1.5rem;
     color: #303336;
     font-weight: 400;
     font-weight: 600;
     margin-bottom: 4px;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
 }
 
 .reviewpanel__subject {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 16px;
     font-size: 1rem;
     line-height: 20px;
     line-height: 1.25rem;
     color: #303336;
     font-weight: 400;
     color: #67657d;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
 }
 
 .reviewpanel__price {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 18px;
     font-size: 1.125rem;
     line-height: 24px;
     line-height: 1.5rem;
     color: #303336;
     font-weight: 400;
     font-weight: 600;
     margin-bottom: 7px;
 }
 
 .reviewpanel__stars {
     margin-bottom: 5px;
     display: block;
     margin-top: 5px;
 }
 
 .reviewpanel__stars .star {
     width: 15px;
     display: inline-block;
 }
 
 .reviewpanel__stars .star.selected polygon {
     fill: #ffb400;
 }
 
 .reviewpanel__sessioncount {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 16px;
     font-size: 1rem;
     line-height: 20px;
     line-height: 1.25rem;
     color: #303336;
     font-weight: 400;
     color: #67657d;
     margin-bottom: 4px;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
 }
 
 .reviewpanel__sessioncount img {
     display: inline-block !important;
     vertical-align: text-top;
     margin-right: 5px;
     height: 16px;
     margin-top: 4px;
 }
 
 .reviewpanel__bio {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 16px;
     font-size: 1rem;
     line-height: 20px;
     line-height: 1.25rem;
     color: #303336;
     font-weight: 400;
     font-style: italic;
     text-align: center;
     overflow: hidden;
     display: -webkit-box;
     -webkit-line-clamp: 5;
     -webkit-box-orient: vertical;
     height: 98px;
 }
 
 .reviewpanel__parent {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 16px;
     font-size: 1rem;
     line-height: 20px;
     line-height: 1.25rem;
     color: #303336;
     font-weight: 400;
     text-align: center;
     font-weight: 600;
     margin-bottom: 27px;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
 }
 
 .reviewpanel__parent span {
     font-weight: 400;
     color: #67657d;
 }
 
 .reviewpanel__author {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 16px;
     font-size: 1rem;
     line-height: 20px;
     line-height: 1.25rem;
     color: #303336;
     font-weight: 400;
     text-align: center;
     font-weight: 600;
     margin-bottom: 10px;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
 }
 
 .reviewpanel__author span {
     font-weight: 400;
     color: #67657d;
 }
 
 .reviewpanel__tutorwrapper {
     padding: 23px 26px 18px 26px;
     text-align: left;
     position: relative;
     border-bottom: solid 1px #e9eaeb;
 }
 
 .reviewpanel__tutorwrapper .reviewpanel__avatar {
     display: inline-block;
     margin-bottom: 0;
 }
 
 .reviewpanel__tutorwrapper .reviewpanel__tutor,
 .reviewpanel__tutorwrapper .reviewpanel__stars {
     margin-bottom: 0;
 }
 
 .reviewpanel__reviewwrapper {
     position: absolute;
     bottom: 0;
     left: 0;
     right: 0;
 }
 
 .reviewpanel__meta {
     display: inline-block;
     width: calc(100% - 90px);
     vertical-align: top;
     margin-left: 10px;
 }
 
 .reviewpanel .slick2016 .slick-dots {
     position: relative;
     bottom: -16px;
 }
 
 @media (max-width: 708px) {
     .reviewpanel .slick2016 .slick-dots {
         bottom: -13px;
     }
 }
 
 .reviewpanel .slick2016 .slick-dots li button {
     margin-top: 24px;
 }
 
 .reviewpanel .slick2016 .slick-dots li button:before {
     width: 10px;
     height: 10px;
 }
 
 .reviewpanel .slick2016 .slick-prev,
 .reviewpanel .slick2016 .slick-next {
     bottom: -3px;
 }
 
 .reviewpanel .slick2016 .slick-prev:before,
 .reviewpanel .slick2016 .slick-next:before {
     border-bottom: 3px solid #9da9ae;
     border-left: 3px solid #9da9ae;
     width: 12px;
     height: 12px;
 }
 
 .reviewpanel .slick2016 .slick-prev {
     left: 25px;
 }
 
 .reviewpanel .slick2016 .slick-next {
     right: 25px;
 }
 
 .reviewpanel .slick2016 .slick-arrow {
     bottom: 0;
     width: 25px;
     height: 25px;
 }
 
 .reviewpanel--blue {
     background-color: #f5f5f5;
     padding: 90px 0 80px;
 }
 
 @media (max-width: 992px) {
     .reviewpanel--blue {
         padding: 80px 0;
     }
 }
 
 @media (max-width: 708px) {
     .reviewpanel--blue {
         padding: 60px 0;
     }
 }
 
 @media (max-width: 708px) {
     .reviewpanel--blue .slick2016 .slick-prev {
         left: 2px;
     }
 }
 
 .reviewpanel--blue .slick2016 .slick-prev:before {
     border-bottom: 3px solid #fff;
     border-left: 3px solid #fff;
 }
 
 @media (max-width: 708px) {
     .reviewpanel--blue .slick2016 .slick-next {
         right: 2px;
     }
 }
 
 .reviewpanel--blue .slick2016 .slick-next:before {
     border-bottom: 3px solid #fff;
     border-left: 3px solid #fff;
 }
 
 .reviewpanel--blue .slick2016 .slick-dots li button {
     margin-top: 12px;
 }
 
 .reviewpanel--blue .slick2016 .slick-dots li button:before {
     background: #fff;
     opacity: 0.3;
 }
 
 .reviewpanel--blue .slick2016 .slick-dots li.slick-active button:before {
     background: #fff;
     opacity: 0.8;
 }
 
 .reviewpanel--blue .reviewpanel__wrapper {
     padding: 0 5px 22px 5px;
 }
 
 @media (max-width: 708px) {
     .reviewpanel--blue .reviewpanel__wrapper {
         padding: 0 0 26px 0;
     }
 }
 
 .reviewpanel--blue .reviewpanel__card {
     padding: 0;
     height: 302px;
     background-color: #fff;
     box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.14);
     border: 0;
     position: relative;
 }
 
 .reviewpanel--blue .reviewpanel__card.slick-slide {
     height: 302px;
 }
 
 .reviewpanel--blue .reviewpanel__card .reviewpanel__parent {
     margin-bottom: 0;
 }
 
 .reviewpanel--blue .reviewpanel__card .reviewpanel__stars {
     margin-bottom: 5px;
 }
 
 .reviewpanel--blue .reviewpanel__card .reviewpanel__reviewwrapper {
     margin-bottom: 10px;
     padding: 20px 26px 30px 26px;
 }
 
 .reviewpanel--trustpilot {
     padding-top: 1em;
     border-bottom: 1px solid #dcdae2;
 }
 
 .reviewpanel--trustpilot .reviewpanel__wrapper {
     padding-bottom: 50px;
 }
 
 .reviewpanel--trustpilot .reviewpanel__header {
     font-size: 20px;
     font-weight: 600;
     padding-bottom: 0.25em;
     text-align: center;
 }
 
 .reviewpanel--trustpilot .reviewpanel__header img {
     margin-right: 0.5em;
     vertical-align: sub;
 }
 
 .reviewpanel--trustpilot .reviewpanel__header a {
     margin-left: 0.5em;
     font-size: 17px;
     font-weight: normal;
     letter-spacing: 0;
 }
 
 .reviewpanel--trustpilot .reviewpanel__reviewwrapper {
     top: 1em;
     bottom: 1em;
     left: 1em;
     right: 1em;
     text-align: left;
 }
 
 .reviewpanel--trustpilot .reviewpanel__card {
     width: 21em;
     height: 14.5em;
     margin: 0 0.5em;
     padding: 1em;
     border: 0;
     background-color: #f9f8fb;
     outline: 0;
 }
 
 .reviewpanel--trustpilot .reviewpanel__avatar {
     display: inline;
     width: 40px;
     height: 40px;
     margin: 0 1em 0 0;
 }
 
 .reviewpanel--trustpilot .reviewpanel__stars {
     display: inline;
     margin: 0.5em 0;
 }
 
 .reviewpanel--trustpilot .reviewpanel__author {
     font-size: 15px;
     text-align: left;
     margin: 0.25em 0 0.5em;
     letter-spacing: -0.3px;
 }
 
 .reviewpanel--trustpilot .reviewpanel__author span {
     margin-left: 0.5em;
 }
 
 .reviewpanel--trustpilot .reviewpanel__bio {
     text-align: left;
     font-style: normal;
     font-size: 14px;
     quotes: initial;
     height: 11.5em;
     -webkit-line-clamp: 8;
 }
 
 .footer_cu .reviewpanel__bio {
     font-size: 13px;
 }
 
 .footer_cu .reviewpanel__author span {
     font-size: 11px;
 }
 
 .reviewpanel--trustpilot .reviewpanel__bio:before {
     content: open-quote;
 }
 
 .reviewpanel--trustpilot .reviewpanel__bio:after {
     content: close-quote;
 }
 
 .reviewpanel.tutorreviews .reviewpanel__header {
     text-align: center;
 }
 
 .reviewpanel.tutorreviews .reviewpanel__wrapper {
     display: flex;
     flex-wrap: wrap;
 }
 
 .reviewpanel.tutorreviews .reviewpanel__wrapper .reviewpanel__card {
     display: flex;
     flex-direction: column;
     justify-content: space-between;
     width: calc(50% - 1.5em);
     margin: 0.75em;
     height: auto;
     box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.15);
 }
 
 @media (max-width: 840px) {
     .reviewpanel.tutorreviews .reviewpanel__wrapper .reviewpanel__card {
         width: 100%;
         margin: 1em 0;
     }
 }
 
 .reviewpanel.tutorreviews .reviewpanel__wrapper .reviewpanel__reviewwrapper {
     position: static;
     margin-bottom: 0;
     text-align: left;
     padding: 2em 2.5em 1em;
 }
 
 @media (max-width: 992px) {
     .reviewpanel.tutorreviews .reviewpanel__wrapper .reviewpanel__reviewwrapper {
         padding: 1em;
     }
 }
 
 .reviewpanel.tutorreviews .reviewpanel__wrapper .tutorreview__header {
     margin: 0.25em 0;
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 1.25em;
     line-height: 1.5em;
     color: #303336;
     font-weight: 800;
 }
 
 .reviewpanel.tutorreviews .reviewpanel__wrapper .tutorreview__body {
     margin: 0.25em 0;
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 1.25em;
     line-height: 1.5em;
     color: #303336;
 }
 
 .reviewpanel.tutorreviews .reviewpanel__wrapper .reviewpanel__tutorwrapper {
     border-bottom: 0;
     padding: 1em 2.5em 2em;
 }
 
 @media (max-width: 992px) {
     .reviewpanel.tutorreviews .reviewpanel__wrapper .reviewpanel__tutorwrapper {
         padding: 1em;
     }
 }
 
 .reviewpanel.tutorreviews .reviewpanel__wrapper .reviewpanel__avatar {
     background-color: #f9fafb;
 }
 
 .reviewpanel.tutorreviews .reviewpanel__wrapper .reviewpanel__meta .reviewpanel__tutor {
     margin: 0.5em 0 0.25em;
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 1em;
 }
 
 .reviewpanel.tutorreviews .reviewpanel__wrapper .reviewpanel__meta .reviewpanel__subject {
     margin: 0.25em 0 0.5em;
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-weight: 600;
     color: #989fa6;
 }
 
 .grid-flow .reviewpanel--blue {
     padding: 52px 0 56px;
 }
 
 .contactpanel {
     padding: 100px 0 150px 0;
     position: relative;
 }
 
 .contactpanel__wrapper {
     border: solid 1px #cac9d8;
     padding: 50px 70px;
 }
 
 @media (max-width: 992px) {
     .contactpanel__wrapper {
         padding: 40px 30px;
     }
 }
 
 @media (max-width: 992px) {
     .contactpanel {
         padding: 50px 0 80px 0;
     }
 }
 
 .contactpanel__hours {
     display: inline-block;
     width: 100%;
     box-sizing: border-box;
     position: relative;
 }
 
 .contactpanel__hours table thead tr {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 18px;
     font-size: 1.125rem;
     line-height: 24px;
     line-height: 1.5rem;
     color: #303336;
     font-weight: 400;
     font-weight: 600;
     display: block;
     margin-bottom: 5px;
 }
 
 @media (max-width: 992px) {
     .contactpanel__hours table thead tr {
         font-family: "Source Sans Pro", sans-serif;
         font-size: 16px;
         font-size: 1rem;
         line-height: 20px;
         line-height: 1.25rem;
         color: #303336;
         font-weight: 400;
         font-weight: 600;
     }
 }
 
 .contactpanel__hours table tbody tr {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 18px;
     font-size: 1.125rem;
     line-height: 24px;
     line-height: 1.5rem;
     color: #303336;
     font-weight: 400;
     display: block;
     margin-bottom: 2px;
     text-align: left;
 }
 
 @media (max-width: 992px) {
     .contactpanel__hours table tbody tr {
         font-family: "Source Sans Pro", sans-serif;
         font-size: 16px;
         font-size: 1rem;
         line-height: 20px;
         line-height: 1.25rem;
         color: #303336;
         font-weight: 400;
     }
 }
 
 .contactpanel__hours table tbody tr td:first-child {
     min-width: 160px;
 }
 
 @media (max-width: 1268px) {
     .contactpanel__hours table tbody tr td:first-child {
         min-width: 120px;
     }
 }
 
 @media (max-width: 708px) {
     .contactpanel__hours table tbody tr td:first-child {
         min-width: 100px;
     }
 }
 
 .contactpanel__phone {
     display: inline-block;
     max-width: 540px;
     padding-right: 100px;
     position: relative;
 }
 
 @media (max-width: 992px) {
     .contactpanel__phone {
         max-width: 90%;
     }
 }
 
 @media (max-width: 708px) {
     .contactpanel__phone {
         max-width: 100%;
         padding-right: 0;
         margin-bottom: 20px;
     }
 }
 
 .contactpanel__phone__header {
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 34px;
     font-size: 2.125rem;
     line-height: 38px;
     line-height: 2.375rem;
     color: #303336;
     font-weight: 400;
     letter-spacing: -0.5px;
     margin-bottom: 32px;
 }
 
 @media (max-width: 1268px) {
     .contactpanel__phone__header {
         font-family: "Modelica", "Source Sans Pro", sans-serif;
         font-size: 28px;
         font-size: 1.75rem;
         line-height: 34px;
         line-height: 2.125rem;
         color: #303336;
         font-weight: 400;
         letter-spacing: 0;
     }
 }
 
 @media (max-width: 992px) {
     .contactpanel__phone__header {
         font-family: "Modelica", "Source Sans Pro", sans-serif;
         font-size: 24px;
         font-size: 1.5rem;
         line-height: 28px;
         line-height: 1.75rem;
         color: #303336;
         font-weight: 400;
         letter-spacing: 0;
         margin-bottom: 22px;
     }
 }
 
 .contactpanel__phone__header span {
     font-weight: semibold;
     color: #60d17b;
 }
 
 .contactpanel__phone__number {
     display: block;
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 28px;
     font-size: 1.75rem;
     line-height: 34px;
     line-height: 2.125rem;
     color: #303336;
     font-weight: 400;
     letter-spacing: 0;
 }
 
 .contactpanel__phone__number:hover {
     color: #303336;
 }
 
 @media (max-width: 1268px) {
     .contactpanel__phone__number {
         font-family: "Modelica", "Source Sans Pro", sans-serif;
         font-size: 24px;
         font-size: 1.5rem;
         line-height: 28px;
         line-height: 1.75rem;
         color: #303336;
         font-weight: 400;
         letter-spacing: 0;
     }
 }
 
 @media (max-width: 992px) {
     .contactpanel__phone__number {
         font-family: "Source Sans Pro", sans-serif;
         font-size: 22px;
         font-size: 1.375rem;
         line-height: 28px;
         line-height: 1.75rem;
         color: #303336;
         font-weight: 600;
         font-family: "Modelica", "Source Sans Pro", sans-serif;
         font-weight: normal;
     }
 }
 
 .linkfarm__header {
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 50px;
     font-size: 3.125rem;
     line-height: 60px;
     line-height: 3.75rem;
     font-weight: 900;
     letter-spacing: -0.5px;
     margin: 90px 0 52px 0;
     text-align: center;
 }
 
 @media (max-width: 1268px) {
     .linkfarm__header {
         font-family: "Modelica", "Source Sans Pro", sans-serif;
         font-size: 46px;
         font-size: 2.875rem;
         line-height: 56px;
         line-height: 3.5rem;
         font-weight: 900;
         letter-spacing: 0;
     }
 }
 
 @media (max-width: 992px) {
     .linkfarm__header {
         font-family: "Modelica", "Source Sans Pro", sans-serif;
         font-size: 40px;
         font-size: 2.5rem;
         line-height: 48px;
         line-height: 3rem;
         font-weight: 900;
         letter-spacing: 0;
         margin: 60px 0 40px 0;
     }
 }
 
 @media (max-width: 708px) {
     .linkfarm__header {
         font-family: "Modelica", "Source Sans Pro", sans-serif;
         font-size: 34px;
         font-size: 2.125rem;
         line-height: 40px;
         line-height: 2.5rem;
         font-weight: 900;
         letter-spacing: 0;
         margin: 40px 0 26px 0;
     }
 }
 
 .linkfarm__subheader {
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 24px;
     font-size: 1.5rem;
     line-height: 30px;
     line-height: 1.875rem;
     font-weight: 700;
     letter-spacing: 0;
     font-weight: 600;
     margin-bottom: 10px;
 }
 
 .linkfarm__subheader--center {
     text-align: center;
     margin: 62px 0 26px 0;
 }
 
 @media (max-width: 992px) {
     .linkfarm__subheader--center {
         margin: 46px 0 26px 0;
     }
 }
 
 .linkfarm__search {
     margin: 0 10px;
 }
 
 @media (max-width: 992px) {
     .linkfarm__search {
         margin: 0 8px;
     }
 }
 
 .linkfarm__search--dashboard {
     margin: 22px 0 0 0;
 }
 
 @media (max-width: 708px) {
     .linkfarm__search--dashboard {
         margin: 12px 0 5px 0;
     }
 }
 
 .linkfarm__search__select {
     height: 44px;
     border-right: 0;
     background-position: calc(100% - 17px) 1.1em, calc(100% - 12px) 1.1em, 100% 0;
 }
 
 @media (max-width: 708px) {
     .linkfarm__search__select {
         margin-bottom: 8px;
     }
 }
 
 .linkfarm__search__select:focus {
     box-shadow: none;
 }
 
 .linkfarm__search__select--first {
     width: calc(100% - 142px - 158px);
 }
 
 @media (max-width: 708px) {
     .linkfarm__search__select--first {
         width: calc(100% - 115px);
     }
 }
 
 .linkfarm__search__select--last {
     width: 142px;
 }
 
 @media (max-width: 708px) {
     .linkfarm__search__select--last {
         width: 115px;
         border-right: solid 1px #cac9d8;
     }
 }
 
 .linkfarm__search__button {
     width: 158px;
     box-sizing: border-box;
     padding-left: 0;
     padding-right: 0;
     text-align: center;
 }
 
 .linkfarm__search__button:focus {
     box-shadow: none;
 }
 
 @media (max-width: 708px) {
     .linkfarm__search__button {
         width: 100%;
         text-align: center;
     }
 }
 
 .linkfarm__list {
     margin-bottom: 44px;
     margin-left: 10px;
 }
 
 @media (max-width: 708px) {
     .linkfarm__list {
         margin-left: 0;
     }
 }
 
 .linkfarm__list li {
     margin-bottom: 10px;
     letter-spacing: 3px;
 }
 
 .linkfarm__list li a,
 .linkfarm__list li span {
     white-space: nowrap;
     letter-spacing: 0;
 }
 
 .linkfarm__listwrapper {
     margin: 94px 10px 120px 10px;
 }
 
 @media (max-width: 992px) {
     .linkfarm__listwrapper {
         margin: 64px 8px 80px 8px;
     }
 }
 
 @media (max-width: 708px) {
     .linkfarm__listwrapper {
         margin: 45px 8px 60px 8px;
     }
 }
 
 .linkfarm__card {
     height: 160px;
     text-align: center;
     position: relative;
     margin: 10px;
     box-sizing: border-box;
     display: block;
 }
 
 @media (max-width: 992px) {
     .linkfarm__card {
         margin: 8px;
     }
 }
 
 .linkfarm__card img {
     height: 70px;
     position: absolute;
     top: 24px;
     left: 0;
     right: 0;
     margin: 0 auto;
 }
 
 .linkfarm__card--image img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     top: 0;
 }
 
 .linkfarm__card p {
     position: absolute;
     bottom: 20px;
     left: 0;
     right: 0;
     font-family: "Source Sans Pro", sans-serif;
     font-size: 22px;
     font-size: 1.375rem;
     line-height: 28px;
     line-height: 1.75rem;
     color: #303336;
     font-weight: 600;
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     color: #fff;
 }
 
 @media (max-width: 708px) {
     .linkfarm__card p {
         font-family: "Source Sans Pro", sans-serif;
         font-size: 18px;
         font-size: 1.125rem;
         line-height: 24px;
         line-height: 1.5rem;
         color: #303336;
         font-weight: 400;
         font-family: "Modelica", "Source Sans Pro", sans-serif;
         color: #fff;
     }
 }
 
 .linkfarm__card--location {
     background-position: center;
     background-repeat: no-repeat;
     background-size: cover;
 }
 
 .linkfarm__card--location p:first-of-type {
     position: relative;
     top: 50%;
     transform: translateY(-50%);
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     z-index: 1;
 }
 
 .linkfarm__card--location p:last-of-type {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 16px;
     font-size: 1rem;
     line-height: 20px;
     line-height: 1.25rem;
     color: #303336;
     font-weight: 400;
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     color: #fff;
     padding: 0 10px;
 }
 
 .linkfarm__card--maths {
     background-color: #3c90f0;
 }
 
 .linkfarm__card--english {
     background-color: #f5a82c;
 }
 
 .linkfarm__card--physics {
     background-color: #a3a3a3;
 }
 
 .linkfarm__card--chemistry {
     background-color: #9ccc65;
 }
 
 .linkfarm__card--biology {
     background-color: #24b47e;
 }
 
 .linkfarm__card--french {
     background-color: #e25950;
 }
 
 .linkfarm__card--german {
     background-color: #8c6fc6;
 }
 
 .linkfarm__card--geography {
     background-color: #4fc3f7;
 }
 
 .tutormeta__avatar {
     display: inline-block;
 }
 
 .tutormeta__avatar .profileimage {
     width: 160px;
     height: 160px;
 }
 
 @media (max-width: 708px) {
     .tutormeta__avatar .profileimage {
         width: 125px;
         height: 125px;
     }
 }
 
 .tutormeta__avatar .premiumflag {
     width: 47px;
     height: auto;
     position: absolute;
     left: 139px;
     z-index: 1;
     z-index: 1;
 }
 
 @media (max-width: 708px) {
     .tutormeta__avatar .premiumflag {
         left: 93px;
     }
 }
 
 .tutormeta__avatar--nav {
     width: 48px;
     height: 48px;
     border-radius: 100px;
     margin-right: 16px;
     vertical-align: middle;
     overflow: hidden;
 }
 
 .tutormeta__avatar--nav img.profileimage {
     width: 100%;
     height: 100%;
 }
 
 @media (max-width: 1268px) {
     .tutormeta__avatar--nav {
         width: 38px;
         height: 38px;
     }
 }
 
 .tutormeta__name {
     margin-bottom: 2px;
     width: calc(100% - 130px);
     display: inline-block;
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 20px;
     font-size: 1.25rem;
     line-height: 28px;
     line-height: 1.75rem;
     font-weight: 700;
     letter-spacing: 0;
 }
 
 @media (max-width: 708px) {
     .tutormeta__name {
         font-family: "Modelica", "Source Sans Pro", sans-serif;
         font-size: 20px;
         font-size: 1.25rem;
         line-height: 28px;
         line-height: 1.75rem;
         font-weight: 700;
         letter-spacing: 0;
         font-weight: 600;
         margin-bottom: 0;
     }
 }
 
 .tutormeta__name--nav {
     margin-bottom: 0;
     vertical-align: middle;
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 24px;
     font-size: 1.5rem;
     line-height: 28px;
     line-height: 1.75rem;
     color: #303336;
     font-weight: 400;
     letter-spacing: 0;
     font-size: 18px;
     font-weight: 600;
     line-height: 60px;
     height: 60px;
 }
 
 @media (max-width: 708px) {
     .tutormeta__name {
         width: 100%;
     }
 }
 
 .tutormeta__details {
     width: calc(100% - 218px);
     display: inline-block;
     padding-left: 26px;
     box-sizing: border-box;
     position: absolute;
 }
 
 @media (max-width: 708px) {
     .tutormeta__details {
         width: calc(100% - 140px);
         padding-left: 18px;
     }
 }
 
 .tutormeta__details:first {
     top: 0;
 }
 
 .tutormeta__details--reviews {
     bottom: 0;
 }
 
 @media (max-width: 615px) {
     .tutormeta__details--reviews {
         width: 100%;
         left: 0;
     }
 }
 
 .tutormeta__degree {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 18px;
     font-size: 1.125rem;
     line-height: 24px;
     line-height: 1.5rem;
     font-weight: 600;
     letter-spacing: 0;
     font-weight: normal;
     color: #303336;
     margin-bottom: 5px;
 }
 
 @media (max-width: 708px) {
     .tutormeta__degree {
         font-family: "Source Sans Pro", sans-serif;
         font-size: 17px;
         font-size: 1.0625rem;
         line-height: 20px;
         line-height: 1.25rem;
         font-weight: 600;
         letter-spacing: 0;
         font-weight: normal;
     }
 }
 
 .tutormeta__unavailable {
     margin-bottom: 5px;
     display: inline-block;
     float: right;
 }
 
 @media (max-width: 708px) {
     .tutormeta__unavailable {
         float: none;
         margin-bottom: 2px;
     }
 }
 
 .tutormeta__unavailable p {
     display: inline-block;
     font-family: "Source Sans Pro", sans-serif;
     font-size: 16px;
     font-size: 1rem;
     line-height: 20px;
     line-height: 1.25rem;
     color: #303336;
     font-weight: 400;
     color: #ff1744;
     background: #fbeae5;
     border-radius: 100px;
     padding: 2px 10px 3px 10px;
     text-align: center;
 }
 
 @media (max-width: 708px) {
     .tutormeta__unavailable p {
         font-family: "Source Sans Pro", sans-serif;
         font-size: 14px;
         font-size: 0.875rem;
         line-height: 16px;
         line-height: 1rem;
         color: #303336;
         font-weight: 400;
         color: #ff1744;
     }
 }
 
 .tutormeta__price {
     float: right;
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 20px;
     font-size: 1.25rem;
     line-height: 28px;
     line-height: 1.75rem;
     font-weight: 700;
     letter-spacing: 0;
 }
 
 @media (max-width: 708px) {
     .tutormeta__price {
         float: none;
         margin-bottom: 2px;
         font-family: "Modelica", "Source Sans Pro", sans-serif;
         font-size: 16px;
         font-size: 1rem;
         line-height: 20px;
         line-height: 1.25rem;
         font-weight: 700;
         letter-spacing: 0;
     }
 }
 
 .tutormeta__ratings {
     margin-top: 8px;
     font-family: "Source Sans Pro", sans-serif;
     font-size: 18px;
     font-size: 1.125rem;
     line-height: 24px;
     line-height: 1.5rem;
     color: #303336;
     font-weight: 400;
 }
 
 .tutormeta__ratings__item {
     margin-top: 3px;
 }
 
 @media (max-width: 708px) {
     .tutormeta__ratings__item {
         display: inline-block;
     }
     .tutormeta__ratings__item:not(:first-of-type) {
         border-left: 1px solid #f5f4f7;
         padding-left: 10px;
         margin-left: 5px;
     }
 }
 
 @media (max-width: 575px) {
     .tutormeta__ratings__item:first-of-type {
         display: block;
     }
     .tutormeta__ratings__item:not(:first-of-type) {
         display: inline-block;
         border: 0;
         padding-left: 0;
         margin-left: 0;
     }
     .tutormeta__ratings__item:nth-of-type(3) {
         border-left: 1px solid #f5f4f7;
         padding-left: 10px;
         margin-left: 5px;
     }
 }
 
 @media (max-width: 400px) {
     .tutormeta__ratings__item:nth-of-type(3) {
         display: block;
         border: 0;
         padding-left: 0;
         margin-left: 0;
     }
 }
 
 .tutormeta__ratings .badge {
     display: inline-block;
     margin-bottom: 8px;
     background: transparent;
     top: 0;
     width: auto;
     height: auto;
     margin: 0;
     border-radius: 0;
     padding: 0;
     line-height: initial;
     font-size: initial;
     padding-right: 10px;
     margin-right: 8px;
 }
 
 @media (max-width: 708px) {
     .tutormeta__ratings .badge {
         padding-right: 0;
         margin-right: 0;
     }
 }
 
 .tutormeta__ratings .badge img {
     vertical-align: middle;
 }
 
 .tutormeta__ratings .badge p {
     display: inline-block;
     margin-left: 4px;
     margin-bottom: 0;
     vertical-align: middle;
     font-family: "Source Sans Pro", sans-serif;
     font-size: 16px;
     font-size: 1rem;
     line-height: 20px;
     line-height: 1.25rem;
     color: #303336;
     font-weight: 400;
     color: #67657d;
     vertical-align: middle;
 }
 
 .tutormeta__ratings .lessoncount {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 16px;
     font-size: 1rem;
     line-height: 20px;
     line-height: 1.25rem;
     color: #303336;
     font-weight: 400;
     color: #545174;
     display: inline-block;
     vertical-align: middle;
 }
 
 .tutormeta__ratings .lessoncount span {
     background-color: #32cf3a;
     color: #fff;
     font-size: 14px;
     font-weight: 600;
     margin-right: 3px;
     padding: 0 4px 1px 4px;
 }
 
 .tutormeta__ratings .value {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 16px;
     font-size: 1rem;
     line-height: 20px;
     line-height: 1.25rem;
     color: #303336;
     font-weight: 400;
     color: #fff;
     background-color: #f9cf00;
     padding: 0 4px 2px 4px;
     display: inline-block;
     vertical-align: middle;
 }
 
 .tutormeta__ratings .stars {
     display: inline-block;
     font-size: 0.8em;
     margin-right: 5px;
     vertical-align: middle;
     letter-spacing: 0.1em;
 }
 
 @media (max-width: 708px) {
     .tutormeta__ratings .stars {
         margin-right: 0;
     }
 }
 
 .tutormeta__ratings .stars .star {
     display: inline-block;
     vertical-align: middle;
 }
 
 .tutormeta__ratings .stars .selected {
     color: #f9cf00;
 }
 
 .tutormeta__ratings .stars .unselected {
     color: #fcf0cc;
 }
 
 .tutormeta__ratings .stars>p {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 18px;
     font-size: 1.125rem;
     line-height: 24px;
     line-height: 1.5rem;
     color: #303336;
     font-weight: 400;
     color: #67657d;
     display: inline-block;
     vertical-align: baseline;
 }
 
 .tutormeta__ratings .count {
     display: inline-block;
     vertical-align: middle;
     margin-bottom: 0;
 }
 
 .tutormeta__ratings .count a {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 16px;
     font-size: 1rem;
     line-height: 20px;
     line-height: 1.25rem;
     color: #303336;
     font-weight: 400;
     color: #542eff;
 }
 
 @media (max-width: 708px) {
     .tutormeta__ratings .count {
         display: none;
     }
 }
 
 .tutorprofile__header {
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 28px;
     font-size: 1.75rem;
     line-height: 34px;
     line-height: 2.125rem;
     color: #303336;
     font-weight: 400;
     letter-spacing: 0;
     color: #1867c2;
     position: relative;
     padding-left: 34px;
     padding-right: 20px;
 }
 
 .tutorprofile__header:before {
     content: "“";
     display: inline-block;
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 28px;
     font-size: 1.75rem;
     line-height: 34px;
     line-height: 2.125rem;
     color: #303336;
     font-weight: 400;
     letter-spacing: 0;
     font-size: 60px;
     position: absolute;
     top: 11px;
     left: 0;
     color: #dcdae2;
 }
 
 .tutorprofile__subheader {
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 18px;
     font-size: 1.125rem;
     line-height: 26px;
     line-height: 1.625rem;
     font-weight: 700;
     letter-spacing: 0;
     color: #303336;
     margin-bottom: 10px;
     margin-top: 20px;
 }
 
 .tutorprofile__paragraph,
 .tutorprofile__paragraph p {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 18px;
     font-size: 1.125rem;
     line-height: 24px;
     line-height: 1.5rem;
     font-weight: 600;
     letter-spacing: 0;
     font-weight: 400;
     margin-bottom: 10px;
     display: block;
 }
 
 @media (max-width: 708px) {
     .tutorprofile__paragraph,
     .tutorprofile__paragraph p {
         font-family: "Source Sans Pro", sans-serif;
         font-size: 17px;
         font-size: 1.0625rem;
         line-height: 20px;
         line-height: 1.25rem;
         font-weight: 600;
         letter-spacing: 0;
         font-weight: 400;
     }
 }
 
 .tutorprofile__paragraph strong,
 .tutorprofile__paragraph p strong {
     font-weight: 600;
 }
 
 .tutorprofile__toggle {
     margin-top: 12px;
     display: block;
     font-weight: 600;
     font-family: "Source Sans Pro", sans-serif;
     font-size: 17px;
     font-size: 1.0625rem;
     line-height: 20px;
     line-height: 1.25rem;
     color: #303336;
     font-weight: 400;
 }
 
 .tutorprofile__subsection {
     padding: 0 26px;
     position: relative;
 }
 
 @media (max-width: 708px) {
     .tutorprofile__subsection {
         padding: 0 15px;
         margin-bottom: 30px;
     }
 }
 
 @media (max-width: 450px) {
     .tutorprofile__subsection {
         margin-bottom: 30px;
     }
 }
 
 .tutorprofile__subsection--smallmargin {
     margin-bottom: 36px;
 }
 
 .tutorprofile__subsection--border {
     padding: 0 26px 30px 26px;
     min-height: 126px;
 }
 
 @media (max-width: 992px) {
     .tutorprofile__subsection--border {
         margin-bottom: 30px;
     }
 }
 
 @media (max-width: 708px) {
     .tutorprofile__subsection--border {
         padding: 0 15px;
         margin-bottom: 15px;
         min-height: 0;
     }
 }
 
 .tutorprofile__subsection--border:after {
     display: block;
     border-bottom: solid 1px #dcdae2;
     content: "";
     position: absolute;
     left: 0;
     right: 0;
     bottom: 0;
     margin-top: 30px;
 }
 
 @media (max-width: 708px) {
     .tutorprofile__subsection--border:after {
         content: none;
     }
 }
 
 .tutorprofile__subsection--grey {
     background-color: #f5f4f7;
     padding: 18px 20px;
     margin: 0 26px 10px 26px;
     margin-top: 40px;
 }
 
 @media (max-width: 708px) {
     .tutorprofile__subsection--grey {
         margin: 0 15px 10px 15px;
     }
 }
 
 .tutorprofile__subsection--grey img {
     width: 36px;
     display: inline-block;
     vertical-align: top;
     margin-top: 5px;
 }
 
 .tutorprofile__subsection--grey>div {
     display: inline-block;
     width: calc(100% - 40px);
     padding-left: 14px;
     box-sizing: border-box;
 }
 
 .tutorprofile__subsection--grey h4 {
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 16px;
     font-size: 1rem;
     line-height: 20px;
     line-height: 1.25rem;
     font-weight: 700;
     letter-spacing: 0;
     color: #303336;
     font-weight: 600;
     margin-bottom: 3px;
 }
 
 .tutorprofile__subsection--grey p {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 16px;
     font-size: 1rem;
     line-height: 20px;
     line-height: 1.25rem;
     color: #303336;
     font-weight: 400;
     line-height: 1.38;
 }
 
 .tutorprofile__video {
     height: 0;
     margin-bottom: 32px;
     margin-top: 0;
     padding-bottom: 53%;
     position: relative;
 }
 
 .tutorprofile__video iframe {
     width: 100%;
     height: 100%;
     position: absolute;
     display: block;
     top: 0;
     left: 0;
 }
 
 .tutorprofile__details:first-of-type {
     margin: 52px 0;
 }
 
 @media (max-width: 615px) {
     .tutorprofile__details {
         height: 180px;
     }
 }
 
 @media (max-width: 575px) {
     .tutorprofile__details {
         height: 200px;
     }
 }
 
 @media (max-width: 400px) {
     .tutorprofile__details {
         height: 220px;
     }
     .tutorprofile__details:first-of-type {
         margin: 24px 0 0 0;
     }
 }
 
 .tutorprofile__table {
     margin-top: 18px;
 }
 
 @media (max-width: 708px) {
     .tutorprofile__table {
         margin-top: 12px;
     }
 }
 
 @media (max-width: 708px) {
     .tutorprofile__table--subjects table thead {
         display: none;
     }
 }
 
 .tutorprofile__responsivecontact {
     z-index: 1;
 }
 
 @media (max-width: 708px) {
     .tutorprofile__responsivecontact {
         position: fixed;
         left: 0;
         right: 0;
         bottom: 0;
         margin: 0;
         padding: 1em;
         background-color: #fff;
     }
 }
 
 .tutorprofile__responsivecontact .contact {
     display: none;
 }
 
 @media (max-width: 992px) {
     .tutorprofile__responsivecontact .contact {
         display: block;
     }
 }
 
 .tutorprofile__responsivecontact .shortlist {
     float: right;
 }
 
 @media (max-width: 708px) {
     .tutorprofile__responsivecontact .shortlist {
         display: none;
     }
 }
 
 .modal.wide .tutorprofile__subsection--border {
     margin-bottom: 15px;
     padding: 0 0 20px;
     min-height: 100px;
 }
 
 .modal.wide .tutormeta__avatar .profileimage {
     width: 100px;
     height: 100px;
 }
 
 .modal.wide .tutormeta__details {
     padding-top: 15px;
     padding-left: 15px;
     width: auto;
 }
 
 .modal.wide .tutormeta__name {
     font-size: 1.125em;
     line-height: 1.125em;
     width: auto;
 }
 
 .modal.wide .tutormeta__degree {
     font-size: 0.875em;
     line-height: 1.25em;
 }
 
 .modal.extrawide .tutorprofile__details:first-of-type {
     margin: 1em 0;
 }
 
 .tutorreviews__overall {
     border-top: solid 1px #dcdae2;
     border-bottom: solid 1px #dcdae2;
     display: flex;
     margin-bottom: 25px;
     padding: 16px 0;
     justify-content: space-between;
 }
 
 @media (max-width: 708px) {
     .tutorreviews__overall {
         margin-top: 10px;
         margin-bottom: 15px;
     }
 }
 
 .tutorreviews__overall:after {
     content: none;
 }
 
 .tutorreviews__overall .value {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 18px;
     font-size: 1.125rem;
     line-height: 24px;
     line-height: 1.5rem;
     color: #303336;
     font-weight: 400;
     font-size: 68px;
     color: #f9cf00;
     margin-right: 11px;
     line-height: 1.25em;
 }
 
 @media (max-width: 708px) {
     .tutorreviews__overall .value {
         font-size: 48px;
     }
 }
 
 .tutorreviews__overall .count {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 18px;
     font-size: 1.125rem;
     line-height: 24px;
     line-height: 1.5rem;
     color: #303336;
     font-weight: 400;
     font-style: italic;
     top: 0px;
     position: relative;
     display: inline-block;
 }
 
 .tutorreviews__write {
     margin-bottom: 25px;
 }
 
 .tutorreviews__header {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 18px;
     font-size: 1.125rem;
     line-height: 24px;
     line-height: 1.5rem;
     color: #303336;
     font-weight: 400;
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-weight: 600;
     margin-bottom: 3px;
 }
 
 @media (max-width: 708px) {
     .tutorreviews__header {
         font-family: "Source Sans Pro", sans-serif;
         font-size: 16px;
         font-size: 1rem;
         line-height: 20px;
         line-height: 1.25rem;
         color: #303336;
         font-weight: 400;
         font-family: "Modelica", "Source Sans Pro", sans-serif;
         font-weight: 600;
     }
 }
 
 .tutorreviews__stars {
     display: inline-block;
     vertical-align: middle;
     margin: 3px 0;
 }
 
 .tutorreviews__stars .inputRegion {
     margin-bottom: 0;
 }
 
 .tutorreviews__stars .ui-rating-star {
     font-size: 36px;
     text-indent: 0;
 }
 
 .tutorreviews__stars .ui-rating-star a {
     background-image: none;
     width: 36px;
     height: 36px;
     margin: 0 0.5px;
 }
 
 .tutorreviews__stars .ui-rating-star a:after {
     content: "★";
     color: #dcdae2;
     vertical-align: middle;
 }
 
 .tutorreviews__stars .ui-rating-star-on a:after {
     color: #f9cf00;
 }
 
 .tutorreviews__action {
     float: right;
     color: #8d89aa;
 }
 
 .questioncard {
     margin-bottom: 40px;
 }
 
 .questioncard__title {
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 16px;
     font-size: 1rem;
     line-height: 20px;
     line-height: 1.25rem;
     font-weight: 700;
     letter-spacing: 0;
     margin-bottom: 10px;
     margin-top: 26px;
 }
 
 @media (max-width: 708px) {
     .questioncard__title {
         margin-bottom: 5px;
     }
 }
 
 .questioncard__body,
 .questioncard__body p {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 17px;
     font-size: 1.0625rem;
     line-height: 20px;
     line-height: 1.25rem;
     color: #303336;
     font-weight: 400;
     color: #67657d;
     line-height: initial;
     margin-bottom: 5px;
     display: block;
     word-break: break-word;
     white-space: pre-line;
 }
 
 @media (max-width: 708px) {
     .questioncard__body,
     .questioncard__body p {
         font-family: "Source Sans Pro", sans-serif;
         font-size: 16px;
         font-size: 1rem;
         line-height: 20px;
         line-height: 1.25rem;
         color: #303336;
         font-weight: 400;
         color: #67657d;
     }
 }
 
 .questioncard__meta {
     margin-top: 17px;
 }
 
 @media (max-width: 708px) {
     .questioncard__meta {
         margin-top: 10px;
     }
 }
 
 .questioncard__meta p {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 14px;
     font-size: 0.875rem;
     line-height: 18px;
     line-height: 1.125rem;
     font-weight: 600;
     letter-spacing: 0;
     color: #8d89aa;
     font-weight: 400;
     display: inline-block;
 }
 
 @media (max-width: 708px) {
     .questioncard__meta p {
         font-family: "Source Sans Pro", sans-serif;
         font-size: 12px;
         font-size: 0.75rem;
         line-height: 16px;
         line-height: 1rem;
         font-weight: 600;
         letter-spacing: 0;
         font-weight: 400;
     }
 }
 
 .questioncard__meta .right {
     float: right;
 }
 
 .questioncard__like {
     margin-left: 20px;
     font-family: "Source Sans Pro", sans-serif;
     font-size: 17px;
     font-size: 1.0625rem;
     line-height: 20px;
     line-height: 1.25rem;
     color: #303336;
     font-weight: 400;
     border: 0;
     color: #67657d;
     padding-left: 28px;
     background: #fff;
     position: relative;
     border: none !important;
 }
 
 .questioncard__like span {
     padding: 0 !important;
 }
 
 .questioncard__like:before {
     width: 20px;
     height: 20px;
     left: 0;
     top: 0;
     background-image: url("//cdn.mytutor.co.uk/images/uploads/like.svg");
     background-repeat: no-repeat;
     background-size: contain;
     content: "";
     display: inline-block;
     position: absolute;
 }
 
 .questioncard__like span {
     padding: 0;
 }
 
 .questioncard__like--is-selected {
     color: #32cf3a;
 }
 
 .tiles__urgentheader {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 16px;
     font-size: 1rem;
     line-height: 20px;
     line-height: 1.25rem;
     color: #303336;
     font-weight: 400;
     background-color: #fcf0cc;
     box-sizing: content-box;
     margin: 0 5px;
 }
 
 .tiles__table--urgent {
     border: 3px solid #fcf0cc;
 }
 
 .tiles__table--urgent .ui-datatable-header {
     font-size: 1.1rem;
     text-align: left;
     background-color: #fcf0cc;
     color: #303336;
 }
 
 .tiles__table--urgent .ui-datatable-header a {
     color: inherit;
     font-weight: inherit;
 }
 
 .tiles__table--urgent .ui-datatable-header a:hover {
     text-decoration: underline;
 }
 
 .tiles__table--urgent .ui-datatable-header div {
     display: flex;
     flex-flow: row wrap;
 }
 
 .tiles__table--urgent .ui-datatable-header div div.img {
     flex: 0 0 50px;
     align-self: center;
 }
 
 .tiles__table--urgent .ui-datatable-header div div.txt {
     flex: 1 1;
     align-self: center;
 }
 
 @media (max-width: 708px) {
     .tiles__table--urgent .ui-datatable-header {
         padding: 5px 10px !important;
     }
 }
 
 .tiles__table--urgent .ui-datatable-tablewrapper {
     padding: 0 5px;
 }
 
 @media (max-width: 708px) {
     .tiles__table--urgent {
         border-width: 3px 0;
     }
     .tiles__table--urgent .ui-datatable-tablewrapper {
         padding: inherit;
     }
 }
 
 .tiles__table--noturgent .ui-datatable-header {
     font-size: 1.1rem;
     padding: 10px 7px !important;
     text-align: left;
     color: #303336;
     border-bottom: 1px solid #dcdae2;
 }
 
 @media (max-width: 708px) {
     .tiles__table--noturgent .ui-datatable-header {
         padding: 10px 20px !important;
     }
 }
 
 .allowed-upcoming-rs-progress {
     background-color: #f5f4f7;
     color: #303336;
     padding: 0.3rem 1rem;
 }
 
 .allowed-upcoming-rs-progress .ui-progressbar {
     height: 5px;
     background-color: #dcdae2;
 }
 
 .allowed-upcoming-rs-progress .ui-progressbar .ui-progressbar-value {
     background-color: #1e7e46;
 }
 
 .allowed-upcoming-rs-progress .ui-progressbar.empty .ui-progressbar-value {
     background-color: #ed5d40;
 }
 
 @media (max-width: 992px) {
     .allowed-upcoming-rs-progress .ui-progressbar {
         margin-top: 0.8rem;
     }
 }
 
 @media (max-width: 708px) {
     .allowed-upcoming-rs-progress .ui-progressbar {
         margin-top: inherit;
     }
 }
 
 .reviewcard {
     margin-bottom: 17px;
     padding-bottom: 17px;
     border-bottom: solid 1px #dcdae2;
 }
 
 @media (max-width: 708px) {
     .reviewcard {
         margin-bottom: 10px;
         padding-bottom: 10px;
     }
 }
 
 .reviewcard--testimonials {
     margin-bottom: 0;
     padding: 26px 0;
 }
 
 @media (max-width: 708px) {
     .reviewcard--testimonials {
         padding: 22px 0;
     }
 }
 
 .reviewcard--border-top:first-of-type {
     border-top: solid 1px #dcdae2;
 }
 
 .reviewcard__rating {
     margin-bottom: 3px;
 }
 
 .reviewcard__rating .stars {
     display: inline-block;
     vertical-align: middle;
 }
 
 .reviewcard__rating .stars .star {
     display: inline-block;
 }
 
 .reviewcard__rating .stars .selected {
     color: #f9cf00;
 }
 
 .reviewcard__rating .stars .unselected {
     color: #fcf0cc;
 }
 
 .reviewcard__stars {
     display: inline-block;
     vertical-align: text-bottom;
     margin-right: 10px;
 }
 
 .reviewcard__stars .inputRegion {
     margin-bottom: 0;
 }
 
 .reviewcard__stars .ui-rating-star {
     font-size: 18px;
     text-indent: 0;
 }
 
 .reviewcard__stars .ui-rating-star a {
     background-image: none;
     width: 18px;
     height: 18px;
     margin: 0 0.5px;
 }
 
 .reviewcard__stars .ui-rating-star a:after {
     content: "★";
     color: #dcdae2;
     vertical-align: top;
 }
 
 .reviewcard__stars .ui-rating-star-on a:after {
     color: #f9cf00;
 }
 
 .reviewcard__name {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 18px;
     font-size: 1.125rem;
     line-height: 24px;
     line-height: 1.5rem;
     color: #303336;
     font-weight: 400;
     font-weight: 600;
     display: inline-block;
 }
 
 @media (max-width: 708px) {
     .reviewcard__name {
         font-family: "Source Sans Pro", sans-serif;
         font-size: 16px;
         font-size: 1rem;
         line-height: 20px;
         line-height: 1.25rem;
         color: #303336;
         font-weight: 400;
         font-weight: 600;
     }
 }
 
 .reviewcard__name--header {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 16px;
     font-size: 1rem;
     line-height: 20px;
     line-height: 1.25rem;
     color: #303336;
     font-weight: 400;
     font-weight: 600;
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     margin-bottom: 2px;
 }
 
 .reviewcard__name--header-large {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 18px;
     font-size: 1.125rem;
     line-height: 24px;
     line-height: 1.5rem;
     color: #303336;
     font-weight: 400;
     font-weight: 600;
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     margin-bottom: 3px;
 }
 
 .reviewcard__name--header-large span {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 14px;
     font-size: 0.875rem;
     line-height: 18px;
     line-height: 1.125rem;
     font-weight: 600;
     letter-spacing: 0;
     font-weight: normal;
     color: #67657d;
     margin-left: 7px;
 }
 
 @media (max-width: 708px) {
     .reviewcard__name--header-large {
         font-family: "Source Sans Pro", sans-serif;
         font-size: 16px;
         font-size: 1rem;
         line-height: 20px;
         line-height: 1.25rem;
         color: #303336;
         font-weight: 400;
         font-weight: 600;
         font-family: "Modelica", "Source Sans Pro", sans-serif;
     }
 }
 
 .reviewcard__time {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 18px;
     font-size: 1.125rem;
     line-height: 24px;
     line-height: 1.5rem;
     color: #303336;
     font-weight: 400;
     color: #67657d;
     margin-left: 5px;
     display: inline-block;
 }
 
 .reviewcard__time--small {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 16px;
     font-size: 1rem;
     line-height: 20px;
     line-height: 1.25rem;
     color: #303336;
     font-weight: 400;
     color: #8d89aa;
     margin-left: 0;
 }
 
 @media (max-width: 708px) {
     .reviewcard__time--small {
         font-family: "Source Sans Pro", sans-serif;
         font-size: 14px;
         font-size: 0.875rem;
         line-height: 16px;
         line-height: 1rem;
         color: #303336;
         font-weight: 400;
         color: #67657d;
     }
 }
 
 .reviewcard__pin,
 .reviewcard__pin:hover {
     color: #32cf3a;
 }
 
 .reviewcard__pin img,
 .reviewcard__pin:hover img {
     vertical-align: middle;
 }
 
 .reviewcard__pin span,
 .reviewcard__pin:hover span {
     margin-right: 5px;
 }
 
 .reviewcard__cancel img {
     width: 16px;
     height: 16px;
     vertical-align: middle;
     margin-right: 10px;
 }
 
 .reviewcard__comment {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 17px;
     font-size: 1.0625rem;
     line-height: 20px;
     line-height: 1.25rem;
     color: #303336;
     font-weight: 400;
     color: #67657d;
     margin-top: 3px;
     line-height: initial;
     word-break: break-word;
     white-space: pre-line;
 }
 
 @media (max-width: 708px) {
     .reviewcard__comment {
         font-family: "Source Sans Pro", sans-serif;
         font-size: 16px;
         font-size: 1rem;
         line-height: 20px;
         line-height: 1.25rem;
         color: #303336;
         font-weight: 400;
         color: #67657d;
     }
 }
 
 .reviewcard__response {
     margin-top: 28px;
     margin-left: 36px;
 }
 
 @media (max-width: 708px) {
     .reviewcard__response {
         margin-left: 18px;
     }
 }
 
 .reviewcard__response textarea {
     position: relative;
     right: 2px;
     margin-top: -2px;
     margin-bottom: 4px;
     padding-left: 5px;
 }
 
 .reviewcard__action {
     float: right;
     color: #8d89aa;
 }
 
 .reviewcard__quote {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 18px;
     font-size: 1.125rem;
     line-height: 24px;
     line-height: 1.5rem;
     color: #303336;
     font-weight: 400;
     color: #545174;
     font-style: italic;
     margin-bottom: 18px;
 }
 
 @media (max-width: 708px) {
     .reviewcard__quote {
         font-family: "Source Sans Pro", sans-serif;
         font-size: 16px;
         font-size: 1rem;
         line-height: 20px;
         line-height: 1.25rem;
         color: #303336;
         font-weight: 400;
         color: #545174;
     }
 }
 
 .reviewcard__quote--small-margin {
     margin-bottom: 12px;
 }
 
 .reviewcard__degree {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 16px;
     font-size: 1rem;
     line-height: 20px;
     line-height: 1.25rem;
     color: #303336;
     font-weight: 400;
     color: #67657d;
 }
 
 @media (max-width: 992px) {
     .reviewcard__degree {
         font-family: "Source Sans Pro", sans-serif;
         font-size: 14px;
         font-size: 0.875rem;
         line-height: 16px;
         line-height: 1rem;
         color: #303336;
         font-weight: 400;
         color: #67657d;
     }
 }
 
 .reviewcard__tutor {
     display: inline-block;
     width: calc(100% - 85px);
     padding-left: 20px;
     padding-right: 40px;
     box-sizing: border-box;
     vertical-align: top;
 }
 
 @media (max-width: 1268px) {
     .reviewcard__tutor {
         width: calc(100% - 65px);
         padding-left: 15px;
     }
 }
 
 @media (max-width: 992px) {
     .reviewcard__tutor {
         max-width: 250px;
         margin-top: 16px;
         padding-right: 0;
     }
 }
 
 @media (max-width: 708px) {
     .reviewcard__tutor {
         width: calc(100% - 45px);
         padding-left: 12px;
         max-width: none;
     }
 }
 
 .reviewcard__avatar {
     width: 80px;
     height: 80px;
     border-radius: 100%;
     overflow: hidden;
     display: inline-block;
 }
 
 @media (max-width: 1268px) {
     .reviewcard__avatar {
         width: 60px;
         height: 60px;
     }
 }
 
 @media (max-width: 992px) {
     .reviewcard__avatar {
         margin-top: 16px;
     }
 }
 
 @media (max-width: 708px) {
     .reviewcard__avatar {
         width: 40px;
         height: 40px;
     }
 }
 
 .dbs {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 18px;
     font-size: 1.125rem;
     line-height: 24px;
     line-height: 1.5rem;
     color: #303336;
     font-weight: 400;
     background-color: #f5f4f7;
     display: inline-block;
     padding: 10px 12px;
     min-width: 230px;
     box-sizing: border-box;
 }
 
 @media (max-width: 358px) {
     .dbs {
         min-width: 100%;
     }
 }
 
 .dbs__date {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 14px;
     font-size: 0.875rem;
     line-height: 18px;
     line-height: 1.125rem;
     font-weight: 600;
     letter-spacing: 0;
     font-weight: 400;
     color: #67657d;
     display: block;
 }
 
 .dbs__type {
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 16px;
     font-size: 1rem;
     line-height: 20px;
     line-height: 1.25rem;
     font-weight: 700;
     letter-spacing: 0;
     font-weight: 400;
     color: #303336;
     white-space: nowrap;
 }
 
 .dbs__details {
     padding-left: 10px;
     display: inline-block;
     width: calc(100% - 50px);
     vertical-align: middle;
 }
 
 .dbs img {
     display: inline-block;
     width: 34px;
     height: 34px;
     vertical-align: middle;
     overflow: hidden;
 }
 
 .dbs--disabled {
     background-color: transparent;
     padding: 0;
 }
 
 .dbs--disabled .dbs__type {
     color: #8d89aa;
     font-weight: 600;
     margin-bottom: 0;
 }
 
 .sidebarform__header {
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 20px;
     font-size: 1.25rem;
     line-height: 28px;
     line-height: 1.75rem;
     font-weight: 700;
     letter-spacing: 0;
     font-weight: 600;
     color: #303336;
     text-align: center;
     margin-bottom: 15px;
 }
 
 .sidebarform .checkbox.inputRegion {
     margin-top: 5px;
 }
 
 .sidebarform textarea {
     padding-bottom: 60px;
 }
 
 .sidebarform__hiddenform {
     display: none;
     margin-bottom: 12px;
     width: 100%;
 }
 
 .sidebarform__info {
     background-color: #fcf0cc;
     margin-bottom: 12px;
     padding: 10px 15px;
 }
 
 .sidebarform__info img {
     width: 34px;
     display: inline-block;
     vertical-align: top;
 }
 
 .sidebarform__info p {
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 16px;
     font-size: 1rem;
     line-height: 20px;
     line-height: 1.25rem;
     font-weight: 700;
     letter-spacing: 0;
     display: inline-block;
     width: calc(100% - 40px);
     padding-left: 10px;
     box-sizing: border-box;
     font-weight: 600;
 }
 
 .sidebarform__saveprofile {
     text-align: center;
     margin-top: 18px;
     float: none;
     padding: 0;
 }
 
 .sidebarform__saveprofile a {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 18px;
     font-size: 1.125rem;
     line-height: 24px;
     line-height: 1.5rem;
     color: #303336;
     font-weight: 400;
     color: #542eff;
     font-weight: 600;
 }
 
 .sidebarform__footer {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 16px;
     font-size: 1rem;
     line-height: 20px;
     line-height: 1.25rem;
     color: #303336;
     font-weight: 400;
     color: #67657d;
     margin-top: 15px;
     text-align: center;
 }
 
 @media (max-width: 1100px) {
     .sidebarform--secure .sidebarform__header {
         font-family: "Modelica", "Source Sans Pro", sans-serif;
         font-size: 20px;
         font-size: 1.25rem;
         line-height: 28px;
         line-height: 1.75rem;
         font-weight: 700;
         letter-spacing: 0;
         color: #303336;
         margin-bottom: 14px;
     }
     .sidebarform--secure .sidebarform__saveprofile a {
         font-family: "Source Sans Pro", sans-serif;
         font-size: 16px;
         font-size: 1rem;
         line-height: 20px;
         line-height: 1.25rem;
         color: #303336;
         font-weight: 400;
         color: #542eff;
         font-weight: 600;
     }
 }
 
 .teacherresources__table.selected .tile__action__wrapper {
     display: none;
 }
 
 .teacherresources__upload .ui-fileupload-buttonbar {
     padding: 0;
     border: 0;
     background: 0;
 }
 
 .teacherresources__upload .ui-fileupload-choose .ui-button-text {
     display: block !important;
     padding: 0;
     text-shadow: none;
 }
 
 .teacherresources__emptystate {
     text-align: center;
     padding: 20px;
 }
 
 .teacherresources__selectall {
     display: inline-block;
     margin-left: 8px;
     margin-bottom: 0;
     vertical-align: middle;
 }
 
 .teacherresources__sharemodal footer {
     bottom: 0;
     position: absolute;
     left: 0;
     right: 0;
 }
 
 .teacherresources__sharemodal__body {
     height: 250px;
     overflow-y: scroll;
 }
 
 .teacherresources__sharemodal form {
     position: relative;
     padding-bottom: 70px;
 }
 
 .teacherresources__sharemodal form .ui-chkbox .ui-chkbox-box {
     display: none;
 }
 
 .teacherresources__sharemodal form .ui-chkbox .ui-helper-hidden-accessible {
     position: relative;
 }
 
 .teacherresources__selectone {
     margin-bottom: 20px;
 }
 
 .teacherresources__selectone .ui-button {
     margin-right: 5px;
 }
 
 .teacherresources__selectionbanner {
     background: #542eff;
     text-align: left;
     color: #fff;
     font-weight: 600;
 }
 
 @media (max-width: 708px) {
     .teacherresources__selectionbanner {
         margin: 0 10px;
     }
 }
 
 .teacherresources__selectionbanner>div {
     padding: 10px 15px;
     margin-bottom: 16px;
 }
 
 .teacherresources__selectionbanner img {
     vertical-align: middle;
 }
 
 .teacherresources__selectionbanner span a:first-of-type {
     margin-right: 12px;
 }
 
 .teacherresources__selectionbanner a {
     color: #fff;
     font-weight: 600;
 }
 
 .teacherresources__selectionbanner a:hover {
     color: #fff;
 }
 
 .teacherresources__selectionbanner a .fa {
     color: #fff;
     margin-right: 3px;
 }
 
 .teachersessions__cancelmodal {
     text-align: center;
 }
 
 .teachersessions__cancelmodal__header1 {
     font-size: 22px;
     font-weight: 600;
     line-height: 1.27;
     letter-spacing: -0.2px;
     color: #0b5492;
 }
 
 .teachersessions__cancelmodal__header2 {
     font-size: 18px;
     line-height: 1.33;
     color: #67657d;
 }
 
 .teachersessions__cancelmodal__body {
     padding: 10px 0 10px 0;
     background-color: #f5f4f7;
     max-height: 250px;
     overflow-y: auto;
 }
 
 .teachersessions__cancelmodal__body table {
     width: 100%;
 }
 
 .teachersessions__cancelmodal__body tr {
     color: #303336;
 }
 
 .teachersessions__cancelmodal__body tr.willstartsoon {
     color: #a80f0a;
 }
 
 .teachersessions__cancelmodal__body td {
     white-space: nowrap;
     text-align: left;
     padding: 5px;
 }
 
 .teachersessions__selectionbanner {
     background: #542eff;
     text-align: left;
     color: #fff;
     font-weight: 600;
     padding: 10px 15px;
     margin-bottom: 16px;
 }
 
 @media (max-width: 708px) {
     .teachersessions__selectionbanner {
         margin: 0 10px;
     }
 }
 
 .teachersessions__selectionbanner img {
     vertical-align: middle;
 }
 
 .teachersessions__selectionbanner span a:first-of-type {
     margin-right: 12px;
 }
 
 .teachersessions__selectionbanner a {
     color: #fff;
     font-weight: 600;
 }
 
 .teachersessions__selectionbanner a:hover {
     color: #fff;
 }
 
 .teachersessions__selectionbanner a .fa {
     color: #fff;
     margin-right: 3px;
 }
 
 .teacherstudents__replacepupilmodal .backarrow {
     position: absolute;
     top: 1.25em;
     left: 1.25em;
     padding: 0;
 }
 
 .teacherstudents__replacepupilmodal__avatartable {
     margin: auto;
 }
 
 .teacherstudents__replacepupilmodal__avatartable span {
     vertical-align: inherit !important;
 }
 
 .teacherstudents__replacepupilmodal__avatartable img {
     vertical-align: inherit !important;
 }
 
 .teacherstudents__replacepupilmodal__avatartable td.arrow {
     padding-right: 12px;
     vertical-align: middle !important;
 }
 
 .teacherstudents__replacepupilmodal__header1 {
     text-align: center;
     font-size: 1.1rem;
     line-height: 1.33;
     color: #303336;
 }
 
 .teacherstudents__replacepupilmodal__bodywrapper {
     max-height: 250px;
     margin-bottom: 1em;
     overflow-y: auto;
 }
 
 .teacherstudents__replacepupilmodal__body {
     padding: 0.5rem 0.5rem 0.5rem 0.5rem;
     background-color: #f5f4f7;
     color: #303336;
     line-height: 1.75;
 }
 
 .teacherstudents__replacepupilmodal__body table {
     width: 100%;
 }
 
 .teacherstudents__replacepupilmodal__body table tr {
     text-align: left;
     vertical-align: middle;
 }
 
 .teacherstudents__replacepupilmodal__body table tr td .ui-radiobutton {
     margin-top: -0.3rem;
 }
 
 .teacherstudents__replacepupilmodal__body table tr td .ui-outputlabel {
     display: inline-block;
     padding-left: 0.5rem;
 }
 
 .teacherstudents__replacepupilmodal__body table tr td.timeclash {
     color: #67657d;
 }
 
 .teacherstudents__replacepupilmodal__body table tr td.timeclash label {
     color: #67657d;
 }
 
 .teacherstudents__replacepupilmodal__body table tr td.timeclash img {
     vertical-align: middle;
     padding-left: 0.5rem;
 }
 
 .teacherstudents__replacepupilmodal__body__sessiondate {
     line-height: 1.2;
 }
 
 .teacherstudents__removepupilmodal__header1 {
     font-size: 1.2rem;
     line-height: 1.27;
     letter-spacing: -0.2px;
     color: #0b5492;
 }
 
 .teacherstudents__removepupilmodal__header2 {
     font-size: 1.1rem;
     line-height: 1.33;
     color: #67657d;
 }
 
 .attachButton .ui-fileupload-content {
     padding: 0;
     position: fixed;
     top: 60px;
     right: 10px;
     z-index: 9997;
     max-width: 350px;
 }
 
 .attachButton .ui-fileupload-content .ui-fileupload-files {
     background: white;
     visibility: visible;
 }
 
 .attachButton .ui-fileupload-content .ui-fileupload-files>div {
     display: block;
     background-color: white;
     position: fixed;
     right: 0;
     top: 68px;
 }
 
 .attachButton .ui-fileupload-content .ui-fileupload-row {
     display: table-row;
 }
 
 .attachButton .ui-fileupload-content .ui-fileupload-row .ui-fileupload-preview,
 .attachButton .ui-fileupload-content .ui-fileupload-row .ui-fileupload-cancel {
     display: none !important;
 }
 
 .attachButton .ui-fileupload-content .ui-fileupload-row>div {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 16px;
     font-size: 1rem;
     line-height: 20px;
     line-height: 1.25rem;
     color: #303336;
     font-weight: 400;
 }
 
 .attachButton .ui-fileupload-content .ui-fileupload-row div.ui-fileupload-preview+div,
 .attachButton .ui-fileupload-content .ui-fileupload-row .ui-fileupload-progress {
     position: static;
     bottom: 0;
     left: 0;
     display: inline-block !important;
     width: 12em;
     white-space: nowrap;
     font-size: 0.938em;
     overflow: hidden;
     text-overflow: ellipsis;
     vertical-align: top;
 }
 
 .attachButton .ui-fileupload-content .ui-fileupload-row .ui-progressbar {
     top: 0;
     width: 100%;
     height: 8px;
     border: 0;
     background-color: #ebedf0;
 }
 
 .attachButton .ui-fileupload-content .ui-fileupload-row .ui-progressbar-value {
     height: 8px;
     margin: 0;
     border: 0;
     background: #32cf3a;
     box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.06);
 }
 
 .attachButton .ui-fileupload-content .ui-messages {
     visibility: visible;
 }
 
 .attachButton .ui-fileupload-content .ui-messages-close {
     float: left;
     width: 12px;
     height: 12px;
     display: inline-block;
     background-size: container;
     background-image: url("//cdn.mytutor.co.uk/images/uploads/close-grey.svg");
     background-repeat: no-repeat;
     background-size: contain;
     padding: 0;
 }
 
 .attachButton .ui-fileupload-content .ui-messages-close:hover {
     background: transparent;
 }
 
 .attachButton .ui-fileupload-content .ui-messages-error-icon,
 .attachButton .ui-fileupload-content .ui-icon {
     display: none;
 }
 
 .attachButton .ui-fileupload-content .ui-messages-error-detail {
     display: block;
 }
 
 .attachButton .ui-fileupload-content ul {
     margin: 0 16px;
 }
 
 .attachButton .ui-fileupload-content li {
     white-space: pre-line;
 }
 
 .tutorcard {
     width: 100%;
     height: 100%;
     padding-left: 0;
     padding-top: 36px;
     box-sizing: border-box;
     position: relative;
     max-width: 320px;
     display: flex;
     flex-direction: column;
     background-color: white;
     box-shadow: 0 1px 3px 0 rgba(63, 63, 68, 0.15), 0 0 0 1px rgba(63, 63, 68, 0.05);
 }
 
 @media (max-width: 992px) {
     .tutorcard {
         max-width: none;
         background-color: #fff;
         height: 77px;
         padding: 0;
         border-bottom: 1px solid rgba(63, 63, 68, 0.15);
         z-index: 9994;
         position: fixed;
         left: 0;
         top: 0;
     }
 }
 
 .tutorcard__profile {
     box-shadow: 0 3px 3px -3px rgba(63, 63, 68, 0.15);
     padding: 0 1em 1em;
     z-index: 1;
 }
 
 @media (max-width: 992px) {
     .tutorcard__profile {
         box-shadow: none;
         display: flex;
         align-items: center;
         padding: 1em;
     }
 }
 
 @media (max-width: 708px) {
     .tutorcard__profile {
         padding: 1em 0.5em;
     }
 }
 
 .tutorcard__profile__avatar {
     width: 80px;
     height: 80px;
     border-radius: 100%;
     display: inline-block;
     vertical-align: top;
     margin-bottom: 20px;
     overflow: hidden;
 }
 
 @media (max-width: 1268px) {
     .tutorcard__profile__avatar {
         width: 60px;
         height: 60px;
     }
 }
 
 @media (max-width: 992px) {
     .tutorcard__profile__avatar {
         width: 40px;
         height: 40px;
         margin-bottom: 0;
         vertical-align: middle;
     }
 }
 
 .tutorcard__profile__back {
     margin-right: 13px;
     vertical-align: middle;
 }
 
 @media (max-width: 708px) {
     .tutorcard__profile__back {
         margin-right: 6px;
     }
 }
 
 .tutorcard__profile__back:before {
     content: "";
     display: inline-block;
     position: relative;
     background-image: url("//cdn.mytutor.co.uk/images/uploads/backarrow.svg");
     background-repeat: no-repeat;
     background-size: contain;
     width: 16px;
     height: 16px;
     vertical-align: middle;
 }
 
 .tutorcard__profile__img {
     text-align: center;
 }
 
 .tutorcard__profile__meta {
     display: block;
     text-align: center;
     box-sizing: border-box;
 }
 
 @media (max-width: 992px) {
     .tutorcard__profile__meta {
         width: 100%;
         padding-left: 8px;
         text-align: left;
     }
 }
 
 @media (max-width: 708px) {
     .tutorcard__profile__meta {
         padding-left: 5px;
     }
 }
 
 .tutorcard__profile__actions {
     display: block;
     width: 100%;
 }
 
 .tutorcard__profile__name {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 18px;
     font-size: 1.125rem;
     line-height: 24px;
     line-height: 1.5rem;
     color: #303336;
     font-weight: 400;
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     font-weight: 600;
 }
 
 .tutorcard__profile__name a {
     color: #542eff;
 }
 
 .tutorcard__profile__bio {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 16px;
     font-size: 1rem;
     line-height: 20px;
     line-height: 1.25rem;
     color: #303336;
     font-weight: 400;
     margin-bottom: 20px;
 }
 
 @media (max-width: 992px) {
     .tutorcard__profile__bio {
         margin-bottom: 0;
     }
 }
 
 .tutorcard__profile__price {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 16px;
     font-size: 1rem;
     line-height: 20px;
     line-height: 1.25rem;
     color: #303336;
     font-weight: 400;
     font-weight: 600;
     margin-bottom: 8px;
 }
 
 @media (max-width: 992px) {
     .tutorcard__profile__price {
         display: inline-block;
         margin-bottom: 0;
         vertical-align: middle;
     }
 }
 
 @media (max-width: 992px) {
     .tutorcard__profile__ratings {
         display: inline-block;
         margin-left: 8px;
     }
 }
 
 @media (max-width: 708px) {
     .tutorcard__profile__ratings {
         display: block;
         max-width: calc(100% - 100px);
         overflow: hidden;
         white-space: nowrap;
         margin-left: 0;
         margin-top: 0.1rem;
         overflow: hidden;
         vertical-align: middle;
     }
 }
 
 .tutorcard__profile__ratings .guarantee img {
     vertical-align: middle;
 }
 
 .tutorcard__profile__ratings p {
     display: inline-block;
 }
 
 .tutorcard__profile__ratings .value {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 16px;
     font-size: 1rem;
     line-height: 20px;
     line-height: 1.25rem;
     color: #303336;
     font-weight: 400;
     line-height: 17px;
     color: #fff;
     background-color: #f9cf00;
     padding: 0 3px 1px 3px;
     display: inline-block;
     vertical-align: middle;
     font-weight: 600;
 }
 
 .tutorcard__profile__ratings .stars {
     display: inline-block;
     margin-left: 3px;
     vertical-align: top;
 }
 
 .tutorcard__profile__ratings .stars .star {
     display: inline-block;
     vertical-align: middle;
 }
 
 .tutorcard__profile__ratings .stars .star svg {
     width: 13px;
     height: 13px;
 }
 
 .tutorcard__profile__ratings .stars .selected polygon {
     fill: #f9cf00;
 }
 
 .tutorcard__profile__ratings .stars .unselected polygon {
     fill: #cac9d8;
 }
 
 .tutorcard__bookings {
     scrollbar-width: none;
 }
 
 .tutorcard__bookings::-webkit-scrollbar {
     display: none;
 }
 
 @media (max-width: 992px) {
     .tutorcard__bookings {
         overflow-y: scroll;
         height: calc(100vh - 77px);
         display: none;
         border-top: 1px solid #dcdae2;
         background: #fff;
     }
 }
 
 .tutorcard__bookings__trigger {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 18px;
     font-size: 1.125rem;
     line-height: 24px;
     line-height: 1.5rem;
     color: #303336;
     font-weight: 400;
     display: inline-block;
     float: right;
     cursor: pointer;
     color: #303336;
     font-weight: 600;
     padding-right: 3px;
 }
 
 .tutorcard__bookings__trigger:after {
     border-bottom: 2px solid #67657d;
     border-right: 2px solid #67657d;
     box-sizing: initial;
     content: "";
     height: 6px;
     position: absolute;
     right: 0;
     top: 6px;
     transform: rotate(45deg);
     width: 6px;
 }
 
 @media (max-width: 992px) {
     .tutorcard__bookings__trigger:after {
         display: inline-block;
         margin-bottom: 5px;
         margin-left: 8px;
         position: relative;
         right: auto;
         top: auto;
         vertical-align: middle;
     }
 }
 
 .tutorcard__bookings__trigger--open:after {
     transform: rotate(225deg);
 }
 
 @media (max-width: 320px) {
     .tutorcard__bookings__trigger a {
         display: none;
     }
 }
 
 .tutorcard__bookings__trigger .unread {
     margin-left: 0.5em;
     background-color: #e85dcc;
     font-family: "Source Sans Pro", sans-serif;
     font-size: 0.875em;
     font-weight: 600;
     border-radius: 20px;
     color: #fff;
     padding: 0 7px 1px 7px;
 }
 
 .tutorcard__bookings__actions {
     padding: 0 1em;
 }
 
 .tutorcard__bookings__actions>div {
     margin-bottom: 1em;
 }
 
 @media (max-width: 992px) {
     .tutorcard__bookings__actions {
         padding: 0;
     }
     .tutorcard__bookings__actions>div {
         display: flex;
         margin-bottom: 0.5em;
     }
     .tutorcard__bookings__actions .r_button,
     .tutorcard__bookings__actions .teacherresources__upload .ui-fileupload-choose,
     .teacherresources__upload .tutorcard__bookings__actions .ui-fileupload-choose,
     .tutorcard__bookings__actions .teacherresources__selectone .ui-button,
     .teacherresources__selectone .tutorcard__bookings__actions .ui-button,
     .tutorcard__bookings__actions #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar .ui-button,
     #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar .tutorcard__bookings__actions .ui-button,
     .tutorcard__bookings__actions .securesidebar__upload .ui-fileupload-buttonbar .ui-button,
     .securesidebar__upload .ui-fileupload-buttonbar .tutorcard__bookings__actions .ui-button,
     .tutorcard__bookings__actions .ui-fileupload .ui-fileupload-buttonbar .ui-button,
     .ui-fileupload .ui-fileupload-buttonbar .tutorcard__bookings__actions .ui-button,
     .tutorcard__bookings__actions .page_tutors_secure_cover-report .container__card .upload .ui-fileupload-choose,
     .page_tutors_secure_cover-report .container__card .upload .tutorcard__bookings__actions .ui-fileupload-choose {
         margin-left: 0.5rem;
     }
 }
 
 @media (max-width: 708px) {
     .tutorcard__bookings__actions>div {
         display: block;
     }
     .tutorcard__bookings__actions .r_button,
     .tutorcard__bookings__actions .teacherresources__upload .ui-fileupload-choose,
     .teacherresources__upload .tutorcard__bookings__actions .ui-fileupload-choose,
     .tutorcard__bookings__actions .teacherresources__selectone .ui-button,
     .teacherresources__selectone .tutorcard__bookings__actions .ui-button,
     .tutorcard__bookings__actions #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar .ui-button,
     #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar .tutorcard__bookings__actions .ui-button,
     .tutorcard__bookings__actions .securesidebar__upload .ui-fileupload-buttonbar .ui-button,
     .securesidebar__upload .ui-fileupload-buttonbar .tutorcard__bookings__actions .ui-button,
     .tutorcard__bookings__actions .ui-fileupload .ui-fileupload-buttonbar .ui-button,
     .ui-fileupload .ui-fileupload-buttonbar .tutorcard__bookings__actions .ui-button,
     .tutorcard__bookings__actions .page_tutors_secure_cover-report .container__card .upload .ui-fileupload-choose,
     .page_tutors_secure_cover-report .container__card .upload .tutorcard__bookings__actions .ui-fileupload-choose {
         margin-left: 0;
     }
 }
 
 .tutorcard__bookings__actions>footer {
     position: fixed;
     z-index: 1;
     bottom: 0;
     box-sizing: border-box;
     width: 100%;
     margin-left: 1px;
     padding: 6px;
     border-top: 1px solid rgba(0, 0, 0, 0.06);
     background: white;
     max-width: 302px;
 }
 
 @media (max-width: 1268px) {
     .tutorcard__bookings__actions>footer {
         max-width: calc((100% / 12) * 3 - 13px);
     }
 }
 
 @media (max-width: 1100px) {
     .tutorcard__bookings__actions>footer {
         max-width: 319px;
     }
 }
 
 @media (max-width: 992px) {
     .tutorcard__bookings__actions>footer {
         position: static;
         display: inline-block;
         width: auto;
         max-width: 255px;
         padding: 0;
         border-top: 0;
     }
 }
 
 @media (max-width: 708px) {
     .tutorcard__bookings__actions>footer {
         display: block;
     }
 }
 
 .tutorcard__bookings__content {
     display: block;
     background: white;
     padding-bottom: 4em;
     box-sizing: border-box;
 }
 
 @media (max-width: 992px) {
     .tutorcard__bookings__content {
         padding: 1em;
     }
 }
 
 @media (max-width: 708px) {
     .tutorcard__bookings__content {
         padding: 0.5em;
     }
 }
 
 .tutorcard__bookings__content .booking-tile {
     background-color: #f9f8fb;
     margin-bottom: 0.5rem;
     padding: 1rem;
 }
 
 @media (max-width: 992px) {
     .tutorcard__bookings__content .booking-tile {
         padding: 0.5rem 1rem;
     }
 }
 
 @media (max-width: 708px) {
     .tutorcard__bookings__content .booking-tile {
         padding: 1rem;
     }
 }
 
 .tutorcard__bookings__content .booking-tile__suggest .ui-selectonemenu {
     width: 100%;
 }
 
 @media (max-width: 992px) {
     .tutorcard__bookings__content .booking-tile__suggest .ui-selectonemenu {
         margin: 0 0 0.5em;
     }
 }
 
 @media (max-width: 708px) {
     .tutorcard__bookings__content .booking-tile__suggest .ui-selectonemenu {
         margin: 0.5em 0;
     }
 }
 
 .tutorcard__bookings__content .booking-tile__status {
     color: #303336;
     font-weight: 600;
     font-size: 1.1rem;
     margin-bottom: 0.5rem;
     vertical-align: middle;
 }
 
 .tutorcard__bookings__content .booking-tile__status img {
     vertical-align: middle;
 }
 
 .tutorcard__bookings__content .booking-tile__status span {
     margin-left: 0.5rem;
 }
 
 @media (max-width: 992px) {
     .tutorcard__bookings__content .booking-tile__status p {
         line-height: 4rem;
     }
 }
 
 @media (max-width: 708px) {
     .tutorcard__bookings__content .booking-tile__status p {
         line-height: inherit;
     }
 }
 
 @media (max-width: 992px) {
     .tutorcard__bookings__content .booking-tile__status--suggest-time {
         line-height: 4rem;
     }
 }
 
 @media (max-width: 708px) {
     .tutorcard__bookings__content .booking-tile__status--suggest-time {
         line-height: inherit;
     }
 }
 
 .tutorcard__bookings__content .booking-tile__status .tile__status.important {
     position: relative;
     padding-left: 25px;
     color: #303336;
     overflow: visible;
 }
 
 .tutorcard__bookings__content .booking-tile__status .tile__status.important img {
     display: none;
 }
 /* .tutorcard__bookings__content .booking-tile__status .tile__status.important:before {
    display: block;
    content: "";
    position: absolute;
    left: 0;
    width: 20px;
    height: 20px;
    background-image: url("https://cdn.mytutor.co.uk/icons/exclamation.svg?1599042894000");
    background-repeat: no-repeat;
    background-size: cover
} */
 
 @media (max-width: 992px) {
     .tutorcard__bookings__content .booking-tile__info {
         border-left: 1px solid #cac9d8;
         padding-top: 1rem;
         padding-left: 1rem;
     }
 }
 
 @media (max-width: 708px) {
     .tutorcard__bookings__content .booking-tile__info {
         border-left: 0;
         padding-top: 0;
         padding-left: 0;
     }
 }
 
 .tutorcard__bookings__content .booking-tile__info--suggest-time {
     line-height: 1.2rem;
 }
 
 .tutorcard__bookings__content .booking-tile__time {
     color: #303336;
     margin-bottom: 0.5rem;
 }
 
 .tutorcard__bookings__content .booking-tile__subject {
     color: #67657d;
     font-size: 0.9rem;
     margin-bottom: 1rem;
 }
 
 .tutorcard__bookings__content .booking-tile__subject--large-font {
     font-size: 1rem;
 }
 
 @media (min-width: 993px) {
     .tutorcard__bookings__content .booking-tile__actions .r_button__submenu {
         right: auto;
     }
     .tutorcard__bookings__content .booking-tile__actions .r_button__submenu:before {
         right: auto;
         left: 15px;
     }
     .tutorcard__bookings__content .booking-tile__actions .r_button__submenu:after {
         right: auto;
         left: 14px;
     }
 }
 
 @media (max-width: 992px) {
     .tutorcard__bookings__content .booking-tile__actions {
         text-align: right;
         line-height: 3.5rem;
     }
 }
 
 @media (max-width: 708px) {
     .tutorcard__bookings__content .booking-tile__actions {
         text-align: left;
         line-height: inherit;
     }
 }
 
 @media (max-width: 992px) {
     .tutorcard__bookings__content .booking-tile__actions--suggest-time {
         line-height: 4rem;
     }
 }
 
 @media (max-width: 708px) {
     .tutorcard__bookings__content .booking-tile__actions--suggest-time {
         line-height: inherit;
     }
 }
 
 .tutorcard__bookings__content .allbookings {
     text-align: center;
     padding: 0.5rem 0 1.5rem 0;
 }
 
 @media (max-width: 708px) {
     .tutorcard__bookings__content .allbookings {
         padding-bottom: 100px;
     }
 }
 
 .messages {
     position: relative;
     width: 100%;
     background-color: #fff;
     height: calc(100vh - 5em);
     box-sizing: border-box;
     padding: 0 1em;
     overflow: hidden;
     box-shadow: 0 1px 3px 0 rgba(63, 63, 68, 0.15), 0 0 0 1px rgba(63, 63, 68, 0.05);
 }
 
 @media (max-width: 992px) {
     .messages {
         width: calc(100% - 2em);
         height: calc(100vh - 77px);
         margin: 0 1em;
     }
     .messages .message:first-of-type {
         padding-top: 1em;
     }
 }
 
 @media (max-width: 708px) {
     .messages {
         width: 100%;
         margin-left: 0;
         margin-right: 0;
     }
 }
 
 .messages__back {
     position: absolute;
     display: flex;
     top: 1em;
     left: 1em;
     padding: 0.25em;
     background-color: #fff;
     box-shadow: 0 2px 16px 0 rgba(48, 51, 54, 0.08), 0 0 0 1px rgba(48, 51, 54, 0.08);
     z-index: 1;
 }
 
 @media (max-width: 992px) {
     .messages__back {
         display: none;
     }
 }
 
 .messages__loading {
     position: absolute;
     display: none;
     top: 15px;
     left: 50%;
     width: 20px;
     z-index: 9993;
     animation: spinner 0.6s linear infinite;
 }
 
 .messages__wrapper {
     overflow-x: hidden;
     overflow-y: auto;
     scrollbar-width: none;
 }
 
 .messages__wrapper::-webkit-scrollbar {
     display: none;
 }
 
 .messages__wrapper--loading {
     display: none;
 }
 
 .messages__selectall {
     padding-top: 10px;
 }
 
 .messages__selectall>div {
     width: 42px;
     padding-left: 10px;
 }
 
 @media (max-width: 992px) {
     .messages__selectall>div {
         width: auto;
         padding-right: 20px;
     }
 }
 
 .messages__selectall>span {
     vertical-align: middle;
     color: #303336;
     font-weight: 600;
 }
 
 .inprogress .messages__loading {
     display: block;
 }
 
 @media (max-width: 992px) {
     .page_parents_secure_chat nav.bar,
     .page_students_secure_chat nav.bar,
     .page_tutors_secure_chat nav.bar {
         display: none;
     }
 }
 
 @media (max-width: 992px) {
     .page_tutors_secure_chat #allcontent,
     .page_parents_secure_chat #allcontent,
     .page_students_secure_chat #allcontent {
         padding-top: 0;
     }
 }
 
 .page_tutors_secure_chat .show-tutor {
     display: inline !important;
 }
 
 .message {
     margin-top: 1.5em;
 }
 
 .message:first-of-type {
     margin-top: 1.5em;
 }
 
 .message:last-of-type {
     margin-bottom: 1.5em;
 }
 
 .message__time {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 14px;
     font-size: 0.875rem;
     line-height: 16px;
     line-height: 1rem;
     color: #303336;
     font-weight: 400;
     color: #67657d;
     margin: 0 10px 8px 10px;
 }
 
 .message__wrapper {
     margin: 0 5px;
 }
 
 .message__body {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 16px;
     font-size: 1rem;
     line-height: 20px;
     line-height: 1.25rem;
     color: #303336;
     font-weight: 400;
     background-color: #def3fa;
     padding: 10px 17px;
     max-width: 615px;
     display: inline-block;
     text-align: left;
     white-space: pre-line;
     word-break: break-word;
 }
 
 @media (max-width: 1268px) {
     .message__body {
         padding: 10px 12px;
     }
 }
 
 .message__body strong {
     font-weight: 600;
 }
 
 .message__status {
     display: none;
 }
 
 .message__status__savedraft {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 17px;
     font-size: 1.0625rem;
     line-height: 20px;
     line-height: 1.25rem;
     color: #303336;
     font-weight: 400;
     color: #542eff;
 }
 
 .message__status__savedraft img {
     vertical-align: middle;
     padding-right: 5px;
     width: 18px;
     height: 18px;
 }
 
 .message__status__savedraft span {
     vertical-align: middle;
 }
 
 .message__status__savedraft--saved {
     color: #67657d;
 }
 
 .message.sent {
     text-align: right;
 }
 
 .message.sent:last-of-type .message__status {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 14px;
     font-size: 0.875rem;
     line-height: 16px;
     line-height: 1rem;
     color: #303336;
     font-weight: 400;
     font-size: 12px;
     color: #67657d;
     margin: 5px 10px 0 10px;
     display: inline-block;
 }
 
 .message.received .message__body {
     background-color: #f0f4f8;
 }
 
 .message--reviewrequest {
     text-align: left;
 }
 
 .inputbar {
     position: absolute;
     bottom: 0;
     left: 0;
     right: 0;
     padding: 10px 20px;
     border-top: 1px solid rgba(0, 0, 0, 0.06);
     background-color: #fff;
     z-index: 1;
 }
 
 @media (max-width: 708px) {
     .inputbar--popoveropen:before {
         content: "";
         display: block;
         position: fixed;
         top: 0;
         bottom: 0;
         left: 0;
         right: 0;
         z-index: 1;
         background-color: rgba(0, 0, 0, 0.24);
         animation: fadeIn 0.25s;
     }
 }
 
 @media (max-width: 1268px) {
     .inputbar {
         padding: 10px 13px;
     }
 }
 
 @media (max-width: 992px) {
     .inputbar {
         padding: 10px 16px;
     }
 }
 
 @media (max-width: 708px) {
     .inputbar {
         padding: 10px;
         position: fixed;
     }
 }
 
 .inputbar .inputRegion {
     margin: 0;
 }
 
 .inputbar__actionarea {
     display: flex;
 }
 
 .inputbar__action {
     flex: 0 0 auto;
     align-self: flex-end;
     height: 38px;
     display: inline-block;
     margin-right: 14px;
     vertical-align: top;
 }
 
 @media (max-width: 1268px) {
     .inputbar__action {
         margin-right: 9px;
     }
 }
 
 .inputbar__action>.attach {
     font-size: 20px;
     color: #542eff;
     line-height: 43px;
     height: 100%;
 }
 
 .inputbar__action>.attach .ui-fileupload-buttonbar {
     padding: 0;
     height: 100%;
 }
 
 .inputbar__action>.attach .ui-button .ui-button-text.ui-c {
     display: none;
 }
 
 .inputbar__action>.attach .ui-fileupload-choose {
     margin: 0;
     width: 100%;
     height: 100%;
 }
 
 .inputbar__action>.attach:before {
     position: absolute;
     line-height: 43px;
 }
 
 .inputbar__action .plus {
     display: block;
     font-size: 20px;
     color: #542eff;
     line-height: 43px;
     width: 20px;
     height: 38px;
 }
 
 .inputbar__textarea {
     display: inline-block;
     vertical-align: bottom;
     max-height: 70vh;
     flex: 1 1 auto;
 }
 
 .inputbar__textarea br {
     display: none;
 }
 
 .inputbar__textarea .error {
     margin: 0;
 }
 
 .inputbar__textarea textarea {
     margin-bottom: 0;
     max-height: 60vh;
     overflow-x: hidden;
     position: relative;
     display: block;
     -ms-overflow-style: -ms-autohiding-scrollbar;
 }
 
 .inputbar__textarea textarea::-webkit-scrollbar {
     display: none;
 }
 
 .inputbar__textarea textarea:focus {
     box-shadow: none !important;
 }
 
 .inputbar__send {
     flex: 0 0 auto;
     align-self: flex-end;
     display: inline-block;
     margin-left: 14px;
     vertical-align: top;
     height: 38px;
 }
 
 @media (max-width: 1268px) {
     .inputbar__send {
         margin-left: 10px;
     }
 }
 
 .inputbar__attachments .ui-datatable-tablewrapper {
     overflow: visible;
 }
 
 .inputbar__attachments thead {
     display: none;
 }
 
 .inputbar__attachments tbody tr {
     display: inline-block;
     background-color: #e4f7e8;
     padding: 1px 0;
     margin-bottom: 4px;
     margin-right: 7px;
 }
 
 .inputbar__attachments tbody tr td {
     border: 0;
 }
 
 .inputbar .attachButton .ui-button,
 .inputbar .attachButton .ui-button:hover {
     border: 0;
     background: inherit;
     color: inherit;
 }
 
 .inputbar .attachButton .ui-fileupload-content {
     padding: 0;
     position: fixed;
     top: 60px;
     right: 10px;
     z-index: 9997;
     max-width: 350px;
 }
 
 .inputbar .attachButton .ui-fileupload-content .ui-fileupload-files {
     background: white;
     visibility: visible;
 }
 
 .inputbar .attachButton .ui-fileupload-content .ui-fileupload-files>div {
     display: block;
     background-color: white;
     position: fixed;
     right: 0;
     top: 68px;
 }
 
 .inputbar .attachButton .ui-fileupload-content .ui-fileupload-row {
     display: table-row;
 }
 
 .inputbar .attachButton .ui-fileupload-content .ui-fileupload-row .ui-fileupload-preview,
 .inputbar .attachButton .ui-fileupload-content .ui-fileupload-row .ui-fileupload-cancel {
     display: none !important;
 }
 
 .inputbar .attachButton .ui-fileupload-content .ui-fileupload-row>div {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 16px;
     font-size: 1rem;
     line-height: 20px;
     line-height: 1.25rem;
     color: #303336;
     font-weight: 400;
 }
 
 .inputbar .attachButton .ui-fileupload-content .ui-fileupload-row div.ui-fileupload-preview+div,
 .inputbar .attachButton .ui-fileupload-content .ui-fileupload-row .ui-fileupload-progress {
     position: static;
     bottom: 0;
     left: 0;
     display: inline-block !important;
     width: 12em;
     white-space: nowrap;
     font-size: 0.938em;
     overflow: hidden;
     text-overflow: ellipsis;
     vertical-align: top;
 }
 
 .inputbar .attachButton .ui-fileupload-content .ui-fileupload-row .ui-progressbar {
     top: 0;
     width: 100%;
     height: 8px;
     border: 0;
     background-color: #ebedf0;
 }
 
 .inputbar .attachButton .ui-fileupload-content .ui-fileupload-row .ui-progressbar-value {
     height: 8px;
     margin: 0;
     border: 0;
     background: #32cf3a;
     box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.06);
 }
 
 .inputbar .attachButton .ui-fileupload-content .ui-messages {
     visibility: visible;
 }
 
 .inputbar .attachButton .ui-fileupload-content .ui-messages-close {
     float: left;
     width: 12px;
     height: 12px;
     display: inline-block;
     background-size: container;
     background-image: url("//cdn.mytutor.co.uk/images/uploads/close-grey.svg");
     background-repeat: no-repeat;
     background-size: contain;
     padding: 0;
 }
 
 .inputbar .attachButton .ui-fileupload-content .ui-messages-close:hover {
     background: transparent;
 }
 
 .inputbar .attachButton .ui-fileupload-content .ui-messages-error-icon,
 .inputbar .attachButton .ui-fileupload-content .ui-icon {
     display: none;
 }
 
 .inputbar .attachButton .ui-fileupload-content .ui-messages-error-detail {
     display: block;
 }
 
 .inputbar .attachButton .ui-fileupload-content ul {
     margin: 0 16px;
 }
 
 .inputbar .attachButton .ui-fileupload-content li {
     white-space: pre-line;
 }
 
 .inputbar__unpack__listitem {
     display: inline-block;
     margin-top: 10px;
 }
 
 .inputbar__unpack__listitem .ui-button-text {
     padding: 0;
 }
 
 .inputbar__unpack__listitem input[type="file"],
 .inputbar__unpack__listitem input[type="file"]::-webkit-file-upload-button {
     cursor: pointer;
 }
 
 .inputbar__unpack__listitem .suggestedTimeButton,
 .inputbar__unpack__listitem .reviewButton,
 .inputbar__unpack__listitem .draftMessagesButton {
     width: 100%;
     height: 100%;
     text-align: left;
 }
 
 .inputbar__unpack__listitem .suggestedTimeButton:focus,
 .inputbar__unpack__listitem .reviewButton:focus,
 .inputbar__unpack__listitem .draftMessagesButton:focus {
     outline: none !important;
 }
 
 .inputbar__unpack__listitem .suggestedTimeButton.progress:after,
 .inputbar__unpack__listitem .reviewButton.progress:after,
 .inputbar__unpack__listitem .draftMessagesButton.progress:after {
     background: none !important;
 }
 
 .inputbar__unpack__listitem .ui-fileupload-choose,
 .inputbar__unpack__listitem .suggestedTimeButton,
 .inputbar__unpack__listitem .reviewButton,
 .inputbar__unpack__listitem .draftMessagesButton {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 16px;
     font-size: 1rem;
     line-height: 20px;
     line-height: 1.25rem;
     color: #303336;
     font-weight: 400;
 }
 
 .inputbar__unpack__listitem .ui-fileupload-choose .ui-button-text:before,
 .inputbar__unpack__listitem .suggestedTimeButton .ui-button-text:before,
 .inputbar__unpack__listitem .reviewButton .ui-button-text:before,
 .inputbar__unpack__listitem .draftMessagesButton .ui-button-text:before {
     background-repeat: no-repeat;
     background-size: contain;
     background-position: center;
     display: inline-block;
     content: "";
     margin-right: 10px;
     width: 19px;
     height: 19px;
     vertical-align: sub;
 }
 /* 
.inputbar__unpack__listitem .suggestedTimeButton .ui-button-text:before {
    background-image: url("https://cdn.mytutor.co.uk/icons/suggestedtime-icon.svg?1599042894000")
}

.inputbar__unpack__listitem .reviewButton .ui-button-text:before {
    background-image: url("//cdn.mytutor.co.uk/images/uploads/review-icon.svg")
} */
 /* .inputbar__unpack__listitem .draftMessagesButton .ui-button-text:before {
    background-image: url("/images/icons/msg-drafts.svg")
} */
 
 .inputbar__unpack__listitem .attachButton {
     padding: 0;
 }
 
 .inputbar__unpack__listitem .attachButton .ui-fileupload-buttonbar {
     padding: 0;
 }
 
 .inputbar__unpack__listitem .attachButton .ui-fileupload-buttonbar .ui-button {
     padding: 0;
 }
 
 .inputbar__unpack__listitem .attachButton .ui-fileupload-buttonbar .ui-fileupload-choose {
     width: 100%;
     height: 100%;
     text-align: left;
     box-sizing: border-box;
     box-shadow: none;
 }
 
 .inputbar__unpack__listitem .attachButton .ui-fileupload-buttonbar .ui-fileupload-choose input {
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     width: 100%;
 }
 
 .inputbar__unpack__listitem .attachButton .ui-fileupload-content {
     padding: 0;
     position: fixed;
     top: 60px;
     right: 10px;
     z-index: 9997;
     max-width: 350px;
 }
 
 .inputbar__unpack__listitem .attachButton .ui-fileupload-content li {
     white-space: pre-line;
 }
 
 .inputbar__unpack__listitem .attachButton .ui-button-text {
     display: block;
 }
 
 .inputbar__unpack__listitem .attachButton .ui-button-text:before {
     background-image: url("//cdn.mytutor.co.uk/images/uploads/attach-icon.svg");
     background-repeat: no-repeat;
     background-size: contain;
     background-position: center;
     display: inline-block;
     content: "";
     margin-right: 10px;
     width: 20px;
     height: 20px;
     vertical-align: sub;
 }
 
 .inputbar__popover .popover__listitem .ui-button-text {
     padding: 0;
 }
 
 .inputbar__popover .popover__listitem .suggestedTimeButton,
 .inputbar__popover .popover__listitem .reviewButton,
 .inputbar__popover .popover__listitem .draftMessagesButton {
     width: 100%;
     height: 100%;
     text-align: left;
 }
 
 .inputbar__popover .popover__listitem .suggestedTimeButton img,
 .inputbar__popover .popover__listitem .reviewButton img,
 .inputbar__popover .popover__listitem .draftMessagesButton img {
     width: 19px;
     vertical-align: middle;
     margin-right: 10px;
 }
 
 .inputbar__popover .popover__listitem .ui-fileupload-choose,
 .inputbar__popover .popover__listitem .suggestedTimeButton,
 .inputbar__popover .popover__listitem .reviewButton,
 .inputbar__popover .popover__listitem .draftMessagesButton {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 16px;
     font-size: 1rem;
     line-height: 20px;
     line-height: 1.25rem;
     color: #303336;
     font-weight: 400;
 }
 
 .inputbar__popover .popover__listitem .ui-fileupload-choose .ui-button-text:before,
 .inputbar__popover .popover__listitem .suggestedTimeButton .ui-button-text:before,
 .inputbar__popover .popover__listitem .reviewButton .ui-button-text:before,
 .inputbar__popover .popover__listitem .draftMessagesButton .ui-button-text:before {
     background-repeat: no-repeat;
     background-size: contain;
     background-position: center;
     display: inline-block;
     content: "";
     margin-right: 10px;
     width: 19px;
     height: 19px;
     vertical-align: sub;
 }
 
 .inputbar__popover .popover__listitem .suggestedTimeButton .ui-button-text:before {
     background-image: url("//cdn.mytutor.co.uk/images/uploads/suggestedtime-icon.svg");
 }
 
 .inputbar__popover .popover__listitem .reviewButton .ui-button-text:before {
     background-image: url("//cdn.mytutor.co.uk/images/uploads/review-icon.svg");
 }
 
 .inputbar__popover .popover__listitem .draftMessagesButton .ui-button-text:before {
     background-image: url("/images/icons/msg-drafts.svg");
 }
 
 .inputbar__popover .popover__listitem .attachButton {
     padding: 0;
 }
 
 .inputbar__popover .popover__listitem .attachButton .ui-fileupload-buttonbar {
     padding: 0;
 }
 
 .inputbar__popover .popover__listitem .attachButton .ui-fileupload-buttonbar .ui-button {
     padding: 0;
 }
 
 .inputbar__popover .popover__listitem .attachButton .ui-fileupload-buttonbar .ui-fileupload-choose {
     width: 100%;
     height: 100%;
     text-align: left;
     padding: 11px 15px;
     box-sizing: border-box;
     box-shadow: none;
 }
 
 .inputbar__popover .popover__listitem .attachButton .ui-fileupload-buttonbar .ui-fileupload-choose input {
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     width: 100%;
 }
 
 .inputbar__popover .popover__listitem .attachButton .ui-fileupload-content {
     padding: 0;
     position: fixed;
     top: 60px;
     right: 10px;
     z-index: 9997;
     max-width: 350px;
 }
 
 .inputbar__popover .popover__listitem .attachButton .ui-fileupload-content li {
     white-space: pre-line;
 }
 
 .inputbar__popover .popover__listitem .attachButton .ui-button-text {
     display: block;
 }
 
 .inputbar__popover .popover__listitem .attachButton .ui-button-text:before {
     background-image: url("//cdn.mytutor.co.uk/images/uploads/attach-icon.svg");
     background-repeat: no-repeat;
     background-size: contain;
     background-position: center;
     display: inline-block;
     content: "";
     margin-right: 10px;
     width: 19px;
     height: 19px;
     vertical-align: sub;
 }
 
 .inputbar--canhelp .r_button:first-of-type,
 .inputbar--canhelp .teacherresources__upload .ui-fileupload-choose:first-of-type,
 .teacherresources__upload .inputbar--canhelp .ui-fileupload-choose:first-of-type,
 .inputbar--canhelp .teacherresources__selectone .ui-button:first-of-type,
 .teacherresources__selectone .inputbar--canhelp .ui-button:first-of-type,
 .inputbar--canhelp #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar .ui-button:first-of-type,
 #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar .inputbar--canhelp .ui-button:first-of-type,
 .inputbar--canhelp .securesidebar__upload .ui-fileupload-buttonbar .ui-button:first-of-type,
 .securesidebar__upload .ui-fileupload-buttonbar .inputbar--canhelp .ui-button:first-of-type,
 .inputbar--canhelp .ui-fileupload .ui-fileupload-buttonbar .ui-button:first-of-type,
 .ui-fileupload .ui-fileupload-buttonbar .inputbar--canhelp .ui-button:first-of-type,
 .inputbar--canhelp .page_tutors_secure_cover-report .container__card .upload .ui-fileupload-choose:first-of-type,
 .page_tutors_secure_cover-report .container__card .upload .inputbar--canhelp .ui-fileupload-choose:first-of-type {
     margin-right: 2.5px;
 }
 
 .inputbar--canhelp .r_button:last-of-type,
 .inputbar--canhelp .teacherresources__upload .ui-fileupload-choose:last-of-type,
 .teacherresources__upload .inputbar--canhelp .ui-fileupload-choose:last-of-type,
 .inputbar--canhelp .teacherresources__selectone .ui-button:last-of-type,
 .teacherresources__selectone .inputbar--canhelp .ui-button:last-of-type,
 .inputbar--canhelp #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar .ui-button:last-of-type,
 #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar .inputbar--canhelp .ui-button:last-of-type,
 .inputbar--canhelp .securesidebar__upload .ui-fileupload-buttonbar .ui-button:last-of-type,
 .securesidebar__upload .ui-fileupload-buttonbar .inputbar--canhelp .ui-button:last-of-type,
 .inputbar--canhelp .ui-fileupload .ui-fileupload-buttonbar .ui-button:last-of-type,
 .ui-fileupload .ui-fileupload-buttonbar .inputbar--canhelp .ui-button:last-of-type,
 .inputbar--canhelp .page_tutors_secure_cover-report .container__card .upload .ui-fileupload-choose:last-of-type,
 .page_tutors_secure_cover-report .container__card .upload .inputbar--canhelp .ui-fileupload-choose:last-of-type {
     margin-left: 2.5px;
 }
 
 .messageattachment {
     background-color: #e4f7e8;
     padding: 5px 10px;
     margin-bottom: 10px;
     margin-right: 10px;
     display: inline-block;
 }
 
 .messageattachment__table .ui-datatable-tablewrapper {
     overflow: visible;
 }
 
 .messageattachment__table thead {
     display: none;
 }
 
 .messageattachment__table tbody tr {
     display: inline-block;
     background-color: #e4f7e8;
     padding: 1px 0;
     margin-bottom: 4px;
     margin-right: 7px;
 }
 
 .messageattachment__table tbody tr td {
     border: 0;
 }
 
 .messageattachment__remove {
     background-image: url("//cdn.mytutor.co.uk/images/uploads/close-small.svg");
     width: 20px;
     height: 20px;
     background-size: contain;
     background-repeat: no-repeat;
     display: inline-block;
     vertical-align: sub;
 }
 
 .messageattachment__edit {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 16px;
     font-size: 1rem;
     line-height: 20px;
     line-height: 1.25rem;
     color: #303336;
     font-weight: 400;
     color: #542eff;
     display: inline-block;
     margin-right: 5px;
 }
 
 .messageattachment__name {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 16px;
     font-size: 1rem;
     line-height: 20px;
     line-height: 1.25rem;
     color: #303336;
     font-weight: 400;
     display: inline-block;
     margin-right: 20px;
     word-break: break-word;
 }
 
 .messageattachment__download {
     margin-top: 8px;
     margin-left: 2px;
 }
 
 .messageattachment__download a {
     word-break: break-word;
 }
 
 .messageattachment__download img {
     width: 20px;
     height: 20px;
     vertical-align: middle;
     margin-right: 3px;
 }
 
 .systemmessage {
     max-width: 450px;
     margin: 20px 6px;
 }
 
 .systemmessage:first-child {
     padding-top: 25px;
 }
 
 .systemmessage--wide {
     max-width: 615px;
 }
 
 .systemmessage--wide .systemmessage__header {
     color: #303336;
 }
 
 .systemmessage--wide .systemmessage__icon {
     width: 3em;
 }
 
 .systemmessage--wide .systemmessage__information {
     margin-left: 3.75em;
     margin-top: -1em;
     border-left: 7px solid #dcdae2;
     padding-left: 1em;
 }
 
 .systemmessage--wide .systemmessage__body {
     margin-left: 0;
 }
 
 .systemmessage--sli {
     margin-bottom: -15px;
     padding-top: 25px;
 }
 
 .systemmessage--sli .systemmessage__header {
     font-weight: 400;
     color: #303336;
 }
 
 .systemmessage--instantbook {
     max-width: 95%;
     text-align: center;
     margin-left: auto;
     margin-right: auto;
 }
 
 .systemmessage--tutorwelcome {
     max-width: 450px;
     margin-bottom: 1rem;
     display: inline-block;
     position: relative;
     float: right;
 }
 
 .systemmessage--tutorwelcome a.close {
     position: absolute;
     top: 0.5rem;
     right: 0.8rem;
 }
 
 .systemmessage--tutorwelcome a.close img {
     width: 10px;
     height: 10px;
 }
 
 .systemmessage__header {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 16px;
     font-size: 1rem;
     line-height: 20px;
     line-height: 1.25rem;
     color: #303336;
     font-weight: 400;
     color: #311b92;
     font-weight: 600;
     margin-bottom: 1px;
 }
 
 .systemmessage__header--instantbook {
     margin-bottom: 1rem;
 }
 
 .systemmessage__footer {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 16px;
     font-size: 1rem;
     line-height: 20px;
     line-height: 1.25rem;
     color: #303336;
     font-weight: 400;
     color: #303336;
     margin-bottom: 1px;
 }
 
 .systemmessage__footer--instantbook {
     margin-bottom: 1rem;
 }
 
 .systemmessage__footer--instantbook .divider {
     width: 100%;
     height: 0.5rem;
     border-bottom: 1px solid #8d89aa;
     border-style: dashed;
     text-align: center;
     margin: 1rem 0rem;
 }
 
 .systemmessage__footer--instantbook .divider span {
     font-size: 1rem;
     background-color: white;
     padding: 0 0.5rem;
     font-weight: 600;
 }
 
 .systemmessage__icon {
     vertical-align: middle;
     margin-right: 8px;
 }
 
 .systemmessage__body {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 16px;
     font-size: 1rem;
     line-height: 20px;
     line-height: 1.25rem;
     color: #303336;
     font-weight: 400;
     color: #67657d;
     margin-left: 26px;
 }
 
 .systemmessage__body--tutorwelcome {
     border: solid 1px #dcdae2;
     color: #303336;
     padding: 0.5rem 2rem 0.5rem 1rem;
     height: fit-content;
 }
 
 .systemmessage__actions {
     margin-top: 10px;
     margin-left: 26px;
     display: inline-block;
 }
 
 .systemmessage__actions--tutorwelcome {
     float: right;
 }
 
 .systemmessage__information li {
     display: flex;
     align-items: center;
     margin: 1em 0;
 }
 
 .systemmessage__information li img {
     width: 20px;
     margin-right: 0.75em;
 }
 
 .systemmessage__information li header {
     margin-bottom: 0.25em;
     font-size: 0.75em;
     text-transform: uppercase;
 }
 
 .systemmessage__information li p {
     font-family: "Modelica", "Source Sans Pro", sans-serif;
 }
 
 .systemmessage.v3 {
     max-width: 460px;
 }
 
 .systemmessage.v3>time {
     color: #67657d;
 }
 
 .systemmessage.v3>header {
     display: flex;
     margin: 1.5em 0 0.5em;
 }
 
 @media (max-width: 708px) {
     .systemmessage.v3>header {
         flex-direction: column;
     }
 }
 
 .systemmessage.v3>header>img {
     width: 60px;
     margin-right: 1.5em;
 }
 
 @media (max-width: 708px) {
     .systemmessage.v3>header>img {
         margin-bottom: 1.5em;
     }
 }
 
 .systemmessage.v3>header em {
     display: block;
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 0.625em;
     line-height: 1;
     font-weight: 600;
     letter-spacing: 0.5px;
     text-transform: uppercase;
     font-style: normal;
     color: #545174;
 }
 
 .systemmessage.v3>header em img {
     margin-left: 0.25em;
     vertical-align: bottom;
 }
 
 .systemmessage.v3>header p {
     font-size: 0.875em;
     color: #311b92;
     margin: 1em 0;
 }
 
 .systemmessage.v3>section {
     margin-left: calc(60px - -1.5em);
 }
 
 @media (max-width: 708px) {
     .systemmessage.v3>section {
         margin-left: 0;
     }
 }
 
 .systemmessage.v3>section p {
     font-size: 0.875em;
     color: #545174;
     margin-bottom: 1em;
 }
 
 .systemmessage.v3>section dl {
     margin-top: -2.5em;
 }
 
 @media (max-width: 708px) {
     .systemmessage.v3>section dl {
         margin-top: 0.75em;
     }
 }
 
 .systemmessage.v3>section dl dt {
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 0.625em;
     font-weight: 600;
     line-height: 1;
     letter-spacing: 0.5px;
     text-transform: uppercase;
     color: #8d89aa;
     margin: 1.5em 0 0.5em;
 }
 
 .systemmessage.v3>section dl dd {
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-weight: 800;
     line-height: 1.5;
 }
 
 .systemmessage.v3>section>footer {
     margin-top: 2em;
     white-space: nowrap;
 }
 
 @media (max-width: 708px) {
     .systemmessage.v3>section>footer {
         margin-top: 1.5em;
         white-space: normal;
     }
 }
 
 .systemmessage.v3>section>footer>*+* {
     margin-left: 1em;
 }
 
 @media (max-width: 708px) {
     .systemmessage.v3>section>footer>*+* {
         margin-left: 0;
         margin-top: 1em;
     }
 }
 
 .systemmessage.v3.systemmessage--wide .systemmessage__body {
     margin-top: 1.5em;
 }
 
 .suggestedtimes__addtimestable thead {
     display: none;
 }
 
 .suggestedtimes__addtimestable tbody tr:first-of-type td .form__datetime--delete {
     display: none;
 }
 
 .suggestedtimes__addtimestable td.time {
     border: 0;
     padding: 0;
 }
 
 .suggestedtimes__addtimestable select:focus {
     box-shadow: none;
 }
 
 .suggestedtimes__radios {
     display: block;
     margin-bottom: 8px;
     margin-top: 16px;
 }
 
 .suggestedtimes__radios label,
 .suggestedtimes__radios input {
     display: inline-block;
     margin-bottom: 7px;
     vertical-align: middle;
 }
 
 .suggestedtimes__radios label {
     margin-left: 9px;
 }
 
 .suggestedtimes__info {
     background-color: #fcf0cc;
     margin-bottom: 12px;
     padding: 10px 15px;
 }
 
 .suggestedtimes__info img {
     width: 34px;
     display: inline-block;
     vertical-align: top;
 }
 
 .suggestedtimes__info p {
     display: inline-block;
     width: calc(100% - 40px);
     padding-left: 10px;
     box-sizing: border-box;
     font-family: "Source Sans Pro", sans-serif;
     font-size: 16px;
     font-size: 1rem;
     line-height: 20px;
     line-height: 1.25rem;
     color: #303336;
     font-weight: 400;
     font-family: "Modelica", "Source Sans Pro", sans-serif;
 }
 
 .suggestedtimes__info p span {
     font-weight: 600;
 }
 
 .suggestedtimes__expired {
     margin-bottom: 10px;
 }
 
 .suggestedtimes__expired p {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 16px;
     font-size: 1rem;
     line-height: 20px;
     line-height: 1.25rem;
     color: #303336;
     font-weight: 400;
     color: #ff1744;
     font-weight: 600;
 }
 
 .suggestedtimes__expired img {
     margin-right: 2px;
     vertical-align: text-bottom;
 }
 
 .suggestedtimes__day {
     margin-bottom: 5px;
 }
 
 .suggestedtimes__header {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 16px;
     font-size: 1rem;
     line-height: 20px;
     line-height: 1.25rem;
     color: #303336;
     font-weight: 400;
     margin-bottom: 7px;
 }
 
 .suggestedtimes__button.r_button,
 .teacherresources__upload .suggestedtimes__button.ui-fileupload-choose,
 .teacherresources__selectone .suggestedtimes__button.ui-button,
 #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar .suggestedtimes__button.ui-button,
 .securesidebar__upload .ui-fileupload-buttonbar .suggestedtimes__button.ui-button,
 .ui-fileupload .ui-fileupload-buttonbar .suggestedtimes__button.ui-button,
 .page_tutors_secure_cover-report .container__card .upload .suggestedtimes__button.ui-fileupload-choose {
     margin-right: 5px;
     margin-bottom: 5px;
 }
 
 .suggestedtimes__button.r_button.smt_awaiting,
 .teacherresources__upload .suggestedtimes__button.smt_awaiting.ui-fileupload-choose,
 .teacherresources__selectone .suggestedtimes__button.smt_awaiting.ui-button,
 #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar .suggestedtimes__button.smt_awaiting.ui-button,
 .securesidebar__upload .ui-fileupload-buttonbar .suggestedtimes__button.smt_awaiting.ui-button,
 .ui-fileupload .ui-fileupload-buttonbar .suggestedtimes__button.smt_awaiting.ui-button,
 .page_tutors_secure_cover-report .container__card .upload .suggestedtimes__button.smt_awaiting.ui-fileupload-choose {
     background: #f9f8fb;
     border: solid 1px #dcdae2;
     color: #8d89aa;
     box-shadow: none;
 }
 
 .suggestedtimes__button.r_button.smt_confirmed,
 .teacherresources__upload .suggestedtimes__button.smt_confirmed.ui-fileupload-choose,
 .teacherresources__selectone .suggestedtimes__button.smt_confirmed.ui-button,
 #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar .suggestedtimes__button.smt_confirmed.ui-button,
 .securesidebar__upload .ui-fileupload-buttonbar .suggestedtimes__button.smt_confirmed.ui-button,
 .ui-fileupload .ui-fileupload-buttonbar .suggestedtimes__button.smt_confirmed.ui-button,
 .page_tutors_secure_cover-report .container__card .upload .suggestedtimes__button.smt_confirmed.ui-fileupload-choose {
     background: #f9f8fb;
     border: solid 1px #32cf3a;
     color: #32cf3a;
     box-shadow: none;
 }
 
 .suggestedtimes__button.r_button.smt_confirmed:before,
 .teacherresources__upload .suggestedtimes__button.smt_confirmed.ui-fileupload-choose:before,
 .teacherresources__selectone .suggestedtimes__button.smt_confirmed.ui-button:before,
 #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar .suggestedtimes__button.smt_confirmed.ui-button:before,
 .securesidebar__upload .ui-fileupload-buttonbar .suggestedtimes__button.smt_confirmed.ui-button:before,
 .ui-fileupload .ui-fileupload-buttonbar .suggestedtimes__button.smt_confirmed.ui-button:before,
 .page_tutors_secure_cover-report .container__card .upload .suggestedtimes__button.smt_confirmed.ui-fileupload-choose:before {
     content: "";
     display: inline-block;
     background-image: url(/images/icons/suggestedtimes-confirmed.svg);
     background-size: contain;
     background-repeat: no-repeat;
     width: 14px;
     height: 12px;
     margin-right: 5px;
     vertical-align: middle;
 }
 
 .suggestedtimes__button.r_button.smt_declined,
 .teacherresources__upload .suggestedtimes__button.smt_declined.ui-fileupload-choose,
 .teacherresources__selectone .suggestedtimes__button.smt_declined.ui-button,
 #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar .suggestedtimes__button.smt_declined.ui-button,
 .securesidebar__upload .ui-fileupload-buttonbar .suggestedtimes__button.smt_declined.ui-button,
 .ui-fileupload .ui-fileupload-buttonbar .suggestedtimes__button.smt_declined.ui-button,
 .page_tutors_secure_cover-report .container__card .upload .suggestedtimes__button.smt_declined.ui-fileupload-choose,
 .suggestedtimes__button.r_button.smt_clashing,
 .teacherresources__upload .suggestedtimes__button.smt_clashing.ui-fileupload-choose,
 .teacherresources__selectone .suggestedtimes__button.smt_clashing.ui-button,
 #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar .suggestedtimes__button.smt_clashing.ui-button,
 .securesidebar__upload .ui-fileupload-buttonbar .suggestedtimes__button.smt_clashing.ui-button,
 .ui-fileupload .ui-fileupload-buttonbar .suggestedtimes__button.smt_clashing.ui-button,
 .page_tutors_secure_cover-report .container__card .upload .suggestedtimes__button.smt_clashing.ui-fileupload-choose {
     background: #f9f8fb;
     border: solid 1px #ff1744;
     color: #ff1744;
     box-shadow: none;
 }
 
 .suggestedtimes__button.r_button.smt_declined:before,
 .teacherresources__upload .suggestedtimes__button.smt_declined.ui-fileupload-choose:before,
 .teacherresources__selectone .suggestedtimes__button.smt_declined.ui-button:before,
 #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar .suggestedtimes__button.smt_declined.ui-button:before,
 .securesidebar__upload .ui-fileupload-buttonbar .suggestedtimes__button.smt_declined.ui-button:before,
 .ui-fileupload .ui-fileupload-buttonbar .suggestedtimes__button.smt_declined.ui-button:before,
 .page_tutors_secure_cover-report .container__card .upload .suggestedtimes__button.smt_declined.ui-fileupload-choose:before,
 .suggestedtimes__button.r_button.smt_clashing:before,
 .teacherresources__upload .suggestedtimes__button.smt_clashing.ui-fileupload-choose:before,
 .teacherresources__selectone .suggestedtimes__button.smt_clashing.ui-button:before,
 #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar .suggestedtimes__button.smt_clashing.ui-button:before,
 .securesidebar__upload .ui-fileupload-buttonbar .suggestedtimes__button.smt_clashing.ui-button:before,
 .ui-fileupload .ui-fileupload-buttonbar .suggestedtimes__button.smt_clashing.ui-button:before,
 .page_tutors_secure_cover-report .container__card .upload .suggestedtimes__button.smt_clashing.ui-fileupload-choose:before {
     content: "";
     display: inline-block;
     background-image: url(/images/icons/suggestedtimes-decline.svg);
     background-size: contain;
     background-repeat: no-repeat;
     width: 14px;
     height: 12px;
     margin-right: 5px;
     vertical-align: middle;
 }
 
 .suggestedtimes__footerlink {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 16px;
     font-size: 1rem;
     line-height: 20px;
     line-height: 1.25rem;
     color: #303336;
     font-weight: 400;
     color: #542eff;
     margin: 5px 0 0 5px;
 }
 
 .requestreview__image {
     display: block;
     margin: 24px auto 12px auto;
 }
 
 .requestreview__form textarea {
     min-height: 7em;
 }
 
 .requestreview__stars {
     display: block;
     text-align: center;
 }
 
 .requestreview__stars .roundstar {
     margin: 0 4px;
     width: 35px;
     height: 35px;
     display: inline-block;
 }
 
 .requestreview__stars .roundstar:focus,
 .requestreview__stars .roundstar:active {
     outline: 0;
 }
 
 .requestreview__stars .roundstar svg {
     width: 100%;
     height: 100%;
 }
 
 .requestreview__stars .roundstar.selected svg path {
     fill: #f9cf00;
 }
 
 .requestreview__stars .roundstar.unselected svg path {
     fill: #dcdae2;
 }
 
 .requestreview__stars .ui-rating-star {
     font-size: 34px;
     text-indent: 0;
 }
 
 .requestreview__stars .ui-rating-star a {
     background-image: none;
     width: 34px;
     height: 34px;
     margin: 0 2.5px;
 }
 
 .requestreview__stars .ui-rating-star a:after {
     content: "★";
     color: #dcdae2;
     vertical-align: middle;
 }
 
 .requestreview__stars .ui-rating-star-on a:after {
     color: #f9cf00;
 }
 
 .messagecard {
     max-width: 380px;
     width: 100%;
     box-sizing: border-box;
     text-align: left;
     background-color: #f0f4f8;
     padding: 0 6px 6px 6px;
     display: inline-block;
 }
 
 .messagecard.sent {
     background-color: #def3fa;
 }
 
 .messagecard.received {
     background-color: #f0f4f8;
 }
 
 .messagecard__message {
     margin-bottom: 10px;
 }
 
 .messagecard__header {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 16px;
     font-size: 1rem;
     line-height: 20px;
     line-height: 1.25rem;
     color: #303336;
     font-weight: 400;
     font-weight: 600;
     padding: 12px 4px 12px 4px;
 }
 
 .messagecard__header .icon {
     width: 18px;
     height: 18px;
     vertical-align: sub;
     margin-right: 6px;
 }
 
 .messagecard__header .icon.right {
     float: right;
     margin: 0;
 }
 
 .messagecard__link {
     margin-top: 5px;
     display: block;
 }
 
 .messagecard__content {
     background-color: #fff;
     padding: 12px 17px;
 }
 
 .messagecard__body {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 16px;
     font-size: 1rem;
     line-height: 20px;
     line-height: 1.25rem;
     color: #303336;
     font-weight: 400;
     word-break: break-word;
 }
 
 .messagecard__button {
     margin-top: 15px;
     margin-bottom: 12px;
 }
 
 .messagecard__footer {
     margin-top: 40px;
     margin-bottom: 10px;
     text-align: center;
     position: relative;
     z-index: 0;
 }
 
 .messagecard__footer p {
     display: inline-block;
     background: #fff;
     font-family: "Source Sans Pro", sans-serif;
     font-size: 18px;
     font-size: 1.125rem;
     line-height: 24px;
     line-height: 1.5rem;
     color: #303336;
     font-weight: 400;
     padding: 0 10px;
 }
 
 .messagecard__footer:before {
     content: "";
     border: 1px solid #f5f4f7;
     width: 100%;
     position: absolute;
     top: 50%;
     left: 0;
     z-index: -1;
 }
 
 .messagecard.lessonreport {
     background-color: white;
     border-top: 3px solid #4628c1;
     box-shadow: 0 0 0 1px rgba(48, 51, 54, 0.08), 0 2px 16px 0 rgba(48, 51, 54, 0.08);
     margin-bottom: 0.625em;
     padding: 1em;
     max-width: 50%;
     min-width: 350px;
 }
 
 .messagecard.lessonreport ul li h2 {
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 1em;
     font-weight: 600;
     color: #303336;
 }
 
 .messagecard.lessonreport ul li p {
     font-size: 0.875em;
     color: #303336;
     margin: 0.5em 0 1em;
 }
 
 .messagecard.lessonreport .messagecard.suggesttimes {
     margin: 1em 0 0;
     max-width: none;
 }
 
 .messagecard.lessonreport header {
     margin: 0.5em 0;
     text-align: center;
 }
 
 .messagecard.lessonreport .ui-selectonebutton {
     display: block;
     margin: 0;
 }
 
 .messagecard.lessonreport .ui-selectonebutton .ui-button {
     display: block;
     margin: 0.5em 0 0;
     border: 1px solid #cac9d8;
     background: linear-gradient(180deg, #fff 0, #f9f8fb 100%);
     box-shadow: 0 1px 0 0 rgba(22, 29, 37, 0.05);
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 1em;
     font-weight: 500;
     color: #303336;
     text-align: left;
     padding: 0.5em 0.75em;
 }
 
 .messagecard.lessonreport .ui-selectonebutton .ui-button.ui-state-hover {
     background: #ebfaf8;
 }
 
 .messagecard.lessonreport .ui-selectonebutton .ui-button.ui-state-active {
     background: #c5f8f1;
 }
 
 .studentparentavailabilitytable.hideat850,
 .studentparentavailabilitytablenav.hideat850 {
     display: none;
 }
 
 .messageavailability {
     max-width: 600px;
     display: inline-block;
     margin-top: 10px;
 }
 
 .messageavailability .ui-datatable {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 16px;
     font-size: 1rem;
     line-height: 20px;
     line-height: 1.25rem;
     color: #303336;
     font-weight: 400;
     border: 4px solid #f0f4f8;
 }
 
 .messageavailability .ui-datatable thead {
     background-color: #f0f4f8;
 }
 
 .messageavailability .ui-datatable thead th {
     border: 0;
     text-align: center;
     padding: 6px 10px 10px 10px;
 }
 
 .messageavailability .ui-datatable thead th .ui-column-title {
     float: none;
 }
 
 .messageavailability .ui-datatable tbody tr td {
     border: 1px solid #f0f4f8;
     text-align: center;
 }
 
 .messageavailability .ui-datatable tbody tr td.marker {
     background: 1px solid #f0f4f8;
     text-align: left;
     vertical-align: middle;
 }
 
 .messageavailability .ui-datatable tbody tr td img {
     width: 40px;
     vertical-align: middle;
 }
 
 .messageavailability__footer {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 14px;
     font-size: 0.875rem;
     line-height: 16px;
     line-height: 1rem;
     color: #303336;
     font-weight: 400;
     color: #542eff;
     margin-top: 5px;
 }
 
 .messageavailability__footer .ui-state-disabled {
     color: #67657d;
 }
 
 .sent .messageavailability .ui-datatable {
     border: 4px solid #def3fa;
 }
 
 .sent .messageavailability .ui-datatable thead {
     background-color: #def3fa;
 }
 
 .sent .messageavailability .ui-datatable tbody tr td {
     border: 1px solid #def3fa;
 }
 
 .sent .messageavailability .ui-datatable tbody tr td .marker {
     background: 1px solid #def3fa;
 }
 
 .newmessage__radios {
     margin-bottom: 5px;
 }
 
 .newmessage__radios tr,
 .newmessage__radios td {
     display: block;
 }
 
 .newmessage__radios td {
     margin-bottom: 10px;
 }
 
 .newmessage__radios td label {
     display: inline-block;
     margin-left: 8px;
     margin-bottom: 0;
 }
 
 .newmessage__attach.ui-fileupload {
     display: block;
     font-size: 20px;
     color: #542eff;
     line-height: 43px;
     width: 40px;
     height: 40px;
     margin-right: 15px;
     float: left;
     text-align: center;
     margin-right: 15px;
     position: relative;
 }
 
 .newmessage__attach.ui-fileupload .ui-fileupload-buttonbar {
     padding: 0;
     position: absolute;
     top: 0;
 }
 
 .newmessage__attach.ui-fileupload .ui-fileupload-buttonbar .ui-fileupload-choose,
 .newmessage__attach.ui-fileupload .ui-fileupload-buttonbar .ui-fileupload-choose:hover {
     padding: 0;
     height: 100%;
     background: transparent;
     border: 0;
     box-shadow: none;
 }
 
 .newmessage__attach.ui-fileupload .ui-fileupload-buttonbar .ui-fileupload-choose input,
 .newmessage__attach.ui-fileupload .ui-fileupload-buttonbar .ui-fileupload-choose:hover input {
     position: relative;
     width: 100%;
     height: 100%;
     display: inline-block;
     top: auto;
     right: auto;
     font-size: initial;
 }
 
 .newmessage__attach.ui-fileupload .ui-fileupload-buttonbar .ui-button .ui-button-text {
     display: none;
 }
 
 .newmessage__tutormeta {
     margin-top: 30px;
 }
 
 .newmessage__tutormeta .tutorprofile__subsection {
     margin-bottom: 20px;
 }
 
 .videohero {
     padding: 52px 0 35px 0;
 }
 
 @media (max-width: 992px) {
     .videohero {
         padding: 36px 0 32px 0;
     }
 }
 
 @media (max-width: 708px) {
     .videohero {
         padding: 26px 0 20px 0;
     }
 }
 
 .videohero__header {
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 48px;
     font-size: 3rem;
     line-height: 52px;
     line-height: 3.25rem;
     color: #303336;
     font-weight: 400;
     letter-spacing: -0.5px;
     font-weight: 600;
 }
 
 @media (max-width: 1268px) {
     .videohero__header {
         font-family: "Modelica", "Source Sans Pro", sans-serif;
         font-size: 34px;
         font-size: 2.125rem;
         line-height: 38px;
         line-height: 2.375rem;
         color: #303336;
         font-weight: 400;
         letter-spacing: -0.5px;
         font-weight: 600;
     }
 }
 
 @media (max-width: 992px) {
     .videohero__header {
         font-family: "Modelica", "Source Sans Pro", sans-serif;
         font-size: 28px;
         font-size: 1.75rem;
         line-height: 34px;
         line-height: 2.125rem;
         color: #303336;
         font-weight: 400;
         letter-spacing: 0;
         font-weight: 600;
     }
 }
 
 .videohero__header:after {
     content: "";
     display: block;
     border: solid 2px #cac9d8;
     width: 30px;
     margin-top: 25px;
 }
 
 @media (max-width: 708px) {
     .videohero__header:after {
         margin-top: 15px;
     }
 }
 
 .videohero__header span {
     color: #60d17b;
 }
 
 .videohero__reviews {
     margin-top: 36px;
 }
 
 @media (max-width: 1268px) {
     .videohero__reviews {
         margin-top: 22px;
     }
 }
 
 @media (max-width: 992px) {
     .videohero__reviews {
         margin-top: 18px;
     }
 }
 
 .videohero__reviews img {
     height: 32px;
     margin-bottom: 10px;
 }
 
 @media (max-width: 1268px) {
     .videohero__reviews img {
         height: 25px;
     }
 }
 
 .videohero__reviews p {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 16px;
     font-size: 1rem;
     line-height: 20px;
     line-height: 1.25rem;
     color: #303336;
     font-weight: 400;
     color: #545174;
 }
 
 .videohero__reviews p span {
     color: #303336;
     font-weight: 600;
 }
 /* 
.videohero__video {
    background-image: url("https://cdn.mytutor.co.uk/images/hero/hero_mother_and_son--large.jpg?1599042894000");
    position: relative;
    top: 0
} */
 /* .videohero__video:after {
    content: "";
    position: absolute;
    background-image: url("https://cdn.mytutor.co.uk/images/icons/play-circle-teal.svg?1599042894000");
    background-size: contain;
    background-repeat: no-repeat;
    width: 80px;
    height: 80px;
    top: calc(50% - 40px);
    left: calc(50% - 40px);
    cursor: pointer
} */
 
 .reviewsummary {
     margin-top: 14px;
     margin-bottom: 14px;
 }
 
 @media (max-width: 708px) {
     .reviewsummary {
         margin-top: 20px;
         margin-bottom: 20px;
     }
 }
 
 .reviewsummary__overall {
     text-align: center;
     display: inline-block;
     vertical-align: middle;
     float: right;
     margin-top: 2px;
 }
 
 @media (max-width: 708px) {
     .reviewsummary__overall {
         margin-top: 8px;
     }
 }
 
 @media (max-width: 708px) {
     .reviewsummary__overall {
         float: none;
         text-align: left;
     }
 }
 
 .reviewsummary__overall__count {
     display: block;
     font-family: "Source Sans Pro", sans-serif;
     font-size: 16px;
     font-size: 1rem;
     line-height: 20px;
     line-height: 1.25rem;
     color: #303336;
     font-weight: 400;
 }
 
 @media (max-width: 992px) {
     .reviewsummary__overall__count {
         font-family: "Source Sans Pro", sans-serif;
         font-size: 14px;
         font-size: 0.875rem;
         line-height: 16px;
         line-height: 1rem;
         color: #303336;
         font-weight: 400;
     }
 }
 
 .reviewsummary__overall__score {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 56px;
     color: #f9cf00;
     display: block;
     margin-bottom: 2px;
 }
 
 @media (max-width: 992px) {
     .reviewsummary__overall__score {
         font-size: 48px;
     }
 }
 
 .reviewsummary__breakdown {
     display: flex;
     flex-direction: column;
     justify-content: center;
 }
 
 .reviewsummary__breakdown>div {
     white-space: nowrap;
 }
 
 .reviewsummary__breakdown__rating {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 14px;
     font-size: 0.875rem;
     line-height: 16px;
     line-height: 1rem;
     color: #303336;
     font-weight: 400;
     color: #cac9d8;
     display: inline-block;
 }
 
 .reviewsummary__breakdown__rating:before {
     font-size: 0.8em;
 }
 
 .reviewsummary__breakdown__bar {
     display: inline-block;
     vertical-align: middle;
     background: #dcdae2;
     width: 100px;
     height: 8px;
     position: relative;
     margin: 0 3px 0 5px;
 }
 
 @media (max-width: 708px) {
     .reviewsummary__breakdown__bar {
         margin: 0 2px 0 3px;
     }
 }
 
 .reviewsummary__breakdown__bar>div {
     background: #f9cf00;
     height: 8px;
 }
 
 .reviewsummary__breakdown__count {
     display: inline-block;
     font-family: "Source Sans Pro", sans-serif;
     font-size: 14px;
     font-size: 0.875rem;
     line-height: 16px;
     line-height: 1rem;
     color: #303336;
     font-weight: 400;
     color: #cac9d8;
 }
 
 .press__contact {
     background: #f5f4f7;
     padding: 14px 16px;
     display: inline-block;
     text-align: left;
 }
 
 @media (max-width: 708px) {
     .press__contact {
         display: block;
         margin-top: 20px;
     }
 }
 
 .press__contact p:first-of-type {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 18px;
     font-size: 1.125rem;
     line-height: 24px;
     line-height: 1.5rem;
     color: #303336;
     font-weight: 400;
     font-family: "Modelica", "Source Sans Pro", sans-serif;
 }
 
 .press__contact p:last-of-type {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 16px;
     font-size: 1rem;
     line-height: 20px;
     line-height: 1.25rem;
     color: #303336;
     font-weight: 400;
     color: #67657d;
 }
 
 .press__contact p:last-of-type a {
     color: #542eff;
 }
 
 .press__card {
     padding: 28px 0;
     border-bottom: solid 1px #dcdae2;
 }
 
 .press__card:first-of-type {
     border-top: solid 1px #dcdae2;
 }
 
 .press__image {
     background-position: center;
     background-size: cover;
     background-repeat: no-repeat;
     width: calc(100% - 40px);
     margin-right: 40px;
     height: 209px;
     position: relative;
     box-sizing: border-box;
     display: inline-block;
 }
 
 @media (max-width: 992px) {
     .press__image {
         width: calc(100% - 25px);
         margin-right: 25px;
     }
 }
 
 @media (max-width: 708px) {
     .press__image {
         width: 100%;
         margin-right: 0;
         margin-bottom: 15px;
     }
 }
 
 .press__logo {
     width: 158px;
     position: absolute;
     top: 7px;
     left: 7px;
     background: white;
 }
 
 .press__header {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 22px;
     font-size: 1.375rem;
     line-height: 28px;
     line-height: 1.75rem;
     color: #303336;
     font-weight: 600;
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-weight: 600;
     margin-bottom: 5px;
 }
 
 @media (max-width: 992px) {
     .press__header {
         font-family: "Source Sans Pro", sans-serif;
         font-size: 18px;
         font-size: 1.125rem;
         line-height: 24px;
         line-height: 1.5rem;
         color: #303336;
         font-weight: 400;
         font-family: "Modelica", "Source Sans Pro", sans-serif;
         font-weight: 600;
     }
 }
 
 .press__date {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 16px;
     font-size: 1rem;
     line-height: 20px;
     line-height: 1.25rem;
     color: #303336;
     font-weight: 400;
     color: #8d89aa;
     margin-bottom: 12px;
 }
 
 @media (max-width: 992px) {
     .press__date {
         font-family: "Source Sans Pro", sans-serif;
         font-size: 14px;
         font-size: 0.875rem;
         line-height: 16px;
         line-height: 1rem;
         color: #303336;
         font-weight: 400;
         color: #67657d;
     }
 }
 
 .press__body {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 18px;
     font-size: 1.125rem;
     line-height: 24px;
     line-height: 1.5rem;
     color: #303336;
     font-weight: 400;
     color: #67657d;
     margin-bottom: 10px;
 }
 
 @media (max-width: 992px) {
     .press__body {
         font-family: "Source Sans Pro", sans-serif;
         font-size: 16px;
         font-size: 1rem;
         line-height: 20px;
         line-height: 1.25rem;
         color: #303336;
         font-weight: 400;
         color: #67657d;
     }
 }
 
 @media (max-width: 992px) {
     .pressbanner {
         border-top: solid 1px #dcdae2;
         border-bottom: solid 1px #dcdae2;
     }
 }
 
 .pressbanner__wrapper {
     -ms-overflow-style: -ms-autohiding-scrollbar;
 }
 
 .pressbanner__wrapper::-webkit-scrollbar {
     display: none;
 }
 
 @media (max-width: 992px) {
     .pressbanner__wrapper {
         height: inherit;
         white-space: nowrap;
         margin: 0;
         padding: 0;
         width: 100%;
         max-width: none;
         overflow: scroll;
         -webkit-overflow-scrolling: touch;
     }
 }
 
 .pressbanner__content {
     display: flex;
     justify-content: space-between;
     align-items: center;
     height: 97px;
     border-top: solid 1px #dcdae2;
     border-bottom: solid 1px #dcdae2;
 }
 
 @media (max-width: 992px) {
     .pressbanner__content {
         border: 0;
         height: 80px;
     }
 }
 
 .pressbanner__header {
     text-transform: uppercase;
     font-family: "Source Sans Pro", sans-serif;
     font-size: 16px;
     font-size: 1rem;
     line-height: 20px;
     line-height: 1.25rem;
     color: #303336;
     font-weight: 400;
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     color: #8d89aa;
     font-weight: 600;
 }
 
 @media (max-width: 1268px) {
     .pressbanner__header {
         padding: 0 20px;
     }
 }
 
 .pressbanner__logo {
     width: 140px;
     max-height: 40px;
 }
 
 @media (max-width: 1268px) {
     .pressbanner__logo {
         width: auto;
         max-height: 30px;
         padding: 0 20px;
     }
 }
 
 .guide {
     padding: 80px 0;
 }
 
 @media (max-width: 992px) {
     .guide {
         padding: 40px 0;
     }
 }
 
 @media (max-width: 708px) {
     .guide {
         padding: 30px 0;
     }
 }
 
 .guide__header {
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 34px;
     font-size: 2.125rem;
     line-height: 38px;
     line-height: 2.375rem;
     color: #303336;
     font-weight: 400;
     letter-spacing: -0.5px;
     margin-bottom: 10px;
 }
 
 @media (max-width: 992px) {
     .guide__header {
         font-family: "Modelica", "Source Sans Pro", sans-serif;
         font-size: 28px;
         font-size: 1.75rem;
         line-height: 34px;
         line-height: 2.125rem;
         color: #303336;
         font-weight: 400;
         letter-spacing: 0;
     }
 }
 
 .guide__header--inline {
     display: inline-block;
     vertical-align: middle;
     margin-right: 12px;
 }
 
 .guide__subheader {
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 24px;
     font-size: 1.5rem;
     line-height: 28px;
     line-height: 1.75rem;
     color: #303336;
     font-weight: 400;
     letter-spacing: 0;
     color: #67657d;
     margin-bottom: 20px;
 }
 
 @media (max-width: 992px) {
     .guide__subheader {
         font-family: "Source Sans Pro", sans-serif;
         font-size: 18px;
         font-size: 1.125rem;
         line-height: 24px;
         line-height: 1.5rem;
         color: #303336;
         font-weight: 400;
         font-family: "Modelica", "Source Sans Pro", sans-serif;
         color: #67657d;
     }
 }
 
 .guide__headerlink {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 18px;
     font-size: 1.125rem;
     line-height: 24px;
     line-height: 1.5rem;
     color: #303336;
     font-weight: 400;
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     color: #3c90f0;
     vertical-align: baseline;
 }
 
 .guide__section {
     margin-top: 60px;
 }
 
 .guide__card {
     border: 1px solid #dcdae2;
     margin-top: 15px;
     position: relative;
     box-sizing: border-box;
 }
 
 .guide__card img {
     height: 77px;
     width: auto;
 }
 
 .guide__card p {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 18px;
     font-size: 1.125rem;
     line-height: 24px;
     line-height: 1.5rem;
     color: #303336;
     font-weight: 400;
 }
 
 .guide__card a {
     text-align: center;
 }
 
 .guide__card .number {
     position: absolute;
     top: 12px;
     left: 16px;
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 24px;
     font-size: 1.5rem;
     line-height: 28px;
     line-height: 1.75rem;
     color: #303336;
     font-weight: 400;
     letter-spacing: 0;
     color: #cac9d8;
 }
 
 .guide__card--vertical {
     padding: 22px 36px;
 }
 
 @media (max-width: 992px) {
     .guide__card--vertical {
         padding: 22px 26px;
     }
 }
 
 .guide__card--vertical a {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     right: 36px;
 }
 
 @media (max-width: 992px) {
     .guide__card--vertical a {
         position: relative;
         right: auto;
         transform: none;
         top: auto;
         margin-top: 10px;
         margin-left: 76px;
     }
 }
 
 @media (max-width: 708px) {
     .guide__card--vertical a {
         margin-left: 0;
         margin-top: 20px;
         width: 100%;
         box-sizing: border-box;
     }
 }
 
 .guide__card--vertical img {
     width: 59px;
     vertical-align: middle;
     margin-right: 32px;
 }
 
 @media (max-width: 992px) {
     .guide__card--vertical img {
         vertical-align: top;
         margin-right: 22px;
         width: 50px;
     }
 }
 
 .guide__card--vertical .wrapper {
     display: inline-block;
     width: calc(100% - 320px);
     vertical-align: middle;
 }
 
 @media (max-width: 992px) {
     .guide__card--vertical .wrapper {
         width: calc(100% - 80px);
     }
 }
 
 .guide__card--vertical p:first-child {
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 24px;
     font-size: 1.5rem;
     line-height: 28px;
     line-height: 1.75rem;
     color: #303336;
     font-weight: 400;
     letter-spacing: 0;
 }
 
 .guide__card--vertical p:last-child {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 18px;
     font-size: 1.125rem;
     line-height: 24px;
     line-height: 1.5rem;
     color: #303336;
     font-weight: 400;
     color: #67657d;
     margin-top: 2px;
 }
 
 .guide__card--horizontal {
     text-align: center;
     padding: 29px 0 38px 0;
     margin-right: 15px;
 }
 
 @media (max-width: 992px) {
     .guide__card--horizontal {
         padding: 29px 0 30px 0;
     }
 }
 
 @media (max-width: 708px) {
     .guide__card--horizontal {
         margin-right: 0;
     }
 }
 
 .guide__card--horizontal p,
 .guide__card--horizontal a {
     max-width: 246px;
     margin: 0 auto;
 }
 
 .guide__card--horizontal p {
     margin-bottom: 28px;
     font-weight: 600;
 }
 
 @media (max-width: 992px) {
     .guide__card--horizontal p {
         margin-bottom: 22px;
     }
 }
 
 .guide__card--horizontal img {
     margin-bottom: 22px;
 }
 
 .guide__faqwrapper {
     padding-right: 50px;
 }
 
 @media (max-width: 992px) {
     .guide__faqwrapper {
         padding-right: 0;
     }
 }
 
 .guide__faq h3 {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 22px;
     font-size: 1.375rem;
     line-height: 28px;
     line-height: 1.75rem;
     color: #303336;
     font-weight: 600;
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-weight: normal;
     color: #3c90f0;
     margin-bottom: 12px;
     margin-top: 24px;
     cursor: pointer;
 }
 
 @media (max-width: 992px) {
     .guide__faq h3 {
         font-family: "Source Sans Pro", sans-serif;
         font-size: 18px;
         font-size: 1.125rem;
         line-height: 24px;
         line-height: 1.5rem;
         color: #303336;
         font-weight: 400;
         font-family: "Modelica", "Source Sans Pro", sans-serif;
         color: #3c90f0;
         margin-top: 20px;
     }
 }
 
 .guide__faq h3:before {
     content: "";
     width: 8px;
     height: 8px;
     display: inline-block;
     transform: rotate(45deg);
     border-right: 2px solid #3c90f0;
     border-top: 2px solid #3c90f0;
     vertical-align: middle;
     margin-right: 15px;
     margin-bottom: 3px;
 }
 
 @media (max-width: 992px) {
     .guide__faq h3:before {
         width: 6px;
         height: 6px;
         margin-right: 12px;
     }
 }
 
 .guide__faq h3.is-open:before {
     border-top: 0;
     border-bottom: 2px solid #3c90f0;
     margin-bottom: 8px;
 }
 
 .guide__faq ol {
     list-style: decimal;
     padding-left: 15px;
 }
 
 .guide__faq li {
     margin-top: 15px;
     font-family: "Source Sans Pro", sans-serif;
     font-size: 18px;
     font-size: 1.125rem;
     line-height: 24px;
     line-height: 1.5rem;
     color: #303336;
     font-weight: 400;
     font-weight: 600;
     padding-left: 10px;
 }
 
 .guide__faq .content {
     padding-left: 30px;
     display: none;
     margin-bottom: 52px;
 }
 
 @media (max-width: 992px) {
     .guide__faq .content {
         padding-left: 23px;
         margin-bottom: 40px;
     }
 }
 
 .guide__faq p {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 18px;
     font-size: 1.125rem;
     line-height: 24px;
     line-height: 1.5rem;
     color: #303336;
     font-weight: 400;
 }
 
 .guide__whatsnew {
     background-color: #f5f4f7;
     border: solid 1px #dcdae2;
     text-align: center;
 }
 
 @media (max-width: 708px) {
     .guide__whatsnew {
         margin-top: 40px;
     }
 }
 
 .guide__whatsnew>div {
     padding: 30px;
 }
 
 .guide__whatsnew>div:last-of-type {
     border-top: solid 1px #dcdae2;
 }
 
 .guide__whatsnew>div>img {
     margin: 25px auto 20px auto;
     width: 168px;
     display: block;
 }
 
 .guide__whatsnew a {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 18px;
     font-size: 1.125rem;
     line-height: 24px;
     line-height: 1.5rem;
     color: #303336;
     font-weight: 400;
     color: #3c90f0;
 }
 
 .guide__whatsnew a img {
     margin-left: 8px;
 }
 
 .guide__whatsnew p {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 22px;
     font-size: 1.375rem;
     line-height: 28px;
     line-height: 1.75rem;
     color: #303336;
     font-weight: 600;
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     margin-bottom: 6px;
 }
 
 #cropphotodialog .jcrop-holder>div .jcrop-tracker:after {
     content: "";
     position: absolute;
     display: block;
     height: 100%;
     width: 66%;
     border: 1px solid #fff;
     border-radius: 100%;
     margin: 0 auto;
     right: 0;
     left: 0;
     top: 0;
     bottom: 0;
 }
 
 #cropphotodialog .jcrop-holder .jcrop-hline,
 #cropphotodialog .jcrop-holder .jcrop-vline {
     opacity: 1 !important;
 }
 
 #cropphotodialog .jcrop-holder .jcrop-handle {
     opacity: 1 !important;
     background-color: #fff;
     border-radius: 100%;
 }
 
 #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar .ui-button .ui-button-text {
     padding: 0;
     display: block !important;
 }
 
 #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-files {
     margin: 0;
 }
 
 #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-cancel {
     width: 15px;
     height: 15px;
     top: 10px;
 }
 
 #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-cancel .ui-button-text {
     padding: 0;
 }
 
 .ui-fileupload-content {
     border: 0;
     padding: 0;
 }
 
 .ui-fileupload-files {
     position: relative;
     width: 100%;
     margin: 0;
     border-spacing: 0;
 }
 
 .ui-fileupload-files .ui-fileupload-row>div {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 14px;
     font-size: 0.875rem;
     line-height: 16px;
     line-height: 1rem;
     color: #303336;
     font-weight: 400;
     display: inline-block;
     margin-right: 5px;
 }
 
 .ui-fileupload-row {
     display: block;
 }
 
 .ui-fileupload-row>div {
     padding: 0;
 }
 
 .ui-fileupload-files .ui-fileupload-row .ui-fileupload-preview {
     display: none;
 }
 
 .ui-fileupload-files .ui-fileupload-row .ui-fileupload-progress {
     display: block;
     width: 100%;
     margin-top: 10px;
 }
 
 .ui-fileupload-files .ui-fileupload-row div:nth-child(5) {
     display: none;
 }
 
 .ui-fileupload-files .ui-progressbar {
     top: 0;
     width: 100%;
     height: 8px;
     border: 0;
     background-color: #dcdae2;
 }
 
 .ui-fileupload-files .ui-progressbar .ui-progressbar-value {
     height: 8px;
     margin: 0;
     border: 0;
     background: #32cf3a;
 }
 
 .stats__item {
     border-right: 1px solid #dcdae2;
     margin: 30px 0;
     padding: 0 10px;
     text-align: center;
 }
 
 .stats__item--large {
     margin: 34px 0;
 }
 
 @media (max-width: 708px) {
     .stats__item {
         border-right: 0;
         border-bottom: 1px solid #dcdae2;
         margin: 0;
         padding: 20px 30px;
         text-align: left;
     }
 }
 
 .stats__item:last-child {
     border-right: 0;
 }
 
 @media (max-width: 708px) {
     .stats__item:last-child {
         border-bottom: 0;
     }
 }
 
 .stats__wrapper {
     display: inline-block;
     margin-left: 15px;
     vertical-align: middle;
     text-align: left;
 }
 
 @media (max-width: 992px) {
     .stats__hide-medium-only {
         display: none;
     }
 }
 
 @media (max-width: 708px) {
     .stats__hide-medium-only {
         display: inline-block;
     }
 }
 
 .stats__avatar {
     height: 44px;
     width: 44px;
     margin-right: 0;
 }
 
 .stats__avatar span {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 18px;
     font-size: 1.125rem;
     line-height: 24px;
     line-height: 1.5rem;
     color: #303336;
     font-weight: 400;
     font-weight: 600;
     color: #fff;
 }
 
 .stats__image {
     height: 54px;
     vertical-align: middle;
 }
 
 @media (max-width: 708px) {
     .stats__image {
         width: 46px;
         height: auto;
     }
 }
 
 .stats__amount {
     font-style: initial;
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 28px;
     font-size: 1.75rem;
     line-height: 34px;
     line-height: 2.125rem;
     color: #303336;
     font-weight: 400;
     letter-spacing: 0;
     font-weight: bold;
     color: #32cf3a;
 }
 
 @media (max-width: 708px) {
     .stats__amount {
         font-family: "Modelica", "Source Sans Pro", sans-serif;
         font-size: 24px;
         font-size: 1.5rem;
         line-height: 28px;
         line-height: 1.75rem;
         color: #303336;
         font-weight: 400;
         letter-spacing: 0;
         font-weight: bold;
         color: #32cf3a;
     }
 }
 
 .stats__amount--good {
     color: #32cf3a;
 }
 
 .stats__amount--average {
     color: #f49342;
 }
 
 .stats__amount--poor {
     color: #ff1744;
 }
 
 .stats__amount--disabled {
     color: #67657d;
 }
 
 .stats__title {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 16px;
     font-size: 1rem;
     line-height: 20px;
     line-height: 1.25rem;
     color: #303336;
     font-weight: 400;
     text-transform: uppercase;
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-weight: 600;
 }
 
 .reportissue__header {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 22px;
     font-size: 1.375rem;
     line-height: 28px;
     line-height: 1.75rem;
     color: #303336;
     font-weight: 600;
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-weight: 600;
     margin-bottom: 3px;
 }
 
 .reportissue__form p {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 18px;
     font-size: 1.125rem;
     line-height: 24px;
     line-height: 1.5rem;
     color: #303336;
     font-weight: 400;
     color: #67657d;
     margin-bottom: 12px;
 }
 
 @media (max-width: 992px) {
     .reportissue__form p {
         font-family: "Source Sans Pro", sans-serif;
         font-size: 16px;
         font-size: 1rem;
         line-height: 20px;
         line-height: 1.25rem;
         color: #303336;
         font-weight: 400;
         color: #67657d;
     }
 }
 
 .reportissue__sidebar {
     text-align: center;
     padding: 40px 20px;
 }
 
 .reportissue__sidebar img {
     width: 110px;
     height: 110px;
     border-radius: 100%;
     display: block;
     margin: 0 auto 10px auto;
 }
 
 .reportissue__sidebar p {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 16px;
     font-size: 1rem;
     line-height: 20px;
     line-height: 1.25rem;
     color: #303336;
     font-weight: 400;
     color: #545174;
     max-width: 270px;
     display: block;
     margin: 0 auto 38px auto;
 }
 
 .listview__filters {
     padding: 20px 0 15px 0;
     border-bottom: 1px solid #dcdae2;
     background-color: #fff;
 }
 
 .listview__filters--padding {
     padding-right: 10px;
 }
 
 @media (max-width: 708px) {
     .listview__filters--padding {
         padding-right: 0;
     }
     .listview__filters--padding--top {
         padding-top: 8px;
     }
 }
 
 @media (max-width: 708px) {
     .listview__filters--padding--mobile {
         padding-right: 10px;
     }
 }
 
 .listview__filters select,
 .listview__filters .inputRegion {
     margin-bottom: 0;
 }
 
 .listview__filters__price {
     display: block;
 }
 
 @media (max-width: 708px) {
     .listview__filters__price {
         display: none;
     }
 }
 
 @media (max-width: 708px) {
     .listview__filters__price--show {
         display: block;
     }
 }
 
 .listview__filters__hiddenfields {
     width: 100%;
     height: 100%;
     position: relative;
 }
 
 @media (max-width: 708px) {
     .listview__filters {
         padding: 16px 0 15px 0;
     }
     .listview__filters .u-padding-right--s:last-of-type {
         padding-right: 0;
     }
 }
 
 .listview__filters--secure {
     padding: 20px 20px 15px 20px;
     border-bottom: 0;
 }
 
 .listview__filterstoggle {
     padding-right: 3.33333em;
     margin-top: 24px;
     position: absolute;
     right: 60px;
     top: 0;
 }
 
 @media (max-width: 992px) {
     .listview__filterstoggle {
         right: 40px;
     }
 }
 
 @media (max-width: 708px) {
     .listview__filterstoggle {
         margin-top: 10px;
         right: 20px;
         position: relative;
         width: 100%;
         right: auto;
         top: auto;
     }
 }
 
 .listview__filterstoggle:after {
     content: "";
     width: 6px;
     height: 6px;
     position: absolute;
     right: 15px;
     top: 14px;
     transform: rotate(45deg);
     border-right: 2px solid #542eff;
     border-bottom: 2px solid #542eff;
 }
 
 .listview__filterstoggle:hover:after,
 .listview__filterstoggle:active:after {
     border-right: 2px solid #fff;
     border-bottom: 2px solid #fff;
 }
 
 .listview__filterstoggle--secure {
     right: 0;
 }
 
 .listview__filterstoggle--open:after {
     top: 18px;
     transform: rotate(225deg);
 }
 
 .listview__gender {
     display: inline-block;
     margin-right: 10px;
     width: 100%;
 }
 
 @media (max-width: 708px) {
     .listview__gender.inputRegion {
         margin-bottom: 7px;
     }
 }
 
 .listview__gender--mobile {
     width: 100%;
 }
 
 @media (max-width: 708px) {
     .listview__gender--mobile {
         width: auto;
     }
 }
 
 .listview__gender--mobile .listview__checkbox {
     width: 100%;
     box-sizing: border-box;
 }
 
 .listview__checkbox {
     padding: 9px 12px 9px 12px;
     display: inline-block;
     vertical-align: middle;
     box-shadow: 0 1px 0 0 rgba(22, 29, 37, 0.05);
     border: solid 1px #cac9d8;
     box-sizing: border-box;
     width: 100%;
 }
 
 .listview__checkbox label {
     margin: 0 10px 0 8px !important;
     width: calc(100% - 34px) !important;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
 }
 
 .listview__checkbox--premium {
     position: relative;
 }
 
 @media (max-width: 392px) {
     .listview__checkbox--premium {
         margin-top: 20px;
     }
 }
 
 .listview__checkbox--premium:before {
     content: "Premium";
     display: block;
     position: absolute;
     top: -23px;
     left: 0;
     color: #303336;
 }
 
 .listview__wrapper {
     padding-bottom: 60px;
 }
 
 @media (max-width: 708px) {
     .listview__wrapper {
         padding-bottom: 0;
     }
 }
 
 .listview__wrapper--grey {
     background-color: #f9f8fb;
 }
 
 .listview__loading {
     text-align: center;
 }
 
 .listview__loading img {
     animation: spinner 0.6s linear infinite;
 }
 
 .listview__hero {
     background-color: #f9f8fb;
 }
 
 .listview__hero--bg {
     padding-bottom: 6em;
     background: #14508e;
     position: relative;
 }
 
 .listview__hero .breadcrumbs--listview {
     margin: -5em 0 1em;
     padding: 0;
 }
 
 .listview__hero .breadcrumbs--listview .breadcrumbs__link a {
     color: #fff;
 }
 
 @media (max-width: 708px) {
     .listview__hero .breadcrumbs--listview .breadcrumbs__link {
         font-size: 0.875em;
     }
     .listview__hero .breadcrumbs--listview .breadcrumbs__link:after {
         width: 4px;
         height: 4px;
         top: 8px;
     }
 }
 
 .listview__hero .listview__filters {
     margin: 1em 0;
     padding: 0;
     border-bottom: 0;
     background-color: #f9f8fb;
 }
 
 .listview__hero .listview__filters__tile {
     padding: 10px 16px;
     border: 1px solid transparent;
     background-color: #fff;
     box-shadow: 0 1px 3px 0 rgba(63, 63, 68, 0.15), 0 0 0 1px rgba(63, 63, 68, 0.05);
 }
 
 .listview__hero .listview__filterstoggle {
     margin-top: 34px;
     right: 34px;
 }
 
 @media (max-width: 708px) {
     .listview__hero .listview__filterstoggle {
         margin-top: 1em;
         right: auto;
     }
 }
 
 .listview__hero .listview__wrapper--grey {
     padding-top: 5px;
 }
 
 @media (max-width: 708px) {
     .listview__hero .listview__wrapper--grey {
         padding-bottom: 60px;
     }
 }
 
 .listview__resultshero {
     margin: 40px 0;
 }
 
 @media (max-width: 1268px) {
     .listview__resultshero {
         margin: 30px 0;
     }
 }
 
 @media (max-width: 708px) {
     .listview__resultshero {
         padding-bottom: 16px;
         margin: 20px 0 0 0;
     }
 }
 
 .listview__resultshero h1 {
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 24px;
     font-size: 1.5rem;
     line-height: 30px;
     line-height: 1.875rem;
     font-weight: 700;
     letter-spacing: 0;
     color: #303336;
     font-weight: 600;
     margin-bottom: 8px;
     text-align: center;
 }
 
 @media (max-width: 1268px) {
     .listview__resultshero h1 {
         font-family: "Modelica", "Source Sans Pro", sans-serif;
         font-size: 20px;
         font-size: 1.25rem;
         line-height: 28px;
         line-height: 1.75rem;
         font-weight: 700;
         letter-spacing: 0;
         font-weight: 600;
     }
 }
 
 @media (max-width: 708px) {
     .listview__resultshero h1 {
         font-family: "Modelica", "Source Sans Pro", sans-serif;
         font-size: 18px;
         font-size: 1.125rem;
         line-height: 26px;
         line-height: 1.625rem;
         font-weight: 700;
         letter-spacing: 0;
         font-weight: 600;
         margin-bottom: 0;
     }
 }
 
 .listview__resultshero h2 {
     text-align: center;
     font-family: "Source Sans Pro", sans-serif;
     font-size: 18px;
     font-size: 1.125rem;
     line-height: 24px;
     line-height: 1.5rem;
     color: #303336;
     font-weight: 400;
     color: #67657d;
 }
 
 @media (max-width: 708px) {
     .listview__resultshero h2 {
         display: none;
     }
 }
 
 @media (max-width: 708px) {
     .listview__resultshero h2.emptystate {
         display: block;
         font-family: "Source Sans Pro", sans-serif;
         font-size: 16px;
         font-size: 1rem;
         line-height: 20px;
         line-height: 1.25rem;
         color: #303336;
         font-weight: 400;
         color: #67657d;
         margin-top: 5px;
     }
 }
 
 .listview__resultshero h2 span {
     position: relative;
     padding-right: 25px;
 }
 
 .listview__resultshero h2 span:after {
     content: "";
     background-image: url("//cdn.mytutor.co.uk/images/uploads/pagination-right-disabled.svg");
     background-repeat: no-repeat;
     background-size: contain;
     right: 1px;
     position: absolute;
     width: 16px;
     height: 12px;
     top: 6px;
 }
 
 .listview__related {
     margin-bottom: 1em;
     padding: 1em;
     border-bottom: 1px solid #f5f4f7;
     box-shadow: 0 1px 3px 0 rgba(63, 63, 68, 0.15), 0 0 0 1px rgba(63, 63, 68, 0.05);
     background: #fff;
     color: #303336;
     line-height: 1.25em;
 }
 
 .listview__related h2 {
     margin-bottom: 0.5em;
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 1.125em;
     font-weight: 700;
 }
 
 .listview__related li {
     margin: 0.25em 0;
 }
 
 .listview__emptystate {
     background-color: #fff;
     border: 1px solid #dcdae2;
     padding: 15px 20px;
 }
 
 .listview__emptystate h3 {
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 24px;
     font-size: 1.5rem;
     line-height: 28px;
     line-height: 1.75rem;
     color: #303336;
     font-weight: 400;
     letter-spacing: 0;
     margin-bottom: 5px;
 }
 
 .listview__emptystate p {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 18px;
     font-size: 1.125rem;
     line-height: 24px;
     line-height: 1.5rem;
     color: #303336;
     font-weight: 400;
 }
 
 .listview__carousel {
     margin-left: 20px;
     background: #fff;
     text-align: center;
     padding: 20px 15px;
     min-height: 360px;
     position: relative;
     margin-top: -1px;
     box-shadow: 0 1px 3px 0 rgba(63, 63, 68, 0.15), 0 0 0 1px rgba(63, 63, 68, 0.05);
 }
 
 @media (max-width: 992px) {
     .listview__carousel {
         margin-top: 40px;
         min-height: 310px;
         margin-left: 0;
     }
 }
 
 @media (max-width: 708px) {
     .listview__carousel {
         border-left: 0;
         border-right: 0;
     }
 }
 
 .listview__carousel h4 {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 16px;
     font-size: 1rem;
     line-height: 20px;
     line-height: 1.25rem;
     color: #303336;
     font-weight: 400;
     color: #67657d;
     margin-bottom: 5px;
     margin-top: 7px;
 }
 
 .listview__carousel p {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 16px;
     font-size: 1rem;
     line-height: 20px;
     line-height: 1.25rem;
     color: #303336;
     font-weight: 400;
     font-style: italic;
     margin-top: 20px;
 }
 
 @media (max-width: 992px) {
     .listview__carousel p {
         max-width: 350px;
         margin-left: auto;
         margin-right: auto;
     }
 }
 
 .listview__carousel .controls {
     position: absolute;
     bottom: 20px;
     left: 20px;
     right: 20px;
 }
 
 .listview__carousel .controls .arrow img {
     height: 18px;
     vertical-align: sub;
 }
 
 .listview__carousel .controls .arrow.left {
     float: left;
 }
 
 .listview__carousel .controls .arrow.right {
     float: right;
 }
 
 .listview__carousel .controls p {
     font-style: normal;
     margin-top: 0;
     padding: 0 15px;
 }
 
 .listview__carousel .controls p a {
     font-weight: 600;
 }
 
 @media (max-width: 992px) {
     .listview__carousel {
         margin-left: 0;
     }
 }
 
 @media (max-width: 1100px) {
     .listview__carousel--secure .listview__carousel {
         margin-top: 40px;
         min-height: 310px;
         margin-left: 0;
     }
 }
 
 .listview--no-padding {
     padding: 0;
 }
 
 .listview--no-padding .listview__filters {
     border-bottom: 0;
 }
 
 .listview .reviewpanel--trustpilot {
     background: white;
 }
 
 .listview .reviewpanel--trustpilot .reviewpanel__header {
     text-align: center;
 }
 
 .listview__footer {
     padding: 2em 1em 3em;
     background: white;
 }
 
 .listview__footer h2 {
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 24px;
     font-size: 1.5rem;
     line-height: 28px;
     line-height: 1.75rem;
     color: #303336;
     font-weight: 400;
     letter-spacing: 0;
     font-weight: 600;
     margin: 0.5em 0;
 }
 
 .listview__footer h3 {
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 24px;
     font-size: 1.5rem;
     line-height: 28px;
     line-height: 1.75rem;
     color: #303336;
     font-weight: 400;
     letter-spacing: 0;
     font-weight: 600;
     margin: 0.5em 0;
 }
 
 .listview__footer p {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 16px;
     font-size: 1rem;
     line-height: 20px;
     line-height: 1.25rem;
     color: #303336;
     font-weight: 400;
     line-height: 1.5em;
     margin: 1em 0;
     color: #67657d;
     white-space: pre-line;
 }
 
 .listview__footer ul {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 16px;
     font-size: 1rem;
     line-height: 20px;
     line-height: 1.25rem;
     color: #303336;
     font-weight: 400;
     line-height: 1;
     margin: 1em 3em 1em 4em;
     color: #67657d;
     text-align: left;
     list-style-type: disc;
 }
 
 .listview__help {
     padding: 2em;
 }
 
 .listview__help img {
     display: block;
     margin: 1em auto 2em;
 }
 
 .listview__help h2 {
     line-height: 1.25em;
     font-weight: 800;
     margin: 0.5em 0;
 }
 
 .listview__help p {
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 0.875em;
     line-height: 1.5em;
     margin: 1em 0;
 }
 
 .listview__help.listview__related {
     padding: 1.5em;
 }
 
 .listview__help.listview__related p {
     font-size: 1em;
 }
 
 .listview__help.listview__related a {
     margin: 2em 0 1em;
 }
 
 .listview .scrollbanner {
     background: white;
 }
 
 body.cro #allcontent.allcontent-secure-overwrite .container__secure-wrapper--topnav {
     padding-top: 0;
     padding-left: 0;
     padding-right: 0;
 }
 
 body.page_parents_secure_view-tutors,
 body.page_students_secure_view-tutors,
 body.page_view-tutors {
     background: #f9f8fb;
 }
 
 @media (max-width: 708px) {
     body.page_parents_secure_view-tutors .ui-tooltip,
     body.page_students_secure_view-tutors .ui-tooltip,
     body.page_view-tutors .ui-tooltip {
         display: none !important;
     }
 }
 
 .tutorresultstile {
     background-color: #fff;
     border: solid 1px #dcdae2;
     margin: 0 10px 20px 10px;
     box-sizing: border-box;
     height: 455px;
     position: relative;
     cursor: pointer;
     transition-property: box-shadow, border;
     transition-duration: 0.15s;
     transition-timing-function: ease-in-out;
     text-align: left;
 }
 
 .tutorresultstile:hover {
     box-shadow: 0 2px 12px 1px rgba(39, 44, 48, 0.16);
 }
 
 @media (max-width: 600px) {
     .tutorresultstile:hover {
         box-shadow: none;
     }
 }
 
 .tutorresultstile:active,
 .tutorresultstile:focus {
     box-shadow: none;
     outline: 0;
     border: solid 1px #cac9d8;
 }
 
 @media (max-width: 1268px) {
     .tutorresultstile {
         height: 450px;
     }
 }
 
 @media (max-width: 840px) {
     .tutorresultstile {
         height: 490px;
     }
 }
 
 @media (max-width: 708px) {
     .tutorresultstile {
         height: 450px;
         margin: 0 8px 30px 8px;
     }
 }
 
 @media (max-width: 600px) {
     .tutorresultstile {
         height: auto;
         border-radius: 0;
         border-left: 0;
         border-right: 0;
         margin: 0;
         border-bottom: 0;
         padding: 15px 18px;
     }
 }
 
 @media (max-width: 450px) {
     .tutorresultstile {
         padding-bottom: 54px;
     }
 }
 
 .tutorresultstile__image {
     height: 240px;
     width: 100%;
     position: relative;
 }
 
 @media (max-width: 1268px) {
     .tutorresultstile__image {
         height: 240px;
     }
 }
 
 @media (max-width: 840px) {
     .tutorresultstile__image {
         height: 280px;
     }
 }
 
 @media (max-width: 708px) {
     .tutorresultstile__image {
         height: 240px;
     }
 }
 
 @media (max-width: 600px) {
     .tutorresultstile__image {
         width: 160px;
         height: 160px;
         display: inline-block;
     }
 }
 
 @media (max-width: 450px) {
     .tutorresultstile__image {
         width: 118px;
         height: 118px;
     }
 }
 
 .tutorresultstile__image__tutor {
     width: 100%;
     height: 100%;
     object-fit: cover;
     object-position: center;
 }
 
 .tutorresultstile__image__premium {
     width: 60px;
     height: 60px;
     position: absolute;
     right: 0;
     top: 0;
 }
 
 @media (max-width: 708px) {
     .tutorresultstile__image__premium {
         width: 50px;
         height: 50px;
     }
 }
 
 @media (max-width: 450px) {
     .tutorresultstile__image__premium {
         width: 40px;
         height: 40px;
     }
 }
 
 .tutorresultstile__view {
     position: absolute;
     bottom: 0;
     left: 0;
     right: 0;
     padding: 15px 16px 20px 16px;
 }
 
 @media (max-width: 600px) {
     .tutorresultstile__view {
         position: absolute;
         padding: 10px 0 0 10px;
         bottom: 0;
     }
 }
 
 @media (max-width: 450px) {
     .tutorresultstile__view {
         position: absolute;
         left: 18px;
         right: 18px;
         bottom: 15px;
         padding-left: 0;
     }
 }
 
 .tutorresultstile__body {
     padding: 15px 16px 0 16px;
 }
 
 @media (max-width: 600px) {
     .tutorresultstile__body {
         display: inline-block;
         width: calc(100% - 165px);
         vertical-align: top;
         padding: 0 0 0 10px;
         box-sizing: border-box;
         position: relative;
         min-height: 160px;
     }
 }
 
 @media (max-width: 450px) {
     .tutorresultstile__body {
         width: calc(100% - 125px);
         min-height: 0;
         position: initial;
     }
 }
 
 .tutorresultstile__name {
     max-width: calc(100% - 90px);
     font-family: "Source Sans Pro", sans-serif;
     font-size: 18px;
     font-size: 1.125rem;
     line-height: 24px;
     line-height: 1.5rem;
     color: #303336;
     font-weight: 400;
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-weight: 600;
     display: inline-block;
     margin-bottom: 8px;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
 }
 
 @media (max-width: 1268px) {
     .tutorresultstile__name {
         font-family: "Source Sans Pro", sans-serif;
         font-size: 16px;
         font-size: 1rem;
         line-height: 20px;
         line-height: 1.25rem;
         color: #303336;
         font-weight: 400;
         font-family: "Modelica", "Source Sans Pro", sans-serif;
         font-weight: 600;
     }
 }
 
 @media (max-width: 450px) {
     .tutorresultstile__name {
         margin-bottom: 0;
         max-width: none;
         display: block;
     }
 }
 
 .tutorresultstile__name:hover {
     color: #303336;
 }
 
 .tutorresultstile__price {
     text-align: right;
     float: right;
     font-family: "Source Sans Pro", sans-serif;
     font-size: 18px;
     font-size: 1.125rem;
     line-height: 24px;
     line-height: 1.5rem;
     color: #303336;
     font-weight: 400;
     font-weight: 600;
     display: inline-block;
     margin-bottom: 8px;
 }
 
 @media (max-width: 1268px) {
     .tutorresultstile__price {
         font-family: "Source Sans Pro", sans-serif;
         font-size: 16px;
         font-size: 1rem;
         line-height: 20px;
         line-height: 1.25rem;
         color: #303336;
         font-weight: 400;
         font-weight: 600;
     }
 }
 
 @media (max-width: 450px) {
     .tutorresultstile__price {
         float: none;
         text-align: left;
         display: block;
     }
 }
 
 .tutorresultstile__meta {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 14px;
     font-size: 0.875rem;
     line-height: 16px;
     line-height: 1rem;
     color: #303336;
     font-weight: 400;
     color: #67657d;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
 }
 
 .tutorresultstile__meta:first-of-type {
     margin-bottom: 2px;
 }
 
 .tutorresultstile__helpbutton {
     word-break: break-word;
     padding: 9px 5px;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     display: block;
     max-width: 210px;
     margin: 0 auto;
 }
 
 @media (max-width: 600px) {
     .tutorresultstile__helpbutton {
         display: inline-block;
         padding: 9px 12px;
     }
 }
 
 @media (max-width: 450px) {
     .tutorresultstile__helpbutton {
         position: absolute;
         left: 0;
         right: 0;
         bottom: 0;
         text-align: center;
         max-width: none;
     }
 }
 
 .tutorresultstile--request {
     text-align: center;
     border: 1px solid #0cb;
     background-color: #ebfaf8;
 }
 
 .tutorresultstile--request:hover {
     box-shadow: none;
 }
 
 @media (max-width: 600px) {
     .tutorresultstile--request {
         text-align: left;
         border: 0;
     }
 }
 
 @media (max-width: 450px) {
     .tutorresultstile--request {
         padding-bottom: 1em;
     }
 }
 
 .tutorresultstile__request {
     position: relative;
     top: 50%;
     transform: translateY(-50%);
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
 }
 
 @media (max-width: 600px) {
     .tutorresultstile__request {
         top: auto;
         transform: none;
     }
 }
 
 .tutorresultstile__request h3,
 .tutorresultstile__request p {
     padding: 0 0.5em;
 }
 
 @media (max-width: 600px) {
     .tutorresultstile__request h3,
     .tutorresultstile__request p {
         padding: 0;
     }
 }
 
 .tutorresultstile__request h3 {
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 1.25em;
     font-weight: 700;
     line-height: 1.4em;
     color: #303336;
 }
 
 .tutorresultstile__request p {
     color: #303336;
     margin: 1.25em 0 0;
 }
 
 @media (max-width: 600px) {
     .tutorresultstile__request p {
         margin: 1em 0 0;
     }
 }
 
 .tutorresultstile__request p em {
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 1.25em;
     font-weight: 700;
     font-style: normal;
 }
 
 .tutorresultstile__request p em a {
     color: #311b92;
 }
 
 .tutorresultstile__request p time {
     display: block;
     margin-top: 0.5em;
     color: #67657d;
 }
 
 @media (max-width: 600px) {
     .tutorresultstile__request__content {
         display: inline-block;
         width: calc(100% - 160px);
         margin-left: 15px;
     }
 }
 
 @media (max-width: 450px) {
     .tutorresultstile__request__content {
         width: calc(100% - 120px);
     }
 }
 
 .tutorresultstile__request__content h3 {
     font-family: "Modelica", "Source Sans Pro", sans-serif;
 }
 
 .tutorresultstile__request__image {
     display: block;
     max-width: 214px;
     margin: 0 auto;
     margin-bottom: 22px;
 }
 
 @media (max-width: 1268px) {
     .tutorresultstile__request__image {
         margin-bottom: 18px;
     }
 }
 
 @media (max-width: 600px) {
     .tutorresultstile__request__image {
         margin-bottom: 0;
         max-width: 140px;
         vertical-align: top;
         display: inline-block;
     }
 }
 
 @media (max-width: 450px) {
     .tutorresultstile__request__image {
         margin-bottom: 0;
         max-width: 100px;
         vertical-align: top;
         display: inline-block;
     }
 }
 
 .tutortile {
     padding: 16px 16px 14px 16px;
     background: #fff;
     border-bottom: 1px solid #f5f4f7;
     position: relative;
     cursor: pointer;
     box-shadow: 0 1px 3px 0 rgba(63, 63, 68, 0.15), 0 0 0 1px rgba(63, 63, 68, 0.05);
     transition-property: box-shadow, border;
     transition-duration: 0.15s;
     transition-timing-function: ease-in-out;
 }
 
 @media (max-width: 708px) {
     .tutortile {
         border-left: 0;
         border-right: 0;
         padding: 10px 10px 8px 10px;
     }
 }
 
 .tutortile:hover {
     box-shadow: 0 2px 12px 1px rgba(39, 44, 48, 0.16);
     z-index: 1;
 }
 
 @media (max-width: 600px) {
     .tutortile:hover {
         box-shadow: none;
     }
 }
 
 .tutortile:active,
 .tutortile:focus {
     box-shadow: none;
     outline: 0;
     border: solid 1px #cac9d8;
 }
 
 .tutortile__image {
     width: 180px;
     height: 180px;
     position: relative;
     display: inline-block;
 }
 
 .tutortile__image__tutor {
     width: 180px;
     height: 180px;
 }
 
 @media (max-width: 708px) {
     .tutortile__image {
         width: 160px;
         height: 160px;
     }
     .tutortile__image__tutor {
         width: 160px;
         height: 160px;
     }
 }
 
 @media (max-width: 600px) {
     .tutortile__image {
         width: 130px;
         height: 130px;
     }
     .tutortile__image__tutor {
         width: 130px;
         height: 130px;
     }
 }
 
 @media (max-width: 450px) {
     .tutortile__image {
         width: 116px;
         height: 116px;
     }
     .tutortile__image__tutor {
         width: 116px;
         height: 116px;
     }
 }
 
 .tutortile__image__premium {
     width: 60px;
     height: 60px;
     position: absolute;
     right: 0;
     top: 0;
 }
 
 @media (max-width: 708px) {
     .tutortile__image__premium {
         width: 50px;
         height: 50px;
     }
 }
 
 @media (max-width: 450px) {
     .tutortile__image__premium {
         width: 40px;
         height: 40px;
     }
 }
 
 .tutortile__video {
     width: 40px;
     height: 40px;
     background-color: rgba(33, 43, 54, 0.6);
     border: solid 1.5px #fff;
     border-radius: 100%;
     position: absolute;
     bottom: 15px;
     left: 15px;
     cursor: pointer;
 }
 
 .tutortile__video .ui-button-text {
     display: none;
 }
 
 .tutortile__video:focus,
 .tutortile__video:active {
     outline: 0;
 }
 
 .tutortile__video--right {
     right: 15px;
     left: auto;
 }
 
 @media (max-width: 600px) {
     .tutortile__video {
         left: auto;
         right: 10px;
         bottom: 10px;
         width: 32px;
         height: 32px;
     }
 }
 
 .tutortile__video:after {
     content: "";
     border-width: 6px 0 6px 7px;
     border-color: transparent transparent transparent #fff;
     border-style: solid;
     border-radius: 0;
     position: absolute;
     left: 16px;
     top: 13px;
 }
 
 @media (max-width: 600px) {
     .tutortile__video:after {
         border-width: 5px 0 5px 6px;
         left: 12px;
         top: 9px;
     }
 }
 
 .tutortile__video.progress {
     position: absolute !important;
 }
 
 .tutortile__video.progress:after {
     border: 0;
 }
 
 .tutortile__body {
     display: inline-block;
     width: calc(100% - 190px);
     vertical-align: top;
     padding: 2px 0 2px 14px;
     height: 180px;
     position: relative;
 }
 
 @media (max-width: 708px) {
     .tutortile__body {
         width: calc(100% - 165px);
         padding-left: 12px;
         height: 160px;
     }
 }
 
 @media (max-width: 600px) {
     .tutortile__body {
         width: calc(100% - 135px);
         padding-left: 12px;
         height: 130px;
     }
 }
 
 @media (max-width: 450px) {
     .tutortile__body {
         width: calc(100% - 120px);
         height: 116px;
         position: initial;
         padding: 0 0 0 10px;
     }
 }
 
 .tutortile__name {
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 20px;
     font-size: 1.25rem;
     line-height: 28px;
     line-height: 1.75rem;
     font-weight: 700;
     letter-spacing: 0;
     color: #303336;
     display: inline-block;
     max-width: calc(100% - 110px);
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
 }
 
 @media (max-width: 992px) {
     .tutortile__name {
         font-family: "Source Sans Pro", sans-serif;
         font-size: 18px;
         font-size: 1.125rem;
         line-height: 24px;
         line-height: 1.5rem;
         color: #303336;
         font-weight: 400;
         font-family: "Modelica", "Source Sans Pro", sans-serif;
         font-weight: 600;
     }
 }
 
 @media (max-width: 600px) {
     .tutortile__name {
         font-family: "Source Sans Pro", sans-serif;
         font-size: 16px;
         font-size: 1rem;
         line-height: 20px;
         line-height: 1.25rem;
         color: #303336;
         font-weight: 400;
         font-family: "Modelica", "Source Sans Pro", sans-serif;
         font-weight: 600;
         max-width: calc(100% - 80px);
     }
 }
 
 @media (max-width: 358px) {
     .tutortile__name {
         max-width: 100%;
     }
 }
 
 .tutortile__price {
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 20px;
     font-size: 1.25rem;
     line-height: 28px;
     line-height: 1.75rem;
     font-weight: 700;
     letter-spacing: 0;
     color: #303336;
     font-weight: 600;
 }
 
 @media (max-width: 600px) {
     .tutortile__price {
         font-family: "Source Sans Pro", sans-serif;
         font-size: 16px;
         font-size: 1rem;
         line-height: 20px;
         line-height: 1.25rem;
         color: #303336;
         font-weight: 400;
         font-family: "Modelica", "Source Sans Pro", sans-serif;
         font-weight: 600;
     }
 }
 
 @media (max-width: 358px) {
     .tutortile__price {
         float: none;
     }
 }
 
 .tutortile__meta {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 16px;
     font-size: 1rem;
     line-height: 20px;
     line-height: 1.25rem;
     color: #303336;
     font-weight: 400;
     color: #545174;
     margin-bottom: 8px;
     max-width: 460px;
 }
 
 @media (max-width: 600px) {
     .tutortile__meta {
         font-family: "Source Sans Pro", sans-serif;
         font-size: 14px;
         font-size: 0.875rem;
         line-height: 16px;
         line-height: 1rem;
         color: #303336;
         font-weight: 400;
         color: #545174;
     }
 }
 
 .tutortile__meta--uni,
 .tutortile__meta--teaches {
     overflow: hidden;
     position: relative;
     line-height: 20px;
     max-height: 20px;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 1;
     text-overflow: ellipsis;
     word-break: break-all;
 }
 
 @media (max-width: 708px) {
     .tutortile__meta--uni,
     .tutortile__meta--teaches {
         font-family: "Source Sans Pro", sans-serif;
         font-size: 14px;
         font-size: 0.875rem;
         line-height: 16px;
         line-height: 1rem;
         color: #303336;
         font-weight: 400;
         color: #545174;
         overflow: hidden;
         position: relative;
         line-height: 16px;
         max-height: 16px;
         display: -webkit-box;
         -webkit-box-orient: vertical;
         -webkit-line-clamp: 1;
         text-overflow: ellipsis;
         margin-top: 2px;
     }
 }
 
 .tutortile__meta--uni {
     margin-bottom: 3px;
 }
 
 .tutortile__meta--bio {
     overflow: hidden;
     position: relative;
     line-height: 20px;
     max-height: 40px;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 2;
     text-overflow: ellipsis;
 }
 
 @media (max-width: 600px) {
     .tutortile__meta--bio {
         display: none;
     }
 }
 
 .tutortile__meta--dark {
     color: #303336;
 }
 
 .tutortile__meta--light {
     color: #67657d;
     margin-bottom: 0;
 }
 
 .tutortile__subjectslocation {
     position: absolute;
     bottom: 0;
 }
 
 @media (max-width: 840px) {
     .tutortile__subjectslocation {
         display: none;
     }
 }
 
 .tutortile__subjectslocation p {
     display: inline-block;
     font-family: "Source Sans Pro", sans-serif;
     font-size: 14px;
     font-size: 0.875rem;
     line-height: 16px;
     line-height: 1rem;
     color: #303336;
     font-weight: 400;
     color: #545174;
     margin-right: 5px;
 }
 
 .tutortile__subjectslocation p.location {
     font-style: italic;
 }
 
 @media (max-width: 1100px) {
     .tutortile__subjectslocation p {
         display: block;
         margin-right: 0;
     }
     .tutortile__subjectslocation p:last-of-type {
         margin-top: 2px;
         margin-left: 4px;
     }
 }
 
 .tutortile__subject {
     background-color: #ebf4fa;
     border: solid 2px #fff;
     padding: 1px 8px;
 }
 
 .tutortile__badge {
     margin-top: 5px;
 }
 
 .tutortile__badge img {
     margin-right: 6px;
     height: 17px;
     vertical-align: sub;
 }
 
 .tutortile__badge p {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 16px;
     font-size: 1rem;
     line-height: 20px;
     line-height: 1.25rem;
     color: #303336;
     font-weight: 400;
     font-size: 15px;
     color: #00918a;
     display: inline-block;
 }
 
 .tutortile__badge p span {
     background-color: #32cf3a;
     color: #fff;
     font-weight: 600;
     padding: 0 4px 1px 4px;
     margin-right: 3px;
     font-size: 14px;
 }
 
 @media (max-width: 325px) {
     .tutortile__badge p {
         font-family: "Source Sans Pro", sans-serif;
         font-size: 14px;
         font-size: 0.875rem;
         line-height: 16px;
         line-height: 1rem;
         color: #303336;
         font-weight: 400;
         font-family: "Modelica", "Source Sans Pro", sans-serif;
         color: #00918a;
         font-weight: 600;
     }
 }
 
 .tutortile__badge--margin-right {
     margin-right: 10px;
 }
 
 .tutortile__badge--inline {
     display: inline-block;
     margin-top: 0;
     vertical-align: middle;
     margin-bottom: 1px;
 }
 
 @media (max-width: 600px) {
     .tutortile__badge--inline {
         margin-top: 4px;
         display: block;
     }
 }
 
 .tutortile__badge--inline img {
     margin-bottom: 1px;
     margin-right: 5px;
 }
 
 @media (max-width: 708px) {
     .tutortile__badge--inline img {
         margin-bottom: 0;
     }
 }
 
 @media (max-width: 708px) {
     .tutortile__badge--inline p {
         font-family: "Source Sans Pro", sans-serif;
         font-size: 14px;
         font-size: 0.875rem;
         line-height: 16px;
         line-height: 1rem;
         color: #303336;
         font-weight: 400;
         color: #00918a;
     }
 }
 
 @media (max-width: 450px) {
     .tutortile__badge--inline--hide-small {
         display: none;
     }
 }
 
 @media (max-width: 450px) {
     .tutortile__badge--small {
         display: none;
     }
 }
 
 .tutortile__badge--small img {
     vertical-align: text-bottom;
     margin-right: 5px;
     height: auto;
 }
 
 .tutortile__badge--small p {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 14px;
     font-size: 0.875rem;
     line-height: 16px;
     line-height: 1rem;
     color: #303336;
     font-weight: 400;
     vertical-align: middle;
 }
 
 .tutortile__badge--small p span {
     font-weight: 600;
 }
 
 .tutortile__badge--bottom {
     position: absolute;
     bottom: 5px;
 }
 
 .tutortile__badge--bottom img {
     height: 18px;
 }
 
 @media (max-width: 450px) {
     .tutortile__badge--bottom {
         display: none;
     }
 }
 
 .tutortile__rating {
     margin-top: 15px;
 }
 
 .tutortile__rating--bottom {
     position: absolute;
     bottom: 0;
     margin-top: 0;
 }
 
 .tutortile__rating--bottom .tutortile__reviews {
     margin-right: 8px;
     margin-bottom: 3px;
 }
 
 @media (max-width: 600px) {
     .tutortile__rating--bottom .tutortile__reviews {
         margin-right: 0;
         margin-bottom: 0;
     }
 }
 
 @media (max-width: 450px) {
     .tutortile__rating--bottom {
         bottom: 12px;
     }
 }
 
 .tutortile__reviews {
     display: inline-block;
 }
 
 .tutortile__reviews .average {
     display: inline-block;
     background-color: #f9cf00;
     font-family: "Source Sans Pro", sans-serif;
     font-size: 14px;
     font-size: 0.875rem;
     line-height: 16px;
     line-height: 1rem;
     color: #303336;
     font-weight: 400;
     color: #fff;
     font-weight: 600;
     padding: 0 3px 1px 3px;
 }
 
 .tutortile__reviews .average--large {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 16px;
     font-size: 1rem;
     line-height: 20px;
     line-height: 1.25rem;
     color: #303336;
     font-weight: 400;
     color: #fff;
     font-weight: 600;
     font-size: 15px;
     padding: 0 3px;
 }
 
 @media (max-width: 708px) {
     .tutortile__reviews .average--large {
         font-family: "Source Sans Pro", sans-serif;
         font-size: 14px;
         font-size: 0.875rem;
         line-height: 16px;
         line-height: 1rem;
         color: #303336;
         font-weight: 400;
         color: #fff;
         font-weight: 600;
         padding: 0 3px 1px 3px;
     }
 }
 
 .tutortile__reviews .stars {
     display: inline-block;
     margin-left: 3px;
     vertical-align: middle;
 }
 
 .tutortile__reviews .stars .star {
     width: 18px;
     height: 18px;
     display: inline-block;
 }
 
 .tutortile__reviews .stars .star path {
     fill: #dcdae2;
 }
 
 .tutortile__reviews .stars .unselected path {
     fill: #dcdae2;
 }
 
 .tutortile__reviews .stars .selected path {
     fill: #f9cf00;
 }
 
 .tutortile__reviews .count {
     vertical-align: text-bottom;
     margin-left: 2px;
     font-family: "Source Sans Pro", sans-serif;
     font-size: 14px;
     font-size: 0.875rem;
     line-height: 16px;
     line-height: 1rem;
     color: #303336;
     font-weight: 400;
     color: #542eff;
 }
 
 .tutortile__reviews .count--large {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 16px;
     font-size: 1rem;
     line-height: 20px;
     line-height: 1.25rem;
     color: #303336;
     font-weight: 400;
     color: #542eff;
     vertical-align: middle;
     font-size: 15px;
     margin-left: 2px;
 }
 
 @media (max-width: 708px) {
     .tutortile__reviews .count--large {
         font-family: "Source Sans Pro", sans-serif;
         font-size: 14px;
         font-size: 0.875rem;
         line-height: 16px;
         line-height: 1rem;
         color: #303336;
         font-weight: 400;
         color: #542eff;
     }
 }
 
 @media (max-width: 450px) {
     .tutortile__reviews .count {
         display: none;
     }
 }
 
 .tutortile__greatmatch {
     background-color: #e4f7e8;
     font-family: "Source Sans Pro", sans-serif;
     font-size: 16px;
     font-size: 1rem;
     line-height: 20px;
     line-height: 1.25rem;
     color: #303336;
     font-weight: 400;
     color: #1e7e46;
     border-radius: 100px;
     margin-left: 12px;
     padding: 0 9px 1px 9px;
     margin-top: 3px;
     vertical-align: top;
     display: inline-block;
 }
 
 @media (max-width: 708px) {
     .tutortile__greatmatch {
         display: none;
     }
 }
 
 .tutortile__wrapper {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
 }
 
 .tutortile--location {
     margin: 30px 0 80px 0;
     padding: 40px 60px;
     cursor: default;
 }
 
 @media (max-width: 708px) {
     .tutortile--location {
         padding: 22px 20px;
         margin: 30px 0 40px 0;
     }
 }
 
 .tutortile--location:hover {
     box-shadow: 0 1px 3px 0 rgba(63, 63, 68, 0.15), 0 0 0 1px rgba(63, 63, 68, 0.05);
 }
 
 .tutortile--location:active,
 .tutortile--location:focus {
     box-shadow: 0 1px 3px 0 rgba(63, 63, 68, 0.15), 0 0 0 1px rgba(63, 63, 68, 0.05);
     border: 0;
     border-bottom: 1px solid #f5f4f7;
 }
 
 .tutortile--location img {
     position: absolute;
     right: 100px;
     bottom: 0;
     width: 200px;
 }
 
 @media (max-width: 1268px) {
     .tutortile--location img {
         right: 50px;
     }
 }
 
 @media (max-width: 992px) {
     .tutortile--location img {
         width: 180px;
     }
 }
 
 @media (max-width: 708px) {
     .tutortile--location img {
         display: none;
     }
 }
 
 .tutortile--location a {
     text-align: center;
 }
 
 .tutortile--location h3,
 .tutortile--location p {
     max-width: 580px;
 }
 
 @media (max-width: 992px) {
     .tutortile--location h3,
     .tutortile--location p {
         max-width: calc(100% - 200px);
     }
 }
 
 @media (max-width: 708px) {
     .tutortile--location h3,
     .tutortile--location p {
         max-width: none;
     }
 }
 
 .tutortile--location h3 {
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 28px;
     font-size: 1.75rem;
     line-height: 34px;
     line-height: 2.125rem;
     color: #303336;
     font-weight: 400;
     letter-spacing: 0;
     color: #00918a;
     font-weight: 600;
     margin-bottom: 5px;
 }
 
 @media (max-width: 708px) {
     .tutortile--location h3 {
         font-family: "Modelica", "Source Sans Pro", sans-serif;
         font-size: 24px;
         font-size: 1.5rem;
         line-height: 28px;
         line-height: 1.75rem;
         color: #303336;
         font-weight: 400;
         letter-spacing: 0;
         color: #00918a;
     }
 }
 
 .tutortile--location p {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 16px;
     font-size: 1rem;
     line-height: 20px;
     line-height: 1.25rem;
     color: #303336;
     font-weight: 400;
     color: #67657d;
     margin-bottom: 20px;
 }
 /* .tutortile--video .video {
    cursor: pointer;
    width: 100%;
    height: 186px;
    display: block;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(https://cdn.mytutor.co.uk/images/uploads/lessonspace.jpg);
    position: relative
} */
 
 @media (max-width: 708px) {
     .tutortile--video .video {
         height: 150px;
     }
 }
 
 @media (max-width: 450px) {
     .tutortile--video .video {
         height: 115px;
     }
 }
 /* .tutortile--video .video:before {
    content: "";
    position: absolute;
    background-image: url(https://cdn.mytutor.co.uk/images/playicon--blue.svg);
    background-size: contain;
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    top: calc(50% - 20px);
    left: calc(50% - 20px)
} */
 
 @media (max-width: 600px) {
     .tutortile--video h3 {
         display: none;
     }
 }
 
 @media (max-width: 708px) {
     .tutortile--video p {
         margin-bottom: 0;
     }
 }
 
 .tutortile--video h3,
 .tutortile--video p {
     margin-left: 20px;
     margin-right: 20px;
 }
 
 @media (max-width: 708px) {
     .tutortile--video h3,
     .tutortile--video p {
         margin-left: 15px;
         margin-right: 15px;
     }
 }
 
 .tutortile__help {
     margin: 1em 0;
     padding: 0.5em 1em;
     transition: none;
     border: 1px solid #0cb;
     background-color: #ebfaf8;
     box-shadow: none;
 }
 
 .tutortile__help:hover {
     box-shadow: none;
 }
 
 @media (max-width: 600px) {
     .tutortile__help {
         border: 0;
     }
     .tutortile__help:active,
     .tutortile__help:focus {
         border: 0;
     }
 }
 
 .tutortile__help img {
     position: absolute;
     left: 2em;
     top: 0.5em;
     max-width: 150px;
 }
 
 @media (max-width: 708px) {
     .tutortile__help img {
         top: 1em;
         left: 1em;
     }
 }
 
 @media (max-width: 600px) {
     .tutortile__help img {
         max-width: 140px;
         top: 2.5em;
         left: 0;
     }
 }
 
 .tutortile__help h3,
 .tutortile__help em {
     display: block;
     margin-top: 1em;
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 1.25em;
     font-weight: 700;
     font-style: normal;
     line-height: 1.4em;
     color: #303336;
 }
 
 @media (max-width: 992px) {
     .tutortile__help h3 {
         margin-top: 0.25em;
     }
 }
 
 .tutortile__help p {
     margin: 0.5em 0 1.5em;
     color: #303336;
 }
 
 @media (max-width: 992px) {
     .tutortile__help p {
         margin-bottom: 0.5em;
     }
 }
 
 @media (max-width: 992px) {
     .tutortile__help em {
         display: inline-block;
         margin-top: 0;
         margin-right: 0.5em;
     }
 }
 
 .tutortile__help em a {
     color: #311b92;
 }
 
 .tutortile__help time {
     display: block;
     margin: 0.5em 0;
     color: #67657d;
 }
 
 @media (max-width: 992px) {
     .tutortile__help time {
         display: inline-block;
     }
 }
 
 .tutortile__help__body {
     padding-left: 195px;
 }
 
 @media (max-width: 708px) {
     .tutortile__help__body {
         padding-left: 165px;
     }
 }
 
 @media (max-width: 600px) {
     .tutortile__help__body {
         padding-left: 125px;
     }
 }
 
 .tutortile__help__phone {
     text-align: center;
 }
 
 @media (max-width: 992px) {
     .tutortile__help__phone {
         text-align: left;
         padding-left: 195px;
     }
 }
 
 @media (max-width: 708px) {
     .tutortile__help__phone {
         padding-left: 165px;
     }
 }
 
 @media (max-width: 600px) {
     .tutortile__help__phone {
         padding-left: 125px;
     }
 }
 
 .tutortile__rhswrapper {
     border-left: dashed 1px #dcdae2;
     height: 180px;
     position: relative;
     margin-left: 20px;
     padding: 10px 0 10px 20px;
     box-sizing: border-box;
 }
 
 .tutortile__rhswrapper .tutortile__price {
     float: none;
     margin-bottom: 5px;
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 20px;
     font-size: 1.25rem;
     line-height: 28px;
     line-height: 1.75rem;
     font-weight: 700;
     letter-spacing: 0;
 }
 
 @media (max-width: 992px) {
     .tutortile__rhswrapper .tutortile__price {
         font-family: "Modelica", "Source Sans Pro", sans-serif;
         font-size: 20px;
         font-size: 1.25rem;
         line-height: 28px;
         line-height: 1.75rem;
         font-weight: 700;
         letter-spacing: 0;
     }
 }
 
 @media (max-width: 840px) {
     .tutortile__rhswrapper .tutortile__price {
         display: none;
     }
 }
 
 @media (max-width: 840px) {
     .tutortile__rhswrapper {
         height: auto;
         border-left: 0;
         padding: 0;
         margin: 0;
         position: absolute;
         bottom: 0;
     }
 }
 
 @media (max-width: 450px) {
     .tutortile__rhswrapper {
         bottom: 12px;
     }
 }
 
 .tutortile__rhswrapper .r_button,
 .tutortile__rhswrapper .teacherresources__upload .ui-fileupload-choose,
 .teacherresources__upload .tutortile__rhswrapper .ui-fileupload-choose,
 .tutortile__rhswrapper .teacherresources__selectone .ui-button,
 .teacherresources__selectone .tutortile__rhswrapper .ui-button,
 .tutortile__rhswrapper #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar .ui-button,
 #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar .tutortile__rhswrapper .ui-button,
 .tutortile__rhswrapper .securesidebar__upload .ui-fileupload-buttonbar .ui-button,
 .securesidebar__upload .ui-fileupload-buttonbar .tutortile__rhswrapper .ui-button,
 .tutortile__rhswrapper .ui-fileupload .ui-fileupload-buttonbar .ui-button,
 .ui-fileupload .ui-fileupload-buttonbar .tutortile__rhswrapper .ui-button,
 .tutortile__rhswrapper .page_tutors_secure_cover-report .container__card .upload .ui-fileupload-choose,
 .page_tutors_secure_cover-report .container__card .upload .tutortile__rhswrapper .ui-fileupload-choose {
     bottom: 10px;
     left: 20px;
     right: 0;
     position: absolute;
     width: calc(100% - 20px);
     cursor: pointer;
 }
 
 @media (max-width: 840px) {
     .tutortile__rhswrapper .r_button,
     .tutortile__rhswrapper .teacherresources__upload .ui-fileupload-choose,
     .teacherresources__upload .tutortile__rhswrapper .ui-fileupload-choose,
     .tutortile__rhswrapper .teacherresources__selectone .ui-button,
     .teacherresources__selectone .tutortile__rhswrapper .ui-button,
     .tutortile__rhswrapper #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar .ui-button,
     #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar .tutortile__rhswrapper .ui-button,
     .tutortile__rhswrapper .securesidebar__upload .ui-fileupload-buttonbar .ui-button,
     .securesidebar__upload .ui-fileupload-buttonbar .tutortile__rhswrapper .ui-button,
     .tutortile__rhswrapper .ui-fileupload .ui-fileupload-buttonbar .ui-button,
     .ui-fileupload .ui-fileupload-buttonbar .tutortile__rhswrapper .ui-button,
     .tutortile__rhswrapper .page_tutors_secure_cover-report .container__card .upload .ui-fileupload-choose,
     .page_tutors_secure_cover-report .container__card .upload .tutortile__rhswrapper .ui-fileupload-choose {
         display: none;
     }
 }
 
 .tutortile--rhsactions {
     display: flex;
 }
 
 .tutortile--rhsactions .tutortile__body {
     width: 100% !important;
     padding: 2px 2px 2px 14px;
 }
 
 .tutortile--rhsactions .tutortile__price--mobile {
     display: none;
 }
 
 @media (max-width: 840px) {
     .tutortile--rhsactions .tutortile__price--mobile {
         display: block;
     }
 }
 
 .tutortile--rhsactions .tutortile__meta {
     max-width: none;
 }
 
 .tutortile--rhsactions .tutortile__rating {
     margin-top: 0;
 }
 
 .tutortile--rhsactions .tutortile__rating .count--large {
     color: #67657d;
 }
 
 .tutortile--rhsactions .tutortile__meta--bio {
     margin-top: 15px;
 }
 
 @media (max-width: 840px) {
     .tutortile--rhsactions .tutortile__meta--bio {
         margin-top: 10px;
     }
 }
 
 .tutortile--rhsactions .tutortile__badge p {
     color: #67657d;
 }
 
 @media (max-width: 358px) {
     .tutortile--rhsactions .tutortile__badge {
         display: none;
     }
 }
 
 .tutortile--rhsactions .tutortile__reviews {
     margin-bottom: 3px;
 }
 
 @media (max-width: 840px) {
     .tutortile--rhsactions .tutortile__reviews {
         display: inline-block;
         margin-right: 10px;
         margin-bottom: 0;
     }
 }
 
 .tutortile--rhsactions .tutortile__reviews .stars {
     margin-left: 0;
 }
 
 .tutorapplication__progressbar {
     background-color: #fff;
     box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.13);
     text-align: center;
     position: fixed;
     left: 0;
     right: 0;
     top: 56px;
     z-index: 9993;
 }
 
 @media (max-width: 992px) {
     .tutorapplication__progressbar {
         position: relative;
         left: auto;
         right: auto;
         top: auto;
         text-align: left;
         padding: 10px 0;
     }
 }
 
 .tutorapplication__progressbar__wrapper {
     display: flex;
     flex-direction: row;
     justify-content: space-between;
     align-items: stretch;
     min-height: 64px;
 }
 
 @media (max-width: 992px) {
     .tutorapplication__progressbar__wrapper {
         flex-direction: column;
     }
 }
 
 .tutorapplication__progressbar__item {
     border-right: 1px solid #dcdae2;
     padding: 12px 2px;
     flex: 1;
     align-items: center;
     display: flex;
 }
 
 @media (max-width: 992px) {
     .tutorapplication__progressbar__item {
         border-right: 0;
         padding: 6px 0;
         display: block;
     }
 }
 
 .tutorapplication__progressbar__item:last-child {
     border: 0;
 }
 
 .tutorapplication__progressbar__item:hover,
 .tutorapplication__progressbar__item.is-active {
     border-bottom: solid 4px #e85dcc;
     padding: 12px 2px 8px 2px;
 }
 
 @media (max-width: 992px) {
     .tutorapplication__progressbar__item:hover,
     .tutorapplication__progressbar__item.is-active {
         padding: 6px 0;
         border-bottom: 0;
         border-left: solid 4px #e85dcc;
         padding-left: 16px;
         margin-left: -20px;
     }
 }
 
 .tutorapplication__progressbar__item.is-disabled:hover {
     border: 0;
     border-right: 1px solid #dcdae2;
     padding: 12px 2px;
 }
 
 @media (max-width: 992px) {
     .tutorapplication__progressbar__item.is-disabled:hover {
         border: 0;
         padding: 6px 0;
         margin: 0;
     }
 }
 
 .tutorapplication__progressbar__item p {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 18px;
     font-size: 1.125rem;
     line-height: 24px;
     line-height: 1.5rem;
     color: #303336;
     font-weight: 400;
     color: #545174;
     font-weight: 600;
     width: 100%;
 }
 
 .tutorapplication__progressbar__item p .incomplete {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 14px;
     font-size: 0.875rem;
     line-height: 16px;
     line-height: 1rem;
     color: #303336;
     font-weight: 400;
     color: #ff1744;
     display: block;
 }
 
 @media (max-width: 992px) {
     .tutorapplication__progressbar__item p .incomplete {
         display: inline-block;
         margin-left: 5px;
     }
 }
 
 .tutorapplication__progressbar__item img {
     vertical-align: sub;
     margin-right: 5px;
 }
 
 .tutorapplication__progressbarwrapper {
     padding-bottom: 110px;
 }
 
 @media (max-width: 992px) {
     .tutorapplication__progressbarwrapper {
         padding-bottom: 54px;
     }
 }
 
 .tutorapplication__headline {
     margin: 10px 0 26px 0;
     text-align: center;
 }
 
 @media (max-width: 708px) {
     .tutorapplication__headline {
         margin: 10px 20px 20px 20px;
     }
 }
 
 .tutorapplication__headline h2 {
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 1.75em;
     font-weight: 800;
     line-height: 1.25em;
     color: #303336;
     margin: 0 0 1em;
 }
 
 @media (max-width: 708px) {
     .tutorapplication__headline h2 {
         font-size: 1.5em;
     }
 }
 
 .tutorapplication__headline>div {
     font-size: 1.0625em;
     font-weight: 400;
     line-height: 1.25em;
     color: #67657d;
     margin: 0 0 1.25em;
 }
 
 .tutorapplication__suggestion {
     background-color: #fcf0cc;
     padding: 10px 15px 10px 48px;
     font-family: "Source Sans Pro", sans-serif;
     font-size: 16px;
     font-size: 1rem;
     line-height: 20px;
     line-height: 1.25rem;
     color: #303336;
     font-weight: 400;
     position: relative;
     color: #1e7e46;
     margin-bottom: 12px;
 }
 
 .tutorapplication__suggestion:before {
     position: absolute;
     content: "";
     left: 8px;
     background-image: url(/images/icons/light_bulb.svg);
     background-repeat: no-repeat;
     background-size: contain;
     background-position: center;
     width: 30px;
     height: 30px;
     top: 5px;
 }
 
 .tutorapplication__photogrid {
     margin-top: 20px;
 }
 
 .tutorapplication__photogrid .modal__footer {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 14px;
     font-size: 0.875rem;
     line-height: 16px;
     line-height: 1rem;
     color: #303336;
     font-weight: 400;
     color: #545174;
     text-align: left;
 }
 
 .tutorapplication__photogrid__photo {
     margin-right: 15px;
     background-color: #f5f4f7;
     padding: 20px;
     text-align: center;
 }
 
 @media (max-width: 708px) {
     .tutorapplication__photogrid__photo {
         margin-right: 0;
         margin-bottom: 20px;
     }
 }
 
 .tutorapplication__photogrid__photo iframe,
 .tutorapplication__photogrid__photo object,
 .tutorapplication__photogrid__photo img {
     width: 100%;
     max-width: 240px;
 }
 
 .tutorapplication__photogrid__photo p.light {
     margin: 10px 0;
 }
 
 .tutorapplication__faq {
     margin: 10px 0 20px 0;
 }
 
 .tutorapplication__faq__actions {
     float: right;
 }
 
 @media (max-width: 708px) {
     .tutorapplication__faq__actions {
         float: none;
         margin-bottom: 5px;
     }
 }
 
 .tutorapplication__faq__answer>div:first-of-type {
     padding-right: 100px;
 }
 
 @media (max-width: 708px) {
     .tutorapplication__faq__answer>div:first-of-type {
         padding-right: 0;
     }
 }
 
 .tutorapplication__faq__answer>div p:first-of-type {
     float: left;
     position: absolute;
     color: #545174;
 }
 
 .tutorapplication__faq__answer>div p:last-of-type {
     padding-left: 20px;
     margin-bottom: 5px;
 }
 
 .tutorapplication__faq__answer>div .prewrap {
     white-space: pre-wrap;
     word-break: break-word;
 }
 
 .tutorapplication__availability {
     margin-top: 15px;
 }
 
 .tutorapplication__datesinput .inputRegion {
     width: 90px;
     display: inline-block;
     vertical-align: top;
 }
 
 .tutorapplication__datesinput>span {
     margin: 0 3px;
 }
 
 .tutorapplication__datesinput>span.to {
     display: inline-block;
     vertical-align: top;
     padding-top: 2em;
 }
 
 .tutorapplication__genderselector {
     border: solid 1px #dcdae2;
     border-collapse: separate;
 }
 
 .tutorapplication__genderselector.ui-selectmanycheckbox td {
     border-right: solid 1px #dcdae2;
     padding: 8px 0 8px 15px;
 }
 
 .tutorapplication__genderselector.ui-selectmanycheckbox td:last-of-type {
     border-right: 0;
 }
 
 @media (max-width: 358px) {
     .tutorapplication__genderselector.ui-selectmanycheckbox td {
         padding: 8px 0 8px 10px;
     }
 }
 
 .tutorapplication__genderselector.ui-selectmanycheckbox .ui-chkbox .ui-chkbox-box {
     display: none;
 }
 
 .tutorapplication__genderselector.ui-selectmanycheckbox .ui-helper-hidden-accessible {
     position: relative;
 }
 
 .tutorapplication__genderselector.ui-selectmanycheckbox .ui-helper-hidden-accessible input[type="checkbox"] {
     padding: 0;
     margin-bottom: 0;
 }
 
 .tutorapplication__levelselect {
     display: inline-block;
     width: 80px;
     text-align: center;
 }
 
 .tutorapplication__levelselect .subjectlabel {
     margin: 0 auto 4px;
     white-space: nowrap;
 }
 
 .tutorapplication__levelselect input[type="checkbox"] {
     width: 38px;
     height: 38px;
     padding: 0;
 }
 
 .tutorapplication__levelselect input[type="checkbox"]:disabled {
     background: #f9f8fb;
     border: solid 1px #dcdae2;
     color: #8d89aa;
     cursor: initial;
 }
 
 .tutorapplication__levelselect input[type="checkbox"]:disabled:focus {
     box-shadow: none;
 }
 
 .tutorapplication__levelselect input[type="checkbox"]:checked {
     background: #fff;
     background-color: #fff;
 }
 
 .tutorapplication__levelselect input[type="checkbox"]:checked:after {
     margin-left: 16px;
     margin-top: 11px;
     border-color: #36a04f;
 }
 
 .tutorapplication__body {
     margin: 0 -1.5em;
     padding: 1.5em;
     border-bottom: 1px solid #dcdae2;
 }
 
 .tutorapplication__body input[type="text"],
 .tutorapplication__body textarea {
     box-shadow: none !important;
 }
 
 .tutorapplication__body .ui-autocomplete {
     width: 100%;
 }
 
 .tutorapplication__body .uploadedfile>a {
     margin-left: 10px;
 }
 
 .tutorapplication__body .uploadedfile .ui-button {
     margin-left: 10px;
     width: auto;
     background: 0;
     border: 0;
 }
 
 .tutorapplication__body .uploadedfile .ui-button:active,
 .tutorapplication__body .uploadedfile .ui-button:focus,
 .tutorapplication__body .uploadedfile .ui-button:hover {
     border: 0;
     box-shadow: none;
     outline: 0;
 }
 
 .tutorapplication__body .uploadedfile .ui-button .ui-button-text {
     text-indent: 0;
     font-family: "Source Sans Pro", sans-serif;
     font-size: 16px;
     font-size: 1rem;
     line-height: 20px;
     line-height: 1.25rem;
     color: #303336;
     font-weight: 400;
     color: #542eff;
     padding: 0;
 }
 
 .tutorapplication__body .uploadedfile .ui-button .ui-icon {
     display: none;
 }
 
 .tutorapplication__body .counter.sublabel {
     text-align: right;
     display: block;
     margin-bottom: 5px;
     font-family: "Source Sans Pro", sans-serif;
     font-size: 16px;
     font-size: 1rem;
     line-height: 20px;
     line-height: 1.25rem;
     color: #303336;
     font-weight: 400;
     color: #545174;
 }
 
 .tutorapplication__body__iframe {
     margin: 20px 0 12px 0;
 }
 
 .tutorapplication__body__added {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 16px;
     font-size: 1rem;
     line-height: 20px;
     line-height: 1.25rem;
     color: #303336;
     font-weight: 400;
     color: #545174;
     margin-top: 10px;
 }
 
 .tutorapplication__body__added img {
     vertical-align: sub;
     margin-right: 5px;
 }
 
 .tutorapplication__body__remove {
     color: #545174;
     font-weight: 600;
 }
 
 .tutorapplication__body__remove--absolute {
     right: 0;
     top: 35px;
     position: absolute;
 }
 
 .tutorapplication__body__remove--right {
     float: right;
     top: auto;
     position: relative;
 }
 
 .tutorapplication__body__tip {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 18px;
     font-size: 1.125rem;
     line-height: 24px;
     line-height: 1.5rem;
     color: #303336;
     font-weight: 400;
     font-weight: 600;
     color: #1e7e46;
     margin: 10px 0;
 }
 
 .tutorapplication__body__tip:before {
     content: " ";
     background-image: url("//cdn.mytutor.co.uk/images/uploads/lightening_emoji.png");
     background-size: contain;
     background-repeat: no-repeat;
     width: 15px;
     vertical-align: middle;
     height: 18px;
     display: inline-block;
     margin-right: 5px;
 }
 
 .tutorapplication__body__addlink {
     display: inline-block;
     font-weight: 600;
 }
 
 .tutorapplication__body__hoursinput {
     margin-top: 20px;
 }
 
 .tutorapplication__body__hoursinput .inputRegion {
     width: 5em;
     display: inline-block;
     margin-left: 5px;
 }
 
 .tutorapplication__body__hoursinput .inputRegion input {
     text-align: center;
     padding: 8px 0;
 }
 
 .tutorapplication__body__grey {
     background-color: #f9f8fb;
     padding: 15px 20px;
     margin-top: 20px;
 }
 
 .tutorapplication__body h3 {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 18px;
     font-size: 1.125rem;
     line-height: 24px;
     line-height: 1.5rem;
     color: #303336;
     font-weight: 400;
     font-weight: 700;
     margin-bottom: 0.5em;
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     counter-reset: #303336;
 }
 
 .tutorapplication__body h3 a {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 16px;
     font-size: 1rem;
     line-height: 20px;
     line-height: 1.25rem;
     color: #303336;
     font-weight: 400;
     margin-left: 5px;
     color: #542eff;
 }
 
 .tutorapplication__body h3 img {
     height: 38px;
     margin-right: 12px;
     vertical-align: middle;
     padding-bottom: 10px;
 }
 
 .tutorapplication__body h4 {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 16px;
     font-size: 1rem;
     line-height: 20px;
     line-height: 1.25rem;
     color: #303336;
     font-weight: 400;
     font-weight: 700;
     margin-bottom: 5px;
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     counter-reset: #303336;
 }
 
 .tutorapplication__body p {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 16px;
     font-size: 1rem;
     line-height: 20px;
     line-height: 1.25rem;
     color: #303336;
     font-weight: 400;
     color: #67657d;
     font-size: 1.0625em;
     line-height: 1.375em;
     margin-bottom: 2px;
 }
 
 .tutorapplication__body p.bottom-margin {
     margin-bottom: 10px;
 }
 
 .tutorapplication__body p.light {
     color: #545174;
     font-size: 14px;
 }
 
 .tutorapplication__body ul.requirements {
     margin: 1em;
 }
 
 .tutorapplication__body ul.requirements li {
     margin: 1em 0;
     padding: 0.1em 0 0.25em 2em;
     background-image: url(/images/icons/info-yellow.svg);
     background-repeat: no-repeat;
 }
 
 .tutorapplication__body div.dates {
     display: flex;
     max-width: 480px;
 }
 
 .tutorapplication__body div.dates>span {
     width: 50%;
 }
 
 .tutorapplication__body div.dates>span:last-child {
     margin-left: 1em;
 }
 
 .tutorapplication__body div.addresses table {
     margin: 1em 0;
 }
 
 .tutorapplication__body div.addresses table th {
     padding: 0 0 0.5em;
     border: 0;
     border-bottom: 1px solid #dcdae2;
     font-weight: 600;
 }
 
 .tutorapplication__body div.addresses table td {
     padding: 0.5em 0 0;
     border: 0;
 }
 
 .tutorapplication__body div.addresses table td.right {
     text-align: right;
 }
 
 .tutorapplication__body div.addresses table td a {
     margin-left: 1em;
     color: #545174;
 }
 
 .tutorapplication__body div.addresses table td a:hover {
     color: #67657d;
 }
 
 .tutorapplication__body.securesidebar {
     margin-left: 0;
     margin-right: 0;
     padding-top: 0;
     border-bottom: 0;
 }
 
 .tutorapplication__body.securesidebar .tutorapplication__iconlist.accordion {
     margin: -1em 0;
 }
 
 .tutorapplication__body.securesidebar .tutorapplication__iconlist.accordion>li {
     box-shadow: none;
     border-bottom: 1px solid #dcdae2;
     padding-left: 2.5em;
     margin: 0.25em 0;
 }
 
 .tutorapplication__body.securesidebar .tutorapplication__iconlist.accordion>li:last-child {
     border-bottom: 0;
 }
 
 .tutorapplication__body.securesidebar .tutorapplication__iconlist.accordion>li:after {
     right: 0.25em;
 }
 
 .tutorapplication__body.securesidebar .tutorapplication__iconlist.accordion>li .iconimage {
     width: 1.5em;
     padding-left: 0;
 }
 
 .tutorapplication__body.securesidebar .tutorapplication__iconlist.accordion>li .iconimage.small {
     height: 1.5em;
     padding: 0.25em;
     line-height: 1.5em;
     margin: 1.25em 0;
 }
 
 .tutorapplication__body.securesidebar .tutorapplication__iconlist.accordion>li .iconimage.small img {
     margin-top: 0.125em;
 }
 
 .tutorapplication__body.securesidebar .tutorapplication__iconlist.accordion>li .iconimage.small i {
     font-size: 0.75em;
     margin-left: 0.25em;
 }
 
 .tutorapplication__body.securesidebar .tutorapplication__iconlist.accordion>li h4 {
     font-family: "Source Sans Pro";
     font-weight: 400;
     font-size: 1.0625em;
 }
 
 .tutorapplication__body.securesidebar .tutorapplication__iconlist.accordion>li section {
     margin-left: -2.5em;
     padding-right: 0;
 }
 
 .tutorapplication__body.securesidebar .tutorapplication__iconlist.accordion>li section header p {
     font-size: 0.9375em;
     margin-bottom: 1em;
 }
 
 .tutorapplication__body.securesidebar .tutorapplication__iconlist.accordion>li blockquote {
     padding: 1em;
     font-size: 0.875em;
     background-color: #f5f4f7;
 }
 
 .tutorapplication__body.securesidebar .tutorapplication__iconlist.accordion>li blockquote.info {
     background-color: #ebf4fa;
 }
 
 .tutorapplication__body.securesidebar .tutorapplication__iconlist.accordion>li blockquote.warn {
     background-color: #fcf0cc;
 }
 
 .tutorapplication__body.securesidebar .tutorapplication__iconlist.accordion>li blockquote h4 {
     padding: 0;
     font-weight: 600;
 }
 
 .tutorapplication__body.securesidebar .tutorapplication__iconlist.accordion>li blockquote p {
     margin-left: 1.5em;
     color: #303336;
 }
 
 .tutorapplication__body.securesidebar .securesidebar__header {
     padding: 0;
     margin: 1em 0;
     border-bottom: 0;
 }
 
 .tutorapplication__body.securesidebar .securesidebar__header h2 {
     text-align: left;
     color: #303336;
     font-size: 1.25em;
     margin: 0.5em 0;
 }
 
 .tutorapplication__body.securesidebar .securesidebar__header h3 {
     font-size: 1em;
 }
 
 .tutorapplication__body.securesidebar .securesidebar__header h5 {
     font-weight: 600;
     margin-bottom: 0.5em;
 }
 
 .tutorapplication__body.securesidebar .securesidebar__header p {
     font-size: 1.0625em;
     color: #67657d;
 }
 
 .tutorapplication__body.securesidebar .segmentedbuttons {
     display: flex;
 }
 
 .tutorapplication__body.securesidebar .segmentedbuttons a {
     width: 100%;
     text-align: center;
 }
 
 .tutorapplication__body.securesidebar footer {
     padding-top: 1em;
 }
 
 .tutorapplication__body.securesidebar .securesidebar__section {
     text-align: center;
     padding-bottom: 0;
 }
 
 .tutorapplication__body.securesidebar .securesidebar__section h3 {
     text-align: center;
     padding-bottom: 0;
     margin: 1em 0;
 }
 
 .tutorapplication__footer {
     margin: 1.5em 0;
 }
 
 .tutorapplication__footer .r_button:first-of-type,
 .tutorapplication__footer .teacherresources__upload .ui-fileupload-choose:first-of-type,
 .teacherresources__upload .tutorapplication__footer .ui-fileupload-choose:first-of-type,
 .tutorapplication__footer .teacherresources__selectone .ui-button:first-of-type,
 .teacherresources__selectone .tutorapplication__footer .ui-button:first-of-type,
 .tutorapplication__footer #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar .ui-button:first-of-type,
 #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar .tutorapplication__footer .ui-button:first-of-type,
 .tutorapplication__footer .securesidebar__upload .ui-fileupload-buttonbar .ui-button:first-of-type,
 .securesidebar__upload .ui-fileupload-buttonbar .tutorapplication__footer .ui-button:first-of-type,
 .tutorapplication__footer .ui-fileupload .ui-fileupload-buttonbar .ui-button:first-of-type,
 .ui-fileupload .ui-fileupload-buttonbar .tutorapplication__footer .ui-button:first-of-type,
 .tutorapplication__footer .page_tutors_secure_cover-report .container__card .upload .ui-fileupload-choose:first-of-type,
 .page_tutors_secure_cover-report .container__card .upload .tutorapplication__footer .ui-fileupload-choose:first-of-type {
     margin-right: 5px;
 }
 
 .tutorapplication__footer--errorwarning {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 16px;
     font-size: 1rem;
     line-height: 20px;
     line-height: 1.25rem;
     color: #303336;
     font-weight: 400;
     color: #545174;
     display: block;
     margin-top: 10px;
 }
 
 @media (max-width: 708px) {
     .tutorapplication__footer .r_button--half-width--mobile {
         width: 48%;
     }
 }
 
 .tutorapplication__codeconduct {
     margin-top: 10px;
 }
 
 .tutorapplication__codeconduct__image {
     width: 80%;
 }
 
 .tutorapplication__sidebar {
     margin: 1.5em 0;
 }
 
 .tutorapplication__sidebar h3 {
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 1em;
     line-height: 1.25em;
     font-weight: 700;
     color: #545174;
     margin-bottom: 10px;
 }
 
 .tutorapplication__sidebar iframe {
     width: 100%;
     max-width: 350px;
     height: 190px;
 }
 
 .tutorapplication__sidebar blockquote {
     color: #67657d;
     font-size: 1.125em;
     line-height: 1.375em;
 }
 
 .tutorapplication__sidebar footer {
     display: flex;
     align-items: center;
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-weight: 600;
     line-height: 1.25em;
     color: #303336;
 }
 
 .tutorapplication__sidebar .banner {
     position: relative;
     z-index: 0;
 }
 
 .tutorapplication__sidebar .banner:before {
     content: "";
     position: absolute;
     top: 15%;
     right: 0;
     bottom: 0;
     left: 0;
     background-color: #f5f4f7;
     z-index: -1;
 }
 
 .tutorapplication__readyforlive {
     background-color: #fcf0cc;
 }
 
 .tutorapplication__readyforlive p {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 16px;
     font-size: 1rem;
     line-height: 20px;
     line-height: 1.25rem;
     color: #303336;
     font-weight: 400;
     text-align: center;
     padding: 5px;
 }
 
 .tutorapplication__readyforlive-fixed {
     background-color: #fcf0cc;
     position: fixed;
     top: 5em;
     width: 100%;
     height: 2em;
     z-index: 9993;
 }
 
 .tutorapplication__readyforlive-fixed p {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 16px;
     font-size: 1rem;
     line-height: 20px;
     line-height: 1.25rem;
     color: #303336;
     font-weight: 400;
     text-align: center;
     padding: 5px;
 }
 
 .tutorapplication__readyforlive-fixed+* {
     padding-top: 2em;
 }
 
 .tutorapplication .iconimage {
     display: flex;
     align-items: center;
     width: 5em;
     height: 5em;
     margin: 1em auto;
     border-radius: 100%;
 }
 
 .tutorapplication .iconimage.yellow {
     background-color: #f5dfa5;
 }
 
 .tutorapplication .iconimage.pink {
     background-color: #fdac9a;
 }
 
 .tutorapplication .iconimage.blue {
     background-color: #b4e0fa;
 }
 
 .tutorapplication .iconimage.green {
     background-color: #a2e8b3;
 }
 
 .tutorapplication .iconimage.mint {
     background-color: #cef0d6;
 }
 
 .tutorapplication .iconimage.purple {
     background-color: #311b92;
     color: white;
 }
 
 .tutorapplication .iconimage.lila {
     background-color: #d4caff;
 }
 
 .tutorapplication .iconimage img {
     display: block;
     width: 3em;
     height: 3em;
     margin: 0 auto;
 }
 
 .tutorapplication__iconlist {
     margin: 1em 0 2em;
 }
 
 .tutorapplication__iconlist>li {
     margin: 1em 0;
     padding-left: 4em;
     position: relative;
 }
 
 .tutorapplication__iconlist>li .iconimage {
     position: absolute;
     left: 0;
     width: 3em;
     height: 3em;
     margin: 0 1em 0 0;
 }
 
 .tutorapplication__iconlist>li .iconimage img {
     width: 1.5em;
     height: 1.5em;
 }
 
 .tutorapplication__iconlist>li .iconimage.small {
     margin: -0.35em 1.25em;
     width: 2.25em;
     height: 2.25em;
     text-align: center;
     display: inline-block;
     font-size: 0.875em;
     line-height: 2.25em;
 }
 
 .tutorapplication__iconlist>li .iconimage.small img {
     margin-top: 0.375em;
     width: 12px;
     height: 18px;
 }
 
 .tutorapplication__iconlist>li.container__card {
     margin-left: 4em;
     padding-left: 15px;
 }
 
 .tutorapplication__iconlist>li p {
     font-size: 1.0625em;
 }
 
 .tutorapplication__iconlist.small {
     margin-bottom: 1em;
 }
 
 .tutorapplication__iconlist.small>li {
     padding-left: 2.5em;
 }
 
 .tutorapplication__iconlist.small>li .iconimage {
     width: 1.5em;
     height: 1.5em;
 }
 
 .tutorapplication__iconlist.box {
     padding: 0.5em 0;
     border: 0;
     box-shadow: 0 0 0 1px rgba(48, 51, 54, 0.08), 0 2px 16px 0 rgba(48, 51, 54, 0.08);
 }
 
 .tutorapplication__iconlist.accordion>li {
     min-height: 4em;
     box-shadow: 0 0 0 1px rgba(48, 51, 54, 0.08), 0 2px 16px 0 rgba(48, 51, 54, 0.08);
 }
 
 .tutorapplication__iconlist.accordion>li:last-of-type {
     border-bottom: 0;
 }
 
 .tutorapplication__iconlist.accordion>li:after {
     font: normal normal normal 14px/1 FontAwesome;
     font-size: 1.25em;
     content: "\f107";
     position: absolute;
     pointer-events: none;
     top: 0.875em;
     right: 0.875em;
     color: #67657d;
     font-size: 1.5em;
 }
 
 .tutorapplication__iconlist.accordion>li .iconimage {
     padding: 0.5em;
 }
 
 .tutorapplication__iconlist.accordion>li h4 {
     padding-top: 1.375em;
     padding-bottom: 1.375em;
     padding-right: 2em;
     cursor: pointer;
 }
 
 .tutorapplication__iconlist.accordion>li h4+section {
     display: none;
     margin: -0.5em 0 0.5em;
     padding-right: 1em;
     padding-bottom: 1em;
 }
 
 .tutorapplication__iconlist.accordion>li.open:after {
     content: "\f106";
 }
 
 .tutorapplication__iconlist.accordion>li.open h4+section {
     display: block;
 }
 
 .tutorapplication__dbsoptions {
     margin: 1em -0.5em;
 }
 
 .tutorapplication__dbsoptions .dbsoption {
     margin: 0.5em;
     padding: 0.5em;
     border: 1px solid #cac9d8;
     background: linear-gradient(180deg, #fff 0, #f9f8fb 100%);
     box-shadow: 0 1px 0 0 rgba(22, 29, 37, 0.05);
 }
 
 .tutorapplication__dbsoptions .dbsoption label {
     text-align: center;
 }
 
 .tutorapplication__dbsoptions .dbsoption label img {
     margin: 0.5em;
 }
 
 .tutorapplication__dbsoptions .dbsoption p {
     font-size: 1em;
     color: #303336;
 }
 
 .tutorapplication__dbsoptions .dbsoption:hover {
     background: linear-gradient(to bottom, #fafbfc, #f3f6f8);
     cursor: pointer;
 }
 
 .tutorapplication__dbsoptions .dbsoption:hover .ui-radiobutton,
 .tutorapplication__dbsoptions .dbsoption:hover label {
     cursor: pointer;
 }
 
 .tutorapplication__terms blockquote {
     height: 20em;
     overflow-y: scroll;
     margin: 10px 0;
     padding: 5px;
     background-color: #e7e6fc;
     font-size: 0.8em;
 }
 
 .tutorapplication__terms blockquote ol {
     list-style-type: decimal;
     margin: 5px 5px 5px 15px;
 }
 
 .tutorapplication__terms blockquote ol li {
     margin: 5px 0;
 }
 
 .tutorapplication__terms blockquote ol li a {
     line-height: 1;
 }
 
 .tutorapplication__terms input[type="checkbox"] {
     vertical-align: top;
     margin-top: 4px;
 }
 
 .tutorapplication__interview {
     margin: 1.5em 0;
     display: flex;
     align-items: center;
 }
 
 .tutorapplication__interview .modal__image {
     position: relative;
     margin: 0 1em 0 0;
 }
 
 .tutorapplication__interview .modal__image:after {
     top: 0;
     left: auto;
     right: 0;
     width: 1em;
     height: 1em;
 }
 
 .tutorapplication__interview .profileimage {
     width: 4em;
     height: 4em;
     border-radius: 100%;
 }
 
 .tutorapplication__interview p {
     color: #67657d;
 }
 
 .tutorapplication__interview p em {
     font-style: normal;
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 1.0625em;
     font-weight: 700;
     color: #303336;
 }
 
 body[class*="page_tutors_secure_ta-"] nav.bar>ul {
     display: none;
 }
 
 body[class*="page_tutors_secure_ta-"]:not(.scrolled) nav.bar {
     border: 0;
     background: 0;
     z-index: 9993;
 }
 
 body[class*="page_tutors_secure_ta-"].scrolled .selectionwizzard__wrapper>header {
     visibility: hidden;
 }
 
 body[class*="page_tutors_secure_ta-"] #allcontent {
     background-color: #fff;
     padding-top: 0;
 }
 
 @media (max-width: 992px) {
     body[class*="page_tutors_secure_ta-"] #allcontent {
         padding-top: 3em;
     }
 }
 
 .messageconfirmation {
     text-align: center;
     margin: 26px 0;
     position: relative;
 }
 
 .messageconfirmation:before {
     content: "";
     border-bottom: 1px solid #dcdae2;
     width: 100%;
     position: absolute;
     top: 50%;
     left: 0;
     right: 0;
     z-index: 0;
 }
 
 .messageconfirmation__body {
     background: #fff;
     display: inline-block;
     position: relative;
     margin: 0 auto;
     padding: 0 15px;
 }
 
 .messageconfirmation__type {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 16px;
     font-size: 1rem;
     line-height: 20px;
     line-height: 1.25rem;
     color: #303336;
     font-weight: 400;
     margin-bottom: 2px;
 }
 
 .messageconfirmation__time {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 16px;
     font-size: 1rem;
     line-height: 20px;
     line-height: 1.25rem;
     color: #303336;
     font-weight: 400;
     color: #67657d;
 }
 
 .messageconfirmation__time span {
     margin: 0 5px;
     font-weight: 200;
 }
 
 @media (max-width: 708px) {
     body.ui-selectpanel-open {
         overflow: hidden;
     }
 }
 
 .selectmanyfilter.ui-selectcheckboxmenu-multiple {
     background: white;
     border: 0;
     width: 100%;
 }
 
 .selectmanyfilter .ui-helper-hidden-accessible {
     display: none;
 }
 
 .selectmanyfilter .ui-selectcheckboxmenu-trigger {
     padding: 0;
     bottom: 0;
     width: 32px;
     height: 28px;
     top: 4px;
     right: 1px;
     background-color: white;
 }
 
 .selectmanyfilter .ui-selectcheckboxmenu-trigger .ui-icon {
     background: linear-gradient(45deg, white 50%, #67657d 50%), linear-gradient(135deg, #67657d 50%, white 50%);
     background-position: calc(100% - 17px) 0.85em, calc(100% - 12px) 0.85em, 100% 0;
     background-size: 4px 3px, 5px 4px, 2.5em 2.5em;
     background-repeat: no-repeat;
     margin-top: 0;
     top: auto;
     text-indent: 0;
     height: 100%;
 }
 
 .selectmanyfilter .ui-selectcheckboxmenu-multiple-container {
     appearance: none;
     -moz-appearance: none;
     -webkit-appearance: none;
     background-image: linear-gradient(to bottom, #fff, #f9f8fb);
     box-shadow: 0 1px 0 0 rgba(22, 29, 37, 0.05);
     border: solid 1px #cac9d8;
     padding: 8px 40px 6px 10px;
     margin-bottom: 0;
     font-family: "Source Sans Pro", sans-serif;
     font-size: 17px;
     font-size: 1.0625rem;
     line-height: 20px;
     line-height: 1.25rem;
     color: #303336;
     font-weight: 400;
     width: 100%;
     background: linear-gradient(45deg, transparent 50%, #67657d 50%), linear-gradient(135deg, #67657d 50%, transparent 50%);
     background-position: calc(100% - 17px) 1em, calc(100% - 12px) 1em, 100% 0;
     background-size: 4px 5px, 5px 5px, 2.5em 2.5em;
     background-repeat: no-repeat;
     transition: all 0.15s ease-in-out 0;
     min-height: 40px;
     cursor: pointer;
 }
 
 .selectmanyfilter .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token {
     border: 0;
     background: 0;
     padding: 0;
     margin: 0;
     font-family: "Source Sans Pro", sans-serif;
     font-size: 16px;
     font-size: 1rem;
     line-height: 20px;
     line-height: 1.25rem;
     color: #303336;
     font-weight: 400;
     background: #f5f4f7;
     margin-right: 5px;
     padding: 0 5px;
     float: none;
     display: inline-block;
 }
 
 .selectmanyfilter .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon {
     display: none;
 }
 
 .selectmanyfilter .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-label {
     padding: 0;
 }
 
 .selectmanyfilter.default .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token {
     background: white;
     padding: 0;
 }
 
 .ui-selectcheckboxmenu-panel {
     background-color: #fff;
     box-shadow: 0 2px 16px 0 rgba(33, 43, 54, 0.08), 0 31px 41px 0 rgba(33, 43, 54, 0.2);
     border: solid 1px #dcdae2;
     padding: 0;
     min-width: 360px;
     width: 100%;
     max-width: 420px;
     z-index: 9997 !important;
 }
 
 @media (max-width: 708px) {
     .ui-selectcheckboxmenu-panel.uiselectpanel--full-screen--mobile {
         position: fixed;
         top: auto !important;
         left: 0 !important;
         right: 0;
         max-width: 100%;
         width: 100% !important;
         bottom: 0;
         border-left: 0;
         border-right: 0;
         box-shadow: none;
         z-index: 9996 !important;
     }
 }
 
 .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header {
     display: none;
 }
 
 @media (max-width: 708px) {
     .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header {
         display: block;
         box-sizing: border-box;
         font-family: "Modelica", "Source Sans Pro", sans-serif;
         font-size: 0.75em;
         font-weight: 800;
         line-height: 2em;
         height: 4em;
         margin: 0;
         padding: 1em;
         color: #303336;
         border-bottom: 1px solid #dcdae2;
         text-align: center;
     }
     .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-chkbox {
         display: none;
     }
     .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close {
         display: block;
         position: absolute;
         top: 0;
         right: 0;
         width: 4em;
         height: 4em;
         margin: 0;
         padding: 0;
         z-index: 1;
     }
     .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close .ui-icon {
         display: none;
     }
     .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close:after {
         content: "";
         display: block;
         width: 4em;
         height: 4em;
         margin: 0;
         padding: 0;
         background-image: url("../../assets/svg/close-neutral8.svg");
         background-size: 1.5em;
         background-position: center;
         background-repeat: no-repeat;
     }
     .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close:hover {
         background: 0;
         border: 0;
         outline: 0;
         box-shadow: none;
     }
 }
 
 .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items-wrapper {
     box-sizing: border-box;
     width: 100%;
     overflow: hidden;
     padding: 18px 16px;
 }
 
 @media (max-width: 708px) {
     .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items-wrapper {
         height: calc(100% - 60px);
     }
 }
 
 .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-item {
     padding: 0;
     margin: 0;
     white-space: pre-wrap;
 }
 
 .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-item label {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 18px;
     font-size: 1.125rem;
     line-height: 24px;
     line-height: 1.5rem;
     color: #303336;
     font-weight: 400;
     margin: 0;
     padding: 0 0 0 10px;
     display: inline-block;
 }
 
 .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-item .ui-chkbox {
     position: relative;
     top: auto;
     margin: 0;
 }
 
 .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-item .ui-chkbox .ui-helper-hidden-accessible {
     position: relative;
 }
 
 .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-item .ui-chkbox .ui-helper-hidden-accessible input {
     vertical-align: top;
     margin-top: 1px;
 }
 
 .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-item .ui-chkbox-box {
     display: none;
 }
 
 .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-item:last-child label {
     margin-bottom: 0;
 }
 
 [id*="pricesForFilter"] .ui-selectcheckboxmenu-multiple-container {
     white-space: nowrap;
 }
 
 [id*="pricesForFilter"] .ui-selectcheckboxmenu-multiple-container:before {
     content: "All prices";
     display: block;
     position: absolute;
 }
 
 @media (max-width: 708px) {
     [id*="pricesForFilter"] .ui-selectcheckboxmenu-header:before {
         content: "Price";
     }
 }
 
 [id*="pricesForFilter"] .ui-selectcheckboxmenu-group-list-item {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 16px;
     font-size: 1rem;
     line-height: 20px;
     line-height: 1.25rem;
     color: #303336;
     font-weight: 400;
     color: #67657d;
     margin-bottom: 15px;
     padding: 0 0 0 24px;
 }
 
 [id*="pricesForFilter"] .ui-selectcheckboxmenu-item-group:nth-child(4n+1) {
     display: none;
 }
 
 [id*="pricesForFilter"] .ui-selectcheckboxmenu-list-item:nth-child(4n) {
     display: none;
 }
 
 [id*="availabilityForFilter"] .ui-selectcheckboxmenu-multiple-container {
     white-space: nowrap;
 }
 
 [id*="availabilityForFilter"] .ui-selectcheckboxmenu-multiple-container:before {
     content: "All availability";
     display: block;
     position: absolute;
 }
 
 @media (max-width: 708px) {
     [id*="availabilityForFilter"] .ui-selectcheckboxmenu-header:before {
         content: "Availability";
     }
 }
 
 [id*="availabilityForFilter"] .ui-selectcheckboxmenu-items-wrapper p {
     font-size: 0.875em;
     color: #8d89aa;
     margin-bottom: 0.5em;
 }
 
 [id*="availabilityForFilter"] .ui-selectcheckboxmenu-items-wrapper label {
     margin: 0.5em 0;
     text-transform: uppercase;
     font-weight: 600;
     font-size: 0.875em;
     color: #67657d;
 }
 
 [id*="availabilityForFilter"] .ui-selectcheckboxmenu-items-wrapper [id*="timesOfDay"] input+span {
     padding-left: 25px;
     background-size: 20px;
     background-position: 5px 0;
     background-repeat: no-repeat;
 }
 
 [id*="availabilityForFilter"] .ui-selectcheckboxmenu-items-wrapper [id*="timesOfDay"] input[value="MORNING"]+span {
     background-image: url(/images/morning-gray.svg);
 }
 
 [id*="availabilityForFilter"] .ui-selectcheckboxmenu-items-wrapper [id*="timesOfDay"] input[value="AFTERNOON"]+span {
     background-image: url(/images/afternoon-gray.svg);
 }
 
 [id*="availabilityForFilter"] .ui-selectcheckboxmenu-items-wrapper [id*="timesOfDay"] input[value="EVENING"]+span {
     background-image: url(/images/evening-gray.svg);
     background-position-y: 5px;
 }
 
 [id*="availabilityForFilter"].filled.times .ui-selectcheckboxmenu-multiple-container:before {
     content: "Specific times";
 }
 
 [id*="availabilityForFilter"].filled.days .ui-selectcheckboxmenu-multiple-container:before {
     content: "Specific days";
 }
 
 [id*="availabilityForFilter"].filled.times.days .ui-selectcheckboxmenu-multiple-container:before {
     content: "Specific times+days";
 }
 
 .cke.cke_chrome {
     border: 0;
 }
 
 .cke .cke_inner {
     background: 0;
     border: 1px solid #dcdae2;
     padding: 0;
 }
 
 .cke .cke_contents,
 .cke .cke_top,
 .cke .cke_bottom {
     padding: 5px;
 }
 
 .cke .cke_top {
     border-bottom: 1px solid #dcdae2;
 }
 
 .cke .cke_bottom {
     border-top: 1px solid #dcdae2;
 }
 
 .tutorhandbook h1 {
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 34px;
     font-size: 2.125rem;
     line-height: 38px;
     line-height: 2.375rem;
     color: #303336;
     font-weight: 400;
     letter-spacing: -0.5px;
 }
 
 .tutorhandbook h2 {
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 28px;
     font-size: 1.75rem;
     line-height: 34px;
     line-height: 2.125rem;
     color: #303336;
     font-weight: 400;
     letter-spacing: 0;
 }
 
 .tutorhandbook h3 {
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 24px;
     font-size: 1.5rem;
     line-height: 28px;
     line-height: 1.75rem;
     color: #303336;
     font-weight: 400;
     letter-spacing: 0;
 }
 
 .tutorhandbook h4 {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 30px;
     font-size: 1.875rem;
     line-height: 32px;
     line-height: 2rem;
     color: #303336;
     font-weight: 600;
 }
 
 .tutorhandbook h5 {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 24px;
     font-size: 1.5rem;
     line-height: 28px;
     line-height: 1.75rem;
     color: #303336;
     font-weight: 600;
 }
 
 .tutorhandbook h6 {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 22px;
     font-size: 1.375rem;
     line-height: 28px;
     line-height: 1.75rem;
     color: #303336;
     font-weight: 600;
 }
 
 .tutorhandbook p,
 .tutorhandbook li {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 16px;
     font-size: 1rem;
     line-height: 20px;
     line-height: 1.25rem;
     color: #303336;
     font-weight: 400;
     margin-bottom: 10px !important;
 }
 
 .tutorhandbook p a,
 .tutorhandbook li a {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 16px;
     font-size: 1rem;
     line-height: 20px;
     line-height: 1.25rem;
     color: #303336;
     font-weight: 400;
     color: #542eff;
 }
 
 .tutorhandbook ol,
 .tutorhandbook ul {
     list-style: initial;
     padding-left: 30px;
     margin-bottom: 10px;
 }
 
 .contactuscard {
     text-align: center;
     padding: 1em;
 }
 
 .contactuscard img {
     width: 80px;
     height: 80px;
     border-radius: 100%;
     display: block;
     margin: 0 auto 16px auto;
 }
 
 .contactuscard__header {
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-weight: 600;
     margin-bottom: 3px;
 }
 
 .contactuscard__body {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 16px;
     font-size: 1rem;
     line-height: 20px;
     line-height: 1.25rem;
     color: #303336;
     font-weight: 400;
     color: #545174;
     max-width: 270px;
     display: block;
     margin: 0 auto 20px auto;
 }
 
 .contactuscard__link {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 18px;
     font-size: 1.125rem;
     line-height: 24px;
     line-height: 1.5rem;
     color: #303336;
     font-weight: 400;
     color: #542eff;
 }
 
 .contactuscard__footer {
     margin-top: 18px;
 }
 
 @media (max-width: 708px) {
     .contactuscard__footer {
         padding: 0 20px;
     }
 }
 
 .notificationtile {
     box-shadow: 0 1px 3px 0 rgba(63, 63, 68, 0.15), 0 0 0 1px rgba(63, 63, 68, 0.05);
     padding: 1.25em;
     position: relative;
     margin-bottom: 1.5em;
 }
 
 @media (max-width: 992px) {
     .notificationtile {
         padding: 1em;
     }
 }
 
 .notificationtile__icon {
     margin-right: 1.25em;
     width: 4em;
     max-height: 4em;
     vertical-align: middle;
 }
 
 @media (max-width: 708px) {
     .notificationtile__icon {
         margin-right: 1em;
         width: 3em;
         max-height: 3em;
         vertical-align: top;
     }
 }
 
 .notificationtile__icon__wrapper {
     position: relative;
     display: inline-block;
 }
 
 @media (max-width: 708px) {
     .notificationtile__icon__wrapper {
         vertical-align: top;
     }
 }
 
 .notificationtile__icon--user {
     width: 2.5em;
     height: 2.5em;
     border-radius: 100%;
 }
 
 @media (max-width: 708px) {
     .notificationtile__icon--user {
         width: 2em;
         height: 2em;
     }
 }
 
 .notificationtile__status {
     position: absolute;
     display: inline-block;
     right: 5px;
     bottom: -2px;
     width: 14px;
     height: 14px;
     background: white;
     border-radius: 100%;
     padding: 2px;
 }
 
 .notificationtile__wrapper {
     display: inline-block;
     vertical-align: middle;
     width: calc(100% - 5.5em);
     box-sizing: border-box;
 }
 
 @media (max-width: 708px) {
     .notificationtile__wrapper {
         margin-bottom: 0.5em;
         width: calc(100% - 4.25em);
     }
 }
 
 .notificationtile__header {
     margin-bottom: 0.25em;
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 1em;
     font-weight: 700;
     color: #303336;
     word-break: break-word;
 }
 
 .notificationtile__body {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 16px;
     font-size: 1rem;
     line-height: 20px;
     line-height: 1.25rem;
     color: #303336;
     font-weight: 400;
     color: #303336;
     word-break: break-word;
 }
 
 .notificationtile__body span {
     font-weight: 600;
 }
 
 .notificationtile__body--light {
     color: #67657d;
 }
 
 .notificationtile__button {
     position: relative;
     top: 50%;
     transform: translateY(-50%);
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     position: absolute;
     right: 1.25em;
     text-align: right;
 }
 
 .notificationtile__button a {
     text-align: center;
 }
 
 @media (max-width: 708px) {
     .notificationtile__button {
         transform: none;
         position: relative;
         top: auto;
         right: auto;
         text-align: left;
         padding-left: 4.25em;
     }
 }
 
 @media (max-width: 708px) {
     .notificationtile__button--close {
         position: initial;
     }
 }
 
 .notificationtile__button_no_transform {
     position: absolute;
     top: 1em;
     right: 1.25em;
     text-align: right;
 }
 
 .notificationtile__button_no_transform a {
     text-align: center;
 }
 
 .notificationtile__button_no_transform .ui-button {
     padding: 0 !important;
 }
 
 .notificationtile__button_no_transform .ui-button-text {
     display: block !important;
 }
 
 @media (max-width: 708px) {
     .notificationtile__button_no_transform {
         position: relative;
         top: 50%;
         transform: translateY(-50%);
         -webkit-transform: translateY(-50%);
         -ms-transform: translateY(-50%);
         transform: none;
         position: relative;
         top: auto;
         right: auto;
         text-align: left;
         padding-left: 4.25em;
     }
 }
 
 @media (max-width: 708px) {
     .notificationtile__button_no_transform--close {
         position: initial;
     }
 }
 
 .notificationtile__close {
     display: inline-block;
     margin-left: 0.75em;
     vertical-align: middle;
 }
 
 @media (max-width: 708px) {
     .notificationtile__close {
         position: absolute;
         right: 1em;
         top: 1em;
     }
 }
 
 .notificationtile__close a {
     display: inline-block;
 }
 /* .notificationtile__close a:after {
    content: '';
    display: block;
    width: .75em;
    height: .75em;
    background-image: url("https://cdn.mytutor.co.uk/images/uploads/close-grey.svg");
    background-size: contain;
    background-repeat: no-repeat
} */
 
 .notificationtile--warning {
     background-color: #fcf9ed;
     border-top: 3px solid #f9cf00;
 }
 
 .notificationtile--success {
     background-color: #e4f7e8;
     border-top: 3px solid #32cf3a;
 }
 
 .notificationtile--info {
     background: #dceefa;
     border-top: 3px solid #0b5492;
 }
 
 .notificationtile--error {
     background: #fbeae5;
     border-top: 3px solid #890400;
 }
 
 .notificationtile--modal {
     border: 2px dashed #32cf3a;
     margin-bottom: 0;
     padding: 1.25em;
     margin-top: 2em;
 }
 
 .notificationtile--modal .notificationtile__icon {
     margin: 0 auto 1em;
     display: block;
     width: 5.5em;
     max-height: none;
 }
 
 .notificationtile--modal .notificationtile__icon--small {
     width: 3.5em;
 }
 
 .notificationtile--modal .notificationtile__header {
     text-align: center;
 }
 
 .notificationtile--nextstep {
     box-shadow: none;
     margin-top: -1px;
     margin-bottom: 0;
     border-top: 3px solid #0cb;
     padding: 1em 2em;
 }
 
 .notificationtile--nextstep.FIND_A_TUTOR form {
     width: 100%;
 }
 
 .notificationtile--nextstep img.icon {
     flex-shrink: 0;
     width: 45px;
     height: auto;
     margin: 0 2em 0 0;
 }
 
 .notificationtile--nextstep img.profileimage {
     width: 80px;
     height: 80px;
     margin: 0 1em 0 0;
     border-radius: 100%;
 }
 
 .notificationtile--nextstep .meetingStatus {
     position: relative;
 }
 
 .notificationtile--nextstep .meetingStatus:after {
     position: absolute;
     right: 0.75em;
     bottom: 0.125em;
     display: block;
     content: "";
     width: 1.5em;
     height: 1.5em;
     border: 2px solid white;
     border-radius: 100%;
     background-color: white;
     background-size: cover;
 }
 /* .notificationtile--nextstep .meetingStatus.waiting:after {
    background-image: url("https://cdn.mytutor.co.uk/icons/clock.svg?1599042894000")
}

.notificationtile--nextstep .meetingStatus.confirmed:after {
    background-image: url("https://cdn.mytutor.co.uk/icons/confirmed.svg?1599042894000")
}

.notificationtile--nextstep .meetingStatus.important:after {
    background-image: url("https://cdn.mytutor.co.uk/icons/exclamation.svg?1599042894000")
} */
 
 .notificationtile--nextstep header {
     white-space: nowrap;
     overflow: hidden;
 }
 
 .notificationtile--nextstep section {
     margin-right: 1em;
     flex: 1;
 }
 
 .notificationtile--nextstep h2 {
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 16px;
     line-height: 1.25em;
     font-weight: bold;
     color: #303336;
     margin-bottom: 0.25em;
 }
 
 .notificationtile--nextstep p {
     font-size: 14px;
     line-height: 1.125em;
     color: #67657d;
     margin: 0.25em 0;
     white-space: normal;
 }
 
 .notificationtile--nextstep p strong {
     display: inline-block;
     color: #303336;
     margin: 0.25em 0 0.5em;
 }
 
 .notificationtile--nextstep label {
     color: #545174;
 }
 
 .notificationtile--nextstep time.countdown {
     display: block;
     height: 1.25em;
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 1.25em;
     color: #0cb;
     font-weight: bold;
     text-align: center;
     white-space: nowrap;
 }
 
 .notificationtile--nextstep .tutortile__rating {
     margin-top: 0;
 }
 
 .notificationtile--nextstep .tutortile__rating .star,
 .notificationtile--nextstep .tutortile__rating .star svg {
     width: 14px;
     height: 14px;
 }
 
 .notificationtile--nextstep .tutortile__badge--inline {
     display: block;
 }
 
 .notificationtile--nextstep .tutortile__badge--margin-right {
     margin-right: 0;
 }
 
 @media (max-width: 708px) {
     .notificationtile--nextstep {
         padding: 1em;
     }
     .notificationtile--nextstep.FIND_A_TUTOR form button {
         margin: 1em 0;
     }
     .notificationtile--nextstep footer {
         flex-basis: 100%;
         margin-top: 2em;
         margin-bottom: 1em;
     }
 }
 
 .notificationtile--show {
     display: block;
 }
 
 .dashboardcard {
     position: relative;
     min-width: calc(100% - 1.5em);
 }
 
 .dashboardcard--padding {
     padding: 1em;
 }
 
 .dashboardcard__header {
     display: inline-block;
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-weight: 600;
     color: #303336;
 }
 
 .dashboardcard__header__wrapper {
     padding: 0.5em 1em;
     border-bottom: 1px solid #dcdae2;
 }
 
 .dashboardcard__header__wrapper .link {
     float: right;
     font-size: 0.875em;
 }
 
 .dashboardcard__header--tutors {
     position: absolute;
     z-index: 1;
     left: 0;
     top: 0;
     padding: 1em;
     background: #fff;
 }
 
 .dashboardcard .ui-tabs.ui-tabs-top>.ui-tabs-nav {
     padding-left: 100px;
 }
 
 .dashboardcard__tiles {
     padding: 0 1em;
 }
 
 @media (max-width: 708px) {
     .dashboardcard__tiles {
         padding: 0;
     }
 }
 
 .dashboardcard__wrapper {
     padding: 1em;
 }
 
 .dashboardcard__wrapper ul li {
     margin-bottom: 0.25em;
 }
 
 .dashboardcard__footer {
     text-align: right;
     padding: 1em;
 }
 
 .dashboardcard__footer--border {
     border-top: 1px solid #dcdae2;
 }
 
 .dashboardcard__updateitem {
     margin-bottom: 0.5em;
 }
 
 .dashboardcard__updateitem__header a {
     position: relative;
     padding-left: 1em;
     display: inline-block;
 }
 
 .dashboardcard__updateitem__content {
     display: none;
     margin: 0.5em 0 1em;
     padding-left: 1em;
 }
 
 .dashboardcard__updateitem__content p {
     margin-bottom: 0.5em;
 }
 
 .dashboardcard.refer-a-friend {
     text-align: center;
 }
 
 .dashboardcard.academyprizedraw img {
     display: block;
     width: calc(100% - -2em - -2px);
     margin: -17px -1em 1em;
 }
 
 .dashboardcard.academyprizedraw h2 {
     margin: 1em 0 0.5em;
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 1em;
     font-weight: 700;
     line-height: 1.25em;
 }
 
 .dashboardcard.academyprizedraw p {
     margin: 0.5em 0;
     line-height: 1.25em;
 }
 
 .dashboardcard.academyprizedraw blockquote {
     margin: 0.75em 0;
     padding: 0.25em 0.5em;
     border-left: 4px solid #ff98b7;
     line-height: 1.25em;
 }
 
 .dashboardcard.academyprizedraw a {
     margin: 1em 0 0;
 }
 
 .dashboardcard.academyprizedraw time {
     display: block;
     margin: 0.5em 0;
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-weight: 600;
     font-size: 1.375em;
 }
 
 .dashboardcard.academyprizedraw time small {
     font-weight: 500;
     font-size: 0.75em;
 }
 
 .tutorratings {
     margin-top: 3px;
 }
 
 .tutorratings__average {
     display: inline-block;
     background-color: #f9cf00;
     font-family: "Source Sans Pro", sans-serif;
     font-size: 14px;
     font-size: 0.875rem;
     line-height: 16px;
     line-height: 1rem;
     color: #303336;
     font-weight: 400;
     color: #fff;
     font-weight: 600;
     padding: 0 3px 1px 3px;
     vertical-align: middle;
 }
 
 .tutorratings__stars {
     display: inline-block;
     margin-left: 3px;
     vertical-align: middle;
 }
 
 .tutorratings__stars .star {
     width: 18px;
     height: 18px;
     display: inline-block;
 }
 
 .tutorratings__stars .star polygon {
     fill: #dcdae2;
 }
 
 .tutorratings__stars .unselected polygon {
     fill: #dcdae2;
 }
 
 .tutorratings__stars .selected polygon {
     fill: #f9cf00;
 }
 
 .tutorratings__badge {
     display: inline-block;
 }
 
 .tutorratings__badge img {
     margin-right: 4px;
     height: 17px;
     vertical-align: middle;
 }
 
 .tutorratings__badge p {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 16px;
     font-size: 1rem;
     line-height: 20px;
     line-height: 1.25rem;
     color: #303336;
     font-weight: 400;
     font-size: 15px;
     color: #00918a;
     display: inline-block;
     vertical-align: middle;
 }
 
 @media (max-width: 708px) {
     .tutorratings__badge p {
         font-family: "Source Sans Pro", sans-serif;
         font-size: 14px;
         font-size: 0.875rem;
         line-height: 16px;
         line-height: 1rem;
         color: #303336;
         font-weight: 400;
         color: #00918a;
     }
 }
 
 .emptystate {
     text-align: center;
     max-width: 500px;
     margin: 3em auto;
     padding: 0 1em;
 }
 
 @media (max-width: 708px) {
     .emptystate {
         margin: 1.5em auto;
     }
 }
 
 .emptystate__icon {
     margin-bottom: 1em;
     max-width: 270px;
 }
 
 @media (max-width: 708px) {
     .emptystate__icon {
         max-width: 200px;
         margin-bottom: 0.75em;
     }
 }
 
 .emptystate__icon.yellow {
     display: flex;
     justify-content: center;
     width: 5em;
     height: 5em;
     margin-left: auto;
     margin-right: auto;
     background-color: #f5dfa5;
     border-radius: 100%;
 }
 
 .emptystate__header {
     font-size: 1.125em;
     line-height: 1.25em;
     color: #67657d;
 }
 
 @media (max-width: 708px) {
     .emptystate__header {
         font-size: 1em;
     }
 }
 
 .emptystate__body {
     margin: 0.25em 0;
     font-size: 1em;
     color: #67657d;
 }
 
 .emptystate__body span {
     color: #303336;
 }
 
 .emptystate__button {
     margin-top: 1em;
     margin-right: 0;
 }
 
 .multifilter {
     height: 35px;
     padding: 0;
     margin: 0 0 10px 0;
     white-space: nowrap;
     box-shadow: 0 1px 0 0 rgba(22, 29, 37, 0.05);
 }
 
 @media (max-width: 708px) {
     .multifilter {
         margin-left: 0;
         width: 100%;
     }
 }
 
 .multifilter .ui-button {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 16px;
     font-size: 1rem;
     line-height: 20px;
     line-height: 1.25rem;
     color: #303336;
     font-weight: 400;
     color: #8d89aa;
     height: 35px;
     text-align: center;
     margin-left: -1px;
     margin-right: -1px;
     border: solid 2px #cac9d8;
     background-color: #dcdae2;
 }
 
 .multifilter .ui-button:hover {
     border-color: #542eff;
     background-color: #fff;
     color: #303336;
     z-index: 1;
 }
 
 .multifilter .ui-button.ui-state-active {
     color: #303336;
     background-color: #fff;
 }
 
 .multifilter .ui-button.ui-state-active:hover {
     border-color: #542eff;
     background-color: #dcdae2;
     color: #8d89aa;
 }
 
 .multifilter .ui-button input {
     background: transparent;
     border: 0;
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     width: 100%;
     height: 100%;
     margin: 0;
 }
 
 .multifilter .ui-button .ui-button-text {
     position: absolute;
     left: 0;
     right: 0;
     top: 50%;
     transform: translateY(-53%);
     -webkit-transform: translateY(-53%);
     -ms-transform: translateY(-53%);
 }
 
 .multifilter.ui-buttonset-7 .ui-button {
     width: 45px;
 }
 
 @media (max-width: 708px) {
     .multifilter.ui-buttonset-7 .ui-button {
         width: calc(100% / 7 - 1px);
     }
 }
 
 .multifilter.ui-buttonset-3 .ui-button {
     width: 107px;
 }
 
 @media (max-width: 708px) {
     .multifilter.ui-buttonset-3 .ui-button {
         width: calc(100% / 3 - 1px);
     }
 }
 
 .multifilter.inversed .ui-button.ui-state-active:hover {
     background-color: #fff;
     color: #303336;
 }
 
 .multifilter.inversed.all:hover .ui-button {
     background-color: #dcdae2;
     color: #8d89aa;
 }
 
 .multifilter.inversed.all .ui-button:hover {
     background-color: #fff;
     color: #303336;
 }
 
 .securesidebar__mobilewrapper {
     display: block;
 }
 
 @media (max-width: 992px) {
     .securesidebar__mobilewrapper {
         display: none;
     }
 }
 
 @media (max-width: 992px) {
     .securesidebar__mobilewrapper--open {
         display: block;
         position: fixed;
         top: 0;
         left: 0;
         right: 0;
         bottom: 0;
         z-index: 9996;
         background: #fff;
         overflow: scroll;
     }
 }
 
 @media (max-width: 992px) {
     .securesidebar__mobilewrapper--body {
         overflow: hidden;
         position: fixed;
     }
 }
 
 .securesidebar__close {
     display: none;
 }
 
 @media (max-width: 992px) {
     .securesidebar__close {
         display: block;
         position: absolute;
         right: 20px;
         top: 20px;
         cursor: pointer;
     }
     .securesidebar__close:after {
         content: "";
         display: block;
         width: 16px;
         height: 16px;
         background-image: url("//cdn.mytutor.co.uk/images/uploads/close-grey.svg");
         background-size: contain;
         background-repeat: no-repeat;
     }
 }
 
 .securesidebar__header {
     border-bottom: solid 1px #dcdae2;
     padding: 14px 5px;
 }
 
 .securesidebar__header h2 {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 22px;
     font-size: 1.375rem;
     line-height: 28px;
     line-height: 1.75rem;
     color: #303336;
     font-weight: 600;
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     color: #1867c2;
     text-align: center;
 }
 
 .securesidebar__section {
     border-bottom: solid 1px #dcdae2;
     padding: 20px 20px 25px 20px;
 }
 
 .securesidebar__section:last-of-type {
     border-bottom: 0;
 }
 
 .securesidebar__section h3 {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 18px;
     font-size: 1.125rem;
     line-height: 24px;
     line-height: 1.5rem;
     color: #303336;
     font-weight: 400;
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-weight: 600;
     margin-bottom: 3px;
 }
 
 .securesidebar__section h3 img {
     margin-right: 2px;
 }
 
 .securesidebar__section p {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 16px;
     font-size: 1rem;
     line-height: 20px;
     line-height: 1.25rem;
     color: #303336;
     font-weight: 400;
     color: #545174;
     margin-bottom: 15px;
 }
 
 .securesidebar__section p.footer {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 14px;
     font-size: 0.875rem;
     line-height: 16px;
     line-height: 1rem;
     color: #303336;
     font-weight: 400;
     color: #67657d;
     margin-bottom: 0;
     margin-top: 5px;
 }
 
 .securesidebar__section .ui-fileupload-content {
     position: relative;
 }
 
 .securesidebar__upload .ui-fileupload-buttonbar {
     padding: 0;
 }
 
 .securesidebar__upload .ui-fileupload-buttonbar .ui-button {
     margin: 0;
 }
 
 .securesidebar__upload .ui-fileupload-buttonbar .ui-button input {
     left: 0;
     bottom: 0;
     font-size: initial;
     width: 100%;
 }
 
 .securesidebar__upload .ui-fileupload-buttonbar .ui-button .ui-button-text {
     padding: 0;
     display: block;
 }
 
 .securesidebar__upload .ui-fileupload-content {
     margin-bottom: 10px;
 }
 
 .securesidebar__file {
     background-color: #f5f4f7;
     padding: 10px 12px;
     font-family: "Source Sans Pro", sans-serif;
     font-size: 14px;
     font-size: 0.875rem;
     line-height: 16px;
     line-height: 1rem;
     color: #303336;
     font-weight: 400;
     position: relative;
 }
 
 .securesidebar__file>button {
     position: absolute;
     right: 12px;
     top: 0;
     bottom: 0;
     cursor: pointer;
 }
 
 .securesidebar__file>button.progress {
     position: absolute !important;
 }
 
 .securesidebar__file>button .ui-button-text {
     display: none;
 }
 
 .securesidebar__file>button:after {
     content: "";
     display: block;
     width: 12px;
     height: 12px;
     background-image: url("//cdn.mytutor.co.uk/images/uploads/close-grey.svg");
     background-size: contain;
     background-repeat: no-repeat;
 }
 
 .chips {
     vertical-align: middle;
     width: calc(100% - 152px);
 }
 
 .chips.widebutton {
     width: calc(100% - 242px);
 }
 
 @media (max-width: 708px) {
     .chips.widebutton {
         width: 100%;
     }
 }
 
 @media (max-width: 708px) {
     .chips {
         width: 100%;
     }
 }
 
 .chips__button {
     width: 150px;
     height: 40px;
 }
 
 .chips__button.widebutton {
     width: 240px;
 }
 
 @media (max-width: 708px) {
     .chips__button.widebutton {
         width: 100%;
     }
 }
 
 @media (max-width: 708px) {
     .chips__button {
         border-left: solid 1px #2f87eb;
         margin-top: 10px;
         width: 100%;
     }
 }
 
 .chips .ui-chips-container {
     margin: 0;
     padding: 0 3px;
     border-right: 0;
 }
 
 @media (max-width: 708px) {
     .chips .ui-chips-container {
         border-right: 1px solid #cac9d8;
     }
 }
 
 .chips .ui-chips-input-token {
     margin: 0;
     min-width: 320px;
 }
 
 .chips .ui-chips-input-token input {
     margin: 0;
     border: 0;
     box-shadow: none;
 }
 
 .chips .ui-chips-token {
     background: #f5f4f7;
     box-shadow: none;
     border: 0;
 }
 
 .chips .ui-chips-token .ui-icon-close {
     position: absolute;
     width: 12px;
     height: 12px;
     background-image: url("//cdn.mytutor.co.uk/images/uploads/close-grey.svg");
     background-size: contain;
     background-position: center;
     margin-top: 0;
     background-repeat: no-repeat;
     top: 7px;
     right: 8px;
 }
 
 .chips .ui-chips-token .ui-chips-token-label {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 18px;
     font-size: 1.125rem;
     line-height: 24px;
     line-height: 1.5rem;
     color: #303336;
     font-weight: 400;
 }
 
 #classroomconv {
     display: flex;
     flex-direction: column;
     justify-content: flex-end;
     position: fixed;
     left: 0;
     bottom: 0;
     z-index: 1000;
     background: linear-gradient( 225deg, rgba(255, 255, 255, 0.1) 50%, #dcdae2 100%);
     padding: 0 24px;
     width: 500px;
     height: 400px;
     opacity: 0;
     transform: translateY(1000px);
 }
 
 @media (max-width: 992px) {
     #classroomconv {
         padding: 0 12px;
     }
 }
 
 #classroomconv .conversationtiles {
     z-index: 1002;
 }
 
 #classroomconv .conversationtiles .frame {
     position: fixed;
     left: 24px;
     bottom: 100px;
     opacity: 0;
     transform: translateY(1000px);
 }
 
 @media (max-width: 992px) {
     #classroomconv .conversationtiles .frame {
         left: 12px;
     }
 }
 
 #classroomconv .conversationtiles .frame .tile__avatar {
     float: left;
 }
 
 #classroomconv .conversationtiles .frame img {
     vertical-align: middle;
 }
 
 #classroomconv .conversationtiles .frame strong {
     font-weight: 700;
 }
 
 #classroomconv .conversationtiles .tile {
     color: #303336;
     background-color: #fff;
     box-shadow: 0 0 0 1px rgba(63, 63, 68, 0.05), 0 1px 3px 0 rgba(63, 63, 68, 0.15);
     padding: 24px;
     width: 368px;
 }
 
 @media (max-width: 992px) {
     #classroomconv .conversationtiles .tile {
         padding: 12px;
     }
 }
 
 @media (max-width: 708px) {
     #classroomconv .conversationtiles .tile {
         width: auto;
     }
 }
 
 #classroomconv .conversationtiles .tile__button {
     display: inline-block;
     visibility: hidden;
     width: auto;
     margin-right: 16px;
     border: 1px solid transparent;
 }
 
 @media (max-width: 992px) {
     #classroomconv .conversationtiles .tile__button {
         margin: 0 8px 8px 0;
     }
 }
 
 #classroomconv .conversationtiles .tile__button:last-child {
     margin-right: 0;
 }
 
 #classroomconv .conversationtiles .tile__button--yes:hover {
     border: 1px solid #36a04f;
     background-color: #e4f7e8;
     cursor: pointer;
 }
 
 #classroomconv .conversationtiles .tile__button--no:hover {
     border: 1px solid #890400;
     background-color: #fae9e3;
     cursor: pointer;
 }
 
 #classroomconv .conversationtiles .loading {
     border: 1px solid #f9cf00;
     border-radius: 23px;
     background-color: #fcf0cc;
     box-shadow: 0 5px 5px 0 rgba(244, 147, 66, 0.17);
     padding: 5px 15px;
     color: #523602;
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 16px;
     font-weight: 600;
     line-height: 20px;
 }
 
 #classroomconv .conversationmodal {
     opacity: 0;
     visibility: hidden;
     z-index: 1001;
     width: 364px;
     margin-bottom: 16px;
     background-color: #fff;
     box-shadow: 0 0 0 1px rgba(48, 51, 54, 0.08), 0 2px 16px 0 rgba(48, 51, 54, 0.08);
 }
 
 #classroomconv .conversationmodal__header {
     position: relative;
     color: #fff;
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 18px;
     font-weight: 700;
     line-height: 26px;
     text-align: center;
     background-color: #311b92;
     box-shadow: 0 2px 8px 0 rgba(49, 27, 146, 0.24);
     padding: 16px;
 }
 /* #classroomconv .conversationmodal__header .back {
    display: inline-block;
    margin: -.25em .5em -.25em 0;
    width: 1.25em;
    height: 1.25em;
    background-image: url("https://cdn.mytutor.co.uk/icons/arrow-left-neutral0.svg?1599042894000");
    background-repeat: no-repeat;
    background-position: left center;
    background-size: contain
} */
 
 #classroomconv .conversationmodal__header .dismiss {
     position: absolute;
     top: 16px;
     right: 16px;
     width: 27px;
     height: 27px;
     background-color: #14508e;
     border-radius: 50%;
     text-align: center;
     cursor: pointer;
 }
 
 #classroomconv .conversationmodal__header .dismiss img {
     margin-top: -3px;
     width: 10px;
     height: 10px;
 }
 
 #classroomconv .conversationmodal__body {
     padding: 0 1em 1em;
     max-height: 500px;
     background-color: #f5f4f7;
     overflow-y: scroll;
     scrollbar-width: none;
 }
 
 #classroomconv .conversationmodal__body::-webkit-scrollbar {
     display: none;
 }
 
 #classroomconv .conversationmodal__body .schooltutorial {
     background-color: #fff;
     box-shadow: 0 0 0 1px rgba(48, 51, 54, 0.05), 0 1px 3px 0 rgba(48, 51, 54, 0.15);
     padding: 16px;
     margin-bottom: 16px;
     border-left: 4px solid transparent;
     position: relative;
     color: #8d89aa;
     line-height: 1.5em;
 }
 
 #classroomconv .conversationmodal__body .schooltutorial:hover {
     box-shadow: 0 0 0 1px rgba(48, 51, 54, 0.08), 0 2px 16px 0 rgba(48, 51, 54, 0.08);
     border-left: 4px solid #e85dcc;
     cursor: pointer;
 }
 
 #classroomconv .conversationmodal__body .schooltutorial .name {
     color: #303336;
     font-weight: 600;
 }
 
 #classroomconv .conversationmodal__body .schooltutorial .time {
     color: #1867c2;
 }
 
 #classroomconv .conversationmodal__body .schooltutorial .bonus {
     position: absolute;
     right: 16px;
     bottom: 16px;
     color: #545174;
     font-size: 26px;
 }
 
 #classroomconv .conversationmodal__body .schooltutorial .cover {
     display: none;
     flex-direction: column;
     justify-content: space-around;
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     text-align: center;
     vertical-align: middle;
     font-weight: 600;
     color: #545174;
     background-color: #fff;
     opacity: 0.9;
     border-left: 4px solid transparent;
 }
 
 #classroomconv .conversationmodal__body .schooltutorial.taken .cover {
     display: flex;
 }
 
 #classroomconv .conversationmodal__body .schooltutorial.taken:hover {
     box-shadow: 0 0 0 1px rgba(48, 51, 54, 0.05), 0 1px 3px 0 rgba(48, 51, 54, 0.15);
     border-left: 4px solid transparent;
     cursor: inherit;
 }
 
 #classroomconv .conversationmodal__body .empty {
     text-align: center;
 }
 
 #classroomconv .conversationmodal__body .empty img {
     margin: 4em 0 1em;
 }
 
 #classroomconv .conversationmodal__body .empty p {
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     color: #303336;
     font-size: 1em;
     font-weight: 700;
     line-height: 1.25em;
 }
 
 #classroomconv .conversationmodal__body label {
     margin: 1em 0;
     color: #303336;
     font-size: 0.75em;
     text-transform: uppercase;
 }
 
 #classroomconv .conversationmodal__body .recurrence {
     display: flex;
     align-items: center;
     margin-bottom: 0.5em;
     text-align: left;
     text-decoration: none;
 }
 
 #classroomconv .conversationmodal__body .recurrence.WEEKLY {
     border-top: 2px solid #f9cf00;
 }
 
 #classroomconv .conversationmodal__body .recurrence.TUTORIAL {
     border-top: 2px solid #009383;
 }
 
 #classroomconv .conversationmodal__body .recurrence img {
     margin: 0 0.5em 0 1em;
 }
 
 #classroomconv .conversationmodal__body .recurrence img:last-child {
     margin-left: auto;
 }
 
 #classroomconv .conversationmodal__body .recurrence section {
     margin: 0;
     padding: 0.75em 0.25em;
     background-color: transparent;
 }
 
 #classroomconv .conversationmodal__body .recurrence section h3 {
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 0.875em;
     font-weight: 700;
     color: #303336;
 }
 
 #classroomconv .conversationmodal__body .recurrence section p {
     font-size: 0.875em;
     color: #67657d;
     margin: 0.5em 0 0;
 }
 
 #classroomconv .conversationmodal__body .container__card {
     margin: 1em 0;
     padding: 0;
     border: 0;
 }
 
 #classroomconv .conversationmodal__body .container__card .recurrence {
     margin: 0;
 }
 
 #classroomconv .conversationmodal__body .container__card .recurrence section {
     font-size: 1.25em;
 }
 
 #classroomconv .conversationmodal__body .container__card .recurrence section label {
     margin: 0 0 0.75em;
     color: #67657d;
 }
 
 #classroomconv .conversationmodal__body .container__card .recurrence section h3 {
     font-weight: 600;
 }
 
 #classroomconv .conversationmodal__body .container__card .recurrence section p {
     color: #303336;
 }
 
 #classroomconv .conversationmodal__body .container__card footer {
     margin: 0;
     padding: 0.75em;
     background: #ebfaf8;
 }
 
 #classroomconv .conversationfooter {
     margin-bottom: 16px;
 }
 
 @media (max-width: 992px) {
     #classroomconv .conversationfooter {
         margin-bottom: 8px;
     }
 }
 
 #classroomconv .conversationfooter>div {
     display: inline-block;
     vertical-align: middle;
 }
 
 #classroomconv .conversationfooter h1,
 #classroomconv .conversationfooter h2 {
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     color: #303336;
     font-size: 16px;
     font-weight: 700;
     line-height: 20px;
     margin: 0;
 }
 
 #classroomconv .conversationfooter h1 {
     text-transform: capitalize;
     color: #303336;
 }
 
 #classroomconv .conversationfooter h2 {
     color: #4628c1;
 }
 
 .confirmstmodal h1,
 .conflictstmodal h1 {
     color: #303336;
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 20px;
     font-weight: 700;
     text-align: center;
 }
 
 .confirmstmodal p,
 .conflictstmodal p {
     color: #67657d;
     font-size: 18px;
 }
 
 .confirmstmodal__details,
 .conflictstmodal__details {
     background-color: #fff;
     color: #67657d;
     padding: 16px;
 }
 
 .confirmstmodal__details table tr td,
 .conflictstmodal__details table tr td {
     width: 50%;
     padding-bottom: 8px;
 }
 
 .confirmstmodal__details table tr td.highlight,
 .conflictstmodal__details table tr td.highlight {
     font-style: italic;
     color: #1867c2;
 }
 
 .confirmstmodal .checkbox,
 .conflictstmodal .checkbox {
     margin-top: 0 !important;
 }
 
 .confirmstmodal .checkbox label,
 .conflictstmodal .checkbox label {
     display: none;
 }
 
 .confirmstmodal .checkbox input[type="checkbox"],
 .conflictstmodal .checkbox input[type="checkbox"] {
     position: relative !important;
     margin-left: 0 !important;
     margin-right: 1em !important;
 }
 
 .confirmstmodal .r_button,
 .confirmstmodal .teacherresources__upload .ui-fileupload-choose,
 .teacherresources__upload .confirmstmodal .ui-fileupload-choose,
 .confirmstmodal .teacherresources__selectone .ui-button,
 .teacherresources__selectone .confirmstmodal .ui-button,
 .confirmstmodal #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar .ui-button,
 #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar .confirmstmodal .ui-button,
 .confirmstmodal .securesidebar__upload .ui-fileupload-buttonbar .ui-button,
 .securesidebar__upload .ui-fileupload-buttonbar .confirmstmodal .ui-button,
 .confirmstmodal .ui-fileupload .ui-fileupload-buttonbar .ui-button,
 .ui-fileupload .ui-fileupload-buttonbar .confirmstmodal .ui-button,
 .confirmstmodal .page_tutors_secure_cover-report .container__card .upload .ui-fileupload-choose,
 .page_tutors_secure_cover-report .container__card .upload .confirmstmodal .ui-fileupload-choose,
 .conflictstmodal .r_button,
 .conflictstmodal .teacherresources__upload .ui-fileupload-choose,
 .teacherresources__upload .conflictstmodal .ui-fileupload-choose,
 .conflictstmodal .teacherresources__selectone .ui-button,
 .teacherresources__selectone .conflictstmodal .ui-button,
 .conflictstmodal #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar .ui-button,
 #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar .conflictstmodal .ui-button,
 .conflictstmodal .securesidebar__upload .ui-fileupload-buttonbar .ui-button,
 .securesidebar__upload .ui-fileupload-buttonbar .conflictstmodal .ui-button,
 .conflictstmodal .ui-fileupload .ui-fileupload-buttonbar .ui-button,
 .ui-fileupload .ui-fileupload-buttonbar .conflictstmodal .ui-button,
 .conflictstmodal .page_tutors_secure_cover-report .container__card .upload .ui-fileupload-choose,
 .page_tutors_secure_cover-report .container__card .upload .conflictstmodal .ui-fileupload-choose {
     font-size: 18px !important;
 }
 
 .confirmstmodal .r_button.progress,
 .confirmstmodal .teacherresources__upload .progress.ui-fileupload-choose,
 .teacherresources__upload .confirmstmodal .progress.ui-fileupload-choose,
 .confirmstmodal .teacherresources__selectone .progress.ui-button,
 .teacherresources__selectone .confirmstmodal .progress.ui-button,
 .confirmstmodal #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar .progress.ui-button,
 #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar .confirmstmodal .progress.ui-button,
 .confirmstmodal .securesidebar__upload .ui-fileupload-buttonbar .progress.ui-button,
 .securesidebar__upload .ui-fileupload-buttonbar .confirmstmodal .progress.ui-button,
 .confirmstmodal .ui-fileupload .ui-fileupload-buttonbar .progress.ui-button,
 .ui-fileupload .ui-fileupload-buttonbar .confirmstmodal .progress.ui-button,
 .confirmstmodal .page_tutors_secure_cover-report .container__card .upload .progress.ui-fileupload-choose,
 .page_tutors_secure_cover-report .container__card .upload .confirmstmodal .progress.ui-fileupload-choose,
 .conflictstmodal .r_button.progress,
 .conflictstmodal .teacherresources__upload .progress.ui-fileupload-choose,
 .teacherresources__upload .conflictstmodal .progress.ui-fileupload-choose,
 .conflictstmodal .teacherresources__selectone .progress.ui-button,
 .teacherresources__selectone .conflictstmodal .progress.ui-button,
 .conflictstmodal #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar .progress.ui-button,
 #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar .conflictstmodal .progress.ui-button,
 .conflictstmodal .securesidebar__upload .ui-fileupload-buttonbar .progress.ui-button,
 .securesidebar__upload .ui-fileupload-buttonbar .conflictstmodal .progress.ui-button,
 .conflictstmodal .ui-fileupload .ui-fileupload-buttonbar .progress.ui-button,
 .ui-fileupload .ui-fileupload-buttonbar .conflictstmodal .progress.ui-button,
 .conflictstmodal .page_tutors_secure_cover-report .container__card .upload .progress.ui-fileupload-choose,
 .page_tutors_secure_cover-report .container__card .upload .conflictstmodal .progress.ui-fileupload-choose {
     margin-bottom: inherit !important;
     height: inherit !important;
 }
 
 .confirmstmodal .r_button--cancel a,
 .conflictstmodal .r_button--cancel a {
     text-decoration: none !important;
 }
 
 #lessonSchedulerOverlay {
     display: none;
     position: absolute;
     bottom: 4.5em;
     left: 1em;
     z-index: 1000;
 }
 
 #lessonSchedulerOverlay a {
     display: flex;
     align-items: center;
     height: 2.5em;
     width: 2.5em;
     padding: 0.5em;
     background-color: #fff;
     box-shadow: 0 2px 16px 0 rgba(48, 51, 54, 0.08), 0 0 0 1px rgba(48, 51, 54, 0.08);
     overflow: hidden;
     white-space: nowrap;
     text-decoration: none;
     transition: width 0.3s ease-in-out;
 }
 
 #lessonSchedulerOverlay a span {
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 0.6875em;
     font-weight: 700;
     letter-spacing: 0.5px;
     text-transform: uppercase;
     color: #542eff;
     padding: 1em;
 }
 
 #lessonSchedulerOverlay a:hover {
     background-color: #f5f4f7;
 }
 
 #lessonSchedulerOverlay a:hover,
 #lessonSchedulerOverlay a.open {
     width: 11.5em;
 }
 
 #lessonScheduler {
     width: 320px;
     margin-bottom: 7.5em;
     margin-left: -0.5em;
     padding: 1.5em;
     background-color: #fff;
     box-shadow: 0 2px 16px 0 rgba(48, 51, 54, 0.08), 0 0 0 1px rgba(48, 51, 54, 0.08);
 }
 
 #lessonScheduler .lessonScheduler__header {
     position: relative;
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 0.6875em;
     font-weight: 700;
     letter-spacing: 0.5px;
     text-transform: uppercase;
     text-align: center;
     height: 3em;
 }
 
 #lessonScheduler .lessonScheduler__header .back,
 #lessonScheduler .lessonScheduler__header .dismiss {
     position: absolute;
     top: -0.75em;
     display: block;
     width: 2em;
     height: 2em;
     background-position: center;
     background-repeat: no-repeat;
     background-size: 1.5em;
     opacity: 1;
 }
 
 #lessonScheduler .lessonScheduler__header .back {
     left: -0.75em;
     background-image: url("../../assets/svg/arrow-left-neutral8.svg");
 }
 
 #lessonScheduler .lessonScheduler__header .dismiss {
     right: -0.75em;
     background-image: url("../../assets/svg/close-neutral8.svg");
 }
 
 #lessonScheduler .lessonScheduler__body h2 {
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-weight: 600;
     font-size: 1em;
     line-height: 1.5;
     color: #303336;
     margin-bottom: 1.5em;
 }
 
 #lessonScheduler .lessonScheduler__body p {
     color: #545174;
     line-height: 1.5;
     margin-bottom: 1.5em;
 }
 
 #lessonScheduler .lessonScheduler__body .inputRegion.calendar {
     margin-bottom: 0;
 }
 
 #lessonScheduler .lessonScheduler__body .inputRegion.calendar .ui-datepicker {
     font-size: 0.875em;
 }
 
 #lessonScheduler .lessonScheduler__body .times .ui-button {
     font-size: 0.875em;
 }
 
 #lessonScheduler .lessonScheduler__body .times .ui-buttonset.groupOfFour {
     margin-left: -1.5em;
     margin-right: -1.5em;
     margin-bottom: -1.5em;
 }
 
 #lessonScheduler .lessonScheduler__body .suggestedtime {
     display: flex;
     align-items: center;
     margin-bottom: 1.5em;
 }
 
 #lessonScheduler .lessonScheduler__body .suggestedtime div {
     background-color: #f5f4f7;
     margin-right: 1em;
 }
 
 #lessonScheduler .lessonScheduler__body .suggestedtime div img {
     margin: 0.6875em;
 }
 
 #lessonScheduler .lessonScheduler__body .suggestedtime section h3 {
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-weight: 800;
     font-size: 0.75em;
     line-height: 1.5;
     color: #303336;
 }
 
 #lessonScheduler .lessonScheduler__body .suggestedtime section p {
     margin-bottom: 0;
     font-size: 0.875em;
     line-height: 1.5;
     color: #545174;
 }
 
 .classroomsnakegame {
     width: 370px;
     height: 335px;
     margin: 0 auto;
     background-color: #14508e;
     border-radius: 7.69px;
     padding: 10px;
     font-family: "VT323";
     z-index: 1000;
 }
 
 .classroomsnakegame * {
     margin: 0;
     padding: 0;
     line-height: 1em;
 }
 
 .classroomsnakegame ::selection {
     color: #fafafa;
     background: transparent;
 }
 
 .classroomsnakegame ::-moz-selection {
     color: #fafafa;
     background: transparent;
 }
 
 .classroomsnakegame .wrap {
     margin-left: auto;
     margin-right: auto;
 }
 
 .classroomsnakegame header {
     width: 340px;
     height: 35px;
     font-size: 0;
 }
 
 .classroomsnakegame canvas {
     display: none;
     border-style: solid;
     border-width: 1px;
     background-color: #14508e;
     border-radius: 7.69px;
     box-shadow: 0 3px 8px -6px #14508e;
 }
 
 .classroomsnakegame canvas:focus {
     outline: 0;
 }
 
 .classroomsnakegame h1 {
     display: inline-block;
     width: 100px;
     font-size: 32px;
     color: #24cdba;
 }
 
 .classroomsnakegame .score {
     display: inline-block;
     width: 240px;
     font-size: 20px;
     color: #fafafa;
     text-align: right;
 }
 
 .classroomsnakegame .score_value {
     font-size: inherit;
 }
 
 .classroomsnakegame #gameover a,
 .classroomsnakegame #setting a,
 .classroomsnakegame #menu a {
     display: block;
     color: #fafafa;
     font-size: 30px;
 }
 
 .classroomsnakegame #gameover a,
 .classroomsnakegame #setting a:hover,
 .classroomsnakegame #menu a:hover {
     cursor: pointer;
 }
 
 .classroomsnakegame #gameover a:hover::before,
 .classroomsnakegame #setting a:hover::before,
 .classroomsnakegame #menu a:hover::before {
     content: ">";
     margin-right: 10px;
 }
 
 .classroomsnakegame #gameover h2,
 .classroomsnakegame #setting h2,
 .classroomsnakegame #menu h2 {
     color: #eb59ae;
     font-size: 40px;
 }
 
 .classroomsnakegame #gameover p,
 .classroomsnakegame #setting p,
 .classroomsnakegame #menu p {
     color: #fafafa;
     font-size: 20px;
 }
 
 .classroomsnakegame #menu {
     display: block;
     width: 340px;
     padding-top: 95px;
     padding-bottom: 95px;
     margin-left: auto;
     margin-right: auto;
     text-align: center;
 }
 
 .classroomsnakegame #menu h2 {
     -webkit-animation: logo-ani 1000ms linear infinite;
     animation: logo-ani 1000ms linear infinite;
     margin-bottom: 30px;
 }
 
 @-webkit-keyframes logo-ani {
     50% {
         -webkit-transform: scale(1.3, 1.3);
     }
     100% {
         -webkit-transform: scale(1, 1);
     }
 }
 
 @keyframes logo-ani {
     50% {
         transform: scale(1.3, 1.3);
     }
     100% {
         transform: scale(1, 1);
     }
 }
 
 .classroomsnakegame #gameover {
     display: none;
     width: 340px;
     padding-top: 95px;
     padding-bottom: 95px;
     margin-left: auto;
     margin-right: auto;
     text-align: center;
 }
 
 .classroomsnakegame #gameover p {
     margin-top: 25px;
 }
 
 .classroomsnakegame #setting {
     display: none;
     width: 340px;
     margin-left: auto;
     margin-right: auto;
     padding-top: 85px;
     padding-bottom: 85px;
     text-align: center;
 }
 
 .classroomsnakegame #setting h2 {
     margin-bottom: 15px;
 }
 
 .classroomsnakegame #setting p {
     margin-top: 10px;
 }
 
 .classroomsnakegame #setting input {
     display: none;
 }
 
 .classroomsnakegame #setting label {
     cursor: pointer;
     color: #fafafa;
     font-size: 20px;
 }
 
 .classroomsnakegame #setting input:checked+label {
     background-color: #fafafa;
     color: #000;
 }
 
 .joinedradio {
     table-layout: fixed;
     width: 100%;
     margin-bottom: 5px;
     border-collapse: initial;
     border: solid 1px #cac9d8;
 }
 
 .joinedradio.ui-selectoneradio.ui-widget td {
     display: table-cell;
     width: 50%;
     text-align: center;
     background-image: linear-gradient(to bottom, #fff, #f9f8fb);
     box-shadow: 0 1px 0 0 rgba(22, 29, 37, 0.05);
     padding: 9px 2px;
 }
 
 .joinedradio.ui-selectoneradio.ui-widget td label {
     margin: 0 0 0 8px;
 }
 
 .joinedradio.ui-selectoneradio.ui-widget td:first-of-type {
     border-right: solid 1px #cac9d8;
 }
 
 .joinedradio.inputErrors {
     border-collapse: collapse;
     border: solid 1px #ff1744;
 }
 
 .radio-inline {
     margin-bottom: 15px;
     text-align: center;
 }
 
 .radio-inline label {
     display: inline-block;
     margin-bottom: 0;
     margin-left: 3px;
     vertical-align: middle;
 }
 
 .radio-inline label:first-of-type {
     margin-right: 15px;
 }
 
 .selectionwizzard {
     min-height: 100vh;
     background-image: url("/images/hero-background-white.png");
     background-size: 400px;
     background-repeat: repeat;
     border: 0;
     position: relative;
 }
 
 .selectionwizzard:before {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background: linear-gradient(126deg, #3095e1, #3eaab1);
     z-index: -1;
 }
 
 .selectionwizzard__close,
 .selectionwizzard__previous,
 .selectionwizzard__next {
     width: 38px;
     height: 38px;
     background: rgba(0, 0, 0, 0.15);
     background-color: #f5f4f7;
     position: absolute;
     top: 0;
     border: 0;
     border-radius: 100%;
     box-shadow: none;
     margin: 0;
     outline: 0;
 }
 
 .selectionwizzard__close:hover,
 .selectionwizzard__previous:hover,
 .selectionwizzard__next:hover {
     background: rgba(0, 0, 0, 0.2);
 }
 
 .selectionwizzard__close:focus,
 .selectionwizzard__close:active,
 .selectionwizzard__previous:focus,
 .selectionwizzard__previous:active,
 .selectionwizzard__next:focus,
 .selectionwizzard__next:active {
     outline: 0;
 }
 
 .selectionwizzard__close .ui-button-text,
 .selectionwizzard__close .ui-icon,
 .selectionwizzard__previous .ui-button-text,
 .selectionwizzard__previous .ui-icon,
 .selectionwizzard__next .ui-button-text,
 .selectionwizzard__next .ui-icon {
     display: none;
 }
 
 .selectionwizzard__close.progress,
 .selectionwizzard__previous.progress,
 .selectionwizzard__next.progress {
     position: absolute !important;
 }
 
 .selectionwizzard__close.progress:after,
 .selectionwizzard__previous.progress:after,
 .selectionwizzard__next.progress:after {
     content: none !important;
 }
 
 @media (max-width: 708px) {
     .selectionwizzard__close,
     .selectionwizzard__previous,
     .selectionwizzard__next {
         width: 30px;
         height: 30px;
     }
 }
 
 .selectionwizzard__close:after,
 .selectionwizzard__previous:after,
 .selectionwizzard__next:after {
     content: "";
     background-size: 50%;
     background-repeat: no-repeat;
     background-position: center;
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
 }
 
 .selectionwizzard__close {
     right: 0;
 }
 
 .selectionwizzard__close:after {
     background-image: url("/images/icons/black-close.svg");
     background-size: 40%;
 }
 
 .selectionwizzard__previous {
     left: 0;
 }
 
 .selectionwizzard__previous:after {
     background-image: url("/images/icons/black-back.svg");
 }
 
 .selectionwizzard__next {
     right: 0;
 }
 
 .selectionwizzard__next:after {
     background-image: url("/images/icons/black-back.svg");
     transform: scaleX(-1);
 }
 
 .selectionwizzard__wrapper {
     position: relative;
     margin: 50px 0 70px 0;
 }
 
 .selectionwizzard__wrapper header {
     text-align: center;
 }
 
 @media (max-width: 708px) {
     .selectionwizzard__wrapper {
         margin: 20px 0 30px 0;
     }
 }
 
 .selectionwizzard__progress {
     display: inline-block;
 }
 
 .selectionwizzard__progress div {
     width: 8px;
     height: 8px;
     border-radius: 50%;
     background-color: #e7e6fc;
     display: inline-block;
     margin-bottom: 0.5rem;
 }
 
 .selectionwizzard__progress div.active {
     background-color: #009383;
 }
 
 .selectionwizzard__content {
     text-align: center;
     padding-top: 40px;
     padding-bottom: 100px;
     min-height: calc(100vh - 340px);
     transition: all 0.5s ease;
     position: relative;
     left: 0;
     right: 0;
     opacity: 1;
 }
 
 @media (max-width: 708px) {
     .selectionwizzard__content {
         padding-top: 20px;
         padding-bottom: 0;
         min-height: 0;
     }
 }
 
 .selectionwizzard__content .days {
     margin: 1em 0;
 }
 
 .selectionwizzard__content .days li a {
     display: flex;
 }
 
 .selectionwizzard__content .days li a:hover section {
     background: #f7f9fc;
     transition: background 0.15s ease-in-out;
 }
 
 .selectionwizzard__content .days li span.avatar {
     margin: 1em 1em 0 0;
     width: 2.5em;
     height: 2.5em;
     line-height: 2.5em;
     background-color: #e7e6fc;
     color: #14508e;
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 1.125em;
     font-weight: 700;
 }
 
 .selectionwizzard__content .days li section {
     position: relative;
     flex: 1;
     border-bottom: 1px solid #dcdae2;
     background: #fff;
     transition: background 0.15s ease-in-out;
 }
 /* .selectionwizzard__content .days li section:after {
    position: absolute;
    top: 2em;
    right: 0;
    display: block;
    content: "";
    width: 1em;
    height: 1em;
    background-image: url("https://cdn.mytutor.co.uk/icons/chevron-right-neutral8.svg?1599042894000");
    background-repeat: no-repeat
} */
 
 .selectionwizzard__content .days li section h2 {
     margin: 1em 0 0;
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 1.125em;
     font-weight: 700;
     color: #303336;
 }
 
 .selectionwizzard__content .days li section p {
     margin: 0.5em 0 1em;
     color: #8d89aa;
 }
 
 .selectionwizzard__content header {
     text-align: center;
 }
 
 .selectionwizzard__content header p {
     display: inline-block;
     margin: 0;
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 1em;
     line-height: 2em;
     font-weight: 800;
     color: #303336;
 }
 
 .selectionwizzard__content header .ui-button {
     background: 0;
 }
 
 .selectionwizzard__content header .ui-button:hover {
     background: #f5f4f7;
 }
 
 .selectionwizzard__content header .ui-button:after {
     width: 1em;
     height: 1em;
     top: 1em;
     left: 1em;
     background-size: auto;
 }
 /* .selectionwizzard__content header .ui-button.selectionwizzard__previous:after {
    background-image: url("https://cdn.mytutor.co.uk/icons/chevron-left-neutral8.svg?1599042894000")
}

.selectionwizzard__content header .ui-button.selectionwizzard__close:after {
    background-image: url("https://cdn.mytutor.co.uk/icons/chevron-right-neutral8.svg?1599042894000")
} */
 
 .selectionwizzard__content .times {
     margin: 1em 0;
     border-top: 1px solid #dcdae2;
 }
 
 .selectionwizzard__content .times .selectionwizzard__buttonwrapper {
     display: flex;
     flex-wrap: wrap;
     margin: 1em -0.5em;
 }
 
 .selectionwizzard__content .times .selectionwizzard__buttonwrapper .selectionwizzard__button {
     flex: calc(50% - 1em) 0 0;
     padding: 1em;
     max-width: none;
     box-shadow: none;
     border: 1px solid #cac9d8;
     box-shadow: 0 1px 0 0 rgba(48, 51, 54, 0.05);
 }
 
 .selectionwizzard__content .times .selectionwizzard__buttonwrapper .selectionwizzard__button .ui-button-text {
     font-size: 0.875em;
     font-weight: 600;
 }
 
 .selectionwizzard__content .times .selectionwizzard__buttonwrapper .selectionwizzard__button.ui-state-hover {
     background-color: #f7f9fc;
 }
 
 .selectionwizzard__content .times .selectionwizzard__buttonwrapper .selectionwizzard__button.ui-state-active {
     background-color: #e7e6fc;
     border-color: #311b92;
 }
 
 .selectionwizzard__content p {
     margin: 1.25em 0;
     color: #67657d;
     font-size: 1.0625em;
     line-height: 1.25em;
 }
 
 .selectionwizzard__content p.confirm {
     display: flex;
     justify-content: space-between;
     font-size: 1.125em;
     color: #303336;
 }
 
 .selectionwizzard__content p.confirm img {
     margin-right: 0.25em;
     vertical-align: text-top;
 }
 
 .selectionwizzard__content .greenbg {
     display: inline-block;
     background-color: #e4f7e8;
     padding: 1em;
     border-radius: 100%;
 }
 
 .selectionwizzard__content .examboards {
     display: flex;
     max-width: 1024px;
     margin: 0 auto;
 }
 
 @media (max-width: 992px) {
     .selectionwizzard__content .examboards {
         flex-direction: column;
     }
 }
 
 .selectionwizzard__content .examboards li {
     margin: 1em;
     width: 100%;
 }
 
 @media (max-width: 992px) {
     .selectionwizzard__content .examboards li {
         margin: 0;
     }
 }
 
 .selectionwizzard__content .examboards li+li {
     border-left: 1px solid #dcdae2;
     padding-left: 1em;
 }
 
 @media (max-width: 992px) {
     .selectionwizzard__content .examboards li+li {
         border-left: 0;
         padding-left: 0;
     }
 }
 
 .selectionwizzard__content .examboards li h2 {
     display: flex;
     align-items: flex-end;
     justify-content: center;
     height: 2em;
     padding-bottom: 0.5em;
     line-height: 1.5em;
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-weight: 600;
     color: #67657d;
 }
 
 .selectionwizzard__content .prices {
     display: flex;
     flex-wrap: wrap;
     justify-content: center;
 }
 
 .selectionwizzard__content .prices .selectionwizzard__button {
     width: 20%;
     text-align: left;
 }
 
 @media (max-width: 992px) {
     .selectionwizzard__content .prices .selectionwizzard__button {
         width: 40%;
     }
 }
 
 @media (max-width: 708px) {
     .selectionwizzard__content .prices .selectionwizzard__button {
         width: 100%;
         text-align: center;
     }
 }
 
 .selectionwizzard__content .availability h2 {
     margin: 1em 0 0.5em;
     padding: 0 0.5em;
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 1.125em;
     font-weight: 800;
     color: #303336;
     text-align: left;
 }
 
 @media (max-width: 992px) {
     .selectionwizzard__content .availability h2 {
         font-weight: 700;
         font-size: 1em;
         text-align: center;
     }
 }
 
 .selectionwizzard__content .availability h2 span {
     font-weight: 600;
     color: #67657d;
 }
 
 .selectionwizzard__content .availability .availability__days {
     display: flex;
     justify-content: center;
 }
 
 @media (max-width: 992px) {
     .selectionwizzard__content .availability .availability__days {
         flex-wrap: wrap;
     }
 }
 
 @media (max-width: 992px) {
     .selectionwizzard__content .availability .availability__days.selectionwizzard__buttonwrapper .selectionwizzard__button {
         width: 22%;
     }
 }
 
 @media (max-width: 708px) {
     .selectionwizzard__content .availability .availability__days.selectionwizzard__buttonwrapper .selectionwizzard__button {
         width: 100%;
     }
 }
 
 .selectionwizzard__content .availability .availability__times {
     display: flex;
     border-top: 0;
 }
 
 @media (max-width: 708px) {
     .selectionwizzard__content .availability .availability__times {
         flex-wrap: wrap;
     }
 }
 
 .selectionwizzard__content .availability .availability__times .selectionwizzard__button {
     max-width: none;
     display: flex;
     align-items: center;
     justify-content: center;
 }
 
 @media (max-width: 708px) {
     .selectionwizzard__content .availability .availability__times .selectionwizzard__button {
         width: 100%;
     }
 }
 
 .selectionwizzard__content .frequency {
     display: flex;
     flex-wrap: wrap;
     justify-content: center;
 }
 
 .selectionwizzard__content .frequency .selectionwizzard__button {
     width: 20%;
 }
 
 @media (max-width: 992px) {
     .selectionwizzard__content .frequency .selectionwizzard__button {
         width: 40%;
     }
 }
 
 @media (max-width: 708px) {
     .selectionwizzard__content .frequency .selectionwizzard__button {
         width: 100%;
     }
 }
 
 .selectionwizzard__content .genders {
     display: flex;
     justify-content: center;
 }
 
 @media (max-width: 708px) {
     .selectionwizzard__content .genders {
         flex-wrap: wrap;
     }
 }
 
 @media (max-width: 708px) {
     .selectionwizzard__content .genders .selectionwizzard__button {
         width: 100%;
     }
 }
 
 .selectionwizzard__content .genders .selectionwizzard__button img {
     margin: 0.75em 0.25em 1em;
     height: 2em;
 }
 
 .selectionwizzard__content .genders .selectionwizzard__button span {
     display: block;
 }
 
 .selectionwizzard__header {
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     color: #303336;
     margin-bottom: 30px;
     font-size: 3rem;
     font-weight: bold;
     line-height: 1.25em;
 }
 
 .selectionwizzard__header strong {
     color: #e85dcc;
     font-weight: 700;
 }
 
 @media (max-width: 992px) {
     .selectionwizzard__header {
         font-size: 2rem;
     }
 }
 
 @media (max-width: 708px) {
     .selectionwizzard__header {
         font-family: "Source Sans Pro", sans-serif;
         font-size: 22px;
         font-size: 1.375rem;
         line-height: 28px;
         line-height: 1.75rem;
         color: #303336;
         font-weight: 600;
         font-family: "Modelica", "Source Sans Pro", sans-serif;
         margin-bottom: 20px;
     }
 }
 
 .selectionwizzard__footer {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 18px;
     font-size: 1.125rem;
     line-height: 24px;
     line-height: 1.5rem;
     color: #303336;
     font-weight: 400;
     color: #67657d;
     font-style: italic;
     position: absolute;
     bottom: 0;
     left: 0;
     right: 0;
 }
 
 @media (max-width: 708px) {
     .selectionwizzard__footer {
         position: relative;
         margin-top: 25px;
         font-family: "Source Sans Pro", sans-serif;
         font-size: 16px;
         font-size: 1rem;
         line-height: 20px;
         line-height: 1.25rem;
         color: #303336;
         font-weight: 400;
         color: #67657d;
         font-style: italic;
     }
 }
 
 .selectionwizzard__input input {
     border-radius: 100px;
     padding: 15px 24px;
     width: 320px;
 }
 
 @media (max-width: 708px) {
     .selectionwizzard__input input {
         width: 100%;
     }
 }
 
 @media (max-width: 708px) {
     .selectionwizzard__input--desktop {
         display: none;
     }
 }
 
 .selectionwizzard__input--mobile {
     display: none;
 }
 
 .selectionwizzard__input--mobile li {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 18px;
     font-size: 1.125rem;
     line-height: 24px;
     line-height: 1.5rem;
     color: #303336;
     font-weight: 400;
     color: #67657d;
 }
 
 .selectionwizzard__input--mobile li:first-of-type {
     margin-bottom: 20px;
 }
 
 .selectionwizzard__input--mobile li i {
     margin: 0 5px;
 }
 
 .selectionwizzard__input--mobile li a {
     color: #67657d;
     margin-bottom: 18px;
     display: block;
 }
 
 .selectionwizzard__input--mobile li a:hover {
     color: #67657d;
     opacity: 0.8;
 }
 
 @media (max-width: 708px) {
     .selectionwizzard__input--mobile {
         display: block;
     }
 }
 
 .selectionwizzard__buttonwrapper {
     display: block;
     margin: 0 0 2em;
 }
 
 @media (max-width: 708px) {
     .selectionwizzard__buttonwrapper {
         margin-bottom: 1.25em;
     }
 }
 
 .selectionwizzard__skip {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 18px;
     font-size: 1.125rem;
     line-height: 24px;
     line-height: 1.5rem;
     color: #303336;
     font-weight: 400;
     color: #303336;
     display: block;
     margin: 1em;
     font-style: normal;
 }
 
 .selectionwizzard__skip:hover {
     color: #303336;
 }
 
 .selectionwizzard__skip:after {
     content: "";
     display: inline-block;
     background-image: url("//cdn.mytutor.co.uk/images/icons/arrow-right-black.svg");
     width: 14px;
     height: 11px;
     vertical-align: baseline;
     background-repeat: no-repeat;
     background-size: contain;
     background-position: center;
     margin-left: 8px;
 }
 
 .selectionwizzard__button {
     display: inline-block;
     box-sizing: border-box;
     width: calc(100% - 1em);
     max-width: 310px;
     margin: 0.5em !important;
     padding: 0.75em;
     border: 3px solid #fff;
     background: #fff;
     box-shadow: 0 3px 10px 0 rgba(48, 51, 54, 0.08), 0 0 0 1px rgba(48, 51, 54, 0.06);
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     outline: 0;
 }
 
 @media (max-width: 708px) {
     .selectionwizzard__button {
         padding: 0.5em;
         max-width: none;
     }
 }
 
 .selectionwizzard__button:hover {
     border: 3px solid #542eff;
 }
 
 .selectionwizzard__button:focus,
 .selectionwizzard__button:active {
     outline: 0;
 }
 
 .selectionwizzard__button .ui-button-text {
     color: #303336;
     font-size: 1.25em;
     font-weight: 600;
     line-height: 1.4;
 }
 
 .selectionwizzard__button .ui-button-text small {
     display: block;
     margin-top: 0.5em;
     font-weight: 600;
     font-size: 0.75em;
     line-height: 1.5em;
     color: #67657d;
 }
 
 .selectionwizzard__button--subject {
     width: 150px;
     padding: 2em 1em;
 }
 
 @media (max-width: 708px) {
     .selectionwizzard__button--subject {
         padding: 0.5em;
     }
 }
 
 .selectionwizzard__button--subject--maths .ui-button-text:before {
     background-image: url("/images/icons/selectionwizzard-maths_default.svg");
 }
 
 .selectionwizzard__button--subject--maths:hover .ui-button-text:before {
     background-image: url("/images/icons/selectionwizzard-maths_selected.svg");
 }
 
 .selectionwizzard__button--subject--biology .ui-button-text:before {
     background-image: url("/images/icons/selectionwizzard-biology_default.svg");
 }
 
 .selectionwizzard__button--subject--biology:hover .ui-button-text:before {
     background-image: url("/images/icons/selectionwizzard-biology_selected.svg");
 }
 
 .selectionwizzard__button--subject--chemistry .ui-button-text:before {
     background-image: url("/images/icons/selectionwizzard-chemistry_default.svg");
 }
 
 .selectionwizzard__button--subject--chemistry:hover .ui-button-text:before {
     background-image: url("/images/icons/selectionwizzard-chemistry_selected.svg");
 }
 
 .selectionwizzard__button--subject--english .ui-button-text:before {
     background-image: url("/images/icons/selectionwizzard-english_default.svg");
 }
 
 .selectionwizzard__button--subject--english:hover .ui-button-text:before {
     background-image: url("/images/icons/selectionwizzard-english_selected.svg");
 }
 
 .selectionwizzard__button--subject--physics .ui-button-text:before {
     background-image: url("/images/icons/selectionwizzard-physics_default.svg");
 }
 
 .selectionwizzard__button--subject--physics:hover .ui-button-text:before {
     background-image: url("/images/icons/selectionwizzard-physics_selected.svg");
 }
 
 .selectionwizzard__button--motivation {
     width: 150px;
     padding: 1em 0.25em;
 }
 
 @media (max-width: 708px) {
     .selectionwizzard__button--motivation {
         text-align: left;
         padding-left: 3.5em;
     }
 }
 
 .selectionwizzard__button--motivation--improve .ui-button-text:before {
     background-image: url("/images/icons/selectionwizzard__improve.svg");
 }
 
 .selectionwizzard__button--motivation--boost .ui-button-text:before {
     background-image: url("/images/icons/selectionwizzard__boost.svg");
 }
 
 .selectionwizzard__button--motivation--prep .ui-button-text:before {
     background-image: url("/images/icons/selectionwizzard__prep.svg");
 }
 
 .selectionwizzard__button--motivation--fill .ui-button-text:before {
     background-image: url("/images/icons/selectionwizzard__fill.svg");
 }
 
 @media (max-width: 708px) {
     .selectionwizzard__button--subject,
     .selectionwizzard__button--motivation {
         width: calc(100% - 1em);
     }
 }
 
 .selectionwizzard__button--subject .ui-button-text:before,
 .selectionwizzard__button--motivation .ui-button-text:before {
     content: "";
     background-size: 45px;
     background-repeat: no-repeat;
     width: 45px;
     height: 45px;
     position: relative;
     display: block;
     margin: 0 auto 10px auto;
 }
 
 @media (max-width: 708px) {
     .selectionwizzard__button--subject .ui-button-text:before,
     .selectionwizzard__button--motivation .ui-button-text:before {
         width: 28px;
         height: 28px;
         display: inline-block;
         background-size: 28px;
         vertical-align: middle;
         margin: 0;
         position: absolute;
         left: 0.75em;
     }
 }
 
 .selectionwizzard__loading__image {
     width: 360px;
     position: relative;
     margin: 40px auto 70px auto;
 }
 
 @media (max-width: 708px) {
     .selectionwizzard__loading__image {
         width: 100%;
         margin: 20px auto 35px auto;
     }
 }
 
 .selectionwizzard__loading__image:before {
     content: "";
     width: 260px;
     height: 260px;
     opacity: 0.17;
     position: absolute;
     border-radius: 100%;
     left: 50px;
     top: 12px;
     z-index: 1;
 }
 
 @media (max-width: 708px) {
     .selectionwizzard__loading__image:before {
         content: none;
     }
 }
 
 .selectionwizzard__loading__image img {
     width: 100%;
 }
 
 .selectionwizzard__loading .selectionwizzard__header {
     max-width: 450px;
     margin: 0 auto;
     font-family: "Source Sans Pro", sans-serif;
     font-size: 24px;
     font-size: 1.5rem;
     line-height: 28px;
     line-height: 1.75rem;
     color: #303336;
     font-weight: 600;
     font-family: "Modelica", "Source Sans Pro", sans-serif;
 }
 
 @media (max-width: 708px) {
     .selectionwizzard__loading .selectionwizzard__header {
         font-family: "Source Sans Pro", sans-serif;
         font-size: 22px;
         font-size: 1.375rem;
         line-height: 28px;
         line-height: 1.75rem;
         color: #303336;
         font-weight: 600;
         font-family: "Modelica", "Source Sans Pro", sans-serif;
     }
 }
 
 .selectionwizzard__loading__indicator {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 18px;
     font-size: 1.125rem;
     line-height: 24px;
     line-height: 1.5rem;
     color: #303336;
     font-weight: 400;
     color: #303336;
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-weight: 600;
     border-radius: 20px;
     background-color: #f5f4f7;
     padding: 10px 15px 10px 42px;
     position: relative;
     margin-top: 25px;
     width: 178px;
     margin: 0 auto;
 }
 
 .selectionwizzard__loading__indicator:before {
     content: " ";
     position: absolute;
     top: 14px;
     left: 16px;
     width: 16px;
     height: 16px;
     background: url("/images/spinner-pink.svg") no-repeat center center;
     background-size: contain;
     animation: spinner 0.6s linear infinite;
 }
 
 .selectionwizzard .ui-autocomplete-panel {
     background-color: #fff;
     box-shadow: 0 2px 16px 0 rgba(32, 42, 54, 0.08), 0 0 0 1px rgba(6, 44, 81, 0.1);
     border: 0;
     padding: 0;
     overflow: auto;
 }
 
 .selectionwizzard .ui-autocomplete-panel .ui-autocomplete-items {
     padding: 0;
 }
 
 .selectionwizzard .ui-autocomplete-panel .ui-autocomplete-item {
     padding: 10px 15px;
     font-family: "Source Sans Pro", sans-serif;
     font-size: 18px;
     font-size: 1.125rem;
     line-height: 24px;
     line-height: 1.5rem;
     color: #303336;
     font-weight: 400;
     margin: 0;
 }
 
 .selectionwizzard .ui-autocomplete-panel .ui-autocomplete-item .ui-autocomplete-query {
     font-weight: 600;
 }
 
 .selectionwizzard .ui-autocomplete-panel .ui-autocomplete-item.ui-state-highlight {
     text-shadow: none;
     background: #542eff;
     color: #fff;
 }
 
 .selectionwizzard .ui-selectmanybutton .selectionwizzard__button.ui-state-active {
     border-color: #542eff;
     background-color: #f7f9fc;
 }
 
 .selectionwizzard .ui-selectmanybutton .selectionwizzard__button .ui-helper-hidden-accessible {
     display: none;
 }
 
 .selectionwizzard.book-a-call .selectionwizzard__wrapper>header {
     height: 2.5em;
 }
 
 .selectionwizzard.book-a-call .selectionwizzard__content {
     max-width: 400px;
     min-height: calc(100vh - 20em);
     margin: 0 auto;
     padding: 0 0 8em;
 }
 
 .selectionwizzard.book-a-call .selectionwizzard__content header p {
     margin: 0.25em 0;
     text-align: center;
 }
 
 .selectionwizzard.book-a-call .selectionwizzard__content header p small {
     font-weight: 600;
     color: #8d89aa;
 }
 
 .selectionwizzard.book-a-call .selectionwizzard__header {
     margin: 1em 0;
     font-size: 2.125em;
     font-weight: 800;
     line-height: 1.25em;
 }
 
 @media (max-width: 708px) {
     .selectionwizzard.book-a-call .selectionwizzard__header {
         margin: 1em 0;
         font-size: 1.5em;
     }
 }
 
 .selectionwizzard.book-a-call .days li {
     display: flex;
 }
 
 .selectionwizzard.book-a-call .days li span.avatar {
     margin: 0.5em 1em 0.5em 0;
 }
 
 .selectionwizzard.book-a-call .days li section {
     background: transparent;
     text-align: left;
     display: flex;
     align-items: center;
     justify-content: space-between;
 }
 
 .selectionwizzard.book-a-call .days li section:after {
     display: none;
 }
 
 .selectionwizzard.book-a-call .days li section h2 {
     margin: 0;
 }
 
 .selectionwizzard.book-a-call .times {
     margin-top: -1em;
     border-top-color: transparent;
 }
 
 .selectionwizzard.book-a-call .selectionwizzard__footer p {
     display: flex;
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-weight: 600;
     font-size: 0.875em;
     line-height: 1.5em;
     font-style: normal;
     text-align: left;
 }
 
 .selectionwizzard.book-a-call .selectionwizzard__footer p img {
     margin-right: 1em;
 }
 
 .selectionwizzard.book-a-call .container__card--padding .selectionwizzard__subheader {
     margin: -0.5em 0 0;
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 1.25em;
     font-weight: 600;
     line-height: 1.5em;
     color: #8d89aa;
 }
 
 .selectionwizzard.see-tutors .texthero__form {
     margin: 0;
     border: 0;
     padding: 0;
     max-width: none;
 }
 
 @media (max-width: 992px) {
     .selectionwizzard.see-tutors .texthero__form {
         margin: 0 auto;
         max-width: 360px;
     }
     .selectionwizzard.see-tutors .texthero__form .logo {
         display: none;
     }
 }
 
 .selectionwizzard.see-tutors .texthero__form__header {
     margin: 1em 0;
     font-size: 2.125em;
     font-weight: 800;
     text-align: left;
 }
 
 @media (max-width: 1268px) {
     .selectionwizzard.see-tutors .texthero__form__header {
         font-size: 1.875em;
     }
 }
 
 @media (max-width: 992px) {
     .selectionwizzard.see-tutors .texthero__form__header {
         margin-top: 0;
         font-size: 1.5em;
         text-align: center;
     }
 }
 
 .selectionwizzard.see-tutors .texthero__form .signuppanel {
     max-width: 360px;
 }
 
 .selectionwizzard.see-tutors .selectionwizzard__wrapper {
     margin-top: 2.5em;
     margin-bottom: 2.5em;
 }
 
 .selectionwizzard.see-tutors .selectionwizzard__wrapper header {
     height: 2.5em;
 }
 
 .selectionwizzard.see-tutors .selectionwizzard__progress {
     position: relative;
     top: 4em;
     display: block;
     width: 400px;
     height: 8px;
     margin: 0 auto;
     background-color: #e7e6fc;
 }
 
 @media (max-width: 708px) {
     .selectionwizzard.see-tutors .selectionwizzard__progress {
         top: 0;
         width: 100%;
     }
 }
 
 .selectionwizzard.see-tutors .selectionwizzard__progress span {
     display: block;
     height: 8px;
     background-color: #542eff;
 }
 
 .selectionwizzard.see-tutors .selectionwizzard__content section {
     width: 100%;
     max-width: 310px;
     margin: 0 auto;
 }
 
 @media (max-width: 708px) {
     .selectionwizzard.see-tutors .selectionwizzard__content section {
         max-width: none;
     }
 }
 
 .selectionwizzard.see-tutors .selectionwizzard__content section button.r_button,
 .selectionwizzard.see-tutors .selectionwizzard__content section .teacherresources__upload button.ui-fileupload-choose,
 .teacherresources__upload .selectionwizzard.see-tutors .selectionwizzard__content section button.ui-fileupload-choose,
 .selectionwizzard.see-tutors .selectionwizzard__content section .teacherresources__selectone button.ui-button,
 .teacherresources__selectone .selectionwizzard.see-tutors .selectionwizzard__content section button.ui-button,
 .selectionwizzard.see-tutors .selectionwizzard__content section #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar button.ui-button,
 #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar .selectionwizzard.see-tutors .selectionwizzard__content section button.ui-button,
 .selectionwizzard.see-tutors .selectionwizzard__content section .securesidebar__upload .ui-fileupload-buttonbar button.ui-button,
 .securesidebar__upload .ui-fileupload-buttonbar .selectionwizzard.see-tutors .selectionwizzard__content section button.ui-button,
 .selectionwizzard.see-tutors .selectionwizzard__content section .ui-fileupload .ui-fileupload-buttonbar button.ui-button,
 .ui-fileupload .ui-fileupload-buttonbar .selectionwizzard.see-tutors .selectionwizzard__content section button.ui-button,
 .selectionwizzard.see-tutors .selectionwizzard__content section .page_tutors_secure_cover-report .container__card .upload button.ui-fileupload-choose,
 .page_tutors_secure_cover-report .container__card .upload .selectionwizzard.see-tutors .selectionwizzard__content section button.ui-fileupload-choose {
     margin-top: 2em;
 }
 
 .selectionwizzard.see-tutors .selectionwizzard__header {
     margin: 1em auto;
     font-size: 2.125em;
     font-weight: 800;
     line-height: 1.25em;
     max-width: 992px;
 }
 
 @media (max-width: 708px) {
     .selectionwizzard.see-tutors .selectionwizzard__header {
         margin-top: 0;
         font-size: 1.5em;
     }
 }
 
 .selectionwizzard.see-tutors .selectionwizzard__header em {
     font-style: normal;
     color: #e85dcc;
 }
 
 .selectionwizzard.see-tutors .selectionwizzard__header small {
     display: block;
     margin-top: 0.5em;
     margin-bottom: 0.5em;
     font-size: 0.52875em;
     font-weight: 600;
     color: #67657d;
 }
 
 .selectionwizzard.see-tutors .selectionwizzard__subheader {
     margin: -0.5em auto 1.5em;
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 1.125em;
     font-weight: 600;
     line-height: 1.5em;
     color: #67657d;
     max-width: 708px;
 }
 
 .selectionwizzard.see-tutors .inputRegion .error {
     font-size: 1em;
 }
 
 .selectionwizzard.see-tutors .inputRegion.password .inputfieldinfo {
     border-bottom: 1px solid transparent;
     text-align: center;
 }
 
 .selectionwizzard.ta-bookinterview {
     background: #fff;
     min-height: calc(100vh - 5em);
 }
 
 @media (max-width: 992px) {
     .selectionwizzard.ta-bookinterview {
         min-height: calc(100vh - 4.5em);
     }
 }
 
 .selectionwizzard.ta-bookinterview .selectionwizzard__content {
     min-height: calc(100vh - 21em);
     margin: 0 auto;
     padding: 4em 0;
     text-align: left;
 }
 
 @media (max-width: 708px) {
     .selectionwizzard.ta-bookinterview .selectionwizzard__content {
         padding-top: 2em;
     }
 }
 
 .selectionwizzard.ta-bookinterview .selectionwizzard__content header img {
     margin: 2em 0;
 }
 
 @media (max-width: 708px) {
     .selectionwizzard.ta-bookinterview .selectionwizzard__content header img {
         margin: 1em 0;
     }
 }
 
 @media (max-width: 450px) {
     .selectionwizzard.ta-bookinterview .selectionwizzard__content header img {
         width: 100%;
         height: auto;
     }
 }
 
 .selectionwizzard.ta-bookinterview .selectionwizzard__content .selectionwizzard__header {
     margin: 0.5em 0 1em;
     font-size: 1.75em;
     font-weight: 800;
     line-height: 1.25em;
 }
 
 @media (max-width: 708px) {
     .selectionwizzard.ta-bookinterview .selectionwizzard__content .selectionwizzard__header {
         font-size: 1.5em;
     }
 }
 
 .selectionwizzard.ta-bookinterview .selectionwizzard__content .stages {
     margin: 2em 0;
 }
 
 .selectionwizzard.ta-bookinterview .selectionwizzard__content .stages li {
     margin: 1em 0;
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 1.125em;
     font-weight: 700;
     line-height: 1.5em;
     color: #cac9d8;
 }
 
 .selectionwizzard.ta-bookinterview .selectionwizzard__content .stages li span {
     display: inline-block;
     width: 2em;
     height: 2em;
     line-height: 2em;
     border-radius: 100%;
     margin-right: 1em;
     font-size: 0.875em;
     font-weight: 400;
     text-align: center;
 }
 
 .selectionwizzard.ta-bookinterview .selectionwizzard__content .stages li span i:before {
     margin-right: 0;
 }
 
 .selectionwizzard.ta-bookinterview .selectionwizzard__content .stages li.active {
     color: #303336;
 }
 
 .selectionwizzard.ta-bookinterview .selectionwizzard__content .stages li.completed span {
     color: #03461f;
     background-color: #a2e8b3;
 }
 
 .selectionwizzard.ta-bookinterview .selectionwizzard__content .stages li.uncompleted span {
     color: #311b92;
     background-color: #d4caff;
 }
 
 .selectionwizzard.ta-bookinterview .selectionwizzard__content blockquote {
     margin: 1em 0;
     padding: 1em 1em 1em 3em;
     font-size: 1.125em;
     line-height: 1.25em;
 }
 /* .selectionwizzard.ta-bookinterview .selectionwizzard__content blockquote.info {
    color: #032348;
    background-color: #ebf4fa;
    background-image: url("https://cdn.mytutor.co.uk/icons/info-info8.svg?1599042894000");
    background-repeat: no-repeat;
    background-position: 1em 1em
} */
 
 .selectionwizzard.ta-bookinterview .selectionwizzard__content .selectionwizzard__subheader {
     font-size: 1.25em;
     text-align: center;
 }
 
 .selectionwizzard.ta-bookinterview .selectionwizzard__content .container__card footer {
     margin: 1em -20px -20px;
     padding: 20px;
     background-color: #f9f8fb;
 }
 
 .selectionwizzard.ta-bookinterview .selectionwizzard__footer {
     position: absolute;
 }
 
 body[class*="page_tutors_secure_ta-"] .selectionwizzard__wrapper {
     min-width: 300px;
     max-width: 560px;
     margin: 1.5em auto 2.5em;
     z-index: 9993;
 }
 
 body[class*="page_tutors_secure_ta-"] .selectionwizzard__wrapper.step--BOOKED {
     max-width: 360px;
 }
 
 body[class*="page_tutors_secure_ta-"] .selectionwizzard__wrapper.step--BOOKED .selectionwizzard__content {
     padding-top: 1em;
     min-height: calc(100vh - 18em);
 }
 
 body[class*="page_tutors_secure_ta-"] .selectionwizzard__wrapper.step--BOOKED .selectionwizzard__content .selectionwizzard__header {
     text-align: center;
 }
 
 body[class*="page_tutors_secure_ta-"] .selectionwizzard__wrapper.step--FINISHED {
     max-width: 360px;
 }
 
 body[class*="page_tutors_secure_ta-"] .selectionwizzard__wrapper.step--FINISHED .selectionwizzard__content {
     padding-top: 0;
     margin-top: -2em;
     min-height: calc(100vh - 15em);
 }
 
 body[class*="page_tutors_secure_ta-"] .selectionwizzard__wrapper.step--FINISHED .selectionwizzard__content .selectionwizzard__header {
     font-size: 1.5em;
     color: #e85dcc;
 }
 
 @media (max-width: 708px) {
     body[class*="page_tutors_secure_ta-"] .selectionwizzard__wrapper.step--FINISHED .selectionwizzard__content .selectionwizzard__header {
         font-size: 1.25em;
     }
 }
 
 body[class*="page_tutors_secure_ta-"] .selectionwizzard__wrapper>header {
     height: 2.5em;
 }
 
 body[class*="page_tutors_secure_ta-"] .selectionwizzard__wrapper>header p {
     display: inline-block;
     line-height: 2em;
     font-size: 1.0625em;
     color: #67657d;
     text-transform: uppercase;
 }
 
 body[class*="page_tutors_secure_ta-"] .selectionwizzard__wrapper>header p span {
     color: #cac9d8;
 }
 
 body[class*="page_tutors_secure_ta-"] .selectionwizzard__wrapper>header p span em {
     margin: 0 0.75em;
 }
 
 body[class*="page_tutors_secure_ta-"] .selectionwizzard__wrapper>header p span strong {
     font-weight: normal;
     color: #303336;
 }
 
 body[class*="page_tutors_secure_ta-"] .selectionwizzard__wrapper>header p span+img {
     vertical-align: text-top;
     margin-left: 0.75em;
     cursor: pointer;
 }
 
 body[class*="page_tutors_secure_ta-"] .selectionwizzard__wrapper>header .selectionwizzard__progress {
     position: relative;
     top: 2.5em;
     display: block;
     height: 8px;
     margin: 0 auto;
     border-radius: 1em;
     background-color: #f7f9fc;
 }
 
 @media (max-width: 708px) {
     body[class*="page_tutors_secure_ta-"] .selectionwizzard__wrapper>header .selectionwizzard__progress {
         top: 1em;
     }
 }
 
 body[class*="page_tutors_secure_ta-"] .selectionwizzard__wrapper>header .selectionwizzard__progress span {
     display: block;
     height: 8px;
     border-radius: 1em;
     background-color: #311b92;
 }
 
 .tutorprofilecard.dashboardcard {
     border: 0;
 }
 
 @media (max-width: 708px) {
     .tutorprofilecard.dashboardcard.profile {
         background: 0;
         box-shadow: none;
     }
 }
 
 .tutorprofilecard__image {
     padding: 1em;
     overflow: visible;
     height: 4.5em;
     margin-bottom: 1.5em;
     background-color: #0cb;
     background-image: linear-gradient(259deg, #0cb, #12b4a6);
 }
 
 .tutorprofilecard__image img {
     width: 100%;
     height: 9em;
     object-fit: cover;
     object-position: center;
     box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);
 }
 
 .tutorprofilecard__image.HIDDEN {
     background-color: #ce2620;
     background-image: linear-gradient(75deg, #a80f0a, #ce2620);
 }
 
 .tutorprofilecard__image.BOOSTING {
     background-color: #4628c1;
     background-image: linear-gradient(105deg, #311b92, #542eff 100%);
 }
 
 .tutorprofilecard__availability {
     margin-bottom: 1em;
     padding: 0 2em;
 }
 
 .tutorprofilecard__name {
     margin: 0.5em 0;
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 1.5em;
     line-height: 1.25em;
     font-weight: bold;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
 }
 
 .tutorprofilecard__stats {
     margin: 0.5em 0;
     font-size: 0.875em;
     color: #67657d;
 }
 
 .tutorprofilecard .dashboardcard__wrapper {
     text-align: center;
 }
 
 .tutorprofilecard .ui-selectonemenu {
     border: 0;
     border-radius: 2em;
     box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16);
     background-color: #0cb;
     background-image: linear-gradient(45deg, transparent 50%, #fff 50%), linear-gradient(135deg, #fff 50%, transparent 50%);
 }
 
 .tutorprofilecard .ui-selectonemenu .ui-selectonemenu-label {
     border-radius: 2em;
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-weight: bold;
     font-size: 0.875em;
     line-height: 1.5em;
     text-transform: uppercase;
     color: #fff;
 }
 
 .tutorprofilecard .ui-selectonemenu .ui-selectonemenu-label span {
     display: inline-block;
     position: relative;
     left: -5px;
     top: -3px;
     height: 27px;
     width: 27px;
     background: white;
     border-radius: 100%;
 }
 
 .tutorprofilecard .ui-selectonemenu .ui-selectonemenu-label span img {
     width: 17px;
     height: 17px;
     margin: 5px;
     vertical-align: middle;
 }
 
 .tutorprofilecard .ui-selectonemenu.HIDDEN {
     background-color: #ce2620;
 }
 
 .tutorprofilecard .ui-selectonemenu.BOOSTING {
     background-color: #4628c1;
 }
 
 .tutorprofilecard .ui-selectonemenu.BOOSTING .ui-selectonemenu-label span {
     background: 0;
 }
 
 .tutorprofilecard .ui-selectonemenu.BOOSTING .ui-selectonemenu-label span img {
     width: 27px;
     height: 27px;
     margin: 0;
 }
 
 .tutorprofilecard.ui-selectonemenu-panel {
     top: 3em !important;
     left: -2em !important;
     right: -2em !important;
     overflow: hidden;
 }
 
 @media (max-width: 708px) {
     .tutorprofilecard.ui-selectonemenu-panel {
         top: 0 !important;
         left: 0 !important;
         right: 0 !important;
     }
 }
 
 .tutorprofilecard.ui-selectonemenu-panel .ui-selectonemenu-items-wrapper {
     overflow: hidden;
 }
 
 .tutorprofilecard.ui-selectonemenu-panel .ui-selectonemenu-item td {
     padding: 1em;
     border-bottom: 1px solid #dcdae2;
     font-size: 0.875em;
     color: #67657d;
 }
 
 @media (max-width: 708px) {
     .tutorprofilecard.ui-selectonemenu-panel .ui-selectonemenu-item td {
         border-bottom: 0;
         font-size: 1em;
     }
 }
 
 .tutorprofilecard.ui-selectonemenu-panel .ui-selectonemenu-item:last-child td {
     border-bottom: 0;
 }
 
 .tutorprofilecard.ui-selectonemenu-panel .ui-selectonemenu-item img {
     vertical-align: middle;
     width: 1em;
     height: 1em;
     margin-right: 0.5em;
 }
 
 .tutorprofilecard.boost {
     padding: 3px 0 1em;
     border-top: 3px solid #4628c1;
 }
 
 @media (max-width: 708px) {
     .tutorprofilecard.boost {
         margin-left: 1em;
         margin-right: 1em;
         min-width: calc(100% - 2em);
     }
 }
 
 .tutorprofilecard.boost .dashboardcard__header__wrapper {
     position: relative;
 }
 
 .tutorprofilecard.boost .dashboardcard__header__wrapper .r_button__menu {
     position: absolute;
     right: 1em;
     top: 0.25em;
 }
 
 .tutorprofilecard.boost .dashboardcard__header__wrapper .r_button__menu .r_button--more {
     padding: 0;
 }
 
 .tutorprofilecard.boost .tutorprofilecard_views {
     margin-bottom: 2em;
 }
 
 .tutorprofilecard.boost .tutorprofilecard_views em {
     display: block;
     font-size: 4.5em;
     font-weight: 800;
     font-style: normal;
 }
 
 .tutorprofilecard.boost .tutorprofilecard_views span {
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 12px;
     font-weight: bold;
     color: #4628c1;
     text-transform: uppercase;
 }
 
 .tutorprofilecard.boost .tutorprofilecard_boost .r_button,
 .tutorprofilecard.boost .tutorprofilecard_boost .teacherresources__upload .ui-fileupload-choose,
 .teacherresources__upload .tutorprofilecard.boost .tutorprofilecard_boost .ui-fileupload-choose,
 .tutorprofilecard.boost .tutorprofilecard_boost .teacherresources__selectone .ui-button,
 .teacherresources__selectone .tutorprofilecard.boost .tutorprofilecard_boost .ui-button,
 .tutorprofilecard.boost .tutorprofilecard_boost #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar .ui-button,
 #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar .tutorprofilecard.boost .tutorprofilecard_boost .ui-button,
 .tutorprofilecard.boost .tutorprofilecard_boost .securesidebar__upload .ui-fileupload-buttonbar .ui-button,
 .securesidebar__upload .ui-fileupload-buttonbar .tutorprofilecard.boost .tutorprofilecard_boost .ui-button,
 .tutorprofilecard.boost .tutorprofilecard_boost .ui-fileupload .ui-fileupload-buttonbar .ui-button,
 .ui-fileupload .ui-fileupload-buttonbar .tutorprofilecard.boost .tutorprofilecard_boost .ui-button,
 .tutorprofilecard.boost .tutorprofilecard_boost .page_tutors_secure_cover-report .container__card .upload .ui-fileupload-choose,
 .page_tutors_secure_cover-report .container__card .upload .tutorprofilecard.boost .tutorprofilecard_boost .ui-fileupload-choose {
     border-radius: 2em;
     box-shadow: 0 2px 4px 0 rgba(48, 51, 54, 0.15);
     background-color: #4628c1;
     background-image: linear-gradient(99deg, #311b92, #542eff 100%);
     color: #fff;
 }
 
 .tutorprofilecard.boost .tutorprofilecard_boost .r_button img,
 .tutorprofilecard.boost .tutorprofilecard_boost .teacherresources__upload .ui-fileupload-choose img,
 .teacherresources__upload .tutorprofilecard.boost .tutorprofilecard_boost .ui-fileupload-choose img,
 .tutorprofilecard.boost .tutorprofilecard_boost .teacherresources__selectone .ui-button img,
 .teacherresources__selectone .tutorprofilecard.boost .tutorprofilecard_boost .ui-button img,
 .tutorprofilecard.boost .tutorprofilecard_boost #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar .ui-button img,
 #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar .tutorprofilecard.boost .tutorprofilecard_boost .ui-button img,
 .tutorprofilecard.boost .tutorprofilecard_boost .securesidebar__upload .ui-fileupload-buttonbar .ui-button img,
 .securesidebar__upload .ui-fileupload-buttonbar .tutorprofilecard.boost .tutorprofilecard_boost .ui-button img,
 .tutorprofilecard.boost .tutorprofilecard_boost .ui-fileupload .ui-fileupload-buttonbar .ui-button img,
 .ui-fileupload .ui-fileupload-buttonbar .tutorprofilecard.boost .tutorprofilecard_boost .ui-button img,
 .tutorprofilecard.boost .tutorprofilecard_boost .page_tutors_secure_cover-report .container__card .upload .ui-fileupload-choose img,
 .page_tutors_secure_cover-report .container__card .upload .tutorprofilecard.boost .tutorprofilecard_boost .ui-fileupload-choose img {
     vertical-align: middle;
     margin-top: -0.25em;
     margin-right: 0.25em;
 }
 
 .tutorprofilecard.boost .tutorprofilecard_boost .tiles__table.ui-datatable {
     box-sizing: border-box;
     margin: 1em 0;
     padding: 0.5em;
     background: #fff;
     text-align: left;
 }
 
 .tutorprofilecard.boost .tutorprofilecard_boost .tiles__table.ui-datatable .ui-datatable-header {
     text-align: left;
     font-size: 0.875em;
     color: #545174;
     padding: 0.25em 0 0.75em;
     border-bottom: 1px solid #dcdae2;
 }
 
 .tutorprofilecard.boost .tutorprofilecard_boost .tiles__table.ui-datatable .ui-datatable-footer {
     padding: 0.75em 0 0.5em;
 }
 
 .tutorprofilecard.boost .tutorprofilecard_boost .tiles__table.ui-datatable .tile__avatar {
     width: 32px;
     height: 32px;
 }
 
 .tutorprofilecard.boost .tutorprofilecard_boost .tiles__table.ui-datatable .tile__avatar span {
     font-size: 0.875em;
 }
 
 .tutorprofilecard.boost .tutorprofilecard_boost .editlink {
     display: block;
     margin: 1em 0 -1em;
     color: #fff;
     text-decoration: underline;
     font-size: 0.875em;
 }
 /* .tutorprofilecard.boost.active {
    border-top-color: transparent;
    background-color: #4628c1;
    background-image: url("https://cdn.mytutor.co.uk/icons/boost-bg.png?1599042894000");
    background-image: url("https://cdn.mytutor.co.uk/icons/boost-bg.png?1599042894000"), linear-gradient(99deg, #311b92, #542eff 100%)
} */
 
 .tutorprofilecard.boost.active .dashboardcard__header__wrapper {
     border-bottom-color: transparent;
 }
 
 .tutorprofilecard.boost.active .dashboardcard__header__wrapper .r_button__menu .r_button--more {
     color: #fff;
 }
 
 .tutorprofilecard.boost.active .dashboardcard__header {
     color: #fff;
 }
 
 .tutorprofilecard.boost.active .tutorprofilecard_views em {
     color: #fff;
 }
 
 .tutorprofilecard.boost.active .tutorprofilecard_views span {
     color: #fff;
 }
 
 .tutorprofilecard.boost.active .tutorprofilecard_boost .r_button,
 .tutorprofilecard.boost.active .tutorprofilecard_boost .teacherresources__upload .ui-fileupload-choose,
 .teacherresources__upload .tutorprofilecard.boost.active .tutorprofilecard_boost .ui-fileupload-choose,
 .tutorprofilecard.boost.active .tutorprofilecard_boost .teacherresources__selectone .ui-button,
 .teacherresources__selectone .tutorprofilecard.boost.active .tutorprofilecard_boost .ui-button,
 .tutorprofilecard.boost.active .tutorprofilecard_boost #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar .ui-button,
 #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar .tutorprofilecard.boost.active .tutorprofilecard_boost .ui-button,
 .tutorprofilecard.boost.active .tutorprofilecard_boost .securesidebar__upload .ui-fileupload-buttonbar .ui-button,
 .securesidebar__upload .ui-fileupload-buttonbar .tutorprofilecard.boost.active .tutorprofilecard_boost .ui-button,
 .tutorprofilecard.boost.active .tutorprofilecard_boost .ui-fileupload .ui-fileupload-buttonbar .ui-button,
 .ui-fileupload .ui-fileupload-buttonbar .tutorprofilecard.boost.active .tutorprofilecard_boost .ui-button,
 .tutorprofilecard.boost.active .tutorprofilecard_boost .page_tutors_secure_cover-report .container__card .upload .ui-fileupload-choose,
 .page_tutors_secure_cover-report .container__card .upload .tutorprofilecard.boost.active .tutorprofilecard_boost .ui-fileupload-choose {
     background-color: #fff;
     background-image: none;
     color: #4628c1;
 }
 
 .tutorprofilecard+.boostinfo {
     margin: 1em 0;
     padding-right: 1.5em;
 }
 
 @media (max-width: 708px) {
     .tutorprofilecard+.boostinfo {
         padding: 0 1em;
     }
 }
 
 .tutorprofilecard_boost_modal .modal-dialog {
     padding: 1em;
 }
 
 .tutorprofilecard_boost_modal .modal-dialog .ui-dialog-title {
     padding: 0;
 }
 
 .tutorprofilecard_boost_modal .modal-dialog .ui-dialog-titlebar-close {
     right: 0;
 }
 
 .tutorprofilecard_boost_modal header {
     text-align: center;
     margin-top: -0.25em;
 }
 
 .tutorprofilecard_boost_modal header .back {
     float: left;
 }
 
 .tutorprofilecard_boost_modal header [class^="step"] span {
     display: inline-block;
     width: 0.5em;
     height: 0.5em;
     margin: 0 0.5em;
     border-radius: 100%;
     background-color: #0cb;
     opacity: 0.2;
 }
 
 .tutorprofilecard_boost_modal header .step0 span:nth-child(1),
 .tutorprofilecard_boost_modal header .step1 span:nth-child(2),
 .tutorprofilecard_boost_modal header .step2 span:nth-child(3) {
     opacity: 1;
 }
 
 .tutorprofilecard_boost_modal h2 {
     text-align: center;
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 1.25em;
     font-weight: bold;
     line-height: 1.5em;
     margin: 0.25em 0 0.75em;
 }
 
 .tutorprofilecard_boost_modal p {
     margin: 1em auto;
     font-size: 1em;
     line-height: 1.5em;
     color: #67657d;
 }
 
 .tutorprofilecard_boost_modal #boostModalStep0Form p {
     max-width: 475px;
     text-align: center;
 }
 
 @media (min-width: 708px) {
     .tutorprofilecard_boost_modal.extrawide h2 {
         font-size: 1.75em;
     }
     .tutorprofilecard_boost_modal.extrawide p {
         font-size: 1.125em;
     }
 }
 
 .tutorprofilecard_boost_modal img.centered {
     display: block;
     margin: 3em auto;
     width: 300px;
 }
 
 .tutorprofilecard_boost_modal h3 {
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-weight: bold;
     font-size: 1em;
     line-height: 1.5em;
     margin: 1em 0 0.5em;
     color: #545174;
 }
 
 .tutorprofilecard_boost_modal footer {
     margin: 1em 0 0;
     text-align: right;
 }
 
 .tutorinstantbook__icon {
     float: left;
     position: relative;
 }
 
 .tutorinstantbook__icon:before {
     content: "";
     background-image: url("/images/icons/boostbutton_icon.svg");
     background-size: contain;
     width: 32px;
     height: 32px;
     background-repeat: no-repeat;
     position: absolute;
     left: -6px;
     top: -2px;
 }
 
 .tutorinstantbook__header {
     position: relative;
     left: 25px;
     line-height: 30px;
 }
 
 @media (max-width: 708px) {
     .tutorinstantbook__header {
         line-height: inherit;
     }
 }
 
 .tutorinstantbook__question {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 16px;
     font-size: 1rem;
     line-height: 20px;
     line-height: 1.25rem;
     color: #303336;
     font-weight: 400;
     font-size: 12px;
     font-weight: 900;
     color: #8d89aa;
     border: 1.6px solid #8d89aa;
     border-radius: 50%;
     text-align: center;
     display: inline-block;
     height: 13px;
     width: 13px;
     line-height: 13px;
     margin-left: 5px;
 }
 
 .tutorinstantbook__tooltip {
     position: relative;
 }
 
 .tutorinstantbook__tooltip__text {
     visibility: hidden;
     background-color: #fff;
     color: #303336;
     padding: 13px;
     position: absolute;
     z-index: 1;
     left: -20px;
     top: 25px;
     margin-left: 0;
     opacity: 0;
     transition: opacity 0.3s;
     box-shadow: 0 2px 16px 0 rgba(33, 43, 54, 0.08), 0 0 0 1px rgba(6, 44, 82, 0.1);
     width: 318px;
 }
 
 .tutorinstantbook__tooltip__text:after,
 .tutorinstantbook__tooltip__text:before {
     bottom: 100%;
     left: 26px;
     border: solid transparent;
     content: " ";
     height: 0;
     width: 0;
     position: absolute;
     pointer-events: none;
 }
 
 .tutorinstantbook__tooltip__text:after {
     border-color: rgba(255, 255, 255, 0);
     border-bottom-color: #fff;
     border-width: 7px;
     margin-left: -7px;
 }
 
 .tutorinstantbook__tooltip__text:before {
     border-color: rgba(227, 227, 227, 0);
     border-bottom-color: #e3e3e3;
     border-width: 8px;
     margin-left: -8px;
 }
 
 .tutorinstantbook__tooltip__text__icon {
     float: left;
     position: relative;
 }
 
 .tutorinstantbook__tooltip__text__icon:before {
     content: "";
     background-image: url("/images/icons/lightbulb.svg");
     background-size: contain;
     width: 32px;
     height: 32px;
     background-repeat: no-repeat;
     position: absolute;
 }
 
 .tutorinstantbook__tooltip__text__header {
     display: block;
     font-size: 16px;
     font-weight: 600;
     letter-spacing: 0.2px;
     text-transform: initial;
     line-height: 40px;
 }
 
 .tutorinstantbook__tooltip__text__body {
     display: block;
     font-size: 16px;
     font-weight: normal;
     line-height: 1.25;
     letter-spacing: 0.1px;
     text-transform: initial;
     text-align: left;
     padding: 11px 7px;
 }
 
 .tutorinstantbook__tooltip__text__link {
     color: #542eff;
 }
 
 .tutorinstantbook__card {
     width: 100%;
 }
 
 .tutorinstantbook__arrow__icon {
     float: right;
     position: relative;
 }
 
 .tutorinstantbook__arrow__icon:before {
     content: "";
     background-image: url("/images/icons/slick-rightarrow.svg");
     background-size: contain;
     width: 12px;
     height: 12px;
     background-repeat: no-repeat;
     position: absolute;
     top: 8px;
 }
 
 .tutorinstantbook__calendar_text {
     margin-left: 22px;
     margin-top: 2em;
 }
 
 .tutorinstantbook__calendarscrollpane {
     overflow-x: auto;
 }
 
 .tutorinstantbook__calendar {
     min-width: 625px;
 }
 
 .tutorinstantbook__calendar .fc-event.advancenotice {
     cursor: auto;
     background: rgba(145, 158, 171, 0.15) linear-gradient( 45deg, rgba(0, 0, 0, 0) 33.33%, #dcdae2 33.33%, #dcdae2 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 83.33%, #dcdae2 83.33%, #dcdae2 100%);
     background-size: 8px 8px;
     margin-right: 0 !important;
 }
 
 .tutorinstantbook__calendar .fc-event.instantbook {
     background-color: #fcf0cc !important;
     border-left: solid 2px #f9cf00;
     margin-right: 0 !important;
 }
 
 .tutorinstantbook__calendar .fc-event.instantbook:before {
     content: "";
     background-image: url("/images/icons/bolt-gold.svg");
     background-size: contain;
     width: 15px;
     height: 15px;
     background-repeat: no-repeat;
     position: absolute;
     left: 4px;
     top: 3px;
 }
 
 .tutorinstantbook__calendar .fc-event.instantbook .fc-content {
     position: relative;
     left: 16px;
     top: 2px;
 }
 
 .tutorinstantbook__calendar .fc-event.existing-session {
     cursor: auto;
     left: 20% !important;
     background-color: #a2e8b3;
     border-left: solid 2px #1e7e46;
     min-height: 13px;
 }
 
 .tutorinstantbook__calendar .fc-event.existing-session .fc-time {
     padding-left: 3px;
 }
 
 .tutorinstantbook__calendar .fc-bgevent {
     opacity: 0.5;
     background: transparent linear-gradient( 45deg, rgba(0, 0, 0, 0) 33.33%, #e7e6fc 33.33%, #e7e6fc 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 83.33%, #e7e6fc 83.33%, #e7e6fc 100%);
     background-size: 8px 8px;
     border: 1px solid #009383;
     margin-right: 0 !important;
 }
 
 .tutorinstantbook__calendar .fc-bgevent:before {
     position: absolute;
     top: 3px;
     left: 3px;
     display: block;
     content: "Peak Time";
     font-size: 0.875em;
     color: #4628c1;
 }
 
 .tutorinstantbook__calendar .fc-day-header:nth-child(2) {
     color: white !important;
 }
 
 .tutorinstantbook__calendar .fc-day-header:nth-child(2):before {
     content: "Today";
     color: #303336;
     text-align: center;
     position: absolute;
 }
 
 .tutorinstantbook__setting_block {
     padding: 2em 6em;
     background-color: #f7f9fc;
 }
 
 @media (max-width: 708px) {
     .tutorinstantbook__setting_block {
         padding: 1em;
     }
 }
 
 .tutorinstantbook__setting_block .tutorinstantbook__header {
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 16px;
     font-size: 1rem;
     line-height: 20px;
     line-height: 1.25rem;
     font-weight: 700;
     letter-spacing: 0;
     text-transform: uppercase;
     color: #67657d;
 }
 
 .tutorinstantbook__setting_block .tutorinstantbook__header+p {
     margin-left: 26px;
 }
 
 @media (max-width: 708px) {
     .tutorinstantbook__setting_block .notice-select {
         margin-top: 1em;
     }
 }
 
 .tutorinstantbook__badge {
     position: absolute;
     display: inline-block;
     width: 18px;
     height: 18px;
     line-height: 18px;
     border-radius: 100%;
     font-family: "Source Sans Pro", sans-serif;
     font-size: 13px;
     font-weight: 600;
     color: #fff;
     text-align: center;
 }
 
 .tutorinstantbook__badge.yellow {
     background: #f9cf00;
 }
 
 .schedule-tooltip {
     position: fixed;
     z-index: 1000;
     width: 180px;
     right: 0;
     color: white;
     background-color: #303336;
     padding: 6px 10px 13px 10px;
     display: none;
     text-align: center;
     background: #303336;
     border: 1px solid #303336;
 }
 
 .schedule-tooltip:after,
 .schedule-tooltip:before {
     top: 100%;
     right: 15%;
     border: solid transparent;
     content: " ";
     height: 0;
     width: 0;
     position: absolute;
     pointer-events: none;
 }
 
 .schedule-tooltip:after {
     border-color: rgba(33, 43, 54, 0);
     border-top-color: #303336;
     border-width: 6px;
     margin-left: -6px;
 }
 
 .schedule-tooltip:before {
     border-color: rgba(33, 43, 54, 0);
     border-top-color: #303336;
     border-width: 7px;
     margin-left: -7px;
 }
 
 .signupsteps {
     min-height: 100vh;
     box-sizing: border-box;
     padding: 60px 0 25px 0;
     position: relative;
     z-index: 1;
 }
 
 @media (max-width: 708px) {
     .signupsteps {
         padding: 50px 0 25px 0;
     }
 }
 
 @media (max-width: 708px) {
     .signupsteps {
         padding: 10px;
     }
 }
 
 .signupsteps__topbar {
     width: 100%;
     height: 0.5rem;
     background-color: #e85dcc;
 }
 
 @media (max-width: 708px) {
     .signupsteps__topbar {
         display: none;
     }
 }
 
 .signupsteps__logo {
     margin-bottom: 25px;
     text-align: center;
 }
 
 .signupsteps__logo img {
     width: 150px;
 }
 
 @media (max-width: 708px) {
     .signupsteps__logo {
         display: none;
     }
 }
 
 .signupsteps__card {
     max-width: 500px;
     width: 100%;
     background: #fff;
     box-shadow: 0 1px 3px 0 rgba(63, 63, 68, 0.15), 0 0 0 1px rgba(63, 63, 68, 0.05);
     padding: 38px 60px 50px 60px;
     box-sizing: border-box;
     margin: 0 auto;
     left: 0;
     right: 0;
 }
 
 @media (max-width: 708px) {
     .signupsteps__card {
         padding: 20px 34px 40px 34px;
     }
 }
 
 .signupsteps__header {
     text-align: center;
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 24px;
     font-size: 1.5rem;
     line-height: 28px;
     line-height: 1.75rem;
     color: #303336;
     font-weight: 400;
     letter-spacing: 0;
     color: #303336;
     font-weight: 600;
 }
 
 .signupsteps__button {
     text-align: center;
 }
 
 .signupsteps__button a {
     min-width: 220px;
 }
 
 @media (max-width: 708px) {
     .signupsteps__button a {
         min-width: 0;
         width: 100%;
         box-sizing: border-box;
     }
 }
 
 .signupsteps__button a:last-of-type {
     color: #542eff;
     display: block;
 }
 
 .signupsteps__steps {
     margin: 35px 0 40px 0;
     position: relative;
 }
 
 .signupsteps__steps:before {
     content: "";
     position: absolute;
     left: 20px;
     top: 10px;
     bottom: 28px;
     border-left: 1px dashed #dcdae2;
     z-index: 0;
 }
 
 .signupsteps__steps__step {
     margin-bottom: 30px;
 }
 
 .signupsteps__steps__step img {
     width: 40px;
     display: inline-block;
     vertical-align: top;
     margin-top: 5px;
     position: relative;
     z-index: 1;
 }
 
 .signupsteps__steps__step>div {
     display: inline-block;
     width: calc(100% - 70px);
     padding-left: 18px;
 }
 
 .signupsteps__steps__step h2 {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 18px;
     font-size: 1.125rem;
     line-height: 24px;
     line-height: 1.5rem;
     color: #303336;
     font-weight: 400;
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     color: #545174;
 }
 
 .signupsteps__steps__step p {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 16px;
     font-size: 1rem;
     line-height: 20px;
     line-height: 1.25rem;
     color: #303336;
     font-weight: 400;
     color: #67657d;
 }
 
 .ui-fileupload .ui-fileupload-buttonbar {
     padding: 0;
     height: 100%;
 }
 
 .ui-fileupload .ui-fileupload-buttonbar .ui-button .ui-button-icon-left {
     display: none;
 }
 
 .ui-fileupload .ui-fileupload-buttonbar .ui-button .ui-button-text {
     display: inline-block;
     padding: 0;
 }
 
 .ui-fileupload .ui-fileupload-choose {
     margin: 0;
 }
 
 .ui-fileupload .ui-fileupload-content {
     padding: 0;
     position: fixed;
     top: 60px;
     right: 10px;
     z-index: 9997;
     max-width: 350px;
 }
 
 .ui-fileupload .ui-fileupload-content .ui-fileupload-files {
     background: white;
     visibility: visible;
 }
 
 .ui-fileupload .ui-fileupload-content .ui-fileupload-files>div {
     display: block;
     background-color: white;
     position: fixed;
     right: 0;
     top: 68px;
 }
 
 .ui-fileupload .ui-fileupload-content .ui-fileupload-row {
     display: table-row;
 }
 
 .ui-fileupload .ui-fileupload-content .ui-fileupload-row .ui-fileupload-preview,
 .ui-fileupload .ui-fileupload-content .ui-fileupload-row .ui-fileupload-cancel {
     display: none !important;
 }
 
 .ui-fileupload .ui-fileupload-content .ui-fileupload-row>div {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 16px;
     font-size: 1rem;
     line-height: 20px;
     line-height: 1.25rem;
     color: #303336;
     font-weight: 400;
 }
 
 .ui-fileupload .ui-fileupload-content .ui-fileupload-row div.ui-fileupload-preview+div,
 .ui-fileupload .ui-fileupload-content .ui-fileupload-row .ui-fileupload-progress {
     position: static;
     bottom: 0;
     left: 0;
     display: inline-block !important;
     width: 12em;
     white-space: nowrap;
     font-size: 0.938em;
     overflow: hidden;
     text-overflow: ellipsis;
     vertical-align: top;
 }
 
 .ui-fileupload .ui-fileupload-content .ui-fileupload-row .ui-progressbar {
     top: 0;
     width: 100%;
     height: 8px;
     border: 0;
     background-color: #ebedf0;
 }
 
 .ui-fileupload .ui-fileupload-content .ui-fileupload-row .ui-progressbar-value {
     height: 8px;
     margin: 0;
     border: 0;
     background: #54ca63;
     box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.06);
 }
 
 .ui-fileupload .ui-fileupload-content .ui-messages {
     visibility: visible;
 }
 
 .ui-fileupload .ui-fileupload-content .ui-messages-close {
     float: left;
     width: 12px;
     height: 12px;
     display: inline-block;
     background-size: container;
     background-image: url("//cdn.mytutor.co.uk/images/uploads/close-grey.svg");
     background-repeat: no-repeat;
     background-size: contain;
     padding: 0;
 }
 
 .ui-fileupload .ui-fileupload-content .ui-messages-close:hover {
     background: transparent;
 }
 
 .ui-fileupload .ui-fileupload-content .ui-messages-error-icon,
 .ui-fileupload .ui-fileupload-content .ui-icon {
     display: none;
 }
 
 .ui-fileupload .ui-fileupload-content .ui-messages-error-detail {
     display: block;
     padding: 4px 0 0 4px;
     word-break: break-word;
 }
 
 .ui-fileupload .ui-fileupload-content ul {
     margin: 0 16px;
 }
 
 .ui-fileupload .ui-fileupload-content li {
     white-space: pre-line;
 }
 
 .ui-fileupload.button {
     display: inline-block;
 }
 
 .ui-fileupload.button .ui-fileupload-buttonbar .ui-button {
     margin-top: -4px;
 }
 
 .ui-fileupload.button .ui-fileupload-content {
     display: none;
 }
 
 .team__hero {
     text-align: center;
     margin-top: 150px;
     margin-bottom: 110px;
 }
 
 @media (max-width: 992px) {
     .team__hero {
         margin-top: 95px;
         margin-bottom: 60px;
     }
 }
 
 @media (max-width: 708px) {
     .team__hero {
         margin-top: 90px;
     }
 }
 
 .team__hero--small-margin {
     margin-bottom: 80px;
 }
 
 @media (max-width: 992px) {
     .team__hero--small-margin {
         margin-bottom: 40px;
     }
 }
 
 .team__hero img {
     width: 75px;
     margin-bottom: 10px;
 }
 
 @media (max-width: 992px) {
     .team__hero img {
         width: 65px;
     }
 }
 
 .team__hero h1 {
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 48px;
     font-size: 3rem;
     line-height: 52px;
     line-height: 3.25rem;
     color: #303336;
     font-weight: 400;
     letter-spacing: -0.5px;
     font-weight: 600;
     margin-bottom: 10px;
 }
 
 @media (max-width: 992px) {
     .team__hero h1 {
         font-family: "Modelica", "Source Sans Pro", sans-serif;
         font-size: 34px;
         font-size: 2.125rem;
         line-height: 38px;
         line-height: 2.375rem;
         color: #303336;
         font-weight: 400;
         letter-spacing: -0.5px;
         font-weight: 600;
     }
 }
 
 @media (max-width: 708px) {
     .team__hero h1 {
         font-family: "Modelica", "Source Sans Pro", sans-serif;
         font-size: 28px;
         font-size: 1.75rem;
         line-height: 34px;
         line-height: 2.125rem;
         color: #303336;
         font-weight: 400;
         letter-spacing: 0;
         font-weight: 600;
     }
 }
 
 .team__hero a {
     margin-top: 20px;
 }
 
 .team__hero p {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 22px;
     font-size: 1.375rem;
     line-height: 28px;
     line-height: 1.75rem;
     color: #303336;
     font-weight: 600;
     font-weight: 400;
     color: #67657d;
 }
 
 @media (max-width: 992px) {
     .team__hero p {
         font-family: "Source Sans Pro", sans-serif;
         font-size: 18px;
         font-size: 1.125rem;
         line-height: 24px;
         line-height: 1.5rem;
         color: #303336;
         font-weight: 400;
         color: #67657d;
     }
 }
 
 @media (max-width: 708px) {
     .team__hero p {
         font-family: "Source Sans Pro", sans-serif;
         font-size: 16px;
         font-size: 1rem;
         line-height: 20px;
         line-height: 1.25rem;
         color: #303336;
         font-weight: 400;
         color: #67657d;
     }
 }
 
 .team__carousel {
     position: relative;
     margin: 0 0 15px 0;
 }
 
 @media (max-width: 992px) {
     .team__carousel {
         margin: 0;
     }
 }
 
 @media (max-width: 708px) {
     .team__carousel {
         padding-bottom: 10px;
     }
 }
 
 .team__carousel:before {
     content: "";
     position: absolute;
     left: 78px;
     background-size: contain;
     background-repeat: no-repeat;
     background-position: center;
     background-image: url("/images/icons/crane.svg");
     width: 250px;
     height: 340px;
     top: -225px;
     z-index: -1;
 }
 
 @media (max-width: 1268px) {
     .team__carousel:before {
         height: 320px;
         top: -230px;
         left: 40px;
         width: 250px;
     }
 }
 
 @media (max-width: 992px) {
     .team__carousel:before {
         content: none;
     }
 }
 
 .team__carousel__card {
     margin: 0 2px;
     width: 340px;
 }
 
 @media (max-width: 358px) {
     .team__carousel__card {
         margin: 0 10px;
         width: 300px;
     }
 }
 
 .team__carousel__card:focus,
 .team__carousel__card:active {
     outline: 0;
 }
 
 .team__carousel__card--video {
     width: 535px;
 }
 
 @media (max-width: 708px) {
     .team__carousel__card--video {
         width: 340px;
     }
 }
 
 @media (max-width: 358px) {
     .team__carousel__card--video {
         width: 300px;
     }
 }
 
 .team__carousel__card--video img.small {
     display: none;
 }
 
 @media (max-width: 708px) {
     .team__carousel__card--video img.small {
         display: block;
     }
 }
 
 @media (max-width: 708px) {
     .team__carousel__card--video img.large {
         display: none;
     }
 }
 
 .team__carousel__card--video>div {
     position: relative;
     cursor: pointer;
 }
 /* .team__carousel__card--video>div:after {
    content: "";
    background-image: url("https://cdn.mytutor.co.uk/images/uploads/play-button-blue.svg");
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    width: 50px;
    height: 50px;
    top: 50%;
    left: calc(50% - 25px);
    transform: translateY(-50%)
} */
 
 .team__carousel__card img {
     width: 100%;
 }
 
 .team__carousel__card--top p {
     padding: 20px 0 70px 25px;
 }
 
 .team__carousel__card--top p:before {
     bottom: 20px;
     left: 80px;
     background-image: url("/images/icons/carousel-arrow-down.svg");
 }
 
 .team__carousel__card--bottom {
     margin-top: 60px;
 }
 
 @media (max-width: 708px) {
     .team__carousel__card--bottom {
         margin-top: 0;
     }
 }
 
 .team__carousel__card--bottom p {
     padding: 70px 0 20px 25px;
 }
 
 .team__carousel__card--bottom p:before {
     top: 15px;
     left: 40px;
     background-image: url("/images/icons/carousel-arrow-up.svg");
 }
 
 .team__carousel .slick-slider {
     margin-bottom: 0;
 }
 
 .team__carousel .slick-list {
     padding: 0 !important;
     overflow: hidden;
 }
 
 .team__carousel .slick-arrow {
     z-index: 1;
     cursor: pointer;
     width: 32px;
     height: 32px;
 }
 
 @media (max-width: 708px) {
     .team__carousel .slick-arrow {
         bottom: -45px;
         top: auto;
     }
 }
 
 .team__carousel .slick-arrow:before {
     background-repeat: no-repeat;
     background-size: contain;
     background-position: center;
     content: "";
     width: 32px;
     height: 32px;
     display: block;
     opacity: 1;
 }
 
 @media (max-width: 708px) {
     .team__carousel .slick-arrow:before {
         width: 20px;
         height: 20px;
     }
 }
 
 .team__carousel .slick-arrow.slick-prev {
     left: 20px;
 }
 
 .team__carousel .slick-arrow.slick-prev:before {
     background-image: url("//cdn.mytutor.co.uk/images/uploads/carousel-left-hover.svg");
 }
 
 @media (max-width: 708px) {
     .team__carousel .slick-arrow.slick-prev:before {
         background-image: url("/images/icons/slick-leftarrow.svg");
     }
 }
 
 .team__carousel .slick-arrow.slick-next {
     right: 20px;
 }
 
 .team__carousel .slick-arrow.slick-next:before {
     background-image: url("//cdn.mytutor.co.uk/images/uploads/carousel-right-hover.svg");
 }
 
 @media (max-width: 708px) {
     .team__carousel .slick-arrow.slick-next:before {
         background-image: url("/images/icons/slick-rightarrow.svg");
     }
 }
 
 .team__section {
     padding: 110px 0 145px 0;
 }
 
 @media (max-width: 992px) {
     .team__section {
         padding: 80px 0 100px 0;
     }
 }
 
 @media (max-width: 708px) {
     .team__section {
         padding: 60px 0 80px 0;
     }
 }
 
 .team__section--border {
     border-bottom: 1px solid #dcdae2;
 }
 
 .team__header {
     text-align: center;
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 34px;
     font-size: 2.125rem;
     line-height: 38px;
     line-height: 2.375rem;
     color: #303336;
     font-weight: 400;
     letter-spacing: -0.5px;
     font-weight: 600;
     margin-bottom: 50px;
 }
 
 .team__header--large-margin {
     margin-bottom: 70px;
 }
 
 @media (max-width: 992px) {
     .team__header {
         font-family: "Modelica", "Source Sans Pro", sans-serif;
         font-size: 28px;
         font-size: 1.75rem;
         line-height: 34px;
         line-height: 2.125rem;
         color: #303336;
         font-weight: 400;
         letter-spacing: 0;
         font-weight: 600;
         margin-bottom: 40px;
     }
 }
 
 .team__header--small-margin {
     margin-bottom: 12px;
 }
 
 .team__header__image {
     margin-bottom: 2px;
 }
 
 .team__paragraph {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 18px;
     font-size: 1.125rem;
     line-height: 24px;
     line-height: 1.5rem;
     color: #303336;
     font-weight: 400;
     color: #545174;
 }
 
 .team__paragraph--column {
     padding: 0 35px;
 }
 
 @media (max-width: 708px) {
     .team__paragraph--column {
         padding: 0;
     }
 }
 
 @media (max-width: 992px) {
     .team__paragraph--bottom-margin {
         margin-bottom: 25px;
     }
 }
 
 .team__paragraph--footer {
     margin-top: 12px;
     font-family: "Source Sans Pro", sans-serif;
     font-size: 14px;
     font-size: 0.875rem;
     line-height: 16px;
     line-height: 1rem;
     color: #303336;
     font-weight: 400;
     color: #545174;
 }
 
 .team__step--left {
     padding-right: 35px;
 }
 
 @media (max-width: 992px) {
     .team__step--left {
         padding-right: 20px;
     }
 }
 
 .team__step--right {
     padding-left: 35px;
 }
 
 @media (max-width: 992px) {
     .team__step--right {
         padding-left: 20px;
     }
 }
 
 .team__step--margin {
     margin-bottom: 60px;
 }
 
 @media (max-width: 992px) {
     .team__step--margin {
         margin-bottom: 40px;
     }
 }
 
 @media (max-width: 708px) {
     .team__step {
         margin-bottom: 40px;
         padding: 0;
     }
 }
 
 .team__step--no-margin {
     margin-bottom: 0;
 }
 
 .team__step img {
     width: 55px;
     vertical-align: bottom;
 }
 
 @media (max-width: 992px) {
     .team__step img {
         width: 42px;
     }
 }
 
 .team__step h3 {
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 24px;
     font-size: 1.5rem;
     line-height: 28px;
     line-height: 1.75rem;
     color: #303336;
     font-weight: 400;
     letter-spacing: 0;
     font-weight: 600;
     display: inline-block;
     margin-left: 15px;
 }
 
 @media (max-width: 992px) {
     .team__step h3 {
         margin-left: 12px;
         font-family: "Source Sans Pro", sans-serif;
         font-size: 22px;
         font-size: 1.375rem;
         line-height: 28px;
         line-height: 1.75rem;
         color: #303336;
         font-weight: 600;
         font-family: "Modelica", "Source Sans Pro", sans-serif;
     }
 }
 
 .team__step p {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 18px;
     font-size: 1.125rem;
     line-height: 24px;
     line-height: 1.5rem;
     color: #303336;
     font-weight: 400;
     color: #545174;
     margin-top: 12px;
 }
 
 .team__teamphoto {
     width: 100%;
     height: 600px;
     background-position-x: center;
     background-size: cover;
 }
 /* .team__teamphoto--exited {
    background-image: url("https://cdn.mytutor.co.uk/images/hero/teamphoto-excited_min75.jpg?1599042894000")
}

.team__teamphoto--calm {
    background-image: url("https://cdn.mytutor.co.uk/images/hero/teamphoto-calm.jpg?1599042894000")
} */
 
 .team__quotes {
     background-color: #f5f4f7;
     padding: 120px 0 80px 0;
     overflow: hidden;
 }
 
 @media (max-width: 992px) {
     .team__quotes {
         padding: 100px 0 65px 0;
     }
 }
 
 @media (max-width: 708px) {
     .team__quotes {
         padding: 60px 0 50px 0;
     }
 }
 
 .team__quotes .slick-slider {
     width: 120%;
     margin-left: -10%;
 }
 
 @media (max-width: 1268px) {
     .team__quotes .slick-slider {
         width: 180%;
         margin-left: -40%;
     }
 }
 
 @media (max-width: 992px) {
     .team__quotes .slick-slider {
         width: 200%;
         margin-left: -50%;
     }
 }
 
 @media (max-width: 708px) {
     .team__quotes .slick-slider {
         width: 100%;
         margin-left: 0;
     }
 }
 
 .team__quotes .slick-list {
     overflow: visible;
     padding: 0 !important;
 }
 
 .team__quotes .slick-track {
     display: flex;
     align-items: center;
 }
 
 .team__quotes .slick-arrow {
     bottom: -83px;
     position: absolute;
     top: auto;
     transform: none;
     margin: 0;
     cursor: pointer;
 }
 
 .team__quotes .slick-arrow:before {
     background-repeat: no-repeat;
     background-size: contain;
     background-position: center;
     content: "";
     width: 20px;
     height: 20px;
     display: block;
     opacity: 1;
 }
 
 @media (max-width: 708px) {
     .team__quotes .slick-arrow {
         bottom: -73px;
     }
 }
 
 .team__quotes .slick-arrow.slick-prev {
     left: 33%;
 }
 
 @media (max-width: 708px) {
     .team__quotes .slick-arrow.slick-prev {
         left: 20px;
     }
 }
 
 .team__quotes .slick-arrow.slick-prev:before {
     background-image: url("/images/icons/slick-leftarrow.svg");
 }
 
 .team__quotes .slick-arrow.slick-next {
     right: 33%;
 }
 
 @media (max-width: 708px) {
     .team__quotes .slick-arrow.slick-next {
         right: 20px;
     }
 }
 
 .team__quotes .slick-arrow.slick-next:before {
     background-image: url("/images/icons/slick-rightarrow.svg");
 }
 
 .team__quotes__card {
     background-color: #fff;
     box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02), 0 5px 13px 0 rgba(0, 0, 0, 0.1);
     padding: 45px 240px 50px 40px;
     position: relative;
     box-sizing: border-box;
     transform: scale(0.85);
 }
 
 .team__quotes__card:focus,
 .team__quotes__card:active {
     outline: 0;
 }
 
 @media (max-width: 708px) {
     .team__quotes__card {
         margin: 0 20px;
         padding: 30px 35px;
         text-align: center;
     }
 }
 
 .team__quotes__card.slick-center {
     transform: scale(1);
 }
 
 .team__quotes__card h4 {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 22px;
     font-size: 1.375rem;
     line-height: 28px;
     line-height: 1.75rem;
     color: #303336;
     font-weight: 600;
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     margin-bottom: 15px;
 }
 
 @media (max-width: 708px) {
     .team__quotes__card h4 {
         margin-bottom: 5px;
     }
 }
 
 .team__quotes__card p {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 16px;
     font-size: 1rem;
     line-height: 20px;
     line-height: 1.25rem;
     color: #303336;
     font-weight: 400;
     color: #67657d;
 }
 
 .team__quotes__card div {
     width: 200px;
     height: 100%;
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center left;
     position: absolute;
     top: 0;
     bottom: 0;
     right: 0;
 }
 
 @media (max-width: 708px) {
     .team__quotes__card div {
         width: 60px;
         height: 60px;
         border-radius: 100%;
         display: block;
         margin: 0 auto 10px auto;
         position: relative;
     }
 }
 
 .team__quotes__controls {
     margin-top: 50px;
     text-align: center;
 }
 
 @media (max-width: 708px) {
     .team__quotes__controls {
         margin-top: 40px;
     }
 }
 
 .team__jobs {
     padding: 80px 0 120px 0;
     background-color: #f5f4f7;
     border-top: 1px solid #dcdae2;
 }
 
 @media (max-width: 708px) {
     .team__jobs {
         padding: 60px 0 80px 0;
     }
 }
 
 .team__jobs h3 {
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 24px;
     font-size: 1.5rem;
     line-height: 28px;
     line-height: 1.75rem;
     color: #303336;
     font-weight: 400;
     letter-spacing: 0;
     font-weight: 600;
     margin-bottom: 15px;
     margin-top: 50px;
 }
 
 @media (max-width: 708px) {
     .team__jobs h3 {
         margin-top: 40px;
     }
 }
 
 .team__jobs__job {
     background-color: #fff;
     margin-bottom: 6px;
     padding: 25px 125px 25px 35px;
     position: relative;
     display: block;
 }
 
 @media (max-width: 708px) {
     .team__jobs__job {
         padding: 20px 25px;
     }
 }
 
 .team__jobs__job h4 {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 18px;
     font-size: 1.125rem;
     line-height: 24px;
     line-height: 1.5rem;
     color: #303336;
     font-weight: 400;
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     margin-bottom: 2px;
 }
 
 .team__jobs__job p {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 16px;
     font-size: 1rem;
     line-height: 20px;
     line-height: 1.25rem;
     color: #303336;
     font-weight: 400;
     color: #67657d;
 }
 
 .team__jobs__job p:last-of-type {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 18px;
     font-size: 1.125rem;
     line-height: 24px;
     line-height: 1.5rem;
     color: #303336;
     font-weight: 400;
     color: #542eff;
     position: relative;
     top: 50%;
     transform: translateY(-50%);
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     position: absolute;
     right: 35px;
 }
 
 @media (max-width: 708px) {
     .team__jobs__job p:last-of-type {
         right: auto;
         transform: none;
         top: auto;
         position: relative;
         margin-top: 10px;
         display: block;
     }
 }
 
 .team__jobs__job p:last-of-type img {
     vertical-align: middle;
     margin-left: 6px;
     width: 16px;
 }
 
 .team__jobs__job--emptystate {
     padding: 30px 35px;
 }
 
 @media (max-width: 708px) {
     .team__jobs__job--emptystate {
         padding: 25px 20px;
     }
 }
 
 .team__jobs__job--emptystate h4 {
     text-align: center;
 }
 
 .team__hiring {
     padding: 50px 280px 50px 50px;
     background-image: url("/images/hero-background-white.png");
     background-size: 450px;
     background-repeat: repeat;
     position: relative;
     margin-bottom: -72px;
     z-index: 1;
 }
 
 @media (max-width: 992px) {
     .team__hiring {
         padding: 30px 10px;
         text-align: center;
     }
 }
 
 @media (max-width: 708px) {
     .team__hiring {
         margin-bottom: 0;
     }
 }
 
 .team__hiring:before {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background: linear-gradient(126deg, #3095e1, #3eaab1);
     z-index: -1;
 }
 
 .team__hiring img {
     display: inline-block;
     vertical-align: middle;
     width: 55px;
     margin-right: 12px;
 }
 
 @media (max-width: 708px) {
     .team__hiring img {
         display: block;
         margin: 0 auto 5px auto;
     }
 }
 
 .team__hiring h2 {
     display: inline-block;
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 28px;
     font-size: 1.75rem;
     line-height: 34px;
     line-height: 2.125rem;
     color: #303336;
     font-weight: 400;
     letter-spacing: 0;
     color: #fff;
     vertical-align: middle;
 }
 
 @media (max-width: 708px) {
     .team__hiring h2 {
         font-family: "Modelica", "Source Sans Pro", sans-serif;
         font-size: 24px;
         font-size: 1.5rem;
         line-height: 28px;
         line-height: 1.75rem;
         color: #303336;
         font-weight: 400;
         letter-spacing: 0;
         color: #fff;
     }
 }
 
 .team__hiring>div {
     position: absolute;
     right: 50px;
     top: 45px;
     text-align: center;
     width: 200px;
 }
 
 .team__hiring>div a {
     width: 200px;
     box-sizing: border-box;
 }
 
 .team__hiring>div p {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 14px;
     font-size: 0.875rem;
     line-height: 16px;
     line-height: 1rem;
     color: #303336;
     font-weight: 400;
     color: #fff;
     font-style: italic;
     margin-top: 10px;
 }
 
 @media (max-width: 992px) {
     .team__hiring>div {
         position: relative;
         top: auto;
         right: auto;
         margin-top: 15px;
         display: block;
         width: 100%;
     }
 }
 
 .team__grid {
     margin: 0 0 100px 0;
     text-align: center;
 }
 
 .team__grid__wrapper {
     display: inline-block;
 }
 
 @media (max-width: 708px) {
     .team__grid__wrapper {
         margin: 15px 6px;
         width: calc(50% - 14px);
     }
 }
 
 .team__grid__info {
     text-align: left;
     background-color: #f5f4f7;
     position: absolute;
     left: 0;
     right: 0;
     z-index: 1;
     display: none;
 }
 
 @media (max-width: 708px) {
     .team__grid__info {
         position: fixed;
         top: 0;
         bottom: 0;
         overflow: scroll;
         z-index: 9996;
     }
 }
 
 .team__grid__info--open {
     display: block;
 }
 
 .team__grid__info>div {
     padding: 50px 80px;
     position: relative;
 }
 
 @media (max-width: 708px) {
     .team__grid__info>div {
         padding: 40px 30px;
     }
 }
 
 .team__grid__info a {
     width: 36px;
     height: 36px;
     border-radius: 100%;
     background-color: #fff;
     display: inline-block;
     position: absolute;
     top: 20px;
     right: 30px;
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 24px;
     font-size: 1.5rem;
     line-height: 28px;
     line-height: 1.75rem;
     color: #303336;
     font-weight: 400;
     letter-spacing: 0;
     text-align: center;
     color: #67657d;
     line-height: 32px;
 }
 
 @media (max-width: 992px) {
     .team__grid__info a {
         right: 18px;
         top: 18px;
     }
 }
 
 .team__grid__info p:first-of-type {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 18px;
     font-size: 1.125rem;
     line-height: 24px;
     line-height: 1.5rem;
     color: #303336;
     font-weight: 400;
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-weight: 600;
     margin-bottom: 5px;
 }
 
 .team__grid__info p:last-of-type {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 18px;
     font-size: 1.125rem;
     line-height: 24px;
     line-height: 1.5rem;
     color: #303336;
     font-weight: 400;
 }
 
 @media (max-width: 708px) {
     .team__grid__info p:last-of-type {
         font-family: "Source Sans Pro", sans-serif;
         font-size: 16px;
         font-size: 1rem;
         line-height: 20px;
         line-height: 1.25rem;
         color: #303336;
         font-weight: 400;
     }
 }
 
 .team__grid__card {
     display: inline-block;
     vertical-align: middle;
     width: 217px;
     height: 255px;
     text-align: center;
     box-sizing: border-box;
     margin: 30px 12px;
     position: relative;
     overflow: hidden;
 }
 
 @media (max-width: 992px) {
     .team__grid__card {
         margin: 20px 12px;
     }
 }
 
 @media (max-width: 708px) {
     .team__grid__card {
         margin: 15px 6px;
         width: calc(50% - 14px);
         height: 200px;
     }
 }
 
 .team__grid__card--large {
     width: 463px;
     text-align: left;
 }
 
 @media (max-width: 708px) {
     .team__grid__card--large {
         width: calc(100% - 14px);
     }
 }
 
 .team__grid__card--large img {
     float: right;
 }
 
 .team__grid__card--title {
     background-color: #edf0f5;
     padding: 40px;
 }
 
 @media (max-width: 708px) {
     .team__grid__card--title {
         padding: 25px 20px;
     }
 }
 
 .team__grid__card--title p {
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 28px;
     font-size: 1.75rem;
     line-height: 34px;
     line-height: 2.125rem;
     color: #303336;
     font-weight: 400;
     letter-spacing: 0;
     color: #00918a;
     margin-bottom: 38px;
 }
 
 @media (max-width: 708px) {
     .team__grid__card--title p {
         font-family: "Source Sans Pro", sans-serif;
         font-size: 18px;
         font-size: 1.125rem;
         line-height: 24px;
         line-height: 1.5rem;
         color: #303336;
         font-weight: 400;
         font-family: "Modelica", "Source Sans Pro", sans-serif;
         color: #00918a;
         margin-bottom: 35px;
     }
 }
 
 .team__grid__card--title img {
     height: 95px;
 }
 
 @media (max-width: 708px) {
     .team__grid__card--title img {
         width: 80px;
         height: auto;
     }
 }
 
 .team__grid__card--person {
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat;
     cursor: pointer;
 }
 
 .team__grid__card--person p {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 16px;
     font-size: 1rem;
     line-height: 20px;
     line-height: 1.25rem;
     color: #303336;
     font-weight: 400;
     color: #fff;
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-weight: 600;
     position: absolute;
     bottom: 18px;
     left: 5px;
     right: 5px;
 }
 
 .team__grid__card--person:hover:before {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background: linear-gradient(141deg, #0092ff, #1bbaa0);
     opacity: 0.63;
 }
 
 .team__grid__card--person:hover:after {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background-image: url("../svg/eve-icon.svg");
     background-size: 51px 30px;
     background-position: center;
     background-repeat: no-repeat;
 }
 
 @media (max-width: 708px) {
     .team__grid__card--person {
         margin: 0;
         width: 100%;
     }
 }
 
 @media (max-width: 708px) {
     .team-grid-open {
         overflow: hidden;
     }
 }
 
 .copylink .inputRegion {
     margin-bottom: 0;
 }
 
 .copylink label {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 16px;
     font-size: 1rem;
     line-height: 20px;
     line-height: 1.25rem;
     color: #303336;
     font-weight: 400;
     margin: 1px 0 8px 0;
 }
 
 .copylink .input input {
     height: initial;
     box-shadow: none;
     margin-bottom: 0;
 }
 
 .copylink input,
 .copylink .input input {
     border: dashed 1px #cac9d8;
     border-right: 0;
     width: calc(100% - 112px);
     padding: 9px 0 9px 12px;
     vertical-align: bottom;
 }
 
 .copylink input.widebutton,
 .copylink .input input.widebutton {
     width: calc(100% - 227px);
 }
 
 @media (max-width: 708px) {
     .copylink input.widebutton,
     .copylink .input input.widebutton {
         width: 100%;
     }
 }
 
 @media (max-width: 708px) {
     .copylink input,
     .copylink .input input {
         border-right: dashed 1px #cac9d8;
     }
 }
 
 .copylink__button {
     margin: 0;
     width: 112px;
     height: 40px;
 }
 
 .copylink__button.widebutton {
     width: 225px;
 }
 
 @media (max-width: 708px) {
     .copylink__button.widebutton {
         width: 100%;
     }
 }
 
 @media (max-width: 708px) {
     .copylink__button {
         margin-top: 10px;
         width: 100%;
     }
 }
 
 .searchbar__subject {
     width: calc(100% - 332px);
 }
 
 @media (max-width: 992px) {
     .searchbar__subject {
         width: calc(100% - 175px);
     }
 }
 
 @media (max-width: 708px) {
     .searchbar__subject {
         width: calc(100% - 115px);
     }
 }
 
 .searchbar__subject input {
     margin-bottom: 0;
     padding: 14px 0 13px 28px;
     border-radius: 28px 0 0 28px;
     font-family: "Source Sans Pro", sans-serif;
     font-size: 18px;
     font-size: 1.125rem;
     line-height: 24px;
     line-height: 1.5rem;
     color: #303336;
     font-weight: 400;
 }
 
 @media (max-width: 708px) {
     .searchbar__subject input {
         padding: 10px 15px 10px 28px;
     }
 }
 
 .searchbar__subject--select {
     margin-bottom: 0;
     padding: 14px 0 13px 28px;
     border-radius: 28px 0 0 28px;
     font-family: "Source Sans Pro", sans-serif;
     font-size: 18px;
     font-size: 1.125rem;
     line-height: 24px;
     line-height: 1.5rem;
     color: #303336;
     font-weight: 400;
     background-position: calc(100% - 17px) 1.25em, calc(100% - 12px) 1.25em, 100% 0;
 }
 
 @media (max-width: 992px) {
     .searchbar__subject--select {
         background: #fff;
     }
 }
 
 @media (max-width: 708px) {
     .searchbar__subject--select {
         padding: 10px 15px 10px 28px;
     }
 }
 
 .searchbar__level {
     display: inline-block;
     padding: 14px 20px 13px 20px;
     font-family: "Source Sans Pro", sans-serif;
     font-size: 18px;
     font-size: 1.125rem;
     line-height: 24px;
     line-height: 1.5rem;
     color: #303336;
     font-weight: 400;
     border-left: 0;
     border-right: 0;
     width: 170px;
     margin-bottom: 0;
     border-radius: 0;
     box-shadow: none;
     background-position: calc(100% - 17px) 1.25em, calc(100% - 12px) 1.25em, 100% 0;
 }
 
 @media (max-width: 992px) {
     .searchbar__level {
         border-radius: 0 28px 28px 0;
         background: #fff;
     }
 }
 
 @media (max-width: 708px) {
     .searchbar__level {
         width: 110px;
         padding: 10px 20px 10px 20px;
     }
 }
 
 .searchbar__button {
     margin: 0;
     width: 160px;
     text-align: center;
     border-radius: 0 28px 28px 0 !important;
     padding: 14px 26px 13px 26px;
     box-sizing: border-box;
 }
 
 @media (max-width: 992px) {
     .searchbar__button {
         width: 100%;
         display: block;
         border-radius: 28px !important;
         margin-top: 10px;
     }
 }
 
 @media (max-width: 708px) {
     .searchbar__button {
         padding: 10px 26px;
     }
 }
 
 .page_homeB .ui-autocomplete-panel {
     background-color: #fff;
     box-shadow: 0 2px 16px 0 rgba(32, 42, 54, 0.08), 0 0 0 1px rgba(6, 44, 81, 0.1);
     border: 0;
     padding: 0;
 }
 
 .page_homeB .ui-autocomplete-panel .ui-autocomplete-items {
     padding: 0;
     border-radius: 0;
 }
 
 .page_homeB .ui-autocomplete-panel .ui-autocomplete-item {
     padding: 10px 15px;
     font-family: "Source Sans Pro", sans-serif;
     font-size: 18px;
     font-size: 1.125rem;
     line-height: 24px;
     line-height: 1.5rem;
     color: #303336;
     font-weight: 400;
     margin: 0;
     border-radius: 0;
 }
 
 .page_homeB .ui-autocomplete-panel .ui-autocomplete-item .ui-autocomplete-query {
     font-weight: 600;
 }
 
 .page_homeB .ui-autocomplete-panel .ui-autocomplete-item.ui-state-highlight {
     text-shadow: none;
     background: #542eff;
     color: #fff;
 }
 
 .locationlistview {
     background-color: #f5f4f7;
 }
 
 .locationlistview__header {
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 24px;
     font-size: 1.5rem;
     line-height: 28px;
     line-height: 1.75rem;
     color: #303336;
     font-weight: 400;
     letter-spacing: 0;
     text-align: center;
     margin: 30px 0 22px 0;
 }
 
 @media (max-width: 708px) {
     .locationlistview__header {
         margin: 20px 0 16px 0;
         padding: 0 20px;
         font-family: "Source Sans Pro", sans-serif;
         font-size: 18px;
         font-size: 1.125rem;
         line-height: 24px;
         line-height: 1.5rem;
         color: #303336;
         font-weight: 400;
         font-family: "Modelica", "Source Sans Pro", sans-serif;
     }
 }
 
 .reviews-bar {
     background-color: #fff;
     border-bottom: 1px solid #dfe3e8;
     height: 110px;
     line-height: 110px;
 }
 
 .reviews-bar>.reviews-bar__text {
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 24px;
     font-size: 1.5rem;
     line-height: 30px;
     line-height: 1.875rem;
     font-weight: 700;
     letter-spacing: 0;
     color: #303336;
     text-align: center;
 }
 
 @media (max-width: 992px) {
     .reviews-bar>.reviews-bar__text {
         font-family: "Modelica", "Source Sans Pro", sans-serif;
         font-size: 18px;
         font-size: 1.125rem;
         line-height: 26px;
         line-height: 1.625rem;
         font-weight: 700;
         letter-spacing: 0;
     }
 }
 
 @media (max-width: 767px) {
     .reviews-bar>.reviews-bar__text {
         font-family: "Modelica", "Source Sans Pro", sans-serif;
         font-size: 16px;
         font-size: 1rem;
         line-height: 20px;
         line-height: 1.25rem;
         font-weight: 700;
         letter-spacing: 0;
     }
 }
 
 .reviews-bar>.reviews-bar__text>a {
     color: inherit;
     font: inherit;
 }
 
 .reviews-bar>.reviews-bar__text>a>p {
     color: inherit;
     font: inherit;
 }
 /*  
 @media(max-width:992px) {
     .reviews-bar>.reviews-bar__text>a>p {
         padding: 0 35px
     }
 } */
 
 .reviews-bar>.reviews-bar__text>a>p>img {
     vertical-align: sub;
 }
 
 @media (max-width: 650px) {
     .reviews-bar>.reviews-bar__text>a>p>img {
         margin: -0.15em 4.7em;
         position: absolute;
     }
 }
 
 @media (min-width: 651px) and (max-width: 992px) {
     .reviews-bar>.reviews-bar__text>a>p>img {
         height: 20px;
         margin: 0 0.5em;
     }
 }
 
 @media (min-width: 993px) {
     .reviews-bar>.reviews-bar__text>a>p>img {
         margin: 0.15em 4.1em;
         position: absolute;
     }
 }
 
 .reviews-bar>.reviews-bar__text>a>p>span {
     white-space: nowrap;
 }
 
 @media (max-width: 650px) {
     .reviews-bar>.reviews-bar__text>a>p>span {
         word-spacing: 9.7em;
     }
 }
 
 @media (min-width: 993px) {
     .reviews-bar>.reviews-bar__text>a>p>span {
         word-spacing: 6em;
     }
 }
 
 @media (max-width: 650px) {
     .reviews-bar>.reviews-bar__text--center {
         width: 100%;
     }
 }
 
 @media (min-width: 1220px) {
     .reviews-bar>.reviews-bar__text--left {
         text-align: right;
     }
 }
 
 @media (max-width: 650px) {
     .reviews-bar>.reviews-bar__text--left {
         display: none;
     }
 }
 
 @media (min-width: 1220px) {
     .reviews-bar>.reviews-bar__text--right {
         text-align: left;
     }
 }
 
 @media (max-width: 1024px) {
     .reviews-bar>.reviews-bar__text--right {
         display: none;
     }
 }
 
 .reviews-bar>.reviews-bar__text .trustpilot {
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 20px;
     font-size: 1.25rem;
     line-height: 28px;
     line-height: 1.75rem;
     font-weight: 700;
     letter-spacing: 0;
     font-weight: 600;
     padding-bottom: 0.25em;
 }
 
 .reviews-bar>.reviews-bar__text .trustpilot img {
     margin-right: 0.5em;
     vertical-align: sub;
 }
 
 .reviews-bar>.reviews-bar__text .trustpilot a {
     margin-left: 0.5em;
     font-size: 17px;
     font-weight: normal;
 }
 
 .grid-flow {
     max-width: 1220px;
     margin: auto;
     padding: 8px 24px 48px;
 }
 
 .grid-flow--full {
     padding: 0;
 }
 
 .grid-flow--full-vertical {
     padding: 0 24px;
 }
 
 .grid-flow--full-horizontal {
     padding: 48px 0;
 }
 
 .grid-flow--vertical-8 {
     padding-top: 80px;
     padding-bottom: 80px;
 }
 
 @media (max-width: 708px) {
     .grid-flow--vertical-8 {
         padding-top: 30px;
         padding-bottom: 30px;
     }
 }
 
 @media (max-width: 767px) {
     .grid-flow {
         max-width: 460px;
     }
 }
 
 .grid-flow__item {
     padding-top: 24px;
 }
 
 .grid-flow__item>img {
     width: 100%;
 }
 
 .grid-flow__quote {
     padding: 100px 0;
 }
 
 .grid-flow__quote>q,
 .grid-flow__quote>p {
     color: #fff;
     text-align: center;
 }
 
 .grid-flow__quote>q {
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 28px;
     font-size: 1.75rem;
     line-height: 36px;
     line-height: 2.25rem;
     font-weight: 900;
     letter-spacing: 0;
     display: block;
 }
 
 .grid-flow__quote>p {
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 24px;
     font-size: 1.5rem;
     line-height: 30px;
     line-height: 1.875rem;
     font-weight: 700;
     letter-spacing: 0;
     margin-top: 64px;
 }
 
 .grid-flow__background {
     width: 100%;
 }
 
 .grid-flow__background--white {
     background-color: #fff;
 }
 
 .grid-flow__background--teal {
     background-color: #0cb;
 }
 
 .grid-flow__background--teal-split {
     background: #29ccbb;
     background: -moz-linear-gradient( top, #29ccbb 0, #29ccbb 72%, #f9fafb 72%, #f9fafb 100%);
     background: -webkit-gradient( left top, left bottom, color-stop(0, #29ccbb), color-stop(72%, #29ccbb), color-stop(72%, #f9fafb), color-stop(100%, #f9fafb));
     background: -webkit-linear-gradient( top, #29ccbb 0, #29ccbb 72%, #f9fafb 72%, #f9fafb 100%);
     background: -o-linear-gradient( top, #29ccbb 0, #29ccbb 72%, #f9fafb 72%, #f9fafb 100%);
     background: -ms-linear-gradient( top, #29ccbb 0, #29ccbb 72%, #f9fafb 72%, #f9fafb 100%);
     background: linear-gradient( to bottom, #29ccbb 0, #29ccbb 72%, #f9fafb 72%, #f9fafb 100%);
     filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#29ccbb', endColorstr='#f9fafb', GradientType=0);
 }
 
 @media (max-width: 992px) {
     .grid-flow__background--teal-split {
         background: #29ccbb;
         background: -moz-linear-gradient( top, #29ccbb 0, #29ccbb 66%, #f9fafb 66%, #f9fafb 100%);
         background: -webkit-gradient( left top, left bottom, color-stop(0, #29ccbb), color-stop(66%, #29ccbb), color-stop(66%, #f9fafb), color-stop(100%, #f9fafb));
         background: -webkit-linear-gradient( top, #29ccbb 0, #29ccbb 66%, #f9fafb 66%, #f9fafb 100%);
         background: -o-linear-gradient( top, #29ccbb 0, #29ccbb 66%, #f9fafb 66%, #f9fafb 100%);
         background: -ms-linear-gradient( top, #29ccbb 0, #29ccbb 66%, #f9fafb 66%, #f9fafb 100%);
         background: linear-gradient( to bottom, #29ccbb 0, #29ccbb 66%, #f9fafb 66%, #f9fafb 100%);
         filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#29ccbb', endColorstr='#f9fafb', GradientType=0);
     }
 }
 
 .grid-flow__background--secondary {
     background-color: #14508e;
 }
 
 .grid-flow__background--secondary .grid-flow {
     max-width: auto;
 }
 
 .grid-flow__background--secondary .grid-flow .river__header {
     color: #fff;
 }
 
 .grid-flow__background--secondary .grid-flow .river__header .skew-highlight {
     color: #14508e;
 }
 
 .grid-flow .faq {
     margin-top: 44px;
 }
 
 @media (max-width: 708px) {
     .grid-flow .faq {
         margin-top: 30px;
     }
 }
 
 .grid-flow .faq dl.container__accordion dt {
     font-weight: 800;
     color: #303336;
     padding: 1em 3em 1em 1.5em;
 }
 
 @media (max-width: 708px) {
     .grid-flow .faq dl.container__accordion dt {
         padding-left: 1em;
     }
 }
 
 .grid-flow .faq dl.container__accordion dt:hover {
     color: #542eff;
 }
 
 .grid-flow .faq dl.container__accordion dt:after {
     right: 1.5em;
     top: 1.25em;
     background-image: url("../../assets/svg/close-secondary55.svg");
 }
 
 @media (max-width: 708px) {
     .grid-flow .faq dl.container__accordion dt:after {
         right: 1em;
     }
 }
 
 .grid-flow .faq dl.container__accordion dd {
     padding-left: 1.5em;
     padding-right: 1.5em;
 }
 
 @media (max-width: 708px) {
     .grid-flow .faq dl.container__accordion dd {
         padding-left: 1em;
         padding-right: 1em;
     }
 }
 
 .grid-flow .faq dl.container__accordion dd p,
 .grid-flow .faq dl.container__accordion dd ul,
 .grid-flow .faq dl.container__accordion dd ol {
     margin: 0 0 1.5em;
     color: #303336;
 }
 
 @media (max-width: 708px) {
     .grid-flow .faq dl.container__accordion dd p,
     .grid-flow .faq dl.container__accordion dd ul,
     .grid-flow .faq dl.container__accordion dd ol {
         margin-bottom: 1em;
     }
 }
 
 .grid-flow__get-started {
     padding-top: 5em;
 }
 
 @media (max-width: 708px) {
     .grid-flow__get-started {
         padding-top: 2em;
     }
 }
 
 .grid-flow__get-started .grid__item+.grid__item {
     border-left: 1px solid #dcdae2;
 }
 
 @media (max-width: 708px) {
     .grid-flow__get-started .grid__item+.grid__item {
         margin-top: 2em;
         border-top: 1px solid #dcdae2;
         border-left: 0;
         padding-top: 3em;
     }
 }
 
 .grid-flow__get-started .grid__item section {
     max-width: 335px;
     margin: 0 auto;
     text-align: center;
 }
 
 .grid-flow__get-started .grid__item section img {
     width: 285px;
 }
 
 .grid-flow__get-started .grid__item section h3 {
     margin: 0.75em 0;
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 2.125em;
     font-weight: 800;
     line-height: 1.25;
     color: #303336;
 }
 
 .grid-flow__get-started .grid__item section p {
     margin: 1.5em 0;
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 1.125em;
     font-weight: 600;
     line-height: 1.5;
     color: #8d89aa;
 }
 
 .grid-flow__get-started .grid__item section a {
     margin: 4em auto 1em;
     width: 285px;
 }
 
 @media (max-width: 708px) {
     .grid-flow__get-started .grid__item section a {
         margin-top: 1em;
     }
 }
 
 .social-proof {
     padding: 24px 0;
 }
 
 .social-proof__title {
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 20px;
     font-size: 1.25rem;
     line-height: 28px;
     line-height: 1.75rem;
     font-weight: 700;
     letter-spacing: 0;
 }
 
 @media (max-width: 992px) {
     .social-proof__title {
         display: none;
     }
 }
 
 .user-menu {
     white-space: nowrap;
 }
 
 .user-menu__username {
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 16px;
     font-size: 1rem;
     line-height: 20px;
     line-height: 1.25rem;
     font-weight: 700;
     letter-spacing: 0;
     color: #303336;
     margin-right: 16px;
     margin-top: 9px;
 }
 
 .user-menu .r_button__avatar {
     margin-bottom: 5px;
 }
 
 .page_schools_teachers_secure_new-programme .container__card h2 {
     margin: 1em 20px 0.5em;
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 1.25em;
     font-weight: 600;
     color: #303336;
 }
 
 .page_schools_teachers_secure_new-programme .container__card h3 {
     margin: 1em 20px 0.5em;
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 1.125em;
     font-weight: 600;
     color: #303336;
 }
 
 .page_schools_teachers_secure_new-programme .container__card h3 span {
     float: right;
     color: #32cf3a;
     font-size: 0.875em;
     font-weight: 400;
     line-height: 1.25em;
 }
 
 .page_schools_teachers_secure_new-programme .container__card p {
     margin: 0.5em 20px;
     color: #67657d;
 }
 
 .page_schools_teachers_secure_new-programme .container__card em {
     color: #67657d;
     font-style: italic;
 }
 
 .page_schools_teachers_secure_new-programme .container__card blockquote {
     margin: 1em 20px;
     padding: 1em 20px;
     background-color: #dceefa;
 }
 
 .page_schools_teachers_secure_new-programme .container__card section {
     margin: 1em 20px;
     padding: 0.25em 0;
     border-left: 8px solid #f7f9fc;
 }
 
 .page_schools_teachers_secure_new-programme .container__card hr {
     margin: 1em 0;
     border: 0;
     height: 1px;
     background-color: #dcdae2;
 }
 
 .page_schools_teachers_secure_new-programme .container__card footer {
     margin: 1em 20px;
 }
 
 .page_schools_teachers_secure_new-programme .container__card footer aside {
     float: right;
     line-height: 2em;
 }
 
 .page_schools_teachers_secure_new-programme .container__card footer aside p {
     font-size: 1.125em;
 }
 
 .page_schools_teachers_secure_new-programme .container__card dl {
     display: flex;
     flex-wrap: wrap;
     margin: 1em 20px;
     border-top: 1px solid #eee;
 }
 
 .page_schools_teachers_secure_new-programme .container__card dl dt {
     flex: 0 0 50%;
     margin: 1.125em 0 0;
     color: #8d89aa;
     font-size: 0.875em;
 }
 
 .page_schools_teachers_secure_new-programme .container__card dl dd {
     flex: 0 0 50%;
     margin: 1em 0 0;
     text-align: right;
     line-height: 1.25em;
 }
 
 .page_schools_teachers_secure_new-programme .container__card .inputRegion {
     margin: 1em 20px;
 }
 
 .page_schools_teachers_secure_new-programme .container__card .inputRegion.upload .logo {
     display: flex;
     justify-content: center;
     float: left;
     margin-right: 1em;
     width: 64px;
     height: 80px;
     background: white;
     box-shadow: 0 0 0 1px rgba(48, 51, 54, 0.08), 0 2px 13px 0 rgba(48, 51, 54, 0.08);
 }
 
 .page_schools_teachers_secure_new-programme .container__card .inputRegion.upload .logo.empty {
     background-color: #f7f9fc;
     box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.09);
 }
 
 .page_schools_teachers_secure_new-programme .container__card .inputRegion .input {
     display: inline-block;
     width: 320px;
 }
 
 .page_schools_teachers_secure_new-programme .container__card .inputRegion .ui-datatable {
     font-size: 0.875em;
 }
 
 .page_schools_teachers_secure_new-programme .container__card .inputRegion .ui-datatable th {
     padding: 0 0 1em;
     border: 0;
     border-bottom: 1px solid #dcdae2;
     color: #67657d;
 }
 
 .page_schools_teachers_secure_new-programme .container__card .inputRegion .ui-datatable td {
     padding: 0.5em 0;
     border: 0;
 }
 
 .page_schools_teachers_secure_new-programme .container__card .inputRegion .ui-radiobutton {
     margin: 0.375em 0;
 }
 
 .page_schools_teachers_secure_new-programme .inputRegion.calendar .input {
     position: relative;
     display: inline-block;
     width: 100%;
 }
 
 .page_schools_teachers_secure_new-programme .inputRegion.calendar label+.input .ui-datepicker-trigger {
     top: 11px;
 }
 
 .page_schools_teachers_secure_new-programme .modal-dialog {
     padding-bottom: 24px;
 }
 
 .page_schools_teachers_secure_new-programme .modal-dialog .ui-dialog-title {
     margin-bottom: 0;
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 1.25em;
     font-weight: 700;
     color: #303336;
 }
 
 .page_schools_teachers_secure_new-programme .modal-dialog p {
     margin: 0.5em 1em 1em;
     font-size: 1.125em;
     text-align: center;
     color: #303336;
 }
 
 .page_schools_teachers_secure_new-programme .modal-dialog footer {
     margin-top: 1em;
 }
 
 .employee--robert-grabiner-500 {
     background-image: url("../image/emp-01.jpg");
 }
 
 .employee--anne-marie-huby-500 {
     background-image: url("https://cdn.mytutor.co.uk/images/employees/board/500/anne-marie-huby-v1.jpg?1599042894000");
 }
 
 .employee--matt-m-500 {
     background-image: url("https://cdn.mytutor.co.uk/images/employees/board/500/matt-m-v1.jpg?1599042894000");
 }
 
 .employee--stephen-w-500 {
     background-image: url("https://cdn.mytutor.co.uk/images/employees/board/500/stephen-w-v1.jpg?1599042894000");
 }
 
 .employee--stephen-grabiner-500 {
     background-image: url("https://cdn.mytutor.co.uk/images/employees/board/500/stephen-grabiner-v1.jpg?1599042894000");
 }
 
 .employee--bertie-hubbard-500 {
     background-image: url("https://cdn.mytutor.co.uk/images/employees/leadership/500/bertie_hubbard-v1.jpg?1599042894000");
 }
 
 .employee--james-grant-500 {
     background-image: url("https://cdn.mytutor.co.uk/images/employees/leadership/500/james_grant-v1.jpg?1599042894000");
 }
 
 .employee--nicola-anderson-500 {
     background-image: url("https://cdn.mytutor.co.uk/images/employees/leadership/500/nicola_anderson-v1.jpg?1599042894000");
 }
 
 .employee--manisha-chana-500 {
     background-image: url("https://cdn.mytutor.co.uk/images/employees/leadership/500/manisha-chana-v1.jpg?1599042894000");
 }
 
 .employee--james-burton-500 {
     background-image: url("https://cdn.mytutor.co.uk/images/employees/customers/500/james_burton-v1.jpg?1599042894000");
 }
 
 .employee--jen-brown-500 {
     background-image: url("https://cdn.mytutor.co.uk/images/employees/customers/500/jen_brown-v1.jpg?1599042894000");
 }
 
 .employee--gemma-pearson-500 {
     background-image: url("https://cdn.mytutor.co.uk/images/employees/customers/500/gemma_pearson-v1.jpg?1599042894000");
 }
 
 .employee--tilly-shoul-500 {
     background-image: url("https://cdn.mytutor.co.uk/images/employees/customers/500/tilly-shoul-v1.jpg?1599042894000");
 }
 
 .employee--sam-sexton-500 {
     background-image: url("https://cdn.mytutor.co.uk/images/employees/customers/500/sam-sexton-v1.jpg?1599042894000");
 }
 
 .employee--mariota-spens-500 {
     background-image: url("https://cdn.mytutor.co.uk/images/employees/customers/500/mariota-spens-v1.jpg?1599042894000");
 }
 
 .employee--clare-dyckhoff-500 {
     background-image: url("https://cdn.mytutor.co.uk/images/employees/customers/500/clare-dyckhoff-v1.jpg?1599042894000");
 }
 
 .employee--fred-haffenden-500 {
     background-image: url("https://cdn.mytutor.co.uk/images/employees/product/500/fred_haffenden-v1.jpg?1599042894000");
 }
 
 .employee--bertie-obrien-500 {
     background-image: url("https://cdn.mytutor.co.uk/images/employees/product/500/bertie_obrien-v1.jpg?1599042894000");
 }
 
 .employee--niels-koelmeyer-500 {
     background-image: url("https://cdn.mytutor.co.uk/images/employees/product/500/niels_koelmeyer-v1.jpg?1599042894000");
 }
 
 .employee--steven-kelly-500 {
     background-image: url("https://cdn.mytutor.co.uk/images/employees/product/500/steven_kelly-v1.jpg?1599042894000");
 }
 
 .employee--jess-golding-500 {
     background-image: url("https://cdn.mytutor.co.uk/images/employees/product/500/jess-golding-v1.jpg?1599042894000");
 }
 
 .employee--claudia-hosu-500 {
     background-image: url("https://cdn.mytutor.co.uk/images/employees/technology/500/claudia-hosu-v1.jpg?1599042894000");
 }
 
 .employee--gianni-bruno-500 {
     background-image: url("https://cdn.mytutor.co.uk/images/employees/technology/500/gianni_bruno-v1.jpg?1599042894000");
 }
 
 .employee--matt-hammond-500 {
     background-image: url("https://cdn.mytutor.co.uk/images/employees/technology/500/matt-hammond-v1.jpg?1599042894000");
 }
 
 .employee--vijay-patel-500 {
     background-image: url("https://cdn.mytutor.co.uk/images/employees/technology/500/vijay-patel-v1.jpg?1599042894000");
 }
 
 .employee--george-petkov-500 {
     background-image: url("https://cdn.mytutor.co.uk/images/employees/technology/500/george_petkov-v1.jpg?1599042894000");
 }
 
 .employee--jans-delago-500 {
     background-image: url("https://cdn.mytutor.co.uk/images/employees/finance/500/jans-delago-v1.jpg?1599042894000");
 }
 
 .employee--richard-angus-500 {
     background-image: url("https://cdn.mytutor.co.uk/images/employees/schools/500/richard_angus-v1.jpg?1599042894000");
 }
 
 .employee--cath-bryant-500 {
     background-image: url("https://cdn.mytutor.co.uk/images/employees/schools/500/cath_bryant-v1.jpg?1599042894000");
 }
 
 .employee--maddy-oldham-500 {
     background-image: url("https://cdn.mytutor.co.uk/images/employees/schools/500/maddy_oldham-v1.jpg?1599042894000");
 }
 
 .employee--kat-illsley-500 {
     background-image: url("https://cdn.mytutor.co.uk/images/employees/schools/500/kat_illsley-v1.jpg?1599042894000");
 }
 
 .employee--tommy-cliff-500 {
     background-image: url("https://cdn.mytutor.co.uk/images/employees/schools/500/tommy_cliff-v1.jpg?1599042894000");
 }
 
 .employee--lauren-jg-500 {
     background-image: url("https://cdn.mytutor.co.uk/images/employees/schools/500/lauren-jg-v1.jpg?1599042894000");
 }
 
 .employee--megan-garvey-500 {
     background-image: url("https://cdn.mytutor.co.uk/images/employees/schools/500/megan-garvey-v1.jpg?1599042894000");
 }
 
 .employee--jody-clark-500 {
     background-image: url("https://cdn.mytutor.co.uk/images/employees/schools/500/jody-clark-v1.jpg?1599042894000");
 }
 
 .employee--dilpreet-bhagrath-500 {
     background-image: url("https://cdn.mytutor.co.uk/images/employees/schools/500/dilpreet-bhagrath-v1.jpg?1599042894000");
 }
 
 .employee--will-beaton-500 {
     background-image: url("https://cdn.mytutor.co.uk/images/employees/operations/500/will_beaton-v1.jpg?1599042894000");
 }
 
 .employee--oliver-douglas-500 {
     background-image: url("https://cdn.mytutor.co.uk/images/employees/operations/500/oliver-douglas-v1.jpg?1599042894000");
 }
 
 .employee--miranda-mccarthy-500 {
     background-image: url("https://cdn.mytutor.co.uk/images/employees/operations/500/miranda-mccarthy-v1.jpg?1599042894000");
 }
 
 .employee--georgie-malone-500 {
     background-image: url("https://cdn.mytutor.co.uk/images/employees/operations/500/georgie-malone-v1.jpg?1599042894000");
 }
 
 .employee--georgia-cohen-500 {
     background-image: url("https://cdn.mytutor.co.uk/images/employees/tutor-community/500/georgia_cohen-v1.jpg?1599042894000");
 }
 
 .employee--david-bennett-500 {
     background-image: url("https://cdn.mytutor.co.uk/images/employees/tutor-community/500/david_bennett-v1.jpg?1599042894000");
 }
 
 .employee--sioban-zacharek-500 {
     background-image: url("https://cdn.mytutor.co.uk/images/employees/tutor-community/500/sioban-zacharek-v1.jpg?1599042894000");
 }
 
 .employee--frederika-ofong-500 {
     background-image: url("https://cdn.mytutor.co.uk/images/employees/tutor-community/500/frederika-ofong-v1.jpg?1599042894000");
 }
 
 .employee--lakeim-knights-500 {
     background-image: url("https://cdn.mytutor.co.uk/images/employees/tutor-community/500/lakeim-knights-v1.jpg?1599042894000");
 }
 
 .employee--lina-gadi-500 {
     background-image: url("https://cdn.mytutor.co.uk/images/employees/tutor-experts/500/lina_gadi-v1.jpg?1599042894000");
 }
 
 .employee--joe-rothwell-500 {
     background-image: url("https://cdn.mytutor.co.uk/images/employees/tutor-experts/500/joe-rothwell-v1.jpg?1599042894000");
 }
 
 .employee--grace-500 {
     background-image: url("https://cdn.mytutor.co.uk/images/employees/tutor-experts/500/grace-v1.jpg?1599042894000");
 }
 
 .employee--kuran-pathak-500 {
     background-image: url("https://cdn.mytutor.co.uk/images/employees/tutor-experts/500/kuran-pathak-v1.jpg?1599042894000");
 }
 
 .employee--chris-slade-500 {
     background-image: url("https://cdn.mytutor.co.uk/images/employees/tutor-experts/500/chris-slade-v1.jpg?1599042894000");
 }
 
 .page_tutors_secure_student .ui-tabs {
     margin-bottom: 1.5em;
 }
 
 .page_tutors_secure_student .ui-tabs .ui-tabs-nav {
     background: 0;
 }
 
 .page_tutors_secure_student .ui-tabs .ui-tabs-nav li.ui-state-default {
     background: 0;
 }
 
 .page_tutors_secure_student .ui-tabs .ui-tabs-nav li.ui-state-default a {
     font-weight: 400;
     color: gray;
 }
 
 .page_tutors_secure_student .ui-tabs .ui-tabs-nav li.ui-state-active a {
     font-weight: 600;
     color: black;
 }
 
 .page_tutors_secure_student .ui-tabs.hidetabs>.ui-tabs-nav {
     display: none;
 }
 
 .page_tutors_secure_student .ui-tabs.ui-tabs-top>.ui-tabs-nav {
     margin-bottom: 1.5em;
     padding: 1em 0;
 }
 
 .page_tutors_secure_student .ui-tabs.ui-tabs-top>.ui-tabs-nav li a {
     padding: 0;
     margin: 0 1.5em 0 0;
 }
 
 .page_tutors_secure_student .container__card {
     padding-bottom: 0.5em;
 }
 
 .page_tutors_secure_student .container__card header {
     margin: 1.5em 0;
     padding: 0 20px;
 }
 
 @media (max-width: 992px) {
     .page_tutors_secure_student .container__card header {
         padding: 0 10px;
     }
 }
 
 .page_tutors_secure_student .container__card header h2 {
     margin: 0 0 0.5em;
     padding: 0 20px;
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 1.25em;
     font-weight: 700;
     color: #303336;
 }
 
 @media (max-width: 992px) {
     .page_tutors_secure_student .container__card header h2 {
         padding: 0 10px;
     }
 }
 
 .page_tutors_secure_student .container__card header .tile__avatar {
     float: left;
     width: 4.5em;
     height: 4.5em;
     line-height: 4.5em;
     margin-right: 1em;
 }
 
 .page_tutors_secure_student .container__card header i {
     display: flex;
     justify-content: center;
     align-items: center;
     float: left;
     width: 3em;
     height: 3em;
     line-height: 3em;
     margin-right: 1em;
     background-color: #dceefa;
 }
 
 .page_tutors_secure_student .container__card header i img {
     border-radius: 0;
     width: 1.5em;
     height: 1.5em;
     vertical-align: middle;
 }
 
 .page_tutors_secure_student .container__card footer {
     margin: -1em 0 1.5em;
     padding: 0 20px;
 }
 
 @media (max-width: 992px) {
     .page_tutors_secure_student .container__card footer {
         padding: 0 10px;
     }
 }
 
 .page_tutors_secure_student .container__card footer i.avatar {
     float: left;
     width: 3em;
     height: 3em;
     line-height: 3em;
     margin-right: 1em;
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-weight: 700;
     color: white;
     background-color: #311b92;
     font-style: normal;
 }
 
 .page_tutors_secure_student .container__card footer blockquote {
     margin-left: 4em;
 }
 
 @media (max-width: 708px) {
     .page_tutors_secure_student .container__card footer blockquote {
         margin-left: 0;
     }
 }
 
 .page_tutors_secure_student .container__card section {
     margin: -1em 0 1.5em;
     padding: 0 20px;
 }
 
 @media (max-width: 992px) {
     .page_tutors_secure_student .container__card section {
         padding: 0 10px;
     }
 }
 
 .page_tutors_secure_student .container__card section blockquote,
 .page_tutors_secure_student .container__card section textarea {
     font-size: 1em;
     line-height: 1.25em;
     color: #67657d;
 }
 
 .page_tutors_secure_student .container__card section.empty {
     margin: 1em;
     text-align: center;
 }
 
 .page_tutors_secure_student .container__card section.empty p {
     margin: 1em 0;
     font-size: 1.125em;
     color: #67657d;
 }
 
 .page_tutors_secure_student .container__card h3 {
     margin: 1.5em 0 0.5em;
     padding: 0 20px;
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 1em;
     font-weight: 600;
     color: #303336;
 }
 
 @media (max-width: 992px) {
     .page_tutors_secure_student .container__card h3 {
         padding: 0 10px;
     }
 }
 
 .page_tutors_secure_student .container__card h3 .unread {
     float: right;
     background-color: #e85dcc;
     font-family: "Source Sans Pro", sans-serif;
     font-size: 0.875em;
     font-weight: 600;
     border-radius: 20px;
     color: #fff;
     padding: 0 7px 1px 7px;
 }
 
 .page_tutors_secure_student .container__card h4 {
     font-size: 1em;
     font-weight: 600;
     color: #303336;
 }
 
 .page_tutors_secure_student .container__card h4+p {
     color: #67657d;
 }
 
 .page_tutors_secure_student .container__card hr {
     margin: 1em -1px;
     border: 0;
     height: 1px;
     background-color: #dcdae2;
 }
 
 .page_tutors_secure_student .container__card vr {
     display: inline-block;
     margin: 0 0.25em;
     width: 1px;
     height: 1em;
     vertical-align: middle;
     background-color: #303336;
 }
 
 .page_tutors_secure_student .container__card p {
     margin: 0.5em 0;
     padding: 0 20px;
     color: #303336;
     line-height: 1.25em;
 }
 
 @media (max-width: 992px) {
     .page_tutors_secure_student .container__card p {
         padding: 0 10px;
     }
 }
 
 .page_tutors_secure_student .container__card p em {
     color: #8d89aa;
     font-style: normal;
 }
 
 .page_tutors_secure_student .container__card dl.details {
     display: flex;
     flex-wrap: wrap;
     margin: 0.5em 0 0;
     padding: 0 20px;
 }
 
 @media (max-width: 992px) {
     .page_tutors_secure_student .container__card dl.details {
         padding: 0 10px;
     }
 }
 
 .page_tutors_secure_student .container__card dl.details dt {
     flex: 0 0 50%;
     margin: 0.5em 0;
     line-height: 1.25em;
     color: #67657d;
 }
 
 .page_tutors_secure_student .container__card dl.details dd {
     flex: 0 0 50%;
     margin: 0.5em 0;
     line-height: 1.25em;
     text-align: right;
 }
 
 .page_tutors_secure_student .container__card ul.resources {
     padding: 0 20px;
 }
 
 @media (max-width: 992px) {
     .page_tutors_secure_student .container__card ul.resources {
         padding: 0 10px;
     }
 }
 
 .page_tutors_secure_student .container__card ul.resources li {
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     line-height: 3em;
 }
 
 .page_tutors_secure_student .container__card ul.resources li.read .bullet {
     background-color: #ffe8eb;
 }
 
 .page_tutors_secure_student .container__card ul.resources li.read a {
     color: #67657d;
 }
 
 .page_tutors_secure_student .container__card ul.resources li.unread .bullet {
     background-color: #e85dcc;
 }
 
 .page_tutors_secure_student .container__card ul.resources li img {
     vertical-align: middle;
     position: relative;
     left: -10px;
     margin-right: -10px;
 }
 
 .page_tutors_secure_student .container__card ul.resources li .bullet {
     display: inline-block;
     position: relative;
     top: -0.125em;
     margin-right: 0.5em;
     width: 0.5em;
     height: 0.5em;
     border-radius: 100%;
 }
 
 .page_tutors_secure_student .container__card ul.resources li+li {
     border-top: 1px solid #d8d8d8;
 }
 
 .page_tutors_secure_student .container__card ul.checklist li {
     margin: 1em 0;
     padding-left: 2em;
     position: relative;
 }
 
 .page_tutors_secure_student .container__card ul.checklist li i {
     position: absolute;
     left: 0.125em;
     font-size: 1.25em;
     color: #32cf3a;
 }
 
 .page_tutors_secure_student .container__card .sessionaction {
     text-align: right;
 }
 
 .page_tutors_secure_student .container__card .sessionaction small {
     display: inline-block;
     margin: 6px 4px;
     color: #8d89aa;
     font-size: 0.75em;
 }
 
 .page_tutors_secure_student .container__card blockquote {
     margin: 1em 0;
     border: 1px solid transparent;
     border-left: 8px solid #f7f9fc;
     padding: 1em;
     line-height: 1.25em;
 }
 
 .page_tutors_secure_student .container__card blockquote ul.checklist {
     margin: -1.5em -0.25em;
 }
 
 .page_tutors_secure_student .container__card ol {
     margin: 1.5em 20px;
     position: relative;
 }
 
 @media (max-width: 992px) {
     .page_tutors_secure_student .container__card ol {
         margin: 1.5em 10px;
     }
 }
 
 .page_tutors_secure_student .container__card ol:before {
     content: "";
     position: absolute;
     left: 0.75em;
     top: 0;
     bottom: 0;
     border-left: 1px solid #f5f4f7;
 }
 
 .page_tutors_secure_student .container__card ol li {
     padding-left: 2.5em;
 }
 
 @media (max-width: 992px) {
     .page_tutors_secure_student .container__card ol li {
         padding-left: 2em;
     }
 }
 
 .page_tutors_secure_student .container__card ol li i {
     position: absolute;
     left: 0;
     width: 2em;
     height: 2em;
     line-height: 2em;
     font-style: normal;
     vertical-align: middle;
     background-color: #f5f4f7;
     color: #303336;
     font-size: 0.75em;
 }
 
 .page_tutors_secure_student .container__card ol li i img {
     height: 10px;
 }
 
 .page_tutors_secure_student .container__card ol li h4 {
     margin: 0 0 0.5em;
     font-family: "Source Sans Pro", sans-serif;
     font-weight: 400;
     padding: 0.25em 0;
 }
 
 .page_tutors_secure_student .container__card ol li dl {
     margin: 0 0 1.5em;
 }
 
 .page_tutors_secure_student .container__card ol li dl dt {
     font-weight: 600;
     color: #303336;
     margin: 0.5em 0;
 }
 
 .page_tutors_secure_student .container__card ol li dl dd {
     color: #67657d;
     margin: 0.5em 0 1em;
     line-height: 1.25em;
 }
 
 .page_tutors_secure_student .container__card ol li p {
     color: #67657d;
     margin: 0.5em 0 1em;
     line-height: 1.25em;
     padding-left: 0;
 }
 
 .page_tutors_secure_student .container__card ol li .cover-report-timeline {
     display: flex;
     flex-flow: row nowrap;
     border: 1px solid #dcdae2;
     padding: 0.5rem;
     margin-bottom: 1.5rem;
 }
 
 .page_tutors_secure_student .container__card ol li .cover-report-timeline .image {
     display: flex;
     align-items: center;
     justify-content: center;
     margin-right: 1rem;
 }
 
 .page_tutors_secure_student .container__card ol li .cover-report-timeline .image img {
     height: 54px;
 }
 
 .page_tutors_secure_student .container__card ol li .cover-report-timeline p {
     font-size: 1.1rem;
     font-weight: 700;
     padding: 0 0 0.5rem 0;
     margin: 0;
 }
 
 .page_tutors_secure_student .container__card ol li .cover-report-timeline a {
     color: #542eff;
 }
 
 .page_tutors_secure_student .cover-report {
     display: flex;
     flex-flow: row nowrap;
     border-left: 0.5rem solid #f9f8fb;
 }
 
 .page_tutors_secure_student .cover-report .image {
     display: flex;
     align-items: center;
     justify-content: center;
     margin: 0rem 1rem;
 }
 
 .page_tutors_secure_student .cover-report p {
     font-size: 1.2rem;
     padding: 0.5rem 0;
     margin: 0;
 }
 
 .page_tutors_secure_student .cover-report a {
     color: #542eff;
 }
 
 .page_tutors_secure_cover-report .container__card--topstripe {
     border-top: 0.3rem solid #e85dcc;
 }
 
 .page_tutors_secure_cover-report .container__card--two-column {
     padding: 1rem 0rem;
     margin-right: 1.5em;
 }
 
 @media (max-width: 708px) {
     .page_tutors_secure_cover-report .container__card--two-column {
         padding-top: 0;
     }
 }
 
 @media (max-width: 992px) {
     .page_tutors_secure_cover-report .container__card--two-column {
         margin-right: 0.75em;
     }
 }
 
 @media (max-width: 708px) {
     .page_tutors_secure_cover-report .container__card--two-column {
         margin-right: 0;
     }
 }
 
 .page_tutors_secure_cover-report .container__card section {
     padding: 0rem 1.5rem;
 }
 
 .page_tutors_secure_cover-report .container__card section:first-child {
     padding-top: 1.5rem;
 }
 
 .page_tutors_secure_cover-report .container__card section:last-child {
     padding-bottom: 1.5rem;
 }
 
 .page_tutors_secure_cover-report .container__card h2,
 .page_tutors_secure_cover-report .container__card h3 {
     padding-bottom: 0.5rem;
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     color: #303336;
 }
 
 .page_tutors_secure_cover-report .container__card h2 {
     font-size: 1.1rem;
     font-weight: 700;
 }
 
 .page_tutors_secure_cover-report .container__card h3 {
     font-size: 1rem;
     font-weight: 600;
 }
 
 .page_tutors_secure_cover-report .container__card p {
     padding-bottom: 0.5rem;
     color: #303336;
     line-height: 1.25rem;
 }
 
 .page_tutors_secure_cover-report .container__card p em {
     color: #8d89aa;
     font-style: normal;
 }
 
 .page_tutors_secure_cover-report .container__card hr {
     margin: 1rem -1px;
     border: 0;
     height: 1px;
     background-color: #dcdae2;
 }
 
 .page_tutors_secure_cover-report .container__card .media {
     display: flex;
     flex-flow: row wrap;
 }
 
 .page_tutors_secure_cover-report .container__card .media p,
 .page_tutors_secure_cover-report .container__card .media h2 {
     padding: 0;
 }
 
 .page_tutors_secure_cover-report .container__card .media .figure {
     flex: 1 1 25%;
     align-self: center;
 }
 
 .page_tutors_secure_cover-report .container__card .media .figure i.avatar {
     display: flex;
     align-items: center;
     justify-content: center;
     width: 4rem;
     height: 4rem;
     line-height: 4rem;
     background-color: #fbeae5;
 }
 
 .page_tutors_secure_cover-report .container__card .media .figure i.avatar img {
     width: 2rem;
     height: 2rem;
 }
 
 .page_tutors_secure_cover-report .container__card .media .media-body {
     flex: 1 1 75%;
 }
 
 .page_tutors_secure_cover-report .container__card .media .media-body p:first-child {
     padding: 0.3rem 0;
 }
 
 .page_tutors_secure_cover-report .container__card ul.checklist li {
     margin: 1rem 0;
     padding-left: 2rem;
     position: relative;
     color: #303336;
     font-size: 1.2rem;
     padding-bottom: 0.5rem;
 }
 
 .page_tutors_secure_cover-report .container__card ul.checklist li i {
     position: absolute;
     left: 0.125rem;
     font-size: 1.2rem;
     color: #cac9d8;
 }
 
 .page_tutors_secure_cover-report .container__card ul.checklist li i.checked {
     color: #32cf3a;
 }
 
 .page_tutors_secure_cover-report .container__card ul.checklist li i:before {
     font-size: 1.4rem !important;
 }
 
 .page_tutors_secure_cover-report .container__card .upload {
     display: flex;
     flex-flow: row nowrap;
     border-left: 0.5rem solid #f9f8fb;
 }
 
 .page_tutors_secure_cover-report .container__card .upload .image {
     display: flex;
     align-items: center;
     justify-content: center;
     height: 65px;
     width: 55px;
     background-color: #f5f4f7;
     box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.09);
     margin: 0rem 1rem;
 }
 
 .page_tutors_secure_cover-report .container__card .upload .ui-fileupload-buttonbar {
     padding: 0;
     border: 0;
     background: 0;
 }
 
 .page_tutors_secure_cover-report .container__card .upload .ui-fileupload-choose .ui-button-text {
     display: block !important;
     padding: 0;
     text-shadow: none;
 }
 
 .page_tutors_secure_cover-report .container__card .upload p {
     padding-bottom: 0.3rem;
 }
 
 .page_tutors_secure_cover-report .container__card .upload a {
     color: #542eff;
 }
 
 .tutor-cover-report-preview-modal div.modal-dialog {
     border-top: 0.3rem solid #e85dcc;
     padding: 0.5rem 1.5rem 1rem 1.5rem;
     width: 600px !important;
 }
 
 @media (max-width: 992px) {
     .tutor-cover-report-preview-modal div.modal-dialog {
         width: 500px !important;
     }
 }
 
 @media (max-width: 708px) {
     .tutor-cover-report-preview-modal div.modal-dialog {
         border-top: 0;
         width: inherit !important;
     }
 }
 
 .tutor-cover-report-preview-modal section {
     margin-bottom: 1rem;
 }
 
 .tutor-cover-report-preview-modal section:last-child {
     margin-bottom: 0;
 }
 
 .tutor-cover-report-preview-modal h1,
 .tutor-cover-report-preview-modal h2 {
     padding-bottom: 0.5rem;
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     color: #303336;
 }
 
 .tutor-cover-report-preview-modal h1 {
     font-size: 1.2rem;
     font-weight: 700;
 }
 
 .tutor-cover-report-preview-modal h2 {
     font-size: 1.1rem;
     font-weight: 700;
 }
 
 .tutor-cover-report-preview-modal p {
     padding-bottom: 0.5rem;
     color: #67657d;
     line-height: 1.25rem;
 }
 
 .tutor-cover-report-preview-modal hr {
     margin: 1rem -1px;
     border: 0;
     height: 1px;
     background-color: #dcdae2;
 }
 
 .tutor-cover-report-preview-modal .link-back {
     color: #542eff;
     margin-right: 2rem;
 }
 
 .tutor-cover-report-preview-modal .upload {
     display: flex;
     flex-flow: row nowrap;
     border-left: 0.5rem solid #f9f8fb;
 }
 
 .tutor-cover-report-preview-modal .upload .image {
     display: flex;
     align-items: center;
     justify-content: center;
     height: 55px;
     width: 45px;
     background-color: #f5f4f7;
     box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.09);
     margin: 0rem 1rem;
 }
 
 .tutor-cover-report-preview-modal .upload a {
     color: #542eff;
 }
 
 body.page_classroom_device-test #header {
     display: none;
 }
 
 body.page_classroom_device-test #allcontent {
     padding-top: 0;
 }
 
 .setuptest {
     background: #f9f8fb;
 }
 
 .setuptest.modal {
     font-size: 1em !important;
     margin: 0 !important;
     top: 0 !important;
     bottom: 0 !important;
     left: 0 !important;
     right: 0 !important;
     width: auto !important;
     border: 1px solid #e85dcc;
     border-top-width: 6px;
 }
 
 .setuptest.modal.modal-overflow {
     top: 0 !important;
 }
 
 .setuptest.modal .modal-content {
     border: 0;
     box-shadow: none;
     background: transparent;
 }
 
 .setuptest.modal .modal-dialog {
     width: 100% !important;
     height: 100%;
     max-width: none;
     margin: 0;
     background: 0;
 }
 
 .setuptest.modal .ui-dialog-titlebar,
 .setuptest.modal .modal-header {
     display: none;
 }
 
 .setuptest.modal .modal-body {
     padding: 0;
 }
 
 .setuptest__title {
     margin: 10px 20px 40px 20px;
     text-align: center;
     position: relative;
 }
 
 @media (max-width: 992px) {
     .setuptest__title {
         margin: 25px 20px 25px 20px;
     }
 }
 
 .setuptest__title h1 {
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 28px;
     font-size: 1.75rem;
     line-height: 36px;
     line-height: 2.25rem;
     font-weight: 900;
     letter-spacing: 0;
     color: #14508e;
     text-align: center;
     display: inline-block;
 }
 
 @media (max-width: 992px) {
     .setuptest__title h1 {
         font-family: "Modelica", "Source Sans Pro", sans-serif;
         font-size: 20px;
         font-size: 1.25rem;
         line-height: 28px;
         line-height: 1.75rem;
         font-weight: 700;
         letter-spacing: 0;
         padding: 0 35px;
     }
 }
 
 .setuptest__exit {
     width: 40px;
     height: 40px;
     border-radius: 100%;
     background-color: #f5f4f7;
     background-image: url("/images/icons/black-close.svg");
     background-size: 1em;
     background-repeat: no-repeat;
     background-position: center;
     position: absolute;
     right: 0;
     top: 0;
 }
 
 @media (max-width: 992px) {
     .setuptest__exit {
         width: 33px;
         height: 33px;
     }
 }
 
 .setuptest__back {
     width: 40px;
     height: 40px;
     border-radius: 100%;
     background-color: #f5f4f7;
     background-image: url("/images/icons/black-back.svg");
     background-size: 1em;
     background-repeat: no-repeat;
     background-position: center;
     position: absolute;
     left: 0;
     top: 0;
 }
 
 @media (max-width: 992px) {
     .setuptest__back {
         width: 33px;
         height: 33px;
     }
 }
 
 .setuptest__contact {
     position: absolute;
     left: 66px;
     top: 2px;
     background-color: #f5f4f7;
     background-image: url("/images/icons/phone-gray.svg");
     background-size: 1em;
     background-repeat: no-repeat;
     background-position: 0.5em;
     padding-left: 1.75em !important;
     font-weight: 400 !important;
     color: #303336;
 }
 
 .setuptest__contact:hover {
     border-color: #dcdae2;
     color: #303336;
 }
 
 @media (max-width: 708px) {
     .setuptest__contact {
         display: none;
     }
 }
 
 .setuptest__footer {
     margin-bottom: 50px;
 }
 
 @media (max-width: 992px) {
     .setuptest__footer {
         margin-bottom: 25px;
     }
 }
 
 .setuptest__footer a {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 18px;
     font-size: 1.125rem;
     line-height: 24px;
     line-height: 1.5rem;
     font-weight: 600;
     letter-spacing: 0;
     font-weight: 400;
     display: block;
     text-align: center;
 }
 
 .setuptest__footer a:after {
     background-image: url("/images/icons/bluearrow-right.svg");
     background-size: contain;
     background-repeat: no-repeat;
     background-position: center;
     content: "";
     display: inline-block;
     margin-left: 8px;
     width: 14px;
     height: 12px;
 }
 
 .setuptest__card {
     background-color: #fff;
     box-shadow: 0 1px 3px 0 rgba(48, 51, 54, 0.15), 0 0 0 1px rgba(48, 51, 54, 0.05);
     width: 100%;
     max-width: 680px;
     margin: 0 auto;
     margin-bottom: 26px;
 }
 
 @media (max-width: 992px) {
     .setuptest__card {
         margin: 20px auto;
         width: calc(100% - 40px);
     }
 }
 
 .setuptest__progress {
     padding: 22px 34px 21px 34px;
     border-bottom: 2px solid #dcdae2;
     display: flex;
     justify-content: space-between;
 }
 
 .setuptest__progress p {
     display: inline-block;
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 16px;
     font-size: 1rem;
     line-height: 20px;
     line-height: 1.25rem;
     font-weight: 700;
     letter-spacing: 0;
     font-weight: 600;
     color: #67657d;
     margin-bottom: 0;
 }
 
 .setuptest__progress p span {
     color: #8d89aa;
     font-weight: 700;
     border-radius: 100%;
     border: solid 3px #dcdae2;
     margin-right: 3px;
     width: 1.5em;
     height: 1.5em;
     line-height: 1.5em;
     display: inline-block;
     text-align: center;
 }
 
 .setuptest__progress p.inprogress {
     color: #4628c1;
 }
 
 .setuptest__progress p.inprogress span {
     color: #4628c1;
     border: solid 3px #4628c1;
 }
 
 .setuptest__progress p.pass {
     color: #12b4a6;
 }
 
 .setuptest__progress p.pass span {
     color: #12b4a6;
     border: solid 3px #12b4a6;
 }
 
 .setuptest__progress p.fail {
     color: #ff1744;
 }
 
 .setuptest__progress p.fail span {
     color: #ff1744;
     border: solid 3px #ff1744;
 }
 
 .setuptest__body {
     max-width: 560px;
     padding: 50px 25px 65px 25px;
     margin: 0 auto;
 }
 
 @media (max-width: 708px) {
     .setuptest__body {
         padding: 30px 25px 40px 25px;
     }
 }
 
 .setuptest__subsection {
     background-color: #f5f4f7;
     margin-bottom: 6px;
     padding: 25px 28px;
 }
 
 .setuptest__subsection h4 {
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 18px;
     font-size: 1.125rem;
     line-height: 26px;
     line-height: 1.625rem;
     font-weight: 700;
     letter-spacing: 0;
 }
 
 .setuptest__icon {
     display: block;
     margin: 0 auto 14px auto;
     max-width: 66px;
 }
 
 .setuptest__icon--spinner {
     animation: spinner 0.6s linear infinite;
 }
 
 .setuptest__header {
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 20px;
     font-size: 1.25rem;
     line-height: 28px;
     line-height: 1.75rem;
     font-weight: 700;
     letter-spacing: 0;
     text-align: center;
     margin: 0 0 6px 0;
 }
 
 .setuptest__header .browsername {
     text-transform: capitalize;
 }
 
 .setuptest__subheader {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 18px;
     font-size: 1.125rem;
     line-height: 24px;
     line-height: 1.5rem;
     font-weight: 600;
     letter-spacing: 0;
     font-weight: 400;
     color: #67657d;
     text-align: center;
     margin: 0 0 32px 0;
 }
 
 .setuptest__subheader a {
     color: #542eff;
 }
 
 .setuptest__subheader--no-margin {
     margin: 0;
 }
 
 .setuptest__subheader .browsericon {
     width: 20px;
     vertical-align: sub;
 }
 
 .setuptest__actions {
     display: block;
     text-align: center;
 }
 
 .setuptest__actions .ui-button {
     margin: 0;
 }
 
 .setuptest__actions .r_button,
 .setuptest__actions .teacherresources__upload .ui-fileupload-choose,
 .teacherresources__upload .setuptest__actions .ui-fileupload-choose,
 .setuptest__actions .teacherresources__selectone .ui-button,
 .teacherresources__selectone .setuptest__actions .ui-button,
 .setuptest__actions #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar .ui-button,
 #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar .setuptest__actions .ui-button,
 .setuptest__actions .securesidebar__upload .ui-fileupload-buttonbar .ui-button,
 .securesidebar__upload .ui-fileupload-buttonbar .setuptest__actions .ui-button,
 .setuptest__actions .ui-fileupload .ui-fileupload-buttonbar .ui-button,
 .ui-fileupload .ui-fileupload-buttonbar .setuptest__actions .ui-button,
 .setuptest__actions .page_tutors_secure_cover-report .container__card .upload .ui-fileupload-choose,
 .page_tutors_secure_cover-report .container__card .upload .setuptest__actions .ui-fileupload-choose {
     min-width: 240px;
 }
 
 @media (max-width: 708px) {
     .setuptest__actions .r_button,
     .setuptest__actions .teacherresources__upload .ui-fileupload-choose,
     .teacherresources__upload .setuptest__actions .ui-fileupload-choose,
     .setuptest__actions .teacherresources__selectone .ui-button,
     .teacherresources__selectone .setuptest__actions .ui-button,
     .setuptest__actions #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar .ui-button,
     #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar .setuptest__actions .ui-button,
     .setuptest__actions .securesidebar__upload .ui-fileupload-buttonbar .ui-button,
     .securesidebar__upload .ui-fileupload-buttonbar .setuptest__actions .ui-button,
     .setuptest__actions .ui-fileupload .ui-fileupload-buttonbar .ui-button,
     .ui-fileupload .ui-fileupload-buttonbar .setuptest__actions .ui-button,
     .setuptest__actions .page_tutors_secure_cover-report .container__card .upload .ui-fileupload-choose,
     .page_tutors_secure_cover-report .container__card .upload .setuptest__actions .ui-fileupload-choose {
         min-width: 0;
     }
 }
 
 .setuptest__actions .footerlink {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 18px;
     font-size: 1.125rem;
     line-height: 24px;
     line-height: 1.5rem;
     font-weight: 600;
     letter-spacing: 0;
     font-weight: 400;
     color: #542eff;
     margin-top: 28px;
     display: block;
 }
 
 .setuptest__actions--dual .r_button,
 .setuptest__actions--dual .teacherresources__upload .ui-fileupload-choose,
 .teacherresources__upload .setuptest__actions--dual .ui-fileupload-choose,
 .setuptest__actions--dual .teacherresources__selectone .ui-button,
 .teacherresources__selectone .setuptest__actions--dual .ui-button,
 .setuptest__actions--dual #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar .ui-button,
 #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar .setuptest__actions--dual .ui-button,
 .setuptest__actions--dual .securesidebar__upload .ui-fileupload-buttonbar .ui-button,
 .securesidebar__upload .ui-fileupload-buttonbar .setuptest__actions--dual .ui-button,
 .setuptest__actions--dual .ui-fileupload .ui-fileupload-buttonbar .ui-button,
 .ui-fileupload .ui-fileupload-buttonbar .setuptest__actions--dual .ui-button,
 .setuptest__actions--dual .page_tutors_secure_cover-report .container__card .upload .ui-fileupload-choose,
 .page_tutors_secure_cover-report .container__card .upload .setuptest__actions--dual .ui-fileupload-choose {
     min-width: 210px;
 }
 
 @media (max-width: 708px) {
     .setuptest__actions--dual .r_button,
     .setuptest__actions--dual .teacherresources__upload .ui-fileupload-choose,
     .teacherresources__upload .setuptest__actions--dual .ui-fileupload-choose,
     .setuptest__actions--dual .teacherresources__selectone .ui-button,
     .teacherresources__selectone .setuptest__actions--dual .ui-button,
     .setuptest__actions--dual #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar .ui-button,
     #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar .setuptest__actions--dual .ui-button,
     .setuptest__actions--dual .securesidebar__upload .ui-fileupload-buttonbar .ui-button,
     .securesidebar__upload .ui-fileupload-buttonbar .setuptest__actions--dual .ui-button,
     .setuptest__actions--dual .ui-fileupload .ui-fileupload-buttonbar .ui-button,
     .ui-fileupload .ui-fileupload-buttonbar .setuptest__actions--dual .ui-button,
     .setuptest__actions--dual .page_tutors_secure_cover-report .container__card .upload .ui-fileupload-choose,
     .page_tutors_secure_cover-report .container__card .upload .setuptest__actions--dual .ui-fileupload-choose {
         min-width: 0;
     }
 }
 
 .setuptest__actions--dual .r_button:first-of-type,
 .setuptest__actions--dual .teacherresources__upload .ui-fileupload-choose:first-of-type,
 .teacherresources__upload .setuptest__actions--dual .ui-fileupload-choose:first-of-type,
 .setuptest__actions--dual .teacherresources__selectone .ui-button:first-of-type,
 .teacherresources__selectone .setuptest__actions--dual .ui-button:first-of-type,
 .setuptest__actions--dual #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar .ui-button:first-of-type,
 #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar .setuptest__actions--dual .ui-button:first-of-type,
 .setuptest__actions--dual .securesidebar__upload .ui-fileupload-buttonbar .ui-button:first-of-type,
 .securesidebar__upload .ui-fileupload-buttonbar .setuptest__actions--dual .ui-button:first-of-type,
 .setuptest__actions--dual .ui-fileupload .ui-fileupload-buttonbar .ui-button:first-of-type,
 .ui-fileupload .ui-fileupload-buttonbar .setuptest__actions--dual .ui-button:first-of-type,
 .setuptest__actions--dual .page_tutors_secure_cover-report .container__card .upload .ui-fileupload-choose:first-of-type,
 .page_tutors_secure_cover-report .container__card .upload .setuptest__actions--dual .ui-fileupload-choose:first-of-type {
     margin-right: 7px;
 }
 
 .setuptest__actions--dual .r_button:last-of-type,
 .setuptest__actions--dual .teacherresources__upload .ui-fileupload-choose:last-of-type,
 .teacherresources__upload .setuptest__actions--dual .ui-fileupload-choose:last-of-type,
 .setuptest__actions--dual .teacherresources__selectone .ui-button:last-of-type,
 .teacherresources__selectone .setuptest__actions--dual .ui-button:last-of-type,
 .setuptest__actions--dual #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar .ui-button:last-of-type,
 #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar .setuptest__actions--dual .ui-button:last-of-type,
 .setuptest__actions--dual .securesidebar__upload .ui-fileupload-buttonbar .ui-button:last-of-type,
 .securesidebar__upload .ui-fileupload-buttonbar .setuptest__actions--dual .ui-button:last-of-type,
 .setuptest__actions--dual .ui-fileupload .ui-fileupload-buttonbar .ui-button:last-of-type,
 .ui-fileupload .ui-fileupload-buttonbar .setuptest__actions--dual .ui-button:last-of-type,
 .setuptest__actions--dual .page_tutors_secure_cover-report .container__card .upload .ui-fileupload-choose:last-of-type,
 .page_tutors_secure_cover-report .container__card .upload .setuptest__actions--dual .ui-fileupload-choose:last-of-type {
     margin-left: 7px;
 }
 
 .setuptest__devicetest {
     text-align: center;
     margin: 30px 0 35px 0;
     overflow: hidden;
 }
 
 .setuptest__devicetest .microphone {
     background-color: #f5f4f7;
 }
 
 .setuptest__devicetest p {
     margin-top: 10px;
     font-family: "Source Sans Pro", sans-serif;
     font-size: 18px;
     font-size: 1.125rem;
     line-height: 24px;
     line-height: 1.5rem;
     font-weight: 600;
     letter-spacing: 0;
     color: #f5f4f7;
 }
 
 .setuptest__devicetest p span {
     color: #303336;
 }
 
 .setuptest__internetspeed {
     list-style: none;
     background: #f5f4f7;
     display: flex;
     justify-content: space-around;
     padding: 24px 0;
     margin-bottom: 35px;
     text-align: center;
 }
 
 .setuptest__internetspeed li {
     display: inline-block;
     flex-grow: 1;
     flex-basis: 0;
     text-align: center;
 }
 
 .setuptest__internetspeed li:nth-child(2) {
     border-left: solid 1px #dcdae2;
     border-right: solid 1px #dcdae2;
 }
 
 .setuptest__internetspeed li header {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 14px;
     font-size: 0.875rem;
     line-height: 18px;
     line-height: 1.125rem;
     font-weight: 600;
     letter-spacing: 0;
     font-weight: 400;
     color: #67657d;
     text-transform: uppercase;
 }
 
 .setuptest__internetspeed li section {
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 34px;
     font-size: 2.125rem;
     line-height: 40px;
     line-height: 2.5rem;
     font-weight: 900;
     letter-spacing: 0;
     font-weight: 400;
     margin: 0.1em 0;
 }
 
 .setuptest__internetspeed li.fast section {
     color: #32cf3a;
 }
 
 .setuptest__internetspeed li.slow section {
     color: #f9cf00;
 }
 
 .setuptest__internetspeed li.veryslow section {
     color: #ff1744;
 }
 
 .setuptest__internetspeed li footer {
     font-family: "Source Sans Pro", sans-serif;
     font-size: 14px;
     font-size: 0.875rem;
     line-height: 18px;
     line-height: 1.125rem;
     font-weight: 600;
     letter-spacing: 0;
     font-weight: 400;
     color: #67657d;
 }
 
 .setuptest__internetspeed--fast li section {
     color: #32cf3a;
 }
 
 .setuptest__internetspeed--slow li section {
     color: #f9cf00;
 }
 
 .setuptest__internetspeed--veryslow li section {
     color: #ff1744;
 }
 
 .setuptest__exisitingdevice label {
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 18px;
     font-size: 1.125rem;
     line-height: 26px;
     line-height: 1.625rem;
     font-weight: 700;
     letter-spacing: 0;
     margin-bottom: 14px;
     display: block;
 }
 
 .setuptest__exisitingdevice label img {
     max-width: 20px;
     max-height: 20px;
     margin-right: 5px;
     vertical-align: middle;
     margin-top: -3px;
 }
 
 .setuptest__exisitingdevice .setuptest__actions {
     margin-top: 30px;
 }
 
 .setuptest__exisitingdevice .setuptest__devicetest {
     text-align: left;
     margin: 0 0 20px 0;
     border-bottom: 2px solid #dcdae2;
     padding-bottom: 10px;
 }
 
 .setuptest__exisitingdevice .setuptest__devicetest--internet label {
     display: inline-block;
 }
 
 .setuptest__exisitingdevice .setuptest__devicetest--internet>div {
     display: inline-block;
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 18px;
     font-size: 1.125rem;
     line-height: 26px;
     line-height: 1.625rem;
     font-weight: 700;
     letter-spacing: 0;
     float: right;
 }
 
 .setuptest__exisitingdevice .setuptest__devicetest--internet>div .fast {
     color: #32cf3a;
 }
 
 .setuptest__exisitingdevice .setuptest__devicetest--internet>div .slow {
     color: #f9cf00;
 }
 
 .setuptest__exisitingdevice .setuptest__devicetest--internet>div .veryslow {
     color: #ff1744;
 }
 
 .setuptest__exisitingdevice .setuptest__devicetest--internet>div img {
     vertical-align: sub;
     margin-right: 3px;
 }
 
 #existingDevice .setuptest__body {
     max-width: 635px;
     padding: 40px 25px 45px 25px;
 }
 
 @media (max-width: 708px) {
     #existingDevice .setuptest__body {
         padding: 30px 25px 40px 25px;
     }
 }
 
 ul.devices {
     display: inline-block;
     text-align: left;
     margin: 1em 0;
     list-style-type: none;
 }
 
 ul.devices label {
     display: inline-block;
     margin: 0.25em;
     vertical-align: middle;
 }
 
 .fc {
     font-size: 0.875em;
     margin: 1em 0;
 }
 
 .fc .fc-toolbar .fc-left {
     margin-top: 1em;
 }
 
 .fc .fc-toolbar .fc-button-group .ui-icon {
     width: 2em;
     height: 2em;
     background-size: contain;
     background-position: center center;
 }
 
 .fc .fc-toolbar .fc-button-group .fc-prev-button .ui-icon {
     background-image: url("/images/icons/slick-leftarrow.svg");
 }
 
 .fc .fc-toolbar .fc-button-group .fc-next-button .ui-icon {
     background-image: url("/images/icons/slick-rightarrow.svg");
 }
 
 .fc .fc-view {
     border: solid 1px #dcdae2;
     border-left: 0;
     border-right: 0;
 }
 
 .fc .fc-view th {
     vertical-align: middle;
 }
 
 .fc .fc-view th,
 .fc .fc-view td {
     border-bottom: 0;
     border-top: 0;
     border-color: #dcdae2;
     color: #303336;
     height: 32px;
 }
 
 .fc .fc-view .fc-row {
     border-bottom: solid 1px #dcdae2;
 }
 
 .fc .fc-view .fc-body {
     cursor: pointer;
 }
 
 .fc .fc-view .fc-body .fc-slats td:not(:first-child) {
     border-bottom: solid 1px #dcdae2;
 }
 
 .fc .fc-view .fc-body .fc-axis {
     text-align: center;
 }
 
 .fc .fc-view .fc-body .fc-event-container {
     margin: 0;
 }
 
 .fc .fc-event {
     border: 0;
     border-radius: 0;
     background-color: #dcdae2;
     color: #303336;
 }
 
 .fc .fc-event .fc-bg {
     background: 0;
 }
 
 .fc .fc-event.fc-short .fc-content {
     white-space: inherit;
 }
 
 .fc .fc-event.fc-short .fc-time,
 .fc .fc-event.fc-short .fc-title {
     display: inherit;
     vertical-align: inherit;
 }
 
 .fc .fc-event.fc-short .fc-time span {
     display: inherit;
 }
 
 .fc .fc-event.fc-short .fc-time:before {
     content: none;
 }
 
 .fc .fc-event.fc-short .fc-time:after {
     content: inherit;
 }
 
 .fc .fc-event.fc-short .fc-title {
     font-size: 0.85em;
     padding: 0;
 }
 
 .fc .fc-event.slot .fc-bg {
     background: #fff;
 }
 
 .fc .fc-event.slot:hover .fc-bg {
     background: 0;
 }
 
 .fc .fc-event.slot.infinite {
     background-color: #60d17b;
 }
 
 .fc .fc-event.slot.oneoff {
     background-color: #73b6fa;
 }
 
 .fc .fc-event.slot.recurring {
     background-color: #fcd358;
 }
 
 .fc .fc-event.slot.locked {
     cursor: not-allowed;
 }
 
 .fc .fc-event.slot.locked .fc-bg {
     background: 0;
 }
 
 .fc .fc-event.slot.locked .fc-resizer {
     display: none;
 }
 
 .fc .fc-event.availability {
     display: flex;
     align-items: center;
     justify-content: center;
     background-color: #fff;
 }
 
 .fc .fc-event.availability.none {
     color: #fff;
     background-color: #872c6a;
 }
 
 .fc .fc-event.availability.low {
     color: #fff;
     background-color: #be428e;
 }
 
 .fc .fc-event.availability.medium {
     background-color: #e85dcc;
 }
 
 .fc .fc-event.availability.high {
     background-color: #fa76ae;
 }
 
 .fc .fc-event.availability.max {
     background-color: #ff98b7;
 }
 
 .fc .fc-event.availability.all {
     background-color: #fec0ce;
 }
 
 .fc .fc-event.availability .fc-time {
     display: none;
 }
 
 .fc .fc-event.availability .fc-title {
     font-size: 1.25em;
 }
 
 .fc .admin .fc-day.fc-past {
     background-color: #e7e6fc;
 }
 
 .academy h2 {
     margin: 1em 0 0;
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 1.5em;
     line-height: 1.75em;
     color: #303336;
     font-weight: 700;
 }
 
 .academy h2 span {
     margin-left: 1em;
     font-family: "Source Sans Pro";
     font-size: 14px;
     font-weight: 400;
     white-space: nowrap;
 }
 
 .academy .types {
     display: flex;
     justify-content: space-between;
     margin: 0.5em -0.5em 2em;
 }
 
 @media (max-width: 708px) {
     .academy .types {
         margin-top: 0;
         margin-bottom: 1em;
     }
 }
 
 .academy .types li {
     width: calc(33.33333% - 1em);
     margin: 0 0.5em;
     background: white;
     border-top: 4px solid transparent;
     box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.02), 1px 6px 12px 0 rgba(0, 0, 0, 0.11);
     transition: box-shadow 0.15s ease-in-out;
 }
 
 .academy .types li:hover {
     box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.12), 1px 6px 12px 0 rgba(0, 0, 0, 0.21);
 }
 
 .academy .types li:last-child {
     margin-right: auto;
 }
 
 .academy .types li.CONSUMER {
     border-top-color: #4628c1;
 }
 
 .academy .types li.SCHOOLS {
     border-top-color: #0cb;
 }
 
 .academy .types li.CAREERS {
     border-top-color: #f9cf00;
 }
 
 .academy .types li a {
     display: block;
     padding: 1.25em;
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 1.125em;
     font-weight: 800;
     color: #303336;
     text-align: center;
 }
 
 @media (max-width: 708px) {
     .academy .types li a {
         padding-left: 0.25em;
         padding-right: 0.25em;
         font-size: 0.875em;
     }
 }
 
 .academy .types li a img {
     width: 12px;
     margin-left: 4px;
 }
 
 .academy .types+h2 {
     font-size: 1.125em;
     font-weight: 600;
 }
 
 .academy .courses {
     display: flex;
     flex-wrap: wrap;
     margin: 0.5em -0.5em 1.5em;
 }
 
 @media (max-width: 708px) {
     .academy .courses {
         margin-top: 0;
         margin-bottom: 0.5em;
     }
 }
 
 .academy .courses li {
     width: calc(33.33333% - 1em);
     margin: 0.5em 0.5em 1em;
 }
 
 @media (max-width: 708px) {
     .academy .courses li {
         width: calc(50% - 1em);
     }
 }
 
 @media (max-width: 450px) {
     .academy .courses li {
         width: 100%;
     }
 }
 
 .academy .courses li a {
     display: block;
 }
 
 .academy .courses li aside {
     text-align: center;
     text-transform: uppercase;
     font-size: 0.875em;
 }
 
 .academy .courses li header {
     display: flex;
     align-items: flex-end;
     position: relative;
     padding-top: 62.5%;
     background-color: #311b92;
     background-image: linear-gradient(205.38deg, #311b92 0, #14508e 100%);
     background-size: cover;
     background-position-y: center;
     box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.02), 1px 6px 12px 0 rgba(0, 0, 0, 0.11);
 }
 
 .academy .courses li header aside {
     position: absolute;
     left: 0;
     right: 0;
     bottom: 0;
     display: block;
     padding: 0.675em;
     color: white;
     background-color: #311b92;
 }
 
 .academy .courses li header aside.essential {
     background-color: #311b92;
 }
 
 .academy .courses li header aside.new {
     background-color: #e85dcc;
 }
 
 .academy .courses li h3 {
     margin: 1em 0 0.5em;
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 0.875em;
     font-weight: 600;
     color: #303336;
 }
 
 .academy .courses li footer {
     font-size: 0.875em;
     color: #67657d;
 }
 
 .academy .courses li footer aside {
     display: inline-block;
     margin-left: 0.5em;
     padding: 0.375em;
     color: #303336;
     background-color: white;
 }
 
 .academy .courses li footer aside.completed {
     color: #03461f;
     background-color: #e4f7e8;
 }
 
 .academy .courses li footer aside.not {
     color: #523602;
     background-color: #fcf0cc;
 }
 
 .academy .courses li footer aside.in {
     color: #14508e;
     background-color: #dceefa;
 }
 
 @media (max-width: 708px) {
     .academy .dashboardcard {
         min-width: auto;
         padding: 0 1em;
     }
     .academy .dashboardcard.container__card {
         padding: 0;
     }
 }
 
 .academy .container__card.accented {
     border-top: 3px solid #e85dcc;
 }
 
 .academy .container__card h3 {
     margin: 1em 0;
     padding: 0 20px;
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 1em;
     font-weight: 600;
     line-height: 1.25em;
     color: #303336;
 }
 
 .academy .container__card+p {
     margin: -1em 0 1.5em;
     color: #67657d;
 }
 
 @media (max-width: 708px) {
     .academy .container__card+p {
         margin-top: 0.5em;
         padding-left: 1em;
         padding-right: 1em;
     }
 }
 
 .academy .container__card .enrollments {
     margin: 1em 0 1.5em;
     padding: 0 20px;
 }
 
 .academy .container__card .enrollments li {
     display: flex;
     margin: 1em 0;
 }
 
 .academy .container__card .enrollments li header {
     position: relative;
     width: 55px;
     height: 75px;
     margin-right: 1em;
     background-color: #303336;
     background-size: cover;
     background-repeat: no-repeat;
     background-position: center center;
     box-shadow: 0 5px 16px 0 #67657d;
 }
 
 .academy .container__card .enrollments li header:before {
     position: absolute;
     top: 0;
     left: 0;
     content: "";
     width: 100%;
     height: 100%;
     background: #303336;
     opacity: 0.6;
 }
 /* .academy .container__card .enrollments li header:after {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 100%;
    height: 100%;
    background-image: url("https://cdn.mytutor.co.uk/icons/lock-white.svg?1599042894000");
    background-repeat: no-repeat;
    background-position: center center
} */
 
 .academy .container__card .enrollments li h4 {
     margin: 0.75em 0 0.25em;
     font-size: 1em;
     font-weight: 600;
     color: #303336;
 }
 
 .academy .container__card .enrollments li small {
     font-size: 0.75em;
     color: #67657d;
 }
 
 .academy .container__card .enrollments li footer {
     margin: 0.25em 0 0.5em;
     color: #67657d;
 }
 
 .academy .container__card .enrollments li footer i {
     font-size: 1.5em;
     color: #dcdae2;
     vertical-align: middle;
     margin-right: 0.25em;
 }
 
 .academy .container__card .enrollments li.completed header:before,
 .academy .container__card .enrollments li.completed header:after {
     display: none;
 }
 
 .academy .container__card .enrollments li.completed footer i {
     color: #a2e8b3;
 }
 
 .academyprogress .wrapper {
     padding: 1.5em;
 }
 
 .academyprogress .wrapper .notificationtile__close {
     position: absolute;
     top: 1.5em;
     right: 1.5em;
 }
 
 .academyprogress .wrapper ul {
     display: flex;
     margin: 2em 0;
 }
 
 .academyprogress .wrapper ul li {
     position: relative;
     z-index: 0;
     width: 33%;
     text-align: center;
 }
 
 .academyprogress .wrapper ul li:after {
     content: "";
     position: absolute;
     z-index: -1;
     top: calc(3.5em - 3px);
     display: block;
     width: 100%;
     height: 2px;
     background-color: #e7e6fc;
 }
 
 .academyprogress .wrapper ul li:first-child:after {
     right: 0;
     width: 50%;
 }
 
 .academyprogress .wrapper ul li:last-child:after {
     left: 0;
     width: 50%;
 }
 
 .academyprogress .wrapper ul li div {
     margin-bottom: 1em;
     padding: 0.75em;
     font-size: 0.75em;
     color: #67657d;
     height: 1em;
 }
 
 .academyprogress .wrapper ul li.active div {
     position: relative;
     background-color: #311b92;
     color: white;
 }
 
 .academyprogress .wrapper ul li.active div:before {
     content: "";
     position: absolute;
     left: calc(50% - 5px);
     bottom: -5px;
     border-top: 5px solid #311b92;
     border-left: 5px solid transparent;
     border-right: 5px solid transparent;
 }
 
 .academyprogress .wrapper ul li span {
     display: inline-block;
     width: 2em;
     height: 2em;
     line-height: 2em;
     border-radius: 100%;
     font-size: 0.75em;
 }
 
 .academyprogress .wrapper ul li span.green {
     background-color: #a2e8b3;
 }
 
 .academyprogress .wrapper ul li span.purple {
     background-color: #311b92;
     color: white;
 }
 
 .academyprogress .wrapper ul li span.lila {
     background-color: #d4caff;
 }
 
 .academyprogress .wrapper ul li span i:before {
     margin-right: 0;
 }
 
 .academyprogress .wrapper ul li span img {
     margin-top: 0.35em;
 }
 
 .academyprogress .wrapper ul li p {
     padding: 0.75em 0.75em 0;
     font-size: 0.75em;
     color: #67657d;
     line-height: 1.25em;
 }
 
 .academyprogress .wrapper button {
     display: block;
     width: 50%;
     margin: 0 auto;
 }
 
 .lessonreport {
     padding: 2em 0;
 }
 
 .lessonreport nav img {
     float: right;
     margin: 1em 2em;
 }
 
 .lessonreport nav ul {
     margin-top: -0.25em;
     padding-left: 1.25em;
 }
 
 .lessonreport nav ul>li>* {
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 0.875em;
     line-height: 1.25em;
     display: block;
     padding: 0.5em 0;
     color: #67657d;
 }
 
 .lessonreport nav ul>li.active {
     list-style-type: disc;
     color: #311b92;
 }
 
 .lessonreport nav ul>li.active>* {
     color: #311b92;
 }
 
 .lessonreport main {
     padding: 0 1.5em;
 }
 
 .lessonreport main header {
     font-family: "Source Sans Pro";
     font-size: 0.75em;
     line-height: 1.25em;
     color: #8d89aa;
     text-transform: uppercase;
 }
 
 .lessonreport main section h1 {
     margin: 1.5em 0 0.5em;
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 1.75em;
     line-height: 1.25em;
     color: #303336;
     font-weight: 800;
 }
 
 .lessonreport main section h1 img {
     margin-right: 0.25em;
 }
 
 .lessonreport main section p {
     margin: 1em 0;
     font-size: 1.0625em;
     line-height: 1.25em;
     color: #303336;
 }
 
 .lessonreport main section label {
     font-size: 1.0625em;
     color: #67657d;
 }
 
 .lessonreport main section .inputRegion {
     margin-top: 0;
     margin-bottom: 1em;
 }
 
 .lessonreport main section div .inputRegion {
     margin-top: 1em;
     margin-bottom: 0;
 }
 
 .lessonreport main section .inputRegion.checkbox {
     margin: 0.75em 0;
 }
 
 .lessonreport main section .inputRegion.checkbox label {
     color: #303336;
 }
 
 .lessonreport main section blockquote {
     margin: 2em 0;
     padding: 1.5em;
     box-shadow: 0 0 0 1px rgba(48, 51, 54, 0.08), 0 2px 16px 0 rgba(48, 51, 54, 0.08);
 }
 
 .lessonreport main section blockquote h2 {
     margin: 1em 0;
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 1em;
     font-weight: 600;
     line-height: 1.25em;
     color: #303336;
 }
 
 .lessonreport main section blockquote h2 img {
     margin-right: 0.25em;
 }
 
 .lessonreport main section blockquote p {
     margin: 1em 0 1.5em;
     font-size: 0.875em;
 }
 
 .lessonreport main footer {
     margin: 2.5em 0;
     text-align: right;
 }
 
 .lessonreport main footer button {
     margin-left: 1.5em;
 }
 
 .lessonreport main.step--INTRO section p,
 .lessonreport main.step--SENT section p {
     font-family: "Modelica", "Source Sans Pro", sans-serif;
 }
 
 .page_tutors_secure_lesson-report .allcontent,
 .page_lesson-report-feedback .allcontent {
     background: white;
 }
 
 .page_tutors_secure_lesson-report .modal-dialog,
 .page_lesson-report-feedback .modal-dialog {
     padding: 1.5em;
 }
 
 .page_tutors_secure_lesson-report .ui-dialog .ui-dialog-content h2,
 .page_lesson-report-feedback .ui-dialog .ui-dialog-content h2 {
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 1.25em;
     line-height: 1.5em;
     font-weight: 700;
 }
 
 .page_tutors_secure_lesson-report .ui-dialog .ui-dialog-content q,
 .page_lesson-report-feedback .ui-dialog .ui-dialog-content q {
     display: block;
     margin: 1em 0;
     font-size: 1.0625em;
     line-height: 1.25em;
 }
 
 @media (max-width: 708px) {
     #bookLessonsModal .ui-dialog-titlebar-close {
         position: fixed;
         top: 0;
         top: 0.75em;
         right: 1em;
         font-size: 0.75rem;
     }
 }
 
 #bookLessonsModal form {
     margin: 2.5em 0 0;
 }
 
 #bookLessonsModal main {
     padding-right: 4em;
 }
 
 @media (max-width: 992px) {
     #bookLessonsModal main {
         padding-right: 0;
     }
 }
 
 #bookLessonsModal main .steps {
     position: relative;
     top: -4.5em;
     font-size: 0.875em;
     color: #8d89aa;
     padding: 0;
     border: 0;
 }
 
 @media (max-width: 1268px) {
     #bookLessonsModal main .steps {
         top: -3em;
     }
 }
 
 #bookLessonsModal main .steps>span.active {
     color: #4628c1;
 }
 
 #bookLessonsModal main .steps>span+span:before {
     content: "/";
     margin: 0 1em;
 }
 
 #bookLessonsModal main .steps>span .count {
     display: none;
     color: #cac9d8;
 }
 
 @media (max-width: 708px) {
     #bookLessonsModal main .steps {
         position: fixed;
         top: 0;
         left: 0;
         right: 0;
         display: block;
         background: white;
         display: block;
         padding: 2em;
         text-align: center;
         font-weight: 800;
         font-family: "Modelica", "Source Sans Pro", sans-serif;
         font-size: 0.75em;
         box-shadow: 0 4px 8px 0 #f5f4f7;
         z-index: 9993;
     }
     #bookLessonsModal main .steps>span {
         display: none;
     }
     #bookLessonsModal main .steps>span.active {
         display: block;
         color: #303336;
     }
     #bookLessonsModal main .steps>span+span:before {
         display: none;
     }
     #bookLessonsModal main .steps>span .count {
         display: inline;
     }
 }
 
 #bookLessonsModal main .steps+h1 {
     margin-top: -0.5em;
 }
 
 #bookLessonsModal main footer {
     margin-top: 2.5em;
     padding-top: 1.5em;
     border-top: 1px solid #cac9d8;
     text-align: right;
 }
 
 @media (max-width: 992px) {
     #bookLessonsModal main footer {
         padding-bottom: 5em;
     }
 }
 
 @media (max-width: 708px) {
     #bookLessonsModal main footer {
         display: flex;
         flex-direction: column-reverse;
         text-align: left;
         padding-top: 0;
         border-top: 0;
     }
 }
 
 #bookLessonsModal main footer>*+* {
     margin-left: 2em;
 }
 
 @media (max-width: 708px) {
     #bookLessonsModal main footer>*+* {
         margin: 0 0 1em;
     }
 }
 
 @media (max-width: 708px) {
     #bookLessonsModal main footer>.r_button.r_button--l,
     #bookLessonsModal main .teacherresources__upload footer>.r_button--l.ui-fileupload-choose,
     .teacherresources__upload #bookLessonsModal main footer>.r_button--l.ui-fileupload-choose,
     #bookLessonsModal main #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar .teacherresources__upload footer>.ui-fileupload-choose.ui-button,
     #bookLessonsModal main .teacherresources__selectone footer>.r_button--l.ui-button,
     .teacherresources__selectone #bookLessonsModal main footer>.r_button--l.ui-button,
     #bookLessonsModal main #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar .teacherresources__selectone footer>.ui-button,
     #bookLessonsModal main #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar footer>.ui-button,
     #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar #bookLessonsModal main footer>.ui-button,
     #bookLessonsModal main .securesidebar__upload .ui-fileupload-buttonbar footer>.r_button--l.ui-button,
     .securesidebar__upload .ui-fileupload-buttonbar #bookLessonsModal main footer>.r_button--l.ui-button,
     #bookLessonsModal main .ui-fileupload .ui-fileupload-buttonbar footer>.r_button--l.ui-button,
     .ui-fileupload .ui-fileupload-buttonbar #bookLessonsModal main footer>.r_button--l.ui-button,
     #bookLessonsModal main .page_tutors_secure_cover-report .container__card .upload footer>.r_button--l.ui-fileupload-choose,
     .page_tutors_secure_cover-report .container__card .upload #bookLessonsModal main footer>.r_button--l.ui-fileupload-choose,
     #bookLessonsModal main #tutorUploadNewPhotoModal .ui-fileupload .ui-fileupload-buttonbar .page_tutors_secure_cover-report .container__card .upload footer>.ui-fileupload-choose.ui-button {
         width: 100%;
     }
 }
 
 @media (max-width: 708px) {
     #bookLessonsModal main footer>.link__back {
         position: fixed;
         top: 0.75em;
         left: 1em;
         font-size: 0.75rem;
         width: 1.5em;
         height: 1.5em;
         padding: 1em;
         margin: 0;
         text-indent: -9999em;
         color: transparent;
         box-shadow: none;
         border: 0;
         z-index: 9994;
     }
     #bookLessonsModal main footer>.link__back:before {
         background-image: url("../../assets/svg/arrow-left-neutral8.svg");
         top: 1em;
         left: 1em;
         width: 1.5em;
         height: 1.5em;
     }
 }
 
 #bookLessonsModal main.step--CONFIRMATION {
     display: flex;
 }
 
 @media (max-width: 708px) {
     #bookLessonsModal main.step--CONFIRMATION {
         display: block;
     }
 }
 
 #bookLessonsModal main.step--CONFIRMATION img {
     margin: 2.5em;
 }
 
 @media (max-width: 708px) {
     #bookLessonsModal main.step--CONFIRMATION img {
         display: block;
         margin: 0 auto;
     }
 }
 
 #bookLessonsModal main.step--CONFIRMATION h1 {
     font-weight: 800;
 }
 
 #bookLessonsModal main.step--CONFIRMATION p {
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     color: #303336;
     margin: 1.25em 0;
 }
 
 #bookLessonsModal main.step--CONFIRMATION footer {
     border-top: 0;
     padding-top: 0;
     text-align: left;
 }
 
 #bookLessonsModal h1 {
     font-size: 1.75em;
     margin: 1.25em 0 0.75em;
     text-align: left;
 }
 
 @media (max-width: 708px) {
     #bookLessonsModal h1 {
         font-size: 1.125em;
         margin: 1.5em 0 1em;
     }
 }
 
 #bookLessonsModal h2 {
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 1.125em;
     line-height: 1.5em;
     font-weight: 600;
     color: #303336;
     margin: 0.75em 0 0.75em;
     text-align: left;
 }
 
 @media (max-width: 708px) {
     #bookLessonsModal h2 {
         font-size: 1em;
     }
 }
 
 #bookLessonsModal h2 em {
     margin-left: 1em;
     padding: 0.5em 1em;
     border-radius: 1em;
     font-size: 0.575em;
     font-style: normal;
     text-transform: uppercase;
 }
 
 #bookLessonsModal h2 em.warning {
     color: #523602;
     background-color: #f5dfa5;
 }
 
 #bookLessonsModal h2 em.neutral {
     color: #303336;
     background-color: #dcdae2;
 }
 
 #bookLessonsModal h2 .cards {
     float: right;
 }
 
 #bookLessonsModal h2 .cards img {
     margin-left: 0.25em;
     vertical-align: middle;
 }
 
 #bookLessonsModal p {
     margin: 0.75em 0;
     font-size: 1.0625em;
     line-height: 1.25em;
     color: #67657d;
 }
 
 #bookLessonsModal .recurrences {
     display: flex;
     margin: 0 -0.5em;
 }
 
 @media (max-width: 708px) {
     #bookLessonsModal .recurrences {
         display: block;
         margin-bottom: 2.5em;
     }
 }
 
 #bookLessonsModal .recurrences .recurrence {
     position: relative;
     display: block;
     width: calc(50% - 1em);
     margin: 0.5em;
     padding-top: 2.5em;
     background-color: #f5f4f7;
     background-image: linear-gradient(#f5f4f7 65%, #fff 35%);
     color: #14508e;
     box-shadow: 0 2px 16px 0 rgba(48, 51, 54, 0.08), 0 0 0 1px rgba(48, 51, 54, 0.08);
 }
 
 @media (max-width: 708px) {
     #bookLessonsModal .recurrences .recurrence {
         width: calc(100% - 1em);
     }
 }
 
 #bookLessonsModal .recurrences .recurrence .badge {
     position: absolute;
     display: inline-block;
     background-color: #f9cf00;
     text-transform: uppercase;
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 0.625em;
     font-weight: 700;
     color: #14508e;
     top: 1em;
     right: 1em;
     padding: 0.375em;
 }
 
 #bookLessonsModal .recurrences .recurrence .image {
     width: 100px;
     height: 80px;
     margin: 0 auto;
     background-repeat: no-repeat;
     background-size: contain;
 }
 
 @media (max-width: 708px) {
     #bookLessonsModal .recurrences .recurrence .image {
         width: 75px;
         height: 60px;
     }
 }
 
 #bookLessonsModal .recurrences .recurrence .image.recurring {
     background-image: url("../../assets/svg/calendar-recurring-neutral4.svg");
 }
 
 #bookLessonsModal .recurrences .recurrence .image.one-off {
     background-image: url("../../assets/svg/calendar-oneoff-neutral4.svg");
 }
 
 #bookLessonsModal .recurrences .recurrence h2 {
     font-size: 1.25em;
     font-weight: 700;
     text-align: center;
     margin-top: 0.5em;
 }
 
 @media (max-width: 708px) {
     #bookLessonsModal .recurrences .recurrence h2 {
         font-size: 1em;
     }
 }
 
 #bookLessonsModal .recurrences .recurrence p {
     margin-bottom: 0;
     font-size: 1em;
 }
 
 #bookLessonsModal .recurrences .recurrence ul {
     list-style-type: disc;
     padding: 1em 1.5em 1em 2.5em;
     border-top: 1px solid transparent;
     font-size: 0.875em;
     line-height: 1.25em;
     background-color: #fff;
     color: #67657d;
 }
 
 #bookLessonsModal .recurrences .recurrence ul li {
     margin: 0.25em 0;
 }
 
 #bookLessonsModal .recurrences .recurrence .discount {
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 0.6875em;
     font-weight: 700;
     letter-spacing: 0.5px;
     line-height: 1;
     padding: 1em;
     text-align: center;
     text-transform: uppercase;
     background-color: #fa76ae;
     color: #fff;
 }
 
 #bookLessonsModal .recurrences .recurrence:hover .image.recurring,
 #bookLessonsModal .recurrences .recurrence.selected .image.recurring {
     background-image: url("../../assets/svg/calendar-secondary8.svg");
 }
 
 #bookLessonsModal .recurrences .recurrence:hover .image.one-off,
 #bookLessonsModal .recurrences .recurrence.selected .image.one-off {
     background-image: url("../../assets/svg/calendar-oneoff-secondary8");
 }
 
 #bookLessonsModal .recurrences .recurrence.selected {
     background-image: none;
     background-color: #4628c1;
     color: #fff;
 }
 
 #bookLessonsModal .recurrences .recurrence.selected h2 {
     color: #fff;
 }
 
 #bookLessonsModal .recurrences .recurrence.selected ul {
     border-top: 1px solid #009383;
     color: #fff;
     background-color: transparent;
 }
 
 #bookLessonsModal .slot .summary {
     display: flex;
     height: 3em;
     margin-top: 1em;
     align-items: center;
     color: #545174;
     font-size: 0.625em;
     line-height: 1.25em;
     text-transform: uppercase;
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-weight: 600;
     letter-spacing: 0.5px;
 }
 
 @media (max-width: 708px) {
     #bookLessonsModal .slot .summary {
         height: auto;
         margin-top: -0.75em;
         margin-bottom: 1.5em;
     }
 }
 
 #bookLessonsModal .slot .summary img {
     margin-right: 1em;
 }
 
 #bookLessonsModal hr {
     margin: 1.5em 0;
     border: 0;
     height: 1px;
     background-color: #cac9d8;
 }
 
 #bookLessonsModal .container__card {
     margin: 0 0 1em;
     padding: 1.5em;
 }
 
 @media (max-width: 992px) {
     #bookLessonsModal .container__card {
         border-top: 0;
         box-shadow: 0 0 0 1px rgba(48, 51, 54, 0.08);
         font-size: 0.875em;
         padding: 0.75em 1.25em;
     }
 }
 
 #bookLessonsModal .container__card>a {
     margin: 0.75em 0;
 }
 
 #bookLessonsModal .container__card header {
     display: flex;
     align-items: center;
     text-align: left;
 }
 
 #bookLessonsModal .container__card header img {
     width: 56px;
     height: 56px;
     border-radius: 100%;
     margin: 0 0.75em 0 0;
 }
 
 @media (max-width: 992px) {
     #bookLessonsModal .container__card header img {
         width: 48px;
         height: 48px;
     }
 }
 
 #bookLessonsModal .container__card header section span {
     display: block;
     margin: 0.375em 0;
     color: #303336;
     font-size: 0.875em;
 }
 
 #bookLessonsModal .container__card header section span.empty {
     color: #67657d;
 }
 
 #bookLessonsModal .container__card header section span.subject {
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 1em;
     font-weight: 600;
 }
 
 #bookLessonsModal .container__card ul {
     border-top: 1px solid #dcdae2;
     margin-top: 1em;
 }
 
 #bookLessonsModal .container__card ul li {
     align-items: start;
     margin: 1em 0;
     font-size: 1em;
     line-height: 1.5em;
     display: block;
     position: relative;
 }
 
 #bookLessonsModal .container__card ul li img {
     width: 22px;
     height: auto;
     margin-right: 0.75em;
 }
 
 #bookLessonsModal .container__card ul li .discount {
     display: block;
     font-size: 0.625em;
     color: #4628c1;
     text-transform: uppercase;
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     letter-spacing: 0.5px;
     font-weight: 600;
 }
 
 #bookLessonsModal .container__card ul li .nextday {
     display: block;
     font-size: 0.625em;
     color: #67657d;
     text-transform: uppercase;
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     letter-spacing: 0.5px;
     font-weight: 600;
 }
 
 #bookLessonsModal .container__card ul li .empty {
     color: #8d89aa;
 }
 
 #bookLessonsModal .container__card ul li .right {
     float: right;
     font-family: "Source Sans Pro";
     font-size: 16px;
     font-weight: 400;
     letter-spacing: 0;
     text-transform: none;
 }
 
 @media (max-width: 992px) {
     #bookLessonsModal .container__card .details {
         display: none;
     }
 }
 
 #bookLessonsModal .container__card #showDetails {
     display: none;
     position: absolute;
     right: 1.5em;
     bottom: 0;
     margin: 0;
     padding: 1em;
     color: #1867c2;
 }
 
 @media (max-width: 992px) {
     #bookLessonsModal .container__card #showDetails {
         display: block;
     }
 }
 
 #bookLessonsModal .container__card #closeDetails {
     display: none;
 }
 
 #bookLessonsModal .container__card footer {
     font-size: 0.6875em;
     line-height: 1.5em;
 }
 
 #bookLessonsModal .container {
     display: flex;
     align-items: start;
     background: 0;
 }
 
 @media (max-width: 992px) {
     #bookLessonsModal .container {
         display: none;
     }
 }
 
 #bookLessonsModal .container h3 {
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 0.875em;
     font-weight: 600;
     color: #303336;
 }
 
 #bookLessonsModal .container p {
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     color: #303336;
     font-size: 0.75em;
     font-weight: 600;
     margin: 0.5em 0;
 }
 
 #bookLessonsModal .container p strong {
     font-weight: 800;
 }
 
 #bookLessonsModal .info {
     display: flex;
     align-items: center;
     margin: 2.5em 0;
     background: #f9f8fb;
     padding: 1em;
 }
 
 #bookLessonsModal .info img {
     margin-left: 0.75em;
     margin-right: 1.25em;
 }
 
 #bookLessonsModal .info p {
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-weight: 600;
     font-size: 0.6875em;
     color: #303336;
 }
 
 #bookLessonsModal #sidebar {
     position: fixed;
     width: 320px;
 }
 
 @media (max-width: 1268px) {
     #bookLessonsModal #sidebar {
         right: 1.5em;
     }
 }
 
 @media (max-width: 992px) {
     #bookLessonsModal #sidebar {
         width: auto;
         bottom: -1em;
         left: 0;
         right: 0;
     }
     #bookLessonsModal #sidebar.show {
         background: #fff;
         box-shadow: 0 2px 16px 0 rgba(48, 51, 54, 0.08), 0 0 0 1px rgba(48, 51, 54, 0.08);
         z-index: 9996;
     }
     #bookLessonsModal #sidebar.show .container__card {
         box-shadow: none;
         font-size: 1em;
         padding: 1.25em;
     }
     #bookLessonsModal #sidebar.show .container__card header img {
         width: 56px;
         height: 56px;
     }
     #bookLessonsModal #sidebar.show .container__card footer {
         margin-bottom: 2em;
     }
     #bookLessonsModal #sidebar.show .container__card #showDetails {
         display: none;
     }
     #bookLessonsModal #sidebar.show .container__card #closeDetails {
         display: block;
     }
     #bookLessonsModal #sidebar.show .container__card .details {
         display: block;
     }
 }
 
 @media (max-width: 708px) {
     body.v3.page_login main {
         background: 0;
     }
 }
 
 body.v3.page_login article ul {
     display: flex;
     margin: 0 -1.25em;
 }
 
 @media (max-width: 992px) {
     body.v3.page_login article ul {
         margin: 0 -0.75em;
     }
 }
 
 @media (max-width: 708px) {
     body.v3.page_login article ul {
         flex-direction: column;
         margin: 0;
     }
 }
 
 body.v3.page_login article ul li {
     display: flex;
     flex-direction: column;
     align-items: center;
     width: 100%;
     margin: 0 1.25em;
     padding: 2.5em;
     text-align: center;
     background: white;
     box-shadow: 0 8px 16px 0 rgba(24, 19, 87, 0.07);
 }
 
 @media (max-width: 992px) {
     body.v3.page_login article ul li {
         margin: 0 0.75em;
         padding: 1.5em;
     }
 }
 
 @media (max-width: 708px) {
     body.v3.page_login article ul li {
         flex-direction: row;
         width: auto;
         margin: 0.5em 0;
     }
 }
 
 body.v3.page_login article ul li:last-child {
     position: relative;
     margin-left: 3.75em;
 }
 
 @media (max-width: 992px) {
     body.v3.page_login article ul li:last-child {
         margin-left: 2.25em;
     }
 }
 
 @media (max-width: 708px) {
     body.v3.page_login article ul li:last-child {
         margin-left: 0;
         margin-top: 2.5em;
     }
 }
 
 body.v3.page_login article ul li:last-child:before {
     content: "";
     display: block;
     position: absolute;
     top: 0;
     left: -2.5em;
     width: 1px;
     height: 100%;
     background-color: #dcdae2;
 }
 
 @media (max-width: 992px) {
     body.v3.page_login article ul li:last-child:before {
         left: -1.5em;
     }
 }
 
 @media (max-width: 708px) {
     body.v3.page_login article ul li:last-child:before {
         top: -1.5em;
         left: 0;
         height: 1px;
         width: 100%;
     }
 }
 
 @media (max-width: 708px) {
     body.v3.page_login article ul li>div {
         width: 7em;
         text-align: left;
     }
 }
 
 body.v3.page_login article ul li h2 {
     font-size: 1.5em;
     margin: 1em 0 0;
 }
 
 body.v3.page_login article ul li p {
     font-size: 0.875em;
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-weight: 600;
     color: #67657d;
     margin: 1em 0 2em;
 }
 
 body.v3.page_login article ul li a {
     margin-top: auto;
 }
 
 body.v3.login main>header p {
     font-size: 0.875em;
     margin-bottom: 0;
 }
 
 body.v3.login article {
     position: relative;
 }
 
 body.v3.login article section {
     display: flex;
     box-sizing: border-box;
     margin: 0 14%;
     padding: 2.5em 0;
     box-shadow: 0 8px 16px 0 rgba(24, 19, 87, 0.07);
     background: white;
 }
 
 @media (max-width: 1100px) {
     body.v3.login article section {
         max-width: 800px;
         margin: 0 auto;
     }
 }
 
 @media (max-width: 708px) {
     body.v3.login article section {
         box-shadow: none;
         padding: 0;
     }
 }
 
 body.v3.login article section h2 {
     font-size: 1.5em;
 }
 
 body.v3.login article section>div {
     width: 250px;
     padding: 1.5em 3em;
     text-align: center;
     border-right: 1px solid #dcdae2;
 }
 
 @media (max-width: 992px) {
     body.v3.login article section>div {
         padding-left: 2em;
         padding-right: 2em;
     }
 }
 
 body.v3.login article section>div h2 {
     margin: 1em 0 0.5em;
 }
 
 body.v3.login article section>div p {
     font-size: 0.875em;
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-weight: 600;
     line-height: 1.43;
     color: #67657d;
 }
 
 body.v3.login article section>form {
     width: 290px;
     margin: 0 auto;
     padding: 1.5em 0;
     display: flex;
     flex-direction: column;
 }
 
 @media (max-width: 708px) {
     body.v3.login article section>form {
         width: 100%;
     }
 }
 
 body.v3.login article section>form>header {
     margin-left: -1em;
     margin-right: -1em;
     text-align: center;
 }
 
 @media (max-width: 708px) {
     body.v3.login article section>form>header {
         margin-top: -0.5em;
         margin-left: 0;
         margin-right: 0;
         border-top: 1px solid #dcdae2;
         padding-top: 1.5em;
     }
 }
 
 body.v3.login article section>form>header h2 {
     margin: 0 0 1em;
 }
 
 body.v3.login article section>form>header h2+p {
     margin-top: -0.5em;
 }
 
 body.v3.login article section>form>header p {
     font-size: 0.875em;
     margin: 1.75em 0;
 }
 
 body.v3.login article section>form>footer {
     margin-top: auto;
 }
 
 body.v3.login article section>form>footer>*+* {
     margin-top: 1.25em;
 }
 
 body.v3.login article aside {
     position: absolute;
     top: 0;
     bottom: 0;
     left: 86%;
     right: auto;
     box-sizing: border-box;
     width: 150px;
     padding: 1em;
     background-color: #e7e6fc;
 }
 
 @media (max-width: 1100px) {
     body.v3.login article aside {
         position: static;
         display: flex;
         align-items: center;
         width: auto;
         max-width: 800px;
         margin: 0 auto 1em;
     }
 }
 
 @media (max-width: 708px) {
     body.v3.login article aside {
         padding-bottom: 2.5em;
     }
 }
 
 body.v3.login article aside header {
     padding: 0;
     background: 0;
     text-align: center;
 }
 
 body.v3.login article aside footer {
     margin: 1em 0;
     text-align: center;
 }
 
 @media (max-width: 708px) {
     body.v3.login article aside footer {
         position: absolute;
         left: 0;
         bottom: 1em;
         width: 100%;
     }
 }
 
 body.v3.login article aside p {
     font-size: 0.875em;
     margin: 1.5em 0 0.5em;
 }
 
 @media (max-width: 1100px) {
     body.v3.login article aside p {
         margin: 0.5em 1.5em;
     }
 }
 
 @media (max-width: 600px) {
     .marketplace {
         font-size: 0.875em;
     }
 }
 
 .marketplace h4 {
     margin: 0 0 1em;
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-weight: 800;
     font-size: 0.75em;
     line-height: 1.25em;
     color: #545174;
 }
 
 .marketplace--faq blockquote {
     margin: 0 0 1.5em;
     padding: 1.5em;
     background-color: #f9fafb;
 }
 
 .marketplace--faq blockquote header {
     margin: 1em auto;
     text-align: center;
 }
 
 @media (max-width: 600px) {
     .marketplace--faq blockquote header img {
         display: none;
     }
 }
 
 .marketplace--faq blockquote h3 {
     position: relative;
     margin: 0;
     padding-right: 2em;
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-weight: 800;
     font-size: 1em;
     line-height: 1.25em;
     color: #303336;
 }
 
 .marketplace--faq blockquote .opener {
     position: absolute;
     top: -0.5em;
     right: -0.5em;
     padding: 0.5em;
 }
 
 .marketplace--faq blockquote .opener img {
     width: 1.5em;
 }
 
 .marketplace--faq blockquote.opened .opener,
 .marketplace--faq blockquote.closed .closeable {
     display: none;
 }
 
 .marketplace--faq blockquote p,
 .marketplace--faq blockquote ul {
     margin: 1em 0 0;
     font-size: 1em;
     line-height: 1.5em;
     color: #545174;
 }
 
 .marketplace--faq blockquote ul {
     list-style-type: disc;
 }
 
 .marketplace--faq blockquote ul li {
     margin: 0 0 1em;
 }
 
 .marketplace--faq blockquote button {
     margin: 2em 0 1em;
 }
 
 .marketplace--requests section {
     display: flex;
     margin: 1em 0 1.5em;
     box-shadow: 0 8px 16px 0 rgba(24, 19, 87, 0.07);
 }
 
 .marketplace--requests section>div p {
     margin: 0.5em 0 1em;
     font-size: 1em;
     line-height: 1.5em;
     color: #545174;
 }
 
 .marketplace--requests .emptystate {
     margin: 1em 0 1.5em;
     padding: 2em;
     max-width: none;
     box-shadow: 0 8px 16px 0 rgba(24, 19, 87, 0.07);
     text-align: left;
 }
 
 .marketplace--requests .emptystate header {
     padding: 0 10%;
 }
 
 .marketplace--requests .emptystate header img {
     display: block;
     margin: 1em auto;
 }
 
 .marketplace--requests .emptystate header h2 {
     margin: 1em 0 0.5em;
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 1.3125em;
     font-weight: 800;
     line-height: 1.25em;
     color: #303336;
 }
 
 .marketplace--requests .emptystate header p {
     font-size: 1em;
     line-height: 1.5em;
     color: #303336;
 }
 
 .marketplace--requests .emptystate footer {
     margin: 2em 0 0;
     text-align: right;
 }
 
 .marketplace__matchingteam .marketplace--faq blockquote {
     background-color: #fff8e6;
 }
 
 .marketplace__matchingteam .marketplace--requests section {
     border-top: 2px solid #542eff;
     flex-wrap: wrap;
 }
 
 .marketplace__matchingteam .marketplace--requests section h5 {
     margin: 0 0 0.5em;
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 0.625em;
     color: #545174;
     text-transform: uppercase;
     letter-spacing: 0.5px;
     font-weight: 600;
     line-height: 1em;
 }
 
 .marketplace__matchingteam .marketplace--requests section>header {
     box-sizing: border-box;
     flex: 0 0 20%;
     max-width: 20%;
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
     background: #faf9ff;
     text-align: center;
     white-space: nowrap;
 }
 
 @media (max-width: 708px) {
     .marketplace__matchingteam .marketplace--requests section>header {
         flex: 0 0 100%;
         max-width: 100%;
         padding: 0.5em;
         flex-direction: row;
         justify-content: space-evenly;
     }
 }
 
 .marketplace__matchingteam .marketplace--requests section>header img {
     margin: 0.5em 0 1em;
 }
 
 .marketplace__matchingteam .marketplace--requests section>header time {
     margin: 0.5em 0;
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 1.6875em;
     color: #303336;
     font-weight: 800;
     line-height: 1.25em;
 }
 
 .marketplace__matchingteam .marketplace--requests section>header time small {
     display: block;
     font-size: 0.5925em;
     color: #8d89aa;
 }
 
 .marketplace__matchingteam .marketplace--requests section>ul {
     box-sizing: border-box;
     flex: 0 0 25%;
     max-width: 25%;
     margin: 1.5em 0;
     padding: 0 1.5em;
 }
 
 @media (max-width: 708px) {
     .marketplace__matchingteam .marketplace--requests section>ul {
         flex: 0 0 35%;
         max-width: 35%;
     }
 }
 
 @media (max-width: 600px) {
     .marketplace__matchingteam .marketplace--requests section>ul {
         flex: 0 0 100%;
         max-width: 100%;
         display: flex;
         flex-wrap: wrap;
     }
 }
 
 .marketplace__matchingteam .marketplace--requests section>ul li {
     margin: 0 0 0.5em;
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 1em;
     color: #545174;
     font-weight: 800;
     line-height: 1.25em;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
 }
 
 @media (max-width: 600px) {
     .marketplace__matchingteam .marketplace--requests section>ul li {
         flex: 0 0 50%;
         margin-bottom: 1em;
     }
 }
 
 .marketplace__matchingteam .marketplace--requests section>div {
     box-sizing: border-box;
     flex: 0 0 55%;
     max-width: 55%;
     display: flex;
     flex-direction: column;
     padding: 1.5em;
     padding-left: 0;
 }
 
 @media (max-width: 708px) {
     .marketplace__matchingteam .marketplace--requests section>div {
         flex: 0 0 65%;
         max-width: 65%;
     }
 }
 
 @media (max-width: 600px) {
     .marketplace__matchingteam .marketplace--requests section>div {
         flex: 0 0 100%;
         max-width: 100%;
         padding-top: 0;
         padding-left: 1.5em;
         padding-bottom: 2.5em;
     }
 }
 
 .marketplace__matchingteam .marketplace--requests section>div>footer {
     display: flex;
     align-items: flex-end;
     justify-content: flex-end;
     margin-top: auto;
 }
 
 @media (max-width: 600px) {
     .marketplace__matchingteam .marketplace--requests section>div>footer {
         flex-direction: column-reverse;
     }
 }
 
 .marketplace__matchingteam .marketplace--requests section>div>footer>*+* {
     margin-left: 1.5em;
 }
 
 @media (max-width: 600px) {
     .marketplace__matchingteam .marketplace--requests section>div>footer>* {
         margin-left: 0;
         margin-top: 1.5em;
         width: 100%;
     }
     .marketplace__matchingteam .marketplace--requests section>div>footer>*:last-child {
         margin-top: 0;
     }
 }
 
 .marketplace__tutorrequests .marketplace--faq blockquote {
     background-color: #f2fdfc;
 }
 
 .marketplace__tutorrequests .marketplace--requests section {
     padding: 1.5em;
 }
 
 .marketplace__tutorrequests .marketplace--requests section>header .tile__avatar {
     margin-right: 1.5em;
 }
 
 .marketplace__tutorrequests .marketplace--requests section>div {
     width: 100%;
 }
 
 .marketplace__tutorrequests .marketplace--requests section>div h4 {
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 1em;
     font-weight: 800;
     line-height: 1.25em;
     color: #303336;
 }
 
 .marketplace__tutorrequests .marketplace--requests section>div h4>span {
     margin-left: 0.25em;
     font-size: 0.875em;
     font-weight: 600;
     color: #545174;
 }
 
 .marketplace__tutorrequests .marketplace--requests section>footer {
     padding-left: 1.5em;
 }
 
 .marketplace__tutorrequests .marketplace--requests section>footer>* {
     width: 100%;
 }
 
 .marketplace__tutorrequests .marketplace--requests section>footer>*+* {
     margin-top: 0.75em;
 }
 
 .u-show {
     display: inline-block;
 }
 
 .u-show--small {
     display: none;
 }
 
 @media (max-width: 708px) {
     .u-show--small {
         display: inline-block;
     }
 }
 
 .u-show--small-block {
     display: none;
 }
 
 @media (max-width: 708px) {
     .u-show--small-block {
         display: block;
     }
 }
 
 .u-show--medium-small {
     display: none;
 }
 
 @media (max-width: 840px) {
     .u-show--medium-small {
         display: inline-block;
     }
 }
 
 .u-show--medium {
     display: none;
 }
 
 @media (max-width: 992px) {
     .u-show--medium {
         display: inline-block;
     }
 }
 
 .u-show--large-medium {
     display: none;
 }
 
 @media (max-width: 1100px) {
     .u-show--large-medium {
         display: inline-block;
     }
 }
 
 .u-show--large-medium-block {
     display: none;
 }
 
 @media (max-width: 1100px) {
     .u-show--large-medium-block {
         display: block;
     }
 }
 
 .u-show--large {
     display: none;
 }
 
 @media (max-width: 1268px) {
     .u-show--large {
         display: inline-block;
     }
 }
 
 .u-hide {
     display: none;
 }
 
 .u-hide--large {
     display: inline-block;
 }
 
 @media (max-width: 1268px) {
     .u-hide--large {
         display: none;
     }
 }
 
 .u-hide--large-medium {
     display: inline-block;
 }
 
 @media (max-width: 1100px) {
     .u-hide--large-medium {
         display: none;
     }
 }
 
 .u-hide--medium {
     display: inline-block;
 }
 
 @media (max-width: 992px) {
     .u-hide--medium {
         display: none;
     }
 }
 
 .u-hide--medium-small {
     display: inline-block;
 }
 
 @media (max-width: 840px) {
     .u-hide--medium-small {
         display: none;
     }
 }
 
 .u-hide--small {
     display: inline-block;
 }
 
 @media (max-width: 708px) {
     .u-hide--small {
         display: none;
     }
 }
 
 .u-hide--small-block {
     display: block;
 }
 
 @media (max-width: 708px) {
     .u-hide--small-block {
         display: none;
     }
 }
 
 @media (max-width: 600px) {
     .u-hide--small-xsmall {
         display: none;
     }
 }
 
 .u-vertical-center {
     position: relative;
     top: 50%;
     transform: translateY(-50%);
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
 }
 
 .u-margin--xs {
     margin: 5px;
 }
 
 .u-margin--s {
     margin: 10px;
 }
 
 .u-margin--m {
     margin: 20px;
 }
 
 .u-margin--l {
     margin: 40px;
 }
 
 .u-margin--xl {
     margin: 80px;
 }
 
 .u-margin-bottom--zero {
     margin-bottom: 0;
 }
 
 .u-margin-bottom--xs {
     margin-bottom: 5px;
 }
 
 .u-margin-bottom--s {
     margin-bottom: 10px;
 }
 
 .u-margin-bottom--m {
     margin-bottom: 20px;
 }
 
 .u-margin-bottom--l {
     margin-bottom: 40px;
 }
 
 @media screen and (min-width: 708px) {
     .u-margin-bottom--l--medium {
         padding-bottom: 40px;
     }
 }
 
 .u-margin-bottom--xl {
     margin-bottom: 80px;
 }
 
 .u-margin-top--zero {
     margin-top: 0;
 }
 
 .u-margin-top--xs {
     margin-top: 5px;
 }
 
 .u-margin-top--s {
     margin-top: 10px;
 }
 
 .u-margin-top--m {
     margin-top: 20px;
 }
 
 .u-margin-top--l {
     margin-top: 40px;
 }
 
 .u-margin-top--xl {
     margin-top: 80px;
 }
 
 .u-margin-left--xs {
     margin-left: 5px;
 }
 
 .u-margin-left--s {
     margin-left: 10px;
 }
 
 .u-margin-left--m {
     margin-left: 20px;
 }
 
 .u-margin-right--s {
     margin-right: 10px;
 }
 
 .u-margin-right--xs {
     margin-right: 5px;
 }
 
 @media (min-width: 708px) {
     .u-margin-right--s--medium {
         margin-right: 10px;
     }
 }
 
 .u-padding-top--s {
     padding-top: 10px;
 }
 
 .u-padding-top--m {
     padding-top: 20px;
 }
 
 .u-padding-right--zero {
     padding-right: 0;
 }
 
 .u-padding-right--s {
     padding-right: 10px;
 }
 
 @media screen and (min-width: 708px) {
     .u-padding-right--s--medium {
         padding-right: 10px;
     }
 }
 
 .u-padding-right--m {
     padding-right: 20px;
 }
 
 .u-padding-right--l {
     padding-right: 40px;
 }
 
 @media screen and (min-width: 992px) {
     .u-padding-right--l--medium {
         padding-right: 40px;
     }
 }
 
 .u-padding-right--l--until-medium {
     padding-right: 40px;
 }
 
 @media screen and (max-width: 992px) {
     .u-padding-right--l--until-medium {
         padding-right: 0;
     }
 }
 
 .u-padding-left--zero {
     padding-left: 0;
 }
 
 .u-padding-left--s {
     padding-left: 10px;
 }
 
 .u-padding-left--m {
     padding-left: 20px;
 }
 
 .u-padding-left--l {
     padding-left: 40px;
 }
 
 @media screen and (min-width: 708px) {
     .u-padding-left--l--medium {
         padding-left: 30px;
     }
 }
 
 .u-padding-bottom--s {
     padding-bottom: 10px;
 }
 
 .u-padding-bottom--m {
     padding-bottom: 20px;
 }
 
 .u-padding--small {
     padding: 10px;
 }
 
 .u-padding--zero {
     padding: 0;
 }
 
 .u-text-align--right {
     text-align: right;
 }
 
 .u-text-align--left {
     text-align: left;
 }
 
 .u-text-align--center {
     text-align: center;
 }
 
 .u-vertical-align--top {
     vertical-align: top;
 }
 
 .u-vertical-align--middle {
     vertical-align: middle;
 }
 
 .u-vertical-align--bottom {
     vertical-align: bottom;
 }
 
 .u-text-nowrap {
     white-space: nowrap;
 }
 
 .u-full-width {
     width: 100%;
 }
 
 @media (max-width: 708px) {
     .u-full-width--mobile {
         width: 100%;
     }
 }
 
 .u-min-width--150 {
     min-width: 150px !important;
 }
 
 .u-float--right {
     float: right;
 }
 
 .u-float--left {
     float: left;
 }
 
 .u-float--clear {
     clear: both;
 }
 
 .u-position--relative {
     position: relative;
 }
 
 .u-object-fit-bg {
     background-size: cover;
     background-position: center center;
 }
 
 .u-object-fit-bg>img {
     opacity: 0;
 }
 
 hr.divider {
     display: block;
     height: 1px;
     border: 0;
     border-top: 1px solid #dcdae2;
     border-style: dashed;
     margin: 1em 0;
     padding: 0;
 }
 
 .u-noscroll {
     overflow: hidden !important;
 }
 
 @media (max-width: 708px) {
     .u-noscroll {
         overflow: auto !important;
     }
 }
 
 @media (min-width: 708px) and (max-height: 700px) {
     .u-noscroll {
         overflow: auto !important;
     }
 }
 
 #allcontent {
     padding: 0;
     /* padding-top: 60px; */
 }
 
 .allcontent {
     background-color: #f9f8fb;
 }
 
 .page_testimonials .allcontent {
     background-color: #fff;
 }
 
 .page_answer .allcontent {
     background-color: #fff;
 }
 
 .page_answers .allcontent {
     background-color: #fff;
 }
 
 #allcontent.allcontent-secure-overwrite {
     min-height: 0 !important;
     max-width: none !important;
     margin: 0 !important;
     height: auto !important;
     padding-bottom: 0;
 }
 
 .frontend .ui-widget-overlay {
     display: none;
 }
 
 #allcontent.allcontent-old-secure-nav {
     background-color: #f5f4f7;
     padding-top: 60px;
     padding-bottom: 60px;
     min-height: calc(100vh - 592px);
 }
 
 #allcontent.allcontent-old-secure-nav .inner.securemainsection {
     margin-top: 0 !important;
 }
 
 #allcontent.allcontent-old-secure-nav .container--secure {
     overflow: visible;
     height: auto;
 }
 
 .page_tutor .ui-chkbox .ui-helper-hidden-accessible {
     height: auto;
     width: auto;
     clip: initial;
     margin: initial;
 }
 
 .page_tutor .ui-chkbox .ui-chkbox-box {
     border: 0;
 }
 
 .page_location .listview .reviewpanel,
 .page_location .listview .river--map .river__section {
     padding-top: 0 !important;
 }
 
 .pcaAutoComplete.wrapper {
     height: 38px;
     background: #f9f8fb;
 }
 
 .pcaAutoComplete,
 .pcaAutoCompleteSmall {
     z-index: 1 !important;
     margin: 10px 0 !important;
 }
 
 .pcaAutoComplete .inputArea {
     background-image: none !important;
     border-color: #cac9d8 !important;
     height: 38px !important;
     box-sizing: border-box;
 }
 
 .pcaAutoComplete .inputArea .suggestion {
     left: 11px !important;
     height: 22px !important;
     font: 17px "Source Sans Pro", sans-serif !important;
 }
 
 .pcaAutoComplete .inputArea .search {
     z-index: 1 !important;
     left: 11px !important;
     height: 22px !important;
     font: 17px "Source Sans Pro", sans-serif !important;
     font-weight: 400 !important;
     line-height: 22px !important;
     background-image: none !important;
     box-shadow: none !important;
 }
 
 #miabform [id="miabform:subject:container"] {
     margin-right: 10px;
 }
 
 #miabform .ui-selectmanycheckbox {
     background-color: #f0f2f5;
     padding: 8px 10px;
     display: block;
     box-sizing: border-box;
     margin-right: 10px;
 }
 
 #miabform .ui-selectmanycheckbox .ui-helper-hidden-accessible {
     position: relative;
 }
 
 #miabform .ui-selectmanycheckbox label {
     margin: 0;
     display: inline-block;
     margin-left: 6px;
     margin-right: 10px;
     vertical-align: initial;
 }
 
 #miabform .ui-selectmanycheckbox input[type="checkbox"] {
     padding: 0;
 }
 
 #miabform .ui-selectmanycheckbox input[type="checkbox"]:focus {
     box-shadow: none;
 }
 
 #miabform .ui-selectmanycheckbox .ui-chkbox-box {
     display: none;
 }
 
 #miabform .miabtable>tbody>tr>td:first-of-type {
     width: 180px;
 }
 
 #miabdlg {
     float: none;
 }
 
 #miabdlg #miabBackForm .backarrow {
     position: absolute;
     top: 25px;
     left: 22px;
     padding: 0;
 }
 
 #miabdlg #miabloginform h4.siderule.fullwidth {
     display: none;
 }
 
 #miabdlg #miabloginform .login a,
 #miabdlg #miabloginform .loggedin a {
     float: none;
     font-size: initial;
     font-weight: 400;
     padding: 0;
 }
 
 #miabdlg #miabloginform .checkbox.inputRegion.halfwidth {
     display: inline-block;
 }
 
 #miabdlg #miabloginform .modalinner>div>div>a {
     padding: 0;
     color: #67657d;
     font-size: 15px;
     font-weight: 400;
 }
 
 #miabdlg .alreadyhaveaccount {
     margin-top: 10px;
     font-size: 16px !important;
 }
 
 #miabdlg .alreadyhaveaccount a {
     float: none;
     padding: 0;
     display: inline-block;
     font-family: "Source Sans Pro", sans-serif;
     font-size: 16px;
     font-size: 1rem;
     line-height: 20px;
     line-height: 1.25rem;
     color: #303336;
     font-weight: 400;
     color: #542eff;
     vertical-align: baseline;
 }
 
 #addtoshortlistdlg {
     float: none;
 }
 
 #addtoshortlistdlg #addtoshortlistBackForm .backarrow {
     padding: 0;
     position: absolute;
     top: 25px;
     left: 22px;
 }
 
 #addtoshortlistdlg #addtoshortlistloginform>div>a {
     padding: 0;
     color: #67657d;
     font-size: 15px;
     font-weight: 400;
 }
 
 #addtoshortlistdlg #addtoshortlistLoginForm .r_button--secondary,
 #addtoshortlistdlg #addtoshortlistLoginForm .teacherresources__upload .ui-fileupload-choose,
 .teacherresources__upload #addtoshortlistdlg #addtoshortlistLoginForm .ui-fileupload-choose {
     margin-bottom: 15px;
 }
 
 #addtoshortlistdlg #addtoshortlistLoginForm .checkbox.inputRegion.halfwidth {
     display: inline-block;
 }
 
 #addtoshortlistdlg #addtoshortlistLoginForm .modal__footer .ui-commandlink {
     padding: 0;
     float: none;
     color: #3c90f0;
     font-size: 16px;
     display: inline-block;
     font-weight: 400;
     vertical-align: initial;
 }
 
 body.v1override #allcontent {
     background-color: #fff;
 }
 
 body.v1override #allcontent>.banner,
 body.v1override #allcontent>.center:first-child {
     background-color: #14508e !important;
     padding: 6em 2em !important;
     height: auto !important;
 }
 
 body.v1override #allcontent>.banner .clear,
 body.v1override #allcontent>.center:first-child .clear {
     display: none;
 }
 
 body.v1override #allcontent>.banner h1,
 body.v1override #allcontent>.center:first-child h1 {
     text-align: left !important;
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 3.125em !important;
     line-height: 1.125em !important;
     font-weight: 800;
     color: #e85dcc;
 }
 
 body.v1override #allcontent>.banner h2,
 body.v1override #allcontent>.center:first-child h2 {
     text-align: left !important;
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 1.5em !important;
     line-height: 1.125em !important;
     font-weight: 700;
     color: #fff;
 }
 
 body.v1override #allcontent>.inner {
     padding: 0 2em 2em !important;
     width: auto !important;
     max-width: 1024px;
 }
 
 body.v1override #allcontent>.inner p,
 body.v1override #allcontent>.inner ul {
     margin: 1em 0;
     color: #545174;
     line-height: 1.5em;
 }
 
 body.v1override #allcontent>.inner ul {
     list-style: disc;
     padding-left: 2em;
 }
 
 body.v1override #allcontent>.inner h2 {
     margin: 0.5em 0;
     font-family: "Modelica", "Source Sans Pro", sans-serif;
     font-size: 1.75em;
     font-weight: 800;
     color: #303336;
 }
 
 body.v1override #allcontent>.inner h2 strong {
     font-weight: 800;
 }
 
 body.v1override #allcontent>.inner.tutorquotes h2 {
     font-size: 1.5em;
     font-weight: 600;
 }
 
 body.v1override #allcontent>.inner.tutorquotes p,
 body.v1override #allcontent>.inner.tutorquotes ul {
     margin: 0;
 }
 
 body.v1override #allcontent>.inner.tutorquotes,
 body.v1override #allcontent>.inner.tutorquotes>div {
     display: flex;
     flex-wrap: wrap;
 }
 
 body.v1override #allcontent>.inner.tutorquotes>div,
 body.v1override #allcontent>.inner.tutorquotes>div>div {
     box-sizing: border-box;
     flex: 0 0 50%;
     padding: 0 1em;
     margin-bottom: 1em;
 }
 
 @media (max-width: 992px) {
     body.v1override #allcontent>.inner.tutorquotes>div {
         flex: 0 0 100%;
     }
 }
 
 @media (max-width: 600px) {
     body.v1override #allcontent>.inner.tutorquotes>div>div {
         flex: 0 0 100%;
     }
 }
 
 .classroom .navbar .r_button--s,
 .classroom .navbar .ui-fileupload .ui-fileupload-buttonbar .ui-button,
 .ui-fileupload .ui-fileupload-buttonbar .classroom .navbar .ui-button,
 .classroom .navbar .page_tutors_secure_cover-report .container__card .upload .ui-fileupload-choose,
 .page_tutors_secure_cover-report .container__card .upload .classroom .navbar .ui-fileupload-choose {
     font-size: 16px !important;
     line-height: 20px;
 }
 
 .classroom .navbar .r_button--s:hover,
 .classroom .navbar .ui-fileupload .ui-fileupload-buttonbar .ui-button:hover,
 .ui-fileupload .ui-fileupload-buttonbar .classroom .navbar .ui-button:hover,
 .classroom .navbar .page_tutors_secure_cover-report .container__card .upload .ui-fileupload-choose:hover,
 .page_tutors_secure_cover-report .container__card .upload .classroom .navbar .ui-fileupload-choose:hover {
     text-decoration: none;
 }
 
 .classroom .modal.r_modal .notificationtile__header {
     font-size: 18px;
     line-height: 24px;
 }
 
 .classroom.groupworld .navbar {
     min-height: 0;
     margin-bottom: 0;
     border-radius: 0;
     border: 0;
 }
 
 .classroom.groupworld #allcontent {
     padding-top: 0 !important;
 }
 
 .classroom.groupworld img {
     vertical-align: middle;
 }
 
 .classroom.groupworld .tooltip {
     margin-top: 0;
 }
 
 .classroom.groupworld .suggestedtimes__info img {
     vertical-align: top;
 }
 
 .classroom.groupworld .tile__status img {
     vertical-align: text-bottom;
 }
 
 .page_classroom_school-tutorial #classroomInfo {
     display: none;
 }
 
 .egg_blue {
     background-color: #f5f5f5;
 }
 
 .img_grayscale {
     filter: grayscale(0);
 }
 
 .img_grayscale:hover {
     filter: grayscale(1);
 }
 
 .listview__relatedlinks ul {
     display: flex;
     flex-wrap: wrap;
 }
 
 .listview__relatedlinks ul li {
     margin-right: 1em;
     margin-bottom: 1em;
 }
 
 .r_button--link {
     font-size: 0.625em;
     padding: 0.6em;
     font-weight: 600;
     border-width: 1px;
     box-shadow: none;
     border-color: #f6f5fe;
     background-color: #f6f5fe;
     color: #06559f;
 }
 
 .r_button--link:hover {
     background-color: #06559f;
     color: white;
 }
 
 .listview__header h2 em:after {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     -webkit-transform: skewX(-10deg);
     -ms-transform: skewX(-10deg);
     transform: skewX(-10deg);
     z-index: -1;
     background-color: #ffb502;
 }
 
 .listview__header {
     margin: 1.5em 0;
 }
 
 .bg_sky_blue {
     background-color: #d7d6d6;
 }
 
 .teaching_text {
     padding: 100px 130px;
 }
 
 .bg_sky_blue .slick2016 .slick-prev:before,
 .bg_sky_blue .slick2016 .slick-next:before {
     border-bottom: 3px solid #ffffff;
     border-left: 3px solid #ffffff;
     width: 12px;
     height: 12px;
 }
 
 .bg_sky_blue .slick2016 .slick-dots li button:before {
     content: "";
     width: 12px;
     height: 12px;
     border: 1px solid #ffffff;
     opacity: 1;
     border-radius: 50%;
 }
 
 .max_width_160 {
     max-width: 160px !important;
 }
 
 .why_online_tutoring h1 {
     font-weight: 700;
     font-size: 55px;
     color: #311b92;
 }
 
 .text_blue {
     color: #311b92;
 }
 
 .reviewpanel__card_01 {
     height: 18.5em !important;
 }
 
 .bg_color_blue {
     background-color: #14508e;
 }
 
 .study_resources {
     text-align: center;
     padding: 200px 20px 100px 20px;
 }
 
 .study_resources h1 {
     color: #e03997;
 }
 
 .study_resources h4 {
     color: white;
 }
 
 .need_help {
     box-shadow: 0 5px 10px #dfe3e8;
     padding: 24px;
 }
 
 .all_subject_select {
     padding: 5px 30px 5px 12px;
 }
 
 .family_section_01 {
     margin-top: 180px;
     padding-bottom: 50px;
 }
 
 .search-container_my {
     position: relative;
 }
 
 .search_btn {
     position: absolute;
     right: 0px;
     color: white;
     background-color: #d7d6d6;
     padding: 10px 44px;
     cursor: pointer;
 }
 
 .family_section_02 {
     background-color: #f5f6f7;
     padding: 100px 0px;
 }
 
 .family_section_box {
     background-color: rgb(255, 255, 255);
 }
 
 .famil_guid_box_01 {
     padding: 30px;
 }
 
 .row_myt {
     display: flex;
     flex-wrap: wrap;
 }
 
 .row_col_myt {
     display: flex;
     flex-direction: row;
 }
 
 .family_gu_imgbox {
     height: 200px;
 }
 
 .family_social_icon li {
     display: inline;
     padding-right: 10px;
 }
 
 .family_guid_search {
     height: 44px;
 }
 
 .class_tutor_01 {
     padding: 10px 160px;
 }
 
 button.r_button.r_button--primary {
     cursor: pointer;
 }
 /* slider open  */
 
 #news-slider {
     margin-top: 80px;
 }
 
 .post-slide {
     height: auto;
     background: #fff;
     margin: 20px 15px 20px;
     border-radius: 15px;
     padding-top: 1px;
     box-shadow: 0px 14px 22px -9px #bbcbd8;
 }
 
 .post-img {
     height: 245px;
     border: solid #0094a5 1px;
     background-color: #ffffff;
 }
 
 .post-slide .post-img {
     position: relative;
     overflow: hidden;
     border-radius: 10px;
 }
 
 .post-slide .post-img img {
     width: 100%;
     object-fit: cover;
     height: 245px;
     transform: scale(1, 1);
     transition: transform 0.2s linear;
 }
 
 .post-slide:hover .post-img img {
     transform: scale(1.1, 1.1);
 }
 
 .post-slide .over-layer {
     width: 100%;
     height: 100%;
     position: absolute;
     top: 0;
     left: 0;
     opacity: 0;
     background: linear-gradient( -45deg, rgba(6, 190, 244, 0.75) 0%, rgba(45, 112, 253, 0.6) 100%);
     transition: all 0.5s linear;
 }
 
 .post-slide:hover .over-layer {
     opacity: 1;
     text-decoration: none;
 }
 
 .post-slide .over-layer i {
     position: relative;
     top: 45%;
     text-align: center;
     display: block;
     color: #fff;
     font-size: 25px;
 }
 
 .post-slide .post-content {
     background: #fff;
     padding: 2px 20px 30px;
     border-radius: 15px;
 }
 
 .post-slide .post-title a {
     font-size: 15px;
     font-weight: bold;
     color: #333;
     display: inline-block;
     text-transform: uppercase;
     transition: all 0.3s ease 0s;
 }
 
 .post-slide .post-title a:hover {
     text-decoration: none;
     color: #3498db;
 }
 
 .post-slide .post-description {
     height: auto;
     line-height: 24px;
     color: #808080;
     margin-bottom: 10px;
 }
 
 .post-slide .post-date {
     color: #a9a9a9;
     font-size: 14px;
 }
 
 .post-slide .post-date i {
     font-size: 20px;
     margin-right: 8px;
     color: #cfdace;
 }
 
 .post-slide .read-more {
     padding: 7px 20px;
     float: right;
     font-size: 12px;
     background: #2196f3;
     color: #ffffff;
     box-shadow: 0px 10px 20px -10px #1376c5;
     border-radius: 25px;
     text-transform: uppercase;
 }
 
 .post-slide .read-more:hover {
     background: #3498db;
     text-decoration: none;
     color: #fff;
 }
 
 .owl-controls .owl-buttons {
     text-align: center;
     margin-top: 20px;
 }
 
 .owl-controls .owl-buttons .owl-prev {
     background: #fff;
     position: absolute;
     top: -13%;
     left: 15px;
     padding: 0 18px 0 15px;
     border-radius: 50px;
     box-shadow: 3px 14px 25px -10px #92b4d0;
     transition: background 0.5s ease 0s;
 }
 
 .owl-controls .owl-buttons .owl-next {
     background: #fff;
     position: absolute;
     top: -13%;
     right: 15px;
     padding: 0 15px 0 18px;
     border-radius: 50px;
     box-shadow: -3px 14px 25px -10px #92b4d0;
     transition: background 0.5s ease 0s;
 }
 
 .owl-controls .owl-buttons .owl-prev:after,
 .owl-controls .owl-buttons .owl-next:after {
     content: "\f104";
     font-family: FontAwesome;
     color: #333;
     font-size: 30px;
 }
 
 .owl-controls .owl-buttons .owl-next:after {
     content: "\f105";
 }
 
 @media only screen and (max-width: 1280px) {
     .post-slide .post-content {
         padding: 0px 15px 25px 15px;
     }
 }
 
 .owl-carousel .owl-item img {
     height: 100%;
 }
 /* slider end */