/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */




/*Date filte customization*/
.gamplify_custom_date_filter .front-date-range { border-top: none; border-bottom: none; margin-bottom: 30px; }
.gamplify_custom_date_filter .custom-form { justify-content: space-between; margin: 10px 0; display: flex; }
.gamplify_custom_date_filter  .date-pick { align-items: center; }
.gamplify_custom_date_filter .date-input-custom-date-filter { padding-left: 10px; }
.gamplify_custom_date_filter  a#submitCustomFilter { background-color: #152470; color: #fff; font-size: 15px; padding: 3px 26px; border-radius: 50px; margin-left: 10px; }
.gamplify_custom_date_filter  a#submitCustomFilterReset { background-color: #1d2327; color: #fff; font-size: 15px; padding: 3px 26px; border-radius: 50px; margin-left: 10px; }


.gamplify_learndash_course_filter .front-date-range { border-top: none; border-bottom: none; margin-bottom: 30px; }
.gamplify_learndash_course_filter .custom-form { justify-content: space-between; margin: 10px 0; display: flex; }
.gamplify_learndash_course_filter  .date-pick { align-items: center; }
.gamplify_learndash_course_filter .date-input-custom-date-filter { padding-left: 10px; }
.gamplify_learndash_course_filter  a#submitCustomFilter { background-color: #152470; color: #fff; font-size: 15px; padding: 3px 26px; border-radius: 50px; margin-left: 10px; }
.gamplify_learndash_course_filter  a#submitCustomFilterReset { background-color: #1d2327; color: #fff; font-size: 15px; padding: 3px 26px; border-radius: 50px; margin-left: 10px; }

 
.loader-course { border: 10px solid #f3f3f3; border-top: 10px solid #3498db; border-radius: 50%; width: 50px; height: 50px; animation: spin 2s linear infinite; position: absolute; z-index: 2; left: 0; right: 0; top: calc(50% - 50px); bottom: 0; margin: 0 auto; }
.overlayer-course{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; background: #00000050; }

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

table#UserAnalyticsReports thead tr th { text-align: center; }
.UserAnalyticsReportTable span.overlayer-useranalytics { background: #ededed; width: 100%; display: inherit; text-align: center; padding: 10px; font-weight: 700; }
span.overlayer-useranalytics span { color: green; padding-left: 10px; font-size: 20px; }
table#UserAnalyticsReports { line-height: 15px; }
tbody.tableDataResponse-2 tr td { text-align: center; }

tbody.tableDataResponse-2 tr td:first-child { font-weight: 500; }
span.totalCounter { margin: 0px 15px; font-size: 20px; }
span.totalCounter span { color: green; font-weight: 700; }
select#org_tag_filter { margin: 14px 0px; }



.colorCodes span.codes { padding-right: 25px; vertical-align: middle }
.dot-uncompleted { height: 20px; width: 20px; background-color: #fff; border-radius: 50%; margin-right: 5px; display: inline-block; vertical-align: middle; border: 1px solid #dadada }
.dot-completed { height: 20px; width: 20px; background-color: #04a704; border-radius: 50%; margin-right: 5px; display: inline-block; vertical-align: middle }
.dot-late { height: 20px; width: 20px; background-color: #ff0; border-radius: 50%; margin-right: 5px; display: inline-block; vertical-align: middle }
.dot-very-late { height: 20px; width: 20px; background-color: red; border-radius: 50%; margin-right: 5px; display: inline-block; vertical-align: middle }
.colorCodes { margin-bottom: 50px }
td.gfy-completed { background: #04a704 }
td.gfy-very-late { background: red }
td.gfy-late { background: #feff1e }
select#org_filter_by_company_tag { margin-bottom: 15px }
body .dataTables_wrapper .dataTables_filter label { font-size: 0 }
body .dataTables_wrapper .dataTables_filter { width: 100%; float: none; order: -1 }
body .dataTables_wrapper .dataTables_filter input { width: 100%; height: 50px; background-color: #fff; border-radius: 25px; padding-left: 35px; margin: 0 0 15px 0 }
body .dataTables_wrapper .dataTables_length { float: none; margin-bottom: 15px; margin-left: auto }
.dataTables_wrapper .dataTables_paginate { margin-left: auto }
body .dataTables_wrapper { display: flex; flex-wrap: wrap; justify-content: space-between }
body .dataTables_wrapper .dataTables_length select { padding: 0 30px 0 11px; height: 30px; background-position: right .5rem center }
table.dataTable.no-footer { overflow: hidden }
div[class*="Table"] th { background: #161e2a!important; color: #fff }
div[class*="Table"] th:not(:last-child) { border-right: solid 1px #ccc }
div[class*="Table"] tr.even { background: #eee!important }
div[class*="Table"] tbody tr td:not(:last-child) { border-right: solid 1px #ccc }
div[class*="Table"] tbody tr:not(:last-child) td { border-bottom: solid 1px #ccc }
div[class*="Table"] tbody td.gfy-late { color: #000 }
div[class*="Table"] tbody td.gfy-completed,div[class*="Table"] tbody td.gfy-very-late { color: #fff }
.dataTables_wrapper .dataTable { margin-bottom: 15px; border: 1px solid rgb(204 204 204) }
.colorCodes { text-align: center; background: #eee; padding: 20px 0; margin-top: 20px }
.gamplify_custom_date_filter .front-date-range { border-top: none; border-bottom: none; margin-bottom: 30px }
.gamplify_custom_date_filter .custom-form { justify-content: space-between; margin: 10px 0; display: flex }
.gamplify_custom_date_filter .date-pick { align-items: center }
.gamplify_custom_date_filter .date-input-custom-date-filter { padding-left: 10px }
.gamplify_custom_date_filter a#submitCustomFilter { background-color: #152470; color: #fff; font-size: 15px; padding: 3px 26px; border-radius: 50px; margin-left: 10px }
.gamplify_custom_date_filter a#submitCustomFilterReset { background-color: #1d2327; color: #fff; font-size: 15px; padding: 3px 26px; border-radius: 50px; margin-left: 10px }
div.dataTables_processing { width: 100%!important }
.pagination-links span.page-numbers.current { padding: 15px; background: #049a9b; color: #fff!important }
.pagination-links a.page-numbers { padding: 15px; background: #dadada; font-size: inherit }
form.wp-user-list-search input[type="text"] { margin-right: 15px }
table#users-list { border-spacing: 1px; max-width: 100%; width: 100%; empty-cells: show; font-size: 16px; line-height: 24px; margin-bottom: 27px; }
table#users-list thead { background: #000 }
table#users-list thead tr th,table#users-list thead tr th a,table#users-list thead tr th span:before { color: #fff }
tr.notfounduser td { text-align: center }
.sorting-indicator { display: contents; visibility: inherit; width: 10px; height: 4px; margin-top: 8px; margin-right: 7px }
.sorting-indicator:before { content: "\f140"; font: normal 20px/1 dashicons; speak: never; display: inline-block; padding: 0; color: #3c434a; line-height: 1.5; position: relative; vertical-align: top; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-decoration: none!important; color: #3c434a }
span.sorting-indicator.asc::before { content: "\f140"!important }
span.sorting-indicator.desc::before { content: "\f142"!important }
.filterRow { display: block }

select#filterByStage { float: right; cursor: pointer }
form.wp-user-list-search { width: 50%; float: left }
table#CourseReports { line-height: 15px }
.courseReportTable { position: relative }
.coursedatetimefilterbox { padding: 15px 0; border: 1px solid #dadada; border-radius: 16px; margin-bottom: 15px }
.coursedatetimefilterbox div#getdaterange { padding-left: 21px }
a#coursedatetimefilter { background: var(--bb-headings-color); color: var(--bb-header-background); padding: 5px 30px; margin-left: 15px; border-radius: 31px }
table#CourseReports thead { background: #161e2a }
table#CourseReports thead th { color: #fff }
.loader-course,.loader-company { border: 10px solid #f3f3f3; border-top: 10px solid #3498db; border-radius: 50%; width: 50px; height: 50px; animation: spin 2s linear infinite; position: absolute; z-index: 2; left: 0; right: 0; top: calc(50% - 50px); bottom: 0; margin: 0 auto }
.overlayer-course,.overlayer-company { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; background: #00000050 }
select#cmp_tag_filter,select#cmp_field_filter { margin-bottom: 15px; width: 20% }
span.totalCounterCompany,span.totalCounterCompanyField { float: right; margin-top: 12px; margin-right: 10px }
span.totalCounterCompany span,span.totalCounterCompanyField span { color: #007cff; font-weight: 500 }
select#org_tag_filter2 { margin-bottom: 15px }
@keyframes spin {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

table#UserAnalyticsReports thead tr th { text-align: center }
.UserAnalyticsReportTable span.overlayer-useranalytics { background: #ededed; width: 100%; display: inherit; text-align: center; padding: 10px; font-weight: 700 }
span.overlayer-useranalytics span { color: green; padding-left: 10px; font-size: 20px }
table#UserAnalyticsReports { line-height: 15px }
tbody.tableDataResponse-2 tr td { text-align: center }
tbody.tableDataResponse-2 tr td:first-child { font-weight: 500 }
span.totalCounter { margin: 0 15px; font-size: 17px; float: right; margin-top: 10px }
span.totalCounter span { color: green; font-weight: 700 }
select#org_tag_filter { margin: 14px 0 }
.UserLogFilter { padding: 15px 15px; border: 1px solid #dadada; border-radius: 16px; margin-bottom: 15px }
a#userCreatedatetimefilter { background: var(--bb-headings-color); color: var(--bb-header-background); padding: 5px 30px; margin-left: 15px; border-radius: 31px }
a#userlogdatetimefilter { background: var(--bb-headings-color); color: var(--bb-header-background); padding: 5px 30px; margin-left: 15px; border-radius: 31px }
table#users-logs-list thead { background: #000 }
table#users-logs-list thead tr th,table#users-logs-list thead tr th a,table#users-logs-list thead tr th span:before { color: #fff }
table#UserLearndashReports thead { background: transparent!important; color: #161e2a!important }
table#UserLearndashReports thead th { min-height: 70px; text-align: center }
.MainUserReportCardData { display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 40px; align-items: stretch }
.UserReportCardData thead tr th { text-align: left!important }

i.dashicons.green::before {
    color: green
}

i.dashicons.red::before {
    color: red
}

.UserReportCardData table.dataTable tbody th,.UserReportCardData .table.dataTable tbody td {
    padding: 10px
}

.UserReportCardData table#UserLearndashReports tbody tr td {
    display: flex;
    align-items: center
}

.UserReportCardData table#UserLearndashReports tbody tr td i.dashicons {
    margin-right: 5px
}

.UserAnalyticsReportTable.userDataReport {
    margin-bottom: 20px
}

.UserAnalyticsReportTable.userDataReport span.overlayer-useranalytics {
    margin-bottom: 10px
}

.UserReportCardData {
    height: 100%;
    box-shadow: 1px 1px 4px 2px #ededed;
    border-radius: 5px;
    padding: 15px 0 30px
}

.UserReportCardData.asdfasdf {
    box-shadow: 1px 1px 4px 2px #8446ac
}

table#UserLearndashReports {
    border: none
}

.UserReportCardData.highlight {
    box-shadow: 1px 1px 4px 2px #8446ac
}

.gamplify_learndash_course_filter .front-date-range {
    border-top: none;
    border-bottom: none;
    margin-bottom: 30px
}

.gamplify_learndash_course_filter .custom-form {
    justify-content: space-between;
    margin: 10px 0;
    display: flex
}

.gamplify_learndash_course_filter .date-pick {
    align-items: center
}

.gamplify_learndash_course_filter .date-input-custom-date-filter {
    padding-left: 10px
}

.gamplify_learndash_course_filter a#submitCustomFilter {
    background-color: #152470;
    color: #fff;
    font-size: 15px;
    padding: 3px 26px;
    border-radius: 50px;
    margin-left: 10px
}

.gamplify_learndash_course_filter a#submitCustomFilterReset {
    background-color: #1d2327;
    color: #fff;
    font-size: 15px;
    padding: 3px 26px;
    border-radius: 50px;
    margin-left: 10px
}

.comapny-filter-meta span.totalCounterCompany,.comapny-filter-field span.totalCounterCompanyField {
    margin-bottom: 15px
}

tbody.tableContactFieldCompany  td a, tbody.tableCompany  td a, tbody.tableOrgnization  td a{
    color: var(--bb-primary-color);
    outline: 0;
    text-decoration: none;
        font-size: 17px;
    line-height: 24px;
}

table#UserLearndashReports tr td a{
    font-size: 17px;
}

 
.metrics-boxs .metrics-title {
    margin: 10px;
}
.metrics-boxs .metrics-couter{
    margin: 10px;
}

.MetrixUserResultCount {
    background: #ededed;
}

.MetrixUserResultCount h3 {
    line-height: 50px;
    text-align: center;
}
.MetrixUserResultCount h3 span {
    color: green;
    font-weight: 700;
}
table#MetrixUserResultLists thead th {
    background: #000;
    color: #fff;
    border: 1px solid;
    text-align: center;
}

table#MetrixUserResultLists tbody td {
    text-align: center;
}

.button-group {
    display: flex;
    gap: 10px;
}
.button-group button {
    padding: 10px 20px;
    cursor: pointer;
}

/* companies page design css start vivek */
.page-id-221007 footer.entry-footer {
    display: none;
}

.engaged-box-container {
    position: relative;
}

.engaged-box-container .filter-main {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    padding-top: 50px !important;
}
.engaged-box-container .filter-main .filter-main-company-main {
    width: 30%;
}
.engaged-box-container .filter-main .company-main {
    width: 70%;
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}
.company-main img.company-logo {
    max-width: 150px !important;
    height: auto;
    object-fit: contain;
}
.engaged-box-container .filter-main .company-main h1.company-name {
    padding-bottom: 0 !important;
}
.engaged-box-container .filter-main .filter-main-company-main .admin-dropdown {
    margin-bottom: 10px !important;
    position: absolute;
    top: 0;
}
.engaged-box-container .filter-main .filter-main-company-main .button-group {
    margin-bottom: 10px !important;
    gap: 5px;
    justify-content: center;
}
.engaged-box-container .filter-main .filter-main-company-main .button-group button, button#applyFilter {
    background-color: #0dbbb8 !important;
    padding: 4px 14px;
    max-width: max-content;
    width: 100%;
}
.engaged-box-container .filter-main .filter-main-company-main .button-group button#last30days {
    border-radius: 15px 0px 0px 15px;
}
.engaged-box-container .filter-main .filter-main-company-main .button-group button#alltime {
    border-radius: 0;
}
.engaged-box-container .filter-main .filter-main-company-main .button-group  button#daterange {
    border-radius: 0px 15px 15px 0px;
}

.filter-main-company-main button#applyFilter {
    display: flex;
    margin-left: auto;
}
.filter-main-company-main .admin-dropdown select#company_select {
    width: 100%;
}

.engaged-box-container .filter-main .company-main img.company-logo {
    max-width: 200px;
    object-fit: contain;
}
.engaged-box-container .engaged-user-count {
    margin: 70px 0 !important;
    border-top: 1px dotted #54595F  !important;
    padding-top: 20px !important;
    display: flex;
    justify-content: space-between;
}
.engaged-member-box {
    padding: 20px !important;
    background-color: #f9f9f9 !important;
    border-radius: 10px !important;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1) !important;
    display: flex;
    flex-direction: column;
    width: 25% !important;
}

.engaged-member-box h2.engaged-members {
    padding: 0px 0 20px !important;
}

.engaged-member-box-content {
    display: flex;
    flex-direction: column;
    gap: 25px;
    padding: 20px 0 !important;
}
.engaged-member-box .total_member span, p.engaged_member span {
    display: block;
    font-size: 20px;
    margin-top: 5px !important;
}
.engaged-member-box-content p.total_member, p.engaged_member {
    padding-bottom: 0 !important;
    font-size: 18px;
}
.engagement-time {
    padding: 20px !important;
    background-color: #f9f9f9 !important;
    border-radius: 10px !important;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1) !important;
    display: flex;
    flex-direction: column;
    width: 25% !important;
}
.engagement-time-content p span {
    display: block;
}

.associated-contacts-count {
    width: 50%;
    padding: 0 20px !important;
}
.engagement-time-content {
    display: flex;
    flex-direction: column;
    gap: 25px;
    padding: 20px 0 !important;
}

.engagement-time-content p span {
    display: block;
    font-size: 20px;
    margin-top: 5px !important;
}
.engagement-time-content p {
    padding-bottom: 0 !important;
    font-size: 18px;
}


.circle_percent {
    font-size: 200px;
    width: 1em;
    height: 1em;
    position: relative;
    background: #e3efef !important;
    border-radius: 50% !important;
    overflow: hidden;
    display: inline-block;
    margin: 20px !important;
}
.circle_inner {position: absolute; left: 0; top: 0; width: 1em; height: 1em; clip:rect(0 1em 1em .5em);}

.round_per {position: absolute; left: 0; top: 0; width: 1em; height: 1em; background: #8cc63e !important; clip:rect(0 1em 1em .5em); transform:rotate(180deg); transition:1.05s;}
.percent_more .circle_inner {clip:rect(0 .5em 1em 0em);}

.percent_more:after {
    position: absolute;
    left: .5em;
    top: 0em;
    right: 0;
    bottom: 0;
    background: #8cc63e;
    content: '';
}
.circle_inbox {
    position: absolute;
    top: 12px;
    left: 12px;
    right: 12px;
    bottom: 12px;
    background: #fff !important;
    z-index: 3;
    border-radius: 50% !important;
}
.percent_text {position: absolute; font-size: 36px; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 3;}

.associated-contacts-count .circle-main {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.percentage-note {
    width: 50%;
}


.courses-completion {
    padding: 20px !important;
    background-color: #f9f9f9 !important;
    border-radius: 10px !important;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1) !important;
    display: flex;
    flex-direction: column;
    width: 100%;
    position: relative;
}
.course-item-slider {
    padding: 0 22px !important;
}
.courses-completion .course-item {
    display: flex;
    flex-direction: column;
    /* gap: 10px; */
    padding: 0 10px 0 10px;
}
.courses-completion h3 {
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 17px;
    display: block;
    color: rgb(84, 89, 95);
}
.courses-completion .course-item h4 {
    color: rgb(84, 89, 95);
    margin-bottom: 0;
    font-size: 14px;
    padding-bottom: 10px;
    height: 50px;
    overflow: hidden;
}
.courses-completion .course-item h4 a {
    text-decoration: underline;
}
.courses-completion .course-item img {
    max-width: 100%;
    object-fit: cover;
    width: 100%;
    height: 150px;
    border-radius: 10px;
    margin: 0;
    margin: 0 0 10px;
}
.courses-completion .course-item p {
    line-height: 1.5;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 12px;
}

.course-completion-count span.inprogress-complate-lable, .course-inprogress-count span.inprogress-count-lable {
    
    padding: 2px 10px 2px 20px;
    font-size: 16px;
    color: #ffffff;
    margin-right: 5px;
    border-radius: 5px;
    font-weight: bold;
}

.course-completion-count span.inprogress-complate-lable{
    background-color: #8cc63e;
}

.course-inprogress-count span.inprogress-count-lable {
    background-color: #29aae3;
}
.course-completion-count {
    padding-bottom: 10px;
}
.course-inprogress-count {
    border-top: 1px dotted;
    padding-top: 10px;
}
.course-item-slider  button.slick-arrow {
    background-color: transparent;
    border: 1px solid #b0cccb;
    color: transparent;
    padding: 5px;
    width: 40px;
    height: 40px;
}
button.slick-prev.slick-arrow {
    position: absolute;
    left: -15px;
    right: auto;
}
button.slick-next.slick-arrow {
    position: absolute;
    left: auto;
    right: -15px;
}
.course-item-slider .slick-prev:before, .course-item-slider .slick-next:before {
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;
    color: #b0cccb;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-prev:before{
    content: '';
    display: inline-block;
    width: 14px;
    height: 14px;
    border-top: 1px solid #b0cccb;
    border-right: 1px solid #b0cccb;
    -moz-transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
    position: absolute;
    left: 11px;
    top: 11px;
}
.slick-next:before{
    content: '';
    display: inline-block;
    width: 14px;
    height: 14px;
    border-top: 1px solid #b0cccb;
    border-right: 1px solid #b0cccb;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    right: 18px;
    top: 11px;
}

.courses-completion .course-item-slider .slick-list .slick-track {
    margin: 0;
}

.most-popular-container {
    padding: 20px !important;
    background-color: #f9f9f9 !important;
    border-radius: 10px !important;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1) !important;
    display: flex;
    flex-direction: column;
    width: 100%;
    position: relative;
    margin-top: 1rem;
}
.archivments-data .archivment-sections .achievements {
    width: 50%;
    padding: 0 !important;
    background-color: transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    margin-right: 50px;
}
.box-achivments {
    background: #fff;
    padding: 20px;
    border-radius: 5px;
    margin-bottom: 10px;
    text-align: center;
}
.box-achivments h2.points-earned-count {
    font-size: 82px;
    font-weight: normal;
    color: #000;
}
.box-achivments p {
    font-size: 18px;
}
.box-achivments.secondary-box {
    width: 50%;
    float: left;
    display: inline-block;
}
.box-achivments.secondary-box h2 {
    font-size: 60px;
    font-weight: 500;
    color: #000;
}
.archivments-data .archivment-sections .leaderboard {
    width: 50%;
    padding: 0 !important;
    background-color: transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}
.leaderboard-name {
    display: flex;
    align-items: center;
    gap: 20px;
}
table.leaderboard-table {
    background: #fff;
}
.archivment-sections .pagination-controls {
    float: right;
}
.wrapping-all-content {
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 25px;
    padding: 0 20px 20px;
}

.wrapping-all-content .list h2 {
    font-size: 20px;
    margin-bottom: 10px;
    color: rgb(84, 89, 95);
    font-weight: 500;
}

.wrapping-all-content .list img {
    max-width: 160px !important;
    width: 100% !important;
    object-fit: cover !important;
    height: 160px !important;
    border-radius: 10px !important;
    margin: 10px 0 !important;
}

.wrapping-all-content .list .wrapper-article-content h4, .wrapping-all-content .list .wrapper-page-content h4, .wrapping-all-content .list h4 {
    color: rgb(84, 89, 95) !important;
    margin-bottom: 0 !important;
    font-size: 13px !important;
    padding-bottom: 0px !important;
}

.wrapping-all-content .list .wrapper-article-content h4, .wrapping-all-content .list .wrapper-page-content h4, .wrapping-all-content .list h4 {
    /* color: rgb(84, 89, 95) !important; */
    /* margin-bottom: 0 !important; */
    /* font-size: 13px !important; */
    /* padding-bottom: 10px !important; */
    /* white-space: nowrap; */
    /* overflow: hidden; */
    /* text-overflow: ellipsis; */
    /* max-width: 166px; */
}

.wrapping-all-content .list a {
    color: #000000;
    text-decoration: underline;
    line-height: 1.2;
}
.wrapping-all-content .list a:hover {
    color: #0dbbb8;
}
.courses-completion .course-item h4 a:hover, .custome-postzs .tf-course.name a:hover {
    color: #000000;
}
/* companies page design css end vivek */


/* slick slider css  */
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}
/*# sourceMappingURL=slick.min.css.map */


.colmun_dashbord .engaged-user-count {
    display: flex;
}

.colmun_dashbord .engagement-time {
    width: 100% !important;
}
.colmun_dashbord .engaged-member-box {
    width: 39% !important;
}
.colmun_dashbord .associated-contacts-count {
    display: flex;
    align-items: center;
    width: 60%;
}
.main_filters button#alltime {
    border-radius: 0;
    background: #dbefef;
    border-color: #dbefef;
    color: #000;
}
.main_filters button#last30days {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
      background: #dbefef;
    border-color: #dbefef;
    color: #000;
}
.coman_detas {
    padding-bottom: 50px;
}
.colmun_dashbord {
    padding: 50px 0 0;
    border-top: 2px dashed #ccc;
    margin-top: 50px;
        padding-bottom: 40px;
}
.confiedence-demo {
    padding: 50px 0;
}
.leaderboard ol li {
    list-style-type: none ; 
}

.colmun_dashbord p.total_member span {
    font-size: 35px !important;
    font-weight: 600;
}
.colmun_dashbord .engagement-time-content span {
    font-size: 29px !important;
    font-weight: 600;
}
.colmun_dashbord p.engaged_member span{
    font-size: 35px !important;
    font-weight: 600;
}
.colmun_dashbord .engaged-member-box h2.engaged-members {
    padding: 0px 0 20px !important;
    margin: 0;
}
.site-content .container {
    max-width: 1495px !important;
}
.main_filters select#company_select {
    float: right;
    max-width: 100%;
}
.main_filters button.filter-btn {
    padding: 5px 20px;
}
.main_filters button#daterange {
    background: #dbefef;
    border-color: #dbefef;
    color: #000;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.main_filters .button-group {
    display: flex;
    gap: 3px;
    justify-content: right;
}
.main_filters .company-logo-container {
    display: flex;
    align-items: center;
}
.main_filters .company-logo-container h1 {
    margin: 0;
    /* margin-left: 35px; */
}
.course-data {
    /* padding-bottom: 55px; */
}
.coman_spacing {
    padding-bottom: 50px;
}
.archivments-data .achievements {
    width: 50%;
    padding: 20px !important;
    background-color: #f9f9f9 !important;
    border-radius: 10px !important;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1) !important;
    margin-right: 50px;
}
.download-pdf .download-pdf-button {
    text-align: right;
}
.download-pdf .download-pdf-button button {
    background: #dbefef;
    color: #000;
    border-color: #dbefef;
    padding: 7px 17px;
    display: flex;
    align-items: center !important;
    gap: 8px;
    float: right;
}

/* vivek css 29-07-2024 start */
.download-pdf-button #loader-download {
    display: flex ;
}
.download-pdf-button #loader-download img {
    width: 100% !important;
    max-width: 30px !important;
}

.confidence-inner-wrapper-select img#getting-qs {
    max-width: 50px !important;
    position: absolute;
    left: 0;
    right: 0;
    top: 33% !important;
    width: 100%;
    margin: 16px auto 2px;
}
div#confi-loader::after{
    content: '';
    background: rgba(0, 0, 0, .05);
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    top: 0;
    border-radius: 7px;
}
div#confi-loader {
    max-width: 50px !important;
    position: absolute;
    left: 0;
    right: 0;
    top: 33% !important;
    width: 100%;
    margin: 16px auto 2px;
}
.confidence-question-wrapper p {
    text-align: center;
    background: #ff060640;
    padding: 15px;
    border-radius: 6px;
    color: #000 !important;
}
.confidence-container .confidence-question-wrapper p {
    margin-top: 50px !important;
}

