/*-------------------------------------------------
	Style file contain theme components style
-------------------------------------------------*/
/*@import url(https://fonts.googleapis.com/css?family=Muli:300,300i,400,400i,500,600);*/
/* @import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap'); */
/*fonts :: added */
/* latin-ext */
@import url('https://fonts.googleapis.com/css2?family=Baumans&display=swap');

@font-face {
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 100;
    font-display: swap;
    src: url(../../fonts/Poppins/pxiAyp8kv8JHgFVrJJLmE0tMMPKzSQ.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, 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(../../fonts/Poppins/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+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  /* latin-ext */
  @font-face {
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 200;
    font-display: swap;
    src: url(../../fonts/Poppins/pxiDyp8kv8JHgFVrJJLmv1pVGdeOcEg.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, 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(../../fonts/Poppins/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+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  /* latin-ext */
  @font-face {
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: url(../../fonts/Poppins/pxiDyp8kv8JHgFVrJJLm21lVGdeOcEg.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, 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(../../fonts/Poppins/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+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  /* latin-ext */
  @font-face {
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url(../../fonts/Poppins/pxiGyp8kv8JHgFVrJJLufntAKPY.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, 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(../../fonts/Poppins/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+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  /* latin-ext */
  @font-face {
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 500;
    font-display: swap;
    src: url(../../fonts/Poppins/pxiDyp8kv8JHgFVrJJLmg1hVGdeOcEg.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, 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(../../fonts/Poppins/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+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  /* latin-ext */
  @font-face {
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 600;
    font-display: swap;
    src: url(../../fonts/Poppins/pxiDyp8kv8JHgFVrJJLmr19VGdeOcEg.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, 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(../../fonts/Poppins/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+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  /* latin-ext */
  @font-face {
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url(../../fonts/Poppins/pxiDyp8kv8JHgFVrJJLmy15VGdeOcEg.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, 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(../../fonts/Poppins/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+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  /* latin-ext */
  @font-face {
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 800;
    font-display: swap;
    src: url(../../fonts/Poppins/pxiDyp8kv8JHgFVrJJLm111VGdeOcEg.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, 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(../../fonts/Poppins/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+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  /* latin-ext */
  @font-face {
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 900;
    font-display: swap;
    src: url(../../fonts/Poppins/pxiDyp8kv8JHgFVrJJLm81xVGdeOcEg.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, 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(../../fonts/Poppins/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+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  /* latin-ext */
  @font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 100;
    font-display: swap;
    src: url(../../fonts/Poppins/pxiGyp8kv8JHgFVrLPTufntAKPY.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, 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(../../fonts/Poppins/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+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  /* latin-ext */
  @font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 200;
    font-display: swap;
    src: url(../../fonts/Poppins/pxiByp8kv8JHgFVrLFj_Z1JlFc-K.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, 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(../../fonts/Poppins/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+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  /* latin-ext */
  @font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(../../fonts/Poppins/pxiByp8kv8JHgFVrLDz8Z1JlFc-K.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, 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(../../fonts/Poppins/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+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  /* latin-ext */
  @font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../../fonts/Poppins/pxiEyp8kv8JHgFVrJJnecmNE.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, 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(../../fonts/Poppins/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+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  /* latin-ext */
  @font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(../../fonts/Poppins/pxiByp8kv8JHgFVrLGT9Z1JlFc-K.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, 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(../../fonts/Poppins/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+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  /* latin-ext */
  @font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(../../fonts/Poppins/pxiByp8kv8JHgFVrLEj6Z1JlFc-K.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, 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(../../fonts/Poppins/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+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  /* latin-ext */
  @font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(../../fonts/Poppins/pxiByp8kv8JHgFVrLCz7Z1JlFc-K.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, 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(../../fonts/Poppins/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+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  /* latin-ext */
  @font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url(../../fonts/Poppins/pxiByp8kv8JHgFVrLDD4Z1JlFc-K.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, 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(../../fonts/Poppins/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+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  /* latin-ext */
  @font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(../../fonts/Poppins/pxiByp8kv8JHgFVrLBT5Z1JlFc-K.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, 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(../../fonts/Poppins/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+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
/* vietnamese */
@font-face {
    font-family: 'Public Sans';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(../fonts/font/publicSans/ijwRs572Xtc6ZYQws9YVwnNJfJ7Cww.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: 'Public Sans';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(font/publicSans/ijwRs572Xtc6ZYQws9YVwnNIfJ7Cww.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Public Sans';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(../fonts/font/publicSans/ijwRs572Xtc6ZYQws9YVwnNGfJ4.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+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
    font-family: 'Public Sans';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(../fonts/font/publicSans/ijwRs572Xtc6ZYQws9YVwnNJfJ7Cww.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: 'Public Sans';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(../fonts/font/publicSans/ijwRs572Xtc6ZYQws9YVwnNIfJ7Cww.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Public Sans';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(../fonts/font/publicSans/ijwRs572Xtc6ZYQws9YVwnNGfJ4.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+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
    font-family: 'Public Sans';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(../fonts/font/publicSans/ijwRs572Xtc6ZYQws9YVwnNJfJ7Cww.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: 'Public Sans';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(../fonts/font/publicSans/ijwRs572Xtc6ZYQws9YVwnNIfJ7Cww.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Public Sans';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(../fonts/font/publicSans/ijwRs572Xtc6ZYQws9YVwnNGfJ4.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+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Commomn varibales :: BEGIN */
:root{
    --ec-primary-color: #13a1dc;
    --ec-primary-opacity50: rgb(28 132 238 / 50%);
    --ec-text-color: #231f20;
    --ec-title-color: #545a6d;
    --ec-secondary-color: #2c2c2c;
    --ec-active-green-color:#d61276;
    --ec-primary-hover: rgb(22, 88, 153);
    --ec-rgba-primary-3: rgba(13, 153, 255, 0.3);
    --ec-rgba-primary-4: rgba(13, 153, 255, 0.4);
    --ec-primary-rgba-1: rgba(13, 153, 255, 0.05);
    --ec-white-text: #fff;
    --ec-gray-font: #231f20;
    --ec-color-gray-700: #7a7a7a;
    --ec-color-gray-500: #828690;
    --ec-color-gray-400: #9f9f9f;
    --ec-color-gray-200: #dfdfdf;
    --ec-color-gray-100: #f4f5f8;
    --ec-hover-transparent: #00000009;
    /* --ec-box-shadow-color: rgb(0 0 0 / 6%); */
    --ec-box-shadow-color: #dce1e5;
    --ec-multiple-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),
        0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
    --font-family:  "Baumans", system-ui !important;
}
body{
    font-family: var(--theme-fonts) !important;
}

/* Commomn varibales :: END */
.materialize-red {
    background-color: var(--ec-primary-color) !important;
}

a {
    text-decoration: none;
    color:var(--ec-primary-color);
    -webkit-tap-highlight-color: transparent;
}

.w-100{
    width: 100%;
}

.reset-password-form .form-group{
    width: 100%;
}
body, button,
input,
optgroup,
select,
textarea {
    font-family: var(--font-family) !important;
}
/*.dataTables_scrollHeadInner {
   width: 100% !important;
}*/
#main .section-data-tables .dataTables_wrapper table.dataTable thead th, #main .section-data-tables .dataTables_wrapper table.dataTable thead th.width-10{
    min-width: auto !important;
}
.section-data-tables .dataTables_wrapper table.dataTable thead th {
    /* min-width: 100px !important; */
    color: #212B36!important;
    font-size: 14px;
    font-weight: 500 !important;
}
table thead th a, table td a{
    /* color: var(--ec-primary-color) !important; */
    color: #212B36!important;
    font-weight: 500 !important;

}
table td i{
    color: var(--ec-text-color) !important;
    font-size: 16px !important;
}
table td i:hover{
    color: var(--ec-primary-color) !important;
    font-size: 16px !important;
}
.copy-job{
    color:#FF4B56;
    cursor: pointer

}
.align-left{
    text-align: left !important;
}
.waves-effect .waves-ripple {
    background: var(--ec-rgba-primary-3);
}
.help-block {
    color: #d32f2f !important;
    font-size: small;
}

.next > a:first-child {
    display: none !important;
}

.nav-collapsed .logo-wrapper .brand-logo {
    display: none;
    -webkit-transition: .3s ease all;
    -moz-transition: .3s ease all;
    -o-transition: .3s ease all;
    transition: .3s ease all;
}

.calender-icon input{
    background-image: url('../../images/calendar.png');
    background-repeat: no-repeat;
    background-size: 20px 20px;
    background-position: 98%;
} 

.nav-expanded .logo-wrapper .brand-logo {
    display: block;
}

.materialize-red-text {
    color: #e51c23 !important;
}

.materialize-red.lighten-5 {
    background-color: #fdeaeb !important;
}

.materialize-red-text.text-lighten-5 {
    color: #fdeaeb !important;
}

.materialize-red.lighten-4 {
    background-color: #f8c1c3 !important;
}

.materialize-red-text.text-lighten-4 {
    color: #f8c1c3 !important;
}

.materialize-red.lighten-3 {
    background-color: #f3989b !important;
}

.materialize-red-text.text-lighten-3 {
    color: #f3989b !important;
}

.materialize-red.lighten-2 {
    background-color: #ee6e73 !important;
}

.materialize-red-text.text-lighten-2 {
    color: #ee6e73 !important;
}

.materialize-red.lighten-1 {
    background-color: #ea454b !important;
}

.materialize-red-text.text-lighten-1 {
    color: #ea454b !important;
}

.materialize-red.darken-1 {
    background-color: #d0181e !important;
}

.materialize-red-text.text-darken-1 {
    color: #d0181e !important;
}

.materialize-red.darken-2 {
    background-color: #b9151b !important;
}

.materialize-red-text.text-darken-2 {
    color: #b9151b !important;
}

.materialize-red.darken-3 {
    background-color: #a21318 !important;
}

.materialize-red-text.text-darken-3 {
    color: #a21318 !important;
}

.materialize-red.darken-4 {
    background-color: #8b1014 !important;
}

.materialize-red-text.text-darken-4 {
    color: #8b1014 !important;
}

.red {
    background-color: #f44336 !important;
}

.red-text {
    color: #f44336 !important;
}

.red.lighten-5 {
    background-color: #ffebee !important;
}

.red-text.text-lighten-5 {
    color: #ffebee !important;
}

.red.lighten-4 {
    background-color: #ffcdd2 !important;
}

.red-text.text-lighten-4 {
    color: #ffcdd2 !important;
}

.red.lighten-3 {
    background-color: #ef9a9a !important;
}

.red-text.text-lighten-3 {
    color: #ef9a9a !important;
}

.red.lighten-2 {
    background-color: #e57373 !important;
}

.red-text.text-lighten-2 {
    color: #e57373 !important;
}

.red.lighten-1 {
    background-color: #ef5350 !important;
}

.red-text.text-lighten-1 {
    color: #ef5350 !important;
}

.red.darken-1 {
    background-color: #e53935 !important;
}

.red-text.text-darken-1 {
    color: #e53935 !important;
}

.red.darken-2 {
    background-color: #d32f2f !important;
}

.red-text.text-darken-2 {
    color: #d32f2f !important;
}

.red.darken-3 {
    background-color: #c62828 !important;
}

.red-text.text-darken-3 {
    color: #c62828 !important;
}

.red.darken-4 {
    background-color: #b71c1c !important;
}

.red-text.text-darken-4 {
    color: #b71c1c !important;
}

.red.accent-1 {
    background-color: #ff8a80 !important;
}

.red-text.text-accent-1 {
    color: #ff8a80 !important;
}

.red.accent-2 {
    background-color: #ff5252 !important;
}

.red-text.text-accent-2 {
    color: #ff5252 !important;
}

.red.accent-3 {
    background-color: #ff1744 !important;
}

.red-text.text-accent-3 {
    color: #ff1744 !important;
}

.red.accent-4 {
    background-color: #d50000 !important;
}

.red-text.text-accent-4 {
    color: #d50000 !important;
}

.pink {
    background-color: #e91e63 !important;
}

.pink-text {
    color: #e91e63 !important;
}

.pink.lighten-5 {
    background-color: #fce4ec !important;
}

.pink-text.text-lighten-5 {
    color: #fce4ec !important;
}

.pink.lighten-4 {
    background-color: #f8bbd0 !important;
}

.pink-text.text-lighten-4 {
    color: #f8bbd0 !important;
}

.pink.lighten-3 {
    background-color: #f48fb1 !important;
}

.pink-text.text-lighten-3 {
    color: #f48fb1 !important;
}

.pink.lighten-2 {
    background-color: #f06292 !important;
}

.pink-text.text-lighten-2 {
    color: #f06292 !important;
}

.pink.lighten-1 {
    background-color: #ec407a !important;
}

.pink-text.text-lighten-1 {
    color: #ec407a !important;
}

.pink.darken-1 {
    background-color: #d81b60 !important;
}

.pink-text.text-darken-1 {
    color: #d81b60 !important;
}

.pink.darken-2 {
    background-color: #c2185b !important;
}

.pink-text.text-darken-2 {
    color: #c2185b !important;
}

.pink.darken-3 {
    background-color: #ad1457 !important;
}

.pink-text.text-darken-3 {
    color: #ad1457 !important;
}

.pink.darken-4 {
    background-color: #880e4f !important;
}

.pink-text.text-darken-4 {
    color: #880e4f !important;
}

.pink.accent-1 {
    background-color: #ff80ab !important;
}

.pink-text.text-accent-1 {
    color: #ff80ab !important;
}

.pink.accent-2 {
    background-color: #ff4081 !important;
}

.pink-text.text-accent-2 {
    color: #ff4081 !important;
}

.pink.accent-3 {
    background-color: #f50057 !important;
}

.pink-text.text-accent-3 {
    color: #f50057 !important;
}

.pink.accent-4 {
    background-color: #c51162 !important;
}

.pink-text.text-accent-4 {
    color: #c51162 !important;
}

.purple {
    background-color: #9c27b0 !important;
}

.purple-text {
    color: #9c27b0 !important;
}

.purple.lighten-5 {
    background-color: #f3e5f5 !important;
}

.purple-text.text-lighten-5 {
    color: #f3e5f5 !important;
}

.purple.lighten-4 {
    background-color: #e1bee7 !important;
}

.purple-text.text-lighten-4 {
    color: #e1bee7 !important;
}

.purple.lighten-3 {
    background-color: #ce93d8 !important;
}

.purple-text.text-lighten-3 {
    color: #ce93d8 !important;
}

.purple.lighten-2 {
    background-color: #ba68c8 !important;
}

.purple-text.text-lighten-2 {
    color: #ba68c8 !important;
}

.purple.lighten-1 {
    background-color: #ab47bc !important;
}

.purple-text.text-lighten-1 {
    color: #ab47bc !important;
}

.purple.darken-1 {
    background-color: #8e24aa !important;
}

.purple-text.text-darken-1 {
    color: #8e24aa !important;
}

.purple.darken-2 {
    background-color: #7b1fa2 !important;
}

.purple-text.text-darken-2 {
    color: #7b1fa2 !important;
}

.purple.darken-3 {
    background-color: #6a1b9a !important;
}

.purple-text.text-darken-3 {
    color: #6a1b9a !important;
}

.purple.darken-4 {
    background-color: #4a148c !important;
}

.purple-text.text-darken-4 {
    color: #4a148c !important;
}

.purple.accent-1 {
    background-color: #ea80fc !important;
}

.purple-text.text-accent-1 {
    color: #ea80fc !important;
}

.purple.accent-2 {
    background-color: #e040fb !important;
}

.purple-text.text-accent-2 {
    color: #e040fb !important;
}

.purple.accent-3 {
    background-color: #d500f9 !important;
}

.purple-text.text-accent-3 {
    color: #d500f9 !important;
}

.purple.accent-4 {
    background-color: #a0f !important;
}

.purple-text.text-accent-4 {
    color: #a0f !important;
}

.deep-purple {
    background-color: #673ab7 !important;
}

.deep-purple-text {
    color: #673ab7 !important;
}

.deep-purple.lighten-5 {
    background-color: #ede7f6 !important;
}

.deep-purple-text.text-lighten-5 {
    color: #ede7f6 !important;
}

.deep-purple.lighten-4 {
    background-color: #d1c4e9 !important;
}

.deep-purple-text.text-lighten-4 {
    color: #d1c4e9 !important;
}

.deep-purple.lighten-3 {
    background-color: #b39ddb !important;
}

.deep-purple-text.text-lighten-3 {
    color: #b39ddb !important;
}

.deep-purple.lighten-2 {
    background-color: #9575cd !important;
}

.deep-purple-text.text-lighten-2 {
    color: #9575cd !important;
}

.deep-purple.lighten-1 {
    background-color: #7e57c2 !important;
}

.deep-purple-text.text-lighten-1 {
    color: #7e57c2 !important;
}

.deep-purple.darken-1 {
    background-color: #5e35b1 !important;
}

.deep-purple-text.text-darken-1 {
    color: #5e35b1 !important;
}

.deep-purple.darken-2 {
    background-color: #512da8 !important;
}

.deep-purple-text.text-darken-2 {
    color: #512da8 !important;
}

.deep-purple.darken-3 {
    background-color: #4527a0 !important;
}

.deep-purple-text.text-darken-3 {
    color: #4527a0 !important;
}

.deep-purple.darken-4 {
    background-color: #311b92 !important;
}

.deep-purple-text.text-darken-4 {
    color: #311b92 !important;
}

.deep-purple.accent-1 {
    background-color: #b388ff !important;
}

.deep-purple-text.text-accent-1 {
    color: #b388ff !important;
}

.deep-purple.accent-2 {
    background-color: #7c4dff !important;
}

.deep-purple-text.text-accent-2 {
    color: #7c4dff !important;
}

.deep-purple.accent-3 {
    background-color: #651fff !important;
}

.deep-purple-text.text-accent-3 {
    color: #651fff !important;
}

.deep-purple.accent-4 {
    background-color: #6200ea !important;
}

.deep-purple-text.text-accent-4 {
    color: #6200ea !important;
}

.indigo {
    background-color: #3f51b5 !important;
}

.indigo-text {
    color: #3f51b5 !important;
}

.indigo.lighten-5 {
    background-color: #e8eaf6 !important;
}

.indigo-text.text-lighten-5 {
    color: #e8eaf6 !important;
}

.indigo.lighten-4 {
    background-color: #c5cae9 !important;
}

.indigo-text.text-lighten-4 {
    color: #c5cae9 !important;
}

.indigo.lighten-3 {
    background-color: #9fa8da !important;
}

.indigo-text.text-lighten-3 {
    color: #9fa8da !important;
}

.indigo.lighten-2 {
    background-color: #7986cb !important;
}

.indigo-text.text-lighten-2 {
    color: #7986cb !important;
}

.indigo.lighten-1 {
    background-color: #5c6bc0 !important;
}

.indigo-text.text-lighten-1 {
    color: #5c6bc0 !important;
}

.indigo.darken-1 {
    background-color: #3949ab !important;
}

.indigo-text.text-darken-1 {
    color: #3949ab !important;
}

.indigo.darken-2 {
    background-color: #303f9f !important;
}

.indigo-text.text-darken-2 {
    color: #303f9f !important;
}

.indigo.darken-3 {
    background-color: #283593 !important;
}

.indigo-text.text-darken-3 {
    color: #283593 !important;
}

.indigo.darken-4 {
    background-color: #1a237e !important;
}

.indigo-text.text-darken-4 {
    color: #1a237e !important;
}

.indigo.accent-1 {
    background-color: #8c9eff !important;
}

.indigo-text.text-accent-1 {
    color: #8c9eff !important;
}

.indigo.accent-2 {
    background-color: #536dfe !important;
}

.indigo-text.text-accent-2 {
    color: #536dfe !important;
}

.indigo.accent-3 {
    background-color: #3d5afe !important;
}

.indigo-text.text-accent-3 {
    color: #3d5afe !important;
}

.indigo.accent-4 {
    background-color: #304ffe !important;
}

.indigo-text.text-accent-4 {
    color: #304ffe !important;
}

.blue {
    background-color: #2196f3 !important;
}

.blue-text {
    color: #2196f3 !important;
}

.blue.lighten-5 {
    background-color: #e3f2fd !important;
}

.blue-text.text-lighten-5 {
    color: #e3f2fd !important;
}

.blue.lighten-4 {
    background-color: #bbdefb !important;
}

.blue-text.text-lighten-4 {
    color: #bbdefb !important;
}

.blue.lighten-3 {
    background-color: #90caf9 !important;
}

.blue-text.text-lighten-3 {
    color: #90caf9 !important;
}

.blue.lighten-2 {
    background-color: #64b5f6 !important;
}

.blue-text.text-lighten-2 {
    color: #64b5f6 !important;
}

.blue.lighten-1 {
    background-color: #42a5f5 !important;
}

.blue-text.text-lighten-1 {
    color: #42a5f5 !important;
}

.blue.darken-1 {
    background-color: #1e88e5 !important;
}

.blue-text.text-darken-1 {
    color: #1e88e5 !important;
}

.blue.darken-2 {
    background-color: #1976d2 !important;
}

.blue-text.text-darken-2 {
    color: #1976d2 !important;
}

.blue.darken-3 {
    background-color: #1565c0 !important;
}

.blue-text.text-darken-3 {
    color: #1565c0 !important;
}

.blue.darken-4 {
    background-color: #0d47a1 !important;
}

.blue-text.text-darken-4 {
    color: #0d47a1 !important;
}

.blue.accent-1 {
    background-color: #82b1ff !important;
}

.blue-text.text-accent-1 {
    color: #82b1ff !important;
}

.blue.accent-2 {
    background-color: #448aff !important;
}

.blue-text.text-accent-2 {
    color: #448aff !important;
}

.blue.accent-3 {
    background-color: #2979ff !important;
}

.blue-text.text-accent-3 {
    color: #2979ff !important;
}

.blue.accent-4 {
    background-color: #2962ff !important;
}

.blue-text.text-accent-4 {
    color: #2962ff !important;
}

.light-blue {
    background-color: #03a9f4 !important;
}

.light-blue-text {
    color: #03a9f4 !important;
}

.light-blue.lighten-5 {
    background-color: #e1f5fe !important;
}

.light-blue-text.text-lighten-5 {
    color: #e1f5fe !important;
}

.light-blue.lighten-4 {
    background-color: #b3e5fc !important;
}

.light-blue-text.text-lighten-4 {
    color: #b3e5fc !important;
}

.light-blue.lighten-3 {
    background-color: #81d4fa !important;
}

.light-blue-text.text-lighten-3 {
    color: #81d4fa !important;
}

.light-blue.lighten-2 {
    background-color: #4fc3f7 !important;
}

.light-blue-text.text-lighten-2 {
    color: #4fc3f7 !important;
}

.light-blue.lighten-1 {
    background-color: #29b6f6 !important;
}

.light-blue-text.text-lighten-1 {
    color: #29b6f6 !important;
}

.light-blue.darken-1 {
    background-color: #039be5 !important;
}

.light-blue-text.text-darken-1 {
    color: #039be5 !important;
}

.light-blue.darken-2 {
    background-color: #0288d1 !important;
}

.light-blue-text.text-darken-2 {
    color: #0288d1 !important;
}

.light-blue.darken-3 {
    background-color: #0277bd !important;
}

.light-blue-text.text-darken-3 {
    color: #0277bd !important;
}

.light-blue.darken-4 {
    background-color: #01579b !important;
}

.light-blue-text.text-darken-4 {
    color: #01579b !important;
}

.light-blue.accent-1 {
    background-color: #80d8ff !important;
}

.light-blue-text.text-accent-1 {
    color: #80d8ff !important;
}

.light-blue.accent-2 {
    background-color: #40c4ff !important;
}

.light-blue-text.text-accent-2 {
    color: #40c4ff !important;
}

.light-blue.accent-3 {
    background-color: #00b0ff !important;
}

.light-blue-text.text-accent-3 {
    color: #00b0ff !important;
}

.light-blue.accent-4 {
    background-color: #0091ea !important;
}

.light-blue-text.text-accent-4 {
    color: #0091ea !important;
}

.cyan {
    background-color: #00bcd4 !important;
}

.cyan-text {
    color: #00bcd4 !important;
}

.cyan.lighten-5 {
    background-color: #e0f7fa !important;
}

.cyan-text.text-lighten-5 {
    color: #e0f7fa !important;
}

.cyan.lighten-4 {
    background-color: #b2ebf2 !important;
}

.cyan-text.text-lighten-4 {
    color: #b2ebf2 !important;
}

.cyan.lighten-3 {
    background-color: #80deea !important;
}

.cyan-text.text-lighten-3 {
    color: #80deea !important;
}

.cyan.lighten-2 {
    background-color: #4dd0e1 !important;
}

.cyan-text.text-lighten-2 {
    color: #4dd0e1 !important;
}

.cyan.lighten-1 {
    background-color: #26c6da !important;
}

.cyan-text.text-lighten-1 {
    color: #26c6da !important;
}

.cyan.darken-1 {
    background-color: #00acc1 !important;
}

.cyan-text.text-darken-1 {
    color: #00acc1 !important;
}

.cyan.darken-2 {
    background-color: #0097a7 !important;
}

.cyan-text.text-darken-2 {
    color: #0097a7 !important;
}

.cyan.darken-3 {
    background-color: #00838f !important;
}

.cyan-text.text-darken-3 {
    color: #00838f !important;
}

.cyan.darken-4 {
    background-color: #006064 !important;
}

.cyan-text.text-darken-4 {
    color: #006064 !important;
}

.cyan.accent-1 {
    background-color: #84ffff !important;
}

.cyan-text.text-accent-1 {
    color: #84ffff !important;
}

.cyan.accent-2 {
    background-color: #18ffff !important;
}

.cyan-text.text-accent-2 {
    color: #18ffff !important;
}

.cyan.accent-3 {
    background-color: #00e5ff !important;
}

.cyan-text.text-accent-3 {
    color: #00e5ff !important;
}

.cyan.accent-4 {
    background-color: #00b8d4 !important;
}

.cyan-text.text-accent-4 {
    color: #00b8d4 !important;
}

.teal {
    background-color: #009688 !important;
}

.teal-text {
    color: #009688 !important;
}

.teal.lighten-5 {
    background-color: #e0f2f1 !important;
}

.teal-text.text-lighten-5 {
    color: #e0f2f1 !important;
}

.teal.lighten-4 {
    background-color: #b2dfdb !important;
}

.teal-text.text-lighten-4 {
    color: #b2dfdb !important;
}

.teal.lighten-3 {
    background-color: #80cbc4 !important;
}

.teal-text.text-lighten-3 {
    color: #80cbc4 !important;
}

.teal.lighten-2 {
    background-color: #4db6ac !important;
}

.teal-text.text-lighten-2 {
    color: #4db6ac !important;
}

.teal.lighten-1 {
    background-color: #26a69a !important;
}

.teal-text.text-lighten-1 {
    color: #26a69a !important;
}

.teal.darken-1 {
    background-color: #00897b !important;
}

.teal-text.text-darken-1 {
    color: #00897b !important;
}

.teal.darken-2 {
    background-color: #00796b !important;
}

.teal-text.text-darken-2 {
    color: #00796b !important;
}

.teal.darken-3 {
    background-color: #00695c !important;
}

.teal-text.text-darken-3 {
    color: #00695c !important;
}

.teal.darken-4 {
    background-color: #004d40 !important;
}

.teal-text.text-darken-4 {
    color: #004d40 !important;
}

.teal.accent-1 {
    background-color: #a7ffeb !important;
}

.teal-text.text-accent-1 {
    color: #a7ffeb !important;
}

.teal.accent-2 {
    background-color: #64ffda !important;
}

.teal-text.text-accent-2 {
    color: #64ffda !important;
}

.teal.accent-3 {
    background-color: #1de9b6 !important;
}

.teal-text.text-accent-3 {
    color: #1de9b6 !important;
}

.teal.accent-4 {
    background-color: #00bfa5 !important;
}

.teal-text.text-accent-4 {
    color: #00bfa5 !important;
}

.green {
    background-color: #4caf50 !important;
}

.green-text {
    color: #4caf50 !important;
}

.green.lighten-5 {
    background-color: #e8f5e9 !important;
}

.green-text.text-lighten-5 {
    color: #e8f5e9 !important;
}

.green.lighten-4 {
    background-color: #c8e6c9 !important;
}

.green-text.text-lighten-4 {
    color: #c8e6c9 !important;
}

.green.lighten-3 {
    background-color: #a5d6a7 !important;
}

.green-text.text-lighten-3 {
    color: #a5d6a7 !important;
}

.green.lighten-2 {
    background-color: #81c784 !important;
}

.green-text.text-lighten-2 {
    color: #81c784 !important;
}

.green.lighten-1 {
    background-color: #66bb6a !important;
}

.green-text.text-lighten-1 {
    color: #66bb6a !important;
}

.green.darken-1 {
    background-color: #43a047 !important;
}

.green-text.text-darken-1 {
    color: #43a047 !important;
}

.green.darken-2 {
    background-color: #388e3c !important;
}

.green-text.text-darken-2 {
    color: #388e3c !important;
}

.green.darken-3 {
    background-color: #2e7d32 !important;
}

.green-text.text-darken-3 {
    color: #2e7d32 !important;
}

.green.darken-4 {
    background-color: #1b5e20 !important;
}

.green-text.text-darken-4 {
    color: #1b5e20 !important;
}

.green.accent-1 {
    background-color: #b9f6ca !important;
}

.green-text.text-accent-1 {
    color: #b9f6ca !important;
}

.green.accent-2 {
    background-color: #69f0ae !important;
}

.green-text.text-accent-2 {
    color: #69f0ae !important;
}

.green.accent-3 {
    background-color: #00e676 !important;
}

.green-text.text-accent-3 {
    color: #00e676 !important;
}

.green.accent-4 {
    background-color: #00c853 !important;
}

.green-text.text-accent-4 {
    color: #00c853 !important;
}

.light-green {
    background-color: #8bc34a !important;
}

.light-green-text {
    color: #8bc34a !important;
}

.light-green.lighten-5 {
    background-color: #f1f8e9 !important;
}

.light-green-text.text-lighten-5 {
    color: #f1f8e9 !important;
}

.light-green.lighten-4 {
    background-color: #dcedc8 !important;
}

.light-green-text.text-lighten-4 {
    color: #dcedc8 !important;
}

.light-green.lighten-3 {
    background-color: #c5e1a5 !important;
}

.light-green-text.text-lighten-3 {
    color: #c5e1a5 !important;
}

.light-green.lighten-2 {
    background-color: #aed581 !important;
}

.light-green-text.text-lighten-2 {
    color: #aed581 !important;
}

.light-green.lighten-1 {
    background-color: #9ccc65 !important;
}

.light-green-text.text-lighten-1 {
    color: #9ccc65 !important;
}

.light-green.darken-1 {
    background-color: #7cb342 !important;
}

.light-green-text.text-darken-1 {
    color: #7cb342 !important;
}

.light-green.darken-2 {
    background-color: #689f38 !important;
}

.light-green-text.text-darken-2 {
    color: #689f38 !important;
}

.light-green.darken-3 {
    background-color: #558b2f !important;
}

.light-green-text.text-darken-3 {
    color: #558b2f !important;
}

.light-green.darken-4 {
    background-color: #33691e !important;
}

.light-green-text.text-darken-4 {
    color: #33691e !important;
}

.light-green.accent-1 {
    background-color: #ccff90 !important;
}

.light-green-text.text-accent-1 {
    color: #ccff90 !important;
}

.light-green.accent-2 {
    background-color: #b2ff59 !important;
}

.light-green-text.text-accent-2 {
    color: #b2ff59 !important;
}

.light-green.accent-3 {
    background-color: #76ff03 !important;
}

.light-green-text.text-accent-3 {
    color: #76ff03 !important;
}

.light-green.accent-4 {
    background-color: #64dd17 !important;
}

.light-green-text.text-accent-4 {
    color: #64dd17 !important;
}

.lime {
    background-color: #cddc39 !important;
}

.lime-text {
    color: #cddc39 !important;
}

.lime.lighten-5 {
    background-color: #f9fbe7 !important;
}

.lime-text.text-lighten-5 {
    color: #f9fbe7 !important;
}

.lime.lighten-4 {
    background-color: #f0f4c3 !important;
}

.lime-text.text-lighten-4 {
    color: #f0f4c3 !important;
}

.lime.lighten-3 {
    background-color: #e6ee9c !important;
}

.lime-text.text-lighten-3 {
    color: #e6ee9c !important;
}

.lime.lighten-2 {
    background-color: #dce775 !important;
}

.lime-text.text-lighten-2 {
    color: #dce775 !important;
}

.lime.lighten-1 {
    background-color: #d4e157 !important;
}

.lime-text.text-lighten-1 {
    color: #d4e157 !important;
}

.lime.darken-1 {
    background-color: #c0ca33 !important;
}

.lime-text.text-darken-1 {
    color: #c0ca33 !important;
}

.lime.darken-2 {
    background-color: #afb42b !important;
}

.lime-text.text-darken-2 {
    color: #afb42b !important;
}

.lime.darken-3 {
    background-color: #9e9d24 !important;
}

.lime-text.text-darken-3 {
    color: #9e9d24 !important;
}

.lime.darken-4 {
    background-color: #827717 !important;
}

.lime-text.text-darken-4 {
    color: #827717 !important;
}

.lime.accent-1 {
    background-color: #f4ff81 !important;
}

.lime-text.text-accent-1 {
    color: #f4ff81 !important;
}

.lime.accent-2 {
    background-color: #eeff41 !important;
}

.lime-text.text-accent-2 {
    color: #eeff41 !important;
}

.lime.accent-3 {
    background-color: #c6ff00 !important;
}

.lime-text.text-accent-3 {
    color: #c6ff00 !important;
}

.lime.accent-4 {
    background-color: #aeea00 !important;
}

.lime-text.text-accent-4 {
    color: #aeea00 !important;
}

.yellow {
    background-color: #ffeb3b !important;
}

.yellow-text {
    color: #ffeb3b !important;
}

.yellow.lighten-5 {
    background-color: #fffde7 !important;
}

.yellow-text.text-lighten-5 {
    color: #fffde7 !important;
}

.yellow.lighten-4 {
    background-color: #fff9c4 !important;
}

.yellow-text.text-lighten-4 {
    color: #fff9c4 !important;
}

.yellow.lighten-3 {
    background-color: #fff59d !important;
}

.yellow-text.text-lighten-3 {
    color: #fff59d !important;
}

.yellow.lighten-2 {
    background-color: #fff176 !important;
}

.yellow-text.text-lighten-2 {
    color: #fff176 !important;
}

.yellow.lighten-1 {
    background-color: #ffee58 !important;
}

.yellow-text.text-lighten-1 {
    color: #ffee58 !important;
}

.yellow.darken-1 {
    background-color: #fdd835 !important;
}

.yellow-text.text-darken-1 {
    color: #fdd835 !important;
}

.yellow.darken-2 {
    background-color: #fbc02d !important;
}

.yellow-text.text-darken-2 {
    color: #fbc02d !important;
}

.yellow.darken-3 {
    background-color: #f9a825 !important;
}

.yellow-text.text-darken-3 {
    color: #f9a825 !important;
}

.yellow.darken-4 {
    background-color: #f57f17 !important;
}

.yellow-text.text-darken-4 {
    color: #f57f17 !important;
}

.yellow.accent-1 {
    background-color: #ffff8d !important;
}

.yellow-text.text-accent-1 {
    color: #ffff8d !important;
}

.yellow.accent-2 {
    background-color: #ff0 !important;
}

.yellow-text.text-accent-2 {
    color: #ff0 !important;
}

.yellow.accent-3 {
    background-color: #ffea00 !important;
}

.yellow-text.text-accent-3 {
    color: #ffea00 !important;
}

.yellow.accent-4 {
    background-color: #ffd600 !important;
}

.yellow-text.text-accent-4 {
    color: #ffd600 !important;
}

.amber {
    background-color: #ffc107 !important;
}

.amber-text {
    color: #ffc107 !important;
}

.amber.lighten-5 {
    background-color: #fff8e1 !important;
}

.amber-text.text-lighten-5 {
    color: #fff8e1 !important;
}

.amber.lighten-4 {
    background-color: #ffecb3 !important;
}

.amber-text.text-lighten-4 {
    color: #ffecb3 !important;
}

.amber.lighten-3 {
    background-color: #ffe082 !important;
}

.amber-text.text-lighten-3 {
    color: #ffe082 !important;
}

.amber.lighten-2 {
    background-color: #ffd54f !important;
}

.amber-text.text-lighten-2 {
    color: #ffd54f !important;
}

.amber.lighten-1 {
    background-color: #ffca28 !important;
}

.amber-text.text-lighten-1 {
    color: #ffca28 !important;
}

.amber.darken-1 {
    background-color: #ffb300 !important;
}

.amber-text.text-darken-1 {
    color: #ffb300 !important;
}

.amber.darken-2 {
    background-color: #ffa000 !important;
}

.amber-text.text-darken-2 {
    color: #ffa000 !important;
}

.amber.darken-3 {
    background-color: #ff8f00 !important;
}

.amber-text.text-darken-3 {
    color: #ff8f00 !important;
}

.amber.darken-4 {
    background-color: #ff6f00 !important;
}

.amber-text.text-darken-4 {
    color: #ff6f00 !important;
}

.amber.accent-1 {
    background-color: #ffe57f !important;
}

.amber-text.text-accent-1 {
    color: #ffe57f !important;
}

.amber.accent-2 {
    background-color: #ffd740 !important;
}

.amber-text.text-accent-2 {
    color: #ffd740 !important;
}

.amber.accent-3 {
    background-color: #ffc400 !important;
}

.amber-text.text-accent-3 {
    color: #ffc400 !important;
}

.amber.accent-4 {
    background-color: #ffab00 !important;
}

.amber-text.text-accent-4 {
    color: #ffab00 !important;
}

.orange {
    background-color: #ff9800 !important;
}

.orange-text {
    color: #ff9800 !important;
}

.orange.lighten-5 {
    background-color: #fff3e0 !important;
}

.orange-text.text-lighten-5 {
    color: #fff3e0 !important;
}

.orange.lighten-4 {
    background-color: #ffe0b2 !important;
}

.orange-text.text-lighten-4 {
    color: #ffe0b2 !important;
}

.orange.lighten-3 {
    background-color: #ffcc80 !important;
}

.orange-text.text-lighten-3 {
    color: #ffcc80 !important;
}

.orange.lighten-2 {
    background-color: #ffb74d !important;
}

.orange-text.text-lighten-2 {
    color: #ffb74d !important;
}

.orange.lighten-1 {
    background-color: #ffa726 !important;
}

.orange-text.text-lighten-1 {
    color: #ffa726 !important;
}

.orange.darken-1 {
    background-color: #fb8c00 !important;
}

.orange-text.text-darken-1 {
    color: #fb8c00 !important;
}

.orange.darken-2 {
    background-color: #f57c00 !important;
}

.orange-text.text-darken-2 {
    color: #f57c00 !important;
}

.orange.darken-3 {
    background-color: #ef6c00 !important;
}

.orange-text.text-darken-3 {
    color: #ef6c00 !important;
}

.orange.darken-4 {
    background-color: #e65100 !important;
}

.orange-text.text-darken-4 {
    color: #e65100 !important;
}

.orange.accent-1 {
    background-color: #ffd180 !important;
}

.orange-text.text-accent-1 {
    color: #ffd180 !important;
}

.orange.accent-2 {
    background-color: #ffab40 !important;
}

.orange-text.text-accent-2 {
    color: #ffab40 !important;
}

.orange.accent-3 {
    background-color: #ff9100 !important;
}

.orange-text.text-accent-3 {
    color: #ff9100 !important;
}

.orange.accent-4 {
    background-color: #ff6d00 !important;
}

.orange-text.text-accent-4 {
    color: #ff6d00 !important;
}

.deep-orange {
    background-color: #ff5722 !important;
}

.deep-orange-text {
    color: #ff5722 !important;
}

.deep-orange.lighten-5 {
    background-color: #fbe9e7 !important;
}

.deep-orange-text.text-lighten-5 {
    color: #fbe9e7 !important;
}

.deep-orange.lighten-4 {
    background-color: #ffccbc !important;
}

.deep-orange-text.text-lighten-4 {
    color: #ffccbc !important;
}

.deep-orange.lighten-3 {
    background-color: #ffab91 !important;
}

.deep-orange-text.text-lighten-3 {
    color: #ffab91 !important;
}

.deep-orange.lighten-2 {
    background-color: #ff8a65 !important;
}

.deep-orange-text.text-lighten-2 {
    color: #ff8a65 !important;
}

.deep-orange.lighten-1 {
    background-color: #ff7043 !important;
}

.deep-orange-text.text-lighten-1 {
    color: #ff7043 !important;
}

.deep-orange.darken-1 {
    background-color: #f4511e !important;
}

.deep-orange-text.text-darken-1 {
    color: #f4511e !important;
}

.deep-orange.darken-2 {
    background-color: #e64a19 !important;
}

.deep-orange-text.text-darken-2 {
    color: #e64a19 !important;
}

.deep-orange.darken-3 {
    background-color: #d84315 !important;
}

.deep-orange-text.text-darken-3 {
    color: #d84315 !important;
}

.deep-orange.darken-4 {
    background-color: #bf360c !important;
}

.deep-orange-text.text-darken-4 {
    color: #bf360c !important;
}

.deep-orange.accent-1 {
    background-color: #ff9e80 !important;
}

.deep-orange-text.text-accent-1 {
    color: #ff9e80 !important;
}

.deep-orange.accent-2 {
    background-color: #ff6e40 !important;
}

.deep-orange-text.text-accent-2 {
    color: #ff6e40 !important;
}

.deep-orange.accent-3 {
    background-color: #ff3d00 !important;
}

.deep-orange-text.text-accent-3 {
    color: #ff3d00 !important;
}

.deep-orange.accent-4 {
    background-color: #dd2c00 !important;
}

.deep-orange-text.text-accent-4 {
    color: #dd2c00 !important;
}

.brown {
    background-color: #795548 !important;
}

.brown-text {
    color: #795548 !important;
}

.brown.lighten-5 {
    background-color: #efebe9 !important;
}

.brown-text.text-lighten-5 {
    color: #efebe9 !important;
}

.brown.lighten-4 {
    background-color: #d7ccc8 !important;
}

.brown-text.text-lighten-4 {
    color: #d7ccc8 !important;
}

.brown.lighten-3 {
    background-color: #bcaaa4 !important;
}

.brown-text.text-lighten-3 {
    color: #bcaaa4 !important;
}

.brown.lighten-2 {
    background-color: #a1887f !important;
}

.brown-text.text-lighten-2 {
    color: #a1887f !important;
}

.brown.lighten-1 {
    background-color: #8d6e63 !important;
}

.brown-text.text-lighten-1 {
    color: #8d6e63 !important;
}

.brown.darken-1 {
    background-color: #6d4c41 !important;
}

.brown-text.text-darken-1 {
    color: #6d4c41 !important;
}

.brown.darken-2 {
    background-color: #5d4037 !important;
}

.brown-text.text-darken-2 {
    color: #5d4037 !important;
}

.brown.darken-3 {
    background-color: #4e342e !important;
}

.brown-text.text-darken-3 {
    color: #4e342e !important;
}

.brown.darken-4 {
    background-color: #3e2723 !important;
}

.brown-text.text-darken-4 {
    color: #3e2723 !important;
}

.blue-grey {
    background-color: #607d8b !important;
}

.blue-grey-text {
    color: #607d8b !important;
}

.blue-grey.lighten-5 {
    background-color: #eceff1 !important;
}

.blue-grey-text.text-lighten-5 {
    color: #eceff1 !important;
}

.blue-grey.lighten-4 {
    background-color: #cfd8dc !important;
}

.blue-grey-text.text-lighten-4 {
    color: #cfd8dc !important;
}

.blue-grey.lighten-3 {
    background-color: #b0bec5 !important;
}

.blue-grey-text.text-lighten-3 {
    color: #b0bec5 !important;
}

.blue-grey.lighten-2 {
    background-color: #90a4ae !important;
}

.blue-grey-text.text-lighten-2 {
    color: #90a4ae !important;
}

.blue-grey.lighten-1 {
    background-color: #78909c !important;
}

.blue-grey-text.text-lighten-1 {
    color: #78909c !important;
}

.blue-grey.darken-1 {
    background-color: #546e7a !important;
}

.blue-grey-text.text-darken-1 {
    color: #546e7a !important;
}

.blue-grey.darken-2 {
    background-color: #455a64 !important;
}

.blue-grey-text.text-darken-2 {
    color: #455a64 !important;
}

.blue-grey.darken-3 {
    background-color: #37474f !important;
}

.blue-grey-text.text-darken-3 {
    color: #37474f !important;
}

.blue-grey.darken-4 {
    background-color: #263238 !important;
}

.blue-grey-text.text-darken-4 {
    color: #263238 !important;
}

.grey {
    background-color: #9e9e9e !important;
}

.grey-text {
    color: #9e9e9e !important;
}

.grey.lighten-5 {
    background-color: #fafafa !important;
}

.grey-text.text-lighten-5 {
    color: #fafafa !important;
}

.grey.lighten-4 {
    background-color: #f5f5f5 !important;
}

.grey-text.text-lighten-4 {
    color: #f5f5f5 !important;
}

.grey.lighten-3 {
    background-color: #eee !important;
}

.grey-text.text-lighten-3 {
    color: #eee !important;
}

.grey.lighten-2 {
    background-color: #e0e0e0 !important;
}

.grey-text.text-lighten-2 {
    color: #e0e0e0 !important;
}

.grey.lighten-1 {
    background-color: #bdbdbd !important;
}

.grey-text.text-lighten-1 {
    color: #bdbdbd !important;
}

.grey.darken-1 {
    background-color: #757575 !important;
}

.grey.darken-2 {
    background-color: #616161 !important;
}

.grey-text.text-darken-2 {
    color: #616161 !important;
}

.grey.darken-3 {
    background-color: #424242 !important;
}

.grey-text.text-darken-3 {
    color: #424242 !important;
}

.grey.darken-4 {
    background-color: #212121 !important;
}

.grey-text.text-darken-4 {
    color: #212121 !important;
}

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

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

.white {
    background-color: var(--ec-white-text)!important;
}

.white-text {
    color: var(--ec-white-text)!important;
}

.transparent {
    background-color: transparent !important;
}

.transparent-text {
    color: transparent !important;
}

/*
  Autogenerated theme file
*/
.sidenav .collapsible-body > ul:not(.collapsible) > li.active a,
.sidenav.fixed .collapsible-body > ul:not(.collapsible) > li.active a {
    background: var(--ec-primary-rgba-1);
}

.horizontal-menu.app-page #main {
    min-height: -webkit-calc(100% - 180px);
    min-height: -moz-calc(100% - 180px);
    min-height: calc(100% - 180px);
}

.horizontal-menu.app-page #main .content-wrapper-before {
    top: 128px;
}

.horizontal-menu.app-page .sidebar .sidebar-content .sidebar-menu#sidebar-list {
    height: -webkit-calc(100vh - 370px);
    height: -moz-calc(100vh - 370px);
    height: calc(100vh - 370px);
}

.horizontal-menu.app-page .chat-application .chat-content-head {
    top: 35px;
    height: 53px;
}

.horizontal-menu.app-page .chat-application .app-chat .chat-content .chat-content-area .chat-area {
    height: -webkit-calc(100vh - 460px);
    height: -moz-calc(100vh - 460px);
    height: calc(100vh - 460px);
}

.horizontal-menu.app-page .app-todo .content-area .app-wrapper .todo-header {
    padding: 1.2rem 1.5rem .75rem 3%;
}

.horizontal-menu.app-page .content-area {
    margin-top: 45px;
}

.horizontal-menu.app-page .content-area .app-wrapper .dataTables_wrapper .dataTables_scroll .dataTables_scrollBody {
    height: -webkit-calc(100vh - 440px);
    height: -moz-calc(100vh - 440px);
    height: calc(100vh - 440px);
}

.select2-results__option{
    color: var(--ec-text-color) !important;
}

.tabs .tab a:hover, .tabs .tab a.active, .tab a {
    color: var(--ec-primary-color) !important;
}

.switch label input[type=checkbox]:checked + .lever {
    background-color: var(--ec-primary-opacity50);
}
.switch label input[type=checkbox]:checked + .lever:after{
    background-color: var(--ec-primary-hover);
}
.border-top-dashed{
    border-top: 1px dashed var(--ec-color-gray-200);
}
.card-content .panel-title {
    color: var(--ec-primary-color);
    font-size: 18px;
    font-weight: 500;
}
#range .input-field{
    margin-top: 0;
}
.text-center{
    text-align: center;
}
.In {
    background-color: var(--ec-primary-color);
}
.datepicker-date-display, .datepicker-table td.is-selected{
    background-color: var(--ec-primary-color);
    color: var(--ec-white-text);
}
#main{
    margin-bottom: 20px;
}

@media (max-width: 992px) {
    .horizontal-menu.app-page #main {
        min-height: -webkit-calc(100% - 116px);
        min-height: -moz-calc(100% - 116px);
        min-height: calc(100% - 116px);
    }
    .navbar-list  .search-button{
        display: none !important;
    }
    .horizontal-menu.app-page #main .content-wrapper-before {
        top: 64px;
    }
    #header{
        background-color: #fff;
        z-index: 2;
        position: relative;
    }

}

@media (max-width: 600px) {
    .horizontal-menu.app-page #main {
        min-height: -webkit-calc(100% - 108px);
        min-height: -moz-calc(100% - 108px);
        min-height: calc(100% - 108px);
    }

    .horizontal-menu.app-page #main .content-wrapper-before {
        top: 55px;
    }
}

/*----------------------------------------
  General Layout Style
------------------------------------------*/
html,
body {
    height: 100%;
}

body {
    background-color: var(--ec-color-gray-100);
    color: var(--ec-text-color);
}

@media only screen and (max-width: 600px) {
    .layout-semi-dark #header nav.navbar-color {
        background: #37474f;
    }
}

#main {
    min-height: -webkit-calc(100% - 99px);
    min-height: -moz-calc(100% - 99px);
    min-height: calc(100% - 99px);
    padding-left: 0;
    /* background-color: var(--ec-color-gray-100); */
    -webkit-transition: .3s ease all;
    -moz-transition: .3s ease all;
    -o-transition: .3s ease all;
    transition: .3s ease all;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

#main.main-full {
    padding-left: 0;
}

#main .content-wrapper-before {
    position: absolute;
    z-index: -1;
    top: 64px;
    left: 0;

    width: 100%;
    height: 185px;

    -webkit-transition: .3s ease all;
    -moz-transition: .3s ease all;
    -o-transition: .3s ease all;
    transition: .3s ease all;
}

footer {
    padding-left: 0;
    text-align: right;
    padding-right: 20px;
}

footer.page-footer {
    padding-top: 1px;
}

select {
    width: 100%;
    height: 3rem;
    padding: 5px;

    border: none;
    border-bottom: 1px solid #bdbdbd;
    border-radius: 2px;
    background-color: transparent;
}

.container {
    width: 100%;
    max-width: 100% !important;
    margin: 0 auto;
    padding: 0 .5rem;
}

.container .dropdown-settings i.right {
    margin-left: 0;
}

@media only screen and (min-width: 601px) {
    .container {
        width: 100%;
    }
}

@media only screen and (min-width: 993px) {
    .container {
        width: 100%;
    }

    .sidenav-overlay {
        background-color: transparent;
    }
}

@media only screen and (min-width: 993px) {
    #main {
        padding-left: 250px;
    }

    #main.main-full {
        padding-left: 64px;
    }

    footer {
        padding-left: 250px;
    }
}

@media only screen and (max-width: 600px) {
    #main .content-wrapper-before {
        top: 56px;
    }
}

.ps-scrollbar-x-rail {
    z-index: 9999;
}

.ps-scrollbar-y-rail {
    z-index: 9999;
}

.bg-opacity-8 {
    background-color: rgba(255, 255, 255, .8);
}

.height-100vh {
    height: 100vh;
}

button,
html [type='button'],
[type='reset'],
[type='submit'] {
    cursor: pointer;

    -webkit-appearance: none;
}

/*----------------------------------------
  Healper Classes
------------------------------------------*/
/* Width */
/* .width-10 {
    width: 10% !important;
} */

.width-20 {
    width: 20% !important;
}

.width-30 {
    width: 30% !important;
}

.width-40 {
    width: 40% !important;
}

.width-50 {
    width: 50% !important;
}

.width-60 {
    width: 60% !important;
}

.width-70 {
    width: 70% !important;
}

.width-80 {
    width: 80% !important;
}

.width-90 {
    width: 90% !important;
}

.width-100 {
    width: 100% !important;
}

/* Border Radius */
.border-radius-1 {
    border-radius: 1px !important;
}

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

.border-radius-3 {
    border-radius: 3px !important;
}

.border-radius-4 {
    border-radius: 4px !important;
}

.border-radius-5 {
    border-radius: 5px !important;
}

.border-radius-6 {
    border-radius: 6px !important;
}

.border-radius-7 {
    border-radius: 7px !important;
}

.border-radius-8 {
    border-radius: 8px !important;
}

.border-radius-9 {
    border-radius: 9px !important;
}

.border-radius-10 {
    border-radius: 10px !important;
}

.border-round {
    border-radius: 150px !important;
}

/* Font Weight */
.font-weight-100 {
    font-weight: 100 !important;
}

.font-weight-200 {
    font-weight: 200 !important;
}

.font-weight-300 {
    font-weight: 300 !important;
}

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

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

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

.font-weight-700 {
    font-weight: 700 !important;
}

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

.font-weight-900 {
    font-weight: 900 !important;
}

.m-0 {
    margin: 0 !important;
}

/* Margin Top */
.mt-0 {
    margin-top: 0 !important;
}

.mt-1 {
    margin-top: 1% !important;
}

.mt-2 {
    margin-top: 2% !important;
}

.mt-3 {
    margin-top: 3% !important;
}

.mt-4 {
    margin-top: 4% !important;
}

.mt-5 {
    margin-top: 5% !important;
}

.mt-6 {
    margin-top: 6% !important;
}

.mt-7 {
    margin-top: 7% !important;
}

.mt-8 {
    margin-top: 8% !important;
}

.mt-9 {
    margin-top: 9% !important;
}

.mt-10 {
    margin-top: 10% !important;
}
.mt-12 {
    margin-top: 12% !important;
}


/* Margin Right */
.mr-0 {
    margin-right: 0 !important;
}

.mr-1 {
    margin-right: 1% !important;
}

.mr-2 {
    margin-right: 2% !important;
}

.mr-3 {
    margin-right: 3% !important;
}

.mr-4 {
    margin-right: 4% !important;
}

.mr-5 {
    margin-right: 5% !important;
}

.mr-6 {
    margin-right: 6% !important;
}

.mr-7 {
    margin-right: 7% !important;
}

.mr-8 {
    margin-right: 8% !important;
}

.mr-9 {
    margin-right: 9% !important;
}

.mr-10 {
    margin-right: 10% !important;
}

/* Margin Left */
.ml-0 {
    margin-left: 0 !important;
}

.ml-1 {
    margin-left: 1% !important;
}

.ml-2 {
    margin-left: 2% !important;
}

.ml-3 {
    margin-left: 3% !important;
}

.ml-4 {
    margin-left: 4% !important;
}

.ml-5 {
    margin-left: 5% !important;
}

.ml-6 {
    margin-left: 6% !important;
}

.ml-7 {
    margin-left: 7% !important;
}

.ml-8 {
    margin-left: 8% !important;
}

.ml-9 {
    margin-left: 9% !important;
}

.ml-10 {
    margin-left: 10% !important;
}

/* Margin Bottom */
.mb-0 {
    margin-bottom: 0 !important;
}

.mb-1 {
    margin-bottom: 1% !important;
}

.mb-2 {
    margin-bottom: 2% !important;
}

.mb-3 {
    margin-bottom: 3% !important;
}

.mb-4 {
    margin-bottom: 4% !important;
}

.mb-5 {
    margin-bottom: 5% !important;
}

.mb-6 {
    margin-bottom: 6% !important;
}

.mb-7 {
    margin-bottom: 7% !important;
}

.mb-8 {
    margin-bottom: 8% !important;
}

.mb-9 {
    margin-bottom: 9% !important;
}

.mb-10 {
    margin-bottom: 10% !important;
}

/* Padding All */
.padding-1 {
    padding: 1% !important;
}

.padding-2 {
    padding: 2% !important;
}

.padding-3 {
    padding: 3% !important;
}

.padding-4 {
    padding: 4% !important;
}

.padding-5 {
    padding: 5% !important;
}

.padding-6 {
    padding: 6% !important;
}

.padding-7 {
    padding: 7% !important;
}

.padding-8 {
    padding: 8% !important;
}

.padding-9 {
    padding: 9% !important;
}

.padding-10 {
    padding: 10% !important;
}

.p-0 {
    padding: 0 !important;
}

/* Padding Top */
.pt-0 {
    padding-top: 0 !important;
}

.pt-1 {
    padding-top: 1% !important;
}

.pt-2 {
    padding-top: 2% !important;
}

.pt-3 {
    padding-top: 3% !important;
}

.pt-4 {
    padding-top: 4% !important;
}

.pt-5 {
    padding-top: 5% !important;
}

.pt-6 {
    padding-top: 6% !important;
}

.pt-7 {
    padding-top: 7% !important;
}

.pt-8 {
    padding-top: 8% !important;
}

.pt-9 {
    padding-top: 9% !important;
}

.pt-10 {
    padding-top: 10% !important;
}

/* Padding Right */
.pr-0 {
    padding-right: 0 !important;
}

.pr-1 {
    padding-right: 1% !important;
}

.pr-2 {
    padding-right: 2% !important;
}

.pr-3 {
    padding-right: 3% !important;
}

.pr-4 {
    padding-right: 4% !important;
}

.pr-5 {
    padding-right: 5% !important;
}

.pr-6 {
    padding-right: 6% !important;
}

.pr-7 {
    padding-right: 7% !important;
}

.pr-8 {
    padding-right: 8% !important;
}

.pr-9 {
    padding-right: 9% !important;
}

.pr-10 {
    padding-right: 10% !important;
}

/* Padding Right */
.pl-0 {
    padding-left: 0 !important;
}

.pl-1 {
    padding-left: 1% !important;
}

.pl-2 {
    padding-left: 2% !important;
}

.pl-3 {
    padding-left: 3% !important;
}

.pl-4 {
    padding-left: 4% !important;
}

.pl-5 {
    padding-left: 5% !important;
}

.pl-6 {
    padding-left: 6% !important;
}

.pl-7 {
    padding-left: 7% !important;
}

.pl-8 {
    padding-left: 8% !important;
}

.pl-9 {
    padding-left: 9% !important;
}

.pl-10 {
    padding-left: 10% !important;
}

/* Padding Bottom */
.pb-0 {
    padding-bottom: 0 !important;
}

.pb-1 {
    padding-bottom: 1% !important;
}

.pb-2 {
    padding-bottom: 2% !important;
}

.pb-3 {
    padding-bottom: 3% !important;
}

.pb-4 {
    padding-bottom: 4% !important;
}

.pb-5 {
    padding-bottom: 5% !important;
}

.pb-6 {
    padding-bottom: 6% !important;
}

.pb-7 {
    padding-bottom: 7% !important;
}

.pb-8 {
    padding-bottom: 8% !important;
}

.pb-9 {
    padding-bottom: 9% !important;
}

.pb-10 {
    padding-bottom: 10% !important;
}

/* Minimum Height */
.min-height-100 {
    min-height: 100px !important;
}

.min-height-150 {
    min-height: 150px !important;
}

.min-height-200 {
    min-height: 200px !important;
}

.min-height-250 {
    min-height: 250px !important;
}

.min-height-300 {
    min-height: 300px !important;
}

@media (min-width: 576px) {
    .left-align-sm {
        text-align: left !important;
    }

    .right-align-sm {
        text-align: right !important;
    }

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

@media (min-width: 768px) {
    .left-align-md {
        text-align: left !important;
    }

    .right-align-md {
        text-align: right !important;
    }

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

@media (min-width: 992px) {
    .left-align-lg {
        text-align: left !important;
    }

    .right-align-lg {
        text-align: right !important;
    }

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

@media (min-width: 1200px) {
    .left-align-xl {
        text-align: left !important;
    }

    .right-align-xl {
        text-align: right !important;
    }

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

.text-lowercase {
    text-transform: lowercase !important;
}

.text-uppercase {
    text-transform: uppercase !important;
}

.text-capitalize {
    text-transform: capitalize !important;
}

/* Icon Background Round */
.background-round {
    padding: 15px;

    border-radius: 50%;
    background-color: rgba(0, 0, 0, .18);
}

/* opacity 0 */
.opacity-0 {
    opacity: 0;
}

/* Border None & Shadow None */
.border-none {
    border-top: none !important;
    border-right: none !important;
    border-bottom: none !important;
    border-left: none !important;
}

.box-shadow-none {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

/* Margin 0 & Padding 0 */
.no-margin {
    margin: 0 !important;
}

.no-padding {
    padding: 0 !important;
}

/* Position */
.position-absolute {
    position: absolute;
}

.position-none {
    position: unset;
}

/* Vertical Align */
.vertical-align-center {
    position: absolute;
    top: 50%;

    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.vertical-align-bottom {
    vertical-align: bottom;
}

.vertical-align-super {
    vertical-align: super;
}

.vertical-text-top {
    vertical-align: text-top !important;
}

.vertical-text-sub {
    vertical-align: sub;
}

.vertical-text-middle {
    vertical-align: middle;
}

.height-100vh {
    height: 100vh;
}

/* Line Height */
.line-height-0 {
    line-height: 0 !important;
}

/* Icon Background */
.icon-bg-circle {
    padding: .4rem;

    color: var(--ec-white-text);
    border-radius: 50%;
}

.text-shadow {
    text-shadow: -1px 2px 4px black;
}

.display-none {
    display: none;
}

.display-inline {
    display: inline;
}

.display-block {
    display: block;
}

.display-grid {
    display: grid;
}

.display-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

.float-none {
    float: none !important;
}

.float-left {
    float: left !important;
}

.float-right {
    float: right !important;
}

.float-inherit {
    float: inherit !important;
}

.clear-both {
    clear: both;
}

ul.list-type-bullet {
    padding-left: 40px;

    list-style-type: inherit;
}

ul.list-type-bullet li {
    list-style-type: inherit;
}

.justify-content-end {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.text-ellipsis {
    overflow: hidden;

    white-space: nowrap;
    text-overflow: ellipsis;
}

/*---------------------------------
    Typography
-----------------------------------*/
a {
    text-decoration: none;
}

html {
    font-family: var(--font-family) !important;
    font-weight: normal;
    line-height: 1.5;
    color: #4a4a4a;
}

@media only screen and (min-width: 0) {
    html {
        font-size: 14px;
    }
}

@media only screen and (min-width: 992px) {
    html {
        font-size: 14.5px;
    }
}

@media only screen and (min-width: 1200px) {
    html {
        font-size: 15px;
    }
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--font-family);
    font-weight: 400;
    line-height: 1.1;

    color: #333;
}

p {
    font-family: var(--font-family);
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    font-weight: inherit;
}

h1 {
    font-size: 4.2rem;
    line-height: 110%;

    margin: 2.1rem 0 1.68rem 0;
}

h2 {
    font-size: 3.56rem;
    line-height: 110%;

    margin: 1.78rem 0 1.424rem 0;
}

h3 {
    font-size: 2.92rem;
    line-height: 110%;

    margin: 1.46rem 0 1.168rem 0;
}

h4 {
    font-size: 2.28rem;
    line-height: 110%;

    margin: 1.14rem 0 .912rem 0;
}

h5 {
    font-size: 1.64rem;
    line-height: 110%;

    margin: .82rem 0 .656rem 0;
}

h6 {
    font-size: 1.15rem;
    line-height: 110%;

    margin: .575rem 0 .46rem 0;
}

em {
    font-style: italic;
}

strong {
    font-weight: 500;
}

small {
    font-size: 75%;
}

.light {
    font-weight: 300;
}

.thin {
    font-weight: 200;
}

.flow-text {
    font-weight: 300;
}

.header-btn-opt{
    justify-content: space-between;
}

@media only screen and (min-width: 360px) {
    .flow-text {
        font-size: 1.2rem;
    }
}

@media only screen and (min-width: 390px) {
    .flow-text {
        font-size: 1.224rem;
    }
}

@media only screen and (min-width: 420px) {
    .flow-text {
        font-size: 1.248rem;
    }
}

@media only screen and (min-width: 450px) {
    .flow-text {
        font-size: 1.272rem;
    }
}

@media only screen and (min-width: 480px) {
    .flow-text {
        font-size: 1.296rem;
    }
}

@media only screen and (min-width: 510px) {
    .flow-text {
        font-size: 1.32rem;
    }
}

@media only screen and (min-width: 540px) {
    .flow-text {
        font-size: 1.344rem;
    }
}

@media only screen and (min-width: 570px) {
    .flow-text {
        font-size: 1.368rem;
    }
}

@media only screen and (min-width: 600px) {
    .flow-text {
        font-size: 1.392rem;
    }
}

@media only screen and (min-width: 630px) {
    .flow-text {
        font-size: 1.416rem;
    }
}

@media only screen and (min-width: 660px) {
    .flow-text {
        font-size: 1.44rem;
    }
}

@media only screen and (min-width: 690px) {
    .flow-text {
        font-size: 1.464rem;
    }
}

@media only screen and (min-width: 720px) {
    .flow-text {
        font-size: 1.488rem;
    }
}

@media only screen and (min-width: 750px) {
    .flow-text {
        font-size: 1.512rem;
    }
}

@media only screen and (min-width: 780px) {
    .flow-text {
        font-size: 1.536rem;
    }
}

@media only screen and (min-width: 810px) {
    .flow-text {
        font-size: 1.56rem;
    }
}

@media only screen and (min-width: 840px) {
    .flow-text {
        font-size: 1.584rem;
    }
}

@media only screen and (min-width: 870px) {
    .flow-text {
        font-size: 1.608rem;
    }
}

@media only screen and (min-width: 900px) {
    .flow-text {
        font-size: 1.632rem;
    }
}

@media only screen and (min-width: 930px) {
    .flow-text {
        font-size: 1.656rem;
    }
}

@media only screen and (min-width: 960px) {
    .flow-text {
        font-size: 1.68rem;
    }
}

@media only screen and (max-width: 360px) {
    .flow-text {
        font-size: 1.2rem;
    }
}

@media only screen and (max-width: 768px) {
    .nav-expanded .brand-sidebar {
        background: transparent !important;
    }

    .brand-sidebar .logo-wrapper {
        padding: 17px 18px !important;

        text-align: center;

        background: transparent;
    }
}

.small {
    font-size: 1.0rem !important;
}

.medium-small {
    font-size: .9rem !important;
}

.ultra-small {
    font-size: .8rem !important;
}

small {
    font-size: .8rem;
}

.strong {
    font-weight: 600;
}

h4.header {
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 2.508rem;

    margin: 1.14rem 0 .912rem 0;

    text-transform: uppercase;
}

h4.header2 {
    font-size: 1.1rem;
    font-weight: 400;

    text-transform: uppercase;
}

p.title {
    font-size: 1.3rem;
}

p.header {
    font-size: 1rem;
    font-weight: 500;

    text-transform: uppercase;
}

li.li-hover:hover {
    background: transparent !important;
}

li.search-out:hover {
    background: transparent;
}

li.mobile:before {
    background: #f7464a;
}

li.kitchen:before {
    background: #46bfbd;
}

li.home:before {
    background: #fdb45c;
}

.more-text {
    font-weight: 500;

    padding: 5px 20px;

    letter-spacing: 1px;
    text-transform: uppercase;
}

.valign-demo {
    height: 400px;

    background-color: #ddd;
}

.margin {
    margin: 0 !important;
}

.uppercase {
    text-transform: uppercase;
}

/*----------------------------------------
  Grid
------------------------------------------*/
.section {
    padding: 0;
}

.row {
    margin-bottom: 0;
    position: relative;
    clear: both;
}

.row .col {
    padding: 0 1rem;
}

.materialize-red {
    background-color: #e51c23 !important;
}

.materialize-red-text {
    color: #e51c23 !important;
}

.materialize-red.lighten-5 {
    background-color: #fdeaeb !important;
}

.materialize-red-text.text-lighten-5 {
    color: #fdeaeb !important;
}

.materialize-red.lighten-4 {
    background-color: #f8c1c3 !important;
}

.materialize-red-text.text-lighten-4 {
    color: #f8c1c3 !important;
}

.materialize-red.lighten-3 {
    background-color: #f3989b !important;
}

.materialize-red-text.text-lighten-3 {
    color: #f3989b !important;
}

.materialize-red.lighten-2 {
    background-color: #ee6e73 !important;
}

.materialize-red-text.text-lighten-2 {
    color: #ee6e73 !important;
}

.materialize-red.lighten-1 {
    background-color: #ea454b !important;
}

.materialize-red-text.text-lighten-1 {
    color: #ea454b !important;
}

.materialize-red.darken-1 {
    background-color: #d0181e !important;
}

.materialize-red-text.text-darken-1 {
    color: #d0181e !important;
}

.materialize-red.darken-2 {
    background-color: #b9151b !important;
}

.materialize-red-text.text-darken-2 {
    color: #b9151b !important;
}

.materialize-red.darken-3 {
    background-color: #a21318 !important;
}

.materialize-red-text.text-darken-3 {
    color: #a21318 !important;
}

.materialize-red.darken-4 {
    background-color: #8b1014 !important;
}

.materialize-red-text.text-darken-4 {
    color: #8b1014 !important;
}

.red {
    background-color: #f44336 !important;
}

.red-text {
    color: #f44336 !important;
}

.red.lighten-5 {
    background-color: #ffebee !important;
}

.red-text.text-lighten-5 {
    color: #ffebee !important;
}

.red.lighten-4 {
    background-color: #ffcdd2 !important;
}

.red-text.text-lighten-4 {
    color: #ffcdd2 !important;
}

.red.lighten-3 {
    background-color: #ef9a9a !important;
}

.red-text.text-lighten-3 {
    color: #ef9a9a !important;
}

.red.lighten-2 {
    background-color: #e57373 !important;
}

.red-text.text-lighten-2 {
    color: #e57373 !important;
}

.red.lighten-1 {
    background-color: #ef5350 !important;
}

.red-text.text-lighten-1 {
    color: #ef5350 !important;
}

.red.darken-1 {
    background-color: #e53935 !important;
}

.red-text.text-darken-1 {
    color: #e53935 !important;
}

.red.darken-2 {
    background-color: #d32f2f !important;
}

.red-text.text-darken-2 {
    color: #d32f2f !important;
}

.red.darken-3 {
    background-color: #c62828 !important;
}

.red-text.text-darken-3 {
    color: #c62828 !important;
}

.red.darken-4 {
    background-color: #b71c1c !important;
}

.red-text.text-darken-4 {
    color: #b71c1c !important;
}

.red.accent-1 {
    background-color: #ff8a80 !important;
}

.red-text.text-accent-1 {
    color: #ff8a80 !important;
}

.red.accent-2 {
    background-color: #ff5252 !important;
}

.red-text.text-accent-2 {
    color: #ff5252 !important;
}

.red.accent-3 {
    background-color: #D23028 !important;
}

.red-text.text-accent-3 {
    color: #ff1744 !important;
}

.red.accent-4 {
    background-color: #d50000 !important;
}

.red-text.text-accent-4 {
    color: #d50000 !important;
}

.pink {
    background-color: #e91e63 !important;
}

.pink-text {
    color: #e91e63 !important;
}

.pink.lighten-5 {
    background-color: #fce4ec !important;
}

.pink-text.text-lighten-5 {
    color: #fce4ec !important;
}

.pink.lighten-4 {
    background-color: #f8bbd0 !important;
}

.pink-text.text-lighten-4 {
    color: #f8bbd0 !important;
}

.pink.lighten-3 {
    background-color: #f48fb1 !important;
}

.pink-text.text-lighten-3 {
    color: #f48fb1 !important;
}

.pink.lighten-2 {
    background-color: #f06292 !important;
}

.pink-text.text-lighten-2 {
    color: #f06292 !important;
}

.pink.lighten-1 {
    background-color: #ec407a !important;
}

.pink-text.text-lighten-1 {
    color: #ec407a !important;
}

.pink.darken-1 {
    background-color: #d81b60 !important;
}

.pink-text.text-darken-1 {
    color: #d81b60 !important;
}

.pink.darken-2 {
    background-color: #c2185b !important;
}

.pink-text.text-darken-2 {
    color: #c2185b !important;
}

.pink.darken-3 {
    background-color: #ad1457 !important;
}

.pink-text.text-darken-3 {
    color: #ad1457 !important;
}

.pink.darken-4 {
    background-color: #880e4f !important;
}

.pink-text.text-darken-4 {
    color: #880e4f !important;
}

.pink.accent-1 {
    background-color: #ff80ab !important;
}

.pink-text.text-accent-1 {
    color: #ff80ab !important;
}

.pink.accent-2 {
    background-color: #ff4081 !important;
}

.pink-text.text-accent-2 {
    color: #ff4081 !important;
}

.pink.accent-3 {
    background-color: #f50057 !important;
}

.pink-text.text-accent-3 {
    color: #f50057 !important;
}

.pink.accent-4 {
    background-color: #c51162 !important;
}

.pink-text.text-accent-4 {
    color: #c51162 !important;
}

.purple {
    background-color: #9c27b0 !important;
}

.purple-text {
    color: #9c27b0 !important;
}

.purple.lighten-5 {
    background-color: #f3e5f5 !important;
}

.purple-text.text-lighten-5 {
    color: #f3e5f5 !important;
}

.purple.lighten-4 {
    background-color: #e1bee7 !important;
}

.purple-text.text-lighten-4 {
    color: #e1bee7 !important;
}

.purple.lighten-3 {
    background-color: #ce93d8 !important;
}

.purple-text.text-lighten-3 {
    color: #ce93d8 !important;
}

.purple.lighten-2 {
    background-color: #ba68c8 !important;
}

.purple-text.text-lighten-2 {
    color: #ba68c8 !important;
}

.purple.lighten-1 {
    background-color: #ab47bc !important;
}

.purple-text.text-lighten-1 {
    color: #ab47bc !important;
}

.purple.darken-1 {
    background-color: #8e24aa !important;
}

.purple-text.text-darken-1 {
    color: #8e24aa !important;
}

.purple.darken-2 {
    background-color: #7b1fa2 !important;
}

.purple-text.text-darken-2 {
    color: #7b1fa2 !important;
}

.purple.darken-3 {
    background-color: #6a1b9a !important;
}

.purple-text.text-darken-3 {
    color: #6a1b9a !important;
}

.purple.darken-4 {
    background-color: #4a148c !important;
}

.purple-text.text-darken-4 {
    color: #4a148c !important;
}

.purple.accent-1 {
    background-color: #ea80fc !important;
}

.purple-text.text-accent-1 {
    color: #ea80fc !important;
}

.purple.accent-2 {
    background-color: #e040fb !important;
}

.purple-text.text-accent-2 {
    color: #e040fb !important;
}

.purple.accent-3 {
    background-color: #d500f9 !important;
}

.purple-text.text-accent-3 {
    color: #d500f9 !important;
}

.purple.accent-4 {
    background-color: #a0f !important;
}

.purple-text.text-accent-4 {
    color: #a0f !important;
}

.deep-purple {
    background-color: #673ab7 !important;
}

.deep-purple-text {
    color: #673ab7 !important;
}

.deep-purple.lighten-5 {
    background-color: #ede7f6 !important;
}

.deep-purple-text.text-lighten-5 {
    color: #ede7f6 !important;
}

.deep-purple.lighten-4 {
    background-color: #d1c4e9 !important;
}

.deep-purple-text.text-lighten-4 {
    color: #d1c4e9 !important;
}

.deep-purple.lighten-3 {
    background-color: #b39ddb !important;
}

.deep-purple-text.text-lighten-3 {
    color: #b39ddb !important;
}

.deep-purple.lighten-2 {
    background-color: #9575cd !important;
}

.deep-purple-text.text-lighten-2 {
    color: #9575cd !important;
}

.deep-purple.lighten-1 {
    background-color: #7e57c2 !important;
}

.deep-purple-text.text-lighten-1 {
    color: #7e57c2 !important;
}

.deep-purple.darken-1 {
    background-color: #5e35b1 !important;
}

.deep-purple-text.text-darken-1 {
    color: #5e35b1 !important;
}

.deep-purple.darken-2 {
    background-color: #512da8 !important;
}

.deep-purple-text.text-darken-2 {
    color: #512da8 !important;
}

.deep-purple.darken-3 {
    background-color: #4527a0 !important;
}

.deep-purple-text.text-darken-3 {
    color: #4527a0 !important;
}

.deep-purple.darken-4 {
    background-color: #311b92 !important;
}

.deep-purple-text.text-darken-4 {
    color: #311b92 !important;
}

.deep-purple.accent-1 {
    background-color: #b388ff !important;
}

.deep-purple-text.text-accent-1 {
    color: #b388ff !important;
}

.deep-purple.accent-2 {
    background-color: #7c4dff !important;
}

.deep-purple-text.text-accent-2 {
    color: #7c4dff !important;
}

.deep-purple.accent-3 {
    background-color: #651fff !important;
}

.deep-purple-text.text-accent-3 {
    color: #651fff !important;
}

.deep-purple.accent-4 {
    background-color: #6200ea !important;
}

.deep-purple-text.text-accent-4 {
    color: #6200ea !important;
}

.indigo {
    background-color: #3f51b5 !important;
}

.indigo-text {
    color: #3f51b5 !important;
}

.indigo.lighten-5 {
    background-color: #e8eaf6 !important;
}

.indigo-text.text-lighten-5 {
    color: #e8eaf6 !important;
}

.indigo.lighten-4 {
    background-color: #c5cae9 !important;
}

.indigo-text.text-lighten-4 {
    color: #c5cae9 !important;
}

.indigo.lighten-3 {
    background-color: #9fa8da !important;
}

.indigo-text.text-lighten-3 {
    color: #9fa8da !important;
}

.indigo.lighten-2 {
    background-color: #7986cb !important;
}

.indigo-text.text-lighten-2 {
    color: #7986cb !important;
}

.indigo.lighten-1 {
    background-color: #5c6bc0 !important;
}

.indigo-text.text-lighten-1 {
    color: #5c6bc0 !important;
}

.indigo.darken-1 {
    background-color: #3949ab !important;
}

.indigo-text.text-darken-1 {
    color: #3949ab !important;
}

.indigo.darken-2 {
    background-color: #303f9f !important;
}

.indigo-text.text-darken-2 {
    color: #303f9f !important;
}

.indigo.darken-3 {
    background-color: #283593 !important;
}

.indigo-text.text-darken-3 {
    color: #283593 !important;
}

.indigo.darken-4 {
    background-color: #1a237e !important;
}

.indigo-text.text-darken-4 {
    color: #1a237e !important;
}

.indigo.accent-1 {
    background-color: #8c9eff !important;
}

.indigo-text.text-accent-1 {
    color: #8c9eff !important;
}

.indigo.accent-2 {
    background-color: #536dfe !important;
}

.indigo-text.text-accent-2 {
    color: #536dfe !important;
}

.indigo.accent-3 {
    background-color: #3d5afe !important;
}

.indigo-text.text-accent-3 {
    color: #3d5afe !important;
}

.indigo.accent-4 {
    background-color: #304ffe !important;
}

.indigo-text.text-accent-4 {
    color: #304ffe !important;
}

.blue {
    background-color: #2196f3 !important;
}

.blue-text {
    color: #2196f3 !important;
}

.blue.lighten-5 {
    background-color: #e3f2fd !important;
}

.blue-text.text-lighten-5 {
    color: #e3f2fd !important;
}

.blue.lighten-4 {
    background-color: #bbdefb !important;
}

.blue-text.text-lighten-4 {
    color: #bbdefb !important;
}

.blue.lighten-3 {
    background-color: #90caf9 !important;
}

.blue-text.text-lighten-3 {
    color: #90caf9 !important;
}

.blue.lighten-2 {
    background-color: #64b5f6 !important;
}

.blue-text.text-lighten-2 {
    color: #64b5f6 !important;
}

.blue.lighten-1 {
    background-color: #42a5f5 !important;
}

.blue-text.text-lighten-1 {
    color: #42a5f5 !important;
}

.blue.darken-1 {
    background-color: #1e88e5 !important;
}

.blue-text.text-darken-1 {
    color: #1e88e5 !important;
}

.blue.darken-2 {
    background-color: #1976d2 !important;
}

.blue-text.text-darken-2 {
    color: #1976d2 !important;
}

.blue.darken-3 {
    background-color: #1565c0 !important;
}

.blue-text.text-darken-3 {
    color: #1565c0 !important;
}

.blue.darken-4 {
    background-color: #0d47a1 !important;
}

.blue-text.text-darken-4 {
    color: #0d47a1 !important;
}

.blue.accent-1 {
    background-color: #82b1ff !important;
}

.blue-text.text-accent-1 {
    color: #82b1ff !important;
}

.blue.accent-2 {
    background-color: #448aff !important;
}

.blue-text.text-accent-2 {
    color: #448aff !important;
}

.blue.accent-3 {
    background-color: #2979ff !important;
}

.blue-text.text-accent-3 {
    color: #2979ff !important;
}

.blue.accent-4 {
    background-color: #2962ff !important;
}

.blue-text.text-accent-4 {
    color: #2962ff !important;
}

.light-blue {
    background-color: #03a9f4 !important;
}

.light-blue-text {
    color: #03a9f4 !important;
}

.light-blue.lighten-5 {
    background-color: #e1f5fe !important;
}

.light-blue-text.text-lighten-5 {
    color: #e1f5fe !important;
}

.light-blue.lighten-4 {
    background-color: #b3e5fc !important;
}

.light-blue-text.text-lighten-4 {
    color: #b3e5fc !important;
}

.light-blue.lighten-3 {
    background-color: #81d4fa !important;
}

.light-blue-text.text-lighten-3 {
    color: #81d4fa !important;
}

.light-blue.lighten-2 {
    background-color: #4fc3f7 !important;
}

.light-blue-text.text-lighten-2 {
    color: #4fc3f7 !important;
}

.light-blue.lighten-1 {
    background-color: #29b6f6 !important;
}

.light-blue-text.text-lighten-1 {
    color: #29b6f6 !important;
}

.light-blue.darken-1 {
    background-color: #039be5 !important;
}

.light-blue-text.text-darken-1 {
    color: #039be5 !important;
}

.light-blue.darken-2 {
    background-color: #0288d1 !important;
}

.light-blue-text.text-darken-2 {
    color: #0288d1 !important;
}

.light-blue.darken-3 {
    background-color: #0277bd !important;
}

.light-blue-text.text-darken-3 {
    color: #0277bd !important;
}

.light-blue.darken-4 {
    background-color: #01579b !important;
}

.light-blue-text.text-darken-4 {
    color: #01579b !important;
}

.light-blue.accent-1 {
    background-color: #80d8ff !important;
}

.light-blue-text.text-accent-1 {
    color: #80d8ff !important;
}

.light-blue.accent-2 {
    background-color: #40c4ff !important;
}

.light-blue-text.text-accent-2 {
    color: #40c4ff !important;
}

.light-blue.accent-3 {
    background-color: #00b0ff !important;
}

.light-blue-text.text-accent-3 {
    color: #00b0ff !important;
}

.light-blue.accent-4 {
    background-color: #0091ea !important;
}

.light-blue-text.text-accent-4 {
    color: #0091ea !important;
}

.cyan {
    background-color: var(--ec-rgba-primary-4) !important;
}

.cyan-text {
    color: #00bcd4 !important;
}

.cyan.lighten-5 {
    background-color: #e0f7fa !important;
}

.cyan-text.text-lighten-5 {
    color: #e0f7fa !important;
}

.cyan.lighten-4 {
    background-color: #b2ebf2 !important;
}

.cyan-text.text-lighten-4 {
    color: #b2ebf2 !important;
}

.cyan.lighten-3 {
    background-color: #80deea !important;
}

.cyan-text.text-lighten-3 {
    color: #80deea !important;
}

.cyan.lighten-2 {
    background-color: #4dd0e1 !important;
}

.cyan-text.text-lighten-2 {
    color: #4dd0e1 !important;
}

.cyan.lighten-1 {
    background-color: #26c6da !important;
}

.cyan-text.text-lighten-1 {
    color: #26c6da !important;
}

.cyan.darken-1 {
    background-color: #00acc1 !important;
}

.cyan-text.text-darken-1 {
    color: #00acc1 !important;
}

.cyan.darken-2 {
    background-color: #0097a7 !important;
}

.cyan-text.text-darken-2 {
    color: #0097a7 !important;
}

.cyan.darken-3 {
    background-color: #00838f !important;
}

.cyan-text.text-darken-3 {
    color: #00838f !important;
}

.cyan.darken-4 {
    background-color: #006064 !important;
}

.cyan-text.text-darken-4 {
    color: #006064 !important;
}

.cyan.accent-1 {
    background-color: #84ffff !important;
}

.cyan-text.text-accent-1 {
    color: #84ffff !important;
}

.cyan.accent-2 {
    background-color: #18ffff !important;
}

.cyan-text.text-accent-2 {
    color: #18ffff !important;
}

.cyan.accent-3 {
    background-color: #00e5ff !important;
}

.cyan-text.text-accent-3 {
    color: #00e5ff !important;
}

.cyan.accent-4 {
    background-color: #00b8d4 !important;
}

.cyan-text.text-accent-4 {
    color: #00b8d4 !important;
}

.teal {
    background-color: #009688 !important;
}

.teal-text {
    color: #009688 !important;
}

.teal.lighten-5 {
    background-color: #e0f2f1 !important;
}

.teal-text.text-lighten-5 {
    color: #e0f2f1 !important;
}

.teal.lighten-4 {
    background-color: #b2dfdb !important;
}

.teal-text.text-lighten-4 {
    color: #b2dfdb !important;
}

.teal.lighten-3 {
    background-color: #80cbc4 !important;
}

.teal-text.text-lighten-3 {
    color: #80cbc4 !important;
}

.teal.lighten-2 {
    background-color: #4db6ac !important;
}

.teal-text.text-lighten-2 {
    color: #4db6ac !important;
}

.teal.lighten-1 {
    background-color: #26a69a !important;
}

.teal-text.text-lighten-1 {
    color: #26a69a !important;
}

.teal.darken-1 {
    background-color: #00897b !important;
}

.teal-text.text-darken-1 {
    color: #00897b !important;
}

.teal.darken-2 {
    background-color: #00796b !important;
}

.teal-text.text-darken-2 {
    color: #00796b !important;
}

.teal.darken-3 {
    background-color: #00695c !important;
}

.teal-text.text-darken-3 {
    color: #00695c !important;
}

.teal.darken-4 {
    background-color: #004d40 !important;
}

.teal-text.text-darken-4 {
    color: #004d40 !important;
}

.teal.accent-1 {
    background-color: #a7ffeb !important;
}

.teal-text.text-accent-1 {
    color: #a7ffeb !important;
}

.teal.accent-2 {
    background-color: #64ffda !important;
}

.teal-text.text-accent-2 {
    color: #64ffda !important;
}

.teal.accent-3 {
    background-color: #1de9b6 !important;
}

.teal-text.text-accent-3 {
    color: #1de9b6 !important;
}

.teal.accent-4 {
    background-color: #00bfa5 !important;
}

.teal-text.text-accent-4 {
    color: #00bfa5 !important;
}

.green {
    background-color: #4caf50 !important;
}

.green-text {
    color: #4caf50 !important;
}

.green.lighten-5 {
    background-color: #e8f5e9 !important;
}

.green-text.text-lighten-5 {
    color: #e8f5e9 !important;
}

.green.lighten-4 {
    background-color: #c8e6c9 !important;
}

.green-text.text-lighten-4 {
    color: #c8e6c9 !important;
}

.green.lighten-3 {
    background-color: #a5d6a7 !important;
}

.green-text.text-lighten-3 {
    color: #a5d6a7 !important;
}

.green.lighten-2 {
    background-color: #81c784 !important;
}

.green-text.text-lighten-2 {
    color: #81c784 !important;
}

.green.lighten-1 {
    background-color: #66bb6a !important;
}

.green-text.text-lighten-1 {
    color: #66bb6a !important;
}

.green.darken-1 {
    background-color: #FA7268 !important;
    /*background-color: #43a047 !important;*/
}

.green-text.text-darken-1 {
    color: #43a047 !important;
}

.green.darken-2 {
    background-color: #388e3c !important;
}

.green-text.text-darken-2 {
    color: #388e3c !important;
}

.green.darken-3 {
    background-color: #2e7d32 !important;
}

.green-text.text-darken-3 {
    color: #2e7d32 !important;
}

.green.darken-4 {
    background-color: #1b5e20 !important;
}

.green-text.text-darken-4 {
    color: #1b5e20 !important;
}

.green.accent-1 {
    background-color: #b9f6ca !important;
}

.green-text.text-accent-1 {
    color: #b9f6ca !important;
}

.green.accent-2 {
    background-color: #69f0ae !important;
}

.green-text.text-accent-2 {
    color: #69f0ae !important;
}

.green.accent-3 {
    background-color: #00e676 !important;
}

.green-text.text-accent-3 {
    color: #00e676 !important;
}

.green.accent-4 {
    background-color: #00c853 !important;
}

.green-text.text-accent-4 {
    color: #00c853 !important;
}

.light-green {
    background-color: #8bc34a !important;
}

.light-green-text {
    color: #8bc34a !important;
}

.light-green.lighten-5 {
    background-color: #f1f8e9 !important;
}

.light-green-text.text-lighten-5 {
    color: #f1f8e9 !important;
}

.light-green.lighten-4 {
    background-color: #dcedc8 !important;
}

.light-green-text.text-lighten-4 {
    color: #dcedc8 !important;
}

.light-green.lighten-3 {
    background-color: #c5e1a5 !important;
}

.light-green-text.text-lighten-3 {
    color: #c5e1a5 !important;
}

.light-green.lighten-2 {
    background-color: #aed581 !important;
}

.light-green-text.text-lighten-2 {
    color: #aed581 !important;
}

.light-green.lighten-1 {
    background-color: #9ccc65 !important;
}

.light-green-text.text-lighten-1 {
    color: #9ccc65 !important;
}

.light-green.darken-1 {
    background-color: #7cb342 !important;
}

.light-green-text.text-darken-1 {
    color: #7cb342 !important;
}

.light-green.darken-2 {
    background-color: #689f38 !important;
}

.light-green-text.text-darken-2 {
    color: #689f38 !important;
}

.light-green.darken-3 {
    background-color: #558b2f !important;
}

.light-green-text.text-darken-3 {
    color: #558b2f !important;
}

.light-green.darken-4 {
    background-color: #33691e !important;
}

.light-green-text.text-darken-4 {
    color: #33691e !important;
}

.light-green.accent-1 {
    background-color: #ccff90 !important;
}

.light-green-text.text-accent-1 {
    color: #ccff90 !important;
}

.light-green.accent-2 {
    background-color: #b2ff59 !important;
}

.light-green-text.text-accent-2 {
    color: #b2ff59 !important;
}

.light-green.accent-3 {
    background-color: #76ff03 !important;
}

.light-green-text.text-accent-3 {
    color: #76ff03 !important;
}

.light-green.accent-4 {
    background-color: #64dd17 !important;
}

.light-green-text.text-accent-4 {
    color: #64dd17 !important;
}

.lime {
    background-color: #cddc39 !important;
}

.lime-text {
    color: #cddc39 !important;
}

.lime.lighten-5 {
    background-color: #f9fbe7 !important;
}

.lime-text.text-lighten-5 {
    color: #f9fbe7 !important;
}

.lime.lighten-4 {
    background-color: #f0f4c3 !important;
}

.lime-text.text-lighten-4 {
    color: #f0f4c3 !important;
}

.lime.lighten-3 {
    background-color: #e6ee9c !important;
}

.lime-text.text-lighten-3 {
    color: #e6ee9c !important;
}

.lime.lighten-2 {
    background-color: #dce775 !important;
}

.lime-text.text-lighten-2 {
    color: #dce775 !important;
}

.lime.lighten-1 {
    background-color: #d4e157 !important;
}

.lime-text.text-lighten-1 {
    color: #d4e157 !important;
}

.lime.darken-1 {
    background-color: #c0ca33 !important;
}

.lime-text.text-darken-1 {
    color: #c0ca33 !important;
}

.lime.darken-2 {
    background-color: #afb42b !important;
}

.lime-text.text-darken-2 {
    color: #afb42b !important;
}

.lime.darken-3 {
    background-color: #9e9d24 !important;
}

.lime-text.text-darken-3 {
    color: #9e9d24 !important;
}

.lime.darken-4 {
    background-color: #827717 !important;
}

.lime-text.text-darken-4 {
    color: #827717 !important;
}

.lime.accent-1 {
    background-color: #f4ff81 !important;
}

.lime-text.text-accent-1 {
    color: #f4ff81 !important;
}

.lime.accent-2 {
    background-color: #eeff41 !important;
}

.lime-text.text-accent-2 {
    color: #eeff41 !important;
}

.lime.accent-3 {
    background-color: #c6ff00 !important;
}

.lime-text.text-accent-3 {
    color: #c6ff00 !important;
}

.lime.accent-4 {
    background-color: #aeea00 !important;
}

.lime-text.text-accent-4 {
    color: #aeea00 !important;
}

.yellow {
    background-color: #ffeb3b !important;
}

.yellow-text {
    color: #ffeb3b !important;
}

.yellow.lighten-5 {
    background-color: #fffde7 !important;
}

.yellow-text.text-lighten-5 {
    color: #fffde7 !important;
}

.yellow.lighten-4 {
    background-color: #fff9c4 !important;
}

.yellow-text.text-lighten-4 {
    color: #fff9c4 !important;
}

.yellow.lighten-3 {
    background-color: #fff59d !important;
}

.yellow-text.text-lighten-3 {
    color: #fff59d !important;
}

.yellow.lighten-2 {
    background-color: #fff176 !important;
}

.yellow-text.text-lighten-2 {
    color: #fff176 !important;
}

.yellow.lighten-1 {
    background-color: #ffee58 !important;
}

.yellow-text.text-lighten-1 {
    color: #ffee58 !important;
}

.yellow.darken-1 {
    background-color: #fdd835 !important;
}

.yellow-text.text-darken-1 {
    color: #fdd835 !important;
}

.yellow.darken-2 {
    background-color: #fbc02d !important;
}

.yellow-text.text-darken-2 {
    color: #fbc02d !important;
}

.yellow.darken-3 {
    background-color: #f9a825 !important;
}

.yellow-text.text-darken-3 {
    color: #f9a825 !important;
}

.yellow.darken-4 {
    background-color: #f57f17 !important;
}

.yellow-text.text-darken-4 {
    color: #f57f17 !important;
}

.yellow.accent-1 {
    background-color: #ffff8d !important;
}

.yellow-text.text-accent-1 {
    color: #ffff8d !important;
}

.yellow.accent-2 {
    background-color: #ff0 !important;
}

.yellow-text.text-accent-2 {
    color: #ff0 !important;
}

.yellow.accent-3 {
    background-color: #ffea00 !important;
}

.yellow-text.text-accent-3 {
    color: #ffea00 !important;
}

.yellow.accent-4 {
    background-color: #ffd600 !important;
}

.yellow-text.text-accent-4 {
    color: #ffd600 !important;
}

.amber {
    background-color: #ffc107 !important;
}

.amber-text {
    color: #ffc107 !important;
}

.amber.lighten-5 {
    background-color: #fff8e1 !important;
}

.amber-text.text-lighten-5 {
    color: #fff8e1 !important;
}

.amber.lighten-4 {
    background-color: #ffecb3 !important;
}

.amber-text.text-lighten-4 {
    color: #ffecb3 !important;
}

.amber.lighten-3 {
    background-color: #ffe082 !important;
}

.amber-text.text-lighten-3 {
    color: #ffe082 !important;
}

.amber.lighten-2 {
    background-color: #ffd54f !important;
}

.amber-text.text-lighten-2 {
    color: #ffd54f !important;
}

.amber.lighten-1 {
    background-color: #ffca28 !important;
}

.amber-text.text-lighten-1 {
    color: #ffca28 !important;
}

.amber.darken-1 {
    background-color: #ffb300 !important;
}

.amber-text.text-darken-1 {
    color: #ffb300 !important;
}

.amber.darken-2 {
    background-color: #ffa000 !important;
}

.amber-text.text-darken-2 {
    color: #ffa000 !important;
}

.amber.darken-3 {
    background-color: #ff8f00 !important;
}

.amber-text.text-darken-3 {
    color: #ff8f00 !important;
}

.amber.darken-4 {
    background-color: var(--ec-primary-color) !important;
}

.amber-text.text-darken-4 {
    color: #ff6f00 !important;
}

.amber.accent-1 {
    background-color: #ffe57f !important;
}

.amber-text.text-accent-1 {
    color: #ffe57f !important;
}

.amber.accent-2 {
    background-color: #ffd740 !important;
}

.amber-text.text-accent-2 {
    color: #ffd740 !important;
}

.amber.accent-3 {
    background-color: #ffc400 !important;
}

.amber-text.text-accent-3 {
    color: #ffc400 !important;
}

.amber.accent-4 {
    background-color: #ffab00 !important;
}

.amber-text.text-accent-4 {
    color: #ffab00 !important;
}

.orange {
    background-color: #ff9800 !important;
}

.orange-text {
    color: #ff9800 !important;
}

.orange.lighten-5 {
    background-color: #fff3e0 !important;
}

.orange-text.text-lighten-5 {
    color: #fff3e0 !important;
}

.orange.lighten-4 {
    background-color: #ffe0b2 !important;
}

.orange-text.text-lighten-4 {
    color: #ffe0b2 !important;
}

.orange.lighten-3 {
    background-color: #ffcc80 !important;
}

.orange-text.text-lighten-3 {
    color: #ffcc80 !important;
}

.orange.lighten-2 {
    background-color: #ffb74d !important;
}

.orange-text.text-lighten-2 {
    color: #ffb74d !important;
}

.orange.lighten-1 {
    background-color: #ffa726 !important;
}

.orange-text.text-lighten-1 {
    color: #ffa726 !important;
}

.orange.darken-1 {
    background-color: #fb8c00 !important;
}

.orange-text.text-darken-1 {
    color: #fb8c00 !important;
}

.orange.darken-2 {
    background-color: #f57c00 !important;
}

.orange-text.text-darken-2 {
    color: #f57c00 !important;
}

.orange.darken-3 {
    background-color: #ef6c00 !important;
}

.orange-text.text-darken-3 {
    color: #ef6c00 !important;
}

.orange.darken-4 {
    background-color: #e65100 !important;
}

.orange-text.text-darken-4 {
    color: #e65100 !important;
}

.orange.accent-1 {
    background-color: #ffd180 !important;
}

.orange-text.text-accent-1 {
    color: #ffd180 !important;
}

.orange.accent-2 {
    background-color: #ffab40 !important;
}

.orange-text.text-accent-2 {
    color: #ffab40 !important;
}

.orange.accent-3 {
    background-color: #ff9100 !important;
}

.orange-text.text-accent-3 {
    color: #ff9100 !important;
}

.orange.accent-4 {
    background-color: #ff6d00 !important;
}

.orange-text.text-accent-4 {
    color: #ff6d00 !important;
}

.deep-orange {
    background-color: #ff5722 !important;
}

.deep-orange-text {
    color: #ff5722 !important;
}

.deep-orange.lighten-5 {
    background-color: #fbe9e7 !important;
}

.deep-orange-text.text-lighten-5 {
    color: #fbe9e7 !important;
}

.deep-orange.lighten-4 {
    background-color: #ffccbc !important;
}

.deep-orange-text.text-lighten-4 {
    color: #ffccbc !important;
}

.deep-orange.lighten-3 {
    background-color: #ffab91 !important;
}

.deep-orange-text.text-lighten-3 {
    color: #ffab91 !important;
}

.deep-orange.lighten-2 {
    background-color: #ff8a65 !important;
}

.deep-orange-text.text-lighten-2 {
    color: #ff8a65 !important;
}

.deep-orange.lighten-1 {
    background-color: #ff7043 !important;
}

.deep-orange-text.text-lighten-1 {
    color: #ff7043 !important;
}

.deep-orange.darken-1 {
    background-color: #f4511e !important;
}

.deep-orange-text.text-darken-1 {
    color: #f4511e !important;
}

.deep-orange.darken-2 {
    background-color: #e64a19 !important;
}

.deep-orange-text.text-darken-2 {
    color: #e64a19 !important;
}

.deep-orange.darken-3 {
    background-color: #d84315 !important;
}

.deep-orange-text.text-darken-3 {
    color: #d84315 !important;
}

.deep-orange.darken-4 {
    background-color: #bf360c !important;
}

.deep-orange-text.text-darken-4 {
    color: #bf360c !important;
}

.deep-orange.accent-1 {
    background-color: #ff9e80 !important;
}

.deep-orange-text.text-accent-1 {
    color: #ff9e80 !important;
}

.deep-orange.accent-2 {
    background-color: #ff6e40 !important;
}

.deep-orange-text.text-accent-2 {
    color: #ff6e40 !important;
}

.deep-orange.accent-3 {
    background-color: #ff3d00 !important;
}

.deep-orange-text.text-accent-3 {
    color: #ff3d00 !important;
}

.deep-orange.accent-4 {
    background-color: #dd2c00 !important;
}

.deep-orange-text.text-accent-4 {
    color: #dd2c00 !important;
}

.brown {
    background-color: #795548 !important;
}

.brown-text {
    color: #795548 !important;
}

.brown.lighten-5 {
    background-color: #efebe9 !important;
}

.brown-text.text-lighten-5 {
    color: #efebe9 !important;
}

.brown.lighten-4 {
    background-color: #d7ccc8 !important;
}

.brown-text.text-lighten-4 {
    color: #d7ccc8 !important;
}

.brown.lighten-3 {
    background-color: #bcaaa4 !important;
}

.brown-text.text-lighten-3 {
    color: #bcaaa4 !important;
}

.brown.lighten-2 {
    background-color: #a1887f !important;
}

.brown-text.text-lighten-2 {
    color: #a1887f !important;
}

.brown.lighten-1 {
    background-color: #8d6e63 !important;
}

.brown-text.text-lighten-1 {
    color: #8d6e63 !important;
}

.brown.darken-1 {
    background-color: #6d4c41 !important;
}

.brown-text.text-darken-1 {
    color: #6d4c41 !important;
}

.brown.darken-2 {
    background-color: #5d4037 !important;
}

.brown-text.text-darken-2 {
    color: #5d4037 !important;
}

.brown.darken-3 {
    background-color: #4e342e !important;
}

.brown-text.text-darken-3 {
    color: #4e342e !important;
}

.brown.darken-4 {
    background-color: #3e2723 !important;
}

.brown-text.text-darken-4 {
    color: #3e2723 !important;
}

.blue-grey {
    background-color: #607d8b !important;
}

.blue-grey-text {
    color: #607d8b !important;
}

.blue-grey.lighten-5 {
    background-color: #eceff1 !important;
}

.blue-grey-text.text-lighten-5 {
    color: #eceff1 !important;
}

.blue-grey.lighten-4 {
    background-color: #cfd8dc !important;
}

.blue-grey-text.text-lighten-4 {
    color: #cfd8dc !important;
}

.blue-grey.lighten-3 {
    background-color: #b0bec5 !important;
}

.blue-grey-text.text-lighten-3 {
    color: #b0bec5 !important;
}

.blue-grey.lighten-2 {
    background-color: #90a4ae !important;
}

.blue-grey-text.text-lighten-2 {
    color: #90a4ae !important;
}

.blue-grey.lighten-1 {
    background-color: #78909c !important;
}

.blue-grey-text.text-lighten-1 {
    color: #78909c !important;
}

.blue-grey.darken-1 {
    background-color: #546e7a !important;
}

.blue-grey-text.text-darken-1 {
    color: #546e7a !important;
}

.blue-grey.darken-2 {
    background-color: #455a64 !important;
}

.blue-grey-text.text-darken-2 {
    color: #455a64 !important;
}

.blue-grey.darken-3 {
    background-color: #37474f !important;
}

.blue-grey-text.text-darken-3 {
    color: #37474f !important;
}

.blue-grey.darken-4 {
    background-color: #263238 !important;
}

.blue-grey-text.text-darken-4 {
    color: #263238 !important;
}

.grey {
    background-color: #9e9e9e !important;
}

.grey-text {
    color: #9e9e9e !important;
}

.grey.lighten-5 {
    background-color: #fafafa !important;
}

.grey-text.text-lighten-5 {
    color: #fafafa !important;
}

.grey.lighten-4 {
    background-color: #f5f5f5 !important;
}

.grey-text.text-lighten-4 {
    color: #f5f5f5 !important;
}

.grey.lighten-3 {
    background-color: #eee !important;
}

.grey-text.text-lighten-3 {
    color: #eee !important;
}

.grey.lighten-2 {
    background-color: #e0e0e0 !important;
}

.grey-text.text-lighten-2 {
    color: #e0e0e0 !important;
}

.grey.lighten-1 {
    background-color: #bdbdbd !important;
}

.grey-text.text-lighten-1 {
    color: #bdbdbd !important;
}

.grey.darken-1 {
    background-color: var(--ec-color-gray-700) !important;
}

.grey-text.text-darken-1 {
    color: var(--ec-color-gray-700) !important;
}

.grey.darken-2 {
    background-color: var(--ec-color-gray-500) !important;
}

.grey-text.text-darken-2 {
    color: var(--ec-color-gray-500) !important;
}

.grey.darken-3 {
    background-color: #424242 !important;
}

.grey-text.text-darken-3 {
    color: #424242 !important;
}

.grey.darken-4 {
    background-color: var(--ec-secondary-color) !important;
}

.grey-text.text-darken-4 {
    color: var(--ec-secondary-color) !important;
}

.bg-blue-400{
    background-color: var(--ec-rgba-primary-4);
}

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

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

.white {
    background-color: var(--ec-white-text) !important;
}

.white-text {
    color: var(--ec-white-text) !important;
}

.transparent {
    background-color: transparent !important;
}

.transparent-text {
    color: transparent !important;
}

/*
  Gradient color mixin
*/
.gradient-45deg-light-blue-teal {
    background: #b3e5fc;
    background: -webkit-linear-gradient(45deg, #b3e5fc, #64ffda) !important;
    background: -moz-oldlinear-gradient(45deg, #b3e5fc, #64ffda) !important;
    background: -o-linear-gradient(45deg, #b3e5fc, #64ffda) !important;
    background: linear-gradient(45deg, #b3e5fc, #64ffda) !important;
}

.gradient-45deg-light-blue-teal.gradient-shadow {
    -webkit-box-shadow: 0 6px 20px 0 rgba(100, 255, 218, .5) !important;
    box-shadow: 0 6px 20px 0 rgba(100, 255, 218, .5) !important;
}

.gradient-45deg-indigo-light-blue {
    /*background: #3949ab;
    background: -webkit-linear-gradient(45deg, #3949ab, #4fc3f7) !important;
    background: -moz-oldlinear-gradient(45deg, #3949ab, #4fc3f7) !important;
    background:      -o-linear-gradient(45deg, #3949ab, #4fc3f7) !important;
    background:         linear-gradient(45deg, #3949ab, #4fc3f7) !important;*/
}

.gradient-45deg-indigo-light-blue.gradient-shadow {
    -webkit-box-shadow: 0 6px 20px 0 rgba(79, 195, 247, .5) !important;
    box-shadow: 0 6px 20px 0 rgba(79, 195, 247, .5) !important;
}

.gradient-45deg-light-blue-indigo {
    background: #b3e5fc;
    background: -webkit-linear-gradient(45deg, #b3e5fc, #9fa8da) !important;
    background: -moz-oldlinear-gradient(45deg, #b3e5fc, #9fa8da) !important;
    background: -o-linear-gradient(45deg, #b3e5fc, #9fa8da) !important;
    background: linear-gradient(45deg, #b3e5fc, #9fa8da) !important;
}

.gradient-45deg-light-blue-indigo.gradient-shadow {
    -webkit-box-shadow: 0 6px 20px 0 rgba(159, 168, 218, .5) !important;
    box-shadow: 0 6px 20px 0 rgba(159, 168, 218, .5) !important;
}

.gradient-45deg-yellow-green {
    background: #ffff8d;
    background: -webkit-linear-gradient(45deg, #ffff8d, #b9f6ca) !important;
    background: -moz-oldlinear-gradient(45deg, #ffff8d, #b9f6ca) !important;
    background: -o-linear-gradient(45deg, #ffff8d, #b9f6ca) !important;
    background: linear-gradient(45deg, #ffff8d, #b9f6ca) !important;
}

.gradient-45deg-yellow-green.gradient-shadow {
    -webkit-box-shadow: 0 6px 20px 0 rgba(185, 246, 202, .5) !important;
    box-shadow: 0 6px 20px 0 rgba(185, 246, 202, .5) !important;
}

.gradient-45deg-orange-deep-orange {
    background: #ffe0b2;
    background: -webkit-linear-gradient(45deg, #ffe0b2, #ffccbc) !important;
    background: -moz-oldlinear-gradient(45deg, #ffe0b2, #ffccbc) !important;
    background: -o-linear-gradient(45deg, #ffe0b2, #ffccbc) !important;
    background: linear-gradient(45deg, #ffe0b2, #ffccbc) !important;
}

.gradient-45deg-orange-deep-orange.gradient-shadow {
    -webkit-box-shadow: 0 6px 20px 0 rgba(255, 204, 188, .5) !important;
    box-shadow: 0 6px 20px 0 rgba(255, 204, 188, .5) !important;
}

.gradient-45deg-deep-purple-purple {
    background: #d1c4e9;
    background: -webkit-linear-gradient(45deg, #d1c4e9, #f3e5f5) !important;
    background: -moz-oldlinear-gradient(45deg, #d1c4e9, #f3e5f5) !important;
    background: -o-linear-gradient(45deg, #d1c4e9, #f3e5f5) !important;
    background: linear-gradient(45deg, #d1c4e9, #f3e5f5) !important;
}

.gradient-45deg-deep-purple-purple.gradient-shadow {
    -webkit-box-shadow: 0 6px 20px 0 rgba(243, 229, 245, .5) !important;
    box-shadow: 0 6px 20px 0 rgba(243, 229, 245, .5) !important;
}

/*.gradient-45deg-red-pink
{
      background: #ff5252;
      background: -webkit-linear-gradient(45deg, #ff5252, #f48fb1) !important;
      background: -moz-oldlinear-gradient(45deg, #ff5252, #f48fb1) !important;
      background:      -o-linear-gradient(45deg, #ff5252, #f48fb1) !important;
      background:         linear-gradient(45deg, #ff5252, #f48fb1) !important;
}*/
.gradient-45deg-red-pink {
    background: var(--ec-primary-color) !important;
    box-shadow: var(--ec-multiple-box-shadow);
}

.gradient-45deg-red-pink:hover{
    background: red !important;
}

table .gradient-45deg-red-pink {
    background: red !important;
}
table th, table td{
    text-align: center;
    color: #212B36;
    font-weight: 400;
}

table th:first-child, table td:first-child{
    text-align: left;
}
table tbody tr:nth-child(odd) {
    /* background-color: var(--ec-color-gray-100) !important; */
}
table thead tr th{
    border-bottom: 1px solid #EFF4F9 !important;
    font-weight: 500 !important;
}
.gradient-45deg-red-pink.gradient-shadow {
    -webkit-box-shadow: 0 6px 20px 0 rgba(244, 143, 177, .5) !important;
    box-shadow: 0 6px 20px 0 rgba(244, 143, 177, .5) !important;
}

.gradient-45deg-light-green-amber {
    background: #c5e1a5;
    background: -webkit-linear-gradient(45deg, #c5e1a5, #fff8e1) !important;
    background: -moz-oldlinear-gradient(45deg, #c5e1a5, #fff8e1) !important;
    background: -o-linear-gradient(45deg, #c5e1a5, #fff8e1) !important;
    background: linear-gradient(45deg, #c5e1a5, #fff8e1) !important;
}

.gradient-45deg-light-green-amber.gradient-shadow {
    -webkit-box-shadow: 0 6px 20px 0 rgba(255, 248, 225, .5) !important;
    box-shadow: 0 6px 20px 0 rgba(255, 248, 225, .5) !important;
}

.gradient-45deg-amber-amber {
    background: #ff6f00;
    background: -webkit-linear-gradient(45deg, #ff6f00, #ffca28) !important;
    background: -moz-oldlinear-gradient(45deg, #ff6f00, #ffca28) !important;
    background: -o-linear-gradient(45deg, #ff6f00, #ffca28) !important;
    background: linear-gradient(45deg, #ff6f00, #ffca28) !important;
}

.gradient-45deg-amber-amber.gradient-shadow {
    -webkit-box-shadow: 0 6px 20px 0 rgba(255, 202, 40, .5) !important;
    box-shadow: 0 6px 20px 0 rgba(255, 202, 40, .5) !important;
}

.gradient-45deg-purple-pink {
    background: #ea80fc;
    background: -webkit-linear-gradient(45deg, #ea80fc, #fce4ec) !important;
    background: -moz-oldlinear-gradient(45deg, #ea80fc, #fce4ec) !important;
    background: -o-linear-gradient(45deg, #ea80fc, #fce4ec) !important;
    background: linear-gradient(45deg, #ea80fc, #fce4ec) !important;
}

.gradient-45deg-purple-pink.gradient-shadow {
    -webkit-box-shadow: 0 6px 20px 0 rgba(252, 228, 236, .5) !important;
    box-shadow: 0 6px 20px 0 rgba(252, 228, 236, .5) !important;
}

.gradient-45deg-teal-cyan {
    background: #e0f2f1;
    background: -webkit-linear-gradient(45deg, #e0f2f1, #00e5ff) !important;
    background: -moz-oldlinear-gradient(45deg, #e0f2f1, #00e5ff) !important;
    background: -o-linear-gradient(45deg, #e0f2f1, #00e5ff) !important;
    background: linear-gradient(45deg, #e0f2f1, #00e5ff) !important;
}

.gradient-45deg-teal-cyan.gradient-shadow {
    -webkit-box-shadow: 0 6px 20px 0 rgba(0, 229, 255, .5) !important;
    box-shadow: 0 6px 20px 0 rgba(0, 229, 255, .5) !important;
}

.gradient-45deg-blue-grey-blue-grey {
    background: #cfd8dc;
    background: -webkit-linear-gradient(45deg, #cfd8dc, #546e7a) !important;
    background: -moz-oldlinear-gradient(45deg, #cfd8dc, #546e7a) !important;
    background: -o-linear-gradient(45deg, #cfd8dc, #546e7a) !important;
    background: linear-gradient(45deg, #cfd8dc, #546e7a) !important;
}

.gradient-45deg-blue-grey-blue-grey.gradient-shadow {
    -webkit-box-shadow: 0 6px 20px 0 rgba(84, 110, 122, .5) !important;
    box-shadow: 0 6px 20px 0 rgba(84, 110, 122, .5) !important;
}

.gradient-45deg-orange-amber {
    background: #e65100;
    background: -webkit-linear-gradient(45deg, #e65100, #1976d2) !important;
    background: -moz-oldlinear-gradient(45deg, #e65100, #1976d2) !important;
    background: -o-linear-gradient(45deg, #e65100, #1976d2) !important;
    background: linear-gradient(45deg, #e65100, #1976d2) !important;
}

.gradient-45deg-orange-amber.gradient-shadow {
    -webkit-box-shadow: 0 6px 20px 0 rgba(25, 118, 210, .5) !important;
    box-shadow: 0 6px 20px 0 rgba(25, 118, 210, .5) !important;
}

.gradient-45deg-indigo-blue {
    background: #303f9f;
    background: -webkit-linear-gradient(45deg, #303f9f, #1976d2) !important;
    background: -moz-oldlinear-gradient(45deg, #303f9f, #1976d2) !important;
    background: -o-linear-gradient(45deg, #303f9f, #1976d2) !important;
    background: linear-gradient(45deg, #303f9f, #1976d2) !important;
}

.gradient-45deg-indigo-blue.gradient-shadow {
    -webkit-box-shadow: 0 6px 20px 0 rgba(25, 118, 210, .5) !important;
    box-shadow: 0 6px 20px 0 rgba(25, 118, 210, .5) !important;
}

.gradient-45deg-brown-brown {
    background: #6d4c41;
    background: -webkit-linear-gradient(45deg, #6d4c41, #bbdefb) !important;
    background: -moz-oldlinear-gradient(45deg, #6d4c41, #bbdefb) !important;
    background: -o-linear-gradient(45deg, #6d4c41, #bbdefb) !important;
    background: linear-gradient(45deg, #6d4c41, #bbdefb) !important;
}

.gradient-45deg-brown-brown.gradient-shadow {
    -webkit-box-shadow: 0 6px 20px 0 rgba(187, 222, 251, .5) !important;
    box-shadow: 0 6px 20px 0 rgba(187, 222, 251, .5) !important;
}

.gradient-45deg-blue-grey-blue {
    background: #263238;
    background: -webkit-linear-gradient(45deg, #263238, #2979ff) !important;
    background: -moz-oldlinear-gradient(45deg, #263238, #2979ff) !important;
    background: -o-linear-gradient(45deg, #263238, #2979ff) !important;
    background: linear-gradient(45deg, #263238, #2979ff) !important;
}

.gradient-45deg-blue-grey-blue.gradient-shadow {
    -webkit-box-shadow: 0 6px 20px 0 rgba(41, 121, 255, .5) !important;
    box-shadow: 0 6px 20px 0 rgba(41, 121, 255, .5) !important;
}

.gradient-45deg-purple-deep-orange {
    background: var(--ec-primary-color);
}

.gradient-45deg-purple-deep-orange.gradient-shadow {
    -webkit-box-shadow: 0 6px 20px 0 rgba(255, 110, 64, .5) !important;
    box-shadow: 0 6px 20px 0 rgba(255, 110, 64, .5) !important;
}

.gradient-45deg-green-teal {
    background: #43a047;
    background: -webkit-linear-gradient(45deg, #43a047, #1de9b6) !important;
    background: -moz-oldlinear-gradient(45deg, #43a047, #1de9b6) !important;
    background: -o-linear-gradient(45deg, #43a047, #1de9b6) !important;
    background: linear-gradient(45deg, #43a047, #1de9b6) !important;
}

.gradient-45deg-green-teal.gradient-shadow {
    -webkit-box-shadow: 0 6px 20px 0 rgba(29, 233, 182, .5) !important;
    box-shadow: 0 6px 20px 0 rgba(29, 233, 182, .5) !important;
}

.gradient-45deg-purple-light-blue {
    background: #e040fb;
    background: -webkit-linear-gradient(45deg, #e040fb, #4fc3f7) !important;
    background: -moz-oldlinear-gradient(45deg, #e040fb, #4fc3f7) !important;
    background: -o-linear-gradient(45deg, #e040fb, #4fc3f7) !important;
    background: linear-gradient(45deg, #e040fb, #4fc3f7) !important;
}

.gradient-45deg-purple-light-blue.gradient-shadow {
    -webkit-box-shadow: 0 6px 20px 0 rgba(79, 195, 247, .5) !important;
    box-shadow: 0 6px 20px 0 rgba(79, 195, 247, .5) !important;
}

.gradient-45deg-cyan-cyan {
    background: #18ffff;
    background: -webkit-linear-gradient(45deg, #18ffff, #00e5ff) !important;
    background: -moz-oldlinear-gradient(45deg, #18ffff, #00e5ff) !important;
    background: -o-linear-gradient(45deg, #18ffff, #00e5ff) !important;
    background: linear-gradient(45deg, #18ffff, #00e5ff) !important;
}

.gradient-45deg-cyan-cyan.gradient-shadow {
    -webkit-box-shadow: 0 6px 20px 0 rgba(0, 229, 255, .5) !important;
    box-shadow: 0 6px 20px 0 rgba(0, 229, 255, .5) !important;
}

.gradient-45deg-yellow-teal {
    background: #fff9c4;
    background: -webkit-linear-gradient(45deg, #fff9c4, #64ffda) !important;
    background: -moz-oldlinear-gradient(45deg, #fff9c4, #64ffda) !important;
    background: -o-linear-gradient(45deg, #fff9c4, #64ffda) !important;
    background: linear-gradient(45deg, #fff9c4, #64ffda) !important;
}

.gradient-45deg-yellow-teal.gradient-shadow {
    -webkit-box-shadow: 0 6px 20px 0 rgba(100, 255, 218, .5) !important;
    box-shadow: 0 6px 20px 0 rgba(100, 255, 218, .5) !important;
}

.gradient-45deg-purple-deep-purple {
    background: #7b1fa2;
    background: -webkit-linear-gradient(45deg, #7b1fa2, #7c4dff) !important;
    background: -moz-oldlinear-gradient(45deg, #7b1fa2, #7c4dff) !important;
    background: -o-linear-gradient(45deg, #7b1fa2, #7c4dff) !important;
    background: linear-gradient(45deg, #7b1fa2, #7c4dff) !important;
}

.gradient-45deg-purple-deep-purple.gradient-shadow {
    -webkit-box-shadow: 0 6px 20px 0 rgba(124, 77, 255, .5) !important;
    box-shadow: 0 6px 20px 0 rgba(124, 77, 255, .5) !important;
}

.collapsible-body{
    background-color: #fff;
    padding: 0;
}

/*.gradient-45deg-cyan-light-green
{
      background: #0097a7;
      background: -webkit-linear-gradient(45deg, #0097a7, #b2ff59) !important;
      background: -moz-oldlinear-gradient(45deg, #0097a7, #b2ff59) !important;
      background:      -o-linear-gradient(45deg, #0097a7, #b2ff59) !important;
      background:         linear-gradient(45deg, #0097a7, #b2ff59) !important;
}*/
.gradient-45deg-cyan-light-green.gradient-shadow {
    -webkit-box-shadow: 0 6px 20px 0 rgba(178, 255, 89, .5) !important;
    box-shadow: 0 6px 20px 0 rgba(178, 255, 89, .5) !important;
}

.gradient-45deg-purple-amber {
    background: #d500f9;
    background: -webkit-linear-gradient(45deg, #d500f9, #ffa000) !important;
    background: -moz-oldlinear-gradient(45deg, #d500f9, #ffa000) !important;
    background: -o-linear-gradient(45deg, #d500f9, #ffa000) !important;
    background: linear-gradient(45deg, #d500f9, #ffa000) !important;
}

.gradient-45deg-purple-amber.gradient-shadow {
    -webkit-box-shadow: 0 6px 20px 0 rgba(255, 160, 0, .5) !important;
    box-shadow: 0 6px 20px 0 rgba(255, 160, 0, .5) !important;
}

.gradient-45deg-indigo-purple {
    background: #FA7268;
    background: -webkit-linear-gradient(45deg, #FA7268, #D23028) !important;
    background: -moz-oldlinear-gradient(45deg, #FA7268, #D23028) !important;
    background: -o-linear-gradient(45deg, #FA7268, #D23028) !important;
    background: linear-gradient(45deg, #FA7268, #D23028) !important;
}

.gradient-45deg-indigo-purple.gradient-shadow {
    -webkit-box-shadow: 0 6px 20px 0 rgba(123, 31, 162, .5) !important;
    box-shadow: 0 6px 20px 0 rgba(123, 31, 162, .5) !important;
}

.gradient-45deg-deep-purple-blue {
    background: #6200ea;
    background: -webkit-linear-gradient(45deg, #6200ea, #1976d2) !important;
    background: -moz-oldlinear-gradient(45deg, #6200ea, #1976d2) !important;
    background: -o-linear-gradient(45deg, #6200ea, #1976d2) !important;
    background: linear-gradient(45deg, #6200ea, #1976d2) !important;
}

.gradient-45deg-deep-purple-blue.gradient-shadow {
    -webkit-box-shadow: 0 6px 20px 0 rgba(25, 118, 210, .5) !important;
    box-shadow: 0 6px 20px 0 rgba(25, 118, 210, .5) !important;
}

.gradient-45deg-deep-orange-orange {
    background: #bf360c;
    background: -webkit-linear-gradient(45deg, #bf360c, #f57c00) !important;
    background: -moz-oldlinear-gradient(45deg, #bf360c, #f57c00) !important;
    background: -o-linear-gradient(45deg, #bf360c, #f57c00) !important;
    background: linear-gradient(45deg, #bf360c, #f57c00) !important;
}

.gradient-45deg-deep-orange-orange.gradient-shadow {
    -webkit-box-shadow: 0 6px 20px 0 rgba(245, 124, 0, .5) !important;
    box-shadow: 0 6px 20px 0 rgba(245, 124, 0, .5) !important;
}

.gradient-45deg-light-blue-cyan {
    background: #777777;
    background: -webkit-linear-gradient(45deg, #777777, #B1B1AD) !important;
    background: -moz-oldlinear-gradient(45deg, #777777, #B1B1AD) !important;
    background: -o-linear-gradient(45deg, #777777, #B1B1AD) !important;
    background: linear-gradient(45deg, #777777, #B1B1AD) !important;
}

.gradient-45deg-light-blue-cyan.gradient-shadow {
    -webkit-box-shadow: 0 6px 20px 0 rgba(38, 198, 218, .5) !important;
    box-shadow: 0 6px 20px 0 rgba(38, 198, 218, .5) !important;
}

.gradient-45deg-blue-indigo {
    background: #2962ff;
    background: -webkit-linear-gradient(45deg, #2962ff, #3949ab) !important;
    background: -moz-oldlinear-gradient(45deg, #2962ff, #3949ab) !important;
    background: -o-linear-gradient(45deg, #2962ff, #3949ab) !important;
    background: linear-gradient(45deg, #2962ff, #3949ab) !important;
}

.gradient-45deg-blue-indigo.gradient-shadow {
    -webkit-box-shadow: 0 6px 20px 0 rgba(57, 73, 171, .5) !important;
    box-shadow: 0 6px 20px 0 rgba(57, 73, 171, .5) !important;
}

.gradient-45deg-semi-dark {
    background: #00aeff;
    background: -webkit-gradient(linear, right top, left top, from(#00aeff), to(#3369e6)) !important;
    background: -webkit-linear-gradient(right, #00aeff, #3369e6) !important;
    background: -moz-oldlinear-gradient(right, #00aeff, #3369e6) !important;
    background: -o-linear-gradient(right, #00aeff, #3369e6) !important;
    background: linear-gradient(-90deg, #00aeff, #3369e6) !important;
}

.gradient-45deg-semi-dark.gradient-shadow {
    -webkit-box-shadow: 0 6px 20px 0 rgba(51, 105, 230, .5) !important;
    box-shadow: 0 6px 20px 0 rgba(51, 105, 230, .5) !important;
}

/*----------------------------------------
	Avatar
------------------------------------------*/
.avatar-status {
    line-height: 50px;

    position: relative;

    display: inline-block;

    width: 28px;

    vertical-align: bottom;
    white-space: nowrap;

    border-radius: 50px;
}

.avatar-status i {
    position: absolute;
    right: -2px;
    bottom: 18px;

    width: 9px !important;
    height: 9px !important;

    border: 1px solid var(--ec-white-text);
    border-radius: 100%;
}

.avatar-status span.text-circle {
    font-size: 1.2rem;

    display: table-cell;

    text-align: center;
    vertical-align: middle;

    color: var(--ec-white-text);
    background: #fafafa;
}

.avatar-status img {
    width: 100%;
    max-width: 100%;
    height: auto;

    border: 0 none;
    border-radius: 1000px;
    background: #e6e6e6;
}

.avatar-online i {
    background-color: #00e676;
}

.avatar-off i {
    background-color: #bdbdbd;
}

.avatar-busy i {
    background-color: #ff1744;
}

.avatar-away i {
    background-color: #ffc400;
}

.avatar-status.avatar-100 {
    width: 100px;
}

.avatar-status.avatar-100 span.text-circle {
    width: 100px;
    height: 100px;
}

.avatar-status.avatar-100 i {
    width: 20px;
    height: 20px;
}

.avatar-status.avatar-50 {
    line-height: 0;

    width: 50px;
}

.avatar-status.avatar-50 span.text-circle {
    width: 50px;
    height: 50px;
}

.avatar-status.avatar-50 i {
    right: -1px;
    bottom: 21px;

    width: 12px !important;
    height: 12px !important;
}

.avatar-status.avatar-lg {
    width: 144px;
}

.avatar-status.avatar-lg span.text-circle {
    width: 144px;
    height: 144px;
}

.avatar-status.avatar-lg i {
    right: 0;
    bottom: 0;

    width: 20px;
    height: 20px;
}

.avatar-status.avatar-md {
    width: 40px;
}

.avatar-status.avatar-md span.text-circle {
    width: 40px;
    height: 40px;
}

.avatar-status.avatar-md i {
    right: 0;
    bottom: 0;

    width: 10px;
    height: 10px;
}

.avatar-status.avatar-sm {
    width: 32px;
}

.avatar-status.avatar-sm span.text-circle {
    width: 32px;
    height: 32px;
}

.avatar-status.avatar-sm i {
    width: 8px;
    height: 8px;
}

.avatar-status.avatar-xs {
    width: 24px;
}

.avatar-status.avatar-xs span.text-circle {
    width: 24px;
    height: 24px;
}

.avatar-status.avatar-xs i {
    width: 7px;
    height: 7px;
}

.collection .collection-item.avatar:not(.circle-clipper) > .circle {
    background: #e6e6e6;
}

/*----------------------------------------
	Dropdown
------------------------------------------*/
.dropdown-content li:hover,
.dropdown-content li.active {
    background-color: #eee;
}

.dropdown-content li > a,
.dropdown-content li > span {
    padding: 10px 15px;
    font-size: 14px;
    color: var(--ec-text-color);
}

.dropdown-content li > a:hover,
.dropdown-content li > a.active,
.dropdown-content li > span:hover,
.dropdown-content li > span.active {
    background-color: var(--ec-primary-rgba-1);
    color: var(--ec-primary-color) !important;
}

.dropdown-content li > a > i {
    width: 24px;
    margin: 0 5px  0 0;
    font-size: 18px;
}

.d-flex{
    display: flex;
}
.align-items-center{
    align-items: center;
}
.align-items-start{
    align-items: flex-start;
}
.gap-10{
    gap: 10px;
}
.input-field .btn, .multiselect-btn-pad  .btn{
    box-shadow: none !important;
}
.multiselect-btn-pad  .btn, .setM-pad .btn{
    box-shadow: none !important;
    padding: 5px;
    border-radius: 5px;
    height: 30px;
    width: 30px;
    line-height: 1.2;
    text-align: center;
    border:0;
}
/*----------------------------------------
	Badges
------------------------------------------*/
span.badge {
    color: var(--ec-white-text);
    border-radius: 30px;
    box-shadow: none;
    line-height: 20px;
    border: 1px solid;
}
span.badge.gradient-45deg-cyan-light-green{
    color: var(--ec-active-green-color);
    border-radius: 30px;
    background-color: transparent;
    border-color: var(--ec-active-green-color);
}
span.badge.gradient-45deg-red-pink{
    color: var(--ec-red-color);
    border-radius: 30px;
    background-color: transparent !important;
    border-color: var(--ec-red-color);
}
.pagination li.active{
    background-color: var(--ec-primary-color);
    border: 1px solid var(--ec-primary-color);
    color: var(--ec-white-text);
    box-shadow: var(--ec-multiple-box-shadow);
    border-radius: 5px;
}
.pagination{
    text-align: right;
    margin: 0;
}
#page-length-option_wrapper .select-wrapper input.select-dropdown{
    width: 60px;
    height: 30px;
    padding: 5px;
    margin-bottom: 0;
    background-color: transparent;
}
.select-wrapper input.select-dropdown:focus {

    border-bottom: 1px solid var(--ec-primary-color);
}
.d-flex .select-wrapper .caret{
    margin: 3px 0;
}

span.badge.pill {
    font-size: .8rem;
    line-height: 20px;

    min-width: 1rem;
    height: 20px;

    border-radius: 50%;
    border-radius: 9px;
}

#badges-navbar nav .brand-logo {
    font-size: 2.1rem;
}

/*----------------------------------------
  Material
------------------------------------------*/
@font-face {
    font-family: 'Material Icons';
    font-weight: 400;
    font-style: normal;

    src: local('Material Icons'), local('MaterialIcons-Regular'), url('../../fonts/material-design-icons/MaterialIcons-Regular.ttf') format('truetype'), url('../../fonts/material-design-icons/MaterialIcons-Regular.woff2') format('woff2'), url('../../fonts/material-design-icons/MaterialIcons-Regular.woff') format('woff'), url('../../fonts/material-design-icons/MaterialIcons-Regular.eot');
}

.material-icons {
    font-family: 'Material Icons';
    font-size: 24px;
    font-weight: normal;
    font-style: normal;
    line-height: 1;
    /* Preferred icon size */

    display: inline-block;

    white-space: nowrap;
    letter-spacing: normal;
    text-transform: none;
    word-wrap: normal;

    direction: ltr;
    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;
    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;
    /* Support for IE. */
    -webkit-font-feature-settings: 'liga';
    -moz-font-feature-settings: 'liga';
    font-feature-settings: 'liga';
}

/* Rules for sizing the icon. */
.material-icons.md-18 {
    font-size: 18px;
}

.material-icons.md-24 {
    font-size: 24px;
}

.material-icons.md-36 {
    font-size: 36px;
}

.material-icons.md-48 {
    font-size: 48px;
}

/* Rules for using icons as black on a light background. */
.material-icons.md-dark {
    color: rgba(0, 0, 0, .54);
}

.material-icons.md-dark.md-inactive {
    color: rgba(0, 0, 0, .26);
}

/* Rules for using icons as white on a dark background. */
.material-icons.md-light {
    color: white;
}

.material-icons.md-light.md-inactive {
    color: rgba(255, 255, 255, .3);
}

/*----------------------------------------
    Pulse
------------------------------------------*/
.pulse-style-one {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.tb-search-filter .collapsible.collapsible-accordion{
    margin-top: 0 !important;
}
.opacity5{
    opacity: .5;
}
.cursor-pointer{
    cursor: pointer;
}
.modal{
    max-height: none;
    border-radius: 8px;
    overflow: hidden;
}
.modal .close {
    right: 15px;
    font-size: 30px;
    line-height: 1;
    color: #000;
    cursor: pointer;
    position: absolute;
    top: 10px;
}
.modal .modal-content {
    padding: 0px;
}
.modal-header {
    padding: 5px 10px;
    border-bottom: 1px solid var(--ec-color-gray-200);
    position: relative;
    background-color: var(--ec-color-gray-100);
}
.modal-header h5{
    color: var(--ec-primary-color);
}
#Script{
    color: var(--ec-text-color);
}
#Script p{
    line-height: 30x;
}
.modal .modal-body{
    max-height: 60vh;
    overflow-x: hidden;
    overflow-y: auto;
}
.navbar-list.right li{
    color: var(--ec-title-color);
}
.agent-main .search-filter form{
    margin-bottom: 0 !important;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .modal {
        position: -ms-page;
        top: 10%;
    }

    .modal.bottom-sheet {
        position: -ms-page;
        top: 155%;

        height: 100%;
    }

    .modal.bottom-sheet + .modal-overlay {
        position: -ms-page;
        top: 100%;
    }

    .modal-overlay {
        position: -ms-page;
        top: 5%;

        height: 100%;
    }
}

/*----------------------------------------
   Navbar
------------------------------------------*/
.navbar .header-search-wrapper {
    position: relative;

    display: inline-block;

    width: -webkit-calc(100% - 600px);
    width: -moz-calc(100% - 600px);
    width: calc(100% - 600px);
    height: 40px;
    margin: 10px auto 0 275px;

    -webkit-transition: .3s ease all;
    -moz-transition: .3s ease all;
    -o-transition: .3s ease all;
    transition: .3s ease all;

    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

.navbar .header-search-wrapper i {
    font-size: 24px;
    line-height: 32px !important;

    position: absolute;
    top: 6px;
    left: 24px;

    -webkit-transition: color 200ms ease;
    -moz-transition: color 200ms ease;
    -o-transition: color 200ms ease;
    transition: color 200ms ease;
}

.navbar .nav-collapsed .header-search-wrapper {
    margin: 10px auto 0 100px;
}

.navbar input.header-search-input {
    font-size: 16px;
    font-weight: 400;

    display: block;

    width: 87%;
    height: 24px;
    padding: 8px 8px 8px 72px;

    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;

    border: none;
    border-radius: 3px;
    outline: none;
    background: rgba(255, 255, 255, .3);

    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
}

.navbar input.header-search-input:hover {
    background: rgba(255, 255, 255, .5);
}

.navbar input.header-search-input:focus {
    color: #333;
    border-bottom: none !important;
    background: var(--ec-white-text);
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.navbar .header-search-wrapper-focus i {
    color: #444;
}

.navbar .header-search-input::-webkit-input-placeholder {
    font-size: 16px;
    font-weight: 400;

    color: var(--ec-white-text);
}

.navbar .header-search-input::-moz-placeholder {
    font-size: 16px;
    font-weight: 400;

    color: var(--ec-white-text);
}

.navbar .header-search-input:-ms-input-placeholder {
    font-size: 16px;
    font-weight: 400;

    color: var(--ec-white-text);
}

.navbar .header-search-input:focus::-webkit-input-placeholder {
    font-size: 16px;
    font-weight: 400;

    color: #333;
}

.navbar .header-search-input:focus::-moz-placeholder {
    font-size: 16px;
    font-weight: 400;

    color: #333;
}

.navbar .header-search-input:focus::placeholder {
    font-size: 16px;
    font-weight: 400;

    color: #333;
}

.navbar .header-search-input:focus:-ms-input-placeholder {
    font-size: 16px;
    font-weight: 400;

    color: #333;
}

.navbar .header-search-input::-webkit-input-placeholder {
    font-size: 16px;
    font-weight: 400;

    color: var(--ec-white-text);
}

.navbar .header-search-input::-moz-placeholder {
    font-size: 16px;
    font-weight: 400;

    color: var(--ec-white-text);
}

.navbar .header-search-input::placeholder {
    font-size: 16px;
    font-weight: 400;

    color: var(--ec-white-text);
}

.navbar .toggle-fullscreen,
.navbar .notification-button {
    line-height: 1;
}

.navbar .notification-badge {
    font-family: var(--font-family);
    position: absolute;
    top: 7px;
    right: 9px;
    color: var(--ec-white-text);
    border-radius: 50%;
    background-color: #1c84ee;
    box-shadow: none;
    font-size: 10px;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

.navbar #notifications-dropdown h5 {
    font-size: 1rem;
    font-weight: 500;

    text-transform: capitalize;
}

.navbar #notifications-dropdown li {
    font-size: 1rem;
    padding: 8px 16px;
}

.navbar #notifications-dropdown li > a {
    font-size: 1.1rem;
    font-weight: 300;

    padding: 0;
}

.navbar #notifications-dropdown li > a > span {
    font-size: 1.2rem;

    position: relative;
    top: 4px;

    display: inline-block;

    margin-right: 5px;
}

.navbar #notifications-dropdown li > time {
    font-size: .8rem;
    font-weight: 400;

    margin-left: 38px;
}

.navbar #notifications-dropdown li.divider {
    padding: 0;
}

.navbar .navbar-light {
    background: var(--ec-white-text);
}

.navbar .navbar-light ul a {
    color: rgba(0, 0, 0, .87);
}

.navbar .navbar-light .header-search-wrapper i {
    color: rgba(0, 0, 0, .87);
}

.navbar .navbar-light .header-search-wrapper input.header-search-input {
    color: rgba(0, 0, 0, .87);
    border: 1px solid #efefef;
    background: rgba(230, 230, 230, .3);
}

.navbar .navbar-light .header-search-wrapper input.header-search-input:hover,
.navbar .navbar-light .header-search-wrapper input.header-search-input:active,
.navbar .navbar-light .header-search-wrapper input.header-search-input:focus {
    border: 1px solid #adadad;
    border-bottom: 1px solid #adadad !important;
    background: rgba(230, 230, 230, 0);
}

.navbar .navbar-light .header-search-wrapper input.header-search-input::-webkit-input-placeholder {
    color: rgba(0, 0, 0, .87);
}

.navbar .navbar-light .header-search-wrapper input.header-search-input::-moz-placeholder {
    color: rgba(0, 0, 0, .87);
}

.navbar .navbar-light .header-search-wrapper input.header-search-input::placeholder {
    color: rgba(0, 0, 0, .87);
}

.navbar .navbar-dark {
    background: #37474f;
}

.navbar .navbar-dark ul a {
    color: var(--ec-white-text);
}

.navbar .navbar-dark .header-search-wrapper i {
    color: var(--ec-white-text);
}

.navbar .navbar-dark .header-search-wrapper input.header-search-input {
    color: var(--ec-white-text);
    border: 1px solid rgba(230, 230, 230, .05);
    background: rgba(230, 230, 230, .3);
}

.navbar .navbar-dark .header-search-wrapper input.header-search-input:hover,
.navbar .navbar-dark .header-search-wrapper input.header-search-input:active,
.navbar .navbar-dark .header-search-wrapper input.header-search-input:focus {
    border: 1px solid rgba(230, 230, 230, .1);
    background: rgba(230, 230, 230, .1);
}

.navbar .navbar-dark .header-search-wrapper input.header-search-input::-webkit-input-placeholder {
    color: var(--ec-white-text);
}

.navbar .navbar-dark .header-search-wrapper input.header-search-input::-moz-placeholder {
    color: var(--ec-white-text);
}

.navbar .navbar-dark .header-search-wrapper input.header-search-input::placeholder {
    color: var(--ec-white-text);
}

.navbar .no-shadow {
    -webkit-box-shadow: none;
    box-shadow: none;
}

nav.display-none.search-sm .nav-wrapper form .input-field input.search-box-sm:not(:focus) {
    color: var(--ec-white-text);
}

@media only screen and (max-width: 600px) {
    .navbar .nav-wrapper .dropdown-content {
        left: 0 !important;
        width: 100% !important;
        height: 100px !important;
    }

    .notification-button i {
        font-size: 29px;

        position: relative;
        top: 12px;
    }

    .search-button i {
        position: relative;
        top: 6px;

        height: 0;
    }

    .search-sm-close {
        position: absolute !important;
        top: 12px !important;
    }

    .search-sm-icon {
        position: absolute !important;
        top: 14px !important;
    }
}

/*----------------------------------------
    SideNav - Main Menu
------------------------------------------*/
.sidenav-main {
    position: fixed;
    /* z-index: 1000; */
    z-index: 995;
    top: 0;
    width: 250px;
    height: 100%;
    -webkit-transition: .3s ease all;
    -moz-transition: .3s ease all;
    -o-transition: .3s ease all;
    transition: .3s ease all;
}

.sidenav-main span.badge.new {
    line-height: 20px;
    margin-top: 11px;
}

.brand-sidebar {
    position: fixed;
    top: 0;
    left: 0;
    width: inherit;
    height: 56px;
    background: var(--ec-white-text);
    -webkit-box-shadow: none;
    box-shadow: none;
    /* box-shadow: 0 2px 4px 0 var(--ec-box-shadow-color); */
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

.brand-sidebar .logo-wrapper {
    font-size: 3rem;
    line-height: 17px !important;
    margin: 0;
    white-space: nowrap;
    width: auto;
    height: 100%;
}

.brand-sidebar .logo-wrapper a.brand-logo img {
    height: 28px;
}

/* a.navbar-toggler {*/
/*    position: absolute;*/
/*    top: 7px;*/
/*    right: 22px;*/
/*}*/
a.navbar-toggler {
    margin-left: 15px;
    color: var(--ec-primary-color);
    font-size: 22px;
}
nav .nav-wrapper {
    margin-left: 250px;
}
nav.nav-collapsed .nav-wrapper{
    margin-left: 60px;
}
.brand-sidebar .logo-wrapper a.navbar-toggler i {
    font-size: 15px;
    line-height: 56px;

    display: block;

    height: 56px;

    color: #333;
}

.brand-sidebar span.logo-text {
    font-size: 24px;

    visibility: visible;

    padding-left: 8px;

    -webkit-transition: opacity .2s linear;
    -moz-transition: opacity .2s linear;
    -o-transition: opacity .2s linear;
    transition: opacity .2s linear;

    opacity: 1;
}

.brand-sidebar .brand-logo {
    font-size: 2.1rem;
    line-height: 0;
    position: absolute;
    display: inline-block;
    margin: 1px 0;
    padding: 15px 0;
    color: #333;
    text-align: center;
    height: 100%;
    width: 100%;
    /* background-size: 46%; */
    background-size: 75%;
    background-position: center;
    background-repeat: no-repeat;
}

.brand-sidebar .brand-logo img {
    height: 18px;
}

.brand-sidebar .brand-logo.center {
    left: 50%;

    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.speeddial-form-data .input-field .prefix ~ label {
    margin-left: 3rem;
}

@media only screen and (max-width: 992px) {
    .brand-sidebar .brand-logo {
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 200px;
        margin-left: 55px;
        padding: 5px 0 !important;
        height: 55px;
    }

    .brand-sidebar .brand-logo.left,
    .brand-sidebar .brand-logo.right {
        padding: 0;

        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
    }

    .brand-sidebar .brand-logo.left {
        left: .5rem;
    }

    .brand-sidebar .brand-logo.right {
        right: .5rem;
        left: auto;
    }
}

.brand-sidebar .brand-logo.right {
    right: .5rem;

    padding: 0;
}

.navbar nav{
    /*background: var(--ec-white-text) !important;*/
}

nav ul a{
    color: var(--ec-primary-color);
}

nav ul a:hover{
    background-color: var(--ec-primary-rgba-1);
}

.brand-sidebar .brand-logo i,
.brand-sidebar .brand-logo [class^='mdi-'],
.brand-sidebar .brand-logo [class*='mdi-'],
.brand-sidebar .brand-logo i.material-icons {
    float: left;

    margin-right: 15px;
}

.sidenav {
    top: 56px;
    overflow: hidden;
    width: inherit;
    height: 100%;
    -webkit-transition: auto !important;
    -moz-transition: auto !important;
    -o-transition: auto !important;
    transition: auto !important;
    border: none;
    -webkit-box-shadow: 0 2px 4px 0 var(--ec-box-shadow-color);
    box-shadow: 0 2px 4px 0 var(--ec-box-shadow-color) !important;
    border-radius: 0 !important;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    background: var(--ec-white-text);
}

.sidenav.native-scroll {
    overflow-y: scroll !important;
}

.sidenav a {
    line-height: 42px;

    height: 42px;
}

.sidenav .navigation-header {
    font-size: .85rem;
    font-weight: 600;

    margin-top: 10px;
    padding: 0 17px;

    text-transform: uppercase;
}

.sidenav .navigation-header .navigation-header-icon {
    display: none;
}

.sidenav .navigation-header .navigation-header-text {
    font-size: .85rem;
    font-weight: 600;
    line-height: 30px;
    height: 30px;
    margin: 0;
    padding: 0 !important;
    color: #969696;
}

.sidenav .navigation-header .navigation-header-text:hover {
    background-color: transparent !important;
}

.sidenav li {
    line-height: 44px;
    position: relative;
    z-index: 0;
    padding: 0;
}

.btn-floating{
    background-color: var(--ec-primary-color);
}

.btn-floating:hover{
    background-color: var(--ec-primary-hover);
}

.sidenav li a {
    color: var(--ec-title-color);
}

.sidenav li a i {
    font-size: 1.4rem;
    line-height: inherit;

    display: block;
    float: left;

    width: 2rem;
    margin-right: 1rem;

    text-align: center;
    color: var(--ec-secondary-color);
}

.sidenav .collapsible-header {
    font-weight: 400;
    margin: 0;
    /* Sidebar nav open close icons*/
}

.sidenav .collapsible-header:after {
    font-family: 'Material Icons';
    font-size: 18px;
    position: absolute;
    right: 9px;
    content: 'keyboard_arrow_right';
    transition: transform .3s ease-in-out, opacity .25s ease-in-out .1s, -webkit-transform .3s ease-in-out;

    color: #afafaf;
    top: 0;
}

.sidenav .collapsible-header.active:after {
    content: 'keyboard_arrow_down';
}

.sidenav li .collapsible-body {
    background: transparent;
}

.sidenav li .collapsible-body a i {
    font-size: 20px;
}
.sidenav-main .sidenav li.bold .collapsible-body ul {
    padding-left: 10px;
}
.sidenav li a.active {
    color: var(--ec-primary-color);
    background: var(--ec-primary-rgba-1);
}

.sidenav li a.active i {
    color: #333;
}

.sidenav li:not(.active).open {
    background-color: rgba(0, 0, 0, .035);
}

.sidenav li.active {
    background-color: transparent;
}

.sidenav li.active > .collapsible-header:after  {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    color: var(--ec-white-text);
}
.sidenav li > .collapsible-header:hover:after{
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}
/*.sidenav li.open
{
    background: rgba(0, 0, 0, .035);
}*/
.sidenav li > a,
.sidenav li a.collapsible-header {
    font-weight: 400;
    line-height: 44px;

    height: 44px;
    padding: 0 16px !important;
}

.sidenav li > a > i.material-icons,
.sidenav li a.collapsible-header > i.material-icons {
    line-height: 44px;

    height: 44px;
    margin: 0 20px 0 0;
}

.sidenav .collapsible-body > ul:not(.collapsible) > li.active,
.sidenav.sidenav-fixed .collapsible-body > ul:not(.collapsible) > li.active {
    background-color: transparent;
}

.sidenav .collapsible-body > ul:not(.collapsible) > li.active a,
.sidenav .collapsible-body > ul:not(.collapsible) > li.active i,
.sidenav.sidenav-fixed .collapsible-body > ul:not(.collapsible) > li.active a,
.sidenav.sidenav-fixed .collapsible-body > ul:not(.collapsible) > li.active i,
.sidenav.sidenav-fixed .collapsible-body > ul:not(.collapsible) > li a:hover,
.sidenav .collapsible-body > ul:not(.collapsible) > li a:hover {
    /* color: #2196f3; */
    font-weight: 500;
    color: var(--ec-title-color) !important;
    background: none;
}

.nav-expanded .sidenav .menu-title {
    visibility: visible;

    -webkit-transition: opacity .2s linear;
    -moz-transition: opacity .2s linear;
    -o-transition: opacity .2s linear;
    transition: opacity .2s linear;

    opacity: 1;
}

.nav-expanded .navigation-header-text {
    display: block;
}

.nav-expanded .navigation-header-icon {
    display: none;
}

.nav-collapsed.sidenav-main {
    width: 64px;
}

.nav-collapsed .brand-sidebar .navbar-toggler,
.nav-collapsed .brand-sidebar .brand-logo span {
    visibility: hidden;

    -webkit-transition: visibility 0s 2s, opacity .05s linear;
    -moz-transition: visibility 0s 2s, opacity .05s linear;
    -o-transition: visibility 0s 2s, opacity .05s linear;
    transition: visibility 0s 2s, opacity .05s linear;

    opacity: 0;
}

.nav-collapsed .navigation-header-text {
    display: none;
}

.nav-collapsed .navigation-header-icon {
    display: block !important;
}

/* .nav-collapsed .sidenav .user-options,
.nav-collapsed .sidenav .menu-title,
.nav-collapsed .sidenav .collapsible-body span,
.nav-collapsed .sidenav .collapsible-header:after {
    display: none;
} */

.nav-collapsed .sidenav .menu-title {
    visibility: visible;

    -webkit-transition: opacity .2s linear;
    -moz-transition: opacity .2s linear;
    -o-transition: opacity .2s linear;
    transition: opacity .2s linear;

    opacity: 1;
}

.nav-lock .navigation-header-icon {
    display: none;
}

.nav-collapsible.nav-collapsed span.badge.pill {
    visibility: hidden;

    -webkit-transition: visibility 0s 2s, opacity .05s linear;
    -moz-transition: visibility 0s 2s, opacity .05s linear;
    -o-transition: visibility 0s 2s, opacity .05s linear;
    transition: visibility 0s 2s, opacity .05s linear;

    opacity: 0;
}

.nav-collapsible span.badge {
    color: var(--ec-white-text);
}

.nav-collapsible span.badge.pill {
    position: absolute;
    right: 10px;

    visibility: visible;
    float: none;

    -webkit-transition: opacity .2s linear;
    -moz-transition: opacity .2s linear;
    -o-transition: opacity .2s linear;
    transition: opacity .2s linear;

    opacity: 1;
}

.sidenav-dark {
    background: #2c323f;
}

.sidenav-dark .brand-sidebar {
    background: #2c323f;
    -webkit-box-shadow: 0 -4px 7px 1px rgba(0, 0, 0, .2);
    box-shadow: 0 -4px 7px 1px rgba(0, 0, 0, .2);
}

.sidenav-dark.sidenav-main .sidenav {
    background-color: transparent;
}

.sidenav-dark.sidenav-main .sidenav .collapsible-body > ul:not(.collapsible) > li.active,
.sidenav-dark.sidenav-main .sidenav.fixed .collapsible-body > ul:not(.collapsible) > li.active {
    background: #2196f3;
}

.sidenav-dark.sidenav-main .sidenav li .navigation-header-text {
    color: #b0bec5;
}

.sidenav-dark.sidenav-main .sidenav li > a,
.sidenav-dark.sidenav-main .sidenav li .more-text {
    color: var(--ec-white-text);
}

.sidenav-dark.sidenav-main .sidenav li > a > i,
.sidenav-dark.sidenav-main .sidenav li .more-text > i {
    color: var(--ec-white-text);
}

.sidenav-dark.sidenav-main .sidenav li.bold > a:not(.active):hover,
.sidenav-dark.sidenav-main .sidenav li:not(.active).open {
    background-color: rgba(0, 0, 0, .1) !important;
}

.sidenav-dark.sidenav-main .collapsible {
    border: none;
}

.sidenav-dark.sidenav-main .brand-sidebar .brand-logo,
.sidenav-dark.sidenav-main .brand-sidebar .logo-wrapper a.navbar-toggler i {
    color: var(--ec-white-text);
}

.sidenav-dark.sidenav-gradient .brand-sidebar {
    background: transparent;
}

.sidenav-dark.sidenav-gradient.fixed .collapsible-body {
    background: transparent;
}

.sidenav-dark.sidenav-gradient.sidenav-main .sidenav li .navigation-header-text {
    color: #ececec;
}

.sidenav-dark .collapsible-header:after {
    color: #ececec;
}

.sidenav-dark .ps__rail-y:hover {
    background: transparent;
}

.navbar-full .brand-sidebar {
    background: transparent;
}

.navbar-full .brand-sidebar .brand-logo {
    color: var(--ec-white-text);
}

.navbar-full .brand-sidebar .logo-wrapper a.navbar-toggler i {
    color: var(--ec-white-text);
}

.sidenav-active-rounded .sidenav li > a.active {
    color: #333;
    border-radius: 0 25px 25px 0;
}

.sidenav-active-rounded .sidenav li > a.active > i {
    color: #333;
}

.sidenav-active-rounded .sidenav li:not(.open) > a.active {
    color: #333;
}

.sidenav-active-rounded .sidenav li:not(.open) > a.active > i {
    color: #333;
}

.sidenav-active-rounded .sidenav li:not(.active) > a:hover {
    margin-right: 16px;

    border-radius: 0 25px 25px 0;
}

.sidenav-active-rounded .sidenav li > a,
.sidenav-active-rounded .sidenav li a.collapsible-header {
    margin-right: 16px;
    padding: 0 0 0 16px !important;

    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
}

.sidenav-active-rounded .sidenav .collapsible-header:after {
    right: 9px;
}

.sidenav-active-rounded.nav-collapsed li > a,
.sidenav-active-rounded.nav-collapsed li a.collapsible-header {
    margin-right: 10px;
}

.color-orange {
    color: #d73930;
}

.sidenav-active-rounded.nav-collapsed li.close {
    background-color: rgba(0, 0, 0, .08);
}

.sidenav-active-square .sidenav li > a.active {
    color: var(--ec-white-text) !important;
    background: var(--ec-primary-color);
    border-radius: 10px;
}

.sidenav-active-square .sidenav li > a.active > i {
    color: var(--ec-white-text) !important;
}

.sidenav-active-square .sidenav li:not(.open) > a.active {
    color: var(--ec-primary-color);
}

.sidenav-active-square .sidenav li:not(.open) > a.active > i {
    color: var(--ec-primary-color);
}

/* .sidenav-active-square .sidenav li:not(.active) > a:hover {
    margin-right: 16px;
 */

.sidenav-active-square .sidenav li > a,
.sidenav-active-square .sidenav li a.collapsible-header {
    /* margin-right: 16px; */
    padding: 0 0 0 16px !important;

    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
}

/* .sidenav-active-square .sidenav .collapsible-header:after {
    right: 9px;
} */


/*.sidenav-active-square.nav-collapsed li.close
{
    background-color: rgba(0, 0, 0, .08);
}*/

@media only screen and (max-width: 992px) {
    .sidenav-main {
        width: auto;
        height: 0;
        z-index: 998;
    }
    nav.nav-collapsed .nav-wrapper{
        margin-left: 0;
    }
    nav .nav-wrapper{
        margin-left: 0;
    }
    nav.nav-collapsed .header-section{
        justify-content: flex-end;
    }
    footer.footer-full {
        padding-left: 0  !important;
    }
    .sidenav-main .brand-sidebar {
        left: 80px;

        background: transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .sidenav-main .brand-sidebar .navbar-toggler {
        display: none;
    }

    .sidenav-main .brand-sidebar .logo-wrapper {
        padding: 0 !important;
    }

    .sidenav-main .brand-sidebar .sidenav-trigger {
        top: -48px;
    }

    .sidenav-main .sidenav {
        top: 0;
        width: 250px;
    }

    .sidenav-main .btn-sidenav-toggle {
        position: relative;
        top: 10px;
        left: 10px;
        z-index: 5;
    }

    .sidenav-dark.sidenav-main .sidenav {
        background: #2c323f;
    }
}

@media only screen and (max-width: 600px) {
    .sidenav-main .brand-sidebar .brand-logo {
        padding: 0px 2px 0px 2px;
        /* width: 200px; */
        width: 150px;
        margin-left: 20px;
        height: 50px;
    }
    .navbar-list.right .search-button, .navbar-list.right .profile-button{
        padding: 0 !important;
    }

    .sidenav-main .btn-sidenav-toggle {
        position: relative;
        top: 6px;
        left: 6px;
    }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .sidenav .collapsible-header {
        /* Sidebar nav open close icons*/
    }

    .sidenav .collapsible-header:after {
        width: 0;

        content: '+';
    }

    .sidenav li.active > .collapsible-header:after {
        right: 0;

        width: 0;

        content: '-';
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }
}

/*----------------------------------------
    Slideout - Right side chat slide out
------------------------------------------*/
#right-search .input-field {
    margin-top: 0;
}

#slide-out-right {
    top: 64px;

    overflow: hidden;
}

#slide-out-right .tab a {
    padding: 0 !important;
}

#slide-out-right.sidenav {
    top: 0;

    width: 340px;
    padding-bottom: 0;
}

#slide-out-right.sidenav li a.active {
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

#slide-out-right.sidenav .slide-out-right-body {
    overflow-y: hidden;

    width: 100%;
    height: -webkit-calc(100vh - 60px);
    height: -moz-calc(100vh - 60px);
    height: calc(100vh - 60px);
}

#slide-out-right.sidenav #messages {
    padding: .7rem;
}

#slide-out-right.sidenav #messages .header-search-input {
    width: 86%;
    height: 2.8rem;
    margin: 1rem;
    padding-left: 1rem;

    border: none;
    border-radius: 2rem;
    background-color: #eee;
}

#slide-out-right.sidenav #messages .collection {
    max-height: 100% !important;
}

#slide-out-right.sidenav #messages .collection .collection-item {
    border: none;
}

#slide-out-right.sidenav #messages .collection ul.collection {
    overflow: hidden;

    max-height: 100% !important;

    border: none;
}

#slide-out-right.sidenav #messages .collection ul.collection li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;

    padding-top: 1.2rem;

    cursor: pointer;
}

#slide-out-right.sidenav #messages .collection ul.collection li .user-content {
    margin-top: .4em;
    margin-left: 1rem;
}

#slide-out-right.sidenav #messages .collection ul.collection li .secondary-content {
    top: 1.6rem;

    color: #c5cae9;
}

#slide-out-right.sidenav #messages .collection ul.collection li:hover {
    background-color: #f5f5f5;
}

#slide-out-right .fixed-line-height {
    line-height: 24px;
}

#slide-out-right #chatapp li {
    line-height: 35px !important;

    min-height: 70px !important;
}

#slide-out-right #chatapp .sidenav li {
    line-height: 20px !important;
}

.chat-close-collapse {
    padding: 5px 15px 0 0;
}

.icon-bg-color {
    font-size: 20px;

    width: 35px;
    height: 35px;
    padding-top: 8px;

    text-align: center;

    border-radius: 50%;
}

.border-bottom-1 {
    border-bottom: 1px solid #f5f5f5;
}

#activity ul.collection {
    max-height: 100% !important;
}

#activity .collection::before {
    position: absolute;
    top: 1rem;
    left: 4%;

    width: 1px;
    height: 100%;
    margin-left: -1px;

    content: '';

    background-color: #e0e0e0;
}

#activity .collection-item::before {
    font-family: 'Material Icons';
    font-size: 1rem;

    position: absolute;
    left: 1.6%;

    content: 'lens';

    color: #e0e0e0;
    border-radius: 100%;
}

#activity .collection {
    border: none;
}

#activity .collection .collection-item {
    margin-bottom: 1rem;
    padding-left: 2rem;

    border: none;
}

#activity .collection .collection-item p {
    font-size: .9rem;
}

#activity .collection .collection-item .badge {
    float: none;

    margin: 0;
    padding: .3rem .5rem .4rem .5rem;
}

#activity .collection .collection-item .secondary-content {
    font-size: .9rem;

    color: #c5cae9;
}

.slide-out-right-sidenav-chat {
    top: 0;

    width: 340px;
}

#settings ul.collection {
    max-height: 100% !important;
}

@media only screen and (max-width: 992px) {
    #slide-out-right {
        top: 0;
    }

    #slide-out-right.sidenav {
        height: 100% !important;
    }
}

#slide-out-chat .chat-head,
#slide-out-chat .chat-footer {
    z-index: 1;

    width: 100%;

    background-color: #eceff1;
}

#slide-out-chat .chat-footer {
    bottom: -.6rem;
}

#slide-out-chat .chat-footer form {
    background-color: #eceff1;
}

#slide-out-chat .chat-footer input {
    width: 80%;
    margin-left: -2rem;
    padding-left: 1rem;

    border: none;
    border-radius: 3rem;
    background-color: var(--ec-white-text);
}

#slide-out-chat .chat-footer label {
    margin-top: -.7rem;
    margin-left: 2rem;
}

#slide-out-chat .chat-footer label:not(.label-icon).active {
    display: none;
}

#slide-out-chat .chat-footer i {
    cursor: pointer;
}

#slide-out-chat .chat-footer a {
    line-height: 2rem;

    position: absolute;

    width: 40px;

    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
}

#slide-out-chat .speech-bubble {
    position: relative;

    margin-left: 1rem;

    border-radius: .3rem;
    background: #eceff1;
}

#slide-out-chat .speech-bubble:after {
    position: absolute;
    top: 50%;
    left: -9px;

    width: 0;
    height: 0;
    margin-top: -20px;

    content: '';

    border: 10px solid transparent;
    border-right-color: #eceff1;
    border-left: 0;
}

#slide-out-chat .speech-bubble-right {
    position: relative;

    margin-left: 1rem;

    color: var(--ec-white-text);
    border-radius: .3rem;
    background-color: #2196f3;
}

#slide-out-chat .speech-bubble-right:after {
    position: absolute;
    top: 50%;
    right: 0;

    width: 0;
    height: 0;
    margin-top: -16px;
    margin-right: -8px;

    content: '';

    border: 10px solid transparent;
    border-right: 0;
    border-left-color: #2196f3;
}

#slide-out-chat .chat-body ul.collection {
    top: 0;

    margin-top: 0;
    margin-bottom: 0;
}

#slide-out-chat .collection {
    top: 48px;

    height: -webkit-calc(100vh - 129px);
    height: -moz-calc(100vh - 129px);
    height: calc(100vh - 129px);
}

#slide-out-chat .collection .collection-item {
    min-height: auto;
    margin-bottom: 1rem;

    border: none;
}

#slide-out-chat .collection .collection-item .user-content {
    padding: 1rem;
}

@media (max-width: 600px) {
    #slide-out-right.sidenav {
        -webkit-box-shadow: none;
        box-shadow: none;
    }
}

/*----------------------------------------
	Breadcrumb
------------------------------------------*/
#breadcrumbs-wrapper {
    padding: 15px 0;
    background: transparent;
}

#breadcrumbs-wrapper .breadcrumbs-btn {
    top: 24px;
}

#breadcrumbs-wrapper h5.breadcrumbs-header {
    font-size: 1.64rem;
    line-height: 1.804rem;

    margin: 1.5rem 0 0 0;
}

#breadcrumbs-wrapper .breadcrumbs {
    margin: 0;
    padding: 0;
    list-style: none;
}

#breadcrumbs-wrapper .breadcrumbs > li {
    display: inline-block;
}
#breadcrumbs-wrapper .breadcrumbs > li a:hover{
    color: var(--ec-primary);
}

#breadcrumbs-wrapper .breadcrumbs > li + li::before {
    font-family: 'Material Icons';
    position: relative;
    top: 3px;
    padding: 0 2px 0 0px;
    content: 'keyboard_arrow_right';
    color: var(--ec-primary-color);
}

#breadcrumbs-wrapper .breadcrumbs .active {
    font-weight: normal;
    color: var(--ec-primary-hover);
}

#breadcrumbs-wrapper .breadcrumbs-title {
    font-size: 1.4rem;
    line-height: 1.4rem;
    position: relative;
}

#breadcrumbs-wrapper .breadcrumbs-title::after {
    content: '';
    width: 2px;
    height: 16px;
    background-color: var(--ec-color-gray-200);
    position: absolute;
    right: -8px;
    top: 3px;
}


#breadcrumbs-wrapper .breadcrumbs-nav {
    margin: 8px 0 9px;
}

#breadcrumbs-wrapper.breadcrumbs-bg-image {
    position: relative;
    z-index: 1;

    color: var(--ec-white-text);
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
}

#breadcrumbs-wrapper.breadcrumbs-bg-image .breadcrumbs-title {
    color: var(--ec-white-text);
}

#breadcrumbs-wrapper.breadcrumbs-bg-image .breadcrumbs {
    margin: 10px 0;
}

#breadcrumbs-wrapper.breadcrumbs-bg-image .breadcrumbs a {
    color: rgba(255, 255, 255, .8);
}

#breadcrumbs-wrapper.breadcrumbs-bg-image .breadcrumbs .active {
    color: rgba(255, 255, 255, .9);
}

#breadcrumbs-wrapper.breadcrumbs-bg-image::before {
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    content: '';

    background-color: rgba(0, 0, 0, .07);
}

#breadcrumbs-wrapper.breadcrumbs-dark .breadcrumbs-title{
    color: var(--ec-color-gray-700);
}

#breadcrumbs-wrapper.breadcrumbs-dark a {
    color: var(--ec-primary-color);
}

#breadcrumbs-wrapper.breadcrumbs-dark a:hover {
    color: var(--ec-primary-hover);
}

.profile-contain{
    position: relative;
    clear: both;
}

#breadcrumbs-wrapper .m12{
    padding: 0;
    display: flex;
    align-items: center;
    gap: 15px;
}

#breadcrumbs-wrapper.breadcrumbs-inline .breadcrumbs-title,
#breadcrumbs-wrapper.breadcrumbs-inline .breadcrumbs {
    display: inline;
}

#breadcrumbs-wrapper.breadcrumbs-inline .breadcrumbs-left {
    position: relative;
    top: 8px;
}

#breadcrumbs-wrapper.breadcrumbs-inline .breadcrumbs-title {
    padding-right: 20px;

    border-right: 1px solid #bdbdbd;
}

#breadcrumbs-wrapper.breadcrumbs-inline .breadcrumbs {
    padding-left: 20px;
}

#breadcrumbs-wrapper.breadcrumbs-inline .breadcrumbs-btn {
    top: 0;
}

#breadcrumbs-wrapper .breadcrumbs-right .breadcrumbs {
    float: right;

    margin-top: 0;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    #breadcrumbs-wrapper .breadcrumbs > li + li::before {
        top: 0;

        width: 0;

        content: '/';
    }
}

/*----------------------------------------
    Forms
------------------------------------------*/
.input-field div.error {
    font-size: .8rem;

    position: relative;
    top: 0rem;
    left: 0rem;

    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%);

    color: #ff4081;
}

.input-field label.active {
    width: 100%;
}

.left-alert input[type=text] + label:after,
.left-alert input[type=password] + label:after,
.left-alert input[type=email] + label:after,
.left-alert input[type=url] + label:after,
.left-alert input[type=time] + label:after,
.left-alert input[type=date] + label:after,
.left-alert input[type=datetime-local] + label:after,
.left-alert input[type=tel] + label:after,
.left-alert input[type=number] + label:after,
.left-alert input[type=search] + label:after,
.left-alert textarea.materialize-textarea + label:after {
    left: 0;
}

.right-alert input[type=text] + label:after,
.right-alert input[type=password] + label:after,
.right-alert input[type=email] + label:after,
.right-alert input[type=url] + label:after,
.right-alert input[type=time] + label:after,
.right-alert input[type=date] + label:after,
.right-alert input[type=datetime-local] + label:after,
.right-alert input[type=tel] + label:after,
.right-alert input[type=number] + label:after,
.right-alert input[type=search] + label:after,
.right-alert textarea.materialize-textarea + label:after {
    right: 70px;
}

/*----------------------------------------
    Tables
------------------------------------------*/
table.dataTable.dtr-inline.collapsed > tbody > tr[role='row'] > td:first-child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr[role='row'] > th:first-child:before {
    line-height: 15px;

    top: 19px;

    text-indent: -1px !important;
}
input:not([type]):focus:not([readonly]),
input[type=text]:not(.browser-default):focus:not([readonly]),
input[type=password]:not(.browser-default):focus:not([readonly]),
input[type=email]:not(.browser-default):focus:not([readonly]),
input[type=url]:not(.browser-default):focus:not([readonly]),
input[type=time]:not(.browser-default):focus:not([readonly]),
input[type=date]:not(.browser-default):focus:not([readonly]),
input[type=datetime]:not(.browser-default):focus:not([readonly]),
input[type=datetime-local]:not(.browser-default):focus:not([readonly]),
input[type=tel]:not(.browser-default):focus:not([readonly]),
input[type=number]:not(.browser-default):focus:not([readonly]),
input[type=search]:not(.browser-default):focus:not([readonly]),
textarea.materialize-textarea:focus:not([readonly]),
.select2-container--default .select2-selection--single .select2-selection__rendered:focus {
    border: 1px solid var(--ec-primary-color);
    -webkit-box-shadow: 0 1px 0 0 var(--ec-box-shadow-color);
    box-shadow: 0 1px 0 0 var(--ec-box-shadow-color);
}
/*----------------------------------------
Cards
------------------------------------------*/
.card {
    overflow: hidden;
    margin: 0.5rem 0 0.5rem 0;
    /* box-shadow: 0px 6px 8px var(--ec-box-shadow-color), -1px -2px 11px var(--ec-box-shadow-color); */
    box-shadow: 0 2px 4px 0 var(--ec-box-shadow-color);
    border-radius: 10px;
}

.collapsible{
    box-shadow: var(--ec-box-shadow-color);
    border: 0;
    margin-top: 0 !important;
    border-radius: 10px;
    position: relative;
}
.collapsible-header{
    border-bottom: 1px solid transparent;
    border-radius: 5px;
    color: var(--ec-title-color);
    font-weight: 500;
    font-size: 16px;
    border-radius: 10px;
}
.form-card-header{
    border-bottom: 1px solid var(--border-color);
    color: var(--ec-title-color);
    font-weight: 500;
    font-size: 16px;
    padding: 15px;
}
.collapsible .active .collapsible-header
{
    border-bottom: 1px solid var(--ec-color-gray-100);
    border-radius: 10px 10px 0 0;
}

.card .card-title {
    font-size: 18px;
    font-weight: 400;
    margin: 0;
}

.card .activator {
    cursor: pointer;
}

#card-stats .card-content {
    border-radius: 5px;
    /* display: flex;
    align-items: center;
    gap: 10px; */
    padding: 10px 14px;
    margin-bottom: 0;
    min-height: 70px;
    box-shadow: 0 2px 4px 0 var(--ec-box-shadow-color);
}
.card-counter-title{
    position: absolute;
    top:5px;
    left: 5px;
    font-size: 12px;
    font-weight: 600;
}
#card-stats .m6 .card{
    border-radius: 10px;
    box-shadow: 0 2px 4px 0 var(--ec-box-shadow-color);
    transition: all .2s linear;
    margin: 10px 0;
    transition: all .2s linear;
}

.form-submission .row{
    display: flex;
    align-items: self-start;
}

.form-submission .row .col{
    margin-bottom: 10px;
}

#card-stats .m6 .card:hover{
    background-color: var(--ec-primary-hover);
}

#card-stats .m6 .card:hover .card-counter-title, #card-stats .m6 .card:hover .card-stats-number {
    color: var(--ec-white-text) !important;
}

.p-5{
    padding: 15px;
}

.active.calls-indication i{
    font-size: 13px;
}
.active-service-panel{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 20px;
    flex-wrap: wrap;
    padding: 0 !important;
}
.active-service-panel .d-flex{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
}
.active-service-panel .btn{
    padding: 5px 15px;
    line-height: 1;
    color: #fff !important;
}
.active-service-panel .active-circle{
    height: 15px;
}
.active.calls-indication .input-field{
    display: flex;
    align-items: center;
}

#curve_chart{
    max-height: 200px;
    height: 100%;
    width: 100%;
}

#card-stats .m6 .card:hover .card-stats-number {
    /* box-shadow: var(--ec-multiple-box-shadow); */
    /* transform: scale(1.1); */
}

#card-stats .m6 .card:hover i{
    /* transform: scale(1.1); */
}

#card-stats .card-stats-title {
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap:10px;
    color: var(--ec-title-color);
    font-weight: 700;
    transition: all .2s linear;
}

#card-stats .card-stats-title i {
    font-size: 20px;
    position: relative;
    background: var(--ec-primary-color);
    padding: 10px;
    border-radius: 30px;
    box-shadow: var(--ec-multiple-box-shadow);
    color: var(--ec-white-text);
    transition: all .2s linear;
}

#card-stats .card-stats-compare {
    font-size: .85rem;
}

#card-stats .card-stats-compare i {
    position: relative;
    top: 8px;
}

#card-stats .card-stats-number {
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 2rem;
    margin: .8rem 0 .6rem 0;
    color: var(--ec-primary-color);
    text-align: center;
    margin-top: 15px !important;
    width: 100%;
    transition: all .2s linear;
}

#card-stats .card .card-action {
    padding: 10px 14px;
}

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

.card-animation-1,
.image-n-margin {
    margin-top: -50px;

    -webkit-transition: .3s;
    /* Safari */
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}

.card-animation-1:hover .image-n-margin {
    margin-top: -80px;
    margin-bottom: 30px;

    cursor: pointer;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}

/* alert card */
.card-alert .card-content {
    padding: 10px 20px;
}

.card-alert i {
    font-size: 20px;
    position: relative;
    top: 5px;
    margin-right: 10px;
}

.card-alert .alert-circle {
    position: relative;
    top: -5px;
    left: -2px;

    display: inline-block;

    width: 40px;

    vertical-align: bottom;
    white-space: nowrap;

    border-radius: 1000px;
}

.card-alert .single-alert {
    line-height: 42px;
}

.position-relative{
    position: relative !important;
}

.card-alert button {
    font-size: 20px;
    position: absolute;
    top: 5px;
    right: 10px;
    color: var(--ec-white-text);
    border: none;
    background: none;
}

.login-card .card-alert button {
    top: 9px;
    right: 5px;
    font-size: 18px;
}

.card-alert .card .card-content {
    padding: 20px 40px 20px 20px;
}

.card-alert .card-action i {
    top: 0;
    margin: 0;
}

/* work card */
#work-collections .collection-header {
    font-size: 1.14rem;
    font-weight: 500;
}

#work-collections p.collections-title {
    font-size: 1rem;
    font-weight: 500;
    margin: 0;
    padding: 0;
}

#work-collections p.collections-content {
    font-size: .9rem;
    font-weight: 400;
    margin: 0;
    padding: 0;
}

#work-collections .collection-item.avatar {
    height: auto;
    padding-top: 22px;
}

/* flight card */
#flight-card .flight-card-title {
    font-weight: 300;
    margin: 0;
    color: var(--ec-white-text);
}

#flight-card .flight-card-date {
    font-size: 1rem;
    margin: 0;
    color: var(--ec-white-text);
}

#flight-card .flight-state {
    padding-bottom: 15px;
}

#flight-card .flight-state-two {
    border-left: 1px dashed #bdbdbd;
}

#flight-card .flight-icon {
    font-size: 2.2rem;
    display: block;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
}

#flight-card .card-content-bg {
    -webkit-background-size: cover;
    background-size: cover;
}

#flight-card .card-content {
    background: rgba(0, 0, 0, .25);
}

#flight-card .flight-state-wrapper {
    margin: 0 0 80px 0 !important;
}

#flight-card .card-header .card-title {
    padding: 20px;
}

/* task card */
#task-card label {
    display: block;
    height: auto;
    color: rgba(0, 0, 0, .87);
}

#task-card .task-card-title {
    font-weight: 300;
    margin: 0;
    color: var(--ec-white-text);
}

#task-card .task-card-date {
    font-size: 1rem;
    margin: 0;
    color: var(--ec-white-text);
}

#task-card .collection-header {
    padding: 20px;
}

#task-card .task-add {
    position: absolute;
    top: 76px;
    right: 10px;
}

#task-card .task-cat {
    font-size: .8rem;
    font-weight: 300;
    margin-left: 37px;
    padding: 2px 4px;
    color: var(--ec-white-text);
    border-radius: 2px;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

.task-cat {
    font-size: .8rem;
    font-weight: 300;
    padding: 2px 4px;
    color: var(--ec-white-text);
    border-radius: 2px;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

.collection .collection-item.avatar i.circle {
    font-size: 28px;
}

/* profile card */
#profile-card .card-image {
    height: 150px;
}

#profile-card .card-profile-image {
    position: absolute;
    z-index: 1;
    top: 110px;
    width: 70px;
    cursor: pointer;
}

#profile-card .btn-move-up {
    position: relative;
    top: -40px;
    right: -18px;
    margin-right: 10px !important;
}

#profile-card .card-content .profile-card-i {
    position: relative;
    top: 6px;
    margin-right: 10px;
}

#profile-card .card-content p {
    font-size: 1rem;
    margin: 10px 0 12px;
}

.card-move-up .move-up {
    padding: 20px;
}

.black-overlay {
    background-color: rgba(0, 0, 0, .42) !important;
}

.bg-image-1 {
    width: 100%;
    -webkit-background-size: cover;
    background-size: cover;
}

.bg-image-2 {
    width: 100%;    
    -webkit-background-size: cover;
    background-size: cover;
}

.bg-image-3 {
    width: 100%;
    -webkit-background-size: cover;
    background-size: cover;
}

.icon-background {
    width: 50px;
    height: 50px;
    margin: 8px;
    padding-top: 11px;
}

#profile-card .card-reveal i.material-icons {
    position: relative;
    top: 6px;
}

#user-card .flip-card {
    max-width: 100%;
}

.h-30px{
    height: 35px;
    padding: 0px 30px;
    line-height: 2.35;
}
.amount-set-data {
    font-size: 50px;
    text-align: center;
    font-weight: 700;
}

@media screen and (min-width: 1290px) {
    .icon-background {
        width: 3.125rem;
        height: 3.125rem;
        margin: 1.25rem;
        margin-left: 2rem;
        padding-top: .6875rem;
    }
}

@media screen and (max-width: 1366px) {
    .icon-background {
        margin-left: 1.25rem;
    }
}

@media screen and (min-width: 1440px) {
    .icon-background {
        margin-left: 2rem;
    }
}

@media screen and (min-width: 1680px) {
    .icon-background {
        margin-left: 2.6875rem;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1365px) {
    .icon-background {
        margin-left: .25rem;
    }
}

@media screen and (max-width: 992px) {
    .icon-background {
        margin-left: 1.875rem;
    }
    a.navbar-toggler{
        display: none;
    }
}

@media screen and (max-width: 786px) {
    .icon-background {
        margin-left: .9375rem;
    }
}

@media screen and (max-width: 540px) {
    .icon-background {
        margin-left: .625rem;
    }
}

.small-ico-bg {
    padding: 6px;
    border-radius: 50%;
    background-color: #f3f1f1;
}

@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) {
    #cards-extended #gradient-Analytics .card-width,
    #cards-extended #card-with-analytics .card-width,
    #cards-extended #card-panel-type .card-width {
        width: 50%;
    }
}

/*----------------------------------------
    Charts
------------------------------------------*/
#card-stats {
    padding-top: 20px;
    margin-top: -20px;
}

#chart-dashboard .card {
    overflow: hidden;
}

#chart-dashboard .card .card-content {
    padding: 10px 14px;
}

#chartjs .sample-chart-wrapper,
#chartjs2 .sample-chart-wrapper,
#chartjs3 .sample-chart-wrapper {
    margin-top: -75px;
    margin-bottom: -14px;
}

.sample-chart-wrapper {
    width: 100%;
}

.chart-title {
    font-size: 1.6rem;
    font-weight: 300;
}

/* Revenue Chart */
.chart-revenue {
    float: right;
    padding: 8px;
    text-align: center;
    border-radius: 3px;
}

.chart-revenue .chart-revenue-total {
    font-size: .9rem;
    margin: 0;
}

.chart-revenue .chart-revenue-per {
    font-size: .8rem;
    margin: 0;
}

.chart-revenue .chart-revenue-per i {
    position: relative;
    top: 5px;
}

.chart-revenue-switch {
    padding-top: 28px;
    padding-right: 10px;
    text-align: right;
    color: var(--ec-white-text);
}

#materialize-chartist .ct-chart-line,
#materialize-chartist .ct-chart-bar,
#materialize-chartist .ct-chart-pie,
#materialize-chartist .ct-chart-donut {
    height: 400px !important;
}

/* doughnut chart */
.doughnut-chart-status {
    font-size: 16px;
    font-weight: 500;
    position: relative;
    top: -75px;
    left: 0;
    height: 0;
    text-align: center;
}

.doughnut-chart-status p {
    margin-top: -5px;
}

.doughnut-chart-legend li {
    font-size: .9rem;
    padding: 2px 0;
}

.doughnut-chart-legend li:before {
    display: block;
    float: left;
    width: 8px;
    height: 8px;
    margin-top: 6px;
    margin-right: 4px;
    content: '';
}

a.button-collapse.top-nav {
    font-size: 32px;
    position: absolute;
    z-index: 2;
    top: 0;
    left: 7.5%;
    float: none;
    margin-left: 1.5rem;
    color: var(--ec-white-text);
}

/* trending bar chart */
.trending-bar-chart-wrapper {
    width: 100%;
}

.btn-move-up {
    position: relative;
    top: -28px;
    right: -18px;

    margin-right: 10px !important;
}

/*Sparkline*/
.jqstooltip {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;

    border: none !important;
}

.tooltip-class {
    overflow: hidden;

    width: 30px;
    height: 20px;

    color: var(--ec-white-text);
}

#ct2-chart .ct-series.ct-series-a .ct-area {
    fill: #00bcd4;
}

#ct2-chart .ct-series.ct-series-a .ct-point {
    stroke: #00bcd4;
}

#ct2-chart .ct-series.ct-series-a .ct-line {
    stroke: #54e2f4;
}

/*  Widget */
.socialbox .logo {
    font-size: 28px;

    position: absolute;
    bottom: 20px;
    left: 20px;

    color: var(--ec-white-text);
}

.socialbox .info {
    font-size: 15px;

    position: absolute;
    right: 20px;
    bottom: 20px;

    margin: 0;
    padding: 0;

    color: var(--ec-white-text);
}

.chartist-tooltip.tooltip-show {
    display: inline-block;
}

.chartist-tooltip {
    display: none;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
    .doughnut-chart-status {
        display: none;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    .doughnut-chart-status {
        display: none;
    }

    #card-stats .card-stats-compare {
        font-size: .8rem;
    }
}

/*----------------------------------------
    Calender
------------------------------------------*/
#full-calendar {
    padding-top: 30px;
}

#calendar h2 {
    font-size: 1.5rem;
    line-height: 35px;

    text-transform: uppercase;
}

#calendar .fc-day-header {
    font-weight: 400;

    text-transform: uppercase;
}

#external-events {
    padding-top: 50px;
}

#external-events .fc-event {
    margin-bottom: 10px;
    padding: 5px;
    cursor: all-scroll;
    text-decoration: none;
    color: var(--ec-white-text);
    border: none;
}

.fc button {
    background: var(--ec-white-text);
}

.fc td {
    border-width: 0 !important;
}

.fc th {
    border-width: 0 !important;
}

.fc-state-active {
    color: #2196f3 !important;
}

.fc-state-down {
    color: #2196f3 !important;
}

/*
* Custom Animations
*/
@-webkit-keyframes fadeUp {
    0% {
        -webkit-transform: translateY(30px);
        transform: translateY(30px);

        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);

        opacity: 1;
    }
}

@-moz-keyframes fadeUp {
    0% {
        -moz-transform: translateY(30px);
        transform: translateY(30px);

        opacity: 0;
    }
    100% {
        -moz-transform: translateY(0px);
        transform: translateY(0px);

        opacity: 1;
    }
}

@-o-keyframes fadeUp {
    0% {
        -o-transform: translateY(30px);
        transform: translateY(30px);

        opacity: 0;
    }
    100% {
        -o-transform: translateY(0px);
        transform: translateY(0px);

        opacity: 1;
    }
}

@keyframes fadeUp {
    0% {
        -webkit-transform: translateY(30px);
        -moz-transform: translateY(30px);
        -o-transform: translateY(30px);
        transform: translateY(30px);

        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);

        opacity: 1;
    }
}

.animate.fadeUp {
    -webkit-animation: fadeUp;
    -moz-animation: fadeUp;
    -o-animation: fadeUp;
    animation: fadeUp;
    -webkit-animation-duration: 1.5s;
    -moz-animation-duration: 1.5s;
    -o-animation-duration: 1.5s;
    animation-duration: 1.5s;

    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes fadeLeft {
    0% {
        -webkit-transform: translateX(-30px);
        transform: translateX(-30px);

        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);

        opacity: 1;
    }
}

@-moz-keyframes fadeLeft {
    0% {
        -moz-transform: translateX(-30px);
        transform: translateX(-30px);

        opacity: 0;
    }
    100% {
        -moz-transform: translateX(0px);
        transform: translateX(0px);

        opacity: 1;
    }
}

@-o-keyframes fadeLeft {
    0% {
        -o-transform: translateX(-30px);
        transform: translateX(-30px);

        opacity: 0;
    }
    100% {
        -o-transform: translateX(0px);
        transform: translateX(0px);

        opacity: 1;
    }
}

@keyframes fadeLeft {
    0% {
        -webkit-transform: translateX(-30px);
        -moz-transform: translateX(-30px);
        -o-transform: translateX(-30px);
        transform: translateX(-30px);

        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0px);
        -moz-transform: translateX(0px);
        -o-transform: translateX(0px);
        transform: translateX(0px);

        opacity: 1;
    }
}

.animate.fadeLeft {
    -webkit-animation: fadeLeft;
    -moz-animation: fadeLeft;
    -o-animation: fadeLeft;
    animation: fadeLeft;
    -webkit-animation-duration: 1.5s;
    -moz-animation-duration: 1.5s;
    -o-animation-duration: 1.5s;
    animation-duration: 1.5s;

    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes fadeRight {
    0% {
        -webkit-transform: translateX(30px);
        transform: translateX(30px);

        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);

        opacity: 1;
    }
}

@-moz-keyframes fadeRight {
    0% {
        -moz-transform: translateX(30px);
        transform: translateX(30px);

        opacity: 0;
    }
    100% {
        -moz-transform: translateX(0px);
        transform: translateX(0px);

        opacity: 1;
    }
}

@-o-keyframes fadeRight {
    0% {
        -o-transform: translateX(30px);
        transform: translateX(30px);

        opacity: 0;
    }
    100% {
        -o-transform: translateX(0px);
        transform: translateX(0px);

        opacity: 1;
    }
}

@keyframes fadeRight {
    0% {
        -webkit-transform: translateX(30px);
        -moz-transform: translateX(30px);
        -o-transform: translateX(30px);
        transform: translateX(30px);

        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0px);
        -moz-transform: translateX(0px);
        -o-transform: translateX(0px);
        transform: translateX(0px);

        opacity: 1;
    }
}

.animate.fadeRight {
    -webkit-animation: fadeRight;
    -moz-animation: fadeRight;
    -o-animation: fadeRight;
    animation: fadeRight;
    -webkit-animation-duration: 1.5s;
    -moz-animation-duration: 1.5s;
    -o-animation-duration: 1.5s;
    animation-duration: 1.5s;

    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animation-fast {
    -webkit-animation-delay: .1s;
    -moz-animation-delay: .1s;
    -o-animation-delay: .1s;
    animation-delay: .1s;
}

.animation-slow {
    -webkit-animation-delay: 2s;
    -moz-animation-delay: 2s;
    -o-animation-delay: 2s;
    animation-delay: 2s;
}

.delay-1 {
    -webkit-animation-delay: .3s !important;
    -moz-animation-delay: .3s !important;
    -o-animation-delay: .3s !important;
    animation-delay: .3s !important;
}

.delay-2 {
    -webkit-animation-delay: .4s !important;
    -moz-animation-delay: .4s !important;
    -o-animation-delay: .4s !important;
    animation-delay: .4s !important;
}

.delay-3 {
    -webkit-animation-delay: .5s !important;
    -moz-animation-delay: .5s !important;
    -o-animation-delay: .5s !important;
    animation-delay: .5s !important;
}

.delay-4 {
    -webkit-animation-delay: .6s !important;
    -moz-animation-delay: .6s !important;
    -o-animation-delay: .6s !important;
    animation-delay: .6s !important;
}

.delay-5 {
    -webkit-animation-delay: .7s !important;
    -moz-animation-delay: .7s !important;
    -o-animation-delay: .7s !important;
    animation-delay: .7s !important;
}

/*----------------------------------------
  Miscellaneous CSS for demo purpose only
------------------------------------------*/
.dynamic-color .red,
.dynamic-color .pink,
.dynamic-color .purple,
.dynamic-color .deep-purple,
.dynamic-color .indigo,
.dynamic-color .blue,
.dynamic-color .light-blue,
.dynamic-color .cyan,
.dynamic-color .teal,
.dynamic-color .green,
.dynamic-color .light-green,
.dynamic-color .lime,
.dynamic-color .yellow,
.dynamic-color .amber,
.dynamic-color .orange,
.dynamic-color .deep-orange,
.dynamic-color .brown,
.dynamic-color .grey,
.dynamic-color .blue-grey {
    font-size: 12px;
    font-weight: 500;
    line-height: 55px;

    display: block;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 55px;
    padding: 0 15px;
}

.dynamic-color .col {
    margin-bottom: 55px;
}

tr.group {
    background-color: #ddd !important;
}

tr.group:hover {
    background-color: #ddd !important;
}

/*----------------------------------------
    Grid - Flat Site Mockup
------------------------------------------*/
.site-layout-example-left {
    height: 300px;

    background-color: #90a4ae;
}

.site-layout-example-right {
    height: 300px;

    background-color: #00bfa5;
}

.site-layout-example-top {
    height: 50px;

    background-color: #ff5252;
}

.flat-text-header {
    display: block;

    width: 80%;
    height: 35px;
    margin: 27px auto;

    background-color: rgba(255, 255, 255, .15);
}

.flat-text {
    display: block;

    width: 80%;
    height: 25px;
    margin: 27px auto;

    background-color: rgba(0, 0, 0, .15);
}

.flat-text.small {
    width: 25%;
    height: 25px;

    background-color: rgba(0, 0, 0, .15);
}

.flat-text.full-width {
    width: 100%;
}

.col.grid-example {
    font-size: 28px;
    line-height: 50px;

    margin: 7px 0;
    padding: 0;

    text-align: center;

    color: var(--ec-white-text);
    border: 1px solid #eee;
    background-color: #ff6347;
}

.col.grid-example span {
    font-weight: 200;
    line-height: 50px;
}

.waves-color-demo .collection-item {
    line-height: 57px;

    height: 57px;
}

.collection a.collection-item:not(.active):hover {
    background-color: #f9f9f9;
}

/*----------------------------------------
    Chrome Browser Grid Example
------------------------------------------*/
.browser-window {
    display: inline-block;
    overflow: hidden;

    width: 100%;
    height: auto;
    margin: 20px 0;

    text-align: left;

    border-radius: 5px 5px 2px 2px;
    background-color: transparent;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

.browser-window .top-bar {
    height: 30px;

    border-top: thin solid #eaeae9;
    border-bottom: thin solid #ddd;
    border-radius: 5px 5px 0 0;
    background: -webkit-gradient(linear, left top, left bottom, from(#e7e7e6), to(#e0e0e0));
    background: -webkit-linear-gradient(#e7e7e6, #e0e0e0);
    background: -moz-oldlinear-gradient(#e7e7e6, #e0e0e0);
    background: -o-linear-gradient(#e7e7e6, #e0e0e0);
    background: linear-gradient(#e7e7e6, #e0e0e0);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

.browser-window .circle {
    display: inline-block;

    width: 10px;
    height: 10px;
    margin-right: 1px;

    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.browser-window .circles {
    margin: 5px 12px;
}

.browser-window .content {
    display: inline-block;

    width: 100%;
    margin: 0;

    border-radius: 0 0 5px 5px;
    background-color: #fafafa;
}

.browser-window .row {
    margin: 0;
}

.close-circle {
    background-color: #ff5c5a;
}

.minimize-circle {
    background-color: #fdb45c;
}

.maximize-circle {
    background-color: #1bc656;
}

.clear {
    clear: both;
}

.promo i {
    font-size: 6rem;

    display: block;

    color: #ee6e73;
}

.promo-caption {
    font-size: 1.7rem;
    font-weight: 500;

    margin-top: 5px;
    margin-bottom: 0;
}

/*----------------------------------------
    Shadow effect
------------------------------------------*/
.shadow-demo {
    width: 100px;
    height: 100px;
    margin: 20px auto;

    background-color: #26a69a;
}

#input-select .input-field label {
    font-size: .8rem;

    position: absolute;
    top: -14px;
}
.chart-section svg{
    height: 280px;
}
/*----------------------------------------
    Footer
------------------------------------------*/
.page-footer.footer-fixed {
    position: fixed;
    bottom: 0;

    width: 100%;
}

footer.footer-full {
    padding-left: 60px;
}

.page-footer .container {
    padding: 0 15px;
}

.page-footer .footer-copyright {
    background-color: transparent;
}
.footer-img{
    width: 80px;
    margin-left: 5px;
    vertical-align: middle;
}
.footer-dark .footer-copyright a {
    color: var(--ec-white-text);
}

#world-map-markers {
    height: 300px;
}

#polar-chart-holder {
    padding-top: 20px;
}

.footer-light {
    background-color: var(--ec-white-text);
}

.footer-light.page-footer {
    border-top: 1px solid #d2d2d2 !important;
}

.footer-light .footer-copyright {
    color: rgba(0, 0, 0, .87);
}

.footer-dark {
    background: var(--ec-white-text) !important;
}

.footer-dark .footer-copyright {
    color: var(--ec-text-color);
    min-height: auto;
}

.footer-dark .footer-copyright a {
    color: var(--ec-text-color);
}

/*---------------------------------
    Theme Customizer
-----------------------------------*/
.btn, .btn-large, .btn-small{
    background-color: var(--ec-primary-color) !important;
    border-radius: 5px;
    box-shadow: none;
}

.btn:hover, .btn-large:hover, .btn-small:hover{
    background-color: var(--ec-primary-hover) !important;
}

.btn-customizer {
    padding: 0 1rem;
}


.bg-gray-200{
    background-color: var(--ec-white-text) !important;
    color: var(--ec-text-color);
    border: 1px solid var(--border-color);
}
.bg-gray-200:hover{
    background-color: var(--ec-color-gray-400) !important;
    color: var(--ec-white-text);
}
.card.card-tabs{
    margin: 0;
}
.btn-customizer i {
    -webkit-animation: fa-spin 2s infinite linear;
    -moz-animation: fa-spin 2s infinite linear;
    -o-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
}

@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@-moz-keyframes fa-spin {
    0% {
        -moz-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -moz-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@-o-keyframes fa-spin {
    0% {
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -o-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        -moz-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

.theme-cutomizer {
    z-index: 99999;
    top: 0;

    width: 360px;
}

.theme-cutomizer .sidenav-close {
    position: absolute;
    top: 5px;
    right: 10px;
}

.theme-cutomizer .customize-devider {
    border: 1px solid #e4e4e4;
}

.theme-cutomizer .menu-options .menu-color-option,
.theme-cutomizer .menu-options .menu-bg-color-option,
.theme-cutomizer .menu-options .navbar-color-option,
.theme-cutomizer .navbar-options .menu-color-option,
.theme-cutomizer .navbar-options .menu-bg-color-option,
.theme-cutomizer .navbar-options .navbar-color-option {
    display: inline-block;

    width: 24px;
    height: 24px;
    margin-right: 8px;
    margin-bottom: 10px;

    cursor: pointer;

    border: 3px solid var(--ec-white-text);
    border-radius: 12px;
}

.theme-cutomizer .menu-options .menu-color-option.selected,
.theme-cutomizer .menu-options .menu-bg-color-option.selected,
.theme-cutomizer .menu-options .navbar-color-option.selected,
.theme-cutomizer .navbar-options .menu-color-option.selected,
.theme-cutomizer .navbar-options .menu-bg-color-option.selected,
.theme-cutomizer .navbar-options .navbar-color-option.selected {
    -webkit-box-shadow: 0 0 10px 3px #03a9f4;
    box-shadow: 0 0 10px 3px #03a9f4;
}

.btn-buy-now {
    position: fixed;
    top: 50%;
    right: -2px;

    padding: 0 1rem;
}

.buy-now-animated {
    -webkit-animation-duration: 1.5s;
    -moz-animation-duration: 1.5s;
    -o-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;

    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    10%,
    20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    }
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }
    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@-moz-keyframes tada {
    0% {
        -moz-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    10%,
    20% {
        -moz-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    }
    30%,
    50%,
    70%,
    90% {
        -moz-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }
    40%,
    60%,
    80% {
        -moz-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }
    100% {
        -moz-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@-o-keyframes tada {
    0% {
        transform: scale3d(1, 1, 1);
    }
    10%,
    20% {
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    }
    30%,
    50%,
    70%,
    90% {
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }
    40%,
    60%,
    80% {
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }
    100% {
        transform: scale3d(1, 1, 1);
    }
}

@keyframes tada {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        -moz-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    10%,
    20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        -moz-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    }
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        -moz-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }
    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        -moz-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        -moz-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.tada {
    -webkit-animation-name: tada;
    -moz-animation-name: tada;
    -o-animation-name: tada;
    animation-name: tada;
}

.theme-cutomizer-trigger {
    position: fixed;
    top: 40%;
    right: -2px;
}

/*.dropdown-content {*/
/*    max-height: none;*/
/*    height: auto !important;*/
/*    backface-visibility: hidden;*/
/*    background-color: var(--ec-white-text);*/
/*    box-shadow: -2px 2px 4px 0 var(--ec-box-shadow-color);*/

/*}*/
.dropdown-content li{
    min-height: auto;
}

.btn-margin-bottom {
    margin-bottom: 10px;
}
/*
.multiselect-btn-pad {
    padding-left: 38px !important;
} */

.input-field > .select-wrapper {
    /* padding: 0 1rem; */
    /* margin-top: 19px; */
}

.search-filter .collapsible-body{
    /*padding: 1rem 2rem 2rem;*/
    padding: .5rem 1rem 1rem;
    background-color: var(--ec-white-text);
    border-radius: 0 0 10px 10px;
}

.margin-top-20 {
    margin-top: 20px;
}

.mg-t7 {
    margin-top: 7px !important;
}

.mg-t6 {
    margin-top: 6px !important;
}

/*css only for Firefox*/
@-moz-document url-prefix() {
    .sidenav li.bold.last-child {
        margin-bottom: 80px;
    }
}

a.exportbutton {
    /* margin-right: 5px; */
}

.max-height-300 {
    max-height: 300px;
}

.auto-scroll {
    overflow: auto;
}
.select-month input {
    display: block !important;
    font-size: 17px !important;
}

.select-year input {
    display: block !important;
    font-size: 17px !important;
}

.datepicker-controls .select-month input {
    width: 92px;
}
.btn-outline{
    border: 0;
    color: var(--ec-primary-color);
    background-color: transparent !important;
    box-shadow: none !important;
}
.btn-outline:hover{
    border: 0;
    color: var(--ec-primary-hover);
    background-color: transparent !important;
    box-shadow: none !important;
}
.dashboard-selection .select2.select2-container .select2-selection--single{
    border-radius: 8px !important;
    border: 0;
    height: 40px;
    padding: 2px 10px;
}
.dashboard-selection .select2-container--default .select2-selection--single .select2-selection__arrow{
    top: 1px;
}
#campaign .input-field  {
    padding: 5px 10px;
    height: 50px;
}
#campaign .select-wrapper .caret{
    top: 2px;
}
#campaign .input-field .prefix{
    top: 8px;
    width: 25px;
}
#campaign .select-wrapper{
    width: 100%;
    margin-left: 0;
}
#campaign .select-wrapper input.select-dropdown{
    padding-left: 37px;
}
ul.navbar-list.right img {
    width: 30px;
    height: 30px;
    object-fit: contain;
    /* border: 1px solid var(--ec-color-gray-400); */
    border-radius: 50%;
    /* background: var(--ec-color-gray-400); */
}
.audio-icons-set{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 15px;
}
.nav-crm-icon{
    display: flex;
    align-items: center;
    gap: 5px;
    margin-right: 10px;
    color: var(--ec-color-gray-400);
    height: 55px;
    justify-content: center;
    width: 100%;
}
.nav-crm-icon.with-audio{
    /* width: 350px; */
}
#audio-container{
    max-height: 35px;
    display: flex;
    align-items: center;
    width: 270px;
}
.cursor {
    cursor: pointer;
}

.digit,
.dig {
    padding: 5px 10px;
    font-size: 26px;
    cursor: pointer;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    display: block;
    color: #000000;
    font-weight: 500;
    /* flex-wrap: wrap;
    align-items: start;
    justify-content: center; */
}

.sub {
    font-size: 9px;
    color: var(--ec-color-gray-700);
    margin-top: -9px;
    color: #000000;
}

.container2 {
    height: 100%;
    text-align: center;
    padding: 10px 0;
}
#output {
    font-family: "Exo";
    font-size: 2rem;
    height: 60px;
    font-weight: bold;
    color: var(--ec-primary-color);
}

#call {
    display: inline-block;
    background-color: #66bb6a;
    padding: 4px 30px;
    margin: 10px;
    color: var(--ec-white-text);
    border-radius: 4px;
    cursor: pointer;
    line-height: 35px;
}

#clear{
    display: inline-block;
    background-color: #d9534f !important;
    padding: 4px 30px;
    margin: 10px;
    color: var(--ec-white-text);
    border-radius: 4px;
    cursor: pointer;
    line-height: 35px;
}
#transfer-text-clear{
    color: black;
}

#clear:hover {
    background-color: #c9302c !important;
}

.botrow {
    margin: 0 auto;
    width: 100%;
    clear: both;
    text-align: center;
    font-family: var(--font-family) !important;
}

.digit:active,
.dig:active {
    background-color: var(--ec-color-gray-200);
}

#call:hover {
    background-color: #81c784;
}

.dig {
    float: left;
    padding: 10px 20px;
    margin: 10px;
    width: 30px;
    cursor: pointer;
}

#dialPadModal {
    width: 300px!important;
    max-height: unset;
}

.call_dialpad_color {
    font-family: var(--font-family) !important;
    font-weight: normal;
    line-height: 1.5;
    color: #4a4a4a;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
}
.call_dialpad_color.row::after{
    display: none;
}
#iconifyReact66{
    transform: none !important;
}
#common-download .modal-content, #comman-del .modal-content{
    padding: 0 15px;
}


.sortable-list > ul:not(.browser-default) > li{
    display: flex;
    align-items: center;
    justify-content: start;
}
.sortable-list > ul:not(.browser-default) > li .handle{
    margin-left: 0;
}
.sortable-list > ul:not(.browser-default) > li .row{
    width: 100%;
}
.col.margin-top-15 table tbody tr:nth-child(odd){
    background-color: transparent !important;
}
.col.margin-top-15 table tbody tr td{
    height: 55px !important;
    padding-left: 4px;
}
.col.s8.pul table th:first-child{
    width: 40px;
}
.border-left{
    border-left: 1px solid #eee;
}
.table-responsive{
    overflow: auto;
}
.pagination li.prev{
    width: 80px !important;
}
.select-dropdown-selection .select-wrapper{
    margin-bottom: 9px;
}
#main .section-data-tables .dataTables_wrapper table.dataTable th, #main .section-data-tables .dataTables_wrapper table.dataTable td{
    padding: 10px 15px !important;
    color: #000 !important;
    text-align: left;
    font-size: 14px;
    font-weight: 400;
}
.summary{
    color: var(--ec-text-color);
}
#main .section-data-tables .dataTables_wrapper table.dataTable th a::after{
    content: "";
    background-image: url(../../images/sorting-arrows.png);
    width: 10px;
    display: block;
    position: absolute;
    right: -15px;
    height: 10px;
    background-position: center;
    background-size: contain;
    top: 6px;
    background-repeat: no-repeat;
}
#main .section-data-tables .dataTables_wrapper table.dataTable th a.asc::after{
    background-image: url('../../images/asc-arrow.png');
    top: 4px;
    background-size: 6px 11px;
}
#main .section-data-tables .dataTables_wrapper table.dataTable th a.desc::after{
    background-image: url('../../images/desc-arrow.png');
    background-size: 6px 11px;
    top: 8px;
}
#main .section-data-tables .dataTables_wrapper table.dataTable th a{
    position: relative;
    color: #212B36 !important;
}
.gap-2{
    column-gap: 20px;
}
.switch-input .switch label .lever{
    margin-top: -5px;
}
.align-middle{
    vertical-align: middle;
}
span.badge.gradient-45deg-light-blue-cyan{
    margin-left: 10px !important;
}
.btn_div .btn{
    margin: 10px auto;
}
.switch-input{
    flex-wrap: wrap;
}
.extention-show li{
    width: 140px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
#header{
    background:#fff;
}

.agent-main  .section-data-tables{
    padding: 0 15px !important;
}
.admin-update-profile{
    padding: 0 10px !important;
}
.extension-main .extension-update{
    padding: 0 9px;
}
.extension-main .section-data-tables{
    padding: 0 5px !important;
}
.text-end{
    text-align: end !important;
}
.extension-speeddial-update{
    padding: 0 8px;
    margin-bottom: 15px;
}
.auth-section-box{
    height: 78vh;
}
.logo-image{
    margin: 0px 0 0 10px;
}
/* .input-field.field-disposition_desc > label:not(.label-icon).active{
    transform: translateY(-15px) scale(.8);
} */
.modal-small{
    width: 400px;
}
#disposition_type{
    line-height: 2;
    margin-bottom: 20px;
}
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.audio-added{
    width: 300px;
}
#main .section-data-tables .dataTables_wrapper table.dataTable th.audio-text-center{
    text-align: center;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}
.modal .modal-close {
    cursor: pointer;
    /*border: 1px solid #333;*/
    margin-left: 10px !important;
}
input:not(.browser-default)[readonly='readonly'], input[readonly='true']{
    color: rgba(0, 0, 0, .42) !important;
}
.pagination li.prev a[data-page], .pagination li.next a[data-page]{
    display: none !important;
}
#individual_forwarding .select-wrapper{
    margin:0 0 8px 0;
}
.confernce-table tr td:first-child{
    width:  70px;
}
.dropdown-content.select-dropdown{
    top: auto !important;
    bottom: 0 !important;
}
.dropdown-content.select-dropdown span{
    padding: 3px 5px !important;
}
.dialer-section#dialPadModal{
    width: 250px!important;
    background: #fff;
    position: fixed;
    top: 62px;
    left: 50%;
    transform: translateX(-85%);
    border-radius: 10px;
    box-shadow: 0px -1px 44px #4444441c;
}
.dialer-section.left-panel-open#dialPadModal{
    transform: translateX(-47%);
}
.dialer-section .container2{
    position: relative;
    padding: 0 0 15px;
}
.dialer-section .container2::before, .dialer-section .container2::after{
    content: "";
    width: 0;
    content: "";
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 10px solid #fff;
    position: absolute;
    right: 47%;
    top: -8px;
    z-index: 5;
}
.dialer-section .container2::after{
    border-bottom: 11px solid #4444441c;
    z-index: 2;
    top: -9px;
    border-left: 9px solid transparent;
    border-right: 7px solid transparent;
}
.dialer-number-show {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 0px 10px;
    border-bottom: 1px solid #f4f5f8;
}
.dialer-number-show #clear {
    display: block;
    background-color: transparent !important;
    color: #4A4A4A;
    padding: 0;
    line-height: 2;
    height: auto;
    margin: 0 10px;
}
.dialer-number-show #output{
    color: #4A4A4A;
    width: 100%;
    height: 45px;
    line-height: 1.9;
    font-size: 24px !important;
    text-align: center;
}
:focus-visible {
    outline: none;
}
.dialer-section #call {
    display: block;
    background-color: #169B00;
    padding: 0px;
    margin: 5px auto;
    color: var(--ec-white-text);
    border-radius: 50%;
    cursor: pointer;
    line-height: 53px;
    width: 40px;
    height: 40px;
}
.dialer-section #call .material-icons{
    width: 100%;
    height: 100%;
    line-height: normal;
}
.nav-collapsed .menu-title{
    display: none;
}
.nav-expanded .menu-title{
    display: block;
}
.nav-collapsed .sidenav .collapsible-header:after{
    right: -1px;
}
.connection-popup{
    position: fixed;
    background-color: #3d86c6;
    border-radius: 10px;
    padding: 5px 20px;
    color: #fff;
    box-shadow: 0px 5px 25px #4444449c;
    right: 20px;
    bottom: 60px;
    line-height: 30px;
}
.connection-popup::before, .connection-popup::after {
    content: "";
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 10px solid #fff;
    position: absolute;
    right: 50%;
    top: -8px;
    display: none;
}
.connection-popup .connection-popup {
    border-bottom: 11px solid #4444441c;
    z-index: 2;
    top: -9px;
    border-left: 9px solid transparent;
    border-right: 7px solid transparent;
}
.connection-popup .extention_number{
    font-weight: 600;
}
.dialer-input, #transfer-call-number {
    border: 0 !important;
    color: #414141;
    font-size: 26px !important;
    text-align: center;
    font-weight: 500;
}
.header-opt-section{
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: center;
    color: #414141;
}
.header-opt-section .call-icons-group{
    width: 100%;
}
.nav-crm-icon.with-audio img{
    width: 30px;
    height: 30px;
}
#audio-container{
    display: none;
}
.profile-header-section{
    flex :0 0 auto;
    margin-left: auto;
    display: flex;
    align-items: center;
}
nav .nav-wrapper{
    display: flex;
    justify-content: space-between;
}
:focus{
    box-shadow: none !important;
}
#campaign-cmp_type .select2-container--default .select2-selection--single .select2-selection__rendered{
    line-height: 30px;
}
.supervisor-main #campaign-cmp_type .select2-container--default .select2-selection--single .select2-selection__rendered{
    line-height: 26px;
}
.admin-master-form .select2-container--default .select2-selection--single .select2-selection__rendered{
    line-height: 30px;
}
.select2-container--default #select2-breakreasonmapping-camp_id-results .select2-results__option[role=group] .select2-results__group{
    background-color: transparent !important;
    color: #333333 !important;
    font-weight: 900 !important;
    padding: 0 0 5px !important;
    border-bottom: 1px solid #e1e1e1 ;
}
.select2-container--default #select2-breakreasonmapping-camp_id-results .select2-results__option .select2-results__option{
    padding: 0 0 0 8px !important;
}
.select2-container--default #select2-breakreasonmapping-camp_id-results .select2-results__option--highlighted[aria-selected] {
    background-color: #f3faff !important;
    color: #1c84ee !important;
}
.agent-main .dashboard-selection form{
    margin-bottom: 0;
}
/* dashboard call summary data :: BEGIN */
.date-picker-range-section{
    display: flex;
    align-items: center;
    gap: 10px;
}
.date-picker-range-section .input-field{
    margin-top: 0;
}
.date-picker-range-section input, .date-picker-range-section input[type=text]:not(.browser-default)[readonly='readonly'] {
    border: 2px solid #F4F5F8 !important;
    border-radius: 2px !important;
    padding: 5px 5px !important;
    width: 100px !important;
    height: 30px !important;
    margin-bottom: 0 !important;
}
.call-summary-data .panel-heading, .server-summary-data .panel-heading{
    color: #212B36;
    justify-content: space-between;
    padding: 6px 15px;
    border-bottom: 2px solid #F4F5F8;
    font-weight: 500;
}
.call-summary-data .panel-heading b, .server-summary-data .panel-heading b{
    font-weight: 500;
}
.call-summary-data .card.animate, .server-summary-data .card.animate{
    padding: 0;
}
.call-summary-data .statics-data, .server-summary-data .statics-data{
    padding: 5px 15px;
}
.server-summary-data .server-statics-data .panel-heading{
    border-bottom: none;
}
.server-summary-data .server-statics-data .m4, .active-services{
    border: 2px solid #F4F5F8;
    border-radius: 2px;
}
.call-summary-data .select2 .selection .select2-selection--single, .server-summary-data .select2 .selection .select2-selection--single{
    border: 2px solid #F4F5F8 !important;
    border-radius: 2px !important;
    color: #212B36 !important;
    font-size: 12px !important;
    padding: 2px 10px !important;
    width: 160px;
}
.main-dashboard-data .col.s12{
    padding: 0 12px;
}
.main-dashboard-data .statics-data .col.m4{
    padding-right: 0;
}
.main-dashboard-data .statics-data .col.m4:last-child{
    padding-right: 10px;
}
/*.call-summary-data .select2-container--default .select2-selection--single .select2-selection__arrow {
    -webkit-appearance: none;
    -moz-appearance: none;
    background: transparent;
    background-image: url("../../images/filter-icon.svg");
    background-repeat: no-repeat;
    background-position-x: 40%;
    background-position-y: 10px;
}
.call-summary-data .select2-container--default .select2-selection--single .select2-selection__arrow b{
    display: none;
}*/
#card-stats .call-summary-data .card-content, #card-stats .server-summary-data .card-content{
    border: 2px solid #F4F5F8;
    border-radius: 11px;
    padding: 3px;
    box-shadow: none;
}
#card-stats .m6 .card:hover .card-content,
#card-stats .call-summary-data .m4 .card:hover .card-content{
    border-color: var(--ec-active-green-color);
    background-color: var(--ec-active-green-color);
}
#card-stats .call-summary-data .m4 .card, #card-stats .server-summary-data .m6 .card, #card-stats .server-summary-data .m4 .card{
    box-shadow: none;
    border-radius: 2px;
}
.main-dashboard-data .card-counter-title {
    position: relative;
    font-size: 12px;
    left: auto;
    top: auto;
    font-weight: 500;
}
.main-dashboard-data #card-stats .card-stats-title{
    height: 50px;
}
.main-dashboard-data #card-stats .card-stats-number{
    text-align: end;
}
.main-dashboard-data #card-stats .m6 .card:hover .card-stats-number, .main-dashboard-data #card-stats .m4 .card:hover .card-stats-number{
    transform: none;
    font-size: 16px;
}
#card-stats .call-summary-data .m4 .card:hover, #card-stats .server-summary-data .m6 .card:hover {
    background-color: var(--ec-active-green-color);
}
#card-stats .call-summary-data .m4 .card:hover .card-counter-title, #card-stats .call-summary-data .m4 .card:hover .card-stats-number,
#card-stats .server-summary-data .m6 .card:hover .card-counter-title, #card-stats .server-summary-data .m6 .card:hover .card-stats-number{
    color: var(--ec-white-text) !important;
}
.main-dashboard-data #card-stats .card-stats-number{
    margin-top: 0 !important;
}
/* dashboard call summary data :: END */
/* Real time dashboard css :: BEGIN */
.main-dashboard-data .theme-tabs ul.tabs{
    background: #fff;
    width: 100%;
    border-radius: 16px 16px 0px 0px;
}
.main-dashboard-data .theme-tabs .tabs li a{
    color: #212B36 !important;
    font-size: 14px;
    font-weight: 600;
    padding: 0 5px;
    height: 100%;
    display: block;
    line-height: 3.5;
}
.theme-tabs .input-field label.active{
    top: 0px;
}
.queue-status-report-search .col-6{
    text-align: left;
}
.main-dashboard-data .theme-tabs ul li{
    border-right: 1px solid var(--ec-color-gray-100);
    flex: auto;
    height: 100%;
    line-height: 3;
    text-align: center;
}
.main-dashboard-data .theme-tabs ul li.las-tab{
    border-right: 0;
}
.main-dashboard-data .theme-tabs ul.tabs li a:hover, .main-dashboard-data .theme-tabs ul.tabs li a.active{
    background-color: var(--ec-primary-color);
    color: var(--ec-white-text) !important;
    text-transform: capitalize;
}
.theme-tabs .tabs .indicator{
    display: none;
}
.theme-tabs .tab-content-section {
    padding: 0 !important;
}
.theme-tabs .tab-content-section .panel-set{
    background-color: var(--ec-white-text);
    border-radius: 8px;
    padding: 0 !important;
}
.theme-tabs .call-summary-data .card.animate, .theme-tabs .server-summary-data .card.animate {
    box-shadow: none;
    border-radius: 2px;
}
.statics-icon-img{
    width: 50px;
    height: 50px;
}
.theme-tabs #card-stats .card-content{
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 10px;
}
.theme-tabs #card-stats .card-stats-title{
    display: block;
    height: auto;
}
.theme-tabs .card-counter-title{
    font-size: 26px;
    color: #212B36;
    font-weight: 500;
    line-height: 32px;
}
.theme-tabs #card-stats .card-stats-number{
    font-size: 14px;
    color: #212B36;
    font-weight: 400;
    text-align: left;
    line-height: 22px;
}
.theme-tabs .call-summary-data .panel-heading, .theme-tabs .server-summary-data .panel-heading {
    color: #212B36;
    padding: 1px 15px 7px;
    font-size: 16px;
}
.panel-set .table-actions{
    margin-left: auto;
}
.panel-set .card{
    box-shadow: none;
}
.panel-set .table-action{
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
}
.table-actions .d-flex{
    gap: 10px;
}
.table-actions  .sip-reg-refresh-time{
    margin:0;
    height:30px;
}
.sip-reg-refresh-time .select-wrapper .select2 .selection .select2-selection--single{
    height: 100% !important;
}
.active-calls-refresh-time .select-wrapper .select2 .selection .select2-selection--single{
    height: 100% !important;
}
.queue-status-refresh-time .select-wrapper .select2 .selection .select2-selection--single{
    height: 100% !important;
}
.campaign-performance-refresh-time .select-wrapper .select2 .selection .select2-selection--single{
    height: 100% !important;
}
.agent-monitor-refresh-time .select-wrapper .select2 .selection .select2-selection--single{
    height: 100% !important;
}
.table-action .refresh-time{
    border: 2px solid #F4F5F8;
    margin: 0;
    padding: 5px ;
    border-radius: 4px;
}
.panel-set .card .card-header{
    border-bottom: 2px solid #F4F5F8;
    color: #212B36;
    padding: 6px 15px 10px;
    font-size: 20px;
}
.panel-set table.dataTable thead th{
    padding: 5px 15px;
}
.panel-set table.dataTable thead td input{
    margin-bottom: 0;
}
.panel-set .card-body{
    padding: 0 5px 10px;
}
.panel-set .card-header.boder-bottom0{
    border-bottom: 0;
}
.server-statics-data{
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 0 5px 15px;
}
.padding-set{
    padding: 0 5px 15px 5px;
}
.padding-set .card{
    box-shadow: none;
}
/* Real time dashboard css :: END */
/* New ui changes :: BEGIN*/
.card .card-content{
    padding: 15px;
}
.collapsible-header:after {
    font-family: 'Material Icons';
    font-size: 18px;
    position: absolute;
    right: 10px;
    content: 'keyboard_arrow_right';
    transition: transform .3s ease-in-out, opacity .25s ease-in-out .1s, -webkit-transform .3s ease-in-out;
    color: #afafaf;
}
.collapsible .active .collapsible-header:after {
    content: 'keyboard_arrow_down';
}
.no-box-shadow{
    box-shadow: none !important;
}
.web-password{
    position: relative;
}
.passowrd-btns{
    position: absolute;
    right: 19px;
    top: 37px;
}
.passowrd-btns .btn{
    padding: 5px;
    border-radius: 5px;
    height: 30px;
    width: 30px;
    line-height: 1.5;
    border: 0;
}
.passowrd-btns .btn i{
    font-size: 14px;
}
.card-header-btns{
    display: flex;
    align-items: center;
    margin-left: auto;
    gap: 5px;
    width: 100%;
    justify-content: end;
    flex: 0 0 50%;
}
.table-structure .card-content{
    padding: 0;
}
.table-structure .card-header{
    padding: 15px;
    border-bottom: 1px solid #eff4f9;
}
.table-structure .card-body{
    padding: 15px;
}
.header-title{
    font-size: 16px;
    font-weight: 500;
    color: var(--ec-title-color);
}
.dataTables_wrapper table span.badge::after{
    display: none;
}
.field-phonebook-importfileupload.has-error .help-block{
    position: absolute;
    bottom: -38px;
    left: 5px;
    text-transform: none;
}
.call-log-detail-tab .collapsible-body i:last-child {
    border-radius: 0 10px 10px 0;
    border-left: 1px solid #3CF0C0;
}
.call-log-detail-tab .collapsible-body i:first-child {
    border-radius: 10px 0 0 10px;
}
.call-log-detail-tab .call-opiton{
    display: flex;
    align-items: center;
    justify-content: center;
}
.dialer-section .call-log-detail-tab  .collapsible-body i {
    border: 1px solid #00C792;
    background: #00C792;
    color: #fff;
    text-align: center;
    width: 100%;
    height: 35px !important;
    line-height: 35px !important;
    font-size: 18px;
}
.call-log-detail-tab .collapsible-body {
    border-bottom: 0;
}
#whitelist-import-form .file-field .btn,
#blacklist-import-form .file-field .btn{
    height: 35.9px;
    line-height: 2.4;
} 
#whitelist-import-form .file-field input.file-path,
#blacklist-import-form .file-field input.file-path{
    height: 36px;
}
.remember-checkbox input[type='checkbox']{
    margin-top: 1px;
}
.right.alert .card .card-content{
    padding: 13px 15px 10px;
}
.right.alert .card-alert button{
    top: auto;
    right: auto;
    position: relative;
}
.extension-main #card-stats .card-stats-title{
    justify-content: center;
}
#main .section-data-tables table,
#main .section-data-tables table,
#main .section-data-tables table{
    padding-right: 15px;
}  
.set-ext-import{
    margin-top: 21px;
}
.set-video .caller-details, .set-video .call-connect{
    z-index: 5;
    position: relative;
}
.fixed-alert{
    position: fixed;
    top: 55px;
    right: 15px;
    z-index: 5;
    width: 300px;
}
.iframe-set.fixed-alert{
    top: 5px;
}               
.fixed-alert p{
    font-size: 12px;
    display: flex;
    align-items: center;
    line-height: 1.3;
    justify-content: start;
}
.fixed-alert p i{
    line-height: 2.3;
}
.iframe-set.fixed-alert p i{
    top: 0px;
}
.fixed-alert.right.alert .card .card-content{
    padding: 0 5px;
}
/* New ui changes :: END*/

