@import url('https://fonts.googleapis.com/css2?family=Euphoria+Script&family=Mountains+of+Christmas&display=swap');

:root {
    --primary-colour: #36b8d6;
    --primary-colour-washed: #dcf0f5;
    --secondary-colour: #e05e10;
    --secondary-colour-washed: #f1ded2;
    --splash-background: #dcf0f5;
}

@font-face {
    font-family: Tahoma;
    src: url("/webfonts/tahoma.ttf") format("ttf");
}

@font-face {
    font-family: Tahoma;
    font-weight: bold;
    src: url("/webfonts/tahomabold.ttf") format("ttf");
}

::placeholder { /* Firefox, Chrome, Opera */ 
    color: #b4b4b4; 
} 
  
:-ms-input-placeholder { /* Internet Explorer 10-11 */ 
    color: #b4b4b4;
} 
  
::-ms-input-placeholder { /* Microsoft Edge */ 
    color: #b4b4b4;
}

input[type=number][readonly]::-webkit-inner-spin-button, 
input[type=number][readonly]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}

input::-webkit-calendar-picker-indicator{
    display: none;
}

input[type="date"]::-webkit-input-placeholder{ 
    visibility: hidden !important;
}

* {
    box-sizing: border-box;
}

html, body {
    margin: 0;
    border: 0;
    padding: 0;
}

/*html {
   margin-left: calc(100vw - 100%); 
}*/

body {
    background: #f5fbff;
    font-family: Tahoma, sans-serif;
    counter-reset: steps;
    overflow-x: hidden;
    /* padding-bottom: 27px; */
}

body.ER.login:before,
body.default:before {
    content: " ";
    position: absolute;
    width: 100%;
    max-width: 1080px;
    height: 100%;
    background: #36b8d6;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
    top: 0;
}

div.login {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    max-width: 400px;
    width: 90%;
    box-shadow: 2px 2px 20px #00000040;
}

div.login-left {
    padding: 10px;
    background: white;
    min-height: 312px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    flex-grow: 0;
    flex-direction: column;
}

div.login-left > .logo {
    text-align: center;
    margin: 30px auto;
}

div.login-left > .text {
    text-align: center;
    margin-bottom: 30px;
}

div.login-left > .text > p {
    margin: 0;
    font-size: 1.1em;
    color: #36b8d6;
}

.messages > .error {
    background: #E05E10;
    color: white;
    padding: 10px;
    text-align: center;
}

.messages > .notice {
    background: #faaa00;
    color: black;
    padding: 10px;
}

.messages > .success {
    background: #00aa00;
    color: white;
    padding: 10px;
    text-align: center;
}

.login > div > div > form > div:not(:first-of-type) {
    margin-top: 20px;
}

.login > div > div > form > div:last-of-type {
    display: block;
    width: 280px;
    margin: 0 auto;
    text-align: right;
    margin-top: 10px;
    margin-bottom: 30px;
}

.login > div > div > form > div {
    position: relative;
    text-align: center;
    display: block;
    margin: 0 auto;
    width: 280px;
}

.login > div > div > form > div > label {
    position: absolute;
    left: 0;
    width: 280px;
    height: 40px;
    text-align: left;
    margin: 0;
    padding: 4px;
    vertical-align: middle;
    display: inline-flex;
    align-items: center;
    color: #36b8d6;
    transition: .1s all linear;
}

.login > div > div > form > div > input[type=text],
.login > div > div > form > div > input[type=email],
.login > div > div > form > div > input[type=password] {
    display: inline-block;
    margin: 0 auto;
    width: 280px;
    height: 40px;
    vertical-align: baseline;
    -webkit-appearance: none;
    border: 0;
    border-bottom: 2px solid #36b8d6;
    outline: none;
    padding: 0 10px;
}

.login > div > div > form > div > input[type=text]:focus + label,
.login > div > div > form > div > input[type=email]:focus + label,
.login > div > div > form > div > input[type=password]:focus + label,
.login > div > div > form > div > input[type=text]:valid + label,
.login > div > div > form > div > input[type=email]:valid + label,
.login > div > div > form > div > input[type=password]:valid + label {
    font-size: .6em;
    top: -10px;
    height: 10px;
    font-weight: bold;
    transition: .1s all linear;
}


header {
    width: 100%;
    padding: 10px;
    /* padding-left: calc(10px + 100vw - 100%); */
    background: white;
    border-bottom: 4px solid #36b8d6;
    position: sticky;
    display: table;
    top: 0;
    left: 0;
    z-index: 99999999999;
}

div.menu-item {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* margin: -10px; */
    width: 74px;
    height: 80px;
    text-align: center;
    margin-top: -10px;
    margin-bottom: -10px;
    vertical-align: top;
    position: relative;
}

div.menu-item.dropdown > ul {
    list-style: none;
    width: 200px;
    position: absolute;
    right: 0;
    top: 100%;
    z-index: 99999;
    text-align: left;
    background: #36b8d6;
    padding: 0;
    display: none;
    border-top: 4px solid #e05e10;
}

div.menu-item.dropdown > ul > a {
    display: block;
}

div.menu-item.dropdown > ul > a > li {
    color: white;
    display: flex;
    align-items: center;
}

div.menu-item.dropdown > ul > a:hover > li {
    background: #00000020;
    display: flex;
}

div.menu-item.dropdown > ul > a > li > div.icon {
    display: inline-flex;
    width: 40px;
    height: auto;
    min-height: 40px;
    align-items: center;
    justify-content: center;
    background: #00000021;
    margin-right: 5px;
    color: white;
    flex-shrink: 0;
    flex-grow: 0;
}

div.menu-item:hover > a {
    color: #e05e10 !important;
}

div.menu-item.dropdown:hover > ul {
    display: block;
}

div.menu-item:hover:before {
    content: " ";
    position: absolute;
    width: 100%;
    height: 4px;
    background: #e05e10;
    top: 100%;
    left: 0px;
}

div.menu-item.active > a {
    color: #e05e10;
}

div.menu-item.active:before {
    content: " ";
    position: absolute;
    width: 100%;
    height: 4px;
    background: #e05e10;
    top: 100%;
}

div.menu-item > a {
    font-size: .9em;
    line-height: 1.2em;
    text-decoration: none;
    color: #1e1a2e;
}

header > div > div.pull-left {
    /* font-size: 0; */
}

header > div > div.pull-left * {
    font-size: inherit;
}

div.menu-item > a {
    font-size: .8em !important;
}

div.menu-item > a > div.icon {
    font-size: 2em;
    /* margin-bottom: .5em; */
}

div.menu-item.dropdown > a > div.icon {
    font-size: 2em;
    margin-bottom: .5em;
}

div.content, div.container {
    max-width: 1080px;
    margin: 100%;
    margin: 0 auto;
    position: relative;
}

div.pull-left {
    float: left;
}

div.pull-right {
    float: right;
}

div.pull-right > a > div.icon {
    margin-bottom: 0 !important;
    position: relative;
}

div.logo-container {
    float: left;
    height: 80px;
    margin-top: -10px;
    margin-bottom: -10px;
    margin-right: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

div.body-content > .content:first-of-type {
    /* margin-top: 84px; */
    /* overflow: auto; */
    /* padding: 0 10px; */
    padding-top: 10px;
    padding-bottom:  10px;
}

div.buffer {
    margin: 30px 0;
    /*display: block;*/
}

form.activation > div:not(:first-of-type) {
    margin-top: 5px;
}

form.activation > div > label {
    width: 200px;
}

form.activation > div > select {
    height: 32px;
    padding: 5px 10px;
    vertical-align: top;
}

form.activation > div > input[type=text] {
    height: 32px;
    padding: 5px 10px;
    vertical-align: top;
}

form.activation > div > input[type=submit] {
    width: 464px;
    -webkit-appearance: none;
    border: 0;
    background: #36b8d6;
    color: white;
}

div.center {
    display: table;
    margin-left: auto;
    margin-right: auto;
}

div.page-title {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #e05e10;
}

div.page-title > h1 {
    font-size: 1.75em;
    white-space: nowrap;
    margin-right: 10px;
    font-weight: normal;
}

div.page-title > .title-line {
    width: 100%;
    height: 1px;
    background: #e05e10;
}

div.dev {
    position: fixed;
    bottom: 10px;
    width: 50%;
    left: 50%;
    transform: translateX(-50%);
    max-height: 200px;
    background: white;
    box-shadow: 2px 2px 20px #00000040;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    overflow: auto;
}

div#activation-steps > div.row {
    position: relative;
}

div#activation-steps > div.row > a {
    display: flex;
    width: 100%;
    text-decoration: none;
    align-items: flex-start;
}

div#activation-steps > div.row > a:hover {
    text-decoration: none;
}

div#activation-steps > div.row:not(:last-of-type):before {
    content: " ";
    position: absolute;
    width: 4px;
    height: calc(100% - 46px);
    bottom: 0;
    left: 40px;
    transform: translateX(-50%);
    background: black;
}

div#activation-steps > div.row > a > div > h2 {
    height: 50px;
    display: inline-flex;
    align-items: center;
    font-size: 1.4em;
}

div#activation-steps > div.row > a > div > div.step-number {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    border: 4px solid;
    border-radius: 60px;
    font-size: 1.5em;
    font-weight: bold;
    margin-bottom: 20px;
    counter-increment: steps;
}

div#activation-steps > div.row > a > div > div.step-number:before {
    content: counter(steps);
}

div#activation-steps > div.row.complete > a > div > div.step-number:before {
    content: "\f00c";
    font-family: "Font Awesome 5 Pro";
}

div#activation-steps > div.row.in-progress > a > div > div.step-number:before {
    content: "\f017";
    font-family: "Font Awesome 5 Pro";
}

div.step-number.complete {
    background: #27ae60;
    color: white !important;
    border-color: #27ae60 !important;
}

div#activation-steps > div.row.incomplete > a > div > div.step-number {
    color: white;
    background: #c0392b;
    border-color: #c0392b !important;
}

div#activation-steps > div.row.incomplete > a > div > h2 {
    color: #c0392b;
}

div#activation-steps > div.row.incomplete:not(:last-of-type):before {
    background: #c0392b;
}


div#activation-steps > div.row.in-progress > a > div > div.step-number {
    color: white;
    background: #e25f10;
    border-color: #e25f10 !important;
}

div#activation-steps > div.row.in-progress > a > div > h2 {
    color: #e25f10;
}

div#activation-steps > div.row.in-progress:not(:last-of-type):before {
    background: #e25f10;
}



div#activation-steps > div.row.complete > a > div > div.step-number {
    color: white;
    background: #27ae60;
    border-color: #27ae60;
    display: inline-flex;
}

div#activation-steps > div.row.complete > a > div > h2 {
    color: #27ae60;
}

div#activation-steps > div.row.complete:not(:last-of-type):before {
    background: #27ae60;
}

.securityQuestions > div:not(:first-of-type) {
    margin-top: 5px;
}

.securityQuestions > div > label {
    width: 180px;
    margin-bottom: 0;
}

.securityQuestions > div > select {
    height: 40px;
    width: 300px;
}

.securityQuestions > div > input[type=text],
.securityQuestions > div > input[type=email],
.securityQuestions > div > input[type=password] {
    height: 40px;
    width: 312px;
    padding: 5px 10px;
}

.verify-details > div > input[type=text], .verify-details > div > input[type=password], .verify-details > div > select {
    height: 30px;
    padding: 5px 10px;
    width: 255px!important;
}

.securityQuestions > div > input[type=submit] {
    margin-left: 715px;
    /* height: 30px; */
    -webkit-appearance: none;
    background: #36b8d6;
    color: white;
    border: 0;
    outline: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    /* height: 30px !important; */
    clear: both;
    width: 100px;
}

span.divider {
    display: inline-block;
    width: 2px;
    height: 16px;
    background: #36b8d6;
    margin: 0 10px;
    vertical-align: middle;
    flex-shrink: 0;
}

div.user-bar > p {
    margin: 0;
    align-items: center;
}

div.user-bar {
    /* margin-bottom: 10px; */
    font-size: .9em;
}

.dev-note {
    background: #c0392b;
    color: white;
}

.actions {
    /* margin-top: 16px; */
    max-width: 592px;
    width: 100%;
    margin-left: -4px;
    margin-top: -4px;
}

.actions.full-width {
    max-width: 100% !important;
    width: 100% !important;
}

.actions > div:not(:first-of-type) {
    /* margin-top: 8px; */
}

.action {
    width: 140px;
    height: 140px;
    background: white;
    box-shadow: 4px 4px 8px #00000040;
    border: 1px solid #ccc;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #36b8d6 !important;
    text-decoration: none;
    vertical-align: top;
    margin: 4px;
    position: relative;
}

.action:not(.disabled):hover {
    text-decoration: none;
    color: #e05e10 !important;
}

.action.disabled:hover {
    cursor: initial;
    color: #36b8d6;
    text-decoration: none;
}

.action > div {
    text-align: center;
    font-size: .9em;
}

.action > div > span {
    display: block;
    font-size: 2.9em;
    margin-bottom: .2em;
}

div.tile-fill {
    display: inline-block;
    width: 140px;
    margin: 0 4px;
}

.page-title {
    margin-bottom: 10px;
}

span.status.active {
    color: #00aa00;
}

span.status.expired, span.status.closed {
    color: #aa0000;
}

span.status.activation {
    color: #e25f10;
}

div.step-title {
    margin-bottom: 20px;
}

div.step-title > div.step {
    width: 50px;
    height: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #c0392b;
    color: white;
    vertical-align: top;
    border-radius: 50px;
    font-size: 1.5em;
    font-weight: bold;
    position: relative;
}

div.step-title > div.step:before {
    content: " ";
    width: 15px;
    height: 4px;
    background: #c0392b;
    position: absolute;
    left: 100%;
    top: 50%;
    transform: translateY(-50%);
}

div.step-title > h2 {
    height: 50px;
    display: inline-flex;
    align-items: center;
    margin: 0;
    vertical-align: top;
    margin-left: 20px;
}

div.step-title.completed > div.step {
    background: #27ae60;
}

div.step-title.completed > div.step:before {
    background: #27ae60;
}

div.step-title.completed > h2 {
    color: #27ae60;
    display: inline;
}

div.step-title.incomplete > div.step {
    background: #c0392b;
}

div.step-title.incomplete > div.step:before {
    background: #c0392b;
}

div.step-title.incomplete > h2 {
    color: #c0392b;
}

/* 226, 95, 16 */

div.step-title.in-progress > div.step {
    background: #e25f10;
    display: inline-flex;
}

div.step-title.in-progress > div.step:before {
    background: #e25f10;
}

div.step-title.in-progress > h2 {
    color: #e25f10;
    display: inline;
}

form > div.missing {
    color: #c0392b;
    font-weight: bold;
    display: block;
}

.form-error {
    max-width: 750px;
    margin-bottom: 20px;
    margin-left: 0;
}

.form-error > .icon {
    background: #b50000;
    color: white;
    text-align: center;
    padding: 5px;
    font-size: 1.4em;
    display: flex;
    align-items: center;
    justify-content: center;
}

.form-error > .message {
    background: #d20000;
    color: white;
    padding: 5px;
    padding-left: 15px;
}

a.go-back {
    display: inline-block;
    margin-bottom: 10px;
}

div.message-box {
    padding: 10px;
    border: 2px solid;
    margin-top: -10px;
    font-size: .9em;
    margin-bottom: 20px;
}

div.message-box > p:first-of-type {
    margin-top: 0;
}

div.message-box > p:last-of-type {
    margin-bottom: 0;
}

p.text-spacing {
    margin: 20px auto;
}

.button {
    display: inline-block;
    padding: 5px 10px;
    min-width: 120px;
    background: #36b8d6;
    color: white;
    text-decoration: none;
    cursor: pointer;
    border: 0;
    -webkit-appearance: none;
    appearance: none;
    vertical-align: top;
}

.button:hover {
    text-decoration: none;
    color: white;
}

.button:focus {
    outline-color: #e05e10;
}

.no-js {
    background: #e05e10;
    color: white;
    text-align: center;
    margin: 20px auto;
    padding: 20px;
}

.javascriptValidation {
    display: none;
}

div#upload, div#post {
    /* display: none; */
}

.ml-doc-container {
    background: #c8e0f1;
    border: 1px solid #eee;
    box-shadow: 2px 2px 6px #00000040;
    padding: 10px;
}

.ml-doc-container > div > div > p:first-of-type {
    margin-top: 0;
}

.ml-doc-container > div > div > p {
    margin: 5px 0;
}

.ml-doc-container > div > div > p:last-of-type {
    margin-bottom: 0;
}

.ml-doc-container:not(:first-of-type) {
    margin-top: 15px;
}

div#activation-steps > div.row {
    position: relative;
    width: 100%;
}

div#activation-steps > div.row:not(.locked):before {
    transition: .2s all linear;
}

div#activation-steps > div.row:not(.locked):hover:before {
    content: " ";
    position: absolute;
    width: 4px;
    height: calc(100% - 36px);
    bottom: 30px;
    left: 75px;
    transform: rotate(-90deg) translateX(-50%);
}

div#activation-steps > div.row:not(.locked):hover > a > div > h2 {
    font-size: 1.5em
}

label.upload {
    padding: 5px 15px;
    background: #36b8d6;
    color: white;
    cursor: pointer;
}

label.upload.disabled {
    opacity: .5;
    cursor: default !important;
}

label.upload.uploaded {
    background: #888;
}

label.upload.ready {
    background: #e05e10;
}

label.upload > input[type=file] {
    position: absolute;
    left: -99999px;
}

div.upload {margin-top: 10px;}

form.bank-details {
    /* margin-top: 20px; */
}

form.bank-details > div:not(:first-of-type) {
    margin-top: 4px;
}

form.bank-details > div > label {
    width: 180px;
    margin: 0;
}

/*input[type=text] {
    -webkit-appearance: none;
    appearance: none;
    outline: none;
    border: 1px solid #36b8d6;
    background: #dcf0f5;
    padding: 5px 10px;
}*/

input[type=submit], button:not([furlough]):not([class*="slick"]):not([id*="slick"]):not(.hamburger) {
    -webkit-appearance: none;
    appearance: none;
    outline: none;
    border: none;
    background: #36b8d6;
    color: white;
    padding: 5px 10px;
}

h2.small {
    font-size: 1.2em;
    color: #e05e10;
}

h2.medium {
    font-size: 1.6em;
}

h3.small {
    font-size: 1.2em;
}

input[type=submit]:disabled, input.disabled {
    opacity: .5;
    cursor: initial !important;
}

.top-space-sm {
    margin-top: 10px;
}

.top-space {
    margin-top: 20px;
}

div.step-container {
    background: #36b8d6;
    padding: 10px;
    position: -webkit-sticky;
    position: sticky;
    top: 84px;
    z-index: 1;
    border-top: 1px solid;
}

div.step {
    max-width: 750px;
    width: 100%;
    color: white;
}

form.contact {
    max-width: 750px;
    width: 100%;
}

form.contact > div > div > select {
    width: 100%;
    padding: 5px;
}

form.contact > div > div > textarea {
    width: 100%;
}

div.step > .content {
    background: white;
    color: #1e1a2e;
    box-shadow: 5px 5px 10px #00000040;
    padding: 10px;
}

div.step-container > div.title > div.expand {
    float: right;
    width: 44px;
    height: 44px;
    margin: -10px;
    margin-left: 0px;
    font-size: 1.4em;
    display: flex;
    align-items: center;
    justify-content: center;
    border-left: 1px solid #f5fbff;
    background: #00000020;
}

div.step-container > div.title > div.expand:hover {
    background: #e05e10;
    cursor: pointer;
}

div.step-container > div.title > div.status {
    float: right;
}

div.steps > div.step:not(:first-of-type) {
    /* margin-top: 1px; */
}

div.step-container > div.title > div.status {
    padding: 10px 20px 10px 64px;
    height: 44px;
    margin: -10px 0;
    background: #c0392b;
    position: relative;
    width: 180px;
    text-align: center;
    /* display: inline-flex; */
    /* align-items: center; */
    justify-content: center;
    flex-grow: unset;
    /* flex-basis: unset; */
    /* flex-shrink: unset; */
    /* flex-wrap: nowrap; */
    /* flex: 1em; */
}

div.step-container > div.title > div.status.in-progress:before {
    content: '\f017';
    font-family: 'Font Awesome 5 Pro';
    font-weight: bold;
    font-size: 1.2em;
    width: 44px;
    height: 44px;
    background: #00000020;
    margin-right: 10px;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

div.step-container > div.title > div.status.completed:before {
    content: '\f00c';
    font-family: 'Font Awesome 5 Pro';
    font-weight: bold;
    font-size: 1.2em;
    width: 44px;
    height: 44px;
    background: #00000020;
    margin-right: 10px;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

div.step-container > div.title > div.status:before {
    content: '\f00d';
    font-family: 'Font Awesome 5 Pro';
    font-weight: bold;
    font-size: 1.2em;
    width: 44px;
    height: 44px;
    background: #00000020;
    margin-right: 10px;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

div.step-container > div.title > div.status.in-progress {
    background: #e05e10;
}


div.step-container > div.title > div.status.completed {
    background: #27ae60;
}

form.scheme > div > label {
    width: 180px;
}

input[type=checkbox].large {
    width: 30px;
    height: 30px;
}

.button.absolute {
    min-width: min-content;
}

#activation-steps > div.row > a > div {
    /* border: 1px solid; */
    /* display: inline-flex; */
    align-self: flex-start;
    width: auto;
}

label.block {
    display: block;
    margin: 20px 0 5px 0;
    font-weight: bold;
}

label.block:first-of-type {
    margin-top: 0;
}

.container div.content > div {
    padding-left: 20px;
}

div.content > div > input, 
div.content > div > select {
    height: 30px;
}

input.year {
    width: 80px;
}

label > span.requi#c0392b {
    color: #c0392b;
}

.middle > * {
    vertical-align: middle;
    margin: 0;
}

.content-no-margin > * {
    margin-top: 0;
    margin-bottom: 0;
}

.steps > .step > .content {
    display: none;
}

div#ml1-progress,
div#ml2-progress {
    display: none;
    vertical-align: middle;
    margin-left: 10px;
}

div#ml1-progress, div#ml2-progress {
    width: 120px;
    height: 4px;
    position: relative;
}

div#ml1-progress:before,
div#ml2-progress:before {
    content:  " ";
    position: absolute;
    top: -3px;
    left: -3px;
    width: calc(100% + 6px);
    height: calc(100% + 6px);
    border: 1px solid #36b8d6;
}

div#ml1-progress > .bar,
div#ml2-progress > .bar {
    width: 0%;
    height: 4px;
    background: #36b8d6;
}

.fa-chevron-right {
    transition: .125s all linear;
}

div.address > input[name*='-address-']:not(:last-of-type) {
    margin-bottom: 2px;
}

div.address > input[name*='-address-']:not(:last-of-type) {
    display: block;
}

.button.sm {
    min-width: auto !important;
    max-width: auto !important;
}

div.bank-details > label {
    width: 130px;
}

.step-2 > form > label.option {
    padding: 10px;
    /* padding-right: 20px; */
    background: #dcf0f5;
    margin-bottom: 0;
    width: 100%;
    border: 1px solid #36b8d6;
    /* height: 72px; */
    /* width: 100%; */
    margin: 0;
    /* display: block; */
    max-width: 100%;
}

.step-2 > form > label.option.most-common {
    border: 2px solid #e05e10;
}

.step-2 > form > label.option:not(:first-of-type) {
    margin-top: 4px;
}

