/* Notification.css */
.float-right {
    float:right;
}
/*CK Editor Style*/
.cke_editable {overflow: auto;}
.cke_editable img { display: inline-block;}
.notification-pill p ul li,
.notification-detail-view .notification-content ul li,
.notifications-list-cont .report-detail-view .notification-detail .notification-content ul li, 
.cke_editable > ul li { list-style-type: disc !important; list-style-position: inside;}
.notification-pill p ol li,
.notification-detail-view .notification-content ol li,
.notifications-list-cont .report-detail-view .notification-detail .notification-content ol li, 
.cke_editable > ol li {  list-style-type: decimal !important; list-style-position: inside;}
.notification-pill p ol, .notification-pill p ul,
.notification-detail-view .notification-content ol, .notification-detail-view .notification-content ul,
.notifications-list-cont .report-detail-view .notification-detail .notification-content ol, 
.notifications-list-cont .report-detail-view .notification-detail .notification-content ul, 
.cke_editable > ul, .cke_editable > ol { padding:0px;}
.notifications-list-cont .filters .sort-label .ion-arrow-down-c, .notifications-list-cont .filters .sort-label .ion-arrow-up-c {cursor: pointer;}

/* ==========================================================================
                           Library
   ========================================================================== */

/*filter */
.sort-label label{color:#999!important}
.view-list ul li .sort-label a{color:#999}
.view-list .tgle-chk-text.read-unread-toggle {width: 70px;}
.sort-label .sort-active, .sort-label .ion-arrow-down-c.sort-active{color:#4A90E2 !important}
.sort-label .ion-arrow-down-c{color: #999 !important}
.view-list-close a[disabled], .view-list-close a[disabled]:hover>span{color:#ccc}

/*search*/
.filter-search-cont i{color:#999}
.filter-search:hover, .filter-search:focus{border-color:#999;}

/*filter search*/
.search_block{color:#999}
/* .search_block .filter_container:hover, .search_block .filter_container:focus{border: 1px solid #555;} */

/*tile box*/
.notifications-list .reports-tile-view>ul>li{border:1px solid #ddd;}/* z-index:2;*/
.dark .notifications-list .reports-tile-view>ul>li{border:1px solid #555;}
.notifications-list .reports-tile-view > ul > li .jBox-container {border:none;}
#obj-list-container>ul>li:hover{border-color: #FF6600;}

.report-tiles .title{color: #4A90E2}
.report-tiles .report-prepend{color: #777 !important}
/*.report-tiles .report-action{background-color: #fcfcfc}*/
.dark .report-tiles .report-action{background-color:#151515}
.report-tiles .report-action a{color: #4A90E2;}

/* .report-tiles .report-action a.icon-disable, .report-tiles .report-action a.icon-disable:hover{color: #999 !important} */
.reportsFav.ion-ios-star, .reportsFav.ion-ios-star.disabled:hover, .edit-true .report-selected-true .checkmark:before{color: #f60}
.reportsFav.ion-ios-star.disabled {color:#ccc}

.run-in-bck{background: #222}

/*List box*/
.notifications-list-cont .notification-list-view ul li, .notifications-list .notification-list-view ul li{
    width:calc(100% - 10px) !important;
    height: 108px !important;
}
.notifications-list-cont .notification-list-view ul li .report-detail-view, .notifications-list .notification-list-view ul li .report-detail-view {
    width:100% !important;
}
#toggleNotificationjBox-popup ul li {cursor:pointer;}
#toggleNotificationjBox-popup ul li:before{width:18px; font-size:20px; color:#999; overflow:hidden;}
#toggleNotificationjBox-popup ul li.ion-grid:before{font-size:24px !important; padding-left:1px}
#toggleNotificationjBox-popup ul li a{margin-left:10px; vertical-align:top; line-height:24px;}
#toggleNotificationjBox-popup ul li a:hover{color:#4A90E2; text-decoration:underline}

/*story report icon*/
.report-tiles .report-descHldr figure .story-reports-icon{color:#aaa}
.report-tiles .report-descHldr figure .story-reports-count{color:#777}

/*Report detail view*/
.report-detail-view{background: #222}
.detailShowed::after{border-bottom-color:#222 !important;}

.report-detail-view .label-txt{color: #999}
.report-detail-view .title{font-size:1.5em;font-weight:100}
.report-detail-view .title .hdr-label{font-size:14px;font-weight:500} /* fix for the title in share pop up*/
.report-detail-view .title .share-search-cont{font-size:14px;font-weight:500} /* fix for the title in share pop up*/
.report-detail-view .value-txt,.report-detail-view .title{color:#fff;cursor:default}

.detail-view-actions li a span{color: #fff !important;}
.detail-view-actions li a:before{color:#999 !important}
.detail-view-actions li a:hover{color:#4A90E2}
.detail-view-actions ul li a.icon-disable:before, .detail-view-actions ul li a.icon-disable span{color: #666  !important;}
.detail-view-actions .report-list .report .name{color:#4A90E2;}
.detail-view-actions .report-list .report .model{color:#999}

/*Report confirmation box*/
.reportPro-confirm, .reportPro-confirm.save{background-color: #555;}

/*create icons*/
.view-list ul li.add{color: #4A90E2;}


/****************** Notification Dropdown **************************/
.notification-pill.tile-view-notify {height:106px;}
#inbox .messages .notification-pill {font-weight:initial !important}
#inbox .messages .notification-pill:hover, .notification-pill:hover{background: #f1f1f1}
.notification-pill {background-color: #fcfcfc;color:#070707;padding: 5px 10px 10px;cursor:pointer;font-weight: 600;border:1px solid transparent}
.notification-pill.bg-black{font-weight: initial;}
.dark .notification-pill.bg-black {background-color:#333;}
.notification-pill.bg-black .notice-desc-bell span {color:#000000 !important;}
.dark .notification-pill.bg-black .notice-desc-bell span {color:#ffffff !important;}
.notification-pill .np-header{/* border-bottom:1px solid #ccc; */margin-bottom:5px;}
.dark .notification-pill .np-header {border-bottom: 1px solid #555;}
.notification-pill .np-header .icon1-style{padding-right: 5px;color:#999;font-size: 20px;position: relative; vertical-align: middle;}
.notification-pill .np-header.title-red{color: #bb000e; border-bottom: 1px solid #bb000e;}
.notification-pill .np-content {overflow:hidden;}
.notification-pill .np-contentHdr{display:inline-block;width: calc(100% - 60px);color:#4A90E2;vertical-align:top;line-height: 22px;}
.notification-pill .np-contentHdr:hover{text-decoration:underline}
.notification-pill .np-avatar{height: 24px;background-color:#999;border-radius:100%;width: 24px;display:inline-block;float: right;}
.notification-pill .np-avatarInitials{text-align:center;color:#fff;display:block;font-size:0.85em;line-height: 24px;letter-spacing: .5px;}
.notification-pill .np-avatarDesc{height:30px;width:30px;vertical-align:top;margin-top: 10px;/* margin-right:5px; */float: right;}
.notification-pill .np-avatarDesc .np-avatarInitials{font-size:1em;line-height: 30px;}
.notification-pill .notice-desc{display:inline-block;/* width:calc(100% - 45px);*/ height:36px; margin-bottom:10px; vertical-align: top; line-height:18px}
.notification-pill .notice-desc-no-image{display:inline-block; width:100%; height:40px; margin-bottom:10px; overflow:hidden;}
.notification-pill .notice-desc-bell{display:inline-block;width: calc(100% - 30px);/* color:#000000; */max-height:38px;height:auto;overflow:hidden;}
.dark .notification-pill .notice-desc-bell{display:inline-block; width:calc(100% - 45px); color:#000000; max-height:40px; height:auto; margin-bottom:10px}
.notification-pill .date-color {/*color:#999;*/font-size:.8em;letter-spacing:.5px;position: relative;}
.notification-pill .np-date{max-width: 130px;}

.notification-action{display:none; position:absolute; bottom:0; height:20px; width:calc(100% - 10px);}
.notificationHover:hover>.notification-action{display:block}
.notification-action ul li {float:left; width:50%;}
.notification-action ul li:last-child {text-align:right;}
.notification-action ul li a:before {color:#999; font-size:20px;line-height:1px; padding-right:5px; vertical-align:middle;}
li.edit-sentbyme a:before, li.edit-notsentbyme a:before {font-size:14px !important;}
.notification-action ul li a.ion-ios-close-empty:before {font-size:25px}
.notification-action ul li a > span {vertical-align: middle; cursor:pointer; margin-right:5px;}
.notification-action ul li a > span:hover{text-decoration:underline}

#notice-user-init{width: 100%;position: absolute;z-index: 5;top: 12px;display: inline-block;padding: 12px 15px 0 15px;}
#userInit{width: 100%;position: absolute;z-index: 5;top: 0px;display: inline-block;padding: 12px 15px 0 15px;}
#userInit #user div {display: inline-block;vertical-align: top;}
#userInit .userAvatarInitials {position: absolute;z-index: 1;bottom: 18%;width: 30px;right: 0%;text-align: center;color: #fff;font-weight: 300;}
#userInit .userAvatarInitialsContainer {height: 30px;background-color: #01B0F0;border-radius: 15px;width: 30px;cursor: pointer;}

.notification-pill .custom-aggregate:before {content: "{ }";}
.notification-pill .custom-aggregate{font-family: 'proxima-nova';}
.notification-pill .saved-selections:before {content: "\f3ff";}
.notification-pill .saved-selections {font-family: "Ionicons";}
.notification-pill .custom-calculation:before {content: "\f3f2";}
.notification-pill .custom-calculation {font-family: "Ionicons";}

.notification-dismiss {font-size:14px; float:right; cursor:pointer}
.notification-dismiss:before {color:#999; font-size:24px; line-height:1px; vertical-align:middle; padding-right:5px}
.notification-dismiss:hover{text-decoration:underline}

.notification-detail .np-avatar{height:34px; background-color:#4A90E2; border-radius:100%; width:34px; display:inline-block; margin-right:10px}
.notification-detail .np-avatarInitials{text-align:center; color:#fff; display:block; margin-top:7px}
.notification-detail .np-username {display:inline-block; vertical-align:middle}
.notification-detail .np-username span{display:block; font-size:1.2em;}
.notification-detail h3 {margin:5px 0}
.notification-detail .notification-content {background:#fff; padding:5px; height:255px; color: #000000;}
/*.np-excel-icon {display:inline-block; margin-right:5px; background:url(../img/excel-icon.png) no-repeat; width:18px; height:24px; margin-top:3px;}
.np-pdf-icon {display:inline-block; margin-right:5px; background:url(../img/pdf-icon.png) no-repeat; width:18px; height:24px; margin-top:3px; display: inline-block;}
.np-csv-icon {background: url(../img/themes.png); background-position: 0px 18px; height:18px; width:18px; background-size:cover;}*/
.np-excel-icon {display:inline-block; background:url(../img/themes.png); background-position: 0px -120px; width:20px; height:20px; margin: 3px 5px 0 0; background-size:cover;}
.np-pdf-icon {display:inline-block; background:url(../img/themes.png); background-position: 0px -140px; width:20px; height:20px; margin: 3px 5px 0 0; background-size:cover;}
/*.np-pdf-icon {background:url(../img/notification-icon.png) 0 -22px; height:22px; width:20px; background-size:cover; margin:3px 5px 0 0; display:inline-block;}*/
.np-csv-icon {background:url(../img/notification-icon.png); height:22px; width:20px; background-size:cover; margin:0 5px 0 0; float:right;/*display:inline-block*/}
.np-audience-icon {background:url(../img/Notification-Audience.svg); height:22px; width:20px; background-size:cover; margin:0 5px 0 0; float:right;/*display:inline-block*/}
.np-text-icon {background:url(../img/Text.svg); height:22px; width:20px; background-size:cover; margin:0 5px 0 0; float:right;/*display:inline-block*/}
.np-orange-expiry-icon, .np-red-expiry-icon{height:22px; width:20px; border-radius:2px;
    &:before{color:#fff; font:300 16px "Font Awesome 6 Pro"; display:flex; justify-content:center; align-items:center; height:100%}
  }
  .nl-orange-expiry-icon, .nl-red-expiry-icon{height:20px; width:20px;margin:3px 5px 0 0; border-radius:2px;
    &:before{color:#fff; font:300 16px "Font Awesome 6 Pro"; display:flex; justify-content:center; align-items:center; height:100%}
  }
  .np-orange-alert-icon, .np-red-alert-icon{height:22px; width:20px; border-radius:2px;float: right;
    &:before{color:#fff; font:300 16px "Font Awesome 6 Pro"; display:flex; justify-content:center; align-items:center; height:100%}
  }
  .nl-orange-alert-icon, .nl-red-alert-icon{height:20px; width:20px;margin:3px 5px 0 0; border-radius:2px;float: right;
    &:before{color:#fff; font:300 16px "Font Awesome 6 Pro"; display:flex; justify-content:center; align-items:center; height:100%}
  }
.np-orange-expiry-icon{background:#FF9B40; background-size:cover; margin:0 5px 0 0; &:before{content: "\f017";  font:400 15px "Font Awesome 6 Pro" !important;color:#fff }}
.np-red-expiry-icon{background:#FF2D2E; background-size:cover; margin:0 5px 0 0; &:before{content: "\f017"; font:400 15px "Font Awesome 6 Pro" !important;color:#fff}}
.nl-orange-expiry-icon{background:#FF9B40; background-size:cover; &:before{content: "\f017"; color:#fff }}
.nl-red-expiry-icon{background:#FF2D2E;background-size:cover; &:before{content: "\f017"; color:#fff}}
.np-orange-alert-icon{background:#FF9B40; background-size:cover; margin:0 5px 0 0; &:before{content: "\f071";  font:400 15px "Font Awesome 6 Pro" !important;color:#fff }}
.np-red-alert-icon{background:#FF2D2E; background-size:cover; margin:0 5px 0 0; &:before{content: "\f071"; font:400 15px "Font Awesome 6 Pro" !important;color:#fff}}
.nl-orange-alert-icon{background:#FF9B40; background-size:cover; &:before{content: "\f071"; color:#fff }}
.nl-red-alert-icon{background:#FF2D2E;background-size:cover; &:before{content: "\f071"; color:#fff}}
.notifDisplay{display: inline-block;}
.inbox-container .jBox-container .jBox-content{padding-left:2px; padding-right:2px;}
.inbox-container .jBox-container .jBox-content .jBox-wrapper{margin-left:10px; margin-right:10px;}
.inbox-container .jBox-container .jBox-content .button.view-all { margin-right:10px;}
.np-queue-icon {display:inline-block; background:url(../img/Notification-report-execution-complete.svg); width:20px; height:20px; margin: 3px 5px 0 0; background-size:cover;}
.notification-pill .np-header .icon1-style.np-automap-icon {
    font-size: 13px;
    top: 0px;
}
.notification-pill .np-header .icon1-style.np-automap-icon-popup {
    font-size: 13px;
}
.np-header-text {
    max-width: calc(100% - 160px);
    display: inline-block;
    vertical-align: middle;
}

/*============================================================================================*/
/*                                  create notification                             */
/*============================================================================================*/

.modal.fade.create-notify{background:#fff; display:block!important; left:10%!important; right:10%!important; top:60%!important; margin-top:-322px; overflow:hidden; height:492px; width:auto;margin-left:0px;}
.create-notify .modal-dialog{width:auto !important; margin:0px !important;}
.create-notify .modal-content{background-color:transparent; border:none;}
.create-notify .notifyHdr{background-color: #eeeff0; border-bottom:1px solid #d7d7d7;}
.create-notify .notifyHdr h1{font-size:1.1em; padding:8px 10px; display:inline-block; margin:0; color:#787885}
/* .create-notify .notifyHdr .close-createNotify{float:right; display:block; width:16px; height:16px; cursor:pointer; font-size:30px; margin:1px 8px; color:#787885} */
.create-notify .notifyHldr div{width:calc(100% - 110px); float:left; margin: 0; height:auto !important}
.create-notify .notifyHldr span{display:inline-block; margin-right:3px; color:#bbb; font-weight:300}
.create-notify .notifyHldr input, .create-notify .notifyHldr textarea{width:100%; padding:2px 5px; resize:none; color:#000; border:none;}
.create-notify .notifyHldr input:focus{outline:0 none !important; box-shadow:none}
.create-notify .notifyHldr .textPan{-webkit-overflow-scrolling:touch; background-color:#fff; color:#000; height:180px !important; max-height:180px !important;padding: 5px;}
.create-notify .notify-availdate{width:125px !important;}
.create-notify .notifyCont{padding:15px}
.textpaneHdr{height:264px !important; background:#fff; color:#212121; padding: 5px; margin:10px 0}
.create-notify .toggleBtn-reports{float:right;width:120px}
.create-notify .toggle-modern {margin: 3px 0 0 10px;}
.create-notify .visibilityHidden {visibility:hidden;}
.create-notify .notification-recipients {clear:both; margin-top:10px;}

.modal.fade.notification-list-view{background:#fff; display:block!important; left:0.5% !important; right:0.5% !important; top:1%!important; bottom:1%!important; overflow:hidden; height:auto; margin:auto; border-radius:4px; width:auto; max-height:100%;}
.dark .modal.fade.notification-list-view{background:#222;}
/* .notification-list-view .selectFltr {padding:0 !important} */
.dark .notification-list-view .report-detail-view {background:#333}
.dark .notification-list-view .detailShowed::after {border-bottom-color: #333 !important;}
.notification-list-view .modal-dialog{width:auto !important; margin:0px !important;}
.notification-list-view .modal-content{background-color:transparent; border:none; box-shadow:none}

.notification-titleHldr{overflow:hidden; padding:10px 0 5px 0; border-bottom: 1px solid #ddd;}
.dark .notification-titleHldr{border-bottom: 1px solid #333;}
.notification-title {width:calc(100% - 200px); float:left;}
.notification-titleHldr h1{color:#000; text-align:center; font-size:1.5em; font-weight:300; margin:4px 0; position:relative; margin-right: -200px;}
.dark .notification-titleHldr h1{font-weight: 300;}
.notification-actions{float:right; width:200px; text-align:right; cursor:pointer}
.notification-actions a{display:inline-block; text-align:center; margin-left:32px; text-decoration:none}
.notification-actions a:before {color:#999; font-size:16px; line-height:1px;}
.notification-actions a .create-notify{display:block; position:relative; top:-3px; color:#4cd964}
.notification-actions a .create-notify:hover {text-decoration: underline;}
.notification-actions a .view-notify{display:block; position:relative; top:-3px}
.notification-actions a .view-notify:hover {text-decoration: underline;}
.notification-actions a.ion-ios-close-empty{position:relative; top:10px; vertical-align:top;}
.notification-actions a.ion-ios-close-empty:before{color:#999; font-size:32px; line-height:1px}
.notification-detail-view {padding:10px}
.notification-detail-view .notification-detail .notification-content{height:400px;}
.globalapply {width:60px !important}
.global-popup-footer {border-top:1px solid; margin-top:10px; padding-top:10px; clear:both}
/* .global-popup-footer a, .global-popup-footer a:hover{margin:5px 10px 0 0;} */

.message-container:empty:before {content:attr(placeholder); color:gray}
.notify-create-toggle {float:none; display:inline-flex; align-items: center;}
.notify-create-toggle label.toggle-label {float:left;}
.notify-create-toggle .visible-toggle {display:inline-block}

/*............Notification................*/
.notifications-list-cont {width : 100%;padding:0 15px;}
.notifications-list-cont .view-list ul {display: inline-block;}
.notifications-list-cont .view-list ul.filters {width:33.3333%;}
.notifications-list-cont .view-list div.toggle {display:inline-block; width: 100%; margin-top:13px; text-align:center}
.notifications-list-cont .view-list div.toggle label.toggle-label{display:inline-block; color:#999}
.notifications-list-cont .toggle .chart-property {margin:0px; display:inline-block; vertical-align: top; padding:0}
.notifications-list-cont .view-list .controls {width:33.3333%;}
.notifications-list-cont .filter-edit{margin-right:0}
.notifications-list-cont .filter-edit ul li a {font-size: 16px; cursor:pointer; text-align:center}
.notifications-list-cont .header{border:none; color:#bb000e; font-size:20px;}
.filter-container{overflow:auto}
.filter-sortEdit{width:100%;overflow:auto;border-bottom:1px solid #ddd;padding-bottom:5px}
.notifications-list-cont .selectFltr-hdr {padding:0}
.notifications-list-cont ul.fltrSelect li {padding: 0px 5px 0 0;}
.notifReset {display:inline-block; margin-left:10px}

/*Toggle*/
.chart-property-value{display:inline-block; margin-left: 10px; text-align: left; width: 125px; min-height: 22px; vertical-align: top;}
.chart-property-switch{display:inline-block; height:22px; line-height:18px; vertical-align:top;}

.notifications-list-cont .reports-tile-view > ul > li.header-notification{background-color:transparent !important;height:20px;z-index:1;width:calc(100% - 10px) !important;border-bottom:none !important}
.notifications-list-cont .reports-tile-view > ul > li.empty_notification{background-color: transparent !important; border: none !important; left: calc(50% - 220px) !important; text-align:center;}
.notifications-list-cont .reports-tile-view > ul > li.empty_notification div.jBox-container {background:none !important;}

#notificationPopup .editableHdr{position:static; width:100%; border:1px solid transparent; background-color:transparent; font-size: 1.5em; font-weight:300; line-height: 1.5em;}
#notificationPopup .editableHdr:hover, #notificationPopup .editableHdr:focus{border:1px solid #d7d7d7;}

.notify-preference{overflow:hidden; margin-top:15px;}
.notify-preference li{float:left; width:18.3333%}
.notify-preference li:first-child{width:42.3333%;}
.notify-preference li.priority {width:19.3333%;}
.notify-preference label{display:inline-block; margin-bottom:0}
.notify-preference .visible-toggle > div{width:auto}
.notify-calender {display:inline-flex; align-items:center;}
.notify-calender input {width:80px; color:#000; margin:0 10px}
.notify-calender input:focus {box-shadow:none}
.notify-calender .ion-ios-calendar-outline:before {line-height:1px; font-size:24px; color:#999; vertical-align:middle;}

#notificationPopup .link-dimen-btnPos {border:none;}
.notification-pill strong, .notification-detail strong, .notifications-list strong, #notificationPopup strong { font-weight: bold !important;}
.notification-pill .textpaneHdr, .notification-detail .textpaneHdr, .notifications-list .textpaneHdr, #notificationPopup .textpaneHdr, .notification-detail .notification-content {line-height: normal;}
.notification-empty span {display:block;}
.edit-notsentbyme a[disabled]:hover {color:#e9ebec;}
.editableHdr.no-value::placeholder{color: #D12323;}
.header-notification {border: none !important;border-bottom: 1px solid #ddd !important;width: 100% !important;font-size: 1.6em;color: #070707;font-weight: 300}
.dark .header-notification {border-bottom: 1px solid #333 !important; color:#fff}

.no-notification-msg {position:absolute; width:100%; top:45%; text-align:center; color:#999;}

.dark .ui-datepicker-today a.ui-state-highlight {color:#444 !important}
.dark .ui-datepicker-today a.ui-state-highlight:hover, .dark #ui-datepicker-div .ui-state-hover:hover{color:#444 !important;}


/*............create notification share................*/
.property-share{width:100%;overflow:auto}
.property-share #loading {display:block}
.property-share .share-head{overflow:auto}
.property-share .title {padding-bottom:10px}
.property-share .share-head .share-head-lft, .property-share .share-head .share-head-mdl, .property-share .share-head .share-head-rht{display:inline-block}
.property-share .share-head .share-head-lft{width:40%;float:left}
.property-share .share-head .share-head-mdl{width:20%}
.property-share .share-head .share-head-rht{width:40%;float:right}
.property-share .search-btn{border-style:solid solid solid none;width:24px;height:24px;background-color:transparent;color:#787885;display:inline-block; float:right; font-size:20px;border-width:1px;border-color:#d7d7d7}
.property-share .search-btn:hover{cursor:pointer}
/* .property-share .icon-search:before{color:#fff !important} */
button[disabled].icon-search.search-btn{background-color:#ccc}
.bottom-hr {border-bottom:1px solid #555;margin-bottom:5px}
.share-search-cont{padding-right:5px; width:100px;float:right; border:1px solid #d7d7d7}
.share-search{width:100%;padding:0 0 0 5px;height:22px;vertical-align:middle;border:0px;float:left;box-sizing: border-box;background:transparent;}
.dark .share-search, .dark .filter-search, .dark .reportHdr, .dark .editableHdr{color:#fff;}
.share-search:focus{box-shadow:none; outline: 0}
.share-searchHldr{position:relative;float:right;margin-right:-22px;margin-top:3px;height:16px;width:16px}

.share-content{-webkit-overflow-scrolling:touch;margin-bottom:10px;overflow:hidden}
.share-content input[type=checkbox]{display:none}
.create-notify .share-content-lft, .share-content-rht{width:40%;float:left;height:255px; padding-right:10px}
.create-notify .share-content-rht label {width:100%;}
.notification-recipients .share-content .share-content-lft, .notification-recipients .share-content .share-content-rht{height:286px !important;position: relative; top: 0px;}
.notification-recipients .share-content .share-content-mdl{position: relative;top: 40px;left: 0;padding: 0;}
/* .notification-recipients .share-content .share-content-lft label span, .notification-recipients .share-content .share-content-rht label span{color:#fff !important;} */
.share-content-rht .selectedUsr{margin-left:16px}
.share-content-mdl{width:20%;float:left;overflow:auto;text-align:center;padding-top:20px}
.create-notify .share-content-mdl .share-mdl-action{-webkit-overflow-scrolling:touch;cursor:pointer;color:#4A90E2;padding-top:0}
.create-notify .share-content-mdl .share-mdl-action > span:hover {text-decoration:underline}
.share-content-mdl p{margin-top:40px;font-size:150%;color:#999; }
.share-content-rht > ul > li:before {content:'>'}
.share-content-rht > ul > li.expanded:before {content:'^'}

.share-content .panel{box-shadow:none;border:none;background-color:transparent}
.share-content .panel-default{border-color:none}
.share-content .panel-default>.panel-heading{background-color: transparent}
.create-notify .share-content .panel-default>.panel-heading label, .share-content .panel-group{margin-bottom:0; font-weight:500;color:#fff}
.share-content .panel-group .panel-heading+.panel-collapse .panel-body{border-top:none}
.share-content .panel-group .panel+.panel{margin-top:0px}
.share-content .panel-heading{padding:0}
.share-content .panel-body {padding: 0 0 0 32px}
.share-content .panel-body label{margin-bottom:2px;}
.share-content .accor-arrowPos{height:20px;position:relative;vertical-align:middle;width:16px;color:#787885; cursor:pointer; padding-left:4px}
.share-content .collapsing{margin: 0 0 0 -19px}
.share-content .check-label{width:calc(100% - 20px) !important;}



/************* Dimension selector multiselect *********/
.multiselect .tgle-chk-text i span {color: #fff;}
.tgle-chk-input {width: 1px; height: 1px; position: absolute;outline: none;appearance: none;-webkit-appearance: none;-moz-appearance: none;border: 0;}
.tgle-chk-text {display: inline-block;position: relative;width: 55px;background: #999;padding: 0px 0px 0px 0;color: #FFF;cursor: pointer;transition: background-color 0.15s;}
.tgle-chk-text:after {background: #d7d7d7 none repeat scroll 0 0;content: " ";display: block;height: 100%;left: 0;position: absolute;top: 0;transition: left 0.15s ease 0s, margin-left 0.15s ease 0s;width: 18px;}
.toggle-check-input:checked ~ .tgle-chk-text:after{left:100%;	margin-left: -18px;}
.tgle-chk-text>b {font-style: normal;font-weight: normal;}
.tgle-chk-text>i {font-style: normal; position: relative; width: 38px; text-align: center; display: block; padding: 0; left: 18px;}

.toggle-check-input:checked ~ .tgle-chk-text {background: #4A90E2;}
.toggle-check-input:checked + .tgle-chk-text i {display:none;}
.toggle-check-input:checked + .tgle-chk-text b{display:block; width:38px; text-align:center;}
.toggle-check-input:checked + .tgle-chk-text.read-unread-toggle b {width:50px;}

.toggle-check{
	height: 18px;
	line-height: 18px;
	font-size: 14px;
	margin: 0;
	padding: 0;
	position: relative;
	display: inline-block;
	vertical-align: top;
}
.toggle-check-input {
    width: 1px;
    height: 1px;
    position: absolute;
    outline: none;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    border: 0;
}
.toggle-check-text {
    display: inline-block;
    position: relative;
    width: 55px;
    background: #787885;
    padding: 0px 0px 0px 27px;
    min-width: 2em;
    color: #FFF !important;
    cursor: pointer;
    transition: background-color 0.15s;
}
.toggle-check-text:after {
    background: #d7d7d7 none repeat scroll 0 0;
    content: " ";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: left 0.15s ease 0s, margin-left 0.15s ease 0s;
    width: 18px;
}
.toggle-check-text:before {content: 'No';}
.lang-fr .toggle-check-text:before {content: 'Non';}
.lang-es .toggle-check-text:before {content: 'No';}
.lang-zn .toggle-check-text:before {content: '否';}

.toggle-check-input:checked ~ .toggle-check-text {
    background: #4A90E2;
    padding-left: 8px;
    padding-right: 0;
}
.toggle-check-input:checked ~ .toggle-check-text:before {content: 'Yes';}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {

.modal.fade.create-notify{left:5%!important; right:5%!important;}
.notify-preference li {float: left;width: 25%;}
.notify-preference li:first-child {width: 50%;}
.filter-container {overflow:hidden !important;}
.share-search-cont {width:80px !important;}
}