@font-face {
    font-family: "SourceSansPro";
    src: url(fonts/SourceSansPro-Light.ttf);
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: "SourceSansPro";
    src: url(fonts/SourceSansPro-Regular.ttf);
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "SourceSansPro";
    src: url(fonts/SourceSansPro-SemiBold.ttf);
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: "SourceSansPro";
    src: url(fonts/SourceSansPro-Italic.ttf);
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: "SourceSansPro";
    src: url(fonts/SourceSansPro-Bold.ttf);
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: "SourceSansPro";
    src: url(fonts/SourceSansPro-Black.ttf);
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: "NotoSans";
    src: url(fonts/NotoSans-Light.ttf);
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: "NotoSans";
    src: url(fonts/NotoSans-Regular.ttf);
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "NotoSans";
    src: url(fonts/NotoSans-SemiBold.ttf);
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: "NotoSans";
    src: url(fonts/NotoSans-Italic.ttf);
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: "NotoSans";
    src: url(fonts/NotoSans-Medium.ttf);
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: "NotoSans";
    src: url(fonts/NotoSans-Bold.ttf);
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: "NotoSans";
    src: url(fonts/NotoSans-Black.ttf);
    font-weight: 900;
    font-style: normal;
}

body {
    box-sizing: border-box;
    font-family: "SourceSansPro", sans-serif !important;
    overflow: hidden !important;
    -webkit-font-smoothing: antialiased;
}

html {
    font-size: 14px !important;
}

.border-left {
    border-left: 1px solid #4d4d4d;
}

:focus-visible {
    outline: unset;
}

.k-input-solid.k-focus,
.k-input-solid:focus,
.k-button-solid-base.k-focus,
.k-button-solid-base:focus {
    box-shadow: unset;
}

.container-fluid {
    padding: 1rem 1.3rem 5rem 1.3rem !important;
    height: calc(100vh - 61px);
    overflow: auto !important;
    margin-top: 61px;
}

.btn-blue-transparent {
    height: 34px;
    padding: 7px 17px;
    border: solid 1px #59A9F2;
    color: #59A9F2;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
    min-width: 12rem;
}

.k-picker-solid {
    height: 34px;
}

button:focus {
    outline: unset;
}

.form-control:focus {
    box-shadow: unset;
}

@media screen and (min-width: 1400px) {
    html {
        font-size: 16px !important;
    }
}

.dropdown-item.active,
.dropdown-item:active {
    color: #fff !important;
}

.loader-div {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: flex;
    z-index: 999999999;
    /* opacity: 0.5; */
    justify-content: center;
    background-color: rgb(0 0 0 / 30%);
    align-items: center;
}

.loader {
    position: relative;
    width: 75px;
    height: 100px;
}

.loader__bar {
    position: absolute;
    bottom: 0;
    width: 10px;
    height: 50%;
    background: #0066ff;
    transform-origin: center bottom;
    box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
}

.loader__bar:nth-child(1) {
    left: 0px;
    transform: scale(1, 0.2);
    animation: barUp1 4s infinite;
}

.loader__bar:nth-child(2) {
    left: 15px;
    transform: scale(1, 0.4);
    animation: barUp2 4s infinite;
}

.loader__bar:nth-child(3) {
    left: 30px;
    transform: scale(1, 0.6);
    animation: barUp3 4s infinite;
}

.loader__bar:nth-child(4) {
    left: 45px;
    transform: scale(1, 0.8);
    animation: barUp4 4s infinite;
}

.loader__bar:nth-child(5) {
    left: 60px;
    transform: scale(1, 1);
    animation: barUp5 4s infinite;
}

.loader__ball {
    position: absolute;
    bottom: 10px;
    left: 0;
    width: 10px;
    height: 10px;
    background: #0066ff;
    border-radius: 50%;
    animation: ball 4s infinite;
}

@keyframes ball {
    0% {
        transform: translate(0, 0);
    }

    5% {
        transform: translate(8px, -14px);
    }

    10% {
        transform: translate(15px, -10px);
    }

    17% {
        transform: translate(23px, -24px);
    }

    20% {
        transform: translate(30px, -20px);
    }

    27% {
        transform: translate(38px, -34px);
    }

    30% {
        transform: translate(45px, -30px);
    }

    37% {
        transform: translate(53px, -44px);
    }

    40% {
        transform: translate(60px, -40px);
    }

    50% {
        transform: translate(60px, 0);
    }

    57% {
        transform: translate(53px, -14px);
    }

    60% {
        transform: translate(45px, -10px);
    }

    67% {
        transform: translate(37px, -24px);
    }

    70% {
        transform: translate(30px, -20px);
    }

    77% {
        transform: translate(22px, -34px);
    }

    80% {
        transform: translate(15px, -30px);
    }

    87% {
        transform: translate(7px, -44px);
    }

    90% {
        transform: translate(0, -40px);
    }

    100% {
        transform: translate(0, 0);
    }
}

@keyframes barUp1 {
    0% {
        transform: scale(1, 0.2);
    }

    40% {
        transform: scale(1, 0.2);
    }

    50% {
        transform: scale(1, 1);
    }

    90% {
        transform: scale(1, 1);
    }

    100% {
        transform: scale(1, 0.2);
    }
}

@keyframes barUp2 {
    0% {
        transform: scale(1, 0.4);
    }

    40% {
        transform: scale(1, 0.4);
    }

    50% {
        transform: scale(1, 0.8);
    }

    90% {
        transform: scale(1, 0.8);
    }

    100% {
        transform: scale(1, 0.4);
    }
}

@keyframes barUp3 {
    0% {
        transform: scale(1, 0.6);
    }

    100% {
        transform: scale(1, 0.6);
    }
}

@keyframes barUp4 {
    0% {
        transform: scale(1, 0.8);
    }

    40% {
        transform: scale(1, 0.8);
    }

    50% {
        transform: scale(1, 0.4);
    }

    90% {
        transform: scale(1, 0.4);
    }

    100% {
        transform: scale(1, 0.8);
    }
}

@keyframes barUp5 {
    0% {
        transform: scale(1, 1);
    }

    40% {
        transform: scale(1, 1);
    }

    50% {
        transform: scale(1, 0.2);
    }

    90% {
        transform: scale(1, 0.2);
    }

    100% {
        transform: scale(1, 1);
    }
}

.tooltip-inner {
    background-color: #E6E6E6;
    color: #000;
    text-align: left;
    font-family: "SourceSansPro", sans-serif;
    font-size: 12px;
    padding: 0.3rem 0.6rem;
}

.w-88 {
    width: 88% !important;
}

@media (min-height: 650px) {
    .k-dropdownlist .k-input-value-text {
        line-height: 2;
    }
}

.k-i-caret-alt-down::before {
    color: #06f;
}

.container-scroll {
    overflow: auto;
}

.no-bottom-padding {
    padding-bottom: 1rem !important
}

.mw-30 {
    min-width: 30rem !important;
}

.dropdown-menu.mw-30 {
    min-width: 23rem !important;
}

.navbar {
    font-family: "NotoSans", sans-serif;
    height: 61px;
    padding: 1rem 0;
    background-color: #fff !important;
    -webkit-box-shadow: 0 4px 12px 0 rgba(0, 67, 101, 0.08);
    -moz-box-shadow: 0 4px 12px 0 rgba(0, 67, 101, 0.08);
    box-shadow: 0 4px 12px 0 rgba(0, 67, 101, 0.08);
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    z-index: 30;
}

.navbar .navbar-brand img:first-child {
    width: 100px;
    padding-right: 10px;
}

.navbar .navbar-brand img:first-child[src=""],
.navbar .navbar-brand img:first-child:not([src]) {
    opacity: 0;
}

.navbar .navbar-brand img:first-child[src="*"] {
    opacity: 1;
}

.navbar .navbar-brand p {
    display: inline-block;
    font-size: 1.2rem;
    font-weight: 500;
    font-family: "SourceSansPro", sans-serif;
    margin: 1rem 0;
    padding-right: 2rem;
}

.navbar .input-group .form-control.globalSearch {
    height: 2.572rem;
    padding: 9px;
    border: solid 1px #E6E6E6;
    color: #999;
    border-radius: 0;
    border-left: unset;
    border-right: unset;
}

.navbar .input-group .input-group-text {
    background-color: transparent;
    border-radius: 0;
    border: solid 1px #e6e6e6;
}

.navbar .input-group input.form-control:focus {
    box-shadow: unset;
    border-top: solid 1px #E6E6E6;
    border-bottom: solid 1px #E6E6E6;
}

.navbar .dateTimeContainer {
    padding: 4px 6px;
    border: solid 1px rgba(187, 199, 219, 0.56);
    margin-top: 6px;
    height: 2.572rem;
    margin: 0 2rem;
}

.navbar .dateTimeContainer span {
    color: #1A1A1A;
    font-size: 1rem;
    font-family: "NotoSans", sans-serif;
    padding-left: 0.3rem;
}

.navbar .dateTimeContainer .col {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.navbar .dateTimeContainer .col:first-child {
    border-right: 1px solid #d9e0eb;
}

.navbar .dateTimeContainer .k-input-solid {
    border-color: transparent;
    width: 120px;
}

.navbar .dateTimeContainer .k-input-md .k-input-inner {
    padding: 0;
    text-align: left;
    font-size: 1rem;
    color: #1A1A1A;
    font-family: "NotoSans", sans-serif;
}

.navbar .dateTimeContainer .k-button-md.k-icon-button>.k-button-icon {
    color: #59A9F2;
}

.navbar .k-i-user::before {
    content: '';
    background: url(" https://uat-atomicdesign.rrd.com/go-it/m3/img/svg/time-calendar.svg");
}

.navbar .navdropdown-1.k-button-solid-base {
    border-radius: 3px;
    box-shadow: 0 3px 6px 0 #00000029;
    background-color: #064eff;
    color: #fff;
    font-size: 1rem;
    border: unset;
    height: 2.572rem !important;
    padding: 1rem;
}

.navbar .k-icon {
    margin-top: -3px;
    margin-left: -3px;
    font-size: large !important;
}

.navbar .k-i-calendar {
    margin-top: 0px;
}

.navbar .k-form-field .k-label {
    width: 29% !important;
}

.navbar .user-profile-img {
    background-color: #06f;
    display: inline-block;
    height: 32px;
    width: 32px;
}

.navbar .user-profile-img img {
    width: 32px;
    height: 32px;
}

.navbar .user-status {
    width: 12px;
    height: 12px;
    display: inline-block;
    border-radius: 50%;
    position: absolute;
    top: -5px;
    right: -6px;
}

.navbar .user-status.available {
    background-color: #7CCA62;
}

.navbar .user-status.notification {
    background-color: #F0A22E;
    right: 8px;
}

.navbar .notification-count {
    background-color: #F35838;
    width: 1.5rem;
    height: 1.5rem;
    display: inline-block;
    border-radius: 50%;
    padding: 0.3rem 0.25rem;
    font-size: 11px;
    text-align: center;
    color: #fff;
    margin-left: 0.3rem;
}

.navbar .card img.close {
    position: absolute;
    right: 5px;
    width: 15px;
    opacity: 1;
}

.navbar .no-notification-content {
    text-align: center;
    padding: 2rem 0 !important;
}

.navbar .no-notification-content h6 {
    color: #FFBF00;
    font-size: 1.2rem;
    font-weight: 500;
}

#iconCssButton_buttonmenu {
    min-width: 12rem;
}

.menu .menu-icon {
    padding: 0.2rem;
    height: 6rem;
    /* width: 7.5rem; */
    width: 100%;
    margin-bottom: 0.5rem;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.menu .menu-icon svg {
    width: 2.7rem;
}

.menu .menu-icon svg path {
    stroke: #999999;
}

.menu .menu-icon svg rect {
    stroke: #999999;
}

.menu .menu-icon svg circle {
    stroke: #999999;
}

.menu .menu-icon p {
    color: #000 !important;
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 7rem;
    line-height: 2;
    margin-bottom: 0;
}

.menu .menu-icon:hover,
.menu .menu-icon.active {
    background-color: #eef6fe;
    cursor: pointer;
}

.menu .menu-icon:hover svg path,
.menu .menu-icon.active svg path {
    stroke: #0066FF;
}

.menu .menu-icon:hover svg rect,
.menu .menu-icon.active svg rect {
    stroke: #0066FF;
}

.menu .menu-icon:hover svg circle,
.menu .menu-icon.active svg circle {
    stroke: #0066FF;
}


.navbar-toggler.x {
    border: none;
}

.navbar-toggler.x:focus {
    outline: none;
}

.navbar-toggler.x .icon-bar {
    width: 22px;
    display: block;
    height: 2px;
    background-color: #000;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}

.navbar-toggler.x .icon-bar:nth-of-type(1) {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
}

.navbar-toggler.x .icon-bar:nth-of-type(2) {
    opacity: 1;
    filter: alpha(opacity=100);
}

.navbar-toggler.x .icon-bar:nth-of-type(3) {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
}

.navbar-toggler.x .icon-bar+.icon-bar {
    margin-top: 4px;
}

.navbar-toggler.x[aria-expanded="true"] .icon-bar:nth-of-type(1) {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: 10% 10%;
    -ms-transform-origin: 10% 10%;
    transform-origin: 10% 10%;
}

.navbar-toggler.x[aria-expanded="true"] .icon-bar:nth-of-type(2) {
    opacity: 0;
    filter: alpha(opacity=0);
}

.navbar-toggler.x[aria-expanded="true"] .icon-bar:nth-of-type(3) {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 10% 90%;
    -ms-transform-origin: 10% 90%;
    transform-origin: 10% 90%;
}

a.navbar-brand {
    width: auto;
}

.navbar-collapse .navbar-nav {
    align-items: center;
}

.navbar-collapse .navbar-nav li {
    font-family: "SourceSansPro", sans-serif;
    padding: 0 1rem;
}

.navbar-collapse .navbar-nav li a {
    color: #000;
}

.navbar-collapse .navbar-nav .nav-link {
    padding: 0;
    border-color: transparent;
}

.navbar-collapse .navbar-nav li .nav-link::after {
    display: none;
}

.navbar-collapse .navbar-nav li .notification {
    display: block;
}

.navbar-collapse .navbar-nav li span.border-lg-left {
    border-left: 2px solid #999999;
    padding-left: 1.5rem;
    margin-top: 0px;
    padding-bottom: 0.3rem;
}

.navbar-collapse .navbar-nav li .dropdown-menu {
    min-width: 23.5rem;
    padding: 1rem 0;
    right: 1rem;
    left: unset;
}

.navbar-collapse .navbar-nav li .dropdown-menu div p {
    color: #999999;
}

.navbar-collapse .navbar-nav li .dropdown-menu div:nth-child(2) .span2,
.navbar-collapse .navbar-nav li .dropdown-menu div:nth-child(3) .span2,
.navbar-collapse .navbar-nav li .dropdown-menu div:nth-child(4) .span2 {
    width: 25%;
}

.navbar-collapse .navbar-nav li .dropdown-menu div:nth-child(2) .span10,
.navbar-collapse .navbar-nav li .dropdown-menu div:nth-child(3) .span10,
.navbar-collapse .navbar-nav li .dropdown-menu div:nth-child(4) .span10 {
    width: 75%;
}

.navbar-collapse .navbar-nav li .dropdown-menu div .k-picker.k-dropdownlist {
    width: 100%;
}

.navbar-collapse .navbar-nav li .dropdown-menu label {
    color: #000;
    margin: 0;
}

.navbar-collapse .navbar-nav li .dropdown-menu .k-input-value-text {
    font-size: 1rem;
    color: #4D4D4D;
}

.navbar-collapse .navbar-nav li .dropdown-menu .static-content {
    min-height: 47px;
}

.navbar-collapse .navbar-nav li .dropdown-menu .span10 label.k-input-value-text {
    padding-left: 0.75rem;
    display: flex;
    align-items: center;
    height: 100%;
}

.navbar-collapse .navbar-nav li .dropdown-menu div.align-items-stretch {
    padding: 0 1rem;
}

.navbar-collapse .navbar-nav li .dropdown-menu .dropdown-item {
    color: #000;
    padding: 0.6rem 1rem;
    margin-bottom: 0;
}

.navbar-collapse .navbar-nav li .dropdown-menu a.dropdown-item {
    color: #0066ff;
}

.navbar-collapse .navbar-nav li .dropdown-menu .card {
    padding: 0.3rem 0.5rem 0.2rem 0.7rem;
    margin: 0;
    box-shadow: unset;
    font-size: 1rem;
}

.navbar-collapse .navbar-nav li .dropdown-menu .card:hover {
    background-color: #f7f7f7;
}

.navbar-collapse .navbar-nav li .dropdown-menu.profile-dropdown {
    min-width: 18rem;
    padding: 1.5rem 0;
}

.navbar-collapse .navbar-nav li .dropdown-menu.profile-dropdown .user-status.available {
    top: 16px;
    left: 38px;
}

.navbar-collapse .left-align {
    /* padding-left: 12rem; */
}

.k-picker-solid.k-focus,
.k-picker-solid:focus {
    box-shadow: unset;
}

.navbar-collapse.show {
    background-color: #fff;
    z-index: 9;
    box-shadow: 0 5px 20px -1px rgba(0, 67, 101, 0.08);
}

.navbar-collapse.show .navbar-nav {
    margin-left: 0;
    padding: 1rem 3rem;
}

.navbar-collapse.show .navbar-nav li .nav-link {
    padding: 1.3rem 0rem;
}

.navbar-collapse.show .navbar-nav li .notification {
    padding-left: 0;
}

.navbar-collapse.show .dateTimeContainer {
    margin: 0;
}

.k-input-solid {
    border-radius: 0 !important;
    font-size: 1rem;
}

.k-button-solid-primary,
.k-button-solid-primary:active,
.k-button-solid-primary:focus {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 8px;
    padding: 4px 17px;
    box-shadow: 0 5px 20px -1px rgba(0, 102, 255, 0.08);
    background-color: #0066ff;
    border: 1px solid #0066ff !important;
    color: #fff !important;
    border-radius: 0 !important;
    text-transform: uppercase;
    letter-spacing: 1.25px;
    font-size: 0.85rem;
    font-weight: 500;
    color: #fff;
}

.k-button .k-button-text {
    text-transform: uppercase;
}

#globalSearchdropdownFilter.dropdown-menu {
    box-shadow: 0 3px 6px 0 #00000029;
    border-radius: 0;
    border: unset;
    right: 0;
}

#globalSearchdropdownFilter.dropdown-menu form label {
    font-family: "SourceSansPro", sans-serif;
    font-size: 1rem;
    font-weight: 500;
    color: #1A1A1A;
    align-items: flex-start;
    text-align: left;
    display: flex;
    align-content: center;
    flex-wrap: wrap;
}

#globalSearchdropdownFilter.dropdown-menu .k-form-clear {
    display: none;
}

.expandContainer {
    cursor: pointer;
}

li.dropstart {
    position: relative;
}

.dropstart ul.dropdown-menu {
    left: -100%;
    margin: -0.25rem -1.35rem;
    top: 0;
}

@media screen and (max-width: 80rem) {
    .navbar-collapse .left-align {
        padding-left: 0rem;
    }

    .navbar-collapse .left-align .input-group.searchWidth {
        width: 20rem;
    }

    .navbar-collapse .navbar-nav li {
        padding: 0 1rem;
    }
}

@media screen and (max-width: 992px) {
    .navbar .navbar-brand {
        margin-right: 0;
    }

    .navbar-collapse .navbar-nav li .dropdown-menu {
        height: auto;
    }

    .footer {
        text-align: center;
    }

    .container-fluid {
        padding: 1rem 1rem 4rem 1rem !important;
    }

    .custom-legend {
        display: none !important;
    }

    .smallHeader {
        font-weight: 600 !important;
    }

    .k-picker.k-dropdownlist {
        width: 100px !important;
    }

    .w-88 {
        width: 82% !important;
    }
}

.k-menu-popup .k-menu-group .k-item:focus .k-link {
    box-shadow: unset;
}

.k-menu-popup .k-menu-link-text {
    font-family: "SourceSansPro", sans-serif;
    font-size: 1rem;
}

.k-menu-popup .k-menu-link img {
    width: 20px;
}

.k-menu-popup .k-menu-link {
    padding: 0.5rem 1rem;
}

.small-header {
    font-size: 1rem;
    font-weight: 600;
    color: #000;
    text-transform: uppercase;
}

.profile-avatar {
    width: 30px;
    height: 30px;
    padding: 0.3rem 0.5rem;
    background-color: #0066ff;
    color: #fff;
    margin-left: 1rem;
    display: inline-block;
    font-weight: 600;
    text-align: center;
}

.notification+.dropdown-menu {
    min-width: 22rem !important;
    max-height: 25rem;
    overflow: auto;
}

.notification+.dropdown-menu.dropdown-clock-panel {
    min-width: 17.1rem !important;
    width: 17.1rem !important;
    right: 14.7rem !important;
    left: auto !important;
    top: 3.5rem !important;
    border-radius: 0;
}

.notification+.dropdown-menu ul {
    list-style: none;
    padding: 0;
}

.notification+.dropdown-menu ul li {
    padding: 0.5rem 0.95rem;
}

.notification+.dropdown-menu ul li:not(:last-child) {
    border-bottom: 1px solid #E6E6E6;
}

.notification+.dropdown-menu ul li p {
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 600;
    font-family: "SourceSansPro", sans-serif;
    color: #202427;
}

.notification+.dropdown-menu ul li p:not(.timer) {
    font-weight: 500;
}

.notification+.dropdown-menu ul li p.timer {
    color: #4D4D4D;
}

.notification+.dropdown-menu ul li .card {
    box-shadow: none;
    padding: 0;
}

.clockBorder {
    border: solid 1px #E6E6E6;
    padding-right: 0px;
}

.clockBorder a {
    height: 34px;
}

.navbar-brand img {
    border-right: solid 1px #E6E6E6;
    height: 24px;
}

.nineDots .dropdown-menu {
    height: calc(100vh - 310px);
    overflow-x: hidden;
}

.nineDots .dropdown-menu .menu {
    display: flex;
    padding: 0rem 1rem;
}

.nineDots .dropdown-menu .mobile-menu {
    display: none;
}

.input-group.searchWidth {
    max-width: 35rem;
    /* width: 33rem; */
    width: 29rem;
}

span.k-picker.k-dropdownlist.k-dropdown-operator.k-picker-solid.k-picker-md.k-rounded-md {
    display: none;
}

.borderSytle {
    border-top: 1px solid #e5e5e5;
}

.gridCheckbox .dropdown-item:active,
.gridCheckbox .dropdown-item:focus {
    background-color: transparent;
}

span#dropdownMenuButton {
    border-left: unset;
    padding: 8.5px 13px;
}

.custom-form.dropdown-item:active,
.custom-form.dropdown-item:focus,
.custom-form.dropdown-item:hover {
    background-color: transparent;
}

.navbar .input-group .custom-form input.form-control:focus {
    box-shadow: unset;
    border: unset;
}

.navdropdown-2 .k-menu-popup {
    left: -9.3rem !important;
}

.nineDots .dropdown-menu {
    border-radius: 6px;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    background-color: #fff;
    border: unset;
}

@media screen and (max-width: 992px) {
    .input-group.searchWidth {
        max-width: 100%;
        width: 100%;
    }

    .navbar-expand-lg .navbar-nav {
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .navbar-expand-lg .navbar-collapse {
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
    }
}

@media screen and (min-width: 1399px) {
    span#dropdownMenuButton {
        padding: 11px 13px;
    }
}

@media screen and (max-height: 500px) {
    .nineDots .dropdown-menu {
        height: auto;
    }
}

.nineDots .submenu-slide {
    position: absolute !important;
    padding: 27px 16px 18px !important;
    border-radius: 6px !important;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16) !important;
    background-color: #fff !important;
    display: none;
    z-index: 99999 !important;
    font-family: "SourceSansPro", sans-serif !important;
}

.submenu-slide.visible {
    display: block;
}

.submenu-slide h6 {
    padding: 12px 10px 11px;
    background-color: #eef6fe;
    color: #000;
    font-weight: bold;
}

.submenu-slide h6 span {
    float: right;
    text-decoration: underline;
    text-transform: uppercase;
    cursor: pointer;
}

.submenu-slide .submenu-list,
.submenu-slide .submenu-slide-inner {
    overflow: auto;
    /* padding-left: 0.7rem; */
}

.submenu-slide .submenu-slide-inner li {
    padding: 0 !important;
}

.submenu-slide .submenu-slide-inner li u {
    text-decoration: unset !important;
}

.submenu-slide .submenu-list a,
.submenu-slide .submenu-slide-inner a {
    display: block;
    color: #000 !important;
    line-height: 2.2 !important;
    font-size: 14px !important;
    text-decoration: unset !important;
    padding-left: 0.7rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
}


.submenu-slide .submenu-list a:hover,
.submenu-slide .submenu-slide-inner a:hover {
    background-color: #f8f9fa !important;
}

@media screen and (max-width: 768px) {
    .nineDots .submenu-slide.visible {
        display: none !important;
    }
}

@media screen and (max-width: 600px) {
    .navbar-collapse .mw-30 {
        min-width: 16rem !important;
    }
}

.profile-status-dp-li {
    border-radius: 20px;
    border: solid 1px #06f;
    height: 30px;
    display: flex !important;
    align-items: center;
    padding: 0 0.6rem !important;
    position: relative;
    width: 80px;
}

.profile-status-dp-li p {
    margin: 0;
}

.profile-status-dp-li .user-status {
    position: relative;
    left: 0px;
    top: 1.5px;
    right: auto;
}

.profile-status-dp-li span {
    font-size: 1rem;
}

.profile-status-dp-li .dropdown-toggle {
    display: flex;
    align-items: center;
}

.profile-status-dp-li .dropdown-toggle img {
    margin-left: -3px;
    margin-top: -3px;
}

.profile-status-dp-li .dropdown-menu {
    min-width: 21rem !important;
    padding: 0.5rem 0 !important;
    border-radius: 6px;
    box-shadow: -1px 1px 10px 0 rgba(0, 102, 255, 0.08);
    border: solid 1px #f6f6f6;
    background-color: #fff;
    max-height: 230px;
    overflow: auto;
}

.profile-status-dp-li .dropdown-menu div {
    padding: 0.5rem 1rem 0.2rem !important;
}

.profile-status-dp-li .dropdown-menu div .user-status {
    top: -4px;
}

.profile-status-dp-li .dropdown-menu div .user-status+span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 115px;
    display: inline-block;
}

.profile-status-dp-li .dropdown-menu div:hover {
    cursor: pointer;
    background-color: #f8f9fa;
}

.profile-status-dp-li .dropdown-menu div .active-check {
    display: none;
    float: right;
}

.profile-status-dp-li .dropdown-menu div.active {
    background-color: #f8f9fa;
}

.profile-status-dp-li .dropdown-menu div.active .active-check {
    display: inline-block;
}

.profile-status-dp-li .dropdown-menu div span:last-child {
    min-width: 75px;
}


.user-status.break {
    background-color: #5e666c;
}

.user-status.break {
    background-color: #5e666c;
}

.user-status.meeting {
    background-color: #F35838;
}

.user-status.unavailable {
    background-color: #0066ff;
}


.footer:not(table) {
    width: 100%;
    background-color: #e5f0ff;
    border: solid 1px #f1f3f4;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-family: "NotoSans", sans-serif;
    margin-top: 1.5rem;
    position: fixed;
    bottom: 0;
    width: 100%;
    left: 0;
    padding: 0.1rem 1rem;
    z-index: 9;
}

.footer ul {
    margin-bottom: 0rem;
}

.footer ul li a {
    font-size: 11px;
    font-weight: 500;
    line-height: 1.43;
    color: #0066ff;
    text-transform: uppercase;
}

.footer p {
    font-size: 11px;
    margin-bottom: 0;
    color: #767f8a;
}

.nav-tabs {
    font-family: "NotoSans", sans-serif;
    border-bottom: unset;
}

.nav-tabs .nav-item.show .nav-link {
    border-bottom: 2px solid #59A9F2;
}

.nav-tabs .nav-link.active {
    border: transparent;
    border-bottom: 2px solid #59A9F2;
    font-weight: 600;
}

.nav-tabs .nav-link {
    text-transform: uppercase;
    font-size: 0.9rem;
    color: rgba(0, 0, 0, 0.87);
    line-height: 1.38;
}

.nav-tabs .nav-link:focus {
    border-color: #59A9F2;
}

.nav-tabs .nav-link:hover {
    border-color: transparent;
}

.smallHeader {
    font-family: "SourceSansPro", sans-serif;
    font-size: 20px;
    font-weight: 600;
    color: #1A1A1A;
}

.smallHeader a {
    font-size: 14px;
    padding-left: 5px;
    color: #59A9F2;
}

.container-fluid.dashboard {
    padding: 1rem 1.3rem 1rem 1.3rem !important;
}

#dashboardSplitter .leftSideContent {
    padding-right: 0.5rem;
}

#dashboardSplitter .k-splitter .k-scrollable {
    width: 10px !important;
}

.k-splitbar {
    cursor: pointer;
}


.smallHeader a {
    font-size: 14px;
    padding-left: 5px;
    color: #59A9F2;
}

#sortable {
    list-style: none;
    padding: 10px 0;
}

#sortable .sortable {
    padding: 20px;
    box-shadow: 0 5px 20px -1px rgba(0, 67, 101, 0.08);
    background-color: #FFFFFF;
    min-height: 400px;
    margin: 10px 0;
}

#sortable .sortable.expandFull {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 9;
    left: 0;
    top: 0;
    margin: 0;
}

label {
    color: #999999;
    padding-right: 1rem;
}

label span {
    width: 12px;
    height: 12px;
    display: inline-block;
    margin-right: 5px;
}

label span.info {
    background-color: #95A4A7;
}

label span.success {
    background-color: #7CCA62;
}

label span.warning {
    background-color: #F0A22E;
}

label span.danger {
    background-color: #F35838;
}

.card {
    padding: 15px;
    box-shadow: 0 5px 20px -1px rgba(0, 67, 101, 0.08);
    background-color: #FFFFFF;
    margin: 2px 0;
    border: unset;
}

.card .timer {
    font-size: 11px;
    color: #5e666c;
}

.card .timer span {
    width: 8px;
    height: 8px;
    display: inline-block;
    margin-right: 5px;
    border-radius: 50%;
}

.card .timer span.info {
    background-color: #95A4A7;
}

.card .timer span.success {
    background-color: #7CCA62;
}

.card .timer span.warning {
    background-color: #F0A22E;
}

.card .timer span.danger {
    background-color: #F35838;
}

.card p {
    margin-bottom: 0.2rem;
}

.card p:nth-of-type(2) {
    color: #4D4D4D;
}

.card p:nth-of-type(3) {
    color: #1A1A1A;
}

.card .info {
    padding: 4px 8px;
    background-color: #d9dbdd;
    border-radius: 0;
    font-size: 12px !important;
    color: #616972;
    display: inline-block;
}

.card label {
    font-size: 11px;
}

.card label span {
    border-radius: 50%;
    width: 8px;
    height: 8px;
}

.card.statusCard {
    background-color: #fff;
}

.card.statusCard p {
    font-size: 16px;
    font-weight: 600;
}

.mediumHeader {
    font-size: 20px;
    color: #4D4D4D;
    font-weight: 600;
    text-transform: capitalize;
}

.shrinkContainer {
    cursor: pointer;
}

.k-tilelayout {
    background-color: transparent;
    padding: 20px 0 !important;
}

.k-tilelayout .k-card {
    box-shadow: 0 5px 20px -1px rgba(0, 67, 101, 0.08);
    background-color: #FFFFFF;
    border-radius: 0;
    border: unset;
    /* min-height: 21rem; */
}

.k-tilelayout .k-card .k-card-title {
    font-family: "SourceSansPro", sans-serif;
    font-size: 1.1rem;
    font-weight: 600;
    display: flex;
    align-items: center;
}

.k-tilelayout .k-card .k-card-body .k-close-button {
    margin-top: 1rem;
}

.k-tilelayout .k-card .k-card-title svg {
    float: right;
    cursor: pointer;
    /* margin: 0 0.5rem; */
}

.k-svg-i-caret-alt-down.k-i-collapse svg {
    margin: auto !important;
    fill: #06f;
    display: none;
}

.k-tilelayout .k-card .k-card-header {
    border-color: transparent;
}

.k-tilelayout.non-editable .k-card {
    pointer-events: none;
}

.editView,
svg.reduce,
svg.expand {
    display: none;
}

@media screen and (min-width: 992px) {
    .dashboard .col-lg-9 {
        flex: 0 0 70%;
        max-width: 70%;
    }
}

@media screen and (min-width: 992px) {
    .dashboard .col-lg-3 {
        flex: 0 0 30%;
        max-width: 30%;
    }
}

.operatorDashboard .k-card .kendo-dropdown {
    margin: 0 1rem;
}

.operatorDashboard .k-card .k-card-body svg text {
    font-family: "NotoSans", sans-serif !important;
    font-size: 11px !important;
    font-weight: 500 !important;
}

.operatorDashboard.k-tilelayout {
    padding-bottom: 0 !important;
}

span.k-picker.k-dropdownlist.selectWidget {
    width: 280px;
    max-width: 280px;
}

select.monthDorpdown,
select.selectWidget {
    display: none !important;
}

tr.k-filter-row {
    display: none;
}

.d-auto {
    display: unset;
}

li.k-item.k-menu-item.k-columns-item,
li.k-separator.k-menu-separator.k-item {
    display: none;
}

.gridCheckbox .form-check.dropdown-item {
    padding-left: 2rem;
}

