.delete_user button {
    border: none;
    border-radius: 4px !important;
    overflow: hidden;
    background: #fff;
    color: #fff;
}

.delete_user button i {
    color: #fff !important;
}

ul.dropdown-menu.deal_pipeline_list_item .deal_pipeline a:hover .delete_user button i{
    color:#21232c !important;
}

.viewSlector_icon {
    width: 16px;
    height: 16px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 3px;
}

.deal_pipeline_btn .viewSlector_icon {
    position: initial !important;
    height: 20px;
}
.viewSlector_icon span {
    display: block;
    background: #21232c;
    height: 7px;
    width: 7px;
}
.viewSlector_icon.fill_2 span:nth-last-child(1),
.viewSlector_icon.fill_2 span:nth-last-child(2){
    background:none;
    border:2px solid #21232c;
}

.viewSlector_icon.fill_1 span:nth-last-child(3),
.viewSlector_icon.fill_1 span:nth-last-child(2),
.viewSlector_icon.fill_1 span:nth-last-child(1){
    background:none;
    border:2px solid #21232c;
}

.viewSlector_icon.fill_3 span:nth-last-child(1){
    background:none;
    border:2px solid #21232c;
}
.font-12{
    font-size:12px !important;
}

.viewSelect_list {
    width: 352px;
    padding: 8px;
}

.viewSelect_list ul {
    padding: 0px;
}

.deals_header .right_navbar .viewSelect_list ul li {
    padding-left: 36px !important;
    padding: 8px;
    margin-right: 0px !important;
    position: relative;
    cursor: pointer;
    transition: 0.5s;
    border-radius: 4px;
}

.deals_header .right_navbar .viewSelect_list ul li .viewSlector_icon {
    position: absolute;
    left: 9px;
    top: 13px;
}

.deals_header .right_navbar .viewSelect_list ul li h5 {
    margin-bottom: 0px;
    font-size: 16px !important;
}

.deals_header .right_navbar .viewSelect_list ul li:hover {
    background: var(--color-link);
}
.deals_header .right_navbar .viewSelect_list ul li:hover .viewSlector_icon span{
    border-color:#fff;
    background:#fff;
}
.deals_header .right_navbar .viewSelect_list ul li:hover .viewSelect_list_content h5,
.deals_header .right_navbar .viewSelect_list ul li:hover .viewSelect_list_content p{
    color:#fff;
}
.box-shadow-none{
    box-shadow: none !important;
}
span.apnabagde.theme_button.me-2 {
    border-radius: 16px;
    font-size: 12px;
    height: auto;
}
.user_information {
    display: flex;
    align-items: center;
}

.user_information .user_content {
    width: calc(100% - 30px);
}

.user_information .user_content h6 {
    font-size: 13px;
    margin-bottom: 0px;
    color: #21232c;
}

.user_information .user_content p {
    margin-bottom: 0px;
    font-size: 12px;
}

.user_information .user_icon span {
    color: #b1a0a0;
}

.user_icon {
    margin-right: 4px;
}

.user_information .user_icon span:before {
    font-size: 35px;
}
.user_etite_wrap {
    display: flex;
    align-items: center;
}
.droupdownBTN {
    background: none;
    border: none;
    transition: 0.5s;
}
.droupdownBTN:hover{
    background:var(--bs-dropdown-link-hover-bg);
}

.form_select{
    width: 100%;
    border: 1px solid var(--border_color);
    border-radius: 4px;
    padding: 4px 10px;
    box-sizing: border-box;
    position: relative;
    background: url(../../../img/select-arrow/menu-down.svg);
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-repeat: no-repeat;
    background-position: right;
    background-size: 22px;
}

.action_user20 {
    display: flex;
    justify-content: end;
    margin-top: 16px;
}
.transfer_owership{
    width:280px;
    padding:16px !important;
}
.action_user20 .save_button button {
    border-radius: 4px !important;
}
.action_user20 .save_button button.theme_border_button{
    border: 1px solid var(--border_color) !important;
}
.owner_ship_title {
    font-size: 13px !important;
}
.page_title{
    font-size:24px;
    color:#21232c;
}

.stageWrapper .pipeline_stage > input:checked ~ label {
    background: #bedfbd !important;
}
.stageWrapper .pipeline_stage >  label{
    background: rgb(33 35 44 / 12%);
    text-align: center;
    line-height: 21px;
}
.stageWrapper .pipeline_stage >  label:hover{
    background: rgb(33 35 44 / 16%);
}
.stageWrapper .pipeline_stage >  label{
    color:#00672a;
    font-size:12px;
}
.stageWrapper .pipeline_stage:not(:checked) > label:hover, .stageWrapper .pipeline_stage:not(:checked) > label:hover ~ label {
    background: #bedfbd !important;
}
.stageWrapper {
    margin-top: 16px;
}

