/* cyrillic-ext */
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v19/UcCm3FwrK3iLTcvnUwkT9nA2.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v19/UcCm3FwrK3iLTcvnUwAT9nA2.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v19/UcCm3FwrK3iLTcvnUwgT9nA2.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v19/UcCm3FwrK3iLTcvnUwcT9nA2.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v19/UcCm3FwrK3iLTcvnUwsT9nA2.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v19/UcCm3FwrK3iLTcvnUwoT9nA2.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v19/UcCm3FwrK3iLTcvnUwQT9g.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v19/UcCo3FwrK3iLTcvvYwYL8g.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v19/UcCo3FwrK3iLTcvmYwYL8g.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v19/UcCo3FwrK3iLTcvuYwYL8g.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v19/UcCo3FwrK3iLTcvhYwYL8g.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v19/UcCo3FwrK3iLTcvtYwYL8g.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v19/UcCo3FwrK3iLTcvsYwYL8g.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v19/UcCo3FwrK3iLTcviYwY.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v23/pxiAyp8kv8JHgFVrJJLmE0tDMPKzSQ.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v23/pxiAyp8kv8JHgFVrJJLmE0tMMPKzSQ.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v23/pxiAyp8kv8JHgFVrJJLmE0tCMPI.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v23/pxiDyp8kv8JHgFVrJJLmv1pVFteOcEg.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v23/pxiDyp8kv8JHgFVrJJLmv1pVGdeOcEg.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v23/pxiDyp8kv8JHgFVrJJLmv1pVF9eO.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v23/pxiDyp8kv8JHgFVrJJLm21lVFteOcEg.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v23/pxiDyp8kv8JHgFVrJJLm21lVGdeOcEg.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v23/pxiDyp8kv8JHgFVrJJLm21lVF9eO.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v23/pxiGyp8kv8JHgFVrJJLucXtAKPY.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v23/pxiGyp8kv8JHgFVrJJLufntAKPY.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v23/pxiGyp8kv8JHgFVrJJLucHtA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v23/pxiDyp8kv8JHgFVrJJLmg1hVFteOcEg.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v23/pxiDyp8kv8JHgFVrJJLmg1hVGdeOcEg.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v23/pxiDyp8kv8JHgFVrJJLmg1hVF9eO.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v23/pxiDyp8kv8JHgFVrJJLmr19VFteOcEg.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v23/pxiDyp8kv8JHgFVrJJLmr19VGdeOcEg.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v23/pxiDyp8kv8JHgFVrJJLmr19VF9eO.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v23/pxiDyp8kv8JHgFVrJJLmy15VFteOcEg.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v23/pxiDyp8kv8JHgFVrJJLmy15VGdeOcEg.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v23/pxiDyp8kv8JHgFVrJJLmy15VF9eO.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v23/pxiDyp8kv8JHgFVrJJLm111VFteOcEg.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v23/pxiDyp8kv8JHgFVrJJLm111VGdeOcEg.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v23/pxiDyp8kv8JHgFVrJJLm111VF9eO.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v23/pxiDyp8kv8JHgFVrJJLm81xVFteOcEg.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v23/pxiDyp8kv8JHgFVrJJLm81xVGdeOcEg.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v23/pxiDyp8kv8JHgFVrJJLm81xVF9eO.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v23/pxiGyp8kv8JHgFVrLPTucXtAKPY.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v23/pxiGyp8kv8JHgFVrLPTufntAKPY.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v23/pxiGyp8kv8JHgFVrLPTucHtA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v23/pxiByp8kv8JHgFVrLFj_Z11lFc-K.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v23/pxiByp8kv8JHgFVrLFj_Z1JlFc-K.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v23/pxiByp8kv8JHgFVrLFj_Z1xlFQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v23/pxiByp8kv8JHgFVrLDz8Z11lFc-K.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v23/pxiByp8kv8JHgFVrLDz8Z1JlFc-K.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v23/pxiByp8kv8JHgFVrLDz8Z1xlFQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v23/pxiEyp8kv8JHgFVrJJbecmNE.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v23/pxiEyp8kv8JHgFVrJJnecmNE.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v23/pxiEyp8kv8JHgFVrJJfecg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v23/pxiByp8kv8JHgFVrLGT9Z11lFc-K.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v23/pxiByp8kv8JHgFVrLGT9Z1JlFc-K.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v23/pxiByp8kv8JHgFVrLGT9Z1xlFQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v23/pxiByp8kv8JHgFVrLEj6Z11lFc-K.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v23/pxiByp8kv8JHgFVrLEj6Z1JlFc-K.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v23/pxiByp8kv8JHgFVrLEj6Z1xlFQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v23/pxiByp8kv8JHgFVrLCz7Z11lFc-K.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v23/pxiByp8kv8JHgFVrLCz7Z1JlFc-K.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v23/pxiByp8kv8JHgFVrLCz7Z1xlFQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v23/pxiByp8kv8JHgFVrLDD4Z11lFc-K.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v23/pxiByp8kv8JHgFVrLDD4Z1JlFc-K.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v23/pxiByp8kv8JHgFVrLDD4Z1xlFQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v23/pxiByp8kv8JHgFVrLBT5Z11lFc-K.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v23/pxiByp8kv8JHgFVrLBT5Z1JlFc-K.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v23/pxiByp8kv8JHgFVrLBT5Z1xlFQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

body{
	font-family: "inter";
}


/*********************** Login Page Css Start *****************************/

/* #main-wrapper {
    width: 100%;
    overflow: hidden;
    height: 100vh;
    display: flex;
    justify-content: center;
    flex-direction: column;
} */
span.input-group-text img {
    z-index: 1;
}
.login-form-cst #loginForm button#loginSubmitButton {
    background: #7B00FF;
    border: none;
    border-radius: 100px;
    padding: 10px;
}
.login-form-cst #loginForm h4.box-title.m-t-10.text-center {
    font-size: 32px;
    font-weight: 700;
    color: #28313C;
}

.login-box.m-t-20.login-form-cst {
    border-radius: 24px !important;
    box-shadow: 0px 4px 4px #0000000D;
}
.logged-out body .login-background {

    background: #EDEEFC !important;
}

.login-form-cst .input-group-text {
    border: none;
	 background: transparent;
}
.login-form-cst .form-group.email-field {
    margin-bottom: 21px !important;
}
.form-group.password-field {
    margin-bottom: 0;
}
.form-group.forget-password {
    margin-bottom: 16px;
    margin-top: 16px;
    padding: 0px !important;
}
.form-group.forget-password a {
    text-decoration: underline;
    font-size: 12px;
}
.login-form-cst #loginForm .input-group .form-control {
    border-right: 0;
}
.login-form-cst #loginForm label {
    font-size: 14px;
    font-weight: 500 !important;
    color: #121212;
    margin-bottom: 8px !important;
}
.login-form-cst #loginForm  input {
    background: #F0F5FD;
    padding: 15px 16px !important;
    border-radius: 10px;
    border: 1px solid #E1E1E1 !important;
    width: 100%;
	min-height:48px;
}

.input-group-append {
    position: absolute;
    right: 0;
    bottom: 0px;
    height: 100%;
    border: 1px solid #e1e1e1;
    border-radius: 0px 10px 10px 0px;
    background: transparent !important;
	z-index:9;
}
.form-group.stay-logged {
    margin-bottom: 16px;
}
.stay-logged .custom-checkbox .custom-control-indicator {
    width: 20px;
    height: 20px;
    border-radius: 4px;
    border: solid 1px #616E80;
    top: 1px;
}
span.custom-control-description {
    font-size: 14px;
    font-weight: 400;
    color: #616E80;
}
.login-form-cst button#loginSubmitButton {
    display: flex;
    align-items: center;
    vertical-align: middle;
    justify-content: center;
    gap: 10px;
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-indicator {
    border-color: #7b00ff;
    background-color: #7b00ff;
}


/*********************** Login Page Css End *****************************/



/*********************** Forget password Page Css Start *****************************/
.btn-lg {
    background: #7B00FF !important;
    border: none;
    border-radius: 100px;
    padding: 10px !important;
    font-size: 16px;
    font-weight: 500;
}

.btn-info:hover {
    background: #7B00FF !important;
    border-color: #7B00FF;
}
h3.box-title.m-t-10.text-center {
    font-weight: 700;
    color: #28313C;
}

small {
    font-size: 14px;
    font-weight: 400;
    color: #616E80;
}

.login-box.m-t-20 {
    border-radius: 24px !important;
    box-shadow: 0px 4px 4px #0000000D !important;
}
/*********************** Forget password Page Css End *****************************/


/*********************** Client Page Css Start *****************************/


/* #main-sidenav {
   background-color: #171F29;
    height: 100%;
    padding-right: 0;
    width: 100% !important;
} */
.topbar .top-navbar .navbar-header {
    line-height: 20px !important;
    padding: 21px 10px!important;
}
a.nav-link.dropdown-toggle.p-l-20.p-r-20.waves-dark.profile-pic {
    border: 1px solid #fff;
    border-radius: 50px;
    padding-right: 10px !important;
	padding-left: 10px !important;
}
.topbar .profile-pic{
    border-left: none!important;
}
.navbar-header.pl-0 a.nav-link span#topnav_username {
    color: #fff;
}
.fix-sidebar .left-sidebar, .navbar-header.pl-0 {
    background: #171F29 !important;
}

.sidebar-nav {
    background: #ffffff00;
}
div#topnav-logo-container {
    background: #171f29 !important;
    border-bottom: 0px solid;
}

.sidebar-nav > ul > li.active > a {
    color: #fff !important;
    border: none;
}
.sidebar-nav > ul > li.active > a i {
    color: #fff !important;
}

.sidebar-nav > ul > li > a {
    border: none;
}
.sidebar-nav ul li a {
    color: #fff!important;
	font-size: 15px;
    font-weight: 500;
	
}
.sidebar-nav > ul > li > a i {
	color: #fff !important;
}
.form-material .form-control{
    border: 1px solid #E1E1E1 !important;
border-radius: 10px !important;
    background-color: #F0F5FD !important;
    min-height: 48px !important;
	padding: 15px 16px !important;
	    background-image: none !important;
}

.top-search-bar .top-search-container {
    min-width: 385px !important;
    background-color: #F0F5FD;
    border-radius: 10px;
    border: 1px solid #E1E1E1;
	padding: 4px 8px;
	
}
.top-search-bar .form-control {
	border: none;
	min-height: 36px !important;
}
.top-search-bar .top-search-container i {
    left: 15px;
    top: 15px;
}
header.topbar .navbar-nav {
    align-items: center;
}
header.topbar .top-search-bar {
    padding-top: 0;
}
.topbar .navbar-collapse {
    padding: 9px;
    border-bottom: 1px solid #eae7e7;
}
header.topbar ol.breadcrumb {
    margin-bottom: 0 !important;
    background: transparent;
    font-weight: 500;
}
/* header.topbar ul.navbar-nav.mr-auto {
    width: 100%;
} */
header.topbar ul.navbar-nav.mr-auto li.nav-item.top-search-bar {
    flex: 0 0 50% !important;
    align-items: flex-end;
    justify-content: end;
    width: 100% !important;
    text-align: right;
}
.sidebar-nav .has-arrow::after {
    width: 7px !important;
    height: 7px  !important;
    border-width: 2px 0 0 2px  !important;
    top: 57%  !important;
	border-color:#fff !important;
}
html body.clients .page-wrapper {
    background: #f6f9fa;
}
@media (min-width: 1024px) {
   /*  html body.clients .page-wrapper {
        margin-left: 200px;
    } */
}
/*********************** Client Page Css End *****************************/


/*********************** Home Page Css *****************************/


/* .mini-sidebar .sidebar-nav  #sidebarnav .menu-tooltip > li:hover > a {
        background: #edf0f5!important;
        color: #20aee3 !important;
}
 ul.collapse.in li#submenu_clients a:hover {
    color: #20aee3 !important;
}
 .sidebar-nav  > ul > li.menu-tooltip > a i:hover {
    color: #20aee3 !important;
}
.menu-tooltip li.sidenav-menu-item.has-submenu a.has-arrow.waves-effect:hover i {
    color: #20aee3 !important;
}
div#main-scroll-sidebar {
    overflow: unset !important;
}
  .sidebar-nav .has-submenu .has-arrow {
    position: absolute!important;
    z-index: 9!important;
}
 ul.collapse.in li#submenu_clients a {
    color: #000 !important;
}  */
body .agreement-content .doc-signatures-container  .form-group input {
    border: none !important;
    border-bottom: 1px solid #000 !important;
    border-radius: 0px !important;
    padding: 2px !important;
    height: 20px !important;
	min-height:20px !important;
}

@media( min-width:1024px ) {
    .page-wrapper {
        margin-left: 200px;
    }
    div#settings-wrapper {
        margin-left: 240px;
    }

}

@media(max-width:1023px) {
    .page-wrapper {
        margin-left: 70px;
        transition: 0.2s ease-in;
    }
}

.row.page-titles h3.text-themecolor {
    color: rgba(0, 0, 0, 1) !important;
    font-size: 24px;
    font-weight: 500;
    padding: 9px 0px;
}
/* li.sidenav-menu-item.active a, li.sidenav-menu-item:hover a{
    background: rgba(53, 61, 71, 1) !important;
    border-radius: 12px !important;
} */
/* li.has-submenu:hover {
    background: rgba(53, 61, 71, 1) !important;
    border-radius: 12px !important;
	width:100% !important;
}
li.sidenav-menu-item.has-submenu ul {
    background: #171f29 !important;
}
.sidebar-nav ul li a.active, .sidebar-nav ul li a:hover
{
	background: rgba(53, 61, 71, 1) !important;
    border-radius: 12px !important;
}
.has-submenu ul li.sidenav-submenu a.active, .has-submenu ul li.sidenav-submenu  a:hover {
	color: #7c00ff !important;
	background: transparent !important;
}
.has-submenu ul.collapse.in {
    background: #171f29 !important;
}
.mini-sidebar .sidebar-nav #sidebarnav > li:hover > a {
    background: #171f29!important;
}

.sidenav-menu-item.logo a img.logo-large {
    position: absolute;
    bottom: 00px;
    left: 60px;
}
li.sidenav-menu-item.active.has-submenu ul li a {
    margin-top: 0;
    font-size: 14px !important;
}
#sidebarnav {
    padding-top: 20px;
}
.sidenav-menu-item.logo.m-t-0 {
    position: absolute;
    bottom: 10px;
    z-index: 9999;
	align-items:center;
}
 */


/* ul.collapse li#submenu_clients a {
    background-color: #171f29!important;
    color: #fff!important;
} */
/* ul.collapse li#submenu_clients a:hover {
    color: #20aee3!important;
} */

/* .left-sidebar .sidebar-nav > ul > li.active > a:hover {
    color: #20aee3!important;
}
.left-sidebar .sidebar-nav > ul > li.active > a >i:hover {
    color: #20aee3!important;
} */

/* div#bottomnav-logo-container {
    position: relative;
}*/



div#bottomnav-logo-container {
    position: absolute;
    bottom: 0;
    width: 199px;
    background: #171f29;
    z-index: 1;
}
#main-sidenav {
    height: auto;

}
/* .mini-sidebar  #main-sidenav {
    height: 100%;
    padding-right: 10px;
    padding-left: 10px;
}  */
/*  #main-sidenav {
    height: 100%;
    padding-right: 10px;
    padding-left: 10px;
}  */
.topbar .top-navbar .navbar-header {
    border-bottom: 1px solid #e0e0e052;
}
.mini-sidebar .left-sidebar #sidebarnav {
    padding-bottom: 100px;
    height: auto;
}
li.sidenav-menu-item a img {
    padding-right: 10px;
}
.sidebar-nav ul li.sidenav-menu-item a {
	border-radius: 10px;
}
.sidebar-nav ul li.sidenav-menu-item:hover a {
	border-radius: 10px;
}
li.sidenav-menu-item.active.has-submenu {
    width: auto;
	border-radius:10px;
}
li.sidenav-menu-item.active.menu-with-tooltip {
    width: auto;
}
li.sidenav-menu-item.active.menu-with-tooltip {
    border-radius: 10px;
}
body#tinymce .form-group.row {
    display: flex;
    flex-direction: column;
}
a.nav-link.dropdown-toggle.p-l-20.p-r-20.waves-dark.profile-pic span#topnav_username::after {
    content: '\f0d7';
    color: #fff;
    font-family: 'FontAwesome';
    font-size: 16px;
	padding-left: 8px;
}
.left-sidebar, .sidebar-nav {
     background: #101828;
}

.sidebar-nav ul li.sidenav-menu-item a {
    color : #fff;
}
.sidebar-nav ul li.sidenav-menu-item:hover a {
    color : #fff;
	/* background: #7b00ff; */
}
.sidebar-nav > ul > li.active > a {
    color: #7b00ff;
     border-color: transparent !important; 
}
.mini-sidebar li.sidenav-menu-item.active.menu-with-tooltip {
    background: transparent;
}
.mini-sidebar  li.sidenav-menu-item.active.has-submenu {
    background: #7b00ff;
}
.mini-sidebar li.sidenav-menu-item.has-submenu ul li:hover a {
    background: #9430ffbf;
    border-radius: 0px;
}
li.sidenav-menu-item.active.has-submenu {
	background: #7b00ff00;
}
li.sidenav-menu-item.menu-with-tooltip:hover a {
    background: #7b00ff;
}
li.sidenav-menu-item.has-submenu.active ul.collapse li:hover, li.sidenav-menu-item.has-submenu.active ul.collapse li.sidenav-submenu.active  {
    background: #7b00ff;
	border-radius: 10px;
}
/* li.sidenav-menu-item.has-submenu ul.collapse li a {
    margin-bottom: 6px;
} */
.sidebar-nav ul li ul {
    padding-left: 30px;
}

