/* focus/disabled styles, you can change this for accessibility */
button.spin:focus, button.spin:disabled {
  outline: none;
  background: #aaa;
}

/* This is the space for the spinner to appear, applied to the button */
.spin {
  padding-left: 2.5em;
  display: block;
}

/* position of the spinner when it appears, you might have to change these values */
.spin .spinner {
  left: 23.4em;
  position: absolute;
}

/* spinner animation */
@keyframes spinner {
  0% {
    transform: rotate(0deg); 
  }
  
  100% {
    transform: rotate(360deg);
  }
}

/* The actual spinner element is a pseudo-element */
.spin .spinner::before {
  content: "";
  width: 1.5em; /* Size of the spinner */
  height: 1.5em; /* Change as desired */
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  border: solid .35em #999; /* Thickness/color of spinner track */
  border-bottom-color: #555; /* Color of variant spinner piece */
  animation: .8s linear infinite spinner; /* speed of spinner */
  transform: translate(-50%, -50%);
  will-change: transform;
}


[data-bs-target="#exampleModal"]:disabled {
  color: #aaa !important;
}

#addTextBox {
  text-align: center;
  display: block;
  border: solid 1px gray;
  width: 6%;
  border-radius: 50%;
  margin: auto;
}

/*.chatmemberselected {
    background-color: #39a1de17;
    border: 1px solid #39a1de;
    border-radius: 10px;
    width: 130px;
    height: 130px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    position: relative;
}*/
.chatmemberselected {
    background-color: #39a1de17;
    /*border: 2px solid #39a1de;*/
    border-radius: 5px;
}

.remove-btn {
  border: solid 1px gray;
  text-align: center;
  border-radius: 50%;
  padding: 1px 3px;
}

.text-box-wrapper input {
  display: inline-block;
  width: 93%;
  margin: 0px 10px 8px 0px;
}

.chat-body .answer.left {
	padding: 0 0 0 0px;
	text-align: left;
	/* float: left; */
	width: 100%;
	display: inline-block;
}


.chat-body .answer .name {
	font-size: 12px;
	line-height: 12px;
	font-weight: 600;
	display: inline flow-root list-item;
	width: 100%;
}

/*.emojiTooltip {
    position: absolute;
    right: 0;
    bottom: 0px;
}*/
#attachment {
  width: 100%;
}
#attachedFile, #replyWithId {
  display: none;
}

.attachments {
  width: 100%;
  display: inline-block;
}

.smile-image-reply {
    right: 10px;
    top: 4px;
    width: 20px;
}

.smile-image-reply img {
  width: 100%;
  height: 100%;
}

.chat-bottom-mic-file {
  cursor: pointer;
}

.typingIndicator {
    width: 100%;
    display: inline-block;
    position: relative;
    left: 0;
    bottom: 0px;
    font-size: 11px;
    line-height: 11px;
    text-transform: capitalize;
}

.latestReaction {
/*  position: absolute;*/
  bottom: 0px;
}

.latestReaction.left {
  left: 0px;
}

.latestReaction.right {
  right: 0px;
}

.text-reply {
    right: 40px;
    top: 5px;
    color: silver;
}

.chat-bottom-mic-image {
  font-size: 20px;
  color: gray;
  cursor: pointer;
}

.stop-recording{
  display: none;
}

.red {
  color: red;
  font-size: 10px;
  font-weight: 400;
  margin: 0px 10px -1px 0;
}
.progress-bar-checkbox .green {
  color: green;
  font-size: 10px;
  font-weight: 400;
  margin: 0px 10px -1px 0;
}

.field-info-checkmark {
  display: flex;
  align-items: center;
  gap: 13px;
}

.tasks-items .field-info-checkmark {
  display: block;
}


/*Group Chat*/
/*.g_emojiTooltip {
    position: absolute;
    right: 0;
    bottom: 0px;
}*/

.g_stop-recording {
    display: none;
}

#g_attachedFile, #g_replyWithId {
  display: none;
}

#g_attachment {
  width: 100%;
}
/***New Layout css***/
.sidebar-logo{
    border-bottom: 1px solid #E1E1E1;
    padding-bottom: 20px;
}
.top-bar.py-2{
border-bottom: 1px solid #E1E1E1;
    padding:11.5px 20px !important;
    margin: 0px;
}
.menu-section {
    padding: 8px 20px;
}

