/***************************************
* Member Click Preview
***************************************/
.ch-member-click-preview {position: relative;}
.ch-member-click-preview img {width: 50px;height: 50px;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
***************************************/
.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; }

/***************************************
* 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
***************************************/
.sort-highlight { border-top: 2px dashed #d6e9c6; border-bottom: 2px dashed #d6e9c6; background: #dff0d8; height: 40px; margin: 20px 0px; }