form.k-filter-menu {
    width: 240px !important;
}

form.k-filter-menu .k-button-solid-primary {
    padding: 4px 13px;
}

.creatdropDown .k-icon:before {
    height: .8em;
}

span.k-multiselect.selectWidget {
    max-width: 400px;
}

@media screen and (max-width: 957px) {

    .scrollabletab,
    .rigthSideIcons {
        width: 100% !important;
    }

    .rigthSideIcons {
        margin-top: 1rem !important;
    }
}

span.span-warning {
    font-size: 11px;
    display: inline-block;
    padding: 2px 10px;
    border-radius: 15px;
}

.span-warning {
    background-color: #F0A22E;
    color: #fff;
}

.span-danger {
    background-color: #F35838;
    color: #fff;
}

.span-success {
    background-color: #7CCA62;
    color: #fff;
}

.span-info {
    background-color: #0085FF;
    color: #fff;
}

.min-w-20 {
    min-width: 20%;
}

.resourceAvailabiltyContainer .card p span {
    color: #767F8A;
    padding: 0;
}

.resourceAvailabiltyContainer .card span.success {
    background-color: #7CCA62;
    width: 12px;
    height: 12px;
    display: inline-block;
    margin-right: 5px;
}

.resourceAvailabiltyContainer .card span.warning {
    background-color: #F0A22E;
    width: 12px;
    height: 12px;
    display: inline-block;
    margin-right: 5px;
}

.resourceAvailabiltyContainer .card span.info {
    background-color: #95A4A7;
    width: 12px;
    height: 12px;
    display: inline-block;
    margin-right: 5px;
}

#realTimeAlertTab li.nav-item {
    width: 50%;
    text-align: center;
    border: solid 1px #d9dbdd;
}

#realTimeAlertTab li.nav-item .nav-link.active {
    color: #0066ff;
    border-bottom: 2px solid #0066ff;
}

#realTimeAlertTabContent .accordion {
    margin-top: 0.5rem;
}

#realTimeAlertTabContent .accordion .card {
    padding: 0.5rem 0;
    box-shadow: unset;
}

#realTimeAlertTabContent .accordion .card .card-header {
    border: solid 1px #d9dbdd;
    background-color: #fff;
    padding: 0rem;
}

#realTimeAlertTabContent .accordion .card .card-header .btn {
    padding: 0.7rem;
    height: auto;
    font-size: 14px;
    color: #1A1A1A;
}

#realTimeAlertTabContent .accordion .card .card-header .btn:hover {
    text-decoration: unset;
}

#realTimeAlertTabContent .accordion .card .card-header .btn:focus {
    box-shadow: unset;
    text-decoration: unset;
}

#realTimeAlertTabContent .accordion .card .card-header.active {
    border: solid 1px #66a3ff;
    background-color: #e5f0ff;
}

#treeview .k-sprite {
    background-image: url(" https://uat-atomicdesign.rrd.com/go-it/m3/img/png/coloricons-sprite.png");
}

#treeview .rootfolder {
    background-position: 0 0;
}

#treeview .folder {
    background-position: 0 -16px;
}

#treeview .pdf {
    background-position: 0 -32px;
}

#treeview .html {
    background-position: 0 -48px;
}

#treeview .image {
    background-position: 0 -64px;
}

ul#parent-list {
    display: flex;
}

ul#parent-list p.iframe-sec {
    position: absolute;
    right: 0;
    margin-bottom: 0;
}

ul#parent-list>li {
    width: 20%;
}

ul#parent-list>li a.k-treeview-leaf.k-in.k-link {
    position: static;
}

ul#parent-list>li ul.tree-list+p.iframe-sec {
    display: none;
}

.k-grid {
    border-color: #E6E6E6;
    background-color: #fff;
}

.k-grid .k-header-column-menu.WidthAutoDNone {
    display: none !important;
}

.k-grid .k-column-title {
    font-family: "NotoSans", sans-serif;
    font-size: 12px;
    color: #202427;
    font-weight: 600;
    line-height: 1.5rem;
}

.k-grid .k-grid-header-locked {
    border-color: rgba(0, 0, 0, 0.08);
}

.k-grid .k-grid-header-locked .k-header {
    border-color: rgba(0, 0, 0, 0.08);
}

.k-grid .k-grid-content-locked {
    border-color: rgba(0, 0, 0, 0.08);
}

.k-grid .k-grid-content-locked td {
    border-color: rgba(0, 0, 0, 0.08);
}

.k-grid .k-grid-header .k-link {
    font-family: "NotoSans", sans-serif;
    font-size: 12px;
    color: #202427;
    font-weight: 600;
    line-height: 1.5rem;
}

.k-grid tbody td,
.k-grid-footer td {
    font-family: "NotoSans", sans-serif;
    color: #202427;
    font-size: 0.86rem !important;
    height: 2.5rem;
    padding: 0.09rem 1.142rem;
}

.k-grid tbody td:first-child {
    text-align: center;
    text-overflow: clip;
}

.k-grid tbody td p.bg {
    padding: 1.5px 10px;
    margin: 0;
    text-decoration: underline;
}

.k-grid tbody td p.bg span {
    display: inline-block;
    width: 8px;
    height: 8px;
    margin-right: 0.4rem;
}

.k-grid tbody td a {
    color: #06f;
    text-decoration: underline;
}

.k-grid .k-grid-header th.k-header {
    font-family: "NotoSans", sans-serif;
    background-color: #fff;
    color: #202427;
    font-size: 1rem;
    font-weight: 500;
    height: 1.285rem;
    padding: 0.571rem 1.142rem;
    text-overflow: clip;
}

.k-grid .k-grid-header th.k-header:first-child {
    text-align: center;
}

.k-grid tr.k-alt {
    background-color: #f8f9fa !important;
}

.k-grid tr:hover {
    background-color: #e5f0ff !important;
}

.k-grid .k-link .k-icon.k-i-sort-asc-sm,
.k-grid .k-link .k-icon.k-i-sort-desc-sm {
    display: inline-block;
    float: right;
}

.k-grid .k-checkbox {
    width: 14px;
    height: 14px;
    border: solid 1.5px #66a3ff;
    background-color: #fff;
    border-radius: 0 !important;
    margin-top: 3px;
}

.k-grid .k-checkbox:checked {
    background-color: #0066ff !important;
    border: solid 2px #66a3ff;
}

.k-grid .k-checkbox:checked:focus {
    box-shadow: unset;
}

.k-grid .k-checkbox::before {
    content: "" !important;
}

.k-grid tr.k-selected td {
    background-color: #e5f0ff !important;
}

.k-grid .k-i-arrow-60-right::before {
    content: "";
    background-image: url(https://uat-atomicdesign.rrd.com/go-it/m3/img/svg/arrow-right-pg.svg);
    background-size: contain;
}

.k-grid .k-i-arrow-60-left::before {
    content: "";
    background-image: url(https://uat-atomicdesign.rrd.com/go-it/m3/img/svg/arrow-left.svg);
    background-size: contain;
}

.k-grid .k-i-arrow-end-right::before,
.k-grid .k-i-arrow-end-left::before {
    color: #0066ff;
}

.k-grid .k-pager-numbers .k-link {
    color: #5e666c;
    font-size: 1rem;
    font-weight: 500;
}

.k-grid .k-pager-numbers .k-link:hover {
    background-color: #e5f4e0;
}

.k-grid .k-pager-numbers .k-link.k-selected {
    background-color: #e5f0ff;
}

.k-grid .k-pager-info {
    flex: unset !important;
    justify-content: flex-end;
}

.k-grid .k-pager-sizes {
    flex: 1 1 0% !important;
    justify-content: flex-end;
}

#estimationGrid.k-grid .k-grid-header th.k-header:first-child,
#estimationGrid.k-grid tbody td:first-child {
    text-align: left;
}

.bg-gray {
    background-color: #f4f2f6;
}

.bg-gray span {
    background-color: #957ea8;
}

.bg-orange {
    background-color: #fcecd5;
}

.bg-orange span {
    background-color: #f0a22e;
}

.bg-red {
    background-color: #feeeeb;
}

.bg-red span {
    background-color: #f35838;
}

.bg-green {
    background-color: #e5f4e0;
}

.bg-green span {
    background-color: #7cca62;
}

span.k-picker.k-dropdownlist.k-dropdown-operator.k-picker-solid.k-picker-md.k-rounded-md {
    display: none;
}

@media screen and (max-width: 992px) {
    .k-grid .k-column-title {
        font-size: 12px;
    }
}

.jobDetails span {
    font-size: 14px;
    color: #999;
    font-weight: 500;
}

.card h6 {
    font-size: 20px;
    color: #4D4D4D;
    font-weight: 600;
    text-transform: capitalize;
}

.card p {
    font-size: 14px;
    color: #4D4D4D;
}

.card img {
    width: 20px;
    height: 20px;
}

.scrollView.k-widget * {
    box-sizing: inherit;
}

.scrollView.k-widget .k-icon:before {
    top: -35px;
    font-size: 18px;
    margin: inherit;
}

div.k-scrollview {
    border-color: transparent;
    min-height: 170px;
}

div.k-scrollview .k-i-arrowhead-w::before {
    left: 297px;
    right: 0;
}

div.k-scrollview .k-i-arrowhead-e::before {
    right: 20px;
    left: auto;
}

#jobCreationModal .modal-dialog {
    max-width: 950px;
    font-family: "SourceSansPro", sans-serif;
}

#jobCreationModal .modal-content {
    padding: 1rem;
}

#jobCreationModal .modal-header {
    border-bottom: unset;
    font-family: "SourceSansPro", sans-serif;
}

#jobCreationModal .modal-content .modal-header svg {
    cursor: pointer;
}

#jobCreationModal .modal-footer {
    border-top: unset;
}

#jobCreationModal .modal-footer .btn-secondary {
    background-color: transparent;
    color: #f35838;
    font-size: 14px;
    border: unset;
    line-height: 1.43;
    letter-spacing: 1.25px;
}

#jobCreationModal .modal-footer .btn-primary {
    background-color: #203764;
    color: #fff;
    border: unset;
    padding: 9px 17px;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
    border: solid 1px #203764;
    line-height: 1.43;
    letter-spacing: 1.25px;
}

#jobCreationModal ul.lisoflables {
    padding: 20px;
    box-shadow: 0 5px 20px -1px rgba(0, 67, 101, 0.08);
    background-color: #fff;
}

#jobCreationModal .grid-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    gap: 40px;
    row-gap: 50px;
    padding: 20px;
    box-shadow: 0 5px 20px -1px rgba(0, 67, 101, 0.08);
    background-color: #fff;
}

#jobCreationModal .grid-container>div {
    background-color: rgba(255, 255, 255, 0.8);
    border-right: 1px solid #e6e6e6;
    text-align: left;
    color: #999999;
    font-size: 16px;
}

#jobCreationModal .grid-container>div:last-child {
    border-right: unset;
}

#jobCreationModal p {
    font-size: 1rem;
    color: #202427;
    margin-bottom: 0;
    width: 165px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#jobCreationModal p:first-child {
    font-weight: 600;
    color: #202427;
}

#jobCreationModal ol {
    padding-left: 2rem;
    height: 7rem;
    overflow: auto;
}

#jobCreationModal ol li {
    font-size: 1rem;
    color: #202427;
}


@media only screen and (max-width: 600px) {
    #jobCreationModal .grid-container>div {
        border-right: unset;
    }
}

#mailBody {
    border: unset;
}

#mailBody .modal-dialog {
    box-shadow: 0 2px 6px -1px rgba(0, 102, 255, 0.06);
    background-color: #fff;
    max-width: 800px;
    width: 800px;
    padding: 2rem;
    border: unset;
}

#mailBody .modal-content {
    border: unset;
}

#mailBody .modal-header {
    border: unset;
    border-bottom: 1px solid #d9dbdd !important;
    margin: 0px 10px;
    padding: 10px 0;
}

#mailBody .modal-header h5.modal-title {
    font-family: "SourceSansPro", sans-serif;
    font-size: 22px;
    font-weight: 600;
    color: #202427;
}

#ConfirmationPopup h5.modal-title {
    font-family: "SourceSansPro", sans-serif;
    font-size: 22px;
    font-weight: 600;
    color: #202427;
}

#ConfirmationPopup .confirmationPara p {
    font-family: "SourceSansPro", sans-serif;
    font-size: 1rem;
    color: #464b53;
}

#ConfirmationPopup .modal-footer .btn-secondary {
    border: solid 1px #99c2ff !important;
    font-family: "NotoSans", sans-serif;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    color: #3385ff;
    background: transparent !important;
}

#ConfirmationPopup .modal-dialog {
    margin: 150px auto !important;
    max-width: 600px;
}

#ConfirmationPopup button.close {
    opacity: 1;
}

.border-radius-unset {
    border-radius: unset !important;
}

button.close {
    opacity: 1;
}

.modal .modal-title {
    font-family: "SourceSansPro", sans-serif;
    font-size: 20px;
    font-weight: 600;
    white-space: nowrap;
}

.modal .form-group label {
    font-family: "SourceSansPro", sans-serif;
    font-size: 14px;
    color: #202427;
    line-height: 1.43;
}

.modal .form-group .form-control {
    font-family: "NotoSans", sans-serif;
    border: solid 1px #d9dbdd;
    background-color: #fff;
    color: #464b53 !important;
    border-radius: 0 !important;
}

.modal .form-group .form-control:not(textarea) {
    height: 40px;
}

#notifySettingPopup {
    /* Rounded sliders */
}

#notifySettingPopup h5.modal-title {
    font-family: "SourceSansPro", sans-serif;
    font-size: 22px;
    font-weight: 600;
    color: #202427;
}

#notifySettingPopup .notifySttinglabel {
    background-color: #e5f0ff;
}

#notifySettingPopup .notifySttinglabel p {
    margin-bottom: unset;
}

#notifySettingPopup .notifySttinglabel p:first-child {
    font-family: "SourceSansPro", sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #464b53;
}

#notifySettingPopup .notifySttinglabel p:nth-child(2) {
    font-family: "NotoSans", sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: #06f;
}

#notifySettingPopup .switch {
    position: relative;
    display: inline-block;
    width: 31.1px;
    height: 14px;
}

#notifySettingPopup .switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

#notifySettingPopup .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #bfc5c8;
    -webkit-transition: .4s;
    transition: .4s;
}

#notifySettingPopup .slider:before {
    position: absolute;
    content: "";
    width: 19.4px;
    height: 20px;
    box-shadow: 0 5px 20px -1px rgba(0, 102, 255, 0.08);
    background-color: #a8adb4;
    left: -4px;
    bottom: -3px;
    -webkit-transition: .4s;
    transition: .4s;
}

#notifySettingPopup input:checked+.slider {
    background-color: #99c2ff;
}

#notifySettingPopup input:focus+.slider {
    box-shadow: 0 0 1px #2196F3;
}

#notifySettingPopup input:checked+.slider:before {
    -webkit-transform: translateX(18px);
    -ms-transform: translateX(18px);
    transform: translateX(18px);
    box-shadow: 0 5px 20px -1px rgba(0, 102, 255, 0.08);
    background-color: #06f;
}

#notifySettingPopup .slider.round {
    border-radius: 34px;
}

#notifySettingPopup .slider.round:before {
    border-radius: 50%;
}

#notifySettingPopup label span {
    width: auto;
    height: auto;
    display: unset;
    margin-right: unset;
}

#notifySettingPopup .borderBottom {
    border-bottom: solid 1px #e6e6e6 !important;
}

#notifySettingPopup .notificationswitchBtn h4 {
    font-family: "NotoSans", sans-serif;
    font-size: 14px;
    color: #32383d;
}

#notifySettingPopup .notificationswitchBtn P {
    font-family: "NotoSans", sans-serif;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    text-align: left;
    color: #464b53;
    padding-right: 3rem;
    margin-bottom: 0;
}

#notifySettingPopup .modal-footer .btn-secondary {
    border: solid 1px #99c2ff !important;
    font-family: "NotoSans", sans-serif;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    color: #3385ff;
    background: transparent !important;
}

#notifySettingPopup .modal-dialog {
    margin: 100px auto !important;
}

.notificationSettingPage h5 {
    font-family: "SourceSansPro", sans-serif;
    font-size: 22px;
    font-weight: 600;
    color: #202427;
}

.notificationSettingPage .tab-content {
    font-family: "SourceSansPro", sans-serif;
}

.notificationSettingPage .tab-content .tab-pane {
    /* Rounded sliders */
}

.notificationSettingPage .tab-content .tab-pane h6 {
    font-size: 14px;
    font-weight: 600;
    color: #464b53;
    padding: 1.5rem 0;
    border-bottom: 1px solid #E6E6E6;
}

.notificationSettingPage .tab-content .tab-pane .switch {
    position: relative;
    display: inline-block;
    width: 31.1px;
    height: 14px;
}

.notificationSettingPage .tab-content .tab-pane .switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.notificationSettingPage .tab-content .tab-pane .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #bfc5c8;
    -webkit-transition: .4s;
    transition: .4s;
}

.notificationSettingPage .tab-content .tab-pane .slider:before {
    position: absolute;
    content: "";
    width: 19.4px;
    height: 20px;
    box-shadow: 0 5px 20px -1px rgba(0, 102, 255, 0.08);
    background-color: #a8adb4;
    left: -4px;
    bottom: -3px;
    -webkit-transition: .4s;
    transition: .4s;
}

.notificationSettingPage .tab-content .tab-pane input:checked+.slider {
    background-color: #99c2ff;
}

.notificationSettingPage .tab-content .tab-pane input:focus+.slider {
    box-shadow: 0 0 1px #2196F3;
}

.notificationSettingPage .tab-content .tab-pane input:checked+.slider:before {
    -webkit-transform: translateX(18px);
    -ms-transform: translateX(18px);
    transform: translateX(18px);
    box-shadow: 0 5px 20px -1px rgba(0, 102, 255, 0.08);
    background-color: #06f;
}

.notificationSettingPage .tab-content .tab-pane .slider.round {
    border-radius: 34px;
}

.notificationSettingPage .tab-content .tab-pane .slider.round:before {
    border-radius: 50%;
}

.notificationSettingPage .tab-content .tab-pane label span {
    width: auto;
    height: auto;
    display: unset;
    margin-right: unset;
}

.min-vh-50 {
    min-height: 50vh;
}


p.popupSubHeader {
    font-size: 18px;
    font-weight: 600;
    color: #202427;
}

#quickAllocate .labelColor {
    color: #1a1a1a;
}

#quickAllocate .emialDropdown label {
    font-family: "SourceSansPro", sans-serif;
    font-size: 14px;
    color: #202427;
}

#quickAllocate .emialDropdown label::after {
    content: "*";
    color: red;
}

#quickAllocate .emialDropdown .form-select {
    font-weight: normal;
    font-family: "NotoSans", sans-serif;
    font-size: 16px;
    color: #32383d;
    border: solid 1px #e6e6e6;
    background: url(https://uat-atomicdesign.rrd.com/go-it/m3/img/svg/dropdown.svg) no-repeat right;
    z-index: 9;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
}


#quickAllocate option {
    font-family: "NotoSans", sans-serif;
    font-size: 16px;
    color: #5e666c;
}

#quickAllocate option.resourcejobId {
    color: #000;
}

#quickUpdate .form-control {
    padding: 9px;
    border: solid 1px #d9dbdd;
    background-color: #fff;
}

#quickUpdate label {
    font-size: 14px;
    color: #202427;
}

.btn-primary:disabled {
    padding: 8px 16px;
    background-color: #f1f3f4;
    border: unset;
    font-family: "NotoSans", sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: #a8adb4;
}

#mergePopup .modal-content {
    padding: .5rem 0;
}

#mergePopup .modal-dialog {
    max-width: 930px;
    margin: 1rem auto;
}

#mergePopup .left p {
    white-space: nowrap;
    font-family: "NotoSans", sans-serif;
    font-size: 14px;
    color: #464b53;
}

#mergePopup .right .form-control {
    min-width: 550px;
    max-width: 100%;
    padding: 8px;
    border: solid 1px #d9dbdd;
    background: #fff url(https://uat-atomicdesign.rrd.com/go-it/m3/img/svg/search.svg) no-repeat 10px center;
    font-family: "NotoSans", sans-serif;
    font-size: 14px;
    color: #767f8a;
}

#mergePopup .k-pager-sm .k-pager-numbers-wrap select.k-dropdown,
#mergePopup .k-pager-sm .k-pager-numbers-wrap select.k-dropdown-list,
#mergePopup .k-pager-sm .k-pager-numbers-wrap select.k-dropdownlist {
    display: none !important;
}

#mergePopup .k-pager-md .k-pager-info,
#mergePopup .k-pager-sm .k-pager-info,
#mergePopup .k-pager-sm .k-pager-numbers,
#mergePopup .k-pager-sm .k-pager-sizes {
    display: inline-flex;
}

#mergePopup .k-pager-sm .k-pager-numbers-wrap {
    width: unset;
}

#mergePopup .k-grid tbody td {
    height: 2rem;
}

.warningTitle {
    font-family: "SourceSansPro", sans-serif;
    font-size: 18px;
    font-weight: bold;
    color: #202427;
}

.warningContent {
    font-family: "SourceSansPro", sans-serif;
    font-size: 16px;
    color: #202427;
}

.notificationModal {
    box-shadow: 0 2px 6px 0 rgba(0, 102, 255, 0.1);
    border: solid 1px #e0e0e0;
}

.notificationModal h5 {
    font-family: "SourceSansPro", sans-serif;
    font-size: 18px;
    font-weight: bold;
    color: #202427;
}

.notificationModal p {
    font-family: "SourceSansPro", sans-serif;
    font-size: 16px;
    color: #202427;
    text-align: justify;
}

.myProfilePage .boxShadow {
    padding: 20px;
    box-shadow: 0 5px 20px -1px rgba(0, 67, 101, 0.08);
    background-color: #fff;
    font-family: "SourceSansPro", sans-serif;
}

.myProfilePage .modal-dialog {
    max-width: 600px;
    min-height: 300px;
    margin: 4rem auto;
}

.myProfilePage .userImg {
    width: 64px;
    height: 64px;
    border-radius: 4px;
    background-color: #06f;
    position: relative;
}

.myProfilePage .userImg a {
    display: inline-block;
    width: 100%;
    height: 100%;
}

.myProfilePage .userImg img {
    width: 100%;
    height: 100%;
}

.myProfilePage .userImg .profile-avatar {
    height: 100%;
    font-size: 3rem;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    margin: 0 !important;
    width: 100%;

}

.myProfilePage .userImg .iconHolder {
    border: solid 0.5px #06f;
    background-color: #fff;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    position: absolute;
    right: -0.5rem;
    bottom: -0.5rem;
    padding: 3px 0px;
    cursor: pointer;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.myProfilePage .userImg .iconHolder img {
    margin-right: 2px;
    width: auto;
    height: auto;
    margin-top: 5px
}

.myProfilePage .modal-content {
    box-shadow: 0 2px 6px 0 rgba(0, 102, 255, 0.1);
    border: solid 1px #e0e0e0;
    background-color: #fff;
    border-radius: 0;
    width: 31rem;
}

.myProfilePage .editProfileImg {
    min-height: 100px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.myProfilePage .editProfileImg img {
    height: 100%;
    /* width: 100%; */
}

.myProfilePage p.nameandEmp {
    font-size: 16px;
    font-weight: 600;
    color: #202427;
}

.myProfilePage p.designation {
    font-family: "NotoSans", sans-serif;
    font-size: 12px;
    color: #5e666c;
}

.myProfilePage span.empID {
    font-size: 16px;
    font-weight: 600;
    color: #5e666c;
}

.myProfilePage .moreDetail .form-group {
    border-right: 1px solid #d9dbdd;
}

.myProfilePage .moreDetail .form-group:last-child {
    border-right: unset;
}

.myProfilePage .moreDetail .form-group label {
    margin-bottom: unset;
}

.myProfilePage .contactDetail p {
    font-size: 1rem;
    color: #202427;
    font-family: "NotoSans", sans-serif;
}

.myProfilePage .location img {
    width: 21px;
}

.myProfilePage .moreDetail h6 {
    font-size: 16px;
    font-weight: 600;
    color: rgba(0, 0, 0, 0.87);
}

.myProfilePage .moreDetail label {
    font-family: "NotoSans", sans-serif;
    font-size: 0.9rem;
    font-weight: 500;
    color: #5e666c;
}

.myProfilePage .moreDetail .form-control-plaintext {
    font-family: "NotoSans", sans-serif;
    font-size: 1rem;
    color: #464b53;
}

.myProfilePage #uploadAccountLogo {
    font-size: 1rem;
    font-weight: normal;
    margin-top: 6px;
    text-decoration: underline;
}

.previewContainer {
    min-height: 15rem;
    width: 100%;
    height: 100%;
    border: 1px solid #E6E6E6;
}

.imagePreviewContainer {
    width: 100%;
    height: 100%;
}

.myProfilePage .moreDetail .k-combobox.w-75 {
    width: 100% !important;
}

.k-combobox .disabled,
.k-combobox .disabled .k-icon-button {
    background-color: #e9ecef;
    pointer-events: none;
    opacity: 1;
}


.modal-content {
    font-family: "SourceSansPro", sans-serif;
}

.form-group label.required-field::after {
    content: "*";
    color: red;
}

button.close {
    opacity: 1;
}

.modal-content {
    border: unset;
}

.modal-header {
    border-bottom: unset;
}

h5.modal-title {
    font-size: 1.4rem;
    font-weight: 600;
    color: #202427;
}

.form-group label {
    font-size: 1rem;
    color: #202427;
    font-weight: normal;
}

.modal-footer {
    border-top: unset !important;
}

.alert-green {
    background-color: #7cca62;
    color: #fff;
    padding: 1rem;
    line-height: 1;
}

.alert-green p {
    margin-bottom: 0;
}

.commentHistoryPopup .card {
    margin-top: 1rem;
}

.commentHistoryPopup .card .detailsContainer p {
    font-family: "NotoSans", sans-serif;
    font-size: 14px;
    color: #5e666c;
}

.commentHistoryPopup .card .detailsContainer p span {
    color: #32383d;
}

.commentHistoryPopup .card .chatContainer .chatContent {
    height: 5rem;
    overflow: auto;
    margin: 0.5rem 0;
}

.commentHistoryInput .input-group .kendo-textarea {
    border-right: unset;
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
    margin-bottom: 0;
}

.commentHistoryInput .input-group-append {
    display: flex;
    align-items: center;
}

.commentHistoryInput .input-group .input-group-text {
    border-left: unset;
    background-color: #e5f0ff;
    border-radius: 0;
    border-color: rgba(0, 0, 0, 0.08);
    height: 100%;
}

.commentHistoryInput .input-group .input-group-text img {
    /* margin-top: 1rem; */
    width: 22px;
}

.commentHistoryInput .input-group .input-group-text span {
    font-weight: 900;
    font-weight: 900;
    position: absolute;
    top: 19px;
    right: 4px;
    border-radius: 50%;
    padding: 0rem 0.2rem;
    font-size: 12px;
    background-color: #0066ff;
    color: #fff;
}

.processPopups .modal-content {
    box-shadow: 0 2px 6px 0 rgba(0, 102, 255, 0.1);
    border: solid 1px #e0e0e0;
    background-color: #fff;
    border-radius: 0;
}

.processPopups .modal-body .ImgContainer {
    height: 160px;
}

.processPopups .modal-body .popupImg {
    position: absolute;
    top: 40px;
    right: 0;
    left: 0;
    margin: auto;
    width: 100px;
}

.processPopups .modal-body .popupTitle {
    text-align: center;
}

.processPopups .modal-body .popupTitle h6 {
    font-family: "SourceSansPro", sans-serif;
    font-size: 20px;
    font-weight: bold;
    color: #202427;
    line-height: 2.2;
}

.processPopups .modal-body form {
    padding: 0 20px;
}

.processPopups .modal-body form label {
    font-family: "NotoSans", sans-serif;
    font-size: 12px;
    font-weight: 600;
    color: #32383d;
}

.processPopups .modal-body form .popupTimer {
    border: solid 1px #e5e5e5;
    background-color: #f5f5f5;
    padding: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.processPopups .modal-body form .popupTimer p {
    margin-bottom: 0;
    font-size: 40px;
    font-weight: bold;
    color: #202427;
}

.processPopups .modal-footer {
    justify-content: center;
    padding-bottom: 2rem;
}

.blue-container {
    background-color: #eef6fe;
}

.star-rating ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.star-rating ul li {
    float: left;
}

.star-rating ul li svg {
    width: 1.5rem;
    height: 1.5rem;
    stroke: #f0a22e;
    cursor: pointer;
}

.star-rating ul li.on svg {
    fill: #f0a22e;
}

.feedbackContainer label {
    color: #999999;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 500;
}

.feedbackContainer label:last-child {
    color: #1a1a1a;
}

.feedbackContainer label+p {
    font-size: 14px !important;
    color: #1a1a1a !important;
    font-family: "SourceSansPro", sans-serif;
}

.feedbackContainer .fixedContainer {
    background-color: #fff;
    position: sticky;
    top: 0;
    z-index: 10;
}

.feedbackContainer .blue-container {
    padding: 1rem;
    display: flex;
    justify-content: space-between;
}

.feedbackContainer .blue-container p {
    color: #999999;
    font-size: 14px;
    margin: 0;
}

.feedbackContainer .star-rating {
    min-width: 18rem;
    justify-content: end;
}

.feedbackContainer .star-rating p {
    color: #1a1a1a;
    padding-right: 0.5rem;
}

.chatHistoryContainer h6 {
    padding: 0.5rem 0;
    font-family: "SourceSansPro", sans-serif;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 1rem;
}

.chatHistoryContainer a {
    text-transform: uppercase;
}

.chatHistoryContainer .chatCard {
    padding: 0.8rem 1rem;
}

.chatHistoryContainer .chatCard span {
    color: #999999;
}

.chatHistoryContainer .chatCard p {
    color: #1a1a1a;
    margin-bottom: 0;
}

.chatHistoryContainer .chatCard p.timestamp {
    color: #999999;
}

.chatHistoryContainer .moreChat {
    display: none;
}

.timer-container {
    width: 90px;
    height: 34px;
    border: solid 1px #eff7ff;
    background-color: #eff7ff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: bold;
    color: #202427;
}

select.form-select {
    background: #203764;
    color: #fff;
    padding: 0.4rem;
}

select.form-select.forjobupload {
    background: #fff;
    color: #000;
    padding: 0.3rem;
    border: solid 1px #59a9f2;
    color: #59a9f2;
    text-transform: uppercase;
}

select.form-select option {
    background-color: #fff;
    color: #000;
    text-transform: initial;
}

.greyColor {
    color: #999999;
}

#tgrid thead th {
    color: #4d4d4d;
    font-size: 14px;
}

.boxShadow {
    padding: 20px;
    padding-bottom: 3px;
    box-shadow: 0 5px 20px -1px rgba(0, 67, 101, 0.08);
    background-color: #fff;
}

.dropZoneElement {
    position: absolute;
    top: 1px;
    left: 0;
    width: 100%;
    height: 45px;
    border: unset !important;
    background: transparent;
}

.k-button-solid-base {
    background: #fff;
    color: #59a9f2;
    border-radius: 0 !important;
}

.k-split-button .k-button-solid-base {
    height: 2.43rem !important;
}

.form-group label {
    font-size: 14px;
    color: #1a1a1a;
    font-family: 'SourceSansPro', sans-serif;
}

p.dropImageHereText.mb-0 {
    text-transform: initial;
    font-family: 'SourceSansPro', sans-serif;
}

.k-upload .k-dropzone {
    background-color: #fff;
}

.box span.k-multiselect.k-input.k-multiselect-clearable.k-input-solid.k-input-md.k-rounded-md {
    visibility: hidden;
}

p.required-field label::after {
    content: "*";
    color: red;
}

/* width */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #f1f3f4;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #a8adb4;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #a8adb4;
}

.borderTopforjobuploadfooter {
    background-color: #fff;
    padding: 10px 40px;
    box-shadow: 0 5px 20px 9px rgba(0, 67, 101, 0.08);
}

.borderTopforjobuploadfooter .btn-primary {
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
    border: solid 1px #203764;
    background-color: #203764;
}

.borderTopforjobuploadfooter .btn-secondary {
    color: #f35838;
    font-size: 14px;
    letter-spacing: 1.25px;
    background-color: transparent;
    border: unset;
}

.pageHeader {
    font-size: 22px;
    color: #1a1a1a;
    font-family: 'SourceSansPro', sans-serif;
}

.headerforjobUpload img {
    width: 24px;
    height: 24px;
    cursor: pointer;
}

.jobUpload_footer .btn-primary {
    padding: 7px 16px;
    background-color: #06f;
    font-family: 'NotoSans';
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    color: #fff;
    border-radius: unset;
    text-transform: uppercase;
}

.jobUpload_footer .btn-secondary {
    font-family: 'NotoSans';
    font-size: 14px;
    padding: 7px 0;
    font-weight: 500;
    text-align: center;
    color: #f35838;
    background-color: transparent;
    border: unset;
    text-transform: uppercase;
}

.jobUpload2 .k-list-horizontal .k-radio-item {
    margin: 0;
}


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

.emailJob.container-fluid {
    padding-bottom: 1rem !important;
}

.emailJob .form-select {
    color: #4d4d4d;
    font-size: 1rem;
    font-weight: normal;
    text-align: left;
    border: solid 1px #e6e6e6;
    background: url(../../img/svg/dropdown.svg) no-repeat right;
    z-index: 9;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: "";
    height: 2.371rem;
}