.bredcrum_list {
    padding-left: 0px;
    list-style: none;
    display:flex;
}
.bredcrum_list li a{
    margin-right:10px;
    position:relative;
}
.bredcrum_list li:last-child a{
    margin-right:0px;
}
.bredcrum_list li a{
    font-size:12px;
}
.bredcrum_list li a:after{
    content: "\F0054";
    display: inline-block;
    font: normal normal normal 18px/1 "Material Design Icons";
    font-size: inherit;
    text-rendering: auto;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-left:10px;
    color:#777;
}

.bredcrum_list li:last-child a:after{
    display:none;
}

.breadcrum_wrapper {
    margin-top: 8px;
}

.detail_layout_main {
    display: flex;
}

.detail_layout_main .detail_leftbar {
    width: 400px;
}

.detail_layout_main .detail_right {
    width: calc(100% - 400px);
}

.detail_menu_list {
    padding-left: 0;
    list-style: none;
}

.detail_menu_list .detail_menu_list_item {
    list-style: none;
    padding: 16px;
    border-bottom: 1px solid var(--border_color);
}

.detail_menu_list .detail_menu_list_item .dMenu_top {
    position: relative;
    display: flex;
    justify-content: space-between;
}

.detail_layout_main {
    display: flex;
    border-top: 1px solid var(--border_color);
}

.detail_layout_main .detail_leftbar {
    width: 400px;
    height: calc(100vh - 210px);
    overflow: hidden;
    /* display: none; */
    overflow-y: scroll;
}
.detail_layout_main .detail_leftbar.active{
    display: none;
}

.detail_layout_main .detail_right {
    width: calc(100% - 400px);
    background: #f5f5f5;
    padding: 24px;
    height: calc(100vh - 210px);
    overflow: hidden;
    overflow-y: scroll;
}

.detail_menu_list {
    padding-left: 0;
    list-style: none;
}

.detail_menu_list .detail_menu_list_item {
    list-style: none;
    padding: 16px;
    border-bottom: 1px solid var(--border_color);
}

.detail_menu_list .detail_menu_list_item .dMenu_top {
    position: relative;
    display: flex;
    justify-content: space-between;
}

.content-wrapper.proposal_wrap {
    padding: 0px;
}

.content-wrapper.proposal_wrap .deals_header {
    padding-left: 16px;
    padding-right: 16px;
}

.content-wrapper.proposal_wrap .stageWrapper {
    padding-right: 16px;
    padding-left: 16px;
}

.content-wrapper.proposal_wrap .breadcrum_wrapper {
    padding-left: 16px;
    padding-right: 16px;
}

.detail_menu_list .detail_menu_list_item .dMenu_top .detail_menu_button {
    border: none;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 500;
    color: #21232c;
    position: relative;
    padding-left: 31px;
    transition: 0.5s;
    background: none;
}

.detail_menu_list .detail_menu_list_item .dMenu_top .detail_menu_button i:before {
    font-size: 30px;
}
.detail_menu_list .detail_menu_list_item .dMenu_top .detail_menu_button:hover{
    background:#f5f5f6;
}

