@charset "utf-8";

/* CSS Document */

/* CSS DocumentProject: Covanta Website
----------------------------------------------------------------------------------------------------------*/

/*------------------Layout,Table of Contents-----------------------------------------------------------------
1. BASIC STYLING FOR COMMON HTML ELEMENTS
2. TYPOS
3. COMMON CSS CLASSES
4. SKELITON
5. HEADER SECTION
6. BODY SECTION
7. FOOTER SECTION
8. MEDIA QUERIES
-----------------------------------------------------------------------------------------------------------*/

/*................................................
    1. BASIC STYLING FOR COMMON HTML ELEMENTS
.................................................*/
* {
    margin: 0;
    padding: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

html {
    font-size: 62.5%;
}

html,
body {
    font-family: "Manrope", Arial, sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    height: 100%;
}

body {
    font-size: 16px;
    font-size: 1.6rem;
    color: #32425f;
    line-height: 2.4rem;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
}

/* make sure to set some focus styles for accessibility */
:focus {
    outline: 0;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

    blockquote:before,
    blockquote:after,
    q:before,
    q:after {
        content: "";
        content: none;
    }

table {
    border-collapse: collapse;
    border-spacing: 0;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
    -webkit-appearance: none;
    -moz-appearance: none;
}

input[type="search"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

textarea {
    overflow: auto;
    vertical-align: top;
    resize: vertical;
}

/**
 * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    max-width: 100%;
}

    /**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

    audio:not([controls]) {
        display: none;
        height: 0;
    }

/**
 * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
 * Known issue: no IE 6 support.
 */

[hidden] {
    display: none;
}

/**
 * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

/*html {
  /*font-size: 100%; /* 1 */
/*-webkit-text-size-adjust: 100%; /* 2 */
/* -ms-text-size-adjust: 100%;  2 */
/*} */

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
    outline: none;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
    outline: 0;
}

/**
 * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improve image quality when scaled in IE 7.
 */

img {
    border: 0; /* 1 */
    -ms-interpolation-mode: bicubic; /* 2 */
}

/**
 * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */

figure {
    margin: 0;
}

/**
 * Correct margin displayed oddly in IE 6/7.
 */

form {
    margin: 0;
}

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct color not being inherited in IE 6/7/8/9.
 * 2. Correct text not wrapping in Firefox 3.
 * 3. Correct alignment displayed oddly in IE 6/7.
 */

legend {
    border: 0; /* 1 */
    padding: 0;
    white-space: normal; /* 2 */
    *margin-left: -7px; /* 3 */
}

/**
 * 1. Correct font size not being inherited in all browsers.
 * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improve appearance and consistency in all browsers.
 */

button,
input,
select,
textarea {
    font-size: 100%; /* 1 */
    margin: 0; /* 2 */
    vertical-align: baseline; /* 3 */
    *vertical-align: middle; /* 3 */
}

/**
 * Address Firefox 3+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input {
    line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */

button,
select {
    text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
    *overflow: visible; /* 4 */
}

    /**
 * Re-set default cursor for disabled elements.
 */

    button[disabled],
    html input[disabled] {
        cursor: default;
    }

/**
 * 1. Address box sizing set to content-box in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 * 3. Remove excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */

input[type="checkbox"],
input[type="radio"] {
    /*box-sizing: border-box;  1 */
    /*  padding: 0;  2 */
    /*height: 13px;  3 */
    /*width: 13px;  3 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

    /**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

    input[type="search"]::-webkit-search-cancel-button,
    input[type="search"]::-webkit-search-decoration {
        -webkit-appearance: none;
    }

/**
 * Remove inner padding and border in Firefox 3+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 6/7/8/9.
 * 2. Improve readability and alignment in all browsers.
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}

/**
 * Remove most spacing between table cells.
 */

table {
    border-collapse: collapse;
    border-spacing: 0;
}

html,
button,
input,
select,
textarea {
    color: #32425f;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

img {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

input[type="text"],
input[type="email"],
input[type="password"],
textarea {
    border: 0;
    border-radius: 0;
    border: 1px solid #000;
    padding: 10px;
    width: 100%;
    color: #000;
    font-size: 1.4rem;
}

button {
    text-transform: uppercase;
    color: #000;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 33px;
    padding-right: 33px;
}
/*Variables*/
:root {
    --header-color: rgba(0, 0, 0, 0.10980392156862745);
    --footer-color: rgba(0, 0, 0, 0.9);
}

a:hover,
a {
    outline: none;
    text-decoration: none;
}
/*................................................
    2. TYPOS
.................................................*/

@font-face {
    font-family: "Manrope-SemiBold";
    src: url("../fonts/Manrope-SemiBold.woff2") format("woff2"), url("../fonts/Manrope-SemiBold.woff") format("woff");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Manrope-Medium";
    src: url("../fonts/Manrope-Medium.woff2") format("woff2"), url("../fonts/Manrope-Medium.woff") format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Manrope";
    src: url("../fonts/Manrope-Regular.woff2") format("woff2"), url("../fonts/Manrope-Regular.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
/*................................................
    3. COMMON CSS CLASSES
.................................................*/
.switch {
    font-size: 1rem;
    position: relative;
}

    .switch input {
        position: absolute;
        height: 1px;
        width: 1px;
        background: none;
        border: 0;
        clip: rect(0 0 0 0);
        clip-path: inset(50%);
        overflow: hidden;
        padding: 0;
    }

        .switch input + label {
            position: relative;
            min-width: calc(calc(2.375rem * 0.8) * 2);
            border-radius: calc(2.375rem * 0.8);
            height: calc(2.375rem * 0.8);
            line-height: calc(2.375rem * 0.8);
            display: inline-block;
            cursor: pointer;
            outline: none;
            user-select: none;
            vertical-align: middle;
            text-indent: calc(calc(calc(2.375rem * 0.8) * 2) + 0.5rem);
        }

            .switch input + label::before,
            .switch input + label::after {
                content: "";
                position: absolute;
                top: 0;
                left: 0;
                width: calc(calc(2.375rem * 0.8) * 2);
                bottom: 0;
                display: block;
            }

            .switch input + label::before {
                right: 0;
                background-color: #ffffff;
                border: solid 1px #a1b5d8;
                border-radius: calc(2.375rem * 0.8);
                transition: 0.2s all;
            }

            .switch input + label::after {
                top: 5px;
                left: 5px;
                width: calc(calc(2.375rem * 0.8) - calc(2px * 2));
                height: calc(calc(2.375rem * 0.8) - calc(2px * 2));
                border-radius: 50%;
                border: solid 0.5px rgba(0, 0, 0, 0.04);
                background-color: #a1b5d8;
                transition: 0.2s all;
            }

        .switch input:checked + label::before {
            background-color: #31c91e;
            border: none;
        }

        .switch input:checked + label::after {
            margin-left: calc(2.375rem * 0.8);
        }
        /* .switch input:focus + label::before {
  outline: none;
  box-shadow: 0 0 0 0.2rem rgba(0, 136, 221, 0.25);
} */
        .switch input:disabled + label {
            color: #868e96;
            cursor: not-allowed;
        }

            .switch input:disabled + label::before {
                background-color: #e9ecef;
            }

    .switch.switch-lg {
        font-size: 1.25rem;
    }

        .switch.switch-lg input + label {
            min-width: calc(calc(3rem * 0.8) * 2);
            height: calc(3.8rem * 0.8);
            line-height: calc(3rem * 0.8);
            text-indent: calc(calc(calc(3rem * 0.8) * 2) + 0.5rem);
        }

            .switch.switch-lg input + label::before {
                width: calc(calc(3rem * 0.8) * 2);
            }

            .switch.switch-lg input + label::after {
                width: calc(calc(3rem * 0.8) - calc(2px * 2));
                height: calc(calc(3rem * 0.8) - calc(2px * 2));
            }

        .switch.switch-lg input:checked + label::after {
            margin-left: calc(2rem * 0.8);
            background-color: #ffffff;
            border: none;
        }

    .switch + .switch {
        margin-left: 1rem;
    }

.tab-filter-info .switch input + label::after {
    background-color: #ffffff;
}

.tab-filter-info .switch input:checked + label::before {
    background-color: #31c91e;
    border: none;
}

.txt-primary {
    color: #32425f;
}

.txt-secondary {
    color: #66788d;
}
/*icons*/
.ico-clock {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cpath fill='%2366788D' fill-opacity='.556' fill-rule='nonzero' d='M12 3c4.97 0 9 4.03 9 9s-4.03 9-9 9-9-4.03-9-9 4.03-9 9-9zm0 1.385c-4.206 0-7.615 3.41-7.615 7.615 0 4.206 3.41 7.615 7.615 7.615 4.206 0 7.615-3.41 7.615-7.615 0-4.206-3.41-7.615-7.615-7.615zm0 3.046c.382 0 .692.31.692.693v4.512l2.249 2.249c.27.27.27.708 0 .979-.27.27-.709.27-.98 0l-2.45-2.451c-.13-.13-.203-.306-.203-.49v-4.8c0-.382.31-.692.692-.692z' transform='translate(-36 -594) translate(16 507) translate(20 87)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    /* background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cpath fill='%2366788D' fill-opacity='.556' fill-rule='nonzero' d='M12 3c4.97 0 9 4.03 9 9s-4.03 9-9 9-9-4.03-9-9 4.03-9 9-9zm0 1.385c-4.206 0-7.615 3.41-7.615 7.615 0 4.206 3.41 7.615 7.615 7.615 4.206 0 7.615-3.41 7.615-7.615 0-4.206-3.41-7.615-7.615-7.615zm0 3.046c.382 0 .692.31.692.693v4.512l2.249 2.249c.27.27.27.708 0 .979-.27.27-.709.27-.98 0l-2.45-2.451c-.13-.13-.203-.306-.203-.49v-4.8c0-.382.31-.692.692-.692z' transform='translate(-36 -594) translate(16 507) translate(20 87)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); */
    background-repeat: no-repeat;
    background-position: center;
    width: 2.4rem;
    height: 2.4rem;
    display: inline-block;
}

.ico-dollar {
    background-image: url("../images/dollar-sign-24.png");
    background-repeat: no-repeat;
    background-position: center;
    width: 2.0rem;
    height: 2.4rem;
    display: inline-block;
}

.ico-week {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg%3E%3Cg%3E%3Cpath fill='%23A1B5D8' fill-rule='nonzero' d='M17.657 3c.39 0 .713.29.765.667l.007.104V5.07C19.87 5.199 21 6.41 21 7.886V18.17C21 19.734 19.734 21 18.171 21H5.83C4.266 21 3 19.734 3 18.171V7.886C3 6.41 4.13 5.199 5.571 5.069V3.77c0-.426.346-.771.772-.771.39 0 .713.29.764.667l.007.104v1.286h4.114V3.771c0-.39.29-.713.667-.764L12 3c.39 0 .713.29.764.667l.007.104v1.286h4.114V3.771c0-.39.29-.713.667-.764L17.657 3zM6.337 6.6h-.508c-.71 0-1.286.576-1.286 1.286V18.17c0 .71.575 1.286 1.286 1.286H18.17c.71 0 1.286-.575 1.286-1.286V7.886c0-.71-.575-1.286-1.286-1.286l-.501-.001-.013.001h-.006l-5.638-.001L12 6.6h-.007l-5.638-.001-.012.001h-.007zM12 12c.568 0 1.029.46 1.029 1.029 0 .568-.46 1.028-1.029 1.028-.568 0-1.029-.46-1.029-1.028 0-.568.46-1.029 1.029-1.029zm4.114 0c.568 0 1.029.46 1.029 1.029 0 .568-.46 1.028-1.029 1.028-.568 0-1.028-.46-1.028-1.028 0-.568.46-1.029 1.028-1.029zm-8.228 0c.568 0 1.028.46 1.028 1.029 0 .568-.46 1.028-1.028 1.028-.568 0-1.029-.46-1.029-1.028 0-.568.46-1.029 1.029-1.029z' transform='translate(-386 -51) translate(386 51)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    width: 2.4rem;
    height: 2.4rem;
    display: inline-block;
}

.ico-day {
    background-image: url("../images/day-icn.png");
    background-repeat: no-repeat;
    background-position: center;
    width: 2.4rem;
    height: 2.4rem;
    display: inline-block;
}

.ico-night {
    background-image: url("../images/night-icn.png");
    background-repeat: no-repeat;
    background-position: center;
    width: 2.4rem;
    height: 2.4rem;
    display: inline-block;
}

.icon-delete {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cg transform='translate(-16 -330) translate(16 166) translate(0 49) translate(0 115)'%3E%3Crect width='29.2' height='29.2' x='.4' y='.4' fill='%23FFF' fill-rule='nonzero' stroke='%23E0E6E9' stroke-width='.8' rx='6'/%3E%3Cpath fill='%23E63434' d='M14.75 7.5c-.414 0-.75.336-.75.75V9h3v-.75c0-.414-.336-.75-.75-.75h-1.5zM18.5 9v-.75C18.5 7.007 17.493 6 16.25 6h-1.5c-1.243 0-2.25 1.007-2.25 2.25V9H8.75c-.414 0-.75.336-.75.75s.336.75.75.75h.079l1.277 11.498c.127 1.14 1.09 2.002 2.236 2.002h6.315c1.147 0 2.11-.862 2.236-2.002L22.171 10.5h.079c.414 0 .75-.336.75-.75S22.664 9 22.25 9H18.5zm2.162 1.5H10.338l1.259 11.332c.043.38.364.668.745.668h6.315c.382 0 .703-.287.746-.668l1.26-11.332zM14 12.75c.414 0 .75.336.75.75v6c0 .414-.336.75-.75.75s-.75-.336-.75-.75v-6c0-.414.336-.75.75-.75zm3 0c.414 0 .75.336.75.75v6c0 .414-.336.75-.75.75s-.75-.336-.75-.75v-6c0-.414.336-.75.75-.75z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    width: 3rem;
    height: 3rem;
    display: inline-block;
    cursor: pointer;
}

.next-day,
.prev-day {
    width: 2.4rem;
    height: 2.4rem;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    cursor: pointer;
    color: transparent;
    outline: none;
}

.prev-day {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg%3E%3Cg%3E%3Cg transform='translate(-16 -128) translate(16 128) matrix(-1 0 0 1 24 0)'%3E%3Crect width='23.2' height='23.2' x='.4' y='.4' fill='%23FFF' fill-rule='nonzero' stroke='%23E0E6E9' stroke-width='.8' rx='4'/%3E%3Cpath stroke='%230073C6' stroke-linejoin='round' stroke-width='1.6' d='M8.23 9.63L12.292 13.17 16.23 9.63' transform='matrix(0 1 1 0 .83 -.83)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    width: 2.4rem;
    height: 2.4rem;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    cursor: pointer;
    color: transparent;
    outline: none;
}

.next-day {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg%3E%3Cg%3E%3Cg transform='translate(-280 -128) translate(16 128) translate(264)'%3E%3Crect width='23.2' height='23.2' x='.4' y='.4' fill='%23FFF' fill-rule='nonzero' stroke='%23E0E6E9' stroke-width='.8' rx='4'/%3E%3Cpath stroke='%230073C6' stroke-linejoin='round' stroke-width='1.6' d='M8.37 9.63L12.433 13.17 16.37 9.63' transform='matrix(0 1 1 0 .97 -.97)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
}

.ico-plus {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%230073C6' fill-rule='nonzero'%3E%3Cg%3E%3Cg%3E%3Cpath d='M17.75 12c.414 0 .75.336.75.75V17h4.25c.38 0 .693.282.743.648l.007.102c0 .414-.336.75-.75.75h-4.251l.001 4.25c0 .38-.282.693-.648.743l-.102.007c-.414 0-.75-.336-.75-.75l-.001-4.25H12.75c-.38 0-.693-.282-.743-.648L12 17.75c0-.414.336-.75.75-.75H17v-4.25c0-.38.282-.693.648-.743z' transform='translate(-211 -239) translate(16 205) translate(183 22)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    width: 1.2rem;
    height: 1.2rem;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
}
/*Button styles*/
.btn-time {
    width: 100%;
    padding: 1.2rem 1rem;
    font: 1.4rem Manrope-Semibold;
    text-align: center;
    text-transform: none;
    border-radius: 8px;
}

    .btn-time:hover {
        color: #fff;
    }

.btn-time-secondary,
.btn-time-secondary:hover {
    background-color: rgba(33, 121, 235, 0.13);
    color: #0073c6;
}

.btn-time-primary {
    background-color: #0073c6;
    color: #fff;
}

.btn-time-add .ico-plus {
    margin-right: 1.2rem;
    vertical-align: middle;
    margin-top: -3px;
}

.btn-time-add {
    background-color: #fff;
    color: #0073c6;
    max-width: 9rem;
    padding: 0.7rem 1.2rem;
    border-radius: 4px;
    text-align: center;
}

    .btn-time-add:hover {
        color: #0073c6;
    }

.btn-time-add-c .ico-plus {
    margin-right: 1.2rem;
    vertical-align: middle;
    margin-top: -3px;
}

.btn-time-add-c {
    background-color: #fff;
    color: #0073c6;
    max-width: 9rem;
    padding: 0.7rem 1.2rem;
    border-radius: 4px;
    text-align: left;
}

    .btn-time-add-c:hover {
        color: #0073c6;
    }

.btn-time-add-proj .ico-plus {
    margin-right: 1.2rem;
    vertical-align: middle;
    margin-top: -3px;
}

.btn-time-add-proj {
    background-color: #fff;
    color: #0073c6;
    max-width: 9rem;
    padding: 0.7rem 1.2rem;
    border-radius: 4px;
    text-align: left;
}

    .btn-time-add-proj:hover {
        color: #0073c6;
    }

.btn-time-add-activity .ico-plus {
    margin-right: 1.2rem;
    vertical-align: middle;
    margin-top: -3px;
}

.btn-time-add-activity {
    background-color: #fff;
    color: #0073c6;
    max-width: 9rem;
    padding: 0.7rem 1.2rem;
    border-radius: 4px;
    text-align: center;
}

    .btn-time-add-activity:hover {
        color: #0073c6;
    }

.btn-time-add-employee {
    background-color: #fff;
    color: #0073c6;
    max-width: 9rem;
    padding: 0.7rem 1.2rem;
    border-radius: 4px;
    text-align: left;
}

    .btn-time-add-employee .ico-plus {
        margin-right: 1.2rem;
        vertical-align: middle;
        margin-top: -3px;
    }


    .btn-time-add-employee:hover {
        color: #0073c6;
    }

/*craft*/

.btn-time-add-craft .ico-plus {
    margin-right: 1.2rem;
    vertical-align: middle;
    margin-top: -3px;
}

.btn-time-add-craft {
    background-color: #fff;
    color: #0073c6;
    max-width: 9rem;
    padding: 0.7rem 1.2rem;
    border-radius: 4px;
    text-align: left;
}

    .btn-time-add-craft:hover {
        color: #0073c6;
    }

/*region*/

.btn-time-add-region .ico-plus {
    margin-right: 1.2rem;
    vertical-align: middle;
    margin-top: -3px;
}

.btn-time-add-region {
    background-color: #fff;
    color: #0073c6;
    max-width: 9rem;
    padding: 0.7rem 1.2rem;
    border-radius: 4px;
    text-align: left;
}

.btn-time-add-region:hover {
    color: #0073c6;
}

.lbl-comment {
    display: inline-block;
    font-weight: 400;
    vertical-align: top;
    text-align: right;
    font-size: 12px;
    line-height: 14px;
    padding: 6px;
}

/*hub contractor*/

.btn-time-add-hubcontractor .ico-plus {
    margin-right: 1.2rem;
    vertical-align: middle;
    margin-top: -3px;
}

.btn-time-add-hubcontractor {
    background-color: #fff;
    color: #0073c6;
    max-width: 9rem;
    padding: 0.7rem 1.2rem;
    border-radius: 4px;
    text-align: left;
}

    .btn-time-add-hubcontractor:hover {
        color: #0073c6;
    }

/*datepicker*/
.week-picker, #date1, #dateA, #date2, #dateCopyFrom, #dateCopyTo {
    border: 0;
    outline: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg%3E%3Cg%3E%3Cpath fill='%23F7F9FC' d='M0 0H24V24H0z' transform='translate(-264 -50) translate(264 50)'/%3E%3Cpath fill='%230073C6' fill-rule='nonzero' d='M17.657 3c.426 0 .772.345.772.771V5.07C19.87 5.199 21 6.41 21 7.886V18.17C21 19.734 19.734 21 18.171 21H5.83C4.266 21 3 19.734 3 18.171V7.886C3 6.41 4.13 5.199 5.571 5.069V3.77c0-.426.346-.771.772-.771.426 0 .771.345.771.771v1.286h4.114V3.771c0-.39.29-.713.667-.764L12 3c.426 0 .771.345.771.771v1.286h4.114V3.771c0-.39.29-.713.667-.764zm1.8 8.228H4.542v6.943c0 .71.576 1.286 1.287 1.286H18.17c.71 0 1.286-.575 1.286-1.286v-6.943zM11.987 6.6l-5.632-.001-.012.001h-.514c-.71 0-1.286.576-1.286 1.286l-.001 1.799h14.915v-1.8c0-.71-.575-1.285-1.286-1.285l-.501-.001-.013.001h-.013l-5.631-.001L12 6.6h-.013z' transform='translate(-264 -50) translate(264 50)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 3rem 0;
    font: 1.4rem Manrope-Medium;
    letter-spacing: 0.23px;
    color: #32425f;
    text-align: center;
    text-indent: 4rem;
}

#date-attendance {
    border: 0;
    outline: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg%3E%3Cg%3E%3Cpath fill='%23F7F9FC' d='M0 0H24V24H0z' transform='translate(-264 -50) translate(264 50)'/%3E%3Cpath fill='%230073C6' fill-rule='nonzero' d='M17.657 3c.426 0 .772.345.772.771V5.07C19.87 5.199 21 6.41 21 7.886V18.17C21 19.734 19.734 21 18.171 21H5.83C4.266 21 3 19.734 3 18.171V7.886C3 6.41 4.13 5.199 5.571 5.069V3.77c0-.426.346-.771.772-.771.426 0 .771.345.771.771v1.286h4.114V3.771c0-.39.29-.713.667-.764L12 3c.426 0 .771.345.771.771v1.286h4.114V3.771c0-.39.29-.713.667-.764zm1.8 8.228H4.542v6.943c0 .71.576 1.286 1.287 1.286H18.17c.71 0 1.286-.575 1.286-1.286v-6.943zM11.987 6.6l-5.632-.001-.012.001h-.514c-.71 0-1.286.576-1.286 1.286l-.001 1.799h14.915v-1.8c0-.71-.575-1.285-1.286-1.285l-.501-.001-.013.001h-.013l-5.631-.001L12 6.6h-.013z' transform='translate(-264 -50) translate(264 50)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 4rem 0;
    font: 1.4rem Manrope-Medium;
    letter-spacing: 0.23px;
    color: #32425f;
    text-align: center;
    text-indent: 4rem;
}

#date-activity {
    border: 0;
    outline: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg%3E%3Cg%3E%3Cpath fill='%23F7F9FC' d='M0 0H24V24H0z' transform='translate(-264 -50) translate(264 50)'/%3E%3Cpath fill='%230073C6' fill-rule='nonzero' d='M17.657 3c.426 0 .772.345.772.771V5.07C19.87 5.199 21 6.41 21 7.886V18.17C21 19.734 19.734 21 18.171 21H5.83C4.266 21 3 19.734 3 18.171V7.886C3 6.41 4.13 5.199 5.571 5.069V3.77c0-.426.346-.771.772-.771.426 0 .771.345.771.771v1.286h4.114V3.771c0-.39.29-.713.667-.764L12 3c.426 0 .771.345.771.771v1.286h4.114V3.771c0-.39.29-.713.667-.764zm1.8 8.228H4.542v6.943c0 .71.576 1.286 1.287 1.286H18.17c.71 0 1.286-.575 1.286-1.286v-6.943zM11.987 6.6l-5.632-.001-.012.001h-.514c-.71 0-1.286.576-1.286 1.286l-.001 1.799h14.915v-1.8c0-.71-.575-1.285-1.286-1.285l-.501-.001-.013.001h-.013l-5.631-.001L12 6.6h-.013z' transform='translate(-264 -50) translate(264 50)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 4rem 0;
    font: 1.4rem Manrope-Medium;
    letter-spacing: 0.23px;
    color: #32425f;
    text-align: center;
    text-indent: 4rem;
}

.inactive {
    pointer-events: none;
}

    .inactive.select::after {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cg fill='none' fill-rule='evenodd' stroke-linejoin='round'%3E%3Cg stroke='%23B4C3D3' stroke-width='2'%3E%3Cg%3E%3Cpath d='M311 22L315.063 25.541 319 22' transform='translate(-326 -109) translate(16 88)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    }

.txt-act-hrs {
    color: #32425f;
    font-size: 1.4rem;
    letter-spacing: 0.2px;
}

.txt-hrs-contract {
    color: #8999b5;
    font-size: 1.4rem;
}
/*Disabled area*/
/*.disabled-area,
.disabled-area .prev-day,
.disabled-area .next-day,
.disabled-area.week-picker-contactor
div#ui-datepicker-div
.ui-datepicker-header,
.disabled-area.week-picker-contactor
div#ui-datepicker-div
.ui-datepicker-calendar,
.disabled-area.week-picker-employee
div#ui-datepicker-div
.ui-datepicker-header,
.disabled-area.week-picker-employee
div#ui-datepicker-div
.ui-datepicker-calendar {
    pointer-events: none;
}*/

/*.disabled-area.week-picker-contactor {
        pointer-events: unset;
    }

    .disabled-area.week-picker-employee {
        pointer-events: unset;
    }*/

.disabled-area .select::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cg fill='none' fill-rule='evenodd' stroke-linejoin='round'%3E%3Cg stroke='%238999B5' stroke-width='1.6'%3E%3Cg%3E%3Cg%3E%3Cpath d='M8 10L12.063 13.541 16 10' transform='translate(-271 -157) translate(16 136) translate(248 12)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.disabled-area .prev-day {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg%3E%3Cg%3E%3Cg transform='translate(-16 -128) translate(16 128) matrix(-1 0 0 1 24 0)'%3E%3Crect width='23.2' height='23.2' x='.4' y='.4' fill='%23FFF' fill-rule='nonzero' stroke='%23E0E6E9' stroke-width='.8' rx='4'/%3E%3Cpath stroke='%238999B5' stroke-linejoin='round' stroke-width='1.6' d='M8.23 9.63L12.292 13.17 16.23 9.63' transform='matrix(0 1 1 0 .83 -.83)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.disabled-area .next-day {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg%3E%3Cg%3E%3Cg transform='translate(-280 -128) translate(16 128) translate(264)'%3E%3Crect width='23.2' height='23.2' x='.4' y='.4' fill='%23FFF' fill-rule='nonzero' stroke='%23E0E6E9' stroke-width='.8' rx='4'/%3E%3Cpath stroke='%238999B5' stroke-linejoin='round' stroke-width='1.6' d='M8.37 9.63L12.433 13.17 16.37 9.63' transform='matrix(0 1 1 0 .97 -.97)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.table-project-schedule thead th {
    min-width: 60px;
    position: sticky;
    top: 0;
    background-color: #F2F4F4;
    box-shadow: 0 3px rgba(0, 0, 0, 0.04);
}

.table-project-schedule th:first-child {
    position: sticky;
    left: 0px;
    background-color: #F2F4F4;
    z-index: 20;
}

.table-project-schedule td:first-child {
    position: sticky;
    left: 0px;
    background-color: #F2F4F4;
    z-index: 1;
}
.table-project-schedule td, .table-project-schedule th {
    border-left: none;
    border-right: none;
    border-bottom: 2px solid #dee2e6;
}

.table-activity-upload td, .table-activity-upload th {
    font-size: 1.2rem;
    border-left: none;
    border-right: none;
    border-bottom: 2px solid #dee2e6;
}

.table-activity-upload tr:nth-child(even) {
    background-color: lightgray;
}

.compliance-box {
    height: 30px;
    width: 30px;
    border-radius: 50%;
}

.compliance-not {
    background-color: red;
}

.compliance-partial {
    background-color: gold;
}

.compliance-full {
    background-color: green;
}

.compliance-off {
    background-color: transparent;
}

.justify-center {
    justify-content: center;
}

.font-size-sm {
    font-size: 1.4rem;
}

.bold-font {
    font-weight: bold;
    color: black;
}

/*................................................
    4. SKELITON
.................................................*/
.main-container,
body {
    background-color: #f6f7fb;
}

#header,
.tab-header {
    background: #fff;
}
/*................................................
    5. HEADER SECTION
.................................................*/

.logo {
    margin-right: 1.2rem;
}

#header {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100;
}

    #header h1 a {
        font-size: 1.6rem;
        font-weight: 500;
        line-height: 1.26;
        color: #0073c6;
        font: 1.6rem "Manrope-Medium";
    }

.profile-setting {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cpath fill='%230073C6' fill-rule='nonzero' d='M12 3c4.97 0 9 4.03 9 9s-4.03 9-9 9-9-4.03-9-9 4.03-9 9-9zm0 5.077c-1.374 0-2.538 1.125-2.538 2.692 0 .912.295 1.506.923 2.1.226.187.402.403.527.641.252.477.28.97.183 1.42-.02.091-.042.164-.042.156-.218.81-.782 1.157-2.019 1.58l-.411.139c-.16.054-.285.098-.404.142-.587.216-1.008.437-1.312.713 1.35 1.216 3.135 1.955 5.093 1.955 1.958 0 3.743-.738 5.092-1.952-.302-.27-.72-.483-1.314-.696-.103-.037-.211-.075-.348-.12l-.356-.12c-1.288-.435-1.868-.786-2.118-1.608-.015-.05-.034-.119-.05-.207-.078-.41-.06-.853.127-1.29.122-.284.31-.539.543-.734.66-.596.962-1.206.962-2.119 0-1.54-1.181-2.692-2.538-2.692zm0-3.692c-4.206 0-7.615 3.41-7.615 7.615 0 1.748.588 3.358 1.578 4.643.453-.415 1.03-.72 1.777-.995.132-.05.268-.097.438-.154l.409-.138c.797-.273 1.08-.447 1.148-.69l.007-.03c.034-.159.024-.331-.054-.48-.04-.077-.1-.15-.22-.25-.921-.869-1.391-1.813-1.391-3.137 0-2.342 1.795-4.077 3.923-4.077 2.114 0 3.923 1.765 3.923 4.077 0 1.328-.482 2.3-1.439 3.164-.085.071-.141.148-.178.235-.063.147-.07.324-.04.486l.012.051c.07.234.376.42 1.238.71l.355.119c.146.049.262.09.376.13.76.273 1.337.57 1.789.98.99-1.285 1.58-2.896 1.58-4.644 0-4.206-3.41-7.615-7.616-7.615z' transform='translate(-280 -20) translate(16 20) translate(264)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
    background-size: 24px;
    display: inline-block;
    outline: none;
}

#header .profile-setting:after {
    display: none;
}

#header .container-fluid {
    padding-bottom: 0;
    align-items: center;
}

    #header .container-fluid.d-flex {
        padding-top: 1.6rem;
        padding-bottom: 1.6rem;
    }

    #header .container-fluid .navbar {
        padding: 0;
        align-items: flex-start;
    }