.menu-section ul#myTab li button {
    background-color: #F8F8F9 !important;
    display: inline-block;
    padding: 6px 12px !important;
    border-radius: 8px;
    font-weight: 400 !important;
    color: #1A1A1A !important;
    text-transform: capitalize;
}

.menu-section ul#myTab button.active {
    color: #3AA1DE !important;
    font-weight: 600 !important;
    background-color: #3AA1DE33 !important;
}
.filter-buttons{
  gap:6px;
}
.small-modal .modal-dialog{
max-width: 420px;
}
.custum-modal .modal-dialog .modal-content{
border-radius: 20px;
    overflow: hidden;
}

.modal-header-info {
    color: #85858E;
    font-size: 12px;
    max-width: 68%;
    margin: 9px 0 0;
}

.modal-header, .modal-footer{
  padding: 20px;
}
.modal-body {
    padding: 20px;
}
.btn-wrap{
 background: #ccc;
    border-color: #ccc;
    font-size: 16px;
    line-height: 24px;
    padding: 10px;
    font-weight: 600;
    border-radius: 12px;
    border: 0;
    color: #000;
}

.btn-primary {
    background: #39a1de;
    border-color: #39a1de;
  color: #fff;
}

.btn-secondary{
  color: #3AA1DE;
  background: #fff;
  border:1px solid #3AA1DE;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  justify-content: center;
}
.btn-secondary  i{
 border-color: #3AA1DE !important;
}
.btn-secondary:hover svg path{
 fill: #fff;
 stroke: #fff;
}
button.btn-wrap.bg-transparent.btn-secondary:hover {
    background: #39a1de !important;
}
.gray-outline-btn{
border: 1px solid #E1E1E1;
color: #85858E;
background-color: #fff;
}

.gray-outline-btn:hover{
  background-color: #f2f2f2;
  color: #000;
}

.btn-secondary:hover{
  color: #fff;
  background: #3AA1DE;
  border:1px solid #3AA1DE;
}

.btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active {
/*    color: var(--bs-btn-active-color);*/
    color: #fff;
    background-color: #39a1de;
    border-color: #39a1de;
    border-color: #39a1de;
}

.btn-primary:active,
.btn-primary:hover {
    background: #1d81bb;
    border-color: #1d81bb;
}

.btn-outline-primary {
    color: #39a1de;
    border-color: #39a1de;
}
.btn-outline-primary:hover {
    color: #fff;
    background-color: #39a1de;
    border-color: #39a1de;
}
.divider-wrap {
    color: #B2B7BF;
    font-size: 14px;
    margin: 20px 0;
}
label.forl-label {
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    margin-bottom: 10px;
}
.form-field {
    height: 48px;
    border-radius: 10px;
    font-size: 16px !important;
    color: #61656D;
    border: 1px solid #dddedf;
    outline: none
}
.form-field:focus{
  box-shadow: none;
}
.modal-btn {
    padding-bottom: 15px;
}
.form-control[type=file]{
  height: auto;
}
.deal-nav-wrap {
    width: auto;
}
.mt-20{
 margin-top: 20px;
}
.gray-bg{
 background-color: #f5f5f5;
}
.custum-card{
  border-radius: 16px;
  background: #fff;
  border: 1px solid #E1E1E1;
  padding: 20px;
}
.profile_image a{
 text-decoration: none;
}

.name-first-l {
    display: flex
;
    width: 44px;
    height: 44px;
    background: #86B0E2;
    color: #fff;
    justify-content: center;
    text-decoration: none;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
}
.member-thum-list{
  align-items: center;
}

.more-member-count {
    width: 44px;
    height: 44px;
    background: #F5F5F5;
    border-radius: 100%;
    display: flex
;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    line-height: 24px;
    color: #3AA1DE;
    font-weight: 500;
    margin-left: 10px;
}
.view-mamber-add-member-wrap {
    display: flex;
    align-items: center;
    gap: 10px;
}

