:root {
    --bs-border-color: rgba(255, 255, 255, .1);

    --bs-footer-height: 25px;
}
.modal-content,
body {
    color: rgba(var(--white-color, 255, 255, 255), .65);
    font-weight: 400;
}

.auth_wrapper {
    position: relative;
    z-index: 2;
}
.auth_body {
    background: linear-gradient(135deg, #0f1556 0%, #1a1f6e 40%, #0d1240 100%);
}
.auth_background {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    inset: 0;
    background-image: linear-gradient(rgba(255, 255, 255, .03) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .03) 1px, transparent 1px);
    background-size: 50px 50px;
}
.auth_background .orb {
    position: absolute;
    border-radius: 50%;
    filter: blur(80px);
    opacity: .22;
    animation: orbF 8s ease-in-out infinite;
    z-index: 1;
}
.auth_background .orb1 {
    width: 500px;
    height: 500px;
    background: rgba(var(--primary-color, 44, 83, 253), 1);
    top: -120px;
    right: -80px;
}
.auth_background .orb2 {
    width: 350px;
    height: 350px;
    background: rgba(var(--tertiary-color, 90, 252, 128), 1);
    bottom: -80px;
    left: -60px;
    animation-delay: 2s;
}
.auth_background .orb3 {
    width: 220px;
    height: 220px;
    background: #8b5cf6;
    top: 45%;
    left: 35%;
    animation-delay: 4s;
}

.auth_footer {
    padding: 0 10px 10px;
}
.auth_footer p {
    color: rgba(var(--white-color, 255, 255, 255), .65);
}
.auth_footer p a {
    color: rgba(var(--white-color, 255, 255, 255), 1);
    text-decoration: none;
}

.auth_container .ac_column {
    /* min-height: calc(100vh - 48px); */
    min-height: calc(100vh - 143px);
    /* background-image: url('../images/auth/side-bg.png');
    background-size: cover;
    background-position: left center;
    background-repeat: no-repeat;
    border-radius: 1.5rem;
    border: 1px solid rgba(var(--border-color, 229, 229, 229), 1); */
}
html[data-bs-theme=dark] {
    .auth_container .ac_column {
        border: 1px solid rgba(var(--border-color, 64, 64, 64), 1);
    }
}
.auth_container .ac_logo {
    max-width: 250px;
    max-height: 75px;
    object-fit: contain;
}

/* elements */

/* ------ Lavout ------ */
.auth_body .auth_container {
    padding: 1.5rem 5% !important;
}
/* ------ Lavout ------ */