.emailJob .boxShadow {
    height: calc(100vh - 122px);
    overflow: auto;
}

.emailJob .boxShadow .card {
    box-shadow: 0 2px 5px 2px #0066ff08;
}

.emailJob .mailBodyContent {
    height: auto;
}

.emailJob .stepper-horizontal .step {
    padding: 0;
}

.emailJob .stepper-horizontal .step .step-bar-left,
.emailJob .stepper-horizontal .step .step-bar-right {
    top: calc(0.5rem + 5px);
}

.emailJob .stepper-horizontal .step .step-title {
    height: 18px;
}

.emailJob .stepper-card {
    height: calc(100vh - 265px);
    overflow-y: auto;
    overflow-x: hidden !important;
}

.emailJob #updateJobTabContent .stepper-card {
    height: calc(100vh - 305px) !important;
}

.emailJob .tab-content .card {
    box-shadow: unset;
    padding: 1.5rem 1rem 1rem 0;
}


.emialDropdown label {
    font-size: 14px;
    color: #1a1a1a;
    font-family: "SourceSansPro", sans-serif;
    font-weight: 500;
}

.emialDropdown .form-select {
    font-size: 1rem;
    font-weight: normal;
    color: #999;
    border: solid 1px #e6e6e6;
    background: url(https://uat-atomicdesign.rrd.com/go-it/m3/img/svg/dropdown.svg) no-repeat right;
    z-index: 9;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: "";
    height: 2.371rem;
}

.custom-queue-tab li a.queuelink.selprojectfolder {
    font-weight: 500 !important;
    border-bottom: solid 1px #0066ff !important;
    color: #0066ff !important;
}


img.iconSizes {
    width: 24px !important;
    height: 24px !important;
}

.cursor-pointer {
    cursor: pointer;
}

.f-14 {
    font-size: 14px !important;
}

.colorBule {
    color: #59a9f2 !important;
}

.boxShadow {
    padding: 20px;
    padding-bottom: 3px;
    box-shadow: 0 5px 20px -1px rgba(0, 67, 101, 0.08);
    background-color: #fff;
    overflow: hidden;
}

.boxShadow .bottom-action-bar {
    position: absolute;
    width: 92%;
    bottom: 15px;
}

.border-bottom-grey {
    border-bottom: solid 1px #e6e6e6;
}

.Scrollable {
    height: calc(100vh - 400px);
    overflow: auto;
}

.mailtabContent.active {
    background-color: #eef6fe;
}

.mailtabContent .mailContent {
    cursor: pointer;
    padding: 0 10px;
}

.unread-mail {
    background-color: #e5f0ff;
}

.circleRound {
    background-color: #4d4d4d;
    width: 32px;
    height: 32px;
    font-family: "SourceSansPro", sans-serif;
    font-size: 14px;
    color: #fff;
    border-radius: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.pagesubHeader {
    font-family: "SourceSansPro", sans-serif;
    font-size: 16px;
    font-weight: 500;
    font-stretch: condensed;
    color: #1a1a1a;
}

.greyContent {
    font-family: "SourceSansPro", sans-serif;
    font-size: 14px;
    font-weight: 500;
    font-stretch: condensed;
    color: #999;
}

.f-16 {
    font-size: 16px;
}

.mail_boxContent p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 6rem;
}

.font-weight-normal {
    font-weight: normal !important;
}

.mailBodyContent {
    height: calc(16vh - -195px);
    overflow: auto;
}

.mailBodyContent p {
    font-size: 14px;
    font-weight: normal;
    color: #4d4d4d;
}

.mailBodyContent .font-weight-500 {
    font-weight: 500;
}

.mailBodyContent .font-weight-600 {
    font-weight: 600;
}

footer.fixed-bottom {
    height: 61px;
    padding: 1rem 0;
    background-color: #fff !important;
    box-shadow: 0 27px 29px 31px rgba(0, 67, 101, 0.08);
    display: flex;
    flex-wrap: wrap;
    align-content: center;
}

.z-index-4 {
    z-index: 9999;
}

.fixed-bottom.jobEmail .btn-primary {
    padding: 9px 17px;
    border: solid 1px #0066ff;
    background-color: #0066ff;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 1.25px;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    border-radius: unset;
}

.fixed-bottom.jobEmail .btn-secondary {
    padding: 9px 17px;
    border: solid 1px #59a9f2;
    background-color: transparent;
    color: #3385ff;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 1.25px;
    text-align: center;
    color: #59a9f2;
    text-transform: uppercase;
    border-radius: unset;
}

.mailsearch .form-control {
    background: url(" https://uat-atomicdesign.rrd.com/go-it/m3/img/svg/search.svg") no-repeat 1% center;
    padding-left: 2rem;
    border: solid 1px #e6e6e6;
    background-color: #fff;
    font-size: 14px;
    font-weight: normal;
    text-align: left;
    color: #999;
}

/* width */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #f1f3f4;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #a8adb4;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #a8adb4;
}

.bg-404 {
    background: url(" https://uat-atomicdesign.rrd.com/go-it/m3/img/svg/404.svg") no-repeat;
    width: 530px;
    max-width: 530px;
    background-size: cover;
    text-align: center;
    height: 530px;
    margin: auto;
}

.text-404 {
    font-family: "SourceSansPro", sans-serif;
    font-size: 190px;
    color: #06f;
    margin: 0;
    max-height: 200px;
}

.pageNotFound {
    font-family: "SourceSansPro", sans-serif;
    font-size: 32px;
    font-weight: bold;
    color: #06f;
    margin: 0;
}

.notfoundSubcontent {
    font-family: "NotoSans", sans-serif;
    font-size: 14px;
    color: #464b53;
    margin: 0;
    padding: 15px 65px;
}

.goBack {
    font-family: "NotoSans", sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    border-radius: unset;
}

.border-radius-0 {
    border-radius: unset !important;
}

.changePswdtitle {
    font-family: "SourceSansPro", sans-serif;
    font-size: 28px;
    font-weight: 600;
    color: #202427;
}

p.titleright {
    font-family: "NotoSans", sans-serif;
    font-size: 14px !important;
    color: #5e666c !important;
    margin: unset;
}

.changePswd .form-group label {
    font-family: "SourceSansPro", sans-serif !important;
    font-size: 14px !important;
    color: #202427 !important;
}

.changePswd .form-group .form-control {
    padding: 9px;
    border: solid 1px #d9dbdd;
}

.f-14 {
    font-size: 14px;
}

.fillerspopupbg {
    background: transparent;
    border: unset;
}

#shareFeedbackModal h5.modal-title {
    font-size: 22px;
}

#shareFeedbackModal .modal-dialog {
    max-width: 800px;
    font-family: 'SourceSansPro';
}

#shareFeedbackModal .modal-content {
    padding: 1rem;
}

#shareFeedbackModal .modal-header {
    border-bottom: unset;
}

#shareFeedbackModal .modal-footer {
    border-top: unset;
}

#shareFeedbackModal .modal-footer .btn-secondary {
    border: solid 1px #59a9f2;
    background-color: #fff;
    line-height: 1.43;
    letter-spacing: 1.25px;
    text-align: center;
    color: #59a9f2;
    font-size: 14px;
    padding: 9px 17px;
}

#shareFeedbackModal .modal-footer .btn-primary {
    background-color: #203764;
    color: #fff;
    border: unset;
    padding: 9px 17px;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
    border: solid 1px #203764;
    line-height: 1.43;
    letter-spacing: 1.25px;
}

#shareFeedbackModal ul.lisoflables {
    padding: 20px;
    box-shadow: 0 5px 20px -1px rgba(0, 67, 101, 0.08);
    background-color: #fff;
}

#shareFeedbackModal .grid-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    padding: 20px 0;
    box-shadow: unset;
    box-shadow: 0 5px 20px -1px rgba(0, 67, 101, 0.08);
    background-color: #fff;
    align-items: center;
}

#shareFeedbackModal .grid-container>div {
    background-color: rgba(255, 255, 255, 0.8);
    border-right: 1px solid #e6e6e6;
    text-align: left;
    padding: 0 1.5rem;
    color: #999999;
    font-size: 16px;
}

#shareFeedbackModal .grid-container>div:last-child {
    border-right: unset;
}

#shareFeedbackModal .bgLightBlue {
    background-color: #eef6fe;
}

#shareFeedbackModal .colorlighDrak {
    color: #1a1a1a;
}

#shareFeedbackModal .font-bold {
    font-weight: 500;
}

#shareFeedbackModal .position-absoulte {
    position: absolute;
}

#shareFeedbackModal .left-8 {
    left: 8px;
}

#shareFeedbackModal .bottom-12 {
    bottom: 12px;
}

#shareFeedbackModal .position-realtive {
    position: relative;
}

#shareFeedbackModal .f-14 {
    font-size: 14px;
}

#shareFeedbackModal p {
    color: #999999;
    margin-bottom: 0;
    font-size: 16px;
}

#shareFeedbackModal .plforcard p:first-child {
    font-weight: 500;
}

#shareFeedbackModal .darkgreycolorRate {
    color: #4d4d4d;
}

#shareFeedbackModal .cursor-pointer {
    cursor: pointer;
}

#shareFeedbackModal .textwrap {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

#shareFeedbackModal .feedbackformjobID label {
    font-size: 14px;
    color: #1a1a1a;
    font-family: "SourceSansPro", sans-serif;
    font-weight: 500;
}

#shareFeedbackModal .feedbackformjobID .form-select {
    color: #4d4d4d;
    font-size: 16px;
    font-weight: normal;
    text-align: left;
    border: solid 1px #e6e6e6;
    background: url(https://uat-atomicdesign.rrd.com/go-it/m3/img/svg/dropdown.svg) no-repeat right;
    z-index: 9;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
}

#shareFeedbackModal .dropZoneElement {
    position: absolute;
    top: 1px;
    left: 0;
    width: 100%;
    height: 45px;
    border: unset !important;
    background: transparent;
}

#shareFeedbackModal .k-button-solid-base {
    background: #fff;
    border: solid 1px #59a9f2;
    color: #59a9f2;
    border-radius: 0 !important;
}

#shareFeedbackModal .form-group label {
    font-size: 14px;
    color: #1a1a1a;
    font-family: 'SourceSansPro';
}

#shareFeedbackModal p.dropImageHereText.mb-0 {
    text-transform: initial;
    text-align: right;
    padding-right: 10px;
}

#shareFeedbackModal .k-upload .k-dropzone {
    background-color: #fff;
}

#shareFeedbackModal span.k-multiselect.k-input.k-multiselect-clearable.k-input-solid.k-input-md.k-rounded-md {
    visibility: hidden;
}

#shareFeedbackModal .borderColorforHR {
    border-top: 1px solid #e6e6e6;
}

#shareFeedbackModal .feedbackformLabel label,
#shareFeedbackModal .cc label {
    font-size: 14px;
    color: #1a1a1a;
    font-family: "SourceSansPro", sans-serif;
    font-weight: 500;
}

#shareFeedbackModal .feedbackformLabel .form-select,
#shareFeedbackModal .cc .form-select {
    color: #4d4d4d;
    font-size: 16px;
    font-weight: normal;
    text-align: left;
    border: solid 1px #e6e6e6;
    background: url(https://uat-atomicdesign.rrd.com/go-it/m3/img/svg/dropdown.svg) no-repeat right;
    z-index: 9;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
}

@media only screen and (max-width: 600px) {
    #shareFeedbackModal .grid-container>div {
        border-right: unset;
    }
}

.border-unset {
    border: unset !important;
}

.custom-queue-row {
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
}

.unread-txt p {
    font-weight: bold !important;
    color: #616161;
}

ul.custom-queue-tab {
    margin: 0;
    padding: 0;
    display: inline-flex;
}

ul.custom-queue-tab li {
    list-style: none;
}

ul.custom-queue-tab li a.queuelink {
    display: block;
    text-transform: uppercase;
    color: #999999;
    font-size: 0.9rem;
    border: 1px solid #d9dbdd;
    padding: 0.5rem 1.9rem 0.5rem 0.9rem;
    text-decoration: none;
    cursor: pointer;
    position: relative;
}

ul.custom-queue-tab li a.queuelink span.custom-queue-name {
    white-space: nowrap;
    font-family: "NotoSans", sans-serif;
    font-weight: 500;
}

ul.custom-queue-tab li a.queuelink span.custom-queue-count {
    margin-left: 5px;
}

ul.custom-queue-tab li a.activequeuelink {
    color: #0066ff !important;
    border-bottom-color: #0066ff !important;
    border-bottom-width: 2px;
}

ul.custom-queue-tab li a.queuelink:hover {
    color: #0066ff !important;
    border-bottom-color: #0066ff;
}

ul.custom-queue-tab .custom-subdropdown li a {
    display: block;
    text-transform: uppercase;
    color: #999999;
    font-size: 0.9rem;
    padding: 0.2rem 0.9rem;
    text-decoration: none;
    cursor: pointer;
}

.custom-queue-list {
    display: inline-flex;
}

span.pin-icon {
    background-image: url(https://uat-atomicdesign.rrd.com/go-it/m3/img/png/pin-icon.png);
    background-repeat: no-repeat;
    background-position: 0px -16px;
    display: inline-block;
    width: 14px;
    height: 1.5rem;
    margin-top: 4px;
    position: absolute;
    right: 5px;
    opacity: 0;
}

span.pin-icon:hover {
    opacity: 1;
}

span.pin-icon.un-pin {
    background-position: 0 0;
    opacity: 1 !important;
}

ul.custom-sub-menu {
    margin: 0;
    padding: 0;
}

ul.custom-sub-menu li {
    list-style: none;
}

ul.custom-sub-menu a {
    display: block;
    color: #0066ff;
    font-size: 1rem;
    padding: 0.2rem 0.9rem;
    text-decoration: none;
    cursor: pointer;
}

.custom-subdropdown .dropdown-item.custom-queue-btn {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

ul.custom-sub-menu a:hover {
    color: #59a9f2;
}

ul.custom-sub-menu .custom-last-dots {
    border: 0;
    font-size: 2.5rem;
    line-height: 0;
    color: #0066ff;
    text-decoration: none;
    margin-left: 2px;
    display: block;
    margin-top: 2px;
}

ul.custom-sub-menu .custom-last-dots::after {
    border: none;
}

ul.custom-sub-menu .custom-subdropdown {
    top: 20px !important;
    max-height: 300px;
    overflow: auto;
}

.creat-job-drop {
    min-width: auto !important;
    width: 108px;
    left: -5px !important;
}

.creat-job-drop li {
    display: block;
    color: #999999;
    font-size: 1rem;
    padding: 0;
    text-decoration: none;
    white-space: revert;
    cursor: pointer;
    margin: 0 10px;
}

a.queuelink:hover {
    color: #59a9f2;
}

.horizontalScrollableMenu li {
    border: 1px solid #d9dbdd;
}

.horizontalScrollableMenu li span.k-link a {
    font-family: "NotoSans", sans-serif;
    text-transform: uppercase !important;
    color: #5e666c;
    font-size: 11px !important;
    padding: 0.5rem 1.9rem 0.5rem 0.9rem;
    text-decoration: none;
    cursor: pointer;
    font-weight: 500;
    white-space: nowrap;
    height: 32px;
    max-width: 205px;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
}

.horizontalScrollableMenu li span.k-link {
    border-width: 0;
    padding: 0;
}

.horizontalScrollableMenu li span.k-link .pin-icon {
    margin-top: 0;
}

.horizontalScrollableMenu li a.nav-link,
.horizontalScrollableMenu li a.k-link {
    font-family: "NotoSans", sans-serif;
    text-transform: uppercase !important;
    color: #5e666c !important;
    font-size: 11px !important;
    padding: 0.5rem 1.9rem 0.5rem 0.9rem;
    text-decoration: none;
    cursor: pointer;
    font-weight: 500;
    white-space: nowrap;
    border: transparent;
    height: 32px;
}




.horizontalScrollableMenu li a.nav-link:hover,
.horizontalScrollableMenu li a.k-link:hover {
    border-bottom: solid 1px #0066ff;
    color: #0066ff !important;
}

.horizontalScrollableMenu li a.active {
    border-bottom: solid 1px #0066ff;
    color: #0066ff !important;
}

.actionButtonContainer a:hover {
    text-decoration: unset;
}

.dropZoneElement {
    position: relative;
    display: inline-block;
    background-color: #f8f8f8;
    border: 1px solid #c7c7c7;
    width: 350px;
    height: 200px;
    text-align: center;
}

.textWrapper {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    font-size: 18px;
    line-height: 1.2em;
    font-family: Arial, Helvetica, sans-serif;
    color: #000;
}

.dropImageHereText {
    color: #c7c7c7;
    text-transform: uppercase;
    font-size: 12px;
}

.wrapper:after {
    content: ".";
    display: inline-block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.or {
    margin: auto;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 45%;
    transform: translate(-50%, -45%);
}

.k-upload .k-dropzone .k-upload-status-total {
    display: none;
}


.fieldlist {
    margin: 0 0 -1em;
    padding: 0;
}

.fieldlist li {
    list-style: none;
    padding-bottom: 1em;
}

.fieldlist {
    margin: 0 0 -1em;
    padding: 0;
}

.fieldlist li {
    list-style: none;
    padding-bottom: 1em;
}

.k-form {
    font-family: "SourceSansPro", sans-serif;
}

.k-form .k-form-label {
    font-size: 14px;
    color: #1A1A1A;
    font-weight: 500;
    line-height: 1.43;
    margin-bottom: 0.3rem;
}

.k-form .k-input-inner {
    border-radius: 0;
    padding: 10px;
    height: 2.5rem;
    color: #4D4D4D;
}

.k-form .k-textarea .k-input-inner {
    height: auto !important;
}

.k-form .k-input-solid {
    border: solid 1px #E6E6E6;
    border-radius: 0 !important;
    color: #4D4D4D;
    font-family: "NotoSans", sans-serif;
}

.k-form .k-textarea {
    height: auto;
}

.k-form .k-picker-solid {
    border: solid 1px #E6E6E6;
    border-radius: 0 !important;
    color: #4D4D4D;
    font-family: "NotoSans", sans-serif;
    background-color: transparent;
    background-image: unset;
}

.k-form .k-form-legend {
    border-color: transparent;
    color: #1A1A1A;
    text-transform: capitalize;
    font-size: 16px;
    font-weight: 500;
}

#jobCreationForm.k-wizard {
    padding: 20px 0;
}

#jobCreationForm.k-wizard .k-wizard-buttons {
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;
    z-index: 1;
    height: 4rem;
    padding: 0 2.852rem;
    box-shadow: 0 5px 20px -1px #00436514;
    background-color: #fff;
}

#jobCreationForm.k-wizard .k-wizard-content {
    padding: 20px;
    box-shadow: 0 5px 20px -1px rgba(0, 67, 101, 0.08);
    background-color: #fff;
}

#jobCreationForm.k-wizard .k-form-layout {
    gap: 0 20px !important;
}

#jobCreationForm.k-wizard .k-form-field {
    margin-top: 0em;
}

.k-wizard-horizontal .k-wizard-steps {
    margin-top: 8px;
}

.white-panel {
    box-shadow: 0 5px 20px -1px #00436514;
    background-color: #fff;
}

.white-panel h6 {
    padding: 0.5rem 0 0;
    font-family: "SourceSansPro", sans-serif;
    font-size: 16px;
    font-weight: 600;
}

.white-panel .k-tabstrip-items-wrapper {
    margin: 0;
}

.search-control input {
    border: solid 1px #E6E6E6;
    border-left: unset;
    border-radius: 0;
}

.search-control input:focus {
    border: solid 1px #E6E6E6;
    border-left: unset;
}

.search-control .input-group-text {
    background-color: unset;
    border: solid 1px #E6E6E6;
    border-radius: unset;
}

.k-tabstrip-items-wrapper .k-item {
    color: #999;
    text-transform: uppercase;
    border: 1px solid #E6E6E6;
    border-radius: 0 !important;
    font-size: 11px !important;
    font-weight: 500;
}

.k-tabstrip-items-wrapper .k-item .k-link {
    font-size: 11px !important;
}

.k-tabstrip-items-wrapper .k-item.k-active {
    color: #59A9F2;
    border-bottom: 2px solid #59A9F2 !important;
}

.k-tabstrip-items-wrapper .k-item.k-active .k-link {
    font-weight: 600;
}

.k-tabstrip.k-widget * {
    box-sizing: border-box !important;
}

.k-tabstrip-content .row {
    box-sizing: border-box !important;
}

.k-tabstrip-content .card {
    padding: 1rem 6rem 1rem 1.5rem;
    box-shadow: unset;
    margin: 0;
    border-radius: 0;
    cursor: move;
}

.k-tabstrip-content .card:not(:last-child) {
    border-bottom: 1px solid #E6E6E6;
}

.k-tabstrip-content .card h6 {
    font-size: 14px;
    color: #1A1A1A;
    line-height: 1.38;
    display: inline-block;
    padding: 0;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 76%;
}

.k-tabstrip-content .card span {
    font-size: 11px;
    line-height: 1.38;
    color: #999;
    display: block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.k-tabstrip-content .card span:not(.jobType) {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.k-tabstrip-content .card img {
    cursor: pointer;
    width: 1.2rem;
    display: inline-block;
}


.k-tabstrip-content .card.active {
    background-color: #e5f0ff;
}

.k-tabstrip-content .card:hover {
    background-color: #f8f9fa;
}

.k-tabstrip {
    padding: 0;
}

.k-tabstrip .k-content {
    background-color: #fff;
    padding: 1rem 0;
    border-color: transparent;
}

.k-tabstrip .k-content:focus {
    outline: unset;
}

.k-badge.custom {
    color: #4d4d4d;
    background-color: #e9ebef;
    border: unset;
    padding: 3px 6px 6px 6px;
    text-transform: lowercase;
    font-size: 11px;
}

.k-radio-item .k-radio-label {
    padding-left: 5px;
}

.k-input-md .k-input-button {
    padding: 6.5px 4px;
    height: 2.3rem;
}

.k-input-md .k-spinner-increase {
    padding-block: 0px;
}

.k-input-solid:not(.k-textarea) {
    height: 2.428rem;
}

.k-list-horizontal .k-checkbox-item {
    display: flex;
}

.jobCreationLeftPanel {
    font-family: "NotoSans", sans-serif;
}

.jobCreationLeftPanel .tabstrip {
    height: calc(100vh - 190px);
    overflow: auto;
    display: block;
}

.jobCreationLeftPanel .k-tabstrip-content {
    padding: 0;
    border: unset;
    overflow: hidden;
}

.jobCreationLeftPanel .card {
    padding: 1rem;
}

.stepper-card {
    padding: 1.5rem;
}

.stepper-card h6 {
    font-family: "SourceSansPro", sans-serif;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 1rem;
}

.stepper-card .jobCreationForm label {
    font-family: "SourceSansPro", sans-serif;
    font-size: 14px;
    line-height: 1.43;
    color: #202427;
    display: block;
}

.stepper-card .jobCreationForm label span {
    color: #f35838;
}

.stepper-card .jobCreationForm .k-picker.k-dropdownlist {
    width: 100%;
}

.stepper-card .jobCreationForm .k-picker.k-dropdownlist.readonly .k-input-inner {
    padding-left: 0;
}

.stepper-card .jobCreationForm .k-picker.k-dropdownlist.readonly .k-input-button {
    display: none;
}

.stepper-card .jobCreationForm .kendo-radio {
    font-size: 2px;
    display: inline-block;
    width: auto;
    vertical-align: sub;
    margin-right: 0.5rem;
}

.stepper-card .jobCreationForm .kendo-radio:last-child {
    margin-left: 1rem;
}

.stepper-horizontal {
    display: table;
    width: 100%;
    margin: 0 auto;
    table-layout: fixed;
}

.stepper-horizontal .step {
    display: table-cell;
    position: relative;
    padding: 0;
    z-index: 2;
    /* width: 25%; */
}

.stepper-horizontal .step:last-child .step-bar-left,
.stepper-horizontal .step:last-child .step-bar-right {
    display: none;
}

.stepper-horizontal .step .step-circle {
    width: 2rem;
    height: 2rem;
    margin: 0 auto;
    border-radius: 50%;
    text-align: center;
    line-height: 1.75rem;
    font-size: 1rem;
    font-weight: 600;
    z-index: 2;
    border: 2px solid #D9E2EC;
    cursor: pointer;
}

.stepper-horizontal .step .step-circle.error,
.stepper-horizontal .step .step-circle.errorMsg,
.stepper-horizontal .step .step-circle.validate {
    border: 2px solid #F35838;
}

.stepper-horizontal .step.done .step-circle,
.stepper-horizontal .step.validationSuccess .step-circle {
    background-color: #7cca62;
    border: 2px solid #7cca62;
}

.stepper-horizontal .step.done .step-circle span,
.stepper-horizontal .step.validationSuccess .step-circle span {
    color: #FFFFFF !important;
}

.stepper-horizontal .step.done .step-title,
.stepper-horizontal .step.validationSuccess .step-title {
    color: #102A43;
}

.stepper-horizontal .step.editing .step-circle {
    background: #ffffff;
    border-color: #0066ff;
}

.stepper-horizontal .step.editing .step-circle span {
    color: #0066ff !important;
}

.stepper-horizontal .step.editing .step-title {
    color: #0066ff;
    height: 25px;
    text-overflow: ellipsis;
    overflow: hidden;
    width: auto;
}

.stepper-horizontal .step .step-title {
    margin-top: 1rem;
    font-size: 1rem;
    font-weight: 600;
    /* width: 140px; */
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    width: 100%;
    padding: 0 1.5rem;
}

.stepper-horizontal .step .step-title,
.stepper-horizontal .step .step-optional {
    text-align: center;
    color: #829AB1;
}

.stepper-horizontal .step .step-optional {
    font-size: 0.75rem;
    font-style: italic;
    color: #9FB3C8;
}

.stepper-horizontal .step .step-bar-left,
.stepper-horizontal .step .step-bar-right {
    position: absolute;
    top: calc(0.5rem + 5px);
    height: 5px;
    background-color: #D9E2EC;
    border: solid #D9E2EC;
    border-width: 2px 0;
}

.stepper-horizontal .step .step-bar-left {
    width: calc(100% - 2rem);
    left: 50%;
    margin-left: 1rem;
    z-index: -1;
}

.stepper-horizontal .step .step-bar-right {
    width: 0;
    left: 50%;
    margin-left: 1rem;
    z-index: -1;
    transition: width 500ms ease-in-out;
}

.stepper-horizontal .step.done .step-bar-right,
.stepper-horizontal .step.validationSuccess .step-bar-right {
    background-color: #0066ff;
    border-color: #0066ff;
    z-index: 3;
    width: calc(100% - 2rem);
}

.kendo-overflow-hidden .k-list-scroller.k-selectable {
    overflow: hidden;
}

.jobCreationPage h4 {
    font-family: "SourceSansPro", sans-serif;
    font-size: 20px;
    font-weight: 600;
    color: #202427;
    padding: 1rem 0;
}

.jobCreationPage .bottomBar .BottomBarRow {
    display: none;
}

.jobCreationPage .bottomBar .BottomBarRow.jobCreation {
    display: flex;
}

.k-breadcrumb .k-breadcrumb-link {
    font-weight: 600;
    color: #0066ff !important;
}

.k-breadcrumb .k-i-home::before {
    color: #0066ff !important;
}

.k-breadcrumb a.k-breadcrumb-icon-link {
    padding: 8px 8px 8px 0px !important;
}

.k-breadcrumb-item .k-icon.k-i-home {
    color: #0066ff !important;
}

.k-input-spinner .k-button-md.k-icon-button>.k-button-icon {
    margin: inherit !important;
}

.k-input-spinner .k-button {
    border: unset;
}

.jobCreationPage .bottomBar {
    display: block !important;
}

.file-history-table {
    width: 100%;
    border: solid 1px #e6e6e6;
}

.file-history-table thead tr td {
    font-size: 12px;
    font-weight: 600;
    background-color: #f2f7ff;
    border: none;
    border-bottom: solid 1px #e6e6e6;
}

.file-history-table tbody tr td {
    font-size: 12px;
    border: none;
    border-bottom: solid 1px #e6e6e6;
}

.file-history-table tbody tr td:first-child {
    width: 58%;
}

.custom-legend {
    margin: 0;
    padding: 0;
    display: flex;
}

.custom-legend li {
    list-style: none;
    display: inline-flex;
    padding: 0 9px;
}

.custom-legend span.custom-legend-circle {
    width: 12px;
    height: 12px;
    display: inline-block;
    margin-top: 4px;
}

.custom-legend span.custom-legend-txt {
    display: inline-block;
    margin: 0 3px 0 7px;
    font-size: 12px;
    color: #4d4d4d;
}

.custom-legend span.custom-legend-count {
    font-size: 12px;
}

.custom-legend .legendColor1 {
    background-color: #f35838;
}

.custom-legend .legendColor2 {
    background-color: #f0a22e;
}

.custom-legend .legendColor3 {
    background-color: #7cca62;
}

.custom-legend .legendColor4 {
    background-color: #0085ff;
}

.custom-legend .legendColor5 {
    background-color: #999999;
}

@media screen and (max-width: 992px) {
    .custom-legend {
        flex-direction: column;
    }
}

.custom-form-input {
    border-radius: 0;
}

.custom-form-label {
    font-family: "SourceSansPro", sans-serif;
    font-size: 1rem;
    color: #1a1a1a;
    font-weight: 500;
    line-height: 1.43;
}

.k-button-solid-base {
    background-color: #eef6fe;
    height: 100%;
    background-image: none;
}

span.k-icon.k-i-calendar.k-button-icon {
    color: #59a9f2;
}

span.k-datepicker {
    border-radius: 0 !important;
}

.k-dropdownlist {
    border-radius: 0 !important;
    background-color: transparent !important;
    background-image: none !important;
}

.k-dropdownlist .k-input-button {
    background-color: #eef6fe !important;
    height: 100% !important;
    background-image: none !important;
}

span.k-i-arrow-s,
span.k-i-arrow-n {
    color: #59a9f2 !important;
}

.k-picker-md {
    border-radius: 0 !important;
    background-color: transparent;
}

ul.custom-filter-option {
    margin: 0;
    display: inline-flex;
}

ul.custom-filter-option li {
    list-style: none;
    margin-left: 20px;
    position: relative;
}

ul.custom-filter-option>li>a {
    display: block;
}

ul.custom-filter-option>li>span>img {
    margin: 0.5rem 0.2rem;
    width: 1.5rem;
}

ul.custom-filter-option li a.custom-createjob-btn {
    background-color: #0066ff;
    border-radius: 0;
    color: #fff;
    padding: 4px 15px;
}

ul.custom-filter-option>li>span {
    display: block;
    padding: 0px 5px;
    cursor: pointer;
}

ul.custom-filter-option>li>span.k-button-text:hover {
    background-color: transparent;
}

ul.custom-filter-option>li>span:hover {
    background-color: #E6E6E6;
    border-radius: 0.3rem;
}

ul.custom-filter-option>li>span:last-child {
    display: flex;
}

ul.custom-filter-option li ul.custom-filter-option li span.kendo-dropdown:hover {
    background-color: transparent !important;
}

ul.custom-filter-option li span.active {
    background-color: #eef6fe;
}

.htmldesignforcreategroup {
    width: 183px;
    left: auto;
    right: 0;
    float: revert;
    padding: 0;
    border-radius: 0;
    border-color: rgba(0, 0, 0, 0.08);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.03), 0 4px 5px 0 rgba(0, 0, 0, 0.04);
    max-height: 300px;
    overflow: auto;
}

.subLinkIcons {
    padding: 3px 10px;
    font-size: 13px;
    cursor: pointer;
}

.GroupName {
    white-space: nowrap;
    width: 120px;
    text-overflow: ellipsis;
    overflow: hidden;
}

.GroupUpdate {
    margin-left: auto;
}

.subLinkIcons.active {
    background-color: #ececec;
}

.filter-box {
    box-shadow: 0 5px 20px -1px rgba(0, 102, 255, 0.08);
    border: solid 1px #06f;
    margin-top: 1.5rem;
    padding: 1.5rem;
    display: none;
}

.filter-box .k-picker.k-dropdownlist {
    width: 100% !important;
}

button.btn.custom-clear-btn {
    color: #59a9f2;
    text-transform: uppercase;
    font-weight: 500;
}

button.btn.custom-filter-btn {
    color: #59a9f2;
    text-transform: uppercase;
    font-weight: 500;
    border: 1px solid #59a9f2;
    border-radius: 0;
    padding: 5px 17px;
}

.k-taskboard-column {
    background-color: #eef6fe !important;
}

.template-container {
    padding: 10px 10px 0px 10px;
}

.template-container img {
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: -10px;
}

.column-status {
    padding-top: 5px;
}

.column-text {
    padding-left: 10px;
}

.column-template-container {
    width: 100%;
    display: flex;
}

.template-header {
    width: 100%;
    display: flex;
}

.column-buttons {
    margin-left: auto;
    margin-right: 0;
    padding-right: 5px;
}

.template-menu {
    margin-left: auto;
    margin-right: 0;
}

.template-title {
    color: red;
    word-wrap: break-word;
}

.k-taskboard-drag-hint {
    font: 400 14px Arial, Helvetica, sans-serif;
}

#container {
    display: flex;
    justify-content: space-between;
}

#container div {
    margin: 0 auto;
}

.k-picker.k-dropdownlist {
    min-width: 140px;
    width: fit-content;
    height: 2.371rem;
}

.k-expander-content {
    max-width: 600px;
}