.view-mamber-add-member-wrap .btn-wrap {
    display: flex;
    gap: 7px;
    font-size: 12px;
    align-items: center;
}
 .btn-wrap i {
    min-width: 18px;
    min-height: 18px;
    display: flex
;
    align-items: center;
    justify-content: center;
    font-size: 12px;
}
.gray-border-btn{
  border:1px solid #DEE2E6;
  background-color: #fff;
  color: #3AA1DE;
}
.gray-border-btn:hover{
    border:1px solid #3AA1DE;
  background-color: #3AA1DE;
  color: #fff;
}
.small-btn{
 padding: 6px 10px;
}
.card-heading {
    font-size: 18px;
    font-weight: 600;
    color: #000000;
    margin-bottom: 15px;
}

.add-deal-slide-image-wrap {
    position: absolute;
    right: 2px;
    z-index: 2;
    width: 48px;
    height: 48px;
    border: 2px dashed #85858E80;
    border-radius: 10px;
    display: flex
;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.add-deal-slide-image-wrap img{
  width: 20px;
}

.add-member-modal-data-hold {
    display: flex
;
    gap: 20px;
}
.add-member-mdl-left {
    width: 50%;
    padding: 25px;
}
.add-member-mdl-right {
    width: 50%;
    background: #DDF0FB;
    padding: 25px;
}
.add-member-modal-close {
    position: absolute;
    right: 25px;
    top: 25px;
    color: #000;
}

.add-member-modal-wrap .modal-body {
  
  padding: 0;
    border: 2px solid #fff;
    overflow: hidden;
    border-radius: 20px;
}
.add-member-modal-heading {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 15px;
    color: #000000;
}
/***Tooltip css***/
.tool-tip-info {
    position: relative;
}
.access-label{
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: 400 !important;
}
.tool-wrapper {
    position: absolute;
    width: 300px;
    background: #fffdfd;
    padding: 10px;
    border-radius: 10px;
    font-size: 12px;
    font-weight: 400;
    line-height: 22px;
    top: -24px;
    left: 127%;
    display: none;
    box-shadow: -3px 1px 9px 0px #2625251a;
    z-index: 2;
}
.info-icon {
    color: #85858E;
}
.tool-tip-info:hover .tool-wrapper {
 display: block;
}



.search-icon {
    position: absolute;
    top: 13px;
    left: 12px;
    color: #61656D;
}

.add-member-modal-wrap .modal-dialog{
 max-width: 892px;
}
.search-form-group input {
    padding-left: 37px;
}
.add-member-modal-wrap .form-field{
  font-size: 14px !important;
}
.role-radio-wrap input {
        margin-top: -3px;
    width: 20px;
    height: 20px;
    margin-right: 10px !important;
}
.role-radio-wrap .form-check {
    display: flex;
    align-items: self-start;
    margin: 10px 0;
}
.invite-member-by-email h2 {
    margin-bottom: 30px;
    font-size: 28px;
    color: #000000;
    font-weight: 500;
    line-height: 36px;
}
.add-member-modal-btn {
    gap: 20px;
    margin-top: 30px;
}
.invite-member-field-hold{
gap: 10px;
}
.invite-member-field-hold .btn-wrap {
    min-width: 94px;
}
.search-data-wrap{
  position: absolute;
    width: 100%;
    background: #fff;
    z-index: 2;
    max-height: 200px;
    overflow-y: auto;
    box-shadow: 2px 1px 14px #ccc;
    top: 100%;
}



/****Custom Dropdown css***/

.custom-dropdown {
    position: relative;
    width: 137px;
}
.dropdown-selected{
    cursor: pointer;
}
.dropdown-selected,
.property-permission {
    background-color: #fff;
    padding: 10px;
    border: 1px solid #ccc;
    text-align: left;
    position: relative;
    border: 0;
    font-size: 12px;
    color: #85858E;
    line-height: 20px;
    font-weight: 500;
}
.dropdown-selected:after{
  content: "\f078";
    position: absolute;
    font-family: 'Fontawesome';
    right: 10px;
    color: #85858E;
} 

.dropdown-options {
    list-style: none;
    padding: 0;
    margin: 0;
    border: 1px solid #f5f0f0;
    border-top: none;
    display: none;
    position: absolute;
    background-color: #fff;
    width: 100%;
    z-index: 1000;
    border-radius: 10px;
    overflow: hidden;
}

.dropdown-options li {
    padding: 10px;
    border-top: 1px solid #eee;
    font-size: 12px;
    text-align: left;
    font-weight: 500;
    color: #85858E;
}

.dropdown-options li:hover,
.dropdown-options li.selected {
  background-color: #f1f1f1;
}
/****Custom dropdown css end here***/
.user-online-status {
    width: 12px;
    height: 12px;
    background: #AAAAAA;
    position: absolute;
    bottom: 7px;
    border-radius: 100%;
    right: -3px;
    border: 1.5px solid #fff;
}

.user-online-status.status-active{
  background: #34C759;
}
.assigned-role {
    border: 1px solid #E1E1E1;
    display: inline-block;
    background: #3AA1DE1A;
    border-radius: 100px;
    padding: 4px 12px;
    font-size: 12px;
    font-weight: 500;
    text-transform: capitalize;
    color: #85858E;
}


.view-all-member-modal .modal-dialog{
   max-width: 584px;
}
.member-name-wrap h4 {
    margin: 0;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    text-transform: capitalize;
}
.view-all-member-modal .profile_info .profile_image{
  width: 44px;
  height: 44px;
  margin: 0px;
}
.view-all-member-modal  .profile_role {
    width: 200px;
    text-align: center;
    display: flex
;
    justify-content: center;
    
}
.view-all-member-modal  .profile_info .profile_image img{
  width: 44px;
  height: 44px;
  object-fit: cover;
}
.view-mamber-list-repeat {
    margin: 10px 0;
}



.member-thum-list .profile_name h4 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 50px;
    margin: 6px auto;
}
.member-img-name-wrap{
   width: 200px;
}

