:root {
  --bg: #efefef;
  --bg1: #fff;
  --text: #000;
  --text1: #1d4eb8;
}

body {
    background: var(--bg); /* var(--bg); */
    color: var(--text);
    font-size:18px;
    margin:auto;
    text-align:center;
    -webkit-user-select: none;
}

input, textarea, select, table, b_a, button
{
        font-size:18px;
        background: var(--bg1);
        color: var(--text);
}

label
{
        font-size:18px;
        color: var(--text);
}

hr
{
    border:1px solid #9b9b9b;
    margin:0px;
}

li
{
    padding:5px;
    border-bottom:1px solid var(--bg);
}

.index_bg
{
    width:100%;
    padding:100px 0px 0px 0px;
    height:calc(100vh - 310px);
    vertical-align: middle;
    background:#feffc9;
    background-size:cover;
}

.br_b
{
    border-bottom:1px solid var(--bg);
}

.fz10
{
    font-size:10px;
}

.totop, .tosearch
{
    position:fixed;
    background:rgba(255,255,255,0.8);
    color:var(--text1);
    font-size:25px;
    width:35px;
    height:35px;
    line-height:35px;
    right:10px;
    border-radius:50%;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    cursor:pointer;
    z-index:99;
}

.totop
{
    display:none;
    bottom:25px;
}

.tosearch
{
    display:block;
    bottom:100px;
}

.group
{
    font-weight: bold;
    padding:10px;
}

.image_vis
{
    min-width:300px;
    min-height:200px;
}

.show_nd_m
{
    position: absolute;
    background:var(--bg1);
    top:30px;
    right:5px;
    width:100%;
    max-width:310px;
    border:1px solid var(--bg);
    border-radius:5px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    z-index:100;
}

.bt
{
    display:inline-block;
    background:var(--bg);
    width:calc(33.33% - 8px);
    padding:10px 0px;
    border:1px solid var(--bg);
    border-radius:5px;
    cursor:pointer;
}

.bt_sp_add
{
    color:var(--text1);
    background:var(--bg1);
    width:75px;
    padding:5px 2px;
    border:1px solid var(--text1);
    border-radius:5px;
    text-align:center;
    cursor:pointer;    
}

.sl_minus, .sl_plus
{
    padding:0px 10px;
}

.bt_none
{
    display:inline-block;
    color:black;
    width:31%;
    padding:10px 0px;
    border:1px solid var(--bg);
    border-radius:5px;
    cursor:default;
}

.btt_x_nd, .btt_x_nd:not([disabled]):hover
{
    background:red;
    color:var(--bg1);
}

.btt, .btt:not([disabled]):hover
{
    background:var(--text1);
    color:var(--bg1);
}

form
{
    margin:0px;
}

.form_s
{
    width:calc(100% - 200px); display:inline-block; float:right;
}

.form_s_text
{
    width:calc(100% - 34px);
}

.form_search
{
    display:inline-block;
    margin-top:10px;
    width:calc(100% - 35px);
}

.form_search_m
{
    display:none;
    position: absolute;
    top:0px;
    left:0px;
    background:var(--bg);
    width:calc(100% - 2px);
    padding:0px 2px;
}

.div_top
{
    background:#5b5b5b;
    padding:5px;
    color:var(--bg1);
}

.div_top a
{
    color:var(--bg1);
}

.div_footer
{
    width:calc(100% - 40px); bottom:0px; padding:20px; color:#444; font-size:12px; border-top:5px var(--bg) solid; padding-bottom:71px;
}

.status_iu
{
    position:relative;
}

.load_iu
{
    position:absolute;
    top:calc(50% - 25px);
    left:calc(50% - 25px);
}

.label_iu
{
    position:absolute;
    padding:5px;
    bottom:0px;
    right:0px;
}

.label_iu_del
{
    position:absolute;
    padding:5px;
    bottom:0px;
    left:0px;
}