.step-2 > form > label.option > input[type=radio] {
    float: right;
    /* margin-top: -5px; */
    margin-left: 10px;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-top: -8px;
    margin-right: -25px;
}

.hours-row > .hours-col {
    /* display: -webkit-box; */
    /* width: 100%; */
    width: 100%;
    /* width: 80px !important; */
    /* min-width: 80px; */
    position: relative;
}

.hours-row > .hours-col:nth-child(2),
.hours-row > .hours-col:nth-child(3),
.hours-row > .hours-col:nth-child(4) {
    /* text-align: center; */
}

.hours-row > .hours-col:nth-child(2) > *,
.hours-row > .hours-col:nth-child(3) > *,
.hours-row > .hours-col:nth-child(4) > * {
    text-align: center !important;
    font-size: 1em !important;
}

.hours-row > .hours-col:nth-child(1) {
    display: flex;
    align-items: center;
    font-size: 1em;
    justify-content: center;
}

.hours-table > .hours-row:nth-child(12) > .hours-col:nth-child(3), .hours-table > .hours-row:nth-child(11) > .hours-col:nth-child(3) {
    display: flex;
    align-items: center;
    /* font-size: 1em; */
}

.hours-row > .hours-col:nth-child(1) > label {
    margin: 0 !important;
    vertical-align: middle;
    display: flex;
    align-items: center;
}

.hours-col > * {
    width: 80px;
    /* height: 30px; */
    font-size: .8em;
    /* font-size: .8em; */
    /* width: calc(100% - 2px); */
    display: table;
}

.text-button {
    font-weight: bold;
    color: #e05e10;
    background: none!important;
}

.form-padding {
    padding-left: 20px;
}

p.form-padding {
    margin-bottom: 0px;
}

.hours-table {
    display: inline-block;
    width: 365px;
    margin-top: 10px;
}

.hours-row {
    display: flex;
    position: relative;
}

.holiday-hours {
    display: none;
}

.step input[type=text], 
.step input[type=email], 
.step input[type=time], 
.step input[type=number], 
.step input[type=date],
.step input[type=password],
.step select,
.step textarea,
p.input {
    background: #dcf0f5;
    border: 1px solid #36b8d6;
    height: 30px;
    /* min-width: 80px; */
    padding: 0 4px;
    width: 100%;
    max-width: 241px;
    letter-spacing: 0px;
}

.step input[type=time] {
    width: 100px;
}

.step textarea {
    width: inherit;
    height: inherit;
    max-width: 100%;
    resize: none;
}

input[type=text], 
input[type=email], 
input[type=telephone], 
input[type=password], 
input[type=number], 
input[type=date], 
input[type=file], 
select, 
textarea {
    border: 1px solid #aaa;
    padding: 0 5px;
}

input.missing[type=text], 
input.missing[type=time], 
input.missing[type=email], 
input.missing[type=password], 
input.missing[type=number], 
input.missing[type=date],
input.missing[type=file],
select.missing,
textarea.missing {
    background: pink !important;
    border: 1px solid red !important;
}

input.missing[type=file] {
    padding: 4px;
}

.step input.missing.orange {
    background: #fde3a7 !important;
    border: 1px solid #e87e04 !important;
}

.step input[type=text]:disabled, 
.step input[type=email]:disabled, 
.step input[type=number]:disabled, 
.step input[type=date]:disabled,
.step input[type=password]:disabled,
.step select:disabled {
    background: #eee;
    border: 1px solid #888;
    color: #888;
    /* min-width: 80px; */
    /* padding: 0 10px; */
    /* width: 100%; */
    /* max-width: 240px; */
    /* opacity: .5; */
}

.step .button.sm {
    height: 30px;
    vertical-align: bottom;
}

span.required {
    color: red;
}

div.action-bar {
    margin-top: 10px;
    text-align: right;
    display: flex;
    align-items: center;
}

span.info {
    border: 1px solid;
    /* padding: 5px; */
    /* position: relative; */
    /* overflow-wrap: unset; */
    /* white-space: nowrap; */
    border-radius: 100px;
    color: #36b8d6;
    width: 24px;
    height: 24px;
    font-size: 1em;
    vertical-align: middle;
    text-align: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

span.info > .info-box {
    position: absolute;
    bottom: calc(100% + 5px);
    flex: auto;
    background: #36b8d6;
    border-radius: 2px;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, .25);
    color: white;
    left: 50%;
    transform: translateX(-50%);
    padding: 4px 8px;
    font-size: 1em;
    font-weight: normal;
    font-family: Tahoma, sans-serif;
    display: none;
    /* height: 30px; */
    max-width: 200px;
    /* word-break: break-all; */
    /* flex-wrap: wrap; */
    overflow: hidden;
    /* height: 100px; */
    overflow-wrap: normal;
    width: max-content;
    z-index: 100;
    font-size: .8em;
}

span.info:hover > .info-box {
    display: block;
    line-height: initial;
}

input[type="text"][name*=-bank-sort-code-p] {
    min-width: 40px;
    width: 40px;
}

.hours-title > span {
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 5px;
    font-size: .8em;
}

.upload-row {
    display: inline-block;
    width: 100%;
    margin-left: -15px;
    margin-right: -15px;
}


div.status {
    padding: 10px 20px 10px 64px;
    height: 44px;
    margin: -10px 0;
    background: #c0392b;
    position: relative;
    width: 168px;
    text-align: center;
    color: white;
}

div.status.in-progress:before {
    content: '\f017';
    font-family: 'Font Awesome 5 Pro';
    font-weight: bold;
    font-size: 1.2em;
    width: 44px;
    height: 44px;
    background: #00000020;
    margin-right: 10px;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

div.status.completed:before {
    content: '\f00c';
    font-family: 'Font Awesome 5 Pro';
    font-weight: bold;
    font-size: 1.2em;
    width: 44px;
    height: 44px;
    background: #00000020;
    margin-right: 10px;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

div.status:before {
    content: '\f00d';
    font-family: 'Font Awesome 5 Pro';
    font-weight: bold;
    font-size: 1.2em;
    width: 44px;
    height: 44px;
    background: #00000020;
    margin-right: 10px;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

div.status.in-progress {
    background: #e05e10;
}

div.status.completed {
    background: #27ae60;
}

div.probation-period,
div.notice-period,
div.holiday-increase,
div.sickness-time {
    display: none;
    margin-top: 10px;
    padding-left: 20px;
}

span.text-button:hover {
    cursor: pointer;
}

div.content > form[id^="form"] > div:not(.action-bar):not(.tt_wrapper) {
    padding-left: 20px;
    padding-right: 20px;
}

.nt-radio * {
    transition: .125s all linear;
}

.nt-radio {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    width: 140px;
    max-width: 100%;
}

.nt-radio.multi-line {
    display: inline-flex;
    align-items: center;
}

.nt-radio > input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    left: 0;
    top: 0;
}

.nt-radio > .selection-box {
    width: 22px;
    height: 22px;
    background: white;
    border: 1px solid #36b8d6;
    border-radius: 50%;
    display: inline-block;
    float: left;
    margin-right: 10px;
    vertical-align: middle;
    position: relative;
    flex: none;
}

.nt-radio > .selection-box.missing {
    width: 22px;
    height: 22px;
    background: pink;
    border: 1px solid red;
    border-radius: 50%;
    display: inline-block;
    float: left;
    margin-right: 10px;
    vertical-align: middle;
    position: relative;
}

.nt-radio:hover > input:not(:disabled) ~ .selection-box {
    border: 2px solid #36b8d6;
}

.nt-radio > .selection-box:before {
    content: " ";
    width: 0%;
    height: 0%;
    position: absolute;
    background: #36b8d6;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: .125s all linear;
}

.nt-radio > input:checked ~ .selection-box:before {
    content: " ";
    width: 70%;
    height: 70%;
    position: absolute;
    background: #36b8d6;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: .125s all linear;
}


.nt-checkbox * {
    transition: .125s all linear;
}

.nt-checkbox {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    width: 140px;
}

.nt-checkbox > input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.nt-checkbox > .selection-box {
    width: 22px;
    height: 22px;
    background: white;
    border: 1px solid #36b8d6;
    display: inline-block;
    float: left;
    margin-right: 10px;
    vertical-align: middle;
    position: relative;
    flex-shrink: 0;
    flex-grow: 0;
}

.nt-checkbox > .selection-box.missing {
    width: 22px;
    height: 22px;
    background: pink;
    border: 1px solid red !important;
    display: inline-block;
    float: left;
    margin-right: 10px;
    vertical-align: middle;
    position: relative;
}

.nt-checkbox:hover > input:not(:disabled) ~ .selection-box {
    border: 2px solid #36b8d6;
}

.nt-checkbox > .selection-box:before {
    content: " ";
    width: 0%;
    height: 0%;
    position: absolute;
    background: #36b8d6;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: .125s all linear;
}

.nt-checkbox > input:checked ~ .selection-box:before {
    content: " ";
    width: 70%;
    height: 70%;
    position: absolute;
    background: #36b8d6;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: .125s all linear;
}


.blue-bold {
    color: #36b8d6;
    font-weight: bold;
}

.option > div > .number {
    font-size: 1.2em;
    color: #36b8d6;
}

.option > div > p:first-of-type {
    margin-top: 0;
}

.option > div > p:last-of-type {
    margin-bottom: 0;
}

div[id^="ee-info-"] {
    display: none;
}

.s4-q8 {
    display: none;
}

.option .col-md-10 {
    align-items: center;
    display: flex;
}

.option .col-md-1:first-of-type {
    align-items: center;
    display: flex;
}

div#ee-info-1 {
    padding: 0;
    border: 2px solid;
    padding: 10px;
    border-color: #e05e10;
    border-top: 2px solid white;
    /* margin-top: -2px; */
}

div#ee-info-2,
div#ee-info-3,
div#ee-info-4 {
    padding: 10px;
    border: 1px solid #36b8d6;
    margin-top: -1px;
    border-top: 1px solid white;
}

.nt-radio.row {
    display: flex;
    flex-wrap: inherit;
    flex-grow: unset;
    flex: 100% 100% 100%;
}

.fas.outline {
    color: white;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: #36b8d6;
}

div.edit-employee > a:hover {
    color: #e05e10;
}

div.edit-employee > a:hover .fas.outline {
    color: white;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: #e05e10;
}

div.delete-employee > a:hover {
    /* color: #c0392b; */
}

div.delete-employee > a:hover .fas.outline {
    color: white;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: #c0392b;
}

.row.employee, .row.add-employee {
    margin-left: 0;
    margin-right: 0;
}

div.salary, div.hourly-rate {
    margin: 2px 0
}
div.salary > span, div.hourly-rate > span {
    height: 30px;
    width: 30px;
    background: #dcf0f5;
    border: 1px solid #36b8d6;
    border-right: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /*color: white;*/
    margin: 0;
    vertical-align: top;
}

div.salary > input[type=number],
div.hourly-rate > input[type=number] {
    display: inline-block;
    width: 160px;
}

.hours-col {
    /* width: 80px; */
    /* height: 30px; */
    font-size: .8em;
    padding-left: 0;
}

#form-3 > div.term-calendar > table > tdiv.body-content > tr > td {
    padding: 2px;
}

.hours-col {
    padding: 2px;
}

.hours-title > span {
    margin-left: 80px;
}

.hours-table {
    vertical-align: top;
    margin-top: 0;
    padding-left: 23px !important;
}

label.nt-radio.disabled {
    opacity: .5;
}

#modal > div > span.mod-title > span.fa-exclamation-triangle {
    color: #fbe104;
    text-shadow: -1px -1px 0px black, 1px -1px 0px black, 1px 1px 0px black, -1px 1px 0px black, 0px -2px 0px black;
    
}

#modal > div > span.mod-title > span.fa-check-circle {
    color: #00aa00;
}

#modal > div > span.mod-title > span.fa-ban {
    color: #aa0000;
}

#ynModal > div > span.mod-title > span.fa-question-circle {
    color: #31bad4;
}

div.menu-item.dropdown > ul > a:hover {
    text-decoration: none;
}

.fa-stack .cornered-lr {
    position: absolute;
    bottom: 0px !important;
    text-align: right;  
    line-height: 1em;
    text-shadow: 1px 1px 1px #000;
}

/* other corners available too */
.fa-stack .cornered-ll {
    position: absolute;
    bottom: 0px !important;
    text-align: left;   
    line-height: 1em;
    text-shadow: 1px 1px 1px #000;
}

.fa-stack .cornered-tr {
    position: absolute;
    top: 0px !important;
    text-align: right;  
    line-height: 1em;
    text-shadow: 1px 1px 1px #000;
}

.fa-stack .cornered-tl {
    position: absolute;
    top: 0px !important;
    text-align: left;   
    line-height: 1em;
    text-shadow: 1px 1px 1px #000;
}

.actions > a[href='#'] {
    color: #bbb;
}

.container.history > div:nth-child(even) {
    background: #0000001a;
}

.container.history > div {
    padding: 4px;
}

.steps {
    margin-bottom: 10px;
}

.hours-col > * {
    width: 20px !important;
    min-width: 100% !important;
    display: block;
    margin: 0;
    /* border: 0 !important; */
}

.securityQuestions.bigger > div > select,
.securityQuestions.bigger > div > input {
    width: auto;
    max-width: 100%;
}

.notes.text-right
 {
    position: absolute;
    z-index: 10;
    width: max-content;
    max-width: 300px;
    background: #ffff88;
    left: 50%;
    box-shadow: 2px 2px 5px #00000040;
    padding: 4px 10px;
    box-sizing: border-box;
    word-break: break-all;
    transform: translateX(-50%);
}

.pending-changes {
    display: block;
    color: darkorange;
}

.container.history > div:first-of-type > div {
    /* vertical-align: unset; */
    display: inline-flex;
    align-items: flex-end;
}

form#form1 > .steps {
    padding: 0;
}

.form-padding-x {
    padding: 0 20px;
}

form.securityQuestions [name^="question-"], form.securityQuestions [name^="answer-"] {
    /* width: 312px !important; */
}

.mobile-menu > .menu-item > a > .icon {
    margin-bottom: 10px;
}

.mobile-menu-flyout > .mobile-menu {
    padding-top: 10px;
    /* overflow: auto; */
}

.mobile-menu-flyout > .mobile-menu > .menu-item,
.mobile-menu-flyout > .mobile-menu > .menu-item > a {
    width: 100%;
    height: 60px;
    display: flex;
    align-items: center;
    flex-basis: unset;
    font-size: 1.2em;
    font-weight: bold;
    margin: 0;
}

.mobile-menu-flyout > .mobile-menu > .menu-item > a {
    padding-left: 70px;
    text-align: left;
}

.mobile-menu-flyout > .mobile-menu > .menu-item > a > .icon {
    position: absolute;
    top: 0;
    left: 0;
    width:  70px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mobile-menu-flyout {
    background: var(--primary-colour-washed);
    border-top: 4px solid var(--secondary-colour);
    border-left: 4px solid var(---colour);
    position: fixed;
    top: 80px;
    right: -304px;
    width: 100%;
    height: calc(100% - 80px);
    max-width: 300px;
    z-index: 100000000000;
    transition: .125s all linear;
    overflow-y: auto;
}

.mobile-menu-flyout > .mobile-menu > .menu-item:hover:before {
    content: "";
    display: none;
}

.menu-item.mobile-menu-button {
    display: none;
}

.mobile-menu-flyout.open {
    right: 0;
    transition: .25s all linear;
}

.pull-right.renew {
    margin-top: 12px;
    background: white;
}

.renew.G {
    background: limegreen;
    color: white;
}

.renew.A {
    background: #e05e10;
    color: white;
}

.renew.R {
    background: red;
    color: white;
}

div.renew.banner {
    padding-left: 54px!important;
    position: relative;
}

div.renew.banner > a {
    color: inherit;
    text-decoration: none;
}

div.renew.banner.G:before {
    content: "\f017";
}

div.renew.banner.A:before {
    content: "\f34e";
    animation: ring-alarm linear 3s infinite;
}

div.renew.banner.R:before {
    content: "\f843";
    animation: ring-alarm linear 3s infinite;
}

div.renew.banner:after {
    content: "\f054";
    font-family: "Font Awesome 5 Pro";
    font-weight: bold;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
    transition: .125s all linear;
}

div.renew.banner:hover:after {
    content: "\f054";
    font-family: "Font Awesome 5 Pro";
    font-weight: bold;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    opacity: 1;
    transition: .125s all linear;
}


@keyframes ring-alarm {
    20%, 50% {
        font-size: 1.4em;
    }
    60% {
        font-size: 1.4em;
    }
    70% {
        font-size: 1.6em;
    }
    80% {
        font-size: 1.4em;
    }
    90% {
        font-size: 1.6em;
    }
    100% {
        font-size: 1.4em;
    }
}

div.renew.banner:before {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 44px;
    background: #00000021;
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    font-size: 1.4em;
}

div.renew.A {
    content: "\f017";
}

div.renew.R {
    content: "\f017";
}

.pull-right.renew > a > span {
    display: inline-flex;
    float: left;
    height: 40px;
    width: 40px;
    align-items: center;
    justify-content: center;
    font-size: 1.5em;
    background: #00000020;
    color: white;
}

.pull-right.renew > a > p {
    display: inline-flex;
    float: right;
    margin: 0;
    height: 40px;
    padding: 0px 10px;
    line-height: 1em;
    align-items: center;
    font-size: .8em;
    color: white;
}

.renewal-breakdown {

}

.renewal-breakdown > p {
    margin: 0;
    margin-bottom: 10px;
    font-weight: bold;
}

.renewal-breakdown > div > p {
    margin: 0;
}

.renewal-breakdown > div > p:last-of-type {
    margin-bottom: 10px
}

.renewal-breakdown > div > p.indent-1 {
    padding-left: 15px;
}

.row.table-head > div {
    vertical-align: baseline;
    /* justify-content: center; */
    /* align-items: center; */
    display: inline-flex;
    align-items: flex-end;
}

#price-table > tdiv.body-content > tr:first-of-type > td:first-of-type {
    overflow: hidden;
    /*border-top-left-radius: 6px;*/
}

#price-table > tdiv.body-content > tr:last-of-type > td:first-of-type {
    overflow: hidden;
    /*border-bottom-left-radius: 6px;*/
}

#price-table > tdiv.body-content > tr:last-of-type > td:last-of-type {
    overflow: hidden;
    /*border-bottom-right-radius: 6px;*/
}

#price-table > thead > tr:first-of-type > th:last-of-type {
    overflow: hidden;
    /*border-radius: 0 6px 0 0;*/
}

#price-table > thead > tr:first-of-type > th:nth-child(2) {
    overflow: hidden;
    /*border-radius: 6px 0 0 0;*/
}

#price-table > thead > tr > th,
#price-table > tdiv.body-content > tr > td {
    padding: 5px 10px;
}

#price-table > tdiv.body-content > tr:nth-child(odd) {
    background: #daf5f8;
    color: black;
}

#price-table > tdiv.body-content > tr:nth-child(even) {
    background: #b4ebf2;
    color: black;
}

#price-table > thead > tr > th:not(:empty) {
    background: #b4ebf2;
    color: black;
}

#price-table > thead > tr > th:nth-child(2) {
    border-left: 1px solid;
    border-top: 1px solid;
}

#price-table > thead > tr > th:last-of-type {
    border-right: 1px solid;
    border-top: 1px solid;
}

#price-table > tdiv.body-content > tr:first-of-type > td:first-of-type {
    border-top: 1px solid;
    border-left: 1px solid;
}

#price-table > tdiv.body-content > tr:first-of-type > td:last-of-type {
    border-right: 1px solid;
}

#price-table > tdiv.body-content > tr:not(:first-of-type):not(:last-of-type) > td:first-of-type {
    border-left: 1px solid;
}

#price-table > tdiv.body-content > tr:not(:first-of-type):not(:last-of-type) > td:last-of-type {
    border-right: 1px solid;
}

#price-table > tdiv.body-content > tr:last-of-type > td:first-of-type {
    border-left: 1px solid;
}

#price-table > tdiv.body-content > tr:last-of-type > td {
    border-bottom: 1px solid;
}

#price-table > tdiv.body-content > tr:last-of-type > td:last-of-type {
    border-right: 1px solid;
}

#price-table > tdiv.body-content > tr > td:not(:first-of-type) {
    text-align: center;
}

#price-table > thead > tr > th:not(:first-of-type) {
    text-align: center;
}

#price-table > thead > tr > th:nth-child(2) {
    border-right: 1px solid;
}

#price-table > tdiv.body-content > tr > td:nth-child(2) {
    border-left: 1px solid;
    border-right: 1px solid;
}

#price-table > thead > tr > th:not(:nth-child(1)) {
    border-bottom: 1px solid;
}

div.content.no-number > form > div:not(.action-bar) {
    padding: 0 !important;
}

.renew-table {
    border-top: 1px solid #e05e10;
    border-bottom: 1px solid #e05e10;
    padding: 10px 0;
}

.renew-table > .table-head,
.renew-table > .table-footer {
    color: #e05e10;
}

a[disabled] {
    opacity: .5;
    cursor: default;
}

#app > #viewport > div > canvas {
    border: 4px solid #36b8d6;
    width: 100%;
}

.toolbar {
    max-width: 864px;
    margin: 0 auto;
}

.pull-left.mobile-menu.expired > div:not(.exempt) {
    opacity: .5;
}

.pull-right.menu-item.dropdown.settings.expired > ul > a:first-of-type {
    opacity: .5;
}

