@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: #181357;
    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: #9383f7;
}

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: #181357;
    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: #181357;
}

.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: #68399d;
    background-color: #68399d;
    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: #785de1;
    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: #785de1;
    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: #181357;
    background-color: #181357;
    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: #181357;
    background-color: #181357;
    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: #181357;
    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: #181357;
    background-color: #181357;
    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: 30px;
    -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 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: #181357;
    background: #d4caff;
}

.ui-datepicker table td a.ui-state-hover {
    color: #181357;
    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: #9383f7;
    font-size: 0.875em;
    font-weight: 600;
}

.wallet__topup__steps li.active {
    border-bottom-color: #181357;
}

.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: #181357;
    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: 25px;
    padding: 10px 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: #fff;
}

.r_footer__telephone:first-of-type {
    margin-bottom: 2px;
}

.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: 32px;
}

.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: #303336;
    font-weight: 400;
    color: #cac9d8;
}

.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: #181357;
}

.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;
    background-color: #181357;
}

.hero.v3 main {
    display: flex;
    height: 480px;
    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: 15%;
    -webkit-transform: skewX(-10deg);
    -ms-transform: skewX(-10deg);
    transform: skewX(-10deg);
    background-color: #181357;
}

.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: 35px;
    font-weight: 800;
    line-height: 45px;
    color: #fff;
    max-width: 100%;
}

.hero.v3 main section h1 em {
    position: relative;
    font-style: normal;
    color: #181357;
    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: 1em;
    font-weight: 600;
    line-height: 1.5;
    color: #fff;
}

.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: 50%;
    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: #181357;
    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: #181357;
    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: #311b92;
    margin-bottom: 20px;
}

@media (max-width: 575px) {
    .river__header {
        font-family: "Modelica", "Source Sans Pro", sans-serif;
        font-size: 24px;
        font-size: 1.5rem;
        line-height: 30px;
        font-weight: 700;
        letter-spacing: 0;
        font-weight: 900;
    }
}

@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: #0cb;
    border-left: 1px solid #0cb;
    border-right: 1px solid #0cb;
}

.skew-highlight--secondary {
    background-color: #181357;
    border-left: 1px solid #181357;
    border-right: 1px solid #181357;
}

.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: 72px;
    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: #00ccbb;
    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: #181357;
    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: #181357;
    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 #9383f7;
}

#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: #181357;
    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: #181357;
    border-radius: 7.69px;
    box-shadow: 0 3px 8px -6px #181357;
}

.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: #9383f7;
}

.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: #181357;
    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 #9383f7;
    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: #181357;
}

.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: #181357;
}

.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: #181357;
    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, #181357 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: #181357;
    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: #181357;
    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: #181357;
    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 #9383f7;
    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: #181357 !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: #0cb;
}

.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: #68399d;
}

.r_button--link:hover {
    background-color: #68399d;
    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: #00ccbb;
}

.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: #181357;
}

.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: #00ccbb;
    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: 450px;
    background: #fff;
    margin: 20px 15px 20px;
    border-radius: 15px;
    padding-top: 1px;
    box-shadow: 0px 14px 22px -9px #bbcbd8;
}

.post-img {
    height: 245px;
    background-color: #0092ff;
}

.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 40px;
    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: 95px;
    line-height: 24px;
    color: #808080;
    margin-bottom: 25px;
}

.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 */