.div_loader
{
    display:none;
    position:fixed;
    top:0px;
    left:0px;
    background:url(/theme/image/load.gif) center no-repeat, url(/theme/image/icon24.png) center no-repeat;
    width:100%;
    height:100%;
    z-index:99;
}

.div_bg
{
    display:none;
    background: rgba(0,0,0,0.5);
    position:fixed;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    cursor:pointer;
    z-index:99;
}

.div_heart
{
    display:none;
    /* background: rgba(0,0,0,0.5) url(/theme/image/heart.gif) no-repeat center; */
    background-size:contain;
    position:fixed;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    z-index:99;
}


.main, .main_f
{
    display:block;
    position:relative;
    top:35px;
    left:300px;
    width:calc(100% - 300px);
    border-right:0px;
    background:var(--bg1);
    min-height:calc(100vh - 35px);
    z-index:99;
}

.main_f
{
    left:0px;
    width:100%;
}

.active
{
    background:var(--bg);
}

.menu
{
    display:block;
    visibility:visible;
    position:fixed;
    top:32px;
    padding:5px 0px;
    max-width:295px;
    width:100%;
    height:calc(100% - 45px);
    overflow-y: auto;
    text-align:left;
    border-right:0px;
    background:var(--bg1);
    vertical-align:top;
    margin:auto;
    z-index:100;
}

.menu_m
{
    display:none;
    padding:20px 0px;
    background:var(--bg1);
    text-align:left;
    z-index:100;
}

.menu a, .menu_m a
{
    display:block;
    padding-top:10px;
    padding-right:10px;
    padding-bottom:10px;
    border-bottom:1px solid var(--bg);
}

.drag_in
{
    top:0px;
    right:0px;
    position:absolute;
    border-radius:5px;
    margin:5px;
    padding:5px;
    background:var(--bg);
    color:var(--bg1);
}

.menu_this
{
    font-weight: bold;
}

.menu1
{
    padding-left:5px;
}

.menu2
{
    padding-left:10px;
}

.menu3
{
    padding-left:20px;
}

.menu1, .menu2, .menu3
{
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;    
}

.menu_nd
{
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
}

.div_bottom
{
    display:inline-block;
    background:#fcc99f;
    width:calc(100% - 20px);
    padding:10px;
    text-align:left;
    text-align: justify;
}

.nd
{
    padding:5px 5px; text-align: justify; overflow: hidden;
}

.nd_like, .nd_like_no
{
    font-size:14px;
}

.nd_list
{
    position:relative;
    background:var(--bg1);
    padding-top:10px;
    text-align: justify;
}

.nd_sml, .nd_sml0
{
    font-weight: bold;
    font-size:25px;
}

.nd_sml3
{
    font-weight: bold;
}

.nd_sml, .nd_sml2
{
    color:#4d4d4d;
    cursor:pointer;
}

/*
.copy_m, .nd_post, .nd_del, .nd_edit, .list_edit, .nd_drag, .nd_drop, .nd_undrag, .btt_like, .btt_unlike
{
    position:relative;
    padding:0px 10px 0px 10px; float:right;
}
*/

.copy_m, .list_edit, .btt_like, .btt_unlike, .nd_copy, .menu_edit
{
    position:relative;
    padding:0px 10px 0px 10px; float:right;
}

.exit_menu_edit
{
    position:relative;
    padding:0px 10px 0px 10px;
}

.copy_l
{
    display:none;
}

.copied, .voted
{
    display:none;
    position:absolute;
    right:0px;
    text-align:right;
    white-space: nowrap; padding:0px 10px 0px 10px; z-index:100;
}

.order_huy, .order_on
{
    position:absolute;
    margin-top:-22px;
    right:35px;
    padding:0px 5px 0px 5px;
    color:#c9c9c9;
    cursor:pointer;
    z-index:99;
}

.expand_bt
{
    position:absolute;
    margin-top:-30px;
    right:0px;
    padding:5px 15px;
    color:#c9c9c9;
    cursor:pointer;
    z-index:99;
}