.spinner {
  width: 100%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.spinner > div {
  width: 14px;
  height: 14px;
  background-color: white;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
  margin: 0 8px;
}

@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bouncedelay {
  0%, 80%, 100% { 
    -webkit-transform: scale(0);
    transform: scale(0);
  } 40% { 
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
}

tbody:not(.no-highlight):not(.search-results) > tr:nth-child(odd) {
    background: #0000001a;
}

h3, h2 {
    color: #e05e10;
}

#tooltip.tooltip {
    background: #0f4c81;
    border-radius: 2px;
    box-shadow: 2px 2px 2px #00000040;
    color: white;
    padding: 4px 8px;
    font-size: 1em;
    font-weight: normal;
    font-family: Tahoma, sans-serif;
    max-width: 200px;
    overflow: hidden;
    overflow-wrap: normal;
    width: max-content;
    position: absolute;
    opacity: 1;
    word-break: break-word;
    overflow-wrap: normal;
    font-size: .8em;
    line-height: initial;
    z-index: 200000000000000;
}

.tt_wrapper {
    display: inline-block;
}

hr {
    border-color: #e05e10;
    background-color: #e05e10;
    /* border-width: 10px; */
    height: 2px;
    /* border: 2px solid #e05e10; */
    opacity: 1;
}

.notice.terms {
    margin-left: 17px;
    margin-top: 10px;
    width: auto; 
    display: inline-block; 
    padding: 10px;
    color: white;
    background: #e05e10;
    border-radius: 4px;
}

.notice.info {
    width: auto; 
    display: inline-block; 
    padding: 10px;
    color: white;
    background: #e05e10;
    border-radius: 4px;
}

.inline-block {
    display: inline-block;
}

.toolbar > .toolbar {
    max-width: 380px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 !important;
}

.toolbar > .inline-block {
    width: 100%;
    min-width: 0;
    padding: 0 !important;
    display: flex;
    align-items: center;
    flex-direction: row;
    height: 100%;
    /* justify-content: stretch; */
}

.toolbar > .inline-block *:not(.divider) {
    width: 100% !important;
    /* min-width: 120px; */
    text-align: center;
    /* display: flex; */
    /* text-align: center; */
    /* flex: 1 0 auto; */
}

.toolbar > .inline-block > div > *:nth-child(2) {
    margin-top: 4px;
}

a.action.add-employee.disabled > div {
    /* opacity: .5; */
    color: rgba(54, 184, 214, 0.5);
}

a:not([href]):not([tabindex]):not(.action) {
    color: inherit;
    text-decoration: none;
}

.inline-block > span.divider {
    /* height: 34px !important; */
    align-self: stretch;
    justify-content: stretch;
    height: auto;
}

label.container.option.row.disabled {
    opacity: .5;
}

label.nt-radio.disabled {
    opacity: .5;
}

.query-response, .query-orig {
    cursor: pointer;
}

.no-scroll {
    overflow-y: hidden;
}

.full-page {
    color: white;
    padding: 10px;
    position: relative;
    height: 362px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.full-page.plus:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background-color: #2dbbd5;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.full-page.plus:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    /* background-color: darkgray; */
    background-image: url(/images/plus-bg.png);
    opacity: .125;
    width: 100%;
    height: 100%;
    background-attachment: fixed;
    z-index: -1;
    /* animation: background 5s linear infinite; */
}

@keyframes background {
    0% {
        background-position: 0px 0px;
    }
    50% {
        background-position: -40px -40px;
    }
    100% {
        background-position: -80px -80px;
    }
}

.full-page h2 {
    color: white;
}

.grant-employees {
    max-width: 920px;
}

.display-none {
    display: none;
}

input[name^="dd-sort-"] {
    width: 100%;
}

.sort {
    display: flex;
    align-items: center;
    justify-content: center;
}

.sort > .sort-div {
    margin: 0 auto;
    padding: 0 4px;
    color: gray;
}

.sort > input {
    text-align: center;
}

form.dd-details {
    max-width: 240px;
    margin: 0 auto;
}

form.dd-details input {
    border: 0;
    background: transparent;
    width: 100%;
    outline: none;
}

form.dd-details > label.block {
    margin-top: 10px;
}

form.dd-details > input,
form.dd-details > .sort {
    background: white;
    padding: 6px 10px;
    border-radius: 2px;
}

.plus-dd-title {
    font-size: 1.4em;
    margin-bottom: 30px;
}

input[type=submit].inverse {
    background: #e05e10;
    color: white;
}

.sign-up-btn {
    width: auto !important;
    padding: 5px 20px !important;
    margin-top: 10px;
    float: right;
}

.success {
    justify-content: center;
    align-items: center;
    /* margin-bottom: 30px; */
}

.success > .col-md-1 > center > .fas.fa-check-circle {
    font-size: 3em;
    color: #27ae60;
}

.no-padding {
    padding: 0;
}

.row.ee {
    margin-bottom: 4px;
    font-weight: bold;
}

#employees > div.row > div, .row.ee > div {
    padding: 0 2px;
}

#employees > div.row > div:last-of-type {
    align-items: center;
    justify-content: center;
}

#employees > div.row > div:not(:last-of-type) {
    margin-bottom: 4px;
}


/*EE*/
select.ee-login {
    max-width: 100%;
    border: 1px solid #36b8d6;
    border-bottom: 2px solid #36b8d6;
    padding: 4px;
    height: 34px;
    color: #36b8d6;
    overflow: hidden;
    width: 100%;
}

.copy-above {
    padding: 4px;
    margin-left: -20px;
    margin-right: -10px;
    display: inline-block;
    color: #36b8d6;
    position: absolute;
    right: -14px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}

.clear-row {
    padding: 4px;
    margin-left: -20px;
    margin-right: -10px;
    display: inline-block;
    color: #36b8d6;
    position: absolute;
    right: -38px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer; 
}

.split-shift, .ellipsis.fa-ellipsis-v {
    padding: 4px;
    margin-left: -20px;
    margin-right: -10px;
    display: inline-block;
    color: #36b8d6;
    position: absolute;
    left: -6px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}

.query-container.customer {
    background: #36b8d61f;
    padding: 10px;
    border-right: 4px solid #36b8d6;
    border-radius: 4px;
    margin-left: 40px;
    width: fit-content;
    float: right;
    word-break: break-word;
}

.query-container.response {
    background: #00000008;
    padding: 10px;
    border-left: 4px solid #36b8d6;
    border-radius: 4px;
    margin-right: 40px;
    width: fit-content;
    float: left;
    word-break: break-word;
}

.query-container.response.pending {
    background: transparent;
    border: 1px solid #36b8d6;
    text-align: center;
    /* margin-left: 0; */
    margin: 0 0px;
}

.query-container.response.closed {
    background: #e05e1030;
    border: 1px solid #e05e10;
    text-align: center;
    /* margin-left: 0; */
    margin: 0 0px;
}

.query-container > p {
    margin: 0;
}

.mod-content > .query-container:not(:last-of-type) {
    margin-bottom: 10px;
}

.text-lg {
    font-size: 1.4em;
}

.top-space-lg {
    margin-top: 60px;
}

.plus-dd-details > div {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.plus-dd-details > div > .sort {
    display: flex;
    width: 300px;
}

.plus-dd-details > div > .sort > input {
    width: 100%;
}

.plus-dd-details > div > label {
    min-width: 180px;
}

.dd-guarantee {
    /*max-width: 560px;*/
    margin: 20px 0;
}

.dd-guarantee > .title {
    font-size: 1.2em;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: -20px;
    margin-top: -20px;
}

.dd-guarantee > .title > p {
    margin: 0;
}

.dd-guarantee > .title > img {
    margin-left: auto;
}

.terms-conditions {
    display: flex;
    margin-bottom: 20px;
}

.terms-conditions > input {
    margin: 0;
    margin-right: 10px;
    margin-top: 5px;
}

.terms-conditions > label {
    margin: 0;
}

table.renew-table > thead > tr > th, 
table.renew-table > tdiv.body-content > tr > td {
    padding: 5px 30px 5px 10px;
}

.hours-table.holiday-hours.s2-var {
    margin-top: 10px;
}

input[name^="dd-"] {
    padding: 4px !important;
}

input[type=email][name^="employees["] {
    width: 100%;
    min-width: 100%;
    padding: 2px 4px;
}

input[type=time]::-webkit-inner-spin-button, 
input[type=time]::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; 
}

input[type=file][name=p45-file], input[type=file][name=starter-checklist], input[type=file][name="attachments[]"] {
    width: 0;
    height: 0;
    border: 0;
    margin: 0;
    opacity: 0;
    overflow: hidden;
}

.no-margin {
    margin: 0;
}

.no-margin-x {
    margin-left: 0;
    margin-right: 0;
}

.p45-uploaded, .checklist-uploaded, .document-1-uploaded, .document-2-uploaded {
    display: inline-block;
    margin-left: 10px;
    color: forestgreen;
    display: none;
    margin-top: 0px;
}

.bank-details input {
    padding: 2px 5px;
}

.bank-details .row.form-error {
    max-width: 388px;
}

.top-tips {
    display: inline-block;
    margin-left: 52px;
    margin-top: 24px;
    border: 1px solid #0F4C81;
    color: #0F4C81;
    width: 300px;
    font-size: .8em;
    padding: 0 20px;
}

.top-tips > .tip-title {
    background: #0F4C81;
    margin: 0 -20px;
    padding: 10px;
    color: white;
    margin-bottom: 15px;
    text-align: center;
}

.top-tips > p > span {
    display: inline-block;
    /* margin-right: 15px; */
    flex-shrink: 0;
    flex-grow: 0;
    width: 45px;
    text-align: center;
    margin-left: -15px;
}

input[type="text"][name=sickness-time] {
    width: 80px !important;
}

span#lookup, .button.sm {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

