@charset "UTF-8";
/***** Base *****/
 @font-face {
  font-family: 'Medium';
  src: local ("Medium");
  src: url('/hc/theming_assets/01J3YZPDC7XX2BFJXQWNBGD2XD');
  src: url('/hc/theming_assets/01J3YZPDC7XX2BFJXQWNBGD2XD').format("truetype");
  font-weight: 500;
  font-style: normal; 
}
 @font-face {
  font-family: 'SemiBold';
  src: local ("SemiBold");
  src: url('/hc/theming_assets/01J3YZPK4E8MBDW2YKT5BY8CRP');
  src: url('/hc/theming_assets/01J3YZPK4E8MBDW2YKT5BY8CRP').format("truetype");
  font-weight: 600;
  font-style: normal; 
}
 @font-face {
  font-family: 'Light';
  src: local ("Light");
  src: url('/hc/theming_assets/01J3YZPDBR7Q4FWYJMK1R0JZH5');
  src: url('/hc/theming_assets/01J3YZPDBR7Q4FWYJMK1R0JZH5').format("truetype");
  font-weight: 300;
  font-style: normal; 
}
 @font-face {
  font-family: 'Bold';
  src: local ("Bold");
  src: url('/hc/theming_assets/01J3YZPGD0DANPE2GE2FM2J5YW');
  src: url('/hc/theming_assets/01J3YZPGD0DANPE2GE2FM2J5YW').format("truetype");
  font-weight: 700;
  font-style: normal; 
}
@font-face {
  font-family: 'Regular';
  src: local ("Regular");
  src: url('/hc/theming_assets/01J3YZPDTHQPNVYPPVB44YRH6E');
  src: url('/hc/theming_assets/01J3YZPDTHQPNVYPPVB44YRH6E').format("truetype");
  font-weight: 400;
  font-style: normal; 
}
/* Global Variable start */
:root {
    --sky_blue: #56AEE1;
    --bright_green: #8FC73E;
    --await: #f06c00;
    --apprvl: #E1311A;
    --turquoise: #43BEAC;
    --dark_green: #0041F0;
    --dark_grey: #9CA3AF;
    --brand_color: #0041F0;
    --font_color: #111827;
}

.font_color {
    color: var(--font_color);
}

.brand_color {
    color: var(--brand_color);
}

.sky_blue {
    color: var(--sky_blue);
}

.bright_green {
    color: var(--bright_green);
}
.dark_grey{
  color: var(--dark_grey);
}

.turquoise {
    color: #43BEAC;
}


.white {
    color: #ffffff;
}

.req_await {
    color: #0041F0;
}

.apprvl-color {
    color: var(--apprvl)
}

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

.font-black {
    color: #111827;
}

/* EEP Branding Color end */
* {
    box-sizing: border-box;
    outline: none !important;
}

a {
    text-decoration: none !important;
    cursor: pointer;
}

ul {
    margin: 0px;
    list-style: none;
    padding: 0px;
}

html {
    scroll-behavior: smooth;
    overflow-x: hidden;
    font-family:Regular;
}

body {
    overflow-x: hidden;
    background-color: #FFFFFF;
    color: #2F3941;
    font-family: Regular !important;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
}

.notification-error {
    color: #DB0A5B;
    margin-left: 9px;
    margin-bottom: 9px;
}

.container-fluid {
    margin: 0px !important;
}

.row.container-fluid {
    padding: 0px;
}

.main-container {
    min-height: 100vh;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    position: relative;
}

.global-header {
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    background-color: white;
    padding: 0px !important;
    min-height: 85px;
    z-index: 5;
}

.global-header>.row {
    width: 100%;
}

.global-header .brand-section .toggler {
    display: none;
}

.brand-section {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    height: 100%;
    padding-left: 0px !important;
}

.brand-section>.row {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
}


.global-header .brand-section a {
    background: #fff;
    width: 100%;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: start;
    //padding: 0px 0px 0px 30px;
     padding:0px 0px 0px 1.9vw;
}

.brand-section .main-logo img {
    height: 20px;
    width: 20px;
    position: relative;
}

.brand-section .toggler {
    margin-right: 16px;
    padding: 0;
}

.brand-section .toggler i {
    font-size: 24px;
    color: #111827;
}

.global-header .search-and-user {
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    height: 100%;
    width: calc(100% - 120px);
    padding: 15px 30px;
    -webkit-box-align: center;
    align-items: center;
}

.toggler.m-search-toggle {
    display: none;
}

.eep_search-box {
    width: 55%;
    border-radius: 50px
}

input::placeholder {
    font-size: 14px;
}

.eep_search-box input,
.eep_search-box input:focus {
    font-size: 16px;
    border: none;
    width: 100%;
    height: 34px;
    outline: none;
}

.eep_search-box .search::before,
.msearch .search::before {
    content: "\f002";
    position: relative;
    font-family: "Font Awesome 5 Pro";
    color: #374151;
    font-size: 18px;
    padding-left: 15px;
    padding-top: 3px;
    font-weight: lighter;
}

.eep_search-box .search {
    display: flex;
    align-items: center;
}

button.btn--topbar,
button.btn--topbar:hover,
button.btn--topbar:focus,
button.btn--topbar:active {
    background-color: #0090da;
    border-color: #0090da;
    color: #fff;
    box-shadow: none;
    border-radius: 30px;
    padding: 6px 20px;
    outline: none;
    margin: 0px 10px;
}

.dropdown-toggle::after {
    color: #fff;
}

button.dropdown-toggle.btn--topbar {
    border: none;
    background: #0041F0;
    border-radius: 2px;
}

.dropdown-menu[aria-expanded="true"] {
    display: block;
    min-width: 100%;
    padding: 5px 0px;
}

.dropdown-menu[aria-expanded="true"] a {
    display: block;
    padding: 5px 15px;
    color: #0041F0;
}

button.dropdown-toggle {
    border: none;
    background: transparent;
    white-space: nowrap;
}

#user .dropdown-toggle:focus,
#user .dropdown-toggle:active {
    box-shadow: none;
}

.main-container .main-content {
    display: flex;
    display: -webkit-box;
    -webkit-box-flex: 1;
    flex-grow: 1;
    display: -webkit-flex;
    padding: 0px 15px;
}

.main-container .main-content>.row {
    -webkit-box-flex: 1;
    flex-grow: 1;
    width: 100%;
}

.main-container .main-content>.row .col-md-1,
.main-container .main-content>.row .col-md-11 {
    height: 100%;
    ;
    padding: 0px;
}

.main-content .main-navigation {
    position: static;
    width: 120px;
    z-index: 5;
    background: #fff;
    box-shadow: 1px 0px 1px rgba(0, 0, 0, 0.1);
    opacity: 1;
    background-color: rgba(255, 255, 255, 1);
    padding: 0px;
}

.brand-section {
    box-shadow: 1px 0px 0px rgba(0, 0, 0, 0.1);
    opacity: 1;
    background-color: white;
}

.main-navigation nav {
    display: flex;
    flex-direction: column;
    align-items: center;
    display: -webkit-flex;
}

.main-content .page-specific-content {
    width: calc(100% - 120px);
    background-color: #fff;
    padding: 40px;
}

.page-specific-content main {
    height: 100%;
}

.main-navigation nav a {
    display: flex;
    color: #111827;
    font-size: 12px;
    padding: 10px 1.5vw 15px;
    border-left: 6px solid transparent;
    text-align: center;
    text-decoration: none;
    width: 100%;
    position: relative;
}

.main-navigation nav a span {
    margin-left: 12px;
    font-weight: 500;
	font-family:Medium;
    font-size: 14px;
    margin-top: 5px;
    white-space: nowrap;
    font-style: normal;
    letter-spacing: -0.25px;
    text-align: left;
    line-height: 20px;
}

.main-navigation nav div {
    width: 100%;
}

.main-navigation nav a:hover {
    cursor: pointer;
}

.main-navigation nav .selected a,.main-navigation nav .hovered a:not(.askAQuestionBG a) {
    border-radius: 4px;
    background-color: #F9FAFB;
    opacity: 100%;
    color: #0041F0;
}

.main-navigation nav a strong {
    font-weight: 400;
    color: white
	font-family:Regular;
}

.main-navigation nav a i {
    font-size: 30px;
    margin-bottom: 10px;
}

section.home-main-content {
    padding: 0px;
}

.home-main-content .hometitlewrap {
    margin-top: 0px;
    white-space: nowrap;
}

.home-main-content .RequestHomeWrapper .anchorWrap:last-child,
.app-3 .my-tiles-items:last-child {
    margin-bottom: 0px;
}

/*footer*/
.main-footer {
    box-shadow: 0px -2px 24px rgba(33, 43, 54, 0.1);
    opacity: 1;
    background-color: rgba(255, 255, 255, 1);
    font-size: 12px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: -0.25px;
    text-align: left;
    line-height: 12px;
    position: relative;
	font-family:Regular;
}

.main-footer .row {
    display: flex;
    align-items: center;
    padding: 20px 10px;
}

.main-footer .menuitem.active a {
    color: #0041F0;
}

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

.footer-logo img {
    max-width: 100%;
    width: 70px
}

.footer-logo-mob img {
    max-width: 100%;
    width: 70px
}

.hometitlewrap {
    width: 100%;
    margin-bottom: 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.mobspotlightbody {
    display: none;
}

.hometitlewrapSpot {
    width: 60%;
  }

.hometitlewrap h3 {
    margin: 0px;
}

/* Main news */
/* Main news */
.homemain_title {
    font-family: "SemiBold";
    font-size: 20px;
    font-weight: 600;
    font-style: normal;
    letter-spacing: -0.35px;
    text-align: left;
    line-height: 28px;
    color: #111827;
    margin-top:0px;
    margin-bottom:0px;
}

.homemain_title .counter {
    font-weight: 400;
    font-family: "Regular"
}

.actionmain_title {
    float: left;
    font-weight: 500;
    font-size: 24px;
	font-family:Medium;
}

.v_all {
    float: right;
    color: #0041F0 !important;
    font-family: "Medium";
    font-size: 12px;
    font-weight: 500;
    letter-spacing: -0.21px;
}


/* Spotlight News starts here */
.SpotlightNews {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    margin-left: 0px;
    margin-right: 0px;
    width: 100%;
}

.spotlighttext {
    border-radius: 8px;
    box-shadow: 0px 2px 32px rgb(0 0 0 / 10%);
    opacity: 1;
    background-color: rgba(255, 255, 255, 1);
    padding:24px !important;
}

.profile-name {
    font-size: 12px;
    font-weight: 500;
    margin-left: 10px;
	font-family:Medium;
}

ul.nav-tabs {
}

ul.nav-tabs li a {
    color: #555;
    font-size: 15px;
    font-weight: 500;
	font-family:Medium;
    border: none;
    border-bottom: 5px solid transparent;
    margin-right: 15px;
}

ul.category-tab-links li a {
    padding: 10px 0px;
}

ul.category-tab-links li a {
    margin-right: 25px;
}

ul.nav-tabs li a.active,
ul.nav-tabs li a:hover {
    background: none;
    border: none;
    border-bottom: 5px solid #111827;
    border-radius: 2px;
    color: #111827
}

ul.nav-tabs li.active a,
ul.nav-tabs li.active a:focus,
ul.nav-tabs li a:hover,
ul.nav-tabs li.active a:hover {
    background: none;
    border: none;
    border-bottom: 5px solid #111827;
    color: #111827;
    border-radius: 2px
}

.articles-list_item {
    margin-bottom: 5px;
}

.articles-list_item p {
    margin: 0px;
}

.articles-list_item a,
.articles-list_item a:hover {
    color: #111827;
}

.breadcrumbheader.nosubs {
    padding: 0px 0px 20px 0px;
}

.breadcrumbs {
    list-style: none;
    padding: 0px;
    font-size: 14px;
    margin:0px;
}

.breadcrumbs li {
    display: inline;
    font-weight: 500;
	font-family:Medium;
}

.breadcrumbs li a {
    color: #111827 !important;
    font-weight: 500;
    font-family: "Medium";
    letter-spacing: -0.23px;
    line-height: 20px;
}

.breadcrumbs li:last-child {
    font-weight: 400;
    color: #9CA3AF;
    font-family: "Regular";
}

.breadcrumbs li+li::before {
    content: '\\';
    margin: 0 4px;
    font-weight: 500
	font-family:Medium;
}

.breadcrumb-title {
    font-size: 24px;
    margin: 0px;
}

.mtm-breadcrumb-title {
    margin-bottom: 15px;
    margin-top: 10px;
}
.breadcrumb-taps {
    display: flex;
    margin: 0;
    background-color: #ffffff;
    padding: 0;
}

.breadcrumb-taps.sub-taps {
    background: transparent;
    margin-bottom: 15px;
}

.breadcrumb-taps .nav-item.active a,
.breadcrumb-taps .nav-item[aria-selected="true"] a {
    color: #111827 !important;
}

.breadcrumb-taps .nav-item a {
    background-color: transparent;
    padding: 20px 0px;
    font-weight: 500;
    margin-right: 40px;
    position: relative;
    color: #6B7280;
    font-family:Medium;
    letter-spacing: -0.25px;
    line-height: 14px;
}

.breadcrumb-taps .nav-item a:hover,
.breadcrumb-taps .nav-item a:focus {
    background: transparent;
}

.breadcrumb-taps .nav-item a:after {
    content: "";
    height: 3px;
    background-color: #111827;
    display: block;
    border-radius: 3px 3px 0 0;
    position: absolute;
    bottom: -1px;
    right: -3px;
    left: -3px;
    opacity: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.breadcrumb-taps .nav-item.active a:after,
.breadcrumb-taps .nav-item[aria-selected="true"] a:after,
.breadcrumb-taps .nav-item:hover a:after {
    opacity: 1;
    color: #111827;
}

.body-list {
    padding: 0px 20px;
}

.body-list_hm {
    padding: 10px 5px;
}

.card-list-item,
.tiles-round-list {
    position: relative;
    padding: 16px 16px 16px 16px;
    background-color: #fff;
    display: flex;
    margin-bottom: 16px;
    overflow: hidden;
    transition: transform 0.3s, box-shadow 0.3s, -webkit-transform 0.3s;
    color: #111827;
    max-height: 200px;
}

.card-list-item:before {
    content: "";
    width: 8px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    overflow: hidden;
}

.card-list-item:hover,
.tiles-round-list:hover {
    transform: scale(1.01);
    box-shadow: 0px 2px 35px 0px rgb(0 0 0 / 10%);
    transition: transform .3s, box-shadow .3s;
}

.card-list-item[data-color="blue"]:before {
    background-color: #0041F0;
}

.cards-list>* {
    border-radius: 8px;
    border-left: 0px;
}

.cards-list-all>* {
    border-radius: 8px;
}

.card-list-item .title {
    font-size: 18px;
    color: #111827;
    font-weight: 500;
	font-family:Medium;
}

.card-list-item .created_at {
    float: right;
}

.card-list-item .body {
    color: #111827;
    line-height: 21px;
    max-height: 40px;
    overflow: hidden;
    margin-top: 10px;
}

/*My Document*/
.request-sidebar {
    font-family: Medium;
    font-size: 14px;
    font-weight: 500;
    padding: 24px 30px;
}

.request-sidebar dt {
    font-family: Medium;
    color: #0090da;
    font-weight: 500;
}

.request-sidebar dd {
    padding: 0px;
    color: #111827;
}

.request-sidebar .list-unstyled.attachment-list {
    display: none;
}

.request-table-filters input,
#myInput {
    width: 320px;
    height: 40px;
    padding: 8px 12px;
    border-radius: 4px;
    border: 1px solid #ccc;
    box-shadow: none;
    margin-bottom: 20px;
}

.request-table-filters__item select {
    height: 32px;
    padding: 5px 12px;
    border-radius: 4px;
    border: 1px solid #ccc;
    font-size: 12px;
    font-weight: 500;
    box-shadow: none;
	font-family:Medium;
}

.myticketitem a:hover,
.myticketitem:hover,
.myticketitem:focus,
.card-list-item a:hover,
.card-list-item:hover,
.card-list-item:focus {
    color: #111827;
}

#todo .myticketitem {
    cursor: pointer;
}

#mydoc a {
    font-weight: 500;
    color: #111827;
	font-family:Medium;
}

.myticketitem span,
#mydoc span {
    margin-right: 15px;
}

#mydoc label {
    color: #6B7280;
    padding-right: 10px;
    font-weight: 500;
	font-family:Medium;
}

.downloadico {
    font-size: 40px;
    color: #0041F0;
    right: 20px;
    position: absolute;
    top: 25%;
}

.downloadico i {
    font-weight: 500;
}

.docclick,
.ccclick {
    cursor: pointer;
}

.todo_icon {
    position: absolute;
    right: 10px;
    top: 30%;
}

.todo_icon i {
    font-size: 36px;
    color: #0041F0;
}

/*my Request*/

.my-activities-item {
    display: flex;
    align-items: center;
    flex-grow: 1;
    background-color: white;
}
.myticketitem,.w-100 {
    width: 100%;
}
.card-list-item:last-child{
  margin:0px;
}
.cards-list .card-list-item.status-border-request:before {
    background-color: #111827;
}
.todotop {
    width: 90%
}

.ticdetails {
    margin-top: 2px;
}

.ticdetails span {
    margin-right: 15px;
    font-weight: 500;
	font-family:Medium;
}

.ticdetails span label {
    color: #6B7280;
    padding-right: 5px;
    font-weight: 500;
	font-family:Medium;
}

span.statustxt {
    text-transform: capitalize;
}
.ticketdetailwrap .ticdetails {
    padding: 10px 0px 20px 0px;
}

.request-table-filters {
    display: flex;
    justify-content: space-between;
}

.request-table-filters label {
    font-weight: 500;
    margin-right: 15px;
	font-family:Medium;
}

.ticketdetailwrap .ticid {
    font-size: 20px;
    font-weight: 700;
    display: inline-block;
	font-family:"Bold";
}

.app-3 img {
    width: 32px;
    height: 32px;
}

.app-3 .my-apps-description-title {
    padding-left: 10px;
    font-size: 17px; 
    font-family: "SemiBold";
    font-weight: 600;
    letter-spacing: -0.35px;
    line-height: 22px;
    text-align: left;
    white-space: nowrap;
  	cursor:pointer;
}

.app-3 .card-list-item {
    height: auto;
}

.my-apps-description-home p {
    margin-bottom: 0px;
}

.ticketdetailright {
    box-shadow: 0px 2px 32px rgba(0, 0, 0, 0.1);
    opacity: 1;
    background-color: rgba(255, 255, 255, 1);
    border-radius: 10px;
}

.pagination {
    float: right;
}

.pagination * {
    display: inline-block
}

li.pagenumdisabled {
    display: none !important;
}
.pagination-list a{
    border-radius: 3px;
    border: 1px solid #9CA3AF !important;
    opacity: 1;
    background-color: #fff;
    color: #111827 !important;
    font-size:28px;
    font-family: 'Regular';
    margin-left: 8px;
    line-height:0px;
    width:32px;height:32px;

}
.pagination-last-icon,.pagination-next-icon,.pagination-first-icon,.pagination-prev-icon{padding-top:40%;}
.paginationcol .pagination-list a{padding-top:30%;}
/***** OOB Pagination *****/
.pagination {
    margin: 20px 0;
    text-align: center;
}

.pagination-next,
.pagination-prev,
.pagination-first,
.pagination-last {
    display: inline-block;
}
.pagination-first-text,
.pagination-last-text,
.pagination-next-text,
.pagination-prev-text {
   display:none;
}


[dir="rtl"] .pagination-next-link {
    padding-left: 10px;
}

[dir="rtl"] .pagination-prev-link {
    padding-right: 10px;
}

/*OOB Pagination*/
.ticketdetailright {
    background: #fff;
}

.ticket_detail_wrap {
    display: flex;
    height: 100%;
}