nav.navbar.top-navbar.navbar-expand-md.navbar-light div#topnav-logo-container {
    background: #101828;
}

li.sidenav-menu-item:hover a i {
    color: #fff;
}
.sidebar-nav > ul > li.active > a i, .sidebar-nav > ul > li:hover > a i  {
    color: #fff;
}
li.sidenav-menu-item.active.menu-with-tooltip {
    background: #7b00ff;  
}



@media (min-width: 768px) {
.jo-section-search div#header-search {
    min-width: 500px;
}
li.sidenav-menu-item.active {
    background: transparent;
}
.mini-sidebar .sidebar-nav {
    background: transparent;
    padding: 0px !important;
}
.mini-sidebar li.sidenav-menu-item.active.menu-with-tooltip.menu-tooltip {
    width: 75px;
	border-radius: 0;
}
.mini-sidebar .sidebar-nav #sidebarnav > li:hover > a {
	border-radius:0px;
}
li.sidenav-menu-item.active.has-submenu {
    width: auto;
	border-radius:0px;
}
.sidebar-nav ul li.sidenav-menu-item a {
	border-radius: 00px;
}
.sidebar-nav ul li.sidenav-menu-item a {
	border-radius: 0px;
}

}



@media (min-width: 768px) {

.mini-sidebar .sidebar-nav #sidebarnav > li:hover > a {
    background: #7b00ff;
    
}
.mini-sidebar li.sidenav-menu-item.active.has-submenu {
	background: #7b00ff;

}
.mini-sidebar .sidebar-nav #sidebarnav > li > ul {
	background: #7b00ff;  
}
.sidebar-nav ul li.sidenav-menu-item a {
    color : #fff;
}
}









.client_phone_div{
	display:flex;
	flex-direction:row;
}
.upload-btn{
	max-width: 150px;
    width: 100%;
    height: auto;
    margin-top: 4px;
    border-radius: 6px;
}
#js-trigger-clients-modal-add-edit .form-group.row label,
#js-projects-modal-add-edit .form-group.row label
 {
    color: rgba(26, 26, 26, 1);
    padding: 0px 0px 8px 0!important;
    font-weight: 500;
}
#js-trigger-clients-modal-add-edit .form-group.row input.col-sm-12, 
#js-projects-modal-add-edit .form-group.row input.col-sm-12, 
#commonModalForm .form-group.row input.col-sm-12 
{
    border-radius:10px!important;
	padding:0px!important;
}
#js-trigger-clients-modal-add-edit .form-group.row .col-md-4, 
#js-projects-modal-add-edit .form-group.row .col-md-4, 
div#employeeFormSections .row .col-md-4
{
    padding: 0px 10px 0px 0px;
}

#js-trigger-clients-modal-add-edit .form-group.row .col-sm-12, 
#js-projects-modal-add-edit .form-group.row .col-sm-12 
{
    padding: 0px;
}

#js-trigger-clients-modal-add-edit input, 
#js-projects-modal-add-edit input 
{
    min-height: 40px !important;
    border-radius: 6px;
}
#js-trigger-clients-modal-add-edit .client_phone_div select, 
#js-projects-modal-add-edit .client_phone_div select, 
div#employeeFormSections .phone_cst select{
    min-height: 40px !important;
    border-radius: 6px 0px 0px 6px !important;
    border-right: none;
	max-width: max-content !important	;
	padding-right: 0;
    padding-left: 0;
}
#js-trigger-clients-modal-add-edit  .col-sm-12.client_phone_div input#company_phone,
#js-projects-modal-add-edit .col-sm-12.client_phone_div input#company_phone
 {
    border-radius: 0px 6px 6px 0px;
}
#js-trigger-clients-modal-add-edit select2, 
#js-projects-modal-add-edit select2, 
#js-trigger-clients-modal-add-edit select {
    min-height: 40px !important;
    border-radius: 6px !important;
}
span.select2-selection.select2-selection--single.form-control.form-control-sm {
    min-height: 40px !important;
	padding: 10px;
	border-radius: 6px;
}
.cardnu .client_status span.select2-selection.select2-selection--single.form-control.form-control-sm {
    min-height: 34px !important;
    padding: 6px !important;
    border-radius: 6px;
}
/* div#employeeFormSections .form-section.border.rounded.p-3.mb-3.position-relative {
    border: none !important;
    padding: 0px !important;
}*/
#js-trigger-clients-modal-add-edit .form-group ,
#js-projects-modal-add-edit .form-group 
{
    /* margin-bottom: 25px; */
    /* width: 100% !important; */
    margin: 20px auto;
}
#js-projects-modal-add-edit h3, 
div#js-trigger-clients-modal-add-edit h3 
{
    color: rgba(0, 0, 0, 1);
    font-weight: 700;
    line-height: 120% !important;
	font-size: 18px;
    margin-bottom: 24px;
}
#js-projects-modal-add-edit .line {
    height: 7px !important;
}
#js-projects-modal-add-edit span.title {
    color: #000;
}
.phone_cst{
    border-radius: 6px!important;
	/* justify-content: space-between; */
}
.phone_cst input {
    border: 1px solid #ced4da !important;
    border-radius: 0px 6px 6px 0px !important;
}
select.form-control.form-control-sm.border-0.border-right-1 {
    border: 1px solid #ced4da !important;
}
/*div#employeeFormSections button.btn.btn-sm.btn-primary {
    background-color: rgba(123, 0, 255, 1);
    border: 1px solid rgba(123, 0, 255, 1);
    border-radius: 12px;
    padding: 8px 16px;
    font-size: 14px !important;
}*/
div#employeeFormSections button.btn.btn-sm.btn-primary {
    background-color: rgba(240, 245, 253, 1)!important;
    border: 1px solid rgba(225, 225, 225, 1)!important;
    border-radius: 8px!important;
    padding: 8px!important;
	gap:8px!important;
	color: rgba(69, 69, 69, 1)!important;
	line-height:150%!important;
    font-size: 12px !important;
}
button#commonModalSubmitButton {
	background-color: rgba(123, 0, 255, 1);
    border: 1px solid rgba(123, 0, 255, 1);
    border-radius: 12px;
    padding: 8px 16px;
    font-size: 14px !important;
	box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
}
button#commonModalCloseButton{
	background-color: #fff;
	color: rgba(97, 110, 128, 1)!important;
    border-radius: 12px;
    padding: 8px 16px;
    font-size: 14px !important;
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.05);
	border: 1px solid rgba(225, 225, 225, 1)
}
button#commonModalCloseButton:hover{
		color:#000!important;
}
.company-logo {
    position: relative;
}
.company-logo img {
    position: absolute;
    right: 10px;
}
.contracts div#hero-header-wrapper #hero-header-cover {
   /*  background-image: url('../public/documents/images/handshake-businessmen.jpg') !important; */
    background-size: cover;
    background-position: center;
}
.background-overlay {
    background: #5604a7d1;
}
div#commonModalHeader h4#commonModalTitle {
    font-size: 24px !important;
    font-weight: 600 !important;
    color: rgba(0, 0, 0, 1)!important;
}
.cross-btn-cst button {
    position: absolute !important;
    right: 0 !important;
    top: 0 !important;
    line-height: 1.2 !important;
    z-index: 1;
    margin: 0px !important;
}
div#commonModalBody {
    padding-top: 8px;
}
div#commonModalBody .form-group.row {
    margin: 0px auto 20px;
    width: 100% !important;
}
div#commonModalHeader {
    padding: 16px 16px 0px 30px !important;
}
div#employeeFormSections .row {
    margin: 0px auto 10px;
}
div#embed-content-container .docs-main-wrapper .doc-body {
    padding: 0px 24px 0px !important;
}
div#embed-content-container .docs-main-wrapper .doc-body h3.doc_inner_heading {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 0px;
}
.doc-to-by h3 {
    font-weight: 600;
}
div#embed-content-container .docs-main-wrapper .doc-body h2.doc_main_heading {
    font-weight: 600 !important;
    color: #121212;
    font-size: 20px;
}
.doc-to-by .x-title.resizetext h4 {
    font-size: 17px;
    /* font-weight: 600 !important; */
}
.right-sidebar .rpanel-title {
    background: #171f29;
}
.right-sidebar .buttons-block .apply-filter-button {
    background-color: rgba(123, 0, 255, 1);
	border: 1px solid rgba(123, 0, 255, 1);
}
.right-sidebar .buttons-block button.btn.js-reset-filter-side-panel{
	background-color: #fff;
	color: rgba(97, 110, 128, 1)!important;
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.05);
	box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
}
.right-sidebar .filter-block .title {
    font-size: 14px;
    padding-bottom: 10px;
    color: #000 !important;
    font-weight: 500;
}
.right-sidebar .filter-block .fields span.select2-selection{
    border-radius: 6px !important;
}
[type=checkbox].filled-in:checked.chk-col-light-blue + label:after {
    border: 1px solid #7b00ff;
    background-color: #7b00ff;
}

/* Give space between rows */
/* #clients-list-table {
    border-collapse: separate;
    border-spacing: 0px 16px;
} */

/* Style each row like a card */
/* #clients-list-table tbody tr {
    background: #fff; 
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
} */

/* Apply border-radius to first and last td in a row */
/* #clients-list-table tbody tr td:first-child {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
#clients-list-table tbody tr td:last-child {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.client-row td:first-child {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
.client-row td:last-child {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
} */



/* Remove table collapse to allow spacing */
.custom-table-layout, 
#clients-list-table, 
#tickets-list-table, 
table#contacts-list-table, 
table#team-list-table,
table#tasks-td-container,
table#projects-list-table,
table#contracts-list-table
#client-task-table {
    border-collapse: separate;
    border-spacing: 0 16px; /* space between rows */
}
.custom-table-layout th a,
.custom-table-layout th,
table#clients-list-table th a, 
table#clients-list-table th, 
table#tickets-list-table th, 
table#tickets-list-table th a, 
table#contacts-list-table th a, 
table#contacts-list-table th,
table#team-list-table th,
table#team-list-table th a,
table#tasks-td-container th,
table#tasks-td-container th a,
table#projects-list-table th,
table#projects-list-table th a,
table#contracts-list-table th, 
table#contracts-list-table th a {
    color: #212529;
	font-weight: 500;
    font-size: 15px;

}

.custom-table-layout thead tr,
#clients-list-table thead tr, 
#tickets-list-table thead tr, 
#contacts-list-table thead tr, 
#team-list-table thead tr,
#projects-list-table thead tr,
#tasks-td-container thead tr,
table#contracts-list-table thead tr {
    background: rgba(240, 245, 253, 1);
    border-radius: 16px !important;
}
.custom-table-layout thead tr th:first-child, 
#clients-list-table thead tr th:first-child, 
#tickets-list-table thead tr th:first-child, 
#contacts-list-table thead tr th:first-child,
#team-list-table thead tr th:first-child,
#tasks-td-container thead tr th:first-child,
#projects-list-table thead tr th:first-child,
#contracts-list-table thead tr th:first-child
  {
    border-top-left-radius: 16px;
    border-bottom-left-radius: 16px;
}

.custom-table-layout thead tr th:last-child, 
#clients-list-table thead tr th:last-child, 
#tickets-list-table thead tr th:last-child, 
#contracts-list-table thead tr th:last-child, 
#contacts-list-table thead tr th:last-child,
#team-list-table thead tr th:last-child,
#tasks-td-container thead tr th:last-child,
#projects-list-table thead tr th:last-child
 {
    border-top-right-radius: 16px;
    border-bottom-right-radius: 16px;
}

.custom-table-layout tbody tr td:first-child, 
#clients-list-table tbody tr td:first-child, 
#tickets-list-table tbody tr td:first-child, 
#contracts-list-table tbody tr td:first-child, 
#contacts-list-table tbody tr td:first-child,
#team-list-table tbody tr td:first-child,
#tasks-td-container tbody tr td:first-child,
#projects-list-table tbody tr td:first-child

  {
    border-top-left-radius: 16px;
    border-bottom-left-radius: 16px;
    border-left: 1px solid #e0e0e0 !important;
}
.custom-table-layout tbody tr td:last-child,  
#clients-list-table tbody tr td:last-child,  
#tickets-list-table tbody tr td:last-child,  
#contracts-list-table tbody tr td:last-child,  
#contacts-list-table tbody tr td:last-child,
#team-list-table tbody tr td:last-child,
#tasks-td-container tbody tr td:last-child,
#projects-list-table tbody tr td:last-child
{
    border-top-right-radius: 16px;
    border-bottom-right-radius: 16px;
	border-right: 1px solid #e0e0e0 !important;
}

.custom-table-layout tbody tr td, 
#clients-list-table tbody tr td, 
#tickets-list-table tbody tr td, 
#contracts-list-table tbody tr td, 
#contacts-list-table tbody tr td,
#team-list-table tbody tr td, 
#tasks-td-container tbody tr td,
#projects-list-table tbody tr td 
{
    border-bottom: 1px solid #e0e0e0;
}
.custom-table-body-container td a, 
#clients-td-container td.clients_col_company a, 
#contacts-td-container td a,
#tickets-td-container td a,
#team-td-container td a, 
#contracts-td-container td a, 
#tasks-td-container td a,
#projects-td-container td a 
{
    color: rgba(18, 18, 18, 1) ;
    font-size: 14px;
    font-weight: 500;
}
.custom-table-body-container td, 
#clients-td-container td, 
#tickets-td-container td, 
#contracts-td-container td, 
#contacts-td-container td,
#team-td-container td, 
#tasks-td-container td, 
#projects-td-container td 
{
    color: rgba(18, 18, 18, 1);
    font-size: 14px !important;
	font-weight: 400;
}
.table td.checkitem.custom-check {
    padding: unset;
    padding-top: 7px;
    padding-left: 10px;
}
html body .p-l-0 {
    padding-left: 12px !important;
}
/* button.list-actions-button.btn.btn-page-actions {
    color: #000000 !important;
} */
.relative-btn svg {
top: -4px;
    position: relative;
}
td.team_col_position span {
    background: rgba(58, 161, 222, 0.1);
    padding: 5px 12px;
    border-radius: 50px;
    border: 1px solid rgba(225, 225, 225, 1);
    color: rgba(133, 133, 142, 1);
    font-size: 12px;
    line-height: 20px;
    font-weight: 500;
}
.label-outline-success {
    color: rgba(37, 153, 62, 1);
    background-color: #edfaee;
    border-color: #edfaee;
    padding: 5px 16px;
    border-radius: 30px;
    border: 1px solid;
    font-size: 12px;
    font-weight: 600;
    line-height: 20px;
}
.label-outline-warning {
    color: #ff9041;
    background-color: #fff4e4;
    border-color: #fff4e4;
	padding: 5px 16px;
    border-radius: 30px;
    border: 1px solid;
    font-size: 12px;
    font-weight: 600;
    line-height: 20px;
}
.label-outline-info {
    color: #20aee3;
    background-color: #e4f1ff;
    border-color: #e4f1ff;
	padding: 5px 16px;
    border-radius: 30px;
    border: 1px solid;
    font-size: 12px;
    font-weight: 600;
    line-height: 20px;
}
.label-outline-danger {
    color: #ff5c6c;
    background-color: #fcebed;
    border-color: #fcebed;
	padding: 5px 16px;
    border-radius: 30px;
    border: 1px solid;
    font-size: 12px;
    font-weight: 600;
    line-height: 20px;
}
.table td.tickets_col_checkbox.checkitem {
     padding: 12px !important; 
}
#clients-td-container td.col_status, 
#projects-td-container td.col_status, 
th.col_status, 
td.clients_col_action, 
th.col_action, 
th.contacts_col_action, 
td.contacts_col_action,
th.team_col_position,
td.team_col_position,
td.projects_col_priority,
th.project_priority,
th.projects_col_status,
td.projects_col_status
 {
    text-align: center !important;
} 
th.list-checkbox-wrapper, .contacts_col_checkbox.checkitem, .tasks_col_checkbox {
    padding-left: 12px !important;
}
td.team_col_first_name a {
    padding-left: 10px;
}
td.team_col_action span.list-table-action.dropdown.font-size-inherit {
    display: flex;
    align-items: center;
    padding: 0;
    gap: 10px;
}
td.team_col_action span.list-table-action.dropdown.font-size-inherit button, td.team_col_action span.btn.btn-outline-default.btn-circle.btn-sm.disabled {
    padding: 0px !important;
}
span.label.label-outline-default {
    border-color: #e4f1ff;
    padding: 5px 16px;
    border-radius: 30px;
    border: 1px solid;
    font-size: 12px;
    font-weight: 600;
    line-height: 20px;
}
.list-table-action.custom-class .btn {
    width: 22px !important;
    font-size: 14px !important;
}
button.position-rel-del svg {
    width: 20px !important;
}