label.nt-radio.flex {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

span.info.fas.fa-info.label {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-left: 10px;
    font-size: .9em;
    flex-shrink: 0;
    flex-grow: 0;
    /* right: 28px; */
    /* top: 6px; */
}

.pages > button:not([name=breachMail]), .pages > .page-btns > button:not([name=breachMail]) {
    width: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border-radius: 100%;
}

.pages > button:not(:last-of-type), .pages > .page-btns > button:not(:last-of-type) {
    margin-right: 4px!important;
}

.pages > button.selected, .pages > .page-btns > button.selected {
    background: #e05e10!important;
}

.pages > button:not(:first-of-type) {
    margin-left: 2px;
}

.pages {
    margin: 10px 0;
}

span.mod-title > span.fa-info-circle {
    color: dodgerblue;
}

.lds-facebook > div {
    background: #36b8d6;
}

table td, table th {
    padding: 5px 10px;
}

tbody.no-highlight > tr > td:first-of-type {
    /* padding-left: 0; */
}

tbody.no-highlight > tr > td:last-of-type {
    /* padding-right: 0; */
}

.foot-line {
    /* max-width: 1080px; */
    margin: 100%;
    margin: 0 auto;
    /* height: 30px; */
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    /* transform: translateX(-50%); */
    background: #36b8d6;
    z-index: 10;
    border-top: 2px solid #f5fbff;
    /* padding: 10px; */
    text-align: right;
    color: white;
    font-size: 1em;
    padding: 5px 10px;
}

/* MINI LOADER*/
    .mini-loader {
        vertical-align: middle;
        width: 16px;
        height: 16px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

    .mini-loader > div {
        background: #ffffff80;
        width: 4px; 
        height: 12px;
    }

    .mini-loader > div:nth-child(1) {
        animation: sm-lds-facebook 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
        animation-delay: -0.24s;
    }

    .mini-loader > div:nth-child(2) {
        margin: 0 auto;
        animation: sm-lds-facebook 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
        animation-delay: -0.12s;
    }

    .mini-loader > div:nth-child(3) {
        animation: sm-lds-facebook 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
        animation-delay: 0s;
    }

    @keyframes sm-lds-facebook {
      0% {
        height: 16px;
      }
      50%, 100% {
        height: 8px;
      }
    }
/* END MINI LOADER*/

/* EXPERUMENTAL */
/*FAQ's*/
    .faq:not(.style-2):not(.style-3) > .question {
        height: 40px;
        padding: 0 10px;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        background: #dcf0f5;
        border-bottom: 1px solid #df5e10;
        color: #e05e10;
        position: relative;
        cursor: pointer;
    }

    .faq:not(.style-2):not(.style-3) > .question.closed:before {
        content: " ";
        width: 16px;
        height: 4px;
        background: #e05e10;
        position: absolute;
        right: 10px;
        transition: .2s all linear;
    }

    .faq:not(.style-2):not(.style-3) > .question.closed:after {
        content: " ";
        width: 4px;
        height: 16px;
        background: #e05e10;
        position: absolute;
        right: 16px;
        transition: .2s all linear;
    }

    .faq:not(.style-2):not(.style-3) > .question.open:before {
        content: " ";
        width: 16px;
        height: 4px;
        background: #e05e10;
        position: absolute;
        right: 10px;
        transition: .2s all linear;
    }

    .faq:not(.style-2):not(.style-3) > .question.open:after {
        content: " ";
        width: 4px;
        height: 4px;
        background: #e05e10;
        position: absolute;
        right: 16px;
        transition: .2s all linear;
    }

    .faq:not(.style-2):not(.style-3) > .answer {
        padding: 10px;
        /* background: #dcf0f5; */
        border: 1px solid #df5e10;
        border-top: 0;
        margin-top: -2px;
        margin-bottom: 10px;
    }

    .faq:not(.style-2):not(.style-3) > .question:not(:last-of-type) {
        margin-bottom: 1px;
    }
/*END FAQ's*/

     .faq:not(.style-1):not(.style-3) > .question {
        height: 40px;
        padding: 0 10px;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        background: #36b8d6;
        /* border-bottom: 1px solid #df5e10; */
        color: white;
        position: relative;
        cursor: pointer;
    }

    .faq:not(.style-1):not(.style-3) > .question.closed:before {
        content: " ";
        width: 16px;
        height: 4px;
        background: white;
        position: absolute;
        right: 10px;
        transition: .2s all linear;
    }

    .faq:not(.style-1):not(.style-3) > .question.closed:after {
        content: " ";
        width: 4px;
        height: 16px;
        background: white;
        position: absolute;
        right: 16px;
        transition: .2s all linear;
    }

    .faq:not(.style-1):not(.style-3) > .question.open:before {
        content: " ";
        width: 16px;
        height: 4px;
        background: white;
        position: absolute;
        right: 10px;
        transition: .2s all linear;
    }

    .faq:not(.style-1):not(.style-3) > .question.open:after {
        content: " ";
        width: 4px;
        height: 4px;
        background: white;
        position: absolute;
        right: 16px;
        transition: .2s all linear;
    }

    .faq:not(.style-1):not(.style-3) > .answer {
        padding: 10px;
        /* background: #dcf0f5; */
        border: 2px solid #36b8d6;
        border-top: 0;
        margin-top: -2px;
        margin-bottom: 10px;
    }

    .faq:not(.style-1):not(.style-3) > .question:not(:last-of-type) {
        margin-bottom: 1px;
    }




     .faq:not(.style-1):not(.style-2) > .question {
        /* height: 40px; */
        padding: 5px 10px;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        background: #dcf0f5;
        /* border-bottom: 1px solid #df5e10; */
        color: #36b8d6;
        position: relative;
        cursor: pointer;
        padding-right: 36px!important;
    }

    .faq:not(.style-1):not(.style-2) > .question.closed:before {
        content: " ";
        width: 16px;
        height: 4px;
        background: #36b8d6;
        position: absolute;
        right: 10px;
        transition: .2s all linear;
    }

    .faq:not(.style-1):not(.style-2) > .question.closed:after {
        content: " ";
        width: 4px;
        height: 16px;
        background: #36b8d6;
        position: absolute;
        right: 16px;
        top: 50%;
        transform: translateY(-50%);
        transition: .2s all linear;
    }

    .faq:not(.style-1):not(.style-2) > .question.open:before {
        content: " ";
        width: 16px;
        height: 4px;
        background: #36b8d6;
        position: absolute;
        right: 10px;
        transition: .2s all linear;
    }

    .faq:not(.style-1):not(.style-2) > .question.open:after {
        content: " ";
        width: 4px;
        height: 4px;
        background: #36b8d6;
        position: absolute;
        right: 16px;
        top: 50%;
        transform: translateY(-50%);
        transition: .2s all linear;
    }

    .faq:not(.style-1):not(.style-2) > .answer {
        padding: 10px;
        /* background: #dcf0f5; */
        border: 2px solid #dcf0f5;
        border-top: 0;
        margin-top: -2px;
        margin-bottom: 10px;
    }

     .faq:not(.style-1):not(.style-2) > .answer > p:first-of-type {
         margin-top: 0;
     }

     .faq:not(.style-1):not(.style-2) > .answer > p:last-of-type {
         margin-bottom: 0;
     }

    .faq:not(.style-1):not(.style-2) > .question:not(:last-of-type) {
        margin-bottom: 1px;
    }
/* EXPERIMENTAL */

#document-1-view, #document-2-view {
    display: none;
}

.notifications:hover > .notifcation-container {
    display: block;
}

div.menu-item.notifications[count="0"] > a > .icon > .count {
    display: none;
}

div.menu-item.notifications:not([count="0"]) > a > .icon > .count {
    background: #2dbbd5;
    color: white;
    font-size: .5em;
    padding: 3px 5px;
    border-radius: 20px;
    position: absolute;
    right: -4px;
    top: -4px;
    transform: translate(+50%, -50%);
    min-width: 20px;
    min-height: 20px;
    display: block;
    align-items: center;
    justify-content: center;
}

.notifcation-container {
    min-width: 300px;
    padding: 4px;
    background: white;
    position: absolute;
    right: 0;
    top: 100%;
    border: 1px solid #36b8d6;
    text-align: left;
    font-size: .8em;
    display: none;
    max-height: 300px;
    overflow: auto;
    /* position: relative; */
    border-top: 4px solid #e05e10;
    z-index: 10;
}

.notifcation-container > .title, .notifcation-container > .actions {
    font-weight: bold;
    color: #333;
}

.notifcation-container > .title {
    border-bottom: 2px solid #36b8d6;
    background: white;
    position: sticky;
    top: 0;
    z-index: 2;
}

.notifcation-container > .actions {
    border-top: 2px solid #36b8d6;
    margin-top: 2px;
}

.notifcation-container > .content > .notification {
    padding: 4px 8px;
    margin-top: 2px;
    position: relative;
    background: #dcf0f5;
    color: #1e1b2f;
}

.notifcation-container > .content > .notification.green {
    background: limegreen;
    color: white;
}

.notifcation-container > .content > .notification.amber {
    background: #e05e10;
    color: white;
}

.notifcation-container > .content > .notification.red {
    background: red;
    color: white;
}

.notifcation-container > .content > .notification > .title {
    font-weight: bold;
}

.notifications.red {
    color: #c0392b;
}

.notifications.amber {
    color: #e05e10;
}

.notifcation-container > .content > .notification[www-link] {
    cursor: pointer;
}

.notifcation-container > .content > .notification[www-link]:before {
    content: "\f054";
    font-family: "Font Awesome 5 Pro";
    font-weight: bold;
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
    width: 40px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(90deg, transparent, transparent 0%);
    padding-left: 0;
    transition: .125s all linear;
}

.notifcation-container > .content > .notification[www-link]:hover:before {
    content: "\f054";
    font-family: "Font Awesome 5 Pro";
    font-weight: bold;
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
    opacity: 1;
    width: 40px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(90deg, transparent, #dcf0f5 50%);
    padding-left: 20px;
    transition: .125s all linear;
}

.row.ee, form#employees > .row {
    margin: 0;
}

.net-warning {
    margin-top: 20px;
}

.net-warning:before {
    content: " ";
    display: block;
    width: 100%;
    height: 20px;
    background: repeating-linear-gradient(-45deg, white, white 10px, #e05e10 10px, #e05e10 20px);
}

div.cookies-notice {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 10px;
    background: black;
    color: white;
    z-index: 99999999999999999999999;
}

div.cookies-notice > div > p {
    margin: 0;
}

dialog#modal.rate > .modal-container {
    max-width: 480px;
}

div[class*="rating-stars"] {
    font-size: 2em;
}

div[class*="rating-stars"] {
    width: fit-content;
    margin: 10px auto;
    color: white;
    margin-bottom: 24px;
    text-shadow: 1px 1px 2px black;
}

div[class*="rating-stars"] > span {
    padding: 0 4px;
    position: relative;
}

div[class*="rating-stars"] > span.fas {
    color: gold;
}

[rating].missing {
    animation: .2s cubic-bezier(0.25, 0.46, 0.45, 0.94) star-missing 2;
}

span.fa-star.star-click:after {
    content: "\f005";
    position: absolute;
    left: 4px;
    top: 0;
    animation: .5s cubic-bezier(0.25, 0.46, 0.45, 0.94) star-click 1;
    transform: scale(.9);
    text-shadow: none;
}

@keyframes star-click {
    from: {
        transform: scale(.9);
        opacity: 1;
    }
    to {
        transform: scale(2);
        opacity: 0;
    }
}

@keyframes star-missing {
    0% {
        padding: 0 4px;
        transform: rotate(0deg);
    }
    25% {
        padding: 0 5px;
        transform: rotate(5deg)
    }
    50% {
        padding: 0 4px;
        transform: rotate(0deg);
    }
    75% {
        padding: 0 5px;
        transform: rotate(-5deg)
    }
    100% {
        padding: 0 4px;
        transform: rotate(0deg);
    }
}

.loading-screen {
    position: fixed;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    left: 0;
    top: 0;
    background: #dcf0f5;
    z-index: 9999999999999999999999999999999999999999;
}

.loading-screen > div > h2 {
    color: #1e1b2f;
    margin-bottom: 60px;
    /* height: 80px; */
    /* display: flex; */
    align-items: center;
    justify-content: center;
    animation: 1.5s linear grow;
    animation-fill-mode: forwards;
    padding: 20px 0;
    padding-top: 20px;
}

div.loading-screen > div > div > div {
    background: #e15f0f;
}

@keyframes grow {
    0% {
        font-size: 1rem;
        opacity: 0;
    }
    100% {
        font-size: 2rem;
        opacity: 1;
    }
}

div.body-content > div.container {
    padding: 0;
}

/*p[id^="text-"] {
    font-size: .8em;
}*/

p[id^="text-"] > input[name*="weeks"] {
    width: 80px !important;
    font-size: 1em;
}

span[id^="document-"][id$="-view"], label.upload {
    width: 80px;
}

.address {
    /* display: block; */
    width: inherit;
}

form[id^="form"] > div {
    padding: 0 20px;
}



.address.payment > input, .address.payment > select {
    width: 279px;
}

div.bank-details:not(.add-ee) > input, div.bank-details:not(.add-ee) > div {
    display: block;
}

div.bank-details > input:not(:last-of-type),
div.bank-details > div:not(:last-child) {
    margin-bottom: 4px;
}

div.bank-details > .expiry-date > input,
input[name=cvv] {
    width: 70px;
    min-width: 0 !important;
}

div.bank-details > div {
    display: flex;
    align-items: center;
}

div.bank-details > div > .exp-div {
    margin: 0 6px;
}

form.payment {
    width: fit-content;
    position: relative;
    margin: 0 auto;
}

.address.payment > input:not(:last-of-type), .address.payment > select:not(:last-child) {
    margin-bottom: 4px;
    /* height: 30px; */
}

form.payment select[name=title] {
    width: 76px;
}

form.payment input, form.payment select {
    height: 30px;
    padding: 0 5px;
}

form.payment input[type=submit] {
    padding: 0 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
}

form.payment > div.form-section > div {
    /* padding: 2px; */
}

form.payment > .row.form-section:not(:first-of-type) {
    margin-top: 20px;
}

.accepted-payments {
    width: fit-content;
    display: inline-block;
    margin-right: auto;
}

.col-md-12.no-padding.flex {
    display: flex;
    align-items: center;
    justify-content: center;
}

form.payment > .row.toolbar.no-padding-top {
    margin-left: -15px;
    margin-right: -15px;
}

span.pound {
    width: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #dcf0f5;
    border: 1px solid #36b8d6;
    border-right: 0;
    vertical-align: top;
}

input[name=salcal] {
    height: 30px;
    text-align: right;
    padding: 0 5px;
    padding-bottom: 2px;
    background: #dcf0f5;
    border: 1px solid #36b8d6;
}

table.calculation > tdiv.body-content > tr > td:first-of-type {
    width: 200px;
}

.staff-search > div > label {
    width: 180px;
}
.staff-search > div > input:not([type=submit]) {
    width: 240px;
}
.staff-search > div > input[type=submit] {
    width: 117.5px;
}
table.search-results > thead > tr > th,
table.search-results > tdiv.body-content > tr > td {
    padding: 5px !important;
}

table.search-results > thead > tr > th:nth-child(1),
table.search-results > tdiv.body-content > tr > td:nth-child(1) {
    width: 170px;
}

table.search-results > thead > tr > th:nth-child(2),
table.search-results > tdiv.body-content > tr > td:nth-child(2) {
    width: 280px;
}

table.search-results > thead > tr > th:nth-child(3),
table.search-results > tdiv.body-content > tr > td:nth-child(3) {
    width: 100px;
    text-align: center;
}

table.search-results > thead > tr > th {
    background: #dcf0f5;
    border: 1px solid #36b8d6;
}

table.search-results > tdiv.body-content > tr > td {
    border: 1px solid #36b8d6;
}

.top-space-md {
    margin-top: 30px;
}

.add-employee > div > span.info {
    position: absolute;
    top: 10px;
    right: 10px;
    color: #e05e10;
}

a.add-employee > div > p {
    margin: 0;
    margin-top: 6px;
    font-size: .8em;
    font-weight: bold;
    color: #e05e10;
}


.customers .row {
    margin: 0;
}

.customers div[class^="col-"] {
    padding: 0;
}

.customers .row.employees {
    padding-left: 30px;
}

.customers > .result:not(:first-of-type) {
    margin-top: 4px;
}

.customers > .result > form > .employees > .employee {
    margin-top: 4px;
}

form.staff-search > div > div > input {
    width: 117px;
}

a.ee-expand {
    width: 20px;
    height: 20px;
    display: inline-flex;
    vertical-align: middle;
    background: #0f4c81;
    align-items: center;
    justify-content: center;
    color: white;
    font-weight: bold;
    margin-right: 10px;
}

.groupType > label {
    width: 162px;
    margin: 0;
    height: 34px;
    display: inline-flex;
    align-items: center;
}

.groupType > input:not([type=radio]),
.groupType > select {
    width: 200px;
    height: 34px;
    vertical-align: top;
}

.type-G > .groupType:not(:last-of-type) {
    margin-bottom: 4px;
}

.notification {
    position: relative;
    transition: .125s all linear;
}

.notification.selected {
    border: 1px solid #e05e10;
    border-left: 4px solid #e05e10;
    background: #e05e102b!important;
    transition: .125s all linear;
}

span.mark-read {
    cursor: pointer;
    color: #dcf0f5;
}

span.dismiss {
    display: none;
    position: absolute;
    right: 4px;
    top: 50%;
    background: #e05e10;
    width: 24px;
    height: 24px;
    /* border: 1px solid #e05e10; */
    border-radius: 100%;
    padding-top: 1px;
    cursor: pointer;
    transform: translateY(-50%);
    color: white;
}

.notification[notif-id]:hover > span.dismiss {
    display: flex;
    align-items: center;
    justify-content: center;
}

.invite-progress {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: flex;
    align-items: center;
    /* flex-grow: 0; */
    justify-content: center;
    background: rgba(255, 255, 255, .55);
    z-index: 99999999999999;
    flex-grow: 0;
    flex-shrink: 0;
    flex-direction: column;
}

.invite-progress > .progressText {
    font-size: 2em;
}

.row.customer > div {
    display: flex;
    align-items: center;
}

.reference-box {
    background: #dcf0f5;
    border: 1px solid #36b8d6;
    max-width: 750px;
    margin: 0 auto;
    padding: 10px;
}

.reference-box > p:first-of-type {
    margin-top: 0;
}

.reference-box > p:last-of-type {
    margin-bottom: 0;
}

.reference-actions {
    max-width: 750px;
    margin: 0 auto;
}

.employees {
    /* margin-bottom: 20px; */
    padding-bottom: 4px;
    /* background: rgba(15, 76, 129, .2); */
    /* max-width: 817px; */
}

.row.result {
    margin-top: 0;
    transition: .4s all linear;
}

.row.result.open:not(:first-child) {
    margin-top: 20px;
    transition: .4s all linear;
}

.row.result.open:not(:last-child) {
    margin-bottom: 20px;
    transition: .4s all linear;
}

.row.nanny-ma {
    font-size: .8em;
}

.nanny-ma > .col-md-6.col-sm-12.col-xs-12.mobile > div.row {
    border-bottom: 1px solid #30bbd5;
    color: #30bbd5;
}

.nanny-ma > .col-md-6.col-sm-12.col-xs-12.desktop > div.row {
    border-bottom: 1px solid #005096;
    color: #005096;
}

.nanny-ma > .col-md-6.col-sm-12.col-xs-12.mobile.nannies > center > h2 {
    background: #C7BBDD;
}

.nanny-ma > .col-md-6.col-sm-12.col-xs-12.mobile.nannies > div.row {
    border-color: #C7BBDD;
}

.nanny-ma > .col-md-6.col-sm-12.col-xs-12.nannies.mobile > div.row {
    color: #C7BBDD;
}

.nanny-ma > .col-md-6.col-sm-12.col-xs-12.desktop.nannies > center > h2 {
    background: #DB0079;
}

.nanny-ma > .col-md-6.col-sm-12.col-xs-12.desktop.nannies > div.row {
    border-color: #DB0079;
}

.nanny-ma > .col-md-6.col-sm-12.col-xs-12.nannies.desktop > div.row {
    color: #DB0079;
}

.nanny-ma > .col-md-6.col-sm-12.col-xs-12 > div.row {
    margin: 0;
}

.nanny-ma > .col-md-6.col-sm-12.col-xs-12 p {
    margin: 0;
}

.nanny-ma > .col-md-6.col-sm-12.col-xs-12 > center > h2 {
    color: white;
    font-size: 1.4em;
    padding: 10px;
    margin-bottom: 20px;
}

.nanny-ma > .col-md-6.col-sm-12.col-xs-12.mobile.employer > center > h2 {
    background: #30bbd5;
}

.nanny-ma > .col-md-6.col-sm-12.col-xs-12.desktop.employer > center > h2 {
    background: #005096;
}

a.services-button {
  padding: 5px 10px !important;
  text-align: center;
  color: #E05E10;
  transition: .1s all linear;
  display: inline-block;
  white-space: normal;
  word-wrap: normal;
  font-size:  1.2em !important;
  padding: 10px 20px;
  border-radius:  6px;
  background: #E05E10 !important;
  color: white !important;
  border:  none !important;
  margin-bottom: 20px;
}

a.services-button:hover {
    padding: 5px 15px !important;
    /* text-align: center; */
    color: white !important;
    text-decoration: none;
    /* background: #E05E10; */
    /* font-weight: bold; */
    /* transition: .1s all linear; */
}

.col-md-6.col-sm-12.col-xs-12 > .row > div:nth-child(2) {
    text-align: center;
}

.col-md-6.col-sm-12.col-xs-12 > .row {
    display: flex;
    align-items: center;
}

.col-md-6.col-sm-12.col-xs-12 > center > p {
    margin-bottom: 20px !important;
}

.employees > form > .row.employee > div:first-of-type {
    padding-left: 15px;
}

span.info.fas.fa-info {
    color: #0f4c81;
}

span.info > .info-box {
    background: #0f4c81;
}

.inline {
    display: inline-block;
}

form.contracts *:not([type=radio]) {
    vertical-align: middle;
    margin: 0;
}

form.contracts > div.inline > div.refine > * {
    margin: 0;
}

form.contracts > div.inline.inputs > div > labe; {
    vertical-align: top;
}

form.contracts > div.inline.inputs > div > input[type=text],
form.contracts > div.inline.inputs > div > input[type=date] {
    height: 34px;
    width: 140px;
    padding: 0 4px;
}

form.contracts > div.inline > div.refine {
    /* margin-top: 5px; */
    margin-left: 20px;
}

form.contracts > div.inline > div.refine > input[value=closed] {
    margin-left: 20px;
}

form.contracts > div.inline.inputs {
    padding-left: 20px;
}

.contract-result {
    background: #0f4c8144;
    padding: 5px;
    border-radius: 2px;
    /* overflow: hidden; */
}

.contract-result > .row.toolbar {
    background: #ddd;
    padding: 5px;
    max-width: calc(100% + 20px);
    margin: 10px -5px -5px -5px;
    /* border-top: 1px solid #888; */
    /* color: white; */
    display: none;
}

.contract-result:hover > .row.toolbar {
    display: flow-root;
}

.row.toolbar button:hover {
    background: rgba(0, 0, 0, .15);
    border-radius: 3px;
}

.row.toolbar button {
    color: #333;
    padding: 0 10px;
    border: 0;
    background: 0;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    appearance: none;
}

.row.toolbar button > span {
    margin-right: 10px;
}

.row.toolbar> button:not(:first-of-type) {
    margin-left: 0px
}

.row.heading {
    padding: 10px;
}

.row.heading * {
    vertical-align: bottom;
    display: flex;
    align-items: flex-end;
    margin: 0;
}

.contract-results > .contract-result:not(:first-of-type) {
    margin-top: 4px;
} 

.row.top-space.heading > .center {
    justify-content: center;
}

div.sidebar {
    background: #36b8d6;
    /* overflow: hidden; */
    padding: 10px;
    min-height: 660px;
    max-height: 660px;
    /* overflow: auto; */
    position: relative;
    padding: 0 10px;
    padding-top: 10px;
}

.sidebar-cont {
    margin: 0;
}

div.sidebar > .heading {
    font-weight: bold;
    color: white;
    display: block;
    margin-bottom: 4px;
}

div.sidebar > .ee-results > .employees {
    list-style: none;
    padding: 0;
    color: white;
    position: relative;
    margin: 0;
    width: 100%;
}

div.sidebar > .ee-results > .employees > .employee {
    color: white;
    /* padding: 4px; */
    position: relative;
    display: block;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
}

div.sidebar > .ee-results > .employees > .employee.pending {
    color: rgba(255, 255, 255, .6)
}

div.sidebar > .ee-results > .employees > .employee > .action-menu {
    list-style: none;
    display: none;
    padding-left: 10px;
}

div.sidebar > .ee-results > .employees > .employee > .action-menu > a {
    color: white;
    display: block;
}

div.sidebar > .ee-results > .employees > .employee > .action-menu > a {
    padding: 4px;
    margin-left: -10px;
    text-decoration: none;
    padding-left: 24px;
}

div.sidebar > .ee-results > .employees > .employee > .action-menu > a:hover {
    background: rgba(0, 0, 0, .1);
}

div.sidebar > .ee-results > .employees > .employee:hover {
    background: rgba(0, 0, 0, .1);
}

*:not(.actions) > .employee:not(.pending):not(.no-plus):before {
    content: " ";
    width: 16px;
    height: 4px;
    position: absolute;
    right: 4px;
    top: 14px;
    transform: translateY(-50%;);
    background: white;
    transition: .4s all linear;
}

*:not(.actions) > .employee:not(.pending):not(.no-plus):after {
    content: " ";
    width: 4px;
    height: 16px;
    position: absolute;
    right: 10px;
    top: 8px;
    background: white;
    transition: .4s all linear;
}

.employee:not(.pending):not(.no-plus).open:after {
    height: 4px;
    position: absolute;
    top: 14px;
    transition: .4s all linear;
}

.branded-text {
    color: #36b8d6;
}

div.sidebar > .ee-results > .employees > .employee.open {
    background: rgba(0, 0, 0, .1);
}

.row.sidebar-cont > .float-left {
    order: 1;
}

.row.sidebar-cont > .float-right {
    order: 2;
}

.calculator-block {
    display: inline-block; 
    vertical-align: bottom; 
}

.calculator-block:not(:first-of-type) {
    margin-left: 10px;
}

div.slick-track > div.slide {
    padding: 10px;
    background-color: white;
    color: white;
    min-height: 220px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 80px;
    background-size: cover;
    border: 0!important;
    margin: 0!important;
}

div.slick-track > div.slide > div {
    width: 100%;
}

div.slick-track > div.slide > div > div.col-md-4 > img {
    max-width: 260px;
}

div.slide *:not([href]):not(span) {
    text-shadow: 2px 2px 2px rgba(0, 0, 0, .5);
}

div.slide.christmas .snow-container {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

div.slide.christmas {
    position: relative;
    overflow: hidden;
    background: radial-gradient(ellipse at bottom, #1b2735 0%, #090a0f 100%);
    color: white!important;
}

div.slide.christmas h2 {
    font-family: 'Euphoria Script', cursive;
    font-size: 5em;
    color: white;
}

div.slide.christmas p {
    max-width: 70%;
    margin: 0 auto;
}

div.slide.payroll-cutoff {
    background-color: #0f4c81!important;
    color: white!important;
}

div.slide.payroll-cutoff h2 {
    font-weight: bold;
}

div.slide.payroll-cutoff *:not(a) {
    color: white!important;
    text-shadow: none!important;
}

div.slide.payroll-cutoff a {
    color: var(--secondary-colour);
}

div.slide.payslips {
    background-color: #ffdb58!important;
    color: #333!important;
}

div.slide.payslips *:not([href]):not(span) {
    text-shadow: none!important;
}

div.slide.acas {
    background-image: url('/images/banners/ACAS_Banner_Large.png');
    background-size: 100%;
    color: white!important;
    text-shadow: none!important;
}

div.slide.bapn {
    background-image: url('/images/banners/BAPN_Banner_Large.png');
    color: white!important;
    text-shadow: none!important;
}

div.slide.bapn * {
    text-shadow: none!important;
}

div.slide.bapn-wide {
    background-image: url('/images/banners/BAPN_EE 1080x220_compressed.png');
    color: white;
    /* text-shadow: none!important; */
}

div.slide.welcome {
    background-image: url('/images/banners/WelcometoyourMA_ER 780x660_compressed.png');
    /*background-blend-mode: multiply;
    background-color: #16a085!important;*/
}

div.slide.welcome-wide {
    background-image: url('/images/banners/WelcometoyourMA_ER 1080x220_compressed.png');
    height: 220px;
    /*background-blend-mode: multiply;
    background-color: #16a085!important;*/
    color: white;
}

div.slide.salary-guide {
    background-image: url('/images/banners/SalaryGuide_ER 780x660_compressed.png');
}

div.slide.ni {
    background-image: url('/images/banners/NI_Banner_Large.png');
}

div.slide.ni-wide {
    background-image: url('/images/banners/Nannyinsure_EE 1080x220_compressed.png');
}

div.slide.refer {
    background-image: url('/images/banners/Refer_Banner_Large.png');
}

div.slide.refer-wide {
    background-image: url('/images/banners/ReferyournewEmployer_EE 1080x220_compressed.png');
}

div.slide.fourth {
    background-image: url(/images/bigsunglassesciStock.jpg);
}

div.slide.nannytax.plus {
    background-image: url('/images/banners/NannytaxPlus_ER 780x660_compressed.png');
}

div.slide.nannytax.plus-wide {
    background-image: url('/images/banners/NannytaxPlus_ER 1080x220_compressed.png');
}

div.slide.stafftax.plus {
    background-image: url('/images/banners/STPlus_ER 780x660_compressed.png');
}

div.slide.stafftax.plus-wide {
    background-image: url('/images/banners/StafftaxPlus_ER 1080x220_compressed.png');
}

div.slide.eli {
    background-image: url('/images/banners/ELI MA_compressed.png');
    background-blend-mode: multiply;
    background-color: rgba(0, 0, 0, .15)!important;
    text-shadow: none!important;
}

div.slide.eli h1 {
    margin-top: 0;
}

div.slide.eli p {
    margin-bottom: 0;
}

div.slide.rate {
    background-image: url('/images/banners/FeedbackPage_ER 780x660_compressed.png');
}

div.slide.rate-wide {
    background-image: url('/images/banners/FeedbackPage_ER 1080x220_compressed.png');
}

div.slide.quartz {
    background-image: url('/images/banners/Quartz_ER 780x660_compressed.png');
}

div.slide.quartz-wide {
    background-image: url('/images/banners/Quartz_ER 1080x220_compressed.png');
}

div.slide.pensions {
    background-image: url('/images/banners/WorkplacePensions_ER 780x660_compressed.png');
}

div.slide.pensions-wide {
    background-image: url('/images/banners/WorkplacePensions_ER 1080x220_compressed.png');
}

div.slide.hr {
    background-image: url('/images/banners/HRSupport_ER 780x660_compressed.png');
}

div.slide.hr-wide {
    background-image: url('/images/banners/HRSupport_ER 1080x220_compressed.png');
}

div.slide.blog {
    background-image: url('/images/banners/LatestBlogs_ER 780x660_compressed.png');
}

.content.bottom {
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
}

.text-right {
    text-align: right;
}

.flex-align-right {
    margin-left: auto;
}

.flex-align-left {
    margin-right: auto;
}

.flex-align-center {
    margin: 0 auto;
}

button.slick-next {
    right: 0;
    width: 80px;
    /* text-align: right; */
    height: 100%;
}

button.slick-next:hover {
    background: rgb(0,0,0);
    background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.25) 100%);
}

button.slick-prev {
    left: 0;
    width: 80px;
    height: 100%;
    z-index: 10;
}

button.slick-prev:hover {
    background: rgb(0,0,0);
    background: linear-gradient(90deg, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0) 100%);
}

.employee > .name {
    padding: 4px;
    padding-right: 24px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 80%;
    width: 100%;
    min-height: 46px;
}

ul.action-menu > a > li > span.fas {
    width: 30px;
    text-align: left;
}

h1.refer-ribbon {
  background-color: #e3671c;
  width:200px;
  height: 40px;
  text-align:center;
  position:relative;
  color:#fff;
  transform: skew(0deg, -4deg);
  font-size: 1.6em;
  margin-bottom: 30px;
}

h1.refer-ribbon > span:not(.far) {
    background-color: #e05e10;
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
    height: 40px;
}

h1.refer-ribbon:before, h1.refer-ribbon:after {
  background-color: #9c3b00;
  width: 40px;
  height: 100%;
  content:'';
  display:block;
  transform:skewY(20deg);
  position:absolute;
}

h1.refer-ribbon:before {top:10px; left:0; }
h1.refer-ribbon:after {top:-10px; right:0; }

.social-media-bar {
    margin: 0 auto;
}

a.social-media {
    background: white;
    display: inline-flex;
    width: 40px;
    height: 40px;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    color: #1e1a2e;
    text-decoration: none;
    transform: scale(.9);
    transition: .12s all linear;
    font-size: 1.2em;
}

a.social-media:hover {
    transform: scale(1.1);
}

a.social-media * {
    margin: 0;
}

.blog {
    overflow: hidden;
    border: 2px solid var(--primary-colour);
    cursor: pointer;
}

.blog > .featured-image {
    display: flex;
    max-height: 100px;
    align-items: center;
    justify-content: center;
}

.blog > .featured-image > img {
    width: 100%;
    z-index: -1;
    transition: .12s all linear;
}

.blog:hover > .featured-image > img {
    transform: scale(1.2);
    transition: .12s all linear;
}

.blog > .info-block {
    background: var(--primary-colour);
    padding: 10px 4px;
    color: white;
    font-size: .8em;
    text-align: center;
    z-index: 2;
    position: relative;
}

.blog:not(:first-of-type) {
    margin-top: 15px;
}

.blog:last-of-type {
    /* margin-bottom: 10px; */
}

.ee-sidebar {
    /* background: #ddd; */
    margin-bottom: 15px;
    z-index: -1;
    padding: 15px;
    border: 1px solid #36b8d6;
    background: #dcf0f5;
}

.col-md-9.float-right.ee-profile > .row:not(:first-of-type) {
    margin-top: 10px;
}

.col-md-9.float-right.ee-profile > .row > div:first-child {
    font-weight: bold;
}

form.refer > div.row > div > div:not(:first-of-type) {
    margin-top: 4px;
}

form.refer > div.row > div > div > div.address > input:not(:first-of-type) {
    margin-top: 4px;
}

form.refer > div.row > div > div > input, 
form.refer > div.row > div > div > select  {
    height: 34px;
    padding: 0 4px;
    /* margin: 0 !important; */
    vertical-align: top;
}

form.refer > div.row > div > div > span {
    vertical-align: top;
}

form.refer > div.row > div > div > input[name*='email'],
form.refer > div.row > div > div > input[name*='-tel'] {
    width: 277px;
}

.col-md-9.float-right.ee-profile:before {
    content: " ";
    width: calc(100% - 10px);
    height: 100%;
    border: 2px solid #e05e10;
    position: absolute;
    left: 5px;
    /* background: rgba(224, 94, 16, 0.12); */
    top: 0;
    z-index: -1;
}

.col-md-9.float-right.ee-profile {
    position: relative;
    padding-top: 10px;
    padding-bottom: 10px;
}

.slick-slide > div.col-md-3 > img {
    width: 100%;
    max-width: 160px;
    margin: 0 auto;
}

.home-content > .row > .col-md-8 {
    display: flex;
    flex-direction: column;
}
.slider {
    margin-top: 10px;
}

.col-md-9.float-right.home-content > .row:first-child {
    margin-bottom: 15px;
}

li.employee> div.name > span.info {
    border-color: white;
    color: white;
    font-size: .8em;
    width: 20px;
    height: 20px;
    margin-bottom: 5px;
    /* float: right; */
    vertical-align: top;
    /* right: 5px; */
    position: absolute;
}

.ee-results {
    max-height: 562px;
    overflow-y: auto;
}

.border-box {
    position: absolute;
    left: 15px;
    top: 0;
    width: calc(100% - 15px);
    height: 100%;
    border: 1px solid var(--secondary-colour);
    padding: 15px 15px;
}

.col-md-7.ee-dob > .fa-birthday-cake {
    margin-left: 20px;
    margin-right: 4px;
}

div.smileys {
    display: flex;
}

div.smileys > a {
    font-size: 5em;
    margin: 0 auto;
    color: black;
    transition: .125s all linear;
}

div.smileys > a:hover {
    transform: scale(1.1);
}

div.smileys > a.happy {
    color: #2ecc71;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: #16a085;
    text-shadow: none;
}

div.smileys > a.neutral {
    color: #f1c40f;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: #f39c12;
    text-shadow: none;
}

div.smileys > a.frown {
    color: #e74c3c;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: #c0392b;
    text-shadow: none;
}

.rating-stars.flex {
    display: flex;
}

.rating-stars.flex > span.fa-star {
    margin: 0 auto;
    font-size: 1em;
}

.action > div {
    max-width: 100%;
}

.action > div > span.ee-name {
    font-size: 1em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* number of lines to show */
    -webkit-box-orient: vertical;
    max-width: 100%;
    margin: 0 auto;
    padding: 0px 10px;
}

.foot-line:after {
    content: " ";
    position: fixed;
    width: 100%;
    height: 1920px;
    background: #36b8d6;
    left: 0;
}

dialog#modal > .modal-container > .mod-content {
    /* overflow: unset!important; */
}

.rate span.mod-content > div:not(.no-bg) {
    background-image: url('/images/banners/FeedbackPage_ER 1080x220_compressed.png');
    width: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 80px;
    /* background-size: cover; */
    /* background-color: #36b8d6; */
    /* background-blend-mode: overlay; */
    margin: -10px;
    margin-bottom: 4px;
    text-shadow: 2px 2px 3px black;
    border-bottom: 1px solid #36b8d6;
    background-size: 140%;
    background-position: 60%;
}

.renew.banner {
    padding: 10px;
    margin-bottom: 10px;
}

.renewal-notices {
    width: 100%;
    display: flex;
}

.renewal-notices > div {
    width: 100%;
}

.ee-name > span {
    cursor: pointer;
}

.contract-result > .row > div {
    align-items: center;
    display: flex;
}

.contract-result > .row > div.text-center {
    justify-content: center;
}

button.red {
    color: rgb(170, 0, 0);
}

ul.form-options {
    list-style: none;
    width: 34px;
    height: 34px;
    float: right;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    font-size: 1.4em;
    position: relative;
    /* margin-top: -25px!important; */
    z-index: 10;
}

ul.form-options > span {
    cursor: pointer;
}

ul.form-options > ul {
    font-size: .8em;
    position: absolute;
    right: 0;
    top: 100%;
    display: none;
    width: 255px;
    font-size: .64em;
    list-style: none;
    background: #0f4c81;
    color: white;
    padding: 0;
}

ul.form-options > ul > a {
    text-decoration: none;
    color: white;
}

ul.form-options > ul > a > li {
    height: 40px;
    padding: 4px 10px;
}

ul.form-options > ul > a > li > .icon {
    display: inline-flex;
    width: 40px;
    height: 40px;
    background: #0004;
    margin-left: -10px;
    margin-top: -4px;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
}

