/* Dashboard styles */

body {
    background-image: none;
}

#rewards_container .img-responsive {
    width: auto;
    max-width: 100%;
    margin: 0 auto;
}
.incentive-reward-desc {
   color: #1176C0;
}
.incentive-reward-desc .caption {
   color: #6c6b6c;
}
.main-pane {
    padding: 10px;
}

#dashboard_container {
    position: relative;
}

#new_messages_container {
    margin-top: 20px;
}

#highlight_container {
    position: relative;
    width: 100%;
    min-height: 260px;
    background-color: #FFF;
    text-align: right;
    border-radius: 10px;
    overflow: hidden;
}

#spotlight_container {
    position: relative;
    left: 10%;
    z-index: 1000;
    text-align: left;
    width: 90%;
    background-color: #6aab35;
    padding: 1px;
    border-radius: 8px;
    display: none;
}

.spotlight-inner {
    width: 100%;
    height: 258px;
    border-radius: 8px;
    background-color: #FFF;
}

.slide-toggle-block {
    position: relative;
    display: inline-block;
    height: 260px;
    width: 0;
}

.slide-toggle {
    position: absolute;
    width: 116px;
    top: 50%;
    left: 0;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    transform: rotate(-90deg) translateX(-30%);
    transform-origin: bottom left;
    background-color: #6aab35;
    padding: 5px;
    color: #FFF;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
}

.toggle-label {
    margin-right: 7px;
}

.slide-toggle .fas {
    margin-top: 3px;
    font-size: 16px;
}

.spotlighted-block {
    width: 100%;
    background-color: #FFF;
}

.spotlighted-heading {
    font-size: 48px;
    color: #1176c0;
    font-weight: bold;
}

#spotlighted_content {
    max-height: 258px;
    margin-top: -265px;
    border-radius: 8px;
    padding: 0 16px 10px 16px;
}

.spotlighted-row {
    display: flex;
    flex-flow: row nowrap;
    padding: 5px 0;
}

.spotlighted-activities {
    font-size: 22px;
    font-weight: bold;
    color: #1176c0;
}

.spotlighted-icon {
    padding-right: 8px;
}

#highlight_container .rewards-wrapper {
    position: relative;
    /*display: flex;
    flex-flow: column nowrap;
    justify-content: center;*/
    margin-top: -260px;
    width: 100%;
    /*background-color: #cde0ff;*/
    padding: 10px;
}

#highlight_container .rewards-outer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

/* Rewards */
#rewards_container {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    /*height: 195px;*/
    background-color: #FFF;
    border-radius: 8px;
    padding-right: 35px;
    text-align: left;
}

#rewards_container.too-many {
    /*height: 235px;*/
}

.rewards-title {
    padding-left: 16px;
    color: #1176C0;
    font-size: 32px;
    font-weight: bold;
    text-align: left;
}

#rewards_listing li {
    margin-bottom: 10px;
}
#rewards_listing li:last-of-type {
    margin-bottom: 0;
}

.reward-item {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
}

.multi-reward .reward-item-status {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    width: 64px;
    min-width: 64px;
    margin-right: 7px;
    text-align: center;
    font-size:8pt;
}

.reward-chart-wrapper,
.reward-img-wrapper {
    text-align: center;
}

.multi-reward .reward-chart-wrapper,
.multi-reward .reward-img-wrapper {
    height: 54px;
}

.multi-reward .reward-item-desc {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
}

.learn-more-link {
    padding: 3px 7px 0 16px;
    color: #ffa700;
    font-size: 14px;
    white-space: nowrap;
}

#single_reward .reward-img-wrapper {
    height: 156px;
}

#single_reward .reward-chart-wrapper {
    height: 186px;
}

#single_reward .reward-trophy,
#single_reward .reward-chart,
#single_reward .get-started-image {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    width: 25%;
    /*height: 156px;*/
    margin-right: 12px;
    text-align:center;
}

#single_reward .reward-chart {
    /*height: 186px;*/
}

