@font-face {
  font-family: 'MyWebFont';
  src:  url('../fonts/THICCCBOI-SemiBold.woff2') format('woff2');
    font-weight: 700;
}
@font-face {
  font-family: 'MyWebFont';
  src:  url('../fonts/THICCCBOI-Medium.woff2') format('woff2');
    font-weight: 500;
}
@font-face {
  font-family: 'MyWebFont';
  src:  url('../fonts/THICCCBOI-Regular.woff2') format('woff2');
    font-weight: 400;
}
@font-face {
  font-family: 'MyWebFont';
  src:  url('../fonts/THICCCBOI-Light.woff2') format('woff2');
    font-weight: 300;
}
body{font-family: 'MyWebFont';}
html{position: relative;}
.sidebar.sidebar_small{display:none;}
.sidebar.sidebar_small.index-nocustom-menu{display:block;}
a:focus {
    outline:0;
}
a:active,
a:hover {
    outline: 0;
}
.users-superapp-page{margin-top: 40px;margin-bottom: 40px;margin-left: 0;}
.users-superapp-page .image__cell {float: left;position: relative;margin:10px;}
.users-superapp-page .basic__img {float:none !important;display: block;max-width: 80px;height: 32px;margin: 0 auto;padding: 0;width: 32px;object-fit: cover;line-height: 36px;position: relative;top: 20px;}
.users-superapp-page .image__cell .image--basic {border-radius: 10px;cursor: pointer;-webkit-box-shadow: 1px 1px 10px 0px rgb(155,155,155);-moz-box-shadow: 1px 1px 10px 0px rgb(155,155,155);box-shadow: 1px 1px 10px 0px rgb(155,155,155);background: #ffffff;}
@media only screen and (max-width: 530px) {
    .users-superapp-page .image__cell {
        width: 44%;
    }
}
@media only screen and (min-width: 531px) {
 .users-superapp-page .image__cell {
      width: 15%;
  }
  
}
.home-superapps:after{display:table;clear:both;content:' ';}
.users-superapp-page .img-shadow{background: #1f68ad;width: 75px;height: 75px;border-radius: 50%;margin: 15px auto 8px;text-align: center;display: block;float:none;}
.users-superapp-page .img-shadow::before{display:none;}
.home-superapps,.home-category-apps{margin-left: 30px;}
.home-category-apps{display: none;}
.wrapper,.users-superapp-page,.container-fluid.container-layout{background:#f2f2f2;}
.body.content.custom-menu-active{margin-left: 0;}
.users-superapp-page .go-to-view{font-weight: 400;margin-left: 15px;color: #666666;cursor: pointer;}
.home-subcategory-header{margin-left: 5px;font-size: 24px;color: #535353;margin-top: 30px;font-weight: 400;margin-bottom: 8px;}
.users-superapp-page .campaign-action-count img{height: 20px;width: 20px;border-radius: 50%;object-fit: cover;}
.users-superapp-page .campaign-name-detail{color: #000000;font-weight: 500;font-size: 15px;padding-top: 0px;min-height:18px !important;max-height: 18px;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;height: 18px;max-width: 100%;display: block;} 
.users-superapp-page .playbook-activity-users img:last-of-type{margin-left: -5px;}
.users-superapp-page .playbook-activity-users span{color: #666666;font-size: 13px;}
.categorized-img img{margin-left: 0 !important;border-radius: 5px;height: 18px;width: 18px;object-fit: contain;background: #e6b523;}
.playbook-activity-users.categorized-img{float: right;height: 26px;width: 26px;background: #e6b523;display: inline-block;text-align: center;border-radius: 50%;line-height: 26px;margin: 5px;}
.home-superapps .summary-action-icon img,.home-category-apps .summary-action-icon img{height: 26px;margin-right: 1px;}
.home-superapps .summary-action-icon .activity-count,.home-category-apps .summary-action-icon .activity-count{font-size: 15px;}
.home-superapps .campaign-action-count{margin-top: 5px;}
.users-superapp-page .playbook-activity-users img{height: 16px;width: 16px;object-fit: cover;border-radius: 50%;}
.home-items-text{display: inline-block;color: #666666;font-size: 13px;clear: both;padding-left: 2px;font-weight: 400;}
.home-superapps .summary-action-icon,.home-category-apps .summary-action-icon{float: right;}
.home-superapps span.activity-total-badge{font-size: 13px;font-weight: 500;background: #e40064;color: #ffffff;height: 28px;width: 28px;text-align: center;line-height: 28px;display: inline-block;border-radius: 50%;position: absolute;right: -4px;bottom: -2px;}
.home-superapps .img-shadow{position: relative;}
.users-superapp-page .charts-home-conatiner ul.list-unstyled{display: inline-block;-webkit-box-shadow: 2px 2px 5px rgb(0 0 0 / 10%);-moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);-ms-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);box-shadow: 2px 2px 5px rgb(0 0 0 / 10%);padding: 10px 0 10px;margin-bottom: 0;border-radius: 5px;}
.users-superapp-page .charts-home-conatiner ul.list-unstyled li{padding: 8px 5px;border-bottom: 1px solid #e4e4e4;}
.users-superapp-page .charts-home-conatiner ul.list-unstyled li a{color: #333333;}
.users-superapp-page div.chart-item{padding-right: 0;}
.users-superapp-page .filterDiv .chart-title{float: left;font-size: 20px;margin-top: 15px;margin-bottom: 15px;}
.users-superapp-page .charts-home-conatiner .list-unstyled li.active a{color: #4caf50;}
.users-superapp-page .mytasks-home-container .listitem-title{display: block;padding-top: 5px;padding-bottom: 5px;margin-top: 10px;margin-bottom: 5px;}
.charts-home-section:after{display: table;clear: both;content:' ';}
.users-superapp-page .mytasks-section,.users-superapp-page .charts-home-section,.users-superapp-page .mymentions-section,.my-conversations-section{
    /*-webkit-box-shadow: 1px 1px 10px 0px rgb(155 155 155);-moz-box-shadow: 1px 1px 10px 0px rgb(155,155,155);box-shadow: 1px 1px 10px 0px rgb(155 155 155);*/
    background: #ffffff;border-radius: 10px;}
.users-superapp-page .mytasks-section li.listitem-li{list-style: none;background: #fafafa;margin: 3px 0;border-radius: 38px;border: 3px solid transparent;}
.users-superapp-page .mytasks-section li.listitem-li .task-profile img{height: 22px;width: 22px;object-fit: cover;border-radius: 50%;display: inline-block;}
.users-superapp-page .mytasks-section .todo_element{display: inline-block;width: 87%;padding: 8px 0px 10px;padding: 3px 0px 3px;}
.users-superapp-page .mytasks-section .todo_date,.users-superapp-page .mytasks-section .completion-date{text-align: center;vertical-align: top;}
.users-superapp-page .mytasks-section .list-title-heading{padding-left: 40px;margin-right: 6px;width: 38%;font-weight: 700;color: #333333;}
.users-superapp-page .mytasks-section .element_title{max-width: 55%;width: 55%;vertical-align: middle;border-left:none;font-size: 14px;font-weight: 300;}
.users-superapp-page .mytasks-section .task-selected-users{padding-left: 0;margin-right: 5px;}
.users-superapp-page .mytasks-section .mytasks-ul .todo_element_checkbox{width: 60px;}
.users-superapp-page .mytasks-section .task-left {width: 60%;}
.users-superapp-page .mytasks-section .list-users-heading{margin-right: 5px;width: 13%;font-weight: 700;color: #333333;}
.users-superapp-page .mytasks-section .list-completed-heading{width: 18%;font-weight: 700;color: #333333;}
.users-superapp-page .mytasks-section .list-date-heading{width: 15%;font-weight: 700;color: #333333;}
.users-superapp-page .mytasks-section .task-selected-circles{border: none;}
.users-superapp-page .mytasks-section .task-selected-users{max-width:90px;}
.users-superapp-page .mytasks-section{padding:0 10px 10px;min-height: 479px;}
.users-superapp-page .mytasks-section .completion-date{margin-right: 10px;margin-left: 5px;}
.home-header{font-size:20px;color: #333333;font-weight: 700;padding: 15px 0 0 20px;}
.home-header:after{content:' ';clear: both;display: table;}
.users-superapp-page .right-content{padding: 0px 15px 0 15px;}
.charts-home-conatiner,.mytasks-home-container{margin-top: 15px;}
.users-superapp-page .charts-home-conatiner ul.list-unstyled li:last-of-type{border:none;}
.body.content.users-superapp-page{padding-top: 50px;}
.users-superapp-page .charts-home-section{margin-left:14px;min-height: 479px;}
.mytasks-home-container{padding-left: 0;}
.users-superapp-page .chart-container-group .chart-item{display: none;}
.users-superapp-page .chart-container-group .chart-item:first-of-type{display: block;}
a.chart-move-btns {text-decoration: none;display: inline-block;width: 33px;padding: 5px 12px;margin-right: 5px;margin-top: 0;line-height: 25px;height: 33px;margin-bottom: 15px;}
a.chart-move-btns:hover {background-color: #ddd;color: black;}
.previous.chart-move-btns {background-color: #f1f1f1;color: black;margin-left: 43%;}
.next.chart-move-btns {background-color: #04AA6D;color: white;}
.round {border-radius: 50%;}
.users-superapp-page span.graph-table-view{margin-top: 0;font-size: 13px;}
.users-superapp-page .todo_date.overdue{border-radius: 5px;color: #cd0202;}
.users-superapp-page .chart-item-each{margin-bottom: 15px;box-shadow:none !important;min-height: 367px;padding-right: 0;}
.users-superapp-page .todo_date{padding:4px 5px;vertical-align: middle !important;min-width: 125px;}
.users-superapp-page .mytasks-modal .modal-dialog{margin: 25px auto;width: 75%;}
.users-superapp-page .mytasks-modal .modal-body label.log-label {margin-bottom: 8px;font-weight: 500;background: #eeeeee;text-transform: uppercase;font-size: 15px;padding: 5px;}
.users-superapp-page .mytasks-section .task-status-box input[type="checkbox"] { display: none; }
.users-superapp-page .mytasks-section .mytasks-ul{max-height: 356px;overflow: auto;padding-left: 0;}
.users-superapp-page .mytasks-section .mytasks-ul::-webkit-scrollbar {width: 7px !important;}
.users-superapp-page .mytasks-section .mytasks-ul::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3) !important;border-radius: 5px !important;background-clip: content-box; }
.users-superapp-page .mytasks-section .mytasks-ul::-webkit-scrollbar-thumb {border-radius: 5px !important;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5) !important;}
.users-superapp-page .mytasks-section .mytasks-ul::-webkit-scrollbar-track-piece {height: 10px;}
.users-superapp-page .mytasks-section .task-status-box input[type="checkbox"] + label {position: relative;cursor: pointer;font-weight: 400;font-size: 14px;margin-right: 10px;padding: 4px 10px 4px 5px;margin-bottom: 0;}
.users-superapp-page .mytasks-section .task-status-box input[type="checkbox"] + label:before {content:'';-webkit-appearance: none;background-color: transparent;border: 1px solid #6489EB;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);padding: 8px;display: inline-block;position: relative;vertical-align: middle;cursor: pointer;margin-right: 9px;border-radius: 2px;}
.users-superapp-page .mytasks-section .task-status-box input[type="checkbox"]:checked + label:after {content: '';display: block;position: absolute;top: 8px;left: 12px;width: 5px;height: 12px;border: solid #6489EB;border-width: 0 2px 2px 0;transform: rotate(45deg);}
.mytasks-section .home-header,.users-superapp-page .mymentions-section .home-header{padding: 10px 0 10px 10px;}
.users-superapp-page .mymentions-section{margin-left: 14px;margin-top: 15px;min-height: 350px;margin-bottom: 20px;}
.listitem-completed{display: none}
.users-superapp-page .mytasks-section .empty-competion-date{padding: 0px;}
.users-superapp-page .mytasks-section span.task-profile{margin-left: 0;}
.activity-img-info{padding-top: 5px;text-align: center;}
.users-superapp-page .campaign-details-info{min-height: 52px;}
.users-superapp-page .charts-home-conatiner{padding-right: 15px;}
.users-superapp-page .right-content .card{margin-bottom: 0;}
.users-superapp-page .right-content .card h3{float: left;padding: 3px 0 20px;font-weight: 700;font-size: 16px;}
.users-superapp-page .chart-table-view{border: 1px solid #cccccc;padding: 5px 10px;border-radius: 3px;cursor: pointer;right: 12px;
    position: absolute;
    top: -34px;}
.chart-table-modal  .close{opacity: 1;border: 1px solid #000000 !important;border-radius: 50%;height: 24px;width: 24px;line-height: 12px;margin-top: -9px !important;margin-right: -6px;background: #ffffff !important;}
.dataTables_length{display: none;}
.chart-table-modal  .close:hover{background:#333333;}
.chart-table-modal .modal-dialog{width:70%;}
.chart-table-modal .modal-header{padding:0;border-bottom: none;}
.bootstrap-select.category-chart-select{width: 170px;margin-right: 15px;}
.users-superapp-page .mytasks-section .bootstrap-select.taskowner-circles-list{display: none;}
.my-comments-profile{height: 27px;width: 27px;border-radius: 50%;}
.my-conversations-each{padding: 15px;cursor: pointer;}
.mycomments-uname{font-weight: 700;padding-left: 2px;font-size: 14px;color: #444444;}
.mycomments-time{float: right;color: #999999;font-size: 12px;font-weight: 300;}
.mycomments-msg{padding: 5px 0 5px 33px;font-weight: 400;font-size: 14px;color: #333333;}
.canvas-container canvas{clear: both;margin: 0 auto;max-width: 100%;}
.spinner {margin: 0 auto;width: 100px;height: 100px;border-radius: 50%;border: 8px solid rgba(0, 0, 0, 0.2);border-top-color: #09d;animation: spin 1.5s linear infinite;}
.spinner-text{display: none;position: absolute;top: 25%;left: 0;right:0;color: #000000;width: 100%;margin: 0 auto;}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
.text {
  
}

.spinner-text h1 {
  text-align: center;font-size: 18px;
}

.words-wrapper {
  display: inline-block;
  position: relative;
  text-align: center;
}
.words-wrapper b {
  opacity: 0;
  display: inline-block;
  position: absolute;
  white-space: normal;
  left: 0;
  top: 0;
  font-weight: 500;
}
.words-wrapper .is-visible {
  position: relative;
  opacity: 1;
  -webkit-animation: push-in 0.4s;
  -moz-animation: push-in 0.4s;
  animation: push-in 0.4s;
}
.words-wrapper .is-hidden {
  -webkit-animation: push-out 0.4s;
  -moz-animation: push-out 0.4s;
  animation: push-out 0.4s;
}

@-webkit-keyframes push-in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
  }
  70% {
    opacity: 1;
    -webkit-transform: translateY(10%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes push-in {
  0% {
    opacity: 0;
    -moz-transform: translateY(-100%);
  }
  60% {
    opacity: 1;
    -moz-transform: translateY(10%);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}
@keyframes push-in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    -moz-transform: translateXY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(10%);
    -moz-transform: translateY(10%);
    -ms-transform: translateY(10%);
    -o-transform: translateY(10%);
    transform: translateY(10%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes push-out {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
  60% {
    opacity: 0;
    -webkit-transform: translateY(110%);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(100%);
  }
}
@-moz-keyframes push-out {
  0% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
  60% {
    opacity: 0;
    -moz-transform: translateY(110%);
  }
  100% {
    opacity: 0;
    -moz-transform: translateY(100%);
  }
}
@keyframes push-out {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  60% {
    opacity: 0;
    -webkit-transform: translateX(110%);
    -moz-transform: translateY(110%);
    -ms-transform: translateY(110%);
    -o-transform: translateY(110%);
    transform: translateY(110%);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translag65teY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
  }
}
.mytasks-section .home-header{border-bottom: 1px solid #cbcbcb;}
.empty-competion-date img,.empty-todo-date img{height:15px;}
.users-superapp-page .menu-img{color: #ffffff;
    border-radius: 8px;
    text-align: center;
    display: block;
    margin: 0 auto;
    text-indent: 0;
    width: 60px;
    height: 60px;
    line-height: 35px;display:inline-block;margin-right: 10px;vertical-align: middle;
    padding: 10px;}
.users-superapp-page a.journy-link:nth-child(10n+1) .menu-img{background: #D4FADD;}
.users-superapp-page a.journy-link:nth-child(10n+2) .menu-img{background: #FFD6D9;}
.users-superapp-page a.journy-link:nth-child(10n+3) .menu-img{background: #FFF4D1;}
.users-superapp-page a.journy-link:nth-child(10n+4) .menu-img{background: #DBEAFF;}
.users-superapp-page a.journy-link:nth-child(10n+5) .menu-img{background: #c9f5f3;}
.users-superapp-page a.journy-link:nth-child(10n+6) .menu-img{background: #eedaf7;}
.users-superapp-page a.journy-link:nth-child(10n+7) .menu-img{background: #FFE9C7;}
.users-superapp-page a.journy-link:nth-child(10n+8) .menu-img{background: #FFA0BD;}
.users-superapp-page a.journy-link:nth-child(10n+9) .menu-img{background: #9DC6FB;}
.users-superapp-page a.journy-link:nth-child(10n+10) .menu-img{background: #BDC8E7;}
.users-superapp-page .menu-img img{height: 30px;width: 30px;object-fit: cover;}
.users-superapp-page .menu-desc{display: inline-block;font-size: 15px;vertical-align: middle;    max-width: 70%;}
.users-superapp-page .menu-subtitle{display: block;color: #999999;font-size: 14px;}
.users-superapp-page .menu-title{color: #333333;font-size: 15px;font-weight: 700;max-width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: block;}
.users-superapp-page a.journy-link{margin-bottom: 15px;width:23%;display: inline-block;margin-right:1%;background: #ffffff;padding: 15px;border-radius: 10px;box-shadow: rgba(209,209,209) 2px 0 9px;}
.users-superapp-page .home-items-text b{color: #6489EB;}
.users-superapp-page a.journy-link:nth-child(n+5){display: none;}
.my-conversations-section{margin-top: 15px;padding-right: 5px;margin-bottom: 15px;}
.my-conversations-items{max-height: 400px;overflow: auto;}
.dashboard-mymentions{background: #f2f2f2;}
.my-mentions-each{background: #ffffff;width: 23.8%;display: inline-block;border-radius: 16px;padding: 10px 15px 0;padding: 10px 15px;margin: 10px 10px 10px 0;vertical-align: top;}
.users-superapp-page .my-mentions-each:nth-child(10n+1){background: #FFE9C7;}
.users-superapp-page .my-mentions-each:nth-child(10n+2){background: #D6FFFD;}
.users-superapp-page .my-mentions-each:nth-child(10n+3){background: #F7E3FF;}
.users-superapp-page .my-mentions-each:nth-child(10n+4){background: #ebebeb;}
.users-superapp-page .my-mentions-each:nth-child(10n+5){background: #FFFDC7;}
.users-superapp-page .my-mentions-each:nth-child(10n+6){background: #FFE0E3;}
.users-superapp-page .my-mentions-each:nth-child(10n+7){background: #FFFFFF;}
.users-superapp-page .my-mentions-each:nth-child(10n+8){background: #EAFFE8;}
.users-superapp-page .my-mentions-each:nth-child(10n+9){background: #EAF3FF;}
.users-superapp-page .my-mentions-each:nth-child(10n+10){background: #FFE0E3;}
.users-superapp-page .my-mentions-each .mentionlog div{color: #767676;font-weight: 300;}
.users-superapp-page .my-mentions-each div.mentionlog:first-of-type{margin-bottom: 10px;}
.users-superapp-page .mytasks-section div.taskselected-users{width: 130px;}
.users-superapp-page .mytasks-section .more-users ul.dropdown-menu{margin-top: -30px;width: 165px;max-width: 165px;}
.my-conversations-section .home-header{padding: 15px 0 5px 20px;}
.my-conversations-section .my-comments-profile{border-radius: 4px;object-fit: cover;}
.my-conversations-section .mycomments-uname{vertical-align: top;}
.users-superapp-page .my-mentions-each{position: relative;    min-height: 145px;max-height: 145px;}
.users-superapp-page .my-mentions-each .mymentions-prof{object-fit: cover;height: 25px;width: 25px;border-radius: 50%;position: absolute;top: 6px;right: 6px;}
.users-superapp-page .my-mentions-each .view-all-actions,.users-superapp-page .my-mentions-each .view-less-actions{display:none;}
.users-superapp-page .my-mentions-each .mentionlog .icon-img{display:none;}
.users-superapp-page .my-mentions-each .mentionlog .log-date-header{font-weight: 700;display: block !important;}
.users-superapp-page .my-mentions-each .mentionlog .log-date-year{padding-right:5px;font-size: 13px;}
.users-superapp-page .my-mentions-each .mentionlog .log-date-time{font-size: 13px;}
.my-mentions-each .tooltip-inner{color:#ffffff !important;width:120px;}
.dashboard-mymentions,.my-conversations-items{min-height: 370px;}
.apps-more,.apps-less{height: 35px;width: 35px;display: inline-block;position: relative;cursor: pointer;top: 29%;}
.apps-less{display: none;}
.apps-more:hover,.apps-less:hover{opacity:0.7;}
.chart-btns-section{display: block;width:100%;}
.users-superapp-page .my-mentions-each .mention-playbook{color: #333333;font-weight: 700;font-size: 14px;margin-bottom: 10px;width: 90%;max-width: 90%;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.users-superapp-page .my-mentions-each .mentionlog{margin-bottom: 10px;}
.users-superapp-page .my-mentions-each .mentionlog div span{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-overflow: ellipsis;max-width: 100%;display: inline-block;max-height: 20px;}
.users-superapp-page .my-mentions-each .mentionlog label{padding-bottom: 0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-bottom: 0;    line-height: 18px; }
.users-superapp-page .task-selected-img img{width: 18px;height: 18px;}
.users-superapp-page span.task-profile{padding-left: 6px;}
.dashboard-mymentions .my-mentions-each:nth-child(4n){margin-right:0;}
.mymentions-section  .dashboard-mymentions{margin-bottom: 15px;background: #ffffff;border-radius: 10px;}
.dashboard-mymentions .poll-list ul{padding-left: 0;list-style: none;}
.mention-shout ul{padding-left: 0;list-style: none;}
.users-superapp-page .mention-shout ul li:nth-child(n+3){display: none;}
.dashboard-mymentions .poll-list ul li:nth-child(n+3){display: none;}
.users-superapp-page .my-mentions-each .mentionlog:nth-child(2){margin-bottom: 0;}
.filter-dashboard-menu {display: none;position: absolute;top: 100%;z-index: 1000;padding: 5px 0;margin: 2px 0 0;font-size: 14px;text-align: left;list-style: none;background-color: #fff;-webkit-background-clip: padding-box;background-clip: padding-box;border: 1px solid #ccc;border: 1px solid rgba(0,0,0,.15);border-radius: 4px;min-width: 500px;left: -375px;box-shadow: 0px 4px 4px 0px rgb(0 0 0 / 50%);padding: 10px 15px;margin-top: 6px;transition: all 0.5s ease;}
.filter-dashboard-menu.show {display: block;}
img.close-filter-menu {height: 25px;width: 25px;float: right;border: 1px solid;border-radius: 50%;padding: 4px;cursor: pointer;opacity: 0.7;position: absolute;top: 10px;right: 10px;}
button.dropdown-report-filter{border: none;margin-right: 5px;font-size: 14px;font-weight: 500;border-radius: 8px !important;background: #f4f2f2;color: #333333;}
button.dropdown-report-filter i{margin-left: 60px;font-size: 18px;}
.filter-dashboard-menu .search-body label {font-weight: 300;max-width: 86%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: inline-block;}
.scroll-list .search-body label {word-break: break-word;white-space: normal;}
.filter-dashboard .search-body input[type=checkbox] {display: inline-block;vertical-align: top;margin-right: 5px;}
.filter-dashboard .search-body {overflow: hidden;text-overflow: ellipsis;max-width: 100%;white-space: nowrap;}
.filter-dashboard .scroll-list {max-height: 220px;overflow-y: auto;margin-bottom: 15px;}
.filter-dashboard  .nav-tabs>li.active>a {border: none;border-bottom: 2px solid;}
.mentionlog .pollcount{float: right;position: absolute;right: 6px;bottom: 12px;font-size: 12px;font-weight: 500;}
.filter-dashboard .dropdown-actions .btn-xs {padding: 5px 15px !important;font-size: 13px;border-radius: 5px;margin-right: 5px;}
.filter-dashboard .filter-search-box input {border-radius: 5px;border-color: #d5d5d5;margin-top: 10px;margin-bottom: 20px;padding: 7px;font-weight: 300;width: 100%;}
.filter-dashboard-menu ul.nav-tabs{border-bottom: none;}
.filter-dashboard-menu ul.nav>li>a{padding: 5px 15px;}
.category-chart-select li.dropdown-header{font-size: 14px;color: #000;}
.bootstrap-select.btn-group .dropdown-menu li a.opt{padding-left: 2.25em !important;}
.spread-modal .modal-body label.log-label, .grid-modal .modal-body label.log-label {margin-bottom: 8px;font-weight: 600;background: #eeeeee;text-transform: uppercase;font-size: 14px;padding: 5px;display: block;}
.spread-modal span.poll-choice-label:after{content: '\2713';position: absolute;left: -18px;right: 0;top: -1px;align-items: center;justify-content: center;color: #333333;}
.modal.spread-modal .log-action-media img{height:auto;max-height: 200px;}
.modal.spread-modal .log-action-media video{height: auto;max-height: 350px;}
.modal.spread-modal .edit-delete-dropdown button{color: #5f85ea;background-color: #ffffff;border-color: #5f85ea;padding: 3px 5px;border: none; margin-top: -22px;}
.modal.spread-modal .edit-delete-dropdown button i{font-size: 22px;}
.modal.spread-modal .action-container .shoutout-comments, .modal.spread-modal .action-container label {display: inline-block;}
.modal.spread-modal .modal-dialog {width: 600px;margin: 25px auto;}
.modal.spread-modal .log-action-media video:focus{outline:none !important;}


.modal.spread-modal .edit-delete-dropdown button,.modal.grid-modal .edit-delete-dropdown button{color: #5f85ea;background-color: #ffffff;border-color: #5f85ea;padding: 3px 5px;border: none; margin-top: 4px;}
.modal.spread-modal .edit-delete-dropdown button i,.modal.grid-modal .edit-delete-dropdown button i{font-size: 22px;}
.modal.spread-modal .action-container .shoutout-comments, .modal.spread-modal .action-container label, .modal.grid-modal .action-container .shoutout-comments, .modal.grid-modal .action-container label {display: inline-block;cursor: pointer;}
.modal.spread-modal .modal-dialog,.modal.grid-modal .modal-dialog {width: 1050px;margin: 25px auto;}
.modal.spread-modal .log-action-media video:focus,.modal.grid-modal .log-action-media video:focus{outline:none !important;}
.modal.spread-modal .chain-section-logs label,.modal.grid-modal .chain-section-logs label {width: 100%;}
.modal.spread-modal .deleteconfirmModal .modal-digrid-modalalog,.modal.grid-modal .deleteconfirmModal .modal-dialog{width: 375px;margin: 30px auto;}
.spread-modal .deleteconfirmModal .modal-header,.grid-modal .deleteconfirmModal .modal-header{padding: 5px 15px;color: #FFFFFF;background: rgb(233, 140, 111);border-bottom: none;}
.spread-modal .deleteconfirmModal .modal-header .close,.grid-modal .deleteconfirmModal .modal-header .close{color: #ffffff;opacity: .5;background: transparent;height: 25px;width: 25px;font-size: 20px;margin-top: -2px;margin-right: -9px;line-height: 20px;}
.spread-modal .viewactionlogs .actionName-profile{display:none;}
.spread-modal .task-time{padding-left: 2px;}
.spread-modal .log-label .icon-img, .spread-modal .media-label .icon-img, .spread-modal .actionlog-hours .icon-img{margin-top: 0px;vertical-align: top;}
.spread-modal .todo_list{margin:0;}
.spread-modal .customized_ckeck{cursor: pointer;}
.spread-modal .log-poll{padding-left: 46px;}
.spread-modal .log-action-remarks{padding-left: 34px;}
.spread-modal .log-action-media{padding-left: 36px;}
.spread-modal ul.response-status-inital{padding-left: 16px;}
.spread-modal .modal-body .log-label .icon-img{height: 18px;margin-top: 3px;vertical-align: top;}
.spread-modal .editactionlogs .task-selected-users, .grid-modal .editactionlogs .task-selected-users{padding-left: 0;}
.spread-modal .btn-group.bootstrap-select.taskowner-users-list,.grid-modal .btn-group.bootstrap-select.taskowner-users-list,.spread-modal .btn-group.bootstrap-select.taskowner-circles-list,.grid-modal .btn-group.bootstrap-select.taskowner-circles-list{display:none;width: 190px;height: 32px;}
.spread-modal .btn-group.bootstrap-select.taskowner-users-list button,.grid-modal .btn-group.bootstrap-select.taskowner-users-list button,.spread-modal .btn-group.bootstrap-select.taskowner-circles-list button,.grid-modal .btn-group.bootstrap-select.taskowner-circles-list button{height: 32px;border-color: #e4e4e4 !important;background: #f2f2f2;}
.spread-modal .log-main-section .create-category-btn .user-name, .spread-modal .log-main-section .create-category-btn .circle-name,.grid-modal .log-main-section .create-category-btn .user-name, .grid-modal .log-main-section .create-category-btn .circle-name{width: auto;padding-right: 5px;}
.spread-modal .loader-modal-container{display:none;}
.spread-modal .task-status,.spread-modal .task-weightage{display:none;}
.spread-modal .todo_element_checkbox .task-history-dropdown{display:inline-block;}
.actionsmodal .spread-modal .modal-header{padding: 0;border: none;}
.actionsmodal .spread-modal button.close{color: #ffffff;background: #4CAF50;opacity: 1;border-radius: 50%;height: 45px;width: 45px;font-size: 28px;margin-top: 0;margin-right: -6px;text-shadow: none !important;line-height: 15px;}
.actionsmodal .spread-modal .element_title{border-left: none;}
.actionsmodal .modal .task-profile img{height: 20px;width: 20px;object-fit: cover;border-radius: 4px;}
.actionsmodal .viewactionlogs .completion-date {min-width: 140px;}
.actionsmodal .activity-block {position: relative;padding: 0 0 0 10px;min-height: 75px;}
.actionsmodal .activity-block .thumb-img {width: 95px;height: 75px;display: none;}
.actionsmodal .journy-image{height: 75px;}
.playbook-details-div .activity-info h3{color: #6489EB;font-weight: 600;margin: 0 0 5px;}
.playbook-details-div .activity-info a{text-decoration:none !important;}
.dashboard-empty-reports img {height: 425px;display: block;margin: 0 auto;max-width: 100%;}
.viewFilter-date img{height: 15px;display: inline-block;position: relative;top: -1px;opacity: 0.6;}
.viewFilter-date p{display: inline-block;margin-bottom: 5px;font-size: 12px;color: #333333;margin-left: 5px;}
.dashboard-empty-reports{margin-top: 45px}
.dashboard-empty-tasks,.dashboard-empty-mentions,.dashboard-empty-comments{margin-top: 0;display: none;}
.dashboard-empty-tasks img,.dashboard-empty-mentions img,.dashboard-empty-comments img{height: 150px;display: block;margin: 0 auto;margin-top: 0;}
.dashboard-empty-reports div,.dashboard-empty-tasks div,.dashboard-empty-mentions div,.dashboard-empty-comments div{font-weight: 500;font-size: 18px;margin-top: 16px;}
.actionsmodal .log-main-section{margin-bottom: 15px;}
.actionsmodal .actionlog-remarks, .actionsmodal .actionlog-checkbox,.actionsmodal .actionlog-media,.actionsmodal .actionlog-hours,.actionsmodal .log-action-hours,.actionsmodal .action-shoutout,.actionsmodal .actionlog-rating,.actionsmodal .actionlog-poll,.actionsmodal .actionlog-quantity,.actionsmodal .actionlog-shoutout {padding: 5px 0;background: #ffffff;}
.actionsmodal .gridder-list.shoutout-item {width: auto;border-radius: 20px;padding: 5px;}
.actionsmodal .start-date-section:first-of-type .log-date-header {color: #333333;font-size: 14px;font-weight: 600;text-transform: uppercase;background: #f2f2f2;}
.actionsmodal .gridder-list.shoutout-item img {height: 25px !important;width: 25px;display: inline-block;border-radius: 50%;object-fit: cover;}
.actionsmodal .gridder-list.shoutout-item .img-description-detail {position: relative;display: inline-block;width: auto;color: #000000;bottom: 0;font-weight: 300;top: -3px;text-align: center;padding: 0 2px;line-height: 14px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.actionsmodal .gridder-list.shoutout-item .circle-count {font-size: 12px;font-weight: 300;top: 20px;color: #000000;width: 100px;bottom: 0;left: 13px;position: absolute;text-align: center;padding: 0 2px;line-height: 14px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;right: 0;}
.actionsmodal .log-main-section .user-list-option {width: auto;margin: 2px 2px;display: inline-block;background: #ffffff;}
.actionsmodal .create-category-btn {border: 1px solid #e4e4e4;border-radius: 25px;padding: 1px 3px 1px 1px;}
.spread-modal .modal-body .shoutout-users .img-check, .grid-modal .modal-body .shoutout-users .img-check {height: 25px;width: 25px;    margin: 0 2px 0 0;border-radius: 50%;object-fit: cover;padding: 0;display: inline-block;}
.spread-modal .log-main-section .create-category-btn .user-name, .spread-modal .log-main-section .create-category-btn .circle-name{    width: auto;padding-right: 5px;font-weight: 400;}
.actionsmodal .create-category-btn {border: 1px solid #cccccc;border-radius: 25px;    padding: 1px 3px 1px 1px;}
.actionsmodal .gridder-list.shoutout-item .img-description {display: none;}
/*.actionsmodal .todo_list ul li{background: #f9f9f9;}*/
.actionsmodal .start-date-section,.actionsmodal .single-date-section{display: inline-block;margin-right: 25px;}
.actionsmodal .log-action-quantity{padding-left: 30px;}
.actionsmodal .log-date-year{display: block;color: #40AC48;font-size: 15px;margin-bottom: 1px;}
.actionsmodal .log-action-name{font-weight: 700;font-size: 18px;margin-bottom: 20px;margin-top: 0;}
.spread-modal span.poll-choice-label:after {content: '\2713';position: absolute;left: -18px;right: 0;top: -1px;align-items: center;justify-content: center;color: #333333;}
.spread-modal .poll-choice-label {color: #000000;font-weight: 300;font-size: 14px;position: relative;}
.actionsmodal .spread-modal .loader-modal-container{display: none;}
.actionsmodal .view-all-actions,.actionsmodal .view-less-actions{display:none;}
.actionsmodal .log-action-type,.actionsmodal .shoutout-users,.actionsmodal .shoutout-circles{padding-left: 30px;}
.actionsmodal .poll_choice_img{display: none;height: 35px;width: 35px;border-radius: 8px;margin-right: 3px;margin-left: -15px;object-fit: cover;}
.task-left i.fa-flag{margin-right: 15px;margin-left: 5px;font-size: 20px;color: #f8f8f8;position: relative;top: 3px;}
.actionsmodal .circle-list{padding-left: 0;}
.users-superapp-page .mytasks-section .mytasks-ul .actionsmodal .todo_element_checkbox {width: 17%;}
.users-superapp-page .mytasks-section .actionsmodal .todo_element{padding: 0 0 1px 0;width: 78%;}
.users-superapp-page .mytasks-section .actionsmodal .task-left{width: 50%;}
.users-superapp-page .mytasks-section .actionsmodal .list-title-heading{width: 23%;margin-right: 8px;padding-left: 0;}
.users-superapp-page .mytasks-section .actionsmodal .list-completed-heading{width: 15%;}
.actionsmodal .shoutout-circle-header{display:none;}
.actionsmodal .gridder-list.shoutout-item:first-of-type{margin-left: 0;}
.comments-action{display: inline-block;margin: 3px 0 3px 25px;font-weight: 500;}
.comments-action span{color: #928d8d;cursor:pointer;}
.comments-action span i{border-radius: 50%;text-align: center;cursor: pointer;font-size: 24px;position: relative;top: 2px;}
.write-comment img{height: 38px;width: 38px;border-radius: 50%;vertical-align: middle;}
.write-comment textarea{background: #f4f4f4;border-radius: 50px;vertical-align: middle;resize: none;border: 1px solid #e4e4e4;height: 37px;padding: 7px 60px 7px 38px;margin-left: 0;width: 100%;max-width: 100%;border-color: transparent;}
.write-comment textarea:focus{outline: none !important;}
.write-comment{margin: 0 0 5px;background: #ffffff;padding: 8px 5px 5px;position: relative}
.comments-list img{height: 35px;width: 35px;border-radius: 50%;vertical-align: middle;object-fit: cover;}
.comments-list:last-of-type{border-bottom: none !important;}
.comments-text{display: block;padding-bottom: 1px;}
.comments-list-text{margin-left: 5px;display: inline-block;width: 90%;vertical-align: middle;}
.comments-like{cursor: pointer;}
.comments-like.active i, .comments-like.active span{color: #297cbd;}
.comments-like i{color: #9f9d9d;font-size: 14px;}
.comments-like span{color: #908f8f;font-size: 13px;margin-left: 1px;}
.comments-text .comment-user-name{color: #000;font-weight: 600;}
.comments-like:hover i{color: #297cbd;}
.comments-like:hover span{color: #297cbd;}
.comments-body{margin: 0 -15px;padding: 0 10px;background: #ffffff;}
.comments-section{margin: 0 -15px;padding: 0 15px;}
.fstMultipleMode.fstActive .fstResults{position: relative;}
.users-legend-column{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.comment-date{color: #999999;font-size: 13px;}
.actionsmodal .comment-date i{margin-right: 5px;position: relative;top: -1px;font-size: 12px;}
.actionsmodal .comments-text .comments{max-width: 100%;word-break: break-word;}
.achievement-points{border: none !important;}
.actionsmodal .delete-comment{color: #9f9d9d;font-size: 14px;margin-left: 45px;cursor: pointer;}
.actionsmodal .delete-comment i{font-size: 12px;}
.actionsmodal .delete-comment:hover{color: #297cbd;}
.bootstrap-select .dropdown-toggle:focus{outline:none !important;}
.chart-title-category{color: #4b4b4b;padding: 3px 0 !important;border-radius: 3px;cursor: pointer;top: -65px;right: 10px;font-weight: 500;font-size: 18px;}
.bootstrap-select.category-chart-select{   margin-right: 112px; }
.actionsmodal .write-new-comment {display: inline-block;padding: 5px 0 0 0;color: #9E9E9E;cursor: pointer;font-weight: 300;}
.users-superapp-page .right-content .card h3.chart-title{font-size: 16px;font-weight: 700;color: #6489EB;}
.chart-title-separator{font-weight: 700;padding: 0 2px;float:left;display: inline-block;}
.actionsmodal .write-new-comment a.comment-link{display: inline-block;color: #9E9E9E;cursor: pointer;font-weight: 300;}
.spread-modal .modal-body .write-comment img{height: 30px;width: 30px;border-radius: 50%;vertical-align: middle;object-fit: cover;position: absolute;left: 8px;top: 12px;}
.spread-modal .modal-body .post-comment-btn{background: transparent;border: none;color: #4CAF50;padding: 0;width: auto;font-size: 16px;position: absolute;right: 18px;top: 14px;}
.actionsmodal .like-comment-achievement{justify-content: space-between;}
.actionsmodal .logs.achievement-points{padding: 0;color: #4caf50;font-weight: 300;margin: 3px 0 3px 0 !important;}
.actionsmodal .logs.achievement-points i{background: #4CAF50 !important;}
.actionsmodal .write-new-comment i {font-size: 18px;margin-right: 2px;}
.actionsmodal .logs-like i {color: #ffffff;cursor: pointer;font-size: 15px;position: relative;top: 0;background: #606770;height: 22px;width: 22px;text-align: center;border-radius: 50%;line-height: 22px;}
.actionsmodal .logs-like span {color: #908f8f;margin-left: 1px;font-weight: 500;font-size: 12px;}
.actionsmodal .comments-text .comment-user-name {color: #297cbd;font-weight: 500;font-size: 13px;}
.actionsmodal .comments-list {padding: 2px 5px;border-bottom: 3px solid #ffffff;background: #ffffff;}
.actionsmodal .delete-comment i {font-size: 12px;}
.actionsmodal .comment-date i {margin-right: 5px;position: relative;top: -1px;font-size: 12px;}
.actionsmodal .comment-date {color: #999999;font-size: 12px;}
.actionsmodal .comments-text{display: inline-block;padding-bottom: 1px;clear: both;background: #f2f2f2;border-radius: 20px;padding: 5px 10px;width: 100%;}
.actionsmodal .delete-comment {color: #9f9d9d;font-size: 12px;margin-left: 25px;cursor: pointer;}
.actionsmodal .like-comment-achievement {display: block;border-top: 1px solid #e4e4e4;display: flex;justify-content: space-between;}
.actionsmodal .social-media-actions {border-top: 1px solid #e4e4e4;margin-top: 10px;}
.comments-action span {color: #333333;font-size: 13px;cursor: pointer;font-weight: 500;}
.mentionlog .poll-list ul li:first-of-type{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;max-width: 100%;display: inline-block;max-height: 20px;}
.broadcast-text {padding: 0 5px;background: #2f9f49;color: #fff;border-radius: 5px;font-size: 12px;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {text-align: left !important;height: auto !important;}
.actionsmodal .modal-body{padding: 15px 40px;}
.dropdown-colorselector>.dropdown-menu>li {display: block;float: left;width: 20px;height: 20px;margin: 2px;}
.dropdown-colorselector>.dropdown-menu>li>.color-btn {display: block;width: 20px;height: 20px;margin: 0;padding: 0;border-radius: 0;position: relative;-webkit-transition: all ease 0.1s;transition: all ease 0.1s;}
.todo_element_checkbox .dropdown-colorselector ul.dropdown-menu {padding: 4px;left: -75px;min-width: 130px;margin-top: 4px;max-width: 130px;}
.dropdown-menu.dropdown-caret:before {border-bottom: 7px solid rgba(0, 0, 0, 0.2);border-left: 7px solid transparent;border-right: 7px solid transparent;content: "";display: inline-block;left: 9px;position: absolute;top: -7px;}
.dropdown-colorselector.open {margin-bottom: 30px;display: inline-block !important;}
.dropdown-menu.dropdown-caret:after {border-bottom: 6px solid #FFFFFF;border-left: 6px solid transparent;border-right: 6px solid transparent;content: "";display: inline-block;left: 10px;position: absolute;top: -6px;}
.dropdown.dropdown-colorselector,.mytasks-filter-dropdown{display: inline-block;}
.my-mentions-each{cursor: pointer;}
.mytasks-filter-dropdown{margin-right: 25px;}
.mytasks-filter-dropdown button.dropdown-toggle{padding: 0 2px;background: transparent;}
.users-superapp-page .mytasks-section  .task-status-box .mytasks-filter-dropdown input[type="checkbox"] + label{margin-right: 0;padding-right: 0;}
.mytasks-filter-dropdown .dropdown-menu a.dropdown-item{display: block;color: #333333;margin-bottom: 10px;margin-top: 5px;}
.mytasks-filter-dropdown .dropdown-menu{max-width: 190px;left: -17px;margin-top: 9px;border-radius: 5px;padding: 6px;}
.mytasks-filter-dropdown .dropdown-menu:after{left: 154px;}
.mytasks-filter-dropdown .dropdown-menu:before {left: 156px;}
.mytasks-filter-dropdown .dropdown-menu label{margin-bottom: 10px;}
.todo_element .tooltip.fade,.mymention-profile .tooltip.fade{position: fixed;z-index: 99999;}
.classic-view{position: absolute;top: 56px;right: 5px;font-weight: 500;background: #6489EB;color: #ffffff;padding: 3px 10px;border-radius: 5px;}
.mention-remarks img{height: 25px;width: auto;object-fit: cover;}
.rating-list li{display: inline-block;margin: 3px;cursor: pointer;filter:grayscale(100%);-webkit-filter:grayscale(100%);}
.rating-list{padding: 0;list-style: none;margin: 0 auto;display: block;text-align: center;background: #f1f2f4;padding: 15px;}
.rating-list-label{display: none;font-weight: 500;text-align: center;background: #f1f2f4;padding-bottom: 15px;font-size: 15px;}
.rating-list li:hover,.rating-list li.selected{filter:grayscale(0);-webkit-filter:grayscale(0);}
*::-ms-backdrop,.rating-list li img{height: 40px !important;}
.rating-list .rating-star-hover,.rating-list .rating-star-click{filter:grayscale(0);-webkit-filter:grayscale(0);}
.rating-list-view ul {display:inline-block; }
.rating-list-view li{display: inline-block;margin: 3px;cursor: pointer;filter:grayscale(100%);-webkit-filter:grayscale(100%);}
.rating-list-view{padding: 0;list-style: none;margin: 0 auto;display: block;text-align: left;background: #f1f2f4;padding: 15px;}
.rating-list-label{display: none;font-weight: 500;text-align: center;background: #f1f2f4;padding-bottom: 15px;font-size: 15px;}
.rating-list-view li.selected{filter:grayscale(0);-webkit-filter:grayscale(0);}
.rating-list-view li img{height: 40px;}
.apps-more-less{background: #ffffff;height: 90px;display: inline-block;position: relative;top: 0;vertical-align: top;text-align: center;border-radius: 8px;}
.apps-less-more{display:none;background: #ffffff;height: 90px;display: inline-block;position: relative;top: 0;vertical-align: top;text-align: center;border-radius: 8px;}
.users-superapp-page .mentionlog .start-date-section:nth-of-type(n+2) {display: none;}
.users-superapp-page .completion-date{
    min-width: 21%;
}
.users-superapp-page .mytasks-section .task-selected-users {
    max-width: 13%;
}
.users-superapp-page .mytasks-section .mytasks-ul .todo_element_checkbox {
    width: 8%;
}
.users-superapp-page .mytasks-section div.taskselected-users{
    width: 100%;
}
.users-superapp-page .mytasks-section .task-selected-users {
    max-width: 15%;
    display: inline-block;
    min-width: 15%;
}
.menu-subtitle.menu_playbook{
    color: #57cd5c;
    font-size: 14px;
    background: #f0f4fa;
    display: inline-block;
    padding: 1px 15px;
    border-radius: 16px;
    margin-top: 3px;
}
.menu-subtitle.menu_app{
    color: #2196f3;
    font-size: 14px;
    background: #f0f4fa;
    display: inline-block;
    padding: 1px 15px;
    border-radius: 16px;
    margin-top: 3px;
}
.mytasks-preloader-section img{
    height: 240px;
}
.mymentions-preloader-section img{
    height: 190px;
    margin: 20px 0 30px;
}
.mycomments-preloader-section img{
    height: 175px;
    margin-bottom: 30px;
    margin-top: 15px;
}
.mycomments-preloader-section{
    display: none;
}
.mytasks-ltext{
    font-size: 24px;
    color: #1dad1d;
    margin-bottom: 25px;
    padding-top: 35px;
    font-weight: 500;
}
.mytasks-ltext span{
    color: #ef8d41;
    font-weight: 500;
}
.mytasks-ntext{
    font-size: 15px;
}
.btn-load-mytasks{
    margin-top: 25px;
    background-color: #3b82f4;
    border-color: #3b82f4;
    font-size: 17px;
    border-radius: 10px;
    width: 175px;
    padding: 8px;
}
.mymentions-ltext{
    font-size: 24px;
    color: #28a58c;
    margin-bottom: 2px;
    padding-top: 35px;
    font-weight: 500;
}
.mymentions-ltext span{
    color: #b60967;
    font-weight: 500;
}
.btn-load-mymentions{
    margin-top: 25px;
    background-color: #14ba99;
    border-color: #14ba99;
    font-size: 17px;
    border-radius: 10px;
    width: 175px;
    padding: 8px;
    margin-bottom: 25px;
}
.btn-load-mymentions:hover{
    background-color: #0f9479;
    border-color: #0f9479;
}
.mycomments-ltext{
    font-size: 22px;
    color: #2196f3;
    margin-bottom: 25px;
    padding-top: 35px;
    font-weight: 500;
}
.mycomments-ltext span{
    color: #fd5c7e;
    font-weight: 500;
}
.btn-load-mycomments{
    margin-top: 25px;
    font-size: 16px;
    border-radius: 10px;
    width: 180px;
    padding: 8px;
    margin-bottom: 25px;
}
.mytasks-preloading{
    background: #ffffff;
    border-radius: 10px;
    min-height: 479px;
    display: none;
}
.mymentions-preloading{
    min-height: 350px;
    background: #ffffff;
    border-radius: 10px;
    margin-left: 14px;
    margin-top: 15px;
    display: none;
}
.dashboard-empty-tasks span.no-data-found,.dashboard-empty-mentions span.no-data-found,.dashboard-empty-comments span.no-data-found{
    padding-top: 100px;
    margin-top: 0;
    display: block;
}
.dashboard-empty-mentions{
    background: #ffffff;
}
.mymentions-content{
    padding-left: 10px;
    max-height: 395px;
    overflow: auto;
}
.myconversations-preloading .spinner-text{
    display: block;
    padding: 0 30px;
}
.myconversations-preloading{
    display: none;
}
.no-tasks-first{
    position: relative;
}
.no-tasks-first img{
    height: 410px;
    margin-top: 11px;

}
.stamp {
    transform: rotate(12deg);
    color: #555;
    font-size: 3rem;
    font-weight: 700;
    border: 0.25rem solid #555;
    display: inline-block;
    padding: 0.5rem 2rem;
    text-transform: uppercase;
    border-radius: 1rem;
    font-family: 'Courier';
    -webkit-mask-image: url('../images/mask.png');
    -webkit-mask-size: 944px 604px;
    mix-blend-mode: multiply;
}
.is-nope {
    position: absolute;
    left: 0;
    right: 0;
    top: 39%;
    width: 380px;
    text-align: center;
    margin: 0 auto;
    color: #D23;
    border: 0.7rem double #D23;
    transform: rotate(0deg);
    -webkit-mask-position: 2rem 3rem;
    font-size: 30px;
    line-height: 32px;
}
.no-mentions-first img,.no-comments-first img{
    height:330px;
}
.no-mentions-first .is-nope{
    color: #333333;
    border: 0.7rem double #333333;
    width: 450px;
    top: 37%;
}
.no-mentions-first{
    position: relative;
}
.no-comments-first .is-nope{
    color: #c27612;
    border: 0.7rem double #c27612;
    width: 295px;
    top: 23%;
}
.no-reports-first .is-nope{
    color: #2196f3;
    border: 0.7rem double #2196f3;
    top: 32%;
}
.no-reports-first{
    position: relative;
}
.dashboard-empty-tasks{
    min-height: 469px;
    padding-top: 10px;
}
.task-explore,.mentions-explore,.comments-explore,.reports-explore{
    position: absolute;
    top: 57%;
    text-align: center;
    margin: 0 auto;
    display: block;
    left: 0;
    right: 0;
}
.task-explore a{
    color: #ffffff;
    font-size: 16px;
    background: #c96127;
    padding: 10px 50px;
    border-radius: 20px;
}
.task-explore i,.mentions-explore i,.comments-explore i{margin-left: 10px;}
.task-explore a:hover{background: #9f4a1b;}
.no-comments-first{
    padding-bottom: 27px;
    padding-top: 10px;
    position: relative;
}
.mentions-explore a{
    color: #ffffff;
    font-size: 16px;
    background: #5d6ff1;
    padding: 10px 50px;
    border-radius: 20px;
}
.mentions-explore a:hover{
    background: #3a4bcb;
}
.mentions-explore{
    top:60%;
}
.comments-explore a{
    color: #ffffff;
    font-size: 16px;
    background: #fbbd31;
    padding: 10px 50px;
    border-radius: 20px;
}
.comments-explore a:hover{
    background: #d39e28;
}
.reports-explore{
    margin-top: 0 !important;
    top: 53%;
}
.reports-explore a{
    color: #ffffff;
    font-size: 16px;
    background: #5d6ff1;
    padding: 10px 50px;
    border-radius: 20px;
}
.reports-explore a:hover{
    background: #3a4bcb;
}
.engapp-actions img{
    height: 18px;
    margin-right: 3px;
    vertical-align: middle;
    position: relative;
    top: -2px;
    
}
.engapp-actions{
    font-size: 14px;
    color: #2196f3;
    margin-right: 10px;
}
.engapp-actions span,.engapp-users span{
    font-weight: 700;
}
.engapp-users img{
    height: 22px;
    margin-right: 3px;
    vertical-align: middle;
    position: relative;
    top: -2px;
}
.engapp-users{
    font-size: 14px;
    color: #52b448;
}
.actions-participants{
    padding-top: 5px;
}
.home-date-range{
    font-size: 14px;
}
.charts-home-section .bootstrap-select.btn-group .dropdown-menu{
    max-width: 400px;
}
.bootstrap-select.btn-group .dropdown-menu li a span.text{
    max-width: 100%;
}