* {
    font-family: "Poppins", sans-serif;
}

:root
{
    --main_color : #ff8000;
}

.mh10p0 {
    min-height: 10px;
    padding: 0px;
    float:left;
}

.mh10p5 {
    min-height: 10px;
    padding: 5px;
    float:left;
}

.mh10p10 {
    min-height: 10px;
    padding: 10px;
    float:left;
}

.mh10p15 {
    min-height: 10px;
    padding: 15px;
    float:left;
}

.mh10p20 {
    min-height: 10px;
    padding: 20px;
    float:left;
}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Menü */

.menu_outer
{
    min-height:20px;
    float:left;
}

.menu_inner
{
    min-height:20px;
    float:left;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:20px 0px;
}

.menu_logo_outer
{
    min-height:20px;
    float:left;
}

.menu_logo_outer img
{
    height:30px;
    object-fit:contain;
    float:left;
}

.menu_center_search_outer
{
    min-height:20px;
    padding:0px 35px;
    float:left;
}

.menu_center_search
{
    width:100%;
    min-height:35px;
    float:left;
    border:1px solid #dadada;
    display:flex;
    align-items:center;
    justify-content:center;
}

.menu_center_search button
{
    width:35px;
    height:35px;
    background-color:var(--main_color);
    float:left;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:16px;
    color:#fff;
    border:0px!important;
    outline:0px!important;
}

.menu_center_search input
{
    flex:1;
    font-size:12px;
    font-weight:300;
    color:#333;
    padding:0px 10px;
    border:0px!important;
    outline:0px!important;
}

.menu_center_search_dropdown
{
    width:20px;
    height:35px;
    float:left;
    display:flex;
    align-items:center;
    justify-content:center;
    border-left:1px solid #dadada;
    font-size:13px;
    color:#333;
    cursor:pointer;
}

.menu_right_box
{
    min-height:20px;
    float:left;
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:10px;
}

.menu_right_btn
{
    min-width:10px;
    height:35px;
    float:left;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:13px;
    font-weight:300;
    color:#333;
    padding:0px 14px;
    border:1px solid #dadada;
    cursor:pointer;
    position:relative;
    transition: all 0.3s ease;
}

.menu_right_btn span
{
    position:relative;
    z-index:2;
    transition: all 0.3s ease;
}

.menu_right_btn:after
{
    content:'';
    width:100%;
    height:0px;
    position:absolute;
    left:0px;
    bottom:0px;
    background-color:var(--main_color);
    transition: all 0.3s ease;
}

.menu_right_btn:hover::after
{
    height:100%;
}

.menu_right_btn:hover span
{
    color:#fff;
}

.menu_right_btn:hover
{
    border-color:var(--main_color);
}

.menu_line_outer
{
    min-height:20px;
    border-top:1px solid #dadada;
    border-bottom:1px solid #dadada;
    float:left;
    position:relative;
    z-index:8;
}

.menu_line_inner
{
    min-height:20px;
    float:left;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:5px;
}

.menubox_outer
{
    min-width:10px;
    height:45px;
    float:left;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:0px 20px;
    font-size:13px;
    font-weight:300;
    color:#333;
    cursor:pointer;
    position:relative;
    transition: all 0.4s ease;
    text-decoration: none!important;
}

.menubox_outer i
{
    margin-left:15px;
}

.menubox_outer:hover
{
    color:var(--main_color);
}

.menubox_outer:before
{
    content:'';
    width:0%;
    height:1px;
    background-color:var(--main_color);
    position:absolute;
    bottom:0px;
    transition: all 0.4s ease;
}

.menubox_outer:hover::before
{
    width:100%;
}

.menubox_outer:hover .menubox_dropdown_outer
{
    max-height:2500px;
    display:block;
}

.menubox_dropdown_outer
{
    width:200px;
    max-height:0px;
    background-color:#fff;
    position:absolute;
    left:0px;
    top:45px;
    border:1px solid #dadada;
    float:left;
    padding:0px 0px;
    transition: max-height 1s ease-in-out;
    display:none;
}

.menubox_dropdown_line
{
    width:100%;
    float:left;
    border-bottom:1px solid #dadada;
    padding:10px 10px;
    line-height:20px;
    font-size:13px;
    font-weight:300;
    color:#333;
    transition: all 0.2s ease;
    position:relative;
    text-decoration:none;
}

.menubox_dropdown_line:last-child
{
    border-bottom:0px;
}

.menubox_dropdown_line:hover
{
    color:var(--main_color);
    padding-left:15px;
}

.menubox_dropdown_line:hover .menubox_dropdown_bottom
{
    max-height:2500px;
    display:block;
}

.menubox_dropdown_bottom
{
    width:200px;
    max-height:0px;
    background-color:#fff;
    position:absolute;
    left:198px;
    top:-1px;
    border:1px solid #dadada;
    float:left;
    padding:0px 0px;
    transition: max-height 1s ease-in-out;
    display:none;
}

.menubox_dropdown_line2
{
    width:100%;
    float:left;
    border-bottom:1px solid #dadada;
    padding:10px 10px;
    line-height:20px;
    font-size:13px;
    font-weight:300;
    color:#333;
    transition: all 0.2s ease;
    position:relative;
    text-decoration: none;
}

.menubox_dropdown_line2:last-child
{
    border-bottom:0px;
}

.menubox_dropdown_line2:hover
{
    color:var(--main_color);
    padding-left:15px;
}

.menubox_dropdown_line2:hover .menubox_dropdown_bottom2
{
    max-height:2500px;
    display:block;
}

.menubox_dropdown_bottom2
{
    width:200px;
    max-height:0px;
    background-color:#fff;
    position:absolute;
    left:198px;
    top:-1px;
    border:1px solid #dadada;
    float:left;
    padding:0px 0px;
    transition: max-height 1s ease-in-out;
    display:none;
}

.menu_right_logined_buttons
{
    min-width:10px;
    height:35px;
    float:left;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:11px;
    font-weight:400;
    color:#333;
    padding:0px 10px;
    border:1px solid #dadada;
    cursor:pointer;
    position:relative;
    transition: all 0.3s ease;
}

.menu_right_logined_buttons span
{
    position:relative;
    z-index:2;
    transition: all 0.3s ease;
}

.menu_right_logined_buttons:after
{
    content:'';
    width:100%;
    height:0px;
    position:absolute;
    left:0px;
    bottom:0px;
    background-color:var(--main_color);
    transition: all 0.3s ease;
}

.menu_right_logined_buttons:hover::after
{
    height:100%;
}

.menu_right_logined_buttons:hover span
{
    color:#fff;
}

.menu_right_logined_buttons:hover
{
    border-color:var(--main_color);
}

.menu_right_logined_buttons:hover .menu_right_logined_buttons_dropdown
{
    display:block;
}