.detail_menu_list .detail_menu_list_item .dMenu_top .detail_menu_button i {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.detail_menu_list .detail_menu_list_item .dMenu_top .detail_icon {
    color: #21232cb8;
    cursor: pointer;
    padding: 2px 4px;
    text-align: center;
    border-radius: 4px;
    transition: 0.5s;
}
.detail_menu_list .detail_menu_list_item .dMenu_top .detail_icon:hover{
    background:#f5f5f6;
}

.detail_menu_list .detail_menu_list_item .dMenu_top .detail_menu_button i.active {
    transform: translateY(-50%) scaleY(-1);
}

.detail_menu_list .detail_menu_list_item .detailDeail_main.active {
    display: block;
}

.detail_menu_list .detail_menu_list_item .detailDeail_main {
    display: none;
}

.detail_settings_features {
    width: 400px;
    height: calc(100vh - 210px);
    overflow: hidden;
    display:none;
    background: #f5f5f5;
}
.detail_settings_features.active{
    display: block;
}

.detail_settings_features .manage_detail_sidebar_body h5 {
    font-size: 25px;
    color: #21232c;
    padding-top: 10px;
}

.detail_settings_features .manage_detail_sidebar_body {
    color: #21232c;
    font-size: 14px;
    height: calc(100vh - 262px);
    overflow: hidden;
    overflow-y: auto;
    padding: 16px;
}
.detail_settings_features .manage_detail_sidebar_footer {
    background: #fff;
    padding: 10px;
    border-top: 1px solid var(--border_color);
}
.detail_settings_features .manage_detail_sidebar_body ul {
    list-style: none;
    padding-left: 0;
    margin-bottom:0px;
}
.detail_settings_features .manage_detail_sidebar_body ul li .switch .switch-toggle-slider::after {
    top: 50%;
    margin: 0 0 0 0;
    width: 11px;
    height: 11px;
    transform: translateY(-50%);
}
.detail_settings_features .manage_detail_sidebar_body ul .features_list_itme {
    display: flex;
    justify-content: space-between;
    padding: 10px 16px;
    margin-top: 8px;
    border-radius: 4px;
    background: #fff;
    align-items:center;
    box-shadow: 0 0 1px 1px rgb(0 0 0/5%),0 1px 2px -2px rgb(0 0 0/6%),0 1px 3px 0 rgb(0 0 0/7%);
    cursor: move;
}
.detail_settings_features .manage_detail_sidebar_body ul .features_list_itme .features_content h5 {
    padding-top: 0px;
}
.switch-primary.switch .switch-input:checked~.switch-toggle-slider {
    background: rgb(45 134 71) !important;
}
.switch-primary.switch .switch-input:checked~.switch-toggle-slider::after {
    background: #fff !important;
}
.detail_settings_features .manage_detail_sidebar_body ul .switch .switch-input:checked ~ .switch-toggle-slider::after {
    left: 1.4rem ;
}

.detail_settings_features .manage_detail_sidebar_body ul .features_list_itme .featuresFeature {
    display: flex;
    justify-content: space-between;
    align-items:center;
}

.detail_settings_features .manage_detail_sidebar_body ul .features_list_itme .featuresFeature .dragIcon {
    margin-left: 35px;
}
.detail_settings_features .manage_detail_sidebar_body .hiding_section_list {
    list-style: disc;
    padding-left: 20px;
    margin-bottom: 25px;
}
.detail_settings_features .manage_detail_sidebar_body ul .features_list_itme .featuresFeature .dragIcon i:before {
    font-size: 24px;
}
.detaDlist li {
    display: flex;
    padding-left: 31px;
    color:#21232c;
    position:relative;
    align-items:center;
    font-size:14px;
    margin-bottom:4px;
}

.detaDlist {
    padding-left: 0;
    list-style: none;
}
.detaDlist li i.detaDicon {
    position: absolute;
    left: 0;
    top:50%;
    transform:translateY(-50%);
}
.detaDlist li i.detaDicon:before{
    font-size:20px;
}

.detaDlist li .editPrice {
    padding: 4px;
    border-radius: 4px;
    width: 100%;
    display:flex;
    align-items:center;
    justify-content:space-between;
}
.detaDlist li .editPrice i{
    background:#fff;
    padding: 0px 2px;
    border-radius:4px;
    cursor: pointer;
    border:1px solid #21232c3d;
    display: none;
}
.detaDlist li .editPrice:hover{
    background: #ececed;
}
.detaDlist li .editPrice:hover i{
    display: block;
}
.detaDlist li  .addProduct {
    text-align: right;
    width: fit-content;
    padding: 4px;
    border-radius: 4px;
    transition: 0.5s;
    font-weight: 500;
    cursor: pointer;
    white-space: nowrap;
}
.detaDlist li  .addProduct:hover{
    background: #21232c0d;
}
.perpal_color{
    color:var(--color-link);
}
.detaDlist li.active{
    flex-direction: column;
    align-items: self-start;
}
.form_input{
    width: 100%;
    border: 1px solid var(--border_color);
    border-radius: 4px;
    padding: 4px 10px;
    box-sizing: border-box;
    color: #21232c;
}
.form_input:focus{
    outline:none;
}
.edit_form{
    display: none;
}
.edit_form.active{
  display: block;
  width: 100%;
}
.grid_2{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
.g-8{
    grid-gap: 8px;
}
.mb-8{
    margin-bottom:8px;
}
body button.btn.fSize-12{
    font-size:12px !important;
}
.fW-500{
    font-weight: 500;
}

.detail_menu_list .detail_menu_list_item .dMenu_top .setting_list {
    padding-left: 0;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: end;
    width: 70px;
}
.detail_menu_list .detail_menu_list_item .dMenu_top .setting_list .collapse_icon{
    padding:3px;
    border-radius: 4px;
    cursor: pointer;
    display: none;
}
.detail_menu_list .detail_menu_list_item .dMenu_top .setting_list .collapse_icon:hover{
    background:#f5f5f6;
}

.detail_menu_list .detail_menu_list_item .dMenu_top .setting_list .collapse_icon:last-child{
    display: block;
}
.detail_menu_list .detail_menu_list_item .dMenu_top .setting_list.active .collapse_icon{
    display: block;
}
.simple_button {
    border: none;
    border-radius: 4px;
    background: none;
}

.simple_button:hover {
    transition: 0.5s;
    background: #f0f0f0;
}

.feilds-row {
    display: flex;
    align-items:center;
    font-size:14px;
}
.feilds-row .detaDlist li {
    padding-left: 10px;
}
.feilds-row .ditem_01 .person_icon label {
    font-size: 12px;
    color: #21232c;
}
.feilds-row .ditem_01 {
    width: 30%;
    text-align: right;
}

.feilds-row .ditem_02 {
    width: calc(100% - 30%);
}

.feilds-row .ditem_01 i:before {
    font-size: 35px;
}   

.label_list_item {
    display: flex;
    justify-content: space-between;
    padding: 4px 10px;
    transition: 0.5s;
    border-radius: 4px;
}

.label_list_item:hover {
    background: var(--color-link);
    color: #fff;
}

ul.dropdown-menu.deal_pipeline_list_item .deal_pipeline_body li i {display: none;}

ul.dropdown-menu.deal_pipeline_list_item .deal_pipeline_body li:hover i {
    display: inline-block;
}
ul.dropdown-menu.deal_pipeline_list_item .deal_pipeline_body li i.mdi-check{
    display: none;
}
ul.dropdown-menu.deal_pipeline_list_item .deal_pipeline_body li:hover i.mdi-check{
    color:#fff !important;
}
ul.dropdown-menu.deal_pipeline_list_item .deal_pipeline_body li.checked i.mdi-check{
    display:inline-block;
    color:var(--color-link);
}
.dropdown.add_phone {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 10px;
}

.addLabel_toggle {
    padding: 4px 10px;
    border: 1px solid var(--border_color);
    border-radius: 4px;
    cursor: pointer;
    position: relative;
}

.addLabel_toggle:after {
    content: '';
    border-top: 4px solid #000;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 7px;
}

.add_label_lists {
    padding-left: 0px;
    list-style: none;
    border-radius: 4px;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, .24), 0 8px 10px 1px rgb(0 0 0 / 5%), 0 3px 14px 2px rgb(0 0 0 / 6%), 0 5px 5px -3px rgba(0, 0, 0, .1);
    position: absolute;
    top: 35px;
    left: 0;
    width: 100%;
    background: #fff;
    z-index: 1;
}

.add_label_lists .list_item {
    display: flex;
    justify-content: space-between;
    padding: 4px 10px;
    transition: 0.5s;
    cursor:pointer;
}
.add_label_lists .list_item.active {
    font-weight: 500;
    color: #121212;
}
.add_label_lists .list_item:hover{
    background: var(--color-link);
    color:#fff;
}
.mb8{
    margin-bottom:8px !important;
}
.add_label_lists .list_item.active:hover .mdi-check{
    color:#fff;
}

.add_label_lists .list_item .mdi-check {
    display: none;
}

.add_label_lists .list_item.active .mdi-check {
    display: block;
    color: var(--color-link);
}
.label_listWrap{
    position:relative;
}
.detail_inner_edit_wrap .ditem_02 {
    padding-left: 14px;
}

.dropdown.add_phone.active {
    width: 80%;
    position: relative;
}

.dropdown.add_phone.active .trash_icon.d-none {
    display: flex !important;
    position: absolute;
    right: -38px;
    top: 50%;
    width: 30px;
    height: 30px;
    transform: translateY(-50%);
    background: none;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
}
.dropdown.add_phone.active .trash_icon.d-none:hover{
    background:#e4e4e5;
    cursor:pointer;
}
.edit_label label.perpal_color.fw-500 {
    margin-bottom: 8px;
    cursor: pointer;
}
.person_listItem .detail_inner_edit_wrap{
    display: none;
    position:
}
.person_listItem .detail_inner_edit_wrap.active{
    display: block;
}
.person_listItem  .detail_inner_wrap.active{
    display: none;
}

/* -----------------------------------------------
Perposal tabs css
----------------------------------------------- */
.perposal_tabs_items {
    padding-left: 0px;
    list-style: none;
    margin-bottom:0px;
    display: flex;
}
.row.costomize_col_width {
    border-top: 1px solid var(--border_color);
    margin: 0;
}
.perposal_tabs_items .perposal_tabs_item {
    display: inline-block;
    padding: 6px 12px;
}
.perposal_tabs_items .perposal_tabs_item.active{
    background:#eff6ff;
    border-bottom:2px solid #2b74da;
}
.perposal_tabs_items .perposal_tabs_item .perposal_tabs_links {
    color: #65686f;
    font-size:14px;
    display: flex;
}
.perposal_tabs_items .perposal_tabs_item.active .perposal_tabs_links{
    color:#0d68c5;
    
}

.perposal_tabsWrap {
    background-color: #fff;
    box-shadow: 0 0 1px 1px rgb(0 0 0 / 5%), 0 1px 2px -2px rgb(0 0 0 / 6%), 0 1px 3px 0 rgb(0 0 0 / 7%);
    border-radius: 4px;
    width: 100%;
}
.perposal_tabs_items .perposal_tabs_item .perposal_tabs_links i{
    margin-right:8px;
}
.perposal_tabs_content{
    display: none;
}
.perposal_tabs_content.active{
    display: block;
}
.perposal_tabs_content .activity_form {
    display: none;
}

.perposal_tabs_content .activity_form.active {
    display: block;
}

.perposal_tabs_content.active p.active {
    display: none;
}
p.click_hereActivity {
    margin-bottom: 0;
    padding: 12px 12px;
}


/* notes */
.editorWrapper {
    display: flex;
    flex-direction: column-reverse;
    background: #fff6d6;
    position:relative;
}
.informationSlab:after{
    display: none !important;
}

.informationSlab_content {
    width: 280px !important;
    padding: 12px !important;
}

.informationSlab_content .header_informationSlab {
    margin-bottom: 8px;
    color:var(--color-21);
}
.informationSlab_content .header_informationSlab h4 {
    color:var(--color-21);
    font-size:18px;
}

.informationSlab_content .proggre {
    margin-bottom: 8px;
}

.informationSlab_content .proggre>span {
    font-size: 12px;
}

.informationSlab_content .proggre .progress {
    width: 100%;
}

.informationSlab_content 
 .information_content {
    font-size: 12px;
}
.informationSlab{
    margin-right:5px;
}
.editorWrapper .ql-toolbar, .editorWrapper .ql-container {
    border: none !important;
}


.toolbar_buttonWrapper {
    display: flex;
    position: absolute;
    right: 20px;
    bottom: 10px;
    align-items: center;
    background: none;
}

.toolbar_buttonWrapper .progress {
    width: 85px;
    border-radius: 4px;
    margin-right: 5px;
    background: rgba(33,35,44,.12);
    height: 8px;
}

.toolbar_buttonWrapper .progress .progress-bar {
    background: rgba(33, 35, 44, 0.48);
}

.toolbar_buttonWrapper .dropdown-toggle {
    background: none;
    border: none;
}
.grnAbl .dp_title {
    margin-left: 10px;
    width: 269px;
    display: block;
    margin-bottom: 8px;
    position: relative;
}
.grnAbl .dp_title hr{
    width:100%;
    position:absolute;
    top:56%;
    left:0;
    z-index: -1;
    margin:0px;
}
.grnAbl p {
    font-size: 13px;
    margin-bottom: 8px;
}
.general_avail {
    padding: 0 8px;
}
.rightTop {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--color-21);
}
.grnAbl li .dropdown-item {
    padding: 4px 10px;
    display: block;
    position: relative;
    border-radius: 4px;
    color:var(--color-link);
    font-size:14px;
}
.grnAbl li .dropdown-item i{
    margin-right:8px;
}
.grnAbl li .dropdown-item:hover{
    background: var(--color-link);
    color: #fff;
}
.grnAbl .dp_title span {
    display: inline-block;
    background:#fff;
    font-size: 12px;
    color: var(--color-21);
    padding-right:8px;
}
.arrowNone:after{
    display: none !important;
}

