.main-content {
    height: calc(100vh - 48px);
    background-image: url("../img/eren.png");
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    position: relative;
    z-index: 0;
    overflow-x: hidden;
    /*background-color: #F0F4F9;*/
}
.main-content_home {
    background-image: url("../img/eren.png");
}
.not-main {
    background-image: none;
}

.homes {
    display: flex;
    gap: 10px;
    padding: 17px;
    overflow-x: auto;
}
.homes-x{
    height: calc(100vh - 100px) !important;
}
@media (max-width: 768px) {
    .homes-x{
        height: 100% !important;
        gap: 50px;
    }
}

.homes_item {
    overflow: auto;
    min-width: 325px;
    max-width: 325px;
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.12);
    backdrop-filter: blur(20px);
    padding: 16px;
    height: calc(100vh - 32px);
}

.homes_item-modal {
    position: fixed;
    top: 20px;
    right: 350px;
    background: #fff;
    border-radius: 18px;
}

.homes_item-modal-content{
    padding-top: 0 !important;
}
.homes_item{
    height: auto;
    overflow: scroll;
}
.homes_time {
    max-width: 600px;
}
.homes_info{
    /*border-radius: 6px;*/
    /*background: rgba(23, 31, 38, 0.20);*/
    /*backdrop-filter: blur(20px);*/
    /*height: 100%;*/
    /*max-height: 400px;*/
    /*padding: 20px;*/
    flex: 1;
}

.nd_base_btn {
    padding: 15px 15px;
    border-radius: 6px;
    border-color: transparent !important;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.nd_base_btn svg {
    margin-right: 10px;
}

.nd_base_btn.btn_transparent {
    background: rgba(23, 31, 38, 0.20);
    backdrop-filter: blur(20px);
}

.nd_status {
    padding: 16px;
    border-radius: 6px;
    display: flex;
    align-items: center;
}

.nd_btn_add {
    width: 100%;
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.60);
    backdrop-filter: blur(30px);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    border: none;
}

.my_tasks {
    border-radius: 6px;
    background: #FFF;
    padding: 14px;
}

.nd_info_text {
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
    text-align: left;
}

.my_users {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    margin-left: 6px;
}

.user_one, .user_one_dashboard, .user_one_dashboard_add {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    object-fit: cover;
    border-radius: 100%;
    background-repeat: no-repeat;
    background-color: #fff;
    border: 1px solid #fff;
    z-index: 2;
    margin-left: -6px;
    font-size: 12px;
    font-weight: 400;
    b{
        background-color: #0d95e8;
        border-radius: 50%;
        width: 24px;
        height: 24px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: 400;
    }
}

.user_one_dashboard, .user_one_dashboard_add {
    position: absolute;
    width: 32px;
    height: 32px;
    border: 1px solid #303D4D;
    color: #fff;
    margin-left: -12px;
}

.user_one_dashboard_add {
    background-color: #2A3B4F;
}

.user_one_two {
    width: 32px;
    height: 32px;
    background-color: #0096B2;
    border-radius: 100%;
    border: none;
    color: #fff;
}

.custom-dropdown.active {
    display: block;
}

.custom-dropdown {
    z-index: 999;
}

.user_one img {
    width: 100%;
    height: 100%;
    z-index: 999;
    object-fit: cover;
}

.my_info_data {
    display: flex;
}

.info_data {
    display: flex;
    align-items: center;
    border-radius: 3px;
    background: rgba(158, 171, 190, 0.12);
    padding: 5px;
}

.status_info {
    display: flex;
    align-items: center;
    margin: 0 4px;
}

.my_info_status {
    display: flex;
}