fieldset.border.p-2 {
    margin-bottom: 20px;
    font-weight: 500;
    color: #111827;
	font-family:Medium;
}

.form2>p,
.comment-form__body>p,
.heading_progress,
.heading_comment,
fieldset legend.w-auto {
    font-weight: 500;
    font-size: 18px;
    border: none;
}

.heading_comment,
fieldset legend.w-auto {
    margin-bottom: 20px;
}

fieldset hr {
    margin: 3px;
    border-top: none;
}
.f-left{float:left;}
.comment-form__avatar,
.entry-info__avatar {
    float: left;
    margin-right: 20px;
}

.comment-form__avatar img,
.entry-info__avatar img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

.comment-form__body {
    display: inline-block
}

.comment-form__body textarea {
    width: 60%;
    height: 100px;
    resize: none;
}

.comment-form__attachments {
    margin: 15px 0px;
}

.comment-form__attachments a {
    color: #111827;
}

.comment-form__attachments span {
    color: #111827;
}

.comment-form__body label,
.comment-form__attachments label {
    margin-bottom: 15px;
    font-weight:600;
}

.comment-form__controls {
    margin-bottom: 15px;
    display: flex;
    justify-content: end;
}

.comment-form__controls input[type="submit"],
.comment-form__controls input[type="submit"]:hover {
    border: none;
    border-radius: 20px;
    background: #111827;
}

.comments__list {
    padding: 0px;
    margin: 0px;
    list-style: none;
}

.comment-form {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.comment-form__avatar {
    float: left;
    margin-right: 20px;
}

.comment-form__body {
    float: left;
    margin-top: 15px;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: -0.35px;
    line-height: 20px;
}

.comment-form__attachments {
    float: left;
    margin: 20px 0px;
    width: 100%;
}

.entry-info__avatar {
    float: left;
    margin-right: 10px;
}

.entry-info__content {
    font-family: Regular;
    font-size: 12px;
    font-weight: 400;
    padding: 15px 0px;
}

.entry-info__content .author {
    font-size: 16px;
    font-weight: 600;
}

.comment__body {
    float: left;
    width: 100%;
    margin: 10px 0px;
    font-size: 12px;
    font-family: Medium;
}

.list-unstyled.attachment-list {
    display: inline-block;
    margin-bottom: 5px;
}

.list-unstyled.attachment-list a,
.list-unstyled.attachment-list a:hover,
.list-unstyled.attachment-list a:visited {
    color: #0041F0;
}

li.comment .comment__body {
    margin: 5px 0px;
}

li.comment .comment__body p {
    margin-bottom: 0px;
}

li.comment {
    float: left;
    width: 100%;
    border-bottom: 1px solid #ccc;
    padding: 10px 0px 5px 0px;
    list-style-type: none !important;
}

/*My Dashboard*/
.header_top_wrap {
    background: #fff;
    display: flex;
    justify-content: space-between;
    padding: 0px 30px 10px 30px;
}

#head_task_left {
    width: 60%;
}

.main_usr {
    display: flex;
    justify-content: space-between;
}

.taskwrap {
    margin: 10px;
    width: 22.5%;
    float: left;
    position: relative;
    transition: all 0.5s ease;
    box-shadow: 0 2px 8px 0 rgb(0 0 0 / 5%);
    border: 1px solid #f2f2f2;
    border-radius: 6px;
}

.taskwrap:hover {
    transform: translateY(-12px) translateZ(0) scale(1);
}
.taskwrap a,
.taskwrap a:hover,
.taskwrap a:visited,
.taskwrap a:link {
    display: block;
    color: #53565a;
    position: relative;
    background: #fff;
    width: 100%;
    float: left;
    font-family: Medium;
    color: #53565a;
    font-weight: 400;
}

.taskwrap a span {
    font-weight: 500;
}

.pending_task_hm_detail {
    cursor: pointer;
}

.taskinnerwrap {
    display: block;
    color: #53565a;
    position: relative;
    background: #fff;
    height: 240px;
    width: 100%;
    float: left;
    padding: 0 15px;
    font-family: Medium;
    color: #53565a;
    font-weight: 500;
    border-radius: 8px;
    box-shadow: 0px 2px 32px rgba(0, 0, 0, 0.1);
    opacity: 1;
    background-color: rgba(255, 255, 255, 1);
}
.tasktitle {
    font-family: Medium;
    font-size: 15px;
    padding-bottom: 10px;
    width: 100%;
    height: 40%;
    font-weight: 500;
    line-height: 18px;
}

.completed_task i,
.to_complete_task i {
    color: #3ac60c;
    font-size: 16px;
    margin-right: 3px;
}

.completed_task,
.to_complete_task,
.to_notstarted_task,
.pending_task {
    display: flex;
    align-items: center;
    margin-top: 10px;
}


.completed_task span,
.to_complete_task span,
.to_notstarted_task span,
.pending_task span {
    position: relative;
    left: 5px;
}
.ob_to_complete {
    margin-top: 10px;
}

.to_notstarted_task i,
.pending_task i {
    color: #dbd400;
    font-size: 16px;
    margin-right: 3px;
}
.taskdue {
    font-size: 13px;
    margin-top: 5%;
}

.taskdue label {
    padding-right: 5px;
}

.taskdue label {
    color: #53565a;
}

.taskicon {
    margin-bottom: 10px;
}

.taskicon i {
    color: #56AEE1;
    font-size: 36px;
}
.taskicon.flagIcon i:before {
    display: inline-block;
    height: 40px;
    width: 40px;
    content: "";
    background: url('$assets-flag-png') no-repeat 0 0;
    background-size: contain;
}

.taskicon.flagIcon i:before {
    display: inline-block;
    height: 35px;
    width: 35px;
    content: "";
    background: url('$assets-flag_icon-png') no-repeat 0 0;
    background-size: contain;
}

.onboarding {
    justify-content: space-between;
    display: flex;
    align-items: center;
}


.round-counter {
    width: 66px;
    height: 66px;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
    border: 5px solid white;
    border-radius: 100%;
    box-shadow: 0px 0px 20px -7px grey;
}

.round-counter span {
    position: absolute;
    font-size: 14px;
    font-weight: 700;
    z-index: 1;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    font-family: Bold !important;
}

.round-counter-info {
    font-size: 14px;
    font-weight: 500;
    padding-top: 10px;
}

.round-counter circle {
    width: 100%;
    height: 100%;
    fill: none;
    stroke: #ececec;
    stroke-linecap: round;
}

.round-counter circle:nth-child(1) {
    stroke-width: 10px;
}

.round-counter.blue circle:nth-child(2) {
    stroke: #56aee1;
}

.round-counter.green circle:nth-child(2) {
    stroke: #8fc73e;
}

.round-counter svg {
    transform: rotate(-90deg);
    width: 63px;
    height: 63px;
}

.round-counter circle:nth-child(2) {
    stroke-dasharray: 169;
    stroke-dashoffset: 169;
}

.NJActivitiesDetail,
.ChecklistDetail {
    display: flex;
    align-items: center;
    width: 200px;
}

#preboarding_activities_ob_user,
#checklist_activities_ob_user {
    width: 200px;
}

#dashboard_details_of_users {
    display: none;
}

#dashboardTable_table thead tr {
    display: flex;
    width: 100%;
}

#dashboardTable_table th {
    text-align: center;
    font-weight: 500;
    padding: 8px 0px;
    min-width: 14%;
    width: 100%;
    text-transform: uppercase;
	font-family:Medium;
}

#dashboardTable_table td {
    min-width: 14%;
    justify-content: center;
    display: flex;
    align-items: center;
    width: 100%;
}

#dashboard_record_view {
    border-radius: 8px;
    padding: 8px;
    cursor: pointer;
    background: #fff;
    margin-bottom: 20px;
    display: flex;
    transition: all 0.5s ease;
    box-shadow: 0 2px 8px 0 rgb(0 0 0 / 5%);
    border: solid 1px #f2f2f2;
}

#dashboard_record_view:hover {
    transform: scale(1.01);
}

.details_name_rec.doc_name {
    width: 100%;
    text-align: left;
}

.details_name_rec {
    font-family: Graphik;
    font-size: 15px;
    color: #111827;
    text-transform: capitalize;
    padding: 5px 0px;
    font-size: 14px;
}

#name_ob_user {
    width: 250px;
    text-align: left;
    padding-left: 0px;
}

#name_details {
    width: 250px;
    height: 100%;
    float: left;
    line-height: 22px;
}

.name_record {
    color: #111827;
    font-size: 15px;
    font-family: Bold;
    font-weight: 700;
}

.role_record {
    font-family: Graphik;
    font-size: 13px;
    color: #81939d;
}

#email_rec {
    color: #0041F0;
    font-size: 13px;
    font-family: Medium;
}

.contact_rec {
    color: #81939d;
    font-size: 13px;
    font-family: Medium;
}

.location_user {
    text-transform: capitalize;
}

.progress_bar_dash {
    display: inline-block;
    position: relative;
    text-align: center;
    vertical-align: top;
    float: left;
    width: 63px;
    margin-right: 20px;
}

#name_sort {
    padding-right: 10px;
}

#strt_dte {
    padding-right: 10px;
}

#loc_det {
    padding-right: 10px;
}

#border_dash {
    box-shadow: 0 2px 8px 0 rgb(0 0 0 / 5%);
}

#border_dash ul {
    padding: 0px 30px
}

/*Task displayed in details view page*/

.to_complete_task {
    font-size: 15px;
    font-weight: 500;
    font-family: Graphik, sans-serif;
    white-space: nowrap;
}


.name_rec_db {
    text-transform: capitalize;
}


.line-counters {
    float: right;
    padding: 10px;
}

.line-counters>div {
    float: left;
    width: 100%;
    clear: both;
}

#newToEEPProgresBar {
    height: 22px;
    width: 180px;
}

#progresBar {
    height: 22px;
    width: 270px;
}


.acttitle {
    font-family: Medium;
    font-size: 14px;
    color: #111827;
    padding-bottom: 2px;
}
.item:hover {
    transform: scale(1.05);
}
.GrowingTitle {
    font-size: 24px;
    font-family:Semibold;
}
.moments_modal .modal_body {
    max-height: 530px;
    padding: 2rem;
}

.moments_modal .Tabtitle {
    font-size: 16px;
    padding-bottom: 30px;
    font-weight: 800;
}

.moments_modal .RadioWrapper {
    display: flex;
    flex-direction: column;
    font-size: 12px;
}

.moments_modal input[type="radio"] {
    margin-bottom: 5px;
    margin-right: 10px;
    outline: none !important;
}

.checkmark {
    position: absolute;
    left: 15px;
    height: 15px;
    width: 15px;
    background-color: #fff;
    border: 1px solid #111827;
    border-radius: 50%;
    margin-bottom: 15px;
    margin-right: 10px;
    margin: 3px 0 0;
}

.popupbuttonright {
    text-align: center;
    color: #fff;
    width: 10%;
    padding: 7px;
    font-size: 14px;
    float: right;
    background-color: #efeff1;
    border-radius: 25px;
    cursor: default;
}

.popupbuttonleft {
    text-align: center;
    color: white;
    float: left;
    width: 10%;
    padding: 7px;
    font-size: 14px;
    cursor: pointer;
    background-color: #111827;
    border-radius: 25px;
    margin-right: 10px;
}
.activebutton {
    text-align: center;
    color: #fff;
    width: 10%;
    padding: 7px;
    font-size: 14px;
    cursor: pointer;
    float: right;
    background-color: #111827;
    border-radius: 25px;
}

input:checked~.checkmark {
    margin: 3px 0 0;
}

.moments_modal .modal_body {
    padding: 20px;
}

.moments_modal .checkmark:after {
    content: "";
    position: absolute;
    display: none;
    top: 1px;
    left: 1px;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: #111827;
}

.radiobuttons_label {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -0.25px;
    line-height: 14px;
    position: relative;
	font-family:Medium;
}

.radiobuttons_label input:checked~.checkmark:after {
    display: block;
    outline: none !important;
}

.radiobuttons_label .checkmark:after {
    content: "";
    position: absolute;
    display: none;
    top: 1.2px;
    left: 1.2px;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: #111827;
}

.radiobuttons_label .radiobuttons {
    margin-right: 5px;
}

.radiobuttons_label .checkmark {
    left: -2px;
}

#progressbar {
    margin-bottom: 30px;
    overflow: hidden;
    color: lightgrey;
    z-index:0;
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

#progressbar .active {
    color: #111827;
}

#progressbar li {
    list-style-type: none;
    font-size: 14px;
    width: 60px;
    position: relative;
    font-weight: 500;
    color: #9CA3AF;
    font-family: Medium;
}


#progressbar li:before {
    font-family: 'Font Awesome 5 Pro';
    ;
    content: "\f057";
    width: 50px;
    height: 50px;
    line-height: 45px;
    display: block;
    font-size: 28px;
    font-weight: normal;
    color: #9CA3AF;
    border-radius: 50%;
    padding: 2px
}

#progressbar li.active:before {
    font-family: 'Font Awesome 5 Pro';
    ;
    content: "\f058";
    color: #018EFF;
}

#msform {
    z-index: 0;
    position: relative;
}

#progressbar .tabfinal row {
    max-height: 140px;
}

#progressbar li:after {
    content: '';
    width: calc(60vw / 4);
    height: 2px;
    background: #9CA3AF;
    position: absolute;
    left: 26px;
    top: 25px;
    z-index: -1;
}

#progressbar li:nth-child(4)::after {
    height: 0px;
}

.moments_modal close {
    font-size: 35px;
    color: #111827;
    opacity: 1;
}

.modal-body {
    padding: 2rem;
    max-height: 450px;
}

.GreetingWrapper .content {
    font-size: 14px;
    font-weight: 400;
	font-family:Regular;
}

.modalWrapper h3 {
    font-size: 20px;
    font-weight: 600;
    letter-spacing: -0.35px;
    line-height: 24px;
}

.modalWrapper .Tabtitle {
    font-size: 24px;
    font-weight: 600;
    line-height: 22px;
    letter-spacing: -0.25px;
  margin-bottom:24px;
    white-space:nowrap;
}

.moments_modal .modal-body {
    padding: 20px;
}

.TaskHeading{
    font-family: 'Bold';
    padding-bottom: 8px;
    display: block;
    font-size:16px;
}
.SubHeadingTask{
    font-size: 14px;
    font-family: "Medium";
    color: #6b7280;
}
.actionRec,.actionRec:hover {
    font-family: 'Regular';
    color: rgba(55,65,81,1);
    font-size: 12px;
    margin-bottom:8px;
}
.actinRecOuter i{font-size:14px;}
.actinRecOuter{margin-bottom:10px;}
.moments_modal .close,
#priv_modal .close,
#cont_modal .close,
#terms_modal .close {
    font-size: 32px;
    opacity: 1;
    font-weight: 500;
	font-family:Medium;
}

.modal-open .modal {
    overflow: hidden !important;
}

.ques-img {
    height: 212PX;
    width: 143PX;
    position: relative;
    top: -25%;
    right: 30px;
}

.tab3exit {
    font-size: 14px;
    font-family: "Medium";
    letter-spacing: -0.25px;
    line-height: 18px;
    font-weight: 500;
}

#tab3 .ques-img {
    top: -24.5%;
/*    height: 112PX; */
  display:none;
}

#tab3 .Tabtitle {
    line-height: 25px;
    padding-bottom: 20px;
}

#tab3 .RadioWrapper p {
    margin-bottom: 0px;
}

.info-spl {
    font-size: 15px;
    font-weight: 400;
    color: #0041F0;
    position: absolute;
    margin-left: 2px;
    margin-top: 3px;
	font-family:Regular;
}

.info-spl-prompt {
    display: none;
    color: #111827;
    font-size: 14px;
    background: #fff;
    box-shadow: 0px 0px 22px #dfdddd;
    transform: translate(0);
    padding: 10px;
    border-radius: 5px;
    z-index: 10;
    top: -100px;
    position: relative;
    /* right: 0px; */
    width: 100%;
    line-height: 18px !important;
    letter-spacing: -0.25px;
}

.info-spl:hover .info-spl-prompt {
    display: block
}
.nav-tabs li.subsectab a {
    font-size: 16px;
}

.nav-tabs li.subsectab a.active {
    color: #0041F0;
}

.tab-content ul {
    list-style: disc;
    padding-left: 20px;
}

div.subsectabpane {
    padding: 20px 0px;
    font-size: 16px;
}

.section-articles-item__link .summary {
    font-size: 16px;
}

.section-articles-item__link .summary p {
    margin-bottom: 5px;
}
input[type="submit"],
input[type="submit"]:hover {
    padding: 10px 20px;
    border: none;
    border-radius: 20px;
    background: #111827;
    color: #fff;
  margin-top:10px;
}


.section-articles__title,.searchbox h2 {
    color: #111827;
    padding: 0 0 24px 0;
    border-bottom: 1px solid #D1D5DB;
    margin: 0px;
    font-family: "Semibold";
    font-weight:600;
    font-size: 16px;
    letter-spacing: -0.35px;
    line-height: 20px;
}

.section-articles__title a,
.section-articles__title a:hover {
    color: #0041F0;
}

.section-articles__item {
    border-bottom: 1px solid #D1D5DB;
    padding:24px 0px;
}
.articledate {
color: rgba(107,114,128,1);
font-family: "Medium";
font-size: 12px;
font-weight: 500;
letter-spacing: -0.25px;
line-height: 16px;
margin-bottom:16px;
}

.articletitle {
    font-size: 14px;
    font-family: Medium;
    color: #111827;
    font-weight: 600;
    margin-top: 0px;
    margin-bottom:4px;
}

.articlesummary {
    opacity: 1;
    color:#111827;
    font-family: "Regular";
    font-size: 12px;
    font-weight: 400;
    letter-spacing: -0.25px;
    line-height: 16px;
}

.articlesummary a {
    color: #0041F0;
}

.section-articles__item:last-child {
    padding-bottom: 0px;
    border-bottom: none;
}
.flexdisplay {
    display: flex;
    height: 100%;
}

.article-sidebar {
    box-shadow: 0 2px 8px 0 rgb(0 0 0 / 5%);
}

.page-sidebar {
  box-shadow: 0px 2px 32px rgba(0,0,0, 0.1);
  background-color:#fff;
  border-radius:8px;
}
.tabfinal {
    display: none;
}

.tabfinal.active {
    display: block;
}

.article {
    padding: 0px 15px;
    float: left;
}

.article__body {
    font-size: 14px;
    font-family: 'Regular';
    line-height: 18px;
    letter-spacing: -0.25px;
}
.article__body img{width:90%;}
.article__body .acc-title{
  font-size:16px;
  font-family:'Medium';
}
.article-meta {
    font-size: 12px;
    font-family: Regular;
    color: #6B7280;
    padding: 0px 0px 15px 0px;
    font-weight: 500;
}

.article__body h2 {
    font-size: 24px !important;
}
.tabs1 {
    height: 5px;
    width: 110px;
    font-size: small;
    float: left;
    margin-left: 38px;
    border-radius: 3px;
    background-color: lightgrey;
}


.form-group {
    min-height: 230px;
    font-family: Medium;
}

.taskinnerwrap.ob_completed {
    margin-top: 15px;
}


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

.modal-body a,
.modal-body a:hover,
.modal-body a:visited,
.modal-body a:focus {
    font-family: Medium !important;
    font-size: 14px;
    font-weight: 400;
    color: #01bbff;
}

/*New joiner starts here*/
/***** Forms *****/
.form {
    max-width: 100%;
}

.form-field~.form-field {
    margin-top: 25px;
    float:left;
    width:100%;
}

.form-field label {
    display: block;
    font-size: 14px;
    margin-bottom: 10px;
    font-family: Bold;
    font-weight: 700;
}

.form-field input {
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 10px;
    width: 100%;
}

.form-field input:focus {
    border: 1px solid #0072EF;
}

.form-field input[type="text"] {
    border: 1px solid #ddd;
    border-radius: 4px;
}