.help-btn {
    cursor: pointer;
    width: 2rem;
    height: 2rem;
    background-color: rgba(0, 115, 198, 0.15);
    border-radius: 50%;
    margin-top: 2px;
}

.ico-help {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='12' viewBox='0 0 8 12'%3E%3Cg fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg stroke='%230073C6' stroke-width='1.6'%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cpath d='M0 2.005C.485.625 1.895-.204 3.337.043 4.78.291 5.832 1.542 5.83 3.005c0 1.48-1.909 2.028-2.498 2.798-.246.32-.332.816-.332.816M2.91 10.005L2.92 10.005' transform='translate(-145 -56) translate(137 50) translate(2 2) translate(7 5)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    height: 2rem;
    width: 100%;
}

.ico-report {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3C!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath fill='%230073C6' d='M306.777,149.701H108.168c-8.284,0-15,6.716-15,15s6.716,15,15,15h198.609c8.284,0,15-6.716,15-15 S315.061,149.701,306.777,149.701z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cpath fill='%230073C6' d='M306.777,206.829H108.168c-8.284,0-15,6.716-15,15s6.716,15,15,15h198.609c8.284,0,15-6.716,15-15 S315.061,206.829,306.777,206.829z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cpath fill='%230073C6' d='M382.599,270.397V76.753c0-24.813-20.187-45-45-45h-30.65C302.902,13.608,286.684,0,267.337,0H147.586 c-19.346,0-35.565,13.608-39.612,31.753h-30.65c-24.813,0-45,20.187-45,45v365.576c0,24.813,20.187,45,45,45H286.32 C306.551,502.805,331.732,512,359.001,512c66.54,0,120.674-54.718,120.674-121.976 C479.675,330.927,437.879,281.519,382.599,270.397z M136.993,40.594c0-5.842,4.752-10.594,10.593-10.594h119.751 c5.841,0,10.593,4.752,10.593,10.594v27.15c0,5.841-4.752,10.593-10.593,10.593H147.586c-5.841,0-10.593-4.752-10.593-10.593 V40.594z M108.168,351.086h136.465c-4.087,12.233-6.305,25.328-6.305,38.938c0,24.859,7.402,48.001,20.086,67.305H77.325 c-8.271,0-15-6.729-15-15V76.753c0-8.271,6.729-15,15-15h29.668v5.991c0,22.383,18.21,40.593,40.593,40.593h119.751 c22.383,0,40.593-18.21,40.593-40.593v-5.991h29.668c8.271,0,15,6.729,15,15V268.22c-10.979,0.583-21.572,2.66-31.588,6.026 c-1.977-5.974-7.597-10.289-14.234-10.289H108.168c-8.284,0-15,6.716-15,15s6.716,15,15,15h176.556 c-9.707,7.685-18.221,16.841-25.219,27.129H108.168c-8.284,0-15,6.716-15,15S99.884,351.086,108.168,351.086z M359.002,482 c-49.998,0-90.674-41.26-90.674-91.976c0-50.715,40.676-91.976,90.674-91.976c49.998,0,90.674,41.26,90.674,91.976 S409.001,482,359.002,482z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cpath fill='%230073C6' d='M403.046,423.52l-29.044-38.518V359.22c0-8.284-6.716-15-15-15s-15,6.716-15,15v30.803c0,3.259,1.062,6.429,3.023,9.031 l32.067,42.527c2.948,3.911,7.441,5.97,11.988,5.97c3.145,0,6.315-0.985,9.02-3.024 C406.714,439.54,408.033,430.134,403.046,423.52z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E");
    width: 20px;
    height: 20px;
    display: inline-block;
    background-size: 19px;
    margin-left: 8px;
    background-repeat: no-repeat;
    vertical-align: middle;
    background-position: center;
    margin-top: 2px;
}


#header .dropdown-item {
    font-size: 1.4rem;
}

.card-list .row.open .lnk-hours-list.d-md-block {
    height: 71px;
}

.menu-selection button {
    border: 0;
    background: transparent;
    padding: 0;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1.26;
    color: #0073c6;
    font: 1.6rem "Manrope-Medium";
    text-transform: none;
    outline: none;
}

    .menu-selection button:after {
        content: "";
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cg fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg stroke='%230073C6' stroke-width='1.6'%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cpath d='M8 10L12.063 13.541 16 10' transform='translate(-104 -29) translate(16 20) translate(81)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
        height: 1.1rem;
        display: inline-block;
        background-size: 2rem;
        background-repeat: no-repeat;
        background-position: center;
        width: 2rem;
        background-size: 1rem;
        margin-left: 0.8rem;
    }

.menu-selection li {
    cursor: pointer;
    font: 1.6rem "Manrope-Medium";
    color: #32425f;
    padding: 10px;
    border: 1px solid #e2e8f1;
}

    .menu-selection li:first-child {
        border-bottom: 0;
    }

    .menu-selection li:hover {
        background-color: #0073c6;
    }

        .menu-selection li:hover a {
            color: #ffffff;
        }

.menu-selection .dropdown-menu {
    box-shadow: 0 8px 50px 0 rgba(0, 0, 0, 0.1);
    border: 0;
    padding: 0;
}

    .menu-selection .dropdown-menu li a {
        line-height: 1.26;
        color: #000;
        font-size: 1.4rem;
    }

    .menu-selection .dropdown-menu li:hover a {
        color: #fff;
    }

#header .header-menu li {
    padding: 0 20px 0 0;
}

    #header .header-menu li a {
        line-height: 1.26;
        color: #b4c3d3;
        font: 1.6rem "Manrope-Medium";
    }

        #header .header-menu li a.active {
            color: #0073c6;
        }
/*................................................
    6. BODY SECTION
.................................................*/

/*Login form*/
.login-form form, #reset-pwd .change-pwd-form {
    height: 100vh;
    flex-direction: column;
    justify-content: center;
    max-width: 500px;
    margin: 0 auto;
}

    .login-form form input[type="text"],
    .login-form form input[type="password"],
    #change-pwd .login-form input[type="text"],
    #change-pwd .login-form input[type="password"],
    #reset-pwd .login-form input[type="text"],
    #reset-pwd .login-form input[type="password"] {
        font-size: 15px;
        line-height: 1.2;
        display: block;
        width: 100%;
        height: 45px;
        background: transparent;
        padding: 0 5px 0 38px;
        border: 0;
        outline: none;
    }

.login-form .validate-input {
    position: relative;
    width: 100%;
    position: relative;
    border-bottom: 2px solid #e0e0e0;
    margin-bottom: 30px;
}

.login-form .focus-input {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none;
}

    .login-form .focus-input::before {
        content: "";
        display: block;
        position: absolute;
        bottom: -2px;
        left: 0;
        width: 0;
        height: 2px;
        -webkit-transition: all 0.4s;
        -o-transition: all 0.4s;
        -moz-transition: all 0.4s;
        transition: all 0.4s;
        background: #fff;
    }

.focus-input::after {
    display: block;
    width: 100%;
    position: absolute;
    top: 6px;
    left: 0px;
    padding-left: 5px;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}

.container-login-form-btn,
.container-login-form-btn .login-form-btn {
    width: 100%;
}

    .container-login-form-btn .login-form-btn {
        padding: 10px;
        font-weight: bold;
    }

.login-form .login-avatar {
    width: 100px;
    fill: #444444;
    margin-bottom: 15px;
}

.login-form .txt-forgot a {
    font-size: 12px;
}

.ico-user-name {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M256 0c-74.4 0-135 60.6-135 135s60.6 135 135 135 135-60.6 135-135S330.4 0 256 0z'/%3E%3Cpath d='M478.5 398.7C438.1 338.1 370.6 302 297.8 302h-83.7c-72.7 0-140.3 36.1-180.6 96.7l-2.5 3.8V512h450 0V402.5L478.5 398.7z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: center left;
    opacity: 0.5;
}