.confidence-inner-wrapper-select div#getting-qs img {
    position: absolute !important;
    z-index: 99;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 0;
    transform: translateY(125px);
    max-width: 60px;
}

.confidence-inner-wrapper-select #getting-qs:after {
    content: '';
    background: rgba(0, 0, 0, .05);
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    top: 0;
    border-radius: 7px;
}
/*.confidence-inner-wrapper .confidence-question-wrapper {
    margin-top: 110px !important;
}*/
.confi-loader:after {
    content: '';
    background: rgba(0, 0, 0, .05);
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    top: 0;
    border-radius: 7px;
}
/* vivek css 29-07-2024 end */

.archivments-data .achievements-main {
    display: flex;
}
.archivments-data .leaderboard {
    width: 50%;
        padding: 20px !important;
    background-color: #f9f9f9 !important;
    border-radius: 10px !important;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1) !important;
}
.archivments-data .pagination {
    margin: 15px 0 50px;
    font-size: 16px;
    text-align: right;
}
.download-pdf-button {
    display: flex;
    justify-content: end;
    align-items: end;
    gap: 10px;
}

/*media Css for company */ 

@media (max-width: 1024px){
    .wrapping-all-content {
        grid-template-columns: repeat(5, 1fr);
    }
    .main_filters .company-logo-container h1{
        font-size: 25px;
    }
    h2.engaged-members{
        font-size: 20px;
    }
    h2.engagement-time-title {
        font-size: 20px;
    }
    .colmun_dashbord .engagement-time-content span {
        font-size: 20px !important;
    }
    h3.most-popular-heading {
        font-size: 22px !important;
    }
    .col-custom {
        width: 100% !important;
    }
    .box-achivments h2.points-earned-count {
        font-size: 55px;
    }
    .box-achivments.secondary-box {
        width: 100%;
    }
    .box-achivments.secondary-box h2 {
        font-size: 50px;
    }
    .custome-postzs .course-comparison p{
        font-size: 55px !important; 
    }
    .engaged-member-box, .associated-contacts-count, .engagement-time {
        width: 60% !important;
    }
}