/* Edit DID Management css :: BEGIN*/
.time-based-div{
    margin-top: 30px;
    padding-top: 20px;
    border-top: 1px solid #ddd;
}
.time-based-div table{
    border: 1px solid #ddd;
}
.time-based-div table td{
    padding: 10px 15px;
    vertical-align: text-top;
}
.time-based-div table tbody tr:nth-child(odd){
    background-color: transparent !important;
}
.time-based-div table .input-field{
    margin-top:0;
}
.time-based-div table td input{
 height: 30px !important;
}
.time-based-div .select2 .selection .select2-selection--single,
.time-based-div .select2-container--default .select2-search--dropdown .select2-search__field{
    height: 30px !important;
}
.time-based-div .select2-container{
    width:100% !important;
}
#didmanagement-days label {
    display: flex;
    align-items: center;
    gap: 7px;
}
#didmanagement-days {
    display: flex;
    align-items: center;
    width: 100%;
    gap: 30px 25px;
    flex-wrap: wrap;
}
#didmanagement-days > label{
    font-size: 1rem;
}

.ext-dialer, .call-forward-dialer-section {
    background: var(--ec-white-text);
}
.summary-interval .select2-container--default .select2-selection--single .select2-selection__rendered{
    padding: 2px 0;
}
/* sidebar css :: BEGIN */
.sidenav li{
    padding: 0 5px;
}
.sidenav li.active a.collapsible-header, .sidenav li.active a.collapsible-header:hover, .sidenav li.active:hover a.collapsible-header{
    background-color: var(--ec-primary-color) !important;
    color: var(--ec-white-text) !important;
    border-radius: 10px 10px 0 0 ;
}
.sidenav li > a:not(.active):hover {
    background-color: var(--ec-color-gray-200);
    color: var(--ec-title-color);
    border-radius: 10px;
}
.sidenav li > a:not(.active):hover i{
    color: var(--ec-title-color);
}