.ico-user-pwd {
    background-image: url("data:image/svg+xml,%3Csvg id='bold' enable-background='new 0 0 24 24' height='512' viewBox='0 0 24 24' width='512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m18.75 9h-.75v-3c0-3.309-2.691-6-6-6s-6 2.691-6 6v3h-.75c-1.24 0-2.25 1.009-2.25 2.25v10.5c0 1.241 1.01 2.25 2.25 2.25h13.5c1.24 0 2.25-1.009 2.25-2.25v-10.5c0-1.241-1.01-2.25-2.25-2.25zm-10.75-3c0-2.206 1.794-4 4-4s4 1.794 4 4v3h-8zm5 10.722v2.278c0 .552-.447 1-1 1s-1-.448-1-1v-2.278c-.595-.347-1-.985-1-1.722 0-1.103.897-2 2-2s2 .897 2 2c0 .737-.405 1.375-1 1.722z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: center left;
    opacity: 0.5;
}

.ico-user-email {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3C!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cpath d='M10.688,95.156C80.958,154.667,204.26,259.365,240.5,292.01c4.865,4.406,10.083,6.646,15.5,6.646 c5.406,0,10.615-2.219,15.469-6.604c36.271-32.677,159.573-137.385,229.844-196.896c4.375-3.698,5.042-10.198,1.5-14.719 C494.625,69.99,482.417,64,469.333,64H42.667c-13.083,0-25.292,5.99-33.479,16.438C5.646,84.958,6.313,91.458,10.688,95.156z'/%3E%3Cpath d='M505.813,127.406c-3.781-1.76-8.229-1.146-11.375,1.542C416.51,195.01,317.052,279.688,285.76,307.885 c-17.563,15.854-41.938,15.854-59.542-0.021c-33.354-30.052-145.042-125-208.656-178.917c-3.167-2.688-7.625-3.281-11.375-1.542 C2.417,129.156,0,132.927,0,137.083v268.25C0,428.865,19.135,448,42.667,448h426.667C492.865,448,512,428.865,512,405.333 v-268.25C512,132.927,509.583,129.146,505.813,127.406z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: center left;
    opacity: 0.5;
}

.login-form .txt-login {
    font-size: 12px;
}

main {
    padding-top: 10.1rem;
}

/*Employees*/
.circl-span {
    display: inline-block;
    width: 50px;
    height: 50px;
    background: #ccc;
}

.lnk-plus {
    display: inline-block;
    padding: 0 0.6rem;
    width: 24px;
    height: 24px;
    border-radius: 4px;
    border: solid 0.8px #e0e6e9;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%230073C6' fill-rule='nonzero'%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cpath d='M11.75 6c.414 0 .75.336.75.75V11h4.25c.38 0 .693.282.743.648l.007.102c0 .414-.336.75-.75.75h-4.251l.001 4.25c0 .38-.282.693-.648.743l-.102.007c-.414 0-.75-.336-.75-.75l-.001-4.25H6.75c-.38 0-.693-.282-.743-.648L6 11.75c0-.414.336-.75.75-.75H11V6.75c0-.38.282-.693.648-.743z' transform='translate(-246 -26) translate(16 20) translate(224)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 1.2rem;
    color: transparent;
    vertical-align: top;
}

    .lnk-plus:hover {
        color: transparent;
    }

.tab-header .col-md-4 {
    position: absolute;
    right: 0;
    width: auto;
    z-index: 1;
}

.tab-header nav a {
    color: #b4c3d3;
    font: 1.4rem "Manrope-Medium";
    padding-bottom: 1.2rem;
    padding-top: 1.6rem;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: 0;
    box-shadow: none;
    border: 0 !important;
    background: #fff;
    background-image: none;
    font-size: 1.4rem;
}
    /* Remove IE arrow */
    select::-ms-expand {
        display: none;
    }
/* Custom Select */
.select {
    position: relative;
    display: flex;
    width: 100%;
    height: 3em;
    line-height: 3;
    background: #fff;
    overflow: hidden;
    border-radius: 0.6rem;
    margin-bottom: 1rem;
    border: 1px solid #e2e8f1;
}

    .select.hdr-select {
        height: 24px;
        width: 150px;
        border: 0;
    }

        .select.hdr-select select {
            font: 1.6rem "Manrope-Medium";
            line-height: 1.26;
            color: #0073c6;
        }

select {
    flex: 1;
    padding: 0 1em;
    cursor: pointer;
}
/* Arrow */
.select::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    padding: 0 2.5em 0 1rem;
    background: #fff;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cg fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg stroke='%230073C6' stroke-width='1.6'%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cpath d='M8 10L12.063 13.541 16 10' transform='translate(-104 -29) translate(16 20) translate(81)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    cursor: pointer;
    pointer-events: none;
    -webkit-transition: 0.25s all ease;
    -o-transition: 0.25s all ease;
    transition: 0.25s all ease;
    background-repeat: no-repeat;
    background-position: center;
    width: 2rem;
    height: 100%;
    background-size: 1rem;
}
/* Transition */
.select:hover::after {
    color: #f39c12;
}

.border-grey {
    border-color: #cbcbcb;
}

.tab-filter-info {
    padding: 2rem 1rem 0 0;
    background: #fafafa;
    box-shadow: 0 4px 16px 0 #eef3fa;
    background-image: linear-gradient(153deg, #00a6ff 12%, #0073c6 77%);
    color: #fff;
    font-size: 1.4rem;
    border-radius: 0.4rem;
    top: 60px;
}

    .tab-filter-info .row h2 {
        font: 1.8rem "Manrope-Medium";
    }

    .tab-filter-info .cont .row h2 {
        font: 1.8rem "Manrope-Medium";
    }

.txt-bold {
    font: 2.4rem Manrope-SemiBold;
}

    .txt-bold .txt-small {
        font-size: 1.6rem;
    }

.tab-filter-info .row {
    margin-left: 0;
    margin-right: 0;
}

    .tab-filter-info .row > div {
        padding-bottom: 2rem;
    }

        .tab-filter-info .row > div span {
            color: #fff;
        }

.tab-filter-info .main-container {
    background: #f6f7fb;
}

.tab-header .nav-pills .nav-link.active {
    background: #fff;
    border-bottom: 2px solid #31c91e;
    color: #000;
    border-radius: 0;
}

.tab-filter .col-md-4 {
    flex-direction: column;
}

.tab-filter-info .switch input + label::before {
    background-color: transparent;
    border: 1px solid #f6f7fb;
}

.txt-aprov-all {
    color: #fff;
    margin-right: 1rem;
    white-space: nowrap;
    font-size: 1.2rem;
    font-family: "Manrope-Medium";
}

.divider {
    margin: 2rem 0;
    border-color: #ccdae8;
}

.compressed-divider {
    border-color: #ccdae8;
}

.card-list .card {
    padding: 1.5rem;
    border-color: #e2e8f1;
    border-radius: 0.4rem;
}

    .card-list .card h2 {
        font: 1.6rem "Manrope-Medium";
        color: #32425f;
        margin-bottom: 0.5rem;
    }

    .card-list .card h3 {
        font: 1.3rem "Manrope-Medium";
        color: #6b7d9e;
    }

    .card-list .card .clock-time span {
        color: #66788d;
        font-size: 1.4rem;
        letter-spacing: 0.23px;
    }

        .card-list .card .clock-time span strong {
            color: #1a2b3a;
            font: 1.4rem Manrope-Medium;
            padding-left: 0.3rem;
        }

    .card-list .card .clock-time > span {
        /* padding: 0.4rem 0; */
        color: #6b7d9e;
        font-size: 1.4rem;
    }

.txt-no-activity {
    color: #66788d;
    font: 1.4rem "Manrope-Medium";
    letter-spacing: 0.23px;
}

.lnk-update {
    font: 1.4rem "Manrope-Medium";
    letter-spacing: 0.23px;
    color: #0073c6;
}

.txt-activity {
    font: 1.2rem Manrope-Medium;
    color: #6b7d9e;
}

    .txt-activity i {
        vertical-align: middle;
    }

.lnk-hours-list {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cg fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg stroke='%230073C6' stroke-width='1.6'%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cpath d='M8 10L12.063 13.541 16 10' transform='translate(-104 -29) translate(16 20) translate(81)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 1rem;
    text-decoration: none;
    outline: none;
    display: block;
    height: 3.5rem;
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: -15px;
    background-color: #e9f6ff;
    border-radius: 2px;
}

.card-list .card .open .lnk-hours-list {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3C!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 256 256' style='enable-background:new 0 0 256 256;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpolygon fill='%232179eb' stroke='%232179eb' points='128,48.907 0,176.907 30.187,207.093 128,109.28 225.813,207.093 256,176.907 '/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E");
}

.acivity-view {
    border-top: 1px solid rgba(180, 195, 211, 0.32);
    margin-top: 1.6rem;
    height: 0;
    opacity: 0;
    z-index: -1;
    position: absolute;
    overflow: hidden;
    -webkit-transition: height 0.5s ease-in-out;
    -moz-transition: height 0.5s ease-in-out;
    -o-transition: height 0.5s ease-in-out;
    transition: height 0.5s ease-in-out;
    transform-origin: left top;
    transform: scaleY(0);
}

.card-list .card .open .acivity-view {
    height: auto;
    opacity: 1;
    transition: all 0.5s ease-in-out;
    position: relative;
    z-index: 1;
    transform: scaleY(1);
    color: #32425f;
}

.lnk-contactor-title h2,
.lnk-contactor-title span {
    color: #0073c6 !important;
}

.txt-hrs {
    font-size: 1.4rem;
    color: #8999b5;
}

.acivity-view li {
    font-size: 1.4rem;
}

.activity-update-row li {
    width: 100%;
}

.input-increment .input-group {
    height: 48px;
    border: 1px solid #e2e8f1;
    border-radius: 0.6rem;
}

.activity-update-row .select {
    margin-bottom: 0;
}

.input-increment .input-group button,
.input-increment .input-group input {
    border: 0;
    height: 100%;
}

.input-increment .input-group button {
    /* padding: 0 1.5rem; */
}

    .input-increment .input-group button strong {
        color: #0073c6;
        font-size: 2rem;
    }

.modal-title {
    color: #32425f;
    font: 1.6rem Manrope-Medium;
}

.modal-header {
    border: 0;
    box-shadow: 0 6px 10px 0 rgba(131, 134, 163, 0.12);
    background-color: #ffffff;
    padding: 2.2rem 1.5rem;
}

    .modal-header .close {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%232179EB'%3E%3Cg%3E%3Cg%3E%3Cpath d='M13 4c.552 0 1 .448 1 1l-.001 7H21c.552 0 1 .448 1 1s-.448 1-1 1h-7.001L14 21c0 .552-.448 1-1 1s-1-.448-1-1l-.001-7H5c-.552 0-1-.448-1-1s.448-1 1-1h6.999L12 5c0-.552.448-1 1-1z' transform='translate(-278 -19) translate(278 19) rotate(-45 13 13)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
        opacity: 1;
        color: transparent;
        text-shadow: none;
        background-repeat: no-repeat;
        background-position: center;
    }

.ico-add-activity {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill-rule='nonzero'%3E%3Cg%3E%3Cg transform='translate(-16 -272) translate(16 166) translate(0 106)'%3E%3Crect width='29.2' height='29.2' x='.4' y='.4' fill='%23FFF' stroke='%23E0E6E9' stroke-width='.8' rx='6'/%3E%3Cg fill='%232179EB' stroke='%232179EB' stroke-width='.4'%3E%3Cpath d='M17.975 3.313L14.662 0l-3.313 3.313.994.994 1.616-1.617v2.835c0 1.025-.444 1.998-1.218 2.67L9.988 10.58c-.4.347-.739.75-1.006 1.191-.263-.443-.594-.844-.988-1.185l-2.76-2.393c-.774-.67-1.218-1.644-1.218-2.669V2.69l1.616 1.617.994-.994L3.313 0 0 3.313l.994.994L2.61 2.69v2.835c0 1.433.62 2.793 1.704 3.732l2.759 2.392c.755.654 1.19 1.622 1.194 2.654V18h1.406v-3.688c0-1.016.45-1.988 1.236-2.67l2.752-2.385c1.083-.939 1.704-2.299 1.704-3.732V2.69l1.616 1.617.994-.994z' transform='rotate(90 8.5 14.5)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    width: 3rem;
    height: 3rem;
    border: 0;
    outline: none;
    background-repeat: no-repeat;
    display: inline-block;
    cursor: pointer;
}

.modal-footer {
    border: 0;
    padding: 2.2rem 1.5rem;
}

    .modal-footer .btn-time {
        margin: 0;
        width: 49%;
    }

.upload-controls .btn-time {
    margin-inline: auto;
    width: 20%;
    margin-top: 2rem;
}


.date-picker-popup .week-picker {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cpath fill='%230073C6' fill-rule='nonzero' d='M17.657 3c.426 0 .772.345.772.771V5.07C19.87 5.199 21 6.41 21 7.886V18.17C21 19.734 19.734 21 18.171 21H5.83C4.266 21 3 19.734 3 18.171V7.886C3 6.41 4.13 5.199 5.571 5.069V3.77c0-.426.346-.771.772-.771.426 0 .771.345.771.771v1.286h4.114V3.771c0-.39.29-.713.667-.764L12 3c.426 0 .771.345.771.771v1.286h4.114V3.771c0-.39.29-.713.667-.764zm1.8 8.228H4.542v6.943c0 .71.576 1.286 1.287 1.286H18.17c.71 0 1.286-.575 1.286-1.286v-6.943zM11.987 6.6l-5.632-.001-.012.001h-.514c-.71 0-1.286.576-1.286 1.286l-.001 1.799h14.915v-1.8c0-.71-.575-1.285-1.286-1.285l-.501-.001-.013.001h-.013l-5.631-.001L12 6.6h-.013z' transform='translate(-16 -166) translate(16 160) translate(0 6)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: left center;
    display: inline-block;
    text-indent: 4rem;
    text-align: left;
}

.day-night-chk {
    width: 16.6rem;
    border-radius: 4px;
    margin-left: auto;
    background-color: #e9f0f4;
}

    .day-night-chk input[type="radio"].toggle {
        position: absolute;
        left: -99em;
    }

        .day-night-chk input[type="radio"].toggle + label span {
            font: 1.3rem/2.3rem "Manrope-Medium";
            letter-spacing: -0.08px;
            height: 100%;
            padding: 3px;
            border: solid 0.5px transparent;
        }

        .day-night-chk input[type="radio"].toggle + label {
            color: #8999b5;
            border-radius: 4px;
            width: 86px;
            height: 40px;
            border-radius: 4px;
            background-color: #e9f0f4;
            padding: 3px 5px 3px 3px;
        }

        .day-night-chk input[type="radio"].toggle.checked + label {
            display: inline-block;
            color: #32425f;
            width: 86px;
            height: 40px;
            border-radius: 4px;
            background-color: #e9f0f4;
        }

            .day-night-chk input[type="radio"].toggle.checked + label span {
                background-color: #fff;
                border-radius: 4px;
                box-shadow: 0 3px 1px 0 rgba(0, 0, 0, 0.04), 0 3px 8px 0 rgba(0, 0, 0, 0.12);
                border-color: rgba(0, 0, 0, 0.04);
            }

    .day-night-chk .toggle-container label.night-radio-btn {
        border-left: 0 !important;
        margin-left: -6px;
    }

    .day-night-chk input[type="radio"].toggle.checked + label .ico-day {
        background-image: url("../images/day-icn.png");
    }

    .day-night-chk input[type="radio"].toggle.checked + label .ico-night {
        background-image: url("../images/night-icn.png");
    }

    .day-night-chk input[type="radio"].toggle + label .ico-day {
        background-image: url("../images/day-grey-icn.svg");
    }

    .day-night-chk input[type="radio"].toggle + label .ico-night {
        background-image: url("../images/night-grey-icn.svg");
    }

/* Activity day night radio*/
.act-day-night-chk {
    width: 16.6rem;
    border-radius: 4px;
    margin-left: auto;
    background-color: #e9f0f4;
}

    .act-day-night-chk input[type="radio"].toggle {
        position: absolute;
        left: -99em;
    }

        .act-day-night-chk input[type="radio"].toggle + label span {
            font: 1.3rem/2.3rem "Manrope-Medium";
            letter-spacing: -0.08px;
            height: 100%;
            padding: 3px;
            border: solid 0.5px transparent;
        }

        .act-day-night-chk input[type="radio"].toggle + label {
            color: #8999b5;
            border-radius: 4px;
            width: 86px;
            height: 40px;
            border-radius: 4px;
            background-color: #e9f0f4;
            padding: 3px 5px 3px 3px;
        }

        .act-day-night-chk input[type="radio"].toggle.checked + label {
            display: inline-block;
            color: #32425f;
            width: 86px;
            height: 40px;
            border-radius: 4px;
            background-color: #e9f0f4;
        }

            .act-day-night-chk input[type="radio"].toggle.checked + label span {
                background-color: #fff;
                border-radius: 4px;
                box-shadow: 0 3px 1px 0 rgba(0, 0, 0, 0.04), 0 3px 8px 0 rgba(0, 0, 0, 0.12);
                border-color: rgba(0, 0, 0, 0.04);
            }

    .act-day-night-chk .toggle-container label.night-radio-btn {
        border-left: 0 !important;
        margin-left: -6px;
    }

.radio-btn-label {
    white-space: nowrap;
    display: inline-block;
}

.act-day-night-chk input[type="radio"].toggle.checked + label .ico-day {
    background-image: url("../images/day-icn.png");
}

.act-day-night-chk input[type="radio"].toggle.checked + label .ico-night {
    background-image: url("../images/night-icn.png");
}

.act-day-night-chk input[type="radio"].toggle + label .ico-day {
    background-image: url("../images/day-grey-icn.svg");
}

.act-day-night-chk input[type="radio"].toggle + label .ico-night {
    background-image: url("../images/night-grey-icn.svg");
}

/* Date picker */
div#ui-datepicker-div {
    margin-top: 10px;
    border: none;
    border-radius: 4px;
    box-shadow: 0 8px 50px 0 rgba(0, 0, 0, 0.1);
    background-color: #ffffff;
    padding: 10px;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    width: 2.4rem;
    height: 2.4rem;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    cursor: pointer;
    color: transparent;
    outline: none;
}

.ui-datepicker .ui-datepicker-prev span {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg%3E%3Cg%3E%3Cg transform='translate(-16 -128) translate(16 128) matrix(-1 0 0 1 24 0)'%3E%3Crect width='23.2' height='23.2' x='.4' y='.4' fill='%23FFF' fill-rule='nonzero' stroke='%23E0E6E9' stroke-width='.8' rx='4'/%3E%3Cpath stroke='%230073C6' stroke-linejoin='round' stroke-width='1.6' d='M8.23 9.63L12.292 13.17 16.23 9.63' transform='matrix(0 1 1 0 .83 -.83)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    margin-left: 0;
    left: 0;
}

.ui-datepicker .ui-datepicker-next span {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg%3E%3Cg%3E%3Cg transform='translate(-280 -128) translate(16 128) translate(264)'%3E%3Crect width='23.2' height='23.2' x='.4' y='.4' fill='%23FFF' fill-rule='nonzero' stroke='%23E0E6E9' stroke-width='.8' rx='4'/%3E%3Cpath stroke='%230073C6' stroke-linejoin='round' stroke-width='1.6' d='M8.37 9.63L12.433 13.17 16.37 9.63' transform='matrix(0 1 1 0 .97 -.97)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.ui-datepicker .ui-datepicker-header {
    background: #ffffff;
    border: none;
    padding: 10px;
}