@media (max-width: 991px){
    .engaged-member-box,
    .associated-contacts-count,
    .engagement-time{width: 33% !important;}
    .associated-contacts-count .circle-main {
        flex-wrap: wrap;
        justify-content: center;
    }
    .percentage-note {
        width: 100%;
        text-align: center;
    }
    .percentage-note p{
        
        text-align: center;
    }
    .engaged-box-container .filter-main .filter-main-company-main{width: 50%;}

    .wrapping-all-content {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (max-width: 767px){ 
    .engaged-member-box,
    .associated-contacts-count,
    .engagement-time{width: 100% !important;}
    .engaged-member-box,
    .associated-contacts-count{margin-bottom: 30px !important;}
    .archivments-data .archivment-sections .achievements {
    width: 100%;
    padding: 0 !important;
    background-color: transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    margin-right: 0;
}
.archivment-sections .elementor-element.elementor-element-30b85a56.elementor-widget.elementor-widget-shortcode {
    background: #dbf1f1;
    padding: 15px;
    border-radius: 15px;
}
.box-achivments h2.points-earned-count {
    font-size: 33px;
    font-weight: normal;
    color: #000;
}
.box-achivments.secondary-box {
    width: 100%;
    float: left;
    display: inline-block;
}
.box-achivments.secondary-box h2 {
    font-size: 40px;
    font-weight: 500;
    color: #000;
}
.archivments-data .archivment-sections .leaderboard {
    width: 100%;
    padding: 0 !important;
    background-color: transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}
.elementor-column-gap-default>.elementor-column>.elementor-element-populated {
    padding: 20px 0;
}
.bb-grid-cell:not(.no-gutter), .bb-grid>:not(.no-gutter) {
    padding-left: 0;
    padding-right: 0;
}

.company-logo-container {
    margin: 31px 0 0 !important;
}
    .engaged-box-container .engaged-user-count{flex-wrap: wrap; margin: 30px 0 !important;}
    .engaged-box-container .filter-main{padding-top: 0 !important;     flex-direction: column-reverse;     flex-wrap: wrap;}
    .engaged-box-container .filter-main .filter-main-company-main{width: 100%;}
    .engaged-box-container .filter-main .company-main{width: 100%; margin-bottom: 15px !important;}
    .engaged-box-container .filter-main .filter-main-company-main .button-group{justify-content: flex-start;}
    .engaged-box-container .filter-main .filter-main-company-main .admin-dropdown{position: relative;}
    .associated-contacts-count .circle-main {justify-content: flex-start;    }
    .courses-completion .course-item{max-width: 350px;}
    .courses-completion{text-align: center;}
    h2.most-populer-course-title {font-size: 18px;        margin-top: 15px;    }

    .engaged-box-container .filter-main .filter-main-company-main .button-group button, button#applyFilter{padding: 4px 10px; }

    .wrapping-all-content {
        grid-template-columns: repeat(3, 1fr);
    }
    .colmun_dashbord .engaged-user-count {
    display: flex;
    flex-wrap: wrap;
}
.colmun_dashbord .associated-contacts-count {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.colmun_dashbord .engaged-member-box {
    width: 100% !important;
}
.archivments-data .achievements{
        margin-right: 0;
            width: 100%;
    margin-bottom: 50px;
}
.archivments-data .leaderboard {
    width: 100%;
        overflow-x: auto;
}
.archivments-data .achievements-main {
    display: flex;
    flex-wrap: wrap;
}
.main_filters select#company_select {
    /* float: inherit; */
    width: auto;
    padding: 0 15px;
}
.main_filters .company-logo-container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
}
.main_filters .company-logo-container h1 {
    margin: 0;
    margin-left: 0;
}

.main_filters .company-logo-container{
    gap: 10px;
}

h2.engaged-members {
    font-size: 22px !important;
}

h2.engagement-time-title {
    font-size: 22px !important;
}
.most-popular-container h3.most-popular-heading {
    font-size: 22px !important;
}
 .courses-completion h3{
    margin-top: 20px !important;
    font-size: 22px !important;
}

.confidence-container h3 {
    font-size: 22px !important;
}

}

h3.most-popular-heading {
    color: rgb(84, 89, 95);
}

@media (max-width: 640px){
    .wrapping-all-content .list img{
        max-width: 150px !important;
        height: 150px !important;
    }
    .quizz-loader img{
        top: 40%;
        bottom: 0; 
    }
    .starting-line-title .quizz-loader img {
        height: 70px !important;
        max-width: 70px !important;
    } 
}

@media (max-width: 575px){
    .wrapping-all-content {
        /* grid-template-columns: repeat(2, 1fr); */
        grid-template-columns: repeat(auto-fit, minmax(100%, 1fr));
        padding: 0 10px 20px;
    }
    .wrapping-all-content .list img {
        max-width: 100% !important;
        height: 170px !important;
    }
    .wrapping-all-content .list .wrapper-article-content h4, .wrapping-all-content .list .wrapper-page-content h4, .wrapping-all-content .list h4{
        margin: 10px 0;
    }
    .custome-postzs .course-comparison p {
        font-size: 40px !important;
    }

    .leaderboard-name {
        gap: 5px;
        flex-direction: column;
    }
}

.quizz-loader img {
    position: absolute !important;
    height: 80px !important;
    z-index: 99;
    margin: 0 auto;
    max-width: 180px !important;
    left: 0;
    right: 0;
}


div#loader:after {
    content: '';
    background: rgba(0, 0, 0, .05);
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    top: 0;
    border-radius: 7px;
}
.custome-postzs .elementor-widget-container {
    padding: 20px !important;
    background-color: #f9f9f9 !important;
    border-radius: 10px !important;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1) !important;
    margin-right: 0;
}
.custome-postzs select#course_select_quizz {
    width: 100%;
    margin-bottom: 35px;
    background-color: #0dbbb821;
    border-color: #dbf1f1;
    height: 55px;
}
.custome-postzs .course-comparison p {
    display: flex;
    flex-direction: column-reverse;
    justify-content: center;
    align-items: center;
}
.custome-postzs .course-comparison {
    display: flex;
}
.custome-postzs .course-comparison p {
    display: flex;
    flex-direction: column-reverse;
    justify-content: center;
    align-items: center;
    border-right: 1px dashed;
    padding: 15px;
}
.custome-postzs .course-comparison p {
    font-size: 70px;
        width: 50%;
    font-weight: bold;
}
.custome-postzs .course-comparison p strong {
    font-size: 15px;
    font-weight: 500;
    margin: 30px 0 0;
    color: #000;
}
.custome-postzs .course-comparison p:last-child{
    border:0;
}
.course-comparison p:last-child {
    border: 0;
    color: #8cc63e;
}
.course-comparison p:last-child strong {
    border: 0;
    color: #000;
}
.custome-postzs .your-member {
    text-align: center;
    border: 2px solid #c6af3e;
    padding: 15px 0;
    font-size: 17px;
    margin: 20px;
    border-radius: 5px;
    color: #000;
}
.custome-postzs .main-tf-wrapper.confidence-container {
    width: auto !important;
    box-shadow: none !important;
    padding: 0;
}
.custome-postzs .main-ld-wrapper.confidence-container span {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 17px;
    display: block;
}
.custome-postzs .main-ld-wrapper.confidence-container select#ldquizes {
    width: 100%;
    margin-bottom: 35px;
    background-color: #0dbbb821;
    border-color: #dbf1f1;
    height: 55px;
}
.custome-postzs .info-tf-content.contain.data-here {
    border-bottom: 1px dotted;
    padding: 8px 0;
}
.custome-postzs .info-tf-content.contain.data-here .tf-course.percent {
    font-weight: 600;
    color: #000;
    min-width: 65px !important;
}
.wrapping-pagination {
    margin: 20px 0;
}
.custome-postzs .tf-course.name a {
    text-decoration: underline;
    font-size: 15px;
}
.custome-postzs .main-ld-wrapper.confidence-container {
    width: 100% !important;
    box-shadow: none !important;
    padding: 0;
}
.custome-postzs .wrapping-pagination button {
   margin: 0 14px;
    padding: 6px 11px;
    border: 1px solid #0dbbb8;
    background: transparent;
    color: #0dbbb8;
}
.custome-postzs  .wrapping-pagination {
    display: block;
    text-align: right;
    margin-right: 0;
}
.elementor-section.elementor-element-adb2ac0  .elementor-container {
    display: flex;
    margin-right: auto;
    gap: 35px;
    margin-left: auto;
    position: relative;
}