.sidenav li.active a.collapsible-header i{
    color: var(--ec-white-text);
}
.sidenav li .collapsible-body li a i{
    display: none;
}
.sidenav li .collapsible-body li a {
    padding-left: 50px !important;
    position: relative;
    height: 38px;
    line-height: 38px;
}
.sidenav li .collapsible-body li a::before{
    content: '';
    width: 8px;
    height: 8px;
    position: absolute;
    left: 30px;
    top: 50%;
    transform: translateY(-50%);
    border: 1px solid #231f20;
    border-radius: 50%;
    background-color: #fff;
}
.sidenav li .collapsible-body li.active a::before, .sidenav li .collapsible-body li:hover a::before{
    background-color: var(--ec-active-green-color);
    border-color: var(--ec-active-green-color);
}
/* sidebar css :: END */
.ext-dialer,.call-forward-dialer-section{
    background: #fff;
    position: fixed;
    right: 0;
    top: 58px;
    width: 300px;
    box-shadow: 0px -4px 50px 0px #00000026;
    padding: 10px 0;
    transition:  right .2s ease-in-out;
    height: 460px;
}
.call-forward-dialer-section{
    height: 540px;
}
.ext-dialer .carousel.carousel-slider .carousel-item{
    background-color: var(--ec-white-text);
}
.ext-dialer.dialer-section .container2::before,
.ext-dialer.dialer-section .container2::after{
    display: none;
}
.ext-dialer .dialer-number-show, .call-forward-dialer-section .dialer-number-show{
    border: 1px solid var(--ec-color-gray-200);
    width: 90%;
    margin: auto;
    height: 40px;
    border-radius: 3px;
}
.ext-dialer .digit, .ext-dialer .dig, .call-forward-dialer-section .digit, .call-forward-dialer-section .dig{
    border-radius: 5px;
    margin-bottom: 15px;
    background: linear-gradient(333.97deg, #FFFFFF 16.35%, #ECEFF2 96.47%);
    box-shadow: -6px -6px 7.5px 0px #FFFFFFDE, 2px 2px 2.799999952316284px 0px #CCD4DBED;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 3px;
    font-size: 22px;
}
.justify-content-between{
    justify-content: space-between;
}
.action-dialer{
    padding: 0 10px 10px;
    z-index: 8;
    position: relative;
}
.action-dialer img{
    position: relative;
    cursor: pointer;
    transition: all .2s linear;
}
.action-dialer img:hover{
    transform: scale(1.1);
}
.ext-dialer .dialer-number-show #output,
.call-forward-dialer-section .dialer-number-show #output{
    height: 40px;
    line-height: 40px;
    margin-bottom: 0;
    border: 0 !important;
}
.active-icon{
    display: none;
}
.dialer-bottom ul{
    display: flex;
    align-items: center;
    justify-content: space-around;
}
.dialer-bottom{
    border-top: 1px solid var(--ec-color-gray-200);
    padding-top: 10px;
    background-color: #fff;
}
.dialer-bottom .tabs .tab a{
    color: var(--ec-color-gray-400) !important;
    display: flex;
    align-items: center;
    gap: 3px;
    flex-direction: column;
    line-height: 1.5;
    font-size: 14px;
    padding: 0 !important;
    text-transform: capitalize;
}
.dialer-bottom .tabs .tab a{
    text-transform: uppercase;
}
.call-listings{
    max-height: 347px;
    overflow: auto;
}
.dialer-bottom .tabs .tab, .theme-tabs-calls .tab{
    display: flex;
    align-items: center;
    gap: 3px;
}
.dialer-bottom .indicator{
    display: none;
}
.dialer-bottom .tabs .tab a.active{
    color: #13a1dc !important;
}
.dialer-bottom .tabs .tab a:focus, .dialer-bottom .tabs .tab a:focus.active {
    outline: none;
    background-color: transparent;
}
.dialer-bottom .tabs .tab a.active  .non-active-icon{
    display: none;
}
.dialer-bottom .tabs .tab a.active .active-icon{
    display: flex;
}
.dialer-bottom .tabs .tab.active {
    background-color: transparent;
}
.ext-dialer .add-number, .call-connect{
    height: 20px;
    color: #13a1dc;
    font-weight: 700;
    line-height: 5px;
}
.ext-dialer.dialer-section #call{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2px;
    background-color: transparent;
    margin: 0 auto;
}
.sideNav-lock ul.navbar-list.right img.dialer-icon-set,
ul.navbar-list.right img.dialer-icon-set,
.sideNav-lock ul.navbar-list.right img.disable-dialer-icon-set,
ul.navbar-list.right img.disable-dialer-icon-set{
    width: 70px;
    height: 59px;
    border-radius: 0;
    margin-left: 10px;
}
.ext-dialer.dialer-section #call i, .call-forward-dialer-section .call-forward i{
    background-color: #00C792;
    color: #fff;
    border-radius: 5px;
    width: 50px;
    height: 40px;
    padding: 3px 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.ext-dialer.dialer-section #call i:first-child{
    border-radius: 5px 0 0 5px;
}
.ext-dialer.dialer-section #call i:last-child{
    border-radius: 0 5px 5px 0;
}
.call-lists{
    display: flex;
    align-items: flex-start;
    gap: 10px;
    color: #231f20;
    width: 100%;
}
.call-lists .caller-date{
    line-height: 1.9;
    font-size: 12px;
    margin-left: auto;
    margin-right: 12px;
}
.caller-detail{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    gap: 15px;
}
.caller-time{
    margin-bottom: 0;
}
.call-lists p{
    height: auto;
    line-height: 1;
    text-align: left;
    margin: 0;
    font-size: 13px;
    font-weight: 400;
}
#swipe-tab-2 .call-lists{
    width: 94%;
}
#swipe-tab-2 .ml-auto {
    text-align: right;
    margin-left: auto;
}
#swipe-tab-2 .call-lists ml-auto p{
    text-align: right;
}
#swipe-tab-2 .call-lists ml-auto p.call-time{
    font-size: 12px;
    margin-top: 5px !important ;
}
.phonebook-listing {
    height: 405px;
    overflow: auto;
}
.call-lists .caller-name{
    color: #252D3B;
    font-weight: 500;
    margin-bottom: 5px;
}
.theme-tabs-calls{
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    background-color: #EFF4F9;
    border-radius: 10px;
    width: 96%;
    margin: auto;
}
.theme-tabs-calls .tab a{
    color: var(--ec-color-gray-400) !important;
    line-height: 28px;
    font-size: 14px;
    padding: 10px !important;
    text-transform: capitalize;
    position: relative;
    z-index: 1;
    border-radius: 10px;
}
.theme-tabs-calls .indicator {
    display: none;
}
.theme-tabs-calls li a.call-tabs.active,
.theme-tabs-calls.tabs .tab a:focus, 
.theme-tabs-calls.tabs .tab a:focus.active{ 
    background-color: #13a1dc;
    color: #fff !important;
}
.theme-tabs-calls .tab a.active{
    color: #fff !important;
}
.dialer-section .tabs-content {
    height: 400px !important;
}
.dialer-section .tabs-content .collapsible li{
    width: 100%;
    padding: 0 5%;
    border-bottom: 1px solid var(--ec-color-gray-100) !important;
    background-color: #fff;
}
.dialer-section .collapsible{
    box-shadow: none;
    border-radius: 0;
    padding: 0 10px;
}
.dialer-section .collapsible li.active{
    background-color: #EFF4F9;
}
.dialer-section .collapsible li{
    width: 100%;
    border-radius: 8px;
}
.user-call-data{
    text-align: left;
}
.user-call-data p{
    color: #323232;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.5;
    margin: 0;
}
.user-call-data p:first-child{
    color: #231f20;
    font-weight: 400;
    font-size: 14px;
}
.user-call-icons{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
}
.dialer-section .collapsible-header:after{
    right: 20px;
}
.dialer-section .collapsible-header{
    border-radius: 0 !important;
    padding: 10px 15px !important;
    border-bottom: 0!important;
    background-color: transparent;
    width: 100%;
}
.call-listings ul li{
    width: 100%;
}
.dialer-section .collapsible-body{
    background-color: transparent;
}
.dialer-section .tabs-content .collapsible li.active .collapsible-header{
    background-color: #EFF4F9;
    border-radius: 10px 10px 0 0 !important;
}
.dialer-section .tabs-content .collapsible li.active .collapsible-body{
    background-color: #EFF4F9;
    border-radius:  0 0 10px 10px ;
}
.dialer-section .tabs-content .collapsible li.active{
    border-bottom-color: transparent !important;
}
.dialer-section .collapsible-body i{
    border-radius: 50%;
    border: 1px solid #00C792;
    background: #fff;
    color: #00C792;
    text-align: center;
    width: 35px;
    height: 35px !important;
    line-height: 35px !important;
    font-size: 18px;
}
.dialer-section .collapsible-body{
    padding: 10px 15px;
    border: 0;
}
/* .dialer-section .collapsible-body i:first-child{
    border-radius: 10px 0 0 10px;
    border-right: 1px solid #16AB83;
} */
.call-opiton{
    display: block;
}
.collapsible-body i:last-child{
    /* border-radius: 0 10px 10px 0; */
    /*border-left: 1px solid #3CF0C0;*/
}
.phonebook-listing .user-initial {
    color: #231f20;
    background: #EDEDED;
    border-radius: 50%;
    width: 30px;
    height: 33px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 30px;
}
.phonebook-listing .tabs-content .collapsible li{
    padding: 0 3%;
}
.search-phonebook-data{
    position: relative;
    padding: 0 10px;
}
nav .nav-wrapper .search-phonebook-data i{
    position: absolute;
    top: 10px;
    left: 20px;
    color: #231f20;
    line-height: 34px;
    height: 34px;
}
.search-phonebook-data input.form-control{
    background-color: #EFF4F9;
    color: #231f20;
    height: 40px;
    padding: 10px 10px 10px 40px !important;
    border-radius: 4px;
    width: 100%;
    border-bottom: 0;
}
.caller-action{
    display: flex;
    gap: 10px;
    justify-content: center;
    margin-bottom: 20px;
    flex-wrap: wrap;
}
.caller-action .action-box{
    border: 1px solid #DCE1E5;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
     width: 70px;
    height: 60px;
    flex: 0 0 70px;
    cursor: no-drop;
    opacity: .6;
}
.call-connected-icons.caller-action .action-box{
    opacity: 1;
    cursor: pointer;
}
.caller-action .action-box#switchToDialer, .caller-action .action-box.hangup-call{
    opacity: 1;
    cursor: pointer;
}
.caller-action .action-box.hangup-call{
    flex: 0 0 100%;
    border: 0;
}
.dialpad-section{
    background: #fff;
    position: fixed;
    right: 0;
    top: 58px;
    width: 300px;
    box-shadow: 0px -4px 50px 0px #00000026;
    padding: 10px 0;
    text-align: center;
    transition: right .2s ease-in-out;
    height: 505px;
}
.call-forward-dialer-section .container2{
    padding-top: 3px !important;
}
.call-forward-dialer-section .action-dialer{
    padding-bottom: 0px !important;
    margin-bottom: 10px !important;
}
.call-forward-dialer-section .dialer-number-show{
    margin-bottom: 5px !important;
}
.caller-details{
    color: #323232;
    font-weight: 600;
    font-size: 22px;
}
.video-call-action{
    display: flex;
    align-items: flex-start;
    gap: 10px;
    position: absolute;
    bottom: -10px;
    padding: 0 20px;
    justify-content: center;
    width: 100%;
}
.video-call-action .action-box i{
    width: 40px;
    height: 40px;
    line-height: 20px;
    border-radius: 10px;
    background-color: #00000069;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}
.video-call-action .action-box{
    cursor: pointer;
}
.dial-pad-Videocall{
    padding: 0;
}
.set-video{
    position: relative;
    width: 100%;
    height: 100%;
    background: black;
}
.recipient-video{
    position: absolute;
    left: 0;
    top: 0;
    /*z-index: -1;*/
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.caller-video{
    position: absolute;
    right: 10px;
    bottom: 70px;
    width: 110px;
    height: 70px;
    object-fit: cover;
    border-radius: 10px;
}
.dial-pad-Videocall .caller-details, .dial-pad-Videocall .calling-time{
    line-height: 1.4;
}
.fullscreen-Videocall {
    width: 100%;
    z-index: 99999;
    padding: 0;
    top: 0;
    left: 0;
    height: 100vh;
    position: fixed;
}
.fullscreen-Videocall .set-video{
    height: 100vh;
}
.fullscreen-Videocall .action-dialer{
    padding-top: 10px !important;
    z-index: 8;
    position: relative;
}
.fullscreen-Videocall .caller-data-show{
    position: absolute;
    bottom: 60px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.fullscreen-Videocall .caller-data-show > div{
    line-height: 1.4;
}
.fullscreen-Videocall .video-call-action{
    bottom: -15px;
}
.fullscreen-Videocall .caller-video{
    bottom: 5px;
    width: 170px;
    height: 100px;
}
.videocall-connecting .recipient-video{
    filter: blur(20px);
}
.videocall-connecting .call-connect{
    font-weight: 400;
}
.videocall-connecting .caller-details, .videocall-connecting .call-connect{
    z-index: 1;
    position: relative;
}
.videocall-connecting .video-call-action .action-box{
    display: none;
}
.videocall-connecting .video-call-action .action-box.hangup-call{
    display: block;
}
.call-minimizer {
    background: #13a1dc;
    border-radius: 10px;
    height: 140px;
    width: 230px;
    padding: 15px;
}
.call-minimizer .caller-details, .call-minimizer .call-connect{
    line-height: 1.4;
    color: #fff;
}
.call-actions-minimizer{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.call-actions-minimizer .action-box{
    height: 30px;
    cursor: pointer;
    line-height: 1;
}
.call-actions-minimizer i{
    width: 30px;
    height: 30px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #0D20B2;
    color: #fff;
    border-radius: 10px;
    font-size: 16px;
}
.bfl-list{
    position: fixed;
    background-color: #F8F9FA;
    right: 0;
    top: 58px;
    width: 0;
    height: 520px;
    overflow: auto;
    transition: width .2s ease-in-out;
}
.bfl-list.active{
    width: 200px;
}
.bfl-list li{
    position: relative;
    border-bottom: 1px solid;
    padding: 10px;
    width: 100%;
}
.bfl-list li a{
    display: flex;
    align-items: center;
    gap: 15px;
    line-height: 1.5;
    color: #323232;
}
.bfl-list li.online-user{
    border-bottom-color: #00C792;
}
.bfl-list li.offline-user{
    border-bottom-color: #F03C3C;
}
.bfl-list li.inactive-user{
    border-bottom-color: #DCE1E5;
}
.bfl-list li.blf-user{
    border-bottom-color: #DCE1E5;
}
.bfl-list li a div{
    width: 20px;
    height: 13px;
    border-radius: 2px;
    flex: 0 0 20px;
}
.bfl-list li a div.online{
    background-color: #00C792;
}
.bfl-list li a div.offline{
    background-color: #F03C3C;
}
.bfl-list li a div.inactive{
    background-color: #DCE1E5;
}
.bfl-list li a div.dnd{
    background-color: #F03C3C;
}
.bfl-list li a div.away{
    background-color: #0b9aab;
}
.bfl-list li a div.ringing{
    background-color: #ff9100;
}
.bfl-list li a div.on-the-phone{
    background-color: #435cd1;
}
.bfl-list li a div.busy{
    background-color: #2196f3;
}
.bfl-list li a div.available{
    background-color: #2b995a;
}
.bfl-list li a div.not-register{
    background-color: #231f20;
}
.set-right{
    right: 200px !important;
}
.set-right .bfl-list-open{
    transform: rotate(180deg);
}
.set-right .bfl-list-open:hover{
    transform: scale(1.1) rotate(180deg);
}
.close-list{
    display: none;
    text-align: end;
    cursor: pointer;
}
.close-list i{
    color: #212121;
    height: 20px !important;
    line-height: 20px !important;
    padding: 5px;
    font-size: 16px;
}
.close-callminimizer{
    position: absolute;
    left: 9px;
    top: 8px;
    cursor: pointer;
}
.caller-detail .caller-name{
    width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    line-height: 1.5;
}
.caller-detail .ml-auto{
    width: 80px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.calling-action{
    display: flex;
    align-items: center;
    justify-content: space-around;
}
.calling-action .action-box img{
    cursor: pointer;
}
.incoming-call-info{
    display: flex;
    align-items: center;
    justify-content: space-between;
    line-height: 3.5;
}
.incoming-call-info .caller-details{
    line-height: 30px;
    font-size: 18px;
}
.incoming-call-info .call-connect{
    line-height: 18px;
    font-size: 13px;
    text-align: left;
    margin: 0;
    font-weight: 200;
}
.incoming-call-minimizer{
    height: 80px;
    width: 250px;
}
.call-timer {
    /*position: absolute;*/
    right: 10px;
    top: 8px;
    margin: 0;
    line-height: 1;
}
.video-call-minimizer{
    width: 235px;
    height: 118px;
    padding: 0;
    top: 70px;
}
.video-caller-details{
    position: relative;
    width: 100%;
    height: 100%;
}
.video-caller-details .recipient-video{
    border-radius: 7px;
}
.video-call-minimizer .call-actions-minimizer i{
    border-radius: 5px;
    line-height: 48px !important;
    background-color: #323232;
}
.video-call-minimizer .call-actions-minimizer {
    position: absolute;
    width: 100%;
    left: 0;
    padding: 0 10px;
    bottom: 10px;
}
.call-animation{
    width: 133px;
    height: 133px;
    border-radius: 100%;
    border: solid 3px rgb(18 39 194 / 9%);
    animation: call 1.5s ease infinite;
    font-size: 35px;
    font-weight: bold;
    position: relative;
    margin: 70px auto 70px;
}
@keyframes call {
    15% {
        box-shadow: 0 0 0 4px rgb(219 219 219 / 78%);
    }
    25% {
        box-shadow: 0 0 0 8px rgb(203 203 203 / 27%), 0 0 0 16px rgb(161 161 161 / 30%)
    }
    30% {
        box-shadow: 0 0 0 12px rgb(183 183 183 / 16%), 0 0 0 24px rgb(163 163 163 / 30%)
    }
}
.contact-suggestion{
    max-height: 95px;
    overflow-y: auto;
    padding: 0px 0px 10px 15px;
    margin-bottom: 10px;
}
.contact-suggestion .user-initial {
    color: #231f20;
    background: #EDEDED;
    border-radius: 50%;
    width: 30px;
    height: 33px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 30px;
}
.contact-suggestion .call-lists{
    align-items: center;
}
.extension-blf-form .select2-container--default .select2-selection--single .select2-selection__arrow{
    right: 8px;
}
.confimation-popup {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #3232328c;
    border-radius: 4px;
}
.confirmation-box{
    width: 199.65px;
    height: 136.6px;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0px 4px 4px 0px #00000040;
    line-height: 1.3;
    font-weight: 500;
    color: #323232;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.box-confirm-action{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
}
form .col{
    position: relative;
}
.notes-help{
    font-size: 14px;
    vertical-align: middle;
}
.form-collapse-body{
    padding: 10px 15px;
}
.extension-main #breadcrumbs-wrapper{
    padding-top: 0;
}
.select2-container--default .select2-search--inline .select2-search__field{
    border: none !important;
}
#conference-master-form p{
    width: 85px;
}
.select2-container .select2-selection--multiple{
    min-height: 40px !important;
}
.multiSelect .field-dispositionmaster-ds_contacted_status .select-wrapper,
.multiSelect .field-dispositionmaster-ds_non_contacted_status .select-wrapper{
    margin-top: 0;
}
.setting-table-data{
    display: flex;
    align-items: flex-start;
    gap: 5px;
    width: 100%;
}
.digit-setup{
    flex: 0 0 40px;
    text-align: center;
    margin-top: 15px;
}
.digit-setup table td{
    text-align: center;
    padding-left: 0;
    height: 55px;
}
.digit-setup table td input{
    text-align: center;
}
.action-value-setup{
    flex: 0 0 92%;
}
.action-value-setup li i{
    line-height: 1.7;
}
.set-alert-theme .card-alert {
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
}
.set-alert-theme .row{
    margin: 0;
    display: flex;
    align-items: center;
    width: 100%;
}
.set-alert-theme .card-content {
    margin-top: 0;
    padding: 0 !important;
    line-height: 3;
}
.ticket-details-table-scroll table td a.view_details{
    color: #231f20 !important;
}
.ticket-details-table-scroll table td.edit-allo{
    min-width: 260px;
}
/* Notification css :: BEGIN */
.dropdown-content li > a.notification-set{
    display: flex;
    align-items: flex-start;
    gap: 10px;
    border-bottom: 1px solid var(--border-color);
}
.notification-button{
    position: relative;
}
.dropdown-content li > a.notification-set p{
    margin: 0 0 5px 0;
}
.notification-content p:first-child{
    color: #212B36;
}
.dropdown-content li > a.notification-set .icon-set-notification i{
    line-height: normal;
}
.set-padding{
    padding: 10px 20px;
}
.notification-box{
    max-height: 292px;
    overflow: auto;
    border-top: 1px solid var(--border-color);
    width: 100%;
}
#notification-dropdown{
    width: 450px;
}
.notification-time{
    font-size: 12px;
}
/* Notification css :: END */
.digit-setup  tr td:first-child input{
    padding: 0 ;
}
.value-sets{
    display: flex;
    align-items: center;
    gap: 5px;
    justify-content: space-between;
}
.value-sets div{
    width: 100%;
}
.template-config{
    border: 1px solid #EFF4F9;
    padding: 0 !important;
}
.template-config table tr th:first-child,
.template-config table tr td:first-child{
    text-align: center;
}
.template-config table tr th,
.template-config table tr td{
    text-align: left;
}
input[type=text]:not(.browser-default):read-only, input[type=password]:not(.browser-default):read-only {
    background: rgb(236 238 241);
}

.sett ul {
    list-style: none;
    padding: 0;
    margin: 0;
    border-radius: 5px;
}
.sett ul:first-child > li:first-child > a{
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.sett ul:lastfirst-child > li:lastfirst-child > a{
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.sett ul > li > a {
    display: block;
    padding: 10px 20px;
    background-color: #EFF4F9;
    color: #323232; 
    text-decoration: none;
    transition: background-color 0.3s ease, color 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.sett ul > li > a:hover,
.sett ul > li > a.active {
    background-color: #DDE6F0;
    font-weight: 700;
}
/*.sett ul li a.device-tab.active{
    background-color: #EFF4F9;
    font-weight: 400;
}*/
.caret {
    font-size: 12px;
    transition: transform 0.3s ease;
    line-height: 1;
}
.line-settings-tab.active .caret {
    transform: rotate(180deg);
}
.sett ul.submenu {
    display: none;
    background-color: #f9f9f9;
    margin-top: 0;
    border-radius: 0 0 4px 4px;
}
.sett ul.submenu li {
    list-style: none;
}
.sett ul.submenu li a {
    display: block;
    padding: 8px 15px 8px 30px;
    color: #333;
    text-decoration: none;
    transition: background-color 0.3s ease, color 0.3s ease;
}
.submenu li a:hover {
    background-color: #e9ecef;
    color: #007bff;
}
.line-tab {
    background-color: transparent;
    color: #333;
}
.line-tab.active {
    background-color: #DDE6F0;
    color: #323232;
    font-weight: 700;
}
.multiselect{
    display: inherit;
    height: 15rem;
}
.selection-codes .select-wrapper .caret{
    display: none;
}
.selection-codes .select-wrapper select{
    border: 1px solid #DCE1E5;
}
.selection-codes .select2-container{
    width: 100% !important;
}

/* Media queries */
@media screen and (max-width: 1366px) {
    .btn, .btn-large, .btn-small, .btn-flat{
        padding: 0 1rem;
    }
}
@media screen and (max-width: 1299px) {
    .sideNav-lock  .nav-crm-icon.with-audio {
        justify-content: center;
    }
    .sideNav-lock ul.navbar-list.right img {
        width: 28px;
        height: 28px;
    }
}
@media only screen and (max-width: 1024.25px) {
    tfoot {
        display: none;
    }
    nav ul.navbar-list.right  a{
        padding: 5px;
    }
    nav ul.navbar-list.right  a.profile-button{
        padding:0 5px;
    }
    #card-stats .call-summary-data .m4 .card:hover .card-counter-title, #card-stats .call-summary-data .m4 .card:hover .card-stats-number, #card-stats .server-summary-data .m6 .card:hover .card-counter-title, #card-stats .server-summary-data .m6 .card:hover .card-stats-number{
        transform: none;
    }
    .navbar .notification-badge{
        right: 2px;
    }
}
@media screen and (max-width: 992px) and  (min-width: 800px){
    .header-opt-section {
        width: 78%;
        margin-left: auto;
    }
    .dialer-section#dialPadModal, .dialer-section.left-panel-open#dialPadModal{
        transform: translateX(-40%);
    }
    nav ul.navbar-list.right  a{
        padding: 5px;
    }
    nav ul.navbar-list.right  a.profile-button{
        padding:0 5px;
    }
}
@media screen and (max-width: 801px) and  (min-width: 768px){
    .header-opt-section {
        width: 75%;
        margin-left: auto;
    }
    .dialer-section#dialPadModal, .dialer-section.left-panel-open#dialPadModal{
        transform: translateX(-44%);
    }
    nav ul.navbar-list.right  a{
        padding: 5px;
    }
    nav ul.navbar-list.right  a.profile-button{
        padding:0 5px;
    }
}
@media screen and (min-width: 601px){
    .mt-2 {
        margin-top: 2.2% !important;
    }
}
@media screen and (max-width: 992.25px){
    #header nav .nav-wrapper {
        display: flex;
        justify-content: flex-end;
    }
    .main-dashboard-data .theme-tabs #card-stats .m6 .card:hover .card-stats-number,
    .main-dashboard-data .theme-tabs #card-stats .m4 .card:hover .card-stats-number{
        font-size: 16px;
    }
    .action-value-setup{
        flex: 0 0 100%;
    }
    nav ul.navbar-list.right  a{
        padding: 5px;
    }
    nav ul.navbar-list.right  a.profile-button{
        padding:0 5px;
    }
}
@media screen and (max-width: 767px){
    .fixed-alert{
        right: 10px;
    }
    .iframe-set.fixed-alert {
        top: 110px;
    }
    .footer-dark .footer-copyright{
        font-size: 12px;
    }
    #main form .row.mt-2{
        margin-top: 13px !important;
    }
    .theme-dropdown-selection .select-wrapper {
        height: 100%;
    }
    .agent-main  .btn-basic{
        margin-top: 10px;
    }
    .supervisor-main .btn-basic{
        margin-top: 10px;
        margin-left: 5px;
    }
    .file-upload-section .help-block {
        margin-top: 14px;
    }
    .close-list{
        display: block;
    }
    .set-right{
        display: none;
    }
    .amount-set-data {
        font-size: 30px;
    }
    .btn-floating i{
        font-size: 12px;
        line-height: 30px;
    }
    .btn-set-m .btn{
        margin-bottom: 5px;
    }
    .date-picker-range-section{
        margin-top: 5px;
        flex-wrap: wrap;
    }
    .set-m-center{
        text-align: center;
    }
    .logo-image{
        margin: 10px auto;
    }
    .sidenav-main .btn-sidenav-toggle{
        top:12px;
        width: 30px;
        height: 30px;
        line-height: 30px;
        line-height: 32px;
    }
    .main-dashboard-data .statics-data .col.m4{
        padding-right: 10px;
    }
    .call-summary-data .panel-heading, .server-summary-data .panel-heading{
        flex-wrap: wrap;
    }
    .call-summary-data .panel-heading .select-wrapper, .server-summary-data .panel-heading .select-wrapper{
        margin-left: auto;
        margin-top: 5px;
    }
    .change-password-form-data{
        padding: 15px 10px 0 !important;
    }
    .auth-section-box{
        height: 100vh;
        width: 100%;
    }
    .login-image{
        margin: 30px auto ;
    }
    .btn{
        padding: 0px 15px;
        font-size: 12px;
        height: 30px;
        line-height: 30px;
    }
    .search-filter .collapsible-body .col.s12.mt-1{
        margin-top: 15px !important;
    }
    .pagination{
        padding-right: 20px;
    }
    .script-data-table table tr td:last-child{
        min-width: 600px !important;
    }
    .extension-speeddial-update{
        margin-bottom: 0px;
    }
    .mob-m{
        margin-bottom: 10px;
    }
    .multiselect.form-control{
        overflow: auto;
    }
    .form-submission .row{
        display: block;
    }
    .with-btn .btn{
        box-shadow: none !important;
        width: 30px !important;
        height: 30px !important;
        padding: 5px !important;
        line-height: 1.2 !important;
        border-radius: 5px !important;
    }
    .btn_div .btn{
        box-shadow: none !important;
        width: 30px !important;
        height: 30px !important;
        padding: 5px !important;
        line-height: 1.2 !important;
        border-radius: 5px !important;
        margin: 10px auto;
    }
    #main{
        margin-bottom: 25px;
        margin-top: 58px;
    }
    #main.agent-main{
        margin-top: 115px;
    }
    footer.page-footer.gradient-45deg-indigo-purple.gradient-shadow{
        box-shadow: none !important;
    }
    .extention-show{
        display: none;
    }
    #header {
        z-index: 2;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
    }
    .footer-copyright{
        text-align: center;
    }
    .footer-copyright .float-left{
        float: none !important;
    }
    .multiselect-btn-pad {
        /* margin-top:42px !important; */
    }
    .nav-crm-icon{
        position: absolute;
        top: 50px;
        background: #fff;
        width: 100%;
        left: 0;
        padding: 0 10px;
    }
    .nav-crm-icon.with-audio{
        width: 100% !important;
    }
    .setM-pad{
        margin-top: 22px;
    }
    iframe{
        min-height: 87% !important;
    }
    .dialer-section#dialPadModal, .dialer-section.left-panel-open#dialPadModal {
        left: 10px !important;
        top: 104px;
        transform: none;
    }
    .dialer-number-show #clear {
        margin: 0;
    }
    .dialer-number-show #output {
        height: 40px;
    }
    .dialer-section .container2{
        padding: 0;
    }
    .nav-crm-icon.with-audio, .sideNav-lock .nav-crm-icon.with-audio{
        justify-content: flex-start !important;
    }
}
@media screen and (max-width: 601.25px) {
    .server-statics-data {
        flex-wrap: wrap;
    }
    .main-dashboard-data .panel-heading.d-flex{
        flex-wrap: wrap;
    }
    .ivr-settings.border-left{
        border-left: 0;
        border-top: 1px solid var(--border-color);
        padding: 0 !important;
    }
    .sidenav li .collapsible-body li a::before{
        left: 25px;
    }
    .sidenav li .collapsible-body li a{
        padding-left: 45px !important;
    }
    .form-card-header{
        word-break: break-word;
    }
    label, .input-field > label{
        line-height: 20px;
        display: block;
        margin-bottom: 5px;
    }
    .passowrd-btns{
        top:30px;
    }
    .card-header-btns{
        margin-top: 10px;
    }
    .dataTables_wrapper .card-header, .table-structure .card-header {
        display: block;
    }
    .input-field {
        margin-bottom: 12px;
    }
    .set-ext-import {
        margin-top: 0px;
    }
    .m-p-0{
        padding: 0 !important;
    }
    .set-padding-mobile{
        padding-top: 15px;
    }
    #auto-attendant-master-form .switch-input p{
        width: 140px;
    }
    /*.server-statics-data.padding-set {*/
    /*    padding: 0 0 0 0px;*/
    /*}*/
}
@media screen and (max-width: 500px) {
    .modal-small{
        width: 90%;
    }
    .sideNav-lock ul.navbar-list.right img.dialer-icon-set, .sideNav-lock ul.navbar-list.right img .disable-dialer-icon-set{
        width: 40px;
        height: 56px;
        object-fit: cover;
    }
}
@media screen and (max-width: 350px){
    /* .multiselect-btn-pad {
        margin-top:65px !important;
    } */
    .setM-pad{
        margin-top: 45px;
    }
    ul.navbar-list.right img {
        width: 25px;
        height: 25px;
    }
}