.custom-class a.data-toggle-action-tooltip.btn.btn-outline-default-light.btn-circle.btn-sm.opacity-4.js-toggle-pinning {
    opacity: 1;	
}
a.window-icon {
    color: rgb(82 82 82) !important;
    padding-left: 5px !important;
}
span.list-table-action.font-size-inherit.custom-class {
    display: flex !important;
    align-items: center;
    gap: 5px;
}
div#list-pages-stats-widget {
    box-shadow: 0px 1px 10px #00000030;
    border-radius: 0px !important;
}
a.custom-btn-design {
    background: rgba(123, 0, 255, 1);
    border: 1px solid rgba(123, 0, 255, 1);
    border-radius: 10px;
    font-size: 14px;
    font-family: 'Inter';
    font-weight: 500;
    padding: 8px 16px;
    height: auto;
	margin-top: 5px;
}
a.custom-btn-design:hover {
    background: rgb(83 4 169);
	border: 1px solid rgb(83 4 169);
    
}
.add_and_export.custom-secc {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #ffffff !important;
}
/* tbody#contacts-td-container a {
    color: #212529;
}
 */
li.sidenav-menu-item.active.has-submenu ul li {
    margin-bottom: 5px;
}
.header-search {
    max-width: 300px;
    min-width: 300px;
}
.clients #list-page-actions-container #list-page-actions, 
.contacts #list-page-actions-container #list-page-actions, 
.team #list-page-actions-container #list-page-actions, 
.projects #list-page-actions-container #list-page-actions
{
    margin: 0px auto;
    background: #fff;
    padding: 20px 15px 20px;
    border-bottom: 1px solid #e0e0e0;
    border-radius: 16px 16px 0px 0px;
	width:100%;
}
.card-no-border div#clients-table-wrapper, .card-no-border div#team-table-wrapper  {
    border-radius: 0px 0px 16px 16px;
}
/* .card-no-border div#clients-table-wrapper .card {
    border-radius: 0px 0px 16px 16px;
} */
/* 
input[type="checkbox"].filled-in:checked + label::before {
    content: "✔";
    display: inline-block;
    width: 16px;
    height: 16px;
    background-color: #2196f3 !important;
    color: white;
    text-align: center;
    line-height: 16px;
    border-radius: 2px;
} */


body .notes-top-section, .samples-top-section  {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    border-bottom: 1px solid rgba(225, 225, 225, 1);
    padding: 0px 0px 10px 0px !important;
}


/*************************************** Dashboard page css start ****************************************/

@media screen and (min-width:991px)
{
	.dashboad_sec_cst.row {
    gap: 20px;
    flex-wrap: nowrap;
	width: 100%;
    justify-content: space-between;
}
}

div#ticket-left-panel .card {
    border-radius: 15px;
}
div#ticket-left-panel .card .x-top-header {
    border-radius: 15px 15px 0px 0px;
    background: transparent !important;
    color: rgba(18, 18, 18, 1);
    font-size: 18px;
    font-weight: 500;
    border-bottom: none !important;
}
.ticket-panel .x-name {
    font-size: 14px !important;
    color: rgba(18, 18, 18, 1);
    font-weight: 500 !important;
	text-transform: capitalize !important;
}
h5.m-b-0.title-tickets a, #ticket-replies-container h5.m-b-0 a {
    color: #121212;
}
.ticket-panel .x-list .x-details {
    margin-top: 5px;
}
.ticket-panel .x-list .x-details .label-outline-info {
    padding: 4px 12px;
    font-size: 11px;
}
.right-ticket-pannel div#ticket-body {
    border-radius: 15px;
}
.right-ticket-pannel button.btn-info {
    background: #7c00ff;
    border-color: #7c00ff;
}
div#ticket-left-panel .ticket-panel button.btn.btn-rounded-x.btn-danger.edit-add-modal-button.js-ajax-ux-request {
    background: #7c00ff;
    border-color: #7c00ff;
}
#ticket-replies-container .comment-widgets.ticket_reply_type_reply {
    padding: 15px;
    border-radius: 15px;
}

.right-ticket-pannel .card-body small.text-muted, #ticket-replies-container small.text-muted {
    color: #616E80 !important;
    font-size: 12px !important;
    font-weight: 400 !important;
}
#ticket-replies-container .round {
    line-height: 38px; 
    width: 40px;
    height: 40px;
}
#ticket-replies-container .round img {
    border-radius: 100%;
    width: 40px;
    height: 40px;
    line-height: 40px;
    object-fit: contain;
}
#ticket-replies-container .comment-text {
    padding: 10px 15px 15px 5px;
}
.contract #contracts-list-table #contracts-td-container span.list-table-action a.data-toggle-action-tooltip.btn.btn-outline-default-light.btn-circle.btn-sm.opacity-4.js-toggle-pinning {
    opacity: 1 !important;
    font-size: 16px !important;
    color: #676767 ;
}
div.action-icon i, div#list-page-actions-container-contracts button i, div#list-page-actions-container-contracts a i {
    color: rgb(82 82 82);
    font-size: 19px;
}
div#list-page-actions-container-contracts button {
    color: rgb(82 82 82) !important;
}
.docs-main-wrapper.editing-mode .js-doc-editing:hover {
    border: none;
}
.home-admin-wrapper-rght-sec.col-md-3 {
    padding-right: 0;
    background: #F0F5FD;
    padding: 0;
}
h5.card-title.activities_title_cst {
    font-size: 18px;
    font-weight: 600;
    color: #000;
    margin-bottom: 30px;
}
.latest_activity_sec {
    padding: 20px 0;
}
.latest_activity_sec .card {
    background: transparent;
}
.latest_activity {
    display: flex;
    flex-wrap: wrap;
}
.latest_activity_sec .dashboard-events {
    height: 400px;
    padding-left: 0;
    z-index: 0;
    margin-left: 0;
    border: 0px;
}
.activity_content {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}
.latest_activity_sec #dashboard-admin-events {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.latest_activity {
    position: relative;
}

.latest_activity::before {
    content: "";
    position: absolute;
    width: 1px;
    height: 16px;
    background: #0000001A; /* 10% black */
    bottom: -6px;
    left: 17px;
}

/* Remove line for the last activity */
.latest_activity.no-before::before {
    display: none;
    content: none;
}
.activity_content span.fw-medium.text-dark {
    font-size: 14px;
    color: #000000 !important;
    font-weight: 400;
}
span.activity_time {
    color: #616E80;
    font-size: 12px;
    font-weight: 400;
}

.dashboard_page_cst {
    background: #EDEEFC;
}
.dashboard_page_cst .container-fluid {
    padding: 0;
}
.dashboard_page_cst .container-fluid .home-admin-wrapper-lft-sec.col-md-9.col-lg-9 {
    padding: 30px 30px 30px 30px;
}
.first_row_cst .bottom-sec h2 {
    margin-top: 0px !important;
    font-size: 24px !important;
    font-weight: 600;
}
.first_row_cst .dashboard-stat-card .inner_data {
    width: 100%;
}
.first_row_cst .top-sec h6 {
    color: #000 !important;
    font-size: 16px;
    font-weight: 600;
}
.first_row_cst .dashboard-stat-card .top-sec {
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: flex-start !important;
    margin-bottom: 12px;
}
.first_row_cst .dashboard-stat-card .bottom-sec h2, .bottom-sec i {
    color: #000 !important;
}
.first_row_cst .card.dashboard-stat-card {
    box-shadow: 0px 4px 4px #0000000D;
    border-radius: 16px;
}

.first_row_cst .dashboard-stat-card .bottom-sec i {
    border: 1px solid #e1e1e1;
    border-radius: 100px;
    padding: 7px;
    width: 33px;
    height: 33px;
    line-height: 20px;
}
.first_row_cst .dashboard-stat-card .icon-sec_cst.align-self-center {
    background: #f0f5fd;
    border-radius: 50px;
    padding: 5px;
}
.first_row_cst .dashboard-stat-card .icon-sec_cst.align-self-center svg {
    width: 33px;
    height: 33px;
	    padding: 5px;
}
.first_row_cst .dashboard-stat-card .bottom-sec {
    display: flex;
    justify-content: space-between;
}
.dashboard_page_cst .first_row_cst .dashboard-stat-card .card-body {
    padding: 16px;
}

.title_cst{
    color: #000000;
    font-size: 18px;
    font-weight: 500;
}
a.view-all-cst {
    border-radius: 10px;
    background: #fff;
    border: 1px solid #E1E1E1;
    padding: 7px 12px;
    font-size: 12px;
    font-weight: 500;
    color: #121212;
    box-shadow: 0px 2px 2px #0000000D;
}
a.btn.view-all-cst:hover {
    background: #121212;
    color: #fff;
}
.client-list.cst span.fw-medium.text-dark {
    font-size: 14px;
    color: #000;
    font-weight: 500;
}
a.client_img_name  {
    align-items: center;
    gap: 7px !important;
}
span.input-group-text.bg-light.border-0 {
    background: #e9f0f3 !important;
    border-radius: 5px 0px 0px 5px;
}
.clients_part .search-cst span.input-group-text.bg-light.border-0 {
    background: #e9f0f300 !important;
    border-radius: 5px 0px 0px 5px;
}
.clients_part .search-cst input#search_query {
    background: transparent !important;
}
.clients_part .input-group.mb-3.search-cst {
    background: #F0F5FD;
    border: 1px solid #e1e1e1;
    border-radius: 10px;
}
.clients_part .card, .ticket_part .card {
    border-radius: 12px !important;
}
.second_row_cst .card.dashboard-stat-card {
    border-radius: 16px;
}
.second_row_cst .table td, .second_row_cst .table th {
    border: 1px solid #dee2e6;
}
.second_row_cst .border-bottom {
    background: #F0F5FD;
}
.second_row_cst tbody tr td {
    font-size: 14px;
    font-weight: 400;
    color: #000000 !important;
}

.second_row_cst thead.border-bottom tr th {
    font-size: 14px;
    color: #000000 !important;
    font-weight: 600;
}
.second_row_cst .table-responsive {
    border-radius: 12px;
}

/*************************************** Dashboard page css END ****************************************/

div#list-page-actions-container, #contacts-checkbox-actions-container {
    padding-bottom: 0px !important;
}
.header-search input {
    background-color: rgba(240, 245, 253, 1) !important;
    height: 40px;
    font-size: 14px;
    min-height: 40px;
    border-radius: 10px;
}
.header-search i {
    position: absolute;
    font-size: 14px;
    left: 12px;
    top: 14px;
}
button.action-button {
    background: rgba(123, 0, 255, 1);
    color: #fff;
    padding: 8px 16px;
    border-radius: 10px;
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
    border: 1px solid rgba(123, 0, 255, 1);
    font-size: 12px;
    font-weight: 600;
    font-family: 'Inter';
}
button.action-button:hover {
    color: #fff;
}
.table .actions_column {
    padding-top: 0.9rem;
}
.dropdown-menu.dropdown-menu-bottom.show a, .dropdown-menu.dropdown-menu-center.show a{
    font-size: 12px !important;
    color: rgba(69, 69, 69, 1);
    font-weight: 500;
    line-height: 16px;
    font-family: poppins !important;
}
.dropdown-menu.dropdown-menu-bottom.show {
    border-radius: 12px;
    padding: 7px;
    border: 1px solid rgba(225, 225, 225, 1);
	filter: drop-shadow(0px 2px 8px rgba(0, 0, 0, 0.15)); 
}
.dropdown-menu.dropdown-menu-center.show {
    overflow: hidden;
	border-radius: 12px;
	padding: 5px 1px;
	border: 1px solid rgba(225, 225, 225, 1);
	filter: drop-shadow(0px 2px 8px rgba(0, 0, 0, 0.15)); 
}
.pinned .js-toggle-pinning {
    color: #ff9041 !important;
}
.add_and_export button.btn, button.filter-btn-cst { 
    border-radius: 10px;
    font-size: 14px;
    font-family: 'Inter';
    font-weight: 500;
    padding: 8px 16px;
	height: auto;
}
.clients_col_company .avatar-xsmall, .user-avatar-container .avatar-xsmall {
    width: 40px;
    height: 40px;
    object-fit: cover;
    border: 1px solid #e0e0e0;
    margin-right: 5px;
}
.add_and_export button.btn.edit-add-modal-button.js-ajax-ux-request.reset-target-modal-form
{
	 background: rgba(123, 0, 255, 1);
	 border-color: rgba(123, 0, 255, 1);
}
.add_and_export_notes button.btn, button.filter-btn-cst { 
    border-radius: 10px;
    font-size: 14px;
    font-family: 'Inter';
    font-weight: 500;
    padding: 8px 16px;
	height: auto;
}
.add_and_export_notes button.btn.edit-add-modal-button.js-ajax-ux-request.reset-target-modal-form {
    background: rgba(237, 238, 252, 1) !important;
    border: 1px solid rgba(225, 225, 225, 1) !important;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.05);
	color: rgba(23, 31, 41, 1);
}

button.sidepanel-export-clients, button.filter-btn-cst {
	color:rgba(69, 69, 69, 1) !important;
	background:rgba(255, 255, 255, 1) !important;
	border:1px solid rgba(225, 225, 225, 1);
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.05);
}

.sidepanel-export-clients i.ti-download, .sidepanel-export-clients i.ti-angle-down, .edit-add-modal-button i.ti-plus{
    position: relative;
    top: 1px;
}
a#load-more-button, a#task-load-more-button, a#note-load-more-button, #sample-load-more-button {
    background: #171f29;
    color: #fff !important;
}
a#load-more-button:hover, a#task-load-more-button:hover, a#note-load-more-button:hover{
background-color: #5a6268;
    border-color: #545b62;
	color:#fff;
}
.autoload.loadmore-button-container .btn, .notes-loadmore-button-container .btn, autoload.tasks-loadmore-button-container .btn {
    padding-top: 9px;
    padding-bottom: 11px;
}
.contacts_col_action .dropdown-item {
    padding: 8px .51rem;

}
div#contacts-checkbox-actions-container {
    padding: 10px 30px !important;
}
div#contacts-checkbox-actions-container button#checkbox-actions-delete-contacts {
    background: #7b00ff;
    color: #fff;
    border-radius: 5px;
    padding: 3px 10px;
}
.c_n_u, .c_n_u .row {
    width: 100% !important;
    margin: 0px auto;
}
.c_n_u .container {
    padding: 0px !important;
}
.phone_cst select {
    border-radius: 6px 0px 0px 6px !important;
}
.c_n_u .form-group {
    margin-bottom: 20px;
}
.c_n_u label {
    color: rgba(26, 26, 26, 1);
    padding: 0px 0px 8px 0 !important;
    font-weight: 500;
}
.c_n_u .col-md-4, .c_n_u .col-md-6, .c_n_u .col-sm-12, #commonModalForm .col-md-4, #commonModalForm .col-md-6, #commonModalForm .col-sm-12{
    padding: 0px 10px 0px 0px;
}
.row.create_new_user {
    width: 100%;
    margin: 0px auto;
}
.modal .modal-dialog .modal-body .form-control {
    border-color: #ced4da;
    background-color: #ffffff;
    color: #67757c;
    min-height: 40px;
    border-radius: 6px;
	max-width: 100% !important;	
}
.c_n_u .phone_cst select.form-control, .phone_cst  {
    max-width: max-content !important;
	padding-right: 0;
    padding-left: 0;
}
.jconfirm .jconfirm-box.jconfirm-type-red {
    border-top: solid 6px #7b00ff !important;
}
.jconfirm-buttons button.btn.btn-sm.btn-outline-danger {
    background: #7b00ff;
    color: #fff;
    border-color: #7b00ff !important;
}
.jconfirm .jconfirm-box .jconfirm-title {
    color: rgba(18, 18, 18, 1) !important;
    font-weight: 500 !important;
}
.jconfirm-buttons button.btn.btn-sm.btn-outline-danger:hover {
	border-color: #7b00ff !important;
}
.x-details {
    color: rgba(18, 18, 18, 1) !important;
}
.jconfirm-title-c  span.jconfirm-title {
    color: rgba(18, 18, 18, 1) !important;
}
.jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-title-c {
    margin-bottom: 0 !important;
}
.jconfirm .jconfirm-box div.jconfirm-content-pane {
    margin-bottom: 0px !important;
}
.jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-content {
  margin-bottom: 5px !important;
  margin-top: 0px !important;
}




/*************************************** Client Profile page Css Start **********************************************/
html body.client .page-wrapper {
    background: #f6f9fa;
}
.cardnu {
    background: #fff;
    padding: 20px 10px;
    border-radius: 24px;
}
.cardnu .card, .cardnu .card h6 {
    color: rgba(18, 18, 18, 1);
}
.cardnu .card h6 {
	font-weight:500 !important;
}
.cardnu .mb-2, .cardnu .my-2 {
    margin-bottom: 1rem !important;
    font-size: 13px !important;
    font-family: 'Inter';
}
.cardnu .text-success {
    color: rgba(37, 153, 62, 1)!important;
    font-weight: 500 !important;
    font-size: 14px !important;
}
.cardnu h5.mb-0.flex-grow-1 {
    color: rgba(18, 18, 18, 1);
    font-size: 16px;
    font-weight: 500;
}
.cardnu .card.p-3 {
    border-radius: 20px;
    border: 1px solid rgba(225, 225, 225, 1);
    padding: 16px;
}
.cardnu .profile_name_sec .card-body {
    padding: 0px 0px 5px;
    text-align: left;
}
div#contracts-table-wrapper {
    border-radius: 20px;
}
div#list-pages-stats-widget {
    border-radius: 20px !important;
}