.k-list-horizontal {
    margin-top: 5px;
}

.k-list-horizontal.kendo-radio {
    display: inline-block !important;
    margin-right: 0.5rem;
    accent-color: #3385ff;
}

input.clsOperatorDetails {
    accent-color: #3385ff;
}

.k-list-horizontal.kendo-radio:not(:first-child) {
    margin-left: 1rem;
}

ul.custom-total-hours {
    margin: 0;
    padding: 0;
    display: flex;
}

ul.custom-total-hours li {
    list-style: none;
}

ul.custom-total-hours li input.form-control {
    border-color: #e6e6e6;
    width: 114px;
    margin-left: 10px;
    color: #999999;
    height: 33px;
    font-size: 14px;
    background-color: transparent;
}

ul.custom-total-hours li span {
    color: #4d4d4d;
    font-size: 16px;
    font-weight: 500;
    margin-top: 4px;
    display: inline-block;
}

ul.custom-total-hours li a {
    display: block;
    margin-left: 10px;
}

.custom-accodian-panel {
    display: flex;
    justify-content: space-between;
    background-color: #eef6fe;
    padding-top: 15px;
    padding-bottom: 10px;
}

.custom-accodian-panel p {
    color: #4d4d4d;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 0;
}

.custom-slider-panel {
    transition: all 0.4s ease-in-out;
    display: block;
    height: 0;
    overflow: hidden;
}

.custom-slider-panel.open {
    height: 700px;
    overflow: auto;
}

.img-rotate {
    transform: rotate(180deg);
}

.k-i-collapse::before {
    content: "";
}

.bottomBar {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030;
    height: 4.4rem;
    width: 100%;
    padding: 1rem 0;
    background-color: #fff !important;
    box-shadow: 0 27px 29px 31px #00436514;
    padding: 1rem 2.857rem;
}

.bottomBar .BottomBarRow {
    display: none;
}

.bottomBar .info {
    display: none;
    color: #767f8a;
    font-family: "NotoSans", sans-serif;
    font-size: 11px;
    font-weight: 500;
}

.bottomBar .info p {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
}

.bottomBar .info img {
    width: 1.5rem;
    margin-right: 0.2rem;
}

.btn {
    font-family: "NotoSans", sans-serif;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.83;
    text-align: center;
    height: 2.714rem;
    text-transform: uppercase;
    border-radius: 0;
    padding-left: 1.14rem !important;
    padding-right: 1.14rem !important;
}

.btn-cancel {
    color: #f35838;
}

.btn-blue-border {
    color: #3385ff;
    border: solid 1px #99c2ff;
}

.btn-blue-fill {
    color: #fff;
    background-color: #0066ff;
}

.btn.border-0 {
    border: unset !important;
}

.custom-last-dots.dropdown-toggle::after {
    display: none;
}

.custom-last-dots+ul {
    background-color: #fff;
    border-radius: 0;
    padding: 0;
    box-shadow: 0 2px 6px -1px #0066ff0f;
    border: unset;
    min-width: auto;
}

.custom-last-dots+ul li {
    padding: 2px 0;
    width: 200px;
}

.custom-last-dots+ul li:hover {
    background-color: #e5f0ff;
}

.custom-last-dots+ul li:hover a {
    text-decoration: none;
}

#changePswd .modal-content .modal-body {
    width: 1300px;
    max-width: 1300px;
}

@media screen and (max-width: 992px) {
    .bottomBar {
        height: auto;
        padding: 1rem;
    }
}

.btn {
    font-family: "NotoSans", sans-serif;
    padding: 0.571rem 16px;
    line-height: 1.2;
    letter-spacing: 0.5px;
    text-align: center;
    height: 2.371rem;
    font-weight: 600;
    font-size: 0.85rem !important;
    text-transform: uppercase;
}

.primary-btn {
    box-shadow: 0 5px 20px -1px rgba(0, 102, 255, 0.08);
    background-color: #0066ff;
    color: #fff !important;
}

.btn-secondary-warning {
    border: solid 1px #e0e0e0 !important;
    background-color: transparent !important;
    font-family: "NotoSans", sans-serif;
    font-size: 12px;
    font-weight: 500;
    color: #ff4825;
}

.btn-secondary-warning:hover {
    border: solid 1px #e0e0e0 !important;
    background-color: transparent !important;
    font-family: "NotoSans", sans-serif;
    font-size: 12px;
    font-weight: 500;
    color: #ff4825;
}

.btn-secondary-warning:focus {
    border: solid 1px #e0e0e0 !important;
    background-color: transparent !important;
    font-family: "NotoSans", sans-serif;
    font-size: 12px;
    font-weight: 500;
    color: #ff4825;
}

.btn-secondary-warning:active {
    border: solid 1px #e0e0e0 !important;
    background-color: transparent !important;
    font-family: "NotoSans", sans-serif;
    font-size: 12px;
    font-weight: 500;
    color: #ff4825;
}

.primary-btn:hover {
    box-shadow: 2px 2px 12px 0 rgba(0, 102, 255, 0.08);
    background-color: #4d94ff;
    color: #fff;
}

.primary-btn:active,
.primary-btn:focus {
    box-shadow: inset 2px 2px 6px 0 rgba(99, 91, 255, 0.1);
    border: solid 1px #99c2ff;
    background-color: #0066ff;
}

.secondary-btn {
    border: solid 1px #99c2ff !important;
    color: #3385ff !important;
}

.secondary-btn:hover {
    box-shadow: 2px 2px 12px 0 rgba(0, 102, 255, 0.08);
    border: solid 1px #99c2ff;
    background-color: #f2f7ff;
    color: #3385ff;
}

.secondary-btn:focus,
.secondary-btn:active {
    box-shadow: inset 2px 2px 6px 0 rgba(99, 91, 255, 0.1);
    border: solid 1px #99c2ff;
    background-color: #e5f0ff;
    color: #3385ff;
}

.text-btn,
.text-btn:hover {
    color: #0066ff !important;
}

.text-btn:focus,
.text-btn:active {
    border: solid 1px #99c2ff;
    box-shadow: unset;
}

.btn img {
    padding-right: 0.2rem;
    margin-top: -0.2rem;
}

.btn.text-danger {
    color: #f35838 !important;
}

.k-clear-selected {
    font-family: "NotoSans", sans-serif;
    padding: 0.571rem 16px;
    line-height: 1.2;
    letter-spacing: 0.5px;
    text-align: center;
    height: 2.371rem;
    font-weight: 600;
    font-size: 0.85rem !important;
    text-transform: uppercase;
    border: solid 1px #99c2ff;
    background-color: #f2f7ff;
    color: #3385ff !important;
}

.k-clear-selected:hover {
    box-shadow: inset 2px 2px 6px 0 rgba(99, 91, 255, 0.1);
    border: solid 1px #99c2ff;
    background-color: #f2f7ff;
    color: #3385ff;
}

.k-clear-selected:active {
    box-shadow: inset 2px 2px 6px 0 rgba(99, 91, 255, 0.1);
    border: solid 1px #99c2ff;
    background-color: #e5f0ff;
    color: #3385ff;
}

.k-clear-selected:focus {
    box-shadow: inset 2px 2px 6px 0 rgba(99, 91, 255, 0.1);
    border: solid 1px #99c2ff;
    background-color: #e5f0ff;
    color: #3385ff;
}

.k-button-solid-primary {
    font-family: "NotoSans", sans-serif;
    padding: 0.571rem 16px;
    line-height: 1.2;
    letter-spacing: 0.5px;
    text-align: center;
    height: 2.371rem;
    font-weight: 600;
    font-size: 0.85rem !important;
    text-transform: uppercase;
    box-shadow: 0 5px 20px -1px rgba(0, 102, 255, 0.08);
    background-color: #0066ff;
    color: #fff;
}

.k-button-solid-primary:hover {
    font-family: "NotoSans", sans-serif;
    padding: 0.571rem 16px;
    line-height: 1.2;
    letter-spacing: 0.5px;
    text-align: center;
    height: 2.371rem;
    font-weight: 600;
    font-size: 0.85rem !important;
    text-transform: uppercase;
    box-shadow: 0 5px 20px -1px rgba(0, 102, 255, 0.08);
    background-color: #0066ff;
    color: #fff;
}

.k-button-solid-primary:focus {
    font-family: "NotoSans", sans-serif;
    padding: 0.571rem 16px;
    line-height: 1.2;
    letter-spacing: 0.5px;
    text-align: center;
    height: 2.371rem;
    font-weight: 600;
    font-size: 0.85rem !important;
    text-transform: uppercase;
    box-shadow: 0 5px 20px -1px rgba(0, 102, 255, 0.08);
    background-color: #0066ff;
    color: #fff;
}

.k-button-solid-primary:active {
    font-family: "NotoSans", sans-serif;
    padding: 0.571rem 16px;
    line-height: 1.2;
    letter-spacing: 0.5px;
    text-align: center;
    height: 2.371rem;
    font-weight: 600;
    font-size: 0.85rem !important;
    text-transform: uppercase;
    box-shadow: 0 5px 20px -1px rgba(0, 102, 255, 0.08);
    background-color: #0066ff;
    color: #fff;
}

.btn:disabled,
.btn[disabled] {
    background-color: #f1f3f4;
    color: #a8adb4 !important;
}

.btn.gray-btn {
    border: solid 1px #a8adb4;
    color: #a8adb4;
}

/* Material Theme padding adjustment*/
.k-readonly {
    color: gray;
}

.selected-value {
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 24px;
    background-size: 100%;
    margin-right: 5px;
    border-radius: 50%;
}

#categories-list .k-list-item-text {
    line-height: 1em;
    min-width: 300px;
}

#categories-list .k-list-item-text>span {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: middle;
    display: table-cell;
    vertical-align: central;
    margin: 10px 10px 10px 5px;
}

#categories-list .k-list-item-text>span:first-child {
    -moz-box-shadow: inset 0 0 30px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: inset 0 0 30px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 30px rgba(0, 0, 0, 0.3);
    margin: 10px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-size: 100%;
    background-repeat: no-repeat;
}

#categories-list h3 {
    font-size: 1.2em;
    font-weight: normal;
    margin: 0 0 1px 0;
    padding: 0;
}

#categories-list p {
    margin: 0;
    padding: 0;
    font-size: .8em;
}

.k-material #categories-list .k-list-item-text {
    padding-left: 5px;
    border-left: 0;
}

.k-material #categories-list .k-list-item-text.k-hover {
    padding-left: 5px;
    border-left: 0;
}

.k-materialblack #categories-list .k-list-item-text {
    padding-left: 5px;
    border-left: 0;
}

.k-materialblack #categories-list .k-list-item-text.k-hover {
    padding-left: 5px;
    border-left: 0;
}

#cap {
    width: 242px;
    height: 225px;
    margin: 20px auto;
    background-image: url(" https://uat-atomicdesign.rrd.com/go-it/m3/img/png/cap.png");
    background-repeat: no-repeat;
    background-color: transparent;
}

.black-cap {
    background-position: 0 0;
}

.grey-cap {
    background-position: 0 -225px;
}

.orange-cap {
    background-position: 0 -450px;
}

.k-button-md.k-icon-button>.k-button-icon {
    margin: auto !important;
    justify-content: center;
    align-items: center;
}

.w-50.scrollabletab .k-button-md.k-icon-button>.k-button-icon {
    min-width: auto;
    min-height: auto;
    color: #007bff;
}

.w-50.scrollabletab .k-menu-scroll-button-next {
    width: auto;
    right: 0;
    margin-right: -15px;
}

.w-50.scrollabletab .k-menu-scroll-button-prev {
    width: auto;
}

.k-list-content ul .k-list-item.k-selected:hover {
    color: #424242 !important;
    background-color: #ececec !important;
}

.btn-primary:disabled {
    padding: 8px 16px;
    background-color: #f1f3f4;
    border: unset;
    font-family: 'NotoSans', sans-serif;
    font-size: 14;
    font-weight: 500;
    color: #a8adb4;
}


#myProfile .boxShadow {
    padding: 20px;
    box-shadow: 0 5px 20px -1px rgba(0, 67, 101, 0.08);
    background-color: #fff;
    font-family: "SourceSansPro", sans-serif;
}

#myProfile .modal-dialog {
    max-width: 1000px;
    margin: 4rem auto;
}

#myProfile .userImg {
    width: 64px;
    height: 64px;
    border-radius: 4px;
    background-color: #06f;
    position: relative;
}

#myProfile .userImg img {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

#myProfile p.nameandEmp {
    font-size: 16px;
    font-weight: 600;
    color: #202427;
}

#myProfile p.designation {
    font-family: "NotoSans", sans-serif;
    font-size: 12px;
    color: #5e666c;
}

#myProfile span.empID {
    font-size: 16px;
    font-weight: 600;
    color: #5e666c;
}

#myProfile .moreDetail .form-group {
    border-right: 1px solid #d9dbdd;
}

#myProfile .moreDetail .form-group:last-child {
    border-right: unset;
}

#myProfile .moreDetail .form-group label {
    margin-bottom: unset;
}

#myProfile .contactDetail p {
    font-size: 0.89rem;
    color: #202427;
    font-family: "NotoSans", sans-serif;
}

#myProfile .location img {
    width: 21px;
}

#myProfile .moreDetail h6 {
    font-size: 16px;
    font-weight: 600;
    color: rgba(0, 0, 0, 0.87);
}

#myProfile .moreDetail label {
    font-family: "NotoSans", sans-serif;
    font-size: 0.9rem;
    font-weight: 500;
    color: #5e666c;
}

#myProfile .moreDetail .form-control-plaintext {
    font-family: "NotoSans", sans-serif;
    font-size: 1rem;
    color: #464b53;
}

.kendo-text.readonly,
.kendo-dropdown.readonly {
    pointer-events: none;
    border: unset;
    padding-left: 0;
    opacity: 0.89;
}

.jobUpload .horizontalScrollableMenu li a.nav-link {
    border-bottom: 1px solid #d9dbdd;
    padding: 0.5rem 1rem;
    text-align: center;
    border-radius: 0;
}

.jobUpload .horizontalScrollableMenu li a.nav-link.active {
    border-bottom: 2px solid #59A9F2;
    background-color: #e5f0ff;
    color: #0066ff !important;
}

.jobUpload .horizontalScrollableMenu li a.nav-link.error {
    border-bottom: solid 2px #f35838;
    background-color: #fdded7;
    color: #f35838 !important;
}

.jobUpload .horizontalScrollableMenu li a.nav-link.success {
    border-bottom: 2px solid #7cca62;
    background-color: #e5f4e0;
    color: #7cca62 !important;
}

#updateJobTabContent .jobCreationForm .step {
    display: block !important;
}

.jobUpload .card.stepper-card {
    height: calc(100vh - 255px);
    overflow: auto;
}


@media (min-width: 1500px) {
    .jobUpload .card.stepper-card {
        height: calc(100vh - 275px);
        overflow: auto;
    }
}

#updateJobTab .nav-tabs .nav-item {
    margin-bottom: 0px;
}

/* .k-grid-content td span.custom-tbl-span {
  background-color: rgb(252 242 242) !important;
  color: rgb(192 14 14) !important;
  padding: 2px 5px;
  font-weight: 600;
} */

.forgotPasswordPage {
    font-family: "SourceSansPro", sans-serif;
    color: #202427;
}

.forgotPasswordPage.container-fluid {
    padding-bottom: 1rem !important;
}

.forgotPasswordPage h5 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 1rem;
}

.forgotPasswordPage .card img {
    width: 20px;
    height: 17px;
    margin-right: 0.3rem;
}

.forgotPasswordPage form label {
    font-family: "SourceSansPro", sans-serif;
    font-size: 14px;
    line-height: 1.43;
    text-transform: capitalize;
}

.forgotPasswordPage form .form-control {
    padding: 9px;
    border: solid 1px #d9dbdd;
    background-color: #fff;
    border-radius: 0;
}

.forgotPasswordPage form .instructions h6 {
    font-size: 14px;
    font-weight: 600;
}

.forgotPasswordPage form .instructions p {
    font-size: 12px;
    color: #6c788a;
}

.forgotPasswordPage.container-fluid {
    padding-bottom: 1rem !important;
}

.jobAllocatePage.container-fluid {
    overflow: hidden !important;
}

.jobAllocatePage .container-scroll {
    height: calc(100vh - 48.5vh);
    overflow: auto;
}

.jobAllocatePage h4 {
    font-size: 20px;
    font-weight: 600;
    color: #202427;
}

.jobAllocatePage .card.jobDetails .col-lg {
    font-family: "NotoSans", sans-serif;
    padding-right: 0;
    padding-left: 1.5rem;
}

.jobAllocatePage .card.jobDetails .col-lg:not(:last-child) {
    border-right: 1px solid #d9dbdd;
}

.jobAllocatePage .card.jobDetails .col-lg h6 {
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #06f !important;
    margin-bottom: 0.1rem;
}

.jobAllocatePage .card.jobDetails .col-lg p {
    font-size: 14px;
    color: #464b53;
    line-height: 1.38;
    margin-bottom: 0;
}

.jobAllocatePage .card.jobAllocate h5 {
    font-family: "SourceSansPro", sans-serif;
    font-size: 14px;
    font-weight: 600;
}

.jobAllocatePage .card.jobAllocate label {
    font-size: 14px;
    color: #202427;
}

.jobAllocatePage .card.jobAllocate .form-group .blueCard {
    height: auto;
    padding: 0.5rem 0;
    display: flex;
    align-items: center;
}

.jobAllocatePage .card.jobAllocate .form-group .blueCard label {
    margin-bottom: 0;
}

.jobAllocatePage .card.jobAllocate .form-group .blueCard label span {
    border-radius: unset;
}

.jobAllocatePage .card.jobAllocate .form-group .blueCard .k-picker .k-input-inner {
    background-color: #fff;
}

.jobAllocatePage .card.jobAllocate .form-group .blueCard .flex-justify-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.jobAllocatePage .jobAllocateGrid .k-grid-header {
    display: none;
}

.jobAllocatePage .jobAllocateGrid .k-table-row.k-table-alt-row {
    background-color: unset !important;
}

.jobAllocatePage .jobAllocateGrid .k-table-td {
    padding-block: 0.6rem;
    border: unset;
    border-bottom: 1px solid #f1f3f4;
}

.jobAllocatePage .jobAllocateGrid .k-table-td span {
    color: #5e666c;
}

.jobAllocatePage .jobAllocateGrid .k-table-td span.timer {
    padding-left: 1rem;
}

.jobAllocatePage .jobAllocateGrid .k-table-td:last-child {
    text-align: start;
}


.jobAllocatePage .jobAllocateGrid .status-td span {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 50%;
}

.jobAllocatePage .jobAllocateGrid .status-td p {
    display: inline-block;
}

.jobAllocatePage .jobAllocateGrid span.success {
    background-color: #7cca62;
}

.jobAllocatePage .gray-border {
    border: solid 1px #d9dbdd;
    padding: 1.2rem;
}

.jobAllocatePage .capacity-color-container div {
    height: 32px;
}

.jobAllocatePage .capacity-color-container .bg-gray {
    background-color: #B8B8B8;
}


.jobAllocatePage .capacity-color-container .bg-light-blue {
    background-color: #1370FF;
}

.jobAllocatePage .capacity-color-container .bg-warning {
    background-color: #FEC200;
}

.jobAllocatePage .capacity-color-container label span {
    border-radius: 0;
}

.jobAllocatePage .capacity-color-container .info {
    color: #5e666c;
    font-family: "NotoSans", sans-serif;
    font-size: 14px;
    font-weight: 500;
    background-color: transparent;
}

.jobAllocatePage .capacity-color-container .info img {
    width: 1.5rem;
    margin-right: 0.2rem;
}

.jobAllocatePage .capacity-color-container .info p {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
}

.jobAllocatePage .min-height-246 {
    height: 246px;
}

.jobAllocatePage h4 a {
    display: inline-block;
    float: right;
    margin-top: 10px;
    margin-right: 0.3rem;
    font-size: 14px;
    font-weight: 500;
    color: #06f;
}

.jobAllocatePage h4 a.collapse-all {
    display: none;
}

.k-child-animation-container .blueCard {
    min-height: auto;
}

.k-list .k-list-content ul li .k-list-item-text {
    width: 100%;
    padding: 0.3rem 1rem;
    border: unset;
}

.k-list .k-list-content ul li .k-list-item-text:before {
    display: none;
}

.k-list .k-list-content ul li .k-list-item-text span {
    color: #5e666c;
}

.k-list .k-list-content ul li.k-selected .k-list-item-text span {
    color: #0066ff;
}

.k-list .k-list-content ul li .k-list-item-text span.timer {
    padding-left: 1rem;
}

.k-list .k-list-content ul li .k-list-item-text:last-child {
    text-align: start;
}

.k-list .k-list-content ul li .k-list-item-text .status-td {
    min-width: 70px;
    text-align: left;
}

.k-list .k-list-content ul li .k-list-item-text .status-td span {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 50%;
}

.k-list .k-list-content ul li .k-list-item-text .status-td p {
    display: inline-block;
}

.k-list .k-list-content ul li .k-list-item-text span.success {
    background-color: #7cca62;
}

.k-list-item.k-selected,
.k-selected.k-list-optionlabel,
.k-list-content ul .k-list-item.k-selected:hover {
    background-color: #f8f9fa;
    color: inherit;
    box-shadow: unset;
}

.k-list-item.k-selected:hover,
.k-selected.k-list-optionlabel:hover,
.k-list-content ul .k-list-item.k-selected:hover:hover {
    background-color: #f8f9fa;
    color: inherit;
    box-shadow: unset;
}

.blueCard {
    padding: 0.65rem 1rem 0;
    border: solid 1px rgba(0, 102, 255, 0.06);
    background-color: #f2f7ff;
    min-height: 60px;
}

.blueCard .card-field {
    padding-right: 1.5rem;
}

.blueCard:not(:last-child) {
    margin-bottom: 1rem;
}

.blueCard a:hover {
    text-decoration: unset;
}

.card-field {
    font-family: "NotoSans", sans-serif !important;
    padding-right: 0;
    padding-left: 1.5rem;
}

.card-field:not(:last-child) {
    border-right: 1px solid #d9dbdd;
}

.card-field h6 {
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #06f !important;
    margin-bottom: 0.1rem !important;
}

.card-field p {
    font-size: 16px !important;
    color: #464b53 !important;
    margin-bottom: 0 !important;
    font-weight: normal;
}

.dropdown-content-btn {
    cursor: pointer;
}

.dropdown-content {
    display: none;
    background-color: #fff;
    border-right: solid 1px rgba(0, 102, 255, 0.06);
    border-left: solid 1px rgba(0, 102, 255, 0.06);
    padding: 0.5rem 1rem;
}

.sub-activity-content-form {
    margin: 1rem 0;
    padding: 1rem;
    border: 1px dashed #E6E6E6;
}

@media screen and (max-width: 992px) {
    .card.jobDetails .col-lg {
        padding-top: 1rem;
    }

    .blueCard {
        padding: 1rem;
    }

    .blueCard .card-field {
        padding-top: 1rem;
    }

    .blueCard .card-field:not(:last-child) {
        border-right: unset;
    }

    .blueCard .text-md-right {
        padding-top: 2rem !important;
    }
}

.btn.disabled-btn {
    background-color: #f1f3f4 !important;
    color: #a8adb4 !important;
    border-color: #f1f3f4 !important;
}

.k-upload-dropzone+.k-upload-files .k-file {
    display: flex;
    width: 100%;
}

.k-upload-dropzone+.k-upload-files .k-file .k-upload-actions {
    margin-left: auto;
}

.k-upload-dropzone+.k-upload-files .k-file .k-file-icon-wrapper {
    width: 2rem;
}

.JobDetailsPage .k-widget * {
    box-sizing: border-box !important;
}

.JobDetailsPage .k-splitter {
    overflow: hidden;
}

.JobDetailsPage .k-splitter .k-splitbar-draggable-horizontal .k-resize-handle {
    display: none;
}

.JobDetailsPage .k-splitter .splitter-pane-content {
    padding: 1.5rem 1.5rem 0 1.5rem;
}

.JobDetailsPage h6 span {
    color: #5e666c;
    margin-left: 0.3rem;
}

.JobDetailsPage h6 span.status-span {
    background-color: #7cca62;
    color: #fff;
    text-transform: uppercase;
    font-family: "NotoSans", sans-serif;
    font-size: 12px;
    font-weight: 500;
    padding: 4px 8px;
}

.JobDetailsPage h6 span span {
    height: 8px;
    width: 8px;
    border-radius: 50%;
    display: inline-block;
    background-color: #fff;
    margin-right: 0.3rem;
}

.JobDetailsPage h6 p {
    display: inline-block;
    padding-left: 47.5%;
    font-size: 1rem;
}

.JobDetailsPage .bottomBar .BottomBarRow {
    display: flex;
}

.JobDetailsPage .nav-tabs .nav-link.active {
    color: #06f;
    font-weight: 500;
}

.JobDetailsPage span.internal {
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    display: inline-block;
    background-color: #7CCA62;
    margin-right: 0.5rem;
    vertical-align: middle;
}

.JobDetailsPage span.internal+span,
.JobDetailsPage .blueCard span.internal-count {
    display: inline-block;
    vertical-align: middle;
}

.JobDetailsPage span.external+span,
.JobDetailsPage .blueCard span.external-count {
    display: inline-block;
    vertical-align: middle;
}

.JobDetailsPage span.external {
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    display: inline-block;
    background-color: #957EA8;
    margin-right: 0.5rem;
    vertical-align: middle;
}

.JobDetailsPage .jobDetailsChat {
    padding: 0 !important;
    border-radius: 0;
    height: calc(100vh - 19rem);
    border: 1px solid #E6E6E6;
    width: 100%;
}

.JobDetailsPage .jobDetailsChat .blueCard {
    justify-content: flex-end;
    min-height: auto !important;
}

.JobDetailsPage .jobDetailsChat .typingContainer {
    height: 2.5rem;
    font-size: 1rem;
    border-top: 1px solid #E6E6E6;
    width: 100%;
    position: absolute;
    bottom: 0;
    background-color: #fff;
    z-index: 1;
}

.JobDetailsPage .jobDetailsChat .typingContainer .k-textarea {
    border: unset;
    height: 2.4rem;
    padding: 0.2rem 0;
}

.JobDetailsPage .jobDetailsChat .typingContainer svg {
    width: 20px;
    float: right;
    margin: 0.5rem;
    cursor: pointer;
}

.JobDetailsPage .jobDetailsChat .chatContainer {
    padding: 0rem 0.2rem;
    overflow: auto;
    z-index: 0;
    margin-bottom: 2rem;
}

.JobDetailsPage .jobDetailsChat .chatContainer ul {
    list-style: none;
    padding: 0;
}

.JobDetailsPage .jobDetailsChat .chatContainer ul li {
    padding: 0.5rem;
}

.JobDetailsPage .jobDetailsChat .chatContainer ul li .chat {
    font-family: "SourceSansPro", sans-serif;
    display: flex;
    flex-direction: row;
}

.JobDetailsPage .jobDetailsChat .chatContainer ul li.right .chat {
    flex-direction: row-reverse;
}

.JobDetailsPage .jobDetailsChat .chatContainer ul li .chat .avatar {
    height: 35px;
    width: 35px;
    font-size: 16px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex: none;
    margin-right: 0.5rem;
}

.JobDetailsPage .jobDetailsChat .chatContainer ul li.right .chat .avatar {
    margin-right: 0;
    margin-left: 0.5rem;
}

.JobDetailsPage .jobDetailsChat .chatContainer ul li .chat .content {
    padding: 0.5rem;
    margin-bottom: 0;
    border-radius: 4px;
}

.JobDetailsPage .jobDetailsChat .chatContainer ul li .chat .content h6 {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 0;
}

.JobDetailsPage .jobDetailsChat .chatContainer ul li .chat .content p {
    font-size: 14px;
    word-break: break-all;
}

.JobDetailsPage .jobDetailsChat .chatContainer ul li .chat .content p.timestamp {
    text-align: right;
    color: #5e666c;
    font-size: 12px;
}

.JobDetailsPage .jobDetailsChat .chatContainer ul li .chat.internal .avatar {
    border: 1px solid #7CCA62;
    color: #7CCA62;
}

.JobDetailsPage .jobDetailsChat .chatContainer ul li .chat.internal .content {
    background-color: #E5F4E0;
}

.JobDetailsPage .jobDetailsChat .chatContainer ul li .chat.external .avatar {
    border: 1px solid #957EA8;
    color: #957EA8;
}

.JobDetailsPage .jobDetailsChat .chatContainer ul li .chat.external .content {
    background-color: #F4F2F6;
}

.JobDetailsPage #jobDetailsTab {
    background-color: #fff;
}

.JobDetailsPage .sticky {
    position: fixed;
    width: 97%;
    z-index: 1000;
}

.JobDetailsPage .sticky {
    top: 6.63rem;
}

@media only screen and (max-width: 1300px) {
    .JobDetailsPage .sticky {
        top: 7.35rem !important;
    }
}

.JobDetailsPage .sticky h6.smallHeader {
    margin-top: 0px;
    display: inline-block;
    margin-bottom: 0;
    position: relative;
    top: 5px;
}

/*.JobDetailsPage .sticky+span+#jobDetailsTabContent {
  padding-top: 102px;
}*/

.JobDetailsPage .tab-pane h6 {
    font-size: 1.2rem;
    font-weight: 600;
    margin-bottom: 1rem;
}

.JobDetailsPage .blueCard p {
    margin-bottom: 0;
}

.JobDetailsPage .blueCard a:not(.btn) {
    font-size: 12px;
    text-decoration: underline;
}

.JobDetailsPage .blueCard .input-group {
    margin-top: 0.5rem;
}

.JobDetailsPage .blueCard .input-group .input-group-text {
    border-radius: 0;
    /* border-right: transparent; */
    background-color: #fff;
}

.JobDetailsPage .blueCard .input-group .form-control {
    border-radius: 0;
    border-left: unset;
}

.JobDetailsPage .card {
    padding: 1.5rem;
}

.JobDetailsPage .card-field {
    padding-right: 1rem
}

.JobDetailsPage .emailTab .form-group label,
.JobDetailsPage .emailTab .pagesubHeader,
.JobDetailsPage .emailTab .greyContent {
    font-family: "NotoSans", sans-serif;
}

.JobDetailsPage .emailTab .pagesubHeader {
    font-weight: 500;
    color: #32383d;
}

.JobDetailsPage .emailTab .pagesubHeader span {
    color: #5e666c !important;
}

.JobDetailsPage .emailTab p.greyContent {
    color: #5e666c !important;
    font-weight: normal;
    padding-right: 0.5rem;
}

.JobDetailsPage .emailTab .mail_boxContent p.greyContent {
    padding-left: 2rem;
    padding-right: 1rem;
}

.JobDetailsPage .emailTab .mail-action {
    display: none;
}

.JobDetailsPage .emailTab .mail-card {
    border-bottom: solid 1px #e6e6e6;
    padding: 1rem 0 !important;
    cursor: pointer;
}

.JobDetailsPage .emailTab .mailBodyContent {
    height: auto;
}

.JobDetailsPage .emailTab .mail-reply-content {
    display: none;
}

@media screen and (max-width: 992px) {
    .JobDetailsPage .blueCard .card-field {
        padding-top: 0rem;
    }

    .JobDetailsPage .w-35 {
        width: 60% !important;
    }
}

.JobDetailsPage .compose-mail .input-group .form-control,
.JobDetailsPage .compose-mail .input-group .input-group-text {
    border-radius: 0;
    border: unset;
    background-color: transparent;
    padding: 0.375rem 0.5rem;
}

.JobDetailsPage .timelineTab .input-group .form-control,
.JobDetailsPage .timelineTab .input-group .input-group-text {
    border-radius: 0;
    background-color: transparent;
}

.JobDetailsPage .timelineTab .input-group .input-group-text {
    border-right: unset;
}

.JobDetailsPage .timelineTab .input-group .form-control {
    border-left: unset;
    height: 33px;
}

.JobDetailsPage .timelineTab .listViewIcon,
.JobDetailsPage .timelineTab .gridViewContainer {
    display: none;
}

.JobDetailsPage .timelineTab .listViewIcon:hover,
.JobDetailsPage .timelineTab .gridViewIcon:hover {
    text-decoration: unset;
}

.JobDetailsPage .modal-header {
    border-bottom: unset;
    padding-bottom: 0;
}

.JobDetailsPage .modal-footer {
    border-top: unset;
}

.JobDetailsPage .k-dropdownlist .k-input-button {
    background-color: transparent !important;
}

.k-splitter {
    border: unset;
}

.k-splitter .k-splitbar.k-focus,
.k-splitter .k-splitbar:focus {
    background-color: #99c2ff;
}

.k-splitter .k-splitbar .k-icon {
    font-size: 1rem;
}

.k-splitter .k-splitbar .k-icon:before {
    left: -3px;
}

.w-35 {
    width: 35% !important;
}

.jobDetailsSubActivityPage .custom-queue-row {
    margin-top: 0.5rem;
}

.jobDetailsSubActivityPage .custom-queue-list-sap {
    display: inline-flex;
}

.jobDetailsSubActivityPage .custom-queue-list-sap .custom-last-dots+ul {
    min-width: 10rem;
}

.jobDetailsSubActivityPage .custom-queue-list-sap .custom-last-dots+ul li {
    padding: 0.5rem;
}

.jobDetailsSubActivityPage .custom-queue-list-sap .custom-last-dots+ul li a {
    font-size: 12px;
}

