.ui-rating a {color: #624096 !important;}
.ui-rating:hover{text-decoration: none;}
.ui-state-highlight {background-color:#f5f6fa !important;}
.c-btn {display: inline-block;background: #fff;border: 0px solid #ccc !important;border-top-width: 0px;border-right-width: 0px;border-bottom-width: 0px;border-left-width: 0px;border-top-style: solid;border-right-style: solid;border-bottom-style: solid;border-left-style: solid;border-top-color: rgb(204, 204, 204);border-right-color: rgb(204, 204, 204);
border-bottom-color: rgb(204, 204, 204);border-left-color: rgb(204, 204, 204);-moz-border-top-colors: none;-moz-border-right-colors: none;-moz-border-bottom-colors: none;-moz-border-left-colors: none; border-image-source: none;border-image-slice: 100%;border-image-width: 1;border-image-outset: 0;border-image-repeat: stretch stretch;border-radius: 3px;font-size: 14px;color: #333;}
/* .selected-list .c-btn {width: 100% !important;box-shadow: 0px 0px 3px #ced4da !important;padding: 2px 2px 2px 13px !important;cursor: pointer !important;display: flex !important;} */
.selected-list .c-btn{width: 100%;/*box-shadow: 0px 0px 0px #959595 !important;*/ padding: 5px 10px !important;cursor: pointer;display: flex;height:35px !important;}
.selected-list .c-angle-down svg, .selected-list .c-angle-up svg {/* fill: #333; */ height: 12px;color: #333;}
.communication-details .selected-list .c-btn {width: 100% !important;box-shadow: 0px 0px 3px #ced4da !important;padding: 1px 2px 1px 13px !important;cursor: pointer !important;display: flex !important;}
.email-schedule .selected-list .c-btn {width: 100% !important;padding: 3px !important;cursor: pointer !important;display: flex !important;}
.services-checklist .selected-list .c-btn {width: 100% !important; box-shadow: 0px 0px 3px #ced4da !important; padding: 3px 2px 13px 11px !important; cursor: pointer !important;display: flex !important; height:47px !important;}
.services-reminder-list .selected-list .c-btn { width: 100% !important; box-shadow: 0px 0px 3px #ced4da !important; padding: 3px 2px 13px 11px !important; cursor: pointer !important; display: flex !important; height:35px !important;}
.clients-services-list .selected-list .c-btn {width: 100% !important; box-shadow: 0px 0px 3px #ced4da !important; padding: 3px 2px 13px 13px !important; cursor: pointer !important;display: flex !important; height:47px !important;}
.services-checklist { background-color: #E4F1FF;  border-radius: 60px; /* height: 4rem !important; */ height: auto !important; padding: 2px 0 7px 0 !important;}
.attendee-dropdown .selected-list .c-btn {width: 100% !important; box-shadow: 0px 0px 3px #ced4da !important;padding: 2px 2px 2px 7px !important; cursor: pointer !important; display: flex !important;}
.workspace-directors .selected-list .c-btn {width: 100%;/* box-shadow: 0px 0px 0px #959595 !important; */ padding: 1px 10px !important; cursor: pointer;display: flex; height: 31px !important;}
.selected-list .fa-angle-down, .selected-list .fa-angle-up {font-size: 21px !important;position: absolute;right: 14px !important;top: 25%;color: #313C47 !important;font-weight: 900 !important;}
.timeline-tasks-assign .selected-list .c-angle-down, .selected-list .c-angle-up { width: 15px; height: 15px; position: absolute; right: 10px; top: 50%; transform: translateY(-50%);pointer-events: none; display: none !important;}
.selected-list .c-angle-down, .selected-list  .c-angle-up { width: 15px; height: 15px; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); pointer-events: none;display:none;}
.selected-list .c-list .c-token {list-style: none !important;padding:3px 8px 0px 8px !important; background: #624096 !important;color:#fff !important;border-radius: 2px !important; margin-right:4px !important;margin-top:0px !important; float:left;position: relative !important; padding-right:25px !important;}
.selected-list .c-list .c-token .c-label {display: block;float: left; font-size: 12px !important;}
.selected-list .c-list .c-token .c-remove {position: absolute; right: 7px;top: 11px;transform: translateY(-50%); width: 10px !important; height: 10px !important;}
/* #time-picker-wrapper.active {background: rgba(0, 0, 0, 0.3);z-index: 999999999999999999 !important;} */
.selected-list .c-list .c-token .c-label {display: block;float: left; font-size: 12px !important;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 110px !important;}
.communicationSelect .selected-list .c-list .c-token .c-label {display: block;float: left; font-size: 12px !important;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.edit-schedule .selected-list .c-list .c-token .c-label {display: block;float: left; font-size: 12px !important;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: auto !important;}
.edit-schedule .selected-list .c-list .c-token {list-style: none !important;padding:0px 8px 0px !important; background: #624096 !important;color:#fff !important;border-radius: 2px !important; margin-right:4px !important;margin-top:2px !important; float:left;position: relative !important; padding-right:25px !important;}
.attendee-dropdown .selected-list .c-list .c-token {list-style: none !important;padding:0px !important; background: #624096 !important;color:#fff !important;border-radius: 2px !important; margin-right:2px !important;margin-top:2px !important; float:left;position: relative !important; padding-right:13px !important; margin-left:0px;}
.communication-details .selected-list .c-list .c-token {list-style: none !important;padding:0px 8px 0px !important; background: #624096 !important;color:#fff !important;border-radius: 2px !important; margin-right:4px !important;margin-top:2px !important; float:left;position: relative !important; padding-right:25px !important;}
.attendee-dropdown .selected-list .c-list .c-token .c-label {display: block;float: left; font-size: 12px !important;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 32px !important;}
.add-communication-editor .selected-list .c-btn {width: 100%;/*box-shadow: 0px 0px 0px #959595 !important;padding: 1px 8px !important; */cursor: pointer; display: flex;height: 35px !important;}
#new-schedule .selected-list .c-btn {width: 100%;box-shadow: 0px 0px 0px #959595 !important;padding: 5px 8px !important; cursor: pointer; display: flex;height: 35px !important;}
.ql-toolbar.ql-snow {border: 1px solid #ccc !important;box-sizing: border-box;padding: 15px !important;margin-top: 66px !important;height:auto !important;}
.event-editor .ql-toolbar.ql-snow {border: 1px solid #ccc !important;box-sizing: border-box;padding: 15px !important;margin-top: 0px !important;height:auto !important;}
.email-temp-editor .ql-toolbar.ql-snow {border: 1px solid #ccc !important;box-sizing: border-box;padding: 5px !important;margin-top: 0px !important;height: auto !important;}
.email-temp-editor .ql-snow.ql-toolbar button, .ql-snow .ql-toolbar button {background: none;border: none;cursor: pointer;display: inline-block;height: 24px;padding: 3px 5px; width: 20px;}
.email-temp-editor .ql-toolbar.ql-snow .ql-formats {margin-right: 2px;}
.ql-toolbar.ql-snow .ql-formats{margin-right: 7px !important;}
.workspace-comm .ql-toolbar.ql-snow{border: 1px solid #ccc !important;box-sizing: border-box; padding: 15px !important;margin-top: 25px !important;height: auto !important;}
/* email template editor styles */
.settings-email-temp-editor .ql-toolbar.ql-snow {border: 1px solid #ccc !important;box-sizing: border-box;padding: 10px 0 !important;margin-top: 0px !important;height: auto !important;}
.settings-email-temp-editor .ql-snow.ql-toolbar button, .ql-snow .ql-toolbar button {background: none;border: none;cursor: pointer;display: inline-block;height: 24px;padding: 3px 5px; width: 20px;}
.settings-email-temp-editor .ql-toolbar.ql-snow .ql-formats {margin-right: 5px !important;}
.sales-invoice-editor .ql-toolbar.ql-snow .ql-formats {margin-right: 5px;}
.sales-invoice-editor .ql-toolbar.ql-snow {border: 1px solid #ccc !important;box-sizing: border-box;padding: 8px !important;margin-top: 25px !important;height: auto !important;}

.bulktags-editor .ql-toolbar.ql-snow .ql-formats {margin-right: 5px;}
.bulktags-editor .ql-toolbar.ql-snow {border: 1px solid #ccc !important;box-sizing: border-box;padding: 8px !important;margin-top: 25px !important;height: auto !important;}
.bulktags-editor .ql-editor p{margin-bottom: 1rem !important;}
.add-communication-editor .ql-toolbar.ql-snow {border: 1px solid #ccc !important;box-sizing: border-box;padding: 8px !important;margin-top: 25px !important;height: auto !important;}
.communication-details .ql-toolbar.ql-snow {border: 1px solid #ccc !important;box-sizing: border-box;padding: 8px !important;margin-top: 25px !important;height: auto !important;}
.schedule-editor .ql-toolbar.ql-snow {border: 1px solid #ccc !important;box-sizing: border-box;padding: 15px !important;margin-top: 6px !important; height: auto !important;}
 .sharelink-editor .ql-toolbar.ql-snow {border: 1px solid #ccc !important;box-sizing: border-box;padding: 15px !important;margin-top: 6px !important; height: 350px !important;}
.edit-timeline-editor .ql-toolbar.ql-snow {border: 1px solid #ccc !important;box-sizing: border-box;padding: 2px !important;margin-top: 18px !important;height: auto !important;}
.edit-timeline-editor .ql-toolbar.ql-snow .ql-formats {margin-right: 12px !important;}
.custom-schedule-editor .ql-toolbar.ql-snow .ql-formats {margin-right: 5px !important;}
.schedule-editor .ql-toolbar.ql-snow .ql-formats {margin-right: 7px !important;}
.crm-template .ql-toolbar.ql-snow {border: 1px solid #ccc !important;box-sizing: border-box; padding: 15px !important;margin-top: 10px !important; height: auto !important;}
.communicationSelect .ql-toolbar.ql-snow {border: 1px solid #ccc !important;box-sizing: border-box;padding: 15px !important;margin-top: 30px !important;height: auto !important;}
.timeline-editor .ql-toolbar.ql-snow {box-sizing: border-box;padding: 15px !important;margin-top: 0px !important;height: auto !important; border: 1px solid #f1f0f0 !important;box-shadow: 0 0 2px 0 rgba(69,69,69,0.41)!important;}
.loe-document .ql-toolbar.ql-snow {margin-top: 0px !important;}
.communication-sms .ql-toolbar.ql-snow {border: 1px solid #ccc !important;box-sizing: border-box;padding: 15px !important;margin-top: 66px !important;height: auto !important;display: none !important;}
#saveMessageModal .ql-toolbar.ql-snow, #editMessageModal .ql-toolbar.ql-snow, #SendMessageModal .ql-toolbar.ql-snow, #viewTempalte .ql-toolbar.ql-snow, #newTempalte .ql-toolbar.ql-snow, #viewsms .ql-toolbar.ql-snow{margin-top: 0px !important; display: none;}
.ng-select.ng-select-single .ng-select-container {height:31px !important;cursor: pointer !important;border:none !important;background-color: #fff !important;box-shadow: 0 0 0px 0 rgba(69,69,69,0.41)!important;}
.ng-select.ng-select-single .ng-select-container .ngselect-custom{height: 29px !important;cursor: pointer !important;border: none !important;background-color: #fff !important;box-shadow: 0 0 0px 0 rgba(69,69,69,0.41)!important;}
.ng-select.ng-select-single .ng-select-container > .ngselect-custom-dropdown{height: 25px !important;cursor: pointer !important;border: none !important;background-color: #fff !important;box-shadow: 0 0 0px 0 rgba(69,69,69,0.41)!important;}
.time-client-border .ng-select.ng-select-single .ng-select-container {height:31px !important;cursor: pointer !important;border:none !important;background-color: none !important;box-shadow: none !important;}
.client-inner-bg .ng-select.ng-select-single .ng-select-container {height: 31px !important;cursor: pointer !important;border: none !important;background-color: transparent !important;box-shadow: none !important;}
.timesheet-dropdown-custom .ng-select.ng-select-single .ng-select-container {height: 31px !important;cursor: pointer !important;border: none !important;background-color: #fff !important;box-shadow: 0 0 0px 0 rgba(69,69,69,0.41)!important;}
.tasktime-disable .ng-select.ng-select-single .ng-select-container {background-color:  #e9ecef !important;border-radius: 4px;border: 1px solid #ccc;min-height: 30px !important;-webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 1px solid #f1f0f0 !important;}
.ng-select.ng-select-single .ng-select-container .ng-value-container, .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-value{
  text-overflow: ellipsis !important;white-space: nowrap;overflow: hidden;}
.edittimeinput .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input {left: 0;padding-left: 0px !important; padding-right: 50px; top: 0px !important;}
.ng-select .ng-select-container {background-color: #fff !important;border-radius: 4px;min-height: 28px !important;-webkit-box-align: center;-ms-flex-align: center;align-items: center;border: 1px solid #d6d6d6 !important;}
/* .activity-users .ng-select .ng-select-container {background-color: #fff !important;border-radius: 4px;border: 1px solid #ccc;min-height: 25px !important;-webkit-box-align: center;-ms-flex-align: center;align-items: center;border: none !important;} */
#directorsTab .ng-select-container {background-color: #fff !important;border-radius: 4px;border: 1px solid #ccc;min-height: 25px !important;-webkit-box-align: center;-ms-flex-align: center;align-items: center;border: none !important;}
/* #editTimecapture .ng-select .ng-select-container {background-color: #fff !important;border-radius: 4px;border: 1px solid #ccc;min-height: 25px !important;-webkit-box-align: center;-ms-flex-align: center;align-items: center;border: none !important;} */
.ng-select .ng-select-container .ngselect-custom {background-color: #fff !important;border-radius: 4px;border: 1px solid #ccc;min-height: 29px !important;-webkit-box-align: center;-ms-flex-align: center;align-items: center;border: 1px solid #f1f0f0 !important;}
.ng-select .ng-select-container .ng-value-container {-ms-flex-align: center;align-items: center;padding: 0px 0 0px 10px !important;}
/* #editTimecapture .ng-select .ng-select-container .ng-value-container {-ms-flex-align: center;align-items: center;padding: 0px 0 0px 2px !important;} */
.dropdown-alignment .ng-select .ng-select-container .ng-value-container{padding: 0px 0 0px 0px !important;}
.edittimeinput .ng-select .ng-select-container .ng-value-container{-ms-flex-align: center;align-items: center;padding: 0px 0 0px 10px !important;}
.ng-select .ng-select-container .ng-value-container .ng-input>input {-webkit-box-sizing: content-box;box-sizing: content-box;background: none;border: 0;-webkit-box-shadow: none;box-shadow: none;outline: 0;cursor: pointer !important;width: 100%;}
.ng-select.ng-select-opened .ng-select-container {z-index: auto !important;}
.ng-select .ng-arrow-wrapper .ng-arrow {height: 0;width: 0;position: relative;display: none !important;}
.ng-select .ng-clear-wrapper {color: #999;display: none !important;}
.ng-select {position: relative; display: block;-webkit-box-sizing: border-box;box-sizing: border-box;top: 0px;border: 1px solid #d6d6d6 !important;/*box-shadow: 0 0 2px 0 rgba(69,69,69,0.41)!important;*/border-radius: 4px !important;height: 35px !important;}
#backupRequest .ng-select {height: auto !important;}
.client-all .ng-select {position: relative; display: block;-webkit-box-sizing: border-box;box-sizing: border-box;top: 0px;border: 1px solid #f1f0f0 !important;box-shadow: 0 0 1px 0 rgba(69,69,69,0.41)!important;border-radius: 3px !important;height: 31px !important;}
.vatcode-ngselect .ng-select {position: relative;display: block;box-sizing: border-box;top: 0px !important;height: 35px !important;}
.SA-custom-text .ng-select div, .ng-select input, .ng-select span {-webkit-box-sizing: border-box;box-sizing: border-box;font-size: 14px !important;color: #313c47 !important;font-weight: 500 !important;}
.timecapture-time .ng-select .custom-height{height: 25px !important;cursor: pointer !important;border: none !important;background-color: #fff !important;box-shadow: 0 0 0px 0 rgba(69,69,69,0.41)!important;}
.customer-dropdown .ng-select{width:100%;}
#backupRequest .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value {font-size: 0.9em;margin-right: 5px;margin-bottom: 5px; background-color: #0079FE !important; border-radius: 2px; border: 1px solid #0079FE !important; color: #fff !important; margin: 2px;}
#backupRequest .SA-custom-text .ng-select div, .ng-select input, .ng-select span {-webkit-box-sizing: border-box; box-sizing: border-box; font-size: 14px !important; color: #000 !important; font-weight: 500 !important;}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value span{color: #fff !important;}
.cuppa-dropdown {position: relative; /* border: 1px solid #f1f0f0 !important; *//*box-shadow: 0 0 2px 0 rgba(69,69,69,0.41)!important;*/}
.communication-details .cuppa-dropdown {position: relative;pointer-events: none;cursor: default; background: #c2cfd6;pointer-events: none !important;opacity: 0.8 !important;cursor: default;}
.communication-details .cuppa-dropdown {position: relative;pointer-events: none;cursor: default; background: #c2cfd6;pointer-events: none !important;opacity: 0.8 !important;cursor: default;}
.attendee-dropdown .cuppa-dropdown{position: realtive !important; max-height: 7rem !important;overflow-y: auto !important; width: 100%;}
#SendMessageModal .ui-chips-token {cursor: default;display: inline-block;vertical-align: middle;overflow: hidden; padding: .125em .5em; white-space: nowrap;position: relative;margin-right: .175em; border: 0 none; font-size: .9em; margin-left: 0.5em;}
.ui-chips-token .ui-chips-token-label {display: block;margin-right: 2em;white-space: nowrap; overflow: hidden;text-overflow: ellipsis; width: 128px !important;}
.email-invoice-practice .ui-chips-token .ui-chips-token-label {display: block;margin-right: 2em;white-space: nowrap; overflow: hidden;text-overflow: ellipsis; width: auto !important;}
.communication-details .ui-chips-token .ui-chips-token-label {display: block;margin-right: 2em;white-space: nowrap;}
body .ui-chips > .ui-inputtext {width: 100%;/*box-shadow: 0 0 2px 0 rgba(69,69,69,0.41)!important;*/border: 1px solid #d6d6d6 !important; margin-left: 0px !important;height: auto !important;margin-top:0 !important; padding-left: 8px !important}
#SendMessageModal .ui-chips > .ui-inputtext{padding-left: 3px !important;}
/* #SendBulkMessage .ui-chips > .ui-inputtext{padding-left: 3px !important;} */

body .ui-chips .ui-chips-token .ui-chips-token-label{padding: 0px !important;  width: 96px !important;}
.ui-chips .ui-chips-token .ui-chips-token-label{width: 90px !important;}

/* body #SendBulkMessage .ui-chips-input-token input, */
body #SendBulkMessage .ui-chips .ui-chips-token .ui-chips-token-label{width:105px !important;}
body #SendBulkMessage .ui-chips-token .ui-chips-token-label{margin-right: 10px !important;}
body #SendBulkMessage .ui-chips > ul > li.ui-state-highlight{margin: 2px !important;}

/* .fc-left .fc-button-group .fc-next-button{display: none !important;}
.fc-right .fc-button-group .fc-prev-button{display: none !important;}
.fc-right .fc-button-group .fc-prev-button{	background-color: rgba(255,255,255,0);	border: 1px solid #D0D7DD;margin-right:100px; }
.fc-right .fc-button-group .fc-next-button{	background-color: rgba(255,255,255,0);	border: 1px solid #D0D7DD;margin-right:100px;display:none; }
.fc-left .fc-button-group .ui-button {color: #55595c !important;background-color: rgba(255,255,255,0);	border: 1px solid #D0D7DD;padding: 0.2em;border-radius:4px;font-size: 14px;margin-left:308px !important; display:block !important;} */
/*p-calendar*/
.ui-inputtext {outline: medium none;padding: .25em;font-weight: normal;}
body .ui-inputtext {background: #fff !important;padding: 0.1em 0rem !important;padding-right: 0.75em;border: 0px solid rgba(0, 0, 0, 0.15) !important;border-radius: 0.25em;border-top-right-radius: 0.25em;border-bottom-right-radius: 0.25em;font-size: 1em !important;color: #313c47 !important;line-height: 1.6 !important;font-weight: 500 !important;font-family: 'Roboto', sans-serif !important; cursor:pointer !important;height:23px !important;}
body .ui-inputtext::placeholder{background: #fff !important;padding: 0.1em !important;padding-right: 0.75em;border: 0px solid rgba(0, 0, 0, 0.15) !important;border-radius: 0.25em;border-top-right-radius: 0.25em;border-bottom-right-radius: 0.25em;font-size: 1em !important;color:#B6BEC8 !important; line-height: 1.8 !important;font-weight: 400 !important;font-family: 'Roboto', sans-serif !important; cursor:pointer !important;}
.client-inner-bg body .ui-inputtext {background: #fff;padding: 0.1em 0.75em !important;padding-right: 0.75em;border: 0px solid rgba(0, 0, 0, 0.15) !important;border-radius: 0.25em;border-top-right-radius: 0.25em;border-bottom-right-radius: 0.25em;font-size: 1em !important;color: #313c47 !important;line-height: 1.25 !important;font-weight: 500 !important;font-family: 'Roboto', sans-serif !important;}
input.ui-inputtext.ui-widget.ui-state-default.ui-corner-all.ui-autocomplete-input{color:#313c47 !important;}
.invoice-date body .ui-inputtext {background: #fff !important;padding: 0.1em 0.75em !important;padding-right: 0.75em;border: 0px solid rgba(0, 0, 0, 0.15) !important;border-radius: 0.25em; border-top-right-radius: 0.25em;border-bottom-right-radius: 0.25em;font-size: 1em !important;color: #313c47 !important;line-height: 1.25 !important;font-weight: 500 !important;font-family: 'Roboto', sans-serif !important;text-align: center !important;}
.services-sendto .ui-chips>ul.ui-inputtext { clear: left; cursor: text;list-style-type: none;margin: 0; overflow: hidden; padding: 0 .25em;height: 47px !important;overflow-y:auto !important;}
/* .email-invoice-practice .ui-chips > .ui-inputtext {height: 31px !important;} */
.report-custom .ui-chips > .ui-inputtext {width: 100%;box-shadow: none !important;border: 0px solid #f1f0f0 !important;margin-left: 0px !important;height: auto !important;}
/* .email-invoice-practice .ui-inputtext {padding: 0.1em 0.2em 0.2em 0.2em !important;line-height: 1.2 !important;} */
.ui-calendar .ui-inputtext::-webkit-input-placeholder {color: #ddd;}
.communication-sms .ui-chips > .ui-inputtext {width: 100%;/*box-shadow: 0 0 2px 0 rgba(69,69,69,0.41)!important;*/border: 1px solid #d6d6d6 !important; margin-left: 0px !important;height: auto !important;margin-top:0 !important; }
.communication-details .ui-chips > .ui-inputtext {width: 100%;box-shadow: 0 0 2px 0 rgba(69,69,69,0.41)!important;border: 1px solid #f1f0f0 !important;margin-left: 0px !important;height: auto !important;padding-top: 0px !important;}
.custom-calender .ui-datepicker{width: 100% !important;min-width: 235px !important;}
.bulkedit-contact .ui-datepicker{left: -156px !important;} */
.ui-datepicker {/* width: 0em; */padding: .2em;display: none; position: absolute;}
.ui-datepicker {width: 20em !important; padding: .2em;display: none;position: absolute;}
.tasks-datepicker .ui-datepicker {width: 22em;padding: 0em;display: none;position: absolute;}
.tasks-datepicker .ui-datepicker table td a {min-width: 2em !important;text-align: center;color: #373a3c;font-size: .9em;}
body .ui-datepicker .ui-datepicker-header .ui-datepicker-prev { cursor: pointer;color: #767b7f !important; background: none !important;display: inline-block;font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;text-indent: 0px !important;  text-align: center;transition: color 0.3s; top: 1.25em;text-decoration: none !important;}
body .ui-datepicker .ui-datepicker-header .ui-datepicker-next { cursor: pointer;color: #767b7f !important; background: none !important;display: inline-block;font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;text-indent: 0px !important;  text-align: center;transition: color 0.3s; top: 1.25em;text-decoration: none !important;}
.time-duration .ui-datepicker { width: 5.3em !important;padding: 0px 0px 3px !important;display: none;position: absolute;top: 26px !important;left: -6px !important;height: 70px !important;}
.ui-datepicker table td {border: 0;padding: 0.3rem !important;}
body .ui-datepicker table td a {min-width: 1em;text-align: center;color: #373a3c !important;font-size: .9em;}
.taskdetails-date .ui-datepicker {width: 17em !important;padding: .2em;left: -7rem !important;top: -334px !important;}
body .ui-datepicker table td a {min-width: 1em;text-align: center;color: #373a3c !important;font-size: .9em;}
.taskdetails-date .ui-datepicker {width: 17em !important;padding: .2em;left: -7rem !important;top: -334px !important;}
body .ui-datepicker table td a {min-width: 1em;text-align: center;color: #373a3c !important;font-size: .9em;}
.taskdetails-date .ui-datepicker {width: 17em !important;padding: .2em;left: -7rem !important;top: -334px !important;}
body .ui-datepicker table.ui-datepicker-calendar td:not(.ui-state-disabled) a.ui-state-active {color: #fff !important;background-color: #624096 !important;border-radius:4px !important;}
.ui-datepicker select.ui-datepicker-month {width: 55% !important;height: 27px !important;float: left !important;cursor: pointer !important;}
body .ui-datepicker table td a {
    min-width: 1em;
    text-align: center;
    color: #373a3c;
    font-size: 14px !important;
}
.ui-datepicker select.ui-datepicker-year  {width: 38% !important;height: 28px !important;cursor: pointer !important;}
.time-calender .ui-datepicker {width: 100%;padding: .2em;display: none;position: absolute;}
.time-calender .ui-datepicker {  width: 100% !important;padding: .2em; display: none; position: absolute;}
.ui-autocomplete .ui-autocomplete-panel {width: 100% !important;min-width:187px !important;position: absolute;z-index:99999999 !important;top:28px !important; left:-8px !important;/*border: 1px solid #61B9DF !important;box-shadow: 0 0 2px 0 #61B9DF !important;*/}
.ui-autocomplete-panel .ui-autocomplete-list-item :hover{background:transparent !important;}
body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-list-item {margin: 0;padding: 0.375em 0.75em;border-radius: 0;background-color: transparent;color: #617D8A !important; font-weight: bold !important; line-height: 18px !important;border-bottom: 1px solid #e6e6e6 !important;}
body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-list-item:hover {color: #333;background-color: #f5faff !important;}
body .ui-autocomplete-panel {border: 1px solid #e6e6e6 !important;box-shadow: 0 1px 0 rgba(0,0,0,0.06);}
.user-dropdown .ui-autocomplete-panel .ui-autocomplete-list-item :hover {color: #000 !important;}
.ui-autocomplete .ui-autocomplete-input {padding-right: 0rem !important;width: 100%;}
.ui-autocomplete {width: 100% !important;zoom: 1;cursor: pointer;box-shadow: none;position: relative;display: inline-block;}
.ui-autocomplete .ui-autocomplete-dropdown {height: 100%;width: 2em;margin-right: 0;vertical-align: top;position: absolute;right: -99px !important;top: 1px !important;}
.client-search .ui-autocomplete-dropdown{color: #ffffff;/* background-color: #0275d8; */border: 1px solid transparent;padding: 0.2em;font-size: 1em;display:none !important;}
.user-dropdown .ui-autocomplete .ui-autocomplete-dropdown {height: 100%;width: 2em;margin-right: 0;vertical-align: top;position: absolute;display:none;}
.tasks-dropdown .ui-autocomplete .ui-autocomplete-dropdown {height: 100%;width: 2em;margin-right: 0;vertical-align: top;position: absolute;right: -75px !important;top: 5px !important;display:none !important;}
.tasks-dropdown .ui-autocomplete-list-item .ui-corner-all :hover {color: #000 !important;background:transparent !important;}
body .ui-dialog {box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);z-index: 999999999999 !important;min-width: 400px !important; max-width: 400px !important;}
.ui-dialog-mask {position: fixed;width: 100%;height: 100%;z-index: 999999999 !important;}
.ui-confirmdialog.ui-dialog .ui-dialog-content{overflow: hidden !important;}
.ui-dialog-footer button:first-child{background-color: #0275d8 !important;color: #fff !important; border: none !important;margin-right:12px;}
.ui-confirmdialog .ui-dialog-content .ui-confirmdialog-message {vertical-align: middle; display: flex;position: relative;/*top: -22px;left: 25px;*/padding:0px;color:#313c47; line-height:20px !important;}
/* stripe */
/* div.stripePayment .ui-confirmdialog .ui-dialog-content .ui-confirmdialog-message { top: -22px;left: 0px; font-weight: 500;font-size: 15px;} */
div.stripePayment .ui-confirmdialog.ui-dialog .ui-dialog-content { padding: 1em;}
.confirm-msg .ui-confirmdialog.ui-dialog .ui-dialog-content {
    padding: 1em 2em;
    display: flex;
}
/* stripe */
.ui-dialog-footer {padding: 0em 1em 1em !important;border-width: 1px 0 0 0;text-align: right;}
body .ui-dialog .ui-widget.ui-dialog-titlebar {padding: 1em 1em 0 !important;border-bottom: 1px solid #c7c7c7;}
body .ui-button {color:#313c47 !important;background-color: transparent !important;padding: 0.2em;font-size: 1em;transition: background-color 0.3s;border:1px solid #ddd !important;border-radius:4px !important;height:auto;}
.ui-button-text-icon-left .ui-button-text {padding: .10em 1em .12em 2.1em !important;}
.user-dropdown .ui-button {color: #ffffff;background-color: transparent !important;border: 1px solid transparent;padding: 0.2em;font-size: 1em;transition: background-color 0.3s;}
.tasks-dropdown .ui-button {color: #ffffff;background-color: transparent !important;border: 1px solid transparent;padding: 0.2em;font-size: 1em;transition: background-color 0.3s;}
.ui-button .ui-button-text {display: block;line-height: normal;margin-top: 2px !important;}
.ui-button-icon-only .fa, .ui-button-text-icon-left .fa, .ui-button-text-icon-right .fa {position: absolute;top: 50%;margin-top: -.5em;display: none !important;}
.ui-button {display: inline-block;position: relative;padding: 0;margin-right: .1em;text-decoration: none !important;cursor: pointer;text-align: center;zoom: 1;overflow: visible;background: none !important;}
.fc-toolbar .fc-header-toolbar .fc-left .fc-next-button .ui-button .ui-state-default .ui-corner-left .ui-corner-right{margin-left:20rem !important;}
.ui-growl {position: fixed;top: 20px;right: 20px;width: 20em;z-index: 999999 !important; height: auto !important;}
.ui-growl-message {padding: 0 0 .25em 0;margin-left: 2.5em;font-size: 16px !important;}
.ui-growl .ui-growl-message-success {background-color: #dff0d8;color: #3c763d;width: 350px;}
.ui-growl-icon-close {position: absolute;top: -12px !important;right: 4px !important;cursor: pointer;}
body .ui-widget-content {background-color: #ffffff;/*border: 1px solid rgba(205,205,205,0.5) !important;*/}
.fc-row .ui-widget-header .fc-axis .ui-widget-content{position: relative !important;top: -75px !important;}
.fc-time-grid .fc-slats .ui-widget-content {color: #323C47;font-size: 14px !important;font-weight: bold;line-height: 23px;text-transform: uppercase !important;border:1px solid #ddd !important;}
.fc-axis .fc-time .ui-widget-content{border:none !important;}
.fc-time-grid .fc-slats .ui-widget-content .fc-axis .fc-time{border-bottom: none !important;}
body .ui-widget-content {background-color: #ffffff;}
.list-box-names .ui-widget-content{background-color: #ffffff;border: 1px solid #c7c7c7 !important;height:13rem; overflow-y: auto; overflow-x: hidden;}
.clients-calendar .fc-time-grid .fc-slats .ui-widget-content {background: none;border: 1px solid rgba(205,205,205,0.5) !important;}
body .ui-widget-content {border: none !important;background-color: #ffffff !important;}
.ui-datatable-tablewrapper .ui-widget-content {border: none !important;background-color: #ffffff !important;border-bottom: 1px solid rgba(233,239,244,0.4) !important;}
.tasks-calendar .ui-widget-content .fc-day-grid-container{overflow: hidden !important;height: auto !important;}
.workspace-calendar .ui-widget-content .fc-day-grid-container{overflow: hidden !important;height: auto !important;}
.practice-time-calendar .ui-widget-content .fc-day-grid-container{overflow: hidden !important;height: auto !important;}
.tasks-calendar .ui-widget-content .fc-day-grid-container{overflow: hidden !important;height: auto !important;}
.ui-editor-content{height:160px !important;}
#saveMessageModal .ui-editor-content{height:100px !important;}
#saveMessageModal .iti--allow-dropdown .iti__flag-container, .iti--separate-dial-code .iti__flag-container {right: auto;left: -6px !important;}
.crm-template .ui-editor-content{height: 200px !important; overflow-y: auto;max-height: 500px;}
.email-integration .ui-editor-content{height: 160px !important; overflow-y: auto;max-height: 500px;}
.email-integration .ql-toolbar.ql-snow {border: 1px solid #ccc !important;box-sizing: border-box;padding: 15px !important;margin-top: 5px !important;height: auto !important;}
.email-integration .ql-container.ql-snow {border: none !important; box-shadow: none !important;}
.email-temp-editor .ui-editor-content { height: 300px !important;}
.settings-email-temp-editor .ui-editor-content {height: 312px !important;}
.add-communication-editor .ui-editor-content {height: 160px !important;}
.sales-invoice-editor .ui-editor-content {height: 260px !important;}
.loe-document .ui-editor-content {height: 250px !important;}
.cke_toolgroup .cke_button__maximize { display: none;}
.cke_toolgroup .cke_button__source {display: none;}
 .cke_toolgroup .cke_button__cut {display: none;}
.cke_toolgroup .cke_button__copy {display: none;}
.cke_toolgroup .cke_button__paste {display: none;}
.cke_toolgroup .cke_button__pastetext {display: none;}
.cke_toolgroup .cke_button__pastefromword {display: none;}
.cke_toolgroup .cke_button__undo {display: none;}
.cke_toolgroup .cke_button__redo {display: none;}
.cke_toolgroup a.cke_button:last-child:after{display: none !important;}
.loe-document a.cke_combo_button {cursor: default;display: inline-block; margin: 0px;padding: 1px; width: 82px !important;}
.loe-document .cke_combo_text {line-height: 26px;padding-left: 10px;text-overflow: ellipsis;overflow: hidden;float: left;cursor: default;color: #484848; width: 49px !important;}
.cke_toolbar .cke_toolbar_last{display: none !important;}
.loe-document .editor1 .cke_reset {width: 100%; margin: 0 auto;}
.loe-document .editor1 .cke_chrome {margin-left:13px !important;} 
.loe-document .cke_contents{height:380px !important;}
.cke_reset:first-child {margin: 0;padding: 0;border: 0;background: transparent;text-decoration: none;width: auto;height: 420px !important;vertical-align: baseline; box-sizing: content-box;position: static;transition: none;}
a.cke_combo_button { cursor: default;display: inline-block;margin: 0px; padding: 1px;width: 118px !important;}
.cke_combo_text {line-height: 26px;padding-left: 10px; text-overflow: ellipsis; overflow: hidden; float: left; cursor: default; color: #484848; width: 85px !important;}
.ng-dropdown-panel {background-color: #fff; border: 1px solid #ccc;box-shadow: 1px 1px 1px 3px rgba(0,0,0,0.06);width:100% !important;}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option {background-color: #fff;color: rgba(0,0,0,0.87);padding: 8px !important;}
.user-custom-dropdown .ng-dropdown-panel .ng-dropdown-panel-items .ng-option {background-color: #fff;color: rgba(0,0,0,0.87);padding: 2px 5px !important;}
#backupRequest .ng-dropdown-panel .ng-dropdown-panel-items .ng-option { color: #000 !important; padding: 8px 10px;border-bottom: 1px solid #ddd !important;}
.ng-dropdown-panel.ng-select-bottom{position: absolute;right: 0px;}
.ql-link{display: none !important;}
.temp-editor .ql-link, .temp-editor .ql-image {display:none !important;}
.reply-editor .ui-chips > .ui-inputtext{border: 0 !important; box-shadow: none !important;}
.reply-editor .ui-chips .ui-chips-token .ui-chips-token-label{width: auto !important; font-size: 12px !important;}
.reply-editor .ui-chips-input-token input{font-size: 14px;}
body .ui-dropdown-panel .ui-dropdown-items .ui-dropdown-item.ui-state-highlight {color: #000 !important;font-weight: 600 !important;font-size:13px !important;}
body .ui-dropdown .ui-dropdown-trigger {background-color: transparent !important;}
body .ui-dropdown .ui-dropdown-trigger {width: 100% !important;}
body .ui-dropdown .ui-dropdown-trigger .fa {color: #55595c; margin-top: .65em;display: none;}
.ui-dropdown .ui-dropdown-label:hover{background: #ffffff;width: 100% !important;}
body .ui-dropdown:not(.ui-state-disabled):hover .ui-dropdown-trigger, body .ui-dropdown.ui-state-focus .ui-dropdown-trigger, body .ui-dropdown.ui-state-focus .ui-dropdown-label, body .ui-dropdown:not(.ui-state-disabled):hover .ui-dropdown-label {
border-radius: 3px;-moz-border-top-left-radius: 0;border-top-left-radius: 0;-moz-border-bottom-left-radius: 0;border-bottom-left-radius: 0;background-color: #fff;}
.ui-dropdown .ui-dropdown-label {display: block;border: 0;white-space: nowrap;overflow: hidden;font-weight: normal;width: 100%;padding-left:0px !important;background-color: #fff !important;}
.ui-dropdown-panel .ui-dropdown-items-wrapper { overflow: auto !important;}
.ui-dropdown .ui-dropdown-panel {width: 100% !important;position: absolute;left: -12px !important; top: 22px !important;}
.ui-dropdown-panel .ui-dropdown-item {border: 0 none;cursor: pointer;margin: 1px 0;padding: .125em .25em !important;text-align: left;font-size: 13px !important;    white-space: nowrap;
  overflow: hidden; text-overflow: ellipsis;width: 250px;}
.ui-dropdown {display: inline-block; position: relative;cursor: pointer; vertical-align: middle;/*min-width: 140px !important;*/width:100% !important;}
.ui-dropdown label.ui-dropdown-label {cursor: pointer;overflow: hidden !important;text-overflow: ellipsis;}
body .ui-dropdown {border: 0px solid #d6d6d6 !important;}
body .ui-dropdown:not(.ui-state-disabled):hover {background-color: transparent !important;border-color: #cccccc;min-width: 140px !important;}
.invoice-dropdown .ui-dropdown .ui-dropdown-panel {width: 100% !important;position: absolute;left: -18px !important;top: 30px !important;min-width: 438px !important;}
.invoice-dropdown .ui-dropdown {display: inline-block;position: relative;cursor: pointer; vertical-align: middle; width: 100% !important;}
.purchase-account .ui-dropdown .ui-dropdown-panel {width: 100% !important;position: absolute;left: -18px !important;top: 21px !important;min-width: 196px !important;}
.account-dropdown .ui-dropdown .ui-dropdown-panel {width: 100% !important;position: absolute;left: -13px !important; top: 21px !important;min-width: 262px !important;}
.pointer-disable-time .ui-dropdown .ui-dropdown-label {background: transparent !important;}
.label-custom .ui-dropdown .ui-dropdown-label {display: block;border: 0;white-space: nowrap;overflow: hidden;font-weight: normal;width: 100%;padding-left: 0px !important;background-color: #fff !important; position: relative !important;top: 1px !important;}
.acc-dropdown .ui-dropdown {display: inline-block;position: relative;cursor: pointer;vertical-align: middle;min-width: 302px !important;width: 100% !important;}
body .ui-accordion .ui-accordion-header { background-color: none !important;  border: none !important;  color:#313C47 !important;transition: background-color 0.3s;}
body .ui-accordion .ui-accordion-header:not(.ui-state-active):not(.ui-state-disabled):hover {background-color: transparent !important;}
body .ui-accordion .ui-accordion-header.ui-state-active {background-color: transparent !important;color:#313C47 !important;font-size: 22px !important;font-weight: 500 !important;}
/*.accordian-heading{color:#313C47 !important;font-size: 22px !important;font-weight: 500 !important;}*/
body .ui-accordion .ui-accordion-header a {padding: .75em 1.25em .75em 2em;color:#313C47 !important;font-size: 22px !important;font-weight: 500 !important;}
body .ui-accordion .ui-accordion-header.ui-state-active a {color: #313c47 !important;font-size: 22px !important;font-weight: 500 !important;}
/* help content accordian */
.ui-accordion .ui-accordion-content {padding: 1em;border-top: 0;overflow-x: auto !important;zoom: 1;width: 100% !important;}
.calendar-display{display: block !important;z-index: 1004 !important;top: 34px !important;left: -11px !important;opacity: 1 !important;}
.fc-title{font-size: 13px !important;font-weight: bold !important;line-height: 20px;height: auto;padding:8px !important;}
/* .fc-content .fc-time{display:none;} */
/* .fc-toolbar .fc-right .fc-today-button {float: right;display: none !important;}	 */
.fc-toolbar .fc-center h2{margin-top: 0.2rem !important;margin-right: 0rem !important;color:#313c47 !important;font-size: 15px;line-height: 23px;font-weight:500 !important;}
.fc-left .fc-prev-button{/*position:absolute !important;left: 220px !important;*/top: 0px !important;border: 1px solid #fff !important;
background-color: #FAFBFC !important;background-color: rgba(255,255,255,0) !important;border-radius: 4px !important;width: 27px !important;height: 27px !important;}
.fc-time-grid .fc-slats .fc-axis .fc-time .ui-widget-content{border-bottom:1px solid #fff !important;} 
body .fc .fc-toolbar .fc-prev-button .ui-icon {position: relative !important; top: 1px !important;}
body .fc .fc-toolbar .fc-next-button .ui-icon {position: relative !important;top: 1px !important;}
/* .fc-left .fc-prev-button .ui-icon{color: #666 !important;} */
body .ui-icon {
    width: max-content !important;
    height: max-content !important;
    line-height: 1em;
}
.fc-left .fc-next-button{position:absolute !important;/*left: 560px !important;*/top: 0px !important;border: 1px solid #fff !important;background-color: rgba(255,255,255,0) !important;
    border-radius: 4px !important;width: 27px !important;height: 27px !important;}
/* .fc-left .fc-next-button .ui-icon{color: #666 !important;} */
.fc button{padding:0 !important}
body .fc .fc-slats td:nth-child(odd){border-bottom:1px solid #fff !important;padding-top:72px !important;}
.client-calendar .fc-toolbar .fc-center h2{margin-top: 0.2rem !important;margin-right: 0rem !important;color:#989898 !important;font-size: 14px;line-height: 23px;font-weight:bold !important;}
.client-calendar .task-calendar-tips{color: #B6BEC8;font-size: 12px;font-weight:300 !important;margin-left:35px !important;}
.client-calendar .fc-title{color: #4DA1FF !important;font-size: 16px;line-height: 18px;padding:0 !important;}
.client-calendar .fc-view-container{margin-top:50px !important;}
.workspace-calendar .fc-basic-view .fc-body .fc-row{min-height:6rem !important; height: auto !important;}
.tasks-calendar .fc-basic-view .fc-body .fc-row{max-height:75px !important; height: auto !important;border:none !important;}
/* .fc-left{margin-left:30rem;}
.fc-right{margin-right:30rem;} */
/*.fc-toolbar.fc-header-toolbar {margin-bottom: 1em;position: absolute !important;top: -40px !important;left: -143px !important;} */
.calschedular .fc-toolbar.fc-header-toolbar {text-align: center;display: flex;justify-content: center;margin-top: 15px;}
.calschedular .fc-left .fc-next-button{
    margin-left:190px;
    margin-top: 48px;
    border: 0px !important;
}
.calschedular .fc-left .fc-prev-button{
    position: relative;
    right:40px;   
    top: 0;
}
/* Calendar schedular */
.calschedular .fc-basic-view .fc-body .fc-row {
    min-height: auto;
    height: auto !important;
  }
  .calschedular table .fc-head tr td .fc-row .ui-widget-header{
    background: #F5FAFF !important;
    padding: 15px;
    color: #313c47 !important;
  }
  .calschedular .ui-widget-content{height: auto;}
  .calschedular table .fc-head tr td .fc-row .ui-widget-header td{background: #fff}
  .calschedular .ui-state-highlight {
    background-color: #F5FAFF !important;
    padding: 18px 0 !important
  }
  .calschedular .fc .fc-row .fc-content-skeleton table,
  .calschedular .fc .fc-row .fc-content-skeleton td,
  .calschedular .fc .fc-row .fc-helper-skeleton td,
  .calschedular .fc .fc-row .fc-helper-skeleton td.fc-day-top .fc-sun .fc-other-month .fc-past {
    background: #fff;
    border-color: transparent;
    padding: 0px;
  }
  .calschedular .fc-day-top.fc-other-month {
    opacity: 1;
    padding: 18px 0 !important;
  }
  .calschedular .fc-toolbar .fc-right {
    float: left !important;
    margin-left: 10rem !important;
    margin-top: -1rem;
    display: none;
  }
  body .fc .fc-toolbar .fc-prev-button span::before {
    content: "";
    font-size: 20px;
 }
 body .fc .fc-toolbar .fc-next-button span::before {
    font-size: 20px;
 }
 .ui-icon{overflow: visible !important;}
  /* .calschedular .fc-left .fc-prev-button {
     left: 36rem !important;
     top: -1.2rem !important;
     border: 0px solid #dddd !important;
  }
  .calschedular .fc-left .fc-next-button {
    left: 55rem !important;
    top: -1.2rem !important;
    border: 0px solid #dddd !important;
  } */
  
  .calschedular .fc-view-container *, .fc-view-container *:before, .fc-view-container *:after {
    box-sizing: content-box;
    height: auto !important;
  }
  .calschedular .fc-toolbar .fc-state-active, .fc-toolbar .ui-state-active {
    text-transform: capitalize;
  }
  .calschedular .fc-toolbar .fc-center {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .calschedular td.fc-day-top.fc-sun.fc-other-month.fc-past {
    padding: 18px 0 !important;
  }
  .calschedular td.fc-day-top.fc-tue.fc-past {
    padding: 18px 0 !important;
  }
  .calschedular td.fc-day-top.fc-tue.fc-future {
    padding: 18px 0 !important;
  }
  .calschedular .fc th, .fc td {   
    vertical-align: middle !important;
  }
  .calschedular .fc-day-number { 
    font-weight: 500 !important;   
    font-size: 1.2rem !important;   
    color: #222B38 !important;
  }
  .calschedular button.fc-agendaWeek-button.ui-button.ui-state-default.ui-corner-right {
    text-transform: capitalize;
  }
  .calschedular .fc-content ul li:before{
    font-family: "custom-font" !important;
    content: "\74";
    font-size: 5px;
    padding-right: 5px;
    padding-top: 3px;
 }
 .calschedular .fc-content ul{
     /* background-color: #F5FAFF !important; */
     background-color: #f4f7f9!important;  
     margin: 3px;
 }
 body .ui-button:enabled:active {
    background-color: #025aa5;
    box-shadow: none !important;
}


/* Task calendar view */
.taskschedular .fc-view-container *, .fc-view-container *:before, .fc-view-container *:after {
  box-sizing: content-box;
  height: auto !important;
}
.taskschedular .fc-toolbar .fc-state-active, .fc-toolbar .ui-state-active {
  text-transform: capitalize;
}
.taskschedular .fc-toolbar .fc-center {
  display: flex;
  justify-content: center;
  align-items: center;
}
.taskschedular td.fc-day-top.fc-sun.fc-other-month.fc-past {
  padding: 18px 0 !important;
}
.taskschedular td.fc-day-top.fc-tue.fc-past {
  padding: 18px 0 !important;
}
.taskschedular td.fc-day-top.fc-tue.fc-future {
  padding: 18px 0 !important;
}
.taskschedular .fc th, .fc td {   
  vertical-align: middle !important;
}
.taskschedular .fc-day-number { 
  font-weight: 500 !important;   
  font-size: 1.2rem !important;   
  color: #222B38 !important;
}
.taskschedular button.fc-agendaWeek-button.ui-button.ui-state-default.ui-corner-right {
  text-transform: capitalize;
}
/* .taskschedular .fc-content ul li:before{
  font-family: "custom-font" !important;
  content: "\74";
  font-size: 5px;
  padding-right: 5px;
  padding-top: 3px;
} */
.taskschedular .fc-content ul{
   /* background-color: #F5FAFF !important;      */
   background-color: #f4f7f9!important;  
}
.taskschedular .fc-toolbar.fc-header-toolbar {
  text-align: center;
  display: flex;
  justify-content: center;
  position: relative;
  top: -26px;
}
.taskschedular .fc-left .fc-next-button{
    margin-left:260px;
    margin-top: 0px;
    border: 0px !important;
}
.taskschedular .fc-left .fc-prev-button{
    position: relative;
    right:40px;   
    top: 0;
} 
.taskschedular .fc-basic-view .fc-body .fc-row {
    min-height: auto;
    height: auto !important;
  }
  .taskschedular table .fc-head tr td .fc-row .ui-widget-header{
    background: #F5FAFF !important;
    padding: 15px;
    color: #313c47 !important;
  }
  .taskschedular .ui-widget-content{height: auto;}
  .taskschedular table .fc-head tr td .fc-row .ui-widget-header td{background: #fff}
  .taskschedular .ui-state-highlight {
    background-color: #F5FAFF !important;
    padding: 18px 0 !important
  }
  .taskschedular .fc .fc-row .fc-content-skeleton table,
  .taskschedular .fc .fc-row .fc-content-skeleton td,
  .taskschedular .fc .fc-row .fc-helper-skeleton td,
  .taskschedular .fc .fc-row .fc-helper-skeleton td.fc-day-top .fc-sun .fc-other-month .fc-past {
    background: #fff;
    border-color: transparent;
    padding: 0px;
  }
  .taskschedular .fc-day-top.fc-other-month {
    opacity: 1;
    padding: 18px 0 !important;
  }
  .taskschedular .fc-toolbar .fc-right {
    float: left !important;
    position: absolute;
    left:25px;
  }
  .taskschedular .fc-event-container .fc-day-grid-event .fc-content ul{
    padding-top: 0px;
  }
  .taskschedular .fc-event .fc-content{top:0px !important}
  .taskschedular .fc-button-group button.ui-button{padding: 5px 8px !important;text-transform: capitalize;}  
.fc-toolbar .fc-state-active, .fc-toolbar .ui-state-active{z-index:4 !important; background: #624096 !important;color:#fff !important;}
body .ui-widget-overlay {background-color: #424242;opacity: 0.7;filter: alpha(opacity=70);}
.post-box ul.list-unstyled li:last-child div {font-size: 14px !important;color: #313c47;font-size: 14px;line-height: 16px;font-weight:400 !important;width:99% !important;margin:0 auto;}
.fc-row .fc-content-skeleton td, .fc-row .fc-helper-skeleton td {background: none;border-color: transparent;border-bottom-color: transparent;border-bottom: 0;cursor: pointer !important;}
.fc-agenda-view .fc-day-grid .fc-row {min-height: 3em;display: none;}
.fc-view, .fc-view > table {position: relative;z-index: 1 !important; width: 100%;margin: 4% auto;margin-left:4px !important;}
.fc-ltr .fc-axis td{text-align: right;border: none !important;}
.fc-toolbar .fc-left {float: left;}
.fc-toolbar .fc-right {float: right;}
.tasks-calendar .fc-toolbar .fc-right { float: right; /* position: absolute; */ position: relative; top: -44px !important;}
/*.fc-slats table tbody tr {height: 100px !important;}*/
.fc-time-grid .fc-slats td {height: 1em;border-bottom: 0;}
/*body .ui-widget-header {background: #ffffff;color: #2d353c;border: 1px solid #cdcdcd;}*/
/*.fc-time-grid-event .fc-v-event .fc-event fc-start fc-end{background-color: #F4F7F9;top: 150px;bottom: -225px;z-index: 1;left: 0%;right: 0%;}*/
.fc-time-grid-container, .fc-time-grid {position: relative;z-index: 1;background-color: #E9EFF4;}
.fc-slats table tbody tr {height: 77px !important;}
.fc-left .fc-today-button{display:none !important;}
/*full calender ends*/
/* .fa-fw {width: 1.28571429em;text-align: center;display: none !important;} */
.fa-fw {width: 1.28571429em;text-align: center;}
.account-receipt .ui-corner-all {width: 100% !important;} 
.jqx-knob-label, .jqx-chart-axis-text, .jqx-chart-label-text, .jqx-chart-tooltip-text, .jqx-chart-legend-text {fill: #624096 !important;color: #624096 !important;font-size: 9px !important;font-family: 'Roboto', sans-serif !important;font-weight:500 !important;z-index: 999999999 !important;}
.chart1 text.jqx-chart-legend-text{display:block !important;}
/* email template editor styles*/
.ql-snow .ql-editor a {text-decoration: underline !important;cursor:pointer !important;}
#composeMail .ql-editor p{display:block;}
.chart1 text.jqx-chart-legend-text{display:block !important;}
.chart1 text.jqx-chart-legend-text{display:block !important;}
.time-calender .ui-calendar {position: relative; display: inline-block;width: 100% !important;margin: 0 auto;}
.ui-calendar {position: relative;display: inline-block;width: 100%;}
.timesheet-calender{height:31px !important;}
.timesheet-showhide .dropdown dt a {background-color: #fff !important;display: block;padding: 5px 20px 0px 10px;height: 31px;line-height: 24px;overflow: hidden;border: 0;border: 1px solid #f1f0f0 !important;box-shadow: 0 0 1px 0 rgba(69,69,69,0.41) !important;border-radius: 3px !important;}
.pointer-disable-time .form-control input {width: 100% !important;overflow: hidden !important;white-space: nowrap !important;text-overflow: ellipsis !important;background: transparent !important;}
.tasks-calendar .ui-widget-header {background: #ffffff !important;color: #313C47 !important;font-size: 14px !important;font-weight: 500;height: 50px;border: 1px solid rgba(221,221,221,0.4) !important;text-transform: uppercase !important;vertical-align: middle !important;}
.vatcode-ngselect select {position: relative;display: block;box-sizing: border-box;top: 0px !important;height: 31px !important;}
.input-group-addon, .input-group-btn { min-width: 34px !important; white-space: nowrap; vertical-align: middle;}
.chartjs-render-monitor {-webkit-animation: chartjs-render-animation 0.001s;animation: chartjs-render-animation 0.001s;height: 210px !important;}
.crm-graph .chartjs-render-monitor  {-webkit-animation: chartjs-render-animation 0.001s;animation: chartjs-render-animation 0.001s;height: auto !important; cursor: pointer;}
/* image preview in capiscan  starts*/
.image-gallery-2 {width: 100%; position: relative;height: 500px !important; background: #000;margin-top: 33px;margin-bottom: 15px;}
.image-gallery-2 .prev {cursor: pointer;left: 20px;transition: linear 0.3s;display: block;}
.image-gallery-2 .next {cursor: pointer; transition: linear 0.3s;display: block; position: absolute; top: 50%;left: 45rem;} 
.image-gallery-2 .footer-info{display: none !important;}
.iv-snap-view {width: 150px;height: 150px;position: absolute;top: 20px;left: 20px;border: 1px solid #666;background: black;z-index: 100;box-sizing: content-box;transition: all ease 400ms;opacity: 0;display: none;}
.inline-icon > div > .tooltip:first-child { pointer-events: none;}
.options-image-viewer > .tooltip {opacity: 1 !important;pointer-events: visible !important;}
.inline-icon, .image-gallery-2 {background-color: #222B38 !important;}
.aml-list .ng-select-disabled,
.aml-list .ng-select-disabled .ng-select-container{background-color: #e9ecef !important;}

  /* image preview in capiscan  end*/
  .tooltip .tooltiptext {visibility: hidden;width: auto !important;background-color: #000 !important;color: #fff; text-align: center;border-radius: 6px; padding: 5px !important;position: absolute; z-index: 1; bottom: 125%;left: 40%;margin-left: -60px;opacity: 0;transition: opacity 0.3s;}
  .tooltip .tooltiptext::after {content: ""; position: absolute;top: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent !important;}
  .crm-graph-contacts .chartjs-render-monitor {-webkit-animation: chartjs-render-animation 0.001s;animation: chartjs-render-animation 0.001s;height: 280px !important;}
#time-picker-wrapper {position: fixed;top: 0;bottom: 0;left: 0;right: 0; background: transparent; -webkit-transition: background 0.4s; transition: background 0.4s; font-family: 'Roboto', sans-serif;z-index: 1024 !important;}
.timeline-tasks-assign .c-angle-down {display: none !important;}
.ui-timepicker {text-align: center; padding: 0em 0 !important;}
body .ui-state-active, body .ui-state-highlight {color: #ffffff;}
.services-reminder-list {background-color: #E4F1FF;border-radius: 60px; height: auto !important;padding: 2px 0 7px 0 !important;}
.lazyContainer{max-height: 90px !important;height: auto; overflow-y: auto !important;overflow-x:hidden !important;}
.datetime-reset-button { fill: currentColor; opacity: .5; background-color: transparent; border: none; align-self: center; flex: none; padding-left: 2px;padding-right: 2px; -webkit-appearance: none !important;}
.ql-container.ql-snow {border: 1px solid #f1f0f0 !important;box-shadow: 0 0 2px 0 rgba(69,69,69,0.41)!important;}
.checklist-bg div{line-height: 25px !important;}
.communication-details .c-list .c-token .c-label{display: block;float: left;font-size: 12px !important;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: auto !important;}
.solutionstext ul{padding-left:33px !important}
.twofactor .iti.iti--allow-dropdown{ width: 50px !important;border: 1px solid #ddd !important; height: 30px !important;}
.report-custom .ui-widget {box-sizing: border-box;padding: 0px;}
.payrollpie-custom .chartjs-render-monitor {-webkit-animation: chartjs-render-animation 0.001s;animation: chartjs-render-animation 0.001s;height: 280px !important;}
.list-box-names .ui-state-highlight{color: #55595c !important;}
.loe-document .ql-snow * {box-sizing: border-box;word-break: break-all;}
.preview-template #PreviewDiv p{width:98% !important;}
/* .preview-template table td, tr, th, thead {font-size: 14px !important;border-bottom: 1px solid #ddd !important;}  */
body .ui-widget-header {background: #ffffff !important;color: #9CA6AF !important;font-size: 15px !important;font-weight: 600;border: none !important;text-transform: capitalize !important;border-bottom: 0px solid #ddd !important;}
.accountperiodgrid .ui-datatable .ui-datatable-tablewrapper table .ui-datatable-thead .ui-state-default th:first-child {width:4%;}
.ui-column-title{color:#313c47;font-size:14px;line-height:14px;font-weight:600;}
/* Communication Sms flag, editor customization */
.communication-sms .iti--allow-dropdown input, .iti--allow-dropdown input[type=text], .iti--allow-dropdown input[type=tel], .iti--separate-dial-code input, .iti--separate-dial-code input[type=text], .iti--separate-dial-code input[type=tel] {
    padding-right: 6px;padding-left: 52px;margin-left: 0;display: none;}
.iti {position: static !important; display: inline-block !important;}
.twofactor .iti {position: relative !important; display: inline-block !important;}
.flag-border{ border: 1px solid #f1f0f0 !important;box-shadow: 0 0 2px 0 rgba(69,69,69,0.41)!important;height: 30px;width:60px !important;}
#addDocument .select2-container .select2-choice {background-clip: padding-box; background-color: #fff;border: none !important;border-radius: 0 !important;color: #444;display: block; height: 31px !important;line-height: 31px;overflow: hidden; padding: 0 0 0 8px; position: relative;text-decoration: none; white-space: nowrap;width: 100% !important;}
#addDocument .select2-container-active .select2-choice, .select2-container-active .select2-choices {border: none !important; outline: 0;}
/* Communication Sms flag, editor customization */
.fc-day-number {float: none !important;font-weight: 500 !important;color: rgb(97, 125, 138) !important;font-size: 2rem !important;/*line-height: 0px !important;*/}
.fc-day-top {text-align: center !important;}
.fc-day-grid-event {background-color: transparent !important;border-color: transparent !important;}
.ui-datatable .ui-datatable-thead > tr > th {border-width: none !important;border-style: none !important;text-align: left !important;color: #B6BEC8 !important;}
.ui-datatable .ui-datatable-data > tr > td {border-width: none !important; border-style: none !important; text-align: left !important; padding: .75em; width: 128px;white-space: nowrap;overflow: hidden; text-overflow: ellipsis;}
.ui-datatable .ui-datatable-data > tr > td .ui-cell-data p{width: 128px; white-space: nowrap;overflow: hidden; text-overflow: ellipsis;margin-top:0; margin-bottom: 0;}
body .ui-datatable thead th.ui-state-active {background-color: #ffffff !important;border-color: #ffffff !important;}
.ui-datatable .ui-sortable-column-icon {display: inline-block !important;}
body .ui-datatable thead th.ui-sortable-column:hover { background-color: #ffffff !important;}
body .ui-datatable .ui-datatable-data .ui-datatable-emptymessage-row  > td{text-align: center !important; color: #663189 !important; font-weight: 600 !important;}
.ui-datatable table {border-collapse: collapse;width: 100%;table-layout: fixed;white-space: nowrap;}
.iti input, .iti input[type=text], 
.iti input[type=tel]{height: 31px !important;}
.cn-number .iti.iti--allow-dropdown{width: 50px !important;}
/* #sms-dash .white-bg canvas.chartjs-render-monitor{height: auto !important; width: 95% !important; margin: 0 auto;}  */
.text-ellipsis > span > p{ display: inline-block !important;}
.director-disable .selected-list .c-list .c-token .c-remove {position: absolute; right: 8px; top: 50%;transform: translateY(-50%);width: 10px;display: none;}
.taskdesclass{font-size: 12px !important;font-weight: 500 !important;	color: #313C47;list-style-type:none !important;margin-top:10px !important;}
.fc-event-container fc-time-grid-event{height:200px !important; border:1px solid #666;}
.taskdesclass{font-size: 12px !important;font-weight: 500 !important;	color: #313C47;list-style-type:none !important;margin-top:10px !important;}
.fc-event-container fc-time-grid-event{height:200px !important; border:1px solid #666;}
hr.fc-divider { display: none;}
.fc-view, .fc-view > table {position: relative;z-index: 1 !important; width: 100%;margin: 2% auto; margin-left: 4px !important; position: absolute;top: 10px;}
.tasks-calendar .fc-button-group .fc-agendaWeek-button{border: 1px solid #D0D7DD !important; border-radius: 5px; color: #313C47;font-size: 12px;font-weight: 400;position: absolute;left: 0px !important;top:-17px !important; text-transform: capitalize;height:31px !important; width:60px !important;}
.tasks-calendar .fc-button-group .fc-month-button{border: 1px solid #D0D7DD !important; border-radius: 5px; color: #313C47;font-size: 12px;font-weight: 400;position: absolute; left: 0px !important;top:-17px !important; text-transform: capitalize;height:31px !important; width:60px !important;}
.tasks-calendar .fc-toolbar.fc-header-toolbar{margin-bottom: 1em; position: absolute !important; top: -40px !important; left: -86px !important;}
.tasks-calendar .fc-center h2{text-align: center;position: absolute !important;left: 34rem !important;top:3px !important;width:100%;}
.tasks-calendar .fc-toolbar .fc-right {float: right;position: relative;top: -29px !important;}
.tasks-calendar .fc-left .fc-prev-button {position: absolute !important;left: 50rem !important;top: 0px !important; border: 1px solid #D0D7DD !important;background-color: #FAFBFC !important;background-color: rgba(255,255,255,0) !important; border-radius: 4px !important;width: 27px !important; height: 27px !important;}
.tasks-calendar .fc-left .fc-next-button {position: absolute !important;left: 74rem !important; top: 0px !important; border: 1px solid #D0D7DD !important;background-color: rgba(255,255,255,0) !important;border-radius: 4px !important; width: 27px !important; height: 27px !important;}
#byListview .ui-datatable table { border-collapse: collapse; width: 100%; table-layout: auto;}
.custom-signature .ql-snow .ql-picker.ql-expanded .ql-picker-options {display: block;margin-top: -136px !important;top: 100%; z-index: 999999999999999;}
.custom-signature .ql-toolbar.ql-snow{position: sticky; top: 368px;margin-top:-30px !important;padding: 10px 0px !important;z-index: 1024;margin-bottom: -45px !important;}
.custom-signature .ui-editor-content{height: 230px !important;border: 1px solid #E6E7EB !important; border-radius: 3px;box-shadow: none !important;}
.custom-signature .ql-toolbar.ql-snow .ql-formats{margin-right: -3px !important;}

.add-signature .ql-snow .ql-picker.ql-expanded .ql-picker-options {display: block;margin-top: -136px !important;top: 100%; z-index: 999999999999999;}
.add-signature .ql-toolbar.ql-snow{position: sticky; top: 368px;margin-top:0px !important;padding: 10px 0px !important;z-index: 1024;margin-bottom: -45px !important;}
.add-signature .ui-editor-content{height: 160px !important;border: 1px solid #E6E7EB !important; border-radius: 3px;box-shadow: none !important;}
.add-signature .ql-toolbar.ql-snow .ql-formats{margin-right: -3px !important;}

.reply-editor .ql-snow .ql-picker.ql-expanded .ql-picker-options {display: block;margin-top: -136px !important;top: 100%; z-index: 999999999999999;}
/* .reply-editor .ql-toolbar.ql-snow{position: sticky; top: 368px;margin-top:-52px !important;padding: 10px 0px !important;z-index: 1024;margin-bottom: 7px !important;}
.reply-editor .ui-editor-content{height: 251px !important;border: 1px solid #E6E7EB !important; border-radius: 3px;box-shadow: none !important;} */
.reply-editor .ql-toolbar.ql-snow{position: sticky; top: 368px;margin-top:0px !important;padding: 10px 0px !important;z-index: 1024;margin-bottom: -45px !important;}
.reply-editor .ui-editor-content{height: 172px !important;border: 1px solid #E6E7EB !important; border-radius: 3px;box-shadow: none !important;}
.reply-editor .ql-toolbar.ql-snow .ql-formats {margin-right: -7px !important;}
.ui-chips-input-token {display: inline-block;vertical-align: middle;list-style-type: none; margin: 0 0 0 .125em; padding: .25em .25em .25em 0; max-width: 300px; width: 300px;}
.editor-header-align .ui-chips-input-token{width: auto;}
#addDocument .disabled .ng-select.ng-select-single .ng-select-container {background-color: #ddd !important;box-shadow: 0 0 0px 0 rgba(69,69,69,0.41)!important;}
#addDocument .ng-dropdown-panel.ng-select-bottom {z-index: 9999999999999;}
#addDocument .selected-list .c-btn {width: 100%; padding: 1px 10px !important; cursor: pointer;  display: flex; height: auto !important; min-height: 31px;}
#viewPdf .tkItem{padding:0 !important;}
#viewPdf .tkItem img{max-width: 120px; max-height: 30px;}
#viewDocument .tkItem img{max-width: 120px; max-height: 30px;}
.signed-date .ui-datepicker{padding: 0;left: -52px !important;}
.ccmulti-select .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value {
    margin-right: 5px;margin-bottom: 0px;background-color: #0079FE !important;border-radius: 2px;border: 1px solid #0079FE !important;}
.ccmulti-select .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon:hover {background-color: #0079FE !important;}
.ccmulti-select .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value span {color: #fff !important;font-size: 12px !important;}
.ccmulti-select .ng-select {height: auto !important;border: 0px solid #f1f0f0 !important;}
.ccmulti-select .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left {
    border-right: none !important;float: right;font-size: 14px !important;}
.ccmulti-select .ng-select .ng-select-container {min-height: 35px !important;}
.ccmulti-select .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-label {display: inline-block; padding: 2px 5px 0px 5px !important;}
@media(max-width: 1280px){
    .reply-editor .ql-toolbar.ql-snow {position: sticky;top: 368px; margin-top: 0px !important; padding: 10px 0px !important; z-index: 1024; margin-bottom: -49px !important;}
    .editor-align{margin-top: 5rem !important;}
}
@media (max-width:567px){
 .ng-select {position: relative; display: block;-webkit-box-sizing: border-box;box-sizing: border-box;top: 0px;border: 1px solid #f1f0f0 !important;box-shadow: 0 0 1px 0 rgba(69,69,69,0.41)!important;border-radius: 3px !important;height: 31px !important;}
 .ng-select.ng-select-single .ng-select-container{height: 30px !important}
}
/* Confirmation dialog starts */
@media (max-width: 576px){
.ui-growl .ui-growl-message-success { background-color: #dff0d8; color: #3c763d;width: 300px !important; margin-left: 9.3rem !important;}
.ui-growl-message-success > .ui-growl-item > .ui-growl-message {color: #A6E42B !important; font-size: 16px !important; padding-top: 0rem !important; margin-left: 1rem !important;}
.ui-growl-message-success > .ui-growl-item > .ui-growl-icon-close {color: #A6E42B !important;margin-top: 1.5rem !important; margin-right: 0.75rem !important;}
.ui-growl .ui-growl-message-error { background-color: #f2dede;color: #a94442 !important; width: 300px !important; margin-left: 9.3rem !important; }
.ui-growl-message-error > .ui-growl-item > .ui-growl-message {color: #a94442 !important; font-size: 16px !important; padding-top: 0rem !important;margin-left: 1rem !important;}
.ui-growl-message-error > .ui-growl-item > .ui-growl-icon-close {color: #a94442 !important;margin-top: 1.5rem !important;margin-right: 0.75rem !important;}     
.ui-confirmdialog {width: 85% !important; left:20px !important;}    
}
@media (min-width: 567px) and (max-width: 768px){
.ui-confirmdialog { width: 45% !important;left:30% !important;} 
.ng-select.ng-select-single .ng-select-container{height: 30px !important}
}
@media (max-width: 1024px){
.ui-confirmdialog {width: 30em;top: 136px !important;}
}
/* Confirmation dialog ends */
@media (min-width:991px) and (max-width:1366px){
/* .fc-left{margin-left:13rem;} */
/* .fc-right{margin-right:12rem;} */
/* .fc-left .fc-next-button{position:absolute !important;left: 327px !important;top: 0px !important;border: 1px solid #D0D7DD !important;background-color: rgba(255,255,255,0) !important;border-radius: 4px !important;width: 27px !important;height: 27px !important;}
.fc-left .fc-prev-button{position:absolute !important;left: 100px !important;top: 0px !important;border: 1px solid #D0D7DD !important; background-color: #FAFBFC !important;background-color: rgba(255,255,255,0) !important;border-radius: 4px !important;width: 27px !important;height: 27px !important;} */
/* .fc-toolbar.fc-header-toolbar {margin-bottom: 1em;position: absolute !important;top: -40px !important;left: -251px !important;} */
}
@media (max-width: 1920px) and (min-width: 1600px){
.ui-autocomplete .ui-autocomplete-panel {min-width: 212px !important;}
}
.accountsTable .ui-table table {border-collapse: collapse; width: 100%;  table-layout: auto;margin-bottom: 15px;}
.clientsTable .ui-table table {border-collapse: collapse; width: 100%;  table-layout: auto;margin-bottom: 15px;}
thead.ui-table-thead { white-space: nowrap;color: #313c47;}
.ui-table {position: relative; width: 100%;padding: 0.4rem;overflow-x: auto;}
.ui-table .ui-table-wrapper table .ui-table-thead tr td{padding: 0.6rem 0.4rem !important; font-weight: 700;}
.ui-table .ui-table-tbody>tr>td.ui-editing-cell p-celleditor>* {width: 128px !important;}
.ui-table .ui-table-tbody>tr>td.ui-editing-cell p-celleditor.text-overflow-error>* {width: 500px !important;}
.color-red p-celleditor {border: 1px solid #FF6D4A; padding: 5px; color: #ff6d4a; display: inline-block;height: 31px;}
.ui-table .ui-table-thead>tr>th, .ui-table .ui-table-tbody>tr>td, .ui-table .ui-table-tfoot>tr>td {padding: 0.6rem !important;border-bottom: 1px solid rgba(233,239,244,0.35) !important;}
.ngx-pagination .disabled {background: transparent !important;pointer-events: none !important;opacity: 0.5 !important;}
.fa-unsorted:before, .fa-sort:before {content: "\f0dc";color: #313c47;}
.paging-fix{position: fixed;z-index: 1024;background: #f4f7f9 !important; width: 100%; bottom: 0;margin-top: 10px;}
.paging-conversations-fix{position: fixed;background: #f4f7f9 !important; width: 100%; bottom: 0;margin-top: 10px;height:52px;}
.border-right-shadow{box-shadow: 3px 3px 5px rgba(98, 64, 150,1);}
.gmail_signature p img{width: 100% !important;}
.mail-filters-block{height: 40rem !important; max-height: 42rem; overflow-y: auto; overflow-x: hidden;}
.mails-block .ui-datepicker {width: 14.3em !important;left: -18px !important; top: 28px !important;}

#validate-table table, td, tr, thead {font-size: 14px !important;}
/* #validate-table .ui-table.ui-widget{height: 500px; padding: 0;} */
#validate-table.table-responsive.import-user .ui-table.ui-widget{height: auto; padding: 0;}

#validate-table table { position: relative !important;border-collapse: collapse !important;}
#validate-table thead.ui-table-thead > tr > td {position: sticky; top: 0;background-color: #f4f7f9;z-index: 9998;  font-weight: bold !important;font-size: 14px !important;line-height: 14px !important; color: #b6bec8 !important;}
/* #validate-table thead.ui-table-thead > tr > td,
#validate-table tbody.ui-table-tbody > tr > td{width: 180px !important;display: inline-block; white-space: break-spaces;} */

/* #validate-table.table-responsive.import-user thead.ui-table-thead > tr > td,
#validate-table.table-responsive.import-user tbody.ui-table-tbody > tr > td{width: 204px !important;} */

#validate-table tbody.ui-table-tbody > tr > td{overflow: hidden; text-overflow: ellipsis;}
#validate-table thead.ui-table-thead > tr > td:first-child, 
#validate-table tbody.ui-table-tbody > tr > td:first-child {position: sticky; left: -8px; background:#f4f7f9 !important;
    z-index: 9999;color: #b6bec8 !important; font-weight: bold !important;font-size: 14px !important;line-height: 14px !important;}
#validate-table .thead-color th {position: -webkit-sticky;position: sticky; top: 0;z-index: 999;background:#f4f7f9 !important;color: #b6bec8 !important;font-weight: 500 !important;font-size: 14px !important;line-height: 14px !important;}
#validate-table .tbody-color th {position: -webkit-sticky; position: sticky;left: 0; background: #f4f7f9 !important;z-index:999}
/* p-table classes for import csv*/
#SendBulkMessage .ui-chips > .ui-inputtext {width: 100%;box-shadow: 0 0 2px 0 rgba(69,69,69,0.41)!important; border: 1px solid #f1f0f0 !important; margin-left: 0px !important;height: auto !important;margin-top:0 !important; padding-left: 8px !important}
/* #SendBulkMessage .info-detail .iti__flag-container .iti__selected-flag .iti__arrow{display: none !important;} */
#SendBulkMessage .iti--allow-dropdown .iti__flag-container, 
#SendBulkMessage .iti--separate-dial-code .iti__flag-container{left: 4px !important;}
.client-dropdown .dropdown-list ul li {padding: 5px 5px !important;cursor: pointer; text-align: left;}
.client-dropdown .popover .arrow::after { content: "";border-width: 0.8rem; display:none;}
.client-dropdown .popover.bs-popover-left .arrow::before, .popover.bs-popover-auto[x-placement^="left"] .arrow::before {right: -0.8rem;border-left-color: transparent;}
@media(max-width: 768px){
 /* .ui-datatable table {border-collapse: collapse !important;width: auto !important;table-layout: fixed !important;white-space: nowrap !important;} */
.accounting-period .ui-datatable .ui-datatable-data > tr > td {border-width: none !important; border-style: none !important; text-align: left !important;  padding: .75em;  width: 170px !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;display: inline-block; float: none !important; clear: both !important; }
.accounting-period .ui-datatable .ui-datatable-data > tr > td:first-child{border-width: none !important; border-style: none !important; text-align: left !important; padding: .75em; width: 30px !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block; float: none !important; clear: both !important;}
.accounting-period .ui-datatable .ui-datatable-thead > tr > th {border-width: none !important;border-style: none !important; text-align: left !important; color: #B6BEC8 !important; width: 160px !important; }
.accounting-period .ui-datatable .ui-datatable-thead > tr > th:first-child { border-width: none !important;border-style: none !important; text-align: left !important; color: #B6BEC8 !important;width: 30px !important; }
#byListview .ui-datatable .ui-datatable-data > tr > td {border-width: none !important;border-style: none !important;text-align: left !important; padding: .75em;width: 128px !important; white-space: nowrap; overflow: hidden;  text-overflow: ellipsis; display: inline-block; float: none !important; clear: both !important;}
#byListview .ui-datatable .ui-datatable-thead > tr > th { border-width: none !important; border-style: none !important; text-align: left !important; color: #B6BEC8 !important; width: 128px !important;display: inline-block !important;}
.ng-select {position: relative; display: block;-webkit-box-sizing: border-box;box-sizing: border-box;top: 0px;border: 1px solid #f1f0f0 !important;box-shadow: 0 0 2px 0 rgba(69,69,69,0.41)!important;border-radius: 3px !important;height: 31px !important;}
/* .ng-select {position: relative; display: block;-webkit-box-sizing: border-box;box-sizing: border-box;top: 5px;border: 1px solid #f1f0f0 !important;box-shadow: 0 0 1px 0 rgba(69,69,69,0.41)!important;border-radius: 3px !important;height: 31px !important;} */
.customer-ngselect .ng-select {position: relative; display: block;-webkit-box-sizing: border-box;box-sizing: border-box;top: 0px;border: 1px solid #f1f0f0 !important;box-shadow: 0 0 2px 0 rgba(69,69,69,0.41)!important;border-radius: 3px !important;height: 31px !important;}
}
@media (max-width: 35em){
.accounting-period .ui-datatable .ui-datatable-data > tr > td {border-width: none !important;border-style: none !important; text-align: left !important; padding: .75em; width: 140px !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block; float: none !important; clear: both !important;}
.accounting-period .ui-datatable .ui-datatable-data > tr > td:first-child{ border-width: none !important; border-style: none !important; text-align: left !important; padding: .75em; width: 30px !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block; float: none !important;  clear: both !important;}
.accounting-period .ui-datatable .ui-datatable-thead > tr > th { border-width: none !important;border-style: none !important; text-align: left !important; color: #B6BEC8 !important;  width: 140px !important;}
.accounting-period .ui-datatable .ui-datatable-thead > tr > th:first-child { border-width: none !important; border-style: none !important;  text-align: left !important; color: #B6BEC8 !important; width: 30px !important;}
#byListview .ui-datatable .ui-datatable-data > tr > td { border-width: none !important; border-style: none !important; text-align: left !important; padding: .75em; width: 128px !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block; float: none !important; clear: both !important;}
#byListview .ui-datatable .ui-datatable-thead > tr > th { border-width: none !important; border-style: none !important; text-align: left !important; color: #B6BEC8 !important; width: 128px !important;display: inline-block !important;}
}
@media screen and (max-width: 40em){
.accountsTable .ui-table-responsive .ui-table-thead>tr>th, .ui-table-responsive .ui-table-tfoot>tr>td {display: inline-block !important;width: 100%;max-width: 128px;}
.accountsTable .ui-table-responsive .ui-table-thead>tr>th:first-child, .ui-table-responsive .ui-table-tfoot>tr>td:first-child {display: inline-block !important;width: 100%;max-width: 57px;}
.accountsTable .ui-table table {border-collapse: collapse; width: 100%;  table-layout: auto;}
.accountsTable .ui-table-responsive .ui-table-tbody>tr{display: inline-flex; width: 100%;}
.clientsTable .ui-table-responsive .ui-table-thead>tr>th, .ui-table-responsive .ui-table-tfoot>tr>td {display: inline-block !important;width: 100%;max-width: 136px;}
.clientsTable .ui-table-responsive .ui-table-thead>tr>th:first-child, .ui-table-responsive .ui-table-tfoot>tr>td:first-child {display: inline-block !important;width: 100%;max-width: 32px;}
.clientsTable .ui-table-responsive .ui-table-tbody>tr>td:first-child{display: inline-block !important;width: 100%;max-width: 32px;}
.clientsTable .ui-table table {border-collapse: collapse; width: 100%;  table-layout: auto;}
.clientsTable .ui-table-responsive .ui-table-tbody>tr{display: inline-flex; width: 100%;}
.ui-table-responsive .ui-table-tbody>tr>td { text-align: left;display: inline-block !important;border: 0 none; width: 100% !important; box-sizing: border-box; float: none !important; clear: both !important; min-width: 128px;}
.ui-table-responsive .ui-table-tbody>tr>td span.checkmark {top:11px !important;}
.ui-table-responsive .ui-table-tbody>tr>td:first-child {text-align: left;display: inline-block !important;border: 0 none;width: 100% !important; box-sizing: border-box; float: none !important; clear: both !important; min-width: 10px;}

.accountperiodgrid .ui-datatable .ui-datatable-tablewrapper table .ui-datatable-thead .ui-state-default th:first-child {min-width: 35px !important;}
.accountperiodgrid .ui-datatable .ui-datatable-tablewrapper table .ui-datatable-thead .ui-state-default th {display: inline-block !important;width: 100%;max-width: 145px;}
.accountperiodgrid .ui-datatable-reflow thead th, .ui-datatable-reflow tfoot td{display: inline-block !important;}
.ui-datatable-reflow .ui-datatable-data td .ui-column-title { padding: .4em;min-width: 30%; display: inline-block;  margin: -.4em 1em -.4em -.4em; font-weight: bold; display: none !important; }
.accountperiodgrid .ui-datatable .ui-datatable-tablewrapper table .ui-datatable-data>tr>td {text-align: left;display: inline-block !important;border: 0 none; width: 100% !important; box-sizing: border-box; float: none !important; clear: both !important; max-width: 145px;}
.accountperiodgrid .ui-datatable .ui-datatable-tablewrapper table .ui-datatable-data>tr>td:first-child{max-width: 35px !important;display: inline-block !important;border: 0 none;width: 100% !important; box-sizing: border-box; float: none !important; clear: both !important;}
}
/* @media(max-width:600px){   
.ui-datatable .ui-datatable-thead > tr > th { border-width: none !important;border-style: none !important;text-align: left !important; color: #B6BEC8 !important; display: inline-block !important;}

} */
/* p-datatable styles ends */
@media(max-width:320px){
.iti__selected-flag {z-index: 1;position: relative;display: flex;align-items: center; height: 100%;padding: 0 6px 0 2px !important;}
.smsqueue-modal .iti__selected-flag {z-index: 1;position: relative;display: flex;align-items: center; height: 100%;padding: 0 6px 0 8px !important;}
}
@media (min-width:320px) and (max-width: 567px) {
 .communication-details .c-list .c-token .c-label{display: block;float: left;font-size: 12px !important;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 95px !important;}
 .tasks-calendar .fc-left .fc-prev-button{position:absolute !important;left: 20% !important;top: 60px !important;}
 .tasks-calendar .fc-left .fc-prev-button .ui-icon{color: #666 !important;}
 .tasks-calendar .fc-left .fc-next-button{position:absolute !important;left: 22rem !important;top: 60px !important;}
 .tasks-calendar .fc-left .fc-next-button .ui-icon{color: #666 !important;}
 .tasks-calendar .fc-center h2{position: absolute !important;left: 8rem !important;top:60px !important;width: 47%;margin: 0 auto;}
 .tasks-calendar .fc-button-group .fc-agendaWeek-button{position: absolute;left: 12.9rem !important;font-size: 12px;text-transform: capitalize;font-weight: 400;top: 43px !important;}
 .tasks-calendar .fc-button-group .fc-month-button{position: absolute; left: 9rem !important;font-size: 12px;text-transform: capitalize;font-weight: 400;top: 43px !important;}    
 .fc-left .fc-button-group .ui-button {color: #55595c !important;background-color: rgba(255,255,255,0);	border: 1px solid #D0D7DD;padding: 0.2em;border-radius:4px;font-size: 14px;margin-left:31px !important;}   
 .fc-view, .fc-view > table {position: relative;z-index: 1 !important; width: 100%;margin: 16% auto !important;top:30px !important;}
 .fc-day-number {float: none !important;font-weight: 500 !important;color: rgb(97, 125, 138) !important;font-size: 1.2rem !important;}
}
@media (min-width:567px) and (max-width: 767px) {
 .tasks-calendar .fc-left .fc-prev-button{position:absolute !important;left: 10rem !important;top: 25px !important;}
 .tasks-calendar .fc-left .fc-prev-button .ui-icon{color: #666 !important;}
 .tasks-calendar .fc-left .fc-next-button{position:absolute !important;left: 30rem !important;top: 25px !important;}
 .tasks-calendar .fc-left .fc-next-button .ui-icon{color: #666 !important;}
 .tasks-calendar .fc-center h2{position: absolute !important;left: 12.5rem !important;width: 47%;top:25px !important;}
 .tasks-calendar .fc-button-group .fc-agendaWeek-button{position: absolute;left: 14rem !important;top: 20px !important;font-size: 12px;text-transform: capitalize;font-weight: 400;}
 .tasks-calendar .fc-button-group .fc-month-button{position: absolute; left: 10.2rem !important;top: 20px !important;font-size: 12px;text-transform: capitalize;font-weight: 400;}   
 .fc-left .fc-button-group .ui-button {color: #55595c !important;background-color: rgba(255,255,255,0);	border: 1px solid #D0D7DD;padding: 0.2em;border-radius:4px;font-size: 14px;margin-left:134px !important;}
 /* c-left .fc-next-button .ui-icon{color: #666 !important;}    */
}
@media (min-width:768px) and (max-width: 991px) {
 .fc-left .fc-button-group .ui-button {color: #55595c !important;background-color: rgba(255,255,255,0);	border: 1px solid #D0D7DD;padding: 0.2em;border-radius:4px;font-size: 14px;margin-left:214px !important;}
 .tasks-calendar .fc-left .fc-prev-button{position:absolute !important;left: 25% !important;}
 .tasks-calendar .fc-left .fc-prev-button .ui-icon{color: #666 !important;}
 .tasks-calendar .fc-left .fc-next-button{position:absolute !important;left: 26rem !important;}
 .tasks-calendar .fc-left .fc-next-button .ui-icon{color: #666 !important;}
 .tasks-calendar .fc-center h2{position: absolute !important;left: 11rem !important;width: 45%;}
 .tasks-calendar .fc-button-group .fc-agendaWeek-button{position: absolute;left: 15.8rem !important;font-size: 12px;text-transform: capitalize;font-weight: 400;}
 .tasks-calendar .fc-button-group .fc-month-button{position: absolute; left: 12rem !important;font-size: 12px;text-transform: capitalize;font-weight: 400;}
 .taskdesclass{font-size: 12px !important;font-weight: 500 !important;	color: #313C47;list-style-type:none !important;}
 .fc-event-container fc-time-grid-event{height:200px !important; border:1px solid #666;}
 .tasks-calendar .fc-view, .fc-view > table {position: relative; z-index: 1 !important; width: 100%; margin: 12% auto; margin-left: 4px !important;}

 .clientsTable .ui-table-responsive .ui-table-thead>tr>th, .ui-table-responsive .ui-table-tfoot>tr>td {display: inline-block !important;width: 100%;max-width: 136px;}
.clientsTable .ui-table-responsive .ui-table-thead>tr>th:first-child, .ui-table-responsive .ui-table-tfoot>tr>td:first-child {display: inline-block !important;width: 100%;max-width: 32px;}
.clientsTable .ui-table-responsive .ui-table-tbody>tr>td:first-child{display: inline-block !important;width: 100%;max-width: 32px;}
.clientsTable .ui-table table {border-collapse: collapse; width: 100%;  table-layout: auto;}
.clientsTable .ui-table-responsive .ui-table-tbody>tr{display: inline-flex; width: 100%;}
.clientsTable .ui-table-responsive .ui-table-tbody>tr>td { text-align: left;display: inline-block !important;border: 0 none; width: 100% !important; box-sizing: border-box; float: none !important; clear: both !important; min-width: 128px;}
.clientsTable .ui-table-responsive .ui-table-thead>tr>th:first-child, .ui-table-responsive .ui-table-tfoot>tr>td:first-child{ display: inline-block !important; width: 100%; max-width: 128px;}
}
@media (min-width:992px) and (max-width: 1199px){
 .fc-left .fc-button-group .ui-button {color: #55595c !important;background-color: rgba(255,255,255,0);	border: 1px solid #D0D7DD;padding: 0.2em;border-radius:4px;font-size: 14px;margin-left:214px !important;}
 .tasks-calendar .fc-left .fc-prev-button{position:absolute !important;left: 70% !important;top: 25px !important;}
 .tasks-calendar .fc-left .fc-prev-button .ui-icon{color: #666 !important;}
 .tasks-calendar .fc-left .fc-next-button{position:absolute !important;left: 37rem !important;top: 25px !important;}
 .tasks-calendar .fc-left .fc-next-button .ui-icon{color: #666 !important;}
 .tasks-calendar .fc-center h2{position: absolute !important;left: 20rem !important;width: 70%;top: 25px !important;}
 .tasks-calendar .fc-button-group .fc-agendaWeek-button{position: absolute;left: 15rem !important;font-size: 12px;top: 15px !important; text-transform: capitalize;font-weight: 400;}
 .tasks-calendar .fc-button-group .fc-month-button{position: absolute; left: 11.2rem !important;top: 15px !important; font-size: 12px;text-transform: capitalize;font-weight: 400;}
.taskdesclass{font-size: 12px !important;font-weight: 500 !important;	color: #313C47;list-style-type:none !important;}
 .fc-event-container fc-time-grid-event{height:200px !important; border:1px solid #666;}
 .tasks-calendar .ui-widget-content .fc-day-grid-container{overflow: hidden !important;height: auto !important;} 
}
@media (min-width:1280px) and (max-width: 1355px){
.tasks-calendar .fc-left .fc-prev-button{position:absolute !important;left: 83% !important;}
.tasks-calendar .fc-left .fc-prev-button .ui-icon{color: #666 !important;}
.tasks-calendar .fc-left .fc-next-button{position:absolute !important;left: 44rem !important;}
.tasks-calendar .fc-left .fc-next-button .ui-icon{color: #666 !important;}
.tasks-calendar .fc-center h2{position: absolute !important;left: 23rem !important;width: 87%;}
.tasks-calendar .fc-button-group .fc-agendaWeek-button{position: absolute;left: 21.2rem !important;font-size: 12px;text-transform: capitalize;font-weight: 400;}
.tasks-calendar .fc-button-group .fc-month-button{position: absolute; left: 17.4rem !important;font-size: 12px;text-transform: capitalize;font-weight: 400;}
.fc-left .fc-button-group .ui-button {color: #55595c !important;background-color: rgba(255,255,255,0);	border: 1px solid #D0D7DD;padding: 0.2em;border-radius:4px;font-size: 14px;margin-left:475px !important;}
.taskdesclass{font-size: 12px !important;font-weight: 500 !important;	color: #313C47;list-style-type:none !important;margin-top:10px !important;}
 .fc-event-container fc-time-grid-event{height:200px !important; border:1px solid #666;}
 .tasks-calendar .ui-widget-content .fc-day-grid-container{overflow: hidden !important;height: auto !important;}
 .schedule-title {color: #617D8A;font-size: 16px;font-weight: 600;letter-spacing: 1px;line-height: 22px;}
}
@media (min-width:1366px) and (max-width: 1440px){
/* .fc-toolbar.fc-header-toolbar {margin-bottom: 1em;position: absolute !important;top: -40px !important;left: -86px !important;} */
    .ui-autocomplete .ui-autocomplete-panel {min-width: 187px !important;}
.fc-left .fc-button-group .ui-button {color: #55595c !important;background-color: rgba(255,255,255,0);	border: 1px solid #D0D7DD;padding: 0.2em;border-radius:4px;font-size: 14px;margin-left:346px !important;}
.ui-autocomplete .ui-autocomplete-dropdown {height: 100%;width: 2em;margin-right: 0;vertical-align: top;position: absolute;right: -243px !important;top: 7px !important;}
.workspace-calendar .task-calendar-tips{color: #B6BEC8;font-size: 12px;font-weight:300 !important;margin-left:35px !important;}
.workspace-calendar .fc-title{font-size: 16px;line-height: 18px;padding:0 !important;}
.taskdesclass{font-size: 9px !important;font-weight: 500 !important;	color: #313C47 !important;list-style-type:none !important;margin-top:10px !important;line-height:15px !important;}
.fc-event-container fc-time-grid-event{height:200px !important; border:1px solid #666;}
.workspace-calendar .ui-widget-content .fc-day-grid-container{overflow: hidden !important;height: auto !important;}
.tasks-calendar .fc-left .fc-prev-button{position:absolute !important;left: 85% !important;}
.tasks-calendar .fc-left .fc-prev-button .ui-icon{color: #666 !important;}
.tasks-calendar .fc-left .fc-next-button{position:absolute !important;left: 45rem !important;}
.tasks-calendar .fc-left .fc-next-button .ui-icon{color: #666 !important;}
.tasks-calendar .fc-center h2{position: absolute !important;left: 23.5rem !important;width: 88%;}
.tasks-calendar .fc-button-group .fc-agendaWeek-button{position: absolute;left: 22.2rem !important;font-size: 12px;text-transform: capitalize;font-weight: 400;}
.tasks-calendar .fc-button-group .fc-month-button{position: absolute; left: 18.4rem !important;font-size: 12px;text-transform: capitalize;font-weight: 400;}
/*.taskdesclass{font-size: 12px !important;font-weight: 500 !important;	color: #313C47;list-style-type:none !important;margin-top:10px !important;}*/
.fc-event-container fc-time-grid-event{height:200px !important; border:1px solid #666;}
.tasks-calendar .ui-widget-content .fc-day-grid-container{overflow: hidden !important;height: auto !important;}
.fc-event-container fc-time-grid-event{height:200px !important; border:1px solid #666;}
 .calendar-tooltip .calendar-tooltipText {visibility: hidden;display:none;width: auto;height:auto;word-wrap:break-word;background-color: #2E3C56;color: #fff;text-align: center;border-radius: 6px;
 padding: 5px 15px;position: absolute;z-index: 9999 !important;top: 86% !important;left: 16% !important;opacity: 0;transition: opacity 1s;font-size: 12px !important;}
 .fc-title {font-size: 11px !important;font-weight: 500 !important;line-height: 20px;height: auto;padding: 8px !important;} 
 .fc-time-grid-event .fc-content {overflow: visible !important;}
}
@media (min-width:1400px) and (max-width: 1440px){
.tasks-calendar .fc-left .fc-prev-button{position:absolute !important;left: 30% !important;}
.tasks-calendar .fc-left .fc-prev-button .ui-icon{color: #666 !important;}
.tasks-calendar .fc-left .fc-next-button{position:absolute !important;left: 82% !important;}
.tasks-calendar .fc-left .fc-next-button .ui-icon{color: #666 !important;}
.tasks-calendar .fc-center h2{position: absolute !important;left: 20rem !important;width:48%;}
.tasks-calendar .fc-button-group .fc-agendaWeek-button{position: absolute;left: 3.8rem !important;font-size: 12px;text-transform: capitalize;font-weight: 400;}
.tasks-calendar .fc-button-group .fc-month-button{position: absolute; left: 50% !important;font-size: 12px;text-transform: capitalize;font-weight: 400;}
}
@media (min-width:1441px) and (max-width: 1600px){
.tasks-calendar .fc-left .fc-prev-button{position:absolute !important;left: 42% !important;top: 40px !important;}
.tasks-calendar .fc-left .fc-prev-button .ui-icon{color: #666 !important;}
.tasks-calendar .fc-left .fc-next-button{position:absolute !important;left: 90% !important; top: 40px !important;}
.tasks-calendar .fc-left .fc-next-button .ui-icon{color: #666 !important;}
.tasks-calendar .fc-center h2{position: absolute !important;left: 28rem !important;width: 43%; top: 40px !important;}
.tasks-calendar .fc-button-group .fc-agendaWeek-button{position: absolute;left: 11rem !important;font-size: 12px;text-transform: capitalize;font-weight: 400;top: 30px !important;}
.tasks-calendar .fc-button-group .fc-month-button{position: absolute; left: 7.2rem !important;font-size: 12px;text-transform: capitalize;font-weight: 400; top: 30px !important;}
/* .fc-view, .fc-view > table {position: relative; z-index: 1 !important; width: 100%;margin: 0 auto; margin-left: 4px !important; position: absolute;top: 25px;} */
}
@media (max-width: 1920px) and (min-width: 1681px){
.tasks-calendar .fc-button-group .fc-agendaWeek-button{border: 1px solid #D0D7DD !important; border-radius: 5px; color: #313C47;font-size: 12px;font-weight: 400;text-transform: capitalize;position: absolute;left: 19rem !important;top:25px !important; height:31px !important; }
.tasks-calendar .fc-button-group .fc-month-button{border: 1px solid #D0D7DD !important; border-radius: 5px; color: #313C47;font-size: 12px;font-weight: 400;text-transform: capitalize;position: absolute; left: 15.2rem !important;top:25px !important; height:31px !important; }
.tasks-calendar .fc-toolbar.fc-header-toolbar{margin-bottom: 1em; position: absolute !important; top: -40px !important; left: -86px !important;}
.tasks-calendar .fc-center h2{text-align: center;position: absolute !important;left: 35rem !important;top:40px !important;width:44%;}
.tasks-calendar .fc-toolbar .fc-right {float: right;position: relative;top: -29px !important;}
.tasks-calendar .fc-left .fc-prev-button {position: absolute !important; left: 30rem !important; top: 40px !important; }
.tasks-calendar .fc-left .fc-next-button {position: absolute !important;left: 62rem !important; top: 40px !important; }
/* .fc-view, .fc-view > table { position: relative; z-index: 1 !important;width: 100%;margin: 4% auto; margin-left: 4px !important; position: absolute;top: 30px;} */
}
/* #mail-reply .ql-toolbar.ql-snow{margin-top: 0 !important;}
#mail-reply .ui-editor-content{height: 250px !important;}
@media (max-width:567px){#mail-reply .ui-editor-content{height: 100px !important;}} */

.client-dropdown .list-area{width: 250px;}

#table_wrapper .table-responsive.aml-list table tr td .list-area{width: 235px; border:none;}
#table_wrapper .table-responsive.aml-list table tr td .list-filter{border:1px solid #D4D4D4; border-radius: 3px; margin-bottom: 20px;}
#table_wrapper .table-responsive.aml-list table tr td ul.lazyContainer span div{max-height: 140px !important; height: 132px !important;}

.client-dropdown .pure-checkbox input[type="checkbox"]:checked + label:before{ background: #767C8C !important; border: 2px solid #767C8C !important;}
.client-dropdown .pure-checkbox input[type="checkbox"] + label:before{ border: 2px solid #767C8C !important;}
.show-gride .arrow-up, .arrow-down{display: none !important;}
.show-gride .popover-header {padding: 0.3rem 0.75rem 0.3rem; margin-bottom: 0;font-size: 0.875rem; color: inherit; background-color: #f7f7f7;border-bottom: 1px solid #ebebeb; }
.show-gride .popover-body { padding: 0rem 0.75rem; color: #212529;}
.bs-popover-auto[x-placement^=right], .bs-popover-left {
    margin-left: .5rem !important;
}
#table_wrapper .table-responsive.aml-list table tr td .pure-checkbox.select-all {display: none;}
#table_wrapper .table-responsive.aml-list table tr td .dropdown-list ul.lazyContainer{border-bottom: solid 2px #D4D4D4; padding-bottom: 20px;}
#table_wrapper .table-responsive.aml-list table tr td .selected-list .countplaceholder{right: 26px}

.selectdiv.custom-diseble .ng-select.ng-select-opened>.ng-select-container,
.selectdiv.custom-diseble .ng-select.ng-select-single .ng-select-container{background:#f4f5f7 !important;pointer-events: none !important;}
body .ui-dialog .ui-dialog-titlebar {
    padding: 1em;
    border-bottom: 1px dashed #c7c7c7 !important;
    color: #222b38 !important;
    font-size: 12px !important;
}
.ui-dialog-footer button:first-child {
    background-color: #624096 !important;
    color: #fff !important;
    border: none !important;
    margin-right: 12px;
}
.ui-button-icon-only .fa, .ui-button-text-icon-left .fa, .ui-button-text-icon-right .fa {     
    text-align: center;
}
.fa-close:before  {
    content: "\f00d";
}
body .ui-dialog .ui-dialog-titlebar .ui-dialog-title {
    margin: 0;
    float: none;
    font-size: 1.5em;
    font-weight: bold;
    padding-left: 12px !important;
}
body .ui-datatable .ui-datatable-thead > tr > th, body .ui-datatable .ui-datatable-tfoot > tr > td {
    background-color: #f5f6fa !important;
    padding: .75em;
    border-color: #c7c7c7;
    color: #373a3c;
}
body .ui-datatable .ui-datatable-data > tr > td {
    padding: .6rem;
    border-bottom: 1px solid rgba(233,239,244,0.35) !important;
    vertical-align: m;
}
.fc button{height: 35px !important}
.fc-day-grid-event .fc-content {
    white-space: pre-wrap !important;
    overflow: hidden;
}
.fc-event-container .fc-day-grid-event .fc-content ul li{
    background-color: transparent !important;
    color: #624096 !important;
     padding: 2px 10px !important;
     font-weight: 700;
     display: flex;
     font-size: 13px;
     padding: 5px 10px!important;
    }
  .fc-day-grid-event {
      margin: -1px -3px 0 !important;
      padding: 0 1px;
  }  
  .fa.fa-fw.fa-sort.fa-sort-desc:before {   
    content: "\e060";
    font-family: "custom-font" !important;
    color: #98A0A8;
    font-size: 20px;
    vertical-align: middle;
  }
  .fa.fa-fw.fa-sort.fa-sort-asc:before {    
    content: "\e063";
    font-family: "custom-font" !important;
    color: #98A0A8;
    font-size: 20px;
    vertical-align: middle;
  }
  .fa-unsorted:before, .fa-sort:before {
    content: "\f0dc";
    color: #98A0A8;
    font-size: 16px;
  }
  .ui-dropdown-panel .ui-dropdown-item {
    font-weight: normal;
    border: 0 none;
    cursor: pointer;
    margin: 1px 0;
    padding: .125em .25em;
    text-align: left;
    width: 228px;
}
.account-dropdown-center .ui-dropdown .ui-dropdown-label {display: block;border: 0;white-space: nowrap;overflow: hidden;font-weight: normal;width: 100%;padding-right: 2.5em;position: relative;top: -2px;overflow: hidden !important;text-overflow: ellipsis;width: 290px !important;}
.purchase-exp .ui-dropdown-panel .ui-dropdown-item {
  font-weight: normal;
  border: 0 none;
  cursor: pointer;
  margin: 1px 0;
  padding: .125em .25em;
  text-align: left;
  width: 310px;
}
.purchase-exp .ui-dropdown .ui-dropdown-panel {
    min-width: 328px !important;
    position: absolute;
    top: 31px !important;
    /* max-width: 371px; */
}
.invoice-acc .ui-dropdown .ui-dropdown-panel {
  min-width: 198px !important;
  position: absolute;
  top: 31px !important;
  /* max-width: 371px; */
}
.ui-dropdown-panel .ui-dropdown-item-group span {  
  width: 219px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
}
div .ng-value-container{height:auto}
#mailDetails .inner-html div{
  margin-bottom: 1rem;
  }
  .pwd-info .capium-info:before {font-size: 16px !important}
  .pwd-info [data-tooltip]:before{margin-left: -340px;max-width: 500px;}
  .client-dropdown .popover{ width: 100% !important;  max-height: 428px !important;  height: 300px !important;top: -40px !important;z-index: 9999999999999999999; min-width: 270px}
.client-dropdown .popover .arrow{display: none !important}
.client-dropdown .list-area { width: 245px;}
.btn-close-pop-up{position: absolute; top: 7px; right: 11px;}
.client-dropdown .cuppa-dropdown {position: relative; top: 5px;}
.otp .wrapper { 
  display: inline-flex !important;
  min-height: 15vh !important;
}
.otp .otp-input{  
  border: 1px solid #d6d6d6 !important;  
}

.custombg .ng-select.bgHigh {background-color: #ffe6e4!important;}
.custombg .ng-select.bgHigh .selectdiv:after{color: #ff342d !important;}
.custombg .ng-select .ng-select-container{background-color: transparent !important;}
.custombg .ng-select.bgHigh.ng-select-opened .ng-select-container {background-color: #ffe6e4 !important;}
.custombg .ng-select.bgHigh span.ng-value-label{color: #ff342d !important;}

.custombg .ng-select.bgLow{background-color: #d0faea !important;}
.custombg .ng-select.bgLow.selectdiv:after{color: #38a53d !important;}
.custombg .ng-select .ng-select-container{background-color: transparent !important;}
.custombg .ng-select.bgLow.ng-select-opened .ng-select-container {background-color: #d0faea !important;}
.custombg .ng-select.bgLow span.ng-value-label{color: #38a53d !important;}

.custombg .ng-select.bgMedium{background-color: #ffe8d6 !important;}
.custombg .ng-select.bgMedium.selectdiv:after{color: #ef7c2a !important;}
.custombg .ng-select .ng-select-container{background-color: transparent !important;}
.custombg .ng-select.bgMedium.ng-select-opened .ng-select-container {background-color: #ffe8d6 !important;}
.custombg .ng-select.bgMedium span.ng-value-label{color: #ef7c2a !important;}

.custombg .ng-dropdown-panel .ng-dropdown-panel-items .ng-option:nth-child(2),
.custombg .ng-dropdown-panel .ng-dropdown-panel-items .ng-option:nth-child(2),
.custombg .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked:nth-child(2){background: #ffe6e4 !important; color: #ff342d !important;}
.custombg .ng-select.ng-select-opened>.ng-select-container:nth-child(2){background: #ffe6e4; color: #ff342d}
.custombg .ng-dropdown-panel .ng-dropdown-panel-items .ng-option:nth-child(2)::before{content: '\f062';font: normal normal normal 14px/1 FontAwesome;color: #ff342d !important;padding-right:11px;}
.custombg .ng-dropdown-panel .ng-dropdown-panel-items .ng-option:nth-child(2) span{color: #ff342d !important;}

.custombg .ng-dropdown-panel .ng-dropdown-panel-items .ng-option:nth-child(3),
.custombg .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked:nth-child(3){background: #d0faea !important; color: #38a53d !important}
.custombg .ng-select.ng-select-opened>.ng-select-container:nth-child(3){background: #d0faea; color: #38a53d}
.custombg .ng-dropdown-panel .ng-dropdown-panel-items .ng-option:nth-child(3)::before{content: '\f063';font: normal normal normal 14px/1 FontAwesome;color: #38a53d; padding-right:11px;}
.custombg .ng-dropdown-panel .ng-dropdown-panel-items .ng-option:nth-child(3) span{color: #38a53d !important}

.custombg .ng-dropdown-panel .ng-dropdown-panel-items .ng-option:nth-child(4),
.custombg .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked:nth-child(4){background: #ffe8d6 !important; color: #ef7c2a !important;}
.custombg .ng-select.ng-select-opened>.ng-select-container:nth-child(4){background: #ffe8d6; color: #ef7c2a}
.custombg .ng-dropdown-panel .ng-dropdown-panel-items .ng-option:nth-child(4)::before{content: '\e07f';font-family: custom-font;color: #ef7c2a !important;position: relative; left:-2px; font-size: 22px; vertical-align: middle;}
.custombg .ng-dropdown-panel .ng-dropdown-panel-items .ng-option:nth-child(4) span{color: #ef7c2a !important;}


.custombg1 .ng-select.bgHigh {background-color: #ffe6e4!important;}
.custombg1 .ng-select.bgHigh .selectdiv:after{color: #ff342d !important;}
.custombg1 .ng-select .ng-select-container{background-color: transparent !important;}
.custombg1 .ng-select.bgHigh.ng-select-opened .ng-select-container {background-color: #ffe6e4 !important;}
.custombg1 .ng-select.bgHigh span.ng-value-label{color: #ff342d !important;}

.custombg1 .ng-select.bgLow{background-color: #d0faea !important;}
.custombg1 .ng-select.bgLow.selectdiv:after{color: #38a53d !important;}
.custombg1 .ng-select .ng-select-container{background-color: transparent !important;}
.custombg1 .ng-select.bgLow.ng-select-opened .ng-select-container {background-color: #d0faea !important;}
.custombg1 .ng-select.bgLow span.ng-value-label{color: #38a53d !important;}

.custombg1 .ng-select.bgMedium{background-color: #ffe8d6 !important;}
.custombg1 .ng-select.bgMedium.selectdiv:after{color: #ef7c2a !important;}
.custombg1 .ng-select .ng-select-container{background-color: transparent !important;}
.custombg1 .ng-select.bgMedium.ng-select-opened .ng-select-container {background-color: #ffe8d6 !important;}
.custombg1 .ng-select.bgMedium span.ng-value-label{color: #ef7c2a !important;}

.custombg1 .ng-dropdown-panel .ng-dropdown-panel-items .ng-option:nth-child(1),
.custombg1 .ng-dropdown-panel .ng-dropdown-panel-items .ng-option:nth-child(1),
.custombg1 .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked:nth-child(1){background: #ffe6e4 !important; color: #ff342d !important;}
.custombg1 .ng-select.ng-select-opened>.ng-select-container:nth-child(1){background: #ffe6e4; color: #ff342d}
.custombg1 .ng-dropdown-panel .ng-dropdown-panel-items .ng-option:nth-child(1)::before{content: '\f062';font: normal normal normal 14px/1 FontAwesome;color: #ff342d !important;padding-right:11px;}
.custombg1 .ng-dropdown-panel .ng-dropdown-panel-items .ng-option:nth-child(1) span{color: #ff342d !important;}

.custombg1 .ng-dropdown-panel .ng-dropdown-panel-items .ng-option:nth-child(2),
.custombg1 .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked:nth-child(2){background: #d0faea !important; color: #38a53d !important}
.custombg1 .ng-select.ng-select-opened>.ng-select-container:nth-child(2){background: #d0faea; color: #38a53d}
.custombg1 .ng-dropdown-panel .ng-dropdown-panel-items .ng-option:nth-child(2)::before{content: '\f063';font: normal normal normal 14px/1 FontAwesome;color: #38a53d; padding-right:11px;}
.custombg1 .ng-dropdown-panel .ng-dropdown-panel-items .ng-option:nth-child(2) span{color: #38a53d !important}

.custombg1 .ng-dropdown-panel .ng-dropdown-panel-items .ng-option:nth-child(3),
.custombg1 .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked:nth-child(3){background: #ffe8d6 !important; color: #ef7c2a !important;}
.custombg1 .ng-select.ng-select-opened>.ng-select-container:nth-child(3){background: #ffe8d6; color: #ef7c2a}
.custombg1 .ng-dropdown-panel .ng-dropdown-panel-items .ng-option:nth-child(3)::before{content: '\e07f';font-family: custom-font;color: #ef7c2a !important;position: relative; left:-2px; font-size: 22px; vertical-align: middle;}
.custombg1 .ng-dropdown-panel .ng-dropdown-panel-items .ng-option:nth-child(3) span{color: #ef7c2a !important;}
#riskcriteria .ng-dropdown-panel.ng-select-top{margin-bottom:-34px;}
.currentweek .ng-dropdown-panel.ng-select-bottom {  
  z-index: 99999999999;
}
.cke_notification_warning{
  display:none !important;
}