.nd_vote
{
    display:inline-block; position:absolute; top:5px; left:0px; width:35px; overflow:hidden;
}

.img
{
    width:640px;
}

.nd_img
{
    max-width:640px; padding:5px 0px; margin:auto; margin-bottom:5px;
}

.nd_chat
{
    position: absolute; top:26px; left:5px; background:rgba(255,255,255,0.9); padding:5px; max-width:calc(100% - 20px); border-radius:10px; -webkit-user-select: none;
}

.div_ef
{
    background:var(--bg); height:5px; width:100%;
}

.div_nd
{
    position:relative; min-height:50px; padding-bottom:10px;
}

a.anchor {
    display: block;
    position: relative;
    top: -99px;
    visibility: hidden;
}

.nd_m
{
    border-top:0px solid var(--bg);
}

.div_ads
{
    margin:10px 0px;
    text-align:center;
}

.div_nd1
{
    -webkit-user-select: none;
    cursor:pointer;
}

/*
.nd_chat:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 20px;
  width: 0;
  border-top: 10px solid rgba(255,255,255,0.8);
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}
*/

.nd_chat_arrow {
  position: absolute; left:10px; bottom:-10px;
  border-top: 10px solid rgba(255,255,255,0.9);
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}

.img_copy
{
    position:absolute; background:rgba(255,255,255,0.8); top:0px; right:0px; padding:0px 5px; -webkit-user-select: none;
}

.ndf
{
    position:relative; background:var(--bg); padding:5px; text-align: justify;
}

.nds
{
    padding:0px 5px; text-align: justify; overflow: hidden;
}

.ndn
{
    padding:5px 5px 0px 10px; text-align: justify; overflow: hidden;
}

/*
.ndn10
{
    padding:5px 5px 0px 10px;
}

.ndn50
{
    padding:5px 5px 0px 35px;
}
*/

/*
.link, .link30
{
    display:inline-block;
    max-width:100%;
    white-space: nowrap;
    overflow: hidden;
}
*/

.oneline30
{
    display:inline-block;
    max-width:calc(100% - 30px);
    white-space: nowrap;
    overflow: hidden;
}

.link30
{
    display:inline-block;
    white-space: nowrap;
    overflow: hidden;
    max-width:calc(100% - 30px);
}

.nowrap
{
    white-space: nowrap;
}

p
{
    padding:5px;
    text-align:left;
}

.ffpl5
{
    padding-left:5px;
}

.pr10
{
    padding-right:10px;
}

.ffz27
{
    font-size:27px;
}

.ffz25
{
    font-size:25px;
}

.ffz20
{
    font-size:18px;
}

.ffz14
{
    font-size:14px;
}

.fmt5
{
    margin-top:5px;
}

.fmb5
{
    margin-bottom:5px;
}

.fmb10
{
    margin-bottom:10px;
}

.b
{
    font-weight: bold;
}

label
{
    display:inline-block;
}

a, .blue, .list, .copy_m, .top, .nd_post, .nd_edit, .nd_del, .list_edit, .bl_post, .menu_edit, .exit_menu_edit, .btt_menu, .nd_pub, .nd_pri
{
  /* text-decoration:none; */
  color:var(--text1);
  -webkit-user-select: none;
  cursor:pointer;
}

.nd_undrag, .nd_drag, .nd_drop, .nd_post, .nd_edit, .nd_del, .nd_pub, .nd_pri
{
    padding:3px;
}

.nd_drag
{
    border-radius:5px;
}

.btt_pri
{
    color:#7d7c7c;
}

.nd_box
{
    background:var(--bg); border-radius:5px; margin:2px 2px 2px 10px; float:right;
}

.bl_post
{
    float:left; padding:0px 10px;
}

.white
{
    color:var(--bg1);
}

.go_cm
{
    -webkit-user-select: none;
}

table{
    width:100%;
}

td
{
    vertical-align:top;
}

input[type=text] {
   
}

input[type=password] {

}

input[type=checkbox], label {
    color:var(--text1);
    cursor:pointer;
}

