*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: "Mont", sans-serif !important;
  box-sizing: border-box;
  background-color: #fff !important;
  overflow: hidden;
  /* overflow: hidden; */
}

:root {
  --Platinum: #ebebeb;
  --Pumpkin: #f85e00;
  --forest-green: #62ae73;
  --crimson-red: #c92b42;
  --whisper: #ebebeb;
  --light-silver: #e5e5e5;
  --ghost-white: #f8f8f8;
  --azure-mist: #ebf4fb;
  --blush: #ffe5e5;
  --pink-lace: #ffacac;
  --lava-red: #ff0000;
  --tangerine: #d27e00;
  --light-apricot: #ffefb8;
  --maize: #f2ce81;
  --pale-green: #93e591;
  --light-mint: #d0ffcf;
  --lime-green: #04a601;
  --taupe-gray: #868686;
  --golden-yellow: #f2cb00;
  --neon-green: #04c70c;
  --dark-midnight-blue: #172b4d;
  --Terracotta: #e45e4d;
  --lavender-blush: #ffebf0;
  --light-apricotlight: #ffeab6;
  --light-mint-green: #dbf6e4;
  --amber: #ffab00;
  --emerald: #36b37e;
  --very-pale-blue: #e1eefe;
  --cerulean-blue: #4d8edd;
  --azure-blue: #3690d4;
  --charcoal-gray: #474747;
  --dark-charcoal: #333333;
  --cerulean-bluedardk: #3690d4;
  --vivid-lime-green: #1f9900;
  --tomato-red: #ff0000;
  --in-qa: #ffbdee;
  --purple-pizzazz: #af04cb;
  --Pale-Blue: #f0f5fc;
  --pale-mint: #cde5d2;
  --Champagne: #f8f3e9;
  --Light-Steel-Blue: #dfe1e6;
  --Slate-Blue: #505673;
  --Pastel-Pink: #f8e9ec;
  --Bright-Red: #ff0000;
  --orange-yellow: #f85e00;
  --olive-green: #04a601;
  --main-silver: #f8f8f8;
  --clr-blue: #0052cc;
  --light-blue: #ebf2fb;
  --text-ligth: #141a33;
  --light-orange: #fff5e1;
  --bright-orange: #ffad05;
  --soft-red: #FF6D6D;

  

  /* font size */
  --f-10: 0.625rem;
  --f-12: 0.75rem;
  --f-14: 0.875rem;
  --f-16: 1rem;
  --f-18: 1.125rem;
  --f-20: 1.25rem;

  /* font weight */
  --f-w-400: 400;
  --f-w-500: 500;
  --f-w-600: 600;
  --f-w-700: 700;
  --f-w-800: 800;

  /* border width */
  --b-w-1: 0.0625rem;

  /* border radius */
  --b-r-4: 0.25rem;
  --b-r-8: 0.5rem;
  --b-r-5: 0.3125rem;
  --b-r-5: 0.875rem;
  --b-r-14: 0.875rem;
  --b-r-full:100px;
}

/* font weight class */

.f-w-400 {
  font-weight: var(--f-w-400);
}
.f-w-500 {
  font-weight: var(--f-w-500);
}
.f-w-600 {
  font-weight: var(--f-w-600);
}
.f-w-700 {
  font-weight: var(--f-w-700);
}
.f-w-800 {
  font-weight: var(--f-w-800);
}

/* text color  */
.pv-Pumpkin {
  color: var(--Pumpkin);
}
.pv-forest-green {
  color: var(--forest-green);
}
.pv-crimson-red {
  color: var(--crimson-red);
}
.pv-taupe-gray {
  color: var(--taupe-gray);
}
.pv-golden-yellow {
  color: var(--golden-yellow);
}
.td-link-color {
  color: var(--dark-midnight-blue);
  text-decoration: none;
}
.pv-charcoal-gray {
  color: var(--charcoal-gray);
}
.pv-text-light {
  color: var(--text-ligth);
}
.pv-bright-orange {
  color: var(--bright-orange);
}

/* text size */
.pv-line-n {
  line-height: normal;
}
.pv-text-16 {
  font-size: var(--f-16);
}
.pv-text-14 {
  font-size: var(--f-14);
}
.pv-text-10 {
  font-size: var(--f-10);
}
.pv-text-18 {
  font-size: var(--f-18);
}
.text-sm {
  font-size: 0.875rem !important;
}
.font-sm {
  font-size: 14px;
  line-height: 16px;
}
.hed-emd {
  font-size: 18px !important;
  line-height: 27.24px;
}
.hed-bmd {
  font-size: 25px;
  line-height: 27.24px;
}
.pv-fond-asm {
  font-size: 15px;
  line-height: 16px;
}
.text-justify {
  text-align: justify !important;
}

/* border radius */
.pv-rounded-4 {
  border-radius: var(--b-r-4);
}