ul.form-options > ul > a:hover > li {
    background: #0004;
}

ul.form-options.open > ul {
    display: block;
}

.col-name {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    /* max-width: 267px; */
    /* width: 267px; */
    display: inline-block!important;
}

ul.user-action {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    list-style: none;
    padding: 0;
}

ul.user-action > span {
    display: flex;
    width: 24px;
    height: 24px;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

ul.user-action > ul {
    display: none;
    z-index: 1000;
    position: absolute;
    right: 0;
    top: 100%;
    background: #0f4c81;
    color: white;
    padding: 0;
    list-style: none;
    width: 180px;
    border-radius: 2px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .3);

}

ul.user-action.open > ul {
    display: block;
    font-size: .9em;
}

ul.user-action > ul > li > button {
    -webkit-appearance: none;
    border: 0;
    width: 100%;
    text-align: left;
    height: 36px;
    background: none;
    color: white;
    overflow: hidden;
}

ul.user-action > ul > li > button:hover {
    background: #0004;
}

ul.user-action > ul > hr {
    margin: 4px 0!important;
}

ul.user-action > ul > li > button > span {
    display: inline-flex;
    width: 36px;
    height: 36px;
    align-items: center;
    justify-content: center;
    background: #0004;
    margin-left: -6px!important;
    margin-right: 6px !important;
    margin-top: -1px !important;
    margin-bottom: -1px !important;
}

@media (min-width: 768px) {
    .col-md-1half {
        flex: 0 0 4.1666665%;
        max-width: 4.1666665%;
    }
}

.col-md-12.ee-data {
    padding: 15px;
}

.col-md-12.ee-data {

padding: 0 15px;

background: #0f4c8133;
}

.col-md-12.ee-data > div.row:nth-child(odd) {
    background: #0f4c8133;
}

span.name {
    max-width: 260px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    vertical-align: bottom;
}

.pages > button[name=breachMail]:not(:first-child) {
    margin-right: 10px;
}

.page-btns {
    display: inline-block;
}

.reject-reason {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: 5px;
}

.reject-reason > span {
    cursor: pointer;
}

.reject-reason > div {
    display: none;
    position: relative;
}

.reject-reason.open > div {
    background: #0f4c81;
    max-width: 314px;
    height: max-content;
    position: absolute;
    top: 100%;
    right: 0;
    display: block;
    z-index: 20;
    width: max-content;
    white-space: initial;
    color: white;
    padding: 5px;
    text-align: left;
}

.reject-reason > div > p:first-of-type {
    margin-top: 0;
}

.reject-reason > div > p:last-of-type {
    margin-bottom: 0;
}

button[disabled] {
    opacity: .25;
}

.contract-result.red {
    color: red;
}

.contract-result.green {
    color: green;
}

.ee-data > .employee:not(:first-of-type) {
    margin-top: 4px;
}

.delete-row > .fas.fa-trash {
    color: rgb(170, 0, 0);
    transition: .125s all linear;
    cursor: pointer;
}

.delete-row > .fas.fa-trash:hover {
    transform: scale(1.2);
    transition: .125s all linear;
}

.some-tab tr > td:first-of-type,
.some-tab tr > th:first-of-type {
    min-width: 160px;
}

label[class^="nt-"].disabled {
    opacity: .5;
}

.trustpilot.disabled {
    opacity: .5;
}

form.administration span.fa-edit {
    display: inline-block;
    margin-left: 20px;
}

.nt-checkbox.large-text, .nt-radio.large-text {
    width: fit-content;
    max-width: 100%;
}

select#address-select {
    margin-bottom: 4px;
}

.rating-stars.star-missing {
    animation: star-missing .3s linear;
}

.row.rejected {
    padding: 10px;
    background: #c0392b;
    margin: 0 auto;
    margin-bottom: 20px;
    color: white;
    width: fit-content;
}

.row.rejected > div:first-of-type {
    display: flex;
    text-align: center;
    font-size: 3em;
    align-items: center;
    justify-content: center;
    padding: 0 10px;
}

.row.rejected > div > p:first-of-type {
    margin: 0;
}

.row.rejected > div > p:last-of-type {
    margin: 0;
}

.row.rejected > div > ul {
    margin: 0;
}

.col-md-12.upload > form > label {
    margin: 0;
}

span.tag {
    padding: 4px 10px;
    font-size: .8em;
    color: white;
    border-radius: 4px;
    padding-left: 24px;
    position: relative;
    display: inline;
}

span.tag.orange {
    background: #e05e10;
}

span.tag.most-common:before {
    content: "\f005";
    font-family: 'Font Awesome 5 Pro';
    font-weight: bold;
    position: absolute;
    left: 0;
    top: 0;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

span.step-number {
    height: 60px;
    width: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2em;
    border-radius: 50px;
    /* border: 4px solid; */
    background: #36b8d6;
    margin: 0 auto;
    color: white;
    font-size: 1.4em;
    margin: 20px auto;
}

div.row.succ-step:not(:last-of-type) > div:first-of-type > .joining-line {
    width: 4px;
    height: calc(100% - 50px);
    background: #36b8d6;
    margin: 0 auto;
}

.text-divider {
    width: 2px;
    height: 19px;
    display: inline-block;
    background: #36b8d6;
    vertical-align: middle;
    margin: 0 10px;
}

.succ-step > div > p:last-of-type {
    margin-bottom: 0;
}

.col-md-3.link-box {
    background: #36b8d630;
    height: fit-content;
    padding: 10px;
    border-radius: 6px;
    color: var(--secondary-colour);
}

.aside {
    /* float: right; */
    width: 320px;
    font-size: .8em;
    background: var(--primary-colour-washed);
    padding: 10px;
    border: 1px solid var(--primary-colour);
    position: absolute;
    right: 0;
}

.aside > p:first-of-type {
    margin-top: 0;
}

.aside > p:last-of-type {
    margin-bottom: 0;
}

span.note-date {
    background: #36b8d6;
    color: white;
    padding: 0px 8px;
    border-radius: 4px;
}

span.note-date > #hour {
    display: inline-block;
    margin-left: 10px;
}

span.note-date > #hour:after {
    content: ":";
}

span.note-date:after {
    content: "";
}

.contact-info > .row > div {
    background: var(--primary-colour-washed);
    padding: 10px;
}

.contact-info > .row > div:not(:last-of-type) {
    margin-right: 10px;
}

.contact-info > .row {
    margin: 0;
    width: 750px;
}

.contact-info {
    font-size: .9em;
}

input[type=file] {
    padding: 0;
    /* border: 0; */
}

.query-container.customer > .query-date {
    display: block;
    text-align: right;
    color: #888;
    font-size: .7em;
}

.query-container.response > .query-date {
    display: block;
    text-align: left;
    color: #888;
    font-size: .7em;
}

div#activation-steps > div.row.disabled {
    opacity: .25;
}

.row.sidebar-cont div#activation-steps > .row .col-md-11 {
    padding-left: 40px;
}

.blink {
    animation: blink 2s linear infinite;
}

@keyframes blink {
    50% {
        background: #e05e1050;
    }
}

.loading-container {
    padding: 10px;
}

.loading-container > p {
    color: #e87e04!important;
}

.slider.full-height {
    height: 100%;
}

.slider.full-height > .slick-list {
    height: 100%;
}

.slider.full-height > .slick-list > * {
    height: 100%;
}

.slick-dots {
    bottom: 0!important;
}

.slick-dotted.slick-slider {
    margin-bottom: 0!important;
}

.notification.payslips {
    background: #ffdb5875!important;
}

p.yellow-notice {
    padding: 10px;
    background: #ffdb5875;
}

.renew-notice {
    background: var(--primary-colour-washed);
    padding: 10px;
}

span.client-query:hover {
    color: var(--secondary-colour);
    transform: scale(1.2);
}

.slick-prev:before, .slick-next:before {
    color: #36b8d6!important;
    font-size: 40px!important;
}

.slick-prev:hover:before, .slick-next:hover:before {
    color: #e87e04!important;
    font-size: 50px!important;
}

div.slide:not([class*="-wide"]) {
    width: 100%;
}

.pale-bg {
    background: var(--primary-colour-washed);
    padding: 10px;
}

.slick-dots {
    display: flex!important;
    padding: 4px 2px!important;
}

.slick-dots li {
    width: 100%!important;
    height: 4px!important;
    background: var(--primary-colour)!important;
    margin: 0 2px!important;
}

.slick-dots li button:before {
    content:""!important;
    height: 100%!important;
}

.slick-dots li.slick-active {
    background: var(--secondary-colour)!important;
}

.slider {
    margin-top: 0;
}

div#employees > div.employee:not(:first-of-type) {
    margin-top: 5px;
}

input[type=submit].text-button {
    background: none!important;
}

iframe.height-listener {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    height: 100vh;
    width: 0px;
    border: 0;
    background-color: transparent;
}

form.action-bar {
    padding: 0;
}

.responsive[mobile] {
    display: none;
}

.step-title > .step {
    flex-shrink: 0;
}

.step-title {
    display: flex;
}

.step-notice {
    margin-top: -20px; 
    margin-bottom: 0; 
    color: inherit; 
    color: #212529; 
    font-size: 0.9em;
}

table.renew > thead {
    color: var(--secondary-colour);
    border-bottom: 1px solid;
}

table.renew > tfoot {
    color: var(--secondary-colour);
    border-top: 1px solid;
    font-weight: bold;
}

table.renew > * > tr > *:not(:last-of-type) {
    padding-right: 20px;
}

.full-width {
    width: 100%;
}

.no-text-wrap {
    word-break: break-all;
}

form.select-employee {
    display: inline-block;
    margin-left: 30px;
}

.payslips.toolbar {
    padding: 5px 0; 
    position: relative;
}

.payslips.toolbar > #goBack {
    margin-right: 4px;
    background: none;
    color: rgb(170, 0 , 0);
    cursor: pointer;
    position: absolute;
    left: 0;
    top: 4px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.payslips.toolbar > .toolbar > span.divider {
    width: 0;
}

a#prev, a#next {
    width: 34px;
    min-width: 34px;
    height: 34px;
    min-height: 34px;
    border-radius: 34px;
}

.pagination.toolbar {
    text-align: center;
}

.slide p.notice {
    padding: 10px;
    background: var(--primary-colour);
    border-radius: 6px;
    margin-top: 40px;
    margin-bottom: 20px;
}

.slide span.tag {
    padding: 0;
    background: var(--secondary-colour);
    color: var(--secondary-colour)!important;
    font-size: 1em;
    padding: 2px 10px;
    white-space: nowrap;
}

form#continue {
    color: var(--secondary-colour);
}

.mobile-menu-flyout > p.greeting {
    margin: 10px;
    margin-bottom: 5px;
}

span.one-line {
    display: inline-block;
    max-width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    /* width: 100%; */
    vertical-align: text-bottom;
}

.notice.step-4-text {
    background: var(--secondary-colour);
    padding: 5px 10px;
    color: white;
    border-radius: 6px;
    margin: 10px;
    font-size: .9em;
}

.pale-bg.step-4-text {
    font-size: .9em;
    margin: 10px;
    border-radius: 6px;
    padding: 5px 10px;
}

span.copy-above:hover, span.split-shift:hover, .clear-row:hover {
    transform: scale(1.1) translateY(-50%);
    color: var(--secondary-colour);
}

.slide-logo {
    background-color: white;
    padding: 10px;
}

.body-content {
    /* margin-top: 84px; */
    min-height: 100vh;
    position: relative;
    padding-bottom: 36px;
    width: 100%;
}

.slide > .row > .col-md-4 {
    display: flex;
    align-items: center;
    justify-content: center;
}

.lhnHocChatBtnCont, 
div#lhnHocButton div.lhnHocChatBtn,
#lhnHelpOutCenter div.lhnWindow-header {
    background-color: var(--secondary-colour)!important;
}

button[id^="lhn"] {
    display: flex!important;
    align-items: center;
    justify-content: center;
    width: 30px!important;
    height: 30px!important;
    background-color: var(--primary-colour)!important;
    min-width:28px;
    min-height: 28px;
    margin: 0!important;
    margin-left: auto!important;
    border-radius: 6px;
}

button[id^="lhn"] > img {
    width: 50%;
}

#lhnHelpOutCenter div.lhnChatActionsMenu img {
    background-color: var(--primary-colour);
}

.lhnHocChatBtnCont {}

div#lhnHocButton {
    transform: rotate(-90deg);
    bottom: 105px!important;
    right: -78px!important;
}

li.employee > div.name > span.info {
    right: 26px;
    top: 6px;
}

div#lhnHelpOutCenter {
    /* padding-top: 84px; */
}

table.calculation tr > td:first-of-type {
    width: 200px;
}

.col-step-no {
    margin: 0 15px;
}

input[name^="dd-"] {
    width: 201px;
}

input[type=password]::-ms-reveal,
input[type=password]::-ms-clear
{
    display: none;
}

.address > .button.sm.missing {
    animation: missing 1.5s infinite;
    border: 1px solid var(--primary-colour);
}

@keyframes missing {
    50% {
        background: pink;
        border: 1px solid red;
        color: ;
    }
}





/* SNOW */

