@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap");
:root {
  --text-color: #344054;
  --text-color-secondary: #6c757d;
  --primary-color-text: #ffffff;
  --font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
  --surface-0: #ffffff;
  --surface-50: #FAFAFA;
  --surface-100: #F5F5F5;
  --surface-200: #EEEEEE;
  --surface-300: #E0E0E0;
  --surface-400: #BDBDBD;
  --surface-500: #9E9E9E;
  --surface-600: #757575;
  --surface-700: #616161;
  --surface-800: #424242;
  --surface-900: #212121;
  --surface-ground: #f8f9fa;
  --surface-section: #ffffff;
  --surface-card: #ffffff;
  --surface-overlay: #ffffff;
  --surface-border: #dee2e6;
  --content-padding: 1rem;
  --inline-spacing: 0.5rem;
  --border-radius: 3px;
  --blue-50: #f4fafe;
  --blue-100: #cae6fc;
  --blue-200: #a0d2fa;
  --blue-300: #75bef8;
  --blue-400: #4baaf5;
  --blue-500: #2196f3;
  --blue-600: #1c80cf;
  --blue-700: #1769aa;
  --blue-800: #125386;
  --blue-900: #0d3c61;
  --green-50: #f6fbf6;
  --green-100: #d4ecd5;
  --green-200: #b2ddb4;
  --green-300: #90cd93;
  --green-400: #6ebe71;
  --green-500: #4caf50;
  --green-600: #419544;
  --green-700: #357b38;
  --green-800: #2a602c;
  --green-900: #1e4620;
  --yellow-50: #fffcf5;
  --yellow-100: #fef0cd;
  --yellow-200: #fde4a5;
  --yellow-300: #fdd87d;
  --yellow-400: #fccc55;
  --yellow-500: #fbc02d;
  --yellow-600: #d5a326;
  --yellow-700: #b08620;
  --yellow-800: #8a6a19;
  --yellow-900: #644d12;
  --cyan-50: #f2fcfd;
  --cyan-100: #c2eff5;
  --cyan-200: #91e2ed;
  --cyan-300: #61d5e4;
  --cyan-400: #30c9dc;
  --cyan-500: #00bcd4;
  --cyan-600: #00a0b4;
  --cyan-700: #008494;
  --cyan-800: #006775;
  --cyan-900: #004b55;
  --pink-50: #fef4f7;
  --pink-100: #fac9da;
  --pink-200: #f69ebc;
  --pink-300: #f1749e;
  --pink-400: #ed4981;
  --pink-500: #e91e63;
  --pink-600: #c61a54;
  --pink-700: #a31545;
  --pink-800: #801136;
  --pink-900: #5d0c28;
  --indigo-50: #f5f6fb;
  --indigo-100: #d1d5ed;
  --indigo-200: #acb4df;
  --indigo-300: #8893d1;
  --indigo-400: #6372c3;
  --indigo-500: #3f51b5;
  --indigo-600: #36459a;
  --indigo-700: #2c397f;
  --indigo-800: #232d64;
  --indigo-900: #192048;
  --teal-50: #f2faf9;
  --teal-100: #c2e6e2;
  --teal-200: #91d2cc;
  --teal-300: #61beb5;
  --teal-400: #30aa9f;
  --teal-500: #009688;
  --teal-600: #008074;
  --teal-700: #00695f;
  --teal-800: #00534b;
  --teal-900: #003c36;
  --orange-50: #fff8f2;
  --orange-100: #fde0c2;
  --orange-200: #fbc791;
  --orange-300: #f9ae61;
  --orange-400: #f79530;
  --orange-500: #f57c00;
  --orange-600: #d06900;
  --orange-700: #ac5700;
  --orange-800: #874400;
  --orange-900: #623200;
  --bluegray-50: #f7f9f9;
  --bluegray-100: #d9e0e3;
  --bluegray-200: #bbc7cd;
  --bluegray-300: #9caeb7;
  --bluegray-400: #7e96a1;
  --bluegray-500: #607d8b;
  --bluegray-600: #526a76;
  --bluegray-700: #435861;
  --bluegray-800: #35454c;
  --bluegray-900: #263238;
  --purple-50: #faf4fb;
  --purple-100: #e7cbec;
  --purple-200: #d4a2dd;
  --purple-300: #c279ce;
  --purple-400: #af50bf;
  --purple-500: #9c27b0;
  --purple-600: #852196;
  --purple-700: #6d1b7b;
  --purple-800: #561561;
  --purple-900: #3e1046;
  --gray-50: #FAFAFA;
  --gray-100: #F5F5F5;
  --gray-200: #EEEEEE;
  --gray-300: #E0E0E0;
  --gray-400: #BDBDBD;
  --gray-500: #9E9E9E;
  --gray-600: #757575;
  --gray-700: #616161;
  --gray-800: #424242;
  --gray-900: #212121;
  --red-50: #fff5f5;
  --red-100: #ffd1ce;
  --red-200: #ffada7;
  --red-300: #ff8980;
  --red-400: #ff6459;
  --red-500: #ff4032;
  --red-600: #d9362b;
  --red-700: #b32d23;
  --red-800: #8c231c;
  --red-900: #661a14;
  --primary-color: #0E9384;
  --secondary-color: var(--primary-900);
  --secondary-color-light: var(--primary-400);
  --tertiary-color: #0E9384;
  --menu-text-color: #fff;
  --button-color: #026AA2;
  --button-color-light: #1DC6B3;
  --primary-50: #f4fafe;
  --primary-100: #e6f4f2;
  --primary-200: #cee9e6;
  --primary-300: #b6deda;
  --primary-400: #9ed3cd;
  --primary-500: #86c9c1;
  --primary-600: #6ebeb5;
  --primary-700: #56b3a8;
  --primary-800: #3ea89c;
  --primary-900: #269d90;
}

/* You can add global styles to this file, and also import other style files */
@font-face {
  font-family: "icomoon";
  src: url("../../assets/fonts/icomoon.eot?8icixq");
  src: url("../../assets/fonts/icomoon.eot?8icixq#iefix") format("embedded-opentype"), url("../../assets/fonts/icomoon.ttf?8icixq") format("truetype"), url("../../assets/fonts/icomoon.woff?8icixq") format("woff"), url("../../assets/fonts/icomoon.svg?8icixq#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
.icon {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-pinned:before {
  content: "\e98d";
}

.icon-pin:before {
  content: "\e98b";
}

.icon-pin-filled:before {
  content: "\e98c";
  color: #99f6e0;
}

.icon-circle-dollar:before {
  content: "\e930";
}

.icon-arrow-left:before {
  content: "\e900";
}

.icon-assignment .path1:before {
  content: "\e901";
  color: rgb(22, 76, 99);
}

.icon-assignment .path2:before {
  content: "\e902";
  margin-left: -1em;
  color: rgb(22, 76, 99);
}

.icon-assignment .path3:before {
  content: "\e903";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}

.icon-assignment .path4:before {
  content: "\e904";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}

.icon-assignment-filled .path1:before {
  content: "\e905";
  color: rgb(42, 65, 87);
}

.icon-assignment-filled .path2:before {
  content: "\e906";
  margin-left: -1em;
  color: rgb(22, 76, 99);
}

.icon-assignment-filled .path3:before {
  content: "\e907";
  margin-left: -1em;
  color: rgb(22, 76, 99);
}

.icon-assignment-filled .path4:before {
  content: "\e908";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}

.icon-assignment-filled .path5:before {
  content: "\e909";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}

.icon-availability-selected .path1:before {
  content: "\e90a";
  color: rgb(22, 76, 99);
}

.icon-availability-selected .path2:before {
  content: "\e90b";
  margin-left: -1em;
  color: rgb(22, 76, 99);
}

.icon-availability-selected .path3:before {
  content: "\e90c";
  margin-left: -1em;
  color: rgb(22, 76, 99);
}

.icon-availability-selected .path4:before {
  content: "\e90d";
  margin-left: -1em;
  color: rgb(22, 76, 99);
}

.icon-availability-selected .path5:before {
  content: "\e90e";
  margin-left: -1em;
  color: rgb(22, 76, 99);
}

.icon-availability-selected .path6:before {
  content: "\e90f";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}

.icon-availability-selected .path7:before {
  content: "\e910";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}

.icon-availability .path1:before {
  content: "\e911";
  color: rgb(22, 76, 99);
}

.icon-availability .path2:before {
  content: "\e912";
  margin-left: -1em;
  color: rgb(22, 76, 99);
}

.icon-availability .path3:before {
  content: "\e913";
  margin-left: -1em;
  color: rgb(22, 76, 99);
}

.icon-availability .path4:before {
  content: "\e914";
  margin-left: -1em;
  color: rgb(22, 76, 99);
}

.icon-availability .path5:before {
  content: "\e915";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}

.icon-availability .path6:before {
  content: "\e916";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}

.icon-bed:before {
  content: "\e917";
  color: #065986;
}

.icon-download:before {
  content: "\e918";
  color: #475467;
}

.icon-calendar-remove:before {
  content: "\e919";
  color: #065986;
}

.icon-check-verified-selected:before {
  content: "\e91a";
  color: #00838f;
}

.icon-chevron-down:before {
  content: "\e91b";
  color: #667085;
}

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

.icon-collapse-All:before {
  content: "\e91d";
  color: #065986;
}

.icon-column-add:before {
  content: "\e91e";
  color: #667085;
}

.icon-comments:before {
  content: "\e91f";
  color: #475467;
}

.icon-user-selected .path1:before {
  content: "\e920";
  color: rgb(255, 255, 255);
}

.icon-user-selected .path2:before {
  content: "\e921";
  margin-left: -1em;
  color: rgb(22, 76, 99);
}

.icon-user-selected .path3:before {
  content: "\e922";
  margin-left: -1em;
  color: rgb(22, 76, 99);
}

.icon-user-selected .path4:before {
  content: "\e923";
  margin-left: -1em;
  color: rgb(22, 76, 99);
}

.icon-user .path1:before {
  content: "\e924";
  color: rgb(255, 255, 255);
}

.icon-user .path2:before {
  content: "\e925";
  margin-left: -1em;
  color: rgb(22, 76, 99);
}

.icon-user .path3:before {
  content: "\e926";
  margin-left: -1em;
  color: rgb(22, 76, 99);
}

.icon-dashboard-selected:before {
  content: "\e927";
}

.icon-dashboard:before {
  content: "\e92d";
}

.icon-calendar-add:before {
  content: "\e931";
  color: #065986;
}

.icon-document-selected .path1:before {
  content: "\e932";
}

.icon-document-selected .path2:before {
  content: "\e933";
  margin-left: -1em;
}

.icon-document-selected .path3:before {
  content: "\e934";
  margin-left: -1em;
  color: rgb(245, 250, 255);
}

.icon-document-selected .path4:before {
  content: "\e935";
  margin-left: -1em;
  color: rgb(245, 250, 255);
}

.icon-document-selected .path5:before {
  content: "\e936";
  margin-left: -1em;
  color: rgb(245, 251, 255);
}

.icon-document .path1:before {
  content: "\e937";
  color: rgb(22, 76, 99);
}

.icon-document .path2:before {
  content: "\e938";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}

.icon-document .path3:before {
  content: "\e939";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}

.icon-document .path4:before {
  content: "\e93a";
  margin-left: -1em;
  color: rgb(22, 76, 99);
}

.icon-shift:before {
  content: "\e93b";
  color: #a15c07;
}

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

.icon-star1:before {
  content: "\e928";
  color: #667085;
}

.icon-heart .path1:before {
  content: "\e93d";
  color: rgb(234, 236, 240);
  opacity: 0.8;
}

.icon-heart .path2:before {
  content: "\e93e";
  margin-left: -1em;
  color: rgb(152, 162, 179);
}

.icon-bell:before {
  content: "\e93f";
  color: #667085;
}

.icon-file-incomplete:before {
  content: "\e940";
  color: #667085;
}

.icon-file-pending:before {
  content: "\e941";
  color: #667085;
}

.icon-file-attachment:before {
  content: "\e942";
  color: #0086c9;
}

.icon-filter:before {
  content: "\e943";
  color: #00838f;
}

.icon-heart-selected .path1:before {
  content: "\e944";
  color: rgb(240, 68, 56);
  opacity: 0.8;
}

.icon-heart-selected .path2:before {
  content: "\e945";
  margin-left: -1em;
  color: rgb(254, 205, 202);
}

.icon-help:before {
  content: "\e946";
}

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

.icon-file-complete-1:before {
  content: "\e948";
}

.icon-file-complete:before {
  content: "\e92f";
}

.icon-info-circle:before {
  content: "\e949";
  color: #667085;
}

.icon-job-selected .path1:before {
  content: "\e94a";
  color: rgb(22, 76, 99);
}

.icon-job-selected .path2:before {
  content: "\e94b";
  margin-left: -1em;
  color: rgb(22, 76, 99);
}

.icon-job-selected .path3:before {
  content: "\e94c";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}

.icon-job-selected .path4:before {
  content: "\e94d";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}

.icon-job-selected .path5:before {
  content: "\e94e";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}

.icon-job:before {
  content: "\e94f";
  color: #065986;
}

.icon-location-pin:before {
  content: "\e950";
  color: #667085;
}

.icon-log-out:before {
  content: "\e951";
}

.icon-more:before {
  content: "\e952";
}

.icon-morning-shift:before {
  content: "\e953";
  color: #ffac33;
}

.icon-nav-bar:before {
  content: "\e954";
}

.icon-nav-bar-open:before {
  content: "\e955";
}

.icon-night-shift .path1:before {
  content: "\e956";
  color: rgb(152, 162, 179);
  opacity: 0.3;
}

.icon-night-shift .path2:before {
  content: "\e957";
  margin-left: -1em;
  color: rgb(71, 84, 103);
}

.icon-notification .path1:before {
  content: "\e958";
  color: rgb(11, 74, 111);
}

.icon-notification .path2:before {
  content: "\e959";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}

.icon-notification-unread .path1:before {
  content: "\e95a";
  color: rgb(11, 74, 111);
}

.icon-notification-unread .path2:before {
  content: "\e95b";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}

.icon-notification-unread .path3:before {
  content: "\e95c";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}

.icon-notification-unread .path4:before {
  content: "\e95d";
  margin-left: -1em;
  color: rgb(217, 45, 32);
}

.icon-phone:before {
  content: "\e95e";
  color: #065986;
}

.icon-profile-selected .path1:before {
  content: "\e95f";
  color: rgb(22, 76, 99);
}

.icon-profile-selected .path2:before {
  content: "\e960";
  margin-left: -1em;
  color: rgb(22, 76, 99);
}

.icon-profile-selected .path3:before {
  content: "\e961";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}

.icon-profile-selected .path4:before {
  content: "\e962";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}

.icon-profile-selected-1:before {
  content: "\e929";
}

.icon-profile .path1:before {
  content: "\e963";
  color: rgb(22, 76, 99);
}

.icon-profile .path2:before {
  content: "\e964";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}

.icon-profile-1:before {
  content: "\e92a";
}

.icon-calendar .path1:before {
  content: "\e965";
  color: rgb(22, 76, 99);
}

.icon-calendar .path2:before {
  content: "\e966";
  margin-left: -1em;
  color: rgb(22, 76, 99);
}

.icon-calendar .path3:before {
  content: "\e967";
  margin-left: -1em;
  color: rgb(22, 76, 99);
}

.icon-calendar .path4:before {
  content: "\e968";
  margin-left: -1em;
  color: rgb(22, 76, 99);
}

.icon-calendar .path5:before {
  content: "\e969";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}

.icon-calendar .path6:before {
  content: "\e96a";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}

.icon-calendar .path7:before {
  content: "\e96b";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}

.icon-calendar .path8:before {
  content: "\e96c";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}

.icon-calendar-filled .path1:before {
  content: "\e96d";
  color: rgb(22, 76, 99);
}

.icon-calendar-filled .path2:before {
  content: "\e96e";
  margin-left: -1em;
  color: rgb(22, 76, 99);
}

.icon-calendar-filled .path3:before {
  content: "\e96f";
  margin-left: -1em;
  color: rgb(22, 76, 99);
}

.icon-calendar-filled .path4:before {
  content: "\e970";
  margin-left: -1em;
  color: rgb(22, 76, 99);
}

.icon-calendar-filled .path5:before {
  content: "\e971";
  margin-left: -1em;
  color: rgb(245, 251, 255);
}

.icon-calendar-filled .path6:before {
  content: "\e972";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}

.icon-calendar-filled .path7:before {
  content: "\e973";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}

.icon-calendar-filled .path8:before {
  content: "\e974";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}

.icon-calendar-filled .path9:before {
  content: "\e975";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}

.icon-search:before {
  content: "\e976";
  color: #667085;
}

.icon-hour-glass-selected .path1:before {
  content: "\e977";
  color: rgb(22, 76, 99);
}

.icon-hour-glass-selected .path2:before {
  content: "\e978";
  margin-left: -1em;
  color: rgb(22, 76, 99);
}

.icon-hour-glass-selected .path3:before {
  content: "\e979";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}

.icon-hour-glass-selected .path4:before {
  content: "\e97a";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}

.icon-hour-glass-selected .path5:before {
  content: "\e97b";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}

.icon-timer:before {
  content: "\e97c";
  color: #065986;
}

.icon-hour-glass .path1:before {
  content: "\e97d";
  color: rgb(255, 255, 255);
}

.icon-hour-glass .path2:before {
  content: "\e97e";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}

.icon-hour-glass .path3:before {
  content: "\e97f";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}

.icon-hour-glass .path4:before {
  content: "\e980";
  margin-left: -1em;
  color: rgb(22, 76, 99);
}

.icon-stetascope:before {
  content: "\e981";
  color: #065986;
}

.icon-timesheets-selected .path1:before {
  content: "\e982";
  color: rgb(22, 76, 99);
}

.icon-timesheets-selected .path2:before {
  content: "\e983";
  margin-left: -1em;
  color: rgb(22, 76, 99);
}

.icon-timesheets-selected .path3:before {
  content: "\e984";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}

.icon-timesheet-1:before {
  content: "\e985";
}

.icon-timesheet .path1:before {
  content: "\e92b";
  color: rgb(255, 255, 255);
}

.icon-timesheet .path2:before {
  content: "\e92c";
  margin-left: -1em;
  color: rgb(22, 76, 99);
}

.icon-trash:before {
  content: "\e987";
  color: #475467;
}

.icon-upload:before {
  content: "\e988";
  color: #065986;
}

.icon-job-1:before {
  content: "\e989";
  color: #fff;
}

.icon-job-2:before {
  content: "\e92e";
}

.icon-website:before {
  content: "\e98a";
  color: #065986;
}

.clearfix::after {
  content: "";
  clear: both;
  display: table;
}

.float-l {
  float: left;
}

.float-r {
  float: right;
}

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

.bg-primary {
  background-color: var(--primary-color);
}

.color-grey {
  color: #667085;
}

.color-black {
  color: #000 !important;
}

.color-green {
  color: limegreen;
}

.color-blue-light {
  color: #0086C9;
}

.color-blue-mid {
  color: #026AA2;
}

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

.border-primary-color {
  border-color: var(--primary-color);
}

.link {
  color: #026BA3;
  cursor: pointer;
}
.link:hover {
  text-decoration: underline;
}

.no-data {
  border: 1px solid var(--primary-300);
  padding: 5px;
  text-align: center;
  border-radius: 4px;
}

.disabled {
  opacity: 0.6;
  pointer-events: none;
}

input[type=password]::-ms-reveal,
input[type=password]::-ms-clear {
  display: none;
}

.v-align-m {
  vertical-align: middle;
}

.v-align-top {
  vertical-align: top;
}

.text-prewrap {
  white-space: normal;
}

.font-wt-400 {
  font-weight: 400 !important;
}

.font-wt-500 {
  font-weight: 500 !important;
}

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

.font-wt-800 {
  font-weight: 800 !important;
}

.width-100p {
  width: 100%;
}

.p-component {
  font-size: 14px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
}
.p-component.p-multiselect {
  width: 100%;
}
.p-component.p-dropdown {
  width: 100%;
}

.p-button {
  background: linear-gradient(147.32deg, var(--button-color-light) 10.28%, var(--button-color) 87.32%);
  background: linear-gradient(147.32deg, var(--button-color-light) 10.28%, var(--button-color) 87.32%);
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.08);
  border-radius: 4px;
  border: 0;
}
.p-button:hover, .p-button:focus {
  background-color: var(--button-color) !important;
}
.p-button.p-button-link:focus, .p-button.p-button-link:hover, .p-button.p-button-link:active, .p-button.p-button-outlined:focus, .p-button.p-button-outlined:hover, .p-button.p-button-outlined:active {
  color: #fff !important;
}

.p-checkbox {
  width: 16px;
  height: 16px;
}
.p-checkbox .p-checkbox-box {
  width: 16px;
  height: 16px;
  border-width: 1px;
}
.p-checkbox .p-checkbox-box:hover {
  border-color: var(--primary-color) !important;
}
.p-checkbox .p-checkbox-box.p-highlight {
  border-color: var(--primary-color);
  background: #fff;
}
.p-checkbox .p-checkbox-box.p-highlight:hover {
  border-color: var(--primary-color) !important;
  background: #fff !important;
}
.p-checkbox .p-checkbox-box .p-checkbox-icon {
  font-weight: 600;
  color: var(--primary-color);
  font-size: 10px;
}

.p-radiobutton .p-radiobutton-box.p-highlight {
  border-color: var(--primary-color);
  background: var(--primary-color);
}
.p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
  transform: translateZ(0) scale(0.91, 0.91);
}

.p-multiselect .p-multiselect-label {
  font-size: 13px;
}
.p-multiselect .p-multiselect-panel {
  font-size: 12px;
}
.p-multiselect .p-multiselect-panel .p-multiselect-header {
  padding: 0.5rem;
}
.p-multiselect .p-multiselect-panel .p-multiselect-items .p-multiselect-item {
  padding: 0.5rem;
  font-size: 12px;
}
.p-multiselect .p-multiselect-panel .p-multiselect-items .p-multiselect-item :not(.p-highlight):not(.p-disabled):hover {
  color: #495057;
  background: #e9ecef;
}

.p-dropdown .p-dropdown-label {
  font-size: 13px;
}

.p-calendar {
  width: 100%;
}

.custom-form .p-inputtext,
.custom-form .p-multiselect,
.custom-form .p-dropdown,
.custom-form p-inputmask {
  width: 100%;
  height: 38px;
  font-size: 13px;
  color: #101828;
}
.custom-form .field {
  margin-bottom: 0px;
}
.custom-form .field > label {
  margin-bottom: 5px;
  margin-left: 5px;
  color: #344054;
}
.custom-form .field.date-field {
  display: flex;
}
.custom-form p-autocomplete {
  width: 100%;
  display: grid;
}
.custom-form textarea {
  border: 1px solid #ced4da;
  font-size: 14px;
  border-radius: 8px;
  width: 100%;
  height: auto !important;
}

custom-fileuploader .ui-fileupload-choose {
  position: relative;
}
custom-fileuploader .ui-fileupload-choose input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  opacity: 0;
  min-height: 100%;
  font-size: 100px;
  text-align: right;
  filter: alpha(opacity=0);
  direction: ltr;
  cursor: pointer;
  z-index: 1;
}
custom-fileuploader .p-button {
  height: 36px;
}