.info_status {
    border-radius: 4px;
    background: var(--colorful-green-2, #27AE60);
    padding: 6px;
    font-size: 10px;
    margin-right: 8px;
}

.nd_table_status {
    width: 100%;
    padding: 10px 20px;
    background-color: #fff;
    border-bottom: 2px solid #DFE2E9;
    display: flex;
    align-items: center;
}
@media (max-width: 500px) {
    .nd_table_status {
        flex-direction: column;
        gap: 10px;
        align-items: flex-start;
    }
}

.nd_btn_inc {
    height: 40px;
    padding: 16px;
    display: flex;
    align-items: center;
    border: none;
    gap: 10px;
    border-radius: 6px;
}

.nd_status_inc {
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 15px;
    width: 15px;
}

.nd_crud_tb_txt {
    width: max-content;
    padding: 2px 6px;
    border-radius: 6px;
    background: rgba(0, 108, 255, 0.12);
    color: #0092FF;
    font-size: 12px;
    display: flex;
    align-items: center;
}

.nd_crud_tb_txt p {
    line-height: 16px;
}

.nd_btn_reg {
    border: none;
    /*padding: 0;*/
    background-color: transparent;
    padding: 0 15px;
}

/*.nd_block_edit {*/
/*    position: relative;*/
/*}*/


.nd_block_edit .dropdown .dropdown-menu.show {
    /*height: 122px;*/
    z-index: 9999;
    height: fit-content;
    padding: 0;
}

.nd_block_edit .dropdown .dropdown-menu .dropdown-item {
    cursor: pointer;
    height: 50px;
}

.nd_block_edit .dropdown .dropdown-menu .dropdown-item i {
    color: #7A889B;
    margin-right: 10px;
}

.nd_block_edit .dropdown .dropdown-menu .dropdown-item:hover i {
    color: #0096B2;
}


.nd_block_abs {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border-radius: 6px;
    border: 1px solid var(--Bright-grey, #FAFBFC);
    background-color: #FFF;
    box-shadow: 0 0 0 0 rgba(143, 143, 143, 0.10), 0 2px 5px 0 rgba(143, 143, 143, 0.10), 0 8px 8px 0 rgba(143, 143, 143, 0.09), 0 19px 11px 0 rgba(143, 143, 143, 0.05), 0 34px 13px 0 rgba(143, 143, 143, 0.01), 0 53px 15px 0 rgba(143, 143, 143, 0.00);
}

.nd_block_abs.show {
    display: flex;
}

.nd_btn_delete {
    border: none;
    background-color: #fff;
    display: flex;
}

.nd_btn_edit {
    padding: 10px 16px;
    display: flex;
    align-items: center;
    gap:15px
}

.nd_btn_edit:hover {
    background: rgba(190, 219, 224, 0.16);
}

.nd_btn_edit:hover .fa-pencil, .nd_btn_edit:hover {
    color: #0096B2 !important;
}

/*.nd_btn_reg:focus + .nd_block_abs{*/
/*    display: flex;*/
/*    z-index: 99999;*/
/*}*/
.modal-backdrop {
    position: inherit;
}

.nd_modal.show {
    overflow-y: auto;
    background: rgba(72, 84, 93, 0.42) !important;
}

.nd_modal .modal-dialog {
    max-width: 1024px;
}

.nd_modal .modal-content {
    min-height: 400px;
    border-radius: 12px;
    background: #FFF;
    border: none;
}

.nd_base_form_gr {
    position: relative;
}

.nd_base_form_gr img {
    position: absolute;
    left: 12px;
    top: 12px;
}

.nd_base_inp {
    height: 48px;
    padding: 10px 20px 10px 40px;
    font-size: 12px;
}
.form-control-placeholder {
    position: absolute;
    top: 50%;
    left: 2.5rem;
    transform: translateY(-50%);
    pointer-events: none;
    color: #6c6c6c;
    font-size: 12px;
}

.nd_base_inp:focus {
    box-shadow: none;
}

.nd_modal_pages {
    display: flex;
    align-items: center;
    padding: 48px;
}

.nd_modal_block {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.nd_crud_table tbody tr {
    border: 1px solid #DFE2E9;
    background-color: #fff;
}

.nd_crud_table tbody tr:nth-of-type(odd) {
    background-color: #FCFDFF !important;
}

.nd_crud_table tbody tr:hover td {
    border-top: 1px solid #0096B2;
    border-bottom: 1px solid #0096B2;
}

.nd_crud_table tbody tr:hover {
    border-left: 1px solid #0092b2;
    border-right: 1px solid #0092b2;
    cursor: pointer;
    box-shadow: 0px 1px 2px 0px rgba(94, 105, 120, 0.06), 0px 3px 3px 0px rgba(94, 105, 120, 0.05), 0px 6px 4px 0px rgba(94, 105, 120, 0.03), 0px 11px 4px 0px rgba(94, 105, 120, 0.01), 0px 17px 5px 0px rgba(94, 105, 120, 0.00);
}

/*.nd_toggle_btn {*/
/*    margin-bottom: 0;*/
/*    .v-switch-core{*/
/*        width: 36px !important;*/
/*        height: 20px !important;*/
/*        background-color: #2A3B4F !important;*/
/*    }*/
/*    .v-switch-button{*/
/*        width: 18px !important;*/
/*        height: 18px!important;*/
/*        transform: translate3d(1px, 1px, 0px) !important;*/

/*    }*/
/*}*/
.nd_toggle_btn input {
    opacity: 0;
    position: absolute;
    width: 36px;
    height: 20px;
}

.nd_toggle_btn {
    display: flex;
    align-items: center;
    margin-bottom: 0;
    cursor: pointer;

    .v-switch-core, .v-switch-button {
        display: block;
        position: relative;
        box-sizing: border-box;
        outline: 0;
        margin: 0;
        transition: border-color .3s, background-color .3s;
        user-select: none;
    }

    .v-switch-core {
        width: 36px;
        height: 20px;
        background-color: #2A3B4F;
        border-radius: 11px;
    }

    .v-switch-button {
        width: 18px;
        height: 18px;
        transform: translate3d(1px, 1px, 0px);
        border-radius: 100%;
        background-color: #fff;
        transition: .3s;
    }

}

.nd_toggle_btn {
    .v-switch-core.active {
        background-color: #0096B2 !important;
    }

    .v-switch-button.active {
        transform: translate3d(16px, 1px, 0px) !important;
    }
}

.nd_lang_btn {
    display: flex;
    align-items: center;
    background-color: transparent !important;
    border: none;
    color: #fff;
    border-right: 1px solid #48596D;
    padding-right: 16px;

    .nd_lang_svg {
        margin-left: 9px;
    }
}

.nd_user_btn {
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #fff;
    font-weight: 500;
    line-height: normal;
    background-color: transparent;
    border: none;
    padding: 0 16px;
}

.nd_table_radius {
    /*height: calc(100vh - 380px) !important;*/
}

.nd_teams_add {
    border-radius: 6px;
    border: 1px solid var(--Light-grey, #DFE2E9);
    overflow: hidden;
}

.nd_teams_header {
    display: flex;
    background-color: #FAFBFC;
    border-bottom: 1px solid var(--Light-grey, #DFE2E9);
}

.nd_teams_body {
    display: flex;
}
@media (max-width:1260px) {
    .nd_teams_body{
        flex-direction: column;
    }
    .nd_teams_info{
        width: 100% !important;
        border-bottom: 1px solid var(--Light-grey, #DFE2E9);
    }
}

.nd_teams_footer {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-top: 24px;
}

.nd_teams_item {
    width: 100%;
    padding: 24px;
}

.nd_teams_item:nth-child(1) {
    border-right: 1px solid var(--Light-grey, #DFE2E9);
}

.nd_control_check label:before {
    width: 20px;
    height: 20px;
    left: -35px;
    border: 2px solid #7A889B;
}

.nd_control_check .custom-control-input:checked ~ .custom-control-label::before {
    border-color: #0096B2;
    background-color: #0096B2;
}

.nd_control_check .custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: none;
    border-color: #0096B2;
}

.nd_control_check .custom-control-label::after {
    width: 20px;
    height: 20px;
    left: -35px;
}

.nd_control_check .custom-control-label {
    line-height: 30px;
    margin-left: 12px;
}

.nd_teams_info {
    padding: 16px 0;
    width: 50%;
    height: 200px;
    overflow-y: auto;
}

.nd_teams_info::-webkit-scrollbar {
    width: 5px;
    box-shadow: none;
}

.nd_teams_info::-webkit-scrollbar-thumb {
    background: #DADCE0;
    border-radius: 4px;
}

.nd_teams_info:nth-child(1) {
    border-right: 1px solid #DFE2E9;
}

.nd_teams_info_item {
    padding: 8px 24px;
    display: flex;
    align-items: center;
    gap: 24px;
}

.nd_teams_info_item.reversed {
    padding: 8px 24px;
    display: flex;
    flex-direction: column-reverse;
    gap: 2px;
    align-items: flex-start;
}

.nd_drop_edit {
    display: flex;
    align-items: center;
    position: absolute;
}

.nd_drop_edit .forwartTo {
    cursor: pointer;
    border-radius: 4px;
    color: #9EABBE;
}

.nd_drop_edit .forwartTo:hover {
    background: rgba(190, 219, 224, 0.16);
    color: #0096B2;
}

.nd_right_drop {

}

.nd_member_all_inner {
    gap: 10px;
}

.nd_member_all_inner .ln_common32_btn {
    margin-left: 0;
}

.nd_abs_input {
    position: relative;
}

.nd_abs_input img {
    position: absolute;
}

.nd_abs_input input {
    padding: 0 15px 0 35px;
    height: 48px;
}


.nd_p_text120 {
    font-size: 120px;
    font-weight: 400;
}

.nd_p_text24 {
    font-size: 24px;
    font-weight: 400;
}

.nd_p_text16 {
    font-size: 16px;
    font-weight: 400;
}

.nd_p_text14 {
    font-size: 14px;
    font-weight: 400;
}

.nd_p_text12 {
    font-size: 12px;
    font-weight: 400;
}

.nd_font_weight600 {
    font-weight: 600;
}

.nd_font_weight500 {
    font-weight: 500;
}

.nd_text_black {
    color: #171F26;
}

.nd_bg_blur {
    background-color: #0092FF;
}

.nd_bg_blur_tr {
    background-color: #d6eaec;
}

.nd_bg_green {
    background: var(--colorful-green-2, #27AE60);
}

.nd_bg_grey {
    background: var(--Light-grey, #DFE2E9);
}

.nd_bg_pink {
    background: #BB6CDB;
}

.nd_bg_yellow {
    background: #F0D000;
}

.nd_bg_black2 {
    background: #4A5E75;
}

.nd_color_grey {
    color: #7A889B;
}

.nd_color_yellow {
    color: #ECB800;
}

.nd_color_green {
    color: #0096B2;
}

.nd_color_black {
    color: #48545D;
}

.nd_color_white {
    color: #fff;
}

.nd_s_color_tr {
    background: rgba(255, 255, 255, 0.60);
    box-shadow: 0 20px 40px 0 rgba(23, 31, 38, 0.20);
}

.bg-white {
    background-color: #fff;
}


@media (max-width: 1600px) {
    .homes{
        /* justify-content: space-between; */

    }
    .nd_modal .modal-dialog {
        max-width: 860px;
        margin: 50px auto;
    }
}

@media (max-width: 1440px) {
    .nd_modal .modal-content__teams{
        /*bottom: 30px;*/
        /*left: 100px;*/
    }
    .homes_info{
        /* order: 3; */
    }
    .nd_modal .modal-dialog {
        max-width: 700px;
        margin: 100px auto;
    }
    .homes_item-modal{
        right: -100px;
    }

    .nd_form_item {
        flex-wrap: wrap;
    }
}

@media (max-width: 1260px) {
    .nd_modal .modal-content__teams{
        /*width: 70vh;*/
        /*right: 0;*/
    }
    .nd_modal .modal-dialog {
        max-width: 500px;
    }

    .nd_modal .img_create {
        display: none;
    }

    .nd_modal .nd_create_item {
        width: 100%;
    }
}

@media (max-width: 1055px) {
    .nd_modal .modal-content__teams{
        /*width: 70vh;*/
        /*left: -30px;*/
    }
    .homes_info{
        order: 0;
    }
    .nd_modal .modal-dialog {
        max-width: 300px;
    }

    .nd_modal_pages {
        padding: 20px;
    }
    .homes_item{
        width: 100%;
    }
}

@media (max-width: 900px) {
    .nd_modal .modal-content{
        bottom: 15vh;
        left: 2vh;
    }
    .nd_modal .modal-content__teams{
        /*width: 60vh;*/
        /*left: -130px;*/
    }
}

@media (max-width: 667px) {
    .nd_modal .modal-content__teams{
       bottom: 0;
        /*width: 50vh;*/
        /*left: -50px;*/
    }
    .nd_teams_header{
        flex-wrap: wrap;
    }
}
.share-error-message{
    color: red;
    font-weight: 500;
    font-size:11px;
}
.share-close{
    position: absolute;
    top: 0;
    right: 15px;
    border: none;
    background-color: transparent;
    cursor: pointer;
    font-size: 24px;
}
.share-modal{
    background: rgba(72, 84, 93, 0.42) !important;
}
@media (max-width:470px) {
    .share-body{
        padding: 20px !important;
    }
    .share-p{
        padding: 0 !important;
    }
}
.share-body{
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 20px 50px 40px;
}
.share-h{
    font-size:24px;
    font-weight: 600;
}
.share-p{
    font-size: 14px;
    font-weight: 500;
    font-style: italic;
    padding: 0 30px;
    text-align: center;
}
.share-inp{
    background-color: rgba(136, 177, 227, 0.06);
    width: 100%;
    border-radius: 0 4px 4px 0;
    flex: 1;
    padding: 0.5em;
    border: 1px solid #ccc;
    border-left: none;
}
.input-group {
    display: flex;
    align-items: center;
}

.static-prefix {
    background-color: rgba(136, 177, 227, 0.06);
    padding: 0.5em 0.2em 0.5em 1em;
    border: 1px solid #ccc;
    border-right: none;
    border-radius: 4px 0 0 4px;
}

.share-lab{
    font-size: 14px;
    font-weight: 500;
}
.share-link{
    display: flex;
    align-items: center;
    gap:20px;
}
.share-svg{
    width: 40px;
    height: 40px;
    background-color: #ededed;
    color: #676767;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.share-a{
    color: #0096B2;
}
.share-btn{
    padding:22px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
}
.share-flex-link{
    display: flex;
    gap: 10px;
    align-items: center;
}