/* emailtab */
.emailtabWrapper {
    position: relative;
    z-index: 1;
    padding:16px;
}

.emailtabWrapper .emailinnerContent {
    max-width: 480px;
    margin: 0 auto;
    padding: 32px 12px;
}

.emailtabWrapper .emailinnerContent h3 {
    font-size: 21px;
    color: var(--color-21);
    margin-bottom: 16px;
}

.emailtabWrapper .emailinnerContent p {
    font-size: 14px;
    color: var(--color-21);
    margin-bottom: 0px;
}

.emailtabWrapper .emailinnerContent .email_tabList {
    padding-left: 0;
    padding-top: 16px;
    margin-bottom: 0px;
    list-style: none;
}

.emailtabWrapper .emailinnerContent .email_tabList li {
    font-size: 14px;
    color: var(--color-21);
    position: relative;
}

.emailtabWrapper .emailinnerContent .email_tabList li i {
    font-size: 24px;
    color: #077838;
}

.emailtabWrapper .emailinnerContent .email_tabList li i:before {
    font-size: 24px;
}

.emailtabWrapper .emailinnerContent .emailtabAddNewAC {
    display: flex;
    margin-top: 16px;
    align-items: center;
}

.emailtabWrapper .emailinnerContent .emailtabAddNewAC a {
    margin-top: 0;
    padding-left: 20px;
}