.ui-datepicker .ui-datepicker-title {
    font: 1.6rem "Manrope-Medium";
    color: #32425f;
}

.ui-datepicker th {
    border: 0;
    font: 1.2rem "Manrope-SemiBold";
    letter-spacing: -0.07px;
    color: #a1b5d8;
}

.ui-datepicker td a {
    border: none !important;
    background: none !important;
    font: 1.4rem "Manrope";
    letter-spacing: -0.38px;
    text-align: center;
    color: #32425f !important;
    padding: 8px;
}

.ui-datepicker td.ui-datepicker-other-month a {
    display: none;
}

.ui-datepicker td a.ui-state-highlight {
    background-color: #0073c6 !important;
    border-radius: 50%;
    color: #ffffff !important;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
    border: 0;
    background: none;
}

.week-picker-contactor .week-picker {
}
/*Contactor Tab*/
.spn-contract-date {
    color: #6b7d9e;
    font: 1.3rem "Manrope-Medium";
}

.activity-list.card-list .card .clock-time > span strong {
    color: #8999b5;
}

.date-picker.open .ui-datepicker {
    display: block;
    position: absolute;
    z-index: 2;
}

.date-picker {
    position: relative;
}

div#ui-datepicker-div {
    top: 39px !important;
    left: 0 !important;
    position: absolute !important;
}
/*Custom chkbox*/
.chk-custom input[type="checkbox"] {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
}

.chk-custom label {
    position: relative;
    cursor: pointer;
    color: #384b6b;
    font-size: 1.4rem;
}

    .chk-custom label:before {
        content: "";
        -webkit-appearance: none;
        background-color: #fff;
        border: solid 1px #a1b5d8;
        display: inline-block;
        position: relative;
        vertical-align: middle;
        cursor: pointer;
        margin-right: 1.4rem;
        border-radius: 50%;
        width: 20px;
        height: 20px;
        top: -1px;
    }

.chk-custom input[type="checkbox"]:checked + label::before {
    border: 1px solid transparent;
}

.chk-custom input[type="checkbox"]:checked + label:after {
    content: "";
    display: block;
    position: absolute;
    top: 2px;
    left: 0;
    width: 20px;
    height: 20px;
    border: 1px solid transparent;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cg transform='translate(-637 -207) translate(635 205) translate(2 2)'%3E%3Ccircle cx='10' cy='10' r='9.318' fill='%230073C6' stroke='%230073C6' stroke-opacity='.15' stroke-width='1.364'/%3E%3Cg stroke='%23FFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.6'%3E%3Cpath d='M10 0L3.125 7 0 3.818' transform='translate(5 7)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
}

.week-picker-contactor .chk-custom {
    display: none;
}

.week-picker-contactor.open .chk-custom {
    display: block;
    position: absolute;
    background: #fff;
    padding: 1.6rem;
    z-index: 2;
    width: 100%;
    border-radius: 4px;
    top: 0;
    left: 0;
}

.week-picker-contactor div#ui-datepicker-div {
    /* margin: 0; */
    /* top: 100px !important; */
    padding-top: 65px;
}

.week-picker-contactor .chk-custom label {
    width: 100%;
    border-bottom: 1px solid #ddd;
    padding-bottom: 1.6rem;
}

.week-picker-reviewedTimeH .chk-custom {
    display: none;
}

.week-picker-reviewedTimeH.open .chk-custom {
    display: block;
    position: absolute;
    background: #fff;
    padding: 1.6rem;
    z-index: 2;
    width: 100%;
    border-radius: 4px;
    top: 0;
    left: 0;
}

.week-picker-reviewedTimeH div#ui-datepicker-div {
    /* margin: 0; */
    /* top: 100px !important; */
    padding-top: 65px;
}

.week-picker-reviewedTimeH .chk-custom label {
    width: 100%;
    border-bottom: 1px solid #ddd;
    padding-bottom: 1.6rem;
}

.week-picker-employee .chk-custom {
    display: none;
}

.week-picker-employee.open .chk-custom {
    display: block;
    position: absolute;
    background: #fff;
    padding: 1.6rem;
    z-index: 2;
    width: 100%;
    border-radius: 4px;
    top: 0;
    left: 0;
}

.week-picker-employee div#ui-datepicker-div {
    /* margin: 0; */
    /* top: 100px !important; */
    padding-top: 65px;
}

.week-picker-employee .chk-custom label {
    width: 100%;
    border-bottom: 1px solid #ddd;
    padding-bottom: 1.6rem;
}

.week-picker-foreman .chk-custom {
    display: none;
}

.week-picker-foreman.open .chk-custom {
    display: block;
    position: absolute;
    background: #fff;
    padding: 1.6rem;
    z-index: 2;
    width: 100%;
    border-radius: 4px;
    top: 0;
    left: 0;
}

.week-picker-foreman div#ui-datepicker-div {
    /* margin: 0; */
    /* top: 100px !important; */
    padding-top: 65px;
}

.week-picker-foreman .chk-custom label {
    width: 100%;
    border-bottom: 1px solid #ddd;
    padding-bottom: 1.6rem;
}


.assignment-wrap-save .tab-filter-info {
    border: solid 1px #e2e8f1;
    background-color: #e9f6ff;
    background-image: none;
    color: #6b7d9e;
    font: 2rem Manrope-SemiBold;
}

    .assignment-wrap-save .tab-filter-info .row h2 strong {
        font-size: 2rem;
    }

    .assignment-wrap-save .tab-filter-info .row h2 span {
        font: 1.5rem Manrope;
        color: #6b7d9e;
    }

.assignment-wrap-save .chk-custom label:before,
.assignment-wrap-save .chk-custom input[type="checkbox"]:checked + label:after {
    width: 2.4rem;
    height: 2.4rem;
    background-size: 2.4rem;
    margin: 0;
}

.assignment-wrap-save .card-list .card h2 {
    margin-bottom: 0;
}

.assignment-wrap-save .btn-time-assgnmt-save {
    max-width: 8.9rem;
    padding: 0.75rem 1rem;
}
.assignment-wrap-save .btn-time-assgnmt-select-all {
    max-width: 8.9rem;
    padding: 0.75rem 1rem;
}

.week-picker-contactor .week-picker::placeholder {
    color: #32425f;
    font-size: 1.4rem;
}

.week-picker-reviewedTimeH .week-picker::placeholder {
    color: #32425f;
    font-size: 1.4rem;
}

.week-picker-employee .week-picker::placeholder {
    color: #32425f;
    font-size: 1.4rem;
}

.week-picker-foreman .week-picker::placeholder {
    color: #32425f;
    font-size: 1.4rem;
}

.card-list .card .clock-time > span {
    color: #8999b5;
    font-size: 1.4rem;
}

.activity-list.card-list .card .clock-time > span {
    font-family: "Manrope-SemiBold";
}

    .activity-list.card-list .card .clock-time > span strong {
        font-family: "Manrope";
    }

.modal .date-picker-popup .week-picker, .modal .date-picker-popup #date2, .date-picker-popup #date-attendance, .date-picker-popup #date-activity {
    text-indent: 3rem;
}

.modal .date-picker-popup #date2 {
    background-position: left;
    text-align: left;
}

.modal .date-picker-popup #dateCopyFrom, #dateCopyTo {
    background-position: left;
    text-align: left;
}

.activity-update-row .col-2 {
    width: 44px;
    max-width: 44px;
}

.activity-update-row .col-4 {
    width: 150px;
    max-width: 150px;
}

.input-increment .input-group .input-group-prepend button {
    padding-left: 1.5rem;
}

.input-increment .input-group .input-group-append button {
    padding-right: 1.5rem;
}

.activity-update-row .col-6 {
    width: calc(100% - 195px);
    max-width: 100%;
    flex: 1;
}

table.fixedHeader-floating {
    position: fixed !important;
    background-color: white
}

    table.fixedHeader-floating.no-footer {
        border-bottom-width: 0
    }

table.fixedHeader-locked {
    position: absolute !important;
    background-color: white
}

@media print {
    table.fixedHeader-floating {
        display: none
    }
}

.txt-aprov-day {
    font-size: 1.4rem;
}

.assignment-wrap-add .tab-filter-info .row h2 {
    font: 2rem/20px "Manrope-SemiBold";
    color: #fff;
}

    .assignment-wrap-add .tab-filter-info .row h2 span {
        font-size: 1.4rem;
        color: #fff;
    }

        .assignment-wrap-add .tab-filter-info .row h2 span:first-child {
            font: 1.5rem "Manrope";
            color: #fff;
        }

.assignment-wrap-add .tab-filter-info .row > div {
    padding-right: 6px;
}

.tab-filter-info .cont .row h2 {
    font: 1.8rem "Manrope-Medium";
}

.ico-back {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cg fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg stroke='%230073C6' stroke-width='1.6'%3E%3Cg%3E%3Cpath d='M14 7L0 7M7 14L0 7 7 0' transform='translate(-554 -56) translate(555 57)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    display: inline-block;
}

.ico-back-c {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cg fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg stroke='%230073C6' stroke-width='1.6'%3E%3Cg%3E%3Cpath d='M14 7L0 7M7 14L0 7 7 0' transform='translate(-554 -56) translate(555 57)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    display: inline-block;
}

.assignment-wrap-save .tab-filter-info .row h2 {
    font: 1.4rem/20px "Manrope-SemiBold";
    margin-top: 1.6rem;
}

    .assignment-wrap-save .tab-filter-info .row h2 strong {
        font: 2rem/20px "Manrope-SemiBold";
    }

.txt-company-assnmt {
    color: #8999b5;
    font-size: 1.4rem;
}

.activity-emp-box {
    width: 100%;
}

.calender-popup {
    position: absolute;
    z-index: 2;
    background: #fff;
    top: 42px;
    display: none;
    border-radius: 4px;
    box-shadow: 0 8px 50px 0 rgba(0, 0, 0, 0.1);
    padding: 1.6rem 1.2rem;
}

    .calender-popup.active {
        display: block;
    }

.newcalender-popup {
    position: absolute;
    z-index: 2;
    background: #fff;
    top: 42px;
    display: none;
    border-radius: 4px;
    box-shadow: 0 8px 50px 0 rgba(0, 0, 0, 0.1);
    padding: 1.6rem 1.2rem;
}

    .newcalender-popup.active {
        display: block;
    }

.newcalender-popup-f {
    position: absolute;
    z-index: 2;
    background: #fff;
    top: 42px;
    display: none;
    border-radius: 4px;
    box-shadow: 0 8px 50px 0 rgba(0, 0, 0, 0.1);
    padding: 1.6rem 1.2rem;
}

    .newcalender-popup-f.active {
        display: block;
    }

.calender-popup-review {
    position: absolute;
    z-index: 2;
    background: #fff;
    top: 42px;
    display: none;
    border-radius: 4px;
    box-shadow: 0 8px 50px 0 rgba(0, 0, 0, 0.1);
    padding: 1.6rem 1.2rem;
}

.calender-popup-review.active {
    display: block;
}

.week-picker-contactor .calender-popup .chk-custom {
    display: block;
    padding-bottom: 1rem;
}

.week-picker-reviewedTimeH .calender-popup-review .chk-custom {
    display: block;
    padding-bottom: 1rem;
}

.week-picker-employee .newcalender-popup .chk-custom {
    display: block;
    padding-bottom: 1rem;
}

.week-picker-foreman .newcalender-popup-f .chk-custom {
    display: block;
    padding-bottom: 1rem;
}

.week-picker-contactor .week-picker-contract {
    color: #32425f;
    font: 1.4rem Manrope-Medium;
    padding: 0 2.2rem;
    position: relative;
}

.week-picker-reviewedTimeH .week-picker-reviewedTime {
    color: #32425f;
    font: 1.4rem Manrope-Medium;
    padding: 0 2.2rem;
    position: relative;
}

.week-picker-employee .week-picker-emp {
    color: #32425f;
    font: 1.4rem Manrope-Medium;
    padding: 0 2.2rem;
    position: relative;
}

.week-picker-foreman .week-picker-fm {
    color: #32425f;
    font: 1.4rem Manrope-Medium;
    padding: 0 2.2rem;
    position: relative;
}

.week-picker-contactor .week-picker-contract:before {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg%3E%3Cg%3E%3Cpath fill='%23F7F9FC' d='M0 0H24V24H0z' transform='translate(-264 -50) translate(264 50)'/%3E%3Cpath fill='%230073C6' fill-rule='nonzero' d='M17.657 3c.426 0 .772.345.772.771V5.07C19.87 5.199 21 6.41 21 7.886V18.17C21 19.734 19.734 21 18.171 21H5.83C4.266 21 3 19.734 3 18.171V7.886C3 6.41 4.13 5.199 5.571 5.069V3.77c0-.426.346-.771.772-.771.426 0 .771.345.771.771v1.286h4.114V3.771c0-.39.29-.713.667-.764L12 3c.426 0 .771.345.771.771v1.286h4.114V3.771c0-.39.29-.713.667-.764zm1.8 8.228H4.542v6.943c0 .71.576 1.286 1.287 1.286H18.17c.71 0 1.286-.575 1.286-1.286v-6.943zM11.987 6.6l-5.632-.001-.012.001h-.514c-.71 0-1.286.576-1.286 1.286l-.001 1.799h14.915v-1.8c0-.71-.575-1.285-1.286-1.285l-.501-.001-.013.001h-.013l-5.631-.001L12 6.6h-.013z' transform='translate(-264 -50) translate(264 50)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: top center;
    letter-spacing: 0.23px;
    width: 24px;
    display: inline-block;
    height: 27px;
    vertical-align: middle;
    margin-right: 8px;
}

.week-picker-reviewedTimeH .week-picker-reviewedTime:before {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg%3E%3Cg%3E%3Cpath fill='%23F7F9FC' d='M0 0H24V24H0z' transform='translate(-264 -50) translate(264 50)'/%3E%3Cpath fill='%230073C6' fill-rule='nonzero' d='M17.657 3c.426 0 .772.345.772.771V5.07C19.87 5.199 21 6.41 21 7.886V18.17C21 19.734 19.734 21 18.171 21H5.83C4.266 21 3 19.734 3 18.171V7.886C3 6.41 4.13 5.199 5.571 5.069V3.77c0-.426.346-.771.772-.771.426 0 .771.345.771.771v1.286h4.114V3.771c0-.39.29-.713.667-.764L12 3c.426 0 .771.345.771.771v1.286h4.114V3.771c0-.39.29-.713.667-.764zm1.8 8.228H4.542v6.943c0 .71.576 1.286 1.287 1.286H18.17c.71 0 1.286-.575 1.286-1.286v-6.943zM11.987 6.6l-5.632-.001-.012.001h-.514c-.71 0-1.286.576-1.286 1.286l-.001 1.799h14.915v-1.8c0-.71-.575-1.285-1.286-1.285l-.501-.001-.013.001h-.013l-5.631-.001L12 6.6h-.013z' transform='translate(-264 -50) translate(264 50)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: top center;
    letter-spacing: 0.23px;
    width: 24px;
    display: inline-block;
    height: 27px;
    vertical-align: middle;
    margin-right: 8px;
}

.week-picker-foreman .week-picker-fm:before {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg%3E%3Cg%3E%3Cpath fill='%23F7F9FC' d='M0 0H24V24H0z' transform='translate(-264 -50) translate(264 50)'/%3E%3Cpath fill='%230073C6' fill-rule='nonzero' d='M17.657 3c.426 0 .772.345.772.771V5.07C19.87 5.199 21 6.41 21 7.886V18.17C21 19.734 19.734 21 18.171 21H5.83C4.266 21 3 19.734 3 18.171V7.886C3 6.41 4.13 5.199 5.571 5.069V3.77c0-.426.346-.771.772-.771.426 0 .771.345.771.771v1.286h4.114V3.771c0-.39.29-.713.667-.764L12 3c.426 0 .771.345.771.771v1.286h4.114V3.771c0-.39.29-.713.667-.764zm1.8 8.228H4.542v6.943c0 .71.576 1.286 1.287 1.286H18.17c.71 0 1.286-.575 1.286-1.286v-6.943zM11.987 6.6l-5.632-.001-.012.001h-.514c-.71 0-1.286.576-1.286 1.286l-.001 1.799h14.915v-1.8c0-.71-.575-1.285-1.286-1.285l-.501-.001-.013.001h-.013l-5.631-.001L12 6.6h-.013z' transform='translate(-264 -50) translate(264 50)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: top center;
    letter-spacing: 0.23px;
    width: 24px;
    display: inline-block;
    height: 27px;
    vertical-align: middle;
    margin-right: 8px;
}

.week-picker-employee .week-picker-emp:before {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg%3E%3Cg%3E%3Cpath fill='%23F7F9FC' d='M0 0H24V24H0z' transform='translate(-264 -50) translate(264 50)'/%3E%3Cpath fill='%230073C6' fill-rule='nonzero' d='M17.657 3c.426 0 .772.345.772.771V5.07C19.87 5.199 21 6.41 21 7.886V18.17C21 19.734 19.734 21 18.171 21H5.83C4.266 21 3 19.734 3 18.171V7.886C3 6.41 4.13 5.199 5.571 5.069V3.77c0-.426.346-.771.772-.771.426 0 .771.345.771.771v1.286h4.114V3.771c0-.39.29-.713.667-.764L12 3c.426 0 .771.345.771.771v1.286h4.114V3.771c0-.39.29-.713.667-.764zm1.8 8.228H4.542v6.943c0 .71.576 1.286 1.287 1.286H18.17c.71 0 1.286-.575 1.286-1.286v-6.943zM11.987 6.6l-5.632-.001-.012.001h-.514c-.71 0-1.286.576-1.286 1.286l-.001 1.799h14.915v-1.8c0-.71-.575-1.285-1.286-1.285l-.501-.001-.013.001h-.013l-5.631-.001L12 6.6h-.013z' transform='translate(-264 -50) translate(264 50)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: top center;
    letter-spacing: 0.23px;
    width: 24px;
    display: inline-block;
    height: 27px;
    vertical-align: middle;
    margin-right: 8px;
}

.chk-custom {
    color: #384b6b;
    font-size: 1.4rem;
}

#datepicker-contract .ui-widget.ui-widget-content {
    border: 0;
    padding: 0;
}

#datepicker-employee .ui-widget.ui-widget-content {
    border: 0;
    padding: 0;
}

#datepicker-foreman .ui-widget.ui-widget-content {
    border: 0;
    padding: 0;
}

#week-picker-activity .ui-widget.ui-widget-content {
    border: 0;
    padding: 0;
}

#datepicker-reviewedTime .ui-widget.ui-widget-content {
    border: 0;
    padding: 0;
}

.chk-box-all .ui-widget.ui-widget-content {
    pointer-events: none;
    opacity: 0.5;
}

.TCHiddenField {
    display: none;
}

.modal .txt-activity {
    white-space: nowrap;
}

.total-hrs-holder .col-md-8 {
    max-width: calc(100% - 200px);
    width: calc(100% - 200px);
    padding-right: 0;
}

.alert-popup.modal .modal-header {
    box-shadow: none;
}