.deal-box-heading {
    background: #E1EDF4;
    color: #000;
    padding:14px 20px;
    border-radius: 16px 16px 0 0px;
    display: flex
;
    align-items: center;
    gap: 10px;
    font-size: 18px;
    font-weight: 600;
}
 .items-infomation-action button svg {
    width: 23px;
    height: 23px;
}
 .items-infomation-action button svg  path{
  fill: #85858E;
 }
.add-new-field-btn{
  min-width: 185px;
}
.btn-icon {
    width: 20px;
    height: 20px;
    display: flex
;
    align-items: center;
    justify-content: center;
}

.ui-widget.ui-widget-content {
    border: 1px solid #E1E1E1;
    border-radius: 20px;
    overflow: hidden;
    padding: 0;
    width: 343px !important;
}
.ui-datepicker td {
    border: 0;
    padding: 10px 0;
}
.all-member-list-wrap {
    max-height: 360px;
    overflow-y: auto;
}
.completed-date{
    background-color: #E3FFE3;
    border-color: #E3FFE3;
}
.danger-row {
    background: #FFF0F0;
    border-color: #FFE6E6;
}
.danger-row .calender-icon svg path {
    fill: #DB0202;
}
.danger-row input{
  color: #DB0202;;
}
.add-new-item-small-btn {
    border-radius: 10px;
    padding: 4px 12px;
    font-weight: 500;
}
.form-control.form-control-sm {
    border-radius: 10px;
    border-color: #E1E1E1 !important;
    font-weight: 500;
}
.dateCount.record_show {
    font-weight: 500;
}
.calender-icon img {
    width: 16px;
    height: 16px;
}
.inportant-data-cal-input{
 border: 0;
    font-size: 14px;
    font-weight: 400;
    color: #262525;
    padding: 0;
    position: relative;
    top: 2px;
        background: transparent;
}
.important-data-checkmark {
    margin: 2px 10px 0 20px;
}
.important-data-checkmark .form-check-input {
    border-radius: 6px;
    border: 1px solid #E1E1E1;
    width: 20px;
    height: 20px;
    background-color: #fff;
}
.important-data-checkmark .form-check-input:checked {
    background-color: #50CC61;
    border-color: #50CC61;
}



.custum-checkbox .form-check-input:checked{
 background-color: #3AA1DE;
    border-color: #3AA1DE;
}


