/* Everything in this file should be a mixin */
/* Styles in this file should be generic for all display sizes */
@import "Zrecruiter_Less.less";

/*#region Base Classes*/

* {
    .v-border-radius(0);
    .v-webkit-tap-highlight-color(transparent);
    .v-webkit-border-radius(0);
}

html {
    .l-width-min-page;
}

html, body {
    .l-margin-none;
    .l-padding-none;
    .v-background-colour(#F5F5F5);
    .l-height(100%);
    font-family: 'RobotoDraft', 'Roboto', 'Helvetica Neue, Helvetica, Arial', sans-serif;
    font-style: normal;
    .v-font-size(@Font-Normal);
    .v-font-weight(300);
    line-height: @DefaultLineHeight;
    .v-color-dark;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

h {
    &1, &2, &3, &4, &5 {
        .v-display-block();
        .l-margin-none();
        .v-font-weight(500);
    }

    &1 {
        .v-font-size(@Font-Header);
    }
}

[id$=hdrMenuWrapper] {
    .v-background-light;
    .l-z-index(2000);
    .l-position(fixed);
    .l-width-max;
    .v-box-shadow(0px 0px 5px 0px #555555);
}


#divMiniProfile {
    @profileIconSize: 20px;

    .l-padding-none;
    .l-margin-none;
    .l-height(100%);
    .l-float-right;

    &:hover, &.open {
        .v-background-colour(darken(@Background_Light, @Hover_Darken_Amount));
    }


    & #divProfileIcon {
        .l-padding(5px);
        .v-border-radius(100%);
        .v-background-brand;
        .v-text-align-centre;
        .l-width(@profileIconSize);
        .l-height(@profileIconSize);
        .l-position-relative;

        & > span {
            .v-color-light;
            .l-min-width(unset);
        }

        & ~ * {
            .l-padding-left(10px);
        }

        & #divNotificationCount {
            .l-position(absolute);
            .l-top(-5px);
            .l-right(12px);

            & span {
                .v-font-size(10px) !important;
                .v-color(@Text_Message_Good);

                &.fa-circle {
                    .v-font-size(16px) !important;
                }

                &.fa-circle:first-of-type {
                    .v-color-light;
                }
            }
        }
    }


    & > .e-drop-menu-toggle {
        .v-display-flex;
        align-items: center;
        .v-line-height(@profileIconSize);
        .l-padding-left(10px);
        .l-padding-right(10px);
        .v-cursor-pointer;
        .v-font-normal;
        .l-box-sizing-border-box;
        .l-height(100%);
    }

    & > .e-drop-menu-items {
        .l-right(0);
        .l-top(unset);

        & > ul > li:first-child {
            .l-padding(10px 15px);
            .v-border-bottom(1px dashed @Brand_Grey);
            .v-font-size(80%);
        }

        & li:not(:first-child) {
            .v-bold;
        }
    }

    &.open > .e-drop-menu-items {
        .l-top(100%);
    }
}

nav {
    .l-width(45px);
    .l-height(45px);
}

#trigger, #burger, #burger:before, #burger:after {
    position: absolute;
    background: @Zrecruiter;
    width: 15px;
    height: 2px;
    transition: .3s ease;
    cursor: pointer;
}

#trigger {
    background: none;
    .l-width(45px);
    .l-height(45px);
}

#burger {
    margin-top: 22px;
    margin-left: 14px;
}

#burger:before {
    content: " ";
    top: -5px;
    left: 0;
}

#burger:after {
    content: " ";
    top: 5px;
    left: 0;
}

#menuBackground {
    background-color: rgba(226, 226, 226, 0.7);
    width: 0%;
    height: calc(100% - 75px);
    position: fixed;
    top: 75px;
    z-index: -2;
    transition: .3s ease;
    right: 0;
}

#menu-toggle:checked + #burger {
    transform: rotate(180deg);
    transition: .3s ease;
}

#menu-toggle:checked + #burger:before {
    width: 10px;
    top: -2px;
    transform: rotate(45deg);
    transition: .3s ease;
    margin-left: 7px;
    margin-top: -1px;
}

#menu-toggle:checked + #burger:after {
    width: 10px;
    top: 3px;
    transform: rotate(-45deg);
    transition: .3s ease;
    margin-left: 7px;
    margin-top: 0px;
}

#menuWrapper {
    z-index: -1;
    height: calc(100% - 75px);
    width: 300px;
    background-color: @White;
    position: fixed;
    top: 75px;
    left: -310px;
    transition: .3s ease;
    overflow: auto;
    border-bottom-right-radius: 100%;
    box-shadow: 0px 5px 5px 0px #555555;
}

#menu-toggle:checked ~ #menuWrapper {
    left: 0px;
    border-bottom-right-radius: 0%;
    transition: .3s ease;
}

#menu-toggle:checked ~ #menuBackground {
    width: 100%;
    transition: .3s ease;
}

.menuOption {
    width: 100%;
    line-height: 20px;
    font-weight: 500;
    transition: .3s ease;
    overflow: hidden;
}

.menuOption:hover {
    background-color: rgba(146, 146, 146, 0.23);
    transition: .2s ease;
}

.menuOption:hover i.menuIcon, .menuOption:hover > label, .menuOption:hover > label a {
    color: @Zrecruiter;
    transition: .3s ease;
}

.menuOption label {
    display: block;
}

.menuOption label a, .menuOption label .menuLink {
    padding: 10px 15px 10px 50px;
    text-decoration: none;
    color: inherit;
    display: block;
}

.menuDate {
    .l-width(100%);
    .v-line-height(20px);
    .v-font-weight(500);
    .v-overflow(hidden);
}

.menuDate-label {
    .v-display(block);
    .l-padding(10px 15px 10px 15px);
}

.menuOption-background {
    .v-background-colour(@Zrecruiter);
}

.menuOption-background-white {
    .v-background-colour(rgba(255, 255, 255, 0.71));
}

.menuChild {
    max-height: 0px;
    overflow: hidden;
    padding: 0px;
    transition: .2s ease;
}

.menuToggle {
    .v-hidden;
}

.menuToggle:checked + .menuOption > .menuChild, .menuToggle:checked + .menuOption > .userMenuOptions .menuChild {
    max-height: none;
    transition: .2s ease;
}

.menuToggle:checked + .menuOption {
    background-color: rgba(146, 146, 146, 0.23);
    transition: .2s ease;
}

.e-main-no-menu {
    .l-position-absolute;
    .l-top(0px);
    .l-left(0);
    .l-right(0);
    .l-bottom(0);
    .v-overflow(auto);
    .l-margin-bottom(40px);
}

main:not(.e-main-no-menu) {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: auto;
    margin-bottom: 40px;

    &:not([data-public]) {
        .l-top(75px);
    }

    &[data-public] {
        .l-top(45px);
    }

    & > .e-content {
        .l-min-height(calc(100% - 105px));
    }
}

footer {
    /*.l-height(80px);
    .l-width-max;
    .v-border-brand-top;
    .l-clear-all;*/
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 40px;
    background-color: white;
    border-top: 1px solid @Brand_Colour;
}

a {
    .v-color-brand;
}

table {
    .l-width-max;
}

table, table tr, table td, table th {
    .l-margin-none;
    .l-padding-none;
    .v-text-align(left);
}

input, select, button, textarea, .e-content-box, .e-vpi-square-info, .e-div-button-with-radius {
    .v-border-radius(.e-input-style[border-radius]);
}

.e-input-style() {
    .v-border-dark;
    .v-background-light;
    .l-width-max;
    .v-font-global;
    .v-font-size(@Font-Normal);
    .v-color-dark;
    .l-padding(5px);
    .l-box-sizing-border-box;
    .v-border-radius(2px);
}

input, select, textarea, .e-div-button, button {
    .e-input-style();
}

input[type=checkbox] {
    .v-background-transparent;
    .l-padding-none;
}

input, .e-div-button {
    .v-cursor-pointer;
}

input[type=button], input[type=submit], input[type=text], input[type=password] {
    .v-webkit-appearance(none);
}

input[type=color] {
    .l-height(30px);
}

a.e-icon-button, button.e-icon-button, input[type=submit].e-icon-button, .e-icon-button a, .e-icon-button button, .e-icon-button input[type=submit] {
    .e-grid-button-inner;
    .e-icon-width !important;
    flex: 0 0 45px;
    .l-padding-left-none();
    .l-padding-right-none();

    &:hover {
        .v-background-colour(darken(@Blue, @Hover_Darken_Amount));
    }
}

input.invalid, select.invalid, textarea.invalid, input[type="radio"].invalid ~ *, input[type="checkbox"].invalid ~ *, .invalid + div.chzn-container ul, .invalid + div.chzn-container a {
    .v-background-colour(@Background_Message_Warning) !important;
}

input.amended, select.amended, textarea.amended, input[type="radio"].amended ~ *, input[type="checkbox"].amended ~ *, table.amended tr td, tr.amended, tr.amended td {
    .v-background-colour(@Background_Message_Info);
}

textarea.e-limit-length-count {
    .e-limit-length-count;
    .l-top (3px);
    .l-right(3px);
}

tr.amended.new, tr.amended.new td {
    .v-background-colour(@Background_Message_Good) !important;
}

tr.amended.deleted, tr.amended.deleted td {
    .v-background-colour(@Background_Message_Error) !important;
}

input:disabled, select:disabled, textarea:disabled, input[type="radio"]:disabled ~ *, input[type="checkbox"]:disabled ~ *, .e-grid-button a[disabled="disabled"], *:disabled + div.chzn-container ul, *[disabled="disabled"] .e-grid-button a, .e-div-button a:disabled {
    .v-background-colour(@Background_Dark) !important;
    .v-cursor(default) !important;
}

.e-grid-button a[disabled], *[disabled] .e-grid-button a, *[disabled] .e-icon-button, .e-icon-button[disabled] {
    .v-color-dark !important;
    .v-border-none !important;
    .v-cursor(default) !important;
    .v-background-colour(@Background_Dark) !important;
}

select {
    .l-padding-top(4px);
    .l-padding-bottom(4px);
}

input[type=submit], input[type=button], .e-form input[type=image]:not(.e-clickable-image), .e-div-button, button {
    .v-border-none !important;
    .v-outline-none;
    .v-background-brand;
    .l-width-auto !important;
    .l-padding-top(5px);
    .l-padding-bottom(5px);
    .l-padding-left(15px);
    .l-padding-right(15px);
    .v-font-size(@Font-Larger) !important;
    .v-text-align-centre;
    .v-color-light !important;
    .v-cursor-pointer;
    .l-float-left;

    &:hover {
        .v-background-colour(darken(@Brand_Colour, @Hover_Darken_Amount));
    }
}

.mce-menubtn button{
   .v-color-black !important;
}

.e-div-button a {
    .v-text-decoration-none();
    .v-color-light();
}

div.e-upload-button {
    .v-background-blue;

    &:hover {
        .v-background-colour(darken(@Blue, @Hover_Darken_Amount));
    }

    &:before {
        .e-div-button;
        .v-font-family(@Font-FontAwesomeLight);
        content: "\f093";
        .l-min-width-none;
        .v-font-weight(300);
        .e-grid-button-inner;
        .v-background-transparent;
        .fal;
        .l-float-none;
    }

    & input[type=file] {
        .v-display(none);
    }
}

input[type=radio] {
    .l-width-auto !important;
}

input[type=text], input[type=password] {
    .v-cursor(auto);
}


.e-login-container {
    .l-max-width(300px);
    .l-margin-left(auto);
    .l-margin-right(auto);
}

.e-login-logo {
    .l-height(auto);
    .l-margin-left(10px);
    .l-margin-top(2px);
    .l-margin-bottom(2px);

    & img {
        .l-max-height(55px);
        .l-max-width(100%);
        .l-height(auto);
        .l-top(0);
        .l-bottom(0);
        .l-left(0);
        .l-right(0);
        .l-margin-top(auto);
        .l-margin-bottom(auto);
    }
}

.e-login-footer-text {
    .v-line-height(40px);
    .v-text-align-centre;
    .l-padding-right(10px);
    .l-width-max;
}

.e-login-footer-text img {
    .l-margin-right(-25px);
}

.e-login-footer-text img[src=''] {
    .l-padding-left(0px);
}


.e-login-button input[type=submit] {
    .l-width-max !important;
    .l-margin-bottom(5px);
}

.e-login-forgot-password {
    .v-text-align-centre;
    .l-margin-bottom-normal;
    .l-margin-top(10px);
}

.e-login-logo-container {
    .l-margin-bottom(30px);
    .l-margin-top(10px);
}

.e-login-footer-container {
    .l-margin-top(40px);
    .l-width-max;
}

.e-login-footer-parcel {
    .l-margin-left-normal;
}

.e-login-box {
    .l-width(400px);
    .l-margin-left(auto);
    .l-margin-right(auto);
    .l-padding(20px) !important;
    .v-background-colour(rgba(255, 255, 255, 0.7));
    -webkit-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.4);
    box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.4);
}


.e-login-footer-logo {
    .l-max-height(100px);
    .l-margin-top(2px);
    .l-margin-bottom(2px);

    & img {
        .l-max-height(100px);
        .l-max-width(400px);
        .l-height(auto);
    }
}

.e-login-footer-logo img[src=''] {
    visibility: hidden;
}

@media (max-width:599px) {
    .e-login-box {
        .l-width-auto;
    }

    .e-login-footer-container img {
        .l-max-width(100%);
    }
}

@media (min-width:600px) {
    .e-login-box {
        .l-position-absolute;
        top: ~"CALC(50% - 280px)";
        left: ~"CALC(50% - 200px);";
    }
}


/*#endregion */

/*#region Elements*/

.e-limit-length-wrapper {
    .l-position(relative);
    .v-display(inline-block);
    .l-width-max;
}

.e-limit-length-count {
    .l-z-index( 1);
    .l-position (absolute);
    .v-color(gray);
    .l-bottom(1px);
    .l-right(3px);
}

.e-results-fixed-125 {
    .l-width(125px);
}

.e-logo {
    //.l-width(250px);
    .l-height(40px);
    .l-margin-left(10px);
    .l-margin-top(2px);
    .l-margin-bottom(2px);
}

.e-logo-large {
    .l-margin-left(2px);
    .l-width(340px);
    .l-height(60px);
    .l-position(relative);
}

.e-logo-footer {
    .l-margin-left(2px);
    .l-width(340px);
    .l-height(40px);
    .l-position(relative);

    & img {
        .l-max-height(40px);
    }
}

.e-logo {
    & img {
        .l-max-height(.e-logo[height]);
        .l-width-auto;
        .l-height(auto);
        .l-top(0);
        .l-bottom(0);
        .l-left(0);
        .l-right(0);
        .l-margin-top(auto);
        .l-margin-bottom(auto);
    }

    &-large img {
        .l-max-height(.e-logo-large[height]);
    }
}

.e-uploaded-logo {
    .l-max-height(200px);
    .l-max-width(200px);
}

.e-master-top {
    .v-background-light;
    .l-width-max;
    .v-border-brand-bottom;
    .l-padding-top(10px);
    .l-padding-bottom(10px);
    .l-height(40px);
}

.e-master-middle {
    .l-min-height(500px);
    .v-background-brand;
    .v-overflow(hidden);
}

.e-master-background {
    .l-margin-left(auto);
    .l-margin-right(auto);
    .l-min-height(500px);
    .l-position(relative);
    .v-background-no-repeat;
    .v-background-size(contain);
    .v-background-image(url('../Zeel-Images/ZrecruiterLandscape.png'));
    .v-background-position(bottom center);
    .l-margin-top(-50px);
    .l-max-width(440px);
}

.e-master-page {
    .v-background-brand;
}

.e-master-content {
    .l-width-max;
    .v-background-brand;
    //    .l-top(250px);
    //    .l-position(absolute);
}

.e-master-middle td {
    .l-vertical-align(top);
}



.e-footer-text {
    .v-line-height(40px);
    .v-text-align-centre;
    .l-float-right;
    .l-margin-right(10px);
}

.e-footer-text a, .e-footer-text a:visited {
    .v-color(@Zrecruiter);
}

.e-link-button {
    .v-color-brand;
    .v-font-size(@Font-Larger);
    .v-cursor-pointer;
}

.e-input-label {
    .v-font-size(@Font-Normal);
    .v-font-weight(bold);
    .v-display-block();
}

.e-input-label i:not(.fa-required) {
    .v-font-size(15px) !important;
}

.e-entry-form {
    .v-border-collapse(collapse);
}

.e-entry-form td {
    .v-border(0px @Border_Style transparent);
    .v-background-clip(padding-box);
}

.e-entry-form tr > td + td {
    .v-border-left-width(5px);
}

.e-entry-form tr:not(.header) + tr > td {
    .v-border-top-width(15px);
}

.e-ie9-only {
    .v-hidden;
}

.MessageColour(@MessageColour, @TextColour) {

    .textColour() {
        .v-color(@TextColour) !important;
    }

    .v-background-colour(@MessageColour) !important;
    .textColour();

    & a {
        .textColour();
    }
}

.e-message {
    .l-min-height(30px);
    .v-text-align-centre;
    .l-width-max;
    .v-line-height(30px);
    .v-font-size(@Font-Larger);
    .MessageColour(@Background_Dark, @Text_Dark);
    .l-position(fixed);
    .l-top(0);
    .l-left(0px);
    .l-z-index(10002);
    .l-padding(5px);
}

.e-message-error-popup {
    .l-min-height(30px);
    .v-text-align-centre;
    .l-width-max;
    .v-line-height(30px);
    .v-font-size(@Font-Larger);
    .v-background-colour(@Background_Message_Error) !important;
    .v-color(@Text_Message_Error) !important;
    .l-position(inherit);
    .l-top(81px);
    .l-left(0px);
    .l-margin-bottom(10px);
}

.e-zbill-message-popup {
    .l-min-height(30px);
    .v-text-align-centre;
    .l-width-max;
    .v-line-height(30px);
    .v-font-size(@Font-Larger);
    .v-background-colour(red);
    .v-color(white);
    .l-position(inherit);
    .l-top(81px);
    .l-left(0px);
    .l-margin-bottom(10px);
}