.menu_right_logined_buttons_dropdown
{
    width:210px;
    min-height:20px;
    position:absolute;
    right:-1px;
    top:34px;
    border:1px solid #dadada;
    background-color:#fff;
    z-index:99;
    padding:0px 10px;
    display:none;
}

.menu_right_logined_buttons_dropdown .menubox_dropdown_line
{
    font-size:11px;
}

.mobile_link
{
    display:none;
}

/* Menü */

/* Footer */

.footer_outer
{
    height:40px;
    float:left;
    border-top:1px solid #dadada;
    float:left;
}

.footer_inner
{
    height:40px;
    padding:10px 0px;
    font-size:11px;
    font-weight:300;
    color:#333;
    float:left;
}

.footer_inner span
{
    float:right;
}

.footer_inner span a
{
    color:var(--main_color);
    text-decoration: none!important;
}

/* Footer */

/* İndex Page */

.index_page_outer
{
    height:calc(100vh - 40px);
    float:left;
}

.index_page_inner
{
    height:calc(100vh - 40px);
    float:left;
}

.index_page_left_outer
{
    width:280px;
    height:calc(100vh - 40px);
    float:left;
    padding:0px 10px;
    border-left:1px solid #dadada;
    border-right:1px solid #dadada;
    overflow:auto;
}

.index_page_right_outer
{
    width:calc(100% - 280px);
    height:calc(100vh - 40px);
    float:left;
    padding:10px 0px;
    padding-left:5px;
    overflow:auto;
}

.index_page_left_line
{
    width:100%;
    min-height:20px;
    border-bottom:1px solid #dadada;
    padding:12px 0px;
    display:flex;
    align-items:center;
    justify-content:center;
    float:left;
    cursor:pointer;
}

.index_page_left_line_select .index_page_left_line_text
{
    font-weight:400;
    color:var(--main_color);
}

.index_page_left_line_select .index_page_left_line_counter
{
    font-weight:400;
    color:var(--main_color);
}

.index_page_left_line_select i
{
    color:var(--main_color);
}

.index_page_left_line:last-child
{
    border-bottom:0px;
}

.index_page_left_line_text
{
    flex:1;
    font-size:12px;
    font-weight:300;
    color:#333;
    float:left;
    transition: all 0.2s ease;
}

.index_page_left_line_counter
{
    min-width:10px;
    min-height:10px;
    font-size:12px;
    font-weight:300;
    color:#4e4e4e;
}

.index_page_left_outer::-webkit-scrollbar
{
    width: 3px;
}

.index_page_left_outer::-webkit-scrollbar-track
{
    background: #ededed;
}

.index_page_left_outer::-webkit-scrollbar-thumb
{
    background: #d0d0d0;
}

.index_page_left_outer::-webkit-scrollbar-thumb:hover
{
    background: #656565;
}

.index_page_left_line:hover .index_page_left_line_text
{
    color:var(--main_color);
    padding-left:10px;
}

.index_page_left_line:hover i
{
    color:var(--main_color);
}

.index_page_left_line i
{
    font-size:10px;
    margin-right:7px;
}

.index_page_left_top
{
    width:100%;
    min-height:10px;
    border:1px solid #dadada;
    margin-top:10px;
    padding:10px;
    font-size:12px;
    font-weight:300;
}

.index_page_left_outer .menu_center_search_outer
{
    padding:0px;
    margin-top:10px;
}

.index_page_entries_contents
{
    min-height: 20px;
    float: left;
    padding: 0px 5px;
    border-right: 1px solid #dadada;
    padding-right: 10px;
    margin-right: -1px;
}

.index_page_right_contents
{
    min-height: 20px;
    float: left;
    border-left: 1px solid #dadada;
    padding-left: 10px;
}

.banner_image
{
    width:100%;
    float:left;
    margin-bottom:10px;
}

.index_page_entries_contents_title
{
    width:100%;
    float:left;
    font-size:19px;
    font-weight:400;
    color:#333;
    margin-bottom:10px;
}

.index_page_entries_contents_title i
{
    font-size:15px;
    float:left;
    margin-right:5px;
    margin-top:8px;
}

.index_page_entries_contents_topline
{
    width:100%;
    min-height:10px;
    float:left;
    border:1px solid #dadada;
    padding:5px;
    margin-bottom:10px;
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:5px;
    font-size:12px;
}

.index_page_entries_top_btn
{
    min-width:25px;
    height:30px;
    border:1px solid #dadada;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    padding:0px 6px;
    font-size:12px;
    font-weight:400;
    float:left;
}

.index_page_entries_top_btn i
{
    font-size:15px;
    margin-top:2px;
}

.index_page_entries_top_btn select
{
    width:45px;
    height:28px;
    border:0px;
    outline:0px;
    font-size:11px;
    font-weight:400;
    float:left;
}

.index_page_entries_contents_topline input
{
    flex:1;
    height:30px;
    border:1px solid #dadada;
    outline:0px;
    font-size:11px;
    font-weight:400;
    color:#333;
    float:left;
    padding:0px 7px;
}

.index_page_entries_contents_topline_select
{
    flex:1;
    height:30px;
    border:1px solid #dadada;
    outline:0px;
    font-size:11px;
    font-weight:400;
    color:#333;
    float:left;
    padding:0px 7px;
}

.index_page_right_outer::-webkit-scrollbar
{
    width: 0px;
}

.index_page_right_outer::-webkit-scrollbar-track
{
    background: #ededed;
}

.index_page_right_outer::-webkit-scrollbar-thumb
{
    background: #d0d0d0;
}

.index_page_right_outer::-webkit-scrollbar-thumb:hover
{
    background: #656565;
}

.index_page_entries_box
{
    width:100%;
    min-height:20px;
    float:left;
    margin-bottom:10px;
    border-top:1px solid #dadada;
    margin-top:5px;
    padding-top:15px;
}

.index_page_entries_box p
{
    width:100%;
    min-height:20px;
    float:left;
    margin:0px;
    font-size:14px;
    font-weight:300;
    color:#333;
}

.index_page_entries_line
{
    width:100%;
    min-height:10px;
    background-color:#f6f6f6;
    float:left;
    margin-top:10px;
    padding:8px;
}

.index_page_entries_line_btn
{
    width:20px;
    height:20px;
    float:left;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-right:8px;
    cursor:pointer;
}

.index_page_entries_line_text
{
    min-width:20px;
    height:20px;
    float:left;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-left:-6px;
    margin-right:8px;
    cursor:pointer;
    font-size:12px;
    font-weight:400;
    color:#333;
}

.index_page_entries_line_btn_right
{
    width:20px;
    height:20px;
    float:right;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-left:9px;
    cursor:pointer;
    font-size:14px;
}

.index_page_entries_userline
{
    width:100%;
    min-height:20px;
    float:left;
    display:flex;
    align-items:center;
    justify-content:flex-end;
    margin-top:10px;
    gap:10px;
}