/* .button-group {
    margin-top: 10px !important;
}
.download-pdf-button {
    margin-top: 10px !important;
} */


button.prev-btn-leader {

    margin: 0 14px !important;
    padding: 6px 11px !important;
    border: 1px solid #0dbbb8  !important;
    background: transparent !important;
    color: #0dbbb8 !important;
}
.entry-content img {
    vertical-align: bottom;
    max-width: 40px;
}
button.next-btn-leader {

    margin: 0 14px !important;
    padding: 6px 11px !important;
    border: 1px solid #0dbbb8 !important;
    background: transparent !important;
    color: #0dbbb8 !important;
}
select#gravityquizes {
    width: 100%;
    margin-bottom: 35px;
    background-color: #0dbbb821;
    border-color: #dbf1f1;
    height: 55px;
}
.leaderboard td {
    padding: 5px 20px;
}
.confidence-container .question-wrapped {
    display: flex;
    flex-wrap: wrap;
    margin: 20px 0;
}
.question-wrapped span {
    margin-bottom: 0 !important;
}
.elementor-section .elementor-container {
    display: flex;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    gap: 40px;
}
.archivment-sections .elementor-element.elementor-element-30b85a56.elementor-widget.elementor-widget-shortcode {
    background: #dbf1f1;
    padding: 30px;
    border-radius: 15px;
}


