/*******************************
* MODAL AS LEFT/RIGHT SIDEBAR
* Add "left" or "right" in modal parent div, after class="modal".
* Get free snippets on bootpen.com
*******************************/
.modal.right { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
.modal.right .modal-dialog { position: fixed; margin: auto; width: 320px; 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.right .modal-content { height: 100%; overflow-y: auto; }
.modal.right .modal-body { padding: 15px 15px 80px; }

/*Right*/
.modal.right.fade .modal-dialog { left: -320px; -webkit-transition: opacity 0.3s linear, left 0.3s ease-out; -moz-transition: opacity 0.3s linear, left 0.3s ease-out; -o-transition: opacity 0.3s linear, left 0.3s ease-out; transition: opacity 0.3s linear, left 0.3s ease-out; }
.modal.right.fade .modal-dialog { left: -320px; -webkit-transition: opacity 0.3s linear, left 0.3s ease-out; -moz-transition: opacity 0.3s linear, left 0.3s ease-out; -o-transition: opacity 0.3s linear, left 0.3s ease-out; transition: opacity 0.3s linear, left 0.3s ease-out; }
.modal.right.fade.in .modal-dialog { left: 0; width: calc(100% - 437px); position: relative; right: auto; float: left; z-index: 1; }
.modal.right.fade.in { left: 0; z-index: 8; width: 100%; height: 100%; padding-left: 60px; padding-top: 60px; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.modal.right .modal-content { border-radius: 0; border: none; }
.modal.right .modal-header { border-bottom-color: #EEEEEE; background-color: #FAFAFA; position: fixed; width: 100%; z-index: 3; padding: 4px 0; }
.modal-open .modal.right.fade.in { z-index: 1001; background: rgba(0, 0, 0, 0.5); }
.income-form .input-field.s6.mrg-set.dmy-format.error-show-padding-btm .input-field { padding-bottom: 20px; }
.goal-main-con.edit-view-form-con-box .income-form .input-field.s6.mrg-set.error-show-padding-btm span.emessage { left: 0; position: absolute; top: 30px; }
.input-field { position: relative; margin-top: 1rem; display: inline-block; float: left; width: 100%; position: relative; }
.file-field .btn, .file-field .btn-large { display: inline-block; float: none; position: relative; height: 50px; line-height: 50px; padding: 0 30px; }
.file-field .file-path-wrapper { overflow: hidden; padding-left: 10px; float: left; width: 100%; }
.file-field input.file-path { text-align: center; }

/*---quick contact---*/
.birthday-icon { background: url(../../assets/images/birtday-icon.png) top left no-repeat; float: left; width: 30px; height: 30px; }
.birtday-remainig-30days { background-position: 0 0; }
.birtday-remainig-15days { background-position: -32px 0; }
.birtday-remainig-5days { background-position: -62px 0; margin-top: -3px; }

.person-details.scrolled .birtday-remainig-5days { margin-top: -7px }
.birthday-icon.tab-with-brd-icons { position: absolute; right: 18px; }
.right-details .social-group { float: right; text-align: right; display: flex; align-items: center; }
.family-member-details ul li .name > a.prsn-wh-bd-icn { padding-right: 40px; }
.person-details .desi-box { display: flex;    /* min-height: 50px; */ -webkit-width: calc(100% - 210px); -moz-width: calc(100% - 210px); -o-width: calc(100% - 210px); width: calc(100% - 210px); float: left; padding: 5px 10px 5px 0; flex-direction: column; }
.person-details .desi-box span { word-break: break-all; font-weight: 400; font-size: 12px; color: #555; padding: 1px 0; line-height: 15px; width: 100%; float: left; align-items: center; display: flex; }
.person-details .desi-box .desi-box-inner span, .person-details .desi-box .desi-box-inner span a { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.person-details .desi-box .desi-box-inner span { display: inline; }
.person-details .desi-box span span { padding: 0; }
.person-details .desi-box span span a { font-size: 13px; }
.right-details.orgnztn-lft-bx { position: relative; }
.right-details.orgnztn-lft-bx .orgn-count-bx { float: left; width: 215px; align-items: center; display: flex; justify-content: flex-end; }
.right-details.orgnztn-lft-bx .orgn-count-bx span { font-weight: 600; display: flex; align-items: center; }
.right-details.orgnztn-lft-bx .orgn-count-bx span > div { max-width: 150px; word-wrap: break-word; }
.right-details.orgnztn-lft-bx { display: flex; justify-content: space-between; }
.right-details.orgnztn-lft-bx .orgn-count-bx span i.orgn-count-group { float: left; width: 30px; height: 20px; margin: 0; background: url(../../assets/images/group-gray-icon.png) top left no-repeat; margin-right: 5px; }
.right-details.orgnztn-lft-bx .orgn-count-bx span a { width: 25px; height: 25px; position: relative; top:-2px; right: 0; float: right; background: url(../../assets/images/org-icon.png) top left no-repeat; background-size: 100% 100%; background-color: white; margin-left: 5px; }
ul.person-info-box-list { float: left; width: 100%; background: #f5f5f5; border-radius: 4px; border: 1px solid #e2e6ea; padding: 5px; margin-top: 10px; }
ul.person-info-box-list.full-width-details { width: 50%; }
ul.person-info-box-list h5 { font-size: 16px; color: #1c75bc; font-weight: 600; padding-left: 10px; }
.family-member-details ul.person-info-box-list > li { float: left; width: 100%; margin: 0 !important; padding: 7px !important; min-height: inherit; border-bottom: 1px solid #e2e6ea; font-size: 12px; line-height: 20px; }
.family-member-details ul.person-info-box-list > li a, .family-member-details ul.person-info-box-list > li > span { font-weight: 600; color: #333; overflow: hidden; white-space: nowrap; float: left !important; text-overflow: ellipsis; -webkit-width: calc(100% - 31px) !important; -moz-width: calc(100% - 31px) !important; -o-width: calc(100% - 31px) !important; width: calc(100% - 31px) !important; }

.family-member-details ul.person-info-box-list > li  i { background: url(../../assets/images/contact-info-icon.png) top left no-repeat; min-width: 20px; height: 20px; float: left; margin: 0 5px; }
.family-member-details ul.person-info-box-list > li  i.contact-icon { background-position: 0 4px; }
.family-member-details ul.person-info-box-list > li  i.contact-no-icon { background-position: 0 -24px; }
.family-member-details ul.person-info-box-list > li  i.location-icon { background-position: 0 -52px; }
.family-member-details ul.person-info-box-list > li  i.cell-phone-icon { background-position: 0 -189px; }
.family-member-details ul.person-info-box-list > li  i.work-phone-icon { background-position: 0 -132px; }
.family-member-details ul.person-info-box-list > li  i.work-address-icon { background-position: 1px -157px; }
.family-member-details ul.person-info-box-list > li  i.birthday-icon { background-position: 0 -79px; }
.family-member-details ul.person-info-box-list > li  i.birthday-icon { background-position: 0 -79px; }
.family-member-details ul.person-info-box-list > li  i.language-icon { background-position: 0 -108px; }

.family-member-details ul.person-info-box-list > li strong { font-weight: 600; }
.family-member-details .contact-btn-group { float: left; width: 100%; }
.family-member-details .add-member { display: inline-block; float: left; margin: 0 10px 0 0; }
.family-member-details ul.member-list li { border: 1px solid #e2e6ea; padding: 8px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; position: relative; }
.family-member-details ul li .name span a.close-con-icon { background: url(../../assets/images/close-icon-block.png) top left no-repeat; float: left; width: 10px; height: 10px; float: right; padding: 5px; position: absolute; top: 5px; right: 5px; }
.contact-btn-group .family-member-details { display: inline-block; float: left; width: auto; }
.family-member-details .view-member { float: left; margin-right: 10px; }
.family-member-details ul li .name > i { color: #313534; font-size: 11px; font-style: normal; margin-left: 0; font-weight: 600; float: left; width: auto; display: inline-block; clear: left; }
.family-member-details ul li .name > b span:before { content: "|"; float: left; position: relative; color: #000; line-height: 16px; font-size: 10px; padding: 0 3px; }
.family-member-details ul li .name > i span, .family-member-details ul li .name > b span { color: #1c75bc; margin-right: 2px; }
.family-member-details ul li .name > b:before { content: "|"; position: relative; left: -4px; color: #999; }
.full-width-details { width: 100%; float: left; }
.family-member-details ul.person-info-box-list > li a.pi-email { width: auto !important; -webkit-max-width: calc(100% - 31px) !important; -moz-max-width: calc(100% - 31px) !important; max-width: calc(100% - 31px) !important; }
.left-content.card.email-section { float: left; width: 100%; margin-top: 15px; box-shadow: none; }
.top-title-sectop.contact-right-search { margin: 0; }
.top-title-sectop.contact-right-search.srh-ppl-lrg-bx .search-box { width: 100% !important; }
.top-title-sectop.contact-right-search.srh-ppl-lrg-bx .search-box.with-tabs-row { top: -4px; }
.myacvt-rgtssdb .top-title-sectop.contact-right-search.srh-ppl-lrg-bx .search-box.with-tabs-row { top: 0; }

span.no-rcrd-fund.no-data-img-comp-pln.com-pln-mn-hgt { padding: 0; }
.income-form .input-field.s6.mrg-set.dmy-format.error-show-padding-btm .input-field { padding-bottom: 20px; }
.goal-main-con.edit-view-form-con-box .income-form .input-field.s6.mrg-set.error-show-padding-btm span.emessage { left: 0; position: absolute; top: 30px; }
ul.categories-link > li > a.custome-field-show-hide:after { content: ""; background: url(../../assets/images/icon-select-blue.png) no-repeat right 0 top 2px; position: absolute; right: 0; color: #000; width: 17px; height: 8px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); }
ul.categories-link > li > a.custome-field-show-hide { padding-right: 13px; }
.left-content.card.email-section.insert-box[aria-expanded="true"] { display: block !important; }
.left-content.card.email-section.insert-box[aria-expanded="false"] { display: none !important; }
ul.categories-link > li > a.custome-field-show-hide[aria-expanded="true"]:after { background: url(../../assets/images/icon-select-blue-top.png) no-repeat right 0 top 2px; }
button.contact-details-sh-arrow, .form-group .contact-details-sh-arrow { background: url(../../assets/images/icon-select-blue.png) no-repeat calc(100% - 8px); width: 100%; height: auto; margin: 0 auto; display: block; padding: 8px 10px; float: left; text-align: left; text-transform: uppercase; border: 1px solid #e2e6ea; border-radius: 3px; font-weight: 700; color: #313435; font-size: 13px; }
button.contact-details-sh-arrow[aria-expanded="true"], .form-group button.contact-details-sh-arrow[aria-expanded="true"]{ background: url(../../assets/images/icon-select-blue-top.png) no-repeat calc(100% - 8px); }
.email-left-menu ul li a.active .inbox-icon { background-position: -28px 3px !important; }
.email-left-menu ul li a.active .draft-icon { background-position: -28px -21px; }
.email-left-menu ul li a.active .send-icon { background-position: -27px -42px; }
.email-left-menu ul li a.active .trash-icon { background-position: -28px -68px; }
.btn-pointer { cursor: pointer; }
/* .email-left-menu ul li a.active .pending-icon { background-position: -28px -96px; } */
.email-left-menu ul li a.active .template-lib-icon { background-position: -28px -124px; }
.email-left-menu ul li a.active .email-sign-icon { background-position: -28px -150px; }
.email-left-menu ul li a.active .outbox-icon { background-position: -27px -180px; }
ul.tarck-box li input[type="checkbox"].filled-in:not(:checked) + label:after { background: url(../../assets/images/email-group-icon.png) left top no-repeat; height: 30px !important; width: 30px !important; margin: 0; background-position: 3px 5px; float: left; border: 1px solid #c3c3c3; }
ul.tarck-box li:nth-child(2) input[type="checkbox"].filled-in:not(:checked) + label:after { -webkit-border-radius: 2px 0 0 2px; -moz-border-radius: 2px 0 0 2px; -o-border-radius: 2px 0 0 2px; border-radius: 2px 0 0 2px; }
ul.tarck-box li:last-child input[type="checkbox"].filled-in:not(:checked) + label:after { -webkit-border-radius: 0 2px  2px 0; -moz-border-radius: 0 2px  2px 0; -o-border-radius: 0 2px  2px 0; border-radius: 0 2px  2px 0; }
ul.tarck-box li input[type="checkbox"].filled-in:checked + label:after { background: url(../../assets/images/email-group-icon.png) left top no-repeat; margin: 0; width: 30px !important; height: 30px !important; border: 1px solid #c3c3c3; background-color: none; z-index: 0; background-position: 3px -19px; float: left; }
ul.tarck-box li input[type="checkbox"].filled-in:checked + label:before { display: none; }
ul.tarck-box li input[type="checkbox"].filled-in.link-clicked:not(:checked) + label:after { background-position: -26px 4px; }
ul.tarck-box li input[type="checkbox"].filled-in.link-clicked:checked + label:after { background-position: -26px -20px; }
ul.tarck-box li input[type="checkbox"].filled-in.no-reply:not(:checked) + label:after { background-position: -54px 3px; }
ul.tarck-box li input[type="checkbox"].filled-in.no-reply:checked + label:after { background-position: -54px -21px; }
.notify-select-box { float: left; }
.notify-select-box > label { font-size: 13px; font-weight: 600; color: #000; margin-right: 5px; float: left; line-height: 27px; }
.notify-select-box ul { float: left; margin-bottom: 0; margin-top: -7px; }
.notify-select-box ul li { float: left; width: 100%; position: relative; }
.notify-select-box ul li label { font-size: 12px; padding-left: 25px; font-weight: 600; line-height: 23px; margin-bottom: 2px; color: #555; height: inherit; }
.notify-select-box ul li span { float: left; }
.notify-select-box ul li input { float: left; margin-bottom: 0; height: 20px; padding: 0 5px; text-align: center; font-size: 11px; width: 20px; background: #eee; border-radius: 2px; margin: 0 3px; }
.notify-select-box ul li span.emessage { position: absolute; left: 0; bottom: -12px; background: #fff; }
.text-editor-box.height-set .cke_contents { min-height: 180px !important; max-height: 500px !important; }
.edit-delete-table > a i.view-icon {
    height: 15px;
    background-position: 1px 16px;
    width: 16px;
}


button.btn.pull-right.gray-btn.add-signature-btn { margin-right: 3px; }
.text-editor-box.height-set label { font-size: 13px; font-weight: 600; color: #333; margin-bottom: 10px; }
.reply_days-input { position: relative; z-index: 4; }
/*----email template----*/
.email-right-inbox.emial-template-con { width: 100%; }
.email-right-inbox.emial-template-con .mail-options-box a i.edit-icon { background-position: -108px 0; }
.email-right-inbox.emial-template-con .mail-options-box a i.copy-icon { background-position: -144px 0; }
.email-right-inbox.emial-template-con .row-box.email-template-listing .category-box { display: inline-block; margin-right: 10px; width: 165px; line-height: 37px; position: relative; top: 1px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; float: left; }
.email-right-inbox.emial-template-con .row-box.email-template-listing .category-box.category-temp { width: 96px; }
.email-right-inbox.emial-template-con .row-box.email-template-listing .subject-box { width: 146px; margin-right: 5px; }
.email-right-inbox.emial-template-con .row-box.email-template-listing .subject-box.subject-box { margin-right: 12px; }
.email-right-inbox.emial-template-con .row-box.email-template-listing .massage-box { -webkit-width: calc(100% - 810px); -moz-width: calc(100% - 810px); -o-width: calc(100% - 810px); width: calc(100% - 810px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; float: left; }
.add-new-category-popup form span.emessage { margin: -16px 0 0 -7px; }
span.emessage.sbct-error-bx { top: 44px; }
.email-right-inbox.emial-template-con .row-box.email-template-listing .date-time-box { display: none; width: 125px; }
.email-right-inbox.emial-template-con.email-cmpgn-section .row-box.email-template-listing .date-time-box { display: none; width: 90px; }

.email-right-inbox.emial-template-con li.check-select-row .row-box.email-template-listing .date-time-box {
	background: #ecf6fd;
}


.email-right-inbox.emial-template-con.reply-msg-set .row-box.email-template-listing .date-time-box { right: 325px; }
.email-right-inbox.emial-template-con .row-box.email-template-listing:hover .date-time-box { display: block; }
.email-right-inbox.emial-template-con.email-cmpgn-section .row-box.email-template-listing:hover .date-time-box { display: block; min-width: 50px; }
.email-right-inbox.emial-template-con  ul.pending-msg-box li.expand-mail-box .row-box.email-template-listing:hover .date-time-box { display: none; }
.email-right-inbox.emial-template-con .row-box.email-template-listing .mail-options-box { display: block; }
.email-right-inbox.emial-template-con .row-box.email-template-listing .date-time-box { position: absolute; right: 0; top: 0; background: #fff; height: 60px; line-height: 57px; }
.email-right-inbox.emial-template-con .row-box.email-template-listing .mail-options-box { position: absolute; top: -3px; right: 3px; }
.email-right-inbox.emial-template-con .row-box.email-template-listing .mail-options-box:before { display: none; }

.email-right-inbox.emial-template-con.email-cmpgn-section .ec-sent-eml-ath .row-box.email-template-listing .date-time-box { width: 60px !important; }
.associate-email-box .sent-tab .row-box.email-template-listing .date-time-box, .associate-email-box .sent-tab .row-box.email-template-listing .date-time-box .mail-options-box { min-width: inherit !important; width: 60px !important; }
.email-right-inbox.emial-template-con.email-cmpgn-section  li.expand-mail-box .row-box.email-template-listing .date-time-box, .email-right-inbox.emial-template-con.email-cmpgn-section  li.expand-mail-box .row-box.email-template-listing .date-time-box  .mail-options-box, .email-right-inbox.emial-template-con.email-cmpgn-section  li.expand-mail-box:hover .row-box.email-template-listing .date-time-box  .mail-options-box { display: block !important; top: 2px; height: 40px; }
.email-cmpgn-section  li.expand-mail-box.check-select-row .row-box.email-template-listing .date-time-box  .mail-options-box { background: #ecf6fd !important; }
.email-right-inbox.emial-template-con.email-cmpgn-section  li.expand-mail-box .row-box.email-template-listing:hover .date-time-box  .mail-options-box { top: 0 !important; }
.email-right-inbox.emial-template-con .row-box.email-template-listing:hover .hover-select-show-hide { display: block; position: relative; max-height: 44px; }
.email-right-inbox.emial-template-con .hmt-eml-temp .row-box.email-template-listing:hover .hover-select-show-hide { display: none; }
.email-right-inbox.emial-template-con .row-box.email-template-listing .hover-select-show-hide:before { content: ""; width: 50px; height: 40px; background: white; position: absolute; top: -4px; }
li.check-select-row .row-box.email-template-listing .hover-select-show-hide:before { background: #ecf6fd !important; }

/* .email-right-inbox.emial-template-con.reply-msg-set .row-box.email-template-listing:hover .hover-select-show-hide { display: none; } */
.email-right-inbox.emial-template-con  ul li.check-select-row .row-box.email-template-listing:hover .date-time-box { display: none; }
.email-right-inbox.emial-template-con .date-time-box { width: 93px; }
.email-cmpgn-section ul.pending-msg-box li.expand-mail-box .row-box .mail-options-box { display: none; }
.email-cmpgn-section ul.pending-msg-box li.expand-mail-box .row-box div { line-height: 37px; }
.email-right-inbox.emial-template-con.associate-email-box .date-time-box, .email-right-inbox.emial-template-con.email-cmpgn-section .date-time-box { width: 125px; padding-right: 0; }
.email-cmpgn-section .hover-select-show-hide1 { position: relative; top: -2px; }

.email-right-inbox.emial-template-con.eml-tmplt-page .row-box.email-template-listing .mail-options-box { top: 0; }
.email-right-inbox.emial-template-con.eml-tmplt-page.eml-tmplt-lbry .row-box.email-template-listing .mail-options-box { display: block !important; }
.note-toggle.fs-display { overflow: auto !important; }
.fl-fw.srcnm-bx a b, .fl-fw.srcnm-bx label, .fl-fw.srcnm-bx label + b { font-size: 12px; font-weight: normal; }
label.scnd-step-icn:after { content: ">"; margin-left: 5px; }
.email-right-inbox.emial-template-con.eml-tmplt-page .btn { margin: 3px 0; }
.email-right-inbox.emial-template-con.eml-tmplt-page .row-box.email-template-listing .update-box { top: 0; line-height: 33px; }
.connect-partner-popup .resoinsive-table.main-table { overflow: auto; }
/*----add new template----*/
.add-new-template-section ul.compose-mail > li { position: relative; margin-bottom: 5px; }
.add-new-template-section ul.compose-mail > li .select-box {
    margin-bottom: -1px;
}
.add-new-template-section ul.compose-mail > li input[type="text"] { -webkit-width: calc(100% - 119px); -moz-width: calc(100% - 119px); -o-width: calc(100% - 119px); width: calc(100% - 119px); margin-bottom: 0; font-size: 13px; height: 30px; line-height: 30px; font-weight: 500; border-bottom: none; float: right; }
.add-new-category-popup tbody tr td form input[type="text"] { margin-bottom: 8px; background: #fff; box-shadow: 0px 0px 1px #dcdcdc; border: 1px solid #d4d4d4; margin-top: -1px; }
.email-right-inbox .span.pagination-block { float: left; width: 100%; text-align: right; }
.email-right-inbox  .pagination { margin: 5px 70px 0 0; float: right; position: relative; z-index: 2; background: #fff; display: inline-block; width: initial; background: #fff !important; z-index: 0; }
.family-member-details ul li .name > a { width: auto; max-width: 100%; line-height: 13px; float: left !important; }
.add-new-template-section ul.compose-mail > li input[type="text"]:focus { border-bottom: 1px solid #d9d9d9; }

.ad-eml-tmpltmn-box  .add-new-template-section ul.compose-mail > li input[type="text"]:focus { border: none; }

.add-new-template-section ul.compose-mail > li a.insert-category { /* float: right; font-weight: 600; position: absolute; top: 9px; right: 0; */ }
.add-new-template-section ul.compose-mail > li > label { line-height: 30px; min-width: 109px; }
.add-new-template-section ul.compose-mail > li .select-wrapper { position: relative; max-width: 240px; }
.add-new-template-section ul.compose-mail > li .select-wrapper span.caret { color: #999; right: 0; top: 5px; font-size: 10px; }
.add-new-template-section ul.compose-mail > li .select-wrapper { min-width: 130px !important; }
.add-new-template-section ul.compose-mail > li .select-wrapper .dropdown-content.select-dropdown { font-size: 12px; font-weight: 400; top: 30px !important; max-width: 130px; }
.add-new-category-popup tbody tr td input[type="text"] { padding: 0 10px; margin: 0; left: -8px; position: relative; top: -8px; font-size: 14px; height: 35px; background: #f5f5f5; }
.add-new-category-popup table { margin-bottom: 0; }
.add-new-category-popup a.pull-right.add-category-box { font-weight: 500; font-size: 13px; }
.add-signature-page .input-field.col label { left: 0; font-size: 13px; font-weight: 600; }
.add-signature-page .input-field label.active { font-size: 12px; }
.add-signature-page .input-field input[type=text] { color: #313435; font-size: 13px; font-weight: 500; height: 40px; width: 100%; }
.add-new-template-section ul.compose-mail > li span.emessage { position: absolute; margin-top: 37px; color: #ef4036; font-size: 10px; left: auto; font-weight: 500; position: absolute; }
.text-editor-box.height-set span.emessage { margin-top: 0; font-size: 10px; }
label.title-signature { font-size: 13px; font-weight: 600; color: #222; margin-bottom: 0; }
.categories-box.select-wrapper { position: relative; float: left; margin-left: 10px; min-width: 130px; }
.categories-box.select-wrapper input.select-dropdown { border: 1px solid #e3e7eb; font-size: 13px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; padding: 0 0px 0 7px; float: left; margin: 0; top: 100% !important; height: 33px; font-weight: 500; color: #999; box-sizing: border-box; }
.categories-box.select-wrapper span.caret { color: #999; right: 5px; top: 13px; font-size: 10px; background: url(../../assets/images/email-select-box.png) left top no-repeat; border: none; float: left; width: 13px; height: 10px; font-size: 0; background-position: -12px 0px; }
.categories-box .dropdown-content.select-dropdown { top: 32px !important; border-color: #e3e7eb !important; max-height: 250px; }
.top.delete-icon { background: url(../../assets/images/email-hover-icon.png) left top no-repeat; float: left; width: 32px; height: 32px; margin-left: 10px; background-position: -30px 9px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; border: none; }
.categories-box .dropdown-content.select-dropdown li span { font-size: 13px; padding: 6px; word-wrap: break-word; }
.add-contact-popup .modal-footer.clr-fix .btn { padding: 0 19px; }

.add-org-popup.add-contact-popup .modal-footer.clr-fix .btn {padding: 0 19px; max-width: calc(100% - 110px); text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.delete-from-google { float: left; width: 100%; margin-top: 10px; }
.delete-from-google label { font-size: 13px; font-weight: 500; padding-left: 23px; margin-bottom: 0; line-height: 22px; color: #555; }
.create-new-email-template-popuup .modal-dialog { width: 100%; margin-top: 120px; }
.create-new-email-template-popuup .modal-body { padding: 0; }
.hidden-overlep-box { pointer-events: none !important; cursor: not-allowed !important; opacity: 0.7; float: left; width: 100%; }
.switch.contact-sync-box { font-size: 13px; font-weight: 600; margin-top: 15px; margin-bottom: 5px; }

.switch.contact-sync-box.prv-nt-box label { margin-left: 5px; }
.switch.contact-sync-box.prv-nt-box { width: 100%; float: left; margin: 0 0 20px 0; padding: 0 7px; }
.note-edit-view-box.add-nt .input-field.s6.mrg-set { min-height: 53px; }
.note-edit-view-box.add-nt .input-field.s6.mrg-set select { padding-right: 15px; }
.clearfix.activity-sidebar.left-actvty-tp .input-field.s6.mrg-set { min-height: auto; }
.stage-prog-box.stg-nts-bx .nav-justified > li a.nav-link { font-weight: 600; }
h5.note-mn-ttl { font-weight: 600; font-size: 15px; float: left; }

.switch.contact-sync-box.form-design { margin-top: 0; margin-bottom: 15px; }
.input-field.radio.inline.sync-check-inline { margin-bottom: 0; text-align: center; }
.input-field.radio.inline.sync-check-inline .input-field.radio { float: none; }
.switch.contact-sync-box input + label { padding-left: 25px; }
.switch.contact-sync-box label { cursor: pointer; font-size: 13px; color: #555; text-transform: uppercase; font-weight: bold; }
.switch.contact-sync-box label .lever { margin: 0 7px; }
.social-sync-box ul.connected-link li span {color: #9a9a9a; font-weight: 600; font-size: 13px; margin-bottom: 11px; float: left; width: 100%; }
.import-box .file-field.input-field button.btn { line-height: 23px; }
.default-form .input-field label { z-index: 2; }

.sync-email-form-group .input-field.col.s6 { width: 47%; margin: 0 1.5%; }
.sync-email-form-group > span { font-size: 15px; width: 100%; padding-left: 10px; float: left; margin: 20px 0 0; font-weight: 600; min-height: 34px; text-align: left; color: #0e76ca; }
.link-smtp-popup .modal-body .form-design { float: none; }
.smtp-fm-fld { padding: 0 10px; margin: 17px 0 0 0; float: left; width: 100%; }

.create-new-email-template-popuup .left-content.card.email-section.add-new-template-section { margin-top: 0; padding: 0 15px; border-radius: 0; }
.edit-delete-table.unarchive-icon-add a > i { background: transparent url(../images/edit-delete-icons.png) repeat scroll 0 0; }
.edit-delete-table.unarchive-icon-add a > i.delete-icon { background-position: 0 -1px; }
.edit-delete-table.unarchive-icon-add a > i.delete-google-icon { background-position: 0 -51px; width: 19px; }
.edit-delete-table.unarchive-icon-add a > i.unarchive-icon { background-position: 0 -32px; }
.edit-delete-table.unarchive-icon-add { display: inline-block; }
.main-table.merge-table.delete-google-unarchive-section table thead tr th:last-child { width: 58px !important; text-align: center; max-width: 58px !important; }
.main-table.merge-table.delete-google-unarchive-section table thead tr th:nth-child(4) { width: 200px; }
.family-member-details > ul.person-info-box-list { padding: 0; }
.family-member-details > ul.person-info-box-list.full-width-details { width: 100%; }
span.one-line-con { float: left; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
span.one-line-con b {color: #23527c; font-weight: 500; }
span.one-line-con b:hover {text-decoration: underline; }
.create-new-email-template-popuup.add-template { margin-left: 60px; -webkit-width: calc(100% - 70px); -moz-width: calc(100% - 70px); -o-width: calc(100% - 70px); width: calc(100% - 70px); padding: 0 !important;/*  margin-top: 60px; */ }
.create-new-email-template-popuup.add-template .modal-dialog { margin: 0; }
.left-content.card.email-section.add-new-template-section .insert-box h5 span { cursor: pointer; position: relative; padding-right: 16px; width: 100%; float: left; }
.left-content.card.email-section.add-new-template-section .insert-box h5 span:after,
.cus-fild-email-msg .insert-box h5 span:after

 { content: ""; background: url(../../assets/images/icon-select-gray-up-down.png) no-repeat 4px 2px; position: absolute; right: 0; color: #000; width: 17px; height: 8px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); }
.left-content.card.email-section.add-new-template-section .insert-box h5 span.open-dw:after,
.cus-fild-email-msg .insert-box h5[aria-expanded="true"] span:after
{ background-position: -11px 2px; }
.sync-check-group [type="checkbox"] + label { font-size: 13px; font-weight: 600; padding-left: 26px; line-height: 22px; margin-right: 8px; margin-bottom: 0; color: #555; left: -5px; }
.sync-check-group { width: 100%; margin-top: 15px; }

preview iframe {border: 0 none; width: 100% !important; min-height: 100px; }

.half-expand-mail .email-box { font-size: 14px; font-weight: 700; }
.short-massage-box { font-weight: 500; font-size: 13px; margin-top: -6px; height: 20px; margin-bottom: 0; overflow: hidden; white-space: nowrap; word-wrap: break-word; text-overflow: ellipsis; clear: both; -webkit-width: calc(100% - 60px); -moz-width: calc(100% - 60px); -o-width: calc(100% - 60px); width: calc(100% - 60px); float: right; padding-right: 125px; }
.email-section div#custom-fiels-show-hide { width: 100%; float: left; }
.half-expand-mail { width: 100%; float: left; cursor: pointer; margin-bottom: -15px; }
.half-expand-mail .left-part { -webkit-width: calc(100% - 140px); -moz-width: calc(100% - 140px); -o-width: calc(100% - 140px); width: calc(100% - 140px); float: left; }
.main-table.license-table.signature-lising-table { margin: 0; }
.main-table.license-table.signature-lising-table tbody tr td { padding: 2px 8px; }
.main-table.license-table.signature-lising-table tbody tr td .radio-group { top: 5px; left: 6px; }
.main-table.license-table.signature-lising-table thead > tr > th { border-top: none !important; }
.half-content-show-hide-link { width: 100%; float: left; cursor: pointer; }
.pagination-box.email-setion { width: 100%; float: left; }
.email-right-inbox .mCSB_scrollTools.mCSB_scrollTools_horizontal { display: none !important; }
.fixed-action-btn { float: right; position: relative; }
.record-selected.padding-left-none.google-unarchive-select { margin: 10px 0 10px 0; }
.record-selected.padding-left-none.google-unarchive-select label { width: auto; padding: 0 10px 0 0; margin: 0 10px 0 0; border-right: 1px solid #bfbfbf; }
.onboardmodal .form-footer-section.import-btn { margin: 0 0 10px 0; }
.csv-btn-fixed { position: fixed; bottom: 20px; height: 50px; background: #fff; -webkit-width: calc(100% - 388px) !important; -moz-width: calc(100% - 388px) !important; width: calc(100% - 388px) !important; }
.csv-import-box h5 { margin-bottom: 20px; }
.csv-import-box .default-form .form-footer-section { height: initial; margin-top: 5px; }
span.email-val-box { margin-top: 11px; float: left; font-size: 12px; font-weight: 500; }
.sa-organization-table table.table { table-layout: fixed !important; }
.tabContViewport .person-tab-details-box-con .life-event-table-responsive.socialfeeds-section .mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical { right: 0 !important; }
.input-field.col.s6.sign-textarea-box span.emessage { margin-top: 0px; top: auto; }
.family-member-details ul { padding: 10px 0 0 10px; }
table tbody tr td .cke_dialog_ui_input_select { width: 100% !important; }
.cke_dialog_ui_input_text input[type="text"] { margin-bottom: 0; }
input.cke_dialog_ui_input_text, input.cke_dialog_ui_input_password, textarea.cke_dialog_ui_input_textarea { height: 30px; font-size: 13px; }
select.cke_dialog_ui_input_select { margin: 0 !important; background: url(../../assets/images/short-btm-img.png) no-repeat calc(100% - 10px) center }
input.cke_dialog_ui_input_text:focus, input.cke_dialog_ui_input_password:focus, textarea.cke_dialog_ui_input_textarea:focus, select.cke_dialog_ui_input_select:focus { border: 1px solid #bcbcbc !important; padding: 3px 3px 3px 6px !important; outline-offset: 0 !important; }
.cke_dialog_ui_hbox a.cke_dialog_ui_button_ok { line-height: 24px; height: 30px; }
.cke_dialog_body label { font-size: 12px !important; }
.cke_dialog_ui_hbox_first, .cke_dialog_ui_hbox_child, .cke_dialog_ui_hbox_last { vertical-align: middle !important; }
.cke_dialog_ui_fieldset [type="checkbox"] + label:before, .cke_dialog_ui_fieldset [type="checkbox"]:not(.filled-in) + label:after { margin-top: -4px; }
.scayt-lang-list input[type="radio"]:checked + label:after, 
.scayt-lang-list input[type="radio"].with-gap:checked + label:after {top: 6px; left: 8px }

.email-right-inbox .unread-mail .msg-con { color: #999 !important; font-weight: 400 !important; }
.sync-check-group.orgsync-check-group .input-field label { font-size: 12px; margin-left: -3px; }

/*-----ck editor image popup-----*/
table.cke_dialog_contents select { display: block; line-height: 20px; height: 30px; }
table.cke_dialog_contents .cke_reset_all textarea, table.cke_dialog_contents .cke_reset_all input[type="text"], table.cke_dialog_contents .cke_reset_all input[type="password"] { cursor: text; border: none !important; box-shadow: none; border-bottom: 1px solid #c1c1c1 !important; border-radius: 0 !important; font-size: 12px; min-width: 50px; }
.top-titlebar .top-title-sectop { position: fixed; -webkit-width: calc(100% - 60px); -moz-width: calc(100% - 60px); -o-width: calc(100% - 60px); width: calc(100% - 60px); right: 0; z-index: 5; padding: 0px 15px; }

/*-------email half - header: start-------*/
.top-titlebar.email-lft-tp-hd .top-title-sectop { position: fixed; height: 47px; margin-top: -18px; -webkit-width: calc(100% - 512px); -moz-width: calc(100% - 512px); -o-width: calc(100% - 512px); width: calc(100% - 512px); left: 60px; border-right: 1px solid #e2e6ea; }
.top-titlebar.email-lft-tp-hd .top-title-sectop .search-box { width: 270px; font-size: 13px; }
.top-titlebar.email-lft-tp-hd .email-left-menu ul li { padding:0; }
.top-titlebar.email-lft-tp-hd .email-left-menu ul li.add-new-mail { position: fixed; bottom: 17px; right: 452px; }
.tp-ttl-inr { width: 100%; float: left; margin: 7px 0 0 0; }

.cmnctn-pln-lft-box .btn.add-contact.btn-lg.green-btn { right: 452px; bottom: 16px; line-height: 43px; -webkit-transition: all 1s; transition: all 1s; margin-right: 0;}
.cmnctn-pln-lft-box.fl-fw .btn.add-contact.btn-lg.green-btn { right: 17px !important;  }

ul.dropdown-menu.filter-more-optns.plus-add-dwn {
    position: fixed;
    z-index: 10;
    right: 452px;
    bottom: 68px;
}


/*----email half - header: close-----*/
.row.dtls-bx-row {padding: 0 20px; }

.search-box.with-tabs-row {-webkit-width: calc(100% - 55px); -moz-width: calc(100% - 55px); width: calc(100% - 55px); float: left; position: relative; }
.details-group.view.panel-details-view {width: 50%; padding: 0px 5px 10px 5px !important; position: relative; }
.search-box.with-tabs-row .close-srh-nm-edt {top: 6px; right: 6px !important; }

.details-group.view.panel-details-view ul {border: 1px solid #dfdfdf; border-radius: 3px; }
.details-group.view.panel-details-view ul li {border: none; background: none; }
.details-group.view.panel-details-view ul li label,
.details-group.view.panel-details-view ul li span.input-edit {text-align: left;}


.edit-view-form-con-box .details-group.view.panel-details-view ul.work-details-con {
    min-height: 255px;
}

.income-panel-mnbox .add.one-row-add-box.mrg-left-10 {
    position: absolute;
    bottom: 10px;
    right: 7px;
}

.edit-view-form-con-box .details-group ul.work-details-con .one-row-add-box.mrg-left-10 {
    position: relative;
    bottom: 0;
    right: 0;
}


.panel-details-view .panel-dtls-ttl {background: #f5f5f5; padding: 10px 40px 10px 10px; font-weight: 700; color: #333333; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.panel-details-view .panel-dtls-ttl {
    display: flex;
    align-items: center;
}

.add.one-row-add-box.mrg-left-10 {
    margin-bottom: 10px !important;
}

.panel-dtls-ttl.income-panel-dtls-ttl {
    display: flex;
    align-items: center;
}
.income-panel-dtls-ttl .one-row-add-box {
    margin: 0;
}

.panel-dtls-ttl .add.one-row-add-box {
    margin: 0 !important;
    width: auto;
}

.update-btn-set {
    margin-right: 40px !important;
}

/*money-matters view history*/
.alert-box .details-group.view.panel-details-view {
    justify-content: space-between;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.alert-box .details-group.view.panel-details-view .work-details-con {
    width: 49%;
    margin-bottom: 10px;
}

.alert-box .details-group.view.panel-details-view .work-details-con:first-child {
    width: 100%;
}

.alert-box .details-group.view.panel-details-view .work-details-con:first-child .panel-dtls-ttl {
    background: #e0e0e0;
}

.alert-box .details-group.view.panel-details-view .work-details-con:first-child .panel-dtls-ttl a {
    color: #333333;
    cursor: default !important;
    text-decoration: none !important;
}

.panel-details-view .panel-dtls-ttl a {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}



.col-bx-row {background: #fff; box-shadow: 0 0 6px rgba(0,0,0,0.2); right: 0; left: auto; top: 23px; min-width: 120px; padding: 0; }
.col-bx-row > li > a {width: 100%; float: left; padding: 7px 5px; color: #484848; font-size: 13px; text-decoration: none; }
.col-bx-row > li > a:hover {background: #f5f5f5; }
.ed-sd-icons .col-bx-row a span > i { margin: 3px 10px 0 7px; height: 16px; width: 12px; float: left; }
button.dots-3-open { border: none; background: url(../images/dots-3-edit.png) no-repeat; width: 25px; height: 25px; float: left; border-radius: 50%; background-position: 10px 5px; border: 1px solid transparent; }
button.dots-3-open:hover { border-color: #d8d8d8; }
.edit-delete .dropdown, .con-row-view .dropdown { position: absolute; right: 7px; top: 9px; }

.edit-delete .dropdown, 
.con-row-view .dropdown {
    top: 14px;
}

.row.dtls-bx-row h5 { color: #0e76bc !important; padding-left: 5px !important; margin-bottom: 10px !important; }
.edit-dtls-bx-row { margin: 0 5px; }
.edit-dtls-bx-row .income-form { border: 1px dashed #d0d2d7; margin-top: 5px; }
.details-group.view.panel-details-view.ng-scope.editformopen { width: 100%; padding: 0 !important; padding: 0 5px; box-sizing: border-box; background: none; border-bottom: none; }
.add.one-row-add-box {  /*   margin-bottom: 0; */
padding: 0 10px; }
.row.dtls-bx-row .details-group.view.panel-details-view:nth-child(2n) { clear: both; }
.ed-sd-icons .col-bx-row a span > i { background: transparent url(../images/edit-delete-color-icon.png) repeat scroll 0 0; }
.ed-sd-icons .col-bx-row a span > i.delete-icon { background-position: 0 -32px; }
.row.dtls-bx-row .work-details-con > li { margin: 0; }
.con-row-view.ed-sd-icons { width: 100%; float: left; margin-top: 10px; }
.row.dtls-bx-row .details-group.vw-mr-bx { padding: 0 7px; }
.editformopen { border: none; }
.team-list-container .tm-ttl { font-size: 14px; font-weight: 600; border-top: 1px solid #eee; background: #eee; padding: 8px 10px; }
.team-list-container .tm-ttl-nm { width: 52%; float: left; padding-left: 48px; }
.team-list-container .tm-ttl-dsc { width: 41%; float: left; padding-left: 18px; }
.team-list-container .tm-ttl-actn { width: 7%; float: left; text-align: center; }
.acvt-stngs .team-list-container .tm-ttl-actn { width: 110px; }


/* admin team position */
.admin-tm-pstn-mn-bx.team-list-container .tm-ttl-actn { width: 80px; max-width: 80px; min-width: 80px; }
.tm-pstn-mn-bx .team-list-container .tm-ttl-nm { width: 55%; }
.ss-tm-pstn-lbrry .angular-ui-tree-nodes .angular-ui-tree-node, .ss-hmt-tm-pstn .angular-ui-tree-nodes .angular-ui-tree-node { cursor: default; }
.ss-tm-pstn-lbrry ul li.angular-ui-tree-node .tm-ttl .lstng-row, .ss-hmt-tm-pstn ul li.angular-ui-tree-node .tm-ttl .lstng-row { cursor: default !important; }
.admin-tm-pstn-mn-bx.tm-pstn-mn-bx .tp-th-admin.team-list-container .tm-ttl-nm { padding-left: 11px; }
.admin-tm-pstn-mn-bx.tm-pstn-mn-bx .team-list-container .tm-ttl-dsc { width: 33%; }
ul.remove-toggle-in-cl.remove-toggle-in-cls li.quick-add-box-section ul.dropdown-menu { display: none; }

.admin-tm-pstn .team-position-tree .team-list-container .team-desc:last-child { flex: 2; width: 60%; }
.admin-tm-pstn .team-position-tree .team-list-container { padding-right: 8%; padding-left: 15px; }
.admin-tm-pstn .team-list-container .tm-ttl-nm { padding-left: 60px; width: 36%; }
.admin-tm-pstn .action-icons-group.sa-actn-icn-grp { right: 18px }
.admin-tm-pstn .team-list-container .tm-ttl-dsc { width: 57%; }

/* Assign Question to Team Position */
.astm-pstn-tw-part .email-right-contact-view { position: relative; top: 40px !important; width: 240px; left: 0px; }
.astm-pstn-tw-part .email-right-inbox.team-position-box { margin: 0; -webkit-width: calc(100% - 240px); -moz-width: calc(100% - 240px); width: calc(100% - 240px); padding-left: 20px; }
.astm-pstn-tw-part .team-position-tree .team-list-container { padding-left: 0; width: 100%; }
.astm-pstn-tw-part .email-right-contact-view .email-fc-main-tabs { margin: 0; }
.astm-pstn-tw-part .email-right-contact-view .con-per-dtls-box { margin-top: 0; -webkit-min-height: calc(100vh - 267px) !important; -moz-min-height: calc(100vh - 267px) !important; min-height: calc(100vh - 267px) !important; max-height: calc(100vh - 267px); overflow-x: hidden !important; }
.acvt-stngs .astm-pstn-tw-part .team-position-tab.sa-tm-questn { top: 0 !important; left: 0; }
.astm-pstn-tw-part .team-position-tree a.lstng-row { background: none; }
.acvt-stngs  .astm-pstn-tw-part.content .record-selected { margin: 0 !important; }
.astm-pstn-tw-part .team-list-container .team-desc { padding-right: 0; }
.team-position-box ul.pending-msg-box li { box-shadow: none !important; border: none; }

/*ASSIGN QUESTION IN TEAM POSITION*/
.sa-tm-questn .con-per-dtls-box { -webkit-height: calc(100vh - 140px); -moz-height: calc(100vh - 140px); -ms-height: calc(100vh - 140px); height: calc(100vh - 140px); }
.astm-outer-box { border: 1px solid #e8e7e7; padding: 5px 10px; width: 100%; display: flex; background: #eee; border-radius: 3px; margin-bottom: 8px; }
.astm-outer-ttl { font-size: 13px; font-weight: 600; float: left; line-height: 35px; margin-right: 10px; }
.astm-outer-box .multiselect-parent { width: 400px !important; }
.astm-outer-box .gray-btn { margin: 0 !important; line-height: 35px !important; margin-left: 10px !important; }
.astm-pstn-tw-part a.btn.add-contact.btn-lg.green-btn { right: 11px; }

/* Assign Question to Team Position:super admin; */
.email-right-contact-view.team-position-tab.sa-tm-questn { top: 127px !important; left: 77px; }
.sa-tm-questn .email-fc-main-tabs { margin-top: 0; }
.email-right-inbox.team-position-box.sa-tm-in-pstn { float: right; }
.sa-tm-questn.email-right-contact-view .con-per-dtls-box { margin-top: 0; }
.team-position-box .email-right-inbox { width: 100%; background: #fff; border: 1px solid #e2e6ea; }


/*----email : shorting : start------*/
.shorting-filterbox { float: left; -webkit-width: calc(100% - 513px); -moz-width: calc(100% - 513px); width: calc(100% - 513px); background: #fff; position: fixed; z-index: 3; padding: 0; top: 107px; left: 60px; border-bottom: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; box-shadow: -1px 0 3px rgba(0, 0, 0, 0.5); }
.select-all-check, .select-rmv-box { display: inline-block; line-height: 20px; float: left; margin-top: 4px; }
.email-right-inbox .record-selected.padding-left-none { margin: 0; line-height: 9px; height: 30px; width: 100%; text-align: right; }
.email-right-inbox.full-email-campaign .record-selected.padding-left-none { height: auto; margin-top: 20px !important; margin-bottom: 0px !important; width: auto; }
.email-right-inbox.full-width .record-selected.padding-left-none { padding-left: 21px; margin-bottom: 5px; }
.filtr-box { float: right; margin-bottom: 0; }
.filtr-box .dropdown { float: left; }
.filtr-box li { float: left; height: 100%; border-left: 1px solid #eee; padding: 5px 5px 5px 5px; }
.filtr-box li a { float: left; }
.filtr-box li a i { background: url(../images/email-action-icons.png) no-repeat; width: 20px; height: 20px; float: left; }
.filtr-box li a i.mark-read-icon { background-position: 0 3px; }
.filtr-box li a i.mark-unread-icon { background-position: 0 -18px; }
.filtr-box li a i.delete-icon { background-position: 0 -43px; }
.filtr-box li a i.untrash-icon { background-position: 0 -119px; }
.filtr-box li a i.dlt-add-black-list-icon { background-position: 0 -145px; }
.filtr-box li a i.snooze-icon { background-position: 0 -168px; }
.filtr-box li a i.pin-email-icon { background-position: 0 -195px; }
.filtr-box li a i.unpin-email-icon { background-position: 0 -220px; }

ul.filtr-box.app-reject-box li a i { background: transparent url(../images/action-icons.png) repeat scroll 0 0; float: left; height: 12px; width: 13px; }
ul.filtr-box.app-reject-box li a i.approve-icon { background-position: 0 15px; }
ul.filtr-box.app-reject-box li a i.reject-icon { background-position: 0 30px; }

/*---email : top folder-droupdown---*/
i.folder-icon { -webkit-mask-image: url(../../assets/images/svg/folder.svg); mask-image: url(../../assets/images/svg/folder.svg); background: #7f7f7f; width: 18px; height: 16px; float: left; }
.filtr-box .dropdown a.dropdown-toggle { float: left; padding: 6px; width: 40px; height: 31px; }
.filtr-box .dropdown a.dropdown-toggle span.caret { position: absolute; top: 13px; right: 4px; border-top: 4px solid #7f7f7f !important; }
.filtr-box .dropdown ul.dropdown-menu { padding: 0; border-radius: 0; margin-top: 0px; border-color: #ccc; border-top: none; overflow: auto; max-width: 200px; max-height: 300px; right: 0; left: auto; }
.filtr-box .dropdown ul.dropdown-menu > li { width: 100%; margin: 0 !important; padding: 0; position: relative; }
.filtr-box .dropdown ul.dropdown-menu > li > a { padding: 3px 10px; width: 100%; margin: 0; color: #949292; font-weight: normal;  white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }


.filtr-box .dropdown ul.dropdown-menu li a:hover { background: #eaeaea; }
.filtr-box .dropdown ul.dropdown-menu > li.create-new a { color: #151515; border-top: 1px solid #eee; }

/*----email : shorting : close------*/
.modal-dialog.email-popupbox { margin-top: 30px !important; }
.modal-dialog.email-popupbox .modal-body .modal-footer .btn { margin-bottom: 15px; }
.email-fix-head-top-mrg { margin-top: 60px; }
ul.external-attachments-box li { padding: 4px 10px; font-size: 12px; color: #a2a2a2; line-height: 20px; font-weight: 400; }
.attch-file-box.file-field.input-field input { position: absolute; left: 0; height: 100%; border: none; opacity: 0; cursor: pointer; margin: 0; top: 0; }
.attch-file-box.file-field .btn { margin-bottom: 10px; padding: 2px 10px; height: 35px; line-height: 31px; float: left; }
.per-details-icon-group { display: inline-block; vertical-align: middle; }
.per-details-icon-group span { display: inline-block; float: left; border: 1px solid #c3c3c3; padding: 6px; width: 32px !important; margin: 0 0 0 -1px !important; height: 29px; text-align: center; position: relative; cursor: pointer !important; }
.per-details-icon-group span.no-active { cursor: initial !important; }
.per-details-icon-group span i.active { color: green; }
.per-details-icon-group span i { color: #c1c1c1; font-size: 14px !important; margin: 0 !important; vertical-align: middle; display: inline-block; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); }
.per-details-icon-group span:first-child { border-radius: 3px 0 0 3px; }
.per-details-icon-group span:nth-child(2) { border-radius: 0 3px 3px 0; }
.per-details-icon-group span i.fa-phone { font-size: 14px !important; text-align: center; }
.modal-dialog.add-contact-popup.add-family-popup .modal-body .input-field.s6 { margin-right: 2%; }
.modal-dialog.add-contact-popup.add-family-popup .modal-body .input-field.s6:nth-child(2n) { margin-right: 0; }
.add-family-popup .input-field.col.s6.dmy-format.dmy-format.add-family-date .date-group { margin: 0; padding: 0; }
.per-details-icon-group .popover-inner { max-height: 110px; overflow: auto; }
.input-field .ui-timepicker-input { font-size: 13px; font-weight: 500; }

/*---------EMAIL MODULE : SELECT CONTACT POPUP-----------*/
.select-contact-popup span.email.prevent-tr-click-cls { width: 100%; float: left; margin-bottom: 3px; }
.personal-details-set span.no.prevent-tr-click-cls {
    margin-left: 5px;
}
.select-contact-popup .record-selected.padding-left-none { width: inherit !important; margin-bottom: -18px !important; margin-top: 9px !important; }
.select-contact-popup span.email.prevent-tr-click-cls > label { top: 1px !important; margin-right: 5px !important; }
.select-contact-popup label.active { color: #9e9e9e; position: absolute; top: -6px; font-size: 12px; cursor: text; transition: .2s ease-out; left: 15px; font-weight: 600; }
.select-contact-popup .input-field { margin-bottom: 15px; }
.input-field.dt-frmt-font-set input { font-size: 13px; color: #000; }
.select-contact-popup .license .input-button button.btn { margin-top: 6px; }
.select-contact-popup .main-table table > thead > tr > th:nth-child(2), .select-contact-popup .main-table table > tbody > tr > td:nth-child(2) { max-width: 55px !important; min-width: 55px !important; width: 55px !important; }
.select-contact-popup .main-table table > thead > tr > th:nth-child(3), .select-contact-popup .main-table table > tbody > tr > td:nth-child(3) { max-width: 140px !important; min-width: 140px !important; width: 140px !important; }
.select-contact-popup .main-table table > thead > tr > th:nth-child(4), .select-contact-popup .main-table table > tbody > tr > td:nth-child(4) { max-width: 336px !important; min-width: 336px !important; width: 336px !important; }
.select-contact-popup .main-table table  thead tr th:last-child, .select-contact-popup .main-table table  tbody tr td:last-child { max-width: 100px !important; min-width: 100px !important; width: 100px !important; }
.select-contact-popup  .td-break-width .family { margin-bottom: 5px; }
.select-contact-popup .main-table table > tbody > tr > td.personal-details-set label, .select-contact-popup .main-table table > tbody > tr > td.personal-details-set i { float: left; }
.select-contact-popup .main-table table > tbody > tr > td.personal-details-set i { margin: 5px 5px 0 0; }
.select-contact-popup .main-table table > tbody > tr > td.personal-details-set span a { float: left; text-align: left; padding-left: 0; -webkit-width: calc(100% - 44px); -moz-width: calc(100% - 44px); -o-width: calc(100% - 44px); width: calc(100% - 44px); }
.select-contact-popup .main-table.license-table { border-bottom: 1px solid #dedede; margin-bottom: 15px; }
.select-contact-popup tbody tr .main-photo { height: 48px; width: 48px; position: relative; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; margin-bottom: 5px; float: left; margin-right: 10px; }
.select-contact-popup tbody tr .main-photo span { font-size: 20px; font-weight: 500; text-transform: uppercase; top: 50%; right: auto; bottom: auto; left: 50%; position: absolute; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); color: #ffffff; }
.select-contact-popup tbody tr .main-photo span img { width: 43px; height: 43px; max-width: 43px; max-height: 43px; }
.select-contact-popup tbody tr .main-photo span .sp-popup-usrorg {
    white-space: nowrap;   
}



/*---select-contact-popup----*/
.select-contact-popup .tags-link-box .tag { border: none; padding: 4px; box-shadow: none; margin-top: 6px; border-bottom: 1px solid #d9d9d9; }
.select-contact-popup .tags-link-box tags-input .tags .input { margin: 0; }
.select-contact-popup form .input-button.text-right { text-align: left; margin-top: -22px; }
.select-contact-popup form .input-button.text-right button.btn { margin-top: 0; }
.select-contact-popup .add-contact-team-position .tags-link-box .tag { margin-top: 12px; }

/*---general css---*/

.popover { z-index: 3; }
.browser-default-set { width: 100%; float: left; position: relative; }
.slct-asct-bx { margin: 0 !important; float: right !important; }
.cmnctn-pln-tab .ttl-bx h5.cm-plan-h5 { margin: 18px 0 -10px 0 !important; }
.slct-asct-bx select { margin: 10px 0 0 0 !important; }
/* MAP EXCEL/CSV FILE WITH CRM : custom selectbox */

.import_mapping_crm .browser-default-set .browser-default { border: 1px solid #c5c5c5; margin-top: 0px; height: 34px; padding: 0 8px; margin-bottom: 0; }
.import_mapping_crm .browser-default-set:before { right: 9px; top: 11px; }
.import_mapping_crm form span.emessage { top: 35px; margin-top: 0; left: 0; }
span.emessage.rel-err-msg { position: relative; top: 0 !important; height: auto; }
.btns-grp-box { margin: 5px 0 5px 0; width: 100%; float: left; }
.select-withoit-icon h5 { float: left; width: initial; font-size: 14px; margin: 15px 5px; }
.browser-default-set .browser-default { margin: 15px 0px; padding-left: 0; padding-right: 10px; background: transparent; border-top: none; border-right: none; border-left: none; border-image: initial; border-bottom: 1px solid rgb(217, 217, 217); position: relative; font-weight: 400; font-size: 13px; }
.license.prmry-slct .browser-default-set .browser-default { margin: 4px 0 0px 0 !important; padding: 0 7px !important; border: 1px solid #e2e6ea; }
.eml-row-sync .prmry-slct .browser-default-set:before { right: 7px; }

.license.prmry-slct .browser-default-set:before { top: 13px; }
.sync-calender-droupdown .browser-default-set .browser-default { margin: 3px 0px; height: 40px; padding-right: 18px; }
select.browser-default:focus { outline: none; }
/* .browser-default-set:before { content: ""; background: url(../../assets/images/icon-select.png) no-repeat right top; position: absolute; right: 0; width: 10px; height: 10px; float: right; background-position: 0px 4px; z-index: 0; top: 22px; } */
.browser-default-set:before { content: ""; background: url(../../assets/images/icon-select.png) no-repeat right top; pointer-events: none; position: absolute; right: 0; width: 10px; height: 10px; float: right; background-position: 0 4px; z-index: 0; top: 22px; }
.user-profile-con .browser-default-set span.emessage { margin-top: -16px !important; top: initial !important; }
.browse-inline-box .browse-photo figure { float: left; width: 40px; height: 40px; }
.browse-inline-box .browse-photo .file-field.input-field { width: initial; margin: 8px 0 0 10px; height: 23px; float: left }
.browse-inline-box .browse-photo figure > img { padding: 5px; }
.browse-inline-box label { top: 1px !important; }
.check-select-filter-options { float: left; width: 100%; margin-top: 15px; }

.check-select-filter-options.pr-acvt-pg-slct { margin-bottom: -10px; position: relative; top: 5px; margin-top: 0; }
.check-select-filter-options .table-filter-icon { bottom: 0; width: 140px; }
.check-select-filter-options .table-filter-icon > ul { top: 0; }
.edit-delete-table div a { color: #555; float: left; margin: 0 3px 0 0; padding: 3px; border-radius: 50%; width: 19px; height: 18px; }
.edit-delete-table div a i { float: left; }
.edit-delete-table div a i.fa-ban { margin-left: 1px; }
.edit-delete-table div a:hover { background: #ffffff none repeat scroll 0 0; box-shadow: 0 0 2px rgba(0, 0, 0, 0.4); }
.main-table tbody tr td:last-child .edit-delete-table { display: inline-block; }
.main-table tbody tr td:last-child .edit-delete-table > div { float: left; }
.small-btn { padding: 0 7px !important; line-height: 27px !important; height: auto !important; font-size: 12px !important; }

.back-abs-btn {position: absolute; top: 10px; }
i.plus-white-icon { width: 9px; height: 9px; background: url(../images/plus-white-icon.png) no-repeat scroll 0 0; display: inline-block; margin-right: 3px; }
i.minus-white-icon { width: 9px; height: 9px; background: url(../images/minus-white-icon.png) no-repeat scroll 0 0; display: inline-block; margin-right: 3px; }
.small-btn.add-child-btn {
    float: left;
    margin-top: 10px;
    padding: 2px 10px !important;
}
/*-----master admin----*/
.user-profile-con .login-reg-form .input-field .select-wrapper .dropdown-content.select-dropdown { max-height: 210px !important; bottom: 100% !important; top: inherit !important; }
.login-form-con .login-reg-form .input-field > i.on-id { background-position: -163px 0px; }
.login-form-con .login-reg-form .input-field > i.slug-id { background-position: -190px 0; }
.input-field.col.s6.select-withoit-icon label.active { padding: 0 !important; left: 5px; }
.listing-email-tooltip { font-size: 12px; word-wrap: break-word; margin-bottom: 8px; border-bottom: 1px solid #eee; padding-bottom: 5px; }
.listing-email-tooltip:last-child { padding: 0; border: none; margin: 0; }
.popover .listing-email-tooltip > b { font-size: 10px; line-height: 10px; display: block; font-weight: 400; background: none; }
.listing-email-tooltip.unsub { cursor: not-allowed; color: #a5a5a5; }
.action-icons-group { display: inline-block; }
.action-icons-group > a, .action-icons-group > div a { margin: 0 2px; padding: 3px; float: left; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; border: 1px solid transparent; }
.action-icons-group > a:hover, .action-icons-group > div a:hover { background: #fff; border-color: #999; }
.action-icons-group > div { float: left; }
.action-icons-group .update-box input[type="button"] { margin: 0 0 3px 0; }
.update-box.pr-actp-actn-txt { margin-right: 30px; }
.action-icons-group > a > i, .action-icons-group > div a > i { background: transparent url(../images/action-icons.png) repeat scroll 0 0; float: left; height: 12px; width: 13px; }
.action-icons-group > a > i.close-icon, .action-icons-group > div a > i.close-icon { background-position: 0 -15px; }
.action-icons-group > a > i.unpublish-icon, .action-icons-group > div a > i.unpublish-icon { background-position: 0 -31px; }
.action-icons-group > a > i.publish-icon, .action-icons-group > div a > i.publish-icon { background-position: 0 -45px; }

.action-icons-group > a > i.accept-icon, 
.action-icons-group > div a > i.accept-icon { background-position: 0 -126px; }

.action-icons-group > a > i.excluded-icon, 
.action-icons-group > div a > i.excluded-icon { background-position: 0 -142px; }

.action-icons-group > a > i.copy-icon { background-position: 0px 29px; }
.action-icons-group > a > i.copy-icons { background-position: 0px -62px; }
i.delete-icon.dlt-icn-set { background-position: 0 -16px !important; }
.action-icons-group > a > i.view-icon { background-position: 0 -77px; }
.eml-cmp-rec-ttl .filtr-box li { border: 1px solid transparent; border-radius: 50%; }

.task-plan-info .action-icons-group > a > i.user-icon {
    background-position: -1px -109px;
}
.task-addnote-icon {
    background-position: 0px -91px !important;
    width: 15px !important;
    height: 15px !important;
}

/*---------Super Admin: Organization-----------*/
.superadmin-form { float: left; width: 100%; }
.radio-group.primary-default label { padding-left: 27px; }
.organization-form .input-field.s6 { margin-right: 2%; }
.organization-form .input-field.s6.browse-inline-box { margin: 10px 0 !important; }
.organization-form .input-field.s6:nth-child(2n) { margin-right: 0; }
.form-group.link-account-box { float: left; width: 100%; margin-bottom: 0; }
.organization-form .link-account-box .input-field.s6 { margin-right: 0; }
.organization-form .link-account-box .input-field.s6:nth-child(2n) { margin-right: 2%; }
.organization-form .input-field.s6 span.emessage { left: 0; top: 61px; }

.responsive-table.scroll-table thead tr th:last-child, .responsive-table.scroll-table tbody tr td:last-child, .table-head-set tr th:last-child {
    padding-left: 10px;
}


/*---organization table---*/
.left-content.listing-table-responsive.organization-listing .listing-table tbody td:nth-child(3), 
.left-content.listing-table-responsive.organization-listing .listing-table thead.table-head-set tr th:nth-child(3) { 
	word-wrap: break-word; 
	text-align: left;
	max-width: 110px !important;
    min-width: 110px;
    width: 110px !important; }
.left-content.listing-table-responsive.organization-listing .listing-table tbody td:nth-child(4), 
.left-content.listing-table-responsive.organization-listing .listing-table thead.table-head-set tr th:nth-child(4) { 
	word-wrap: break-word; 
	text-align: left;
	max-width: 60px !important;
    min-width: 60px;
    width: 60px !important;
}
.left-content.listing-table-responsive.organization-listing .listing-table tbody td:nth-child(5), 
.left-content.listing-table-responsive.organization-listing .listing-table thead.table-head-set tr th:nth-child(5) { 
	max-width: 70px !important; min-width: 70px !important; width: 70px !important; word-wrap: break-word; 
}

.left-content.listing-table-responsive.organization-listing .listing-table tbody td:nth-child(6), 
.left-content.listing-table-responsive.organization-listing .listing-table thead.table-head-set tr th:nth-child(6) { 
	word-wrap: break-word; text-align: center; max-width: 40px !important; min-width: 40px !important; width: 40px !important; word-wrap: break-word; 
}

.left-content.listing-table-responsive.organization-listing .listing-table tbody td:nth-child(7), 
.left-content.listing-table-responsive.organization-listing .listing-table thead.table-head-set tr th:nth-child(7) { 
	max-width: 110px !important; min-width: 110px !important; width: 110px !important; word-wrap: break-word; padding-right: 10px; 
}

.left-content.listing-table-responsive.organization-listing .listing-table tbody td:nth-child(8), 
.left-content.listing-table-responsive.organization-listing .listing-table thead.table-head-set tr th:nth-child(8) {   
	word-wrap: break-word;
    max-width: 77px !important;
    min-width: 77px;
    width: 77px !important;
}

.left-content.listing-table-responsive.organization-listing .listing-table tbody td:nth-child(9), 
.left-content.listing-table-responsive.organization-listing .listing-table thead.table-head-set tr th:nth-child(9) 

{   word-wrap: break-word;
    max-width: 57px !important;
    min-width: 57px;
    width: 57px !important;
}

.left-content.listing-table-responsive.organization-listing .listing-table tbody tr td:last-child, 
.left-content.listing-table-responsive.organization-listing .listing-table thead.table-head-set tr th:last-child { 
	text-align: left; 
	padding-right: 8px; 
	min-width: 110px !important;
    width: 110px !important; 
}

.left-content.listing-table-responsive .listing-table tbody td:nth-child(3), 
.left-content.listing-table-responsive .responsive-table.scroll-table thead tr th:nth-child(3), 
.left-content.listing-table-responsive .as-sortable-drag tr th:nth-child(3), 
.left-content.listing-table-responsive .table-head-set tr th:nth-child(3),
.left-content.listing-table-responsive .table-head-set tr td:nth-child(3), 
.left-content.listing-table-responsive .responsive-table.scroll-table tbody tr td:nth-child(3) {
    max-width: 110px !important;
    min-width: 110px;
    width: 110px !important;
    word-wrap: break-word;
}


.listing-table-responsive .listing-table tbody td:nth-child(6), 
.responsive-table.scroll-table thead tr th:nth-child(6), 
.as-sortable-drag tr th:nth-child(6), 
.table-head-set tr th:nth-child(6) {
    max-width: 40px !important;
    min-width: 40px;
    width: 40px !important;
    word-wrap: break-word;
}


.organization-listing .listing-table thead.table-head-set tr th:last-child span.pull-left {   /*  padding-left: 20px; */ }
.listing-table-responsive.organization-listing .listing-table tbody tr td:last-child { text-align: left; padding-left: 10px; }
.organization-listing .mCSB_scrollTools.mCSB_scrollTools_horizontal { display: none !important; }
.ang-sub-ui-tree ul { padding-left: 20px; }
.asign-tm-pstn .team-position-tree .team-list-container { width: 100%; padding-left: 0; }
/*-------Super Admin: HIP MANAGEMENT ----------*/
.hip-management-section.main-table.license-table table thead th:nth-child(2), .hip-management-section.main-table.license-table table tbody td:nth-child(2) { width: 150px; min-width: 150px; max-width: 150px; }
.hip-management-section.main-table.license-table table thead th:nth-child(3), .hip-management-section.main-table.license-table table tbody td:nth-child(3) { width: 120px; min-width: 120px; max-width: 120px; text-align: center; }
.hip-management-section.main-table.license-table table thead th:nth-child(4), .hip-management-section.main-table.license-table table tbody td:nth-child(4) { width: 160px; min-width: 160px; max-width: 160px; }
.hip-management-section.main-table.license-table table thead th:nth-child(5), .hip-management-section.main-table.license-table table tbody td:nth-child(5) { width: 240px; min-width: 240px; max-width: 240px; }
.hip-management-section.main-table.license-table table thead th:nth-child(6), .hip-management-section.main-table.license-table table tbody td:nth-child(6) { width: 165px; min-width: 165px; max-width: 165px; text-align: center; }
.hip-management-section.main-table.license-table table thead th:nth-child(7), .hip-management-section.main-table.license-table table tbody td:nth-child(7) { width: 165px; min-width: 165px; max-width: 165px; text-align: center; }
.hip-management-section.main-table.license-table table thead th:last-child, .hip-management-section.main-table.license-table table tbody td:last-child { width: 95px; min-width: 95px; max-width: 95px; }
.main-img-group-box { display: inline-block; width: initial; }
.td-activity-img { max-width: 50px; min-height: 50px; display: inline-block; }
.td-activity-img img { max-width: 50px; min-height: 50px; }
td .img-group-box { float: left; margin: 2px 2px; max-width: 30px; max-height: 30px; }
td .img-group-box img { max-width: 30px; max-height: 30px; }
.modal-dialog.category-list-popup-box .modal-body, .modal-dialog.category-list-popup-box .modal-content, .modal-dialog.category-list-popup-box .modal-footer, .modal-dialog.category-list-popup-box .modal-body ul, .modal-dialog.category-list-popup-box .modal-body ul li { float: left; width: 100%; }
.modal-dialog.category-list-popup-box .modal-body ul li .input-field { text-align: left; }
.modal-dialog.category-list-popup-box .modal-footer { margin: 0 0 20px 0; border-top: 1px solid #eee; }
.modal-dialog.category-list-popup-box .category-label { display: inline-block; padding-left: 20px; cursor: pointer; font-weight: 600; }
.modal-dialog.category-list-popup-box .modal-body ul li ul { border: 1px solid #eee; padding: 0 10px 13px 0; margin-top: 10px; background: #f5f5f5; border-radius: 3px; position: relative; }
.modal-dialog.category-list-popup-box .modal-body ul li ul li { float: left; width: auto; margin: 0 10px; }
.modal-dialog.category-list-popup-box .modal-body ul li ul li label { font-weight: 500; padding-left: 24px; line-height: 21px; }
.modal-dialog.category-list-popup-box .modal-body ul li ul:before { content: ""; width: 15px; height: 15px; background: #f5f5f5; position: absolute; top: -6px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -webkit-box-shadow: -1px -1px 1px #e4e4e4; -moz-box-shadow: -1px -1px 1px #e4e4e4; -o-box-shadow: -1px -1px 1px #e4e4e4; box-shadow: -1px -1px 1px #e4e4e4; left: 50px; }
.modal-dialog.category-list-popup-box .category-label span.droupdown-arrow { display: inline-block; width: 15px; height: 9px; background: url(../../assets/images/icon-select-gray-up-down.png) left top no-repeat; background-position: 2px; }
.modal-dialog.category-list-popup-box .category-label span.droupdown-arrow.cat-show { background-position: -13px 1px; }
.input-field.col.s6.cat-subcat-box label { position: relative; margin-bottom: 10px; width: 100%; }
.input-field.col.s6.cat-subcat-box ul { width: 50%; float: left; }
.input-field.col.s6.cat-subcat-box ul h5 { font-size: 13px; font-weight: 600; border-bottom: 1px solid #eee; padding-bottom: 5px; }
.input-field.col.s6.cat-subcat-box ul li { font-size: 12px; margin-bottom: 5px; font-weight: 400; }
.input-field.col.s6.cat-subcat-box ul li .title { display: inline-block; }
.input-field.col.s6.cat-subcat-box ul li a { border: 1px solid #b7b7b7; padding: 2px; border-radius: 50%; font-size: 8px; width: 15px; display: inline-block; height: 15px; line-height: 7px; text-align: center; position: relative; top: -1px; font-weight: 700; color: #999; text-decoration: none; background: #f5f4f4; }

/*-------Super Admin: SOCIAL MEDIA MANAGEMENT----------*/
.social-media-management-table.main-table thead tr th:first-child, .social-media-management-table.main-table tbody tr td:first-child { width: 60px !important; min-width: 60px !important; max-width: 60px !important; }
.social-media-management-table.main-table thead tr th:nth-child(2), .social-media-management-table.main-table tbody tr td:nth-child(2) { width: 300px; min-width: 300px; max-width: 300px; }
.social-media-management-table.main-table thead tr th:nth-child(3), .social-media-management-table.main-table tbody tr td:nth-child(3) { width: 300px; min-width: 300px; max-width: 300px; }
.social-media-management-table.main-table thead tr th:last-child, .social-media-management-table.main-table tbody tr td:last-child { width: 70px; min-width: 70px; max-width: 70px; }
.social-media-management-table.main-table table tbody td figure { width: 50px; height: auto; max-width: 50px; max-height: 100%; }
.social-media-management-table.main-table table tbody td figure img { max-width: 100%; max-height: 100%; }
.social-media-management-table.prps-tp-tbl.main-table thead tr th:last-child, .social-media-management-table.prps-tp-tbl.main-table tbody tr td:last-child { width: 85px; min-width: 85px; max-width: 85px; }

/*-------Super Admin: ACTIVITY TYPE----------*/
.admin-acvt-type-table.social-media-management-table.main-table thead tr th:first-child, .admin-acvt-type-table.social-media-management-table.main-table tbody tr td:first-child { width: 90px !important; min-width: 90px !important; max-width: 90px !important; }
.admin-acvt-type-table.social-media-management-table.main-table thead tr th:nth-child(2), .admin-acvt-type-table.social-media-management-table.main-table tbody tr td:nth-child(2) { width: 46% !important; min-width: 46% !important; max-width: 46% !important; }
.admin-acvt-type-table.social-media-management-table.main-table thead tr th:nth-child(3), .admin-acvt-type-table.social-media-management-table.main-table tbody tr td:nth-child(3) { width: 46% !important; min-width: 46% !important; max-width: 46% !important; }
.admin-acvt-type-table.social-media-management-table.main-table thead tr th:last-child, .admin-acvt-type-table.social-media-management-table.main-table tbody tr td:last-child { width: 100px !important; min-width: 100px !important; max-width: 100px !important; }
/*------Super Admin: add-social-media-form------*/
.browse-inline-box { margin: 30px 0 !important; float: left; }
.login-form-con form.add-social-media-form span.emessage { margin-top: 41px; }
.table-filter-icon > ul > li > a > i.publish-icon { background-position: -238px 0; }
.table-filter-icon > ul > li > a > i.unpublish-icon { background-position: -265px 0; }
.table-filter-icon > ul > li > a > i.remove-icon { background-position: -395px 0; }
.table-filter-icon > ul > li > a > i.asgn-pptp-icon { background-position: -454px 0; }

/*------Super Admin: User Management Table------*/
.user-management-table.main-table thead tr th:first-child, .user-management-table.main-table tbody tr td:first-child { width: 30px !important; min-width: 30px !important; max-width: 30px !important; }
.user-management-table.main-table thead tr th:nth-child(2), .user-management-table.main-table tbody tr td:nth-child(2) { width: 170px; min-width: 170px; max-width: 170px; }
.user-management-table.main-table thead tr th:nth-child(3), .user-management-table.main-table tbody tr td:nth-child(3) { width: 150px; min-width: 150px; max-width: 150px; }
.user-management-table.main-table thead tr th:nth-child(4), .user-management-table.main-table tbody tr td:nth-child(4) { width: 250px; min-width: 250px; max-width: 250px; }
.user-management-table.main-table thead tr th:nth-child(5), .user-management-table.main-table tbody tr td:nth-child(5) { width: 100px; min-width: 100px; max-width: 100px; }
.user-management-table.main-table thead tr th:last-child, .user-management-table.main-table tbody tr td:last-child { width: 115px; min-width: 115px; max-width: 115px; text-align: center; }
.user-management-table.main-table tbody tr td:last-child .edit-delete-table { display: inline-block; }
.user-management-table.main-table tbody tr td:last-child .day-left-box, .user-management-table.main-table tbody tr td:last-child input.btn-primary.renew-btn { width: inherit; margin: 3px 0 0 0; max-width: 110px; white-space: initial; float: none; display: inline-block; }

/*------Super Admin: activity-form------*/
.social-activity-form.main-default-form .input-field.s6 { margin-right: 2%; }
.social-activity-form.main-default-form .input-field.s6 .small-btn { margin-bottom: 15px; }
.social-activity-form.main-default-form .input-field.s6:nth-child(2n) { margin-right: 0; }
.social-activity-form.main-default-form .input-field.col.s6.browse-inline-box { margin: 24px 2% 0 0 !important; }
.social-activity-form.main-default-form .input-field.col.s6 span.emessage { left: 0; top: 60px; }

/*--tag suggestion box--*/
.tag-aut-sgstn-box .input-field.s6 tags-input .autocomplete { left: 0; top: 100%; margin-top: 2px; padding: 0; }
.tag-aut-sgstn-box .input-field.s6 .tags-link-box tags-input .host { width: 100% }
.tag-aut-sgstn-box .input-field.s6 .tags-link-box tags-input .host .tags { width: 100%; }
.tag-aut-sgstn-box .input-field.s6 .tags-link-box tags-input .host .tags ul.tag-list { width: 100%; }
.tag-aut-sgstn-box .tags-link-box .tag ul.tag-list li { margin: 0 7px 2px 0 !important; }
.tag-aut-sgstn-box .tags-link-box .tag ul.suggestion-list { width: 100%; max-height: 250px; overflow: auto; }
.tag-aut-sgstn-box .tags-link-box .tag ul.suggestion-list li { margin: 0; font-size: 14px; width: 100%; }
.tag-aut-sgstn-box .tags-link-box tags-input .tags .input { margin: 0 5px 0 0; }
.tag-aut-sgstn-box .tags-link-box .tag ul.suggestion-list li.suggestion-item { color: #000; padding: 5px; }
.tag-aut-sgstn-box .tags-link-box .tag ul.suggestion-list li.selected.suggestion-item { color: #0e76bc; background: #eee; }
.tag-aut-sgstn-box .tags-link-box .tag ul.suggestion-list li.selected.suggestion-item span em { background: none !important; color: #0e76bc !important; font-size:14px; }
.add-contact-popup .modal-content form .input-field.s6 .tags-link-box tags-input .tags .input { width: 90px; }

#edit-contact .add-contact-popup .modal-content form .input-field.s6 .tags-link-box tags-input .tags .input { max-width: 100% !important; width: 100% !important; }
.tags-link-box.tag-wt-80 tags-input .tags .input { width: 80px; }
.slct-org-emp .slct-chk-box { width: 24px; height: 24px; }
tags-input .autocomplete { top: 100%; left: 0; min-width: 200px; padding: 0 !important; }
.tags-link-box .tag ul li.suggestion-item { width: 100%; margin: 0; }
tags-input .autocomplete .suggestion-list { width: 100%; }
/*------Super Admin: Category Management------*/
.social-media-management-table.main-table tbody tr td:last-child .edit-delete-table i { color: #555; }
.superadmin-form span.emessage { margin-top: 41px; left: 0; top: 0 !important; }
.subcategory-management-table.main-table thead tr th:first-child, .subcategory-management-table.main-table tbody tr td:first-child { width: 40px !important; min-width: 40px !important; max-width: 40px !important; }
.subcategory-management-table.main-table thead tr th:nth-child(2), .subcategory-management-table.main-table tbody tr td:nth-child(2) { width: 280px; min-width: 280px; max-width: 280px; }
.subcategory-management-table.main-table thead tr th:nth-child(3), .subcategory-management-table.main-table tbody tr td:nth-child(3) { width: 280px; min-width: 280px; max-width: 280px; }
.subcategory-management-table.main-table thead tr th:nth-child(4), .subcategory-management-table.main-table tbody tr td:nth-child(4) { width: 200px; min-width: 200px; max-width: 200px; }
.subcategory-management-table.main-table thead tr th:last-child, .subcategory-management-table.main-table tbody tr td:last-child { width: 80px; min-width: 80px; max-width: 80px; }
.subcategory-management-table.main-table tbody tr td:last-child i { color: #555; }

/*----super admin nav-----*/

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { display: none; }
.fixed-action-btn.horizontal { display: none; }
.select-status-field { margin: -14px 0 0 0; }
.select-status-field .color-picker { position: absolute; top: 4px; left: 0; }

/*----Email Library----*/
.email-library-table table { table-layout: fixed; }
th.eml-lib-cat-act { width: 120px !important; min-width: 120px !important; max-width: 120px !important; }
th.eml-lib-cat-upd { width: 150px; }
th.eml-lib-cat-tem { width: 150px !important; }
td.update-date-box .btn { margin-bottom: 3px; }

/*---------------------FORM DESIGN MAIN COMEN FORM-----------------------------*/
.card.card-con-box { float: left; width: 100%; padding: 30px; }
.form-design { float: left; width: 100%; }
.form-design h4 { margin: 40px 0 10px 0; font-weight: 600; }
.form-design .input-field { height: 40px; margin-bottom: 20px; }
.form-design .input-field span.date-icon { position: absolute; top: 8px; right: 0; }
.form-design .input-field label { font-size: 13px; font-weight: 600; left: 0; }
.form-design .input-field label.active { font-size: 11px; top: 14px !important; left: 0; }
.form-design .input-field input { font-size: 13px; font-weight: 500; color: #000; }
span.label-text { float: left; height: initial; margin-top: 10px; font-weight: 400; margin-right: 5px; }
.mark-ps-evnt-dn .radio-grp-link span.label-text i { float: left; font-style: normal; }
.mark-ps-evnt-dn .radio-grp-link span.label-text .tool-tip-info { float: left; margin-left: 5px; }
.form-design [type="radio"]:not(:checked), .form-design [type="radio"]:checked { width: initial; }
.inline .input-field { width: auto; margin-right: 10px; }
.form-design [type="radio"]:not(:checked) + label, .form-design [type="radio"]:checked + label { padding-left: 26px !important; }
.form-design .input-field.radio span.emessage { margin: 0; left: 0; top: 32px; }
.form-design .input-field.radio { margin: 0; margin-bottom: 20px; }
.form-design .input-field.radio.block { height: initial; }
.form-design .block .input-field.radio { margin-bottom: 0; height: initial; }
.form-design .input-field.radio.block span.emessage { top: initial; bottom: -25px; }
.select-custome-time { float: left; }
.select-custome-time .date-box { width: 110px; float: left; position: relative; margin-right: 15px; }
.select-custome-time .date-box input { float: left; width: 100%; font-size: 13px; height: 22px; margin: 0; padding: 0 }
.select-custome-time .ui-timepicker-list li { text-align: left; font-size: 12px; }
.select-custome-time  span.date-icon { position: absolute; right: 0; top: 28px; }
.select-custome-time .date-box label, .select-custome-time  .time-box label { font-size: 10px; float: left; font-weight: 600; margin: 0; }
.select-custome-time .time-box { float: left; width: 84px; position: relative; }
.select-custome-time .time-box input { font-size: 13px; padding: 0; margin: 0; height: 22px; }
.select-custome-time span.emessage { margin-top: 58px; left: 0; }
.select-custome-time .timepicker-dropdown { top: initial !important; bottom: 60px !important; max-height: 150px !important; }
.select-custome-time.eml-cstm-tm span.emessage { top: 35px; margin-top: 0; }
input#change-password { margin-bottom: 0; margin-right: 5px; }
.form-design .input-field .ui-timepicker-wrapper { width: 80px; }
.form-design .input-field input[disabled], .multiselect-parent a[disabled] { opacity: 0.4; cursor: not-allowed !important; transition: all 0.3s; pointer-events: none; }
.act-icn-grps i.disabled, .fc-today-button[disabled], .actv-select-icon.disabled, .acvt-rmv-cnl-bx i.actv-cancel-icon.disabled { opacity: 0.4; cursor: not-allowed !important; transition: all 0.3s; }
i.actv-cancel-icon.actv-delete-icon.disabled { opacity: 0.25; }
.form-design .input-field .validate.timepicker.disable label, .form-design .input-field .validate.timepicker.disable input[type="text"] { opacity: 0.4; cursor: not-allowed !important; transition: all 0.3s; pointer-events: none; }
.form-design .input-field input[disabled] + label { cursor: not-allowed !important; pointer-events: none; }
.oneline-radio span { width: 100%; margin: 0; font-size: 13px; font-weight: 600; }
.form-design .oneline-radio .radio { margin: 0 12px 0 0; }
.form-design .oneline-radio .radio [type="radio"]:not(:checked) + label, .form-design .oneline-radio .radio [type="radio"]:checked + label { padding-left: 22px !important; }
.form-design .ui-timepicker-wrapper .ui-timepicker-list li { font-size: 13px; }

/*-------email campaign---------*/
li.titlebar { background: #36404a !important; height: 57px; }
li.titlebar .email-template-listing div { color: #fff !important; }
.email-right-inbox.full-email-campaign .emial-template-con { margin-top: 15px; }
.emial-template-con li.titlebar [type="checkbox"] + label { position: relative; top: 9px; left: 8px; }
.emial-template-con li.titlebar [type="checkbox"] + label:after { border: #fff !important; }
.emial-template-con li.titlebar [type="checkbox"].filled-in:not(:checked) + label:after { background: #fff; border-color: #fff; }
.email-right-inbox.full-email-campaign > .nav-tabs > li a { font-weight: 600; }
.email-right-inbox.full-email-campaign > .nav-tabs > li.active > a { background: none; position: relative; }
.email-right-inbox.full-email-campaign > .nav-tabs > li.active > a:after { content: ""; border-bottom: none; width: 100%; height: 2px; position: absolute; left: 0; bottom: -1px; z-index: 0; background: #f3f3f3; }
.email-right-inbox.emial-template-con  ul.pending-msg-box .row-box.email-template-listing .massage-box { -webkit-width: calc(100% - 666px); -moz-width: calc(100% - 666px); -o-width: calc(100% - 666px); width: calc(100% - 666px); display: block; }
.ocr3-box { float: left; width: 240px; }
.last-pin-attach { float: right; width: 20px; position: relative; right: -9px; }
.last-pin-attach i.pin-icon { background: url(../images/email-hover-icon.png) no-repeat; width: 16px; height: 20px; background-position: 1px 1px; display: inline-flex; position: relative; top: 11px; z-index: 1; float: left; }
.email-cmpgn-section ul.pending-msg-box li .row-box:hover .mail-options-box { background: #fff; top: 0; padding: 0; height: 100%; line-height: unset; }
.email-right-inbox.full-email-campaign .nav-tabs > li a { color: #555; font-weight: 400; }
.per-w { width: 80px; float: left; text-align: center; min-height: 36px; line-height: 36px; font-size: 13px; }
.email-right-inbox.emial-template-con ul.pending-msg-box.send-msg-box .row-box.email-template-listing .massage-box { -webkit-width: calc(100% - 572px); -moz-width: calc(100% - 572px); -o-width: calc(100% - 572px); width: calc(100% - 626px); }
.email-right-inbox.emial-template-con.sidebar-w-details { width: 100%; }
.showSideView.email-right-contact-view:before { content: ""; width: 19px; height: 60px; background: #f3f3f3; position: absolute; left: -18px; }
.email-right-contact-view.campaign-section { display: none; -webkit-transition: display .5s ease; -moz-transition: display .5s ease; -o-transition: display .5s ease; }
.showSideView.email-right-contact-view.campaign-section { display: block; transition: display .5s ease; -webkit-transition: display .5s ease; -moz-transition: display .5s ease; -o-transition: display .5s ease; }
.email-con-link-group { float: left; width: 100%; margin-bottom: 10px; font-weight: 600; margin-top: 5px; }
.emlcmpn-lstath { position: absolute; top: 3px; right: 8px; }
.emial-template-con.sidebar-w-details.al-emlsnt-pln.ec-sent-eml-ath { overflow-x: auto; overflow-y: hidden; }
.emial-template-con.sidebar-w-details.al-emlsnt-pln.ec-sent-eml-ath ul.pending-msg-box { width: 1130px; }
.email-cmpgn-section.ec-sent-eml-ath ul.pending-msg-box .per-w { width: 7%; }

/*-------email campaign table---------*/
.email-cmpgn-section ul li .subject-box { min-width: 110px !important; width: 14% !important; }
.email-cmpgn-section ul li .category-box { min-width: 93px !important; width: 14% !important; }
.email-cmpgn-section ul li .massage-box { min-width: 100px !important; width: 12% !important; }
.email-cmpgn-section ul li .ocr3-box { width: auto !important; min-width: auto; float: none; }
.email-cmpgn-section .per-w { width: 9%; min-width: 73px !important; }
.email-cmpgn-section ul li .row-box div, .email-cmpgn-section  .per-w { font-size: 12px !important; }
.associate-email-box.email-cmpgn-section ul li .subject-box { min-width: 90px !important; width: 11.8% !important; }


/*--List of Campaign Users (Draft mail)--*/
.user-list-campaingn.email-right-inbox.emial-template-con ul li .row-box .subject-box { width: 100px; }
.user-list-campaingn.email-right-inbox.emial-template-con ul li .row-box .category-box { width: 135px; }
.user-list-campaingn.email-right-inbox.emial-template-con ul li .row-box .per-w { width: 64px; float: left; }

/*-------EMAIL: compaign module----------*/
figure.dp-box { position: relative; width: 60px; height: 60px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; display: inline-block; border: 2px solid #499516 !important; }
.droupdown-related-contact figure.dp-box { overflow: initial; }
figure.dp-box.red { background: #d84a38 !important; }
figure.dp-box  span { width: 60px; height: 60px; color: #fff !important; float: left; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; font-size: 18px; text-align: center; font-weight: 600; position: absolute; top: 50%; left: 50%; line-height: 60px; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
figure.dp-box span img { max-width: 57px; max-height: 57px; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border: none; }
.email-right-contact-view .con-per-dtls-box { padding: 0;  margin-top: 0; }
.email-fc-main-tabs .angular-ui-tree-node ul li a {background: none; border-left: 1px dashed #e6e6e6; padding: 5px 10px; border: 1px dashed #e4e4e4 !important; margin-top: -1px; }
ul.con-per-ul-group { width: 100%; margin-bottom: 0; margin-top: 10px; }
.email-right-contact-view .con-per-dtls-box ul .box-group li { width: 76px; float: left; }
.email-right-contact-view .tags-link-box tags-input .tags .tag-item { width: initial; }
.email-right-contact-view  .con-per-dtls-box ul li a { width: initial; float: none; }
.email-right-contact-view .con-per-dtls-box ul li .content a { text-align: center; float: left; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.con-per-dtls-box ul li .content .email { height: 30px; float: left; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical }
.email-right-contact-view #accordion-first .accordion-group.document-module { margin-bottom: 3px; float: left; width: 100%; }
.email-right-contact-view  #accordion-first .accordion-heading { padding: 0 13px; }
.tags-link-box .tag-task li span { line-height: 11px; font-size: 12px; }
.tags-link-box .tag-task li a { opacity: 1; width: auto; }
.con-per-dtls-box { float: left; width: 100%; padding: 10px; position: relative; z-index: 1; }
.con-per-dtls-box > ul { float: left; width: 100%; position: relative; }
.con-per-dtls-box ul.con-per-ul-group li { width: 81px; text-align: center; font-weight: 600; font-size: 12px; margin: 0 9px 0px 9px; cursor: pointer; padding-bottom: 8px; display: inline-block; min-height: 99px; float: left; }
.con-per-dtls-box ul li .content { float: left; width: 100%; position: relative; }
.con-per-dtls-box ul li.no-submenu .content:after { display: none !important; }
.con-per-dtls-box ul li a { float: left; width: 100%; text-decoration: none; }
.con-per-dtls-box ul li .email { float: left; width: 100%; word-wrap: break-word; line-height: 15px; }
.con-per-dtls-box ul li figure span.new-con-add { background: #d0d0d0 !important; }

.add-usr-con-inr { width: 100%; height: 40px; background: #7f7f7f; display: flex; }
.add-usr-con-bx { display: flex; width: 50%; align-items: center; justify-content: center; border-right: 1px solid #b1adad; }
.add-usr-con-bx .add-uo-con { display: flex; float: none !important; }
.add-usr-con-bx > i.add-usr-con-icon { -webkit-mask-image: url(../../assets/images/svg/user.svg); mask-image: url(../../assets/images/svg/user.svg); width: 15px; height: 15px; float: left; background: #fff; position: relative; }
.add-usr-con-bx > i.add-usr-org-icon { -webkit-mask-image: url(../../assets/images/svg/org.svg); mask-image: url(../../assets/images/svg/org.svg); width: 15px; height: 15px; float: left; background: #fff; position: relative; }
.org-data-dp { position: absolute; top: 0; right: -1px; min-height: initial !important; background: #fff; border-radius: 50%; padding: 1px; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5); box-shadow: 0 0 3px rgba(0, 0, 0, 0.5); }
.con-per-dtls-box ul li figure span.new-con-add { display: flex; flex-wrap: wrap; overflow: hidden; }
.con-per-dtls-box ul li figure span.new-con-add b { font-size: 12px; float: left; width: 100%; line-height: 24px; height: 21px; color: #499516; }
figure.dp-box .add-usr-con-inr { width: 100%; height: 40px; background: #8dc741; display: flex; }
span.new-con-add .add-usr-con-inr { height: 30px; }
figure.dp-box .add-usr-con-bx { display: flex; width: 50%; align-items: center; justify-content: center; border-right: 1px solid #cce2ae; }
figure.dp-box .add-usr-con-bx .add-uo-con { display: flex; float: none !important; top: -4px; }
figure.dp-box .add-usr-con-bx:hover { background: #80b33c; }
.email-cmpgn-section figure .org-data-dp { top: -2px; right: -6px; }
figure.dp-box .add-usr-con-bx:last-child { border-right: none; }
.upload-file-box-eml { background: #f8f8f8; float: left; padding: 10px; border: 1px solid #eee; position: relative; margin-bottom: 10px; }
.upload-file-box-eml .upload-area-bx { float: left; display: inherit; margin: 0 10px 0 0; }
.upload-file-box-eml .drop-box { background: #ffffff; border: 2px dashed #DDD; width: auto; height: auto; text-align: center; padding-top: 0; margin: 0; padding: 10px; float: left; }
.upload-file-box-eml .dragover, .upload-file-box-eml .drop-box:hover { border: 2px dashed #1c75bc; background: ##ebf6ff; }
.upload-file-box-eml span.upld-txt { cursor: pointer; line-height: 28px; font-weight: 400; font-size: 13px; color: #616161; }
.attch-file-box.reply-dreg-eml .upload-file-box-eml figure { height: auto; }
.attch-file-box.reply-dreg-eml .upload-file-box-eml { background: #eeeeee; width: 100%; margin: 10px 0 0 0; border: 1px solid #e2e6ea; }

/*----ASSOCIATE-EMAILS:PAGE---*/
.email-right-inbox.emial-template-con.email-cmpgn-section.sidebar-w-details.associate-email-box { margin-top: 0; overflow: inherit; }
.email-right-inbox.associate-email-box  ul.pending-msg-box .row-box.email-template-listing .massage-box { -webkit-width: calc(100% - 377px); -moz-width: calc(100% - 377px); -o-width: calc(100% - 377px); width: calc(100% - 377px); }
.email-right-inbox.associate-email-box  .row-box.email-template-listing div.last-pin-attach { min-height: 35px; line-height: 35px; text-align: right; width: 80px; }
.sent-asso-eml, .row-box .rejected, .row-box .approved { float: left; padding: 3px 6px; background: #36404a; line-height: 12px; border: 1px solid #444c54; min-height: initial !important; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-size: 11px; color: #fff; margin: 8px 0 0 10px; line-height: 14px !important; }
.row-box .rejected { background: #dc4a00; border-color: #c54808; }
.row-box .approved { background: #8dc741; border-color: #7eb13b; }
.email-right-inbox.associate-email-box  .mail-options-box > a { top: 3px; }
.droupdown-related-contact  .mCSB_scrollTools { width: 3px !important; right: -9px !important; }

.email-right-inbox.associate-email-box ul.pending-msg-box .row-box.email-template-listing .massage-box {
	
}

ul.droupdown-related-contact { padding: 0 4px 10px 4px; position: absolute; left: 0;    /* background: #fff; */ z-index: 1;    /* top: 121px; */    /* -webkit-transform: translateX(-50%); */
    -moz-transform: translateX(-50%); -o-transform: translateX(-50%);    /* transform: translateX(-50%); */    /* display: flex; */
    width: initial; display: none;    /* justify-content: left; */    /* flex-wrap: wrap; */

    /* min-width: fit-content; *

    /*top: 103px;*/
right: 0; width: 100%; padding: 10px 10px 4px 10px; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3); -o-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3); box-shadow: 0 0 8px rgba(0, 0, 0, 0.3); -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; background: #fff; width: 95%; margin: 0 auto; height: auto !important; max-height: 315px !important; cursor: default; transition: all 0.5s ease; }
.con-per-dtls-box ul li .content:after { content: ""; width: 12px; height: 12px; position: absolute; left: 49%; background: white; bottom: -15px; transform: rotate(-45deg); -webkit-box-shadow: 1px -1px 1px #c5c5c5; -moz-box-shadow: 1px -1px 1px #c5c5c5; -o-box-shadow: 1px -1px 1px #c5c5c5; box-shadow: 1px -1px 1px #c5c5c5; z-index: 2; display: none; }
ul.droupdown-related-contact li { width: 84px; margin: 0 4px 7px; display: inline-block; padding-bottom: 2px; min-height: 96px !important; padding-bottom: 0 !important; }
ul.droupdown-related-contact .box-group { float: left; margin-top: 47px; }
.email-left-menu.ui-top-nav a i { font-size: 24px; }
.con-per-dtls-box .eml-usr-toggle ul li.selected-active-group .content:after { display: block; }
.con-per-dtls-box .eml-usr-toggle ul li.selected-active-group ul.droupdown-related-contact { display: flex; }
.con-per-dtls-box ul li:hover.active:after { display: block; }
.con-per-dtls-box ul li >.content figure.dp-box, .con-per-dtls-box ul li > .content a, .con-per-dtls-box ul li > .content .email, .con-per-dtls-box ul.droupdown-related-contact li figure.dp-box, .con-per-dtls-box ul.droupdown-related-contact li a, .con-per-dtls-box ul.droupdown-related-contact li .email { opacity: 0.5 !important; }
.con-per-dtls-box ul li:hover > .content figure.dp-box, .con-per-dtls-box ul li:hover > .content a, .con-per-dtls-box ul li:hover > .content .email, .con-per-dtls-box ul li.active > .content figure.dp-box, .con-per-dtls-box ul li.active > .content a, .con-per-dtls-box ul li.active > .content .email, .con-per-dtls-box ul.droupdown-related-contact li.active > figure.dp-box, .con-per-dtls-box ul.droupdown-related-contact li.active >  a, .con-per-dtls-box ul.droupdown-related-contact li.active > .email { opacity: 1 !important; }
.con-per-dtls-box ul.droupdown-related-contact li.active:after { display: none; }
.con-per-dtls-box ul li > figure.dp-box + a { width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; float: left; }
.con-per-dtls-box ul li > .email, .con-per-dtls-box ul.droupdown-related-contact li .email { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; min-height: 23px; }
.filter-shorting-box, .filter-shorting-box ul { float: left; width: 100%; }
.filter-shorting-box ul label { font-size: 13px; font-weight: 600; float: left; font-weight: 600; color: #1c75bc; margin-right: 5px; line-height: 22px; margin-bottom: 0; }
.filter-shorting-box ul li { float: left; font-size: 12px; -webkit-border-radius: 25px; -moz-border-radius: 25px; -o-border-radius: 25px; border-radius: 25px; color: #808080; border: 1px solid #808080; padding: 3px 7px 3px 10px; margin-right: 2px; font-weight: 600; display: initial; font-style: normal; }

.filter-shorting-box ul li .fl-name { max-width: 280px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; float: left;}

.filter-shorting-box ul li i { color: #808080; margin-left: 5px; cursor: pointer; padding: 2px; }
.filter-shorting-box ul li i:hover { color: red; }
.row-box.email-template-listing div { min-height: 35px; }
.row-box.email-template-listing .update-box { float: right; top: 4px; position: relative; line-height: 27px; }
.row-box.email-template-listing .tpl-sadmin-updt { margin-left: 5px; }
.add.one-row-add-box ul.filter-more-optns li { width: 100%; margin: 0; }
.con-per-dtls-box ul li.new-con-add figure span { border: none !important; box-shadow: none; }
.empty-ad-blk-list { width: 100%; float: left;   /* margin-bottom: 10px;*/ }
.empty-ad-blk-list a { font-weight: 600; text-decoration: none; margin-bottom: 10px; display: inline-block; text-transform: capitalize; }

.associate-email-box.email-cmpgn-section ul li .massage-box { min-width: 75px !important; width: 9% !important; padding: 0 5px; }
.associate-email-box.email-cmpgn-section ul.received-tab li .massage-box { width: 22% !important; padding: 0 5px; }
.associate-email-box.email-cmpgn-section ul.received-tab li .massage-box.ase-rd { width: 45% !important; padding: 0 5px; }
.email-right-inbox.associate-email-box ul.sent-tab .row-box.email-template-listing .last-pin-attach { display: none; }
.email-right-inbox.associate-email-box ul.sent-tab .expand-mail-box .row-box.email-template-listing .last-pin-attach {top: 60px; right: 110px !important;}

/*-----prosper-details----*/
.prosper-details { width: 100%; float: left; padding: 15px; }
.prosper-details .pro-dtls { float: left; width: 100%; }
.prosper-details .pro-dtls figure { width: 120px; height: 120px; float: left; background: #dbdbdb; border-radius: 50%; position: relative; margin-right: 15px; }
.prosper-details .pro-dtls figure img { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 120px; max-height: 120px; }
.prosper-details .pro-dtls .add-contact-btn { width: 100%; float: left; }
.prosper-details .pro-dtls .details { float: left; -webkit-width: calc(100% - 135px); -moz-width: calc(100% - 135px); -o-width: calc(100% - 135px); width: calc(100% - 135px); }
.prosper-details .pro-dtls .add-contact-btn a { float: left !important; font-size: 12px; padding: 0 12px; }
.prosper-details .pro-dtls .details h4 { color: #1c75bc; font-weight: 600; font-size: 20px; margin-top: 0; margin-bottom: 5px; }
.prosper-details .pro-dtls .designation { font-size: 13px; font-weight: 400; color: #8e8e8e; }
.prosper-details .pro-dtls .details .email { color: #000; font-size: 14px; font-weight: 500; margin: 5px 0; }
.prosper-details .pro-dtls .details-list { float: left; width: 100%; border-top: 1px solid #eee; margin: 15px 0; padding: 15px 0; }
.prosper-details .details-list ul { float: left; width: 100%; margin: 0; }
.prosper-details .details-list ul h5 { margin-bottom: 10px; font-weight: 700; color: #555; font-size: 14px; }
.prosper-details .details-list ul li { float: left; width: 50%; margin-bottom: 15px; padding-right: 0; }
.con-per-dtls-box .prosper-details .pro-dtls .details-list ul li a { width: 100%; word-wrap: break-word; }
.prosper-details .details-list ul li label { font-size: 13px; font-weight: 600; color: #656565; margin-bottom: 0; }
.prosper-details .details-list ul li .descrition { font-weight: 400; color: #888; font-size: 13px; }
.prosper-details .details-list ul li:nth-child(2n) { padding-right: 10px; clear: both; }
.date-time-box-last span { float: right; line-height: 35px; }
.activity-log-section .accordion-inner ul { border-bottom: none !important; box-shadow: none; }
.activity-log-section .accordion-inner ul li.active a { background: none; } 
.activity-log-section .accordion-inner ul li { width: 20% !important; float: left; }
.activity-log-section .accordion-inner ul li .left-con { -moz-width: calc(100% - 80px); -webkit-width: calc(100% - 80px); -o-width: calc(100% - 80px); width: calc(100% - 80px); float: left; word-wrap: break-word; }
.activity-log-section .accordion-inner ul li .left-con .subject-box { float: left; padding-left: 40px; width: 100%; font-weight: 500; color: #484848; margin: 2px 0 8px 0; font-size: 12px; line-height: 13px; }
.activity-log-section .accordion-inner ul li .left-con i.gmail-icon { float: left; margin-right: 10px; left: 0; width: 30px; height: 30px; position: absolute; }
.activity-log-section .accordion-inner ul li .left-con i.gmail-icon span { width: 100%; height: 100%; left: 0; float: left; border-radius: 50%; background: #499516 !important; text-align: center; font-style: normal; line-height: 30px !important; color: #fff; box-shadow: 0 0 1px #737373; left: 50%; top: 50%; transform: translate(-50%, -50%); position: absolute; }
.activity-log-section .accordion-inner ul li .left-con i.gmail-icon span img { width: 100%; height: 100%; border-radius: 50%; float: left; }
.activity-log-section .accordion-inner ul li .left-con > a { color: #333333; float: left; width: 100%; font-weight: 600; }
.activity-log-section .accordion-inner ul li .left-con p { color: #9a9a9a; font-size: 12px; float: left; width: 100%; padding-left: 40px; line-height: 16px; }
.activity-log-section .accordion-inner ul li .right-con { float: left; width: 80px; }

.activity-log-section .accordion-inner ul li .right-con.date-time-box {
    position: absolute;
    right: 0;
    bottom: 3px;
    width: 90px;
}
.right-con.date-time-box i.pin-icon {
    top: 6px;
}


.activity-log-section .accordion-inner ul li .right-con .date-box { color: #9a9a9a; text-align: right; line-height: 28px; }
.eml-dgt-ntf .activity-log-section .content > ul li .date-box { position: absolute; bottom: 10px; right: 13px; }
span.acvt-lg-eml { padding-left: 40px; width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 100%; float: left; cursor: pointer; line-height: 30px !important; font-weight: 400 !important; }
li.unread-email span.acvt-lg-eml { font-weight: bold !important; }
li.unread-email .left-con p, li.unread-email .right-con .date-box { font-weight: 600 !important; color: #717171 !important; }
li.unread-email .left-con .subject-box { font-weight: 600 !important; }
.activity-log-section .accordion-inner ul li > a { font-size: 12px !important; border: none !important; color: #555; font-weight: 600 !important; padding: 6px 12.8px; border: 1px solid transparent !important; border-bottom: 1px solid #ddd !important; width: 100%; }
.activity-log-section .accordion-inner ul li.active a { background: none !important; color: #0e76bc !important; border: 1px solid #d9d9d9 !important; border-bottom: none; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; -o-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; border-bottom: none !important; }
.activity-log-section .content { padding: 15px 0px 0 0; font-size: 13px; float: left; width: 100%; }
.content.acvt-inrsc-con { max-height: 300px; overflow: auto; width: 100%; padding-right: 15px; }

.activity-log-section .accordion-inner ul li .left-con a span { -webkit-width: calc(100% - 40px); -moz-width: calc(100% - 40px); -o-width: calc(100% - 40px); width: calc(100% - 40px); display: inline-block; line-height: 28px; font-size: 13px; }
.activity-log-section .accordion-inner ul li .left-con p span { display: inline-block; }
.activity-log-section .accordion-inner ul li .left-con p span a.reply { color: #1c75bc; line-height: 11px; text-decoration: underline; margin-left: 10px; }
.activity-log-section .accordion-inner ul li .group-icons { float: right; text-align: right; margin-top: 0; display: inline-block; position: absolute; bottom: 0; right: 0; }
.activity-log-section .accordion-inner ul li .group-icons ul { display: inline-block; }
.activity-log-section .accordion-inner ul li .group-icons ul li { float: left; margin-bottom: 0; border-bottom: none; }
.activity-log-section .content > ul li { border-bottom: 1px solid #ddd; padding-bottom: 0px; margin-bottom: 8px; position: relative; width: 100% !important; }
.activity-log-section .content > ul li:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; }
.activity-log-section .accordion-inner ul > li > .group-icons > ul li a { float: left; padding: 0 !important; border: none !important; }
.activity-log-section .accordion-inner ul li .group-icons ul li a i { text-decoration: none; padding: 0 !important; border: none !important; cursor: pointer !important; height: 100%; background: url(../../assets/images/email-group-icon.png) left top no-repeat; width: 25px !important; height: 20px; float: left; }
.activity-log-section .accordion-inner ul li .group-icons ul li a i.email-icon { background-position: 0 0; }
.activity-log-section .accordion-inner ul li .group-icons ul li.active a i.email-icon, .activity-log-section .accordion-inner ul li .group-icons ul li a i.email-icon:hover { background-position: 0 -24px; }
.activity-log-section .accordion-inner ul li .group-icons ul li a i.link-icon { background-position: -28px -1px; }
.activity-log-section .accordion-inner ul li .group-icons ul li.active a i.link-icon, .activity-log-section .accordion-inner ul li .group-icons ul li a i.link-icon:hover { background-position: -28px -25px; }
.activity-log-section .accordion-inner ul li .group-icons ul li a i.date-icon { background-position: -56px -1px; }
.activity-log-section .accordion-inner ul li .group-icons ul li.active a i.date-icon, .activity-log-section .accordion-inner ul li .group-icons ul li a i.date-icon:hover { background-position: -56px -25px; }

.my-alrt-card .activity-log-section .accordion-inner ul li .left-con a:hover i { display: block; }
/*------------------HIP Module-------------------*/
.board-inner.hip-tab-con { padding: 10px 0; }
.board-inner.hip-tab-con ul.nav-tabs { margin: 0 10px; }
.hip-tab-con ul li.active { border: 1px solid #d9d9d9; border-bottom-color: #fff; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; -o-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; }
.hip-tab-con ul li a { border: none !important; color: #858585 !important; font-weight: 600 !important; padding: 15px 12px !important; }
.hip-tab-con ul li.active a { background: none !important; color: #337ab7 !important; }
.hip-tab-con ul li.active a { color: #858585 !important; }
.hip-category-section { width: 100%; float: left; margin: 15px 0 0 0; }
.hip-category-section > .btn { float: right; padding: 5px 12px; line-height: 20px; height: inherit; font-size: 12px; margin-right: 10px; }
.cate-serch-link { float: left; margin: 0 10px; }
.cate-serch-link a { color: #9a9a9a; font-weight: 600; font-size: 12px; margin-right: 15px; text-transform: uppercase; }
.cate-serch-link a.active { color: #333333; }
.cate-serch-link a:last-child { margin-right: 0; }
.cate-serch-link a span { text-transform: capitalize; }
.hip-category-section ul.hip-cat-box { float: left; width: 100%; position: relative;   /*margin-top: 10px;*/ padding: 0 5px; }
.hip-category-section ul.hip-cat-box li { width: 174px; float: left; margin: 10px 5px 0 5px; position: relative; }
.hip-category-section ul.hip-cat-box li figure { float: left; width: 100%; max-width: 100%; position: relative; min-height: 174px; background: #eee; border: 1px solid #eee; border-bottom: none; max-height: 174px; }
.hip-category-section ul.hip-cat-box li figure span .img-hgt-st { height: 174px !important; }
.edit-delete-o-box { position: absolute; top: 7px; right: 7px; cursor: pointer; }
.edit-delete-o-box:hover .droup-box { display: block !important; }
ul.hip-cat-box  .edit-delete-o-box .option-box { background: #fff url(../../assets/images/more-option-dots-icon.png) center no-repeat; width: 10px; height: 10px; float: right; padding: 10px; border-radius: 3px; margin: 0; -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.4); -o-box-shadow: 0 0 2px rgba(0, 0, 0, 0.4); box-shadow: 0 0 2px rgba(0, 0, 0, 0.4); }
ul.hip-cat-box  .edit-delete-o-box .droup-box { float: right; top: 100%; position: absolute; right: 0; border-radius: 5px; padding-top: 1px; display: none; -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.4); -o-box-shadow: 0 0 2px rgba(0, 0, 0, 0.4); box-shadow: 0 0 2px rgba(0, 0, 0, 0.4); }
ul.hip-cat-box  .edit-delete-o-box .droup-box li { float: right !important; width: 100px !important; background: #fff; border-radius: 2px; margin: 0 !important; }
ul.hip-cat-box .edit-delete-o-box .droup-box li a { float: left; width: 100%; padding: 7px 10px !important; text-decoration: none; font-size: 11px; color: #333 !important; }
ul.hip-cat-box .edit-delete-o-box .droup-box li a:hover:first-child { background: #f5f5f5; border-radius: 2px 2px 0 0; }
ul.hip-cat-box .edit-delete-o-box .droup-box li a:hover:last-child { background: #f5f5f5; border-radius: 0 0 2px 2px; }
ul.hip-cat-box .edit-delete-o-box .droup-box li a i { float: left; width: 14px; height: 15px; background: url(../../assets/images/edit-delete-color-icon.png) no-repeat; margin-right: 5px; }
ul.hip-cat-box .edit-delete-o-box .droup-box li a i.edit-icon { background-position: 0 3px; }
ul.hip-cat-box .edit-delete-o-box .droup-box li a i.delete-icon { background-position: 0 -30px; }
.hip-category-section ul.hip-cat-box li figure img { float: left; width: auto; max-width: 100%; height: auto; max-height: 170px; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); position: absolute; top: 50%; left: 50%; }
.hip-category-section .disc-box, .hip-category-section .disc-box h5, .hip-category-section .disc-box .sub-desc, .hip-category-section .disc-box .sub-desc ul, .hip-category-section .disc-box .sub-desc ul li, .hip-category-section .disc-box .sub-desc ul li.que-box .left-box { float: left; width: 100%; }
.hip-category-section .disc-box { border: 1px solid #e5e9ec; padding: 10px 12px; float: left; box-sizing: border-box; width: 100%; }
.hip-category-section .disc-box h5 { padding: 0 !important; width: 100% !important; height: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hip-category-section .disc-box .cate-name { font-size: 11px; font-weight: 600; float: left; color: #777; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hip-category-section .disc-box .sub-desc { border-top: 1px solid #eceef1; padding-top: 5px; margin-top: 6px; font-size: 11px; font-weight: 500; }
.hip-category-section .disc-box .sub-desc ul li { margin: 0; margin-top: 1px; }
.hip-category-section .disc-box .sub-desc ul li .left-box { float: left; font-weight: 700; margin-bottom: 2px; }
.hip-category-section .disc-box .sub-desc ul li .right-box { text-align: right; white-space: nowrap; text-overflow: ellipsis; float: right; width: 70px; height: 17px; overflow: hidden; }
.hip-category-section .disc-box .sub-desc ul li.que-box .right-box { width: 100%; text-align: left; line-height: 15px; float: left; overflow: hidden; text-overflow: ellipsis;   /*  display: -webkit-box; */ -webkit-line-clamp: 1; -webkit-box-orient: vertical; height: 12px; }
a.btn.gray-btn.see-all { background: #c2c2c2 !important; width: 100%; margin: 0; font-size: 11px; height: inherit; line-height: 28px; }
.board-inner.hip-tab-con .large-btn { padding: 0 10px; float: left; width: 100%; margin-bottom: 10px; }
.tabContViewport .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger { display: none !important; }
.board-inner.hip-tab-con .tab-con { padding: 10px; }

/*-----add activity-------*/
.hip-category-section.add-activity-section  h4 { margin: 0 10px 10px 10px; text-transform: capitalize !important; }
.hip-category-section.add-activity-section .btn-groups { width: 100%; float: left; margin: 0 10px; }
.hip-category-section.add-activity-section .btn-groups a { font-size: 12px; line-height: 30px; font-weight: 600; padding: 0 12px; height: 29px; margin-right: 6px; }
ul.hip-breadcrumb { margin: 0 10px 15px 10px; float: left; width: 100%; }
ul.hip-breadcrumb li { float: left; font-size: 12px; font-weight: 600; }
ul.hip-breadcrumb li:after { content: "/"; margin: 0 7px 0 0; }
ul.hip-breadcrumb li a { margin: 0 7px 0 0; text-decoration: none; padding: 0 !important; color: #1c75bc !important; }
ul.hip-breadcrumb li:last-child:after { display: none; }
.person-tab-details-box-con .accordion-group .accordion-inner h5 i { text-align: right; float: right; font-size: 15px; }

.list-tm-con .current-activity-inner h5.mn-ttl.cus-editor i { text-align: left; float: left; font-size: initial !important; }
.hip-category-section  ul.hip-cat-box li.ct-mn-cart-box { -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); -o-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); border-radius: 2px; }
.hip-category-section  ul.hip-cat-box li.ct-mn-cart-box figure, .hip-category-section  ul.hip-cat-box li.ct-mn-cart-box .disc-box { border: none; }
.hip-category-section  ul.hip-cat-box li.ct-mn-cart-box .disc-titlebar { float: left; width: 100%; min-height: 31px; }
.hip-category-section ul.hip-cat-box li.sb-ct-list-bx { cursor: pointer; }
.hip-category-section ul.hip-cat-box li .img-box-group.img-box-group-5 figure, .hip-category-section ul.hip-cat-box li .img-box-group.img-box-group-3 figure { width: 50%; }
.hip-category-section ul.hip-cat-box li .img-box-group.img-box-group-5 figure, .hip-category-section ul.hip-cat-box li .img-box-group.img-box-group-3 figure { opacity: 0.5; height: 86px; max-height: initial; min-height: initial; }
.hip-category-section ul.hip-cat-box li .img-box-group.img-box-group-5 figure { display: none; }
.hip-category-section ul.hip-cat-box li .img-box-group.img-box-group-5 figure:nth-child(1), .hip-category-section ul.hip-cat-box li .img-box-group.img-box-group-5 figure:nth-child(2), .hip-category-section ul.hip-cat-box li .img-box-group.img-box-group-5 figure:nth-child(3), .hip-category-section ul.hip-cat-box li .img-box-group.img-box-group-5 figure:nth-child(4) { display: block; }
.hip-category-section ul.hip-cat-box li .img-box-group figure span { width: 100%; float: left; height: 100%; }
.hip-category-section ul.hip-cat-box li .img-box-group.img-box-group-5 figure span div, .hip-category-section ul.hip-cat-box li .img-box-group.img-box-group-3 figure span div { width: 100%; float: left; height: 100%; max-height: 100%; max-width: 100%; }
.hip-category-section ul.hip-cat-box li .img-box-group-2 figure { height: 86px !important; max-height: initial; min-height: initial; width: 100%; }
.hip-category-section ul.hip-cat-box li .img-box-group-2 figure span div { height: 87px !important; }
.hip-category-section ul.hip-cat-box li figure span { float: left; width: 100%; }
.img-box-group.img-box-group-5 { position: relative; float: left; width: 100%; }
.img-box-group.img-box-group-5 span.collapse-view { display: none; }
.img-box-group.img-box-group-5 .more-view-btn { position: absolute; right: 0; bottom: 0; width: 50%; height: 86px; background: rgba(0, 0, 0, 0.6); }
.img-box-group.img-box-group .collapse-btn { position: absolute; top: 0; cursor: pointer; }
.img-box-group.img-box-group .collapse-btn { position: absolute; top: 8px; right: 19px; color: #fff; text-transform: capitalize;    /* border: 1px solid #fff; */ border-radius: 3px; background: #555; padding: 2px 6px; font-weight: 500; font-size: 11px; line-height: 14px; height: 20px; }
.img-box-group.img-box-group-5 .more-view-btn span { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); color: #fff; text-align: center; font-size: 24px; font-weight: 500; }
.hip-category-section ul li .img-box-group figure span.no-img { border: 1px solid #dfd8d8; background: #eee; }
.hip-category-section ul li .img-box-group figure span.no-img img { width: auto; height: auto; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.hip-category-section ul li .img-box-group figure.active { border: 3px solid #499516; opacity: 1 !important; }
.add-activity-section a.btn.gray-btn.hide-btn { opacity: 0.4; }
.hip-category-section .search-box { margin: 15px 10px 8px 10px; float: left; width: 355px; max-width: 100%; position: relative; box-sizing: border-box; }
.hip-category-section .search-box input { border: 1px solid #ddd; height: auto; font-size: 13px; padding: 5px 0 10px; border-radius: 3px; margin: 0; width: 100%; padding: 5px 31px 5px 10px; box-sizing: border-box; font-weight: 400; }
.hip-category-section .search-box input:focus { border-color: #ddd !important; box-shadow: none; }
li.hip-box-expand .img-box-group figure:nth-child(1) { display: block !important; }
li.hip-box-expand .img-box-group figure { display: none !important; height: 172px !important; width: 100% !important; }
li.hip-box-expand .img-box-group .more-view-btn { display: none; }
.hip-category-section .search-box .submit-btn { background: url(../../assets/images/search-icon2.png) center no-repeat; width: 30px; height: 29px; position: absolute; right: 4px; top: 0; float: right; padding-right: unset; }

/*---HIP Module : List of Sub Category---*/
.hip-cat-t-head { float: left; width: 100%; margin: 0; padding: 10px; box-sizing: border-box; }
.hip-cat-t-head h5 { padding: 10px 0 0 0 !important; border-top: 1px solid #e2e6ea; width: 100% !important; font-weight: 700 !important; font-size: 14px !important; }
.hip-cat-t-head-group { width: 100%; float: left; border-top: 1px solid #e2e6ea; }
.hip-cat-t-head.wt-btn .list-act-g-btn h5 { padding: 3px 0 0 0 !important; margin: 0; display: inline-block; width: auto !important; border-top: none; }
.hip-cat-t-head.wt-btn .list-act-g-btn { float: left; width: 100%; border-top: 1px solid #e2e6ea; padding-top: 10px; }
.hip-cat-t-head.wt-btn .list-act-g-btn a.btn { float: right; line-height: 29px; height: 29px; padding: 0 12px; font-weight: 600; }
.disc-box.sub-c-box-t h5 { color: #1c75bc !important; text-transform: uppercase; padding-right: 12px !important; word-wrap: break-word; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.disc-box.sub-c-box-t h5 i.fa { color: initial !important; position: absolute; right: 14px; }
.disc-box.act-dscr { border-top: none; }
.disc-box.act-dscr .sub-desc { margin: 10px 0 0 0; }
.disc-box.act-dscr .sub-desc ul li.que-box { margin-top: 0; }
.hip-category-section .disc-box.act-dscr .sub-desc ul li .right-box { -webkit-line-clamp: 3; height: 45px; white-space: initial; }
.top-slct-chk { position: absolute; right: 10px; z-index: 999; left: 0; top: 0; width: 100%; height: 100%; }
.top-slct-chk [type="checkbox"]:not(:checked), .top-slct-chk [type="checkbox"]:checked { position: absolute; left: 0; opacity: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; border: 1px solid #000; }
.top-slct-chk [type="checkbox"] + label { position: absolute; width: 100%; height: 100%; }
.top-slct-chk [type="checkbox"]:checked + label { -webkit-box-shadow: 0 0 1px #499516; -moz-box-shadow: 0 0 1px #499516; box-shadow: 0 0 1px #499516; }
.top-slct-chk [type="checkbox"] + label { width: 100%; padding-left: 20px; line-height: 16px; margin-bottom: 0; height: 100%; }
.top-slct-chk [type="checkbox"].filled-in:not(:checked) + label:after { background-color: #fff; border: 2px solid #fff; }
.top-slct-chk [type="checkbox"].filled-in:checked + label:after { background: #5fbeaa; border-color: #5fbeaa; }

/*------HIP: Edit Form-------*/
.api-hpi-form-img figure { margin-top: -10px; background: #eee; min-height: 140px; position: relative; width: 100%; border: 1px solid #e0e0e0; }
.api-hpi-form-img figure img { width: auto; max-width: 100%; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-height: 100%; }
.api-hpi-form-img figure.no-img-fd img { width: 50%; max-width: 150px; }
.lft-que .input-field { -webkit-width: calc(100% - 87px); -moz-width: calc(100% - 87px); -o-width: calc(100% - 87px); width: calc(100% - 87px); }
.lft-que .input-field input { margin-bottom: 0; }
.hip-ad-pdm-qst .lft-que .input-field input { margin-bottom: 20px; }
.rgt-rmv-btn { display: inline-block; margin: 21px 0 0 15px; }
.rgt-rmv-btn a.btn { line-height: 27px !important; height: 30px !important; padding: 0 10px; font-size: 11px; }
.hip-que-full-box .select-wrapper .dropdown-content li span { font-weight: 500; }
.hip-que-full-box .select-wrapper input { overflow: hidden; text-overflow: ellipsis; }
.frm-ttl-box-mdl { padding: 0 0 15px 15px; float: left; width: 100%; margin-bottom: 15px; font-weight: 700; text-transform: uppercase;    /* background: #f3f3f3; */    /* border-bottom: 1px solid #e5e5e5; */
font-size: 15px; line-height: 25px; }
.frm-ttl-box-mdl > span { padding: 7px 0; position: absolute; }
.frm-ttl-box-mdl .close { background: #e8e8e8; width: 25px; height: 25px; border-radius: 0; color: #fff; opacity: 1; font-weight: 300; }
.suggestion-form-box .boxes-hip { float: left; width: 100%;  }
.boxes-hip .api-hpi-form-con .input-field.s6.mrg-set { min-height: 70px }
.suggestion-form-box .boxes-hip:last-child { padding-top: 0; }
.income-btn.dvd-tp-brd { border-top: 1px solid #d9d9d9; text-align: right; padding: 15px 10px 0 10px; }
.income-btn.dvd-tp-brd input { padding: 0 13px; font-size: 12px; height: 29px !important; line-height: 29px; }
.fl-d-box.btn.gray-btn { padding: 0; width: 100%; position: absolute; bottom: -29px; font-size: 12px; height: 29px; line-height: 29px; }
.fl-d-box.btn .fl-d-sb-box { width: 100%; float: left; }
.fl-d-box input[type="file"] {   /* cursor: pointer;*/
filter: alpha(opacity=1); -moz-opacity: 0.01; opacity: 0.01; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; }
.fl-d-box.btn .fl-d-sb-box span { position: absolute; left: 0; width: 100%; height: 100%; }

/*-------top notify listiong : start------*/
li.notify-box-section ul.dropdown-menu { min-width: 300px; }
li.notify-box-section ul.dropdown-menu:before { right: 22px !important; left: auto !important; }
li.notify-box-section ul.dropdown-menu .ntf-con-grp-box { float: left; width: 100%; max-height: 230px; overflow: auto; }
li.notify-box-section ul.dropdown-menu .ntf-con-grp-box li { float: left; width: 100%; border: none; position: relative; }
li.notify-box-section ul.dropdown-menu .ntf-con-grp-box li a { word-wrap: break-word; width: 100%; white-space: initial; font-size: 11px; color: #777 !important; line-height: 15px; float: left; text-decoration: none; padding: 4px 20px 4px 10px; border-bottom: 1px solid #e4e4e4; }
li.notify-box-section ul.dropdown-menu .ntf-con-grp-box li a span { float: left; -webkit-width: calc(100% - 37px); -moz-width: calc(100% - 37px); -o-width: calc(100% - 37px); width: calc(100% - 37px); }
li.notify-box-section ul.dropdown-menu .ntf-con-grp-box li a.remove-noti { position: absolute; right: 1px; top: 2px; width: 20px; border-radius: 50%; height: 20px; border: 1px solid #e8e8e8; text-align: center; font-size: 9px; line-height: 19px !important; padding: 0; }
li.notify-box-section ul.dropdown-menu .ntf-con-grp-box li a.remove-noti:hover { border: 1px solid #777; }
li.notify-box-section ul.dropdown-menu .ntf-con-grp-box li a figure { width: 30px; height: 30px; float: left; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; box-shadow: 0 0 2px rgba(0, 0, 0, 0.3); margin-right: 7px; box-shadow: 0 0 1px rgba(0, 0, 0, 0.6); border: 2px solid rgba(0, 0, 0, 0.1); position: relative; }
li.notify-box-section ul.dropdown-menu .ntf-con-grp-box li a figure img { width: 100%; height: 100%; max-width: 100%; max-height: 100%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; position: absolute; left: 0; top: 0; }
li.notify-box-section ul.dropdown-menu .ntf-con-grp-box li a figure span { color: #fff; font-size: 12px; text-align: center; width: 100%; height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); line-height: 27px; }
li.notify-box-section ul.dropdown-menu .ntf-con-grp-box li a:hover { background: #f5f5f5 !important; color: #232323 !important; }
li.notify-box-section span.notify-msg-cunt { background: #dc4a00; font-size: 9px; min-width: 17px; height: 17px; display: inline-block; line-height: 17px; border-radius: 50%; text-align: center; padding: 0 4px; position: relative; top: -39px; margin-left: 18px; color: #fff; }
.navbar-right .user-profile span i.fa-bell { font-size: 20px; }

/* li.notify-box-section a { background: none !important; } */
li.clr-fltr-link a { color: #808080; text-decoration: none; }

/*-------top notify listing : close------*/
li.pull-right.clr-fltr-link { border-color: #e68b7f; }
li.clr-fltr-link a { color: #e68b7f; text-decoration: none; }
.email-right-contact-view .con-per-dtls-box ul.tag-task li a { display: inline-block; width: auto !important; float: none; }
.email-right-contact-view  .activity-log-section .accordion-inner ul li > a { padding: 6px 8.6px !important; line-height: initial !important; }
.email-right-contact-view  .activity-log-section .accordion-inner ul li > a:after { display: none; }
.email-right-contact-view  .activity-log-section .accordion-inner ul li  uib-tab-heading { display: block !important; }
.dashboard-right-tab .email-right-contact-view .activity-log-section .accordion-inner ul li > a { padding: 6px 5px !important; height: auto !important; }
.input-field.ng-select-d-box input.select-dropdown { font-size: 12px; border-bottom: 1px solid #d9d9d9; margin-bottom: 0; }
.input-field.ng-select-d-box .select-wrapper span.caret { top: 4px; }
.input-field.ng-select-d-box .dropdown-content.select-dropdown { top: 100% !important; }
td a i.fa-plus-circle { font-size: 19px;    /*margin-top: 14px;*/ color: #949191; }
td a i.fa-trash { font-size: 19px; margin-top: 14px; color: #949191; }
.add_new_view form table td input::-webkit-input-placeholder { color: #999 !important; }
.add_new_view form table td input::-moz-placeholder { color: #999 !important; }
.add_new_view form table td input:-ms-input-placeholder { color: #999 !important; }
.add_new_view form table td input:-moz-placeholder { color: #999 !important; }
.search-select-box.page-show-box.sa-page-show-box { margin-left: 0; }

.add_new_view .pr-bx span.emessage{top: 41px; margin-top: 0; }


/*--Email Module - Outbox: Start--*/
.outbox-mn-section.email-right-inbox .massage-box { -webkit-width: calc(100% - 403px); -moz-width: calc(100% - 403px); -o-width: calc(100% - 403px); width: calc(100% - 403px); }
.outbox-mn-section.email-right-inbox .date-time-box { width: 153px; }
.outbox-mn-section.email-right-inbox .mail-options-box:before { width: 153px; }

/*--Email Module - Outbox: Close--*/
.add-new-category-popup .table > tbody > tr > td input::-webkit-input-placeholder { color: #999; }
.add-new-category-popup .table > tbody > tr > td input:-ms-input-placeholder { color: #999; }
.add-new-category-popup .table > tbody > tr > td input::placeholder { color: #999; }
/* new css by pk */
.aside-card { background: #ffffff none repeat scroll 0 0; border: 1px solid #e2e6ea; border-radius: 3px; float: left; // position: fixed; // right: 15px; // top: 138px; width: 420px; }


/*====================  ACTVITY MODULE : START =====================*/
.top-titlebar.activity-titlebar { position: fixed; -webkit-width: calc(100% - 513px); -moz-width: calc(100% - 513px); -o-width: calc(100% - 513px); width: calc(100% - 513px); z-index: 3; margin-top: -2px; }
.top-titlebar.activity-titlebar .breadcrumb-row-box { border-right: 1px solid #e2e6ea; }
.act-calender-section { float: left; background: #fff; padding: 0; border: 1px solid #e2e6ea; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; margin-top: 38px !important; }
.act-calender-section .clndr-form-edt-box { padding: 0; border: none; margin: 0 !important; }
.act-calender-section .fc-state-default { font-weight: 600; text-shadow: none; border: 1px solid #e2e6ea !important; background: #fff; text-transform: capitalize; color: #858585; }
.act-calender-section .fc-state-active { background: #1c75bc; color: #fff; box-shadow: none; border-color: #1c75bc !important; }
.act-calender-section:focus { box-shadow: none; }
.activity-modal-popup .acvt-popup-left .act-calender-section,
.film-study-popup .acvt-popup-left .act-calender-section
 {
	width: 100%;
}
button.fc-today-button.fc-button.fc-state-default { margin: 0 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }
button.fc-month-button.fc-button.fc-state-default { border-radius: 3px 0 0 4px !important; }
.fc-left h2 { font-size: 18px; font-weight: 600; color: #1c75bc; line-height: 24px; }
button.fc-next-button.fc-button.fc-state-default { border-radius: 0 3px 3px 0; background: #e2e6ea; }
button.fc-prev-button.fc-button.fc-state-default.fc-corner-left { border-radius: 3px 0 0 3px; }
.fc-button-group .fc-button.fc-state-default span.fc-icon { background: url("../../assets/images/pre-next-arrow.png") left no-repeat; float: left; width: 10px; height: 13px; }
.fc-button-group .fc-button.fc-state-default span.fc-icon:after { display: none; }
.fc-button-group .fc-button.fc-state-default span.fc-icon.fc-icon-right-single-arrow { background-position: -17px 1px; }

.fc-unthemed .fc-content, .fc-unthemed .fc-divider, .fc-unthemed .fc-popover, .fc-unthemed .fc-row, .fc-unthemed tbody, .fc-unthemed td, .fc-unthemed th, .fc-unthemed thead { border-color: #e2e6ea; }
table thead tr th.fc-day-header { color: #858585; font-weight: 200; line-height: 35px; }
th.fc-day-header.fc-widget-header.fc-today {font-weight: 600; color: #1c75bc; }
.fc-widget-content .fc-content-skeleton table thead { border-bottom: none; }
.fc-event-container a.fc-event.red { border-color: #e74c3c; background: #e74c3c; }
.fc-event-container a.fc-event.sky { border-color: #1abc9c; background: #1abc9c; }
.fc-event-container a.fc-event.blue { border-color: #00aff0; background: #00aff0; }
.fc-event-container a.fc-event .fc-content { padding: 3px 11px; }
/*.fc-event-container a.fc-event:after { content: ""; position: absolute; top: -1px; bottom: -1px; right: -1px; width: 15px; background: #fff; }*/
.fc-event { border-radius: 0 !important; }

/*.acvt-type-clr { 
	position: absolute; 
	left: -1px; 
	top: -1px; 
	bottom: -1px; 
	border-right: 1px solid #9fe1e7; 
	-webkit-width: calc(100% - 20px); 
	-moz-width: calc(100% - 20px); 
	width: calc(100% - 20px); 
}*/

.acvt-type-clr {
    position: absolute; 
    left: -1px;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
   
}

.left-option-scroll {
    border-right: 1px solid #e2e6ea;
}

.acvt-type-clr:before { content: ""; width: 2px; position: absolute; top: 0; left: 0; bottom: 0; background: #fff; }
.fc-ltr .fc-time-grid .fc-event-container { margin: 0 !important; }
.fc-event .fc-content span.fc-title { display: inherit; white-space: normal; font-size: 11px; -webkit-width: calc(100% - 26px); -moz-width: calc(100% - 26px); -o-width: calc(100% - 26px); width: calc(100% - 26px); float: left; word-wrap: break-word; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.fc-day-grid-event .fc-time { font-weight: 600; float: left; margin-right: 5px; font-size: 11px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; }
.default-form ul.select-fields li.select-field-box .con [type="checkbox"]:checked + label::before { left: 7px; top: -1px; }
.fc-day-grid-event { margin: 1px 1px 0 !important; padding: 0 !important; border: none !important; }

.displynone { display: none; }

/*----checkbox style------*/
.check-selected input[type="checkbox"].filled-in:checked + label:before { background: url(../../assets/images/select-ckd-icon-sky.png) left top no-repeat !important; left: 6px; }
[type="checkbox"].filled-in:checked + label:before { background: url(../../assets/images/select-ckd-icon.png) left top no-repeat !important; border: none; transform: rotate(0) !important; top: -1px; left: 7px; width: 16px; height: 17px; transition: none; }
[type="checkbox"].filled-in:checked + label:after, [type="checkbox"].filled-in:not(:checked) + label:after { background-color: #fff !important; top: 0; width: 15px !important; height: 15px !important; margin-left: 5px; margin-top: 4px; border: 1px solid #1c75bc !important; }
[type="checkbox"].filled-in:not(:checked) + label:after { border-color: 999999; }
[type="checkbox"].filled-in:checked + label:after { width: 15px !important; height: 15px !important; margin-left: 5px; margin-top: 4px; border: 1px solid #1c75bc !important; }
[type="checkbox"].filled-in:not(:checked) + label:before { webkit-transform: rotateZ(0deg) !important; transform: rotateZ(0deg) !important; }
[type="checkbox"] + label::before, [type="checkbox"]:not(.filled-in) + label::after { border: none !important; }
/* [type="checkbox"]:not(:checked).tabbed, [type="checkbox"]:checked.tabbed { display: none; } */
.responsive-table.scroll-table tbody tr td [type="checkbox"].filled-in:checked + label:after, .responsive-table.scroll-table tbody tr td [type="checkbox"].filled-in:not(:checked) + label:after { margin-left: 10px; }
body .login-form-con .login-reg-form .remember-login:before { top: -1px !important; left: 3px !important; }
.chk-grp-bx { display: inline-block; }
.rcd-select-grp-box { display: inline-block; float: left; height: 43px; line-height: 48px; margin-right: 10px; }
.form-design .input-field .validate.timepicker label { font-size: 11px; top: -7px !important; left: 0; position: absolute; }
.form-design .input-field .validate.timepicker label.active { top: 14px !important; }


/*--------HIP Module----------*/
.lst-acvt-hdr-box .hip-cat-t-head h5 { -webkit-width: calc(100% - 100px) !important; -moz-width: calc(100% - 100px) !important; -o-width: calc(100% - 100px) !important; width: calc(100% - 100px) !important; margin-right: 8px; border: none; }
.lst-acvt-hdr-box .hip-cat-t-head a.btn { height: 30px; line-height: 30px; min-width: 90px; padding: 0 10px; margin-top: 6px; }
.pull-right.add-mr-btn { width: 100%; float: left !important; text-align: right; margin-bottom: 20px; margin-top: -15px; }
.pull-right.add-mr-btn a.btn { height: 30px; line-height: 31px; padding: 0 10px; font-size: 12px; }
.remove-dvid-bx { border-top: 1px solid #eee; margin-top: 10px !important; float: left; width: 100%; padding-top: 10px; }
.hip-no-acvt-found { margin: 0 15px; text-align: center; font-weight: 300; line-height: 27px; }
.income-form .input-field.s6.mrg-set  .tags-link-box .tag { float: left; padding: 8px 9px 3px 0px; width: 100%; border-top: none; border-bottom: 1px solid #d9d9d9; background: none; box-shadow: none; }
.income-form .input-field.s6.mrg-set .tags-link-box tags-input .tags .input { height: 25px !important; min-width: 80px; }
.income-form .input-field.s6.mrg-set .tags-link-box tags-input .tags .tag-item { margin: 0px 5px 6px 0; }
.income-form .input-field.s6.mrg-set .tags-link-box tags-input .host { margin: 5px 0 0 0; }
.income-form .input-field.s6.mrg-set .income-form .input-field.s6 input[type="text"] { font-size: 12px; }
.income-form .input-field.s6.mrg-set .tags-link-box { margin-bottom: 10px; }
div#add-contact { padding-right: 0 !important; }
.suggestion-form-box .boxes-hip .api-hpi-form-img figure img { min-height: 100%; max-height: 100%; width: auto; max-width: 100%; }
.suggestion-form-box .boxes-hip .api-hpi-form-img figure.no-img-fd img { max-width: 100%; height: initial; max-height: 100%; position: absolute; left: 50%; top: 50%; width: 101px; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); height: 88px; min-height: initial; }
.uib-datepicker-popup.dropdown-menu li.uib-button-bar button.btn { background: none; color: #0e76bc; padding: 0 12px; border: 1px solid #0e76bc; font-size: 11px; line-height: 27px; cursor: pointer; }
.uib-datepicker-popup.dropdown-menu li.uib-button-bar button.btn:hover { box-shadow: none; background: #eee; }
.uib-datepicker-popup.dropdown-menu table tr th .btn, .uib-datepicker-popup.dropdown-menu table tr th .btn-large { padding: 0 !important; box-shadow: none; }
.select-rmv-main-box { width: auto; display: inline-block; }
.check-select-hide-hover-top .select-rmv-main-box { width: auto; display: inline-block; }
.check-select-hide-hover-top .select-rmv-main-box .select-all-check {margin-right: 5px; }
.check-select-hide-hover-top .select-all-check { width: 23px; }
.check-select-hide-hover-top .select-rmv-box { float: right; }
.filter-right-main-box { -webkit-width: calc(100% - 210px); -moz-width: calc(100% - 210px); -o-width: calc(100% - 210px); width: calc(100% - 210px); float: right; }
.filter-right-main-box > a { float: left; }
.filter-right-main-box span { display: inline-block; float: left; line-height: 30px; }
.lighter { opacity: 0.6 !important; }
.lighter span {  font-style: italic; font-size: 12px; }
.fc-event .fc-content .fc-time span { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-width: calc(100% - 6px); -moz-width: calc(100% - 6px); width: calc(100% - 6px); float: left; }
.check-select-hide-hover-top .record-selected.padding-left-none a { font-size: 13px; font-weight: 600; color: #0e76bc; line-height: 30px; margin-left: 4px; }
.check-select-hide-hover-top .record-selected.padding-left-none .select-rmv-box { margin-top: 5px; }
.humality-icon { background: #fff url(../../assets/images/group-icon.png) center no-repeat; padding: 5px; width: 37px; height: 35px; text-align: center; padding-top: 17px; }
.va-btn-box { width: 100%; float: left; padding: 0 10px 10px; }

/* Ckeditor  background color */
.myckeditor-color iframe.cke_wysiwyg_frame.cke_reset, .myckeditor-color iframe.cke_wysiwyg_frame.cke_reset .cke_editable { background-color: #fcf6c9 !important; }
.myckeditor-color .cke_wysiwyg_div { background-color: #fcf6c9 !important; }
.myckeditor-color .cke_wysiwyg_div p { font-size: inherit; font-weight: inherit; margin-bottom: 0 !important; }
body .accordion-body .accordion-inner .myckeditor-color .cke_wysiwyg_div p { font-size: inherit; font-weight: inherit; margin-bottom: 0 !important; font-family: inherit !important; line-height: inherit !important; color: initial; font-weight: 300 !important; }
.cke_editable { padding: 8px !important; }

.myckeditor-color .cke_wysiwyg_div p {
	font-weight: initial;
}
.myckeditor-color .cke_wysiwyg_div p strong {
	font-weight: bold !important;
}

/*---card view contact: start---*/
.card-small-contact-group { width: 100%; float: left; margin-top: 15px; }
.card-small-contact-group .card-small-contact { width: 100%; background: none; margin-right: 11px; position: relative; margin-bottom: 0; margin-top: 12px; position: relative; margin: 0; padding: 0; }
.card-small-contact-group .card-small-contact:last-child { margin-right: 0; }
.card-small-contact-group .card-small-contact li { min-height: auto !important; }
.card-small-contact-group.contact-card-1 { width: 100%; }
.card-small-contact-group.contact-card-2 { width: 50%; padding-left: 5px; }
.card-small-contact-group.contact-card-2:last-child { padding-right: 0 !important; padding-left: 5px; }
.card-small-contact-group.contact-card-3 { width: 33.33333%; padding-right: 10px; }
.card-small-contact-group.contact-card-3:last-child { padding-right: 0 !important; }
.card-small-contact-group.contact-card-4 { width: 25%; padding-right: 10px; padding-left: 0; }
.card-small-contact-group.contact-card-4:last-child { padding-right: 0 !important; }
.family-member-details .card-small-contact figure.per-dp-box { width: 45px; height: 45px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; border: 2px solid #dfdfdb; }
.family-member-details .card-small-contact figure.per-dp-box a { width: 100% !important; height: 100%; float: left; position: relative; }
.family-member-details .card-small-contact figure.per-dp-box span { width: 100% !important; height: 100%; float: left; position: relative; text-align: center; color: #fff; font-size: 16px; line-height: 42px; }
.family-member-details .card-small-contact figure.per-dp-box span img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; width: 100%; border: none; }
.close-card-btn { background: url(../../assets/images/close-icon-block.png) center no-repeat; width: 20px; height: 20px; float: right; position: absolute; right: 0; cursor: pointer; opacity: 0.6; border: none; }
.close-card-btn:hover { opacity: 1; }
.inf-crd-dtls { float: left; -webkit-width: calc(100% - 53px); -moz-width: calc(100% - 53px); -o-width: calc(100% - 53px); width: calc(100% - 53px); }
.inf-crd-dtls h6 { font-size: 14px; font-weight: 700; color: #333; }
.inf-crd-dtls p { margin-bottom: 0; font-weight: 500; line-height: 13px; margin-top: 7px; }
.card-small-contact .view-more a { background: #f2f2f2; width: 100%; float: left; font-weight: 700; color: #333; padding: 6px; font-size: 13px; text-transform: uppercase; text-decoration: none; text-align: center; }

/*---card view contact: close---*/
.org-top-tab ul.nav li { width: 16.66%; }
.org-top-tab ul.nav li a { text-align: center; font-weight: 500; color: #858585; padding: 0; height: 50px; line-height: 50px; margin-right: 0; }
.org-top-tab ul.nav li.uib-tab.active uib-tab-heading { display: none; }
.content-details-con-area.dashboard-right-tab .org-top-tab ul.nav li.uib-tab a.nav-link uib-tab-heading { line-height: 15px; padding: 0 5px; font-size: 12px; position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); left: 50%; width: 100%; }
.content-details-con-area.dashboard-right-tab .org-top-tab ul.nav li.uib-tab.active a:after { background: #fff url(../../assets/images/org-tab-icon.png) center no-repeat; width: 30px; color: #fff; content: ""; position: absolute; height: 22px; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.content-details-con-area.dashboard-right-tab .org-top-tab ul.nav li.org-snapshots.uib-tab.active a:after { background-position: -10px -8px !important; }
.content-details-con-area.dashboard-right-tab .org-top-tab ul.nav li.org-data.uib-tab.active a:after { background-position: -62px -8px !important; }
.content-details-con-area.dashboard-right-tab .org-top-tab ul.nav li.org-news.uib-tab.active a:after { background-position: -110px -8px !important; }
.content-details-con-area.dashboard-right-tab .org-top-tab ul.nav li.org-connections.uib-tab.active a:after { background-position: -164px -8px !important; }
.content-details-con-area.dashboard-right-tab .org-top-tab ul.nav li.org-pplans.uib-tab.active a:after { background-position: -209px -8px !important; }
.content-details-con-area.dashboard-right-tab .org-top-tab ul.nav li.org-dplans.uib-tab.active a:after { background-position: -255px -8px !important; }
a.btn.add-contact.btn-lg.green-btn { border-radius: 50% !important; width: 50px; padding: 0px 10px; position: fixed; right: 522px; bottom: 20px; height: 50px; z-index: 9; line-height: 47px; }
a.btn.add-contact.btn-lg.green-btn span { margin-right: 0; width: 19px; }
.organization-listing .pagination { margin-right: 60px; }
.cke_dialog_body .cke_dialog_tabs a[title~=Upload] { float: left !important; }
.cke_dialog_contents .cke_dialog_contents_body table { position: relative; }
.cke_dialog_contents .cke_dialog_contents_body table td .cke_dialog_ui_checkbox_input { position: relative; opacity: 1; left: 0; margin: 0; }
.cke_dialog_contents .cke_dialog_contents_body table td .cke_dialog_ui_checkbox_input + label { padding-left: 0; }
.cke_dialog_contents .cke_dialog_contents_body table td .cke_dialog_ui_checkbox {/*  position: absolute; top: 118px; right: 0; */ }
span.left1.fl-wdh-check { width: calc(100% - 26px) !important; -moz-width: calc(100% - 26px) !important; -webkit-width: calc(100% - 26px) !important; }

/*---activity setting---*/
.main-table.activity-setting-listing table thead { background: #36404a; border-bottom: none; }


.main-table.activity-setting-listing table thead th { color: #fff; }
.category-management-table.activity-setting-listing  .radio-mf-group .radio-group { margin-left: 15px; margin-right: 15px; }
.default-adctivity, .post-adctivity { text-align: center; }
.left-content.listing-table-responsive .mCSB_scrollTools, #page-content-wrapper .right-content .mCSB_scrollTools { width: 3px !important; }
.mCSB_scrollTools { width: 3px !important; }
.right-content button.quick-close-icon { display: none; }
.add-contact-popup .input-field.col.s6.real-select { margin-top: 2px; min-height: 41px; }
.add-contact-popup .input-field.col.s6.real-select.tm-box-btn {position: relative; }

/* form center margin */
.form-fieldset-inr { margin: 0 -10px; }
.ppl-acp.add-contact-popup .modal-content form .input-field.s6 { width: 47%; margin-left: 1.5% !important; margin-right: 1.5% !important; min-height: 44px; }
.ppl-acp.add-contact-popup .modal-content form .input-field.s6:nth-child(2n) { margin-right: 0; }
.ppl-acp.add-contact-popup .modal-content form .hide-show-field .input-field.s6 { width: 47%; }
.ppl-acp.add-contact-popup .form-group > h5 { padding-left: 1.5% !important; }
.ppl-acp.add-contact-popup .input-field.col.s6.dmy-format.contact-edit-date .date-group, .ppl-acp.add-contact-popup .input-field.col.s6.dmy-format.contact-add-date .date-group, .ppl-acp.add-contact-popup .modal-content form .input-field.s6 .radio-mf-group { min-height: 44px; }
.ppl-acp.add-contact-popup .modal-content form .input-field.s6 .tags-link-box .tag { margin-top: 14px; }
.ppl-acp.add-contact-popup .modal-content form .input-field.s6.ad-spruer-set, .ppl-acp.add-contact-popup .modal-content form .input-field.s6.ad-spruer-set .input-field.s6, .ppl-acp.add-contact-popup .modal-content form .input-field.s6.ad-spruer-set .radio-mf-group { min-height: inherit; height: auto !important; margin-bottom: 5px; }
.ppl-acp.add-contact-popup .browse-photo { margin-bottom: 15px; float: left; width: 100%; }
input[type=text]:disabled { opacity: 0.5; cursor: not-allowed; }

.input-field.col.s6.dmy-format.contact-edit-date { margin-top: 1px; }
.input-field.col.s6.dmy-format.contact-edit-date .date-group { margin-left: 0; padding-left: 0; margin: 0; }
.add-contact-popup .input-field.s6 input { text-overflow: ellipsis; overflow: hidden; }
.add-contact-popup .real-select .select-wrapper .caret { font-size: 10px !important; }
.add-contact-popup .input-field.real-select .select-wrapper .dropdown-content { border: 1px solid #dddddd; top: 39px !important; }
.add-contact-popup .real-select .select-wrapper .dropdown-content li > span { font-size: 12px; line-height: 18px; }
span.left3.pls-icn-rgt.right a { float: right; position: relative; width: 20px; height: 20px; z-index: 99; }
.add-contact-popup .modal-content form .input-field.email-box span.left3 a { float: right; width: 20px; height: 20px; overflow: hidden; }
button.quick-close-icon { display: none; }
.mrg-tpmn-3 { margin-top: -3px !important; }
.mrg-tp-10 { margin-top: 10px !important; width: 100%; float: left; }
.mrg-tp-20 { margin-top: 20px !important; width: 100%; float: left; }
.search-select-box.page-show-box .select-wrapper ul.select-dropdown { border: 1px solid #e0e0e0; top: auto !important; bottom: 100%; min-width: 54px !important; }

/*======COMPANY: DETAILS TAB DESIGN=======*/
.card-dtl-con-box .form-con-view-box .work-details-con { border: 1px solid #e2e6ea; padding-top: 0; margin-top: 10px; width: 100%; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding-bottom: 5px; }
.card-dtl-con-box .form-con-view-box .work-details-con li { background: none; border: none; margin: 0; padding: 6px 10px; }
.card-dtl-con-box .form-con-view-box .work-details-con li:first-child { background: #e2e6ea; padding: 10px; margin-bottom: 3px }
.card-dtl-con-box .form-con-view-box .work-details-con li:first-child label { color: #1c75bc; display: none; }
.card-dtl-con-box .form-con-view-box .work-details-con li:first-child label + span { -webkit-width: calc(100% - 50px); -moz-width: calc(100% - 50px); width: calc(100% - 50px); }
.card-dtl-con-box .form-con-view-box .work-details-con li:first-child label + span b { color: #1c75bc; font-size: 14px; line-height: 16px; word-wrap: break-word; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.card-dtl-con-box .work-details-con li label { width: 150px; line-height: 15px; }
.card-dtl-con-box .work-details-con > li span { float: left; font-weight: 500; width: calc(100% - 150px); width: -webkit-calc(100% - 150px); width: -moz-calc(100% - 150px); width: -o-calc(100% - 150px); word-wrap: break-word; padding-left: 5px; }
.card-dtl-con-box .work-details-con > li span > b { line-height: 15px; }
.card-dtl-con-box .edit-delete { margin-bottom: -40px; margin-top: 16px; }
.card-dtl-con-box .edit-delete a { background: none; }
.card-dtl-con-box .edit-delete  a:hover  span  i { background-position: initial !important; }
.card-dtl-con-box .edit-delete > a:hover > span > i.delete-icon { background-position: 0 -15px !important; }
.edit-delete > a:hover > span > i.delete-icon { background-position: 15px -15px; }
.card-dtl-con-box  .form-con-view-box { padding: 0 5px; }
.details-groupCont.card-dtl-main-con-box { width: 100%; float: left; padding: 0 5px; }
.details-groupCont.card-dtl-main-con-box .details-group { margin: 10px 0 0 0; padding: 0 5px; }
.card-dtl-main-con-box .details-group.edit { margin: 0; }


.details-groupCont.card-dtl-main-con-box .card-dtl-con-box { width: 50%; float: left; }
.card-dtl-con-box.editformopen { margin-top: 0; border-radius: 0; width: 100% !important; }
.goal-main-con .card-dtl-con-box.editformopen .editform {  top: 0; margin: 0 !important; }

/*========== CONTACT QUCIK VIEW : ACTIVITY MODULE ===========*/
.tags-link-box .tab-content .ttl-bx { width: 100%; float: left; margin-bottom: 3px; }
.tags-link-box .tab-content .ttl-bx h5 { font-size: 14px; font-weight: 700; text-transform: uppercase; }
.tags-link-box .tab-content .ttl-bx h5 span { color: #8dc741; font-size: 13px; font-weight: 600; }
.task-listing-box { display: flex; border: 1px solid #e2e6ea; font-weight: 400; margin-bottom: 10px; }
.task-listing-box .left { width: 85px; text-align: center; border-right: 1px solid #e2e6ea; display: flex; align-items: center; }
.task-listing-box .left .acvt-icons-box { vertical-align: middle; width: 100%; max-width: 100%; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.task-listing-box-group .task-listing-box .left .acvt-icons-box i { background: #fff; }
.cnt-note-tab { width: 100%; float: left; }
.notes-tab-box .cnt-note-tab a.note-tab-add-btn { top: 10px; }
.cnt-note-tab ul.nav li { min-height: 38px !important; }
.cnt-note-tab ul.nav li a { font-size: 13px; font-weight: 600; }
.cnt-note-tab form .select-box { margin: 0; padding-right: 15px; }
.cnt-note-tab form .browser-default-set:before { top: 9px; }
.cnt-note-tab .tab-pane .lg-acvt-tab { margin: 0; padding: 10px 7px;    /* border: 1px dashed #bfbfbf; */ -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: none; position: relative; padding-top: 0; border: none; }
.note-edit-view-box .cnt-note-tab, .note-edit-view-box .cnt-note-tab form.lg-acvt-tab { padding: 0; border: none; }
.note-edit-view-box.add-nt .income-btn { padding: 0 7px; }
.lic-pro-right-box .clearfix.left-actvty-tp .full-width-row.ck-nt-box, .lic-pro-right-box .clearfix.left-actvty-tp .switch.contact-sync-box.prv-nt-box, .lic-pro-right-box .clearfix.left-actvty-tp .income-btn { padding-left: 0; }
.lic-pro-right-box .clearfix.left-actvty-tp .full-width-row.ck-nt-box { padding-left: 0; padding-right: 0; }
.lic-pro-right-box .clearfix.left-actvty-tp h6.note-edit-ttl { padding-left: 0; margin-left: 0 !important; }
.lic-pro-right-box .clearfix.left-actvty-tp .label.sl-prsn-nts { padding-left: 0; }
.lic-pro-right-box .clearfix.left-actvty-tp .income-btn { margin-bottom: 10px; }
.notes-inr-box { width: 100%; float: left; position: relative; }
.notes-inr-box .form-select { margin: 0 -5px; float: left; width: 100%; }
.cnt-note-tab .input-field input[type="text"] { font-size: 12px; font-weight: 500; }
.cnt-note-tab .tab-pane .lg-acvt-tab .input-field { min-height: auto; margin-bottom: 6px; }
.cnt-note-tab .tab-pane .lg-acvt-tab .input-field .emessage { top: 30px !important; font-size: 10px; }
.cnt-note-tab .input-field label.active { font-size: 12px !important; left: 0; }
form.nt-edt-box-mn { padding: 0 6px; }
form.nt-edt-box-mn .ck-nt-box .input-field.col.s6.mrg-set, form.nt-edt-box-mn .ck-nt-box .input-field.col.s6.mrg-set input { margin: 0; padding: 0; min-height: initial !important; }
.clearfix.left-actvty-tp form.nt-edt-box-mn .full-width-row.ck-nt-box { padding-left: 0; padding: 5px 0; }
.clearfix.left-actvty-tp .income-btn { margin-bottom: 10px; }

.acvt-icons-group-box .acvt-icons-box .actv-td-rnd-icon { position: relative; text-align: center; display: inline-block; float: none; }
.task-listing-box .left .acvt-icons-box i { width: 14px; height: 14px; display: inline-block; background: #e2e6ea; }
.right.ttl-add-note-box { -webkit-width: calc(100% - 85px); -moz-width: calc(100% - 85px); width: calc(100% - 85px); position: relative; }
.right.ttl-add-note-box h5 { font-size: 14px; font-weight: 600; overflow: hidden; text-overflow: ellipsis; line-height: 22px; white-space: nowrap; max-width: 100%; float: left; width: auto; }
.right-loca-add-box .right-loca-add-group-box h5 { margin-bottom: 5px !important; }
.right-loca-add-box .right-loca-add-group-box h5 span {
    cursor: text !important;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.task-listing-box .left .acvt-icons-box span {
    text-transform: uppercase;
    overflow: hidden;
    color: #858585;
    max-height: 53px;
    /* text-overflow: ellipsis; */
    font-weight: 600;
    font-size: 11px;
    display: block;
    padding: 0 5px;
    line-height: 13px;
    word-break: break-word;
}
.acvt-icons-group-box { width: 100%; float: left; height: 70px; max-width: 100%; white-space: unset; position: relative; }
.date-time-box { width: 100%; float: left; padding: 0 5px; }
.date-time-box .dt-tm-text { float: left; width: 100%; margin-bottom: 7px; }
.date-time-box h4 { font-weight: 600 !important; color: #8dc741 !important; margin-bottom: 0 !important; }
.dt-tm-text p { font-size: 11px !important; font-weight: 600 !important; border-bottom: 1px solid #e2e6ea !important; margin: 0 !important; padding: 4px 0 !important; }
.dt-tm-text p:last-child { border-bottom: none; }
.right.ttl-add-note-box .date-time-box .dt-tm-text { float: left; width: auto; margin-bottom: 0; }
.right.ttl-add-note-box .date-time-box { width: 100%; float: right; padding: 5px; text-align: right; border-top: 1px solid #eee; height: auto; }
.right.ttl-add-note-box .date-time-box h4 { width: auto !important; float: left !important; margin: 0 5px 0 0 !important; font-size: 15px !important; }
.right.ttl-add-note-box .dt-tm-text p { padding: 0 !important; border-bottom: none !important; margin-right: 5px !important; padding-right: 5px !important; float: left !important; position: relative !important; width: auto !important; line-height: 17px; }
.right.ttl-add-note-box .dt-tm-text p:after { content: "|"; font-size: 10px; line-height: 1px; position: absolute; top: 7px; right: -3px; }
.right.ttl-add-note-box .dt-tm-text p:last-child:after { display: none; }
.right-loca-add-box { padding: 0 8px; height: auto; margin: 0; float: left; width: 100%; min-height: 70px;}
.right-loca-add-group-box { width: calc(100% - 60px); -webkit-width: calc(100% - 60px); -moz-width: calc(100% - 60px); float: left; }
h5.afc-plan-h5 { width: 100% !important; }
.right-loca-add-box .edit-mark-box { float: left; width: 60px; margin-top: 3px; }
.right-loca-add-box .edit-mark-box a { width: 30px !important; height: 30px !important; float: right !important; border-radius: 50%; margin-bottom: 3px; position: relative; }
.right-loca-add-box .edit-mark-box a:hover { background: #eee; }
.right-loca-add-box .edit-mark-box a.active i { background-position: -24px -23px; }
.right-loca-add-box .edit-mark-box i { -webkit-mask-image: url(../../assets/images/svg/edit.svg); mask-image: url(../../assets/images/svg/edit.svg); width: 12px; height: 12px; float: left; background-position: 0px 0px !important; background-repeat: no-repeat; background-size: 100% 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background: #888; }
.right-loca-add-box .edit-mark-box i.mark-done { -webkit-mask-image: url(../../assets/images/svg/activated.svg); mask-image: url(../../assets/images/svg/activated.svg); width: 16px; height: 16px; }
.right-loca-add-box .edit-mark-box a.active i.mark-done { background: #8dc741; }
.right-loca-add-box .edit-mark-box i.edit-icon { background: #888; }
.person-tab-details-box-con .accordion-group .accordion-inner .task-listing-box h5 { font-weight: 600; font-size: 14px; color: #000; word-wrap: break-word; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 5px 0 0 0; padding: 0; line-height: initial; text-align: left; }
.acvt-not-box { width: 100%; float: left; border: 1px solid #e0e0e0; padding: 0 8px; margin-top: -1px; }
.add-location { font-weight: 600; color: #555; font-size: 13px; white-space: nowrap; overflow: hidden; float: left; width: 100%; text-overflow: ellipsis; text-align: left; margin-bottom: 5px; }

.work-edu-spshot .afc-plan-filter {width: 100% !important; }
.task-listing-box-group .task-listing-box { margin-bottom: 0; }
.task-listing-box-group .acvt-not-box h5 { font-size: 14px; font-weight: 600; margin: 7px 0 5px 0 !important; width: 100% !important; text-align: left; padding: 0 !important; }
.task-listing-box-main-group { float: left; width: 100%; margin-top: 15px; padding-top: 15px; border-top: 1px dashed #d0d0d0; }
.task-listing-box-main-group > h5 { width: 100%; float: left; margin: 0 0 10px 0; padding-right: 60px; word-wrap: break-word; font-size: 13px; font-weight: 600; padding: 0 !important }
.task-listing-box-main-group.with-shorting { float: left; width: 100%; margin-top: 15px; }
.task-listing-box-main-group.with-shorting > h5 { margin-top: 5px !important; }
.task-listing-box-main-group.with-shorting .afc-plan-filter { width: auto; float: right; }
.task-listing-box-group { width: 100%; float: left; margin-bottom: 10px; }
.task-listing-box-group:last-child { margin-bottom: 0; }
a.pull-right.view-more { font-size: 12px; font-weight: 600; }

/*-----organization details page : news tab > overview-----*/
.tweet-overview { width: 100%; padding: 10px 15px; float: left; }
.tweet-main-box h4 { margin: 0; font-size: 15px !important; text-transform: capitalize !important; margin-bottom: 15px; font-weight: 700; color: #333; }
td.view-more-link.details-group h5 { margin-bottom: 0 !important; }

/*-----contact details > quickview >  notes----*/
.notes-tab-box .note-form.income-form { background: none; padding: 15px 0px 0 0px; border: none; margin-bottom: 0; }
.label.sl-prsn-nts { width: 100%; float: left; text-align: left; font-size: 12px; color: #404040; font-weight: 600; }
.note-edit-view-box.add-nt label.label.sl-prsn-nts { margin-bottom: 0; }
.cnt-note-tab .note-edit-view-box.add-nt .ck-nt-box span.emessage, .cnt-note-tab .collapse-activty  .lg-acvt-tab .input-field span.emessage { top: 35px !important; }

.notes-tab-box form { margin: 0 -5px; }
.input-field.col.s6.full-width-row { -webkit-width: calc(100% - 1.5%); -moz-width: calc(100% - 1.5%); width: calc(100% - 1.5%); }
.notes-tab-box .note-form span.date-icon { position: absolute; top: 10px; right: 0; }
.notes-tab-box .note-form .validate.timepicker label { font-size: 13px; font-weight: normal; left: 0; font-weight: 600; color: #333; }
.notes-tab-box .note-form .validate.timepicker label.active { font-size: 12px; top: 14px; left: 0; }
a.note-tab-add-btn { position: absolute; right: 0; }

.ppl-addlog-acvt-btns-grp {
    position: absolute;
    right: 0;
   /* top: 10px;*/
}
.ppl-addlog-acvt-btns-grp .small-btn {
    position: relative;
    right: 0;
    display: inline-block;
    margin-left: 5px;
}


.notes-tab-box .collapse-activty .collapse-activty-triger { height: 15px; }
.notes-tab-box .activity-sidebar .collapse-activty h3 { -webkit-width: calc(100% - 140px); -moz-width: calc(100% - 140px); width: calc(100% - 140px); font-size: 13px; color: #2077bd; text-transform: capitalize; font-weight: 600; white-space: nowrap; word-wrap: break-word; text-overflow: ellipsis; overflow: hidden; min-height: 16px; display: inline-block; margin: 0; }
.notes-tab-box .date_time_note { font-size: 11px; font-weight: 400; color: #999; margin-bottom: 0; text-align: right; float: right; }
.notes-tab-box .clearfix.left-actvty-tp { margin-top: 10px; width: 100%; }
.note-acco-con-box { width: 100%; margin: 10px 0; font-size: 12px; font-weight: 400; color: #555; word-wrap: break-word; }
.note-acco-con-box > p { background: #fcf6c9 !important; padding: 8px; }
.note-acco-con-btns { width: 100%; float: left; }
.note-acco-con-box-group { width: 100%; display: block; }
.note-acco-con-btns a { float: left; margin-right: 9px; font-weight: 700; font-size: 11px; }
.note-acco-con-btns a:after { content: "|"; line-height: 9px; position: relative; right: -4px; float: right; top: 1px; font-size: 11px; color: #c1c1c1; }
.note-acco-con-btns a:last-child:after { display: none; }
.note-acco-con-btns a.delete-btn { color: #ec6d70; }
.note-acco-con-btns a.edit-btn { color: #222; }
h6.note-edit-ttl { font-size: 12px; font-weight: 700; margin: 15px 0 10px 5px; color: #222; text-transform: uppercase; }
.note-edit-view-box {    width: 100%; float: left; padding: 0;position: relative; }
.note-edit-view-box .full-inr-table {padding: 0 5px;}
.note-edit-view-box.nt-edt { border: none; }
.actvt-box-rd-box .note-edit-view-box.add-nt .income-btn { padding: 0 7px; }
.activity-sidebar .note-edit-view-box.nt-edt .cancel-brd-btn { position: relative; left: 0; right: 0; top: auto; }
.note-edit-view-box.nt-edt .note-toggle.fs-display h5.note-mn-ttl { display: block; margin-left: -4px; }
.notes-tab-box form .income-btn .btn { padding: 0px 10px; height: 29px !important; line-height: 30px; font-size: 12px; }
.full-width-row { padding: 0 7px; float: left; width: 100%; }
.full-width-row .input-field { margin: 0 !important; width: 100% !important; }
.note-edit-view-box.add-nt { margin-bottom: 10px; }
.notes-tab-box .income-form .input-field.s6 input[type="text"] { margin: 0 0 25px 0; }
.acvt-add-moreplus button { background: none; border: none; width: auto; }
.private-note-onoff {    /* padding-left: 5px; */
margin-top: 0; margin-bottom: 20px; width: 100%; float: left; }
.org-quick-view .mrg-set.org-lg-srhbx.full-width-row.ck-nt-box { padding: 0; margin-bottom: 10px; }
.tags-link-box.recd-slct-tag { position: relative; }
.recd-slct-tag .tag { position: relative; border: 1px solid #e8e6e6 !important; margin-bottom: 15px; overflow: auto; max-height: 300px; padding: 5px 5px 5px 5px; }
.tags-link-box.recd-slct-tag  tags-input .tags .input { border-bottom: 1px solid #d9d9d9; }
.tags-link-box.recd-slct-tag  tags-input .tags .input:focus { border-color: #0e76bc; }
.recd-slct-tag span.emessage { margin: 0; top: 37px; left: 2px; }

/*NOTES ZOOM IN ZOOMOUT*/
.note-toggle { transition: all 0.3s ease; -ms-transition: all 0.3s ease; }
.note-toggle.fs-display { text-align: center; width: 100%; border: none; }
.cnt-note-tab .tab-pane .fs-display .lg-acvt-tab { border: none; padding: 0; }
.note-toggle .full-view-screen { top: 2px; z-index: 2; transform: none; }
.note-toggle.fs-display .full-inr-table { padding: 20px; background: #fff; width: 800px; float: none; display: inline-block; max-width: 95%; margin: 20px auto; position: relative; text-align: left; border: none; border-radius: 0; }
.note-toggle.fs-display h6.note-edit-ttl { font-size: 14px; margin: -4px 0 10px 5px; }
.note-toggle .fl-fw.full-inr-table {
    position: relative;
 	overflow-y: auto !important;
    overflow-x: hidden !important;
    max-height: 93vh !important;
}
.note-toggle.fs-display .full-view-screen { top: 2px; }
.note-toggle.fs-display h5.note-mn-ttl { margin-top: -6px; margin-bottom: 10px; padding: 0; font-size: 15px; }
.note-toggle .fl-fw.full-inr-table .fl-fw .cancel-brd-btn { position: relative; top: 0; left: 0; }

body.notes-app-open .right-content-details .content-details-con-area {
	 z-index: -1; 
}
body.notes-app-open .right-content-details.fl-screen .content-details-con-area {
	/* z-index: 0; */
}


/*peple and organization page popup with add body class */
body.notes-app-open #page-content-wrapper .page-content .right-content {
    overflow: hidden;
}

/*product and license page popup with add body class */
body.notes-app-open { overflow: hidden; }
body.notes-app-open #wrapper.toggled #sidebar-wrapper, body.notes-app-open .lic-pro-ttlbar-fix, body.notes-app-open #page-content-wrapper .top-head, body.notes-app-open ._add_license .input-field label.i_label.active, body.notes-app-open .information-section .input-field input.input-txt, body.notes-app-open .btns-grps-btm-fixed, body.notes-app-open label.active.dmy, body.notes-app-open .sidebar-link, body.notes-app-open .person-details.scrolled .left-details, body.notes-app-open .people-details-sticky.scrolled .person-details .left-details, body.notes-app-open .browser-default-set:before, body.notes-app-open .filter-option-sidebar { z-index: -1 !important; }
body.notes-app-open .top-titlebar.email-lft-tp-hd .top-title-sectop,  body.notes-app-open button.back-btn-small, body.notes-app-open .pagination { z-index: -1 !important; }
body.notes-app-open #wrapper.toggled #sidebar-wrapper { z-index: 0 !important; }
body.notes-app-open .note-toggle.fs-display .full-view-screen { z-index: 1 !important; }


body.notes-app-open #wrapper.toggled #page-content-wrapper .top-head {
	z-index: -2 !important;
}
body.notes-app-open .lic-pro-left-box.pdng-btm-0 {
	z-index: -3 !important;
	position: relative;
}


/* people details and org details popup set */
.right-content-details { padding: 0 0 0 18px; overflow: inherit; width: calc(100% - 480px); float: right; }

body.notes-app-open .tabContViewport .mCustomScrollBox, 
body.notes-app-open .tabContViewport .mCSB_container, 
body.notes-app-open .con-scrll-left, 
body.notes-app-open .panel-box.mtn.stage-section, 
body.notes-app-open .lic-pro-right-box,
body.notes-app-open .lic-pro-right-box .mCustomScrollbar,  
body.notes-app-open #page-content-wrapper .page-content .right-content, 
body.notes-app-open .dash-cal-right-scroll { overflow: inherit !important; height: initial !important; }

body.notes-app-open .lic-adrs-wh-chk .form-check-group { display: none; }
body.notes-app-open .ui-timepicker-wrapper { top: auto !important; bottom: 100% !important; }
body.notes-app-open .work-edu-spshot .left-log-tab.income-form .input-field.s6.mrg-set { width: 47%; }
body.notes-app-open .person-tab-details-box li a, body.notes-app-open #page-content-wrapper .top-head, body.notes-app-open #wrapper.toggled #sidebar-wrapper, body.notes-app-open .top-title-sectop .search-box .search-icon, body.notes-app-open .tags-link-box .contact-acvt-tab-group .nav-tabs li.active a:after, body.notes-app-open .close-srh-nm-edt, body.notes-app-open [type="checkbox"].filled-in:disabled:checked + label:before, body.notes-app-open .note-toggle .full-view-screen, body.notes-app-open  tags-input .tags .tag-item .remove-button:after { z-index: -1 !important; }
body.notes-app-open div#scrollbar-div-block, body.notes-app-open .dashboard-contact-sidebar .activity-sidebar { height: 100% !important; }
body.notes-app-open .note-toggle.dtls-ppup.fs-display, body.notes-app-open .details-pege-accordian .actvt-box-rd-box .note-edit-view-box.add-nt, body.notes-app-open .details-pege-accordian .actvt-box-rd-box #note_form_add { -webkit-width: calc(100% + 617px) !important; -moz-width: calc(100% + 617px) !important; -ms-width: calc(100% + 617px) !important; width: calc(100% + 617px) !important; left: -588px; top: -250px !important; bottom: -250px !important; }
body.notes-app-open .foc-open.dashboard-contact-sidebar { width: 100%; top: 0; }
body.notes-app-open .lic-pro-right-box .note-edit-view-box.add-nt, body.notes-app-open .dashboard-contact-sidebar .note-edit-view-box.add-nt { -webkit-width: calc(100% + 7px) !important; -moz-width: calc(100% + 7px) !important; -ms-width: calc(100% + 7px) !important; width: calc(100% + 7px) !important; left: 0; top: 0 !important; bottom: -250px !important; }
body.notes-app-open .dashboard-right-tab { overflow: inherit; }
.cnt-note-tab .tab-content { padding: 0 !important; }
.work-edu-spshot .left-log-tab.income-form .input-field.s6.mrg-set { width: 44%; }
.work-edu-spshot .left-log-tab .browser-default-set .browser-default { padding-right: 15px; }

body.notes-app-open .right-content-details.fl-screen .note-toggle.dtls-ppup.fs-display,

body.notes-app-open .right-content-details.fl-screen .details-pege-accordian .actvt-box-rd-box #note_form_add
 {
    width: calc(100% + 617px) !important;
    left: -360px;
    top: -250px !important;
    bottom: -250px !important;
}


/*---------contact quick view > task > add more button droupdown-----------*/
.contact-acvt-tab-group { width: 100%; float: left; position: relative; }
.acvt-add-moreplus { position: absolute; right: 0; width: 20%; height: 70px; }
.acvt-add-moreplus figure { clear: both; display: inline-block; margin: 0; position: relative; float: left; text-align: center; left: 50%; height: 30px; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); }
.acvt-add-moreplus button { background: none; border: none; height: 70px; width: auto; position: absolute; left: 50%; transform: translateX(-50%); padding: 0; margin: 0; width: 30px; }
.acvt-add-moreplus figure span { -webkit-mask-image: url(../../assets/images/svg/addmore.svg); mask-image: url(../../assets/images/svg/addmore.svg); width: 20px; height: 20px; background: #313534; float: left; margin-top: 2px; }
span.actv-addmore-text { font-size: 13px; font-weight: 400; display: inline-block;}
.acvt-add-moreplus ul.dropdown-menu.pull-right { min-width: 100px; margin-top: 0; padding: 0; border-radius: 0; }
.acvt-add-moreplus ul.dropdown-menu.pull-right li a { padding: 4px 8px !important; font-size: 12px; }
.notify-select-box.notidy-tarck-box ul { width: 177px; }
.notify-select-box.send-invdul-email-box ul li label { font-size: 12px; padding-left: 25px; }
.send-invdul-radio-box { width: 215px; float: left; }
.send-invdul-radio-open { display: inline-block; float: left; width: 166px; }
.send-invdul-radio-open label { font-size: 12px; font-weight: 600; color: #000; padding-left: 5px; }
.send-invdul-radio-open ul li { width: auto; }
.group-icons.view-more-bx { width: 100%; float: left; }
.send-invdul-radio-open.lng-optn-bx {width: 220px; }
/*------email folder module:start-------*/
.email-tree-folder { width: 100%; float: left; padding: 0; }
.email-tree-folder li { list-style-type: none; float: left; width: 100%; height: 35px; overflow: hidden; position: relative; }
.email-tree-folder li.open-menu, .email-tree-folder ul.open-menu li { height: auto; transition: all 0.5s ease; }
ul.open-menu > li:first-child > a:before { transform: rotate(90deg); }
.email-tree-folder li.open-menu > a { height: 35px; }
.email-tree-folder li ul { width: 100%; float: left; }
.email-tree-folder li a { float: left; font-weight: 500; color: #555; text-decoration: none; position: relative; padding: 8px 5px 8px 20px; width: 100%; }
.email-tree-folder li a:hover { background: #e5e8ec; }
.email-tree-folder li:first-child > a:before { content: ""; width: 0; height: 0; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 4px solid #7f7f7f; position: absolute; left: 10px; top: 12px; }
.email-tree-folder li i { margin-right: 5px; }
.email-tree-folder li ul { padding-left: 15px; }
.read-only-field { pointer-events: none; }
a.crt-folder { padding: 10px; float: left; width: 100%; border-bottom: 1px solid #eee; color: #8dc741; font-weight: 600; text-decoration: none; }
a.crt-folder:hover { background: #e5e8ec; }
.email-fc-tabs > ul.nav  { border-bottom: none; margin-left: 10px; margin-bottom: 10px; }

.email-fc-tabs.ggl-fldr-bx ul li a { border-radius: 3px !important; }
.tags-link-box .email-fc-tabs.ggl-fldr-bx ul.nav-tabs { box-shadow: none !important; padding: 0 !important; margin: 0 !important; border: none !important; }

.email-fc-tabs > ul.nav > li.active a.nav-link:after { background: #fff; border-color: #1c75bc; }
.email-fc-tabs > ul.nav > li > a.nav-link:after { content: ""; -webkit-mask-image: url(../../assets/images/svg/folder.svg); mask-image: url(../../assets/images/svg/folder.svg); background: #7f7f7f; width: 18px; height: 16px; float: left; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.email-fc-tabs > ul.nav > li > a.nav-link:after { -webkit-mask-image: url(../../assets/images/svg/team-position.svg); mask-image: url(../../assets/images/svg/team-position.svg); }
.email-fc-tabs > ul.nav > li.tab-con-user a.nav-link:after { -webkit-mask-image: url(../../assets/images/svg/user.svg); mask-image: url(../../assets/images/svg/user.svg); width: 17px; height: 17px; }

/*--cm plan tab--*/
.email-fc-tabs > ul.nav > li.tab-cm-plan a.nav-link:after { -webkit-mask-image: url(../../assets/images/svg/cm-plan.svg); mask-image: url(../../assets/images/svg/cm-plan.svg); width: 19px; height: 19px; }
.email-fc-tabs > ul.nav > li.tab-cm-step a.nav-link:after { -webkit-mask-image: url(../../assets/images/svg/cm-step.svg); mask-image: url(../../assets/images/svg/cm-step.svg); width: 20px; height: 18px; position: relative; left: 2px; top: 6px; }
.email-fc-tabs > ul.nav > li.tab-cm-step-overview a.nav-link:after { 
    -webkit-mask-image: url(../../assets/images/svg/cm-step-overview.svg); 
    mask-image: url(../../assets/images/svg/cm-step-overview.svg); 
    width: 21px; height: 18px; position: relative; left: 2px; top: 7px; 
}
.email-fc-tabs > ul.nav > li.product-user-data a.nav-link:after { -webkit-mask-image: url(../../assets/images/svg/user2.svg); mask-image: url(../../assets/images/svg/user2.svg); width: 20px; height: 18px; position: relative; left: 5px; top: 5px; }

.email-fc-tabs > ul.nav > li.active a.nav-link { background: #1c75bc; border-color:#1c75bc;  }
.email-fc-tabs > ul.nav > li:first-child a.nav-link { -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; }
.email-fc-tabs > ul.nav > li:last-child a.nav-link { -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; }
.email-fc-tabs > ul.nav > li > a.nav-link:after { content: ""; -webkit-mask-image: url(../../assets/images/svg/folder.svg); mask-image: url(../../assets/images/svg/folder.svg); background: #7f7f7f; width: 18px; height: 16px; float: left; }


.email-fc-tabs > ul.nav > li > a.nav-link {
    margin: 0;
    border: 1px solid #e2e6ea;
    margin-left: -1px;
    height: 32px;
    width: 40px;
}

span.flder-stting-box { position: absolute; right: 30px; width: 35px; height: 25px; cursor: pointer; top: 0; }
span.flder-stting-box i { position: absolute; right: 5px; top: 12px; width: 15px; height: 15px; -webkit-mask-image: url(../../assets/images/svg/edit.svg); mask-image: url(../../assets/images/svg/edit.svg); background: #7f7f7f; }
.email-fc-main-tabs .angular-ui-tree-node i.delete-icon { position: absolute; top: 9px; right: 6px; padding: 0 4px; font-style: initial; cursor: pointer; }

i.delete-icon.fldr-icn { position: absolute; right: 10px !important; top: 11px !important; width: 12px; height: 15px; -webkit-mask-image: url(../../assets/images/svg/delete.svg); mask-image: url(../../assets/images/svg/delete.svg); background: #7f7f7f; }
.angular-ui-tree-nodes .angular-ui-tree-node { cursor: pointer; }
.angular-ui-tree-nodes { position: relative; margin: 0; padding: 0; list-style: none; }
.asign-tm-pstn .angular-ui-tree-nodes .angular-ui-tree-node ul.angular-ui-tree-nodes {padding-left: 15px; }
/*----email tab---*/
.email-fc-tabs, .email-fc-main-tabs { width: 100%; float: left; }
.email-fc-main-tabs { margin-top: -41px; }
.email-fc-main-tabs.email-no-found { margin-top: 10px; }
.angular-ui-tree { width: 100%; float: left; }
.angular-ui-tree-node a.lstng-row { display: block; padding: 10px 6px 10px 30px; text-decoration: none; font-weight: 500; color: #555; width: 100% !important; /*float: left !important; */}
.angular-ui-tree-node  a.lstng-row i.folder-icons { position: absolute; width: 28px; height: 30px; left: 0; top: 0; }
.angular-ui-tree-node a.lstng-row:before { content: ""; background: url(../../assets/images/folder-img.png) left top no-repeat; width: 18px; height: 16px; float: left; padding: 6px 10px; position: relative; left: -3px; top: 1px; }


.email-fc-main-tabs .angular-ui-tree-node ul li a {background: none; border-left: 1px dashed #eee; }
.glyphicon-chevron-down:before { content: ""; width: 0; height: 0; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 4px solid #7f7f7f; position: absolute; left: 10px; top: 12px; }
.email-fc-main-tabs .angular-ui-tree-node { padding: 0; font-weight: 600; left: 0; position: relative; height: auto; min-height: initial; /*float: left;*/ width: 100%; }
.email-fc-main-tabs .angular-ui-tree-node a:hover { background: #ececec; }
i.folder-icons:before { content: ""; width: 0; height: 0; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 4px solid #7f7f7f; position: absolute; left: 12px; top: 15px; }
i.folder-icons.arrow-open:before { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); }
.top-title-sectop.contact-right-search .search-box.with-tabs-row { -webkit-width: calc(100% - 92px); -moz-width: calc(100% - 92px); width: calc(100% - 92px); float: right; }
li.angular-ui-tree-node { margin: 0; padding: 0; height: auto; min-height: initial; }
.modal-dialog.add-contact-popup.alert-box.modal-sm .delete-from-google div { float: left; }
.left-content.listing-table-responsive .table-filter-icon { margin: 0; }
.btn-group.dlt-unarcv-filter .search-main-left-group { margin-left: 0; width: 270px; }

.srh-wh-slct-btn > i.usr-org-dp { -webkit-mask-image: url(../../assets/images/svg/user.svg); mask-image: url(../../assets/images/svg/user.svg); width: 15px; height: 15px; float: left; background: #fff; position: relative; left: -3px; }
.srh-wh-slct-btn.search-org > i.usr-org-dp { -webkit-mask-image: url(../../assets/images/svg/org.svg); mask-image: url(../../assets/images/svg/org.svg); }
.srh-wh-slct-btn i.fa.fa-caret-down { position: absolute; font-size: 9px; top: -1px; right: 4px; }
/*--DELETE PEOPLE FROM GOOGLE & UNARCHIVE--*/
.btn-group.dlt-unarcv-filter .top-multi-option-select { width: 100%; }
.btn-group.dlt-unarcv-filter .top-multi-option-select .btn-group { margin-top: 0; }
.search-select-box.page-show-box.dlt-ppl-page-box { margin: 10px 0; }
.dlt-ppl-page-box .select-wrapper .select-dropdown { border: none; }
.goal-main-con.edit-view-form-con-box .family-member-details .inf-crd-dtls { float: left; padding-right: 40px; }
.edit-delete-table > a > i.close-icon { background-position: 0 -15px; }
.org-emp-module .record-display-group { float: left; display: inline-block; border: 1px solid #e4e4e4; margin-top: 10px; padding: 0 0 0 10px; }
.org-emp-module .table-filter-icon { width: auto; margin: 0; bottom: 0; }
.org-emp-module .table-filter-icon > ul { top: 0; }
.org-emp-module .record-selected { margin: 8px 10px 0 0; }

/*--EMAIL:INBOX LABEL ADD--*/
.label-inbox-set-group { width: 100%; float: left; padding: 0 15px; margin: -7px 0 7px 0; }
.label-inbox-set { width: auto; float: left; margin-right: 5px; background: #eee; font-size: 12px; font-weight: 500; border: 1px solid #e4e4e4; }
.label-inbox-set span { float: left; line-height: 20px; padding: 0 5px; }
.label-inbox-set .close-label-tag { float: left; height: 20px; background: #eee; padding: 0 5px; line-height: 22px; font-size: 11px; text-decoration: none; color: #000; }
.label-inbox-set .close-label-tag:hover { background: #d8d8d8; }
.srh-bx-group-er { -webkit-width: calc(100% - 90px); -moz-width: calc(100% - 90px); width: calc(100% - 90px); float: right; }
.srh-bx-group-er .search-box.with-tabs-row { float: left !important; -webkit-width: calc(100% - 42px) !important; -moz-width: calc(100% - 42px) !important; width: calc(100% - 42px) !important; }
.srh-bx-group-er button.btn.view-all.gray-btn { height: 33px; width: 35px; margin-left: 7px; position: relative; }
.browser-default-set.edit-folder > label { top: 0px; font-size: 12px; }
li.move-to-inbox { padding: 0 10px 0 6px; border-right: 1px solid #eee; line-height: 31px; }
li.move-to-inbox a { text-decoration: none; color: #555 !important; }
.browser-default.associate-slct-box { float: left; width: auto; margin-top: 3px; background: url(../../assets/images/icon-select.png) no-repeat right 7px top 12px; right: 0; color: #333; border: none; font-size: 14px; font-weight: 500; padding-right: 26px; min-width: 170px; }
.email-fc-main-tabs.draft-folder { margin-top: 0; }
.email-fc-main-tabs.draft-folder .angular-ui-tree-nodes { float: left; width: 100%; }
.slct-chk-box { position: relative; float: left; width:30px; height: 30px; }
.slct-chk-box .filled-in { left: 0; top: 0; z-index: 1; opacity: 0; margin-top: 0; }
.slct-chk-box.lrg-slct .filled-in { width: 30px; height: 30px; cursor: pointer; z-index: 2; }
.select-people-scroll .slct-chk-box .filled-in { width: 100%; height: 100%; z-index: 2; }
.input-field-bx { position: relative; width: auto; display: inline-block; }
.notify-select-box ul li .input-field-bx input[type="checkbox"], .notify-select-box ul li .input-field-bx input[type="radio"] { left: 0; width: 100%; opacity: 0; z-index: 2; cursor: pointer; top: 0; height: 100%; }

.select-contact-popup .input-field .angucomplete-row { height: auto; min-height: initial; text-align: left; }
.select-contact-popup .angucomplete-holder input[type="text"] { font-size: 13px !important; }
.select-contact-popup .add-ppl-tm-pstn-ppup .angucomplete-holder input[type="text"] { font-size: 12px !important; }
.srh-bx-group-er.drft-search { width: 100%; }
.comps-eml-slct-box { position: relative; float: left; width: 227px; margin-bottom: 10px; }
form .comps-eml-slct-box span.emessage { left: 0; top: 51px; }

/*-----email expand and collapse: contact user-----*/
ul.con-per-ul-group.eml-user-exp-cls > li { display: none; }
ul.con-per-ul-group.eml-user-exp-cls > li:first-child, ul.con-per-ul-group.eml-user-exp-cls > li:nth-child(2), ul.con-per-ul-group.eml-user-exp-cls > li:nth-child(3), ul.con-per-ul-group.eml-user-exp-cls > li:nth-child(4) { display: block; }
ul.con-per-ul-group { width: 100%; margin-bottom: 0; position: relative; float: left; }
.eml-user-exp-cls-arrow { width: 100%; height: 20px; float: left; border-radius: 0; text-align: center; position: relative; top: -5px; display: none; }
.eml-user-exp-cls-arrow { display: block; }
.eml-user-exp-cls-arrow span:after { content: "\f0dd"; width: 20px; height: 20px; position: absolute; font-family: 'FontAwesome'; left: -1px; top: 1px; color: #bbb; -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); transform: rotate(-180deg); }
.eml-user-exp-cls-arrow span { position: relative; width: 20px; height: 20px; bottom: 0; border-radius: 0; display: inline-block; border: 1px solid #e4e4e4; cursor: pointer; }
.eml-user-exp-cls-arrow span:hover { background: #eee; border-color: #c3c3c3; }

.eml-user-exp-cls .eml-user-exp-cls-arrow { display: block; }
.eml-user-exp-cls .eml-user-exp-cls-arrow span:after { top: -2px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); transform: rotate(0deg); transition: all 0.2s ease; }

/*-----Activity & Communication-------*/
.co-ttl { float: right; }
.co-ttl .lst { display: inline-block; margin-left: 10px; font-size: 11px; }
.co-ttl .lst span { color: #0e76bc; }
.email-right-inbox > ul li.sticky-email.expand-mail-box > .row-box {position: fixed; background: #eee; -webkit-width: calc(100% - 533px); -moz-width: calc(100% - 533px); width: calc(100% - 533px); z-index: 2; top: 107px; max-width: 100%; border-right: none; border-bottom: 1px solid #d0cbcb; }
.email-right-inbox > ul li.sticky-email .msg-expand-box {padding-top: 25px; }
.email-right-inbox > ul li.sticky-email.expand-mail-box > .row-box .mail-options-box.mail-reply-options, .email-right-inbox > ul li.sticky-email.expand-mail-box > .row-box .mail-options-box.mail-reply-options:before { background: #eee }
.dashboard-contact-sidebar .person-details.scrolled .left-details { position: fixed; top: 54px; background: #fff; z-index: 3; right: 10px; left: auto; width: 457px; max-width: 457px; margin-top: 0; padding: 10px 10px 5px 10px; border-bottom: 1px solid #eee; box-shadow: 0 0 2px #c5c5c5; -webkit-transition: all 0.1s; -moz-transition: all 0.1s; transition: all 0.1s; }
.current-activit-box .ttl { font-size: 14px; font-weight: 700; text-transform: uppercase; display: inline-block; }
.current-activit-box a.more-link { float: right; font-weight: 600; font-size: 13px; }
.current-activity-inner {margin: 15px 0 0 0; position: relative; border-bottom: 1px dashed #c7c7c7; }
.current-activity-inner:last-child { border-bottom: 0; }
.current-activity-inner:last-child .eml-link-btm { margin-bottom: 0; }
.current-activity-inner, .email-head { width: 100%; float: left; }
.current-activity-inner .left-icon { width: 40px; float: left; }
.current-activity-inner .left-icon .acvt-icons-bg { background: #e8e8e8; }
.current-activit-box.snpshot-acvt-box .current-activity-inner .right-con { width: 100%; }
.activity-log-section .current-activit-box.snpshot-acvt-box .current-activity-inner .right-con { -webkit-width: calc(100% - 40px); -moz-width: calc(100% - 40px); width: calc(100% - 40px); float: left; }
.right-con.fl-fw.snpshot-notes { width: 100% !important; }
.current-activity-inner .right-con { -webkit-width: calc(100% - 40px); -moz-width: calc(100% - 40px); width: calc(100% - 40px); float: left; }
.current-activity-inner .right-con .accordion-footer { float: left; font-size: 12px; font-weight: 500; margin-bottom: 5px; }
.current-activity-inner .email-head { float: left; width: 100%; text-align: left; word-wrap: break-word; }
.current-activity-inner h5.mn-ttl { font-size: 12px !important; font-weight: 500 !important; width: 100% !important; float: left; margin: 3px 0 0 0 !important; padding: 8px !important; text-align: left; background: #fcf6c9; word-wrap: break-word; line-height: 18px; color: #545454 !important; }
p.eml-mn-con { float: left; width: 100%; font-size: 12px; font-weight: 500; color: #656565; word-wrap: break-word; }
p.send-query { width: 100%; float: left; position: absolute; left: 0; right: 0; }
.current-activity-inner .email-head h5 p { margin-bottom: 0; }
.current-activity-inner p.cus-editor { text-align: left; margin-bottom: 0; }
.msg-data-bx .add-location { text-overflow: initial; overflow: visible; white-space: initial; }
.msg-data-bx .right-loca-add-group-box { width: 100%; }
.msg-data-bx .right.ttl-add-note-box .date-time-box { position: absolute; right: 0; width: auto; padding: 0; top: 9px; border: none; }
.person-tab-details-box li > a > span.tab-label { width: 90px; }
.search-category-input-field form.search-contact-form { -webkit-width: calc(100% - 60px); -moz-width: calc(100% - 60px); width: calc(100% - 60px); }
.search-category-input-field form.search-contact-form input[type="text"] { font-size: 12px; }
.current-activity-inner .email-head .title { -webkit-width: calc(100% - 140px); -moz-width: calc(100% - 140px); width: calc(100% - 140px); float: left; }
.current-activity-inner .email-head .title a { font-size: 12px; color: #333333; font-weight: 600; float: left;   /*  cursor: default!important; */ text-decoration: none; width: 100%;}
.current-activity-inner .email-head .title a span { position: relative; display: inline-block; float: left; padding-right: 5px; width: 100%; }
.current-activity-inner .email-head .title a span:before { content: "\f0da"; float: left; position: relative; font-family: 'FontAwesome'; margin: 0 4px 0 0; top: 1px; left: 0; right: auto; }
.current-activity-inner .email-head .title a span:first-child:before { display: none; }
.current-activity-inner .email-head .date { width: 130px; float: right; display: inherit; text-align: right; font-size: 12px; font-weight: 400; color: #888; }
.eml-link-btm { float: right; position: relative; clear: both; margin: -10px 0 5px 0; font-weight: 500; font-size: 13px; }
.eml-link-btm i.link-icon { top: 0; margin: 0; width: 25px; background-position: -27px 3px !important; border-radius: 0; background: url(../images/email-group-icon.png) no-repeat 0 0; height: 25px; opacity: 0.5; float: left; }
.current-activity-inner .acvt-icons-bg i { width: 18px; height: 20px; background: #2279be; float: left; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.current-activity-inner .acvt-icons-bg i.acvt-email { margin-top: 1px; }
.current-activit-box { width: 470px; border: 1px solid #d9d9d9; float: left; padding: 10px; border-radius: 5px; margin-top: 10px; }
.current-activit-box .body { padding: 0; }
.snpshot-acvt-box .body.accordion-inner a.more-link { margin-bottom: 5px; }

/*--ACTIVITY & COMMUNICATION--*/
.ac-box { width: 310px; margin: 0 auto; border: 1px solid #cacaca; margin-top: 0; text-align: center; display: table; border-radius: 3px; float: right; padding: 10px 2px; }
.ac-box .activity-box { width: 110px; float: none; display: table-cell; vertical-align: middle; }
.activity-box .activity-box-cntr { width: 80px; height: 80px; float: none; border: 6px solid #e7e7e7; border-radius: 50%; display: inline-block; }
.activity-box-cntr .activity-box-brd { width: 100%; display: table; height: 100%; position: relative; background: transparent !important; }
.activity-box-brd > span { color: #909090; font-size: 11px; font-weight: 500; }
.activity-box-brd > span.month { position: absolute; left: 50%; top: 6px; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); }
.activity-box-brd > span.year { position: absolute; left: 50%; bottom: 6px; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); }
.activity-box-brd > h3 { width: 100%; height: 100%; display: table-cell; vertical-align: middle; font-size: 24px; font-weight: 700; }
.activity-box-brd.green > h3 { color: #90c74f; }
.activity-box-brd.blue > h3 { color: #1c75bc; }
.activity-box-brd.red > h3 { color: #fa7272; }
.activity-box-cntr h4.activity-title { width: 100%; text-align: center; font-size: 11px; font-weight: 700; color: #4a4a4a; margin-top: 18px; margin-bottom: 0; word-wrap: break-word; }
.left-log-tab { border: 1px solid #cacaca; padding: 10px; border-radius: 3px; -webkit-width: calc(100% - 320px); -moz-width: calc(100% - 320px); width: calc(100% - 320px); float: left; }
.actvt-box-rd-box { width: 100%; float: left; }
.left-log-tab.income-form { background: none; padding: 10px; min-height: 321px; }
.current-activit-box { width: 100%; }
.ppl-rght-group i.delete-icon { position: absolute; top: 2px; right: 2px; width: 20px; height: 20px; cursor: pointer; float: left; background: #eee; border-radius: 50%; text-align: center; color: #999; }
.ppl-rght-group i.delete-icon:before { top: 2px; position: relative; font-size: 12px; }
.list-time-box { width: 100%; float: left; }
.list-time-box .tab-pane { float: left; width: 100%; }
.list-time-box .lst-tm-ulb { width: 100%; float: left; margin-top: -46px; position: relative; }
.list-time-box .lst-tm-ulb > ul.nav.nav-tabs { width: 180px; float: right; margin-bottom: 0; border-bottom: none; }
.list-time-box .lst-tm-ulb > ul.nav.nav-tabs li a { padding: 5px; width: auto; font-weight: 600; -webkit-border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; -o-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px; border: 1px solid #e2e6ea; }
.list-time-box .lst-tm-ulb > ul.nav.nav-tabs li.active a { background: #1c75bc; color: #fff; border-color: #1c75bc; }
.list-time-box .lst-tm-ulb > ul.nav.nav-tabs li:first-child a { -webkit-border-radius: 2px 0 0 2px; -moz-border-radius: 2px 0 0 2px; border-radius: 2px 0 0 2px; }
.list-time-box .lst-tm-ulb > ul.nav.nav-tabs li:last-child a { -webkit-border-radius: 0 2px 2px 0; -moz-border-radius: 0 2px 2px 0; border-radius: 0 2px 2px 0; }
.list-time-box .lst-tm-ulb > .nav-tabs > li > a { font-weight: 600; }
.list-time-box .lst-tm-ulb > .nav-tabs { margin-bottom: 10px; }
.left-log-tab .nav-tabs > li > a { font-weight: 600; }
.list-tm-con { width: 100%; float: left; margin-top: 20px; }
.list-tm-con ul.nav li a { font-weight: 600; font-size: 13px; }
.actv-exp-clps-box { width: 100%; float: left; position: relative; text-align: left; margin-top: 5px; }
.actv-exp-clps-box .aec-arrow { position: absolute; right: 0; top: -21px; background: red; width: 20px; height: 20px; }
.actv-exp-clps-box .aec-arrow { position: absolute; right: 0; top: -21px; background: red; width: 20px; height: 20px; }
.current-activity-inner .right-con h5 { margin: 7px 0 !important; }
.current-activity-inner .right-con h5 p, .acvt-not-box p.note-bg-clr p { margin-bottom: 0; font-size: 12px;    /* color: initial !important; */ line-height: initial !important; font-weight: initial !important; }
.ppldtl-slct-type { margin: 0; }
.ppldtl-slct-type .select-box { border: 1px solid #cacaca; padding: 0 8px; margin: 0; }
.ppldtl-slct-type.browser-default-set:before { top: 9px; right: 7px; }

.note-sec-timeline { width: 100%; float: left; margin-bottom: 0; padding-left: 0; }
.note-sec-timeline h5.mn-ttl, .acvt-not-box p.note-bg-clr { background: #fcf6c9 !important; word-break: break-word; padding: 8px !important; font-size: 12px; height: auto; }

.fl-fw.srcnm-bx { text-align: left; }
.social-group > a > span.insta-icon > i { color: #f34a38; }
.left-log-tab.income-form a.swap-data-bx { position: relative; left: 0; margin: 10px 0 0 0; float: left; }
.left-log-tab tags-input .tags .input { width: 140px; }
.left-log-tab .ggl-mvto-fldr { position: relative; }
.list-tm-con .ggl-fldr-bx-db ul li a.nav-link { display: none; }
.list-time-box a.swap-data-bx { left: 0; position: relative; margin: 10px 0; float: left; }
.list-time-box .gml-dd-slct { margin: 0; }
.gml-dd-slct { width: 100%; float: left; }
/*-------------------------------------Accordion-----------------------------------------------*/
.mid-round { width: 12%; float: left; text-align: center; }
.mid-round:after { position: absolute; width: 3px; height: 100%; background-color: #d9d9d9; content: ""; left: 50%; top: 0; margin-left: -1px; z-index: 0; }
.mid-round .round { border-radius: 50%; color: #fff; font-size: 14px; font-weight: normal; width: 60px; height: 60px; margin: 0 auto; border: solid 3px #fff; z-index: 1; position: relative; }
.mid-round .round.green-round { background-color: #90c74f; text-transform: uppercase; z-index: 1; position: relative; display: inline-block; }
.mid-round .round span { display: table-cell; height: 60px; vertical-align: middle; text-align: center; width: 60px; font-size: 11px; font-weight: 600; position: relative; top: -2px; }
.custom-collapse-container { width: 100%; float: left; position: relative; padding: 0 10px; }
.custom-collapse { width: 44%; float: left; margin-top: 20px; }
.custom-collapse .accordion { width: 100%; float: left; }
.custom-collapse .accordion .accordion-group { width: 100%; float: left; -webkit-box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.16) !important; -moz-box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.16) !important; box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.16) !important; margin-bottom: 20px; opacity: 0.969; }
.details-pege-accordian #accordion-first .custom-collapse .accordion-heading { float: left; position: relative; border: none !important; border-radius: 0 !important; }

/*.custom-collapse .accordion-heading.accordion-opened { border-bottom: 1px solid #f6f6f6;}*/
.custom-collapse .accordion-heading .title { width: 100%; float: left; padding: 0 20px 0 0; }
.custom-collapse .accordion-heading .email-icon { width: 38px; height: 38px; background: #f2f2f2; border-radius: 50%; float: left; position: relative; }
.custom-collapse .accordion-heading .email-icon > i { float: left; width: 20px; height: 20px; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: #2279be; }
.custom-collapse .accordion-heading span { float: right; color: #333333; font-size: 11px; font-weight: 400; margin: 10px 0 0 0; }
.custom-collapse .accordion-heading .accordion-toggle { float: right; margin-top: 0; max-width: 20px; position: absolute; right: 10px; top: 15px !important; display: inline-block !important; }
.custom-collapse .accordion-heading .accordion-toggle:hover { position: absolute !important; top: 7px; }
.custom-collapse .accordion-heading.arrow-right:after { content: ""; position: absolute; top: 10px; left: -7px; right: 0; width: 15px; height: 15px; background: white; transform: rotate(-45deg); box-shadow: 0 0 6px rgba(0, 0, 0, 0.2); z-index: -1; }
.custom-collapse .accordion-heading.arrow-left:before { content: ""; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-right: 10px solid #f44336; position: absolute; top: 10px; left: -10px; }
.custom-collapse .accordion-heading .header-title { -webkit-width: calc(100% - 48px); -moz-width: calc(100% - 48px); width: calc(100% - 48px); float: left; margin: 0 0 0 10px; word-wrap: break-word; }
p.per-title-hd { -webkit-width: calc(100% - 48px); -moz-width: calc(100% - 48px); width: calc(100% - 48px); float: right; color: #fff; text-transform: initial; font-weight: 500; }
.custom-collapse .accordion-heading .header-title h3 { -webkit-width: calc(100% - 56px); -moz-width: calc(100% - 56px); width: calc(100% - 56px); float: left; margin: 0px; text-transform: initial; font-weight: 600; font-size: 13px; word-wrap: break-word; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-top: 10px; height: 15px; }
.custom-collapse .accordion-heading .header-title h3 span { margin-top: 0 !important; float: left; font-weight: 600; font-size: 13px; width: 100%; float: left; margin: 0px; text-transform: initial; font-weight: 600; font-size: 13px; word-wrap: break-word; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.custom-collapse .accordion-heading .header-title p { width: 100%; float: left; font-size: 12px; font-weight: 600; color: #1c75bc; margin: 5px 0 7px 0; line-height: 15px; text-transform: capitalize; }
.custom-collapse-big .accordion-heading { padding: 10px !important; border-radius: 0 !important; }
.custom-collapse .accordion-heading .a-head-content { width: 100%; float: left; margin-top: 0; padding: 0; }
.custom-collapse .accordion-heading .a-head-content p { width: 100%; float: left; font-size: 12px; color: #858585; margin-bottom: 0; text-transform: capitalize; line-height: normal; }
.custom-collapse .accordion-heading .a-head-content p a { color: #1c75bc; text-decoration: underline !important; font-size: 13px; margin-left: 5px; font-weight: 700; }
.custom-collapse .accordion-heading .a-head-content p label { color: #dadada; margin-left: 10px; float: right; margin-top: 5px; margin-right: 0px; }
.custom-collapse .accordion-heading.gray-box { background: #8093a0 !important; }
.custom-collapse .accordion-heading.gray-box .header-title h3, .custom-collapse .accordion-heading.gray-box .header-title p, .custom-collapse .accordion-heading.gray-box span { color: #fff; }
.custom-collapse .accordion-heading.gray-box .a-head-content p { color: rgba(255, 255, 255, 0.8); }
.custom-collapse .accordion-heading.gray-box h3 { color: #fff; }
.custom-collapse .accordion-heading.gray-box + .accordion-body { border-color: #9dabb5; background-color: #8093a0; color: #fff; }
.custom-collapse .accordion-heading.gray-box + .accordion-body, .custom-collapse .accordion-heading.gray-box + .accordion-body .accordion-text p { color: #fff; }
.custom-collapse .accordion-heading.gray-box + .accordion-body .user-details h3 { color: #fff; }
.custom-collapse .accordion-heading.sky-box { background: #69b2eb !important; }
.custom-collapse .accordion-heading.sky-box .header-title h3, .custom-collapse .accordion-heading.sky-box .header-title p, .custom-collapse .accordion-heading.sky-box span { color: #fff; }
.custom-collapse .accordion-heading.sky-box .a-head-content p { color: rgba(255, 255, 255, 0.8); }
.custom-collapse .accordion-heading.sky-box + .accordion-body { border-color: #7dbbec; background-color: #69b2eb; }
.custom-collapse .accordion-heading.sky-box + .accordion-body, .custom-collapse .accordion-heading.sky-box + .accordion-body .accordion-text p { color: #fff; }
.custom-collapse .accordion-heading.sky-box + .accordion-body .user-details h3 { color: #fff; }
.custom-collapse .accordion-toggle, .custom-collapse .accordion-toggle:hover { content: ""; float: right; background: url(../../assets/images/exp-col-img.png) no-repeat !important; width: 12px !important; height: 26px !important; transition: 0.5s all ease-in-out; -webkit-transition: 0.5s all ease-in-out; -moz-transition: 0.5s all ease-in-out; }
.custom-collapse .accordion-toggle[aria-expanded="false"]:after, .custom-collapse .accordion-toggle[aria-expanded="false"]:hover { content: ""; float: right; background-position: 0 0; transition: 0.5s all ease-in-out; -webkit-transition: 0.5s all ease-in-out; -moz-transition: 0.5s all ease-in-out; }
.custom-collapse .accordion-toggle[aria-expanded="true"]:after, .custom-collapse .accordion-toggle[aria-expanded="true"]:hover { content: ""; float: right; background-position: 0 0; }
.custom-collapse .white-arrow .accordion-toggle:after { background: url(../../assets/images/collapse-close-white.png); }
.custom-collapse .white-arrow.accordion-opened .accordion-toggle:after { background: url(../../assets/images/collapse-open-white.png); }
.custom-collapse .accordion-body { width: 100%; float: left; border-top: solid 1px #f6f6f6; }
.custom-collapse .accordion-body .accordion-inner { width: 100%; float: left; padding: 10px !important; border: none !important; background: none !important; }
.custom-collapse .accordion-inner .user-details { width: 100%; float: left; }
.custom-collapse .user-details .user-icon { width: 40px; height: 40px; background: #f44336; float: left; border: 2px solid #efeded; border-radius: 50%; font-size: 14px; color: #fff; text-align: center; line-height: 36px; text-transform: uppercase; font-weight: 400; overflow: hidden; }
.custom-collapse .user-details .user-icon img { width: 40px; height: 40px; max-width: 100%; max-height: 40px; }
.custom-collapse .user-details h3 { -webkit-width: calc(100% - 57px); -moz-width: calc(100% - 57px); width: calc(100% - 57px); float: left; color: #333333; font-size: 13px; font-weight: 600; line-height: 15px; margin: 12px 0 0 6px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.custom-collapse .accordion-inner .accordion-text { width: 100%; float: left; margin-top: 5px; }
.custom-collapse .accordion-inner .accordion-text h5 { width: 100%; padding-left: 0; color: #fff; margin-top: 0; padding: 0; font-weight: 500; font-size: 12px; }
.custom-collapse .accordion-text p { width: 100%; float: left; color: #858585; font-size: 12px; margin-bottom: 0; font-weight: 500; }
.custom-collapse .accordion-footer { width: 100%; float: left; border-top: 1px solid #8f9ea9; padding: 10px; font-weight: 500; font-size: 13px; }
.custom-collapse  .accordion-group.clrbg-tl .accordion-body .accordion-inner { margin-top: 0; }
.accordion-group.clrbg-tl .accordion-body .accordion-inner .accordion-text { color: #fff; margin-top: 0; }
.custom-collapse .accordion-footer a.reply-clps { -webkit-width: calc(100% - 52px); -moz-width: calc(100% - 52px); width: calc(100% - 52px); float: left; margin-bottom: 0; font-weight: 600; font-size: 13px; color: #666; }
.custom-collapse .accordion-footer a.pull-right.frwd-btn { font-weight: 600; font-size: 13px; color: #666; }
.accordion-footer .reply-txtara { width: 100%; float: left; margin: 10px 0 0 0; }
.accordion-footer .reply-txtara textarea { border: 1px solid #eaeaea; width: 100%; float: left; }
.custom-collapse .accordion-footer .collapse.in { width: 100%; float: left; }
.custom-collapse .accordion-body .accordion-inner .location { font-size: 12px; margin-bottom: 7px; }
.custom-collapse .accordion-body .accordion-inner .timing-outer { font-size: 12px; font-weight: 500; margin-bottom: 10px; }
.custom-collapse .accordion-body .accordion-inner .timing-outer .t-date { display: inline-block; margin-right: 15px; }
.custom-collapse .accordion-body .accordion-inner .timing-outer .t-time { display: inline-block; }
.custom-collapse .accordion-body .accordion-inner .property, .custom-collapse .accordion-body .accordion-inner .property-info, .custom-collapse .accordion-body .accordion-inner .imp-info { float: left; width: 100%; }
.custom-collapse .accordion-body .accordion-inner .property { font-size: 14px; font-weight: 500; }
.custom-collapse .accordion-body .accordion-inner .property span { padding: 3px 6px 3px 0; font-size: 12px; }
.custom-collapse .accordion-body .accordion-inner .property span.active { background-color: #92a6b5; border-radius: 15px; padding: 3px 20px; font-size: 12px; }
.custom-collapse .accordion-body .accordion-inner .property-info p { font-size: 12px; color: #eaecee; line-height: 16px; margin: 10px 0; }
.custom-collapse .accordion-body .accordion-inner .imp-info { background-color: #fcf6c9; color: #222222; font-size: 12px; line-height: 17px; padding: 10px; font-weight: 500; }
.custom-collapse .accordion-footer ul { margin: 5px 0 0 0; padding: 0; }
.custom-collapse .accordion-footer ul li { display: inline-block; position: relative; margin-right: 5px; margin-bottom: 3px; margin-top: 3px; }
.custom-collapse .accordion-footer ul li figure { width: 40px; height: 40px; float: left; }
.custom-collapse .accordion-footer .user-icon img { width: 100%; height: 100%; max-width: 100%; max-height: 100%; float: left; }
.custom-collapse .accordion-footer .user-icon { width: 40px; height: 40px; overflow: hidden; font-weight: 500; background: #f44336; float: left; border: 2px solid #efeded; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; font-size: 14px; color: #fff; text-align: center; line-height: 37px; text-transform: uppercase; }
figure.asso-lic-create-user > span, figure.asso-lic-create-user > div > span { -webkit-border-radius: 50% !important; -moz-border-radius: 50% !important; border-radius: 50% !important; }
.custom-collapse .accordion-footer .top-icon { position: absolute; right: -6px; top: 2px; text-align: center; display: block; border-radius: 50%; background-color: #ffffff; width: 17px; height: 17px; line-height: 17px; }
.custom-collapse .accordion-footer .top-icon img { float: none; }
.mt0 { margin-top: 0 !important; }
.full-width-block { float: left; width: 100%; position: relative; }
.custom-collapse.right-accordion { float: right; }
.custom-collapse.right-accordion .accordion-heading.arrow-right:after { border-right: 10px solid #fff; left: -8px; right: inherit; }
.custom-collapse.right-accordion .accordion .accordion-group { box-shadow: -4px 5px 15px 1px rgba(0, 0, 0, 0.16); }

.remaining-label { width: 100%; float: left; background: #feeeee; color: #404040; font-size: 14px; text-align: center; padding: 14px 0; font-weight: normal; margin: 15px 0; }
.remaining-label a { color: #ff0000; font-weight: 700; }

/*----------------------------------Remaining Label--------------------------------------------*/
.full-width-block .mid-round-black { width: 100%; margin-bottom: 40px; }
.full-width-block .mid-round-black .black-round { background: #4c5667; text-align: center; display: table; }
.full-width-block .black-round a { display: table-cell; vertical-align: middle; }
.full-width-block .black-round a img { float: none; display: inline-block; }
.mid-round-black:after { top: auto; z-index: 0; }
.full-width-block .mid-round-blue { width: 100%; }
.full-width-block .mid-round-blue .blue-round { background: #2279be; text-align: center; }
.full-width-block .mid-round-blue .blue-round a, .full-width-block .mid-round-blue .blue-round a span { color: #fff; }
.full-width-block.year .mid-round { width: 100%; margin-top: 30px; }
.full-width-block.year .mid-round:after { display: none; }
.full-width-block.year .mid-round span { width: 104px; height: 50px; line-height: 48px; float: none; display: inline-block; background: #4c5667; border: solid 3px #fff; border-radius: 50px; font-size: 16px; color: #fff; }
.full-width-block.year .mid-round span a { display: block; color: #fff; font-weight: 600; position: relative; top: -2px; }

/*----calander: email----*/
.calender-module-email-box { width: 600px; float: none; border: 1px solid #e4e5e9; text-align: center; border-radius: 3px; margin: 15px auto; background: #fff; }
.top-invite { font-size: 12px; display: block; margin: 7px 0; font-weight: 600 }
.top-invite span { font-weight: 700; text-align: center; }
.calender-mdl-ttl { display: block; position: relative; }
.calender-mdl-ttl:before, .calender-mdl-ttl:after { content: ""; width: 8px; height: 100%; position: absolute; background: #1c74bb; top: 0; left: -8px; }
.calender-mdl-ttl:after { right: -8px; left: auto; }
.calender-mdl-ttl .cal-mdl-con { background: #1c74bb; padding: 10px 0; font-size: 25px; color: #fff; font-weight: 600; position: relative; }
.calender-mdl-ttl .cal-mdl-con:before { content: ""; width: 10px; height: 10px; position: absolute; left: -6px; bottom: -5px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); z-index:; border-left: 5px solid #125a94; border-right: 5px solid transparent; border-bottom: 5px solid transparent; border-top: 5px solid transparent; }
.calender-mdl-ttl .cal-mdl-con:after { content: ""; width: 10px; height: 10px; position: absolute; right: -5px; left: auto; bottom: -5px; transform: rotate(227deg); border-left: 5px solid #125a94; border-right: 5px solid transparent; border-bottom: 5px solid transparent; border-top: 5px solid transparent; }
.calender-mdl-ttl span { font-weight: 500; }
.calender-module-email-box .cal-time, .calender-module-email-box .cal-add { display: block; padding: 15px; color: #777; font-weight: 600; }
.calender-module-email-box .cal-add { padding: 0 0 15px 0; }
.calender-module-email-box .fml-map-icon { margin: 0 0 6px 0; display: block; }
.calender-module-email-box .call-attendess { background: #f5f5f5; width: 90%; margin: 0 auto 15px; border: 1px solid #e4e5e9; border-radius: 3px; padding: 6px; }
.calender-module-email-box .call-attendess h5 { text-transform: uppercase; font-weight: 700; font-size: 15px; margin: 5px 0 0; }
.calender-module-email-box ul.att-user { display: block; }
.calender-module-email-box ul.att-user li { width: 30%; margin: 15px 2px 0; display: inline-block; }
.calender-module-email-box ul.att-user li a { font-weight: 600; display: block; word-wrap: break-word; font-size: 13px; text-decoration: none; }
.calender-module-email-box ul.att-user li figure { width: 30px; height: 30px; display: inline-block; }
.calender-module-email-box ul.att-user li figure span { width: 30px; height: 30px; display: inline-block; }
.calender-module-email-box ul.att-user li figure span img { width: 100%; height: 100%; max-width: 100%; max-height: 100%; display: block; }
.calender-module-email-box a.lrn-mr { font-size: 12px !important; color: #999; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; text-decoration: underline !important; }
.calender-module-email-box .power-by { margin-top: 20px; border-top: 1px solid #e4e5e9; padding: 3px; }
.calender-module-email-box .power-by span { font-weight: 400; font-size: 12px; margin-right: 5px; color: #999; }
.calender-module-email-box .power-by img { max-height: 23px; display: initial; }
a.btn.green-btn.dicline-btn { background: #d74a39 !important; }
a.btn.green-btn.maybe-btn { background: #999999 !important; }
.calender-module-email-box .change-br { margin: 5px 0 0 0; }
.calender-module-email-box .change-br a { font-weight: 500; font-size: 12px; text-decoration: underline; color: #989898; margin-bottom: 0; }

/*-- ADD EMAIL LIBRARY-- */
.form-group.insert-cat-box a.insert-category { font-weight: 600; }
.form-group.insert-cat-box { float: left; width: 100%; padding: 0 15px; margin-bottom: 25px; }
.email-box.income-form { background: none; }
ul.compose-mail.ad-eml-lbrry .browser-default-set .browser-default { margin-top: 2px; height: 40px; }
ul.compose-mail.ad-eml-lbrry .browser-default-set label.active { z-index: 1; }
ul.compose-mail.ad-eml-lbrry .browser-default-set:before { top: 18px; }
.sa-add-email-template { margin-bottom: 10px; border-bottom: none; padding-bottom: 0; }
.cus-fild-email-msg { float: left; width: 100%; padding: 0 18px; }
.cus-fild-email-msg .insert-box { padding-bottom: 0; }
div#custom-fiels-show-hide { width: 100%; float: left; }
div#custom-fiels-show-hide .insert-btn { margin-bottom: 15px; }
ul.compose-mail.ad-eml-lbrry span.emessage { top: 40px !important; }
.cus-fild-email-msg .insert-box h5 { cursor: pointer; position: relative; }
ul.user-dflt-eml-tmplt { }
.email-right-inbox.emial-template-con  ul.user-dflt-eml-tmplt  .row-box.email-template-listing:hover .hover-select-show-hide { background: none !important; }
.custom-collapse-container .custom-collapse { width: 100%; }
.custom-collapse .accordion .accordion-group:nth-child(2n) { float: left; }
.custom-collapse-container .custom-collapse .accordion-group { width: 43%; float: right; }
.custom-collapse .accordion .accordion-group:nth-child(2n) .accordion-heading.arrow-right:after { right: -7px; left: auto; }
.custom-collapse .accordion .accordion-group:nth-child(2n) { clear: both; }
.custom-collapse .accordion:after { content: ""; position: absolute; left: 50%; width: 2px; height: 100%; background: #d9d9d9; }
.roadmap-round-box { width: 100%; height: auto; float: left; padding: 15px  0; position: relative; z-index: 1; }
.roadmap-round { background: #90c74f; width: 55px; height: 55px; border-radius: 50%; display: table; margin: 0 auto; position: relative; }
.roadmap-round span { font-size: 12px; font-weight: 600; display: table-cell; vertical-align: middle; text-align: center; color: #fff; }

/*--colorbox timeline box--*/
.accordion-group.clrbg-tl .accordion-heading, .accordion-group.clrbg-tl .accordion-body .accordion-inner, .accordion-group.clrbg-tl .accordion-heading.arrow-right:after, .accordion-group.clrbg-tl .accordion-footer { background: #8093a0 !important; }
.accordion-group.clrbg-tl .accordion-heading  .header-title h3, .accordion-group.clrbg-tl .accordion-heading  .header-title span, .accordion-group.clrbg-tl .user-details h3, .accordion-group.clrbg-tl .accordion-text p, .accordion-group.clrbg-tl .accordion-body .accordion-inner, .accordion-group.clrbg-tl .accordion-footer a { color: #fff !important; }
.accordion-group.clrbg-tl .accordion-body .accordion-inner { border-top: 1px solid #8f9ea9 !important; }
.accordion-group.clrbg-tl .accordion-toggle { background-position: -24px 0px !important; z-index: 999; }

/*--blue color bg timeline box--*/
.accordion-group.clrbg-tl.blue-clrbg-tl .accordion-heading, .accordion-group.clrbg-tl.blue-clrbg-tl .accordion-body .accordion-inner, .accordion-group.clrbg-tl.blue-clrbg-tl .accordion-heading.arrow-right:after, .accordion-group.clrbg-tl.blue-clrbg-tl .accordion-footer { background: #69b2eb !important; }
.accordion-group.clrbg-tl.blue-clrbg-tl .accordion-body .accordion-inner { border-top: 1px solid #8f9ea9 !important; }
.roadmap-round-box.up-down-arrow .roadmap-round { background: #4c5667; cursor: pointer; }
span.arw-up-down { width: 12px; height: 26px; background-image: url(../images/up-down-arrow.png); background-repeat: no-repeat; float: left; position: absolute; left: 49.5%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.roadmap-round-box.arw-up span.arw-up-down { background-position: 0 0; }
.roadmap-round.note-text { position: absolute; left: 50%; -webkit-transform: translate(-50%); -moz-transform: translate(-50%); transform: translate(-50%); z-index: 1; }
.timeline-month-box { width: 100%; float: left; position: relative; }
.roadmap-round-box.month-round { padding: 15px 0 0 0; background: #fff; position: relative; cursor: pointer; }
.roadmap-round-box.month-round .roadmap-round { background: #2279be; }
.roadmap-round-box.month-round .roadmap-round span { font-size: 11px; text-transform: uppercase;  cursor: pointer;}
.roadmap-round-box.year-round .roadmap-round { min-width: 75px; height: 30px; border-radius: 15px; background: #4c5667; }
.roadmap-round-box.year-round .roadmap-round span { font-size: 15px; }
.roadmap-round-box.year-round { background: #fff; }
.note-edit-view-box.add-nt { margin-bottom: 10px; }
.sign-textarea-box.myckeditor-color { margin-bottom: 10px; }
.sign-textarea-box.myckeditor-color.dvlp-plns-note { margin-bottom: 30px; position: relative; }
.dvlp-plns-note span.emessage { margin-top: 2px; }

.film-study-popup .add-nt .full-width-row.ck-nt-box .sign-textarea-box.myckeditor-color { margin-top: 20px;}

/*--- Start:TEAM POSITION ---*/
.team-position-box .row-box.email-template-listing .img-box { height: 100%; }
.team-position-box .row-box.email-template-listing .hover-select-show-hide { height: 40px; }
.team-position-box .sidebar-w-details .pending-msg-box li.titlebar .row-box { background: #36404a !important; height: 45px; border-bottom: none; }
.team-position-box .pending-msg-box li ul li .row-box .img-box figure span { display: block; width: 100%; height: 100%; max-width: 100%; max-height: 100%; }
.team-position-box .pending-msg-box li ul li .row-box:hover .img-box figure span { display: none; }
.team-position-box  ul.pending-msg-box.check-select-hide-hover li .row-box .img-box figure span { display: none; }
li.check-select-row .row-box.email-template-listing .hover-select-show-hide.check-select-box:before { content: ""; background: #ecf6fd !important; }
.email-right-inbox.team-position-box { margin: 0; }
.email-right-inbox.team-position-box .email-right-inbox .row-box { cursor: default; position: relative; border: 1px solid #e2e6ea; border-right: 0; border-left: 0; }
.email-right-inbox.team-position-box .email-right-inbox .titlebar .row-box { border: none; }

.subject-box a { position: relative; top: 13px; }
.subject-box .short-both-none { background-image: url(../images/short-both-none-white-img.png); }
.subject-box .short-top { background-image: url(../images/short-top-white-img.png); }
.subject-box .short-bottom { background-image: url(../images/short-btm-white-img.png); }
.inline-block-arrow { position: relative; display: inline-block; }
.inline-block-arrow span.link { padding-right: 12px; }
.inline-block-arrow a { position: absolute; right: 0; left: auto; top: 50% !important; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); }
.team-position-box .email-cmpgn-section ul.pending-msg-box li .row-box:hover .mail-options-box { height: 37px !important; top: 3px; }
.table-filter-icon > ul > li > a > i.cmps-email-icon { background-position: -295px 1px; }
.table-filter-icon > ul > li > a > i.add-ppl-cmnctn-icon { background-position: -425px 1px; }
.team-position-box .category-box { text-align: center; }
.team-position-box .opened.per-w { float: right; text-align: right; }


.tmpstn-tp-src .email-fc-tabs > ul.nav > li.tab-con-user a.nav-link:after {
    -webkit-mask-image: url(../../assets/images/svg/org.svg) !important;
    mask-image: url(../../assets/images/svg/org.svg) !important;
    width: 17px;
    height: 17px;
}

.tp-org.team-position-page.email-lft-tp-hd .top-title-sectop {
    display: flex;
    align-items: center;
}
.tp-org.team-position-page.email-lft-tp-hd .top-title-sectop h6 {
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    white-space: nowrap;
    color: #000;
}