/***************************************
* Boostrap override
***************************************/
.dropdown-header {font-size: inherit !important;}

/***************************************
* Member Click Preview
***************************************/
.ch-member-click-preview {position: relative;}
.ch-member-click-preview img {width: 50px;height: 50px;object-fit:cover;margin: 1px auto 5px;}
.ch-membership-banner {text-align: center;white-space: nowrap; font-size: 12px;}
.ch-membership-banner span {padding: .2em .45em;background-color: #e1e1e1;color: #333;text-overflow: ellipsis;overflow: hidden;}
.ch-member-profile-preview {border-radius: 0px !important; border: none !important; width: 280px !important; top: 0px !important;}
.ch-member-profile-preview .popover-content {padding: 16px 24px;}
.ch-member-profile-preview .ch-user-meta-badge-display {margin-top: 10px;}
.ch-member-profile-preview .ch-badge-icon {width: 30px; height: 30px; border-radius: 100px;margin: 1px 5px 0px 0px;}
.ch-member-profile-preview .user-display-name {font-weight: bold; font-size: 23px;margin-top: 10px;margin-bottom: 14px;}
.ch-member-profile-preview .user-tagline {font-size: 16px;}
.ch-member-profile-preview span {display: block;}
@media (max-width: 767px){
    .ch-membership-banner {font-size: 8px;}
    .ch-member-profile-preview {left: 0px !important; top: 85px !important;margin-left: 0px !important;}
}

/***************************************
* Media
***************************************/
.ch-upload-media-container {margin-bottom: 20px;margin-top: 10px;}
.ch-media-upload-edit {background-color: #f1f1f1;padding: 20px 15px;margin-bottom: 10px; display: flex;}
.ch-media-upload-edit .media-preview {flex-basis: 60px;flex-grow: 0;flex-shrink: 0;margin-right: 20px;}
.ch-media-upload-edit .media-info {flex-basis: 100%;}
.ch-media-upload-edit .media-edit {flex-shrink: 0;}
.ch-media-upload-edit.edit-active .media-title {display: none;}
.ch-media-upload-edit .upload-title-edit {height: 0px;visibility: hidden; margin-right: 10px;}
.ch-media-upload-edit.edit-active .upload-title-edit {height: auto;visibility: visible;}
.ch-media-upload-edit .btn {float: none;min-width: 0px;}

/***************************************
* Notifications
***************************************/
#my-notifications .notification-default .media-left {line-height:1;padding-right:25px;min-width: 60px;text-align: center;}
#my-notifications .notification-default a:hover {text-decoration: none;}
#my-notifications .notification-default .media-body .ch-center-separated-row {align-items: flex-start;}
#my-notifications .notification-default .media-body .notification-heading-title {padding-right: 20px;}
#my-notifications .notification-default .media-body .notification-date {flex-shrink: 0;}
.notifications-preview{ font-size: 14px!important; }
.notifications-preview .media-left{ font-size: 22px!important; }
.notifications-preview .popover-title{ font-weight: 700; background: #FFF; }
.notifications-preview a{ color: inherit!important; text-transform: none!important;}
.notifications-preview p.notification-zero a{ color: #999!important; }
a.notification-delete{ color: #E4002B; }
.entity-reactions {display: flex;align-content: center;}
.entity-reactions .list-inline {margin-bottom: 0px;margin-right: 8px;}
.entity-reactions .ch-reaction-review {margin-top:8px;}
.reactions .ch-interaction {padding-right: 14px;}
.reactions .ch-interaction a {display:inline-block; text-align: center;color:#000;font-size:11px;}
.reactions .ch-interaction a img {height: 27px;width: 27px;border-radius: 50px;padding:2px;display: block;margin: 0 auto;}
.reactions .ch-interaction a.active img {padding:4px;background-color: #000;}
#notification-filter .filtered-select select {width: 100%;}
.notifications-action-filters {display:flex; align-items:center; justify-content:flex-end;flex-shrink: 0;}
.notifications-action-filters.ch-center-separated-row {justify-content:space-between;}
.clear-all-notifications-wrapper {margin-right: 2em; flex-shrink:0;}
@media (min-width: 992px) {
    #notification-filter .filtered-select {width: 75%;float: right;}
}
@media (max-width: 991px) {
    .notifications-header {display: block;}
    .notifications-action-filters {padding: 1em 0px; border: 1px solid #cbcbcb; border-left:none; border-right: none; background-color: #fff;}
    .clear-all-notifications-wrapper {flex-shrink:0;margin-right: 0;width: 50%;}
}
@media (max-width: 767px) {
    #my-notifications .notification-default .media-left, #my-notifications .notification-default .media-body {display: table-cell;}
    #my-notifications .notification-default .media-body .notification-heading-title {padding-right: 0px;}
    .notifications-action-filters {margin-top:1em;}
    .notifications-action-filters select {width:100%;}
}
@media (max-width: 500px) {
    .entity-reactions {flex-direction: column;}
    #my-notifications .notification-default .media-left {min-width: 50px;}
}

/***************************************
* jQuery Date Picker
***************************************/
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {width: 45%;float: left;margin-left: 2%;margin-right: 2%;}

/***************************************
* Session Timeout
***************************************/
.sessionTimeout {z-index: 100000 !important;}

/***************************************
* Modal Styling
***************************************/
@media (min-width: 992px) {
    .modal-dialog.modal-xl {width: 90%;}
}

/***************************************
* Autocomplete
***************************************/
.ui-autocomplete-loading { background: white url('../images/ajax-loader.gif') right center no-repeat; margin-right: 5px; }
ul.ui-autocomplete{ z-index: 9999; }
.ui-autocomplete.ui-menu .ui-menu-item-wrapper {display: block;}
.ui-autocomplete {max-height: 150px;overflow-y: auto;overflow-x: hidden;padding-right: 20px;}
* html .ui-autocomplete {height: 150px;}

/*!
 * bootstrap-suggest -  v2.0.1 (https://github.com/lodev09/bootstrap-suggest#readme)
 * Copyright 2013-2019 Jovanni Lo (lodev09@gmail.com)
 * Licensed under MIT (https://github.com/lodev09/bootstrap-suggest/blob/master/LICENSE)
 */
.suggest{top:7px;z-index:30;text-align:left}
.suggest>.dropdown-menu{margin-top:15px;position:absolute;padding:0}
.suggest>.dropdown-menu>a.dropdown-item{border-bottom:1px solid #eee; padding:5px 10px;cursor:default;display: block;font-weight: normal;}
.suggest>.dropdown-menu>a.dropdown-item:hover,.suggest>.dropdown-menu>a.dropdown-item.active{background-color: #357ebd; color: #fff;}
.suggest>.dropdown-menu>a.dropdown-item:last-of-type{border-bottom:0}
.suggest>.dropdown-menu>li{border-bottom:1px solid #eee}
.suggest>.dropdown-menu>li>a{padding:5px 10px;cursor:default}
.suggest>.dropdown-menu>li>a:hover *,.suggest>.dropdown-menu>li.active>a *{color:inherit!important}
.suggest>.dropdown-menu>li:last-child{border-bottom:0}

/***************************************
* Custom Form Builder
***************************************/
.additional-response-input {margin-top: 10px;margin-left: 20px;}
.sort-highlight { border-top: 2px dashed #d6e9c6; border-bottom: 2px dashed #d6e9c6; background: #dff0d8; height: 40px; margin: 20px 0px; }

/***************************************
* Distributor Plugin
***************************************/
#distributor-push-wrapper {display:none;}

/***************************************
* Pagination
***************************************/
.chPagination .pg-pagination {display: block;}
.chPagination .pg-pagination > li > a {margin-right: 5px; color: #000; border-color: #54585A;border-radius: 0px;}
.chPagination .pg-pagination > li.active > a {background-color: #54585A; color: #fff;}
.chPagination .pg-pagination > li.disabled > a:hover {color: #000; background-color: #fff;}
.chPagination .pg-pagination > li.muted > a, .chv4-comment-pagination .hub-mvc-refresh-pagination .pagination > li.muted > a:hover {background-color: #F1F1EF; color: #54585A;}
.chPagination .pg-pagination > li > a:hover, .chv4-comment-pagination .hub-mvc-refresh-pagination .pagination > li > a:focus {background-color: #54585A; color: #fff; border-color: #54585A;}
.chPagination .pg-pagination > li:first-child > a, .chv4-comment-pagination .pagination > li:last-child > a {border-radius: 0px !important;}
.ch-pagination-header .pagination > li.muted > a, .ch-pagination-header .hub-mvc-refresh-pagination .pagination > li.muted > a:hover {background-color: #F1F1EF;color: #54585A;}

/***************************************
* Search
***************************************/
.ch-search-index-group-groups .ch-search-result-title {margin-bottom: 0px !important;}
.ch-search-index-group-pages .ch-search-result-title {margin-bottom: 0px !important;}