@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

body {
    font-family: "Inter", sans-serif !important;
    /* font-family: "Inter", serif !important; */
    font-weight: 400;
    /* font-family: Helvetica !important;
  letter-spacing: 0.3px !important;   */
    overflow-y: scroll;
    /* -webkit-font-smoothing: antialiased; */
}

html {
    background: #ffffff !important;
}
/* strong{
  font-family: Helvetica-Bold !important;
}
b{
  font-family: Helvetica-Bold !important;
} */
.table th {
    font-size: 14px;
    /* font-weight: 500 !important; */
    /* letter-spacing: 0.3px !important; */
    font-weight: 600;
    /* font-family: Helvetica-Bold !important; */
}

    .table th h5 {
        font-size: 14px;
        /* font-weight: 500 !important; */
        /* letter-spacing: 0.3px !important; */
        /* font-family: Helvetica !important; */
    }

    .table th p {
        /* font-family: Helvetica !important; */
    }


/* Font Add "Inter"=========================Start */

/* cyrillic-ext */
/* @font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 100 900;
  src: url(../fonts/Inter/UcCm3FwrK3iLTcvnUwkT9mIzF59cK0sL.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 100 900;
  src: url(../fonts/Inter/UcCm3FwrK3iLTcvnUwAT9mIzF59cK0sL.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 100 900;
  src: url(../fonts/Inter/UcCm3FwrK3iLTcvnUwgT9mIzF59cK0sL.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 100 900;
  src: url(../fonts/Inter/UcCm3FwrK3iLTcvnUwcT9mIzF59cK0sL.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 100 900;
  src: url(../fonts/Inter/UcCm3FwrK3iLTcvnUwsT9mIzF59cK0sL.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;
}
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 100 900;
  src: url(../fonts/Inter/UcCm3FwrK3iLTcvnUwoT9mIzF59cK0sL.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 100 900;
  src: url(../fonts/Inter/UcCm3FwrK3iLTcvnUwQT9mIzF59cKw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  src: url(../fonts/Inter/UcCo3FwrK3iLTcvvYwYZ90A2N59MKw.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  src: url(../fonts/Inter/UcCo3FwrK3iLTcvmYwYZ90A2N59MKw.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  src: url(../fonts/Inter/UcCo3FwrK3iLTcvuYwYZ90A2N59MKw.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  src: url(../fonts/Inter/UcCo3FwrK3iLTcvhYwYZ90A2N59MKw.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  src: url(../fonts/Inter/UcCo3FwrK3iLTcvtYwYZ90A2N59MKw.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;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  src: url(../fonts/Inter/UcCo3FwrK3iLTcvsYwYZ90A2N59MKw.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  src: url(../fonts/Inter/UcCo3FwrK3iLTcviYwYZ90A2N58.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
} */
/* 
@font-face {
  font-family: "Inter-ExtraLight";
  src: url("../fonts/Inter/Inter_18pt-ExtraLight.ttf");
  font-weight: 100;
}
@font-face {
  font-family: "Inter-Thin";
  src: url("../fonts/Inter/Inter_18pt-Thin.ttf");
  font-weight: 200;
}
@font-face {
  font-family: "Inter-Light";
  src: url("../fonts/Inter/Inter_18pt-Light.ttf");
  font-weight: 300;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/Inter/Inter_18pt-Regular.ttf");
  font-weight: 400;
}
@font-face {
  font-family: "Inter-Medium";
  src: url("../fonts/Inter/Inter_18pt-Medium.ttf");
  font-weight: 500;
}
@font-face {
  font-family: "Inter-SemiBold";
  src: url("../fonts/Inter/Inter_18pt-SemiBold.ttf");
  font-weight: 600;
}
@font-face {
  font-family: "Inter-Bold";
  src: url("../fonts/Inter/Inter_18pt-Bold.ttf");
  font-weight: bold;
}
@font-face {
  font-family: "Inter-ExtraBold";
  src: url("../fonts/Inter/Inter_18pt-ExtraBold.ttf");
  font-weight: 700;
}
@font-face {
  font-family: "Inter-Black";
  src: url("../fonts/Inter/Inter_18pt-Black.ttf");
  font-weight: 800;
} */

/* Font Add "Inter"=========================Start */




/*Font add Helvetica===============Start*/
/* @font-face {
  font-family: Helvetica;
  src: url("../fonts/helvetica-fonts/Helvetica.ttf");
}
@font-face {
  font-family: Helvetica-Bold;
  src: url("../fonts/helvetica-fonts/Helvetica-Bold.ttf");
  font-weight: bold;
  font-weight: 600;
  font-family: Helvetica-Bold !important;
}
@font-face {
  font-family: Helvetica-BoldOblique;
  src: url("../fonts/helvetica-fonts/Helvetica-BoldOblique.ttf");
}
@font-face {
  font-family: Helvetica-Compressed;
  src: url("../fonts/helvetica-fonts/Helvetica-Compressed.otf");
}
@font-face {
  font-family: Helvetica-Light;
  src: url("../fonts/helvetica-fonts/Helvetica-Light.ttf");
}
@font-face {
  font-family: Helvetica-Oblique;
  src: url("../fonts/helvetica-fonts/Helvetica-Oblique.ttf");
}
@font-face {
  font-family: Helvetica-Rounded-Bold;
  src: url("../fonts/helvetica-fonts/Helvetica-Rounded-Bold.otf");
} */
/*Font add Helvetica===============ENd*/


/*Font add libre-baskerville===============Start*/
/* @font-face {
    font-family: LibreBaskerville-Bold;
    src: url("../fonts/libre-baskerville/LibreBaskerville-Bold.otf");
}
@font-face {
    font-family: LibreBaskerville-Bold;
    src: url("../fonts/libre-baskerville/LibreBaskerville-Bold.ttf");
}
@font-face {
    font-family: LibreBaskerville-Italic;
    src: url("../fonts/libre-baskerville/LibreBaskerville-Italic.otf");
}
@font-face {
    font-family: LibreBaskerville-Italic;
    src: url("../fonts/libre-baskerville/LibreBaskerville-Italic.ttf");
}
@font-face {
    font-family: LibreBaskerville-Regular;
    src: url("../fonts/libre-baskerville/LibreBaskerville-Regular.otf");
}
@font-face {
    font-family: LibreBaskerville-Regular;
    src: url("../fonts/libre-baskerville/LibreBaskerville-Regular.ttf");
} */

/* Font Add=== New==============Start */
/* .libre-baskerville-regular {
  font-family: "Libre Baskerville", serif;
  font-weight: 400;
  font-style: normal;
}

.libre-baskerville-regular-italic {
  font-family: "Libre Baskerville", serif;
  font-weight: 400;
  font-style: italic;
}

.libre-baskerville-bold {
  font-family: "Libre Baskerville", serif;
  font-weight: 700;
  font-style: normal;
} */
/* Font Add=== New==============ENd */

/*Custom Arial Nova Font=== Start===============*/

/* @font-face {
  font-family: 'ArialNova-Bold';
  src: url("../fonts/arial_nova/ArialNova-Bold.eot");
  src: local('../fonts/arial_nova/Arial Nova Bold'), local('../fonts/arial_nova/ArialNova-Bold'),
        url('../fonts/arial_nova/ArialNova-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/arial_nova/ArialNova-Bold.woff2') format('woff2'),
        url('../fonts/arial_nova/ArialNova-Bold.woff') format('woff'),
        url('../fonts/arial_nova/ArialNova-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}
@font-face {
    font-family: 'Arial-Nova-Regular';
    src: local('../fonts/arial_nova/Arial Nova Regular'), local('../fonts/arial_nova/Arial-Nova-Regular'),
        url('../fonts/arial_nova/ArialNova.woff2') format('woff2'),
        url('../fonts/arial_nova/ArialNova.woff') format('woff'),
        url('../fonts/arial_nova/ArialNova.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
  }

@font-face {
  font-family: 'ArialNova-Light';
  src: url('../fonts/arial_nova/fonts/arial_nova/ArialNova-Light.eot');
  src: local('../fonts/arial_nova/Arial Nova Light'), local('../fonts/arial_nova/ArialNova-Light'),
        url('../fonts/arial_nova/ArialNova-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/arial_nova/ArialNova-Light.woff2') format('woff2'),
        url('../fonts/arial_nova/ArialNova-Light.woff') format('woff'),
        url('../fonts/arial_nova/ArialNova-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'ArialNovaCond-Italic';
  src: url('../fonts/arial_nova/ArialNovaCond-Italic.eot');
  src: local('../fonts/arial_nova/Arial Nova Cond Italic'), local('../fonts/arial_nova/ArialNovaCond-Italic'),
      url('../fonts/arial_nova/ArialNovaCond-Italic.eot?#iefix') format('embedded-opentype'),
      url('../fonts/arial_nova/ArialNovaCond-Italic.woff2') format('woff2'),
      url('../fonts/arial_nova/ArialNovaCond-Italic.woff') format('woff'),
      url('../fonts/arial_nova/ArialNovaCond-Italic.ttf') format('truetype');
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'ArialNova';
  src: url('../fonts/arial_nova/ArialNova.eot');
  src: url('../fonts/arial_nova/ArialNova.eot');
  src: local('../fonts/arial_nova/Arial Nova'), local('../fonts/arial_nova/ArialNova'),
        url('../fonts/arial_nova/ArialNova.eot?#iefix') format('embedded-opentype'),
        url('../fonts/arial_nova/ArialNova.woff2') format('woff2'),
        url('../fonts/arial_nova/ArialNova.woff') format('woff'),
        url('../fonts/arial_nova/ArialNova.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'ArialNova-LightItalic';
  src: url('../fonts/arial_nova/ArialNova-LightItalic.eot');
  src: local('../fonts/arial_nova/Arial Nova Light Italic'), local('../fonts/arial_nova/ArialNova-LightItalic'),
      url('../fonts/arial_nova/ArialNova-LightItalic.eot?#iefix') format('embedded-opentype'),
      url('../fonts/arial_nova/ArialNova-LightItalic.woff2') format('woff2'),
      url('../fonts/arial_nova/ArialNova-LightItalic.woff') format('woff'),
      url('../fonts/arial_nova/ArialNova-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: 'ArialNovaCond-LightItalic';
  src: url('../fonts/arial_nova/ArialNovaCond-LightItalic.eot');
  src: local('../fonts/arial_nova/Arial Nova Cond Light Italic'), local('../fonts/arial_nova/ArialNovaCond-LightItalic'),
      url('../fonts/arial_nova/ArialNovaCond-LightItalic.eot?#iefix') format('embedded-opentype'),
      url('../fonts/arial_nova/ArialNovaCond-LightItalic.woff2') format('woff2'),
      url('../fonts/arial_nova/ArialNovaCond-LightItalic.woff') format('woff'),
      url('../fonts/arial_nova/ArialNovaCond-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: 'ArialNovaCond';
  src: url('../fonts/arial_nova/ArialNovaCond.eot');
  src: local('../fonts/arial_nova/Arial Nova Cond'), local('../fonts/arial_nova/ArialNovaCond'),
      url('../fonts/arial_nova/ArialNovaCond.eot?#iefix') format('embedded-opentype'),
      url('../fonts/arial_nova/ArialNovaCond.woff2') format('woff2'),
      url('../fonts/arial_nova/ArialNovaCond.woff') format('woff'),
      url('../fonts/arial_nova/ArialNovaCond.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'ArialNova-Italic';
  src: url('../fonts/arial_nova/ArialNova-Italic.eot');
  src: local('../fonts/arial_nova/Arial Nova Italic'), local('../fonts/arial_nova/ArialNova-Italic'),
      url('../fonts/arial_nova/ArialNova-Italic.eot?#iefix') format('embedded-opentype'),
      url('../fonts/arial_nova/ArialNova-Italic.woff2') format('woff2'),
      url('../fonts/arial_nova/ArialNova-Italic.woff') format('woff'),
      url('../fonts/arial_nova/ArialNova-Italic.ttf') format('truetype');
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'ArialNovaCond-Bold';
  src: url('../fonts/arial_nova/ArialNovaCond-Bold.eot');
  src: local('../fonts/arial_nova/Arial Nova Cond Bold'), local('../fonts/arial_nova/ArialNovaCond-Bold'),
      url('../fonts/arial_nova/ArialNovaCond-Bold.eot?#iefix') format('embedded-opentype'),
      url('../fonts/arial_nova/ArialNovaCond-Bold.woff2') format('woff2'),
      url('../fonts/arial_nova/ArialNovaCond-Bold.woff') format('woff'),
      url('../fonts/arial_nova/ArialNovaCond-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'ArialNovaCond-Light';
  src: url('assets/fonts/arial_nova/ArialNovaCond-Light.eot');
  src: local('Arial Nova Cond Light'), local('ArialNovaCond-Light'),
      url('ArialNovaCond-Light.eot?#iefix') format('embedded-opentype'),
      url('ArialNovaCond-Light.woff2') format('woff2'),
      url('ArialNovaCond-Light.woff') format('woff'),
      url('ArialNovaCond-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'ArialNovaCond-BoldItalic';
  src: url('../fonts/arial_nova/ArialNovaCond-BoldItalic.eot');
  src: local('../fonts/arial_nova/Arial Nova Cond Bold Italic'), local('../fonts/arial_nova/ArialNovaCond-BoldItalic'),
      url('../fonts/arial_nova/ArialNovaCond-BoldItalic.eot?#iefix') format('embedded-opentype'),
      url('../fonts/arial_nova/ArialNovaCond-BoldItalic.woff2') format('woff2'),
      url('../fonts/arial_nova/ArialNovaCond-BoldItalic.woff') format('woff'),
      url('../fonts/arial_nova/ArialNovaCond-BoldItalic.ttf') format('truetype');
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: 'ArialNova-BoldItalic';
  src: url('../fonts/arial_nova/ArialNova-BoldItalic.eot');
  src: local('../fonts/arial_nova/Arial Nova Bold Italic'), local('../fonts/arial_nova/ArialNova-BoldItalic'),
      url('../fonts/arial_nova/ArialNova-BoldItalic.eot?#iefix') format('embedded-opentype'),
      url('../fonts/arial_nova/ArialNova-BoldItalic.woff2') format('woff2'),
      url('../fonts/arial_nova/ArialNova-BoldItalic.woff') format('woff'),
      url('../fonts/arial_nova/ArialNova-BoldItalic.ttf') format('truetype');
  font-weight: bold;
  font-style: italic;
} */
/*Custom Arial Nova Font=== End===============*/

/*Custom glacial-indifference Font=== Start===============*/

/* @font-face {
    font-family: GlacialIndifference-Bold;
    src: url("../fonts/glacial-indifference/GlacialIndifference-Bold.otf");
  }
  @font-face {
    font-family: GlacialIndifference-Italic;
    src: url("../fonts/glacial-indifference/GlacialIndifference-Italic.otf");
  }
  @font-face {
    font-family: GlacialIndifference-Regular;
    src: url("../fonts/glacial-indifference/GlacialIndifference-Regular.otf");
  } */


/*Custom glacial-indifference Font=== End===============*/





/*.logo-dark {
  height: 50px;
  margin-top: 6px;
}*/
.navbar-brand-box {
    height: 70px;
    margin-bottom: 10px;
    padding-top: 10px;
}

:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar="dark"] .logo-light {
    display: none !important;
}

:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar="dark"] .logo-dark {
    display: inherit !important;
}

:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm"] .navbar-brand-box {
    position: fixed;
    padding: 0;
    width: 70px;
    z-index: 1;
    top: 0px;
    height: 70px;
    padding-top: 11px;
}

.logo .logo-sm {
    display: inline-block !important;
    /*  margin-right: 10px;*/
}

.logo-lg {
    padding-left: 10px;
}

.navbar-brand-box {
    text-align: inherit !important;
}

:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm"] .navbar-menu {
    text-align: center;
}

.flex {
    display: flex;
}
/*
.headingText{
  padding: calc(40px / 2) 0;
}
.navbar-header {
  height: 55px !important;
  padding: 5px 1.5rem 0 calc(1.5rem / 2) !important;
}
.page-title-box {
  margin: -37px -1.5rem 1.5rem -1.5rem !important;
}*/
.headingText {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .headingText h1 {
        font-size: 22px;
        position: relative;
        top: 5px;
    }

.nav-item {
    left: 0px;
    /*  width: 100%;*/
    text-align: left;
}

.navbar-menu .navbar-nav .nav-link {
    padding: .625rem 1.2rem !important;
}

.line {
    margin: 7px;
    color: #d6d7db;
    margin-right: 20px;
}

.line_custom {
    background: var(--vz-border-color);
    height: 1px;
    padding: 0;
    margin: 30px 0 7px 0;
}

.line_custom01 {
    background: #e1e2e2;
    height: 1px;
    padding: 0;
    margin: 16px 0;
}

.line_custom02 {
    background: var(--vz-border-color);
    height: 1px;
    padding: 0;
    margin: 10px 0 7px 0;
}

.topbar-user {
    background-color: none !important;
}

.profile_text {
    color: #000;
    margin-left: 0 !important;
    width: 100% !important;
}

.profile_title {
    /* color: #9eaddd; */
    margin-left: 0 !important;
}

/* .profile_part button {
  padding: 4px;
} */

.simplebar-track, .simplebar-vertical {
    display: none !important;
}

.simplebar-content-wrapper {
    height: 95% !important;
    overflow-y: scroll !important;
}

.simplebar-content-wrapper {
    /*  overflow: inherit !important;*/
}

.simplebar-mask {
    overflow: inherit !important;
}

#navbar-nav {
    position: inherit !important;
}

.left_breadcrumb li {
    font-size: 13px;
}

.online_show {
    color: rgb(255, 255, 255);
    background: #3ba954;
    position: absolute;
    z-index: 9999;
    left: 37px;
    width: 10px;
    height: 10px;
    border-radius: 50px;
    top: 8px;
    border: 1px solid #fff;
}
/*.row{width: 100%;}*/

/*.flex-grow-1 input {
  width: 30%;
}*/
.filter_area b {
    color: #3c3c3c;
}

.filter_area a {
    text-decoration: none;
    font-size: 13px;
    padding: 5px 18px;
    border-radius: 3px !important;
    background: #f1f2f3;
    /* border: 1px solid #eaeff5; */
    color: #3c3c3c;
    margin-right: 2px;
}

.app-search {
    padding: 0 !important;
    /*  margin-right: 20px;*/
    padding-right: 15px !important;
}

    .app-search input {
        /* border-radius: 50px !important; */
        width: 100%;
        background-color: #fff !important;
        /*   background-color: #f5f5f5 !important; */
    }
/*.filter_area a:hover {
    text-decoration: none;
    color: #000 !important;
    background: #f1faff !important;
}*/
.filter_area_001 {
    position: relative;
    top: 9px;
}

.page_btn {
    float: right;
}

    .page_btn a {
        border: none;
        border-radius: 3px;
        background: #2b589f !important;
        font-size: 14px;
        color: #fff !important;
    }

        .page_btn a:hover {
            background: #083c8f !important;
        }

.fa-edit:hover {
    color: #2b589f;
}

.fa-edit {
    color: #abb2b8;
}

.fa-eye:hover {
    cursor: pointer;
    color: #2b589f !important;
}

.fa-eye {
    color: #abb2b8;
}

.main-content {
    font-size: 14px !important;
    background: #ffffff !important;
}

.nav-link {
    font-size: 14px !important;
}

#back-to-top {
    display: none !important;
}

:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar="dark"] .navbar-nav .nav-sm .nav-link::before {
    display: none !important;
}

.page-title-box {
    margin: -24px -1.5rem 1.5rem -1.5rem !important;
    background: #f1f2f3 !important;
    border-bottom: 1px solid #e1e0e0 !important;
    border-top: 1px solid #e1e0e0 !important;
    box-shadow: none !important;
    position: fixed;
    width: 100%;
    z-index: 999;
}

.card-header {
    padding-bottom: 15px !important;
}

.breadcrumb-item > a {
    color: #2b589f !important;
}

    .breadcrumb-item > a:hover {
        text-decoration: underline !important;
    }

.text-bg-success {
    background: #3ba954 !important;
    font-weight: 400;
    padding: 5px 12px;
}

.fa-clock {
    color: #abb2b8;
}

.green {
    color: #3ba954 !important;
}

.cpl_filter_area {
    position: relative;
    top: 7px;
}

td {
    color: #000 !important;
    font-weight: 400;
}

.table th {
    color: #000 !important;
}

/* .table th { 
  color: #424344 !important;
}
td {
  color: #595a5b !important;
font-weight: 400;
} */
/*.navbar-menu .navbar-nav .nav-sm {
    padding-left: 2.5rem !important;
}*/

.la-pause-circle {
    font-size: 17px;
    color: #fbbc05;
}

:is([data-layout=vertical],[data-layout=semibox])[data-sidebar=dark] .navbar-nav .nav-sm .nav-link {
    /*margin-left: 2.5rem !important;*/
    padding-left: 1rem !important;
    padding-right: 5px !important;
}

    :is([data-layout=vertical],[data-layout=semibox])[data-sidebar=dark] .navbar-nav .nav-sm .nav-link.active {
        /*text-decoration: underline !important;*/
        /*border-bottom: 1px solid #e1e3e8;*/
        background: #f0f8ff;
        /* font-weight: 500; */
    }

:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar="dark"] .navbar-nav .nav-sm .nav-sm .nav-link.active {
    color: var(--vz-vertical-menu-item-active-color-dark);
    background: none !important;
}

:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm"] .text-start {
    /*  display: none !important;*/
    position: absolute;
    top: 45px;
    left: 0;
    width: 100%;
    text-align: center !important;
    line-height: 14px;
    margin-left: 0 !important;
}

:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm"] .profile_part img {
    position: relative !important;
    /* left: -3px !important; */
}

:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm-hover"] .text-start {
    /*  display: none !important;*/
    position: absolute;
    top: 45px;
    left: 0;
    width: 100%;
    text-align: center !important;
    line-height: 14px;
    margin-left: 0 !important;
}

:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm-hover"] .profile_part img {
    position: relative !important;
    /* left: -3px !important; */
}

.profile_part {
    margin-left: 0rem !important;
}

.hamburger-icon.open span {
    display: none;
}

.hamburger-icon.open {
    background-image: url("../images/hamburger_menu.svg");
    -webkit-transform: none !important;
    transition: none !important;
    width: 25px !important;
    background-repeat: no-repeat;
}

.fa-circle-play {
    color: #3ba954;
    font-size: 18px;
    cursor: pointer;
}

.fa-circle-pause {
    color: #FFA629;
    font-size: 18px;
    cursor: pointer;
}

.fa-circle-stop {
    color: #E7191F;
    font-size: 18px;
    cursor: pointer;
}

.fa-times-circle {
    color: #E7191F;
    font-size: 18px;
    cursor: pointer;
}

.fa-toggle-on {
    color: #3ba954 !important;
    font-size: 18px;
    cursor: pointer;
}



.table-hover > tbody > tr:hover > * {
    --vz-table-accent-bg: #f0f8ff !important;
    color: #424344 !important;
    background-color: #f0f8ff !important;
}

.campaignN label {
    color: #424344 !important;
}

.campaignN {
    border-bottom: 1px solid var(--vz-border-color);
    padding-bottom: 15px;
}

.form-check-input:checked {
    background-color: #2b589f !important;
    border: none !important;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    background-color: #f0f8ff !important;
}

.disabled {
    pointer-events: none;
    cursor: not-allowed;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: 0.7;
}

.fa-thumb-tack {
    padding-left: 10px;
    font-size: 10px;
    color: #898a8b;
    rotate: 38deg;
    position: relative;
    top: -4px;
}

.live-preview a {
    color: #2b589f;
}

    .live-preview a:hover {
        text-decoration: underline;
    }

.custom_tab {
    border: 1px solid #e1e0e0;
    border-radius: 2px;
    background: aliceblue;
}

.customItem {
    border: none !important;
}

.customItem01 {
    border: none !important;
    background: aliceblue;
    /*  width: 15% !important;*/
    float: left;
    margin-right: 20px;
    text-align: center;
    color: #3392c4 !important;
}

.customItem02 {
    background: aliceblue;
    color: #2b589f;
}

    .customItem02:not(.collapsed)::after {
        background-image: none !important;
        display: none !important;
    }

    .customItem02::after {
        background-image: none !important;
        display: none !important;
    }

.customText {
    width: 100%;
    float: left;
    position: relative;
    top: -2px;
}

.customItem02 {
    background: aliceblue !important;
    color: #2b589f !important;
}

.custom_body {
    border: 3px solid #f0f8ff;
}

.page_btn01 a {
    float: left;
    border-radius: 3px;
    background: #2b589f !important;
    font-size: 14px;
    color: #fff !important;
    padding: 0.5rem 0.9rem;
    min-width: 110px;
}

    .page_btn01 a:hover {
        background: #083c8f !important;
        text-decoration: none !important;
    }

.switchBtn {
    margin: 0px 14px;
}

.field_part {
    width: 100%;
    float: left;
}

    .field_part h3 {
        color: #2b589f;
        font-size: 18px;
        /* background: #f1f2f3; */
        /* padding: 0 0 10px 0; */
        /* border-top: 1px solid #e1e0e0; */
        /* margin-bottom: 10px; */
        /* border-bottom: 1px solid #e1e0e0; */
        font-weight: 500;
        /* letter-spacing: 0.3px; */
    }

.switcher01 {
    float: left !important;
    padding-right: 20px;
    margin-right: 9px !important;
}

.infotext {
    background: lightyellow;
    color: #3c3c3c;
    padding: 10px 10px;
}

.field_part a {
    color: #2b589f;
    font-weight: 500;
}

    .field_part a:hover {
        text-decoration: underline;
    }

.field_div {
    margin-left: 9px;
}

.button_part {
    width: 100%;
    float: left;
}

.left_btn button {
    border: none;
    border-radius: 3px;
    background: #2b589f !important;
    font-size: 14px;
    color: #fff !important;
    padding: var(--vz-btn-padding-y) var(--vz-btn-padding-x);
    min-width: 110px;
}

    .left_btn button:hover {
        background: #083c8f !important;
        text-decoration: none !important;
    }

.right_btn button {
    background: #eee !important;
    padding: 6px 45px;
    font-size: 17px;
    margin-top: 20px;
    border: 1px solid #e1e0e0;
    float: right;
}

    .right_btn button:hover {
        background: #cfd1d4 !important;
    }

.app-menu.navbar-menu {
    position: fixed !important;
}

.form-label {
    color: #424344 !important;
}

.custom_body label {
    color: #424344 !important;
}

















.left_side01 {
    flex: 0 0 auto;
    /*     width: 17%; */
    width: 230px;
    background: #fbfbfb;
    margin-top: -15px;
    margin-left: -12px;
    padding-left: 0px;
    padding-right: 0px;
    box-shadow: 1px 0 1px rgba(118, 125, 135, 0.08), 4px 0 5px rgba(150, 157, 170, 0.1);
    padding-top: 10px;
    padding-bottom: 20px;
    height: 100%;
    position: fixed;
    border-right: 1px solid rgba(0,0,0,.125) !important;
    border-top: none !important;
    border-bottom: none !important;
    border-left: none !important;
    top: 128px;
    background-image: linear-gradient(to right, #f8fafb, #fbfbfb);
}


.right_side01 {
    flex: 0 0 auto;
    width: 82%;
    /* margin-top: 40px; */
    position: relative;
    right: -230px;
    /*    right: -20%;*/
    background: #fff;
    /*top: 36px;*/
    /* border-left: 1px solid rgba(0,0,0,.125) !important; */
}

.left_side01 h2 button {
    font-size: 14px;
    padding: 9px 20px;
    /* letter-spacing: 0.5px !important; */
    color: #3c3c3c;
}
/*
.page_tab.active {
  border-radius: 0px !important;
  background: aliceblue !important;
  color: #2b589f!important;
}*/
.page_tab.active {
    border-radius: 0px !important;
    background: #e7f0f9 !important;
    color: #2b589f !important;
    border-top: 1px solid #e1e0e0;
    border-bottom: 1px solid #e1e0e0;
    /*  background-image: linear-gradient(to left, #dfeaf4 , #f0f8ff);*/
}

.page_tab {
    padding: .55rem 1.5rem !important;
    font-weight: 400 !important;
}

    .page_tab i {
        font-size: 14px;
        padding-right: 4px;
        display: inline-flex;
        width: 21px;
    }

.ri-pages-line {
    position: relative;
    top: 2px;
    left: -1px;
}




.text_line {
    background: lightyellow;
    color: #3c3c3c;
    padding: 10px 10px;
    /*  margin-left: -10px;*/
}

.manage0_left01 {
    border-right: 1px solid #e1e0e0;
}

.live-preview label {
    color: #424344 !important;
    /*  width: 100%;*/
}

.manage0_right01 label {
    color: #1f1f1f;
}

.live-preview h6 {
    font-size: 14px;
    color: #535353;
    /* letter-spacing: 0.4px; */
    font-weight: 400;
}

.link_part a {
    color: #2b589f;
    padding-right: 20px;
}

.profile_pic01 img {
    width: 100%;
    border: 2px solid #bebcbc;
    border-radius: 3px;
}

.manage0_right01 a {
    text-decoration: none;
    font-size: 13px;
    padding: 5px 18px;
    border-radius: 3px;
    background: #f1f2f3 !important;
    border: 1px solid #eaeff5;
    color: #3c3c3c;
    margin-top: 5px;
}

.page_icon span {
    background: #f1f2f3;
    padding: 10px 5px;
    border: 1px solid #e1e0e0;
}

.page_icon a {
    background: none !important;
    font-size: 18px !important;
    padding: 7px 5px;
    border: none !important;
}

.page_icon i {
    position: relative;
    top: 2px;
}

.page_icon a:hover {
    background: none !important;
    color: #2b589f !important;
}


.manageDiv h1 {
    font-size: 19px;
    margin-top: 10px;
    color: #000;
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;
}


td {
    padding: 12px 6px;
    font-size: 14px;
    color: #3c3c3c;
}
/* .table th {
  font-size: 14px;
  font-weight: 500;
} */



.crm-widget {
    margin-top: 38px;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    background: aliceblue !important;
    color: #2b589f !important;
    border-radius: 0;
}

.show_bg_001 {
    margin: -16px 0px 0 0px;
    border: 3px solid #f0f8ff;
    padding: 20px 5px 26px 5px;
}

.show_bg_002 {
    margin: -16px 0px 0 0px;
    border: 3px solid #f0f8ff;
    padding: 20px 5px 26px 5px;
}

.selected_btn button {
    margin-top: 20px;
    padding: 7px 15px;
    border-radius: 3px;
    font-size: 14px;
}

.fade:not(.show) {
    opacity: 0;
    display: none;
}

.breadcrumb-item {
    font-size: 12px;
    color: #9c9eaa;
}

.carousel-item {
    width: 25%;
}

.text-danger {
    color: #C30 !important;
}

.text-success {
    color: #3ba954 !important;
}

.copyfullPart {
    border: 1px solid #e1e0e0;
    /*    margin-top: 4px;*/
    margin-left: 0px;
    border-radius: 3px;
    /* background: #f1f2f3; */
}

.default_border {
    border-top: 8px solid #3ba954;
    border-radius: 3px 3px 0 0;
}

.copyfullPart h1 {
    background: #f8e166;
    font-size: 14px;
    padding: 10px 15px;
    margin: 0;
    font-weight: 400;
    color: #000;
}

.copyfullPart_001 {
    padding: 15px;
}

.textPrt_01 {
    padding: .5rem .9rem;
    font-size: .8125rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--vz-body-color);
    background-color: var(--vz-input-bg);
    background-clip: padding-box;
    border: 1px solid var(--vz-input-border);
    height: 40px;
    overflow: auto;
    border-radius: .25rem
}

    .textPrt_01:hover:active:focus:focus-visible {
        border: 1px solid var(--vz-input-border);
    }

.offer_copyleft h6 {
    font-size: 14px;
    font-weight: bold;
    /* font-family: Helvetica-Bold !important; */
    color: #3c3c3c;
}

.offer_copyleft a {
    color: #2b589f;
    font-weight: 400;
    padding-left: 13px;
}

    .offer_copyleft a:hover {
        text-decoration: underline !important;
    }

.offer_copyRight i {
    float: right;
    color: #abb2b8;
    font-size: 17px;
    position: relative;
    top: 0px;
    cursor: pointer;
}

.accordion-button {
    font-size: 14px;
}
/*.swiper-slide {
  margin-right: 0 !important;
  width: 100% !important;
}*/
.box-content {
    text-align: center;
}

    .box-content p {
        margin-bottom: 0;
    }

    .box-content a {
        font-size: 10px;
        color: #2b589f;
    }

.upload_success {
    position: absolute;
    right: 8px;
    display: block;
    z-index: 999999999999999999 !important;
    top: 4px;
}

.copyfullPart_001 label {
    color: #000;
    font-weight: 400;
    font-size: 14px;
}

.md-form.input-with-post-icon .input-prefix {
    right: 21px;
    left: initial;
    z-index: 0;
}

.md-form .input-prefix {
    position: absolute;
    top: 11px;
    font-size: 16px;
}

.input-prefix {
    width: 4%;
    fill: rgb(20, 21, 21);
}

.input-area {
    /*  margin-bottom: 30px;*/
    position: relative;
}

.cplCustomBody label {
    color: #424344;
}

.cplCustomBody {
    color: #878a99;
    background: #fff;
    padding-bottom: 40px;
}

    .cplCustomBody input {
        /*   background: #fff !important; */
        border: 1px solid #e1e0e0 !important;
    }

.cpl_filter_area b {
    color: #3c3c3c;
}

.cpl_filter_area a {
    font-size: 14px;
    padding: 4px 15px;
    margin-right: 10px;
}

.cplCustomBody table tr td {
    font-size: 14px;
    color: #595a5b !important;
}

.field_div label {
    margin-bottom: 0;
    margin-right: 1rem;
    margin-left: -9px;
    font-weight: 400;
}

.accordion-button {
    background: #fafbfb;
}
/*.card-header {
  border-top: 1px solid var(--vz-border-color);
  border-bottom: none !important;
}*/

.offer_copy button {
    position: relative;
    top: -15px;
    float: left;
    margin-right: 20px;
    font-size: 14px;
    padding: var(--vz-btn-padding-y) var(--vz-btn-padding-x);
}


.offer_copy_02 button {
    font-size: 14px;
    padding: 5px 19px;
    position: relative;
    top: -15px;
    margin-top: 0 !important;
}

.collapse_left_text {
    font-size: 11px;
    padding-right: 15px;
    font-weight: 400;
    color: #9497a4;
}

.D_filter {
    color: #2b589f !important;
    font-size: 12px;
    font-weight: 400;
}

    .D_filter:hover {
        text-decoration: underline !important;
        color: #2b589f !important;
    }

.form-select01 {
    width: 70%;
    display: inline-block;
}
/* .T_label label {
  float: left;
  position: relative;
  top: 7px;
  margin-right: 15px;
} */
.and_part label {
    text-align: center;
    width: 100%;
}

.mT_btn button {
    border: none;
    border-radius: 3px;
    background: #2b589f !important;
    font-size: 14px;
    color: #fff !important;
    padding: var(--vz-btn-padding-y) var(--vz-btn-padding-x);
    min-width: 110px;
}

.form-check-label {
    color: #424344 !important;
}

.radio_btn01 {
    float: left;
    padding-right: 25px;
}

.radio_btn a {
    /*  float: left;*/
    margin-right: 25px;
    color: #2b589f !important;
}

    .radio_btn a:hover {
        color: #2b589f !important;
        text-decoration: underline !important;
    }

.OfferCopy_Adpart001 {
    border: 5px solid #f0f8ff;
    /*  padding: 12px;*/
}

.OfferCopy_Adpart002 {
    /* background: #fbfbfb;
  margin: 3px;
  padding: 8px; */
}

    .OfferCopy_Adpart002 p {
        margin: 0 0 5px 0;
        font-size: 11px;
    }

.profile_text01 h2 {
    font-size: 14px;
}

.profile_text01 p {
    font-size: 12px;
}

.text_1_01 {
    font-size: 12px;
    padding: 10px 0;
}

textarea {
    resize: none;
}

.profile_text01 h6 {
    font-size: 14px;
    color: #535353;
    /* letter-spacing: 0.4px; */
    font-weight: 400;
    line-height: 22px;
}

.previewPart h1 {
    font-size: 14px;
    font-weight: bold;
    /* font-family: Helvetica-Bold !important; */
    color: #3c3c3c;
}

.la-trash:hover {
    color: #C30 !important;
}

.sche_text a {
    color: #2b589f !important;
}

    .sche_text a:hover {
        color: #2b589f !important;
        text-decoration: underline !important;
    }

.advertisedPart label {
    font-size: 13px;
    color: #797a7f !important;
}

.advertisedPart span {
    color: #557d00;
}

.mr-5 {
    margin-right: 5px;
}

.mr-4 {
    margin-right: 4px;
}

.mr-3 {
    margin-right: 3px;
}

.mr-2 {
    margin-right: 3px;
}

.ml-5 {
    margin-left: 5px;
}

.ml-4 {
    margin-left: 4px;
}

.ml-3 {
    margin-left: 3px;
}

.ml-2 {
    margin-left: 3px;
}

.badge {
    border-radius: 0;
    padding: 4px 7px;
    font-weight: 500;
    /*   margin: 0 7px; */
}

.T_label.and_part {
    padding: 0px !important;
    margin: 0 !important;
    width: 5%;
}

.la-grip-vertical {
    cursor: move;
    color: #a09e9e;
}

.cancel_001 {
    position: absolute;
    right: -14px;
    color: #C30;
    font-size: 19px;
}

#panel_01 {
    display: none;
    width: 100%;
    height: auto;
    background: #ffffff;
    /*  background-color: #fbfbfb;*/
    z-index: 999999 !important;
    position: relative;
    top: -4px;
    padding: 15px 25px !important;
    /*  border: 1px solid #e8e8e8;*/
}

#panel_02 {
    display: none;
    width: 100%;
    height: auto;
    background-color: #ffffff;
    z-index: 999999 !important;
    position: relative;
    top: -4px;
    padding: 15px 25px !important;
    /*  border: 1px solid #e8e8e8;*/
}

.radio_btn01 label {
    font-weight: 400;
}

.upload_file_001 i {
    font-size: 25px;
    color: #000;
    position: relative;
    top: 3px;
    padding-right: 6px;
    cursor: pointer;
}

.upload_file_001 label {
    color: #424344;
    cursor: pointer;
}



.image-upload > input {
    display: none;
}

.image-upload img {
    width: 80px;
    cursor: pointer;
}

.upload_file_001 span {
    /*  padding-left: 34px;*/
    font-size: 13px;
}

.Tar_right {
    text-align: right;
}

    .Tar_right a {
        color: #2b589f !important;
    }

        .Tar_right a:hover {
            color: #2b589f !important;
            text-decoration: underline !important;
        }

    .Tar_right span {
        display: block;
        font-size: 12px;
        text-align: right;
    }

.right_btn01 button {
    border: 1px solid #ccc;
    font-size: 14px;
    line-height: 20px;
    color: #2a2929 !important;
    min-width: 110px;
    float: right;
    background: #fff;
}

    .right_btn01 button:hover {
        background: #fafafa;
    }



.active_class {
    /*background-color:yellow !important;
    color:white;*/
    background: #3c3c3c !important;
    color: #fff !important;
}

#navMenus {
    list-style: none;
    width: 100px;
    float: left;
    text-align: center;
}

.starIcon {
    background: #3ba954 !important;
    width: 20px;
    height: 20px;
    border-radius: 50px;
    color: #fff;
    line-height: 20px;
    text-align: center;
    margin-left: 9px;
}

.newValue {
    background: #fafbfb;
    padding: 17px;
}

.btn-success {
    border: none;
    border-radius: 3px;
    background: #2b589f !important;
    font-size: 14px;
    color: #fff !important;
    padding: var(--vz-btn-padding-y) var(--vz-btn-padding-x);
    min-width: 110px;
}
/*.btn-success:hover {
  background: #1e963a !important;
  border: none;
  padding: 8px 20px;
}*/

.right_mdlBtn button {
    float: right;
}

.row.mdlButto p {
    font-size: 10px;
    color: #557d00;
    padding: 10px 0;
}

.scheduleImg img {
    width: 50%;
}

.customPub_01 {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 12%;
}

.customPub_02 {
    width: 21.32%;
}

.pub_part01 h3 {
    /*  font-size: 18px;*/
    margin-bottom: 20px;
}

.revenueReport p {
    color: #000;
    font-size: 14px;
    margin-bottom: 5px;
}

.revenueReport span {
    color: #3ba954 !important;
    font-size: 12px;
}

.Pub_button_part a {
    color: #fff;
    border-radius: 3px;
    margin-right: 20px;
    border: none !important;
    font-size: 14px;
}

.scheduleImg label {
    color: #424344;
}

.checkbox_div {
    columns: 4;
    -webkit-columns: 4;
    -moz-columns: 4;
    padding: 0;
}

    .checkbox_div li {
        list-style: none;
    }

.line_custom03 {
    background: var(--vz-border-color);
    height: 1px;
    padding: 0;
    margin: 0px 0 17px 0;
}

.state_label label {
    color: #424344;
    cursor: pointer;
}

.state_label input {
    color: #424344;
    border: 1px solid #424344;
    border-radius: 2px !important;
    margin-right: 5px;
    cursor: pointer;
}

.checkbox_div input {
    color: #424344;
    border: 1px solid #424344;
    border-radius: 2px !important;
    margin-right: 5px;
    cursor: pointer;
}

.checkbox_div label {
    cursor: pointer;
    font-weight: 400;
    color: #000;
    font-size: 14px;
}

.field input {
    color: #424344;
    border: 1px solid #424344;
    border-radius: 2px !important;
    margin-right: 5px;
    cursor: pointer;
}

.field label {
    cursor: pointer;
    font-weight: 500;
    color: #000;
    font-size: 14px;
}

.control {
    margin-bottom: 5px;
}

.allowedDomains {
    border: 1px solid #b2b3b4 !important;
    border-radius: 3px;
}

.blockDomains {
    border: 1px solid #b2b3b4 !important;
    border-radius: 3px;
}

.line_custom04 {
    background: var(--vz-border-color);
    height: 1px;
    padding: 0;
    margin: 12px 0 24px;
}

.profile_text01 a {
    color: #2b589f;
    font-weight: 400;
}

    .profile_text01 a:hover {
        color: #2b589f;
        text-decoration: underline !important;
    }

.con_01 h3 {
    background: #f0f8ff;
    padding: 11px 10px;
    border-bottom: 1px solid #e1e0e061 !important;
    /*  border-top: 1px solid #e1e0e0 !important;*/
    font-size: 15px;
}

.con_01 {
    margin-top: 18px;
}

.app-search_01 input {
    width: 130%;
}

.badge_custom_01 {
    cursor: pointer;
    font-size: 12px;
    padding: 6px 15px;
    font-weight: 400;
}

.text-bg-danger {
    background: #C30 !important;
}

.accordion-button_001 {
    padding: 13px 15px;
    font-size: 14px;
    border-radius: 3px 3px 0 0;
}

.revenueShare01 {
    padding: 8px 8px;
}

.fieldType label {
    padding-right: 10px;
}

.p_right_01 {
    float: right;
}

.p_left_01 {
    color: #3ba954 !important;
    position: relative;
    top: 10px;
}

.checkbox_div01 input {
    color: #424344;
    border: 1px solid #424344;
    border-radius: 2px !important;
    margin-right: 5px;
    cursor: pointer;
}

.error {
    background: #CC330017 !important;
    border: 1px solid #E7191F !important;
}

.error_message {
    font-size: 12px;
    padding-left: 5px;
    color: #E7191F;
    /* letter-spacing: 0.4px; */
}

.disclaimer_01 {
    list-style: none;
    text-align: right;
}

.hide02Disclaimer {
    width: 100%;
    /*  padding: 5px;*/
    margin-bottom: 10px;
    /*  border-left: 4px solid;*/
    /*  padding-left: 5px;*/
}

.hide02Privacy {
    width: 100%;
    /*  padding: 5px;*/
    margin-bottom: 10px;
    /*  border-left: 4px solid;*/
    /*  padding-left: 5px;*/
}

.availableVariables {
    font-size: 11px;
    color: #63696f;
}

.disHead {
    background: #f1f2f3;
    line-height: 20px;
    padding: 3px 10px;
}

    .disHead h6 {
        margin: 0;
        padding: 3px 0px;
    }

.internal_part01 {
    background: #fff;
    padding: 10px;
    margin-bottom: 14px;
}

.hide01Disclaimer {
    /*  border-left: 4px solid;*/
    padding-left: 5px;
    color: #5d6369;
    border-top: 1px solid #ccc;
    padding-top: 5px;
}

.hide01Privacy {
    /*  border-left: 4px solid;*/
    padding-left: 5px;
    color: #5d6369;
    border-top: 1px solid #ccc;
    padding-top: 5px;
}

.disc_btn button {
    float: left;
    margin-right: 20px;
    font-size: 14px;
    padding: var(--vz-btn-padding-y) var(--vz-btn-padding-x);
}


.report_page01 ul li {
    float: left;
    padding: 0 7px;
    list-style: none;
}

.report_page01 ul {
    position: relative;
    top: 8px;
    float: right;
    padding: 0;
}

.modalPre {
    position: absolute;
    top: -27px;
}

.PreHead {
    border-bottom: 1px solid #f2f2f2;
    padding-bottom: 7px;
}

.btnPre {
    padding: 4px 10px;
    margin-bottom: 13px;
    margin-right: 3px;
}

.login_btn {
    max-width: 40%;
}

.signUp01 {
    display: flex;
    justify-content: center;
    align-items: center;
    height: inherit;
}

    .signUp01 p {
        color: #fff;
        text-align: center;
    }

.auth-bg-cover > .bg-overlay {
    background-image: url("../images/cover-pattern.png");
    background-position: center;
    background-size: cover;
    opacity: 1;
    background-color: transparent;
}

.login_btn01 button {
    background: #0ab39c !important;
    padding: 6px 45px;
    font-size: 17px;
    border: none;
}

.login_btn01 a {
    background: #0ab39c !important;
    padding: 6px 45px;
    font-size: 17px;
    border: none;
}

.signUp01 button {
    background: #0ab39c !important;
    padding: 6px 45px;
    font-size: 17px;
    margin-top: 20px;
    border: none;
}

.signUp01 a {
    background: #0ab39c !important;
    padding: 6px 45px;
    font-size: 17px;
    margin-top: 20px;
    border: none;
}

.signup_page {
    width: 500px;
}

.submitBtn button {
    font-size: 17px;
    width: 100% !important;
    margin: 0 auto;
    display: block;
    max-width: 50%;
}
/* .submitBtn a {
  font-size: 17px;
  width: 100% !important;
  margin: 0 auto;
  display: block;
  max-width: 50%;
} */
.submitBtn a {
    margin: 0 auto;
    display: block;
    border: none;
    background: #2b589f !important;
    font-size: 14px;
    min-width: 110px;
    padding: var(--vz-btn-padding-y) var(--vz-btn-padding-x);
    max-width: 110px;
}

    .submitBtn a:hover {
        background: #083c8f !important;
    }

.resend_email a {
    color: #2b589f !important;
    font-size: 17px;
}

.btn-success01 {
    background: #0ab39c !important;
    border: none;
    color: #fff !important;
}

    .btn-success01:hover {
        color: var(--vz-btn-hover-color);
        background-color: #099885 !important;
        border-color: none !important;
    }

.signup_link {
    /* font-size: 17px; */
}

    .signup_link:hover {
        color: #083c8f !important;
        text-decoration: underline !important;
    }

.auth-bg-cover {
    background: linear-gradient(-45deg,#0d6efd 50%,#198754);
    background: #fbfbfb !important;
}

.card-body_01 {
    box-shadow: 0px 0px 17px #cccccc7a !important;
}

.logo_part img {
    margin: 0 auto;
    display: block;
}

.remember_check {
    position: relative;
    top: 1px;
    font-size: 14px;
}

.form_control a {
    font-size: 14px !important;
}

.form_control p {
    font-size: 14px !important;
}

.loginStep {
    padding: 0 25px;
}

    .loginStep a {
        position: absolute;
        bottom: 57px;
        text-align: center;
        width: 100%;
        margin: -25px;
        font-weight: bold;
        /* font-family: Helvetica-Bold !important; */
        font-size: 15px;
    }

    .loginStep span {
        color: #2b589f;
        font-weight: 900;
    }

.loginStep01 a {
    position: absolute;
    bottom: 25px;
    right: 80px;
    font-size: 14px;
    /* font-weight: bold; */
    background: #2b589f;
    padding: 7px 29px;
}

    .loginStep01 a:hover {
        background: #02689f;
    }

.loginStep_main01 img {
    width: 100%;
    height: 400px;
}

.loginStep_main p {
    font-size: 16px;
}

.loginStep02 a {
    position: absolute;
    bottom: 25px;
    left: 20px;
    font-size: 14px;
    font-weight: bold;
    /* font-family: Helvetica-Bold !important; */
    color: #2b589f !important;
    padding: 7px 29px;
}

.loginStep_main h2 {
    font-size: 18px;
}

.loginStepLabel {
    font-size: 15px;
    font-weight: 400;
}

.loginStep02 a:hover {
    text-decoration: underline !important;
}

.loginStep_cancel_001 {
    position: absolute;
    right: -14px;
    color: #C30;
    font-size: 19px;
    top: 100px;
    cursor: pointer;
}

.loginStep_cancel_002 {
    position: absolute;
    right: -14px;
    color: #C30;
    font-size: 19px;
    top: 160px;
    cursor: pointer;
}

.skipStep01 {
    right: 160px !important;
    background: none !important;
    color: #2b589f !important;
}

    .skipStep01:hover {
        text-decoration: underline !important;
    }

.loginStep p {
    font-size: 16px;
}

.align-items-center_01 {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    justify-content: center;
    height: 500px;
}





.login_step_001 {
    width: 1000px;
}

.loginCard-body_01 {
    padding: 0 !important;
    box-shadow: 0px 0px 17px #cccccc7a !important;
}

.loginStepLeft {
    width: 25%;
    float: left;
    background: #fcfcfc;
    height: 600px;
    padding: 30px;
    box-shadow: 0 2px 4px rgba(15,34,58,.12);
}

.loginStepRight {
    width: 75%;
    float: left;
    /*  background:#000;*/
    height: 600px;
    padding: 80px 80px 80px 50px;
}
/*.loginStepRight {
  width: 75%;
  float: left;
  height: 600px;
  padding: 30px;
  align-content: center;
  align-items: center;
  justify-content: center;
  display: flex;
}*/

.loginStepLeft span {
    color: #2b589f;
    font-weight: 900;
}

.loginStepA a {
    position: absolute;
    bottom: 32px;
    text-align: center;
    width: 75%;
    font-weight: bold;
    /* font-family: Helvetica-Bold !important; */
    font-size: 15px;
}

    .loginStepA a:hover {
        text-decoration: underline !important;
    }

.loginStepRight img {
    width: 100%;
    height: 320px;
}

.loginStepRight p {
    font-size: 15px;
}

.loginStepImg_01 {
    align-content: center;
    align-items: center;
    display: flex;
    justify-content: center;
    height: 100%;
}

    .loginStepImg_01 img {
        width: 10% !important;
        height: auto !important;
    }

.loginStepLeft h1 {
    font-size: 25px;
}

.loginStepLeft p {
    font-size: 15px;
}










.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 100px;
    right: 0;
    background-color: #ffffff;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 13px;
    -webkit-box-shadow: 0 2px 4px rgba(15,34,58,.12);
    box-shadow: 0 2px 4px rgba(15,34,58,.12);
    border: 1px solid #e1e3e8;
}

.sidenav-content {
    padding: 20px;
}

.sidenav-header h5 {
    margin-bottom: 30px;
    /* border-bottom: 1px solid #f2f2f2; */
    padding-bottom: 10px;
}

/*.sidenav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 25px;
  color: #818181;
  display: block;
  transition: 0.3s;
}*/

/*.sidenav a:hover {
  color: #f1f1f1;
}*/

/*.sidenav .closebtn {
  position: absolute;
  top: 24px;
  right: 25px;
  font-size: 28px;
  margin-left: 50px;
  z-index: 99999999 !important;
}*/
.sidenav .closebtn {
    position: absolute;
    top: 34px;
    right: 18px;
    font-size: 21px;
    z-index: 99999999 !important;
    background: #f1f2f3;
    border-radius: 3px;
    width: 25px;
    height: 25px;
    line-height: 23px;
    text-align: center;
}

#mySidenav a:hover {
    text-decoration: none !important;
    /*  background: aliceblue;*/
}

.closebtn:hover {
    background: aliceblue;
}

.sidenav a {
    color: #495057;
}

.sidenav-body i {
    font-size: 11px;
    position: relative;
    top: -1px;
}

.sidenav-body label {
    display: block;
    margin-bottom: 10px;
    background: #ffffff;
    padding: 5px;
    border-bottom: 1px solid #e1e0e0;
}

.sidenavDiv {
    margin-bottom: 25px;
}

    .sidenavDiv a:hover {
        text-decoration: none !important;
    }

.report_pageLi a:hover {
    text-decoration: none !important;
    color: #045a87;
}

@media screen and (max-height: 450px) {
    .sidenav {
        padding-top: 15px;
    }

        .sidenav a {
            font-size: 18px;
        }
}

.text-right {
    text-align: right;
}

.GetReport {
    /*  width: 150px;*/
}
/*.GetReport_01 {
  width: 525.84px !important;
  padding-right: 0;
}*/
.GetReport_01 {
    padding-right: 0;
}

.GetReport a:hover {
    text-decoration: none !important;
}


/*.dropdownTextField {
    position: relative;
    display: inline-block;
}*/
/*.dropdownTextField::before {
  position: absolute;
  content: "â–¼";
  top: 8px;
  right: 0px;
  height: 20px;
  width: 20px;
}*/


.dropdownTextField {
    display: block;
    width: 100%;
    padding: .5rem 2.7rem .5rem .9rem;
    -moz-padding-start: calc(.9rem - 3px);
    font-size: .8125rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--vz-body-color);
    background-color: var(--vz-input-bg);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 0.5rem center;
    background-size: 16px 12px;
    border: 1px solid var(--vz-input-border);
    border-radius: .25rem;
    -webkit-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}


.scheduleText01 h2 {
    font-size: 16px;
}

.scheduleText01 {
    background: #ffe4e4;
    padding: 17px;
}

    .scheduleText01 p {
        margin-bottom: 5px;
    }

.checkbox_div_001 input {
    color: #424344;
    border: 1px solid #424344;
    border-radius: 2px !important;
    cursor: pointer;
}

.checkbox_div_001 {
    cursor: pointer;
}

.filter_areaSchedule {
    position: absolute;
    top: 37px;
    color: #3c3c3c;
}

.date_areaSch {
    width: 75%;
    position: relative;
    right: -54px;
}

    .date_areaSch label {
        color: #424344 !important;
    }

.page_iconSch span {
    padding: 9px;
    position: relative;
    top: -2px;
}





.timeline {
    list-style: none;
    padding: 20px 0 20px;
    position: relative;
}

    .timeline::before {
        top: 0;
        bottom: 0;
        position: absolute;
        content: " ";
        width: 3px;
        background-color: #cadbea;
        margin-left: 9.5px;
        height: auto;
    }


    .timeline > li {
        margin-bottom: 20px;
        position: relative;
    }

        .timeline > li:before,
        .timeline > li:after {
            content: " ";
            display: table;
        }

        .timeline > li:after {
            clear: both;
        }

        .timeline > li:before,
        .timeline > li:after {
            content: " ";
            display: table;
        }

        .timeline > li:after {
            clear: both;
        }

        .timeline > li > .timeline-panel {
            width: 42%;
            float: left;
            border: 1px solid #d4d4d4;
            border-radius: 2px;
            padding: 20px;
            position: relative;
            -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
            box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
        }

            .timeline > li > .timeline-panel:before {
                position: absolute;
                top: 26px;
                right: -15px;
                display: inline-block;
                border-top: 15px solid transparent;
                border-left: 15px solid #ccc;
                border-right: 0 solid #ccc;
                border-bottom: 15px solid transparent;
                content: " ";
            }

            .timeline > li > .timeline-panel:after {
                position: absolute;
                top: 27px;
                right: -14px;
                display: inline-block;
                border-top: 14px solid transparent;
                border-left: 14px solid #fff;
                border-right: 0 solid #fff;
                border-bottom: 14px solid transparent;
                content: " ";
            }

        .timeline > li > .timeline-badge {
            color: #fff;
            width: 20px;
            height: 20px;
            line-height: 50px;
            font-size: 1.4em;
            text-align: center;
            position: absolute;
            top: 31px;
            /*left: 50%;
  margin-left: -25px;*/
            background-color: #999999;
            z-index: 100;
            border-top-right-radius: 50%;
            border-top-left-radius: 50%;
            border-bottom-right-radius: 50%;
            border-bottom-left-radius: 50%;
        }

        .timeline > li.timeline-inverted > .timeline-panel {
            float: left;
            margin-left: 43px;
        }

            .timeline > li.timeline-inverted > .timeline-panel:before {
                border-left-width: 0;
                border-right-width: 15px;
                left: -15px;
                right: auto;
            }

            .timeline > li.timeline-inverted > .timeline-panel:after {
                border-left-width: 0;
                border-right-width: 14px;
                left: -14px;
                right: auto;
            }

.timeline-badge.primary {
    background-color: #2e6da4 !important;
}

.timeline-badge.success {
    background-color: #3f903f !important;
}

.timeline-badge.warning {
    background-color: #2b589f !important;
}

.timeline-badge.danger {
    background-color: #d9534f !important;
}

.timeline-badge.info {
    background-color: #5bc0de !important;
}

.timeline-title {
    margin-top: 0;
    font-size: 13px;
    color: #2b589f;
    font-weight: 500;
}

.timeline-body > p, .timeline-body > ul {
    margin-bottom: 0;
    font-size: 17px;
    color: #000;
    font-weight: 500;
}

    .timeline-body > p + p {
        margin-top: 5px;
    }

.settingInte {
    width: 35px;
    margin-right: 10px;
}

.settingIntegration a {
    color: #fff;
}

    .settingIntegration a:hover {
        background-color: var(--vz-btn-hover-bg);
        text-decoration: none !important;
    }

.settingIntegration {
    width: 100%;
    float: left;
}

.settingIntegrationLeft {
    width: 250px;
    float: left;
    color: #000;
}

.settingIntegrationRight {
    width: 600px;
    float: left;
}

.settingIntegrationLeft input {
    position: relative;
    top: 6px;
}

.settingIntegrationRight select {
    width: 250px;
}

.settingIntegrationRight i {
    float: left;
    font-size: 35px;
    padding-right: 21px;
    height: 60px;
    color: #3ba954;
}

.slack01 {
    float: left;
    width: 30px;
    margin-right: 15px;
}

.settingIntegrationRight h6 {
    font-size: 14px;
    /* letter-spacing: 0.4px; */
    font-weight: 400;
    color: #3ba954;
    font-weight: 500;
}





.settingPartMain label {
    float: left;
    width: 200px;
    line-height: 38px;
}

.settingPartMain input {
    width: 300px;
    float: left;
}

.settingPartMain select {
    width: 300px;
    float: left;
}

.settingPartMain textarea {
    width: 300px;
    float: left;
}

.settingPartMain p {
    width: 300px;
    float: left;
    color: #000;
    font-size: 16px;
    font-weight: bold;
    /* font-family: Helvetica-Bold !important; */
    position: relative;
    top: 9px;
}

.settingPartMain {
    width: 100%;
    float: left;
    margin-bottom: 15px;
}

.integrationPart h2 {
    font-size: 20px;
    color: #000;
    margin-bottom: 15px;
}

.settingPartMain01 label {
    float: left;
    width: 300px;
    line-height: 38px;
}
/* .settingPartMain01 label {
  float: left;
  width: 30%;
  line-height: 38px;
} */

.settingPartMain01 h6 {
    width: 70%;
    /*  float: left;*/
}

.settingPartMain01 select {
    width: 300px;
    float: left;
}

.settingPartMain01 input {
    width: 300px;
    float: left;
}

.settingPartMain01 textarea {
    width: 300px;
    float: left;
}

.settingPartMain01 p {
    /*width: 300px;
  float: left;*/
    color: #000;
    font-size: 13px;
    /*  font-weight: bold;*/
    position: relative;
    /*  top: 9px;*/
}

.settingPartMain01 {
    width: 100%;
    float: left;
    margin-bottom: 15px;
}

.integrationPart01 h2 {
    font-size: 20px;
    color: #000;
    margin-bottom: 15px;
}

.switchBtn_01 {
    margin: -5px 14px;
}

.settingPartMain01 i {
    float: left;
    font-size: 35px;
    padding-right: 21px;
    height: 60px;
    color: #3ba954;
}

.SettingRightText01 {
    width: 300px;
    float: left;
}

    .SettingRightText01 p {
        float: left;
        margin-bottom: 0;
        width: 300px;
        padding-left: 29px;
        color: #595959;
    }

.selectWeek {
    background: #f1f2f3;
    color: #131212 !important;
    border: 1px solid #e3e2e2;
    position: relative;
    top: 9px;
    border-radius: 2px;
    padding: 8px 15px;
    cursor: pointer;
}

.unselectWeek {
    background: #fff;
    color: #8a8888 !important;
    border: 1px solid #e3e2e2;
    position: relative;
    top: 9px;
    border-radius: 2px;
    padding: 8px 15px;
    cursor: pointer;
}

.pricing-box01 {
    margin-bottom: 1.5rem;
    -webkit-box-shadow: 0 1px 8px rgba(56,65,74,.15) !important;
    box-shadow: 0 1px 8px rgba(56,65,74,.15) !important;
}

    .pricing-box01 h5 {
        text-align: center;
    }

    .pricing-box01 h6 {
        text-align: center;
        font-weight: bold;
        /* font-family: Helvetica-Bold !important; */
    }

    .pricing-box01 p {
        padding: 12px 0;
        font-size: 13px;
        text-align: center;
    }

    .pricing-box01 h4 {
        text-align: center;
        font-size: 16px;
    }

    .pricing-box01 a {
        text-align: center;
        width: 100%;
        max-width: 50%;
        margin: 0 auto;
        display: block;
        margin-top: 10px;
        padding: 7px;
        border-radius: 3px;
        cursor: pointer;
        font-size: 14px;
    }

        .pricing-box01 a:hover {
            text-decoration: none !important;
            background: #6d9e03 !important;
        }





.mainPosting button:not(.collapsed)::after {
    background-image: var(--vz-accordion-btn-active-icon) !important;
    -webkit-transform: var(--vz-accordion-btn-icon-transform) !important;
    transform: var(--vz-accordion-btn-icon-transform) !important;
}

.mainPosting button::after {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: var(--vz-accordion-btn-icon-width);
    height: var(--vz-accordion-btn-icon-width);
    margin-left: auto;
    content: "";
    background-image: var(--vz-accordion-btn-icon);
    background-repeat: no-repeat;
    background-size: var(--vz-accordion-btn-icon-width);
    -webkit-transition: var(--vz-accordion-btn-icon-transition);
    transition: var(--vz-accordion-btn-icon-transition);
}

.warning_icon {
    float: right;
    color: #C30;
}

.trash_icon {
    font-size: 16px !important;
    position: relative;
    top: 1px;
    color: #abb2b8;
}

.condition_icon {
    color: #abb2b8;
}

    .condition_icon:hover {
        color: #2b589f;
    }

.copy_icon {
    float: right;
    position: relative;
    right: 20px;
    cursor: pointer;
    font-size: 17px;
}

    .copy_icon:hover {
        color: #7046bb !important;
    }

.variableType a {
    color: #2b589f;
}

    .variableType a:hover {
        text-decoration: underline !important;
    }

.variableType span {
    padding: 10px;
}






.flow_chart h1 {
    font-size: 14px;
    background: darkolivegreen;
    padding: 10px;
    text-align: center;
    color: #fff;
    border-radius: 3px;
    box-shadow: 0px 0px 4px #d8d8d8;
    width: 320px;
}
/*.flow_chart h1::before {
  content: "";
  position: absolute;
  top: 37%;
  left: 172px;
  transform: translateX(-50%);
  width: 3px;
  height: 72px;
  background: #000;
}*/
.flow_chart a {
    position: absolute;
    text-align: center;
    width: 100%;
}

.flow_chart a {
    position: absolute;
    text-align: center;
    width: 320px;
    z-index: 99999;
    color: #9b9a9a;
    cursor: pointer;
}

.flowIcon {
    /*  background: #fff;*/
    font-size: 27px;
}

    .flowIcon i {
        /*  background: #fff;*/
    }

.leftIcon {
    float: left;
    font-size: 16px;
    cursor: pointer;
}

.rightIcon {
    float: right;
    font-size: 17px;
    cursor: pointer;
    position: relative;
    top: 9px;
}






.top_step h1::before {
    content: "";
    position: absolute;
    top: 82%;
    left: 172px;
    transform: translateX(-50%);
    width: 3px;
    height: 65px;
    background: #000;
}

.new_note p {
    font-size: 14px;
    background: darkolivegreen;
    padding: 10px;
    text-align: center;
    color: #fff;
    border-radius: 3px;
    box-shadow: 0px 0px 4px #d8d8d8;
    width: 320px;
}

/*.first_step h1::before {
  content: "";
  position: absolute;
  top: 82%;
  left: 172px;
  transform: translateX(-50%);
  width: 3px;
  height: 65px;
  background: #000;
}*/
.new_note {
    position: absolute;
    top: 100px;
}

    .new_note p::before {
        content: "";
        position: absolute;
        top: 72%;
        left: 160px;
        transform: translateX(-50%);
        width: 3px;
        height: 65px;
        background: #000;
    }




.image-popup input {
    position: absolute;
    opacity: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.swiper-wrapper01 {
    width: 100%;
    float: left;
}

.swiper-slide01 {
    width: 20%;
    float: left;
    height: 210px;
}



.savePart a {
    color: #000;
    padding-right: 17px;
}

    .savePart a:hover {
        color: #2b589f;
    }

.savePart {
    margin: 7px;
}

.delete_btn01 button {
    margin: 0 auto;
    display: block;
    padding: 7px 20px;
    background: #C30;
}

#month-tab.active::before {
    border-top-color: #c7dbec !important;
    bottom: -11px !important;
}

#annual-tab.active::before {
    border-top-color: #c7dbec !important;
    bottom: -11px !important;
}

.accAdmin {
    font-size: 17px;
}



.UserPart {
    width: 100%;
    float: left;
    margin-bottom: 30px;
}

.user_img01 {
    float: left;
    padding: 0 9px;
}

    .user_img01 i {
        position: absolute;
        font-size: 60px;
        margin: 0 auto;
        display: block;
        text-align: center;
        width: 60px;
        color: lightseagreen;
        background: #fff;
        border-radius: 70px;
    }

.user_upload01 {
    display: block;
    position: absolute;
    height: 60px;
    width: 60px;
    border-radius: 100px;
    background: aqua;
    opacity: 0;
    cursor: pointer;
}

.user_img01 img {
    width: 60px;
    height: 60px;
    border-radius: 100px;
    cursor: pointer;
    margin: 0 auto;
    display: block;
}

.user_img01 span {
    text-align: center;
    width: 100%;
    display: block;
    font-size: 12px;
    padding: 5px 0 0 0;
}

.organization_user01 input {
    color: #424344;
    border: 1px solid #424344;
    border-radius: 2px !important;
    margin-right: 5px;
    cursor: pointer;
}

.P_admin {
    margin-bottom: 5px;
}

.System_term_Conditions {
    height: 500px;
    overflow: auto;
}

.h2_size01 {
    font-size: 18px;
    background: #f6f8fa;
    padding: 10px;
}


.OrderLeftPart {
    width: 60%;
    float: left;
}

.OrderRightPart {
    width: 40%;
    float: right;
    text-align: right;
}

.orderDetails01 h5 {
    margin-bottom: 0;
}

.OrderRightPart a {
    padding: 0 30px;
}

.orderDetails01 {
    padding: 10px;
    border-top: 1px solid #e6e5e5;
    border-bottom: 1px solid #e6e5e5;
    margin-bottom: 30px;
    background: azure;
    margin-top: 25px;
}

    .orderDetails01 a:hover {
        text-decoration: underline !important;
    }

    .orderDetails01 i {
        position: relative;
        top: 2px;
        left: 5px;
    }

.card_custom02 {
    margin-bottom: 1.5rem;
    -webkit-box-shadow: 0 1px 12px rgba(56,65,74,.15) !important;
    box-shadow: 0 1px 12px rgba(56,65,74,.15) !important;
}

.EditCard01:hover {
    text-decoration: underline !important;
}

.accountSettingTable01 input {
    color: #424344;
    border: 1px solid #424344;
    border-radius: 2px !important;
    margin-right: 5px;
    cursor: pointer;
}

.accountSettingTable01 p {
    margin-bottom: 0;
}

.CredentialsPart p {
    color: #000;
    padding: 0 10px;
}


.coming_Soon h1 {
    font-size: 20px;
    padding: 20px;
}

.download_link {
    /*  background: whitesmoke;*/
    float: left;
    padding: 10px;
}

.upload_link01 {
    margin-top: 15px;
}

    .upload_link01 a {
        background: whitesmoke;
        /*  float: left;*/
        position: absolute;
        padding: 10px 33px;
        border-radius: 3px;
        box-shadow: 1px 1px 3px #ccc;
    }

.Acq_list_Part001 {
    padding: 0 40px 30px 40px !important;
}

#Campaign_Linking01 input {
    color: #424344;
    border: 1px solid #424344;
    border-radius: 2px !important;
    margin-right: 5px;
    cursor: pointer;
}

#Publisher_Linking01 input {
    color: #424344;
    border: 1px solid #424344;
    border-radius: 2px !important;
    margin-right: 5px;
    cursor: pointer;
}



/*Publisher Instruction CSS=================|| Start ||=====*/

.left_nav01 ul li {
    list-style: none;
}

    .left_nav01 ul li a {
        font-size: 14px;
        color: #1f1f1f;
        line-height: 32px;
    }

.method-tag01 {
    line-height: 15px;
    margin-left: 3px;
    font-size: 9px;
    padding: 2px 4px;
    border-radius: 2px;
    display: inline-block;
    color: #fff;
    background-color: #2b589f;
}

.left_subMenu01 li a {
    font-size: 14px !important;
}

.content_area {
    width: 100%;
    /* min-width: 900px;
  max-width: 1400px; */
    margin: 0 auto;
    padding: 30px;
    background-color: #f9fafb;
    border: 1px solid #eff1f3;
    border-radius: 4px;
}

    .content_area h3 {
        font-size: 16px;
        margin-bottom: 15px;
    }

    .content_area p {
        font-size: 14px;
        color: #363636;
        font-weight: 400;
        margin-bottom: 10px;
    }

.acceptance-criteria-view {
    border: 1px solid #eff1f3;
    padding: 12px;
    margin: 15px 0;
}

    .acceptance-criteria-view ul li {
        list-style: none;
    }

ul {
    list-style-type: none;
}

.acceptance-criteria-view li ul {
    padding: 0 5px;
}

.acceptance-span {
    font-size: 14px;
    font-weight: 400;
}

.acceptance-span01 {
    font-size: 14px;
    font-weight: 400;
}

.acceptance-span03 {
    color: #2b589f;
    font-size: 14px;
    font-weight: 400;
    line-height: 30px;
    margin-left: 15px;
}

.content_area strong {
    font-weight: 400;
}

.content_area a {
    color: #2b589f;
    text-decoration: none;
}

    .content_area a:hover {
        text-decoration: underline !important;
    }

.method-tag {
    display: inline-block;
    color: #fff;
    font-family: monospace;
    background-color: #2b589f;
    padding: 0 6px;
    line-height: 24px;
    border-radius: 4px;
}

.request_right span {
    /* font-weight: 600; */
    /* font-family: Helvetica-Bold !important; */
    color: #2b589f;
}

.request_right p {
    font-size: 13px;
}

.request_right {
    width: 100%;
    overflow-x: auto;
    position: relative;
    top: -31px;
}
















/* 2. Make nav sticky */
main > nav {
    position: sticky;
    top: 2rem;
    align-self: start;
}

/* 3. ScrollSpy active styles (see JS tab for activation) */
.section-nav li.active > a {
    color: #2b589f;
    /*  font-weight: 500;*/
}

/* Sidebar Navigation */
.section-nav {
    padding-left: 0;
    border-left: 1px solid #efefef;
}

    .section-nav a {
        text-decoration: none;
        display: block;
        padding: .125rem 0;
        color: #ccc;
        transition: all 50ms ease-in-out; /* 💡 This small transition makes setting of the active state smooth */
    }

        .section-nav a:hover,
        .section-nav a:focus {
            color: #666;
        }

/** Poor man's reset **/

/** page layout **/
main {
    display: grid;
    grid-template-columns: 1fr 15em;
    max-width: 100em;
    width: 90%;
    margin: 0 auto;
}


.content_area section {
    /*  margin: 25px 0;*/
}

.popupLinkCopy {
    width: 560px;
    border-right: 20px solid #fefefe !important;
}

.copy_Url {
    position: relative;
    display: block;
    height: 40px;
    line-height: 40px;
}

    .copy_Url span {
        display: block;
        height: 100%;
        /* border: 1px solid #eff1f3; */
        border: 1px solid #878a99;
        padding: 0 120px 0 18px;
        border-radius: 4px;
        overflow: hidden;
        white-space: nowrap;
        font-size: 14px;
        font-weight: 400;
        /* width: 560px;
  border-right: 20px solid #fefefe; */
    }

    .copy_Url button {
        height: 100%;
        /* width: 120px; */
        position: absolute;
        right: 0;
        top: 0;
        border-radius: 0 4px 4px 0;
        border: none;
        line-height: 32px;
        color: #fff;
        font-weight: 400;
        /* padding: 0 18px; */
        text-align: center;
    }

        .copy_Url button:hover {
            background: #083c8f !important;
        }

.line_custom05 {
    background: #e1e2e2;
    height: 1px;
    padding: 0;
    margin: 41px 0;
}

.code_part span {
    display: block;
    padding-left: 20px;
    line-height: 25px;
    font-size: 14px;
    font-weight: normal;
}

.IDs {
    padding-left: 40px !important;
}

.response_right {
    position: relative;
    top: -35px;
}

    .response_right span {
        color: #2b589f;
    }


/*Publisher Instruction CSS=================|| End ||=====*/






.coming_soon {
    font-size: 9px !important;
    margin: 0 !important;
    top: 4px !important;
}

.dash_bg {
    /*  background: #f9f9f9;*/
    border-right: 1px solid #e1dfdf !important;
}

    .dash_bg i {
        position: absolute;
        right: 15px;
    }

.bg-soft-info_01 {
    background-color: #dff0fa !important;
    box-shadow: 0px 0px 8px #ebe9e9;
    border: 1.5px solid #fff;
}

    .bg-soft-info_01 i {
        color: #2b589f8f;
        font-size: 22px;
    }


.parent {
    width: 100%;
    height: 140px;
    background: transparent;
    overflow: hidden
}

.magicpattern {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: repeat;
    background-image: url("data:image/svg+xml;utf8,%3Csvg height=%22auto%22 viewBox=%220 0 2000 300%22 xmlns=%22http:%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d=%22M0 300h160V43.297H0ZM200 300h160V44.185H200ZM400 300h160V99.626H400ZM600 300h160V156.113H600ZM800 300h160V45.364H800ZM1000 300h160V122.207h-160ZM1200 300h160v-90.027h-160ZM1400 300h160V78.583h-160ZM1600 300h160V174.963h-160ZM1800 300h160V173.742h-160Z%22 fill=%22%2345bef7%22%2F%3E%3C%2Fsvg%3E");
}


.siteMonetization_css {
    color: #ccc !important;
    pointer-events: none;
    cursor: default;
}

    .siteMonetization_css h2 {
        color: #ccc;
    }

    .siteMonetization_css label {
        color: #ccc !important;
    }

.checked_icon {
    font-size: 16px;
    color: #3ba954;
}

.uncheck_icon {
    font-size: 16px;
}

.text_line span {
    position: relative;
    top: -4px;
}

.For_table_scroll {
    height: 400px;
    overflow: scroll;
    overflow-x: hidden;
    border-bottom: 1px solid #e9ebec;
}


/*Select 2 Css || Start=================================*/



.SystemSettingsPart001 label {
    /*float: left;
  width: 15%;*/
    /*  line-height: 38px;*/
    color: #5f6067;
    margin-bottom: 4px;
}

.SystemSettingsPart001 select {
    /* float: left;
  width: 85%;*/
}

.SystemSettingsPart001 {
    margin-bottom: 10px;
}

.select2-results__option {
    padding-right: 20px;
    vertical-align: middle;
}

.select2-results__option--selectable {
    cursor: pointer;
}

.select2-results__option:before {
    content: "";
    display: inline-block;
    position: relative;
    height: 20px;
    width: 20px;
    border: 2px solid #e9e9e9;
    border-radius: 4px;
    background-color: #fff;
    margin-right: 20px;
    vertical-align: middle;
    border-radius: 50px;
}
/* .select2-results__option[aria-selected=true]:before {
  font-family:fontAwesome;
  content: "\f00c";
  color: #fff;
  background-color: #f77750;
  border: 0;
  display: inline-block;
  padding-left: 4px;
} */
.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #fff;
    /*  font-family:fontAwesome;*/
    /*  content: "\f00c";*/
    color: #000 !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #2b589f !important;
    color: #fff !important;
    /*  font-family:fontAwesome;*/
    /*  content: "\f00c";*/
}

.select2-container--default .select2-results__option--selected:before {
    /*   background-color: #ddd; */
    /* background-color: #f7b84b; */
    font-family: fontAwesome;
    content: "\f00c";
    color: #fff;
    background-color: #4f92fe;
    border: 0;
    display: inline-block;
    padding-left: 4px;
    font-size: 11px;
    line-height: 20px;
}

.select2-container--default .select2-selection--multiple {
    margin-bottom: 10px;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    border-radius: 4px;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #f77750;
    border-width: 2px;
}

.select2-container--default .select2-selection--multiple {
    border-width: 2px;
}

.select2-container--open .select2-dropdown--below {
    border-radius: 3px;
    /* box-shadow: 0 0 10px rgba(0,0,0,0.5); */
    box-shadow: 0 0 6px #ccc;
}

.select2-container--open .select2-dropdown--above {
    border-radius: 3px;
    /* box-shadow: 0 0 10px rgba(0,0,0,0.5); */
    box-shadow: 0 0 6px #ccc;
}

.select2-selection .select2-selection--multiple:after {
    content: 'hhghgh';
}
/* select with icons badges single*/
.select-icon .select2-selection__placeholder .badge {
    display: none;
}

.select-icon .placeholder {
    display: none;
}

.select-icon .select2-results__option:before,
.select-icon .select2-results__option[aria-selected=true]:before {
    font-family: fontAwesome;
    content: "\f00c";
}

.select-icon .select2-search--dropdown {
    display: none;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    padding: 0 !important;
}

/*.select2.select2-container {
  width: 85% !important;
}*/


/*Select 2 Css || End=================================*/

.disc p {
    color: #a20606;
    font-size: 12px;
    padding-bottom: 0;
    margin-bottom: 0;
}

.disc h6 {
    font-size: 11px;
    font-weight: 400;
    color: #a20606;
    padding-left: 10px;
}

.disc a {
    color: #0d7eba;
}

    .disc a:hover {
        text-decoration: underline !important;
    }

.disc {
    margin-bottom: 10px;
}

.event_areaSchedule {
    position: absolute;
    top: 7px;
    color: #3c3c3c;
}

.pub_tc {
    /*  background: antiquewhite;*/
}

    .pub_tc a:hover {
        text-decoration: underline !important;
    }

.sidenav-body01 label {
    color: #424344;
}

.pub_tc_custom h3 {
    font-size: 17px;
}

.cus_select label {
    font-size: 14px;
    font-weight: 400;
}

.cus_select p {
    font-size: 11px;
}

.pub_tc_custom h3 {
    font-size: 15px;
    margin-bottom: 15px;
    background: aliceblue;
    padding: 10px;
}

.cus_select {
    padding: 10px 0 0 0px;
}

.textarea_customCss {
    width: 100%;
    height: 450px;
    overflow-y: scroll;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 25px;
    text-align: left !important;
}

    .textarea_customCss h4 {
        font-size: 17px;
        margin-bottom: 0;
        padding-bottom: 0;
    }

    .textarea_customCss p {
        font-size: 14px;
    }

    .textarea_customCss hr {
        padding: 0;
        margin: 6px 0 14px 0;
    }

.modal-title01 {
    font-size: 14px;
    line-height: 22px;
    color: #000;
    font-weight: 500;
}

.glob_suppre p {
    margin-bottom: 0;
}

.glob_suppre {
    width: 300px;
    padding: 15px 10px;
    margin-right: 15px;
    margin-bottom: 15px;
    float: left;
    border: 1px solid #fff;
    background: aliceblue;
}

.custom_sm {
    width: 720px;
}

.custom_sm_01 {
    width: 970px;
}

.Lbtn_cus {
    width: 250px;
}

.panel_001 {
    top: -20px !important;
    background: #f6f9f9 !important;
}

.sch_right001 label {
    margin-bottom: 7px !important;
}

.sch_right001 {
    background: #eaf7d8;
    padding: 20px 10px;
}

    .sch_right001 p {
        margin-bottom: 0;
    }


.condition_add {
    width: 100%;
    background: #ffffff;
    margin: 15px 0 30px 0;
    border: 1px solid #eee;
}

    .condition_add h3 {
        background: aliceblue;
        padding: 10px;
        font-size: 16px;
    }

    .condition_add hr {
        margin: 0 0 20px 0;
    }

.con_select01 h4 {
    font-size: 14px;
}

.custom_sm_3 {
    width: 200px;
}

.assign_value label {
    font-size: 14px;
    margin: 15px 0 3px 0;
    font-weight: 400;
}

.assign_value input {
    width: 540px;
}


.Manage_condition {
    width: 100%;
    background: #ffffff;
    margin: 15px 0;
    border: 1px solid #eee;
    /*  padding: 10px;*/
}

    .Manage_condition h3 {
        font-size: 16px;
        background: aliceblue;
        padding: 10px;
    }

    .Manage_condition hr {
        margin: 0 0 20px 0;
    }

.con_select01 {
    padding: 10px;
}

.con_value a:hover {
    text-decoration: underline !important;
}

.findText01 h5 {
    font-size: 14px;
}

.form-control_01 {
    padding: .2rem .9rem !important;
}

.form-select_01 {
    padding: .2rem .9rem !important;
}

.format_list ul li {
    list-style: disc;
    color: #3f3f3f;
}

.format_list ul {
    padding-left: 20px;
    margin-top: 15px;
}

.custom_sm_02 {
    width: 215px;
}

.custom_sm_03 {
    width: 108px;
}

.pubTermCusHead {
    background: aliceblue;
}

    .pubTermCusHead h3 {
        padding: 0;
        margin: 0;
        line-height: 36px;
        padding-left: 15px;
    }

    .pubTermCusHead p {
        padding: 0;
        margin: 0;
        line-height: 36px;
        padding-right: 15px;
        font-size: 11px;
    }

.mailManageCustom01 {
    display: flex !important;
    margin-bottom: 0px;
}

    .mailManageCustom01 select {
        width: 88%;
        float: left;
    }

    .mailManageCustom01 label {
        width: 150px;
        float: left;
        line-height: 38px;
    }

.mailManagementHead001 {
    font-size: 18px;
    margin-bottom: 10px;
    margin-top: 20px;
    /* padding-left: 10px; */
}

.input-prefix01 {
    position: absolute;
    top: 11px;
    font-size: 16px;
    right: 12px !important;
}

.app-search_01 .form-control {
    border: none;
    height: 38px;
    padding-left: 20px;
    padding-right: 20px;
    background-color: var(--vz-topbar-search-bg);
    -webkit-box-shadow: none;
    box-shadow: none;
}

.app-search_01 input {
    /* border-radius: 50px !important; */
    width: 100%;
    /*   background-color: #ffffff !important; */
    border: 1px solid #e1e0e0 !important;
}

.custom_search_01 {
    width: 255px;
}
/*.app-search_01 {
  width: 250px;
}*/
.custom_rep_btn01 {
    width: 130px;
}

.custom_pref_01 {
    padding: 0;
}

.app-search_01 {
    /* width: 255px; */
    width: 245px;
}


.app-search_02 .form-control {
    border: none;
    height: 38px;
    padding-left: 20px;
    padding-right: 20px;
    background-color: var(--vz-topbar-search-bg);
    -webkit-box-shadow: none;
    box-shadow: none;
}

.app-search_02 input {
    border-radius: 50px !important;
    width: 100%;
    background-color: #f5f5f5 !important;
}

.app-search_02 {
    width: 300px;
}

.forDisabled {
    pointer-events: none;
    opacity: 0.7;
}

.custom_size02 {
    padding: 0 3px 0px 0px;
}

.custom_size03 {
    padding: 0px 15px 0px 0px;
}
/*.page_btn01 {
  width: 55px;
  padding: 0;
}*/

.page_btn02 a {
    border-radius: 3px;
    width: 100%;
    float: left;
    background: #2b589f;
}

.icon_U01 {
    width: 100px;
}

.add_btn_cus01 {
    width: 70px !important;
}

.viewHide_btn {
    float: right;
    padding: 0.5rem 0.9rem;
    background: aliceblue;
    border: 1px solid #e8e8e8;
    font-size: 14px !important;
}

.viewHide_Content h4 {
    color: #000;
}

.viewHide_Content {
    margin: 50px 0;
    border: 1px solid #ccc;
    padding: 0px;
    border-radius: 5px;
    background: #fafbfb;
    height: 400px;
    overflow-y: scroll;
}

    .viewHide_Content p {
        font-size: 15px;
    }

.terms_conArea p {
    font-size: 14px;
    color: #242424 !important;
}

.leftSite_001 h3 {
    font-size: 19px;
    margin: 0;
}

.planName h1 {
    font-size: 18px;
    text-align: center;
    color: #fff;
    font-weight: 900;
}

.planFree {
    background: #70d7ff;
    padding: 30px 10px;
    margin: 0 !important;
    text-align: center;
    color: #fff;
}

.planPro {
    background: #62c1e5;
    padding: 30px 10px;
    margin: 0 !important;
    text-align: center;
    color: #fff;
}

.planProPlus {
    background: #20a7db;
    padding: 30px 10px;
    margin: 0 !important;
    text-align: center;
    color: #fff;
}

.planEnterprise {
    background: #1c96c5;
    padding: 30px 10px;
    margin: 0 !important;
    text-align: center;
    color: #fff;
}

.plan_part h3 {
    color: #fff !important;
}

.plan_part a {
    background: #fff;
    border-radius: 50px;
    color: #405189 !important;
    font-size: 12px !important;
    text-transform: uppercase;
    margin: 15px 20px 0px 20px;
    display: block;
    padding: 7px;
    font-weight: bold;
    /* font-family: Helvetica-Bold !important; */
    /* letter-spacing: 0.5px; */
    box-shadow: 0px 0px 2px #a29e9e;
}

.false_btn01 i {
    color: #fff;
}

.dash_col {
    /*  width: 20%;*/
    /*  padding: 5px;*/
}


/* .bg-info-subtle {
  background-color: #dff0fa !important;
  box-shadow: 0px 0px 8px #ebe9e9;
  border: 1.5px solid #fff;
} */
.bg-info-subtle {
    background-color: #fff !important;
    box-shadow: 0px 0px 0px #ebe9e9;
    border: 1.5px solid #fff;
}

.dash_col h2 {
    font-size: 16px;
}

.dash_col p {
    font-size: 13px;
}

.dash_col_02 {
    padding-left: 5px;
    padding-right: 5px;
}

.dash_col_01 {
    padding-right: 5px;
}

.dash_col_03 {
    padding-left: 5px;
}

.avatar-sm_001 {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 2.5rem;
    height: 2.5rem;
}

.dash_conPart01 {
    /* width: 100%; */
}

.avatar-sm_001 i {
    color: #2b589f;
    font-size: 17px;
}

.dash_conPart01 h2 {
    font-size: 21px;
}

.dash_conPart01 p {
    font-size: 13px;
}

.bg-marketplace {
    background-image: url(../images/marketplace.png);
    background-size: cover;
}

#back-to-top {
    bottom: 30px !important;
}

.help_Part span {
    font-size:;
    color: #2b589f;
    font-weight: 600;
    /* font-family: Helvetica-Bold !important; */
}

.forCtrl h2 {
    font-size: 21px;
}

.help_Part h1 {
    /*  text-align: center;*/
    font-size: 19px;
}

.help_Part span {
    color: #2b589f;
    font-weight: 600;
    /* font-family: Helvetica-Bold !important; */
}

.help_Part a {
    /*  text-align: center;*/
    width: 100%;
    display: block;
    font-size: 19px;
}

    .help_Part a:hover {
        text-decoration: underline !important;
    }

.page-title-box_instruction01 {
    margin: 17px -1.5rem 1.5rem -1.5rem !important;
    background: #f9f9f9 !important;
    border-bottom: 1px solid #f1f1f1 !important;
    border-top: 1px solid #e1e0e0 !important;
    box-shadow: none !important;
    position: fixed;
    width: 100%;
    z-index: 999;
    padding: 10px 1.5rem;
}

.table_Scroll {
    width: 100%;
    height: 220px;
    overflow-y: scroll;
}

.page_btn02 a:hover {
    background: #036396;
}


.customBody_001 label {
    line-height: 37px;
}

.customBody_001 p {
    font-size: 12px;
    background: aliceblue;
    padding: 7px;
}

.plan_part th {
    padding: 25px 8px;
}

.ribbon-box.ribbon-fill .ribbon {
    width: 88px !important;
    height: 52px !important;
    left: -40px !important;
    top: -23px !important;
}

.ribbon-box .ribbon {
    font-size: 10px !important;
}

.ribbon-box .ribbon-two span {
    font-size: 10px !important;
    width: 84px !important;
    top: 13px !important;
}

.plan_part h3 {
    font-size: 14px !important;
}

.daterangepicker.ltr.show-calendar.opensleft {
    z-index: 9999;
}


.share_btn01 a {
    font-size: 15px;
    border: 1px solid #e1e0e0 !important;
    padding: 5px 8px;
    background-color: #dfe4e8;
    color: #454f5b !important;
    font-weight: 600;
    /* font-family: Helvetica-Bold !important; */
    border-radius: 4px;
}

.modalHeaderPubIns {
    border-radius: 4px 4px 0 0;
    font-size: 20px;
    background-color: #2b589f;
    padding: 0 10px 0 20px;
    padding-bottom: 0px;
    line-height: 60px;
    height: 60px;
    color: #fff;
    font-weight: 400;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
}

    .modalHeaderPubIns h5 {
        color: #fff;
        font-size: 20px;
    }

    .modalHeaderPubIns button {
        color: #fff;
        background: #2b589f url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
        border: 0;
        border-radius: 0rem;
        opacity: 1;
        width: 2em;
        height: 2em;
    }

#Modal_submission-url h3 {
    font-size: 19px;
    margin-bottom: 15px;
    color: #424141;
}

#Modal_submission-url p {
    font-size: 14px;
    color: #424141;
}

.left_breadcrumb_custom {
    width: 60%;
}

.Publisger_logo_part p {
    text-align: right;
    margin: 0;
    padding: 0;
    font-size: 15px;
    line-height: 30px;
    /*   position: relative; */
    /*   top: 5px; */
    /*   font-weight: bold; */
}

.modalCustomClose01 {
    position: absolute;
    right: -8px;
    top: -10px;
    background: white url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat !important;
    border-radius: 50px;
    font-size: 9px;
    padding: 10px;
    opacity: 1;
    box-shadow: 1px 1px 5px #ccc;
    border: 1px solid #ccc;
    width: 5px !important;
    height: 5px !important;
}

    .modalCustomClose01:hover {
        opacity: 1 !important;
    }



.floating-label-group {
    position: relative;
    margin-top: 15px;
    margin-bottom: 25px;
}

    .floating-label-group .floating-label {
        font-size: 13px;
        color: #8f8f8f;
        position: absolute;
        pointer-events: none;
        top: 9px;
        left: 12px;
        transition: all 0.1s ease;
        font-weight: 400;
    }
    /* .floating-label-group .floating-label {
  font-size: 13px;
  color: #535151;
  position: absolute;
  pointer-events: none;
  top: 16px;
  left: 12px;
  transition: all 0.1s ease;
  font-weight: 300;
} */
    /* .floating-label-group input:focus ~ .floating-label,
.floating-label-group input:not(:focus):valid ~ .floating-label {
  top: -15px;
  bottom: 0px;
  left: 0px;
  font-size: 11px;
  opacity: 1;
  color: #404040;
} */
    .floating-label-group input:focus ~ .floating-label, .floating-label-group input:not(:focus):valid ~ .floating-label {
        top: -11px;
        left: 8px;
        font-size: 11.5px;
        opacity: 1;
        color: #404040;
        background: white;
        padding: 2px 5px;
    }

    .floating-label-group textarea:focus ~ .floating-label, .floating-label-group textarea:not(:focus):valid ~ .floating-label {
        top: -11px;
        left: 8px;
        font-size: 11.5px;
        opacity: 1;
        color: #404040;
        background: white;
        padding: 2px 5px;
    }

.floating-label {
    color: #1e4c82;
    font-size: 13px;
    font-weight: normal;
    position: absolute;
    pointer-events: none;
    left: 15px;
    top: 11px;
    padding: 0 5px;
    background: #fff;
    transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
}


.floating-label-group input:focus ~ .floating-label, .floating-label-group select:focus ~ .floating-label, .floating-label-group textarea:focus ~ .floating-label {
    top: -11px;
    font-size: 11.5px;
}


select.floating-label-group select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

    select.floating-label-group select::-ms-expand {
        display: none;
    }
/* .floating-label-group select:not([value=""]):valid ~ .floating-label {
      top: -11px;
      left: 8px;
      font-size: 11.5px;
      opacity: 1;
      color: #404040;
      background: white;
      padding: 2px 5px;
    } */
.floating-label-group select:not([value=""]):valid ~ .floating-label {
    /* top: -11px; */
    top: -9px;
    font-size: 11.5px;
    color: #404040;
}

.floating-label-group select[value=""]:focus ~ .floating-label {
    top: 11px;
    font-size: 11.5px;
}




/* .floating-label-group textarea:not([placeholder=""]):valid ~ .floating-label {
  top: -11px;
  left: 8px;
  font-size: 11.5px;
  opacity: 1;
  color: #404040;
  background: white;
  padding: 2px 5px;
}
.floating-label-group textarea[placeholder]:focus ~ .floating-label {
 
} */




.floating-label-group input:focus + .floating-label,
.floating-label-group input:valid + .floating-label,
.floating-label-group input[readonly=""] + .floating-label,
.floating-label-group input[disabled=""] + .floating-label,
.floating-label-group textarea[readonly=""] + .floating-label {
    /* .floating-label-group textarea[placeholder] + .floating-label{ */
    top: -11px;
    left: 8px;
    font-size: 11.5px;
    opacity: 1;
    color: #404040;
    background: white;
    padding: 2px 5px;
}

/* .floating-label-group textarea:not[readonly=""] + .floating-label{
  top: 11px;
  left: 8px;
  font-size: 11.5px;
  opacity: 1;
  color: #404040;
  background: white;
  padding: 2px 5px;
} */


.floating-label-group input:disabled {
    background-color: #fff !important;
    opacity: 0.5 !important;
}

.floating-label-group textarea:not(readonly="") ~ .floating-label {
    top: -8px;
    font-size: 13px;
}


/* 
    .floating-label-group textarea:not([placeholder=""]):valid ~ .floating-label {
      top: -11px;
      font-size: 11.5px;
    }

    .floating-label-group textarea[placeholder=""]:focus ~ .floating-label {
      top: -11px;
      font-size: 11.5px;
    } */


/* .did-floating-input, .did-floating-select {
      font-size: 12px;
      display: block;
      width: 100%;
      height: 36px;
      padding: 0 20px;
      background: #fff;
      color: #323840;
      border: 1px solid #3D85D8;
      border-radius: 4px;
      box-sizing: border-box;
    } */
/* .did-floating-input:focus, .did-floating-select:focus {
      outline: none;
    } */

/* .did-floating-input:not(:placeholder-shown) ~ .floating-label {
      top: -8px;
      font-size: 13px;
    } */

/* .floating-label-group input:not([value=""]):valid ~ .floating-label {
      top: -11px;
      font-size: 11.5px;
    }
    .floating-label-group input[value=""]:focus ~ .floating-label {
      top: 11px;
      font-size: 11.5px;
    } */


/*  .floating-label-group select:not([multiple]):not([size]) {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='6' viewBox='0 0 8 6'%3E%3Cpath id='Path_1' data-name='Path 1' d='M371,294l4,6,4-6Z' transform='translate(-371 -294)' fill='%23003d71'/%3E%3C/svg%3E%0A");
      background-position: right 15px top 50%;
      background-repeat: no-repeat;
    }

    .did-error-input .did-floating-input, .did-error-input .floating-label-group select {
      border: 2px solid #9d3b3b;
      color: #9d3b3b;
    }
    .did-error-input .floating-label {
      font-weight: 600;
      color: #9d3b3b;
    }
    .did-error-input .floating-label-group select:not([multiple]):not([size]) {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='6' viewBox='0 0 8 6'%3E%3Cpath id='Path_1' data-name='Path 1' d='M371,294l4,6,4-6Z' transform='translate(-371 -294)' fill='%239d3b3b'/%3E%3C/svg%3E%0A");
    } */


.customCPLSize {
    width: 190px;
    padding-right: 0px;
    margin-right: 7px;
}

.customCPLSize_01 {
    width: 100px;
    padding-right: 0px;
    margin-right: 7px;
}

.custom_size_btn002 {
    width: 90px;
    margin-left: 5px;
}

.customCPLSize_02 {
    width: 135px;
    padding-right: 0px;
    margin-right: 17px;
}

.customLeadloopSize {
    width: 235px;
    padding-right: 5px;
}

.customLeadloopSizeNew01 {
    width: 235px;
    padding-right: 5px;
}

.customLeadloopSize input {
    font-size: 14px;
}

.customLeadloopSize select {
    font-size: 14px;
}

.customLeadloopSizeNew01 select {
    font-size: 14px;
}


.saveSizeMaintain {
    min-width: 100px !important;
}

.lefticon-accordion .accordion-button::after {
    right: 1.25rem !important;
}

.lefticon-accordion .accordion-button {
    padding-left: 1.2rem !important;
}

.checkbox_div_01 {
    columns: 7;
    -webkit-columns: 4;
    -moz-columns: 4;
    padding: 0;
}

    .checkbox_div_01 label {
        cursor: pointer;
        font-weight: 400;
        color: #000;
        font-size: 14px;
    }

    .checkbox_div_01 input {
        color: #424344;
        border: 1px solid #424344;
        border-radius: 2px !important;
        margin-right: 5px;
        cursor: pointer;
    }

.app-search .form-control {
    border: 1px solid #e6e5e5;
}
/* .table {
  border: 1px solid #f2f2f2;
} */

.advLeadlookup {
    color: #1582bc;
}

    .advLeadlookup:hover {
        text-decoration: underline !important;
    }

.lookup02 {
    text-align: right;
}

    .lookup02 a {
        color: #1582bc;
    }

    .lookup02 a {
        color: #1582bc;
        position: relative;
        top: 10px;
    }

.Pub_button_part button {
    font-size: 14px;
    padding: 8px 20px;
}

:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm"] .profile_text.d-none.d-xl-inline-block.ms-1.fw-medium.user-name-text {
    width: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
}

:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm-hover"] .profile_text.d-none.d-xl-inline-block.ms-1.fw-medium.user-name-text {
    width: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
}



.menu_close_btn01 {
    background: #fff;
    padding: 4px;
    border-radius: 100px;
    border: 1px solid #e1e0e0 !important;
    box-shadow: 0px 0px 11px #eceaea;
    cursor: pointer;
}

.menu_open_btn01 {
    background: #fff;
    padding: 4px;
    border-radius: 100px;
    border: 1px solid #e1e0e0 !important;
    box-shadow: 0px 0px 11px #eceaea;
    cursor: pointer;
}


/* javascript modal Css || Start===================== */

.modal {
    /*       display: none;  */
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
}

.modal-content {
    background-color: #fefefe;
    /*  margin: 15% auto; 
      padding: 20px; */
    border: 1px solid #888;
    width: 100%;
}
/* .close {
      color: #aaa;
      float: right;
      font-size: 28px;
      font-weight: bold;
    }
    .close:hover,
    .close:focus {
      color: black;
      text-decoration: none;
      cursor: pointer;
    } */

/* javascript modal Css || End===================== */

.flowText {
    background: #f8f8f8;
    padding: 10px;
}

    .flowText p {
        font-size: 13px;
    }



.btn-color-mode-switch {
    display: inline-block;
    margin: 0px;
    position: relative;
}

    .btn-color-mode-switch > label.btn-color-mode-switch-inner {
        margin: 0px;
        width: 46px;
        height: 23px;
        background: #AAB3AC;
        border-radius: 40px;
        overflow: hidden;
        position: relative;
        /*   transition: all 0.3s ease; */
        /*   box-shadow: 0px 0px 8px 0px rgba(17, 17, 17, 0.34) inset; */
        display: block;
    }

        .btn-color-mode-switch > label.btn-color-mode-switch-inner:before {
            content: attr(data-on);
            position: absolute;
            font-size: 12px;
            font-weight: 500;
            top: 7px;
            right: 20px;
        }

        .btn-color-mode-switch > label.btn-color-mode-switch-inner::after {
            content: '';
            width: 20px;
            height: 20px;
            background: #fff;
            border-radius: 40px;
            position: absolute;
            left: 1px;
            top: 1.5px;
            text-align: center;
            transition: all 0.3s ease;
            box-shadow: 0px 0px 6px -2px #111;
            padding: 3px 0px;
            font-size: 10px;
        }

        .btn-color-mode-switch > label.btn-color-mode-switch-inner::before {
            /* content: 'Off'; */
            position: absolute;
            font-size: 10px;
            font-weight: 400;
            top: 6px;
            right: 6px;
            color: #fff;
        }

    .btn-color-mode-switch > .alert {
        display: none;
        background: #FF9800;
        border: none;
        color: #fff;
    }

    .btn-color-mode-switch input[type="checkbox"] {
        cursor: pointer;
        width: 50px;
        height: 27px;
        opacity: 0;
        position: absolute;
        top: 0;
        z-index: 1;
        margin: 0px;
    }

        .btn-color-mode-switch input[type="checkbox"]:checked + label.btn-color-mode-switch-inner {
            background: #fff;
            color: #fff;
            /*   border: 1px solid var(--vz-input-check-border); */
        }

            .btn-color-mode-switch input[type="checkbox"]:checked + label.btn-color-mode-switch-inner::after {
                /*   content: 'Disable'; */
                left: 25px;
                background: #fff;
                font-size: 10px;
                cursor: pointer;
                color: #000;
                /*   top: 0.5px; */
            }

            .btn-color-mode-switch input[type="checkbox"]:checked + label.btn-color-mode-switch-inner::before {
                /* content: 'On'; */
                right: auto;
                left: 6px;
                color: #fff;
                top: 5px;
            }

        .btn-color-mode-switch input[type="checkbox"]:checked + label.btn-color-mode-switch-inner {
            background: #2b589f;
            color: #fff;
        }

        .btn-color-mode-switch input[type="checkbox"]:checked ~ .alert {
            display: block;
        }


.dark-preview {
    background: #0d0d0d;
}

    .dark-preview div.btn-container i.fa-sun-o {
        color: #777;
    }

    .dark-preview div.btn-container i.fa-moon-o {
        color: #fff;
        text-shadow: 0px 0px 11px #fff;
    }

.white-preview {
    background: #fff;
}

    .white-preview div.btn-container i.fa-sun-o {
        color: #ffa500;
        text-shadow: 0px 0px 16px #ffa500;
    }

    .white-preview div.btn-container i.fa-moon-o {
        color: #777;
    }

p.by {
}

    p.by a {
        text-decoration: none;
        color: #000;
    }

.dark-preview p.by a {
    color: #777;
}

.white-preview p.by a {
    color: #000;
}

.birthday {
    position: relative;
    z-index: 99;
    background: transparent !important;
}

.date_areaSch input {
    background: transparent !important;
    border: 1px solid var(--vz-input-border) !important;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance:;
}

    input[type=number]::-webkit-inner-spin-button,
    input[type=number]::-webkit-outer-spin-button {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        margin: 0;
    }

.varClass {
    font-size: 12px;
    font-weight: 600;
    /* font-family: Helvetica-Bold !important; */
    color: #2b589f;
    letter-spacing: 0;
}

.checkIcon {
    color: #424344;
    border: 1px solid #424344;
    border-radius: 2px !important;
    margin-right: 5px;
    cursor: pointer;
}

.labelSch {
    position: relative;
    top: 0px;
    z-index: 1;
    background: #fff;
    left: 7px;
    font-size: 12px;
    padding: 0 5px;
    font-weight: 400;
}

.scheduleSecondPart p {
    position: relative;
    top: 2px;
    font-size: 12px;
    padding: 0;
    margin: 0;
    font-weight: 400;
    color: #525354;
}

.inputAreaSch {
    position: relative;
    top: -17px;
}

.scheduleSecondPart i {
    position: relative;
    top: 18px;
    font-size: 15px;
    cursor: pointer;
}

.daterangepicker {
    box-shadow: 0px 0px 5px #ccc;
}

.closeIcon {
    position: absolute;
    right: -3px;
    top: -5px;
    background: #fc9d9d;
    width: 15px;
    height: 15px;
    border-radius: 50px;
    color: #f8f8f8;
    font-size: 10px !important;
    line-height: 16px;
    cursor: pointer;
    z-index: 99;
    text-align: center;
}

    .closeIcon:hover {
        background: #b5503a;
        color: #fff;
        border: none;
    }

.daySchedule .fa-plus:hover {
    color: #3ba954;
}

.live_offer_copy {
    background: #3ba954;
    color: white;
    padding-bottom: 6px;
    text-align: right;
}

.custom-tmg-autocomplete-list [data-bs-toggle="collapse"]::after {
    right: 1px !important;
}

.navbar-menu .navbar-nav .nav-link .active[data-bs-toggle="collapse"][aria-expanded="true"]::after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
/* .navbar-menu .navbar-nav .nav-link.collapsed.active::after {
  -webkit-transform: unset !important;
  transform: unset !important;
} */
.navbar-nav .active[data-bs-toggle="collapse"]::after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}


.navbar-menu_001 .navbar-nav .nav-link .active[data-bs-toggle="collapse"][aria-expanded="true"]::after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.navbar-menu_001 .navbar-nav .nav-link.collapsed.active::after {
    -webkit-transform: unset !important;
    transform: unset !important;
}

.navbar-menu_001 {
    width: 250px;
    z-index: 1002;
    background: var(--vz-vertical-menu-bg);
    border-right: 1px solid #fff;
    bottom: 0;
    margin-top: 0;
    position: fixed;
    top: 0;
    -webkit-box-shadow: 0 2px 4px rgba(15, 34, 58, .12);
    box-shadow: 0 2px 4px rgba(15, 34, 58, .12);
    padding: 0 0 calc(70px + 25px) 0;
    -webkit-transition: all .1s ease-out;
    transition: all .1s ease-out
}

    .navbar-menu_001 .navbar-nav .nav-link {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: .625rem 1.5rem;
        color: var(--vz-vertical-menu-item-color);
        font-size: .9375rem;
        font-family:, sans-serif
    }

        .navbar-menu_001 .navbar-nav .nav-link.active {
            color: var(--vz-vertical-menu-item-active-color)
        }

        .navbar-menu_001 .navbar-nav .nav-link:hover {
            color: var(--vz-vertical-menu-item-hover-color)
        }

        .navbar-menu_001 .navbar-nav .nav-link i {
            display: inline-block;
            min-width: 1.75rem;
            font-size: 18px;
            line-height: inherit
        }

        .navbar-menu_001 .navbar-nav .nav-link svg {
            width: 18px;
            margin-right: .665rem;
            color: var(--vz-vertical-menu-item-color)
        }

        .navbar-menu_001 .navbar-nav .nav-link .badge {
            margin-left: auto;
            margin-right: -2px;
            z-index: 1
        }

        .navbar-menu_001 .navbar-nav .nav-link:hover {
            color: var(--vz-vertical-menu-item-hover-color)
        }

            .navbar-menu_001 .navbar-nav .nav-link:hover .icon-dual {
                color: var(--vz-vertical-menu-item-hover-color);
                fill: rgba(64, 81, 137, .16)
            }

        .navbar-menu_001 .navbar-nav .nav-link[data-bs-toggle=collapse]:after {
            display: block;
            content: "\f0142";
            font-family: "Material Design Icons";
            margin-left: auto;
            -webkit-transition: -webkit-transform .2s;
            transition: -webkit-transform .2s;
            transition: transform .2s;
            transition: transform .2s, -webkit-transform .2s;
            font-size: 1.05rem;
            position: absolute;
            right: 18px;
            color: var(--vz-vertical-menu-title-color)
        }

        .navbar-menu_001 .navbar-nav .nav-link[data-bs-toggle=collapse][aria-expanded=true] {
            color: var(--vz-vertical-menu-item-active-color)
        }

            .navbar-menu_001 .navbar-nav .nav-link[data-bs-toggle=collapse][aria-expanded=true] .icon-dual {
                color: var(--vz-vertical-menu-item-hover-color);
                fill: rgba(64, 81, 137, .16)
            }

            .navbar-menu_001 .navbar-nav .nav-link[data-bs-toggle=collapse][aria-expanded=true]:after {
                -webkit-transform: rotate(90deg);
                transform: rotate(90deg);
                color: var(--vz-vertical-menu-item-active-color)
            }

            .navbar-menu_001 .navbar-nav .nav-link[data-bs-toggle=collapse][aria-expanded=true]:before {
                opacity: 1;
                background-color: var(--vz-vertical-menu-item-active-color)
            }

        .navbar-menu_001 .navbar-nav .nav-link.collapsed.active::after {
            -webkit-transform: rotate(90deg);
            transform: rotate(90deg)
        }

    .navbar-menu_001 .navbar-nav .nav-sm {
        padding-left: 1.75rem
    }

        .navbar-menu_001 .navbar-nav .nav-sm .nav-link {
            padding: .55rem 1.5rem !important;
            color: var(--vz-vertical-menu-sub-item-color);
            white-space: none;
            position: relative;
            font-size: .813rem;
            font-family:
        }

            .navbar-menu_001 .navbar-nav .nav-sm .nav-link:before {
                content: "";
                width: 6px;
                height: 1.5px;
                background-color: var(--vz-vertical-menu-sub-item-color);
                position: absolute;
                left: 2px;
                top: 16.5px;
                -webkit-transition: all .4s ease-in-out;
                transition: all .4s ease-in-out;
                opacity: .5
            }

            .navbar-menu_001 .navbar-nav .nav-sm .nav-link:hover {
                color: var(--vz-vertical-menu-sub-item-hover-color)
            }

                .navbar-menu_001 .navbar-nav .nav-sm .nav-link:hover:before {
                    background-color: var(--vz-vertical-menu-sub-item-hover-color) !important;
                    opacity: 1
                }

            .navbar-menu_001 .navbar-nav .nav-sm .nav-link.active {
                color: var(--vz-vertical-menu-item-active-color)
            }

                .navbar-menu_001 .navbar-nav .nav-sm .nav-link.active:before {
                    background-color: var(--vz-vertical-menu-item-active-color)
                }

        .navbar-menu_001 .navbar-nav .nav-sm .nav-sm {
            padding-left: 15px
        }

            .navbar-menu_001 .navbar-nav .nav-sm .nav-sm .nav-link:before {
                height: 5px;
                width: 5px;
                left: 5px;
                border-radius: 50%;
                background-color: transparent;
                border: 1px solid;
                top: 16px
            }

    .navbar-menu_001 .btn-vertical-sm-hover {
        color: #878a99;
        display: none
    }

.checkbox_div_02 li {
    float: left;
    margin: 0 15px 0 0;
    padding: 0;
    width: 20%;
}

.checkbox_div_02 input {
    color: #424344;
    border: 1px solid #424344;
    border-radius: 2px !important;
    margin-right: 15px;
    cursor: pointer;
    float: left;
}

.checkbox_div_02 label {
    cursor: pointer;
    font-weight: 400;
    color: #000;
    font-size: 14px;
    display: flex;
}

.checkbox_div_02 {
    padding: 0;
}

.helpPart_01 h1 {
    text-align: center;
    font-size: 17px;
    line-height: 25px;
}

.helpPart_01 a {
    text-align: center;
    font-size: 17px;
}

.helpPart_01 {
    width: 510px;
    /* margin: 0 auto; */
    display: block;
    box-shadow: 0px 0px 18px rgba(0,0,0,0.1);
    max-height: 670px;
    height: 100%;
    float: left;
}

.helpPart_02 {
    max-width: 280px;
    width: 100%;
    box-shadow: 0px 0px 18px rgba(0,0,0,0.1);
    max-height: 670px;
    height: 100%;
    float: right;
}

.auth-bg-cover01 {
    background: transparent !important;
}

    .auth-bg-cover01 h1 {
        font-size: 17px;
        /* text-align: center; */
        margin-bottom: 30px;
        line-height: 32px;
    }

.helpPart_01 p {
    text-align: left;
    font-size: 16px;
    color: #2d2b2b;
    padding: 20px 20px 0;
    margin: 0;
}

.tabPanelCustom a {
    padding: 6px 15px;
}

.tab_part01 input {
    color: #424344;
    border: 1px solid #424344;
    border-radius: 2px !important;
    margin-right: 5px;
    cursor: pointer;
}

.BiLeftBtn button {
    width: 180px;
}

.BiLeftBtn a {
    width: 180px;
}

.BiLeftBtn button:hover {
    background: #1e963a !important;
}

.BiLeftBtn a:hover {
    background: #1e963a !important;
}

.BiRightBtn button {
    /* float: right; */
}

.BiRightBtn a {
    /* float: right; */
}

.BIHeight01 {
    height: 180px;
}

#map001 {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

.anychart-credits {
    display: none;
}
/* .tabPanelCustom .nav-tabs .nav-link {
  isolation: isolate;
  border-color: var(--vz-nav-tabs-link-hover-border-color);
} */
/* .tabPanelCustom .nav-tabs .nav-link {
  border-top: 1px solid #eee;
  border-left: 1px solid #eee;
} */

.tabPanelCustom .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    background-color: #ccedff !important;
    border: 1px solid #c1c1c1;
    border-bottom-color: #ccedff !important;
    /* border-bottom: none; */
}

.tabPanelCustom .nav-tabs {
    border-bottom: 1px solid #c1c1c1;
}

.tabPanelCustom a:hover {
    text-decoration: none !important;
}

.Test.Leads {
    padding: 0;
    margin: 0;
    position: relative;
    top: 7px;
}

    .Test.Leads input {
        color: #424344;
        border: 1px solid #424344;
        border-radius: 2px !important;
        margin-right: 5px;
        cursor: pointer;
        float: left;
    }

    .Test.Leads label {
        cursor: pointer;
    }

.select2-container--default .select2-results__option--selected:before {
    float: left;
    padding-left: 4px;
}

.select2-results__option:before {
    margin-right: 8px;
    float: left;
}

.form-control-custom01 {
    padding-left: 31px !important;
    padding-right: 11px !important;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    font-size: .8125rem;
}

:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar="dark"][data-sidebar-size="sm"] .navbar-menu .navbar-nav .nav-sm {
    .forNavScroll

{
    height: 320px;
    flex-wrap: unset;
    overflow-y: scroll;
}

}

.optin_img01 img {
    width: 100%;
    /* max-width: 700px;
  min-width: 500px; */
    height: auto;
    max-height: 250px;
}

.upload_success01 {
    position: absolute;
    left: 0px;
    display: block;
    z-index: 999999999999999999 !important;
    top: -7px;
}

    .upload_success01 i {
        background: #fff;
        border-radius: 50px;
        width: 12px;
        height: 14px;
    }

.upload_success i {
    background: #fff;
    border-radius: 50px;
    width: 12px;
    height: 14px;
}




.swiper-slide01 {
    width: 120px !important;
}

.gallery-box .gallery-container {
    height: 110px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.gallery-box {
    padding: 0px 8px 7px 8px;
    margin: 0 5px 15px 0;
    background-color: #fff !important;
}
/* .gallery-box {
  height: 210px;
  background: #fff;
  margin: 0 10px 0 0;
}
.gallery-container {
  height: 250px;
} */

:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar="dark"][data-sidebar-size="sm"] .page-title-box_instruction01 {
    width: 96% !important;
}

/* :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar="dark"][data-sidebar-size="sm"] .share_btn01 {
  padding-right: 20px;
} */
.ReplicaPage_btn a {
    border: none;
    border-radius: 3px;
    background: cadetblue !important;
    font-size: 14px;
    float: right;
}

    .ReplicaPage_btn a:hover {
        background: #2d797b !important;
    }

.checkbox_div_03 {
    padding: 0;
}

    .checkbox_div_03 li {
        float: left;
        margin: 0 15px 0 0;
        padding: 0;
        width: 30%;
    }

    .checkbox_div_03 input {
        color: #424344;
        border: 1px solid #424344;
        border-radius: 2px !important;
        margin-right: 5px;
        cursor: pointer;
        float: left;
    }

    .checkbox_div_03 label {
        cursor: pointer;
        font-weight: 400;
        color: #000;
        font-size: 14px;
        display: flex;
    }

.ReplicateChange:hover {
    text-decoration: underline !important;
}

.modal-backdrop.fade.show {
    display: none;
}

.mailManageCustom01 span textarea {
    pointer-events: none;
    visibility: hidden;
}

.select2-dropdown.select2-dropdown--above {
    z-index: 9;
}

.select2-container.select2-container--default.select2-container--open {
    z-index: 9;
}

#ModalGenderCondition h3 {
    font-size: 14px;
    font-weight: 400;
}

.GenderConditionCancel {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 19px;
    color: #C30;
}




/* SignUp Css===============================Start */


.bg-img {
    min-height: 100vh;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 15px 30px;
    background: url(../images/img-36.jpg) top left repeat;
    z-index: 999;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.form-section {
    min-height: 100vh;
    position: relative;
    /* text-align: center; */
    display: flex;
    justify-content: center;
    align-items: center;
    /* padding: 30px 0; */
    background-color: #fff;
}

.form-inner {
    max-width: 650px;
    width: 100%;
    margin: 0 15px;
    background: #fff;
    padding: 50px;
    /* box-shadow: 0 0 10px rgb(0 0 0 / 12%); */
    overflow: hidden;
}






.authPart {
    align-items: center;
    display: flex;
    justify-content: center;
    min-height: 100vh;
    position: relative;
    overflow: hidden;
}

.auth-container {
    min-height: 1025px;
    z-index: 9;
}

.auth-container {
    border-radius: 0px;
    box-shadow: 0 20px 40px rgba(0,0,0,.05);
    display: grid;
    grid-template-columns: clamp(350px,58.32%,620px) 1fr;
    /* grid-template-columns: clamp(320px,42.32040687%,623px) 1fr; */
    margin: 0 1rem;
    max-width: 1400px;
    min-height: 700px;
    overflow: hidden;
    width: 100%;
}

    .auth-container > .left {
        background-color: #fff;
        display: flex;
        flex-direction: column;
        justify-content: center;
        max-width: 823px;
        padding: 30px clamp(24px,3vw,3.5vw);
    }

    .auth-container .btn-secondary {
        border: 1px solid #e1e1e1;
        border-radius: 4px;
        /* color: #3759d2; */
        /* font-weight: 700; */
        padding: 10px 30px;
    }

    .auth-container .form {
        margin-top: 66px;
    }

.form-inputs {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.auth-container .btn-login-primary {
    background-color: #3759d2;
    color: #fff;
    /* font-weight: 700; */
    margin-top: 40px;
    padding: 16px 12px;
    width: 100%;
}

.auth-container > .right {
    height: 100%;
    max-width: 929px;
    width: 100%;
    /* background-image: url(https://abid-html.netlify.app/assets/img/hero-bg6.jpg); */
    background-image: url(../images/graph.png);
    background-size: cover;
    background-position: center;
}

    .auth-container > .right .right-default {
        align-items: center;
        background-color: #0178b6f5;
        color: #fff;
        display: flex;
        flex-direction: column;
        height: 100%;
        justify-content: center;
        overflow: hidden;
        padding: 128px clamp(40px,4vw,4vw);
        position: relative;
        /* background: linear-gradient(90deg, #0178b6ed 0%, #2966dbfa 100%); */
        background: #fff !important;
    }

.auth-container .blobs-container {
    bottom: -140px;
    pointer-events: none;
    position: absolute;
    /* top: 0; */
    width: 100%;
}

.auth-container .right-content {
    padding: 30px;
    position: relative;
    z-index: 1;
}

    .auth-container .right-content .heading {
        font-size: 45px;
        font-weight: 400;
        line-height: 60px;
    }

.authPart h3 {
    font-weight: 400;
    padding-bottom: 11px;
    font-size: 21px;
    padding-top: 35px;
    color: #383838;
    text-align: left;
}

.form_control input {
    padding: 10px 13px;
    font-size: 14px;
    font-weight: 400;
    /* letter-spacing: 0.7px; */
    color: #535151;
}

.submitBtnAuth {
    padding: 11px 12px !important;
    width: 100%;
    max-width: 70%;
    border-radius: 70px;
    margin: 0 auto;
    display: block;
}

    .submitBtnAuth a {
        color: #fff;
        font-weight: 500;
        font-size: 22px;
    }

.form_check input {
    padding: 8px;
    font-size: 12px;
    margin-right: 5px;
}

    .form_check input:checked {
        padding: 9px !important;
    }

.right-content h1 {
    color: #fff;
    /* font-weight: 700; */
}
/* .left a {
  padding: 10px 30px;
} */
.loginAuthBtn {
    padding: 8px 31px;
    background: #0178b6;
    /* border: 1px solid #ccc; */
    border-radius: 50px;
    color: #fff;
    font-size: 16px;
}

    .loginAuthBtn:hover {
        padding: 8px 31px;
        /* border: 1px solid #ccc; */
        background: #046192;
        color: #fff;
        font-size: 16px;
    }

.form-text {
    color: #505151;
    font-weight: 400;
}

.right-content p {
    font-size: 18px;
    font-weight: 400;
}

.part1 {
    top: 50px;
    left: 50px;
}

.part2 {
    top: 140px;
    left: 60px;
}

.part3 {
    top: 100px;
    right: 100px;
    opacity: 0.3;
}

.particle {
    position: absolute;
    width: auto;
}

.text-animate {
    /* text-transform: uppercase; */
    background-image: linear-gradient( -225deg, #fff 0%, #d5adff 29%, #faeaef 67%, #fff 100% );
    background-size: auto auto;
    background-clip: border-box;
    background-size: 200% auto;
    color: #fff;
    background-clip: text;
    text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: textclip 2s linear infinite;
    display: inline-block;
    font-size: 55px;
    /* font-weight: 700; */
}

@keyframes textclip {
    to {
        background-position: 200% center;
    }
}




.floating-label-groupNew {
    position: relative;
    margin-top: 15px;
    margin-bottom: 25px;
}

    .floating-label-groupNew .floating-label {
        font-size: 14px;
        color: #535151;
        position: absolute;
        pointer-events: none;
        top: 11px;
        left: 12px;
        transition: all 0.1s ease;
        font-weight: 400;
    }

    .floating-label-groupNew input:focus ~ .floating-label, .floating-label-groupNew input:not(:focus):valid ~ .floating-label {
        top: -11px;
        left: 8px;
        font-size: 11.5px;
        opacity: 1;
        color: #404040;
        background: white;
        padding: 2px 5px;
    }

    .floating-label-groupNew textarea:focus ~ .floating-label, .floating-label-groupNew textarea:not(:focus):valid ~ .floating-label {
        top: -11px;
        left: 8px;
        font-size: 11.5px;
        opacity: 1;
        color: #404040;
        background: white;
        padding: 2px 5px;
    }

.floating-label {
    color: #1e4c82;
    font-size: 13px;
    font-weight: normal;
    position: absolute;
    pointer-events: none;
    left: 15px;
    top: 11px;
    padding: 0 5px;
    background: #fff;
    transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
}


.floating-label-groupNew input:focus ~ .floating-label, .floating-label-groupNew select:focus ~ .floating-label, .floating-label-groupNew textarea:focus ~ .floating-label {
    top: -11px;
    font-size: 11.5px;
}


select.floating-label-groupNew select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

    select.floating-label-groupNew select::-ms-expand {
        display: none;
    }

.floating-label-groupNew select:not([value=""]):valid ~ .floating-label {
    /* top: -11px; */
    top: -9px;
    font-size: 11.5px;
    color: #404040;
}

.floating-label-groupNew select[value=""]:focus ~ .floating-label {
    top: 11px;
    font-size: 11.5px;
}

.floating-label-groupNew input:focus + .floating-label,
.floating-label-groupNew input:valid + .floating-label,
.floating-label-groupNew input[readonly=""] + .floating-label,
.floating-label-groupNew input[disabled=""] + .floating-label,
.floating-label-groupNew textarea[readonly=""] + .floating-label {
    /* .floating-label-groupNew textarea[placeholder] + .floating-label{ */
    top: -11px;
    left: 8px;
    font-size: 12px;
    opacity: 1;
    color: #404040;
    background: white;
    padding: 2px 5px;
}


.floating-label-groupNew input:disabled {
    background-color: #fff !important;
    opacity: 0.5 !important;
}

.floating-label-groupNew textarea:not(readonly="") ~ .floating-label {
    top: -8px;
    font-size: 13px;
}


.groupNew01 input:focus + .floating-label, .groupNew01 input:valid + .floating-label, .groupNew01 input[readonly=""] + .floating-label, .groupNew01 input[disabled=""] + .floating-label, .groupNew01 textarea[readonly=""] + .floating-label {
    font-size: 12px !important;
}




/* .floating-label-groupNew input:focus ~ .floating-label input:not(:focus):valid ~ .floating-label {
  top: -11px !important;
  left: 8px;
  font-size: 11.5px;
  opacity: 1;
  color: #404040;
  background: white;
  padding: 2px 5px;
}
.floating-label-groupNew input:focus + .floating-label, .floating-label-groupNew input:valid + .floating-label, .floating-label-groupNew input[readonly=""] + .floating-label, .floating-label-groupNew input[disabled=""] + .floating-label, .floating-label-groupNew textarea[readonly=""] + .floating-label {
  top: -11px;
  left: 8px;
  font-size: 11.5px;
  opacity: 1;
  color: #404040;
  background: white;
  padding: 2px 5px;
}
.floating-label-groupNew input:focus ~ .floating-label, .floating-label-groupNew input:not(:focus):valid ~ .floating-label {
  top: -11px;
  left: 8px;
  font-size: 11.5px;
  opacity: 1;
  color: #404040;
  background: white;
  padding: 2px 5px;
} */

/* SignUp Css===============================End */


/* Notification Css==================Start */

.timeline-1 {
    border-left: 3px solid #2b589f;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    /* background: rgba(241, 242, 243, 0.66); */
    margin: 0 auto;
    position: relative;
    /* padding: 50px; */
    list-style: none;
    text-align: left;
    max-width: 100%;
}

@media (max-width: 767px) {
    .timeline-1 {
        max-width: 98%;
        padding: 25px;
    }
}

.timeline-1 .timelineInner {
    border-bottom: 1px dashed #000;
    padding-bottom: 10px;
    margin-bottom: 25px;
    position: relative;
}

@media (max-width: 767px) {
    .timeline-1 .timelineInner {
        padding-top: 30px;
    }
}

.timeline-1 .timelineInner:last-of-type {
    padding-bottom: 0;
    margin-bottom: 0;
    border: none;
}

.timeline-1 .timelineInner:before,
.timeline-1 .timelineInner:after {
    position: absolute;
    display: block;
    top: -3px;
}

.timeline-1 .timelineInner:before {
    left: -181px;
    content: attr(data-date);
    text-align: right;
    font-weight: 100;
    font-size: 0.9em;
    min-width: 120px;
    font-weight: 500;
    color: #2b589f;
}

@media (max-width: 767px) {
    .timeline-1 .timelineInner:before {
        left: 0px;
        text-align: left;
    }
}

.timeline-1 .timelineInner:after {
    /* -webkit-box-shadow: 0 0 0 4px #2b589f;*/
    box-shadow: 3px 3px 6px #ccc;
    left: -39.8px;
    background: #2b589f;
    border-radius: 50%;
    height: 12px;
    width: 12px;
    content: "";
    top: 0px;
}

@media (max-width: 767px) {
    .timeline-1 .timelineInner:after {
        left: -31.8px;
    }
}

.timelineInner ul li ul {
    padding-top: 10px;
}

    .timelineInner ul li ul li {
        padding-bottom: 7px;
    }

.timelineInner h4 {
    color: #2b589f;
    font-weight: 400;
    font-size: 15px;
    top: -3px;
}

.firstTimeline {
    padding-bottom: 10px;
}

:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar="dark"][data-sidebar-size="sm"] .timeline-1 {
    width: 91% !important;
    margin-left: 106px;
}

:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar="dark"][data-sidebar-size="lg"] .timeline-1 {
    width: 91% !important;
    margin-left: 106px;
}

.timelineInner th {
    padding: 7px !important;
}

.timelineInner td {
    padding: 7px !important;
}

.firstTimeline p {
    padding-left: 6px;
}


/* .leftSite_001::before {
  position: absolute;
  left: -1px;
  top: 50%;
  background: #dee2e6;
  width: 1px;
  height: 30px;
  margin-top: -15px;
  content: '';
} */
.bellIcon_01 {
    /* margin-right: 30px; */
}

    .bellIcon_01 a {
        height: 42px;
        width: 42px;
        color: var(--vz-header-item-sub-color);
        -webkit-transition: all .5s ease;
        transition: all .5s ease;
        position: absolute;
        right: 0px;
        top: -2px;
    }

    .bellIcon_01 a {
        color: var(--vz-btn-hover-color);
        background-color: rgba(95, 98, 105, 0.1);
        border-color: #a09d9d03;
    }

.pipeline01::before {
    position: absolute;
    left: -1px;
    top: 50%;
    background: #dee2e6;
    width: 1px;
    height: 43px;
    margin-top: -21px;
    content: '';
}

.pipeline02::after {
    position: absolute;
    right: -1px;
    top: 50%;
    background: #dee2e6;
    width: 1px;
    height: 43px;
    margin-top: -21px;
    content: '';
}

.pipeline02 {
    padding-right: 10px;
}

.badgeIcon01 {
    padding: 5px !important;
    width: 10px;
    height: 10px;
    line-height: 5px;
    /* display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;*/
    right: -2px;
    border-radius: 60px !important;
    background: #3ba954 !important;
}

.topbar-user01 {
    min-width: auto;
}

.pipeline02 a {
    color: var(--vz-btn-hover-color) !important;
    background-color: rgba(95, 98, 105, 0.1) !important;
    border-color: #a09d9d03 !important;
}

    .pipeline02 a:hover {
        color: var(--vz-btn-hover-color) !important;
        background-color: var(--vz-btn-hover-bg) !important;
        border-color: var(--vz-btn-hover-border-color) !important;
    }
/* .pipeline02 i{
  transition-duration: 0.5s;
  transform: translatex(0);
  transform-origin: 50% 50%;
  animation: shake 1.5s infinite;
  cursor: pointer;
  border-radius: 78px;
  border: 5px solid transparent;
  transition-property: box-shadow;
  transition-duration: 0.25s;
} */
.bellIcon_01 i {
    transition-duration: 0.5s;
    transform: translatex(0);
    transform-origin: 50% 50%;
    animation: shake 1.5s infinite;
    cursor: pointer;
    border-radius: 78px;
    border: 5px solid transparent;
    transition-property: box-shadow;
    transition-duration: 0.25s;
}

@keyframes shake {
    0%, 25%, 83%, 100% {
        transform: rotatez(0deg);
    }

    32.5%, 62.5% {
        transform: rotatez(-5deg);
    }

    47.5%, 75.5% {
        transform: rotatez(5deg);
    }
}

/* .hoverIcon button {
  padding: 0;
  background: none;
  border: none;
  color: #000;
  position: absolute;
  top: -12px;
} */

/* .hoverIcon button {
  padding: 0;
  background: none;
  border: none;
  color: #000;
  position: absolute;
  top: -12px;
  width: 36px;
  left: -19px;
  text-align: right;
}

.showIcon {
  opacity: 0;
}
    
.myDIV:hover + .showIcon {
  opacity: 1;
  color: red;
} */
.showIcon button {
    background: none;
    border: none;
    padding: 0;
    position: absolute;
    top: -12px;
    /* width: 35px; */
    text-align: right;
    right: -15px;
    color: 000 !important;
}

.dropDownUlShow::before {
    border-bottom: 9px solid #fff;
    border-left: 9px solid rgba(0, 0, 0, 0);
    border-right: 9px solid rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    left: 83% !important;
    position: absolute;
    top: -9px !important;
}

.dropDownUlShow::after {
    border-bottom: 8px solid #FFF;
    border-left: 9px solid rgba(0, 0, 0, 0);
    border-right: 9px solid rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    left: 83% !important;
    position: absolute;
    top: -8px !important;
}

.dropDownUlShow {
    top: 5px !important;
    right: -10px !important;
}

#hoverIconID:hover {
    text-decoration: none !important;
}
/* .hoverIcon {
  width: 50px;
  display: inline-flex;
  padding: 0;
  margin: 0;
} */



/* Notification Css==================End */



/* MailManagement New CSS===========Starrt */
.AlertsAndEmails a:hover {
    text-decoration: underline !important;
}

.left_btnMAilManage button {
    /* background: #3ba954!important; */
    padding: 7px 26px;
    font-size: 17px;
    margin-top: 20px;
    /* border: 1px solid #1e9d40; */
}


.select2-container.select2-container--default.select2-container--open {
    z-index: 999;
}

.ms-options-wrap {
    position: relative;
}

    .ms-options-wrap,
    .ms-options-wrap * {
        box-sizing: border-box;
    }

        .ms-options-wrap > button:focus,
        .ms-options-wrap > button {
            position: relative;
            width: 100%;
            text-align: left;
            border: 1px solid #aaa;
            background-color: #fff;
            padding: 5px 20px 5px 5px;
            margin-top: 1px;
            font-size: 13px;
            color: #aaa;
            outline-offset: -2px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            width: 100%;
            padding: .5rem .9rem;
            font-size: .8125rem;
            font-weight: 400;
            line-height: 1.5;
            color: var(--vz-body-color);
            background-color: var(--vz-input-bg);
            background-clip: padding-box;
            border: 1px solid var(--vz-input-border);
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            border-radius: .25rem;
            -webkit-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
            transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
            transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
            transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
        }

            .ms-options-wrap > button[disabled] {
                background-color: #e5e9ed;
                color: #808080;
                opacity: 0.6;
            }

            .ms-options-wrap > button:after {
                content: ' ';
                height: 0;
                position: absolute;
                top: 50%;
                right: 5px;
                width: 0;
                border: 6px solid rgba(0, 0, 0, 0);
                border-top-color: #999;
                margin-top: -3px;
            }

        .ms-options-wrap.ms-has-selections > button {
            color: #333;
        }

        .ms-options-wrap > .ms-options {
            position: absolute;
            left: 0;
            width: 100%;
            margin-top: 1px;
            margin-bottom: 20px;
            background: white;
            z-index: 2000;
            border: 1px solid #e0e3e7;
            overflow: auto;
            visibility: hidden;
        }

        .ms-options-wrap.ms-active > .ms-options {
            visibility: visible
        }

        .ms-options-wrap > .ms-options > .ms-search input {
            width: 100%;
            padding: 4px 5px;
            border: none;
            border-bottom: 1px groove;
            outline: none;
        }

        .ms-options-wrap > .ms-options > .no-result-message {
            padding: 4px 5px;
            display: none;
        }

        .ms-options-wrap > .ms-options .ms-selectall {
            display: inline-block;
            font-size: .9em;
            text-transform: lowercase;
            text-decoration: none;
        }

            .ms-options-wrap > .ms-options .ms-selectall:hover {
                text-decoration: underline;
            }

        .ms-options-wrap > .ms-options > .ms-selectall.global {
            margin: 4px 8px;
        }

        .ms-options-wrap > .ms-options > ul,
        .ms-options-wrap > .ms-options > ul > li.optgroup ul {
            list-style-type: none;
            padding: 0;
            margin: 0;
        }

            .ms-options-wrap > .ms-options > ul li.ms-hidden {
                display: none;
            }

            .ms-options-wrap > .ms-options > ul > li.optgroup {
                padding: 3px 8px;
            }
                /* .ms-options-wrap > .ms-options > ul > li.optgroup + li.optgroup {
  border-top: 1px solid #aaa;
} */

                .ms-options-wrap > .ms-options > ul > li.optgroup .label {
                    display: block;
                    /* padding: 5px 0 0 0;
  font-weight: bold; */
                    color: #424344;
                    font-size: 16px;
                    border-bottom: 1px solid #cccccc40;
                }

            .ms-options-wrap > .ms-options > ul label {
                position: relative;
                display: inline-block;
                width: 100%;
                padding: 4px 4px 4px 20px;
                margin: 1px 0;
                /* border: 1px dotted transparent; */

                font-weight: 400;
                color: #747576;
                cursor: pointer;
            }

        .ms-options-wrap > .ms-options.checkbox-autofit > ul label,
        .ms-options-wrap > .ms-options.hide-checkbox > ul label {
            padding: 4px;
        }

        /* .ms-options-wrap > .ms-options > ul label.focused,
.ms-options-wrap > .ms-options > ul label:hover {
  background-color: #efefef;
  border-color: #999;
} */

        /* .ms-options-wrap > .ms-options > ul li.selected label {
  background-color: #efefef;
  border-color: transparent;
} */

        .ms-options-wrap > .ms-options > ul input[type="checkbox"] {
            margin: 0 5px 0 0;
            /* position: absolute;
  left: 4px;
  top: 7px; */
        }

        .ms-options-wrap > .ms-options.hide-checkbox > ul input[type="checkbox"] {
            position: absolute !important;
            height: 1px;
            width: 1px;
            overflow: hidden;
            clip: rect(1px 1px 1px 1px);
            clip: rect(1px, 1px, 1px, 1px);
        }

.ms-options {
    min-height: 200px !important;
    max-height: 250px !important;
}

.ms-options_01 {
    min-height: 200px !important;
    max-height: 250px !important;
}

#ms-list-2 > .ms-options {
    height: 200px !important;
    min-height: 200px !important;
}

#ms-list-3 > .ms-options {
    height: 200px !important;
    min-height: 200px !important;
}


/* #ms-list-2 span {
  visibility: hidden;
}
#ms-list-3 span {
  visibility: hidden;
} */


/* MailManagement New Css=====================End */








/*---------photo_upload---------============================================= stat  */
.ci-user-picture {
    min-width: 100%;
    /* margin-right: 16px; */
}

    .ci-user-picture img {
        width: auto;
        height: 70px;
        /* border-radius: 50%; */
        margin: 0 auto;
        display: block;
    }

.btn-default {
    display: inline-block;
    padding: 14px 32px;
    border: none;
    border-radius: 6px;
    font-size: 16px;
    transition: 0.5s;
    text-align: center;
    text-transform: capitalize;
}

.bg-blue {
    background-color: #0959C7 !important;
    color: #fff !important;
}

.filepreviewprofile {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}

/*----modal--------*/
.modal-header-bg {
    width: 100%;
    height: 12px;
    background: linear-gradient(269.44deg, #006AFA 2.3%, #00AE86 99.19%);
}

.cropImageModal .modal-dialog {
    max-width: 750px;
    width: 90%;
    margin: 0.5rem auto;
}

.up-photo-title {
    padding: 8px 15px;
    text-align: center;
}

#upload-demo {
    position: relative;
    width: 100%;
    height: 250px;
    padding-bottom: 0;
}

.croppie-container h5 {
    position: absolute;
    bottom: 4px;
    text-align: center;
    left: 0;
    right: 0;
    color: #fff;
    z-index: 2;
    font-size: 15px;
}

figure figcaption {
    position: absolute;
    bottom: 0;
    color: #fff;
    width: 100%;
    padding-left: 9px;
    padding-bottom: 5px;
    text-shadow: 0 0 10px #000;
}

.croppie-container .cr-image {
    right: 0;
}

.croppie-container .cr-slider-wrap {
    width: 275px !important;
}

.cr-slider-wrap p {
    font-size: 13px;
    color: #8D8D94;
    text-align: left;
}

.cr-slider {
    width: 275px;
}

.upload-action-btn {
    margin-top: 60px;
    padding-top: 40px;
}

.cr-slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 18px;
    height: 18px;
    background: #006AFA;
    cursor: pointer;
    box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.25);
}

.cr-slider::-moz-range-thumb {
    width: 18px;
    height: 18px;
    background: #006AFA;
    cursor: pointer;
    box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.25);
}

.cr-slider::-ms-thumb {
    width: 18px;
    height: 18px;
    background: #006AFA;
    cursor: pointer;
    box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.25);
}

.cr-slider::-webkit-slider-runnable-track {
    width: 275px;
    height: 2px;
    cursor: pointer;
    box-shadow: none;
    background: #E0E0E0;
    border-radius: 3px;
    border: none;
}

.cr-slider:focus::-webkit-slider-runnable-track {
    background: #E0E0E0;
}

.cr-slider::-moz-range-track {
    width: 275px;
    height: 2px;
    cursor: pointer;
    box-shadow: none;
    background: #E0E0E0;
    border-radius: 3px;
    border: none;
}

.cr-slider::-ms-track {
    width: 275px;
    height: 2px;
    cursor: pointer;
    box-shadow: none;
    background: #E0E0E0;
    border-radius: 3px;
    border: none;
    color: transparent;
}

.modal-backdrop {
    z-index: 1;
}
/* .croppie-container .cr-image {
  right: 0 !important;
} */
/* .croppie-container .cr-image {
  left: 51px !important;
} */
/* .croppie-container .cr-image {
  left: inherit !important;
} */

/* .cr-viewport.cr-vp-square {
  width: 400px !important;
  height: 200px !important;
} */

.showHidePhoto {
    display: block;
    float: left;
    width: 100%;
}

/*---------photo_upload---------============================== End  */


.left_disposition01 {
    width: 195px;
    float: left;
    line-height: 30px;
    padding-bottom: 0;
    margin-bottom: 0;
}

.right_disposition01 {
    width: 275px;
    float: left;
}

.disposition_001 {
    top: -20px !important;
    background: #f6f9f9 !important;
}

.labelDiv {
    width: 300px;
}

    .labelDiv label {
        width: 100%;
    }



.txt-ctr {
    text-align: center;
}

#hidePanel_01 {
    position: absolute;
    right: 0px;
    z-index: 9;
    background: #fff;
    /* width: 20px; */
    /* height: 20px; */
    border-radius: 50px;
    text-align: center;
    border: 1px solid #ccc;
    font-size: 14px;
    /* line-height: 20px; */
    color: #2a2929 !important;
    min-width: 110px;
}

    #hidePanel_01:hover {
        background: #fafafa;
        color: #2a2929 !important;
    }

.helfLeftPart {
    width: 640px;
}

.setUpLink ul {
    padding: 0;
}

    .setUpLink ul li {
        padding-bottom: 6px;
        border-bottom: 1px solid #f2f1f1;
        padding-top: 6px;
        padding-left: 10px;
    }

        .setUpLink ul li a:hover {
            text-decoration: underline !important;
        }

/* .multipleSelect_error01 button{
  background: #CC330017;
  border: 1px solid #C30;
} */
.timeDiv {
    width: 80px;
    float: left;
    margin-right: 20px;
}

.checkbox_mailManagement {
    columns: 5;
    -webkit-columns: 5;
    -moz-columns: 5;
    padding: 0;
    margin-bottom: 0;
}

    .checkbox_mailManagement label {
        cursor: pointer;
        font-weight: 400;
        color: #000;
        font-size: 14px;
    }

    .checkbox_mailManagement input {
        color: #424344;
        border: 1px solid #424344;
        border-radius: 2px !important;
        margin-right: 5px;
        cursor: pointer;
    }

.checkbox_mailManagement01 {
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
    padding: 0;
    margin-bottom: 0;
}

    .checkbox_mailManagement01 label {
        cursor: pointer;
        font-weight: 400;
        color: #000;
        font-size: 14px;
    }

    .checkbox_mailManagement01 input {
        color: #424344;
        border: 1px solid #424344;
        border-radius: 2px !important;
        margin-right: 5px;
        cursor: pointer;
    }

.managementGroup p {
    margin: 0;
    padding-bottom: 5px;
}

.ManageGroup01 {
    padding-left: 10px;
}
/* .managementGroup {
  width: 100%;
  background: aliceblue;
  padding: 5px;
  margin: 0;
} */


.optgroup ul {
    column-count: 2 !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.ms-options-wrap > .ms-options > ul label {
    padding-left: 0px !important;
    cursor: pointer;
    font-weight: 400;
    color: #000;
    font-size: 14px;
}

.ms-options-wrap > .ms-options > ul input {
    color: #424344;
    border: 1px solid #424344;
    border-radius: 2px !important;
    margin-right: 5px;
    cursor: pointer;
}


.rowCountDiv {
    padding: 0;
    margin: 0;
    width: 150px;
}

.conversion_Sample {
    width: 250px;
    padding: 15px 10px;
    margin-right: 15px;
    margin-bottom: 15px;
    float: left;
    border: 1px solid #fff;
    background: aliceblue;
}

.conversion_SamplePart {
    width: 250px;
}



/* Billing Report/Billing Report invoice/--- New Css ==================Start */

.billingInvoice {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    /* -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 auto; */
    /* height: 70px; */
    padding: 0 1.5rem 0 calc(1.5rem * .5);
}

.billingInvoice_01 p {
    margin-bottom: 5px;
}

.billingInvoiceRight {
    width: 100%;
    float: left;
    margin-bottom: 10px;
}

.billingInvoiceText {
    position: relative;
    top: -7px;
    width: 305px;
    float: left;
}

    .billingInvoiceText label {
        width: 80px;
        text-align: right;
        line-height: 37px;
        float: left;
    }

.switchIcon {
    width: 45px;
    height: 30px;
    float: left;
}

.rightBilling01 {
    width: 208px;
    float: left;
    margin-left: 15px;
}

    .rightBilling01 p {
        margin-bottom: 0;
        line-height: 40px;
    }

.billingInvoiceRight a {
    text-align: right;
    background: #ffffeb;
    padding: 10px 14px;
    border-radius: 5px;
    color: #000;
    text-decoration: underline !important;
}

.billingInvoiceText_01 {
    position: relative;
    top: -7px;
    float: right;
    width: 600px;
}

    .billingInvoiceText_01 label {
        width: 80px;
        text-align: right;
        line-height: 37px;
        float: left;
    }

.rightBilling02 {
    width: 500px;
    float: right;
    margin-left: 15px;
}

    .rightBilling02 p {
        margin-bottom: 0;
        line-height: 40px;
    }

.billingInvoice_btn a {
    font-size: 14px;
    color: #fff !important;
    margin-right: 30px;
    padding: 10px 23px;
}

.mailMessage {
    background: #ffffeb;
    padding: 10px;
}

    .mailMessage p {
        margin: 0;
        font-size: 11px;
        color: #919191;
        padding-bottom: 3px;
    }

.billingInvoiceRight a:hover {
    color: #2b589f;
}


/* Billing Report/Billing Report invoice/--- New Css ==================End */

/* Billing Report/ preview mail--- New Css ==================Start */

.billingPartMainEmail {
    max-width: 950px;
    margin: 0 auto;
    background: #fff;
    padding: 20px;
    margin-bottom: 20px;
}

.billingInvoiceEmail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    padding: 0 1.5rem 0 calc(1.5rem * .5);
}

.billingInvoice_01Email p {
    margin-bottom: 2px;
}

.billingInvoiceRightEmail {
    width: 100%;
    float: left;
    margin-bottom: 10px;
}

.billingInvoiceTextEmail {
    position: relative;
    top: -7px;
    width: 305px;
    float: left;
}

    .billingInvoiceTextEmail label {
        width: 80px;
        text-align: right;
        line-height: 37px;
        float: left;
    }

.rightBilling02Email {
    width: 500px;
    float: right;
    margin-left: 15px;
}

    .rightBilling02Email p {
        margin-bottom: 0;
        line-height: 40px;
    }

.mailMessageEmail {
    background: #ffffeb;
    padding: 10px;
}

    .mailMessageEmail p {
        margin: 0;
        font-size: 11px;
        color: #919191;
        padding-bottom: 3px;
    }

.billingEmailTop p {
    font-size: 14px;
}

.billingEmailTop strong {
    width: 53px !important;
    display: inline-block;
    text-align: right;
    margin-right: 10px;
    font-weight: 500;
}

.billingEmailTop p {
    font-size: 14px;
    margin-bottom: 0;
}

.billingEmailTop {
    color: #494d51;
    font-weight: 400;
}

.billingInvoiceRightEmail p {
    text-align: right;
    margin: 0;
    font-size: 14px;
    margin-bottom: 2px;
}

.billingPartMainEmail th {
    font-size: 13px;
}

.billingPartMainEmail td {
    font-size: 13px;
}

.emailCon p {
    line-height: 23px;
    font-size: 14px;
}

.refreshPart p {
    text-align: right;
    color: #878a99;
}

.refreshPart a {
    background-color: #dff0fa !important;
    box-shadow: 0px 0px 8px #ebe9e9;
    border: 1.5px solid #fff;
    border-radius: 90px;
    padding: 5px;
    color: #2b589f;
}
/* Billing Report/ preview mail--- New Css ==================End */


/* Dashboard-2/ --- Css ==================Start */
.dash_2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 20%;
    padding: 0 6px;
}

.dash_2_contantPart p {
    font-size: 11px;
    font-weight: 400;
    color: #535960 !important;
}

.dash_2_contantPart {
    padding-right: 5px;
}

.dash_2_contantPart01 h5 {
    text-align: right;
}

.dash_2_contantPart01 p {
    font-size: 10px;
    text-align: right;
    font-weight: 400;
    color: #535960 !important;
}

.active_timezone {
    color: #555b62;
}

.timezone_abbriv_span {
    color: #bbb;
}

.for_color {
    background: #eef9ff;
    border: 1px solid #d9effb;
}

.for_color_01 {
    background-color: #f8f8f8;
    border: 1px solid #CCC;
}

.for_color_02 {
    background: #ffffdf;
    border: 1px solid #f2f2b5;
}

.exportLink a {
    color: #0178b6;
}

    .exportLink a:hover {
        text-decoration: underline !important;
    }

.tbodyPart a {
    color: #0178b6;
}

    .tbodyPart a:hover {
        text-decoration: underline !important;
    }


/* Dashboard-2/ --- Css ==================End */


/* .checkbox_div001 {
  columns: 3;
  -webkit-columns: 3;
  -moz-columns: 3;
  padding: 0;
} */
.checkbox_divNew001 {
    padding: 0;
    float: left;
    margin-bottom: 0;
    width: 100%;
}

    .checkbox_divNew001 li {
        float: left;
        padding-right: 10px;
    }

        .checkbox_divNew001 li label {
            /* font-size: 12px !important; */
            margin-bottom: 0;
            padding-bottom: 0;
        }

    .checkbox_divNew001 input {
        color: #424344;
        border: 1px solid #424344;
        border-radius: 2px !important;
        margin-right: 0px;
    }

    .checkbox_divNew001 label {
        cursor: pointer;
        font-weight: 400;
        color: #000;
        font-size: 14px;
    }

    .checkbox_divNew001 input {
        color: #424344;
        border: 1px solid #424344;
        border-radius: 2px !important;
        /* margin-right: 5px; */
        /* cursor: pointer; */
    }
/* .LeadAge01 li {
  float: inherit !important;
  margin-bottom: 16px;
} */
.LeadAge01 li {
    float: left !important;
    margin-bottom: 16px;
    width: 100%;
    position: relative;
    display: block;
}

.dataCriteriaCustom01 span {
    font-size: 12px;
}

.dataCriteriaCustom01 ul li span {
    padding-left: 20px !important;
}

.dataCriteriaCustom01 ul li button {
    padding-left: 0px !important;
    margin-left: -16px;
    padding-right: 4px !important;
}

.fieldData label {
    color: #7c7c7c !important;
    float: left;
    width: auto;
    padding-right: 3px;
    padding-left: 4px;
    font-weight: 400;
}

.fieldData i {
    cursor: pointer;
}

.inputCustomLead {
    width: 50px;
    text-align: center;
}

.LeadAge02 li {
    float: left !important;
    margin-bottom: 16px;
    width: 100%;
}

.leadAgeCon01 {
    padding-left: 17px;
    background: aliceblue;
    padding-top: 10px;
    margin-top: 6px;
    padding-bottom: 10px;
}

    .leadAgeCon01 p {
        margin-bottom: 10px;
        font-size: 15px;
        color: #4d4d4d;
    }

    .leadAgeCon01::before {
        border-bottom: 9px solid #ecf5fd;
        border-left: 9px solid rgba(0, 0, 0, 0);
        border-right: 9px solid rgba(0, 0, 0, 0);
        content: "";
        display: inline-block;
        left: 5px;
        position: absolute;
        top: 20px;
    }

.leadAgeCon02 {
    padding-left: 17px;
    background: aliceblue;
    padding-top: 10px;
    margin-top: 6px;
    padding-bottom: 10px;
}

    .leadAgeCon02 p {
        margin-bottom: 10px;
        font-size: 15px;
        color: #4d4d4d;
    }

    .leadAgeCon02::before {
        border-bottom: 9px solid #ecf5fd;
        border-left: 9px solid rgba(0, 0, 0, 0);
        border-right: 9px solid rgba(0, 0, 0, 0);
        content: "";
        display: inline-block;
        left: 5px;
        position: absolute;
        top: 20px;
    }

.leadAgeCon03 {
    padding-left: 17px;
    background: aliceblue;
    padding-top: 10px;
    margin-top: 6px;
    padding-bottom: 10px;
}

    .leadAgeCon03 p {
        margin-bottom: 10px;
        font-size: 15px;
        color: #4d4d4d;
    }

    .leadAgeCon03::before {
        border-bottom: 9px solid #ecf5fd;
        border-left: 9px solid rgba(0, 0, 0, 0);
        border-right: 9px solid rgba(0, 0, 0, 0);
        content: "";
        display: inline-block;
        left: 5px;
        position: absolute;
        top: 20px;
    }










.bg-success {
    border: none;
    border-radius: 3px;
    background: #2b589f !important;
    font-size: 14px;
    color: #fff !important;
    padding: var(--vz-btn-padding-y) var(--vz-btn-padding-x);
    min-width: 110px;
}

.btn-success:hover {
    background: #083c8f !important;
    text-decoration: none !important;
}

.updateBtnNew {
    border: none;
    border-radius: 3px;
    background: #2b589f !important;
    font-size: 14px;
    color: #fff !important;
    padding: var(--vz-btn-padding-y) var(--vz-btn-padding-x);
    min-width: 110px;
}

    .updateBtnNew:hover {
        background: #083c8f !important;
        text-decoration: none !important;
    }

.updateBtnNew01 {
    border: none;
    border-radius: 3px;
    background: #2b589f !important;
    font-size: 14px;
    color: #fff !important;
    padding: var(--vz-btn-padding-y) var(--vz-btn-padding-x);
    min-width: 110px;
}

    .updateBtnNew01:hover {
        background: #083c8f !important;
        text-decoration: none !important;
    }



.cancelBtnNew01 {
    font-size: 14px !important;
    padding: 0.5rem 0.9rem !important;
    min-width: 110px;
    border: 1px solid #e3e3e3 !important;
    font-weight: 400;
}

    .cancelBtnNew01:hover {
        text-decoration: none !important;
    }

.ChangeBtn01 {
    font-size: 14px !important;
    padding: 0.5rem 0.9rem !important;
    min-width: 110px;
    border: 1px solid #ececec !important;
    font-weight: 400;
}

    .ChangeBtn01:hover {
        text-decoration: none !important;
    }

.smallGreenBtn {
    border: none;
    border-radius: 3px;
    background: #2b589f !important;
    font-size: 14px;
    color: #fff !important;
    padding: var(--vz-btn-padding-y) var(--vz-btn-padding-x);
    min-width: 110px;
}

    .smallGreenBtn:hover {
        background: #083c8f !important;
        text-decoration: none !important;
    }

.smallGreenBtn01 {
    border: none;
    border-radius: 3px;
    background: #2b589f !important;
    font-size: 14px;
    color: #fff !important;
    padding: var(--vz-btn-padding-y) var(--vz-btn-padding-x);
    min-width: 110px;
}

    .smallGreenBtn01:hover {
        background: #083c8f !important;
        text-decoration: none !important;
    }

.smallGreenBtn02 {
    border: none;
    border-radius: 3px;
    background: #2b589f !important;
    font-size: 14px;
    color: #fff !important;
    padding: var(--vz-btn-padding-y) var(--vz-btn-padding-x);
    min-width: 110px;
}

    .smallGreenBtn02:hover {
        background: #083c8f !important;
        text-decoration: none !important;
    }

.smallGreenBtn03 {
    border: none;
    border-radius: 3px;
    background: #2b589f !important;
    font-size: 14px;
    color: #fff !important;
    padding: var(--vz-btn-padding-y) var(--vz-btn-padding-x);
    min-width: 110px;
}

    .smallGreenBtn03:hover {
        background: #083c8f !important;
        text-decoration: none !important;
    }


.smallCancelBtn {
    font-size: 14px !important;
    padding: 0.5rem 0.9rem !important;
    border: 1px solid #ececec;
    min-width: 110px;
}

.GreenBtn {
    background: #2b589f !important;
}

    .GreenBtn:hover {
        background: #083c8f !important;
        text-decoration: none !important;
    }

.copyLink01 {
    background: #2b589f !important;
    font-size: 17px !important;
}

    .copyLink01:hover {
        background: #083c8f !important;
        text-decoration: none !important;
    }

#mySidenav button {
    font-size: 14px;
}

.postingSettingGreenBtn {
    border: none;
    border-radius: 3px;
    background: #2b589f !important;
    font-size: 14px;
    color: #fff !important;
    padding: var(--vz-btn-padding-y) var(--vz-btn-padding-x);
    min-width: 110px;
}

    .postingSettingGreenBtn:hover {
        background: #083c8f !important;
        text-decoration: none !important;
    }


.changeBtn_01 {
    padding: 0.5rem 0.9rem !important;
    min-width: 110px;
    font-size: 14px !important;
}

.updateBtn_01 {
    padding: 0.5rem 0.9rem !important;
    min-width: 110px;
    font-size: 14px !important;
}

.cancelBtn_01 {
    padding: 0.5rem 0.9rem !important;
    min-width: 110px;
    font-size: 14px !important;
    border: 1px solid #e3e3e3 !important;
}

.saveBtn_01 {
    padding: 0.5rem 0.9rem !important;
    min-width: 110px;
    font-size: 14px !important;
}

.addBtn_01 {
    padding: 0.5rem 0.9rem !important;
    min-width: 110px;
    font-size: 14px !important;
}

.rounded-pill01 {
    border-radius: 50px !important;
}



/* .smDevices span {
  border-radius: 100px !important;
}
.smDevices01 span {
  border-radius: 100px !important;
}
.smDevices02 span {
  border-radius: 100px !important;
}
.smDevices03 span {
  border-radius: 100px !important;
}
.smDevices01 select {
  border-radius: 100px !important;
}
.smDevices03 a {
  border-radius: 100px !important;
}
.custom_rep_btn01 a {
  border-radius: 100px !important;
} */

/* .select2-selection.select2-selection--single {
  border-radius: 100px !important;
}
.form-select-custom {
  border-radius: 100px;
}
.custom_rep_btn01 a {
  border-radius: 100px !important;
} */

.select2-container--default .select2-selection--single {
    border: 1px solid #e6e5e5 !important;
}

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

.ag-cell-value span {
    border-radius: 2px !important;
}


/* Create Account Page CSS =====================Start*/
.createAccount01 h3 {
    color: #0e2249;
    /* font-family: 'ArialNova-Bold'; */
    font-size: 22px;
}

.auth-container01 > .right .right-default {
    align-items: center;
    background-color: #0178b6f5;
    color: #fff;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    overflow: hidden;
    padding: 128px clamp(40px,4vw,4vw);
    position: relative;
    background: #0e2249 !important;
}

.termPart span {
    /* font-family: 'Arial-Nova-Regular'; */
    font-weight: 400;
    line-height: 25px;
    font-size: 15px;
    color: #202020;
    position: relative;
    top: -5px;
}

.termPart a {
    text-decoration: underline !important;
    color: #202020;
}

.term_switchBtn {
    margin: 0px 7px !important;
}
/* .submitBtnAuthTerm {
  padding: 11px 12px !important;
  width: 100%;
  max-width: 60%;
  border-radius: 3px;
  margin: 10px auto;
  display: block;
} */
.submitBtnAuthTerm a {
    width: 100%;
    max-width: 190px;
    border-radius: 3px;
    margin: 10px auto;
    display: block;
    font-size: 19px !important;
    padding: var(--vz-btn-padding-y) var(--vz-btn-padding-x);
}
/* .submitBtnAuthTerm a {
  min-width: 110px;
  margin: 10px auto;
  font-size: 14px !important;
  padding: var(--vz-btn-padding-y) var(--vz-btn-padding-x);
} 
.submitBtnAuthTerm {
  display: flex;
}
*/
.submitBtnAuthTerm a {
    color: #fff;
    font-weight: 400;
    font-size: 22px;
}

.alreadyLogin {
    text-align: center;
    padding: 20px 0;
}

    .alreadyLogin a {
        /* font-family: 'ArialNova-Bold'; */
        color: #505151;
        font-size: 13px;
        text-align: center;
        font-weight: 400;
    }

.auth-container01 .right-content .heading {
    font-size: 39px !important;
    font-weight: 400;
    /* font-family: "Libre Baskerville", serif; */
    text-align: center;
    /* font-family: LibreBaskerville-Bold; */
}

.auth-container01 > .right p {
    /* font-family: GlacialIndifference-Regular; */
    font-size: 24px;
    text-align: center;
    padding-top: 25px;
}

.auth-container01 {
    max-width: 1300px !important;
}
/* .card-body_02 >.card-body > .row {
  position: absolute;
} */

/* ===============Step-01=========================================== */
/* .quizContinue {
  font-size: 19px;
  padding: 6px 20px;
} */
.quizContinue {
    font-size: 14px;
    padding: var(--vz-btn-padding-y) var(--vz-btn-padding-x);
    min-width: 110px;
}

.auth-bg-cover01 > .bg-overlay {
    background-image: url("../images/cover-pattern01.png");
    /* background-position: center; */
    background-size: cover;
    opacity: 1;
    background-color: transparent;
    height: 100vh;
    position: fixed;
}

.createStep {
    width: 950px;
}

.card-body_02 {
    box-shadow: 0px 0px 17px #cccccc7a !important;
    background: #0e2249;
    border-radius: 10px;
}

.StepContent {
    text-align: center;
    color: #fff;
    padding: 0 !important;
    margin: 0 !important;
}

    .StepContent h2 {
        /* font-family: GlacialIndifference-Bold; */
        color: #fff;
        font-size: 25px;
        margin-bottom: 25px;
    }

    .StepContent p {
        /* font-family: GlacialIndifference-Regular; */
        font-size: 22px;
        padding-bottom: 20px !important;
        margin-bottom: 0;
    }

.logo_part01 img {
    float: left;
    width: 135px;
}

.StepContentBtn a {
    font-size: 17px;
    color: #0e2249;
    /* font-family: 'Arial-Nova-Regular'; */
}

.StepMainPart {
    padding: 5px;
}

.StepContentBtn {
    width: 450px;
    margin: 0 auto;
}

.StepContentBtnNew {
    width: 540px;
    margin: 0 auto;
    /* margin-bottom: 80px; */
}

    .StepContentBtnNew p {
        /* font-family: GlacialIndifference-Regular; */
        font-size: 19px;
        padding-bottom: 15px !important;
        margin-bottom: 0;
        color: #fff !important;
        text-align: center;
        padding: 20px 10px;
        padding-bottom: 20px;
    }

.otpPart {
    width: 100%;
    max-width: 476px;
    /* background: #fff; */
    margin: 0 auto;
    margin-bottom: 0px;
    padding: 10px;
    height: 80px;
    margin-bottom: 20px;
}

.digit01 {
    background: #F7F7F7;
    margin-right: 9px;
    margin-left: 9px;
    width: 58px;
    height: auto !important;
    text-align: center;
    float: left;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 31px;
    border: 1px solid #cccccc1a;
    border-radius: 5px;
}

    .digit01 input {
        width: 52px;
        border: none !important;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        background: #F7F7F7 !important;
        font-size: 30px !important;
    }

input.middle:focus {
    outline-width: 0;
}

input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}

.StepContentBtnNew a {
    color: #fff;
    text-align: center;
    font-size: 19px;
    width: 100%;
    max-width: 190px;
    margin: 0 auto;
    display: block;
    text-decoration: underline !important;
}

.StepContentBtn > .mb-4 {
    margin-bottom: 15px !important;
}

.btnStep001 {
    margin-bottom: 15px;
}

    .btnStep001 a {
        text-decoration: none !important;
    }
/* ==============================Step02=========================== */
.actHeading {
    text-align: center;
    position: absolute;
    width: 100%;
    color: #fff;
    font-size: 24px !important;
}

.radioTab01 {
    width: 430px;
    background: #fff;
    padding: 10px 25px;
    border-radius: 10px;
    font-size: 15px;
    margin-top: 35px;
    margin-bottom: 30px;
}

    .radioTab01 label {
        padding: 0;
        margin: 0;
        padding-right: 15px;
        cursor: pointer;
    }

    .radioTab01 a {
        background: #f1f1f1;
        padding: 2px 11px;
        font-size: 11px;
        border-radius: 50px;
        float: right;
        color: #323539;
        font-weight: 500;
        position: relative;
        top: 2px;
    }

        .radioTab01 a:hover {
            background: aliceblue;
        }

.billedPart {
    margin-top: -20px !important;
}

.billedCard {
    padding: 25px 15px;
    text-align: left;
    min-height: 490px;
}

    .billedCard h1 {
        font-size: 20px;
        text-align: left;
        color: #000;
        padding-bottom: 10px;
        margin: 0;
    }

    .billedCard h3 {
        padding: 0;
        margin: 0;
        font-size: 13px;
        line-height: 19px;
    }

    .billedCard h4 {
        font-size: 16px;
        color: #000;
        padding-top: 10px;
    }

    .billedCard a {
        padding: 8px 4px;
        border: 1px solid #bdbdbd;
        border-radius: 50px;
        font-size: 14px;
        margin-top: 9px;
    }

        .billedCard a:hover {
            background: aliceblue;
        }

    .billedCard h6 {
        color: #000;
        font-size: 14px;
        padding-top: 20px;
    }

    .billedCard ul {
        padding-left: 10px;
    }

        .billedCard ul li {
            list-style: disc;
            padding-left: 0;
            font-size: 12px;
            line-height: 21px;
        }


/* ==============================Step03=========================== */

.StepMainPart_01 {
    background: #fff;
    border-radius: 0 0 10px 10px;
    z-index: 9;
    padding: 30px;
    box-shadow: 0px 0px 10px #00000069;
    /* margin-top: 15px; */
    position: relative;
}
    /* .progress-bar {
  background: #4f92fe;
} */



    .StepMainPart_01 h1 {
        font-size: 19px;
        color: #000;
        text-align: left;
        margin-bottom: 15px;
    }

    .StepMainPart_01 h3 {
        padding: 0;
        font-size: 14px;
        line-height: 26px;
    }

    .StepMainPart_01 h4 {
        font-size: 15px;
        color: #000;
        padding-top: 15px;
    }

.submitBtnWel a {
    font-size: 19px;
    width: 190px;
    margin-top: 15px;
    font-weight: 400;
    padding: var(--vz-btn-padding-y) var(--vz-btn-padding-x);
}
/* ==============================Step04 ========================== */
.logo_part02 img {
    float: left;
}

.quizStep {
    width: 650px;
}

.quizFirst {
    margin-top: 40px;
}

.quizSecond {
    margin-top: 30px;
}

.quizThird {
    margin-top: 40px;
}

.quizFourth {
    margin-top: 40px;
}

.Quiztimeline {
    float: left;
    width: 100%;
    margin-bottom: 40px;
}

    .Quiztimeline h3 {
        font-size: 17px;
        /* font-family: 'Arial-Nova-Regular'; */
        color: #535353;
        padding-bottom: 3px;
        padding-top: 0;
    }

.timelineSelect {
    width: 100%;
    float: left;
}

    .timelineSelect span {
        background: #e6e2e2;
        width: 43px;
        height: 5px;
        border-radius: 2px;
        float: left;
        margin-right: 7px;
    }

.Q_01select {
    background: #3a3b3b !important;
}

.quizMain {
    width: 100%;
    float: left;
    text-align: left !important;
    /* margin-top: 40px; */
}

    .quizMain h1 {
        text-align: left;
        font-size: 18px;
        color: #4a4a4a;
        margin-bottom: 4px !important;
    }

    .quizMain p {
        text-align: left;
        font-size: 14px;
        color: #616060;
    }
/* .opt {
  background: #fff;
  margin: 0 3% 0 0;
  width: 20.33%;
  padding: 8px;
  text-align: center;
  color: #4a4a4a;
  border-radius: 5px;
  border: 1px solid #e6e2e2;
  font-size: 14px;
  cursor: pointer;
} */
.opt {
    background: #fff;
    margin: 0 10px 0 0;
    width: auto;
    text-align: center;
    color: #4a4a4a;
    border-radius: 5px;
    border: 1px solid #e6e2e2;
    font-size: 14px;
    cursor: pointer;
    padding: 7px 20px;
}

.quizBtn {
    margin-top: 40px;
}

.quizSkip {
    padding-left: 30px;
}

    .quizSkip:hover {
        color: #3c3d3f;
        text-decoration: underline !important;
    }

.opt input {
    -webkit-appearance: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: 0.5s;
    border-radius: 3px;
    cursor: pointer;
}

    .opt input:checked {
        background-color: #464646;
        box-shadow: 0px 3px 51px 0px rgba(0, 0, 0, 0.2);
    }

        .opt input:checked ~ label {
            color: #fff;
            position: relative;
        }

.opt label {
    display: inline;
    font-weight: 400;
}

.selectAll {
    font-size: 15px;
    color: #a4a4a4;
    font-style: italic;
    margin-bottom: 10px !important;
    width: 100%;
    display: block;
}

.customDivboxMeeting {
    background: #fff !important;
    margin-top: 25px;
    padding: 5px;
    border-radius: 20px;
}

.meetings-iframe-container iframe {
    height: 100%;
    border: medium;
    overflow: hidden !important;
    width: 100% !important;
    min-height: 571px !important;
}

.continueBtn001 a {
    color: #fff;
    text-align: center;
    font-size: 19px;
    width: 100%;
    max-width: 190px;
    margin: 0 auto;
    display: block;
    text-decoration: none !important;
    padding: var(--vz-btn-padding-y) var(--vz-btn-padding-x);
}

.lineCustom001 {
    margin-bottom: 30px;
    color: #4f92fe;
}

/* ==============================Step05 thank you ========================== */
.logo_thankYou img {
    margin: 0 auto;
    display: block;
    float: inherit;
}

.thankYouStep {
    width: 650px;
}

.thankYouContent {
    text-align: center;
    color: #fff;
}

    .thankYouContent h2 {
        font-size: 26px;
        color: #fff !important;
        padding-bottom: 12px;
    }

    .thankYouContent h3 {
        color: #fff;
        font-size: 21px;
        line-height: 34px;
        font-weight: 400;
        padding-top: 10px;
    }

.logo_thankYou {
    margin-top: 40px;
}

/* ==============================Step06 teammates=========================== */
.teammates h1 {
    font-size: 27px;
    color: #000;
    margin-top: 25px;
}

.teammates {
    padding: 0 150px;
}

.teamId p {
    font-size: 16px;
}

.teamId {
    max-width: 80%;
    margin: 0 auto;
    /* padding-top: 20px; */
}

.span01 {
    width: 20px;
    height: 20px;
    background: #4f92fe;
    border-radius: 100px;
    padding: 9px;
    color: #fff;
    margin-right: 10px;
    font-weight: bold;
    /* font-family: Helvetica-Bold !important; */
}

.span03 {
    position: relative;
    right: -140px;
    font-size: 15px;
    color: #9da0ac;
}

.bd-highlight {
    color: #5a5a5a;
}

.submitBtnTeam a {
    font-size: 19px;
    width: 190px;
    margin-top: 34px !important;
    font-weight: 400;
    margin: 0 auto;
    margin-top: 0px;
    display: block;
    padding: var(--vz-btn-padding-y) var(--vz-btn-padding-x);
}

.trashIcon {
    padding-left: 10px;
    font-size: 11px;
    color: #E7191F;
}

/* ==============================Step07=========================== */

.StepContentOpta p {
    /* font-family: GlacialIndifference-Regular; */
    font-size: 17px;
    margin-bottom: 0;
    color: #fff !important;
}

.StepContentOpta {
    width: 100%;
    max-width: 600px !important;
    margin: 0 auto;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 0px;
}

.divpart {
    width: 100%;
    /* max-width: 800px !important; */
    margin: 0 auto;
}

    .divpart h3 {
        margin: 0;
        padding: 0;
        color: #4f92fe;
        font-weight: 500;
        margin-bottom: 0px;
    }

.customDivbox {
    /* background: #fff; */
    margin: 13px 13px 0 13px;
    width: 30%;
    padding: 20px 10px 0px;
    border-radius: 20px;
}

    .customDivbox h1 {
        margin: 0;
        margin-bottom: 10px;
        color: #fff;
        font-size: 17px;
        text-align: center;
    }

    .customDivbox p {
        margin: 0;
        margin-bottom: 10px;
        color: #fff;
        font-size: 15px;
    }
/* .subscribe002 input {
  width: 133px;
  float: left;
  border-radius: 5px !important;
  border: none !important;
  padding: 5px;
} */
.subscribe002 input {
    width: 163px;
    float: left;
    border-radius: 3px !important;
    padding: 7px 10px;
    border: 1px solid #c4c4c4 !important;
    font-size: 12px !important;
}

.subscribe002 button {
    background: #2b589f !important;
    border-radius: 3px !important;
    margin-left: 5px !important;
    padding: 7.3px 14px !important;
    font-size: 12px;
    position: relative;
    min-width: 75px !important;
}

    .subscribe002 button:hover {
        background: #1a3c7f !important;
        border-color: #1a3c7f !important;
    }

.subscribe001 {
    /* background: #dae3f1; */
    /* padding: 7px 5px; */
}

.subs_text {
    text-align: center;
    font-style: italic;
    font-size: 12px !important;
    padding-top: 10px;
    margin: 0 !important;
}

    .subs_text a {
        color: #2b589f !important;
        background: #fff !important;
    }

.btn01 {
    text-align: center;
}

    .btn01 a {
        background: #2b589f;
        color: #fff;
        border-radius: 50px;
        padding: 8px 18px;
        font-size: 13px;
    }

        .btn01 a:hover {
            background: #2b589f;
            color: #fff;
        }

.text01 {
    height: 135px;
}

.customDivbox img {
    width: 19px;
    position: relative;
    top: -3px;
}








.navbar-menu .navbar-nav .nav-link[data-bs-toggle="collapse"][aria-expanded="true"]::after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.navbar-menu .navbar-nav .nav-link[data-bs-toggle="collapse"][aria-expanded="false"]::after {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}

:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm-hover"] .profile_part {
    /* position: relative !important; */
    margin-left: 0rem !important;
}

:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm-hover"] .navbar-menu:hover .profile_part {
    /* margin-left: 1rem !important; */
    margin-left: 0.4rem !important;
    bottom: 0px !important;
    width: 240px !important;
}

:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar="dark"][data-sidebar-size="sm"] .navbar-menu .navbar-nav .nav-item:hover .profile_part {
    margin-left: 0rem !important;
}

:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm-hover"] .topnav-hamburger {
    display: block !important;
    padding-left: 0px !important;
}

#vertical-hover {
    display: none;
}

.hamburger-icon {
    position: relative !important;
    left: -7px !important;
}

    .hamburger-icon.open {
        position: relative !important;
        left: -1px !important;
        top: 2px !important;
    }

.nav-link span {
    font-weight: 500 !important;
    font-size: 16px !important;
}

.dublicateDiv {
    max-width: 770px !important;
}

    .dublicateDiv p {
        padding: 10px 20px 0 20px;
        margin: 0;
    }

    .dublicateDiv img {
        width: 85px;
        position: absolute;
        right: 57px;
    }

.customModalBody {
    margin: 0 100px;
    padding-top: 20px !important;
    padding-bottom: 35px !important;
}

.duplicateCheckbox input {
    width: 33px !important;
    height: 17px !important;
    margin-right: -14px !important;
}

.duplicateCheckbox li label {
    position: relative !important;
    top: -6px !important;
}

.duplicateCheckbox li {
    width: 33%;
    float: left;
}

.duplicateCheckbox {
    margin: 0;
    padding: 0 8px;
    margin-top: 15px;
}

.allSetting {
    position: absolute;
    top: 0px;
    right: 10px;
}

    .allSetting label {
        position: relative;
        top: -6.5px;
    }


.hideInput {
    display: none;
}

.showInput {
    display: block;
    padding: 5px;
    width: 330px;
}

.cpl_dob {
    width: 175px;
}

.cpl_dob01 {
    width: 300px;
}

.btn-info {
    border: none;
    border-radius: 3px;
    background: #2b589f !important;
    font-size: 14px;
    color: #fff !important;
    padding: var(--vz-btn-padding-y) var(--vz-btn-padding-x);
    min-width: 110px;
}

    .btn-info:hover {
        background: #083c8f !important;
    }

.dropdownCusNew {
    background: #fff !important;
    border: 1px solid #BBBEC7;
}

    .dropdownCusNew a {
        background: #fff !important;
        color: #000 !important;
        width: 100%;
    }

.dropdown_toggleCustom::after {
    display: none !important;
}

.dropdownCusNew a:hover {
    background: #F3F4F4 !important;
    color: #2b589f !important;
}

.dropdownCusNew i:hover {
    color: #2b589f !important;
}

.controlCustom01::placeholder {
    color: #212529 !important;
}

.btnGrp01 a {
    background: #2b589f !important;
    color: #fff !important;
    font-size: 14px;
}

    .btnGrp01 a:hover {
        background: #083c8f !important;
        text-decoration: none !important;
        box-shadow: 0px 0px 11px #cac8c8;
    }

.left_panel {
    width: 350px;
    position: fixed;
    right: 0;
    background: #F3F4F4;
    top: 112px;
    height: 100vh;
    padding: 20px 25px;
    z-index: 9;
}

    .left_panel h3 {
        font-size: 16px;
        text-align: center;
        color: #000;
        padding: 10px 0;
    }

.div01panel {
    padding: 10px;
    /*border: 2px solid #ccc;
  border-radius: 10px;*/
    border: 1px solid var(--vz-input-border);
    border-radius: .25rem;
}

    .div01panel h4 {
        font-size: 14px;
        font-weight: 400;
        color: #000;
    }

    .div01panel span {
        /* font-weight: bold;
  font-family: Helvetica-Bold !important; */
    }

.left_panel p {
    font-size: 13px;
}

.modalCustom01 {
    display: none;
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.6);
}

.modalBodyCustom01 {
    padding: 5px 30px 28px 30px;
}

    .modalBodyCustom01 h4 {
        color: #000;
    }

    .modalBodyCustom01 p {
        color: #000;
    }

.form-selectCustom01 {
    border-radius: 10px;
    padding: 9px;
    border: 2px solid #ccc !important;
}

.image-uploadCustom {
    border-radius: 10px;
    padding: 9px 9px 7px 9px;
    border: 2px solid #ccc !important;
}

    .image-uploadCustom > input {
        display: none;
    }

    .image-uploadCustom label {
        padding: 0;
        margin: 0;
        width: 100%;
        font-size: 13px;
        font-weight: 400;
        cursor: pointer;
    }

    .image-uploadCustom i {
        font-size: 16px;
        position: absolute;
        right: 26px;
    }

/* theme change css=============================================== Start */

.manage_divPart {
    /* background: #f3f4f4; */
    /* padding: 20px; */
    border-bottom: 1px solid #BBBEC7;
    /* border-radius: 5px; */
    margin: 0;
}

.manage_heading {
    font-size: 25px;
    color: #000;
    margin-bottom: 15px;
    display: none;
}

.manage_heading01 {
    font-size: 14px;
    color: #000;
    padding-bottom: 10px;
    font-weight: bold;
    /* font-family: Helvetica-Bold !important; */
}

.status_manage {
    font-size: 14px;
    color: #000;
    padding-bottom: 11px;
}

    .status_manage span {
        font-size: 14px;
        color: #000;
        font-weight: 400;
    }

    .status_manage i {
        font-size: 8px;
        color: #3ba954;
        position: relative;
        top: -4px;
    }

.Div_section label {
    color: #000 !important;
}

.Div_section p {
    font-size: 14px;
    color: #444444;
    font-weight: 400;
    line-height: 13px;
}

.divMannual {
    width: 330px;
}

.OfferCopy_Adpart001 {
    background: #fff;
    border: none !important;
}

.pagebtnPart a {
    border: none;
    border-radius: 3px;
    background: #2b589f !important;
    font-size: 14px;
    color: #fff !important;
    padding: var(--vz-btn-padding-y) var(--vz-btn-padding-x);
    min-width: 110px;
}

    .pagebtnPart a:hover {
        background: #083c8f !important;
        text-decoration: none !important;
    }

.timezone01 {
    position: absolute;
    bottom: 145px;
    font-size: 10px;
    text-align: center;
    width: 100%;
}

.yellow {
    color: #FFA629;
}

.red {
    color: #E7191F;
}

.dropdownCusNew i {
    color: #b1b1b1;
}

.integrationheader i {
    float: left;
    font-size: 16px;
    color: #495057;
}

.integrationheader img {
    float: left;
    width: 75px;
    /* color: #495057; */
    /* background: #f1f2f3; */
    /* padding: 5px;
  border-radius: 7px; */
    /* height: 40px; */
}

.integrationheader p {
    float: right;
}

.logo_inte {
    width: 32px !important;
}
/* .logo_inte01 {
  width: 45px !important;
} */
.logo_inte01 {
    width: 43px !important;
    position: absolute;
    top: 15px;
}

.logo_inte_02 {
    width: 29px !important;
    position: absolute;
    top: 15px;
}

.logoText_02 {
    position: relative;
    left: 40px;
}

.logo_inte_03 {
    width: 50px !important;
    position: absolute;
    top: 12px;
}

.logoText_01 {
    position: relative;
    left: 55px;
}

.logo_inte02 {
    width: 58px !important;
}

.integrationDiv:hover {
    box-shadow: 0px 0px 7px #dddcdc;
    cursor: pointer;
}

.integrationDiv {
    border: 1px solid #e1e0e0;
    float: left;
    width: 240px;
    padding: 21px;
    border-radius: 5px;
    /* box-shadow: 0px 0px 7px #dddcdc; */
    margin-right: 25px;
    margin-bottom: 25px;
}

.switchBtnNew01 {
    float: right;
    position: relative;
    top: -3px;
}

.integrationheader {
    width: 100%;
    float: left;
    margin-bottom: 15px;
    height: 45px;
}

.integrationDiv h4 {
    font-size: 16px;
    line-height: 23px;
    float: left;
    color: #535353;
    margin: 0;
}

.integrationDiv p {
    font-size: 13px;
    float: left;
    margin-top: 10px;
    color: #000;
    padding-top: 0;
    margin-top: 0;
    line-height: 21px;
    margin-bottom: 7px !important;
}

.integrationDiv a {
    float: right;
    text-decoration: underline !important;
}
/* .divGreen {
  border: 2px solid #3ba954 !important;
}
.divGrey {
  border: 2px solid #c1c1c1;
}
.divred {
  border: 2px solid #ffaa4f;
} */
.integrationNewPart01 h3 {
    color: #000;
    font-size: 17px;
}

.integrationNewPart01 p {
    color: #000;
    margin-bottom: 30px;
}

.integrationPartNew01 {
    width: 950px;
}

.integrationPartMainDiv {
    width: 324px;
}




.modalBodyCuston003 img {
    width: 40px;
    float: left;
}

.modalBodyCuston003 strong {
    font-size: 19px;
    padding-left: 10px;
    color: #000;
}

.modalBodyCuston003 span {
    font-size: 15px;
    padding-left: 10px;
    color: #393838;
}

.Div_section ul {
    padding: 0px;
    columns: 5;
    margin: 0;
}

    .Div_section ul li {
        /* width: 200px;
  float: left; */
        margin-bottom: 20px;
    }

.previewPart {
    padding: 10px;
}

.internal_part {
    padding: 10px;
}

.gallery-light .gallery-box::before {
    background-color: #fff !important;
}

.save_btnNew button {
    border: none;
    border-radius: 3px;
    background: #2b589f !important;
    font-size: 14px;
    color: #fff !important;
    padding: var(--vz-btn-padding-y) var(--vz-btn-padding-x);
    min-width: 110px;
}

.save_btnNew a {
    font-size: 14px;
    padding: 0.5rem 2rem !important;
    background: #3ba954 !important;
}

.cancel_btnNew button {
    font-size: 14px;
    padding: 0.42rem 1.5rem !important;
    background: #ffffff !important;
    border: 1px solid #e1e0e0;
}

.cancel_btnNew a {
    font-size: 14px;
    padding: 0.42rem 1.5rem !important;
    background: #ffffff !important;
    border: 1px solid #e1e0e0;
}
/* theme change css=============================================== End */



/* New floating css================================================Start */
.did-floating-label-content {
    position: relative;
    margin-bottom: 20px;
}

.did-floating-label {
    /* color: #1e4c82; */
    font-size: 13px;
    font-weight: normal;
    position: absolute;
    pointer-events: none;
    left: 22px;
    top: 10px;
    padding: 0 5px;
    background: #fff;
    transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
}

.did-floating-input, .did-floating-select {
    font-size: 14px !important;
    display: block;
    width: 100%;
    height: 40px;
    padding: 0 20px;
    background: #fff;
    color: #323840;
    border: 1px solid #CED4DA;
    box-sizing: border-box;
    border-radius: 3px;
    margin-bottom: 5px;
}

    .did-floating-input:focus, .did-floating-select:focus {
        outline: none;
    }

        .did-floating-input:focus ~ .did-floating-label, .did-floating-select:focus ~ .did-floating-label {
            top: -8px;
            font-size: 13px;
        }

select.did-floating-select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

    select.did-floating-select::-ms-expand {
        display: none;
    }

.did-floating-input:not(:placeholder-shown) ~ .did-floating-label {
    top: -8px;
    font-size: 13px;
}

.did-floating-select:not([value=""]):valid ~ .did-floating-label {
    top: -8px;
    font-size: 13px;
}

/* .did-floating-select[value=""]:focus ~ .did-floating-label {
  top: 9px;
  font-size: 13px;
} */

.did-floating-select:not([multiple]):not([size]) {
    background-image: url("../images/chevron-down.svg") !important;
    background-position: right 15px top 50% !important;
    background-repeat: no-repeat !important;
    background-size: 12px !important;
}

.did-error-input .did-floating-input, .did-error-input .did-floating-select {
    border: 2px solid #9d3b3b;
    color: #9d3b3b;
}

.did-error-input .did-floating-label {
    font-weight: 600;
    /* font-family: Helvetica-Bold !important; */
    color: #9d3b3b;
}

.did-error-input .did-floating-select:not([multiple]):not([size]) {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='6' viewBox='0 0 8 6'%3E%3Cpath id='Path_1' data-name='Path 1' d='M371,294l4,6,4-6Z' transform='translate(-371 -294)' fill='%239d3b3b'/%3E%3C/svg%3E%0A");
}

.input-group {
    display: flex;
}

    .input-group .did-floating-input {
        border-radius: 0 4px 4px 0;
        border-left: 0;
        padding-left: 0;
    }

.input-group-append {
    display: flex;
    align-items: center;
    /*   margin-left:-1px; */
}

.input-group-text {
    display: flex;
    align-items: center;
    font-weight: 400;
    height: 34px;
    color: #323840;
    padding: 0 5px 0 20px;
    font-size: 12px;
    text-align: center;
    white-space: nowrap;
    border: 1px solid #3D85D8;
    border-radius: 4px 0 0 4px;
    border-right: none;
}



/* New floating css================================================End */

.active > .page-link, .page-link.active {
    z-index: 3;
    color: #fff !important;
    background-color: #2b589f !important;
    border-color: #1e4c95 !important;
}

.dropdownPart a {
    width: 100%;
    float: left;
    background: #f8f8f8;
    padding: 5px;
    margin-bottom: 5px;
    color: #000;
}

    .dropdownPart a:hover {
        background: #f0f8ff;
        color: #2b589f;
    }

.dropdownPart.show {
    padding: 10px !important;
}

.bottomDiv a {
    text-decoration: underline !important;
    font-size: 14px;
}

.bottomDiv p {
    margin-bottom: 5px;
}

.dropdownPart {
    width: 120px;
}

    .dropdownPart.show a {
        text-decoration: none !important;
    }

.dropdown-toggleCustom::after {
    display: inline-block;
    margin-left: .255em;
    font-size: 14px;
    line-height: 15px;
    content: "\f0140";
    font-family: "Material Design Icons";
    rotate: -180deg;
    position: relative;
    top: 2px;
    display: none;
}

.connect_btn {
    background: #2b589f !important;
    color: #fff;
    border-radius: 3px;
    font-size: 14px;
    padding: 6px 10px !important;
}

    .connect_btn:hover {
        background: #083c8f !important;
        color: #fff;
    }

.bg-success01 {
    background: #3ba954;
}

.pubNavShare {
    width: 150px;
}

.vl {
    border-left: 1px solid #ccc;
    height: 100%;
    /* left: 32%; */
    /* margin-left: -33px; */
    position: absolute;
    /* width: 2%; */
}

.sectionHeader h2 {
    font-size: 18px;
    color: #2b589f;
    margin-bottom: 2px;
}

.imageDisclaimer p {
    font-size: 12px;
}

.connectSheet button {
    padding: 0.5rem 0.9rem;
    font-size: 14px;
    margin-top: 7px;
    background: #2b589f;
    border: none !important;
}

.connectSheet a {
    font-size: 14px !important;
    position: relative;
    top: 9px;
    color: #2b589f;
}

.connectSheet button:hover {
    background: #083c8f;
}

.connectSheet a:hover {
    color: #083c8f;
}

.bottomClass {
    position: absolute;
    bottom: 45px;
    width: 100%;
    text-align: center;
}

.form-text {
    font-size: 14px;
}

.bottomClass p {
    font-size: 16px !important;
    margin-bottom: 5px;
}

.bottomClass a {
    font-size: 16px !important;
    color: #fff !important;
    text-decoration: underline !important;
    /* font-family: GlacialIndifference-Regular; */
}

.prefActive {
    background: #3c3c3c;
    padding: 4px 10px;
    color: #fff !important;
}

    .prefActive:hover {
        background: #3c3c3c;
        padding: 4px 10px;
        color: #fff !important;
    }

.button_ViewDetails {
    background-color: #2b589f !important;
}

    .button_ViewDetails:hover {
        text-decoration: underline !important;
        background: #083c8f !important;
    }

.breadcrumb-item label {
    margin-bottom: 0px !important;
}

.modalBodyCuston003 {
    padding: 60px 30px 25px 30px !important;
}

    .modalBodyCuston003 p {
        /* color: rgb(135, 138, 153) !important; */
        line-height: 23px;
        color: var(--vz-heading-color) !important;
    }

.popup_text001 span {
    font-size: 15px;
    color: #000;
    position: relative;
    top: 9px;
    font-weight: 400;
    padding-left: 0;
}

.popup_text001 p {
    font-size: 13px;
    padding-top: 10px;
}

.modal_footerCus {
    padding: 0;
    /* position: relative; */
    top: 25px;
}

.integrationText01 {
    height: 70px;
}

.modal_body0001 h3 {
    font-size: 15px !important;
    color: #4d4e50;
    /* font-weight: 600;
  font-family: Helvetica-Bold !important; */
}

.keyName {
    width: 22%;
    font-size: 15px;
    font-weight: 500;
    /* color: #4d4e50; */
    line-height: 36px;
    color: #000 !important;
}

.keyInput {
    width: 78%;
}

.modal-footerCusInte {
    display: block;
}

.modal_body0001 h3 {
    color: #000 !important;
    /* color: #4d4e50 !important; */
    line-height: 23px;
    /* padding-bottom: 10px; */
}

.footerCusInte_001 button {
    /* margin: 0 auto; */
    display: block;
    margin-top: 10px;
}

.modal-footerCusInte {
    padding: 0;
    padding-bottom: 10px;
}

.cusTableNew01 span {
    font-size: 11px;
    color: #9f9fa3 !important;
}

.cusTableNew01 h5 {
    padding: 0 !important;
    margin: 0 !important;
    line-height: 10px;
}

.cusTableNew01 td {
    padding: .8rem .6rem .3rem .6rem;
    height: 50px !important;
}

.integrationPartMain h3 {
    font-size: 18px;
    color: #2b589f;
}

.integrationIcon i {
    font-size: 17px;
    border: 2px solid #2b589f;
    width: 30px;
    height: 30px;
    border-radius: 50px;
    line-height: 27px;
    text-align: center;
    background: #2b589f;
    color: #fff !important;
}

.cardCustomInte:hover {
    border: 1px solid #2b589f;
    cursor: pointer;
}

.cardCustomInte {
    border: 1px solid #e1e0e0;
    border-radius: 12px;
}


.integrationIcon i {
    /* color: #4e555c; */
}

.integrationText {
    height: 90px;
    /* height: auto; */
}

.integrationPartMainDiv {
    /* width: 33.33%;
  max-width: 345px; */
}

.logoText {
    display: block;
    font-size: 12px;
    /* padding-top: 5px; */
    color: #9d9fab;
    font-weight: 500;
    position: absolute;
}



.integrationPartMainDiv a {
    display: none;
    color: #878a99;
    text-align: right;
    width: 100%;
    position: absolute;
    bottom: 3px;
    right: 15px;
}

    .integrationPartMainDiv a:hover {
        color: #083c8f !important;
    }

.integrationPartMainDiv:hover a {
    display: block;
    bottom: 7px !important;
}

.cardCustomInte {
    /* padding-top: 10px; */
}

.modal_headerNew01 h5 {
    color: #fff;
}
/* .integrationText01 a {
  display: none;
  color: #878a99;
  text-align: right;
  width: 100%;
  position: absolute;
  bottom: 3px;
  right: 15px;
}
.integrationText01 a:hover{
  color: #083c8f !important;
}
.integrationText01:hover a {
  display:block;
  bottom: 7px !important;
} */
.installedDiv {
    display: none;
}

.installedDivActive {
    /* border: 1px solid #2b589f; */
}

.customLeadloopSize input {
    font-size: 14px;
}

.Custo_dashboard span {
    font-size: 14px !important;
    color: #878a99;
}

    .Custo_dashboard span:hover {
        color: #2b589f !important;
    }

.modalBodyDash {
    padding: 40px 20px 20px 20px;
}

.mdi-spin:before {
    -webkit-animation: mdi-spin 2s infinite linear;
    animation: mdi-spin 2s infinite linear;
}

.RepostLeadsPart01 h2 {
    font-size: 17px;
    color: #1b1b1b;
    padding: 0;
}

.repost_text001 label {
    font-size: 15px;
    color: #35393d;
    position: relative;
    top: 9px;
    font-weight: 400;
    padding-left: 0;
}

.right_001_btn a {
    padding: 0.44rem 0.9rem;
    font-size: 14px;
    min-width: 110px;
    color: #000;
}

input:focus {
    outline: none !important;
}

select:focus {
    outline: none !important;
}

div:focus {
    outline: none !important;
}

button:focus:not(:focus-visible) {
    outline: none;
}

input:focus-visible {
    outline: none !important;
}

select:focus-visible {
    outline: none !important;
}

div:focus-visible {
    outline: none !important;
}

.smDevices01 select {
    padding: 0.52rem;
    border-radius: 3px;
}

.adleadlookupToggle {
    width: 200px !important;
}


:is([data-layout="vertical"], [data-layout="semibox"]):is([data-sidebar-size="sm-hover"], [data-sidebar-size="sm-hover-active"]) .integrationPartNew01 {
    width: 1100px;
}

:is([data-layout="vertical"], [data-layout="semibox"]):is([data-sidebar-size="sm-hover"], [data-sidebar-size="sm-hover-active"]) .integrationPartMainDiv {
    width: 372px;
}

.systemInteP_text {
    font-size: 14px;
    font-style: italic;
    color: #495057;
    margin: 0;
}

    .systemInteP_text a {
        color: #495057;
        text-decoration: underline !important;
    }
/* .integrationPart {
  height: 160px;
} */
.cardCustomInte {
    height: 160px;
}

/* .modalIntegration_headerNew01 { 
  padding: 0 20px !important;
  background: #0f2248 !important;
  position: absolute !important;
  float: right !important;
  text-align: right !important;
  width: 100%;
  z-index: 9;
  height: 50px;
} */
.modalIntegration_headerNew01 {
    padding: 0 30px !important;
    background: #ffffff !important;
    position: absolute !important;
    float: right !important;
    text-align: right !important;
    width: 100%;
    z-index: 9;
    height: 40px;
    top: 18px;
}
    /* .modalIntegration_headerNew01 h5 {
  color: #fff;
  font-size: 16.5px;
} */
    .modalIntegration_headerNew01 h5 {
        font-weight: 600;
        font-size: 18px !important;
        color: #333;
    }

.modalBodyCuston003 a {
    color: #0f2248;
    text-decoration: underline !important;
}

.modalBodyCuston003 p {
    color: rgb(85, 85, 85);
}

.modal_footerCus p {
    font-size: 13px;
    line-height: 20px;
    font-style: italic;
}

.modal_body0001 {
    padding: 0;
    margin-bottom: 20px;
}

.modal-titleNew01 {
    position: relative;
    top: -7px;
}

.logoText01 {
    color: #9d9fab;
    position: absolute;
    top: 26px;
    font-size: 12px;
}


.onboading_progress {
    background: #fff;
    position: fixed;
    height: auto;
    left: 10px;
    width: 270px;
    bottom: 10px;
    border-radius: 10px;
    padding: 20px;
    box-shadow: 0px 0px 10px #626161;
    border: 4px solid #ececec;
    z-index: 999999;
}

.onBoardHeader img {
    width: 85px;
}

.onBoardClose {
    position: absolute;
    right: 12px;
    font-size: 11px;
    border: 1px solid #a19b9b;
    border-radius: 80px;
    width: 18px;
    height: 18px;
    text-align: center;
    line-height: 17px;
    color: #a19b9b;
    top: 18px;
}

.onBoardBody {
    padding: 15px 0 0 0;
}

    .onBoardBody p {
        font-size: 12px;
    }

    .onBoardBody h2 {
        font-size: 18px;
        color: #000;
    }

    .onBoardBody h3 {
        font-size: 12px;
        color: #000;
    }

.progressBarCustom {
    height: 10px;
    background: #4f92fe !important;
}

.check_001 {
    margin: 5px 0;
    border: 2px solid #ddd;
    border-radius: 90px;
    padding: 5px 11px;
    width: 100%;
    display: inline-block;
    color: #000 !important;
    font-size: 13px;
}

.onBoardClose:hover {
    border-color: #0f2248 !important;
    color: #0f2248 !important;
}

/* Publisher Instruction============= Css=====start */
.instructionPageCustom h3 {
    font-size: 18px;
    color: #2b589f;
}

.instructionPageCustom span label {
    font-size: 14px;
    font-weight: 400 !important;
}

.instructionPageCustom button {
    font-size: 14px !important;
}

.instructionPageCustom code {
    font-size: 14px !important;
}

.instructionPageCustom pre {
    font-size: 14px !important;
}

.instructionPageCustom span {
    font-size: 14px !important;
}

.instructionPageCustom input {
    font-size: 14px !important;
}

.left_breadcrumb_customNew select {
    width: 220px !important;
    font-size: 14px;
}
/* Publisher Instruction============= Css=====End */




:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm-hover"] #Partners {
    animation: smooth-appear 1s ease forwards;
}

:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm-hover"] #Campaigns_nav {
    -webkit-transition: all .1s;
    transition: all .1s;
}

:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm-hover"] #reports_nav {
    -webkit-transition: all .1s;
    transition: all .1s;
}

:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm-hover"] #report_Campaigns {
    -webkit-transition: all .1s;
    transition: all .1s;
}

:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm-hover"] #report_Suppliers {
    -webkit-transition: all .1s;
    transition: all .1s;
}

:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm-hover"] #report_Admin {
    -webkit-transition: all .1s;
    transition: all .1s;
}

:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm-hover"] #sidebarSetting {
    -webkit-transition: all .1s;
    transition: all .1s;
}


/* Create Account Page CSS =====================ENd*/


:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm-hover"] .left_side01 {
    left: 80px;
}

:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar="dark"][data-sidebar-size="lg"] .left_side01 {
    left: 260px;
}

:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm-hover"] {
    min-height: 100% !important;
}

    :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm-hover"] .right_side01 {
        width: 84%;
        right: -230px;
    }

:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar="dark"][data-sidebar-size="sm-hover"] .page-title-box {
    width: 95.5% !important;
}

:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar="dark"][data-sidebar-size="lg"] .page-title-box {
    width: 83.7% !important;
}


:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar="dark"][data-sidebar-size="lg"] .page-title-box_instruction01 {
    width: 83.7% !important;
}

:is([data-layout="vertical"], [data-layout="semibox"]):is([data-sidebar-size="sm-hover"], [data-sidebar-size="sm-hover-active"]) .page-title-box_instruction01 {
    width: 95.5%;
}




/* media Query Start Here================================================= */

@media screen and (max-width: 1280px) {
    /* :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar="dark"][data-sidebar-size="lg"] .page-title-box {width: 82% !important;} */

    :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar="dark"][data-sidebar-size="lg"] .page-title-box {
        width: 81% !important;
    }

    :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar="dark"][data-sidebar-size="sm-hover"] .page-title-box {
        width: 94.5% !important;
    }

    .left_side01 {
        width: 215px;
    }

    .right_side01 {
        width: 77.6%;
    }

    :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm-hover"] .right_side01 {
        right: -215px;
    }

    :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm-hover"] .right_side01 {
        width: 82.5%;
    }

    .forCtrl h2 {
        font-size: 15px;
    }

    .dash_conPart01 p {
        font-size: 10px;
    }

    .page-title-box_instruction01 {
        width: 95%;
    }

    .fordevice01 {
        width: 100% !important;
    }

    .genderDash {
        width: 48% !important;
        float: left;
    }

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

    .form-select-custom {
        padding: .5rem .3rem .5rem .5rem !important;
        background-position: right .3rem center;
    }

    .smDevicesSearch {
        width: 145px;
        padding: 0 !important;
        margin-right: -3px;
    }

    .smDevices {
        width: 140px;
        padding: 0 !important;
        margin-right: 8px;
    }

    .smDevicesUL {
        padding: 0;
    }

    .smDevices01 {
        width: 98px;
        padding: 0px;
    }

    .smDevices02 {
        padding: 0;
        width: 170px !important;
        margin-right: 8px;
    }

    .smDevices03 {
        width: 72px !important;
        padding: 0 !important;
        margin-left: 8px;
    }

    .report_page01 ul li {
        padding: 0 2px;
    }

    .smDevicesSearch input {
        font-size: 11px !important;
    }

    .smDevices input {
        font-size: 11px !important;
    }

    .smDevices span {
        font-size: 11px !important;
        height: 38px !important;
    }

    .smDevices select {
        font-size: 11px !important;
    }

    .smDevices01 input {
        font-size: 11px !important;
    }

    .smDevices01 select {
        font-size: 11px !important;
        height: 38px !important;
    }

    .smDevices02 input {
        font-size: 11px !important;
        padding: 0 10px !important;
    }

    .smDevices02 select {
        font-size: 11px !important;
    }

    .smDevices03 input {
        font-size: 11px !important;
    }

    .smDevices03 select {
        font-size: 11px !important;
    }
    /* .smDevices03 a {font-size: 11px !important; padding: 0.5rem 0.9rem; min-width: 80px !important;} */
    .smDevices03 a {
        font-size: 11px !important;
        padding: 0.6rem 0.9rem;
        min-width: 90px !important;
    }

    .input-prefix01 {
        top: 11px;
        right: 11px !important;
    }

    :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar="dark"][data-sidebar-size="sm-hover"] .page-title-box_instruction01 {
        width: 95% !important;
    }

    :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar="dark"][data-sidebar-size="lg"] .page-title-box_instruction01 {
        width: 81% !important;
    }

    :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar="dark"][data-sidebar-size="sm-hover"] .page-title-right {
        padding-right: 0px;
    }
    /* :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar="dark"][data-sidebar-size="lg"] .page-title-right {padding-right: 20px;} */
    .conversion_Sample {
        width: 200px;
    }

    .conversion_SamplePart {
        width: 200px;
    }

    .dettingDropdpwnCustom02 li {
        margin: 0 !important;
    }

    .optin_img01 img {
        width: 100%;
        max-width: 100%;
        min-width: 100%;
    }

    .customLeadloopSize {
        width: 220px !important;
        padding: 5px;
        margin: 0;
    }

    .customLeadloopSizeNew01 {
        width: 185px !important;
        padding: 5px;
        margin: 0;
    }

    .adleadlookupToggle {
        width: 200px !important;
    }

    .adleadlookupCalender {
        width: 220px !important;
    }

    .integrationPartNew01 {
        width: 750px;
    }

    .integrationPartMainDiv {
        width: 257px;
    }

    .integrationText {
        min-height: 104px;
        height: auto;
    }

    :is([data-layout="vertical"], [data-layout="semibox"]):is([data-sidebar-size="sm-hover"], [data-sidebar-size="sm-hover-active"]) .integrationPartNew01 {
        width: 850px;
    }

    :is([data-layout="vertical"], [data-layout="semibox"]):is([data-sidebar-size="sm-hover"], [data-sidebar-size="sm-hover-active"]) .integrationPartMainDiv {
        width: 290px;
    }

    :is([data-layout="vertical"], [data-layout="semibox"]):is([data-sidebar-size="sm-hover"], [data-sidebar-size="sm-hover-active"]) .integrationText {
        min-height: 95px;
        height: auto;
    }

    .integrationIcon01 {
        font-size: 14px !important;
    }

    .installedDiv h5 {
        font-size: 13px !important;
    }

    .integrationIcon01 i {
        font-size: 16px !important;
    }

    .logo_inte01 {
        width: 40px !important;
    }

    .cardCustomInte {
        height: 170px;
    }

    /* .simplebar-content {height: 650px !important;} */
    .smDevices > .select2 span {
        font-size: 11px !important;
    }

    .smDevicesNew {
        padding-right: 8px !important;
        width: 210px;
        padding-left: 0;
        padding-right: 0 !important;
    }

        .smDevicesNew select {
            font-size: 11px !important;
            height: 38px;
        }

    .smDevices03 a {
        padding: 0.6rem 0.9rem;
    }

    .trustedPart {
        width: 790px;
    }
    /* .trustedPart01 {width: 43%;} */
    .trustedPart02 {
        width: 2%;
    }

    .trustedPart03 {
        width: 48%;
    }

    :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm-hover"] .trustedPart {
        width: 970px;
    }

    :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm-hover"] .trustedPart03 {
        width: 57%;
    }
}


@media screen and (min-width: 1300px) and (max-width: 1349px) {
    :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar="dark"][data-sidebar-size="lg"] .page-title-box {
        width: 81% !important;
    }

    :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar="dark"][data-sidebar-size="sm-hover"] .page-title-box {
        width: 94.5% !important;
    }

    :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm-hover"] .right_side01 {
        width: 81%;
    }

    .right_side01 {
        width: 78%;
    }

    .trustedPart {
        width: 790px;
    }
    /* .trustedPart01 {width: 40%;} */
    .trustedPart02 {
        width: 4%;
    }

    .trustedPart03 {
        width: 48%;
    }

    :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm-hover"] .trustedPart {
        width: 970px;
    }
}


@media screen and (min-width: 1366px) and (max-width: 1439px) {
    :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar="dark"][data-sidebar-size="lg"] .page-title-box {
        width: 81.7% !important;
    }

    :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar="dark"][data-sidebar-size="sm-hover"] .page-title-box {
        width: 95% !important;
    }

    :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm-hover"] .page-title-box {
        width: 95% !important;
    }

    :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm-hover"] .right_side01 {
        width: 82.9%;
    }

    .right_side01 {
        width: 79%;
    }

    .page-title-box_instruction01 {
        width: 95%;
    }

    .fordevice01 {
        width: 100% !important;
    }

    .genderDash {
        width: 48% !important;
        float: left;
    }

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

    .dash_conPart01 p {
        font-size: 11px;
    }

    .form-select-custom {
        padding: .56rem .3rem .56rem .5rem !important;
        background-position: right .3rem center;
    }

    .smDevicesSearch {
        width: 160px;
        padding: 0 !important;
        margin-right: 8px;
    }

    .smDevices {
        width: 150px;
        padding: 0 !important;
        margin-right: 8px;
    }

    .smDevicesUL {
        padding: 0;
    }

    .smDevices01 {
        width: 98px;
        padding: 0px;
    }

    .smDevices02 {
        padding: 0;
        width: 200px !important;
        margin-right: 8px;
    }

        .smDevices02 input {
            padding: 0 10px !important;
        }

    .smDevices03 {
        width: 83px !important;
        padding: 0 !important;
        margin-left: 8px;
    }

        .smDevices03 a {
            min-width: 110px !important;
        }
    /* .smDevices03 a{padding-left: 2px; padding-right: 2px;} */
    .report_page01 ul li {
        padding: 0 3px;
    }

    .select2-container .select2-selection--single .select2-selection__rendered {
        padding-left: 5px;
        font-size: 13px !important;
    }

    :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar="dark"][data-sidebar-size="sm-hover"] .page-title-box_instruction01 {
        width: 95% !important;
    }

    :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar="dark"][data-sidebar-size="lg"] .page-title-box_instruction01 {
        width: 82% !important;
    }

    .dettingDropdpwnCustom02 li {
        margin: 0 !important;
    }

    .optin_img01 img {
        width: 100%;
        max-width: 100%;
        min-width: 100%;
    }

    .customLeadloopSize {
        width: 220px !important;
        padding: 5px;
        margin: 0;
    }

    .customLeadloopSizeNew01 {
        width: 220px !important;
        padding: 5px;
        margin: 0;
    }

    .adleadlookupToggle {
        width: 200px !important;
    }

    .adleadlookupCalender {
        width: 220px !important;
    }

    .integrationPartNew01 {
        width: 800px;
    }

    .integrationPartMainDiv {
        width: 274px;
    }

    .integrationText {
        min-height: 104px;
        height: auto;
    }

    :is([data-layout="vertical"], [data-layout="semibox"]):is([data-sidebar-size="sm-hover"], [data-sidebar-size="sm-hover-active"]) .integrationPartNew01 {
        width: 950px;
    }

    :is([data-layout="vertical"], [data-layout="semibox"]):is([data-sidebar-size="sm-hover"], [data-sidebar-size="sm-hover-active"]) .integrationPartMainDiv {
        width: 324px;
    }

    :is([data-layout="vertical"], [data-layout="semibox"]):is([data-sidebar-size="sm-hover"], [data-sidebar-size="sm-hover-active"]) .integrationText {
        min-height: 95px;
        height: auto;
    }
    /* .simplebar-content {height: 650px !important;} */

    :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar="dark"][data-sidebar-size="sm-hover"] .smDevices02 input {
        font-size: 14px !important;
    }

    :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar="dark"][data-sidebar-size="sm-hover"] .smDevices02 {
        width: 210px !important;
    }

    :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar="dark"][data-sidebar-size="sm-hover"] .smDevices {
        width: 170px !important;
    }

        :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar="dark"][data-sidebar-size="sm-hover"] .smDevices > .select2 span {
            font-size: 14px !important;
        }

    :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar="dark"][data-sidebar-size="sm-hover"] .smDevices01 select {
        font-size: 14px !important;
        padding: 0.53rem !important;
    }

    .smDevices02 input {
        font-size: 13px !important;
    }

    .smDevices01 select {
        font-size: 13px !important;
    }

    .smDevicesNew {
        padding-right: 8px !important;
        width: 240px;
        padding-left: 0;
        padding-right: 0 !important;
    }

        .smDevicesNew select {
            font-size: 13px !important;
            height: 38px;
        }

    .trustedPart {
        width: 870px;
    }

    .trustedPart01 {
        width: 40%;
    }

    .trustedPart02 {
        width: 4%;
    }

    .trustedPart03 {
        width: 56%;
    }

    :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm-hover"] .trustedPart {
        width: 1000px;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1199px) {
    .integrationPartNew01 {
        width: 500px;
    }

    .integrationPartMainDiv {
        width: 257px;
    }

    .integrationText {
        min-height: 104px;
        height: auto;
    }

    :is([data-layout="vertical"], [data-layout="semibox"]):is([data-sidebar-size="sm-hover"], [data-sidebar-size="sm-hover-active"]) .integrationPartNew01 {
        width: 650px;
    }

    :is([data-layout="vertical"], [data-layout="semibox"]):is([data-sidebar-size="sm-hover"], [data-sidebar-size="sm-hover-active"]) .integrationPartMainDiv {
        width: 335px;
    }

    :is([data-layout="vertical"], [data-layout="semibox"]):is([data-sidebar-size="sm-hover"], [data-sidebar-size="sm-hover-active"]) .integrationText {
        min-height: 95px;
        height: auto;
    }

    :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar="dark"][data-sidebar-size="lg"] .page-title-box {
        width: 76% !important;
    }

    :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar="dark"][data-sidebar-size="sm-hover"] .page-title-box {
        width: 93% !important;
    }

    .smDevices > .select2 span {
        font-size: 11px !important;
    }

    .smDevicesNew {
        padding-right: 8px !important;
        width: 210px;
        padding-left: 0;
        padding-right: 0 !important;
    }

        .smDevicesNew select {
            font-size: 11px !important;
            height: 38px;
        }

    .trustedPart {
        width: 100%;
    }

    .trustedPart01 {
        width: 46%;
    }

    .trustedPart02 {
        width: 2%;
    }

    .trustedPart03 {
        width: 50%;
    }

    :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm-hover"] .trustedPart {
        width: 720px;
    }
}

@media screen and (min-width: 1200px) and (max-width: 1278px) {
    .integrationPartNew01 {
        width: 670px;
    }

    .integrationPartMainDiv {
        width: 228px;
    }

    .integrationText {
        min-height: 104px;
        height: auto;
    }

    :is([data-layout="vertical"], [data-layout="semibox"]):is([data-sidebar-size="sm-hover"], [data-sidebar-size="sm-hover-active"]) .integrationPartNew01 {
        width: 820px;
    }

    :is([data-layout="vertical"], [data-layout="semibox"]):is([data-sidebar-size="sm-hover"], [data-sidebar-size="sm-hover-active"]) .integrationPartMainDiv {
        width: 280px;
    }

    :is([data-layout="vertical"], [data-layout="semibox"]):is([data-sidebar-size="sm-hover"], [data-sidebar-size="sm-hover-active"]) .integrationText {
        min-height: 95px;
        height: auto;
    }
    /* .simplebar-content {height: 650px !important;} */

    .smDevices > .select2 span {
        font-size: 11px !important;
    }

    :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar="dark"][data-sidebar-size="sm-hover"] .smDevices02 input {
        font-size: 13px !important;
    }

    :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar="dark"][data-sidebar-size="sm-hover"] .smDevices02 {
        width: 200px !important;
    }

    :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar="dark"][data-sidebar-size="sm-hover"] .smDevices {
        width: 170px !important;
    }

        :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar="dark"][data-sidebar-size="sm-hover"] .smDevices > .select2 span {
            font-size: 13px !important;
        }

    :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar="dark"][data-sidebar-size="sm-hover"] .smDevices01 select {
        font-size: 13px !important;
        padding: 0.53rem !important;
    }

    .smDevicesNew {
        padding-right: 8px !important;
        width: 210px;
        padding-left: 0;
        padding-right: 0 !important;
    }

        .smDevicesNew select {
            font-size: 11px !important;
            height: 38px;
        }

    .trustedPart {
        width: 710px;
    }

    .trustedPart01 {
        width: 48%;
    }

    .trustedPart02 {
        width: 2%;
    }

    .trustedPart03 {
        width: 47%;
    }

    :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm-hover"] .trustedPart {
        width: 900px;
    }
}

@media screen and (min-width: 1350px) and (max-width: 1365px) {
    .trustedPart {
        width: 850px;
    }

    .trustedPart02 {
        width: 5%;
    }

    .trustedPart03 {
        width: 48%;
    }

    :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm-hover"] .trustedPart {
        width: 1000px;
    }

    :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm-hover"] .trustedPart03 {
        width: 57%;
    }
}

@media screen and (min-width: 1280px) and (max-width: 1350px) {
    .rightFlowChart {
        width: 550px !important;
    }

        .rightFlowChart ul {
            width: 240px !important;
        }

    .chart_design h1 {
        font-size: 13px !important;
    }

    .flow-arrow02 img {
        height: 32px !important;
    }

    .trueBtnMain01 {
        width: 260px !important;
    }

    .falseBtnMain01 {
        width: 260px !important;
    }

    .trueBtnMain01 ul li {
        width: 240px !important;
        padding: 0;
        margin: 0;
    }

    .falseBtnMain01 ul li {
        width: 240px !important;
        padding: 0;
        margin: 0;
    }

    .leftFlowChart {
        width: 340px !important;
        float: right !important;
        position: absolute !important;
        top: 0;
        right: 13px !important;
    }

    #MainFlowContainer .UI_FlowBox_Plus_MenuOptionsOpen > .dropdown-menu01 {
        left: 0px !important;
        width: 160px !important;
        font-size: 13px !important;
    }

    .dropdown-menu01 {
        width: 160px !important;
        left: 0px !important;
        font-size: 13px !important;
    }

    .trueBtnMain01 > .UI_FlowBox_Plus_MenuOptionsOpen > .dropdown-menu01 {
        left: 0px !important;
        font-size: 13px !important;
    }

    .falseBtnMain01 > .UI_FlowBox_Plus_MenuOptionsOpen > .dropdown-menu01 {
        left: 0px !important;
        font-size: 13px !important;
    }

    .dettingDropdpwn01 li {
        float: inherit !important;
        right: 69px !important;
    }

    .dettingDropdpwn01 li {
        max-width: 100px !important;
    }

    .plan_part h3 {
        font-size: 14px;
    }

    .plan_part a {
        margin: 15px 0px;
        font-size: 12px !important;
    }

    .planName h1 {
        font-size: 16px;
    }

    .page-title-box_instruction01 {
        width: 95%;
    }

    .customLeadloopSize {
        width: 220px !important;
        padding: 5px;
        margin: 0;
    }

    .customLeadloopSizeNew01 {
        width: 185px !important;
        padding: 5px;
        margin: 0;
    }

    .adleadlookupToggle {
        width: 200px !important;
    }

    .adleadlookupCalender {
        width: 220px !important;
    }

    .fordevice01 {
        width: 100% !important;
    }

    .genderDash {
        width: 48% !important;
        float: left;
    }

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

    .dash_conPart01 p {
        font-size: 11px;
    }

    .avatar-sm_001 {
        width: 2rem;
        height: 2rem;
    }

    .form-select-custom {
        padding: .5rem .3rem .5rem .5rem !important;
        background-position: right .3rem center;
    }

    .smDevicesSearch {
        width: 145px;
        padding: 0 !important;
        margin-right: -3px;
    }

    .smDevices {
        width: 140px;
        padding: 0 !important;
        margin-right: 8px;
    }

    .smDevicesUL {
        padding: 0;
    }

    .smDevices01 {
        width: 98px;
        padding: 0px;
    }

    .smDevices02 {
        padding: 0;
        width: 170px !important;
        margin-right: 8px;
    }

    .smDevices03 {
        width: 72px !important;
        padding: 0 !important;
        margin-left: 8px;
    }

    .report_page01 ul li {
        padding: 0 2px;
    }

    .smDevicesSearch input {
        font-size: 11px !important;
    }

    .smDevices input {
        font-size: 11px !important;
    }

    .smDevices span {
        font-size: 11px !important;
        height: 38px !important;
    }

    .smDevices select {
        font-size: 11px !important;
    }

    .smDevices01 input {
        font-size: 11px !important;
    }

    .smDevices01 select {
        font-size: 11px !important;
        height: 38px !important;
    }

    .smDevices02 input {
        font-size: 11px !important;
        padding: 0 10px !important;
    }

    .smDevices02 select {
        font-size: 11px !important;
    }

    .smDevices03 input {
        font-size: 11px !important;
    }

    .smDevices03 select {
        font-size: 11px !important;
    }

    .smDevices03 a {
        font-size: 11px !important;
        padding: 0.6rem 0.9rem;
        min-width: 90px !important;
    }

    .input-prefix01 {
        top: 11px;
        right: 11px !important;
    }

    .conversion_Sample {
        width: 200px;
    }

    .conversion_SamplePart {
        width: 200px;
    }
    /* step screen responsive ---start */
    .StepContent h2 {
        font-size: 22px;
        margin-bottom: 7px;
    }

    .StepContent p {
        font-size: 19px;
        padding-bottom: 10px !important;
    }

    .StepContentBtn > .mb-4 {
        margin-bottom: 12px !important;
    }

    .StepContentBtnNew p {
        font-size: 19px;
        padding-bottom: 14px !important;
        padding: 12px 10px;
    }

    .otpPart {
        padding: 10px;
        height: 60px;
        max-width: 350px;
    }

    .StepContentBtn a {
        font-size: 14px;
    }

    .StepContentBtn img {
        width: 20px;
        height: auto;
    }

    .StepContentBtn .col-sm-4 {
        width: 195px !important;
    }

    .StepContentBtn {
        width: 390px;
    }

    .createStep02 {
        width: 870px !important;
    }

    .StepContentBtnNew {
        width: 480px;
    }
    /* .card-body_02 >.card-body > .row {position: absolute;} */
    .digit01 {
        margin-right: 7px;
        margin-left: 7px;
        width: 40px;
        height: auto !important;
        font-size: 25px;
    }

        .digit01 input {
            width: 31px !important;
        }

    .StepMainPart {
        padding: 10px 0 10px 0;
    }

    .logo_part01 img {
        width: 115px;
    }
    /* step screen responsive ---End */
    .dettingDropdpwnCustom02 li {
        margin: 0 !important;
    }

    .optin_img01 img {
        width: 100%;
        max-width: 100%;
        min-width: 100%;
    }
    /* .integrationPartMainDiv {width: 260px;} */
    .integrationPartNew01 {
        width: 750px;
    }

    .integrationPartMainDiv {
        width: 257px;
    }

    .integrationText {
        min-height: 104px;
        height: auto;
    }

    :is([data-layout="vertical"], [data-layout="semibox"]):is([data-sidebar-size="sm-hover"], [data-sidebar-size="sm-hover-active"]) .integrationPartNew01 {
        width: 850px;
    }

    :is([data-layout="vertical"], [data-layout="semibox"]):is([data-sidebar-size="sm-hover"], [data-sidebar-size="sm-hover-active"]) .integrationPartMainDiv {
        width: 290px;
    }

    :is([data-layout="vertical"], [data-layout="semibox"]):is([data-sidebar-size="sm-hover"], [data-sidebar-size="sm-hover-active"]) .integrationText {
        min-height: 95px;
        height: auto;
    }

    .integrationIcon01 {
        font-size: 14px !important;
    }

    .installedDiv h5 {
        font-size: 13px !important;
    }

    .integrationIcon01 i {
        font-size: 16px !important;
    }

    .logo_inte01 {
        width: 40px !important;
    }

    .cardCustomInte {
        height: 170px;
    }
    /* .simplebar-content {height: 650px !important;} */

    :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar="dark"][data-sidebar-size="sm-hover"] .smDevices02 input {
        font-size: 14px !important;
    }

    :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar="dark"][data-sidebar-size="sm-hover"] .smDevices02 {
        width: 210px !important;
    }

    :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar="dark"][data-sidebar-size="sm-hover"] .smDevices {
        width: 170px !important;
    }

        :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar="dark"][data-sidebar-size="sm-hover"] .smDevices > .select2 span {
            font-size: 14px !important;
        }

    :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar="dark"][data-sidebar-size="sm-hover"] .smDevices01 select {
        font-size: 14px !important;
        padding: 0.53rem !important;
    }

    :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar="dark"][data-sidebar-size="sm-hover"] .smDevices01 {
        width: 105px !important;
    }

    :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar="dark"][data-sidebar-size="sm-hover"] .smDevices03 a {
        font-size: 14px !important;
        padding: 0.46rem 0.9rem;
        min-width: 110px !important;
    }

    .smDevicesNew {
        padding-right: 8px !important;
        width: 210px;
        padding-left: 0;
        padding-right: 0 !important;
    }

        .smDevicesNew select {
            font-size: 11px !important;
            height: 38px;
        }
}

@media screen and (min-width: 1366px) and (max-width: 1399px) {
    .leftFlowChart {
        width: 460px !important;
        float: right !important;
        position: absolute !important;
        top: 0;
        right: 4px !important;
    }

    .rightFlowChart {
        width: 610px !important;
    }

        .rightFlowChart ul {
            width: 280px !important;
        }

    .chart_design h1 {
        font-size: 13px !important;
    }

    .flow-arrow02 img {
        height: 34px !important;
    }

    .trueBtnMain01 {
        width: 300px !important;
    }

    .falseBtnMain01 {
        width: 300px !important;
    }

    .trueBtnMain01 ul li {
        width: 255px !important;
        padding: 0;
    }

    .falseBtnMain01 ul li {
        width: 255px !important;
        padding: 0;
    }
    /*   .leftFlowChart {width: 340px !important;float: right !important; position: absolute !important; top: 0; right: 13px !important;} */
    #MainFlowContainer .UI_FlowBox_Plus_MenuOptionsOpen > .dropdown-menu01 {
        left: 0px !important;
        width: 160px !important;
        font-size: 13px !important;
    }

    .dropdown-menu01 {
        width: 160px !important;
        left: 0px !important;
        font-size: 13px !important;
    }

    .trueBtnMain01 > .UI_FlowBox_Plus_MenuOptionsOpen > .dropdown-menu01 {
        left: 0px !important;
    }

    .falseBtnMain01 > .UI_FlowBox_Plus_MenuOptionsOpen > .dropdown-menu01 {
        left: 0px !important;
    }

    .dash_conPart01 p {
        font-size: 11px;
    }

    .form-select-custom {
        padding: .56rem .3rem .56rem .5rem !important;
        background-position: right .3rem center;
    }

    .smDevicesSearch {
        width: 160px;
        padding: 0 !important;
        margin-right: -3px;
    }

    .smDevices {
        width: 150px;
        padding: 0 !important;
        margin-right: 8px;
    }

    .smDevicesUL {
        padding: 0;
    }

    .smDevices01 {
        width: 105px;
        padding: 0px;
    }

    .smDevices02 {
        padding: 0;
        width: 200px !important;
        margin-right: 8px;
    }

        .smDevices02 input {
            padding: 0 10px !important;
        }

    .smDevices03 {
        width: 83px !important;
        padding: 0 !important;
        margin-left: 8px;
    }

        .smDevices03 a {
            min-width: 110px !important;
        }
    /* .smDevices03 a{padding-left: 2px; padding-right: 2px;} */
    .report_page01 ul li {
        padding: 0 3px;
    }

    .select2-container .select2-selection--single .select2-selection__rendered {
        padding-left: 5px;
        font-size: 13px !important;
    }

    :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar="dark"][data-sidebar-size="sm-hover"] .page-title-right {
        padding-right: 0px;
    }

    :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar="dark"][data-sidebar-size="lg"] .page-title-right {
        padding-right: 0px;
    }
    /* step screen responsive ---start */
    .StepContent h2 {
        font-size: 22px;
        margin-bottom: 11px;
    }

    .StepContent p {
        font-size: 19px;
        padding-bottom: 25px !important;
    }

    .StepContentBtn > .mb-4 {
        margin-bottom: 12px !important;
    }

    .StepContentBtnNew p {
        font-size: 19px;
        padding-bottom: 14px !important;
        padding: 12px 10px;
    }

    .otpPart {
        padding: 10px;
        height: 60px;
        max-width: 350px;
    }

    .StepContentBtn a {
        font-size: 14px;
    }

    .StepContentBtn img {
        width: 20px;
        height: auto;
    }

    .StepContentBtn .col-sm-4 {
        width: 195px !important;
    }

    .StepContentBtn {
        width: 390px;
    }

    .createStep02 {
        width: 870px !important;
    }

    .StepContentBtnNew {
        width: 480px;
    }
    /* .card-body_02 >.card-body > .row {position: absolute;} */
    .digit01 {
        margin-right: 7px;
        margin-left: 7px;
        width: 40px;
        height: auto !important;
        font-size: 25px;
    }

        .digit01 input {
            width: 32px !important;
        }

    .StepMainPart {
        padding: 10px 0 10px 0;
    }

    .logo_part01 img {
        width: 115px;
    }
    /* step screen responsive ---End */
    .dettingDropdpwnCustom02 li {
        margin: 0 !important;
    }

    .optin_img01 img {
        width: 100%;
        max-width: 100%;
        min-width: 100%;
    }

    .customLeadloopSize {
        width: 220px !important;
        padding: 5px;
        margin: 0;
    }

    .customLeadloopSizeNew01 {
        width: 205px !important;
        padding: 5px;
        margin: 0;
    }

    .adleadlookupToggle {
        width: 200px !important;
    }

    .adleadlookupCalender {
        width: 220px !important;
    }

    .integrationPartNew01 {
        width: 800px;
    }

    .integrationPartMainDiv {
        width: 274px;
    }

    .integrationText {
        min-height: 104px;
        height: auto;
    }

    :is([data-layout="vertical"], [data-layout="semibox"]):is([data-sidebar-size="sm-hover"], [data-sidebar-size="sm-hover-active"]) .integrationPartNew01 {
        width: 950px;
    }

    :is([data-layout="vertical"], [data-layout="semibox"]):is([data-sidebar-size="sm-hover"], [data-sidebar-size="sm-hover-active"]) .integrationPartMainDiv {
        width: 324px;
    }

    :is([data-layout="vertical"], [data-layout="semibox"]):is([data-sidebar-size="sm-hover"], [data-sidebar-size="sm-hover-active"]) .integrationText {
        min-height: 95px;
        height: auto;
    }

    :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm-hover"] .page-title-box {
        width: 95%;
    }

    :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar="dark"][data-sidebar-size="sm-hover"] .smDevices02 input {
        font-size: 14px !important;
    }

    :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar="dark"][data-sidebar-size="sm-hover"] .smDevices02 {
        width: 210px !important;
    }

    :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar="dark"][data-sidebar-size="sm-hover"] .smDevices {
        width: 170px !important;
    }

        :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar="dark"][data-sidebar-size="sm-hover"] .smDevices > .select2 span {
            font-size: 14px !important;
        }

    :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar="dark"][data-sidebar-size="sm-hover"] .smDevices01 select {
        font-size: 14px !important;
        padding: 0.53rem !important;
    }

    .smDevices02 input {
        font-size: 13px !important;
    }

    .smDevices01 select {
        font-size: 13px !important;
    }

    .smDevicesNew {
        padding-right: 8px !important;
        width: 240px;
        padding-left: 0;
        padding-right: 0 !important;
    }

        .smDevicesNew select {
            font-size: 13px !important;
            height: 38px;
        }

    .trustedPart {
        width: 870px;
    }

    .trustedPart02 {
        width: 5%;
    }

    .trustedPart03 {
        width: 51%;
    }

    :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm-hover"] .trustedPart {
        width: 1000px;
    }

    :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm-hover"] .trustedPart03 {
        width: 57%;
    }
}

@media screen and (min-width: 1400px) and (max-width: 1430px) {
    .leftFlowChart {
        width: 470px !important;
        float: right !important;
        position: absolute !important;
        top: 0;
        right: 17px !important;
    }

    .rightFlowChart {
        width: 610px !important;
    }

        .rightFlowChart ul {
            width: 270px !important;
        }

    .chart_design h1 {
        font-size: 13px !important;
    }

    .flow-arrow02 img {
        height: 34px !important;
    }

    .trueBtnMain01 {
        width: 295px !important;
    }

    .falseBtnMain01 {
        width: 295px !important;
    }

    .trueBtnMain01 ul li {
        width: 260px !important;
        padding: 0;
        margin: 0;
    }

    .dettingDropdpwnCustom02 li {
        margin: 0 auto !important;
    }

    .falseBtnMain01 ul li {
        width: 260px !important;
        padding: 0;
        margin: 0;
    }

    #MainFlowContainer .UI_FlowBox_Plus_MenuOptionsOpen > .dropdown-menu01 {
        left: 0px !important;
        width: 160px !important;
        font-size: 13px !important;
    }

    .dropdown-menu01 {
        width: 160px !important;
        left: 0px !important;
        font-size: 13px !important;
    }

    .trueBtnMain01 > .UI_FlowBox_Plus_MenuOptionsOpen > .dropdown-menu01 {
        left: 0px !important;
    }

    .falseBtnMain01 > .UI_FlowBox_Plus_MenuOptionsOpen > .dropdown-menu01 {
        left: 0px !important;
    }

    .form-select-custom {
        padding: .5rem .3rem .5rem .5rem !important;
        background-position: right .3rem center;
    }

    .smDevicesSearch {
        width: 175px;
        padding: 0 !important;
        margin-right: -3px;
    }

    .smDevices {
        width: 155px;
        padding: 0 !important;
        margin-right: 8px;
    }

    .smDevicesUL {
        padding: 0;
    }

    .smDevices01 {
        width: 101px;
        padding: 0px;
    }

    .smDevices02 {
        padding: 0;
        width: 210px !important;
        margin-right: 8px;
    }

    .smDevices03 {
        width: 100px !important;
        padding: 0 !important;
        margin-left: 8px;
    }

        .smDevices03 a {
            min-width: 110px !important;
            font-size: 13px;
        }

    .select2-container .select2-selection--single .select2-selection__rendered {
        padding-left: 5px;
        font-size: 13px !important;
    }

    :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar="dark"][data-sidebar-size="sm-hover"] .page-title-right {
        padding-right: 5px;
    }

    :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar="dark"][data-sidebar-size="lg"] .page-title-right {
        padding-right: 0px;
    }
    /* step screen responsive ---start */
    .StepContent h2 {
        font-size: 25px;
        margin-bottom: 15px;
    }

    .StepContent p {
        font-size: 19px;
        padding-bottom: 25px !important;
    }

    .StepContentBtn > .mb-4 {
        margin-bottom: 12px !important;
    }

    .StepContentBtnNew p {
        font-size: 19px;
        padding-bottom: 14px !important;
        padding: 12px 10px;
    }

    .otpPart {
        padding: 10px;
        height: 60px;
        max-width: 350px;
    }

    .StepContentBtn a {
        font-size: 14px;
    }

    .StepContentBtn img {
        width: 20px;
        height: auto;
    }

    .StepContentBtn .col-sm-4 {
        width: 195px !important;
    }

    .StepContentBtn {
        width: 390px;
    }

    .createStep02 {
        width: 950px !important;
    }

    .StepContentBtnNew {
        width: 480px;
    }

    .digit01 {
        margin-right: 7px;
        margin-left: 7px;
        width: 40px;
        height: auto !important;
        font-size: 25px;
    }

        .digit01 input {
            width: 32px !important;
        }

    .StepMainPart {
        padding: 10px 0 10px 0;
    }

    .logo_part01 img {
        width: 115px;
    }
    /* step screen responsive ---End */
    .dettingDropdpwnCustom02 li {
        margin: 0 !important;
    }

    .optin_img01 img {
        width: 100%;
        max-width: 100%;
        min-width: 100%;
    }

    .customLeadloopSize {
        width: 220px !important;
        padding: 5px;
        margin: 0;
    }

    .customLeadloopSizeNew01 {
        width: 220px !important;
        padding: 5px;
        margin: 0;
    }

    .adleadlookupToggle {
        width: 200px !important;
    }

    .adleadlookupCalender {
        width: 220px !important;
    }

    :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar="dark"][data-sidebar-size="lg"] .page-title-box {
        width: 82.8% !important;
    }

    :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm-hover"] .page-title-box {
        width: 95.0% !important;
    }

    .integrationPartNew01 {
        width: 910px;
    }

    .integrationPartMainDiv {
        width: 310px;
    }
    /* .simplebar-content {height: 650px !important;} */
    /* .navbar-menu .navbar-nav .nav-link {padding: .525rem 1.2rem !important;} */

    .smDevices02 input {
        font-size: 13px !important;
    }

    :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar="dark"][data-sidebar-size="sm-hover"] .smDevices02 input {
        font-size: 14px !important;
    }

    :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar="dark"][data-sidebar-size="sm-hover"] .smDevices02 {
        width: 210px !important;
    }

    :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar="dark"][data-sidebar-size="sm-hover"] .smDevices {
        width: 170px !important;
    }

        :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar="dark"][data-sidebar-size="sm-hover"] .smDevices > .select2 span {
            font-size: 14px !important;
        }

    :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar="dark"][data-sidebar-size="sm-hover"] .smDevices01 select {
        font-size: 14px !important;
        padding: 0.53rem !important;
    }

    .smDevicesNew {
        padding-right: 8px;
        width: 240px;
    }

        .smDevicesNew select {
            font-size: 13px !important;
            height: 38px;
        }

    .trustedPart {
        width: 890px;
    }

    .trustedPart02 {
        width: 5%;
    }

    .trustedPart03 {
        width: 50%;
    }

    :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm-hover"] .trustedPart {
        width: 1050px;
    }

    :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm-hover"] .trustedPart03 {
        width: 59%;
    }
}


@media screen and (min-width: 1440px) and (max-width: 1490px) {
    .smDevicesSearch {
        width: 145px !important;
        padding-right: 0px !important;
    }

    .smDevices {
        width: 180px !important;
        padding-right: 0 !important;
    }

    .smDevices02 {
        width: 222px !important;
        padding-right: 0 !important;
        padding-left: 0;
    }

    .smDevices01 {
        width: 125px !important;
        padding-right: 0 !important;
    }

    .report_page01 ul {
        padding: 0 !important;
    }

    :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar="dark"][data-sidebar-size="sm-hover"] .smDevices02 input {
        font-size: 14px !important;
    }

    :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar="dark"][data-sidebar-size="sm-hover"] .smDevices02 {
        width: 230px !important;
    }

    :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar="dark"][data-sidebar-size="sm-hover"] .smDevices {
        width: 185px !important;
    }

        :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar="dark"][data-sidebar-size="sm-hover"] .smDevices > .select2 span {
            font-size: 14px !important;
        }

    :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar="dark"][data-sidebar-size="sm-hover"] .smDevices01 select {
        font-size: 14px !important;
        padding: 0.53rem !important;
    }

    :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar="dark"][data-sidebar-size="lg"] .page-title-box {
        width: 82.7% !important;
    }

    .trustedPart {
        width: 940px;
    }

    .trustedPart02 {
        width: 5%;
    }

    .trustedPart03 {
        width: 54%;
    }

    :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm-hover"] .trustedPart {
        width: 1100px;
    }

    :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm-hover"] .trustedPart03 {
        width: 60%;
    }
}

@media screen and (min-width: 1500px) and (max-width: 1590px) {
    .smDevicesSearch {
        width: 180px !important;
        padding-right: 0px !important;
    }

    .smDevices {
        width: 180px !important;
        padding-right: 0 !important;
    }

    .smDevices02 {
        width: 230px !important;
        padding-right: 0 !important;
        padding-left: 0;
    }

    .smDevices01 {
        width: 125px !important;
        padding-right: 0 !important;
    }

    .report_page01 ul {
        padding: 0 !important;
    }

    :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar="dark"][data-sidebar-size="sm-hover"] .smDevices02 input {
        font-size: 14px !important;
    }

    :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar="dark"][data-sidebar-size="sm-hover"] .smDevices02 {
        width: 230px !important;
    }

    :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar="dark"][data-sidebar-size="sm-hover"] .smDevices {
        width: 185px !important;
    }

        :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar="dark"][data-sidebar-size="sm-hover"] .smDevices > .select2 span {
            font-size: 14px !important;
        }

    :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar="dark"][data-sidebar-size="sm-hover"] .smDevices01 select {
        font-size: 14px !important;
        padding: 0.53rem !important;
    }

    .trustedPart {
        width: 1000px;
    }

    .trustedPart02 {
        width: 5%;
    }

    .trustedPart03 {
        width: 56%;
    }

    :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm-hover"] .trustedPart {
        width: 1140px;
    }

    :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm-hover"] .trustedPart03 {
        width: 62%;
    }


    .deviceSize {
        width: 300px;
    }
}

@media screen and (min-width: 1600px) and (max-width: 1919px) {
    .smDevicesSearch {
        width: 220px !important;
        padding-right: 0px !important;
    }

    .smDevices {
        width: 180px !important;
        padding-right: 0 !important;
    }

    .smDevices02 {
        width: 230px !important;
        padding-right: 0 !important;
        padding-left: 0;
    }

    .smDevices01 {
        width: 135px !important;
        padding-right: 0 !important;
    }

    .report_page01 ul {
        padding: 0 !important;
    }

    :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar="dark"][data-sidebar-size="lg"] .page-title-box {
        width: 85% !important;
    }

    :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar="dark"][data-sidebar-size="sm-hover"] .page-title-box {
        width: 96% !important;
    }

    .optin_img01 img {
        width: 100%;
        max-width: 100%;
        min-width: 100%;
    }

    .side-container {
        top: 300px !important;
    }
    /* .simplebar-content {height: 600px !important;background: #fff !important;} */

    .trustedPart {
        width: 1100px;
    }

    .trustedPart02 {
        width: 5%;
    }

    .trustedPart03 {
        width: 58%;
    }

    :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm-hover"] .trustedPart {
        width: 1200px;
    }

    :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm-hover"] .trustedPart03 {
        width: 63%;
    }


    .deviceSize {
        width: 300px;
    }
}

@media screen and (min-width: 1920px) {

    :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar="dark"][data-sidebar-size="lg"] .page-title-box {
        width: 87% !important;
    }

    :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar="dark"][data-sidebar-size="sm-hover"] .page-title-box {
        width: 97% !important;
    }

    :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm"] .right_side01 {
        width: 87.4%;
        right: -230px;
    }

    .right_side01 {
        width: 86.4%;
    }

    :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar="dark"][data-sidebar-size="lg"] .page-title-box_instruction01 {
        width: 87% !important;
    }

    :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar="dark"][data-sidebar-size="sm-hover"] .page-title-box_instruction01 {
        width: 97% !important;
    }

    :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm-hover"] .page-title-box {
        width: 96.3% !important;
    }

    .leftFlowChart {
        width: 480px !important;
    }

    .smDevicesSearch {
        width: 270px;
    }

    .smDevices {
        width: 270px;
        padding-right: 0;
    }

    .smDevices01 {
        width: 160px;
    }

    :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar="dark"][data-sidebar-size="sm-hover"] .page-title-right {
        padding-right: 12px;
    }

    :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar="dark"][data-sidebar-size="lg"] .page-title-right {
        padding-right: 0px;
    }

    .billingPartMain {
        max-width: 1440px;
    }

    .integrationPartNew01 {
        width: 1276px;
    }

    .integrationPartMainDiv {
        width: 324px;
    }

    :is([data-layout="vertical"], [data-layout="semibox"]):is([data-sidebar-size="sm-hover"], [data-sidebar-size="sm-hover-active"]) .integrationPartNew01 {
        width: 1470px;
    }

    :is([data-layout="vertical"], [data-layout="semibox"]):is([data-sidebar-size="sm-hover"], [data-sidebar-size="sm-hover-active"]) .integrationPartMainDiv {
        width: 298px;
    }

    .side-container {
        bottom: 400px !important;
    }

    /* .simplebar-content {background: #fff !important; height: 800px !important;} */
    .smDevices02 {
        padding: 0;
    }

    .trustedPart {
        width: 1410px !important;
    }

    .trustedPart02 {
        width: 5% !important;
    }

    .trustedPart03 {
        width: 69% !important;
    }

    :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm-hover"] .trustedPart {
        width: 1560px !important;
    }

    :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm-hover"] .trustedPart03 {
        width: 70% !important;
    }

    .deviceSize {
        width: 300px;
    }

    :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm-hover"] .right_side01 {
        width: 87.3%;
    }
}


@media screen and (min-width: 2020px) and (max-width: 2850px) {
    :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar="dark"][data-sidebar-size="lg"] .page-title-box {
        width: 90% !important;
    }

    :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar="dark"][data-sidebar-size="sm-hover"] .page-title-box {
        width: 99% !important;
    }

    :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm-hover"] .right_side01 {
        width: 87.4%;
        right: -230px;
    }

    .right_side01 {
        width: 86.4%;
    }

    :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar="dark"][data-sidebar-size="lg"] .page-title-box_instruction01 {
        width: 90% !important;
    }

    :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar="dark"][data-sidebar-size="sm-hover"] .page-title-box_instruction01 {
        width: 99% !important;
    }

    .share_btn01 {
        padding-right: 50px;
    }

    .smDevicesSearch {
        width: 270px;
    }

    .smDevices {
        width: 270px;
    }

    .smDevices01 {
        width: 160px;
    }

    .billingPartMain {
        max-width: 1440px;
    }

    .side-container {
        top: 250px !important;
    }

    .integrationPartNew01 {
        width: 1920px;
    }

    :is([data-layout="vertical"], [data-layout="semibox"]):is([data-sidebar-size="sm-hover"], [data-sidebar-size="sm-hover-active"]) .integrationPartNew01 {
        width: 2070px;
    }

    .trustedPart {
        width: 1410px !important;
    }

    .trustedPart02 {
        width: 5% !important;
    }

    .trustedPart03 {
        width: 69% !important;
    }

    :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm-hover"] .trustedPart {
        width: 1560px !important;
    }

    :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm-hover"] .trustedPart03 {
        width: 70% !important;
    }

    .deviceSize {
        width: 300px;
    }
}

@media screen and (min-width: 3500px) {
    :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar="dark"][data-sidebar-size="lg"] .page-title-box {
        width: 93.5% !important;
    }

    :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar="dark"][data-sidebar-size="sm-hover"] .page-title-box {
        width: 98.2% !important;
    }

    :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar="dark"][data-sidebar-size="lg"] .page-title-box_instruction01 {
        width: 94% !important;
    }

    :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar="dark"][data-sidebar-size="sm-hover"] .page-title-box_instruction01 {
        width: 98.2% !important;
    }

    .share_btn01 {
        padding-right: 50px;
    }

    .billingPartMain {
        max-width: 1440px;
    }

    :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm-hover"] .page-title-box {
        width: 98.1% !important;
    }

    .side-container {
        top: 250px !important;
    }

    .integrationPartNew01 {
        width: 2900px;
    }

    :is([data-layout="vertical"], [data-layout="semibox"]):is([data-sidebar-size="sm-hover"], [data-sidebar-size="sm-hover-active"]) .integrationPartNew01 {
        width: 2960px;
    }

    .trustedPart {
        width: 1410px !important;
    }

    .trustedPart02 {
        width: 5% !important;
    }

    .trustedPart03 {
        width: 69% !important;
    }

    :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm-hover"] .trustedPart {
        width: 1560px !important;
    }

    :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm-hover"] .trustedPart03 {
        width: 70% !important;
    }

    .deviceSize {
        width: 300px;
    }
}


@media screen and (max-width: 600px) {
    .loginStepLeft {
        width: 100%;
        height: auto;
    }

    .loginStepRight {
        width: 100%;
        height: auto;
    }

    .login_step_001 {
        width: 100%;
    }

    :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar="dark"][data-sidebar-size="lg"] .page-title-box {
        width: 100% !important;
    }

    .dash_col_01 {
        width: 50%;
    }

    .dash_col_02 {
        width: 50%;
    }

    .dash_col_03 {
        width: 50%;
    }

    .dash_col_04 {
        width: 50%;
    }

    .dash_col_05 {
        width: 50%;
    }

    .forMblRes {
        width: 33%;
    }

    .forMblRes01 {
        width: 49%;
    }

    .DivMblRes {
        height: auto !important;
        padding-bottom: 20px;
    }

    .DivMblRes {
        height: auto !important;
        width: 100% !important;
    }

    .leftSite_001 h3 {
        font-size: 14px;
    }

    .mblResTime {
        font-size: 7px !important;
        right: 13px !important;
    }

    .helfLeftPart {
        width: 320px !important;
    }

    .helpPart_01 {
        width: 320px;
    }

    .leftSite_001 h3 {
        font-size: 12px;
    }
}

@media screen and (min-width: 350px) and (max-width: 600px) {
    .signup_page {
        width: 360px !important;
    }

    .submitBtn a {
        max-width: 70%;
    }

    .code_option {
        width: 16%;
    }

    .helfLeftPart {
        width: 320px !important;
    }

    .helpPart_01 {
        width: 320px;
    }

    :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar="dark"][data-sidebar-size="lg"] .page-title-box {
        width: 100% !important;
    }

    .leftSite_001 h3 {
        font-size: 12px;
    }

    .leftSite_001 p {
        right: 17px !important;
        top: 42px !important;
        font-size: 8px !important;
    }

    .pipeline01 a {
        top: 15px !important;
        right: 170px !important;
    }
}

@media screen and (min-width: 300px) and (max-width: 345px) {
    .signup_page {
        width: 300px !important;
    }

    .remember_check {
        top: 2px;
        font-size: 10px;
        display: block;
    }

    .submitBtn a {
        max-width: 90%;
    }

    .code_option {
        width: 16%;
    }

    .helfLeftPart {
        width: 320px !important;
    }

    .helpPart_01 {
        width: 320px;
    }

    :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar="dark"][data-sidebar-size="lg"] .page-title-box {
        width: 100% !important;
    }

    .leftSite_001 h3 {
        font-size: 12px;
    }

    .leftSite_001 p {
        right: 17px !important;
        top: 42px !important;
        font-size: 8px !important;
    }

    .pipeline01 a {
        top: 15px !important;
        right: 170px !important;
    }
}




@media screen and (min-width: 1500px) and (max-width: 1590px) {
    .smDevicesPacing {
        width: 270px !important;
    }
}

@media screen and (min-width: 1440px) and (max-width: 1490px) {
    .smDevicesPacing {
        width: 250px !important;
    }

    .select2-container .select2-selection--single .select2-selection__rendered {
        font-size: 13px !important;
    }

    .smDevices02 input {
        font-size: 13px !important;
    }

    .smDevices01 select {
        font-size: 13px !important;
    }
}

@media screen and (min-width: 1400px) and (max-width: 1430px) {
    .smDevicesPacing {
        width: 245px !important;
    }
}

@media screen and (min-width: 1366px) and (max-width: 1399px) {
    .smDevicesPacing {
        width: 240px !important;
    }
}

@media screen and (min-width: 1280px) and (max-width: 1350px) {
    .smDevicesPacing {
        width: 215px !important;
    }
}

@media screen and (min-width: 1600px) and (max-width: 1919px) {
    .smDevicesPacing {
        width: 270px !important;
    }
}


/* Media Queries End Here================================================= End */



.authPartMain {
    width: 100%;
    height: 100vh;
}

.author_Right {
    width: 50%;
    float: right;
    height: 100vh;
    background: #0e2249;
    padding: 20px;
    justify-content: center;
    align-content: center;
    align-items: center;
    display: flex;
}

.author_left {
    width: 50%;
    float: left;
}

.formpart {
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
}

.formpart {
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    height: 100vh;
}

.formpart01 {
    background: white;
    padding: 20px;
    margin: 100px;
    box-shadow: 0px 0px 10px #ccc;
    width: 500px !important;
    max-width: 550px;
}

.author_Right h1 {
    font-size: 39px !important;
    font-weight: 400;
    /* font-family: "Libre Baskerville", serif; */
    text-align: center;
    /* font-family: LibreBaskerville-Bold; */
    line-height: 60px;
}

.author_Right p {
    /* font-family: GlacialIndifference-Regular; */
    font-size: 24px;
    text-align: center;
    padding-top: 25px;
    color: #fff !important;
}

.formpart input {
    padding: 10px 13px !important;
    font-size: 14px !important;
    font-weight: 400;
    /* letter-spacing: 0.7px; */
    color: #535151;
}

.groupNew01 .floating-label {
    font-size: 14px;
    color: #535151;
    position: absolute;
    pointer-events: none;
    top: 11px;
    left: 12px;
    transition: all 0.1s ease;
    font-weight: 400;
    font-size: 13px !important;
}

.alreadyLogin {
    text-align: center;
    padding: 5px 0 !important;
    font-size: 14px !important;
}

.createAccount01 h3 {
    color: #0e2249 !important;
    /* font-family: 'ArialNova-Bold'; */
    font-size: 21px !important;
    margin-bottom: 25px !important;
}

.termPart span {
    font-size: 14px !important;
    line-height: 22px !important;
}

.termPart input {
    padding: 8px !important;
}


.bg-overlay01 {
    position: absolute;
    height: 45.2%;
    width: 100%;
    margin: 0;
    padding: 0;
    background: #fff;
    z-index: 99;
    opacity: 0.8;
    border-radius: 0 0 9px 9px;
}

.spinner-border {
    position: absolute;
    left: 49%;
    top: 73%;
    color: #447fe0;
    z-index: 9999;
}



input {
    font-size: 14px !important;
    /* letter-spacing: 0.3px; */
}

select {
    font-size: 14px !important;
    /* letter-spacing: 0.3px; */
}

.select2 span {
    font-size: 14px !important;
}



/* .tooltip01 {
  position: absolute;
  transition: opacity 0.4s, margin-left 0.4s;
  right: 0;
  top: 0;
  background: #2b589f;
  color: #fff;
  width: 110px;
  text-align: center;
  border-radius: 3px;
} */
/* .tooltip01:before{
  content: '';
  position: absolute;
  height: 15px;
  width: 15px;
  background: linear-gradient(#18b495,#16a085);
  transform: translateY(-50%) rotate(45deg);
  top: -5px;
} */

.integrationIcon01 {
    font-size: 15px;
    font-weight: 600;
    /* font-family: Helvetica-Bold !important; */
    color: #495057;
}




/* .profile_part {
  margin-left: 0rem !important;
  position: absolute;
  bottom: 20px;
  width: 100%;
} */

.profile_part {
    margin-left: 0rem !important;
    position: fixed;
    bottom: 0px;
    width: 248px;
    background: #fff;
    /* background: #dae3f1; */
    left: 0;
}

/* .simplebar-content {
  background: #fff !important;
  position: unset;
  height: 540px;
  overflow-y: scroll;
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
  scrollbar-width: none;
} */
.simplebar-content::-webkit-scrollbar {
    display: none; /* Safari and Chrome */
}
/* new add for profile text==== start */
:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm-hover"] .profile_part {
    /* position: absolute !important; */
    margin-left: 0rem !important;
    bottom: 60px !important;
    width: auto !important;
}

:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm-hover"] .text-start {
    top: 54px !important;
}

:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm-hover"] .simplebar-content-wrapper:hover .text-start {
    top: 11px !important;
    left: 59px !important;
    text-align: left !important;
    width: 170px !important;
}

:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm-hover"] .profile_title {
    margin-left: 0 !important;
    padding: 0 5px;
    overflow: hidden;
    text-overflow: ellipsis;
}

:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm-hover"] .navbar-menu:hover .profile_title {
    padding: 0;
    margin: 0;
}
/* new add for profile text==== end */



#title_bar {
    width: 100%;
}

#button_min_max {
    width: 18px;
    height: 18px;
    float: right;
    cursor: pointer;
    font-size: 21px;
    position: absolute;
    right: 37px;
    top: 18px;
    text-align: center;
    border: 1px solid #a59f9f;
    border-radius: 3px;
    line-height: 16px;
}
/* #title_bar h3 {
  font-size: 14px;
  margin: 0;
  line-height: 13px;
} */



/* #title_bar {
  height: 25px;
  width: 100%;
  background: #2b589f;
  text-align: left;
  color: #fff !important;
  pad
  ding: 6px;
} */
#title_bar {
    /* height: 25px; */
    width: 80%;
    background: #2b589f;
    text-align: left;
    color: #fff !important;
    padding: 6px;
    position: absolute;
    top: 10px;
    z-index: 9;
}

    #title_bar h3 {
        font-size: 15px;
        margin: 0;
        line-height: 13px;
        color: #fff;
        text-align: center;
    }

.minim-button {
    position: absolute;
    top: 12px;
    right: 26px;
    font-size: 24px;
    width: 20px;
    color: #fff;
}

.maxi-button {
    position: absolute;
    top: 12px;
    right: 26px;
    font-size: 24px;
    width: 20px;
    color: #fff;
}

#close-chat {
    position: absolute;
    top: 12px;
    right: 2px;
    font-size: 24px;
    width: 20px;
    z-index: 2;
    color: #fff;
}

.chatbox {
    position: fixed;
    bottom: 16px;
    left: 50px;
    margin: 0 0 -2500px;
    background: #fff;
    border-bottom: none;
    /* padding:28px 0px; */
    z-index: 100000;
    box-shadow: 0px 0px 20px #ccc;
    border: 4px solid #e0e0e0;
    border-radius: 20px;
}

#minim-chat, #maxi-chat {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 40px;
    line-height: 20px;
    cursor: pointer;
    z-index: 1;
    background: #2b589f;
    border-radius: 10px 10px 0 0;
}

.progressCustom {
    height: 10px;
    background: #eee;
    margin-bottom: 10px;
    position: relative;
    top: 40px;
    z-index: 999999999 !important;
    border-radius: 0;
}

.progress-bar-striped {
    background-color: #4f92fe;
}

#chat, #chat:after, .chatbox {
    transition: all .4s ease-in-out
}

#close-chat, .minim-button, .maxi-button, .chat-text {
    font-weight: 300;
    cursor: pointer;
    text-align: center;
    height: 20px;
    line-height: 20px
}
/* #chat,#close-chat,.chatbox{border:1px solid #A8A8A8} */
/* #chat:after,#chat:before{position:absolute;border-style:solid;content:""} */
/* .chatbox{position:fixed;bottom:0;left:50px;margin:0 0 -1500px;background:#fff;border-bottom:none;padding:28px 10px 10px;z-index:100000} */
/* #close-chat{position:absolute;top:2px;right:2px;font-size:24px;border:1px solid #dedede;width:20px;background:#fefefe;z-index:2} */
/* #minim-chat,#maxi-chat{position:absolute;top:0;left:0;width:100%;height:20px;line-height:20px;cursor:pointer;z-index:1} */
/* .minim-button{position:absolute;top:2px;right:26px;font-size:24px;border:1px solid #dedede;width:20px;background:#fefefe} */
/* .maxi-button{position:absolute;top:2px;right:26px;font-size:24px;border:1px solid #dedede;width:20px;background:#fefefe;} */
/* .chat-text{position:absolute;top:5px;left:10px;font-size:16px;} */
/* #chat{width:40px;border-radius:3px;padding:2px 8px;font-size:12px;background:#fff;-webkit-transform:translateZ(0);transform:translateZ(0)} */
/* #chat:before{border-width:10px 11px 0 0;border-color:#A8A8A8 transparent transparent;left:7px;bottom:-10px}
#chat:after{border-width:9px 8px 0 0;border-color:#fff transparent transparent;left:8px;bottom:-8px}
#chat:hover{background:#ddd;-webkit-animation-name:hvr-pulse-grow;animation-name:hvr-pulse-grow;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate}
#chat:hover:after{border-color:#ddd transparent transparent!important} */
/* .animated-chat{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in} */
/* @-webkit-keyframes tada{0%{-webkit-transform:scale(1)}
10%,20%{-webkit-transform:scale(.9)rotate(-3deg)}
30%,50%,70%,90%{-webkit-transform:scale(1.1)rotate(3deg)}
40%,60%,80%{-webkit-transform:scale(1.1)rotate(-3deg)}
100%{-webkit-transform:scale(1)rotate(0)}
}
@keyframes tada{0%{transform:scale(1)}
10%,20%{transform:scale(.9)rotate(-3deg)}
30%,50%,70%,90%{transform:scale(1.1)rotate(3deg)}
40%,60%,80%{transform:scale(1.1)rotate(-3deg)}
100%{transform:scale(1)rotate(0)}
}
.tada{-webkit-animation-name:tada;animation-name:tada}
@-webkit-keyframes hvr-pulse-grow{to{-webkit-transform:scale(1.1);transform:scale(1.1)}
}
@keyframes hvr-pulse-grow{to{-webkit-transform:scale(1.1);transform:scale(1.1)}
} */



:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm-hover"] .page-title-box {
    width: 95.5% !important;
}

.open-side {
    background: #fff;
    box-shadow: 0px 0px 20px #ccc;
    border: 4px solid #e0e0e0;
    border-radius: 20px;
    /* width: 300px; */
}

/* SIDE CONTENT */
.side-container {
    position: fixed;
    bottom: 0;
    left: 0;
    height: auto;
    z-index: 999999;
}

    .side-container .side-box {
        position: relative;
        display: none;
        height: auto;
        z-index: 10;
    }

        .side-container .side-box:before {
            content: "";
            position: absolute;
            width: 1000%;
            height: auto;
            right: 0;
            top: 0;
        }

        .side-container .side-box.open-side {
            display: block;
        }

    .side-container .side-close-btn {
        cursor: pointer;
        z-index: 9999999;
        position: absolute;
        right: 12px;
        color: #fff;
        font-size: 16px;
        top: 8px;
    }

    .side-container .side-content {
        /* margin-top: 50px;
  color: #fff;
  width: 250px; */
        width: 242px;
    }

.chat-text {
    height: auto !important;
}

    .chat-text h3 {
        text-align: left;
        color: #fff !important;
        padding: 10px 5px;
        font-size: 15px;
        background: #2b589f;
        text-align: left;
        color: #fff !important;
        border-radius: 15px 15px 0 0;
    }

.progressCustom01 {
    height: 10px;
    background: #eee;
    margin-bottom: 10px;
    position: relative;
    top: -8px;
    z-index: 999999999 !important;
    border-radius: 0;
}

.chatContentPart {
    width: 242px;
    height: auto;
    overflow: hidden;
    margin: 0;
    padding: 0px 10px 10px 10px;
}

.mblResTime {
    display: none;
}

.topbar-user01 h3 {
    position: relative;
    top: 6px;
}

.topbar-user01 a {
    position: relative;
    top: 5px;
}

.integrationIcon01 {
    height: 30px;
}

.RequesPart a {
    display: block;
    position: unset;
    text-align: center;
}

.RequesPart {
    display: block;
    position: unset;
    text-align: center;
}

.RequesPart01 {
    justify-content: center;
    align-items: center;
    display: flex;
}

.search-widget-icon {
    display: none;
}

.form-control-custom01 {
    padding-left: 10px !important;
}

.smDevicesSearch {
    padding-right: 11px !important;
}





.field_div {
    margin-left: 9px;
    line-height: 30px !important;
}

.customizePopup {
    text-decoration: underline !important;
}

.customizePopup02 a {
    text-decoration: none !important;
    color: #000 !important;
}

.optaOption div {
    width: 100%;
    margin-bottom: 5px;
    padding-left: 20px !important;
}

.optaOption input {
    float: left !important;
    margin-right: 0px !important;
    width: 30px !important;
    height: 15px !important;
}

.optaOption label {
    font-size: 13px;
    position: relative;
    top: -2px;
}

.customizePopup02 p {
    font-size: 12px !important;
    line-height: 17px;
    font-style: italic;
}

.custom_toggle001 input {
    float: left !important;
    margin-right: 0px !important;
    width: 30px !important;
    height: 15px !important;
    position: relative;
    top: 5px;
}

.custom_toggle001 td {
    padding: 7px !important;
}

.switchBtnCusTogle {
    padding: 0;
    margin: 0 0 0 12px;
}



#chart-container {
    height: 500px;
}

.cur_pntr i {
    color: #abb2b8 !important;
}

    .cur_pntr i:hover {
        color: #2b589f !important;
    }

.fa-bullhorn {
    color: #abb2b8 !important;
}

    .fa-bullhorn:hover {
        color: #2b589f !important;
    }
/* .cur_pntr a:hover{
  color: #2b589f !important;
} */

.table {
    border: var(--vz-border-width) var(--vz-border-style) var(--vz-border-color) !important;
}


/* search Area============================== Start */
.search_area input {
    width: 94%;
    border-radius: 3px;
    border: none;
    margin-left: 6%;
    font-size: 18.2px !important;
}

    .search_area input:focus {
        transform: scale(1);
        border: none;
    }

.tab_part_searchFilter {
    width: 100%;
    justify-content: left;
    display: flex;
    padding: 8px 1rem;
}

    .tab_part_searchFilter ul {
        padding: 0;
        margin: 0;
    }
        /* .tab_part_searchFilter ul li {
  float: left;
  padding: 4px 11px;
  text-align: center;
  margin: 5px 0;
  font-size: 14px;
  border-radius: 3px;
  cursor: pointer;
  font-weight: 400;
  color: rgb(37, 43, 48);
} */
        .tab_part_searchFilter ul li {
            float: left;
            font-size: 14px;
            line-height: 1;
            display: flex;
            text-align: center;
            cursor: pointer;
            transition: 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
            font-weight: 500;
            height: fit-content;
            padding: 6px 10px;
            margin-bottom: 0px;
            margin-right: 0px;
            border-radius: 4px;
            -moz-box-align: center;
            align-items: center;
            /* background: #0c1b3a; */
            border: 1px solid transparent;
            color: rgb(37, 43, 48);
            margin: 3px 10px 3px 0;
            text-transform: capitalize;
        }

.activeSearch {
    background: #0F2248;
    color: #fff !important;
}

.Searchfilter ul {
    padding: 0;
    margin: 0;
    text-align: left;
}

    .Searchfilter ul li {
        padding: 10px 1rem;
        font-size: 14px;
        cursor: pointer;
        opacity: 0.7;
    }

        .Searchfilter ul li:hover {
            background-color: aliceblue;
            opacity: 1;
        }

        .Searchfilter ul li a {
            color: rgb(55, 63, 69);
            cursor: pointer;
            pointer-events: all !important;
        }

.Searchfilter p {
    padding: 8px 1rem;
    font-size: 14px;
    border-bottom: 1px solid rgb(221, 226, 231);
    font-weight: 500;
    color: #09142b;
    margin: 0;
}

.Searchfilter {
    height: 300px;
    overflow-y: scroll;
}

#searchresult::-webkit-scrollbar-track {
    /* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); */
    background-color: #fff;
}

#searchresult::-webkit-scrollbar {
    width: 6px;
    background-color: #fff;
}

#searchresult::-webkit-scrollbar-thumb {
    background-color: #ccc;
}
/* Hide scrollbar for Chrome, Safari and Opera */
/* .Searchfilter::-webkit-scrollbar {
  display: none;
} */

/* Hide scrollbar for IE, Edge and Firefox */
/* .Searchfilter {
-ms-overflow-style: none;  
scrollbar-width: none;  
} */


#search-box::placeholder {
    font-size: 19px !important;
    /* font-family: Helvetica !important; */
    color: #828282;
}

.search_area img {
    position: absolute;
    width: 24px;
    top: 27px;
    left: 20px;
}

.filetrHeading {
    font-size: 13px;
    border-bottom: 1px solid #ebebeb;
    margin: 5px;
    margin-bottom: 13px;
    margin-top: 13px;
    padding: 0 !important;
}


.icon-Filter {
    position: absolute;
    right: 25px;
    top: 22px;
}

.loaderFilter {
    position: relative;
    height: 10px;
    width: 10px;
    display: inline-block;
    animation: around 5.4s infinite;
}

@keyframes around {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

.loaderFilter::after, .loaderFilter::before {
    content: "";
    background: white;
    position: absolute;
    display: inline-block;
    width: 100%;
    height: 100%;
    border-width: 0.8px;
    border-color: #333 #333 transparent transparent;
    border-style: solid;
    border-radius: 20px;
    box-sizing: border-box;
    top: 0;
    left: 0;
    animation: around 0.7s ease-in-out infinite;
}

.loaderFilter::after {
    animation: around 0.7s ease-in-out 0.1s infinite;
    background: transparent;
}

.hrBorder01 {
    opacity: .5 !important;
    border-color: #cfd4d9;
    margin: 0;
    /* padding: 3px 0; */
}



#search-box::placeholder {
    font-weight: 500;
}

.search_area {
    padding: 1.5rem 1rem;
}

.Searchfilter ul li i {
    font-size: 17px;
    line-height: 15px;
    padding-right: 10px;
}

.Searchfilter p::first-letter, .tab_part_searchFilter li::first-letter {
    text-transform: uppercase;
}

.SearchBoxShortcut {
    float: right;
    letter-spacing: 1px;
}

.Searchfilter ul li {
    border-bottom: 1px solid rgba(221, 226, 231, 0.28);
}

/* .modal{background-color: rgba(0,0,0,0.2);} */
.modal {
    /* background-color: rgba(0,0,0,0.2); */
    background-color: rgba(0, 0, 0, 0.7);
}

.customModelContent {
    background-color: rgb(255, 255, 255);
    border-radius: 4px;
    padding: 0px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 10px 30px;
    z-index: 1;
    margin: 0px 5px;
    border: none !important;
    /* letter-spacing: 0.5px; */
}
/* search Area============================== End */


/* permission=================================Start */
.permissions input {
    color: #424344;
    border: 1px solid #424344;
    border-radius: 2px !important;
    margin-right: 5px;
    cursor: pointer;
}

.nestedTr {
    display: none;
    cursor: pointer;
}

.nestedTr01 {
    display: none;
    cursor: pointer;
}

.permissions i {
    padding-right: 2px;
    font-size: 12px;
    position: relative;
    top: -1px;
}
/* permission=================================End */


/* permission-2=================================Start */

.permissionHeading01 ul li:first-child {
    width: 40%;
}

.permissionbody ul li:first-child {
    width: 40%;
}

.permissionHeading01 {
    /* border: var(--vz-border-width) var(--vz-border-style) var(--vz-border-color) !important; */
    padding: 0;
}

    .permissionHeading01 ul {
        padding: 0px;
    }

        .permissionHeading01 ul li {
            float: left;
            width: 15%;
            font-size: 14px;
            font-weight: 500 !important;
            /* letter-spacing: 0.3px !important; */
            font-weight: 600 !important;
            /* border: var(--vz-border-width) var(--vz-border-style) var(--vz-border-color) !important; */
            border: 0.5px solid #e9ebec;
            padding: 10px;
            color: #424344 !important;
        }

.permissionbody {
    margin: 0;
    padding: 0;
}

    .permissionbody ul {
        padding: 0px;
        float: left;
        width: 100%;
        margin: 0;
    }

    .permissionbody input {
        color: #424344;
        border: 1px solid #424344;
        border-radius: 2px !important;
        margin-right: 5px;
        cursor: pointer;
    }

    .permissionbody ul li {
        float: left;
        width: 15%;
        font-size: 14px;
        font-weight: 500 !important;
        /* letter-spacing: 0.3px !important; */
        padding: 10px;
        /* border: var(--vz-border-width) var(--vz-border-style) var(--vz-border-color) !important; */
        border: 0.5px solid #e9ebec;
        color: #595a5b !important;
    }

    .permissionbody ul:hover {
        background: aliceblue !important;
    }

    .permissionbody i {
        padding-right: 2px;
        font-size: 12px;
        position: relative;
        top: -1px;
    }

.nestedTr span {
    position: relative;
    left: 30px;
}

.nestedTr01 span {
    position: relative;
    left: 60px;
}

.divMsg01 {
    cursor: pointer;
}

.divMsg02 {
    cursor: pointer;
}
/* permission-2=================================End */

.permissionbody01 {
    padding: 0 !important;
}
    /* .permissionbody01 ul li:first-child {
  width: 40%;
} */

    .permissionbody01 ul {
        padding: 0;
    }

        .permissionbody01 ul li {
            font-size: 14px;
            font-weight: 500 !important;
            /* letter-spacing: 0.3px !important; */
            padding: 10px 0;
            border-bottom: 0.5px solid #e9ebec;
            color: #595a5b !important;
            padding: .75rem 0;
            /* margin-bottom: .75rem; */
        }

    .permissionbody01 input {
        margin-right: 5px !important;
        cursor: pointer;
    }

    .permissionbody01 span {
        padding: 10px;
    }

.ulCustom {
    border-top: 1px solid #ebeced;
    margin-top: 10px;
}

    .ulCustom span {
        position: relative;
        left: 20px;
    }

.spanCustom {
    position: relative;
    left: 20px;
}

.ulCustom01 span {
    position: relative;
    left: 40px;
}

.ulCustom01 {
    border-top: 1px solid #ebeced;
    margin-top: 10px;
}

.permissionbody01:hover {
    background-color: var(--vz-table-bg) !important;
}

.nestedTr02 {
    display: none;
}

.nestedTr03 {
    display: none;
}

.nestedTr04 {
    display: none;
}

.nestedTr05 {
    display: none;
}

.nestedTr06 {
    display: none;
}

.nestedTr07 {
    display: none;
}

.for_padding span {
    padding: 0;
    left: 10px;
}

.toggle_li_01, .toggle_li_02, .toggle_li_03, .toggle_li_04, .toggle_li_05, .toggle_li_06, .toggle_li_07 {
    cursor: pointer;
}

.toggleCus01 {
    left: 0 !important;
    padding: 0 !important;
    display: none;
    cursor: pointer;
}

.toggleCus02 {
    left: 0 !important;
    padding: 0 !important;
    display: none;
    cursor: pointer;
}

.toggleCus03 {
    left: 0 !important;
    padding: 0 !important;
    display: none;
    cursor: pointer;
}

.toggleCus04 {
    left: 0 !important;
    padding: 0 !important;
    display: none;
    cursor: pointer;
}

.toggleCus05 {
    left: 0 !important;
    padding: 0 !important;
    display: none;
    cursor: pointer;
}

.toggleCus06 {
    left: 0 !important;
    padding: 0 !important;
    display: none;
    cursor: pointer;
}

.toggleCus07 {
    left: 0 !important;
    padding: 0 !important;
    display: none;
    cursor: pointer;
}

.spinner-border_targeting {
    left: 20% !important;
}

.detailerReject p {
    font-size: 16px;
    color: var(--vz-heading-color);
    text-align: center;
}

.detailerReject h4 {
    font-size: 16px;
    color: var(--vz-heading-color);
    text-align: center;
    margin-bottom: 10px !important;
}

.detailerReject img {
    width: 400px;
    height: 225px;
    margin: 0 auto;
}

/* custom tooltip=====================================================start */
/* .wrapper {
  text-transform: uppercase;
  background: #ececec;
  color: #555;
  cursor: help;
  font-family: "Gill Sans", Impact, sans-serif;
  font-size: 20px;
  margin: 100px 75px 10px 75px;
  padding: 15px 20px;
  position: relative;
  text-align: center;
  width: 200px;
  -webkit-transform: translateZ(0); 
  -webkit-font-smoothing: antialiased; 
} */

.wrapper01 .tooltip01 {
    background: #fff;
    /* bottom: 96%; */
    color: #000;
    display: block;
    margin-bottom: 15px;
    opacity: 0;
    padding: 10px;
    pointer-events: none;
    position: absolute;
    width: 200px;
    text-align: left;
    border-radius: 10px;
    z-index: 999;
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-transition: all .25s ease-out;
    -moz-transition: all .25s ease-out;
    -ms-transition: all .25s ease-out;
    -o-transition: all .25s ease-out;
    transition: all .25s ease-out;
    -webkit-box-shadow: 1px 2px 7px rgba(0, 0, 0, 0.28);
    -moz-box-shadow: 1px 2px 7px rgba(0, 0, 0, 0.28);
    -ms-box-shadow: 1px 2px 7px rgba(0, 0, 0, 0.28);
    -o-box-shadow: 1px 2px 7px rgba(0, 0, 0, 0.28);
    box-shadow: 1px 2px 7px rgba(0, 0, 0, 0.28);
    margin-top: 10px;
    white-space: initial !important;
}


/* This bridges the gap so you can mouse into the tooltip without it disappearing */
/* .wrapper01 .tooltip01:before {
  bottom: -20px;
  content: " ";
  display: block;
  height: 20px;
  left: 0;
  position: absolute;
  width: 100%;
  }
   */
/* CSS Triangles - see Trevor's post */
/* .wrapper01 .tooltip01:after {
  border-left: solid transparent 10px;
  border-right: solid transparent 10px;
  border-bottom: solid #ccc 10px;
  top: -10px;
  content: " ";
  height: 0;
  left: 50%;
  margin-left: -13px;
  position: absolute;
  width: 0;
  }
   */
.wrapper01:hover .tooltip01 {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
}

.lte8 .wrapper01 .tooltip01 {
    display: none;
}

.lte8 .wrapper01:hover .tooltip01 {
    display: block;
}

.tooltip01 h5 {
    /* font-size: 13px; */
    color: #000;
}

.tooltip01 p {
    font-size: 12px;
    color: #424344 !important;
    font-weight: 400;
    white-space: wrap !important;
    margin: 0;
    line-height: 18px !important;
    white-space: initial !important;
}

/* Wrapper---02 */
.wrapper02 {
    position: relative;
}

.tooltip02 {
    background: #fff;
    /* bottom: 96%; */
    color: #000;
    display: block;
    margin-bottom: 15px;
    opacity: 0;
    padding: 10px;
    pointer-events: none;
    position: absolute;
    width: 200px;
    text-align: left;
    border-radius: 10px;
    z-index: 999;
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-transition: all .25s ease-out;
    -moz-transition: all .25s ease-out;
    -ms-transition: all .25s ease-out;
    -o-transition: all .25s ease-out;
    transition: all .25s ease-out;
    -webkit-box-shadow: 1px 2px 7px rgba(0, 0, 0, 0.28);
    -moz-box-shadow: 1px 2px 7px rgba(0, 0, 0, 0.28);
    -ms-box-shadow: 1px 2px 7px rgba(0, 0, 0, 0.28);
    -o-box-shadow: 1px 2px 7px rgba(0, 0, 0, 0.28);
    box-shadow: 1px 2px 7px rgba(0, 0, 0, 0.28);
    margin-top: 10px;
    right: 0;
    white-space: initial !important;
}

.wrapper02:hover .tooltip02 {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
}

.lte8 .wrapper02 .tooltip02 {
    display: none;
}

.lte8 .wrapper02:hover .tooltip02 {
    display: block;
}

.tooltip02 h5 {
    /* font-size: 13px; */
    color: #000;
}

.tooltip02 p {
    font-size: 12px;
    /* color: #6f6f6f; */
    color: #424344 !important;
    font-weight: 400;
    white-space: wrap !important;
    margin: 0;
    line-height: 18px !important;
    white-space: initial !important;
}


.changePosition {
    /* overflow-x: clip !important; */
    margin-bottom: 80px !important;
}

.changePosition_01 {
    /* overflow-x: clip !important; */
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* Internet Explorer 10+ */
    overflow: auto;
}


/* Wrapper---02 end---- */



/* custom tooltip=====================================================End */


/* BillingSubscriptionPage============================================Start */
.BillingHeading_01 {
    font-size: 16px;
    margin-bottom: 15px;
    /* color: #000; */
    color: var(--vz-heading-color);
}

.billingPageSubscription p {
    margin-bottom: 8px;
}

.billingPageSubscription i {
    font-size: 12px;
    position: relative;
    top: -1px;
    padding-left: 10px;
}

#saveDiv01 {
    border: navajowhite;
    font-size: 14px;
    padding: 2px 8px;
    border-radius: 3px;
}

.totalSubs p {
    background: aliceblue;
    padding: 10px;
    border: 1px solid #e8e8e8;
    border-radius: 3px;
}

.canSubs button {
    background: #C30;
    color: #fff;
}

    .canSubs button:hover {
        background: #BE3000;
        color: #fff;
    }

/* BillingSubscriptionPage============================================End */


.fa-clone {
    color: #abb2b8;
}

    .fa-clone:hover {
        color: #2b589f;
    }

.copyPart {
    /* font-family: courier new; */
    height: 235px;
    overflow-y: scroll;
}

.description02 {
    display: none;
}

.description03 {
    display: none;
}

.navPillCustom_09 .active {
    border-top: 2px solid #dae3f1;
}







[data-tooltip] {
    position: relative
}

    [data-tooltip]::before,
    [data-tooltip]::after {
        /* opacity: 0;
    visibility: hidden; */
        margin-top: -0.5em;
        display: none !important;
    }

    [data-tooltip]::before {
        content: attr(data-tooltip);
        display: block;
        position: absolute;
        top: -150%;
        left: 60%;
        margin-left: -6.75em;
        width: 300px;
        text-align: left;
        border-radius: 4px;
        background: #fff;
        color: #000;
        font-size: 11px;
        line-height: 1.1;
        padding: 0.75em 0.95em;
        border: 1px solid #ccc;
        border: 1px solid #ccc;
        box-shadow: 0px 0px 1px #ccc;
        z-index: 9;
    }

    [data-tooltip]::after {
        content: "";
        border: 7px solid #0000;
        border-top-color: #e1e1e1;
        position: absolute;
        top: 2px;
        left: 10%;
        /* margin-left: -10px; */
    }

    [data-tooltip]:hover {
        cursor: help;
    }

        [data-tooltip]:hover::before,
        [data-tooltip]:hover::after {
            /* opacity: 1;
    visiblity: visible; */
            display: block !important;
        }


.select2 span {
    font-size: 14px !important;
    color: var(--vz-body-color) !important;
}

.smDevicesNew {
    padding-right: 0;
}

.smDevicesNew01 {
    margin: 0;
}

.field_div01 {
    float: left;
    margin: 10px 0 0 5px;
    padding-bottom: 0;
}


/* Global fields css=======================Start */
.show_bg_002New {
    margin: -16px 0px 0 0px;
    border-top: 3px solid #f0f8ff;
    padding: 20px 5px 26px 5px;
}

.deleteNew_001 {
    position: absolute;
    right: -24px;
    color: #C30;
    font-size: 19px;
}

.deleteNew_002 {
    color: #abb2b8;
}

    .deleteNew_002:hover {
        color: #C30;
    }

.show_bg_002New label {
    color: #424344 !important;
}

.fieldsInputNew input {
    color: #424344;
    border: 1px solid #424344;
    border-radius: 2px !important;
    margin-right: 5px;
    cursor: pointer;
    padding: 0;
}

.tooltipGlobal {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
}

    .tooltipGlobal .tooltiptextGlobal {
        visibility: hidden;
        width: 120px;
        background-color: black;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px 0;
        position: absolute;
        z-index: 1;
        bottom: 150%;
        left: 50%;
        margin-left: -60px;
    }

        .tooltipGlobal .tooltiptextGlobal::after {
            content: "";
            position: absolute;
            top: 100%;
            left: 50%;
            margin-left: -5px;
            border-width: 5px;
            border-style: solid;
            border-color: black transparent transparent transparent;
        }

.bulkApplyUL {
    margin-top: 10px;
    ;
}

    .bulkApplyUL li {
        list-style: disc;
        padding-top: 5px;
        color: #595a5b;
    }

/* Global fields css=======================End */


/* New header Setting=======================Start */
/* .app-search .form-control {
        padding-left: 40px;
        width: 450px;
        background-color: #f1f1f11f !important;
        border: none !important;
    } */

#search-options-shortcut {
    color: #fff;
    padding-left: 40px !important;
    width: 450px;
    background-color: #f1f1f11f !important;
    border: none !important;
}

.page-title-box {
    background: #fff !important;
}

.searchIconCustom {
    display: block;
}

.closeNav {
    position: fixed;
    bottom: 15px;
    z-index: 9999999;
    left: 206px;
    font-size: 23px;
    cursor: pointer;
    ;
}

.openNav {
    display: none !important;
    position: fixed;
    bottom: 15px;
    z-index: 9999999;
    left: 206px;
    font-size: 23px;
    cursor: pointer;
}

:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm-hover"] .navbar-menu .closeNav {
    display: none;
}

:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="lg"] .navbar-menu .openNav {
    display: block;
}

:is([data-layout=vertical],[data-layout=semibox])[data-sidebar-size=sm-hover] .navbar-menu:hover .openNav {
    display: block !important;
}

#searchresult li em {
    font-style: normal;
    background-color: #f7e19e;
    padding: 2px 0px;
}

.tooltip {
    /* font-family: Helvetica !important; */
    /* letter-spacing: 0.3px !important;   */
}

/* New header Setting=======================End */




.can-toggle {
    position: relative;
    width: 200px;
    cursor: pointer;
}

    .can-toggle *, .can-toggle *:before, .can-toggle *:after {
        box-sizing: border-box;
    }

    .can-toggle input[type=checkbox] {
        opacity: 0;
        position: absolute;
        top: 0;
        left: 0;
    }

        .can-toggle input[type=checkbox][disabled] ~ label {
            pointer-events: none;
        }

            .can-toggle input[type=checkbox][disabled] ~ label .can-toggle__switch {
                opacity: 0.4;
            }

        .can-toggle input[type=checkbox]:checked ~ label .can-toggle__switch:before {
            content: attr(data-unchecked);
            transform: translate3d(100px, 0, 0);
            /*! transition: transform 0.3s ease-in-out; */
        }

        .can-toggle input[type=checkbox]:checked ~ label .can-toggle__switch:after {
            content: attr(data-checked);
        }

    .can-toggle label {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        position: relative;
        display: flex;
        align-items: center;
    }

        .can-toggle label .can-toggle__label-text {
            flex: 1;
            padding-left: 32px;
        }

        .can-toggle label .can-toggle__switch {
            position: relative;
        }

            .can-toggle label .can-toggle__switch:before {
                content: attr(data-checked);
                position: absolute;
                top: 1px;
                text-transform: capitalize;
                text-align: center;
            }

            .can-toggle label .can-toggle__switch:after {
                content: attr(data-unchecked);
                position: absolute;
                z-index: 5;
                text-transform: capitalize;
                text-align: center;
                background: #2b589f;
                transform: translate3d(0, 0, 0);
                color: #fff !important;
            }

    .can-toggle input[type=checkbox][disabled] ~ label {
        color: rgba(119, 119, 119, 0.5);
    }

    .can-toggle input[type=checkbox]:focus ~ label .can-toggle__switch, .can-toggle input[type=checkbox]:hover ~ label .can-toggle__switch {
        background-color: #777;
    }

        .can-toggle input[type=checkbox]:focus ~ label .can-toggle__switch:after, .can-toggle input[type=checkbox]:hover ~ label .can-toggle__switch:after {
            color: #5e5e5e;
        }

    .can-toggle input[type=checkbox]:hover ~ label {
        color: #6a6a6a;
    }

    .can-toggle input[type=checkbox]:checked ~ label:hover {
        color: #55bc49;
    }

    .can-toggle input[type=checkbox]:checked ~ label .can-toggle__switch {
        background-color: #30bd30;
    }

        .can-toggle input[type=checkbox]:checked ~ label .can-toggle__switch:after {
            color: #4fb743;
        }

    .can-toggle input[type=checkbox]:checked:focus ~ label .can-toggle__switch, .can-toggle input[type=checkbox]:checked:hover ~ label .can-toggle__switch {
        background-color: #5fc054;
    }

        .can-toggle input[type=checkbox]:checked:focus ~ label .can-toggle__switch:after, .can-toggle input[type=checkbox]:checked:hover ~ label .can-toggle__switch:after {
            color: #47a43d;
        }

    .can-toggle label .can-toggle__label-text {
        flex: 1;
    }

    .can-toggle label .can-toggle__switch {
        transition: background-color 0.3s cubic-bezier(0, 1, 0.5, 1);
        background: #848484;
    }

        .can-toggle label .can-toggle__switch:before {
            color: rgba(255, 255, 255, 0.5);
        }

        .can-toggle label .can-toggle__switch:after {
            transition: transform 0.3s cubic-bezier(0, 1, 0.5, 1);
            color: #777;
        }

    .can-toggle input[type=checkbox]:focus ~ label .can-toggle__switch:after, .can-toggle input[type=checkbox]:hover ~ label .can-toggle__switch:after {
        /*! box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4); */
    }

    .can-toggle input[type=checkbox]:checked ~ label .can-toggle__switch:after {
        /* transform: translate3d(65px, 0, 0);
      left: 32px; */
        transform: translate3d(0, 0, 0);
        left: 0;
        transition: transform 0.3s ease-in-out;
    }

    .can-toggle input[type=checkbox]:checked:focus ~ label .can-toggle__switch:after, .can-toggle input[type=checkbox]:checked:hover ~ label .can-toggle__switch:after {
        /* box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4); */
    }

    .can-toggle label {
        font-size: 14px;
    }

        .can-toggle label .can-toggle__switch {
            height: 38px;
            flex: 0 0 200px;
            /* border-radius: 3px; */
            /*! width: 200px !important; */
        }

            /* .can-toggle label .can-toggle__switch:before {
      left: 0px;
      font-size: 14px;
      line-height: 36px;
      width: 96px;
      padding: 0px 12px;
      top: 0px;
  } */

            .can-toggle label .can-toggle__switch::before {
                left: 0px;
                font-size: 14px;
                line-height: 35.5px;
                width: 100px;
                /* padding: 0.4px 12px; */
                /* top: 0.392px; */
                top: 0px;
            }

            .can-toggle label .can-toggle__switch:after {
                top: 0px;
                /*! left: 2px; */
                right: 0;
                /* border-radius: 1px 0 0 1px; */
                width: 100px;
                line-height: 38.5px;
                font-size: 14px;
                /* padding: 1px; */
            }

            .can-toggle label .can-toggle__switch:hover:after {
                /* box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4); */
            }

    .can-toggle.can-toggle--size-small input[type=checkbox]:focus ~ label .can-toggle__switch:after, .can-toggle.can-toggle--size-small input[type=checkbox]:hover ~ label .can-toggle__switch:after {
        /* box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4); */
    }

    .can-toggle.can-toggle--size-small input[type=checkbox]:checked ~ label .can-toggle__switch:after {
        transform: translate3d(44px, 0, 0);
    }

    .can-toggle.can-toggle--size-small input[type=checkbox]:checked:focus ~ label .can-toggle__switch:after, .can-toggle.can-toggle--size-small input[type=checkbox]:checked:hover ~ label .can-toggle__switch:after {
        /* box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4); */
    }

    .can-toggle.can-toggle--size-small label {
        font-size: 13px;
    }

        .can-toggle.can-toggle--size-small label .can-toggle__switch {
            height: 28px;
            flex: 0 0 90px;
            border-radius: 2px;
        }

            .can-toggle.can-toggle--size-small label .can-toggle__switch:before {
                left: 45px;
                font-size: 10px;
                line-height: 28px;
                width: 45px;
                padding: 0 12px;
            }

            .can-toggle.can-toggle--size-small label .can-toggle__switch:after {
                top: 1px;
                left: 1px;
                border-radius: 1px;
                width: 44px;
                line-height: 26px;
                font-size: 10px;
            }

            .can-toggle.can-toggle--size-small label .can-toggle__switch:hover:after {
                /* box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4); */
            }

    .can-toggle.can-toggle--size-large input[type=checkbox]:focus ~ label .can-toggle__switch:after, .can-toggle.can-toggle--size-large input[type=checkbox]:hover ~ label .can-toggle__switch:after {
        /* box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4); */
    }

    .can-toggle.can-toggle--size-large input[type=checkbox]:checked ~ label .can-toggle__switch:after {
        transform: translate3d(78px, 0, 0);
    }

    .can-toggle.can-toggle--size-large input[type=checkbox]:checked:focus ~ label .can-toggle__switch:after, .can-toggle.can-toggle--size-large input[type=checkbox]:checked:hover ~ label .can-toggle__switch:after {
        /* box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4); */
    }

    .can-toggle.can-toggle--size-large label {
        font-size: 14px;
    }

        .can-toggle.can-toggle--size-large label .can-toggle__switch {
            height: 50px;
            flex: 0 0 160px;
            border-radius: 4px;
        }

            .can-toggle.can-toggle--size-large label .can-toggle__switch:before {
                left: 80px;
                font-size: 14px;
                line-height: 50px;
                width: 80px;
                padding: 0 12px;
            }

            .can-toggle.can-toggle--size-large label .can-toggle__switch:after {
                top: 2px;
                left: 2px;
                border-radius: 2px;
                width: 78px;
                line-height: 46px;
                font-size: 14px;
            }

            .can-toggle.can-toggle--size-large label .can-toggle__switch:hover:after {
                /* box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4); */
            }

    .can-toggle.demo-rebrand-1 input[type=checkbox][disabled] ~ label {
        color: rgba(181, 62, 116, 0.5);
    }

    .can-toggle.demo-rebrand-1 input[type=checkbox]:focus ~ label .can-toggle__switch, .can-toggle.demo-rebrand-1 input[type=checkbox]:hover ~ label .can-toggle__switch {
        /* background-color: #fff;
      border: 2px solid #2b589f; */
        /* box-shadow: 0px 0px 10px #ccc; */
        height: 38px;
    }

        .can-toggle.demo-rebrand-1 input[type=checkbox]:focus ~ label .can-toggle__switch:after, .can-toggle.demo-rebrand-1 input[type=checkbox]:hover ~ label .can-toggle__switch:after {
            color: #8f315c;
        }

    .can-toggle.demo-rebrand-1 input[type=checkbox]:hover ~ label {
        color: #a23768;
    }

    .can-toggle.demo-rebrand-1 input[type=checkbox]:checked ~ label:hover {
        color: #2b589f;
    }

    .can-toggle.demo-rebrand-1 input[type=checkbox]:checked ~ label .can-toggle__switch {
        /* background-color: #2b589f; */
    }

        .can-toggle.demo-rebrand-1 input[type=checkbox]:checked ~ label .can-toggle__switch:after {
            color: #2b589f;
        }

    .can-toggle.demo-rebrand-1 input[type=checkbox]:checked:focus ~ label .can-toggle__switch, .can-toggle.demo-rebrand-1 input[type=checkbox]:checked:hover ~ label .can-toggle__switch {
        background-color: #2b589f;
        height: 40px;
    }

        .can-toggle.demo-rebrand-1 input[type=checkbox]:checked:focus ~ label .can-toggle__switch:after, .can-toggle.demo-rebrand-1 input[type=checkbox]:checked:hover ~ label .can-toggle__switch:after {
            color: #2f7757;
            height: 40px;
        }

    .can-toggle.demo-rebrand-1 label .can-toggle__label-text {
        flex: 1;
    }

    .can-toggle.demo-rebrand-1 label .can-toggle__switch {
        transition: background-color 0.3s ease-in-out;
        background: #fff;
        /* background: #b04949; */
        height: 40px;
    }

        .can-toggle.demo-rebrand-1 label .can-toggle__switch:before {
            color: #515752 !important;
            background-color: #e5eae5 !important;
            cursor: pointer;
            border: 2px solid #c1c1c1;
            height: 40px;
        }

        .can-toggle.demo-rebrand-1 label .can-toggle__switch:after {
            transition: transform 0.3s ease-in-out;
            color: #2b589f;
            /* border-radius: 0px 3px 3px 0px; */
            height: 40px;
        }

    .can-toggle.demo-rebrand-2 input[type=checkbox][disabled] ~ label {
        color: rgba(68, 68, 68, 0.5);
    }

    .can-toggle.demo-rebrand-2 input[type=checkbox]:focus ~ label .can-toggle__switch, .can-toggle.demo-rebrand-2 input[type=checkbox]:hover ~ label .can-toggle__switch {
        background-color: #444;
    }

        .can-toggle.demo-rebrand-2 input[type=checkbox]:focus ~ label .can-toggle__switch:after, .can-toggle.demo-rebrand-2 input[type=checkbox]:hover ~ label .can-toggle__switch:after {
            color: #2b2b2b;
        }

    .can-toggle.demo-rebrand-2 input[type=checkbox]:hover ~ label {
        color: #373737;
    }

    .can-toggle.demo-rebrand-2 input[type=checkbox]:checked ~ label:hover {
        color: #62b125;
    }

    .can-toggle.demo-rebrand-2 input[type=checkbox]:checked ~ label .can-toggle__switch {
        background-color: #75d32d;
    }

        .can-toggle.demo-rebrand-2 input[type=checkbox]:checked ~ label .can-toggle__switch:after {
            color: #5da924;
        }

    .can-toggle.demo-rebrand-2 input[type=checkbox]:checked:focus ~ label .can-toggle__switch, .can-toggle.demo-rebrand-2 input[type=checkbox]:checked:hover ~ label .can-toggle__switch {
        background-color: #69be28;
    }

        .can-toggle.demo-rebrand-2 input[type=checkbox]:checked:focus ~ label .can-toggle__switch:after, .can-toggle.demo-rebrand-2 input[type=checkbox]:checked:hover ~ label .can-toggle__switch:after {
            color: #52941f;
        }

    .can-toggle.demo-rebrand-2 label .can-toggle__label-text {
        flex: 1;
    }

    .can-toggle.demo-rebrand-2 label .can-toggle__switch {
        transition: background-color 0.3s cubic-bezier(0.86, 0, 0.07, 1);
        background: #515151;
    }

        .can-toggle.demo-rebrand-2 label .can-toggle__switch:before {
            color: rgba(255, 255, 255, 0.7);
        }

        .can-toggle.demo-rebrand-2 label .can-toggle__switch:after {
            transition: transform 0.3s cubic-bezier(0.86, 0, 0.07, 1);
            color: #444;
        }

    .can-toggle.demo-rebrand-2 input[type=checkbox]:focus ~ label .can-toggle__switch:after, .can-toggle.demo-rebrand-2 input[type=checkbox]:hover ~ label .can-toggle__switch:after {
        /* box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4); */
    }

    .can-toggle.demo-rebrand-2 input[type=checkbox]:checked ~ label .can-toggle__switch:after {
        transform: translate3d(58px, 0, 0);
    }

    .can-toggle.demo-rebrand-2 input[type=checkbox]:checked:focus ~ label .can-toggle__switch:after, .can-toggle.demo-rebrand-2 input[type=checkbox]:checked:hover ~ label .can-toggle__switch:after {
        /* box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4); */
    }

    .can-toggle.demo-rebrand-2 label {
        font-size: 13px;
    }

        .can-toggle.demo-rebrand-2 label .can-toggle__switch {
            height: 60px;
            flex: 0 0 120px;
            border-radius: 60px;
        }

            .can-toggle.demo-rebrand-2 label .can-toggle__switch:before {
                left: 60px;
                font-size: 13px;
                line-height: 60px;
                width: 60px;
                padding: 0 12px;
            }

            .can-toggle.demo-rebrand-2 label .can-toggle__switch:after {
                top: 2px;
                left: 2px;
                border-radius: 30px;
                width: 58px;
                line-height: 56px;
                font-size: 13px;
            }

            .can-toggle.demo-rebrand-2 label .can-toggle__switch:hover:after {
                /* box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4); */
            }

body.modal-open {
    padding: 0 !important;
}

.modal-title {
    font-weight: 500;
}

.fieldUploadimg {
    text-align: center;
    border-radius: 3px;
    background: #2b589f !important;
    color: #fff !important;
    font-size: 14px;
    padding: 0.5rem 0.9rem;
    min-width: 110px;
}

.globalLeftPart {
    width: 350px;
    background: #F3F4F4;
    padding: 20px 25px;
    float: right;
    height: 190px;
}

.globalLeftPart01 h3 {
    font-size: 16px;
    color: #000;
    padding: 10px 0;
}

.globalLeftPart01 p {
    font-size: 13px;
    color: #878a99;
}

/* Custom-scroll=====================start */

/* 
.scroll2::-webkit-scrollbar {
  width: 5px;
}
 
.scroll2::-webkit-scrollbar-thumb {
  background: #ccc; 
}
.scroll2::-moz-scrollbar {
  width: 5px;
}
 
.scroll2::-moz-scrollbar-thumb {
  background: #ccc; 
}



.scroll3::-webkit-scrollbar{
  height: 4px;
  width: 4px;
  background: ccc;
}
.scroll3::-webkit-scrollbar-thumb:horizontal{
  background: #ccc;
  border-radius: 10px;
} */


.scroll2::-webkit-scrollbar {
    width: 5px;
}

/* Track */
.scroll2::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
.scroll2::-webkit-scrollbar-thumb {
    background: #ccc;
}

    /* Handle on hover */
    .scroll2::-webkit-scrollbar-thumb:hover {
        background: #ccc;
    }

.scroll2::-webkit-scrollbar:horizontal {
    height: 5px;
    /* background-color: red; */
}

.scroll2::-webkit-scrollbar-thumb:horizontal {
    background: #ccc;
    border-radius: 3px;
}



.select2-results__options::-webkit-scrollbar {
    width: 5px;
}

.select2-results__options::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.select2-results__options::-webkit-scrollbar-thumb {
    background: #ccc;
}

.select2-results__options::-moz-scrollbar {
    width: 5px;
}

.select2-results__options::-moz-scrollbar {
    background: #f1f1f1;
}

.select2-results__options::-moz-scrollbar-thumb {
    background: #ccc;
}


/* custom- scroll=====================end */



.accordion-border-box .accordion-item:not(:first-of-type) {
    margin-top: 0px;
}

.accordion-border-box .accordion-item {
    border-top: 1px solid var(--vz-border-color);
    border-radius: 0rem;
}

.delieveryDiv h2 {
    font-size: 14px;
    font-weight: 600;
    /* font-family: Helvetica-Bold !important; */
}

label {
    color: #424344 !important;
}

.leftPanelBatch01 {
    width: 350px;
    background: #F3F4F4;
    padding: 20px 25px;
    height: auto;
    float: right;
}

    .leftPanelBatch01 h3 {
        font-size: 16px;
        text-align: center;
        color: #000;
        padding: 10px 0;
    }

    .leftPanelBatch01 p {
        font-size: 13px;
    }
/* .optionGroupCustom > .ms-options-wrap > .ms-options {
  z-index: 9 !important;
  height: auto !important;
  max-height: auto !important;
  min-height: auto !important;
} */

.ms-options {
    z-index: 9 !important;
}

.checkbox_divBatchfile {
    margin: 0;
    padding: 0;
}

    .checkbox_divBatchfile li {
        float: left;
        margin-right: 35px;
    }

.modal-title {
    text-align: left;
    line-height: 21px;
    font-size: 16px !important;
    padding-right: 20px;
}

.StepContentNew_001 h2 {
    text-align: left;
    color: #000;
    padding: 0 !important;
    margin: 0 !important;
    font-weight: bold;
    /* font-family: Helvetica-Bold !important; */
    font-size: 24px;
    padding-bottom: 15px !important;
}

.StepContentNew_001 p {
    margin: 0;
    margin-bottom: 20px;
    color: #000;
    font-size: 15px;
}

.footerImg img {
    width: 100%;
}

.footerImg {
    width: 100px !important;
}

.footerCon p {
    margin-bottom: 0;
}

.StepContentNew_001 a {
    text-decoration: underline !important;
}

.footerCon a {
    text-decoration: underline !important;
}

.logo_partNew_01 img {
    width: 135px;
    margin: 0 auto;
    display: block;
}

.body_new02 {
    padding: 40px !important;
}


.PageBreadcrumbTitle {
    border-bottom: none !important;
    padding-top: 22px;
    padding-bottom: 9px;
}

:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar="dark"][data-sidebar-size="sm-hover"] .navbar-brand-box {
    margin-bottom: 5px;
}

.PageBreadcrumbTitle h5 {
    font-size: 18px;
    color: #2b589f;
}

.sidenav-headerNew01 h5 {
    padding: 10px 20px;
}

.closebtnSideNav_001 {
    background: none !important;
    position: absolute !important;
    top: 22px !important;
    right: 18px !important;
    font-size: 21px !important;
    z-index: 99999999 !important;
    border-radius: 50px !important;
    width: 25px !important;
    height: 25px !important;
    line-height: 27px !important;
    text-align: center !important;
}

    .closebtnSideNav_001 i {
        color: #0f2248 !important;
    }

        .closebtnSideNav_001 i:hover {
            color: #062970 !important
        }

.sidenavForTitle_boxDel {
    padding: 0;
    z-index: 9999;
    top: 70px;
}

    .sidenavForTitle_boxDel a {
        top: 8px !important;
    }


.modal_headerNew02 {
    padding: 0 20px;
    padding-bottom: 0px;
    background: #0f2248;
    position: absolute;
    float: right;
    text-align: right;
    width: 100%;
    z-index: 9;
    height: 50px;
}

    .modal_headerNew02 h5 {
        color: #fff;
        font-size: 16.5px !important;
    }

.field_div01 {
    width: 100% !important;
}



/* select 2 custom css =======================Start */


.select2-dropdown--below {
    /* max-width: 165px !important;
  min-width: 230px !important; */
    /* min-width: 250px; */
    /* margin-top: 10px; */
    min-width: auto;
    margin-top: 3px;
}

.select2-dropdown--above {
    margin-top: -3px !important;
}

/* .select2-dropdown--below::before{
  top: -7px;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  left: 8px;
}
.select2-dropdown--below::after{
  top: -6px;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-left: 6px solid transparent;
  left: 8px;
}
.select2-dropdown--below::before, .select2-dropdown--below::after {
  position: absolute;
  display: inline-block;
  content: '';
} */

.select2-container--default .select2-search--dropdown {
    border-radius: 6px;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom-left-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
}

.select2-selection__arrow {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 0.5rem center;
    background-size: 16px 12px;
    top: 1px !important;
    height: 38px !important;
    /* width: 18px !important; */
}

    .select2-selection__arrow b {
        display: none !important;
    }

/* .form-select{
  background-position: right 0.3rem center;
  background-size: 10px 10px;
} */

/* select 2 custom css =======================End */


.conDiv01 h3 {
    font-size: 13.5px;
    margin: 0;
    color: #22467f;
}

.conDiv01 p {
    font-size: 10px;
    color: #929292;
    margin: 0;
}

.conbtn01 a {
    text-decoration: none !important;
    float: right;
    background: #eef0f2;
    padding: 4px 8px !important;
    font-size: 12px !important;
    color: #60656c !important;
}

    .conbtn01 a:hover {
        background: #eaeaea;
    }

.modalBodyExports {
    height: 350px;
    overflow-y: scroll;
    padding: 40px 15px 15px 15px !important;
}

.conbtn01 {
    justify-content: end;
    display: flex;
    align-items: end;
}

.mainExportsDiv {
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid #eceaea;
    padding-bottom: 12px;
    padding-top: 12px;
    margin: 0;
}

.mainExportsDiv01 {
    display: flex;
    justify-content: center;
    align-items: center;
}

.mainExportsDiv span {
    padding: 0;
    color: #2f8743;
    font-size: 18px;
}

.notClickable {
    opacity: 0.4;
    pointer-events: none;
    user-select: none;
}

    .notClickable span {
        display: none;
    }

.refBtn_01 {
    position: absolute;
    right: 65px;
    color: #808a9f;
}

    .refBtn_01:hover {
        color: #c3c7d1;
    }

.show_bgManageSource01 {
    margin: -8px 0px 0 0px;
    border: 3px solid #f0f8ff;
    padding: 20px 5px 26px 5px;
}

.can-toggleNew label {
    border-bottom: unset !important;
    padding: 0;
}
/* .AffID_subIDs {
  border: 1px solid #efeeee;
  padding: 15px;
  height: 450px;
  overflow-y: scroll;
  border-radius: 4px;
} */

.AffID_subIDs {
    border: 1px solid #efeeee;
    padding: 15px;
    height: auto;
    overflow-y: scroll;
    border-radius: 4px;
    min-height: 100px;
    max-height: 150px;
}

.checkboxManageSources {
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
    padding: 0;
    cursor: pointer;
}

    .checkboxManageSources label {
        border-bottom: unset !important;
        cursor: pointer;
    }

    .checkboxManageSources input {
        color: #424344;
        border: 1px solid #424344;
        border-radius: 2px !important;
        margin-right: 5px;
        cursor: pointer;
    }

.checkboxManageSources01 {
    columns: 1;
    -webkit-columns: 1;
    -moz-columns: 1;
    padding: 0;
    cursor: pointer;
}

    .checkboxManageSources01 label {
        border-bottom: unset !important;
        cursor: pointer;
    }

    .checkboxManageSources01 input {
        color: #424344;
        border: 1px solid #424344;
        border-radius: 2px !important;
        margin-right: 5px;
        cursor: pointer;
    }

.iconBtn a {
    top: 0 !important;
    font-size: 14px;
    padding: 5px 10px 5px 40px;
    color: #fff;
}

.btn-primaryCustom {
    background: #fff !important;
    color: #595a5b !important;
    border: 1px solid #e1e1e1 !important;
}

.labelIconCustom {
    background: #F3F3F3 !important;
    margin: 1px;
}

.hrDiv {
    margin: 2rem 0;
}

.btnGroupIcon {
    position: relative;
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
}
    /* .btnGroupIcon button {
  padding: 2px 37px 2px 5px;
} */
    .btnGroupIcon i {
        position: absolute;
        background: #e4ebf5;
        width: 20px;
        height: 26px;
        display: flex;
        right: 0;
        justify-content: center;
        align-items: center;
        color: #000;
        top: 0px;
        font-size: 11px !important;
        border-radius: 0 3px 3px 0 !important;
    }

        .btnGroupIcon i::before {
            position: relative !important;
            top: 0.6px !important;
        }

.btn-primaryCustom.right {
    padding-left: 5px;
    padding-right: 24px;
}

.btnGroupIcon i:hover {
    background: #d1daea;
    cursor: pointer;
}

.btn-primaryCustom {
    background: #dae3f1 !important;
    border: none !important;
    font-size: 12px;
    color: #000 !important;
    cursor: default !important;
    letter-spacing: 0.5px;
}


.exportFile01 h5 {
    font-size: 14px;
}

.exportFile01 strong {
    font-size: 14px;
    padding-left: 0;
}

.statusToggle {
    float: left;
    position: relative;
    top: 0px;
    padding-right: 10px;
}

    .statusToggle span {
        position: relative;
        padding-left: 0px;
        top: -5px;
    }

.custCol_03 {
    width: 100px;
    padding-right: 0;
}


.wrapper01 .tooltip01 {
    background: #fff;
    /* bottom: 96%; */
    color: #000;
    display: block;
    margin-bottom: 15px;
    opacity: 0;
    padding: 10px;
    pointer-events: none;
    position: absolute;
    width: 200px;
    text-align: left;
    border-radius: 10px;
    z-index: 999;
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-transition: all .25s ease-out;
    -moz-transition: all .25s ease-out;
    -ms-transition: all .25s ease-out;
    -o-transition: all .25s ease-out;
    transition: all .25s ease-out;
    -webkit-box-shadow: 1px 2px 7px rgba(0, 0, 0, 0.28);
    -moz-box-shadow: 1px 2px 7px rgba(0, 0, 0, 0.28);
    -ms-box-shadow: 1px 2px 7px rgba(0, 0, 0, 0.28);
    -o-box-shadow: 1px 2px 7px rgba(0, 0, 0, 0.28);
    box-shadow: 1px 2px 7px rgba(0, 0, 0, 0.28);
    margin-top: 10px;
    white-space: initial !important;
}


/* This bridges the gap so you can mouse into the tooltip without it disappearing */
/* .wrapper01 .tooltip01:before {
bottom: -20px;
content: " ";
display: block;
height: 20px;
left: 0;
position: absolute;
width: 100%;
}
 */
/* CSS Triangles - see Trevor's post */
/* .wrapper01 .tooltip01:after {
border-left: solid transparent 10px;
border-right: solid transparent 10px;
border-bottom: solid #ccc 10px;
top: -10px;
content: " ";
height: 0;
left: 50%;
margin-left: -13px;
position: absolute;
width: 0;
}
 */

/*tooltipCustom=============start  */

.wrapperCustom01 .tooltipCustom01 {
    background: #fff;
    /* bottom: 96%; */
    color: #000;
    display: block;
    margin-bottom: 15px;
    opacity: 0;
    padding: 10px;
    pointer-events: none;
    position: absolute;
    width: 275px;
    text-align: left;
    border-radius: 5px;
    z-index: 999;
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-transition: all .25s ease-out;
    -moz-transition: all .25s ease-out;
    -ms-transition: all .25s ease-out;
    -o-transition: all .25s ease-out;
    transition: all .25s ease-out;
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.28);
    margin-top: 7px;
}

.wrapperCustom01:hover .tooltipCustom01 {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
}

.wrapperCustom01 .tooltipCustom01 {
    display: none;
}

.wrapperCustom01:hover .tooltipCustom01 {
    display: block;
}

.tooltipCustom01 h5 {
    font-size: 13px;
    color: #000;
}

.tooltipCustom01 p {
    font-size: 11px;
    color: #6f6f6f;
    font-weight: 500;
    white-space: wrap !important;
    margin: 0;
    line-height: 16px;
}



.tooltipCustom01::before, .tooltipCustom01::after {
    position: absolute;
    display: inline-block;
    /* border-bottom-color: rgba(0, 0, 0, 0.2); */
    content: '';
}

.tooltipCustom01::before {
    top: -7px;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    left: 15px;
}

.tooltipCustom01::after {
    top: -6px;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    border-bottom-color: rgb(255, 255, 255);
    border-left: 6px solid transparent;
    left: 15px;
}

/*tooltipCustom=============end  */
/* .trustedPart {
  width: 1040px;
}
.trustedPart03 {
  width: 59%;
} */
.trustedPart01 {
    width: 365px !important;
    padding-right: 0;
}
/* .trustedPart02 {
  justify-content: center;
  display: flex;
}
:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm-hover"] .trustedPart {
  width: 1170px;
}
:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm-hover"] .trustedPart03 {
  width: 63%;
} */

.can-toggle label .can-toggle__switch01::after {
    content: attr(data-unchecked);
    position: absolute;
    z-index: 5;
    text-transform: capitalize;
    text-align: center;
    /* background: #2a579f; */
    transform: translate3d(0, 0, 0);
    /* color: #fff !important; */
    color: #515752 !important;
    background-color: #e5eae5 !important;
    border: 2px solid #c1c1c1;
    line-height: 35.5px !important;
}

.can-toggle.demo-rebrand-1 label .can-toggle__switch01::before {
    color: #fff !important;
    background-color: #2a579f !important;
    cursor: pointer;
    border: 2px solid #2a579f;
    height: 40px;
}

.rpt_icn:hover {
    cursor: pointer !important;
    color: #2b589f !important;
}

.rpt_icn {
    color: #979899 !important;
    font-size: 15px;
    position: relative;
    top: 1px;
}

.spinner-borderCuston {
    top: 10px !important;
    width: 20px;
    height: 20px;
    color: #2b589f !important;
    left: 25px !important;
}

.divCustomize label {
    border: none;
    margin: 0;
    background: #0000;
    padding-bottom: 5px;
}

.navTop_btn a {
    top: 0px !important;
    position: absolute;
    display: block;
    width: 120px;
    font-size: 14px;
    right: 12px;
}

.copyCust i {
    font-size: 14px !important;
    position: relative;
    top: -10px;
    left: 6px;
    color: #abb2b8;
}

    .copyCust i:hover {
        color: #2b589f;
    }

.IconCus_01 i {
    font-size: 14px;
    color: #abb2b8;
}

    .IconCus_01 i:hover {
        color: #2b589f;
    }

.IconCus_01 a {
    top: 0 !important;
}

/* img loader===============================Start */

.img_loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    /* background: url('../images/opta-gif03.gif') 50% 50% no-repeat rgb(249,249,249); */
    background: url('../images/opta-gif04-02.gif') 50% 50% no-repeat rgb(249,249,249);
    background-size: auto;
    opacity: 0.8;
    /* background-size: 4%; */
    background-size: 80px;
}


.img_loader01 {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 99999;
    /* background: url('../images/opta-gif03.gif') 50% 50% no-repeat rgb(249,249,249); */
    /* background: url('../images/opta-gif04-03.gif') 50% 50% no-repeat rgb(249,249,249);
    background-size: auto; */
    /* opacity: 0.8; */
    /* background-size: 80px; */
    background: #ffffffd6;
}

    .img_loader01 img {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        width: 80px;
    }


.img_loaderSmall {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    /* background: url('../images/opta-gif03.gif') 50% 50% no-repeat rgb(249,249,249); */
    /* background: url('../images/opta-gif04-03.gif') 50% 50% no-repeat rgb(249,249,249);
    background-size: auto; */
    /* opacity: 0.8; */
    /* background-size: 80px; */
    background: #ffffffd6;
}

    .img_loaderSmall img {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        width: 25px;
    }

.img_loader01_innerpage {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: #ffffffd6;
}

    .img_loader01_innerpage img {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        width: 80px;
    }

/* img loader===============================End */


.min_maxSize input {
    width: 40px;
    border: 1px solid #ccc;
    border-radius: 3px;
    margin-right: 6px;
    text-align: center;
    height: 30px;
}





.userKey:hover {
    fill: #2b589f;
}

.userKey {
    width: 15px !important;
    fill: #b1b1b1;
    position: relative;
    top: -1px;
}

.DragHandle {
    width: 20px;
    color: #0077b6 !important;
    cursor: -moz-grab;
}

.downloadIcon a:hover {
    color: #2b589f;
}

.hide01Terms {
    color: #5d6369;
    border-top: 1px solid #ccc;
    padding-top: 5px;
}

.hide02Terms {
    width: 100%;
    padding: 5px;
    margin-bottom: 10px;
    /* border-left: 4px solid; */
    padding-left: 5px;
}




.number_01, span {
    cursor: pointer;
}

.number_01 {
    /* margin:100px; */
}

.minus_01, .plus_01 {
    width: 20px;
    height: 20px;
    background: #f2f2f2;
    border-radius: 4px;
    padding: 8px 5px 8px 5px;
    border: 1px solid #ddd;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
}

.number_01 input {
    height: 34px;
    width: 40px;
    text-align: center;
    font-size: 26px;
    border: 1px solid #ddd;
    border-radius: 4px;
    display: inline-block;
    vertical-align: middle;
}

.number_02, span {
    cursor: pointer;
}

.number_02 {
    /* margin:100px; */
}

.minus_02, .plus_02 {
    width: 20px;
    height: 20px;
    background: #f2f2f2;
    border-radius: 4px;
    padding: 8px 5px 8px 5px;
    border: 1px solid #ddd;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
}

.number_02 input {
    height: 34px;
    width: 40px;
    text-align: center;
    font-size: 26px;
    border: 1px solid #ddd;
    border-radius: 4px;
    display: inline-block;
    vertical-align: middle;
}






/* .frame {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 400px;
  height: 400px;
  margin-top: -200px;
  margin-left: -200px;
  border-radius: 2px;
  box-shadow: 4px 8px 16px 0 rgba(0,0,0,0.1);
  overflow: hidden;
  background: #fff;
  color: #333;
  font-family: 'Open Sans', Helvetica, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
} */

/* .center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
} */

/* .container {
  display: flex;
  border: 4px solid #404040;
  background: #FFDC00;
  border-radius: 10rem;
  width: 60%;
  padding: 1rem;
  justify-content: space-between;
  align-items: center;
  align-content: center;
} */



.sizeButton, .sizeNumber {
    width: 100%;
    /* background: #ECECEC; */
    border: 0px;
    text-align: center;
}

    .sizeButton button {
        border: none;
        font-size: 19px;
        height: 25px;
        width: 20px;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0;
        margin: 0;
        background: transparent;
    }

#countNumber {
    font-size: 14px;
    display: flex;
    height: 25px;
    margin: 0;
    justify-content: center;
    align-items: center;
    background: #f6f6f6;
}

.sizeButton {
    float: left;
    width: 20px;
    height: 25px;
}

.sizeNumber {
    width: 30px;
    float: left;
    height: 25px;
}

#minus-btn i {
    font-size: 10px !important;
}

#plus-btn i {
    font-size: 10px !important;
}

.center01 {
    width: 72px;
    float: left;
    border-radius: 3px;
    background: #fdfdfd;
    border: 1px solid #e6e6e6;
}

#countNumber_01 {
    font-size: 14px;
    display: flex;
    height: 25px;
    margin: 0;
    justify-content: center;
    align-items: center;
    background: #f6f6f6;
}


.cusTr01, .cusTr02, .cusTr03, .cusTr03, .cusTr04, .cusTr05, .cusTr06, .cusTr07, .cusTr08 {
    font-size: 14px;
    /* font-weight: bold; */
    color: #494a4b;
    /* justify-content: center; */
    display: flex;
    align-items: center;
    padding: .75rem .6rem;
}

.cusTr01, .cusTr02, .cusTr03, .cusTr03, .cusTr04, .cusTr05, .cusTr06, .cusTr07 {
    border-right: 1px solid #f1f2f3;
}

.cusTr01 {
    border-right: 1px solid #f1f2f3;
    width: 30px;
    padding: .75rem .6rem;
}

.cusTr03 {
    width: 26%;
}

.cusTr06 {
    width: 16%;
}

.cusTr05 {
    width: 10%;
}

.cusTr07 {
    width: 15%;
}

.cusTr08 {
    width: 5%;
}

.fa-key:hover {
    color: #2b589f !important;
}



.dvStatus_01 {
    border: none;
    border-radius: 3px;
    background: #2b589f !important;
    font-size: 14px;
}

    .dvStatus_01:hover {
        background: #083c8f !important;
    }


.select2-search__field {
    z-index: 99999999 !important;
}




.destination {
    height: 100vh;
    overflow-y: scroll;
    scroll-behavior: smooth;
    position: relative;
    padding-bottom: 250px;
}



.select2-results__option::before {
    border: 1px solid #424344;
    border-radius: 2px !important;
    cursor: pointer;
    width: 1.1rem !important;
    height: 1.1rem !important;
}

.select2-container--default .select2-results__option--selected::before {
    background-color: #2b589f !important;
    font-size: 10px !important;
    line-height: 18px !important;
    width: 1.1rem !important;
    height: 1.1rem !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e") !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #eff2f7 !important;
    color: #000 !important;
    line-height: 20px !important;
}

.select2-results__option--selectable {
    cursor: pointer;
    line-height: 20px !important;
}


.checkbox_div_1Col {
    columns: 1;
    -webkit-columns: 1;
    -moz-columns: 1;
    padding: 0;
}

    .checkbox_div_1Col li {
        list-style: none;
    }

    .checkbox_div_1Col input {
        color: #424344;
        border: 1px solid #424344;
        border-radius: 2px !important;
        margin-right: 5px;
        cursor: pointer;
    }

    .checkbox_div_1Col label {
        cursor: pointer;
        font-weight: 400;
        color: #000;
        font-size: 14px;
    }



/* .select2-container--default .select2-results__option--selected::before {display: none;}
  .select2-results__option::before {display: none;} */


/* UnpublishEdit CSS========================Start */
.unPublishedEdit {
    position: fixed;
    bottom: 30px;
    width: 62%;
    z-index: 1;
    /* bottom: 0;
    background: #fff;
    margin-left: -25px;
    z-index: 2;
    padding: 10px;
    border: 1px solid #e4e3e3; */
    /* display: none; */
}


    .unPublishedEdit p {
        padding: 0;
        margin: 0;
        /* line-height: 39px; */
        /* padding-left: 13px; */
    }

.rowDiv {
    width: 100% !important;
    margin: 0 auto;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
    /* box-shadow: 0px -1px 22px #ccc; */

    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    padding: 7px 12px;
}

.left_side01 {
    z-index: 9;
}

/* :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm-hover"] .unPublishedEdit {
    width: 73%;
  } */
/* :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="lg"] .unPublishedEdit {
    width: 70%;
  } */
@media screen and (min-width: 300px) and (max-width: 850px) {
    .rowDiv div {
        width: 100% !important;
    }

    .unPublishedEdit {
        bottom: 20px !important;
        margin-right: 20px;
    }

    .rowDiv p {
        padding: 5px !important;
        text-align: left;
    }

    .leftbtnUnpub01 {
        float: left;
    }

    .profile_part button {
        left: -13px !important;
    }

    .rowDiv button {
        float: left;
    }
}

@media screen and (max-width: 767px) {
    :is([data-layout=vertical],[data-layout=semibox]) .app-menu {
        margin-left: 0%;
    }

    :is([data-layout=vertical],[data-layout=semibox])[data-sidebar-size=sm-hover] .navbar-menu {
        width: 46px !important;
        font-size: 11px !important;
    }

    .navbar-menu {
        width: 146px !important;
        font-size: 11px !important;
    }

    .nav-link span {
        font-size: 9px !important;
    }

    .navbar-menu .navbar-nav .nav-link {
        padding: 0em 0.5rem !important;
    }

    li.nav-item a {
        font-size: 9px !important;
    }

    .profile_part {
        width: 146px;
    }

    .closeNav {
        left: 105px;
    }

    .openNav {
        left: 9px;
        bottom: 80px;
    }

    :is([data-layout=vertical],[data-layout=semibox])[data-sidebar-size=sm-hover] .navbar-menu:hover {
        width: 35px !important;
    }

    :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm-hover"] .navbar-menu:hover .profile_part {
        width: 20px !important;
    }

    :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm-hover"] .navbar-menu .navbar-nav .nav-link[data-bs-toggle="collapse"][aria-expanded="false"]::after {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        display: none;
    }

    :is([data-layout=vertical],[data-layout=semibox])[data-sidebar-size=sm-hover] .main-content {
        margin-left: 25px;
    }

    .navbar-brand-box {
        height: 70px;
        padding: 0 1.3rem;
    }

    .page_btn a {
        margin-bottom: 10px;
    }

    .input-area.md-form.md-outline.input-with-post-icon {
        width: 210px;
    }

    :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar="dark"][data-sidebar-size="lg"] .left_side01 {
        left: 142px;
        margin-top: 2px;
    }

    :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm-hover"] .left_side01 {
        left: 58px;
        margin-top: 39px;
    }

    .unPublishedEdit {
        margin-right: 20px;
        bottom: 86px;
        width: auto;
    }

    .rowDiv button {
        margin-bottom: 5px;
        margin-top: 5px;
    }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    /* .navbar-menu {width: 146px !important; font-size: 11px !important;}
    .nav-link span {font-size: 9px !important;}
    .navbar-menu .navbar-nav .nav-link { padding: 0em 0.5rem !important;}
    li.nav-item a { font-size: 9px !important; }
    .profile_part { width: 146px;}
    .closeNav {left: 105px;}
    .openNav{left: 9px; bottom: 80px;}
    :is([data-layout=vertical],[data-layout=semibox])[data-sidebar-size=sm-hover] .navbar-menu:hover { width: 35px !important;}
    :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm-hover"] .navbar-menu:hover .profile_part {width: 20px !important;}
    :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm-hover"] .navbar-menu .navbar-nav .nav-link[data-bs-toggle="collapse"][aria-expanded="false"]::after {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        display: none;
    }
    :is([data-layout=vertical],[data-layout=semibox])[data-sidebar-size=sm-hover] .main-content {margin-left: 25px;}
    .navbar-brand-box {  height: 70px; padding: 0 1.3rem;}
    .page_btn a { margin-bottom: 10px;}
    .input-area.md-form.md-outline.input-with-post-icon { width: 210px;}
    :is([data-layout=vertical],[data-layout=semibox])[data-sidebar-size=sm-hover] .main-content { margin-left: 22px !important;}
    .main-content { margin-left: 142px !important;}
    #page-topbar { left: 146px;}
    [data-layout=vertical]:is([data-sidebar-size=sm],[data-sidebar-size=sm-hover]) #page-topbar { left: 40px;}
    :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar="dark"][data-sidebar-size="lg"] .left_side01 { left: 158px;top: 144px;}
    .left_side01 { width: 125px;}
    .page_tab { padding: 0.2rem 0.5rem !important; font-weight: 400 !important; font-size: 11px !important;}
    :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar="dark"][data-sidebar-size="sm-hover"] .left_side01 { left: 50px;}
    .right_side01 { width: 100%;right: -120px;} */
    .unPublishedEdit {
        margin-right: 20px;
        bottom: 86px;
        width: auto;
    }

    .rowDiv button {
        margin-bottom: 5px;
        margin-top: 5px;
    }

    .page-content {
        width: 90%;
    }

    /* .rowDiv div { width: 100% !important;} 
    .unPublishedEdit {bottom: 20px !important;margin-right: 20px;}
    .rowDiv p {padding: 5px !important; text-align: center;}
    .leftbtnUnpub01 { float: left; margin-top: 10px !important; }
    .profile_part button {left: -13px !important;} */

}

@media screen and (min-width: 1025px) and (max-width: 1278px) {
    /* .unPublishedEdit {margin-right: 20px; bottom: 86px;width: auto;} */
    .rowDiv button {
        margin-bottom: 5px;
        margin-top: 5px;
    }

    .page-content {
        width: 90%;
    }

    :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm-hover"] .unPublishedEdit {
        width: 61.5% !important;
    }

    .unPublishedEdit {
        width: 42.5% !important;
    }
}

@media screen and (min-width: 1500px) and (max-width: 1511px) {
    :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm-hover"] .unPublishedEdit {
        width: 72.7% !important;
    }

    .unPublishedEdit {
        width: 61% !important;
    }
}

@media screen and (min-width: 1512px) and (max-width: 1530px) {
    :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm-hover"] .unPublishedEdit {
        width: 72.7% !important;
    }

    .unPublishedEdit {
        width: 61% !important;
    }
}

@media screen and (min-width: 1536px) and (max-width: 1590px) {
    :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm-hover"] .unPublishedEdit {
        width: 72.7% !important;
    }

    .unPublishedEdit {
        width: 61.5% !important;
    }
}

@media screen and (min-width: 1440px) and (max-width: 1490px) {
    :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm-hover"] .unPublishedEdit {
        width: 71%;
    }

    .unPublishedEdit {
        width: 59% !important;
    }
}

@media screen and (min-width: 1400px) and (max-width: 1430px) {
}

@media screen and (min-width: 1366px) and (max-width: 1399px) {
    :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm-hover"] .unPublishedEdit {
        width: 70% !important;
    }

    .unPublishedEdit {
        width: 57% !important;
    }

    /* .forResFix {height: 65vh; overflow-y: scroll;} */
}

@media screen and (min-width: 1350px) and (max-width: 1365px) {
    :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm-hover"] .unPublishedEdit {
        width: 70% !important;
    }

    .unPublishedEdit {
        width: 57% !important;
    }

    /* .forResFix {height: 65vh; overflow-y: scroll;} */
}

@media screen and (min-width: 1280px) and (max-width: 1349px) {

    :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm-hover"] .unPublishedEdit {
        width: 69% !important;
    }

    .unPublishedEdit {
        width: 54% !important;
    }

    /* .forResFix {height: 65vh; overflow-y: scroll;} */
}

@media screen and (min-width: 1600px) and (max-width: 1919px) {
    :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm-hover"] .unPublishedEdit {
        width: 74% !important;
    }

    .unPublishedEdit {
        width: 63% !important;
    }
}

@media screen and (min-width: 1920px) {
    :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm-hover"] .unPublishedEdit {
        width: 78.5% !important;
    }
    /* :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="lg"] .unPublishedEdit {width: 80% !important;} */
    .unPublishedEdit {
        width: 69.2% !important;
    }
}

@media screen and (min-width: 2100px) and (max-width: 2199px) {
    :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm-hover"] .unPublishedEdit {
        width: 80.5% !important;
    }

    .unPublishedEdit {
        width: 72% !important;
    }
}

@media screen and (min-width: 2200px) and (max-width: 2399px) {
    :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm-hover"] .unPublishedEdit {
        width: 81.5% !important;
    }

    .unPublishedEdit {
        width: 73% !important;
    }
}

@media screen and (min-width: 2400px) and (max-width: 2499px) {
    :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm-hover"] .unPublishedEdit {
        width: 82.5% !important;
    }

    .unPublishedEdit {
        width: 75.5% !important;
    }
}

@media screen and (min-width: 2500px) and (max-width: 2599px) {
    :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm-hover"] .unPublishedEdit {
        width: 83.5% !important;
    }

    .unPublishedEdit {
        width: 76.4% !important;
    }
}

@media screen and (min-width: 2600px) and (max-width: 4500px) {
    :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm-hover"] .unPublishedEdit {
        width: 84% !important;
    }

    .unPublishedEdit {
        width: 77% !important;
    }

    .rowDiv {
        width: 1700px !important;
    }
}

.sidenav_02 {
    z-index: 2 !important;
}

@media screen and (min-width: 1080px) and (max-width: 1399px) {
    .unPublishedEdit {
        bottom: 5px !important;
    }
}



/* UnpublishEdit CSS========================End */



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

.can-toggle.demo-rebrand-1 label .can-toggle__switch::before {
    border-radius: 3px 0px 0px 3px;
}

.can-toggle.demo-rebrand-1 label .can-toggle__switch::after {
    border-radius: 0px 3px 3px 0px;
}

.can-toggle.demo-rebrand-1 input[type="checkbox"]:checked ~ label .can-toggle__switch::after {
    border-radius: 3px 0 0 3px;
}

.can-toggle input[type="checkbox"]:checked ~ label .can-toggle__switch::before {
    border-radius: 0px 3px 3px 0px;
}


/* Drilldown Report page CSS========================Start */

.configureBtn a {
    background: #2b589f !important;
    font-size: 14px;
    min-width: 110px;
}

    .configureBtn a:hover {
        background: #083c8f !important;
    }

.configureBtn {
    text-align: right;
    padding: 0;
}

.cusDivNew {
    float: left;
    margin-right: 10px;
    font-size: 14px;
    color: #212229;
}

    .cusDivNew input {
        color: #424344;
        border: 1px solid #424344;
        border-radius: 2px !important;
        cursor: pointer;
        position: relative;
        top: -1px;
    }

    .cusDivNew i:hover {
        cursor: grab;
        color: #4f92fe;
    }

.firstDraDivNew {
    width: 100%;
    height: 26px;
}

.gragble01Div {
    /* width: 160px;
      margin: 20px; */
}

.ui-sortable-helper {
    border-bottom: 1px solid #ccc;
    width: 100%;
    height: 26px;
}

.ui-sortable-placeholder {
    width: 100%;
    height: 26px;
}

.CusAccordionBtn::after {
    left: 0.6rem !important;
    position: absolute;
}

.CusAccordionBtn span {
    padding-left: 10px;
    position: relative;
    top: 1px;
}

.CusAccordionBtn {
    padding-top: 10px;
    padding-bottom: 10px;
}

    .CusAccordionBtn:not(.collapsed)::after {
        transform: rotate(0deg);
    }

.for_headerFixed {
    height: auto;
    overflow-y: scroll;
    margin-bottom: 10px;
    max-height: 300px;
}

/* Drilldown Report page CSS========================Start */


.tableCusHeader01 {
    background-color: #eff1f2;
}

/* .unpublishedBtnTop {
  background: #dae3f1;
  margin-left: 20px;
  border-radius: 50px;
  padding: 5px 16px;
  font-size: 13px;
  position: relative;
  top: 4px;
  color: #000;
  font-weight: 600;
  margin-top: -9px;
  letter-spacing: 0.5px;
} */
.unpublishedBtnTop {
    background: #dae3f1;
    margin-left: 20px;
    border-radius: 50px;
    padding: 3px 10px;
    font-size: 13px;
    position: relative;
    top: 2px;
    color: #000;
    /* font-weight: 600; */
    /* font-family: Helvetica-Bold !important; */
    margin-top: -5px;
    /* letter-spacing: 0.5px; */
}

@media screen and (min-width: 1025px) and (max-width: 1200px) {
    .unpublishedBtnTop {
        margin-left: 0px;
        top: 4px;
        margin-top: 0px;
    }

    :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm-hover"] .unpublishedBtnTop {
        margin-left: 20px !important;
        margin-top: -9px;
    }
}









/* .tooltip {
  position: relative;
  cursor: pointer;
} */

/* Native HTML tooltip */
/* [data-tooltip]:hover::after {
  content: attr(data-tooltip);
  position: absolute;
  background: #333;
  color: white;
  padding: 5px 10px;
  border-radius: 4px;
  font-size: 14px;
  white-space: nowrap;
  z-index: 100;
  top: -30px;
  left: 50%;
  transform: translateX(-50%);
} */

/* jQuery tooltip styling */
.custom-tooltip {
    background: #fff;
    color: 000;
    padding: 5px 10px;
    border-radius: 4px;
    font-size: 14px;
    position: absolute;
    z-index: 100;
    display: none;
    box-shadow: 1px 2px 7px rgba(0, 0, 0, 0.28);
    border-radius: 3px;
}



/* .forRemoveCheckbox .select2-container--default .select2-results__option--selected::before{
  display: none !important; 
} */

/* TextArean on click show div CSS================= Start */

.textarea-container {
    position: relative;
    /* width: 500px; */
    margin: 0px;
}

#myTextarea {
    width: 100%;
    height: 100px;
    padding: 10px;
}

#clickDiv {
    position: absolute;
    background: white;
    border: 1px solid #ccc;
    padding: 10px 0px 10px 10px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
    display: none;
    z-index: 1000;
    width: 210px;
    border-radius: 3px;
    /* max-height: 200px;
overflow-y: scroll;
overflow-x: hidden; */
}

.showTextareaDiv {
    position: absolute;
    background: white;
    border: 1px solid #ccc;
    padding: 10px 0px 10px 10px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
    z-index: 1000;
    width: 210px;
    border-radius: 3px;
}


/* .showTextareaDiv {
  width: 192px;
  border: 1px solid var(--vz-input-border);
  border-radius: 3px;
  margin-top: 8px !important;
  z-index: 1002;
  background: var(--vz-vertical-menu-bg);
  bottom: 0;
  margin-top: 0;
  position: relative;
  -webkit-box-shadow: 0 2px 4px rgba(15, 34, 58, .12);
  box-shadow: 0 2px 4px rgba(15, 34, 58, .12);  
  -webkit-transition: all .1s ease-out;
  transition: all .1s ease-out;
  height: 100%;
  max-height: 200px;
  min-height: 200px;
  overflow-y: scroll;
  overflow-x: hidden;
} */

.navMenuNew01 .navbar-nav .nav-link .active[data-bs-toggle="collapse"][aria-expanded="true"]::after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.navMenuNew01 .navbar-nav .nav-link.collapsed.active::after {
    -webkit-transform: unset !important;
    transform: unset !important;
}

.navMenuNew01 {
    /* width: 215px; */
    padding: 0px;
    margin: 0;
    max-height: 200px;
    overflow-y: scroll;
    overflow-x: hidden;
}

    .navMenuNew01 .navbar-nav .nav-link {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: .625rem 1.5rem;
        color: var(--vz-vertical-menu-item-color);
        font-size: .9375rem;
        font-family:, sans-serif
    }

        .navMenuNew01 .navbar-nav .nav-link.active {
            color: var(--vz-vertical-menu-item-active-color)
        }

        .navMenuNew01 .navbar-nav .nav-link:hover {
            color: var(--vz-vertical-menu-item-hover-color)
        }

        .navMenuNew01 .navbar-nav .nav-link i {
            display: inline-block;
            min-width: 1.75rem;
            font-size: 18px;
            line-height: inherit
        }

        .navMenuNew01 .navbar-nav .nav-link svg {
            width: 18px;
            margin-right: .665rem;
            color: var(--vz-vertical-menu-item-color)
        }

        .navMenuNew01 .navbar-nav .nav-link .badge {
            margin-left: auto;
            margin-right: -2px;
            z-index: 1
        }

        .navMenuNew01 .navbar-nav .nav-link:hover {
            color: var(--vz-vertical-menu-item-hover-color)
        }

            .navMenuNew01 .navbar-nav .nav-link:hover .icon-dual {
                color: var(--vz-vertical-menu-item-hover-color);
                fill: rgba(64, 81, 137, .16)
            }

        .navMenuNew01 .navbar-nav .nav-link[data-bs-toggle=collapse]:after {
            display: block;
            content: "\f0142";
            font-family: "Material Design Icons";
            margin-left: auto;
            -webkit-transition: -webkit-transform .2s;
            transition: -webkit-transform .2s;
            transition: transform .2s;
            transition: transform .2s, -webkit-transform .2s;
            font-size: 1.05rem;
            position: absolute;
            right: 0px;
            color: var(--vz-vertical-menu-title-color)
        }

        .navMenuNew01 .navbar-nav .nav-link[data-bs-toggle=collapse][aria-expanded=true] {
            color: var(--vz-vertical-menu-item-active-color)
        }

            .navMenuNew01 .navbar-nav .nav-link[data-bs-toggle=collapse][aria-expanded=true] .icon-dual {
                color: var(--vz-vertical-menu-item-hover-color);
                fill: rgba(64, 81, 137, .16)
            }

            .navMenuNew01 .navbar-nav .nav-link[data-bs-toggle=collapse][aria-expanded=true]:after {
                -webkit-transform: rotate(90deg);
                transform: rotate(90deg);
                color: var(--vz-vertical-menu-item-active-color)
            }

            .navMenuNew01 .navbar-nav .nav-link[data-bs-toggle=collapse][aria-expanded=true]:before {
                opacity: 1;
                background-color: var(--vz-vertical-menu-item-active-color)
            }

        .navMenuNew01 .navbar-nav .nav-link.collapsed.active::after {
            -webkit-transform: rotate(90deg);
            transform: rotate(90deg)
        }

    .navMenuNew01 .navbar-nav .nav-sm {
        padding-left: 1.75rem
    }

        .navMenuNew01 .navbar-nav .nav-sm .nav-link {
            padding: .55rem 1.5rem !important;
            color: var(--vz-vertical-menu-sub-item-color);
            white-space: none;
            position: relative;
            font-size: .813rem;
        }

            .navMenuNew01 .navbar-nav .nav-sm .nav-link:before {
                content: "";
                width: 6px;
                height: 1.5px;
                background-color: var(--vz-vertical-menu-sub-item-color);
                position: absolute;
                left: 2px;
                top: 16.5px;
                -webkit-transition: all .4s ease-in-out;
                transition: all .4s ease-in-out;
                opacity: .5
            }

            .navMenuNew01 .navbar-nav .nav-sm .nav-link:hover {
                color: var(--vz-vertical-menu-sub-item-hover-color)
            }

                .navMenuNew01 .navbar-nav .nav-sm .nav-link:hover:before {
                    background-color: var(--vz-vertical-menu-sub-item-hover-color) !important;
                    opacity: 1
                }

            .navMenuNew01 .navbar-nav .nav-sm .nav-link.active {
                color: var(--vz-vertical-menu-item-active-color)
            }

                .navMenuNew01 .navbar-nav .nav-sm .nav-link.active:before {
                    background-color: var(--vz-vertical-menu-item-active-color)
                }

        .navMenuNew01 .navbar-nav .nav-sm .nav-sm {
            padding-left: 15px
        }

            .navMenuNew01 .navbar-nav .nav-sm .nav-sm .nav-link:before {
                height: 5px;
                width: 5px;
                left: 5px;
                border-radius: 50%;
                background-color: transparent;
                border: 1px solid;
                top: 16px
            }

    .navMenuNew01 .btn-vertical-sm-hover {
        color: #878a99;
        display: none
    }

    .navMenuNew01 span {
        font-size: 14px !important;
    }

    .navMenuNew01 a {
        width: 95% !important;
    }

.dropdownItemCustom li a {
    padding: 7px 3px !important;
    font-size: 12px !important;
    display: block;
    border-bottom: 1px solid #cccccc52;
}

    .dropdownItemCustom li a span {
        font-size: 12px !important;
    }

.closeIconNew001 {
    position: absolute;
    right: -5px;
    top: -7px;
    color: #fff;
    /* background: #a2a2a2;
  width: 15px;
  height: 15px;
  border-radius: 80px;
  color: #fff;
  font-size: 10px !important;
  line-height: 16px;
  cursor: pointer;
  z-index: 99;
  text-align: center; */
}
    /* .closeIconNew001:hover {
  background: #b5503a;
  color: #fff;
  border: none;
} */
    .closeIconNew001 i {
        position: relative;
        background: #fff;
        width: 15px;
        height: 15px;
        border-radius: 80px;
        color: #4e4343;
        font-size: 10px !important;
        line-height: 14.5px;
        cursor: pointer;
        z-index: 99;
        text-align: center;
        border: 1px solid #ccc;
    }

        .closeIconNew001 i:hover {
            background: #b5503a;
            color: #fff;
            border: none;
            line-height: 15px;
            width: 15px;
            height: 15px;
            border-radius: 80px;
            font-size: 10px !important;
            line-height: 14.5px;
            text-align: center;
        }

/* TextArean on click show div CSS================= End */


.leftPanel01AreaCode {
    width: 350px;
    background: #F3F4F4;
    padding: 20px 25px;
    z-index: 9;
    right: 0px;
    height: auto;
    float: right;
    position: relative;
    top: 0px;
}

    .leftPanel01AreaCode h3 {
        font-size: 16px;
        text-align: center;
        color: #000;
        padding: 10px 0;
    }

    .leftPanel01AreaCode p {
        font-size: 13px;
    }

.div01panelAreaCode {
    padding: 10px;
    border: 2px solid #ccc;
    border-radius: 10px;
    border: 1px solid var(--vz-input-border);
    border-radius: .25rem;
}

    .div01panelAreaCode h4 {
        font-size: 14px;
        font-weight: 400;
        color: #000;
    }

.bottomDivAreaCode a {
    text-decoration: underline !important;
    font-size: 14px;
}

.forSelect2CustomeWidth span {
    width: 115px !important;
    float: right !important;
}

/* For Select 2 Checkbox remove css start */
.select2-results__option:before {
    display: none !important;
}

.select2-results {
    padding: 5px 0;
}
/* For Select 2 Checkbox remove css end */

.ag-group-title.ag-filter-toolpanel-group-title {
    /* font-family: Helvetica !important; */
}


.blueCustom {
    color: #2C589F !important;
}

.greyCustom {
    color: #EFF1F2 !important;
}

/* ---------------------------------------------------------------------------------------------------------------------------------- */


/* Campaign Total, Active, Inactive Count Css=========================Start */
/* .counters-wrapperHeader {                                                    
}
.counter-containerHeader {
  padding: 0;
}
.circle-progressHeader {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    position: relative;
    float: left;
    display: flex;
    justify-content: center;
    align-items: center;

}
.circle-progressHeader::before {
    content: '';
    position: absolute;
    width: 34px;
    height: 34px;
    background: white;
    border-radius: 50%;
}

.numberHeader {
    font-size: 14px;
    font-weight: 500;
    color: #333;
    float: left;
    line-height: 17px;
    position: relative;
    top: 3px;
}
.numberHeader span {
    padding-left: 6px;
    color: #797979;
    font-weight: 400;
    font-size: 12px;
}

.counterHeader {
    color: #3c3c3c !important;
    font-weight: 600 !important;
    font-size: 12px !important;
}


.counter-1 .circle-progressHeader {
background: conic-gradient(#4CAF50 0deg, #eee 0deg);
}

.counter-2 .circle-progressHeader {
background: conic-gradient(#2196F3 0deg, #eee 0deg);
}

.counter-3 .circle-progressHeader {
background: conic-gradient(#FF9800 0deg, #eee 0deg);
}
.camMainDivManage{
  width: 100%;
  padding: 0;
  margin: 0;
}
.camMainDivManage01 {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.camMainDivManage01 > .DivOne_01  {
  flex-grow: 1;
  width: 420px;
}
.camMainDivManage01 > .DivTwo_02  {
  flex-grow: 1;
  width: 220px;
}
.camMainDivManage01 > .DivThree_03  {
  flex-grow: 1;
  width: 270px;
}
.searchWidthCus {
  width: 282px;
  float: left;
} */



@media screen and (min-width: 1024px) and (max-width: 1280px) {
    .page-content {
        width: 100%;
    }
    /* .searchWidthCus { width: 265px;}
  .counters-wrapperHeader{position: absolute;top: -60px;z-index: 999;width: 300px !important;}
  .DivOne_01{width: 55%;}
  .DivThree_03{width: 45%;}
  .camMainDivManage {margin-top: 10px;}

  :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar="dark"][data-sidebar-size="sm-hover"] .searchWidthCus {width: 155px;}
  :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar="dark"][data-sidebar-size="sm-hover"] .DivOne_01 {width: 36%;}
  :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar="dark"][data-sidebar-size="sm-hover"] .DivThree_03 {width: 63%;}
  :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar="dark"][data-sidebar-size="sm-hover"] .counters-wrapperHeader {position: inherit;top: inherit;width: 310px !important;} */

}
/* @media screen and (min-width: 1280px) and (max-width: 1340px){
  .page-content {width: 100%;}
  .searchWidthCus { width: 265px;}
  .counters-wrapperHeader{position: absolute;top: -60px;z-index: 999;width: 300px !important;}
  .DivOne_01{width: 55%;}
  .DivThree_03{width: 45%;}
  .camMainDivManage {margin-top: 10px;}

  :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar="dark"][data-sidebar-size="sm-hover"] .searchWidthCus {width: 155px;}
  :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar="dark"][data-sidebar-size="sm-hover"] .DivOne_01 {width: 36%;}
  :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar="dark"][data-sidebar-size="sm-hover"] .DivThree_03 {width: 63%;}
  :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar="dark"][data-sidebar-size="sm-hover"] .counters-wrapperHeader {position: inherit;top: inherit;width: 310px !important;}

}

@media screen and (min-width: 1341px) and (max-width: 1441px){
  .page-content {width: 100%;}
  .searchWidthCus { width: 170px;}
  .counters-wrapperHeader{width: 300px !important;}
  .DivOne_01{width: 38%;}
  .DivThree_03{width: 62%;}
  .camMainDivManage {margin-top: 10px;}

  :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar="dark"][data-sidebar-size="sm-hover"] .searchWidthCus {width: 265px;}
  :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar="dark"][data-sidebar-size="sm-hover"] .DivOne_01 {width: 40%;}
  :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar="dark"][data-sidebar-size="sm-hover"] .DivThree_03 {width: 60%;}
  :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar="dark"][data-sidebar-size="sm-hover"] .counters-wrapperHeader {position: inherit;top: inherit;width: 330px !important;}

}

@media screen and (min-width: 1450px) and (max-width: 1500px){
  .page-content {width: 100%;}
  .searchWidthCus { width: 170px;}
  .counters-wrapperHeader{width: 300px !important;}
  .DivOne_01{width: 38%;}
  .DivThree_03{width: 62%;}
  .camMainDivManage {margin-top: 10px;}

  :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar="dark"][data-sidebar-size="sm-hover"] .searchWidthCus {width: 265px;}
  :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar="dark"][data-sidebar-size="sm-hover"] .DivOne_01 {width: 40%;}
  :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar="dark"][data-sidebar-size="sm-hover"] .DivThree_03 {width: 60%;}
  :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar="dark"][data-sidebar-size="sm-hover"] .counters-wrapperHeader {position: inherit;top: inherit;width: 330px !important;}

} */

/* Campaign Total, Active, Inactive Count Css=========================End */



/* Campaign Total, Active, Inactive Count Css=========================Start */
.counters-wrapperHeader {
}

.counter-containerHeader {
    padding: 0;
}

.circle-progressHeader {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    position: relative;
    float: left;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .circle-progressHeader::before {
        content: '';
        position: absolute;
        width: 34px;
        height: 34px;
        background: white;
        border-radius: 50%;
    }

.numberHeader {
    font-size: 14px;
    font-weight: 500;
    color: #333;
    float: left;
    line-height: 17px;
    position: relative;
    top: 3px;
}

    .numberHeader span {
        padding-left: 6px;
        color: #797979;
        font-weight: 400;
        font-size: 13px;
    }

.counterHeader {
    color: #3c3c3c !important;
    font-weight: 600 !important;
    font-size: 13px !important;
}


.counter-1 .circle-progressHeader {
    background: conic-gradient(#4CAF50 0deg, #eee 0deg);
}

.counter-2 .circle-progressHeader {
    background: conic-gradient(#2196F3 0deg, #eee 0deg);
}

.counter-3 .circle-progressHeader {
    background: conic-gradient(#FF9800 0deg, #eee 0deg);
}

.camMainDivManage {
    width: 100%;
    padding: 0;
    margin: 0;
}

.camMainDivManage01 {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

    .camMainDivManage01 > .DivOne_01 {
        flex-grow: 1;
        width: 420px;
    }

    .camMainDivManage01 > .DivTwo_02 {
        flex-grow: 1;
        width: 220px;
    }

    .camMainDivManage01 > .DivThree_03 {
        flex-grow: 1;
        width: 270px;
    }

.searchWidthCus {
    width: 282px;
    float: left;
}



.numberHeader {
    line-height: 15px !important;
    position: relative;
    top: 0px !important;
    float: inherit !important;
    font-size: 12px !important;
}

.counter-containerHeader {
    width: 75px !important;
    text-align: center;
    padding: 8.5px 18px !important;
    background: #fff;
    color: #3c3c3c;
    border: 1px solid #e6e5e5;
}

.numberHeader span {
    padding-left: 0 !important;
}

.btnCusCount {
    padding: 8px 5px !important;
    border: 1px solid #e6e5e5 !important;
}

    .btn-check-Custom:checked + .btnCusCount, .btnCusCount.active, .btnCusCount.show, .btnCusCount:first-child:active, :not(.btnCusCount-check-Custom) + .btnCusCount:active {
        color: #000;
        background-color: #fff;
        border-color: #e6e5e5;
    }

    .btnCusCount:hover {
        color: #000;
        background-color: #f3f6f9;
        border-color: #e6e5e5;
    }

.btn-check-Custom + .btnCusCount:hover {
    color: #000;
    background-color: #f3f6f9;
    border-color: #e6e5e5;
}

.activeFilterClass {
    background-color: #f3f6f9;
}



@media screen and (min-width: 1100px) and (max-width: 1280px) {
    .page-content {
        width: 100%;
    }
    /* .searchWidthCus { width: 265px;}
  .counters-wrapperHeader{position: absolute;top: -60px;z-index: 999;width: 300px !important;}
  .DivOne_01{width: 55%;}
  .DivThree_03{width: 45%;}
  .camMainDivManage {margin-top: 10px;}

  :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar="dark"][data-sidebar-size="sm-hover"] .searchWidthCus {width: 155px;}
  :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar="dark"][data-sidebar-size="sm-hover"] .DivOne_01 {width: 36%;}
  :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar="dark"][data-sidebar-size="sm-hover"] .DivThree_03 {width: 63%;}
  :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar="dark"][data-sidebar-size="sm-hover"] .counters-wrapperHeader {position: inherit;top: inherit;width: 310px !important;} */

}
/* @media screen and (min-width: 1280px) and (max-width: 1340px){
  .page-content {width: 100%;}
  .searchWidthCus { width: 265px;}
  .counters-wrapperHeader{position: absolute;top: -60px;z-index: 999;width: 300px !important;}
  .DivOne_01{width: 55%;}
  .DivThree_03{width: 45%;}
  .camMainDivManage {margin-top: 10px;}

  :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar="dark"][data-sidebar-size="sm-hover"] .searchWidthCus {width: 155px;}
  :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar="dark"][data-sidebar-size="sm-hover"] .DivOne_01 {width: 36%;}
  :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar="dark"][data-sidebar-size="sm-hover"] .DivThree_03 {width: 63%;}
  :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar="dark"][data-sidebar-size="sm-hover"] .counters-wrapperHeader {position: inherit;top: inherit;width: 310px !important;}

}

@media screen and (min-width: 1341px) and (max-width: 1441px){
  .page-content {width: 100%;}
  .searchWidthCus { width: 170px;}
  .counters-wrapperHeader{width: 300px !important;}
  .DivOne_01{width: 38%;}
  .DivThree_03{width: 62%;}
  .camMainDivManage {margin-top: 10px;}

  :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar="dark"][data-sidebar-size="sm-hover"] .searchWidthCus {width: 265px;}
  :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar="dark"][data-sidebar-size="sm-hover"] .DivOne_01 {width: 40%;}
  :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar="dark"][data-sidebar-size="sm-hover"] .DivThree_03 {width: 60%;}
  :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar="dark"][data-sidebar-size="sm-hover"] .counters-wrapperHeader {position: inherit;top: inherit;width: 330px !important;}

}

@media screen and (min-width: 1450px) and (max-width: 1500px){
  .page-content {width: 100%;}
  .searchWidthCus { width: 170px;}
  .counters-wrapperHeader{width: 300px !important;}
  .DivOne_01{width: 38%;}
  .DivThree_03{width: 62%;}
  .camMainDivManage {margin-top: 10px;}

  :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar="dark"][data-sidebar-size="sm-hover"] .searchWidthCus {width: 265px;}
  :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar="dark"][data-sidebar-size="sm-hover"] .DivOne_01 {width: 40%;}
  :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar="dark"][data-sidebar-size="sm-hover"] .DivThree_03 {width: 60%;}
  :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar="dark"][data-sidebar-size="sm-hover"] .counters-wrapperHeader {position: inherit;top: inherit;width: 330px !important;}

} */

/* Campaign Total, Active, Inactive Count Css=========================End */

.txt-uline {
    text-decoration: underline !important;
    color: #000 !important;
    font-weight: 400;
}

.card-title {
    color: #000 !important;
    font-weight: 400;
}

.cusTableNew01 h5 {
    color: #000 !important;
    font-weight: 400;
}



/* New Dashboard Css==================start*/

.loginNameHeading h4 {
    color: #000;
    font-weight: 600;
}
/* .dropdown-menuNewdash {
  left: 10px !important;
  top: 3px !important;
  width: 90% !important;
  border-radius: 3px !important;  
} */
.dropdown-menuNewdash {
    left: 0px !important;
    top: 3px !important;
    width: 90% !important;
    border-radius: 3px !important;
    position: fixed !important;
    width: 224px !important;
    top: 3px !important;
}

.dropdown-menu.show {
    display: block;
}

.dropdown-menuNewdash i {
    color: #b1b1b1;
}

    .dropdown-menuNewdash i:hover {
        color: #2b589f !important;
    }

.dropdown-menuNewdash a:hover {
    background: #F3F4F4 !important;
    color: #2b589f !important;
}

.configureIcon {
    margin-left: 25px;
    position: relative;
    right: 3px;
    top: 1px;
    text-decoration: none !important;
}

    .configureIcon i {
        color: #2b589f;
        font-size: 18px;
    }

.input-prefix01New {
    position: absolute;
    top: 7px;
    font-size: 16px;
    right: 12px !important;
}
/* :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm"] .dropdown-menuNewdash{
  display: none !important;
} */


.row1 {
    display: flex;
    gap: 30px;
    margin-bottom: 20px;
}

.div1, .div2 {
    flex: 1;
    /* background-color: #f0f0f0;
  padding: 20px;
  border: 1px solid #ccc; */
}

.row2 {
    width: 285px;
    /* background-color: #e0e0e0;
  padding: 20px;
  border: 1px solid #ccc;
  margin: 0 auto;  */
}




/* .bookmarks-container {
  width: 300px;
  background-color: #f9f9f9;
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
  padding: 10px;
  font-family: Arial, sans-serif;
  float: left;
  margin-right: 20px;
} */

.bookmarks-container_main {
    width: 285px;
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    padding: 10px;
    position: relative;
}

.bookmarks-container {
    /* overflow-y: scroll; */
    /* height: 175px; */
    min-height: 0;
}

.bookmark-item {
    padding: 7px 8px;
    color: #3d4144;
    cursor: pointer;
    /* border-bottom: 1px solid #e0e0e0; */
}

    .bookmark-item:last-child {
        border-bottom: none;
    }

    .bookmark-item:hover {
        /* background-color: #f0f0f0; */
        color: #000;
    }

.plus-icon {
    float: right;
    cursor: pointer;
    font-size: 18px;
}

.popup_newdashBookmark {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: white;
    padding: 20px;
    border-radius: 3px;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
    z-index: 9999;
    width: 450px;
}

.popup-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.81);
    z-index: 9999;
}

/* .popup-search {
  width: 100%;
  padding: 8px;
  margin-bottom: 10px;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
} */

/* .popup-search {
  width: 100%;
  padding: 10px 15px;
  border: 1px solid #e0e0e0;
  border-radius: 3px 3px 0px 0px;
  margin-bottom: 00;
  box-shadow: 0px 0px 5px #ccc6;
} */
.popup-search {
    width: 100%;
    padding: 10px 10px 10px 32px;
    border: 1px solid #e0e0e0;
    border-radius: 3px 3px 0px 0px;
    margin-bottom: 00;
    box-shadow: 0px 0px 5px #ccc6;
}

#bookmarkList {
    border: 1px solid #e0e0e0;
    border-radius: 0px 0px 3px 3px;
    margin-top: -2px;
    box-shadow: 0px 0px 5px #ccc6;
    padding: 10px 0;
}

.popup-bookmark {
    padding: 5px 15px 5px 15px;
    cursor: pointer;
    /* border-bottom: 1px solid #e0e0e0; */
}

    .popup-bookmark:hover {
        background-color: #f0f0f0;
    }

.selected-bookmark {
    /* background-color: #e8f5e9;
  color: #2e7d32; */
    font-weight: 600;
}

.plus-icon-dash_new i {
    font-size: 20px;
    position: absolute;
    right: 18px;
    top: 15px;
}

    .plus-icon-dash_new i:hover {
        color: #2b589f;
    }

.dashHeading {
    font-size: 16px;
    padding-left: 5px;
    margin-bottom: 10px;
    font-weight: 500;
    padding-top: 4px;
}


/* Container for each item */
.item-01 {
    position: relative;
    /* padding: 15px;
  background-color: #f5f5f5;
  margin: 10px;
  border-radius: 4px; */
    display: flex;
    align-items: center;
}

/* Text content */
.item-text {
    flex-grow: 1;
}

/* Delete icon styling */
.delete-icon {
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    /* background-color: #ff4444; */
    color: white;
    border-radius: 50%;
    display: none;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 14px;
}

/* Show delete icon on hover */
.item-01:hover .delete-icon {
    display: flex;
}

/* Optional: Add hover effect for the icon itself */
.delete-icon:hover {
    color: #2b589f;
}






/* .bookmark-item {
  padding: 10px;
  border-bottom: 1px solid #ccc;
  position: relative;
} */

.delete-icon {
    cursor: pointer;
    color: #3d4144;
    float: right;
}

.popup_newdash {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: white;
    padding: 20px;
    /* border: 1px solid #ccc; */
    /* box-shadow: 0 0 10px rgba(0,0,0,0.3); */
    /* z-index: 1000; */
    z-index: 9999;
    border-radius: 5px;
    width: 500px;
}

.popup-buttons {
    margin-top: 15px;
    text-align: right;
}

    .popup-buttons button {
        margin-left: 10px;
        padding: 6px 15px;
        cursor: pointer;
        background: #fff;
        border: 1px solid #ccc;
        border-radius: 3px;
        /* width: 100px; */
    }

#deleteButton {
    background: #2b589f !important;
    color: #fff;
    border: none;
}

.sidenav-header h5 {
    color: #000 !important;
}

.popup_newdashBookmark h3 {
    color: #000;
    font-size: 18px;
}

.hide_popup {
    position: absolute;
    top: 21px;
    right: 20px;
}

    .hide_popup i {
        font-size: 17px;
    }

        .hide_popup i:hover {
            color: #2b589f;
        }


/* .selected-bookmark:hover {
  background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJzNC40OCAxMCAxMCAxMCAxMC00LjQ4IDEwLTEwUzE3LjUyIDIgMTIgMnptNSAxM2wtMy0zIDMtMy0xLjQxLTEuNDFMMTQgMTAuMTdsLTMtMy0xLjQxIDEuNDFMMTAgMTAuMTdsMyAzIDEuNDEgMS40MXoiLz48L3N2Zz4=') no-repeat center;
  background-size: contain;
  opacity: 1;
  transition: opacity 0.2s ease;
  cursor: pointer;
} */

.selected-bookmark:hover {
    opacity: 1;
    transition: opacity 0.2s ease;
    cursor: pointer;
    background-image: url(../images/cross.svg);
    background-repeat: no-repeat;
    background-size: 9px;
    position: relative;
    right: 0px;
    background-position: right;
    width: 251px;
}

/* :is(.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6) {
  color: #232425 !important;
  font-weight: 400;
} */

.dash_container_main {
    width: 285px;
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    padding: 10px;
    position: relative;
}

.containerHeading {
    font-size: 16px;
    padding-left: 5px;
    margin-bottom: 10px;
    font-weight: 500;
    padding-top: 4px;
    color: #333;
}

.bookmark-item a {
    color: #555;
}

    .bookmark-item a:hover {
        color: #000;
    }

.popup_newdash h3 {
    font-size: 20px;
    font-weight: 600;
}

.popup_newdash p {
    color: #555454;
}

.dropdown-menuNewdash a {
    font-size: 15px !important;
}

.dropdown-menuNewdash i {
    color: #8f939f !important;
    padding-right: 5px !important;
}






.hiddenDropdown {
    display: none;
}

#createANewDropShow {
    position: fixed;
    top: 132px;
    left: 13px;
    width: 224px;
    background-color: white;
    z-index: 9;
    -webkit-box-shadow: 0 5px 10px rgba(30, 32, 37, .12);
    box-shadow: 0 5px 10px rgba(30, 32, 37, .12);
    -webkit-animation-name: DropDownSlide;
    animation-name: DropDownSlide;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    border-radius: 3px;
    padding: 5px 0px;
}

    #createANewDropShow a {
        padding: 4px 12px;
        font-size: 14px;
        font-weight: 400;
    }

        #createANewDropShow a:hover {
            background: #F3F4F4 !important;
            color: #2b589f !important;
        }


.createANewDrop {
    /* padding: 10px 20px;
  background-color: #4CAF50;
  color: white;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-size: 16px; */
}

.createANewDropShow {
    /* position: absolute;
  width: 300px;
  padding: 20px;
  background-color: white;
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  display: none;
  z-index: 100; */
    display: none;
    position: fixed;
    top: 126px !important;
    /* left: 13px; */
    width: 224px;
    background-color: white;
    z-index: 9;
    -webkit-box-shadow: 0 5px 10px rgba(30, 32, 37, .12);
    box-shadow: 0 5px 10px rgba(30, 32, 37, .12);
    -webkit-animation-name: DropDownSlide;
    animation-name: DropDownSlide;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    border-radius: 3px;
    padding: 5px 0px;
}

    .createANewDropShow a {
        padding: 6px 12px;
        font-size: 14px;
        font-weight: 400;
    }

        .createANewDropShow a:hover {
            background: #F3F4F4 !important;
            color: #2b589f !important;
        }

    .createANewDropShow.active {
        display: block;
    }

.createANewDrop:hover {
    background: #083c8f !important;
}





















.bookmarks-panel {
    background-color: white;
    border-radius: 5px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    width: 285px;
    overflow: hidden;
}

.panel-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 15px 0 15px;
    /* border-bottom: 1px solid #f0f0f0; */
}

.panel-title {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 16px;
    font-weight: 500;
    color: #333;
}

    .panel-title .icon {
        color: #4166b0;
    }

.add-btn {
    background: none;
    border: none;
    cursor: pointer;
    color: #333;
    font-size: 20px;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    position: relative;
    left: 3px;
}

    .add-btn:hover {
        color: #2b589f;
    }

.bookmark-list {
    padding: 5px 0 10px 0;
}

.bookmark-itemNew {
    padding: 7px 19px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #555;
    cursor: pointer;
    position: relative;
    height: 35px;
}

    .bookmark-itemNew:hover {
        /* background-color: #f9f9f9; */
        color: #000;
    }

    .bookmark-itemNew .cross-icon {
        display: none;
        color: #999;
        cursor: pointer;
        font-size: 16px;
    }

    .bookmark-itemNew:hover .cross-icon {
        display: block;
    }

/* Modal styles */
.modalBookmark {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

.modalBookmark-content {
    background-color: white;
    border-radius: 5px;
    width: 500px;
    max-width: 100%;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
    animation: fadeIn 0.3s;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(-20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.modalBookmark-header {
    padding: 15px 20px 0 20px;
    /* border-bottom: 1px solid #eee; */
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.modalBookmark-body p {
    margin: 0;
    color: #555454;
}

.modalBookmark-body-delete p {
    margin: 0;
    color: #555454;
}

.modalBookmark-title {
    font-weight: 600;
    font-size: 18px;
    color: #333;
}

.modalBookmark-close {
    background: none;
    border: none;
    cursor: pointer;
    font-size: 18px;
    color: #999;
}

.modalBookmark-body {
    margin: 20px;
    position: relative;
    box-shadow: 0 0px 3px rgba(0, 0, 0, 0.1);
}

.search-boxBookmark {
    width: 100%;
    padding: 10px 35px;
    border: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
    margin-bottom: -3px;
    font-size: 14px;
}

.results-list {
    max-height: 250px;
    overflow-y: auto;
    border: 1px solid #e1e1e1;
    border-radius: 4px;
    border-top-width: 3px;
}

.result-item {
    padding: 10px;
    cursor: pointer;
    border-radius: 4px;
}

    .result-item:hover {
        background-color: #f5f7fa;
    }

.modalBookmark-footer {
    padding: 15px 20px 15px 20px;
    /* border-top: 1px solid #eee; */
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}

    .modalBookmark-footer button {
        margin-left: 6px;
        padding: 6px 15px;
        cursor: pointer;
        background: #fff;
        border: 1px solid #ccc;
        border-radius: 3px;
        width: 90px;
        padding: 0.5rem 0.9rem;
    }

.btn-cancel {
    padding: 6px 15px;
    cursor: pointer;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
}

    .btn-cancel:hover {
        background-color: #f3f6f9;
    }


.btn-delete {
    background: #2b589f !important;
    color: #fff;
}

.btn-add {
    background-color: #4166b0;
    border: none;
    color: white;
}

.selectedBookmark {
    background-color: #f0f7ff;
}

#bookmarkToDelete {
    display: none;
}

.modalBookmark-content p {
    padding: 5px 20px 0 20px;
}

#confirmDeleteBtn:hover {
    background: #083c8f !important;
}

/* Feb 26,2025 start */

.topbar-user01 h3 {
    font-size: 20px;
}

.navbarRight {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: white;
}

    .navbarRight a {
        color: white;
        text-decoration: none;
        font-size: .875rem;
    }

    .navbarRight .bell {
        font-size: 20px; /* Adjust size of the bell icon */
    }

.container_help {
}

.header_help {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    margin-top: 10px;
}

    .header_help img {
        width: 30px;
        height: 30px;
        margin-right: 10px;
    }

    .header_help h2 {
        font-size: 16px;
        color: #333;
        margin: 0;
    }

.message-box_help {
    background-color: #f8f8f8;
    border-radius: 4px;
    padding: 15px;
    margin-bottom: 20px;
}

    .message-box_help p {
        font-size: 14px;
        color: #000;
        margin: 0;
    }

.search-box_help {
    width: 100%;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 14px;
    margin-bottom: 20px;
    padding-left: 35px;
}

.help-links {
    list-style: none;
    padding: 0;
    margin-top: 10px;
}

    .help-links li {
        font-size: 14px;
        color: #555;
        margin-bottom: 25px;
        cursor: pointer;
    }

        .help-links li:hover {
            /* text-decoration: underline; */
            color: #000;
        }
/* .nav_help {
  display: flex;
  justify-content: space-around;
  margin-top: 20px;
  border-top: 1px solid #eee;
  padding-top: 10px;
} */
.nav_help {
    display: flex;
    justify-content: space-around;
    margin-top: 20px;
    border-top: 1px solid #eee;
    padding-top: 10px;
    width: 480px;
    padding-bottom: 30px;
}

    .nav_help a {
        text-decoration: none;
        color: #666;
        font-size: 14px;
    }

.footerMain_help {
    position: fixed;
    width: 100%;
    bottom: 30px;
    background: #fff;
    margin-bottom: -35px;
}

.header_help span {
    font-size: 13px;
    color: #878a99 !important;
    font-weight: 400;
}

.message-box_help span {
    font-size: 12px;
    color: #878a99 !important;
    font-weight: 400;
}

.serchPart_help {
    position: relative;
}

.footerMain_help {
    position: fixed;
    width: 100%;
    bottom: 30px;
    background: #fff;
}

.nav_help a {
    text-align: center;
}

.nav_help i {
    font-size: 22px;
    color: #373636;
}

/* notifivation sidenav */
.container_Notification {
    text-align: center;
}

.bell-icon_Notification {
    font-size: 48px;
    color: #999999;
    margin-bottom: 20px;
}

.no-activity-text {
    color: #666666;
    font-size: 16px;
    margin-bottom: 20px;
}

.configure-button_Notification {
    background-color: #ffffff;
    border: 1px solid #cccccc;
    padding: 10px 20px;
    font-size: 14px;
    cursor: pointer;
    border-radius: 3px;
    color: #000000;
}

    .configure-button_Notification:hover {
        background-color: #f3f6f9;
    }

.notificationCenterDiv {
    margin: 0;
    padding: 10px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 75vh;
}

/* New Dashboard Css==================end*/


/* new change of header strat */

.navbar-header {
    height: 63px !important;
}

.navbar-brand-box {
    height: 63px !important;
}

.logo-lg {
    width: 95px !important;
    top: 11.5px !important;
}

.logo {
    line-height: 57px !important;
}

.logo-sm {
    height: 23px !important;
    width: 23px !important;
}

.navbar-header {
    padding-left: 0 !important;
}

.page-title-box {
    margin: -28px -1.5rem 1.5rem -1.5rem !important;
}

.loginNameHeading h4 {
    font-size: 18px !important;
}

.page-content {
    padding: calc(67px + 1.5rem) calc(1.5rem * .5) 60px calc(1.5rem * .5) !important;
}

.left_side01 {
    top: 119px !important;
}

.controlDiv {
    position: absolute !important;
    top: 8px !important;
    right: 12px !important;
    font-size: 10px !important;
    color: #d5d5d5 !important;
    letter-spacing: 0.5px !important;
    cursor: pointer !important;
    border: 0.1px solid #d5d5d5 !important;
    border-radius: 3px !important;
    line-height: 17px !important;
    height: 22px !important;
    /* display: flex;
  align-items: center; */
    padding: 2px 5px 0 5px;
    justify-content: center;
}

.controlDivNewdash {
    position: absolute !important;
    top: 8px !important;
    right: 12px !important;
    font-size: 10px !important;
    color: #d5d5d5 !important;
    letter-spacing: 0.5px !important;
    cursor: pointer !important;
    border: 0.1px solid #d5d5d5 !important;
    border-radius: 3px !important;
    line-height: 17px !important;
    height: 22px !important;
    /* display: flex;
  align-items: center; */
    padding: 2px 5px 0 5px;
    justify-content: center;
}

.sidenavForTitle_boxDel {
    top: 63px !important;
}


/* new change of header end */


/* thead tr {
  background-color: #eff1f2;
} */

.simplebar-content {
    padding-top: 7px !important;
}

.apexcharts-svg {
    overflow: visible;
}





/* Dashboard tooltip==============start */

.dashboard_wrapper01 .dashboard_tooltip01 {
    background: #fff;
    /* bottom: 96%; */
    color: #000;
    display: block;
    margin-bottom: 15px;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    width: auto;
    text-align: left;
    border-radius: 8px;
    z-index: 999;
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-transition: all .25s ease-out;
    -moz-transition: all .25s ease-out;
    -ms-transition: all .25s ease-out;
    -o-transition: all .25s ease-out;
    transition: all .25s ease-out;
    -webkit-box-shadow: 1px 2px 7px rgba(0, 0, 0, 0.28);
    -moz-box-shadow: 1px 2px 7px rgba(0, 0, 0, 0.28);
    -ms-box-shadow: 1px 2px 7px rgba(0, 0, 0, 0.28);
    -o-box-shadow: 1px 2px 7px rgba(0, 0, 0, 0.28);
    box-shadow: 1px 2px 7px rgba(0, 0, 0, 0.28);
    margin-top: 5px;
    white-space: initial !important;
    box-shadow: none !important;
    border: 2px solid #ededed !important;
    padding: 10px 15px;
}


.dashboard_wrapper01:hover .dashboard_tooltip01 {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
}

.lte8 .dashboard_wrapper01 .dashboard_tooltip01 {
    display: none;
}

.lte8 .dashboard_wrapper01:hover .dashboard_tooltip01 {
    display: block;
}

.dashboard_tooltip01 h5 {
    /* font-size: 13px; */
    color: #000;
}

.dashboard_tooltip01 p {
    font-size: 12px;
    color: #424344 !important;
    font-weight: 400;
    white-space: wrap !important;
    margin: 0;
    line-height: 18px !important;
    white-space: initial !important;
}

.completed {
    color: darkseagreen;
}

.cancelled {
    color: #ac0000ab;
}

/* Dashboard tooltip==============start */


/* New Schedule task page css==========================Start */
.activeScheduleFilter {
    background-color: #f3f6f9 !important;
}
/* .history01 {
  font-size: 18px;
  position: absolute;
  top: 0px;
  color: #abb2b8;
} */
.history01 {
    font-size: 13.5px;
    position: absolute;
    top: 1.5px;
    color: #abb2b8;
}

    .history01:hover {
        color: #2b589f;
    }

.historySvgIcon svg:hover {
    fill: #2b589f !important;
}

.redCustom {
    color: #C30;
}

.scheduleTaskClass01 label {
    font-size: 14px;
    border: none;
    padding: 0;
    margin-bottom: 8px !important;
}

.scheduleTaskClass01 i {
    font-size: 14px !important;
}

.cancelledBtn button {
    margin-left: 6px;
    padding: 6px 15px;
    cursor: pointer;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 0.5rem 0.9rem;
    background-color: #fff !important;
    font-size: 14px;
}

    .cancelledBtn button:hover {
        background-color: #f3f6f9 !important;
    }

.sidenav-headerNew01 {
    padding: 5px 0;
    border-bottom: 1px solid #f2f2f2 !important;
}

.sidenav-header h5 {
    padding-right: 45px !important;
    /* padding-left: 45px !important; */
}

.sidenav-headerNew01 i {
    /* position: absolute;
  left: 22px;
  padding: 2px 0; */
    color: #000 !important;
}

.closebtnSideNav_001 i {
    top: 2px !important;
}
/* .closebtnSideNav_001 i {
  font-size: 15px !important;
  position: absolute !important;
  top: 10px !important;
} */

.input-group-textCustom {
    padding: 19px 15px;
    font-size: .8125rem;
    font-weight: 400;
    line-height: 1.5;
    border-color: #ced4da;
}

.tblTextManage p {
    padding: 0;
    margin: 0;
    font-weight: 500;
    padding-bottom: 6px;
}
/* .form-select.disabled {
  background-color: #eff2f7;
  opacity: 1;
} */

.input-group-textCustomPersant {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-right: 1px solid #ccc;
}

.forCalendarScroll {
    z-index: 999;
    position: absolute;
    overflow-y: hidden;
    /* min-height: 120% !important;
  height: 100%; */
    /* max-height: 1200px !important; */
    min-height: 100vh;
    height: auto;
}
/* .forCalendarScroll {
  z-index: 999;
  position: absolute;
  overflow-y: hidden;
  min-height: 100% !important;
  height: 1230px !important;
} */

.page_content_01 {
    position: fixed !important;
    width: calc(100% - 247px) !important;
}

:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm-hover"] .page_content_01 {
    width: calc(100% - 70px) !important;
}

@media screen and (min-width: 1280px) and (max-width: 1366px) {
    .manageIcon {
        padding-right: 20px !important;
    }
}
/* New Schedule task page css==========================End */

/* New Leadlook page css========================Start */
.myExportbtn {
    background: #2b589f !important;
}

    .myExportbtn:hover {
        background: #083c8f !important;
        text-decoration: none !important;
    }

.pageHeadingCus_1 p {
    font-size: 16px;
    font-weight: 500;
    margin: 0;
}

.fieldDiv_01 div {
    margin-bottom: 15px !important;
}

.fa-circle-info {
    color: #ccc !important;
}

.newLeadLookup01 {
    width: 300px;
}

.newLeadLookup02 {
    width: 400px;
}

.forBigScreen {
    width: 1176px !important;
}
/* .ForLeadlookupNew{
  width: 1176px !important;

} */
@media screen and (min-width: 600px) and (max-width: 768px) {
    .newLeadLookup01 {
        width: 100% !important;
    }

    .newLeadLookup02 {
        width: 100% !important;
    }

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

@media screen and (min-width: 1000px) and (max-width: 1550px) {
    .newLeadLookup01 {
        width: 25% !important;
    }

    .newLeadLookup02 {
        width: 33.33333333% !important;
    }

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

@media screen and (min-width: 1550px) and (max-width: 3500px) {
    /* .forBigScreen{
    width: 1180px !important;
  } */
}

/* New Leadlook page css========================Start */

.main-content {
    /* overflow-y: scroll !important;
  height: 100vh; */
}

/* .right_side01 {
  height: 100vh;
  overflow-y: scroll !important;
} */
.layoutWrapperForScroll {
    overflow-y: scroll !important;
    height: 100vh;
    background: #fff;
}







/* Tooltip Default left =======================start */
.tooltipMain .tooltipBody {
    width: auto;
    background: #fff;
    /* bottom: 96%; */
    color: #000;
    display: block;
    margin-bottom: 15px;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    text-align: left;
    border-radius: 6px;
    z-index: 999;
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-transition: all .25s ease-out;
    -moz-transition: all .25s ease-out;
    -ms-transition: all .25s ease-out;
    -o-transition: all .25s ease-out;
    transition: all .25s ease-out;
    -webkit-box-shadow: 1px 2px 7px rgba(0, 0, 0, 0.28);
    -moz-box-shadow: 1px 2px 7px rgba(0, 0, 0, 0.28);
    -ms-box-shadow: 1px 2px 7px rgba(0, 0, 0, 0.28);
    -o-box-shadow: 1px 2px 7px rgba(0, 0, 0, 0.28);
    box-shadow: 1px 2px 7px rgba(0, 0, 0, 0.28);
    margin-top: 5px;
    white-space: initial !important;
    box-shadow: none !important;
    border: 2px solid #ededed !important;
    padding: 7px 10px;
}


.tooltipMain:hover .tooltipBody {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
}

.tooltipMain .tooltipBody {
    display: none;
}

.tooltipMain:hover .tooltipBody {
    display: block;
}

.tooltipBody h5 {
    font-size: 14px !important;
    color: #000;
}

.tooltipBody p {
    font-size: 12px !important;
    color: #424344 !important;
    font-weight: 400;
    white-space: wrap !important;
    margin: 0;
    line-height: 18px !important;
}

/* Tooltip Default left =======================End */


/* Tooltip Default Right=======================Start */
.tooltipMainRight {
    position: relative;
}

.tooltipBodyRight {
    background: #fff;
    color: #000;
    display: block;
    margin-bottom: 15px;
    opacity: 0;
    padding: 10px;
    pointer-events: none;
    position: absolute;
    width: auto;
    text-align: left;
    border-radius: 6px;
    z-index: 999;
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-transition: all .25s ease-out;
    -moz-transition: all .25s ease-out;
    -ms-transition: all .25s ease-out;
    -o-transition: all .25s ease-out;
    transition: all .25s ease-out;
    -webkit-box-shadow: 1px 2px 7px rgba(0, 0, 0, 0.28);
    -moz-box-shadow: 1px 2px 7px rgba(0, 0, 0, 0.28);
    -ms-box-shadow: 1px 2px 7px rgba(0, 0, 0, 0.28);
    -o-box-shadow: 1px 2px 7px rgba(0, 0, 0, 0.28);
    box-shadow: 1px 2px 7px rgba(0, 0, 0, 0.28);
    margin-top: 5px;
    white-space: initial !important;
    box-shadow: none !important;
    border: 2px solid #ededed !important;
    padding: 7px 10px;
    right: 0;
}

.tooltipMainRight:hover .tooltipBodyRight {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
}

.tooltipMainRight .tooltipBodyRight {
    display: none;
}

.tooltipMainRight:hover .tooltipBodyRight {
    display: block;
}

.tooltipBodyRight h5 {
    font-size: 14px !important;
    color: #000;
}

.tooltipBodyRight p {
    font-size: 12px !important;
    color: #424344 !important;
    font-weight: 400;
    white-space: wrap !important;
    margin: 0;
    line-height: 18px !important;
}
/* Tooltip Default Right=======================End */


.calendarPart_01 {
    width: 260px;
}
/* .fa-edit:before, .fa-pen-to-square:before {
  content: "\ec6b" !important;
} */




.customBtnGrp_01 {
    width: 100%;
    text-align: left;
    /* overflow: scroll;
  border-right: 1px solid #ced4da;
  border-left: 1px solid #ced4da; */
}

    .customBtnGrp_01 button {
        text-align: left !important;
        background: #fff !important;
        border-color: #ced4da !important;
        color: #212529 !important;
        width: 100%;
        text-wrap: wrap;
    }

        .customBtnGrp_01 button:checked + .customBtnGrp_01 button, .customBtnGrp_01 button.active, .customBtnGrp_01 button.show, .customBtnGrp_01 button:first-child:active, :not(.btn-check) + .customBtnGrp_01 button:active {
            text-align: left !important;
            background: #fff !important;
            border-color: #ced4da !important;
            color: #212529 !important;
        }

        .customBtnGrp_01 button::after {
            display: inline-block;
            margin-left: .255em;
            font-size: 21px;
            line-height: 15px;
            content: "\f0140";
            font-family: "Material Design Icons";
            position: absolute;
            right: 11px;
            top: 11px;
            background: #fff;
        }

.customDropdownMenu_01 {
    width: 100%;
    word-wrap: break-word;
    text-wrap: wrap;
    border: 1px solid #e9ebec;
    z-index: 99999 !important;
    padding-bottom: 25px;
}

    .customDropdownMenu_01 a {
        top: 8px !important;
        text-wrap: wrap;
    }

    .customDropdownMenu_01 p {
        margin-bottom: 0;
    }







/*Start:Tooltip-AGGrid*====================start */
.aggrid-custom-tooltip {
    font-size: 14px;
    padding: 10px;
    color: #181d1f;
    background-color: #ffffff;
    border: 2px solid #eeeeee;
    border-radius: 10px;
    text-align: left;
    width: 200px;
    /* font-family: Helvetica; */
}

    .aggrid-custom-tooltip .tip-message {
        font-size: 13px;
        padding-top: 10px;
    }

    .aggrid-custom-tooltip p {
        margin: 5px;
        white-space: nowrap;
    }

        .aggrid-custom-tooltip p:first-of-type {
            font-weight: bold;
        }

.ag-header-cell-label {
    cursor: pointer;
}
/*End:Tooltip-AGGrid*====================End */

.la-link {
    color: #abb2b8;
}

    .la-link:hover {
        color: #2b589f;
    }

.la-save {
    color: #abb2b8;
}

    .la-save:hover {
        color: #2b589f;
    }

.fa-history {
    color: #abb2b8;
}

    .fa-history:hover {
        color: #2b589f;
    }

.jconfirm-title {
    font-weight: 600 !important;
    font-size: 18px !important;
    color: #333 !important;
}

/* IconSVG=============================Start */

.birthday {
    padding-left: 12px !important;
}

.editIconSvg svg:hover {
    fill: #2b589f !important;
}

.fa-edit::before {
    content: "" !important;
    display: block;
    width: 16px;
    height: 16px;
    /* background-image: url("../images/edit01.svg"); */
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17 15.75'%3e%3cg id='edit'%3e%3cpath d='M3.24,2.07c1.32-.15,2.85.08,4.18,0,.51.08.62.9-.15.97-1.25.13-2.88-.18-4.08.03-.62.11-1.08.66-1.12,1.28v8.93c.08.8.69,1.25,1.46,1.31,2.77.22,5.83-.17,8.62,0,.86-.07,1.39-.6,1.46-1.46.1-1.26-.08-2.67,0-3.94.13-.49.73-.51.91-.06-.08,1.39.13,2.93,0,4.31-.1,1.08-1,1.97-2.08,2.08H3.21c-1.24-.15-2.04-1.05-2.13-2.29-.21-2.89.17-6.05,0-8.97.13-1.15.97-2.04,2.13-2.18h.03Z' style='fill:%23abb2b8; stroke:%23abb2b8; stroke-miterlimit:10; stroke-width:.5px;'/%3e%3cpath d='M13.74.27c1.75-.25,3.47,2.09,2.12,3.55l-6.88,6.86c-.51.38-2.53.8-3.23.93-.44.07-.8.04-.81-.51.34-1.14.39-2.43.95-3.47L12.73.79c.28-.24.65-.48,1.01-.52ZM13.79,1.24c-.24.04-.98.73-1.12.94-.03.04-.07.08-.04.14l1.66,1.67c.6-.49,1.52-1.17.93-2.04-.34-.49-.81-.83-1.42-.72ZM6.06,10.56c.73-.22,1.56-.27,2.25-.59l5.28-5.28-1.71-1.67-5.12,5.08c-.42.72-.49,1.66-.7,2.46h.01Z' style='fill:%23abb2b8; stroke:%23abb2b8; stroke-miterlimit:10; stroke-width:.5px;'/%3e%3c/g%3e%3c/svg%3e");
    background-size: contain;
    background-repeat: no-repeat;
    position: relative;
    top: 3px;
}

.fa-edit:hover::before {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17 15.77'%3e%3cg id='edit-hover'%3e%3cpath d='M3.26,2.07c1.32-.15,2.85.08,4.18,0,.51.08.62.9-.15.97-1.25.13-2.88-.18-4.08.03-.62.11-1.08.66-1.12,1.28v8.93c.08.8.69,1.25,1.46,1.31,2.77.22,5.83-.17,8.62,0,.86-.07,1.39-.6,1.46-1.46.1-1.26-.08-2.67,0-3.94.13-.49.73-.51.91-.06-.08,1.39.13,2.93,0,4.31-.1,1.08-1,1.97-2.08,2.08H3.23c-1.24-.15-2.04-1.05-2.13-2.29-.21-2.89.17-6.05,0-8.97.13-1.15.97-2.04,2.13-2.18h.03Z' style='fill:%232b589f; stroke:%232b589f; stroke-miterlimit:10; stroke-width:.5px;'/%3e%3cpath d='M13.76.27c1.75-.25,3.47,2.09,2.12,3.55l-6.88,6.86c-.51.38-2.53.8-3.23.93-.44.07-.8.04-.81-.51.34-1.14.39-2.43.95-3.47L12.75.79c.28-.24.65-.48,1.01-.52ZM13.81,1.24c-.24.04-.98.73-1.12.94-.03.04-.07.08-.04.14l1.66,1.67c.6-.49,1.52-1.17.93-2.04-.34-.49-.81-.83-1.42-.72ZM6.08,10.56c.73-.22,1.56-.27,2.25-.59l5.28-5.28-1.71-1.67-5.12,5.08c-.42.72-.49,1.66-.7,2.46h.01Z' style='fill:%232b589f; stroke:%232b589f; stroke-miterlimit:10; stroke-width:.5px;'/%3e%3c/g%3e%3c/svg%3e");
}

.fa-history::before {
    content: "" !important;
    display: block;
    width: 15px;
    height: 15px;
    /* background-image: url("../images/historyNew01.svg"); */
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17 15.88'%3e%3cg id='history01'%3e%3cpath d='M2.38,3.46v-1.88c0-.39-.31-.7-.7-.7s-.7.31-.7.7v2.81c0,.78.63,1.4,1.4,1.4h2.81c.39,0,.7-.31.7-.7s-.31-.7-.7-.7h-1.74s.03-.04.04-.05c.73-1.07,1.78-1.89,3-2.35,1.44-.54,3.03-.53,4.47.02s2.63,1.61,3.34,2.98c.71,1.37.9,2.95.53,4.44-.37,1.5-1.28,2.8-2.55,3.68-1.27.87-2.81,1.25-4.34,1.07-1.53-.19-2.94-.93-3.96-2.08-.87-.98-1.4-2.19-1.55-3.48-.04-.39-.36-.7-.74-.7-.39,0-.71.32-.67.7.15,1.63.82,3.18,1.91,4.41,1.25,1.41,2.97,2.32,4.84,2.54,1.87.23,3.76-.23,5.31-1.3,1.55-1.07,2.66-2.67,3.12-4.5.46-1.83.23-3.76-.64-5.43-.87-1.67-2.32-2.97-4.08-3.64C9.7.01,7.76,0,5.99.66c-1.47.55-2.72,1.53-3.62,2.79Z' style='fill:%23abb2b8; stroke:%23abb2b8; stroke-miterlimit:10; stroke-width:.35px;'/%3e%3cpath d='M8.92,3.51c-.34,0-.61.27-.61.61v3.93s0,.16.08.28c.05.1.13.19.24.25l2.81,1.62c.29.17.66.07.83-.22.17-.29.07-.66-.22-.83l-2.51-1.45v-3.57c0-.34-.27-.61-.61-.61Z' style='fill:%23abb2b8; stroke:%23abb2b8; stroke-miterlimit:10; stroke-width:.25px;'/%3e%3c/g%3e%3c/svg%3e");
    background-size: contain;
    background-repeat: no-repeat;
    position: relative;
    top: 3px;
}

.fa-history:hover::before {
    /* background-image: url("../images/historyNew01_hover.svg"); */
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17 15.88'%3e%3cg id='history01_hover'%3e%3cpath d='M2.38,3.46v-1.88c0-.39-.31-.7-.7-.7s-.7.31-.7.7v2.81c0,.78.63,1.4,1.4,1.4h2.81c.39,0,.7-.31.7-.7s-.31-.7-.7-.7h-1.74s.03-.04.04-.05c.73-1.07,1.78-1.89,3-2.35,1.44-.54,3.03-.53,4.47.02s2.63,1.61,3.34,2.98c.71,1.37.9,2.95.53,4.44-.37,1.5-1.28,2.8-2.55,3.68-1.27.87-2.81,1.25-4.34,1.07-1.53-.19-2.94-.93-3.96-2.08-.87-.98-1.4-2.19-1.55-3.48-.04-.39-.36-.7-.74-.7-.39,0-.71.32-.67.7.15,1.63.82,3.18,1.91,4.41,1.25,1.41,2.97,2.32,4.84,2.54,1.87.23,3.76-.23,5.31-1.3,1.55-1.07,2.66-2.67,3.12-4.5.46-1.83.23-3.76-.64-5.43-.87-1.67-2.32-2.97-4.08-3.64C9.7.01,7.76,0,5.99.66c-1.47.55-2.72,1.53-3.62,2.79Z' style='fill:%232b589f; stroke:%232b589f; stroke-miterlimit:10; stroke-width:.35px;'/%3e%3cpath d='M8.92,3.51c-.34,0-.61.27-.61.61v3.93s0,.16.08.28c.05.1.13.19.24.25l2.81,1.62c.29.17.66.07.83-.22.17-.29.07-.66-.22-.83l-2.51-1.45v-3.57c0-.34-.27-.61-.61-.61Z' style='fill:%232b589f; stroke:%232b589f; stroke-miterlimit:10; stroke-width:.25px;'/%3e%3c/g%3e%3c/svg%3e");
}

.fa-eye::before {
    content: "" !important;
    display: block;
    width: 17px;
    height: 16px;
    /* background-image: url("../images/eye01.svg"); */
    /* background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17 15.86'%3e%3cpath d='M14.53,10.69c-4.07,4.45-9.93,3.28-12.93-1.64-.29-.47-.82-1.38-.71-1.92.14-.66,1.24-2.28,1.71-2.82C6.77-.49,12.83.66,15.9,5.92c.29.5.75,1.18.58,1.77-.26.85-1.34,2.33-1.95,3ZM8.51,2.57c-2.84.07-5.23,2.36-6.34,4.82.82,1.73,2.22,3.39,3.98,4.21,3.81,1.78,7.45-.78,9.05-4.21-1.2-2.61-3.67-4.89-6.7-4.82Z' style='fill:%23abb2b8; stroke:%23abb2b8; stroke-miterlimit:10; stroke-width:.25px;'/%3e%3cpath d='M11.46,7.37c0-1.46-1.19-2.65-2.65-2.65-.75,0-.62.96-1.11,1.46s-1.54.47-1.54,1.19c0,1.46,1.19,2.65,2.65,2.65s2.65-1.19,2.65-2.65Z' style='fill:%23abb2b8; stroke:%23abb2b8; stroke-miterlimit:10;'/%3e%3c/svg%3e"); */
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17 15.89'%3e%3cg id='eye01'%3e%3cpath d='M14.35,11.27c-4.07,4.45-9.93,3.28-12.93-1.64-.29-.47-.82-1.38-.71-1.92.14-.66,1.24-2.28,1.71-2.82C6.59.09,12.65,1.24,15.72,6.5c.29.5.75,1.18.58,1.77-.26.85-1.34,2.33-1.95,3ZM8.33,3.15c-2.84.07-5.23,2.36-6.34,4.82.82,1.73,2.22,3.39,3.98,4.21,3.81,1.78,7.45-.78,9.05-4.21-1.2-2.61-3.67-4.89-6.7-4.82h0Z' style='fill:%23abb2b8; stroke:%23abb2b8; stroke-miterlimit:10; stroke-width:.25px;'/%3e%3ccircle cx='8.52' cy='7.95' r='3.23' style='fill:%23abb2b8;'/%3e%3c/g%3e%3c/svg%3e");
    background-size: contain;
    background-repeat: no-repeat;
    position: relative;
    top: 3px;
}

.fa-eye:hover::before {
    /* background-image: url("../images/eye01_hover.svg"); */
    /* background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17 15.86'%3e%3cg id='eye01_hover'%3e%3cpath d='M14.53,10.69c-4.07,4.45-9.93,3.28-12.93-1.64-.29-.47-.82-1.38-.71-1.92.14-.66,1.24-2.28,1.71-2.82C6.77-.49,12.83.67,15.9,5.93c.29.5.75,1.18.58,1.77-.26.85-1.34,2.33-1.95,3ZM8.51,2.57c-2.84.07-5.23,2.36-6.34,4.82.82,1.73,2.22,3.39,3.98,4.21,3.81,1.78,7.45-.78,9.05-4.21-1.2-2.61-3.67-4.89-6.7-4.82Z' style='fill:%232b589f; stroke:%232b589f; stroke-miterlimit:10; stroke-width:.25px;'/%3e%3cpath d='M11.46,7.37c0-1.46-1.19-2.65-2.65-2.65-.75,0-.62.96-1.11,1.46s-1.54.47-1.54,1.19c0,1.46,1.19,2.65,2.65,2.65s2.65-1.19,2.65-2.65Z' style='fill:%232b589f; stroke:%232b589f; stroke-miterlimit:10;'/%3e%3c/g%3e%3c/svg%3e"); */
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17 15.89'%3e%3cg id='eye01'%3e%3cpath d='M14.35,11.27c-4.07,4.45-9.93,3.28-12.93-1.64-.29-.47-.82-1.38-.71-1.92.14-.66,1.24-2.28,1.71-2.82C6.59.09,12.65,1.24,15.72,6.5c.29.5.75,1.18.58,1.77-.26.85-1.34,2.33-1.95,3ZM8.33,3.15c-2.84.07-5.23,2.36-6.34,4.82.82,1.73,2.22,3.39,3.98,4.21,3.81,1.78,7.45-.78,9.05-4.21-1.2-2.61-3.67-4.89-6.7-4.82h0Z' style='fill:%23abb2b8; stroke:%23abb2b8; stroke-miterlimit:10; stroke-width:.25px;'/%3e%3ccircle cx='8.52' cy='7.95' r='3.23' style='fill:%23abb2b8;'/%3e%3c/g%3e%3cg id='eye01_hover'%3e%3cpath d='M14.37,11.25c-4.07,4.45-9.93,3.28-12.93-1.64-.29-.47-.82-1.38-.71-1.92.14-.66,1.24-2.28,1.71-2.82C6.61.07,12.67,1.22,15.74,6.48c.29.5.75,1.18.58,1.77-.26.85-1.34,2.33-1.95,3ZM8.35,3.13c-2.84.07-5.23,2.36-6.34,4.82.82,1.73,2.22,3.39,3.98,4.21,3.81,1.78,7.45-.78,9.05-4.21-1.2-2.61-3.67-4.89-6.7-4.82h0Z' style='fill:%232b589f; stroke:%232b589f; stroke-miterlimit:10; stroke-width:.25px;'/%3e%3ccircle cx='8.53' cy='7.93' r='3.23' style='fill:%232b589f; stroke:%232b589f; stroke-miterlimit:10; stroke-width:.25px;'/%3e%3c/g%3e%3c/svg%3e");
}

.fa-bullhorn::before {
    content: "" !important;
    display: block;
    width: 17px;
    height: 17px;
    /* background-image: url("../images/bullhorn01.svg"); */
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17 15.77'%3e%3cpath d='M7.21,14.35c-.2,1.39-1.93,1.53-3.02,1.33-2.07-.38-1.2-3.44-1.38-4.91-1.03-.04-1.82-.8-1.94-1.82-.09-.75-.08-2.52,0-3.28.09-.87.78-1.69,1.67-1.81,1.48-.2,3.41.09,4.97,0,1.81-.11,3.52-.86,4.89-2.03.51-.44,1.2-1.35,1.69-1.67.57-.38,1.31-.06,1.49.58l.02,4.54c.04.27.35.39.53.61.83.99.54,2.64-.52,3.34l-.02,4.54c-.15.71-.84,1.1-1.49.69-.61-.39-1.35-1.39-2-1.91-.99-.8-2.22-1.4-3.48-1.63-.26-.05-.96-.16-1.18-.15-.07,0-.22.04-.22.1v3.48ZM14.13,12.42V2.22c-1.86,1.86-4.21,3.02-6.86,3.13l-.03,3.91c.51.12,1.08.11,1.61.21,2.03.38,3.83,1.51,5.28,2.95ZM2.77,9.31h2.89l.09-.1v-3.8l-.09-.1h-2.96c-.19,0-.38.3-.41.48-.09.61-.07,2.27,0,2.91.03.28.17.54.47.6ZM4.31,10.77v3.33c0,.22,1.16.2,1.32.13.03-.01.13-.11.13-.13v-3.23l-.09-.1h-1.35Z' style='fill:%23abb2b8;'/%3e%3c/svg%3e");
    background-size: contain;
    background-repeat: no-repeat;
    position: relative;
    top: 4px;
}

.fa-bullhorn:hover::before {
    /* background-image: url("../images/bullhorn01_hover.svg"); */
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17 15.77'%3e%3cg id='bulhorn_hover'%3e%3cpath d='M7.21,14.35c-.2,1.39-1.93,1.53-3.02,1.33-2.07-.38-1.2-3.44-1.38-4.91-1.03-.04-1.82-.8-1.94-1.82-.09-.75-.08-2.52,0-3.28.09-.87.78-1.69,1.67-1.81,1.48-.2,3.41.09,4.97,0,1.81-.11,3.52-.86,4.89-2.03.51-.44,1.2-1.35,1.69-1.67.57-.38,1.31-.06,1.49.58l.02,4.54c.04.27.35.39.53.61.83.99.54,2.64-.52,3.34l-.02,4.54c-.15.71-.84,1.1-1.49.69-.61-.39-1.35-1.39-2-1.91-.99-.8-2.22-1.4-3.48-1.63-.26-.05-.96-.16-1.18-.15-.07,0-.22.04-.22.1v3.48ZM14.13,12.42V2.22c-1.86,1.86-4.21,3.02-6.86,3.13l-.03,3.91c.51.12,1.08.11,1.61.21,2.03.38,3.83,1.51,5.28,2.95ZM2.77,9.31h2.89l.09-.1v-3.8l-.09-.1h-2.96c-.19,0-.38.3-.41.48-.09.61-.07,2.27,0,2.91.03.28.17.54.47.6ZM4.31,10.77v3.33c0,.22,1.16.2,1.32.13.03-.01.13-.11.13-.13v-3.23l-.09-.1h-1.35Z' style='fill:%232b589f;'/%3e%3c/g%3e%3c/svg%3e");
}

.fa-key::before {
    content: "" !important;
    display: block;
    width: 17px;
    height: 17px;
    /* background-image: url("../images/key01.svg"); */
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17 15.86'%3e%3cg id='key01'%3e%3cpath d='M5.97,15.18c-.03.15-.28.35-.46.34-1.22-.09-2.58.11-3.78,0-.31-.03-.48-.13-.52-.46-.11-.97.08-2.17,0-3.17l.21-.34,4.67-4.65c.11-.2-.05-.45-.07-.68-.2-3.92,2.96-6.88,6.85-5.64,5.37,1.72,4.32,9.89-1.4,10.17-.33.02-.98-.12-1.21-.05-.25.08-.87,1.02-1.17,1.02h-1.25c-.05.33.19,1.89-.34,1.89h-1.55c-.07.45.09,1.14,0,1.55ZM2.13,12.2v2.31l.09.09h2.74l.09-.09v-1.52c0-.06.21-.27.27-.27h1.52l.09-.09v-1.52s.12-.2.15-.22c.25-.18,1.33.04,1.7-.07.26-.08.79-.78,1.05-.96.37-.26,1,.01,1.46,0,3.18-.08,5.15-3.45,3.73-6.29C12.96-.55,6.46,1.16,6.94,6.11c.04.38.31.78.11,1.15l-4.93,4.94Z' style='fill:%23abb2b8; stroke:%23abb2b8; stroke-miterlimit:10; stroke-width:.5px;'/%3e%3cpath d='M12.05,3.9c.95-.14,1.09,1.27.22,1.39-.98.13-1.07-1.26-.22-1.39Z' style='fill:%23abb2b8; stroke:%23abb2b8; stroke-miterlimit:10; stroke-width:.5px;'/%3e%3c/g%3e%3c/svg%3e");
    background-size: contain;
    background-repeat: no-repeat;
    position: relative;
    top: 4px;
}

.fa-key:hover::before {
    /* background-image: url("../images/key01_hover.svg"); */
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17 15.86'%3e%3cg id='key01hover'%3e%3cpath d='M5.95,15.24c-.03.15-.29.35-.46.34-1.23-.09-2.6.11-3.81,0-.31-.03-.48-.13-.52-.46-.12-.98.09-2.18,0-3.19l.21-.34,4.7-4.69c.11-.2-.05-.45-.07-.68-.2-3.95,2.98-6.93,6.9-5.68,5.41,1.73,4.35,9.96-1.41,10.25-.34.02-.98-.12-1.21-.05-.25.08-.87,1.03-1.18,1.03h-1.26c-.05.34.19,1.9-.34,1.9h-1.56c-.07.45.09,1.15,0,1.56ZM2.08,12.23v2.33l.09.09h2.76l.09-.09v-1.53c0-.06.21-.28.28-.28h1.53l.09-.09v-1.53s.12-.2.15-.22c.25-.18,1.34.04,1.71-.07.27-.08.79-.79,1.06-.97.37-.26,1,.01,1.47,0,3.2-.08,5.19-3.48,3.76-6.33C12.99-.61,6.44,1.11,6.93,6.09c.04.38.31.78.11,1.16l-4.96,4.98Z' style='fill:%232b589f; stroke:%232b589f; stroke-miterlimit:10; stroke-width:.5px;'/%3e%3cpath d='M12.07,3.87c.96-.14,1.1,1.28.22,1.4-.98.14-1.08-1.27-.22-1.4Z' style='fill:%232b589f; stroke:%232b589f; stroke-miterlimit:10; stroke-width:.5px;'/%3e%3c/g%3e%3c/svg%3e");
}

.fa-flask::before {
    content: "" !important;
    display: block;
    width: 16px;
    height: 16px;
    /* background-image: url("../images/flask01.svg"); */
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17 15.86'%3e%3cpath d='M11.89,1.65v4.56c.02.29.11.56.24.82.72,1.49,2.07,3.21,2.96,4.68.5.83.97,1.39.71,2.42-.22.87-.95,1.43-1.85,1.55-3.22-.2-6.79.27-9.98,0-.89-.07-1.62-.62-1.87-1.46-.29-.95.02-1.41.48-2.2.93-1.58,2.33-3.3,3.13-4.89.14-.27.23-.56.26-.87.14-1.46-.09-3.1.01-4.58-.31-.15-.64-.02-.86-.35-.36-.54,0-1.11.63-1.18,1.99-.22,4.93-.19,6.41,0,1.1.21.84,1.58-.28,1.49ZM10.43,1.64h-2.99v4.81s-.07.39-.09.47c-.24,1.06-1.22,1.98-1.62,2.98h6.35c.01-.11,0-.19-.05-.29-.37-.87-1.6-2.06-1.6-3.09V1.64Z' style='fill:%23abb2b8;'/%3e%3c/svg%3e");
    background-size: contain;
    background-repeat: no-repeat;
    position: relative;
    top: 3px;
}

.fa-flask:hover::before {
    /* background-image: url("../images/flask01_hover.svg"); */
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17 15.86'%3e%3cg id='flask_hover'%3e%3cpath d='M11.87,1.65v4.56c.02.29.11.56.24.82.72,1.49,2.07,3.21,2.96,4.68.5.83.97,1.39.71,2.42-.22.87-.95,1.43-1.85,1.55-3.22-.2-6.79.27-9.98,0-.89-.07-1.62-.62-1.87-1.46-.29-.95.02-1.41.48-2.2.93-1.58,2.33-3.3,3.13-4.89.14-.27.23-.56.26-.87.14-1.46-.09-3.1.01-4.58-.31-.15-.64-.02-.86-.35-.36-.54,0-1.11.63-1.18,1.99-.22,4.93-.19,6.41,0,1.1.21.84,1.58-.28,1.49ZM10.4,1.64h-2.99v4.81s-.07.39-.09.47c-.24,1.06-1.22,1.98-1.62,2.98h6.35c.01-.11,0-.19-.05-.29-.37-.87-1.6-2.06-1.6-3.09V1.64Z' style='fill:%232b589f;'/%3e%3c/g%3e%3c/svg%3e");
}

.fa-clone::before {
    content: "" !important;
    display: block;
    width: 17px;
    height: 17px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17 15.86'%3e%3cpath id='clone01' d='M3.2,14.28h6.4c.25,0,.46-.22.46-.49v-1.97h1.37v1.97c0,1.09-.82,1.97-1.83,1.97H3.2c-1.01,0-1.83-.88-1.83-1.97v-6.9c0-1.09.82-1.97,1.83-1.97h1.83v1.48h-1.83c-.25,0-.46.22-.46.49v6.9c0,.27.21.49.46.49ZM7.77,9.36h6.4c.25,0,.46-.22.46-.49V1.97c0-.27-.21-.49-.46-.49h-6.4c-.25,0-.46.22-.46.49v6.9c0,.27.21.49.46.49ZM5.94,8.87V1.97c0-1.09.82-1.97,1.83-1.97h6.4c1.01,0,1.83.88,1.83,1.97v6.9c0,1.09-.82,1.97-1.83,1.97h-6.4c-1.01,0-1.83-.88-1.83-1.97Z' style='fill:%23abb2b8;'/%3e%3c/svg%3e");
    background-size: contain;
    background-repeat: no-repeat;
    position: relative;
    top: 3px;
}

.fa-clone:hover::before {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17 15.86'%3e%3cpath id='clone01_hover' d='M3.2,14.28h6.4c.25,0,.46-.22.46-.49v-1.97h1.37v1.97c0,1.09-.82,1.97-1.83,1.97H3.2c-1.01,0-1.83-.88-1.83-1.97v-6.9c0-1.09.82-1.97,1.83-1.97h1.83v1.48h-1.83c-.25,0-.46.22-.46.49v6.9c0,.27.21.49.46.49ZM7.78,9.36h6.4c.25,0,.46-.22.46-.49V1.97c0-.27-.21-.49-.46-.49h-6.4c-.25,0-.46.22-.46.49v6.9c0,.27.21.49.46.49ZM5.95,8.87V1.97c0-1.09.82-1.97,1.83-1.97h6.4c1.01,0,1.83.88,1.83,1.97v6.9c0,1.09-.82,1.97-1.83,1.97h-6.4c-1.01,0-1.83-.88-1.83-1.97Z' style='fill:%232b589f;'/%3e%3c/svg%3e");
}

.la-trash::before {
    content: "" !important;
    display: block;
    width: 15px;
    height: 16px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17 15.86'%3e%3cpath d='M10.22,12.73h.73c.2,0,.37-.16.37-.37v-6.57c0-.2-.16-.37-.37-.37h-.73c-.2,0-.37.16-.37.37v6.57c0,.2.16.37.37.37ZM15.21,2.5h-2.51l-1.03-1.73c-.26-.44-.74-.71-1.25-.71h-3.07c-.51,0-.99.27-1.25.71l-1.03,1.73h-2.51c-.27,0-.49.22-.49.49v.49c0,.27.22.49.49.49h.49v10.23c0,.81.65,1.46,1.46,1.46h8.77c.81,0,1.46-.65,1.46-1.46h0V3.96h.49c.27,0,.49-.22.49-.49v-.49c0-.27-.22-.49-.49-.49ZM7.29,1.62c.03-.06.09-.09.16-.09h2.86c.06,0,.12.03.16.09l.53.89h-4.24l.53-.89ZM13.26,14.19H4.5V3.96h8.77v10.23ZM6.81,12.73h.73c.2,0,.37-.16.37-.37v-6.57c0-.2-.16-.37-.37-.37h-.73c-.2,0-.37.16-.37.37v6.57c0,.2.16.37.37.37Z' style='fill:%23abb2b8;'/%3e%3c/svg%3e");
    background-size: contain;
    background-repeat: no-repeat;
    position: relative;
    top: 3px;
}

.la-trash:hover::before {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17 15.86'%3e%3cpath id='trash01_hover' d='M10.22,12.75h.73c.2,0,.37-.16.37-.37v-6.57c0-.2-.16-.37-.37-.37h-.73c-.2,0-.37.16-.37.37v6.57c0,.2.16.37.37.37ZM15.21,2.52h-2.51l-1.03-1.73c-.26-.44-.74-.71-1.25-.71h-3.07c-.51,0-.99.27-1.25.71l-1.03,1.73h-2.51c-.27,0-.49.22-.49.49v.49c0,.27.22.49.49.49h.49v10.23c0,.81.65,1.46,1.46,1.46h8.77c.81,0,1.46-.65,1.46-1.46h0V3.98h.49c.27,0,.49-.22.49-.49v-.49c0-.27-.22-.49-.49-.49ZM7.29,1.64c.03-.06.09-.09.16-.09h2.86c.06,0,.12.03.16.09l.53.89h-4.24l.53-.89ZM13.26,14.21H4.5V3.98h8.77v10.23ZM6.81,12.75h.73c.2,0,.37-.16.37-.37v-6.57c0-.2-.16-.37-.37-.37h-.73c-.2,0-.37.16-.37.37v6.57c0,.2.16.37.37.37Z' style='fill:%232b589f;'/%3e%3c/svg%3e");
}

.fa-trash-can::before {
    content: "" !important;
    display: block;
    width: 15px;
    height: 16px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17 15.86'%3e%3cpath d='M10.22,12.73h.73c.2,0,.37-.16.37-.37v-6.57c0-.2-.16-.37-.37-.37h-.73c-.2,0-.37.16-.37.37v6.57c0,.2.16.37.37.37ZM15.21,2.5h-2.51l-1.03-1.73c-.26-.44-.74-.71-1.25-.71h-3.07c-.51,0-.99.27-1.25.71l-1.03,1.73h-2.51c-.27,0-.49.22-.49.49v.49c0,.27.22.49.49.49h.49v10.23c0,.81.65,1.46,1.46,1.46h8.77c.81,0,1.46-.65,1.46-1.46h0V3.96h.49c.27,0,.49-.22.49-.49v-.49c0-.27-.22-.49-.49-.49ZM7.29,1.62c.03-.06.09-.09.16-.09h2.86c.06,0,.12.03.16.09l.53.89h-4.24l.53-.89ZM13.26,14.19H4.5V3.96h8.77v10.23ZM6.81,12.73h.73c.2,0,.37-.16.37-.37v-6.57c0-.2-.16-.37-.37-.37h-.73c-.2,0-.37.16-.37.37v6.57c0,.2.16.37.37.37Z' style='fill:%23abb2b8;'/%3e%3c/svg%3e");
    background-size: contain;
    background-repeat: no-repeat;
    position: relative;
    top: 3px;
}

.fa-trash-can:hover::before {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17 15.86'%3e%3cpath id='trash01_hover' d='M10.22,12.75h.73c.2,0,.37-.16.37-.37v-6.57c0-.2-.16-.37-.37-.37h-.73c-.2,0-.37.16-.37.37v6.57c0,.2.16.37.37.37ZM15.21,2.52h-2.51l-1.03-1.73c-.26-.44-.74-.71-1.25-.71h-3.07c-.51,0-.99.27-1.25.71l-1.03,1.73h-2.51c-.27,0-.49.22-.49.49v.49c0,.27.22.49.49.49h.49v10.23c0,.81.65,1.46,1.46,1.46h8.77c.81,0,1.46-.65,1.46-1.46h0V3.98h.49c.27,0,.49-.22.49-.49v-.49c0-.27-.22-.49-.49-.49ZM7.29,1.64c.03-.06.09-.09.16-.09h2.86c.06,0,.12.03.16.09l.53.89h-4.24l.53-.89ZM13.26,14.21H4.5V3.98h8.77v10.23ZM6.81,12.75h.73c.2,0,.37-.16.37-.37v-6.57c0-.2-.16-.37-.37-.37h-.73c-.2,0-.37.16-.37.37v6.57c0,.2.16.37.37.37Z' style='fill:%232b589f;'/%3e%3c/svg%3e");
}

.fa-trash::before {
    content: "" !important;
    display: block;
    width: 15px;
    height: 16px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17 15.86'%3e%3cpath d='M10.22,12.73h.73c.2,0,.37-.16.37-.37v-6.57c0-.2-.16-.37-.37-.37h-.73c-.2,0-.37.16-.37.37v6.57c0,.2.16.37.37.37ZM15.21,2.5h-2.51l-1.03-1.73c-.26-.44-.74-.71-1.25-.71h-3.07c-.51,0-.99.27-1.25.71l-1.03,1.73h-2.51c-.27,0-.49.22-.49.49v.49c0,.27.22.49.49.49h.49v10.23c0,.81.65,1.46,1.46,1.46h8.77c.81,0,1.46-.65,1.46-1.46h0V3.96h.49c.27,0,.49-.22.49-.49v-.49c0-.27-.22-.49-.49-.49ZM7.29,1.62c.03-.06.09-.09.16-.09h2.86c.06,0,.12.03.16.09l.53.89h-4.24l.53-.89ZM13.26,14.19H4.5V3.96h8.77v10.23ZM6.81,12.73h.73c.2,0,.37-.16.37-.37v-6.57c0-.2-.16-.37-.37-.37h-.73c-.2,0-.37.16-.37.37v6.57c0,.2.16.37.37.37Z' style='fill:%23abb2b8;'/%3e%3c/svg%3e");
    background-size: contain;
    background-repeat: no-repeat;
    position: relative;
    top: 3px;
}

.fa-trash:hover::before {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17 15.86'%3e%3cpath id='trash01_hover' d='M10.22,12.75h.73c.2,0,.37-.16.37-.37v-6.57c0-.2-.16-.37-.37-.37h-.73c-.2,0-.37.16-.37.37v6.57c0,.2.16.37.37.37ZM15.21,2.52h-2.51l-1.03-1.73c-.26-.44-.74-.71-1.25-.71h-3.07c-.51,0-.99.27-1.25.71l-1.03,1.73h-2.51c-.27,0-.49.22-.49.49v.49c0,.27.22.49.49.49h.49v10.23c0,.81.65,1.46,1.46,1.46h8.77c.81,0,1.46-.65,1.46-1.46h0V3.98h.49c.27,0,.49-.22.49-.49v-.49c0-.27-.22-.49-.49-.49ZM7.29,1.64c.03-.06.09-.09.16-.09h2.86c.06,0,.12.03.16.09l.53.89h-4.24l.53-.89ZM13.26,14.21H4.5V3.98h8.77v10.23ZM6.81,12.75h.73c.2,0,.37-.16.37-.37v-6.57c0-.2-.16-.37-.37-.37h-.73c-.2,0-.37.16-.37.37v6.57c0,.2.16.37.37.37Z' style='fill:%232b589f;'/%3e%3c/svg%3e");
}

.fa-clock::before {
    content: "" !important;
    display: block;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17 15.86'%3e%3cpath d='M8.7.17C4.43.17.98,3.62.98,7.88s3.45,7.71,7.71,7.71,7.71-3.45,7.71-7.71S12.96.17,8.7.17ZM8.7,14.1c-3.44,0-6.22-2.78-6.22-6.22S5.26,1.66,8.7,1.66s6.22,2.78,6.22,6.22-2.78,6.22-6.22,6.22ZM10.62,10.85l-2.64-1.92c-.1-.07-.15-.18-.15-.3V3.53c0-.21.17-.37.37-.37h1c.21,0,.37.17.37.37v4.41l2.08,1.51c.17.12.2.35.08.52l-.58.81c-.12.16-.35.2-.52.08h0Z' style='fill:%23abb2b8; stroke:%23abb2b8; stroke-miterlimit:10; stroke-width:.25px;'/%3e%3c/svg%3e");
    background-size: contain;
    background-repeat: no-repeat;
    position: relative;
    top: 4px;
}

.fa-clock:hover::before {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17 15.86'%3e%3cpath id='clock01_hover' d='M8.7.17C4.43.17.98,3.62.98,7.88s3.45,7.71,7.71,7.71,7.71-3.45,7.71-7.71S12.96.17,8.7.17ZM8.7,14.1c-3.44,0-6.22-2.78-6.22-6.22S5.26,1.66,8.7,1.66s6.22,2.78,6.22,6.22-2.78,6.22-6.22,6.22ZM10.62,10.85l-2.64-1.92c-.1-.07-.15-.18-.15-.3V3.53c0-.21.17-.37.37-.37h1c.21,0,.37.17.37.37v4.41l2.08,1.51c.17.12.2.35.08.52l-.58.81c-.12.16-.35.2-.52.08h0Z' style='fill:%232b589f; stroke:%232b589f; stroke-miterlimit:10; stroke-width:.25px;'/%3e%3c/svg%3e");
}

.fa-copy::before {
    content: "" !important;
    display: block;
    width: 17px;
    height: 17px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17 15.89'%3e%3cpath id='copy01' d='M13.46,10.4h-5.92c-.27,0-.49-.22-.49-.49V2.01c0-.27.22-.49.49-.49h4.32l2.09,2.09v6.29c0,.27-.22.49-.49.49ZM7.55,11.88h5.92c1.09,0,1.97-.88,1.97-1.97V3.61c0-.39-.16-.77-.43-1.04L12.91.48c-.28-.28-.65-.43-1.04-.43h-4.32c-1.09,0-1.97.88-1.97,1.97v7.89c0,1.09.88,1.97,1.97,1.97ZM3.6,3.99c-1.09,0-1.97.88-1.97,1.97v7.89c0,1.09.88,1.97,1.97,1.97h5.92c1.09,0,1.97-.88,1.97-1.97v-.99h-1.48v.99c0,.27-.22.49-.49.49H3.6c-.27,0-.49-.22-.49-.49v-7.89c0-.27.22-.49.49-.49h.99v-1.48h-.99Z' style='fill:%23abb2b8;'/%3e%3c/svg%3e");
    background-size: contain;
    background-repeat: no-repeat;
    position: relative;
    top: 4px;
}

.fa-copy:hover::before {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17 15.89'%3e%3cpath id='copy01_hover' d='M13.43,10.43h-5.92c-.27,0-.49-.22-.49-.49V2.05c0-.27.22-.49.49-.49h4.32l2.09,2.09v6.29c0,.27-.22.49-.49.49ZM7.51,11.91h5.92c1.09,0,1.97-.88,1.97-1.97V3.65c0-.39-.16-.77-.43-1.04l-2.09-2.09c-.28-.28-.65-.43-1.04-.43h-4.32c-1.09,0-1.97.88-1.97,1.97v7.89c0,1.09.88,1.97,1.97,1.97ZM3.57,4.02c-1.09,0-1.97.88-1.97,1.97v7.89c0,1.09.88,1.97,1.97,1.97h5.92c1.09,0,1.97-.88,1.97-1.97v-.99h-1.48v.99c0,.27-.22.49-.49.49H3.57c-.27,0-.49-.22-.49-.49v-7.89c0-.27.22-.49.49-.49h.99v-1.48h-.99Z' style='fill:%232b589f;'/%3e%3c/svg%3e");
}

.la-redo-alt::before {
    content: "" !important;
    display: block;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17 15.94'%3e%3cpath d='M14.39,11.05c.08-.16.27-.22.43-.15l.63.3s-1.8,4.29-6.86,4.49c-4.81-.12-7.75-3.9-7.78-7.74C.79,4.11,3.79.29,8.48.25c4.61-.08,6.38,3.61,6.38,3.61.09.15.16.14.16-.04V1.82c0-.18.14-.32.32-.32h.52c.18,0,.32.14.32.32v3.93c0,.18-.14.32-.32.32,0,0,0,0,0,0h-4.05c-.18,0-.32-.14-.32-.32h0v-.48c0-.18.14-.32.32-.33l2.04-.03c.18,0,.26-.13.18-.29,0,0-1.46-3.36-5.51-3.32-3.93.04-6.64,3.36-6.62,6.68.24,4.43,3.61,6.6,6.7,6.52,4.37,0,5.79-3.44,5.79-3.44h0Z' style='fill:%23abb2b8; fill-rule:evenodd; stroke:%23abb2b8; stroke-miterlimit:10; stroke-width:.5px;'/%3e%3c/svg%3e");
    background-size: contain;
    background-repeat: no-repeat;
    position: relative;
    top: 4px;
}

.la-redo-alt:hover::before {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17 15.98'%3e%3cpath d='M14.43,11.08c.08-.16.27-.22.43-.15l.63.3s-1.8,4.29-6.86,4.49c-4.81-.12-7.75-3.9-7.78-7.74C.82,4.15,3.82.33,8.51.29c4.61-.08,6.38,3.61,6.38,3.61.09.15.16.14.16-.04V1.85c0-.18.14-.32.32-.32h.52c.18,0,.32.14.32.32v3.93c0,.18-.14.32-.32.32,0,0,0,0,0,0h-4.05c-.18,0-.32-.14-.32-.32h0v-.48c0-.18.14-.32.32-.33l2.04-.03c.18,0,.26-.13.18-.29,0,0-1.46-3.36-5.51-3.32-3.93.04-6.64,3.36-6.62,6.68.24,4.43,3.61,6.6,6.7,6.52,4.37,0,5.79-3.44,5.79-3.44h0Z' style='fill:%232b589f; fill-rule:evenodd; stroke:%232b589f; stroke-miterlimit:10; stroke-width:.5px;'/%3e%3c/svg%3e");
}

.bi-pencil-square::before {
    content: "" !important;
    display: block;
    width: 16px;
    height: 16px;
    /* background-image: url("../images/edit01.svg"); */
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17 15.75'%3e%3cg id='edit'%3e%3cpath d='M3.24,2.07c1.32-.15,2.85.08,4.18,0,.51.08.62.9-.15.97-1.25.13-2.88-.18-4.08.03-.62.11-1.08.66-1.12,1.28v8.93c.08.8.69,1.25,1.46,1.31,2.77.22,5.83-.17,8.62,0,.86-.07,1.39-.6,1.46-1.46.1-1.26-.08-2.67,0-3.94.13-.49.73-.51.91-.06-.08,1.39.13,2.93,0,4.31-.1,1.08-1,1.97-2.08,2.08H3.21c-1.24-.15-2.04-1.05-2.13-2.29-.21-2.89.17-6.05,0-8.97.13-1.15.97-2.04,2.13-2.18h.03Z' style='fill:%23000000; stroke:%23000000; stroke-miterlimit:10; stroke-width:.5px;'/%3e%3cpath d='M13.74.27c1.75-.25,3.47,2.09,2.12,3.55l-6.88,6.86c-.51.38-2.53.8-3.23.93-.44.07-.8.04-.81-.51.34-1.14.39-2.43.95-3.47L12.73.79c.28-.24.65-.48,1.01-.52ZM13.79,1.24c-.24.04-.98.73-1.12.94-.03.04-.07.08-.04.14l1.66,1.67c.6-.49,1.52-1.17.93-2.04-.34-.49-.81-.83-1.42-.72ZM6.06,10.56c.73-.22,1.56-.27,2.25-.59l5.28-5.28-1.71-1.67-5.12,5.08c-.42.72-.49,1.66-.7,2.46h.01Z' style='fill:%23000000; stroke:%23000000; stroke-miterlimit:10; stroke-width:.5px;'/%3e%3c/g%3e%3c/svg%3e");
    background-size: contain;
    background-repeat: no-repeat;
    position: relative;
    top: 3px;
}

.bi-pencil-square:hover::before {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17 15.77'%3e%3cg id='edit-hover'%3e%3cpath d='M3.26,2.07c1.32-.15,2.85.08,4.18,0,.51.08.62.9-.15.97-1.25.13-2.88-.18-4.08.03-.62.11-1.08.66-1.12,1.28v8.93c.08.8.69,1.25,1.46,1.31,2.77.22,5.83-.17,8.62,0,.86-.07,1.39-.6,1.46-1.46.1-1.26-.08-2.67,0-3.94.13-.49.73-.51.91-.06-.08,1.39.13,2.93,0,4.31-.1,1.08-1,1.97-2.08,2.08H3.23c-1.24-.15-2.04-1.05-2.13-2.29-.21-2.89.17-6.05,0-8.97.13-1.15.97-2.04,2.13-2.18h.03Z' style='fill:%232b589f; stroke:%232b589f; stroke-miterlimit:10; stroke-width:.5px;'/%3e%3cpath d='M13.76.27c1.75-.25,3.47,2.09,2.12,3.55l-6.88,6.86c-.51.38-2.53.8-3.23.93-.44.07-.8.04-.81-.51.34-1.14.39-2.43.95-3.47L12.75.79c.28-.24.65-.48,1.01-.52ZM13.81,1.24c-.24.04-.98.73-1.12.94-.03.04-.07.08-.04.14l1.66,1.67c.6-.49,1.52-1.17.93-2.04-.34-.49-.81-.83-1.42-.72ZM6.08,10.56c.73-.22,1.56-.27,2.25-.59l5.28-5.28-1.71-1.67-5.12,5.08c-.42.72-.49,1.66-.7,2.46h.01Z' style='fill:%232b589f; stroke:%232b589f; stroke-miterlimit:10; stroke-width:.5px;'/%3e%3c/g%3e%3c/svg%3e");
}

.la-file-invoice01::before {
    content: "" !important;
    display: block;
    width: 15px;
    height: 16px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17 15.89'%3e%3cpath d='M13.18,14.34c.28,0,.51-.22.51-.49V4.98h-2.57c-.57,0-1.03-.44-1.03-.99V1.53h-5.13c-.28,0-.51.22-.51.49v11.82c0,.27.23.49.51.49h8.21ZM2.92,2.02C2.92.93,3.84.05,4.97.05h5.31c.55,0,1.07.21,1.45.58l2.9,2.79c.38.37.6.87.6,1.39v9.04c0,1.09-.92,1.97-2.05,1.97H4.97c-1.13,0-2.05-.88-2.05-1.97V2.02Z' style='fill:%23abb2b8;'/%3e%3cline x1='5.96' y1='7.34' x2='12.19' y2='7.34' style='fill:%23abb2b8; stroke:%23abb2b8; stroke-miterlimit:10; stroke-width:.5px;'/%3e%3cline x1='5.96' y1='8.58' x2='9.31' y2='8.58' style='fill:%23abb2b8; stroke:%23abb2b8; stroke-miterlimit:10; stroke-width:.5px;'/%3e%3cline x1='9.47' y1='8.58' x2='12.19' y2='8.58' style='fill:%23abb2b8; stroke:%23abb2b8; stroke-miterlimit:10; stroke-width:.5px;'/%3e%3cline x1='5.96' y1='9.73' x2='9.31' y2='9.73' style='fill:%23abb2b8; stroke:%23abb2b8; stroke-miterlimit:10; stroke-width:.5px;'/%3e%3cline x1='9.47' y1='9.73' x2='12.19' y2='9.73' style='fill:%23abb2b8; stroke:%23abb2b8; stroke-miterlimit:10; stroke-width:.5px;'/%3e%3cline x1='5.96' y1='10.85' x2='9.31' y2='10.85' style='fill:%23abb2b8; stroke:%23abb2b8; stroke-miterlimit:10; stroke-width:.5px;'/%3e%3cline x1='9.47' y1='10.85' x2='12.19' y2='10.85' style='fill:%23abb2b8; stroke:%23abb2b8; stroke-miterlimit:10; stroke-width:.5px;'/%3e%3cline x1='5.96' y1='12.03' x2='9.31' y2='12.03' style='fill:%23abb2b8; stroke:%23abb2b8; stroke-miterlimit:10; stroke-width:.5px;'/%3e%3cline x1='9.47' y1='12.03' x2='12.19' y2='12.03' style='fill:%23abb2b8; stroke:%23abb2b8; stroke-miterlimit:10; stroke-width:.5px;'/%3e%3c/svg%3e");
    background-size: contain;
    background-repeat: no-repeat;
    position: relative;
    top: 4px;
}

.la-file-invoice01:hover::before {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17 15.89'%3e%3cpath d='M13.18,14.34c.28,0,.51-.22.51-.49V4.98h-2.57c-.57,0-1.03-.44-1.03-.99V1.53h-5.13c-.28,0-.51.22-.51.49v11.82c0,.27.23.49.51.49h8.21ZM2.92,2.02C2.92.93,3.84.05,4.97.05h5.31c.55,0,1.07.21,1.45.58l2.9,2.79c.38.37.6.87.6,1.39v9.04c0,1.09-.92,1.97-2.05,1.97H4.97c-1.13,0-2.05-.88-2.05-1.97V2.02Z' style='fill:%232b589f;'/%3e%3cline x1='5.96' y1='7.34' x2='12.19' y2='7.34' style='fill:none; stroke:%232b589f; stroke-miterlimit:10; stroke-width:.5px;'/%3e%3cline x1='5.96' y1='8.58' x2='9.31' y2='8.58' style='fill:none; stroke:%232b589f; stroke-miterlimit:10; stroke-width:.5px;'/%3e%3cline x1='9.47' y1='8.58' x2='12.19' y2='8.58' style='fill:none; stroke:%232b589f; stroke-miterlimit:10; stroke-width:.5px;'/%3e%3cline x1='5.96' y1='9.73' x2='9.31' y2='9.73' style='fill:none; stroke:%232b589f; stroke-miterlimit:10; stroke-width:.5px;'/%3e%3cline x1='9.47' y1='9.73' x2='12.19' y2='9.73' style='fill:none; stroke:%232b589f; stroke-miterlimit:10; stroke-width:.5px;'/%3e%3cline x1='5.96' y1='10.85' x2='9.31' y2='10.85' style='fill:none; stroke:%232b589f; stroke-miterlimit:10; stroke-width:.5px;'/%3e%3cline x1='9.47' y1='10.85' x2='12.19' y2='10.85' style='fill:none; stroke:%232b589f; stroke-miterlimit:10; stroke-width:.5px;'/%3e%3cline x1='5.96' y1='12.03' x2='9.31' y2='12.03' style='fill:none; stroke:%232b589f; stroke-miterlimit:10; stroke-width:.5px;'/%3e%3cline x1='9.47' y1='12.03' x2='12.19' y2='12.03' style='fill:none; stroke:%232b589f; stroke-miterlimit:10; stroke-width:.5px;'/%3e%3c/svg%3e");
}

.la-times-circle::before {
    content: "" !important;
    display: block;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17 16.08'%3e%3cpath id='cancel01' d='M8.5,1.61c3.55,0,6.43,2.88,6.43,6.43s-2.88,6.43-6.43,6.43-6.43-2.88-6.43-6.43S4.95,1.61,8.5,1.61ZM8.5,15.96c4.37,0,7.92-3.54,7.92-7.92S12.87.12,8.5.12.58,3.67.58,8.04s3.54,7.92,7.92,7.92ZM5.99,5.54c-.29.29-.29.76,0,1.05l1.45,1.45-1.45,1.45c-.29.29-.29.76,0,1.05s.76.29,1.05,0l1.45-1.45,1.45,1.45c.29.29.76.29,1.05,0s.29-.76,0-1.05l-1.45-1.45,1.45-1.45c.29-.29.29-.76,0-1.05s-.76-.29-1.05,0l-1.45,1.45-1.45-1.45c-.29-.29-.76-.29-1.05,0Z' style='fill:%23c30; stroke:%23c30; stroke-miterlimit:10; stroke-width:.25px;'/%3e%3c/svg%3e");
    background-size: contain;
    background-repeat: no-repeat;
    position: relative;
    top: 1px;
}
/* .la-times-circle:hover::before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17 16.08'%3e%3cpath id='cancel01' d='M8.5,1.61c3.55,0,6.43,2.88,6.43,6.43s-2.88,6.43-6.43,6.43-6.43-2.88-6.43-6.43S4.95,1.61,8.5,1.61ZM8.5,15.96c4.37,0,7.92-3.54,7.92-7.92S12.87.12,8.5.12.58,3.67.58,8.04s3.54,7.92,7.92,7.92ZM5.99,5.54c-.29.29-.29.76,0,1.05l1.45,1.45-1.45,1.45c-.29.29-.29.76,0,1.05s.76.29,1.05,0l1.45-1.45,1.45,1.45c.29.29.76.29,1.05,0s.29-.76,0-1.05l-1.45-1.45,1.45-1.45c.29-.29.29-.76,0-1.05s-.76-.29-1.05,0l-1.45,1.45-1.45-1.45c-.29-.29-.76-.29-1.05,0Z' style='fill:%232b589f; stroke:%232b589f; stroke-miterlimit:10; stroke-width:.25px;'/%3e%3c/svg%3e");
} */

.fa-circle-info::before {
    content: "" !important;
    display: block;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17 16.08'%3e%3cpath d='M13.76,13.76c-3.63,3.34-9.51,2.47-12.02-1.77C-.96,7.43,1.59,1.38,6.81.31c7.88-1.62,12.84,8.04,6.95,13.46ZM7.62,1.63c-2.82.27-5.3,2.93-5.52,5.73-.41,5.36,5.44,8.97,9.95,5.93C17.56,9.57,14.51.96,7.62,1.63Z' style='fill:%23abb2b8; stroke:%23abb2b8; stroke-miterlimit:10; stroke-width:.25px;'/%3e%3cpath d='M8.01,8.46c-.42-.02-.97.1-1.29-.25s-.18-.97.25-1.14c.24-.09,1.72-.1,1.99-.03.28.07.47.35.5.63.05.39-.09,2.63,0,2.73,1.08-.11,1.35,1.33.26,1.5-.43.07-2.32.07-2.68-.05-.4-.13-.53-.45-.48-.85.08-.64.96-.61,1.45-.59v-1.95Z' style='fill:%23abb2b8; stroke:%23abb2b8; stroke-miterlimit:10; stroke-width:.25px;'/%3e%3cpath d='M7.84,5.8c-.98-.82.26-2.36,1.27-1.55s-.29,2.38-1.27,1.55Z' style='fill:%23abb2b8; stroke:%23abb2b8; stroke-miterlimit:10; stroke-width:.25px;'/%3e%3c/svg%3e");
    background-size: contain;
    background-repeat: no-repeat;
    position: relative;
    top: 1px;
}

.fa-circle-info:hover::before {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17 16.08'%3e%3cpath d='M13.76,13.76c-3.63,3.34-9.51,2.47-12.02-1.77C-.96,7.43,1.59,1.38,6.81.31c7.88-1.62,12.84,8.04,6.95,13.46ZM7.62,1.63c-2.82.27-5.3,2.93-5.52,5.73-.41,5.36,5.44,8.97,9.95,5.93C17.56,9.57,14.51.96,7.62,1.63Z' style='fill:%232b589f; stroke:%232b589f; stroke-miterlimit:10; stroke-width:.25px;'/%3e%3cpath d='M8.01,8.46c-.42-.02-.97.1-1.29-.25s-.18-.97.25-1.14c.24-.09,1.72-.1,1.99-.03.28.07.47.35.5.63.05.39-.09,2.63,0,2.73,1.08-.11,1.35,1.33.26,1.5-.43.07-2.32.07-2.68-.05-.4-.13-.53-.45-.48-.85.08-.64.96-.61,1.45-.59v-1.95Z' style='fill:%232b589f; stroke:%232b589f; stroke-miterlimit:10; stroke-width:.25px;'/%3e%3cpath d='M7.84,5.8c-.98-.82.26-2.36,1.27-1.55s-.29,2.38-1.27,1.55Z' style='fill:%232b589f; stroke:%232b589f; stroke-miterlimit:10; stroke-width:.25px;'/%3e%3c/svg%3e");
}

.la-info-circle::before {
    content: "" !important;
    display: block;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17 16.08'%3e%3cpath d='M13.76,13.76c-3.63,3.34-9.51,2.47-12.02-1.77C-.96,7.43,1.59,1.38,6.81.31c7.88-1.62,12.84,8.04,6.95,13.46ZM7.62,1.63c-2.82.27-5.3,2.93-5.52,5.73-.41,5.36,5.44,8.97,9.95,5.93C17.56,9.57,14.51.96,7.62,1.63Z' style='fill:%23abb2b8; stroke:%23abb2b8; stroke-miterlimit:10; stroke-width:.25px;'/%3e%3cpath d='M8.01,8.46c-.42-.02-.97.1-1.29-.25s-.18-.97.25-1.14c.24-.09,1.72-.1,1.99-.03.28.07.47.35.5.63.05.39-.09,2.63,0,2.73,1.08-.11,1.35,1.33.26,1.5-.43.07-2.32.07-2.68-.05-.4-.13-.53-.45-.48-.85.08-.64.96-.61,1.45-.59v-1.95Z' style='fill:%23abb2b8; stroke:%23abb2b8; stroke-miterlimit:10; stroke-width:.25px;'/%3e%3cpath d='M7.84,5.8c-.98-.82.26-2.36,1.27-1.55s-.29,2.38-1.27,1.55Z' style='fill:%23abb2b8; stroke:%23abb2b8; stroke-miterlimit:10; stroke-width:.25px;'/%3e%3c/svg%3e");
    background-size: contain;
    background-repeat: no-repeat;
    position: relative;
    top: 1px;
}

.la-info-circle:hover::before {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17 16.08'%3e%3cpath d='M13.76,13.76c-3.63,3.34-9.51,2.47-12.02-1.77C-.96,7.43,1.59,1.38,6.81.31c7.88-1.62,12.84,8.04,6.95,13.46ZM7.62,1.63c-2.82.27-5.3,2.93-5.52,5.73-.41,5.36,5.44,8.97,9.95,5.93C17.56,9.57,14.51.96,7.62,1.63Z' style='fill:%232b589f; stroke:%232b589f; stroke-miterlimit:10; stroke-width:.25px;'/%3e%3cpath d='M8.01,8.46c-.42-.02-.97.1-1.29-.25s-.18-.97.25-1.14c.24-.09,1.72-.1,1.99-.03.28.07.47.35.5.63.05.39-.09,2.63,0,2.73,1.08-.11,1.35,1.33.26,1.5-.43.07-2.32.07-2.68-.05-.4-.13-.53-.45-.48-.85.08-.64.96-.61,1.45-.59v-1.95Z' style='fill:%232b589f; stroke:%232b589f; stroke-miterlimit:10; stroke-width:.25px;'/%3e%3cpath d='M7.84,5.8c-.98-.82.26-2.36,1.27-1.55s-.29,2.38-1.27,1.55Z' style='fill:%232b589f; stroke:%232b589f; stroke-miterlimit:10; stroke-width:.25px;'/%3e%3c/svg%3e");
}

.fa-file-invoice01::before {
    content: "" !important;
    display: block;
    width: 19px;
    height: 19px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17 15.89'%3e%3cpath d='M13.18,14.34c.28,0,.51-.22.51-.49V4.98h-2.57c-.57,0-1.03-.44-1.03-.99V1.53h-5.13c-.28,0-.51.22-.51.49v11.82c0,.27.23.49.51.49h8.21ZM2.92,2.02C2.92.93,3.84.05,4.97.05h5.31c.55,0,1.07.21,1.45.58l2.9,2.79c.38.37.6.87.6,1.39v9.04c0,1.09-.92,1.97-2.05,1.97H4.97c-1.13,0-2.05-.88-2.05-1.97V2.02Z' style='fill:%23abb2b8;'/%3e%3cline x1='5.96' y1='7.34' x2='12.19' y2='7.34' style='fill:%23abb2b8; stroke:%23abb2b8; stroke-miterlimit:10; stroke-width:.5px;'/%3e%3cline x1='5.96' y1='8.58' x2='9.31' y2='8.58' style='fill:%23abb2b8; stroke:%23abb2b8; stroke-miterlimit:10; stroke-width:.5px;'/%3e%3cline x1='9.47' y1='8.58' x2='12.19' y2='8.58' style='fill:%23abb2b8; stroke:%23abb2b8; stroke-miterlimit:10; stroke-width:.5px;'/%3e%3cline x1='5.96' y1='9.73' x2='9.31' y2='9.73' style='fill:%23abb2b8; stroke:%23abb2b8; stroke-miterlimit:10; stroke-width:.5px;'/%3e%3cline x1='9.47' y1='9.73' x2='12.19' y2='9.73' style='fill:%23abb2b8; stroke:%23abb2b8; stroke-miterlimit:10; stroke-width:.5px;'/%3e%3cline x1='5.96' y1='10.85' x2='9.31' y2='10.85' style='fill:%23abb2b8; stroke:%23abb2b8; stroke-miterlimit:10; stroke-width:.5px;'/%3e%3cline x1='9.47' y1='10.85' x2='12.19' y2='10.85' style='fill:%23abb2b8; stroke:%23abb2b8; stroke-miterlimit:10; stroke-width:.5px;'/%3e%3cline x1='5.96' y1='12.03' x2='9.31' y2='12.03' style='fill:%23abb2b8; stroke:%23abb2b8; stroke-miterlimit:10; stroke-width:.5px;'/%3e%3cline x1='9.47' y1='12.03' x2='12.19' y2='12.03' style='fill:%23abb2b8; stroke:%23abb2b8; stroke-miterlimit:10; stroke-width:.5px;'/%3e%3c/svg%3e");
    background-size: contain;
    background-repeat: no-repeat;
    position: relative;
    top: 4px;
}

.fa-file-invoice01:hover::before {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17 15.89'%3e%3cpath d='M13.18,14.34c.28,0,.51-.22.51-.49V4.98h-2.57c-.57,0-1.03-.44-1.03-.99V1.53h-5.13c-.28,0-.51.22-.51.49v11.82c0,.27.23.49.51.49h8.21ZM2.92,2.02C2.92.93,3.84.05,4.97.05h5.31c.55,0,1.07.21,1.45.58l2.9,2.79c.38.37.6.87.6,1.39v9.04c0,1.09-.92,1.97-2.05,1.97H4.97c-1.13,0-2.05-.88-2.05-1.97V2.02Z' style='fill:%232b589f;'/%3e%3cline x1='5.96' y1='7.34' x2='12.19' y2='7.34' style='fill:none; stroke:%232b589f; stroke-miterlimit:10; stroke-width:.5px;'/%3e%3cline x1='5.96' y1='8.58' x2='9.31' y2='8.58' style='fill:none; stroke:%232b589f; stroke-miterlimit:10; stroke-width:.5px;'/%3e%3cline x1='9.47' y1='8.58' x2='12.19' y2='8.58' style='fill:none; stroke:%232b589f; stroke-miterlimit:10; stroke-width:.5px;'/%3e%3cline x1='5.96' y1='9.73' x2='9.31' y2='9.73' style='fill:none; stroke:%232b589f; stroke-miterlimit:10; stroke-width:.5px;'/%3e%3cline x1='9.47' y1='9.73' x2='12.19' y2='9.73' style='fill:none; stroke:%232b589f; stroke-miterlimit:10; stroke-width:.5px;'/%3e%3cline x1='5.96' y1='10.85' x2='9.31' y2='10.85' style='fill:none; stroke:%232b589f; stroke-miterlimit:10; stroke-width:.5px;'/%3e%3cline x1='9.47' y1='10.85' x2='12.19' y2='10.85' style='fill:none; stroke:%232b589f; stroke-miterlimit:10; stroke-width:.5px;'/%3e%3cline x1='5.96' y1='12.03' x2='9.31' y2='12.03' style='fill:none; stroke:%232b589f; stroke-miterlimit:10; stroke-width:.5px;'/%3e%3cline x1='9.47' y1='12.03' x2='12.19' y2='12.03' style='fill:none; stroke:%232b589f; stroke-miterlimit:10; stroke-width:.5px;'/%3e%3c/svg%3e");
}

.fa-lock::before {
    content: "" !important;
    display: block;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17 16.08'%3e%3cg id='lock01'%3e%3cpath d='M12.52,5.97h1.22c.79,0,1.79,1.16,1.72,1.97-.12,1.89.15,3.95,0,5.82-.09,1.11-.78,1.89-1.91,1.97-3.23.23-6.75-.18-10.01,0-1.01-.13-1.69-.9-1.78-1.91.15-1.91-.2-4.13,0-6,.07-.6.42-1.25.95-1.55.13-.07.65-.3.76-.3h1.22v-2.22C4.7.93,8.08-.71,10.5.58c2.09,1.11,2.1,3.29,2.02,5.39ZM11.08,5.97v-2.1c0-3.02-4.94-3.02-4.94,0v2.1h4.94ZM3.34,14.15c.08.08.32.15.45.15,3.12-.2,6.56.26,9.64,0,.2-.02.43-.03.5-.25v-6.39s-.24-.2-.24-.2l-9.91-.05c-.38,0-.6.3-.59.66.13,1.82-.16,3.85,0,5.64.01.13.05.36.15.45Z' style='fill:%23abb2b8; stroke:%23abb2b8; stroke-miterlimit:10; stroke-width:.25px;'/%3e%3c/g%3e%3c/svg%3e");
    background-size: contain;
    background-repeat: no-repeat;
    position: relative;
    top: 4px;
}
/* .fa-lock:hover::before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17 16.08'%3e%3cg id='lock01_hover'%3e%3cpath d='M12.52,5.97h1.22c.79,0,1.79,1.16,1.72,1.97-.12,1.89.15,3.95,0,5.82-.09,1.11-.78,1.89-1.91,1.97-3.23.23-6.75-.18-10.01,0-1.01-.13-1.69-.9-1.78-1.91.15-1.91-.2-4.13,0-6,.07-.6.42-1.25.95-1.55.13-.07.65-.3.76-.3h1.22v-2.22C4.7.93,8.08-.71,10.5.58c2.09,1.11,2.1,3.29,2.02,5.39ZM11.08,5.97v-2.1c0-3.02-4.94-3.02-4.94,0v2.1h4.94ZM3.34,14.15c.08.08.32.15.45.15,3.12-.2,6.56.26,9.64,0,.2-.02.43-.03.5-.25v-6.39s-.24-.2-.24-.2l-9.91-.05c-.38,0-.6.3-.59.66.13,1.82-.16,3.85,0,5.64.01.13.05.36.15.45Z' style='fill:%232b589f; stroke:%232b589f; stroke-miterlimit:10; stroke-width:.25px;'/%3e%3c/g%3e%3c/svg%3e");
} */










.la-calendar::before {
    content: "" !important;
    display: block;
    width: 15px;
    height: 15px;
    /* background-image: url("../images/calendar.svg"); */
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12.82 14.13'%3e%3cg id='calendar'%3e%3crect x='.54' y='1.85' width='11.74' height='11.74' rx='1.08' ry='1.08' style='fill:none; stroke:%23000; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.08px;'/%3e%3cpath d='M3.81.54v2.61' style='fill:none; stroke:%23000; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.08px;'/%3e%3cpath d='M9.03.54v2.61' style='fill:none; stroke:%23000; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.08px;'/%3e%3cpath d='M.54,5.76h11.74' style='fill:none; stroke:%23000; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.08px;'/%3e%3c/g%3e%3c/svg%3e");
    background-size: contain;
    background-repeat: no-repeat;
    position: relative;
    top: 0px;
}


.password-toggle.fa-eye::before {
    content: "\f06e" !important;
    background-image: none !important;
    top: auto;
    width: auto;
    height: auto;
}

.fa-pen-to-square {
    color: #b1b1b1;
}

    .fa-pen-to-square:hover {
        color: #2b589f;
    }


/* IconSVG=============================End */

/*icon-color: #abb2b8 */

#posting01 .badge {
    padding: 5px 5px 5px 5px !important;
    border-radius: 3px;
    line-height: 12px;
}


/* ================== */
.manageDivSmallDevice01 {
    width: 210px !important;
}

.manageDivSmallDevice02 {
    width: 255px;
}

.manageDivSmallDevice03 {
    width: 200px;
}

.manageDivSmallDevice04 {
    width: 260px;
}

.manageDivSmallDevice05 {
    width: 110px;
}

@media screen and (min-width: 1100px) and (max-width: 1365px) {
    .manageDivSmallDevice01 {
        width: 180px !important;
    }

    .manageDivSmallDevice02 {
        padding: 0;
        width: 200px;
    }

    .manageDivSmallDevice03 {
        width: 170px;
        padding-right: 0;
    }

    .manageDivSmallDevice04 {
        width: 210px;
        padding-right: 0;
    }

    .manageDivSmallDevice05 {
        width: 100px;
        padding-right: 0;
    }

    .manageDivSmallDevice01 input {
        font-size: 12.5px !important;
        padding: 0 10px !important;
    }

    .manageDivSmallDevice02 input {
        font-size: 12.5px !important;
        padding: 0 10px !important;
    }

    .manageDivSmallDevice03 > .select2 span {
        font-size: 12.5px !important;
        height: 38px;
    }

    .manageDivSmallDevice04 select {
        font-size: 12.5px !important;
        padding: 0 10px !important;
        height: 38px;
    }

    .manageDivSmallDevice05 a {
        font-size: 12.5px !important;
        min-width: 85px !important;
        line-height: 20px;
    }

    .manageDivSmallDevice06 a {
        font-size: 12.5px !important;
        min-width: 85px !important;
        line-height: 20px;
    }
}

@media screen and (min-width: 1366px) and (max-width: 1450px) {
    .manageDivSmallDevice01 {
        width: 200px !important;
    }

    .manageDivSmallDevice02 {
        padding: 0;
        width: 215px;
    }

    .manageDivSmallDevice03 {
        width: 170px;
        padding-right: 0;
    }

    .manageDivSmallDevice04 {
        width: 220px;
        padding-right: 0;
    }

    .manageDivSmallDevice05 {
        width: 90px;
        padding-right: 0;
    }

    .manageDivSmallDevice01 input {
        font-size: 13px !important;
        padding: 0 10px !important;
    }

    .manageDivSmallDevice02 input {
        font-size: 13px !important;
        padding: 0 10px !important;
    }

    .manageDivSmallDevice03 > .select2 span {
        font-size: 13px !important;
        height: 38px;
    }

    .manageDivSmallDevice04 select {
        font-size: 13px !important;
        padding: 0 10px !important;
        height: 38px;
    }

    .manageDivSmallDevice05 a {
        font-size: 13px !important;
        min-width: 100px !important;
    }

    .manageDivSmallDevice06 a {
        font-size: 13px !important;
        min-width: 100px !important;
    }
}

.report_page01 ul {
    top: -4px !important;
    float: right !important;
    padding: 0 !important;
    margin: 0 !important;
}
/* ================== */


/* .left_side01 {
  height: 95% !important;
  overflow-y: scroll !important;
  scrollbar-width: none;
  padding-bottom: 100px;
} */


/* New CSS For Sanjeev Sir */
.dropdownHeaderCustom {
    width: 210px;
}

.advLeadLookupCus {
    width: 250px;
}

.advLeadLookupCus01 {
    width: 250px;
}

@media screen and (min-width: 1100px) and (max-width: 1270px) {
    .advLeadLookupCusToggle label {
        display: none;
    }

    .advLeadLookupCus {
        width: 195px;
    }

    .advLeadLookupCus {
        margin-bottom: 15px;
    }

    .advLeadLookupCus01 {
        margin-bottom: 15px;
    }
}

@media screen and (min-width: 1280px) and (max-width: 1330px) {
    .advLeadLookupCus {
        width: 195px;
    }
}

@media screen and (min-width: 1366px) and (max-width: 1440px) {
    .advLeadLookupCus {
        width: 217px;
    }
}



@media screen and (min-width: 1000px) and (max-width: 1270px) {

    .counters-wrapperHeader {
        position: absolute;
        top: 50px;
    }

    .forTopMargin {
        margin-top: 50px !important;
    }

    :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm-hover"] .counters-wrapperHeader {
        position: inherit;
    }

    :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm-hover"] .forTopMargin {
        margin-top: 0 !important;
    }
}

/* heaer bolt ixon dropdown css==============Start*/

.cus_dropdown-container {
    position: absolute;
    right: 20px;
    top: 60px;
    width: 400px;
    background: white;
    border-radius: 5px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.18);
    padding: 10px;
    color: #555;
    font-size: 14px;
    overflow-y: scroll;
    height: auto;
    overflow-x: hidden;
    max-height: 75vh;
}

.content_edit-icon {
    position: absolute;
    right: 13px;
}

.comCon {
    width: 365px;
    border-left: 3px solid #dcdcdc;
    margin-bottom: 10px;
    background: #fafafa;
    /* background: #ccc; */
    padding: 10px 28px 10px 10px;
    word-wrap: anywhere;
}

.cus_dropdown-content h3 {
    font-size: 14px;
}

.cus_dropdown-content p {
    width: 330px;
    margin-bottom: 5px;
}

.cus_dropdown-content a {
    padding: 0 7px 0 0;
    color: #555 !important;
}

.cus_dropdown-item {
    /* display: flex; */
    /* justify-content: space-between; */
    align-items: center;
    padding: 10px;
    cursor: pointer;
    border-bottom: 1px solid #dddddd52;
    transition: background 0.3s;
    white-space: wrap;
    position: relative;
    color: #000;
    cursor: default;
}

    .cus_dropdown-item:hover {
        /* background: #f0f0f0; */
        background: #fff;
        /* color: #000; */
    }

.cus_dropdown-left {
    /* display: flex;
  align-items: center; */
    gap: 10px;
    width: 330px !important;
    display: inline-block;
    cursor: default;
}

.cus_edit-icon {
    cursor: pointer;
    font-size: 14px;
    color: #555;
    position: absolute;
    right: 10px;
    top: 9px;
}

.cus_dropdown-item i {
    transition: transform 0.3s;
    position: absolute;
    cursor: pointer;
}

.cus_dropdown-left span {
    position: relative;
    left: 17px;
    font-size: 14px;
    cursor: default;
}

.cus_dropdown-item.cus_open i {
    transform: rotate(90deg);
}

.cus_dropdown-content {
    display: none;
    padding-left: 20px;
    /* background: #fafafa; */
    /* border-left: 3px solid #dcdcdc; */
    margin-top: 5px;
    padding: 10px;
    font-size: 14px;
}

.cus_edit-icon svg:hover {
    fill: #2b589f !important;
}

.content_edit-icon svg:hover {
    fill: #2b589f !important;
}
/* .cus_open {
  color: #2b589f;
} */

.cus_open svg {
    fill: #2b589f !important;
}

.cus_toggle-icon svg {
    position: relative;
    top: -1.3px;
}

/* heaer bolt ixon dropdown css==============End*/
.fa-clock_blue::before {
    content: "" !important;
    display: block;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17 16.08'%3e%3cpath id='clock01_hover' d='M8.55.31C4.28.31.83,3.76.83,8.02s3.45,7.71,7.71,7.71,7.71-3.45,7.71-7.71S12.81.31,8.55.31ZM8.55,14.24c-3.44,0-6.22-2.78-6.22-6.22S5.11,1.8,8.55,1.8s6.22,2.78,6.22,6.22-2.78,6.22-6.22,6.22ZM10.47,10.99l-2.64-1.92c-.1-.07-.15-.18-.15-.3V3.67c0-.21.17-.37.37-.37h1c.21,0,.37.17.37.37v4.41l2.08,1.51c.17.12.2.35.08.52l-.58.81c-.12.16-.35.2-.52.08h0Z' style='fill:%232b589f; stroke:%232b589f; stroke-miterlimit:10; stroke-width:.25px;'/%3e%3cpath id='clock01_blue' d='M8.56.34C4.29.34.84,3.79.84,8.05s3.45,7.71,7.71,7.71,7.71-3.45,7.71-7.71S12.82.34,8.56.34ZM8.56,14.27c-3.44,0-6.22-2.78-6.22-6.22S5.12,1.83,8.56,1.83s6.22,2.78,6.22,6.22-2.78,6.22-6.22,6.22ZM10.48,11.02l-2.64-1.92c-.1-.07-.15-.18-.15-.3V3.7c0-.21.17-.37.37-.37h1c.21,0,.37.17.37.37v4.41l2.08,1.51c.17.12.2.35.08.52l-.58.81c-.12.16-.35.2-.52.08h0Z' style='fill:%232b589f; stroke:%232b589f; stroke-miterlimit:10; stroke-width:.25px;'/%3e%3c/svg%3e") !important;
    background-size: contain;
    background-repeat: no-repeat;
    position: relative;
    top: 4px;
}
.fa-clock_green::before {
    content: "" !important;
    display: block;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17 16.08'%3e%3cpath id='clock01_green' d='M8.57.31C4.3.31.85,3.76.85,8.02s3.45,7.71,7.71,7.71,7.71-3.45,7.71-7.71S12.83.31,8.57.31ZM8.57,14.24c-3.44,0-6.22-2.78-6.22-6.22S5.13,1.8,8.57,1.8s6.22,2.78,6.22,6.22-2.78,6.22-6.22,6.22ZM10.49,10.99l-2.64-1.92c-.1-.07-.15-.18-.15-.3V3.67c0-.21.17-.37.37-.37h1c.21,0,.37.17.37.37v4.41l2.08,1.51c.17.12.2.35.08.52l-.58.81c-.12.16-.35.2-.52.08h0Z' style='fill:%233ba954; stroke:%233ba954; stroke-miterlimit:10; stroke-width:.25px;'/%3e%3c/svg%3e") !important;
    background-size: contain;
    background-repeat: no-repeat;
    position: relative;
    top: 4px;
}