.fstResultItem:after{content:"\2713 ";color: #ffffff;display: inline-block;margin-right: 5px;text-align: center;font-size: 15px;font-weight: 600;float:left;}
.fstSelected:after {content: "\2713 ";display: inline-block;margin-right: 5px;text-align: center;color: #2694f1;font-size: 15px;font-weight: 600;float:left;}
.fstResultItem.fstSelected,.fstResultItem.fstFocused{color: #2694f1;background-color: transparent;border-color: transparent;}
.bottom-margin{margin-bottom: 70px;}
.fstElement{height: auto !important;padding: 0 !important;}
.fstResultItem,.fstChoiceRemove{font-size: 14px !important;}
.fstChoiceItem{font-size: 14px !important;}
.fstMultipleMode .fstQueryInput{font-size: 15px !important;}
.fstResults{max-height: 180px !important;}
.fstToggleBtn { min-width: 16.5em; }
.submitBtn { display: none; }
.fstMultipleMode { display: block; }
.fstMultipleMode .fstControls {width: 100% !important;background-color: #f9f9f9;}
.invite-header{border-bottom: none !important;margin-bottom: 10px !important;font-size: 20px !important;}
.btn-invite:hover,.btn-invite:focus,.btn-invite:active{background-color:#46A94E;color: #ffffff;outline: none;border-color: #46A94E;}
.invite-friends-section{margin: 0 0 20px;}
.invite-circles-section button.multiselect{width: 100% !important;text-align: left;background-color: #f9f9f9 !important;box-shadow: none;height: 46px;border-radius: 0;font-size: 15px;border-color: #dddddd;}
.invite-circles-section .btn-group{width: 100%;}
.invite-circles-section .multiselect-container>li>a>label{padding: 7px 20px 7px 40px;font-size: 15px;}
.invite-circles-section .multiselect-container{float: none !important;width: 100%;}
.invite-circles-section{clear: both;margin-top: 20px;}
.invite-circles-section:after{content:" ";clear:both;display: table;}
.invite-circles-section .btn .caret{color: #5d5d5d;float: right;position: relative;border-top: 5px dashed;border-right: 5px solid transparent;border-left: 5px solid transparent;}
.invite-circles-section .multiselect-selected-text{color: #5d5d5d;}
.btn-invite-friends{margin-top: 0 !important;margin-bottom: 25px !important;}
.invite-circles-section .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover{color: #2694f1;background-color: transparent;}
.invite-circles-section .btn-group.open .dropdown-toggle{box-shadow: none !important;-webkit-box-shadow:none !important;}
.btn-default.active, .btn-default:active, .open>.dropdown-toggle.btn-default{border-color: #dddddd !important;}
.invite-circles-section button.multiselect{line-height: 0 !important;}
#wrapper{position: relative;}
#total{position:absolute;text-align: center;top: 35%;height:100%;width:100%;font-size: 18px;}
#total-points{font-weight: 600;font-size: 20px;}
.tab-pane:after{content: " ";display: table;clear: both;}
#leaderboard-header{font-size: 18px;font-weight: 600;margin-bottom: 5px;}
#leaderboard-header div{padding-bottom: 2px;border-bottom: 1px solid #e4e4e4;}
.corp-proj-details .nav-tabs{margin-bottom: 0 !important;}
.projects-details-section .tab-content>.active{background: #ffffff;padding: 35px 20px 20px;}
.quantity-list input.form-control{height: 29px;width: 60px;display: inline-block;padding: 5px;position: relative;top: 1px;background: #ffffff;border-radius: 3px;margin-left: 2px;}
.quantity-list{display: inline-block;color: #888888;padding-left: 25px;margin-bottom: 5px;}
.quantity-filter-options{white-space: normal;}
.quantity-list .bootstrap-select button{padding: 4px 10px;border-radius: 3px;}
#leader-board{border: 1px solid #e4e4e4;border-top: none;}
#leaderboard-date{padding-bottom: 10px;}
.canvasjs-chart-credit{display: none;}
.toolTip {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;position: absolute;display: none;width: auto;height: auto;background: none repeat scroll 0 0 white;border: 0 none;border-radius: 8px 8px 8px 8px;box-shadow: -3px 3px 15px #888888;color: black;font: 12px sans-serif;padding: 5px;text-align: center;}
.legend {font-family: "Lato";font-size: 60%;}
text {font: 10px sans-serif;}
.axis text {font: 10px sans-serif;}
.axis path{fill: none;stroke: #000;}
.axis line {fill: none;stroke: #000;shape-rendering: crispEdges;}
.axis .tick line {stroke-width: 1;stroke: rgba(0, 0, 0, 0.2);}
.x.axis path {display: none;}
#action-analytics-board:after{content:" ";display: table;clear: both;}
#action-analytics-board{margin-top: 25px;clear: both;padding-top: 50px;}
.project-desc-right .tab-content-main{position: relative;}
#chartContainer,#chartUserContainer,#userCircleLeaderboard{margin-top: 35px;}
#chartContainer{margin-top: 19px;margin-bottom: 12px;}
#userCircleLeaderboard .progress{margin-bottom: 30px;height: 7px;overflow: visible;position: relative;box-shadow: none;-webkit-box-shadow:none;background-color: #EDEFEE;border-radius: 1px;}
.user-progress{position: absolute;color: #333;left: 0;top: -19px;}
.point-progress{position: absolute;color: #5d5d5d;right: 0;top: -18px;}
.log-action-name{color: #333333;font-weight: 500;font-size: 16px;padding-left: 0;padding-bottom: 5px;cursor: pointer;}
#userCircleLeaderboard .progress:nth-child(1) .progress-bar{background-color: #388BDB !important;}
#userCircleLeaderboard .progress:nth-child(2) .progress-bar{background-color: #EF4B80 !important;}
#userCircleLeaderboard .progress:nth-child(3) .progress-bar{background-color: #08AC4D !important;}
#userCircleLeaderboard .progress:nth-child(4) .progress-bar{background-color: orange !important;}
#userCircleLeaderboard .progress:nth-child(5) .progress-bar{background-color: #62c9c3 !important;}
#userCircleLeaderboard .progress:nth-child(6) .progress-bar{background-color: #f44242 !important;}
#userCircleLeaderboard .progress:nth-child(7) .progress-bar{background-color: #ac93c1 !important;}
#userCircleLeaderboard .progress:nth-child(8) .progress-bar{background-color: #f4e842 !important;}
#userCircleLeaderboard .progress:nth-child(9) .progress-bar{background-color: #69cce0 !important;}
#userCircleLeaderboard .progress:nth-child(10) .progress-bar{background-color: #a7e5b5 !important;}
.chartContainer-legend div:nth-child(1) span:first-of-type{background-color: #388BDB;}
.chartContainer-legend div:nth-child(2) span:first-of-type{background-color: #EF4B80;}
.chartContainer-legend div:nth-child(3) span:first-of-type{background-color: #08AC4D;}
.chartContainer-legend div:nth-child(4) span:first-of-type{background-color: orange;}
.chartContainer-legend div:nth-child(5) span:first-of-type{background-color: #62c9c3;}
.chartContainer-legend div:nth-child(6) span:first-of-type{background-color: #f44242;}
.chartContainer-legend div:nth-child(7) span:first-of-type{background-color: #ac93c1;}
.chartContainer-legend div:nth-child(8) span:first-of-type{background-color: #f4e842;}
.chartContainer-legend div:nth-child(9) span:first-of-type{background-color: #69cce0;}
.chartContainer-legend div:nth-child(10) span:first-of-type{background-color: #a7e5b5;}
.chartContainer-legend div span:last-of-type{font-size: 13px;}
.chartContainer-legend div span:first-of-type{font-size: 13px;display: inline-block;height: 9px;width: 9px;}
.chartContainer-legend div{display: inline-block;width: 48%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.chart-table-view span{cursor: pointer;padding: 5px 10px;border: 1px solid #adadad;color: #333;border-radius: 0;font-size: 13px;}
.chart-table-view{margin-bottom: 0;}
.chart-table-view span:hover{background-color: #e6e6e6;}
.chart-table-view .active{color: #fff;background-color: #40ac49;border-color: #40ac49;}
.chart-table-view .active:hover{color: #fff;background-color: #308238;border-color: #308238;}
.table-preview-body{background: #FFF;padding: 0;box-shadow: 0 0 3px rgba(90,90,90,0.2);}
#table-view #leaderboard-date{margin-bottom: 15px;}
table{table-layout: fixed;margin-bottom: 0 !important;}
#leader-board .table>tbody>tr>td{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
#leader-board table thead tr{background: #40ac49;color: #fff!important;}
#leader-board table thead tr th{font-weight: 400 !important;background: #40ac49;}
#table-view,#chart-view{display: none;}
.chart-table-view span i{margin-right: 5px;}
#details .project-desc {margin-bottom: 35px;max-width: 100%;word-break: break-word;}
.campaign-details .pjt-action-section{padding: 20px 0px;}
.campaign-details .pjt-action-section:first-of-type{padding: 0 0 20px;}
.invite-friends-section .invite-header,.project-header{margin-top: 0;}
.project-camp-details:after{content: " ";display: table;clear: both;}
.project-camp-details{margin-bottom: 45px;}
.achievement-section .badge{position: absolute;top: -8px;background-color: orange;color: #fff !important;font-weight: 700 !important;    display: inline-block !important;}
.chartContainer{margin-top: 20px;position: relative;color: #5d5d5d;font-size: 15px;height: 200px;width: 200px;border-radius: 50%;background: #f9f9f9;}
.chartContainer span{position: absolute;top: 45%;left: 0;right: 0;text-align: center;font-size: 18px;color: #999999;}
.empty-user{height: 200px;width: 100%;background: #f9f9f9;margin-top: 20px;position: relative;}
.empty-user span{position: absolute;top: 45%;left: 0;right: 0;text-align: center;font-size: 18px;color: #999999;}
.new-category-btn{cursor: pointer;font-size: 15px;font-weight: 600;color: #777777;position: relative;top: 5px;right: 10px;}
.img-check{height: 45px;margin: 0 auto;width: 45px;border-radius: 5px;}
.new-category-btn i{margin-right: 5px;font-weight: 300;font-size: 11px;position: relative;top: -1px;}
.user-list-option{width: 31%;margin: 2px 2px;display: inline-block;}
.create-category-btn .img-check,.circle-list-btn .img-check{object-fit: cover;padding: 0;display: inline-block;margin: 0 2px 0 2px;}
.create-org-register em{color: red;font-size: 17px;position: relative;left: -3px;}
input:focus::-webkit-input-placeholder,textarea:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder,textarea:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
input:focus::-moz-placeholder,textarea:focus::-moz-placeholder { color:transparent; } /* FF 19+ */
input:focus:-ms-input-placeholder,textarea:focus:-ms-input-placeholder { color:transparent; }
.create-category-btn,.circle-list-btn{margin-bottom: 0;width: 100%;padding: 3px 3px 3px 0;cursor: pointer;font-size: 13px;font-weight: 400;}
.check-option{display: none;}
.check .check-option{display: inline-block;position: absolute;right: 4px;top: 5px;color: #ffffff;z-index: 999;}
input[type=checkbox] {display: none;}
.create-category-btn.check,.circle-list-btn{background: rgba(231, 235, 246, 1);position: relative;}
.create-category-btn .user-name,.create-category-btn .circle-name,.circle-list-btn .circle-name,.circle-list-btn .user-name{font-size: 14px;vertical-align: top;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 66%;display: inline-block;font-weight: 400;}
.create-category-btn .user-email,.create-category-btn .circle-count,.circle-list-btn .circle-count,.circle-list-btn .user-email{display: block;font-size: 12px;vertical-align: top;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color: #666666;margin-top: 0;font-weight: 300;}
.create-category-btn .circle-count{width: 75px;}
.user-email{display: block;}
.invite-friends-section .tab-content>.active,.invite-circles-section .tab-content>.active{padding: 15px 5px 15px 15px !important;position: relative;}
.custom-search-input .input-group input{background-color: #ffffff;padding: 10px;box-shadow: none;-webkit-box-shadow: none;font-size: 13px;width: 250px;border-radius: 20px;}
.custom-search-input{float: right;display: inline-block;}
.custom-search-input .input-group .input-group-addon{padding: 0;margin: 0;background: #ffffff;border-top-right-radius: 20px;border-bottom-right-radius: 20px;}
.custom-search-input .input-group .input-group-addon button{border: none;background-color: #ffffff;padding: 9px;border-top-right-radius: 20px;border-bottom-right-radius: 20px;}
.btn-invite,.btn-invite-friends {background-color: #46A94E;border: none;color: #FFFFFF;text-align: center;font-size: 18px;padding: 6px 15px;width: 150px;transition: all 0.5s;cursor: pointer;margin-top: 10px;border-radius: 10px;margin-left: 10px;}
.btn-invite span,.btn-invite-friends span {cursor: pointer;display: inline-block;position: relative;transition: 0.5s;}
.btn-add-circle span:after {font-family: FontAwesome;content: "\f0c0";font-size: 15px;position: absolute;opacity: 0;top: 2px;right: -15px;transition: 0.5s;}
.btn-invite-friends span:after {font-family: FontAwesome;content: "\f0e0";font-size: 15px;position: absolute;opacity: 0;top: 2px;right: -15px;transition: 0.5s;}
.btn-invite:hover span,.btn-invite-friends:hover span {padding-right: 25px;}
.btn-invite:hover span:after,.btn-invite-friends:hover span:hover {opacity: 1;right: 0;}
.action-select,.circle-select{display: inline-block;}
.leaderboard-filter{position: relative;top: -6px;}
.circle-select .current{width: 60px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: block;}
.action-select .current{width: 85px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: block;}
.circle-select .nice-select:active,.action-select .nice-select:active,.circle-select .nice-select.open,.action-select .nice-select.open,.circle-select .nice-select:focus,.action-select .nice-select:focus {border-color: #e0e7ee;}
.nice-select ul.list{max-height: 285px;overflow-y: auto;}
.actionLog-select .nice-select{padding-right: 35px !important;padding-left: 15px !important;position: relative;}
.action-log-header span.header{font-size: 20px;color: #40AC48;font-weight: 600;}
#action-log-header:after{display: table;content: " ";clear: both;}
ul::-webkit-scrollbar {width: 7px !important;}
ul::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3) !important;border-radius: 5px !important;}
ul::-webkit-scrollbar-thumb {border-radius: 5px !important;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5) !important;}
ul::-webkit-scrollbar-track-piece {height: 10px;}
.actionLog-select{display: inline-block;float: right;}
.user-action-time span{display: block;}
.user-action-time span:first-of-type{font-weight: 600;font-size: 17px;padding-bottom: 2px;}
.user-action-time span:last-of-type{color: #999999;}
.user-action-detail img{display:inline-block;height: 60px;width: 60px;border-radius: 50%;border: 3px solid #eee;box-shadow: 0 2px 1px rgba(0, 0, 0, 0.3);}
.user-action-time{display: inline-block;vertical-align: middle;margin-left: 15px;width: 85%;border-bottom: 1px solid rgba(153, 153, 153, 0.31);padding-bottom: 2px;}
.user-action-section{margin: 40px 0;}
.user-action-detail{margin: 15px 0 15px;}
.log-action-category{font-weight: 600;font-size: 16px;margin: 20px 0 10px;}
.log-action-type{color: #5d5d5d;margin: 0 0 0;font-size: 15px;}
.media-input-img{width: 97%;height: auto;}
.action-achievement{background: #ECECEC;margin: 5px 0 0;border-top: 1px solid #BABABA;padding: 2px 5px;}
.action-achievement .action-log-points{display: inline-block;margin-right: 25px;}
.action-achievement .action-log-achievements{display: inline-block;}
.action-log-achievements img{height: 30px;width: 35px;display: inline-block;}
.action-log-points img{height: 30px;width: 30px;display: inline-block;}
.action-log-achievements span,.action-log-points span{margin-left: 2px;}
.user-points-section{border-bottom: 1px solid #BABABA;margin: 0 10px;}
.page-selection ul.pagination{float: right;margin: 20px 0 0;}
.page-selection .pagination>li>a, .page-selection .pagination>li>span{padding: 4px 11px !important;}
.empty-invites,.empty-circles{font-size: 18px;color: #999999;padding: 35px 10px 35px 25px;display: block;background: #ffffff;}
.empty-table-circle{display: block;}
.empty-table-view{background: #f9f9f9;margin-top: 20px;display: block;padding: 60px 0;font-size: 18px;font-style: italic;color: #999999;text-align: center;}
.preloader{display:none;position: absolute; left: 0; top: 0; z-index: 999; width: 100%; height: 100%; overflow: visible; background: #fff url('/images/preloader-det.gif') no-repeat;background-position: center 50% !important; }
.reports-header .heading{font-size: 20px;color: #40AC48;font-weight: 600;padding-bottom: 3px;}
.export-excel{font-size: 14px;color: #5d5d5d;padding: 6px 20px;cursor: pointer;border: solid 1px #e0e7ee;background: #ffffff;border-radius: 5px;font-weight: 500;}
.export-excel i{margin-right: 6px;font-size: 13px;}
.search-header{background: #eeeeee;margin-top: 15px;padding: 10px;font-size: 16px;font-weight: 600;margin-bottom: 20px;}
.search-selects{margin-top: 25px;margin-bottom: 25px;}
.userSearch-select,.actionSearch-select,.circleSearch-select{display: inline-block; margin-left: 15px;}
.userSearch-select .current,.actionSearch-select .current,.circleSearch-select .current{width: 180px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: block;}
.search-selects .nice-select:active,.search-selects .nice-select.open,.search-selects .nice-select:focus{border-color: #e0e7ee;}
.search-transaction:after{content:" ";display: table;clear: both;}
.search-transaction{margin-bottom: 50px;background: #f6f6f6;}
.th-co-1{width:25%;}
.th-co-2{width:10%;}
.th-co-3{width:25%;}
.th-co-4{width:15%;}
.th-co-5{width:20%;}
.th-co-6{width:15%;}
#reports .nice-select{border-radius: 0px !important;height: 30px !important;line-height: 27px !important;}
.no-padding-left{padding-left: 0;}
.no-padding-right{padding-right: 0;}
.search-transaction .date{position: relative;top: 2px;}
#reports table thead tr th{color: #ffffff;background: rgba(51, 51, 51, 0.74);font-weight: 300;font-size: 15px;}
#reports table tbody tr td{text-overflow: ellipsis;overflow: hidden;white-space: nowrap;padding: 10px;text-align: center;}
#reports table tbody tr td:nth-child(3){font-size: 13px;}
.search-transaction .nice-select{background-color: #ffffff;padding-left: 10px;}
.datepicker-dropdown{margin-left: -157px;z-index: 1000;}
#reports .table-bordered{margin-bottom: 100px !important;}
.empty-description,.empty-action-log,.empty-report,.empty-leaderboard,.emptyleaderboard,.empty-summary,.no-ranking-view{color: #9E9E9E;font-size: 17px;}
.niceSelect-search{width: 90%;padding: 6px 6px;margin: 5px;}
#table-circle-filter .nice-select{padding-left: 10px !important;padding-right: 20px !important;}
.table-analytics-action,.table-analytics-circle{display: inline-block;}
.log-action-shoutout{margin-bottom: 0;color: #40AC48;}
.log-act-shout-rem{margin-bottom: 10px !important;}
#table-view .nice-select{border-radius: 0px !important;height: 30px !important;line-height: 27px !important;}
#chart-view .nice-select{border-radius: 0px !important;height: 30px !important;line-height: 27px !important;}
#table-view .page-selection .pagination>li>a,#table-view .page-selection .pagination>li>span{padding: 4px 9px !important;font-size: 13px;color: #337ab7;background-color: #fff;border-color: #ddd;}
#table-view .pagination>.active>a, #table-view .pagination>.active>a:focus, #table-view .pagination>.active>a:hover, #table-view .pagination>.active>span, #table-view .pagination>.active>span:focus,#table-view .pagination>.active>span:hover{color: #337ab7;background-color: #eee;}
.table-analytics-action .nice-select{margin-right: 1px;padding-left: 8px !important;padding-right: 20px !important;}
.table-analytics-circle .nice-select{padding-left: 8px !important;padding-right: 20px !important;}
.log-act-shout-rem span{color: #8A8A8A;}
.log-act-shout-rem{color: #8A8A8A;}
.start-date-section,.single-date-section{display: inline-block;margin-top: 10px;margin-bottom: 5px;}
.log-date-header{display: block;color: #5d5d5d;font-size: 17px;margin-bottom: 5px;}
.log-date-year{display: block;color: #40AC48;font-size: 15px;margin-bottom: 1px;}
.log-date-time{display: block;font-size: 14px;color: #8b8b8b;margin-bottom: 0;}
.start-date-section:first-of-type,.single-date-section:first-of-type{margin-right: 25px;padding-right: 25px;}
.start-date-section:last-of-type,.single-date-section:last-of-type{margin-left: 0;padding-left: 0;}
.start-date-section,.single-date-section{padding-right:20px;}
.admin-camp-input{font-size: 14px;}
#actions .pjt-action-text{display: inline-block;font-size: 15px;color: #8D8D8D;margin-left: 0;}
.user-camp-det #actions .pjt-action-text{font-size: 15px;color: #8D8D8D;}
#actions .primary-input{float: right;color: #03A9F4;font-size: 15px;}
.category-input-section{border-bottom: 1px solid rgba(153, 153, 153, 0.31);margin: 0 35px 5px 25px;padding-bottom: 6px;}
.admin-camp-input .input-type-span{margin-left: 15px;}
.admin-camp-input .label-input-type{display: block;color: #565656;margin-left: 15px;margin-top: 6px;}
.admin-camp-input .label-input-type span{color: #999999;margin-left: 5px;}
.admin-camp-input .shoutoutDiv i{float: right;line-height: 20px;}
.admin-camp-input .pjt-desc-image{padding: 3px 0px 0px;margin-top:5px;margin-left:15px !important;width: 100px;}
.admin-camp-input .add-hrs-remarks{padding: 5px 10px 25px;width: 75%;margin: 10px 0 5px 15px;}
.admin-camp-input .pjt-desc-image img{height: 30px;}
.admin-camp-input .pjt-desc-image .img-click{position: relative;font-size: 12px;top: -1px;}
.admin-camp-input .pjt-action-time span{border-radius: 2px;width: 150px;}
.admin-camp-input .date-time-div{margin-top: 10px;margin-bottom: 5px;margin-left: 0;}
.clear{clear: both;}
.admin-bg{background: #f9f9f9;margin: 5px 0 5px;padding-bottom: 10px;}
.admin-camp-input .shoutoutDiv,.admin-camp-input .add-hrs-amount,.admin-camp-input .pjt-action-time span{background: #ffffff !important;margin-left:15px;}
.admin-camp-input .add-hrs-remarks{background:#ffffff !important;margin-left: 0;}
.admin-camp-input .pjt-check-off{height: 20px;width: 20px;background: #ffffff;border-radius: 2px;position: relative;top: 10px;margin-right: 5px;left: 25px;border: 1px solid #cccccc;}
.admin-camp-input .pjt-desc-image .img-size{font-size: 12px;}
.admin-camp-input.media-type .admin-bg{padding-bottom: 5px;}
.admin-camp-input.media-type .input-type-span{margin-top: 8px;}
.admin-camp-input.media-type .label-input-type{margin-top: 2px;}
.admin-camp-input .pjt-check-off:before{content:"\2713\0020";color: #aaa;left: 4px;position: relative;}
i.fa-flag{color: #ffffff;background: #ED145B;border-radius: 50%;padding: 5px;font-size: 14px;}
.serial-number{width: 3%;display: inline-block;vertical-align: top;position: relative;top: 6px;}
.pjt-action-type{width: 88%;vertical-align: top;padding: 4px 0px 8px !important;}
.milestone-action{width: 8%;}
.user-camp-det .pjt-action-type{padding: 4px 0px 8px 5px !important;}
.user-camp-det i.fa-flag{color: #ED145B;background: transparent;border-radius: 50%;padding: 5px;font-size: 14px;}
.achievement-action-pts img{object-fit: cover;height: 60px;max-width: 100%;background: #ffffff;border-radius: 50%;padding: 2px;margin: 0 auto;display: block;width: 60px;}
.achievement-action-pts .achievement-name{text-transform: uppercase;font-size: 16px;margin-bottom: 0;padding-bottom: 2px;}
.no-padding{padding-left: 0;padding-right: 0;}
.achievement-action-pts .achievement-action{padding-bottom: 2px;color: #777777;font-size: 14px;}
.achievement-action-pts:after{display: table;clear: both;content: " ";}
.achievement-action-pts{border-bottom: 1px solid #e4e4e4;padding-bottom: 5px;padding-top: 5px;width: 49%;display: inline-block;margin-right: 8px;margin-top: 3px;}
.achievement-action-pts:last-of-type{border-bottom: none;}
.achievement-action-pts{background: #ffffff;}
.achievement-action-pts .img-main{border: 3px solid #eee;width: 68px;border-radius: 50%;position: relative;}
.achievement-action .achievement-act-name{width: 85%;display: inline-block;font-size: 15px;}
.achievement-action span.pull-right{color: #46a94e;font-weight: 500;font-size: 15px;}
.achievement-action span.pull-right strong{font-size: 15px;}
#actionlogs .create-category-btn{border: 1px solid #e4e4e4;border-radius: 25px;}
#actionlogs .user-list-option{width: 32%;}
.nice-select .option{white-space: nowrap !important;overflow: hidden !important;text-overflow: ellipsis !important;width: 200px !important;}
.log-label{display: block;font-size: 15px;}
.log-action-hours{margin-top: 10px;}
.user-points-section .log-label{margin-top: 10px;margin-bottom: 0;}
.user-action-time span.category-span{color: #999999;font-size: 15px;}
.category-span span{margin-right: 3px;display: inline-block;color: #999999  !important;font-size: 15px !important;font-weight: 400 !important;}
.action-shoutout{margin-bottom: 20px;}
.arrow_box {position: relative;background: #333333;border: 1px solid #ffffff;}
.arrow_box:after, .arrow_box:before {bottom: 100%;left: 93%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;}
.arrow_box:after {border-color: rgba(51, 51, 51, 0);border-bottom-color: #333333;border-width: 7px;margin-left: -7px;}
.arrow_box:before {border-color: rgba(255, 255, 255, 0);border-bottom-color: #ffffff;border-width: 8px;margin-left: -8px;}
#bar-chart,#bar-chart-1,#bar-chart-2,#bar-chart-3{margin-top: 19px;margin-bottom: 12px;}
.camp-act-name{font-size: 16px;padding-bottom: 2px;}
.add-margin{margin-top:25px;display: block;height: 40px;}
.empty-barContainer{margin-top: 20px;position: relative;color: #5d5d5d;font-size: 15px;height: 300px;width: 100%;background: #f9f9f9;}
/*.filter-complete-drop{clear: both;background: #ffffff;margin-bottom: 25px;top: 60px;position: absolute;width: 100%;}*/
.filter-complete-drop{clear: both;background: #ffffff;padding: 0 10px;}
.filter-complete-drop .main-nav-tab.nav-tabs>li>a{padding: 0 15px !important;color: #cccccc !important;cursor: pointer;background-color: #333;border-bottom:none !important;border-radius: 0 !important;border: none;border-right: 1px solid #dddddd !important;}
.filter-complete-drop .main-nav-tab.nav-tabs{border-bottom: 1px solid #333;border: none !important;background: #333333;}
.filter-complete-drop .main-nav-tab.nav-tabs>li.active>a{color: #ffffff !important;cursor: pointer;background-color: #333;border: NONE !important;border-bottom-color: #333333 !important;border-right: 1px solid #dddddd !important;}
.filter-complete-drop .main-nav-tab.nav-tabs>li{margin-bottom: 0 !important;padding: 10px 0;}
.filter-complete-drop .create-category-btn span{margin-top: 2px;display: block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;padding: 0 4px;}
.filter-complete-drop .main-nav-tab.nav-tabs>li:first-of-type a{border-right: 1px solid #cccccc !important;}
.filter-complete-drop .main-nav-tab.nav-tabs li:last-of-type a{border-right: none !important;}
.modal-filters ul li a i{margin-left: 2px;position: relative;top: 1px;font-size: 15px;}
.filter-reset{margin-right: 5px;margin-left: 5px;}
.campaign-list .arrow_box:after,.campaign-list .arrow_box:before {left: 78%;}
.user-registry .arrow_box:after,.user-registry .arrow_box:before,.user-campaign-list .arrow_box:after,.user-campaign-list .arrow_box:before {left: 95%;}
.category-filters label{margin-bottom: 10px;font-size: 15px;}
.filter-complete-drop:after{content:" ";clear:both;display: table;}
.filter-complete-drop{z-index: 999;}
.admin-project-list .arrow_box:after, .admin-project-list .arrow_box:before{left: 98%;}
.search-body{overflow: hidden;text-overflow: ellipsis;max-width: 100%;white-space: nowrap;}
.filter-drop .dropdown-toggle{background: #f2f2f2;border-radius: 0;}
.filter-search-box input{padding: 7px;width: 100%;-webkit-appearance: none;border: 1px solid #e4e4e4;margin-bottom: 10px;margin-top: 10px;font-size: 13px;font-weight: 300;}
.filter-search-box{margin-bottom: 10px;}
.category-filters .tab-content>.active{border-bottom: none;padding: 15px 20px 0 !important;}
.actionType [type="checkbox"]:not(:checked),
.actionType [type="checkbox"]:checked,.usersList [type="checkbox"]:not(:checked),
.usersList [type="checkbox"]:checked,.circleList [type="checkbox"]:not(:checked),
.circleList [type="checkbox"]:checked{position: absolute;left: -9999px;}
.actionType [type="checkbox"]:not(:checked) + label,
.actionType.actionType  [type="checkbox"]:checked + label,.usersList [type="checkbox"]:not(:checked) + label,
.usersList [type="checkbox"]:checked + label,.circleList [type="checkbox"]:not(:checked) + label,
.circleList [type="checkbox"]:checked + label{position: relative;padding-left: 20px;cursor: pointer;}
.actionType [type="checkbox"]:not(:checked) + label,.usersList [type="checkbox"]:not(:checked) + label,.circleList [type="checkbox"]:not(:checked) + label{color: #000000;font-weight:300;}
.actionType [type="checkbox"]:not(:checked) + label:before,.usersList [type="checkbox"]:not(:checked) + label:before,.circleList [type="checkbox"]:not(:checked) + label:before{content: '';position: absolute;left:0; top: 3px;width: 13px; height: 14px;border-radius: 0;border: 1px solid;background: #ffffff;border-radius: 2px;}
.actionType [type="checkbox"]:checked + label:before,.usersList [type="checkbox"]:checked + label:before,.circleList [type="checkbox"]:checked + label:before{content: '';position: absolute;left:0; top: 3px;width: 13px; height: 14px;border-radius: 0;border: 1px solid #03a9f4;background: #ffffff;border-radius: 2px;}
.actionType [type="checkbox"]:not(:checked) + label:after,.actionType [type="checkbox"]:checked + label:after,.usersList [type="checkbox"]:not(:checked) + label:after,.usersList [type="checkbox"]:checked + label:after,.circleList [type="checkbox"]:not(:checked) + label:after,.circleList [type="checkbox"]:checked + label:after{content: '✔';position: absolute;top: 5px; left: 2px;font-size: 12px;line-height: 0.8;color: #139DEB;transition: all .2s;border-radius: 2px;}
.actionType [type="checkbox"]:not(:checked) + label:after,.usersList [type="checkbox"]:not(:checked) + label:after,.circleList [type="checkbox"]:not(:checked) + label:after{opacity: 0;transform: scale(0);}
.actionType [type="checkbox"]:checked + label:after,.usersList [type="checkbox"]:checked + label:after,.circleList [type="checkbox"]:checked + label:after{opacity: 1;transform: scale(1);}
.actionType [type="checkbox"]:disabled:not(:checked) + label:before,
.actionType [type="checkbox"]:disabled:checked + label:before{box-shadow: none;border-color: #bbb;background-color: #ddd;}
/*.actionType [type="checkbox"]:checked + label,.usersList [type="checkbox"]:checked + label,.circleList [type="checkbox"]:checked{color: #139DEB;font-weight:700;}*/
.actionType [type="checkbox"]:checked + label,.usersList [type="checkbox"]:checked + label,.circleList [type="checkbox"]:checked  label{color: #565656;font-weight:400;}
.filter-complete-drop .category-filters .tab-content .filter-buttons .btn{padding: 3px 12px;}
.filter-complete-drop .category-filters .tab-content .filter-buttons{padding: 10px;background: #ffffff;border: 1px solid #e4e4e4;border-top: none;-webkit-box-shadow:0 4px 4px 1px rgba(164, 163, 163, 0.2) !important;-moz-box-shadow: 0 4px 4px 1px rgba(164, 163, 163, 0.2) !important;box-shadow: 0 4px 4px 1px rgba(164, 163, 163, 0.2) !important;}
.filter-buttons:after{display: table;clear:both;content: ' ';}
.filter-drop{top: -40px;right: 10px;}
.scroll-list{max-height: 260px;overflow-y: auto;}
.scroll-list::-webkit-scrollbar {width: 7px !important;}
.scroll-list::-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; }
.scroll-list::-webkit-scrollbar-thumb {border-radius: 5px !important;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5) !important;}
.scroll-list::-webkit-scrollbar-track-piece {height: 10px;}
.empty-barContainer span{position: absolute;top: 45%;left: 0;right: 0;text-align: center;font-size: 22px;color: #999999;}
.scroll-list .search-body label{overflow: hidden;text-overflow: ellipsis;max-width: 100%;white-space: nowrap;}
.table-body-section .table-preview-body{box-shadow: none;}
.table-body-section{margin-bottom: 70px;}
.filterDiv:after{display: table;position: relative;height: 100%;clear: both;content:' ';}
.reports-filter-btn{font-size: 14px;color: #5d5d5d;font-weight: 300;padding: 8px 15px;position: relative;top: -11px;cursor: pointer;background-color: #f6f6f6;border-radius: 5px;border: solid 1px #e0e7ee;}
#reports .filter-complete-drop{top: 166px;width: 92%;}
#reports .arrow_box:after, #reports .arrow_box:before{left: 97%;}
.reports-header{border-bottom: 1px solid #B7B7B7;padding-bottom: 4px;margin-bottom: 20px;}
.circle-list-btn i.fa-times{transition: ease 0.5s all;position: absolute;color: rgba(255, 255, 255, 0.93);top: 2px;padding: 2px 3px;right: 1px;z-index: 999;}
.remove-clist::before,.remove-clist::after {content: '';position: absolute;top: 0;right: 0;border-color: transparent;border-style: solid;opacity: 0.8;}
.remove-clist::before {border-width: 1.5em;border-right: 1.5em rgba(94, 90, 96, 0.8);border-top: 1.5em rgba(94, 90, 96, 0.8);}
.remove-clist::after {border-radius: 4px;border-width: 1.35em;border-right: 1.35em solid rgba(94, 90, 96, 0.8);border-top: 1.35em solid rgba(94, 90, 96, 0.8);}
#confirmModal .modal-dialog{width: 500px;}
#confirmModal .modal-dialog .modal-body p{font-size: 15px;}
#confirmModal .modal-dialog .modal-body p span{display: inline-block;}
.user-section img{display:inline-block;height: 50px;width: 50px;display: inline-block;vertical-align: middle;margin-right: 15px;padding: 3px;}
.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;}
#userListModal .modal-header span i{color: #ffffff;background: #2196F3;padding: 5px 7px;border-radius: 50%;margin-right: 3px;}
#userListModal .modal-header span{color: #2196F3;font-weight: 500;font-size: 14px;border-bottom: 2px solid;padding-bottom: 17px;padding-left: 5px;padding-right: 5px;}
tbody::-webkit-scrollbar {width: 7px !important;}
tbody::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3) !important;border-radius: 0px !important;background-clip: content-box; }
tbody::-webkit-scrollbar-thumb {border-radius: 5px !important;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5) !important;}
tbody::-webkit-scrollbar-track-piece {height: 10px;}
.table-fixed {width: 100%;}
.table-fixed tbody {max-height: 300px;overflow-y: auto;width: 100%;}
.table-fixed tr{height:38px;}
.table-fixed thead, .table-fixed tbody, .table-fixed tr, .table-fixed th {display: block;}
.table-fixed tbody td,.table-fixed thead th {float: left;width:50%;}
.user-logs-legend span i{margin-right: 5px;display: inline-block;}
.no-campaigns-section{background: #f2f2f2;position: relative;width: 80%;top: 100px;text-align: center;margin: 0 auto;display: block;height: 85px;}
.no-campaigns-section img{height: 90px;position: absolute;left: 18px;top: 28px;}
.no-campaigns-section .no-campaign-text{text-align: left;display: block;margin-left: 130px;font-size: 16px;font-family: 'MyWebFont';;color: #949494;top: 18px;position: relative;}
.no-campaigns-section .no-campaign-text h3{margin-bottom: 5px;margin-top: 0;}
.campaign-title-name{width: 60%;display: inline-block;}
.delete-action-log i{border: 2px solid #E91E63;color: #ffffff;height: 30px;width: 30px;line-height: 26px;text-align: center;border-radius: 50%;cursor: pointer;transition: 0.5s ease all;font-size: 14px;background: #E91E63;margin-right: 5px;}
.delete-action-log{display: inline-block;margin: 7px 0;}
i.disabledelete{height: 30px;line-height: 26px;text-align: center;transition: 0.5s ease all;font-size: 14px;margin-right: 5px;color: grey;}
.edit-action-log i,.edit-board i{border: 2px solid #03A9F4;color: #ffffff;height: 26px;width: 26px;line-height: 23px;text-align: center;border-radius: 50%;cursor: pointer;transition: 0.5s ease all;font-size: 14px;background: #03A9F4;margin-right: 2px;}
.copy-action-log i{border: 2px solid #03A9F4;color: #ffffff;height: 26px;width: 26px;line-height: 23px;text-align: center;border-radius: 50%;cursor: pointer;transition: 0.5s ease all;font-size: 14px;background: #4be743;margin-right: 2px;}
i.disableedit{height: 26px;line-height: 23px;text-align: center;transition: 0.5s ease all;font-size: 14px;margin-right: 4px;color: grey;}
.copy-action-log ,.edit-action-log,.edit-board{display: inline-block;margin: 7px 15px 7px 0;color: #03a9f4;cursor: pointer;}
.log-user-img{object-fit: cover;display: block;height: 40px;width: 40px;border-radius: 50%;vertical-align: middle;margin: 0 auto;}
.user-log-view span:first-of-type{display: block;font-size: 14px;line-height: 18px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.panel-title a.accordion-toggle:after{display: table;clear: both;content: ' ';}
.panel-title a.accordion-toggle{display: block;}
.panel-title a.accordion-toggle:hover,.panel-title a.accordion-toggle:focus{text-decoration: none !important;}
.user-log-points{background: #ed9a00;color: #ffffff;margin: 5px 0;padding: 3px 7px;text-align: center;font-size: 14px;border-radius: 15px;line-height: 14px;display: inline-block;margin-left: -7px;margin-top: -5px;}
.user-log-action{font-weight: 500;padding: 0px 0 10px;font-size: 17px;color: #464646;}
.panel-heading {position: relative;}
.panel-title a[data-toggle="collapse"]:after {content: "\f077";font-family: FontAwesome;position: absolute;color: #333333;font-size: 15px;line-height: 22px;right: 20px;top: calc(22%);}
.panel-title a[data-toggle="collapse"].collapsed:after {content: "\f078";font-family: FontAwesome;position: absolute;color: #333333;font-size: 15px;line-height: 22px;right: 20px;top: calc(22%);}
.log-category{font-size: 14px;display: block;color: #828181;padding: 5px 0 5px;}
.panel-default>.panel-heading{background-color: #ffffff;border-color: #f7f7f7;}
.panel-group .panel+.panel{margin-top: 10px;border-radius: 0px;}
#actionlogs #action-log-header .filter-drop{top: 0;right: 0;}
/*#filter-complete-drop8,.filter-complete-drop8{top: -3px !important;width: 100% !important;position:relative !important;}*/
#filter-complete-drop8:after, #filter-complete-drop8:before,.filter-complete-drop8:after,.filter-complete-drop8:before{left: 86%;}
.deleteconfirmModal .modal-dialog,.deletenotAllowed .modal-dialog{width: 375px;}
.deleteconfirmModal .modal-dialog .modal-body p,.deletenotAllowed .modal-dialog .modal-body p{font-size: 15px;}
.deleteconfirmModal .modal-dialog .modal-body p span,.deletenotAllowed .modal-dialog .modal-body p span{display: inline-block;}
.deleteconfirmModal .modal-header,.deletenotAllowed .modal-header{padding: 5px 15px;color: #FFFFFF;background: rgb(233, 140, 111);border-bottom: none;}
.deleteconfirmModal .modal-content,.deletenotAllowed .modal-content{border-radius: 0;}
.deleteconfirmModal .modal-header .close,.deletenotAllowed .modal-header .close{color: #ffffff;opacity: .5;}
.deleteconfirmModal .modal-dialog .modal-body p i,.deletenotAllowed .modal-dialog .modal-body p i{color: rgb(233, 140, 111);margin-right: 5px;font-size: 18px;}
.deleteconfirmModal .modal-dialog .modal-body{padding: 30px 15px 20px;}
.deleteconfirmModal .modal-dialog .modal-footer,.deletenotAllowed .modal-dialog .modal-footer{padding: 0 15px 15px;border-top: none;}
.deleteconfirmModal .modal-title{font-size: 18px;padding: 5px 0;color: #ffffff;}
.deleteconfirmModal .close:focus, .deleteconfirmModal .close:hover,.deletenotAllowed .close:focus, .deletenotAllowed .close:hover{opacity: .8;}
.deleteconfirmModal .confirm-yes{background-color: #e98c6f;border-color: #e98c6f;width: 75px;border-radius: 5px;padding: 4px;font-size: 15px;}
.deleteconfirmModal .confirm-no{width: 75px;border-radius: 5px;padding: 4px;font-size: 15px;}
.deleteconfirmModal.confirm-yes:hover{background-color: #d68166;border-color: #d68166;}
.deletenotAllowed .modal-dialog .modal-body{padding: 30px 15px 30px;font-size: 15px;}
.deletenotAllowed .modal-title{font-size: 18px;}
.deletenotAllowed .modal-header h4 i{height: 22px;width: 22px;text-align: center;margin-right: 5px;background: #ffffff;border-radius: 50%;color: #e9a94b;line-height: 22px;}
.user-log-clock i{font-size: 12px;margin-right: 5px;position: relative;top: 0px;color: #aaaaaa;}
.panel-group .panel-heading+.panel-collapse>.panel-body{border-top: none !important;}
.panel-body{padding: 5px 15px 0;}
.panel-group .panel{border-radius: 0 !important;}
.category-log-action{margin-bottom: 15px;color: #8D8D8D;}
.panel-body .action-achievement{background: #ffffff;margin: 5px -15px 0;border-top: 1px solid #d2d2d2 !important;padding: 3px 15px;}
.ribbon-container {position: absolute;top: 2px;right: -12px;overflow: visible;font-size: 12px;line-height: 15px;}
.ribbon-container a {display: none;padding: 3px 5px;position: relative;background: #43AC4B;overflow: visible;height: 22px;color: #fff;text-decoration: none;}
.panel.panel-default{box-shadow: 0 0 7px rgba(0,0,0,0.6);-webkit-box-shadow: 0 0 6px rgba(0,0,0,0.3);border: none;}
.user-log-clock p{display: inline-block;margin-bottom: 0;font-size: 13px;}
.panel-body .log-label{font-size: 15px;font-weight: 500;margin-bottom: 2px;display: inline-block;}
.actionlog-remarks,.actionlog-checkbox,.actionlog-media,.actionlog-hours,.log-action-hours,.action-shoutout,.actionlog-rating,.actionlog-poll,.actionlog-quantity,.actionlog-shoutout{padding: 5px 0;background: #ffffff;}
.log-ation-header{font-size: 16px;font-weight: 500;color: #ffffff;margin-bottom: 10px;background: #40ac48;padding: 4px 10px 5px;}
.panel-body .log-date-header{font-weight: 500;font-size: 15px;}
.log-label i{margin-right: 7px;font-size: 18px;color: #818181;position: relative;top: 2px;}
.log-action-hours i.fa-clock-o{vertical-align: top;font-size: 18px;margin-top: 14px;margin-right: 8px;color: #818181;}
.panel-body .create-category-btn .user-name span i{color: #FFC107;font-size: 14px;}
.panel-body .user-rec-points{font-size: 13px;color: #716f6f;margin-top: 0;display: inline-block;font-weight: 500;}
.panel-body .create-category-btn .user-email{margin-top: 0;}
.media-label i{margin-right: 5px;}
.actionlog-panel .log-action-media img.fileicon {
    height: 55px;
}
.log-action-media img{max-width: 100%;max-height: 400px;height: auto;width: auto;    border-radius: 15px;}
.log-action-remarks{color: #5d5d5d;font-weight: 400;margin-bottom: 5px;font-size: 15px;line-height: 30px;}
.panel-body .log-action-remarks{margin-bottom: 5px;font-size: 15px;color: #716f6f;font-weight: 500;}
.panel-body .log-action-type{color: #716f6f;font-weight: 500;}
.icon-img{vertical-align: top;margin-right: 15px;height: 43px;width: 45px;}
.log-main-section{display: inline-block;width: 100%;word-wrap: break-word;margin-bottom: 10px;}
.panel-body .start-date-section{margin-top:0;}
.panel-body .start-date-section:first-of-type .log-date-header{color:#40ac48;}
.panel-body .start-date-section:nth-of-type(2) .log-date-header{color:#d8392e;}
.panel-body .log-date-year{display: inline-block;color: #716f6f;font-size: 15px;margin-bottom: 1px;font-weight: 300;}
.panel-body .log-date-time{display: inline-block;font-size: 15px;color: #716f6f;margin-bottom: 0;font-weight: 300;margin-left: 6px;}
.panel-body .start-date-section:first-of-type{border-right: none;}
.panel-body .start-date-section:last-of-type{border-left: none;}
.action-shoutout .create-category-btn{background:#ffffff !important;width: 100%;border: 1px solid #c4c2c2;border-radius: 50px;padding: 2px 10px 2px 2px;}
.panel-body .action-shoutout .img-check{object-fit: cover;height: 56px;width: 56px;border-radius: 50%;padding: 0;margin: 0px;margin-right: 5px;}
#actionlogs .panel-body .action-shoutout .user-list-option{width: 45%;display: inline-block;margin-right: 10px;}
.panel-body .action-shoutout .create-category-btn .user-email{color: #716f6f;font-weight: 400;margin-top: -1px;margin-bottom: -1px;}
.panel-body .action-shoutout .create-category-btn .user-name{width: 73%;color: #716f6f;font-weight: 600;}
.panel-body .action-shoutout .create-category-btn .img-check{border: 1px solid #c4c2c2;}
.icon-pic{display:none;font-size: 38px;color: #d2d2d2;margin-right: 20px;position: relative;top: -3px;vertical-align: top;}
.action-shoutout .log-main-section{width: 90%;}
.achievement-action-pts .col-md-10.achievement-name-main{margin-top: 12px;}
.pagination a.selected, .pagination a.selected:focus, .pagination a.selected:hover, .pagination .selected span, .pagination>.active>span:focus, .pagination>.active>span:hover{color: #337ab7;cursor: default;background-color: #f6f6f8;border-color: #e4e4e4;}
.pagination > li > a, .pagination > li > span{cursor:pointer;}
.pagination a.selected, .pagination a.selected:focus, .pagination a.selected:hover{color: #ffffff !important;background-color: #2693ce !important;border-color: #2693ce !important;}
.page-item .page-link{border: 1px solid #dddddd;}
.media-label{font-size: 15px;font-weight: 500;}
.loading-reports{height:200px;}
.loader-main-body .loading-section span,.loading-reports  .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;}
.loader-main-body .loading-section span:nth-of-type(2),.loading-reports  .loading-section span:nth-of-type(2) {background: #008FB2;animation-delay: 0.1s;}
.loader-main-body .loading-section span:nth-of-type(3) ,.loading-reports  .loading-section span:nth-of-type(3){background: #00a3cc;animation-delay: 0.2s;}
.loader-main-body .loading-section span:nth-of-type(4) ,.loading-reports  .loading-section span:nth-of-type(4){background: #009B9E;animation-delay: 0.4s;}
.loader-main-body .loading-section span:nth-of-type(5),.loading-reports  .loading-section span:nth-of-type(5) {background: #00A77D;animation-delay: 0.6s;}
.loader-main-body .loading-section span:nth-of-type(6),.loading-reports  .loading-section span:nth-of-type(6) {background: #00cc99;animation-delay: 0.8s;}
.loader-main-body .loading-section span:nth-of-type(7),.loading-reports  .loading-section span:nth-of-type(7){background: #00B247;animation-delay: 1.0s;}
.loader-main-body .loading-section span:nth-of-type(8) ,.loading-reports  .loading-section span:nth-of-type(8){background: #5AB027;animation-delay: 1.2s;}
.loader-main-body .loading-section span:nth-of-type(9),.loading-reports  .loading-section span:nth-of-type(9) {background: #A0B61E;animation-delay: 1.4s;}
.loader-main-body .loading-section span:nth-of-type(10) ,.loading-reports  .loading-section span:nth-of-type(10){background: #c0db24;animation-delay: 1.6s;}
.loader-main-body .loading-section span:nth-of-type(11) ,.loading-reports  .loading-section span:nth-of-type(11){background: #00cc99;animation-delay: 1.8s;}
.loader-main-body .loading-section span:nth-of-type(12),.loading-reports  .loading-section span:nth-of-type(12) {background: #00B247;animation-delay: 2s;}
.loader-main-body .loading-section span:nth-of-type(13),.loading-reports  .loading-section span:nth-of-type(13) {background: #5AB027;animation-delay: 2.2s;}
.loader-main-body .loading-section span:nth-of-type(14) ,.loading-reports  .loading-section span:nth-of-type(14){background: #A0B61E;animation-delay: 2.4s;}
.loader-main-body .loading-section span:nth-of-type(15),.loading-reports  .loading-section span:nth-of-type(15) {background: #c0db24;animation-delay: 2.6s;}
.loader-main-body,.loader-calendar{position: relative;height: 200px;}
.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;}
.loader-main-body{display: none;}
@keyframes loadinglogs {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.sort-campaign-list .caret{margin-left: 8px;}
.btn-group.open.sort-campaign-list .dropdown-toggle{box-shadow: none;-webkit-box-shadow: none;}
.dropdown-menu.sort-dropdown{min-width: 148px;}
.sort-campaign-list{position: fixed;
    right: 0;
    top: 142px;}
.sort-campaign-list button{font-weight: 500;}   
.logs-like i{color: #9E9E9E;cursor: pointer;font-size: 20px;position: relative;top: 2px;}
.logs-like{display: inline-block;border-top-left-radius: 20px;border-bottom-left-radius: 20px;border-top-right-radius: 20px;border-bottom-right-radius: 20px;margin: 3px 0 3px 25px;}
.logs-like span{margin-left: 1px;font-weight: 500;}
.logs-like.active span{color:#297cbd;}
.like-list{cursor: pointer;}
#likesListModal .modal-dialog{width: 350px;}
#likesListModal .modal-content{border-radius: 3px;}
.user-section img{display:inline-block;height: 50px;width: 50px;display: inline-block;vertical-align: middle;margin-right: 15px;padding: 3px;}
.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;}
#likesListModal .modal-body{padding: 10px 15px;}
.user-name-section{border-bottom: 1px solid #e9ebee;display: inline-block;width: 75%;padding: 12px 0;}
#likesListModal .modal-header span i{color: #ffffff;background: #2196F3;padding: 5px 7px;border-radius: 50%;margin-right: 2px;}
#likesListModal .modal-header span{color: #2196F3;font-weight: 500;font-size: 14px;border-bottom: 2px solid;padding-bottom: 17px;padding-left: 5px;padding-right: 5px;}
.sort-dropdown li a{font-size: 15px;}
.sort-dropdown li a i{margin-left: 3px;font-size: 11px;color: #888888;position: relative;top: -1px;}
#leader-board .filter-complete-drop{position: relative;top: -32px;}
.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{margin-left: 5px;width: 80%;border-radius: 50px;max-width: 93%;border-color: #e4e4e4;padding: 8px 10px;vertical-align: middle;resize: none;border: 1px solid #e4e4e4;height: 50px;}
.write-comment textarea:focus{outline: none !important;}
.write-comment{margin: 0 0 5px;background: #f7f7f7;padding: 8px 5px 5px;position: relative;}
.comments-list img{height: 35px;width: 35px;border-radius: 50%;vertical-align: middle;object-fit: cover;}
.comments-body{margin: 0 -15px;padding: 0 15px;background: #f7f7f7;}
.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;}
.comment-date i{margin-right: 5px;position: relative;top: -1px;font-size: 12px;}
.comments-text .comments{max-width: 100%;word-break: break-word;}
.achievement-points{border: none !important;}
.delete-comment{color: #9f9d9d;font-size: 14px;margin-left: 45px;cursor: pointer;}
.delete-comment i{font-size: 12px;}
.delete-comment:hover{color: #297cbd;}
.campaignSettings [type="checkbox"]:not(:checked),.campaignSettings [type="checkbox"]:checked{position: absolute;left: -9999px;}
.campaignSettings [type="checkbox"]:not(:checked) + label,.campaignSettings  [type="checkbox"]:checked + label{position: relative;padding-left: 28px;cursor: pointer;}
.campaignSettings [type="checkbox"]:not(:checked) + label{color: #888888;font-weight:500;font-size: 16px;}
.campaignSettings [type="checkbox"]:not(:checked) + label:before,.campaignSettings [type="checkbox"]:checked + label:before{content: '';position: absolute;left: 0;top: 3px;width: 18px;height: 17px;border-radius: 0;border: 1px solid;background: #ffffff;}
.campaignSettings [type="checkbox"]:not(:checked) + label:after,.campaignSettings [type="checkbox"]:checked + label:after{content: '✔';position: absolute;top: 4px;left: 0px;font-size: 16px;line-height: 14px;color: #fff;transition: all .2s;background: #3575ae;height: 15px;width: 18px;text-align: center;font-weight: 500;}
.campaignSettings [type="checkbox"]:not(:checked) + label:after{opacity: 0;transform: scale(0);}
.campaignSettings [type="checkbox"]:checked + label:after{opacity: 1;transform: scale(1);}
.campaignSettings [type="checkbox"]:checked + label{color: #888888;font-weight:500;font-size: 16px;}
.campaignSettings ul,.campaignSettings ul li{list-style: none;list-style-type: none !important;}
.campaignSettings ul li{display: block;}
.campaignSettings [type="checkbox"]:not(:checked) + label.sub-option{font-size: 14px;}
.campaignSettings [type="checkbox"]:not(:checked) + label.bold{font-weight: 500;}
.main-option ul{margin-top: 10px;}
.main-option ul li{margin-bottom: 5px;}
.main-option:nth-child(odd){background: #f4f4f4;padding: 10px;}
.main-option:nth-child(even){background: #f9f9f9;padding: 10px;}
.campaignSettings [type="checkbox"]:checked + label.bold{font-weight: 500;}
.campaignSettings [type="checkbox"]:checked + label.sub-option{font-size: 14px;}
.campaign-notification-body{padding-left: 0;}
.main-option{border: 1px solid #e4e4e4;}
.campaignSettings button{width: 65px;border-radius: 0;font-size: 15px;padding: 4px;}
.sub-option-list,.sublist-option{display: none;}
.sublist-option{margin-top: 10px;margin-bottom: 15px;}
.campaignSettings [type="checkbox"]:not(:checked) + label.sub-option:before, .campaignSettings [type="checkbox"]:checked + label.sub-option:before{top: 3px;width: 15px;height: 14px;}
.campaignSettings [type="checkbox"]:not(:checked) + label.sub-option:after, .campaignSettings [type="checkbox"]:checked + label.sub-option:after{font-size: 12px;line-height: 14px;color: #fff;transition: all .2s;background: #3575ae;height: 14px;width: 15px;text-align: center;font-weight: 500;}
.campaignSettings [type="checkbox"]:not(:checked) + label.sub-option, .campaignSettings [type="checkbox"]:checked + label.sub-option{padding-left: 22px;}
.shoutout-users .user-list-option{background: none;}
#ranking-view .your-rank{-webkit-box-shadow: 0 1px 7px 1px rgba(129,129,129,.2);-moz-box-shadow: 0 1px 7px 1px rgba(129,129,129,.2);box-shadow: 0 1px 7px 1px rgba(129,129,129,.2);margin-bottom: 15px!important;padding: 5px;background: #fdfdfd;}
#ranking-view .your-rank .rank-text{font-size: 16px;color: #5d5d5d;}
#ranking-view .your-rank .rank-score{color: #006db0;font-size: 20px;font-weight: 500;padding-bottom: 10px;}
#ranking-view .table-ranking table thead tr:last-of-type th{font-weight: 700 !important;color: #5d5d5d !important;background: #fdfdfd !important;padding-top: 8px;}
#ranking-view .table-ranking table thead tr:first-of-type th{font-weight: 700 !important;color: #4CAF50 !important;background: #fdfdfd !important;padding-top: 8px;}
.rank-user-img{height: 35px;width: 35px;border-radius: 50%;margin-right: 2px;object-fit: cover;}
#leader-board #ranking-view .table>tbody>tr>td{vertical-align: middle;font-weight: 500;font-size: 14px;}
#leader-board #ranking-view .table-ranking{-webkit-box-shadow: 0 1px 7px 1px rgba(129,129,129,.2);-moz-box-shadow: 0 1px 7px 1px rgba(129,129,129,.2);box-shadow: 0 1px 7px 1px rgba(129,129,129,.2);}
#ranking-view .table-ranking table thead tr:last-of-type th{border-bottom: 2px solid #006db0;border-top: none !important;}
#ranking-view .table-ranking table thead tr:first-of-type th{border-bottom: none;}
#leader-board #ranking-view .table tbody td{background: #fdfdfd;padding: 5px 8px !important;}
.rank-img{height: 30px;margin-left: 3px;}
.my_user_img{height: 65px;width: 65px;border-radius: 50%;margin: 10px auto 10px;display: block;}
.rank-name{color: #006db0;font-size: 16px;font-weight: 500;}
.rank-email{font-weight: 500;color: #5d5d5d;margin-bottom: 15px;}
#leader-board #ranking-view .filter-drop{top: -7px;right: 0;margin-bottom: 10px;}
#ranking-view{margin-top: 15px;}
#ranking-view .sort-campaign-list{top: -7px;margin-right: 5px;}
#leader-board #ranking-view .filter-complete-drop{top: -9px;}
#leader-board #ranking-view .arrow_box:after, #leader-board #ranking-view .arrow_box:before{left: 98%;}
.side-border{border-left: 1px solid #e4e4e4;}
.quantity-label{font-weight: 500;display: block;margin-bottom: 4px;}
input[type="number"].form-control{width: 100%;
    box-shadow: none;
    background: #f6f6f6;
    border: none;
    border-radius: 6px !important;
    margin-top: 5px;
    padding: 10px 12px;
    margin-bottom: 15px;}
.durationinputDiv input,.locationinputDiv input{box-shadow: none;width: 145px;}
.durationinputDiv,.locationinputDiv{display: block;margin-right: 10px;margin-bottom: 15px;vertical-align: top;}
.quantityinputDiv{padding-bottom: 15px;padding-top: 15px;}
.quantityinputDiv input[type="number"].form-control{width: 75%;}
.log-action-quantity{font-weight: 500;color: #716f6f;}
#ranking-view .table tbody tr:nth-child(odd) {background: #ffffff !important;}
#ranking-view .table tbody tr:nth-child(odd) td{background: #ffffff !important;}
#ranking-view .table-ranking table thead tr:first-of-type th.side-border:last-of-type{color: #2196F3 !important;}    
.comments a{color: #23527c;text-decoration: underline;}
.my-mention-label{color: black;font-weight: 500;}
.search-list-header{font-size: 17px;font-weight: 500;margin-bottom: 5px;color: #5d5d5d;}
.search-results-container ul{padding-left: 18px;color: #5d5d5d;}
.result-body{background: #fbfbfb;padding: 10px;}
.copy-link-text{box-shadow: inset 0 1px 2px rgba(0,0,0,.1);color: #333333;background-color: #f8f8f8;padding: 10px;width: 75%;border: 1px solid #e6e6e6;display: inline-block;}
button.copy-link{width:25%;box-shadow: inset 0 1px 2px rgba(0,0,0,.1);color: #333;background-color: #f8f8f8;padding: 10px;display: inline-block;border-radius: 0;border-color: #e6e6e6;position: relative;top: -1px;}
#shareModal .modal-dialog{width: 610px;}
#shareModal .share-link{border-radius: 0;width: 100%;margin-bottom: 20px;height: auto;}
#shareModal .modal-content{border-radius: 0;}
#shareModal .modal-footer button{width: 100px;border-radius: 0;}
#shareModal .modal-footer{border-top: none !important;}
.share-link-access p{color: #5d5d5d;font-size: 14px;margin-bottom: 20px;}
.share-link-access button,.share-link-done,.unshare-link{width: 100px;border-radius: 0;}

@keyframes click-wave {
  0% {
    height: 40px;
    width: 40px;
    opacity: 0.35;
    position: relative;
  }
  100% {
    height: 200px;
    width: 200px;
    margin-left: -80px;
    margin-top: -80px;
    opacity: 0;
  }
}

.option-input {-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;-o-appearance: none;appearance: none;position: relative;top: 7px;right: 0;bottom: 0;left: -5px;height: 21px;width: 21px;transition: all 0.15s ease-out 0s;background: #cbd1d8;border: none;color: #fff;cursor: pointer;display: inline-block;margin-right: 0.5rem;outline: none;position: relative;z-index: 1000;}
.option-input:hover {background: #9faab7;}
.option-input:checked {background: #00BCD4;}
.option-input:checked::before {height: 21px;width: 21px;position: absolute;content: '\2713';display: inline-block;font-size: 13px;text-align: center;line-height: 21px;}
.option-input:checked::after {background: #40e0d0;content: '';display: block;position: relative;z-index: 100;}
.option-input.radio {border-radius: 50%;}
.option-input.radio::after {border-radius: 50%;}
.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;}
.post-comment-btn{display: inline-block;width: 12%;font-size: 13px;border-radius: 20px;padding: 6px 5px;}
.date-part{display: inline-block;}
.polls-section-main label{display: block;font-weight: 500;font-size: 14px;}
.polls-section-main input:focus{outline: none !important;}
.polls-section-main label input[type="checkbox"]{display: inline-block;margin-right: 2px;}
/*.polls-section-main .poll-check-list{margin-left: 0px;background: #f9f9f9;padding-left: 15px;}*/
.leaderboard-sub-tabs{cursor: pointer;text-decoration: none;background: #ffffff;color: #2196F3;border: 1px solid #2196F3;padding: 12px;width: 180px;display: inline-block;text-align: center;font-size: 15px;}
.leaderboard-sub-tabs.selected{background: #2196F3;color: #ffffff;padding: 12px;font-size: 15px;border: 1px solid #2196F3;}
#action-leaderboard-section{display: none;}
.leaderboard-sub-tabs:hover{text-decoration: none;}
.heading {font-size: 20px;display: block;margin: 5px 0 10px;}
#action-leaderboard-section .fa {font-size: 25px;}
.checked {color: orange;}
.side {float: left;margin-top: 19px;text-align: left;padding-right: 10px;font-size: 15px;min-width: 20%;position: relative;top: 5px;}
.middle {margin-top:10px;float: left;width: 45%;}
.left{text-align: left !important;padding-left: 10px;width: 10% !important;}
.row:after {content: "";display: table;clear: both;}
.bar-container {width: 100%;background-color: #f1f1f1;text-align: center;color: white;}
.bar-5 {width: 60%; height: 10px; background-color: #4CAF50;}
.bar-4 {width: 30%; height: 10px; background-color: #2196F3;}
.bar-3 {width: 10%; height: 10px; background-color: #00bcd4;}
.bar-2 {width: 4%; height: 10px; background-color: #ff9800;}
.bar-1 {width: 15%; height: 10px; background-color: #f44336;}
.star-rating-body{margin-top: 10px;}
.progress-bar-vertical {width: 40px;min-height: 200px;display: flex;align-items: flex-end;margin: 50px 40px;float: left;border-radius: 0;}
.progress-bar-vertical .progress-bar {width: 100%;height: 0;-webkit-transition: height 0.6s ease;-o-transition: height 0.6s ease;transition: height 0.6s ease;}
.label-position{position: relative;float: left;min-height: 245px;}
.vertical-label{position: absolute;bottom: 12px;color: #fff;padding: 9px 5px;left: 0;right: 0;width: 115px;text-align: center;margin: 0 auto;font-size: 14px;min-height: 40px;}
.star-rating-body .label-position:nth-of-type(1) .vertical-label{background: #802828;}
.star-rating-body .label-position:nth-of-type(2) .vertical-label{background: #EF4B80;}
.star-rating-body .label-position:nth-of-type(3) .vertical-label{background: #08AC4D;}
.star-rating-body .label-position:nth-of-type(4) .vertical-label{background: #FFA500;}
.star-rating-body .label-position:nth-of-type(5) .vertical-label{background: #62C9C3;}
.star-rating-body .label-position:nth-of-type(1) .progress-bar-vertical .progress-bar{background: #802828;}
.star-rating-body .label-position:nth-of-type(2) .progress-bar-vertical .progress-bar{background: #EF4B80;}
.star-rating-body .label-position:nth-of-type(3) .progress-bar-vertical .progress-bar{background: #08AC4D;}
.star-rating-body .label-position:nth-of-type(4) .progress-bar-vertical .progress-bar{background: #FFA500;}
.star-rating-body .label-position:nth-of-type(5) .progress-bar-vertical .progress-bar{background: #62C9C3;}
.vertical-top-label{position: absolute;top: 30px;text-align: center;left: 0;right: 0;font-weight: 500;font-size: 15px;}
.label-position img{height: 50px;width: 50px;position: absolute;bottom: -21px;;left: 0;right: 0;text-align: center;margin: 0 auto;border-radius: 50%;}
.vertical-label span{position: relative;top: -5px;}
.poll_choice_img{display: none;height: 35px;width: 35px;border-radius: 50%;margin-right: 3px;margin-left: 10px;object-fit: cover;}
.leftside{display: inline-block;width:50px;float: left;}
.leftside img{height: 40px;width: 40px;border-radius: 50%;vertical-align: middle;margin-top: 12px;}
.star-rating-body:after{display: table;clear: both;content: ' ';}
.polls-reports{margin-top: 45px;}
.actionlog-rating .rating-list{display: inline-block;padding: 10px;}
.actionlog-rating .rating-list li img{height: 35px;}
.logactions{border-radius: 20px;}
.logactions i.fa-hand-stop-o{font-size: 13px;position: relative;top: -1px;margin-right: 5px;}
.rating-list-view li{cursor: default;}
.rating-list-view{padding: 10px 10px 5px;}
.option-input[type="radio"]{border-radius: 50%;}
.logdate .input-group-addon{cursor: pointer;position: absolute;right: 10px;background: transparent;border: none;color: #555555;border-left: 1px solid #cccccc;padding: 10px;}
.input-group.logdate{width: 100%;}
.logdate input{cursor: pointer;}
.notification-camp-page .project-desc-title .campaign-title{width: 100%;}
.polls-reports .panel-heading{padding: 0 !important;}
.polls-reports .panel-heading .dropdown{color: #ffffff;position: absolute !important;top: 4px;right: 0;}
.polls-reports .panel-heading .log-ation-header{margin-bottom: 0;padding: 7px 10px 10px;}
#lightbox .modal-content {display: inline-block;text-align: center;   }
#lightbox .close {opacity: 1;color: rgb(255, 255, 255);background-color: rgb(25, 25, 25);padding: 5px 8px;border-radius: 30px;border: 2px solid rgb(255, 255, 255);position: absolute;top: -15px;right: -12px;z-index:1032;}
#lightbox img{max-width: 100%;}
.polls-reports .panel-body{padding: 5px 15px 15px;}
.export-rankings{top: -7px;position: relative;border-radius: 0;margin-left: 5px;background: #f2f2f2;}
#campaignreports{position: relative;min-height: 700px;}
#campaignreports:after{display: table;clear: both;content: ' ';}
#campaignreports .filter-complete-drop {padding: 0 10px;left: 0;top: 140px;}
#campaignreports .filter-drop{top: 0;width: 100%;margin-bottom: 10px;}
.filter-users ul,.filter-circle ul,.filter-action ul{padding: 0;list-style: none;display: inline-block;margin-bottom: 5px;}
.filter-users ul li,.filter-circle ul li,.filter-action ul li{display: inline-block;padding: 2px 5px;background: #f0eded;color: #565656;margin: 2px;}
.filter-label{font-weight: 500;padding-bottom: 5px;}
.filter-action span:first-of-type,.filter-action span:first-of-type,.filter-users span:first-of-type,.filter-action span:first-of-type,.filter-circle span:first-of-type{font-weight: 500;color: #565656;}
.shared-link span:first-of-type{color: #565656;margin-bottom: 10px;display: inline-block;}
#campaignreports .filter-drop button{float: right;}
.copy-link-btn{border-radius: 0;}
.shared-link{background: #fcfffe;box-shadow: 0 0 7px rgba(0,0,0,0.6);-webkit-box-shadow: 0 0 6px rgba(0,0,0,0.3);padding:10px;}
#reportFilterShare .reportName{width: 250px;height: 34px;margin-left: 5px;}
#reportFilterShare{border: 1px solid #e4e4e4;padding: 15px;}
.filter-link-label{font-size: 18px;color: #53b449;}
#reportSettings:after{display: table;clear: both;content: ' ';}
#campaignreports .tab-content .tab-pane{border: none;box-shadow: none;}
#reportView .polls-reports{margin-top: 0;}
.user-list-option .create-category-btn{
    padding: 3px 3px 3px 1px;
    font-size: 15px;border: 1px solid #eeeeee;
    /*border-radius: 5px;*/
    border-radius: 20px;
    background: #f9f9f9;
}
#inviteadd .campaign-project-header{margin-top: 0;}
#playbookaccessinvite,#playbookvisibilityinvite{border-top: none !important;}
.projects-details-section .tab-content>.active{box-shadow: 0 5px 7px 1px rgba(129,129,129,.2);}
table.table-header-rotated thead tr th{text-align: center;color: #333333;background: #eeeeee;font-weight: 500;font-size: 15px;border-right: 1px solid #e4e4e4;}
table.table-header-rotated tbody tr td{text-align: left;text-align: center;border-right: 1px solid #e4e4e4;background: #f9f9f9;color: green;}
table.table-header-rotated tbody tr th{font-size: 15px;border-right: 1px solid #e4e4e4;background: #f9f9f9;}
i.remove-planGroup,i.remove-orgcategory{float: right;position: relative;top: 4px;margin-left: 10px;color: #cc0000;font-size: 13px;}
.planGroupAdd .text,#planGroupsall .text{color: green;margin-bottom: 10px;}
#planGroupsall .user-list-option,#addedPlanGroups .user-list-option,#category-added .user-list-option{width: auto;}
#planGroupsall .user-list-option .create-category-btn,#addedPlanGroups .user-list-option .create-category-btn,#category-all .user-list-option .create-category-btn,#category-added .user-list-option .create-category-btn{padding: 10px;font-size: 14px;}
.plan-group-item{display: inline-block;}
#publishConfirmModal .modal-content {padding: 20px;border-radius: 5px;border: none;text-align: center;font-size: 14px;}
#publishConfirmModal .modal-header {border-bottom: none;   position: relative;}
#publishConfirmModal h4 {text-align: center;font-size: 26px;margin: 30px 0 -10px;}
#publishConfirmModal .close {position: absolute;top: -5px;right: -2px;}
#publishConfirmModal .modal-body {color: #999;}
#publishConfirmModal .modal-footer {border: none;text-align: center;border-radius: 5px;font-size: 13px;padding: 10px 15px 25px;}
#publishConfirmModal .modal-footer a {color: #999;}		
#publishConfirmModal .icon-box {width: 65px;height: 65px;margin: 0 auto;border-radius: 50%;z-index: 9;text-align: center;border: 3px solid #F44336;display: block;}
#publishConfirmModal .icon-box i {color: #F44336;font-size: 30px;display: inline-block;margin-top: 13px;}
#publishConfirmModal .btn {color: #fff;border-radius: 4px;text-decoration: none;transition: all 0.4s;line-height: normal;min-width: 120px;border: none;min-height: 40px;border-radius: 3px;margin: 0 5px;outline: none !important;}
#publishConfirmModal .btn-info {background: #c1c1c1;}
#publishConfirmModal .btn-info:hover, #publishConfirmModal .btn-info:focus {background: #a8a8a8;}
#publishConfirmModal .btn.activate-item{background: #8BC34A;}
#publishConfirmModal .icon-box.activate-item{border: 3px solid #8BC34A;}
#publishConfirmModal .icon-box i.fa-check {color: #8BC34A;font-size: 30px;display: inline-block;margin-top: 13px;}
#publishConfirmModal .btn-danger {background: #f15e5e;}
#publishConfirmModal .btn-danger:hover, #publishConfirmModal .btn-danger:focus {background: #ee3535;}
#publishConfirmModal .input-label{margin-bottom: 30px;}
#reports .filter-drop{top: -30px;right: 10px;position: relative;}
#reports .reports-header .heading{padding-bottom: 0px;margin-bottom: 0;}
#inviteadd .create-category-btn .img-check, #inviteadd .circle-list-btn .img-check{padding: 0;height: 38px;width: 38px;border-radius: 50%;float: left;margin: 0 5px 0 2px;object-fit: cover;}
.notification-camp-page #actionlogs .create-category-btn{cursor: default;pointer-events: none;}
.admin-journy-page .secondary-action{display: block;}
#actionlogs .log-main-section .user-list-option {width: 30%;}

/*For reports*/
.journy-reports .actionlog-section span.log-label{font-weight: 700 !important;font-size: 15px;word-break: break-all;}
.journy-reports .log-label{margin-bottom: 0;}
.journy-reports .log-main-section div span:last-of-type{font-weight: 500;word-break: break-word;}
.journy-reports .signup-login{margin-top: 5px;}
.journy-reports .signup-login span:first-of-type{color: #999999;}
.journy-reports .signup-login a{font-size: 13px;color: #4CAF50;font-weight: 500;margin-left: 5px;}
.journy-reports .profile-image{height: 30px;width: 30px;object-fit: cover;margin-right: 0px;border-radius: 50%;border: 1px solid #e4e4e4;}
.journy-reports .navbar-sharepage:after{clear: both;display: table;content: ' ';}
.journy-reports .navbar-sharepage{-webkit-box-shadow: 0 3px 3px #e4e4e4;-moz-box-shadow: 0 3px 3px #e4e4e4;box-shadow: 0 3px 3px #e4e4e4;background: #ffffff;padding: 0 15px;margin-bottom: 5px;}
.journy-reports .row{display: table-row;}
.journy-reports .center-main-page .row:before{display: none;}
.journy-reports .lightbox {
/** Default lightbox to hidden */
display: none;
/** Position and style */position: fixed;z-index: 999;width: 100%;height: 100%;text-align: center;top: 0;left: 0;background: rgba(0,0,0,0.8);}
.journy-reports .lightbox img {
	/** Pad the lightbox image */
	max-width: 90%;
	max-height: 80%;
	margin-top: 2%;
}

.journy-reports .lightbox:target {
	/** Remove default browser outline */
	outline: none;

	/** Unhide lightbox **/
	display: block;
            z-index: 999999;
}
.journy-reports .no-campaigns-section{background: #f2f2f2;position: relative;width: 80%;top: 40px;text-align: center;display: block;height: 85px;}
.journy-reports .no-campaigns-section img{height: 90px;position: absolute;left: 18px;top: 28px;}
.journy-reports .no-campaigns-section .no-campaign-text{text-align: left;display: block;margin-left: 130px;font-size: 16px;font-family: 'MyWebFont';;color: #949494;top: 18px;position: relative;}
.journy-reports .no-campaigns-section .no-campaign-text h3{margin-bottom: 5px;margin-top: 0;}

.journy-reports .org-name{margin: 20px auto;padding-left: 2px;}
.journy-reports .rating-list li{display: inline-block;margin: 3px;cursor: pointer;filter:grayscale(100%);-webkit-filter:grayscale(100%);}
.journy-reports .rating-list{padding: 0;list-style: none;margin: 0 auto;display: block;text-align: center;background: #f1f2f4;padding: 15px;}
.journy-reports .rating-list-label{display: none;font-weight: 500;text-align: center;background: #f1f2f4;padding-bottom: 15px;font-size: 15px;}
.journy-reports .rating-list li:hover,.journy-reports .rating-list li.selected{filter:grayscale(0);-webkit-filter:grayscale(0);}
.journy-reports .rating-list li img{height: 40px;}
.journy-reports .rating-list .rating-star-hover,.rating-list .rating-star-click{filter:grayscale(0);-webkit-filter:grayscale(0);}
.journy-reports .rating-list-view ul {display:inline-block; }
.journy-reports .rating-list-view li{display: inline-block;margin: 3px;cursor: pointer;filter:grayscale(100%);-webkit-filter:grayscale(100%);}
.journy-reports .rating-list-view{padding: 0;list-style: none;margin: 0 auto;display: block;text-align: center;background: #f1f2f4;padding: 5px 10px;}
.journy-reports .rating-list-label{display: none;font-weight: 500;text-align: center;background: #f1f2f4;padding-bottom: 5px;font-size: 15px;}
.journy-reports .rating-list-view li.selected{filter:grayscale(0);-webkit-filter:grayscale(0);}
.journy-reports .rating-list-view li img{height: 35px;}
.journy-reports .create-category-btn {background: #eef1f4;width: 100%;}
.journy-reports .create-category-btn .img-check{object-fit: cover;padding: 0;display: inline-block;margin: 0 2px;border: 1px solid #e4e4e4;}
.journy-reports .img-check {height: 57px;width: 50px;}
.journy-reports .create-category-btn .user-name{font-size: 14px;vertical-align: top;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 68%;display: inline-block;}
.journy-reports .create-category-btn .user-email{display: block;font-size: 13px;vertical-align: top;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color: #999999;margin-top: 0;}
.journy-reports .start-date-section:first-of-type .log-date-header {color: #40ac48;}
.journy-reports .log-date-year {display: inline-block;color: #716f6f;font-size: 15px;margin-bottom: 1px;font-weight: 600;}
.journy-reports .log-date-time {display: inline-block;font-size: 15px;color: #716f6f;margin-bottom: 0;font-weight: 600;margin-left: 6px;}
.journy-reports .start-date-section:nth-of-type(2) .log-date-header {color: #d8392e;}
.journy-reports .log-date-header {font-weight: 500;font-size: 15px;display: block;color: #5d5d5d;margin-bottom: 0;}
.journy-reports .start-date-section{display: block;margin-bottom: 5px;margin-top: 0;}
.journy-reports .log-main-section .log-label span{font-size: 15px;}
.journy-reports .poll-choice-label{font-size: 15px;}
.journy-reports .start-duration{display: inline-block;}
.journy-reports .start-duration:first-of-type{margin-right: 5px;}
.journy-reports .load-more-btn{display: none;text-align: center;font-size: 25px;color: #2196F3;margin: 35px 35px 10px;}
.journy-reports .disp-more,.journy-reports .disp-less{float: right;margin-right: 10px;color: #03A9F4;font-weight: 500;cursor: pointer;}
.journy-reports .hide-more{display: none !important;}
.journy-reports .disp-less{display: none;}
.journy-reports .polls-section-logs label img{width:30px;height:30px;margin-right: 3px;}
.journy-reports .user-rec-points{color: #4CAF50;font-size: 14px;}
.journy-reports .user-rec-points i{margin-right: 3px;}
.journy-reports .image-grid {width: 100%;max-width: 1310px;margin: 0 auto;overflow: hidden;padding: 10px 0 0;}
.image__cell {float: left;position: relative;margin:5px;background: #ffffff;}
.basic__img {height: 85px;margin: 0 auto;padding: 0;border-top-left-radius: 5px;width: 80px;display: inline-block;margin-right: 10px;}
.image__cell .image--basic {border-radius: 5px;cursor: pointer;box-shadow: 0 0 4px #d1d0d0;    padding: 15px;}
.image__cell.is-expanded .image--expand {max-height: 545px;margin-bottom: 10px;}
.image--expand {position: relative;left: 0;box-sizing: content-box;overflow: hidden;max-height: 0;transition: max-height .3s ease-in-out,margin-bottom .1s .2s;background: transparent;}
.image__cell.is-collapsed .arrow--up {height: 10px;width: 100%;}
.image__cell.is-expanded .arrow--up {border-bottom: 15px solid #d8d8d8;border-left: 15px solid transparent;border-right: 15px solid transparent;height: 0;width: 0;margin: 2px auto 0;}
.expand__close {position: absolute;top: 0;right: 20px;color: #454545;font-size: 40px;line-height: 40px;text-decoration: none;}
.expand__close:before {content: '×';}
.expand__close:hover {color: #333333;text-decoration: none !important;}
.image--large {max-width: 100%;height: auto;display: block;padding: 40px;margin: 0 auto;box-sizing: border-box;}
@media only screen and (max-width: 530px) {

  .image__cell {
      width: 50%;
  }

  .image__cell:nth-of-type(2n+2) .image--expand {
      margin-left: -100%;
  }

  .image__cell:nth-of-type(2n+3) {
      clear:left;
  }

  .image--expand {
      width: 200%;
  }

}

@media only screen and (min-width: 531px) {
  .image__cell {
      width: 48%;
  }
  
  .image__cell:nth-of-type(2n+2) .image--expand {
    margin-left: -103%;
  }

  .image__cell:nth-of-type(2n+3) {
    clear: left;
  }
  
  .image--expand {
    width: 203%;
  }
  
}
.journy-reports .actions{width: 64%;display: inline-block;}
.journy-reports .expand-view{padding: 40px 35px;background: #d8d8d8;}
.image--expand:after{display: table;clear: both;content: ' ';}
.journy-reports .campaign-details-info{padding: 5px 8px;clear: both;background: #ffffff;}
.journy-reports .campaign-name-detail{color: #333333;font-weight: 500;font-size: 16px;line-height: 18px;padding-top: 5px;    padding-bottom: 5px;min-height: 45px;}
.journy-reports .posted-by{font-size: 12px;color: #565656;padding: 10px 0 2px;}
.journy-reports .img-shadow {background: #ffffff;position: relative;max-width: 100%;float: left;}
.journy-reports .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);} 
.journy-reports .img-shadow img {float: left;}
.journy-reports .expand-view-inner{background: #ffffff;padding: 10px 5px 5px 5px;}
.journy-reports .disp-inline{display: inline-block;width: 70%;vertical-align: middle;}
.journy-reports .image-list img{height: 35px;width: 35px;display: inline-block;border-radius: 50%;object-fit: cover;}
.journy-reports .achievement-header{color: #565656;font-size: 18px;padding-bottom: 1px;font-weight: 500;}
.journy-reports .image-list img:nth-child(3),.image-list img:nth-child(2){margin-left: -12px;}
.journy-reports .image-list span{color: #565656;}
.journy-reports .image-list span:last-of-type{display: inline-block;width: 57%;vertical-align: middle;}
.journy-reports .achieved-user-details .user-iterate img{    height: 45px;width: 45px;display: inline-block;vertical-align: top;border-radius: 50%;object-fit: cover;}
.journy-reports .achieved-user-details .user-achievement-details{vertical-align: middle;display: inline-block;width: 75%;}
.journy-reports .user-achievement-details div:first-of-type{font-weight: 500;font-size: 16px;}
.journy-reports .user-achievement-details div:last-of-type{color: #4CAF50;font-size: 13px;}
.journy-reports .user-iterate{margin-bottom: 5px;background: #fbfbfb;padding: 5px;display: inline-block;margin-right: 3px;width: 210px;}
.achieved-user-details {margin-top: 15px;max-height: 300px;overflow: auto;}
.journy-reports .no-padding{padding-left: 0;padding-right: 0;}
.journy-reports .action-define{font-size: 15px;font-weight: 500;color: #565656;}
.journy-reports .action-points{color: #4CAF50;font-size: 14px;font-weight: 500;}
.journy-reports .expand-view-inner .achievement-header{margin-top: 5px;}
.journy-reports .action-logs-body{clear: both;display: table;border-collapse: separate;border-spacing: 0;width: 100%;}
.journy-reports .overlay {position: absolute;top: 0px;height: 92%;width: 100%;opacity: 0.7;background: #f9f9f9;border-radius: 2px;left: 0;}
.journy-reports .overlay img {height: 35px;background: transparent;padding: 0;width: 35px;object-fit: cover;top: 0;right: 0;position: absolute;}
.journy-reports .poll_choice_img{display: none;height: 35px;width: 35px;border-radius: 50%;margin-right: 3px;margin-left: 10px;object-fit: cover;}
.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;}
.journy-reports .action-heading{color: #009688;font-weight: 500;font-size: 16px;}
.journy-reports .polls-body,#reports .quantity-report{box-shadow: 0 0 4px #d1d0d0;width: 48%;display: inline-block;margin-right: 1%;margin-top: 1%;margin-bottom: 1%;padding: 15px;}
.journy-reports .panel-body:after,#reports .panel-body:before{display: block;}
.journy-reports .nav-pills li a{background-color: #eeeeee;font-size: 15px;}
.journy-reports .center-main-page .nav-pills:after{display: table;clear: both;content: ' ';}
.journy-reports .achievement-icon{height: 75px;width: 75px;border-radius: 50%;margin-right: 10px;}
.journy-reports .star-center-section{padding: 15px 0;}
.journy-reports .rate-heading{font-size: 15px;color: #333333;font-weight: 500;padding-top: 10px;display: inline-block;}
.journy-reports .filter-complete-drop{clear: both;background: #ffffff;margin-bottom: 0;top: -15px !important;position: relative;width: 100% !important;}
.journy-reports .filter-complete-drop .nav-tabs>li>a{padding: 0 15px !important;color: #cccccc !important;cursor: pointer;background-color: #333;border-bottom:none !important;border-radius: 0 !important;border: none;border-right: 1px solid #dddddd !important;}
.journy-reports .filter-complete-drop .nav-tabs{border-bottom: 1px solid #333;border: none !important;background: #333333;    width: 100%;height: 40px;}
.journy-reports .filter-complete-drop .nav-tabs>li.active>a{color: #ffffff !important;cursor: pointer;background-color: #333;border: NONE !important;border-bottom-color: #333333 !important;border-right: 1px solid #dddddd !important;}
.journy-reports .filter-complete-drop .nav-tabs>li{margin-bottom: 0 !important;padding:10px 0 !important;}
.journy-reports .filter-complete-drop .create-category-btn span{margin-top: 2px;display: block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;padding: 0 4px;}
.journy-reports .filter-complete-drop .nav-tabs>li:first-of-type a{border-right: 1px solid #cccccc !important;}
.journy-reports .filter-complete-drop .nav-tabs li:last-of-type a{border-right: none !important;}
.journy-reports .tab-content .tab-pane{position: relative;}
.journy-reports .nav-tabs:before,.journy-reports .nav-tabs:after{display: none;}
.journy-reports .category-filters .tab-content>.active {box-shadow: 0 5px 7px 1px rgba(129,129,129,.2);}
.journy-reports .filter-search-box input {padding: 7px;width: 100%;-webkit-appearance: none;border: 1px solid #e4e4e4;margin-bottom: 15px;}
.journy-reports .category-filters label{margin-bottom: 10px;}
.journy-reports .filter-complete-drop{z-index: 999;}
.journy-reports .admin-project-list .arrow_box:after, .admin-project-list .arrow_box:before{left: 98%;}
.journy-reports .search-body{overflow: hidden;text-overflow: ellipsis;max-width: 100%;white-space: nowrap;}
.journy-reports .filter-search-box input{padding: 7px;width: 100%;-webkit-appearance: none;border: 1px solid #e4e4e4;margin-bottom: 15px;}
.journy-reports .filter-search-box{margin-bottom: 10px;}
.journy-reports .category-filters .tab-content>.active{border-bottom: none;padding: 25px 20px 30px !important;background: #ffffff;border: 1px solid #e4e4e4 !important;border-top: none !important;}
.journy-reports .category-filters .scroll-list{padding-top: 5px;}
.journy-reports .tab-content>.active{padding: 0 !important;box-shadow: none !important;-webkit-box-shadow: none !important;border: none !important;}
.social-icons{color: #777777;font-size: 13px;margin-top: 4px;cursor: default;}
.social-icons i{font-size: 20px;color: #00bcd4;position: relative;top: 2px;}
.social-icons i:last-of-type{margin-left: 15px;}
.journy-reports .social-icons i{font-size: 12px;color: #999999;position: relative;top: 0;}
.social-icons a{color: #999999;}
.report-actionlog-shoutout,.report-actionlog-poll,.report-actionlog-rating,.report-actionlog-hours,.report-actionlog-quantity,.report-actionlog-remarks{padding: 5px 10px;}
#summary-filter-drop .arrow_box:after, #summary-filter-drop .arrow_box:before {left: 96%;}
.empty-achievements:after{display: table;clear: both;content: ' ';}
.empty-achievements{height: 150px;}
.journy-reports li.active a{background-color: #337ab7;color: #ffffff !important;}
.action-summary .quantity-table thead tr th:first-of-type{width:40%;}
.action-summary .table-header-rotated.quantity-table{margin-top: 10px;}
.empty-summary:after{display: table;content: ' ';clear: both;}
.empty-summary{margin-top: 30px;margin-bottom: 75px;}
/*.start-date-section:first-of-type .log-date-header {color: #40ac48;font-size: 15px;}*/
.start-date-section:first-of-type .log-date-header{color: #333333;font-size: 14px;font-weight: 600;text-transform: uppercase;background: #f2f2f2;}
.start-date-section:nth-of-type(2) .log-date-header {color: #d8392e;font-size: 15px;}
.summary-section .col-md-3:nth-of-type(1){color: #00BCD4;}
.log-main-section .summary-section .col-md-3:nth-of-type(2){color:#55bc5d;margin: 0;}
.summary-section .col-md-3:nth-of-type(3){color:#5F85EA;}
.summary-section .col-md-3:nth-of-type(4){color:#ED145B;}
.summary-section .start-date-section:first-of-type .log-date-header {color: #888888;font-size: 15px;}
.summary-section .start-date-section:nth-of-type(2) .log-date-header {color: #888888;font-size: 13px;}
.summary-section .log-date-header,.summary-section .log-date{display: inline-block;color: #888888 !important;}
.summary-section .start-date-section:first-of-type{border-right:none !important;}
.summary-heading-section span{display: block;}
.summary-heading-section span:nth-of-type(2){font-weight: 500;font-size: 20px;}
.summary-heading-section{border-right: 1px solid #bbbbbb;margin-bottom: 10px;}
.summary-heading-section:nth-of-type(4){border-right:none;}
.start-date-section,.end-date-section{font-size: 12px;color: #888888;}
.action-summary-overall .action-heading{color: #565656;font-size: 15px;}
.action-summary-overall .start-date-section,.action-summary-overall .end-date-section{margin-top:2px;}
/*.summary-details{border-top: 1px solid #aaaaaa;}*/
.summary-duration-section .log-date-header{font-size: 14px;}
.total-hours,.min-hours,.avg-hours,.max-hours{color: #565656;font-size: 14px;}
.action-summary-hours .total-hours,.action-summary-hours .min-hours,.action-summary-hours .avg-hours,.action-summary-hours .max-hours{margin-bottom: 10px;}
.action-summary-hours .total-hours .log-date-header{color: #40ac48 !important;}
.action-summary-hours .min-hours .log-date-header{color: #d8392e !important;}
.action-summary-hours .avg-hours .log-date-header{color: #00BCD4 !important;}
.action-summary-hours .max-hours .log-date-header{color: rgb(239, 75, 128) !important;}
.action-summary-duration .log-date-header:nth-of-type(1){color: #40ac48;}
.action-summary-duration .log-date-header:nth-of-type(2){color:#00BCD4 ;}
.action-summary-duration .log-date-header:nth-of-type(3){color: #d8392e;}
.action-summary-duration .log-date-header:nth-of-type(4){color: rgb(239, 75, 128);}
div#masonry .log-main-section{width:100%;}
div#masonry .action-summary-overall .item.action-summary-detail{border:none;box-shadow: none;padding-left: 0;padding-right: 0;border-bottom: 1px solid #e4e4e4;margin-bottom: 0;}
div#masonry .action-summary-overall .item.action-summary-detail:last-of-type{border-bottom: none;}
.read-more-less{padding: 5px 0;font-size: 15px;}

.log-main-section .action-heading,.action-summary-quantity .action-heading{width: 87%;display: inline-block;}
.log-main-section .fa-info-circle{display: inline-block;cursor: pointer;vertical-align: top;font-size: 18px;margin-left: 5px;}
#actionDetailsModal .modal-dialog{width:80%;}
.action-summary-quantity .fa-info-circle{display: inline-block;cursor: pointer;vertical-align: top;float: right;margin-top: 5px;font-size: 18px;}
#actionDetailsModal .action-logs-body{width:100%;}
#actionDetailsModal .action-logs-body .row{    display: table-row;}
#actionDetailsModal .modal-header{padding: 10px 15px 0;border-bottom: none;}
#actionDetailsModal .action-logs-body .row:before,#actionDetailsModal .action-logs-body .row:after{display: none;}
.activities-count-heading{width: 20%;display: inline-block;}


.log-main-section .summary-icons-section img{display: inline-block;vertical-align: middle;width: 25px;height: 25px;margin-right: 5px;}
.summary-info{display: inline-block;vertical-align: middle;}
.log-main-section .summary-icons-section{border-right: 1px solid #e4e4e4;width: auto}
.summary-icons-section:nth-child(4){border-right: none !important;}
.log-main-section .summary-info span{display: inline-block;}
.summary-info span:first-of-type{font-weight: 500;font-size: 20px;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;}
.ptop25{padding-top: 10px;}
.read-more-less{color: #73a2f0;font-size: 15px;float: right;cursor: pointer;margin-right: 0;}
.read-more-less i{margin-left: 5px;font-size: 16px;}
.action-detail-heading:after,.action-summary-overall:after,.summary-details:after,.date-section:after,.poll-log:after,.table-container:after,.action-content-detail:after,.action-table-details .item:after{content: ' ';display: table;clear: both;}
.action-table,.summary-details{display: none;}
.card-header h5.mb-0{margin-top: 6px;margin-bottom: 8px;}
.card-header:after,.summary-listing:after{display: table;content: ' ';clear: both;}
.card-header{padding: 10px;background: #fbfbfb;}
.card-body{padding: 15px 10px;background: #ffffff;}
.action-heading span.head{font-weight: 700 !important;font-size: 16px;}
.action-detail-heading .view-icon{color: #73a2f0 !important;}
.action-detail-heading .view-icon:hover,.action-detail-heading:hover{text-decoration: none;}
.summary-details{padding-top: 15px;}
.date-section{margin-bottom: 15px;}
.read-more-less:hover{color: #577bb7;}
.action-table div{font-weight: 500;padding: 10px;}
.action-hours-details div,.summary-duration-section div{padding: 10px;}
.action-table-details .item:nth-child(odd) {background: #f7f7f7;}
.action-table-details .item:nth-child(even) {background: #ffffff;}
.read-less{display: none;}
.action-detail-heading h5:after {
    content: 'View more \f13a';
    position: relative;
    top: 1px;
    color: #73a2f0;
    display: inline-block;
    font-family: 'Fontawesome';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    float: right;
    transition: transform .25s linear;
    -webkit-transition: -webkit-transform .25s linear;
}
.action-detail-heading[aria-expanded="true"] h5:after {
    content: "View less \f139";

}
.action-detail-heading[aria-expanded="false"] h5:after {
    content: 'View more \f13a';

}
.view-activities{cursor: pointer;color: #4eb25a;text-decoration: underline;}
.table-container{display:none;border: 1px solid #e4e4e4;}
/*.action-quantity-main div,.action-quantity-details-list .header div,.action-quantity-details-list .action-user-details div{padding: 10px;}*/
.action-table .div-border{color: #ffffff;background: rgba(51, 51, 51, 0.74);border-right: 1px solid #aaaaaa;}
.action-table .div-border:last-of-type{border-right: none;}
.div-side-border{border-right: 1px solid #e4e4e4;}
.div-side-border:last-of-type{border-right: none;}
.action-summary-quantity .fa-minus-circle{cursor: pointer;display: none;position: relative;top: 2px;color: #f2d047;font-size: 18px;}
.action-summary-quantity .fa-plus-circle{cursor: pointer;position: relative;top: 2px;color: #95b27e;font-size: 18px;}
.action-summary-hours .fa-minus-circle{cursor: pointer;display: none;position: relative;top: 2px;color: #f2d047;font-size: 18px;}
.action-summary-hours .fa-plus-circle{cursor: pointer;position: relative;top: 2px;color: #00BCD4;font-size: 18px;}
.item_content-details{border-top: 5px solid #e4e4e4;background: #ffffff;padding: 0;border-bottom: 5px solid #e4e4e4;}
.action-user-details img{height: 35px;width: 35px;border-radius: 50%;margin-right: 5px;object-fit: cover;}
.action-user-details .user-profile-details{padding: 3px !important;}
.action-quantity-details-list .header:after{display: table;clear: both;content: ' ';}
.action-quantity-details-list .header div{border-right: 1px solid #e4e4e4;min-height: 40px;color: #999999;font-weight: 500;padding: 10px;}
.action-quantity-details-list .header{border-bottom: 1px solid #e4e4e4;}
.action-user-details .div-side-border:last-of-type,.action-quantity-details-list .header div:last-of-type{border-right: none !important;}
.loader-container-details .loadinglogs span,.loader-container .loadinglogs span,.loader-modal-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),.loader-modal-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),.loader-modal-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),.loader-modal-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),.loader-modal-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),.loader-modal-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),.loader-modal-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),.loader-modal-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),.loader-modal-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),.loader-modal-container .loadinglogs span:nth-of-type(10) {background: #c0db24;animation-delay: 1.8s;}
.loader-container-details,.loader-container,.loader-container{position: relative;height: 100px;}
.loader-container,.loader-modal-container{text-align: center;margin: 50px 0;}
.loader-modal-container{display:none;}
.loadinglogs h2{font-size: 22px;text-transform: capitalize;padding-bottom: 0;margin-bottom: 0;color: #676767;display: block;margin-right: 12px;padding-left: 10px;}
@keyframes loadinglogs {
  0% {
    opacity: 0;
  }
  100% {ccc
    opacity: 1;
  }
}
.p-10{padding: 10px;}
span.user-name{color:#565656;}

/*.logs-like{display: inline-block;border-top-left-radius: 20px;border-bottom-left-radius: 20px;border-top-right-radius: 20px;border-bottom-right-radius: 20px;margin: 3px 0 3px 4px;}
.logs-like span{margin-left: 1px;font-weight: 500;}
.logs-like.active span{color:#297cbd;}

.logs-like,.comments-action,.achievement-points {display: inline-block;color: #999999;}
.logs-like i,.comments-action i{color: #999999;cursor: pointer;font-size: 20px;height: 25px;width: 25px;text-align: center;border-radius: 50%;line-height: 23px;margin-right: 2px;}
.logs-like i{color: #ffffff;background: #606770;}
.logs-like.active i{ color: #03a9f4}
.logs-like.active span{color: #03a9f4}*/
.like-list{cursor: pointer;}
#userListModal .modal-dialog,#userDisplayModal .modal-dialog{width: 350px;}
#userListModal .modal-content,#userDisplayModal .modal-content{border-radius: 3px;}
.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;}
#userListModal .modal-body,#userDisplayModal .modal-body{padding: 10px 15px;}
.user-name-section{border-bottom: 1px solid #e9ebee;display: inline-block;width: 75%;padding: 12px 0;}
#userListModal .modal-header span i,#userDisplayModal .modal-header span i{color: #ffffff;background: #2196F3;padding: 5px 7px;border-radius: 50%;margin-right: 2px;}
#userListModal .modal-header span,#userDisplayModal .modal-header span{color: #2196F3;font-weight: 500;font-size: 14px;border-bottom: 2px solid;padding-bottom: 17px;padding-left: 5px;padding-right: 5px;}
.comments-action{display: inline-block;margin: 3px 0 3px 25px;font-weight: 500;}
.comments-action span{color: #4b5564;font-size: 14px;cursor:pointer;font-weight: 500;}
.comments-action span i{border-radius: 50%;text-align: center;cursor: pointer;font-size: 24px;position: relative;top: 2px;}
.comments-action.active i{background: #8bc34a}
.comments-action.active span{color: #8bc34a}
.write-comment img{height: 35px;width: 35px;border-radius: 50%;vertical-align: top;object-fit: cover;max-width: 5%;display: inline-block;}
.write-comment textarea{;border-radius: 10px;max-width: 95%;width: 95%;border-color: #e4e4e4;padding: 7px 10px;vertical-align: middle;resize: none;background: #f0f2f5;}
.write-comment textarea:focus{outline: none !important;}
.write-comment{margin: 0 0 5px;background: #ffffff;padding: 8px 5px 5px;}
.comments-list img{height: 35px;width: 35px;border-radius: 50%;vertical-align: top;object-fit: cover;max-width: 5%;}
.comments-list:last-of-type{border-bottom: none !important;}
.comments-text{display: inline-block;padding-bottom: 1px;clear: both;background: #f0f2f5;border-radius: 12px;padding: 4px 10px;width: 100%;}
.comments-list-text{margin-left: 2px;display: inline-block;width: 95%;vertical-align: middle;max-width: 95%;}
.comments-list{padding: 2px 5px;border-bottom: 3px solid #ffffff;background: #ffffff;margin-bottom: 20px;}
.comments-like{cursor: pointer;margin-left: 20px;margin-top: 5px;display: inline-block;}
.comments-like.active i, .comments-like.active span{color: #297cbd;}
.comments-like i{color: #9f9d9d;font-size: 13px;}
.comments-like span{color: #908f8f;font-size: 12px;}
.comments-text .comment-user-name{color: #000000;font-weight: 500;}
.comments-like:hover i{color: #2e6aec;}
.comments-like:hover span{color: #2e6aec;}
.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: 12px;}
.comment-date i{margin-right: 5px;position: relative;top: -1px;font-size: 12px;}
.comments-text .comments{max-width: 100%;word-break: break-word;line-height: 22px;}
.achievement-points{border: none !important;}
.delete-comment{color: #9f9d9d;font-size: 12px;margin-left: 25px;cursor: pointer;display: inline-block;}
.delete-comment i{font-size: 12px;}
.delete-comment:hover{color: #F44336;}
.achievement-points i{color: #ffffff;background: #4CAF50 !important;padding: 0 !important;border-radius: 50%;margin-right: 3px;font-size: 12px;height: 22px;width: 22px;line-height: 22px;text-align: center;}
.delete-action-log i,.delete-board i,.delete-calendar i{border: 2px solid #E91E63;color: #ffffff;height: 22px;width: 22px;line-height: 18px;text-align: center;border-radius: 50%;cursor: pointer;transition: 0.5s ease all;font-size: 12px;background: #E91E63;margin-right: 0px;}
span.delete-action-log,span.delete-board,span.delete-calendar{color: #e91d63;margin:0 !important;margin-right: 15px !important;cursor: pointer;}
.like-button{cursor: pointer;}
.panel-body .action-achievement{padding: 15px 15px 0!important;}
.panel-body .action-achievement{border-top: none !important;}
.poll-choice-label{font-weight: 500;}
.comment-count{margin-right: 2px;}
.view-more-comments{color:blue;padding-bottom: 5px;cursor: pointer;}
.view-more-comments{color: #337ab7;margin-left: 5px;display:inline-block;margin-bottom: 5px;text-decoration: underline;}
.view-all-actions{cursor:pointer;color: #03a9f4;text-decoration: underline;vertical-align: top;display: inline-block;text-align: right;float: right;}
.hide-comments{display: none;}
.secondary-action{display: none;}
.position-fixed{position: fixed;width: 27%;top: 168px;}
.project-details-left:after{display:table;clear:both;content:' ';}
.position-fixed-title{font-size: 23px;position: fixed;top: 114px;}
.campaign-title{font-size: 22px;color: #5E84E7;font-weight: 500;}
.view-less-actions{display:none;cursor:pointer;color: #03a9f4;text-decoration: underline;vertical-align: bottom;text-align: right;float: right;}
.body.content{padding-top: 50px;width: auto;padding-right: 0;padding-left: 0;}
.display-fixed{position: fixed;z-index: 999;background: #ffffff;width: 1140px;padding: 25px 0px 10px;}
.secondary-action .view-all-actions{display:none;}
.journy-description{color: #686f7a;padding-top: 10px;font-size: 15px;}
.journy-name{color: #565656;font-size: 26px;font-weight: 500;padding-bottom: 5px;}
.error-journy-section img{max-width: 100%;height: 250px;}
.error-journy-section{padding-top: 50px;}
.error-journy-section .col-red{color: #d40909;font-size: 20px;padding-bottom: 10px;}
.error{color: #a94442;font-size: 12px;margin-top: 5px;display: none;}
#reports .filter-drop{top: -15px;right: 10px;position: relative;}
#actionsModal{z-index: 9999;}
.summary-section .start-date-section{padding-right: 0;}
.actionlog-accordion:hover{text-decoration: none;}
div#masonry .summary-details .item.action-summary-detail {display: inline-block;width: 100%;border: 1px solid #e4e4e4;background:#efefef;border-bottom: none;}
#actionDetailsModal .action-logs-section {
    background: #ffffff;
    vertical-align: top;
    box-shadow: 0 0 7px rgba(0,0,0,0.6);
    -webkit-box-shadow: 0 0 6px rgba(0,0,0,0.3);
    width: 33.33%;
    display: table-cell;
}
#actionDetailsModal .action-logs-body {
    width: 100%;
}
#actionDetailsModal .action-logs-body {
    clear: both;
    display: table;
    border-collapse: separate;
    border-spacing: 15px;
    table-layout: fixed;
}
#actionDetailsModal .action-logs-body .row {
    display: table-row;
}
.user-img-points {
    display: inline-block;
    vertical-align: middle;
    position: relative;
}
#actionDetailsModal .user-log-view {
    display: inline-block;
    margin-top: 0;
    width: 79%;
    vertical-align: middle;
}
#actionDetailsModal .user-log-clock i {
    font-size: 12px;
    margin-right: 5px;
    position: relative;
    top: 0px;
    color: #aaaaaa;
}
#actionDetailsModal .user-log-clock p {
    display: inline-block;
    margin-bottom: 0;
    font-size: 12px;
    color: #aaaaaa;
}
#actionDetailsModal .social-icons {
    color: #777777;
    font-size: 13px;
    margin-top: 4px;
    cursor: default;
}
#actionDetailsModal .social-icons i {
    font-size: 20px;
    color: #00bcd4;
    position: relative;
    top: 2px;
}
#actionDetailsModal .user-like-count, #actionDetailsModal .user-comment-count {
    margin-left: 3px;    display: inline-block;
}
#actionDetailsModal .social-icons i:last-of-type {
    margin-left: 15px;
}
#actionDetailsModal .action-name {
    font-size: 16px;
    font-weight: 500;
    color: #009688;
    padding: 4px 2px 2px;
    margin: 0px 10px 5px;
}
#actionDetailsModal .panel-heading{padding: 10px 10px;}
#actionDetailsModal .log-action-media img{height: 200px;}
#actionDetailsModal .user-log-view span:last-of-type{padding-bottom: 0;}
#actionDetailsModal .user-log-view span:first-of-type{overflow: visible;}
#actionDetailsModal .log-action-remarks {
    margin-bottom: 10px;
    font-size: 15px;
    color: #716f6f;
    font-weight: 500;
}
#actionDetailsModal .log-main-section .log-label span {
    font-size: 15px;
}
#actionDetailsModal .log-main-section .log-label{margin-bottom: 0;}
#actionDetailsModal .rating-list-view {
    padding:  0;
    list-style: none;
    margin: 0 auto;
    display: block;
    text-align: center;
    background: #f1f2f4;
    padding: 5px 10px;
}
#actionDetailsModal .rating-list-label {
    font-weight: 500;
    text-align: center;
    background: #f1f2f4;
    padding-bottom: 5px;
    font-size: 15px;
    max-width: 100%;
    word-break: break-word;
}
#actionDetailsModal .log-main-section{width: 100%;padding: 0 10px;}
#actionDetailsModal .create-category-btn {
    background: #eef1f4;
    width: 100%;
}
#actionDetailsModal .start-date-section:first-of-type .log-date-header {
    color: #40ac48;
    font-size: 15px;
}
#actionDetailsModal .log-date-year {
    display: inline-block;
    color: #716f6f;
    font-size: 15px;
    margin-bottom: 1px;
    font-weight: 600;
}
#actionDetailsModal .log-date-time {
    display: inline-block;
    font-size: 15px;
    color: #716f6f;
    margin-bottom: 0;
    font-weight: 600;
    margin-left: 6px;
}
#actionDetailsModal .start-date-section {
    display: block;
    margin-bottom: 5px;
}
#actionDetailsModal .start-date-section:nth-of-type(2) .log-date-header {
    color: #d8392e;
    font-size: 15px;
}
#actionDetailsModal .log-date-header {
    font-weight: 500;
    font-size: 14px;
    display: block;
    color: #888888;
    margin-bottom: 0;
}
#actionDetailsModal .start-date-section:first-of-type{padding-right: 0;border-right: none;margin-right: 0;}
#actionDetailsModal .view-all-actions,#actionDetailsModal .view-less-actions{display: none;}
.actionlogpopup .view-all-actions,.actionlogpopup .view-less-actions{display: none;}

@media only screen and (max-width: 700px) {
    #actionlogs .log-main-section .user-list-option {width: 100%;}
    table{table-layout: auto;}
}
.load-more-btn{display: none;text-align: center;font-size: 20px;color: #fff;margin: 35px auto;background: #2196F3;padding: 10px;width: 285px;}
.load-more-actions,.load-more-image-attachments,.load-more-docs-attachments,.load-more-video-attachments,.load-more-link-attachments{display: none;text-align: center;font-size: 16px;color: #ffffff;margin: 35px auto;background: #337ab7;padding: 5px;width: 225px;border-radius: 35px;border: 1px solid #337ab7;}
.load-more-actions .spinner,.load-more-image-attachments .spinner,.load-more-video-attachments .spinner,.load-more-docs-attachments .spinner,.load-more-link-attachments .spinner{width: 85px;}
.disp-more,.disp-less{float: right;margin-right: 10px;color: #03A9F4;font-weight: 500;cursor: pointer;}
.hide-more{display: none !important;}
.disp-less{display: none;}
.spinner {display: inline-block;
  width: 100px;
  text-align: center;
}

.spinner > div {
  width: 10px;
  height: 10px;
  background-color: #ffffff;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1s infinite ease-in-out both;
  animation: sk-bouncedelay 1s infinite ease-in-out both;
}

.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.spinner .bounce2 {
  -webkit-animation-delay: -0.20s;
  animation-delay: -0.20s;
}
.spinner .bounce3 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}


@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bouncedelay {
  0%, 80%, 100% { 
    -webkit-transform: scale(0);
    transform: scale(0);
  } 40% { 
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
}
.action-quantity-details-list .user-view,.action-quantity-details-list .circle-view{cursor: pointer;}
.summary-circle-name{padding: 5px 0;background: #eeeeee;font-weight: 500;}
.p-10{padding: 10px;}
span.user-name{color:#565656;}
.action-activities{cursor: pointer;}
.action-circle-details img{height: 35px;width: 35px;border-radius: 50%;margin-right: 5px;object-fit: cover;}
.circle-header{background: #eee;font-weight: 500;}
.summary-circle-name{display: table;font-weight: 700 !important;color: green;}
.circle-header-row .circle-header.user-profile-details{padding: 5px;}
.user-view,.circle-view{cursor: pointer;font-weight: 500;}
.circle-view.active,.user-view.active{font-weight: 700 !important;text-decoration: underline;}
.circle-header-row.clickable:after,.action-user-summary-quantity:after{display: table;clear: both;content:' ';}
.circle-header-row div{color: green;}
.circle-header-row.clickable,.clickable{cursor: pointer;}
span.user-name{width: auto;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: inline-block;position: relative;}
.circle-header-row.clickable .circle-header .fa-plus-circle{margin-top: 4px;}
.p-2{padding: 2px 0;}
.circle-header-row.clickable{border-bottom: 1px solid #ffffff;}
#lightbox {z-index: 999999;}
.rate-heading{clear: both;font-weight: 500;}
.action-content-detail .item.cloned{clear: both;padding: 0;}
.btn-add-orgcategory{width: 195px;}
.bootstrap-datetimepicker-widget tr:hover {background-color: #808080;}
/*.calendar-navtabs{min-height: 40px;position: relative;left: 19%;display: inline-block;}*/
.calendar-navtabs>li>a,.board-navtabs>li>a{padding: 5px 20px !important;border: 1px solid #E91E63;border-radius: 0;font-size: 15px;border: 1px solid #E91E63 !important;background: #ffffff;color: #E91E63 !important;}
.calendar-navtabs,.board-navtabs{border-bottom: none;}
.calendar-navtabs>li.active>a,.calendar-navtabs>li>a:hover,.calendar-navtabs>li.active>a:hover,.board-navtabs>li.active>a,.board-navtabs>li>a:hover,.board-navtabs>li.active>a:hover{background: #E91E63;color: #ffffff !important;}
button.ui-datepicker-trigger{text-align: center;width: auto;border: none;color: #e91e63;font-weight: 500;font-size: 15px;cursor: pointer;background: #ffffff !important;margin-top: 0;}
.input-picker:focus{outline: none !important;}
.calendar-navtabs>li.active>a:focus,.board-navtabs>li.active>a:focus{background: #E91E63;color: #ffffff !important;}
.reports-calendar.admin-view{margin-top: 25px;}
.access-denied{display: none;margin-top: 30px;margin-bottom: 75px;color: #9E9E9E;font-size: 17px;}
.modal-body .no-feature-section .no-campaign-text b{font-size: 18px;padding-bottom: 3px;display: block;}
.modal-body .no-campaign-text{margin-bottom: 30px;}
#usedJourny .modal-body img{height: 220px;margin-bottom: 0 !important;}
.modal-body .no-campaign-text a{font-weight: 500;text-decoration: underline;color: #2196F3;}
.modal-body .no-campaign-text a:hover{color: #337ab7;}
.btn-new-journy{float: right;top: 12px;position: relative;border-radius: 0;}
.access-denied{display: none;}
.summary-calendar i{position: relative;top: -1px;cursor: pointer;margin-left: 5px;}
#reports .filter-drop{top: -45px;position: relative;}
#summary-filter-drop #filter-complete-drop8{top: 5px !important;width: 100% !important;position: relative !important;}
.others-my-report img{height: 35px;width: 35px;cursor: pointer;}
.others-my-report .rep-text{display: block;line-height: 14px;padding-top: 4px;font-size: 13px;color: #333333;cursor: pointer;}
.others-my-report .img-rep{display: inline-block;text-align: center;cursor: pointer;}

.gamification-tabs img{height: 35px;width: 35px;cursor: pointer;}
.gamification-tabs{text-align: center;margin-bottom: 30px;}
.gamification-tabs .rep-text{display: block;line-height: 14px;padding-top: 4px;font-size: 13px;color: #333333;cursor: pointer;}
.gamification-tabs .img-rep{display: inline-block;text-align: center;cursor: pointer;}
.gamificationType.active .rep-text{background: #03A9F4;color: #ffffff !important;padding: 10px 20px;}

.filter-text{display: block;text-align: center;font-size: 13px;width: 45px;line-height: 14px;}
.user-view-reports.summary-reports-section .filter-drop{text-align: center;width: 42px;}
.admin-view .calendar-navtabs{left:21%;}
#leader-board .calendar-navtabs{left: 0;min-height: 37px;}
#leader-board .calendar-navtabs>li>a{padding: 4px 9px !important;}
#leader-board .summary-calendar{clear: both}
#leader-board #chart-view,#leader-board #table-view{margin-top: 35px;}
.chart-table-view{margin-top: 5px;}
.learboard-summary-calendar .tab-pane.fade{margin: 15px 0;}
.learboard-summary-calendar{clear: both;min-height: auto;}
.learboard-summary-calendar button.ui-datepicker-trigger{margin-bottom: 10px;}
.img-rep-all{margin-left:5px;}
.reportType.active .rep-text{background: #03A9F4;color: #ffffff !important;padding: 10px 20px;}
.summamry-section{margin-top: 20px;}
.ui-datepicker{z-index: 9999 !important;}
/*.accordion-option{clear: both;}*/
.accordion-option a{font-size: 14px;margin-bottom: 12px;color: #ffffff;background: #676767;padding: 2px 12px;border-radius: 2px;text-decoration: none !important;display: inline-block}
.toggle-accordion span i{margin-left: 3px;font-size: 10px;}
.accordion-option a:hover{text-decoration: none;}
.empty-poll-value{color: #007FFE;cursor: pointer;}
.hide-display{display: none;}
.action-summary-poll.cloned{margin: 15px 0;}
.achievement-name-main .achievement-type{color: #FF9800;font-size: 15px;font-weight: 500;}
.achievement-name-main .achievement-name{width: 85%;display: inline-block;}
.achieve-header{font-size: 20px;color: #585858;font-weight: 600;}
.achievements-calendar-ul li.active a:focus,.achievements-calendar-ul li.active a:hover{border: none;}
.achievements-calendar{clear: both;}
.achievements-calendar-ul li.active a:hover{border: none;}
.achievements-calendar-ul li a{font-size: 15px !important;padding: 2px 12px !important;}
.achievements-calendar-ul li>a:hover,.achievements-calendar-ul li>a:focus{background-color: transparent;border-color: transparent !important;}
.achievements-calendar-ul li>a:hover{color: #E91E63 !important;}
.achievements-calendar-ul li>a{border:none;border-bottom: 2px solid transparent;}
.achievements-calendar-ul{border: none !important;}
.achievements-calendar-ul li.active a{color: #E91E63 !important;border: none;
    border-bottom: 2px solid #E91E63 !important;background-color: #ffffff !important;}
.achievement-group div{display: inline-block;}
.achievement-group input[type="checkbox"]{display: inline-block;}
.achievement-group{clear: both;}
.check-container {
  display: inline-block;
  position: relative;
  padding-left: 22px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 14px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-right: 10px;
  font-weight: 400;
}

/* Hide the browser's default checkbox */
.check-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 18px;
  width: 18px;
  background-color: #eee;
}

/* On mouse-over, add a grey background color */
.check-container:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.check-container input:checked ~ .checkmark {
  background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.check-container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.check-container .checkmark:after {
  left: 6px;
  top: 3px;
  width: 5px;
  height: 9px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.achievement-group{
    background: #fbfbfb;
    padding: 10px;
}
.achievements-calendar button.ui-datepicker-trigger{
    font-size: 14px;
    border: 1px solid;
    border-radius: 20px;
}
.achievement-count{color: #585858;}
.last-achieved-time{font-size: 13px;color: #999999;}
.achievement-group .sub-header{
display: block;
font-size: 16px;
font-weight: 500;
margin-bottom: 10px;
}
.achivementDate{overflow: visible !important;}
.achivementDate a{border-radius: 50%;
background-color: #2fabb7;
font-weight: normal;
color: #ffffff !important;}
.accordionRule .panel-title a[data-toggle="collapse"].collapsed:after{
display: none;
}
.achievements-calendar button.ui-datepicker-trigger i{
margin-right: 8px;
}
.achievements-calendar button.ui-datepicker-trigger:after{content: '\f107';display: inline-block;font-family: fontawesome;margin-left: 5px;}
.lock-achievement{height: 26px !important;width: 26px !important;position: absolute;bottom: -7px;right: -9px;background: #E91E63 !important;padding: 4px !important;}
#action-achievement-body .bootstrap-select{width: 140px;}
.achieved-user-details{margin-top: 15px; }
.horizon-prev{position: absolute;top: 30%;left: 6px;color: #ffffff;}
.horizon-next{position: absolute;top: 30%;right: 6px;color: #ffffff;}
.journyz-export-excel{transition: all 0.5s ease;position: relative;top: 7px;font-size: 15px;color: #ffffff;font-weight: 500;padding: 6px 10px;cursor: pointer;background-color: #00bcd4;border: none;border-radius: 0;margin-right: 5px;border: 1px solid #00bcd4;display: none;}
.user-export-excel:hover {background-color: transparent;color: #00bcd4;border-color: #00bcd4;outline: none;padding: 6px 10px;font-size: 15px;}
.month-date{display: inline-block;}
.expand-view-inner .achievement-details .achievement-header{color: #e91e63;font-size: 22px;}
.acheived-month-list,.bootstrap-select.acheived-year{display: inline-block;}
.month-date.date-selected a{background: #ffffff;color: #e91e63;}
.week-list.selected-week{border-left: 1px solid #fff;border-right: 1px solid #ffffff;}
.week-list-head{display: inline-block;color: #999999;}
.week-list-head.selected-week{display: inline-block;text-decoration: underline;color: #e91e63;text-align: center;cursor: pointer;}
.month-date a{cursor: pointer;}
.date-selected.active a{position: relative;}
.date-selected.active:after{content: '\f111';font-family: fontawesome;display: inline-block;position: absolute;bottom: -7px;right: -5px;color: #e91e63;font-size: 12px;}
.achievement-type {color: #FF9800;font-size: 15px;font-weight: 500;text-transform: uppercase;margin-top: 5px;}
.date-highlight{padding: 5px;border: 1px solid #E91E63;color: #e91e63;height: 35px;width: 35px;display: inline-block;text-align: center;line-height: 18px;font-size: 15px;margin: 3px;font-weight: 400;position: relative;}
.date-greyed{padding: 5px;border: 1px solid #999999;color: #999999;height: 35px;width: 35px;display: inline-block;text-align: center;line-height: 18px;font-size: 15px;margin: 4px;font-weight: 400;}
.week-heading{border: none;height: 25px;color: #888888;font-weight: 600;}
.previous-month,.next-month {border: 1px solid #99999930;color: #9999993d;}
.date-achieved-weekly{padding: 5px;border: 1px solid #E91E63;color: #fff;height: 35px;width: 35px;display: inline-block;text-align: center;line-height: 20px;font-size: 15px;margin: 4px;font-weight: 400;background: #e91e63;}
.expand-view-inner:after{display: table;content: ' ';clear: both;}
.scrollmenu-main{float: right;}
.week-head-empty{display: inline-block;width: 39px;}
.achieved-all-list{display: inline-block;}
.date-greyed a{color: #999999;}
.date-txt{display: block;font-weight: 400;font-size: 13px;}
#action-achievement-body .image__cell .image--basic{padding: 5px !important;}
#action-achievement-body .image__cell .image--basic .disp-inline .achievement-type{margin-top: 0 !important;}
.show-calendar{width:40%;}
.acheived-years{display: inline-block;}
/*.edit-history{font-size: 14px;color: #2196F3;font-weight: 500;text-decoration: underline;cursor: pointer;display: block;}
.edit-history i{font-size: 6px;position: relative;top: -3px;margin-right: 2px;}*/
#editHistoryModal .modal-content:after{content:' ';display: table;clear: both;}
#editHistoryModal .create-category-btn{border: 1px solid #e4e4e4;border-radius: 5px;}
#editHistoryModal .rating-list-view{padding: 5px !important;}
#editHistoryModal .log-action-remarks  {margin-bottom: 10px;font-size: 15px;color: #716f6f;font-weight: 500;}
#editHistoryModal .log-label {font-size: 15px;font-weight: 500;margin-bottom: 2px;}
#editHistoryModal .create-category-btn .user-email{margin-top: 0;}
#editHistoryModal .user-rec-points i{color: #FFC107;margin-right: 2px;}
#editHistoryModal .start-date-section:last-of-type{border-left: none;}
#editHistoryModal .start-date-section{margin-top: 0;}
#editHistoryModal .shoutout-users .img-check{border-radius: 5px;}
.revisionCount{display: inline-block !important;padding: 0 !important;margin: 0 !important;line-height: 10px !important;}
.last-updated span{display: inline-block !important;padding: 0 !important;line-height: 10px !important;}
.last-updated i{margin-left: 5px;}
#editHistoryModal .actionlog-panel.action-logs-section.cloned{clear: both;padding: 10px 5px;margin-bottom: 15px;border-radius: 5px;background: #ffffff;box-shadow: 0 0 4px rgba(0,0,0,0.6);-webkit-box-shadow: 0 0 4px rgba(0,0,0,0.3);margin: 6px 5px 15px;}
#editHistoryModal .actionlog-panel.action-logs-section.cloned:after{clear: both;content: ' ';display: table;}
#editHistoryModal .actionlog-panel.action-logs-section.cloned .panel-heading{padding: 0;}
#editHistoryModal .actionlog-accordion .user-log-comment{color: #2196F3 !important;float: right;}
#editHistoryModal .user-log-clock p{color: #999999;font-size: 12px;}
#editHistoryModal .log-user-img{height: 42px;width: 42px;}
#newsfeed input[type="radio"]{display: none;}
#newsfeed .radio{position: relative;padding-left: 20px;cursor: pointer;font-size: 16px;font-weight: 400;line-height: 28px;display: inline-block;margin-right: 35px;margin-top: 5px!important;color: #565656;}
.checkround {position: absolute;top: 6px;left: 0;height: 16px;width: 16px;background-color: #fff ;border-color:#565656;border-style:solid;border-width:2px;border-radius: 50%;}
.radio input:checked ~ .checkround {background-color: #fff;}
.checkround:after {content: "";position: absolute;display: none;}
.radio input:checked ~ .checkround:after {display: block;}
.radio .checkround:after {left: 3px;top: 3px;width: 6px;height: 6px;border-radius: 50%;background:#565656;}
.span_pseudo, .chiller_cb span:before, .chiller_cb span:after {content: "";display: inline-block;background: #fff;width: 0;height: 0.2rem;position: absolute;transform-origin: 0% 0%;}
.chiller_cb {position: relative;height: 2rem;display: flex;align-items: center;margin-bottom: 15px;}
.chiller_cb input {display: none;}
.chiller_cb input:checked ~ span {background: #4caf50;border-color: #4caf50;}
.chiller_cb input:checked ~ span:before {width: 1rem;height: 0.15rem;transition: width 0.1s;transition-delay: 0.3s;}
.chiller_cb input:checked ~ span:after {width: 0.4rem;height: 0.15rem;transition: width 0.1s;transition-delay: 0.2s;}
.chiller_cb input:disabled ~ span {background: #ececec;border-color: #dcdcdc;}
.chiller_cb input:disabled ~ label {color: #dcdcdc;}
.chiller_cb input:disabled ~ label:hover {cursor: default;}
.chiller_cb label {padding-left: 28px;position: relative;z-index: 2;cursor: pointer;margin-bottom: 0;font-size: 16px;}
.chiller_cb span {display: inline-block;width: 18px;height: 18px;border: 2px solid #ccc;position: absolute;left: 0;transition: all 0.2s;z-index: 1;box-sizing: content-box;background: #ffffff;}
.chiller_cb span:before {transform: rotate(-55deg);top: 13px;left: 5px;}
.chiller_cb span:after {transform: rotate(35deg);bottom: 6px;left: 4px;}
.newfeed-setting{margin-bottom: 10px;}
.newsfeed-items{margin-left: 27px;}
.newsfeed-buttons{margin-left: 27px;margin-bottom: 30px;}
.feed-buttons,.default-view-buttons{margin-bottom: 30px;}
.newsfeed-buttons button,.feed-buttons button,.default-view-buttons button{border-radius: 5px;
    width: 170px;
    margin-top: 20px;
    font-size: 16px;
    padding: 13px;
    margin-right: 10px;}
.pin-items .chiller_cb span{width: 15px;height: 15px;border-color: #565656;}
.pin-items .chiller_cb span:before{top: 11px;left: 6px;}
.pin-items .chiller_cb span:after{bottom: 4px;left: 4px;}
.mbottom-10{margin-bottom: 10px;}
.pin-items .chiller_cb input:checked ~ span {background: #00bcd4;border-color: #00bcd4;}
.pin-items .chiller_cb label{font-weight: 400;}
.action-logs-body{max-height: 420px;overflow: auto;}
#editHistoryModal .action-logs-body::-webkit-scrollbar {width: 7px !important;}
#editHistoryModal .action-logs-body::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3) !important;border-radius: 0px !important;background-clip: content-box; }
#editHistoryModal .action-logs-body::-webkit-scrollbar-thumb {border-radius: 5px !important;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5) !important;}
#editHistoryModal .action-logs-body::-webkit-scrollbar-track-piece {height: 10px;}
#editHistoryModal .action-logs-body .row{margin-left: 0;margin-right: 0;}
#actionDetailsModal .edit-history{display: none;}
#editHistoryModal .media-label{display: block;}
#editHistoryModal .log-action-media{display: inline-block;clear: both;}
.empty-circlelog span,.empty-responselog span{color: #999999;font-size: 16px;}
.empty-barContainer span{font-size: 22px;}
.label-header{font-weight: 500;margin-bottom: 15px;font-size: 17px;text-decoration: underline;margin-top: 30px;}
.label-header:first-of-type{margin-top: 0;}
.settings-label{margin-bottom: 10px;}
#ranking-view .export-rankings i{margin-right: 5px;}
#leader-board #ranking-view .arrow_box:after, #leader-board #ranking-view .arrow_box:before{left:87%;}
.settings-circle-list{max-height: 300px;overflow: auto;}
.settings-circle-list::-webkit-scrollbar {width: 7px !important;}
.settings-circle-list::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3) !important;border-radius: 5px !important;}
.settings-circle-list::-webkit-scrollbar-thumb {border-radius: 5px !important;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5) !important;}
.settings-circle-list::-webkit-scrollbar-track-piece {height: 10px;}
.confidential-img{text-align: center;vertical-align: middle;clear: both;border: 1px solid #f44336;padding: 1px 10px;border-radius: 2px;color: #f44336;margin-left: 10px;margin-bottom: 5px;font-size: 14px;display: inline-block;}
.actionlog-shoutout span.user-name .user-name-lbl{display: block;font-weight: 400;color: #777777;}
.gridder-list {position: relative;cursor: pointer;border: 1px solid #cccccc;border-radius: 1px;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;display: inline-block;vertical-align: top;width: 25%;margin: 1%;}
.gridder-list .img-description {position: absolute;bottom: 0px;display: block;text-align: center;width: 100%;left: 0;padding: 5px 10px;background: #222;color: #ffffff;font-size: 12px;height: 33px;opacity: 0.7;line-height: 7px;cursor: pointer;border-bottom-left-radius: 3px;border-bottom-right-radius: 3px;}
.shoutout-circles .img-description-detail {position: absolute;bottom: 23px;left: 0;right: 0;color: #fff;opacity: 1;font-size: 13px;font-weight: 300;width: 100%;text-align: center;padding: 0 2px;line-height: 14px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.shoutout-circle-header{font-weight: 500;font-size: 16px;margin-bottom: 5px;margin-top: 15px;display: none;}
.shoutout-circles ul{padding: 0;}
.empty-filters{font-size: 18px;color: #999999;padding: 35px 10px 35px 25px;display: block;background: #f9f9f9;}
.circle-list .gridder-list.shoutout-item img{height: 140px;}
#achievement-nav-tab{margin-top: 25px;border-bottom: none;margin-bottom: 5px !important;}
#achievement-nav-tab a{padding: 5px 20px !important;border: 1px solid #E91E63;border-radius: 0;font-size: 15px;border: 1px solid #E91E63 !important;background: #ffffff;color: #E91E63 !important;}
#achievement-nav-tab a.active,#achievement-nav-tab a:hover{border-bottom: 1px solid #337ab7;background: #E91E63;color: #ffffff !important;}
#achievement-nav-tab a:hover{text-decoration: none;}
.shoutout-circles .circle-count{position: absolute;bottom: 5px;left: 0;right: 0;color: #fff;opacity: 1;font-size: 13px;width: 100%;text-align: center;padding: 0 2px;line-height: 14px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.shoutout-circles .circle-list .gridder-list .img-description{height: 42px;}
.edit-log-details .edited-by{font-size: 13px;color: #999999;display: block;}
.edit-log-details .edited-on{font-size: 12px;color: #999999;display: block;}
.lastModifiedTime{font-size: 12px !important;}
#editHistoryModal .user-header{background: #fbfbfb;margin-bottom: 10px;padding: 5px 5px 0;}
#editHistoryModal .modal-body{padding: 0 15px;}
#editHistoryModal .actionlog-accordion{margin-bottom: 8px;}
#editHistoryModal .actionlog-shoutout{padding: 5px;}
#editHistoryModal .modal-content{background: #fbfbfb;}
#editHistoryModal .user-log-view{width: 85%;}
#editHistoryModal .modal-title{font-weight: 500;font-size: 17px;}
#editHistoryModal .edit-history-text{margin-bottom: 10px;padding-left: 7px;font-weight: 500;color: #999999;}
.edited-count{float: right;color: #2196F3;font-size: 13px;}
.edited-count .revisionCount{color: #2196F3 !important;}
.shoutout-users .img-check{height: 25px;width: 25px;font-weight: 500;border-radius: 50%;}
.shoutout-users .user-list-option .user-name .user-rec-points{display: block;color: #999999;font-weight: 500;}
#userDisplayModal .modal-body,#userListModal .modal-body,#userListModal .react-user-list{max-height: 400px;overflow: auto;}
#userDisplayModal .modal-body::-webkit-scrollbar,#userListModal .modal-body::-webkit-scrollbar {width: 7px !important;}
#userDisplayModal .modal-body::-webkit-scrollbar-track,#userListModal .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; }
#userDisplayModal .modal-body::-webkit-scrollbar-thumb,#userListModal .modal-body::-webkit-scrollbar-thumb {border-radius: 5px !important;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5) !important;}
#userDisplayModal .modal-body::-webkit-scrollbar-track-piece,#userListModal .modal-body::-webkit-scrollbar-track-piece {height: 10px;}
.edited-by .edited-on{display: none;}
#editHistoryModal .user-added-list .create-category-btn{border: 1px solid #8BC34A;}
#editHistoryModal .user-removed-list .create-category-btn{border: 1px solid #F44336;}
#editHistoryModal .edited-logs{display: block;}
.gridder-list.user-added-list{border: 1px solid #8BC34A;}
.gridder-list.user-removed-list{border: 1px solid #F44336;}
#view-all,#circleall,#view-all-visibility,#circleall-visibility{max-height: 245px;overflow: auto;}
#view-all::-webkit-scrollbar,#circleall::-webkit-scrollbar, #view-all-visibility::-webkit-scrollbar,#circleall-visibility::-webkit-scrollbar{width: 7px !important;}
#view-all::-webkit-scrollbar-track,#circleall::-webkit-scrollbar-track,#view-all-visibility::-webkit-scrollbar-track,#circleall-visibility::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3) !important;border-radius: 5px !important;}
#view-all::-webkit-scrollbar-thumb,#circleall::-webkit-scrollbar-thumb,#view-all-visibility::-webkit-scrollbar-thumb,#circleall-visibility::-webkit-scrollbar-thumb {border-radius: 5px !important;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5) !important;}
#view-all::-webkit-scrollbar-track-piece,#circleall::-webkit-scrollbar-track-piece ,#view-all-visibility::-webkit-scrollbar-track-piece,#circleall-visibility::-webkit-scrollbar-track-piece{height: 10px;}
.tag-ctn{
    position: relative;
    height: 30px;
    padding: 0;
    margin-bottom: 0px;
    font-size: 14px;
    line-height: 20px;
    color: #555555;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
    -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
    -o-transition: border linear 0.2s, box-shadow linear 0.2s;
    transition: border linear 0.2s, box-shadow linear 0.2s;
    cursor: default;
    display: block;
}
.tag-ctn-invalid{
    border: 1px solid #CC0000;
}
.tag-ctn-readonly{
    cursor: pointer;
}
.tag-ctn-disabled{
    cursor: not-allowed;
    background-color: #eeeeee;
}
.tag-ctn-bootstrap-focus,
.tag-ctn-bootstrap-focus .tag-res-ctn{
    border-color: rgba(82, 168, 236, 0.8) !important;
    /* IE6-9 */
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6) !important;
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6) !important;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6) !important;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.tag-ctn input{
    border: 0;
    box-shadow: none;
    -webkit-transition: none;
    outline: none;
    display: block;
    padding: 4px 6px;
    line-height: normal;
    overflow: hidden;
    height: auto;
    border-radius: 0;
    float: left;
    margin: 2px 0 2px 2px;
}
.tag-ctn-disabled input{
    cursor: not-allowed;
    background-color: #eeeeee;
}
.tag-ctn .tag-input-readonly{
    cursor: pointer;
}
.tag-ctn .tag-empty-text{
    color: #DDD;
}
.tag-ctn input:focus{
    border: 0;
    box-shadow: none;
    -webkit-transition: none;
    background: #FFF;
}
.tag-ctn .tag-trigger{
    float: right;
    width: 27px;
    height:100%;
    position:absolute;
    right:0;
    border-left: 1px solid #CCC;
    background: #EEE;
    cursor: pointer;
}
.tag-ctn .tag-trigger .tag-trigger-ico {
    display: inline-block;
    width: 0;
    height: 0;
    vertical-align: top;
    border-top: 4px solid gray;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    content: "";
    margin-left: 9px;
    margin-top: 13px;
}
.tag-ctn .tag-trigger:hover{
    background: -moz-linear-gradient(100% 100% 90deg, #e3e3e3, #f1f1f1);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f1f1f1), to(#e3e3e3));
}
.tag-ctn .tag-trigger:hover .tag-trigger-ico{
    background-position: 0 -4px;
}
.tag-ctn-disabled .tag-trigger{
    cursor: not-allowed;
    background-color: #eeeeee;
}
.tag-ctn-bootstrap-focus{
    border-bottom: 1px solid #CCC;
}
.tag-res-ctn{
    position: relative;
    background: #FFF;
    overflow-y: auto;
    z-index: 9999;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #CCC;
    left: -1px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
    -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
    -o-transition: border linear 0.2s, box-shadow linear 0.2s;
    transition: border linear 0.2s, box-shadow linear 0.2s;
    border-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.tag-res-ctn .tag-res-group{
    line-height: 23px;
    text-align: left;
    padding: 2px 5px;
    font-weight: bold;
    border-bottom: 1px dotted #CCC;
    border-top: 1px solid #CCC;
    background: #f3edff;
    color: #333;
}
.tag-res-ctn .tag-res-item{
    line-height: 25px;
    text-align: left;
    padding: 2px 5px;
    color: #666;
    cursor: pointer;
}
.tag-res-ctn .tag-res-item-grouped{
    padding-left: 15px;
}
.tag-res-ctn .tag-res-odd{
    background: #F3F3F3;
}
.tag-res-ctn .tag-res-item-active{
    background-color: #3875D7;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3875D7', endColorstr='#2A62BC', GradientType=0 );
    background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(20%, #3875D7), color-stop(90%, #2A62BC));
    background-image: -webkit-linear-gradient(top, #3875D7 20%, #2A62BC 90%);
    background-image: -moz-linear-gradient(top, #3875D7 20%, #2A62BC 90%);
    background-image: -o-linear-gradient(top, #3875D7 20%, #2A62BC 90%);
    background-image: linear-gradient(#3875D7 20%, #2A62BC 90%);
    color: #fff;
}
.tag-sel-ctn{
    overflow: auto;
    line-height: 22px;
    padding-right:27px;
}
.tag-sel-ctn .tag-sel-item{
    background: #555;
    color: #EEE;
    float: left;
    font-size: 12px;
    padding: 0 5px;
    border-radius: 3px;
    margin-left: 5px;
    margin-top: 4px;
}
.tag-sel-ctn .tag-sel-text{
    background: #FFF;
    color: #666;
    padding-right: 0;
    margin-left: 0;
    font-size: 14px;
    font-weight: normal;
}
.tag-res-ctn .tag-res-item em{
    font-style: normal;
    background: #565656;
    color: #FFF;
}
.tag-sel-ctn .tag-sel-item:hover{
    background: #565656;
}
.tag-sel-ctn .tag-sel-text:hover{
    background: #FFF;
}
.tag-sel-ctn .tag-sel-item-active{
    border: 1px solid red;
    background: #757575;
}
.tag-ctn .tag-sel-ctn .tag-sel-item{
    margin-top: 3px;
}
.tag-stacked .tag-sel-item{
    float: inherit;
}
.tag-sel-ctn .tag-sel-item .tag-close-btn{
    width: 7px;
    cursor: pointer;
    height: 7px;
    float: right;
    margin: 8px 2px 0 10px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAOCAYAAADjXQYbAAAACXBIWXMAAAsTAAALEwEAmpwYAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH/w/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA/g88wAAKCRFRHgg/P9eM4Ors7ONo62Dl8t6r8G/yJiYuP+5c+rcEAAAOF0ftH+LC+zGoA7BoBt/qIl7gRoXgugdfeLZrIPQLUAoOnaV/Nw+H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl/AV/1s+X48/Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H/LcL//wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s+wM+3zUAsGo+AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93/+8//UegJQCAZkmScQAAXkQkLlTKsz/HCAAARKCBKrBBG/TBGCzABhzBBdzBC/xgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD/phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8+Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8+xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR+cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI+ksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG+Qh8lsKnWJAcaT4U+IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr+h0uhHdlR5Ol9BX0svpR+iX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK+YTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI+pXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q/pH5Z/YkGWcNMw09DpFGgsV/jvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY/R27iz2qqaE5QzNKM1ezUvOUZj8H45hx+Jx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4/OBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up+6Ynr5egJ5Mb6feeb3n+hx9L/1U/W36p/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+eb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw+6TvZN9un2N/T0HDYfZDqsdWh1+c7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc+Lpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26/uNu5p7ofcn8w0nymeWTNz0MPIQ+BR5dE/C5+VMGvfrH5PQ0+BZ7XnIy9jL5FXrdewt6V3qvdh7xc+9j5yn+M+4zw33jLeWV/MN8C3yLfLT8Nvnl+F30N/I/9k/3r/0QCngCUBZwOJgUGBWwL7+Hp8Ib+OPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo+qi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt/87fOH4p3iC+N7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi/RNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z+pn5mZ2y6xlhbL+xW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a/zYnKOZarnivN7cyzytuQN5zvn//tEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1+1dT1gvWd+1YfqGnRs+FYmKrhTbF5cVf9go3HjlG4dvyr+Z3JS0qavEuWTPZtJm6ebeLZ5bDpaql+aXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO/PLi8ZafJzs07P1SkVPRU+lQ27tLdtWHX+G7R7ht7vPY07NXbW7z3/T7JvttVAVVN1WbVZftJ+7P3P66Jqun4lvttXa1ObXHtxwPSA/0HIw6217nU1R3SPVRSj9Yr60cOxx++/p3vdy0NNg1VjZzG4iNwRHnk6fcJ3/ceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w+0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb++6EHTh0kX/i+c7vDvOXPK4dPKy2+UTV7hXmq86X23qdOo8/pPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb/1tWeOT3dvfN6b/fF9/XfFt1+cif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v+3Njv3H9qwHeg89HcR/cGhYPP/pH1jw9DBY+Zj8uGDYbrnjg+OTniP3L96fynQ89kzyaeF/6i/suuFxYvfvjV69fO0ZjRoZfyl5O/bXyl/erA6xmv28bCxh6+yXgzMV70VvvtwXfcdx3vo98PT+R8IH8o/2j5sfVT0Kf7kxmTk/8EA5jz/GMzLdsAAAAEZ0FNQQAAsY58+1GTAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAABSSURBVHjahI7BCQAwCAOTzpThHMHh3Kl9CVos9XckFwQAuPtGuWTWwMwaczKzyHsqg6+5JqMJr28BABHRwmTWQFJjTmYWOU1L4tdck9GE17dnALGAS+kAR/u2AAAAAElFTkSuQmCC);

}
.tag-sel-ctn .tag-sel-item .tag-close-btn:hover{
    background-position: 0 -7px;
}
.tag-helper{
    color: #AAA;
    font-size: 10px;
    position: absolute;
    top: -17px;
    right: 0;
}
.tags-header{
    font-size: 15px;
    padding: 10px 10px 5px;
    font-weight: 500;
}
#journyTags h3{font-size: 17px;margin-top: 0;font-weight: 500;}
.action-tags-header{margin-top: 25px !important;margin-bottom: 5px;}
.save-tags-btn,.save-status-btn,#responseStatus-li .add-more{margin-top: 10px;margin-top: 25px;width: 150px;font-size: 15px;border-radius: 0;padding: 5px 12px;}
.pending-settings-ul{list-style: none;padding: 0;margin: 0;}
.pending-settings-ul i{color: orangered;margin-right: 5px;}
.pending-settings-header{font-weight: 500;font-size: 15px;}
.pending-settings-ul li{font-size: 15px;margin: 20px 0;}
.pending-settings-ul li button{display: block;padding: 3px 15px;margin: 5px 25px;border-radius: 0;}
.ui-autocomplete .ui-menu-item .ui-state-focus, .ui-autocomplete .ui-menu-item .ui-widget-content .ui-state-focus{color: black;text-decoration: none !important;background-color:none !important;border-radius:0;padding: 1px 5px;}
.reporting-period .header,.newsfeed-items .header,.pin-newsfeed .header{font-size: 15px;display: block;margin-top: 25px;color: #565656;text-decoration: underline;}
#newsfeed i.fa-question-circle{font-size: 14px;color: #999999;}
.ui-helper-hidden-accessible{display: none;}
#details .desc-header{font-size: 20px;display: inline-block;border-bottom: 1px solid;margin-bottom: 15px;margin-top: 5px;}
.list-heading i{color: #FF9800;display: inline-block;vertical-align: middle;font-size: 28px;margin-right: 10px;}
.list-heading-span{display: inline-block;vertical-align: middle;}
.list-heading-span span{font-size: 15px;padding-top: 5px;display: block;}
#integration-list ul {padding: 0;margin: 5px 0;color: #555;}
#integration-list ul > li {list-style: none;display: block;padding: 5px 5px;overflow: hidden;}
#integration-list ul:last-child {border-bottom: 1px solid #ddd;}
#integration-list ul > li:hover {background: #efefef;}
.expand {display: block;text-decoration: none;color: #555;cursor: pointer;}
#integration-list h2 {padding: 0;margin: 0;font-size: 16px;font-weight: 500;margin-top: 10px;}
.detail .left,.detail .right{display: table;}
#sup{display: table-cell;vertical-align: middle;width: 80%;}
.detail a {text-decoration: none;color: #ffffff;border: 1px solid #4CAF50;padding: 6px 10px 5px;font-size: 14px;border-radius: 5px;background: #4CAF50;}
.detail {margin: 10px 0 10px 0px;display: none;line-height: 22px;}
.detail span{margin: 0;display: block;margin-bottom: 10px;}
.right-arrow {margin-top: 12px;margin-left: 20px;width: 10px;height: 100%;float: right;font-weight: bold;font-size: 20px;}
.icon {height: 75px;width: 75px;float: left;margin: 0 15px 0 0;}
.constraints-list:after,.resolution-list:after{content: ' ';display: table;clear: both;}
.constraints-list,.resolution-list{display: block;}
.constraints-list h2{color: #F44336;}
.resolution-list h2{color: #4CAF50;margin-bottom: 10px !important;}
.resolution-list .solutions li{margin-bottom: 5px;}
#integration-list ul{background: #efefef;}
.tag .tag-text{text-transform: lowercase;}
.summary-calendar{min-height: auto;}
.filter-complete-drop .dataResponse .nav-tabs,.journyTags-response .nav-tabs{background: #ffffff;margin-bottom: 10px !important;}
.filter-complete-drop .dataResponse .nav-tabs>li>a,.journyTags-response .nav-tabs>li>a{background-color: #ffffff;font-size: 16px;color: #333333 !important;font-weight: 500;}
.filter-complete-drop .dataResponse .nav-tabs>li.active>a,.journyTags-response .nav-tabs>li.active>a{color: #40AC48 !important;}
.journyTags-response .nav-tabs,.journyTags-response .nav-tabs>li>a,.journyTags-response .nav-tabs>li.active>a{border: none;}
.filter-complete-drop .dataResponse{position: relative;}
.dataResponse .filter-search-box{position: absolute;width: 50%;right: 20px;top: 11px;margin-bottom: 0;}
.dataResponse .tab-content>.active{-webkit-box-shadow:none !important;box-shadow: none !important;border: none !important;padding: 0 0px 0px 15px !important;}
.sub-action-check{padding-left: 25px;display: inline-block;}
.bold{font-weight: 700 !important;margin-bottom: 1px !important;}
.dataResponse .scroll-list .search-body:nth-child(odd){background: #f9f9f9;padding: 8px 0 0 10px;}
.dataResponse .scroll-list .search-body{margin-bottom: 10px;}
.dataResponse .scroll-list .search-body:nth-child(even){padding: 5px 0 0 5px;}
.actions-added .nav-pills.nav-wizard > li.active a{color: #ffffff !important;}
.actions-added .nav-pills.nav-wizard > li a{color: #337ab7;transition: none !important;}
.action-content-header,.add-actions-content{padding: 0 !important;}
.constrain-list{margin-bottom: 20px;}
.add-action-header{margin-top: 0 !important;padding-top: 15px !important;}
.projects-details-section .tab-content #actions{padding-top: 15px !important;}
.actions-added-nav .tab-content{min-height: auto !important;}
.actions-added-nav .tab-content>.active{padding: 0 !important;}
#actions .action-content .mile-stone-selector i.fa-flag{background: transparent;}
.inputtype{padding-left: 25px;padding-bottom: 10px;color: #888888;font-size: 14px;}
.dataResponse .search-body{overflow: visible;text-overflow: initial;max-width: 100%;white-space: normal;}
.dataResponse .star-rating li i{color: #fee133;}
.dataResponse ul.star-rating{list-style: none;padding: 0;margin: 0;}
.dataResponse ul.star-rating li{display: inline-block;margin-right: 25px;}
.projects-details-section .tab-content>.journyTags-response.active{padding: 15px 20px 20px;}
.journyTags-response .nav-tabs>li>a{padding: 3px 20px;}
.journyTags-response .nav-tabs{border-top: none;border-left: none;border-right: none;margin-bottom: 10px !important;border-bottom: 1px solid #e4e4e4;}
.journyTags-response .tab-content>.active{padding: 0;box-shadow: none !important;-webkit-box-shadow: none !important;border: none;}
.journyTags-response .after-add-more input,.journyTags-response .copy-add-more input{width: 300px;display: inline-block;}
.journyTags-response .after-add-more .form-control{height: 34px;}
.journyTags-response .add-more-group .remove,#responseStatus-li .move{border-radius: 50% !important;padding: 0;height: 25px;width: 25px;text-align: center;margin-left: 5px !important;}
.journyTags-response .nav-tabs>li.active>a{border-bottom: 2px solid #40AC48 !important;}
#responseStatus-li .move-down{top: 0;}
#responseStatus-li .after-add-more{margin-top: 10px;}
.add-status-list .add-more-group:first-of-type .remove{display: none;}
.add-status-list .add-more-group:first-of-type .move-up{display: none;}
.action-status-header{margin-top: 25px;}
#responseStatus-li .chiller_cb{margin-top: 10px;}
#responseStatus-li .chiller_cb label{font-size: 14px;font-weight: 300;}
#responseStatus-li .tagsinput{margin-bottom: 20px;margin-right: 10px;}
#responseStatus-li .action-status-header{margin-top: 30px;}
.poll-sub-options{white-space: normal;}
.view-more-options,.view-less-options{float: right;margin-right: 15px;color: #888888;margin-top: 20px;}
#actionTypeLog .search-body{background: #fbfbfb;margin-bottom: 5px;vertical-align: middle;padding: 10px 10px 0 10px;}
#actionTypeLog .scroll-list .search-body label{margin-bottom: 5px !important;margin-top: 0; font-weight: 400;}
.filter-options,.view-less-options{display: none;}
#actionlog-filter-drop .tab-content>.active {padding: 15px 20px 15px;}
.sub-action-check img{height: 18px;width: 18px;}
.filter-options .suboptions-list{white-space: normal;padding-left: 20px;}
#usersLog .userslistDiv .search-body,#mentionLog .mentionusersDiv .search-body,#circleLog .circleDiv .search-body{width: 49%;display: inline-block;}
.actionlog-panel .user-log-view span:last-of-type{padding-bottom: 0 !important;display: inline-block;vertical-align: top;}
.action-achievement div.pull-right span:last-of-type{margin-right: 0 !important;}
.actionlog-panel .user-log-view .user-log-clock p a{color: #999;font-size: 12px;}
.empty-responselog{margin-bottom: 15px;}
.bootstrap-select button:hover{background: #ffffff;box-shadow: none !important;}
.bootstrap-select button:focus{outline: none !important;}
.filter-options .bootstrap-select > .btn{background: #ffffff !important;border-radius: 0;box-shadow: none !important;}
.filter-complete-drop .bootstrap-select{margin-left: 0 !important;margin-top: 0 !important;}
.rate-list .dropdown-menu.inner li a span img:last-of-type{margin-right: 5px !important;}
.quantity-list input.form-control{height: 29px;width: 60px;display: inline-block;padding: 5px;position: absolute;top: 25px;background: #ffffff;border-radius: 0;margin-left: 5px;}
.quantity-list{display: inline-block;color: #888888;padding-left: 0;margin-bottom: 5px;}
.quantity-filter-options{white-space: normal;}
.search-body.active{white-space: normal;overflow: visible;}
.quantity-list .bootstrap-select button{padding: 4px 10px;border-radius: 3px;}
.corp-admin-camp-det #filter-complete-drop8:after, .corp-admin-camp-det #filter-complete-drop8:before, .corp-admin-camp-det .filter-complete-drop8:after, .corp-admin-camp-det .filter-complete-drop8:before{left:72%;}
.pjt-action-header .pjt-action-type{width: auto;}
.response-chiller{margin-left: 25px;margin-bottom: 20px;}
.response-status-selection{margin-left: 25px;}
.response-status-selection label.response-options{display: block;font-size: 14px;font-weight: 500;}
.response-status-selection .bootstrap-select{margin-top: 0 !important;margin-left: 0 !important;margin-bottom: 10px;}
.response-status-selection .chiller_cb{display: block;margin-top: 0;position: relative;top: -6px;}
.response-chiller span{width: 15px;height: 15px;}
.chiller_cb.response-chiller span:before{top: 11px;}
.chiller_cb.response-chiller label{padding-left: 25px;}
.response-status-select input[type="radio"]{opacity: 0;}
.response-status-select .header{font-weight: 500;}
/*.response-status-select .select-category{width: 28% !important;}*/
.response-status-select .check .check-option{color: #139deb;}
.response-status-select .create-categ-radio{padding-right: 0;}
.response-status-select .check::before,.response-status-select .check::after{border: none !important;}
.response-status-select{padding: 10px 10px 15px;background: #fbfbfb;border-radius: 3px;margin-bottom: 0;}
.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-min:after{display: table;clear: both;content: ' ';}
.response-status-min{display: none;}
.view-more-response i,.view-less-response i{margin-left: 2px;}
.response-user-count i{margin-right: 2px;}
.response-user-count{margin-left: 3px;white-space: nowrap;}
.status-user-count i{font-size: 12px;position: relative;top: -1px;margin-right: 0px;font-weight: 500;}
.status-user-count{float: left;font-weight: 500;font-size: 13px;color: #999999;cursor: pointer;position: relative;top: 1px;margin-right: 5px;}
.moreActionlog .create-categ-radio,.moreActionlog .create-categ-radio.check{border: none !important;padding-bottom: 0;}
.category-list-option:after{content: ' ';display: table;clear: both;}
.moreActionlog .category-list-option{border: 1px solid #e4e4e4;border-radius: 5px;padding: 5px;background: #ffffff;text-align: left;display: flex;}
.moreActionlog .category-list-option .create-categ-radio input[type="radio"]{display: none;}
.moreActionlog .category-list-option label{width: 80% ;margin-bottom: 0;text-align: left;height: auto !important;font-size: 13px;font-weight: 400;}
.response-status-list .category-input{height: auto;}
.moreActionlog .category-list-option.check {border: 1px solid #139DEB;}
#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;}
.moreActionlog .check .check-option{right: 0;top: 2px;}
.projects-details-section .tab-content>.active{padding: 15px 15px 0 !important;}
#userStatusModal .loader-container-details{text-align:center;}
.modal.left .modal-dialog,.modal.right .modal-dialog {
    position: fixed;
    margin: auto;
    width: 550px;
    height: 100%;
    -webkit-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
}
.modal.left .modal-content,
.modal.right .modal-content {
    height: 100%;
    overflow-y: auto;
}
.modal.left .modal-body,
.modal.right .modal-body {
    padding: 15px 15px 80px;
}
.modal.right.fade .modal-dialog {
    right: -550px;
    -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
    -o-transition: opacity 0.3s linear, right 0.3s ease-out;
    transition: opacity 0.3s linear, right 0.3s ease-out;
}	
.modal.right.fade.in .modal-dialog {
    right: 0;
}
.filter-options .bootstrap-select .dropdown-menu{position: relative !important;margin: 0;border-radius: 0;padding: 0;}
.filter-options .poll-list label,.filter-options .rate-list label,.filter-options .quantity-list label, .filter-options .chain-list label{display: block !important;color: #2196F3;font-weight: 700;font-size: 14px;margin-top: 15px;}
.filter-options .bootstrap-select.btn-group .dropdown-menu li{border-bottom: 1px solid #e4e4e4 !important;padding: 4px !important;}
.filter-options .bootstrap-select .btn:focus{outline: none !important;}
.poll-list,.rate-list,.quantity-list, .chain-list{margin-bottom: 10px;}
.filter-options .poll-list label:first-of-type, .filter-options .rate-list label:first-of-type, .filter-options .quantity-list label:first-of-type, .filter-options .chain-list label:first-of-type{margin-top: 0 !important;}
.quantity-list{position: relative;}
.save-response-status-btn,.save-tags-btn{margin-bottom: 15px;}
.save-response-status-btn{width: 200px;font-size: 15px;border-radius: 0;padding: 5px 12px;margin: 5px;}
.empty-description{margin-bottom: 35px;}
.journy-action-status .response-tag-input{margin-left: 25px;}
#actionDetailsModal .user-list-option {width: 100%;}
#actionDetailsModal .shoutout-users .img-check{height: 40px;}
#responseFilter label{font-weight: 300;margin-bottom: 5px;margin-top: 0;color: #888888;}
.user-log-view span.sequence-number{display: inline-block;padding-left: 5px;color: green;}
.user-log-view span.user-log-comment{overflow: visible;display: inline-block;-webkit-line-clamp: unset;}
.user-log-view span.sequence-number .seqNo{display: inline-block;padding: 0;color: green;overflow: visible;}
.campaign-user-header{background: #f4f4f4;position: relative;}
.campaign-user-header .journy-image{height: 90px;max-width: 100%;max-height: 100%;object-fit: cover;width: 80px;position: absolute;bottom: -12px;border-radius: 5px;box-shadow: 0 0 6px rgba(70, 70, 69, 0.49);-webkit-box-shadow: 0 0 6px rgba(70, 70, 69, 0.49);z-index: 99;}
.journy-header-details:after{display: table;clear: both;content: ' ';}
.journy-name-desc{position: absolute;left: 105px;width: 44%;}
.journy-name-desc .project-desc{color: #949494;}
.participate-now-btn{display: block;float: right;width: 40px;height: 40px;border-radius: 50%;font-size: 20px;text-align: center;line-height: 40px;color: #fff;background: #5F85EA;border: 0;}
.journy-acted-details{margin-top: 25px;}
.projects-details-section{overflow: visible !important;background: #fbfbfb !important;padding: 0}
.journy-achievement-points{clear: both;}
.journy-achievements{clear: both;}
.menu-tab-content{clear: both}
.project-desc-right{padding: 0 !important;background: #ffffff;}
.projects-details-section .tab-content>.active{background: #fbfbfb !important;}
#action-log-header{border-bottom: none;padding-bottom: 0;}
.sort-campaign-list button{border-radius: 5px;background: #ffffff;}
.filter-drop .dropdown-toggle{background: #ffffff;border-radius: 5px;font-weight: 500;}
.filter-drop .caret {margin-left: 8px;}
.list-actiologs-header .list-actiologs{background: #ffffff;padding: 9px;margin-right: 5px;cursor: pointer;}
.list-actiologs-header{display: inline-block;}
.actionlog-panel.col-md-4{width: 30%;margin: 1% !important;padding: 0;border-radius: 10px !important;border: 5px solid transparent;}
#board-view.row,#board-view-reports.row{white-space: nowrap;margin: 0;overflow: auto hidden;}
.board-view.col-md-4{width: 26%;margin:0 8px !important;padding: 0 0 10px 0;border-radius: 10px !important;border: 1px solid #e4e4e4;display: inline-block;float: none;white-space: normal;background-color: rgba(225, 225, 225, 0.52);vertical-align: top;    margin-bottom: 15px !important;flex: 0 0 auto;}
.board-view .board-content{max-height:450px;overflow-y:auto;border: none;}
.row-flex {display: flex;flex-wrap: wrap;    margin-top: 0;}
/*.actionlog-panel.col-md-6{width: 49%;margin: 5px !important;padding: 0;border-radius: 5px !important;}*/
.actionlog-panel.col-md-4 .panel.panel-default,.actionlog-panel.col-md-6 .panel.panel-default{margin-top: 0 !important;padding: 0;}
.actionlog-panel.col-md-4 .panel-heading,.actionlog-panel.col-md-6 .panel-heading{padding: 5px 10px !important;border-radius: 10px;}
.actionlog-panel.col-md-4 .log-user-img,.actionlog-panel.col-md-6 .log-user-img{height: 30px;width: 30px;vertical-align: top;border-radius: 8px;}
.actionlog-panel.col-md-4 .panel-body,.actionlog-panel.col-md-6 .panel-body{padding: 0px 10px 0;}
.actionlog-panel.col-md-4 .panel-body .action-achievement,.actionlog-panel.col-md-6 .panel-body .action-achievement{margin: 5px 0px 0;padding: 5px 0px 0!important;}
.actionlog-panel.col-md-4 .edited-by,.actionlog-panel.col-md-4 .edited-on,.actionlog-panel.col-md-6 .edited-by,.actionlog-panel.col-md-6 .edited-on{display: none;}
.actionlog-panel.col-md-4 .response-status-select{padding: 0}
.actionlog-panel.col-md-4 .comments-body,.actionlog-panel.col-md-6 .comments-body{margin: 0 -5px;padding: 0 0px;}
.actionlog-panel.col-md-4 .write-comment textarea,.actionlog-panel.col-md-6 .write-comment textarea{padding: 7px 10px;margin-left: 0;width: 90%;max-width: 90%;border-color: transparent;}
.actionlog-panel.col-md-6 .write-comment textarea{width: 94%;max-width: 94%;}
.actionlog-panel.col-md-4 .write-comment,.actionlog-panel.col-md-6 .write-comment{position: relative;}
.actionlog-panel.col-md-12 .comments-body{margin: 0 -5px;padding: 0 0px;}
.actionlog-panel.col-md-12 .write-comment img{height: 30px;width: 30px;border-radius: 50%;vertical-align: middle;object-fit: cover;position: absolute;left: 8px;top: 12px;}
.actionlog-panel.col-md-12 .write-comment textarea{padding: 7px 10px 7px 38px;margin-left: 0;width: 100%;max-width: 100%;border-color: transparent;}
.actionlog-panel.col-md-12 .write-comment{position: relative;}
#actionlogs .actionlog-panel.col-md-4 .log-main-section .user-list-option{width: 48%;}
.user-log-view{padding: 5px;}
.actionlog-panel.col-md-4 .logs-like,.actionlog-panel.col-md-6 .logs-like{margin: 3px 0 3px 0 !important;}
.actionlog-panel.col-md-4 .comments-action,.actionlog-panel.col-md-6 .comments-action{margin: 3px 0 3px 10px !important;}
.actionlog-panel.col-md-4 .edit-action-log span,.actionlog-panel.col-md-4 .delete-action-log span,.actionlog-panel.col-md-6 .edit-action-log span,.actionlog-panel.col-md-6 .delete-action-log span{display: none;}
.actionlog-panel.col-md-4 .edit-action-log i,.actionlog-panel.col-md-6 .edit-action-log i{height: 22px;width: 22px;line-height: 20px;font-size: 13px;}
.actionlog-panel.col-md-4 .edit-action-log,.actionlog-panel.col-md-6 .edit-action-log{margin: 0 !important;}
.actionlog-panel.col-md-4 .delete-action-log i,.actionlog-panel.col-md-6 .delete-action-log i{margin-right: 0px;}
.actionlog-panel.col-md-4 .achievement-points i,.actionlog-panel.col-md-6 .achievement-points i{margin-right: 3px;}
.actionlog-panel.col-md-4 .post-comment-btn,.actionlog-panel.col-md-6 .post-comment-btn,.actionlog-panel.col-md-12 .post-comment-btn{background: transparent;border: none;color: #4CAF50;padding: 0;width: auto;font-size: 16px;position: absolute;right: 18px;top: 14px;}
.img-upload-btn {
  position: absolute;
  overflow: hidden;
  display: inline-block;
  top: 17px;
  right: 40px;
cursor: pointer;
}
.img-upload-btn.log{right: 17%;}
.img-upload-btn .btn {
  border: 0;
  background: transparent;
  padding: 0;
  font-size: 16px;
  color: #666;
}

.img-upload-btn input[type=file] {
  font-size: 100px;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  cursor: pointer;
}
.actionlog-panel.col-md-6 .response-status-select .select-category{width: 28% !important;}
.actionlog-panel.col-md-6 .response-status-select{padding: 5px !important;}
/*.projects-details-section .tab-content #actionlogs.active{padding: 15px 7px 0 !important;}*/
.panel.panel-default {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;}
.corp-proj-details .nav-tabs{border:none;}
.nav-tabs>li>a{border-radius: 0;}
.main-nav-tab.nav-tabs>li.active>a, .main-nav-tab.nav-tabs>li.active>a:focus, .main-nav-tab.nav-tabs>li.active>a:hover{border: none;border-bottom-color: transparent;border-top: 2px solid;}
.projects-details-section .tab-content>.active{border-bottom: none !important;border-left: none !important;border-right: none !important;-webkit-box-shadow: none !important;-moz-box-shadow: none !important;box-shadow: none !important;border-top:2px solid #f3f3f3 !important;}
.corp-proj-details .nav>li>a{font-size: 15px !important;font-weight: 500;padding: 7px 12px !important;}
.btn-default{border-color: #dddddd !important;}
.panel-body .log-action-remarks{color: #000000;word-break: break-word;font-weight: 300;font-size: 14px;}
.user-log-view span:first-of-type strong{font-size: 15px;font-weight: normal;}
#actionlog-view-fields-filter:after, #actionlog-view-fields-filter:before{left: 77%;}
.actionlog-panel.col-md-4 .shoutout-users .img-check{height: 22px;width: 22px;}
.actionResponse .dropdown-menu.open{position: relative;}
.actionlog-panel.col-md-4 .log-action-media img{height: 180px;}
.actionlog-panel.col-md-4 .create-category-btn .img-check, .actionlog-panel.col-md-4 .circle-list-btn .img-check{margin: 0 1px 0 2px !important;}
.actionlog-panel.col-md-4 .shoutout-item.user-list-option{width: auto !important;}
.actionlog-panel.col-md-4 .comments-list-text{margin-left: 0px;width: 86%;}
.actionlog-panel.col-md-4 .comments-like{margin-left: 0;}
.actionlog-panel.col-md-4 .block2-like,#actionlogs .actionlog-panel.col-md-6 .block2-like{display: none}
.actionlog-panel.col-md-8 .block3-like{display: none}
.actionlog-panel.col-md-12 .comments-list-text{margin-left: 0px;width: 86%;}
.calendar-navtabs{left: 0;}
.achievement-group{padding: 0;}
.projects-details-section .tab-conten #summary.active{background: #ffffff !important;}
.category-filters label{margin-bottom: 0;font-size: 14px;margin-top: 10px;}
.categories-section{width: 23.5%!important;display: inline-block;min-height: 130px;margin-right: 10px;background: #ffffff;box-shadow: 0 0 5px rgba(136, 135, 135, 0.6);-moz-box-shadow: 0 0 5px rgba(136, 135, 135, 0.6);-webkit-box-shadow: 0 0 5px rgba(136, 135, 135, 0.6);-o-box-shadow: 0 0 5px rgba(136, 135, 135, 0.6);vertical-align: top;}
.projects-details-section .tab-content .invite-section.active{padding: 15px 0 0 !important;}
.projects-details-section .tab-content .user-list-option{width: 19%;margin: 5px;display: inline-block;background: #ffffff;}
.projects-details-section .tab-content .create-category-btn .user-name, .projects-details-section .tab-content .invite-section .create-category-btn .circle-name,.projects-details-section .tab-content .invite-section .circle-list-btn .circle-name,.projects-details-section .tab-content .invite-section .circle-list-btn .user-name{vertical-align: middle;margin-top: 2px;}
.center-main-page{padding: 0;}
.edit-details-button i{font-size: 15px;margin-left: 5px;position: relative;top: -4px;background: transparent;
    height: 28px;
    width: 28px;
    line-height: 28px;
    text-align: center;
    border-radius: 50%;transition: 0.5s ease all;}
.journy-description-edit{display: inline-block;}
.achievement-pts-img{float: left;margin-right: 10px;}
#board-view-filter input[type="radio"],#calendar-view-filter input[type="radio"],.calendar-listing input[type="radio"]{display: none;}
label.boardFilter{display: inline-block;margin: 0 25px;}
label.boardActiontype{display: inline-block;}
#board-view-filter .checkround,#calendar-view-filter .checkround,.calendar-listing .checkround{top: 2px;left: -18px;}
.hidden-viewField{display: none !important;}
.projects-details-section .menu-tab-content .tab-pane.active{background: #fbfbfb !important;}
.menu-tab-content .arrow_box:after{border-bottom-color: #ffffff;border-width: 10px;}
#actionlog-view-filters .tab-pane.active,#actionlog-filter-drop .tab-pane.active{background: #ffffff !important;padding: 5px 10px 10px !important;-webkit-box-shadow: 0 4px 7px 0 rgba(129,129,129,.2)!important;-moz-box-shadow: 0 1px 7px 1px rgba(129,129,129,.2) !important;box-shadow: 0 1px 4px 1px rgba(164, 163, 163, 0.2) !important;}
#actionlog-view-filters .category-filters label{font-size: 14px;}
#actionlog-view-filters li.active a,#actionlog-filter-drop li.active a{-webkit-box-shadow: 0px -2px 3px 0px rgba(207, 203, 203, 0.2) !important;-moz-box-shadow: 0px -2px 3px 0px rgba(207, 203, 203, 0.2) !important;box-shadow: 0px -2px 3px 0px rgba(207, 203, 203, 0.2) !important;}
#actionlog-filter-drop .tab-pane.active,#board-view-filter .tab-pane.active,#calendar-view-filter .tab-pane.active{background: #ffffff !important;-webkit-box-shadow: 0 4px 7px 0 rgba(129,129,129,.2)!important;
    -moz-box-shadow: 0 1px 7px 1px rgba(129,129,129,.2) !important;
    box-shadow: 0 1px 4px 1px rgba(164, 163, 163, 0.2) !important;}
#actionlog-view-filters li a i{margin-left: 5px;}
#view-fields-menu{background-color: #5e84e7;color: #fff;font-size: 15px;border-top-left-radius: 10px;border-bottom-left-radius: 10px;}
#actionlog-view-filters li.view-fields-li{background: #fbfbfb;}
.corp-proj-details #actionlog-view-filters .nav>li>a{font-size: 14px !important;font-weight: 500;padding: 5px 10px !important;}
.sort-dropdown{list-style: none;margin-top: 35px;
    padding: 0;clear: both;}
.sort-dropdown li a{    padding: 10px;
    text-align: left !important;
    margin-left: 20px;
}
.journyTags-response .tab-content .tab-pane.active{padding: 15px 0px 0 !important;}
#journyTags .tab-content .tab-pane{border-top: none !important;}
.journy-action-status,#journyTags-li .tag-action-section{background: #ffffff;width: 49%;display: inline-block;margin:5px;box-shadow: 0 0 5px rgba(136, 135, 135, 0.6);-moz-box-shadow: 0 0 5px rgba(136, 135, 135, 0.6);-webkit-box-shadow: 0 0 5px rgba(136, 135, 135, 0.6);-o-box-shadow: 0 0 5px rgba(136, 135, 135, 0.6);}
#journyTags-li .tag-action-section .tagsinput{margin: 5px 10px 20px;}
#more-description:hover{color: #337ab7;}
.morecontent{display: none;}
.description-journy{margin-top: 4px;color: #565656;display: inline-block;margin-left: 10px;}
.actionlog-panel.col-md-12 .panel-body .log-action-remarks,.actionlog-panel.col-md-12 .panel-body .log-action-quantity{display: inline-block;}
.actionlog-panel.col-md-12{padding-left: 0;}
.actionlog-panel.col-md-12 .panel-heading{padding: 10px 10px 5px;}
.actionlog-panel.col-md-12 .response-status-select .select-category{width: 48% !important;}
.actionlog-panel.col-md-12 .panel-body .action-achievement{margin-top: 0 !important;}
.actionlog-panel.col-md-12 .actionlog-remarks, .actionlog-panel.col-md-12 .actionlog-checkbox, .actionlog-panel.col-md-12 .actionlog-media,.actionlog-panel.col-md-12 .actionlog-hours,.actionlog-panel.col-md-12 .log-action-hours,.actionlog-panel.col-md-12 .action-shoutout, .actionlog-rating,.actionlog-panel.col-md-12 .actionlog-poll,.actionlog-panel.col-md-12 .actionlog-quantity,.actionlog-panel.col-md-12 .actionlog-shoutout{margin-bottom: 0;}
.actionlog-panel.col-md-12 .log-main-section{width: 88%;}
#actionlogs .actionlog-panel.col-md-12 .log-main-section .user-list-option{width: 28%;}
.default-reaction label{color: green !important;}
#responseFilter label{margin-top: 7px;}
#searchActionLogs .tab-content>.active{border-top: none !important;border-left: 1px solid #e4e4e4 !important;border-right: 1px solid #e4e4e4 !important;}
#actionlog-view-fields-filter .tab-content{min-height: auto;}
.close-disp-btn{margin-right: 10px;position: relative;top: 5px;background: #f5f1f1;height: 25px;width: 25px;text-align: center;line-height: 25px;cursor: pointer;border-radius: 50%;}
#searchActionLogs #end-date{display: table;}

.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: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;
  }
}

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



.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;}
.like-comment-userslist .reaction-count{cursor: pointer;}
.userreactions .reaction-emoji{
    max-height: 20px;
    margin-right: 5px;
}


#userListModal .nav-tabs > li > a,#userListModal .nav-tabs > li.active > a{border: 0;}
#userListModal .nav-tabs > li > a:hover{background: none;}
#userListModal .nav-tabs > li.active{border-bottom: #385898 solid 1px;}
#userListModal .nav > li > a > img{max-height: 18px;}
.react-user-list li{padding-top: 12px;}
.react-user-list li .prof-img{width: 40px;height: 40px;border-radius: 50%;position: relative;margin-right: 15px;}
.react-user-list li .prof-img .journy-image{height: 40px;border-radius: 50%;}
.react-user-list li .prof-img .reaction-emoji{max-width: 16px;position: absolute;right: 0;bottom: 0;}
.react-user-list li p{min-height: 40px;margin: 0;display: flex;flex-direction: row;flex-wrap: wrap;padding-bottom: 10px;border-bottom:#ebedf0 solid 1px;color: #565656;font-weight: 500;line-height: 28px;}
.react-user-list li:last-child p{border: 0;}
#userListModal button.close{margin-top: 8px;}
@media only screen and (min-width: 1024px) {
    .container-layout{
        padding-left: 0;
        padding-right: 0;
    }
}
.commentbox span{color:red;}
.typeahead.dropdown-menu {
    min-width: 250px;
    padding: 5px;
    max-width: 100%;
}
.typeahead.dropdown-menu a{
    line-height: 3;
    padding: 3px 10px;
}
.typeahead.dropdown-menu .mention_image {
    position: relative !important;
    left: 0!important;
    height: 35px;
    width: 35px;
    border-radius: 50%;
    object-fit: cover;
}
.actionlog-panel.col-md-4 .write-comment .typeahead.dropdown-menu .mention_image{
    top: 5px!important;
}
.typeahead.dropdown-menu .mention_name {
    padding-left: 5px;
}
.typeahead.dropdown-menu .mention_type{
    font-size: 10px;
    color: #666;
    margin-left: 5px;
}
.typeahead.dropdown-menu li.active .mention_type{color: #fff;}
.comment-image-section{
    margin:0 10px 10px 10px;
    position: relative;
    border:#ccc solid 1px;
    border-radius: 5px;
}
.comment-image-section img{
    width: 100%;
    max-width: 100%;
    object-fit: contain;
}
.comment-image-section .btn-upload{
    position: absolute;
    top: auto!important;
    bottom: 1px!important;
    right: 1px!important;
    width: 80px!important;
    height: 30px!important;
    margin-left: -40px!important;
    margin-top: -15px!important;
    background: #ccc!important;
    line-height: 15px;
    text-transform: uppercase;
    font-size: 12px!important;;
    font-weight: 600;
    border-radius: 5px!important;
    color: #000!important;
}
.comment-image-loading{
    margin: 0 10px 10px 10px;
    border-radius: 5px;
    overflow: hidden;
}
.btn.remove-image,.btn.remove-listimage{
    position: absolute;
    padding: 0 5px;
    right: 1px;
    top: 1px;
    color:#fff;
    background:#f90909;
    z-index: 10;
}
.comments-list .comment-media img{height: auto;width: 100%;max-width: 100%;border-radius: 5px;max-height: 200px;object-fit: contain;}
.list-dropdown>li{cursor: pointer;float: left;background: #ffffff;padding: 6px 8px 4px;border-radius: 3px;margin: 3px;text-align: center;color: #465666;border: 1px solid #a3a3a3;}
.list-change{margin-right: 5px;}
.broadcast-text{
    padding: 0 5px;
    background: #2f9f49;
    color: #fff;
    border-radius: 5px;
    font-size: 12px;
    
}
.searchMode .actionlog-panel{
    display: none;
}
.searchMode .actionlog-panel.search-result{
    display: block;
}

.searchData .tabulator-row{
    display: none;
}
.searchData .tabulator-row.search-result{
    display: block;
}
.pjt-nomilestone-section .phase-gate-right .broadcast-text{
    position: absolute;
    right: 5px;
    top: 5px;
}
.search-form .form-group {
  float: right !important;
  transition: all 0.35s, border-radius 0s;
  height: 35px;
  background-color: #fff;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  border-radius: 5px;
  border: 1px solid #f1f1f1;
  margin-right: 5px;
}
.search-form .form-group input.form-control {
  padding-right: 20px;
  border: 0 none;
  background: transparent;
  box-shadow: none;
  display:block;
  height: 33px;
}
.search-form .form-group input.form-control::-webkit-input-placeholder {
  display: none;
}
.search-form .form-group input.form-control:-moz-placeholder {
  /* Firefox 18- */
  display: none;
}
.search-form .form-group input.form-control::-moz-placeholder {
  /* Firefox 19+ */
  display: none;
}
.search-form .form-group input.form-control:-ms-input-placeholder {
  display: none;
}
.search-form .form-group span.form-control-feedback,.search-form .form-group #searchclear {
  position: absolute;
  top: -1px;
  right: 0;
  z-index: 2;
  display: block;
  width: 33px;
  height: 33px;
  line-height: 33px;
  text-align: center;
  color: #333;
  left: initial;
  font-size: 14px;
  pointer-events: auto;
  cursor: pointer;
}
.search-form .form-group #searchclear{display: none;cursor: pointer;}

.reactions-list .response-status-inital li{ display:inline;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;background: #f2f2f2;}
.reactions-list .view-more-response{margin: 0;position: absolute;right: 0;bottom: 0;}
.actionlog-panel .panel-title{position: relative;}
.backbutton a.back-btn{
    font-weight: 500;
}
.empty-action-log .participate-now-btn{
    float: none;
    margin: 0 auto;
}
.add-new-action div a:focus{
    text-decoration: none;
}
.add-new-action .participate-now-btn{
    margin: 0 auto;
    width: 100px;
    height: 100px;
    line-height: 100px;
}
.add-new-action .participate-now-btn img{
        height: 38px;
}
.floating-btn{
    position: fixed;
    bottom: 55px;
    right: 0;
    left: 49%;
}
.log-label .icon-img,.media-label .icon-img,.actionlog-hours .icon-img{width: auto;height: auto;max-height: 16px;margin-right: 5px;margin-top:3px;}
.action-container .label-content .quantity-label{
    display: inline-block;color: #000000;font-size: 15px;
}
.actionlog-hours .start-date-section{
    margin-top: 0;
}
#reports button.ui-datepicker-trigger{
    color: #000;
    font-size: 18px;
    margin-top: 5px;
}
.ml-0{
    margin-left: 0!important;
}
.board-view .board-content,#board-view.row,#board-view-reports.row {
  --scrollbarBG: #ededed;
  --thumbBG: #90A4AE;
}
.board-view .board-content::-webkit-scrollbar {
  width: 13px;
}
.board-view .board-content {
  scrollbar-width: thin;
  scrollbar-color: var(--thumbBG) var(--scrollbarBG);
}
.board-view .board-content::-webkit-scrollbar-track,#board-view.row::-webkit-scrollbar-track,#board-view-reports.row::-webkit-scrollbar-track{
  background: var(--scrollbarBG);
}
.board-view .board-content::-webkit-scrollbar-thumb,#board-view.row::-webkit-scrollbar-thumb,#board-view-reports.row::-webkit-scrollbar-thumb  {
  background-color: var(--thumbBG) ;
  border-radius: 6px;
  border: 3px solid var(--scrollbarBG);
  height: 75px;
}
#board-view.row::-webkit-scrollbar,#board-view-reports.row::-webkit-scrollbar{width: 15px;}
div.list-change button.dropdown-toggle{font-size: 15px !important;font-weight: 500;padding: 8px 12px !important;border: none;background-color: transparent;border-radius: 0;}
div.list-change button.dropdown-toggle .caret{margin-left: 5px;}
.search-content{position: fixed;right: 0;top: 110px;background: #5f85ea;color: #ffffff;cursor: pointer;padding: 10px;
    font-size: 16px;}
#dateFilter span{font-size: 13px;}
.close-menu-bar{margin: 5px 10px 0;
background: #f5f1f1;
height: 25px;
width: 25px;
text-align: center;
line-height: 25px;
cursor: pointer;
border-radius: 50%;
float: right;
font-size: 15px;}
.menu, .menu-bar {height: auto;list-style-type: none;margin: 0;padding: 0;background: #ffffff;z-index:10;  overflow:hidden;box-shadow: 2px 0 18px rgba(0, 0, 0, 0.26);}
.menu{box-shadow: none !important;background: transparent;transition: 0.3s;position: absolute;right: 25px;top: 6px;padding-top: 0;margin-top: 0;overflow:visible;}
.menu li{float:left;}
.menu li a{text-align: center;color: #ffffff;position: relative;transition: background 0.1s ease-in-out;font-size: 14px;padding: 6px 10px;background: #2593d0;display: inline-block;margin-right: 5px;border-radius: 5px;cursor: pointer;}
.menu li a:before {font-family: FontAwesome;speak: none;text-indent: 0em;position: absolute;bottom: 0;right: 0;width: 100%;height: 100%;font-size: 1.4em;}
.menu li.active a {background: #ffffff;color: #2593d0;border: 1px solid #2593d0;padding: 5px 9px;}
.menu-bar{height: 0;overflow:hidden;right:0;z-index:99;transition: width 0.3s ease-in-out; top: 40px;right:28px;position: absolute;}
.open-menu{width:60%;height:auto;border-radius: 10px;padding-bottom: 25px;}
.openit{
  right: 52%;
}
.menu-bar li a{
  display: block;
  text-align:center;
  color: #565656;
  text-decoration:none;  
  position: relative;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  transition: background 0.1s ease-in-out;
}
@media all and (max-width: 500px) {
    .container{
        margin-top:100px;
    }
    .menu{
        height:5em;
        width:100%;
    }
    .menu li{
        display:inline-block;
    }
    .menu-bar li a{
        width:100%;
    }
    .menu-bar{
        width:100%;
        left:0;
      bottom: 0;
    }
    .open{
        width:100%;
        height:auto;
    }
    .para{
    padding-left:5px;
}  
}
@media screen and (max-height: 34em){
  .menu li,
  .menu-bar {
    font-size:70%;
  }
}
@media screen and (max-height: 34em) and (max-width: 500px){
  .menu{
        height:3.5em;
    }
}
.search-form div.has-feedback{
/*    width: 65%;
    margin: 35px 25px;*/
    height: 33px;
    background: #f7f7f7;
    border: 1px solid #b8b8b8;
    float: none !important;box-shadow: none;
}
.journy-main-image{position: relative;}
.board-view-menu{display: none;}
.boardInputItems:nth-child(3n+1){clear:left;}
#board-view-filter .filter-buttons{padding: 10px;
    background: #ffffff;
    border: 1px solid #e4e4e4;
    border-top: none;
    -webkit-box-shadow: 0 4px 4px 1px rgba(164, 163, 163, 0.2) !important;
    -moz-box-shadow: 0 4px 4px 1px rgba(164, 163, 163, 0.2) !important;
    box-shadow: 0 4px 4px 1px rgba(164, 163, 163, 0.2) !important;}
.add-new-action{
     display: flex;
     height: 100%;
     align-items: center;
     background: #fafbfd;
}
.row-flex .log-action-name{width: 80%;float: left;word-break: break-word;}
.row-flex .panel-heading .dropdown-menu{width: 140px;}
.row-flex .panel-heading .dropdown-toggle{color: #ffffff;
    background-color: #5f85ea;
    border-color: #5f85ea;
    padding: 2px 7px;}
.actionlog-section:after{content: '';clear: both;display: table;}
.row-flex .panel-heading .dropdown-menu>li>a{padding: 8px 8px;}

.induct-categories{list-style: none;margin-bottom: 0;float: left;padding-left: 0;width: 15%;}
.induct-categories li{padding: 13px 10px;cursor: pointer;font-weight: 400;background-color: rgb(51, 122, 183);position: relative;max-width: 210px;border-bottom: 1px solid #ffffff;text-align: left;border-radius: 8px;}
.induct-categories li.active{background-color: #53b548;}
.categories-tabs-left .categories-tab-content{background: #f9f9f9;border-left: none;padding-left: 3%;clear: right;display: inline-block;float: left;width: 85%;}
.induct-categories li.active:after {content: '';position: absolute;left: 100%;top: 50%;margin-top: -13px;border-left: 0;border-bottom: 13px solid transparent;border-top: 13px solid transparent;border-left: 10px solid #53b548;}
.induct-categories li a i{position: relative;top: 5px;}
.induct-categories li a:hover{color: #eeeeee;}
.color-blue{color:#5F85EA;}
.induct-header{font-size: 28px;font-weight: 500;margin-top: 35px;margin-bottom: 0;}
.induct-categories a{color:#FFFFFF;padding-bottom: 4px;border-bottom: 2px solid transparent;position: relative;padding: 16px;font-size: 16px;font-weight: 300;}
.induct-categories .badge{position: absolute;top: -9px;background: #00BCD4;right: -15px;padding: 2px 5px;}
a:hover{text-decoration:none;color:#519548;}
.category-subheader {text-align: left;font-size: 14px;margin-bottom: 8px;color: #565656;font-weight: 500;}
#board-sett .actionFilter-list label{margin-bottom: 0;margin-top: 10px;display:block;}
#board-sett .actionFilter-list .bootstrap-select{margin-top: 0 !important;width: 35% !important;}
#board-sett .actionFilter-list .bootstrap-select button{background:#fbfbfb !important;}
#report-circleall{padding-left: 0 !important;}
.projects-details-section .tab-content .settings-tab{border-top:none !important;padding-top: 0 !important;}
.add-new-action{display: flex;height: 100%;align-items: center;background: #fafbfd;}
.row-flex .panel-heading .dropdown-menu,#board-view .panel-heading .dropdown-menu,.boards-listing .panel-heading .dropdown-menu{width: 140px;border-radius: 10px;margin-top: 8px !important;}
.row-flex .panel-heading .dropdown-toggle,#board-view .panel-heading .dropdown-toggle,.boards-listing .panel-heading .dropdown-toggle,.calendars-listing .panel-heading .dropdown-toggle{color: #5f85ea;background-color: #ffffff;border-color: #5f85ea;padding: 3px 5px;border: none;}
.row-flex .panel-heading .dropdown-menu>li>a,#board-view .panel-heading .dropdown-menu>li>a,.boards-listing .panel-heading .dropdown-menu>li>a,.calendars-listing .panel-heading .dropdown-menu>li>a{padding: 8px 8px;}
ul.response-status-inital{margin-bottom: 0;}
.like-comment-achievement .logs{margin: 0 !important;display: inline-block;}
.logs-like .like-button{padding-left: 0 !important;}
.write-new-comment i{font-size: 18px;margin-right: 2px;}
.logs-like.active span {font-weight: 300;}
.like-comment-achievement{display: block;}
.response-status-list .category-list-option {border: 1px solid #e4e4e4;border-radius: 20px;padding: 3px 15px;background: #f2f2f2;}
.activity-list-count{position: relative;top: -5px;margin-left: 0;}
board-view-progress .activity-list-count{top: -2px;}
.campaign-user-header .activity-list-count{top: -17px;position: absolute;right: -28px;}
.row-flex .panel-heading .dropdown-toggle i,#board-view .panel-heading .dropdown-toggle i,.boards-listing .panel-heading .dropdown-toggle i,#calendar-view .panel-heading .dropdown-toggle i,.calendars-listing .panel-heading .dropdown-toggle i{font-size: 22px;}
.action-logs.clearfix{clear: both;cursor: pointer;}
.col-md-6.clearfix{clear: both !important;}
.menu-bar li a i{color: #333;font-size: 14px;}
.menu-bar li a i:last-of-type{margin-right: 20px;}
.sort-text{font-size: 15px;margin-left: 30px;font-weight: 500;float: left;clear: both;position: relative;top: -20px;}
#board-view-filter .tab-board-view{padding: 10px 15px !important;}
.filter-results{padding: 0 15px;}
.filter-results .filter-header{font-size: 18px;}
.clear-filters{color: #006db0;font-size: 15px;font-weight: 500;margin: 10px 0;text-decoration: underline;cursor: pointer;}
.dismiss-filter{height: 12px;width: 12px;margin-left: 5px;cursor: pointer;}
.filter-applied{background: #ffffff;padding: 1px 8px;margin: 1px;transition: all 0.5s ease;border: 1px solid #cccccc;border-radius: 2px;display: inline-block;font-weight: 500;
    color: #333333;}
.user-camp-det .projects-details-section .tab-content>.active{border-top: none !important;}
.board-name,.calendar-name{margin-bottom: 25px;}
.board-name,.calendar-name input{width: 35%;display: inline-block;border-color: #f1f1f1;background: #fbfbfb;}
.board-buttons{padding: 25px 0 15px 0;clear: both;}
.board-buttons button{border-radius: 0;width: 125px;}
.setting-selector ul,.custom-menu-selector ul{margin-bottom: 20px;}
.setting-selector ul li,.custom-menu-selector ul li{display: inline-block;padding: 2px;margin-right: 20px;font-weight: 500;font-size: 16px;border-bottom: 2px solid transparent;cursor: pointer;margin-bottom: 10px;}
.setting-selector ul li.active,.setting-selector ul li:hover,.custom-menu-selector ul li.active,.custom-menu-selector ul li:hover{color: #1f6db0;border-color: #1f6db0;}
#board-sett .boardInputResponseSelector {width: 45%;margin-left: 0px !important;margin-top: 10px !important;}
#board-sett .boardInputResponseSelector button{background: #fbfbfb !important;}
.boards-filter-list{padding: 2px 0;}
.boards-applied-header{padding: 5px 5px 5px 0;color: #333333;font-weight: 500;}
.board-action-applied{}
.new-board-left{width: 45%;float:left;}
.new-board-right{width: 50%;float:right;}
.boardview-reactions{margin-top: 10px;}
.boardview-reactions .category-filters label{margin-top: 15px;}
.boardview-reactions .filter-options{margin-top: 10px;}
/*.action-view-filterItem{display: none;}*/
.boardview-reactions .filter-options .bootstrap-select > .btn{border-color: #e4e4e4 !important;}
.boardview-reactions .filter-options .checkmark{border: 1px solid #aaaaaa;background: #ffffff;}
#board-sett .chiller_cb input:checked ~ span,#calendar-sett .chiller_cb input:checked ~ span{background: #00BCD4;border-color: #00BCD4;}
#board-sett .chiller_cb label,#calendar-sett .chiller_cb label{font-size: 14px;margin-left: 0;}
.boards-listing .panel-title,.calendars-listing .panel-title,.calendar-listing .panel-title{font-weight: 500;color: #4CAF50;display: inline-block;}
#board-sett #action-boardview-filter label,#calendar-sett #action-boardview-filter label{margin-top: 0;}
.projects-details-section .new-board-right .tab-content>.active{background: #ffffff !important;border-left: 1px solid #e4e4e4 !important;border-right: 1px solid #e4e4e4 !important;border-bottom: 1px solid #e4e4e4 !important;border-bottom: 1px solid #e4e4e4 !important;}
#board-sett .nav-tabs>li{margin-bottom: -2px;}
#board-sett .new-board-right .bootstrap-select.actionResponse{margin-top: 10px !important;margin-bottom: 10px !important;}
.boards-applied-subheader{padding: 3px;}
.boards-listing .panel-body,.calendars-listing .panel-body,.calendar-listing .panel-body{padding-bottom: 10px;padding-top: 0;}
.write-new-comment:hover{color: #2196F3;}
.edit-action-log i,.edit-board i,.edit-calendar i{border: none;background: none;color: #02a9f4;font-size: 15px;margin-right: 0;}
.delete-action-log i,.delete-board i,.delete-calendar i{border: none;color: #ed477f;font-size: 15px;background: none;margin-right: 0;}
.edit-action-log,.delete-action-log{font-size: 15px;cursor: pointer;font-weight: 300;}
.edit-history{color: #43ac4b;font-size: 15px;cursor: pointer;}
.edit-history i{margin-left: 0;font-size: 16px;margin-right: 8px;}
.log-action-name{display: inline-block;width: 90%;}
.write-comment{display: none;}
.write-new-comment{display: inline-block;padding: 5px 0 0 0;color: #9E9E9E;cursor: pointer;font-weight:300;}
.social-media-actions{border-top: 1px solid #e4e4e4;margin-top: 10px;}
.like-comment-achievement{display: block;border-top: 1px solid #e4e4e4;display: flex;justify-content: space-between;}
#board-view-filter label.check-container{color: #888888;margin: 8px 0;}
#board-view-filter .checkmark{border: 1px solid #aaaaaa;background: #ffffff;top: 4px;height: 15px;width: 15px;}
.edit-delete-dropdown button.dropdown-toggle:active{box-shadow: none !important;}
.edit-delete-dropdown button.dropdown-toggle:focus{background-color: none !important;border-color: none !important;color: #5f85ea;}
.edit-delete-dropdown button.dropdown-toggle:hover{color: #fff;background-color: #5f85ea;border-color: #5f85ea;}
.boards-listing .panel.panel-default{border: 1px solid #e4e4e4;padding-left: 5px;margin: 5px 0;}
.boards-listing .panel.panel-default .panel-title a:hover,.boards-listing .panel.panel-default .panel-title a:focus{text-decoration: none;}
input:focus{outline:none !important;}
.notification-camp-page .response-status-list{float: left;margin-right: 5px;}
.notification-camp-page .moreActionlog .category-list-option label{width: auto;background: #f2f2f2;}
.notification-camp-page .write-comment{display: block;}
.label.label-default.rank-label {
    border-radius: 27px;
}
.actionlog-accordion{position: relative;}
.actionlog-profile{display: inline-block;margin-right: 10px;cursor: pointer;}
.actionlog-pd .dropdown-toggle i{position: absolute;bottom: -9px;right: 2px;color: #ffffff;font-size: 10px !important;background: #4caf50;height: 16px;width: 16px;text-align: center;line-height: 16px;border-radius: 50%;font-style: italic;}
.edit-delete-dropdown .dropdown-menu{padding: 0 !important;left: -133px;}
.edit-delete-dropdown .dropdown-menu:before{left: 130px;}
.edit-delete-dropdown .dropdown-menu:after {left: 128px;}
.edit-delete-dropdown .dropdown-menu li:first-of-type a{background: #f7fff0;border-radius: 5px 5px 0 0;}
.edit-delete-dropdown .dropdown-menu li{margin: 2px 0;}
.edit-delete-dropdown .dropdown-menu li:last-of-type a{background: antiquewhite;border-radius: 0 0 5px 5px;}
.edit-delete-dropdown .dropdown-menu li:nth-of-type(2) a{background: aliceblue;}
.edit-delete-dropdown .dropdown-menu li a:hover{background-color: #f5f5f5;}
.user-log-view .user-log-comment{color: #000000;}
.dropdown.actionlog-pd .dropdown-menu{left: -117px;margin-top: 20px !important;}
.actionlog-pd .dropdown-toggle i:focus{border:2px solid #cccccc;}
.actionlog-pd button{padding: 0;}
.actionlog-profile .log-user-img{height: 25px;width: 25px;}
.viewFilter-userProfile.actionlog-profile{position: absolute;right: 15px;top: 5px;}
.apc_inner_item{float:none;clear:left;}
.default-board,.calendar-board{margin-left: 5px;color: #337ab7;font-weight: 500;}
.boards-listing .chiller_cb,.calendars-listing .chiller_cb{display: inline-block;margin-right: 25px;}
.edit-board{margin:0;}
.board-options,.calendar-options{margin-right: 50px;}
.editable.board-view-item{cursor: move;}
/*.action-logs .actionlog-section:first-of-type .log-main-section:first-of-type{width:80%;}*/
.help-block{display: none;color: #a94442;font-size: 12px;}
.empty-boards,.empty-calendar{width: 400px;color: grey;font-size: 20px;border: 1px dashed #e4e4e4;padding: 33px;text-align: center;background: #ffffff;}
span.delete-board,.span.delete-calendar{padding:10px;}
.board-interval-select{margin-top: 0 !important;}
.board-interval-select button{background: #fbfbfb !important;}
.board-calendar{background: #eeeeee !important;border: 1px solid #e4e4e4;border-radius: 0 !important;margin-top: 5px;}
.custom-interval-board{display: none;}
.board-results-content{margin-bottom: 15px;font-size: 15px;color: #565656;}
.go-to-boardFilter,.go-to-boardSelect{background: #4CAF50;color: #ffffff;font-size: 12px;font-style: italic;height: 16px;width: 16px;text-align: center;line-height: 16px;border-radius: 50%;cursor: pointer;}
.boardtitle,.calendartitle{font-size: 15px;color: green;;margin-bottom: 5px;}
.boardtitle span,.calendartitle span{font-weight: 500;color: #565656;background: rgb(255, 255, 255);padding: 1px 8px;margin: 1px 3px;transition: all 0.5s ease 0s;border-width: 1px;border-style: solid;border-color: rgb(204, 204, 204);border-radius: 2px;}
.freezepage{margin-right: 10px;background: #ffffff;color: #5f85ea;font-weight: 500;padding: 4px 8px;margin-top: 5px;}
.journy-as-admin{padding: 2px 8px;margin-left: 5px;border-radius: 5px; font-size: 13px;}
.boardFilter-options li,.calendarFilter-options li{display: inline-block;margin: 0 20px;}
#board-view-users,#board-view-mentions,#calendar-view-users,#calendar-view-mentions{display: none;}
.boardFilter-options li a,.calendarFilter-options li a{border-bottom: none !important;}
#board-view-users .scroll-list,#board-view-mentions .scroll-list,#calendar-view-users .scroll-list,#calendar-view-mentions .scroll-list{max-height: 255px;}
    .wizard > div.wizard-inner {
        position: relative;
    }
.connecting-line {
    height: 2px;
    background: #337ab7;
    position: absolute;
    width: 50%;
    margin: 0 auto;
    left: -28%;
    right: 0;
    top: 50%;
    z-index: 1;
}
.search-body.action-view-filterItem{
    margin-bottom: 20px;
}
.wizard .wizard-tabs.nav-tabs > li.active > a, .wizard .wizard-tabs.nav-tabs > li.active > a:hover, .wizard .wizard-tabs.nav-tabs > li.active > a:focus {
    color: #555555;
    cursor: default;
    border: 0;
    border-bottom-color: transparent;
}

.wizard .wizard-tabs.nav-tabs > li div{text-align: center;font-weight: 500;    color: #337ab7;}

span.round-tab {
    width: 50px;
    height: 50px;
    line-height: 50px;
    display: inline-block;
    border-radius: 100px;
    background: #fff;
    border: 2px solid #337ab7;
    z-index: 2;
    position: absolute;
    left: 0;
    text-align: center;
    font-size: 20px;
}
span.round-tab i{
    color:#337ab7;
}
.disabled span.round-tab i{
    color:#999999;
}
#action-boardview-filter div.bootstrap-select{margin-left: 0 !important;margin-top: 10px !important;width: 80%;}
.wizard .wizard-tabs.nav-tabs li.disabled div{color: #999999;}
.tooltip-inner{color:#ffffff !important;}
#board-actionlog-view-filters .tab-content,#board-searchActionLogs .tab-content{border: 1px solid #e4e4e4;border-top: none;    -webkit-box-shadow: 0 4px 7px 0 rgba(129,129,129,.2)!important;
    -moz-box-shadow: 0 1px 7px 1px rgba(129,129,129,.2) !important;
    box-shadow: 0 1px 4px 1px rgba(164, 163, 163, 0.2) !important;padding-bottom: 20px;
    margin-bottom: 20px;}
#board-actionlog-view-filters .tab-content>.active,#board-searchActionLogs .tab-content>.active{background: #ffffff !important;}
.wizard li.active span.round-tab {
    background: #337ab7;
    border: 2px solid #337ab7;  
}
.wizard li.active span.round-tab i{
    color: #ffffff;
}
.wizard .wizard-tabs.nav-tabs > li {
    width: 25%;
        margin-top: 10px;
}

.wizard .wizard-tabs.nav-tabs > li a {
    width: 50px;
    height: 50px;
    border-radius: 100%;
    padding: 0 !important;
    margin: 2px auto;
}
 .wizard{background: #ffffff;margin-bottom: 20px;}   

    .wizard .wizard-tabs.nav-tabs > li a:hover {
        background: transparent;
    }
.wizard .wizard-content>.active{border-top: none !important;    background: #ffffff !important;    padding-top: 40px !important;
    padding-left: 70px !important;}

#board-actionlog-filter-drop .tab-content>.active{background: #ffffff !important;}
#board-actionlog-filter-drop .tab-content{border-top: 1px solid #f2f2f2;}
#board-view a.ribbon{display: none;}
.board-results-content span:first-of-type{color: green;}
.filter-appliedLabel{display: none;}
.corp-proj-details .worksheet-view .nav>li>a{font-size: 14px !important;font-weight: 500;padding: 3px 8px !important;border-radius: 20px;letter-spacing: 0.3px;}
.corp-proj-details .worksheet-view .nav>li.active>a{background: #5cb85c;color: #ffffff !important;}
.tabulator .tabulator-header{border-radius: 10px 10px 0 0 !important;}
.tabulator{border-radius: 10px !important;}
.tabulator .tabulator-header .tabulator-col{background: #f4f4f4 !important;}
.tabulator-row .tabulator-cell{border-bottom: none !important;padding: 8px 10px !important;min-height: 35px;max-height: 150px;overflow: auto !important;}
.tabulator .tabulator-header .tabulator-col .tabulator-col-content{padding: 8px 0px !important;}
.tabulator-row{border-bottom: 1px solid #e4e4e4;}
.tabulator-row.tabulator-selectable:hover{background: #cccccc;}
.scroll_tabs_container div.scroll_tab_inner span, .scroll_tabs_container div.scroll_tab_inner li{margin-right: 5px;border-radius: 20px;background-color: #d4d4d4 !important;line-height: 34px !important;transition: 0.5s all ease;}
.scroll_tabs_container .scroll_tab_left_button_disabled{color: #333333 !important;background-color: transparent !important;}
.scroll_tabs_container .scroll_tab_right_button,.scroll_tabs_container .scroll_tab_left_button{height: 30px !important;background-color: transparent !important;}
.scroll_tabs_container .scroll_tab_right_button::before,.scroll_tabs_container .scroll_tab_left_button::before{line-height: 30px !important;}
.scroll_tabs_container div.scroll_tab_inner span.tab_selected{background: #5cb85c !important;}
.scroll_tabs_container div.scroll_tab_inner span.tab_selected a{color: #ffffff !important;}
.scroll_tabs_container div.scroll_tab_inner span a{font-size: 14px;font-weight: 500;color: #333333 !important;}
.camp-title-badge{position: relative;display: inline-block;}
.tabulator .rate-icon{height: 20px;width: 20px;margin-right: 2px;}
.tabulator .tabulator-cell li{display: inline-block;}
.tabulator .tabulator-cell span.spread-shoutout img{height: 25px;width: 25px;border-radius: 50%;margin-right: 4px;object-fit: cover;}
.tabulator .tabulator-cell span.spread-shoutout{margin-bottom: 7px;display: block;}
.tabulator .tabulator-cell span.pollchoice,.tabulator .tabulator-cell li span,.tabulator .tabulator-cell span.chainchoice{display: block;}
.tabulator .tabulator-cell span.spread-shoutout:last-of-type,.tabulator .tabulator-cell span.chainchoice:last-of-type{margin-bottom: 0;}
.tabulator .tabulator-cell span.pollchoice,.tabulator .tabulator-cell span.chain-portfolio{padding: 2px 3px 5px;margin-bottom: 5px;}
.tabulator .tabulator-header .tabulator-col.tabulator-sortable .tabulator-col-title {padding-right: 5px !important;}
.spread-active .projects-details-section .tab-content #actionlogs.active{padding: 0 !important;}
span.userprofileimg img{border-radius: 50%;object-fit: cover;margin-right: 5px;height: 30px;width: 30px;}
.scroll_tabs_container{width:98%;height:33px !important;}
.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-arrow{top: 17px;}
.spread-modal .modal-header .close,.grid-modal .modal-header .close{
  margin-top: -4px;margin-right: -10px;text-shadow:none !important;
position: absolute;
    right: -40px;
    color: #ffffff;
    height: 40px;
    width: 40px;
    
    text-align: center;
    line-height: 20px;
    border-radius: 50%;
    top: 15px;
    font-size: 30px;
    background: #000000;
    opacity: 0.8;
}
.spread-modal .modal-header,.grid-modal .modal-header{border-bottom: none;padding: 0;position: relative;}
.spread-more{display: none;}
.spread-modal .modal-body,.grid-modal .modal-body{padding-left:45px;padding-right: 45px;}
.spread-modal .modal-body .log-action-name,.grid-modal .modal-body .log-action-name{display: none;}
.spread-modal .modal-body  .viewFilter-userProfile.actionlog-profile,.grid-modal .modal-body  .viewFilter-userProfile.actionlog-profile {position: absolute;right: 55px;top: 0;}
.spread-modal .modal-body .create-category-btn .img-check,.spread-modal .modal-body .circle-list-btn .img-check,.grid-modal .modal-body .create-category-btn .img-check,.grid-modal .modal-body .circle-list-btn .img-check{margin: 0 2px 0 0;}
.spread-modal .modal-body label.log-label,.grid-modal .modal-body label.log-label,.spread-modal .modal-body label.media-label,.grid-modal .modal-body label.media-label{margin-bottom: 8px;font-weight: 600;background: #eeeeee;text-transform: uppercase;font-size: 15px;padding: 5px;}
.spread-modal .modal-body .actionlog-shoutout span.user-name .user-name-lbl,.grid-modal .modal-body .actionlog-shoutout span.user-name .user-name-lbl{font-weight: 400;font-size: 13px;}
.user-list-option .create-category-btn{padding: 3px 6px 3px 1px;}
.spread-modal .modal-body .shoutout-users .img-check,.grid-modal .modal-body .shoutout-users .img-check{height: 25px;width: 25px;}
.spread-modal .modal-body .user-list-option .create-category-btn,.grid-modal .modal-body .user-list-option .create-category-btn {padding: 2px 3px 2px 5px;}
.spread-modal .modal-body .log-label .icon-img,.spread-modal .modal-body .media-label .icon-img,.spread-modal .modal-body .actionlog-hours .icon-img,.grid-modal .modal-body .log-label .icon-img,.grid-modal .modal-body .media-label .icon-img,.grid-modal .modal-body .actionlog-hours .icon-img{max-height: 20px;margin-right: 8px;}
.spread-modal .modal-body .response-status-lbl,.grid-modal .modal-body .response-status-lbl{border: none;padding: 0;}
.spread-modal .modal-body .response-status-select .header,.grid-modal .modal-body .response-status-select .header {font-size: 15px;}
.spread-modal .modal-dialog,.grid-modal .modal-dialog{width:650px;}
.spread-modal .modal-body .panel-body,.grid-modal .modal-body .panel-body{padding: 0;}
.spread-modal .modal-body .write-comment textarea,.grid-modal .modal-body .write-comment textarea{padding: 7px 60px 7px 10px;margin-left: 0;width: 95%;max-width: 95%;border-color: transparent;    display: inline-block;}
.spread-modal .modal-body .post-comment-btn,.grid-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;}
.spread-modal .modal-body .write-comment img,.grid-modal .modal-body .write-comment img{
    height: 35px;
    width: 35px;
    border-radius: 50%;
    vertical-align: top;
    object-fit: cover;
/*    position: absolute;
    left: 11px;
    top: 13px;*/
    display: inline-block;
    max-width: 5%;
}
.spread-modal .modal-body  .log-main-section,.grid-modalgrid-modal .modal-body  .log-main-section{margin-bottom: 15px;}
.spread-modal .modal-body .ribbon-container,.spread-modal .modal-body .ribbon-container{position: absolute;
    top: -27px;
    right: 60px;}
.spread-modal .modal-body .create-category-btn,.grid-modal .modal-body .create-category-btn{background: #f9f9f9;}
.spread-modal .modal-body .reactions-list .response-status-inital li,.grid-modal .modal-body .reactions-list .response-status-inital li{display: block;}
.spread-modal .modal-body  .view-more-response,.spread-modal .modal-body  .view-less-response,.grid-modal .modal-body  .view-more-response,.grid-modal .modal-body  .view-less-response{display: none;}
.spread-modal .modal-body::-webkit-scrollbar,.tabulator-row .tabulator-cell::-webkit-scrollbar,.dropdown.worksheet-dropdown .dropdown-menu::-webkit-scrollbar {width: 7px !important;}
.spread-modal .modal-body::-webkit-scrollbar-track,.tabulator-row .tabulator-cell::-webkit-scrollbar-track,.dropdown.worksheet-dropdown .dropdown-menu::-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; }
.spread-modal .modal-body::-webkit-scrollbar-thumb,.tabulator-row .tabulator-cell::-webkit-scrollbar-thumb,.dropdown.worksheet-dropdown .dropdown-menu::-webkit-scrollbar-thumb{border-radius: 5px !important;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5) !important;}
.spread-modal .modal-body::-webkit-scrollbar-track-piece,.tabulator-row .tabulator-cell::-webkit-scrollbar-track-piece,.dropdown.worksheet-dropdown .dropdown-menu::-webkit-scrollbar-track-piece{height: 10px;}
.spread-modal .edit-delete-dropdown .dropdown-menu li a,.grid-modal .edit-delete-dropdown .dropdown-menu li a{padding: 5px 15px;}
.spread-modal .edit-delete-dropdown .dropdown-menu,.grid-modal .edit-delete-dropdown .dropdown-menu{width: 165px;left: -110px;margin-top: 3px;border-radius: 5px;}
.spread-modal .edit-delete-dropdown .dropdown-menu:after,.grid-modal .edit-delete-dropdown .dropdown-menu:after {left: 105px;}
.spread-modal .edit-delete-dropdown .dropdown-menu:before,.grid-modal .edit-delete-dropdown .dropdown-menu:before {left: 107px;}
.grid-modal .modal-body::-webkit-scrollbar,.tabulator-row .tabulator-cell::-webkit-scrollbar,.dropdown.worksheet-dropdown .dropdown-menu::-webkit-scrollbar {width: 7px !important;}
.grid-modal .modal-body::-webkit-scrollbar-track,.tabulator-row .tabulator-cell::-webkit-scrollbar-track,.dropdown.worksheet-dropdown .dropdown-menu::-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; }
.grid-modal .modal-body::-webkit-scrollbar-thumb,.tabulator-row .tabulator-cell::-webkit-scrollbar-thumb,.dropdown.worksheet-dropdown .dropdown-menu::-webkit-scrollbar-thumb{border-radius: 5px !important;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5) !important;}
.grid-modal .modal-body::-webkit-scrollbar-track-piece,.tabulator-row .tabulator-cell::-webkit-scrollbar-track-piece,.dropdown.worksheet-dropdown .dropdown-menu::-webkit-scrollbar-track-piece{height: 10px;}
#actionlogs.notabpadding .filter-results-content{width: 85%;margin-bottom: 0;font-size: 15px;}
.scroll_tabs_container div.scroll_tab_inner span.disableaction{pointer-events: none;}
.scroll_tabs_container div.scroll_tab_inner span.disableaction a{color: #ffffff !important;}
span.userprofileimg{font-weight: 500;}
.tabulator-menu{margin-top: 15px;}
.tabulator-menu-item i{color: #4CAF50;}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {background-color:transparent;}
.spreadsheet-active .menu-bar.open-menu{z-index: 99;}
.dropdown.worksheet-dropdown .dropdown-menu {left: 0;width: 300px;margin-top: 0;padding: 10px;border-radius: 5px;max-height: 350px;overflow: auto;}
.dropdown.worksheet-dropdown input[type=checkbox] {display: inline-block;margin-top: 0;vertical-align: middle;}
.dropdown.worksheet-dropdown .custom-checkbox label{font-weight: 500;color: #585858;margin-left: 8px;margin-bottom: 0;vertical-align: middle;width: 85%;cursor: pointer;}
.dropdown.worksheet-dropdown .hiddenfield-template{padding: 2px;margin-bottom: 5px;}
.dropdown.worksheet-dropdown .hiddenfield-template:hover{background: #d4d4d4;}
#hiddenFields{
    padding: 6px 10px;
    background: #cbedf1;
    margin-left: 7px;
    margin-bottom: 7px;
    margin-top: 0px;
    font-weight: 400;
    font-size: 13px;
    margin-right: 10px;
}
.admin-journy-page .campaign-user-header{padding-bottom: 10px;}
.admin-journy-page .campaign-user-header .journy-image{bottom: -20px;}
.notabpadding #actionlogs.active{padding-left: 0 !important;padding-right: 0 !important;}
.notabpadding .count-common{display: inline-block;}
.spread-modal .modal-body .dropdown.actionlog-pd .dropdown-menu{width: 170px;}
.tabulator .tabulator-cell .ratechoice{margin-top: 5px;display:block;}
.confirm-modal.deleteconfirmModal,.modal.userListModal{z-index:99999;}
.polls-section-logs{clear:both;}
.uploadmedia-section img{max-width: 100%;border-radius: 10px;}
.spread-modal .modal-footer{border-top: none !important;}
.modal.spread-modal .expand-collapse{margin: 5px 45px 0;}
.actionlog-panel.col-md-4 .log-action-media img.fileicon{height: 55px;}
.modal .dropdown.actionlog-pd .dropdown-menu{width: 160px;}
.actionlog-panel.col-md-6.page-view .comments-body{margin: 0 -5px 15px;}
.feed-settings-tab .chiller_cb{padding-top: 25px !important;padding-bottom: 25px !important;}
.default-view-section .header{font-size: 15px;display: block;margin-top: 25px;color: #565656;text-decoration: underline;}
.userListModal .modal-dialog{width:350px !important;}
.polls-section-logs input[type="radio"]:checked{
  background: #00BCD4;
}
.polls-section-logs input[type="radio"]:checked::after {background: #40e0d0;content: '';display: block;position: relative;z-index: 100;}
.polls-section-logs input[type="radio"]:checked::before {
    content: "\2022";
    border-radius: 50%;
    font-size: 40px;
    line-height: 10px;
    text-align: center;
}
.chart-selector ul{margin-bottom: 0;}
.reports-filter-modal .modal-dialog{width: 900px;}
.chart-selector ul li{display: inline-block;padding: 2px;margin-right: 20px;font-weight: 500;font-size: 16px;border-bottom: 2px solid transparent;cursor: pointer;margin-bottom: 10px;}
.chart-selector ul li.active,.chart-selector ul li:hover{color: #1f6db0;border-color: #1f6db0;}
.default-view-section{padding-bottom: 25px !important;}
.default-view-section{padding-bottom: 25px !important;}
.default-view-section .header{font-size: 15px;display: block;margin-top: 0;color: #565656;text-decoration: underline;}
.userListModal .modal-dialog{width:350px !important;}
.show-checkbox input[type=checkbox]{display: inline-block;}
.show-radio input[type="radio"]{display: inline-block !important;opacity: 1;margin: 4px 25px 0 0;position: relative;top: 1px;}
.show-radio label,.show-checkbox label{font-weight: 400;}
div.act-other,.sel-chart-section,.show-aggregate{display:none;}
div.act-other label{margin-right: 25px;} 
#calendar-sett .connecting-line{width: 28%;left: -49%;}
.bootstrap-select.calendarAction,.bootstrap-select.calendarInputResponse{margin-top: 0 !important;width: 37%;}
#calendar-sett .intended-to div.actionFilter-list{display: inline-block;margin-left: 15px;}
.projects-details-section #calendar-sett .tab-content>.active{border-top: none !important;}
#action-calendar-view .clear-filters{margin: 0px 25px 0;}
.custom-menu-images span{-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);
    display: inline-block;
    padding: 10px;
    border-radius: 5px;}
.custom-menu-images span img{height: 50px;width: 50px;}
.custom-menu-images span{margin:10px;}
.projects-details-section .tab-content.customMenu-section>.active{padding: 0 !important;
    border: none !important;}
div.select-custom-item{width: 25%;display: inline-block;}
div.select-details{width: 35%;display: inline-block;}
.tabulator-row .tabulator-cell.chain-parent{padding-left:0 !important;}
#board-view .log-user-img,#board-view-reports .log-user-img{height: 30px;width: 30px;}
#board-view .actionlog-panel .activity-block .user-img-points,#board-view-reports .actionlog-panel .activity-block .user-img-points{padding-top: 4px;}
#board-view .activity-block .user-log-view span:first-of-type strong{font-size: 15px;}
#board-view .activity-info,#board-view-reports .activity-info {padding-bottom: 10px;}
.boardtitle span{margin-left:0 !important;padding-left: 0;}
#board-view .actionlog-panel .activity-block,#board-view-reports .actionlog-panel .activity-block{min-height: auto !important;}
.board-results-content{display:none;}
.playbook-notification-page{padding-left:40px !important;padding-right:40px !important;}
.playbook-notification-page .projects-details-section{padding-top:25px;}
.playbook-notification-page .project-desc {font-size: 14px;padding-top: 10px;}
.playbook-notification-page .details-main-img{border:none;}
.playbook-notification-page .project-details-left{padding-right:25px;}
.playbook-notification-page .img-upload-btn{position: absolute;overflow: hidden;display: inline-block;top: 14px;right: 40px;}
.playbook-notification-page .write-comment textarea{
    padding: 7px 10px;
    width: 95%;
    border-color: transparent;
    max-width: 95%;
    display: inline-block;
    border-radius: 10px;
    background: #f0f2f5;
    margin-left: 2px;
}
.playbook-notification-page .post-comment-btn{background: transparent;border: none;color: #4CAF50;padding: 0;width: auto;font-size: 16px;position: absolute;right: 18px;top: 14px;}
.playbook-notification-page .like-comment-achievement{margin-top:5px;margin-right: 25px;padding-top: 10px;display: block;
    border-top: 1px solid #e4e4e4;}
.playbook-notification-page span.like-button{position: relative;top: 2px;margin-left: 2px;}
.playbook-notification-page  .social-media-actions{padding-bottom: 15px;}
.playbook-notification-page .like-comment-userslist .logs-like{position: relative;top: 5px;}
.playbook-notification-page .campaign-title {font-size: 24px;font-weight: 600;}
.menu-bar-search .search-form .form-group input.form-control{width: 250px;height: 31px;border-radius: 5px;}
.menu.spreadsheet{top:52px;}
#playbook-reports .panel-default>.panel-heading{background-color: #258fcb;border-color: #258fcb;border-radius: 5px;}
#playbook-reports .panel-default>.panel-heading a{color:#ffffff;display: block;}
#playbook-reports .label-head{font-weight:500;display: block;margin-bottom: 8px;}
#playbook-reports .chart-settings{background: #ffffff;padding: 10px 0;border-radius: 0;}
#playbook-reports .form-control{border-radius: 3px;height: 34px;}
#playbook-reports .bootstrap-select button{border-color: #cccccc !important;border-radius: 3px;}
#playbook-reports .panel-title a[data-toggle="collapse"]:after,#playbook-reports .panel-title a[data-toggle="collapse"].collapsed:after{color:#ffffff;}
#playbook-reports .div-heading{font-size: 20px;font-weight: 700;padding: 10px 0;display: block;}
#playbook-reports .bootstrap-select.yaxisfield-select button,#playbook-reports .bootstrap-select.playbook-action button,#playbook-reports .bootstrap-select.xaxis-response button,#playbook-reports .bootstrap-select.yaxis-response button,#playbook-reports .chart-category-selector .bootstrap-select button,#playbook-reports .select-chart-picker .bootstrap-select button{border-radius: 0;height:32px;}
#playbook-reports i.add-graph-select{background: #258fcb;width: 90px;margin-bottom: 15px;margin-top: 10px;margin-left: 11px;}
#playbook-reports .chart-settings .groupValue{border: none;margin:0;}
.show-playbook-check{margin-top: 15px;}
#playbook-reports .create-graph-btn{border-radius: 0;font-weight: 500;}
.report-footer-buttons{padding: 5px 15px 20px;}
.report-footer-buttons button{padding: 3px 15px;border-radius: 2px;}
#playbook-reports{padding-left: 0 !important;}
.axis-header:after{diaplay:table;content:" ";clear:both;}
.reports-list-section{padding: 10px 10px 5px;border: 1px solid #cccccc;color: #565656;margin-top: 10px;border-radius: 3px;}
i.report-list-preview{color: green;padding: 0 4px;cursor: pointer;}
i.report-list-edit{color: #258fcb;padding: 0 4px;cursor: pointer;}
i.report-list-delete{color: #f44336;padding: 0 4px;cursor: pointer;}
.actionlogs-table table th, td {
white-space: nowrap;
}


.delete-popup .modal-content {padding: 20px;border-radius: 5px;border: none;text-align: center;font-size: 14px;}
.delete-popup .modal-header {border-bottom: none;   position: relative;}
.delete-popup h4 {text-align: center;font-size: 26px;margin: 30px 0 -10px;}
.delete-popup .close {position: absolute;top: -5px;right: -2px;}
.delete-popup .modal-body {color: #999;}
.delete-popup .modal-footer {border: none;text-align: center;border-radius: 5px;font-size: 13px;padding: 10px 15px 25px;}
.delete-popup .modal-footer a {color: #999;}		
.delete-popup .icon-box {width: 65px;height: 65px;margin: 0 auto;border-radius: 50%;z-index: 9;text-align: center;border: 3px solid #F44336;display: block;}
.delete-popup .icon-box i {color: #F44336;font-size: 30px;display: inline-block;margin-top: 13px;}
.delete-popup .btn {color: #fff;border-radius: 4px;text-decoration: none;transition: all 0.4s;line-height: normal;min-width: 120px;border: none;min-height: 40px;border-radius: 3px;margin: 0 5px;outline: none !important;}
.delete-popup .btn-info {background: #c1c1c1;}
.delete-popup .btn-info:hover, #publishConfirmModal .btn-info:focus {background: #a8a8a8;}
.delete-popup .btn.activate-item{background: #8BC34A;}
.delete-popup .icon-box.activate-item{border: 3px solid #8BC34A;}
.delete-popup .icon-box i.fa-check {color: #8BC34A;font-size: 30px;display: inline-block;margin-top: 13px;}
.delete-popup .btn-danger {background: #f15e5e;}
.delete-popup .btn-danger:hover, #publishConfirmModal .btn-danger:focus {background: #ee3535;}
.delete-popup .input-label{margin-bottom: 30px;}
.tabulator .tabulator-header{color: #333333 !important;font-weight: 500 !important;}
#calendar-view-list .panel-default>.panel-heading{padding-left: 20px;}
#inviteadd .create-category-btn .user-name,#inviteadd .create-category-btn .circle-name{width: 77%;font-weight: 500;}
.corp-admin-camp-det ul.menu{top: 45px;}
.backbutton a.back-btn{background: #2593d0;color: #ffffff;padding: 9px;border-radius: 5px;font-size: 14px;}
.backbutton a.back-btn i{margin-right: 3px;}
.journy-name-desc .project-desc{color: #ffffff;width: 105px;background: #2593d0;border-radius: 5px;padding: 3px 5px;font-size: 13px;text-align: center;}
.journy-name-desc .project-desc a{color: #ffffff;}
.journy-name-desc .project-desc a i{font-size: 10px;position: relative;top: -1px;margin-left: 3px;}
.details-tabs-help .nav-tabs .nav-link.active,.details-tabs-help .nav-tabs .nav-item.active .nav-link {text-shadow: none;background-color: #444 !important;border-radius: 30px;color: #FFFFFF;box-shadow: 0px 5px 35px 0px rgb(0 0 0 / 30%);font-weight: 500;padding: 6px 35px !important;}
.details-tabs-help .nav-tabs .nav-link{border: none;margin-right: 5px;border-radius: 20px;color: #767676;box-shadow: 0px 5px 20px 0px rgb(0 0 0 / 30%);font-weight: 500;padding: 6px 35px !important;}
.details-tabs-help .card-header{margin-left: 25px;padding: 0;}
.details-tabs-help .table-bordered tbody>tr>td{border-color: #666;}
.details-tabs-help .table-bordered thead>tr>th{border-color: #666;}
.details-tabs-help .table-bordered{border-color: #666666 !important;}
.details-tabs-help ol li{margin-bottom: 3px;}
.details-tabs-help{margin-top: 10px;}
.backbutton{margin-top: 5px;clear: both;margin-bottom: 10px;margin-left: 11px;}
.details-tabs-help .table-bordered{width: 55%;}
.answer-subheading p{display: block;font-weight: 500;}
.answer-subheading{clear: both;}
.shoutout-users .create-category-btn .user-name{width: auto;vertical-align: middle;}
.answer-subheading img{width: auto;height: 275px; margin-bottom: 25px;border: 1px solid #333333;} 
#help h5{font-size: 18px;font-weight: 600;}
.admin-dashboard.corporate-dashboard.body.content.custom-menu-active{margin-left: auto;}
#playbook-forms p{font-weight: 500;
    color: #585858;
    font-size: 20px;
    margin-top: 32px;
    border-bottom: 2px solid;
    display: inline-block;
    margin-bottom: 20px;
    margin-left: 15px;
    padding-bottom: 2px;}
.action-group-header:after{display: table;content: ' ';clear: both;}
.actions-group{margin: 20px 0;}
.actions-group .bootstrap-select{margin-left: 0 !important;margin-top: 10px !important;}
.actions-group .bootstrap-select button{width: 100% !important;border-radius: 5px;height: 45px;}
.actions-group-title{font-weight: 500;font-size: 16px;height: auto !important;}
#playbook-forms .feed-buttons{margin-left: 15px;}
.forms-playbook-listing{border: 1px solid #8c8a8a;padding: 10px;min-height: 240px;max-height: 240px;overflow: auto;border-radius: 5px;margin-top: 20px;}
.forms-playbook-listing span.empty-playbook-forms img{height: 100px;display: block;margin: 0 auto;margin-top: 50px}
.playbook-form-title input[type="text"]{border-radius: 5px;width: 300px;background: #f9f9f9;}
.create-forms-template .modal-dialog{width:80%;}
.form-action-header{padding: 15px;font-size: 20px;font-weight: 600;padding-top: 30px;clear: both;}
.details-form label{color: #262626;font-weight: 500;font-size: 15px;}
.submit-b{width: 300px;margin-top: 38px;background: #52ad9c;color: #fff;margin-left: 15px;border-radius: 8px;padding: 10px;border: none;}
.form-wrap.form-builder .stage-wrap{padding: 25px !important;border: 3px dashed #ccc;border-radius: 5px;}
.form-wrap.form-builder .frmb li.form-field{cursor: move;}
.form-wrap.form-builder .frmb li.form-field.form-group{clear: none;}
.stage-wrap.ui-sortable li{margin-top:15px;margin-bottom: 15px;border: 1px solid transparent;padding: 5px;border-radius: 5px;}
.stage-wrap.ui-sortable li:hover{border: 1px dashed #52ad9c;}
.stage-wrap.ui-sortable li:nth-child(1){margin-top: 0;}
.stage-wrap.ui-sortable li:nth-child(2){margin-top:0;}
.form-field .bootstrap-select{margin-left: 0 !important;margin-top: 0 !important;}
#formPlaybookModal .modal-header,#formPlaybookEditModal .modal-header{padding-bottom: 15px;padding-left: 35px;border: none;background: #f1f1f1;border-radius: 5px 5px 0;}
#formPlaybookModal .modal-header h5.modal-title,#formPlaybookEditModal .modal-header h5.modal-title{font-size: 26px;}
#formPlaybookModal .modal-footer{border: none;margin-left: 20px;margin-bottom: 30px;margin-top: 10px;text-align: left;}
#formPlaybookModal .modal-footer button{width:200px;font-size: 15px;}
.form-wrap.form-builder .form-control{background: #f9f9f9;}
.form-label-edit{display: none;color: #139deb;margin-left: 10px;cursor: pointer;}
#formPlaybookModal .modal-header .close{margin-top: 0;position: absolute;right: 20px;top: 19px;font-size: 30px;opacity: .5;}
li.form-field:hover .form-label-edit{display: inline-block;}
.form-fields-save{display: none;}
.field-label{color: #000000;font-weight: 500;}
.form-label-save{color: #4caf50;margin-left: 2px;cursor: pointer;}
.playbook-forms-list{border: 1px solid #8c8a8a;padding: 10px;min-height: 400px;max-height: 400px;overflow: auto;}
.playbook-forms-list ul{padding: 0;list-style: none;clear: both;}
.playbook-forms-list ul li{color: #ffffff;padding: 10px;margin: 6px;background: #337ab7;cursor: pointer;line-height: 19px;height: 38px;}
.form-details-header{
    font-weight: 500;
    font-size: 24px;
    color: #585858;
    border-bottom: 2px solid;
    display: inline-block;
    margin-bottom: 20px;
    margin-left: 15px;
}
.playbook-forms-list ul li span.formList{max-width: 60%;
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;white-space: nowrap;}
#formPlaybookModal .form-wrap.form-builder .form-actions{display: none;}
#formPlaybookModal .formbuilder-paragraph p{font-size: 15px;color: #000000;}
#formPlaybookModal .paragraph-field label.field-label{color: #000000;font-size: 14px;}
#formPlaybookModal li div.form-temp-picker{padding: 0 !important;}
#formPlaybookModal .form-wrap.form-builder .btn-group>.btn{position: relative;float: none;height: 34px;width: 100%;}
#formPlaybookModal li.paragraph-field{margin: 15px 5px;background: #f9f9f9;display: inline-block;                                                                                                                                                                                                                                                                                                                                                                                                                                                          width: 100%;border: 1px solid #cccccc;}bVBb
#formPlaybookModal li.paragraph-field:after,.form-wrap.form-builder .frmb li.form-field.form-group:after{content: ' ';display: table;clear: both;}
.change-msg{display: none;color: #856404;margin-bottom: 6px;}
.form-group.required-wrap  input[type=checkbox]{display: block;}
.playbook-forms-list ul li img{height: 18px;float: right;}
.playbook-forms-list ul li img:hover{opacity: 0.8;}
#formImagePlaybookModal .close,#formPlaybookModal .close,#formPreviewModal .close,#formSharePlaybookModal .close,#formPlaybookEditModal .close,#formMailPlaybookModal .close{position: absolute;right: -45px;color: #000000;height: 35px;width: 35px;text-align: center;line-height: 20px;border-radius: 50%;top: 2px;font-size: 30px;background: #ffffff;opacity: 0.8;}
#formImagePlaybookModal .modal-dialog{width: 50%;}
#formImagePlaybookModal .modal-header,#formPlaybookEditModal .modal-header{border: none;}
#formMailPlaybookModal .modal-dialog{width: 70%;}
#formImagePlaybookModal .modal-footer, #formPreviewModal .modal-footer,#formPlaybookEditModal .modal-footer{border: none;margin-left: 20px;margin-bottom: 30px;margin-top: 10px;}
#formImagePlaybookModal .modal-footer button,#formPlaybookEditModal .modal-footer button{width:120px;font-size: 15px;}
#formImagePlaybookModal .close span,#formPlaybookModal .close span, #formPreviewModal .close span,#formSharePlaybookModal .close span,#formPlaybookEditModal .close span{opacity:0.5;}
#formImagePlaybookModal .close:hover span, #formPlaybookModal .close:hover span, #formPreviewModal .close:hover span,#formSharePlaybookModal .close:hover span,#formPlaybookEditModal .close:hover span{opacity:1;}
#formImagePlaybookModal .modal-body .select-images-form p{font-size: 15px;font-weight: 700;color: #000;}
#formImagePlaybookModal .modal-body .select-images-form{padding-bottom: 25px;}
.select-images-form ul li{list-style: none;float: left;border: 1px solid #000000;border-radius: 8px;padding: 5px;margin: 7px;position: relative;}
.select-images-form ul li.selected.activemodal-title{font-size: 22px;color: #000000;}
#formPreviewModal .modal-body label{font-size: 16px;font-weight: 500;}
#formPreviewModal .modal-body li input,#formPreviewModal .modal-body li select{border-radius: 8px;}
#formPreviewModal .form-logo img,#formPlaybookEditModal .form-logo img{height: 52px;width: 52px;object-fit: cover;border-radius: 50%;margin-right: 10px;}
#formPreviewModal .modal-header{box-shadow: 0px 3px 12px 1px #4b751a;border-color: #0ec20e;}
.select-images-form ul li img{height: 55px;width: 55px;object-fit: cover;cursor: pointer;}
.select-images-form ul{padding: 0;}
.select-images-form ul:after{clear: both;content:' ';display: table;}
.select-images-form ul li .selected-img {display: none;position: absolute;top: -7px;right: -10px;border-radius: 50%;transition: 0.5s ease all;}
.select-images-form ul li.selected.active .selected-img {display: block;height: 27px;width: 27px;padding: 2px;}
#formPreviewModal .modal-content{width: 60%;margin: 0px auto;}
#formPreviewModal .modal-title{font-size: 30px;padding-left: 15px;color: #000000;}
#formSharePlaybookModal .modal-title,#formPlaybookEditModal .modal-title{font-size: 22px;color: #000000;}
#formPreviewModal .modal-body label{font-size: 16px;font-weight: 500;}
#formPreviewModal .modal-body li input,#formPreviewModal .modal-body li select{border-radius: 8px;}
#formPreviewModal .form-logo img,#formPlaybookEditModal .form-logo img{height: 52px;width: 52px;object-fit: cover;border-radius: 50%;margin-right: 10px;}
#formPreviewModal .modal-header{background: #f6f6f6;border-top-right-radius: 5px;border-top-left-radius: 5px;border: none;padding: 15px 30px;border-top: 5px solid;}
#formSharePlaybookModal .modal-header{border-top: none;background: #f6f6f6;border-top-left-radius: 5px;border-top-right-radius: 5px;margin-bottom: 10px;border-bottom: none;padding: 15px 30px;}
.add-logo-bg,.add-logobg-footer{display: none;}
#upload {opacity: 0;position: relative;-ms-flex: 1 1 auto;flex: 1 1 auto;width: 1%;margin-bottom: 0;cursor: pointer;}
.add-file-select{box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
background-color: #f6f6f6;width: 100%;border-radius: 35px;padding: 5px;border: 1px solid #cccccc;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-ms-flex-align: stretch;align-items: stretch;width: 100%;}
#upload-label {position: absolute;top: 50%;left: 140px;transform: translateY(-50%);font-weight: 300;color: #666;font-size: 15px;}
.add-file-select .input-group-append{display: flex;margin-left: -1px;}
.add-file-select .input-group-append label{padding-left: 15px !important;background-color: #e3e6e9;border-color: #f8f9fa;padding-right: 15px;margin-right: 0px;border-radius: 25px;}
.add-file-select .input-group-append label i{margin-right: 0.5rem!important;}
.add-file-select .input-group-append label small{color: #6c757d !important;font-weight: 700;}
.add-logo-bg p.font-italic{font-size: 14px;color: #777777;font-style: italic;margin-top: 45px;}
.image-area {border: 2px dashed rgb(185 182 182 / 70%);padding: 1rem;position: relative;margin-top: 15px;display: none;}
.image-area::before {content: '';color: #888;font-weight: bold;text-transform: uppercase;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);font-size: 12px;z-index: 1;}
.image-area img {z-index: 2;position: relative;margin: 0 auto;display: block;width:auto;max-width: 100%;}
#formImagePlaybookModal .modal-body.form-addbg-body{padding: 15px 95px;}
#formPreviewModal .dynamic-bg img,#formPlaybookEditModal .dynamic-bg img{width: 100%;height: 200px;border-radius: 5px;margin-bottom: 10px;object-fit: contain;}
#formPreviewModal .modal-dialog {width: 100%;margin: 0 auto;padding: 50px 0;width: 100%;height: auto;background: #efefef;position: relative;}
.dynamic-bg{width: 60%;margin: 0px auto 5px;border-radius: 8px;}
.form-wrap.form-builder .frmb .field-label{font-weight: 500 !important;color: #262626 !important;font-size: 14px !important;}
.form-wrap.form-builder .frmb .form-field .form-group{padding-left: 0;}
.form-wrap.form-builder .frmb li.form-field{width: 50%;clear:none !important;float: left;}
.form-wrap.form-builder .frmb li.header-field.form-field, .form-wrap.form-builder .frmb li.file-field.form-field,.form-wrap.form-builder .frmb li.paragraph-field.form-field{width:100%;}
#formPlaybookModal .modal-title{color: #000000;}
#formPlaybookModal .details-form{margin-top: 25px;}
img.formbackgroundSettings{margin-right: 3px;}
#formSharePlaybookModal .fstChoiceItem{color: #000000;padding: 5px 25px !important;border-radius: 20px;background-color: #ffffff;}
#formSharePlaybookModal .fstMultipleMode .fstControls{background-color: #efeded;border-radius: 5px;}
#formSharePlaybookModal .fstElement.form-control.fstMultipleMode{border-radius: 5px;margin-bottom: 25px;width: 75%;display: inline-block;}
.get-form-link span{border: 1px solid #4caf50;padding: 7px 5px;border-radius: 5px;margin-top: 19px;background: #228b2214;color: #53a353;font-weight: 500;font-size: 15px;position: relative;top: 33px;}
#formSharePlaybookModal .fstChoiceRemove{font-size: 20px !important;}
.playbook-forms-list ul li img:hover{opacity:1;}
.form-shared-list{margin-bottom: 25px;margin-top: 25px;}
.shared-list-each{margin: 5px 0;padding: 5px 8px;border-radius: 8px;background: #f9f9f9;}
.shared-list-each:hover{background: #f4f4f4;}
.shared-list-each img{display: inline-block;vertical-align: middle;height: 30px;width: 30px;border-radius: 8px;margin-right: 5px;max-width: 5%;object-fit: cover;}
.shared-list-each .list-email-name{display: inline-block;vertical-align: middle;width: 93%;}
.shared-list-each .list-email-name span.disp-inlinebl{color: #787878;width: 24%;display: inline-block;vertical-align: middle;}
#formSharePlaybookModal .modal-footer{border: none;padding: 15px 40px;}
.get-form-link img{width: 18px;margin-right: 1px;}
.get-form-link{cursor: pointer;margin: 10px 0 25px;}
.eachUser-formlink img{height: auto;width:18px;}
.form-shared-list .title,.general-settings .title{font-weight: 600;font-size: 18px;}
#formSharePlaybookModal .fstResultItem.fstSelected,#formSharePlaybookModal .fstResultItem.fstFocused{font-size: 15px !important;color: #4caf50;}
#formSharePlaybookModal .fstSelected:after{color: #2e9032;font-size: 17px;}
#formSharePlaybookModal .fstResultItem{font-size: 15px !important;}
#formSharePlaybookModal .eachUser-formlink ul.navbar-nav{float: none;display: inline-block;padding: 0;}
#formSharePlaybookModal .eachUser-formlink ul.navbar-nav li{ padding: 0;float: none;}
#formSharePlaybookModal .eachUser-formlink ul.navbar-nav li a{padding: 0;}
#formSharePlaybookModal .eachUser-formlink ul.navbar-nav li a .caret{width: auto;color: #787878;}
#formSharePlaybookModal .eachUser-formlink ul.navbar-nav li ul.dropdown-menu{width: 130px;border-radius: 5px;text-align: center;min-width: 130px;left: -92px;margin-top: 11px;}
.form-userowner.bootstrap-select{margin-top: 5px !important; margin-left: 5px !important;width: 150px !important;border-radius: 5px;}
.form-userowner.bootstrap-select button{padding: 5px 12px;height: 36px;border: none;border-bottom: 1px solid #4caf50 !important;}
#formSharePlaybookModal .modal-dialog{width: 750px;}
#formSharePlaybookModal .list-email-name span.form-useremail{font-weight: 400;font-size: 15px;vertical-align: middle;max-width: 30%;width: 30%;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;margin-right: 15px;}
.userowner-label{color:#262626;font-weight: 500;}
.eachuser-limitresp input{display: inline-block;width: 60px;height: 30px;border: none;border-bottom: 1px solid #4caf50;}
.shared-list-each .list-email-name span.eachUser-formlink{width:10%;}
.shared-list-each .list-email-name span.form-userstatus{width:15%;}
.useradd-owner .userowner-label{display: block;}
.allusersadd-owner .userowner-label{display: block;padding-bottom: 5px;font-size: 18px;font-weight: 700;}
.form-alluserowner{margin-top: 10px !important;}
.form-alluserowner button{height: 41px;border-radius: 5px;background: #efeded !important;}
#formPlaybookEditModal .dynamic-bg{width:100%;}
.general-settings .eachuser-limitresp{margin: 20px 5px;display: block;}
#formPreviewModal .modal-body .container{max-width: 100%;}
#formPreviewModal .modal-body .container ul.form-container{padding: 0;list-style: none;}
#formPlaybookEditModal .modal-title{width: 85%;display: inline-block;}
.details-form div.form-wrap.form-builder .form-actions.btn-group{display: none;}
#formPlaybookEditModal .modal-body .container{width: 100%;}
#formPlaybookEditModal .create-playbook-forms p{font-weight: 400;color: #333333;margin-top: 30px;font-size: 15px;}
#formPlaybookEditModal .modal-dialog{width: 90%;}
#formPlaybookEditModal .form-wrap.form-builder .cb-wrap{width: 20%;}
.allusersadd-owner .bootstrap-select.form-alluserowner{margin-left: 0 !important;}
.allusersadd-owner:after,.generated-link-each:after{display: table;content: ' ';clear: both;}
.w-25{width:25% !important;}
.general-settings .form-userstatus span.status-nr,.general-settings .form-userstatus span.status-r{display: block;}
.status-nr{color: #337ab7;}
.status-nr span,.status-r span,.eachUser-formlink span{font-weight: 700;}
.status-r{color: #4caf50;}
.allusersadd-owner .bootstrap-select.form-alluserowner{width: 250px;}
.allusersadd-owner .bootstrap-select.form-alluserowner button{background: #f7f7f7 !important;}
#formSharePlaybookModal .modal-body{padding:15px 30px;}
#formPlaybookEditModal .modal-body{padding: 15px 30px;}
#formPlaybookEditModal .create-playbook-forms{background: #f8f8f8;padding: 15px;border-radius: 10px;border: 1px solid #ccc;}
#formPlaybookEditModal .playbook-form-title input[type="text"]{width: 100% !important;}
#formPlaybookEditModal .actions-group .bootstrap-select{width: 100% !important;}
.generated-link-each{margin: 10px 0;border-bottom: 1px solid #e4e4e4;padding: 10px 0;color: #767676;}
.sharefm-disabled,.link-to-disable{padding: 5px 10px;color: #e91e63;border: 1px solid #e91e63;border-radius: 5px;background: #ffffff;cursor: pointer;}
.sharefm-active,.link-to-enable{padding: 5px 10px;color: #4caf50;border: 1px solid #5bb65e;border-radius: 5px;background: #ffffff;cursor: pointer;}
.generated-links .title{margin-top: 45px;display: block;padding-bottom: 0;font-size: 18px;font-weight: 700;padding-left: 15px;}
.link-to-enable,.link-to-disable{margin-left: 10px;}
.form-gen-link span{display: block;max-width: 100%;word-break: break-all;}
.form-expiry label{display: block;}
.form-gen-link span:last-of-type{color: #000000;padding-top: 5px;}
.get-form-link input{border-radius: 5px;}
.w-18{width:18%;}
.w-20{width: 20%;}
.public-link{margin-left: 15px;}
.btn-share-form{height: 38px;margin-left: 10px;vertical-align: top;}
.form-wrap.form-builder .frmb .field-label{max-width: 91%;overflow: hidden;text-overflow: ellipsis;}
.required-asterisk{vertical-align: top;}
.custom-checkbox input[type="checkbox"],#addsignature-acknwld{display: inline-block;}
.signature-section{display: none;}
.custom-control.custom-signature{margin-top: 25px;font-size: 16px;background: aliceblue;width: 73%;padding: 15px 15px 15px;}
#addsignature,#addsignature-acknwld{height: 20px;width: 20px;margin: 0 10px;position: relative;top: 4px;cursor: pointer;}
.signature-section{display: none;background: aliceblue;width: 73%;padding: 0 15px 15px;position: relative;}
.copy-button.btn.formbuilder-icon-copy{display: none !important;}
.reportsModal input[type="checkbox"]{display: inline-block;transform: scale(1.2);margin-right: 4px;}
.signature-section img{position: absolute;height: 15px;width: auto;right: -3px;top: 14px;cursor: pointer;}
.create-forms-template .form-wrap.form-builder .frmb .field-label{max-width: 95%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.form-wrap.form-builder .frmb .prev-holder select, .form-wrap.form-builder .frmb .prev-holder input[type=text], .form-wrap.form-builder .frmb .prev-holder textarea, .form-wrap.form-builder .frmb .prev-holder input[type=number]{    box-shadow: none !important;}
#formPlaybookEditModal .form-wrap.form-builder .stage-wrap{width: calc(80% - 5px);}
.create-forms-template .actions-group .bootstrap-select button{width: 100% !important;}
.create-forms-template .actions-group{background: #ffffff;padding: 15px 15px 30px;border-radius: 10px;}
.create-forms-template .playbook-form-title{border-radius: 10px;background: #ffffff;padding: 10px 15px 20px;}
.create-forms-template .playbook-form-title label{font-size: 15px;}
#formPlaybookEditModal .custom-checkbox input[type="checkbox"]{transform: scale(1.5);margin-right: 4px;position: relative;top: 2px;}
.form-thankyou-section{background: aliceblue;width: 73%;padding: 15px 15px 25px;position: relative;margin-top: 20px;border-radius: 10px;}
.form-thankyou-section img{height: 15px;width: auto;cursor: pointer;margin-left: 5px;}
.form-thankyou-section textarea,.signature-section textarea{border-radius: 5px;}
.form-thankyou-section label{margin-bottom: 10px;}
.custom-signature-section{border-radius: 10px;}
.formlogo li i{display: none;position: absolute;bottom: -5px;right: -8px;color: red;background: #ffffff;padding: 0;border-radius: 50%;height: 24px;width: 24px;line-height: 24px;text-align: center;border: 1px solid red;cursor: pointer;}
.formlogo li:hover i{display: inline-block;}
.playbook-fields .rating-list li img{height: 30px;}
.image-area.active::before{content:' ';}
.alert-img-size{display:none;padding: 15px;color: #721c24;background-color: #f8d7da;border-color: #f5c6cb;border: 1px solid #f5c6cb;border-radius: 5px;margin-top: 25px;}
.alert-img-size img{height: 32px;margin-right: 10px;vertical-align: top;}
.alert-img-size span{display: inline-block;vertical-align: middle;}
.alert-img-size span p:last-of-type{font-weight: 500;}
.alert-img-size span p{margin-bottom: 5px;}
.dropdown-menu.open{z-index: 99999;}
.mailbody:after{content: ' ';display: table;clear: both;}
#formMailPlaybookModal .modal-header{border: none;}
.templates-body{padding: 20px;}
.templates-body label{display: block;}
.bootstrap-select.select-placeholder{margin-top: 0 !important;margin-left: 0 !important;width: 85% !important;}
.label-header{font-size: 18px;
    margin-bottom: 25px;}
.bootstrap-select.select-placeholder button{border-radius: 5px;height: 42px;}
.templates-body .form-group{margin-bottom: 25px;}
#formMailPlaybookModal #cnclconfirmModal .modal-dialog{width: 400px;}
#formMailPlaybookModal #cnclconfirmModal .modal-title{color: #ffffff;}
#formMailPlaybookModal .form-wizard {
  color: #888888;
}
#formMailPlaybookModal .form-wizard .wizard-form-radio {
  display: inline-block;
  margin-left: 5px;
  position: relative;
}
#formMailPlaybookModal .form-wizard .wizard-form-radio input[type="radio"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  background-color: #dddddd;
  height: 25px;
  width: 25px;
  display: inline-block;
  vertical-align: middle;
  border-radius: 50%;
  position: relative;
  cursor: pointer;
}
#formMailPlaybookModal .form-wizard .wizard-form-radio input[type="radio"]:focus {
  outline: 0;
}
#formMailPlaybookModal .form-wizard .wizard-form-radio input[type="radio"]:checked {
  background-color: #fb1647;
}
#formMailPlaybookModal .form-wizard .wizard-form-radio input[type="radio"]:checked::before {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  display: inline-block;
  background-color: #ffffff;
  border-radius: 50%;
  left: 1px;
  right: 0;
  margin: 0 auto;
  top: 8px;
}
#formMailPlaybookModal .form-wizard .wizard-form-radio input[type="radio"]:checked::after {
  content: "";
  display: inline-block;
  webkit-animation: click-radio-wave 0.65s;
  -moz-animation: click-radio-wave 0.65s;
  animation: click-radio-wave 0.65s;
  background: #000000;
  content: '';
  display: block;
  position: relative;
  z-index: 100;
  border-radius: 50%;
}
#formMailPlaybookModal .form-wizard .wizard-form-radio input[type="radio"] ~ label {
  padding-left: 10px;
  cursor: pointer;
}
#formMailPlaybookModal .form-wizard .form-wizard-header {
  text-align: center;
}
#formMailPlaybookModal .form-wizard .form-wizard-next-btn, #formMailPlaybookModal .form-wizard .form-wizard-previous-btn, #formMailPlaybookModal .form-wizard .form-wizard-submit {
  background-color: #55B2A9;
  color: #ffffff;
  display: inline-block;
  min-width: 100px;
  min-width: 120px;
  padding: 10px;
  text-align: center;
}
#formMailPlaybookModal .form-wizard .form-wizard-next-btn:hover, #formMailPlaybookModal .form-wizard .form-wizard-next-btn:focus, #formMailPlaybookModal .form-wizard .form-wizard-previous-btn:hover, #formMailPlaybookModal .form-wizard .form-wizard-previous-btn:focus,#formMailPlaybookModal .form-wizard .form-wizard-submit:hover,#formMailPlaybookModal .form-wizard .form-wizard-submit:focus {
  color: #ffffff;
  opacity: 0.6;
  text-decoration: none;
}
#formMailPlaybookModal .form-wizard .wizard-fieldset {
  display: none;
}
#formMailPlaybookModal .form-wizard .wizard-fieldset.show {
  display: block;
  text-align: center;
}
#formMailPlaybookModal .form-wizard .wizard-form-error {
  display: none;
  background-color: #d70b0b;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2px;
  width: 100%;
}
#formMailPlaybookModal .form-wizard .form-wizard-previous-btn {
  background-color: #55B2A9;
}
#formMailPlaybookModal .form-wizard .form-control {
  font-weight: 400;
  height: auto !important;
  padding: 15px;
  color: #383838;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  box-shadow: none !important;
}
#formMailPlaybookModal .form-wizard .form-control:focus {
  box-shadow: none;
}
#formMailPlaybookModal .form-wizard .form-group {
  position: relative;
  margin: 25px 0;
}
#formMailPlaybookModal .form-wizard .wizard-form-text-label {
  /*transition: 0.2s linear all;*/
    font-weight: 500;
  color: #545454;
  font-size: 15px;
}
#formMailPlaybookModal .form-wizard .focus-input .wizard-form-text-label {
  color: #545454;
  transition: 0.2s linear all;
}
#formMailPlaybookModal .form-wizard .form-wizard-steps {
  margin: 20px auto 30px;
  display: block;
  text-align: center;
  width: 100%;
}
#formMailPlaybookModal .form-wizard .form-wizard-steps li {
  width: 33%;
  display: inline-block;
  position: relative;
}
#formMailPlaybookModal .form-wizard .form-wizard-steps li::after {
  background-color: #f3f3f3;
  content: "";
  height: 5px;
  left: 5px;
  position: absolute;
  right: 0;
  top: 23%;
  transform: translateY(-50%);
  width: 100%;
  border-bottom: 1px solid #dddddd;
  border-top: 1px solid #dddddd;
}
#formMailPlaybookModal .form-wizard .form-wizard-steps li span {
  background-color: #dddddd;
  border-radius: 50%;
  display: inline-block;
  height: 40px;
  line-height: 40px;
  position: relative;
  text-align: center;
  width: 40px;
  z-index: 1;
}
#formMailPlaybookModal .form-wizard .form-wizard-steps li:last-child::after {
  width: 50%;
}
#formMailPlaybookModal .form-wizard .form-wizard-steps li.active span, #formMailPlaybookModal .form-wizard .form-wizard-steps li.activated span {
  background-color: #55B2A9;
  color: #ffffff;
}
#formMailPlaybookModal .form-wizard .form-wizard-steps li.active::after, #formMailPlaybookModal .form-wizard .form-wizard-steps li.activated::after {
  background-color: #55B2A9;
  left: 55%;
  width: 50%;
  border-color: #55B2A9;
}
#formMailPlaybookModal .form-wizard .form-wizard-steps li.activated::after {
  width: 100%;
  border-color: #55B2A9;
}
#formMailPlaybookModal .form-wizard .form-wizard-steps li:last-child::after {
  left: 0;
}
#formMailPlaybookModal .form-wizard .wizard-password-eye {
  position: absolute;
  right: 32px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}
@keyframes click-radio-wave {
  0% {
    width: 25px;
    height: 25px;
    opacity: 0.35;
    position: relative;
  }
  100% {
    width: 60px;
    height: 60px;
    margin-left: -15px;
    margin-top: -15px;
    opacity: 0.0;
  }
}
@media screen and (max-width: 767px) {
  .wizard-content-left {
    height: auto;
  }
}
#formMailPlaybookModal .form-wizard .form-wizard-steps li div{
    color: #979797;
    font-weight: 500;
    margin-top: 5px;
        font-size: 15px;
}
#formMailPlaybookModal .form-wizard .form-wizard-steps li.active div{
    color: #55B2A9;
}

button:focus{outline:none !important;}

#formMailPlaybookModal .form-wizard .form-wizard-steps li.activated div{
    color: #55B2A9;
}
.wizard-fieldset .tab-content{min-height: auto;}
#formMailPlaybookModal .email-template-configsection,#formMailPlaybookModal .email-addressed-to{
    width: 50%;
    display: inline-block;
    margin: 0 auto;
    text-align: left;
}
#formMailPlaybookModal .wizard-fieldset label{
    color: #333333;
        display: block;
}
#formMailPlaybookModal .email-addressed-to div.bootstrap-select{width: 100% !important;margin-top: 0 !important;margin-left: 0 !important;}
#formMailPlaybookModal .email-addressed-to div.bootstrap-select button{border-radius: 5px;}
#formMailPlaybookModal div.select-campaign-type{width: 100%;}
#formMailPlaybookModal .templ-title{text-align: left;}
#formMailPlaybookModal .template-edit-body{
    text-align: center;
    display: block;
    margin: 0 auto;    width: 80%;}
#formMailPlaybookModal .tab-content.playbook-tab-content:after{
    display: table;
    content: ' ';
    clear: both;
}
#formMailPlaybookModal .tab-content.playbook-tab-content{
        width: 80%;
    margin: 0 auto;
}
.complete-email-btns{
    width: 80%;
    margin: 25px auto !important;
    text-align: left;
}
#formMailPlaybookModal .form-wizard .form-wizard-steps li div.wizard-subheader{
    font-size: 13px;
    font-weight: 400;
}
.template-edit-body .preorder.template{
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
.template-content .template-content{
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}
.subject-error{
    color: #cc0a0a;
    font-size: 12px;
}
div.email-template-save{
        background-color: #55B2A9;
    color: #ffffff;
    display: inline-block;
    min-width: 100px;
    min-width: 120px;
    padding: 10px;
    text-align: center;
    cursor: pointer;
}
div.email-template-save:hover{
        color: #ffffff;
    opacity: 0.6;
}
.spread-modal .action-logs.clearfix{
    padding-top: 25px;
}
i.formdelete{float: right;
    font-size: 16px;
    position: relative;
    top: -1px;
    margin-left: 3px;}
span.top{
    display: inline-block;
}
.aging-board-each div.aging-field,.quantity-field,.percentage-board-each div.percentage-field{
    display: inline-block;
    padding: 10px 20px;
    background: #e4e4e4;
    font-weight: 500;
    margin-right: 10px;
    border-radius: 5px;
    margin-bottom: 10px;
    width: 120px;
    text-align: center;
}
.form-control.boardname{
    border-radius: 5px;
}
.bootstrap-select.actionSelector,.bootstrap-select.board-interval-select{
    margin-left: 0 !important;
}
.bootstrap-select.actionSelector button,.bootstrap-select.board-interval-select button{
    border-radius: 5px;
    margin-top: 5px;
}
.default-boards .actionFilter-list.form-group{
    margin-bottom: 25px;
}
.board-interval label{
    display: block;
}
.bootstrap-select.board-interval-select{
    width:35% !important;
}
.aging-board-content,.quantity-board-content{
    margin-bottom: 15px;
}
.remove-board-option{
    background: #F44336;
    color: #ffffff;
    padding: 0px 5px;
    border-radius: 50%;
    line-height: 21px;
    display: inline-block;
    font-weight: 500;
    margin-right: 10px;
    margin-bottom: 10px;
    cursor: pointer;
}
.aging-board-content div.aging-board-each:last-of-type{
    display: inline-block;
}
.aging-board-add input,.quantity-board-add input,percentage-board-add input,.percentage-board-add input{
    display: inline-block;
    padding: 10px 20px;
    font-weight: 500;
    margin-right: 10px;
    border-radius: 5px;
    margin-bottom: 10px;
    width: 100px;
    border: 1px solid #333333;
}
.percentage-board-add input{
    margin-right: 5px;
}
.bootstrap-select.agingpicker,.bootstrap-select.agingstartpicker,.bootstrap-select.quantitystartpicker,.bootstrap-select.percentagestartpicker{
    width: 100px !important;
    margin-left: 0 !important;
    margin-top: 0 !important;
    height: 40px;
    margin-right: 10px;
}
.aging-board-add span,.percentage-board-add span{
    margin-right: 10px;
    color: #787878;
    font-weight: 500;
}
.bootstrap-select.agingpicker button,.bootstrap-select.agingstartpicker button,.bootstrap-select.quantitystartpicker button,.bootstrap-select.percentagestartpicker button{
    padding: 10px 20px;
    font-weight: 500;
    margin-right: 10px;
    border-radius: 5px !important;
    width: 100px;
    border: 1px solid #333333 !important;
    height: 40px;
}
.bootstrap-select.agingpicker .btn-default:hover{
    border-color: #333333 !important;
}
.add-new-board,.add-new-quantity,.add-new-percentage-{
    padding: 8px 15px;
    display: inline-block;
}
.add-new-quantity,add-new-percentage{
    margin-left: 20px;
}
.aging-board-each span,.quantity-board-each span,.percentage-board-each{
    margin-right: 10px;
}
.aging-board-content>label,.quantity-board-content>label,.percentage-board-content>label{
    display: block;
}
.aging-board-add,.quantity-board-add,.percentage-board-add{
    display: inline-block;
    margin-top: 15px;
}
.mb-25{
    margin-bottom: 25px;
}
#board-sett .actionFilter-list label.radio{
    display: inline-block;
}
.quantity-board-add input[type="checkbox"]{
    padding: 0;
    width: auto;
    margin-right: 4px;
    margin-left: 25px;
    transform: scale(1.5);
    display: inline-block;
}
.bootstrap-select.boardQuantityResponseSelector,.bootstrap-select.boardListResponseSelector{
    margin-left: 0 !important;
    margin-bottom: 25px;
    width: 35% !important;
}
.bootstrap-select.boardQuantityResponseSelector button,.bootstrap-select.boardListResponseSelector button{
    border-radius: 5px !important;
}
.selected-chain-container .selected-label{
    font-weight: 500;
    margin: 10px 0;
    font-size: 15px;
}
.selected-chain-container ul.selected-chain-details{
    list-style: none;
    padding: 0;
} 
.selected-chain-container ul.selected-chain-details li{
    margin: 10px 0;
}
.selected-chain-container ul.selected-chain-details li img{
    height: 18px;
    margin-right: 3px;
}
#boardOptionsModal .modal-dialog{
        width: 75%;
}
#boardOptionsModal .modal-dialog label.custom-control-label{
    margin-bottom: 20px !important;
}
span.percent-holder{
    margin-right: 25px;
    color: #000;
    font-size: 16px;
}
.apc_column--content.board-content .taskprogress-div{
    height: 36px;
    width: 30px;
}
.apc_column--content.board-content .hide-tasks-list .log-list li.listitem-li.ui-state-default .todo_element{
    width: 76%;
    background-color: transparent !important;
}
.apc_column--content.board-content .hide-tasks-list .log-list li.listitem-li.ui-state-default div.todo_element_checkbox{
    width: 24%;
}
.apc_column--content.board-content .hide-tasks-list .log-list li.listitem-li.ui-state-default .task-left{
    width: 66%;
}
.apc_column--content.board-content .hide-tasks-list .log-list li.listitem-li.ui-state-default .todo_date,.apc_column--content.board-content .hide-tasks-list .log-list li.listitem-li.ui-state-default .completion-date,.apc_column--content.board-content .hide-tasks-list .log-list li.listitem-li.ui-state-default .task-selected-users,.apc_column--content.board-content .hide-tasks-list .log-list li.listitem-li.ui-state-default .task-selected-circles{
    display: none;
}
.apc_column--content.board-content .hide-tasks-list .log-list li.listitem-li.ui-state-default .element_title
{
    max-width: 100%;
    width: 100%;
    padding: 3px 0;
}
.modal .shoutout-users .user-list-option{width: auto;}
.spread-modal .modal-body .actionlog-shoutout span.user-name .user-name-lbl, .grid-modal .modal-body .actionlog-shoutout span.user-name .user-name-lbl{font-size: 14px;}
.log-action-remarks iframe{max-width: 100%;
    border-radius: 5px;
    max-height: 225px;}
.log-main-section iframe{
    max-width: 100%;
    border-radius: 5px;
    max-height: 225px;
}
.edit-delete-dropdown .dropdown-menu li.viewFilter-copyActionLog a:hover{background-color: #eaf9f5;}
.viewFilter-copyActionLog .copy-action-log i{    font-size: 15px;
    margin-right: 2px;border: none;
    color: #008067;
    height: auto;
    width: auto;
    line-height: 14px;
    text-align: center;
    border-radius: 0;
    cursor: pointer;
    transition: 0.5s ease all;
    background: transparent;}
.viewFilter-copyActionLog .copy-action-log{color: #008067;cursor: pointer;margin: 0;
    
}
.menu li.menu-bar-search{
    height: 36px;
}
.hide-ip-btn{
    display: none;
}
.inp-label{
    font-weight: 500;
    font-size: 16px;
    padding-right: 25px;
}
.each-input-label{
    padding: 25px 0;
}
.input-edit-text{
    display:none;
    width: 30%;
    height: 44px;
    border-radius: 10px;
    border-color: #4a6efb;
    border-width: 1px;
    margin-bottom: 10px;
    padding: 0 10px;
    font-size: 15px;
}
button.save-inp-label{
    width: 100px;
    margin-left: 2px;
    margin-right: 5px;
    background-color: #5E84E7;
    border-color: #5E84E7;
}
button.cancel-inp-label{
    color: #0335fa;
    font-weight: bold;
    background-color: transparent;
    border-color: transparent;
}
.edit-inp-label{
    width: 75px;
    padding: 5px;
    color: #2196f3;
    font-size: 16px;
    cursor: pointer;
}
.playbook-action-content table td input[type="checkbox"]{
    height: 20px;
}
.language-label{
    display:none;
}
.visibility-header{
    padding: 10px;
    font-weight: 700;
    font-size: 15px;
}
.category-visibilty-section .visibility-text{
    display: inline-block;
    padding: 10px 0;
}
#details .category-visibilty-section .edit-details-button{
    top: 5px;
}
.edit-details-button i:hover{
    background: #dfedfa;
    height: 28px;
    width: 28px;
    line-height: 28px;
    text-align: center;
    border-radius: 50%;
}
.ul-invite-access li{
    margin-right: 15px;
}
.ul-invite-access li a{
    border: 1px solid #0082ea;
    border-radius: 8px;
    color: #0082ea !important;
}
.ul-invite-access li.active a{
    color: #ffffff !important;
    background: #0082EA;
    border-radius: 8px;
    border: 1px solid #0082ea;
}
.ul-invite-access.nav-tabs>li.active>a, .ul-invite-access.nav-tabs>li.active>a:focus, .ul-invite-access.nav-tabs>li.active>a:hover{
    background-color: #0082ea;
    border: 1px solid #0082ea;
    border-bottom-color: #0082ea;
}
.triggerModal  .modal-header,.triggerModal  .modal-footer{
    border: none;
    clear: both;
}
.triggerModal button.close {
    position: absolute;
    right: -45px;
    color: #333333;
    height: 35px;
    width: 35px;
    text-align: center;
    line-height: 20px;
    border-radius: 50%;
    top: 3px;
    font-size: 30px;
    background: #ffffff;
    opacity: 0.8;
}
@media (min-width: 964px) {
    .triggerModal .modal-dialog {
        width: 950px;
    }
    .triggerModal .modal-header{
        padding: 15px 45px;
    }
    .triggerModal .modal-body{
        padding: 15px 45px;
    }
}
@media (min-width: 600px) and (max-width: 963px) {
    .triggerModal .modal-dialog {
        width: 800px;
    }
}
.triggerModal .modal-header{
    background: #eeeeee;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    margin-bottom: 25px;
    font-weight: 500;
}
.trigger-select .bootstrap-select{
    margin-top: 0 !important;
    margin-left: 0 !important;
}
.trigger-select .bootstrap-select button{
    border-radius: 8px;
}
.triggers-tab-content{
    border-top: none !important;
}
.nav-tabs.trigger-nav-tabs .nav-link.active a{
    border: none !important;
    border-bottom: 2px solid #2196f3;
}
.trigger-table {
      width: 100%;
      border-collapse: collapse;
      margin: 25px 0;
      min-width: 400px;
      box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
      border-radius: 10px;
      overflow: hidden;
    }
    .trigger-table thead tr {
      background-color: #585858;
      color: #ffffff;
      text-align: left;
    }
    .trigger-table th, .trigger-table td {
      padding: 12px 15px;
    }
    .trigger-table tbody tr {
      border-bottom: 1px solid #dddddd;
    }
    .trigger-table tbody tr:nth-of-type(even) {
      background-color: #f3f3f3;
    }
    .trigger-table tbody tr:hover {
      background-color: #f1f1f1;
      cursor: pointer;
    }
    /* Responsive design */
    @media (max-width: 768px) {
      .trigger-table th, .trigger-table td {
        font-size: 14px;
        padding: 8px 10px;
      }
    }
    .triggerModal-add{
        padding: 10px 30px;
        margin-top: 15px;
        background-color: #2196f3;
        border-color: #2196f3;
        border-radius: 8px;
    }
    
    .settings-tab.tab-pane {
  display: none; /* Hide all tab panes by default */
}

.settings-tab.tab-pane.active.in {
  display: block; /* Show only the active tab pane */
}
.induct-categories.pb-action-settings-ul{
    width: 22%;
}
.induct-categories.pb-action-settings-ul li{
    max-width: 280px;
}
.categories-tabs-left .categories-tab-content.playbook-action-content{
    width: 75%;
}
.induct-categories.pb-action-settings-ul li a{
    display: block;
    padding: 0 2px 0 15px;
}
.induct-categories.pb-action-settings-ul li a span{
    width: 90%;
    display: inline-block;
}
.induct-categories.pb-action-settings-ul li a i{
    width: 7%;
    display: inline-block;
    text-align: right;
}
.no-triggers-section img {
    height: 270px;
    max-width: 100%;
}
.no-triggers-text h2{
    margin-top: 0;
}
.triggerModal fieldset{
    border: 1px solid #e4e4e4 !important;
    margin-bottom: 35px;
    border-radius: 10px;
    padding: .35em .625em .75em;
}
.triggerModal fieldset legend{
    font-weight: 500;
    border-bottom: none;
    width: auto;
    padding: 0 10px;
    font-size: 20px;
}
.triggerModal fieldset:first-of-type legend{
    color: #2196F3;
}
.triggerModal fieldset:last-of-type legend{
    color: #4caf50;
}
.no-triggers-defined{
    display:none;
}
.confirm-modal.deleteconfirmModal .modal-dialog{
    float: none;
    top: 0;
}
.confirm-modal.deleteconfirmModal .modal-dialog .modal-content{
    padding: 0;
    border-radius: 10px;
    background: #fff;
}
.confirm-modal.deleteconfirmModal .modal-dialog .modal-content .modal-header{
    background: rgb(233, 140, 111);
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.confirm-modal.deleteconfirmModal .modal-dialog .modal-content .modal-header .close{
    color: #ffffff;
    opacity: 1;
    background: #e98c6f;
    font-size: 24px;
    top: 2px !important;
    height: 30px;
    width: 30px;
    right: -36px;
}
.confirm-modal.deleteconfirmModal .modal-dialog .modal-content .modal-footer{
    padding: 0 15px 15px;
}
#details .categories-section:last-of-type{
    width: 18% !important;
}
#details .categories-section.category-visibilty-section{
    width: 27% !important;
}
.trigger-header{
    font-weight: 700;
    font-size: 20px;
}
.trigger-subtext{
    font-weight: 400;
    font-size: 14px;
    color: #7b7b7b;
    padding-bottom: 15px;
    padding-top: 5px;
}
.triggerModal .bootstrap-select button{
    height: 44px;
}
.trigger-label{
    font-size: 16px;
}
.trigger-arrow-img img{
    position: relative;
    top: 32px;
    width: 35px;
}
.trigger-then{
    margin-top:25px;
}
.trigger-to{
    margin-top: 50px;
}
.settings-modal .modal-header .close{
    position: absolute;
    right: -45px;
    color: #000000;
    height: 35px;
    width: 35px;
    text-align: center;
    line-height: 20px;
    border-radius: 50%;
    top: 0px;
    font-size: 30px;
    background: #ffffff;
    opacity: 0.8;
}
.settings-modal .modal-header .close:hover{
    opacity: 1;
}
.settings-modal input.form-control{
    height: 40px;
    border-radius: 8px;
    width: 65%;
}
.settings-modal .trigger-select input[type="checkbox"]{
    display: inline-block;
    width: auto;
    transform: scale(2);
    margin: 0 20px;
    height: auto;
}
.settings-modal .modal-footer{
    border: none;
}
.create-new-playbook-forms{
    background: #ffffff;
    box-shadow: 0 0 5px rgba(136, 135, 135, 0.6);
    -moz-box-shadow: 0 0 5px rgba(136, 135, 135, 0.6);
    -webkit-box-shadow: 0 0 5px rgba(136, 135, 135, 0.6);
    -o-box-shadow: 0 0 5px rgba(136, 135, 135, 0.6);
    border-radius: 10px;
}
.create-new-playbook-forms .header-title{
    font-weight: 700;
    font-size: 30px;
    color: #091e42;
    margin-bottom: 5px;
    margin-top: 15px;
    margin-left: 15px;
}
.create-new-playbook-forms .help-text{
    margin-bottom: 30px;
    font-size: 17px;
    color: #585858;
    margin-left: 15px;
}
.playbook-form-title label,.playbook-form-language label{
    font-size: 16px;
    font-weight: 500;
}
.playbook-form-title .form-control,.playbook-form-language .form-control{
    height: 45px;
}
.actions-group .bootstrap-select{
    width: 100% !important;
}
.form-wrap.form-builder .frmb li.form-field .field-label{
    display: inline-block;
}
.details-form .form-wrap.form-builder .frmb li.form-field .field-label{
    display: inline-block !important;
}
.details-form .form-wrap.form-builder .formbuilder-required,.details-form .form-wrap.form-builder .required-asterisk{
    display: inline-block !important;
}
.img-upload-btn img.comment-upload-doc,.spread-modal .modal-body .write-comment img.comment-upload-doc, .grid-modal .modal-body .write-comment img.comment-upload-doc{
    position: relative;
    top: 0;
    left: 0;
    height: 30px;
    width: 30px;
    vertical-align: middle;
    border-radius: 0;
    cursor: pointer;
    margin-right: 15px;
    max-width: 100%;
}
.actionlog-panel.col-md-4 .write-comment img.comment-upload-doc, .actionlog-panel.col-md-6 .write-comment img.comment-upload-doc{
    position: relative;
    top: 0px;
    left: 0;
    height: 22px;
    width: 22px;
    vertical-align: middle;
    border-radius: 0;
    cursor: pointer;
    margin-right: 5px;
    max-width: 100%;
}
.img-upload-btn img.comment-send,.spread-modal .modal-body .write-comment img.comment-send, .grid-modal .modal-body .write-comment img.comment-send,.write-comment img.comment-send{
    position: relative;
    top: 7px;
    left: 0;
    height: 24px;
    width: 22px;
    vertical-align: middle;
    border-radius: 0;
    cursor: pointer;
    max-width: 100%;
}
.actionlog-panel.col-md-4 .write-comment img.comment-send, .actionlog-panel.col-md-6 .write-comment img.comment-send{
    position: relative;
    top: 6px;
    left: 0;
    height: 17px;
    width: 16px;
    vertical-align: middle;
    border-radius: 0;
    cursor: pointer;
    max-width: 100%;
}
.comment-image-section img.commentImageUpload{
    height: 70px;
    padding: 12px;
}
.actionlog-panel.col-md-4 .comments-list img{
    max-width: 100%;
}
.logs-like.active .like-button{
    font-size: 13px;
    position: relative;
    top: 3px;
    color: #585858 !important;
}
.gp-view .write-comment img{
    height: 32px;
    width: 32px;
    max-width: 100%;
}
.post-comment-btn.btn-primary:active:hover,.post-comment-btn.btn-primary:active:focus,.post-comment-btn.btn-primary:hover,.post-comment-btn.btn-primary:focus{
    color: transparent;
    background-color: transparent;
    border-color: transparent;
    box-shadow: none;
    outline-offset: 0;
}
.log-main-section .log-action-media video{
    max-height: 250px;
    border-radius: 10px;
}