.send_Email_item {
    padding-left: 0;
    list-style: none;
    margin-bottom:0px;
}

.send_Email_item li.send_email_item {
    padding: 7px 16px;
    border-top: 1px solid var(--border_color);
    display: flex;
    align-items: center;
    position: relative;
}
.send_Email_item li.send_email_item:last-child{
    border-bottom:1px solid var(--border_color);
}
.texteditorWrapper {
    width: 100%;
    display: flex;
    flex-direction: column-reverse;
}

.texteditorWrapper .ql-toolbar.ql-snow {
    background: #f6f6f6;
    border-right: none;
    border-left: none;
}

.texteditorWrapper #editor-1 {
    border: none;
}

.email_sendFooter .emailmenu_items {
    padding-left: 0;
    list-style: none;
    margin-bottom: 0;
    display: flex;
}

.email_sendFooter {
    padding: 16px;
}

.email_sendFooter .mailSendMenu {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.email_sendFooter .emailmenu_items li.emailmenu-item {
    margin-right: 10px;
}

.email_sendFooter .emailmenu_items li.emailmenu-item button {
    border: none;
    background: none;
}
.email_sendFooter .emailmenu_items li.emailmenu-item button i:before{
    font-size: 22px;
}
.email_sendFooter .mailSendMenu .sendTrash .trashButton {
    border: none;
    padding: 5px;
    margin-right: 4px;
    border-radius: 4px;
    transition: 0.5s;
    background: none;
}

.email_sendFooter .mailSendMenu .sendTrash {
    display: flex;
    align-items: center;
}

.email_sendFooter .mailSendMenu .sendTrash .trashButton:hover {
    background: #f2f2f2;
}


.send_Email_item li.send_email_item input {
    width: calc(100% - 60px);
    border: none;
}
.send_Email_item li.send_email_item.cc, .send_Email_item li.send_email_item.bcc {
    display: none;
}

.send_Email_item li.send_email_item.cc.active, .send_Email_item li.send_email_item.bcc.active {
    display: flex;
}
.defultTemplateSet .defultTemplateSet_list {
    list-style: none;
}

.defultTemplateSet {
    padding-left: 0px;
    margin-bottom: 0px;
    display: flex;
    align-items: center;
}

.defultTemplateSet .defultTemplateSet_list .dropdown-menu {
    max-width: 340px !important;
    width: 100%;
    min-width: 340px;
    list-style: none;
}

.defultTemplateSet .defultTemplateSet_list .dropdown-menu .fav_list_item {
    list-style: none;
}

.filter_body {
    margin-bottom: 10px;
    max-height: 280px;
    height: 100%;
    overflow: hidden;
    overflow-y: scroll;
}

.send_Email_item li.send_email_item label {
    margin-right: 10px;
}
.send_Email_item li.send_email_item .recipient_btn{
    position:relative;
}
.send_Email_item li.send_email_item .recipient_btn .mdi-chevron-down {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

.send_Email_item li.send_email_item .recipient_btn .mdi-chevron-up {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}   

img.emailBG {
    position: absolute;
    left: 0;
    z-index: -1;
    pointer-events: none;
}
.filestabWrapper {
    padding: 16px;
}
.fileuploadWrap {
    background: #f5f5f6;
    padding: 32px 16px;
    border: 2px dashed #d7d7d9;
    border-radius: 2px;
}

.fileuploadWrap .uploadLabel {
    display: flex;
    align-items: center;
    justify-content: center;
}

.fileuploadWrap .uploadLabel p {
    margin-left: 16px;
    color: var(--color-21);
    font-size: 14px;
}

.vertical_document_slides {
    -webkit-box-shadow: 0 1px 12px 0 rgba(81,107,118,.15);
    box-shadow: 0 1px 12px 0 rgba(81,107,118,.15);
    padding: 16px;
    border-radius: 8px;
    margin-bottom: 14px;
}

.fileouterWrapper {
    -webkit-box-shadow: 0 5px 15px 0 rgba(0,0,0,.15);
    box-shadow: 0 5px 15px 0 rgba(0,0,0,.15);
    border-radius: 8px;
    overflow: hidden;
}

.verticalSlider {
    padding: 16px;
}

.vertical_document_slides:last-child {
    margin-bottom: 0px;
}

.verticalSlider .vertical_document_slides .remove-doc {
    padding: 6px;
    cursor: pointer;
    border-radius: 4px;
    transition: 0.5s;
}

.verticalSlider .vertical_document_slides .remove-doc:hover {
    background: var(--border_color);
    color:var(--color-21);
}

.verticalSlider .vertical_document_slides .mr-2 {
    margin-right: 8px;
}

/* Document */
.documentWrapper {
    border-top: 1px solid var(--border_color);
}

.documentWrapper .documentheader {
    padding: 24px;
    border-bottom: 1px solid var(--border_color);
}

.documentWrapper .documentheader .DCM_content {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.documentWrapper .documentheader .DCM_content h3 {
    margin-bottom: 0px;
}
.theme_button_border {
    background: #fff;
    height: 32px;
    padding: 4px 12px;
    border: none;
    transition: 0.5s;
    color: var(--color-21);
    font-size: 14px;
    font-weight: 600;
    font-family: var(
    --bs-body-font-family);
    border-radius: 4px;
    display: inline-block;
    border: 1px solid var(--border_color);
}
.theme_button_border:hover{
    background:#f5f5f6;
}
.documentWrapper .documentheader p {
    padding-top: 8px;
    margin-bottom: 0;
    color: var(--color-21);
    font-size: 14px;
}

.docsTab_lists {
    display: flex;
    list-style: none;
    justify-content: center;
}

.docsTab_lists .docsTabList_item {
    padding: 5px 14px;
    color: var(--color-21);
    font-weight: 500;
    cursor: pointer;
    transition: 0.5s;
    font-size: 14px;
}
.docsTab_lists .docsTabList_item.active, .docsTab_lists .docsTabList_item:hover {
    color: var(--color-link);
    background: #d9ecff;
}

.document_tab_wrapper {
    padding: 24px;
}
.document_tab_wrapper .docs_tabPanels {
    max-width: 600px;
    margin: 0 auto;
}

.document_tab_wrapper .docs_tabPanels .docs_tabPanel {
    margin: 0;
}

.document_tab_wrapper .docs_tabPanels .docs_tabPanel p {
    text-align: center;
    font-size: 14px;
    margin-bottom: 0px;
    color:var(--color-2);
}
.tabpanel_contact_list {
    display: flex;
    justify-content: center;
    align-items: center;
    list-style: none;
}

.tabpanel_contact_list .contact_with_icon {
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--border_color);
    border-radius: 4px;
    background: #f5f5f6;
}

.tabpanel_contact_list li {
    margin-right: 8px;
}

.tabpanel_contact_list li:last-child {
    margin-right: 0px;
}

.tabPanel_footer {
    padding-top: 24px;
}
.document_tab_wrapper .docs_tabPanels .docs_tabPanel .tabPanel_image {
    padding-top: 24px;
}
/* Document */
/* -----------------------------------------------
Perposal tabs css
----------------------------------------------- */

/* ---------------------------------------------------
Activity time sheduler css
--------------------------------------------------- */
.activity_timescheduler_header {
    display: flex;
    justify-content: space-between;
    padding: 16px;
    border-bottom: 1px solid var(--border_color);
}

.activity_timescheduler_header>div {
    color: var(--color-21);
}

.activity_timescheduler_header .dateCal_buttons button {
    padding: 0;
    background: none;
    border: none;
    transition: 0.5s;
    border-radius: 4px;
}

.activity_timescheduler_header .dateCal_buttons button i:before {
    font-size: 24px;
}

.activity_timescheduler_header .dateCal_buttons button:hover {
    background: #f7f7f7;
}

.activity_time_sheduler_body_content {
    display: flex;
    position:relative;
}
.shedulerHours.fifty_nineAM {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 10px !important;
    color: red;
    font-weight: 500;
    height: auto !important;
    width:100%;
}

.shedulerHours.fifty_nineAM:after {
    content: '';
    height: 1px;
    position: absolute;
    top: 80%;
    background: red;
    width: calc(100% - 75px);
    right: 16px;
}
.activity_time_sheduler_body_content .shedulerTimeLabel {
    width: calc(100% - 70px);
    border-left: 1px solid var(--border_color);
}

.activity_time_sheduler_body_content .shedulerTime {
    padding: 0px 14px;
    width: 70px;
}

.activity_time_sheduler_body_content .shedulerTime .shedulerHours {
    font-size: 12px;
    height: 52px;
    display: flex;
    align-items: start;
    padding-top:14px;
}

.activity_time_sheduler_body_content .shedulerTimeLabel .shedulerHourLabelP {
    border-bottom: 1px solid var(--border_color);
    font-size: 14px;
    padding: 1px 0;
}

.activity_timeScheduler .activity_timesheduler_body {
    height: 544px;
    overflow: hidden;
    overflow-y: scroll;
}
.activity_time_sheduler_body_content .shedulerTimeLabel .shedulerHourLabelP .shedulerHourLabel {
    height: 24px;
    padding: 3px 14px;
    opacity: 0;
    background: #0d68c5;
    color: #fff;
}
.activity_time_sheduler_body_content .shedulerTimeLabel .shedulerHourLabelP .shedulerHourLabel i {
    margin-right: 8px;
}
.activity_time_sheduler_body_content .shedulerTimeLabel .shedulerHourLabelP .shedulerHourLabel.active{
    opacity: 1;
}

.an_activityFooter {
    display: flex;
    justify-content: end;
    border-top: 1px solid rgb(33 35 44 / 24%);
    padding: 10px 16px;
    background: #f5f5f6;
}

.an_activityFooter .an_activityFooterContent {
    display: flex;
    align-items: center;
}

.an_activityFooter .an_activityFooterContent .mark_AsDone {
    margin-right: 7px;
}

.an_activityFooter .an_activityFooterContent .mark_AsDone label {
    color: var(--color-21);
    font-size: 14px;
}
.perposal_tabs_content .an_activity {
    padding: 16px 16px 0px 56px;
}
.emailtabWrapper.noEmail {
    display: none;
}
/* ---------------------------------------------------
Activity time sheduler css
--------------------------------------------------- */

/* --------------- History Timeline ----------------*/
.historyTimeLines {
    margin-top: 24px;
}
.historyTimeLines .focusArea {
    margin-bottom: 16px;
}

.historyTimeLines .focusArea .focus_areaBtn {
    font-size: 16px;
    color: #000;
    margin-bottom: 24px;
    font-weight: 500;
}
.historyTimeLines .focusArea .focus_areaBtn i:before {
    font-size: 24px;
}
.historyTimeLines .focusArea .focus_areaBtn.collapsed i:before {
    transform: rotate(90deg);
}
.focusArea_contentItem {
    display: flex;
}

.focusArea_contentItem .focusIconA {
    width: 56px;
}

.focusArea_contentItem .focusIconA .timeLine_icons {
    width: 40px;
    height: 40px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    box-shadow: var(--box_shadow1);
}
.focusArea_contentItem .focus_content {
    width: calc(100% - 56px);
    padding:8px;
    box-shadow: var(--box_shadow1);
    border-radius: var(--radius4);
    background:#fff;
}
.focusArea_contentItem .focus_content .book_a_call_timeline {
    font-size: 14px;
    width: 100%;
    overflow: hidden;
    margin-top: 10px;
    color: var(--color-21);
    white-space: nowrap;
    text-overflow: ellipsis;
}

.focusArea_contentItem .focus_content .history_time_header {
    display: flex;
    justify-content: space-between;
}
.focusArea_contentItem .focus_content .history_time_header .header_title_items {
    width: calc(100% - 30px);
}
.focusArea_contentItem .focus_content .history_time_header .header_title {
    font-size: 16px;
    color: #000;
    margin-bottom: 0px;
}

.focusArea_contentItem .focus_content .history_time_header .droup_down_list {
    padding: 0px;
}

.focusArea_contentItem .focus_content .history_time_header .droup_down_list button#dropdownMenuButton1 {
    padding: 0;
    box-shadow: none;
    border: none;
    background: none;
}

.focusArea_contentItem .focus_content .history_time_header .droup_down_list button#dropdownMenuButton1:after {
    display: none;
}

.title_bottom_content {
    font-size: 12px;
    display: flex;
    align-items: center;
    margin-top: 5px;
}

.title_bottom_content span {
    margin-right: 5px;
}
.title_bottom_content span.badge {
    text-transform: uppercase;
    color: var(--color-21);
    background:#21232c1f;
    border-radius: 16px;
}

/* --------------- History Timeline ----------------*/