input[type=text], input[type=password], textarea, select
{
    width:calc(100% - 12px);
    border:1px solid #d5d5d5;
    border-radius:5px;
    margin-bottom:2px;
    padding:5px;
}

input[type=submit], select, button
{
    width:calc(100% - 2px);
    border:1px solid #d5d5d5;
    border-radius:5px;
    margin-bottom:2px;
    padding:5px;
}

input[type=submit], button{
    color:var(--text1);
    cursor:pointer;
}

input[type=submit]:hover, input[type=submit]:active, button:hover, button:active
{
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.1);
}

textarea
{
    height:35px;
}

input, textarea:focus
{
    outline-width: 0;
}

.mw500
{
    max-width:500px;
}

.input_nd_sl
{
    width:calc(100% - 38px);
}

.f_mk
{
    width:300px;
    padding:10px;
    border:1px solid #d5d5d5;
    border-radius:5px;
    margin:auto;
}

.f_m10
{
    margin-left:10px;
}

.f_mr10
{
    margin-right:10px;
}

.fml5
{
    margin-left:5px;
}

.f_p10
{
    padding:10px;
}

.f_p5
{
    padding:5px;
}

.m_w100
{
    max-width:100%;
}

.w100
{
    width:100%;
}

.w90p
{
    width:90px;
}

.wc100_100p
{
    width:calc(100% - 100px);
}

.red
{
    color:red;
}

.gray
{
    color:#4d4d4d;
}

.green
{
    color:#378805;
}

.gold
{
    color:#fa7100;
}

.f_l_m
{
    text-decoration-line: line-through;
}

.pointer
{
    cursor:pointer;
}

.c
{
    text-align:center;
}

.r
{
    float:right;
}

.l
{
    float:left;
}

.c
{
    text-align:center;
}

.bold
{
    font-weight:bold;
}

.clear
{
    clear:both;
}

h1, h2, h3, h4, p
{
    margin:0px;
    font-size:18px;
}

p
{
    text-indent: 10px;
    text-align: justify;
}

ol
{
    padding:0px 5px 0px 25px;
    margin:0px;
}


.d_post_send
{
    display:none;
    position:fixed;
    left:300px;
    bottom:0px;
    background:var(--bg); /* #fcc99f; */
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    width:calc(100% - 310px);
    max-height:100%;
    padding:5px;
    margin:auto;
    vertical-align:middle;
    text-align: justify;
    z-index:111;
}

.bg_post
{
    display:none;
    background: rgba(0,0,0,0.5);
    position:fixed;
    bottom:0px;
    width:100%;
    height:100%;
    z-index:110;
}

.d_bl_send
{
    display:none;
    position:fixed;
    bottom:0px;
    background:var(--bg); /* #fcc99f; */
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    width:calc(100% - 10px);
    max-width:890px;
    height:75%;
    padding:5px;
    margin:auto;
    vertical-align:middle;
    text-align: justify;
    z-index:100;    
}

.bl_nd
{
    width:calc(100% - 60px);
}

.div_info
{
    display:none;
    position:fixed;
}

.submit_post_label
{
    padding:0 10px;
}

.d_result_image
{
    width:100%;
    overflow-x: auto;
    background: var(--bg1);
    white-space: nowrap;
    text-align:center;
}


.fa
{
    padding:2px;
    min-width:15px;
}


.b_a
{
    white-space: nowrap;
    text-align:center;
    background:var(--bg1);
    border:1px solid #d5d5d5;
    width:24px;
    border-radius:5px;
    padding:5px;
    cursor:pointer;
}

span,a.b_a
{
    display:inline-block;
}

.toggle
{
    width:calc(100% - 22px);
    padding:10px;
    border:1px solid var(--bg);
    background:#f5f5f5;
    border-radius:5px;
}

.toggle_t
{
    cursor:pointer;
    padding:5px;
}

.toggle_n, .toggle_n_p, .toggle_n_p1, .toggle_nd_shop
{
    display:none;
    margin-top:10px;
}