.jobDetailsSubActivityPage .jobDetails {
    margin: 1.5rem 0 1rem 0;
}

.jobDetailsSubActivityPage .jobDetails h6 {
    font-size: 12px;
    font-weight: 500;
    color: #5e666c;
    line-height: 1.29;
    margin-bottom: 0.3rem;
}

.jobDetailsSubActivityPage .jobDetails p {
    font-size: 14px;
    color: #464b53;
    line-height: 1.38;
    margin-bottom: 0;
}

.jobDetailsSubActivityPage .jobDetails .col-md-3 {
    font-family: "NotoSans", sans-serif;
    padding-right: 0;
    padding-left: 1.5rem;
    margin-bottom: 1.5rem;
}

.jobDetailsSubActivityPage .jobDetails .col-md-3:not(:last-child) {
    border-right: 1px solid #d9dbdd;
}

.jobDetailsSubActivityPage .commentSection {
    padding-left: 0.6rem;
}

.jobDetailsSubActivityPage .blueCard {
    padding: 1rem 1rem 0 1rem;
}

.jobDetailsSubActivityPage .blueCard .form-check {
    margin-top: 0.5rem;
}

.jobDetailsSubActivityPage .blueCard .form-check label {
    font-family: "SourceSansPro", sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #464b53;
}

.jobDetailsSubActivityPage .blueCard span {
    font-family: "NotoSans", sans-serif;
    font-size: 12px;
    font-weight: 500;
    color: #5e666c;
}

.jobDetailsSubActivityPage .blueCard .dropdown-content {
    margin-bottom: 1rem;
}

.k-editor-window .k-breadcrumb,
.k-editor-window .k-tiles-arrange {
    display: none;
}

.k-editor-window .k-actions-start {
    justify-content: flex-end;
}

.k-editor-window .k-button {
    height: 2.371rem;
}

.k-editor-window .k-button.k-dialog-close {
    color: #3385ff;
    background-color: #fff;
}

.k-editor .k-editor-toolbar .k-picker .k-input-inner {
    height: 2.3rem;
}

.k-editor .k-editor-toolbar .k-picker .k-input-value-text::before {
    display: none;
}

.k-chat .k-message-list-content {
    overflow: auto;
}

.k-chat .k-message-list .k-message {
    display: flex;
    margin-bottom: 28px;
    margin-right: 40px;
}

.k-chat .k-message-list .k-message-time {
    opacity: 1;
    margin-top: 0;
    color: #999999;
}

.k-chat .k-bubble {
    height: fit-content;
    position: relative;
}

.k-chat .k-bubble .chat-profile-avatar {
    border-radius: 50%;
    font-weight: bold;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    height: 32px;
    width: 32px;
    color: #0066FF;
    background-color: #fff;
    font-size: 20px;
    text-transform: uppercase;
    border: 1px solid #0066FF;
    position: absolute;
    right: -40px;
    top: 0;
}

.k-chat .k-bubble span.internal {
    background-color: #7CCA62;
    padding: 0.1rem 1rem;
    border-radius: 10px;
    width: fit-content;
    font-size: 12px;
    font-weight: 500;
    color: #FFFFFF;
    height: 1.5rem;
    position: relative;
    bottom: -25px;
    right: 0;
    position: absolute;
}

.k-chat .k-bubble span.external {
    font-size: 12px;
    background-color: #957EA8;
    padding: 0.1rem 1rem;
    border-radius: 10px;
    width: fit-content;
    font-weight: 500;
    color: #FFFFFF;
    height: 1.5rem;
    position: relative;
    bottom: -23px;
    top: 40px;
    right: 40px;
}

@media screen and (max-width: 992px) {
    .JobDetailsPage .blueCard .card-field {
        padding-top: 0rem;
    }
}

.JobDetailsPage .card {
    padding: 1.5rem;
}

/* Added by dev team */

.custom-filterdropdown {
    height: 180px;
    overflow: auto;
}

.col-count {
    padding-right: 0;
}

.all-select-txt {
    margin-bottom: 1px;
    border: 0 solid transparent;
    border-color: inherit;
    border-bottom-width: 1px;
    padding: 4px 10px;
    background-repeat: repeat-x;
}

.navbar-brand img:last-child {
    border-right: solid 0px #E6E6E6;
    height: 24px;
}

.k-header-column-menu {
    width: auto !important;
}

.err-input {
    border: 1px solid #F35838 !important;
}

.alert.flash-alert {
    width: fit-content;
    margin: auto;
    padding: 0.2rem 1rem;
}

.alert-danger.flash-alert {
    color: #c5303e;
    background-color: #faf4f4;
}

.err-input+p.error {
    color: #F35838;
    font-size: 12px;
}

.k-tooltip-content {
    text-align: center !important;
}

.overlay-norecord {
    width: 100%;
    height: 75%;
    position: absolute;
    top: 80px;
    left: 0;
    text-align: center;
}

.overlay-norecord div {
    position: relative;
    margin-top: -17px;
    top: 50%;
}

.k-upload .k-upload-files .k-file-validation-message {
    font-weight: bold !important;
}

.k-upload .k-upload-files .k-file-success .k-file-validation-message {
    color: #7CCA62 !important;
}

.k-upload .k-upload-files .k-file-invalid .k-file-validation-message {
    color: #F4694C !important;
}

.k-editor .k-editor-toolbar .k-input-inner {
    height: 32px;
}

#updateActivityModal .modal-content {
    padding: 1rem;
}

#updateActivityModal .modal-content table {
    width: 100%;
}

#updateActivityModal .modal-content table th {
    color: #5e666c;
}

#updateActivityModal .modal-content table th,
#updateActivityModal .modal-content table td {
    padding: 0.5rem 1rem;
    text-align: left;
}

#updateActivityModal .modal-content table th div.timer img,
#updateActivityModal .modal-content table td div.timer img {
    min-width: 1rem;
}

#updateActivityModal .modal-content table th div.timer p,
#updateActivityModal .modal-content table td div.timer p {
    margin-bottom: 0;
}

#updateActivityModal .modal-content table thead tr {
    border-bottom: 1px solid #E6E6E6;
}

#updateActivityModal .modal-title .smallHeader {
    font-size: 16px;
}

#updateActivityModal .modal-footer {
    justify-content: space-between;
}

.round-checkbox {
    position: relative;
}

.round-checkbox label {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 50%;
    cursor: pointer;
    height: 16px;
    left: 0;
    position: absolute;
    top: 0;
    width: 16px;
}

.round-checkbox label:after {
    border: 2px solid #fff;
    border-top: none;
    border-right: none;
    content: "";
    height: 5px;
    left: 3px;
    opacity: 0;
    position: absolute;
    top: 3.2px;
    transform: rotate(-45deg);
    width: 8px;
}

.round-checkbox input[type="checkbox"] {
    visibility: hidden;
}

.round-checkbox input[type="checkbox"]:checked+label {
    background-color: #66bb6a;
    border-color: #66bb6a;
}

.round-checkbox input[type="checkbox"]:checked+label:after {
    opacity: 1;
}

div.timer {
    display: flex;
    border: 1px solid #06f;
    padding: 0rem 0.5rem 0rem 0rem;
    align-content: center;
    justify-content: center;
    width: 7rem;
    flex-wrap: nowrap;
    height: 2.371rem;
    align-items: center;
    font-size: 16px;
    font-weight: 600;
}

div.timer img {
    cursor: pointer;
    margin-right: 0.3rem;
}

.noCursor {
    pointer-events: none;
}

.jobDetailsModal .blueCard {
    padding: 1rem;
    border: unset;
}

.jobDetailsModal .status-span {
    background-color: #7cca62;
    color: #fff;
    text-transform: uppercase;
    font-family: "NotoSans", sans-serif;
    font-size: 12px;
    font-weight: 500;
    padding: 4px 8px;
}

.jobDetailsModal .status-span span {
    height: 8px;
    width: 8px;
    border-radius: 50%;
    display: inline-block;
    background-color: #fff;
    margin-right: 0.3rem;
}

.jobDetailsModal .JobDetailsPage .jobDetailsChat {
    height: auto;
}

.jobDetailsModal .card-field h6 {
    color: #1a1a1a !important;
    font-family: "SourceSansPro", sans-serif;
    font-weight: 600;
}

.jobDetailsModal .card-field p {
    font-family: "SourceSansPro", sans-serif;
    font-weight: 600;
    color: #000 !important;
}

.jobDetailsModal .modal-dialog.expand-modal {
    width: 100%;
    max-width: none;
    height: 100vh;
    margin: 0;
    min-height: 100%;
}

.custom-master h4 {
    font-family: "SourceSansPro", sans-serif;
    font-size: 20px;
    font-weight: 600;
    color: #202427;
    padding: 0.8rem 0;
    margin-bottom: 0;
}

.custom-master .border-right-grey {
    border-right: 1px solid #e6e6e6;
}

.custom-master .modal .white-panel.card .col-3 {
    margin-bottom: 1.5rem;
}

.custom-master .modal .white-panel.card p {
    width: 200px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.custom-master .modal .white-panel.card p:first-child {
    font-weight: 600;
    color: #202427;
}

.custom-master .userImg {
    width: 64px;
    height: 64px;
    border-radius: 4px;
    background-color: #06f;
    position: relative;
}

.custom-master .userImg a {
    display: inline-block;
    width: 100%;
    height: 100%;
    text-decoration: none;
    cursor: auto;
}

.custom-master .userImg img {
    width: 100%;
    height: 100%;
}

.custom-master .userImg .profile-avatar {
    height: 100%;
    font-size: 3rem;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    margin: 0 !important;
    width: 100%;
}

.custom-master .userImg .iconHolder {
    border: solid 0.5px #06f;
    background-color: #fff;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    position: absolute;
    right: -0.5rem;
    bottom: -0.5rem;
    padding: 3px 0px;
    cursor: pointer;
    text-align: center;
}

.custom-master .userImg .iconHolder img {
    margin-right: 2px;
    width: auto;
    height: auto;
}

.custom-master .tab-content .card h6 {
    font-size: 16px;
    font-weight: 600;
    color: #202427;
}

.custom-master.jobUpload.container-fluid {
    padding-bottom: 1rem !important;
}

.gridTable1.k-grid-md td,
.gridTable1.k-grid-md .k-table-td {
    padding: 0 12px !important;
}

.gridTable.k-grid-md td,
.gridTable.k-grid-md .k-table-td {
    padding: 0 12px !important;
}

span.required {
    color: #F35838;
}

.shiftRoasterQueue.k-grid-md td,
.gridTable.k-grid-md .k-table-td,
.shiftRoasterMappingQueue.k-grid-md td,
.gridTable.k-grid-md .k-table-td {
    padding: 0 12px !important;
}

.ManageMastersTable.k-grid-md .k-table-td {
    padding: 0 15px !important;
}

.outputPageTable.k-grid-md td {
    padding: 0 14px;
}

.shiftMappingPage.container-fluid {
    /* padding: 1rem 1.3rem 1.5rem 1.3rem !important; */
}

.shiftMappingPage .filter-box {
    display: block;
}

.k-grid-md .k-table-td .k-picker.k-dropdownlist {
    height: 2rem;
    font-size: 0.875rem;
}

.hide {
    display: none;
}

.k-daterangepicker .k-floating-label-container {
    padding-top: 2rem;
}

.k-daterangepicker .k-floating-label-container .k-label {
    font-size: 1rem;
    color: #1a1a1a;
    font-weight: 500;
    line-height: 1.43;
}

label .kendo-checkbox.k-list-horizontal {
    margin-top: 2px;
}

.workHours .blueCard .card-field p {
    font-size: 1rem !important;
}

.workHours .workHoursTable.k-grid-md td,
.workHours .workHoursTable.k-grid-md .k-table-td {
    padding: 0 12px !important;
}

.workHours .workHoursTable .k-grid-toolbar {
    display: none;
}

#custom-queue-popup .modal-content {
    min-height: calc(100vh - 5rem);
}

.operatorDashboard.k-tilelayout {
    grid-auto-rows: auto !important;
}

.container-fluid.dashboard {
    padding-bottom: 1rem !important;
}

.myProfilePage .boxShadow .d-flex {
    position: relative;
}

.deleteprofilepic {
    position: absolute;
    left: 4rem;
    top: -0.5rem;
    z-index: 99;
    cursor: pointer;
}

.k-filter-row .k-filtercell .k-textbox {
    width: 100% !important;
}

.nineDots .dropdown-menu .menu .col-4 {
    padding: 0 !important;
    display: flex;
    justify-content: center;
    align-items: center;
}

.k-card-header {
    padding: 12px 2px 12px 16px !important;
}

.k-tooltip-content {
    text-align: center !important;
}

.headerfont {
    font-size: 19px !important;
}

.k-card-body {
    padding: 0px 7px !important;
}

.highcharts-credits {
    display: none !important;
}

.highcharts-figure,
.highcharts-data-table table {
    min-width: 360px;
}

.highcharts-data-table table {
    font-family: Verdana, sans-serif;
    border-collapse: collapse;
    border: 1px solid #ebebeb;
    margin: 10px auto;
    text-align: center;
    width: 100%;
}

.highcharts-data-table caption {
    padding: 1em 0;
    font-size: 1.2em;
    color: #555;
}

.highcharts-data-table th {
    font-weight: 600;
    padding: 0.5em;
}

.highcharts-data-table td,
.highcharts-data-table th,
.highcharts-data-table caption {
    padding: 0.5em;
}

.highcharts-data-table thead tr,
.highcharts-data-table tr:nth-child(even) {
    background: #f8f8f8;
}

.highcharts-data-table tr:hover {
    background: #f1f7ff;
}

.highcharts-title {
    fill: transparent !important;
}

.highcharts-container {
    overflow: visible !important;
}

.dropdownLength {
    width: 50%;
}

.gridheight {
    height: 397px !important;
}

.gridheight>.k-grid-content {
    height: 312px !important;
}

/* .pt-1,
.py-1 {
  padding-top: 4.25rem !important;
} */

.rightPanelTop425 {
    /* padding-top: 4.25rem !important; */
}

.rightPanelTop225 {
    padding-top: 2.25rem !important;
}

.resourceAvailabiltyContainer {
    max-height: 300px;
    overflow: auto;
}

.showmyjobsContainer {
    max-height: 300px;
    overflow: auto;
}

.k-multiselect .k-multiselect-wrap .k-searchbar {
    float: none;
}

.k-chip-label,
.k-chip-text {
    width: 100px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
}

.k-list-container>.k-footer {
    padding: 10px;
}

.selected-value {
    display: inline-block;
    vertical-align: middle;
    width: 18px;
    height: 18px;
    background-size: 100%;
    margin-right: 5px;
    border-radius: 50%;
}

#multiselectWidget-list .k-list-item-text {
    line-height: 1em;
    min-width: 300px;
}

/* Material Theme padding adjustment*/
.k-material #multiselectWidget-list .k-list-item-text,
.k-material #multiselectWidget-list .k-list-item-text.k-hover,
.k-materialblack #multiselectWidget-list .k-list-item-text,
.k-materialblack #multiselectWidget-list .k-list-item-text.k-hover {
    padding-left: 5px;
    border-left: 0;
}

#multiselectWidget-list .k-list-item-text>span {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: middle;
    margin: 5px 5px 5px 5px;
}

#multiselectWidget-list .k-list-item-text>span:first-child {
    /* -moz-box-shadow: inset 0 0 30px rgba(0, 0, 0, .3); */
    /* -webkit-box-shadow: inset 0 0 30px rgba(0, 0, 0, .3); */
    /* box-shadow: inset 0 0 30px rgba(0, 0, 0, .3); */
    width: 20px;
    height: 20px;
    /* border-radius: 20%; */
    background-size: 100%;
    background-repeat: no-repeat;
}

#multiselectWidget-list h3 {
    font-size: 1.2em;
    font-weight: normal;
    margin: 0 0 1px 0;
    padding: 0;
}

#multiselectWidget-list p {
    margin: 0;
    padding: 0;
    font-size: .8em;
}

.k-cursor-grab {
    cursor: grab;
}

.k-cursor-grabbing {
    cursor: grabbing;
}

.loadingspin {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #3498db;
    width: 120px;
    height: 120px;
    animation: spin 2s linear infinite;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center center;
}

.spinner-border.loadingspinborder {
    border: 0.25em solid #0066ff !important;
    border-right-color: transparent !important;
}

.k-clear-value {
    display: none !important;
}

.loading-spin-container {
    align-items: center;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.7);
    z-index: 9999;
    flex-wrap: wrap;
    align-content: center;
}

.loading-spin-container div[id^=loadmessage] {
    width: 100%;
    text-align: center;
}

.loading-spin-container div[id^=loadmessage] a {
    float: unset !important;
    padding-top: 0.5rem;
    display: block;
}

.printWidget,
.refreshWidget {
    padding: 0.5rem;
    border-radius: 6px;
    margin: 0 0.3rem;
}

.printWidget:hover,
.refreshWidget:hover {
    background-color: #f2f2f2;
}

.operatorDashboard #tilelayout.k-tilelayout,
#righttilelayout.k-tilelayout {
    padding-top: 0 !important;
}

#dashboardSplitter .k-splitbar-horizontal .k-icon {
    top: 1rem;
    width: 1rem;
    position: absolute;
}

#dashboardSplitter .k-splitbar-horizontal .k-icon svg {
    fill: #06f;
}

#dashboardSplitter #rightpaneldiv {
    margin: 0 0.5rem;
}

#dashboardSplitter.k-splitter .k-splitbar.k-focus,
#dashboardSplitter.k-splitter .k-splitbar:focus {
    background-color: transparent !important;
}

#dashboardSplitter.k-splitter .k-splitbar.bg-blue {
    background-color: #99c2ff !important;
}

#dashboardSplitter.k-splitter .k-splitbar:focus .k-icon:before,
#dashboardSplitter.k-splitter .k-splitbar .k-icon:before {
    color: #0066ff !important;
}

#dashboardSplitter .insideChartContainer {
    position: absolute;
    right: 3.6rem;
    z-index: 9;
    top: 4.75rem;
}

#dashboardSplitter .k-tilelayout .k-card .k-card-header {
    margin-bottom: 0.5rem;
    padding-left: 0 !important;
}

#dashboardSplitter .k-tilelayout .k-card .k-card-body .k-close-button {
    margin-top: 0.5rem;
    margin-right: 0rem;
    float: left !important;
}

#dashboardSplitter .k-tilelayout .k-card .span10.k-card-title {
    margin-right: 0.7rem;
}

.k-list-item.k-selected,
.k-selected.k-list-optionlabel {
    background-color: #f8f9fa;
    color: #0066ff;
}

#multiselectWidget_taglist {
    height: 30px;
    overflow: hidden;
}

#multiselectWidget_taglist .k-chip {
    width: 100%;
    border: unset;
    background-color: transparent;
    height: 30px;
}

.k-window-titlebar {
    background-color: transparent;
    border: unset;

}

.k-window-titlebar .k-window-title {
    font-family: "SourceSansPro", sans-serif;
    font-size: 20px;
    font-weight: 600;
}


.feedbackform.custom-form .modal-body {
    padding: 0 1rem 1.2rem;
    height: 100vh;
    overflow-x: hidden;
    overflow-y: auto;
}

.feedbackform.custom-form .modal-body .form-group label {
    width: 100%;
}

.feedbackform.custom-form .modal-body .colum-group {
    margin: 0.5rem 0;
}

.feedbackform.custom-form .modal-body .colum-group.border-right:last-child {
    border-right: unset !important;
}

.k-window-titlebar-actions .k-button-md.k-icon-button>.k-button-icon.k-icon.k-i-x::before,
.k-button-md.k-icon-button>.k-button-icon.k-i-close::before {
    content: "";
    background-image: url(https://uat-atomicdesign.rrd.com/go-it/m3/img/svg/close_icon.svg);
    background-repeat: no-repeat;
    background-position: center;
}

.k-animation-container .k-footer {
    margin-top: -20px;
}

.commentHistoryInput .k-form-error {
    position: absolute;
    bottom: -20px;
    margin: 0;
}

#jobDetailsTabContent .col-12.card:last-child {
    box-shadow: 0 5px 7px 0px rgba(0, 67, 101, 0.08);
    margin-top: -17px;
}

#jobDetailsTabContent .accordion .card .card-header {
    padding: 0;
    background-color: transparent;
    border: unset;
}

#jobDetailsTabContent .accordion .card .card-header button {
    padding: 0 !important;
}

#jobDetailsTabContent .accordion .card .card-header button:after {
    content: "";
    width: 30px;
    height: 30px;
    background: url("https://uat-atomicdesign.rrd.com/go-it/m3/img/svg/downarrow-bold.svg") 0 0 no-repeat;
    top: 25px;
    right: 10px;
    position: absolute;
    display: inline-block;
    transform: rotate(180deg);
}

#jobDetailsTabContent .accordion .card .card-header button.collapsed::after {
    transform: rotate(0deg);
}

#jobDetailsTabContent .accordion .card .card-header button:focus {
    box-shadow: unset
}

#jobDetailsTabContent .accordion .card .card-body {
    padding: 0.5rem 0 !important;
}

.k-grid-norecords {
    justify-content: center;
}

/* .dashboard .k-splitter .k-scrollable {
  overflow: hidden !important;
}

.dashboard #rightpaneldiv {
  height: calc(100vh - 120px);
}

.dashboard #example {
  height: calc(100vh - 190px);
  overflow: auto;
}

.dashboard .rightsideOptions .btn {
  padding: 0;
}
*/
/* Added by Vijay */

.label-info {
    background-color: #5bc0de;
    color: #fff;
    padding: 3px 5px;
    margin-right: 5px;
    border-radius: 4px;
}

.form-group.without-space span {
    padding: 0;
}

span.option-item {
    justify-content: space-between;
    display: flex;
}

span.k-list-item-text {
    width: 100%;
}

.input-group.mb-3 {
    border-bottom: 1px solid #d9dbdd;
}

.bootstrap-tagsinput {
    border: 0 !important;
}

.custom-popup-border {
    border: 1px solid #d9dbdd;
    border-radius: 3px;
}

.processPopups .k-input-solid.k-input-md.k-rounded-md span {
    padding: 0;
}

#FileAttachmentModel .modal-content {
    box-shadow: 0 2px 6px 0 rgba(0, 102, 255, 0.1);
    border: solid 1px #e0e0e0;
}

.bootstrap-tagsinput input[type="text"] {
    width: 100%;
}

.JobDetailsPage .compose-mail .bootstrap-tagsinput {
    width: 95%;
}

#templateTool_listbox li.k-list-item span.k-list-item-text::before {
    content: '';
}

.k-tooltip {
    color: #424242 !important;
    background-color: #ececec !important;
    z-index: 10;
}

.k-tooltip .k-callout {
    right: 0;
    top: 18px !important;
    color: #06f !important;
}

.container-fluid.jobDetailsModal:not(.subcaseHistoryPage) {
    margin-top: 0 !important;
    padding-bottom: 0 !important;
    height: 100vh !important;
    padding-top: 0 !important;
}

.jobDetailsModal .printpreview {
    position: relative;
    top: -2px;
}

.custom-top-positioning {
    position: relative;
    top: -17px;
}

.jobDetailsModal #jobDetailsTabContent {
    margin-top: 1.5rem !important;
}

.container-fluid.jobDetailsModal.stage-page {
    margin-top: 61px !important;
}

input.custom-fileupload {
    position: absolute;
    left: 0;
    opacity: 0;
}

.JobDetailsPage .alert.alert-dismissible.fade {
    z-index: 10000;
    left: 50%;
    transform: translate(-50%, -50%);
}

/*Cell Management css*/
.jobcounttbl tr th {
    color: #00529c;
    padding: 4px 10px;
    background-color: #f2f7ff;
    border-color: #e3eeff;
    text-align: center;
}

.jobcounttbl tr td {
    background-color: #fbfbfb;
    padding: 7px 10px;
    border-bottom: 1px solid #f1f6ff;
    text-align: center;
}

.cellmanagement .k-grid-footer-wrap table tr td {
    height: 30px;
}

.cellmanagement .k-grid-footer-wrap table tr td {
    text-align: center;
}

.cellmanagement .k-grid-footer-wrap table tr td:first-child {
    border-left: 0;
}

.cellmanagement .k-grid-footer-wrap table tr td:nth-child(2) {
    border-left: 0;
}

.cellmanagement .k-grid-footer-wrap table tr td:nth-child(3) {
    border-left: 0;
}

.cellmanagement .k-grid-footer-wrap table tr td:nth-child(4) {
    border-left: 0;
}

.cellmanagement .k-grid-footer-wrap table tr td:nth-child(5) {
    border-left: 0;
}

.cellmanagement .k-grid-footer-wrap table tr td:nth-child(6) {
    border-left: 0;
}

.cellmanagement .k-grid-content.k-auto-scrollable {
    height: 100% !important;
}

/*Report Module css*/
p.search-box {
    position: absolute;
    right: 35px;
    top: 5px;
}

p.search-box input {
    border-radius: 0;
    border: 0;
    border-right: 0;
    height: 30px;
    width: 0;
    transition: width 0.5s;
    padding: 0 0 0 8px;
    opacity: 0;
}

.search-icons-plus {
    border-right: 1px solid #0066ff;
    border-top: 1px solid #0066ff;
    border-bottom: 1px solid #0066ff;
    position: relative;
    margin-bottom: 0;
    padding: 2px 8px 4px 0px;
    margin-top: 5px;
}

.search-icons-plus img {
    margin: 0 !important;
}

ul.custom-filter-option li span.pause-hover:hover {
    background-color: transparent;
}

p.search-box .widthch {
    width: 180px;
    padding: 0 0 0 8px;
    border: 1px solid #0066ff;
    border-right: 0;
    opacity: 1;
}

.report-sec-tbl .k-grid .k-grouping-row .k-group-cell,
.report-sec-tbl .k-grid .k-grouping-row+.k-table-row .k-group-cell {
    background-color: #e5f0ff;
}

.report-sec-tbl .k-group-footer td,
.k-grouping-row td,
.report-sec-tbl .k-group-footer .k-table-td,
.k-grouping-row .k-table-td,
.k-table-tbody .k-group-cell {
    background-color: #e5f0ff;
}

.k-input-values {
    overflow: auto;
}

/*schedular css starts*/
.schedular-custom-table .input-group .input-group-text {
    background-color: transparent;
    border-radius: 0;
    border: solid 1px #e6e6e6;
    cursor: pointer;
}

.schedular-custom-table .input-group .form-control.globalSearch {
    height: 2.572rem;
    padding: 9px;
    border: solid 1px #E6E6E6;
    color: #999;
    border-radius: 0;
    border-left: unset;
}

.schedular-custom-table table.table th {
    padding: 4px 6px;
    background-color: #e5f0ff;
    font-weight: 600;
    border: 0;
}

.schedular-custom-table table.table td {
    padding: 6px 6px;
}

.custom-schedular-grid .k-grid tbody td {
    height: auto;
}

.custom-schedular-grid .k-grid tbody td:first-child {
    text-align: left;
}

.custom-schedular-grid .k-table-td span.k-icon.k-i-none {
    display: none;
}

#jobDetailsTabContent .kendo-textarea {
    height: 54px;
}

.k-calendar .k-range-start,
.k-calendar .k-range-end,
.k-calendar .k-range-mid {
    background-color: rgba(255, 99, 88, 0.25) !important;
}

/*feedback downloads css Starts*/
.feedback-download {
    display: flex;
    padding: 5px 0;
}

.feedback-download span {
    display: block;
    width: 8%;
    padding-left: 9px;
}

.feedback-download span input {
    width: 14px;
    height: 14px;
    border: solid 1.5px #66a3ff;
    background-color: #fff;
    border-radius: 0 !important;
    margin-top: 3px;
}

.feedback-download p {
    width: 80%;
    margin-bottom: 0;
    padding-left: 10px;
}

.feedback-download a {
    width: 30%;
    text-align: center;
}

.feedback-download a img {
    width: 17px;
}

.feedback-container {
    width: 40%;
}

.feedback-container .feedback-download:nth-child(2n+1) {
    background-color: #f0f0f0;
}

/*feedback downloads css Ends*/
/*attachments css starts*/
.pagesubHeaderNormal {
    font-family: "SourceSansPro", sans-serif;
    font-size: 16px;
    font-weight: normal;
    font-stretch: condensed;
    color: #1a1a1a;
}

.pagesubHeaderBold {
    font-family: "SourceSansPro", sans-serif;
    font-size: 16px;
    font-weight: bold;
    font-stretch: condensed;
    color: #1a1a1a;
}

.attachment-over img {
    width: 28px;
    display: inline-block;
    margin-top: 10px;
}

.attachment-over {
    background-color: #f5f5f5;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    padding: 12px;
    text-align: center;
    display: none;
}

.attachment-over p {
    margin-bottom: 0;
    font-weight: 600;
    width: 120px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.attachment-over span {
    display: block;
    color: #9b9a9a;
    font-weight: 600;
}

.attachment-txt {
    font-weight: 600;
    border-top: 1px solid #e5e5e5;
    padding-top: 6px;
    margin-top: 9px;
    margin-bottom: 5px;
}

.attachment-txt span span {
    display: inline-block;
    margin-right: 5px;
}

.attachment-box:hover .attachment-over {
    display: block;
}

.attachment-box {
    border: 1px solid #e5e5e5;
    text-align: center;
    padding: 14px;
    margin-right: 14px;
    margin-bottom: 14px;
    cursor: pointer;
    position: relative;
}

.attachment-box>img {
    width: 50px;
}

.attachment-box>p {
    margin-bottom: 0;
    font-weight: 600;
    margin-top: 10px;
    width: 120px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/*attachments css ends*/
.email-actions ul {
    padding: 0;
    margin: 0;
    display: flex;
    width: 170px;
    justify-content: end;
}

.email-actions ul li {
    list-style: none;
    margin-left: 10px;
}

.email-actions ul li span {
    cursor: pointer;
}

.email-actions p {
    text-align: right;
    margin-top: 10px;
}

#Toccinfo {
    cursor: pointer;
}

.custom-stickbtn {
    position: sticky;
    background-color: #fff;
    bottom: 0;
    padding: 5px 0;
}

.overflow-x-hide {
    overflow-x: hidden !important;
}

.txt-overlap {
    width: 314px;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 10px;
}

/*Schedular css starts*/

.scheduler_default_rowheader_inner_text {
    color: #8d979f;
}

.operator-list {
    position: relative;
    padding-left: 15px;
}

.scheduler_default_rowheader_inner_text::first-line {
    color: #464b53;
    width: 50px;
    display: block;
}

.scheduler_default_event_inner {
    text-align: center;
    display: block !important;
}

.border-red {
    border: 1px solid red;
}

.scheduler_default_event {
    height: 26px !important;
    margin-top: 10px;
    text-align: center;
}

.scheduler_default_rowheader,
.scheduler_default_corner {
    background-color: #FFF !important;
}

.grid-container.schedularpop-container {
    grid-template-columns: repeat(auto-fit, minmax(50px, 1fr)) !important;
    gap: 10px !important;
}

#schedulrJobModal .modal-dialog {
    max-width: 1200px;
    font-family: "SourceSansPro", sans-serif;
}

.schedulrJobCreate .modal-dialog {
    max-width: 1200px;
    font-family: "SourceSansPro", sans-serif;
}

.scgeduler_jobModal .modal-dialog {
    max-width: 1200px;
    font-family: "SourceSansPro", sans-serif;
}

#schedulrJobModal .modal-content {
    padding: 1rem;
}

#schedulrJobModal .modal-header {
    border-bottom: unset;
    font-family: "SourceSansPro", sans-serif;
}

#schedulrJobModal .modal-content .modal-header svg {
    margin-left: 82%;
    cursor: pointer;
}

#schedulrJobModal .modal-footer {
    border-top: unset;
}

#schedulrJobModal .modal-footer .btn-secondary {
    background-color: transparent;
    color: #f35838;
    font-size: 14px;
    border: unset;
    line-height: 1.43;
    letter-spacing: 1.25px;
}

#schedulrJobModal .modal-footer .btn-primary {
    background-color: #203764;
    color: #fff;
    border: unset;
    padding: 9px 17px;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
    border: solid 1px #203764;
    line-height: 1.43;
    letter-spacing: 1.25px;
}

#schedulrJobModal ul.lisoflables {
    padding: 20px;
    box-shadow: 0 5px 20px -1px rgba(0, 67, 101, 0.08);
    background-color: #fff;
}

#schedulrJobModal .grid-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    gap: 40px;
    row-gap: 50px;
    padding: 20px;
    box-shadow: 0 5px 20px -1px rgba(0, 67, 101, 0.08);
    background-color: #fff;
}

#schedulrJobModal .grid-container>div {
    background-color: rgba(255, 255, 255, 0.8);
    border-right: 1px solid #e6e6e6;
    text-align: left;
    color: #999999;
    font-size: 16px;
}

#schedulrJobModal .grid-container>div:last-child {
    border-right: unset;
}

#schedulrJobModal p {
    font-size: 1rem;
    color: #202427;
    margin-bottom: 0;
    width: 165px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#schedulrJobModal p:first-child {
    font-weight: 600;
    color: #202427;
}

.scgeduler_jobModal p {
    font-size: 1rem;
    color: #202427;
    margin-bottom: 0;
    width: 165px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.scgeduler_jobModal p:first-child {
    font-weight: 600;
    color: #202427;
}

#schedulrJobModal ol {
    padding-left: 2rem;
    height: 7rem;
    overflow: auto;
}

#schedulrJobModal ol li {
    font-size: 1rem;
    color: #202427;
}

