/* .theme_teal .add_document.bg_head_theme .text_blue,
.theme_teal .text_blue {
    color: #008080 !important;
    transition: color 0.3s ease;
}

.theme_teal .round_blue {
    background-color: #008080;
    border-radius: 50%;
    transition: background-color 0.3s ease;
}

.theme_teal .history-link span {
    color: #008080;
    transition: color 0.3s ease;
}

.theme_teal .credit-Envelope span,
.theme_teal .credit-sms span,
.theme_teal .Credits-Left,
.theme_teal .Credits-Used {
    color: #008080;
    transition: color 0.3s ease;
}

.theme_teal .invoice-number {
    color: #008080;
    font-weight: 500;
}

.theme_teal .plan_name {
    color: #008080;
    font-size: 22px;
    text-align: center;
    margin-bottom: 5px;
}

.theme_teal .number-minus-button,
.theme_teal .number-plus-button {
    color: #008080;
    font-size: 24px;
    border-radius: 4px;
    padding: 8px 5px;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.theme_teal .number-minus-button:hover,
.theme_teal .number-plus-button:hover {
    background-color: rgba(0, 128, 128, 0.1);
}

.theme_teal .preview-modal-header .nav-link.active {
    background: #008080;
    color: white;
    border-radius: 6px;
    transition: background-color 0.3s ease;
}

.theme_teal .user_login {
    background-color: #008080;
    border-radius: 6px;
    transition: background-color 0.3s ease;
}

.theme_teal .navbar-toggler-icon {
    color: #008080 !important;
    height: auto !important;
    width: auto !important;
    background-image: unset !important;
    transition: color 0.3s ease;
}

.theme_teal .Envelope_count_section h2 span {
    color: #008080;
    transition: color 0.3s ease;
}

.theme_teal .Envelope_count_section .upgrade {
    border: 3px solid #008080;
    color: #008080;
    background: var(--white);
    padding: 7px 18px;
    border-radius: 50px;
    font-size: 20px;
    letter-spacing: 0.22px;
    transition: border-color 0.3s ease, color 0.3s ease;
}

.theme_teal .Envelope_count_section .upgrade:hover {
    border-color: #006666;
    color: #006666;
}

.theme_teal .user_icon {
    background-color: #008080;
    border-radius: 50%;
    transition: background-color 0.3s ease;
}

.theme_teal .user_profile {
    color: #008080;
    transition: color 0.3s ease;
}

.theme_teal .sign_out {
    color: #008080;
    transition: color 0.3s ease;
}

.theme_teal .step_wizard_button .btn_outline {
    color: #008080;
    border-color: #008080;
    border-radius: 6px;
    transition: color 0.3s ease, border-color 0.3s ease, background-color 0.3s ease;
}

.theme_teal .step_wizard_button .btn_outline:hover {
    background-color: rgba(0, 128, 128, 0.1);
}

.theme_teal .step_wizard_button .btn-primary,
.theme_teal .tab_footer_button .btn-primary {
    background-color: #008080 !important;
    border-color: #008080 !important;
    color: white;
    border-radius: 6px;
    transition: background-color 0.3s ease, border-color 0.3s ease;
}

.theme_teal .step_wizard_button .btn-primary:hover,
.theme_teal .tab_footer_button .btn-primary:hover {
    background-color: #006666 !important;
    border-color: #006666 !important;
}

.theme_teal .accordion_primary_btn .btn {
    background-color: #008080 !important;
    border-color: #008080 !important;
    color: white;
    border-radius: 6px;
    transition: background-color 0.3s ease, border-color 0.3s ease;
}

.theme_teal .accordion_primary_btn .btn:hover {
    background-color: #006666 !important;
    border-color: #006666 !important;
}

.theme_teal .recipients_data {
    background-color: var(--secondary-color-100);
    border-radius: 6px;
}

.theme_teal .nav-tabs {
    border-bottom: none;
}

.theme_teal .setting_tab .setting_sidebar .nav-tabs {
    border-bottom: 2px solid transparent;
}

.theme_teal .nav-tabs.wrap_left,
.theme_teal .nav-tabs.btn_wrap {
    border-bottom: 0;
}

.theme_teal .user_sidebar .nav-tabs {
    border-bottom: 0;
}

.theme_teal .templates_page .nav-tabs {
    border-bottom: 0;
}

.theme_teal .teble_header .nav-tabs .nav-link {
    background-color: white;
    border: 2px solid #008080;
    border-radius: 6px;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.theme_teal .setting_tab .setting_sidebar .nav-link.active,
.theme_teal .setting_tab .setting_sidebar .nav-link:hover {
    color: #008080;
    background-color: white;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    transition: background-color 0.3s ease, color 0.3s ease;
}

.theme_teal .setting_tab .nav-link.active,
.theme_teal .setting_tab .nav-link:hover {
    background-color: #008080;
    color: white;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.theme_teal .setting_sidebar ul li a:hover,
.theme_teal .setting_sidebar ul li a.active {
    color: #008080;
    transition: color 0.3s ease;
}

.theme_teal .security_steps .security_count {
    background-color: #008080;
    border-radius: 50%;
    transition: background-color 0.3s ease;
}

.theme_teal .edit_option {
    color: #008080 !important;
    transition: color 0.3s ease;
}

.theme_teal .Action_perform {
    background-color: #008080;
    border-radius: 6px;
    transition: background-color 0.3s ease;
}

.theme_teal .table_header_wrap .wrap_left button {
    border: 2px solid #008080;
    border-radius: 6px;
    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}

.theme_teal .table_header_wrap .wrap_left button.active {
    background-color: #008080;
    color: var(--white);
    border: 2px solid #008080;
    border-radius: 6px;
}

.theme_teal .table_header_wrap .wrap_left button:hover {
    border: 2px solid #006666;
    background-color: #006666;
    color: white;
}

.theme_teal .main_title .functional_icon_ellipsis {
    background-color: #008080;
    border-radius: 50%;
    transition: background-color 0.3s ease;
}

.theme_teal .template_Envelope_name:after {
    color: #008080;
    transition: color 0.3s ease;
}

.theme_teal .templates_page .nav-tabs .nav-item.show .nav-link,
.theme_teal .templates_page .nav-tabs .nav-link.active {
    background-color: #008080;
    color: white;
    border-radius: 6px;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.theme_teal .templates_page .nav-tabs .nav-link:hover {
    background-color: #006666;
    color: white;
    border-radius: 6px;
}

.theme_teal .template_main_title {
    border-bottom: 2px solid #008080;
    padding-bottom: 10px;
}

.theme_teal .plus_btn span {
    color: var(--white);
    background-color: #008080;
    font-size: 17px;
    border-radius: 100px;
    height: 25px;
    width: 25px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.3s ease;
}

.theme_teal .setting_tab .form-check-input:checked {
    background-color: #008080;
    border-color: #008080;
    transition: background-color 0.3s ease, border-color 0.3s ease;
}

.theme_teal .login_nav .navbar-nav .nav-item.active {
    font-size: 16px;
    color: #008080;
    transition: color 0.3s ease;
}

.theme_teal .start_now button {
    color: var(--white);
    background-color: #008080;
    padding: 10px 24px;
    font-size: 20px;
    border: none;
    border-radius: 50px;
    max-width: 185px;
    letter-spacing: 0.29px;
    transition: background-color 0.3s ease;
}

.theme_teal .start_now button:hover {
    background-color: #006666;
}

.theme_teal .mail-box-wrapper .card-body label span {
    display: inline-block;
    color: var(--white);
    background-color: #008080;
    padding: 5px 10px;
    border-radius: 0.25rem;
    letter-spacing: 1px;
    margin-left: 5px;
    transition: background-color 0.3s ease;
}


.theme_teal .document_form_wrap .nav-tabs .nav-link.active {
    color: #ffffff;
}

.theme_teal .icon_box {
    background-color: #008080;
    width: 40px;
    height: 40px;
    border-radius: 100px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 25px;
    transition: background-color 0.3s ease;
}

.theme_teal .pagination li.active {
    background-color: #008080;
    border-radius: 4px;
}

.theme_teal .pagination li.active a {
    color: #fff;
}

.theme_teal .pagination li a {
    color: #008080;
    font-size: 14px;
    line-height: normal;
    transition: color 0.3s ease;
}

.theme_teal .position_card .badge {
    padding: 5px;
    border-radius: 4px;
    background-color: var(--secondary-color-100);
    color: #008080;
    font-size: 10px;
}

.theme_teal #button:hover {
    cursor: pointer;
    background-color: #006666;
    transition: background-color 0.3s ease;
}

.theme_teal .bg-primary,
.theme_teal .btn-primary {
    background-color: #008080 !important;
    border-color: #008080 !important;
    color: white;
    border-radius: 6px;
    transition: background-color 0.3s ease, border-color 0.3s ease;
}

.theme_teal .btn-primary:focus,
.theme_teal .btn-primary:hover {
    background-color: #006666 !important;
    border-color: #006666 !important;
    color: white;
}

.theme_teal .dropdown-menu a,
.theme_teal .history-link a,
.theme_teal .text-primary {
    color: #008080 !important;
    transition: color 0.3s ease;
}

.theme_teal .setting_tab .nav-link.active img,
.theme_teal .setting_tab .nav-link:hover img {
    filter: invert(30%) sepia(11%) saturate(2452%) hue-rotate(74deg) brightness(94%) contrast(91%);
    transition: filter 0.3s ease;
}

.theme_teal .sleeve_info .nav-tabs .nav-link.active,
.theme_teal .sleeve_info .nav-tabs .nav-link:hover {
    background-color: #008080;
    color: white;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.theme_teal .bg_head_theme th {
    background-color: #008080;
    color: white;
    padding: 10px;
} */