.index_page_entries_userline_image
{
    width:45px;
    height:45px;
    background-color:#dadada;
    float:left;
    border-radius:50%;
    background-size:cover;
    background-position:center;
}

.index_page_entries_userline_texts
{
    min-width:10px;
    min-height:10px;
    float:left;
    display:flex;
    align-items:flex-start;
    justify-content:flex-start;
    flex-direction: column;
}

.index_page_entries_userline_texts p
{
    width:auto;
    float:left;
    text-align:left;
    font-size:12px;
    font-weight:500;
    color:#333;
    margin:0px;
}

.index_page_entries_userline_texts p:last-child
{
    margin-top: -1px;
    margin-bottom: -5px;
    font-weight: 400;
}

.index_page_right_title
{
    width:100%;
    min-height:10px;
    float:left;
    font-size:14px;
    font-weight: 500;
    color:#333;
    padding-bottom:10px;
    border-bottom:1px solid #dadada;
    margin-bottom:10px;
}

.index_page_blog_box_outer
{
    width:100%;
    min-height:20px;
    float:left;
    margin-bottom:10px;
    display:flex;
    align-items:flex-start;
    justify-content:flex-start;
    padding-bottom:10px;
    border-bottom:1px solid #dadada;
    margin-bottom:10px;
    gap:10px;
}

.index_page_blog_box_outer:last-child
{
    border:0px;
}

.index_page_blog_box_image
{
    width:80px;
    height:60px;
    float:left;
    background-size:cover;
    background-position:center;
}

.index_page_blog_box_contents
{
    flex:1;
    min-height:10px;
}

.index_page_blog_box_contents h5
{
    width:100%;
    float:left;
    margin:0px;
    font-weight:300;
    color:var(--main_color);
    font-size:11px;
    margin-bottom:2px;
}

.index_page_blog_box_contents h5 i
{
    float:left;
    font-size:8px;
    margin-top: 2px;
    margin-right: 3px;
}

.index_page_blog_box_contents h3
{
    width:100%;
    float:left;
    margin:0px;
    font-weight:400;
    color:#333;
    font-size:12px;
    margin-bottom:10px;
}

.index_page_blog_box_contents p
{
    width:100%;
    float:left;
    margin:0px;
    font-weight:300;
    color:#333;
    font-size:11px;
    margin-bottom:4px;
}

.index_bottom_menus_outer
{
    width:100%;
    min-height:10px;
    border-top:1px solid #dadada;
    display:flex;
    align-items:center;
    justify-content:center;
    padding-top:10px;
}

.index_bottom_menus_box
{
    width: fit-content;
    height: 20px;
    font-size: 10px;
    color: #333;
    margin-left: auto;
    margin-right: auto;
    font-weight: 400;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
}

.index_bottom_menus_box:hover
{
    color:var(--main_color);
}

.mobile_menu_btn_outer
{
    min-height:20px;
    float:left;
    display:none;
    align-items:center;
    justify-content:flex-end;
    gap:10px;
}

.mobile_menu_close
{
    width:40px;
    height:40px;
    position:absolute;
    right:10px;
    top:10px;
    border:1px solid #dadada;
    display:none;
    align-items:center;
    justify-content:center;
    font-size:20px;
    padding-left:1px;
    padding-top:1px;
}

@media only screen and (max-width: 600px)
{
    .menu_outer
    {
        border-bottom:1px solid #dadada;
    }

    .menu_center_search_outer
    {
        display:none;
    }

    .menu_right_box
    {
        display:none;
    }

    .menu_line_outer
    {
        display:none;
        width: 100%;
        height: 100vh;
        position: fixed;
        left: 0px;
        top: 0px;
        z-index: 99;
        background: #fff;
    }

    .menu_line_inner
    {
        flex-direction:column;
        padding:45px 0px;
    }

    .menubox_outer
    {
        width:100%;
        height:60px;
        font-size:15px;
        justify-content:flex-start;
        border-bottom:1px solid #dadada;
        padding:0px;
    }

    .mobile_link
    {
        display:flex;
    }

    .menubox_dropdown_outer
    {
        width: 100%;
        background-color: #fff;
        z-index: 999;
    }

    .menubox_dropdown_line
    {
        font-size:15px;
        line-height: 34px;
    }

    .menubox_dropdown_bottom
    {
        width:100%;
        left: 0;
        top: 54px;
        background-color: #fff;
        z-index: 999;
    }

    .menubox_dropdown_line2
    {
        font-size:15px;
        line-height: 34px;
    }

    .menubox_dropdown_bottom2
    {
        width:100%;
        left: 0;
        top: 54px;
        background-color: #fff;
        z-index: 999;
    }

    .mobile_menu_btn_outer
    {
        display:flex;
    }

    .index_page_inner
    {
        height:auto;
    }

    .index_page_outer
    {
        height:auto;
    }

    .index_page_left_outer
    {
        width:100%;
        height:auto;
    }

    .index_page_right_outer
    {
        width:100%;
        height:auto;
        padding:0px;
    }

    .index_page_entries_contents
    {
        width:100%;
        padding:0px;
        border-top:1px solid #dadada;
        padding-top:10px;
        border-right:0px;
    }

    .index_page_entries_contents_topline
    {
        display:block;
    }

    .index_page_entries_contents_topline input
    {
        width:100%;
        margin-bottom:5px;
    }

    .index_page_entries_contents_topline span
    {
        display:none;
    }

    .index_page_entries_top_btn
    {
        margin-right:5px;
    }

    .index_page_right_contents
    {
        width:100%;
        padding:0px;
        border-left:0px;
    }

    .index_bottom_menus_outer
    {
        display:block;
    }

    .index_bottom_menus_box
    {
        height:25px;
    }

    .footer_inner
    {
        height:auto;
        text-align:center;
    }

    .footer_inner span
    {
        margin-top:10px;
    }

    .index_page_left_line_text
    {
        font-size:15px;
    }

    .mobile_menu_close
    {
        display:flex;
    }
}

/* İndex Page */

/* Login Page */

.login_page_outer
{
    min-height:calc(100vh - 164px);
    float:left;
}

.login_page_inner
{
    width:100%;
    min-height:calc(100vh - 164px);
    float:left;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:40px 20%;
    flex-direction: column;
}

.login_page_box
{
    width:800px;
    min-height:20px;
    float:left;
    border:1px solid #dadada;
    position:relative;
}

.login_page_box_title
{
    width:100%;
    padding:15px 10px;
    border-bottom:1px solid #dadada;
    margin-bottom:15px;
    font-size:23px;
    font-weight:200;
    color:#9b9b9b;
    text-align:center;
    letter-spacing:1px;
    padding-bottom:25px;
}

.login_page_box_title b
{
    font-weight:400;
    color:var(--main_color);
}

.login_page_box_image
{
    width:calc(45% - 10px);
    height:calc(100% - 20px);
    position:absolute;
    left:10px;
    top:10px;
    float:left;
    background-size:cover;
    background-position:center right;
}