.add .assignment-wrap-add-box,
.time-msg, .empty-msg, .empty-comment, .login-exists, .pass-match, .empty-comment-text, .login-space, .empty-project,
.msg-first-name, .msg-last-name, .msg-email, .msg-role, .msg-login, .new-pass, .re-pass, .empty-emp, .zero-hrs, .exceed-max-hrs,
.assignment-wrap-save-box, .new-pass-add, .re-pass-add, .inactive-user, .pass-match-add, .future-date, .error-msg,
.msg-contractor, .msg-contractor-add, .msg-email-format, .empty-first-name-add, .empty-last-name-add, .empty-first-name-edit,
.empty-last-name-edit, .empty-until-edit, .empty-reason-edit, .empty-until-add, .empty-reason-add, .past-until-edit, .past-until-add,
.format-until-add, .format-until-edit, .count-val, .insufficient-comment-text, .activity-exists, .prj-name-req, .prj-name-exists,
.prj-code-req, .prj-code-exists, .prj-stdate-req, .prj-end-gt, .act-desc-req, .act-desc-exists, .act-code-req, .act-code-exists, .act-wo-num, .act-wo-len, .act-uom-len,
.crft-name-req, .crft-name-exists, .crft-do-num, .crft-do-len, .crft-do-req, .crft-do-less, .rgn-name-req, .rgn-name-exists,
.empty-craft-edit, .per-diem-num, .per-diem-len, .craft-selection-req, .craft-selection-req, .other-amt-num, .other-amt-len,
.duration-req, .costType-req, .activity-selection-req, .chg-project-req, .chg-project-not-exists, .chg-project-act-exists, .chg-project-input,
.concraft-st-num, .concraft-ot-num, .concraft-dt-num, .concraft-st-len, .concraft-ot-len, .concraft-dt-len,
.act-wbs-len, .act-contractor-add, .act-bud-num, .num-hrs, .empty-reject-comment, .reject-empty-comment-text, .empty-reject-comment-summary, .reject-empty-comment-text-summary,
.hide-button, .reason-desc-req, .reason-desc-exists, .reason-do-num, .reason-do-len, .reason-do-req, .reason-do-less, .shift-req, .act-wo-exists, .new-num-wo-exists, .wo-exists,
.prj-start-format, .prj-end-format, .dt-format, .cost-limit,
.prj-region-req {
    display: none;
}

#chg-project-label {
    cursor: pointer;
    color: blue;
    text-decoration: underline;
}

.add .assignment-wrap-save-box {
    display: block;
}

.time-msg, .zero-hrs, .exceed-max-hrs {
    font-size: 1.3rem;
    color: #e63434;
}

.assignment-wrap-save-box .card-list .col-2 {
    width: 40px;
    max-width: 40px;
    padding-right: 0;
}

.cassignment-wrap-save-box .card-list .col-2 {
    width: 40px;
    max-width: 40px;
    padding-right: 0;
}

.activity-update-row select, .input-increment .input-group .incrementer, .activity-update-row .input-group .addincrementer {
    font-size: 12px;
}

.empty-msg, .error-message {
    font-size: 1.3rem;
    color: #e63434 !important;
}

.no-emp {
    font-size: 1.3rem;
    color: #e63434;
}

.empty-comment, .login-exists, .pass-match, .empty-comment-text, .new-pass, .re-pass, .empty-emp, .login-space, .empty-project,
.msg-first-name, .msg-last-name, .msg-email, .msg-role, .msg-login, .new-pass-add, .re-pass-add, .pass-match-add, .future-date, .error-msg,
.msg-contractor, .msg-contractor-add, .msg-email-format, .empty-first-name-add, .empty-last-name-add, .empty-first-name-edit,
.empty-last-name-edit, .empty-until-edit, .empty-reason-edit, .empty-until-add, .empty-reason-add, .past-until-edit, .past-until-add,
.format-until-add, .format-until-edit, .count-val, .insufficient-comment-text, .activity-exists, .prj-name-req, .prj-name-exists,
.prj-code-req, .prj-code-exists, .prj-stdate-req, .prj-end-gt, .act-desc-req, .act-desc-exists, .act-code-req, .act-code-exists, .act-wo-num, .act-wo-len, .act-uom-len,
.crft-name-req, .crft-name-exists, .crft-do-num, .crft-do-len, .crft-do-req, .crft-do-less, .empty-craft-edit, .rgn-name-req, .rgn-name-exists,
.per-diem-num, .per-diem-len, .craft-selection-req, .duration-req, .costType-req, .activity-selection-req, .other-amt-num, .other-amt-len,
.concraft-st-num, .concraft-ot-num, .concraft-dt-num, .concraft-st-len, .concraft-ot-len, .concraft-dt-len, .chg-project-req, .chg-project-not-exists, .chg-project-act-exists,
.act-wbs-len, .act-contractor-add, .act-bud-num, .num-hrs, .empty-reject-comment, .reject-empty-comment-text, .empty-reject-comment-summary, .reject-empty-comment-text-summary,
.reason-desc-req, .reason-desc-exists, .reason-do-num, .reason-do-len, .reason-do-req, .reason-do-less, .shift-req, .act-wo-exists, .new-num-wo-exists, .wo-exists,
.prj-start-format, .prj-end-format, .dt-format, .cost-limit,
.prj-region-req, .activity-upload-errorMsg, .copy-time-future-date {
    font-size: 1.3rem;
    color: #e63434;
}

.red-color-text {
    color: #e63434 !important;
}

.green-color-text {
    color: #009900 !important;
}

.login-form .error-msg {
    /*display: inline-block;*/
    text-align: left;
    width: 100%;
    position: absolute;
    top: 100%;
}

.ico-training-status {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='23' viewBox='0 0 30 23'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg%3E%3Cg%3E%3Cg transform='translate(-130 -688) translate(16 672) translate(115 17)'%3E%3Cpath stroke='%238999B5' stroke-width='1.6' d='M10 1.833h16.667c.46 0 .833.373.833.834v11.666c0 .46-.373.834-.833.834H10c-.46 0-.833-.373-.833-.834V2.667c0-.46.373-.834.833-.834z'/%3E%3Cpath fill='%23FFF' stroke='%238999B5' stroke-width='1.6' d='M0 19.006v-6.481c0-.776.62-1.41 1.395-1.428l5.745-.137h0l5.013-1.713c.326-.111.685.026.854.326.167.298.091.674-.179.883l-5.224 4.05h0v4.5c0 .263-.213.476-.476.476H.476c-.263 0-.476-.213-.476-.476z'/%3E%3Ccircle cx='3.692' cy='7.524' r='2.357' stroke='%238999B5' stroke-width='1.6'/%3E%3Cpath fill='%23D8D8D8' stroke='%238999B5' stroke-linecap='round' stroke-width='1.6' d='M21.41 15.167L24.378 19.787'/%3E%3Cpath fill='%23D8D8D8' stroke='%238999B5' stroke-linecap='round' stroke-width='1.6' d='M12.244 15.167L15.212 19.787' transform='matrix(-1 0 0 1 27.455 0)'/%3E%3Cpath fill='%23D8D8D8' stroke='%238999B5' stroke-linecap='round' stroke-width='1.6' d='M18.333 15.167L18.333 20.24M18.333 0L18.333.907'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    width: 28px;
    height: 21px;
    display: inline-block;
    background-size: 28px;
    background-repeat: no-repeat;
    vertical-align: middle;
}

.ico-suspension-status {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cg fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg stroke='%238999B5' stroke-width='1.6'%3E%3Cg%3E%3Cg transform='translate(-130 -526) translate(16 507) translate(115 20)'%3E%3Ccircle cx='8' cy='8' r='8'/%3E%3Cpath d='M2.344 2.344L13.656 13.656'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    width: 16px;
    height: 16px;
    display: inline-block;
    background-size: 16px;
    background-repeat: no-repeat;
    vertical-align: middle;
}

.modal-footer.modal-footer-multi {
    flex-wrap: nowrap;
}

    .modal-footer.modal-footer-multi .btn-time {
        flex-grow: 1;
        margin: 0 5px;
        white-space: nowrap;
    }

.Group-3 {
    width: 25px;
    height: 24px;
    object-fit: contain;
}

.edit-2-1 {
    width: 20px;
    height: 20px;
    object-fit: contain;
}

.ico-clock-warning {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='24' viewBox='0 0 25 24'%3E%3Cg fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg%3E%3Cg%3E%3Cg stroke='%23A1B5D8' stroke-width='1.6' transform='translate(-653 -52) translate(654 53)'%3E%3Ccircle cx='9' cy='9' r='9'/%3E%3Cpath d='M9 3.6L9 9 12.6 10.8'/%3E%3C/g%3E%3Cg%3E%3Cpath fill='%23A1B5D8' stroke='%23A1B5D8' stroke-width='1.3' d='M5.912 1.184l-5.39 8.998c-.226.391-.228.874-.004 1.267.224.392.64.637 1.092.642h10.78c.452-.005.868-.25 1.092-.642.224-.393.222-.876-.004-1.267l-5.39-8.998C7.858.804 7.445.57 7 .57c-.445 0-.857.232-1.088.613z' transform='translate(-653 -52) translate(654 53) translate(9 10)'/%3E%3Cpath stroke='%23FFF' stroke-width='1.273' d='M7 4.455L7 7M7 9.545L7.006 9.545' transform='translate(-653 -52) translate(654 53) translate(9 10)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    width: 24px;
    height: 24px;
    display: inline-block;
    background-size: 22px;
    background-repeat: no-repeat;
    vertical-align: middle;
    margin-right: 3px;
}


.ico-pen {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cg fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg stroke='%23A1B5D8' stroke-width='1.6'%3E%3Cg%3E%3Cpath d='M13.5.746c.643-.643 1.58-.895 2.459-.66.878.236 1.564.922 1.8 1.8.235.88-.016 1.817-.659 2.46L4.95 16.496 0 17.846l1.35-4.95L13.5.746z' transform='translate(-695 -53) translate(696 54)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    width: 16px;
    height: 16px;
    display: inline-block;
    background-size: 16px;
    background-repeat: no-repeat;
    vertical-align: middle;
    margin-right: 3px;
}

.ico-expand {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-plus-square' viewBox='0 0 16 16'%3E%3Cpath d='M14 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h12zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z'/%3E%3Cpath d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z'/%3E%3C/svg%3E");
    width: 16px;
    height: 16px;
    display: inline-block;
    background-size: 16px;
    background-repeat: no-repeat;
    vertical-align: middle;
    background-color: lightgray;
}

.ico-collapse {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-dash-square' viewBox='0 0 16 16'%3E%3Cpath d='M14 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h12zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z'/%3E%3Cpath d='M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8z'/%3E%3C/svg%3E");
    width: 16px;
    height: 16px;
    display: inline-block;
    background-size: 16px;
    background-repeat: no-repeat;
    vertical-align: middle;
    background-color: lightgray;
}

/*Data Table*/
table th {
    font-family: "Manrope-SemiBold";
    font-weight: normal;
    color: #32425f;
}

table.dataTable tbody td {
    padding: 1.5rem 0.75rem;
}

.lnk-user-edit,
.lnk-pass-change {
    color: #0073c6;
    text-decoration: underline;
}

.form-group input[type="text"],
.form-group input[type="email"],
.form-group input[type="password"] {
    width: 100%;
    height: 3em;
    line-height: 3;
    background: #fff;
    border-radius: 0.6rem;
    margin-bottom: 1rem;
    border: 1px solid #e2e8f1;
}

.form-group input[type="checkbox"] {
    width: auto;
    margin-top: 5px;
    margin-right: 5px;
}

.form-group .col-form-label {
    font: 1.4rem "Manrope-Medium";
}

.form-group label,
.user-admin-modal ul li span {
    font-size: 14px;
}

.user-admin-modal .modal-body {
    max-height: 484px;
    overflow-y: auto;
    overflow-x: hidden;
}

.user-admin-modal .modal-dialog {
    max-width: 680px;
}

.multi-select,
.multi-select-con,
.select2-container {
    width: 100% !important;
    display: block !important;
}

.select2-container--default .select2-selection--multiple,
.select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #e2e8f1;
}

.select2-container--default .select2-selection--multiple {
    min-height: 42px;
    padding-top: 2px;
}

.txt-activity,
.lnk-update {
    align-self: center;
}

.card-list .card .clock-time > span {
    font: 1.3rem "Manrope-Medium";
}

.activity-list.card-list .card .clock-time > span strong {
    font-family: "Manrope-SemiBold";
}

.card-list .card .clock-time > span {
    font: 1.4rem "Manrope-Medium";
}

.txt-activity {
    font: 1.4rem Manrope-Medium;
}

.clock-time .pr-md-3 {
    align-items: center;
    color: #66788d !important;
}

.clock-time .pl-md-3 {
    align-items: center;
}

.card-list .card .clock-time .pl-md-3 {
    color: #66788d;
    font-size: 1.4rem;
}

.pl-md-4 {
    color: #66788d;
    font-size: 1.4rem;
    font-weight: bold !important;
}

.ico-quest-grey {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='12' viewBox='0 0 8 12'%3E%3Cg fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg stroke='%23A1B5D8' stroke-width='1.6'%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cpath d='M0 2.005C.485.625 1.895-.204 3.337.043 4.78.291 5.832 1.542 5.83 3.005c0 1.48-1.909 2.028-2.498 2.798-.246.32-.332.816-.332.816M2.91 10.005L2.92 10.005' transform='translate(-145 -56) translate(137 50) translate(2 2) translate(7 5)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    width: 16px;
    height: 16px;
    display: inline-block;
    background-size: 10px;
    vertical-align: middle;
}

.modal input[type="text"] {
    border-color: #e2e8f1;
    border-radius: 0.6rem;
}

.ico-close-gray {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3C!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath fill='%238999B5' stroke='%238999B5' d='M437.019,74.98C388.667,26.628,324.379,0,256,0S123.333,26.628,74.981,74.981C26.629,123.333,0,187.62,0,256.001 c0,68.38,26.628,132.668,74.98,181.02C123.332,485.371,187.619,512,255.999,512s132.668-26.628,181.02-74.98 C485.371,388.667,512,324.38,512,256S485.371,123.333,437.019,74.98z M415.806,415.807C373.12,458.492,316.366,482,255.999,482 s-117.121-23.508-159.806-66.193C53.507,373.121,30,316.368,30,256.001S53.509,138.88,96.194,96.194 C138.88,53.508,195.633,30,256,30s117.12,23.508,159.807,66.193C503.922,184.311,503.922,327.689,415.806,415.807z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cpath fill='%238999B5' stroke='%238999B5' d='M368.854,347.642l-91.641-91.641l91.641-91.641c5.857-5.858,5.857-15.355-0.001-21.212 c-5.857-5.858-15.355-5.858-21.213,0L256,234.788l-91.641-91.641c-5.857-5.858-15.355-5.858-21.213,0 c-5.858,5.858-5.858,15.355,0,21.213l91.641,91.641l-91.641,91.641c-5.858,5.858-5.858,15.355,0,21.213 c2.929,2.929,6.768,4.393,10.606,4.393c3.839,0,7.678-1.464,10.607-4.393L256,277.214l91.641,91.641 c2.929,2.929,6.768,4.393,10.607,4.393s7.678-1.464,10.606-4.393C374.712,362.997,374.712,353.5,368.854,347.642z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center bottom;
    width: 24px;
    height: 24px;
    display: inline-block;
    background-size: 100%;
    vertical-align: middle;
}

.profile-setting.dropdown-toggle {
    width: auto;
    background-position: right center;
    padding-right: 30px;
    font: 1.4rem "Manrope-Medium";
    line-height: 1.7;
}

#loading {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.8);
    z-index: 1000;
}

#loadingcontent {
    display: table;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

#loadingspinner {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    text-align: center;
    font-size: larger;
    padding-top: 80px;
}

.loader {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.7411764705882353);
    z-index: 10;
    display: flex;
    justify-content: center;
    align-items: center;
}

.card-list .card .row > .col-md-1,
.card-list .card .row > .col-md-2 {
    position: initial;
}

.help-content img {
    width: 100%;
    border: 1px solid #ccdae8;
}

.help-content p {
    margin-bottom: 1.4rem;
}

.help-content .col-md-9 ul {
    list-style: disc;
    padding-left: 3rem;
}

.help-content ol {
    list-style: decimal;
}

    .help-content ol li {
        margin-bottom: 10px;
    }

.help-content h2 {
    font: 2.4rem "Manrope-SemiBold";
}

.help-content h3 {
    font: 1.8rem "Manrope-SemiBold";
}

.help-content h4 {
    font: 1.6rem "Manrope-SemiBold";
    margin-bottom: 2rem;
    color: #0073c6;
}

.help-wrapper {
}

.help-content {
    min-height: 100vh;
}

    .help-content .col-md-9 {
        background: #fff;
    }

    .help-content .list-group a {
        color: #0073c6;
        /* font: 1.6rem "Manrope-Medium"; */
    }

    .help-content .list-group li a:hover,
    .help-content .list-group li a.active {
        display: block;
        background: rgba(0, 115, 198, 0.15);
        border-radius: 3px;
    }

.left-sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 1rem;
    z-index: 1000;
    height: calc(100vh - 4rem);
}

.help-content .img-1 {
    width: 100% !important;
}

.help-content .col-8 img,
.help-content .col-md-8 img {
    margin-right: 10px;
}

.help-content .list-group li ul li a {
    font-size: 1.4rem;
    outline: none;
}

    .help-content .list-group li ul li a.active {
        font-family: "Manrope-Medium";
    }

.help-content .list-group li ul li {
    margin-top: 8px;
}

.sub-nav + ul {
    display: none;
}

.sub-nav.active + ul {
    display: block;
}

.sub-nav {
    position: relative;
    padding-right: 28px;
}

    .sub-nav:after {
        content: "";
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cg fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg stroke='%230073C6' stroke-width='1.6'%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cpath d='M8 10L12.063 13.541 16 10' transform='translate(-104 -29) translate(16 20) translate(81)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: center;
        background-size: 1rem;
        text-decoration: none;
        outline: none;
        display: block;
        position: absolute;
        right: 10px;
        top: 0;
        width: 14px;
        height: 100%;
    }

@media only screen and (min-width: 992px) and (max-width: 1220px) {
    .help-content #add-worker .col-4 img {
        width: 200px !important;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {

    .help-content .col-md-8 p.pl-5,
    .help-content .col-md-8 div.pl-5 {
        margin-left: 0 !important;
        padding-left: 0 !important;
    }

    .help-content .col-4,
    .help-content .col-8,
    .help-content .col-md-8 {
        max-width: 100% !important;
        padding-left: 0;
    }

    .help-content .col-md-12 ol {
        margin-left: 0 !important;
        margin-top: 2rem;
        padding-left: 1.5rem !important;
    }

    .help-content .col-8 {
        /* padding-top: 3rem; */
    }

    .col-md-9 {
        padding-top: 80px !important;
    }
}



@media (min-width: 768px) {
    #menu-toggle {
        display: none;
    }
}