.required:after {
  content: "*";
  font-size: 15px;
  vertical-align: top;
  color: red;
  margin-left: 2px;
}

.field > .p-component[disabled],
.p-disabled,
.p-component:disabled {
  opacity: 0.5;
}

.field input[type=text]:disabled,
.field [type=text]:disabled {
  background: whitesmoke;
}

.custom-autocomplete .p-inputtext {
  height: auto;
  max-height: 105px;
  overflow-y: auto;
}
.custom-autocomplete .p-inputtext .p-autocomplete-input-token {
  width: 10px;
}

.login-wrap {
  background: linear-gradient(90deg, #fff 0%, #bfe7ec 55%, #86c7d7 100%);
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.08);
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-evenly;
  height: 100vh;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.login-wrap .wave {
  background-position: right top;
  background-repeat: no-repeat;
  position: absolute;
  z-index: 9;
  width: 105%;
  height: 93%;
  left: 0px;
  top: 42%;
}
.login-wrap .login-img {
  width: 32%;
}
.login-wrap .login-img img {
  width: 100%;
}
.login-wrap .login-form {
  width: 38%;
  background: rgba(255, 255, 255, 0.5);
  box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.12);
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  border-radius: 20px;
  height: 72vh;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  position: relative;
  z-index: 100;
}
.login-wrap .login-form .logo {
  width: auto;
  max-width: 270px;
  height: 60px;
}
.login-wrap .login-form .logo img {
  max-width: 100%;
  height: inherit;
  max-height: -webkit-fill-available;
  margin: auto;
  display: block;
}
.login-wrap .login-form .form-group {
  width: 85%;
}
.login-wrap .login-form .form-group .field {
  margin-bottom: 20px;
}
.login-wrap .login-form .form-group .field label {
  font-size: 14px;
  margin-bottom: 5px;
  color: #0E7090;
}
.login-wrap .login-form .form-group .field .forgot-password {
  float: right;
  margin-top: 5px;
  font-size: 16px;
  text-decoration: none;
  color: #0E7090;
  cursor: pointer;
}
.login-wrap .login-form .form-group .field .pi {
  font-size: 20px;
}
.login-wrap .login-form .form-group .field .pi.pi-envelope {
  left: 0.5rem;
  width: 20px;
  color: #667085;
}
.login-wrap .login-form .form-group .field .p-inputtext {
  padding-left: 2rem;
  font-size: 16px;
  color: #667085;
  width: 100%;
}
.login-wrap .login-form .form-group .field .p-inputtext.password {
  padding-left: 0.5rem;
}
.login-wrap .login-form .login-btn {
  width: 280px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  font-size: 18px;
  font-weight: 600;
}
.login-wrap .login-form .login-btn .p-button {
  width: 100%;
}
.login-wrap .login-form .login-btn .social-login .p-button {
  justify-content: center;
}
.login-wrap .login-form .login-btn .social-login .p-button .p-button-label {
  flex: 0 1 auto;
}
.login-wrap .login-form .sign-up .text {
  margin-bottom: 30px;
  font-size: 16px;
  color: #0E7090;
  font-weight: 500;
  cursor: pointer;
}

@media only screen and (max-width: 1024px) {
  .login-wrap .wave {
    display: none;
  }
  .login-wrap .login-img {
    display: none;
  }
  .login-wrap .login-form {
    width: 90%;
  }
}
@media only screen and (min-width: 1600px) {
  .login-wrap .wave {
    left: -4%;
  }
}
.loginModification {
  background: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  height: auto !important;
  display: block !important;
}
.loginModification .formInner {
  background: rgba(255, 255, 255, 0.5);
  box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.12);
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  border-radius: 20px;
  height: 72vh;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  position: relative;
  z-index: 100;
}
.loginModification p {
  font-size: 14px;
  color: #000;
  text-align: center;
}

.main-org-cynethealth .login-wrap .login-form .login-btn .p-button {
  background: #FF6079;
}
.main-org-cynethealth .login-wrap .login-form .logo {
  width: 250px;
  height: auto;
}
.main-org-cynethealth .login-wrap .login-form .logo img {
  height: auto;
}
.main-org-cynethealth .login-wrap .loginModification .formInner {
  box-shadow: none;
  background: none;
}

.main-org-wayward .login-wrap .login-form .logo img {
  height: auto;
}

.main-org-pride .login-wrap .login-form .logo img {
  height: auto;
}

.main-org-test .login-wrap,
.main-org-krucial .login-wrap {
  background-position: 0% 80%;
  background-size: cover !important;
}
.main-org-test .login-wrap .login-form .logo img,
.main-org-krucial .login-wrap .login-form .logo img {
  height: auto;
}
@media (max-width: 1024px) {
  .main-org-test .login-wrap,
  .main-org-krucial .login-wrap {
    background-image: linear-gradient(90deg, #fff 0%, #bfe7ec 55%, #86c7d7 100%) !important;
  }
}

@media screen and (min-device-width: 1025px) and (max-device-width: 1400px) {
  .main-org-test .login-wrap,
  .main-org-krucial .login-wrap {
    background-size: auto !important;
    background-repeat: no-repeat !important;
  }
}
body {
  font-family: "Roboto", sans-serif;
  margin: 0;
  font-size: 14px;
}

::-webkit-scrollbar {
  width: 0.6em;
  height: 0.6em;
}

::-webkit-scrollbar-thumb {
  border-radius: 10px;
}

::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  outline: 0;
}

::-webkit-scrollbar-thumb {
  background-color: darkgrey;
}