/* repeted header css */
.pv-regular-head {
  font-size: var(--f-20) !important;
  font-weight: var(--f-w-600);
  line-height: normal;
  margin-bottom: 0px;
  width: fit-content;
  padding-top: 0px !important;
}

.truncate-ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 225px !important;
  margin-bottom: 0px;
  text-align: left;
}
.truncate-ellipsis-fit {
  /* white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100% !important;
    margin-bottom: 0px;
    text-align: left; */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100% !important;
  margin-bottom: 0px;
  text-align: left;
  display: -webkit-box;
  line-clamp: 1;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  white-space: wrap;
  display: -webkit-box;
}

/* task status color */
.pv-high {
  color: var(--Terracotta);
}
.pv-medium {
  color: var(--amber);
}
.pv-live {
  color: var(--emerald);
}
/* badges css */

.bg-inprogress {
  background-color: var(--lavender-blush);
  color: var(--crimson-red);
  text-transform: uppercase;
}

.bg-waiting {
  background-color: var(--light-apricotlight);
  color: var(--Pumpkin);
  text-transform: uppercase;
}

.bg-completed {
  background-color: var(--light-mint-green);
  color: var(--forest-green);
  text-transform: uppercase;
}

.bg-quarantine {
  background-color: var(--very-pale-blue);
  color: var(--cerulean-blue);
  text-transform: uppercase;
}
.bg-inprogress {
  background-color: var(--lavender-blush);
  color: var(--crimson-red);
  text-transform: uppercase;
}
.pv-badge-primary {
  background-color: var(--light-blue);
  color: var(--clr-blue);
  padding: 5px 10px;
  width: fit-content;
  border-radius: 10rem;
  font-weight: var(--f-w-600);
}
.pv-badge-warning {
  background-color: var(--light-orange);
  color: var(--bright-orange);
  padding: 5px 10px;
  width: fit-content;
  border-radius: 10rem;
}
.status-work-in-progress {
  color: #f85e00;
  width: auto;
  display: flex;
  align-items: center;
}
.pv-badge-primary-sqr {
  background-color: var(--light-blue);
  color: #000;
  padding: 5px 10px;
  width: fit-content;
  border-radius: 4px;
  margin: 2px 2px;
  font-weight: var(--f-w-600);
}
/* buttons css */
.btn {
  border-radius: var(--b-r-8) !important;
}
.pv-rounded-pill {
  border-radius: var(--b-r-full) !important;
}
.btn img{
max-width: 21px;
max-height: 20px;
}
.btn-primary {
  color: #fff;
  background-color: var(--azure-blue);
  border-color: var(--azure-blue);
  border-radius: var(--b-r-8);
  white-space: nowrap;
}
.btn-primary img  , .btn-danger img{
  filter: brightness(0) saturate(100%) invert(100%) sepia(1%) saturate(7499%) hue-rotate(261deg) brightness(119%) contrast(94%);
}
.btn-primary:hover {
  color: #fff;
  background-color: #3182bf;
  border-color: #3182bf;
}

.cancel-taskbtn {
  background-color: rgb(221, 51, 51) !important;
  color: white !important;
}

.cancel-taskbtn {
  border: 0px solid #172b4d;
  border-radius: 22px;
}
.submit-taskbtn {
  color: #fff;
  background-color: var(--azure-blue);
  border-color: var(--azure-blue);
  border-radius: var(--b-r-8);
  white-space: nowrap;
}
.submit-taskbtn:hover {
  color: #fff;
    background-color: #3182bf;
    border-color: #3182bf;
}
.pv-outline-primary {
  background-color: transparent;
  border-color: #3182bf;
  color:#3182bf;
}
.pv-outline-primary:hover {
  background-color: #3182bf;
  border-color: #3182bf;
  color:#fff;
}
/* repited css */
a {
  text-decoration: unset;
  display: inline-block;
}
.pv-live-status {
  color: var(--emerald);
}
.badge {
  font-size: var(--f-12);
  height: fit-content;
  padding-top: 0.4375rem;
}
.daterangepicker,
.drp-calendar {
  min-width: max-content !important;
}
.pv-clr-blue {
  color: var(--clr-blue);
}
.pv-w-fit {
  width: fit-content !important;
}
.font-italic {
  font-style: italic !important;
}
.card {
  border: 0;
}
.pv-icon-hover:hover i {
  animation: rotate-icon 0.5s;
}
@keyframes rotate-icon {
  0% {
    transform: rotate(0deg) scale(0.7);
  }
  50% {
    transform: rotate(10deg) scale(1.1);
  }
  100% {
    transform: rotate(0deg) scale(1);
  }
}