.scheduler-controls {
    display: flex;
    justify-content: space-between;
    border-top: 1px solid rgb(217, 219, 221);
    padding: 5px 5px;
    border-left: 1px solid rgb(217, 219, 221);
    border-right: 1px solid rgb(217, 219, 221);
    position: relative;
    width: 100%;
}

.scheduler-controls>span {
    position: absolute;
    right: -16px;
    top: 11px;
}

.sc-error-controls {
    position: absolute;
    top: 30px;
}

.scheduler-controls .input-group .input-group-text {
    background-color: transparent;
    border-radius: 0;
    border: solid 1px #e6e6e6;
    padding: 0px 5px;
    cursor: pointer;
}

.scheduler-controls .input-group .form-control.globalSearch {
    height: 2.1rem;
    padding: 9px;
    border: solid 1px #E6E6E6;
    color: #999;
    border-radius: 0;
    border-left: unset;
}

.scheduler-controls .sc-controls .k-input-solid:not(.k-textarea) {
    height: 2.1rem;
}

.pagination-txt .sc-controls .k-input-solid:not(.k-textarea) {
    height: 2.1rem;
}

.scheduler-controls .sc-controls .k-input-md .k-input-button {
    padding: 0 0;
    height: auto;
}

.pagination-txt .sc-controls .k-input-md .k-input-button {
    padding: 0 0;
    height: auto;
}

.scheduler-controls .sc-controls {
    width: 23.8%;
}

#scheduler .k-checkbox {
    width: 14px;
    height: 14px;
    border: solid 1.5px #66a3ff;
    background-color: #fff;
    border-radius: 0 !important;
    margin-top: 3px;
}

#scheduler .k-checkbox:checked {
    background-color: #0066ff !important;
    border: solid 2px #66a3ff;
}

.schedular-checkbox {
    position: relative !important;
    height: 100%;
    width: 15px;
    padding: 0 4px;
    border-right: 1px solid rgb(217, 219, 221);
}

.schedular-headercheckbox {
    position: absolute;
    height: 100%;
    width: 15px;
    padding: 0 4px;
    border-right: 1px solid rgb(217, 219, 221);
    left: 0;
}

.schedular-headercheckbox-success {
    position: absolute;
    height: 100%;
    width: 15px;
    padding: 0 4px;
    border-right: 1px solid rgb(217, 219, 221);
    left: 0;
}

.schedular-headercheckbox-late {
    position: absolute;
    height: 100%;
    width: 15px;
    padding: 0 4px;
    border-right: 1px solid rgb(217, 219, 221);
    left: 0;
}

.schedular-btn {
    background-color: #eef4fc;
    color: #0e3ff2 !important;
    display: flex !important;
    padding-left: 31px !important;
    padding: 5px 0;
    height: 2.1rem;
}

.w16 {
    width: 16px !important;
}

.schedular-headercheckbox-late span.status-circle {
    width: 9px;
    height: 9px;
    display: block;
    border-radius: 50%;
    position: absolute;
    top: 5px;
    right: -14px;
}

span.status-circle {
    width: 9px;
    height: 9px;
    display: block;
    border-radius: 50%;
    position: absolute;
    top: 5px;
    right: -14px;
    left: 0;
}

span.schedular-headertxt {
    margin-left: 19px;
}

.schedular-btn span {
    background-color: #00529c;
    width: 15px;
    height: 15px;
    color: #fff;
    border-radius: 50%;
    position: absolute;
    left: 8px;
    display: block !important;
    text-align: center;
    padding: 0 !important;
}

.schedular-btn>span span {
    padding: 0 !important;
    display: inline-block !important;
}

.schedular-legends label {
    color: #616972;
    border-radius: 20px;
    padding: 2px 13px 1px 10px;
    font-size: 13px;
    position: relative;
    margin-left: 9px;
}

.schedular-legends label>span:first-of-type {
    width: 10px;
    height: 10px;
    display: inline-block;
    margin-right: 5px;
    border-radius: 50%;
}

ul.custom-legend-list {
    margin: 0;
    position: absolute;
    width: 180px;
    right: 0;
    z-index: 10;
    border-radius: 0;
    padding: 8px 4px 8px 4px;
}

ul.custom-legend-list li {
    list-style: none;
    padding: 5px 0px 5px 10px;
}

ul.custom-legend-list li span:last-of-type {
    width: auto;
    height: auto;
    margin-right: 0;
}

.arrow-dropdown {
    background-image: url(../img/svg/Arrows_and_Directions.svg);
    background-repeat: no-repeat;
    padding-right: 25px !important;
    background-position: 95% 3px;
}

.addtick {
    background-image: url(../img/svg/tick.svg);
    background-repeat: no-repeat;
    background-position: 97% center;
}

ul.custom-legend-list li span:first-of-type {
    width: 10px;
    height: 10px;
    display: inline-block;
    margin-right: 8px;
    border-radius: 50%;
}

.completed-le {
    background-color: #daffcd;
}

.completed-sp {
    background-color: #8ae26c;
}

.available-le {
    background-color: #deefff;
}

.available-sp {
    background-color: #58a8f0;
}

.not-started-le {
    background-color: #f3e6ff;
}

.not-started-sp {
    background-color: #cf95ff;
}

.delayed-wip-le {
    background-color: #ffe1e1;
}

.delayed-wip-sp {
    background-color: #ff5454;
}

.late-job-le {
    background-color: #ececec;
}

.late-job-sp {
    background-color: #8d979f;
}

.in-progress-le {
    background-color: #fff6da;
}

.in-progress-sp {
    background-color: #ffca2c;
}

.on-hold-sp {
    background-color: #f6d4c1;
}

.on-pause-sp {
    background-color: #f6d4c1;
}

.on-pause-sp span.event-pause {
    position: absolute;
    width: 16px;
    top: 0;
}

.MyConect-logo {
    width: 38px;
    margin-top: -4px;
    cursor: pointer;
}

.on-pause-sp span.event-pause img {
    width: 100%;
}

span.event-pause img {
    width: 20px;
    height: 16px;
}

.cust-3 {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    flex: 0 0 28%;
    max-width: 28%;
}

.cust-9 {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    flex: 0 0 72%;
    max-width: 72%;
}

.schedular-list {
    display: flex;
}

.schedular-list label {
    color: #0066ff;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 0;
    cursor: pointer;
    width: 22%;
    padding-right: 0px;
    padding-left: 5px;
}

.schedular-list>p {
    width: 41%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-left: 5px;

}

schedular-list p:last-of-type span:first-child {
    border-left: 1px solid #4D4D4D;
    padding-left: 8px;
}

.schedular-list .d-flex.justify-content-between {
    width: 35%;
}

.schedular-list .d-flex p:nth-child(2) span:first-child img {
    width: 15px;
    height: 15px;
}

.schedular-list .d-flex.justify-content-between p:first-child span {
    border-left: 1px solid #4D4D4D;
    padding-left: 5px;
}

.schedular-case .grid-container {
    display: grid;
}

.schedular-case .grid-container p {
    font-size: 12px;
    margin-bottom: 0;
}

.schedular-case .grid-container .plforcard p:first-child {
    color: #000;
    font-weight: 500;
}

.schedular-desc {
    height: 0;
    visibility: hidden;
    transition: height 0.5s;
}

.schedular-desc.active {
    margin-top: 7px;
    height: 42px;
    visibility: visible;

}

.schedular-case {
    border: 1px solid #f2f2f2;
    padding: 7px 0px 7px 17px;
    border-left-color: #fec200;
    border-left-width: 3px;
    margin-bottom: 10px;
    background-image: url(../img/svg/drag.svg);
    background-repeat: no-repeat;
    background-position: 3px center;
    cursor: pointer;
}

.custom-queue-list1.customdis {
    display: none !important;
}

p.schedular-small-head img {
    transform: rotate(180deg);
    margin-left: 10px;
    cursor: pointer;
}

p.schedular-small-head {
    font-weight: bold;
    margin-bottom: 0;
}

ul.status-legends {
    padding: 0;
    margin: 0;
    display: flex;
}

.schedular-custom-table p {
    font-size: 13px;
}

ul.status-legends li {
    list-style: none;
    display: inline-flex;
    margin-left: 13px;
    cursor: pointer;
}

ul.status-legends li span:first-child {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin-top: 6px;
    margin-right: 4px;
}

ul.status-legends li.active span {
    color: #06f;
    text-decoration: underline;
}

ul.status-legends li.active span {
    color: #06f;
    text-decoration: underline;
}

ul.status-legends li span {
    cursor: pointer;
}

.modal-body.jobAllocatePage .scheduler-controls {
    border: 0;
    width: 98%;
}

.scheduler_default_matrix_vertical_line {
    background-color: transparent !important;
    border-left: 1px dashed rgb(217, 219, 221);
}

#scheduler .scheduler_default_event_float {
    display: block;
}

.scheduler_default_cell {
    background-color: #fff;
}

.scheduler_default_timeheadergroup,
.scheduler_default_timeheadercol {
    background-color: #fff !important;
}

.scheduler_default_cell {
    background-color: #fff;
}