.main-wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  height: 100vh;
  background: linear-gradient(179.99deg, #00BCD4 -36.07%, #00838F 99.99%);
  box-shadow: 8px -6px 24px rgba(0, 0, 0, 0.16);
  padding: 10px;
}
.main-wrapper .main-content {
  width: 100%;
  background: #F9F9F9;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.08);
  border-radius: 8px;
  overflow: auto;
  margin-bottom: 10px;
}
.main-wrapper .main-content .page-header .external-logo {
  width: 305px;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
}
.main-wrapper .main-content .page-header .external-logo a {
  display: block;
}
.main-wrapper .main-content .page-header .external-logo a img {
  height: 34px;
}
.main-wrapper .main-content .page-header .title {
  font-weight: 500;
  padding: 15px 10px;
  font-size: 16px;
  display: inline-block;
  position: relative;
  z-index: 9;
}
.main-wrapper .main-content .page-header.inside-pages .title {
  padding: 15px 10px 10px 10px;
  font-size: 16px;
}
.main-wrapper .main-content .page-container {
  display: flex;
  clear: both;
}
.main-wrapper .main-content .page-container .filter-container {
  flex-basis: 285px;
  flex-grow: 0;
  flex-shrink: 0;
  margin: 12px;
  padding: 15px;
  border-top: 6px solid var(--primary-color);
  border-radius: 8px;
  margin-top: 0;
  background: #F2F4F7;
  height: calc(100vh - 100px);
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.16);
}
.main-wrapper .main-content .page-container .filter-container .filter-header {
  font-weight: 500;
  font-size: 16px;
}
.main-wrapper .main-content .page-container .filter-container .filter-content {
  height: calc(100vh - 305px);
  overflow: auto;
  padding-right: 5px;
  margin-right: -10px;
  margin-bottom: 5px;
}
.main-wrapper .main-content .page-container .filter-container .filter {
  margin: 20px 0;
}
.main-wrapper .main-content .page-container .filter-container .filter h5 {
  font-weight: 500;
  font-size: 13px;
  color: #344054;
  margin: 0 0 5px 0;
}
.main-wrapper .main-content .page-container .filter-container .filter.saved-filter {
  border-bottom: 1px solid #D0D5DD;
  margin: 10px -15px;
  padding: 10px 15px;
  box-shadow: 0px 2px 4px rgba(14, 147, 132, 0.25);
}
.main-wrapper .main-content .page-container .filter-container .filter.saved-filter .p-dropdown {
  height: 36px;
}
.main-wrapper .main-content .page-container .filter-container .save-filter {
  margin: 5px;
  color: #026BA3;
  cursor: pointer;
  display: inline-block;
}
.main-wrapper .main-content .page-container .filter-container .filter-footer {
  background: #fff;
  padding: 10px;
  margin: -15px;
  margin-top: 0px;
  display: flex;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
}
.main-wrapper .main-content .page-container .filter-container .filter-footer .p-element {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
  font-size: 14px;
  box-shadow: none;
}
.main-wrapper .main-content .page-container .filter-container .filter-footer .p-button-outlined {
  flex-basis: 120px;
  flex-grow: 0;
  flex-shrink: 0;
  margin-left: auto;
}
.main-wrapper .main-content .page-container .filter-container.filter-shrink {
  visibility: hidden;
  opacity: 0;
  transition: flex-basis 500ms ease-in-out;
  width: 0;
  flex-basis: 0;
  padding: 0;
  margin: 0;
}
.main-wrapper .main-content .page-container .filter-container.filter-expand {
  opacity: 1;
  overflow: hidden;
  transition: flex-basis 500ms linear;
  flex-basis: 285px;
}
.main-wrapper .main-content .page-container .content-wrap {
  background-color: #fff;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
  width: 100%;
}
.main-wrapper .main-content .page-container.external-job-board .filter-container .filter-content {
  height: calc(100vh - 205px);
}

.filter-show-hide {
  position: absolute;
  top: -30px;
  color: #fff;
  position: absolute;
  z-index: 99;
  background-color: var(--primary-color);
  padding: 0px;
  border-radius: 50%;
  left: 5px;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.16);
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
}
.filter-show-hide.filter-open {
  margin-left: -2em;
}
.filter-show-hide.filter-open .icon {
  transform: rotatey(180deg);
}

.p-tabview .p-tabview-nav {
  background: transparent;
  border: 0;
  margin: 8px;
}
.p-tabview .p-tabview-nav li {
  min-width: 300px;
  margin-right: 10px;
  border: 1px solid #EAECF0;
  height: 43px;
  border-radius: 5px;
}
.p-tabview .p-tabview-nav li:focus {
  box-shadow: none;
}
.p-tabview .p-tabview-nav li .p-tabview-nav-link {
  justify-content: center;
  border: 0;
  border-radius: 5px;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 16px;
  padding: 10px;
  height: 40px;
}
.p-tabview .p-tabview-nav li .p-tabview-nav-link:focus {
  box-shadow: none !important;
}
.p-tabview .p-tabview-nav li .p-tabview-nav-link .p-tabview-title {
  font-size: 14px;
  color: #454545;
  font-weight: 600;
}
.p-tabview .p-tabview-nav li .p-tabview-nav-link .tab-icon {
  font-size: 20px;
  color: #667085;
  vertical-align: middle;
  margin-right: 5px;
}
.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
  background: var(--tertiary-color);
  height: 41px;
  color: #fff;
}
.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link .tab-icon {
  color: #fff;
}
.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link .p-tabview-title {
  color: #fff;
}
.p-tabview .p-tabview-panels {
  padding: 5px 1px;
}

.p-sidebar.job-details {
  top: 10px;
  height: calc(100vh - 20px);
  bottom: 10px;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.p-sidebar.job-details .p-sidebar-header {
  font-weight: 500;
  font-size: 16px;
  padding: 10px 20px;
  height: 45px;
  border-top-left-radius: 8px;
  color: #fff;
  background: linear-gradient(179.99deg, #00BCD4 -36.07%, #00838F 99.99%);
}
.p-sidebar.job-details .p-sidebar-header .p-sidebar-close .p-sidebar-close-icon {
  color: #fff;
  transition-duration: 0.1s;
  transition-property: transform;
}
.p-sidebar.job-details .p-sidebar-header .p-sidebar-close:hover {
  background: transparent;
}
.p-sidebar.job-details .p-sidebar-header .p-sidebar-close:hover .p-sidebar-close-icon {
  transform: scale(1.5);
}
.p-sidebar.job-details .p-sidebar-content {
  padding: 0;
  height: calc(100vh - 100px);
}
.p-sidebar.job-details .p-sidebar-content .details-card {
  padding: 12px;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.08);
  padding: 5px 10px;
  margin: 5px;
  border: 1px solid var(--primary-300);
  border-radius: 5px;
}
.p-sidebar.job-details .p-sidebar-content .details-card .title {
  font-weight: 450;
  font-size: 14px;
  display: flex;
  color: var(--primary-color);
  margin-bottom: 5px;
}
.p-sidebar.job-details .p-sidebar-content .details-card .custom-form {
  width: auto;
  height: auto;
}
.p-sidebar.job-details .p-sidebar-content .details-content .title {
  font-size: 13px;
  font-weight: 400;
}
.p-sidebar.job-details .p-sidebar-content .details-content .sub-title {
  font-weight: 300;
  font-size: 13px;
  margin-bottom: 3px;
  color: var(--primary-900);
  color: #475467;
}
.p-sidebar.job-details .p-sidebar-content .details-content .detail {
  font-weight: 500;
  font-size: 13px;
  color: #101828;
}
.p-sidebar.job-details .p-sidebar-footer {
  padding: 10px;
  height: 55px;
  border-bottom-left-radius: 8px;
  background-color: var(--primary-50);
  box-shadow: 0px -2px 8px rgba(0, 0, 0, 0.08);
}
.p-sidebar.updatedNoSideBar {
  top: 0;
  height: unset;
  bottom: 0;
  border-radius: 0;
  box-shadow: none;
  height: calc(100vh - 30px);
  overflow: hidden;
}
.p-sidebar.updatedNoSideBar .p-sidebar-content {
  padding: 0;
  height: calc(100vh - 136px);
  overflow-y: auto;
}

.p-dialog.custom-modal .p-dialog-header {
  font-weight: 500;
  font-size: 16px;
  padding: 10px 20px;
  height: 45px;
  border-top-left-radius: 8px;
  color: #fff;
  background: linear-gradient(179.99deg, #00BCD4 -36.07%, #00838F 99.99%);
}
.p-dialog.custom-modal .p-dialog-header .p-dialog-header-close .p-dialog-header-close-icon {
  color: #fff;
  transition-duration: 0.1s;
  transition-property: transform;
}
.p-dialog.custom-modal .p-dialog-header .p-dialog-header-close:hover {
  background: transparent;
}
.p-dialog.custom-modal .p-dialog-header .p-dialog-header-close:hover .p-dialog-header-close-icon {
  transform: scaleX(1.5px);
}
.p-dialog.custom-modal .p-dialog-content {
  padding: 10px;
}
.p-dialog.custom-modal .p-dialog-footer {
  padding: 10px;
  height: 55px;
  border-bottom-left-radius: 8px;
  background-color: var(--primary-50);
  box-shadow: 0px -2px 8px rgba(0, 0, 0, 0.08);
}
.p-dialog.custom-modal .p-dialog-footer .p-button.p-button-icon-only {
  width: 2.357rem;
}
.p-dialog.doc-upload .custom-card .card .card-heading {
  overflow-wrap: break-word;
}

.assignment-tabs .p-tabview .p-tabview-panels {
  background: #F9F9F9;
}
.assignment-tabs .p-tabview .p-tabview-nav {
  justify-content: flex-end;
}

.profile-tabs {
  display: flex;
  margin: 10px;
}
.profile-tabs .tab-left {
  width: 350px;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 350px;
}
.profile-tabs .tab-left .tab-heading {
  background: #fff;
  color: #1D2939;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.08);
  display: flex;
  border: 0;
  border-radius: 5px;
  margin-bottom: 5px;
  font-size: 14px;
  padding: 10px;
  height: 43px;
  justify-content: center;
  align-items: center;
  border: 1px solid #EAECF0;
  border-right: 4px solid transparent;
  cursor: pointer;
}
.profile-tabs .tab-left .tab-heading .text {
  color: #1D2939;
  font-weight: 400;
  font-size: 14px;
  line-height: 26px;
  margin-right: 20px;
  margin-left: 20px;
}
.profile-tabs .tab-left .tab-heading .left-icon {
  width: 26px;
  height: 26px;
}
.profile-tabs .tab-left .tab-heading .mid-icon {
  height: 16px;
  width: 16px;
}
.profile-tabs .tab-left .tab-heading .right-icon {
  height: 22px;
  width: 22px;
  margin-left: auto;
}
.profile-tabs .tab-left .tab-heading img {
  width: 100%;
  vertical-align: middle;
}
.profile-tabs .tab-left .tab-heading.active {
  border-right: 4px solid var(--primary-color);
}
.profile-tabs .tab-left .tab-heading.active .text {
  color: var(--primary-color);
  font-weight: 500;
  font-size: 16px;
}
.profile-tabs .tab-right {
  width: 100%;
}
.profile-tabs .tab-right .tab-details {
  border-radius: 8px;
  padding-bottom: 45px;
  position: relative;
  height: calc(100vh - 90px);
  background: #F2F4F7;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.16);
  margin-left: 10px;
}
.profile-tabs .tab-right .tab-details .heading {
  padding: 4px 20px;
  border-radius: 8px 8px 0 0;
  font-weight: 500;
  background: #FFFFFF;
  font-size: 16px;
  line-height: 38px;
  position: relative;
  height: 46px;
}
.profile-tabs .tab-right .tab-details .heading .right-btn {
  float: right;
}
.profile-tabs .tab-right .tab-details .heading .right-btn .p-button {
  box-shadow: none;
  font-weight: 600;
  color: #026AA2;
}
.profile-tabs .tab-right .tab-details .custom-form {
  padding: 15px;
  display: flex;
  height: calc(100vh - 177px);
  overflow: auto;
  width: calc(100vw - 480px);
}
.profile-tabs.timesheet-history .tab-heading {
  position: relative;
  height: auto;
  padding-right: 20px;
}
.profile-tabs.timesheet-history .tab-heading .right-icon {
  right: 5px;
  top: 40%;
  position: absolute;
}
.profile-tabs.timesheet-history .tab-heading .text {
  margin-left: 0;
  width: 85%;
  display: inline-block;
}
.profile-tabs.timesheet-history .tab-heading .text-xs {
  width: 90%;
  font-size: 11x;
}
.profile-tabs.timesheet-history .tab-details {
  height: calc(100vh - 100px);
}
.profile-tabs.timesheet-history .tab-details .text-sm {
  font-size: 14px;
  font-weight: 500;
  color: #344054;
}
.profile-tabs.timesheet-history .tab-right {
  width: calc(100% - 340px);
}
.profile-tabs.timesheet-history .custom-table {
  height: calc(100% - 50px);
}
.profile-tabs.timesheet-history .footer-btns {
  justify-content: space-between;
  align-items: center;
}

.timesheet-history .last-uploads ul {
  padding-left: 15px;
  margin: 5px 0;
}
.timesheet-history .last-uploads ul li {
  list-style: decimal;
  list-style-position: outside;
  text-decoration: underline;
  margin-bottom: 5px;
}
.timesheet-history .last-uploads ul li a {
  color: var(--gray-500);
}

.resume-upload {
  background: #F0FDF9;
  border-radius: 5px;
  display: flex;
}
.resume-upload .p-button {
  box-shadow: none;
  font-weight: 600;
  color: #026AA2;
}
.resume-upload .p-button .pi-sign-out {
  transform: rotate(-90deg);
}

.footer-btns {
  right: -15px;
  display: flex;
  justify-content: flex-end;
  background: var(--primary-50);
  padding: 10px;
  left: -15px;
  bottom: 0;
  border-radius: 0 0 8px 8px;
  box-shadow: 0px -2px 8px rgba(0, 0, 0, 0.08);
}

.custom-card {
  background: #F9FAFB;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.08);
  margin: 5px;
}
.custom-card .card {
  padding: 10px;
}
.custom-card .card .card-heading {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 8px;
  color: #344054;
  position: relative;
  white-space: normal;
  overflow-wrap: break-word;
}
.custom-card .card .card-heading .pi,
.custom-card .card .card-heading .icon {
  font-size: 14px;
  cursor: pointer;
}
.custom-card .card .card-heading .action-items {
  z-index: 9;
  position: absolute;
  right: 0;
  top: 10px;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.08);
  border-radius: 5px;
  background-color: #fff;
}
.custom-card .card .content {
  color: #1D2939;
}
.custom-card .card .content .doc-name {
  overflow-wrap: break-word;
  max-width: 95%;
}
.custom-card.assignment-card {
  background: linear-gradient(111.49deg, #fff 57.96%, var(--primary-100) 119.83%);
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.16);
  border-radius: 4px;
}
.custom-card.assignment-card .card .card-heading {
  color: #065986;
  font-size: 18px;
}
.custom-card.assignment-card .card .content {
  color: #065986;
  font-size: 16px;
}
.custom-card.assignment-card .card .content .jobs-text {
  white-space: normal;
  display: inline-block;
}
.custom-card.assignment-card .custom-badge.p-badge.current {
  background: #065986;
  color: #fff;
}
.custom-card.assignment-card .custom-badge.p-badge.upcoming {
  background: #0E9384;
  color: #fff;
}
.custom-card.assignment-card .custom-badge.p-badge.compliance {
  background: var(--red-500);
  color: #fff;
}
.custom-card.assignment-card .assignment-buttons {
  text-align: right;
  margin-top: 10px;
}
.custom-card.assignment-card .assignment-buttons .p-button {
  min-width: 145px;
  height: 30px;
}
.custom-card.timesheet-card {
  margin-left: 0;
  margin-right: 0;
}
.custom-card.timesheet-card .card {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.custom-card.timesheet-card .card .card-heading {
  font-size: 15px;
}
.custom-card.timesheet-card .card .card-heading .text-sub {
  font-size: 12px;
  font-weight: 400;
}
.custom-card.timesheet-card .card .card-heading .text-time {
  color: var(--orange-500);
  font-size: 12px;
  font-weight: 400;
}
.custom-card.timesheet-card .card .timesheet-buttons .p-button {
  font-size: 12px;
}
.custom-card.timesheet-card .card .timesheet-buttons.timesheet-buttons-image {
  display: flex;
  gap: 6px;
}
.custom-card.timesheet-card .card .timesheet-buttons.timesheet-buttons-image .timesheet-buttons-left img {
  width: 50px;
  display: block;
  height: auto;
  object-fit: contain;
  object-position: top;
  mix-blend-mode: multiply;
}
.custom-card.notification-card .card .card-heading i {
  font-size: 16px;
}
.custom-card.notification-card .card .card-heading .icon {
  font-size: 20px;
}
.custom-card.notification-card .card .card-heading .icon.icon-pinned {
  transform: rotate(45deg);
}
.custom-card.notification-card .card .card-heading .icon.icon-pinned.active {
  font-weight: 600;
  color: #026BA3;
  transform: rotate(0deg);
}

.compliance-card .custom-card {
  min-width: 265px;
  background: #fff;
  max-width: 100%;
  border-radius: 4px;
  min-height: 225px;
  max-height: 225px;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.24);
  overflow-y: hidden;
}
.compliance-card .custom-card:hover {
  overflow-y: auto;
}
.compliance-card .custom-card .card-heading {
  font-weight: 400;
}
.compliance-card .custom-card .content .date {
  margin-bottom: 5px;
  font-size: 12px;
}
.compliance-card .custom-card .content .icon {
  margin-bottom: 5px;
  text-align: right;
}
.compliance-card .custom-card .content .icon .ui-fileupload-choose {
  background: transparent;
  width: auto !important;
  height: auto;
  margin: 0;
  padding: 3px;
  color: #0E9384;
  box-shadow: none;
}
.compliance-card .custom-card .content .icon .ui-fileupload-choose .ui-button-icon-left {
  margin-right: 0 !important;
}
.compliance-card .custom-card .content .icon .ui-fileupload-choose:hover, .compliance-card .custom-card .content .icon .ui-fileupload-choose:active {
  color: #fff;
}
.compliance-card .custom-card .content .note {
  font-size: 10px;
}
.compliance-card .custom-card .content .review-badge {
  background: #FFFAEB;
  color: #B54708;
}
.compliance-card .custom-card.status {
  border-bottom: 3px solid transparent;
}
.compliance-card .custom-card.status.green {
  border-bottom-color: #0E9384;
}
.compliance-card .custom-card.status.red {
  border-bottom-color: #D92D20;
  background-color: #FEF3F2;
}
.compliance-card .custom-card.expired {
  background: #FEF3F2;
}

.custom-badge.p-badge {
  height: 22px;
  background: #EFF8FF;
  mix-blend-mode: multiply;
  border-radius: 16px;
  min-width: 32px;
  vertical-align: middle;
  color: #175CD3;
  font-weight: 400;
  font-size: 12px;
  line-height: 22px;
}

.credential-cetificate .custom-card {
  min-height: 70px;
  box-shadow: none;
}
.credential-cetificate .custom-card img {
  margin: 0 5px;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.08);
  cursor: pointer;
}