.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 8px !important;
    width: 32px;
    height: 32px;
    border: 1px solid #E1E1E1 !important;
    border-radius: 100%;
    background: #fff !important;
    display: flex;
    text-decoration: none;
    align-items: center;
    justify-content: center;
}
.form-control:focus{
  background: unset;
}
.fs-8{
  font-size: 14px !important;
}
.fs-9{
  font-size: 16px !important;
}
.fs-small{
  font-size: 12px !important;
}
.import-template-top-btn{
  padding: 20px 20px 10px;
}
.important-data-modal-body {
    max-height: 400px;
}
.deleteField svg {
    width: 20px;
    height: 20px;
}
.task-col-top {
    background: #F1F1F1;
    padding: 10px;
    border-radius: 4px;
    border-bottom: 1px solid #DEE2E6;
}
.task-col-top .tasks-title {
    font-size: 16px;
    color: #212529;
}
.actions-icon-group img{
  max-width: 24px !important;
  height: 24px !important;
}
.tasks-items-list {
    border: 1px solid #E1E1E1;
    margin: 15px 0;
    border-radius: 12px;
    padding: 10px;
}
span.assigned-user-place-holder {
    width: 24px;
    height: 24px;
    display: flex
;
    align-items: center;
    border: 1px dashed #85858E;
    border-radius: 100%;
}
.assigned-take-user-name {
    text-transform: capitalize;
    color: #454545;
}
.assign-task-user-info {
    width: 50%;
}
.tasks-items-list.completed-date {
    border-color: #e3ffe3;
}
.tasks-items-list.danger-row {
    border-color: #fef1f0;
}
.assign-take-wrap-item {
    padding: 10px 0 0;
}
.add-new-btn {
    width: 100%;
    text-align: center;
    justify-content: center;
    padding: 8px;
    border-radius: 12px;
    border: 1px dashed #3AA1DE;
    background: transparent;
    font-size: 12px;
    color: #3AA1DE;
}
.add-new-btn:hover{ 
  background-color:#3AA1DE ;
  color: #fff;
} 
.add-new-btn i {
    width: 18px;
    height: 18px;
    display: flex
;
    align-items: center;
    justify-content: center;
    border-color: #3AA1DE !important;
}
.add-new-btn:hover i{
   border-color: #fff !important;
}
.date-input-small input{
 top: 0px;
}
.tasks-items-list  .important-data-checkmark input{
    top: -2px;
    position: relative;
}


.assigned-user-img img,
.profile_image_text{
 max-width: 24px !important;
 height: 24px !important;
}

.access-modal-wrap {
    width: 410px;
    right: -19px;
    background: #fff;
    z-index: 22;
    border-radius: 16px;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
    display: none;
    padding-bottom: 10px;
    top: 34px;
}
.access-modal-wrap:after{
    content: '';
    border-bottom: 20px solid #ffffff;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    position: absolute;
    top: -12px;
    right: 10px;
}

.access-modal-inner-area {
       padding: 10px;
    gap: 10px;
    display: flex
;
    flex-direction: column;
    max-height: 260px;
    overflow: auto;
}
.access-modal-top {
    padding: 10px;
    border-bottom: 1px solid #E1E1E1;
}

.access-member-name-wrap p {
    color: #011627;
    text-transform: capitalize;
}
.make-access-private-wrap p{
  color:#85858E;
}
.status-report-btn{
 padding: 0px 12px;
}
.blue-bg-btn:hover{
      background: #1d81bb !important;
    border-color: #1d81bb !important;
}

 input:disabled {
    background-color: #d7d7d7 !important;
    cursor: not-allowed !important;
}

.add-new-template-btn {
    border: 1px dashed #3AA1DE !important;
    background: #fff !important;
    color: #3AA1DE !important;
}
.add-new-template-btn i{
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
	border-color: #3AA1DE !important;
}
.add-new-template-btn:hover {
    background-color: #3AA1DE !important;
    color: #fff !important;
}
.add-new-template-btn:hover i{
	border-color: #fff !important;
}

.report-data-hold {
    background: #FFFFFF;
    border-radius: 20px;
}
.custum-card-header h3{
   font-size: 20px;
}
.border-bottom{
 border-bottom: 1px solid #E1E1E1;
}