.cardnu .profile_name_sec .card-body img {
    width: 80px;
    height: 80px;
    object-fit: contain;
    text-align: left;
    border: 1px solid rgba(225, 225, 225, 1);
    background: rgba(240, 245, 253, 1);
    border-radius: 16px !important;
}

.text-muted.status_online {
    color: rgba(133, 133, 142, 1) !important;
    opacity: 1;
    font-size: 10px;
    background: rgba(250, 250, 250, 1);
    border: 1px solid rgba(245, 245, 245, 1);
    border-radius: 8px;
    padding: 4px 8px;
	width: max-content;
}
.profile_name_sec h5 {
    line-height: 28px;
    font-size: 20px;
    font-weight: 400;
    color: rgba(1, 22, 39, 1);
    font-weight: 600;
}
small.text-muted.status {
    font-size: 12px;
    color: rgba(18, 18, 18, 1) !important;
    margin-bottom: 0 !important;
}
.mt-2.client_status {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 16px !important;
}
.edit-button-cst {
    color: rgba(69, 69, 69, 1);
    border: 1px solid rgba(225, 225, 225, 1);
    background: #fff;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.05);
    padding: 5px 10px;
    border-radius: 12px;
    font-size: 14px;
    /* color: rgba(69, 69, 69, 1); */
    display: flex;
    align-items: center;
    gap: 8px;
}
.cardnu button.btn.btn-light.border.rounded.px-3.py-2 {
    width: max-content;
    font-size: 11px;
    color: rgba(23, 31, 41, 1);
    font-family: poppins;
    font-weight: 500;
    background: rgba(237, 238, 252, 1);
	padding-left: 10px !important;
	padding-right: 10px !important;
    border-radius: 8px !important;
    border: 1px solid rgba(225, 225, 225, 1) !important;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.05);
}
.cardnu a.btn.btn-light.border.rounded.px-3.py-2.ml-2 {
    width: max-content;
    font-size: 11px;
	padding-left: 10px !important;
	padding-right: 10px !important;
    color: rgba(23, 31, 41, 1);
    font-family: poppins;
    font-weight: 500;
    background: rgba(237, 238, 252, 1);
    border-radius: 8px !important;
    border: 1px solid rgba(225, 225, 225, 1) !important;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.05);
}

@media screen and (min-width:991px) and (max-width:1280px){
	.cardnu button.btn.btn-light.border.rounded.px-3.py-2 {
    font-size: 10px;
	padding-left: 8px !important;
	padding-right: 8px !important;
}


	.cardnu a.btn.btn-light.border.rounded.px-3.py-2.ml-2 {
    font-size: 10px;
	padding-left: 8px !important;
	padding-right: 8px !important;
   
}
}
.card-body.comp_essentials .form-check {
    padding: 5px 0px !important;
}
.card-body.comp_essentials {
    padding: 0px !important;
}
.card-header.comp_essent {
    text-align: left;
    padding: 10px 0 20px;
    background: transparent;
    border: none;
}
[type=checkbox] + label {
    font-weight: 500;
}
[type=checkbox] + label:before, [type=checkbox]:not(.filled-in) + label:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    z-index: 0;
    border: 1px solid #b1b8bb;
    border-radius: 5px;
    margin-top: 2px;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}
[type=checkbox]:checked + label:before {
    top: 2px;
    left: 0px;
    width: 8px;
    height: 15px;
    z-index: 1;
	    border-top: 2px solid transparent;
    border-left: 2px solid transparent;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
}
[type=checkbox]:checked + label:after {
    transform: unset !important;
	background: #7b00ff;
}
.cardnu .card svg {
    width: 22px;
    height: 19px;
}

/*************************************** Client Profile page Css End ***********************************************/

.help-documentation {
display: none;
}
.projects .kanban .kanban-wrapper .boards, 
.kanban .kanban-wrapper .boards {
    border-radius: 24px;
    border: 1px solid #cbcbcb;
	display: flex;
	gap: 0px;
	padding-bottom: 0px;
	scrollbar-width: thin;
    scrollbar-color: #cdcdcd #f7f7f7;
}
.projects .kanban .kanban-wrapper .boards .board,
.kanban .kanban-wrapper .boards .board {

    min-width: 275px;
    margin-right: 0;
	max-width: 275px;
}

.projects .kanban-card,
.kanban .kanban-card {
    border-radius: 12px;
    border: 1px solid #E1E1E1;
    box-shadow: 0px 4px 4px #0000000D;
    padding: 00px 0px;
    max-width: 250px !important;
	min-width: 250px !important;
    width: 100%;
	background: #fff;
    margin: 0px auto 10px;
}
.projects .kanban .kanban-wrapper .boards .board .board-body .content,
.kanban .kanban-wrapper .boards .board .board-body .content
 {
    padding: 15px 0 150px !important;
	scrollbar-width: thin;
	scrollbar-color: #cdcdcd #f7f7f7;
}
.projects .content.kanban-content,
.kanban .content.kanban-content {
    background: #fff;
	    padding-top: 15px;
		border-right: 1px solid #c5c9cb;
}

.projects .kanban .kanban-wrapper .boards .board .board-body .board-heading,
.kanban .kanban-wrapper .boards .board .board-body .board-heading {
 
    padding: 15px 15px;
    background: #F0F5FD;
	border-bottom: 1px solid #c5c9cb;
	border-right: 1px solid #c5c9cb;
}
.kanban .kanban-wrapper .boards .board .board-body .board-heading .x-action-icons {
    margin-top: 0px;
}
.projects .kanban .kanban-wrapper .boards .board .board-body,
.kanban .kanban-wrapper .boards .board .board-body  {
    padding: 0px !important;
    background-color: #ebf2f500;
	    border-radius: 0px !important;
		    border-top: none;

}
.projects .boards .board:first-child .board-body,
.kanban .boards .board:first-child .board-body {
    border-radius: 24px 0px 0px 24px !important;
}
.projects .boards .board:last-child .board-body,
.kanban .boards .board:last-child .board-body {
    border-radius: 0px 24px 24px 0px !important;
}
.top_part_cst {
    display: flex !important;
}
.sample-box {
    border-radius: 24px;
}
div#selectedTemplateThumbnail .text-center.mt-2 {
    border: 1px solid #e1e1e1;
    border-radius: 10px;
    text-align: right;
    width: 100%;
    max-width: 350px;
	height: 300px;
	overflow-y: scroll;
    overflow-x: hidden;
	position: relative;
}
#createSampleSiteForm .form-group.row {
    margin: 0px auto;
    gap: 10px;
}
.form-group.row.template_cst {
    margin-top: 10px !important;
}
div#selectedTemplateThumbnail .text-center.mt-2 .mt-1.fw-semibold {
    position: sticky;
    z-index: 1111111;
    bottom: 0;
    background: #ffffff;
    padding: 6px;
}
form#createSampleSiteForm .col-lg-8 {
    padding: 0px !important;
}

div#plainModalContainer .modal-header {
    padding: 30px 30px 0px;
}
div#plainModalContainer .modal-header h4 {
    font-weight: 600;
    color: #121212;
	font-size: 24px;
}
div#plainModalBody {
    padding-top: 10px !important;
}
form#createSampleSiteForm .input-group span.input-group-text {
    position: absolute;
    right: 0;
    background: #f3f3f3;
    border-left: none;
    z-index: 111;
}
form#createSampleSiteForm  .input-group {
    position: relative;
    overflow: hidden;
}
form#createSampleSiteForm  .input-group input.form-control {
    padding: 18px 10px;
}
.ana-top-sec.client-page .card-body {
    padding-left: 15px !important;
    padding-right: 15px !important;
}
.client .row.mb-4.traffic-source.client-page .card-body {
    padding-left: 15px;
    padding-right: 15px;
}
.top-converting.client-page .card-body {
    padding-left: 15px;
    padding-right: 15px;
}
.top-converting.client-page .card-body .card.bg-light {
    margin-bottom: 5px;
}
.client-activities.overflow-auto .event-content.data-toggle-action-tooltip {
    color: #121212;
    font-weight: 400;
}
.ana-top-sec.client-page h3 {
    font-size: 19px;
}
.client-activities.overflow-auto {
    border-top: 1px solid #efefef;
    margin-top: 10px;
}
table.table.table-sm.mb-0.mail-sms th {
    padding: 6px 10px;
}
.card-header.bg-light {
    background: #f5f5f5 !important;
    padding: 10px 10px;
}
/* .client-activities.overflow-auto i {
    color: #7b00ff;
}
.client-activities.overflow-auto i.fa-regular.fa-message {
    color: #4fad63;
}
.client-activities.overflow-auto i.fa-regular.fa-envelope {
    color: #ef78af;
}
.client-activities.overflow-auto i.fa-regular.fa-file-lines {
    color: #000;
} */
@media screen and (max-width:767px)
{
	.samples_title_des_sec.row .title_des-sec {
    display: flex;
    gap: 2px !important;
    flex-wrap: wrap;
    flex-direction: column;
}

	.samples_title_des_sec.row .title_des-sec  {
    display: block;
}
.samples-top-section {
    display: block;
}
.samples-top-section .samples-title {
    margin-bottom: 10px;
}
.samples_title_des_sec.row {
    position: relative;
}
.col-md-2.action_sec {
    position: absolute;
    right: 0;
}
	.first_row_cst .dashboard-stat-card .bottom-sec {
    display: flex !important;
}
.top_part_cst {
    display: flex !important;
    flex-wrap: wrap;
    gap: 10px;
}
.title_cst {
    color: #000000;
    font-size: 16px;
    font-weight: 500;
}
a.view-all-cst {
    padding: 7px 10px;
    font-size: 11px;
}
.latest_activity a {
    display: flex !important;
}
.first_row_cst .card.dashboard-stat-card {
    margin-bottom: 15px;
}
.second_row_cst .table td, .second_row_cst .table th {
    border: 1px solid #dee2e6;
    white-space: nowrap;
    font-size: 12px;
}
.second_row_cst .table td.fw-medium.text-dark {
    white-space: normal;
}
	.projects .kanban .kanban-wrapper .boards .board {
    min-width: 200px;
    max-width: 200px;
}
.projects .kanban .kanban-wrapper .boards .board .board-body .content {
    padding: 15px 11px 150px !important;
    scrollbar-width: thin;
    scrollbar-color: #cdcdcd #f7f7f7;
}
.projects .kanban-card {
    padding: 10px 0px !important;
    max-width: 100%;
    min-width: 150px !important;
    width: 100%;
    margin: 0px auto 7px;
}
}


/*************************************** Notes page Css Start ***********************************************/

.notes-top-section {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.notes-title, .samples-title {
    font-size: 18px;
    font-weight: 500;
    color: rgba(0, 0, 0, 1);
}
.card-embed-fix.note-des-sec, .card-embed-fix.samples-list {
    margin: 0px auto !important;
}
.samples_title_des_sec.row {
    margin: 0px auto;
}
.col-md-2.action_sec {
    text-align: right;
    padding-left: 0;
}
.samples_title_des_sec.row .title_des-sec , .samples_title_des_sec.row .col-md-12
{
	    padding-left: 0 !important;
}
.sample-title.data-toggle-action-tooltip {
    min-width: 100px;
    font-size: 14px;
    color: #121212;
    font-weight: 500;
}
.samples_title_des_sec.row a {
    color: #616E80;
    font-weight: 500;
}
.samples_title_des_sec.row .title_des-sec  {
    display: flex;
    gap: 15px;
}
#samples-td-container .comment-card.shadow-sm {
    margin-bottom: 10px;
    border-radius: 10px;
    padding: 10px;
    padding: 10px;
    overflow: hidden;
	border: 1px solid #e1e1e1;
}
/* div#ajaxClientNotes, div#ajaxClientSample {
    margin-top: 20px;
    border-radius: 24px;
} */
.notes-box {
    margin-top: 20px;
    border-radius: 24px;
}
.task-box {
	border-radius: 24px;
}
/* div#ajaxClientTasks
{
	border-radius: 24px;
} */

.note-des-sec div.comment-card {
    padding: 16px;
    margin-top: 16px;
    background: rgba(255, 242, 206, 1);
    border-radius: 12px;
}
.note-des-sec div.comment-card .comment-actions, .task_table .action_sec .comment-actions {
    display: flex;
    align-items: center;
    text-align: center;
    vertical-align: middle;
	justify-content: flex-end;
	gap:10px;
}
button.edit-btn.btn.btn-outline-success.js-ajax-ux-request.reset-target-modal-form, 
button.delete-btn.btn.btn-outline-danger.btn-sm.confirm-action-danger {
    border: none !important;
	padding: 0;
	    background: transparent;
}
button.edit-btn.btn.btn-outline-success.js-ajax-ux-request.reset-target-modal-form:hover, 
button.delete-btn.btn.btn-outline-danger.btn-sm.confirm-action-danger:hover {
    background: transparent !important;
}
a.dropdown-item_.edit-add-modal-button.js-ajax-ux-request.reset-target-modal-form {
    padding-right: 4px;
}
.add_and_export_notes button.btn i {
    border: 1px solid;
    border-radius: 50px;
    padding: 2px;
    font-size: 12px;
    margin-right: 6px;
}
.note-des-sec .comment-footer {
    margin-top: 12px;
}
.comment-footer ul {
    padding: 0;
    display: flex;
    align-items: baseline;
    gap: 20px;
    list-style: none;
    margin: 12px 0px 0px;
    font-size: 14px;
	flex-wrap:wrap;
}
.notes_title_des_sec.row {
    color: rgba(69, 69, 69, 1);
    font-size: 14px;
}

.note-title a{
    font-weight: 600;
    color: rgba(69, 69, 69, 1);
    font-size: 16px;
}
.comment-footer ul li img {
    margin-right: 4px;
}
.comment-footer ul li span.dot {
    font-size: 20px;
}
.notes-box .autoload {
    padding-top: 15px;
    text-align: center;
    margin-top: 8px;
}
.card.user_info {
    margin-bottom: 10px !important;
}
.user_info .card-body {
    padding: 0px !important;
}
.card.user_info .card-title {
    position: relative;
    font-weight: 400;
    color: rgba(0, 0, 0, 1) !important;
}
.card-body small.text-muted {
    color: rgba(0, 0, 0, 1) !important;
    padding-bottom: 2px;
    font-weight: 500;
    font-size: 15px;
}
.user_info .card-body.p-t-0 {
    display: grid ;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}
.contacts.modal-open div#commonModalContainer {
    max-width: 500px;
}
.contacts.modal-open div#commonModalContainer {
    max-width: 500px;
}
.contacts.modal-open div#commonModalContainer .modal-content {
    padding: 10px;
}
.card.user_info .card-subtitle {
    font-weight: 500;
    margin-bottom: 15px;
    color: #465b65;
}
.card-embed-fix.note-des-sec .comment-card {
	position: relative;
}
.notes_title_des_sec.row .action_sec {
    position: absolute;
    /* background: #fff; */
    right: 10px;
    padding: 1px 6px;
    top: 8px;
	border-radius:5px;
	/* box-shadow:2px 4px 4px rgba(0, 0, 0, 0.1); */
	/* filter: drop-shadow(2px 4px 4px rgba(0, 0, 0, 0.1)); */
}
/* .note-des-sec .comment-card:hover .action_sec {
    display: block;
}
.notes_title_des_sec.row .action_sec {
    display: none;
}
 */

/*************************************** Notes page Css End *************************************************/



/*************************************** Task page Css Start *************************************************/

.dropdown.thunder-icon button, .dropdown.thunder-icon .btn-danger.active.focus, .open > .dropdown.thunder-icon .dropdown-toggle.btn-danger:focus {
    background: #7b00fd;
    border-color: #7b00fd;
}
.tsk_cst {
    display: flex;
    gap: 10px;
}.position-relative {
    position: relative!important;
    /* padding: 10px; */
    margin-top: 10px;
    /* border-radius: 10px !important; */
}
.dropdown.thunder-icon .btn-danger.active.focus, .dropdown.thunder-icon .btn-danger.active:focus, .dropdown.thunder-icon .btn-danger.active:hover, .dropdown.thunder-icon .btn-danger.focus:active, .dropdown.thunder-icon .btn-danger:active:focus, .dropdown.thunder-icon .btn-danger:active:hover, .open > .dropdown-toggle.btn-danger.focus, .open > .dropdown-toggle.btn-danger:focus, .open > .dropdown-toggle.btn-danger:hover, .btn-danger.focus, .btn-danger:focus, .show > .btn-danger.dropdown-toggle {
     background: #7b00fd;
    border-color: #7b00fd;
}
.dropdown.thunder-icon .dropdown-toggle::after {
    display: none;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
}
 .task_table td.contacts_col_action.actions_column {
    text-align: right !important;
}
.task_table td.contacts_tast_title {
    width: 230px !important;
    max-width: 200px;
    overflow: hidden;
    white-space: normal;
}
.clients img.img-square.avatar-xsmall {
    border-radius: 5px;
}
.assigned-member-section {
    flex-wrap: wrap !important;
    gap: 10px;
}
.assigned-member-section .avatar-xsmall {
    width: 25px !important;
    height: 25px !important;
}
.assigned-member-section .d-flex.flex-column.align-items-center.text-center {
    flex-wrap: nowrap !important;
    flex-direction: row !important;
    gap: 4px;
}
span.tast_title {
    font-weight: 500;
    color: rgba(18, 18, 18, 1);
}
.table.task_table .checkitem label {
    margin-top: 2px;
}
.table.task_table td a, .table.task_table td {
    color: rgba(97, 110, 128, 1) !important;
    font-weight: 500;
}
.table.task_table span.calender-icon {
    padding-right: 8px;
}
.table.task_table .contacts_col_name img {
    width: 30px;
    height: 30px;
    object-fit: cover;
}