.cert-badge {
  padding: 3px 6px;
  background: #065986;
  color: #fff;
  border-radius: 8px;
  font-size: 12px;
}

.pi {
  cursor: pointer;
}

.sub-heading h4 {
  white-space: normal;
  overflow: hidden;
  max-width: 200ch;
  text-overflow: ellipsis;
  letter-spacing: 0.5px;
  max-height: 34px;
  word-break: break-all;
}

.custom-panel {
  width: 100%;
}
.custom-panel .p-panel .p-panel-header {
  padding: 5px 10px;
  font-weight: 600;
}

.custom-overlay {
  min-width: 150px;
  max-width: 350px;
}
.custom-overlay .p-overlaypanel-close {
  z-index: 1;
}
.custom-overlay.profile-overlay .p-overlaypanel-content {
  white-space: normal;
  word-break: break-all;
  max-height: 150px;
  overflow: auto;
}

.p-datepicker {
  width: 300px !important;
}
.p-datepicker.p-datepicker-timeonly {
  width: 200px !important;
}
.p-datepicker table tr td {
  padding: 0;
}
.p-datepicker .p-timepicker button {
  height: auto;
}
.p-datepicker .p-timepicker span {
  font-size: 1rem;
}

.skill-check-list .p-accordion .p-accordion-header .p-accordion-header-link {
  border: 0;
  background: #F2F4F7;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.08);
}
.skill-check-list .p-accordion .p-accordion-content {
  border: 0;
  background: #F9FAFB;
}

.drag-drop-area {
  border: 2px dashed #0E9384;
  border-radius: 8px;
  background: var(--primary-50);
  height: 140px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.drag-drop-area p-fileupload {
  width: 100%;
  text-align: center;
}
.drag-drop-area p-fileupload .p-fileupload .p-fileupload-buttonbar {
  background: none;
  padding: 0;
  border: 0;
}
.drag-drop-area p-fileupload .p-fileupload .p-fileupload-content {
  background: none;
  padding: 10px;
  border: 0;
}

custom-fileuploader .ui-fileupload-choose.file-name {
  width: 80%;
  white-space: nowrap;
}
custom-fileuploader .p-button-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.checklist-radio .radio-button-wrapper {
  cursor: pointer;
  margin-right: 10px;
  display: inline-block;
  position: relative;
}
.checklist-radio .radio-button-wrapper:last-of-type {
  margin-right: 0;
}
.checklist-radio .radio-button-wrapper input[type=radio] {
  opacity: 1;
  z-index: 100;
}
.checklist-radio .radio-button-wrapper .radio-label {
  display: block;
  color: #fff;
  font-weight: normal;
  background-color: #c9c9cd;
  text-align: center;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  position: absolute;
  cursor: pointer;
  top: 0;
  z-index: 90;
  font-size: 11px;
  line-height: 22px;
}
.checklist-radio .radio-button-wrapper .radio-label:hover {
  background-color: #ee7034;
}
.checklist-radio .radio-button-wrapper input[type=radio]:checked + label.radio-label,
.checklist-radio .radio-button-wrapper .Checked + label.radio-label {
  background-color: #8bc63e;
}
.checklist-radio .ui-column-title {
  display: none;
}

.full-width-tabs.p-tabview .p-tabview-nav {
  display: flex;
  justify-content: space-between;
  margin: 10px 0;
}
.full-width-tabs.p-tabview .p-tabview-nav li {
  flex-grow: 1;
}
.full-width-tabs.p-tabview .p-tabview-nav li:last-child {
  margin-right: 0px;
}
.full-width-tabs.p-tabview .p-tabview-nav li:last-of-type {
  margin-right: 0px !important;
}

.tab-scroll.p-tabview .p-tabview-nav-btn.p-link {
  width: 1.257rem;
  background: rgba(255, 255, 255, 0.9);
}

.custom-accordion .p-accordion p-accordiontab .p-accordion-header.p-highlight .p-accordion-header-link {
  background: #fff;
  color: var(--primary-color);
  border-top: 6px solid var(--primary-color);
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}
.custom-accordion .p-accordion p-accordiontab .p-accordion-header.p-highlight:hover .p-accordion-header-link {
  border-top-color: var(--primary-color) !important;
}
.custom-accordion .p-accordion p-accordiontab .p-accordion-header:hover .p-accordion-header-link {
  background: #fff !important;
  color: var(--primary-color) !important;
}
.custom-accordion .p-accordion p-accordiontab .p-accordion-header .p-accordion-header-link {
  padding: 10px;
  background: #fff;
}
.custom-accordion .p-accordion p-accordiontab .p-accordion-header .p-accordion-header-link img {
  width: 26px;
}
.custom-accordion .p-accordion p-accordiontab .p-accordion-header .p-accordion-header-link .right-icon img {
  margin-left: 30px;
}
.custom-accordion .p-accordion p-accordiontab .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
  color: #667085;
  font-size: 12px;
}

.timesheet-search {
  display: inline-block;
  float: right;
  padding: 10px 5px;
}
.timesheet-search .date {
  display: inline-block;
  margin-right: 15px;
}
.timesheet-search .date label,
.timesheet-search .date p-calendar {
  display: inline-block;
  margin-right: 5px;
}