.report-tab-ul {
    border: 1px solid #E1E1E1;
    border-radius: 12px;
    padding: 4px !important;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    background: #F5F5F5;
}
.report-tab-ul li {
    width: 50%;
}

.custum-tabs-sec .report-tab-ul li button{
    width: 100%;
    font-size: 14px !important;
    font-weight: 500 !important;
    padding: 10px 12px !important;
    border-radius: 12px;
}
.custum-tabs-sec .report-tab-ul li button.active {
    background-color: #3AA1DE !important;
    color: #fff !important;
    /* padding: 8px 16px !important; */
    /* border-radius: 6px; */
    font-weight: 500 !important;
}
.custum-tabs-sec .report-tab-ul li button.active svg path{
  fill: #fff;
  stroke: #39a1de;
}
.report-member-list {
    display: flex;
    flex-direction: column;
    gap: 7px;
    padding: 7px 26px;
}

.relative-container {
    position: relative;
}
.section-loading-overlay {
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: rgba(255, 255, 255, 0.6);
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
}
.full-page-loader {
    position: fixed;
    top: 50%; left: 50%;
	transform: translate(-50%, -50%);
    width: 100%; height: 100%;
    background: rgba(255, 255, 255, 0.6);
    z-index: 9999;
    text-align: center;
}
.full-page-loader .spinner-border {
	margin-top: 15%;
}
.upload-document-modal .modal-content{
  max-width: 550px;
      max-width: 550px;
    border-radius: 16px !important;
    padding: 30px !important;
}
.upload-document-modal-close-btn{
opacity: 1 !important;
    background-color: unset;
    border: 0px;
    right: 10px !important;
    top: 10px !important;
}
.upload-folder-icon img{
  width: 48px;
  height: 48px;
}
.drag-info-text {
    margin: 9px 0 !important;
}

.devide-text {
    border-bottom: 1px solid #E7E7E7;
    position: relative;
    max-width: 70%;
    margin: 30px auto !important;
}

.devide-text span {
    position: absolute;
    top: -16px;
    background: #fff;
    padding: 6px 5px;
    left: 44%;
    right: auto;
    margin: 0 auto;
}
.upload-modal-btn-wrap .btn-wrap{
  min-width: 100px;
}
.brose-file-btn {
    border-radius: 8px;
    padding: 5px 17px;
}

.upload-document-modal-close-btn i, .close-link-btn i{
    color: #85858E;
    min-width: 22px;
    min-height: 22px;
    border-color: #85858E !important;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 1;
}
.close-link-btn{
  cursor: pointer;
} 

.modal-title{
  font-size: 22px;
}
.document-thumnail {
    border: 1px solid #E1E1E1;
    padding:4px 8px;
    border-radius: 8px;
    width: auto;
}
.uploaded-document-list-hold {
    padding: 10px 0;
}
.mdl-uploaded-doc-thm {
    border: 1px solid #E7E7E7;
    padding: 12px;
    border-radius: 12px; 
}

/* #messageEditor_ifr{
 padding-top:120px !important;
} */

.mce-content-body {
    border-top: 2px solid #ccc;
    padding-top: 0px !important;
}
.tox.tox-tinymce {
    border: 1px solid #dddedf !important;
    border-radius: 10px !important;
}
.tox-statusbar {
    display: none !important;
}
 
.btn-min-w{
  min-width: 140px;
}
.tox.tox-tinymce.tox-edit-focus .tox-edit-area::before{
 border: 0px !important;
}
.text-primary{
      color: #3AA1DE !important;
}

.text-black-2{
  color:#454545;
}

.email-chip-hold span {
    margin:0px 0px 10px 0;
    font-size: 14px;
        background: #fafafa !important;
        border: 0px !important;
}
.email-chip-hold {
    gap:0px 10px;
    flex-wrap: wrap;
}
.email-chip-hold span button {
    font-size: 10px;
    font-weight: bold;
}
.custum-modal ul.list-group {
    z-index: 2;
}

.notification-wrapper .form-switch .form-check-input {
    width: 40px;
    height: 24px;
    --bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
    background-color: #B0B0B7;

}

.notification-wrapper .form-switch .form-check-input:checked{
  background-color:#39A347 !important;
  border-color:#39A347;
}