.form-field input[type="text"]:focus {
    border: 1px solid #0072EF;
}

.form-field input[type="checkbox"] {
    width: auto;
    margin: 2px 0 0;
}

.form-field .nesty-input {
    border-radius: 4px;
    height: 40px;
    line-height: 40px;
    outline: none;
    vertical-align: middle;
}

.form-field .nesty-input:focus {
    border: 1px solid #0072EF;
    text-decoration: none;
}
.nesty-input::after {
    content: "\f0d7";
    font-family: 'Font Awesome 5 Pro';
    font-weight:700;
}
.form-field .hc-multiselect-toggle:focus {
    outline: none;
    border: 1px solid #0072EF;
    text-decoration: none;
}

.form-field textarea {
    vertical-align: middle;
}

.form-field input[type="checkbox"]+label {
    margin: 0 0 0 10px;
}

.form-field.required>label::after {
    content: "*";
    color: #f00;
    margin-left: 2px;
}

.form-field .optional {
    color: #666;
    margin-left: 4px;
    display: none;
}

.form-field p {
    color: #666;
    font-size: 12px;
    margin: 5px 0;
}

.bodycontent {
    margin-top: 10px;
    margin-bottom: 20px;
}

.form-field.formcusfield {
    width: 100%;
    max-width: 100%;
    margin-top: 10px;
}

.form-field.formcusfullfield {
    width: 100%;
    max-width: 100%;
    margin: 10px 0px 20px 0px;
    float: left;
    position: relative;
}

.form-field.formcusfullfield label {
    position: absolute;
    left: 20px;
}

.form-field.formcusfullfield_ob_latam {
    width: 100%;
    max-width: 100%;
    margin: 8px 0px;
    float: left;
    position: relative;
    min-height: 30px;
}


[data-loading="true"] input,
[data-loading="true"] textarea {
    background: transparent url(//theme.zdassets.com/theme_assets/9610266/6aae8ce36967837f706ac36deff4b753e43977a4.gif) 99% 50% no-repeat;
    background-size: 16px 16px;
}

.form footer {
    padding: 30px 0px;
}

.form footer a {
    color: #666;
    cursor: pointer;
    margin-right: 15px;
}

/*Suggested articles hidden during ticket form submission starts here*/
.form .suggestion-list {
    position: absolute;
    bottom: 0;
    right: 0;
    top: 113px;
    padding: 74px 20px;
}

.form .suggestion-list li {
    padding-bottom: 10px;
}

.form .suggestion-list a {
    color: #0041F0;
}

.articleSuggest {
    float: right;
    display: flex;
}

.form .suggestion-list label {
    font-size: 16px;
}

.form .suggestion-list ul li {
    list-style: disc;
    margin-left: 15px;
}

.form .suggestion-list li a:visited {
    color: #3318d8;
}
.suggestion-list .searchbox{
    border-radius: 8px !important;
    box-shadow: 0px 2px 32px rgba(0, 0, 0, 0.1) !important;
    opacity: 1 !important;
    background-color: rgba(255, 255, 255, 1) !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
    padding-top: 24px !important;
    padding-bottom: 24px !important;
    max-height:812px;
    overflow:auto;
    width:764px;
}
.searchbox .searchbox-suggestions li{
    padding: 16px 0px;
    border-bottom:1px solid #E5E7EB;
}
.searchbox .searchbox-suggestions li a{
    color: #0041F0;
    font-family: "Medium";
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -0.31px;
    line-height: 20px;
}
/*Suggested articles hidden during ticket form submission ends here*/

.request-form textarea {
    min-height: 120px;
    resize: none;
    width: 100%;
}

.form input[type="submit"],
.form input[type="submit"]:hover {
    color: #fff;
    font-weight: bold;
    background-color: #0041F0;
    border: none;
    border-radius: 3px;
    padding: 9px 30px 11px 30px;
    font-size: 14px;
    font-size: 14px;
    min-width: 140px;
}

.request-form textarea {

    border-radius: 4px;

}

.request_cc_emails {
    display: none;
}

.request_ticket_form_id {
    display: none;
}

.request_cc_emails ul {
    border-radius: 4px;
}

.upload-dropzone {
    border-radius: 4px;
    justify-content: flex-start;
    align-items: center;
}

.upload-dropzone span {
    color: #111827;
    padding: 25px;
}

.upload-dropzone span a {
    color: #0041F0;
}

.upload-dropzone {
    border: 1px solid rgba(229, 231, 235, 1);
    opacity: 1;
    background-color: rgba(249, 250, 251, 1);
}

.readmore,
.readmore:hover {
    color: #0090da;
    cursor: pointer;
}

.articlewrapper a {
    cursor: pointer;
}

.upload-item {
    font-weight: 500;
	font-family:Medium;
}

.upload-item .upload-link {
    width: 79%;
}

/*My Request badge count starts here*/
#tickcount_act,
#tickcount_req {
    position: absolute;
    width: 24px;
    height: 15px;
    padding: 0;
    text-align: center;
    border-radius: 25px;
    line-height: 15px;
    font-size: 10px;
    margin-left:4px;
}

#tickcount_act {
    background: #f5d7d7;
    color: #E11D48;
}

#tickcount_req {
    background: #e6e3f3;
    color: #0041F0;
}

/*My Request badge count starts here*/
/*approvals Detail*/
.option-input.fielddata {
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    position: relative;
    top: 10.33333px;
    right: 0;
    bottom: 0;
    left: 0;
    height: 30px;
    width: 30px;
    transition: all 0.15s ease-out 0s;
    background: transparent;
    border: 2px solid #d2d2d2;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    margin-right: 4px;
    outline: none;
    position: relative;
    z-index: 1;
    outline: none;
}

.applabel.labeldata {
    display: inline-block
}

.applabel {
    font-family: Bold;
    font-size: 16px;
    margin-right: 20px;
    text-transform: uppercase;
    font-weight: 700;
}

.applabel.approve {
    color: #5db918;
}

.applabel.reject {
    color: #e82020;
}

textarea.userview {
    height: 110px;
    margin-top: 13px;
    font-weight: 200;
    display: flex;
    margin-bottom: 10px;
    width: 100%;
}

textarea.userview:focus {
    outline: none;
}

textarea.userview.approved {
    border: 1px solid #5db918;
}

textarea.userview.rejected {
    border: 1px solid #e82020;
}

.userview:required {
    border-color: red !important;
    font-size: 14px;
    font-family: Medium;
}

@keyframes click-wave {
    0% {
        height: 30px;
        width: 30px;
        opacity: 0.35;
        position: relative;
    }

    100% {
        height: 100px;
        width: 100px;
        margin-left: -35px;
        margin-top: -35px;
        opacity: 0;
    }
}

.option-input {
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    position: relative;
    top: 10.33333px;
    right: 0;
    bottom: 0;
    left: 0;
    height: 30px;
    width: 30px;
    transition: all 0.15s ease-out 0s;
    background: transparent;
    border: 2px solid #d2d2d2;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    margin-right: 4px;
    outline: none;
    position: relative;
    z-index: 1;
    outline: none;
}

.option-input:focus {
    outline: none;
    border: none;
}

.option-input.approve:checked {
    background: #5db918;
    border: none;
}

.option-input.reject:checked {
    background: #e82020;
    border: none;
    position: relative;
    z-index: 1;
}

.option-input:checked::before {
    height: 30px;
    width: 30px;
    position: absolute;
    content: '✔';
    display: inline-block;
    font-size: 16.66667px;
    text-align: center;
    line-height: 32px;
}

.option-input.approve:checked::after {
    -webkit-animation: click-wave 0.65s;
    -moz-animation: click-wave 0.65s;
    animation: click-wave 0.65s;
    background: #5db918;
    content: '';
    display: block;
    position: relative;
    z-index: 100
}

.option-input.reject:checked::after {
    -webkit-animation: click-wave 0.65s;
    -moz-animation: click-wave 0.65s;
    animation: click-wave 0.65s;
    background: #e82020;
    content: '';
    display: block;
    position: relative;
    z-index: 100;
}

.option-input.radio {
    border-radius: 50%;
    display: inline-block;
}

.option-input.radio::after {
    border-radius: 50%;
}
/*category page*/
.section-tree {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.section-tree section {
    background: #fff;
    padding: 15px;
    flex: 0 0 32%;
    margin-bottom: 20px;
}

.section-tree section .article-list a,
.section-tree section .article-list a:visited {
    color: #111827;
    font-size: 14px;
}

.section-tree section .article-list a:hover {
    color: #0090da;
}

.section-tree section h3 {
    margin: 0px;
    margin-bottom: 15px;
}

.section-tree section h3 a,
.section-tree section h3 a:hover {
    font-size: 21px;
    font-weight: 700;
    color: #0090da;
	font-family:Bold;
}

.section-tree section li {
    margin-bottom: 6px;
}

.section-tree section a.see-all-articles,
.section-tree section a.see-all-articles:hover {
    color: #0090da;
    float: right;
}

#see-all-articles_apps {
    display: inline-flex;
    margin-top: 10%;
    margin-left: 5%;
}

/***** Icons *****/
[class^="icon-"]::before,
[class*=" icon-"]::before,
.icon,
.search::before,
.recent-activity-item-comment span::before,
.article-vote::before,
.attachments .attachment-item::before,
.share a::before,
.vote-up::before,
.vote-down::before,
.actions .dropdown-toggle::before,
.collapsible-nav-list li[aria-selected="true"]::after,
.collapsible-sidebar-title::after,
.search-result-votes::before,
.search-result-meta-count::before {
    font-family: "copenhagen-icons";
    font-style: normal;
    font-weight: normal;
    speak: none;
    line-height: 1em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
}

.icon-lock::before {
    content: "\1F512";
}

.icon-star::before {
    content: "\2605";
}

.icon-agent::before {
    content: "\1F464";
}

.icon-close::before {
    content: "\2715";
}

.icon-arrow-up::before {
    content: "\2B06";
}

.icon-arrow-down::before {
    content: "\2B07";
}

.icon-attachments::before {
    content: "\1F4CE";
}

.icon-comments::before {
    content: "\1F4AC";
}

.icon-search::before {
    content: "\1F50D";
}

.icon-vote::before {
    content: "\1F44D";
}

.icon-handle::before {
    content: "\25BE";
}

.icon-check::before {
    content: "\2713";
}

.icon-gear::before {
    content: "\2699";
}

.icon-menu::before {
    content: "\2630";
}

.icon-article::before {
    content: "\1F4C4";
}

.icon-post::before {
    content: "\1F4D4";
}

.icon-notification-alert::before {
    content: "\26A0";
}

.icon-notification-error::before {
    content: "\00D7";
}

.icon-notification-info::before {
    content: "\2139";
}

.icon-notification-success::before {
    content: "\2714";
}

.cards-list .card-list-item.status-closed:before {
    background-color: var(--sky_blue);
}

.cards-list .card-list-item.status-closed i {
    color: var(--bright_green);
}

.req-cards-list .req-card-list-item.status-closed:before {
    background-color: var(--sky_blue);
}

.req-cards-list .req-card-list-item.status-closed i {
    color: var(--bright_green);
}

.global-header {
    position: sticky;
    top: 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    background-color: white;
    /* box-shadow: 0 2px 8px 0 rgb(0 0 0 / 5%); */
    padding: 0px !important;
    min-height: 55px;
    z-index: 5;
}
.requesthead {
    border-bottom: 1px rgba(231, 234, 238, 1) solid;
}

.requesthead li:first-child a {
    text-transform: capitalize;
}

.modal-dialog {
    margin: 5% 20% !important;
    width: 60% !important;
}

.catrootname,
.catroottitle {
    font-size: 18px;
    color: #fff;
    font-weight: 500;
	font-family:Medium;
    width: auto;
    text-align: center;
}

.mobheaderinnerwrap {
    display: flex;
    align-items: center;
    box-shadow: 0 2px 8px 0 rgb(0 0 0 / 5%)
}

#formspanemob {
    padding: 20px;
}

.HMtitle,
.tableheadertitle {
    display: none;
}

#user #user-dropdown {
    left: unset;
}

.biowrap a,
.biowrap a:hover,
.biowrap a:focus {
    color: #0090da;
}

.biowrap.boldlabel {
    font-weight: 500;
}

.biowrap img {
    max-width: 50%;
}

/*new update*/
.RequestHomeWrapper {
    padding: 24px !important;
}

.RequestHomeWrapper label{
    margin-bottom: 5px;
}

.sect_items_align a:hover {
    color: #0041F0;
}

.no_my_requests {
    border: none;
    font-size: 14px;
    font-weight: 600;
    padding: 3% 2%;
}

.topicsname ,.topicsarrow {

    display: none;
}

.articleback,
.arttoggleclose,
.sectiontoggle,
.catrootname {
    display: none;
}

/*content page css*/
.article-leftbar ul {
    list-style: disc;
    padding-left: 25px;
}

.article-leftbar a,
.article-leftbar a:hover,
.article-leftbar a:link,
.article-leftbar a:visited {
    color: #111827;
}
.article-leftbar{
    border-radius: 8px;
    box-shadow: 0px 2px 32px rgba(0,0,0, 0.1);
    opacity: 1;
    background-color: rgba(255,255,255, 1);
}
.action-link {
    background-color: #007abc;
    color: #fff;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    border-radius: 2px;
    border: 0px;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 20px;
    float: left;
    clear: both;
    margin: 0px 10px 0px 0px;
}

table.contenttable {
    width: 100%;
    border-collapse: collapse;
}

table.contenttable th {
    padding: 10px;
    background-color: #b2cfe2;
    border: 1px solid #A9A9A9;
}

table.contenttable td {
    padding: 10px;
    border: 1px solid #A9A9A9;
    vertical-align: top;
}

table.contenttable tr:nth-child(odd) {
    background-color: #e5eff5;
}
.al-btn-single {
    background-color: #2E7D32;
    color: #fff !important;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    border-radius: 2px;
    border: 0px;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 20px;
    clear: both;
    margin: 0px 10px 10px 0px;
}

.al-btn-singleMsg {
    background-color: #0041F0;
    color: #fff !important;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    border-radius: 2px;
    border: 0px;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 20px;
    clear: both;
    margin: 0px 10px 10px 0px;
}

.al-btn-confirm {
    background-color: #DD2E2E;
    color: #fff !important;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    border-radius: 2px;
    border: 0px;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 20px;
    clear: both;
    margin: 0px 10px 10px 0px;
}

.al-btn-reject {
    background-color: #2E7D32;
    color: #fff !important;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    border-radius: 2px;
    border: 0px;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 20px;
    clear: both;
    margin: 0px 10px 10px 0px;
}

.al-btn-round {
    color: #0041F0 !important;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    border-radius: 20px;
    border: 2px solid #0041F0;
    font-weight: bold;
    font-size: 14px;
    line-height: 20px;
    clear: both;
    margin: 0px 10px 10px 0px;
}

.al-btn-round:hover {
    background-color: #0041F0;
    color: #fff !important;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    border-radius: 20px;
    border: 2px solid #0041F0;
    font-weight: bold;
    font-size: 14px;
    line-height: 20px;
    clear: both;
    margin: 0px 10px 10px 0px;
}

.al-btn-multiple {
    background-color: #007abc;
    color: #fff !important;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    border-radius: 2px;
    border: 0px;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 20px;
    float: left;
    margin: 0px 10px 10px 0px;
}

.tab::after {
    content: none !important;
}

/***** Vote *****/
/* Used in article comments, post comments and post */
.vote {
    display: flex;
    flex-direction: column;
    text-align: center;
}

.vote a:active,
.vote a:hover,
.vote a:focus {
    text-decoration: none;
}

.vote-sum {
    color: lighten(text_color, 20%);
    display: block;
    margin: 3px 0;
}

[dir="rtl"] .vote-sum {
    direction: ltr;
    unicode-bidi: bidi-override;
}

.vote-up svg {
    transform: scale(1, -1);
}

.vote-up:hover,
.vote-down:hover {
    color: var(--brand_color);
}

