:root
{
    --white-color:#FFFFFF;
    --gray-color:#919191;
    --theme-text-color:#ff3081;
    --gray-text-color:#909090;
    --border-color:#bcbcbc;
    --black-color:#000000;
    --gray-color2:#eeeeee;
    --green-color:#4caf50;
    --link-color:#ff3081;
}

.dash_height_order_and_crency
{
    height: 400px;
}

.dash_height_kycstatus_and_crency
{
    height: 550px;
}

.footer a
{
    text-decoration: none;
}

.me-4, .rtl .navbar .navbar-menu-wrapper .search-field
{
    margin-right: 0 !important;
}

.kyc_text
{
    width: 100%;
}

.kyc_text>*
{
    text-align: left;
}

*::-webkit-scrollbar {
    display: none;
}

body::-webkit-scrollbar {
    width: 10px;
    display: block;
    background: transparent;
}

body::-webkit-scrollbar-track {
    border-radius: 5px;
}

body::-webkit-scrollbar-thumb {
    background-color: #888; /* Change this to your desired thumb color */
    border-radius: 2px;
}

.dropdown .dropdown-menu .dropdown-item {
    font-size: 1rem;
    padding: 8px 10px;
    display: flex;
    justify-content: left;
    align-items: center;
}

.dropdown-menu>*
{
    cursor: pointer;
}

.action-menu-item-icon
{
    margin-right: 10px;
}

@media screen and (max-width : 1024px)
{
    .dash_height_order_and_crency,.dash_height_kycstatus_and_crency
    {
        height: auto;
    }
}

.p_input
{
    color: #FFF;
}

.form-control:focus
{
    background-color: #FFF;
}

/*.content-wrapper*/
/*{*/
/*    height: 100vh;*/
/*}*/

.form-group label
{
    font-size: 0.875rem;
    line-height: 1;
    vertical-align: top;
    margin-bottom: 10px;
}

.notifications_text
{
    text-decoration: none;
    color: #FFF;
}


/****************************************************************/
#dialog_background_size
{
    z-index: 9999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: none;
    justify-content: center;
    align-items: center;
    position: fixed;
}

.dialog_background
{
    width: 100%;
    height: 100vh;
    background: #66666666;
    position: fixed;
    top: 0;
    left: 0;
}