.reveive-on-email-wrap {
    border-radius: 16px;
    border: 1px solid #E8E8E8;
    margin: 30px 0 0;
    padding: 15px;
}



.preview-bg{
  background: #FAFAFA;
    padding: 16px;
    border-radius: 16px;
    border: 1px solid #E1E1E1;
	 max-height:800px;
	 overflow:auto;
	
}
.report-table-hold{
     background: #fff;
    padding: 15px;
    max-width: 596px; min-width: 596px; 
}

.email-subject-line{
 font-size: 18px;
 color: #000;
}
.data-row-hold{
  gap: 10px 0px;
}

.document-section-repeat .radio-actions {
    font-size: 13px;
}
.document-section-repeat .fully_executive a {
    color: #fff;
}
.document-section-repeat .tasks-items-list .fully_executive .form-check-input:checked[type=radio] {
    border-color: #fff !important;
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='2' fill='white'/></svg>");
}

.cursor-default {
  cursor: default !important;
}


span.chat-innerpart.right.notification span.chat-username, span.chat-innerpart.left .chat-username {
    display: block;
    height: auto;
    width: fit-content;
    margin-right: auto;
    background-color: #fff;
   border-radius:0px 15px 0 0 !important;
    color: #000;
    width: 100%;
    position: relative;
}

span.chat-innerpart.right.notification span.chat-username:after , span.chat-innerpart.left .chat-username:after {
    content: "";
    position: absolute;
    width: 14px;
    height: 12px;
    background-image: url(../image/top-tip.svg);
    top: 0px;
    left: -9px;
    background-size: 15px;
    background-repeat: no-repeat;
}
span.chat-message span.left{
  margin-top: 0px !important;
}
span.chat-innerpart.right.notification span.chat-message, span.chat-innerpart.left span.chat-message {
    border-radius: 0px 0px 15px 15px !important;
    margin-right: auto;
    margin-left: 0;
    background: #fff !important;
    width: 100%;
    max-width: 100%;
     font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    color: #2C2C2E;
    padding-top: 1px !important;
}


span.chat-innerpart {
    position: relative;
}
span.chat-innerpart.right.notification, span.chat-innerpart.left{
  padding-left: 40px;
}

span.chat-username img {
    position: absolute;
    left: -40px;
    width: 32px !important;
    height: 32px !important;
}

.chat-body {
    padding: 20px;
}

span.chat-innerpart span.chat-username label.name, .chat-body .answer .name {
    font-size: 14px;
    line-height: 18px;
    font-weight: 600;
    color: #2C2C2E;
}
span.chat-innerpart.right .time, span.chat-innerpart.left .time {
    font-size: 10px;
    color: #666668;
}
span.chat-innerpart.right .time:before,  span.chat-innerpart.left .time:before{
  display: none;
}

span.chat-innerpart span.chat-username{
 position: relative; 
}


span.chat-innerpart.right.chat .chat-message {
    width: 100%;
    max-width: 100% !important;
    background: #007AFF !important;
    border-radius: 0px 0px 15px 15px !important;
    padding-top: 1px !important;
}
span.chat-innerpart.right.chat {
    padding-right: 40px;
}
span.chat-innerpart.right.chat .chat-username img {
    right: -40px;
    left: auto;
}

span.chat-innerpart.right.chat .chat-username label {
    color: #fff;
    display: none;
}

span.chat-innerpart.right.chat .chat-username {
    width: 100%;
    background: #007aff;
    color: #fff;
    text-align: left;
    border-radius: 15px 0px 0 0 !important;
    height: 3px;
    margin: 0;
    display: block;
}

span.chat-innerpart.right.chat .time, span.chat-innerpart.left .time{
 color: #fff;
 position: relative;
}

span.chat-innerpart.right.chat .right {
    font-size: 14px !important;
    line-height: 20px;
    margin-bottom: 0 !important;
}


 span.chat-innerpart.right.chat .chat-username:after {
    content: "";
    position: absolute;
    width: 14px;
    height: 12px;
    background-image: url(../image/top-tip-2.svg);
    top: 0px;
    right: -9px;
    left: auto;
    background-size: 15px;
    background-repeat: no-repeat;
}