.vote-up,
.vote-down {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: none;
    color: lighten(text_color, 20%);
    cursor: pointer;
    min-height: 35px;
    min-width: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.vote-voted {
    color: var(--brand_color);
}

.vote-voted:hover {
    color: darken(var(--brand_color), 20%);
}

.article-votes-controls .article-vote::before {
    font-family: "Font Awesome 5 Pro";
}

.vote-voted.article-vote-up {
    background: var(--bright_green);
    color: #fff;
    border: 2px solid var(--bright_green);
}

.article-votes-controls .vote-voted.article-vote-up::before {
    color: #fff;
}

.article-votes-controls .vote-voted.article-vote-down::before {
    color: #fff;
}

.vote-voted.article-vote-down {
    background: var(--apprvl);
    color: #fff;
    border: 2px solid var(--apprvl);
}

.article-votes-controls .article-vote-up::before, .article-votes-controls .article-vote-down::before {
    content: "\f164";
    color: rgba(17,24,39, 1);
    font-size: 16px;
}


.article-votes-controls .article-vote-down::before {
    content: "\f165";
}

.article-votes-controls {
    display: flex;
    align-items: center;
    margin-left: 10px;
}

.article-footer {
    border-top: 1px solid #ddd;
    padding:0px 24px;
    margin: 10px 0px 10px 0px;
    text-align: center;
    color: #111827;
}

.article-more-questions-custom {
    padding: 10px 0px;
    margin: 10px 0px 10px 0px;
    text-align: center;
    color: #111827;
    border-bottom: 1px solid #ddd;
}

.article-more-questions-custom a {
    color: #0041F0;
}

.user-avatar {
    height: 30px;
    width: 30px;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
}

.avatar {
    display: inline-block;
    position: relative;
    padding: 10px 0px;
}

.avatar img {
    height: 40px;
    width: 40px;
}

.avatar .icon-agent {
    color: var(--brand_color);
    border: 2px solid #fff;
    border-radius: 50%;
    bottom: -4px;
    background-color: var(--brand_text_color);
    font-size: 17px;
    height: 17px;
    line-height: 17px;
    position: absolute;
    right: -2px;
    text-align: center;
    width: 17px;
}

.article-votes {
    color: #111827;
    display: flex;
    align-items: center;
}

.article-vote {
    margin: 10px 5px;
    width: auto;
    color: white;
    font-size: 0px;
    width: 32px;
    height: 32px;
    background: #fff;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(156,163,175, 1);
}

.com_title {
    display: inline-block;
    color: #0041F0;
    padding: 2px 4px;
}

textarea {
    border: 1px solid #ddd;
    border-radius: 2px;
    resize: vertical;
    width: 100%;
    outline: none;
    padding: 10px;
}
.com_body {
    margin-top: -2px;
    margin-bottom: 14px;
}
/*Job transfer ends here*/
.loadericon {
    text-align: center;
    width: 100%;
    margin-top: 160px;
}

.article_text {
    max-width: 1082px;
    font-size: 16px;
    margin-top: 0px;
}
/*CSS for news page*/
.news_page_header {
    height: 90px;
}
.newsblock{gap:20px;}
.mback-btn{display:none;margin:10px;color:#111827;}
.mback-btn i{font-size:20px;font-weight:600;}
/*Css for L1 and L2*/
.categorylist {
    padding: 20px 20px 0px;
}

.categorylist .nav-tabs li a {
    padding-bottom: 10px;
}

.tab-pane.flexfit_tab.active {
    display: flex;
    flex-wrap: wrap;
}

.subsec {
    margin-right: 40px;
    width: 25%;
    margin-bottom: 40px
}

.see_more_articles {
    margin-top: 20px;
}

.see_more_articles a,
.see_more_articles a:hover {
    color: #0041F0;
    font-weight: 500;
    font-size: smaller;
	font-family:Medium;
}

.articles-list_item {
    margin-top: 5px;
}

.articles-list_item a {
    letter-spacing: 1px;
    color: #111827;
}

.articles-list_item a:hover {
    text-decoration: underline;
}

.tab-pane {
    padding: 20px;
}

.subsec_name {
    color: #111827;
}
.mobile-content,.hm-mobile-content {
    display: none;
}
/*Custom apps starts here*/
.taskwrap_app {
    margin: 10px;
    width: 22.5%;
    float: left;
    position: relative;
    transition: all 0.5s ease;
}

.taskwrap_app a,
.taskwrap_app a:hover {
    display: block;
    color: #53565a;
    position: relative;
    background: #fff;
    border-radius: 6px;
    width: 100%;
    float: left;
    font-family: Medium;
    color: #53565a;
    cursor: pointer;
}

.taskwrap_app img {
    width: auto;
    max-height: 50px;
    margin-bottom: 5px;
}

.hometaskwrap_app {
    margin: 0px;
    width: 22.5%;
    float: left;
    position: relative;
    transition: all 0.5s ease;
    border-radius: 8px;
    box-shadow: 0px 2px 32px rgba(0, 0, 0, 0.1);
    opacity: 1;
    background-color: rgba(255, 255, 255, 1);
}

.hometaskwrap_app a,
.hometaskwrap_app a:hover {
    display: block;
    color: #53565a;
    position: relative;
    background: #fff;
    border-radius: 6px;
    width: 100%;
    float: left;
    font-family: Medium;
    color: #53565a;
    cursor: pointer;
}

.hometaskwrap_app img {
    width: auto;
    max-height: 50px;
    margin-bottom: 5px;
}

.bullet_pointer {
    list-style-type: disc;
    padding-left: 20px;
}

.disc_pointer {
    list-style-type: disc;
    padding-left: 0px;
    margin: 2px 50px;
}

.sec_nam,
.sec_nam:hover {
    color: #111827;
    font-weight: 600;
}

.topics_hr_line {
    border-top: 1px solid var(--brand_color);
    width: 96%;
    margin-top: 10px;
    margin-bottom: 0px;
}

.sect_items_align {
    padding: 10px 0;
    list-style: none;
    margin: 10px 0;
    white-space: nowrap;
}

.sect_items_align a:hover {
    color: #0041F0;
}

.no_todo_subject {
    border: none;
    font-size: 14px;
    font-weight: 600;
}

/*caller popup*/
.popup {
    background-color: #fff;
    color: grey;
    text-align: center;
    border-radius: 1px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    top: 100%;
    right: 0%;
    width: 300px;
    margin-top: 15px;
    border: 1px solid white;
    display: none;
    box-shadow: 0 0 3px rgb(33 33 33 / 40%);
}

.popup::after {
    content: "";
    position: absolute;
    bottom: 100%;
    right: 8%;
    border-width: 5px;
    border: 5px solid transparent;
    border-bottom: 7px solid white;
    filter: drop-shadow(0px -2px 1px rgba(.0, .0, .0, .2));
}

.usa_user {
    display: none;
}

.Canada_user {
    display: none;
}

.pos {
    padding: 6px 29px;
}

.title {
    color: #1E90FF;
    font-size: 16px;
    font-weight: 600;
    font-family: Graphik;
}

/*caller popup*/
#NewJoinerActDetail {
    width: 87%;
    display: contents;
}

.upload-item .notification.notification-alert {
    display: none;
}

.error-page {
    margin: 40px 0px;
}

.Erroritem {
    text-align: center;
}

.Erroritem img {
    width: 150px;
}

.Errorcode {
    font-size: 50px;
    color: #0061A0;
    text-align: center;
    font-weight: 500;
	font-family:Medium;
}

.Erroritem p,
.Erroritem span,
.Erroritem a {
    font-size: 16px;
}
.article-title{margin-bottom:32px;}
.article-more-questions .page-name-small{margin:16px 0px;}
.article__title{    
    margin-top: 0px;
    font-family: 'SemiBold';
    opacity: 1;
    color: rgba(17,24,39,1);
    font-size: 20px;
    font-weight: 600;
    font-style: normal;
    letter-spacing: -0.35px;
    text-align: left;
    line-height: 24px;
    margin-bottom: 8px;}

.article__body .attachment-list__icon,
.gf_leftwrap .attachment-list__icon {
    display: block;
    margin-bottom: 10px;
}

.gf_leftwrap .attachment-list__iconInline {
    margin-bottom: 10px;
}
.article__body table tr,.article__body tr td,.article__body tr th{
  border : 1px solid #E5E7EB;
}
.article__body .attachment-list__icon a,
.gf_leftwrap .attachment-list__icon a {
    padding-left: 5px;
    font-family: Medium;
    color: #0090da;
}
.homePageLoader {
    display: block;
    text-align: center;
    margin: 20px 0px;
}
.form2+.datepicker {
    display: none;
}

.lvedt {
    display: none;
}

.ui-datepicker {
    width: 20em !important;
}
#mydoc {
    padding: 0px;
    width: 100%
}

#mycc {
    padding: 0px;
}

div.attachment-list__icon {
    display: block;
    margin-bottom: 10px;
}

.attachment-list__icon a {
    font-family: Medium;
    font-weight: 400;
    padding-left: 5px;
    color: #0090da;
}

.attachment-list__icon a:hover {
    color: #0090da;
}

.fa-paperclip:before {
    font-size: 14px;
}


.main-news-pad {
    padding-right: 15px;
    padding-left: 15px;
}

.mr-20 {
    margin-right: 20px;
}

.pt-10 {
    padding-top: 10px;
}
.mr-30 {
    margin-right: 30px !important;
}
.bord-top-brand {
    border-top: 6px solid var(--brand_color);
}

.bord-top-bright-grn {
    border-top: 6px solid var(--bright_green);
}

.blu-color {
    color: #0090da;
}

.grn-color {
    color: #4fc594;
}

.my-actn-color {
    color: #55a53ac9
}

.my-actn-bord-top-grn {
    border-top: 6px solid #55a53ac9 !important;
}

.flx-grw-1 {
    flex-grow: 1;
}

/*Topics Page class start*/

.categorylist ul.nav-tabs li {
    float: none;
    margin-bottom: 10px;
    display: inline-block;
    position: relative;
}

.rect {
    width: 93%;
    height: 5px;
    background: var(--turquoise);
    border-radius: 6px;
}

.topics_title {
    letter-spacing: 0px;
    font-weight: bold;
    font-size: 14px;
    color: #111827;
    margin-left: 5px;
	
}

.topics_content {
    font-size: 14px;
    font-weight: 500;
    margin-left: 5px;
    margin-top: 8px;
	font-family:Medium;
}

.d-flex {
    display: flex;
}
.d-flex-fw-w{
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}
.d-flex-jc-c {
    display: flex;
    justify-content:center;
}

.d-flex-ai-c {
    display: flex;
    align-items:center;
}
.d-flex-ai-s {
    display: flex;
    align-items:stretch;
}
.d-flex-jc-sb{
    display: flex;
    justify-content:space-between;
}

.categorylist ul.nav-tabs li.active a,
.categorylist ul.nav-tabs li.separator a:hover {
    background: none;
    border: none;
}

.categorylist ul.nav-tabs li.active a:after,
.categorylist ul.nav-tabs li:hover a:after {
    opacity: 1;
    color: #111827;
}

.categorylist ul.nav-tabs li a:after {
    content: "";
    height: 5px;
    background-color: #0041F0;
    display: block;
    border-radius: 3px 3px;
    position: absolute;
    bottom: -5px;
    right: 10px;
    left: 10px;
    opacity: 0;
    transition: all 0.3s;
}

.categorylist ul.nav-tabs li.separator:not(:last-child):after {
    content: " ";
    position: absolute;
    border-left: 1px solid #0041F0;
    top: 22%;
    right: 5px;
    height: 50%;
    margin-top: auto;
    margin-bottom: auto;
    box-shadow: 0px 0px 3px 3px rgb(0 0 0 / 3%);
    opacity: 0.5;
}


.align_topic_arrow {
    margin: -9px;
    text-align: center;
    padding: 0px;

}

.expand {
    cursor: pointer;
}

.fnt-bold {
    font-weight: bold !important;
}

.box {
    padding: 10px;
    position: relative;
    z-index: 0;
    border-radius: 5px;

}

.box:before {
    display: block;
    content: "";
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    position: absolute;
    background-color: white;
    background-size: cover;
    opacity: 0.6;
    z-index: -2;
}

.mt-5 {
    margin-top: 5px;
}

.ml-5 {
    margin-left: 5px;
}
.site-powered-by,
.footer-link {
    margin-left: 30px;
    font-family: Regular;
    font-size: 12px !important;
    font-weight: 400;
    font-style: normal;
    letter-spacing: -0.25px;
    line-height: 12px;
    color: #6B7280;
    opacity: 100%;
}
.footer-link {
color:#0041F0 !important;
}
/* To active accordian */
.ui-accordion-content-active {
    display: block !important;
}

.comment-form__body textarea {
    width: 100%;
    border-radius:8px;
    font-size:14px;
    font-weight:400;
}

.myhr-bg-color {
    background-color: #fff;
}

.bg-color-white {
    color: white
}

.mg-20 {
    margin: 20px
}

.clr-grey {
    color: #53636a
}

.pagination>li>a,
.pagination>li>span {
    color: #0041F0 !important
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
    background-color: #0041F0 !important;
    color: #fff !important
}

.my_act_item a,
#todo_header .myticketitem {
    border-left: 9px solid var(--deep_blue)
}

#todo_header .myticketitem {
    cursor: pointer;
}

#my_approval_header .cards-list a {
    border-left: 9px solid var(--deep_blue)
}

ul.myact li,
ul.todoo li,
ul.myappr_pagination li {
    display: inline;

}

ul.myact,
ul.todoo,
ul.myappr_pagination {
    float: right
}

ul.myact li a,
ul.todoo li a,
ul.myappr_pagination li a {
    position: relative;
    margin-left: -1px;
    color: #0041F0;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}

ul.myact>.active>a,
ul.todoo>.active>a,
ul.myappr_pagination>.active>a {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #0041F0;
    border-color: #0041F0;
}

.card-list-item span label {
    color: #6B7280;
    font-weight: 500;
    margin-right: 3px;
	font-family:Medium;
}

.req-card-list-item span label {
    color: #6B7280;
    padding-right: 5px;
    font-weight: 500;font-family:Medium;
}

.actn-card-list-item span label {
    color: #6B7280;
    padding-right: 5px;
    font-weight: 500;font-family:Medium;
}

#todo_header .myticketitem .ticdetails {
    width: 90%
}

.news-item .createdAt {
    float: right;
    font-size: 12px;
    font-weight: 500;font-family:Medium;
}

.MyActionsWrapper {
    margin: 0px !important;
    padding: 0px 24px;
    width: 100% !important;
}

.MyActionsWrapper .my_act_item {
    display: none;
    padding: 20px 0px;
}

.actn_search_wrapper {
    display: flex;
    justify-content: end;
    width: 100%;
    padding-top: 16px;
}

.actn_search_wrapper .requests-search::placeholder,
.requests-search::placeholder {
    font-size: 14px;
    font-family: "Regular";
    font-weight: 400;
    line-height: 14px;
    letter-spacing: -0.25px;
}

.MyActionsWrapper .my_act_item.active {
    display: block;
}

.action-title {
    color: #222020;
    font-size: 28px;
    font-family: Bold;
    letter-spacing: -0.29px;
    padding-bottom: 24px;
}

.action-desc {
    color: #202020;
    font-family: "Regular";
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -0.29px;
    line-height: 20px;
}

.actionfooter {
    justify-content: space-between;
    width: 100%;
    display: flex;
    margin: 20px 0 0 0;
}

.alert-msg-cat {
    color: #fff;
    background-color: #43BEAC;
}

.alert-link-custom {
    font-weight: 700;
    color: #fff !important;
    text-decoration: none !important;
	font-family:bold;
}

.alert-msg-helperText.borderBlock {
    border: 1px solid #0041F0;
    border-radius: 5px;
    padding: 10px;
}

.hlink {
    color: #0041F0;
}

/*  CSS FOR BOX ON SubSection page*/
.section-list .taskwrap_app .hometaskwrap_app .taskinnerwrap,
.section-list li a,
.section-list li a:hover {
    background: none
}
.fakeSearchError {
    color: #E1311A;
    margin-top: 10px;
    margin-bottom: 10px;
}

.notification-error {
    color: #E1311A !important;
}

.btn.btn-primary {
    background-color: #0041F0 !important;
}

.btn.btn-primary.disabled:hover,
.btn.btn-primary:hover {
    background-color: #8FC73E !important;
    border-color: #8FC73E !important;
}

.btn.btn-primary:focus,
.btn.btn-primary:active {
    background-color: #0041F0 !important;
}

.infoText {
    color: #666;
    margin-left: 4px;
}

.infoTooltipCustom {
    background-color: #0041F0 !important;
    color: white !important;
    font-family: Medium !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    -webkit-font-smoothing: antialiased !important;
}

.infoTextCircle {
    color: #0041F0;
}

/*For CSAT Custom Modal*/
.panel-body {
    padding: 15px;
}

.panel-body:before,
.panel-body:after {
    display: table;
    content: " ";
}

.brand-bg {
    background-color: #0041F0;
    border-color: #0041F0;
}

.table-bordered>thead>tr>th,
.table-bordered>thead>tr>td,
.table-bordered>tbody>tr>th,
.table-bordered>tbody>tr>td,
.table-bordered>tfoot>tr>th,
.table-bordered>tfoot>tr>td {
    border: 1px solid #ddd;
}

.table>thead>tr>th,
.table>thead>tr>td,
.table>tbody>tr>th,
.table>tbody>tr>td,
.table>tfoot>tr>th,
.table>tfoot>tr>td {
    padding: 8px;
    line-height: 1.428571429;
    vertical-align: top;
    border-top: 1px solid #ddd;
}

.csat,
.csat2,
.csat3,
.csat4,
.csat5 {
    text-align: center;
    background-color: #ffffff;
    cursor: pointer;
}

.csat:hover,
.csat:focus,
.csat2:hover,
.csat2:focus,
.csat3:hover,
.csat3:focus,
.csat4:hover,
.csat4:focus,
.csat5:hover,
.csat5:focus {
    background-color: #0041F0;
    color: white !important;
}

.csat_active {
    background-color: #0041F0 !important;
    color: white !important;
}

.csat.badRating:hover,
.csat.badRating:focus,
.csat2.badRating:hover,
.csat2.badRating:focus,
.csat3.badRating:hover,
.csat3.badRating:focus {
    background-color: #D50000;
    color: white !important;
}

.csat.avgRating:hover,
.csat.avgRating:focus,
.csat2.avgRating:hover,
.csat2.avgRating:focus,
.csat3.avgRating:hover,
.csat3.avgRating:focus,
csat4.avgRating:hover,
.csat4.avgRating:focus,
csat5.avgRating:hover,
.csat5.avgRating:focus {
    background-color: #E2BE00;
    color: white !important;
}

.csat.goodRating:hover,
.csat.goodRating:focus,
.csat2.goodRating:hover,
.csat2.goodRating:focus,
.csat3.goodRating:hover,
.csat3.goodRating:focus,
.csat4.goodRating:hover,
.csat4.goodRating:focus,
.csat5.goodRating:hover,
.csat5.goodRating:focus {
    background-color: #2E7D32;
    color: white !important;
}

.csat_active.badRating {
    background-color: #D50000 !important;
    color: white !important;
}

.csat_active.avgRating {
    background-color: #E2BE00 !important;
    color: white !important;
}

.csat_active.goodRating {
    background-color: #2E7D32 !important;
    color: white !important;
}

.rateTicket {
    background-color: #0041F0;
    color: #fff !important;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    border-radius: 2px;
    border: 0px;
    font-weight: bold;
    text-transform: uppercase;
    /* font-size: 14px;  */
    line-height: 20px;
    clear: both;
    margin: 0px 10px 10px 0px;
}

.rateTicketLabel {
    background-color: #0041F0;
    cursor: pointer;
    color: #fff !important;
    /*   position:absolute; */
    right: 20px;
    bottom: 15px;
    z-index: 999;
    padding: 5px 5px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    border-radius: 2px;
    border: 0px;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 10px;
    clear: both;
    float: right;
}

.mobRateTicketLabel {
    background-color: #0041F0;
    cursor: pointer;
    color: #fff !important;
    right: 20px;
    bottom: 15px;
    z-index: 999;
    padding: 5px 5px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    border-radius: 2px;
    border: 0px;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 10px;
    clear: both;
}

.anchorWrap {
    position: relative;
}

.csat_blocks {
    border: 1px solid #0041F0;
    border-radius: 5px;
    margin-bottom: 20px;
    padding: 10px;
    margin-left: 15px;
    margin-right: 15px;
}

.csat_blocks>p {
    margin-bottom: 20px;
}

.csat_blocks.red-border {
    border: 1px solid #f00;
}

.csat_head {
    margin-bottom: 20px;
}

#ticketSub {
    font-size: 14px !important;
    font-weight: none !important;
}

.customReq {
    color: #f00;
    margin-left: 2px;
}

.errorMessage,
.errorMessageDsat {
    color: #f00;
    font-size: 14px !important;
    margin-bottom: 20px;
}

.csat_index {
    float: left;
    border: 1px solid #0041F0;
    border-radius: 5px;
    padding: 10px;
}

.csat_index li {
    margin-right: 10px;
}

.csat_index span {
    border: 1px solid #ccc;
    float: left;
    width: 12px;
    height: 12px;
    margin: 2px;
}

.csat_index .csatRatingBad {
    background-color: #D50000;
}

.csat_index .csatRatingAvg {
    background-color: #E2BE00;
}

.csat_index .csatRatingGood {
    background-color: #2E7D32;
}

.csat_index dl {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.csat_index dl dt {
    display: inline-block;
    font-size: 10px;
    width: 20px;
    text-align: center;
    vertical-align: middle;
}

.csat_index dl dd {
    display: inline-block;
    font-size: 10px;
    margin: 0px 10px;
    padding-bottom: 0;
    vertical-align: middle;
}

.csatRatingBad {
    background: #D50000;
    color: white;
}

.csatRatingAvg {
    background: #FFFBE6;
    color: white;
}

.csatRatingGood {
    background: #2E7D32;
    color: white;
}

#ticketSub {
    font-size: 14px !important;
    font-weight: none !important;
}

.customReq {
    color: #f00;
    margin-left: 2px;
}

.errorMessage {
    color: #f00;
    font-size: 14px !important;
    margin-bottom: 20px;
}

.feedbackCustom {
    width: 100%;
    display: flex;
    flex-direction: column;
    display:none;
}

.paddedTable td {
    padding: 10px;
}
.custom-body-list {
    padding-top: 0px !important;
    padding-right: 0px !important;
}

.bgWhite {
    background-color: white;
}

#csatSuccess,
#csatFailed {
    display: none;
    align-items: center;
    justify-content: center;
}

.setHelpText {
    margin: 0px 0px !important;
}

.homePagetaskwrap {
    margin-right: 10px;
    width: 22.5%;
    float: left;
    position: relative;
    transition: all 0.5s ease;
    box-shadow: 0 2px 8px 0 rgb(0 0 0 / 5%);
    border: 1px solid #f2f2f2;
    border-radius: 6px;
}

.homePagetaskwrap:hover {
    transform: translateY(-12px) translateZ(0) scale(1);
}

.alignCommonCard {
    display: flex;
    justify-content: space-between;
}

.dontShow {
    display: none;
}

.note-editor {
    width: 865px;
}

.note-editable {
    height: 200px;
}

.card-columns .card {
    display: inline-block;
    width: 100%;
}

/* No Data Found */
.no-records {
    width: 750px;
    margin: 40px auto;
    background: #ffffff;
    box-shadow: 1px 2px 10px #e1e3ec;
    border-radius: 4px;
}