tr.expire_date {
    background: rgba(255, 0, 0, 0.05);
}
tr.due_date {
    background: rgba(37, 153, 62, 0.1);
}

.table.task_table [type=checkbox].filled-in:checked.chk-col-light-blue + label:after {
    border: 1px solid rgba(37, 153, 62, 1);
    background-color: rgba(37, 153, 62, 1);
}
/* .table.task_table td.task_checkbox {
    width: 40px;
} */
td.tasks_col_checkbox {
    /* width: 50px !important; */
	padding: 15px !important;
}
div#tasks-table-wrapper {
    overflow-x: auto;
}
.client .task_table td.contacts_tast_title {
    white-space: nowrap;
}

div#agreementModalBody {
    padding-top: 0;
}
button#printButton {
    border-radius: 50px;
    padding: 5px 20px 8px;
    font-size: 12px;
}

/*************************************** Task page Css End *************************************************/

/******************************************* Task Model Popup Css Start ************************************************/

  #taskModal .modal-dialog {
    max-width: 350px;
}
#taskModal button.btn-close_ {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
}
#taskModal .modal-dialog .modal-header {
    min-height: 40px;
    border-bottom: 1px solid rgba(241, 241, 241, 1);
	margin-bottom:16px;
}

  #taskModal .modal-content {
    border-radius: 20px;
    background-color: #ffffff;
    color: #67757c;
    padding: 16px !important;
	border:1px solid rgba(225, 225, 225, 1);
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
}
  #taskModal h5#taskModalLabel {
    font-size: 18px;
    color: rgba(0, 0, 0, 1);
    font-family: 'Inter';
    font-weight: 500;
}
#taskModal label.form-label {
    font-size: 14px;
    color: rgba(26, 26, 26, 1);
    font-weight: 500;
    font-family: 'Inter';
}
#taskModal .modal-footer {
    justify-content: space-between;
    flex-wrap: nowrap;
	padding: 0 !important;
	gap: 10px;
}
#taskModal .modal-header, #taskModal .modal-body  {
    padding: 0px !important;
}
#taskModal button.btn {
    width: 100%;
	padding: 10px;
	margin: 0px;
}
#taskModal button.btn.btn-primary {
	background:rgba(123, 0, 255, 1);
	border: 1px solid rgba(123, 0, 255, 1);
}
#taskModal button.btn.btn-secondary {
    background: transparent;
    color: #000;
} 


/******************************************* Task Model Popup Css End ************************************************/



/******************************************* Add New User Popup Css End ************************************************/

.row.add_new_user_popup .form-group.row {
    margin: 0px 0px 15px 0px;
}

.row.add_new_user_popup .col-md-4 {
    padding: 0px 10px 0px 0px;
}

.row.add_new_user_popup label {
    padding: 0px 0px 5px 0px !important;
}

.row.add_new_user_popup .col-sm-12, .row.add_new_user_popup .col-md-12, #commonModalForm .col-md-12 {
    padding: 0px 10px 0px 0px;
} 
.row.add_new_user_popup .phone_cst select, .phone_cst select {
    padding-left: 0px !important;
    padding-right: 0px !important;
    max-width: max-content !important;
	width: max-content !important;
}

/******************************************* Add New User Popup Css End ************************************************/



/******************************************* Choose Plan Popup Css Start ************************************************/


.price-sec-cst h5.card-title {
    font-size: 16px;
    font-weight: 500 !important;
    color: #000 !important;
    font-family: 'Inter';
}
.price-sec-cst  h3.font-weight-bold.mb-1 {
    font-size: 22px;
    font-weight: 600;
    font-family: 'Inter';
    color: rgba(34, 34, 34, 1);
	margin-bottom: 0px !important;
    line-height: 22px;
}
.price-sec-cst small.text-muted {
    font-size: 12px !important;
    font-weight: 500;
    color: rgba(69, 69, 69, 1);
    /* font-family: 'Inter'; */
}
.price-sec-cst p.text-muted.mt-2 {
    color: rgba(97, 110, 128, 1);
    font-size: 12px;
    font-weight: 500;
}
.price-sec-cst ul.list-unstyled.mt-2.flex-grow-1 li {
    font-size: 12px;
    font-weight: 400;
    color: rgba(69, 69, 69, 1);
    padding-bottom: 10px;
}
.price-plain {
    border-bottom: 1px solid #ededed;
    padding-bottom: 20px;
    margin-bottom: 10px;
}
.price-sec-cst ul li {
    display: flex;
    gap: 10px;
}
.price-sec-cst {
    padding: 0px 10px;
}
.price_sec {
    min-height: 50px;
}
button.btn.btn-primary.mt-auto {
    width: 100%;
    background: rgba(123, 0, 255, 1);
    border-color: rgba(123, 0, 255, 1);
    border-radius: 10px;
}
button.btn.btn-primary, a.btn.btn-primary {
    background: rgba(123, 0, 255, 1) !important;
    border-color: rgba(123, 0, 255, 1) !important;
	color:#fff !important;
}

.contracts div#list-page-actions-container-contracts div#list-page-actions button#publishing_option_button{
    color: #fff !important;
    background: #7b00ff;
    border-color: #7b00ff;
}
.form-group.row.edit-sign .col-4 {
    padding-left: 0px !important;
}
button#ticket_reply_button_close {
    background: #cfcfcf !important;
    border-color: #cfcfcf !important;
    color: #000;
}
.outline-btn {
    border: 1px solid #7b00ff;
    color: #7b00ff !important;
    background: #fbfbfb;
    box-shadow: 0px 2px 4px #7b00ff36;
}
.doc-signed-panel h5 {
    color: #1e1e1e;
}
.doc-signed-panel h3.muted.p-t-10 {
    font-size: 15px;
}
.price-sec-cst {
    padding: 0px 10px;
}
.price-sec-cst .cst-sec {
    border: 1px solid rgba(225, 225, 225, 1) !important;
    border-radius: 16px;
}
h4#planModalTitle {
    color: rgba(0, 0, 0, 1);
    font-size: 24px;
    font-weight: 600;
}
div#planModalContainer .modal-header {
    padding: 15px 30px 0px;
}
div#planModalContainer .modal-content {
    border-radius: 24px;
}
.price-sec-cst .card-body {
    padding-left: 15px;
    padding-right: 15px;
}
button.btn.btn-secondary.mt-auto.download-btn {
    width: 100%;
    border-color: rgba(123, 0, 255, 1);
    color: rgba(123, 0, 255, 1);
    font-weight: 500;
}
button.btn.btn-secondary.mt-auto.current-plan-btn {
    width: 100%;
    font-weight: 500;
}
div#planModalContainer  button.close {
    border: 2px solid rgba(133, 133, 142, 1) !important;
    border-radius: 100px;
    padding: 3px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    right: 30px !important;
    top: 28px !important;
    color: rgba(133, 133, 142, 1) !important;
    line-height: 11px;
}
.table-filter  span.me-2.fw-semibold.text-muted {
    color: #121212 !important;
}
.border-default {
    border-color: #9dabb3!important;
}
.kanban-wrapper .pull-left {
    border-color: #e4f1ff;
    padding: 5px 16px;
    border-radius: 30px;
    border: 1px solid ;
    font-size: 12px;
    font-weight: 600;
    line-height: 20px;
}
.kanban-wrapper .border-default .pull-left {
    border-color: #77706d !important;
}
.project-date span {
    padding-bottom: 0 !important;
}

.kanban-card-content-comntainer .x-title.wordwrap {
    color: #121212;
    font-size: 14px;
    font-weight: 600;
}
.kanban-card-content-comntainer .x-meta.d-flex.align-items-center {
    color: #616E80 !important;
    font-weight: 400;
    font-size: 12px;
}
.projects .page-titles {
    margin-bottom: 0;
}
.project-date {
    display: flex;
    gap: 5px;
    align-items: center;
}
span.label.label-light.p-l-8.p-r-8 {
    display: none;
}

.kanban-wrapper .board-body.border-info .pull-left {
    color: #20aee3;
    background-color: #e4f1ff !important;

}
.kanban-wrapper .board-body.border-warning .pull-left {
    color: #ff9041;
    background-color: #fff4e4;
    border-color: #ff9041 !important;

}
.kanban-wrapper .board-body.border-success .pull-left {
    color: rgba(37, 153, 62, 1);
    background-color: #edfaee;
    border-color: rgba(37, 153, 62, 1) ;

}
.kanban-wrapper .board-body.border-danger .pull-left {
    color: #ff5c6c;
    background-color: #fcebed;
    border-color: #ff5c6c ;
}
.table-filter {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 20px;
    flex-wrap: wrap;
    font-size: 14px;
    color: #121212;
    font-weight: 500;
	margin-top: 10px;
}
.table-filter a.filter_table {
    background: #fff !important;
    border: 1px solid #E1E1E1 !important;
    border-radius: 8px;
    padding: 6px 20px;
    color: #121212 !important;
    font-size: 12px;
	display: flex;
    align-items: center;
    gap: 6px;
}
.table-filter a.filter_table.btn.project-view-switch-active {
    background: transparent ;
    border: 1px solid #7B00FF !important;
    border-radius: 8px;
    color: #7B00FF !important;
    font-weight: 600;
}

/* table#projects-list-table td, table th {
    border: 1px solid #dddddd;
	border-radius: 12px;
} */
table#projects-list-table tfoot td {
    border: none !important;
}

.profile_name_sec .info-item {
    margin-bottom: 20px;
}
.profile_name_sec .profile-info-text {
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.profile_name_sec .info-item {
    display: flex;
    gap: 5px;
    align-items: flex-start;
}
.profile_name_sec svg {
    width: 27px;
    height: 20px;
}
.profile-info-text .client-logo {
    margin-right: 10px;
}
.card.p-3.tinymce-transparent small.text-muted {
    margin-bottom: 12px;
    color: #212121 !important;
    opacity: 1;
    font-weight: 700;
}
@media (min-width: 1200px) {
    div#planModalContainer {
        max-width: 1080px !important;
    }
}

/******************************************* Choose Plan Popup Css End ************************************************/

tr.due_date:hover {
    background: rgba(37, 153, 62, 0.2) !important;
}
tr.expire_date:hover {
    background: rgba(255, 0, 0, 0.1) !important;
}
.loader-overlay {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
    background: rgba(255, 255, 255, 0.7);
}
select, .select2-container--bootstrap .select2-selection--single .select2-selection__rendered, input {
    color: #343434 !important;
}

.assign-user-place-holder{
    border: 1px dashed #85858E;
    width: 28px;
    height: 28px;
    border-radius: 100%;
}
.table .list-checkboxes label:before {
    top: 1px !important;
}
.table .list-checkboxes label:after {
    height: 20px !important;
    width: 20px !important;
    border-radius: 6px;
}
[type=checkbox].filled-in:not(:checked) + label:after {
    border-radius: 6px;
}
.emp-action.employe-details-cst .text-danger {
    font-size: 15px;
}
.cardnu .emp-action.employe-details-cst .text-success {
    font-size: 15px !important;
}
.cardnu .card .emp-action.employe-details-cst svg {
    width: 15px;
    height: 15px;
}
.emp-action.employe-details-cst .btn-sm {
    font-size: 13px;
    line-height: normal;
    padding: 2px 4px;
}
#tasks-td-container tr.expire_date span.calender-icon svg path {
    fill: rgba(219, 2, 2, 1);
}
#tasks-td-container tr.expire_date .contacts_col_due_date span {
    color: rgba(219, 2, 2, 1);
}
#tasks-td-container td.contacts_col_due_date a {
    align-items: center;
    display: flex;
    gap: 5px;
}
    .cardnu .d-flex.justify-content-between.align-items-center.mb-3 h6.font-weight-bold.mb-3 {
        margin-bottom: 0px !important;
    }
.profile-info-text small.text-muted {
    color: #454545 !important;
}
.cardnu.right-panel select.form-control.form-control-sm.col-lg-3 {
    width: 100% !important;
    max-width: 100%;
}
@media (min-width: 768px) {
    .mini-sidebar .sidebar-nav #sidebarnav > li > a {
        padding: 12px 22px;
        width: 72px;
    }
	.mini-sidebar .sidebar-nav #sidebarnav > li > ul {
        padding-left: 5px;
        padding-right: 5px;
    }
.emp-action.employe-details-cst {
    position: relative;
    right: 6px;
    text-align: right;
    margin-bottom: 8px;
}
}

@media screen and (max-width:767px)
{
	.profile-info-text .d-flex.align-items-center {
    display: flex !important;
    flex-direction: row;
}
	.cardnu .d-flex.justify-content-between.align-items-center.mb-3 h6.font-weight-bold.mb-3 {
    margin-bottom: 0px !important;
}
	.emp-action.employe-details-cst {
    position: relative;
    right: 0px;
    text-align: right;
}
	button.btn.edit-add-modal-button.js-ajax-ux-request.reset-target-modal-form {
		width: max-content !important;
		padding: 4px !important;
	}
	.col-md-6.text-right.add_and_export {
		display: flex;
		align-items: center;
		gap: 7px;
	}
	.sidepanel-export-clients {
		margin-bottom: 0;
	}
	.shw-rside.sidebar-lg {
		width: 270px;
	}
	button.filter-btn-cst.list-actions-button.btn.btn-page-actions.waves-effect.waves-dark.js-toggle-side-panel {
		margin-top: 5px;
	}
	.header-search {
		min-width: 100%;
	}
	.autoload.loadmore-button-container
	{
		text-align: left;	
	}
	.notes-box .autoload.loadmore-button-container {
		text-align: center;
	}
	.phone_cst {
		display: inline-flex !important;
		width: 100%;
	}
	.c_n_u .form-group {
		gap: 12px;
	}
	.edit-button-cst {
		width: max-content;
	}
	.cardnu .d-flex.justify-content-between.align-items-center.mb-3 {
		display: flex !important;
	}
	.cardnu .card svg {
		width: 30px;
		height: 20px;
	}
	.comment-footer ul {
		font-size: 12px !important;
		gap: 10px !important;
	}
	td.contacts_tast_title {
		padding-left: 25px;
	}
	div#ajaxClientTasks table {
		overflow: scroll;
	}
	.cardnu {
    margin-bottom: 20px;
}
.add_and_export_notes button.btn, button.filter-btn-cst {
    padding: 6px 10px;
}
body .notes-top-section {
    align-items: center;
}
}

@media screen and (min-width:991px)
{
table#tasks-td-container {
    display: inline-table;
}
}
/* .tasks_col_checkbox.checkitem [type=checkbox].filled-in:checked.jQClientTaskCheckbox + label:after {
    border: 1px solid #7b00ff;
    background-color: #7b00ff;
}
.tasks_col_checkbox.checkitem [type=checkbox].filled-in:checked.jQClientTaskCheckbox + label:before {
    border-right: 2px solid #ffffff !important;
    border-bottom: 2px solid #ffffff !important;
    top: -3px !important;
    left: 0px !important;
    height: 16px;
}
.tasks_col_checkbox.checkitem [type=checkbox].filled-in:not(:checked) + label:after {
    border: 1px solid #aab0b3;
} */
/* 
.listcheckbox.filled-in + label::after {
    content: "\2713"; 
    display: block;
    color: blue;
    font-size: 16px;
	    top: 2px;
    left: 0px;
    width: 8px;
    height: 15px;
    z-index: 1;
	    border-top: 2px solid transparent;
    border-left: 2px solid transparent;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
} */




