:root {

    /* text color */
   --text-ligth :#141A33;
--clr-blue :#0052CC;
--light-blue:#ebf2fb;
--light-orange:#FFF5E1; 
--bright-orange:#FFAD05;
/* --slate-blue:#878CA8; */
--silver-gray:#E6E6E6;
--olive-green:#62AE73;
--midnight-blue:#172B4D;
--Light-silver:#F4F6F9;
--Glacier-blue:#E6EEFA;
--Light-Steel-Blue:#DFE1E6;
--Ghost-White:#F8F8F8;
--Slate-Blue:#505673;
--Pastel-Pink:#F8E9EC;
--Bright-Red:#FF012F;
--Champagne:#F8F3E9;
--orange-yellow:#FFAD05;
--Pale-Blue:#F0F5FC;
--Rose-Pink:#e55d87;
--pale-mint:#cde5d2;
--cerulean-blue:#3690D4;
--Work-in-progress:#fff4d4;
--in-qa:#ffbdee;
--waiting-for-feedback:#fdf99b;
--completed:#eefff3;
--important:#ebcbcb;
--Query:#daf4ff;
--vivid-lime-green:#1F9900;
--purple-pizzazz:#AF04CB;
--tomato-red:#FF0000;
--charcoal-gray:#474747;
--border-gray:#0000001A;
--google-green:#4CAF50;
  }
  .pv-nodata-img {
    max-width: 100%;
    object-fit: contain;
    height: auto;
  }


.border-2 {
    border-width: 2px !important;
}

.rounded-10 {
    border-radius: 10px;
}

.content-wrapper .content {
  padding: 0px;
}
.pv-w-fit {
  width: fit-content !important;
}

.pv-text-underline {
  text-decoration: underline;
}

/* modal scroll css */
.modal{
top: 50%;
transform: translateY(-50%);
/* height: unset; */
}
.modal-body{
  max-height: 75vh;
  overflow-y: auto;
}
.jb-modal-full{
  height: 100%;
}

.pv-underline {
  text-decoration: underline;
}
.pn-noborder {
  border: unset !important;
}

/* font size start */

.font-sm {
font-size: 14px;
font-weight: 500;
line-height: 16px;
}
.font-exsm {
  font-size: 12px;
  line-height: normal;
  }
.hed-md {
font-size: 20px;
line-height: 27.24px;
}
.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;
}
.pv-fond-mid {
  font-size: 17px;
  line-height: 16px;
  }
.pv-font-16 {
  font-size: 16px;
  line-height: 16px;
  
}


.pv-head-md {
font-size: 24px;
line-height: 32.69px;
}

/* button css */

.pv-btn-primary {
color: var(--clr-blue);
background-color: var(--Glacier-blue);
}
.pv-btn-darkprimary {
  background-color: var(--clr-blue);
  color: #fff;
}

.pv-cerulean-blue-btn {
 background-color:var(--cerulean-blue);
 color: #fff;
 border: 1px solid var(--cerulean-blue);
}
.pv-cerulean-blue-btn:hover {
  background-color:transparent;
  color:var(--cerulean-blue);
 }

 .pv-cerulean-blue-btn-outline {
  background-color:transparent;
  color:var(--cerulean-blue);
  border: 1px solid var(--cerulean-blue);
 }
 .pv-cerulean-blue-btn-outline:hover {
   color:#fff;
   background-color:var(--cerulean-blue);
  }


/* text color */

.pv-vivid-lime-green {
  color: var(--vivid-lime-green);
}

.pv-text-light {
    color: var(--text-ligth);
}
.pv-slate-blue {
    color: var(--slate-blue);
}
.pv-olive-green {
  color: var(--olive-green);
}
.pv-bright-orange {
  color: var(--bright-orange);
}
.pv-clr-blue {
  color: var(--clr-blue);
}
.pv-Light-silver {
  color: var(--Light-silver);
}
.pv-Rose-Pink {
  color: var(--Rose-Pink);
}
.pv-Light-silver {
  color: var(--Light-silver);
}
.pv-midnight-blue {
  color: var(--midnight-blue);
}
.pv-Light-Steel-Blue {
  color: var(--Light-Steel-Blue);
}
.pv-Ghost-White {
  color: var(--Ghost-White);
}
.pv-Slate-Blue {
  color: var(--Slate-Blue);
}
.pv-charcoal-gray{
color: var(--charcoal-gray);
}
.pv-cerulean-blue {
  color: var(--cerulean-blue);
}