.no-records-child {
    padding: 48px;
    display: flex;
    align-items: center;
    flex-direction: column;
    background: linear-gradient(338deg, #01bbff, #0041F0);
}

.no-records-icon {
    width: 200px;
    height: 200px;
    display: flex;
    align-items: center;
    border-radius: 200px;
    justify-content: center;
    background: linear-gradient(58deg, #01bbff, #0041F0);
    box-shadow: 1px 2px 10px #3354e4;
}

.no-records-img {
    width: 170px;
}

.no-records-text {
    color: #ffffff;
    font-size: 2.0rem;
    font-weight: 500;font-family:Medium;
    margin-top: 0.85rem;
}

.no-records-text-extended {
    color: #ffffff;
    font-size: 1.9rem;
}

/* Home page calendar*/


/*old mayachat*/
.mayachat img {
    margin: -5px 5px 0px 0px;
    width: 32px;
    filter: drop-shadow(-1px -1px 3px #eee);
    transition: transform 0.5s, box-shadow 0.5s, -webkit-transform 0.5s;
    cursor: pointer;
}



.clapIcon {
    width: 20px;
}

.home-carousel {
    background: none !important;
}

.home-card {
    background: #fff !important;
}

.home-mtm {
    position: relative;
    width: 100%;
}

.home-mtm-inner {
    background: #fff;
    padding: 15px;
}

.home-mtm-title {
    padding: 15px;
    display: flex;
}
.rightcontent-mtm{padding:0px !important;}
.rightcontent-mtm >div:first-child {
margin-top:20%;
}

.pd-0 {
    padding: 0px !important;
}

.pb-20 {
    padding-bottom: 20px !important;
}

.gear-btn-home,
.gear-btn-home:hover,
.gear-btn-home:active {
    border: none !important;
    background: none !important;

}

.gear-btn-home:focus {
    outline: 0 !important;
    box-shadow: none !important;
}

.gear-mtm .dropdown-toggle::before {
    color: #0041F0 !important;
}

.modal-icon-box-success {
    color: #fff;
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: -60px;
    width: 95px;
    height: 95px;
    border-radius: 50%;
    z-index: 9;
    background: #82ce34;
    padding: 15px;
    text-align: center;
    box-shadow: 0px 2px 2px rgb(0 0 0 / 10%);
}

.modal-icon-box-failed {
    color: #fff;
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: -60px;
    width: 95px;
    height: 95px;
    border-radius: 50%;
    z-index: 9;
    background: #FF5C5C;
    padding: 15px;
    text-align: center;
    box-shadow: 0px 2px 2px rgb(0 0 0 / 10%);
}

.modal-header-box {
    text-align: center;
    font-size: 26px;
    margin: 30px 0 -15px;
}

p .text-center {
    text-align: center !important;
}

.spotlight-top-5 div h4 a {
    text-decoration: none;
}

.active-spotlight-top {
    background: linear-gradient(136deg, #01bbff, #0041F0);
    color: #fff;
}

.active-spotlight-top-color {
    color: #fff !important;
}

.nav-link img {
    Width: 23px;
    Height: 23px;
}

.menuitem-separator {
    border-top: 1px solid rgba(209, 213, 219, 1);
    opacity: 0.6;
    stroke-linecap: butt;
    stroke-linejoin: miter;
    border-spacing: 0;
    width: 85% !important;
    margin: 10px 30px;
}

.home-logo-text {
  white-space:nowrap;
    font-size: 16px;
    font-weight: 500;font-family:Medium;
    font-style: normal;
    letter-spacing: -0.35px;
    margin-left: 10px;
    color: #111827;
    text-align: left;
    line-height: 24px;
    opacity: 1;
}

.askAQuestionBG {
    font-size: 12px;
    border-left: 6px solid transparent;
    text-align: center;
}

.askAQuestionBG div:nth-child(3) {
    color: #374151;
    font-weight: 600;
    font-family: Regular;
    opacity: 1;
}

.askAQuestionBG a {
    color: #0041F0 !important;
    padding: 0px !important;
    display: block !important;
    border-left: 0px !important;
}

.askAQuestionBG a span {
    margin-left: 0px !important;
    font-size: 12px !important;
    line-height: 16px;
}

.askAQuestionBG img {
    width: 90px;
}

#callgirlStatic,
.homeSearch.static {
/*     display: none; */
}

.askAQuestion div,
.askAQuestion a {
    width: 87% !important;
    justify-content: center;
    display: flex;
    margin-right: 0px;
    font-size: 12px;
    font-weight: 500;font-family:Medium;
    font-style: normal;
    gap: 10px;
    letter-spacing: -0.25px;
    text-align: center;
    line-height: 16px;
    flex-direction: column;
    align-items: center;
}
.askAQuestionBG div:nth-child(4){
  opacity: 0.6;
color: rgba(55,65,81,1);
font-family: "Regular";
font-size: 12px;
font-weight: 400;
letter-spacing: -0.25px;
line-height: 16px;
}

.hero-inner {
    position: absolute;
    left: 28%;
    top: calc(100vh/10);
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 40%;
    max-width: 50%;
   z-index:5;
}

.hero-inner h4 {
    opacity: 1;
    color: #111827;
    font-family: "Light";
    font-size: 32px;
    font-weight: 300;
    font-style: normal;
    letter-spacing: -0.35px;
    text-align: center;
    line-height: 34px;
}

.search {
    border-color: #ddd;
    border-radius: 30px;
    border-style: solid;
    border-width: 1px;
    display: flex;
    position: relative;
    transition: border 0.12s ease-in-out;
    width: 100%;
}

.search-container {
    position: relative;
}

.search {
    border-color: #ddd;
    border-radius: 30px;
    border-style: solid;
    border-width: 1px;
    display: flex;
    position: relative;
    transition: border 0.12s ease-in-out;
}

.search input[type="search"],
.search .clear-button {
    background-color: #fff;
    border-radius: 30px;
    border: none;
}

.search-full input[type="search"],
.search-full .clear-button {
    border-color: #fff;
}

.search input[type="search"] {
    appearance: none;
    -webkit-appearance: none;
    box-sizing: border-box;
    color: #666;
    flex: 1 1 auto;
    height: 40px;
    width: 100%;
}

.search input[type="search"]:focus {
    color: #555;
}

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

.search input[type="search"]:-webkit-autofill,
.search input[type="search"]:-webkit-autofill:hover,
.search input[type="search"]:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 1000px #fff inset;
}

.search .clear-button {
    align-items: center;
    box-sizing: border-box;
    color: #777;
    cursor: pointer;
    display: none;
    flex: none;
    justify-content: center;
    padding: 0 15px;
}

.search .clear-button:hover {
    background-color: #17494D;
    color: #fff;
}

.search .clear-button:focus {
    outline: 0;
    box-shadow: 0 0 0 3px #17494D;
}

.search-has-value .clear-button {
    display: flex;
}

[dir="ltr"] .search input[type="search"] {
    padding-left: 15px;
    padding-right: 15px;
}

.hero-inner .search input[type="search"] {
    padding-left: 40px;
    padding-right: 20px;
    border: 1px solid #c9c6c6;
}

[dir="ltr"] .search input[type="search"]::placeholder,
.hero-inner .search input[type="search"]::placeholder {
    font-size: 14px;
    font-weight: 400;
    font-family: "Regular";
    letter-spacing: -0.35px;
}

[dir="ltr"] .search-has-value input[type="search"] {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    border-right-color: transparent;
}

[dir="ltr"] .search-has-value input[type="search"]:focus {
    border-right-color: #17494D;
}

[dir="ltr"] .search .clear-button {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    border-left-color: transparent;
}

[dir="ltr"] .search .clear-button:focus {
    border-left-color: #17494D;
}

[dir="rtl"] .search input[type="search"] {
    padding-left: 20px;
    padding-right: 40px;
}

[dir="rtl"] .search-has-value input[type="search"] {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    border-left-color: transparent;
}

[dir="rtl"] .search-has-value input[type="search"]:focus {
    border-left-color: #17494D;
}

[dir="rtl"] .search .clear-button {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    border-right-color: transparent;
}

[dir="rtl"] .search .clear-button:focus {
    border-right-color: #17494D;
}

.search-icon {
    position: relative;
    top: calc(100% - 18px);
    transform: translateY(-65%);
    position: absolute;
    left: 15px;
    z-index: 1;
    width: 22px;
    height: 22px;
    color: #777;
    pointer-events: none;
}

[dir="rtl"] .search-icon {
    left: auto;
    right: 15px;
}

.topresults {
    font-size: 20px;
    font-weight: 600;
    margin-top: 5px;
    line-height: 24px;
    font-family: "Regular";
}

.searchResultsContent {
    padding: 0px;
}

.search-result-description {
    margin: 0px;
    font-size: 14px;
    color: #636060;
    font-weight: 500;
    color: #53636A;
    letter-spacing: -0.25px;
    line-height: 18px;
    font-family: "Medium"
}

.searchResultsContent .request-tile-request-page.content {
    padding: 0px;
    margin: 0px 0px 10px;
    font-size: 18px;
    font-weight: 600;
    color: #111827;
    font-family: "SemiBold";
    letter-spacing: -0.35px;
    line-height: 22px;
}


.searchResultsContent .anchorWrap {
    padding: 22px 32px;
    display:block;
}

.resultsCount {
    font-size: 18px;
    font-weight: 400;
    font-family: "Regular";
    line-height: 22px;
    letter-spacing: -0.35px;
    margin: 20px 0px;
}

.home-news-date {
    opacity: 0.6;
    color: #374151;
    font-size: 12px;
    font-weight: 500;
    font-style: normal;
    letter-spacing: -0.25px;
    text-align: left;
    line-height: 16px;
    margin-bottom: 5px;
    font-family: 'Medium';
}

.home-news-title {
    opacity: 1;
    color: #111827;
    font-family: "SemiBold";
    font-size: 16px;
    font-weight: 600;
    font-style: normal;
    letter-spacing: -0.35px;
    text-align: left;
    line-height: 20px;
    margin-bottom: 5px;
}
.news-tiles-content > div {
    flex: 0 1 calc(100% / 2 - 10px);
}
.spotlightbody {
    opacity: 1;
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: -0.25px;
    text-align: left;
    line-height: 20px;
    font-family: Regular;
}

.Spotlightbtn {
    color: #0041F0 !important;
    font-size: 14PX;
    font-family: Medium;
    font-weight: 500;
    white-space:nowrap;
}

.myact_top span {
    font-size: 15px;
    font-weight: 500;font-family:Medium;
    letter-spacing: -0.25px;
    line-height: 18px;
    color: #111827;
}

.myact_top span label {
    color: #53636A;
}

.myact_top span:nth-child(2) label {
    font-weight: 400;
	font-family: Regular;
}


.my_act_item a {
    padding: 15px 5px;
}
input#complete {
    appearance: none;
    border: 0.15em solid currentColor;
    border-radius: 0.15em;
    transform: translateY(-0.075em);
    width: 20px;
    height: 20px;
}

input#complete:checked{
  background-color:#111827;
}
input#complete::before {
    content: "\f00c";
    transform: scale(0);
    font-family: 'Font Awesome 5 Pro';
    font-weight: 100;
    color: #fff;
    margin-left: 3px;
    font-size: 12px;
}
input#complete:checked::before {
  transform: scale(1);
}
.my-requests-home,
.my-actions-home {
    border-radius: 8px;
    box-shadow: 0px 2px 32px rgba(0, 0, 0, 0.1);
    opacity: 1;
    background-color: rgba(255, 255, 255, 1);
}

.request-tile {
    border-radius: 8px;
    opacity: 1;
    background-color: rgba(249, 250, 251, 1);
}

.request-status-bar {
    padding: 2px;
    opacity: 1;
    margin-left: auto;
    margin-right:-10px;
}

.request-status-bar-open {
    padding: 2px;
    border-radius: 5px;
    border: 1px solid rgba(185, 28, 28, 1);
    opacity: 1;
    background-color: rgba(220, 38, 38, 0.08);
    margin-left: auto;
}

.request-status-complete {
    opacity: 1;
    color: rgba(101, 163, 13, 1);
    font-size: 10px;
    font-weight: 500;font-family:Medium;
    font-style: normal;
    letter-spacing: -0.25px;
    text-align: center;
    line-height: 14px;
}

.request-status-open {
    opacity: 1;
    color: rgba(185, 28, 28, 1);
    font-size: 10px;
    font-weight: 500;font-family:Medium;
    font-style: normal;
    letter-spacing: -0.25px;
    text-align: center;
    line-height: 14px;
}

.my-tiles-items {
    border-radius: 8px;
    opacity: 1;
    background-color: rgba(249, 250, 251, 1);
}

.my-tiles-item-head {
    opacity: 1;
    color: #111827;
    font-size: 12px;
    font-weight: 500;font-family:Medium;
    font-style: normal;
    letter-spacing: -0.25px;
    text-align: left;
    line-height: 18px;
}

.my-tiles-item-head label {
    margin-right: 5px;
    font-weight: 500;
}

.my-tiles-item-date,
.my-tiles-item-body {
    opacity: 1;
    color: #374151;
    letter-spacing: -0.25px;
    text-align: left;
    line-height: 16px;
}

.RequestHomeWrapper,
.moment-cards-home {
    border-radius: 8px;
    box-shadow: 0px 2px 32px rgb(0 0 0 / 10%);
    opacity: 1;
    background-color: rgba(255, 255, 255, 1);
}

.my-tiles-item-head {
    font-weight: 700 !important;
    color: #111827 !important;
	font-family:Bold;
}

.ticcreated,
.ticcategory {
    color: #6B7280;
    font-family: "Regular";
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -0.25px;
    white-space: nowrap;
}

.ticcreated label,
.ticcategory span {
    font-weight: 500 !important;
    font-family: "Medium";
}

.ticcreated span,
.ticcategory label {
    font-weight: 400 !important;font-family: "Regular" !important;
}

.home-moments {
    align-items: center;
    padding: 20px 5%;
    display: flex;
    justify-content: space-around;
    flex-direction: column;
}

.home-mtm .col-md-3,
.home-my-apps .col-md-3 {
    padding: 0px 12px;
}

.home-moments-title {
    opacity: 1;
    color: #374151;
    font-size: 16px;
    font-weight: 600;
    font-style: normal;
    letter-spacing: -0.31px;
    margin-top: 10px;
    text-align: center;
    line-height: 24px;
    white-space: nowrap;
}

.home-moments-description {
    margin-top: 5px;
    opacity: 1;
    color: #374151;
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: -0.25px;
    text-align: center;
    line-height: 18px;
    padding: 0px 5px;
    font-family: Regular;
}

.home-moments-description.icon div {
    display: none;
}

.home-mtm-image-div {
    margin: auto;
    height: 130px;
    width: 130px;
}

/*Growing a family*/
.home-moments-img-11384599075867 {
    content: url(/hc/theming_assets/01J3YZP9KWMW3JQKDQHSVJNACA);
}

/*New to LoremTech*/
.home-moments-img-11382820753051 {
    content: url(/hc/theming_assets/01J3YZPBSF8RABZR43DZS96PMK);
}

/*Transferring Roles*/
.home-moments-img-11382808172443 {
    content: url(/hc/theming_assets/01J3YZPEWN8FSMF6M4PTWY5VEY);
}

/*Return to workplace*/
.home-moments-img-11382807493659 {
    content: url(/hc/theming_assets/01J3YZP8RR389R3X28HX035T7X);
}

/*Leaving Loremtech*/
.home-moments-img-11382806586779 {
    content: url(/hc/theming_assets/01J3YZPHAW227QWS5CN5JJ29B7);
}

/* .my-apps-description-home{
      padding:10px;
    } */
.my-apps-description-home div {
    display: none;
}

.my-apps-description-home p:nth-of-type(n+2) {
    display: none;
}

.my-apps-description-title {
    opacity: 1;
    color: #374151;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: -0.35px;
    text-align: center;
    line-height: 22px;
    padding: 12px 0px 5px 0px;
    white-space: nowrap;
}

.home-cards-100-height {
    display: block;
    color: #53565a;
    position: relative;
    background: #fff;
    border-radius: 6px;
    height: 100px;
    width: 100%;
    float: left;
    padding: 0 15px;
    font-family: Medium;
    color: #53565a;
    font-weight: 500
}

.home-cards-150-height {
    display: block;
    color: #53565a;
    position: relative;
    background: #fff;
    border-radius: 6px;
    height: 150px;
    width: 100%;
    float: left;
    padding: 0 15px;
    font-family: Medium;
    color: #53565a;
    font-weight: 500
}

.cards-200-height {
    display: block;
    color: #53565a;
    background: #fff;
    border-radius: 6px;
    height: 200px;
    padding: 0 15px;
    color: #53565a;
    font-weight: 500;font-family:Medium;
}

.cards-180-height {
    display: block;
    color: #53565a;
    background: #fff;
    border-radius: 6px;
    min-height: 180px;
    padding: 24px;
    color: #53565a;
    font-weight: 500;font-family:Medium;
}

.search-and-user {
    box-shadow: 0 2px 8px 0 rgb(0 0 0 / 5%);
}

.footer-items,
.footer-items a,
.footer-items a:hover,
.footer-items a:focus {
    color: #374151;
    font-size: 12px;
}

.footer-items div {
    margin-top: 15px;
    white-space: nowrap;
}

.footer-items div:nth-child(2) {
    padding-left: 4%;
}

.footer-items div:first-child {
    margin-top: auto;
    padding-left: 0px;
}


.page-name {
    opacity: 1;
    color: #222020;
    font-size: 28px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: -0.29px;
    text-align: left;
    margin-top: 20px;
    font-family: "Bold";
}

.page-name-small {
    opacity: 1;
    color: rgba(34, 32, 32, 1);
    font-size: 20px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: -0.35px;
    line-height: 24px;
    text-align: left;
    margin-bottom: 10px;
	font-family:Bold;
}

.page-name-out {
    opacity: 1;
    color: rgba(34, 32, 32, 1);
    font-size: 20px;
    font-weight: 600;
    font-style: normal;
    letter-spacing: -0.35px;
    text-align: left;
    margin-bottom: 20px;
    line-height: 24px;
}

.page-box-shadowed {
    border-radius: 8px !important;
    box-shadow: 0px 2px 32px rgba(0, 0, 0, 0.1) !important;
    opacity: 1 !important;
    background-color: rgba(255, 255, 255, 1) !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
    padding-top: 24px !important;
    padding-bottom: 24px !important;
}

.page-box-shadowed .row {
    margin: 0px;
    width: 100%;
}

.page-box-shadowed .row>div{
    padding: 0px !important;
}

.body-list {
    padding: 20px 0px;
}

.topics-nav-item {
    border-radius: 4px !important;
    opacity: 1 !important;
    background-color: rgba(249, 250, 251, 1) !important;
    padding: 10px;
    flex:1 1 40%;
}

.l1-topics,
.l2-topics {
    font-family: "Medium";
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -0.25;
    cursor: pointer;
    line-height: 20px;
}

.l2-topics {
    margin-top: 16px;
}

.topics-item-subsec-main a,
.topics-item-subsec-main a:hover {
    color: #111827;
}

.l3-topics {
    font-size: 14px;
    font-family: "Regular";
    font-weight: 400;
    line-height: 14px;
    margin-top: 12px;
    margin-left: 22px;
}

.shift-right {
    margin: 50px;
}

.space-right {
    margin-right: 10px;
}

.request-nav-item[aria-selected='true'] a {
    opacity: 1;
    color: rgba(17, 24, 39, 1);
    font-size: 14px;
    font-style: normal;
    letter-spacing: -0.25px;
    text-align: center;
}


.l1-topics[data-item-active='true'] {
    color: #0041F0 !important;
}

.l3-topics,
.l1-topics[data-item-active='true'],
.l2-topics[data-item-active='true'] {
    opacity: 1;
    height: auto;
    transition: 500ms cubic-bezier(0, 0, 0.58, 1);
    -webkit-transition: 500ms cubic-bezier(0, 0, 0.58, 1);
}