#single_reward .get-started-content,
#single_reward .reward-content {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
}

#single_reward .caption {
    font-size: 17px;
}

.reward-content .inner,
.get-started-content .inner {
    /*margin-left: 12px;
    margin-top: 40px;*/
}

.reward-content,
.get-started-content,
.reward-item-desc {
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 21px;
    font-weight: bold;
    line-height: 23px;
}

.get-started-content h2,
.reward-content h2,
.get-started-content h3,
.reward-content h3 {
    color: #005E91;
}

.get-started-content h2,
.reward-content h2 {
    margin-top: 0;
    font-size: 30px;
}

.get-started-content h3,
.reward-content h3 {
    margin-top: 0;
    font-size: 26px;
}

#all_rewards_container {
    display: none;
    padding-right: 35px;
    text-align: left;
}

#all_rewards_listing .reward-item {
    padding: 4px 0;
}

.show-all-rewards-row {
    display: none;
    margin-top: 7px;
    text-align: center;
}

#btn_show_all_rewards {
    /*width: 100%;*/
    display: inline-block;
    padding: 4px 7px;
    border: none;
    border-radius: 6px;
    background-color: #6AAB35;
    color: #FFF;
    cursor: pointer;
}

#prev_camp_description {
   color:#1176C0;
   font-size: 12pt;
   font-weight:bold;
   padding-top: 4px;
   
}

#prev_rewards_row {
   display:none;
   margin-top:4px;
   background-color:#f1f2f3;
   text-align:center;
}

#xx_btn_prev_rewards {
    /*width: 100%;*/
    display: inline-block;
    padding: 4px 7px;
    border: none;
    border-radius: 6px;
    color: #444;
    cursor: pointer;
    text-decoration: underline;
}

#cur_prev_rewards_row {
   display:none;
   margin-top:4px;
   text-align:center;
}

#xx_btn_current_rewards {
    /*width: 100%;*/
    display: inline-block;
    padding: 8px 8px;
    border: none;
    border-radius: 6px;
    color: #444;
    cursor: pointer;
    text-decoration: underline;
}

#btn_show_all_rewards:active {
    border: none;
}

/* End Rewards */


.activity-container {
    padding: 10px;
}

.right-col-block {
    margin-bottom: 16px;
}

.right-col-block i {
    font-size: 24px;
    padding-right: 0;
}

#userinfo_container {
    display: flex;
    flex-flow: row nowrap;
}

#userinfo_container .user-avatar {
    display: block;
    width: 96px;
    height: 121px;
    border-radius: 6px;
    background-color: #FFF;
}

#userinfo_container .user-info {
    flex-grow: 2;
    height: 121px;
    padding: 7px 10px;
}

#search_terms {
   /*  width: 95%; */
    height: 43px;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    background-color: #b5d59a;
    color: #FFF;
    padding-right: 36px;
}

#search_terms::placeholder {
    color: #FFF;
}

#search_submit {
/*
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
margin-top: -43px; 
    width: 43px;
    height: 43px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    text-align: center;
    font-size: 18px;
    */
    background-color: #6aab44;
    color: #FFF;
    cursor: pointer;
}


.right-col-block .block-header {
    padding: 10px 10px;
    text-transform: uppercase;
}

.right-col-block .block-header i {
    margin-top: -2px;
}

.right-col-block .collapsible-block-content {
    display: none;
}

.right-col-block .collapsible-block-content .inner {
    padding: 4px 5px;
}

.collapsible-block-content-listing li {
    padding: 4px 5px !important;
}

.collapsed-block {
    display: none;
}

.collapsible-block-content .collapsible-block-content-wrapper {
    padding: 3px 7px;
}

.my-coach-alerts {
    border-bottom: 1px solid #DDDDDD;
}

.cat-heading,
.cat-activity {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
}

.cat-acts-info-heading i {
    margin: 0 20px 0 10px;
    font-size: 18px;
}

.activities-cats-listing-block > li {
    padding: 7px 0 !important;
}