.chat-innerpart audio {
    margin-top: 10px;
}

.thread_reply{
  z-index: 9999;
  position: fixed !important;
}
span.sub_inner_action_option a, span.chat-message.text-message .sub_inner_action_option a {
    color: #000000;
    font-size: 12px;
    line-height: 10px;
    text-decoration: none;
    padding: 9px 23px;
    display: block;
    background: #fff;
}

span.sub_inner_action_option a:hover, span.chat-message.text-message .sub_inner_action_option a:hover{
 background: #eae9e9;
}
.sub_inner_action_option{
 padding: 0px !important;
}
span.chat-innerpart.left.chat .time {
    color:#666668;
}
span.chat-innerpart.right.chat .time{
  padding-right: 20px;
}
span.chat-innerpart.right.chat .time:after{
position: absolute;
    content: "";
    background-image: url(../image/dubble-tik.svg);
    background-size: 16px;
    background-repeat: no-repeat;
    right: 0px;
    top: 2px; 
    width: 16px;
    height: 8px;

}

.mdl-inr-data h3 {
    font-size: 20px;
    margin-top: 12px;
}
.mdl-inr-data p {
    margin-bottom: 12px !important;
    color: #454545;
}
.mdl-inr-data p a {
    color: #3AA1DE;
}
.upgrade-plan-modal .modal-content{
    border: 1px solid #E1E1E1;
}
.upgrade-plan-modal .add-member-modal-close{
  top:17px;
}

.chat-bottom-mic-image.start-recording {
    width: 11px;
    height: 35px;
  }


.email-wrap-hold .email-top-row {
    display: flex;
    align-items: center;
    width: 100%;
    border-bottom: 1px solid #E1E1E1;
    padding: 1px 0 10px;
    gap: 10px;
}
.email-wrap-hold .email-top-row .chip-input input {
    width: 100% !important;

}
.email-wrap-hold .chip-input {
    width: 100%;
    border-radius: 0;
    border: 0px;
    font-size: 12px;
    font-weight: 500;
}
.email-top-row label {
    margin: 0;
    font-size: 14px;
    font-weight: 500;
}

.email-top-row .small {
    color: #3AA1DE;
    text-decoration: none;
    font-size: 12px;
}

.email-wrap-hold span.chip {
    background: #f8f8f9;
    border: #f8f8f9;
    font-size: 12px;
    font-weight: 500;
    color: #454545;
    padding: 5px 10px;
}

.email-wrap-hold .tox.tox-tinymce {
    border: 0px !important;
    border-radius: 0px !important;
    border-bottom: 1px solid #E1E1E1 !important;
        height: 220px !important;
}
.email-wrap-hold .tox-editor-header {
    border-top: 1px solid #E1E1E1 !important;
}


@media screen and (min-width:1600px){
	.member-thum-list .profile_name h4{
	  max-width: 70px;
	}
}

@media screen and (max-width:991.99px){
  .sidebar-logo {
    display: none;
  }
	.search-menu {
		width: 230px;
	}
}
@media screen and (max-width:768px){
	.menu-section {
		overflow: auto;
	}
	.menu-section .row{
	  flex-wrap: nowrap;
	}

	.menu-section .detail-detail-menu-top {
		flex-wrap: wrap;
	}
	.deal-nav-wrap {
		width: auto;
		min-width: 296px;
		padding: 0px;
	}
	.add-new-deal-wrap {
		padding: 0 0 0 8px;
	}
	.add-new-deal-wrap .menu-list-grid{
	min-width: 640px;
		display: flex;
		justify-content: flex-start;
	}
	.filter-buttons .create-button{
	  white-space: nowrap;
	}
}

@media screen and (max-width:767px) {
  .search-col-wrap{
    display: none;
  }
  .top-bar .row{ 
   margin: 0px; 
  }
  .top-bar.py-2{ 
    padding:11.5px 0px !important;
  }
  .custom-row {
    display: block !important;
  }
  .view-mamber-add-member-wrap {
	margin-top: 20px;
	border-top: 1px solid #f2f2f2;
	padding-top: 20px;
  }
  .price-list-price span.text-theme, .deail-inner-info-hold .price-list-content span{
	font-size: 12px;
 }
}