.topics-item-subsec,
.topics-item-subsec-main {
    transition: 500ms cubic-bezier(0, 0, 0.58, 1);
    -webkit-transition: 500ms cubic-bezier(0, 0, 0.58, 1);
}
.static_icon,.selected_logo.anime_icon{display:none;}
.default_logo.anime_icon.toggleicon,.menuitem.selected .nav-link .selected_logo.anime_icon.toggleicon,
.menuitem.selected.hovered .nav-link .selected_logo.static_icon.toggleicon{display:none;}
.default_logo.static_icon.toggleicon,.menuitem.selected .nav-link .selected_logo.static_icon.toggleicon,
.menuitem.selected.hovered .nav-link .selected_logo.anime_icon.toggleicon{display:block;}

.menuitem.selected .nav-link .selected_logo.anime_icon,.menuitem.hovered .nav-link .selected_logo.anime_icon{display:block;}

.menuitem.selected .nav-link .static_icon,.menuitem.hovered .nav-link .static_icon,
.menuitem.selected .nav-link .default_logo.anime_icon,.menuitem.hovered .nav-link .default_logo.anime_icon{display:none;}

/*Mobile Nav Bar Starts*/
.default_logo.anime_icon.toggleicon,.mob-menuitem.selected .nav-link .selected_logo.anime_icon.toggleicon{display:none;}
.default_logo.static_icon.toggleicon,.mob-menuitem.selected .nav-link .selected_logo.static_icon.toggleicon{display:block;}
.mob-menuitem.selected .nav-link .selected_logo.anime_icon{display:block;}
.mob-menuitem.selected .nav-link .static_icon,.mob-menuitem.selected .nav-link .default_logo.anime_icon{display:none;}
/*Mobile Nav Bar Ends*/
/*
.static_icon{
    height: 18.9px !important;
    width: 11.8% !important;
    margin-top: 2%;
}*/

.add-bottom-50 {
    margin-bottom: 50px;
}

.requests-search-box {
    border: 1px solid rgba(209, 213, 219, 1) !important;
    opacity: 1;
    background-color: rgba(255, 255, 255, 1) !important;
    border-radius: 20px !important;
    margin-bottom: 20px !important;
    height: 30px !important;
}

.requests-search {
    border-radius: 20px !important;
    border: none !important;
    box-shadow: none !important;
    margin-bottom: 0px !important;
    width: 75% !important;
    height: 28px !important;
    padding: 0px 0px 0px 10px !important;
}

.requests-search-box::before {
    content: "\f002" !important;
    position: relative !important;
    font-family: "Font Awesome 5 Pro" !important;
    color: #979797 !important;
    font-size: 14px !important;
    padding-left: 10px !important;
    padding-top: 1px !important;
}

.request-filter-dropdown {
    border-radius: 20px !important;
    padding-right: 10px !important;
}

.request-tile-request-page {
    border-radius: 8px;
    opacity: 1;
    background-color: rgba(249, 250, 251, 1);
}
.3-col-content .request-tile-request-page{
  padding-right:0px;
}

.request-tile-home-request-page .d-flex {
    justify-content: space-between;
}

.request-tile-request-page .my-tiles-item-head,
.request-tile-request-page .my-tiles-item-body {
    font-family: "Medium";
    font-weight: 500 !important;
}

.request-tile-request-page .my-tiles-item-head {
    font-size: 14px;
    line-height: 18px;
   white-space:nowrap;
}

.request-tile-request-page .my-tiles-item-body {
    font-size: 12px;
    line-height: 16px;
}

.request-tile-details {
    display: flex;
    justify-content: space-between;
}

.request-col {
    width: 30%;
}

.request-status-badge {
    float: right;
    margin-right: 0px;
    border-radius: 12px;
    border: 1px solid rgba(245, 158, 11, 1);
    opacity: 1;
    background-color: rgba(245, 158, 11, 0.08);
    width: 76px;
    height: 20px;
    text-align: center;
}

.request-status-text {
    opacity: 1;
    color: rgba(217, 119, 6, 1) !important;
    font-size: 10px !important;
    font-family: "Medium";
    font-weight: 500 !important;
    font-style: normal !important;
    letter-spacing: -0.25px !important;
    text-align: center;
    line-height: 14px;
    margin: auto;
}

.request-status-badge[request-status="answered"] ,.request-status-badge[request-status="Pending"] {
    border: 1px solid rgba(185, 28, 28, 1) !important;
    background-color: rgba(220, 38, 38, 0.08) !important;
}

.request-status-badge[request-status="solved"] ,.request-status-badge[request-status="Solved"] {
    border: 1px solid rgba(101, 163, 13, 1) !important;
    background-color: rgba(132, 204, 22, 0.078431) !important;
}

.request-status-text[request-status="solved"],.request-status-text[request-status="Solved"] {
    color: #4D7C0F !important;
}
.request-status-text[request-status="answered"],.request-status-text[request-status="Pending"] {
    color: #b91c1c !important;
}

.request-tile-1 {
    opacity: 1;
    font-size: 15px !important;
    font-weight: 500 !important;font-family:Medium;
    letter-spacing: -0.25px;
    text-align: left;
    line-height: 18px;
}

.myticketitem.request-tile-details .request-col label:not(.request-status-text) {
    margin-right: 5px;
}

.request-status-text {
    margin-bottom: 5px;
}

.request-tile-1 label {
    color: #53636A;
    font-weight: 500;
}

.request-tile-1 span {
    color: #111827;
}

.request-tile-1-sub label,
.request-tile-1-sub span,
.request-tile-2-upd label,
.request-tile-2-upd span {
    letter-spacing: -0.25px;
}

.request-tile-2,
.request-tile-2-upd,
.request-tile-1-sub {
    font-weight: 500;font-family:Medium;
    font-size: 15px;
    text-align: left;
    line-height: 18px;
    color: #111827;
    white-space:nowrap;
}

.request-tile-2 label,
.request-tile-1-sub label,
.request-tile-2-upd label {
    font-family: "Regular";
    font-weight: 400;
}

.request-tile-2 label,
.request-tile-2 span {
    font-size: 12px;
    letter-spacing: -0.2px;
}

.main-page-inner-heading {
  font-family:Semibold;
    margin-bottom: 24px;
    opacity: 1;
    color: #111827;
    font-size: 20px !important;
    font-weight: 600;
    font-style: normal !important;
    letter-spacing: -0.35px !important;
    text-align: left !important;
    line-height: 24px !important;
}

.font-lg-26-b {
    opacity: 1;
    color: rgba(17, 24, 39, 1);
    font-size: 26px;
    font-weight: 800;
    font-style: normal;
    letter-spacing: -1.24px;
    text-align: left;
    line-height: 28px;
    margin-bottom: 10px
}

.request-pg-reqid-req {
    opacity: 1;
    color: rgba(17, 24, 39, 1);
    font-size: 18px;
    font-family: 'Regular';
    letter-spacing: -0.35px;
    text-align: left;
    line-height: 22px;
    font-weight: 400;
}

.request-page-title {
    color: #111827;
    font-size: 28px;
    font-weight: 700;
    letter-spacing: -0.41px;
    line-height: 28px;
	font-family:Bold;
}

.request-pg-dt label:first-child,
.request-pg-req label:first-child {
    font-weight: 400;
	font-family:Regular;
}

.request-pg-dt label:nth-child(2),
.request-pg-req label:nth-child(2) {
    font-weight: 500;font-family:Medium;
    color: #3A3B3E;
}

.request-progress-line {
    display: flex;
    flex-wrap: wrap;
    margin: 20px 0px 35px 0px;
    justify-content: space-around;
}

.req-progress {
    color: #111827;
    margin-top: 15px;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: -0.35px;
    line-height: 20px;
}

.request-progress-line.request-progress-stat:first-child {
    padding-left: 0px;
    text-align: left;
}

.request-progress-line.request-progress-stat {
    display: inline-block;
    text-align: center;
    padding: 0 15px;
    position: relative;
}

.request-progress-stat i {
    font-size: 46px;
    background: #fff;
    border-radius: 100%;
    position: relative;
    z-index: 1;
    height: 43px;
    margin: 0 0 10px 0;
}

.request-progress-stat:before {
    content: "";
    background: #979797;
    position: absolute;
    top: 194px;
    left: 38px;
    right: 18px;
    height: 2px;
}

.upload-dropzone span {
    content: url(/hc/theming_assets/01J3YZPJ714V1FHDH9MPKGAWCX) !important;
}

.upload-dropzone {
    text-align: inherit !important;
}

.cus_field dt {
    opacity: 1;
    color: rgba(17, 24, 39, 1);
    font-size: 16px;
    font-weight: 600;
    font-style: normal;
    letter-spacing: -0.35px;
    text-align: left;
    line-height: 20px;
    margin-bottom:16px;
}

.cus_field dd {
    opacity: 1;
    color: rgba(17, 24, 39, 1);
    font-size: 12px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: -0.25px;
    text-align: left;
    line-height: 16px;
	font-family:Regular;
}

.cus_field {
    border-bottom: 1px solid rgba(209, 213, 219, 1);
    opacity: 1;
    padding:28px 0px;
}

.request-progress-img img {
    max-width: 100%
}

.ReqDescription {
  float:left;
    padding-left: 0px !important;
    width: 95%;
}

#request_comment_body,
#upload-dropzone {
    border-radius: 8px !important;
}

.home-page-action>div {
    padding: 0px 12px;
}

.home-page-badge {
    height: auto !important;
}
#complete.input:checked ~ .checkmark {
  background-color: red;
}
.btn-div,
.btn-div-a-alternate,
input[type="submit"],
input[type="button"],
.btn-div-a-alternate:hover,
.btn-div-a-alternate:focus,
input[type="submit"]:hover,
input[type="submit"]:focus
input[type="button"]:hover,
input[type="button"]:focus{
    -webkit-appearance: button;
    border-radius: 20px;
    opacity: 1;
    background-color: rgba(17, 24, 39, 1);
    color: #fff !important;
    font-size: 12px;
    font-weight: 500;
    padding: 10px 22px;
    text-align:center;
    margin-right: 10px;
    line-height: 12px;
    letter-spacing: -0.25px;
    font-family: "Medium";
    white-space:nowrap;
    height:32px;
}
.btn-div-a-alternate.cancel{
  background-color:#fff;
  color:rgba(17, 24, 39, 1) !important;
  border:1px solid rgba(17, 24, 39, 1);
  line-height:22px;
}
.btn-div:hover,
.btn-div:active,
.btn-div:focus {
    color: #fff !important;
    text-decoration: none;
}

.btn-accept,
.btn-reject {
    font-size: 10px !important;
    margin:0px;
}

.btn-reject {
    background-color: #fff;
    color: #111827 !important;
    border: 1px solid rgba(17, 24, 39, 1);
}

.btn-reject:hover,
.btn-reject:active,
.btn-reject:focus {
    color: #111827 !important;
    text-decoration: none;
}

.privbtnset {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-end;
    gap:16px;
}

.eform-desc {
    margin-top: 16px;
    font-size: 15px;
    font-weight: 500;
    white-space: break-spaces;
}
div#upload-dropzone>div {
    text-transform: uppercase;
    font-size: 10px;
    margin-top: 0px !important;
}

.askAQuestion.active a {
    background-color: #fff !important;
}

.img-show-topics-selected {
    margin-right: 10px;
}

.l1-topics i {
    font-size: 18px;
    margin-right: 10px;
}

#new_request footer {
    margin-top: 30px;
}

/* .form-field:not(:last-of-type) { */
.form-field {  
    border-radius: 8px;
    border: 1px solid rgba(209, 213, 219, 1);
    opacity: 1;
    background-color: rgba(255, 255, 255, 1);

}

label[for='request-attachments'] {
    display: none;
}

.form-field label:first-child {
    padding: 0 15px 0 10px;
    margin-top: 5px;
    opacity: 0.7;
    margin-bottom: 0px;
    font-size: 12px;
    text-transform: uppercase;
    color: #4b4a4a;
    font-weight: 700;
}

div#upload-dropzone>div {
    text-transform: uppercase;
    font-size: 10px;
}

.form-field input[type=text],
.form-field a,.form-field textarea,.form-field input[type=number]  {
    border-radius: 0px !important;
    border: 0px !important;
    margin-bottom: 4px !important;
}

#hc-wysiwyg {
    border-left: 0px;
    border-right: 0px;
    border-bottom: 0px;
    margin-top: 10px;
    border-radius: 0px;
    resize: none;
}

#request_description_hint {
    display: none;
}

.form-field a:hover,
.form-field a:focus {
    color: #111827;
}

.upload-item {
    border-radius: 16px;
    border: 1px solid rgba(107, 114, 128, 1);
    opacity: 1;
    background-color: #f2f2f2;
}

.upload-item .upload-item-icon {
    display: none;
}

.upload-remove .upload-item-icon {
    display: block;
}

.footerItem {
    float: right;
}

.content-title-large {
    opacity: 1;
    color: #222020;
    font-size: 28px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: -0.29px;
    text-align: left;
    font-family: "Bold";
    margin-bottom: 15px;
    line-height:28px;
}

.news-content-title-large {
    color: #111827;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: -0.35px;
    text-align: left;
    line-height: 24px;
}

.news-content-body-small {
    color: #6B7280;
    font-family: "Regular";
    font-size: 12px;
    font-weight: 400;
    letter-spacing: -0.25px;
    text-align: left;
    line-height: 12px;
}

.news-content-body {
    opacity: 1;
    color: rgba(55, 65, 81, 1);
    font-family: "Regular";
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: -0.25px;
    text-align: left;
    line-height: 18px;
}

.content-body {
    opacity: 1;
    color: #202020;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: -0.25px;
    text-align: left;
    line-height: 20px;
    font-family: "Regular";
}

.news-body {
    color: #374151;
    font-family: "Regular";
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -0.25px;
    text-align: left;
    line-height: 18px;
    max-height:90px;
}

.news-body-small {
    color: #6B7280;
    font-family: "Regular";
    font-size: 12px;
    font-weight: 400;
    letter-spacing: -0.25px;
    text-align: left;
    line-height: 12px;
}

.content-body-small {
    opacity: 1;
    color: rgba(107, 114, 128, 1);
    font-size: 12px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: -0.25px;
    text-align: left;
    line-height: 12px;
	font-family:Regular;
}

.mtm-card-a {
    margin: 0px;
    transition: all 0.5s ease;
    width: 100%;
    border-radius: 8px;
    opacity: 1;
    background-color: rgba(255, 255, 255, 1);
}

.shadow-box-card-center {
    transition: all 0.5s ease;
    border-radius: 8px;
    box-shadow: 0px 2px 32px rgba(0, 0, 0, 0.1);
    opacity: 1;
    background-color: rgba(255, 255, 255, 1);
}
.appstiles{flex:1 0 20%;}
.margin-top-10 {
    margin-top: 10px !important;
}

.padding-top-20 {
    padding-top: 20px !important;
}

#my_search_header .updated,
#my_search_header .u_date {
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: -0.2px;
	font-family:Medium;
}

#my_search_header .updated {
    font-weight: 400;
    font-family: "Regular";
}

.news-background-all {
    width: 120px;
    height: 124px;
}

.news-background-basic {
    background: url(/hc/theming_assets/01J3YZPEWN8FSMF6M4PTWY5VEY) no-repeat 0 0;
    background-size: contain;
}

.news-background-calendar {
    background: url(/hc/theming_assets/01J3YZPJMWTN0WZRQQ6SWP210T) no-repeat 0 0;
    background-size: contain;
}

.news-background-diversity {
    background: url(/hc/theming_assets/01J3YZPF62APC2N1EAJ9Q6DXPC) no-repeat 0 0;
    background-size: contain;
}

.news-background-likes {
    background: url(/hc/theming_assets/01J3YZPJZEB29C90ZMM9YSMH0P) no-repeat 0 0;
    background-size: contain;
}

.news-background-tasks {
    background: url(/hc/theming_assets/01J3YZPJ0AYWC5K7ZJEGW7XY3H) no-repeat 0 0;
    background-size: contain;
}


.margin-left-15 {
    margin-left: 15px;
}
.margin-left-25{
  margin-left:25px;
}
.v_all-small {
    float: right;
    color: #0041F0 !important;
    font-size: 12px;
    font-weight: 500;font-family:Medium;
    letter-spacing: -0.21px;
}

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

.div-left-right {
    width: 100%;
    margin-bottom: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;
}

.auto-height-cards {
    color: #53565a;
    position: relative;
    background: #fff;
    width: 100%;
    float: left;
    padding: 24px;
    color: #53565a;
    font-weight: 500;font-family:Medium;
    border-radius: 8px;
    box-shadow: 0px 2px 32px rgb(0 0 0 / 10%);
    opacity: 1;
    background-color: rgba(255, 255, 255, 1);
}

.no-items-found {
    border-radius: 8px;
    opacity: 1;
    background-color: rgba(249, 250, 251, 1);
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
    min-height: 200px;
}

.no-items-found-text {
    opacity: 1;
    color: #374151;
    font-size: 16px;
    font-weight: bold;
    font-style: normal;
    letter-spacing: -0.35px;
    text-align: center;
    line-height: 22px;
    padding-top: 15px;
}

.home-page-action-box {
    height: 100%;
    display: flex;
    flex-direction: column;
}

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

.font-16-b {
    opacity: 1;
    color: #111827;
    font-size: 16px;
    font-weight: 500;
    font-style: normal;
    letter-spacing: -0.35px;
    text-align: left;
    line-height: 16px;
    font-family: 'Medium';
}

.font-14-g {
    opacity: 1;
    color: rgba(55, 65, 81, 1);
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: -0.25px;
    text-align: left;
    line-height: 24px;
    font-family: 'Regular';
    display:flex;
}

.font-14-b {
    opacity: 1;
    color: rgba(17, 24, 39, 1);
    font-size: 14px;
    font-weight: 500;
    font-style: normal;
    letter-spacing: -0.25px;
    text-align: left;
    line-height: 24px;
    font-family: 'Medium';
    margin-right:5px;
}

.font-14-blue {
    opacity: 1;
    color: #0041F0;
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: -0.25px;
    text-align: left;
    line-height: 24px;
    font-family: 'Regular';
}

.location-img {
    background: url(/hc/theming_assets/01J3YZPKC34K5GSNC38GMFJBSZ) no-repeat 0 0;
    background-size: contain;
    width: 10px;
    height:13px;
    margin-top: 5px;
    margin-right: 10px;
}

.edit-profile-img {
    background: url(/hc/theming_assets/01J3YZPJR02K1VV33CA675KY8H) no-repeat 0 0;
    background-size: contain;
    width: 15px;
    height: 14px;
    display: inline-block;
}

.user-profile-img {
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
    width: 121px;
    height: 121px;
}

.center-text-items {
    display: flex;
    align-items: center;
}

.moments-inner-page {
    width: 270px;
    height: 215px;
}

.mg-top-100 {
    margin-top: 100px;
}

.mg-top-50 {
    margin-top: 50px;
}

.mg-top-70 {
    margin-top: 70px;
}

.mtm-tab-content img {
    max-width: 100%;
    max-height: 100%;
}
.leftcontent-mtm{padding-top:14px;}
.leftcontent-mtm > .col-md-9{padding-right:36px!important;}
.daysremaining b{font-size:36px;font-weight:700;font-family:bold;line-height: 18px;}
.daysremaining span{font-size:10px;font-weight:500;font-family:Medium;}
.daysremaining p{font-size:12px;font-weight:500;font-family:Medium;line-height: 16px;margin-top:5px;margin-bottom:16px;}
#mtmRelatedPages .acc-title {
    font-size: 14px;
    font-weight: 700;
    border-top: 1px solid rgba(209, 213, 219, 1);
    stroke-linecap: butt;
    stroke-linejoin: miter;
    padding-top: 14px;
    cursor: pointer;
    position: relative;
	font-family:Bold;
}

#mtmRelatedPages .acc-body.relatedInactive {
    display: none;
}