.snow {
  position: absolute;
  width: 10px;
  height: 10px;
  background: white;
  border-radius: 50%;
}
.snow:nth-child(1) {
  opacity: 0.6741;
  transform: translate(35.0916vw, -10px) scale(0.0716);
  animation: fall-1 18s -11s linear infinite;
}
@keyframes fall-1 {
  46.489% {
    transform: translate(34.0433vw, 46.489vh) scale(0.0716);
  }
  to {
    transform: translate(34.56745vw, 100vh) scale(0.0716);
  }
}
.snow:nth-child(2) {
  opacity: 0.7585;
  transform: translate(39.0111vw, -10px) scale(0.9769);
  animation: fall-2 27s -1s linear infinite;
}
@keyframes fall-2 {
  47.032% {
    transform: translate(42.8045vw, 47.032vh) scale(0.9769);
  }
  to {
    transform: translate(40.9078vw, 100vh) scale(0.9769);
  }
}
.snow:nth-child(3) {
  opacity: 0.9429;
  transform: translate(0.9049vw, -10px) scale(0.3322);
  animation: fall-3 30s -16s linear infinite;
}
@keyframes fall-3 {
  38.617% {
    transform: translate(8.728vw, 38.617vh) scale(0.3322);
  }
  to {
    transform: translate(4.81645vw, 100vh) scale(0.3322);
  }
}
.snow:nth-child(4) {
  opacity: 0.7792;
  transform: translate(10.6531vw, -10px) scale(0.0598);
  animation: fall-4 20s -5s linear infinite;
}
@keyframes fall-4 {
  43.311% {
    transform: translate(16.6147vw, 43.311vh) scale(0.0598);
  }
  to {
    transform: translate(13.6339vw, 100vh) scale(0.0598);
  }
}
.snow:nth-child(5) {
  opacity: 0.5461;
  transform: translate(79.8144vw, -10px) scale(0.5834);
  animation: fall-5 27s -19s linear infinite;
}
@keyframes fall-5 {
  38.609% {
    transform: translate(71.1856vw, 38.609vh) scale(0.5834);
  }
  to {
    transform: translate(75.5vw, 100vh) scale(0.5834);
  }
}
.snow:nth-child(6) {
  opacity: 0.9584;
  transform: translate(5.6546vw, -10px) scale(0.0447);
  animation: fall-6 26s -3s linear infinite;
}
@keyframes fall-6 {
  53.185% {
    transform: translate(1.4715vw, 53.185vh) scale(0.0447);
  }
  to {
    transform: translate(3.56305vw, 100vh) scale(0.0447);
  }
}
.snow:nth-child(7) {
  opacity: 0.0634;
  transform: translate(16.3117vw, -10px) scale(0.6981);
  animation: fall-7 15s -27s linear infinite;
}
@keyframes fall-7 {
  51.645% {
    transform: translate(26.0325vw, 51.645vh) scale(0.6981);
  }
  to {
    transform: translate(21.1721vw, 100vh) scale(0.6981);
  }
}
.snow:nth-child(8) {
  opacity: 0.6862;
  transform: translate(7.6107vw, -10px) scale(0.8772);
  animation: fall-8 16s -11s linear infinite;
}
@keyframes fall-8 {
  60.683% {
    transform: translate(8.8215vw, 60.683vh) scale(0.8772);
  }
  to {
    transform: translate(8.2161vw, 100vh) scale(0.8772);
  }
}
.snow:nth-child(9) {
  opacity: 0.5036;
  transform: translate(29.159vw, -10px) scale(0.7533);
  animation: fall-9 19s -2s linear infinite;
}
@keyframes fall-9 {
  73.411% {
    transform: translate(21.0123vw, 73.411vh) scale(0.7533);
  }
  to {
    transform: translate(25.08565vw, 100vh) scale(0.7533);
  }
}
.snow:nth-child(10) {
  opacity: 0.2565;
  transform: translate(16.6443vw, -10px) scale(0.5835);
  animation: fall-10 14s -22s linear infinite;
}
@keyframes fall-10 {
  40.471% {
    transform: translate(16.1111vw, 40.471vh) scale(0.5835);
  }
  to {
    transform: translate(16.3777vw, 100vh) scale(0.5835);
  }
}
.snow:nth-child(11) {
  opacity: 0.4478;
  transform: translate(67.6803vw, -10px) scale(0.3397);
  animation: fall-11 17s -13s linear infinite;
}
@keyframes fall-11 {
  40.435% {
    transform: translate(67.1682vw, 40.435vh) scale(0.3397);
  }
  to {
    transform: translate(67.42425vw, 100vh) scale(0.3397);
  }
}
.snow:nth-child(12) {
  opacity: 0.2582;
  transform: translate(20.0064vw, -10px) scale(0.864);
  animation: fall-12 22s -30s linear infinite;
}
@keyframes fall-12 {
  49.113% {
    transform: translate(22.5912vw, 49.113vh) scale(0.864);
  }
  to {
    transform: translate(21.2988vw, 100vh) scale(0.864);
  }
}
.snow:nth-child(13) {
  opacity: 0.7922;
  transform: translate(13.5418vw, -10px) scale(0.3508);
  animation: fall-13 21s -15s linear infinite;
}
@keyframes fall-13 {
  42.533% {
    transform: translate(4.956vw, 42.533vh) scale(0.3508);
  }
  to {
    transform: translate(9.2489vw, 100vh) scale(0.3508);
  }
}
.snow:nth-child(14) {
  opacity: 0.7827;
  transform: translate(88.2851vw, -10px) scale(0.1227);
  animation: fall-14 17s -13s linear infinite;
}
@keyframes fall-14 {
  70.629% {
    transform: translate(90.7857vw, 70.629vh) scale(0.1227);
  }
  to {
    transform: translate(89.5354vw, 100vh) scale(0.1227);
  }
}
.snow:nth-child(15) {
  opacity: 0.8406;
  transform: translate(18.2188vw, -10px) scale(0.3659);
  animation: fall-15 24s -11s linear infinite;
}
@keyframes fall-15 {
  44.98% {
    transform: translate(20.1258vw, 44.98vh) scale(0.3659);
  }
  to {
    transform: translate(19.1723vw, 100vh) scale(0.3659);
  }
}
.snow:nth-child(16) {
  opacity: 0.4497;
  transform: translate(8.4004vw, -10px) scale(0.4498);
  animation: fall-16 25s -15s linear infinite;
}
@keyframes fall-16 {
  33.927% {
    transform: translate(8.1419vw, 33.927vh) scale(0.4498);
  }
  to {
    transform: translate(8.27115vw, 100vh) scale(0.4498);
  }
}
.snow:nth-child(17) {
  opacity: 0.922;
  transform: translate(30.7431vw, -10px) scale(0.1009);
  animation: fall-17 24s -1s linear infinite;
}
@keyframes fall-17 {
  53.492% {
    transform: translate(23.6765vw, 53.492vh) scale(0.1009);
  }
  to {
    transform: translate(27.2098vw, 100vh) scale(0.1009);
  }
}
.snow:nth-child(18) {
  opacity: 0.1573;
  transform: translate(45.1548vw, -10px) scale(0.3134);
  animation: fall-18 15s -21s linear infinite;
}
@keyframes fall-18 {
  58.087% {
    transform: translate(46.8047vw, 58.087vh) scale(0.3134);
  }
  to {
    transform: translate(45.97975vw, 100vh) scale(0.3134);
  }
}
.snow:nth-child(19) {
  opacity: 0.9218;
  transform: translate(37.4883vw, -10px) scale(0.1434);
  animation: fall-19 30s -27s linear infinite;
}
@keyframes fall-19 {
  73.961% {
    transform: translate(44.1721vw, 73.961vh) scale(0.1434);
  }
  to {
    transform: translate(40.8302vw, 100vh) scale(0.1434);
  }
}
.snow:nth-child(20) {
  opacity: 0.0065;
  transform: translate(19.0699vw, -10px) scale(0.282);
  animation: fall-20 30s -12s linear infinite;
}
@keyframes fall-20 {
  38.211% {
    transform: translate(10.8812vw, 38.211vh) scale(0.282);
  }
  to {
    transform: translate(14.97555vw, 100vh) scale(0.282);
  }
}
.snow:nth-child(21) {
  opacity: 0.5143;
  transform: translate(19.0138vw, -10px) scale(0.9982);
  animation: fall-21 23s -10s linear infinite;
}
@keyframes fall-21 {
  65.836% {
    transform: translate(27.2789vw, 65.836vh) scale(0.9982);
  }
  to {
    transform: translate(23.14635vw, 100vh) scale(0.9982);
  }
}
.snow:nth-child(22) {
  opacity: 0.01;
  transform: translate(91.4558vw, -10px) scale(0.629);
  animation: fall-22 17s -6s linear infinite;
}
@keyframes fall-22 {
  62.149% {
    transform: translate(82.2611vw, 62.149vh) scale(0.629);
  }
  to {
    transform: translate(86.85845vw, 100vh) scale(0.629);
  }
}
.snow:nth-child(23) {
  opacity: 0.6466;
  transform: translate(14.5468vw, -10px) scale(0.361);
  animation: fall-23 30s -17s linear infinite;
}
@keyframes fall-23 {
  73.204% {
    transform: translate(23.6133vw, 73.204vh) scale(0.361);
  }
  to {
    transform: translate(19.08005vw, 100vh) scale(0.361);
  }
}
.snow:nth-child(24) {
  opacity: 0.443;
  transform: translate(29.2356vw, -10px) scale(0.1708);
  animation: fall-24 21s -16s linear infinite;
}
@keyframes fall-24 {
  69.678% {
    transform: translate(32.3321vw, 69.678vh) scale(0.1708);
  }
  to {
    transform: translate(30.78385vw, 100vh) scale(0.1708);
  }
}
.snow:nth-child(25) {
  opacity: 0.1384;
  transform: translate(7.3787vw, -10px) scale(0.2065);
  animation: fall-25 16s -15s linear infinite;
}
@keyframes fall-25 {
  78.616% {
    transform: translate(-1.4262vw, 78.616vh) scale(0.2065);
  }
  to {
    transform: translate(2.97625vw, 100vh) scale(0.2065);
  }
}
.snow:nth-child(26) {
  opacity: 0.1424;
  transform: translate(49.3512vw, -10px) scale(0.0907);
  animation: fall-26 13s -6s linear infinite;
}
@keyframes fall-26 {
  34.813% {
    transform: translate(50.0073vw, 34.813vh) scale(0.0907);
  }
  to {
    transform: translate(49.67925vw, 100vh) scale(0.0907);
  }
}
.snow:nth-child(27) {
  opacity: 0.64;
  transform: translate(86.5886vw, -10px) scale(0.4242);
  animation: fall-27 24s -7s linear infinite;
}
@keyframes fall-27 {
  67.606% {
    transform: translate(89.5737vw, 67.606vh) scale(0.4242);
  }
  to {
    transform: translate(88.08115vw, 100vh) scale(0.4242);
  }
}
.snow:nth-child(28) {
  opacity: 0.9483;
  transform: translate(37.4057vw, -10px) scale(0.8493);
  animation: fall-28 28s -26s linear infinite;
}
@keyframes fall-28 {
  54.605% {
    transform: translate(34.5944vw, 54.605vh) scale(0.8493);
  }
  to {
    transform: translate(36.00005vw, 100vh) scale(0.8493);
  }
}
.snow:nth-child(29) {
  opacity: 0.6104;
  transform: translate(85.01vw, -10px) scale(0.1097);
  animation: fall-29 28s -21s linear infinite;
}
@keyframes fall-29 {
  51.504% {
    transform: translate(77.192vw, 51.504vh) scale(0.1097);
  }
  to {
    transform: translate(81.101vw, 100vh) scale(0.1097);
  }
}
.snow:nth-child(30) {
  opacity: 0.3497;
  transform: translate(84.6792vw, -10px) scale(0.0038);
  animation: fall-30 26s -1s linear infinite;
}
@keyframes fall-30 {
  78.923% {
    transform: translate(86.4891vw, 78.923vh) scale(0.0038);
  }
  to {
    transform: translate(85.58415vw, 100vh) scale(0.0038);
  }
}
.snow:nth-child(31) {
  opacity: 0.4278;
  transform: translate(78.3488vw, -10px) scale(0.479);
  animation: fall-31 17s -21s linear infinite;
}
@keyframes fall-31 {
  78.182% {
    transform: translate(73.8645vw, 78.182vh) scale(0.479);
  }
  to {
    transform: translate(76.10665vw, 100vh) scale(0.479);
  }
}
.snow:nth-child(32) {
  opacity: 0.4499;
  transform: translate(11.4648vw, -10px) scale(0.1558);
  animation: fall-32 23s -2s linear infinite;
}
@keyframes fall-32 {
  45.552% {
    transform: translate(16.7448vw, 45.552vh) scale(0.1558);
  }
  to {
    transform: translate(14.1048vw, 100vh) scale(0.1558);
  }
}
.snow:nth-child(33) {
  opacity: 0.4747;
  transform: translate(58.9663vw, -10px) scale(0.6346);
  animation: fall-33 25s -8s linear infinite;
}
@keyframes fall-33 {
  58.383% {
    transform: translate(63.3719vw, 58.383vh) scale(0.6346);
  }
  to {
    transform: translate(61.1691vw, 100vh) scale(0.6346);
  }
}
.snow:nth-child(34) {
  opacity: 0.4579;
  transform: translate(20.4899vw, -10px) scale(0.6985);
  animation: fall-34 12s -1s linear infinite;
}
@keyframes fall-34 {
  75.993% {
    transform: translate(25.3954vw, 75.993vh) scale(0.6985);
  }
  to {
    transform: translate(22.94265vw, 100vh) scale(0.6985);
  }
}
.snow:nth-child(35) {
  opacity: 0.1285;
  transform: translate(53.2447vw, -10px) scale(0.1714);
  animation: fall-35 19s -12s linear infinite;
}
@keyframes fall-35 {
  36.132% {
    transform: translate(45.2174vw, 36.132vh) scale(0.1714);
  }
  to {
    transform: translate(49.23105vw, 100vh) scale(0.1714);
  }
}
.snow:nth-child(36) {
  opacity: 0.8976;
  transform: translate(68.6462vw, -10px) scale(0.5922);
  animation: fall-36 13s -17s linear infinite;
}
@keyframes fall-36 {
  55.859% {
    transform: translate(65.1239vw, 55.859vh) scale(0.5922);
  }
  to {
    transform: translate(66.88505vw, 100vh) scale(0.5922);
  }
}
.snow:nth-child(37) {
  opacity: 0.0883;
  transform: translate(34.5343vw, -10px) scale(0.5922);
  animation: fall-37 20s -17s linear infinite;
}
@keyframes fall-37 {
  72.38% {
    transform: translate(33.643vw, 72.38vh) scale(0.5922);
  }
  to {
    transform: translate(34.08865vw, 100vh) scale(0.5922);
  }
}
.snow:nth-child(38) {
  opacity: 0.84;
  transform: translate(76.5512vw, -10px) scale(0.2549);
  animation: fall-38 27s -11s linear infinite;
}
@keyframes fall-38 {
  42.093% {
    transform: translate(68.6291vw, 42.093vh) scale(0.2549);
  }
  to {
    transform: translate(72.59015vw, 100vh) scale(0.2549);
  }
}
.snow:nth-child(39) {
  opacity: 0.1345;
  transform: translate(1.273vw, -10px) scale(0.1486);
  animation: fall-39 17s -17s linear infinite;
}
@keyframes fall-39 {
  59.89% {
    transform: translate(10.9829vw, 59.89vh) scale(0.1486);
  }
  to {
    transform: translate(6.12795vw, 100vh) scale(0.1486);
  }
}
.snow:nth-child(40) {
  opacity: 0.7947;
  transform: translate(11.0568vw, -10px) scale(0.9901);
  animation: fall-40 23s -16s linear infinite;
}
@keyframes fall-40 {
  46.628% {
    transform: translate(5.5198vw, 46.628vh) scale(0.9901);
  }
  to {
    transform: translate(8.2883vw, 100vh) scale(0.9901);
  }
}
.snow:nth-child(41) {
  opacity: 0.8405;
  transform: translate(29.4016vw, -10px) scale(0.0488);
  animation: fall-41 12s -3s linear infinite;
}
@keyframes fall-41 {
  71.326% {
    transform: translate(29.8418vw, 71.326vh) scale(0.0488);
  }
  to {
    transform: translate(29.6217vw, 100vh) scale(0.0488);
  }
}
.snow:nth-child(42) {
  opacity: 0.1809;
  transform: translate(58.9338vw, -10px) scale(0.7252);
  animation: fall-42 10s -10s linear infinite;
}
@keyframes fall-42 {
  72.558% {
    transform: translate(62.2818vw, 72.558vh) scale(0.7252);
  }
  to {
    transform: translate(60.6078vw, 100vh) scale(0.7252);
  }
}
.snow:nth-child(43) {
  opacity: 0.7774;
  transform: translate(39.4143vw, -10px) scale(0.3024);
  animation: fall-43 13s -27s linear infinite;
}
@keyframes fall-43 {
  56.711% {
    transform: translate(38.0933vw, 56.711vh) scale(0.3024);
  }
  to {
    transform: translate(38.7538vw, 100vh) scale(0.3024);
  }
}
.snow:nth-child(44) {
  opacity: 0.7466;
  transform: translate(40.4771vw, -10px) scale(0.7383);
  animation: fall-44 29s -11s linear infinite;
}
@keyframes fall-44 {
  50.254% {
    transform: translate(33.1579vw, 50.254vh) scale(0.7383);
  }
  to {
    transform: translate(36.8175vw, 100vh) scale(0.7383);
  }
}
.snow:nth-child(45) {
  opacity: 0.0655;
  transform: translate(73.8734vw, -10px) scale(0.4958);
  animation: fall-45 19s -12s linear infinite;
}
@keyframes fall-45 {
  71.053% {
    transform: translate(68.1262vw, 71.053vh) scale(0.4958);
  }
  to {
    transform: translate(70.9998vw, 100vh) scale(0.4958);
  }
}
.snow:nth-child(46) {
  opacity: 0.8771;
  transform: translate(47.5996vw, -10px) scale(0.7901);
  animation: fall-46 30s -8s linear infinite;
}
@keyframes fall-46 {
  61.025% {
    transform: translate(38.9801vw, 61.025vh) scale(0.7901);
  }
  to {
    transform: translate(43.28985vw, 100vh) scale(0.7901);
  }
}
.snow:nth-child(47) {
  opacity: 0.1421;
  transform: translate(78.0736vw, -10px) scale(0.5856);
  animation: fall-47 11s -30s linear infinite;
}
@keyframes fall-47 {
  74.501% {
    transform: translate(71.8322vw, 74.501vh) scale(0.5856);
  }
  to {
    transform: translate(74.9529vw, 100vh) scale(0.5856);
  }
}
.snow:nth-child(48) {
  opacity: 0.4797;
  transform: translate(92.2322vw, -10px) scale(0.891);
  animation: fall-48 30s -25s linear infinite;
}
@keyframes fall-48 {
  73.649% {
    transform: translate(93.7135vw, 73.649vh) scale(0.891);
  }
  to {
    transform: translate(92.97285vw, 100vh) scale(0.891);
  }
}
.snow:nth-child(49) {
  opacity: 0.2248;
  transform: translate(72.737vw, -10px) scale(0.2543);
  animation: fall-49 25s -12s linear infinite;
}
@keyframes fall-49 {
  73.282% {
    transform: translate(66.7089vw, 73.282vh) scale(0.2543);
  }
  to {
    transform: translate(69.72295vw, 100vh) scale(0.2543);
  }
}
.snow:nth-child(50) {
  opacity: 0.475;
  transform: translate(16.814vw, -10px) scale(0.241);
  animation: fall-50 12s -22s linear infinite;
}
@keyframes fall-50 {
  55.802% {
    transform: translate(16.3469vw, 55.802vh) scale(0.241);
  }
  to {
    transform: translate(16.58045vw, 100vh) scale(0.241);
  }
}
.snow:nth-child(51) {
  opacity: 0.0399;
  transform: translate(64.5674vw, -10px) scale(0.2949);
  animation: fall-51 30s -26s linear infinite;
}
@keyframes fall-51 {
  39.467% {
    transform: translate(69.0481vw, 39.467vh) scale(0.2949);
  }
  to {
    transform: translate(66.80775vw, 100vh) scale(0.2949);
  }
}
.snow:nth-child(52) {
  opacity: 0.7409;
  transform: translate(52.376vw, -10px) scale(0.7223);
  animation: fall-52 26s -6s linear infinite;
}
@keyframes fall-52 {
  30.623% {
    transform: translate(49.0224vw, 30.623vh) scale(0.7223);
  }
  to {
    transform: translate(50.6992vw, 100vh) scale(0.7223);
  }
}
.snow:nth-child(53) {
  opacity: 0.2415;
  transform: translate(38.1838vw, -10px) scale(0.9019);
  animation: fall-53 12s -24s linear infinite;
}
@keyframes fall-53 {
  41.742% {
    transform: translate(36.8145vw, 41.742vh) scale(0.9019);
  }
  to {
    transform: translate(37.49915vw, 100vh) scale(0.9019);
  }
}
.snow:nth-child(54) {
  opacity: 0.7228;
  transform: translate(13.5347vw, -10px) scale(0.2225);
  animation: fall-54 27s -9s linear infinite;
}
@keyframes fall-54 {
  78.469% {
    transform: translate(20.1633vw, 78.469vh) scale(0.2225);
  }
  to {
    transform: translate(16.849vw, 100vh) scale(0.2225);
  }
}
.snow:nth-child(55) {
  opacity: 0.8962;
  transform: translate(7.935vw, -10px) scale(0.8869);
  animation: fall-55 10s -4s linear infinite;
}
@keyframes fall-55 {
  40.007% {
    transform: translate(0.0407vw, 40.007vh) scale(0.8869);
  }
  to {
    transform: translate(3.98785vw, 100vh) scale(0.8869);
  }
}
.snow:nth-child(56) {
  opacity: 0.3907;
  transform: translate(0.8806vw, -10px) scale(0.9962);
  animation: fall-56 24s -23s linear infinite;
}
@keyframes fall-56 {
  33.012% {
    transform: translate(-4.0738vw, 33.012vh) scale(0.9962);
  }
  to {
    transform: translate(-1.5966vw, 100vh) scale(0.9962);
  }
}
.snow:nth-child(57) {
  opacity: 0.9019;
  transform: translate(85.2624vw, -10px) scale(0.3122);
  animation: fall-57 20s -26s linear infinite;
}
@keyframes fall-57 {
  55.023% {
    transform: translate(76.7956vw, 55.023vh) scale(0.3122);
  }
  to {
    transform: translate(81.029vw, 100vh) scale(0.3122);
  }
}
.snow:nth-child(58) {
  opacity: 0.98;
  transform: translate(20.6195vw, -10px) scale(0.5748);
  animation: fall-58 26s -14s linear infinite;
}
@keyframes fall-58 {
  78.016% {
    transform: translate(23.7788vw, 78.016vh) scale(0.5748);
  }
  to {
    transform: translate(22.19915vw, 100vh) scale(0.5748);
  }
}
.snow:nth-child(59) {
  opacity: 0.5687;
  transform: translate(57.0343vw, -10px) scale(0.8891);
  animation: fall-59 22s -11s linear infinite;
}
@keyframes fall-59 {
  44.383% {
    transform: translate(48.4372vw, 44.383vh) scale(0.8891);
  }
  to {
    transform: translate(52.73575vw, 100vh) scale(0.8891);
  }
}
.snow:nth-child(60) {
  opacity: 0.0967;
  transform: translate(35.6391vw, -10px) scale(0.7696);
  animation: fall-60 30s -24s linear infinite;
}
@keyframes fall-60 {
  77.297% {
    transform: translate(26.3805vw, 77.297vh) scale(0.7696);
  }
  to {
    transform: translate(31.0098vw, 100vh) scale(0.7696);
  }
}
.snow:nth-child(61) {
  opacity: 0.838;
  transform: translate(48.1548vw, -10px) scale(0.7607);
  animation: fall-61 25s -10s linear infinite;
}
@keyframes fall-61 {
  49.24% {
    transform: translate(53.8119vw, 49.24vh) scale(0.7607);
  }
  to {
    transform: translate(50.98335vw, 100vh) scale(0.7607);
  }
}
.snow:nth-child(62) {
  opacity: 0.7202;
  transform: translate(63.2543vw, -10px) scale(0.4569);
  animation: fall-62 29s -17s linear infinite;
}
@keyframes fall-62 {
  56.747% {
    transform: translate(61.2517vw, 56.747vh) scale(0.4569);
  }
  to {
    transform: translate(62.253vw, 100vh) scale(0.4569);
  }
}
.snow:nth-child(63) {
  opacity: 0.4966;
  transform: translate(3.8327vw, -10px) scale(0.1916);
  animation: fall-63 12s -26s linear infinite;
}
@keyframes fall-63 {
  60.486% {
    transform: translate(-5.9817vw, 60.486vh) scale(0.1916);
  }
  to {
    transform: translate(-1.0745vw, 100vh) scale(0.1916);
  }
}
.snow:nth-child(64) {
  opacity: 0.9547;
  transform: translate(61.0585vw, -10px) scale(0.6482);
  animation: fall-64 16s -15s linear infinite;
}
@keyframes fall-64 {
  54.371% {
    transform: translate(51.1488vw, 54.371vh) scale(0.6482);
  }
  to {
    transform: translate(56.10365vw, 100vh) scale(0.6482);
  }
}
.snow:nth-child(65) {
  opacity: 0.4249;
  transform: translate(18.7548vw, -10px) scale(0.2175);
  animation: fall-65 11s -12s linear infinite;
}
@keyframes fall-65 {
  76.363% {
    transform: translate(28.3092vw, 76.363vh) scale(0.2175);
  }
  to {
    transform: translate(23.532vw, 100vh) scale(0.2175);
  }
}
.snow:nth-child(66) {
  opacity: 0.9007;
  transform: translate(56.1395vw, -10px) scale(0.032);
  animation: fall-66 29s -5s linear infinite;
}
@keyframes fall-66 {
  72.259% {
    transform: translate(52.2483vw, 72.259vh) scale(0.032);
  }
  to {
    transform: translate(54.1939vw, 100vh) scale(0.032);
  }
}
.snow:nth-child(67) {
  opacity: 0.1698;
  transform: translate(81.6539vw, -10px) scale(0.1835);
  animation: fall-67 23s -11s linear infinite;
}
@keyframes fall-67 {
  60.652% {
    transform: translate(74.1902vw, 60.652vh) scale(0.1835);
  }
  to {
    transform: translate(77.92205vw, 100vh) scale(0.1835);
  }
}
.snow:nth-child(68) {
  opacity: 0.247;
  transform: translate(77.184vw, -10px) scale(0.7818);
  animation: fall-68 27s -18s linear infinite;
}
@keyframes fall-68 {
  61.374% {
    transform: translate(73.898vw, 61.374vh) scale(0.7818);
  }
  to {
    transform: translate(75.541vw, 100vh) scale(0.7818);
  }
}
.snow:nth-child(69) {
  opacity: 0.2118;
  transform: translate(74.6794vw, -10px) scale(0.8152);
  animation: fall-69 30s -6s linear infinite;
}
@keyframes fall-69 {
  38.47% {
    transform: translate(68.3738vw, 38.47vh) scale(0.8152);
  }
  to {
    transform: translate(71.5266vw, 100vh) scale(0.8152);
  }
}
.snow:nth-child(70) {
  opacity: 0.0424;
  transform: translate(32.6503vw, -10px) scale(0.2825);
  animation: fall-70 27s -23s linear infinite;
}
@keyframes fall-70 {
  59.497% {
    transform: translate(24.6123vw, 59.497vh) scale(0.2825);
  }
  to {
    transform: translate(28.6313vw, 100vh) scale(0.2825);
  }
}
.snow:nth-child(71) {
  opacity: 0.3927;
  transform: translate(18.7912vw, -10px) scale(0.6113);
  animation: fall-71 26s -3s linear infinite;
}
@keyframes fall-71 {
  58.264% {
    transform: translate(13.3962vw, 58.264vh) scale(0.6113);
  }
  to {
    transform: translate(16.0937vw, 100vh) scale(0.6113);
  }
}
.snow:nth-child(72) {
  opacity: 0.1468;
  transform: translate(26.1929vw, -10px) scale(0.2136);
  animation: fall-72 27s -13s linear infinite;
}
@keyframes fall-72 {
  58.253% {
    transform: translate(31.7645vw, 58.253vh) scale(0.2136);
  }
  to {
    transform: translate(28.9787vw, 100vh) scale(0.2136);
  }
}
.snow:nth-child(73) {
  opacity: 0.7331;
  transform: translate(28.9468vw, -10px) scale(0.5782);
  animation: fall-73 11s -4s linear infinite;
}
@keyframes fall-73 {
  37.335% {
    transform: translate(21.4858vw, 37.335vh) scale(0.5782);
  }
  to {
    transform: translate(25.2163vw, 100vh) scale(0.5782);
  }
}
.snow:nth-child(74) {
  opacity: 0.6721;
  transform: translate(58.7995vw, -10px) scale(0.0144);
  animation: fall-74 30s -27s linear infinite;
}
@keyframes fall-74 {
  32.042% {
    transform: translate(68.5457vw, 32.042vh) scale(0.0144);
  }
  to {
    transform: translate(63.6726vw, 100vh) scale(0.0144);
  }
}
.snow:nth-child(75) {
  opacity: 0.9319;
  transform: translate(30.1212vw, -10px) scale(0.8938);
  animation: fall-75 28s -24s linear infinite;
}
@keyframes fall-75 {
  61.033% {
    transform: translate(38.4024vw, 61.033vh) scale(0.8938);
  }
  to {
    transform: translate(34.2618vw, 100vh) scale(0.8938);
  }
}
.snow:nth-child(76) {
  opacity: 0.8523;
  transform: translate(25.3914vw, -10px) scale(0.7949);
  animation: fall-76 23s -5s linear infinite;
}
@keyframes fall-76 {
  50.319% {
    transform: translate(27.831vw, 50.319vh) scale(0.7949);
  }
  to {
    transform: translate(26.6112vw, 100vh) scale(0.7949);
  }
}
.snow:nth-child(77) {
  opacity: 0.8826;
  transform: translate(35.9527vw, -10px) scale(0.8103);
  animation: fall-77 17s -28s linear infinite;
}
@keyframes fall-77 {
  72.65% {
    transform: translate(43.1797vw, 72.65vh) scale(0.8103);
  }
  to {
    transform: translate(39.5662vw, 100vh) scale(0.8103);
  }
}
.snow:nth-child(78) {
  opacity: 0.5157;
  transform: translate(96.2796vw, -10px) scale(0.0684);
  animation: fall-78 10s -23s linear infinite;
}
@keyframes fall-78 {
  57.264% {
    transform: translate(99.5138vw, 57.264vh) scale(0.0684);
  }
  to {
    transform: translate(97.8967vw, 100vh) scale(0.0684);
  }
}
.snow:nth-child(79) {
  opacity: 0.6511;
  transform: translate(80.3377vw, -10px) scale(0.8304);
  animation: fall-79 25s -15s linear infinite;
}
@keyframes fall-79 {
  31.036% {
    transform: translate(78.8354vw, 31.036vh) scale(0.8304);
  }
  to {
    transform: translate(79.58655vw, 100vh) scale(0.8304);
  }
}
.snow:nth-child(80) {
  opacity: 0.9953;
  transform: translate(90.2862vw, -10px) scale(0.0184);
  animation: fall-80 28s -27s linear infinite;
}
@keyframes fall-80 {
  73.944% {
    transform: translate(85.0388vw, 73.944vh) scale(0.0184);
  }
  to {
    transform: translate(87.6625vw, 100vh) scale(0.0184);
  }
}
.snow:nth-child(81) {
  opacity: 0.9232;
  transform: translate(30.1605vw, -10px) scale(0.3934);
  animation: fall-81 12s -29s linear infinite;
}
@keyframes fall-81 {
  72.433% {
    transform: translate(37.0831vw, 72.433vh) scale(0.3934);
  }
  to {
    transform: translate(33.6218vw, 100vh) scale(0.3934);
  }
}
.snow:nth-child(82) {
  opacity: 0.9035;
  transform: translate(85.5102vw, -10px) scale(0.7608);
  animation: fall-82 12s -10s linear infinite;
}
@keyframes fall-82 {
  44.035% {
    transform: translate(77.9551vw, 44.035vh) scale(0.7608);
  }
  to {
    transform: translate(81.73265vw, 100vh) scale(0.7608);
  }
}
.snow:nth-child(83) {
  opacity: 0.3637;
  transform: translate(68.433vw, -10px) scale(0.5279);
  animation: fall-83 20s -25s linear infinite;
}
@keyframes fall-83 {
  46.309% {
    transform: translate(68.1094vw, 46.309vh) scale(0.5279);
  }
  to {
    transform: translate(68.2712vw, 100vh) scale(0.5279);
  }
}
.snow:nth-child(84) {
  opacity: 0.4278;
  transform: translate(61.6908vw, -10px) scale(0.0155);
  animation: fall-84 21s -30s linear infinite;
}
@keyframes fall-84 {
  55.155% {
    transform: translate(60.454vw, 55.155vh) scale(0.0155);
  }
  to {
    transform: translate(61.0724vw, 100vh) scale(0.0155);
  }
}
.snow:nth-child(85) {
  opacity: 0.556;
  transform: translate(43.0084vw, -10px) scale(0.8468);
  animation: fall-85 24s -13s linear infinite;
}
@keyframes fall-85 {
  66.11% {
    transform: translate(34.4162vw, 66.11vh) scale(0.8468);
  }
  to {
    transform: translate(38.7123vw, 100vh) scale(0.8468);
  }
}
.snow:nth-child(86) {
  opacity: 0.4757;
  transform: translate(80.5026vw, -10px) scale(0.8326);
  animation: fall-86 17s -23s linear infinite;
}
@keyframes fall-86 {
  52.436% {
    transform: translate(80.4661vw, 52.436vh) scale(0.8326);
  }
  to {
    transform: translate(80.48435vw, 100vh) scale(0.8326);
  }
}
.snow:nth-child(87) {
  opacity: 0.7555;
  transform: translate(67.3893vw, -10px) scale(0.9963);
  animation: fall-87 15s -8s linear infinite;
}
@keyframes fall-87 {
  77.082% {
    transform: translate(60.7112vw, 77.082vh) scale(0.9963);
  }
  to {
    transform: translate(64.05025vw, 100vh) scale(0.9963);
  }
}
.snow:nth-child(88) {
  opacity: 0.2724;
  transform: translate(26.109vw, -10px) scale(0.8558);
  animation: fall-88 16s -2s linear infinite;
}
@keyframes fall-88 {
  41.388% {
    transform: translate(22.6052vw, 41.388vh) scale(0.8558);
  }
  to {
    transform: translate(24.3571vw, 100vh) scale(0.8558);
  }
}
.snow:nth-child(89) {
  opacity: 0.3419;
  transform: translate(66.462vw, -10px) scale(0.5319);
  animation: fall-89 27s -14s linear infinite;
}
@keyframes fall-89 {
  37.539% {
    transform: translate(71.2167vw, 37.539vh) scale(0.5319);
  }
  to {
    transform: translate(68.83935vw, 100vh) scale(0.5319);
  }
}
.snow:nth-child(90) {
  opacity: 0.6723;
  transform: translate(96.0509vw, -10px) scale(0.8904);
  animation: fall-90 15s -23s linear infinite;
}
@keyframes fall-90 {
  44.15% {
    transform: translate(93.2557vw, 44.15vh) scale(0.8904);
  }
  to {
    transform: translate(94.6533vw, 100vh) scale(0.8904);
  }
}
.snow:nth-child(91) {
  opacity: 0.9417;
  transform: translate(86.9862vw, -10px) scale(0.3373);
  animation: fall-91 27s -30s linear infinite;
}
@keyframes fall-91 {
  74.882% {
    transform: translate(83.6655vw, 74.882vh) scale(0.3373);
  }
  to {
    transform: translate(85.32585vw, 100vh) scale(0.3373);
  }
}
.snow:nth-child(92) {
  opacity: 0.842;
  transform: translate(64.2542vw, -10px) scale(0.4858);
  animation: fall-92 27s -19s linear infinite;
}
@keyframes fall-92 {
  73.744% {
    transform: translate(57.0112vw, 73.744vh) scale(0.4858);
  }
  to {
    transform: translate(60.6327vw, 100vh) scale(0.4858);
  }
}
.snow:nth-child(93) {
  opacity: 0.0668;
  transform: translate(46.3208vw, -10px) scale(0.7609);
  animation: fall-93 30s -19s linear infinite;
}
@keyframes fall-93 {
  45.006% {
    transform: translate(46.2837vw, 45.006vh) scale(0.7609);
  }
  to {
    transform: translate(46.30225vw, 100vh) scale(0.7609);
  }
}
.snow:nth-child(94) {
  opacity: 0.2616;
  transform: translate(35.9985vw, -10px) scale(0.9533);
  animation: fall-94 10s -15s linear infinite;
}
@keyframes fall-94 {
  61.405% {
    transform: translate(41.1057vw, 61.405vh) scale(0.9533);
  }
  to {
    transform: translate(38.5521vw, 100vh) scale(0.9533);
  }
}
.snow:nth-child(95) {
  opacity: 0.5355;
  transform: translate(33.0624vw, -10px) scale(0.5309);
  animation: fall-95 28s -28s linear infinite;
}
@keyframes fall-95 {
  57.985% {
    transform: translate(42.3358vw, 57.985vh) scale(0.5309);
  }
  to {
    transform: translate(37.6991vw, 100vh) scale(0.5309);
  }
}
.snow:nth-child(96) {
  opacity: 0.2475;
  transform: translate(86.7836vw, -10px) scale(0.9952);
  animation: fall-96 22s -20s linear infinite;
}
@keyframes fall-96 {
  54.069% {
    transform: translate(78.93vw, 54.069vh) scale(0.9952);
  }
  to {
    transform: translate(82.8568vw, 100vh) scale(0.9952);
  }
}
.snow:nth-child(97) {
  opacity: 0.5429;
  transform: translate(78.1002vw, -10px) scale(0.8413);
  animation: fall-97 11s -10s linear infinite;
}
@keyframes fall-97 {
  71.012% {
    transform: translate(75.7914vw, 71.012vh) scale(0.8413);
  }
  to {
    transform: translate(76.9458vw, 100vh) scale(0.8413);
  }
}
.snow:nth-child(98) {
  opacity: 0.8037;
  transform: translate(2.2268vw, -10px) scale(0.9049);
  animation: fall-98 28s -8s linear infinite;
}
@keyframes fall-98 {
  51.577% {
    transform: translate(0.8435vw, 51.577vh) scale(0.9049);
  }
  to {
    transform: translate(1.53515vw, 100vh) scale(0.9049);
  }
}
.snow:nth-child(99) {
  opacity: 0.3496;
  transform: translate(1.9454vw, -10px) scale(0.7064);
  animation: fall-99 21s -28s linear infinite;
}
@keyframes fall-99 {
  73.254% {
    transform: translate(10.7402vw, 73.254vh) scale(0.7064);
  }
  to {
    transform: translate(6.3428vw, 100vh) scale(0.7064);
  }
}
.snow:nth-child(100) {
  opacity: 0.9438;
  transform: translate(50.837vw, -10px) scale(0.6314);
  animation: fall-100 24s -21s linear infinite;
}
@keyframes fall-100 {
  62.731% {
    transform: translate(48.6148vw, 62.731vh) scale(0.6314);
  }
  to {
    transform: translate(49.7259vw, 100vh) scale(0.6314);
  }
}
.snow:nth-child(101) {
  opacity: 0.4561;
  transform: translate(49.4473vw, -10px) scale(0.2819);
  animation: fall-101 24s -24s linear infinite;
}
@keyframes fall-101 {
  31.69% {
    transform: translate(56.8791vw, 31.69vh) scale(0.2819);
  }
  to {
    transform: translate(53.1632vw, 100vh) scale(0.2819);
  }
}
.snow:nth-child(102) {
  opacity: 0.9208;
  transform: translate(61.1093vw, -10px) scale(0.303);
  animation: fall-102 13s -12s linear infinite;
}
@keyframes fall-102 {
  54.795% {
    transform: translate(64.22vw, 54.795vh) scale(0.303);
  }
  to {
    transform: translate(62.66465vw, 100vh) scale(0.303);
  }
}
.snow:nth-child(103) {
  opacity: 0.2434;
  transform: translate(97.7739vw, -10px) scale(0.8077);
  animation: fall-103 12s -3s linear infinite;
}
@keyframes fall-103 {
  51.717% {
    transform: translate(106.4189vw, 51.717vh) scale(0.8077);
  }
  to {
    transform: translate(102.0964vw, 100vh) scale(0.8077);
  }
}
.snow:nth-child(104) {
  opacity: 0.8328;
  transform: translate(71.8232vw, -10px) scale(0.1468);
  animation: fall-104 28s -5s linear infinite;
}
@keyframes fall-104 {
  36.153% {
    transform: translate(77.5277vw, 36.153vh) scale(0.1468);
  }
  to {
    transform: translate(74.67545vw, 100vh) scale(0.1468);
  }
}
.snow:nth-child(105) {
  opacity: 0.2061;
  transform: translate(99.3502vw, -10px) scale(0.8671);
  animation: fall-105 30s -14s linear infinite;
}
@keyframes fall-105 {
  51.734% {
    transform: translate(98.7181vw, 51.734vh) scale(0.8671);
  }
  to {
    transform: translate(99.03415vw, 100vh) scale(0.8671);
  }
}
.snow:nth-child(106) {
  opacity: 0.7202;
  transform: translate(79.347vw, -10px) scale(0.4523);
  animation: fall-106 17s -29s linear infinite;
}
@keyframes fall-106 {
  74.083% {
    transform: translate(71.4118vw, 74.083vh) scale(0.4523);
  }
  to {
    transform: translate(75.3794vw, 100vh) scale(0.4523);
  }
}
.snow:nth-child(107) {
  opacity: 0.9696;
  transform: translate(85.5073vw, -10px) scale(0.3681);
  animation: fall-107 30s -7s linear infinite;
}
@keyframes fall-107 {
  48.051% {
    transform: translate(93.4965vw, 48.051vh) scale(0.3681);
  }
  to {
    transform: translate(89.5019vw, 100vh) scale(0.3681);
  }
}
.snow:nth-child(108) {
  opacity: 0.9592;
  transform: translate(22.5595vw, -10px) scale(0.8488);
  animation: fall-108 16s -17s linear infinite;
}
@keyframes fall-108 {
  64.706% {
    transform: translate(21.3997vw, 64.706vh) scale(0.8488);
  }
  to {
    transform: translate(21.9796vw, 100vh) scale(0.8488);
  }
}
.snow:nth-child(109) {
  opacity: 0.1154;
  transform: translate(79.4321vw, -10px) scale(0.1011);
  animation: fall-109 17s -24s linear infinite;
}
@keyframes fall-109 {
  66.505% {
    transform: translate(73.6291vw, 66.505vh) scale(0.1011);
  }
  to {
    transform: translate(76.5306vw, 100vh) scale(0.1011);
  }
}
.snow:nth-child(110) {
  opacity: 0.063;
  transform: translate(77.6454vw, -10px) scale(0.1788);
  animation: fall-110 17s -25s linear infinite;
}
@keyframes fall-110 {
  71.408% {
    transform: translate(82.6922vw, 71.408vh) scale(0.1788);
  }
  to {
    transform: translate(80.1688vw, 100vh) scale(0.1788);
  }
}
.snow:nth-child(111) {
  opacity: 0.1234;
  transform: translate(20.6162vw, -10px) scale(0.6059);
  animation: fall-111 24s -28s linear infinite;
}
@keyframes fall-111 {
  75.631% {
    transform: translate(20.4247vw, 75.631vh) scale(0.6059);
  }
  to {
    transform: translate(20.52045vw, 100vh) scale(0.6059);
  }
}
.snow:nth-child(112) {
  opacity: 0.4421;
  transform: translate(84.2536vw, -10px) scale(0.6922);
  animation: fall-112 26s -11s linear infinite;
}
@keyframes fall-112 {
  31.732% {
    transform: translate(79.5519vw, 31.732vh) scale(0.6922);
  }
  to {
    transform: translate(81.90275vw, 100vh) scale(0.6922);
  }
}
.snow:nth-child(113) {
  opacity: 0.4176;
  transform: translate(11.1408vw, -10px) scale(0.3728);
  animation: fall-113 12s -25s linear infinite;
}
@keyframes fall-113 {
  38.253% {
    transform: translate(6.2187vw, 38.253vh) scale(0.3728);
  }
  to {
    transform: translate(8.67975vw, 100vh) scale(0.3728);
  }
}
.snow:nth-child(114) {
  opacity: 0.293;
  transform: translate(14.4584vw, -10px) scale(0.509);
  animation: fall-114 29s -15s linear infinite;
}
@keyframes fall-114 {
  73.884% {
    transform: translate(17.4267vw, 73.884vh) scale(0.509);
  }
  to {
    transform: translate(15.94255vw, 100vh) scale(0.509);
  }
}
.snow:nth-child(115) {
  opacity: 0.9914;
  transform: translate(78.9358vw, -10px) scale(0.1777);
  animation: fall-115 20s -26s linear infinite;
}
@keyframes fall-115 {
  50.658% {
    transform: translate(87.8051vw, 50.658vh) scale(0.1777);
  }
  to {
    transform: translate(83.37045vw, 100vh) scale(0.1777);
  }
}
.snow:nth-child(116) {
  opacity: 0.1981;
  transform: translate(98.3264vw, -10px) scale(0.4207);
  animation: fall-116 24s -26s linear infinite;
}
@keyframes fall-116 {
  79.083% {
    transform: translate(103.9731vw, 79.083vh) scale(0.4207);
  }
  to {
    transform: translate(101.14975vw, 100vh) scale(0.4207);
  }
}
.snow:nth-child(117) {
  opacity: 0.9011;
  transform: translate(57.4746vw, -10px) scale(0.181);
  animation: fall-117 13s -19s linear infinite;
}
@keyframes fall-117 {
  41.701% {
    transform: translate(50.3694vw, 41.701vh) scale(0.181);
  }
  to {
    transform: translate(53.922vw, 100vh) scale(0.181);
  }
}
.snow:nth-child(118) {
  opacity: 0.3854;
  transform: translate(22.5943vw, -10px) scale(0.1046);
  animation: fall-118 16s -8s linear infinite;
}
@keyframes fall-118 {
  57.757% {
    transform: translate(19.418vw, 57.757vh) scale(0.1046);
  }
  to {
    transform: translate(21.00615vw, 100vh) scale(0.1046);
  }
}
.snow:nth-child(119) {
  opacity: 0.0435;
  transform: translate(77.5857vw, -10px) scale(0.1039);
  animation: fall-119 30s -5s linear infinite;
}
@keyframes fall-119 {
  53.776% {
    transform: translate(79.6928vw, 53.776vh) scale(0.1039);
  }
  to {
    transform: translate(78.63925vw, 100vh) scale(0.1039);
  }
}
.snow:nth-child(120) {
  opacity: 0.0779;
  transform: translate(77.5737vw, -10px) scale(0.4513);
  animation: fall-120 22s -9s linear infinite;
}
@keyframes fall-120 {
  75.188% {
    transform: translate(85.6971vw, 75.188vh) scale(0.4513);
  }
  to {
    transform: translate(81.6354vw, 100vh) scale(0.4513);
  }
}
.snow:nth-child(121) {
  opacity: 0.1514;
  transform: translate(58.4986vw, -10px) scale(0.1571);
  animation: fall-121 27s -21s linear infinite;
}
@keyframes fall-121 {
  78.909% {
    transform: translate(61.2437vw, 78.909vh) scale(0.1571);
  }
  to {
    transform: translate(59.87115vw, 100vh) scale(0.1571);
  }
}
.snow:nth-child(122) {
  opacity: 0.7335;
  transform: translate(0.4201vw, -10px) scale(0.7854);
  animation: fall-122 12s -25s linear infinite;
}
@keyframes fall-122 {
  54.11% {
    transform: translate(9.0361vw, 54.11vh) scale(0.7854);
  }
  to {
    transform: translate(4.7281vw, 100vh) scale(0.7854);
  }
}
.snow:nth-child(123) {
  opacity: 0.6793;
  transform: translate(42.2827vw, -10px) scale(0.7181);
  animation: fall-123 28s -20s linear infinite;
}
@keyframes fall-123 {
  67.56% {
    transform: translate(39.3629vw, 67.56vh) scale(0.7181);
  }
  to {
    transform: translate(40.8228vw, 100vh) scale(0.7181);
  }
}
.snow:nth-child(124) {
  opacity: 0.3441;
  transform: translate(85.3582vw, -10px) scale(0.0797);
  animation: fall-124 18s -19s linear infinite;
}
@keyframes fall-124 {
  74.379% {
    transform: translate(85.4216vw, 74.379vh) scale(0.0797);
  }
  to {
    transform: translate(85.3899vw, 100vh) scale(0.0797);
  }
}
.snow:nth-child(125) {
  opacity: 0.7728;
  transform: translate(63.9255vw, -10px) scale(0.0705);
  animation: fall-125 18s -15s linear infinite;
}
@keyframes fall-125 {
  58.468% {
    transform: translate(62.0187vw, 58.468vh) scale(0.0705);
  }
  to {
    transform: translate(62.9721vw, 100vh) scale(0.0705);
  }
}
.snow:nth-child(126) {
  opacity: 0.9469;
  transform: translate(27.7202vw, -10px) scale(0.7749);
  animation: fall-126 20s -23s linear infinite;
}
@keyframes fall-126 {
  72.091% {
    transform: translate(22.869vw, 72.091vh) scale(0.7749);
  }
  to {
    transform: translate(25.2946vw, 100vh) scale(0.7749);
  }
}
.snow:nth-child(127) {
  opacity: 0.1352;
  transform: translate(76.3796vw, -10px) scale(0.1772);
  animation: fall-127 16s -7s linear infinite;
}
@keyframes fall-127 {
  61.42% {
    transform: translate(67.8633vw, 61.42vh) scale(0.1772);
  }
  to {
    transform: translate(72.12145vw, 100vh) scale(0.1772);
  }
}
.snow:nth-child(128) {
  opacity: 0.552;
  transform: translate(40.8038vw, -10px) scale(0.4737);
  animation: fall-128 12s -11s linear infinite;
}
@keyframes fall-128 {
  66.605% {
    transform: translate(35.7551vw, 66.605vh) scale(0.4737);
  }
  to {
    transform: translate(38.27945vw, 100vh) scale(0.4737);
  }
}
.snow:nth-child(129) {
  opacity: 0.4032;
  transform: translate(64.6426vw, -10px) scale(0.6925);
  animation: fall-129 23s -20s linear infinite;
}
@keyframes fall-129 {
  50.163% {
    transform: translate(71.0011vw, 50.163vh) scale(0.6925);
  }
  to {
    transform: translate(67.82185vw, 100vh) scale(0.6925);
  }
}
.snow:nth-child(130) {
  opacity: 0.2328;
  transform: translate(80.7452vw, -10px) scale(0.3875);
  animation: fall-130 20s -1s linear infinite;
}
@keyframes fall-130 {
  67.874% {
    transform: translate(78.3926vw, 67.874vh) scale(0.3875);
  }
  to {
    transform: translate(79.5689vw, 100vh) scale(0.3875);
  }
}
.snow:nth-child(131) {
  opacity: 0.8364;
  transform: translate(81.4622vw, -10px) scale(0.4655);
  animation: fall-131 13s -26s linear infinite;
}
@keyframes fall-131 {
  32.096% {
    transform: translate(86.2933vw, 32.096vh) scale(0.4655);
  }
  to {
    transform: translate(83.87775vw, 100vh) scale(0.4655);
  }
}
.snow:nth-child(132) {
  opacity: 0.8137;
  transform: translate(57.4283vw, -10px) scale(0.813);
  animation: fall-132 28s -24s linear infinite;
}
@keyframes fall-132 {
  37.059% {
    transform: translate(64.6502vw, 37.059vh) scale(0.813);
  }
  to {
    transform: translate(61.03925vw, 100vh) scale(0.813);
  }
}
.snow:nth-child(133) {
  opacity: 0.6301;
  transform: translate(88.5942vw, -10px) scale(0.1585);
  animation: fall-133 27s -21s linear infinite;
}
@keyframes fall-133 {
  61.748% {
    transform: translate(81.8531vw, 61.748vh) scale(0.1585);
  }
  to {
    transform: translate(85.22365vw, 100vh) scale(0.1585);
  }
}
.snow:nth-child(134) {
  opacity: 0.9092;
  transform: translate(85.2345vw, -10px) scale(0.1367);
  animation: fall-134 22s -19s linear infinite;
}
@keyframes fall-134 {
  30.696% {
    transform: translate(86.6701vw, 30.696vh) scale(0.1367);
  }
  to {
    transform: translate(85.9523vw, 100vh) scale(0.1367);
  }
}
.snow:nth-child(135) {
  opacity: 0.2108;
  transform: translate(17.2791vw, -10px) scale(0.0955);
  animation: fall-135 27s -8s linear infinite;
}
@keyframes fall-135 {
  44.88% {
    transform: translate(25.0633vw, 44.88vh) scale(0.0955);
  }
  to {
    transform: translate(21.1712vw, 100vh) scale(0.0955);
  }
}
.snow:nth-child(136) {
  opacity: 0.7621;
  transform: translate(20.5102vw, -10px) scale(0.9685);
  animation: fall-136 14s -22s linear infinite;
}
@keyframes fall-136 {
  53.656% {
    transform: translate(26.463vw, 53.656vh) scale(0.9685);
  }
  to {
    transform: translate(23.4866vw, 100vh) scale(0.9685);
  }
}
.snow:nth-child(137) {
  opacity: 0.6939;
  transform: translate(77.3768vw, -10px) scale(0.6267);
  animation: fall-137 22s -23s linear infinite;
}
@keyframes fall-137 {
  61.04% {
    transform: translate(84.98vw, 61.04vh) scale(0.6267);
  }
  to {
    transform: translate(81.1784vw, 100vh) scale(0.6267);
  }
}
.snow:nth-child(138) {
  opacity: 0.9794;
  transform: translate(69.4899vw, -10px) scale(0.7659);
  animation: fall-138 17s -5s linear infinite;
}
@keyframes fall-138 {
  77.929% {
    transform: translate(64.2878vw, 77.929vh) scale(0.7659);
  }
  to {
    transform: translate(66.88885vw, 100vh) scale(0.7659);
  }
}
.snow:nth-child(139) {
  opacity: 0.8488;
  transform: translate(61.3582vw, -10px) scale(0.4061);
  animation: fall-139 29s -14s linear infinite;
}
@keyframes fall-139 {
  78.63% {
    transform: translate(57.2876vw, 78.63vh) scale(0.4061);
  }
  to {
    transform: translate(59.3229vw, 100vh) scale(0.4061);
  }
}
.snow:nth-child(140) {
  opacity: 0.523;
  transform: translate(15.5223vw, -10px) scale(0.2413);
  animation: fall-140 29s -21s linear infinite;
}
@keyframes fall-140 {
  42.953% {
    transform: translate(23.5825vw, 42.953vh) scale(0.2413);
  }
  to {
    transform: translate(19.5524vw, 100vh) scale(0.2413);
  }
}
.snow:nth-child(141) {
  opacity: 0.0922;
  transform: translate(67.3005vw, -10px) scale(0.3501);
  animation: fall-141 19s -4s linear infinite;
}
@keyframes fall-141 {
  54.919% {
    transform: translate(65.7235vw, 54.919vh) scale(0.3501);
  }
  to {
    transform: translate(66.512vw, 100vh) scale(0.3501);
  }
}
.snow:nth-child(142) {
  opacity: 0.2283;
  transform: translate(24.1355vw, -10px) scale(0.5994);
  animation: fall-142 29s -12s linear infinite;
}
@keyframes fall-142 {
  77.471% {
    transform: translate(15.8488vw, 77.471vh) scale(0.5994);
  }
  to {
    transform: translate(19.99215vw, 100vh) scale(0.5994);
  }
}
.snow:nth-child(143) {
  opacity: 0.3071;
  transform: translate(11.5277vw, -10px) scale(0.1142);
  animation: fall-143 16s -12s linear infinite;
}
@keyframes fall-143 {
  50.363% {
    transform: translate(7.3492vw, 50.363vh) scale(0.1142);
  }
  to {
    transform: translate(9.43845vw, 100vh) scale(0.1142);
  }
}
.snow:nth-child(144) {
  opacity: 0.7012;
  transform: translate(83.297vw, -10px) scale(0.9002);
  animation: fall-144 19s -12s linear infinite;
}
@keyframes fall-144 {
  56.198% {
    transform: translate(92.7209vw, 56.198vh) scale(0.9002);
  }
  to {
    transform: translate(88.00895vw, 100vh) scale(0.9002);
  }
}
.snow:nth-child(145) {
  opacity: 0.6279;
  transform: translate(54.3403vw, -10px) scale(0.6628);
  animation: fall-145 20s -21s linear infinite;
}
@keyframes fall-145 {
  58.451% {
    transform: translate(47.1879vw, 58.451vh) scale(0.6628);
  }
  to {
    transform: translate(50.7641vw, 100vh) scale(0.6628);
  }
}
.snow:nth-child(146) {
  opacity: 0.5774;
  transform: translate(94.3965vw, -10px) scale(0.1273);
  animation: fall-146 17s -25s linear infinite;
}
@keyframes fall-146 {
  38.09% {
    transform: translate(87.993vw, 38.09vh) scale(0.1273);
  }
  to {
    transform: translate(91.19475vw, 100vh) scale(0.1273);
  }
}
.snow:nth-child(147) {
  opacity: 0.7147;
  transform: translate(63.5494vw, -10px) scale(0.3017);
  animation: fall-147 29s -20s linear infinite;
}
@keyframes fall-147 {
  56.281% {
    transform: translate(54.0599vw, 56.281vh) scale(0.3017);
  }
  to {
    transform: translate(58.80465vw, 100vh) scale(0.3017);
  }
}
.snow:nth-child(148) {
  opacity: 0.3045;
  transform: translate(74.1739vw, -10px) scale(0.4689);
  animation: fall-148 23s -18s linear infinite;
}
@keyframes fall-148 {
  48.898% {
    transform: translate(74.6228vw, 48.898vh) scale(0.4689);
  }
  to {
    transform: translate(74.39835vw, 100vh) scale(0.4689);
  }
}
.snow:nth-child(149) {
  opacity: 0.7409;
  transform: translate(11.652vw, -10px) scale(0.2754);
  animation: fall-149 26s -15s linear infinite;
}
@keyframes fall-149 {
  70.186% {
    transform: translate(21.6055vw, 70.186vh) scale(0.2754);
  }
  to {
    transform: translate(16.62875vw, 100vh) scale(0.2754);
  }
}
.snow:nth-child(150) {
  opacity: 0.0134;
  transform: translate(67.6011vw, -10px) scale(0.2354);
  animation: fall-150 19s -13s linear infinite;
}
@keyframes fall-150 {
  72.587% {
    transform: translate(74.7169vw, 72.587vh) scale(0.2354);
  }
  to {
    transform: translate(71.159vw, 100vh) scale(0.2354);
  }
}
.snow:nth-child(151) {
  opacity: 0.6534;
  transform: translate(60.7366vw, -10px) scale(0.1875);
  animation: fall-151 27s -30s linear infinite;
}
@keyframes fall-151 {
  56.063% {
    transform: translate(51.4242vw, 56.063vh) scale(0.1875);
  }
  to {
    transform: translate(56.0804vw, 100vh) scale(0.1875);
  }
}
.snow:nth-child(152) {
  opacity: 0.2714;
  transform: translate(1.8618vw, -10px) scale(0.0849);
  animation: fall-152 25s -2s linear infinite;
}
@keyframes fall-152 {
  75.855% {
    transform: translate(8.0276vw, 75.855vh) scale(0.0849);
  }
  to {
    transform: translate(4.9447vw, 100vh) scale(0.0849);
  }
}
.snow:nth-child(153) {
  opacity: 0.2886;
  transform: translate(5.3009vw, -10px) scale(0.135);
  animation: fall-153 11s -13s linear infinite;
}
@keyframes fall-153 {
  68.161% {
    transform: translate(5.5842vw, 68.161vh) scale(0.135);
  }
  to {
    transform: translate(5.44255vw, 100vh) scale(0.135);
  }
}
.snow:nth-child(154) {
  opacity: 0.075;
  transform: translate(77.214vw, -10px) scale(0.5059);
  animation: fall-154 24s -30s linear infinite;
}
@keyframes fall-154 {
  39.502% {
    transform: translate(76.7649vw, 39.502vh) scale(0.5059);
  }
  to {
    transform: translate(76.98945vw, 100vh) scale(0.5059);
  }
}
.snow:nth-child(155) {
  opacity: 0.771;
  transform: translate(86.1789vw, -10px) scale(0.5674);
  animation: fall-155 13s -2s linear infinite;
}
@keyframes fall-155 {
  55.373% {
    transform: translate(89.8907vw, 55.373vh) scale(0.5674);
  }
  to {
    transform: translate(88.0348vw, 100vh) scale(0.5674);
  }
}
.snow:nth-child(156) {
  opacity: 0.0038;
  transform: translate(37.9642vw, -10px) scale(0.5204);
  animation: fall-156 26s -1s linear infinite;
}
@keyframes fall-156 {
  53.107% {
    transform: translate(45.2395vw, 53.107vh) scale(0.5204);
  }
  to {
    transform: translate(41.60185vw, 100vh) scale(0.5204);
  }
}
.snow:nth-child(157) {
  opacity: 0.6138;
  transform: translate(11.5883vw, -10px) scale(0.935);
  animation: fall-157 29s -3s linear infinite;
}
@keyframes fall-157 {
  64.018% {
    transform: translate(14.511vw, 64.018vh) scale(0.935);
  }
  to {
    transform: translate(13.04965vw, 100vh) scale(0.935);
  }
}
.snow:nth-child(158) {
  opacity: 0.233;
  transform: translate(8.5719vw, -10px) scale(0.3636);
  animation: fall-158 23s -18s linear infinite;
}
@keyframes fall-158 {
  57.89% {
    transform: translate(0.4924vw, 57.89vh) scale(0.3636);
  }
  to {
    transform: translate(4.53215vw, 100vh) scale(0.3636);
  }
}
.snow:nth-child(159) {
  opacity: 0.8111;
  transform: translate(77.6306vw, -10px) scale(0.8133);
  animation: fall-159 12s -28s linear infinite;
}
@keyframes fall-159 {
  35.638% {
    transform: translate(72.0685vw, 35.638vh) scale(0.8133);
  }
  to {
    transform: translate(74.84955vw, 100vh) scale(0.8133);
  }
}
.snow:nth-child(160) {
  opacity: 0.7144;
  transform: translate(65.3706vw, -10px) scale(0.2939);
  animation: fall-160 28s -2s linear infinite;
}
@keyframes fall-160 {
  78.682% {
    transform: translate(61.2898vw, 78.682vh) scale(0.2939);
  }
  to {
    transform: translate(63.3302vw, 100vh) scale(0.2939);
  }
}
.snow:nth-child(161) {
  opacity: 0.1267;
  transform: translate(87.4634vw, -10px) scale(0.0552);
  animation: fall-161 16s -16s linear infinite;
}
@keyframes fall-161 {
  53.921% {
    transform: translate(88.4185vw, 53.921vh) scale(0.0552);
  }
  to {
    transform: translate(87.94095vw, 100vh) scale(0.0552);
  }
}
.snow:nth-child(162) {
  opacity: 0.7947;
  transform: translate(2.8029vw, -10px) scale(0.4411);
  animation: fall-162 15s -14s linear infinite;
}
@keyframes fall-162 {
  72.931% {
    transform: translate(-6.8162vw, 72.931vh) scale(0.4411);
  }
  to {
    transform: translate(-2.00665vw, 100vh) scale(0.4411);
  }
}
.snow:nth-child(163) {
  opacity: 0.707;
  transform: translate(97.1056vw, -10px) scale(0.7759);
  animation: fall-163 27s -4s linear infinite;
}
@keyframes fall-163 {
  58.2% {
    transform: translate(97.5608vw, 58.2vh) scale(0.7759);
  }
  to {
    transform: translate(97.3332vw, 100vh) scale(0.7759);
  }
}
.snow:nth-child(164) {
  opacity: 0.2704;
  transform: translate(84.8096vw, -10px) scale(0.8911);
  animation: fall-164 15s -11s linear infinite;
}
@keyframes fall-164 {
  45.214% {
    transform: translate(75.7201vw, 45.214vh) scale(0.8911);
  }
  to {
    transform: translate(80.26485vw, 100vh) scale(0.8911);
  }
}
.snow:nth-child(165) {
  opacity: 0.7873;
  transform: translate(4.9103vw, -10px) scale(0.9099);
  animation: fall-165 21s -18s linear infinite;
}
@keyframes fall-165 {
  67.025% {
    transform: translate(-2.3919vw, 67.025vh) scale(0.9099);
  }
  to {
    transform: translate(1.2592vw, 100vh) scale(0.9099);
  }
}
.snow:nth-child(166) {
  opacity: 0.4407;
  transform: translate(34.26vw, -10px) scale(0.0086);
  animation: fall-166 14s -17s linear infinite;
}
@keyframes fall-166 {
  59.606% {
    transform: translate(38.234vw, 59.606vh) scale(0.0086);
  }
  to {
    transform: translate(36.247vw, 100vh) scale(0.0086);
  }
}
.snow:nth-child(167) {
  opacity: 0.6337;
  transform: translate(84.1418vw, -10px) scale(0.3591);
  animation: fall-167 24s -18s linear infinite;
}
@keyframes fall-167 {
  46.966% {
    transform: translate(76.6487vw, 46.966vh) scale(0.3591);
  }
  to {
    transform: translate(80.39525vw, 100vh) scale(0.3591);
  }
}
.snow:nth-child(168) {
  opacity: 0.1546;
  transform: translate(88.4675vw, -10px) scale(0.444);
  animation: fall-168 22s -15s linear infinite;
}
@keyframes fall-168 {
  73.866% {
    transform: translate(81.5366vw, 73.866vh) scale(0.444);
  }
  to {
    transform: translate(85.00205vw, 100vh) scale(0.444);
  }
}
.snow:nth-child(169) {
  opacity: 0.0477;
  transform: translate(46.0586vw, -10px) scale(0.9783);
  animation: fall-169 14s -12s linear infinite;
}
@keyframes fall-169 {
  63.191% {
    transform: translate(51.7385vw, 63.191vh) scale(0.9783);
  }
  to {
    transform: translate(48.89855vw, 100vh) scale(0.9783);
  }
}
.snow:nth-child(170) {
  opacity: 0.4447;
  transform: translate(72.6877vw, -10px) scale(0.1352);
  animation: fall-170 21s -29s linear infinite;
}
@keyframes fall-170 {
  61.349% {
    transform: translate(64.2304vw, 61.349vh) scale(0.1352);
  }
  to {
    transform: translate(68.45905vw, 100vh) scale(0.1352);
  }
}
.snow:nth-child(171) {
  opacity: 0.8691;
  transform: translate(40.7682vw, -10px) scale(0.6211);
  animation: fall-171 11s -29s linear infinite;
}
@keyframes fall-171 {
  77.798% {
    transform: translate(34.9328vw, 77.798vh) scale(0.6211);
  }
  to {
    transform: translate(37.8505vw, 100vh) scale(0.6211);
  }
}
.snow:nth-child(172) {
  opacity: 0.218;
  transform: translate(21.0052vw, -10px) scale(0.6501);
  animation: fall-172 22s -27s linear infinite;
}
@keyframes fall-172 {
  66.275% {
    transform: translate(24.5727vw, 66.275vh) scale(0.6501);
  }
  to {
    transform: translate(22.78895vw, 100vh) scale(0.6501);
  }
}
.snow:nth-child(173) {
  opacity: 0.07;
  transform: translate(17.7057vw, -10px) scale(0.6966);
  animation: fall-173 10s -3s linear infinite;
}
@keyframes fall-173 {
  79.258% {
    transform: translate(23.8195vw, 79.258vh) scale(0.6966);
  }
  to {
    transform: translate(20.7626vw, 100vh) scale(0.6966);
  }
}
.snow:nth-child(174) {
  opacity: 0.3618;
  transform: translate(19.0291vw, -10px) scale(0.1758);
  animation: fall-174 23s -21s linear infinite;
}
@keyframes fall-174 {
  34.176% {
    transform: translate(18.1117vw, 34.176vh) scale(0.1758);
  }
  to {
    transform: translate(18.5704vw, 100vh) scale(0.1758);
  }
}
.snow:nth-child(175) {
  opacity: 0.4274;
  transform: translate(89.5486vw, -10px) scale(0.2047);
  animation: fall-175 30s -7s linear infinite;
}
@keyframes fall-175 {
  68.772% {
    transform: translate(82.3434vw, 68.772vh) scale(0.2047);
  }
  to {
    transform: translate(85.946vw, 100vh) scale(0.2047);
  }
}
.snow:nth-child(176) {
  opacity: 0.681;
  transform: translate(38.5191vw, -10px) scale(0.9216);
  animation: fall-176 13s -18s linear infinite;
}
@keyframes fall-176 {
  36.67% {
    transform: translate(36.5847vw, 36.67vh) scale(0.9216);
  }
  to {
    transform: translate(37.5519vw, 100vh) scale(0.9216);
  }
}
.snow:nth-child(177) {
  opacity: 0.1709;
  transform: translate(8.4778vw, -10px) scale(0.2376);
  animation: fall-177 29s -5s linear infinite;
}
@keyframes fall-177 {
  73.881% {
    transform: translate(17.4976vw, 73.881vh) scale(0.2376);
  }
  to {
    transform: translate(12.9877vw, 100vh) scale(0.2376);
  }
}
.snow:nth-child(178) {
  opacity: 0.7958;
  transform: translate(99.1762vw, -10px) scale(0.0992);
  animation: fall-178 14s -3s linear infinite;
}
@keyframes fall-178 {
  41.798% {
    transform: translate(100.3434vw, 41.798vh) scale(0.0992);
  }
  to {
    transform: translate(99.7598vw, 100vh) scale(0.0992);
  }
}
.snow:nth-child(179) {
  opacity: 0.4551;
  transform: translate(87.7825vw, -10px) scale(0.2704);
  animation: fall-179 26s -14s linear infinite;
}
@keyframes fall-179 {
  59.486% {
    transform: translate(88.439vw, 59.486vh) scale(0.2704);
  }
  to {
    transform: translate(88.11075vw, 100vh) scale(0.2704);
  }
}
.snow:nth-child(180) {
  opacity: 0.3227;
  transform: translate(59.3513vw, -10px) scale(0.2412);
  animation: fall-180 15s -2s linear infinite;
}
@keyframes fall-180 {
  71.521% {
    transform: translate(58.4079vw, 71.521vh) scale(0.2412);
  }
  to {
    transform: translate(58.8796vw, 100vh) scale(0.2412);
  }
}
.snow:nth-child(181) {
  opacity: 0.4956;
  transform: translate(16.6712vw, -10px) scale(0.5575);
  animation: fall-181 29s -24s linear infinite;
}
@keyframes fall-181 {
  43.831% {
    transform: translate(16.1329vw, 43.831vh) scale(0.5575);
  }
  to {
    transform: translate(16.40205vw, 100vh) scale(0.5575);
  }
}
.snow:nth-child(182) {
  opacity: 0.1025;
  transform: translate(64.4443vw, -10px) scale(0.7684);
  animation: fall-182 18s -8s linear infinite;
}
@keyframes fall-182 {
  40.612% {
    transform: translate(70.9457vw, 40.612vh) scale(0.7684);
  }
  to {
    transform: translate(67.695vw, 100vh) scale(0.7684);
  }
}
.snow:nth-child(183) {
  opacity: 0.356;
  transform: translate(51.1011vw, -10px) scale(0.6752);
  animation: fall-183 14s -9s linear infinite;
}
@keyframes fall-183 {
  58.666% {
    transform: translate(41.2372vw, 58.666vh) scale(0.6752);
  }
  to {
    transform: translate(46.16915vw, 100vh) scale(0.6752);
  }
}
.snow:nth-child(184) {
  opacity: 0.5599;
  transform: translate(59.4525vw, -10px) scale(0.0902);
  animation: fall-184 28s -5s linear infinite;
}
@keyframes fall-184 {
  38.607% {
    transform: translate(53.5144vw, 38.607vh) scale(0.0902);
  }
  to {
    transform: translate(56.48345vw, 100vh) scale(0.0902);
  }
}
.snow:nth-child(185) {
  opacity: 0.5018;
  transform: translate(94.0793vw, -10px) scale(0.8594);
  animation: fall-185 17s -24s linear infinite;
}
@keyframes fall-185 {
  67.288% {
    transform: translate(87.0628vw, 67.288vh) scale(0.8594);
  }
  to {
    transform: translate(90.57105vw, 100vh) scale(0.8594);
  }
}
.snow:nth-child(186) {
  opacity: 0.8372;
  transform: translate(50.0449vw, -10px) scale(0.4919);
  animation: fall-186 11s -11s linear infinite;
}
@keyframes fall-186 {
  70.699% {
    transform: translate(45.8219vw, 70.699vh) scale(0.4919);
  }
  to {
    transform: translate(47.9334vw, 100vh) scale(0.4919);
  }
}
.snow:nth-child(187) {
  opacity: 0.9311;
  transform: translate(46.4601vw, -10px) scale(0.1258);
  animation: fall-187 14s -11s linear infinite;
}
@keyframes fall-187 {
  51.566% {
    transform: translate(47.8844vw, 51.566vh) scale(0.1258);
  }
  to {
    transform: translate(47.17225vw, 100vh) scale(0.1258);
  }
}
.snow:nth-child(188) {
  opacity: 0.9495;
  transform: translate(67.4471vw, -10px) scale(0.9816);
  animation: fall-188 23s -16s linear infinite;
}
@keyframes fall-188 {
  35.462% {
    transform: translate(69.0575vw, 35.462vh) scale(0.9816);
  }
  to {
    transform: translate(68.2523vw, 100vh) scale(0.9816);
  }
}
.snow:nth-child(189) {
  opacity: 0.9713;
  transform: translate(40.1762vw, -10px) scale(0.1002);
  animation: fall-189 12s -22s linear infinite;
}
@keyframes fall-189 {
  55.015% {
    transform: translate(44.8747vw, 55.015vh) scale(0.1002);
  }
  to {
    transform: translate(42.52545vw, 100vh) scale(0.1002);
  }
}
.snow:nth-child(190) {
  opacity: 0.8222;
  transform: translate(68.8264vw, -10px) scale(0.1077);
  animation: fall-190 28s -1s linear infinite;
}
@keyframes fall-190 {
  64.235% {
    transform: translate(65.7272vw, 64.235vh) scale(0.1077);
  }
  to {
    transform: translate(67.2768vw, 100vh) scale(0.1077);
  }
}
.snow:nth-child(191) {
  opacity: 0.4851;
  transform: translate(62.0553vw, -10px) scale(0.3036);
  animation: fall-191 29s -30s linear infinite;
}
@keyframes fall-191 {
  30.527% {
    transform: translate(62.6518vw, 30.527vh) scale(0.3036);
  }
  to {
    transform: translate(62.35355vw, 100vh) scale(0.3036);
  }
}
.snow:nth-child(192) {
  opacity: 0.5901;
  transform: translate(76.8828vw, -10px) scale(0.9738);
  animation: fall-192 22s -13s linear infinite;
}
@keyframes fall-192 {
  70.562% {
    transform: translate(73.106vw, 70.562vh) scale(0.9738);
  }
  to {
    transform: translate(74.9944vw, 100vh) scale(0.9738);
  }
}
.snow:nth-child(193) {
  opacity: 0.7271;
  transform: translate(8.839vw, -10px) scale(0.0653);
  animation: fall-193 17s -13s linear infinite;
}
@keyframes fall-193 {
  35.899% {
    transform: translate(12.2397vw, 35.899vh) scale(0.0653);
  }
  to {
    transform: translate(10.53935vw, 100vh) scale(0.0653);
  }
}
.snow:nth-child(194) {
  opacity: 0.8068;
  transform: translate(35.4757vw, -10px) scale(0.2856);
  animation: fall-194 10s -3s linear infinite;
}
@keyframes fall-194 {
  57.14% {
    transform: translate(31.9967vw, 57.14vh) scale(0.2856);
  }
  to {
    transform: translate(33.7362vw, 100vh) scale(0.2856);
  }
}
.snow:nth-child(195) {
  opacity: 0.5597;
  transform: translate(33.8076vw, -10px) scale(0.8748);
  animation: fall-195 10s -6s linear infinite;
}
@keyframes fall-195 {
  44.63% {
    transform: translate(36.297vw, 44.63vh) scale(0.8748);
  }
  to {
    transform: translate(35.0523vw, 100vh) scale(0.8748);
  }
}
.snow:nth-child(196) {
  opacity: 0.9925;
  transform: translate(3.9399vw, -10px) scale(0.5354);
  animation: fall-196 29s -6s linear infinite;
}
@keyframes fall-196 {
  57.261% {
    transform: translate(-4.4617vw, 57.261vh) scale(0.5354);
  }
  to {
    transform: translate(-0.2609vw, 100vh) scale(0.5354);
  }
}
.snow:nth-child(197) {
  opacity: 0.7299;
  transform: translate(76.2013vw, -10px) scale(0.6884);
  animation: fall-197 20s -10s linear infinite;
}
@keyframes fall-197 {
  65.021% {
    transform: translate(82.1665vw, 65.021vh) scale(0.6884);
  }
  to {
    transform: translate(79.1839vw, 100vh) scale(0.6884);
  }
}
.snow:nth-child(198) {
  opacity: 0.8559;
  transform: translate(8.2518vw, -10px) scale(0.8145);
  animation: fall-198 14s -4s linear infinite;
}
@keyframes fall-198 {
  58.907% {
    transform: translate(8.8888vw, 58.907vh) scale(0.8145);
  }
  to {
    transform: translate(8.5703vw, 100vh) scale(0.8145);
  }
}
.snow:nth-child(199) {
  opacity: 0.2359;
  transform: translate(27.3706vw, -10px) scale(0.884);
  animation: fall-199 15s -26s linear infinite;
}
@keyframes fall-199 {
  50.69% {
    transform: translate(22.5976vw, 50.69vh) scale(0.884);
  }
  to {
    transform: translate(24.9841vw, 100vh) scale(0.884);
  }
}
.snow:nth-child(200) {
  opacity: 0.9021;
  transform: translate(12.7934vw, -10px) scale(0.8073);
  animation: fall-200 12s -22s linear infinite;
}
@keyframes fall-200 {
  66.481% {
    transform: translate(21.5003vw, 66.481vh) scale(0.8073);
  }
  to {
    transform: translate(17.14685vw, 100vh) scale(0.8073);
  }
}