.achievements h3 {
    font-size: 25px !important;
    font-weight: 600;
    margin-bottom: 17px;
    display: block;
    color: rgb(84, 89, 95);
}

.leaderboard h3 {
 
        font-size: 25px !important;
        font-weight: 600;
        margin-bottom: 17px;
        display: block;
        color: rgb(84, 89, 95);
   
}

.fiscal-fitness-title h3 {
    font-size: 25px !important;
        font-weight: 600;
        margin-bottom: 17px;
        display: block;
        color: rgb(84, 89, 95);
}

h3.most-popular-heading {
    font-size: 25px !important;
    font-weight: 600;
    margin-bottom: 17px;
    display: block;
    color: rgb(84, 89, 95);
}

.starting-line-title h3 {
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 17px;
    display: block;
    color: rgb(84, 89, 95);
}

.main-tf-wrapper.confidence-container h3 {
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 17px;
    display: block;
    color: rgb(84, 89, 95);
}

h2.engaged-members {
   
        font-size: 25px;
        font-weight: 600;
        margin-bottom: 17px;
        display: block;
        color: rgb(84, 89, 95);

}

h2.engagement-time-title {
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 17px;
    display: block;
    color: rgb(84, 89, 95);
}

h3.confiedence-surveys {
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 17px;
    display: block;
    color: rgb(84, 89, 95);
}