#QR_Code_Dialog_Content
{
    height: 550px;
    width: 370px;
    background: #c6004d;
    border-radius: 8px;
    border: 1px solid var(--white-color);
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

#QR_Code_Dialog_Content>div
{
    position: relative;
}

#QR_Code_Dialog_Content>div>*
{
    margin-left: auto;
    margin-right: auto;
    display: block;
    text-align: center;
}

.qr_name
{
    margin-top: 13px;
    font-size: 18px;
    color: var(--white-color);
    font-size: 18px;
}

.qr_userid
{
    font-size: 12px;
    margin-top: -10px;
    color: var(--white-color);
    direction: ltr;
}

.qr_url
{
    margin: 20px auto;
    color: var(--white-color);
    text-decoration: none;
    font-size: 12px;
}

#qr_bottom
{
    margin: 50px;
}

#qr_download
{
    position: absolute;
    width: 100%;
    height: 60px;
    bottom: 0;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    color: var(--white-color);
    font-size: 18px;
    background-color: var(--theme-text-color);
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

#qr_download>div>*
{
    display: block;
    margin: 5px auto;
}

@media screen and (max-width : 1050px)
{

    #login_background_left_side_div
    {
        width: 340px;
    }

}

@media screen and (max-width : 768px)
{
    .profile_bottom_menu
    {
        width: 100%;
        height: 50px;
        margin-top: 20px;
        margin-right: 0px;
    }

    .login_right_side
    {
        height: 95vh;
    }

    .right_panel_profile_img_status_bar
    {
        z-index: 9;

        width: 120px;
        height: 120px;
        border: solid 3px var(--white-color);
    }

    #mp
    {
        margin: 0 !important;
    }

    .status_bar
    {
        height: 120px;
    }

    .right_panel_img_status_bar
    {
        width: 120px;
        margin: 35px auto 0px auto;
    }

    .right_panel_verify_img_status_bar
    {
        width: 24px;
        height: 24px;
        bottom: -1px;
        left: 14px;
        z-index: 9;
    }

    .right_panel_img_status_bar
    {
        z-index: 9;
    }

    .status_bar_app_icon
    {
        width: 40px;
        margin: 10px;
    }

    .status_bar>div
    {
        direction: rtl;
    }

    .profile_card
    {
        /*position: static;*/
        /*width: calc(100% + 48px);*/

        position: absolute;
        left: 0;
        width: 100%;
        z-index: 1;
        top: 200px;

        margin-top: -80px;
        height: 185px;
        justify-content: center;
        align-items: end;
        border-radius: 0;
        margin-right: -25px;
    }

    .link_item
    {
        margin-top: 20px;
        margin-left: 0;
        margin-right: 0;
    }

    .profile_bottom_menu
    {
        display: none;
    }

    #profile_bottom_menu_mobile
    {
        display: block;
        width: 100%;
        margin: 14px auto;
        overflow: hidden;
    }

    #login_background_left_side_div
    {
        width: auto;
    }

}

#aj_dialog
{
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    background: #66666666;
    z-index: 99;
    display: none;
    justify-content: center;
    align-items: center;
}


#aj_dialog_content,#aj_dialog_new_order,#aj_dialog_new_edit_bank_account,#aj_dialog_take,#accept_commission_dialog
{
    z-index: 9999;
    width: 50%;
    max-height: 75%;
    overflow-y: scroll;
    /*height: 75%;*/
    background-color: var(--white-color);
    border-radius: 10px;
    direction: ltr;
    padding: 24px;
    text-align: justify;
    color: #333333;
}

#aj_dialog_content::-webkit-scrollbar,#accept_commission_dialog::-webkit-scrollbar,#aj_dialog_new_order::-webkit-scrollbar,#aj_dialog_take::-webkit-scrollbar,#aj_dialog_new_edit_bank_account::-webkit-scrollbar
{
    display: none;
}

#aj_dialog_content>p,#accept_commission_dialog>p,#aj_dialog_new_order>p,#aj_dialog_new_edit_bank_account>p,#aj_dialog_take>p
{
    font-size: 20px;
}

#verify_dialog
{
    z-index: 9999;
    width: 50%;
    background-color: var(--white-color);
    border-radius: 10px;
    direction: rtl;
    padding: 14px;
}

#verify_dialog>div , #veify_step_one ,#veify_step_two,#veify_step_three
{
    width: 100%;
    display: grid;
}

#verify_dialog>div>*
{
    margin: 0px auto;
    display: block;
}

#veify_step_one>* , #veify_step_two>* ,#veify_step_three>*
{
    text-align: center;
    margin: 20px auto;
    display: block;
}

.verify_input
{
    outline: none;
    border: 1px solid var(--border-color);
    border-radius: 10px;
    padding: 8px;
    font-size: 16px;
    text-align: center;
    width: 50%;

}

.verify_btn
{
    width: 50%;
    background-color: var(--green-color);
    color: var(--white-color);
    height: 40px;
    outline: none;
    border: none;
    border-radius: 10px;

}

@media screen and (max-width : 1050px)
{

    #verify_dialog
    {
        width: 75%;
    }

    #accept_commission_dialog
    {
        width: 90%;
        max-height: 90%;
        overflow-x: scroll;
    }

    #aj_dialog_content,#aj_dialog_new_order,#aj_dialog_new_edit_bank_account,#aj_dialog_take
    {
        width: 90%;
        max-height: 90%;
        max-height: 90%;
        overflow-x: scroll;
    }

    #status_bar_state
    {
        /*float:right;*/
    }

}

.alert
{
    width: calc(100% - 36px);
    position: fixed !important;
    top: 10px;
    margin: 20px;
    z-index: 999;
}

.close_alert
{
    width: 25px;
    height: 25px;
    position: absolute;
    left: 15px;
    top: 15px;
    cursor: pointer;

}

.links_is_empty
{
    width: 100%;
    height: 250px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.links_is_empty_inside
{
    width: 250px;
}

.links_is_empty_inside>*
{
    margin: 10px auto;
    display: block;
    text-align: center;
    font-size: 16px;
}

#mp
{
    width: 100%;
    height: 300px;
    margin: 20px;
    border-radius: 10px;
}

#add_new_link_dialog
{
    width: 50%;
    background: var(--white-color);
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 9;
    padding: 20px;
}

#add_new_bio_dialog
{
    width: 50%;
    background: var(--white-color);
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 9;
    padding: 20px;
}

#add_new_map_dialog
{
    width: 100%;
    background: var(--white-color);
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 9;
    padding: 20px;
}

#add_new_link_dialog>div
{
    width: 100%;
    display: grid;
}

#add_new_bio_dialog>div
{
    width: 100%;
    display: grid;
}

#add_new_link_dialog>div>*
{
    display: block;
    margin: 0 auto;
    text-align: center;
}

#add_new_bio_dialog>div>*
{
    display: block;
    margin: 0 auto;
    text-align: center;
}

@media screen and (max-width : 768px)
{

    #add_new_link_dialog
    {
        width: 75%;
    }

    #add_new_bio_dialog
    {
        width: 75%;
    }

    .login_background_left_side_image_title
    {
        padding: 0;
        margin-top: 45px;
    }

    .login_background_left_side_title_div
    {
        margin-top:14px;
    }

    .editable_link_item
    {
        margin-top: 20px;
        margin-right: 0 !important;
        margin-left: 0;
        overflow: hidden;
    }

    .login_right_side>div
    {
        width: 75%;
    }

    .profile_bottom_menu>ul>li>*,.full_heightlogin_background_left_side_bottom_inside>ul>li>*
    {
        margin: 0;
        font-size: 10px;
        text-align: center;
    }

}

.editable_link_item
{
    width: 100%;
    background: var(--white-color);
    border: 1px solid var(--theme-text-color);
    border-radius: 10px;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 20px;
    padding: 10px;
    overflow: hidden;
    box-shadow: 0px 6px 6px #EEE;
}

.editable_link_item>a>div
{
    margin-right: 0;
}

@media (min-width: 1200px)
{
    .container, .container-lg, .container-md, .container-sm, .container-xl
    {
        max-width: 940px !important;
    }
}

@media (max-width: 1200px)
{
    .container, .container-lg, .container-md, .container-sm, .container-xl
    {
        max-width: 94%;
    }
}

.profile_bottom_menu>table
{
    width: 100%;
}

.profile_bottom_menu>table>tbody>tr>td
{
    text-align:center;
}

.profile_bottom_menu>table>tbody>tr>td>*
{
    color:#919191 !important;
    cursor: pointer;
    text-align: center;
    font-size: 10px;
    text-decoration: none;
}

.right_panel_img_status_bar , .right_panel_status_bar
{
    margin: 0 auto;
}

#login_other_links
{
    position: absolute;
    bottom: 48px;
    width: 340px;
}

@media screen and (max-width : 1050px)
{

    qr>svg>rect
    {
        fill: transparent;
    }

    qr>svg>g>g>path
    {
        filter:invert(44%) sepia(85%) saturate(2480%) hue-rotate(71deg) brightness(125%) contrast(121%);
        -webkit-filter: invert(44%) sepia(85%) saturate(2480%) hue-rotate(71deg) brightness(125%) contrast(121%);
    }

    .full_heightlogin_background_left_side_bottom_inside
    {
        width: 100% !important;
        display: none;
    }

    #login_other_links
    {
        position: sticky !important;
        width: 100% !important;
        margin-top: -40px;
    }

    .login_right_side>div>form
    {
    }

    .right_panel_img_status_bar , .right_panel_status_bar
    {
        margin: 0 auto;
        /*margin-top: 40px;*/
        margin-top: -65px !important;
    }

    .login_background_left_side_image_title
    {
        position: initial;
        margin-top:-45px;
    }

    .login_background_left_side
    {
        height: 92vh;
    }

    .login_background_left_side_image_title>img
    {
        width: 50px;
        height: 45px;
        width: 80px;
        margin-top: 30px;
        /*height: 50px;*/
        height: auto;
        margin-bottom:6px;
    }

    .login_right_side>div>form
    {
        height: 35vh;
        /*padding-top: 20px;*/
    }

    .login_right_side
    {
        height: 94vh;
    }

    .login_background_left_side_title_div
    {
        /*width: 250px;*/
        /*width: 285px;*/
        margin: 0 auto;
    }

}


@media screen and (max-height : 500px)
{

    #login_other_links , .login_background_left_side_image_title
    {
        display: none;
    }

    .login_right_side>div>form
    {
        /*margin-top: 20px;*/
    }

}

.full_height
{
    height: 90vh;
}

.login_right_side > div > form,#login_other_links
{
    width: 300px;
}


@media screen and (max-width: 1050px)
{
    /*#login_other_links*/
    /*{*/
    /*    bottom: 48px !important;*/
    /*}*/
}

.full_height
{
    height: 100vh;
}

@media screen and (max-width: 720px)
{
    .full_height
    {
        /*height: 86vh;*/
        /*height: 82vh;*/
        /*height: 78vh;*/
        height: 92vh;
    }
}

#top_title
{
    margin: 0px auto 0 auto;
    text-align: center;
    font-size: 24px;
    color: #666;
    /*font-family: 'vazir';*/
    line-height:30px;
    /*text-shadow: 61px 13px 18px #999;*/
    width: auto;
    padding: 10px;
    color: var(--theme-text-color);
}

#top_title_box
{
    display: none;
    /*display: flex;*/
    justify-content: center;
    align-items: center;
    height: 15vh;
    padding: 32px;
    /*margin-bottom: 40px;*/
    padding-top: 0;
    padding-bottom: 0;
}

#top_title_box>div
{
    display: grid;
    margin-bottom: 30px;
}

#top_title_bottom
{
    width: 200px;
    /*border-bottom: 2.5px solid var(--theme-text-color);*/
    /*margin: 10px auto;*/

    /*width: 75px;*/
    border-bottom: 3.5px solid var(--theme-text-color);
    /*border-bottom: 3.5px solid #666;*/
    margin: 10px auto;
}

.landing_page_text_content_box
{
    /*width: 50%;*/
    width: 290px;
    /*padding: 20px;*/
}

.landing_page_text_content_box>h1
{
    font-size: 28px;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 30px;
    margin-right: 30px;
}

.landing_page_text_content_box>p
{
    text-align: right;
    font-size: 16px;
    /*margin: 30px;*/
    line-height: 30px;
}

.landing_page_text_content_box>a
{
    color: var(--theme-text-color);
    text-decoration: none;
    font-size: 20px;
    border: 2px solid var(--theme-text-color);
    padding: 5px 20px;
    border-radius: 30px;
    margin-top: 30px;
    margin-bottom: 30px;
}

.landing_page_text_content_box>a:hover
{
    transition: all 0.3s ease-in-out;
    color: var(--white-color);
    background: var(--theme-text-color);
}

.landing_page_footer_box
{
    /*margin-top: 40px;*/
    /*margin-bottom: 40px;*/
    width: 100%;
}

.landing_page_footer_box>ul
{
    display: flex;
    justify-content: center;
    list-style: none;
    padding-left: 0;
}

.landing_page_footer_box>ul>li
{
    margin: 10px;
}

.landing_page_footer_box>ul>li>*
{
    text-decoration: none;
    color: #999;
    cursor: pointer;
    font-size: 13px;
}

.landing_page_footer_box>ul>li>*:hover
{
    transition: all 0.4s ease-in-out;
    color: var(--theme-text-color);
}

#landing_page_image_content_box
{
    display: block;
    /*margin-top: 40px;*/
    /*margin-bottom: 40px;*/
    height: 600px;
}

.bottom_footer_text>a
{
    text-decoration: none;
    color: var(--theme-text-color);
    font-size: 14px;
    text-align: center;
    direction: ltr;
}

.bottom_footer_text
{
    margin-bottom: 20px;
    color: #999;
    font-size: 14px;
    text-align: center;
    direction: ltr;
    font-family: 'vazir';
}

@media screen and (max-width: 1050px)
{
    .login_background_left_side
    {
        width: -webkit-fill-available !important;
    }

    .landing_page_text_content_box>h1
    {
        font-size: 22px;
    }

    #landing_page_image_content_box
    {
        width: auto;
        height: 500px;
        margin: 20px auto;
    }

    .landing_page_footer_box>ul
    {
        padding: 0;
    }

    .landing_page_footer_box>ul>li
    {
        margin: 5px;
    }

    .landing_page_footer_box>ul>li>*
    {
        font-size: 12px;
    }

    .landing_page_footer_box
    {
        margin-top: 0;
        margin-bottom: 0;
    }

    #top_footer_line_mobile
    {
        display: none;
        width: 82%;
        border-top: 1px solid #999;
        margin: 0px auto 36px auto;
    }

    #top_title
    {
        font-size: 16px;
    }

    .bottom_footer_text>a ,.bottom_footer_text
    {
        font-size: 11px;
    }

}

marquee
{
    direction: ltr;
    /*margin-top: 20px;*/
    margin-bottom: 20px;
}

.form-group .file-upload-default
{
    display: block;
    position: relative;
    margin: 10px 0px;
    visibility:visible;
}

.input-group, .asColorPicker-wrap
{
    display: none;
}

.card-title
{
    direction: ltr !important;
    text-align: left !important;
}

.dialog_input
{
    height: calc(2.25rem + 2px);
    font-weight: normal;
    font-size: 0.875rem;
    padding: 0.625rem 0.6875rem;
    background-color: #eeeeee !important;
    border-radius: 2px;
    color: #333333 !important;
    outline: none;
    border: none;
    border-radius: 5px;
}

/*.dropdown-menu.show*/
/*{*/
/*    top: -100px !important;*/
/*}*/

.img-xs,.table th img, .jsgrid .jsgrid-table th img, .table td img, .jsgrid .jsgrid-table td img
{
    object-fit: cover;
}

/*.table > :not(:last-child) > :last-child > *, .jsgrid .jsgrid-table > :not(:last-child) > :last-child > *, .jsgrid .jsgrid-table > :not(:last-child) > :last-child > **/
/*{*/
/*    text-align: center;*/
/*}*/

/*.table th, .jsgrid .jsgrid-table th, .table td, .jsgrid .jsgrid-table td*/
/*{*/
/*    text-align: center;*/
/*}*/


.table th .badge, .jsgrid .jsgrid-table th .badge, .table td .badge, .jsgrid .jsgrid-table td .badge
{
    width: 100px;
}

.d-md-flex
{
    overflow: hidden;
}


@media screen and (max-width: 550px)
{
    .navbar .navbar-menu-wrapper .navbar-nav .nav-item .nav-link.create-new-button {

        width: 80%;
        font-size: 9px;
        display: flex;
        align-items:center;
        justify-content: center;

    }

}

label
{
    color: #8D8D8D !important;
}

.form-check-label
{
    padding-right: 20px;
}