#mtmRelatedPages .acc-body.relatedActive {
    display: block;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: -0.25px;
    font-family: "Regular";
}

#mtmRelatedPages .acc-title.relatedInactive::after,
#mtmRelatedPages .acc-title.relatedActive::after {
    content: "\f107";
    width: 8px;
    float: right;
    color: #111827;
    font-family: 'Font Awesome 5 Pro';
    font-weight: 100;
    font-size: 20px;
    position: absolute;
    right: -10px;
    top: 10px;
}

#mtmRelatedPages .acc-title.relatedActive::after {
    content: "\f106";
}

.subsectabGAF {
    border-bottom: 1px solid rgba(209, 213, 219, 1);
    stroke-linecap: butt;
    stroke-linejoin: miter;
}

.mt-4em {
    margin-top: 4rem;
}

#mtmRelatedPages {
    height: 571px;
    overflow-y: scroll;
}

#mtmRelatedPages #accordion {
    height: 100%;
}

#mtmRelatedPages::-webkit-scrollbar {
    width: 5px;
}

#mtmRelatedPages::-webkit-scrollbar-thumb {
    background: rgba(209, 213, 219, 1);
    border-radius: 10px;
}

#mtmRelatedPages::-webkit-scrollbar-thumb:hover {
    background: #111827;
}

#mtmRelatedPages::-webkit-scrollbar-track {
    background: transparent;
}

#mtmRelatedPages::-webkit-scrollbar-track-piece:end {
    background: transparent;
}

#mtmRelatedPages::-webkit-scrollbar-track-piece:start {
    background: transparent;
}

.overlay {
    position: absolute;
}

.spacer-tiles {
    padding-top: 32px;
}

.animeBanner {
    display: flex;
    min-height: 235px;
    background-image: url(/hc/theming_assets/01J3YZP7QKAWET116G9N1T2RTC);
    background-position: -107px;
    background-size: cover;
    height: 230px;
    padding: 0 20px;
    text-align: center;
}

.animeBanner .leftBanner {
    float: left;
}

.animeBanner .leftBanner img {
    width: 95%;
    height: 100%;
    padding-left: 15px;
    padding-right: 100px;
    margin-bottom: -15px;
}

.animeBanner .rightBanner {
    float: right;
}

.animeBanner .rightBanner img {
    margin-bottom: -30px;
    width: 95%;
    height: 100%;
    padding-left: 100px;
}

a:hover {
    text-decoration: none;
}

.mtm-content {
    justify-content: space-between;
    display: flex;
    gap: 28px;
}

.mtm-content img {
    width: 310px;
    height: 230px;
}

.mtmInnerHeader.nav-tabs li a {
    color: #6b7280;
    font-size: 14px;
    font-weight: 500;font-family:Medium;
    border: none;
    border-bottom: 5px solid transparent;
    padding: 15px 0px 18px 0px;
    margin: 0px 30px 0px 0px;
    line-height: 14px;
}

.mtmInnerHeader.nav-tabs li.active a {
    color: #111827;
}

.subsectabpaneGAF p {
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    font-family: "Regular"
}

.subsectabpaneGAF p a{color:#0041F0;}
.home-moments-description img {
    width: 48px;
    height: 48px;
}

/* The Modal (background) */
.footer-modal {
    display: none;
    position: fixed;
    z-index: 1;
    left: 30%;
    top: 20%;
    width: 40%;
    height: 60%;
    overflow: auto;
}

.modalOverlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(128, 128, 128, 0.5);
    display: none;
}

.modal {
    background-color: #ffffffeb !important;
}

.modal-dialog {
    box-shadow: 0px 0px 22px #d0cfcf;
    border-radius: 8px;
}

.modal-open {
    overflow: auto !important;
    padding-right: 0 !important;
}

.privimg {
    width: 435px;
    height: 149px;
}

#cont_modal .modal-title,
#priv_modal .modal-title,
#terms_modal .modal-title {
    font-size: 20px;
    font-weight: 600;
    line-height: 22px;
    letter-spacing: -0.21px;
    color: #222020;
    margin-bottom: 22px;
    font-family: "SemiBold";
}

#cont_modal p,
#priv_modal p,
#terms_modal p {
    font-size: 14px;
    line-height: 1.29;
    letter-spacing: -.3px;
    color: #53636a;
    margin-bottom: 20px;
}

#cont_modal .modal-footer,
#priv_modal .modal-footer,
#terms_modal .modal-footer {
    background-color: #111827;
    color: #fff;
    display: block;
    text-align: center !important;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    cursor: pointer;
    padding: 15px;
}

/* Modal Content/Box */
.modal-content {
    border: 1px solid #374151;
    width: 80%;
    box-shadow: none !important;
}

.action-modal {
    height: 360px;
}

.action-modal h4 {
    color: #222020;
    font-size: 24px;
    font-weight: 600;
    letter-spacing: -0.25px;
    line-height: 22px;
    display: inline-block;
}

.action-success-div .check {
    color: #84CC16;
    font-size: 92px;
}

.action-successmsg {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -0.25px;
    line-height: 20px;
    color: #202020;
    font-family: "Regular"
}

.action-ok-btn {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-50%);
}

.action-success-div {
    text-align: center;
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
}

.daysremaining {
    font-weight: 700;
    font-size: 12px;
    letter-spacing: -0.12px;
	font-family:Bold;
      border-bottom: 1px solid rgba(209, 213, 219, 1);
    margin-bottom: 16px;
}

.daysremaining .radiobuttons {
    margin-right: 5px;
    padding-top: 5px;
}

.mb-20 {
    margin-bottom: 20px !important;
}

/* The Close Button */
.close {
    float: right;
    font-size: 35px !important;
    font-weight: 100 !important;
    color: #111827 !important;
    opacity: 1 !important;
}

.close:hover,
.close:focus {
    color: #111827;
    text-decoration: none;
    cursor: pointer;
}

.myact_top {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between;
}

.myact_top span {
    margin-right: 15px
}

#todo_header .myticketitem .ticdetails {
    display: flex;
    flex-wrap: wrap;
}

.msearch,
.footer-language-selector,
.main-footer nav,
.mobile-content {
    display: none;
}

/*HM Dashboard Hardcoded styles*/
table {
    border-collapse: collapse;
}

.Name_Header {
    padding-left: 7px;
}

#NameDetail,
#Name {
    width: 26%;
    text-align: left !important;
    padding: 0px 0px 0px 10px !important;
}

#Name span,#Date span {
    padding-left: 5px;
}

#Sorttable tr th,
#Sorttable tr th span,.hm-mobile-content {
    font-size: 10px;
    color: #A2B9C4;
    letter-spacing: .1px;
/*     text-align: center; */
    text-transform: uppercase;
    font-weight: 500;font-family:Medium;
    line-height: 14px;
}
#Sorttable{width:100%}

#Sorttable tr th {
    float: left;
    margin-bottom: 15px;
    white-space: nowrap;
    justify-content: left !important;
}



#DateDetail,
#LocationDetail {
    color: #1D2B36;
    font-family: "Regular";
    font-size: 18px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: -0.53px;
    text-align: left !important;
}

#LocationDetail {
    align-items: center;
    height: auto;
}


#Sorttable tr.contentdetail {
    background: #fff;
    border: 1px solid #E3EAED;
    margin-bottom: 16px;
    border-radius: 8px;
    padding: 15px 5px;
}

#NameDetail,
#Name {
    width: 26%;
    text-align: left !important;
  align-items:center;
}
.Hiring_Manager .sorttable td{
  border:none !important;
}
.Hiring_Manager .sorttable th{
  border:none !important;
}
.tblTitle{
  font-size:12px !Important;
}

.IAP_EEP_Candidate_Profile_Icon {
    border-style: 1px #7b8e98 solid;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    float: left;
}

.IAP_EEP_Candidate_Name {
    color: #1D2B36;
    font-size: 18px;
    font-weight: 500;
    font-family: "Medium";
    letter-spacing: -0.48px;
    margin-bottom: 4px;
    white-space:nowrap;
}

.IAP_EEP_Candidate_Role {
    color: #7B8E98;
    font-size: 14px;
    font-weight: 500;font-family:Medium;
    letter-spacing: -0.29px;
    line-height: 13px;
    margin-bottom: 4px;
}

.IAP_EEP_Candidate_Mail {
    color: #0041F0;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: -0.25px;
    line-height: 13px;
}

.IAP_EEP_Candidate_Mobile {
    font-weight: 500;font-family:Medium;
    font-size: 12px;
    color: #9CA3AF;
    display: block;
    letter-spacing: -0.25px;
    line-height: 13px;
    margin-top: 4px;
}

.load-more {
    background-color: #da0104;
    text-align: center;
    height: auto;
    padding: 10px 0px;
    color: #fff;
    border: none;
    font-size: 14px;
    margin: auto;
    margin-bottom: 20px;
    display: block;
    border-radius: 0px;
}

.CircularProgress,
.CircularBlueProgress,
.CountMessage {
    float: left;
}

.canvasinner {
    width: 60px;
    height: 60px;
    border: 3px solid #fff;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .1);
    border-radius: 50%;
}

.CountMessage {
    color: #7b8e98;
    text-align: center;
    padding-top: 10px;
    padding-left: 5px;
}

.Greencount {
    color: #7ec344;
    font-weight: 600;
    font-size: 16px;
	font-family:"SemiBold";

}

.ZeroCount,
.GreenTotalcount,
.BlueTotalcount {
    color: #7b8e98;
    font-size: 16px;
    font-weight: 400;
    font-family: "Regular"
}

.Bluecount {
    color: #38bdf8;
    font-weight: 600;
    font-size: 16px;
}

.flex-wrapper {
    display: flex;
    flex-flow: row nowrap;
}

.circular-chart {
    width: 52px;
    height: 52px;
    border: 3px solid #fff;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .1);
    border-radius: 50%;
}

.circle-bg {
    fill: none;
    stroke: #eee;
    stroke-width: 5.5px;
}

.circle {
    fill: none;
    stroke-width: 5.5px;
    stroke-linecap: square;
    animation: progress 1s ease-out forwards;
}

@keyframes progress {
    0% {
        stroke-dasharray: 0 100;
    }
}

.circular-chart.green .circle {
    stroke: #84CC16;
}

.circular-chart.blue .circle {
    stroke: #38BDF8;
}

.percentage {
    fill: #000;
    font-size: 9px;
    text-anchor: middle;
    font-weight: 800;
}

.Complete {
    font-size: 12px;
    font-weight: 500;font-family:Medium;
    color: #7B8E98;
    letter-spacing: -0.35px;
    line-height: 12px;
}

.tasklist-subheader {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.taskinnerwrap.hm-activities-tile {
    height: 198px;
    padding: 24px
}

.hm-subheader {
    font-family: "SemiBold";
    font-size: 20px;
    font-weight: 600;
    letter-spacing: -0.35px;
    line-height: 24px;
}

.hm-subheader span {
    font-family: "Regular";
    font-weight: 400;
}

.hm-activities-tile i {
    font-size: 24px;
    margin-bottom: 8px;
}

.hm-activities-tile .ReqTileTitle {
    color: #1D2B36;
    font-family: "Regular";
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -0.5px;
    text-align: left;
    line-height: 20px;
    padding-top: 8px;
}

.hm-activities-tile .DueDate {
    font-family: "Medium";
    font-size: 12px;
    font-weight: 500;
    letter-spacing: -0.2px;
    line-height: 18px;
    margin: 36px 0px 8px 0px;
}

.hm-activities-tile .dleft {
    color: #53636A
}

.hm-activities-tile .dright {
    color: #000
}

.hm-activities-tile .ReqTileStatus {
    color: #7B8E98;
    font-family: "Regular";
    font-size: 12px;
    font-weight: 400;
    letter-spacing: -0.25px;
    line-height: 19px;
}

.hm-task-list .radiobuttons_label {
    margin-right: 10px;
}
.completed .ReqTileStatusWrapper i{font-weight:600;}
.ReqTileStatusWrapper i {
    font-size: 16px;
}

.hm_activity,
.hm-tasklist {
    display: none;
}

.hm_activity.active,
.hm-tasklist.active {
    display: block;
}
.completed .ReqTileWrapper{opacity:50%;}
.hm-tasklist .completed {
    pointer-events:none;
}

#nj_activity .radiobuttonset {
    display: flex;
    justify-content: flex-end;
    padding-top: 20px;
}
#hm_task .radiobuttonset {
    display: flex;
    justify-content: flex-end;
    padding-top: 20px;
}

.main-news-pad.static {
/*  margin: 0px -7.7% -12% -30% !important;
    transform: translateY(-30%); */
    margin: -10.8px -8.4% -13% -35.3% !important;
    transform: translate(4%,-27.6%);
}

.main-news-pad.anime {
/*  margin: -20px -14.7% -14% -27% !important; */
    margin:-17px -18.4% -13% -26.9% !important;
    transform: translate(-2%, -26.3%);
}

.homeSearch img {
    width: 100%
}

.homeSearch {
    min-height: auto;
    object-position: -130px;
    object-fit: cover;
    transform: translateY(-30%);
    position:relative;
    z-index:4;

}
.NewsMainContainer{
    z-index: 2;
    position: relative;
}


