/* Everything in this file should be a mixin */
/* Styles in this file should be unique for mobile */
@import "Zrecruiter_Less.less";

@media (max-width: @BreakPoint_Mobile_End) {
    /*#region Base Class Overrides */

    body {
    }

    textarea.e-limit-length-count {
        .v-hidden !important;
    }
    /*#endregion */
    /*#region Element Overrides */

    .e-logo-large {
        .l-margin-left(auto);
        .l-margin-right(auto);
    }

    .v-nonmobile-only{
        .v-hidden-important;
    }

    .e-logo-large img {
        .l-margin(auto);
    }

    .e-footer-text {
        .v-font-size(@Font-Larger) !important;
    }

    .e-masonry-box, .e-vpi-box, .e-parameter-box {
        .l-width(100%);
    }

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

    main:not(.e-main-no-menu):not([data-public]){
        .l-top(45px) !important;
    }

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

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

    .e-limit-length-count {
        .v-hidden !important;
    }

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

    .e-tooltip .e-content-box {
        .v-border-brand-top;
        .v-border-brand-bottom;
        .v-background-light;
        .l-width(100%);
        .l-left(-1px) !important;
        .l-z-index(100001);
        .l-position(fixed);
        .l-min-width(0px);
        .l-max-height(300px);
        .v-overflow(auto);
        .l-padding-none;
        .l-margin-none;
    }

    .e-tooltip .e-content-box .e-content-header, .e-tooltip .e-content-box #divTooltipContent {
        .l-padding(5px);
    }

    .e-tooltip-blocker {
        .v-display(block);
        .l-position(fixed);
        .l-width-max;
        .l-height(100%);
        .l-z-index(100000);
        .l-top(0px);
        .l-left(0px);
    }

    main:not(.e-main-no-menu) {
        margin-bottom: 0px !important;
    }
    .e-div-right-margin {
        .l-margin-right-none;
    }

    .e-master-content {
        .l-top(150px);
    }

    .e-master-background {
        .l-margin-top(-170px);
    }

    .e-login-box {
        .l-max-width(none);
        .v-border-right(none);
        .v-border-left(none);
        .l-margin-left(20px);
        .l-margin-right(20px);
        .l-margin-top(20px);
    }

    .e-login-box .e-content-box {
        .v-border-radius(0px);
    }
    /*#endregion */
    /*#region Visual Overrides */
    .v-mobile-hidden {
        .v-hidden !important;
    }

    .e-hitlist-div-row {
        .l-width-max;
        .l-float-left;
    }

    .e-hitlist-parameter-search {
        .l-width-max;
        .l-float-left;
        .l-padding-left-none;
    }

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

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

    .e-worker-attendance-footer {
        .l-width-max;
        .l-float-left
    }


    .e-vacancy-import-mapping-column {
        .l-width(45%);
        .v-text-align-centre;
        .l-padding-bottom-normal;
    }

    .e-vacancy-import-mapping-column.e-vacancy-import-mapping-column-shrink {
        .l-width(10%);
    }

    .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);
    }
    /*#endregion */
}