.e-content-loggedin .e-message {
    .v-box-shadow(0px 0px 5px 0px #555555);
}

.e-message-info .e-message {
    .MessageColour(@Background_Message_Info, @Text_Message_Info);
}

.e-message-warning .e-message {
    .MessageColour(@Background_Message_Warning, @Text_Message_Warning);
}

.e-message-error .e-message {
    .MessageColour(@Background_Message_Error, @Text_Message_Error);
}

.e-message-good .e-message {
    .MessageColour(@Background_Message_Good, @Text_Message_Good);
}

.e-zbill-message-popup-info .e-zbill-message-popup {
    .MessageColour(@Background_Message_Info, @Text_Message_Info);
}

.e-zbill-message-popup-warning .e-zbill-message-popup {
    .MessageColour(@Background_Message_Warning, @Text_Message_Warning);
}

.e-zbill-message-popup-error .e-zbill-message-popup {
    .MessageColour(@Background_Message_Error, @Text_Message_Error);
}

.e-zbill-message-popup-good .e-zbill-message-popup {
    .MessageColour(@Background_Message_Good, @Text_Message_Good);
}

.e-password-strength {
    .l-height(20px);
    .v-border-dark;
}

.e-password-strength-percent {
    .l-height(20px);
    .l-width(0px);
}

.e-background-green {
    .v-background-colour(@Background_Message_Good);
}

.e-background-red {
    .v-background-colour(@Background_Message_Error);
}

.e-background-yellow {
    .v-background-colour(@Background_Message_Warning);
}

.e-background-blue {
    .v-background-colour(@Background_Message_Info);
}

.e-error-text-red {
    .v-color(@Text_Message_Error) !important;
}

.e-error-text-yellow {
    .v-color(@Text_Message_Warning) !important;
}

.e-error-text-green {
    .v-color(@Text_Message_Good) !important;
}

.e-modal {
    .v-border-brand-top;
    .v-border-brand-bottom;
    .v-background-light;
    .l-width-max;
    .l-left(0px) !important;
    .l-z-index(999);
}

.e-modal-popup-position .e-modal {
    .l-position(fixed);
    .l-top(50%);
    /* bring your own prefixes */
    transform: translatey(-52%) translatey(0.5px);
    -ms-transform: translatey(-52%) translatey(0.5px);
}

.e-modal-wrapper {
    .l-margin-left(auto);
    .l-margin-right(auto);
    .l-padding(10px);
    .l-min-width(@Min_Width - 20);
    .l-max-height(600px);
    .l-max-height(~'calc(100vh - 150px)');
    .v-overflow(auto);
}

.e-modal-header {
    .l-clear-all;
    .l-padding-bottom(10px);
    .v-font-size(@Font-Larger);
    .v-font-weight(300);
    .v-text-align-left();
}

.e-modal-buttons {
    .l-padding-top(10px);
    .l-clear-all;
}

.e-modal-background {
    .v-background-light;
    .v-opacity(0.5);
    .l-position(fixed);
    .l-top(0);
    .l-bottom(0);
    .l-left(0);
    .l-right(0);
    .l-z-index(998);
}

.e-modal-no-conflict {
    .l-padding-right(10px) !important;
}

.e-candchange table {
    .l-width-max;
}

.e-candchange table td, .e-candchange table th {
    .l-padding-none;
    .l-margin-none;
    .v-text-align-centre
}

.e-candchange-card {
    .v-border-dark;
    .l-padding-normal;
    .l-margin-top-normal;
    .v-background-mid;
}

.e-candchange-header-item {
    .l-float-left;
    .l-margin-right-normal;
    .l-box-sizing-border-box;
}

.e-candchange-header-item div {
    .v-border-bottom( 1px #cccccc );
}

.e-candchange-header-left {
    .l-float-left;
    .l-width(70%);
    .v-text-align-left;
}

.e-candchange-header-right {
    .l-float-right;
}

.e-candchange-checkbox {
    .l-width-auto;
    .l-float-left;
    .l-clear(none) !important;
}

.e-candchange-content {
    .v-border-top-none;
}

.e-candchange-card.collapse .e-candchange-content {
    .v-display(none);
}

.e-candchange-card.collapse #divShowMore {
    .v-display(none);
}

.e-candchange-card #divShowLess {
    .v-display(inline);
}

.e-user-initials {
    .l-width(32px);
    .l-height(32px);
    .l-margin-right(10px);
    .l-margin-top(6px);
    .l-position(fixed);
    .l-top(0px);
    .l-right(0px);
    .v-color-light;
    .v-line-height(32px);
    .v-font-size(@Font-Larger);
    .v-background-brand;
    .v-text-align-centre;
    .v-cursor-pointer;
}

.e-user-initials-float {
    .l-float-none;
    .l-top(6px);
    .l-position(fixed) !important;
    .l-margin-top(0px) !important;
    .l-right(0px);
    .l-z-index(3);
}

.e-menu {
    .v-font-size(@Font-Normal);
    .v-color-dark;
    .v-line-height(normal);
    .v-background-mid;
    .l-z-index(2);
    .l-margin-bottom(50px);
}

.e-user-menu {
    .l-margin-top(1px);
    .v-border-brand-left;
    .v-border-brand-bottom;
    .l-position(fixed);
    .l-z-index(4);
}

.e-main-menu {
    .v-border-left-none;
    .v-border-top-none;
    .v-border-bottom-none;
    .l-z-index(4);
}

.e-menu-background {
    .l-position(fixed);
    .l-top(0px);
    .l-left(0px);
    .l-width(100%);
    .l-min-height(100%);
    .v-background-colour(@Black);
    .v-opacity(0.2);
    .l-z-index(3);
}

.e-menu-child, .e-menu-sub-child {
    .v-hidden;
    .l-padding-left(10px);
    .l-padding-right(10px);
    .v-border-dark;
    .v-background-light;
    .l-position(absolute);
    .l-margin-top(-39px);
    .l-margin-left(155px);
    .l-z-index(1);
}

.e-menu-sub-child {
    .v-border-dark;
    .l-margin-left(165px);
    .l-margin-top(-38px);
}

.e-menu-child-clicked, .e-menu-sub-child-clicked {
    .v-display(block);
}

.e-menu-sub-child-clicked {
}

.e-menu-child .e-menu-link a {
    /*.v-text-decoration(underline);*/
    /*.v-text-decoration-color(@Brand_Colour);*/
    .l-margin-left(-10px);
    .l-width(170px);
    .l-padding-left(20px);
}

.e-menu-link {
    .l-width(150px);
}

.e-main-menu .e-menu-link {
}

.e-menu-link a, .e-menu-link .e-menu-section, .e-tab-list a {
    .v-cursor-default;
    .v-display(inline-block);
    .l-width(100%);
    .l-padding-left(10px);
    .l-padding-right(10px);
    .l-padding-top(10px);
    .l-padding-bottom(10px);
    .l-box-sizing-border-box;
    .v-color-dark;
    .v-text-decoration(none);
    .l-min-height(29px);
    .v-border-dark-bottom;
    .v-background-colour(transparent);
}

.e-menu-link-clickable a:nth-child(1) {
    .v-border-dark-top;
}

.e-menu-child-clicked .e-menu-link a {
    /*.v-border-dark-top;*/
    .v-border-bottom-none;
}

.e-user-menu .e-menu-link-clickable a {
    .v-border-bottom-none;
}

.e-user-menu .e-menu-parent:nth-child(2) .e-menu-link-clickable a,
.e-menu-child-clicked .e-menu-link:nth-child(2) a,
.e-menu-child-clicked div:nth-child(2) .e-menu-link:nth-child(1) a {
    /*.v-border-top-none;*/
}

.e-menu-link a:hover, .e-menu-link .e-menu-section:hover {
    /*.v-background-mid;*/
}

.e-menu-child .e-menu-link a, .e-menu-child .e-menu-link .e-menu-section {
}

.e-menu-sub-child .e-menu-link a, .e-menu-sub-child .e-menu-link .e-menu-section {
    .v-background-light;
}

.e-menu-child-extend {
    .v-background-light;
    .l-height(37px);
    .l-position(absolute);
    .l-width(10px);
    .l-margin-top(-1px);
    .l-margin-left(-20px);
    .v-border-dark;
    .v-border-left-none;
    .v-border-right-none;
}

.e-menu-sub-child-extend {
    .l-margin-left(-16px);
    .l-width(6px);
}

.e-menu-link a {
    .v-cursor-pointer;
}

.e-menu-expanded .e-menu-section, .e-menu-child-expanded .e-menu-child-section, .e-menu-link-clickable:hover a {
    .v-background-light;
}

a.e-menu-child-section {
    .v-cursor-default;
}

.far, .fal, .fas {
    .v-font-size(16px) !important;
    .l-min-width(22px);
    .l-vertical-align(text-bottom) !important;
}

.fas {
    .v-font-weight(900);
}

.far {
    .v-font-weight(400);
}

.fal {
    .v-font-weight(300);
}

.fal-spinner {
    .v-font-size(8px) !important;
    .l-margin-top(7px);
    .l-margin-left(-5px);
    .v-color-brand;
}

.fa {
    .v-font-size(14px) !important;
    .l-padding-top(1px);
    .l-padding-bottom(1px);
    .fal;
}

.fa-stack-1x {
    .v-font-size(10px) !important;
    .v-line-height(14px) !important;
}

.fa-info-circle {
    .v-cursor(help);
}

.fa-breadcrumb {
    .v-line-height(18px) !important;
}

.fa-required {
    .v-color-red;
    .v-font-size(5px) !important;
    .v-line-height(16px) !important;
}

.fa-required-grid {
    .v-color-red;
    .v-font-size(14px) !important;
    .v-line-height(16px) !important;
}

.fa-icon-override {
    .v-text-decoration-none;
    .v-color(inherit);
}

.e-parameter-box > .e-input-label .fa-required {
    line-height: 12px !important;
}

.e-menu-child .fa, .e-menu-child .far, .e-menu-child .fal, .e-menu-child .fas {
    .v-hidden;
}

.e-menu-header {
    .l-max-width(230px);
    .l-min-width(130px);
    .v-overflow(hidden);
    .v-cursor-default;
    .l-padding(10px);
    .v-background-light;
}

.e-master-toolbar {
    .l-height(44px);
    .v-border-brand-bottom;
    .v-background-mid;
    .l-width-max;
    .l-position(absolute);
}

.e-master-toolbar-float {
    .l-top(0);
    .l-position(fixed) !important;
    .l-margin-top(0px) !important;
    .l-left(0);
    .l-z-index(2);
    .v-box-shadow(1px 0px 14px 0px @Text_Dark);
}

.e-master-toolbar-placeholder {
    .l-width(100%);
    .l-height(45px);
}

.e-main-menu-icon {
    .l-width(40px);
    .l-height(40px);
    .v-line-height(40px);
    .v-font-size(@Font-Larger);
    .v-border-brand-right;
    .v-text-align-centre;
    .v-cursor-pointer;
}

.e-breadcrumb {
    .v-font-size(@Font-Larger);
    .l-padding(4px 10px 4px 10px);
    .l-box-sizing-border-box;
    .v-background-mid;
}

.e-content {
    .l-padding(10px);
    .l-padding-bottom(40px);
    .l-padding-right(0px);
}

.e-full-width-content {
    .l-padding-right(10px);
}

.e-full-height-content {
    .l-padding-bottom(10px);
}

.e-main-menu-static {
    .l-width(150px);
    .v-border-brand;
    .v-background-light;
    .v-border-top-none;
    .v-border-left-none;
    .v-border-bottom-none;
}

.e-content-header {
    .l-margin-bottom(10px);
    .v-border-dark;
    .v-border-top-none;
    .v-border-left-none;
    .v-border-right-none;
    .v-font-size(@Font-Header);
    .v-no-select;

    & .e-toolbar > * {
        .l-padding-top-none();
        .l-padding-bottom-none();
    }

    .e-zxchange-button {

        a {
            .e-icon-height;
            .e-icon-width;
            .l-padding-none;

            i {
                .v-line-height(26px) !important;
            }
        }
    }
}

.e-section-header, section > header {
    .v-font-size(@Font-Section-Header);
    .l-margin-bottom(10px);
    .v-border-dark-bottom();
    .l-clear-all;
}

.e-section-header .fa, .e-section-header .fal {
    .v-line-height(23px);
}

.e-form .e-section-header {
    .l-margin-right(5px);
}

.e-content-header input {
    .v-text-align-centre;
}

.e-content-header input:not(.e-date-picker), .e-assignment-sheet-per-page input {
    .l-width(40px);
    .l-margin-bottom(5px);
}

.e-content-header input.e-date-picker {
    .l-margin-top(-2px);
}

.e-content-results-header {
    .l-margin-top(10px);
    .v-font-size(@Font-Section-Header) !important;
    .l-float-left;
}

.e-wizard-content {
    .l-margin-left(auto);
    .l-margin-right(auto);
}

.e-wizard-nav {
    .l-clear-all();
    .v-display-flex();
    .v-justify-content-space-between();

    & .e-nav-left, & .e-nav-right {
        & input[type=button], & a, & button {
            &:not(:last-child) {
                .l-margin-right-normal();
            }
        }
    }
}

.e-wizard-progress {
    .l-margin-left(auto);
    .l-margin-right(auto);
    .l-max-width(950px);

    & ul {
        .l-padding-left-none;
        .v-list-style(none);
        .l-padding-left(10px);
        .l-padding-right(10px);
        .v-display-flex;
        .v-justify-content-space-between;
    }

    & p {
        .l-margin-none;
    }

    & li {
        .v-list-style(none);
        .l-float-left;
        .l-position-relative;
        .v-text-align-centre;

        & i, & span {
            .v-border(3px solid @Brand_Colour);
            .v-background-colour(@White);
            .v-color(@Brand_Colour);
            .v-border-radius(50%);
            .l-padding(15px);
            .v-font-size(22px) !important;
            .l-width(30px);
            .v-line-height(30px);
            .v-display-block;
        }

        & p {
            .v-font-weight(bolder);
        }

        &.current {
            & p {
                .v-font-weight(bold);
            }
        }

        &.active {
            & i, & span {
                .v-background-colour(@Brand_Colour) !important;
                .v-color(@White) !important;
            }
        }
    }

    &::before {
        content: "";
        .v-background-colour(@Brand_Colour);
        .l-height(4px);
        .l-width( calc(100% - 29px) );
        .l-float-left;
        .l-position-relative;
        .l-top(32px);
        .l-margin-left(10px);
    }
}

.e-content-box {
    .l-padding(5px);
    .l-margin-bottom(10px);
    .v-background-light;
    .v-border-dark;
}

.e-tabbed-content {
    & [class*=e-tab-menu] {

        & > [data-tab] {
            .l-margin-bottom(-1px);
            .v-border-dark-bottom();

            &.active {
                .v-background-light();
                .v-border-bottom-none();
            }
        }

        & ~ [data-tab]:not(.active) {
            .v-hidden();
        }

        .l-margin-bottom-normal();
    }
}

.e-tabbed-content .e-content-box {
    .l-margin-bottom(0px);
}

.e-tabbed-content .e-content-box:not(.e-tab-content) .e-content-header {
    .l-margin-bottom(0px);
    .v-border-none;
}

.e-tab-list {
    .l-width(150px);
    .l-min-width(150px);
    .v-border-dark;
    .v-border-left-none;
    .v-border-right-none;
    .v-border-bottom-none;
    .l-vertical-align(top);
}

.e-tab-container {
    .l-margin-top(-1px);
    .l-margin-right(-1px);
    .v-border-dark-bottom;
}

.e-tab-list a {
    .l-width-max;
    .v-background-colour(@Background_Dark);
    .v-border-dark;
    .v-display(inline-block);
    .l-box-sizing-border-box;
    .l-padding(5px);
    .l-padding-top(10px);
    .l-padding-bottom(10px);
    .v-border-bottom-none;
    .v-cursor-pointer;
}

.e-tab-list a:enabled:hover {
    .v-background-light;
    .v-cursor-pointer;
}

.e-tab-list a.selected {
    .v-background-light;
    .v-border-right-none;
}

.e-auto-complete {
    .v-background-light;
    .v-border-dark;
    .v-color-dark;
    .v-webkit-padding-start(0px);
    .l-margin-top(0px);
    .l-padding-none !important;
    .l-margin-none !important;
}

.e-auto-complete li {
    .v-color-dark;
    .v-list-style(none);
    .l-padding(5px) !important;
    .v-webkit-padding-start(0px);
}

.e-auto-complete li:hover {
    .v-background-brand !important;
    .v-color-light !important;
    .v-cursor-default !important;
}

.e-contract-auto-complete li {
    .v-font-global;
    .v-color-dark !important;
    .l-padding-top(1px) !important;
    .l-padding-bottom(1px) !important;
    .l-padding-left(8px) !important;
    .l-padding-right(8px) !important;
}

.e-modal-auto-complete {
    .l-z-index(200002) !important;
}

.e-modal-fa-plus {
    .l-padding-bottom(1px);
    .fal;
}

.e-modal-fa-trash {
    .l-padding-bottom(2px);
}

.e-modal-fa-envelope-open {
    .l-padding-bottom(1px);
    .fal;
}

.e-vpi-box {
    .l-float-left;
}

.e-parameter-box {
    .l-float-left;
    .l-margin-bottom(10px);
}

.e-vpi-box-wide {
    .l-width(100%) !important;
    .l-float-right;
}

.e-content-header .fa, .e-content-header .far, .e-content-header .fal:not(.fa-info-circle) {
    .v-line-height(30px);
    .l-clear-all;
}

.e-vpi-box .e-content-header, .e-tooltip .e-content-header, .e-masonry-box .e-content-header {
    .v-font-size(@Font-Larger);
}

.e-vpi-box .e-content-header .fa, .e-vpi-box .e-content-header .far, .e-vpi-box .e-content-header .fal,
.e-masonry-box .e-content-header .fa, .e-masonry-box .e-content-header .far, .e-masonry-box .e-content-header .fal:not(.fa-info-circle) {
    /*.l-vertical-align(text-top) !important;*/
    /*.v-line-height(normal);*/
    .v-hidden;
}

.e-results:not(.e-results-no-border) {
    .v-border-collapse(collapse);
    .v-border-dark;
    .v-border-top-none;
}

.e-results-no-border {
    .v-border-collapse(collapse);
}

.e-results td {
    .l-padding-left(5px);
    .l-padding-right(5px);
    .l-padding-top(10px);
    .l-padding-bottom(10px);
    .l-vertical-align(middle);
    .l-box-sizing-border-box;
}

.e-results-no-pad td, .e-results-no-pad th {
    .l-padding-none !important;
}

.e-results-vertical-align-top td {
    .l-vertical-align(top);
}

.e-results-reports-first-col {
    .l-width-half;
}

.e-results-reports-second-col {
    .l-width(38%);
}

.e-results-reports-checkbox-header {
    .l-width(12%);
    .l-padding-right(20px) !important;
}

.e-results-reports-checkbox {
    .l-width(12%);
}

.e-flex {
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
}

.e-row-no-border-top td {
    .v-border-top-none !important;
}

.e-row-no-border td {
    .v-border-none !important;
}

.e-row {
    .rtMonthHeader {
        .v-text-align(center);
    }
}

.e-no-text {
    .v-color(transparent) !important;
}

td.e-td-no-padding {
    .l-padding-none;
}

.e-results:not(.e-results-no-border) td {
    .v-border-top(@Border_Style @Border_Width @Brand_Grey);
}

.e-results tr.e-row-alt > td, div.e-row-alt {
    background-color: @Grid_Row_Alt;
}

.e-results-cell-error {
    background-color: @Background_Message_Error !important;
}

.e-results-cell-warning {
    background-color: @Background_Message_Warning !important;
}

.e-results-important tr {
    .v-background-colour(@Background_Message_Warning);
}

.e-results tr.e-row-selected td {
    .v-background-colour(@Background_Message_Info);
}

.e-results tr.e-row-border, .e-results tr.e-row-border td {
    .v-border(@Border_Style @Border_Width @Brand_Grey);
}

.e-results tr.e-row-footer td {
}

.e-results tr.e-row-background td {
    .v-background-light;
}

.e-results th.e-grid-checkbox-col, .e-results td.e-grid-checkbox-col {
    #l-grid-styles > .checkbox-col();
}

t.e-row-pager td {
    .l-padding-top(0px);
    .l-padding-bottom(0px);
    .l-width-auto !important;
}

.e-row-pager table {
    .l-width-auto;
}

.e-row-pager table td {
    .v-border-none !important;
    .l-padding-top(5px);
    .l-padding-bottom(5px);
}

.e-row-pager table td span {
    .v-font-weight(bold);
}

.e-results th, .e-assignmnet-sheet-days-table th, .e-results-header {
    #l-grid-styles > .header();
}

.e-results th a {
    .v-color(@Text_Light);
    .v-text-decoration(none);
}

.e-results-zbill-costs:extend(.e-grid-number-col all) {
    .l-width(80px);
}

.e-grid-char-col {
    .l-width(20px);
    .l-padding-top(0px) !important;
    .l-padding-bottom(0px) !important;
}

.e-grid-icon-col {
    .l-width(32px) !important;
    .v-text-align-centre;
}