@media (max-width: 767px) {
    .help-content .col-8 img,
    .help-content .col-md-8 img {
        width: 50px !important;
    }

    .help-content .col-md-8 p.pl-5,
    .help-content .col-md-8 div.pl-5 {
        margin-left: 0 !important;
        padding-left: 0 !important;
    }

    .help-content .col-4,
    .help-content .col-8,
    .help-content .col-md-8 {
        max-width: 100% !important;
        padding-left: 0;
    }

    .help-content .col-md-12 ol {
        margin-left: 0 !important;
        margin-top: 2rem;
        padding-left: 1.5rem !important;
    }

    .help-content .col-8 {
        /* padding-top: 3rem; */
    }

    .col-md-9 {
        padding-top: 80px !important;
    }

    .left-sticky {
        height: 64px;
        position: fixed;
        width: 100%;
        top: 0;
        background: #eceff1;
    }

    #menu-toggle {
        opacity: 0;
    }

        #menu-toggle:checked ~ .menu-btn > span {
            transform: rotate(45deg);
        }

            #menu-toggle:checked ~ .menu-btn > span::before {
                top: 0;
                transform: rotate(0);
            }

            #menu-toggle:checked ~ .menu-btn > span::after {
                top: 0;
                transform: rotate(90deg);
            }

        #menu-toggle:checked ~ .menu-box, .show-menu .menu-box {
            visibility: visible;
            left: 0;
        }

    .menu-btn {
        display: flex;
        align-items: center;
        position: fixed;
        top: 20px;
        left: 20px;
        width: 26px;
        height: 26px;
        cursor: pointer;
        z-index: 1;
    }

        .menu-btn > span,
        .menu-btn > span::before,
        .menu-btn > span::after {
            display: block;
            position: absolute;
            width: 100%;
            height: 2px;
            background-color: #616161;
            transition-duration: 0.25s;
        }

            .menu-btn > span::before {
                content: "";
                top: -8px;
            }

            .menu-btn > span::after {
                content: "";
                top: 8px;
            }

    .menu-box {
        display: block;
        position: fixed;
        visibility: hidden;
        top: 0;
        left: -100%;
        width: 300px;
        height: 100%;
        margin: 0;
        padding: 80px 10px;
        list-style: none;
        background-color: #eceff1;
        box-shadow: 1px 0px 6px rgba(0, 0, 0, 0.2);
        transition-duration: 0.25s;
    }

    .help-content img {
        width: 200px !important;
    }
}

.active-chk-label label {
    position: absolute;
    opacity: 0;
}

table.dataTable > tbody > tr.child ul.dtr-details {
    width: 100%;
}

table.dataTable .dtr-data input + label {
    display: none;
}

.small {
    font-family: "Manrope-SemiBold";
    padding-left: 15px;
    font-size: 12px;
    margin-top: 20px;
    display: block;
}

div.dataTables_wrapper div.dataTables_filter {
    text-align: left;
    margin-bottom: 15px;
}

    div.dataTables_wrapper div.dataTables_filter > label,
    .search-val > label {
        height: 48px;
        position: relative;
        max-width: 300px;
        width: 100%;
    }

        div.dataTables_wrapper div.dataTables_filter > label::before,
        .search-val > label::before {
            content: "";
            background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3C!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 56.966 56.966' style='enable-background:new 0 0 56.966 56.966;' xml:space='preserve'%3E%3Cpath fill='%238999B5' d='M55.146,51.887L41.588,37.786c3.486-4.144,5.396-9.358,5.396-14.786c0-12.682-10.318-23-23-23s-23,10.318-23,23 s10.318,23,23,23c4.761,0,9.298-1.436,13.177-4.162l13.661,14.208c0.571,0.593,1.339,0.92,2.162,0.92 c0.779,0,1.518-0.297,2.079-0.837C56.255,54.982,56.293,53.08,55.146,51.887z M23.984,6c9.374,0,17,7.626,17,17s-7.626,17-17,17 s-17-7.626-17-17S14.61,6,23.984,6z'/%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E");
            background-repeat: no-repeat;
            position: absolute;
            width: 20px;
            height: 20px;
            top: calc(50% - 10px);
            left: 13px;
        }

    div.dataTables_wrapper div.dataTables_filter input,
    .search-val input {
        border-color: #e2e8f1;
        border-radius: 0.6rem;
        padding: 12px;
        width: 100%;
        color: #000;
        font-size: 1.4rem;
        height: auto;
        margin: 0;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-left: 40px;
    }

.search-val input {
    height: 48px;
}

#change-pwd .login-form .change-pwd-form {
    height: auto;
    flex-direction: column;
    justify-content: center;
    max-width: 400px;
    margin: 0 auto;
}

.login-form .error-msg {
    text-align: left;
    width: 100%;
    position: absolute;
    top: 100%;
    line-height: 1.3;
}

.error-msg {
    display: none;
}
/*.modal-backdrop {
    z-index: 1201;
}

.modal {
    z-index: 1202;
}*/

.sticky-top-ccm {
    position: -webkit-sticky;
    position: sticky;
    top: 60px;
    z-index: 10
}


.grade-a {
    color: rgb(49, 201, 30) !important;
    border: 1px solid rgb(49, 201, 30);
}

.grade-b {
    color: rgb( 2, 136,209) !important;
    border: 1px solid rgb( 2, 136,209);
}

.grade-c {
    color: rgb(219,161, 32) !important;
    border: 1px solid rgb(219,161, 32);
}

.grade-d {
    color: rgb(156, 39, 176) !important;
    border: 1px solid rgb(156, 39, 176);
}

.grade-e {
    color: #e63434 !important;
    border: 1px solid #e63434;
}

.ico-green {
    /*background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cg transform='translate(-637 -207) translate(635 205) translate(2 2)'%3E%3Ccircle cx='10' cy='10' r='9.318' fill='%23fff' stroke='%2331c91e' stroke-width='1.364'/%3E%3Cg stroke='%2331c91e' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.6'%3E%3Cpath d='M10 0L3.125 7 0 3.818' transform='translate(5 7)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");*/
    background-image: url("data:image/svg+xml,%3Csvg fill='none' stroke='green' stroke-width='1.5' width='20' height='20' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' aria-hidden='true'%3E %3Cpath stroke-linecap='round' stroke-linejoin='round' d='M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z'%3E%3C/path%3E%3C/svg%3E");
    width: 20px;
    height: 20px;
    display: inline-block;
    background-size: 20px;
    background-repeat: no-repeat;
    vertical-align: middle;
}

.ico-red {
    background-image: url("data:image/svg+xml,%3Csvg fill='none' stroke='red' stroke-width='1.5' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' aria-hidden='true'%3E %3Cpath stroke-linecap='round' stroke-linejoin='round' d='M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z'%3E%3C/path%3E%3C/svg%3E");
    width: 20px;
    height: 20px;
    display: inline-block;
    background-size: 20px;
    background-repeat: no-repeat;
    vertical-align: middle;
}

.ico-disabled {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3C!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath fill='%239cb3d5' stroke='%239cb3d5' d='M256,0C114.497,0,0,114.507,0,256c0,141.503,114.507,256,256,256c141.503,0,256-114.507,256-256 C512,114.497,397.493,0,256,0z M256,472c-119.393,0-216-96.615-216-216c0-119.393,96.615-216,216-216 c119.393,0,216,96.615,216,216C472,375.393,375.385,472,256,472z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cpath fill='%239cb3d5' stroke='%239cb3d5' d='M256,128.877c-11.046,0-20,8.954-20,20V277.67c0,11.046,8.954,20,20,20s20-8.954,20-20V148.877 C276,137.831,267.046,128.877,256,128.877z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Ccircle fill='%239cb3d5' stroke='%239cb3d5' cx='256' cy='349.16' r='27'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E");
    width: 16px;
    height: 16px;
    display: inline-block;
    background-size: 16px;
    background-repeat: no-repeat;
    vertical-align: middle;
}

.gaps-list h3,
.m-emp-list h3 {
    font: 1.4rem Manrope-Medium;
    color: #32425f;
    margin-bottom: 4px;
}

.gaps-list li,
.m-emp-list li,
.m-emp-c-list li {
    margin-bottom: 15px;
    /*    padding-bottom: 15px;*/
}

    .gaps-list li > div {
        display: flex;
        justify-content: space-between;
    }

        .gaps-list li > div span,
        .m-emp-list h3 span,
        .m-emp-c-list li > span {
            font: 1.2rem Manrope-Medium;
            color: #6b7d9e;
        }

.m-emp-list h2,
.m-emp-c-list .txt-c-name {
    font: 1.4rem Manrope-Medium;
    color: #6b7d9e;
}

.m-emp-list h3 span {
    display: block;
    width: 100%;
}

.green {
    color: rgb(67,149,57);
}

.c-title {
    cursor: pointer;
}

.m-emp-c-list .txt-c-name {
    padding-right: 10px;
    color: #32425f;
}

.m-emp-c-list .txt-c-name-val {
    font: 1.4rem Manrope-Medium;
    color: #6b7d9e;
}

.m-emp-c-list select {
    width: 120px;
}

.c-list-row.card-list .card h2.c-title {
    color: #0073c6;
}

.grade-a,
.grade-b,
.grade-c,
.grade-d,
.grade-e {
    padding: 2px 4px !important;
    line-height: 1 !important;
    width: 19px;
    height: 20px;
}

.ico-close-gray-sm {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3C!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath fill='%238999B5' stroke='%238999B5' d='M437.019,74.98C388.667,26.628,324.379,0,256,0S123.333,26.628,74.981,74.981C26.629,123.333,0,187.62,0,256.001 c0,68.38,26.628,132.668,74.98,181.02C123.332,485.371,187.619,512,255.999,512s132.668-26.628,181.02-74.98 C485.371,388.667,512,324.38,512,256S485.371,123.333,437.019,74.98z M415.806,415.807C373.12,458.492,316.366,482,255.999,482 s-117.121-23.508-159.806-66.193C53.507,373.121,30,316.368,30,256.001S53.509,138.88,96.194,96.194 C138.88,53.508,195.633,30,256,30s117.12,23.508,159.807,66.193C503.922,184.311,503.922,327.689,415.806,415.807z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cpath fill='%238999B5' stroke='%238999B5' d='M368.854,347.642l-91.641-91.641l91.641-91.641c5.857-5.858,5.857-15.355-0.001-21.212 c-5.857-5.858-15.355-5.858-21.213,0L256,234.788l-91.641-91.641c-5.857-5.858-15.355-5.858-21.213,0 c-5.858,5.858-5.858,15.355,0,21.213l91.641,91.641l-91.641,91.641c-5.858,5.858-5.858,15.355,0,21.213 c2.929,2.929,6.768,4.393,10.606,4.393c3.839,0,7.678-1.464,10.607-4.393L256,277.214l91.641,91.641 c2.929,2.929,6.768,4.393,10.607,4.393s7.678-1.464,10.606-4.393C374.712,362.997,374.712,353.5,368.854,347.642z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center bottom;
    width: 16px;
    height: 16px;
    display: inline-block;
    background-size: 100%;
    vertical-align: middle;
}

.ico-disabled-dark {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3C!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath fill='%238999B5' stroke='%238999B5' d='M256,0C114.497,0,0,114.507,0,256c0,141.503,114.507,256,256,256c141.503,0,256-114.507,256-256 C512,114.497,397.493,0,256,0z M256,472c-119.393,0-216-96.615-216-216c0-119.393,96.615-216,216-216 c119.393,0,216,96.615,216,216C472,375.393,375.385,472,256,472z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cpath fill='%238999B5' stroke='%238999B5' d='M256,128.877c-11.046,0-20,8.954-20,20V277.67c0,11.046,8.954,20,20,20s20-8.954,20-20V148.877 C276,137.831,267.046,128.877,256,128.877z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Ccircle fill='%238999B5' stroke='%238999B5' cx='256' cy='349.16' r='27'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E");
    width: 16px;
    height: 16px;
    display: inline-block;
    background-size: 16px;
    background-repeat: no-repeat;
    vertical-align: middle;
}

.addEmployee {
    display: none;
    margin-right: 20px;
}

.copyTime {
    margin-right: 20px;
}

.addNewEmployee {
    display: none;
}

.addNewContractor {
    display: none;
}

.contractor-padding {
    padding-left: 10px;
}

.ico-refresh {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3C!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='438.529px' height='438.528px' viewBox='0 0 438.529 438.528' style='enable-background:new 0 0 438.529 438.528;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath fill='%238999B5' d='M433.109,23.694c-3.614-3.612-7.898-5.424-12.848-5.424c-4.948,0-9.226,1.812-12.847,5.424l-37.113,36.835 c-20.365-19.226-43.684-34.123-69.948-44.684C274.091,5.283,247.056,0.003,219.266,0.003c-52.344,0-98.022,15.843-137.042,47.536 C43.203,79.228,17.509,120.574,5.137,171.587v1.997c0,2.474,0.903,4.617,2.712,6.423c1.809,1.809,3.949,2.712,6.423,2.712h56.814 c4.189,0,7.042-2.19,8.566-6.565c7.993-19.032,13.035-30.166,15.131-33.403c13.322-21.698,31.023-38.734,53.103-51.106 c22.082-12.371,45.873-18.559,71.376-18.559c38.261,0,71.473,13.039,99.645,39.115l-39.406,39.397 c-3.607,3.617-5.421,7.902-5.421,12.851c0,4.948,1.813,9.231,5.421,12.847c3.621,3.617,7.905,5.424,12.854,5.424h127.906 c4.949,0,9.233-1.807,12.848-5.424c3.613-3.616,5.42-7.898,5.42-12.847V36.542C438.529,31.593,436.733,27.312,433.109,23.694z'/%3E%3Cpath fill='%238999B5' d='M422.253,255.813h-54.816c-4.188,0-7.043,2.187-8.562,6.566c-7.99,19.034-13.038,30.163-15.129,33.4 c-13.326,21.693-31.028,38.735-53.102,51.106c-22.083,12.375-45.874,18.556-71.378,18.556c-18.461,0-36.259-3.423-53.387-10.273 c-17.13-6.858-32.454-16.567-45.966-29.13l39.115-39.112c3.615-3.613,5.424-7.901,5.424-12.847c0-4.948-1.809-9.236-5.424-12.847 c-3.617-3.62-7.898-5.431-12.847-5.431H18.274c-4.952,0-9.235,1.811-12.851,5.431C1.807,264.844,0,269.132,0,274.08v127.907 c0,4.945,1.807,9.232,5.424,12.847c3.619,3.61,7.902,5.428,12.851,5.428c4.948,0,9.229-1.817,12.847-5.428l36.829-36.833 c20.367,19.41,43.542,34.355,69.523,44.823c25.981,10.472,52.866,15.701,80.653,15.701c52.155,0,97.643-15.845,136.471-47.534 c38.828-31.688,64.333-73.042,76.52-124.05c0.191-0.38,0.281-1.047,0.281-1.995c0-2.478-0.907-4.612-2.715-6.427 C426.874,256.72,424.731,255.813,422.253,255.813z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A");
    width: 16px;
    height: 16px;
    display: inline-block;
    background-size: 16px;
    background-repeat: no-repeat;
    vertical-align: middle;
}

.empRefresh {
    display: none;
}

.ico-back-dark {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3C!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='459px' height='459px' viewBox='0 0 459 459' style='enable-background:new 0 0 459 459;' xml:space='preserve'%3E%3Cg%3E%3Cg id='reply'%3E%3Cpath fill='%238999B5' d='M178.5,140.25v-102L0,216.75l178.5,178.5V290.7c127.5,0,216.75,40.8,280.5,130.05C433.5,293.25,357,165.75,178.5,140.25z' /%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    width: 2.4rem;
    height: 2.4rem;
    display: inline-block;
    background-size: 1.5rem;
}

.card-list .card .clock-time .txt-isnetid {
    color: #66788d;
    font: 1.3rem "Manrope-Medium";
}

.ico-question-mark {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' standalone='no'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 20010904//EN' 'http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd'%3E%3Csvg version='1.0' xmlns='http://www.w3.org/2000/svg' width='755.000000pt' height='980.000000pt' viewBox='0 0 755.000000 980.000000' preserveAspectRatio='xMidYMid meet'%3E%3Cmetadata%3E%0ACreated by potrace 1.16, written by Peter Selinger 2001-2019%0A%3C/metadata%3E%3Cg transform='translate(0.000000,980.000000) scale(0.100000,-0.100000)'%0Afill='%23000000' stroke='none'%3E%3Cpath d='M3490 9785 c-239 -53 -432 -204 -535 -420 -45 -94 -64 -171 -72 -286%0Al-6 -97 -226 -5 c-195 -4 -236 -7 -301 -26 -262 -78 -457 -275 -531 -537 -30%0A-104 -33 -314 -6 -414 79 -295 307 -509 605 -566 109 -21 2615 -21 2724 0 371%0A71 628 384 628 766 0 382 -261 699 -630 766 -45 8 -150 13 -266 14 l-191 0 -6%0A98 c-8 120 -27 194 -77 297 -95 193 -273 340 -485 401 -84 24 -529 30 -625 9z'/%3E%3Cpath d='M412 9154 c-190 -51 -342 -206 -387 -395 -13 -56 -15 -546 -15 -4171%0A0 -2942 3 -4122 11 -4160 19 -91 74 -193 142 -262 76 -77 151 -120 253 -146%0A76 -20 118 -20 3364 -20 3246 0 3288 0 3364 20 177 45 306 163 376 340 l25 65%0A3 4133 c2 4566 8 4197 -61 4326 -46 88 -134 177 -215 219 -128 68 -120 67%0A-784 67 l-598 0 2 -197 3 -198 585 -5 c652 -6 620 -2 654 -75 15 -30 16 -408%0A16 -4112 0 -3931 -1 -4080 -18 -4112 -10 -19 -34 -43 -53 -53 -32 -17 -156%0A-18 -3304 -18 -3226 0 -3270 0 -3302 20 -18 10 -39 33 -48 49 -13 27 -15 447%0A-15 4116 0 3669 2 4089 15 4116 9 16 30 39 48 49 31 19 54 20 610 20 l577 0 0%0A200 0 200 -597 -1 c-485 0 -608 -3 -651 -15z'/%3E%3Cpath fill='red' d='M3658 6150 c-251 -29 -436 -111 -596 -264 -213 -205 -322 -484 -322%0A-828 l0 -88 273 0 273 0 11 143 c7 78 19 169 28 202 63 240 228 348 504 332%0A168 -10 260 -53 326 -152 51 -78 75 -158 75 -256 0 -158 -59 -259 -266 -454%0A-396 -374 -491 -564 -497 -996 l-2 -144 275 0 275 0 6 165 c11 281 38 330 353%0A644 220 220 311 326 357 418 64 127 92 317 70 482 -54 401 -331 690 -743 776%0A-106 22 -296 32 -400 20z'/%3E%3Cpath fill='red' d='M3450 3140 l0 -280 300 0 300 0 0 280 0 280 -300 0 -300 0 0 -280z'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    width: 2.5rem;
    height: 2.5rem;
    display: inline-block;
    background-size: 1.7rem;
    cursor: pointer;
}