/************************************* Agreement FOrm css Start ********************************************************/
 .resend-btn-cst {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 14px;
}
.select-box {
    min-width: 400px;
    margin-bottom: 10px;
}
 form#agreementForm {
    min-width: 400px;
}
.agreement-content {
    overflow-x: hidden;
}
.agreement-content .doc-signatures-container  .form-group {
    margin-bottom: 15px;
    display: flex;
    gap: 7px;
}
.agreement-content .landing_contract .page-wrapper {
    margin: 0px auto !important;
}
.agreement-content .landing_contract  .doc-body {
    color: #121212d1;
    font-weight: 400;
}
.agreement-content .landing_contract  .doc-body strong {
    color: #121212;
}
.agreement-content .docs-main-wrapper .doc-to-by-container {
    margin-top: 30px;
    padding-left: 40px;
    padding-right: 40px;
    margin-bottom: 0px;
}
.agreement-content .docs-main-wrapper .doc-body {
    padding: 20px 40px;
}
.agreement-content .doc-to-by h3{
    color: #121212 !important;
    font-weight: 600 !important;
}
.agreement-content h2.doc_main_heading {
    color: #121212 !important;
    font-weight: 600 !important;
}
.agreement-content .landing_contract .doc-to-by {
    color: #121212;
    font-weight: 400;
}
.agreement-content .landing_contract .doc-to-by h4.font-weight-500 {
    color: #121212;
    font-size: 18px;
}
.agreement-content .landing_contract .docs-main-wrapper .header-cover {
    display: flex;
    align-items: center;
    justify-content: center;
}
.agreement-content .landing_contract .docs-main-wrapper .doc-hero-header {
    height: auto;
    padding-top: unset;
}
.agreement-content h3.doc_inner_heading {
    font-size: 18px;
    color: #121212 !important;
    font-weight: 500;
    margin-top: 15px;
    margin-bottom: 2px;
}
.agreement-content .doc-signatures-container form .form-group {
    display: flex;
    align-items: end;
    gap: 5px;
}
.agreement-content .form_first_field .form-group {
    margin-bottom: 0px !important;
}
.agreement-content .form_first_field {
    margin-bottom: 15px !important;
}
.agreement-content .doc-signatures-container  .form-group {
    margin-bottom: 15px;
}
.agreement-content .doc-signatures-container  .form-group label.name-cst {
    width: 67%;
}

.agreement-content .doc-signatures-container .form-group label {
    margin-bottom: 4px;
}
div#reasonField {
    display: block;
}
.service-sig, .client-sig {
    margin-bottom: 15px !important;
    width: 100%;
    min-height: 50px;
}
.form_first_field small#emailHelp {
    font-weight: 500;
    color: #121212 !important;
}
.service-sig h3 {
    margin-bottom: 0px;
}
#agreementForm .form-check.cst-checkbox {
    padding: 0;
}
.cst-btn {
    text-align: center;
    margin: 10px 0;
}
div#reasonField {
    display: none;
}
textarea#reason {
    width: 100%;
}
.doc-signed-panel .form-control:disabled, .doc-signed-panel .form-control[readonly] {
    background-color: #e9ecef00 !important;
    opacity: 1;
}
div#agreementForm [type=checkbox] + label {

    font-weight: 500;
    font-size: 12px;
}
div#agreementForm [type=checkbox] + label:before, div#agreementForm [type=checkbox]:not(.filled-in) + label:after {
    top: 2px;
    margin-top: 4px;

}
.notes_text {
    color: #121212;
    font-weight: 600;
    font-size: 19px;
}
input#signature, #clientSignature {
    font-family: cursive;
    font-family: "Style Script", cursive;
    font-weight: 500 !important;
    letter-spacing: 1px;
    color: #121212;
    font-size: 18px;
    font-style: italic;
}
div#embed-content-container .docs-main-wrapper {
    font-weight: 400;
    color: #646464;
}
div#embed-content-container .docs-main-wrapper h3, div#embed-content-container .docs-main-wrapper h4, div#embed-content-container.docs-main-wrapper h5, div#embed-content-container .docs-main-wrapper h6 {
    color: #1e1e1e;
}
@media screen and (max-width:767px)
{
	.docs-main-wrapper .doc-to-by-container {
    padding-left: 20px;
    padding-right: 20px;

}
.doc-to-by h3, h2.doc_main_heading {
    font-size: 18px;
}
.landing_contract .doc-to-by h4.font-weight-500 {
    font-size: 16px;
}
.docs-main-wrapper .doc-body {
    padding: 10px 20px;
}
.docs-main-wrapper .doc-body h2 {
    margin-bottom: 5px;
    font-size: 20px;

}
form#agreementForm {
    min-width: 100% !important;
}
.select-box {
    min-width: 100% !important;
    margin-bottom: 10px;
}
}



/************************************* Agreement FOrm css Start ********************************************************/

.tickets div#list-pages-stats-widget .card:first-child,
.clients div#clients-stats-wrapper div#list-pages-stats-widget .card:first-child
{
    border-radius: 0px 0px 0px 15px !important;
}
.tickets div#list-pages-stats-widget .card:last-child,
.clients div#clients-stats-wrapper div#list-pages-stats-widget .card:last-child 
 {
    border-radius: 0px 0px 15px 0px !important;
}
div#list-pages-stats-widget .card:first-child {
    border-radius: 15px 0px 0px 15px ;
}
div#list-pages-stats-widget .card:last-child {
    border-radius: 0px 15px 15px 0px ;
}

div#tickets-table-wrapper {
    border-radius: 15px;
}

.proposal div#list-page-actions, 
.invoice div#list-page-actions, 
.invoices div#list-page-actions,
.estimates div#list-page-actions,
.items div#list-page-actions,
.expenses div#list-page-actions,
.proposals div#list-page-actions,
.contract div#list-page-actions,
.contracts div#list-page-actions,
/* .tickets div#list-page-actions, */
.ticket div#list-page-actions
 {
    background: transparent !important;
    border-bottom: none !important;
}
.custom-secc .left-sec-cst i {
    color: #3a3b3c;
}
#sidebarnav {
    position: relative;
    height: 100%;
    border-bottom: 1px solid #ffffff1a;
    padding-top: 20px;
	/* overflow-x: hidden; */
}
.scroll-sidebar {
    height: 100%;
}
#sidebarnav .scroll-area {
    position: absolute;
    top: 0;
    left: 0;   /* or right: 0; depending on layout */
    bottom: 0;
    width: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    padding-top: 20px;
}
/* #main-sidenav {
    height: 88% !important;
    padding-right: 0px !important;
} */

#sidebarnav::-webkit-scrollbar {
  width: 6px;
}

/* Track */
#sidebarnav::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey; 
  border-radius: 10px;
}
 
/* Handle */
#sidebarnav::-webkit-scrollbar-thumb {
  background: #858585; 
  border-radius: 10px;
}

/* Handle on hover */
#sidebarnav::-webkit-scrollbar-thumb:hover {
  background: #171f12; 
}

/****************************************** 27-10-25 ********************************************/

.contracts div#template-table-wrapper {
    border-radius: 20px;
}
div#ticket-compose .card {
    border-radius: 15px;
}
div#ticket-compose .card .x-top-header {
    border-radius: 15px 15px 0px 0px;
    background: transparent !important;
    color: rgba(18, 18, 18, 1);
    font-size: 18px;
    font-weight: 500;
    border-bottom: none !important;
}
.archived td.tickets_col_status [data-original-title="Archived"] i {
    color: red;
}
tr.archived td {
    background: #b3997917;
}
html.client .add_and_export.custom-secc {
    padding: 12px;
    margin-bottom: 20px;
    border-radius: 15px;
}
.comment-text .text-right small a:hover {
    color: #7b00ff !important;
}
div#tickets-stats-wrapper {
    margin-top: 1px !important;
	 margin-bottom: 10px !important;
}
.mce-edit-area {
    border: 0 solid #ddd;
    border-width: 1px !important;
    padding: 5px !important;
}
button#reminders-panel-toggle-button {
    display: none;
}




/**************************************************** 28-10-25 *************************************************/

.invoices_col_action span.list-table-action.font-size-inherit {
    display: flex;
    gap: 3px;
    align-items: baseline;
}
.invoices_col_action span.list-table-action.font-size-inherit .ti-new-window:before {
    content: "\e732";
    color: #575757;
}
span.list-table-action.font-size-inherit a.data-toggle-action-tooltip.btn.btn-outline-info.btn-circle.btn-sm:hover i {
    color: #000 !important;
}
span.list-table-action.font-size-inherit a.data-toggle-action-tooltip.btn.btn-outline-info.btn-circle.btn-sm i:hover {
    color: #000 !important;
}
.invoices .custom-table-layout .custom-table-body-container span.list-table-action a.data-toggle-action-tooltip.btn.btn-outline-default-light.btn-circle.btn-sm.opacity-4.js-toggle-pinning {
    opacity: 1 !important;
    font-size: 16px !important;
    color: #676767 ;
}
span.text-default.js-toggle-table-config-panel {
    color: #000000;
    opacity: 1;
}
.with-table-config-icon .table-config-icon span i {
    font-size: 18px;
    color: #000000;
    opacity: 1;
    /* background: #7c00fc; */
    padding: 5px;
    border-radius: 31px;
}
.only_icon_color button {
    font-size: 19px;
}

/* table.table.table-hover.invoice-table {
    border-collapse: separate;
    border-spacing: 0 16px; /* space between rows */
} */
table.table.table-hover.invoice-table th a,
table.table.table-hover.invoice-table th {
    color: #212529;
	font-weight: 500;
    font-size: 15px;

}
table.table.table-hover.invoice-table thead {
    border: 1px solid #e0e0e0;
}
div#invoice-wrapper {
    border-radius: 20px;
}
table.table.table-hover.invoice-table thead tr {
    background: rgba(240, 245, 253, 1);
}

table.table.table-hover.invoice-table tbody tr td:first-child
{
   border-left: 1px solid #e0e0e0 !important;
}
table.table.table-hover.invoice-table tbody tr td:last-child
{
	border-right: 1px solid #e0e0e0 !important;
}

table.table.table-hover.invoice-table tbody tr td
{
    border-bottom: 1px solid #e0e0e0;
}
table.table.table-hover.invoice-table #billing-items-container td a
{
    color: rgba(18, 18, 18, 1) ;
    font-size: 14px;
    font-weight: 500;
}
table.table.table-hover.invoice-table #billing-items-container td 
{
    color: rgba(18, 18, 18, 1);
    font-size: 14px !important;
	font-weight: 400;
}
tbody#billing-items-container tr td {
    padding: 10px !important;
}

.billing-mode-only-item h3 {
    color: #121212 !important;
}
p.text-muted.company_address_cst {
    color: #121212 !important;
}

td.x-payments a {
    color: #121212;
    font-weight: 600;
}
td#fx-invoice-date-lang, .x-date-due-lang, .pull-right.invoice-dues td#fx-payments-date-lang, .x-balance-due-lang {
    color: #121212;
}
.text-themecontrast {
    color: #000000 !important;
}
td.total-cst {
    color: #121212;
}
span.x-due-amount-label .label-outline-success {
    padding: 2px 10px;
}
.billing-mode-only-item span span h5 {
    color: #121212;
    font-weight: 600;
    text-decoration: underline;
}
/* .col-12.mt-4.discount-sec-cst .card {
    box-shadow: 0px 0px 3px #0000002e;
    border-radius: 10px;
} */
.col-12.mt-4.discount-sec-cst .card {
    padding: 0px;
    border-radius: 10px;
}
.col-12.mt-4.discount-sec-cst h5.text-success.mb-3 {
    color: #000000 !important;
    font-weight: 600;
    font-size: 18px;
}
.discount-sec-cst .col-md-6 .text-success {
    color: #7b01ff !important;
}
.discount-sec-cst .card-body h5 {
    background: #f0f5fd;
    padding: 9px;
    margin-bottom: 0px !important;
    border: 1px solid #eae7e7;
    border-bottom: none;
}
.col-12.mt-4.discount-sec-cst {
    padding: 0;
}
td.text-amount {
    color: #121212 !important;
}
.discount-sec-cst .table thead th, .discount-sec-cst .table th {
    border: 1px solid #eae7e7;
}
.discount-sec-cst .table th, .discount-sec-cst .table td {
    padding: 8px 15px;
}
.bottom-sec-invoice h4 {
    color: #121212 !important;
    font-weight: 600;
}
.bottom-sec-invoice div#invoice-terms {
    color: #121212 !important;
    font-weight: 400;
}
.discount-sec-cst .card-body {
    padding-left: 15px;
    padding-right: 15px;
}
div#bill-totals-wrapper .avc {
    background: #f0f5fd !important;
    padding: 15px;
    width: 100%;
    display: inline-block;
    margin-bottom: 20px;
    border: 1px solid #e0e0e0;
    border-top: none;
}
.invoice-total-table tbody#invoice-table-section-total {
    border-top: none !important;
}
table.table.table-hover.invoice-table {
    margin-bottom: 0px !important;
}
.invoice .invoice-wrapper .invoice-table-wrapper, .estimate .invoice-wrapper .invoice-table-wrapper {
    min-height: auto !important;
}
.bill-file-attachments {
     margin-bottom: 10px !important; 
}
.invoice .invoice-wrapper .invoice-total-table tr td:nth-child(2), .estimate .invoice-wrapper .invoice-total-table tr td:nth-child(2) {
    min-width: 140px;
}
div#invoice-wrapper h4{
    color: #121212;
    font-weight: 600;
}
div#invoice-wrapper div {
    color: #121212;
    font-weight: 400;
}
html.client a#invoiceDownloadButton {
    background: #fff !important;
    color: #7b00ff !important;
    border: 1px solid #dddddd;
}
.invoices div#list-page-actions button {
    color: #727272 !important;
    font-size: 20px;
}
.row.top-sec-plan .col-md-12.mb-3 {
    margin-bottom: 0px !important;
    display: flex;
    gap: 3px;
    justify-content: flex-start;
}

.container.my-5.current-plan-section span.badge.badge-danger.ml-2 {
    background: #f0f5fd !important;
    color: #000 !important;
    padding: 10px !important;
    margin: 0px !important;
}
.cst-sec button.btn.btn-link.toggleFeaturesBtn {
    color: #7b00ff;
}
.additional-addon.overflow-auto [type=checkbox] + label {
    font-weight: 400;
    color: #4c4c4c;
    padding-left: 30px;
}
.additional-addon.overflow-auto small {
    color: #4c4c4c;
}
.pay-btn-cst {
    justify-content: flex-end;
    gap: 10px;
    margin-top: 20px;
    margin-bottom: 10px;
    width: 100%;
}
div#planModalBody {
    padding-top: 10px !important;
}
.total-amount-section {
    color: #121212 !important;
}
.total-amount-section h5, .total-amount-section h4 {
    color: #121212 !important;
}
div#planStep2 .row {
    margin: 0px auto;
}

.total-amount-inner-section {
    justify-content: space-between;
    padding-bottom: 10px;
    border-bottom: 1px solid #ededed;
    margin-bottom: 10px !important;
}
.row.inner-sec-plan {
    margin-bottom: 20px !important;
    margin-top: 30px !important;
}
.row.inner-sec-plan .col-md-4 {
    box-shadow: 0px 0px 3px #00000033;
    border-radius: 10px;
    padding: 20px;
}
.row.top-sec-plan .col-md-12.mb-3, .row.inner-sec-plan .col-md-8 {
    padding-left: 0px !important;
}
.col-md-4.right-total-dis-sec {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}
.row.top-sec-plan h4, .left-sec-add-info h4 {
    color: #121212 !important;
}
.spacer.row {
    margin: 0px auto 10px !important;
}

input#payment_amount {
    border-radius: 0px 5px 5px 0px;
}
.switch label input[type=checkbox]:checked + .lever.switch-col-light-blue {
    background-color: #7b00ff !important;
}
.form-group.form-group-checkbox.row .col-12.text-left.p-t-5 {
    padding-left: 0px !important;
}

div#payments-table-wrapper {
    padding: 20px !important;
    border-radius: 7px !important;
    box-shadow: 0 0 5px #00000014;
}
.table td.payments_col_checkbox.checkitem {
    padding-left: 10px;
    padding-top: 7px !important;
}
.container.my-5.current-plan-section {
    padding-left: 0 !important;
    padding-right: 0 !important;
    border-radius: 15px;
}
.col-12.mt-4.discount-sec-cst table td {
    text-align: right;
}



/********************************** 31-10-25 ***********************************/