.pv-btn-reset:hover i, .pv-btn-search:hover i {
    animation: rotate-icon 0.5s ;
  }
  
  .dropdown-item:hover i, .dropdown-item:hover svg,
  a:hover i, a:hover svg,
  .tab-filter:hover i, .tab-filter:hover svg,
  .hide-fields:hover i, .hide-fields:hover svg,
   .btn:hover svg,
  .close-accordion:hover i, .close-accordion:hover svg , .darken1-hover:hover svg  {
    animation: rotate-icon 0.5s ;
  }
  
  .accordion-item-header:hover img,
  .export-sheet:hover img,
  .backlog-filter:hover img,
  .share-profile:hover img ,.table-control-filter:hover img ,.btn:hover img , .pv-kanban-action .dropdown-item:hover img ,.pv-heder-icon-link:hover img , .search-menu:hover img , .click-notification:hover img , .pv-project-tagbtn:hover img ,  .pv-user-dropdown .dropdown-item:hover img , .pv-clientlog-inner .nav-link:hover img{ 
    animation: rotate-icon 0.5s ;
  }
  
  .dropdown-menu .dropdown-item:hover .fa-cards,
  .dropdown-menu .dropdown-item:hover .fa-grid {
    animation: rotate-icon 0.5s ;
  }
  .pv-icon-hover:hover img{
    animation: rotate-icon 0.5s ;
  }
  .pv-icon-hover:hover i{
    animation: rotate-icon 0.5s ;
  }
  .pv-plus-icon {
    filter: brightness(0) saturate(100%) invert(100%) sepia(1%) saturate(2%) hue-rotate(117deg) brightness(108%) contrast(100%);
    }

    /*  */

    .ck.ck-balloon-panel.ck-powered-by-balloon {
      opacity: 0;
      display: none;
  }

  /* exapmle */
  .pv-general-worklogtable > tbody tr td:nth-child(5) > span {
    max-width: 25rem;
    min-width: 18.75rem;
    display: inline-block;
  }
  .pv-general-worklogtable > tbody tr td:nth-child(6) > span {
    max-width: 25rem;
    min-width: 18.75rem;
    display: inline-block;
    white-space: normal;
  }
  .pv-general-worklogtable span {
    line-height: normal;
    white-space: normal;

  }
  .pv-midnight-blue {
    color: #172b4d;
    /* color: var(--cerulean-bluedardk); */
    font-weight: 700;
  }
  .pv-olive-green {
    color: var(--vivid-lime-green);
  }
  .pv-tomato-red {
    color: var(--tomato-red);
  }
  .pv-purple-pizzazz {
    color: var(--purple-pizzazz);
  }
  .pv-Rose-Pink {
    color: var(--Pumpkin);
  }

  .pv-general-worklogtable{
    outline: var(--b-w-1) solid var(--Platinum);
    outline-offset: -0.0625rem;
    border-radius: var(--b-r-8);
    border-collapse: collapse;
    vertical-align: middle;
    width: 100% !important;
  }
  
  .pv-general-worklogtable td,th{
    vertical-align: middle;
    padding: .75rem;
    border-bottom: 0;
    /* border-top: 0.0625rem solid #dee2e6; */
  }
  /* .table.pv-general-worklogtable tbody {
    background-color: var(--ghost-white);
  } */
  
  .pv-Slate-Blue {
    color: var(--taupe-gray);
  }
  .table.pv-general-worklogtable thead th {
    border-bottom-width: 0rem;
    position: relative;
    font-size: var(--f-14);
    font-weight: 600;
    padding-block: 0.75rem;
    padding-right: 1.5rem;
    white-space: nowrap;
  }
  .pv-general-worklogtable .hiddenRow {
    padding: 0rem;
  }
  .pv-general-worklogtable .pv-general-worklogtable-main {
    padding: 0.625rem;
  }
  
  .pv-general-worklogtable .pv-general-worklogtable-inner {
    background-color: #fff !important;
    border-radius:var(--b-r-8);
    overflow: hidden;
    border: unset;
    box-shadow: 0 0 0.0625rem rgba(0, 0, 0, 0.125), 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.2);
  }
  .pv-general-worklogtable .hiddenRow {
    padding: 0rem;
  }
  .pv-general-worklogtable .pv-general-worklogtable-inner thead {
    background-color: unset;
    height: unset;
  }
  .pv-general-worklogtable-main tbody {
    background-color: unset !important;
  }
  .pv-general-worklogtable .pv-general-worklogtable-inner:has(.pv-general-worklogtable-inner) {
    background-color: #f1f1f1 !important;
}
.pv-general-worklogtable > tbody tr td:nth-child(5) > span {
  max-width: 400px;
  min-width: 300px;
  display: inline-block;
      white-space: normal;
}
.pv-general-worklogtable .pv-general-worklogtable-main .pv-general-worklogtable-inner tbody tr td:nth-child(5) > span {
  max-width: 400px;
  min-width: 300px;
  display: inline-block;
      white-space: normal;
}