.main,body{background: #fbfbfb;height: 100%;}
.center-main-page{padding: 10px 0 20px;border-radius: 4px;background: #fbfbfb;min-height: 300px;}
.no-padding{padding: 0;}
.no-margin{margin: 0!important;}
.user-profile-image{border: 1px solid #e4e4e4;background: #ffffff;border-radius: 5px;}
.user-profile-image img{max-width: 100%;padding: 5px;height: 185px;width: 100%;object-fit: cover;}
.profile-user-name{font-weight: 700;font-size: 16px;text-align:center;color: #333333;}
.profile-settings-list ul{list-style: none;margin: 0;padding: 0;}
.profile-settings-list{border: 1px solid #e4e4e4;background: #ffffff;margin-top: 15px;padding: 10px 0;border-radius: 5px;}
.profile-settings-list ul li{padding: 7px 15px;}
.profile-settings-list ul li a{color: #565656;font-size: 14px;font-weight: 700;}
.achievement-details{background-image: url(/images/achivment_bg.jpg);background-size: cover;background-position: right;background-repeat: no-repeat;margin-top: 15px;border-radius: 5px;}
.achievement-details div{color: #ffffff;padding: 4px 0;}
.achievement-details-section img.icon{height: 75px;margin-bottom: 15px;}
.achv-icon{height: 40px;width: 40px;border-radius: 50%;position: absolute;bottom: 15px;right: 40px;border: 2px solid #eeeeee;}
.relative-icon{position: relative;}
.achievement-details-section{padding: 15px 0;}
.newsfeed-center{padding: 15px 0 0;background: #ffffff;border: 1px solid #eeeeee;border-radius: 6px;box-shadow: 0 0 7px rgba(151, 148, 148, 0.3) !important;-webkit-box-shadow: 0 0 7px rgba(151, 148, 148, 0.3) !important;overflow:hidden;}
.trending-newsfeed-details .trending-icon{display: inline-block;vertical-align: middle;padding-left: 10px;}
.trending-newsfeed-details .trending-icon img{margin-right: 5px;}
.trending-newsfeed-details .journy-name-details{display: inline-block;vertical-align: middle;width: 62%;}
.journy-name-details span:first-of-type{font-size: 14px;line-height: 18px;}
.journy-name-details span:last-of-type{color: #565656;}
.journy-description{padding: 15px 10px 0;font-size: 15px;font-weight: 400;}
.journy-image{max-width: 100%;height: 150px;width: 100%;object-fit: cover;}
.trending-tag{color: #ffffff;background: #ED038A;padding: 5px 20px;position: absolute;left: 0;top: 50%;}
.trending-journy{position: relative;margin-top: 15px;}
.leaderboard-icon{height: 133px;float: right;width: 155px;}
.trending-leaderboard{padding: 0 10px;margin: 10px 0 5px;}
.leaderboard-ranks img.icon-img{height: 50px;width:50px;border-radius: 50%;object-fit: cover;text-align: center;margin: 0 auto;display: block;border: 1px solid #f6f6f6;}
.leaderboard-ranks .rank-icon{display: inline-block;width:33%;position: relative;text-align: center;}
.leaderboard-ranks{display: block;width: 100%;}
.col-green{color: #3FAD4A;}
.leaderboard-ranks .header,.action-logs-newsfeed .header{font-size: 16px;font-weight: 700;margin-bottom: 5px;}
.leaderboard-ranks .rank-img{height: 30px;display: inline-block;vertical-align: middle;margin-right: 0;position: absolute;right: 30%;}
.col-blue{color:#45A6D9;}
.users-logged-img img{height: 40px;width:40px;border-radius: 50%;object-fit: cover;margin-left: -15px;border: 2px solid #ffffff;}
.users-logged-img img:first-of-type{margin-left: 0;}
.users-logged-list{display: inline-block;vertical-align: middle;margin-left: 5px;}
.users-logged-img{display: inline-block;}
.image__cell {
    float: left;
    position: relative;
    margin:5px;
}
.basic__img {
    display: block;
    max-width: 100%;
    height: 80px;
    margin: 0 auto;
    padding: 0;
    width: 100%;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    object-fit: cover;
}
.image__cell .image--basic {
    border-radius: 5px;
    cursor: pointer;border: 1px solid #eeeeee;
}
@media only screen and (max-width: 530px) {
    .image__cell {
        width: 50%;
    }
    .image__cell:nth-of-type(2n+3) {
        clear:left;
    }
}
@media only screen and (min-width: 531px) {
    .image__cell {
        width: 46%;
    }
}
.users-leaderboard{margin-bottom: 20px;}
.image--expand:after{display: table;clear: both;content: ' ';}
.campaign-details-info{padding: 5px 8px;clear: both;background: #ffffff;border-radius: 5px;min-height: 65px;}
.campaign-name-detail{color: #333333;font-weight: 700;font-size: 16px;line-height: 18px;padding-top: 5px;min-height: 45px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.posted-by{font-size: 12px;color: #565656;padding: 10px 0 2px;}
.img-shadow {background: #ffffff;position: relative;max-width: 100%;float: left;}    
.img-shadow::before {content: "";position: absolute;top: 0;bottom: 0;left: 0;right: 0;box-shadow: inset 0 -7px 25px rgba(236, 236, 236, 0.6);-moz-box-shadow: inset 0 -7px 25px rgba(236, 236, 236, 0.6);-webkit-box-shadow: inset 0 -7px 25px rgba(236, 236, 236, 0.6);}  
.img-shadow img {float: left;}
.clear{clear: both;}
.no-padding-left{padding-left: 0;}
.all-journyz .header,.trending-journyz .header,.my-journyz .header{font-size: 17px;font-weight: 700;margin-bottom: 1px;}
.view-all{color: #00BCD4;font-weight: 700;text-decoration: underline;cursor: pointer;}
.all-journyz:after,.trending-journyz:after,.my-journyz:after{display: table;content: " ";clear: both;}
.my-journyz{margin-top: 25px;}
.act-now-btn{float: right;text-align: center;border: 1px solid #E91E63;display: block;margin: 0 auto;font-size: 15px;border-radius: 5px;display: inline-block;vertical-align: bottom;text-decoration: none;color: #ffffff;font-weight: 500;background: #E91E63;padding: 3px 15px;}
.act-now-btn:hover{text-decoration: none;color: #E91E63;border: 1px solid #E91E63;background:#ffffff;}
.journy-logs-text{display: inline-block;font-size: 14px;}
.journy-logs-text .logcount{display: inline-block;margin-right: 2px;font-size: 14px;}
.newsfeed-center{margin-bottom: 20px;}
.newsfeed-center:first-of-type{margin-top: 0;}
.widget-circle{background-color: #ED145B;}
.dashboard-widgets {margin-top: 15px;cursor: pointer;color: #ffffff;border-radius: 5px;position: relative;background-image: url(../images/bg.png);background-position: center;background-size: 100%;background-repeat: no-repeat;}
.dashboard-widgets img {height: 45px;margin-top: 12px;}
.widget-title {color: #ffffff;font-size: 16px;padding-left: 10px;text-decoration: none !important;}
.dashboard-widgets div:first-of-type{margin-top: 5px;}
.widget-details-count{font-size: 16px;padding: 10px 10px 0;margin-top: 20px !important;font-weight: 700;color: #ffffff;}
.widget-drive {background-color: #5F85EA;}
.widget-project {background-color: #55bc5d;}
.widget-title:hover{color: #ffffff;}
.actions-icon-widget {background: #fc4b19;}
.widget-project img{height: 50px;}
.escore-icon-widget {background: #f7b634;margin-right: 10px;}
.icon-widget img {height: 60px;border-radius: 5px;}
.icon-widget{width:48%;display: inline-block;padding-top: 20px;border-radius: 5px;}
.icon-widget .pull-left div:first-of-type {color: #ffffff;font-size: 18px;}
.icon-widget .pull-left div:last-of-type {color: #ffffff;font-size: 16px;font-weight: 700;max-width: 80px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.icon-widget .pull-left {margin-top: 15px;padding-left: 10px;}
.points-icon-widget {background: #4abdac;margin-right: 10px;}
.levels-icon-widget {background: #318fcf;}
.new-tag{color: #ffffff;background: #8bc34a;padding: 5px 20px;position: absolute;left: 0;top: 35%;}
.new-journy{position: relative;}
.expires-journy img{height: 175px;width: 100%;max-width: 100%;}
.expires-soon:after{display: table;clear: both;content: ' ';}
.expires-soon{background: #006DB0;}
.expires-img img{max-width: 100%;margin-top: 71px;}
.expires-journy-name{padding-left: 10px;color: #ffffff;font-size: 18px;padding-top: 10px;font-weight: 700;}
.journy-exp-text{color: #ffffff;font-size: 16px;padding-left: 10px;margin-top: 10px;margin-bottom: 10px;}
.coming-soon-tag{color: #ffffff;background: #8bc34a;padding: 5px 20px;position: absolute;right: 0;top: 20%;}
.ends-soon-tag{color: #ffffff;background: #046eb4;padding: 5px 20px;position: absolute;right: 0;top: 20%;}
.countdown-coming img,.countdown-ends img{text-align: center;margin: 0 auto;display: block;}
.countdown-coming{position: absolute;bottom: 0;}
.user-details-widget{background: #ffffff;padding: 10px;border: 1px solid #e4e4e4;border-radius: 5px;margin-top: 15px;}
.user-details-widget div span:first-of-type{font-weight: 700;display: inline-block;margin-right: 5px;}
.user-details-widget div span:last-of-type{font-weight: 700;}
.user-details-widget div{padding: 5px 0;}
.col-actions{color: #fc4b19;}
.col-escore{color: orange;}
.col-points{color: #4abdac;}
.col-level{color: #318fcf;}
.countdown-ends{position: absolute;bottom: 0;}
.timer{ position: absolute;bottom: 0;   background: #046eb4;
    width: 240px;}
.days {
  font-size: 25px;
  color: #ffffff;
  display: inline-block;
      width: 56px;
    text-align: center;
}
.hours {
  font-size: 25px;
  color: #ffffff;
  display: inline-block;
      width: 56px;
    text-align: center;
}
.minutes {
  font-size: 25px;
  color: #ffffff;
  display: inline-block;
      width: 56px;
    text-align: center;
}
.seconds {
  font-size: 25px;
  color: #ffffff;
  display: inline-block;
      width: 56px;
    text-align: center;
}
.days span:last-of-type{display: block;font-size: 16px;text-transform: uppercase;padding-bottom: 3px;}
.hours span:last-of-type{display: block;font-size: 16px;text-transform: uppercase;padding-bottom: 3px;}
.minutes span:last-of-type{display: block;font-size: 16px;text-transform: uppercase;padding-bottom: 3px;}
.seconds span:last-of-type{display: block;font-size: 16px;text-transform: uppercase;padding-bottom: 3px;}
.trending-icon img{background: #5f85ea;border-radius: 50%;height: 45px;width: 45px;padding: 3px;}
.dashboard-widgets a:after{display: table;clear: both;content: ' ';}
.widget-title:hover,.dashboard-widgets:hover .widget-title{text-decoration: none !important;}
a:hover{text-decoration: none !important;}
/*.newsfeed-left,.right-side-content{ position: sticky;top: 95px;align-self: flex-start;}*/
.newsfeed-content{margin-bottom: 15px;}
.achievement-section img{object-fit: cover;height: 70px;max-width: 100%;border-radius: 50%;padding: 2px;margin: 0 auto;display:inline-block;width: 70px;border: 2px solid #e4e4e4;}
.achievement-section {background-image: url(/images/achivment_bg2.jpg);background-size: cover;background-position: top;background-repeat: no-repeat;margin-bottom: 15px;padding: 15px;box-shadow: 0 0 6px #aaaaaa;-webkit-box-shadow: 0 0 6px #aaaaaa;}
.achievement-section span.icon{margin: 0 20px;font-size: 16px;}
.achieved-details span:first-of-type{margin-right: 3px;}
.achieved-details{font-weight: 700;padding-top: 9px;font-size: 15px;padding-bottom: 2px;}
.newsfeed-achievements{clear: both;}
.widget-top.escore-main{background: #ffffff;margin-bottom: 15px;padding-top: 15px;border: 1px solid #e4e4e4;}
.escore-list-view{transition: all 0.5s ease;color: #ffffff;font-size: 14px;border-bottom: 1px solid #03A9F4;cursor: pointer;width: 95px;display: inline-block;background: #03A9F4;padding: 4px 8px 4px;text-align: center;}
.escore-list-view i,.escore-chart-view i{margin-right: 2px;}
.escore-chart-view{transition: all 0.5s ease;color: #ffffff;font-size: 14px;border-bottom: 1px solid #03A9F4;cursor: pointer;background: #03A9F4;padding: 5px 8px;width: 95px;}
.user-chart-view{display: none;}
.app-proj-header span.pull-left{color: #03A9F4;font-weight: 700;font-size: 16px;}
.app-proj-header:after{content: ' ';clear: both;display: table;}
.app-proj-header{padding-bottom: 10px;padding-left: 10px;}
.escore-graph{padding-left: 5px;}
.badge{background-color: #03a9f4;margin-left: 5px;font-weight: 500;}
.journy-logs-text{font-weight: 700;color: #4CAF50 !important;font-size: 14px;display: inline-block;line-height: 15px;padding: 3px 0;}
.journy-logs-text .logcount{color: #4CAF50 !important;}
.journy-name-details .journy-logs-text:last-of-type{color: #00BCD4;font-weight: 700;font-size: 15px;}
.journy-name-details .journy-logs-text:last-of-type .unreadlogcount{color: #00BCD4;display:inline-block;}
.pending-userCount{color: #2196F3;text-decoration: underline;cursor: pointer;}
.user-section img{display:inline-block;height: 50px;width: 50px;display: inline-block;vertical-align: middle;margin-right: 15px;padding: 3px;object-fit: cover;}
.user-section .user-name-section{display:inline-block;vertical-align: middle;}
.user-section .user-name-section span{display: block;}
.user-section:first-of-type{padding-top: 0;}
.user-section:last-of-type .user-name-section{padding-bottom: 10px;border-bottom: none;}
.user-name-section span:first-of-type{font-size: 15px;}
.user-name-section span:last-of-type{color: #777474;}
.user-name-section{border-bottom: 1px solid #e9ebee;display: inline-block;width: 75%;padding: 12px 0;}
.newsfeed-section{padding: 0;}
.journy-unread{color: #ffffff !important;background: #F44336;padding: 0 10px;border-radius: 5px;margin-left: 5px;line-height: 22px;}
.unreadlogcount{color: #ffffff !important;display: inline-block !important;}
.journy-name-details span.journy-name{display: block;font-size: 15px;}
.lds-roller {margin: 0 auto;display: block;position: relative;width: 64px;height: 64px;}
.lds-roller div {animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;transform-origin: 32px 32px;}
.lds-roller div:after {content: " ";display: block;position: absolute;width: 6px;height: 6px;border-radius: 50%;background: #fff;margin: -3px 0 0 -3px;}
.lds-roller div:nth-child(1) {animation-delay: -0.036s;}
.lds-roller div:nth-child(1):after {top: 50px;left: 50px;background: #008FB2;}
.lds-roller div:nth-child(2) {animation-delay: -0.072s;}
.lds-roller div:nth-child(2):after {top: 54px;left: 45px;background: #00a3cc;}
.lds-roller div:nth-child(3) {animation-delay: -0.108s;}
.lds-roller div:nth-child(3):after {
  top: 57px;
  left: 39px;
  background: #009B9E;
}
.lds-roller div:nth-child(4) {
  animation-delay: -0.144s;
}
.lds-roller div:nth-child(4):after {
  top: 58px;
  left: 32px;
  background: #00A77D;
}
.lds-roller div:nth-child(5) {
  animation-delay: -0.18s;
}
.lds-roller div:nth-child(5):after {
  top: 57px;
  left: 25px;
  background: #00cc99;
}
.lds-roller div:nth-child(6) {
  animation-delay: -0.216s;
}
.lds-roller div:nth-child(6):after {
  top: 54px;
  left: 19px;
  background: #00B247;
}
.lds-roller div:nth-child(7) {
  animation-delay: -0.252s;
}
.lds-roller div:nth-child(7):after {
  top: 50px;
  left: 14px;
  background: #5AB027;
}
.lds-roller div:nth-child(8) {
  animation-delay: -0.288s;
}
.lds-roller div:nth-child(8):after {
  top: 45px;
  left: 10px;
  background: #A0B61E;
}
@keyframes lds-roller {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.loader-text{color: #4CAF50;font-size: 18px;margin-top: 5px;}
.trending-loader{display:none;}
.newsfeed-section,.trending-journyz,.my-journyz{position: relative;}
.trending-loader{position: absolute;top: 30%;left: 0;right: 0;}
.activities-loader{top: 30%;left: 0;right: 0;}
.newsfeed-section{min-height: 300px;}
.trending-loader .loading-section span {display: inline-block;vertical-align: middle;width: .6em;height: .6em;margin: .19em;background: #4443b8;border-radius: .6em;animation: loadinglogs 1s infinite alternate;}
.trending-loader .loading-section span:nth-of-type(2) {background: #0000cd;animation-delay: 0.1s;}
.trending-loader .loading-section span:nth-of-type(3) {background: #1560bd;animation-delay: 0.2s;}
.trending-loader .loading-section span:nth-of-type(4) {background: #0073cf;animation-delay: 0.3s;}
.trending-loader .loading-section span:nth-of-type(5) {background: #0892d0;animation-delay: 0.5s;}
.trending-loader .loading-section span:nth-of-type(6) {background: #21abcd;animation-delay: 0.7s;}
.trending-loader .loading-section span:nth-of-type(7) {background: #00ccff;animation-delay: 0.9s;}
.trending-loader .loading-section span:nth-of-type(8) {background: #c5e384;animation-delay: 1.1s;}
.trending-loader .loading-section span:nth-of-type(9) {background: #dde26a;animation-delay: 1.3s;}
.trending-loader .loading-section span:nth-of-type(10) {background: #bdda57;animation-delay: 1.4s;}
.trending-loader .loading-section span:nth-of-type(11) {background: #8fd400;animation-delay: 1.6s;}
.trending-loader .loading-section span:nth-of-type(12) {background: #7db802;animation-delay: 1.8s;}
.trending-loader .loading-section span:nth-of-type(13) {background: #8bbe1b;animation-delay: 2.0s;}
.trending-loader .loading-section span:nth-of-type(14) {background: #03c03c;animation-delay: 2.2s;}

.activities-loader .loading-section span {display: inline-block;vertical-align: middle;width: .6em;height: .6em;margin: .19em;background: #007DB6;border-radius: .6em;animation: loadinglogs 1s infinite alternate;}
.activities-loader .loading-section span:nth-of-type(2) {background: #008FB2;animation-delay: 0.1s;}
.activities-loader .loading-section span:nth-of-type(3) {background: #00a3cc;animation-delay: 0.2s;}
.activities-loader .loading-section span:nth-of-type(4) {background: #009B9E;animation-delay: 0.4s;}
.activities-loader .loading-section span:nth-of-type(5) {background: #00A77D;animation-delay: 0.6s;}
.activities-loader .loading-section span:nth-of-type(6) {background: #00cc99;animation-delay: 0.8s;}
.activities-loader .loading-section span:nth-of-type(7) {background: #00B247;animation-delay: 1.0s;}
.activities-loader .loading-section span:nth-of-type(8) {background: #5AB027;animation-delay: 1.2s;}
.activities-loader .loading-section span:nth-of-type(9) {background: #A0B61E;animation-delay: 1.4s;}
.activities-loader .loading-section span:nth-of-type(10) {background: #c0db24;animation-delay: 1.6s;}
.activities-loader .loading-section span:nth-of-type(11) {background: #00cc99;animation-delay: 1.8s;}
.activities-loader .loading-section span:nth-of-type(12) {background: #00B247;animation-delay: 2s;}
.activities-loader .loading-section span:nth-of-type(13) {background: #5AB027;animation-delay: 2.2s;}
.activities-loader .loading-section span:nth-of-type(14) {background: #A0B61E;animation-delay: 2.4s;}

.loading-section span:nth-of-type(15) {background: #228b22;animation-delay: 2.4s;}
.loading-section span:nth-of-type(15) {background: #2e8b57;animation-delay: 2.6s;}
.loading-section{position: absolute;top: 30%;text-align: center;width: 100%;}
.loading-section h2{font-size: 18px;text-transform: capitalize;padding-bottom: 0;margin-bottom: 0;color: #333;display: block;}
@keyframes loadinglogs {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.main-loader{min-height: 650px;background: #fff;}
.trending-journyz{clear: both;min-height: 185px;}
.journyz-loader-main,.myjournyz-loader-main{background: #ffffff;box-shadow: 0 0 10px #aaaaaa;-webkit-box-shadow: 0 0 10px #aaaaaa;min-height: 200px;}
.journy-last-active{color: #999999;font-size: 14px;line-height: 16px;}
.last-active-date{font-size: 12px !important;color: #999999 !important;}
#userListModal .modal-body{max-height: 400px;overflow: auto;}
#userListModal .modal-body::-webkit-scrollbar{width: 8px;height:8px !important;}
#userListModal .modal-body::-webkit-scrollbar-track{background: #f1f1f1;}
#userListModal .modal-body::-webkit-scrollbar-thumb{background: #bbbbbb;}
#userListModal .modal-body::-webkit-scrollbar-thumb:hover{background: #777777;}
#userListModal .modal-body:-webkit-scrollbar-track-piece{height: 10px;}
.achievement-section .act-now-btn{width: 170px;float: none;margin-top: 15px;color: #ffffff;text-decoration: none;}
.achievement-section .act-now-btn:hover{text-decoration: none;}
.trending-journyz, .my-journyz{background: #ffffff;padding: 10px;}
.container-preloader,.container-preloader-build {position: relative;min-height: 50vh;}
.loader {
	height: 15px;
	width: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 37%;
	right: 0;
	margin: auto;
}
.loader--dot {
	animation-name: loader;
	animation-timing-function: ease-in-out;
	animation-duration: 3s;
	animation-iteration-count: infinite;
	height: 20px;
	width: 20px;
	border-radius: 100%;
	background-color: black;
	position: absolute;
	border: 2px solid white;
}
.loader--dot:first-child {
	background-color: #8cc759;
	animation-delay: 0.5s;
}
.loader--dot:nth-child(2) {
	background-color: #8c6daf;
	animation-delay: 0.4s;
}
.loader--dot:nth-child(3) {
	background-color: #ef5d74;
	animation-delay: 0.3s;
}
.loader--dot:nth-child(4) {
	background-color: #f9a74b;
	animation-delay: 0.2s;
}
.loader--dot:nth-child(5) {
	background-color: #60beeb;
	animation-delay: 0.1s;
}
.loader--dot:nth-child(6) {
	background-color: #fbef5a;
	animation-delay: 0s;
}
.loader--text,.loader--build--text {position: absolute;top: 200%;left: 0;right: 0;width: auto;margin: auto;font-size: 22px;color: #4CAF50;}
.loader--text:after {content: "Setting up your organization";font-weight: bold;animation-name: loading-text;animation-duration: 3s;animation-iteration-count: infinite;}
.loader--build--text:after {content: "Building your journyz";font-weight: bold;animation-name: loading-text-build;animation-duration: 3s;animation-iteration-count: infinite;}
@keyframes loader {
	15% {
		transform: translateX(0);
	}

	45% {
		transform: translateX(230px);
	}

	65% {
		transform: translateX(230px);
	}

	95% {
		transform: translateX(0);
	}
}

@keyframes loading-text {
	0% {
		content: "Setting up your organization";
	}

	10% {
		content: "Setting up your organization .";
	}

	20% {
		content: "Setting up your organization . .";
	}

	30% {
		content: "Setting up your organization . . .";
	}
        40% {
		content: "Setting up your organization . . . .";
	}
        50% {
		content: "Setting up your organization . . . . .";
	}
        60% {
		content: "Setting up your organization . . . . . .";
	}
        70% {
		content: "Setting up your organization . . . . . . .";
	}
}
@keyframes loading-text-build {
	0% {
		content: "Building your journyz";
	}

	10% {
		content: "Building your journyz .";
	}

	20% {
		content: "Building your journyz . .";
	}

	30% {
		content: "Building your journyz . . .";
	}
        40% {
		content: "Building your journyz . . . .";
	}
        50% {
		content: "Building your journyz . . . . .";
	}
        60% {
		content: "Building your journyz . . . . . .";
	}
        70% {
		content: "Building your journyz . . . . . . .";
	}
}
.tooltip-help i{color: #999999;margin-left: 5px;cursor: pointer;font-size: 16px;}
.dashboard-widgets .tooltip-help i{position: relative;top: 2px;right: 4px;}
.welcome-to-download{background: #ffffff;padding: 60px;margin-bottom: 25px;height: 100vh;position: relative;top: -10px;padding-top: 80px;}
.proceed-to-user-btn{margin: 0 auto 0;text-align: center;display: block;border-radius: 0;font-size: 16px;width: 220px;float: right;position: relative;top: -45px;}
.welcome-to-download .disp-inline{display: inline-block;vertical-align: middle;}
.proceed-to-user-btn i{font-size: 18px;line-height: 18px;margin-left: 5px;}
.form-register ul {display: flex;display: -webkit-flex;justify-content: center;-o-justify-content: center;-ms-justify-content: center;-moz-justify-content: center;-webkit-justify-content: center;list-style: none;padding-left: 0;}
.form-register li,.form-register li.current {outline: none;-o-outline: none;-ms-outline: none;-moz-outline: none;-webkit-outline: none;position: relative;padding-bottom: 3px;padding-right: 63px;}
.form-register li:last-child {padding-right: 0;}
.form-register li .current-info {display: none;}
.form-register  li::before {position: absolute;content: "";background: #e5e5e5;width: 175px;height: 6px;top: 20%;left: 41%;}
.form-register li:last-child::before {content: none;}
.form-register li a {text-decoration: none;outline: none;-o-outline: none;-ms-outline: none;-moz-outline: none;-webkit-outline: none;}
.form-register li a .title {text-align: center;}
.form-register li a .title span {display: block;font-size: 16px;}
.form-register li a .title .step-icon { 
    width: 35px;
    height: 35px;
    border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    background: #ccc;
    margin: 0 auto;
    position: relative;
    outline: none;
    -o-outline: none;
    -ms-outline: none;
    -moz-outline: none;
    -webkit-outline: none;
    color: #fff;    font-size: 16px;
    font-weight: 700;line-height: 33px;
}
.form-register li a .step-icon i {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}
.form-register  li.current a .step-icon,
.form-register  li.current a:active .step-icon,
.form-register  .done::before,
.form-register  li.done a .step-icon,
.form-register  li.done a:active .step-icon {
    background: #6eba2a;
}
.form-register  li.current a .step-icon,
.form-register  li.current a:active .step-icon {
	box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);
	-o-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);
}
.form-register  li a .step-number {
	color: #666;
	font-weight: 400;
    padding: 17px 0 8px;
}
.form-register  li a .step-text {
	color: #333;
	font-weight: 600;
	padding-bottom: 8px;
        padding-top: 5px;line-height: 16px;font-size: 14px !important;
}
.form-register .content {
	background: #359bfa;
	border-radius: 5px;
	-o-border-radius: 5px;
    -ms-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 32px 115px 23px 75px;
}
.form-register .content h2 {
	display: none;
}
.inner .form-row {
    display: flex;
    margin: 0 -13px;
    position: relative;
}
.inner .form-row.form-row-2 {
	width: 80.6%;
}
.inner .form-row .form-holder {
    width: 50%;
    padding: 0 13px;
    margin-bottom: 22px;
    position: relative;
}
.inner .form-row .form-holder.form-holder-2 {
	width: 100%;
	position: relative;
}
.inner .form-row .form-holder.form-holder-3 {
    width: 100%;
}
.inner .form-row .form-holder label {
	font-size: 16px;
	font-weight: 500;
	color: #fff;
	padding-bottom: 11px;
	display: block;
}
.inner .form-row .form-holder input,
.inner .form-row .form-holder select {width: 100%;padding: 13px 25px;border: none;background: #2f8be0;border-radius: 5px;-o-border-radius: 5px;-ms-border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;appearance: unset;-moz-appearance: unset;-webkit-appearance: unset;-o-appearance: unset;-ms-appearance: unset;outline: none;-moz-outline: none;-webkit-outline: none;-o-outline: none;-ms-outline: none;font-family: 'Raleway', sans-serif;font-size: 16px;color: #fff;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;}
.inner .form-row .form-holder input::placeholder {color: rgba(255,255,255,0.6);font-size: 15px;}
.inner .form-row .form-holder input:-ms-input-placeholder {color: rgba(255,255,255,0.6);font-size: 15px;}
.inner .form-row .form-holder input::-ms-input-placeholder {color: rgba(255,255,255,0.6);font-size: 15px;}
.inner .form-row .form-holder select {background: #2f8be0 url('../images/wizard_v2_icon.png') no-repeat scroll;background-position: right 16px center;z-index: 1;cursor: pointer;color: rgba(255,255,255,0.6);position: relative;}
.inner .form-row .form-holder select option {background: #fff;color: #000;}
.inner .form-row .form-holder.form-holder-2 .select-btn {top: 27%;right: 6.5%;}
.inner .form-row .form-holder .ui-datepicker-trigger {background: transparent;border: none;color: #666;font-size: 19px;position: absolute;cursor: pointer;right: 10.5%;top: 27.5%;outline: none;-o-outline: none;-ms-outline: none;-moz-outline: none;-webkit-outline: none;}
.inner h3 {font-size: 16px;font-weight: 600;color: #fff;margin: 0 0 11px;}
.inner .form-row.table-responsive {border: none;border-radius: 5px;-o-border-radius: 5px;-ms-border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;padding: 24px 26px 31px;margin:  0;margin-bottom: 22px;background: #2f8be0;}
.inner .table-responsive .table {width: 100%;}
.inner .table-responsive tbody {text-align: left;}
.inner .table-responsive tr.space-row > td,.inner .table-responsive tr.space-row > th {padding-bottom: 18px;}
.inner .table-responsive tbody th {color: rgba(255,255,255,0.6);font-size: 16px;font-weight: 400;}
.inner .table-responsive tbody td {color: #fff;font-size: 16px;font-weight: 400;}
.actions ul {list-style: none;padding-left: 0;margin: 15px 0 0;display: flex;display: -webkit-flex;justify-content: space-between;-o-justify-content: space-between;-ms-justify-content: space-between;-moz-justify-content: space-between;-webkit-justify-content: space-between;}
.actions ul li.disabled {opacity: 0;}
.actions ul li {
	padding: 0;
    border: none;
    border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.19);
    -o-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.19);
    -ms-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.19);
    -moz-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.19);
    -webkit-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.19);
    display: inline-flex;
    height: 50px;
    width: 50px;
    justify-content: center;
    -o-justify-content: center;
    -ms-justify-content: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -o-align-items: center;
    -ms-align-items: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    background: #6eba2a;
    font-family: 'Raleway', sans-serif;
    font-size: 16px;
    font-weight: 400;
    cursor: pointer;
}
.actions ul li:hover {background: #5fa125;}
.actions ul li:first-child {background: transparent;border-radius: 0;-o-border-radius: 0;-ms-border-radius: 0;-moz-border-radius: 0;-webkit-border-radius: 0;box-shadow: none;-o-box-shadow: none;-ms-box-shadow: none;-moz-box-shadow: none;-webkit-box-shadow: none;}
.actions ul li a {color: #fff;text-decoration: none;padding: 15px 20px;}
.actions ul li:first-child a {color: #666;}
.actions ul li a i {font-size: 18px;}

/* Responsive */
@media screen and (max-width: 1199px) {
	.wizard-v1-content {
		margin: 180px 20px;
	}
	.form-register .content {
	    padding: 32px 75px 23px 75px;
	}
}
@media screen and (max-width: 575px) {
	.wizard-v1-content .wizard-form {
	    padding: 40px 20px;
	    width: auto;
	}
	.form-register .content {
	    padding: 32px 30px 23px 30px;
	}
	.form-register  li, .form-register  li.current {
		padding-right: 5px;
	}
	.form-register  li::before {
		width: 65px;
		top: 15%;
    	left: 70%;
	}
	.form-register  li.current::after {
		left: 28%;
	}	
}
@media screen and (max-width: 767px){
    .body.content {padding-top: 115px;}
    .newsfeed-left,.right-side-content{display: none;}
    .newsfeed-section{padding: 0;}
    .act-now-btn{width: auto;float: right;}
}
.step-icon{line-height: 44px;}
.change-create-pwd{padding-bottom: 10px !important;}
.col-green-step{color:#6eba2a !important;}
.form-register .current::before{background:#6eba2a;}
.second .title .step-icon,.second a{background:#6eba2a !important;}
.welcome-to-download .form-register{margin-bottom: 50px !important;}
#appVersionModal .modal-header{border: none;padding-bottom: 0;}
#appVersionModal .modal-body p{font-size: 17px;}
.newsfeed-section .tooltip-help{position: absolute;right: 0;}
.dashboard-widgets .tooltip-help i{color: #ffffff;}
.confidential-img{margin-left: 5px;text-align: center;color: #ffffff !important;border: 1px solid #F8AE81;padding: 1px 10px 2px;border-radius: 2px;margin-bottom: 12px;background: #F8AE81;margin-top: 2px;line-height: 26px;}
.journy-act-now{display: inline-block;width: 25%;vertical-align: middle;padding-right: 10px;}
.rank-prof-img{display: inline-block;vertical-align: middle;text-align: center;}
.user-points-leaderboard .col-black{clear: both;font-size: 14px;font-weight: 700;display: block;margin-top: 5px;color: #585858;}
.action-points-section{clear: both;font-size: 14px;}
/*.action-points-section i.fa-newspaper-o{color: #999999;font-size: 14px;margin-right: 0px;}*/
.action-points-section .col-red{color: #4CAF50;font-size: 14px;}
/*.action-points-section i.fa-trophy{color:#999999;font-size: 16px;margin-left: 5px;}*/
.action-points-section .col-violet{color: #5f85ea;font-size: 14px;}
.action-logs-newsfeed .user-img-points img{height: 50px;width: 50px;border-radius: 50%;object-fit: cover;display: inline-block;vertical-align: middle;}
.action-logs-newsfeed .user-log-view{display: inline-block;font-size: 15px;margin-left: 5px;vertical-align: middle;}
.action-logs-newsfeed .user-log-view span{display: block;}
.action-logs-newsfeed .user-log-comment{font-weight: 700;font-size: 15px;}
.logs-like,.comments-action,.achievement-points {display: inline-block;color: #999999;}
.logs-like i,.comments-action i{color: #fff;cursor: pointer;font-size: 15px;height: 25px;width: 25px;text-align: center;border-radius: 50%;line-height: 25px;}
/*.logs-like i{color: #ffffff;background: #606770;}*/
.logs-like.active i{ color: #03a9f4}
.logs-like.active span{color: #03a9f4}
.like-comment-achievement{margin-bottom: 15px;padding: 5px 0;}
.like-comment-userslist{height: 35px;padding:7px;}
.like-comment-userslist .logs-like{text-align: left;}
.comments-action.active i{background: #8bc34a}
.comments-action.active span{color: #8bc34a}
/*.comments-action i{background: #606770;color: #ffffff;}*/
.achievement-points i{color: #ffffff;background: #fee828;border-radius: 50%;margin-right: 3px;font-size: 12px;height: 22px;width: 22px;line-height: 22px;text-align: center;}
.users-logged{padding: 10px;margin-bottom: 10px;background: #fbfbfb;}
.action-logs-newsfeed{padding: 15px 10px 5px;}
/*.action-log-level{margin-top: 25px;}*/
.rank-icon .rank-prof-img:last-of-type{margin-left: 2px;}
.circle-leaderboard .rank-prof-img{text-align: center;}
.act-now-btn:hover,.act-now-btn:active,.act-now-btn:focus{color: #E91E63 !important;background: #ffffff;}
span.action-header,span.actionname{display: inline-block !important;font-size: 14px;margin-bottom: 1px;}
span.actionname{margin-left:3px;}
.action-time{color: #999999;font-size: 12px;}
.comment-desc{font-size: 14px;color: #565656;margin: 10px 0;}
.upload-image img{border-radius: 0 !important;height: 200px !important;width: auto !important;object-fit: inherit !important;}
.upload-video video{border-radius: 0 !important;height: 200px !important;width: auto !important;object-fit: inherit !important;}
.circle-leaderboard .header{font-size: 15px !important;}
.action-rank{margin-right: 20px;}
.leading-user{margin:10px 0 20px;}
.ranking-leading-details{display: inline-block;vertical-align: middle;margin-left: 5px;}
.summary-section .summary-icons-section:nth-of-type(1){color: #55bc5d;}
.summary-section .summary-icons-section:nth-of-type(2){color:#00BCD4;margin-left: 40px;}
.summary-icons-section img{display: inline-block;vertical-align: middle;width: 45px;height: 45px;margin-right: 5px;}
.summary-info{display: inline-block;vertical-align: middle;margin-left: 5px;text-align: left;}
.summary-icons-section{border-right: 1px solid #e4e4e4;width: 145px;display: inline-block;}
.summary-icons-section:nth-child(2){border-right: none !important;}
.summary-info span{display: block;font-size: 15px;}
.summary-info span:first-of-type{font-weight: 700;font-size: 22px;line-height: 22px;}
.summary-info.summary-activities span:first-of-type,.summary-info.summary-activities span:last-of-type{color: #7395ec;}
.summary-info.summary-users span:first-of-type,.summary-info.summary-users span:last-of-type{color: #4db159;}
.summary-info.summary-likes span:first-of-type,.summary-info.summary-likes span:last-of-type{color: #d03972;}
.summary-info.summary-comments span:first-of-type,.summary-info.summary-comments span:last-of-type{color: #f2d047;}
.trending-summary:after,.summary-each-section:after,.summary-section:after{display: table;clear: both;content: ' ';}
.trending-summary{margin:15px 15px 10px;}
.trending-summary .header{margin-bottom: 15px;font-size: 17px;font-weight: 700;}
.summary-details{clear: both;}
.summary-action-details .summary-action-icon:first-of-type{margin-right: 40px;}
.summary-action-icon img{height: 30px;margin-right: 3px;}
.summary-action-icon span{font-size: 15px;}
.summary-action-icon .activity-count{color: #e40064;font-size: 17px;font-weight: 700;margin-right: 3px;}
.summary-action-icon .user-count{color: #3bab47;font-size: 17px;font-weight: 700;margin-right: 3px;}
.summary-each-section{margin:15px 0;}
.summary-main-action,.sub-actions-list{border: 1px solid #e4e4e4;border-radius: 5px;padding: 10px;background: #fff;}
.summary-header{padding-bottom: 10px;font-size: 18px;}
.sub-actions-list .activity-count{font-size: 18px;font-weight: 700;}
.sub-actions-list img{height:20px;margin-right: 8px;}
.sub-actions-template.cloned{margin-bottom: 10px;}
.sub-actions-list .action-name{color:green;font-size: 14px;vertical-align: middle;}
.journy-reports .leftside{display: inline-block;width:45px;float: left;}
.journy-reports .leftside img{height: 38px;width: 38px;border-radius: 50%;vertical-align: middle;margin-top: 10px;}
.journy-reports .side {float: left;margin-top: 19px;text-align: left;padding-right: 10px;font-size: 15px;min-width: 20%;position: relative;top: 5px;}
.journy-reports .middle {margin-top:10px;float: left;width: 65%;}
.journy-reports .left{text-align: left !important;padding-left: 10px;width: 10% !important;}
.journy-reports .row:after {content: "";display: table;clear: both;}
.journy-reports .bar-container {width: 100%;background-color: #f1f1f1;text-align: center;color: white;}
.journy-reports .bar-5 {width: 60%; height: 7px; background-color: #4CAF50;}
.journy-reports .bar-4 {width: 30%; height: 7px; background-color: #2196F3;}
.journy-reports .bar-3 {width: 10%; height: 7px; background-color: #00bcd4;}
.journy-reports .bar-2 {width: 4%; height:7px; background-color: #ff9800;}
.journy-reports .bar-1 {width: 15%; height: 7px; background-color: #f44336;}
.journy-reports .poll-log{clear: both;} 
.rating-report-icon img{height: 12px;}
.sub-actions-list:after,.ratepoll-actions:after{content: ' ';display: table;clear: both;}
.upload-image{margin-top: 15px;}
.viewmore a{text-decoration: underline;color: #03A9F4;font-size: 14px;}
.viewmore a i{margin-left: 2px;}
.viewmore a:hover{text-decoration: underline !important;color: #337ab7;}
.points-action-count{display: block;}
.comments-action a{color: #999999;}
.action-points-section .points-action-count:first-of-type{color: #4CAF50;}
.action-points-section .points-action-count:last-of-type{color: #5f85ea;}
.comments-action .comment-count{margin-right: 3px;}
.recent-actionlog .action-log-level.cloned:first-of-type{margin-top: 5px;}
.leading-text{font-size: 15px;margin-top: 10px;}
.leaderboard-ranks .header{color: #585858;}
.leading-user.cloned .points-action-count{display: inline-block}
.leading-user.cloned .points-action-count:first-of-type{color: #4CAF50;}
.response-status-list .category-list-option {border: 1px solid #e4e4e4;border-radius: 20px;padding: 3px 5px;background: #ffffff;}
.status-user-count {
    float: left;
    font-weight: 700;
    font-size: 13px;
    color: #999999;
    cursor: pointer;
    position: relative;
    top: 1px;
    margin-right: 5px;
}
.response-status-list .category-list-option label {
    width: 80%;
    margin-bottom: 0;
    text-align: left;
    font-weight: 300;
    cursor: pointer;
    font-size: 13px;
}
.status-user-count i {
    font-size: 12px;
    position: relative;
    top: -1px;
    margin-right: 0px;
    font-weight: 700;
}
.response-status-list .category-list-option .create-categ-radio input[type="radio"],.response-status-list .category-list-option .create-categ-radio input[type="checkbox"]  {
    display: none;
}
.response-status-select {
    padding: 5px 5px 5px;
    background: #fbfbfb;
    border-radius: 3px;
    margin-bottom: 5px;
}
.response-status-select .category-list-option.check {
    border: 1px solid #139DEB;
}
.view-more-response, .view-less-response {
    color: #2196F3;
    display: inline-block;
    margin-right: 10px;
    text-decoration: underline;
    margin-top: 10px;
    cursor: pointer;
    float: right;
}
.response-status-list .category-input {
    height: auto;
}
.response-status-select .select-category {
    width: 28% !important;
        display: inline-block;
    margin-right: 5px;
}
.response-status-min:after{display: table;clear: both;content: ' ';}
.response-status-min{display: none;}
.category-list-option {
    text-align: center;
    width: 100%;
    margin: 4px 0;
}
.response-status-select .header{font-size: 14px;}
#userStatusModal .modal-body{padding: 10px 15px;}
.user-name-section{border-bottom: 1px solid #e9ebee;display: inline-block;width: 75%;padding: 12px 0;}
#userStatusModal .modal-header span i{color: #ffffff;background: #2196F3;padding: 5px 7px;border-radius: 50%;margin-right: 2px;}
#userStatusModal .modal-header span{color: #2196F3;font-weight: 700;font-size: 14px;border-bottom: 2px solid;padding-bottom: 17px;padding-left: 5px;padding-right: 5px;}
#userStatusModal .modal-body{max-height: 400px;overflow: auto;}
#userStatusModal .modal-body::-webkit-scrollbar {width: 7px !important;}
#userStatusModal .modal-body::-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; }
#userStatusModal .modal-body::-webkit-scrollbar-thumb{border-radius: 5px !important;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5) !important;}
#userStatusModal .modal-body::-webkit-scrollbar-track-piece{height: 10px;}
#userStatusModal .modal-dialog{width: 350px;}
#userStatusModal .modal-content{border-radius: 3px;}
.check .check-option{right: 7px;top: 13px;color: #139deb;}
#userStatusModal .loader-container-details{text-align:center;}
@keyframes loadinglogs {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.loader-container-details .loadinglogs span,.loader-container .loadinglogs span {display: inline-block;vertical-align: middle;width: .6em;height: .6em;margin: .19em;background: #007DB6;border-radius: .6em;animation: loadinglogs 1s infinite alternate;}
.loader-container-details .loadinglogs span:nth-of-type(2),.loader-container .loadinglogs span:nth-of-type(2) {background: #008FB2;animation-delay: 0.2s;}
.loader-container-details .loadinglogs span:nth-of-type(3),.loader-container .loadinglogs span:nth-of-type(3) {background: #00a3cc;animation-delay: 0.4s;}
.loader-container-details .loadinglogs span:nth-of-type(4),.loader-container .loadinglogs span:nth-of-type(4) {background: #009B9E;animation-delay: 0.6s;}
.loader-container-details .loadinglogs span:nth-of-type(5),.loader-container .loadinglogs span:nth-of-type(5) {background: #00A77D;animation-delay: 0.8s;}
.loader-container-details .loadinglogs span:nth-of-type(6),.loader-container .loadinglogs span:nth-of-type(6) {background: #00cc99;animation-delay: 1.0s;}
.loader-container-details .loadinglogs span:nth-of-type(7),.loader-container .loadinglogs span:nth-of-type(7) {background: #00B247;animation-delay: 1.2s;}
.loader-container-details .loadinglogs span:nth-of-type(8),.loader-container .loadinglogs span:nth-of-type(8) {background: #5AB027;animation-delay: 1.4s;}
.loader-container-details .loadinglogs span:nth-of-type(9),.loader-container .loadinglogs span:nth-of-type(9) {background: #A0B61E;animation-delay: 1.6s;}
.loader-container-details .loadinglogs span:nth-of-type(10),.loader-container .loadinglogs span:nth-of-type(10) {background: #c0db24;animation-delay: 1.8s;}
.loader-container-details,.loader-container{position: relative;height: 100px;}
.loader-container{text-align: center;margin: 50px 0;}
.loadinglogs h2{font-size: 22px;text-transform: capitalize;padding-bottom: 0;margin-bottom: 0;color: #676767;display: block;margin-right: 12px;padding-left: 10px;}
.response-status-select .create-categ-radio {padding-right: 5px;}
.action-log-level.cloned{max-width: 100%;word-break: break-all;margin-top:25px;margin-bottom:30px;}
.like-comment-achievement{display: flex;flex-direction: row;flex-grow: 1;order: 1;}
.like-comment-achievement .logs{align-items: center;display: flex;justify-content: center;cursor: pointer;margin: 0 10px 0 10px;}
.logs-like .like-button{display: inline-block;line-height: 25px;padding-left: 3px;}
/*...reactions...*/
.facebook-reaction{
  max-width:100%;
  margin:150px auto;
  padding:0 60px;
  position: relative;
}

.like-btn {
  font-weight: bold;
  color: #7f7f7f;
  position: relative;
  cursor: pointer;
  padding: 20px 20px 0 0;
}

.like-btn:hover {
  text-decoration: underline;
}

.like-btn-default {
  background-image: url('../images/facebook.png');
  background-repeat: no-repeat;
  background-size: auto;
  background-position: -277px -446px;
}

.like-btn-emo {
  display: inline-block;
  margin: 0 6px -3px 0;
  width: 16px;
  height: 16px;
}

.reactions-box {
  height: 56px;
  width: auto;
  padding: 10px;
  position: absolute;
  top: -56px;
  left: -10px;
  box-shadow: 1px 1px 2px #cccccc, -1px 0px 2px #eeeeee;
  border-radius: 44px 44px;
  display: none;
  background: #fff;
  white-space: nowrap;
}

.reaction {
  list-style-type: none;
  cursor: pointer;
  display: inline-block;
  width: 38px;
  height: 38px;
  opacity: 0;
  transform: scale(1, 1);
  transition: opacity .5s ease-in-out 1s, transform .07s ease-in-out 0s, top .07s ease-in-out 0s;
  margin-right: 10px;
}
.reaction img{width: 100%}
.logs-like{position: relative;}
.logs-like:hover .reactions-box {
  display: block;
}

/*.reaction:first-child {
  left: 10px;
  transition-delay: 0s;
}

.reaction:nth-child(2) {
  left: 58px;
  transition-delay: .05s;
}

.reaction:nth-child(3) {
  left: 106px;
  transition-delay: .1s;
}

.reaction:nth-child(4) {
  left: 154px;
  transition-delay: .15s;
}

.reaction:nth-child(5) {
  left: 202px;
  transition-delay: .2s;
}

.reaction:nth-child(6) {
  left: 250px;
  transition-delay: .25s;
}*/
.reaction:last-child{
    margin: 0;
}


.logs-like:hover .reaction {
  opacity: 1;
  animation-name: reaction_delay;
  animation-duration: .5s;
}

@keyframes reaction_delay {
  0% {
    width: 48px;
    height: 48px;
    top: 60px;
  }
  48% {
    width: 56px;
    height: 56px;
    top: 5px;
  }	
  100% {
    width: 48px;
    height: 48px;
    top: 8px;
  }
}


.logs-like:hover .reaction-like {
  animation-delay: 0s
}

.logs-like:hover .reaction-love {
  animation-delay: .05s
}

.logs-like:hover .reaction-haha {
  animation-delay: .1s
}

.logs-like:hover .reaction-wow {
  animation-delay: .15s
}

.logs-like:hover .reaction-sad {
  animation-delay: .2s
}

.logs-like:hover .reaction-angry {
  animation-delay: .25s
}

.reaction:hover {
  transform: scale(1.3, 1.3);
  top: 2px
}



.reaction:before {
  display: inline-block;
  color: #ffffff;
  text-align: center;
  line-height: 17px;
  font-size: .7em;
  width: 80%;
  height: 17px;
  margin-left: 10%;
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 20px;
  position: absolute;
  top: -25px;
  opacity: 0;
  transition: opacity .2s ease-in-out 0s;
}

.reaction:hover::before {
  opacity: 1
}

.reaction-like::before {
  content: 'Like'
}

.reaction-love::before {
  content: 'Love'
}

.reaction-haha::before {
  content: 'Haha'
}

.reaction-wow::before {
  content: 'Wow'
}


.reaction-sad::before {
  content: 'Sad'
}

.reaction-angry::before {
  content: 'Angry'
}

.like-stat {
  margin-top: 10px;
}

.like-emo > span{
    display: inline-block;
    margin: 0 -3px -3px 0px;
    width: 16px;
    height: 16px;
    border: 1px solid #EEE;
    border-radius: 50%;

}

.like-details{
  margin-left:10px;
  color:#9197a3;
  font-size:12px;
}
.like-comment-userslist .logs-like{line-height: 20px;padding-right: 10px;}
.like-comment-userslist .comments-action{padding-left: 10px;}
.like-comment-userslist .reaction-count{cursor: pointer;}
.userreactions .reaction-emoji{
    max-height: 20px;
    margin-right: 5px;
}
.reactions-list .response-status-inital li{ display:none;float: left;margin-right: 5px;position: relative;}
.reactions-list .response-status-inital li:first-child,.reactions-list .response-status-inital li:nth-child(2),.reactions-list .response-status-inital li:nth-child(3),.reactions-list .response-status-inital li:nth-child(4){display: block;}
.reactions-list .response-status-inital.showAll li{display: block;}
.reactions-list .response-status-list .category-list-option label{width: auto;}
.reactions-list .view-more-response{margin: 0;position: absolute;right: 0;bottom: 0;}
.body.content {padding-top: 55px;}
.pt-20{padding-top: 20px;}
.newsfeed-right-section{background: #ffffff;}
.wrapper .main,.wrapper .center-main-page {background: #fbfbfb !important;}
.hide-page{display:none}
.activity-datetime{display: block;font-size: 12px;}
.newsfeed-left{padding-left: 30px;}
.row.newsfeed-content{margin-right: 0;margin-left: 0;}
.form-register.preloader-form-section{padding-top: 80px;position: relative;top: -10px;background: #ffffff;}
.mt-30{margin-top: 30px;}


.overlay {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.7);
            z-index: 1;
        }
        .popup {
            display: none;
            position: fixed;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            background-color: #fff;
            padding: 20px;
            box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
            z-index: 2;
        }
        /* Style for the close button */
        .close {
            position: absolute;
            top: 10px;
            right: 10px;
            cursor: pointer;
        }
        @media only screen and (max-width: 767px) {
            .welcome-to-download{
                padding: 15px;
                padding-top: 15px;
            }
            .proceed-to-user-btn{
                top: 0;
                margin: 25px auto 0;
                float: none;
                border-radius: 5px;
                width: 180px;
            }
        }