.ico-tick {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' standalone='no'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 20010904//EN' 'http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd'%3E%3Csvg version='1.0' xmlns='http://www.w3.org/2000/svg' width='755.000000pt' height='980.000000pt' viewBox='0 0 755.000000 980.000000' preserveAspectRatio='xMidYMid meet'%3E%3Cmetadata%3E%0ACreated by potrace 1.16, written by Peter Selinger 2001-2019%0A%3C/metadata%3E%3Cg transform='translate(0.000000,980.000000) scale(0.100000,-0.100000)'%0Afill='%23000000' stroke='none'%3E%3Cpath d='M3490 9785 c-239 -53 -432 -204 -535 -420 -45 -94 -64 -171 -72 -286%0Al-6 -97 -226 -5 c-195 -4 -236 -7 -301 -26 -262 -78 -457 -275 -531 -537 -30%0A-104 -33 -314 -6 -414 79 -295 307 -509 605 -566 109 -21 2615 -21 2724 0 371%0A71 628 384 628 766 0 382 -261 699 -630 766 -45 8 -150 13 -266 14 l-191 0 -6%0A98 c-8 120 -27 194 -77 297 -95 193 -273 340 -485 401 -84 24 -529 30 -625 9z'/%3E%3Cpath d='M412 9154 c-190 -51 -342 -206 -387 -395 -13 -56 -15 -546 -15 -4171%0A0 -2942 3 -4122 11 -4160 19 -91 74 -193 142 -262 76 -77 151 -120 253 -146%0A76 -20 118 -20 3364 -20 3246 0 3288 0 3364 20 177 45 306 163 376 340 l25 65%0A3 4133 c2 4566 8 4197 -61 4326 -46 88 -134 177 -215 219 -128 68 -120 67%0A-784 67 l-598 0 2 -197 3 -198 585 -5 c652 -6 620 -2 654 -75 15 -30 16 -408%0A16 -4112 0 -3931 -1 -4080 -18 -4112 -10 -19 -34 -43 -53 -53 -32 -17 -156%0A-18 -3304 -18 -3226 0 -3270 0 -3302 20 -18 10 -39 33 -48 49 -13 27 -15 447%0A-15 4116 0 3669 2 4089 15 4116 9 16 30 39 48 49 31 19 54 20 610 20 l577 0 0%0A200 0 200 -597 -1 c-485 0 -608 -3 -651 -15z'/%3E%3Cpath d='M5107 5590 c-57 -10 -120 -40 -163 -78 -18 -15 -388 -469 -824 -1010%0A-436 -541 -796 -979 -800 -975 -72 84 -522 584 -540 600 -68 62 -188 92 -284%0A73 -108 -21 -183 -77 -234 -175 -23 -43 -27 -62 -27 -135 0 -73 4 -92 27 -135%0A26 -50 778 -904 861 -978 54 -48 133 -78 211 -78 95 -1 159 21 225 76 56 48%0A1884 2323 1911 2378 36 77 35 181 -3 259 -64 130 -211 203 -360 178z'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    width: 2.5rem;
    height: 2.5rem;
    display: inline-block;
    background-size: 1.7rem;
    cursor: pointer;
}

.activity-update-row .activity-hours-width {
    width: 120px;
    max-width: 120px;
}

.activity-desc {
    font-size: 1.3rem;
    color: #6b7d9e;
}

.activity-expand {
    width: 0.1rem;
}

.workorder-input-height {
    height: 30px;
}

.workorder-hide {
    display: none !important;
}

input.workorder-input-height {
    font-size: 12px;
}

.disabled-emp-until {
    pointer-events: none !important;
}

.workorder-disable {
    pointer-events: none !important;
}

.ico-trash {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAA2CAYAAABTCxDCAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAALaADAAQAAAABAAAANgAAAABRmKPDAAAFsElEQVRoBcVZTWhcVRR+92UmE3HAaDBJE8UfRLqQlEImNHRTqBSmbroT1E2h1oUL0ZW6Ft0pgitRsrEuXJVSCJQGsmhpMwlohyxUBAXbZIwEU0lEm8y7fmeY++ae8+6b3EzfvFxI3j3nnnu+75537znz3lNBBm2tUnlDBcF5HQTHAq1HEi6V2sT4HYzPTSwvf5MYP6ACvnpvf548ObH34MFXWuuqrxel1HxhcPDCkzdvrvnOkXY9k9anTg2tb29/D4dHpVMP+ccj5fJxtbj4r4dtwiRMaDwVjZ2dj2DaC2FCONqe74nGzXqK9EalMt7U+h72qFz0Zdz+eqAUhtpNa4XtMwXpnFHRFcDRgFKTo8vLDVvv0y/4GEkbMDqdIByG703Uap9JWyOvzcy8G0TRp0am+eQH8iWj873KSHnNA9jT0rCk1NdSZ8uucZcfe05avzfSSg1JhyNLS39LnS27xrXDjz0nrd8T6TRneenVxvT08T2l5nBapnC7ejqYeZAFMRxpVS9ofV6hmv0A8VgewJlgKHUnBOFnMnGWlxPwDbGp5/LCywKH+Lb28B8zM+dQLN5G1F9mjsPwYxjsMl0OAs5WETn9QxsKRWshVOqLsVrtcnzwGpXKm5HWXzLDQuG5I7dv/2br8uivnzjxrN7b+5VhKfUWfiG2+MUpLwqC35kRhAGtn5K6PGQXrgrDuwY7Jh1qHSvNYNRsHgpp3PFExQXpOKgx6cHh4VhpSGNvJSabsX5edRQlgjU0MBAHNSb9xPXr97HBd2wySOaJyfZ4v/oSl3gN37jxl8GLSZMCkZXRPpRIgwrDxSLiKBPPAv2zGpGOf9hjhftGujE9/VKk1AfkA+fik/GVlVXLX6vrY2PPIVwE0G4smCzSyIVsRZjFVmx7oX7jzJlHEYUF5PfX6I/6pLPtfGxs+3af4WIRjBcjjQlsEERG9cWLRYfTlkptbU3hqWTUjFOfdEamq4+Nbd/C03rM1qHfJdJiELcobNTrk8JBLEZhWIqFdkfqpExmLp3xQ3jARXA7DTILJos0IsUGaZor0XfcZd9z4dmFhRAZaSyP3QYyyLvAuPDswpIgXSqXE5HGrWGHgib1s7nw7MJC2CzSjy8ubiHah1pg9issCdKkwErlFsk10qDA8GRhcZLGixa2RRD5fQsMOcqqOfBkEPn2IGBMYqShYivPilwXPwzPwSdJGs74yvYpMF3ADzzULixxsSIHXqRlIoccrq+uThyYQQ8T2oWFJQfXwwkzaK1Max5pKAvNJrtlPfDxmuJTWMhRknSxKPd0bgXGp7A4SctETkauhE/6rJsLx8UnEWl6QsDmP5QC41NYKFAJ0qR0JPRc9jSgGY6DB9Fzk5ZpBnIuBcaBk0gKqaQxII1ZBGhinxrDkcEzmM7tkTBOKTBhFP1nHJmr1EmZ7Fw61xNLgkcbxElaJvS0AqOHh+t4rtwwhKlPOiPT1ceG7FxPLJIH2VFzkpZPCmToKjDj167t4GX8afzI+pb+qE86sjfNx4ZsfQsL2Rbon2xYyd2mULoSP5m0Xxm8LsyZ6GPj8i+fWIxTZ6RLxaI8iH0vML6FhYg7SbdfQf1jVkZXmfjtsSz60j8OIXsVZmM4SbcMxMMAdCwd2U4y6jP/aYWFsFJJY6VyizyfEbk0N8x/WrrrShp7bNn2Tp/s8Jlj1tZl1Se/5N/2B/yaLdt9Z/YgA3xsv4LvMO8bYzhRkBfwCe8S8vE9o3/YK14QTcIvZR8Et9PCMLzSkXgvlfTo2bNLjatX6yDbiYDWj2D6BQBxLxlLYF8fq1ZrwdKS0zNbnbTYmJ19obm7uwKKj8mxfskgdH+gWJwevXXrlzSM1INIE2hiWCi8gmr3c5qDTPXAIbxuhAmva6QNIV2tlhqbm+/gW8irmPAiIl82Yw97hb9tpLefcE6+Gx8Z+VzNzyd+hEmM/wH+qRovS77QuwAAAABJRU5ErkJggg==');
    background-repeat: no-repeat;
    background-position: center;
    width: 2.5rem;
    height: 2.5rem;
    display: inline-block;
    background-size: 1.7rem;
    cursor: pointer;
}

.card h2 {
    font: 1.6rem "Manrope-Medium";
    color: #32425f;
    margin-bottom: 0.5rem;
}

.assignment-wrap-add .tab-filter-info .row h2 span.filter-size {
    font: 1.8rem "Manrope-Medium";
}

.mgbm-30 {
    margin-bottom: 30px;
}

span.view-style {
    color: #66788d;
    font: 1.4rem "Manrope-Medium";
}

.modal-body .col-md-9 {
    padding-top: 0 !important;
}

.text-sl-nowrap {
    white-space: nowrap !important;
}

.disabled {
    color: #6b7d9e;
    pointer-events: none;
}

.ico-search {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3C!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 56.966 56.966' style='enable-background:new 0 0 56.966 56.966;' xml:space='preserve'%3E%3Cpath fill='%238999B5' d='M55.146,51.887L41.588,37.786c3.486-4.144,5.396-9.358,5.396-14.786c0-12.682-10.318-23-23-23s-23,10.318-23,23 s10.318,23,23,23c4.761,0,9.298-1.436,13.177-4.162l13.661,14.208c0.571,0.593,1.339,0.92,2.162,0.92 c0.779,0,1.518-0.297,2.079-0.837C56.255,54.982,56.293,53.08,55.146,51.887z M23.984,6c9.374,0,17,7.626,17,17s-7.626,17-17,17 s-17-7.626-17-17S14.61,6,23.984,6z'/%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    display: inline-block;
    background-size: 16px;
}

.m-bottom-o li {
    margin-bottom: 0 !important;
}

.dpicker-activities-detail {
    border: 0;
    outline: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg%3E%3Cg%3E%3Cpath fill='%23F7F9FC' d='M0 0H24V24H0z' transform='translate(-264 -50) translate(264 50)'/%3E%3Cpath fill='%230073C6' fill-rule='nonzero' d='M17.657 3c.426 0 .772.345.772.771V5.07C19.87 5.199 21 6.41 21 7.886V18.17C21 19.734 19.734 21 18.171 21H5.83C4.266 21 3 19.734 3 18.171V7.886C3 6.41 4.13 5.199 5.571 5.069V3.77c0-.426.346-.771.772-.771.426 0 .771.345.771.771v1.286h4.114V3.771c0-.39.29-.713.667-.764L12 3c.426 0 .771.345.771.771v1.286h4.114V3.771c0-.39.29-.713.667-.764zm1.8 8.228H4.542v6.943c0 .71.576 1.286 1.287 1.286H18.17c.71 0 1.286-.575 1.286-1.286v-6.943zM11.987 6.6l-5.632-.001-.012.001h-.514c-.71 0-1.286.576-1.286 1.286l-.001 1.799h14.915v-1.8c0-.71-.575-1.285-1.286-1.285l-.501-.001-.013.001h-.013l-5.631-.001L12 6.6h-.013z' transform='translate(-264 -50) translate(264 50)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-color: transparent;
    background-repeat: no-repeat;
    font: 1.4rem Manrope-Medium;
    letter-spacing: 0.23px;
    color: #32425f;
    background-position: right 0.2rem center;
    text-align: left;
    text-indent: 0;
}

.activities-detail-dpicker {
    width: 120px;
}

    .activities-detail-dpicker div#ui-datepicker-div {
        left: auto !important;
        right: -77px;
    }

.table-s thead tr {
    vertical-align: bottom;
}

.table-s tr {
    border-top: 1px solid #dee2e6;
    border-bottom: 1px solid #dee2e6;
}

.table-s td,
.table-s th {
    border: none;
    padding: .75rem;
    vertical-align: top;
}

@media (max-width: 767px) {
    .overflow-x-sm-scroll {
        overflow: scroll;
    }
}

.table-s tbody th {
    white-space: nowrap !important;
}

.ico-stamp {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3C!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 612 612' style='enable-background:new 0 0 612 612;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath fill='%230073c6' d='M554.08,433.025c-1.52-8.582-5.167-19.247-13.612-28.624c-11.836-13.152-29.407-19.818-52.217-19.818 c-50.447,0-130.481-34.734-130.481-127.934c0-50.482,30.463-111.135,30.769-111.735c0.096-0.189,0.186-0.378,0.274-0.571 c8.619-14.727,13.166-31.406,13.166-48.363C401.982,43.056,358.926,0,306.004,0s-95.981,43.056-95.981,95.981 c0,16.956,4.547,33.639,13.166,48.363c0.087,0.189,0.178,0.378,0.271,0.562c0.306,0.608,30.772,61.261,30.772,111.744 c0,93.204-80.034,127.934-130.481,127.934c-22.81,0-40.378,6.666-52.217,19.818c-8.445,9.379-12.092,20.042-13.612,28.624 c-7.589,0.495-13.612,6.745-13.612,14.459v80.322c0,8.04,6.518,14.555,14.555,14.555h494.269c8.037,0,14.555-6.515,14.555-14.555 v-80.322C567.692,439.769,561.669,433.52,554.08,433.025z'/%3E%3Cpath fill='%230073c6' d='M528.33,555.28H83.679c-8.037,0-14.555,6.515-14.555,14.555v27.611c0,8.04,6.518,14.555,14.555,14.555H528.33 c8.037,0,14.555-6.515,14.555-14.555v-27.611C542.885,561.794,536.367,555.28,528.33,555.28z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E");
    width: 16px;
    height: 16px;
    display: inline-block;
    transform: rotate(40deg);
    background-repeat: no-repeat;
}

.table-border td {
    border-top-color: black !important;
}

.modal textarea {
    border-color: #e2e8f1;
    border-radius: 0.6rem;
}

.reject-reason {
    color: #e63434;
    font: 1.4rem "Manrope-Medium";
}

.high-light {
    background-color: #faed27;
}

.p-75 {
    padding: 0.75rem;
    margin-top: -0.75rem;
    margin-bottom: -0.75rem;
    margin-left: -0.75rem;
    width: fit-content;
    min-width: 5rem;
}

.word-break {
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    /* old webkit */
}

.table-fix-head {
    overflow-y: auto;
    height: 70vh;
}

    .table-fix-head thead th {
        position: sticky;
        top: 0;
        background-color: #F2F4F4;
        z-index: 10;
        box-shadow: 0 3px rgba(0, 0, 0, 0.04);
    }

span.complete-style {
    color: #0073c6;
    font: 1.4rem "Manrope-Medium";
}

.inside-popup {
    z-index: 1052 !important;
}

.back-drop {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1051;
    background-color: #000;
    opacity: .5;
}

#spinner {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.8);
    z-index: 1000;
}

.lds-spinner {
    color: #6b7d9e;
    display: inline-block;
    position: absolute;
    width: 40px;
    height: 40px;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

    .lds-spinner div {
        transform-origin: 40px 26px;
        animation: lds-spinner 1.2s linear infinite;
    }

        .lds-spinner div:after {
            content: " ";
            display: block;
            position: absolute;
            top: 4px;
            left: 38px;
            width: 4px;
            height: 11px;
            border-radius: 3px;
            background: #000;
        }

        .lds-spinner div:nth-child(1) {
            transform: rotate(0deg);
            animation-delay: -1.1s;
        }

        .lds-spinner div:nth-child(2) {
            transform: rotate(30deg);
            animation-delay: -1s;
        }

        .lds-spinner div:nth-child(3) {
            transform: rotate(60deg);
            animation-delay: -0.9s;
        }

        .lds-spinner div:nth-child(4) {
            transform: rotate(90deg);
            animation-delay: -0.8s;
        }

        .lds-spinner div:nth-child(5) {
            transform: rotate(120deg);
            animation-delay: -0.7s;
        }

        .lds-spinner div:nth-child(6) {
            transform: rotate(150deg);
            animation-delay: -0.6s;
        }

        .lds-spinner div:nth-child(7) {
            transform: rotate(180deg);
            animation-delay: -0.5s;
        }

        .lds-spinner div:nth-child(8) {
            transform: rotate(210deg);
            animation-delay: -0.4s;
        }

        .lds-spinner div:nth-child(9) {
            transform: rotate(240deg);
            animation-delay: -0.3s;
        }

        .lds-spinner div:nth-child(10) {
            transform: rotate(270deg);
            animation-delay: -0.2s;
        }

        .lds-spinner div:nth-child(11) {
            transform: rotate(300deg);
            animation-delay: -0.1s;
        }

        .lds-spinner div:nth-child(12) {
            transform: rotate(330deg);
            animation-delay: 0s;
        }

@keyframes lds-spinner {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}
/*................................................
    8. MEDIA QUERIES
.................................................*/
@media screen and (min-width: 769px) and (max-width: 990px) {
    #pills-contractors .card-list .card .row > .col-md-7 {
        max-width: 55%;
        flex: 1;
    }

    #pills-contractors .card-list .card .row > .col-md-1 {
        max-width: 100px;
        width: 100px;
        flex: 1;
    }
}

@media (min-width: 768px) {
    .tab-filter .col-md-4 {
        flex-direction: row;
    }

    .select {
        width: 100%;
    }

    .acivity-view li span.txt-hrs {
        text-indent: 65px;
    }

    .lnk-hours-list.d-md-block {
        position: absolute;
        right: 0;
        width: 26px;
        margin: 0;
        height: 100%;
        top: 0;
    }

    .col-btn-toggle {
        max-width: 130px !important;
    }
}

@media (max-width: 767px) {
    #pills-contractors .card-list .card > .row > .col-md-7 .txt-primary-sec {
        display: block;
        width: 100%;
        margin: 0 !important;
        padding-bottom: 4px;
    }
}

@media (max-width: 768px) {
    .sep-md {
        display: block;
        margin-top: -5px;
    }

    #reset-alert {
        background: transparent;
    }

        #reset-alert .modal-dialog-centered {
            height: auto;
        }

    #pills-employees .card-list.c-list-row .card .row > .col-md-4 {
        max-width: 100%;
    }

    #pills-employees .card-list .card .row > .col-md-2 {
        max-width: 110px;
        flex: 1;
    }

    #pills-companies .card-list.c-list-row .card .row > .col-md-4 {
        max-width: 100%;
    }

    #pills-companies .card-list .card .row > .col-md-2 {
        max-width: 110px;
        flex: 1;
    }

    .input-increment .input-group button {
        padding: 0 0.3rem;
    }

    .modal-dialog {
        position: relative;
        width: 100%;
        margin: 0;
        pointer-events: none;
        height: 100%;
        max-width: 100%;
    }

        .modal-dialog .modal-content {
            height: 100%;
            border: 0;
        }

    .modal {
        background: #fff;
    }

    .clock-time strong {
        display: block;
        width: 100%;
    }

    .activity-list.card-list .card .clock-time > span {
        align-items: flex-start;
        padding-left: 0;
    }

        .activity-list.card-list .card .clock-time > span strong {
            padding: 0.5rem 0 0;
        }

    div#ui-datepicker-div {
        margin: 0 auto;
        right: 0;
    }

    .txt-company-assnmt {
        margin-top: 8px;
        padding-left: 55px;
    }

    .calender-popup {
        margin: 0 auto;
        right: 0;
        left: 0;
        max-width: 286px;
    }

    .newcalender-popup {
        margin: 0 auto;
        right: 0;
        left: 0;
        max-width: 286px;
    }
}

@media only screen and (min-width: 1022px) and (max-width: 1150px) {
    .lnk-hours-list.d-md-block {
        width: 16px;
    }
}

@keyframes spinner-line-fade-more {
    0%, 100% {
        opacity: 0; /* minimum opacity */
    }

    1% {
        opacity: 1;
    }
}

@keyframes spinner-line-fade-quick {
    0%, 39%, 100% {
        opacity: 0.25; /* minimum opacity */
    }

    40% {
        opacity: 1;
    }
}

@keyframes spinner-line-fade-default {
    0%, 100% {
        opacity: 0.22; /* minimum opacity */
    }

    1% {
        opacity: 1;
    }
}

@keyframes spinner-line-shrink {
    0%, 25%, 100% {
        /* minimum scale and opacity */
        transform: scale(0.5);
        opacity: 0.25;
    }

    26% {
        transform: scale(1);
        opacity: 1;
    }
}

@media (max-width: 1024px) {
    #pills-contractors .card-list .card > .row > .col-md-1 {
        padding-left: 0;
    }
}