.login_page_contents
{
    width:55%;
    padding:10px 25px;
    float:right;
}

.custom_input_outer
{
    width:100%;
    min-height:20px;
    float:left;
    margin-bottom:15px;
}

.custom_input_outer p
{
    width:100%;
    font-size:13px;
    font-weight:300;
    color:#333;
    float:left;
    margin-bottom:5px;
}

.custom_input_outer input
{
    width:100%;
    height:40px;
    border-radius:0px;
    font-size:13px;
    color:#333;
    box-shadow: none!important;
    border: 1px solid #dadada!important;
    padding-bottom:7px;
}

.custom_input_outer input:focus
{
    border: 1px solid var(--main_color)!important;
}

.custom_input_outer textarea
{
    width:100%;
    height:140px;
    resize: none;
    border-radius:0px;
    font-size:13px;
    color:#333;
    box-shadow: none!important;
    border: 1px solid #dadada!important;
    padding-top:10px;
}

.custom_input_outer textarea:focus
{
    border: 1px solid var(--main_color)!important;
}

.custom_input_outer select
{
    width:100%;
    height:40px;
    border-radius:0px;
    font-size:13px;
    color:#333;
    box-shadow: none!important;
    border: 1px solid #dadada!important;
    padding-bottom:7px;
}

.custom_input_outer select:focus
{
    border: 1px solid var(--main_color)!important;
}

.login_link_line_outer
{
    width:100%;
    min-height:20px;
    float:left;
    margin-bottom:25px;
    margin-top:-5px;
    font-size:12px;
    line-height:20px;
}

.login_link_line_outer input
{
    width:14px;
    height:14px;
    float:left;
    margin:3px 0px;
    margin-right:4px;
}

.login_link_line_outer a
{
    float:right;
    color:var(--main_color);
}

.custom_input_outer button
{
    width:100%;
    height:40px;
    float:left;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:14px;
    font-weight:300;
    color:#333;
    padding:0px 14px;
    border:1px solid #dadada;
    cursor:pointer;
    position:relative;
    transition: all 0.3s ease;
    background-color:#fff;
    padding-bottom:2px;
}

.custom_input_outer button:after
{
    content:'';
    width:100%;
    height:0px;
    position:absolute;
    left:0px;
    bottom:0px;
    background-color:var(--main_color);
    transition: all 0.3s ease;
}

.custom_input_outer button:hover::after
{
    height:100%;
}

.custom_input_outer button span
{
    position:relative;
    z-index:2;
    transition: all 0.3s ease;
}

.custom_input_outer button:hover span
{
    color:#fff;
}

.login_page_line_title
{
    width:100%;
    height:25px;
    float:left;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    font-size:13px;
    font-weight:300;
    color:#333;
    margin-top:-5px;
    margin-bottom:10px;
}

.login_page_line_title:before
{
    content:'';
    flex:1;
    height:1px;
    background-color:#333;
    float:left;
    opacity:0.1;
}

.login_page_line_title:after
{
    content:'';
    flex:1;
    height:1px;
    background-color:#333;
    float:left;
    opacity:0.1;
}

@media only screen and (max-width: 600px)
{
    .login_page_inner
    {
        padding:40px 0px;
    }

    .login_page_box
    {
        width:100%;
    }

    .login_page_box_image
    {
        display:none;
    }

    .login_page_contents
    {
        width:100%;
    }
}

.dashboard_alert_box
{
    min-height:10px;
    float:left;
    background-color:Red;
    border-radius:4px;
    display:flex;
    align-items:center;
    justify-content:center;
    position:relative;
    margin-bottom:15px;
    padding:10px;
    gap:7px;
}

.alertbox_delete_btn
{
    width:20px;
    height:20px;
    position:absolute;
    right:10px;
    top:10px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:15px;
    color:#fff;
    cursor:pointer;
}

.dashboard_alert_box_icon
{
    width:30px;
    height:30px;
    float:left;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:18px;
    color:#fff;
    padding-top:3px;
}

.dashboard_alert_box_text
{
    flex:1;
    min-height:10px;
    font-size:12px;
    float:left;
    color:#fff;
    font-weight:300;
    letter-spacing:0.5px;
}

.dashboard_alert_box_text h3
{
    width:100%;
    font-size:13px;
    font-weight:500;
    color:#fff;
    margin:0px;
    margin-bottom:10px;
}

.dashboard_alert_box_text p
{
    width:100%;
    font-size:10px;
    font-weight:300;
    color:#fff;
    text-align:right;
    margin:0px;
    margin-top:10px;
}

.alert_box_danger
{
    background: rgb(255,76,0);
    background: linear-gradient(90deg, rgba(255,76,0,1) 0%, rgba(176,52,0,1) 100%);
}

.alert_box_info
{
    background: rgb(0,129,255);
    background: linear-gradient(90deg, rgba(0,129,255,1) 0%, rgba(0,93,184,1) 100%);
}

.alert_box_warning
{
    background: rgb(255,115,0);
    background: linear-gradient(90deg, rgba(255,115,0,1) 0%, rgba(195,88,0,1) 100%);
}

.alert_box_success
{
    background: rgb(0,212,99);
    background: linear-gradient(90deg, rgb(0 195 91) 0%, rgb(0 142 66) 100%);
}

.alert_box_primary
{
    background: rgb(61,44,150);
    background: linear-gradient(90deg, rgba(61,44,150,1) 0%, rgba(38,27,98,1) 100%);
}

/* Login Page */

/* Contract */

.contract_page_outer
{
    width:100%;
    min-height:calc(100vh - 164px);
    float:left;
}

.contract_page_inner
{
    width:100%;
    min-height:calc(100vh - 164px);
    float:left;
    padding:30px 0px;
}

.contract_page_box
{
    width:100%;
    min-height:50px;
    float:left;
    border:1px solid #dadada;
    padding:20px 25px;
}

.contract_page_box p
{
    font-size:14px;
    font-weight:300;
}

.contract_page_box_title
{
    width:100%;
    min-height:20px;
    font-size:23px;
    font-weight:400;
    color:var(--main_color);
    float:left;
    margin-bottom:25px;
}

/* Contract */

/* Blog List */

.blogListOuter
{
    width:100%;
    min-height:calc(100vh - 164px);
    float:left;
}

.blogListInner
{
    width:100%;
    min-height:calc(100vh - 164px);
    float:left;
}

.customBlogCard
{
    width:100%;
    min-height:20px;
    float:left;
    display:flex;
    align-items:flex-start;
    justify-content:flex-start;
    padding-bottom:15px;
    margin-bottom:15px;
    border-bottom:1px solid #dadada;
    gap:15px;
}

.custom_blog_card_image
{
    width:300px;
    height:200px;
    float:left;
    background-size:cover;
    background-position:center;
}

.custom_blog_card_contents
{
    flex:1;
    min-height:20px;
    float:left;
}

