.mittun-gamification__steps{opacity:0;height:0;overflow:hidden;transition:opacity .5s ease-in-out}.mittun-gamification__steps.active{display:block;height:auto;opacity:1}.mittun-gamification__steps__container{display:flex;flex-wrap:wrap;align-items:center;justify-content:center}.mittun-gamification__steps__title{font-size:20px;color:#000;text-align:center;font-family:Ubuntu;font-weight:500;font-style:normal;text-transform:uppercase}#mittun-gamification-wrapper .mittun-gamification__step__button{background-size:cover;border:0;box-shadow:none;cursor:pointer;display:flex;flex:0 0 31%;justify-content:center;align-items:center;margin:7.5px;height:200px;position:relative;overflow:hidden}#mittun-gamification-wrapper .mittun-gamification__step__button .step-title h3{font-size:28px}#mittun-gamification-wrapper .mittun-gamification__step__button .step-icon{margin-right:15px}#mittun-gamification-wrapper .mittun-gamification__step__button .step-icon img{margin-bottom:0}#mittun-gamification-wrapper .mittun-gamification__step__button.mittun-gamification__cause{display:block}#mittun-gamification-wrapper .mittun-gamification__step__button.mittun-gamification__cause .step-title{position:absolute;bottom:15px;left:30px;z-index:2}#mittun-gamification-wrapper .mittun-gamification__step__button.mittun-gamification__cause .step-title h3{font-size:24px}@media screen and (max-width:1000px){#mittun-gamification-wrapper .mittun-gamification__step__button{flex:0 0 45%}}@media screen and (max-width:767px){#mittun-gamification-wrapper .mittun-gamification__step__button{flex:0 0 100%}}.mittun-gamification__cause h3{color:#fff}.mittun-gamification__cause__overlay{position:absolute;top:0;bottom:0;left:0;right:0;opacity:.6}.mittun-gamification__cause[disabled]:after{content:"";cursor:not-allowed;position:absolute;z-index:3;background-color:rgba(0,0,0,.5);left:0;top:0;height:100%;width:100%}.mittun-gamification__steps--question{display:flex;flex-wrap:wrap}.mittun-gamification__steps--question h1{flex-basis:100%}#modal-mittun-gamification .mittun-gamification__errors{padding-top:1.5em;display:none}#modal-mittun-gamification .mittun-gamification__errors h5{margin-bottom:30px;font-weight:400}.mittun-gamification__next_btn{padding:10px 20px;cursor:pointer;border:0;background:#f4591c;color:#fff;font-weight:700;margin:0 auto;display:block}.mittun-gamification__next_btn:hover{border:1px solid #f4591c;background:#fff;color:#f4591c}#mittun-gamification-wrapper .mittun-gamification__answers{display:flex;flex-wrap:wrap;margin-top:30px;margin-left:auto;margin-right:auto;max-width:780px}#mittun-gamification-wrapper .mittun-gamification__answers .mittun-gamification__answer.mittun-gamification__step__button{background-color:transparent;border:1px solid #f4591c;flex:1 0 45%;justify-content:center}#mittun-gamification-wrapper .mittun-gamification__answers .mittun-gamification__answer.mittun-gamification__step__button h4{font-size:24px}#mittun-gamification-wrapper .mittun-gamification__answers .mittun-gamification__answer.mittun-gamification__step__button:hover{background-color:#f4591c}#mittun-gamification-wrapper .mittun-gamification__answers .mittun-gamification__answer.mittun-gamification__step__button:hover h4{color:#fff}@media screen and (max-width:767px){#mittun-gamification-wrapper .mittun-gamification__answers .mittun-gamification__answer.mittun-gamification__step__button{flex:1 0 auto}}.mittun-gamification__loader{background-color:#fff;background-image:url(https://projectao.wpengine.com/wp-content/uploads/2017/03/arab-dot-loader-gradient.gif);background-repeat:no-repeat;background-position:50%;width:150px;height:150px;opacity:0;position:absolute;top:30%;left:45%;z-index:-1;transition:opacity .3s ease-in-out}.mittun-gamification__loader.in{opacity:1;z-index:2}.mittun-gamification__user_group{max-width:600px;width:100%;padding:10px;background:#fff;border-radius:10px}.mittun-gamification__user_group input[type=text]{border:1px solid #ccc}.mittun-gamification__user_group button{line-height:30px;border:1px solid #ccc}.mittun-gamification__user_group .mittun-group{display:block;margin-bottom:15px}.mittun-gamification__user_group .mittun-group .mittun-flex{display:flex;align-items:center;width:100%;flex-wrap:wrap;justify-content:space-between}.mittun-gamification__user_group .mittun-group .mittun-flex button{flex:1 0 100px;max-width:100px;margin:0 5px}.mittun-gamification__user_group .mittun-group .mittun-field{flex:1;padding-top:0;padding-bottom:0;line-height:30px}.mittun-gamification__user_group .mittun-group .mittun-field.error-field{border:1px solid #d50000}.mittun-gamification__user_group .mittun-group_join_members{display:flex;justify-content:space-between;flex-wrap:wrap;margin-top:10px}.mittun-gamification__user_group .mittun-group_join_members .user_item{flex:1 0 50%;max-width:50%}.mittun-gamification__user_group .mittun-group_join_members .user_item button{line-height:20px;margin:0 5px}.mittun-gamification__user_group .mittun-group_join_members .user_item.active{color:green}.mittun-gamification__user_group .mittun-group_join_members .user_item.active button{display:none}.mittun-group-error-message{color:#d93025}.mittun-group-error-message.active{color:#188038}.mittun-title{text-align:center;font-size:34px;font-weight:700}button.mittun-group-member-delete{max-width:300px}.mittun-button{cursor:pointer}.modal{position:fixed;width:100vw;height:100vh;opacity:0;visibility:hidden;transition:all .3s ease;top:0;left:0;display:flex;align-items:center;justify-content:center;z-index:9999}.modal.open{visibility:visible;opacity:1;transition-delay:0s}.modal-bg{position:absolute;background:transparent;width:100%;height:100%}.modal-container{border-radius:10px;background:#fff;position:relative;padding:30px;box-shadow:0 3px 15px rgba(0,0,0,.2),0 0 5px rgba(0,0,0,.2)}.modal-close{position:absolute;right:15px;top:15px;outline:none;appearance:none;color:red;background:none;border:0;font-weight:700;cursor:pointer}.modal .modal-container p{background:#fff;padding:20px;color:#000;font-size:18px;text-align:center}.dataTable-wrapper.no-header .dataTable-container{border-top:1px solid #d9d9d9}.dataTable-wrapper.no-footer .dataTable-container{border-bottom:1px solid #d9d9d9}.dataTable-bottom,.dataTable-top{padding:8px 10px}.dataTable-bottom>div:first-child,.dataTable-top>div:first-child{float:left}.dataTable-bottom>div:last-child,.dataTable-top>div:last-child{float:right}.dataTable-selector{padding:6px}.dataTable-input{padding:6px 12px}.dataTable-info{margin:7px 0}.dataTable-pagination ul{margin:0;padding-left:0}.dataTable-pagination li{list-style:none;float:left}.dataTable-pagination a{border:1px solid transparent;float:left;margin-left:2px;padding:6px 12px;position:relative;text-decoration:none;color:#333}.dataTable-pagination a:hover{background-color:#d9d9d9}.dataTable-pagination .active a,.dataTable-pagination .active a:focus,.dataTable-pagination .active a:hover{background-color:#d9d9d9;cursor:default}.dataTable-pagination .disabled a,.dataTable-pagination .disabled a:focus,.dataTable-pagination .disabled a:hover,.dataTable-pagination .ellipsis a{cursor:not-allowed}.dataTable-pagination .disabled a,.dataTable-pagination .disabled a:focus,.dataTable-pagination .disabled a:hover{cursor:not-allowed;opacity:.4}.dataTable-pagination .pager a{font-weight:700}.dataTable-table{max-width:100%;width:100%;border-spacing:0}.dataTable-table>tbody>tr>td,.dataTable-table>tbody>tr>th,.dataTable-table>tfoot>tr>td,.dataTable-table>tfoot>tr>th,.dataTable-table>thead>tr>td,.dataTable-table>thead>tr>th{vertical-align:top;padding:8px 10px}.dataTable-table>tfoot>tr>th,.dataTable-table>thead>tr>th,.dataTable-table th{vertical-align:bottom;text-align:left}.dataTable-table>thead>tr>th{border-bottom:1px solid #d9d9d9}.dataTable-table>tfoot>tr>th{border-top:1px solid #d9d9d9}.dataTable-table th a{text-decoration:none;color:inherit}.dataTable-sorter{display:inline-block;height:100%;position:relative;width:100%}.dataTable-sorter:after,.dataTable-sorter:before{content:"";height:0;width:0;position:absolute;right:4px;border-left:4px solid transparent;border-right:4px solid transparent;opacity:.2}.dataTable-sorter:before{border-top:4px solid #000;bottom:10px}.dataTable-sorter:after{border-bottom:4px solid #000;border-top:4px solid transparent;top:0}.asc .dataTable-sorter:after,.desc .dataTable-sorter:before{opacity:.6}.dataTables-empty{text-align:center}.dataTable-bottom:after,.dataTable-top:after{clear:both;content:" ";display:table}.mittun-gamification__leaderboard .gm_leaderboard_name{display:flex;align-items:center;flex-wrap:wrap}.mittun-gamification__leaderboard .gm_leaderboard_name img{max-width:25px;margin-right:10px}.mittun-gamification__leaderboard .gm_leaderboard_bage:hover{cursor:pointer}.badges_container,.mittun-gamification__leaderboard .gm_leaderboard_bage span{display:none}.tippy-content{box-shadow:0 0 4px rgba(0,0,0,.3);background:#fff;border-radius:5px;padding:10px 5px 5px}.tippy-content .badge_content{display:flex;flex-wrap:wrap;justify-content:space-between;max-width:200px}.tippy-content .badge_content .badge_icon{flex:1 0 40px;max-width:40px;padding:0 5px}.tippy-content .badge_content .badge_icon img{width:100%}.tippy-content .badge_content .badge_icon:not(.active){filter:grayscale(100%);-webkit-filter:grayscale(100%)}#modal-mittun-gamification-group .dataTable-wrapper .dataTable-top .dataTable-search{top:10px;right:40px}.mittun-gamification-button-wrapper .mittun-gamification-select{display:none}.mittun-gamification-button-wrapper .mittun-gamification-button{display:inline-block}@media only screen and (max-width:768px){.mittun-gamification-button-wrapper .mittun-gamification-select{display:block}.mittun-gamification-button-wrapper .mittun-gamification-button{display:none}}.mittun-gamification__leaderboard-container .dataTable-top .dataTable-dropdown{display:none}.mittun-group-overview{max-width:400px;margin:0 auto;width:100%}.mittun-group-overview .meta-data span{color:#000}.mittun-group-overview .meta-data span.label{color:#888}.mittun-group-overview .details{display:flex;flex-wrap:wrap;justify-content:center}.mittun-group-overview .details .avatar{width:100px;height:100px;overflow:hidden;border-radius:50%}.mittun-group-overview .details .avatar img{width:100%}.mittun-group-overview .details .custom-data{padding-left:1rem}.mittun-group-overview .details .custom-data label{font-size:1rem;color:#888;display:block}.mittun-group-overview .details .custom-data h3,.mittun-group-overview .details .custom-data p{color:#000;margin:0 0 .5rem;padding:0}.mittun-group-overview .details .custom-data h3{font-size:1.5rem;font-weight:700}.mittun-group-impact{margin:0;padding:0;display:flex;flex-wrap:wrap;list-style:none}.mittun-group-impact .mittun-group-impact-wrapper{margin:0;padding:.5rem;list-style:none}.mittun-group-impact .mittun-group-impact-wrapper>div{min-width:200px;display:flex;justify-content:center;align-items:center;flex-flow:column;padding:3rem 0;text-align:center}.mittun-group-impact .mittun-group-impact-wrapper h3{font-size:1.5rem;margin-bottom:.5rem}.mittun-group-impact .mittun-group-impact-wrapper span{font-size:1rem;color:#888}.mittun-group-title{margin-bottom:1rem;font-size:1.5rem;font-weight:700}.hide{display:none!important}.mittun-group-avatar img{width:100px;height:100px;overflow:hidden;padding:.25rem;border-radius:50%;border:2px solid #fff}.mittun-group-avatar img.active{border-color:#f4591c}