.enrollment-app{
color: #374151;
font-family: "Medium";
font-size: 16px;
font-weight: 500;
letter-spacing: -0.28px;
line-height: 24px;
margin-bottom:24px;
width:100%;
}
.d-enrollment-app{text-align:right;font-family:"Light";font-size:12px;font-weight:300;letter-spacing:-0.21px;color:#374151;}
.d-enrollment-app span{text-align:right;font-family:"Medium";font-weight:500;}
/*GEN AI form*/
.p-tablist{display:flex;margin:20px 0px;}
.p-tablist li{display:flex;flex:1 1 auto;justify-content:center;position:relative;}
.p-tablist li a{align-items:center;display:inline-flex;flex-direction:column;overflow:hidden;background:#fff;border-radius: 6px;transition: box-shadow .2s;color:#818080;}
.p-tablist .p-steps-item:before{border-top:1px solid #dee2e6;content: " ";display:block;left:0;
margin-top:-1rem;position:absolute;top:50%;width:100%;}
.p-steps-number {background:#fff;border:1px solid #e9ecef;border-radius:50%;color:#fff;
font-size:20px;height:32px;line-height:32px;min-width:32px;z-index:1;box-shadow: 1px 1px #888888;}
.gen-btn-gradient{background-color:#000;color:#fff;font-size:12px;font-weight:700;padding:8px 22px;border:none;
border-radius:20px;margin-right:15px;}
.active .p-steps-number{background:#a762d1;color:#a762d1;}
.Talentfeedbackform footer{margin-top:20px;}
.request_custom_fields_20559688273179{margin-bottom:20px;}
#GenAImodel .form-group{min-height:0px;}
/*GEN AI form*/
.request_custom_fields_20218746079899{clear:left;}
.Radiobuttons{margin:25px 0px 0px 0px;float:left;width:100%;border-radius: 8px;
border: 1px solid rgba(209, 213, 219, 1);opacity: 1;padding:9px 10px;clear:both;}
.Radiobuttons label.mainlabel{font-size:12px;text-transform:uppercase;color:#4b4a4a;opacity:0.7;
font-weight:700;font-family:Bold;display:block;margin-bottom:10px;}
.rdbtn label{margin:0px 10px;color:#4b4a4a;font-family: 'Regular';font-weight: 100;}
.rdbtn.field-width-40{width:100% !important;}
.Radiobuttons label.mainlabel::after {content: "*";color: #f00;margin-left: 2px;}
.request_custom_fields_20218511589403.field-width-30{clear:left;width:48% !important;}
.request_custom_fields_20218527937435{clear:left;}

.request_custom_fields_20977913476507{clear:left;}
.request_custom_fields_21048358850459{clear:left;padding:0px !important;}
.request_custom_fields_20977969446939{clear:left;}
.request_custom_fields_20977969446939{clear:left;}
.request_custom_fields_20977969446939.field-width-40{width:100% !important;}
.request_custom_fields_20977987000731{clear:left;}
.request_custom_fields_20977987000731.field-width-40{width:100% !important;}


/*Mc-d form*/
.perf-loader {
        border: 5px solid #f3f3f3;
        border-top: 5px solid #3498db;
        border-radius: 50%;
        width: 50px;
        height: 50px;
        animation: spin 2s linear infinite;
        position: fixed;
        z-index: 999;
        left: 45%;
        top: 45%;
    }
.form-container{display:none;}
.form-container {
      background-color: #fff;
      padding: 20px;
      border-radius: 8px;width:900px;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    }

    .step {
      display: none;
    }

    .step.active {
      display: block;
    }
#btn-statisfy,#btn-submit,#submitmanual,#submitai{background-color: #333;color: #fff;font-weight:bold;}
    .form-container button {
      background-color: #333;
      color: #fff;font-weight:bold;
      border: none;
      padding: 10px 20px;
      border-radius: 50px;
      cursor: pointer;
    }

    .form-container button.next,.generate,.Submitform,#submitmanual,#submitai {
      float: right;
    }
.Submitform{margin-left:20px;display:none;}
    .form-container button.back {
      float: left;background:#f0f0f0;color:#333;
    }
.steptitle{font-weight:bold;padding-bottom:10px;}
    .box,.box2 {
      padding:20px;transition: all 1s ease;
      background-color: #e6bbff;
      margin: 10px;
      display:flex;
      cursor: pointer;
      justify-content: center;
      align-items: center;flex-direction: column;
      width:47%;margin-right:1%;border:2px solid #ededed;border-radius:6px;
    }
    .minibox,.minibox1{
      padding:20px;transition: all 1s ease;
      background-color: #fff9e9;font-weight:bold;
      margin: 10px;
      display:flex;
      cursor: pointer;
      justify-content: center;
      align-items: center;flex-direction: column;
      width:22%;margin-right:1%;border:2px solid #fff;border-radius:6px;
    }
.minibox.disable,.minibox1.disable{background:#fafafa;pointer-events:none;}
    .box-wrap,.Greateststrength{display:flex;margin:15px 0px;}

    .highlight {
      border: 2px solid #a100ff;box-shadow:0 0 10px rgb(243 130 255 / 15%);animation: pulse 2s infinite;
    }

    .bold{font-weight:bold;margin-bottom:10px;}
    #step4 textarea,#McdModel textarea{width:100%;height:110px;}
.stepsubtitle{text-align:center;font-size:16px;}
.minititle{margin-bottom:10px;font-weight:600;}
.Userdetails{text-align:center;font-weight:bold;font-size:16px;margin:15px 0px;}
.stepusername{padding-left:10px;}
.perf-loadernew{position:absolute;background:#fff;flex-direction:column;width:100%;height:100%;
  z-index:1;display:none;text-align:Center;}
.perf-loadernew .fa-spin{font-size:30px;margin-bottom:15px;color:#0041F0;}
.perf-loadernew div.innerload{position:absolute;top:20%;width:100%;text-align:center;}
.accfeedback textarea{height:110px;}
#step5{position:relative;}
/*Mc-d form*/
/*datepicker*/
.ui-datepicker{width:20em !important;}
.ui-datepicker select.ui-datepicker-month{border:none;}
body .ui-datepicker td span,body .ui-datepicker td a{text-align:center;}
body .ui-datepicker-year{border:none;}
body .ui-widget-content{color:#838383;}
body .ui-widget-header{background:none;border:none;}
body .ui-state-default,body .ui-widget-content .ui-state-default, 
body.ui-widget-header .ui-state-default, .ui-button, 
html .ui-button.ui-state-disabled:hover, 
html .ui-button.ui-state-disabled:active{background:none;border:none;color:#333;font-size:12px;}
body .ui-state-highlight,body .ui-widget-content .ui-state-highlight,body .ui-widget-header .ui-state-highlight{background:none;border:none;font-weight:700;}
body .ui-datepicker td span,body .ui-datepicker td a{text-align:center;}
body .ui-datepicker-year{border:none;}
body .ui-state-hover,body .ui-widget-content .ui-state-hover,body .ui-widget-header .ui-state-hover,body .ui-state-focus,body .ui-widget-content .ui-state-focus,body .ui-widget-header .ui-state-focus,
body .ui-button:hover,body .ui-button:focuse{border:none;}
body .ui-state-active,body .ui-widget-content .ui-state-active,body .ui-widget-header .ui-state-active,body a.ui-button:active,body .ui-button:active,body .ui-button.ui-state-active:hover{background:#e6e6e6;}
body .ui-state-hover,body .ui-widget-content .ui-state-hover,body .ui-widget-header .ui-state-hover,body .ui-state-focus,body .ui-widget-content .ui-state-focus,body .ui-widget-header .ui-state-focus,body .ui-button:hover,
body .ui-button:focus{background:none;border:none;}



@media(min-width:1920px){
  .topics-nav-item {
      flex:1 1 20%;
}

}
zd-autocomplete-multibrand zd-autocomplete-breadcrumbs-multibrand{display:none !important;}
zd-autocomplete-multibrand zd-autocomplete-title-multibrand{color:#111827 !important;}
.eep_search-box.typed .search::after{
	content: "\f00d";
    font-family: 'Font Awesome 5 Pro';
    position: relative;
    right: 20px;
  display:block;
  cursor:pointer;
}
.flip-card-front .firstday-tile-answer{display:none;}
.flip-card-back .firstday-tile-img{display:none;}
.form-field~.form-field.request_custom_fields_14669886975259{
    width: 49%;
    float: left;
    clear: left;
}
.form-field~.form-field.request_custom_fields_14669975284891{
    width: 49%;
    float: right;
    clear: none;
}
#priv_modal .v_all{float:none;}

body *::-webkit-scrollbar {
    width: 6px;
}
body *::-webkit-scrollbar-thumb {
    background-color: #9CA3AF;
    outline: 1px solid #D8D8D8;
    border-radius: 3px;
}
body *::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
.no-results{
color: rgba(107,114,128,1);
    font-family: "Medium";
    font-size: 18px;
    font-weight: 500;
    letter-spacing: -0.35px;
    line-height: 22px;
    margin-top: 16px;
}
.no-results-div{
    margin-top: 24px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.no-results-div img{
 width:311px;
 height:207px;
}
#actionBreadCrumbs,#actionPageTitle{
  display:none;
}
.width-100{
  width:100%!important;
   flex: 0 0 100% !important;
  max-width: 100%  !important;
}
.width-100.form-field{
  width:100%!important;
} 
.form-field.boolean{
  border:none;
}
.padding-24{
  padding-bottom: 24px;
}
.actinRecOuter{
  display:grid;
}
@media only screen and (max-width: 805px) and (min-width: 576px){
.mb-12{
margin-bottom:12px;
}
}

@media only screen and (max-width: 660px) and (min-width: 430px){
.appstiles {
    flex: 1 0 40%;
}
}
.tutorial-screen{
  display:none;
}
.mayachat{
  display:none;
}
.boolean.formcusfullfield{
  border:none;
}
.boolean.formcusfullfield label{
  margin-top:0px!important;
}
.eform-desc div img{
  max-width:100% !important;
}
.request_type{
  display:none;
}
.no-padding-left{
  padding-left:0px!important;
}
.custom-button{
text-align: center;
color: #fff !important;
width: 10%;
padding: 7px;
font-size: 14px;
float: right;
background-color: #111827;
border-radius: 25px;
cursor: pointer;
}
.custom-button:active, .custom-button:hover, .custom-button:focus{
  color:#fff !important;
}
.actionFlex{display:flex;white-space:normal;}
.actionFlex > label {
  padding:2px 0px 0px 2px;
}
@media screen and (min-width: 900px) and (max-width: 1200px) {

  .card-list-item > div > div{
    flex-direction:column;
    flex-wrap:wrap;
	}
  
  .actionFlexD{white-space:normal;}
}
.IAPP_Onboard_progressOuterWrapper{
  width:100%;
}
#circularbar {
    float: left;
    margin-right: 24px;
}
.progress-bar {
    background-color: #7ec344 !important;
    border-radius: 25px;
}
.progress {
    padding: 3px;
    background-color: #fff !important;
    box-shadow: none !important;
    border-radius: 25px !important;
    margin-bottom: 0px !important;
    width: 90%;
    position: relative;
    border: 1px solid rgba(229,231,235, 1);
}
.circular-chart {
    width: 96px;
    height: 96px;
    border: 3px solid #fff;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .1);
    border-radius: 50%;
}
.pbar {
    background-color: #F3F4F6 !important;
    box-shadow: none !important;
}
.ProgressCount {
    color: #7b8e98;
    margin-top: -2px;
    text-align: right;
    padding-left: 20px;
    font-family: "Medium";
    font-size: 12px;
}
.completedcount {
white-space:nowrap;
color: rgba(107,114,128,1);
font-family: "Semibold";
font-size: 10px;
font-weight: 600;
letter-spacing: 0.25px;
line-height: 10px;
}
.acttitle {
font-family: Medium;
font-size: 12px;
font-weight: 500;
line-height: 16px;
letter-spacing: -0.25px;
color: #111827;
padding-bottom: 2px;
}
.Subtitle {
font-size: 18px;
font-family: "Semibold";
color: #374151;
padding-bottom: 24px;
float: left;
letter-spacing: -0.35px;
line-height: 22px;
width: 100%;
}
.req_activities {
    margin-bottom: 13px;
}
.activity-complete {
    height: 277px;
    width: 116px;
    padding-bottom: 38px;
}
.noborder{
  border:none!important
}
.my-dashboard-detailed{
  display:none;
}
#paramsJson{
  display:none;
}
.mayachatLoader{
  display:none;
}
.no-pointer{
  cursor:none !important;
}
/* New Article Design Starts Here*/
.bannerImg-Article{
  width:100%;
  height:auto;
}
.bannerStrip-Article{
  width:100%;
  height:auto;
}
.iconImg-Article{
  width:50px !important;
  height:50px !important;
}
.bodyHighlight-Article{
 font-weight: bold!important;
	color:#000!important;
}
.btn-Article{
  background-color: #0090DA;
  color: #fff !important;
  padding: 10px 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  border-radius: 2px;
  border: 0px;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 20px;
  clear: both;
  margin: 0px 10px 10px 0px;
  font-family: "MetLifeCircular"!important;
}
.h2-20px-Article{
  font-size: 26px!important; 
  color: #0061A0!important; 
  font-weight: 900!important;
  font-family: "MetLifeCircular"!important;
}
.h2-20px-black-Article{
  font-size: 20px!important; 
  color: #000!important; 
  font-weight: 900!important;
  font-family: "MetLifeCircular"!important;
}
.link-Article{
  color: #0061A0!important; 
  font-weight: 400!important; 
  line-height: 24px!important;
  font-family: "MetLifeCircular"!important;
  text-decoration: underline!important;
}
.link2-Article{
  color: #0061A0!important; 
  font-weight: 400!important; 
  font-family: "MetLifeCircular"!important;
  text-decoration: underline!important;
  font-size:16px!important;
}
.header2-Article{
  font-family: "MetLifeCircular"!important;
  font-size: 16px !important; 
  font-weight:900!important;
  color:#000!important;
}
.header1-Article{
  font-family: "MetLifeCircular"!important;
  font-size: 20px !important; 
  font-weight:900!important;
  color:#000!important;
}
.subAccordion-Article{
  font-family: "MetLifeCircular"!important;
  font-size: 16px !important; 
  color: #0090DA !important; 
  font-weight: 900!important;
}
.listDisc-Article{
  list-style-type: disc !important;
}
.listNumeric-Article {
  list-style-type: decimal !important;
}
.table-Article{
  width:100%;
}
.tableHeader-Article{
  background-color: #A4CE4E !important;
  font-family: "MetLifeCircular"!important;
  font-size: 16px !important; 
  color: #000 !important; 
  font-weight: bold!important;
}
.table-Article td{
  border: 1px solid #D9D9D6!important;
  padding: 10px 5px 0px 5px!important;
}
.table-vertical-Article{
  width:100%;
}
.table-vertical-Article td{
  border: 1px solid #D9D9D6!important;
  padding: 10px 10px 10px 10px;
}
.table-vertical-Article tr td:nth-child(1){
  background-color: #a4ce4e!important;
}
.table-vertical-Article tr td:not(:first-child){
  background-color: #fff!important;
}
.tableAlternateRow-Article{
  width:100%;
}
.tableAlternateRow-Article td{
  border: 1px solid #D9D9D6!important;
  padding: 10px 5px 0px 5px!important;
}
.tableAlternateRow-Article tr:nth-child(odd){
  background-color: #f2f2f2!important;
}
.tableAlternateRow-Article tr:nth-child(odd){
  background-color: #f2f2f2!important;
}
.Icon-Article{
  font-size:16px!important;
  color:#000!important;
}
.boldText-Article{
  font-weight:bold!important;
  line-height:24px!important;
}
.referenceText-Article{
  font-family: "MetLifeCircular"!important;
  font-size: 14px !important; 
  color: #000 !important; 
  line-height:12px!important;
}
.referenceSource-Article{
  font-size: 12px !important; 
  color: #000 !important; 
  line-height:12px!important;
  vertical-align:super!important;  
}
.disclaimerHeader-Article{
  font-family: "MetLifeCircular"!important;
  font-size: 20px !important; 
  font-weight:900!important;
  color: #000 !important;   
}
.disclaimerBody-Article{
  font-family: "MetLifeCircular"!important;
  font-size: 14px !important; 
  line-height:18px!important;
  color: #000 !important;   
}
.article-attachment-custom{
  display:flex!important;
  margin: 0 0 10px;
}
@media (max-width: 800px) {
.article-attachment-custom{
  display:grid;
  margin: 0 0 10px;
}
}
/* New Article Design Ends Here*/
/* HA Form Design Starts Here*/

.width-90{
  width:90% !important;
}
.pdc_fake,.mpc_fake,.em_fake,.mg_fake, .vs_fake{
border: 0px !important;
}

.pdc_btn,.pdc_btn:hover, .pdc_btn:focus, .pdc_btn:active{
border-radius: 8px;
opacity: 1;
background-color: rgba(17, 24, 39, 1);
color: #fff !important;
font-size: 12px;
font-weight: 500;
padding: 10px 22px;
text-align: center;
letter-spacing: -0.25px;
font-family: "Medium";
white-space: nowrap;
}
.pdc_fakeAttrVal{
 user-select: none;  
}
.mpc_fakeAttrVal{
 user-select: none;  
}
input[readonly] {
    color: #868789;
}
.field-width-40{
  width:48%!important;
  margin-right: 17px;
}
.field-width-30{
  width:40%!important;
  margin-right: 17px;
}
.footer-style{
  height: 30px;
  margin: 0;
  clear: both;
  width: 100%;
  position: relative;
}
.recording-field{
  border-radius: 0px !important;
  border: 0px !important;
  margin-bottom: 4px !important;
  margin-top: 7px;
  width:10px!important;
  cursor:pointer;
  float: right !important;
  margin-right: 30px;
}
.recording-field:after{
  content: "\f130";
  position: relative;
  font-family: "Font Awesome 5 Pro";
  color: #4b4a4a;
  font-size: 18px;
  padding-left: 15px;
  padding-top: 3px;
  font-weight: 400;
}
.recording-on:after{
  color: #FF2E2E;
}
.custom-radio{
  display:flex;
  width:80%!important;
  margin-bottom: 17px !important;
  margin-top: 7px !important;
}
.custom-radio-40{
  width:40%!important;
}
.custom-radio input{
   width: 20%!important;
}
.div-box{
  width:100%;
  border-radius: 8px;
  border: 1px solid #767778;
  opacity: 1;
  background-color: rgba(255, 255, 255, 1);
}
.sub-head{
  display:none;
  border:0px!important;
  
}
.sub-head h4{
  font-weight:bold;
}
.end-line{
  display:none;
  border-bottom:1px solid #767778;
}
.form-field.sub-head, .form-field.end-line{
  width:100%!important;
}
.margin-right-100{
  margin-right:100px;
}
.hidden-datepicker{
  display:none;
}
.custom-required-field{
  border: 1px solid #E1311A!important;
}
.custom-required-field.boolean{
  padding-top: 5px;
  padding-bottom: 50px;
  padding-left: 5px;
}
}
.file-required::after {
content: "*";
color: #f00;
margin-left: 2px;
}
.customValidationMsg{
  display:none;
  width:30%;
  margin-top:10px;
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
  border: 1px solid #a94442;
  border-radius: 4px;
  padding: 0.75rem 1.25rem;
}
.ui-datepicker-trigger
{
  padding:0px;
  padding-left:5px;
  vertical-align:baseline;
  position:relative;
  top:4px;
  height:18px;
}
.ui-datepicker .ui-datepicker-header {
  background-color: #527ef0;
}
.ui-datepicker .ui-datepicker-title select {
      border: 1px solid #d1d5db;
}
.ui-datepicker table tbody td a.ui-state-default{
border: 1px solid #c5c5c5;
    background: #f6f6f6;
    font-weight: normal;
    color: #454545;
}
.ui-datepicker table tbody td a.ui-state-highlight{
  background: #9dbaeb;
}
.ui-datepicker .ui-datepicker-prev , .ui-datepicker .ui-datepicker-next {
    background: #6289ec;
}
.onChangeFillHide {
  display:none !important;
}
/* HA Form Design Ends Here*/
#GenAImodel .modal-body{
  max-height: 350px;
  overflow-x: hidden;
  overflow-y: scroll;  
}
.iStyle {
  max-width : 40px;
}
.radio-style{ display: flex; 
    margin-bottom: 17px !important; 
    margin-top: 7px !important; }

#costError{
  color: red;
  margin-top: 10px;
  padding: 0px !Important;
}
.employeeMLabel{
  padding:0px !important;
}
.div-pre{
  font-weight: 400!important;
  font-family: Regular!important;
  border:0px!important;
  font-size: 14px!important;
  background-color:white!important;
}
.ui-timepicker-standard{
  z-index: 1000 !important;
}
.main-navigation nav .paybenefits a i {
    font-size: 20px;
    color: #6b7280;
}
.main-navigation nav .selected a i{
  color: #0041F0;
}
.request_custom_fields_20435864207515{
  padding-left: 10px !important;
}
#request_custom_fields_20435864207515{
  padding-left: 0px !important;
}
.no-box{
  border:0px!important;
}
.nesty-lookalike{
  padding: 12px;
    width: 100%;
}
/* Talent Acquisition */
.steps
{
/*   border-right: 1px solid #095b95; */
	padding-right: 10px;
/* 	margin-right: 10px; */
}
.sectiontitle
{
		font-weight: 700;
    font-size: 18px;
    width: 100%;
    margin-top: 20px;
    background: #b9cdd7;
    padding: 10px;
}
.steps b
{
		background: #095b95;
    border-radius: 50%;
    padding: 0px 10px;
    color: #fff;
    margin-right: 5px;
}
.jobformt 
{
    display: flex;
    flex-wrap: wrap;
}
.overallstepwrap
{
	padding: 5px 5px;
  z-index: 1;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 5px;
  align-items: center;
  background:#fff;
}
.Datecreated{
  display:none;
}
.hiredate
{
  display:none;
}
.enddate
{
  display:none;
}
.sdate
{
  display:none;
}
.jobscreening
{
  display:none;
}
.cdate
{
  display:none;
}
.skills
{
  display:none;
}
.jd-btn-gradient
{
    background-color: #000;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    padding: 8px 22px;
    border: none;
    border-radius: 20px;
    margin-right: 15px;
    margin-top: 20px;
}
.loader
{
  			border: 5px solid #f3f3f3;
        border-top: 5px solid #3498db;
        border-radius: 50%;
        width: 50px;
        height: 50px;
        animation: spin 2s linear infinite;
        position: fixed;
        z-index: 999;
        left: 45%;
        top: 45%;
}
@keyframes spin {
        0% {
            transform: rotate(0deg);
        }

        100% {
            transform: rotate(360deg);
        }
    }
.genai
{
  	position: relative;
    padding: 15px;
    max-height: calc(100vh - 210px);
    overflow-y: auto;
}
.error-message {
        display: block;
        font-size: 13px;
        color: red;
        margin-top: 5px;
    }
#request_custom_fields_22894301612315_label::after
{
  display:none;
}
#request_custom_fields_22860673121563_label::after
{
  display:none;
}
#request_custom_fields_22860657783835_label::after
{
  display:none;
}
#request_custom_fields_22860571719451_label::after
{
  display:none;
}
#request_custom_fields_22860587648795_label::after
{
  display:none;
}
#request_custom_fields_22860574183323_label::after
{
  display:none;
}
#notes
{
  padding: 10px 20px 10px 10px;
  color: red;
}
.red
{
    background-color:#e0c1c1;
}
.grey
{
  background-color:rgb(105 111 122);
}
.request_custom_fields_22894675035291
{
  height: 20px;
	padding-top: 10px;
}
#request_custom_fields_22894675035291_error
{
  color: #E1311A !important;
  padding: 15px;
  margin: auto;
}
#scroll5
{
  margin-top: 30px;
}
.errormsg
{
  color:#d83939;
}
#embedded-wrapper {
  transform: translateY(100%);
  opacity: 0;
  transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
  position: fixed;
  bottom: 0;
  right: 85px;
  z-index: 99999;
  background-color: #ffffff;
  /*border: 1px solid #ccc;
  border-radius: 0px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);*/
  padding: 0px;
  width: 414px;
  height: 550px;
  border-top-left-radius: 25px;
  border-top-right-radius: 25px;  
}
#embedded-wrapper.active {
  transform: translateY(0);
  opacity: 1;
}
#embedded-chatbot {
  width: 100%;
  height: 100%;
  padding:5px;
  border-top-left-radius: 25px;
  border-top-right-radius: 25px;
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1);*/
}
#embedded-button {
  border: 0 !important;
  background: white;
  z-index: 1000;
  padding: 5px;
  border-radius: 3px;
  cursor: pointer;
  margin-right: 10px;
}
#embedded-button-img {
  height: 30px !important;
  width: 30px !important;
  cursor: pointer;
}
.chatbotControls{
	position: absolute;
  top: 13px;
  right: 63px;
}
#chatbotMic{
	position: fixed; 
  bottom: 21px; 
  right: 38px; 
  font-size: 15px;
  color: #5755d7;  
}
.close-bot-span,
.expand-bot-span,
.minimize-bot-span,
.resize-bot-span,
.move-bot-span{
  font-size: 20px;
  cursor: pointer;
	height: 48px;
  width: 48px;
  border-radius: 50%;
  float: left;
  padding: 9px;
}
.close-bot-span i,
.expand-bot-span i,
.minimize-bot-span i,
.resize-bot-span i, .move-bot-span i{
  background-color: rgb(234 244 253);
  color: #5755d7;
  font-size: 20px;
  display: flex;
  width: 30px;
  height: 30px;
  border-radius: 50%;  
	padding: 6px 6px;  
}
.close-bot-span i{
	padding: 6px 8px; 
}
.close-bot-span:hover,
.resize-bot-span:hover {
  background-color: rgba(0, 0, 0, 0.04);
}

/****** Genie Bot resize ******/
.resize-handle {
  width: 10px;
  height: 10px;
  background-color: #000;
  position: absolute;
}

.resize-handle.bottom-right {
  bottom: 0;
  right: 0;
  cursor: se-resize;
}
 #movableElement {
      position: absolute;
      width: 100px;
      height: 100px;
      background-color: #3498db;
      color: #fff;
      text-align: center;
      line-height: 100px;
      cursor: grab;
    }

@media screen and (max-width: 500px) {
  #embedded-wrapper{
    width: 100%;
    height: 78%;
    right:0;
    top: 130px;
  }
  .resize-bot-span{
    display: none;
  }
}