.operator-list p:first-child {
    color: #4D4D4D;
    font-size: 14px;
    margin-bottom: 0;
    font-weight: 500;
    width: 126px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.operator-list p:nth-child(2) {
    font-size: 13px;
    color: #8d979f;
    display: flex;
}

.scheduler_default_columnheader_inner {
    font-weight: 500 !important;
    color: #464b53 !important;
}

.scheduler_default_event_inner {
    background: transparent !important;
    border: 0 !important;
    padding: 0 !important;
}

.scheduler_default_event_bar {
    display: none;
}

p.not-started {
    background-color: #cf95ff;
    border-radius: 10px;
    font-size: 12px;
    font-weight: 500;
    padding: 3px 0;
    margin-bottom: 0;
}

p.break {
    background-color: #800000;
    border-radius: 10px;
    font-size: 12px;
    font-weight: 500;
    padding: 3px 0;
    margin-bottom: 0;
    color: #fff;
}

p.inprogress {
    background-color: #ffd146;
    border-radius: 10px;
    font-size: 12px;
    font-weight: 500;
    padding: 3px 0;
    margin-bottom: 0;
    padding-left: 12px;
    text-align: left;
}

p.available {
    background-color: #58a8f0;
    border-radius: 10px;
    font-size: 12px;
    font-weight: 500;
    padding: 3px 0;
    margin-bottom: 0;
    padding-left: 12px;
    text-align: left;
    color: #fff;
}

p.completed {
    background-color: #8ae26c;
    border-radius: 10px;
    font-size: 12px;
    font-weight: 500;
    padding: 3px 0;
    margin-bottom: 0;
    padding-left: 12px;
    text-align: left;
}

p.delayed-wip {
    background-color: #eeeeee;
    border-radius: 10px;
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 0;
    text-align: left;
    position: relative;
}

p.common-task {
    border-radius: 10px;
    font-size: 12px;
    font-weight: 500;
    padding: 3px 0;
    margin-bottom: 0;
}

.task-height {
    height: 14px;
}

p.delayed-wip span.event-caseid {
    display: inline-block;
    background-color: #fff;
    border-radius: 10px;
    border: 1px solid red;
    padding: 2px 12px 2px 12px;
}

span.event-circle {
    background-color: #00529c;
    color: #fff;
    width: 13px;
    height: 13px;
    display: inline-block;
    border-radius: 50%;
    font-size: 11px;
}

span.event-caseid {
    width: 60%;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 10px;
    position: relative;
    top: 2px;
}

p.not-started span.event-pause {
    width: 13px;
    height: 10px;
    display: inline-block;
    border-radius: 50%;
    font-size: 11px;
    position: relative;
}

p.not-started span.event-pause img {
    position: absolute;
    width: 16px;
    top: -4px;
    right: -1px;
}

.scheduler-custom-line {
    background-color: transparent !important;
    border-left: 2px dashed #957ea8;
}

.scheduler_default_matrix_horizontal_line {
    background-color: rgb(217, 219, 221) !important;
    display: none;
}

.scheduler_default_event_inner p>span {
    font-weight: bold;
}

.scheduler_default_timeheadercol_inner {
    font-weight: 500;
    color: #4D4D4D;
    font-size: 14px;
}

.scheduler_default_columnheader_cell_inner {
    color: #4D4D4D;
    font-weight: 500;
    font-size: 14px;
}

.scheduler_default_timeheader_float_inner {
    color: #4D4D4D;
    font-weight: 500;
    font-size: 14px;
}

.scheduler_default_cell {
    background-color: rgb(237 237 237) !important;
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
    background-size: 20px 20px;
}

.scheduler_default_cell.scheduler_default_cell_business {
    background-color: rgb(255, 255, 255) !important;
    background-image: none;
}

.scheduler-pagination ul {
    margin: 0;
    padding: 0;
    display: flex;
}

.scheduler-pagination ul li {
    list-style: none;
}

.scheduler-pagination ul li a {
    display: block;
    padding: 10px 10px;
    color: #4D4D4D;
    font-size: 14px;
    font-weight: 500;
}

.scheduler-pagination ul li a span {
    margin-top: 3px;
    display: inline-block;
}

.scheduler-pagination {
    display: flex;
    justify-content: space-between;
    border: 1px solid #d9dbdd;
    border-top: 0;
}

.pagination-txt .sc-controls {
    width: 70px;
}

.pagination-txt p {
    margin-bottom: 0;
    margin-right: 20px;
}

.pagination-txt p span {
    margin-left: 14px;
    font-size: 15px;
    color: #4D4D4D;
}

.pagination-txt {
    display: flex;
    align-items: center;
}

.schedular-case.active {
    background-color: #ececec;
    border-left-color: #7cca62;
}

.schedular-case.active .schedular-list .d-flex p:nth-child(2) span:nth-child(2) img {
    rotate: 180deg;
}

.scheduler_default_resourcedivider {
    background-color: rgb(217, 219, 221) !important;
}

.scheduler_default_rowheader_inner {
    border-right: 1px solid rgb(217, 219, 221) !important;
}

.scheduler_default_columnheader_splitter {
    border-right: 1px solid rgb(217, 219, 221) !important;
}

.scheduler_default_divider,
.scheduler_default_splitter {
    background-color: rgb(217, 219, 221) !important;
}

.scheduler_default_divider_horizontal {
    background-color: rgb(217, 219, 221) !important;
}

.scheduler_default_timeheadercol_inner {
    border-right: 1px solid rgb(217, 219, 221) !important;
}

.scheduler_default_main {
    border: 1px solid rgb(217, 219, 221) !important;
}

.scheduler_default_timeheadergroup_inner {
    border-right: 1px solid rgb(217, 219, 221) !important;
    border-bottom: 1px solid rgb(217, 219, 221) !important;
}

.scheduler_default_main,
.scheduler_default_main svg text {
    font-family: inherit !important;
}

.queue-checkbox .k-checkbox {
    width: 14px;
    height: 14px;
    border: solid 1.5px #66a3ff;
    background-color: #fff;
    border-radius: 0 !important;
}

.custom-checkdropdown li span.queue-checkbox {
    margin-right: 12px;
}

.custom-checkdropdown li span.queue-checkbox+span {
    display: block;
    margin-top: 1px;
}

.queue-checkbox .k-checkbox:checked {
    background-color: #0066ff !important;
    border: solid 2px #66a3ff;
}

.custom-checkdropdown {
    padding: 10px 0 !important;
}

.custom-checkdropdown li {
    padding: 3px 13px !important;
    display: flex;
    align-items: center;
}

.custom-checkdropdown li span.queue-checkbox {
    margin-right: 12px;
}

.custom-check {
    margin-top: 7px;
    display: block;
    margin-left: 8px;
}

.break-time-btn {
    padding: 0;
    height: 2.1rem;
    line-height: 1;
}

.txt-wrap-ele {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.txt-wrap-same {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block;
    max-width: 61px;
}

.resources-details {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 84px;
    display: inline-block;
}

.txt-wrap-full {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block;
    width: 124px;
}

.txt-wrap-all {
    width: 40px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 11px;
}

.txt-wrap-first {
    width: 44px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 11px;
}

.scheduler_default_event_delete {
    position: absolute !important;
    top: 5px !important;
    width: 9px !important;
    height: 9px !important;
    background-size: cover;
    right: 4px;
}

/*Schedular css ends*/
.queuelink.active-queue-tab {
    color: #444 !important;
}

.mailtabContent .mailContent.unreadmail .mail_boxContent p {
    color: #000 !important;
}

.mailtabContent .mailContent.unreadmail p.pagesubHeader {
    color: #000;
}

.mailtabContent .mailContent.unreadmail p.pagesubHeader+p {
    color: #000;
}

/*feedback attachment css*/

.attachment-links {
    text-transform: capitalize !important;
    padding-left: 11px !important;
    height: 30px !important;
    border-radius: 20px !important;
    position: relative;
    bottom: 6px;
    border: none !important;
}

.attachment-links+ul {
    left: 30px;
    width: 210px;
    padding: 10px 15px 0px 15px;
    border-color: transparent;
    color: #424242;
    background-color: #fff;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.03), 0 4px 5px 0 rgba(0, 0, 0, 0.04);
    border-radius: 0;
    max-height: 200px;
    overflow: auto;
}

.attachment-links+ul li {
    display: flex;
    justify-content: space-between;
    padding: 8px 0;
    background-color: #fff;
}

.attachment-links+ul li a img {
    width: 18px;
}

.attachment-count span {
    color: #3385ff !important;
}

.attachment-links+ul li span {
    color: #424242 !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.attachment-links+ul li:last-child {
    position: sticky;
    bottom: 0;
    color: #3385ff !important;
    padding: 6px 0px;
    cursor: pointer;
}

/*bug fix css*/
k-button-md.k-icon-button {
    color: red !important;
}

.commenterror {
    color: red !important;
}

.feedback-container {
    width: 100%;
}

.feedback-container .feedback-download:nth-child(2n+1) {
    background-color: #f0f0f0;
}

.feedback-download p a {
    text-decoration: underline;
}

/*bug fix end css*/
.wpx-70 {
    width: 70px;
}

.k-time-container .k-reset {
    transform: translateY(95px) !important;
}

.custom-email-header {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 600px;
}

.custom-email-headertxt {
    width: 387px !important;
}

.emailJob .mailBodyContent {
    height: auto !important;
}

.emailJob .boxShadow {
    height: auto !important;
}

/* div#scheduler {
    min-height: 338px !important;
} */

.custom-padding-60 {
    padding-bottom: 60px;
}

.scheduler-controls .sc-controls label {
    margin-bottom: 0;
}

.SchedulerNonActivity .modal-body.jobAllocatePage {
    height: 100Vh;
    overflow: auto;
    padding-bottom: 117px;
}

.SchedulerNonActivity .modal-footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    background-color: #fff;
    z-index: 10;
}

.modal-dialog.warningMessage .modal-body {
    height: auto;
}

.user-statusQuickAllocate {
    margin-right: 7px;
}

.queue-checkbox .k-checkbox::before {
    content: "" !important;
}

.schedular-lists {
    height: 347px;
    overflow: auto;
}

.report-sec-tbl .k-grouping-header::before {
    height: auto;
}

.insideloader-div {
    position: absolute !important;
    left: 0 !important;
    top: 230px !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 16% !important;
    height: 100px !important;
    margin: 0 auto;
}

.mailsubwrap {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.schedular-custom-table .insideloader-div .loader {
    top: 50%;
}

.schedular-custom-table .insideloader-div .loader {
    top: 50%;
}

.workHoursTable .k-input-value-text {
    font-size: 0.86rem;
}

.schedular-desc .schedularpop-container {
    display: flex;
}

.schedular-desc .schedularpop-container .plforcard {
    padding: 0 5px;
    border-right: 0;
}

.schedular-desc .schedularpop-container .plforcard:first-child {
    width: 22%;
}

.schedular-desc .schedularpop-container .plforcard:nth-child(2) {
    width: 41%;
}

.schedular-desc .schedularpop-container .plforcard:nth-child(3) {
    width: 35%;
    border-right: 0;
}

.dropdownESpan {
    width: 42px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
}

.dropdownNSpan {
    width: 182px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    margin-left: 5px;
}

.schedular-desc .schedularpop-container .plforcard p {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.bubble_default_main {
    z-index: 100000 !important
}

/*2/4/ update*/
.NextAvailabilityHideR {
    display: none !important;
}

.NextAvailabilityHideP {
    display: none !important;
}

.NextAvailabilityHideQ {
    display: none !important;
}

.cellmanagement .individual-checkbox.k-checkbox:checked[disabled="disabled"] {
    background-image: url(https://uat-atomicdesign.rrd.com/go-it/m3/img/svg/tick-green.svg) !important;
    background-color: transparent !important;
    border: none !important;
    background-size: contain;
    width: 20px;
    height: 20px;
}

/**/
/*Report Builder css starts*/
.reportFieldsDetails .k-input-solid {
    border-color: #D9D9D9;
    padding: 0.5rem;
}

.reportFieldsDetails .k-input-solid:not(.k-textarea) {
    height: 74px;
}

.reportFieldsDetails .k-chip-label {
    width: auto;
}

.reportFieldsDetails .k-chip-solid-base {
    background-color: #E5F0FF;
    border-color: #D9D9D9;
    border-radius: 0 !important;
}

.reportFieldsDetails .k-chip-solid-base .k-chip-label {
    padding: 1px 0;
    color: #06f;
    font-weight: normal !important;
    font-size: 13px;
}

.reportFieldsDetails .k-chip-action .k-chip-icon {
    color: #06f;
}

.report-builder-page .k-button-solid-base {
    height: auto !important;
    padding: 0.11rem !important;
}

.report-builder-page div.reportFilter .k-input-solid:not(.k-textarea) {
    width: 300px;
}

.report-builder-page div.reportFilter .k-chip-solid-base {
    width: 284px;
}

.report-builder-page .vertical .step-title {
    position: absolute;
    left: auto;
    top: 3px;
    right: -18%;
    background-color: #e5f0ff;
    color: #464b53 !important;
    padding: 0 20px;
    width: auto;
}

.report-builder-page .vertical .step.editing .step-title {
    color: #0066ff !important;
    height: auto;
}

.report-builder-page .vertical .step-circle {
    background-color: #fff;
}

.report-builder-page .vertical .step {
    padding: 0.9rem;
}

.report-builder-page .vertical .step .step-bar-left {
    background-color: #d9dbdd;
    top: 1.85rem !important;
}

.report-builder-page .vertical .step .step-bar-right {
    top: 1.85rem !important;
    z-index: -1 !important;
}

.report-builder-page .reportGridTable table td.k-table-td {
    padding: 0 12px;
}

.report-builder-page .fieldsProperties {
    border: 1px solid #E7E7E7;
    background-color: #FCFCFC;
    border-top: 0;
    height: calc(100vh - 249px);
    overflow-y: auto;
    overflow-x: hidden;
}

.report-builder-page .filterProperties {
    border: 1px solid #E7E7E7;
    background-color: #FCFCFC;
    border-top: 0;
    height: calc(100vh - 249px);
    overflow-y: auto;
    overflow-x: hidden;
}

.report-builder-page .reportBoder {
    border-bottom: 1px solid #E7E7E7;
}

.report-builder-page .selectedReportTxt {
    margin-bottom: 7px;
}

.report-builder-page .fieldsHeads {
    border: 1px solid #a5c9ff;
    background-color: #FCFCFC;
    margin-bottom: 0;
}

.report-builder-page .reportHead {
    color: #0066ff;
    cursor: pointer;
    background-color: #f6faff;
}

.report-builder-page .reportHead.active {
    border-bottom: 1px solid #0066ff;
}

.report-builder-page .selectedReportFields {
    border: 1px solid #E7E7E7;
    background-color: #FCFCFC;
}

.report-builder-page .custom-switch-btn input[type=checkbox] {
    height: 0;
    width: 0;
    visibility: hidden;
}

.report-builder-page .custom-switch-btn label.switch {
    cursor: pointer;
    text-indent: -9999px;
    width: 40px;
    height: 19px;
    background: grey;
    display: inline-block;
    border-radius: 100px;
    position: relative;
    margin-right: 5px;
}

.report-builder-page .custom-switch-btn label.switch:after {
    content: '';
    position: absolute;
    top: 3px;
    left: 5px;
    width: 13px;
    height: 13px;
    background: #fff;
    border-radius: 90px;
    transition: 0.3s;
}

.report-builder-page .custom-switch-btn input:checked+label.switch {
    background: #0066ff;
}

.report-builder-page .custom-switch-btn input:checked+label.switch:after {
    left: calc(100% - 5px);
    transform: translateX(-100%);
}

.report-builder-page .custom-switch-btn span {
    color: #8d979f;
}

.report-builder-page .stepperbg {
    background-color: #e5f0ff;
}

.report-builder-page ul.reportFieldsDetails {
    padding: 0 0.8rem;
    margin: 0;
    border: 1px solid #D9D9D9;
}

.report-builder-page ul.reportFieldsDetails li {
    list-style: none;
    border: 1px solid #D9D9D9;
    margin-top: 0.8rem;
    padding: 0.2rem;
    background-color: #E5F0FF;
    margin-bottom: 0.8rem;
}

.report-builder-page ul.reportFieldsDetails a>span img {
    padding: 0 0.3rem;
}

.report-builder-page .reportFields {
    border: 1px solid #E7E7E7;
    background-color: #FCFCFC;
    border-top: 0;
    height: calc(100vh - 250px);
    overflow: auto;
}

.report-builder-page .reportFields .input-group .input-group-text {
    background-color: transparent;
    border-radius: 0;
    border: solid 1px #D9D9D9;
}

.report-builder-page .reportFields .input-group .form-control.globalSearch {
    height: 2.572rem;
    padding: 9px;
    border: solid 1px #D9D9D9;
    color: #999;
    border-radius: 0;
    border-left: unset;
}

.report-builder-page ul.reportToggleMainList {
    margin: 0;
    padding: 0;
}

.report-builder-page ul.reportToggleMainList li {
    list-style: none;
}

.report-builder-page ul.reportToggleMainList li a {
    border: 1px solid #D9D9D9;
    padding: 0.5rem 0.8rem;
    color: #32383D;
    display: flex;
    text-decoration: none;
}

.report-builder-page ul.reportToggleMainList li span>img {
    width: 19px;
}

.report-builder-page ul.reportToggleMainList ul.reportToggleSubList {
    margin: 0;
    padding: 0;
    display: none;
}

.report-builder-page ul.reportToggleMainList ul.reportToggleSubList li {
    list-style: none;
}

.report-builder-page ul.reportToggleMainList ul.reportToggleSubList li a {
    border: 1px solid #D9D9D9;
    padding: 0.3rem 0.8rem;
    color: #32383D;
    display: flex;
}

.report-builder-page ul.reportToggleMainList ul.reportToggleSubList li span>img {
    width: 17px;
}

.report-builder-page .selectedReportTxt h6 {
    text-transform: uppercase;
}

.report-builder-page .selectedReportTxt a {
    font-weight: 600;
    font-size: 15px;
}

.report-builder-page .k-reportCheckbox {
    background-color: #E5F0FF;
    display: flex;
    padding: 0.2rem 0.5rem;
    align-items: center;
    position: absolute;
    width: 170px;
    bottom: 6px;
}

.report-builder-page .k-reportCheckbox .k-checkbox {
    width: 14px;
    height: 14px;
    border: solid 1.5px #66a3ff;
    background-color: #fff;
    border-radius: 0 !important;
    margin-top: 3px;
}

.report-builder-page .k-reportCheckbox .k-checkbox:checked {
    background-color: #0066ff !important;
    border: solid 2px #66a3ff;
}

.report-builder-page .k-reportCheckbox label {
    color: #212529;
    font-weight: 600;
    margin-bottom: 0;
    padding-right: 0;
    margin-left: 7px;
    margin-top: 2px;
}

.report-builder-page .selectedReport {
    display: flex;
    flex-wrap: wrap;
    height: calc(100vh - 73vh);
    overflow: auto;
}

.report-builder-page .activeCard {
    border-color: #0066ff !important;
}

.report-builder-page .fieldsCard {
    border: solid 1px #D9D9D9;
    padding: 0.4rem 0.4rem;
    cursor: pointer;
    width: 185px;
    margin-bottom: 9px;
    height: 70px;
    margin-right: 9px;
    position: relative;
}

.report-builder-page .fieldsCard p {
    margin-bottom: 0.5rem;
}

.report-builder-page .reportFilter {
    display: block;
}

.report-builder-page .reportFilter .k-i-x::before {
    color: #f35838;
    font-size: 13px;
    margin-left: 0.17rem;
    margin-top: 0.25rem;
}

.report-builder-page .reportFilter .k-filter-toolbar-item button.k-button.k-button-md.k-rounded-md span.k-icon.k-i-x {
    border: 1px solid #f35838;
    border-radius: 50%;
}

.report-builder-page .reportFilter .k-toolbar[role="group"] {
    background-color: #fff;
    border-color: #CDE1FF;
    box-shadow: -1px 1px 2px 0px #AAAAAA1A;
}

.report-builder-page .reportFilter .k-filter-toolbar::before {
    background-color: transparent !important;
    border: 0.5px dashed #8D979F;
}

.report-builder-page .reportFilter .k-filter-toolbar::after {
    background-color: transparent !important;
    border: 0.5px dashed #8D979F;
}

.report-builder-page .reportFilter .k-filter-item::before {
    background-color: transparent !important;
    border: 0.5px dashed #8D979F;
}

.report-builder-page .reportFilter .k-filter-toolbar {
    display: block;
}

.report-builder-page .reportFilter li.k-filter-item {
    padding-top: 10px;
}

.report-builder-page .reportFilter li.k-filter-item:last-child {
    padding-top: 3px;
}

.report-builder-page .c-width20 {
    width: 20px;
}

.report-builder-page .c-width25 {
    width: 25px;
}

.report-builder-page .rescheduler-border {
    border: 1px solid #E7E7E7;
}

.report-builder-page span.fw-bold {
    font-weight: 600;
}

.report-builder-page .reportPivotGrid .k-fields-list-wrapper {
    border: 0;
}

.report-builder-page .reportPivotGrid .k-treeview.k-treeview-md {
    padding: 0;
}

.report-builder-page .reportPivotGrid li.k-treeview-item {
    padding: 0 0 0 0;
    margin-top: 8px;
}

.report-builder-page .reportPivotGrid .k-treeview-mid {
    display: block;
    border: 1px solid #E7E7E7;
}

.report-builder-page .reportPivotGrid .k-treeview-mid span.k-treeview-toggle {
    float: right;
    margin-top: 7px;
    margin-right: 6px;
}

.report-builder-page .reportPivotGrid .k-treeview-mid span.k-treeview-leaf span.k-icon.k-i-arrows-axes {
    display: none;
}

.report-builder-page .reportPivotGrid .k-treeview-mid span.k-treeview-leaf.k-selected {
    background-color: transparent;
    color: #32383D;
}

.report-builder-page .reportPivotGrid .k-treeview-mid span.k-treeview-leaf {
    width: 90%;
    border-radius: 0;
    box-shadow: none;
}

.report-builder-page .reportPivotGrid .k-treeview-top {
    display: block;
    border: 1px solid #E7E7E7;
}

.report-builder-page .reportPivotGrid .k-treeview-top span.k-treeview-toggle {
    float: right;
    margin-top: 7px;
    margin-right: 6px;
}

.report-builder-page .reportPivotGrid .k-treeview-top span.k-treeview-leaf span.k-icon.k-i-arrows-axes {
    display: none;
}

.report-builder-page .reportPivotGrid .k-treeview-top span.k-treeview-leaf.k-selected {
    background-color: transparent;
    color: #32383D;
}

.report-builder-page .reportPivotGrid .k-treeview-top span.k-treeview-leaf {
    width: 90%;
    border-radius: 0;
    box-shadow: none;
}

.report-builder-page .reportPivotGrid .k-treeview-bot {
    display: block;
    border: 1px solid #E7E7E7;
}

.report-builder-page .reportPivotGrid .k-treeview-bot span.k-treeview-toggle {
    float: right;
    margin-top: 7px;
    margin-right: 6px;
}

.report-builder-page .reportPivotGrid .k-treeview-bot span.k-treeview-leaf span.k-icon.k-i-arrows-axes {
    display: none;
}

.report-builder-page .reportPivotGrid .k-treeview-bot span.k-treeview-leaf.k-selected {
    background-color: transparent;
    color: #32383D;
}

.report-builder-page .reportPivotGrid .k-treeview-bot span.k-treeview-leaf {
    width: 90%;
    border-radius: 0;
    box-shadow: none;
}

.report-builder-page .reportPivotGrid .k-treeview-group[role="none"] span.k-toggle-icon.k-icon:before {
    content: '';
}

.report-builder-page .reportPivotGrid .k-treeview-group[role="none"] span.k-toggle-icon.k-icon {
    background-image: url(https://uat-atomicdesign.rrd.com/go-it/m3/img/svg/Arrows_and_Directions.svg);
}

.report-builder-page .reportPivotGrid .k-treeview-group[role="group"] span.k-toggle-icon.k-icon {
    background-image: url(https://uat-atomicdesign.rrd.com/go-it/m3/img/svg/report_circle.svg);
    background-size: cover;
}

.report-builder-page .reportPivotGrid .k-chip-solid-base {
    background-color: #e5f0ff;
}

.report-builder-page .permissionGridTable table td.k-table-td {
    padding: 0 12px;
    text-align: left;
}

.report-builder-page .permissionGridTable table tbody tr:first-child {
    background-color: #e5f0ff !important;
}

.report-builder-page .reset-btn-sec {
    bottom: 0;
    padding: 0.7rem;
    border-top: 1px solid #ddd;
    background-color: #FCFCFC;
    z-index: 2;
}

.report-builder-page .reset-btn-sec a {
    display: inline-flex;
    text-transform: uppercase;
    color: #212529;
}

.report-builder-page ul.calc-operators {
    margin: 0;
    padding: 0;
    display: flex;
}

.report-builder-page ul.calc-operators li {
    list-style: none;
}

.report-builder-page ul.calc-operators li span {
    font-size: 12px;
    border: solid 1px #99c2ff !important;
    width: 42px;
    display: block;
    text-align: center;
    border-radius: 2px;
    margin-right: 6px;
    font-weight: 600;
    color: #3385ff !important;
    background-color: #eef6fe;
    cursor: pointer;
    padding: 3px 0;
}

.report-builder-page .calc-btn {
    background-color: #eef6fe;
    padding: 0px 13px;
    border: solid 1px #99c2ff !important;
}

.report-builder-page .k-reportCheckbox .k-checkbox::before {
    content: "";
}

.report-builder-page .outputPageTable td.k-table-td {
    padding: 0px 12px;
}

.report-builder-page #fieldsProperties .k-splitbar.k-splitbar-horizontal {
    margin-top: 190px;
}

.report-builder-page .field-close {
    right: 0;
    bottom: 4px;
}

.report-builder-page .border-right {
    border-color: #a5c9ff !important;
}

/*Report Builder Css Ends*/

/*grading css starts*/
.card.grade-name {
    padding: 6px 10px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    border: 0;
}

.grade-name>ul>li {
    list-style: none;
    background-color: #f2f7ff;
    padding: 4px 15px 0px 15px;
    border-radius: 14px;
    margin-right: 17px;
}

.grade-name ul li span:first-of-type {
    padding-right: 10px;
    display: inline-block;
    width: 160px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.grade-name ul li span {
    color: #06f;
    font-size: 13px;
}

.grade-name-btn.dropdown-toggle {
    background-color: #f2f7ff;
    padding: 4px 10px 4px 14px;
    border-radius: 14px;
    width: 83px;
    display: flex;
    justify-content: space-between;
}

.grade-name-btn.dropdown-toggle::after {
    display: none;
}

.grade-name-btn {
    width: 270px;
}

.completed-span {
    background-color: #D9DBDD !important;
    color: #464b53 !important;
}

.completed-span>span {
    background-color: #464B53 !important;
}

.gradingTable table tr td.k-table-td {
    padding: 0 12px;
}

.error-btn {
    border-radius: 20px;
    background-color: #FEEEEB;
    border-color: #FEEEEB;
    color: #F35838;
}

.viewlogs-btn {
    border-radius: 20px;
}

.viewlogs-dropdown {
    display: none;
}

.viewlogs-dropdown li a {
    color: #202427;
    padding: 6px 10px;
}

.gradingDetailsPage .blueCard {
    border: unset;
    padding: 1rem;
}

.gradingDetailsPage .card-field h6 {
    font-size: 13px !important;
}

.gradingDetailsPage .card-field p {
    font-size: 14px !important;
}

.gradingDetailsPage .card-field p .k-picker.k-dropdownlist {
    border-top: unset;
    border-right: unset;
    border-left: unset;
    border-color: #06f;
}

.gradingDetailsPage .status-span {
    background-color: #7cca62;
    color: #fff;
    text-transform: uppercase;
    font-family: "NotoSans", sans-serif;
    font-size: 12px;
    font-weight: 500;
    padding: 4px 8px;
}

.gradingDetailsPage .status-span span {
    height: 8px;
    width: 8px;
    border-radius: 50%;
    display: inline-block;
    background-color: #fff;
    margin-right: 0.3rem;
}

ul.grading-tab {
    margin: 0;
    padding: 0;
    display: inline-flex;
}

ul.grading-tab li {
    list-style: none;
}

ul.grading-tab li a.queuelink {
    display: block;
    text-transform: uppercase;
    color: #999999;
    font-size: 0.9rem;
    border: 1px solid #d9dbdd;
    padding: 0.5rem 0.9rem 0.5rem 0.9rem;
    text-decoration: none;
    cursor: pointer;
    position: relative;
    border-bottom-width: 2px;
}

ul.grading-tab li a.queuelink span.custom-queue-name {
    white-space: nowrap;
    font-family: "NotoSans", sans-serif;
    font-weight: 500;
}

ul.grading-tab li a.queuelink:hover {
    color: #0066ff !important;
    border-bottom-color: #0066ff;
}

ul.grading-tab li a.active {
    border-bottom-color: #0066ff;
}

.tabSheets .card h6 {
    font-size: 1rem;
    line-height: 1.29;
    margin-bottom: 0.3rem;
    font-weight: 500;
}

.tabSheets .card.jobDetails .col-lg:not(:last-child) {
    border-right: 1px solid #d9dbdd;
    padding-right: 0;
    padding-left: 1.5rem;
}

.tabSheets .card p {
    font-weight: 600;
}

.card-head>p {
    color: #32383D;
}

.card-head {
    padding-left: 1.5rem;
}

.log-details {
    margin-bottom: 0;
    color: #06f;
    font-size: 1.4rem;
    padding-left: 10px;
    border-left: 1px solid #202427;
    margin-left: 10px;
}

button.logExpand {
    border: 0;
    background-color: transparent;
    padding: 0;
}

.log-card.card h6 {
    font-size: 1rem;
    line-height: 1.29;
    margin-bottom: 0.3rem;
    font-weight: 500;
}

.log-card.card p {
    font-weight: 600;
}

.log-card.card .col-lg:not(:last-child) {
    border-right: 1px solid #d9dbdd;
    padding-right: 0;
    padding-left: 1.5rem;
}

.card.log-card {
    border: solid 1px rgba(0, 102, 255, 0.06);
    background-color: #f2f7ff;
    padding: 0.5rem;
}

span.grad-arrow {
    position: absolute;
    top: 32%;
    right: 20px;
    cursor: pointer;
}

span.grad-arrow img {
    width: 12px;
}

.height-visible {
    height: 400px;
    transition: all 0.3s;
    overflow: hidden;
}

.height-hidden {
    height: 0;
    overflow: hidden;
    transition: all 0.3s;
}

.arrowClose img {
    rotate: 0deg;
}

.arrowOpen img {
    rotate: 180deg;

}

.gradingLog table tr td {
    padding: 0 12px !important;
}

.custom-height-area {
    height: 48px;
}

.grading-bottom-form .form-group {
    margin-bottom: 0;
}

.confirm-card h6 {
    color: #8D979F;
}

.confirm-card p {
    color: #8D979F;
}

.confirm-card {
    padding: 20px 10px !important;
    background-color: #fff !important;
}

.confirm-card h4 {
    color: #202427;
    font-size: 1rem;
    font-weight: 600;
}

.gradgrid .k-detail-cell {
    padding: 0 !important;
}

.gradgrid .k-detail-cell table thead {
    display: none;
}

.smartassigngrid table td,
.gradgrid table td {
    padding: 0 12px !important;
}

.smartassigngrid td.k-table-td.k-detail-cell .k-grid-header th.k-header {
    background-color: #e5f0ff;
    padding: 5px 10px;
}

.smartassigngrid td.k-hierarchy-cell.k-table-td+td.k-table-td {
    text-align: center;
}

.smartassigngrid .k-detail-row .k-detail-cell table tr th:first-child input.k-select-checkbox {
    display: none;
}

.smartassigngrid td.k-hierarchy-cell.k-table-td a {
    position: relative;
    right: 4px;
}

.smartassigngrid .k-detail-row .k-detail-cell {
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 13px !important;
    padding-bottom: 13px !important;
}

p.grade-name span {
    border-left: 1px solid #202427;
    margin-left: 8px;
    padding-left: 8px;
}

p.grade-name {
    color: #202427;
    font-weight: 600;
}

.gradgrid a.k-icon {
    text-decoration: none;
}

span.grade-add img {
    margin-right: 6px;
    width: 15px;
}

.addbtn-mt {
    margin-top: 28px;
}

/*grading css ends*/
/*track sheet css starts*/
.tracksheet .JobDetailsPage h6 span.status-span {
    background-color: #F0A22E;
    margin-left: 0;
}

.tracksheet span.grad-arrow {
    top: auto;
}

.tracksheet p.time-tracking-txt {
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 600;
}

.tracksheet .margin-b5 {
    margin-bottom: 5px !important;
}

.mbtScreens .jobdetialsLog.k-grid-md td.k-table-td {
    padding: 4px 12px !important;
}

.mbtScreens .emp-name {
    align-items: center;
}

.mbtScreens .emp-name span.circle-letter {
    width: 36px;
    height: 36px;
    display: block;
    background: #dae8ff;
    border-radius: 50%;
    text-align: center;
    margin: 0 9px;
}

.mbtScreens .emp-name span.circle-letter span img {
    width: 100%;
    border-radius: 50%;
    margin-right: 24px;
    display: block;
    position: relative;
}

.mbtScreens .emp-name span.circle-name {
    text-transform: capitalize;
}

.mbtScreens .utilization {
    border: 0.5px solid #00e64d;
    background: #FFFFFF;
    height: 20px;
    width: 100%;
    border-radius: 4px;
    display: block;
    padding: 1px;
    position: relative;
}

.mbtScreens .utilization span {
    background: #c5ffd8;
    display: block;
    height: 16px;
    border-radius: 2px;
    color: #464B53;
    font-weight: 600;
    font-size: 10px;
}

.mbtScreens .utilization b {
    position: absolute;
    right: 5px;
    top: 0;
}

.mbtScreens .pending {
    border: 0.5px solid #fe961e;
    background: #FFFFFF;
    height: 20px;
    width: 100%;
    border-radius: 4px;
    display: block;
    padding: 1px;
    position: relative;
}

.mbtScreens .pending span {
    background: #ffecd5;
    display: block;
    height: 16px;
    border-radius: 2px;
    color: #464B53;
    font-weight: 600;
    font-size: 10px;
}

.mbtScreens .pending b {
    position: absolute;
    right: 5px;
    top: 0;
}

.mbtScreens .radio input[type="radio"] {
    position: absolute;
    opacity: 0;
    z-index: 1;
    cursor: pointer;
}

.mbtScreens .radio input[type="radio"]+.radio-label:before {
    content: '';
    background: #ebebeb;
    border-radius: 100%;
    border: 1px solid #d0d0d0;
    display: inline-block;
    width: 1rem;
    height: 1rem;
    position: relative;
    vertical-align: top;
    cursor: pointer;
    text-align: center;
    transition: all 250ms ease;
}

.mbtScreens .radio input[type="radio"]:checked+.radio-label:before {
    background-color: #0066ff;
}

.mbtScreens label.radio-label {
    padding: 0;
    margin: 0;
}

.mbtScreens .shift-sec {
    height: 100%;
}

.mbtScreens .shift-sec a.shiftdropdown {
    background-color: #f6faff;
    display: flex;
    color: #464b53;
    justify-content: space-between;
    padding: 6px 5px;
}

.mbtScreens .shift-sec a.shiftdropdown+ul.dropdown-menu {
    width: 100%;
}

.mbtScreens .shift-sec a.shiftdropdown+ul.dropdown-menu li {
    margin: 3px 10px;
    cursor: pointer;
}

.mbtScreens .shift-sec h6 {
    font-size: 15px;
}

.mbtScreens .shift-sec ul {
    padding: 0;
    margin: 0;
}

.mbtScreens .shift-sec ul li {
    list-style: none;
    margin-top: 5px;
}

.mbtScreens .shift-sec ul li span {
    color: #001a53;
    font-weight: 600;
}

.mbtScreens .shift-sec ul li p input {
    background-color: #fbfbfb;
    border: 0;
    padding: 4px 3px;
    width: 100%;
    font-weight: 600;
}

.mbtScreens .job-list-tab {
    height: 100%;
}

.mbtScreens .job-list-tab .jobListclose {
    cursor: pointer;
}

.mbtScreens .job-list-tab .d-flex.justify-content-between>p {
    font-weight: 600;
    font-size: 15px;
}

.mbtScreens .job-list-tab .acc-search {
    height: 32px;
    border-bottom: 0;
}

.mbtScreens .job-list-tab .acc-search .input-group-text {
    background: #fff;
}

.mbtScreens .job-list-tab .acc-search input.form-control {
    border-left: 0;
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem;
}

.mbtScreens .job-list-tab .acc-search input.form-control+span {
    border: 1px solid #ced4da;
    padding: 5px 7px;
    border-radius: .25rem;
    cursor: pointer;
}

.mbtScreens .job-list-tab ul.k-grid {
    border: 0;
    margin: 0;
    padding: 0;
    height: 308px;
    overflow: auto;
}

.mbtScreens .job-list-tab ul.k-grid li.card {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 10px 10px;
    margin: 4px 0;
    border: 1px solid #e4efff;
    box-shadow: -1px 1px 10px 0 rgba(0, 102, 255, 0.08);
}

.mbtScreens .job-list-tab ul.k-grid li.card span.case-ch {
    display: flex;
}

.mbtScreens .job-list-tab ul.k-grid li.card span.case-ch label {
    font-size: 14px;
    color: #1d1d1d;
    font-weight: 600;
    margin-left: 6px;
    margin-bottom: 0;
}

.mbtScreens .job-list-tab ul.k-grid li.card span.date-cl {
    color: #de9d04;
    background-color: #fcf5e5;
    padding: 1px 10px;
    border-radius: 10px;
    font-weight: 600;
}

.mbtScreens .job-list-tab ul.k-grid li.card span.date-hr {
    color: #de0404;
    background-color: #ffe5e5;
    padding: 1px 10px;
    border-radius: 10px;
    font-weight: 600;
}

.mbtScreens ul.jobList-tab {
    text-align: center;
}

.mbtScreens ul.jobList-tab li.w-100 a {
    text-align: left;
}

.mbtScreens ul.jobList-tab li.w-100 a span.custom-queue-name {
    margin-left: 10px;
}

.mbtScreens ul.jobList-tab li a {
    padding-left: 0 !important;
    padding-right: 0 !important;
    border-color: #a5c9ff;
    border-width: 0.5px;
    background-color: #f6faff;
    color: #565656;
}

.mbtScreens ul.jobList-tab li a span.custom-queue-name {
    font-size: 11px;
}

.mbtScreens ul.jobList-tab li a.active {
    color: #0066ff;
    border-bottom-color: #0066ff;
}

.mbtScreens ul.jobList-tab li:last-child a {
    border-left: 0;
}

.mbtScreens .auickAllocate .modal-dialog {
    max-width: 90%;
}

.mbtScreens .custom-prodective {
    background-color: #eef5ff;
    border: 1px solid #bdd7ff;
}

.mbtScreens .custom-non-prodective {
    background-color: #fff8f8;
    border: 1px solid #fdc7c7;
}

.mbtScreens .custom-not-logged {
    background-color: #f9f9f9;
    border: 1px solid #ececec;
}

.mbtScreens .custom-check-assHeader {
    display: flex;
    border-radius: 5px;
    margin-bottom: 8px;
    padding: 5px 10px;
}

.mbtScreens .custom-check-assHeader p {
    margin-bottom: 0;
    display: flex;
    align-items: center;
}

.mbtScreens .custom-check-assHeader p span img {
    width: 22px;
}

.mbtScreens .custom-check-assHeader p span:nth-child(2) {
    text-transform: uppercase;
    font-weight: 600;
    padding-right: 30px;
    padding-left: 10px;
    font-size: 12px;
    margin-top: 2px;
}

.mbtScreens .custom-check-assHeader p span:last-child {
    color: #0066ff;
    font-weight: 600;
}

.mbtScreens .custom-check-assHeader span.ml-auto img {
    transform: rotate(180deg);
    cursor: pointer;
}

.mbtScreens .custom-check-assHeader span.ml-auto.active img {
    transform: rotate(0deg);
    cursor: pointer;
}

.mbtScreens .EmployeeTable td.k-table-td {
    padding: 0px 12px !important;
}

.mbtScreens .EmployeeTable .k-edit-cell span {
    border-color: #0066ff;
}

.mbtScreens .k-grid-toolbar.k-toolbar.k-toolbar-resizable.k-toolbar-md {
    display: none !important;
}

.mbtScreens ul.custom-filter-option li span:hover {
    background-color: transparent !important;
}

.mbtScreens .setCertifiedPage .card-field h6 {
    font-size: 13px !important;
}

.mbtScreens .setCertifiedPage p {
    font-size: 14px !important;
    color: #000 !important;
}

.mbtScreens .setCertifiedPage .card-field p .k-picker.k-dropdownlist {
    border-top: unset;
    border-right: unset;
    border-left: unset;
    border-color: #06f;
}

.mbtScreens .setCertifiedPage .blueCard {
    border: unset;
    padding: 1rem;
}

.mbtScreens #not-logged .emp-name span.circle-letter span img {
    opacity: 0.4;
}

.mbtScreens p.inline-input {
    display: flex;
}

.mbtScreens p.inline-input input.kendo-text.k-input-inner {
    background-color: #f2f7ff;
    border-bottom: 1px solid #06f;
}

.mbtScreens p.inline-input img {
    border-bottom: 1px solid #06f;
    cursor: pointer;
}

.mbtScreens p.inline-input span {
    border: 0;
}

.mbtScreens h6.log-view-txt {
    color: #0066ff;
    font-size: 14px !important;
    font-weight: 600 !important;
}

.mbtScreens ul.grading-tab-heading {
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: space-between;
    border: solid 0.5px #e4efff;
    background-color: #f9f9f9;
}

.mbtScreens ul.grading-tab-heading li {
    list-style: none;
}

.mbtScreens ul.grading-tab-heading li span {
    display: block;
    padding: 5px 35px;
    color: #202427;
    font-weight: 600;
}

.mbtScreens .custom-legend span.custom-legend-txt {
    color: #000;
    font-weight: 500;
    margin-top: 2px;
}

.custom-del-btn {
    border-color: #ff4a4a !important;
    color: #ff4a4a !important;
}

.border-hidden+span.k-textbox input.kendo-text {
    padding: 0;
}

.border-hidden+span.k-textbox {
    border: 0;
}

.mbt-jobAllocatePage .card.jobDetails .col-lg h6 {
    font-size: 13px;
    font-weight: 500;
    color: #5e666c;
    line-height: 1.29;
    margin-bottom: 0.3rem;
}

#treeview .top-auto {
    top: auto !important;
}

span.k-treeview-leaf.k-in.k-selected span {
    color: #fff !important;
}

.rotate90 {
    transform: rotate(90deg);
}

/*mbt screen css ends*/
#QCUsers_listbox li.k-list-item .d-flex.justify-content-between,
#ProdUsers_listbox li.k-list-item .d-flex.justify-content-between,
#ReviewUsers_listbox li.k-list-item .d-flex.justify-content-between {
    padding: 5px !important;
}

#QCUsers_listbox li.k-list-item,
#ProdUsers_listbox li.k-list-item,
#ReviewUsers_listbox li.k-list-item {
    height: auto !important;
    min-height: auto !important;
    padding: 0 !important;
}

.layer-index {
    z-index: 1052;
}

.merge-tap p {
    margin-bottom: 0;
    font-size: 15px;
    font-weight: 600;
    color: #000;
}

.card.merge-tap {
    padding: 10px;
    height: 96.5%;
}

.w-80 {
    width: 80%;
    padding-right: 15px;
    padding-left: 15px;
}

.w-20 {
    width: 20%;
    padding-right: 15px;
}

.w-65 {
    width: 65%;
}

.gridLayout.w-100 {
    padding-right: 15px;
    padding-left: 15px;
}

.merge-tap .custom-legend {
    background-color: #F9F9F9;
    width: 112%;
    margin-left: -6%;
    padding: 8px 10px 8px 13px;
}

.merge-tap .custom-legend li span {
    font-size: 14px;
}

.merge-list-top {
    height: calc(50vh);
    overflow: auto;
}

.merge-list-top {
    height: calc(50vh);
    overflow: auto;
    background-image: url(https://uat-atomicdesign.rrd.com/go-it/m3/img/png/line.png);
    background-repeat: no-repeat;
    background-position: 3px 5px;
}

.merge-list {
    background-image: url(https://uat-atomicdesign.rrd.com/go-it/m3/img/png/line.png);
    background-repeat: repeat-y;
    background-position: 3px 5px;
    margin-top: 12px;
}

.merge-list li {
    list-style: none;
    display: flex;
    align-items: center;
    margin-top: 7px;
}

.merge-list li:first-child {
    margin-top: 0;
}

.merge-list li .circle span {
    width: 9px;
    height: 9px;
    display: inline-block;
    border-radius: 50%;
}

.merge-list li p {
    background-color: #F8F8F8;
    padding: 6px 10px;
    flex: 0 0 91%;
    display: flex;
    margin-left: 8px;
}

.merge-list li p span {
    font-size: 14px;
}

.merge-tap .custom-legend+p {
    background-color: #E5F0FF;
    border-left: 4px solid #0E3FF2;
    padding: 6px 10px;
    margin-left: 2px;
    margin-top: 12px;
}

.merge-jobs-bg {
    background-color: #FFA014;
}

.parent-jobs-bg {
    background-color: #0E3FF2;
}

.gridMergeTable.k-grid-md td {
    padding: 0 12px !important;
}

.merge-list li p span img {
    cursor: pointer;
}

.MastersValidation.k-grid div.k-tooltip {
    position: relative !important;
    background-color: transparent !important;
    justify-content: end !important;
    padding-right: 0 !important;
    max-width: none;
}

.MastersValidation .k-tooltip-error .k-tooltip-icon {
    display: none !important;
}

.MastersValidation .k-tooltip-error .k-tooltip-content {
    color: #dc3545 !important;
    font-size: 14px !important;
    font-style: italic !important;
    flex: none !important;
}

.MastersValidation .k-tooltip-error .k-callout {
    display: none !important;
}

.disabled-image {
    pointer-events: none;
    opacity: 0.3;
}

.pivot-includefields .k-pivot-filter-window .k-treeview {
    max-height: 220px !important;
}

.k-window.pivot-includefields {
    min-width: 210px !important;
    width: 420px;
    height: 370px;
}

.pivot-includefields .k-edit-form-container {
    margin-left: 20px;
}

.pivot-includefields .k-pivot-filter-window .k-treeview {
    max-height: 247px !important;
    position: static;
}

.pivot-includefields.k-window>div.k-popup-edit-form {
    overflow: hidden;
}

.pivot-includefields .k-edit-buttons {
    position: sticky;
    bottom: 0;
}

.MastersValidation .k-table-th>.k-cell-inner>span.k-link {
    padding-inline: 6px;
}

.MastersValidation .k-table-th>.k-cell-inner>span.k-link input[type='checkbox'] {
    margin-left: 6px;
}

.custom-last-dots+ul.custom-btndropdown li a {
    display: block;
    padding: 2px 10px;
}

.btn.secondary-btn.custom-last-dots.dropdown-toggle.threeDots {
    padding-left: 23px !important;
}

.threeDots img {
    position: absolute;
    left: 0;
    top: 11px;
}

.custom-last-dots+ul.custom-btndropdown li a[disabled="disabled"] {
    color: #a8adb4 !important;
}

.capacity-planner .custom-filter-option .cpSplitButton {
    background: #06f;
    color: #fff;
}

.headerforjobUpload .Group img {
    width: auto;
    height: auto;
    margin-left: 3px;
}

#IconId svg path {
    stroke: #fff;
}

.subLinkIcons {
    padding: 8px 10px;
    font-size: 13px;
    cursor: pointer;
}

.subLinkIcons.active {
    background-color: #f2f5f7;
    color: #007bff;
}

.subLinkIcons:hover {
    background-color: #ececec;
}

.reportFilter .k-button-md.k-icon-button>.k-i-filter-add-group {
    background-image: url(https://uat-atomicdesign.rrd.com/go-it/m3/img/svg/icon_addgroup.svg);
    background-repeat: no-repeat;
    background-position: center center;
}

.reportFilter .k-button-md.k-icon-button>.k-i-filter-add-group::before {
    content: "";
}

.reportFilter .k-button-md.k-icon-button>.k-i-filter-add-expression {
    background-image: url(https://uat-atomicdesign.rrd.com/go-it/m3/img/svg/Icon_addexpression.svg);
    background-repeat: no-repeat;
    background-position: center center;
}

.reportFilter .k-button-md.k-icon-button>.k-i-filter-add-expression::before {
    content: "";
}

.recurrenceTbl.k-grid-md .k-table-td {
    padding: 0 14px;
}

.shiftselection .k-dropdownlist .k-input-button {
    background-color: #fff !important;
}

.shiftselection .k-i-caret-alt-down::before {
    content: '';
}

.shiftselection .k-picker.k-dropdownlist {
    border-radius: 4px !important;
}

.shiftselectionPopup .modal-content {
    background-image: url(https://uat-atomicdesign.rrd.com/go-it/m3/img/svg/Shift_Selection.svg);
    background-color: transparent;
    border: 0;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.shiftselectionPopupAi .contentAi {
    background-image: url(https://uat-atomicdesign.rrd.com/go-it/m3/img/png/Shift_AiSelection.png);
    width: 440px;
    height: 248px;
    background-size: cover;
    background-color: transparent;
}

.smartassigngrid .k-detail-row .k-detail-cell table tr th:last-child .k-cell-inner {
    justify-content: center;
}

.customEassign {
    color: #202427;
    font-size: 20px;
    font-weight: 500;
    margin-top: 60px;
}

.shiftselectionPopupAi {
    z-index: 10000000;
}

.shiftselectionPopup {
    z-index: 10000000;
}

.shiftselection .k-dropdownlist .k-input-button {
    background-color: #fff !important;
    background-image: url(https://uat-atomicdesign.rrd.com/go-it/m3/img/svg/Arrows_and_Directions.svg) !important;
    background-position: center;
}

.customBorderadio {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default radio button */
.customBorderadio input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.spancheck {
    width: 100%;
    position: absolute;
    left: 0;
    border: 1px solid rgba(0, 0, 0, 0.08);
    height: 36px;
    border-radius: 5px;
}

/* Create a custom radio button */
.checkmark {
    position: absolute;
    top: 9px;
    left: 7px;
    height: 17px;
    width: 17px;
    background-color: #eee;
    border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.customBorderadio:hover input~.checkmark {
    background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.customBorderadio input:checked~div.spancheck {
    border-color: #0066ff;
}

.customBorderadio input:checked~div.spancheck .checkmark {
    background-color: #0066ff;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.customBorderadio input:checked~div.spancheck .checkmark:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.customBorderadio .checkmark:after {
    top: 4px;
    left: 4px;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #fff;
    display: block;
}

label.customBorderadio {
    position: relative;
    height: 36px;
    width: 47%;
}

span.checkmark span {
    display: block;
    margin-left: 23px;
}

span.checkmark span {
    display: block;
    margin-left: 23px;
}

.shiftselection .row .col-4 {
    border-right: 1px solid #0066ff;
}

.shift-footer {
    padding: 0 15px;
}

.shiftSubBtn {



    background: linear-gradient(to bottom, #1850bb 0%, #1b85d6 100%);
    border-radius: 5px;
    padding: 6px 32px;
    font-size: 16px;
    color: #fff;
    border: none;
    margin-bottom: 30px;
    margin-top: 10px;
}

.roundedInput span.k-input {
    border-radius: 5px !important;
}

.txtActive {
    background-color: #eef6fe;
}

.AllocationAdd .col-6.col-md-4 {
    padding-bottom: 2px !important;
}

.alertCenter {
    left: 50%;
    transform: translate(-50%, -7%);
}

.bm7 {
    bottom: 7px;
}

.customDayRepeat {
    list-style: none;
    margin: 0;
    padding: 0;
}

.customDayRepeat li {
    text-align: center;
    width: 30px;
    height: 30px;
    background: #f2f2f2;
    border-radius: 50%;
    box-shadow: 1px 1px 0px 0px #b9b9b9;
    margin-right: 13px;
    cursor: pointer;
}

.customDayRepeat li span {
    font-weight: 600;
    font-size: 17px;
    margin-top: 3px;
    display: block;
}

.customDayRepeat li.activeDay {
    background-color: #0066ff;
    color: #fff;
}

.nestedQueueTable table td.k-table-td {
    padding: 0 12px;
}

.nestedQueueTable .k-detail-row td.k-hierarchy-cell.k-table-td {
    background-color: #f4f4f4;
}

.nestedQueueTable .k-detail-cell {
    padding-left: 54px !important;
    padding-top: 12px !important;
    background-color: #f4f4f4;
    padding-bottom: 12px !important;
}

.nestedQueueTable .k-detail-cell table {
    border: 1px solid #7eb2ff;
}

.nestedQueueTable .k-detail-cell table.k-grid-header-table.k-table.k-table-md thead th {
    background-color: #e5f0ff;
    padding: 4px 10px;
}

.nestedQueueTable .k-detail-cell table.k-grid-header-table.k-table.k-table-md thead th span.k-column-title {
    color: #0066ff;
}

.nestedQueueTable .k-detail-cell table.k-grid-header-table {
    border-bottom: 0;
}

.nestedQueueTable table td.k-table-td a {
    text-decoration: none;
}

.nestedQueueTable table .k-hierarchy-cell+td.k-table-td,
.nestedQueueTable table .k-hierarchy-cell+th.k-table-th {
    text-align: center;
}

.MastersValidation .k-chip-label {
    width: auto;
}

.MastersValidation .k-chip-action {
    display: none;
}

.MastersValidation .k-chip-md {
    padding: 0;
    background-color: transparent;
    border: 0;
}

.MastersValidation .k-chip-md::after {
    content: ',';
}

.MastersValidation .k-chip-list-md {
    display: flex;
    position: absolute;
    gap: 0px;
}

.MastersValidation .k-multiselect::after {
    content: "\25be";
    font-size: 22px;
    margin-right: 3px;
    color: #06f;
}

div.CusDaterangepicker {
    gap: 0;
    position: relative;
}

div.CusDaterangepicker span:first-child {
    border-right: 0;
}

div.CusDaterangepicker span:nth-child(2) {
    position: absolute;
    left: 43%;
    transform: translateY(-30%);
}

div.CusDaterangepicker span:nth-child(2)::after {
    content: '-';
}

div.CusDaterangepicker span:last-child {
    border-left: 0;
}

div.CusDaterangepicker span {
    width: auto !important;
}

.customCalenderIcon {
    position: absolute;
    padding: 6.5px 4px;
    height: 2.3rem;
    background-color: #eef6fe;
    right: 0;
    top: 0;
    width: 2.3rem;
    border: solid 1px #59a9f2;
    cursor: pointer;
}

.customCalenderIcon img {
    width: 18px;
    height: 18px;
    position: relative;
    top: -2px;
    left: 2px;
}

.customSEIcon {
    position: absolute;
    padding: 6.5px 4px;
    height: 2.3rem;
    background-color: #eef6fe;
    right: 0;
    top: 0;
    width: 2.3rem;
    border: solid 1px #59a9f2;
    cursor: pointer;
}

.customSEIcon img {
    width: 18px;
    height: 18px;
    position: relative;
    top: -2px;
    left: 2px;
}

.nestedQueueTable table tr td.k-table-td:nth-child(2) {
    position: relative;
    left: -45px;
    border-right: 1px solid;
    border-color: rgba(0, 0, 0, 0.08);
}

.nestedQueueTable table tr td.k-table-td:first-child {
    position: relative;
    left: 50px;
}

.nestedQueueTable table tr th.k-table-th:nth-child(2) {
    position: relative;
    left: -45px;
    border-right: 1px solid;
    border-color: rgba(0, 0, 0, 0.08);
}

.nestedQueueTable table tr th.k-table-th:first-child {
    position: relative;
    left: 50px;
}

.nestedQueueTable table.k-grid-table table.k-grid-table tr td:nth-child(2) {
    position: relative;
    left: 0px;
    border-right: 0;
    border-color: rgba(0, 0, 0, 0.08);
}

.nestedQueueTable table.k-grid-table table.k-grid-table tr td:first-child {
    position: relative;
    left: 0px;
    text-align: left;
}

.nestedQueueTable table.k-grid-table table.k-grid-header-table tr th:nth-child(2) {
    position: relative;
    left: 0px;
    border-right: 0;
    border-color: rgba(0, 0, 0, 0.08);
}

.nestedQueueTable table.k-grid-table table.k-grid-header-table tr th:first-child {
    position: relative;
    left: 0px;
}


.nestedArrow {
    position: absolute;
    top: 9px;
    z-index: 1;
    left: 65px;
    cursor: pointer;
}

.CustomStatusColor button.k-input-button {
    display: none;
}

.CustomStatusColor span.k-colorpicker.k-picker {
    border: 0;
    height: auto;
}

.CustomStatusColor .k-picker-md.k-icon-picker span.k-input-inner {
    padding: 0;
}

.CustomStatusColor span.k-value-icon.k-color-preview {
    border-radius: 0;
}

.colorPickerText {
    border: 1px solid rgba(0, 0, 0, 0.08);
    padding: 3px 0 5px 8px;
}

.colorPickerText input {
    border: 0;
}

.scrollabletab .k-scroll-left {
    display: flex !important;
}

.scrollabletab .k-scroll-right {
    margin-right: -16px;
}

@media screen and (max-width: 1100px) {
    .navbar {
        height: auto;
        padding-top: 0px;
        justify-content: center;
    }

    .navbar-collapse {
        justify-content: center;
        flex-basis: 100%;
    }

    .navbar-collapse .navbar-nav {
        margin-left: unset !important;
    }

    .navbar-collapse .left-align .input-group.searchWidth {
        width: 14rem;
    }

    .navbar-collapse .navbar-nav li .dropdown-menu {
        position: absolute;
    }
}

/* Added by Renuka Dharmanathan */

.k-menu-scroll-wrapper .horizontalScrollableMenu.onemenu-item+.k-menu-scroll-button.k-scroll-left {
    display: none !important;
}

.scrollabletab .horizontalScrollableMenu.onemenu-item {
    margin-left: 0 !important;
}

.emailJob .boxShadow {
    height: calc(100vh - 145px) !important;
}

.emailJob .inbox.col-sm-4 .boxShadow,
.emailJob .openedInbox:not(.hide) .boxShadow {
    height: calc(100vh - 182px) !important;
}

.emailJob .openedInbox:not(.hide) .boxShadow.datePickerHeight {
    height: calc(100vh - 140px) !important;
}

.custom-legend li {
    align-items: center;
}

.custom-legend span.custom-legend-circle {
    margin-top: 0;
}

.nestedFrozenColumnGrid thead th:first-child,
.nestedFrozenColumnGrid tbody tr td:first-child {
    position: sticky !important;
    background-color: #fff !important;
    z-index: 9;
    border-right: 1px solid #00000014;
}

.nestedFrozenColumnGrid thead th:first-child,
.nestedFrozenColumnGrid tbody tr td:first-child {
    width: 32px;
    min-width: 32px;
    max-width: 32px;
    left: 0px;
}

.nestedFrozenColumnGrid tbody tr.k-alt td:first-child {
    background-color: #f8f9fa !important;
}

.nestedFrozenColumnGrid .k-detail-row thead th:first-child,
.nestedFrozenColumnGrid .k-detail-row tbody tr td:first-child {
    z-index: 1;
}

.nestedFrozenColumnGrid .k-detail-row tbody tr td:first-child {
    background-color: initial !important;
}

.k-popup.k-column-menu {
    margin: 0 25px 0 0rem;
}

.k-i-droplet-slider::before {
    content: "\e50f"
}

.k-window-titlebar-actions .k-button-md>.k-button-icon.k-icon.k-i-window::before,
.k-window-titlebar .k-button-md>.k-button-icon.k-icon.k-i-window-maximize::before {
    content: "";
    background-image: url(https://uat-atomicdesign.rrd.com/go-it/m3/img/svg/expand-icon.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 14px 14px;
}

.k-window-titlebar-actions .k-button-md>.k-button-icon.k-icon.k-i-window-restore::before,
.k-window-titlebar .k-button-md>.k-button-icon.k-icon.k-i-window-restore::before {
    content: "";
    background-image: url(https://uat-atomicdesign.rrd.com/go-it/m3/img/svg/collapse-icon.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 14px 14px;
}

.k-window-titlebar .k-button-md>.k-button-icon.k-icon.k-i-print::before {
    content: "";
    background-image: url(https://uat-atomicdesign.rrd.com/go-it/m3/img/svg/print-icon.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 18px 18px;
}

input[type="checkbox"] {
    accent-color: #3366ff;
}


.emailJob .openedInbox .boxShadow.nobottom {
    height: calc(100vh - 125px) !important;
}

.chechAssociateRow .k-grid .k-grid-header th.k-header {
    padding: 8px !important;
}

.chechAssociateRow .k-grid tbody td a {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 95px;
}

.mbtScreens .chechAssociateRow .emp-name span.circle-letter {
    width: 30px;
    height: 30px;
    margin: 0 5px 0 0;
}

.chechAssociateRow .circle-letter span {
    top: 5px;
    font-size: 11px;
}

.chechAssociateRow .k-grid-header .k-grid-header-menu {
    width: 20px;
    margin-right: 0;
}

/* .header-sec .profile-status-dp-li {
    width:135px;
}

.header-sec .profile-status-dp-li span.user-status-text {
    font-size: 12px;
    color: #202427;
} */

/* #jobCreationModal .modal-content .modal-header h5 + #printIcon {
    margin-left: 82%;
} */


input[type="radio"] {
    accent-color: #0075ff;
}

a:-webkit-any-link {
    text-decoration: none !important;
}


.container-fluid.custom-master.OTDCategoryMaster,
.container-fluid.custom-master.OTDTypeMaster,
.container-fluid.custom-master.OTDMaster,
.container-fluid.custom-master.OTDMaster {
    padding-bottom: 0 !important;
}

.alertCenter {
    z-index: 99;
}

.ViewLogsPage .modal-header .col-12 {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.ViewLogsPage .modal-header .col-12 div {
    display: flex;
    align-items: center;
    gap: 1.5rem;
}

.ViewLogsPage .modal-header h5 span {
    color: #06F;
}

.ViewLogsPage .card-field h6 {
    color: #8D979F !important;
}

.ViewLogsPage .card-field p {
    font-size: 14px !important;
    font-weight: normal;
    color: #464B53 !important;
}

.ViewLogsPage .action-container {
    display: flex;
    align-items: center;
    height: 100%;
    gap: 1rem;
    justify-content: center;
}

td.footer {
    position: static;
}

.text-15 {
    font-size: 15px;
}

.printColor {
    color: rgb(51, 51, 51);
}

.printBorder {
    border: solid 1px #99c2ff !important;
}

.printHead {
    top: -10px;
    background-color: #fff;
    left: 14px;
}

body.hiddenOff {
    overflow: auto !important;
}

.dueDate {
    font-size: medium;
    color: red
}

.printBtn {
    float: right;
    cursor: pointer
}

fieldset.printField {
    border: solid 1px #99c2ff !important;
    padding: 12px;
}

.printField legend {
    font-size: 14px;
    width: auto;
    margin-bottom: 0;
}

@media print {
    #printButton {
        display: none;
    }

    * {
        -webkit-print-color-adjust: exact;
    }

    input[type="radio"]:checked+label:after {
        background: #6C8AFF !important;
    }
}

/* AI Panel CSS */
.custom-aipanelList {
    height: 57vh;
    overflow: auto;
}

.width55 {
    width: 55% !important;
}

.custom-aipanel {
    background-color: #fafcff;
    width: 30%;

    height: 87vh;
    position: absolute;
    z-index: 10000;
    border: 1px #01a1ff solid;
    display: flex;
    right: 35px;
}

.aipanelColor {
    color: #1662f7;
}

.ailabelColor {
    color: #636363;
}

.panelHead {
    font-size: 1.11rem;
    margin-left: 10px;
}

.switchAi {
    position: relative;
    display: inline-block;
    width: 115px;
    height: 28px;
}

.switchAi input {
    opacity: 0;
    width: 0;
    height: 0;
}

.sliderAi {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #f6fafe;
    -webkit-transition: .4s;
    transition: .4s;
    width: auto;
    height: auto;
    border: 1px #01a1ff solid;
}

.sliderAi:before {
    position: absolute;
    content: "";
    height: 16px;
    width: 16px;
    left: 5px;
    bottom: 5px;
    background-color: #1662f7;
    -webkit-transition: .4s;
    transition: .4s;
    box-shadow: 4px 4px 15px 2px rgba(199, 197, 197, .25);

}

input:checked+.sliderAi .labelQcTxt {
    display: block
}

input:checked+.sliderAi .productionTxt {
    display: none
}

input:focus+.sliderAi {
    box-shadow: 0 0 1px #2196F3;
}

input:checked+.sliderAi:before {
    -webkit-transform: translateX(79px);
    -ms-transform: translateX(79px);
    transform: translateX(79px);
}

.labelQcTxt {
    display: none
}

/* Rounded sliderAis */
.sliderAi.round {
    border-radius: 34px;
}

.sliderAi.round:before {
    border-radius: 50%;
}

.toogleText {
    position: absolute;
    top: 2px;
    left: 28px;
    width: auto;
    height: auto;
}

.custom-aipanelBg {
    background-color: #d7e4f7;
}

.shadowAi {
    box-shadow: 4px 4px 15px 2px rgba(199, 197, 197, .25);
}

.legendAiBg {
    background-color: #f8f8f8;
}

.legendAiTxtColor {
    color: #3a3a3a;
    font-size: 13px;
    font-weight: 600;
}

.legendAiBorder {
    border: 1px #e3e3e3 solid;
}

.legendAiBgBorder {
    border-bottom: 1px #e3e3e3 solid;
}

ul.legendAi li {
    list-style: none;
}

.legendCircle {
    width: 9px;
    height: 9px;
    border-radius: 50%;
}

.legendAiAllocate {
    background-color: #f3a838;
}

.legendAiNat {
    background-color: #a9a9a9;
}

.inprogressTxtColor {
    background-color: #2caffe;
}

.legendAiRemain {
    background-color: #03c221;
}

.fontSize13 {
    font-size: 13px;
}

.fontSize15 {
    font-size: 15px;
    color: #000;
}

.fontSize12 {
    font-size: 12px;
}

.fontBlack {

    color: #000;
}

.primaryAi {
    color: #ff0004;
}

.primaryAiBg {
    background-color: #fff0f0;
    font-size: 0.75rem;
    border-radius: 16px;
    padding: 0 0.75rem;
    text-transform: capitalize;
    display: flex;
    height: 20px;
    justify-content: center;
    align-content: center;
    align-items: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
}

.assignAiBg {
    background-color: #f3fbf0;
    font-size: 0.75rem;
    border-radius: 16px;
    padding: 0 0.75rem;
    text-transform: capitalize;
    display: flex;
    height: 20px;
    justify-content: center;
    align-content: center;
    align-items: center;
}

.borderAllocate {
    border-left: 2px solid #f3a838;
}

.borderNat {
    border-left: 2px solid #03c221;
}

.borderRemain {
    border-left: 2px solid #d9d9d9;
}

.borderNotStarted {
    border-left: 2px solid #0066ff;
}

.progressTxtNat {
    color: #000;
}

.progressBgRemain .fontBlack {
    color: #097909;
}

.progressBgNat {
    background-color: #d9dbdd;
}

.progressBgAllocate {
    background-color: #ffa014;
    position: relative;
    display: inline-block;
}

.progressBgRemain {
    background-color: #c3ffcc;
}

.progressBgProgres {
    background-color: #2caffe;
    position: relative;
    display: inline-block;
}

.progressBgProgres .progressBgProgrestext,
.progressBgAllocate .progressBgProgrestext {
    visibility: hidden;
    width: 120px;
    background-color: #fff;
    color: #000;
    font-weight: 500;
    text-align: center;
    border-radius: 3px;
    padding: 3px 0;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -60px;
    opacity: 0;
    transition: opacity 0.3s;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.progressBgProgres .progressBgProgrestext::after,
.progressBgAllocate .progressBgProgrestext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #fff transparent transparent transparent;
}

.progressBgProgres:hover .progressBgProgrestext,
.progressBgAllocate:hover .progressBgProgrestext {
    visibility: visible;
    opacity: 1;
}

.progressAi ul li {
    list-style: none;
    padding: 3px;
    text-align: center;
    white-space: nowrap;
}

.progressAi ul li:nth-child(2) {
    border-right: 1px #fff solid;
    border-left: 1px #fff solid;
}

.progressAiLeft {
    border-top-left-radius: 14px;
    border-bottom-left-radius: 14px;
}

.progressAiRight {
    border-top-right-radius: 14px;
    border-bottom-right-radius: 14px;
}

.dropdownAi {
    background-repeat: no-repeat;
    background-position: right center;
    width: 34px;
    height: 66px;
    right: 0;
    top: 2.3rem;
    cursor: pointer;
}

.bgImgBorderUp {
    background-image: url(../img/png/uparrowAi.png);
}

.bgImgBorderDown {
    background-image: url(../img/png/downarrowAi.png);
}

.custom-animationIcon {
    position: absolute;
    bottom: 0;
    width: 50px;
    height: 50px;
    background-image: url(https://uat-atomicdesign.rrd.com/go-it/m3/img/svg/smartAI.gif);
    background-size: cover;
    border-radius: 50%;
    right: 0;
    z-index: 3;
    background-position: center;
    /* cursor: pointer; */
}

.custom-animationOutline {
    position: absolute;
    bottom: -10px;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    border: 1px #01a1ff solid;
    right: -10px;
    z-index: 2;
}

.custom-animationLayer {
    position: absolute;
    bottom: -13px;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    right: -13px;
    z-index: 3;
    background-color: #fff;
}

button.aiViewMoreBtn {
    color: #06f;
    background-color: transparent;
    border-radius: 1.25rem;
    border: 0;
    margin-top: 0.75rem;
}

button.aiViewMoreBtn:hover {
    background-color: #eaf3ff;
}

.border-radius07 {
    border-radius: 0.7rem;
}

.customResourceSuggestion {

    width: 100%;
}

.customActivityList {
    width: 45%;
}

.tabSeAi {
    background-color: #f9f9f9;
}

.tabAi li {
    list-style: none;
}

.tabTxtColor {
    color: #686868;
}

.tabActiveColor {
    color: #06f !important;
    border-bottom: 1px #06f solid;
}

.activityAi {
    background-color: #f8f8f8;
}

.TBIAiBg {
    background-color: #eaeaea;
    font-size: 13px;
    border-radius: 16px;
    padding: 1px 17px;
    text-transform: capitalize;
}

.TBIAiWhiteBg {
    background-color: #ffffff;
    font-size: 13px;
    border-radius: 16px;
    padding: 1px 17px;
    text-transform: capitalize;
}

.estimationTime {
    color: #06f;
}

.borderActivityList {
    border-left: 2px solid #f3a838;
}

.borderActivityBottom {
    border-bottom: 1px #d7d7d7 solid;
}

.circleStatus {
    width: 30px;
    height: 30px;
    background-color: #f5eaff;
    border-radius: 50%;
    text-align: center;
    right: 20px;
    top: 16px;
}

.circleStatus span {
    font-weight: bolder;
    margin-top: 6px;
    display: block;
    font-size: 12px;
    color: #912fe1;
}

.custom-aiActivityList {
    height: 68vh;
    overflow: auto;
}

.bg-lightBlueAi {
    background-color: #e8f2ff;
}

.notStartedTextAi {
    color: #04347b;
}

.customAiuserdrop {
    background-color: #e4efff;
    width: 2.5rem;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.customAiuserdrop img {
    border-radius: 50%;
}

.customuserdropdown {
    position: absolute !important;
    background-color: #1a76ff;
    right: 33px;
    width: 32px;
    text-align: center;
}

.customuserdropdown img {
    height: 33px;
}

.users.k-dropdownlist .k-input-button {
    background-color: transparent !important;
}

.users.k-dropdownlist .k-button-md.k-icon-button>.k-button-icon {
    z-index: -1;
}

ul.aiJobcompleted {
    margin: 0;
    padding: 0;
}

ul.aiJobcompleted li {
    list-style: none;
    line-height: 15px;
}

ul.aiJobcompleted li:nth-child(2) {
    border-right: 1px #ecedee solid;
    border-left: 1px #ecedee solid;
}

.smartAssignBtn {
    padding: 5px 10px;
    background-color: #e4efff;
    align-items: center;
    display: inline-flex;
    border: 1px #e4efff solid;
    border: solid 1px #59a9f2;
    margin-left: 0.5rem;
}

.smartAssignBtn span img {
    width: 23px;
    height: 23px;
    border-radius: 50%;
}

button.smartAssignBtn span {
    color: #06f;
    font-size: 13px;
}

button.smartAssignBtn[readonly] {
    background-color: #F9F9F9;
}

button.smartAssignBtn[readonly] span {
    color: #8D979F;
}

.custom-aismartList {
    height: 65vh;
    overflow: auto;
}

.notAssignedIcon {
    cursor: pointer;
    display: inline-flex;
    align-items: center;
}

.customAismartassign {
    width: 1.8rem;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.smartassignBg {
    background-image: url(https://uat-atomicdesign.rrd.com/go-it/m3/img/svg/smartAI.gif);
    width: 33px;
    height: 33px;
    position: absolute;
    background-size: cover;
    border-radius: 50%;
    left: 0;
    right: 0;
    margin: auto;
}

.shiftSelectAlert {
    position: absolute;
    top: 56px;
    z-index: 2;
    width: 94%;
}

.shiftSelectAlert button.close {
    top: 1px;
    right: 5px;
}

.k-window .k-editor-dialog.k-editor-table-wizard-window .k-tabstrip .k-content .k-form-field-wrap {
    display: flex !important;
    flex-direction: row;
}

.k-window .k-editor-dialog.k-editor-table-wizard-window .k-tabstrip .k-content .k-form-field-wrap .k-dropdownlist {
    min-width: 70px;
    height: 2.428rem;
}

.k-window .k-editor-dialog.k-editor-table-wizard-window .k-root-tabs {
    margin: 0;
}

.k-window .k-editor-dialog.k-editor-table-wizard-window {
    height: 90vh;
    padding-top: 0;
}

.k-window .k-editor-dialog.k-editor-table-wizard-window .k-form .k-form-field {
    width: 46%;
    display: inline-flex !important;
    margin: 0.5rem;
}

.BottomBarRow .k-picker.k-dropdownlist {
    border: solid 1px #99c2ff !important;
    font-family: "NotoSans", sans-serif;
    height: 2.371rem;
    color: #3385ff !important;
}

.BottomBarRow .k-picker.k-dropdownlist span.k-input-inner {
    color: #3385ff !important;
    padding: 0.571rem 16px;
    line-height: 1.2;
    letter-spacing: 0.5px;
    text-align: center;
    height: 2.371rem;
    font-weight: 600;
    font-size: 0.85rem !important;
    text-transform: uppercase;
    background-color: #eef6fe;
    border-right: 1px solid #99c2ff;
}

#UpdateStatusDropdown-list .k-list-item-text {
    font-family: "SourceSansPro", sans-serif;
    font-size: 1rem;
}

#UpdateStatusDropdown-list #UpdateStatusDropdown_listbox li:first-child {
    display: none;
}

.blueCard.reworkAdded .col-2:nth-child(2) {
    flex: 0 0 11%;
    max-width: 11%;
    padding-left: 1rem;
    padding-right: 1rem;
}

.blueCard.reworkAdded .col-2:nth-child(5) {
    flex: 0 0 15%;
    max-width: 15%;
    padding-left: 1rem;
    padding-right: 1rem;
}

.blueCard.reworkAdded .col-2:nth-child(6) {
    flex: 0 0 13%;
    max-width: 13%;
    padding-left: 1rem;
    padding-right: 1rem;
}

.blueCard.reworkAdded .col-2:nth-child(7) {
    flex: 0 0 10%;
    max-width: 10%;
    padding-left: 1rem;
    padding-right: 1rem;
}

.card-field h6 {
    white-space: nowrap;
}

.jobAllocatePage.container-fluid-popup .custom-aipanel {
    height: 100vh;
    top: 0;
}

.jobAllocatePage.container-fluid-popup .custom-aipanel .custom-aipanelList {
    height: 64vh;
}

.custom-aipanelList .fontSize15 p,
.custom-aismartList .fontSize15 p {
    max-width: 10rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.custom-aipanel .notification,
.custom-aismartList .notification {
    font-size: 12px;
    padding-top: 0.5rem;
    color: #ff0004;
}

.text-break {
    word-wrap: break-word !important;
    word-break: break-word !important;
}

span.scrollTopArrow {
    width: 9px;
    height: 13px;
    top: 0;
    right: 0;
    cursor: pointer;
    background-image: url(../img/png/scrolltopArrow.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-color: #fff;
    background-position: 0px 3px;
    padding-top: 3px;
}

span.scrollbottomArrow {
    width: 9px;
    height: 9px;
    bottom: 0;
    right: 0;
    cursor: pointer;
    background-image: url(../img/png/scrollbottomArrow.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-color: #fff;
    padding-bottom: 14px;
}

.overlayBlur {
    top: 0;
    background-color: #000;
    bottom: 0;
    z-index: 10000;
    opacity: 0.5;
    left: 0;
    right: 0;
}

.disableSliderAi {
    border-color: #ddd;
}

span.disableSliderAi.sliderAi::before {
    background-color: #ddd;
}

.disableSliderAi span.aipanelColor {
    color: #ddd;
}

.nestedFrozenColumnGrid.k-grid col.k-hierarchy-col {
    /* width: 5px; */
}

.nestedFrozenColumnGrid.k-grid .k-hierarchy-cell.k-table-td .k-icon,
.nestedFrozenColumnGrid.k-grid .k-hierarchy-cell .k-icon {
    width: 1em !important;
    height: 1em;
}

.nestedFrozenColumnGrid.k-grid .k-table-row td:first-child,
.nestedFrozenColumnGrid.k-grid .k-master-row td:first-child {
    padding: 0 9px !important;
}

.scrollabletab .k-button-flat.k-menu-scroll-button {
    top: 0;
    left: 0;
    display: flex;
    border-color: #d9dbdd !important;
    background-color: #fff !important;
    padding: 0.65rem 0;
    border-width: 0;
    border-radius: 0;
}

.scrollabletab .k-menu-scroll-button-prev {
    border-right-width: 1px !important;
}

.scrollabletab .k-menu-scroll-button-next {
    border-left-width: 1px !important;
}

.JobDetailsPage .leftSideContent .sticky.stickybanner {
    z-index: 9;
}

.scrollabletab .k-button-flat.k-menu-scroll-button {
    position: relative;
}

.k-tilelayout-item-header .k-multiselect .k-chip {
    background-color: transparent;
    border: transparent;
    height: 100%;
}

.k-tilelayout-item-header .k-multiselect .k-chip .k-chip-label {
    height: 100%;
    display: flex;
    align-items: center;
}

.k-tilelayout .k-card .k-card-title svg.expand {
    display: block;
}

.update-data.btn:disabled {
    pointer-events: auto;
}

.jobAllocatePage.container-fluid-popup {
    margin-top: 0 !important;
}

.d-none {
    display: none;
}

.file-type-icon {
    width: 2rem;
}

.k-grid-content .k-table-row .k-table-td .k-checkbox-wrap {
    width: auto !important;
}

.search-control .input-group-text {
    cursor: pointer;
}

body .JobDetailsPage .splitter-pane-content .nav-tabs.form-tabs#jobDetailsTab.sticky {
    /* top: 4.5em !important; */
    width: 67%;
    z-index: 10;
}

.switchAi.disabled {
    pointer-events: none;
}

.switchAi.disabled .sliderAi {
    border: 1px solid #cfcfcf;
}

.switchAi.disabled .sliderAi .aipanelColor {
    color: #cfcfcf;
}

.switchAi.disabled .sliderAi:before {
    background-color: #cfcfcf;
}

.k-grid tbody td {
    padding-block: 0.06rem !important;
    padding-inline: 1.25rem !important;
}

.jobUploadTable .k-grid-content tr td img.w-65 {
    width: 32px;
    height: 38px;
}

.jobAllocate.RjobAllocate .blueCard .row .ActionButtons {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    width: 33.33333333%;
    max-width: 33.33333%;
}

.jobAllocate.RjobAllocate .blueCard .row .ActionButtons a:last-child {
    padding-right: 3.60rem;
}

.k-calendar .k-content td,
.k-timeselector-md .k-time-list .k-item,
.k-timeselector-md .k-time-list-item {
    font-size: 0.875rem;
}

.k-calendar .k-calendar-view {
    margin: 0;
}

.k-calendar-monthview .k-content .k-link {
    height: 1.65rem;
    padding: 0;
    display: inline-flex;
    align-items: center;
}

.k-calendar-monthview .k-calendar-td,
.k-month-calendar .k-calendar-td {
    height: 1.75rem;
    inline-size: 1.75rem;
    block-size: 1.75rem;
}

.k-calendar-monthview .k-content tbody tr {
    height: 2rem;
}

.k-calendar .k-calendar-view,
.k-popup .k-calendar {
    /* width: auto; */
    height: auto;
}

/* .k-time-list-wrapper {
    height: 12rem;
} */
/* .k-datetime-time-wrap .k-time-list-container .k-time-container .k-reset {
    transform: translateY(42px) !important;
} */

.k-datetime-footer.k-actions {
    margin-top: 0;
    padding: 0 1rem 0.5rem 1rem;
}

.k-time-header,
.k-time-selector-header {
    padding: 0 0.75rem;
}

.k-time-header .k-title,
.k-time-header .k-time-now {
    padding: 0 0.5rem;
    font-size: 12px;
}

.k-datetime-footer button,
.k-datetime-footer button:hover {
    height: 2rem;
}

.k-datetime-footer .k-button .k-button-text {
    font-size: 0.875rem;
    font-weight: 600;
}

/* .k-datetime-container .k-datetime-calendar-wrap, .k-datetime-container .k-datetime-time-wrap {
    height: 20rem;
} */
/* .k-calendar-monthview .k-content tbody tr {
    height: 2rem;
}
.k-datetime-container .k-datetime-calendar-wrap, .k-datetime-container .k-datetime-time-wrap {
    height: 16rem;
}

.k-datetime-footer.k-actions {
    padding: 1rem 2rem;
    margin: 0;
}

.k-datetime-footer button {
    height: 2.371rem;
}

.k-datetime-footer .k-button .k-button-text {
    font-size: 0.875rem;
    font-weight: 600;
}

.k-time-header .k-time-now, .k-time-selector-header .k-time-now{
    height: 1rem;
    font-size: 0.875rem;
    font-weight: 600;
}

.k-datetime-container .k-calendar-header .k-button-text,
.k-calendar .k-link{
    font-size: 0.875rem;
}

.k-time-list-wrapper {
    height: 13rem;
} */

.shiftselectionPopup .kendo-dropdown .k-input-button .k-svg-icon svg {
    display: none;
}

.form-control[readonly="readonly"] {
    pointer-events: none;
}

.JobDetailsPage .k-splitter .splitter-pane-content .col-5.pl-0>.smallHeader {
    padding-left: 0.90rem;
}

.k-table-row .k-table-td a.k-svg-icon .k-i-collapse::before {
    content: "" !important;
}

.job-list-tab .expand-collapse-action {
    position: absolute;
    left: -0.75rem;
    top: 0.25rem;
    cursor: pointer;
}

#jobDetailsGrid .expand-collapse-action {
    position: absolute;
    right: -0.15rem;
    top: 0.25rem;
    cursor: pointer;
    display: none;
    background-color: #fff;
    z-index: 99;
}

.k-datetimepicker {
    display: flex;
}

.k-datetimepicker input+button {
    order: 1;
}

.JobDetailsPage .jobDetailsChat {
    height: calc(100vh - 20rem);
}

.k-datetime-container .k-time-list-wrapper {
    height: 180px !important;
}

.k-datetime-container .k-datetime-wrap .k-datetime-buttongroup {
    padding-block: var(--kendo-spacing-1, 0.5rem);
}

.k-datetime-container .k-button-text,
.k-datetime-container .k-calendar-tr {
    font-size: 0.875rem;
}

.k-datetime-container .k-time-container .k-reset {
    transform: translateY(72px) !important;
}

.k-datetime-container .k-datetime-wrap .k-calendar,
.k-datetime-wrap .k-timeselector {
    font-size: 0.875rem;
}

.k-datetime-container .k-calendar-view {
    min-height: 180px;
}

.k-datetime-footer button,
.k-datetime-footer button:hover {
    height: 1.75rem;
}

.gridTable.full-width-table .k-grid-header-table.k-table.k-table-md,
.gridTable.full-width-table .k-grid-table.k-table.k-table-md {
    width: 100% !important;
}

.custom-aipanelList .borderAllocate div.d-flex:not(.fontSize12):nth-child(2) {
    justify-content: space-between;
}

.custom-aipanelList .borderAllocate div.d-flex:nth-child(2) div:nth-child(2) {
    padding-right: 1.5rem;
}

.k-grid-container .k-grid-table td a.b-pop-click img {
    height: 2rem;
}

.JobDetailsPage .card.custom-card {
    box-shadow: -1px 1px 10px 0 rgba(37, 99, 235, 0.10) !important;
    padding: 0;
}

.JobDetailsPage .tab-pane .card.custom-card .custom-card-header {
    border-bottom: 0.5px solid #d9dbdd;
    padding: 1.5rem;
    display: flex;
    justify-content: space-between;
    cursor: pointer;
}

.JobDetailsPage .tab-pane .card.custom-card .custom-card-body {
    padding: 1.5rem;
    /* display: none; */
}

.JobDetailsPage .tab-pane .card.custom-card:first-child .custom-card-body {
    display: block;
}

.JobDetailsPage .tab-pane .card.custom-card .custom-card-header h6 {
    margin-bottom: 0;
}

.JobDetailsPage .tab-pane .card.custom-card .custom-card-header a {
    padding-left: 1rem;
}

.JobDetailsPage .leftSideContent a.expand-all,
.JobDetailsPage .leftSideContent a.collapse-all {
    border-radius: 100px;
    background: #E5F0FF;
    padding: 0.25rem 1rem;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.JobDetailsPage .leftSideContent .accordionAction {
    position: absolute;
    right: 1rem;
}

img.rotated {
    transform: rotate(180deg);
    /* Rotate 180 degrees clockwise */
}

.primaryAiBg {
    min-width: 60px;
}

.custom-aipanel {
    width: 34%;
}

.tooltip {
    z-index: 99999;
}

button.aiViewMoreBtn.newmanualallocatebutton {
    background-color: #fff;
    box-shadow: 0px 4px 8px 1px #C5C5C53D;
    border-radius: calc(infinity * 1px);
    color: #343639;
    display: flex;
    flex-direction: row;
    gap: 8px;
    white-space: nowrap;
    width: fit-content;
}

button.aiViewMoreBtn.newmanualallocatebutton:hover {
    background-color: #EBF3FF;
    color: #0066FF;
}

.notAssignedIcon {
    background-color: #F4F2F6;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 4px;
    border-top-width: 1px;
    border-right-width: 1px;
    border-left-width: 1px;
    font-size: 12px;
    padding: 2px 8px;
    color: #0066ff;
    border-radius: 10px;
}

.notAssignedIcon img {
    height: 12px;
}

.notAssignedIcon:hover {
    background-color: #006AFC14;
    color: #0066FF;
    --color1: #0E3FF2;
    --color2: #239CFF;
}

.assignAiBg {
    display: flex;
    flex-direction: row;
    align-items: center;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-top-width: 1px;
    border-right-width: 1px;
    border-left-width: 1px;
    font-size: 12px;
    padding: 2px 8px;
    background-color: #31C2000F;
    color: #008C2A;
}

input[type="checkbox"].checkbox-disabled:disabled {
    border-color: #d9dbdd;
    cursor: not-allowed;
}

.custom-aipanel .sticky-top.stickySec {
    padding: 0 1rem;
}

.custom-aipanel .sticky-top.stickySec .border-radius07 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.custom-aipanel .custom-aipanelBg {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border: 1px solid #98c3f9;
    border-bottom: none;
}

.custom-aipanel .custom-aipanelBg+.legendAiBgBorder {
    background-color: #d7e4f7;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom: none;
    box-shadow: none;
    border: 1px solid #98c3f9;
    padding-left: 1rem !important;
}

.custom-aipanel .panelHead {
    font-size: 1.25rem;
}

.custom-aipanel .custom-aipanelBg .job-details-coachmark {
    font-weight: 600;
}

.custom-aipanel .custom-aipanelBg .shadowAi {
    box-shadow: unset;
}

.file-history-table tbody tr td:first-child {
    word-break: break-word;
}

@media(min-height: 650px) {
    .shiftselectionPopupAi .contentAi {
        width: 488px;
        height: 270px;
    }
}

.smartassign-coachmoark-button {
    z-index: 1000000;
    top: 1rem;
    right: 15.2rem;
}

@media only screen and (max-width: 600px) {
    .smartassign-coachmoark-button {
        top: 0rem;
        right: 17.2rem;
    }
}

@media only screen and (min-width: 600px) {
    .smartassign-coachmoark-button {
        top: 0rem;
        right: 17.2rem;
    }
}

@media only screen and (min-width: 768px) {
    .smartassign-coachmoark-button {
        top: 0rem;
        right: 17.2rem;
    }
}

@media only screen and (min-width: 992px) {
    .smartassign-coachmoark-button {
        top: 0rem;
        right: 17.4rem;
    }
}

@media only screen and (min-width: 1200px) {
    .smartassign-coachmoark-button {
        top: 1rem;
        right: 16.4rem;
    }
}

@media only screen and (min-width: 1400px) {
    .smartassign-coachmoark-button {
        top: 1rem;
        right: 15.4rem;
    }

    .primaryAiBg {
        min-width: 70px;
    }
}

.resourcelist_scroll {
    margin-bottom: 0.5rem !important;
    border: 1px solid #f5f4f4;
    border-right: none;
}

.resourcelist_scroll .borderAllocate {
    padding: 0.5rem 1rem !important;
}

.resourcelist_scroll .fontBlack.fontSize12 {
    padding-top: 0.10rem !important;
    padding-bottom: 0.75rem !important;
}

.status-ddl {
    max-width: 170px;
}

.status-ddl .k-rounded-md {
    border-radius: calc(infinity * 1px) !important;
}

.status-ddl .k-rounded-md .k-input-inner {
    font-weight: 600;
}

.status-ddl .k-rounded-md .k-input-button {
    background-color: transparent;
    border: none;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%230066FF' stroke-linecap='round' stroke-linejoin='round' strokeWidth='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e") !important;
    background-position: right 0.5rem center !important;
    background-repeat: no-repeat !important;
    background-size: 1.5em 1.5em !important;
    padding-right: 2.5rem !important;
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
    font-size: 12px !important;
}

.status-ddl .k-rounded-md .k-input-button .k-svg-icon {
    display: none;
}

.billingTable .k-edit-cell .k-tooltip-error .k-callout-n{
top: -12px !important;
}

.billingTable .k-edit-cell .k-invalid{
border-color: var(--kendo-color-error, #f31700);
}