.action_space{
    display: flex !important;
    align-items: center;
    gap: 7px;
}
.log-table span{
    word-break: break-all;
}
li.disabled {
    cursor: not-allowed;
}

/* Change cursor style when the li doesn't have the "disabled" class */
li:not(.disabled) {
    cursor: pointer;
}
.text-white {
    color: #cccccc !important;
}
.field-loginform-rememberme .s12{
    display: flex;
    align-items: center;
    gap: 5px;
}
.date-time-picker.input-group{
    position: relative;
}
.date-time-picker .input-group-addon{
    position: absolute;
    top: 30px;
    right: 0;
}
.bootstrap-datetimepicker-widget table td span, .bootstrap-datetimepicker-widget a[data-action]{
    background: transparent!important;
    height: 20px !important;
    line-height: 16px !important;
}
.bootstrap-datetimepicker-widget table td{
    height: 20px !important;
    line-height: 16px !important;
}
.shortcut-buttons-flatpickr-buttons {
    justify-content: center;
    width: 100%;
    margin-top: 5px;
    margin-bottom: 5px;
}
.shortcut-buttons-flatpickr-button {
    background-color: #c1c7cd;
    padding: 4px 8px;
    border-radius: 4px;
    border: 1px solid transparent;
}
/*.flatpickr-calendar.hasTime .flatpickr-time {
    border-bottom: 1px solid #e6e6e6;
}*/
.flatpickr-input{
    border-bottom: 1px solid !important;
}
.flatpickr-time input.flatpickr-hour {
    font-weight: normal !important;
}
/* input[type=text]:not(.browser-default)[readonly='readonly']{
    border-bottom: 1px solid !important;
} */
#arc_1 {
    fill: #faf8f7 !important;
}
#chart_div {
    overflow-x: scroll;
    overflow-y: hidden;
    width: 500px;
    height: 550px;
}
.d-none{
    display: none;
}
.multiSelect .select2-container--default .select2-search--inline .select2-search__field{
    height: auto !important;
    margin-top: 7px;
}
.multiSelect .select-wrapper{
    margin-top: 15px;
}
.active-calls-filter > td > input[type=text]:not(.browser-default),
.sip-reg-filter > td > input[type=text]:not(.browser-default){
    height: 2rem;
    border: 1px solid #9e9e9e;
    border-radius: 5px;
    padding-left: 5px;
    /*background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' class='bi bi-search' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z'%3E%3C/path%3E%3C/svg%3E") no-repeat 125px center;*/
}
.bg-early{
    background-color: #4956f1 !important;
}
.bg-available{
    background-color: #2b995a !important;
}
.bg-ringing{
    background-color: #ff9100 !important;
}
.bg-other{
    background-color: mediumpurple !important;
}
.bg-away, .bg-inqueue{
    background-color: #0b9aab !important;
}
.bg-online, .bg-active{
    background-color: #00ae00 !important;
}
.bg-on-the-phone{
    background-color: #435cd1 !important;
}
.bg-busy{
    background-color: #2196f3 !important;
}
.bg-not-available, .bg-break{
    background-color: #9e9e9e !important;
}
#select2-active_calls_refresh_time-container,#select2-queue_status_refresh_time-container, #select2-sip_reg_refresh_time-container, #select2-camp_refresh_time-container, #select2-agent_monitor_refresh_time-container{
    width: 90px !important;
    height: 30px !important;
    line-height: 1.5;
}
.active-calls-refresh-time .select2-container--default .select2-selection--single .select2-selection__arrow, 
.campaign-performance-refresh-time .select2-container--default .select2-selection--single .select2-selection__arrow,  
.queue-status-refresh-time .select2-container--default .select2-selection--single .select2-selection__arrow,
.sip-reg-refresh-time .select2-container--default .select2-selection--single .select2-selection__arrow,
.refresh-time .select2-container--default .select2-selection--single .select2-selection__arrow,
.agent-monitor-refresh-time .select2-container--default .select2-selection--single .select2-selection__arrow
{
    top: -4px;
}
.active-calls-refresh-time  .select2 .selection .select2-selection--single,
.campaign-performance-refresh-time  .select2 .selection .select2-selection--single,
.queue-status-refresh-time  .select2 .selection .select2-selection--single,
.sip-reg-refresh-time  .select2 .selection .select2-selection--single,
.refresh-time .select2 .selection .select2-selection--single,
.agent-monitor-refresh-time .select2 .selection .select2-selection--single{
    height: 30px !important;
}
#sip-reg-report-search .select2-container.select2-container--default{
    margin-top: -3px;
}
.empty{
    padding-left: 10px;
}
.table-structure .empty{
    padding: 15px;
}
.realtime-card-content{
    padding: 0px 0px 24px 0px !important;
}
.theme-dropdown-selection .select-wrapper{
    /* height: 2.6rem; */
    height: 100%;
}
.theme-dropdown-selection .select2-container, .theme-dropdown-selection .select2-container--default .select2-selection--multiple{
    height: 2.6rem;
}
.theme-dropdown-selection .select2-container--default .select2-selection--multiple .select2-selection__rendered{
    height: 100%;
    overflow: auto;
}
.select2-container--default .select2-results__option--highlighted[aria-selected]{
    color: #fff !important;
}
.select2-container--default .select2-results__option[aria-selected=true]{
    color: var(--ec-text-color) !important;
}
.avagent .select-wrapper .caret{
  display: none;
}
.field-extension-importfileupload > .help-block, .field-blacklist-importfileupload > .help-block,
.field-whitelist-importfileupload > .help-block, .field-leadgroupmember-importfileupload > .help-block,
.field-didmanagement-importfileupload > .help-block, .field-enterprisephonebook-importfileupload > .help-block {
    text-transform: none;
}
.caret-remove > .select-wrapper > .caret {
    display: none;
}
.field-didmanagement-holiday .select2-container .select2-search--inline .select2-search__field {
    box-sizing: border-box;
    border: none;
    font-size: 100%;
    margin-top: 5px;
    padding: 0 5px;
    height: 30px;
    line-height: 6;
    border: 0 !important;
}
.select2-container--default .select2-selection--multiple{
    border-color: var(--border-color) !important;
}
.table-striped.table-responsive .select2-container--default .select2-selection--single .select2-selection__rendered{
    height: 30px !important;
    padding: 0px 10px !important;
}
.table-striped.table-responsive .select2-container--default .select2-selection--single .select2-selection__arrow{
    top: -4px;
    right: 6px;
}
.height-drag .select2-container--default .select2-selection--single .select2-selection__rendered{
    line-height: 30px !important;
    padding-right: 20px;
}
.height-drag .select2-container--default .select2-selection--single .select2-selection__arrow{
    top: 2px !important;
}
.file-upload-section .help-block{
    margin-top: 20px;
}
.mt--14{
    margin-top: -14px;
}
.margin-top-13{
    margin-top: 13px;
}
.mt--1{
    margin-top: -1px;
}
.mt--7{
    margin-top: -7px;
}
form div.required label.control-label:after, form label.holiday-ext:after,
form label.holiday-int:after, form label.holiday-queue:after,
form label.weekoff-int:after, form label.weekoff-ext:after,
form label.weekoff-queue:after {
    content:" * ";
    color:red;
}
.import-body{
    padding: 0rem 2rem 2rem !important;
}
.file-field .file-path-wrapper {
    overflow: hidden;
    padding-left: 15px;
    margin-top: -20px;
}
#agent_detail{
    border: 0px solid;
    border-color: silver;
}
#agent_detail > table th:first-child, table td:first-child {
    text-align: left;
    padding-left: 10px;
}
.fwd-contact{
    cursor: pointer;
}
.light-green-bg{
    background: #42af42 !important;
}
.light-red-bg{
    background: #db5b5b !important;
}
.license-card input[type=number]:not(.browser-default){
    border: none !important;
}
.license-card .number-input input {
    width: 40% !important;
    text-align: center;
    border: none !important;
}
.license-card .number-input button, .line-settings-table button {
    width: 25px !important;
    height: 25px;
    padding: 0 !important;
    line-height: 0 !important;
}
.license-management table{
    border: 1px solid #DCE1E5;
    border-radius: 5px;
    border-collapse: initial;
}
.license-management table th:first-child{
    padding-left: 10px;
}
.license-management .ticket-details-table-scroll{
    overflow-y: scroll;
    max-height: 300px;
}
.license-management .account-details-table, .license-management .account-details-table tbody tr,
.license-management .ticket-details-table-scroll table, .license-management .ticket-details-table-scroll table tbody tr{
    border: none;
}
.license-management .license-manage-table th{
   width: 240px !important;
}
.license-management .license-manage-table th:first-child{
    width: 190px !important;
}
#ticket-index table{
    border: 0;
}
#ticket-index table td i {
    color: var(--ec-text-color) !important;
    font-size: 16px !important;
}
#ticket-index table td i:hover{
    color: var(--ec-primary-color) !important;
    font-size: 16px !important;
}
.template-config table thead tr th, .template-config table tbody tr td {
    word-wrap: break-word;
}
.line-width{
    min-width: 90px !important;
    max-width: 90px !important;
}
.action-width{
    min-width: 50px !important;
    max-width: 50px !important;
}
.parameter-width{
    min-width: 170px !important;
    max-width: 170px !important;
}
.value-width{
    min-width: 150px !important;
    max-width: 150px !important;
}
.source-width{
    min-width: 130px !important;
    max-width: 130px !important;
}
span.badge.gradient-45deg-cyan-light-blue{
    color: var(--ec-primary-hover);
    border-radius: 30px;
    background-color: transparent;
    border-color: var(--ec-primary-hover);
}
.gradient-45deg-cyan-light-blue.gradient-shadow {
    -webkit-box-shadow: 0 6px 20px 0 rgba(178, 255, 89, .5) !important;
    box-shadow: 0 6px 20px 0 rgba(178, 255, 89, .5) !important;
}