.custom_blog_card_contents h5
{
    width:100%;
    float:left;
    margin:0px;
    font-weight:300;
    color:var(--main_color);
    font-size:14px;
    margin-bottom:8px;
}

.custom_blog_card_contents h5 i
{
    float:left;
    font-size:8px;
    margin-top: 4px;
    margin-right: 5px;
}

.custom_blog_card_contents h3
{
    width:100%;
    float:left;
    margin:0px;
    font-weight:400;
    color:#333;
    font-size:20px;
    margin-bottom:10px;
}

.custom_blog_card_contents h4
{
    width:100%;
    float:left;
    margin:0px;
    font-weight:300;
    color:#333;
    font-size:13px;
    margin-bottom:14px;
}

.custom_blog_card_contents p
{
    width:100%;
    float:left;
    margin:0px;
    font-weight:300;
    color:#333;
    font-size:15px;
    margin-bottom:4px;
}

.blog_list_social_line
{
    width: 100%;
    height:20px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    margin-top:15px;
    float:left;
}

.blog_list_social_line_box
{
    width:20px;
    height:20px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:13px;
    color:#333;
    cursor:pointer;
    transition: all 0.2s ease;
}

.blog_list_social_line_box:hover
{
    color:var(--main_color);
}

.blog_list_social_line:before
{
    content:'';
    flex:1;
    height:0.5px;
    background-color:#333;
    opacity:0.2;
}

.blog_list_social_line:after
{
    content:'';
    flex:1;
    height:0.5px;
    background-color:#333;
    opacity:0.2;
}

@media only screen and (max-width: 600px)
{
    .blogListInner .col-9
    {
        width:100%;
    }

    .blogListInner .col-3
    {
        width:100%;
    }

    .customBlogCard
    {
        flex-direction: column;
    }

    .custom_blog_card_image
    {
        width:100%;
    }
}

/* Blog List */

/* Blog Detail */

.blog_detail_outer
{
    width:100%;
    min-height:calc(100vh - 164px);
    float:left;
}

.blog_detail_inner
{
    width:100%;
    min-height:calc(100vh - 164px);
    float:left;
    padding:30px 0px;
}

.blog_detail_top_image_outer
{
    width:100%;
    height:600px;
    float:left;
    display:flex;
    align-items:flex-end;
    justify-content:flex-end;
    background-size:cover;
    background-position:center;
}

.blog_detail_top_image_contents
{
    width:100%;
    min-height:20px;
    background: rgb(0,0,0);
    background: linear-gradient(0deg, rgba(0,0,0,0.8016456582633054) 0%, rgba(0,0,0,0.499124649859944) 50%, rgba(0,0,0,0) 100%);
    padding:30px 0px;
    padding-top:130px;
    float:left;
}

.blog_detail_top_image_contents h3
{
    width:100%;
    min-height:20px;
    float:left;
    text-align:center;
    font-size:30px;
    color:#fff;
    font-weight:500;
    margin-bottom:10px;
    letter-spacing: 1px;
}

.blog_detail_top_image_contents p
{
    width:100%;
    min-height:20px;
    float:left;
    text-align:center;
    font-size:15px;
    color:#fff;
    font-weight:100;
    margin:0px;
    letter-spacing: 1px;
    opacity:0.8;
}

.blog_detail_contents_outer
{
    width:100%;
    min-height:50px;
    float:left;
    padding:20px 200px;
}

.blog_detail_contents_outer p
{
    font-size:14px;
}

.blog_detail_contents_outer a
{
    color:var(--main_color);
}

.blog_detail_title_outer
{
    width:100%;
    min-height:20px;
    float:left;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-top:40px;
    gap:15px;
    margin-bottom:30px;
}

.blog_detail_title_outer span
{
    font-size:24px;
    font-weight:200;
    color:#333;
    letter-spacing:1px;
    text-transform: uppercase;
}

.blog_detail_title_outer:before
{
    content:'';
    flex:1;
    height:0.5px;
    background-color:#333;
    opacity:0.3;
}

.blog_detail_title_outer:after
{
    content:'';
    flex:1;
    height:0.5px;
    background-color:#333;
    opacity:0.3;
}

.blog_detail_mini_inputs
{
    width:100%;
    float:left;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:15px;
}

.blog_detail_comment_box
{
    width:100%;
    min-height:20px;
    float:left;
    display:flex;
    align-items:flex-start;
    justify-content:flex-start;
    gap:15px;
    margin-bottom:25px;
    padding-bottom:25px;
    border-bottom:1px solid #dadada;
}

.blog_detail_comment_box:last-child
{
    margin:0px;
    border:0px;
}

.blog_detail_comment_box_user
{
    width:60px;
    height:60px;
    background-color:#dadada;
    float:left;
    background-size:cover;
    background-position:center;
}

.blog_detail_comment_box_contnets
{
    flex:1;
    min-height:20px;
}

.blog_detail_comment_box_contnets h3
{
    width:100%;
    font-size:14px;
    font-weight:500;
    color:#333;
    float:left;
    margin:0px;
    margin-bottom:5px;
}

.blog_detail_comment_box_contnets h4
{
    width:100%;
    font-size:12px;
    font-weight:300;
    color:#333;
    float:left;
    margin:0px;
    margin-bottom:10px;
}

.blog_detail_comment_box_contnets p
{
    width:100%;
    font-size:13px;
    font-weight:400;
    color:#333;
    float:left;
    margin:0px;
    line-height:23px;
}

@media only screen and (max-width: 600px)
{
    .blog_detail_contents_outer
    {
        padding:20px 0px;
    }

    .blog_detail_top_image_outer
    {
        height:300px;
    }

    .blog_detail_title_outer
    {
        gap:10px;
    }

    .blog_detail_title_outer span
    {
        font-size:16px;
    }
}

/* Blog Detail */

/* Proflie */

.user_actionsBox_outer
{
    width:100%;
    min-height:calc(100vh - 164px);
    float:left;
}

.user_actionBox_inner
{
    width:100%;
    min-height:calc(100vh - 164px);
    float:left;
    padding:25px 0px;
    display:flex;
    align-items:flex-start;
    justify-content:flex-start;
    gap:15px;
}

.user_actionBox_left
{
    width:280px;
    min-height:20px;
    background-color:#fff;
    float:left;
    border:1px solid #dadada;
    padding:15px;
}

.user_actionBox_left .menubox_dropdown_line
{
    cursor:pointer;
    text-decoration: none!important;
}

.user_actionBox_left .menubox_dropdown_line i
{
    width: 17px;
    margin-right: 5px;
    text-align: center;
}

.user_actionBox_right
{
    flex:1;
    min-height:20px;
    background-color:#fff;
    float:left;
    border:1px solid #dadada;
}

.user_actionBox_right_title
{
    width:100%;
    min-height:10px;
    float:left;
    border-bottom:1px solid #dadada;
    padding:10px 15px;
    font-size:14px;
    font-weight:300;
    color:#333;
}