/* ------ Auth Box ------ */
.auth_box {
    background: rgba(255, 255, 255, .05);
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 18px;
    backdrop-filter: blur(16px);
}
.feature_box {
    padding: 12px 10px;
    background: rgba(255, 255, 255, .04);
    border: 1px solid rgba(255, 255, 255, .07);
    border-radius: 9px;
}
.feature_box:hover {
    background: rgba(255,255,255,.07);
}
.feature_box .icons {
    background: rgba(43,53,216,.28);
    font-size: 17px;
    width: 38px;
    height: 38px;
    border-radius: 9px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.features_list_auth .feature_box .icons {
    font-size: 20px;
    width: 20px;
    height: 20px;
    background: #0000;
}
.features_list_auth .feature_box .fla_title {
    font-size: 11px;
}
.features_list_auth .feature_box .fla_dec {
    font-size: 10px;
}
/* ------ Auth Box ------ */

/* ------ typography ------ */
.heading {
    color: rgba(var(--white-color, 255, 255, 255), 1);
    line-height: 1.2;
}
.heading span {
    color: rgba(var(--tertiary-color, 90, 252, 128), 1);
}
.top_title {
    color: rgba(var(--tertiary-color, 90, 252, 128), 1);
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.note {
    color: rgba(var(--white-color, 255, 255, 255), 1);
}

.link {
    color: rgba(var(--tertiary-color, 90, 252, 128), 1);
}

.sub_title {
    color: rgba(var(--white-color, 255, 255, 255), 1);
}
/* ------ typography ------ */

/* ------ Tabs ------ */

.horizontal_tabs_left .nav-tabs {
    display: flex;
    background: rgba(var(--white-color, 255, 255, 255), .06);
    border: 1px solid rgba(var(--white-color, 255, 255, 255), .08);
    border-radius: 10px;
    padding: 4px;
    gap: 2px;
    
    flex-direction: row;
    flex-wrap: nowrap;
}
.horizontal_tabs_left .nav-tabs li {
    width: 100%;
}
.horizontal_tabs_left .nav-tabs .nav-link i,
.horizontal_tabs_left .nav-tabs .nav-link {
    border-radius: 10px;
    justify-content: center;
    background: transparent;
    color: rgba(var(--white-color, 255, 255, 255), .65);
}
.horizontal_tabs_left .nav-tabs .nav-link:hover i,
.horizontal_tabs_left .nav-tabs .nav-link:hover {
    color: rgba(var(--white-color, 255, 255, 255), 1);
}

/* options 2 */
.horizontal_tabs_options .hto_two {
    background: transparent;
    border-radius: 0;
    border: none;
    gap: 0;
    border-bottom: 1px solid rgba(255, 255, 255, .07);
}
.horizontal_tabs_options .hto_two .nav-link {
    border-radius: 0;
    border-bottom: 2px solid transparent;
}
.horizontal_tabs_options .hto_two .nav-link.active {
    background: rgba(255, 255, 255, .07);
    color: #fff;
    border-bottom: 2px solid rgba(var(--primary-color, 44, 83, 253), 1);
}

.horizontal_tabs_options .hto_two li:not(:last-child) {
    border-right: 1px solid rgba(255, 255, 255, .07);
}
/* ------ Tabs ------ */

/* ------ Label ------ */
.form-check-label, .form-label {
    color: rgba(var(--white-color, 255, 255, 255), .65);
}
/* ------ Label ------ */

/* ------ Fields ------ */
.form-control {
    background-color: rgba(255, 255, 255, .07) !important;
    border-color: rgba(255, 255, 255, .1);
    color: rgba(var(--white-color, 255, 255, 255), 1) !important;
    
    border-width: 1px;
    border-style: solid;
    
    height: 48px;
    
    border-radius: 10px !important;
    
    font-size: 14px;
    font-weight: 600;
    box-shadow: none !important;
}
.form-control:focus {
    background-color: rgba(255, 255, 255, .07) !important;
    border-color: rgba(255, 255, 255, .1);
}
.form-control.error {
    background: rgba(var(--white-color, 255, 255, 255), .07);
    -webkit-box-shadow: 0 0 0px 1000px rgba(var(--white-color, 255, 255, 255), .07) inset !important;
    box-shadow: 0 0 0px 1000px rgba(var(--white-color, 255, 255, 255), .07) inset !important;
    -webkit-text-fill-color: rgba(var(--white-color, 255, 255, 255), 1) !important;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.input-group.error .form-control,
.input-group .form-control {
    background-color: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
}
.input-group.error {
    background: rgba(var(--white-color, 255, 255, 255), .07);
}
.input-group {
    background: rgba(255, 255, 255, .07);
    border-color: rgba(255, 255, 255, .1);
    
    border-width: 1px;
    border-style: solid;
    
    height: 48px;
    
    border-radius: 10px !important;
    
    font-size: 14px;
    font-weight: 600;
    padding: 0;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
}
.input-group .selecttwo + .select2 {
    max-width: max-content;
}
.input-group .selecttwo + .select2 .select2-selection {
    background-color: transparent !important;
}
.input-group .form-control {
    background-color: transparent !important;
    box-shadow: none !important;
}
.input-group .input_group_text {
    color: rgba(var(--white-color, 255, 255, 255), .65);
}
.form-control::placeholder {
  color: rgba(var(--white-color, 255, 255, 255), .25);
  opacity: 1;
}

.error_msg {
    color: rgba(var(--fieldrequiredstars-color, 255, 106, 85), 1) !important;
}

button:disabled { 
    opacity: 1 !important;
    cursor: default;
}

.input-group .btn {
    height: 48px;
}

.form-control-search {
    background-image: url('../images/search_icon.png');
    background-size: 14px;
    background-position: center left 10px;
    background-repeat: no-repeat;

    height: 35px;
    font-weight: 400;
    width: 100%;
    padding: 8px 12px 8px 34px;
    background-color: rgba(255,255,255,.06);
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 7px;
    color: #fff;
    outline: none;
    transition: border-color .2s;
}

.form-control-imgupload .fci_imgupload label {
    background-image: url("../icons/w-upload.png");
}

.form-control-imgupload .fci_imgupload button i {
    color: rgba(var(--black-color, 0, 0, 0), 1);
}

.field_box_background {
    background-color: rgba(255, 255, 255, .07) !important
}

.form-note {
    color: rgba(var(--white-color, 255, 255, 255), .65);
}
/* ------ Fields ------ */

/* ------ Select2 ------ */
/* .wrapper .topbar .selecttwo + .select2 .select2-selection {
    border-radius: 1.25rem !important;
    height: 30px;
} */

.wrapper .topbar .selecttwo + .select2 .select2-selection {
    border-radius: 1.25rem !important;
    /* height: 30px; */
}

.selecttwo + .select2 .select2-selection {
    font-size: 12px;
    color: rgba(var(--bodyfont-color, 115, 115, 115), .8) !important;
    background-color: rgba(var(--formfield-bgcolor, 251, 251, 251), .08) !important;
    border-color: rgba(var(--formfield-bordercolor, 245, 245, 245), .12) !important;
    border-radius: 10px !important;
    height: 48px;
    display: flex !important;
    align-items: center;
    padding: 6px 12px !important;
    gap: 4px;
}
html[dir=rtl] {
    .selecttwo + .select2 .select2-selection {
        /* padding: .375rem .75rem .375rem 32px !important; */
        padding: 6px 12px !important;
    }
    .selecttwo + .select2 .select2-selection .select2-selection__rendered {
        padding: 0;
    }
}
.selecttwo + .select2 .select2-selection .select2-selection__rendered {
    /* font-size: 14px;
    line-height: 1; */
    color: rgba(var(--white-color, 255, 255, 255), .8) !important;
    /* font-weight: 600;
    padding: 0;
    width: 100% !important; */
    /* max-width: 150px; */
}
.selecttwo + .select2 .select2-selection .select2-selection__arrow {
    position: relative;
    right: 0;
    display: flex;
    
    border: none !important;
    --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    padding: 0;
    width: 16px !important;
    height: 12px !important;
    background-image: var(--bs-form-select-bg-img),var(--bs-form-select-bg-icon,none);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px 12px;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    top: 0 !important;
    margin: 0 !important;
}
html[dir=rtl] {
    .selecttwo + .select2 .select2-selection .select2-selection__arrow {
        right: 0;
        left: auto;
    }
}

.select2-dropdown .select2-results li {
    color: rgba(var(--bodyfont-color, 115, 115, 115), 1);
}
.select2-dropdown .select2-search--dropdown .select2-search__field {
    min-width: 200px;
}
/* ------ Select2 ------ */

/* ------ Container ------ */
.wrapper .page-content {
    background: transparent;
}
/* .wrapper .page-content .container-fluid {
    padding: 24px;
} */
.wrapper .footer {
    position: absolute;
    padding: 0 10px 10px;
    justify-content: center;
}
.auth_footer p,
.wrapper .footer p {
    font-size: 12px;
    line-height: 15px;
}
/* ------ Container ------ */

/* ------ Setup page  ------ */
.wrapper .topbar .right_widget .user_profile {
    height: unset;
    padding: 4px 5px;

    background-color: rgba(var(--formfield-bgcolor, 251, 251, 251), .08) !important;
    border-color: rgba(var(--formfield-bordercolor, 245, 245, 245), .12) !important;
    min-width: 230px !important;
}

.wrapper .topbar .right_widget .user_profile img {
    max-width: 26px;
}
/* .wrapper .topbar .right_widget .user_profile .user_info h6 {
    font-size: 12px;
    line-height: 1.2;
} */
.wrapper .topbar .right_widget .user_profile .user_info p {
    font-size: 10px;
    line-height: 1.2;
}
/* ------ Setup page  ------ */

/* ------ Buttons  ------ */
.btn {
    font-size: 14px;
    font-weight: 700;
    line-height: 22px;
    letter-spacing: 0.5px;
    height: auto;
    padding: 9px 12px;
    min-width: 48px;
    /* border-radius: 100px; */
    border-radius: 12px;
    text-transform: capitalize;
}

.btn.btn-primary {
    background: rgba(var(--primary-button, 78, 202, 194), 1);
    color: rgba(var(--primary-button-text, 255, 255, 255), 1);
    border-color: rgba(var(--primary-button-border, 78, 202, 194), 1);
}
.btn.btn-primary:focus-visible,
.btn.btn-primary:active,
.btn.btn-primary:hover {
    background: #FFF;
    color: rgba(var(--primary-button, 78, 202, 194), 1);
    border-color: #FFF;
}

.btn.btn-outline-primary {
    background: rgba(255,255,255,.06);
    color: rgba(255,255,255,.8);
    border-color: rgba(255,255,255,.14);
}
.btn.btn-outline-primary:focus-visible,
.btn.btn-outline-primary:active,
.btn.btn-outline-primary:hover {
    background: rgba(255,255,255,.10);
    color: rgba(255,255,255, 1);
    border-color: rgba(255,255,255,.14);
}
/* ------ Buttons  ------ */

/* ------ Card  ------ */
.ws-card {
    background: rgba(255, 255, 255, .05);
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 11px 11px;
    overflow: hidden;
}
/* ------ Card  ------ */

/* ------ Table ------ */
.workspace_setup_table.shorting_table .gridjs-head {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px 18px;
    border-bottom: 1px solid rgba(255, 255, 255, .07);
    margin-bottom: 0;
}
.workspace_setup_table.shorting_table .gridjs-table {
    border-collapse: separate;
    border-spacing: 0 0px;
}
.workspace_setup_table.shorting_table .gridjs-search {
    /* max-width: calc(100% - 200px); */
    max-width: calc(100% - 75%);
    top: 0;
    width: 100%;
    left: 0;
}
.st_with_multiple_filters .workspace_setup_table.shorting_table .gridjs-search {
    max-width: calc(100% - 75%);
}
.workspace_setup_table.shorting_table .gridjs-search .gridjs-search-input {
    height: 35px;
    font-weight: 400;
    width: 100%;
    padding: 8px 12px 8px 34px;
    background: rgba(255,255,255,.06);
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 7px;
    color: #fff;
    outline: none;
    transition: border-color .2s;
}
.workspace_setup_table.shorting_table .gridjs-search {
    position: relative;
}
.workspace_setup_table.shorting_table .gridjs-search:before {
    content:'🔍';
    position: absolute;
    left: 11px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 14px;
    line-height: 14px;
}
.workspace_setup_table.shorting_table .gridjs-search .gridjs-search-input::placeholder {
  color: rgba(var(--white-color, 255, 255, 255), .65);
  opacity: 1;
}

.workspace_setup_table.shorting_table thead tr th {
    padding: 10px 16px !important;
    color: rgba(var(--white-color, 255, 255, 255), .65);
    font-size: 14px;
    line-height: 1.5;
    font-weight: 500;
} 
.workspace_setup_table.shorting_table tbody tr td,
.workspace_setup_table.shorting_table thead tr th {
    border-bottom: 1px solid rgba(255, 255, 255, .07) !important;
}

.workspace_setup_table.shorting_table tbody tr.gridjs-tr {
    background: transparent;
}
.workspace_setup_table.shorting_table tbody tr.gridjs-tr:hover {
    background:rgba(255,255,255,.04);
}
.workspace_setup_table.shorting_table tbody tr.gridjs-tr td {
    border-radius: 0 !important;
    padding: 14px 16px;
}
.workspace_setup_table.shorting_table tbody tr td {
    color: rgba(var(--white-color, 255, 255, 255), .65);
    font-size: 12px;
    text-align: left;
    line-height: 1.5;
    font-weight: 500;
}
.workspace_setup_table.shorting_table table {
    margin-bottom: 0 !important;
}
.workspace_setup_table.shorting_table .gridjs-footer {
    border: none !important;
    border-top: 1px solid rgba(255, 255, 255, .07) !important;
    padding: 14px 18px !important;
}
.workspace_setup_table.shorting_table .gridjs-footer .gridjs-pagination:after {
    display: none;
}
.workspace_setup_table.shorting_table .gridjs-footer .gridjs-pagination {
    display: flex;
    align-items: center;
    gap: 16px;
    width: 100%;
    justify-content: end;
}
.workspace_setup_table.shorting_table .gridjs-footer .gridjs-pagination:has(.gridjs-summary) {
    justify-content: space-between;
}
.workspace_setup_table.shorting_table .gridjs-footer .gridjs-pagination .gridjs-summary {
    margin: 0;
    color: rgba(var(--white-color, 255, 255, 255), .65);    
}
.workspace_setup_table.shorting_table .gridjs-footer .gridjs-pagination .gridjs-summary b {
    color: rgba(var(--white-color, 255, 255, 255), 1);    
}

.workspace_setup_table.shorting_table .gridjs-footer .gridjs-pagination .gridjs-pages button {
    padding: 8px 16px;
    background: rgba(255,255,255,.06);
    color: rgba(255,255,255,.8);
    border-color: rgba(255,255,255,.14);
    font-size: 12px;
    line-height: 1;
    padding: 7px 10px;
}
.workspace_setup_table.shorting_table .gridjs-footer .gridjs-pagination .gridjs-pages button[disabled] {
    color: rgba(255,255,255,.4);
}
.workspace_setup_table.shorting_table .gridjs-footer .gridjs-pagination .gridjs-pages button[disabled]:hover {
    color: rgba(255,255,255,.4);
    background: rgba(255,255,255,.06);
}
.workspace_setup_table.shorting_table .gridjs-footer .gridjs-pagination .gridjs-pages button:hover {
    color: rgba(255,255,255,1);

    background: rgba(255,255,255,.10);
    border-color: rgba(255,255,255,.14);
}
.workspace_setup_table.shorting_table .gridjs-footer .gridjs-pagination .gridjs-pages button.gridjs-currentPage:hover,
.workspace_setup_table.shorting_table .gridjs-footer .gridjs-pagination .gridjs-pages button.gridjs-currentPage {
    background: rgba(var(--primary-color, 78, 202, 194), 1);
    color: rgba(var(--white-color, 255, 255, 255), 1);
    border-color: rgba(var(--primary-color, 78, 202, 194), 1);
}

.workspace_setup_table.shorting_table button.gridjs-sort-neutral {
    background-image: url("../images/arrow.png");
}
.workspace_setup_table.shorting_table button.gridjs-sort-asc {
    background-image: url("../images/arrow-up.png");
}
.workspace_setup_table.shorting_table button.gridjs-sort-desc {
    background-image: url("../images/arrow-down.png");
}

.workspace_setup_table.shorting_table .actions_icons button {
    background: transparent;
    border: none;
}

.st_with_filter .filter_box {
    align-items: center;
}
.st_with_filter .filter_box {
    max-width: 184px;
    height: 35px;
    max-height: 35px;
    right: 18px;
    top: 14px;
}
.st_with_multiple_filters.st_with_filter .filter_box {
    max-width: calc(75% - 40px);
}

.st_with_filter .filter_box .selecttwo + .select2 .select2-selection {
    height: 35px;
}

.shorting_table.workspace_setup_table .gridjs-wrapper,
.shorting_table.workspace_setup_table .gridjs-footer,
.shorting_table.workspace_setup_table thead {
    background: transparent !important;
}
/* ------ Table ------ */

/* ------ Auth box wrapper ------ */
.auth_box_wrapper {
    padding: 14px 18px;
}
/* ------ Auth box wrapper ------ */

/* ------ Plan Page ------ */
.plans_caresoul .pc_item {
    background: rgba(255, 255, 255, .07);
    border-color: rgba(255, 255, 255, .1);
}
/* ------ Plan Page ------ */

/* ------ Header top ------ */
.auth_body .wrapper .topbar .right_widget .user_profile_dropdown .dropdown-menu {
    padding-top: 12px !important;
    transform: translate(0px, 38px) !important;
}
.wrapper .topbar .right_widget .dropdown-menu {
    border-top: none !important;
    border-top-right-radius: 16px !important;
    border-top-left-radius: 16px !important;
    background: rgba(255,255,255,.06);
    border-color: rgba(255,255,255,.08);
}
.wrapper .topbar .right_widget .free_trial_box {
    border-color: rgba(255,255,255,.25);
}
.wrapper .topbar .right_widget .dropdown-menu .dropdown-divider {
    border-color: rgba(255,255,255,.08);
}
/* ------ Header top ------ */

/* ------ Box ------ */
.auth_main_wrapper_box {
    max-width: 485px;
    width: 100%;
}
/* ------ Box ------ */

/* ------ Modal ------ */
.modal .modal-content {
    background: linear-gradient(135deg, #0f1556 0%, #1a1f6e 40%, #0d1240 100%);
    border-color: #0f1556;
}
.modal-backdrop.show {
    opacity: 0.9;
    background: rgba(255, 255, 255, 1);
}
.modal .modal-content .title {
    color: rgba(var(--white-color, 255, 255, 255), 1);
}
/* ------ Modal ------ */

/* ------ Card ------ */
.card {   
    color: rgba(var(--white-color, 255, 255, 255), .65);
    background: rgba(255, 255, 255, .05);
    border-color:rgba(255, 255, 255, .1);
    border-radius: 11px 11px;
}
/* ------ Card ------ */