h3.elementor-heading-title.elementor-size-default.elementor-inline-editing.pen {
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 17px;
    display: block;
    color: rgb(84, 89, 95);
}

h4.coming-soon {
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 17px;
    display: block;
    color: rgb(84, 89, 95);
}

.coming-soon > .elementor-widget-container {
    background-color: #e0e0e0;
}

.info-tf-content.contain {	
    display: flex;
    }
.info-tf-content.contain .tf-course.percent {
    min-width: 70px;    							
    }
.wrapping-pagination {
    display: block;
    text-align: right;
    margin-right: 50px;    							
    }


/* General styling for the date range picker */
.dateRangePicker_css {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    margin: 20px 0 0;
    justify-content: end;
}

.dateRangePicker_css input {
    padding: 10px;
    font-size: 16px;
    border: 1px solid #ccc;
    border-radius: 4px;
    width: 150px;
    transition: all 0.3s ease;
}

.dateRangePicker_css input:focus {
    outline: none;
    background-color: var(--bb-content-background-color);
    box-shadow: var(--bb-input-focus-shadow);
    border-color: var(--bb-input-focus-border-color);
}

.dateRangePicker_css #applyFilter {
    padding: 10px 20px !important;
    font-size: 16px;
    color: #000;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 0.3s ease;
    background-color: #dbefef !important;
}