.e-grid-icon-col-with-header {
    .l-width(150px) !important;
    .l-min-width(125px) !important;
    .v-text-align-centre;
}

.e-cursor-default {
    .v-cursor-default !important;
}

.e-grid-int-input-col {
    .l-width(45px) !important;
}

.e-grid-int-input-col input {
    .v-text-align-centre;
}

.e-grid-button-col, .e-grid-icon-col {
    #l-grid-styles > .button-col();

    & ul {
        .l-margin(0px);
    }
}



.e-grid-button-col-no-icon {
    .l-width(70px);
    .l-padding-top(2px) !important;
    .l-padding-bottom(2px) !important;
}

.e-grid-number-col {
    .v-text-align-right !important;

    input {
        .v-text-align-right !important;
    }
}

.e-grid-number-col {
    .v-text-align-right;

    input {
        .v-text-align-right;
    }
}

.e-grid-tooltip-col {
    .l-width(20px);
}

.e-grid-title-col {
    .l-width(115px);
}

.e-grid-tooltip-col a {
    .v-color(#424242);
}

.e-grid-button-col-header {
    .l-padding-top(0px) !important;
    .l-padding-bottom(0px) !important;
}

.e-grid-button-with-header a {
    .l-max-width(40px) !important;
}

.e-grid-icon {
    .v-color(black);
}

.e-grid-icon-bold .e-grid-icon {
    .v-font-weight(bold);
}

.e-grid-table-col table {
    .v-border-collapse(collapse) !important;
    .l-width-auto !important;
}

.e-grid-table-col tr {
    .l-width-auto !important;
    .l-margin-none !important;
}

.e-grid-table-col td {
    .v-border-none !important;
    .l-width-auto !important;
    .l-padding-none !important;
}

.e-grid-button-inner {
    .v-background-blue;
    .v-text-align-centre;
    .v-color-light;
    .l-width(100%) !important;
    .v-display(inline-block);
    .l-padding-top(5px);
    .l-padding-bottom(5px);
    .v-text-decoration(none);
    .v-border-radius(0);
    .v-border-none;
    .v-cursor-pointer;
    .v-line-height(18px) !important;
}

.e-grid-button a, .e-grid-button button, .e-grid-button input[type=submit], .e-grid-button-menu span {
    .e-grid-button-inner;

    &:not([disabled]):hover {
        .v-background-colour(darken(@Blue, @Hover_Darken_Amount));
    }
}

.e-grid-button-delete a, .e-button-delete, .e-div-button-delete {
    .v-background-colour(@Text_Message_Error) !important;

    &:not([disabled]):hover {
        .v-background-colour(darken(@Text_Message_Error, @Hover_Darken_Amount)) !important;
    }
}

.e-grid-button-enable a, a.e-button-enable, button.e-button-enable, input[type=submit].e-button-enable, input[type=button].e-button-enable {
    .v-background-colour(@Text_Message_Good) !important;

    &:not([disabled]):hover {
        .v-background-colour(darken(@Text_Message_Good, @Hover_Darken_Amount)) !important;
    }
}

.e-button-selected {
    .v-color(@Text_Message_Good);
    .v-font-size(14px) !important;
}

.e-button-deselected {
    .v-color(@Text_Message_Error);
    .v-font-size(14px) !important;
}

.e-circle-green {
    .v-color(green);
    .v-font-size(14px) !important;
}

.e-circle-amber {
    .v-color(orange);
    .v-font-size(14px) !important;
}

.e-circle-red {
    .v-color(red);
    .v-font-size(14px) !important;
}

.e-bulk-extend-header-width {
    .l-width(70%);
}

.e-bulk-extend-holidays {
    .l-float-left;
    .l-width(25%);
    .l-clear(none) !important;
    .l-padding-right-normal;
    .l-box-sizing-border-box;
}

.sortable_list {
    padding: 0px !important;
    margin: 0px !important;
    list-style: none;
    font-size: 10px;
}

.wfSortableItem {
    padding: 0px;
    padding-left: 2px;
    margin: 1px;
    background-color: #efefef;
    border: solid 1px #868686;
}

.sortable_list .ui-state-default {
    padding: 0px !important;
    margin: 0px !important;
    line-height: 13px !important;
    background-image: none !important;
    background-color: transparent !important;
    border: none !important;
    cursor: default !important;
}

.sortable_list .ui-state-disabled {
    opacity: 1 !important;
    filter: Alpha(Opacity=1) !important;
    background-image: none !important;
    background-color: transparent !important;
}

.wfSectionList {
    list-style-type: none;
    margin: 0;
    padding: 0px;
    min-height: 50px;
    margin-top: 3px;
}

.wfSectionList li {
    margin: 0px;
    margin-bottom: 3px;
}

.e-form-buttons {
    .v-webkit-appearance(none);
    .v-display-flex();
    .v-flex-center();
    .v-flex-wrap();
    .l-clear-all();

    .itemMargin() {
        &:not(:last-child) {
            .l-margin-right(5px);
        }
    }

    & > div {
        .itemMargin();
    }

    & > input[type=button], & > input[type=submit], & > .e-div-button {
        .itemMargin();
        .l-margin-top(10px);

        &:hover {
            .v-background-colour(darken(@Brand_Colour, @Hover_Darken_Amount));
        }
    }
}

.e-form-buttons-vcenter {
    .v-webkit-appearance(none);
    .l-margin-top-none;

    & .e-parameter-button {
        .l-margin-top(2px);
        .l-margin-bottom(2px);
        .l-width-100;
        flex: 0 0 100%;
    }
}

.e-form-field-with-button input[type=text] {
    .l-width(~'calc(100% - 42px)')!important;
    .l-margin(0px)!important;
}

.e-invoice-factoring-with-button select {
    .l-width(~'calc(100% - 49px)')!important;
    .l-margin(0px)!important;
    .l-float-left;
}

.e-checkbox input {
    .l-width-auto;
}

.e-checkbox-vertical-align-text-bottom input {
    .l-vertical-align(text-bottom);
}

.e-checkbox:not(.e-checkbox-no-margin-top) input {
    .l-margin-top(9px);
}

.e-checkbox-width input {
    .l-width-auto;
}

.e-checkbox label {
    .l-width(100%);
    .v-display(block);
    .v-border-dark;
    .l-padding-left(20px);
    .l-padding-top(5px);
    .l-padding-right(15px);
    .l-padding-bottom(5px);
    .l-box-sizing-border-box;
    .l-margin-top(-27px);
    .v-background-light;
}

.e-contract-template {
    .l-width-max;
    .v-display-block;
    .v-border-dark-left;
    .v-border-dark-right;
    .v-border-dark-bottom;
    .l-padding-left(20px);
    .l-padding-top(5px);
    .l-padding-right(15px);
    .l-padding-bottom(10px);
    .l-box-sizing-border-box;
    .l-margin-top(-27px);
    .v-background-light;
}

.e-checkbox-no-border label {
    .v-border-none !important;
}


.e-toolbar {
    .e-toolbar-container() {
        .v-display-flex();
        .v-text-align-centre();
    }

    .e-toolbar-submenu-container() {
        .l-margin-top(-3px);
        .l-margin-right(10px);
        .l-position(absolute);
        .l-padding(5px);
        .v-background-colour(@Background_Dark);
        .v-border-brand;
        .l-z-index(4);
        .v-shadow-top();
        .l-width(250px);
        .v-font-weight(300) !important;
        .v-font-larger() !important;
        .v-line-height-normal();

        & > div {
            .v-background-light;
            .v-border(1px solid @White);
            .l-padding(3px);
            .v-text-align-left();
            .v-color-dark();
            .v-font-size(80%);
            .v-cursor-pointer();

            &:not(:nth-last-child(1)) {
                .l-margin-bottom(3px);
            }

            &:hover {
                .v-border-brand !important;
                .v-background-mid !important;
            }
        }
    }

    .v-align-items(stretch);
    .l-padding-none();
    .e-toolbar-container();
    .v-flex-wrap();

    & a {
        .v-text-decoration-none();
        .v-color-dark();
    }

    & .e-switch {
        .e-switch(14px);
        .l-vertical-align(middle);
        .l-margin(0 auto);
    }

    & .e-input-label {
        .v-font-smaller();
    }

    & > * {
        /*flex: 1 1 90px;*/
        .e-flex();
        .v-cursor-pointer();
        .e-toolbar-container();
        flex-direction: column;
        .l-padding(2px);


        &:not(.e-toolbar-no-hover):hover {
            .v-background-mid();
        }

        & > * > *:not(.fal):not(.fas):not(.far) {
            .e-input-label();
            .v-cursor-pointer();
        }

        & > .e-toolbar-submenu {
            .l-position-relative();

            &:hover > :last-child {
                .v-display-block() !important;
            }

            & > :last-child {
                .v-display(none) !important;
                .l-right(0px);
                .l-left(0px);
                .e-toolbar-submenu-container();
            }
        }
    }
}

.e-flyout {
    .l-position-fixed();
    .l-top(0px);
    .l-bottom(0px);
    .v-shadow-top();
    .l-width-three-quaters();
    .l-max-width(400px);
    .l-z-index(2);
    .l-padding-normal();
    .l-box-sizing-border-box();
    .v-background-light();
    .l-right(0px);

    & .e-flyout-actions {
        .l-position-absolute();
        .l-bottom(5px);
        .l-height(45px);
        .v-display-flex();
        .v-align-items(flex-end);

        & > input[type=button], & > input[type=submit], & > button {
            &:not(:last-child) {
                .l-margin-right-normal();
            }
        }
    }

    & > header, & .e-flyout-title {
        & ~ .e-flyout-content {
            .l-top(45px);
        }

        .e-content-header();
    }

    & .e-flyout-content {
        .l-position-absolute();
        .l-top(5px);
        .l-bottom(50px);
        .v-overflow-y(auto);
        .l-left(5px);
        .l-right(5px);
    }
}

.e-switch(@toggleheight: 18px) {
    @toggleborderwidth: 1px;
    @toggleoffset: 1px;
    @togglewidth: ceil(@toggleheight * 1.75);
    @transitionTime: .4s;

    .l-position-relative;
    .v-display(inline-block);
    .l-width(@togglewidth);
    .l-height(@toggleheight);
    .l-box-sizing-border-box;

    & > input {
        .v-display(none);

        &:checked + span {
            &:before {
                @translationSetting: @togglewidth - (@toggleheight - (@toggleoffset * 2)) - (@toggleoffset * 2);
                -webkit-transform: translateX(@translationSetting);
                -ms-transform: translateX(@translationSetting);
                transform: translateX(@translationSetting);
            }

            .v-background-brand;
            .v-border(@toggleborderwidth solid @Brand_Colour);
        }
    }

    & > span {
        &:before {
            .l-position(absolute);
            content: "";
            .l-height(@toggleheight - (@toggleoffset * 2) - (@toggleborderwidth * 2));
            .l-width(@toggleheight - (@toggleoffset * 2) - (@toggleborderwidth * 2));
            .l-left(@toggleoffset);
            .l-bottom(@toggleoffset);
            .v-background-light;
            .v-transition(@transitionTime);
            .v-border-radius(50%);
            .l-box-sizing-border-box;
        }

        .l-box-sizing-border-box;
        .v-border-radius(@toggleheight);
        .l-position(absolute);
        .v-cursor-pointer;
        .l-top(0);
        .l-bottom(0);
        .l-left(0);
        .l-right(0);
        .v-background-colour(lighten(@Brand_Grey, 20%));
        .v-border(@toggleborderwidth solid @Brand_Grey);
        .v-transition(@transitionTime);
    }
}

.e-switch {
    .e-switch();
}

.e-form-field > .e-switch {
    .l-margin-top-normal;
}

.e-signature-pad {
    .v-display-flex();
    .v-align-items(flex-end);
    .l-width-max();

    & > :first-child {
        .e-flex();
        .l-max-width(800px);
        .l-padding-right-normal();
    }

    & > :last-child {
        flex: 0 0 auto;
        .v-display-flex();
        flex-wrap: wrap;
        flex-direction: row;
        .l-box-sizing-border-box();

        & > *:not(:last-child) {
            .l-margin-bottom-normal();
        }
    }

    & canvas {
        .l-width-max();
        .l-box-sizing-border-box();
        .v-border(1px dashed @Brand_Grey);
    }
}

.e-signature-pad-buttons {
    .v-webkit-appearance(none);
    flex: 0 0 45px !important;
}

.e-roster-candidate .e-checkbox-no-border label {
    .v-background-mid !important;
}

.e-security-result-total {
    .v-border(1px solid @Black);
    .l-height(6px);
}

.e-security-result-left {
    .l-width(0%);
    .l-margin(0px);
    .l-padding(0px);
    .l-height(6px);
    .l-float-left;
}

.e-security-result-right {
    .l-width(100%);
    .l-margin(0px);
    .l-padding(0px);
    .l-height(6px);
    .l-float-left;
}

.e-roster-payband {
    .e-roster-payband-value {
        .l-float-left;
        .l-width-half;
    }

    .e-roster-payband-value:nth-of-type(1) {
        .l-float-left;
        .l-width( calc(50% - 10px) );
        .l-margin-right(10px);
    }
}

.e-radio-button-group {
    table {
        border-spacing: 0px;
    }

    label {
        .l-width(100%);
        .v-display(block);
        .v-border-dark;
        .l-padding-left(20px);
        .l-padding-top(5px);
        .l-padding-right(15px);
        .l-padding-bottom(3px);
        .l-box-sizing-border-box;
        .l-margin-top(-26px);
        .v-background-light;
        .v-border-top(dotted 1px @Brand_Grey);
    }

    div:nth-child(1) label {
        .v-border-dark-top;
    }

    tr:nth-child(1) label {
        .v-border-dark-top;
    }

    input {
        .l-width-auto;
        .l-margin-top(7px);
    }

    input:disabled ~ label {
        .v-border-top(dotted 1px @Brand_Grey) !important;
    }

    div:nth-child(1) input:disabled ~ label {
        .v-border-dark-top !important;
    }

    tr:nth-child(1) input:disabled ~ label {
        .v-border-dark-top !important;
    }
}

.e-radio-button-list, .e-checkbox-list {
    table {
        border-spacing: 0px;
    }

    label {
        .l-width(100%);
        .l-min-height(28px);
        .v-display(block);
        .v-border-dark;
        .l-padding-left(20px);
        .l-padding-top(5px);
        .l-padding-right(15px);
        .l-padding-bottom(3px);
        .l-box-sizing-border-box;
        .l-margin-top(-26px);
        .v-background-light;
        .v-border-top(dotted 1px @Brand_Grey);
    }

    .invalid {
        label {
            .v-background-colour(@Background_Message_Warning) !important;
        }
    }

    li input:disabled ~ label {
        .v-border-dark-top !important;
    }

    li label, > label:first-of-type {
        .v-border-dark-top !important;
    }

    & .e-checkbox label {
        .l-margin-top(-28px);
    }

    tr:nth-child(1) label, & .e-checkbox:first-child label, & > :first-child label {
        .v-border-dark-top;
    }

    input {
        .l-width-auto;
        .l-margin-top(7px);
    }

    .other-option {
        .l-position(relative);
        .l-top(6px);
    }

    .other-val {
        .l-margin(0px);
        .l-margin-left-normal;
    }

    input:disabled ~ label {
        .v-border-top(dotted 1px @Brand_Grey) !important;
    }

    tr:nth-child(1) input:disabled ~ label, > span:first-child input:disabled ~ label {
        .v-border-dark-top !important;
    }
}

.e-checkbox-list ul {
    .l-padding-left-none;

    li:last-child {
        .l-margin-bottom(15px);
    }
}

.e-checkbox-list li {
    .l-float-left;
    .l-list-style-type-none;
    .l-box-sizing-border-box;
    .l-padding(5px);
    .v-text-singleline;
}


.e-checkbox span.fa-stack {
    .l-float-right;
    .l-margin-top(2px);
    .v-cursor(help);
    .l-padding(5px);
    .v-font-size(8px);
}

.e-checkbox span:not(.fa-stack) i {
    .v-line-height(22px);
    .l-padding-left(3px);
}

.e-checkbox-background-trans {

    input {
        .v-background-transparent;
    }
}

.e-tooltip {
    .l-position(absolute);
    .l-min-width(100px);
    .l-max-width(500px);
    .v-shadow-top();
    .l-z-index(100002);

    & .e-content-box {
        .l-margin-bottom(0px);
    }
}

.e-tooltip ul {
    .l-margin-none;
    .l-padding-left(15px);
}

.e-tooltip td {
    .l-min-width(25px);
}

.e-tooltip-parity-column-width {
    .l-padding-right(15px);
    .l-width(80px);
}

.e-parameters-box {
    .l-padding-right(0px);
}

.e-parameters-box-1-col:extend(.e-parameters-box all) {
    & .e-parameter-box {
        .l-width-max();
    }
}

.e-parameters-box-2-col:extend(.e-parameters-box all) {
    & .e-parameter-box {
        .l-width-half();
    }
}

.e-parameter-button {
    .v-webkit-appearance(none);
    .l-margin-bottom(0px);
    .l-clear-all;

    & input:hover {
        .v-background-colour(darken(@Brand_Colour, @Hover_Darken_Amount));
    }
}

.e-saved-search-filters {
    .l-min-width(100px);
    .l-margin-top(-5px);
    .l-position(absolute);
    .l-right(10px);
}

.e-saved-search-filters-header {
    .v-background-dark;
    .v-color-light;
    .v-text-align(right);
    .l-padding-left(10px);
    .l-padding-right(10px);
    .l-padding-top(5px);
    .l-padding-bottom(5px);
    .l-float-right;
    .l-margin-bottom(-1px);
}

.e-saved-search-filters-menu {
    .v-hidden;
    .l-clear-all;
    .l-padding(5px);
    .l-padding-left(0px);
    .v-border-dark;
    .v-background-light;
}

.e-saved-search-filters-menu input {
    .l-margin-left(5px);
    .v-font-size(@Font-Normal) !important;

    &:hover {
        .v-background-colour(darken(@Brand_Colour, @Hover_Darken_Amount));
    }
}

.e-saved-search-filters:hover .e-saved-search-filters-menu {
    .v-display(block) !important;
}

.e-currency {
    .l-margin-right(-2px);
}

.e-form-field {
    .l-margin-bottom(10px);
    .l-padding-right(5px);
    .l-box-sizing-border-box;

    @media (max-width: 779px) {
        .l-padding-right-none;
    }
}

.e-form-list-buttons {
    .v-display-flex;
    .v-justify-content-center;
    .l-max-width-full;
}

.e-form-attachment-field {
    .l-margin-bottom(10px);
    .l-padding(5px);
    .l-box-sizing-border-box;
    .v-border(1px solid #a7a8aa);

    @media (max-width: 779px) {
        .l-padding-none;
    }
}

.e-form-field-title {
    .v-font-size(14px);
    .v-font-weight(300);
    .v-text-align-left();
}

.e-form-field-full {
    .l-width-max !important;
}


.e-form-flex {
    .formFlex() {
        .v-display-flex;
        .v-flex-wrap();

        & > * {
            &:not(:last-child) {
                .l-padding-right-normal();

                @media (max-width: 779px) {
                    .l-padding-right-none();
                }
            }

            &:not(.e-form-field-sbs) {
                .e-flex;
            }

            @media (max-width: 779px) {
                flex-basis: 100%;
            }
        }
    }

    .formFlex();
    .v-flex-center();

    &-start {
        .formFlex();
        .v-flex-start();
    }
}

input[type=file] {
    .l-padding(3px);
    .l-padding-bottom(2px);
    .l-height(30px);
}

.e-form-field-upload td {
    .l-padding(0px);
    .l-margin(0px);
    .v-border-none;
}

.e-form-field-upload-Email td {
    .l-padding(0px);
    .l-margin(0px);
}

.e-results .e-form-field-upload td {
    .l-padding(0px);
    .l-margin(0px);
    .v-border-left-none !important;
    .v-border-right-none !important;
    .v-border-none;
}

.e-results .e-form-field-upload tr {
    .l-margin-bottom(0px) !important;
}

.e-results .e-form-field-upload td.e-upload-buttons {
    .l-width(54px);
    .l-padding-top(0px) !important;
}

.e-results .e-form-field-upload td.e-upload-buttons a {
    .l-width(25px);
}

.e-no-card .e-form-field-upload td.e-upload-buttons a {
    .l-float-left;
    .l-margin-left(2px);
}

.e-form-field-upload td.e-grid-button-col {
    .l-padding(2px 0px 2px 2px) !important;
}

.e-form-field-upload td.e-grid-button-col a {
    .l-padding-top(4px);
    .l-padding-bottom(4px);
}

.e-no-results, .e-inline-message {
    .v-background-colour(@Background_Message_Info) !important;
    .v-color(@Text_Message_Info) !important;
    .l-padding(5px);
    .l-width-max;
    .l-box-sizing-border-box;
    .v-font-size(14px);
    .v-font-weight(300);
    .v-text-align-left();
}

.e-icon-width {
    .l-width(45px);
}

.e-icon-min-width {
    .l-min-width(8px) !important;
}

.e-icon-height {
    .l-height(26px);
}

.e-inline-message-error {
    .v-background-colour(@Background_Message_Error) !important;
    .v-color(@Text_Message_Error) !important;
}

.e-inline-message-warning {
    .v-background-colour(@Background_Message_Warning) !important;
    .v-color(@Text_Message_Warning) !important;
}

.e-inline-message-good {
    .v-background-colour(@Background_Message_Good) !important;
    .v-color(@Text_Message_Good) !important;
}

.e-inline-message-info {
    .v-background-colour(@Background_Message_Info) !important;
    .v-color(@Text_Message_Info) !important;
}

.e-results td.v-hidden {
    .v-hidden !important;
}

.e-vpi-squares {
    .l-margin-right(-5px);
    .l-margin-bottom(-5px);
    .l-height(395px);
}

.e-vpi-square {
    .l-width(50%);
    .l-padding-right(5px);
    .l-box-sizing-border-box;
    .l-float-left;
    .v-word-break-all;
}

.e-vpi-square-right {
    .l-float-right;
}

.e-vpi-square a, .e-full-width-links a {
    .v-color-dark;
    .v-text-decoration(none);
    .v-display(block);
}

.e-vpi-square-info {
    .v-color-light;
    .v-text-align-centre;
    .v-background-brand;
    .l-min-height(115px);
    .v-align-content(center);
    .v-font-size(@Font-Larger);
    .l-padding(5px);
    .l-margin-bottom(5px);
}

.e-vpi-square-info span {
    .v-font-size(@Font-Big);
    .v-display(block);
    .v-line-height(75px);
}

.e-vpi-square-sbs {
    .l-width-auto;
    .l-min-width(50%);
}

.e-vpi-square-alt .e-vpi-square-info {
    .v-background-colour(@White);
    .v-color-brand;
}

.e-vpi-square-fixed .e-vpi-square-info {
    .l-min-height(38px);
    .v-display(grid);
    .v-font-size(@Font-Normal);
}

.e-vpi-square-fixed .e-vpi-square-info span {
    .v-line-height(normal);
    .v-font-size(@Font-Larger);
}

.e-header-count {
    .v-line-height(14px);
    .v-font-size(@Font-Header);
}

.e-header-count-icon {
    .v-font-size(15px) !important;
    .l-margin-bottom(3px) !important;
    .l-min-width(auto);
}

.e-vpi-square-1 .e-vpi-square-info {
    .v-background-colour(@Brand_Colour);
}

.e-vpi-square-2 .e-vpi-square-info {
    .v-background-colour(spin(lighten(@Brand_Colour, 2%), -5));
}

.e-vpi-square-3 .e-vpi-square-info {
    .v-background-colour(spin(lighten(@Brand_Colour, 4%), -5));
}

.e-vpi-square-4 .e-vpi-square-info {
    .v-background-colour(spin(lighten(@Brand_Colour, 6%), -5));
}

.e-vpi-square-5 .e-vpi-square-info {
    .v-background-colour(spin(lighten(@Brand_Colour, 8%), -5));
}

.e-vpi-square-6 .e-vpi-square-info {
    .v-background-colour(spin(lighten(@Brand_Colour, 10%), -5));
}

.e-vpi-square-7 .e-vpi-square-info {
    .v-background-colour(spin(lighten(@Brand_Colour, 12%), -5));
}

.e-vpi-square-11 .e-vpi-square-info {
    .v-background-colour(#009CCC);
}

.e-vpi-square-12 .e-vpi-square-info {
    .v-background-colour(#F58B1F);
}

.e-vpi-square-13 .e-vpi-square-info {
    .v-background-colour(#CCCCCC);
}

.e-vpi-square-14 .e-vpi-square-info {
    .v-background-colour(#FBBC3D);
}

.e-vpi-square-15 .e-vpi-square-info {
    .v-background-colour(#007ACC);
}

.e-vpi-square-16 .e-vpi-square-info {
    .v-background-colour(#71338D);
}

.e-vpi-square-17 .e-vpi-square-info {
    .v-background-colour(#A8CE4B);
}

.e-nav-to {
    .l-position(fixed);
    .l-top(50%);
    .l-margin-top(-15px);
    .v-opacity(0.5);
    .l-left(0px);

    & span {
        .v-display(none);
    }

    &:hover {
        .v-opacity(1);

        & span {
            .v-display-inline;
        }
    }
}

.e-nav-to input {
    .l-margin-left(-60px);
}

.e-nav-to input:hover {
    .l-margin-left(0px);
}

.e-header-menu {
    .v-background-light;
    .v-font-size(@Font-Normal);
    .v-border-dark;
    .v-cursor-default;
}

.e-header-menu:not(:first-child) {
    .l-margin-left(5px);
}

.e-header-menu .e-header-menu-content {
    .e-toolbar > .e-toolbar-submenu-container();
}

.e-header-menu-no-border {
    .v-border-colour(transparent);

    .fa-ellipsis-v {
        font-size: 20px !important;
    }
}

.e-header-menu:hover {
    .v-background-mid;
    .v-border-brand;
}

.e-header-menu .e-header-menu-content .e-checkbox label {
    .v-background-light;
}

.e-header-menu .e-header-menu-content .e-header-menu-button {
    .v-cursor-pointer !important;
}

.e-ass-menu-noborder .e-ass-menu {
    .v-border-none;
    .v-background-transparent;
}

.e-header-menu .e-header-menu-content .e-checkbox input {
    .l-width-auto;
    .l-margin-top(7px);
    .l-margin-bottom(7px);
}

.e-header-menu .e-header-menu-content .e-checkbox label {
    .v-border-top-none;
    .l-margin-top(-27px);
    .l-padding-top(6px);
    .l-padding-bottom(6px);
}

.e-header-menu .e-header-menu-content .e-menu-link,
.e-roster .e-header-menu .e-header-menu-content .e-header-menu-item {
    .l-width-auto;
}

.e-header-menu-items-cover {
    .l-height(6px);
    .l-position(absolute);
    .l-z-index(2);
    .l-margin-top(-3px);
    .l-margin-left(-10px);
}

.e-roster .e-roster-calendar {
    .l-box-sizing-border-box;
}

.e-roster .e-roster-calendar .e-results,
.e-results-fixed {
    .l-table-fixed;

    &.e-results-auto-table {
        .e-managed-width-table;
    }
}

.e-roster .e-roster-calendar .dciPending {
    .v-opacity(0.5);
}

.e-roster .dciIco {
}

.e-roster .ico {
    .l-float-left;
    .l-width(14px);
    .l-height(64px);
    .l-margin-left(-1px);
    .l-margin-top(-1px);
    .v-cursor-default;
    .v-font-family(@Font-FontAwesomeLight);
    .l-position(relative);
    .v-display(none);
    .v-background-light;
    .v-border-dark;
    .v-font-size(12px);
    .v-text-align-centre;
}

.e-roster .ptt {
    .l-float-left;
    .l-width(3px);
    .l-height(100px);
    .l-margin-right(3px);
    .l-margin-top(-5px);
}

.e-roster .pttActive, .e-roster .dciTierPush .ico {
    .v-background-colour(@Text_Message_Good);
}

.e-roster .e-header-menu-item .ptt {
    .l-width(3px);
    .l-height(20px);
    .l-margin-top(-3px);
    .l-margin-right(19px);
}

.e-roster .dciIco .ico {
    .v-display(inline);
}

.e-roster .dciPending .ico:before {
    content: "\f005";
    .v-color-yellow;
}

.e-roster .dciNew .ico:before {
    content: "\f024";
    .v-color-red;
}

.e-roster .dciLive .ico:before {
    content: "\f276";
    .v-color-red;
}

.e-roster .dciComplete .ico:before {
    content: "\f00c";
    .v-color-green;
}

.e-roster .dciOffered .ico:before {
    content: "\f1e1";
    .v-color-green;
}

.e-roster .dciOfferedPSL .ico:before,
.e-roster .dciOfferedSL .ico:before,
.e-roster .dciOfferedRC .ico:before,
.e-roster .dciOfferedPSLSL .ico:before,
.e-roster .dciOfferedPSLRC .ico:before,
.e-roster .dciOfferedSLRC .ico:before,
.e-roster .dciOfferedPSLSLRC .ico:before {
    content: "\f14a";
    .v-color-green;
}

.e-roster table.dayCal div.ico {
    .l-height(17px);
    .v-line-height(17px);
}

.e-roster table.weekCal div.ico {
    .l-height(34px);
    .v-line-height(34px);
}


.e-roster .dciMultiWorker:before, .e-roster .dciCands:before {
    .v-font-family(@Font-FontAwesomeLight);
    .v-font-size(13px);
    .l-margin-left(-3px);
}

.e-roster .dciCands:before {
    content: "\f007";
}

.e-roster .dciMultiWorker:before {
    content: "\f0c0";
}

.e-div-lock {
    .v-background-colour(@Background_Light_Trans);
    .l-position(absolute);
    .v-text-align-centre;
    .l-z-index(2);
}

.e-div-lock i {
    .l-position(absolute);
    .l-top(50%);
    .v-font-size(100px) !important;
    .l-margin-left(-66px);
    .l-margin-top(-50px);
}

.e-header-control {
    .l-float-left;
    .v-cursor-pointer;
}

.e-header-control-arrow {
    .l-margin-top(-2px);
}

.e-header-control-input {
    .l-width-100;
    .v-font-normal;
}

.e-timesheet-defaults {
    .l-float-left;
    .l-width(40%);
    .l-min-width(180px);
    .l-max-width(400px);
    .l-margin-right(10px);
    .l-box-sizing-border-box;
}

.e-timesheet-options {
    .l-float-left;
    .l-width(30%);
    .l-min-width(180px);
    .l-max-width(400px);
    .l-box-sizing-border-box;
}

.e-timesheet-totals {
    .l-float-right;
    .l-width(25%);
    .l-min-width(160px);
    .l-max-width(350px);
    .l-margin-left(10px);
    .l-box-sizing-border-box;
}

.e-form-field-sbs-fixed {
    .l-float-left;
    .l-width(25%);
    .l-clear(none) !important;
}

.e-timesheet-header-right {
    .e-parameter-box {
        .l-width(100%) !important;
    }
}

.e-results-scrollable {
    .v-overflow-x(auto);
    .v-overflow-y(hidden);

    .e-results.e-results-fixed {
        .v-border-collapse(separate) !important;
    }

    .e-results th {
        .l-position-relative;
        .l-z-index(1);
    }

    td.e-results-column-sticky-left, td.e-results-column-sticky-right {
        .l-position-relative;
        .v-background-light;
    }

    .e-grid-button {
        .v-webkit-appearance(none);
        .v-text-align-right-important;
    }

    .e-grid-button a {
        .l-width(45px) !important;
    }
}

.e-div-scroll {
    .v-border-dark;
    .l-height(210px);
    .v-overflow-y(auto);
    .l-padding-normal;
    .l-margin-bottom(10px);
}

.e-div-scroll-no-border {
    .l-max-height(505px);
    .v-overflow-y(auto);
    .l-padding-normal;
    .l-margin-bottom(10px);
}

.e-masonry-box {
    .l-float-left;
}

.e-masonry-box-wide {
    .l-width(100%) !important;
}

.e-masonry-wrapper {
}

.e-masonry-wrapper:after {
    .v-display(block);
    .l-clear-all;
}

.e-masonry-box {
    & .e-content-box {
        .l-min-height(439px);
        .v-overflow(hidden);
    }

    & .e-content-box-small {
        .l-min-height(170px) !important;
    }
}

.e-masonry-box .e-small-content-box {
    .l-min-height(170px) !important;
}

.e-help-topics {
    .l-width-third;
    .l-float-left;
}

.e-help-content {
    .l-width-two-thirds;
    .l-float-left;
}

.e-candidate-header {
    .l-padding-none;
    .l-margin-none;
}

.e-candidate-header-photo {
    .v-text-align-centre;
    .l-width(82px);
    .l-height(82px);
    .l-padding-right(5px);
}

.e-candidate-header-photo img {
    .l-max-width(80px);
    .l-max-height(80px);
    .v-border-dark !important;
}

.e-candidate-header-name, .e-candidate-header-menu, .e-candidate-header-photo {
    .l-vertical-align(middle) !important;
}

.e-candidate-header-menu {
    .l-width(30px);
}

.e-candidate-initials {
    .v-background-brand;
    .v-color(@Brand_Colour + 30);
    .l-width(80px);
    .l-height(80px);
    .v-border-dark !important;
    .v-text-align-centre;
    .v-font-size(122px) !important;
    .v-line-height(88px) !important;
    .v-font-family('Archivo Black', sans-serif;);
    .v-text-shadow(5px 5px 0px @Brand_Colour - 50);
    .v-overflow(hidden);
    .v-cursor-default;
}

.e-candidate-initials i {
    .v-font-size(50px) !important;
    .v-line-height(80px) !important;
}

.e-mobile-indicator {
    .l-width(0px);
}

.e-tooltip-blocker {
    .v-hidden;
}

.e-managed-width-table {
    .l-table-layout(auto);
}

.e-managed-width-table td, .e-managed-width-table th {
    .l-width-auto;
}

.e-permissions-table {
    .l-width-max;
    .l-padding-none;
    .l-margin-none;
}

.e-permissions-table td label {
    .l-width(110%);
    .v-display(block);
    .l-box-sizing-border-box;
    .l-margin-top(-24px);
    .l-height(29px);
    .l-margin-bottom(-5px);
    .l-margin-left(-6px);
    .v-cursor-pointer;
}

.e-permissions-table tr.e-row td {
    .v-border-dark;
}

.e-permissions-table tr.e-row td.e-no-border {
    .v-border-none;
}

.e-permissions-table td input {
    .v-cursor-pointer;
}

.e-permissions-table td.chk {
    .v-text-align-centre;
    .v-cursor-pointer;
}

.e-permissions-table tr.head {
    .v-cursor-pointer;
}

.e-permissions-table tr.e-row-footer td {
    .v-text-align-centre;
}

.e-export-left {
    .l-width(30%) !important;
}

.e-export-right {
    .l-width(70%) !important;
}

.e-download-icon i {
    .v-font-size(50px) !important;
}

.e-div-right-margin {
    .l-spacer-right;
}

.e-div-export-invoice-confirmation {
    .l-padding(5%);
    .l-margin(5%);
    .v-border-dark;
    .v-text-align-centre;

    input {
        float: none !important;
    }

    input:disabled {
        .v-color-dark !important;
    }
}

.e-vpi-chart {
    .l-width-max;
    .l-height(390px);
}

.e-breakpoint-animate {
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}



.e-workflows-width {
    .l-width(250px);
}

.divWFS {
    .e-workflows-width {
        .l-width(243px);
    }
}

.e-hitlist-parameter-search {
    .l-width(65%);
    .l-float-left;
    .l-padding-right(1%);
    .l-padding-bottom(2%);
    .l-padding-left(1%);
}

.e-hitlist-parameter-nopad {
    .l-padding-left-none;
}

.e-hitlist-parameter-option-first {
    .l-width(7%);
    .l-float-left;
}

.e-hitlist-parameter-option {
    .l-width(33%);
    .l-float-left;
    .l-padding-bottom(2%);
}

.e-hitlist-div-row {
    .l-width(23%);
    .l-float-left;
}

.e-hitlist-additional-filters {
    .l-margin-bottom(10px) !important;
    .v-border-dark !important;
    .v-border-top-none !important;
    .v-border-left-none !important;
    .v-border-right-none !important;
    .v-font-size(@Font-Header) !important;
    .l-margin-top(20px);
}

.e-hitlist-parameter-option-label {
    .l-width-quater;
    .l-float-none;
    .l-padding-bottom(2%);
}

.e-hitlist-filter:hover > div {
    .l-height(auto);
    .v-display(block);
}

.e-hitlist-filter label:hover {
    .v-border-brand !important;
    .v-background-mid !important;
}

.e-hitlist-filter label {
    .v-border-colour-white !important;
    .v-font-larger;
}

.e-hitlist-filter > div {
    .v-display(none);
    .l-position(absolute);
    .l-margin-top(-3px);
    .l-margin-right(10px);
    .l-right(0px);
    .l-padding(5px);
    .v-background-colour(@Background_Dark);
    .v-border-brand;
    .l-z-index(4);
    .v-shadow-top();
}

.e-hitlist-filter > i {
    .l-float-right;
}

.e-hitlist-filter a {
    &:active {
        .v-color-blue;
    }
}

.e-filter-padding {
    .l-padding-right(140px);
    .l-padding-left(5px);
    .l-padding-bottom(5px);
    .l-padding-top(5px);
}

.e-content-header-hitlist {
    .v-border-none;
    .v-font-size(@Font-Header);
}

.e-results-two-row-header, .e-results-two-row-result {
    .l-min-width(75px);
    .l-max-width(100px);
}

.e-results-two-row-header-for-textbox, .e-results-two-row-result-with-textbox {
    .l-min-width(90px);
    .l-max-width(150px);
}

.e-results-two-row-header div:first-child, .e-results-two-row-header-for-textbox div:first-child {
    .v-text-align-centre;
}

.e-results-two-row-header div:nth-child(3) {
    .l-float-left;
    .l-padding-left(10px);
}

.e-results-two-row-header div:nth-child(4) {
    .l-float-right;
    .l-padding-right(8px);
}

.e-results-two-row-header-for-textbox div:nth-child(3) {
    .l-float-left;
    .l-padding-left(15px);
}

.e-results-two-row-header-for-textbox div:nth-child(4) {
    .l-float-right;
    .l-padding-right(14px);
}

.e-results-two-row-result div:nth-child(1) {
    .l-float-left;
}

.e-results-two-row-result div:nth-child(2) {
    .l-float-right;
}

.e-results-two-row-result-with-textbox div:nth-child(1) {
    .l-float-left;
    .l-min-width(40px);
    .l-max-width(50px);
}

.e-results-two-row-result-with-textbox div:nth-child(2) {
    .l-float-right;
    .l-min-width(40px);
    .l-max-width(50px);
}

.e-results-footer {
    .l-float-right;
}

.e-worker-attendance-footer td > div {
    .l-float-right;
}

.e-worker-attendance-footer td > div div {
    .l-float-left;
    .l-margin-left(20px);
}

.e-dragging {
    .v-opacity(0.7) !important;
    .v-cursor(move);
    .l-z-index(9999);
}

.e-dragging div {
    .l-position(absolute);
    .v-border-dark;
    .v-background-mid;
    .l-padding(5px);
    .l-min-width(max-content);
}

.e-roster-candidate-list {
    .l-margin-bottom(5px);
}

.e-roster-candidate-list .e-roster-candidate {
    .v-border-dark;
    .v-background-mid;
    .l-margin-top(5px);
    .l-padding(3px);
}

.e-roster-candidate-list tr:nth-child(1) .e-roster-candidate {
    .l-margin-top(0px);
}

.e-roster-candidate-list .e-roster-candidate .e-roster-candidate-icon {
    .l-float-left;
}

.e-roster-candidate-list .e-roster-candidate .e-roster-candidate-icon i {
    .v-text-align-centre;
}

.e-roster-candidate-list .e-roster-candidate .e-roster-candidate-name {
    .l-float-left;
    .l-padding-top(2px);
    .v-cursor-default;
}

.e-roster-candidate-list .e-roster-candidate .e-roster-candidate-checkbox {
    .l-float-right;
    .l-width(25px);
}

.e-roster-candidate-list .e-roster-candidate .e-roster-candidate-hover {
    .l-float-right;
    .l-width(22px);
    .v-text-align-right;
}


.e-roster-legend i {
    .v-font-size(12px) !important;
    .v-line-height(14px) !important;
}

.e-candidate-hover {
    .v-background-light
}

.e-candidate-hover .e-candidate-hover-photo {
    .l-width(95px);
    .v-text-align-centre;
}

.e-candidate-hover .e-candidate-hover-action {
    .l-width(40px);
    .v-text-align-centre;
}

.e-candidate-hover td.e-candidate-hover-photo {
    .v-border-dark-right;
}

.e-candidate-hover td.e-candidate-hover-action {
    .v-border-dark-left;
}

.e-candidate-hover td.e-candidate-hover-photo i {
    .l-width(auto);
}

.e-candidate-hover table tr.e-widths th {
    .l-padding-top(0px);
    .l-padding-bottom(0px);
}

.e-link-to {
    background-color: #ffffff96; /* This cannot be handled by the LESS conversion */
    .v-border-brand;
    .l-position(fixed);
    .v-cursor-pointer;
    .l-z-index(100002);
}

.e-link-to > div {
    .v-text-align-right;
}

.e-link-to > div i {
    .v-color-brand;
    .v-font-size(13px) !important;
    .v-background-light;
    .v-border-brand-left;
    .l-margin-left(-1px);
    .l-padding-right(10px);
}

.e-hover-target {
    background-color: #2c822640 !important;
}

.e-zbill-actions .e-form-buttons .e-parameter-button {
    .l-clear(none);
}

.e-zbill-search .e-invoice-type-filter {
    .l-width(150px) !important;
}

.e-zbill-filters {
    .l-width-max !important;
}

.e-zbill-contractorPlusInvoiceEvenRow {
    background-color: #f9f7d3;
}

.e-zbill-contractorPlusInvoiceOddRow {
    background-color: #fcfbe9;
}

.e-zbill-selfbillEvenRow {
    background-color: #d3e8f9;
}

.e-zbill-selfbillOddRow {
    background-color: #e9f4fc;
}

.e-zbill-candidateSelfbillEvenRow {
    background-color: #d3f9e4;
}

.e-zbill-candidateSelfbillOddRow {
    background-color: #e9fcf1;
}

.e-zbill-selfbillLastLine {
    border-bottom: 1px solid #90c6ef;
}

.e-zbill-invoiceDetail {
    min-height: 201px;
    padding: 0 3px 0 3px;
}

.e-zbill-invoiceDetail .e-zbill-lineTotal {
    .l-padding-top(9px);
    .v-text-align-right;
}

.-e-zbill-invoiceDetail .-e-zbill-lineTotal > div {
    display: inline-block;
    line-height: 19px;
    text-align: right;
    padding: 0 6px 0 20px;
}

.e-zbill-invoiceDetail .-e-zbill-lineTotal > div > div:last-child {
    font-weight: bold;
}

.e-zbill-invoiceDetail .e-zbill-attachedDoc {
    background-color: #fff;
    border: 1px solid #ccc;
    height: 192px;
    overflow-x: hidden;
    overflow-y: auto;
}

.e-zbill-invoiceDetail .e-zbill-attachedDoc > div {
    position: relative;
    left: 3.5px;
}

.e-zbill-invoiceDetail .e-zbill-attachedDoc > div > div {
    background-size: 64px !important;
    border: 1px solid transparent;
    border-radius: 2px;
    display: inline-block;
    margin: 4px 5px 0 0;
    padding: 5px 5px 0 68px;
    height: 64px;
    width: calc(25% - 81px);
}

.e-zbill-invoiceDetail .e-zbill-attachedDoc > div > div:hover {
    border: 1px solid rgba(0,116,217, 0.5);
}

.e-zbill-invoiceDetail .e-zbill-attachedDoc > div > div:hover > div:nth-last-child(1):hover, .e-zbill-invoiceDetail .e-zbill-attachedDoc > div > div:hover > div:nth-last-child(2):hover {
    cursor: pointer;
}

.e-zbill-invoiceDetail .e-zbill-attachedDoc > div > div:hover > div:nth-last-child(1) {
    background: url('../Zeel-Images/icons/creation/shortcut.png') right top no-repeat;
    top: -8px;
}

.e-zbill-invoiceDetail .e-zbill-attachedDoc > div > div:hover > div:nth-last-child(2) {
    background: url('../Zeel-Images/icons/creation/cross.png') right top no-repeat;
    top: -8px;
}

.e-zbill-invoiceDetail .e-zbill-attachedDoc > div > div > div:first-child {
    color: #000;
    font-size: 12px;
    line-height: 21px;
}

.e-zbill-invoiceDetail .e-zbill-attachedDoc > div > div > div {
    color: #666;
    line-height: 15px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

.e-zbill-invoiceDetail .e-zbill-attachedDoc .e-zbill-fileTypeNEW {
    background: url('../Zeel-Images/formats/mf_UNW.png') 0 3px no-repeat;
    vertical-align: top;
}

.e-zbill-invoiceDetail .e-zbill-attachedDoc .e-zbill-fileTypeDAT {
    background: url('../Zeel-Images/formats/mf_DAT.png') 0 3px no-repeat;
}

.e-zbill-invoiceDetail .e-zbill-attachedDoc .e-zbill-fileTypeJPG {
    background: url('../Zeel-Images/formats/mf_JPG.png') 0 3px no-repeat;
}

.e-zbill-invoiceDetail .e-zbill-attachedDoc .e-zbill-fileTypePDF {
    background: url('../Zeel-Images/formats/mf_PDF.png') 0 3px no-repeat;
}

.e-zbill-invoiceDetail .e-zbill-attachedDoc .e-zbill-fileTypePNG {
    background: url('../Zeel-Images/formats/mf_PNG.png') 0 3px no-repeat;
}

.e-zbill-invoiceDetail .e-zbill-invoiceNote > textarea {
    border: 1px solid #ccc;
    display: block;
    font-family: Arial;
    font-size: 12px;
    line-height: 19px !important;
    height: 170px;
    padding: 3px 5px 0 5px;
    outline: none;
    resize: none;
}

.e-zbill-invoiceDetail .e-zbill-invoiceNote > textarea:focus {
    border: 1px solid rgba(0,116,217, 0.5);
}

.e-zbill-invoiceDetail .e-zbill-invoiceNote > div {
    color: #555;
    height: 25px;
    line-height: 29px;
    padding-left: 1px;
}

.e-zbill-buttonUpload {
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 2px;
    position: relative;
    overflow: hidden;
    height: 19px;
    width: 70px;
}

.e-action-form, .e-action-results {
    .l-width(100%);
}

.e-action(@color) {
    .v-font-size(14px) !important;
    .v-color(@color);
    .fas();

    &:before {
        font-family: @Font-FontAwesomeSolid;
    }
}

.e-action-unknown {
    .e-action(@Blue);

    &:before {
        content: "\f059";
    }
}

.e-action-pending {
    .e-action(@Blue);


    &:before {
        content: "\f111";
    }
}

.e-action-complete {
    .e-action(@Green);

    &:before {
        content: "\f058";
    }
}

.e-action-incomplete {
    .e-action(@Red);

    &:before {
        content: "\f06a";
    }
}

.e-action-warning {
    .e-action(@Orange);

    &:before {
        content: "\f071";
    }
}

.e-action-rejected {
    .e-action(@Red);

    &:before {
        content: "\f057";
    }
}

.e-action-cancelled {
    .e-action(@Red);

    &:before {
        content: "\f05e";
    }
}

.e-add-crm, .e-view-crm {
    .l-width(400px);
    .l-height(450px);
    .l-float-left;
    .v-overflow-y(auto);
}

.crm-info-area {
    .l-margin-top-normal;
    .v-display-flex;
    .l-margin-left(4px);
    .l-margin-right(4px);
}

.e-add-action {
    .l-float-left;
    .l-margin-left(10px);
}

.e-min-height-none {
    .l-min-height(0px) !important;
}

.e-tabbed-content table td.e-tab-list + td {
    .l-vertical-align(top);
}

*[data-toggleTarget] {
    .v-hidden;
}

.e-row-menu-items {
    width: calc(150px + 10px);
    .l-position(absolute);
    .e-content-box();
    .v-cursor-default();
    .v-font-global();
    .v-shadow-top();
    .v-display-flex();
    flex-direction: column;

    & button {
        .v-font-weight(300);
        .v-font-size(@Font-Normal) !important;
    }

    & .e-grid-button:not(:last-child) {
        .l-margin-bottom(5px);
    }
}
/*Assignment Sheet styles*/
.e-assignment-sheet-filters {
    & > .e-parameters-box {
        .v-display-flex();
        flex-wrap: wrap;
    }

    .l-width(~'calc(50% - 5px)');
}

.e-assignment-sheet-delete-filter-bin i {
    .l-float-right;
    .v-text-align-right;
    .v-font-size(14px) !important;
    .v-color-dark;
    .v-opacity(0.2);
}

.e-assignment-sheet-delete-filter-bin i:hover {
    .v-color-red;
    .v-opacity(1);
    .v-transition(0.5s);
}

.e-assignment-sheet-filter-info i {
    .l-float-right;
    .v-text-align-right;
}

.e-assignment-sheet-filters-hover .e-hitlist-filter > div {
    .l-left(0px);
    .l-width(max-content);
    .l-min-width(250px);
    .l-margin-top(0px);
}

.e-assignment-sheet-filters-hover .e-hitlist-filter {
    .l-position(relative) !important;
}

.e-assignment-sheet-filters-hover .e-hitlist-filter i {
    .l-float-left;
    .v-font-size(12px) !important;
    .l-margin-top(4px);
}

.e-assignment-sheet-filters-hover .e-hitlist-filter > div > div {
    .v-background-light;
    .v-border(1px solid @White);
    .l-padding(3px);
}

.e-assignment-sheet-filters-hover .e-hitlist-filter > div > div:not(:nth-last-child(1)) {
    .l-margin-bottom(3px);
}

.e-assignment-sheet-filters-hover .e-hitlist-filter > div > div:hover {
    .v-border-brand !important;
    .v-background-mid !important;
}

.e-assignment-sheet-documents {
    .l-width(calc(~'25% - 22px'));
    .v-text-align-centre;
    .l-float-left;
    .l-margin-normal;
}

.e-assignment-sheet-pnl_result {
    .l-min-width(1000px);
}

.e-row-pager-assignment-sheet-grid table td {
    .l-padding-right-normal !important;
    .l-padding-left-normal !important;
}
//Grid layout
.previousWeek {
    .v-grid-row-column(1,1);
}

.previousDay {
    .v-grid-row-column(1,2);
}

.switchView {
    .v-grid-row-column(1,3);
}

.add {
    .v-grid-row-column(1,4);
}

.addToVacancy {
    .v-grid-row-column(1,5);
}


.editAndExtend {
    .v-grid-row-column(1,6);
}

.bulkExtend {
    .v-grid-row-column(1,7);
}

.refill {
    .v-grid-row-column(1,8);
}

.copy {
    .v-grid-row-column(1,9);
}

.cancel {
    .v-grid-row-column(1,10);
}

.delete {
    .v-grid-row-column(1,11);
}

.assignmentDay {
    .v-grid-row-column(1,12);
}

.workerDiary {
    .v-grid-row-column(1,13);
}

.editStandby {
    .v-grid-row-column(1,14);
}

.notes {
    .v-grid-row-column(1,15);
}

.sendSMS {
    .v-grid-row-column(1,16);
}

.menu {
    .v-grid-row-column(1,17);
}

.nextWeek {
    .v-grid-row-column(1,18);
}

.nextDay {
    .v-grid-row-column(1,19);
}

.e-assignment-sheet-diary {
    .v-white-space(nowrap);
    .l-table-layout(auto) !important;

    .e-assignment-sheet-diary:first-of-type td {
        .v-text-singleline;
        .l-width(15%);
        .l-padding-bottom(8px);
    }
}

.e-assignment-sheet-diary table, .e-assignment-sheet-diary-candidate table {
    .l-table-layout(auto) !important;
}

.e-assignment-sheet-diary-candidate td {
    .l-padding-top(1px);
    .l-padding-bottom(1px);
    .l-height(20px);
}

.e-assignment-sheet-diary-month-day td span:not(.v-hidden) {
    .l-width(17px);
    .l-height(17px);
    .v-border-radius(2px);
    .v-background-colour(#EFEFEF);
    .v-display(block);
    .v-text-align-centre;
    .v-font-normal;
    .v-font-weight(400);
}

.e-assignment-sheet-diary-month-boxes div {
    .l-width(17px);
    .l-height(17px);
    .v-border-radius(2px);
}

.e-assignment-sheet-diary-month-boxes td {
    .l-padding(1px);
    .l-height(20px);
}

.e-assignment-sheet-diary-month {
    .l-table-layout(auto) !important;
}

.e-assignment-sheet-diary-month table {
    .l-table-layout(auto) !important;
}

.span_satsun {
    .v-color(@Brand_Grey);
}

.e-assignment-sheet-compliance-box {
    .l-margin(1px);
    .l-padding(1px 2px 1px 2px);
    .v-display(block);
    .l-float-left;
}

.e-assignment-sheet-compliance-boxTrue {
    .v-background-colour(@Background_Message_Good);
    .v-color(@Text_Message_Good) !important;
    .l-padding-left-normal;
    .l-padding-right-normal;
    .v-cursor-default;
}

.e-assignment-sheet-compliance-boxFalse {
    .v-background-colour(@Background_Message_Error);
    .v-color(@Text_Message_Error) !important;
    .l-padding-left-normal;
    .l-padding-right-normal;
    .v-cursor-default;
}

.e-assignment-sheet-copy-results > div:not(:nth-last-of-type(1)) {
    .l-spacer-bottom-small;
}

.e-assignment-sheet-vacancy-container {
    .l-max-height(613px);
    .v-overflow-y(auto) !important;
}

.e-assignment-sheet-notes-container {
    .l-max-height(617px);
    .v-overflow-y(auto) !important;
}

.e-assignment-sheet-edit-container {
    .l-max-height(485px);
    .v-overflow-y(auto) !important;
}

.v-overflow-x-wide-only {
    .v-overflow-x(auto);
}

.v-overflow-y-wide-only {
    .v-overflow-y(auto);
}

.out_month {
    .v-display(none);
}

.no_ass {
    .v-background-colour(#f1f1f1);
}

.no_shift {
    .v-background-colour(#fff6e0);
}

.switch_on {
    .v-background-colour(#d19e9e);
}

.utcode_ass {
    .v-background-colour(#b2d2a2);
}

.utcode_multi {
    .v-background-colour(#cfd19e);
}

.utcode_H, .div_Ass_H {
    .v-background-colour(#9eafd1) !important;
}

.utcode_S, .div_Ass_S {
    .v-background-colour(#cfa768) !important;
}

.utcode_Z, .div_Ass_Z {
    .v-background-colour(#ffff00) !important;
}

.utcode_HU, .div_Ass_HU {
    .v-background-colour(#5e697d) !important;
}

.div_Ass_H, .div_Ass_S, .div_Ass_Z, .div_Ass_U {
    .v-color(black) !important;
}

.div_Ass_HU {
    .v-color(white) !important;
}

.e-assignmnet-sheet-days-table table {
    .l-width(48%);
    .l-float-left;
    .l-margin(10px);
}

.e-assignmnet-sheet-days-table {
    .l-width-max;
}

div .e-assignmnet-sheet-days-table:nth-child(odd) {
    .l-clear-all;
}

.e-assignmnet-sheet-days-table th, .e-assignmnet-sheet-days-table td {
    .v-text-align-centre;
    .l-padding(2px);
}

.e-assignment-sheet-radio-button input[type=radio] {
    .v-hidden-important;
}

.e-assignment-sheet-radio-button:not(.e-radio-button-label-header-brand) input[type=radio]:checked + label, .rtFocused {
    .v-background-brand;
    .v-color-light;
}

.e-radio-button-label-header-brand label {
    .v-background-brand;
    .v-color-light;
}

.e-assignment-sheet-radio-button input[type=radio] + label {
    .l-spacer-right;
    .v-font-larger !important;
    .v-text-align-centre;
    .l-float-left;
    .v-cursor-pointer;
    .l-padding-top-normal !important;
    .l-padding-bottom-normal !important;
    .l-width(100%);
    .v-border-brand;

    &:hover {
        .v-background-colour(darken(@Brand_Colour, @Hover_Darken_Amount));
        .v-color(@White);
    }
}

.e-hover-brand-darker:hover, .e-div-button:hover {
    .v-background-colour(darken(@Brand_Colour, @Hover_Darken_Amount));
}

.e-assignment-sheet-radio-button:not(.e-radio-button-label-header-brand) input[type=radio]:checked + label {
    &:hover {
        .v-background-colour(darken(@Brand_Colour, @Hover_Darken_Amount));
    }
}

.e-results-radio-buttons-padings {
    .l-padding-left(5px) !important;
    .l-padding-right(5px) !important;
    .l-padding-top(10px) !important;
    .l-padding-bottom(10px) !important;
    .l-vertical-align(middle) !important;
}

.e-grid-radio-button-column table td {
    .l-padding-right(10px) !important;
}

.e-grid-radio-button-column-padding-on-last table td:last-child {
    .l-padding-right(2px) !important;
}

.e-assignment-sheet-standby_vac_err {
    .v-background-colour(@Background_Message_Error) !important;
    .v-border-colour(@Background_Message_Error) !important;
    .v-color(@Text_Message_Error) !important;
}

.e-assignment-sheet-standby_stand_err {
    .v-border-colour(@Background_Message_Error) !important;
}

.e-assignment-sheet-standby_vac_info {
    .v-border(1px solid @Background_Message_Info);
    .v-background-colour(@Background_Message_Info);
    .v-color(@Text_Message_Info);
    .l-spacer-top;
    .l-padding-normal;
}

.e-assignment-sheet-standby-good-div {
    .v-border(1px solid @Background_Message_Info);
}

.e-assignment-sheet-edit-left-div {
    .l-width(calc(~'30% - 20px'));
    .l-float-left;
    .l-spacer-right-small;
}

.e-assignment-sheet-edit-middle-div {
    .l-width(calc(~'40% - 15px'));
    .l-float-left;
    .l-spacer-right-small;
}

.e-assignment-sheet-edit-right-div {
    .l-width(calc(~'30% - 16px'));
    .l-float-right;
    .l-spacer-right-small;
}

.e-assignment-sheet-edit-linked-item-div {
    .l-width(calc(~'100% - 18px'));
    .l-float-left;
    .l-spacer-right-small;
    .l-max-height(184px);
    .v-overflow-y(auto);
}

.e-assignment-sheet-redirect-icon {
    .l-width(20px);
    .l-float-left;
    .l-margin-top-normal;
    .l-padding-left-normal;
}

.e-vacancy-review-indicator-boxes {
    .l-width(60px);
    .v-display-flex();
    .v-border(1px solid @Brand_Grey);
    .v-border-radius(2px);
}

.e-vacancy-review-indicator-boxes .e-vacancy-review-indicator-box {
    .l-height(10px);
    .l-width(20px);
    .e-flex();
    .v-background-colour(@Background_Dark);
}

.e-vacancy-review-indicator-boxes .e-vacancy-review-indicator-box-on {
    .v-background-colour(@Text_Message_Good);
}

.e-row-no-pad td {
    .l-padding-bottom(0px) !important;
    .l-padding-top(0px) !important;
    .v-border-none !important;
}

.e-tab-separator {
    .l-margin-bottom(5px);
    .l-height(5px);
    .v-border-top(@Border_Style @Border_Width @Brand_Grey);
    .v-border-bottom(@Border_Style @Border_Width #5c5c5d);
}

.e-content-box .e-assignment-sheet-filters:nth-child(1) {
    .l-spacer-right-small;
}

.e-content-box .e-assignment-sheet-filters:nth-child(2) {
    .l-spacer-left-small;
}

.e-contract-tiers-settings-symbol {
    .l-padding-top(20px);
}

.e-contract-rates-defaults {
    .v-display(table);
    .l-table-fixed();
    .l-width-max();

    & > div {
        .v-display(table-row);
    }
}

.e-results td {
    & div.symbol {
        .l-width(15px);
        .l-float-left;
        .v-line-height(29px);
        .v-text-align-right();
    }

    & div.input {
        .l-width(calc(100% - 15px));
        .l-float-left;

        & + .symbol {
            .v-text-align-left();
        }
    }

    &:not(:first-child) {
        & div.symbol {
            .l-margin-left(-15px);
        }

        & div.input + .symbol {
            .l-margin-left-none();
        }
    }
}

.e-contract-rates-inner-row td {
    .l-padding-normal;
}

.e-contract-rates-expandable-rates-content {
}

.e-contract-rates-expandable-rates-content .padding-left {
    .l-padding-left(10px);
}

.e-contract-rates-expandable-rates-content .padding-right {
    .l-padding-right(10px);
}

.e-contract-rates-inner-row .deleted {
    .v-background-image(linear-gradient(to right, @Background_Mid, @Background_Mid, @Background_Mid, @Background_Mid, @Background_Message_Error));
}

.e-contract-rates-inner-row .modified {
    .v-background-image(linear-gradient(to right, @Background_Mid, @Background_Mid, @Background_Mid, @Background_Mid, @Background_Message_Warning));
}

.e-contract-rates-inner-row .new {
    .v-background-image(linear-gradient(to right, @Background_Mid, @Background_Mid, @Background_Mid, @Background_Mid, @Background_Message_Good));
}

.e-contract-rates-legend-block {
    flex: 0 0 40px !important;
    .l-height(40px);
    .l-spacer-right;
}

.e-contract-rates-filters td {
    .l-padding-right-normal !important;
}

.e-contract-rates-matrix-results th, .e-contract-rates-matrix-results td {
    .l-width(150px);
}

.e-contract-rates-matrix-results {
    .l-table-fixed;
}

.e-results .td_arrow, .e-results .td_shift, .e-results .td_check_True {
    .l-padding(1px);
}

.e-linked-items-legend-block {
    .l-float-left;
    .l-height(40px);
    .l-spacer-top;
}

.e-listbox-add-remove-options {
    .v-display-flex;

    .e-listbox-add-remove-list {
        .l-width-quater;
    }

    .e-listbox-add-remove-fillpage {
        .l-width(~'calc(100% / 2 - 65px)');
    }

    .e-listbox-add-remove-options-inputs {

        .e-listbox-top {
            .v-display-block;
            .l-height(18px);
        }

        > .e-grid-button {
            .l-margin-normal;
            .l-width(120px);
        }

        > div:not(.e-grid-button) {
            .e-grid-button {
                .l-margin-left-normal;
                .l-float-left;
                .l-width(~'calc(120px / 2 - 5px / 2)');
            }
        }
    }
}

.tbl_resultLine span {
    .v-text-singleline;
}

.div_Ass_ST {
    .v-border-colour(#7fa5cc) !important;
    .v-background-colour(#9fceff) !important;
}

.tbl_resultLine .tbl_Line_Ass .div_Ass_Outer .div_Ass_Inner {
    .v-border(1px solid #bc8e8e);
    .v-background-colour(#d19e9e);
}

.tbl_resultLine .tbl_Line_Ass .div_Ass_Outer .div_Ass_Inner .div_Ass_Shift, .tbl_resultLine .tbl_Line_Ass .div_Ass_Outer .div_Ass_Inner .div_Ass_Shift_U, .tbl_resultLine .tbl_Line_Ass .div_Ass_Outer .div_Ass_Inner .div_Ass_Shift_H, .tbl_resultLine .tbl_Line_Ass .div_Ass_Outer .div_Ass_Inner .div_Ass_Shift_S, .tbl_resultLine .tbl_Line_Ass .div_Ass_Outer .div_Ass_Inner .div_Ass_Shift_Z {
    .l-float-left;
    .v-display(inline);
    .v-border(1px solid);
    .l-margin-right(1px);
    .v-line-height(21px);
}


.tbl_resultLine .tbl_Line_Ass .div_Ass_Outer .div_Ass_Inner .div_Ass_Shift_U, .tbl_resultLine .tbl_Line_Ass .div_Ass_Outer .div_Ass_Inner .div_Ass_Shift {
    .v-background-colour(#d19e9e);
    .v-border-colour(#d19e9e);
}

.tbl_resultLine .tbl_Line_Ass .div_Ass_Outer .div_Ass_Inner .div_Ass_Shift_H {
    .v-background-colour(#9eafd1);
    .v-border-colour(#9eafd1);
}

.tbl_resultLine .tbl_Line_Ass .div_Ass_Outer .div_Ass_Inner .div_Ass_Shift_S {
    .v-background-colour(#cfa768);
    .v-border-colour(#cfa768);
}

.tbl_resultLine .tbl_Line_Ass .div_Ass_Outer .div_Ass_Inner .div_Ass_Shift_Z {
    .v-background-colour(#ffff00);
    .v-border-colour(#ffff00);
}

.tbl_resultLine .tbl_Line_Ass .div_Ass_Outer .div_Ass_Inner .div_Ass_Shift_OANS {
    .v-background-colour(transparent);
    .v-border-colour(transparent);
}

.tbl_resultLine .tbl_Line_Ass .div_Ass_Outer .div_Ass_Inner .div_Ass_Shift_Ept {
    .l-float-left;
    .v-display(inline);
    .v-border( 1px solid transparent);
    .l-height(24px);
}

.tbl_resultLine .tbl_Line_Ass .div_Ass_Outer .div_Ass_Inner .div_Ass_Shift_HU {
    .v-background-colour(#5e697d);
    .v-border-colour(#5e697d);
}

.tbl_resultLine .tbl_Line_Ass .div_Ass_Outer .div_Ass_ASS {
    .v-border-colour(#ffae70) !important;
    .v-background-colour(#fff6e0) !important;
}

.td_check_True, .td_arrow {
    .l-width(20px);
}

.tbl_resultLine .tbl_Line_Ass .div_Ass_Outer {
    .l-min-height(25px);
}

.td_arrow {
    .l-padding(2px) !important;
}

.td_check_False {
    .v-display(none);
}

.tbl_Ass_Shift td {
    .l-height(24px);
}

.tbl_Ass_Shift .td_shift span {
    .v-overflow-hidden;
    .v-display(block);
}

.td_arrow i {
    .l-padding-left(5px) !important;
}

.tbl_resultLine .tbl_Line_Ass .shift_Min_Height {
    .l-min-height(24px);
}

.tbl_resultLine .tbl_Line_Ass .div_Ass_Outer .div_Ass_Inner .lbl_AssDay_Title {
    .l-position(absolute);
    .l-top(4px);
}

.tbl_resultLine .tbl_Line_Ass .div_Ass_Outer .div_Ass_Inner {
    .v-border(1px solid #bc8e8e);
    .v-background-colour(#d19e9e);
}

.tbl_resultLine .tbl_Line_Ass .div_Ass_Outer .div_Ass_Inner .div_Ass_Shift_ASS {
    .v-border(1px solid #b2d2a2);
    .v-background-colour(#b2d2a2);
}

.e-assignment-sheet-roster-candidate-name span {
    .l-float-left;
    .l-margin-top(3px);
    .l-margin-left(10px);
    .l-width(180px);
}

.e-assignment-sheet-roster-candidate-name span input[type=checkbox] {
    .l-width(auto);
}

.e-assignment-sheet-results-candidate-header {
    .l-width(270px);
}

.e-assignment-sheet-calendar-left .e-grid-button-col .e-grid-button {
    .l-height(32px) !important;
}

.e-assignment-sheet-calendar-left .e-grid-button-col .e-grid-button a {
    .l-margin-top(2px) !important;
}

.e-assignment-sheet-roster-right-div {
    .l-padding-left(10px) !important;
}

.e-contract-edit .e-tab-content {
    .l-min-height(490px);
}

.e-notification-row .e-radio-button-list td {
    .l-padding-none;
    .v-border-none;
}

.e-notification-sms-checkbox {
    .l-width( calc(100% - 47px));
}

.e-worker-profile-vacancies-results {
    .l-float-left;
    .l-margin-top(11px);
}

.e-worker-submit-help {
    .v-font-weight(normal);
    .v-line-height(2.1);
    .l-padding-left(5px);
}

.e-contract-process-timing, .e-contract-process-timing > div {
    .l-margin-bottom-none;
}

.e-contract-rates-filter {
    .l-padding-left(8px);
}

.e-modal-message-info {
    .e-inline-message-info;
    .l-box-sizing-border-box;
    .l-padding-normal;
    .l-margin-right-normal;
}

.e-modal-message-error {
    .e-inline-message-error;
    .l-box-sizing-border-box;
    .l-padding-normal;
    .l-margin-right-normal;
}

.e-send-info {
    .l-margin-bottom(10px) !important;
}

.e-icon-large {
    .v-font-size(20px) !important;
}

.e-timesheet-navigation-div {
    .l-min-height(43px);
    .v-display-flex;
    .v-align-items(center);
    .v-justify-content-space-between;
    .l-margin-left-normal;
}

.e-timesheet-navigation-div-worker {
    .l-min-height(32px);
    .v-display-flex;
    .v-align-items(center);
    .v-justify-content-space-between;
    .l-margin-left-normal;
}

.e-timesheet-navigation-buttons {
    .l-padding-normal;
    .v-text-align-centre;
    .v-text-decoration-none;
    .v-color-dark;
    .v-outline-none;
}
/*#endregion*/
/*#region These need less notations!*/
.e-zbill-buttonUpload > span {
    display: block;
    font-size: 11px;
    text-align: center;
    line-height: 19px;
    width: 70px;
}

.e-zbill-buttonUpload > input {
    cursor: pointer;
    filter: alpha(opacity=0);
    height: 19px;
    width: 70px;
    opacity: 0;
    position: absolute;
    margin: 0;
    padding: 0;
    top: 0;
    right: 0;
}

.e-div-tabs {
    padding: 6px 0 16px 0;
    position: relative;
    left: -8px;
    vertical-align: middle;
}

.e-div-tabs ul {
    margin: 0;
    padding: 0;
}

.e-div-tabs ul li {
    border-right: 1px solid #aaa;
    font-size: 14px;
    display: inline-block;
    list-style: none;
    padding: 0 11px 0 8px;
}

.e-div-tabs ul li:last-child {
    border: none;
    padding-right: 0;
}

.e-div-tabs ul li a:active {
    color: #0074d9;
}

.e-div-tabs ul li a:not(:active) {
    color: #aaa;
}

.e-div-tabs ul li a:hover {
    color: #0074d9;
    cursor: pointer;
}

.e-div-tabs ul li .e_div_tab_selected {
    .v-color(#000)!important;
    .v-cursor-default !important;
}

.e-div_filterList .e-parameter-box {
    .l-width(200px) !important;
}

.e-widths th, .e-widths td {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    height: 0px;
    line-height: 0px;
    border: none;
}

.e-zxchange-pending,
.e-zxchange-sending,
.e-zxchange-sent,
.e-zxchange-failed,
.e-zxchange-unknown,
.e-assignment-sheet-document-icon {
    .v-font-family(@Font-FontAwesomeLight);
}

.e-zxchange-pending :before {
    content: "\f021";
}

.e-zxchange-sending, .e-assignment-sheet-document-icon {
    .l-height(19px);
    .l-margin-top(5px);
}

.e-assignment-sheet-document-icon span {
    .l-position(absolute);
    .l-margin-left(-7px);
}

.e-zxchange-sending span {
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
    .l-position(absolute);
    .l-margin-left(-7px);
}

.e-zxchange-sending :before {
    content: "\f021";
}

.e-zxchange-sent :before {
    content: "\f00c";
}

.e-zxchange-failed :before {
    content: "\f00d";
}

.e-zxchange-unknown :before {
    content: "\f15b";
}

.e-zxchange-download-groupbox {
    .l-margin-left(auto);
    .l-margin-right(auto);
    .l-height(63px);
    .l-width(145px);
}

.e-zxchange-download-icon {
    .l-float-left;
}

.e-zxchange-download-details {
    .l-float-left;
}

.e-assignment-sheet-document-icon :before {
    content: "\f56f";
}

.e-zanalysis-report-div {
    .l-max-height(380px);
    .v-overflow-y(auto);
    .l-spacer-top;
}

.e-report-centre-active-button {
    .l-float-right;
    .v-cursor-pointer;
    .v-background-brand;
    .v-color-light;
}

.e-report-centre-inactive-button {
    .l-float-right;
    .v-cursor-pointer;
    .v-background-light;
    .v-color-dark;
}

.e-approval-level1 {
    .e-action(@Green);

    &:before {
        content: "\f111";
    }
}

.e-approval-level2 {
    .e-action(@Orange);

    &:before {
        content: "\f111";
    }
}

.e-approval-level3 {
    .e-action(@Red);

    &:before {
        content: "\f111";
    }
}

.e-approval-inner-grid tr td:not(:first-child):not(:last-child) {
    .v-border-dark;
}

.e-approval-inner-grid tr:last-child td {
    .v-border-bottom-none-important;
}

.e-approval-inner-grid tr td {
    .l-padding-left-normal !important;
}


.e-approval-disabled-day {
    .v-background-light !important;
    .v-border-left-none !important;
    .v-border-right-none !important;
}

.e-approval-po {

    input {
        .l-width-quater;
        .l-float-left;
        .l-spacer-right-small;
        .l-spacer-bottom-small;
    }

    .e-input-popup input {
        .l-width-half;
    }
}

#divGridViewHeader {
    top: 0;
    position: sticky;
    position: -webkit-sticky;
}

.e-timesheet-approval-toolbar-float {
    .l-position-fixed;
    .v-box-shadow(0px 4px 5px -4px #555555);
    .l-z-index(2);
}

.e-totals-float {
    .l-position-fixed;
    .v-box-shadow(0px 4px 5px -4px #555555);
    .l-z-index(2);
    .l-width(calc(~'100% - 32px'));
    .l-left(16px);
    .v-background-light;
}

.e-timesheet-worker-populate-hours {
    & > div {
        .l-float-left;
        .v-text-align-centre;
        .v-display-flex;

        & > a {
            .l-padding(9px);
            .l-padding-top-none-important;
            .l-margin-right-normal;
            .v-cursor-pointer;
            .v-text-decoration-none;
            .v-color-dark;

            &:hover {
                .v-background-mid();
            }
        }
    }

    & + .e-timesheet-worker-populate-visible {
        .l-float-left;
        .l-padding(9px);
    }
}

.e-timesheet-approval-results td {
    .v-white-space(nowrap);
}

.e-wizard-progress {
    .l-margin-left(auto);
    .l-margin-right(auto);
    .l-max-width(950px);
    .l-position-relative;

    & ul {
        .l-padding-left-none;
        .v-list-style(none);
        .l-padding-left(10px);
        .l-padding-right(10px);
        .v-display-flex;
        .v-justify-content-space-between;
    }

    & p {
        .l-margin-none;
    }

    & li {
        .v-list-style(none);
        .l-float-left;
        .l-position-relative;
        .v-text-align-centre;

        & i {
            .v-border(3px solid @Brand_Colour);
            .v-background-colour(@White);
            .v-color(@Brand_Colour);
            .v-border-radius(50%);
            .l-padding(15px);
            .v-font-size(22px) !important;
        }

        & p {
            .v-font-weight(bolder);
        }

        &.current {
            & p {
                .v-font-weight(bold);
            }
        }

        &.active {
            & i {
                .v-background-colour(@Brand_Colour) !important;
                .v-color(@White) !important;
            }
        }
    }

    &::before {
        content: "";
        .v-background-colour(@Brand_Colour);
        .l-height(4px);
        .l-width( calc(100% - 29px) );
        .l-float-left;
        .l-position-absolute;
        .l-top(32px);
        .l-margin-left(10px);
    }
}

.e-number-in-circle {
    .l-float-right;
    .v-border-radius(50%);
    .l-min-width(16px);
    .l-min-height(16px);
    .v-text-align-centre;
    .l-padding(1px);
    .v-font-size(12px);
    .v-color-green;
    .v-border(@Border_Style @Border_Width @Text_Message_Good);
}

i.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;
    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;
    /* Support for IE. */
    font-feature-settings: 'liga';
    speak: none;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    color: #888888;
}

i.menuIcon {
    line-height: 20px;
    margin-left: -35px;
    position: absolute;
}

i.menuExpand {
    line-height: 20px;
    position: relative;
    margin-left: 0;
    line-height: 18px;
    float: right;
    transition: .2s ease;
    text-align: center;
    transform: rotate(-90deg);
}

.menuToggle:checked + .menuOption > label > span i.menuExpand {
    transform: rotate(0deg);
    transition: .3s ease;
}

.menuToggle:checked + .menuOption > label {
    color: @Zrecruiter;
    transition: .3s ease;
}

.menuOption .menuItemCount, .menuOption .optionItemCount {
    float: right;
    width: 25px;
    text-align: center;
    margin-left: 10px;
    background-color: rgba(146, 146, 146, 0.23);
    border-radius: 2px;
    line-height: 21px;
}

.menuOption .menuItemCount {
    .v-hidden;
}

.menuOptionNoChild i.menuExpand, .menuOptionNoChild .menuItemCount {
    display: none;
}

.menuToggle:checked + .menuOption > label .menuItemCount, .menuToggle:checked + .menuOption > label .optionItemCount {
    color: @White !important;
    background-color: @Zrecruiter;
}

.menuOptionBar {
    width: 0px;
    height: 1px;
    background: @Zrecruiter;
    transition: .3s ease;
}

.menuToggle:checked + .menuOption > .menuOptionBar {
    transition: .3s ease;
    width: 300px;
}

::-webkit-scrollbar {
    .l-height(8px);
    .l-width(8px);
}

::-webkit-scrollbar-track {
    background-color: rgba(226, 226, 226, 0.7);
}

::-webkit-scrollbar-thumb {
    background: #bbbbbb;
    border-radius: 20px;
}

::-webkit-scrollbar-thumb:hover {
    background: @Zrecruiter;
}

#trigger:hover {
    background-color: rgba(146, 146, 146, 0.23);
    transition: .3s ease;
}

.menuBackgroundImage {
    .l-height(160px);
    .l-width(300px);
    .v-background-image(url('../Zeel-Images/ZrecruiterLandscapeWhite.png'));
    .v-background-colour(@Zrecruiter);
    .v-background-no-repeat;
    .v-background-position(center, 48px);
    .v-overflow-hidden;
    display: table-cell;
    vertical-align: middle;
    text-align: center;

    & img {
        .l-max-width(300px);
        .l-max-height(160px);
    }

    & .twist2 {
        .l-width(200%);
        .l-height(112px);
        .l-margin-top(-105px);
        .l-margin-left(-46px);
        .v-background-colour(lighten(@Zrecruiter, 5%));
        .v-transform-rotate(-8deg);
        .v-box-shadow(4px 4px 8px -3px black);
    }

    & .twist1 {
        .l-width(200%);
        .l-height(76px);
        .l-margin-top(-9px);
        .v-background-colour(darken(@Zrecruiter, 8%));
        .v-transform-rotate(45deg);
        .v-box-shadow(4px 4px 8px -3px black);
    }
}

.e-drop-menu {
    .v-list-style(none);
    .v-no-select;
    .l-position-relative;
    padding-inline-start: unset;

    & > .e-drop-menu-items {
        .l-position(absolute);
        .l-max-height(0);
        .v-border-radius(.e-content-box[border-radius]);
        .v-overflow-hidden;
        .v-background-light();
        .v-shadow-top();
        .l-box-sizing-border-box;
        .l-width(230px);
        .l-top(0);
        .l-z-index(1);

        & > ul:first-child {
            .v-list-style(none);
            .l-padding-none;
            .l-margin-none;

            & > li > a {
                .v-text-decoration(none);
                .v-display-block;
                .v-color-dark;
                .l-padding-normal;
                .l-padding(10px 15px);
                .v-cursor-pointer;

                &:hover {
                    .v-background-colour(darken(@Background_Light, @Hover_Darken_Amount));
                    .v-color-brand;
                }
            }
        }

        & .optionItemCount:extend(.menuOption .optionItemCount) {
        }
    }


    &.open > .e-drop-menu-items {
        .l-max-height(10000px);
        .v-border(.e-content-box[border]);
    }
}


.e-tab-menu-horizontal {
    .v-border-dark-bottom();
    .v-display-flex();

    .tab-settings() {
        .l-box-sizing-border-box();
        flex: 0 0 auto;
        min-width: 90px;
        .v-text-singleline();
        .l-padding-normal();
        .v-border-dark-left();
        .v-border-dark-right();
        .v-border-dark-top();
        .v-background-mid();
        .v-text-align-centre();
        .v-font-normal();
        .v-cursor-pointer();
        .v-no-select();
        .v-color-dark();
        .v-text-decoration-none();

        & > a {
            .v-text-decoration-none();
            .v-color-dark();
            .v-display-block();
        }
    }

    & > div[data-tab], & > a[data-tab] {
        .tab-settings();

        &:not(:first-child) {
            .l-margin-left-normal();
        }
    }
}


@offset: 187;
@duration: 1.4s;

.e-loading-spinner {
    position: fixed;
    width: 100%;
    height: 100%;
    text-align: center;
    background-color: #00000047;
    top: 0px;
    left: 0px;
    padding-top: 100px;
    z-index: 1;
}

@keyframes colors {
    0% {
        stroke: #009CCC;
    }

    25% {
        stroke: #F58B1F;
    }

    50% {
        stroke: #CCCCCC;
    }

    75% {
        stroke: #FBBC3D;
    }

    100% {
        stroke: #007ACC;
    }
}

.e-spinner {
    animation: rotator @duration linear infinite;
}

@keyframes rotator {
    0% {
        transform: rotate(0deg);
    }

    99% {
        opacity: 1;
    }

    100% {
        transform: rotate(270deg);
        opacity: 0;
    }
}

.e-spinner-path {
    stroke-dasharray: @offset;
    stroke-dashoffset: 0;
    stroke: @Brand_Colour;
    transform-origin: center;
    animation: dash @duration ease-in-out infinite;
}

@keyframes dash {
    0% {
        stroke-dashoffset: @offset;
    }

    50% {
        stroke-dashoffset: @offset/4;
        transform: rotate(135deg);
    }

    100% {
        stroke-dashoffset: @offset;
        transform: rotate(450deg);
    }
}

.e-spinner-1 {
    position: absolute;
    width: 100%;
}

.e-spinner-2 {
    position: absolute;
    width: 100%;
    transform: rotateY(180deg);
}

.e-div-lock .e-loading-spinner {
    .l-position(unset);
    .l-width(unset);
    .l-padding-top(0px);
}

.e-div-prospect-logout {
    .l-width(40px);
    .l-height(40px);
    .v-background-colour(@Text_Message_Error) !important;
    .v-text-align-centre;
    .v-color-light !important;
}
/*#endregion */
/*#region Overrides for existing classes and external stylesheets */
.ui-sortable-helper {
    background-color: white !important;
    border: 1px solid #0078A1;
}

.ui-sortable-helper td {
    background-color: white !important;
    border-color: white !important;
}

.ui-sortable-helper .e-grid-button-col {
    display: none !important;
}

.picker {
    .l-max-width(280px) !important;
}

.picker select {
    .l-padding-none !important;
}

.picker__holder {
    .v-overflow(hidden) !important;
    .v-font-size(@Font-Normal) !important;
    .v-line-height(auto) !important;
    .v-outline(none) !important;
    .v-border-radius(unset) !important;
}

.picker__table td {
    .v-border-top-none !important;
    .v-background-colour(@White) !important;
}

.picker__holder td, .picker__holder th {
    .v-text-align-centre;
    .v-border-top-none !important;
}

.picker__holder th {
    .v-border-none !important;
    .v-background-light !important;
    .v-color(@Text_Dark) !important;
}

.picker__holder {
    .v-box-shadow(none) !important;
}

.picker__day {
    .v-color-dark !important;
}

.picker__day--selected, .picker__day--highlighted, .picker__day--infocus:hover, .picker__day--outfocus:hover {
    .v-background-mid !important;
}

.picker__day--selected, .picker__day--highlighted {
    .v-border-brand !important;
    .v-background-light !important;
}

.picker__day--today:before, .picker__button--today:before {
    .v-border-colour-top(@Brand_Colour) !important;
}

.picker__button--clear:before {
    .v-border-colour-top(@Text_Message_Error) !important;
}

.chzn-container {
    .v-display(block) !important;
    .l-width-auto !important;
    .v-font-size(@Font-Normal) !important;
}

.chzn-container ul {
    .l-min-height(30px) !important;
    .v-border-radius(2px);
}

.chzn-container a {
    .l-min-height(27px) !important;
}

.chzn-container-multi a {
    .l-min-height(auto) !important;
}

.chzn-container .search-field input {
    .l-height(auto) !important;
}

.chzn-single {
    .l-height(26px) !important;
    .v-line-height(26px) !important;
    .v-box-shadow(none) !important;
    .v-webkit-box-shadow(none) !important;
    .v-background-image(none) !important;
    .v-background-colour(@Background_Light) !important;
}

.chzn-container-multi .chzn-choices {
    .v-background-image(none) !important;
}

.chzn-container-single .chzn-single div b {
    .v-background-position-y(4px) !important;
}

.dcsActive i {
    .v-color(@Brand_Colour);
    .v-line-height(1);
}

.dcs i {
    .v-line-height(6px);
}

.dcs table.e-modal-table {
    .v-border(@Border_Style @Border_Width @White);
    .l-padding(5px);
}

.dcs table.e-modal-table td {
    .v-text-align-centre !important;
}

.dcsActive table.e-modal-table {
    .v-background-mid;
    .v-border-brand;
}

.dcs:hover table.e-modal-table {
    .v-border-brand;
}

.ui-slider {
    .l-width(calc(~'100% - 14px'));
    .v-text-align-centre;
    .l-margin-left(auto);
    .l-margin-right(auto);
}

.ui-widget {
    .v-font-size(inherit);
    .v-font-family(inherit);
}

.ui-slider:before {
    content: '';
    .l-position(absolute);
    .l-top(0px);
    .l-left(-7px);
    .l-right(-7px);
    .l-bottom(0px);
    .v-border(#aaa @Border_Width @Border_Style);
}

.ui-widget-content {
    .v-border-none !important;
}

.ui-slider-handle {
    .l-z-index(0) !important;
}
/*#region Roster Overrides */
table.dayCal {
    .v-border-dark;
    .v-border-collapse(collapse);
}

table.dayCal tr.dayRowHeader {
}

table.dayCal tr.dayRowHeader td {
    .v-text-align-centre;
}

table.dayCal td {
    .l-vertical-align(top);
    .l-min-height(40px);
    .l-width(13%);
    .v-border-dark;
    .v-border-collapse(collapse);
    .l-padding(0px);
}

table.dayCal td.noBordBottom {
    .v-border-bottom-none !important;
}

table.dayCal th {
    .v-text-align-centre;
}

table.singleDayCal td {
    .l-width(auto);
}

table.dayCal td.dayCalWeekCol {
    .l-vertical-align(middle);
}

table.singleDayCal td.dayCalWeekCol {
    .l-width(12%);
}

table.dayCal td.dayCalWeekCol div {
    .l-padding(4px);
    .v-line-height(16px);
}

table.dayCal td div.dciDayNumber {
    .v-text-align-right;
    .v-color-brand;
}

table.dayCal td div.dayCalInt {
    .l-padding(2px);
    .l-padding-bottom(0px);
}

table.dayCal td div.dciBox {
    .l-margin-bottom(2px);
    .l-padding(2px);
    .v-line-height(17px);
    .l-height(17px);
    .v-overflow(hidden);
}

table.dayCal td div.dciDayBH {
    .v-background-dark;
    .v-color-light;
    .v-border-brand;
}

table.weekCal td div.dciBox {
    .l-height(34px);
}

table.weekCal td div.wciDayNumber {
    .v-border-brand-bottom;
    .l-margin-bottom(5px);
    .v-text-align-centre;
}

table.singleDayCal td div.dciBox {

    & .dayCol {
        .l-float-left;
        .l-min-width(100px);
        .l-margin-right(10px);
    }

    & .dciCands {
        .l-padding-left(26px);
    }

    & .dciMultiWorker {
        .l-padding-left(22px);
    }

    & .dciNone {
        .l-padding-left(40px);
    }

    & .dciCands:before {
        .l-float-left;
        .l-margin-right-normal;
    }
}

table.dayCal td.dayCalWkEndCol {
    .v-background-colour(fade(@Brand_Colour, 3%));
}

table.dayCal td.dayCalTodayCol {
    .v-background-colour(spin(fade(@Brand_Colour, 4%), 30));
}

.e-vacancy-import-mapping-preselected {
    .l-width-half;
    .l-float-left;
}

.e-vacancy-import-mapping-preselected-full {
    .l-width-max;
    .l-float-left;
}

.e-vacancy-import-mapping-column {
    .l-width-third;
    .v-text-align-centre;
    .l-padding-bottom(5px);
}

.e-vacancy-import-mapping-column-box {
    .v-border-dark;
    .l-padding-normal;
    .l-width-max;
    .v-text-align-left;
    .l-box-sizing-border-box;
}

.e-vacancy-import-mapping-column-header {
    .v-line-height(30px);
}

.e-vacancy-import-upload-error {
    .e-inline-message-error;
    .l-padding-normal;
    .l-margin-top-normal;
}

.e-vacancy-import-mapping-table {
    .l-max-height(420px);
    .v-overflow-y(auto);
}
/*#endregion */
.COMPNone a i:before {
    content: "\f05e";
}

.COMPLogin a i:before {
    content: "\f192";
}

.COMPFull a i:before {
    content: "\f058";
}

.COMPLocation a i:before {
    content: "\f57d";
}

.trAWR_NoAssignment {
    .v-background-mid;
}

.trAWR_Reset {
    .v-background-error;
}

.trAWR_Paused {
    .v-background-warning;
}

.trAWR_Counting {
    .v-background-good;
}
/*#endregion */
/*#region Placeholders for TextBoxes */
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    .v-color-dark;
}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    .v-color-dark;
    .v-opacity(1);
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
    .v-color-dark;
    .v-opacity(1);
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    .v-color-dark;
}

.textoverlay-wrapper {
    vertical-align: middle;
    display: block !important;
}

.textcomplete-dropdown:extend(.e-drop-menu > .e-drop-menu-items > ul:first-child all) {
    .v-border-radius(.e-content-box[border-radius]);
    .v-overflow-hidden;
    .v-background-light();
    .v-shadow-top();
    .l-box-sizing-border-box;
    .l-position-absolute;
    .l-z-index(1000000);

    li.active {
        .v-background-colour(darken(@Background_Light, @Hover_Darken_Amount));

        a {
            .v-color-brand !important;
        }
    }
}

::-ms-input-placeholder { /* Microsoft Edge - This is the only place in this file that should fail Validation */
    .v-color-dark;
}
/*#endregion */
/*#region All search page filter layout override*/
.e-search-filters .e-parameter-box {
    .l-margin-bottom-normal !important;
}

.e-search-filters .far:not(.fa-required), .e-search-filters .fal:not(.fa-required), .e-search-filters .fas:not(.fa-required) {
    .v-font-size(15px) !important;
}

.e-search-filters .e-search-checkboxes div:first-child .e-checkbox, :not(.e-search-checkboxes) > .e-parameter-box .e-checkbox {
    .l-margin-top-normal;
}

.e-modal-scroll {
    .v-overflow-x(auto);
    .l-max-height(150px);
    .v-text-align-centre;
}

.e-candidate-compliance-percentage {
    .l-width(100px);

    div {
        .l-height(10px);
        .l-float-left;
    }

    #percentGreen {
        .v-background-colour(#6ac575);
    }

    #percentRed {
        .v-background-colour(lightgrey);
    }
}

@media (min-width: @BreakPoint_Wide_Start) {
    .e-search-filters .e-parameter-box:not(.e-search-small) {
        .l-width-quater !important;
    }

    .e-search-filters .l-clear-search-4 {
        .l-clear-all;
    }

    .e-search-filters :not(.e-section-header) + .e-search-checkboxes .e-parameter-box .e-checkbox {
        .l-margin-top(18px);
    }
}

@media (min-width: @BreakPoint_Standard_Start) AND (max-width: @BreakPoint_Standard_End) {
    .e-search-filters .e-parameter-box:not(.e-search-small) {
        .l-width-third !important;
    }

    .e-search-filters .l-clear-search-3 {
        .l-clear-all;
    }

    .e-search-filters :not(.e-section-header) + .e-search-checkboxes .e-parameter-box .e-checkbox {
        .l-margin-top(18px);
    }
}

@media (min-width: @BreakPoint_Standard_Start) {
    .e-client-filter {
        .l-width(200px);
        .l-position-fixed;
        .l-z-index(10000);
        .l-right(50px);
        .l-margin-top(-82px);
        .v-border-none;
        .v-background-transparent;
    }
}
/*endregion*/
/*#region Special considerations for inbetween existing breakpoints */
/*Keep these ordered by width decending*/
@media (min-width:@BreakPoint_Mobile_End) {

    .e-menu-parent:hover .e-menu-child {
        .v-display(block);
    }

    .e-menu-child .e-menu-link:hover a:not(.e-menu-child-section) {
        .v-background-brand;
        .v-color-light;
    }

    .e-zbill-search {
        .e-flex();
    }

    .e-zbill-filters {
        .v-display(flex);
        align-items: flex-start;
    }

    .e-zbill-actions {
        .l-width(140px);
        .l-margin-left(5px);
    }

    .e-zbill-actions .e-form-buttons div:nth-child(1) input {
        .l-margin-top(0px);
    }

    .e-zbill-actions .e-form-buttons input {
        .l-width-max !important;
        .l-margin-right-none;
    }

    .e-zbill-save-search-filters-wide .e-saved-search-filters {
        .l-right(155px) !important;
    }

    .e-desktop-float-left {
        .l-float-left;
    }

    .e-desktop-float-right {
        .l-float-right;
    }

    .e-key-questions-left {
        .l-float-left;
        .l-width(calc(~'60% - 10px'));
    }

    .e-key-questions-right {
        .l-float-right;
        .l-width(40%);
    }

    .e-send-mail-popup {
        .l-max-height(800px);
        .l-max-width(1024px);
    }
}

@media (min-width:1500px) {



    .e-roster-no-filter .e-roster-calendar, .e-roster-no-candidate .e-roster-calendar {
        .l-width(78%);
    }

    .e-roster-only-calendar .e-roster-calendar {
        .l-width(100%);
    }

    .e-checkbox-list li {
        .l-width-quater;
    }
}

@media (min-width:1114px) {
    .e-master-background {
        .v-background-image(url('../Zeel-Images/ZrecruiterPortrait.png'));
        .v-background-position(right center);
        .l-width(50%);
        .l-margin-left(-205px);
        .l-margin-top(0px);
        .l-max-width(none);
    }

    .e-workflows-search {
        .l-width(25%);
        .l-float-left;
    }

    .e-workflows-search .e-form-field {
        .l-width-max;
    }

    .e-workflows-content {
        .l-width(70%);
        .l-float-right;
    }
}

@media (min-width:1000px) AND (max-width:1500px) {

    .e-roster .e-roster-candidates {
        .l-float-right;
        .l-width(25%);
        .l-padding-left(10px);
    }

    .e-checkbox-list li {
        .l-width-third;
    }

    .e-roster .e-parameter-box-half {
        .l-width(45%);
        .l-float-left;
        .l-padding-right(5%);
        .l-margin-bottom(10px);
    }

    .e-roster .e-parameter-box-half-end {
        .l-width(45%);
        .l-float-left;
        .l-padding-left(5%);
        .l-margin-bottom(10px);
    }
}

@media (max-width:1300px) {
    .e-table-initial-hide {
        .v-hidden;
    }
}

@media (max-width:999px) {
    .e-table-first-to-hide {
        .v-hidden;
    }

    .e-timesheet-defaults {
        .l-width(50%);
        .l-min-width(auto);
        .l-max-width(none);
    }

    .e-timesheet-options {
        .l-width(50%);
        .l-min-width(auto);
        .l-max-width(none);
    }

    .e-timesheet-totals {
        .l-width(45%);
        .l-min-width(auto);
        .l-max-width(none);
    }

    .e-assignmnet-sheet-days-table table {
        .l-width-max !important;
    }

    .e-checkbox-list li {
        .l-width-half;
    }

    .e-roster .e-parameter-box-half {
        .l-width(45%);
        .l-float-left;
        .l-padding-right(5%);
        .l-margin-bottom(10px);
    }

    .e-roster .e-parameter-box-half-end {
        .l-width(45%);
        .l-float-left;
        .l-padding-left(5%);
        .l-margin-bottom(10px);
    }
}

@media (max-width:900px) {
    .e-table-second-to-hide {
        .v-hidden;
    }
    //Grid layout
    .previousWeek {
        .v-grid-row-column(1,1);
    }

    .previousDay {
        .v-grid-row-column(1,2);
    }


    .switchView {
        .v-grid-row-column(1,3);
    }

    .add {
        .v-grid-row-column(1,4);
    }

    .addToVacancy {
        .v-grid-row-column(1,5);
    }


    .editAndExtend {
        .v-grid-row-column(1,6);
    }

    .refill {
        .v-grid-row-column(1,7);
    }

    .copy {
        .v-grid-row-column(1,8);
    }


    .cancel {
        .v-grid-row-column(1,9);
    }

    .delete {
        .v-grid-row-column(2,3);
    }

    .assignmentDay {
        .v-grid-row-column(2,4);
    }

    .workerDiary {
        .v-grid-row-column(2,5);
    }

    .editStandby {
        .v-grid-row-column(2,6);
    }

    .notes {
        .v-grid-row-column(2,7);
    }

    .sendSMS {
        .v-grid-row-column(2,8);
    }

    .menu {
        .v-grid-row-column(2,9);
    }

    .nextWeek {
        .v-grid-row-column(1,10);
    }

    .nextDay {
        .v-grid-row-column(1,11);
    }
}

@media (min-width:800px) {
    .e-form-field-sbs {
        .l-float-left;
        .l-width(25%);
        .l-clear(none) !important;
    }

    .e-form-field-half {
        .l-width(50%);
    }

    .e-form-field-quarter {
        .l-width-quater;
    }

    .e-action-form {
        .l-float-left;
        .l-width(300px);
    }

    .e-action-results {
        .l-float-left;
        .l-width(~'calc(100% - 310px)');
        .l-margin-left(10px);
    }

    .e-results .e-grid-checkbox-col.e-select-header-has-info {
        .l-width(75px);
    }
}

@media (max-width:799px) {
    .e-table-third-to-hide {
        .v-hidden;
    }
}

@media (min-width:780px) {
    .e-wide-hidden {
        .v-hidden !important;
    }

    .e-results:not(.e-timesheet-results) .e-row td > .e-checkbox label {
        .v-hidden;
    }

    .e-results-half-padding td {
        .l-padding(2px);
    }

    .e-timesheet-defaults .left {
        .l-float-left;
        .l-width(60%);
    }

    .e-timesheet-defaults .right {
        .l-float-right;
        .l-width(40%);
    }

    .e-checkbox-no-text input {
        .l-width(98%);
        .l-margin-left(1px);
        .l-margin-right(0px);
    }

    .l-spacer-top-wide-only {
        .l-spacer-top;
    }

    .l-spacer-bottom-wide-only {
        .l-spacer-bottom;
    }

    .e-timesheet-header-left {
        .l-float-left;
        .l-width(75%);
    }

    .e-timesheet-header-right {
        .l-float-right;
        .l-width(25%);
    }

    .e-zbill-invoice-filters-popup-left {
        .l-float-left;
        .l-width(75%);
    }

    .e-zbill-invoice-filters-popup-right {
        .l-float-right;
        .l-width(25%);
    }

    .e-zbill-invoice-filters-popup-right-textarea {
        .l-margin(0px);
        .l-height(140px);
        .l-width(195px);
    }

    .e-results td.centre, .e-results th.centre {
        .v-text-align-centre;
    }

    .e-results td.right, .e-results th.right {
        .v-text-align-right;
    }

    .e-results td.right, .e-results th.right {
        .v-text-align-right;
    }

    .e-results tr td.e-grid-checkbox-col {
        .l-padding-none;
    }

    .e-results tr td.e-grid-checkbox-col input {
        .l-margin-none;
    }

    .e-results tr.e-row-footer td {
        .v-bold;
    }

    .e-results tr.e-row-footer td a {
        .v-font-weight(normal);
    }

    .e-footer-float-right {
        .l-float-right;
    }

    .e-sms-contacts {
        .l-width(50%);
        .l-float-left;
        .l-padding-bottom(10px);
    }

    .e-sms-message {
        .l-width(50%);
        .l-float-right;
    }

    .e-sendmail-left {
        .l-float-left;
        .l-width(38%);

        td {
            input {
                .l-padding-top(4px);
                .l-padding-bottom(4px);
            }
        }

        .e-form-field-upload td.e-grid-button-col {
            .l-padding(2px 2px 2px 2px) !important;
        }
    }

    .e-sendmail-right {
        .l-float-right;
        .l-width(59%);
    }
}

@media (max-width:779px) {

    #menuWrapper, #menuBackground {
        .l-height(calc(100% - 45px));
        .l-top(45px);
    }

    main:not(.e-main-no-menu) {
        .l-top(45px);
    }

    .e-grid-mobile-col {
        .v-display(table);
        .l-table-fixed;

        &:not(.e-grid-button-col) > * {
            .v-display(table-cell);
            .l-vertical-align-middle();

            &.v-hidden {
                .v-display(none);
            }

            &:first-child {
                .l-padding-right-normal;
                .l-padding-left-normal;
                .v-text-align-left-important;
            }

            &:last-child {
                .l-padding-right-normal;
            }
        }
    }

    .e-div-prospect-logout {
        a {
            .l-margin-top-none !important;
        }
    }

    .e-grid-mobile-col-important {
        .e-grid-mobile-col !important;
    }

    .e-card-hidden {
        .v-hidden !important;
    }

    table, table tr {
        .l-width-max !important;
    }

    .e-vpi-box, .e-parameter-box, .e-masonry-box {
        .l-width(100%) !important;
    }

    .e-wide-only {
        .v-hidden !important;
    }

    .e-results:not(.e-no-card) th, #divTooltip th {
        .v-hidden;
    }

    .e-results:not(.e-no-card), #divTooltip table {
        .l-width-max;
        .v-text-align(left);
        .v-border-none;
    }

    .e-results:not(.e-no-card) .e-row, #divTooltip tr {
        .v-border-brand-top;
        .v-border-brand-bottom;
    }

    .e-results:not(.e-no-card) .e-row td, #divTooltip td {
        .v-word-wrap(break-word);
        .l-width-max !important;
        .e-grid-mobile-col;
        .l-box-sizing-border-box;
        .v-border-brand-right;
        .v-border-brand-left;
        .v-border-top-none;
        .l-padding-top(2px);
        .l-padding-bottom(2px);
        .v-text-align-left;
    }

    .e-results:not(.e-no-card) .e-row td.e-grid-button-col, .e-grid-button-col-header, .e-results:not(.e-no-card) .e-row th.e-grid-button-col {
        .l-padding-left(0px);
        .l-padding-right(0px);
        .v-border-brand-right;
        .v-border-brand-left;
        .l-width-max() !important;
        flex: auto !important;
    }

    .e-grid-button:not(.e-grid-button-no-margin) a {
        .l-margin-top(5px);
    }

    .e-form-field-upload .e-grid-button a {
        .l-margin-top(0px);
    }

    .e-results:not(.e-no-card) .e-row td.e-grid-tooltip-col {
        .v-hidden;
    }

    .e-results:not(.e-no-card) tr, #divTooltip tr {
        .l-float-left;
        .l-margin-bottom(10px);
    }

    .e-row-pager {
        .l-margin-bottom(0px) !important;
    }

    .e-row-pager td {
        .l-padding-left(0px) !important;
        .l-padding-right(0px) !important;
        .l-min-width(20px);
        .v-border-none !important;
        .l-padding-top(5px);
        .l-padding-bottom(5px);
    }

    .e-row-pager table {
        .l-width-max !important;
        .l-padding-bottom(0px) !important;
    }

    .e-row-pager table td {
        .v-border-none !important;
        .l-padding-top(5px);
        .l-padding-bottom(5px);
    }

    .e-tab-menu-icon {
        .l-float-right;
        .v-cursor-pointer;
    }

    .l-spacer-top-small-card-only {
        .l-margin-top(5px);
    }

    .l-spacer-bottom-small-card-only {
        .l-margin-bottom(5px);
    }

    .e-results:not(.e-no-card) .e-form-field-upload td.e-upload-buttons a {
        .l-margin-top(2px);
        .l-width(100%);
    }

    table.dayCal td {
        .l-padding-top(10px) !important;
        .l-padding-bottom(10px) !important;
        .l-padding-left(5px) !important;
        .l-padding-right(5px) !important;
    }

    table.dayCal td div.dciBox {
        .l-margin-bottom(5px) !important;
    }

    table.dayCal td div.dciDayNumber {
        .v-font-size(@Font-Header);
        .v-text-align-left;
    }

    .e-vpi-square-sbs {
        .l-width-max;
    }

    .e-card-header {
        .e-section-header;
        .v-border-brand-bottom;
    }

    #divtooltip {
        .l-z-index(100002);
    }

    #divTooltip td {
        .l-margin-right(20px);
        .l-float-left;
        .l-width-auto !important;
    }

    #divTooltip tr, #divTooltip table, #divTooltip td {
        .v-border-none;
        .l-margin-bottom-none;
    }

    .e-results tr td.e-grid-checkbox-col input {
        .l-width-auto;
    }

    .e-grid-button-with-header {
        .l-padding-left-none-important;
        .l-padding-right-none-important;

        & a {
            .l-max-width(100%) !important;
        }
    }

    .e-results-two-row-result div:nth-child(2), .e-results-two-row-result-with-textbox div:nth-child(2) {
        .l-clear-all;
        .l-float-left;
    }

    .e-results-two-row-result-with-textbox {
        .v-display(contents) !important;
        .l-max-width(unset) !important;

        & div {
            .v-display(table-row);
            .l-float-none !important;
            .l-min-width-none !important;
            .l-max-width(unset) !important;

            & span {
                .l-padding-left(4px);
            }

            & input {
                .l-float-none;
                .l-min-width(40px);
                .l-max-width(45px);
                .l-max-height(20px);
            }

            & > * {
                .v-display(table-cell);
                .l-padding-top(1px);
                .l-padding-bottom(2px);
            }
        }
    }

    .e-results-footer {
        .l-float-left;
    }

    .e-worker-attendance-footer td > div {
        .l-float-none;
    }

    .e-worker-attendance-footer td > div div {
        .l-margin-left(0px);
        .l-clear-all;
    }

    .e-sms-contacts {
        .l-padding-bottom(20px);
    }

    .e-sendmail-left {
        .l-padding-bottom(10px);

        td {
            input {
                .l-padding-top(4px);
                .l-padding-bottom(4px);
            }
        }

        .e-form-field-upload td.e-grid-button-col {
            .l-padding(2px 2px 2px 2px) !important;
        }
    }

    .e-assignment-sheet-filters {
        .l-width-max;
    }

    .e-content-box .e-assignment-sheet-filters:nth-child(1) {
        .l-margin-right-none;
    }

    .e-content-box .e-assignment-sheet-filters:nth-child(2) {
        .l-margin-left-none;
    }

    .e-assignment-sheet-radio-button input[type=radio] + label {
        .l-margin-right-none !important;
        .l-spacer-top-small;
        .l-width(100%) !important;
        .l-padding-left(0px) !important;
        .l-padding-right(0px) !important;
        .v-border-left-none !important;
        .v-border-right-none !important;
    }

    .e-assignment-sheet-radio-button {
        .l-padding-left(0px) !important;
        .l-padding-right(2px) !important;
    }

    .e-radio-button-label-with-border {

        tr {
            .v-border-none !important;
            .l-margin-bottom-none !important;
        }

        td {
            .v-border-none !important;
        }

        input[type=radio] + label {
            .v-border-left(1px solid @Brand_Colour) !important;
            .v-border-right(1px solid @Brand_Colour) !important;
        }
    }

    .e-grid-radio-button-column, .e-grid-radio-button-column table td {
        .l-padding-left(0px) !important;
        .l-padding-right(0px) !important;
    }

    .e-contract-rates-filters tr, .e-contract-rates-filters td {
        .v-border-none;
    }

    .e-contract-rates-filters td {
        .l-padding-top(10px) !important;
        .l-padding-right-normal !important;
    }

    .e-contract-rates-filters tr {
        .l-margin-bottom-none !important;
    }

    .e-contract-rates-filters .e-grid-button a {
        .l-margin-top(0px);
    }

    .e-contract-rates-filter-card-mode tr, .e-contract-rates-filter-card-mode td {
        .v-border-none;
    }

    .e-contract-rate-rates-div {
        .l-padding-left(5px);
    }

    .e-contract-rates-filter-card-mode .e-grid-button {
        .l-spacer-right-small;
    }

    .l-card-width-max {
        .l-width-max !important;
    }

    .e-contract-rates-expandable-rates-content .padding-left, .e-contract-rates-expandable-rates-content .padding-right {
        .l-padding-right(0px);
        .l-padding-left(0px);
    }

    .e-contract-rates-expandable-rates td .e-contract-rates-expandable-rates-textboxDiv input[type=text] {
        .v-border-dark !important;
    }

    .e-contract-rates-expandable-rates-textboxDiv {
        .l-width-max !important;
    }

    .e-contract-rate-rates-div {
        .l-padding-right(5px);
    }

    .e-contract-rates-inner-row td {
        .v-border-left-none !important;
        .v-border-right-none !important;
        .l-padding-left(0px);
        .l-padding-right(0px);
    }

    .e-contract-rates-expandable-rates tr {
        .v-border-brand !important;
        .l-margin-top-normal;
        .l-margin-bottom-normal;
    }

    .e-contract-rates-expandable-rates tr td {
        .l-padding(5px);
        .l-margin-top-normal;
        .l-margin-bottom-normal;
    }

    .e-contract-rate-group-result tr + tr {
        .v-border-brand !important;
    }

    .e-contract-rates-expandable-rates-content .e-checkbox {
        .l-width-max;
    }

    .e-contract-rates-matrix-results th, .e-contract-rates-matrix-results td {
        .l-width-max;
    }

    .e-contract-rates-matrix-results {
        .l-table-layout(auto);
    }

    .e-assignment-sheet-vacancy-container, .e-assignment-sheet-notes-container {
        .l-max-height(300px);
    }


    .v-overflow-x-wide-only {
        .v-overflow-x(unset) !important;
    }

    .v-overflow-y-wide-only {
        .v-overflow-y(unset) !important;
    }

    .e-assignment-sheet-edit-left-div, .e-assignment-sheet-edit-middle-div, .e-assignment-sheet-edit-right-div {
        .l-width(~'calc(100% - 17px)');
    }

    .picker__table th {
        display: table-cell !important;
    }

    .picker__table tr {
        float: none !important;
    }

    .picker__table td {
        display: table-cell !important;
        border: none !important;
        padding: 0px !important;
        text-align: center;
    }

    .e-grid-button-col {
        .l-padding-top(0px) !important;
        .l-padding-bottom(0px) !important;
    }

    .e-approval-po {

        input {
            .l-width-max !important;
            .l-margin-right-none;
            .l-margin-bottom-none;
        }

        .e-icon-width {
            .l-clear-all;
            .l-margin-top-normal;
            .l-margin-bottom(3px);
        }
    }

    .e-listbox-add-remove-options {
        .v-display-block;

        .e-listbox-add-remove-list, .e-listbox-add-remove-fillpage {
            .l-width-max;
        }

        .e-grid-button-col .e-grid-button a {
            .l-padding-left-none;
            .l-padding-right-none;
            .l-margin-top-normal;
        }

        .e-grid-button-col {
            .l-width-max !important;
            .l-padding-left-none-important;
            .l-padding-right-none-important;
        }

        .e-listbox-add-remove-options-inputs {
            .l-width-max;
            .l-margin-top-normal;

            .e-grid-button {
                .l-float-left;
                .l-margin-none;
            }

            .e-grid-button:nth-of-type(odd) {
                .l-margin-right-normal;
                .l-width(~'calc(50% - 5px)') !important;
            }

            .e-grid-button:nth-of-type(even) {
                .l-margin-bottom-normal;
                .l-width(50%) !important;
            }

            .e-grid-button span {
                .v-display-block;
                .v-transform-rotate(90deg);
            }
        }
    }

    .e-richtext {
        .v-opacity(0);
    }

    .e-signature-pad {
        .v-display-block();

        & > :first-child {
            .l-max-width(800px);
            .l-padding-none();
        }

        & > :last-child {
            .v-display-block();
            .l-box-sizing-border-box();

            & button {
                .l-width-max() !important;
            }
        }


        & canvas {
            .l-width-max();
            .l-box-sizing-border-box();
            .v-border(1px dashed @Brand_Grey);
        }
    }

    .e-candidate-compliance-percentage {
        .l-min-width(100px);
        .l-width-max;
        .l-padding(5px);

        div {
            .l-height(20px);
        }
    }
}

@media (min-width:750px) {
    .e-tab-menu {
        .v-display(block) !important;
    }

    .e-tab-list .e-menu-background {
        .v-hidden !important;
    }

    .e-tab-menu-icon {
        .v-hidden !important;
    }

    .e-thin-only {
        .v-hidden !important;
    }

    .l-float-right-wide-only {
        .l-float-right !important;
        .l-margin-right(0px) !important;
    }
}

@media (max-width:749px) {
    .e-tab-list {
        .l-width(0px);
        .l-min-width(0px);
    }

    .div_filterList .e-parameter-box {
        .l-width(100%) !important;
    }

    .e-tab-container {
        .l-position(absolute);
        .l-width(150px);
        .l-z-index(4);
        .l-right(11px);
        .l-padding(5px);
        .v-background-colour(@Background_Dark);
        .v-border-brand;
    }

    .e-tab-content {
        .l-min-height(0px) !important;
    }

    .e-tab-list a {
        .v-background-colour(@Background_Dark);
    }

    .e-tab-list a:last-child {
        .v-border-dark-bottom;
    }

    .e-tab-list a.selected {
        .v-border-dark;
        .v-border-brand-bottom;
        .v-border-bottom-width(6px);
        .l-padding-top(7px);
        .l-padding-bottom(7px);
    }

    .e-timesheet-defaults {
        .l-width(50%);
        .l-min-width(auto);
        .l-max-width(none);
        .l-margin-right(0px);
    }

    .e-timesheet-options {
        .l-width(45%);
        .l-min-width(auto);
        .l-max-width(none);
        .l-float-right;
    }

    .e-timesheet-totals {
        .l-width(45%);
        .l-min-width(auto);
        .l-max-width(none);
    }
}

@media (min-width:450px) {

    .e-float-right {
        .l-float-right;
    }

    .e-float-left {
        .l-float-left;
    }
}

@media (max-width:600px) {
    #divTooltip {
        .v-hidden-important;
    }

    .e-tooltip-blocker {
        .v-hidden-important;
    }

    .e-send-mail-mobile {
        flex-wrap: wrap;

        .l-width-third {
            .l-width-max !important;
            .l-flex-max;
            .l-margin-bottom(20px);

            .e-div-scroll {
                .l-max-height(100px);
                .l-margin-bottom(20px);
            }
        }

        .l-spacer-left {
            .l-width-max;
            .l-margin-left-none !important;
        }
    }
}

@media (max-width:450px) {
    .e-checkbox-list li {
        .l-width-max;
    }
}
/*#endregion */
/*#region Print Media*/
@media print {
    .e-master-top, .e-master-toolbar, .e-form-buttons {
        .v-display(none);
    }

    .e-row {
        vertical-align: top;
    }

    .ros-month-grid {
        height: auto !important;
    }
}
/*#endregion */
/*#region Grouping Levels Styles*/
@media (max-width:589px) {

    .e-grouping-levels-questions td {
        .l-width(24%);
        .l-padding(1px);
    }

    .e-grouping-levels-control td {
        .l-width(23%);
        .l-padding(1px);
    }
}
/*#endregion Grouping Levels Styles*/
@media (max-width:1200px) {
    .e-add-action {
        .l-width(100%);
        .l-margin-left(0px);
    }

    .e-add-crm, .e-view-crm {
        .l-width(100%);
    }
}
/*#region Forms Signatures*/
@media (max-width:700px) {
    .e-signature-pad {
        .l-width-max();

        & > :first-child {
            .e-flex();
            .l-max-width(295px);
            .l-padding-right-normal();
        }

        & canvas {
            .l-width-max();
            .l-box-sizing-border-box();
            .v-border(1px dashed @Brand_Grey);
            .l-min-height(100px);
        }
    }
}
/*#endregion */