.pv-Work-in-progress {
  background-color: var(--Work-in-progress);
}
.pv-in-qa{
  background-color: var(--in-qa);
}
.pv-waiting-for-feedback {
  background-color: var(--waiting-for-feedback);
}

.pv-completed {
  background-color: var(--completed);
}

.pv-important {
  background-color: var(--important);
}

.pv-Query {
  background-color: var(--Query);
}


/* badge css start */
.badge {
font-size: 14px;
font-weight: 500;
}

.pv-badge-primary {
    background-color: var(--light-blue);
    color: var(--clr-blue);
    padding: 5px 10px;
    width: fit-content;
    border-radius: 10rem;

}
.pv-badge-warning {
background-color: var(--light-orange);
color: var(--bright-orange);
padding: 5px 10px;
width: fit-content;
border-radius: 10rem;
}

.pv-badge-complete {
  background-color: #DBF6E4;
  color: var(--olive-green);
  padding: 5px 10px;
  width: fit-content;
  border-radius: 10rem;
  }

.pv-badge-primary-sqr {
    background-color: var(--light-blue);
    color:#000;
    padding: 5px 10px;
    width: fit-content;
    border-radius:4px;
    margin: 2px 2px;

}

.badge {
margin: 2px 2px !important;
height: fit-content;
}

/* list style start */

.list-style-position-inside {
    list-style-position: inside;
}

ul.custom-dot-list {
    list-style-type: none; /* Remove default list style */
    padding-left: 20px; /* Add left padding for spacing */
  }
  ul.custom-dot-list li::before {
    content: " "; /* Unicode character for bullet point */
    margin-right: 5px; /* Add spacing between bullet point and text */
    margin-left: -16px;
    width: 8px;
    height: 8px;
    display: inline-block;
    background-color:var(--clr-blue);
    border-radius: 100%;
  }

  /* accordian css */
  .pv-accordian-brn::before {
    content:unset;
  }
  .pv-accordian-brn.fa-minus {
    transform: rotate(180deg);
  }
  .pv-accordian-main {
    border: 2px solid var(--silver-gray);
      }
  .pv-accordian-main .card-header{
position: relative;
  }
  .pv-accordian-main .card-tools {
position: absolute;
right:10px;
top: 50%;
transform: translateY(-50%);
  }

/* text-truncate */
.pv-filter-btn  {

  .pv-export-icon {
    margin-right: 10px;
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(277deg) brightness(104%) contrast(104%);
  }
  &:hover .pv-export-icon {
    filter: brightness(0) saturate(100%) invert(0%) sepia(96%) saturate(13%) hue-rotate(358deg) brightness(97%) contrast(103%);
  }
}


.pv-filter-btnexpo {
  border: 1px solid var(--clr-blue);
  border-radius: 50px;
  padding: 3px 15px;
  font-size: 15px;
  height: 38px;
  display: flex;
  align-items: center;
  cursor: pointer;
  width: fit-content;
  color: var(--clr-blue);
}

.pv-filter-btnexpo .pv-export-icon {
  margin-right: 10px;
  transition: transform 0.3s;
  filter: brightness(0) saturate(100%) invert(17%) sepia(73%) saturate(3802%) hue-rotate(211deg) brightness(99%) contrast(101%);
}

.pv-filter-btnexpo:hover {
  border-color: var(--clr-blue);
  color: #fff;
  background-color: var(--clr-blue);
}

.pv-filter-btnexpo:hover .pv-export-icon {
  animation: rotate 0.5s ;
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7478%) hue-rotate(100deg) brightness(104%) contrast(97%);
}


@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, .pv-btn-search {
  border-radius: 50px;
}

.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 i, .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 {
  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-select-globally {
  background: #fafbfc !important;
  border: 2px solid #e6e6e6;
  border-radius: 25px !important;
  height: 52px;
  padding: 0px 14px;
  width: 100%;

  button {
    position: relative;
    &::before {
      content: '';
      background-image: url(/images/down-arrow.svg);
      width: 30px;
      height: 30px;
      background-size: 23px 23px;
      background-repeat: no-repeat;
      /* padding: 21px 10px; */
      display: block;
      background-position: center;
      position: absolute;
      top: 50%;
      right: 10px;
      transform: translateY(-50%);
    }
  }
}

.pv-select-globally.rotateClass {
  button.dropdown-toggle {
    &::before {
      content: '';
      transform: translateY(-50%) rotate(180deg);
    }
  }
}

.pv-task-spent-time {
  background: #8a8686;
  color: #fff;
}

.pv-task-total-time {
  background: #65b57e;
  color: #fff;
}

.pv-task-lunch-time {
  background: #a28aff;
  color: #fff;
}