#applyFilter:hover {
    background-color: #0056b3;
}

.confidence-inner-wrapper-select #getting-qs {
    position: absolute;
    bottom: 0;
    right: 0;
}

.confidence-inner-wrapper-select #gravityquizes {
    margin-bottom: 50px;
}


.dateRangePicker-css {
    display: flex !important;
    align-items: baseline !important;
    justify-content: end !important;
    gap: 10px !important;
    margin: 20px 0 0px !important;
    flex-wrap: wrap !important;
}

/* Responsive design */
@media (max-width: 480px) {
    .dateRangePicker_css {
        flex-direction: column;
        align-items: stretch;
        gap: 15px;
    }

    .dateRangePicker_css input {
        width: 100%;
    }

    .dateRangePicker_css #applyFilter {
        width: 100%;
        text-align: center;
    }
    .dateRangePicker-css{
        flex-direction: column !important;
        align-items: end !important;
    }   
    .custome-postzs .course-comparison p {
        font-size: 35px !important;
    }

    .starting-line-title .quizz-loader img {
        height: 50px !important;
        max-width: 50px !important;
    }

    .main_filters button.filter-btn {
        padding: 5px 10px !important;
        font-size: 14px !important;
    }
    
}


.report-button {
    direction: rtl !important;
}

.report-button .button {
    color: white !important; /* Change text color to white */
}

/* Add more specific rules if necessary */
.report-button .button:hover {
    background-color: #0056b3 !important; /* Example hover effect */
}

.report-button .button:focus {
    outline: none; /* Remove default focus outline */
}

.page-id-228611 .content-area,
.page-id-228882 .content-area{
    padding-bottom: 0 !important;
}

p.notice-time {
    color: var(--bb-headings-color);
    font-size: 14px;
}