.user_actionBox_right_contents
{
    width:100%;
    min-height:20px;
    float:left;
    padding:5px;
}

.user_actionBox_leftImage
{
    width:40%;
    height:auto;
    float:left;
    background-color:#dadada;
    border-radius:50%;
    margin:0px 30%;
    background-size:cover;
    background-position:center;
    position:relative;
}

.user_actionBox_leftImage:after
{
    content:'';
    display:block;
    padding-bottom:100%;
}

.user_actionBox_leftName
{
    width:100%;
    min-height:10px;
    float:left;
    margin-top:10px;
}

.user_actionBox_leftName h3
{
    width:100%;
    font-size:13px;
    font-weight:400;
    color:#333;
    text-align:center;
    margin:0px;
    margin-bottom:5px;
}

.user_actionBox_leftName h4
{
    width:100%;
    font-size:11px;
    font-weight:300;
    color:#333;
    text-align:center;
    margin:0px;
}

.user_actionBox_conters_outer
{
    width:100%;
    height:40px;
    float:left;
    margin-bottom:15px;
    margin-top:15px;
    border-left:1px solid #dadada;
    border-right:1px solid #dadada;
    display:flex;
    align-items:center;
    justify-content:center;
}

.user_actionBox_conters_box
{
    flex:1;
    height:40px;
    float:left;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction: column;
    border-right:1px solid #dadada;
}

.user_actionBox_conters_box:last-child
{
    border-right:0px;
}

.user_actionBox_conters_box h3
{
    width:100%;
    text-align:center;
    margin:0px;
    float:left;
    font-size:14px;
    font-weight:500;
    margin-bottom:3px;
    color:var(--main_color);
}

.user_actionBox_conters_box p
{
    width:100%;
    text-align:center;
    margin:0px;
    float:left;
    font-size:11px;
    font-weight:300;
    letter-spacing: 1px;
    color:#333;
}

.profileMenuSelect
{
    color:var(--main_color);
    font-weight:400;
}

.dashboard_form_bottom
{
    min-height:10px;
    border-top:1px solid #e4e4e4;
    float:left;
    display:flex;
    align-items:center;
    justify-content:flex-end;
    border-radius:0px 0px 4px 4px;
    padding:10px;
    gap:10px;
    background-color:#fff;
}

.dashboard_form_bottom button
{
    font-size:13px;
    font-weight:400;
    border:0px!important;
    outline:0px!important;
}

.dashboard_form_bottom .btn-info
{
    background: rgb(0,129,255);
    background: linear-gradient(90deg, rgba(0,129,255,1) 0%, rgba(0,93,184,1) 100%);
    color:#fff;
}

.dashboard_form_bottom .btn-success
{
    background: rgb(0,212,99);
    background: linear-gradient(90deg, rgba(0,212,99,1) 0%, rgba(0,150,70,1) 100%);
    color:#fff;
}

.dashboard_form_bottom .btn-danger
{
    background: rgb(255,76,0);
    background: linear-gradient(90deg, rgba(255,76,0,1) 0%, rgba(176,52,0,1) 100%);
    color:#fff;
}

.dashboard_form_bottom .btn-warning
{
    background: rgb(255,115,0);
    background: linear-gradient(90deg, rgba(255,115,0,1) 0%, rgba(195,88,0,1) 100%);
    color:#fff;
}

.user_profile_image
{
    width:100%;
    height:160px;
    float:left;
    background-size:cover;
    background-position:center;
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    background-color:#eeeeee;
}

.user_profile_image p
{
    font-size:14px;
    font-weight:500;
    color:#333;
    margin:0px;
    letter-spacing: 1px;
    color:var(--main_color);
}

.my_images_delete_btn
{
    width:25px;
    height:25px;
    background-color:red;
    position:absolute;
    right:5px;
    top:5px;
    z-index:9;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    color:#fff;
    font-size:14px;
}

@media only screen and (max-width: 600px)
{
    .user_actionBox_inner
    {
        display:block;
    }

    .user_actionBox_left
    {
        width:100%;
        margin-bottom:15px;
    }

    .user_actionBox_right
    {
        width:100%;
    }
}

/* Proflie */

/* Page Alert Start */

.page_alert_outer
{
    width:380px;
    position:fixed;
    right:0px;
    top:0px;
    z-index:9;
}

.page_alert_content
{
    width: 350px;
    min-height: 10px;
    background-color: rgb(255 255 255);
    float: left;
    margin: 15px;
    margin-bottom: 0px;
    position: relative;
    border: 1px solid #dadada;
}

.page_alert_content_text_outer
{
    width:100%;
    min-height:20px;
    float:left;
    padding:12px;
    position:relative;
}

.page_danger_alert .page_alert_content_text_outer:before
{
    background: rgb(255,0,0);
    background: linear-gradient(90deg, rgba(255,0,0,0.6) 0%, rgba(255,0,0,0) 100%);
}

.page_warning_alert .page_alert_content_text_outer:before
{
    background: rgb(255, 102, 0);
    background: linear-gradient(90deg, rgba(255,102,0,0.6) 0%, rgba(255,102,0,0) 100%);
}

.page_info_alert .page_alert_content_text_outer:before
{
    background: rgb(0, 110, 255);
    background: linear-gradient(90deg, rgba(0,110,255,0.6) 0%, rgba(0,110,255,0) 100%);
}

.page_success_alert .page_alert_content_text_outer:before
{
    background: rgb(0, 255, 149);
    background: linear-gradient(90deg, rgba(0,255,149,0.6) 0%, rgba(0,255,149,0) 100%);
}

.page_danger_alert .page_alert_content_bar_inner
{
    background: rgb(255,0,0);
}

.page_warning_alert .page_alert_content_bar_inner
{
    background: rgb(255, 102, 0);
}

.page_info_alert .page_alert_content_bar_inner
{
    background: rgb(0, 110, 255);
}

.page_success_alert .page_alert_content_bar_inner
{
    background: rgb(0, 255, 149);
}

.page_alert_content_text_outer:before
{
    content:'';
    width:70%;
    height:100%;
    position:absolute;
    left:0px;
    top:0px;
    z-index:1;
}

.page_alert_content_text_outer h3
{
    width:100%;
    font-size:12px;
    font-weight:500;
    color:#333;
    margin:0px;
    margin-bottom:10px;
    position:relative;
    z-index:3;
}

.page_alert_content_text_outer p
{
    width:100%;
    font-size:11px;
    font-weight:400;
    color:#333;
    margin:0px;
    position:relative;
    z-index:3;
    opacity: 0.9;
}

.page_alert_content_bar_outer
{
    width:100%;
    height:3px;
    float:left;
}

.page_alert_content_bar_inner
{
    width:0%;
    height:3px;
    float:left;
    transition: all 3s ease;
}

/* Page Alert End */

/* Notifications */