.hide
{
    display:none;
}

/*
::-webkit-scrollbar {
  height: 20px;            
  width: 20px;
  border: 1px solid #d5d5d5;
}

::-webkit-scrollbar-track {
  background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
  background: #888;
}

::-webkit-scrollbar-thumb:hover {
  background: #555;
}
*/

.desk
{
    /* display:inline-block; */
    display: default;
}

.desk_b
{
    display:block;
}

.mobile, .mobile_b
{
    display:none;
}

.html_bls
{
    display:none;
}

.page_number {
    display:inline-block;
    font-size:18px;
    font-weight:bold;
    padding:10px 0px;
    margin:0px 10px;
    white-space: nowrap;
    cursor: pointer;
}

.page_number_selected {
    color:var(--text);
    text-decoration-line: underline;
    cursor:default;
}

.site_nd
{
    display:block;
    position:absolute;
    left:810px;
    width:calc(100% - 822px);
    max-width:800px;
    background:var(--bg1); vertical-align:top;
}

.top_nd
{
    width:100%; height:110px; margin:10px 0px; overflow: hidden; overflow-x: auto; white-space: nowrap;
}

.topbar
{
    position:fixed;
    height:40px;
    width:calc(100% - 20px);
    padding:5px 10px;
    line-height:20px;
    background:red;
    border-bottom:1px solid #646e7d;
    text-align:left;
    z-index:100;
}

.topnav
{
    overflow-x: scroll;
    position:fixed;
    height:32px;
    top:0px;
    width:100%;
    border-bottom:1px solid var(--bg);
    background:var(--bg); /* #dbeeff;*/
    white-space: nowrap;
    overflow-x: hidden;
    overflow-y: hidden;
    padding:0px;
    line-height:32px;
    text-align:left;
    z-index:100;    
}

.topnav .link
{
    line-height:30px;
    color:var(--text1);
    background:var(--bg1);
    padding:0 10px;
    /* margin-right:20px; */
    cursor:pointer;
}

.topnav .link:hover
{
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.1);
}

.topnav .is
{
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.1);
}

/*
.topnav .link:hover, .topnav .link:active
{
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.1);
}
*/


.gh_top, .gh_top_show
{
    display:none; position:fixed; right:0px; top:0px; padding:0px; height:30px; background:var(--bg1);
}

.gh_top_show
{
    display:block;
}

.gh_number
{
    position:absolute;
    border-radius:50%;
    width:20px;
    height:20px;
    line-height:20px;
    text-align:center;
    background:red;
    color:var(--bg1);
}

.gh_txt
{
    padding-left:20px;
}


.tk_top
{
    position:fixed; right:10px; top:0px; padding:3px 32px 0px 7px; background:var(--bg);
}

.btt_menu, a.btt_s_b
{
    visibility: hidden;
}

a.btt_s_b
{
    /* margin-left:calc(30% - 30px); */
}

.botbar
{
    position:fixed;
    display:none;
    bottom:0px;
    height:35px;
    width:calc(100% - 20px);
    padding:0px 10px;
    line-height:18px;
    background:var(--bg);
    border-top:1px solid var(--bg);
    text-align:left;
    z-index:100;
}


.nd_thumb
{
    display:inline-block; width:360px; height:100px; font-size:16px;
}

.nd_thumb_top
{
    display:inline-block; width:100px; height:100px; border:2px solid var(--bg); border-radius:10px; margin:5px;
}

.b_b
{
    border:2px solid #fcc99f;
}

.yt_if
{
    border:1px solid var(--bg);
    border-radius:5px;
    width:100%;
    height:400px;
}

    .div_menu
    {
        display:none;
    }

::-webkit-resizer {
  display: none;
}