.payments_col_action span.list-table-action.font-size-inherit {
    display: flex;
    gap: 4px;
}
.payments_col_action a.view-icon.data-toggle-action-tooltip.btn.btn-outline-info.btn-circle.btn-sm.show-modal-button.js-ajax-ux-request {
    padding-left: 7px;
    color: #717171;
    padding-top: 5px;
}
div#cardModalContent .card-title.m-b-0 {
    font-size: 24px;
    color: #121212;
    text-transform: capitalize;
}
div#cardModalContent .x-heading, .x-section .x-title h6 {
    color: #121212 !important;
}
.card-modal div#cardModalContainer .card-right-panel {
    background-color: rgba(237, 238, 252, 1);
}
.card-modal div#cardModalContainer .card-right-panel .x-element {
    border-color: #f6f9fa !important;
    background-color: #ffffff !important;
}
div#card-description-container {
    color: #121212;
}
.card-attachments a#js-card-toggle-fileupload {
    font-size: 14px;
    color: #121212;
}
button.toggle-btn-ccst.list-actions-button {
    color: #5a5a5a !important;
    font-size: 20px;
    background: #fff !important;
    border: 1px solid #e1e1e1;
	border-radius: 10px;
}
button.label.label-outline-success.btn-completed-project.active, button.label.label-outline-success.btn-completed-project:hover {
    background: #25996c;
    color: #fff;
    border: 1px solid #25996c;
}
button.label.label-outline-default.btn-another-project.active, button.label.label-outline-default.btn-another-project:hover {
    background: #858585;
    color: #ffffff;
	border: 1px solid #858585;
}
.custom-table-body-container td.invoices_col_checkbox {
    padding: 11px !important;
    padding-top: 14px !important;
}
.quick-filter-section {
    display: flex;
    gap: 5px;
    margin-top: 10px;
    margin-bottom: 20px;
}
button.btn-another-project {
    color: rgb(133 133 133);
    background-color: #f6f9fa;
    border-color: #f6f9fa;
    padding: 5px 16px;
    border-radius: 30px;
    border: 1px solid;
    font-size: 12px;
    font-weight: 600;
    line-height: 20px;
}
a.download-file-btn {
    color: #7b00ff;
}
a.delete-file-btn {
    color: #ff3333;
}
.payment-details td:first-child {
    width: 230px;
    background-color: rgba(237, 238, 252, 1);
    font-weight: 400;
}
table.table.table-bordered.payment-details tbody td {
    padding: 10px;
    border: 1px solid #0000005e;
    color: #121212;
    font-weight: 400;
    /* border-radius: 25px; */
}
table.table.table-bordered.payment-details {
    border-radius: 25px; 
}
.projects div#list-pages-stats-widget .card:first-child, .leads div#list-pages-stats-widget .card:first-child{
    border-radius: 0px 0px 0px 15px;
}
.projects div#list-pages-stats-widget .card:last-child, .leads div#list-pages-stats-widget .card:last-child {
    border-radius: 0px 0px 15px 0px;
}
.price-plain .btn:disabled {
    cursor: default;
    width: 100%;
    border-radius: 10px;
}
.price-plain .badge-success {
    background-color: #77d9ab !important;
    color: #000000 !important;
    border-radius: 50px !important;
    padding: 5px 10px;
    font-weight: 400;
}
.price-sec-cst .cst-sec.active-plain {
    border-radius: 16px;
    border-color: #7b00ff !important;
    border-width: 2px !important;
}
div#planModalContainer .modal-header {
    padding: 15px 30px 0px;
    justify-content: flex-start !important;
    align-items: center;
    color: #121212;
}
.mini-sidebar div#bottomnav-logo-container {
    position: absolute;
    bottom: -7px;
    background: #171f29;
    left: 0;
    width: 74px;
    z-index: 1;
}
.sidebar-nav > ul > li > a i {
    width: 27px;
    font-size: 16px;
}


@media screen and (max-width:767px)
{
	.col-12.align-self-center.project-sec-fill {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}
.quick-filter-section {
	display: inline-flex;
	gap: 4px;
	margin-top: 4px;
	font-size: 10px !important;
}
.table-filter {
    margin-bottom: 0px;
}
button.toggle-btn-ccst.list-actions-button {
    margin-top: 5px;
}
.quick-filter-section button {
    font-size: 11px;
    padding: 4px 10px;
}
}






/******************************************** 3-11-2025 ------------------------------------------*/

/* .mini-sidebar .menu-tooltips .tooltip-inner {

    margin-left: 40px;
} */
.mini-sidebar .menu-tooltips .arrow:before {
    content: "";
    position: absolute;
    width: 15px;
    height: 15px;
    background: #fff;
    border-radius: 3px;
    -webkit-transform: rotate(43deg) skewY(5deg);
    transform: rotate(43deg) skewY(5deg);
    top: -2px;
    z-index: 1;
    left: 0px;
    border: 0px !important;
    opacity: 1;
}
div#main-scroll-sidebar .bs-tooltip-auto[x-placement^=left] .arrow, div#main-scroll-sidebar .bs-tooltip-left .arrow {
    left: 0;
	right:unset;
}
.col-12.align-self-center.project-sec-fill {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
}
/* div#cardModalContainer {
    background: #fff;
    border-radius: 5px;
} */
div#cardModalTabMenu ul.nav.nav-tabs {
    background: #fff !important;
    gap: 5px;
}
div#cardModalTabMenu {
    padding: 10px;
}
div#cardModalTabMenu ul.nav.nav-tabs li a.nav-link.ajax-request {
    border: 1px solid #bdbdbd !important;
    border-radius: 70px;
}
div#cardModalTabMenu ul.nav.nav-tabs li a.nav-link.active.ajax-request, div#cardModalTabMenu ul.nav.nav-tabs li a.nav-link.ajax-request:hover {
    background: #7b00ff !important;
    color: #fff !important;
}
div#card-checklist .x-action.p-b-20 a, div#card-description-button-edit a {
	font-size: 14px;
    color: #121212;
}
div#card-comments .x-content div#post-card-comment-form button#card-comment-post-button,
button.btn.btn-danger.btn-sm.x-submit-button.ajax-request
 {
    background: #7b00ff;
    border-color: #7b00ff;
    font-size: 14px;
    padding: 4px 16px;
    font-weight: 500;
}
div#card-comments .x-content div#post-card-comment-form button#card-comment-close-button, button#card-comment-close-button  {
    font-size: 14px;
    padding: 4px 16px;
    font-weight: 500;
}
.card-modal .card-right-panel .x-assign-new {
    border: dashed 1px #7b00ff;
}
.text-info {
    color: #7b00ff!important;
}
.card-modal .card-right-panel .x-element.x-element-info .x-highlight {
    color: #7b00ff;
}
.card-modal .card-right-panel .x-element.x-element-info {
    background-color: #bce3fb;
    color: #1393c3;
}
.card-modal .card-right-panel .x-element.x-element-info {
    background-color: #7b00ff;
    color: #7b00ff;
}
div#card-tags-current-tags-container .x-edit-tabs a {
    color: #7b00ff;
}
.btn-info.active.focus, .btn-info.active:focus, .btn-info.active:hover, .btn-info.focus:active, .btn-info:active:focus, .btn-info:active:hover, .open > .dropdown-toggle.btn-info.focus, .open > .dropdown-toggle.btn-info:focus, .open > .dropdown-toggle.btn-info:hover, .btn-info.focus, .btn-info:focus, .show > .btn-info.dropdown-toggle {
    background-color: #7b00ff !important;
    border: 1px solid #7b00ff;
}
button.btn.waves-effect.waves-light.btn-xs.btn-info.ajax-request {
    background: #7b00ff;
    border-color: #7b00ff;
}
div#card-edit-tags-buttons button#card-tags-button-save {
    background: #7b00ff;
    border-color: #7b00ff;
}
.btn-danger, .btn-danger.disabled, .btn-info {
    background: #7b00ff !important;
    border: 1px solid #7b00ff !important;
    -webkit-transition: 0.2s ease-in;
    transition: 0.2s ease-in;
}
.btn-danger:not(:disabled):not(.disabled).active, .btn-danger:not(:disabled):not(.disabled):active, .show>.btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #7b00ff;
    border-color: #7b00ff;
}
.btn-danger:not(:disabled):not(.disabled).active, .btn-danger:not(:disabled):not(.disabled):active, .show>.btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #7b00ff;
    border-color: #7b00ff;
}
div#card-attachments a {
    color: #7b00ff;
}
.btn-info:not(:disabled):not(.disabled).active, .btn-info:not(:disabled):not(.disabled):active, .show>.btn-info.dropdown-toggle {
    color: #fff;
    background-color: #117a8b;
    border-color: #10707f;
}

div#ajaxProjectFiles {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    padding: 15px 0px !important;
}
div#ajaxProjectFiles div.files_col_file a img {
    width: 100%;
    min-height: 100px;
    object-fit: cover;
    max-height: 100px;
}
tbody#leads-td-container .leads_col_action.actions_column {
    display: flex;
}
span.list-table-action.dropdown.font-size-inherit.custom-class button {
    color: #4e4e4e !important;
    font-size: 17px !important;
    padding-top: 5px;
}
div#card-reminder-create-button {
    display: none;
}
div.files_col_action {
    position: absolute !important;
    top: 0;
    /* z-index: 11111111; */
    right: 0;
}
div#ajaxProjectFiles div {
    position: relative;
}
div#ajaxProjectFiles span.list-table-action.dropdown.font-size-inherit button, 
div#ajaxProjectFiles span.list-table-action.dropdown.font-size-inherit a {
    background: #ebf3ff;
    border-radius: 3px;
    color: #121212;
    font-size: 14px;
}


@media screen and (max-width:767px)
{
	.card.p-3.project-files-section.attach-title-sec.d-flex.justify-content-between.align-items-center.mb-1 {
    display: flex;
}
.add_and_export.custom-secc {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 10px;
}
.left-sec-cst {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}	

div#list-pages-stats-widget .card {
    margin-bottom: 0px !important;
}
div#list-pages-stats-widget {
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between;
    background: #fff;
}
}












/******--------------------------------------- 4-11-25 -------------------------------------******/

.ticket_part .list-group {
    gap: 5px;
}
.ticket_part .list-group a {
    border: 1px solid #e1e1e1!important;
    border-radius: 10px;
    gap: 10px;
    padding: 6px 10px;
}

.ticket_part .list-group a.list-group-item .bg-primary {
    background-color: #F0F5FD!important;
    width: 35px;
    height: 35px;
    line-height: 30px;
    font-size: 14px;
    font-weight: 700;
    color: #171F29;
}
.ticket_part .list-group a.list-group-item span.text-dark {
    font-size: 14px;
    font-weight: 400;
    color: #121212;
}



/********---------------------*********--------------- 05-11-25 ----------------***************-----------------******/

button#pref_filter_own_tasks i, 
button#inProgressTaskToggle i 
{
    margin-right: 0;
	font-weight: 600;

}
button#pref_filter_own_tasks:hover,
button#inProgressTaskToggle:hover,
button#pref_filter_own_tasks.active,
button#inProgressTaskToggle.active
{
    background: #7b00ff9e !important;
    color: #fff !important;
}
.topbar ul.dropdown-user li a:hover {
    background: #e9edf2;
    color: #7b00ff;
    text-decoration: none;
}



/********---------------------*********--------------- 06-11-25 ----------------***************-----------------******/


.ana-top-sec {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 20px;
}
.ana-top-sec .card.shadow-sm {
    border: 1px solid #e5e5e5 !important;
    border-radius: 10px;
}
.analytics .card.shadow-sm.border-0 {
    border-radius: 10px;
    margin-bottom: 0px;
}
.analytics .ana-top-sec .card.shadow-sm .d-flex.align-items-start {
    gap: 2px;
}
.google-analytics-dashboard {
    border-radius: 10px !important;
	padding-top: 10px;
    padding-bottom: 10px;
}
div#analytics-status-indicator span {
    font-weight: 500;
    font-size: 12px;
    height: 35px;
    line-height: 30px;
    padding-left: 10px;
    padding-right: 10px;
}
.ana-top-sec h3 {
    color: #121212 !important;
    font-size: 24px;
    font-weight: 300 !important;
    margin-bottom: 10px !important;
}
.ana-top-sec .text-success {
    color: #00a63e !important;
    font-size: 14px !important;
    font-weight: 400;
}
h6.text-muted.mb-1 {
    color: #121212 !important;
    font-weight: 300 !important;
    padding-bottom: 5px;
    font-size: 14px !important;
}
.google-analytics-dashboard .right-sec {
    gap: 8px;
}
.google-analytics-dashboard .right-sec button.confirm-action-danger {
    font-weight: 500;
    font-size: 12px;
    height: 35px;
    line-height: 25px;
}
.config-analytics .alert-info {
    border-left: solid 4px #7b00ff61;
    background-color: #fff;
    border-radius: 4px;
	border-color: #7b00ff8a;
}
.config-analytics label {
    color: #121212;
    margin-bottom: 5px;
}
.config-analytics label small.text-muted {
    font-size: 13px;
    color: #121212 !IMPORTANT;
}
.config-analytics small.form-text.text-muted {
    font-size: 13px;
    color: #545454 !important;
}
.config-analytics input {
    padding: 6px 10px !important;
    height: 40px !important;
}
.card.shadow-sm.analytics-shadow {
    border-radius: 10px;
}
.card.shadow-sm.analytics-shadow a.btn-primary {
    padding: 8px 15px;
    border-radius: 4px;
}
.card.analytics-shadow .card-title {
    position: relative;
    font-weight: 400;
    color: #121212;
}
.card.shadow-sm.mb-4.website-traffic, .top-converting .card.shadow-sm {
    border-radius: 10px;
}
.website-traffic .trafic-title h5, .lead-sec h5{
    color: #121212;
	font-size: 18px;
}
.website-traffic .trafic-title p.text-muted.small.mb-3, .lead-sec p {
    font-size: 14px;
    font-weight: 300;
    color: #121212 !important;
}
.website-traffic .btn-group {
    background: #7171822b;
    padding: 5px;
    border-radius: 50px;
}
.website-traffic .btn-group button.analytics-period-btn.active {
    border-radius: 50px;
    background: #fff !important;
    color: #121212;
    font-weight: 600;
    border: none;
}
.website-traffic .btn-group button.analytics-period-btn{
    border-radius: 50px;
    background: transparent;
    color: #121212;
    font-weight: 600;
    border: none;
}
.website-traffic .btn-group button.analytics-period-btn:not(:disabled):not(.disabled).active:focus {
    box-shadow: none;
}
.website-traffic .btn-group button.analytics-period-btn:not(:disabled):not(.disabled).active, 
.website-traffic .btn-group button.analytics-period-btn:not(:disabled):not(.disabled):active, 
.show>.btn-outline-primary.dropdown-toggle {
    color: #121212;
    background-color: #fff;
    border-color: #fff;
    opacity: 1;
}
.website-traffic .btn-group button.analytics-period-btn:not(:disabled):not(.disabled).active:focus, 
.website-traffic .btn-group button.analytics-period-btn:not(:disabled):not(.disabled):active:focus,
 .show>.btn-outline-primary.dropdown-toggle:focus {
    box-shadow: none;
}

.analytics h6.card-title {
    color: #121212;
}
.traffic-source .card.shadow-sm, .card.shadow-sm.mb-4.lead-sec {
    border-radius: 10px;
}
div#traffic-sources-list .d-flex.align-items-center {
    gap: 6px;
}
div#top-locations-list .d-flex.align-items-center {
    gap: 6px;
    align-items: center !important;
    color: #121212;
}
div#converting-pages-list .mb-3.p-2.border.rounded {
    background: #fbf9fa;
    border-radius: 10px !important;
    border: none !important;
    padding: 12px !important;
}
div#converting-pages-list .text-muted.small {
    font-weight: 300;
    color: #121212 !important;
    padding-top: 3px;
}
div#converting-pages-list .badge-success {
    background-color: #24d2b5;
    padding: 5px 5px 4px;
}
.instruction-text {
    width: 85%;
}
.ml-3.view-download-btn {
    position: absolute;
    right: 4px;
    top: 4px;
}
.d-flex.justify-content-between.align-items-center.mb-3.instruction-sec {
    position: relative;
}
.ml-3.view-download-btn a {
    padding: 2px 6px;
    border: 1px solid #d1d1d1;
}
.ml-3.view-download-btn a i{
    padding: 0px;
}
.label-outline-success.active-connected {
    padding: 0px 9px;
    font-size: 10px;
}
.google-analytics-left-panel p.mb-3.text-muted {
    color: #121212 !important;
    opacity: 1;
}

@media screen and (max-width:767px)
{
	.ana-top-sec {
    grid-template-columns: 1fr;
    gap: 10;
}
.ana-top-sec .card.shadow-sm .d-flex.align-items-start {
    gap: 2px;
    display: flex !important;
}
.google-analytics-dashboard .right-sec {
    display: flex !important;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 10px;
}
div#traffic-sources-list .d-flex.align-items-center, div#top-locations-list .d-flex.align-items-center {
    display: flex !important;
}

}


/********---------------------*********--------------- 07-11-25 ----------------***************-----------------******/


div#ajaxClientAnalytics {
	border-radius: 24px;
}
div#ajaxClientAnalytics .col-lg-12.col-md-12.ana-inner-sse {
    height: 550px;
    overflow-y: scroll;
}
div#ajaxClientAnalytics .traffic-source .d-flex.align-items-center {
    gap: 4px !important;
    font-size: 12px;
}

 div#ajaxClientAnalytics .row .col-12 {
    padding: 0;
}
div#ajaxClientAnalytics .right-sec span.badge.badge-success, div#ajaxClientAnalytics .right-sec span.badge.badge-warning {
	font-weight: 500;
    font-size: 12px;
    height: 35px;
    line-height: 30px;
    padding-left: 10px;
    padding-right: 10px;
}

div#ajaxClientAnalytics .ana-top-sec {
    display: grid;
    grid-template-columns: repeat(2, 2fr);
    gap: 10;
}

div#ajaxClientAnalytics .ana-top-sec .card.border-0.shadow-sm {
    margin-bottom: 0px;
}
div#ajaxClientAnalytics .row.mb-4.traffic-source .col-md-4 {
    padding-left: 0;
}
div#ajaxClientAnalytics .top-converting .col-md-6 {
    padding-left: 0;
}
div#ajaxClientAnalytics .card.shadow-sm.border-0.google-analytics-dashboard {
    margin-bottom: 0px;
}