span.ellipsis.fas.fa-ellipsis-v.responsive {

left: -1px;

z-index: 9999999999999;
}

span.ellipsis.fas.fa-ellipsis-v.responsive > .menu {
    background: var(--primary-colour);
    color: white;
    width: 174px;
    position: absolute;
    display: block;
    vertical-align: top;
    display: flex;
    top: -3px;
    left: 100%;
}

span.ellipsis.fas.fa-ellipsis-v.responsive > .menu > div {
    position: relative;
    width: 100%;
    display: block;
    margin: 0;
    left: 0;
    /* height: 36px; */
    transform: none;
    padding: 0;
    color: white;
    font-family: Tahoma;
    font-weight: normal;
    width: 100%;
    margin: 0!important;
}

span.ellipsis.fas.fa-ellipsis-v.responsive > .menu > div > span {
    position: initial;
    display: inline-flex;
    left: 0;
    right: 0;
    margin: 0;
    color: white;
    top: 0;
    bottom: 0;
    transform: none;
    padding: 10px;
    /* background: rgba(0, 0, 0, .1); */
    margin-right: 10px;
    width: 100%;
    height: 30px;
    padding: 0;
    align-items: center;
    justify-content: center;
}

span.href {
    color: #0d6efd;
}

span.href:hover {
    text-decoration: underline;
    cursor: pointer;
}