@media only screen and (min-width: 768px) and (max-width: 800px) {
    #pills-contractors .switch.switch-lg input + label::after {
        width: calc(calc(2.3rem * 0.8) - calc(2px * 2));
        height: calc(calc(2.3rem * 0.8) - calc(2px * 2));
    }

    #pills-contractors .switch input + label::after {
        top: 4px;
    }

    #pills-contractors .switch.switch-lg input + label::before {
        width: calc(calc(2.5rem * 0.8) * 2);
    }

    #pills-contractors .switch.switch-lg input + label {
        height: calc(2.8rem * 0.8);
    }

    #pills-contractors .lnk-hours-list.d-md-block {
        width: 18px;
    }
}

#example_wrapper {
    margin-top: -50px;
}

@media (max-width: 540px) {
    #example_wrapper {
        margin-top: 0;
    }
}

@media (min-width: 768px) {
    .modal-content.small-popup {
        width: 90%;
        left: 5%;
    }
}

.activity-update-row .col-4,
.activity-update-row .col-6 {
    padding-right: 10px;
}

.input-increment .input-group .input-group-prepend button {
    padding-left: 1rem;
}

.input-increment .input-group .input-group-append button {
    padding-right: 1rem;
}

.input-increment .input-group .incrementer {
    font-size: 12px;
    padding-left: 6px;
    padding-right: 6px;
}

/*For new Thme*/
.wrap-box {
    min-height: 100vh;
}

#left-main-nav {
    width: 244px;
    background: #fff;
    padding: 24px 0;
    transition: 0.5s;
    z-index: 102;
    position: sticky;
    height: 120vh;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    border-right: 1px solid #f6f7fb;
}

    #left-main-nav h1 {
        padding: 0 40px;
        margin-bottom: 40px;
    }

        #left-main-nav h1 img {
            max-width: 115px;
            object-fit: cover;
        }

    #left-main-nav ul {
        margin-bottom: 16px;
        padding: 0 0 8px 40px;
        border-bottom: 1px solid rgba(226, 232, 241, 0.54);
    }

    #left-main-nav li {
        margin: 8px 0;
    }

        #left-main-nav li a {
            color: #32425f;
            display: block;
            padding: 4px 0;
            font: 1.4rem Manrope-Medium;
        }

        #left-main-nav li.active {
            border-right: 2px solid #0073c6;
        }

            #left-main-nav li.active a {
                color: #0073c6;
                font-size: 1.6rem;
                font-family: "Manrope-SemiBold";
            }

        #left-main-nav li.txt-grey a {
            color: #b4c3d3;
            pointer-events: none;
            font-size: 1.6rem;
            margin-bottom: 15px;
            text-decoration: underline;
        }

#main-wrap {
    background-color: #f6f7fb;
    flex-grow: 1;
    width: calc(100% - 244px);
}

    #main-wrap #header {
        position: sticky;
    }

        #main-wrap #header .container-fluid.d-flex {
            padding-top: 2.4rem;
            padding-bottom: 2.4rem;
        }

.mobile-menu {
    position: relative;
}

    .mobile-menu span {
        color: #32425f;
        font: 16px "Manrope-SemiBold";
        padding-left: 30px;
    }

.toggle {
    position: absolute;
    margin: auto;
    width: 18px;
    height: 18px;
    top: 0;
    bottom: 0;
    left: 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    z-index: 10;
    cursor: pointer;
}

    .toggle .bar {
        position: relative;
        width: 18px;
        height: 2px;
        background: #0073c6;
    }

        .toggle .bar:before,
        .toggle .bar:after {
            content: "";
            position: absolute;
            width: 100%;
            height: 100%;
            background: inherit;
            left: 0;
            -webkit-transform-origin: center center;
            transform-origin: center center;
            -webkit-transition: top 0.25s ease, bottom 0.25s ease, -webkit-transform 0.25s ease;
            transition: top 0.25s ease, bottom 0.25s ease, -webkit-transform 0.25s ease;
            transition: transform 0.25s ease, top 0.25s ease, bottom 0.25s ease;
            transition: transform 0.25s ease, top 0.25s ease, bottom 0.25s ease, -webkit-transform 0.25s ease;
        }

        .toggle .bar:before {
            top: -5px;
        }

        .toggle .bar:after {
            bottom: -5px;
        }

.menu-btn-close {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%232179EB'%3E%3Cg%3E%3Cg%3E%3Cpath d='M13 4c.552 0 1 .448 1 1l-.001 7H21c.552 0 1 .448 1 1s-.448 1-1 1h-7.001L14 21c0 .552-.448 1-1 1s-1-.448-1-1l-.001-7H5c-.552 0-1-.448-1-1s.448-1 1-1h6.999L12 5c0-.552.448-1 1-1z' transform='translate(-278 -19) translate(278 19) rotate(-45 13 13)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    opacity: 1;
    color: transparent;
    text-shadow: none;
    background-repeat: no-repeat;
    background-position: center;
    width: 20px;
    height: 20px;
    display: inline-block;
    position: absolute;
    right: 12px;
    top: 29px;
    background-size: 100%;
    bottom: auto;
    margin: 0;
    left: auto;
}

.dpicker-emp-detail {
    background-position: right 0.2rem center;
    text-align: left;
    text-indent: 0;
}

.emp-detail-until-dpicker {
    width: 120px;
}

    .emp-detail-until-dpicker div#ui-datepicker-div {
        left: auto !important;
        right: 0;
        top: auto !important;
        bottom: 45px;
    }

div.legend-green {
    width: 10px;
    height: 10px;
    background-color: #53bd44;
}

div.legend-yellow {
    width: 10px;
    height: 10px;
    background-color: #ffc838;
}

div.legend-pink {
    width: 10px;
    height: 10px;
    background-color: #ff577b;
}

.emp-chart-heading {
    margin-left: -15px;
    margin-right: -15px;
    padding-left: 15px;
    background-color: #eff0f2;
}

table.create-user-help, td, th {
    border: 1px solid black;
}

table.create-user-help {
    border-collapse: collapse;
}

@media (max-width: 991px) {
    body.open-menu {
        overflow: hidden;
    }

    #left-main-nav {
        position: fixed;
        margin-left: -246px;
        overflow-x: hidden;
    }

    body.open-menu #left-main-nav {
        margin-left: 0;
        min-height: 100vh;
    }

    body.open-menu .wrap-box:after {
        content: "";
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(30, 34, 41, 0.8);
        z-index: 101;
    }
}

@media (max-width: 767px) {
    .tab-pane .card-list .card > .row {
        justify-content: space-between;
    }
}

@media (max-width: 900px) {
    .img-size img {
        width: 100% !important;
    }
}

table.create-user-help td,
table.create-user-help th {
    padding: 5px;
}

@media (max-width: 767px) {
    .text-nowrap {
        white-space: normal !important;
    }
}

ul.scrollable {
    height: 40vh;
    overflow: hidden;
    overflow-y: scroll;
}

.reason-text::placeholder {
    font-size: 1.3rem;
}

table.dataTable > tbody > tr.child ul.dtr-details {
    overflow-y: scroll;
    max-height: 40vh;
}

th.rotate {
    height: 65px;
    white-space: nowrap !important;
}

    th.rotate > div {
        transform: translateY(-10px) rotate(315deg);
        width: 40px !important;
    }

        th.rotate > div > span {
            border-bottom: 1px solid #ccc !important;
            padding: 5px 10px 5px 0 !important;
        }

.table-project-schedule th.rotate > div > span {
    border-bottom: 1px solid #ccc !important;
    padding: 0px 0px 0px 0px !important;
}

.total-style {
    font-weight: bold;
    background-color: #eef3fa;
}

.lnk-emp {
    color: #0073c6;
    cursor: pointer;
}

table.dataTable > tbody > tr.child ul.dtr-details li:last-child {
    font-weight: bold;
    background-color: #eef3fa;
}

.modal-body table#grid thead th,
.modal-body table#grid tbody td {
    border: none;
    border-top: 1px solid #dee2e6;
}

/*Attendance*/
#datepicker-attendance .ui-widget.ui-widget-content {
    border: 0;
    padding: 0;
}

.week-picker-attendance .week-picker-at {
    color: #32425f;
    font: 1.4rem Manrope-Medium;
    padding: 0 2.2rem;
    position: relative;
}

    .week-picker-attendance .week-picker-at:before {
        content: "";
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg%3E%3Cg%3E%3Cpath fill='%23F7F9FC' d='M0 0H24V24H0z' transform='translate(-264 -50) translate(264 50)'/%3E%3Cpath fill='%230073C6' fill-rule='nonzero' d='M17.657 3c.426 0 .772.345.772.771V5.07C19.87 5.199 21 6.41 21 7.886V18.17C21 19.734 19.734 21 18.171 21H5.83C4.266 21 3 19.734 3 18.171V7.886C3 6.41 4.13 5.199 5.571 5.069V3.77c0-.426.346-.771.772-.771.426 0 .771.345.771.771v1.286h4.114V3.771c0-.39.29-.713.667-.764L12 3c.426 0 .771.345.771.771v1.286h4.114V3.771c0-.39.29-.713.667-.764zm1.8 8.228H4.542v6.943c0 .71.576 1.286 1.287 1.286H18.17c.71 0 1.286-.575 1.286-1.286v-6.943zM11.987 6.6l-5.632-.001-.012.001h-.514c-.71 0-1.286.576-1.286 1.286l-.001 1.799h14.915v-1.8c0-.71-.575-1.285-1.286-1.285l-.501-.001-.013.001h-.013l-5.631-.001L12 6.6h-.013z' transform='translate(-264 -50) translate(264 50)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
        background-color: transparent;
        background-repeat: no-repeat;
        background-position: top center;
        letter-spacing: 0.23px;
        width: 24px;
        display: inline-block;
        height: 27px;
        vertical-align: middle;
        margin-right: 8px;
    }

#datepicker-activity .ui-widget.ui-widget-content {
    border: 0;
    padding: 0;
}

.week-picker-activity .week-picker-at {
    color: #32425f;
    font: 1.4rem Manrope-Medium;
    padding: 0 2.2rem;
    position: relative;
}

    .week-picker-activity .week-picker-at:before {
        content: "";
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg%3E%3Cg%3E%3Cpath fill='%23F7F9FC' d='M0 0H24V24H0z' transform='translate(-264 -50) translate(264 50)'/%3E%3Cpath fill='%230073C6' fill-rule='nonzero' d='M17.657 3c.426 0 .772.345.772.771V5.07C19.87 5.199 21 6.41 21 7.886V18.17C21 19.734 19.734 21 18.171 21H5.83C4.266 21 3 19.734 3 18.171V7.886C3 6.41 4.13 5.199 5.571 5.069V3.77c0-.426.346-.771.772-.771.426 0 .771.345.771.771v1.286h4.114V3.771c0-.39.29-.713.667-.764L12 3c.426 0 .771.345.771.771v1.286h4.114V3.771c0-.39.29-.713.667-.764zm1.8 8.228H4.542v6.943c0 .71.576 1.286 1.287 1.286H18.17c.71 0 1.286-.575 1.286-1.286v-6.943zM11.987 6.6l-5.632-.001-.012.001h-.514c-.71 0-1.286.576-1.286 1.286l-.001 1.799h14.915v-1.8c0-.71-.575-1.285-1.286-1.285l-.501-.001-.013.001h-.013l-5.631-.001L12 6.6h-.013z' transform='translate(-264 -50) translate(264 50)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
        background-color: transparent;
        background-repeat: no-repeat;
        background-position: top center;
        letter-spacing: 0.23px;
        width: 24px;
        display: inline-block;
        height: 27px;
        vertical-align: middle;
        margin-right: 8px;
    }

.newcalender-popup-a {
    position: absolute;
    z-index: 2;
    background: #fff;
    top: 42px;
    display: none;
    border-radius: 4px;
    box-shadow: 0 8px 50px 0 rgba(0, 0, 0, 0.1);
    padding: 1.6rem 1.2rem;
}

    .newcalender-popup-a.active {
        display: block;
    }

.location-msg {
    color: #e63434;
    margin-bottom: .2rem;
    font-size: 1.3rem;
}

input[type="checkbox"][readonly] {
    pointer-events: none;
}

.light-gray {
    background-color: lightgray;
}

.btn-group {
    width: 8% !important; /* Set a width if needed */
}


    .btn-group button {
        padding: 0px 2px; /* Some padding */
        cursor: pointer; /* Pointer/hand icon */
        width: 100%; /* Set a width if needed */
        display: block; /* Make the buttons appear below each other */
        margin-bottom: 1px;
    }

        .btn-group button:focus {
            outline: 0px dotted;
            outline: 0px auto -webkit-focus-ring-color;
        }


.btn-group, .btn-group-vertical {
    position: relative;
    display: -ms-inline-flexbox;
    display: block;
    vertical-align: middle;
}

.activeBtn {
    background-color: #a9a9aa;
    font-size: 75%;
    border: none;
    color: black;
    outline: 0 !important;
    text-align: center;
    text-decoration: none;
    transition-duration: 0.2s;
}


.deactiveBtn {
    background-color: #e7e7e7;
    font-size: 75%;
    border: none;
    color: black;
    outline: 0 !important;
    text-align: center;
    text-decoration: none;
    transition-duration: 0.2s;
}

.addProjectCost {
    display: none;
}

.btn-project-cost-add .ico-plus {
    margin-right: 1.2rem;
    vertical-align: middle;
    margin-top: -3px;
}

.btn-project-cost-add {
    background-color: #fff;
    color: #0073c6;
    max-width: 9rem;
    border-radius: 4px;
    text-align: center;
}

    .btn-project-cost-add:hover {
        color: #0073c6;
    }

.btn-project-cost {
    width: 100%;
    padding: 0.75rem 1rem;
    font: 1.4rem Manrope-Semibold;
    text-align: center;
    text-transform: none;
    border-radius: 4px;
}

.day-week-duration-chk {
    border-radius: 4px;
    float: right;
    margin-right: 5px;
}

    .day-week-duration-chk input[type="radio"].toggle {
        position: absolute;
        left: -99em;
    }

        .day-week-duration-chk input[type="radio"].toggle + label span {
            font: 1.1rem/2.1rem "Manrope-Medium";
            letter-spacing: -0.08px;
            height: 100%;
            padding: 3px;
            border: solid 0.5px transparent;
            justify-content: center;
        }

        .day-week-duration-chk input[type="radio"].toggle + label {
            color: #8999b5;
            width: 65px;
            height: 40px;
            border-radius: 20px;
            background-color: #e9f0f4;
            padding: 3px 5px 3px 3px;
        }

        .day-week-duration-chk input[type="radio"].toggle.checked + label {
            display: inline-block;
            color: #32425f;
            height: 40px;
            border-radius: 20px;
            background-color: #e9f0f4;
        }

            .day-week-duration-chk input[type="radio"].toggle.checked + label span {
                background-color: #fff;
                border-radius: 20px;
                box-shadow: 0 3px 1px 0 rgba(0, 0, 0, 0.04), 0 3px 8px 0 rgba(0, 0, 0, 0.12);
                border-color: rgba(0, 0, 0, 0.04);
                display: flex !important;
                justify-content: center;
            }

    .day-week-duration-chk .toggle-container label.week-radio-btn {
        border-left: 0 !important;
        margin-left: -6px;
    }

    .day-week-duration-chk .toggle-container label.duration-radio-btn {
        border-left: 0 !important;
        margin-left: -6px;
    }

    .day-week-duration-chk input[type="radio"].toggle.checked + label .ico-day {
        background-image: url("../images/day-icn.png");
    }

    .day-week-duration-chk input[type="radio"].toggle.checked + label .ico-week {
        background-image: url("../images/day-icn.png");
    }

    .day-week-duration-chk input[type="radio"].toggle.checked + label .ico-duration {
        background-image: url("../images/day-icn.png");
    }



    .day-week-duration-chk input[type="radio"].toggle + label .ico-day {
        background-image: url("../images/day-grey-icn.svg");
    }

    .day-week-duration-chk input[type="radio"].toggle + label .ico-week {
        background-image: url("../images/day-grey-icn.svg");
    }

    .day-week-duration-chk input[type="radio"].toggle + label .ico-duration {
        background-image: url("../images/day-grey-icn.svg");
    }



.cost-type-chk {
    border-radius: 4px;
    padding-left: 15px;
    float: left;
}

    .cost-type-chk input[type="radio"].toggle {
        position: absolute;
        left: -99em;
    }

        .cost-type-chk input[type="radio"].toggle + label span {
            font: 1.1rem/2.1rem "Manrope-Medium";
            letter-spacing: -0.08px;
            height: 100%;
            padding: 3px;
            border: solid 0.5px transparent;
            justify-content: center;
        }

        .cost-type-chk input[type="radio"].toggle + label {
            color: #8999b5;
            width: 72px;
            height: 40px;
            border-radius: 20px;
            background-color: #e9f0f4;
            padding: 3px 5px 3px 3px;
        }

        .cost-type-chk input[type="radio"].toggle.checked + label {
            display: inline-block;
            color: #32425f;
            width: 72px;
            height: 40px;
            border-radius: 20px;
            background-color: #e9f0f4;
        }

            .cost-type-chk input[type="radio"].toggle.checked + label span {
                background-color: #fff;
                border-radius: 20px;
                box-shadow: 0 3px 1px 0 rgba(0, 0, 0, 0.04), 0 3px 8px 0 rgba(0, 0, 0, 0.12);
                border-color: rgba(0, 0, 0, 0.04);
                display: flex !important;
                justify-content: center;
            }

    .cost-type-chk .toggle-container label.rental-radio-btn {
        border-left: 0 !important;
        margin-left: -6px;
    }

    .cost-type-chk .toggle-container label.fee-radio-btn {
        border-left: 0 !important;
        margin-left: -6px;
    }

.cost-type-ind {
    font-weight: bolder;
}

.activity-status-wrap {
    font-size: 1.4rem;
}

.outage-contacts-wrap {
    font-size: 1.4rem;
}

.po-fixed-header {
    position: sticky;
    top: 0;
    background-color: #F2F4F4;
    box-shadow: 0 3px rgba(0, 0, 0, 0.04);

}

.po-header {
    background-color: #D6DCDC !important;
    border-bottom: 1px solid black !important;
}

.po-contractor {
    font-weight: 600;
    background-color: #F2F4F4;
}

.po-total {
    font-weight: bold;
    background-color: #D6DCDC !important;
}

.btn-po-expand-collapse-all {
    background-color: #fff;
    color: #0073c6;
    max-width: 12rem;
    border-radius: 4px;
    text-align: center;
    width: 100%;
    padding: 1rem 1rem;
    font: 1.4rem Manrope-Semibold;
    text-align: center;
    text-transform: none;
    border-radius: 8px;
    height: fit-content;
}

    .btn-po-expand-collapse-all:hover {
        color: #0073c6;
    }

.activity-name {
    white-space: nowrap;
}

.activity-icons {
    white-space: nowrap;
}

.btn-rate-refresh {
    background-color: #fff;
    color: #0073c6;
    max-width: 23rem;
    padding: 0.7rem 1.2rem;
    border-radius: 4px;
    text-align: center;
}
    .btn-rate-refresh:hover {
        color: #0073c6;
    }


.btn-rate {
    width: 100%;
    padding: 1.2rem 1rem;
    font: 1.4rem Manrope-Semibold;
    text-align: center;
    text-transform: none;
    border-radius: 8px;
}

.btn-rate-refresh .ico-plus {
    margin-right: 1.2rem;
    vertical-align: middle;
    margin-top: -3px;
}