/*************************************************** 10-11-2025 *****************************************/
.communications-box{
    border-radius: 24px;
}
.communication-tab {
	border-radius: 10px;
    font-size: 14px;
    font-family: 'Inter';
    font-weight: 500;
    padding: 8px 16px;
    height: auto;
    background: rgba(237, 238, 252, 1) ;
    border: 1px solid rgba(225, 225, 225, 1) ;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.05);
    color: rgba(23, 31, 41, 1);
}
.communication-tab.active {
    background: #7b00ff;
    border: 1px solid #7b00ff;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.05);
    color: rgb(255 255 255);
}
.communication-tab:focus {
	 box-shadow: none;
	 outline:none;
}
.communications-box .row {
    margin: 0px auto;
}
.card-embed-fix.communication-section{
    margin: 0px auto;
}
.compose-communication-section {
    border: 1px solid #efefef;
    margin: 0px auto;
    border-radius: 10px;
    padding-top: 20px;
    padding-bottom: 20px;
}
.compose-communication-section label.form-label, div#communicationSmsBody .available-variables small.text-muted {
    color: #121212;
    font-weight: 500;
    width: 100%;
    margin-bottom: 4px;
}
div#communicationSmsBody .available-variables  {
    border: 1px solid #e7e7e7;
    padding: 8px;
    border-radius: 10px;
    color: #121212;
    background: #f6f9fa;
}
.available-variables ul {
    margin-bottom: 0;
    color: #121212;
    font-weight: 400;
    margin-top: 6px;
}
.available-variables b {
    color: #121212;
    font-weight: 500;
}
.compose-communication-section select, .compose-communication-section input, select#emailTemplateSelect  {
    width: 100% ;
    max-width: 100% !important;
    height: 42px !important;
    border: 1px solid #cfcfcf;
    border-radius: 10px;
}
.compose-communication-section div.mce-edit-area {
    background: #FFF !important;
    filter: none;
    border-radius: 10px;
}
.compose-communication-section textarea {
    border: 1px solid #cfcfcf;
    border-radius: 10px;
}
button#communicationSmsSubmitBtn {
    float: right;
}
.communication-tabs {
    background: #edeefc;
    border-radius: 50px;
    padding: 5px 5px;
}
.communication-tab {
    font-size: 12px;
    padding: 4px 10px;
    background: rgba(237, 238, 252, 1);
    color: rgba(23, 31, 41, 1);
    border-radius: 50px;
}
.compose-communication-section button.btn.btn-sm.btn-dark.upload-btn {
    padding: 8px;
    background: #edeefc;
    color: #121212;
    border: 1px solid rgba(225, 225, 225, 1) !important;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.05);
    font-weight: 400;
	font-family: poppins;
}


@media screen and (max-width:767px)
{
	.communication-tabs {
    width: max-content;
}

}
/*************************************************** 10-11-2025 *****************************************/


.cardnu .project-description {
    max-height: 500px;
    overflow-y: scroll;
    overflow-x: hidden;
}
.mce-container, .mce-container, .mce-widget, .mce-widget, .mce-reset {

    white-space: pre-wrap !important;
}


/*********************************************** 18-11-25 ************************************************/

#ajaxClientTasks .add_and_export_notes button.btn, button.filter-btn-cst {
    border-radius: 10px;
    font-size: 14px;
    font-family: 'Inter';
    font-weight: 500;
    padding: 6px 10px 6px;
    height: auto;
}
#ajaxClientTasks .tsk_cst {
    display: flex;
    gap: 4px;
}
#ajaxClientTasks .add_and_export_notes button.btn i {
    border: 1px solid;
    border-radius: 50px;
    padding: 2px;
    font-size: 8px;
    margin-right: 2px;
}

#ajaxClientTasks .note-des-sec .page-notification {
    padding-top: 10px;
    padding-bottom: 20px;
}
#ajaxClientTasks .note-des-sec .page-notification img {
    width: 70px;
}
#ajaxClientTasks .note-des-sec .page-notification .title {
    font-size: 16px;
    font-weight: 400;
}
#ajaxClientTasks .note-des-sec .page-notification .sub-title {
    font-size: 13px;
}

#ajaxClientTasks span.tast_title.data-toggle-action-tooltip {
    font-size: 13px;
    white-space: break-spaces;
}
#ajaxClientTasks .client-task-due-date a {
    font-size: 11px !important;
	padding-left: 0;
}
#ajaxClientTasks .table.task_table span.calender-icon {
    padding-right: 2px;
}
#ajaxClientTasks span.calender-icon svg {
    width: 13px;
    height: 13px;
}
#ajaxClientTasks .client-task-assigned-users a {
    font-size: 12px !important;
	padding-left: 0px;
}
#ajaxClientTasks .client-task-assigned-users img {
    width: 20px !important;
    height: 20px !important;
	margin-right: 1px;
}
#ajaxClientTasks .assign-user-place-holder {
    width: 20px;
    height: 20px;
}
#ajaxClientTasks .client-task-assigned-users {
    display: flex;
    align-items: center;
    gap: 3px;
}
#ajaxClientTasks .client-task-action-section svg {
    width: 19px;
    height: 19px;
}

#ajaxClientTasks .client-task-action-section {
    position: absolute;
    right: 4px;
    top: 0px;
}
#ajaxClientTasks .task_title_ccst {
    width: 86%;
}
#ajaxClientTasks .checkitem.task_checkbox {
    position: relative;
}
#ajaxClientTasks .table .list-checkboxes label:after {
    height: 17px !important;
    width: 17px !important;
    border-radius: 6px;
}
 .client .container-fluid .row .col-xl-6 {
    padding-left: 5px;
    padding-right: 5px;
}
#ajaxClientTasks tfoot tr.client-row td
{
	border-top:none !important;
	padding-top: 0px;
}
#ajaxClientTasks div#task-team_see_more_button {
    padding-top: 2px !important;
}
#ajaxClientTasks .notes-top-section {
    align-items: center !important;
}
.client #ajaxClientTasks .table .list-checkboxes label:before {
    top: -1px !important;
}


@media screen and (max-width:767px)
{
	
	#ajaxClientTasks .checkitem.task_checkbox .d-flex {
    display: flex !important;
}
#ajaxClientTasks  table#tasks-td-container {
    display: table;
}
}


.signature_link {
    position: absolute;       
    top: 0;
    margin-left: -70px;             
    z-index: 9999;
    transition: top 0.3s ease;
}

@media (max-width: 767px) {
    .signature_link {
        left: 15px;
        right: auto;
        top: 0;
        transition: top 0.3s ease;
    }
}

#goToSignature {
    background: #7b00ff;
    color: #fff;
    padding: 6px 11px;
    border-radius: 6px;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
}
td.col_status.displayed span.label.label-outline-primary {
    /* border-radius: 25px; */
    padding: 5px 16px;
    border-radius: 30px;
    border: 1px solid;
    font-size: 12px;
    font-weight: 600;
    line-height: 20px;
}
.client_status span.status-badge {
    padding: 3px 7px;
    border-radius: 30px;
    border: 1px solid;
    font-size: 12px;
    font-weight: 600;
    line-height: 20px;
}
.call-log-box .table td {
    white-space: nowrap;
    color: #121212;
    font-size: 12px;
}


body .cardnu.right-panel .task-box button.add-edit-task-button i.ti-plus {	margin-right: 2px !important;margin-left: 2px;position: relative !important;top: -2px !important;
}
/* div#bottomnav-logo-container img.logo-large {
    position: absolute;
    bottom: 10px;
    left: 60px;
} */
#sidebarnav {
    padding-bottom: 50px;
}
.sample-ribbon {
    position: absolute;
    bottom: -4px;
    right: -47px;
    background: #7b00ff;
    color: #fff;
    padding: 6px 40px;
    font-size: 10px;
    font-weight: bold;
    transform: rotate(-45deg);
    box-shadow: 0px 2px 6px rgba(0,0,0,0.2);
    z-index: 10;
}
.samples_title_des_sec {
    position: relative; /* required for absolute ribbon */
}
.add_and_export_notes.tsk_cst.client-task {
    align-items: center;
}
.add_and_export_notes.tsk_cst.client-task a.data-toggle-action-tooltip.btn.btn-danger {
    padding: 4px 11px 2px !important;
    height: auto;
    line-height: 27px;
    border-radius: 10px;
    font-size: 18px;
    font-family: 'Inter';
    font-weight: 500;
}
form#client-tasks-filter-form span.select2-selection.select2-selection--multiple {
    padding: 7px;
}
a.filter-reset-btn-cst.btn.btn-light.btn-sm {
    border-radius: 10px;
    font-size: 14px;
    font-family: 'Inter';
    font-weight: 500;
    padding: 6px 10px 6px;
    height: auto;
}
.task_table_cst ul.nav.nav-tabs {
    gap: 10px;
}
.task_table_cst ul.nav.nav-tabs li.nav-item {
    background: #f0f5fd;
    margin-bottom: 5px;
	border-radius: 6px;
}
.task_table_cst ul.nav.nav-tabs li.nav-item a {
    color: #121212 !important;
	border-radius: 6px;
}
.task_table_cst ul.nav.nav-tabs li.nav-item a.nav-link.active.js-tab-link {
    background: #7b00ff;
    border-radius: 6px;
	color: #fff !important;
}
.profile_name_sec .client_status .select2-container--bootstrap {
    display: block;
    min-width: 110px !important;
}
.select2-results__options {
    scrollbar-width: none;
}
span.priority-badge.label-outline-default  {
    color: #9dabb3;
    background-color: #f5f5f5;
    border-color: #9dabb3;
    padding: 5px 16px;
    border-radius: 30px;
    border: 1px solid;
    font-size: 12px;
    font-weight: 600;
    line-height: 20px;
}



.overview_growth .text-muted.small {
    color: #fff !important;
    font-size: 13px;
    font-weight: 600;
}

/* GRID WRAPPER */
.overview_growth {
    display: grid;
    gap: 14px;
    grid-template-columns: repeat(2, 1fr); /* Mobile default */
}

/* Tablet (≥ 576px to < 992px) */
@media (min-width: 576px) {
    .overview_growth {
        grid-template-columns: repeat(3, 1fr);
    }
}

/* Desktop (≥ 1200px) */
@media (min-width: 1200px) {
    .overview_growth {
        grid-template-columns: repeat(7, 1fr);
    }
	.box-overview {
    max-height: 120px;
}
}

/* Ensure Boxes stretch full height */
.box-overview .card {
    height: 100%;
    border-radius: 10px;
    justify-content: space-between;
    background: #7b00ff;
    color: #fff;
    border: 2px solid #7b00ff85;
    box-shadow: 0px 0px 6px #7b00ff69 !important;
}
.box-overview .display-6 {
    font-size: 22px !important;
}
.reports-list-page-filter-container input.form-control {
    height: 40px;
    font-size: 14px;
    min-height: 40px;
    border-radius: 10px;
}
form.report-form.form-inline.row.gy-2.gx-3.align-items-center {
    justify-content: space-between;
	gap: 10px;
}
.form_field {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}
.search {
    min-width: 230px;
}
.employe span.select2.select2-container.select2-container--bootstrap {
    width: 100px !important;
}
.employe {
    max-width: 100px;
}
.form_field .alll {
    width: 150px !important;
}
.form_field .alll span.select2.select2-container.select2-container--bootstrap {
    width: 150px !important;
}

.filetr-btn .filter-btn-cst {
	border-radius: 10px;
    font-size: 14px;
    font-family: 'Inter';
    font-weight: 500;
    padding: 6px 10px 6px;
    height: auto;
	background:#7b00ff !important;
	color:#fff !important;
}

.reset-btn .filter-btn-cst {
	border-radius: 10px;
    font-size: 14px;
    font-family: 'Inter';
    font-weight: 500;
    padding: 6px 10px 6px;
    height: auto;
}

.box-overview .card i {
    background: #a768eb;
    padding: 9px;
    width: 30px;
    margin: 0px auto !important;
    text-align: center;
    align-items: center;
    height: 30px;
    border-radius: 50px;
    font-size: 12px;
    color: #fff !important;
    /* line-height: 33px; */
}
.box-overview .card i:before {
    position: relative;
    top: 1px !important;
}


.box-overview .card .text-muted.small {
    display: flex;
    align-items: center;
    text-align: left;
    gap: 6px;
}
/* === GROUP BACKGROUNDS (FIRST ROW) === */

/* === GROUP BACKGROUNDS (FIRST ROW) === */



/* --- OUTREACH ATTEMPTS (TH) --- */

:root {
    --clr-outreach: #ffede1;  /* Outreach Attempts */
    --clr-clients:  #ebd9ff;  /* Clients */
    --clr-notes:    #dbdeff;  /* Notes */
    --clr-tasks:    #dbeeff;  /* Tasks */
}


#report-results-table thead tr:nth-child(1) th:nth-child(2),
#report-results-table thead tr:nth-child(2) th:nth-child(2),
#report-results-table thead tr:nth-child(2) th:nth-child(3),
#report-results-table thead tr:nth-child(2) th:nth-child(4) {
    background-color: var(--clr-outreach) !important;
}

/* --- CLIENTS (TH) --- */
#report-results-table thead tr:nth-child(1) th:nth-child(3),
#report-results-table thead tr:nth-child(2) th:nth-child(5) {
    background-color: var(--clr-clients) !important;
}

/* --- NOTES (TH) --- */
#report-results-table thead tr:nth-child(1) th:nth-child(4),
#report-results-table thead tr:nth-child(2) th:nth-child(6) {
    background-color: var(--clr-notes) !important;
}

/* --- TASKS (TH) --- */
#report-results-table thead tr:nth-child(1) th:nth-child(5),
#report-results-table thead tr:nth-child(2) th:nth-child(7),
#report-results-table thead tr:nth-child(2) th:nth-child(8) {
    background-color: var(--clr-tasks) !important;
}

/* OUTREACH ATTEMPTS (TD COLS 2,3,4) */
#report-results-table tbody td:nth-child(2),
#report-results-table tbody td:nth-child(3),
#report-results-table tbody td:nth-child(4) {
    background-color: var(--clr-outreach) !important;
}

/* CLIENTS (TD COL 5) */
#report-results-table tbody td:nth-child(5) {
    background-color: var(--clr-clients) !important;
}

/* NOTES (TD COL 6) */
#report-results-table tbody td:nth-child(6) {
    background-color: var(--clr-notes) !important;
}

/* TASKS (TD COL 7,8) */
#report-results-table tbody td:nth-child(7),
#report-results-table tbody td:nth-child(8) {
    background-color: var(--clr-tasks) !important;
}
span.alert_text {
    font-size: 12px;
}
a.sms_alert_text {
    display: flex ;
    align-items: center;
    gap: 5px;
}
header.topbar ul.navbar-nav.mr-auto {
    width: auto;
}

/* th.text-center.reports-th-heading.tablesorter-header.tablesorter-headerUnSorted {
    background: #7b00ff30;
}


#report-results-table thead tr:nth-child(1) th:nth-child(2),
#report-results-table thead tr:nth-child(2) th:nth-child(2),
#report-results-table thead tr:nth-child(2) th:nth-child(3),
#report-results-table thead tr:nth-child(2) th:nth-child(4) {
    background: #f2f2f2 !important;
	border:1px solid red;
}


#report-results-table thead tr:nth-child(1) th:nth-child(3),
#report-results-table thead tr:nth-child(2) th:nth-child(5) {
    background: #e7e7e7 !important;
}


#report-results-table thead tr:nth-child(1) th:nth-child(4),
#report-results-table thead tr:nth-child(2) th:nth-child(6) {
    background: #f2f2f2 !important;
}


#report-results-table thead tr:nth-child(1) th:nth-child(5),
#report-results-table thead tr:nth-child(2) th:nth-child(7),
#report-results-table thead tr:nth-child(2) th:nth-child(8) {
    background: #e7e7e7 !important;
}
 */
 
 
 div#launchpads-stats-wrapper div#list-pages-stats-widget {
    gap: 9px;
	box-shadow: none !important;
}

div#launchpads-stats-wrapper div#list-pages-stats-widget .card {
    border-radius: 15px !important;
    border: 1px solid #efefef;
}
div#launchpads-stats-wrapper .card .card-body .col-12.d-flex svg {
    background: #e1e1e1;
    border-radius: 50px;
    padding: 6px;
    width: 30px;
    height: 30px;
    font-size: 12px !important;
}
.col-12.d-flex.state-content {
    gap: 10px;
}
#launchpads-stats-wrapper .card .card-subtitle {
    font-weight: 500;
    margin-bottom: 3px;
    color: #000000;
    margin-top: 0;
}
.state_title h3 {
    margin-bottom: 0px;
}
div#launchpads-stats-wrapper {
    margin-bottom: 10px !important;
}

.card.p-3.launchpad-project-info-section .info-item .profile-info-text {
    display: flex;
    flex-direction: column !important;
    margin-bottom: 12px;
    gap: 3px;
    width: max-content !important;
}
.cardnu .card.main {
    margin-bottom: 0px !important;
}
.client-Info-see, .active-status {
    gap: 15px;
}

.btn-sm.copy-btn {
    padding: 0;
    font-size: 15px;
    color: #7a7a7a;
    font-weight: 100;
}
@media screen and (max-width:767px)
{
	div#launchpads-stats-wrapper div#list-pages-stats-widget .card {
    margin-bottom: 10px !important;
}
div#launchpads-stats-wrapper  div#list-pages-stats-widget {
    background: transparent !important;
}
}