.footer {
  background: linear-gradient(179.99deg, #00BCD4 -36.07%, #00838F 99.99%);
  font-size: 12px;
  color: #fff;
  font-weight: 400;
  position: fixed;
  bottom: 0;
  width: 100%;
}
.footer .footer-content {
  padding: 3px 20px;
}
.footer .footer-content .footer-text-left {
  float: left;
}
.footer .footer-content .footer-text-left a {
  color: #fff;
}
.footer .footer-content .footer-text-right {
  float: right;
}
.footer .footer-content .footer-text-right .footer-logo {
  margin: 0 5px;
  vertical-align: bottom;
  height: 14px;
}

.signup-footer .footer {
  position: fixed;
  background: linear-gradient(179.99deg, #00BCD4 -36.07%, #00838F 99.99%);
}

.sort-filter {
  display: inline-block;
  float: right;
  margin-right: 10px;
  vertical-align: middle;
}
.sort-filter .filter-title {
  color: #344054;
  font-size: 12px;
  margin-bottom: 2px;
  margin-top: 4px;
}
.sort-filter .filter-applied {
  display: inline-block;
}
.sort-filter .filter-applied .p-button {
  height: 22px;
}

.custom-select-btn .p-selectbutton {
  display: inline-block;
}
.custom-select-btn .p-selectbutton .p-button {
  padding: 1px 8px 3px 8px;
  font-size: 12px;
  line-height: 16px;
  border-color: var(--primary-color);
}
.custom-select-btn .p-selectbutton .p-button.p-highlight, .custom-select-btn .p-selectbutton .p-button:hover, .custom-select-btn .p-selectbutton .p-button:focus, .custom-select-btn .p-selectbutton .p-button:active {
  background: var(--tertiary-color);
  color: #fff !important;
}
.custom-select-btn .p-selectbutton .p-button:focus {
  outline: none;
  box-shadow: none;
}

.pop-up-banner {
  background: var(--primary-color);
  padding: 5px 10px;
  color: var(--menu-text-color);
  text-align: center;
  position: fixed;
  z-index: 99;
  left: 0;
  top: 0px;
  right: 0;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.pop-up-banner .title {
  font-size: 12px;
}
.pop-up-banner .msg {
  font-size: 14px;
  font-weight: 500;
}
.pop-up-banner .view-all-link {
  color: var(--menu-text-color);
}
.pop-up-banner .p-button.close {
  position: absolute;
  height: 12px;
  padding: 0;
  background: transparent;
  color: var(--menu-text-color);
  border: 0;
  box-shadow: none;
  right: 10px;
  top: 15px;
}

.main-menu {
  text-align: center;
  margin-right: 10px;
}
.main-menu .menu.menu-expand {
  width: 200px;
  transition: width 0.52s;
}
.main-menu .menu.menu-expand .menu-btn {
  position: absolute;
  right: 0;
  top: 0;
}
.main-menu .menu.menu-expand .menu-btn img {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}
.main-menu .menu.menu-expand .top-menu {
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
}
.main-menu .menu.menu-shrink {
  width: 70px;
  transition: width 0.52s;
}
.main-menu .menu.menu-shrink .user,
.main-menu .menu.menu-shrink .user-name,
.main-menu .menu.menu-shrink .profile-status {
  display: none;
}
.main-menu .menu.menu-shrink .menu-btn {
  float: none;
}
.main-menu .menu.menu-shrink .notification {
  margin-left: 0;
}
.main-menu .menu.menu-shrink ul li {
  padding-left: 0;
  text-align: center;
}
.main-menu .menu.menu-shrink ul li a img {
  display: block;
  margin-right: auto;
}
.main-menu .top-menu .menu-btn {
  width: 24px;
  margin: 0 auto;
  margin-top: 10px;
  margin-bottom: 10px;
  display: inline-block;
  float: right;
  cursor: pointer;
}
.main-menu .top-menu .logo {
  margin: 10px 0;
  display: inline-block;
}
.main-menu .top-menu .logo img {
  width: 60px;
}
.main-menu .top-menu .user {
  margin-bottom: 5px;
}
.main-menu .top-menu .user a {
  display: inline-block;
}
.main-menu .top-menu .user img {
  height: 60px;
  width: 60px;
  border-radius: 50%;
}
.main-menu .top-menu .user-name {
  display: inline-block;
  vertical-align: middle;
  font-weight: 600;
  font-size: 16px;
  color: #FCFCFD;
}
.main-menu .top-menu .profile-status {
  color: #FCFCFD;
}
.main-menu .top-menu .notification {
  display: inline-block;
  vertical-align: middle;
}
.main-menu .top-menu .notification a {
  width: 32px;
  height: 32px;
  display: inline-block;
}
.main-menu .menu ul {
  padding: 0;
}
.main-menu .menu ul li {
  background: rgba(255, 255, 255, 0.05);
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.08);
  margin: 0 -10px;
  padding: 5px 0;
  padding-left: 15px;
  cursor: pointer;
  text-align: left;
}
.main-menu .menu ul li.active, .main-menu .menu ul li:hover {
  background: #018492;
}
.main-menu .menu ul li a {
  text-decoration: none;
  display: inline-block;
  font-size: 12px;
  color: var(--menu-text-color);
}
.main-menu .menu ul li a img {
  margin: 0 auto;
  margin-right: 10px;
  display: inline-block;
  vertical-align: middle;
}

@media screen and (min-device-width: 960px) and (max-device-width: 1500px) {
  .main-menu .top-menu .menu-btn {
    margin-top: 0;
  }
  .main-menu .top-menu .logo {
    margin-top: 0;
    margin-bottom: 5px;
  }
  .main-menu .menu.menu-shrink ul li {
    padding: 2px 3px;
  }
  .main-menu .menu.menu-shrink ul li a {
    font-size: 11px;
  }
}
.dashboard .dashboard-left .dashboard-banner {
  background: url(../../assets/images/bg-banner.png) 0 42% no-repeat;
  padding: 20px;
  background-size: cover;
  color: var(--primary-color);
}
.dashboard .dashboard-left .dashboard-banner .dashboard-search {
  background: linear-gradient(179.9deg, var(--secondary-color-light) 7.5%, var(--secondary-color) 151.45%);
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.16);
  border-radius: 7px;
  padding: 10px;
  height: 90px;
  margin: 30px 0;
}
.dashboard .dashboard-left .dashboard-banner .dashboard-search form {
  justify-content: stretch;
}
.dashboard .dashboard-left .dashboard-banner .dashboard-search form .p-float-label label {
  color: #fff;
  font-size: 14px;
  margin-top: -2px;
}
.dashboard .dashboard-left .dashboard-banner .dashboard-search form .p-float-label .p-inputwrapper-focus ~ label,
.dashboard .dashboard-left .dashboard-banner .dashboard-search form .p-float-label .p-inputwrapper-filled ~ label {
  top: 10px;
}
.dashboard .dashboard-left .dashboard-banner .dashboard-search form .field {
  margin-bottom: 0;
}
.dashboard .dashboard-left .dashboard-banner .dashboard-search form p-multiselect {
  flex-basis: 25%;
  margin: 0 10px;
}
.dashboard .dashboard-left .dashboard-banner .dashboard-search form p-multiselect .p-multiselect {
  width: 100%;
  background: transparent;
  border-width: 0px 0 1px 0px;
  color: #fff;
  border-radius: 0;
}
.dashboard .dashboard-left .dashboard-banner .dashboard-search form p-multiselect .p-multiselect .p-multiselect-trigger {
  color: #fff;
}
.dashboard .dashboard-left .dashboard-banner .dashboard-search form p-multiselect .p-multiselect .p-multiselect-label {
  color: #fff;
  font-size: 14px;
}
.dashboard .dashboard-left .dashboard-banner .dashboard-search .search-btn .p-button {
  background: linear-gradient(180deg, #FFFFFF 0%, #B7B7B7 100%);
  box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  color: #667085;
  width: 70px;
  height: 35px;
  font-weight: 500;
  padding-left: 8px;
  font-size: 12px;
}
.dashboard .dashboard-left .dashboard-banner .dashboard-search .search-btn .p-button .p-button-icon-left {
  margin-right: 0.25rem;
}
.dashboard .dashboard-left .dashboard-banner .dashboard-search .clear-btn {
  width: auto;
  margin-left: 5px;
  color: #fff;
  font-size: 12px;
  line-height: 35px;
  padding: 0.5rem 0.29rem;
  cursor: pointer;
}
.dashboard .dashboard-left .dashboard-banner .dashboard-search .clear-btn:hover {
  text-decoration: underline;
}
.dashboard .custom-card {
  background: #fff;
  height: 100%;
}
.dashboard .custom-card .card .card-1 {
  display: flex;
}
.dashboard .custom-card .card .card-1 .ls {
  border: 1px solid #EAECF0;
  border-radius: 4px;
  padding: 5px 10px;
  text-align: center;
  margin-right: 10px;
  height: fit-content;
  margin-top: 15px;
}
.dashboard .custom-card .card .card-1 .ls h2 {
  margin: 5px 0;
}
.dashboard .custom-card .card .rs {
  width: 100%;
}
.dashboard .custom-card .card .rs .card-2 {
  background: #F8F9FC;
  border-left: 4px solid #065986;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.08);
  border-radius: 4px 0px 0px 4px;
  padding: 5px;
  margin-bottom: 5px;
}
.dashboard .custom-card .card .rs .card-2 .title {
  margin-bottom: 4px;
  font-weight: 500;
}
.dashboard .custom-card .card .week-display {
  display: flex;
  justify-content: space-evenly;
}
.dashboard .custom-card .card .week-display .day {
  border-right: 1px solid #F2F4F7;
  padding: 0 10px;
  font-size: 12px;
}
.dashboard .custom-card .card .week-display .day:last-of-type {
  border-right: 0;
}
.dashboard .custom-card .card .week-display .day .day-date {
  font-weight: 500;
  margin-bottom: 10px;
  text-align: center;
}
.dashboard .custom-card .card .week-display .day .day-event {
  border: 1px solid #3F51B5;
  border-radius: 4px;
  padding: 2px 4px;
  margin-bottom: 8px;
  font-size: 11px;
}
.dashboard .custom-card .card .week-display.jobs .day {
  flex-basis: 15.35%;
  text-align: center;
}
.dashboard .custom-card .card .week-display.jobs .day h2 {
  color: #026AA2;
  font-weight: 600;
  font-size: 26px;
}
.dashboard .custom-card .card .week-display.jobs .day .text {
  font-weight: 500;
  font-size: 14px;
}
.dashboard .custom-card .card .card-heading .calendar-legends {
  display: inline-block;
  float: right;
}
.dashboard .custom-card .card .card-heading .calendar-legends .legend-text {
  font-weight: normal;
  border: 1px solid lightgrey;
  margin: 0 2px;
  font-size: 11px;
  border-radius: 4px;
  padding: 1px 4px;
}
.dashboard .custom-card .card .card-heading .calendar-legends.availability .legend-dot {
  display: inline-block;
  margin-right: 2px;
}
.dashboard .custom-card .card .orange-legend {
  border-color: orange !important;
  color: orange;
}
.dashboard .custom-card .card .green-legend {
  border-color: green !important;
  color: green;
}
.dashboard .custom-card .card .yellow-legend {
  border-color: #f7e70a !important;
  color: #f7e70a;
}
.dashboard .custom-card .card .availabilty-legend .legend-dot {
  height: 12px;
  width: 12px;
  border-radius: 50%;
  display: block;
  background-color: lightgray;
  margin: 0 auto;
}
.dashboard .custom-card .card .availabilty-legend .legend-dot.orange-legend {
  background-color: orange !important;
}
.dashboard .custom-card .card .availabilty-legend .legend-dot.green-legend {
  background-color: green !important;
}
.dashboard .custom-card .card .availabilty-legend .legend-dot.red-legend {
  background-color: red;
}
.dashboard .custom-card .card .availabilty-legend .legend-dot.purple-legend {
  background-color: purple;
}
.dashboard .custom-card .card .availabilty-legend .dmn {
  display: inline-block;
}
.dashboard .custom-card .card .availabilty-legend .dmn button {
  width: 14px;
  height: 14px;
  padding: 0;
  margin: 1px 1px 2px 1px;
  text-align: center;
  font-size: 11px;
}
.dashboard .dashboard-right ul.profile-list {
  padding-left: 0;
}
.dashboard .dashboard-right ul.profile-list li {
  list-style: none;
  padding-left: 0;
  font-size: 12px;
  line-height: 25px;
}
.dashboard .dashboard-right ul.profile-list li .list-icon {
  background: url(../../assets/images/icons/icon-check-grey.svg) left center no-repeat;
  margin: 5px 0;
  height: 16px;
  background-size: cover;
  width: 16px;
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
  margin-right: 5px;
}
.dashboard .dashboard-right ul.profile-list li .list-icon.complete {
  background: url(../../assets/images/icons/icon-check-green.svg) left center no-repeat;
  background-size: contain;
}
.dashboard .dashboard-right .custom-card {
  border-radius: 5px;
}
.dashboard .dashboard-right .custom-card.profile-stat {
  border-left: 6px solid var(--primary-900);
}
.dashboard .dashboard-right .custom-card .card .card-heading {
  font-size: 14px;
  margin: 8px 0;
}
.dashboard .dashboard-right .custom-card .notification .text {
  font-size: 12px;
  font-weight: 400;
  margin: 10px 0;
  color: #065986;
  border-bottom: 1px solid #F2F4F7;
  padding-bottom: 5px;
}
.dashboard .dashboard-right .custom-card .notification .pi {
  font-size: 12px;
}
.dashboard .dashboard-right .custom-card .notification .un-read {
  font-weight: 500;
}
.dashboard .custom-carousel {
  margin: 10px 0;
}
.dashboard .custom-carousel .custom-card {
  flex-basis: 400px;
  height: auto;
}
.dashboard .custom-carousel .custom-card .card {
  background: linear-gradient(113.17deg, #FFFFFF -40.29%, #E7EFFF 107.13%);
  border: 1px solid #B2CCFF;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.16);
  height: 225px;
  max-height: 225px;
  overflow-y: hidden;
}
.dashboard .custom-carousel .custom-card .card:hover {
  overflow-y: auto;
}
.dashboard .custom-carousel .p-carousel.p-carousel-vertical .p-carousel-container {
  height: 55px;
}
.dashboard .custom-carousel .p-carousel.p-carousel-vertical .p-carousel-container .p-link {
  height: 20px;
  margin: 0;
}
.dashboard .custom-carousel.dashboard-compliance .custom-card .card {
  background: #fff;
}
.dashboard .custom-carousel.dashboard-compliance .custom-card .card .card-heading {
  font-weight: 400;
}
.dashboard .custom-carousel.dashboard-compliance .custom-card .card .content .date {
  margin-bottom: 5px;
  font-size: 12px;
}
.dashboard .custom-carousel.dashboard-compliance .custom-card .card .content .icon {
  margin-bottom: 5px;
  text-align: right;
}
.dashboard .custom-carousel.dashboard-compliance .custom-card .card .content .icon .ui-fileupload-choose {
  background: transparent;
  width: auto !important;
  height: auto;
  margin: 0;
  padding: 0;
  color: #0E9384;
  box-shadow: none;
}
.dashboard .custom-carousel.dashboard-compliance .custom-card .card .content .icon .ui-fileupload-choose .ui-button-icon-left {
  margin-right: 0 !important;
}
.dashboard .custom-carousel.dashboard-compliance .custom-card .card .content .note {
  font-size: 10px;
}
.dashboard .custom-carousel.dashboard-compliance .custom-card .card .content .review-badge {
  background: #FFFAEB;
  color: #B54708;
}
.dashboard .custom-carousel.dashboard-compliance .custom-card.status .card {
  border-bottom: 3px solid transparent;
}
.dashboard .custom-carousel.dashboard-compliance .custom-card.status.green .card {
  border-bottom-color: #0E9384;
}
.dashboard .custom-carousel.dashboard-compliance .custom-card.status.red .card {
  border-bottom-color: #D92D20;
  background: #FEF3F2;
}
.dashboard .custom-carousel.dashboard-compliance .custom-card.expired .card {
  background: #FEF3F2;
}
.dashboard .p-carousel .p-carousel-content .p-carousel-prev,
.dashboard .p-carousel .p-carousel-content .p-carousel-next {
  margin: 0;
  height: 20px;
  width: 20px;
}
.dashboard .p-carousel-vertical .p-carousel-container {
  height: 125px;
}

@media (max-width: 767.98px) {
  .dashboard .p-tabview .p-tabview-nav li {
    min-width: 75px;
  }
  .dashboard .custom-card {
    height: auto;
  }
  .dashboard .custom-card .card .card-heading {
    font-size: 13px;
  }
  .dashboard .custom-card .card .card-heading .calendar-legends {
    display: block;
  }
  .dashboard .custom-card .card .card-heading .calendar-legends.availability {
    float: left;
    margin: 5px 0;
  }
  .dashboard .custom-card .card .card-heading .calendar-legends .legend-text {
    font-size: 10px;
  }
  .dashboard .custom-card .card .week-display {
    width: 100%;
  }
  .dashboard .custom-card .card .week-display .day {
    padding: 0 5px;
  }
  .dashboard .custom-card .card .week-display .day .day-event {
    font-size: 10px;
  }
  .dashboard .custom-card .card .week-display .day .day-date {
    font-size: 10px;
  }
  .dashboard .custom-card .card .week-display.jobs .day {
    flex-basis: 20px;
  }
  .dashboard .custom-card .card .week-display.jobs .day .text {
    font-size: 10px;
  }
  .dashboard .custom-card .card .week-display.jobs .day h2 {
    font-size: 20px;
  }
  .dashboard .custom-card .card .rs .card-2 {
    min-height: 50px;
  }
  .dashboard .dashboard-left .dashboard-banner {
    padding: 20px 10px;
  }
  .dashboard .dashboard-left .dashboard-banner .dashboard-search {
    margin: 10px 0;
    height: auto;
  }
  .dashboard .dashboard-left .dashboard-banner .dashboard-search .p-panel .p-panel-header {
    border: 0;
    color: #fff;
    height: 25px;
    padding: 0;
    background: transparent;
  }
  .dashboard .dashboard-left .dashboard-banner .dashboard-search .p-panel .p-panel-header .p-panel-icons .p-panel-header-icon:enabled:hover {
    background: transparent;
  }
  .dashboard .dashboard-left .dashboard-banner .dashboard-search .p-panel .p-panel-header .p-panel-icons .p-panel-header-icon:focus {
    box-shadow: none;
  }
  .dashboard .dashboard-left .dashboard-banner .dashboard-search .p-panel .p-panel-header .p-panel-icons .p-panel-header-icon .pi {
    font-size: 20px;
    color: #fff;
  }
  .dashboard .dashboard-left .dashboard-banner .dashboard-search .p-panel .p-panel-header .p-panel-icons .p-panel-header-icon .pi-plus:before {
    content: "\e98f";
  }
  .dashboard .dashboard-left .dashboard-banner .dashboard-search .p-panel .p-panel-header .p-panel-icons .p-panel-header-icon .pi-minus:before {
    content: "\e990";
  }
  .dashboard .dashboard-left .dashboard-banner .dashboard-search .p-panel .p-panel-content {
    background: transparent;
    border: 0;
    padding: 25px 0 0 0;
  }
  .dashboard .dashboard-left .dashboard-banner .dashboard-search .p-panel .p-panel-content .field {
    margin-bottom: 15px;
  }
  .dashboard .dashboard-left .dashboard-banner .dashboard-search .p-panel .p-float-label .p-inputwrapper-focus ~ label,
  .dashboard .dashboard-left .dashboard-banner .dashboard-search .p-panel .p-float-label .p-inputwrapper-filled ~ label {
    color: #fff;
  }
  .dashboard .dashboard-left .dashboard-banner .dashboard-search .p-panel .p-fluid .p-multiselect {
    height: 45px;
  }
  .dashboard .dashboard-left .dashboard-banner .dashboard-search .p-panel .p-fluid .p-multiselect .p-multiselect-label {
    line-height: 25px;
  }
  .custom-carousel.dashboard-compliance .custom-card {
    height: 100%;
  }
}
.contactList {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 20px;
}
.contactList * {
  padding: 0;
  margin: 0;
  line-height: 1;
  box-sizing: border-box;
}
.contactList .contactBlock > img {
  display: block;
  width: 24px;
  align-self: self-start;
}
.contactList .contactBlock > .pi {
  display: inline-block;
  font-size: 24px;
  color: #0E9384;
  vertical-align: top;
}
.contactList .contactBlock .contactInfo {
  padding-left: 10px;
  display: inline-block;
  width: 85%;
}
.contactList .contactBlock .contactInfo h3 {
  font-size: 14px;
  line-height: 16px;
  font-weight: 600;
  color: #000;
  margin-bottom: 5px;
}
.contactList .contactBlock .contactInfo h5 {
  font-size: 12px;
  line-height: 14px;
  font-weight: 500;
  font-style: italic !important;
  color: #000;
}
.contactList .contactBlock .contactInfo p {
  font-size: 12px;
  line-height: 14px;
  color: #000;
  opacity: 0.7;
  word-wrap: break-word;
  width: 92%;
  margin: 4px 0;
}
.contactList .contactBlock .contactInfo p.textTruncate {
  display: flex;
  gap: 2px;
}
.contactList .contactBlock .contactInfo p.textTruncate span {
  width: 68%;
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
}

.custom-table {
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.16);
}
.custom-table .list-table .p-datatable-table {
  table-layout: fixed;
}
.custom-table .list-table .p-datatable-table .p-datatable-thead {
  z-index: 9;
}
.custom-table .list-table .p-datatable-table .p-datatable-thead > tr > th {
  padding: 8px 6px;
  border-width: 1px 0 1px 0;
  background-color: #f8f9fa;
}
.custom-table .list-table .p-datatable-table .p-datatable-thead > tr > th .header-text {
  color: #1D2939;
  font-size: 13px;
}
.custom-table .list-table .p-datatable-table .p-datatable-thead > tr > th.checkbox .p-checkbox {
  height: 16px;
}
.custom-table .list-table .p-datatable-table .p-datatable-thead > tr > th.checkbox .p-checkbox .p-checkbox-box {
  width: 16px;
  height: 16px;
}
.custom-table .list-table .p-datatable-table .p-datatable-thead > tr > th.checkbox .p-checkbox .p-checkbox-box .p-checkbox-icon {
  font-size: 10px;
}
.custom-table .list-table .p-datatable-table .p-datatable-tbody > tr {
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.16);
  outline: 0;
}
.custom-table .list-table .p-datatable-table .p-datatable-tbody > tr:nth-child(even) {
  background-color: #F9FAFB;
}
.custom-table .list-table .p-datatable-table .p-datatable-tbody > tr > td {
  padding: 6px;
  font-size: 12px;
  color: #1D2939;
  border: 0;
}
.custom-table .list-table .p-datatable-table .p-datatable-tbody > tr > td.checkbox .p-checkbox {
  height: 16px;
}
.custom-table .list-table .p-datatable-table .p-datatable-tbody > tr > td.checkbox .p-checkbox .p-checkbox-box {
  width: 16px;
  height: 16px;
}
.custom-table .list-table .p-datatable-table .p-datatable-tbody > tr > td.checkbox .p-checkbox .p-checkbox-box .p-checkbox-icon {
  font-size: 10px;
}
.custom-table .list-table .p-datatable-table .p-datatable-tbody > tr > td .grid-icon {
  vertical-align: middle;
  display: inline-flex;
  margin: 0 5px;
}
.custom-table .list-table .p-datatable-table .p-datatable-tbody > tr > td .grid-text {
  display: inline-block;
  width: 87%;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
}
.custom-table .list-table .p-datatable-table .p-datatable-tbody > tr > td .p-button-link {
  box-shadow: none;
}
.custom-table .list-table .p-datatable-table .p-datatable-tbody > tr.p-highlight {
  background: #E3F2FD !important;
}
.custom-table .list-table p-paginator {
  display: none;
}
.custom-table .list-table.timesheet-table .p-datatable-table {
  table-layout: auto;
}
.custom-table .list-table.timesheet-table .p-datatable-table .p-datatable-tbody > tr > td .table-content .p-inputtext {
  min-width: 75px;
}

.muti-row-select {
  position: absolute;
  width: 100%;
  top: 0;
  display: flex;
  z-index: 10;
  left: -1px;
  padding: 10px 10px 10px 8px;
  justify-content: flex-start;
  align-items: center;
  height: 35px;
  background-color: #F9FAFB;
}
.muti-row-select .selected-rows {
  z-index: 12;
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  color: #0E9384;
}
.muti-row-select .more-actions-options {
  margin-left: auto;
}
.muti-row-select .more-actions-options ul li {
  list-style: none;
  font-size: 12px;
  border-radius: 8px;
}
.muti-row-select .more-actions-options ul li .p-button {
  height: 26px;
}

.paginator {
  display: inline-flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  align-content: stretch;
  padding: 5px 15px;
  font-size: 12px;
}
.paginator .paginator-drop-down {
  width: 95px;
  margin: 0 10px;
}
.paginator .paginator-drop-down .md-inputfield {
  margin-bottom: 0;
  padding: 0 5px;
  border-radius: 5px;
}
.paginator .paginator-drop-down .md-inputfield .p-dropdown {
  height: 32px;
  background: none;
  width: 95px;
  min-width: 70px;
}
.paginator .paginator-drop-down .md-inputfield .p-dropdown .p-dropdown-label {
  overflow: visible;
  padding: 5px;
  font-size: 14px;
  text-align: center;
}
.paginator .paginator-drop-down .md-inputfield .p-dropdown .p-dropdown-panel .p-dropdown-list .p-dropdown-item {
  padding: 5px;
}
.paginator .paginator-drop-down .md-inputfield label {
  top: 2px;
  padding-right: 20px;
  font-size: 12px;
}
.paginator .paginator-nav {
  margin: 0 10px;
}
.paginator .paginator-nav a {
  cursor: pointer;
}
.paginator .paginator-nav a.disabled {
  cursor: default;
}

.checklist-table .table-content {
  padding: 2px 5px;
}
.checklist-table .table-content .ui-column-title {
  display: none;
}
.checklist-table.p-datatable .p-datatable-thead > tr > th {
  padding: 5px 0px;
}
.checklist-table.p-datatable .p-datatable-thead > tr > th .checklist-incomplete {
  color: #FD4C5C;
}
.checklist-table.p-datatable .p-datatable-table .p-datatable-tbody > tr.section-row td .table-content {
  text-align: left;
}
.checklist-table.p-datatable .p-datatable-table .p-datatable-tbody > tr.section-row td .table-content.checklist-radio {
  text-align: center;
}
.checklist-table.p-datatable .p-datatable-table .p-datatable-tbody > tr > td {
  padding: 5px 0px;
}
.checklist-table.p-datatable .p-datatable-table .p-datatable-tbody > tr > td .table-content {
  text-align: center;
}
.checklist-table.p-datatable .p-datatable-table .p-datatable-tbody > tr > td:first-of-type .table-content {
  text-align: left;
  white-space: normal;
}
.checklist-table.p-datatable .p-datatable-table .p-datatable-tbody > tr > td:first-of-type .table-content.checklist-radio {
  text-align: center;
}

.custom-calendar .custom-legend {
  margin: 8px 5px;
}
.custom-calendar .custom-legend .calendar-legends {
  padding: 6px;
  display: inline-block;
}
.custom-calendar .custom-legend .calendar-legends .legend-color {
  border-radius: 50%;
  width: 1em;
  height: 1em;
  vertical-align: middle;
  display: inline-block;
}
.custom-calendar .custom-legend .calendar-legends .legend-text {
  padding: 2px 7px;
  margin-right: 5px;
  font-size: 12px;
  border-radius: 5px;
  color: #fff;
}
.custom-calendar .custom-legend .calendar-legends .indigo-legend {
  background-color: #3F51B5;
}
.custom-calendar .custom-legend .calendar-legends .purple-legend {
  background-color: purple;
}
.custom-calendar .custom-legend .calendar-legends .orange-legend {
  background-color: orange;
}
.custom-calendar .custom-legend .calendar-legends .blue-legend {
  background-color: #03a9f4;
}
.custom-calendar .custom-legend .calendar-legends .grey-legend {
  background-color: gray;
}
.custom-calendar .custom-legend .calendar-legends .green-legend {
  background-color: green;
}
.custom-calendar .custom-legend .calendar-legends .red-legend {
  background-color: red;
}
.custom-calendar .custom-legend .calendar-legends .yellow-legend {
  background-color: #f7e70a;
}
.custom-calendar .custom-legend .modified {
  font-size: 12px;
  display: inline-block;
  margin-left: 15px;
}
.custom-calendar .custom-legend .modified.note span {
  color: red;
}
.custom-calendar .custom-legend .modified span {
  color: #344054;
}
.custom-calendar .custom-legend .p-button {
  min-height: 25px !important;
  margin-left: 10px;
}
.custom-calendar .custom-legend .p-button .p-button-label {
  font-size: 12px;
}
.custom-calendar .fc .fc-daygrid-day-frame {
  height: auto;
}
.custom-calendar .fc .fc-toolbar .fc-button {
  background: var(--primary-600);
  border: 1px solid var(--primary-600);
  margin: 0 5px;
  width: 70px;
  text-transform: capitalize;
}
.custom-calendar .fc .fc-toolbar .fc-button.fc-button-active {
  background: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
}
.custom-calendar .fc .fc-toolbar .fc-button.fc-prev-button, .custom-calendar .fc .fc-toolbar .fc-button.fc-next-button {
  width: 35px;
}
.custom-calendar .fc .fc-toolbar .fc-button:disabled {
  opacity: 0.6;
  color: #ffffff;
  background: var(--primary-400);
  border: 1px solid var(--primary-400);
}
.custom-calendar .fc .fc-toolbar.fc-header-toolbar {
  margin-bottom: 0.5em;
}
.custom-calendar .fc .fc-toolbar.fc-header-toolbar .fc-toolbar-title {
  font-size: 1em;
  color: var(--primary-color);
  font-weight: 500;
}
.custom-calendar .fc .fc-view-harness .fc-view .fc-scrollgrid tr th {
  height: 32px;
  background-color: var(--primary-color);
}
.custom-calendar .fc .fc-view-harness .fc-view .fc-scrollgrid tr th .fc-col-header-cell-cushion {
  line-height: 32px;
  color: #fff;
}
.custom-calendar .fc .fc-view-harness .fc-view.fc-dayGridWeek-view .fc-day div {
  top: 10px;
}
.custom-calendar .fc .fc-view-harness .fc-view.fc-dayGridMonth-view .fc-day {
  padding-top: 10px;
  position: relative;
}
.custom-calendar .fc .fc-view-harness .fc-view.fc-dayGridMonth-view .fc-day.fc-col-header-cell {
  padding-top: 0;
}
.custom-calendar .fc .fc-view-harness .fc-view.fc-dayGridMonth-view .fc-day div {
  top: 2px;
  color: #344054;
}
.custom-calendar .fc .fc-view-harness .fc-view.fc-dayGridMonth-view .fc-day div .fc-daygrid-day-top {
  padding-right: 10px;
  padding-top: 5px;
}
.custom-calendar .fc .fc-view-harness .fc-view.fc-dayGridMonth-view .fc-day.fc-day-disabled div {
  display: none !important;
}
.custom-calendar .fc .fc-view-harness .fc-event.fc-daygrid-block-event {
  padding: 1px 2px;
}
.custom-calendar.scheduler-cal .fc .fc-view-harness .fc-view.fc-dayGridWeek-view .fc-day div {
  top: 0;
}
.custom-calendar .fc-daygrid-day-events {
  top: -5px !important;
}
.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event {
  white-space: normal;
  font-size: 12px;
  padding: 2px;
}

@media (max-width: 767.98px) {
  .custom-calendar .custom-legend {
    text-align: center;
  }
  .custom-calendar .custom-legend .p-button {
    height: 20px;
  }
  .custom-calendar .custom-legend .modified {
    margin-top: 5px;
  }
  .custom-calendar .fc .fc-toolbar.fc-header-toolbar .fc-toolbar-title {
    font-size: 12px;
  }
  .custom-calendar .fc .fc-toolbar.fc-header-toolbar .fc-button-group .fc-button {
    font-size: 11px;
  }
  .custom-calendar .fc .fc-toolbar.fc-header-toolbar .fc-button-group .fc-button.fc-dayGridMonth-button, .custom-calendar .fc .fc-toolbar.fc-header-toolbar .fc-button-group .fc-button.fc-dayGridWeek-button, .custom-calendar .fc .fc-toolbar.fc-header-toolbar .fc-button-group .fc-button.fc-dayGridDay-button {
    margin: 0 2px;
    width: 45px;
  }
  .custom-calendar .fc .fc-toolbar.fc-header-toolbar .fc-button-group .fc-prev-button,
  .custom-calendar .fc .fc-toolbar.fc-header-toolbar .fc-button-group .fc-next-button {
    font-size: 14px;
    padding: 5px;
    width: 25px;
  }
  .custom-calendar .fc .fc-toolbar.fc-header-toolbar .fc-button-group .fc-prev-button .fc-icon,
  .custom-calendar .fc .fc-toolbar.fc-header-toolbar .fc-button-group .fc-next-button .fc-icon {
    font-size: 12px;
  }
  .custom-calendar .fc .fc-toolbar.fc-header-toolbar .fc-today-button {
    font-size: 11px;
    width: 50px;
    line-height: 20px;
  }
  .custom-calendar .fc .fc-view-harness .fc-view.fc-dayGridMonth-view .fc-day .dots, .custom-calendar .fc .fc-view-harness .fc-view.fc-dayGridMonth-view .fc-day .all-dots {
    padding-left: 5px !important;
    top: 35px !important;
  }
  .custom-calendar .fc .fc-view-harness .fc-view.fc-dayGridMonth-view .fc-day .dots button, .custom-calendar .fc .fc-view-harness .fc-view.fc-dayGridMonth-view .fc-day .all-dots button {
    height: 8px !important;
    width: 8px !important;
  }
  .custom-calendar .fc .fc-view-harness .fc-view.fc-dayGridMonth-view .fc-day div button {
    font-size: 11px;
    padding: 2px;
  }
  .custom-calendar .fc .fc-view-harness .fc-view.fc-dayGridWeek-view .fc-day .dots, .custom-calendar .fc .fc-view-harness .fc-view.fc-dayGridWeek-view .fc-day .all-dots {
    padding-left: 40px !important;
    top: 12px !important;
  }
  .custom-calendar .fc .fc-view-harness .fc-view.fc-dayGridWeek-view .fc-day .dots button, .custom-calendar .fc .fc-view-harness .fc-view.fc-dayGridWeek-view .fc-day .all-dots button {
    margin: 2px 0;
  }
  .custom-calendar .fc .fc-view-harness .fc-view.fc-dayGridWeek-view .fc-day div {
    top: 10px;
    display: flex !important;
    flex-direction: column;
  }
  .custom-calendar .fc .fc-view-harness .fc-view.fc-dayGridWeek-view .fc-day div button {
    margin: 2px 0px;
    margin-left: 3px;
    font-size: 11px;
  }
  .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event {
    white-space: normal;
    font-size: 8px;
    padding: 2px;
  }
  .custom-calendar .fc .fc-daygrid-day-frame {
    height: auto;
    padding-bottom: 10px;
  }
}
.jobListWrapper * {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  line-height: 1;
}
.jobListWrapper .jobListWrapperInner .btnControlBlock {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.jobListWrapper .jobListWrapperInner .btnControlBlock button {
  text-align: center;
  display: block;
}
.jobListWrapper .jobListWrapperInner .btnControlBlock .p-button {
  font-size: 12px;
  padding: 8px;
  color: rgba(255, 255, 255, 0.8);
}
.jobListWrapper .jobListWrapperInner .jobListRow {
  display: flex;
  flex-wrap: nowrap;
}
.jobListWrapper .jobListWrapperInner .jobListRow .jobListCol {
  flex: 1 1 auto;
  padding: 10px 4px;
}
.jobListWrapper .jobListWrapperInner .jobListRow .jobListCol small.textRed {
  color: red;
}
.jobListWrapper .jobListWrapperInner .jobListRow .jobListCol small.textTealBlue {
  color: #0B8CA6;
}
.jobListWrapper .jobListWrapperInner .jobListRow .jobListCol.col__1 {
  width: 100px;
}
.jobListWrapper .jobListWrapperInner .jobListHeader {
  background-color: #F2F4F7;
  padding-inline: 10px;
  padding-inline-end: 18px;
}
.jobListWrapper .jobListWrapperInner .jobListHeader .jobListCol {
  padding: 5px 4px;
}
.jobListWrapper .jobListWrapperInner .jobListHeader .jobListCol small {
  font-size: 10px;
  font-weight: 500;
  opacity: 0.75;
}
.jobListWrapper .jobListWrapperInner .jobListHeader .jobListCol img {
  width: 18px;
}
.jobListWrapper .jobListWrapperInner .jobListHeader .jobListCol .pi {
  font-size: 12px;
}
.jobListWrapper .jobListWrapperInner .jobListHeader .jobListCol.col__1 small {
  min-width: 92px;
}
.jobListWrapper .jobListWrapperInner .jobListBody {
  padding: 8px 10px 0;
  max-height: calc(100vh - 135px);
  overflow-y: auto;
}
.jobListWrapper .jobListWrapperInner .jobListBody::-webkit-scrollbar {
  width: 4px;
}
.jobListWrapper .jobListWrapperInner .jobListBody .jobListBodyInner {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 12px;
}
.jobListWrapper .jobListWrapperInner .jobListBody .jobTypeText {
  display: flex;
  padding: 3px 4px;
  gap: 5px;
  border: 1px solid #eee;
  position: relative;
  width: calc(100% - 5px);
  height: 100%;
  border-radius: 8px;
  min-height: 65px;
}
.jobListWrapper .jobListWrapperInner .jobListBody .jobTypeText .leftCol {
  position: relative;
  padding-right: 8px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 92px;
}
.jobListWrapper .jobListWrapperInner .jobListBody .jobTypeText .leftCol:after {
  position: absolute;
  content: "";
  top: 4px;
  right: 0;
  height: calc(100% - 8px);
  border-right: 1px solid rgba(0, 0, 0, 0.15);
}
.jobListWrapper .jobListWrapperInner .jobListBody .jobTypeText .leftCol small {
  font-size: 10px;
  font-style: italic;
  font-weight: 500;
  color: #000;
  opacity: 0.7;
  display: block;
  margin-bottom: 6px;
}
.jobListWrapper .jobListWrapperInner .jobListBody .jobTypeText .leftCol h4 {
  font-size: 12px;
  font-weight: 600;
  color: #4EB7C8;
}
.jobListWrapper .jobListWrapperInner .jobListBody .jobTypeText .rightCol {
  display: flex;
  align-items: center;
  gap: 3px;
  margin-right: 3px;
}
.jobListWrapper .jobListWrapperInner .jobListBody .jobTypeText .rightCol img {
  display: block;
  width: 18px;
}
.jobListWrapper .jobListWrapperInner .jobListBody .jobTypeText .rightCol .pi {
  font-size: 12px;
}
.jobListWrapper .jobListWrapperInner .jobListBody .jobTypeImage {
  position: relative;
  width: calc(100% - 5px);
  height: calc(100% + 12px);
  border: 1px solid #eee;
  border-radius: 8px;
}
.jobListWrapper .jobListWrapperInner .jobListBody .jobTypeImage:after {
  position: absolute;
  content: "";
  top: 12px;
  right: -12px;
  height: calc(100% - 24px);
  border-right: 1px solid rgba(0, 0, 0, 0.15);
}
.jobListWrapper .jobListWrapperInner .jobListBody .jobTypeImage > img {
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 8px;
}
.jobListWrapper .jobListWrapperInner .jobListBody .jobTypeImage > img.placeholder-img {
  height: 75px;
}
.jobListWrapper .jobListWrapperInner .jobListBody .jobTypeImage > img.client-img {
  min-height: 75px;
}
.jobListWrapper .jobListWrapperInner .jobListBody .jobTypeImage > .pi {
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 9;
  text-shadow: 0px 0px 8px #fff;
}
.jobListWrapper .jobListWrapperInner .jobListBody .jobTypeImage .imgText {
  position: absolute;
  bottom: 5px;
  right: 3%;
  border-radius: 4px;
  background-color: #fff;
  padding: 4px;
  padding-right: 3px;
  z-index: 9;
  width: 94%;
  max-width: 120px;
}
.jobListWrapper .jobListWrapperInner .jobListBody .jobTypeImage .imgText small {
  font-size: 9px;
  font-style: italic;
  font-weight: 500;
  color: #000;
  opacity: 0.7;
  display: block;
  margin-bottom: 3px;
}
.jobListWrapper .jobListWrapperInner .jobListBody .jobTypeImage .imgText h4 {
  font-size: 11px;
  font-weight: 600;
  color: #4EB7C8;
}
.jobListWrapper .jobListWrapperInner .jobListBody .jobTypeImage .imgText h4 img {
  width: 16px;
  display: inline-block;
  vertical-align: middle;
}
.jobListWrapper .jobListWrapperInner .jobListBody .jobTypeImage .imgText .pi {
  font-size: 12px;
}
.jobListWrapper .jobListWrapperInner .jobListBody .jobTypeImage .rightCol {
  display: flex;
  align-items: center;
  gap: 6px;
}
.jobListWrapper .jobListWrapperInner .jobListBody .jobTypeImage .rightCol img {
  display: block;
  width: 18px;
}
.jobListWrapper .jobListWrapperInner .jobListBody .jobTypeImage .rightCol .pi {
  font-size: 12px;
}
.jobListWrapper .jobListWrapperInner .jobListBody .p-datatable .p-datatable-tbody > tr:focus {
  outline: none;
}
.jobListWrapper .jobListWrapperInner .jobListBody .p-datatable .p-datatable-tbody > tr > td {
  white-space: unset;
  padding: 5px 2px;
}
.jobListWrapper .jobListWrapperInner .jobListBody .p-datatable .p-datatable-tbody > tr > td.col__1 {
  width: 13%;
}
.jobListWrapper .jobListWrapperInner .jobListBody .p-datatable .p-datatable-tbody > tr > td.col__2 {
  width: 14%;
}
.jobListWrapper .jobListWrapperInner .jobListBody .p-datatable .p-datatable-tbody > tr .jobListCol > small {
  display: block;
  font-size: 11px;
  line-height: 16px;
  word-break: break-word;
}
.jobListWrapper .jobListWrapperInner .jobListBody .p-datatable .p-datatable-tbody > tr .jobListCol > small.textBold {
  font-weight: 600;
}
.jobListWrapper .jobListWrapperInner .jobListBody .p-datatable .p-datatable-thead {
  z-index: 10;
}

.jobListMobileWrapper * {
  box-shadow: border-box;
  padding: 0;
  margin: 0;
  line-height: 1;
}
.jobListMobileWrapper .jobListMobileWrapperInner > header {
  padding: 8px 12px;
  background-color: #F2F4F7;
}
.jobListMobileWrapper .jobListMobileWrapperInner > header .noDataFound {
  text-align: center;
  font-size: 14px;
  font-weight: 500;
}
.jobListMobileWrapper .jobListMobileWrapperInner > header ul {
  list-style: none;
  display: flex;
  align-items: center;
  gap: 10px;
}
.jobListMobileWrapper .jobListMobileWrapperInner > header ul li {
  display: flex;
  gap: 4px;
  align-items: center;
}
.jobListMobileWrapper .jobListMobileWrapperInner > header ul li:last-of-type {
  margin-left: auto;
}
.jobListMobileWrapper .jobListMobileWrapperInner > header span {
  display: block;
  font-size: 10px;
  font-weight: 500;
  line-height: 12px;
  color: #000;
}
.jobListMobileWrapper .jobListMobileWrapperInner > header img {
  display: block;
  width: 18px;
}
.jobListMobileWrapper .jobListMobileWrapperInner > header .pi {
  font-size: 12px;
}
.jobListMobileWrapper .jobListMobileWrapperInner > header .sort-filter {
  text-align: right;
}
.jobListMobileWrapper .jobListMobileWrapperInner > header .sort-filter .p-selectbutton {
  margin: 6px 0;
}
.jobListMobileWrapper .jobListMobileWrapperInner > header .sort-filter .p-selectbutton .p-button {
  padding: 5px 7px;
}
.jobListMobileWrapper .jobListMobileWrapperInner > header .sort-filter .filter-applied {
  width: 80px;
}
.jobListMobileWrapper .jobListMobileWrapperInner > header .sort-filter .filter-applied .p-button {
  width: 100%;
}
.jobListMobileWrapper .jobListMobileWrapperInner .jobListBody .jobListBodyInner .jobCard {
  position: relative;
  padding: 16px;
}
.jobListMobileWrapper .jobListMobileWrapperInner .jobListBody .jobListBodyInner .jobCard:not(:last-child):after {
  position: absolute;
  content: "";
  top: 100%;
  left: 0;
  width: 100%;
  border-bottom: 2px solid #eee;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
}
.jobListMobileWrapper .jobListMobileWrapperInner .jobListBody .jobListBodyInner .jobCard header {
  margin-bottom: 12px;
}
.jobListMobileWrapper .jobListMobileWrapperInner .jobListBody .jobListBodyInner .jobCard header ul {
  list-style: none;
  display: flex;
  align-items: center;
  gap: 8px;
}
.jobListMobileWrapper .jobListMobileWrapperInner .jobListBody .jobListBodyInner .jobCard header small {
  display: block;
  font-size: 10px;
  font-weight: 500;
  line-height: 12px;
  font-style: italic;
  border: 1px solid #0E9384;
  border-radius: 4px;
  padding: 2px 4px;
}
.jobListMobileWrapper .jobListMobileWrapperInner .jobListBody .jobListBodyInner .jobCard header img {
  display: block;
  width: 18px;
}
.jobListMobileWrapper .jobListMobileWrapperInner .jobListBody .jobListBodyInner .jobCard header .pi {
  font-size: 12px;
}
.jobListMobileWrapper .jobListMobileWrapperInner .jobListBody .jobListBodyInner .jobCard section {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 12px;
}
.jobListMobileWrapper .jobListMobileWrapperInner .jobListBody .jobListBodyInner .jobCard section small {
  font-size: 10px;
  line-height: 12px;
  color: #000;
  display: block;
}
.jobListMobileWrapper .jobListMobileWrapperInner .jobListBody .jobListBodyInner .jobCard section small img {
  display: inline-block;
  width: 9px;
  vertical-align: middle;
  margin-top: -2px;
}
.jobListMobileWrapper .jobListMobileWrapperInner .jobListBody .jobListBodyInner .jobCard section h5 {
  font-size: 12px;
  line-height: 14px;
  font-weight: 600;
  color: #0E9384;
}
.jobListMobileWrapper .jobListMobileWrapperInner .jobListBody .jobListBodyInner .jobCard section .colLeft {
  flex: 0 0 40%;
  padding-right: 6px;
  border-right: 1px solid #ccc;
}
.jobListMobileWrapper .jobListMobileWrapperInner .jobListBody .jobListBodyInner .jobCard section .colLeft .colLeftTop p {
  font-size: 12px;
  line-height: 14px;
  color: #000;
  margin-top: 2px;
}
.jobListMobileWrapper .jobListMobileWrapperInner .jobListBody .jobListBodyInner .jobCard section .colLeft .colLeftBottom {
  margin-top: 12px;
}
.jobListMobileWrapper .jobListMobileWrapperInner .jobListBody .jobListBodyInner .jobCard section .colRight {
  position: relative;
  flex: 0 0 60%;
  padding-left: 10px;
}
.jobListMobileWrapper .jobListMobileWrapperInner .jobListBody .jobListBodyInner .jobCard section .colRight h6 {
  font-size: 12px;
  line-height: 14px;
  font-weight: 500;
  color: #000;
}
.jobListMobileWrapper .jobListMobileWrapperInner .jobListBody .jobListBodyInner .jobCard section .colRight h5 {
  font-size: 12px;
  line-height: 14px;
  font-weight: 500;
  color: #0E9384;
  margin-top: 6px;
}
.jobListMobileWrapper .jobListMobileWrapperInner .jobListBody .jobListBodyInner .jobCard section .colRight small {
  margin-top: 12px;
}
.jobListMobileWrapper .jobListMobileWrapperInner .jobListBody .jobListBodyInner .jobCard section .colRight .pi {
  position: absolute;
  font-size: 15px;
  top: 0;
  right: 0;
  z-index: 1;
}
.jobListMobileWrapper .jobListMobileWrapperInner .jobListBody .jobListBodyInner .jobCard footer .btnControlBlock {
  display: flex;
  justify-content: right;
}
.jobListMobileWrapper .jobListMobileWrapperInner .jobListBody .jobListBodyInner .jobCard footer .btnControlBlock .p-button {
  font-size: 12px;
  padding: 8px 12px;
  color: rgba(255, 255, 255, 0.8);
}

.job-view-popup .p-sidebar-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 768px) {
  .job-view-popup .p-sidebar-footer {
    flex-direction: column;
    height: unset !important;
  }
}
.job-view-popup .p-sidebar-footer .footer-left {
  display: flex;
  align-items: center;
  gap: 16px;
  font-size: 12px;
}
@media (max-width: 768px) {
  .job-view-popup .p-sidebar-footer .footer-left {
    width: 100%;
    justify-content: space-between;
  }
}
.job-view-popup .p-sidebar-footer .footer-left .social-media {
  display: flex;
  align-items: center;
  gap: 4px;
}
.job-view-popup .p-sidebar-footer .footer-left .social-media img {
  width: 22px;
  display: block;
  cursor: pointer;
}
.job-view-popup .p-sidebar-footer .footer-left .copy-text {
  display: flex;
  align-items: center;
  gap: 4px;
}
.job-view-popup .p-sidebar-footer .footer-left .copy-text input {
  border: 0;
  background: #dbdbdb;
  font-size: 12px;
  padding: 6px;
  width: 160px;
  border-radius: 4px;
}
.job-view-popup .p-sidebar-footer .footer-left .copy-text input:focus {
  outline: 0;
}
.job-view-popup .p-sidebar-footer .footer-left .copy-text span {
  display: block;
  background: #2e88ff;
  border-radius: 4px;
  padding: 5px;
  width: 24px;
}
.job-view-popup .p-sidebar-footer .footer-left .copy-text span img {
  width: 100%;
  display: block;
  cursor: pointer;
  filter: invert(1);
}
.job-view-popup .p-sidebar-footer .footer-right {
  margin-left: auto;
}
@media (max-width: 768px) {
  .job-view-popup .p-sidebar-footer .footer-right {
    margin-top: 10px;
    display: flex;
    width: 100%;
    gap: 12px;
  }
}
@media (max-width: 768px) {
  .job-view-popup .p-sidebar-footer .footer-right .p-element {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .job-view-popup .p-sidebar-footer .footer-right .p-element .p-button {
    margin: 0 !important;
    float: none !important;
    width: 100%;
  }
}

.jobListCol .shift-icon img {
  width: 16px;
}
.jobListCol .shift-icon i {
  vertical-align: middle;
}

@media (max-width: 767.98px) {
  body {
    margin-bottom: 60px;
    margin-top: 50px;
  }
  .mobile-menu {
    z-index: 10;
    background-color: var(--primary-color);
    height: 55px;
    position: fixed;
    width: 100%;
    bottom: 0;
  }
  .mobile-menu ul {
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-evenly;
    align-items: center;
  }
  .mobile-menu ul li {
    float: left;
    list-style: none;
    text-align: center;
    padding: 5px 0;
    height: 55px;
    cursor: pointer;
    align-items: center;
    justify-content: center;
  }
  .mobile-menu ul li img {
    display: block;
    margin: 0 auto 0 auto;
  }
  .mobile-menu ul li .menu-text {
    font-size: 10px;
    color: #fff;
  }
  .mobile-menu ul li.more-menu {
    height: 50px;
    line-height: 50px;
    color: #fff;
  }
  .mobile-menu ul li.more-menu ul li {
    float: none;
    margin: 0;
    width: 100%;
  }
  .p-sidebar.side-menu {
    background: linear-gradient(270deg, #00BCD4 5.59%, #00838F 99.94%);
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.08);
    padding: 1px;
    width: 300px;
  }
  .p-sidebar.side-menu .p-sidebar-header {
    padding: 5px;
  }
  .p-sidebar.side-menu .p-sidebar-content {
    padding: 0;
    height: 90%;
  }
  .p-sidebar.side-menu .p-sidebar-content .main-menu .menu ul li a {
    line-height: 36px;
  }
  .p-sidebar.side-menu .p-sidebar-content .main-menu .menu ul.logout {
    width: 240px;
    position: fixed;
    bottom: 0;
    margin: 0;
  }
  .p-sidebar.side-menu .p-sidebar-header .p-sidebar-icon {
    color: #fff;
  }
  .p-sidebar.side-menu .p-sidebar-footer {
    padding: 0;
  }
  .p-sidebar.side-menu .p-sidebar-footer .footer-logo {
    height: 14px;
    vertical-align: top;
    margin: 0 5px;
  }
  .p-sidebar.job-details {
    height: calc(100vh - 90px);
  }
  .p-sidebar.job-details .p-sidebar-header {
    min-height: auto;
  }
  .p-sidebar.job-details .p-sidebar-footer {
    padding: 10px 5px;
  }
  .p-sidebar.job-details .p-sidebar-footer .p-button {
    padding: 0.5rem;
  }
  .mobile-top-header {
    background: #FCFCFD;
    height: 50px;
    position: fixed;
    z-index: 10;
    top: 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 10px;
  }
  .mobile-top-header .page-header {
    margin: 0 auto;
    font-weight: 500;
    font-size: 16px;
  }
  .card {
    padding: 12px;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
  }
  .card .card-header {
    font-weight: 500;
    font-size: 20px;
    color: #0E9384;
    margin-bottom: 10px;
  }
  .card .card-header .name {
    font-size: 14px;
  }
  .card .card-header .speciality {
    font-size: 12px;
    display: block;
    margin-top: 5px;
    color: #323232;
    font-weight: 600;
  }
  .card .card-header .rate small {
    vertical-align: middle;
    display: inline-block;
    margin-right: 2px;
    color: #0E9384;
  }
  .card small {
    font-size: 12px;
    font-weight: 500;
    color: #323232;
    display: block;
    margin-top: 3px;
  }
  .card small.name {
    color: var(--primary-color);
  }
  .card .card-data {
    font-weight: 500;
    font-size: 12px;
    text-align: center;
  }
  .card .card-data small {
    font-weight: 400;
    font-size: 10px;
    color: #667085;
  }
  .card .card-data small .icon img {
    vertical-align: middle;
    height: 15px;
  }
  .card .card-data .text {
    text-align: left;
  }
  .card .card-data .text.start-date {
    font-size: 16px;
  }
  .tab-btn .p-splitbutton {
    width: 90%;
    margin: 5px 4%;
  }
  .p-tieredmenu.p-tieredmenu-overlay {
    width: 100%;
  }
  .login-wrap {
    margin-bottom: -60px;
    margin-top: -50px;
  }
  .login-wrap .login-form .logo {
    width: 150px;
  }
  .login-wrap .login-form .logo img {
    height: 60px;
  }
  .login-wrap .login-form .form-group .field .p-inputtext {
    font-size: 14px;
  }
  .job-details .details-card {
    padding: 12px;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.08);
  }
  .job-details .details-card .title {
    font-weight: 400;
    font-size: 14px;
    display: flex;
    color: #0E9384;
    margin-bottom: 5px;
  }
  .job-details .details-content .sub-title {
    font-weight: 500;
    font-size: 10px;
    margin-bottom: 3px;
    color: #475467;
  }
  .job-details .details-content .detail {
    font-weight: 400;
    font-size: 14px;
    color: #101828;
    margin-bottom: 5px;
  }
  .filter-container {
    padding: 15px;
    margin-top: 0;
    background: #F2F4F7;
    height: calc(100vh - 110px);
    overflow-y: auto;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.16);
    display: flex;
    width: 100%;
    flex-direction: column;
  }
  .filter-container .filter-header {
    font-weight: 500;
    font-size: 16px;
  }
  .filter-container .filter {
    margin: 20px 0;
  }
  .filter-container .filter h5 {
    font-weight: 500;
    font-size: 14px;
    color: #344054;
    margin: 0 0 5px 0;
  }
  .filter-container .filter.saved-filter {
    border-bottom: 1px solid #D0D5DD;
    margin: 10px -15px;
    padding: 10px 15px;
    box-shadow: 0px 2px 4px rgba(14, 147, 132, 0.25);
  }
  .filter-container .filter-content {
    height: calc(100vh - 360px);
    overflow: auto;
    padding-right: 5px;
    margin-right: -10px;
    margin-bottom: 5px;
  }
  .filter-container .save-filter {
    margin: 5px;
    color: #026BA3;
  }
  .filter-container .filter-footer {
    background: #fff;
    padding: 10px;
    margin: -15px;
    margin-top: 0;
    display: flex;
  }
  .filter-container .filter-footer .p-element {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
    font-size: 14px;
    box-shadow: none;
  }
  .filter-container .filter-footer .p-button-outlined {
    flex-basis: 85px;
    flex-grow: 0;
    flex-shrink: 0;
    margin-left: auto;
  }
  .mobile-profile-section {
    margin-top: -50px;
  }
  .mobile-profile-section .profile-top {
    height: 155px;
    background: linear-gradient(179.99deg, #00BCD4 -36.07%, #00838F 99.99%);
    box-shadow: 8px -6px 24px rgba(0, 0, 0, 0.16);
    padding: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .mobile-profile-section .profile-top .user img {
    width: 60px;
    border-radius: 50%;
    border: 4px solid #fff;
  }
  .mobile-profile-section .profile-top .user .user-name {
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    margin: 5px 0;
  }
  .mobile-profile-section .profile-top .user .user-speciality .spec {
    background: #F2F4F7;
    border-radius: 16px;
    padding: 2px 8px;
    color: #3538CD;
    font-weight: 500;
    font-size: 10px;
    margin: 3px;
  }
  .mobile-profile-section .profile-top .user .user-speciality .spec:first-of-type {
    margin-left: 0;
  }
  .mobile-profile-section .profile-top .user-detail {
    color: #fff;
  }
  .mobile-profile-section .profile-tabs {
    margin: 0;
  }
  .mobile-profile-section .profile-tabs .tab-left {
    width: 100%;
    flex: 1;
  }
  .mobile-profile-section .profile-tabs .tab-left .tab-heading {
    height: 55px;
    border-radius: 0;
    align-items: center;
    margin-bottom: 0;
    justify-content: flex-start;
  }
  .resume-upload {
    display: block;
    text-align: center;
  }
  .credential-cetificate .custom-card {
    min-height: auto;
  }
  .assignment-tabs.compliance-tabs .p-tabview .p-tabview-nav li {
    min-width: 105px;
    margin-right: 5px;
    text-align: center;
  }
  .assignment-tabs.compliance-tabs .p-tabview .p-tabview-nav li .p-tabview-nav-link {
    font-size: 12px;
  }
  .assignment-tabs.compliance-tabs .p-tabview .p-tabview-nav li .p-tabview-nav-link .pi {
    display: none;
  }
  .compliance-card .custom-card {
    min-height: auto;
    max-height: fit-content;
    overflow-y: visible;
  }
  .compliance-card .custom-card .card {
    box-shadow: none;
  }
  .mobile-tabs.p-tabview .p-tabview-nav {
    margin: 0;
  }
  .mobile-tabs.p-tabview .p-tabview-nav li {
    min-width: auto !important;
    width: 100%;
    margin: 0;
    border: 0;
    border-radius: 0;
  }
  .mobile-tabs.p-tabview .p-tabview-nav li .p-tabview-nav-link {
    border-radius: 0;
    border-bottom: 2px solid rgba(0, 0, 0, 0.08);
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.08);
  }
  .mobile-tabs.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
    color: var(--primary-color);
    background: #fff;
    border-bottom-color: var(--primary-color);
  }
  .sub-heading h4 {
    max-height: 100px;
    word-break: break-all;
  }
  .checklist-table .table-content .ui-column-title {
    display: inline-block;
    font-weight: 500;
    margin-right: 10px;
    min-width: 75px;
  }
  .checklist-table.p-datatable .p-datatable-table .p-datatable-tbody > tr > td:first-of-type {
    padding-left: 0 !important;
  }
  .timesheet-grid {
    position: relative;
    z-index: 1;
  }
  .timesheet-grid .tm-history {
    position: absolute;
    top: 3px;
    right: 3px;
    padding: 5px 10px;
    background-color: var(--primary-50);
    text-align: center;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.028);
    border-radius: 4px;
  }
  .timesheet-grid .tm-history .pi-refresh {
    color: #065986;
    font-size: 14px;
  }
  .timesheet-grid .tm-history:hover {
    background-color: var(--primary-200);
  }
  .timesheet-table .p-datatable-table .p-datatable-thead {
    z-index: 4 !important;
  }
  .custom-card.timesheet-card {
    display: inline-block;
    position: relative;
    z-index: 1;
    width: 100%;
  }
  .custom-card.timesheet-card .card {
    flex-direction: column;
    align-items: flex-start;
  }
  .custom-card.timesheet-card .card .timesheet-buttons .p-button {
    font-size: 11px;
    padding: 7px 6px;
    margin: 10px 5px 5px 0 !important;
  }
  .custom-card.timesheet-card .card .timesheet-buttons .p-button.save-btn.p-disabled {
    float: left;
  }
  .custom-card.timesheet-card .card .timesheet-buttons .p-button.upload-btn, .custom-card.timesheet-card .card .timesheet-buttons .p-button.upload-btn.p-disabled {
    float: left;
  }
  .custom-card.timesheet-card .card .timesheet-buttons .p-button.add-expense, .custom-card.timesheet-card .card .timesheet-buttons .p-button.add-expense.p-disabled {
    float: left;
  }
  .custom-card.timesheet-card .card .timesheet-buttons.timesheet-buttons-image {
    flex-direction: column;
  }
  .custom-card.timesheet-card .card .timesheet-buttons.timesheet-buttons-image .field-checkbox {
    margin: 5px 0;
  }
  .custom-card.timesheet-card .card .card-heading {
    position: relative;
    padding-right: 30px;
  }
  .custom-card.assignment-card .card .card-heading {
    font-size: 16px;
  }
  .custom-card.assignment-card .card .content {
    font-size: 13px;
  }
  .tabview-custom .custom-card .card .content {
    font-size: 12px;
  }
  .tab-scroll.p-tabview .p-tabview-nav-btn.p-link {
    width: 1.257rem;
    background: rgba(255, 255, 255, 0.9);
  }
  app-registration .main-wrapper {
    margin-bottom: -60px;
  }
  .p-dialog .p-dialog-header .p-dialog-title {
    font-size: 16px;
  }
  .timesheet-search {
    padding: 5px;
    position: relative;
    z-index: 9;
  }
  .timesheet-search .date {
    width: 47%;
    margin-bottom: 5px;
    margin-right: 8px;
  }
  .timesheet-search .date:last-of-type {
    margin-right: 0;
  }
  .timesheet-search .date label {
    display: block;
    margin-bottom: 2px;
  }
  .timesheet-search .search-btn {
    margin-bottom: 10px;
  }
  .footer {
    position: relative;
    background: transparent;
    line-height: 16px;
    text-align: center;
  }
  .footer .footer-content {
    padding: 5px;
    font-size: 11px;
  }
  .signup-form {
    padding-bottom: 45px;
  }
  .shits-wrapper header {
    padding: 6px 12px;
    background-color: #F2F4F7;
  }
  .shits-wrapper header ul {
    padding-left: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    list-style: none;
    margin: 0;
  }
  .shits-wrapper header ul li {
    margin: 0 10px;
  }
  .shits-wrapper header ul li img,
  .shits-wrapper header ul li .pi {
    margin: 0 5px;
  }
  .shits-wrapper .card-header .crisis-label {
    border: 1px solid var(--primary-600);
    padding: 2px;
    text-align: center;
    border-radius: 4px;
    min-width: 50px;
    display: inline-block;
    font-size: 12px;
    margin-bottom: 5px;
  }
  .shits-wrapper .card-header .week-rate .rate {
    font-size: 14px;
  }
  .timesheet-history {
    padding: 10px;
  }
  .timesheet-history .timesheet-accordion .p-accordion p-accordiontab {
    margin-bottom: 10px;
    display: block;
  }
  .timesheet-history .timesheet-accordion .p-accordion .p-accordion-header .p-accordion-header-link {
    padding-right: 35px;
    background-color: #fff;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.08);
    border: 0;
    border-radius: 5px;
  }
  .timesheet-history .timesheet-accordion .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
    float: right;
    position: absolute;
    right: 0px;
  }
  .timesheet-history .timesheet-accordion .p-accordion .p-accordion-content {
    padding: 10px;
    background-color: rgba(222, 226, 230, 0.2588235294);
    border: 0;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
  }
}