.cat-acts-info-heading {
    width: 80%;
}
.activity-details {
    width: 50%;
}

.activity-status {
    width: 25%;
    text-align: left;
    font-size: 10pt;
    text-transform: uppercase;
}

.cat-acts-open-heading {
   width: 20%;
}

.space-holder {
    width: 25%;
}

li.cat-activity {
    padding: 4px 7px;
}

.activity-details .activity-title {
    font-size: 11pt;
    font-weight:bold;
}

.activity-details .activity-points {
   font-size: 10pt;
   font-weight: normal;
}

.activity-details .activity-status {

}

.cat-activities-block i.cat-open {
    font-size: 16px;
    color: #1E74BC;
}


.cat-heading {
    padding: 7px 0;
    font-weight: bold;
}

.cat-acts-open-heading {
    padding-right: 5px;
    text-align: right;

}

.cat-activities-block.ONE .cat-heading { border-bottom: 3px solid #581c58;}
.cat-activities-block.TWO .cat-heading {  border-bottom: 3px solid #a92907;}
.cat-activities-block.THREE .cat-heading { border-bottom: 3px solid #be414e;}
.cat-activities-block.FOUR .cat-heading { border-bottom: 3px solid #c80615;}
.cat-activities-block.FIVE .cat-heading { border-bottom: 3px solid #024e2f;}
.cat-activities-block.SIX .cat-heading { border-bottom: 3px solid #3d3336;}
.cat-activities-block.SEVEN .cat-heading { border-bottom: 3px solid #d06d03;}
.cat-activities-block.EIGHT .cat-heading { border-bottom: 3px solid #640f1d;}
.cat-activities-block.NINE .cat-heading { border-bottom: 3px solid #3a4e66;}
.cat-activities-block.TEN .cat-heading { border-bottom: 3px solid #60403b;}
.cat-activities-block.ELEVEN .cat-heading { border-bottom: 3px solid #622d81;}
.cat-activities-block.TWELVE .cat-heading { border-bottom: 3px solid #753a61;}
.cat-activities-block.THIRTEEN .cat-heading { border-bottom: 3px solid #2b3ea3;}
.cat-activities-block.FOURTEEN .cat-heading { border-bottom: 3px solid #ffa700;}
.cat-activities-block.FIFTEEN .cat-heading { border-bottom: 3px solid #8dc63f;}
.cat-activities-block.SIXTEEN .cat-heading { border-bottom: 3px solid #19c2ec;}

.cat-activities-block.ONE .cat-acts-info-heading i, .spotlighted-row.ONE .spotlighted-icon i { color: #581c58;}
.cat-activities-block.TWO .cat-acts-info-heading i, .spotlighted-row.TWO .spotlighted-icon i {  color: #a92907;}
.cat-activities-block.THREE .cat-acts-info-heading i, .spotlighted-row.THREE .spotlighted-icon i { color: #be414e;}
.cat-activities-block.FOUR .cat-acts-info-heading i, .spotlighted-row.FOUR .spotlighted-icon i { color: #c80615;}
.cat-activities-block.FIVE .cat-acts-info-heading i, .spotlighted-row.FIVE .spotlighted-icon i { color: #024e2f;}
.cat-activities-block.SIX .cat-acts-info-heading i, .spotlighted-row.SIX .spotlighted-icon i { color: #3d3336;}
.cat-activities-block.SEVEN .cat-acts-info-heading i, .spotlighted-row.SEVEN .spotlighted-icon i { color: #d06d03;}
.cat-activities-block.EIGHT .cat-acts-info-heading i, .spotlighted-row.EIGHT .spotlighted-icon i { color: #640f1d;}
.cat-activities-block.NINE .cat-acts-info-heading i, .spotlighted-row.NINE .spotlighted-icon i { color: #3a4e66;}
.cat-activities-block.TEN .cat-acts-info-heading i, .spotlighted-row.TEN .spotlighted-icon i { color: #60403b;}
.cat-activities-block.ELEVEN .cat-acts-info-heading i, .spotlighted-row.ELEVEN .spotlighted-icon i { color: #622d81;}
.cat-activities-block.TWELVE .cat-acts-info-heading i, .spotlighted-row.TWELVE .spotlighted-icon i { color: #753a61;}
.cat-activities-block.THIRTEEN .cat-acts-info-heading i, .spotlighted-row.THIRTEEN .spotlighted-icon i { color: #2b3ea3;}
.cat-activities-block.FOURTEEN .cat-acts-info-heading i, .spotlighted-row.FOURTEEN .spotlighted-icon i { color: #ffa700;}
.cat-activities-block.FIFTEEN .cat-acts-info-heading i, .spotlighted-row.FIFTEEN .spotlighted-icon i { color: #8dc63f;}
.cat-activities-block.SIXTEEN .cat-acts-info-heading i, .spotlighted-row.SIXTEEN .spotlighted-icon i { color: #19c2ec;}

.COLOR_ONE { color: #581c58;}
.COLOR_TWO {  color: #a92907;}
.COLOR_THREE { color: #be414e;}
.COLOR_FOUR { color: #c80615;}
.COLOR_FIVE { color: #024e2f;}
.COLOR_SIX { color: #3d3336;}
.COLOR_SEVEN { color: #d06d03;}
.COLOR_EIGHT { color: #640f1d;}
.COLOR_NINE { color: #3a4e66;}
.COLOR_TEN { color: #60403b;}
.COLOR_ELEVEN { color: #622d81;}
.COLOR_TWELVE { color: #753a61;}
.COLOR_THIRTEEN, .COLOR_THIRTEEN i { color: #2b3ea3;}
.COLOR_FOURTEEN { color: #ffa700;}
.COLOR_FIFTEEN { color: #8dc63f;}
.COLOR_SIXTEEN { color: #19c2ec;}

#open_activities_container .activity-title {
    font-size: 13px;
    font-weight:bold;
}
#open_activities_container .activity-info {
    font-weight: normal;
    font-size: 9pt;
}


/* Donut Charts */
#rewards_container .circular-chart {
    display: block;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    /*background-color: rgba(255, 255, 255, 0.82);*/
}

#rewards_container .circular-chart-circle-outer {
    fill: none;
    stroke: #ccc;
    stroke-width: 5.5;
}

#rewards_container .circular-chart-circle-bg {
    fill: none;
    stroke: #fff;
    stroke-width: 4.5;
}

#rewards_container .circular-chart-circle {
    fill: none;
    stroke-width: 4.5;
    stroke-linecap: round; /* *butt|round|square */
    animation: progress 1100ms ease-out forwards;
    transform: rotate(-20deg);
    transform-origin: 50% 50%;
}

#rewards_container .circular-chart.blue .circular-chart-circle {
    stroke: #3c9ee5;
}

#rewards_container .circular-chart-value-txt {
    fill: #6aab35;
    font-size: 0.60em;
    font-weight: bold;
    text-anchor: middle;
}

/* Calendar */
#dashboard_calendar_container {
   display:none;
    position: absolute;
    width: 100%;
    /*top: 260px;*/
    left: 0;
    z-index: 200;
    right: auto;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    text-align: center;
}

#dashboard_calendar_container .calendar-content {
    display: none;
    background-color: #FFF;
    border: 1px solid #6aab35;
    border-radius: 8px;
}

#dashboard_calendar_container .calendar-holder {
    width: 100%;
    min-height: 480px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

#portal_events_cal,
#events_calendar,
#events_calendar > div:last-of-type,
#events_calendar > div:last-of-type > table > tr:last-of-type td:first-of-type,
#events_calendar > div:last-of-type > table > tr:last-of-type td:last-of-type {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.calendar-loading {
    margin: 220px auto 0 auto;
    font-size: 48px;
}

#dashboard_calendar_container .close-calendar {
    margin: 5px;
}

#dashboard_calendar_container .calendar-switch {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    height: 24px;
    width: 128px;
    margin: 0 auto ;
    background-color: #6aab35;
    color: #FFF;
}

._xx_doclib-listing {
    margin: 3px 7px !important;
}

.doclib-folder {
    color: #005e91;
    font-size: 16px;
}

.doclib-folder-wrapper {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
}

.doclib-folder-state-icon {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
}

.doclib-folder-label {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    margin-left: 2px;
}

.doclib-files-listing {
    display: none;
    margin-left: 12px !important;
}

.doclib-files-listing li {
    padding: 3px 0;
}

.doclib-file {
    text-decoration: none !important;
    border: none !important;
    font-size: 14px;
}

.doclib-file:hover a {
    color: darkorange !important;
}

.doclib-files-listing .fa,
.doclib-files-listing .far,
.doclib-files-listing .fas {
    font-size: 14px;
}

@keyframes progress {
    0% {
        stroke-dasharray: 0 100;
    }
}



@media (max-width: 992px) {
    .right-col-block .block-header {
        padding: 10px 6px;
    }

    .collapsible-block-heading-title {
        font-size: 13px !important;
    }

    #search_terms {
        width: 95%;
        padding-right: 36px;
    }

    .spotlighted-heading {
        font-size: 40px;
    }

    .spotlighted-activities {
        font-size: 20px;
    }

    #rewards_listing .reward-item-status {
        padding-right: 4px;
    }

    .reward-content .incentive-reward-desc,
    .get-started-content .incentive-reward-desc,
    #rewards_container.too-many .incentive-reward-desc {
        font-size: 20px;
        line-height: 22px;
    }
}

@media (max-width: 870px) {
    #rewards_listing .reward-item-status {
        padding-right: 4px;
    }

    .reward-content .incentive-reward-desc,
    .get-started-content .incentive-reward-desc,
    #rewards_container.too-many .incentive-reward-desc {
        font-size: 18px;
        line-height: 20px;
    }
}

@media (max-width: 768px) {
    #search_terms {
        padding-right: 10px;
    }

    .multi-reward .reward-chart-wrapper,
    .multi-reward .reward-img-wrapper {
        height: 52px;
    }
}

@media (max-width: 620px) {
    #single_reward .reward-item {
        flex-direction: column;
        justify-content: flex-start;
        max-height: 195px;
    }

    #single_reward .reward-chart-wrapper,
    #single_reward .reward-img-wrapper {
        height: 110px;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }

    .rewards-title {
        font-size: 24px;
    }

    #single_reward .reward-chart,
    #single_reward .get-started-image {
        width: 100%;
        /*height: 110px;*/
        text-align: center;
    }

    .multi-reward .reward-chart-wrapper,
    .multi-reward .reward-img-wrapper {
        height: 50px;
    }

    .reward-content {
        width: 100%;
        text-align: center;
    }

    .get-started-content .inner {
        margin-top: 0;
    }

    .reward-content h2,
    .get-started-content h2 {
        margin-top: 12px;
        margin-bottom: 5px;
        font-size: 24px;
    }
}

@media (max-width: 500px) {
    .spotlighted-heading {
        font-size: 36px;
    }

    .spotlighted-row {
        padding: 3px 0;
    }

    .spotlighted-icon {
        font-size: 16px;
    }
    .spotlighted-activities {
        font-size: 16px;
    }

    #rewards_listing .reward-item-status {
        padding-right: 4px;
    }

    #rewards_listing .reward-item-desc,
    #rewards_container.too-many .incentive-reward-desc {
        font-size: 16px;
        line-height: 18px;
    }
}

@media (max-width: 460px) {

}

@media (max-width: 372px) {
    .spotlighted-heading {
        font-size: 28px;
    }

    .learn-more-link {
        font-size: 12px;
    }

    #rewards_listing .reward-item-desc,
    #rewards_container.too-many .incentive-reward-desc {
        font-size: 14px;
        line-height: 16px;
    }
}