/*--------------------THEME PURPLE-------------------*/
/* 
.theme_purple .add_document.bg_head_theme .text_blue,
.theme_purple .text_blue {
    color: #800080 !important;
    transition: color 0.3s ease;
}

.theme_purple .round_blue {
    background-color: #800080;
    border-radius: 50%;
    transition: background-color 0.3s ease;
}

.theme_purple .history-link span {
    color: #800080;
    transition: color 0.3s ease;
}

.theme_purple .credit-Envelope span,
.theme_purple .credit-sms span,
.theme_purple .Credits-Left,
.theme_purple .Credits-Used {
    color: #800080;
    transition: color 0.3s ease;
}

.theme_purple .invoice-number {
    color: #800080;
    font-weight: 500;
}

.theme_purple .plan_name {
    color: #800080;
    font-size: 22px;
    text-align: center;
    margin-bottom: 5px;
}

.theme_purple .number-minus-button,
.theme_purple .number-plus-button {
    color: #800080;
    font-size: 24px;
    border-radius: 4px;
    padding: 8px 5px;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.theme_purple .number-minus-button:hover,
.theme_purple .number-plus-button:hover {
    background-color: rgba(128, 0, 128, 0.1);
}

.theme_purple .preview-modal-header .nav-link.active {
    background: #800080;
    color: white;
    border-radius: 6px;
    transition: background-color 0.3s ease;
}

.theme_purple .user_login {
    background-color: #800080;
    border-radius: 6px;
    transition: background-color 0.3s ease;
}

.theme_purple .navbar-toggler-icon {
    color: #800080 !important;
    height: auto !important;
    width: auto !important;
    background-image: unset !important;
    transition: color 0.3s ease;
}

.theme_purple .Envelope_count_section h2 span {
    color: #800080;
    transition: color 0.3s ease;
}

.theme_purple .Envelope_count_section .upgrade {
    border: 3px solid #800080;
    color: #800080;
    background: var(--white);
    padding: 7px 18px;
    border-radius: 50px;
    font-size: 20px;
    letter-spacing: 0.22px;
    transition: border-color 0.3s ease, color 0.3s ease;
}

.theme_purple .Envelope_count_section .upgrade:hover {
    border-color: #660066;
    color: #660066;
}

.theme_purple .user_icon {
    background-color: #800080;
    border-radius: 50%;
    transition: background-color 0.3s ease;
}

.theme_purple .user_profile {
    color: #800080;
    transition: color 0.3s ease;
}

.theme_purple .sign_out {
    color: #800080;
    transition: color 0.3s ease;
}

.theme_purple .step_wizard_button .btn_outline {
    color: #800080;
    border-color: #800080;
    border-radius: 6px;
    transition: color 0.3s ease, border-color 0.3s ease, background-color 0.3s ease;
}

.theme_purple .step_wizard_button .btn_outline:hover {
    background-color: rgba(128, 0, 128, 0.1);
}

.theme_purple .step_wizard_button .btn-primary,
.theme_purple .tab_footer_button .btn-primary {
    background-color: #800080 !important;
    border-color: #800080 !important;
    color: white;
    border-radius: 6px;
    transition: background-color 0.3s ease, border-color 0.3s ease;
}

.theme_purple .step_wizard_button .btn-primary:hover,
.theme_purple .tab_footer_button .btn-primary:hover {
    background-color: #660066 !important;
    border-color: #660066 !important;
}

.theme_purple .accordion_primary_btn .btn {
    background-color: #800080 !important;
    border-color: #800080 !important;
    color: white;
    border-radius: 6px;
    transition: background-color 0.3s ease, border-color 0.3s ease;
}

.theme_purple .accordion_primary_btn .btn:hover {
    background-color: #660066 !important;
    border-color: #660066 !important;
}

.theme_purple .recipients_data {
    background-color: var(--secondary-color-100);
    border-radius: 6px;
}

.theme_purple .nav-tabs {
    border-bottom: none;
}

.theme_purple .setting_tab .setting_sidebar .nav-tabs {
    border-bottom: 2px solid transparent;
}

.theme_purple .nav-tabs.wrap_left,
.theme_purple .nav-tabs.btn_wrap {
    border-bottom: 0;
}

.theme_purple .user_sidebar .nav-tabs {
    border-bottom: 0;
}

.theme_purple .templates_page .nav-tabs {
    border-bottom: 0;
}

.theme_purple .teble_header .nav-tabs .nav-link {
    background-color: white;
    border: 2px solid #800080;
    border-radius: 6px;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.theme_purple .setting_tab .setting_sidebar .nav-link.active,
.theme_purple .setting_tab .setting_sidebar .nav-link:hover {
    color: #800080;
    background-color: white;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    transition: background-color 0.3s ease, color 0.3s ease;
}

.theme_purple .setting_tab .nav-link.active,
.theme_purple .setting_tab .nav-link:hover {
    background-color: #800080;
    color: white;
transition: background-color 0.3s ease,
color 0.3s ease;
}

.theme_purple .setting_sidebar ul li a:hover,
.theme_purple .setting_sidebar ul li a.active {
    color: #800080;
    transition: color 0.3s ease;
}

.theme_purple .security_steps .security_count {
    background-color: #800080;
    border-radius: 50%;
    transition: background-color 0.3s ease;
}

.theme_purple .edit_option {
    color: #800080 !important;
    transition: color 0.3s ease;
}

.theme_purple .Action_perform {
    background-color: #800080;
    border-radius: 6px;
    transition: background-color 0.3s ease;
}

.theme_purple .table_header_wrap .wrap_left button {
    border: 2px solid #800080;
    border-radius: 6px;
    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}

.theme_purple .table_header_wrap .wrap_left button.active {
    background-color: #800080;
    color: var(--white);
    border: 2px solid #800080;
    border-radius: 6px;
}

.theme_purple .table_header_wrap .wrap_left button:hover {
    border: 2px solid #660066;
    background-color: #660066;
    color: white;
}

.theme_purple .main_title .functional_icon_ellipsis {
    background-color: #800080;
    border-radius: 50%;
    transition: background-color 0.3s ease;
}

.theme_purple .template_Envelope_name:after {
    color: #800080;
    transition: color 0.3s ease;
}

.theme_purple .templates_page .nav-tabs .nav-item.show .nav-link,
.theme_purple .templates_page .nav-tabs .nav-link.active {
    background-color: #800080;
    color: white;
    border-radius: 6px;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.theme_purple .templates_page .nav-tabs .nav-link:hover {
    background-color: #660066;
    color: white;
    border-radius: 6px;
}

.theme_purple .template_main_title {
    border-bottom: 2px solid #800080;
    padding-bottom: 10px;
}

.theme_purple .plus_btn span {
    color: var(--white);
    background-color: #800080;
    font-size: 17px;
    border-radius: 100px;
    height: 25px;
    width: 25px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.3s ease;
}

.theme_purple .setting_tab .form-check-input:checked {
    background-color: #800080;
    border-color: #800080;
    transition: background-color 0.3s ease, border-color 0.3s ease;
}

.theme_purple .login_nav .navbar-nav .nav-item.active {
    font-size: 16px;
    color: #800080;
    transition: color 0.3s ease;
}

.theme_purple .start_now button {
    color: var(--white);
    background-color: #800080;
    padding: 10px 24px;
    font-size: 20px;
    border: none;
    border-radius: 50px;
    max-width: 185px;
    letter-spacing: 0.29px;
    transition: background-color 0.3s ease;
}

.theme_purple .start_now button:hover {
    background-color: #660066;
}

.theme_purple .mail-box-wrapper .card-body label span {
    display: inline-block;
    color: var(--white);
    background-color: #800080;
    padding: 5px 10px;
    border-radius: 0.25rem;
    letter-spacing: 1px;
    margin-left: 5px;
    transition: background-color 0.3s ease;
}

.theme_purple .document_form_wrap .nav-tabs .nav-link.active {
    color: #ffffff;
}

.theme_purple .icon_box {
    background-color: #800080;
    width: 40px;
    height: 40px;
    border-radius: 100px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 25px;
    transition: background-color 0.3s ease;
}

.theme_purple .pagination li.active {
    background-color: #800080;
    border-radius: 4px;
}

.theme_purple .pagination li.active a {
    color: #fff;
}

.theme_purple .pagination li a {
    color: #800080;
    font-size: 14px;
    line-height: Duncan MacDonald <duncan@macdonalds.email> normal;
    transition: color 0.3s ease;
}

.theme_purple .position_card .badge {
    padding: 5px;
    border-radius: 4px;
    background-color: var(--secondary-color-100);
    color: #800080;
    font-size: 10px;
}

.theme_purple #button:hover {
    cursor: pointer;
    background-color: #660066;
    transition: background-color 0.3s ease;
}

.theme_purple .bg-primary,
.theme_purple .btn-primary {
    background-color: #800080 !important;
    border-color: #800080 !important;
    color: white;
    border-radius: 6px;
    transition: background-color 0.3s ease, border-color 0.3s ease;
}

.theme_purple .btn-primary:focus,
.theme_purple .btn-primary:hover {
    background-color: #660066 !important;
    border-color: #660066 !important;
    color: white !important;
}

.theme_purple .dropdown-menu a,
.theme_purple .history-link a,
.theme_purple .text-primary {
    color: #800080 !important;
    transition: color 0.3s ease;
}

.theme_purple .setting_tab .nav-link.active img,
.theme_purple .setting_tab .nav-link:hover img {
    filter: invert(14%) sepia(28%) saturate(3569%) hue-rotate(245deg) brightness(98%) contrast(88%);
    transition: filter 0.3s ease;
}

.theme_purple .sleeve_info .nav-tabs .nav-link.active,
.theme_purple .sleeve_info .nav-tabs .nav-link:hover {
    background-color: #800080;
    color: white;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.theme_purple .bg_head_theme th {
    background-color: #800080;
    color: white;
    padding: 10px;
}

*/
/*--------------------THEME DARK RED-------------------*/
/* 
.dark_red .add_document.bg_head_theme .text_blue,
.dark_red .text_blue {
    color: #6d1212 !important;
    transition: color 0.3s ease;
}

.dark_red .round_blue {
    background-color: #6d1212;
    border-radius: 50%;
    transition: background-color 0.3s ease;
}

.dark_red .history-link span {
    color: #6d1212;
    transition: color 0.3s ease;
}

.dark_red .credit-Envelope span,
.dark_red .credit-sms span,
.dark_red .Credits-Left,
.dark_red .Credits-Used {
    color: #6d1212;
    transition: color 0.3s ease;
}

.dark_red .invoice-number {
    color: #6d1212;
    font-weight: 500;
}

.dark_red .plan_name {
    color: #6d1212;
    font-size: 22px;
    text-align: center;
    margin-bottom: 5px;
}

.dark_red .number-minus-button,
.dark_red .number-plus-button {
    color: #6d1212;
    font-size: 24px;
    border-radius: 4px;
    padding: 8px 5px;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.dark_red .number-minus-button:hover,
.dark_red .number-plus-button:hover {
    background-color: rgba(109, 18, 18, 0.1);
}

.dark_red .preview-modal-header .nav-link.active {
    background: #6d1212;
    color: white;
    border-radius: 6px;
    transition: background-color 0.3s ease;
}

.dark_red .user_login {
    background-color: #6d1212;
    border-radius: 6px;
    transition: background-color 0.3s ease;
}

.dark_red .navbar-toggler-icon {
    color: #6d1212 !important;
    height: auto !important;
    width: auto !important;
    background-image: unset !important;
    transition: color 0.3s ease;
}

.dark_red .Envelope_count_section h2 span {
    color: #6d1212;
    transition: color 0.3s ease;
}

.dark_red .Envelope_count_section .upgrade {
    border: 3px solid #6d1212;
    color: #6d1212;
    background: var(--white);
    padding: 7px 18px;
    border-radius: 50px;
    font-size: 20px;
    letter-spacing: 0.22px;
    transition: border-color 0.3s ease, color 0.3s ease;
}

.dark_red .Envelope_count_section .upgrade:hover {
    border-color: #550e0e;
    color: #550e0e;
}

.dark_red .user_icon {
    background-color: #6d1212;
    border-radius: 50%;
    transition: background-color 0.3s ease;
}

.dark_red .user_profile {
    color: #6d1212;
    transition: color 0.3s ease;
}

.dark_red .sign_out {
    color: #6d1212;
    transition: color 0.3s ease;
}

.dark_red .step_wizard_button .btn_outline {
    color: #6d1212;
    border-color: #6d1212;
    border-radius: 6px;
    transition: color 0.3s ease, border-color 0.3s ease, background-color 0.3s ease;
}

.dark_red .step_wizard_button .btn_outline:hover {
    background-color: rgba(109, 18, 18, 0.1);
}

.dark_red .step_wizard_button .btn-primary,
.dark_red .tab_footer_button .btn-primary {
    background-color: #6d1212 !important;
    border-color: #6d1212 !important;
    color: white;
    border-radius: 6px;
    transition: background-color 0.3s ease, border-color 0.3s ease;
}

.dark_red .step_wizard_button .btn-primary:hover,
.dark_red .tab_footer_button .btn-primary:hover {
    background-color: #550e0e !important;
    border-color: #550e0e !important;
}

.dark_red .accordion_primary_btn .btn {
    background-color: #6d1212 !important;
    border-color: #6d1212 !important;
    color: white;
    border-radius: 6px;
    transition: background-color 0.3s ease, border-color 0.3s ease;
}

.dark_red .accordion_primary_btn .btn:hover {
    background-color: #550e0e !important;
    border-color: #550e0e !important;
}

.dark_red .recipients_data {
    background-color: var(--secondary-color-100);
    border-radius: 6px;
}

.dark_red .nav-tabs {
    border-bottom: none;
}

.dark_red .setting_tab .setting_sidebar .nav-tabs {
    border-bottom: 2px solid transparent;
}

.dark_red .nav-tabs.wrap_left,
.dark_red .nav-tabs.btn_wrap {
    border-bottom: 0;
}

.dark_red .user_sidebar .nav-tabs {
    border-bottom: 0;
}

.dark_red .templates_page .nav-tabs {
    border-bottom: 0;
}

.dark_red .teble_header .nav-tabs .nav-link {
    background-color: white;
    border: 2px solid #6d1212;
    border-radius: 6px;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.dark_red .setting_tab .setting_sidebar .nav-link.active,
.dark_red .setting_tab .setting_sidebar .nav-link:hover {
    color: #6d1212;
    background-color: white;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    transition: background-color 0.3s ease, color 0.3s ease;
}

.dark_red .setting_tab .nav-link.active,
.dark_red .setting_tab .nav-link:hover {
    background-color: #6d1212;
    color: white;
transition: background-color 0.3s ease,
color 0.3s ease;
}

.dark_red .setting_sidebar ul li a:hover,
.dark_red .setting_sidebar ul li a.active {
    color: #6d1212;
    transition: color 0.3s ease;
}

.dark_red .security_steps .security_count {
    background-color: #6d1212;
    border-radius: 50%;
    transition: background-color 0.3s ease;
}

.dark_red .edit_option {
    color: #6d1212 !important;
    transition: color 0.3s ease;
}

.dark_red .Action_perform {
    background-color: #6d1212;
    border-radius: 6px;
    transition: background-color 0.3s ease;
}

.dark_red .table_header_wrap .wrap_left button {
    border: 2px solid #6d1212;
    border-radius: 6px;
    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}

.dark_red .table_header_wrap .wrap_left button.active {
    background-color: #6d1212;
    color: var(--white);
    border: 2px solid #6d1212;
    border-radius: 6px;
}

.dark_red .table_header_wrap .wrap_left button:hover {
    border: 2px solid #550e0e;
    background-color: #550e0e;
    color: white;
}

.dark_red .main_title .functional_icon_ellipsis {
    background-color: #6d1212;
    border-radius: 50%;
    transition: background-color 0.3s ease;
}

.dark_red .template_Envelope_name:after {
    color: #6d1212;
    transition: color 0.3s ease;
}

.dark_red .templates_page .nav-tabs .nav-item.show .nav-link,
.dark_red .templates_page .nav-tabs .nav-link.active {
    background-color: #6d1212;
    color: white;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.dark_red .templates_page .nav-tabs .nav-link:hover {
    background-color: #550e0e;
    color: white;
    border-radius: 6px;
}

.dark_red .template_main_title {
    border-bottom: 2px solid #6d1212;
    padding-bottom: 10px;
}

.dark_red .plus_btn span {
    color: var(--white);
    background-color: #6d1212;
    font-size: 17px;
    border-radius: 100px;
    height: 25px;
    width: 25px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.3s ease;
}

.dark_red .setting_tab .form-check-input:checked {
    background-color: #6d1212;
    border-color: #6d1212;
    transition: background-color 0.3s ease, border-color 0.3s ease;
}

.dark_red .login_nav .navbar-nav .nav-item.active {
    font-size: 16px;
    color: #6d1212;
    transition: color 0.3s ease;
}

.dark_red .upgrade {
    width: fit-content;
    border: 3px solid #6d1212;
    color: #6d1212;
    background: var(--white);
    padding: 7px 18px;
    border-radius: 50px;
    font-size: 20px;
    letter-spacing: 0.22px;
    transition: border-color 0.3s ease, color 0.3s ease;
}

.dark_red .upgrade:hover {
    border: 3px solid #550e0e;
    color: #550e0e;
}

.dark_red .start_now button {
    color: var(--white);
    background-color: #6d1212;
    padding: 10px 24px;
    font-size: 20px;
    border: none;
    border-radius: 50px;
    max-width: 185px;
    letter-spacing: 0.29px;
    transition: background-color 0.3s ease;
}

.dark_red .start_now button:hover {
    background-color: #550e0e;
}

.dark_red .mail-box-wrapper .card-body label span {
    display: inline-block;
    color: var(--white);
    background-color: #6d1212;
    padding: 5px 10px;
    border-radius: 0.25rem;
    letter-spacing: 1px;
    margin-left: 5px;
    transition: background-color 0.3s ease;
}

.dark_red .document_form_wrap .nav-tabs .nav-link.active {
    color: #ffffff;
}

.dark_red .icon_box {
    background-color: #6d1212;
    width: 40px;
    height: 40px;
    border-radius: 100px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 25px;
    transition: background-color 0.3s ease;
}

.dark_red .pagination li.active {
    background-color: #6d1212;
    border-radius: 4px;
}

.dark_red .pagination li.active a {
    color: #fff;
}

.dark_red .pagination li a {
    color: #6d1212;
    font-size: 14px;
    line-height: normal;
    transition: color 0.3s ease;
}

.dark_red .position_card .badge {
    padding: 5px;
    border-radius: 4px;
    background-color: var(--secondary-color-100);
    color: #6d1212;
    font-size: 10px;
}

.dark_red #button:hover {
    cursor: pointer;
    background-color: #550e0e;
    transition: background-color 0.3s ease;
}

.dark_red .bg-primary,
.dark_red .btn-primary {
    background-color: #6d1212 !important;
    border-color: #6d1212 !important;
    color: white;
    border-radius: 6px;
    transition: background-color 0.3s ease, border-color 0.3s ease;
}

.dark_red .btn-primary:focus,
.dark_red .btn-primary:hover {
    background-color: #550e0e !important;
    border-color: #550e0e !important;
    color: white;
}

.dark_red .dropdown-menu a,
.dark_red .history-link a,
.dark_red .text-primary {
    color: #6d1212 !important;
    transition: color 0.3s ease;
}

.dark_red .setting_tab .nav-link.active img,
.dark_red .setting_tab .nav-link:hover img {
    filter: invert(5%) sepia(98%) saturate(7397%) hue-rotate(6deg) brightness(77%) contrast(86%);
    transition: filter 0.3s ease;
}

.dark_red .sleeve_info .nav-tabs .nav-link.active,
.dark_red .sleeve_info .nav-tabs .nav-link:hover {
    background-color: #6d1212;
    color: white;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.dark_red .bg_head_theme th {
    background-color: #6d1212;
    color: white;
    padding: 10px;
}

*/
/*--------------------THEME PINK-------------------*/
/* 
.dark_pink .add_document.bg_head_theme .text_blue,
.dark_pink .text_blue {
    color: #e75480 !important;
    transition: color 0.3s ease;
}

.dark_pink .round_blue {
    background-color: #e75480;
    border-radius: 50%;
    transition: background-color 0.3s ease;
}

.dark_pink .history-link span {
    color: #e75480;
    transition: color 0.3s ease;
}

.dark_pink .credit-Envelope span,
.dark_pink .credit-sms span,
.dark_pink .Credits-Left,
.dark_pink .Credits-Used {
    color: #e75480;
    transition: color 0.3s ease;
}

.dark_pink .invoice-number {
    color: #e75480;
    font-weight: 500;
}

.dark_pink .plan_name {
    color: #e75480;
    font-size: 22px;
    text-align: center;
    margin-bottom: 5px;
}

.dark_pink .number-minus-button,
.dark_pink .number-plus-button {
    color: #e75480;
    font-size: 24px;
    border-radius: 4px;
    padding: 8px 5px;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.dark_pink .number-minus-button:hover,
.dark_pink .number-plus-button:hover {
    background-color: rgba(231, 84, 128, 0.1);
}

.dark_pink .preview-modal-header .nav-link.active {
    background: #e75480;
    color: white;
    border-radius: 6px;
    transition: background-color 0.3s ease;
}

.dark_pink .user_login {
    background-color: #e75480;
    border-radius: 6px;
    transition: background-color 0.3s ease;
}

.dark_pink .navbar-toggler-icon {
    color: #e75480 !important;
    height: auto !important;
    width: auto !important;
    background-image: unset !important;
    transition: color 0.3s ease;
}

.dark_pink .Envelope_count_section h2 span {
    color: #e75480;
    transition: color 0.3s ease;
}

.dark_pink .Envelope_count_section .upgrade {
    border: 3px solid #e75480;
    color: #e75480;
    background: var(--white);
    padding: 7px 18px;
    border-radius: 50px;
    font-size: 20px;
    letter-spacing: 0.22px;
    transition: border-color 0.3s ease, color 0.3s ease;
}

.dark_pink .Envelope_count_section .upgrade:hover {
    border-color: #d43d6a;
    color: #d43d6a;
}

.dark_pink .user_icon {
    background-color: #e75480;
    border-radius: 50%;
    transition: background-color 0.3s ease;
}

.dark_pink .user_profile {
    color: #e75480;
    transition: color 0.3s ease;
}

.dark_pink .sign_out {
    color: #e75480;
    transition: color 0.3s ease;
}

.dark_pink .step_wizard_button .btn_outline {
    color: #e75480;
    border-color: #e75480;
    border-radius: 6px;
    transition: color 0.3s ease, border-color 0.3s ease, background-color 0.3s ease;
}

.dark_pink .step_wizard_button .btn_outline:hover {
    background-color: rgba(231, 84, 128, 0.1);
}

.dark_pink .step_wizard_button .btn-primary,
.dark_pink .tab_footer_button .btn-primary {
    background-color: #e75480 !important;
    border-color: #e75480 !important;
    color: white;
    border-radius: 6px;
    transition: background-color 0.3s ease, border-color 0.3s ease;
}

.dark_pink .step_wizard_button .btn-primary:hover,
.dark_pink .tab_footer_button .btn-primary:hover {
    background-color: #d43d6a !important;
    border-color: #d43d6a !important;
}

.dark_pink .accordion_primary_btn .btn {
    background-color: #e75480 !important;
    border-color: #e75480 !important;
    color: white;
    border-radius: 6px;
    transition: background-color 0.3s ease, border-color 0.3s ease;
}

.dark_pink .accordion_primary_btn .btn:hover {
    background-color: #d43d6a !important;
    border-color: #d43d6a !important;
}

.dark_pink .recipients_data {
    background-color: var(--secondary-color-100);
    border-radius: 6px;
}

.dark_pink .nav-tabs {
    border-bottom: none;
}

.dark_pink .setting_tab .setting_sidebar .nav-tabs {
    border-bottom: 2px solid transparent;
}

.dark_pink .nav-tabs.wrap_left,
.dark_pink .nav-tabs.btn_wrap {
    border-bottom: 0;
}

.dark_pink .user_sidebar .nav-tabs {
    border-bottom: 0;
}

.dark_pink .templates_page .nav-tabs {
    border-bottom: 0;
}

.dark_pink .teble_header .nav-tabs .nav-link {
    background-color: white;
    border: 2px solid #e75480;
    border-radius: 6px;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.dark_pink .setting_tab .setting_sidebar .nav-link.active,
.dark_pink .setting_tab .setting_sidebar .nav-link:hover {
    color: #e75480;
    background-color: white;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    transition: background-color 0.3s ease, color 0.3s ease;
}

.dark_pink .setting_tab .nav-link.active,
.dark_pink .setting_tab .nav-link:hover {
    background-color: #e75480;
    color: white;
transition: background-color 0.3s ease,
color 0.3s ease;
}

.dark_pink .setting_sidebar ul li a:hover,
.dark_pink .setting_sidebar ul li a.active {
    color: #e75480;
    transition: color 0.3s ease;
}

.dark_pink .security_steps .security_count {
    background-color: #e75480;
    border-radius: 50%;
    transition: background-color 0.3s ease;
}

.dark_pink .edit_option {
    color: #e75480 !important;
    transition: color 0.3s ease;
}

.dark_pink .Action_perform {
    background-color: #e75480;
    border-radius: 6px;
    transition: background-color 0.3s ease;
}

.dark_pink .table_header_wrap .wrap_left button {
    border: 2px solid #e75480;
    border-radius: 6px;
    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}

.dark_pink .table_header_wrap .wrap_left button.active {
    background-color: #e75480;
    color: var(--white);
    border: 2px solid #e75480;
    border-radius: 6px;
}

.dark_pink .table_header_wrap .wrap_left button:hover {
    border: 2px solid #d43d6a;
    background-color: #d43d6a;
    color: white;
}

.dark_pink .main_title .functional_icon_ellipsis {
    background-color: #e75480;
    border-radius: 50%;
    transition: background-color 0.3s ease;
}

.dark_pink .template_Envelope_name:after {
    color: #e75480;
    transition: color 0.3s ease;
}

.dark_pink .templates_page .nav-tabs .nav-item.show .nav-link,
.dark_pink .templates_page .nav-tabs .nav-link.active {
    background-color: #e75480;
    color: white;
    border-radius: 6px;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.dark_pink .templates_page .nav-tabs .nav-link:hover {
    background-color: #d43d6a;
    color: white;
    border-radius: 6px;
}

.dark_pink .template_main_title {
    border-bottom: 2px solid #e75480;
    padding-bottom: 10px;
}

.dark_pink .plus_btn span {
    color: var(--white);
    background-color: #e75480;
    font-size: 17px;
    border-radius: 100px;
    height: 25px;
    width: 25px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.3s ease;
}

.dark_pink .setting_tab .form-check-input:checked {
    background-color: #e75480;
    border-color: #e75480;
    transition: background-color 0.3s ease, border-color 0.3s ease;
}

.dark_pink .login_nav .navbar-nav .nav-item.active {
    font-size: 16px;
    color: #e75480;
    transition: color 0.3s ease;
}

.dark_pink .upgrade {
    border: 3px solid #e75480;
    color: #e75480;
    background: var(--white);
    padding: 7px 18px;
    border-radius: 50px;
    font-size: 20px;
    letter-spacing: 0.22px;
    transition: border-color 0.3s ease, color 0.3s ease;
}

.dark_pink .upgrade:hover {
    border-color: #d43d6a;
    color: #d43d6a;
}

.dark_pink .start_now button {
    color: var(--white);
    background-color: #e75480;
    padding: 10px 24px;
    font-size: 20px;
    border: none;
    border-radius: 50px;
    max-width: 185px;
    letter-spacing: 0.29px;
    transition: background-color 0.3s ease;
}

.dark_pink .start_now button:hover {
    background-color: #d43d6a;
}

.dark_pink .mail-box-wrapper .card-body label span {
    display: inline-block;
    color: var(--white);
    background-color: #e75480;
    padding: 5px 10px;
    border-radius: 0.25rem;
    letter-spacing: 1px;
    margin-left: 5px;
    transition: background-color 0.3s ease;
}

.dark_pink .document_form_wrap .nav-tabs .nav-link.active {
    color: #ffffff;
}

.dark_pink .icon_box {
    background-color: #e75480;
    width: 40px;
    height: 40px;
    border-radius: 100px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 25px;
    transition: background-color 0.3s ease;
}

.dark_pink .pagination li.active {
    background-color: #e75480;
    border-radius: 4px;
}

.dark_pink .pagination li.active a {
    color: #fff;
}

.dark_pink .pagination li a {
    color: #e75480;
    font-size: 14px;
    line-height: normal;
    transition: color 0.3s ease;
}

.dark_pink .position_card .badge {
    padding: 5px;
    border-radius: 4px;
    background-color: var(--secondary-color-100);
    color: #e75480;
    font-size: 10px;
}

.dark_pink #button:hover {
    cursor: pointer;
    background-color: #d43d6a;
    transition: background-color 0.3s ease;
}

.dark_pink .bg-primary,
.dark_pink .btn-primary {
    background-color: #e75480 !important;
    border-color: #e75480 !important;
    color: white;
    border-radius: 6px;
    transition: background-color 0.3s ease, border-color 0.3s ease;
}

.dark_pink .btn-primary:focus,
.dark_pink .btn-primary:hover {
    background-color: #d43d6a !important;
    border-color: #d43d6a !important;
    color: white;
}

.dark_pink .dropdown-menu a,
.dark_pink .history-link a,
.dark_pink .text-primary {
    color: #e75480 !important;
    transition: color 0.3s ease;
}

.dark_pink .setting_tab .nav-link.active img,
.dark_pink .setting_tab .nav-link:hover img {
    filter: invert(10%) sepia(55%) saturate(3051%) hue-rotate(312deg) brightness(110%) contrast(103%);
    transition: filter 0.3s ease;
}

.dark_pink .sleeve_info .nav-tabs .nav-link.active,
.dark_pink .sleeve_info .nav-tabs .nav-link:hover {
    background-color: #e75480;
    color: white;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.dark_pink .bg_head_theme th {
    background-color: #e75480;
    color: white;
    padding: 10px;
}

*/
/*--------------------THEME BLUE-------------------*/
/* 
.dark_blue .add_document.bg_head_theme .text_blue,
.dark_blue .text_blue {
    color: #393f7b !important;
    transition: color 0.3s ease;
}

.dark_blue .round_blue {
    background-color: #393f7b;
    border-radius: 50%;
    transition: background-color 0.3s ease;
}

.dark_blue .history-link span {
    color: #393f7b;
    transition: color 0.3s ease;
}

.dark_blue .credit-Envelope span,
.dark_blue .credit-sms span,
.dark_blue .Credits-Left,
.dark_blue .Credits-Used {
    color: #393f7b;
    transition: color 0.3s ease;
}

.dark_blue .invoice-number {
    color: #393f7b;
    font-weight: 500;
}

.dark_blue .plan_name {
    color: #393f7b;
    font-size: 22px;
    text-align: center;
    margin-bottom: 5px;
}

.dark_blue .number-minus-button,
.dark_blue .number-plus-button {
    color: #393f7b;
    font-size: 24px;
    border-radius: 4px;
    padding: 8px 5px;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.dark_blue .number-minus-button:hover,
.dark_blue .number-plus-button:hover {
    background-color: rgba(0, 0, 255, 0.1);
}

.dark_blue .preview-modal-header .nav-link.active {
    background: #393f7b;
    color: white;
    border-radius: 6px;
    transition: background-color 0.3s ease;
}

.dark_blue .user_login {
    background-color: #393f7b;
    border-radius: 6px;
    transition: background-color 0.3s ease;
}

.dark_blue .navbar-toggler-icon {
    color: #393f7b !important;
    height: auto !important;
    width: auto !important;
    background-image: unset !important;
    transition: color 0.3s ease;
}

.dark_blue .Envelope_count_section h2 span {
    color: #393f7b;
    transition: color 0.3s ease;
}

.dark_blue .Envelope_count_section .upgrade {
    border: 3px solid #393f7b;
    color: #393f7b;
    background: var(--white);
    padding: 7px 18px;
    border-radius: 50px;
    font-size: 20px;
    letter-spacing: 0.22px;
    transition: border-color 0.3s ease, color 0.3s ease;
}

.dark_blue .Envelope_count_section .upgrade:hover {
    border-color: #393f7b;
    color: #393f7b;
}

.dark_blue .user_icon {
    background-color: #393f7b;
    border-radius: 50%;
    transition: background-color 0.3s ease;
}

.dark_blue .user_profile {
    color: #393f7b;
    transition: color 0.3s ease;
}

.dark_blue .sign_out {
    color: #393f7b;
    transition: color 0.3s ease;
}

.dark_blue .step_wizard_button .btn_outline {
    color: #393f7b;
    border-color: #393f7b;
    border-radius: 6px;
    transition: color 0.3s ease, border-color 0.3s ease, background-color 0.3s ease;
}

.dark_blue .step_wizard_button .btn_outline:hover {
    background-color: rgba(0, 0, 255, 0.1);
}

.dark_blue .step_wizard_button .btn-primary,
.dark_blue .tab_footer_button .btn-primary {
    background-color: #393f7b !important;
    border-color: #393f7b !important;
    color: white;
    border-radius: 6px;
    transition: background-color 0.3s ease, border-color 0.3s ease;
}

.dark_blue .step_wizard_button .btn-primary:hover,
.dark_blue .tab_footer_button .btn-primary:hover {
    background-color: #393f7b !important;
    border-color: #393f7b !important;
}

.dark_blue .accordion_primary_btn .btn {
    background-color: #393f7b !important;
    border-color: #393f7b !important;
    color: white;
    border-radius: 6px;
    transition: background-color 0.3s ease, border-color 0.3s ease;
}

.dark_blue .accordion_primary_btn .btn:hover {
    background-color: #393f7b !important;
    border-color: #393f7b !important;
}

.dark_blue .recipients_data {
    background-color: var(--secondary-color-100);
    border-radius: 6px;
}

.dark_blue .nav-tabs {
    border-bottom: none;
}

.dark_blue .setting_tab .setting_sidebar .nav-tabs {
    border-bottom: 2px solid transparent;
}

.dark_blue .nav-tabs.wrap_left,
.dark_blue .nav-tabs.btn_wrap {
    border-bottom: 0;
}

.dark_blue .user_sidebar .nav-tabs {
    border-bottom: 0;
}

.dark_blue .templates_page .nav-tabs {
    border-bottom: 0;
}

.dark_blue .teble_header .nav-tabs .nav-link {
    background-color: white;
    border: 2px solid #393f7b;
    border-radius: 6px;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.dark_blue .setting_tab .setting_sidebar .nav-link.active,
.dark_blue .setting_tab .setting_sidebar .nav-link:hover {
    color: #393f7b;
    background-color: white;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    transition: background-color 0.3s ease, color 0.3s ease;
}

.dark_blue .setting_tab .nav-link.active,
.dark_blue .setting_tab .nav-link:hover {
    background-color: #393f7b;
    color: white;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.dark_blue .setting_sidebar ul li a:hover,
.dark_blue .setting_sidebar ul li a.active {
    color: #393f7b;
    transition: color 0.3s ease;
}

.dark_blue .security_steps .security_count {
    background-color: #393f7b;
    border-radius: 50%;
    transition: background-color 0.3s ease;
}

.dark_blue .edit_option {
    color: #393f7b !important;
    transition: color 0.3s ease;
}

.dark_blue .Action_perform {
    background-color: #393f7b;
    border-radius: 6px;
    transition: background-color 0.3s ease;
}

.dark_blue .table_header_wrap .wrap_left button {
    border: 2px solid #393f7b;
    border-radius: 6px;
    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}

.dark_blue .table_header_wrap .wrap_left button.active {
    background-color: #393f7b;
    color: var(--white);
    border: 2px solid #393f7b;
    border-radius: 6px;
}

.dark_blue .table_header_wrap .wrap_left button:hover {
    border: 2px solid #393f7b;
    background-color: #393f7b;
    color: white;
}

.dark_blue .main_title .functional_icon_ellipsis {
    background-color: #393f7b;
    border-radius: 50%;
    transition: background-color 0.3s ease;
}

.dark_blue .template_Envelope_name:after {
    color: #393f7b;
    transition: color 0.3s ease;
}

.dark_blue .templates_page .nav-tabs .nav-item.show .nav-link,
.dark_blue .templates_page .nav-tabs .nav-link.active {
    background-color: #393f7b;
    color: white;
    border-radius: 6px;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.dark_blue .templates_page .nav-tabs .nav-link:hover {
    background-color: #393f7b;
    color: white;
    border-radius: 6px;
}

.dark_blue .template_main_title {
    border-bottom: 2px solid #393f7b;
    padding-bottom: 10px;
}

.dark_blue .plus_btn span {
    color: var(--white);
    background-color: #393f7b;
    font-size: 17px;
    border-radius: 100px;
    height: 25px;
    width: 25px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.3s ease;
}

.dark_blue .setting_tab .form-check-input:checked {
    background-color: #393f7b;
    border-color: #393f7b;
    transition: background-color 0.3s ease, border-color 0.3s ease;
}

.dark_blue .login_nav .navbar-nav .nav-item.active {
    font-size: 16px;
    color: #393f7b;
    transition: color 0.3s ease;
}

.dark_blue .upgrade {
    border: 3px solid #393f7b;
    color: #393f7b;
    background: var(--white);
    padding: 7px 18px;
    border-radius: 50px;
    font-size: 20px;
    letter-spacing: 0.22px;
    transition: border-color 0.3s ease, color 0.3s ease;
}

.dark_blue .upgrade:hover {
    border-color: #393f7b;
    color: #393f7b;
}

.dark_blue .start_now button {
    color: var(--white);
    background-color: #393f7b;
    padding: 10px 24px;
    font-size: 20px;
    border: none;
    border-radius: 50px;
    max-width: 185px;
    letter-spacing: 0.29px;
    transition: background-color 0.3s ease;
}

.dark_blue .start_now button:hover {
    background-color: #393f7b;
}

.dark_blue .mail-box-wrapper .card-body label span {
    display: inline-block;
    color: var(--white);
    background-color: #393f7b;
    padding: 5px 10px;
    border-radius: 0.25rem;
    letter-spacing: 1px;
    margin-left: 5px;
    transition: background-color 0.3s ease;
}

.dark_blue .document_form_wrap .nav-tabs .nav-link.active {
    color: #ffffff;
}

.dark_blue .icon_box {
    background-color: #393f7b;
    width: 40px;
    height: 40px;
    border-radius: 100px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 25px;
    transition: background-color 0.3s ease;
}

.dark_blue .pagination li.active {
    background-color: #393f7b;
    border-radius: 4px;
}

.dark_blue .pagination li.active a {
    color: #fff;
}

.dark_blue .pagination li a {
    color: #393f7b;
    font-size: 14px;
    line-height: normal;
    transition: color 0.3s ease;
}

.dark_blue .position_card .badge {
    padding: 5px;
    border-radius: 4px;
    background-color: var(--secondary-color-100);
    color: #393f7b;
    font-size: 10px;
}

.dark_blue #button:hover {
    cursor: pointer;
    background-color: #393f7b;
    transition: background-color 0.3s ease;
}

.dark_blue .bg-primary,
.dark_blue .btn-primary {
    background-color: #393f7b !important;
    border-color: #393f7b !important;
    color: white;
    border-radius: 6px;
    transition: background-color 0.3s ease, border-color 0.3s ease;
}

.dark_blue .btn-primary:focus,
.dark_blue .btn-primary:hover {
    background-color: #393f7b !important;
    border-color: #393f7b !important;
    color: white;
}

.dark_blue .dropdown-menu a,
.dark_blue .history-link a,
.dark_blue .text-primary {
    color: #393f7b !important;
    transition: color 0.3s ease;
}

.dark_blue .setting_tab .nav-link.active img,
.dark_blue .setting_tab .nav-link:hover img {
    filter: invert(10%) sepia(55%) saturate(3051%) hue-rotate(312deg) brightness(110%) contrast(103%);
    transition: filter 0.3s ease;
}

.dark_blue .sleeve_info .nav-tabs .nav-link.active,
.dark_blue .sleeve_info .nav-tabs .nav-link:hover {
    background-color: #393f7b;
    color: white;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.dark_blue .bg_head_theme th {
    background-color: #393f7b;
    color: white;
    padding: 10px;
} */