@media (max-width: 1200px) {
    
    body {
        background:var(--bg1);
    }
    
    .main
    {
        display:block;
        position:relative;
        left:0px;
        width:100%;
        border-right:0px;
    }
    
.form_s_text
{
    width:calc(100% - 100px);
}
    
    .botbar
    {
        display:block;
    }
    
    .desk, .desk_b
    {
        display:none;
    }
    
.topbar
{
    line-height:30px;
}

    .topnav
    {
        overflow-x: scroll;
        width:calc(100% - 45px);
        padding:0px 0px 0px 45px;    
    
    }
    
.gh_top, .gh_top_show
{
    right:0px;
}

a.btt_s_b
{
    visibility:visible;
}

.btt_menu
{
    position:fixed;
    background:var(--bg); /* #dbeeff;*/
    line-height:32px;
    padding:0px 10px;
    top:0px;
    left:0px;
    visibility:visible;
    z-index:100;
}

.btt_m_g
{
    background:var(--bg);
}

.menu
{
    visibility:hidden;
    max-width:100%;
    height:calc(100% - 75px);
}

.menu_m
{
    margin-top:100px;
    display:block;
    position:relative;
}
    
    .d_post_send
    {
        width:calc(100% - 10px);
        left:0px;
    }
    
    .site_nd
    {
        display:block;
        position:relative;
        width:100%;
        left:0px;
        border:0px;
        margin:0px;
    }
    
    .div_menu
    {
        display:block; padding:10px; overflow-x: auto; white-space: nowrap; font-size:14px; text-align:left;
    }
    
    .totop, .tosearch
    {
        right:10px;
        width:40px;
        height:40px;
        font-size:30px;
        line-height:40px;
    }
    
    .totop
    {
        bottom:25px;
    }
    
    .tosearch
    {
        display:block;
        bottom:150px;
    }
    
}

.image
{
    display:block;
    position:relative;
    max-width:800px;
    width:calc(100% - 10px);
    padding:5px 0px 5px 5px;
    margin:5px;
    color:var(--bg1);
    text-shadow: 2px 2px 4px var(--text);
    vertical-align:top
}

.image_link
{
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.1);
}

.image_lazy
{
    border-radius:5px;
}

.thumb
{
    width:150px;
    float:right;
    padding:10px;
    text-shadow: 2px 2px 4px var(--text);
}

.ndnd
{
    display:inline-block;
    padding:5px;
    width:calc(100% - 10px);
    max-width:1000px;
    vertical-align:top;
    /*border-top:1px solid var(--bg);*/
}

/*
.image_c
{
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
*/

@media (max-width: 1000px){

}

@media (max-width: 500px) {
    body,input, textarea, label, table, b_a, button
    {
        font-size: 16px;
    }
    
    h1, h2, h3, h4, p
    {
        font-size:16px;
    }
    
    .main
    {
        min-height:calc(100vh - 140px);
    }
    
a.anchor {
    top: -90px;
}
    
.img
{
    width:100%;
}

    .image_vis
    {
        min-height:170px;
    }
    
    .nd_thumb
    {
        width:100%;
    }
    
.nd_sml
{
    font-size:16px;
}
    
.ndnd
{
    padding:0px;
    width:100%;
}
    
    .form_s
    {
        width:calc(100% - 160px);
    }
    
    .d_post
    {
        width:calc(100% - 20px);
    }
    
    .mobile
    {
        display:inline-block;
    }
    
    .mobile_b
    {
        display:block;
    }
    
    .page_number {
        padding:5px 7px 5px 3px; width:8px; height:8px; line-height:8px;
    }

}


* {
    -webkit-tap-highlight-color: transparent;
}


@media (min-width: 1200px) {
::-webkit-scrollbar {
    width: 1em;
}
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
::-webkit-scrollbar-thumb {
    background-color: #646e7d;
    border: 5px solid transparent;
    background-clip: content-box;
    border-radius: 20px; 
}

}

/* Hide scrollbar for Chrome, Safari and Opera */
.topnav::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.topnav {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

::placeholder {
  color: var(--text1);
  opacity: 1; /* Firefox */
}

::-ms-input-placeholder { /* Edge 12 -18 */
  color: var(--text1);
}