.dashboard_alert_box
{
    min-height:10px;
    float:left;
    background-color:Red;
    border-radius:4px;
    display:flex;
    align-items:center;
    justify-content:center;
    position:relative;
    margin-bottom:15px;
    padding:10px;
    gap:7px;
}

.alertbox_delete_btn
{
    width:20px;
    height:20px;
    position:absolute;
    right:10px;
    top:10px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:15px;
    color:#fff;
    cursor:pointer;
}

.dashboard_alert_box_icon
{
    width:30px;
    height:30px;
    float:left;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:18px;
    color:#fff;
    padding-top:3px;
}

.dashboard_alert_box_text
{
    flex:1;
    min-height:10px;
    font-size:12px;
    float:left;
    color:#fff;
    font-weight:300;
    letter-spacing:0.5px;
}

.dashboard_alert_box_text h3
{
    width:100%;
    font-size:13px;
    font-weight:500;
    color:#fff;
    margin:0px;
    margin-bottom:10px;
}

.dashboard_alert_box_text p
{
    width:100%;
    font-size:10px;
    font-weight:300;
    color:#fff;
    text-align:right;
    margin:0px;
    margin-top:10px;
}

.alert_box_danger
{
    background: rgb(255,76,0);
    background: linear-gradient(90deg, rgba(255,76,0,1) 0%, rgba(176,52,0,1) 100%);
}

.alert_box_info
{
    background: rgb(0,129,255);
    background: linear-gradient(90deg, rgba(0,129,255,1) 0%, rgba(0,93,184,1) 100%);
}

.alert_box_warning
{
    background: rgb(255,115,0);
    background: linear-gradient(90deg, rgba(255,115,0,1) 0%, rgba(195,88,0,1) 100%);
}

.alert_box_success
{
    background: rgb(0,212,99);
    background: linear-gradient(90deg, rgb(0 195 91) 0%, rgb(0 142 66) 100%);
}

.alert_box_primary
{
    background: rgb(61,44,150);
    background: linear-gradient(90deg, rgba(61,44,150,1) 0%, rgba(38,27,98,1) 100%);
}

/* Notifications */

/* Channels */

.channelbox_outer
{
    width:100%;
    min-height:20px;
    float:left;
    padding:10px;
    border:1px solid #dadada;
}

.channelbox_outer h3
{
    width:100%;
    float:left;
    font-size:13px;
    font-weight:500;
    color:#333;
    text-align:center;
    margin-bottom:10px;
}

.channelbox_outer p
{
    width:100%;
    float:left;
    font-size:12px;
    font-weight:300;
    color:#333;
    text-align:center;
    margin-bottom:10px;
}

.channelbox_outer .btn-info
{
    width:100%;
    background: rgb(0,129,255);
    background: linear-gradient(90deg, rgba(0,129,255,1) 0%, rgba(0,93,184,1) 100%);
    color:#fff;
}

.channelbox_outer .btn-success
{
    width:100%;
    background: rgb(0,212,99);
    background: linear-gradient(90deg, rgba(0,212,99,1) 0%, rgba(0,150,70,1) 100%);
    color:#fff;
}

.channelbox_outer .btn-danger
{
    width:100%;
    background: rgb(255,76,0);
    background: linear-gradient(90deg, rgba(255,76,0,1) 0%, rgba(176,52,0,1) 100%);
    color:#fff;
}

.channelbox_outer .btn-warning
{
    width:100%;
    background: rgb(255,115,0);
    background: linear-gradient(90deg, rgba(255,115,0,1) 0%, rgba(195,88,0,1) 100%);
    color:#fff;
}

/* Channels */

/* Followers */

.user_profile_tabs_outer
{
    width:100%;
    min-height:10px;
    float:left;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid #dadada;
}

.user_profile_tabs_btn
{
    flex:1;
    height:40px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:11px;
    font-weight:400;
    color:#333;
    cursor:pointer;
    border-right:1px solid #dadada;
}

.user_profile_tabs_btn:last-child
{
    border-right:0px;
}

.user_profile_tabs_btn_select
{
    color:var(--main_color);
    border-bottom:4px solid var(--main_color);
}

.followers_line_outer
{
    width:100%;
    min-height:10px;
    float:left;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    padding:10px;
    border:1px solid #dadada;
}

.followers_line_image
{
    width:50px;
    height:50px;
    float:left;
    background-position:center;
    background-size:cover;
}

.followers_line_text
{
    flex:1;
    min-height:10px;
    float:left;
}

.followers_line_text_right
{
    min-height:10px;
    float:left;
}

.followers_line_text h3
{
    font-size:13px;
    font-weight:500;
    color:#333;
    margin:0px;
}

.followers_line_text_right h3
{
    font-size:13px;
    font-weight:400;
    color:#333;
    margin:0px;
}

.followers_line_text_right h3 i
{
    color:var(--main_color);
}

.followers_line_outer .btn-info
{
    background: rgb(0,129,255);
    background: linear-gradient(90deg, rgba(0,129,255,1) 0%, rgba(0,93,184,1) 100%);
    color:#fff;
}

.followers_line_outer .btn-success
{
    background: rgb(0,212,99);
    background: linear-gradient(90deg, rgba(0,212,99,1) 0%, rgba(0,150,70,1) 100%);
    color:#fff;
}

.followers_line_outer .btn-danger
{
    background: rgb(255,76,0);
    background: linear-gradient(90deg, rgba(255,76,0,1) 0%, rgba(176,52,0,1) 100%);
    color:#fff;
}

.followers_line_outer .btn-warning
{
    background: rgb(255,115,0);
    background: linear-gradient(90deg, rgba(255,115,0,1) 0%, rgba(195,88,0,1) 100%);
    color:#fff;
}

.followers_line_outer button
{
    font-size:12px;
    padding:5px 10px;
}

@media only screen and (max-width: 600px)
{
    .user_profile_tabs_outer
    {
        display:block;
        border-bottom:0px;
    }

    .user_profile_tabs_btn
    {
        width:100%;
        border-right:0px;
        border-bottom:1px solid #dadada;
    }
}

/* Followers */

/* Messages */

.dasboard_messages_box_outer
{
    min-height:calc(100vh - 203px);
    background-color:#fff;
    border-radius:4px;
    float:left;
    border:1px solid #dadada;
    border-top:3px solid var(--main_color);
    display:flex;
    align-items:center;
    justify-content:center;
}

.dashboard_form_title_outer
{
    min-height:20px;
    background-color:#fff;
    float:left;
    border-radius:4px 4px 0px 0px;
    border-top:3px solid var(--main_color);
    display:flex;
    align-items:center;
    justify-content:flex-start;
    padding:10px;
    gap:7px;
    border-bottom:1px solid #e4e4e4;
}

.dashboard_form_title_icon
{
    width:25px;
    height:25px;
    display:flex;
    align-items:center;
    justify-content:center;
}

.dashboard_form_title_text
{
    flex:1;
    min-height:10px;
    float:left;
    font-size:15px;
    font-weight:300;
    color:#333;
    padding-bottom:1px;
}

.dasboard_messages_box_left
{
    width:300px;
    min-height:calc(100vh - 206px);
    float:left;
    border-right:1px solid #f4f6f9;
}

.dasboard_messages_box_right
{
    flex:1;
    min-height:calc(100vh - 206px);
    float:left;
}

.dasboard_messages_box_outer * .dashboard_form_title_outer
{
    border-top:0px;
}

.messages_users_outer
{
    width:100%;
    height:calc(100vh - 251px);
    float:left;
    padding:10px;
    overflow:auto;
}

.messages_users_outer::-webkit-scrollbar
{
    width: 5px;
}

.messages_users_outer::-webkit-scrollbar-track
{
    background: #bbbbbb;
}

.messages_users_outer::-webkit-scrollbar-thumb
{
    background: #696969;
}

.messages_users_outer::-webkit-scrollbar-thumb:hover
{
    background: #242424;
}

.messages_users_box
{
    width:100%;
    min-height:10px;
    float:left;
    padding:15px 10px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    border-bottom:1px solid #e7e7e7;
    cursor:pointer;
}

.messages_users_dot
{
    width:15px;
    height:15px;
    position:absolute;
    left:-3px;
    top:-3px;
    background-color:orange;
    border-radius:50%;
    border:3px solid #fff;
}

.messages_users_select
{
    width:20px;
    height:20px;
    float:left;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:20px;
}

.messages_users_box:last-child
{
    border:0px;
}

.messages_users_box_image
{
    width:40px;
    height:40px;
    background-size:cover;
    background-position:center;
    float:left;
    border-radius:50%;
    position:relative;
}

.messages_users_box_text
{
    flex:1;
    min-height:10px;
    float:left;
}

.messages_users_box_text h3
{
    width:100%;
    font-size:13px;
    font-weight:500;
    color:var(--main_color);
    float:left;
    margin:0px;
    margin-bottom:5px;
}

.messages_users_box_text p
{
    width:100%;
    font-size:10px;
    font-weight:300;
    color:#787878;
    float:left;
    margin:0px;
}

.messages_form_bottom
{
    width:100%;
    height:54px;
    float:left;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    padding:7px;
    border-top: 1px solid #f4f6f9;
}

.messages_form_bottom input
{
    flex: 1;
    height: 40px;
    float: left;
    border-radius: 4px;
    border: 1px solid #efefef;
    outline:0px!important;
    font-size: 13px;
    font-weight: 300;
    padding: 0px 10px;
    padding-bottom: 1px;
}

.messages_form_bottom button
{
    width:40px;
    height:40px;
    float:left;
    border-radius:4px;
    border:0px;
    outline:0px;
    font-size:20px;
    color:#919191;
    background-color:#fff;
    border: 1px solid #efefef;
}

.messages_form_center
{
    width:100%;
    height:calc(100vh - 305px);
    float:left;
    padding:10px;
    overflow:auto;
}

.messages_form_center::-webkit-scrollbar
{
    width: 5px;
}

.messages_form_center::-webkit-scrollbar-track
{
    background: #bbbbbb;
}

.messages_form_center::-webkit-scrollbar-thumb
{
    background: #696969;
}

.messages_form_center::-webkit-scrollbar-thumb:hover
{
    background: #242424;
}

.messages_form_line
{
    width:100%;
    min-height:10px;
    float:left;
    display:flex;
    align-items:flex-end;
    justify-content:flex-start;
    gap:15px;
    margin-bottom:20px;
}

.messages_form_image
{
    width:40px;
    height:40px;
    float:left;
    border-radius:50%;
    background-color:#dadada;
    background-size:cover;
    background-position:center;
}

.messages_form_text_outer
{
    width:60%;
    min-height:40px;
    background-color:#f4f6f9;
    float:left;
    padding:10px;
    border-radius:4px;
    font-size:12px;
    font-weight:300;
    color:#333;
    position:relative;
}

.messages_form_text_outer:before
{
    content: '';
    width: 8px;
    height: 10px;
    clip-path: polygon(100% 0, 0 50%, 100% 100%);
    position: absolute;
    left: -7px;
    bottom: 15px;
    background-color: #f4f6f9;
}

.messages_form_text_outer p
{
    width:100%;
    float:left;
    text-align:right;
    margin:0px;
    margin-top:5px;
    margin-bottom:-5px;
    font-size:10px;
    font-weight:500;
}

.sender_message
{
    flex-direction: row-reverse;
}

.sender_message .messages_form_text_outer:before
{
    left: auto;
    right: -7px;
    bottom: 15px;
    clip-path: polygon(0 0, 100% 50%, 0 100%);
    background-color:var(--main_color);
}

.sender_message .messages_form_text_outer
{
    background-color:var(--main_color);
    color:#fff;
}

@media only screen and (max-width: 600px)
{
    .dasboard_messages_box_outer
    {
        display:block;
    }

    .dasboard_messages_box_left
    {
        width:100%;
    }

    .dasboard_messages_box_right
    {
        width:100%;
    }

    .dasboard_messages_box_right .dashboard_form_title_outer
    {
        border-top: 3px solid var(--main_color);
        border-radius:4px 4px 0px 0px;
    }
}

/* Messages */

/* How Can Go */

 .how_can_go_title_text
{
    width:100%;
    min-height:10px;
    font-size:13px;
    font-weight:400;
    color:#333;
    margin-bottom:10px;
}

.how_can_go_title
{
    width:100%;
    min-height:20px;
    float:left;
    padding:10px;
    border:1px solid #dadada;
    align-items:center;
    font-size:13px;
    font-weight:400;
    color:#333;
    cursor:pointer;
}

.how_can_go_title_select
{
    background-color:var(--main_color);
    color:#fff;
    border-color:var(--main_color);
}

.how_can_go_tabs_outer
{
    width:100%;
    min-height:10px;
    float:left;
    display:flex;
    align-items:center;
    justify-content:center;
    border-top:1px solid #dadada;
    border-bottom:1px solid #dadada;
    padding:5px 0px;
}

.how_can_go_tabs_box
{
    flex:1;
    height:40px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:23px;
    color:#333;
    cursor:pointer;
}

.how_can_go_tabs_box_select
{
    color:var(--main_color);
}

.how_can_go_tabs_box_deselect
{
    opacity:0.2;
}

.howCanGoText
{
    width:100%;
    min-height:20px;
    float:left;
    margin-top:10px;
}

.howCanGoText p
{
    font-size:14px;
    line-height:24px;
    font-weight:300;
}

.howCanGoText p b
{
    font-weight:400;
    color:var(--main_color);
}

.how_can_go_image
{
    width:100%;
    height:auto;
    float:left;
    margin-bottom:10px;
}

/* How Can Go */