@charset "UTF-8";
@import url(https://at.alicdn.com/t/c/font_3686537_6uxz51nhvx4.css);
@import url(https://at.alicdn.com/t/c/font_3860064_d92w4zcuegc.css);
@import url(../fonts/simple-line-icons/Simple-Line-Icons.css);
.discovery_forum a,.thread-forum-name,a:hover{
    text-decoration:none
}
a,a:hover{
    transition:.2s
}
#my_aside>.card,:focus{
    box-shadow:none!important
}
.btn,.btn-link{
    font-weight:300
}
.site-list-ul,li{
    list-style:none
}
.bottom-nav,.btn.hover,.btn:hover,.forumBrief,.goTop,.qqFace img,.tagSelect{
    cursor:pointer
}
:root{
    --main-bg-color:#eff2f6;
    --primary:#409EFF;
    --nav-bg-color:#2997f7;
    --secondary:#909399;
    --success:#67C23A;
    --info:#00b8d8;
    --warning:#E6A23C;
    --danger:#F56C6C;
    --light:#f8f9fa;
    --black:#000;
    --white:#fff;
    --aid-color:#f2f3f5
    
    --text-color:#e0e0e0;
    --bg-color:#323335;
    --bg-color-2:#ffffff;
    --bg-color-3:#fff2f6;
    --border-color:#28262d
}




:focus{
    outline:0
}
.breadcrumb,.card{
    box-shadow:0 0 0 0 rgba(0,0,0,.08)!important
}
.iconfont{
    vertical-align:-.1em
}
img{
    -webkit-user-drag:none
}
a{
    color:var(--dark)
}
.divide{
    height:1px;
    border-bottom:1px solid var(--gray-200)
}
tox-editor-header{
    top:100px
}
html{
    scroll-behavior:smooth
}
body{
    background:var(--main-bg-color)
}
#body{
    padding-top:75px
}
.navbar{
    padding:0;
    position:fixed;
    width:100%;
    z-index:100;
    background-color:var(--white);
    backdrop-filter:blur(10.5px);
    -webkit-backdrop-filter:blur(10.5px);
    border:0 solid rgba(255,255,255,.07);
    border-radius:0;
    -webkit-border-radius:0
}
.navbar>.container{
    padding-right:0
}
.navbar-light .navbar-toggler{
    border-color:transparent!important;
    padding:1rem
}
.bottom-nav .active,.btn-link,.haya-post-info-at,.header_nav_2_mobile_menu_thread_create,.navbar-light .navbar-nav .active>.nav-link,.navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .nav-link.show,.navbar-light .navbar-nav .show>.nav-link{
    color:var(--primary)
}
.alert-primary,.badge-primary,.list-group-item.active,.nav-pills .nav-link.active,.nav-pills .show>.nav-link{
    color:var(--nav-bg-color);
    background-color:rgba(41,151,247,.1)
}
.navbar-light .navbar-toggler:before{
    display:inline-block;
    font:14px/1 FontAwesome;
    font-size:inherit;
    text-rendering:auto;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    content:"\f0c9"
}
#my_aside .card-body,#user_aside .card-body,#user_main .col-md-2,.block.block-mode-hidden>.block-content,.navbar-light .navbar-toggler-icon,.ribbon-modern .ribbon-box::before{
    display:none
}
.navbar-light .navbar-nav .nav-link{
    padding:1rem
}
.card{
    background:var(--white);
    border-radius:5px;
    border:none
}
.card>.card-footer,.card>.card-header{
    background-image:none;
    background-color:transparent
}
.card-header-tabs{
    margin-top:-.25rem
}
.card-header-tabs>.nav-item>.nav-link,.card-header-tabs>.nav-item>.nav-link:hover:not(.active){
    border-width:0
}
.card-header-tabs>.nav-item>.nav-link.active{
    background:0 0;
    font-weight:700
}
.card-header-tabs>.nav-item>.nav-link.active::after{
    content:"";
    display:block;
    margin:6px auto -6px;
    height:4px;
    line-height:14px;
    background-color:var(--primary)
}
.breadcrumb{
    background-color:var(--white)!important;
    font-size:14px;
    border:none
}
.nav_tag_list{
    display:flex;
    flex-direction:column
}
.user_page_header{
    margin-top:-70px;
    position:relative
}
.list-group-flush .list-group-item::after{
    font-family:FontAwesome;
    content:"\f054";
    float:right;
    text-align:left
}
@media (min-width:992px){
    #my_aside,#user_aside{
        flex:0 0 25%!important;
        max-width:25%!important;
        padding-right:0
    }
    #my_main,#user_main{
        flex:0 0 75%;
        max-width:75%
    }
    .discovery-rank-list{
        height:256px
    }
}
@media (max-width:576px){
    .user_header{
        margin-bottom:0
    }
    #my_mobile_nav,#user_mobile_nav{
        display:none;
        margin:0;
        padding:0
    }
    #body{
        padding-top:3.93rem
    }
    #forum_page,#index_page{
        padding-top:2.55rem!important
    }
    .creditsInfo{
        padding:0 1rem!important
    }
    .creditsInfo .card{
        border-radius:5px!important
    }
    .discovery_looppic{
        border-radius:0!important
    }
    .el-carousel__container{
        height:11rem!important
    }
    .style1_subject_body{
        margin-left:-45px;
        word-break:break-all;
        word-wrap:break-word
    }
    .user_profile_right{
        position:absolute
    }
    .login-card-right{
        height:100vh
    }
}
@media (max-width:768px){
    .user_profile_right{
        position:absolute
    }
}
@media (min-width:1200px){
    #body{
        padding-top:75px
    }
    .container{
        max-width:1200px
    }
    .user_page_avatar{
        width:10rem;
        height:10rem;
        border-radius:1rem
    }
    .bg-image-fixed{
        background-attachment:fixed
    }
}
#my_aside>.card{
    background:0 0;
    overflow:unset
}
#user_aside>.card>.list-group{
    padding:10px
}
#my_aside .list-group-flush .list-group-item{
    border-radius:5px!important;
    border:none;
    margin-bottom:1rem!important
}
#mobile_nav .navbar-nav{
    flex-direction:row
}
#mobile_nav .navbar-nav .nav-link{
    margin-right:10px;
    border-radius:3px;
    background-color:var(--light)
}
.MobilemenuBtn{
    padding:1rem;
    font-size:1.25rem;
    line-height:1;
    background-color:transparent;
    border:1px solid transparent;
    border-radius:.25rem
}
.postInfo{
    font-size:5px!important
}
.forumBrief{
    display:-webkit-box;
    text-overflow:ellipsis;
    overflow:hidden;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2
}
.discovery-forum-brief,.hot-forum-breif,.subject,.threadlist_brief{
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical;
    text-overflow:ellipsis
}
.alert{
    border-radius:5px;
    border:none
}
.list-group-flush .list-group-item{
    border-radius:3px;
    border:none
}
.list-group-horizontal>.list-group-item:first-child{
    border-top-right-radius:3px
}
.list-group-horizontal>.list-group-item:last-child{
    border-bottom-left-radius:3px
}
.user_page_avatar{
    border:3px solid var(--white)
}
#footer{
    background-color:var(--light)!important
}
.subject{
    display:-webkit-box!important;
    overflow:hidden
}
.thread-forum-name{
    padding:2px 10px;
    border-radius:10px
}
.style3-thread-forum-name:hover,.thread-forum-name:hover{
    background-color:#bebebe
}
.style3-thread-forum-name{
    padding:1px 4px;
    border-radius:2px;
    text-decoration:none
}
.list-group-item.active{
    z-index:2
}
.btn-info,.btn-info:hover,.btn-outline-black:active,.btn-primary,.btn-primary:hover,.btn-secondary,.btn-success,.btn-success:hover{
    color:var(--white)
}
.forumList{
    overflow:auto;
    min-height:0;
    max-height:400px
}
.badge{
    vertical-align:2px
}
.subject_img_box{
    max-width:200px;
    max-height:200px;
    overflow:hidden;
    display:flex;
    align-items:center
}
.subject_img_box>img{
    width:100%;
    height:100%;
    object-fit:cover
}
.right_btn_group{
    right:0;
    bottom:0
}
.user-background{
    background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.6));
    background-color:rgba(0,0,0,.3)
}
.sidebar--nav li.active{
    color:var(--nav-bg-color)!important;
    background-color:rgba(41,151,247,.1);
    border-radius:5px
}
.card .nav.flex-column:not(.nav-sidebar)>li:hover,.forumList>li:hover{
    background-color:#f6f6f6
}
.js-sidebar,.js-sidebar--background{
    top:0;
    left:0;
    width:100%;
    height:100%
}
.js-sidebar--background{
    -moz-transition:.3s;
    -o-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s
}
.js-sidebar{
    position:fixed;
    z-index:9999;
    -moz-transform:translate(-100%,0);
    -ms-transform:translate(-100%,0);
    -webkit-transform:translate(-100%,0);
    transform:translate(-100%,0);
    -moz-transition:-moz-transform 0s .3s;
    -o-transition:-o-transform 0s .3s;
    -webkit-transition:-webkit-transform 0s .3s;
    transition:transform 0s .3s
}
.js-sidebar--background{
    position:absolute;
    background:0 0
}
.js-sidebar--container{
    position:relative;
    z-index:1;
    width:80%;
    max-width:300px;
    height:100%;
    background:var(--main-bg-color);
    display:-webkit-flex;
    -webkit-flex-direction:column;
    display:flex;
    flex-direction:column;
    -moz-box-shadow:2px 0 20px rgba(0,0,0,.2),1px 0 10px rgba(0,0,0,.1);
    -webkit-box-shadow:2px 0 20px rgba(0,0,0,.2),1px 0 10px rgba(0,0,0,.1);
    box-shadow:2px 0 20px rgba(0,0,0,.2),1px 0 10px rgba(0,0,0,.1);
    -moz-transform:translate(-100%,0);
    -ms-transform:translate(-100%,0);
    -webkit-transform:translate(-100%,0);
    transform:translate(-100%,0);
    overflow:auto
}
.block .block,.btn-primary,.btn-secondary,.btn.disabled,.btn:disabled,.content-side .block{
    box-shadow:none
}
.js-sidebar.is-visible{
    -moz-transform:translate(0,0);
    -ms-transform:translate(0,0);
    -webkit-transform:translate(0,0);
    transform:translate(0,0);
    -moz-transition:-moz-transform;
    -o-transition:-o-transform;
    -webkit-transition:-webkit-transform;
    transition:transform
}
.btn,.close{
    transition:250ms cubic-bezier(.27, .01, .38, 1.06)
}
.js-sidebar.is-visible .js-sidebar--background{
    background:rgba(0,0,0,.2)
}
.btn{
    border:1px solid transparent;
    padding:.375rem .75rem!important;
    font-size:.875rem;
    line-height:1.1;
    border-radius:.375rem
}
.block.block-mode-fullscreen.block-rounded,.btn.btn-squared{
    border-radius:0
}
.btn.btn-pill{
    border-radius:50px
}
.btn-primary{
    background-color:var(--primary);
    border-color:var(--primary)
}
.btn-primary:hover{
    background-color:#006fe6
}
.btn-primary.disabled,.btn-primary:disabled{
    background-color:var(--primary);
    border-color:var(--primary);
    box-shadow:none;
    cursor:not-allowed
}
.btn-primary.active,.btn-primary:active,.show>.btn-primary.dropdown-toggle{
    background-color:#006fe6;
    background-image:none;
    box-shadow:inset 0 .1875rem .625rem 0 #0062cc,inset 0 .0625rem .125rem 0 #0056b3
}
.btn-secondary{
    background-color:var(--secondary);
    border-color:var(--secondary)
}
.btn-secondary:hover{
    color:var(--white);
    background-color:#4e545b
}
.btn-outline-secondary.focus,.btn-outline-secondary:focus,.btn-secondary.focus,.btn-secondary:focus{
    box-shadow:0 0 0 3px rgba(90,97,105,.15),0 3px 15px rgba(90,97,105,.2),0 2px 5px rgba(0,0,0,.1)
}
.btn-secondary.disabled,.btn-secondary:disabled{
    background-color:var(--secondary);
    border-color:var(--secondary);
    box-shadow:none;
    cursor:not-allowed
}
.btn-secondary.active,.btn-secondary:active,.show>.btn-secondary.dropdown-toggle{
    background-color:#4e545b;
    background-image:none;
    box-shadow:inset 0 .1875rem .625rem 0 #42484e,inset 0 .0625rem .125rem 0 #373b40
}
.btn-success{
    background-color:var(--success);
    border-color:var(--success);
    box-shadow:none
}
.btn-success:hover{
    background-color:#14af64
}
.btn-outline-success.focus,.btn-outline-success:focus,.btn-success.focus,.btn-success:focus{
    box-shadow:0 0 0 3px rgba(23,198,113,.15),0 3px 15px rgba(23,198,113,.2),0 2px 5px rgba(0,0,0,.1)
}
.btn-success.disabled,.btn-success:disabled{
    background-color:var(--success);
    border-color:var(--success);
    box-shadow:none;
    cursor:not-allowed
}
.btn-success.active,.btn-success:active,.show>.btn-success.dropdown-toggle{
    background-color:#14af64;
    background-image:none;
    box-shadow:inset 0 .1875rem .625rem 0 #129857,inset 0 .0625rem .125rem 0 #0f814a
}
.btn-info{
    background-color:var(--info);
    border-color:var(--info);
    box-shadow:none
}
.btn-info:hover{
    background-color:#00a2bf
}
.btn-info.focus,.btn-info:focus,.btn-outline-info.focus,.btn-outline-info:focus{
    box-shadow:0 0 0 3px rgba(0,184,216,.15),0 3px 15px rgba(0,184,216,.2),0 2px 5px rgba(0,0,0,.1)
}
.btn-info.disabled,.btn-info:disabled{
    background-color:var(--info);
    border-color:var(--info);
    box-shadow:none;
    cursor:not-allowed
}
.btn-info.active,.btn-info:active,.show>.btn-info.dropdown-toggle{
    background-color:#00a2bf;
    background-image:none;
    box-shadow:inset 0 .1875rem .625rem 0 #008da5,inset 0 .0625rem .125rem 0 #00778c
}
.btn-warning{
    background-color:var(--warning);
    border-color:var(--warning);
    box-shadow:none;
    color:#000
}
.btn-warning:hover{
    color:#000;
    background-color:#e6a200
}
.btn-outline-warning.focus,.btn-outline-warning:focus,.btn-warning.focus,.btn-warning:focus{
    box-shadow:0 0 0 3px rgba(255,180,0,.15),0 3px 15px rgba(255,180,0,.2),0 2px 5px rgba(0,0,0,.1)
}
.btn-warning.disabled,.btn-warning:disabled{
    background-color:var(--warning);
    border-color:var(--warning);
    box-shadow:none;
    cursor:not-allowed
}
.btn-warning.active,.btn-warning:active,.show>.btn-warning.dropdown-toggle{
    background-color:#e6a200;
    background-image:none;
    box-shadow:inset 0 .1875rem .625rem 0 #cc9000,inset 0 .0625rem .125rem 0 #b37e00
}
.btn-danger{
    background-color:var(--danger);
    border-color:var(--danger);
    box-shadow:none;
    color:var(--white)
}
.btn-danger:hover{
    color:var(--white);
    background-color:#ad1535
}
.btn-danger.focus,.btn-danger:focus,.btn-outline-danger.focus,.btn-outline-danger:focus{
    box-shadow:0 0 0 3px rgba(196,24,60,.15),0 3px 15px rgba(196,24,60,.2),0 2px 5px rgba(0,0,0,.1)
}
.btn-danger.disabled,.btn-danger:disabled{
    background-color:var(--danger);
    border-color:var(--danger);
    box-shadow:none;
    cursor:not-allowed
}
.btn-danger.active,.btn-danger:active,.show>.btn-danger.dropdown-toggle{
    background-color:#ad1535;
    background-image:none;
    box-shadow:inset 0 .1875rem .625rem 0 #97122e,inset 0 .0625rem .125rem 0 #801027
}
.btn-light{
    background-color:var(--light);
    border-color:var(--light);
    box-shadow:none;
    color:#3b4651
}
.btn-light:hover{
    color:#3b4651;
    background-color:#dadfe4
}
.btn-light.focus,.btn-light:focus,.btn-outline-light.focus,.btn-outline-light:focus{
    box-shadow:0 0 0 3px rgba(233,236,239,.15),0 3px 15px rgba(233,236,239,.2),0 2px 5px rgba(0,0,0,.1)
}
.btn-light.disabled,.btn-light:disabled{
    background-color:var(--light);
    border-color:var(--light);
    box-shadow:none;
    cursor:not-allowed
}
.btn-light.active,.btn-light:active,.show>.btn-light.dropdown-toggle{
    background-color:#dadfe4;
    background-image:none;
    box-shadow:inset 0 .1875rem .625rem 0 #cbd3da,inset 0 .0625rem .125rem 0 #bdc6cf
}
.btn-dark{
    background-color:#212529;
    border-color:#212529;
    box-shadow:none;
    color:var(--white)
}
.btn-dark:hover{
    color:var(--white);
    background-color:#16181b
}
.btn-dark.focus,.btn-dark:focus,.btn-outline-dark.focus,.btn-outline-dark:focus{
    box-shadow:0 0 0 3px rgba(33,37,41,.15),0 3px 15px rgba(33,37,41,.2),0 2px 5px rgba(0,0,0,.1)
}
.btn-dark.disabled,.btn-dark:disabled{
    background-color:#212529;
    border-color:#212529;
    box-shadow:none;
    cursor:not-allowed
}
.btn-dark.active,.btn-dark:active,.show>.btn-dark.dropdown-toggle{
    background-color:#16181b;
    background-image:none;
    box-shadow:inset 0 .1875rem .625rem 0 #0a0c0d,inset 0 .0625rem .125rem 0 #000
}
.btn-white{
    background-color:var(--white);
    border-color:var(--white);
    box-shadow:none;
    color:#595959
}
.btn-white:hover{
    color:#595959;
    background-color:#f2f2f2
}
.btn-outline-white.focus,.btn-outline-white:focus,.btn-white.focus,.btn-white:focus{
    box-shadow:0 0 0 3px rgba(255,255,255,.15),0 3px 15px rgba(255,255,255,.2),0 2px 5px rgba(0,0,0,.1)
}
.btn-white.disabled,.btn-white:disabled{
    background-color:var(--white);
    border-color:var(--white);
    box-shadow:none;
    cursor:not-allowed
}
.btn-white.active,.btn-white:active,.show>.btn-white.dropdown-toggle{
    background-color:#f2f2f2;
    background-image:none;
    box-shadow:inset 0 .1875rem .625rem 0 #e6e6e6,inset 0 .0625rem .125rem 0 #d9d9d9
}
.btn-black{
    background-color:var(--black);
    border-color:var(--black);
    box-shadow:none;
    color:var(--white)
}
.btn-black:hover{
    color:var(--white);
    background-color:#000
}
.btn-black.focus,.btn-black:focus,.btn-outline-black.focus,.btn-outline-black:focus{
    box-shadow:0 0 0 3px rgba(0,0,0,.15),0 3px 15px rgba(0,0,0,.2),0 2px 5px rgba(0,0,0,.1)
}
.btn-black.disabled,.btn-black:disabled{
    background-color:var(--black);
    border-color:var(--black);
    box-shadow:none;
    cursor:not-allowed
}
.btn-black.active,.btn-black:active,.show>.btn-black.dropdown-toggle{
    background-color:#000;
    background-image:none;
    box-shadow:inset 0 .1875rem .625rem 0 #000,inset 0 .0625rem .125rem 0 #000
}
.btn-outline-primary{
    background-color:transparent;
    background-image:none;
    border-color:var(--primary)
}
.btn-outline-primary:hover{
    background-color:var(--primary);
    border-color:var(--primary);
    box-shadow:0 5px 15px rgba(0,0,0,.05),0 4px 10px rgba(0,123,255,.25);
    color:var(--white)
}
.btn-outline-primary.focus,.btn-outline-primary:focus{
    box-shadow:0 0 0 3px rgba(0,123,255,.15),0 3px 15px rgba(0,123,255,.2),0 2px 5px rgba(0,0,0,.1)
}
.btn-outline-primary.disabled,.btn-outline-primary:disabled{
    color:var(--primary);
    background-color:transparent;
    box-shadow:none
}
.btn-outline-primary.active,.btn-outline-primary:active,.show>.btn-outline-primary.dropdown-toggle{
    color:var(--white);
    background-color:var(--primary);
    border-color:var(--primary)
}
.btn-outline-secondary{
    background-color:transparent;
    background-image:none;
    border-color:var(--secondary)
}
.btn-outline-secondary:hover{
    background-color:var(--secondary);
    border-color:var(--secondary);
    box-shadow:0 5px 15px rgba(0,0,0,.05),0 4px 10px rgba(90,97,105,.25);
    color:var(--white)
}
.btn-outline-secondary.disabled,.btn-outline-secondary:disabled{
    color:var(--secondary);
    background-color:transparent;
    box-shadow:none
}
.btn-outline-secondary.active,.btn-outline-secondary:active,.show>.btn-outline-secondary.dropdown-toggle{
    color:var(--white);
    background-color:var(--secondary);
    border-color:var(--secondary)
}
.btn-outline-success{
    background-color:transparent;
    background-image:none;
    border-color:var(--success)
}
.btn-outline-success:hover{
    background-color:var(--success);
    border-color:var(--success);
    box-shadow:0 5px 15px rgba(0,0,0,.05),0 4px 10px rgba(23,198,113,.25);
    color:var(--white)
}
.btn-outline-success.disabled,.btn-outline-success:disabled{
    color:var(--success);
    background-color:transparent;
    box-shadow:none
}
.btn-outline-success.active,.btn-outline-success:active,.show>.btn-outline-success.dropdown-toggle{
    color:var(--white);
    background-color:var(--success);
    border-color:var(--success)
}
.btn-outline-info{
    background-color:transparent;
    background-image:none;
    border-color:var(--info)
}
.btn-outline-info:hover{
    background-color:var(--info);
    border-color:var(--info);
    box-shadow:0 5px 15px rgba(0,0,0,.05),0 4px 10px rgba(0,184,216,.25);
    color:var(--white)
}
.btn-outline-info.disabled,.btn-outline-info:disabled{
    color:var(--info);
    background-color:transparent;
    box-shadow:none
}
.btn-outline-info.active,.btn-outline-info:active,.show>.btn-outline-info.dropdown-toggle{
    color:var(--white);
    background-color:var(--info);
    border-color:var(--info)
}
.btn-outline-warning{
    background-color:transparent;
    background-image:none;
    border-color:var(--warning)
}
.btn-outline-warning:hover{
    background-color:var(--warning);
    border-color:var(--warning);
    box-shadow:0 5px 15px rgba(0,0,0,.05),0 4px 10px rgba(255,180,0,.25);
    color:#000
}
.btn-outline-warning.disabled,.btn-outline-warning:disabled{
    color:var(--warning);
    background-color:transparent;
    box-shadow:none
}
.btn-outline-warning.active,.btn-outline-warning:active,.show>.btn-outline-warning.dropdown-toggle{
    color:var(--white);
    background-color:var(--warning);
    border-color:var(--warning)
}
.btn-outline-danger{
    background-color:transparent;
    background-image:none;
    border-color:var(--danger)
}
.btn-outline-danger:hover{
    background-color:var(--danger);
    border-color:var(--danger);
    box-shadow:0 5px 15px rgba(0,0,0,.05),0 4px 10px rgba(196,24,60,.25);
    color:var(--white)
}
.btn-outline-danger.disabled,.btn-outline-danger:disabled{
    color:var(--danger);
    background-color:transparent;
    box-shadow:none
}
.btn-outline-danger.active,.btn-outline-danger:active,.show>.btn-outline-danger.dropdown-toggle{
    color:var(--white);
    background-color:var(--danger);
    border-color:var(--danger)
}
.btn-outline-light{
    background-color:transparent;
    background-image:none;
    border-color:var(--light);
    color:#3b4651
}
.btn-outline-light:hover{
    background-color:var(--light);
    border-color:var(--light);
    box-shadow:0 5px 15px rgba(0,0,0,.05),0 4px 10px rgba(233,236,239,.25);
    color:#3b4651
}
.btn-outline-light.disabled,.btn-outline-light:disabled{
    color:var(--light);
    background-color:transparent;
    box-shadow:none
}
.btn-outline-light.active,.btn-outline-light:active,.show>.btn-outline-light.dropdown-toggle{
    color:var(--white);
    background-color:var(--light);
    border-color:var(--light);
    color:#3b4651
}
.btn-outline-dark{
    background-color:transparent;
    background-image:none;
    border-color:#212529
}
.btn-outline-dark:hover{
    background-color:#212529;
    border-color:#212529;
    box-shadow:0 5px 15px rgba(0,0,0,.05),0 4px 10px rgba(33,37,41,.25);
    color:var(--white)
}
.btn-outline-dark.disabled,.btn-outline-dark:disabled{
    color:#212529;
    background-color:transparent;
    box-shadow:none
}
.btn-outline-dark.active,.btn-outline-dark:active,.show>.btn-outline-dark.dropdown-toggle{
    color:var(--white);
    background-color:#212529;
    border-color:#212529
}
.btn-outline-white{
    background-color:transparent;
    background-image:none;
    border-color:var(--white);
    color:var(--white)
}
.btn-outline-white:hover{
    background-color:var(--white);
    border-color:var(--white);
    box-shadow:0 5px 15px rgba(0,0,0,.05),0 4px 10px rgba(255,255,255,.25);
    color:#595959
}
.btn-outline-white.disabled,.btn-outline-white:disabled{
    color:var(--white);
    background-color:transparent;
    box-shadow:none
}
.btn-outline-white.active,.btn-outline-white:active,.show>.btn-outline-white.dropdown-toggle{
    color:var(--white);
    background-color:var(--white);
    border-color:var(--white)
}
.btn-outline-white:active{
    color:#595959
}
.btn-outline-black{
    background-color:transparent;
    background-image:none;
    border-color:var(--black);
    color:var(--black)
}
.btn-outline-black:hover{
    background-color:var(--black);
    border-color:var(--black);
    box-shadow:0 5px 15px rgba(0,0,0,.05),0 4px 10px rgba(0,0,0,.25);
    color:var(--white)
}
.btn-outline-black.disabled,.btn-outline-black:disabled{
    color:var(--black);
    background-color:transparent;
    box-shadow:none
}
.btn-outline-black.active,.btn-outline-black:active,.show>.btn-outline-black.dropdown-toggle{
    color:var(--black);
    background-color:var(--black);
    border-color:var(--black)
}
.btn-link:focus,.btn-link:hover{
    color:#0056b3;
    text-decoration:underline
}
.btn-link:disabled,.dropdown-item.disabled,.dropdown-item:disabled{
    color:#868e96
}
.close,.close:focus,.close:hover{
    color:#8c949d
}
.btn-group-lg>.btn,.btn-lg{
    padding:.75rem 1.75rem;
    font-size:1.125rem;
    line-height:1.5;
    border-radius:.5rem
}
.btn-group-sm>.btn,.btn-sm{
    padding:.35rem 1rem;
    font-size:.75rem;
    line-height:1.5;
    border-radius:.2rem
}
.btn-block+.btn-block{
    margin-top:.5rem
}
.close{
    font-size:1.5rem;
    font-weight:500;
    text-shadow:none
}
.popover,.tooltip{
    line-height:1.5;
    font-size:.875rem
}
.modal.fade .modal-dialog{
    transition:transform .3s ease-out;
    transition:transform .3s ease-out,-webkit-transform .3s ease-out
}
.modal-content{
    background-color:var(--white);
    border:none;
    border-radius:.5rem;
    box-shadow:0 .46875rem 2.1875rem rgba(90,97,105,.1),0 .9375rem 1.40625rem rgba(90,97,105,.1),0 .25rem .53125rem rgba(90,97,105,.12),0 .125rem .1875rem rgba(90,97,105,.1)
}
.modal-backdrop{
    z-index:1040;
    background-color:var(--secondary)
}
.popover,.tooltip-inner{
    background-color:var(--white);
    box-shadow:0 3px 15px rgba(90,97,105,.1),0 2px 3px rgba(90,97,105,.2)
}
.modal-backdrop.show{
    opacity:.12
}
.modal-header{
    padding:.9375rem 2.1875rem;
    border-bottom:1px solid #dfe1e3
}
.modal-title{
    line-height:1.5
}
.modal-body{
    padding:1.875rem 2.1875rem
}
.modal-footer{
    padding:.9375rem 2.1875rem;
    border-top:1px solid #dfe1e3
}
.tooltip{
    z-index:1070;
    margin:0;
    font-weight:300
}
.tooltip.show,a.block:active{
    opacity:1
}
.tooltip .arrow{
    width:5px;
    height:5px
}
.tooltip.bs-tooltip-auto[x-placement^=bottom],.tooltip.bs-tooltip-auto[x-placement^=top],.tooltip.bs-tooltip-bottom,.tooltip.bs-tooltip-top{
    padding:5px 0
}
.tooltip.bs-tooltip-auto[x-placement^=top] .arrow::before,.tooltip.bs-tooltip-top .arrow::before{
    margin-left:-3px;
    border-width:5px 5px 0;
    border-top-color:var(--white)
}
.tooltip.bs-tooltip-auto[x-placement^=left],.tooltip.bs-tooltip-auto[x-placement^=right],.tooltip.bs-tooltip-left,.tooltip.bs-tooltip-right{
    padding:0 5px
}
.tooltip.bs-tooltip-auto[x-placement^=right] .arrow::before,.tooltip.bs-tooltip-right .arrow::before{
    margin-top:-3px;
    border-width:5px 5px 5px 0;
    border-right-color:var(--white)
}
.tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow::before,.tooltip.bs-tooltip-bottom .arrow::before{
    margin-left:-3px;
    border-width:0 5px 5px;
    border-bottom-color:var(--white)
}
.tooltip.bs-tooltip-auto[x-placement^=left] .arrow::before,.tooltip.bs-tooltip-left .arrow::before{
    margin-top:-3px;
    border-width:5px 0 5px 5px;
    border-left-color:var(--white)
}
.tooltip-inner{
    max-width:200px;
    padding:7px 13px;
    color:var(--secondary);
    border-radius:.375rem
}
.popover{
    z-index:1060;
    padding:0;
    font-weight:300;
    border:none;
    border-radius:.5rem;
    max-width:800px
}
.popover .arrow{
    width:10px;
    height:5px
}
.popover .arrow::after,.popover .arrow::before{
    border-width:11px
}
.popover.bs-popover-auto[x-placement^=top],.popover.bs-popover-top{
    margin-bottom:10px
}
.popover.bs-popover-auto[x-placement^=top] .arrow::before,.popover.bs-popover-top .arrow::before{
    bottom:-11px;
    margin-left:-6px;
    border-top-color:rgba(0,0,0,.05)
}
.popover.bs-popover-auto[x-placement^=top] .arrow::after,.popover.bs-popover-top .arrow::after{
    bottom:-10px;
    margin-left:-6px;
    border-top-color:var(--white)
}
.popover.bs-popover-auto[x-placement^=right],.popover.bs-popover-right{
    margin-left:10px
}
.popover.bs-popover-auto[x-placement^=left] .arrow::after,.popover.bs-popover-auto[x-placement^=left] .arrow::before,.popover.bs-popover-auto[x-placement^=right] .arrow::after,.popover.bs-popover-auto[x-placement^=right] .arrow::before,.popover.bs-popover-left .arrow::after,.popover.bs-popover-left .arrow::before,.popover.bs-popover-right .arrow::after,.popover.bs-popover-right .arrow::before{
    margin-top:-8px
}
.popover.bs-popover-auto[x-placement^=right] .arrow::before,.popover.bs-popover-right .arrow::before{
    left:-11px;
    border-right-color:rgba(0,0,0,.05)
}
.popover.bs-popover-auto[x-placement^=right] .arrow::after,.popover.bs-popover-right .arrow::after{
    left:-10px;
    border-right-color:var(--white)
}
.popover.bs-popover-auto[x-placement^=bottom],.popover.bs-popover-bottom{
    margin-top:10px
}
.popover.bs-popover-auto[x-placement^=bottom] .arrow::after,.popover.bs-popover-auto[x-placement^=bottom] .arrow::before,.popover.bs-popover-bottom .arrow::after,.popover.bs-popover-bottom .arrow::before{
    margin-left:-7px
}
.popover.bs-popover-auto[x-placement^=bottom] .arrow::before,.popover.bs-popover-bottom .arrow::before{
    top:-11px;
    border-bottom-color:rgba(0,0,0,.05)
}
.popover.bs-popover-auto[x-placement^=bottom] .arrow::after,.popover.bs-popover-bottom .arrow::after{
    top:-10px;
    border-bottom-color:var(--white)
}
.popover.bs-popover-auto[x-placement^=bottom] .popover-header::before,.popover.bs-popover-bottom .popover-header::before{
    border-bottom:1px solid #f5f5f6
}
.popover.bs-popover-auto[x-placement^=left],.popover.bs-popover-left{
    margin-right:10px
}
.popover.bs-popover-auto[x-placement^=left] .arrow::before,.popover.bs-popover-left .arrow::before{
    right:-11px;
    border-left-color:rgba(0,0,0,.05)
}
.popover.bs-popover-auto[x-placement^=left] .arrow::after,.popover.bs-popover-left .arrow::after{
    right:-10px;
    border-left-color:var(--white)
}
.popover-header{
    padding:14px 20px;
    font-size:14px;
    line-height:14px;
    color:#212529;
    background-color:#f5f5f6;
    border-bottom:1px solid #e7e9ea;
    border-top-left-radius:calc(.5rem - 1px);
    border-top-right-radius:calc(.5rem - 1px)
}
.popover-body{
    padding:15px 20px;
    color:var(--secondary)
}
.dropdown-menu{
    min-width:10rem;
    padding:.5rem 0;
    margin:0;
    font-size:1rem;
    color:var(--secondary);
    border:1px solid rgba(0,0,0,.05);
    border-radius:.375rem;
    box-shadow:0 .5rem 4rem rgba(0,0,0,.11),0 10px 20px rgba(0,0,0,.05),0 2px 3px rgba(0,0,0,.06)
}
.dropdown-divider{
    height:0;
    margin:.75rem 0;
    overflow:hidden;
    border-top:1px solid var(--light)
}
.alert-secondary,.block.block-mode-fullscreen.block-bordered,.jb-blue,.jb-cyan,.jb-green,.jb-pink,.jb-purple,.jb-red,.jb-vip1,.jb-vip2,.jb-yellow{
    border:none
}
.dropdown-item{
    padding:.5rem 1.25rem;
    font-weight:300;
    color:#212529;
    font-size:.9375rem;
    transition:background-color 250ms cubic-bezier(.27, .01, .38, 1.06),color 250ms cubic-bezier(.27, .01, .38, 1.06)
}
.dropdown-item:focus,.dropdown-item:hover{
    color:#16181b;
    background-color:#eceeef
}
.dropdown-item.active,.dropdown-item:active{
    color:#16181b;
    background-color:#c3c7cc
}
.dropdown-header{
    padding:.5rem 1.25rem;
    font-size:.875rem;
    color:#868e96
}
.btn+.dropdown-toggle-split,.btn-group-sm>.btn+.dropdown-toggle-split,.btn-sm+.dropdown-toggle-split{
    padding-right:.75rem;
    padding-left:.75rem
}
.btn-group-lg>.btn+.dropdown-toggle-split,.btn-lg+.dropdown-toggle-split{
    padding-right:1.3125rem;
    padding-left:1.3125rem
}
.btn-group.show .dropdown-toggle{
    box-shadow:inset 0 3px 5px rgba(0,0,0,.125)
}
.alert-warning,.badge-warning{
    color:#ff6f06;
    background-color:rgba(255,111,6,.1)
}
.alert-info,.badge-info{
    color:#5c7cff;
    background-color:rgba(77,130,249,.1)
}
.alert-danger,.badge-danger{
    color:#d6064c;
    background-color:rgba(194,41,46,.1)
}
.alert-success,.badge-success{
    color:#18a52a;
    background-color:rgba(18,185,40,.1)
}
.alert-secondary,.badge-secondary{
    color:#888;
    background:rgba(136,136,136,.1)
}
.subject_body_img{
    width:100px;
    height:70px;
    min-width:184px;
    object-fit:cover;
    flex:1
}
.discovery-forum-brief,.hot-forum-breif,.threadlist_brief{
    word-break:break-all;
    overflow:hidden;
    display:-webkit-box
}
.user-group-icon{
    width:40px;
    margin-top:-5px
}
.b-blue,.b-blue-2,.b-cyan,.b-gray,.b-green,.b-purple,.b-red,.b-theme,.b-yellow,.jb-blue,.jb-cyan,.jb-green,.jb-pink,.jb-purple,.jb-red,.jb-vip1,.jb-vip2,.jb-yellow{
    color:var(--this-color);
    background:var(--this-bg);
    --this-color:var(--white)
}
.b-theme{
    --this-bg:var(--focus-color)
}
.b-gray{
    --this-bg:#818b95
}
.b-red{
    --this-bg:#ff5473
}
.b-yellow{
    --this-bg:#ff6f06
}
.b-cyan{
    --this-bg:#08c4c1
}
.b-blue{
    --this-bg:var(--nav-bg-color)
}
.b-blue-2{
    --this-bg:#5c7cff
}
.b-green{
    --this-bg:#12b928
}
.b-purple{
    --this-bg:#d448f5
}
.pay-tag,.vip-tag{
    --this-color:var(--white);
    --this-bg:linear-gradient(135deg, #ff74cd 10%, #ec7d0b 100%)
}
.pay-tag.badg-sm{
    border:0;
    padding:1px 4px
}
.jb-red,.order-type-9 .pay-tag{
    --this-bg:linear-gradient(135deg, #fd7a64 10%, #fb2d2d 100%)
}
.jb-pink,.order-type-2 .pay-tag{
    --this-bg:linear-gradient(135deg, #ff5e7f 30%, #ff967e 100%)
}
.jb-yellow,.order-type-3 .pay-tag{
    --this-bg:linear-gradient(135deg, #f59f54 10%, #ff6922 100%)
}
.jb-blue,.order-type-7 .pay-tag{
    --this-bg:linear-gradient(135deg, #59c3fb 10%, #268df7 100%)
}
.jb-cyan{
    --this-bg:linear-gradient(140deg, #039ab3 10%, #58dbcf 90%)
}
.jb-green,.order-type-5 .pay-tag{
    --this-bg:linear-gradient(135deg, #60e464 10%, #5cb85b 100%)
}
.jb-purple,.order-type-6 .pay-tag{
    --this-bg:linear-gradient(135deg, #f98dfb 10%, #ea00f9 100%)
}
.jb-gold,.order-type-4 .pay-tag{
    --this-bg:linear-gradient(25deg, #eabe7b 10%, #f5e3c7 70%, #edc788 100%);
    --this-color:#866127
}
.jb-black,.order-type-8 .pay-tag{
    --this-bg:linear-gradient(317deg, #4d4c4c 30%, #7b7b7b 70%, #5f5c5c 100%);
    --this-color:#ddd
}
.jb-dark{
    background:#485563;
    background:-webkit-linear-gradient(to right,#29323c,#485563);
    background:linear-gradient(to right,#29323c,#485563)
}
.index-siteInfo-bg,.user-page-background{
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center
}
.avatar-3-5{
    width:3.5rem;
    height:3.5rem;
    border-radius:50%
}
.thread-nav{
    background-color:#fff;
    width:100%;
    height:45px;
    bottom:0;
    z-index:1000;
    border-top:1px solid #efefef
}
.thread-nav .iconfont{
    font-size:25px;
    line-height:45px
}
.nav_font{
    font-size:12px;
    color:#8590a6
}
.bottom-nav{
    background-color:#fff;
    position:relative;
    display:inline-block;
    line-height:20px;
    color:#9e9e9e
}
.card .thread-left-nav.flex-column:not(.nav-sidebar)>li:hover{
    background-color:#f6f6f6;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -ms-border-radius:5px;
    -o-border-radius:5px
}
.card .nav.flex-column:not(.nav-sidebar)>li{
    border-bottom:0;
    margin:0
}
.index-siteInfo-bg{
    width:100%;
    height:80px
}
[class^=icon-top-]:before{
    content:"置顶";
    color:#fff;
    font-size:.75rem
}
.icon-top-1,.icon-top-2,.icon-top-3{
    background-color:var(--primary);
    padding:.125rem .25rem;
    border-radius:3px
}
.navbar-nav>.nav-item>.nav-link{
    margin-top:5px
}
.navbar-nav>.nav-item>.nav-link>.iconfont{
    width:25px;
    height:25px;
    display:block;
    text-align:center;
    background:var(--light);
    border-radius:50%
}
.forumList>li:hover{
    border-radius:5px
}
.userOnline{
    margin-top:-.2rem;
    margin-left:1.3rem;
    transform:scale(.5);
    border:5px solid #fff;
    border-radius:50%;
    color:#1cd991
}
.dropdown-menu-items>.col-6>.dropdown-item:hover{
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -ms-border-radius:5px;
    -o-border-radius:5px
}
.subject_body_img:hover{
    filter:brightness(.5);
    -webkit-filter:brightness(.5);
    transition:.3s;
    -webkit-transition:.3s;
    -moz-transition:.3s;
    -ms-transition:.3s;
    -o-transition:.3s
}
.user-info-count{
    box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important
}
.user-page-username{
    text-shadow:5px 5px 5px rgba(0,0,0,.2);
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden
}
.my-mobile-btn-group{
    display:flex;
    flex-wrap:wrap
}
.my-mobile-btn-group>a:last-child:nth-child(odd){
    flex:0 1 50%
}
.my-mobile-btn-group>a{
    background-color:transparent;
    border-color:transparent;
    color:#6c757d!important;
    font-weight:700;
    flex:1 0 50%;
    box-sizing:border-box;
    margin:0
}
.my-mobile-btn-group>a.btn-secondary:not(:disabled):not(.disabled).active{
    background-color:var(--primary);
    border-color:transparent;
    color:var(--white)!important;
    font-weight:700;
    box-shadow:none;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -ms-border-radius:5px;
    -o-border-radius:5px
}
.my-mobile-btn-group>.btn-secondary:not(:disabled):not(.disabled):active{
    background-color:var(--aid-color);
    border-color:var(--aid-color)
}
.my-mobile-nav-btn-group{
    display:flex;
    overflow:scroll;
    scrollbar-width:none;
    -ms-overflow-style:none
}
.my-mobile-nav-btn-group::-webkit-scrollbar{
    display:none
}
.my-mobile-nav-btn-group>a{
    background-color:var(--white);
    border-color:transparent;
    color:var(--black)!important;
    font-weight:400;
    margin-right:10px
}
.my-mobile-nav-btn-group>a.btn-secondary:not(:disabled):not(.disabled).active{
    background-color:var(--primary)!important;
    border-color:transparent;
    color:var(--white)!important;
    font-weight:700;
    box-shadow:none;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -ms-border-radius:5px;
    -o-border-radius:5px;
    position:relative
}
.my-mobile-nav-btn-group>a.btn-secondary:not(:disabled):not(.disabled).active::after{
    content:"";
    display:inline-block;
    width:0;
    height:0;
    border-left:5px solid transparent;
    border-right:5px solid transparent;
    border-top:5px solid var(--primary);
    position:absolute;
    left:50%;
    transform:translateX(-50%);
    bottom:-5px
}
.my-mobile-nav-btn-group>.btn-secondary:not(:disabled):not(.disabled):active{
    background-color:transparent;
    border-color:transparent
}
.user-page-background{
    width:100%;
    height:200px
}
.thread_comment_input{
    height:32px;
    line-height:32px;
    padding:0 12px;
    margin-top:-2px;
    border-radius:10px;
    overflow:hidden;
    background:#f5f5f5!important
}
.thread_nav_pop_count{
    position:absolute;
    font-size:10px;
    top:-12px
}
.modal_reply_text{
    position:fixed;
    z-index:999;
    width:100%;
    right:0;
    bottom:30px
}
.btn-block-option:active,.thread_btm_func a{
    color:#6c757d
}
.avatar-6{
    width:130px;
    height:130px
}
.bottom-nav-bt{
    width:100%;
    height:55px;
    bottom:0;
    z-index:1000;
    border-top:1px solid #efefef
}
.search_form_input,.search_form_input:focus{
    background-color:var(--light)
}
.background{
    background-size:cover;
    background-position:center
}
.mm-background{
    margin-top:-7px
}
.mp-background{
    height:230px
}
.sidebar-bg{
    height:130px
}
.discovery-rank-list{
    max-height:256px;
    overflow:auto
}
.site-list-ul{
    margin:0;
    padding:0
}
.site-reply ul li,.site-top ul li{
    border-bottom:1px dashed #dadada;
    clear:both;
    margin:0
}
.site-top ul li{
    height:31px;
    line-height:31px;
    overflow:hidden
}
.site-brief li:last-child,.site-reply li:last-child,.site-top li:last-child{
    border-bottom:0
}
.site-info li{
    border-right:1px solid #e6e6e6
}
.site-info li:last-child{
    border-right:0
}
.discovery_forum{
    border:1px solid #f5f5f5
}
.discovery_forum:hover{
    border-color:var(--primary)
}
.discovery_forum:hover .into_forum_link{
    background-color:var(--primary);
    padding:2px 5px;
    color:#fff!important
}
.into_forum_link{
    padding:2px 5px
}
.site-info-logo{
    margin-top:-25px;
    border:3px solid #fff
}
 .forum-avatar{
    position:absolute;
}
.disc-forum-avatar{
    position:absolute;
    right:-30px;
    top:-20px;
}
.tt-license{
    font-size:12px;
    font-weight:600;
    padding:1rem;
    background:repeating-linear-gradient(135deg,#f6f6f6,#f6f6f6 12px,var(--white) 0,var(--white) 24px);
    background-color:#f3f5f7;
    border-left:3px solid #dde6e9;
    margin-bottom:20px
}
.tt-license-icon{
    align-items:center;
    position:relative;
    float:left;
    margin:-10px 10px -10px 0;
    overflow:hidden;
    text-align:center;
    display:flex;
    height:40px;
    color:#ff5722
}
.tt-license a{
    color:#337ab7;
    text-decoration:underline;
    margin:0 5px
}
.goTop{
    position:fixed;
    right:0;
    top:200px;
    background-color:var(--white);
    width:50px;
    height:25px;
    line-height:25px;
    border-top-left-radius:15px;
    border-bottom-left-radius:15px
}
.qqFace{
    margin-top:4px;
    height:145px;
    overflow:auto
}
.qqFace img:hover{
    transform:scale(1.5);
    transition:.3s;
    -webkit-transform:scale(1.5);
    -moz-transform:scale(1.5);
    -ms-transform:scale(1.5);
    -o-transform:scale(1.5)
}
.contact>a{
    font-size:20px;
    border-radius:50%
}
.nav-item.usernotice.current>.header_notice>.unread{
    display:inline-block!important;
    top:-2px;
    left:7px;
    transform:scale(.5);
    -webkit-transform:scale(.5);
    -moz-transform:scale(.5);
    -ms-transform:scale(.5);
    -o-transform:scale(.5)
}
.liquid-gradient{
    background:linear-gradient(to bottom,rgba(255,255,255,0) 0,#fff 70%) top center/cover,url('../img/welcome.webp') top center/cover;
    color:#fff
}
.index_site_brief_profile_items{
    font-size:1.5rem!important;
    padding:1rem;
    border-radius:2rem;
    transition:.3s
}
.index_site_brief_profile_items:hover{
    filter:opacity(.5)
}
::-webkit-scrollbar{
    width:5px;
    border-radius:5px
}
::-webkit-scrollbar-thumb{
    background-color:#999;
    border-radius:5px
}
::-webkit-scrollbar-track:hover{
    background-color:#ccc
}
::-webkit-scrollbar-thumb:hover{
    background-color:#666
}
::-webkit-scrollbar-track:active{
    background-color:#bbb
}
::-webkit-scrollbar-thumb:active{
    background-color:#333
}
.userContainer{
    width:100%;
    overflow-x:scroll
}
.userContent,.userContent-wrapper{
    display:flex
}
.userContent .userCard{
    width:10.25rem;
    height:10.25rem;
    margin-right:1.25rem;
    flex-shrink:0;
    background-color:#fff
}
.userContent .userCardName{
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis
}
.bg-black-5{
    background-color:rgba(0,0,0,.05)!important
}
.bg-black-10{
    background-color:rgba(0,0,0,.1)!important
}
.bg-black-25{
    background-color:rgba(0,0,0,.25)!important
}
.bg-black-50{
    background-color:rgba(0,0,0,.5)!important
}
.bg-black-75{
    background-color:rgba(0,0,0,.75)!important
}
.bg-black-90{
    background-color:rgba(0,0,0,.9)!important
}
.bg-black-95{
    background-color:rgba(0,0,0,.95)!important
}
.bg-white-5{
    background-color:rgba(255,255,255,.05)!important
}
.bg-white-10{
    background-color:rgba(255,255,255,.1)!important
}
.bg-white-25{
    background-color:rgba(255,255,255,.25)!important
}
.bg-white-50{
    background-color:rgba(255,255,255,.5)!important
}
.bg-white-75{
    background-color:rgba(255,255,255,.75)!important
}
.bg-white-90{
    background-color:rgba(255,255,255,.9)!important
}
.bg-white-95{
    background-color:rgba(255,255,255,.95)!important
}
.bg-image{
    background-position:0 50%;
    background-size:cover
}
.bg-image-top{
    background-position-y:0
}
.bg-image-center{
    background-position-x:50%
}
.bg-image-bottom{
    background-position-y:100%
}
.bg-pattern{
    background-repeat:repeat
}
.bg-video{
    width:100%;
    transform:translateZ(0)
}
.bg-default-op,.bg-primary-op{
    background-color:rgba(2,132,199,.75)!important
}
a.bg-default-op:focus,a.bg-default-op:hover,a.bg-primary-op:focus,a.bg-primary-op:hover,button.bg-default-op:focus,button.bg-default-op:hover,button.bg-primary-op:focus,button.bg-primary-op:hover{
    background-color:rgba(1,99,149,.75)!important
}
.bg-default,.bg-primary{
    background-color:#0284c7!important
}
a.bg-default:focus,a.bg-default:hover,a.bg-primary:focus,a.bg-primary:hover,button.bg-default:focus,button.bg-default:hover,button.bg-primary:focus,button.bg-primary:hover{
    background-color:#016395!important
}
.bg-default-dark,.bg-elegance-dark,.bg-primary-dark{
    background-color:#454c53!important
}
a.bg-default-dark:focus,a.bg-default-dark:hover,a.bg-elegance-dark:focus,a.bg-elegance-dark:hover,a.bg-primary-dark:focus,a.bg-primary-dark:hover,button.bg-default-dark:focus,button.bg-default-dark:hover,button.bg-elegance-dark:focus,button.bg-elegance-dark:hover,button.bg-primary-dark:focus,button.bg-primary-dark:hover{
    background-color:#2e3337!important
}
.bg-primary-dark-op{
    background-color:rgba(69,76,83,.8)!important
}
a.bg-primary-dark-op:focus,a.bg-primary-dark-op:hover,button.bg-primary-dark-op:focus,button.bg-primary-dark-op:hover{
    background-color:rgba(46,51,55,.8)!important
}
.bg-default-darker,.bg-elegance-darker,.bg-primary-darker{
    background-color:#1f2327!important
}
a.bg-default-darker:focus,a.bg-default-darker:hover,a.bg-elegance-darker:focus,a.bg-elegance-darker:hover,a.bg-primary-darker:focus,a.bg-primary-darker:hover,button.bg-default-darker:focus,button.bg-default-darker:hover,button.bg-elegance-darker:focus,button.bg-elegance-darker:hover,button.bg-primary-darker:focus,button.bg-primary-darker:hover{
    background-color:#080a0b!important
}
.bg-default-light,.bg-primary-light{
    background-color:#53abd9!important
}
a.bg-default-light:focus,a.bg-default-light:hover,a.bg-primary-light:focus,a.bg-primary-light:hover,button.bg-default-light:focus,button.bg-default-light:hover,button.bg-primary-light:focus,button.bg-primary-light:hover{
    background-color:#2d95cc!important
}
.bg-default-lighter,.bg-primary-lighter{
    background-color:#aed8ed!important
}
a.bg-default-lighter:focus,a.bg-default-lighter:hover,a.bg-primary-lighter:focus,a.bg-primary-lighter:hover,button.bg-default-lighter:focus,button.bg-default-lighter:hover,button.bg-primary-lighter:focus,button.bg-primary-lighter:hover{
    background-color:#84c4e4!important
}
.bg-success{
    background-color:#65a30d!important
}
a.bg-success:focus,a.bg-success:hover,button.bg-success:focus,button.bg-success:hover{
    background-color:#487409!important
}
.bg-success-light{
    background-color:#ebf5df!important
}
a.bg-success-light:focus,a.bg-success-light:hover,button.bg-success-light:focus,button.bg-success-light:hover{
    background-color:#d3e9b8!important
}
.bg-warning{
    background-color:#d97706!important
}
a.bg-warning:focus,a.bg-warning:hover,button.bg-warning:focus,button.bg-warning:hover{
    background-color:#a75c05!important
}
.bg-warning-light{
    background-color:#fcf7e6!important
}
a.bg-warning-light:focus,a.bg-warning-light:hover,button.bg-warning-light:focus,button.bg-warning-light:hover{
    background-color:#f7e8b8!important
}
.bg-info{
    background-color:#0891b2!important
}
a.bg-info:focus,a.bg-info:hover,button.bg-info:focus,button.bg-info:hover{
    background-color:#066981!important
}
.bg-info-light{
    background-color:#e3f4fc!important
}
a.bg-info-light:focus,a.bg-info-light:hover,button.bg-info-light:focus,button.bg-info-light:hover{
    background-color:#b5e2f7!important
}
.bg-danger{
    background-color:#dc2626!important
}
a.bg-danger:focus,a.bg-danger:hover,button.bg-danger:focus,button.bg-danger:hover{
    background-color:#b21d1d!important
}
.bg-danger-light{
    background-color:#fae9e8!important
}
a.bg-danger-light:focus,a.bg-danger-light:hover,button.bg-danger-light:focus,button.bg-danger-light:hover{
    background-color:#f1c1be!important
}
.bg-success-op{
    background-color:rgba(235,245,223,.95)!important
}
a.bg-success-op:focus,a.bg-success-op:hover,button.bg-success-op:focus,button.bg-success-op:hover{
    background-color:rgba(211,233,184,.95)!important
}
.bg-warning-op{
    background-color:rgba(252,247,230,.95)!important
}
a.bg-warning-op:focus,a.bg-warning-op:hover,button.bg-warning-op:focus,button.bg-warning-op:hover{
    background-color:rgba(247,232,184,.95)!important
}
.bg-info-op{
    background-color:rgba(227,244,252,.95)!important
}
a.bg-info-op:focus,a.bg-info-op:hover,button.bg-info-op:focus,button.bg-info-op:hover{
    background-color:rgba(181,226,247,.95)!important
}
.bg-danger-op{
    background-color:rgba(250,233,232,.95)!important
}
a.bg-danger-op:focus,a.bg-danger-op:hover,button.bg-danger-op:focus,button.bg-danger-op:hover{
    background-color:rgba(241,193,190,.95)!important
}
.bg-body{
    background-color:#f0f2f5!important
}
a.bg-body:focus,a.bg-body:hover,button.bg-body:focus,button.bg-body:hover{
    background-color:#d1d7e1!important
}
.bg-body-light{
    background-color:#f6f7f9!important
}
a.bg-body-light:focus,a.bg-body-light:hover,button.bg-body-light:focus,button.bg-body-light:hover{
    background-color:#d8dde5!important
}
.bg-body-dark{
    background-color:#e4e7ed!important
}
a.bg-body-dark:focus,a.bg-body-dark:hover,button.bg-body-dark:focus,button.bg-body-dark:hover{
    background-color:#c5cdd8!important
}
.bg-body-extra-light,.bg-header-light,.bg-sidebar-light,.bg-white{
    background-color:#fff!important
}
a.bg-body-extra-light:focus,a.bg-body-extra-light:hover,a.bg-header-light:focus,a.bg-header-light:hover,a.bg-sidebar-light:focus,a.bg-sidebar-light:hover,a.bg-white:focus,a.bg-white:hover,button.bg-body-extra-light:focus,button.bg-body-extra-light:hover,button.bg-header-light:focus,button.bg-header-light:hover,button.bg-sidebar-light:focus,button.bg-sidebar-light:hover,button.bg-white:focus,button.bg-white:hover{
    background-color:#e6e6e6!important
}
.bg-gray-dark,.bg-muted{
    background-color:#6c757d!important
}
a.bg-gray-dark:focus,a.bg-gray-dark:hover,a.bg-muted:focus,a.bg-muted:hover,button.bg-gray-dark:focus,button.bg-gray-dark:hover,button.bg-muted:focus,button.bg-muted:hover{
    background-color:#545b62!important
}
.bg-black,a.bg-black:focus,a.bg-black:hover,button.bg-black:focus,button.bg-black:hover{
    background-color:#000!important
}
.bg-gray{
    background-color:#ced4da!important
}
a.bg-gray:focus,a.bg-gray:hover,button.bg-gray:focus,button.bg-gray:hover{
    background-color:#b1bbc4!important
}
.bg-gray-darker{
    background-color:#343a40!important
}
a.bg-gray-darker:focus,a.bg-gray-darker:hover,button.bg-gray-darker:focus,button.bg-gray-darker:hover{
    background-color:#1d2124!important
}
.bg-gray-light{
    background-color:#e9ecef!important
}
a.bg-gray-light:focus,a.bg-gray-light:hover,button.bg-gray-light:focus,button.bg-gray-light:hover{
    background-color:#cbd3da!important
}
.bg-gray-lighter{
    background-color:#f8f9fa!important
}
a.bg-gray-lighter:focus,a.bg-gray-lighter:hover,button.bg-gray-lighter:focus,button.bg-gray-lighter:hover{
    background-color:#dae0e5!important
}
.bg-header-dark,.bg-sidebar-dark{
    background-color:#31373d!important
}
a.bg-header-dark:focus,a.bg-header-dark:hover,a.bg-sidebar-dark:focus,a.bg-sidebar-dark:hover,button.bg-header-dark:focus,button.bg-header-dark:hover,button.bg-sidebar-dark:focus,button.bg-sidebar-dark:hover{
    background-color:#1a1e21!important
}
.bg-gd-default,.bg-gd-primary{
    background:linear-gradient(135deg,#01527b 0,#0295e0 100%) #01527b!important
}
.bg-gd-dusk{
    background:linear-gradient(135deg,#8f55f2 0,#0284c7 100%) #8f55f2!important
}
.bg-gd-cherry{
    background:linear-gradient(135deg,#df5454 0,#c32424 100%) #df5454!important
}
.bg-gd-aqua{
    background:linear-gradient(135deg,#2facb2 0,#36b3a0 100%) #2facb2!important
}
.bg-gd-emerald{
    background:linear-gradient(135deg,#32a67f 0,#2facb2 100%) #32a67f!important
}
.bg-gd-sea{
    background:linear-gradient(135deg,#026da4 0,#0891b2 100%) #026da4!important
}
.bg-gd-leaf{
    background:linear-gradient(135deg,#d97706 0,#65a30d 100%) #d97706!important
}
.bg-gd-lake{
    background:linear-gradient(135deg,#0891b2 0,#65a30d 100%) #0891b2!important
}
.bg-gd-sun{
    background:linear-gradient(135deg,#dc2626 0,#d97706 100%) #dc2626!important
}
.bg-gd-light{
    background:linear-gradient(0deg,#f6f7f9 0,#fff 100%) #f6f7f9!important
}
.bg-default-dark-op,.bg-elegance-dark-op{
    background-color:rgba(69,76,83,.83)!important
}
a.bg-default-dark-op:focus,a.bg-default-dark-op:hover,a.bg-elegance-dark-op:focus,a.bg-elegance-dark-op:hover,button.bg-default-dark-op:focus,button.bg-default-dark-op:hover,button.bg-elegance-dark-op:focus,button.bg-elegance-dark-op:hover{
    background-color:rgba(46,51,55,.83)!important
}
.bg-elegance{
    background-color:#8f55f2!important
}
a.bg-elegance:focus,a.bg-elegance:hover,button.bg-elegance:focus,button.bg-elegance:hover{
    background-color:#7026ee!important
}
.bg-elegance-op{
    background-color:rgba(143,85,242,.75)!important
}
a.bg-elegance-op:focus,a.bg-elegance-op:hover,button.bg-elegance-op:focus,button.bg-elegance-op:hover{
    background-color:rgba(112,38,238,.75)!important
}
.bg-elegance-light{
    background-color:#bb97f7!important
}
a.bg-elegance-light:focus,a.bg-elegance-light:hover,button.bg-elegance-light:focus,button.bg-elegance-light:hover{
    background-color:#9b68f3!important
}
.bg-elegance-lighter{
    background-color:#e0d0fb!important
}
a.bg-elegance-lighter:focus,a.bg-elegance-lighter:hover,button.bg-elegance-lighter:focus,button.bg-elegance-lighter:hover{
    background-color:#c1a1f8!important
}
.bg-gd-elegance{
    background:linear-gradient(135deg,#6112e9 0,#9f6df4 100%) #6112e9!important
}
.bg-pulse{
    background-color:#db3f3f!important
}
a.bg-pulse:focus,a.bg-pulse:hover,button.bg-pulse:focus,button.bg-pulse:hover{
    background-color:#c32424!important
}
.bg-pulse-op{
    background-color:rgba(219,63,63,.75)!important
}
a.bg-pulse-op:focus,a.bg-pulse-op:hover,button.bg-pulse-op:focus,button.bg-pulse-op:hover{
    background-color:rgba(195,36,36,.75)!important
}
.bg-pulse-dark{
    background-color:#393939!important
}
a.bg-pulse-dark:focus,a.bg-pulse-dark:hover,button.bg-pulse-dark:focus,button.bg-pulse-dark:hover{
    background-color:#202020!important
}
.bg-pulse-dark-op{
    background-color:rgba(57,57,57,.83)!important
}
a.bg-pulse-dark-op:focus,a.bg-pulse-dark-op:hover,button.bg-pulse-dark-op:focus,button.bg-pulse-dark-op:hover{
    background-color:rgba(32,32,32,.83)!important
}
.bg-pulse-darker{
    background-color:#252525!important
}
a.bg-pulse-darker:focus,a.bg-pulse-darker:hover,button.bg-pulse-darker:focus,button.bg-pulse-darker:hover{
    background-color:#0c0c0c!important
}
.bg-pulse-light{
    background-color:#e67b7b!important
}
a.bg-pulse-light:focus,a.bg-pulse-light:hover,button.bg-pulse-light:focus,button.bg-pulse-light:hover{
    background-color:#de5050!important
}
.bg-pulse-lighter{
    background-color:#f5c8c8!important
}
a.bg-pulse-lighter:focus,a.bg-pulse-lighter:hover,button.bg-pulse-lighter:focus,button.bg-pulse-lighter:hover{
    background-color:#ed9d9d!important
}
.bg-gd-pulse{
    background:linear-gradient(135deg,#ad2020 0,#df5454 100%) #ad2020!important
}
.bg-flat{
    background-color:#36b3a0!important
}
a.bg-flat:focus,a.bg-flat:hover,button.bg-flat:focus,button.bg-flat:hover{
    background-color:#2a8c7d!important
}
.bg-flat-op{
    background-color:rgba(54,179,160,.75)!important
}
a.bg-flat-op:focus,a.bg-flat-op:hover,button.bg-flat-op:focus,button.bg-flat-op:hover{
    background-color:rgba(42,140,125,.75)!important
}
.bg-flat-dark{
    background-color:#1a353c!important
}
a.bg-flat-dark:focus,a.bg-flat-dark:hover,button.bg-flat-dark:focus,button.bg-flat-dark:hover{
    background-color:#0b1618!important
}
.bg-flat-dark-op{
    background-color:rgba(26,53,60,.83)!important
}
a.bg-flat-dark-op:focus,a.bg-flat-dark-op:hover,button.bg-flat-dark-op:focus,button.bg-flat-dark-op:hover{
    background-color:rgba(11,22,24,.83)!important
}
.bg-flat-darker{
    background-color:#0b2830!important
}
a.bg-flat-darker:focus,a.bg-flat-darker:hover,button.bg-flat-darker:focus,button.bg-flat-darker:hover{
    background-color:#010507!important
}
.bg-flat-light{
    background-color:#61cfbf!important
}
a.bg-flat-light:focus,a.bg-flat-light:hover,button.bg-flat-light:focus,button.bg-flat-light:hover{
    background-color:#3bc3ae!important
}
.bg-flat-lighter{
    background-color:#a8e5db!important
}
a.bg-flat-lighter:focus,a.bg-flat-lighter:hover,button.bg-flat-lighter:focus,button.bg-flat-lighter:hover{
    background-color:#80d9cb!important
}
.bg-gd-flat{
    background:linear-gradient(135deg,#24786b 0,#3ec5b0 100%) #24786b!important
}
.bg-corporate{
    background-color:#2facb2!important
}
a.bg-corporate:focus,a.bg-corporate:hover,button.bg-corporate:focus,button.bg-corporate:hover{
    background-color:#24858a!important
}
.bg-corporate-op{
    background-color:rgba(47,172,178,.75)!important
}
a.bg-corporate-op:focus,a.bg-corporate-op:hover,button.bg-corporate-op:focus,button.bg-corporate-op:hover{
    background-color:rgba(36,133,138,.75)!important
}
.bg-corporate-dark{
    background-color:#323d4c!important
}
a.bg-corporate-dark:focus,a.bg-corporate-dark:hover,button.bg-corporate-dark:focus,button.bg-corporate-dark:hover{
    background-color:#1e242d!important
}
.bg-corporate-dark-op{
    background-color:rgba(50,61,76,.83)!important
}
a.bg-corporate-dark-op:focus,a.bg-corporate-dark-op:hover,button.bg-corporate-dark-op:focus,button.bg-corporate-dark-op:hover{
    background-color:rgba(30,36,45,.83)!important
}
.bg-corporate-darker{
    background-color:#252d38!important
}
a.bg-corporate-darker:focus,a.bg-corporate-darker:hover,button.bg-corporate-darker:focus,button.bg-corporate-darker:hover{
    background-color:#111419!important
}
.bg-corporate-light{
    background-color:#5aced3!important
}
a.bg-corporate-light:focus,a.bg-corporate-light:hover,button.bg-corporate-light:focus,button.bg-corporate-light:hover{
    background-color:#34bfc6!important
}
.bg-corporate-lighter{
    background-color:#afe7ea!important
}
a.bg-corporate-lighter:focus,a.bg-corporate-lighter:hover,button.bg-corporate-lighter:focus,button.bg-corporate-lighter:hover{
    background-color:#86dbdf!important
}
.bg-gd-corporate{
    background:linear-gradient(135deg,#1f7275 0,#34bfc6 100%) #1f7275!important
}
.bg-earth{
    background-color:#32a67f!important
}
a.bg-earth:focus,a.bg-earth:hover,button.bg-earth:focus,button.bg-earth:hover{
    background-color:#267f61!important
}
.bg-earth-op{
    background-color:rgba(50,166,127,.75)!important
}
a.bg-earth-op:focus,a.bg-earth-op:hover,button.bg-earth-op:focus,button.bg-earth-op:hover{
    background-color:rgba(38,127,97,.75)!important
}
.bg-earth-dark{
    background-color:#343434!important
}
a.bg-earth-dark:focus,a.bg-earth-dark:hover,button.bg-earth-dark:focus,button.bg-earth-dark:hover{
    background-color:#1b1b1b!important
}
.bg-earth-dark-op{
    background-color:rgba(52,52,52,.83)!important
}
a.bg-earth-dark-op:focus,a.bg-earth-dark-op:hover,button.bg-earth-dark-op:focus,button.bg-earth-dark-op:hover{
    background-color:rgba(27,27,27,.83)!important
}
.bg-earth-darker{
    background-color:#222!important
}
a.bg-earth-darker:focus,a.bg-earth-darker:hover,button.bg-earth-darker:focus,button.bg-earth-darker:hover{
    background-color:#090909!important
}
.bg-earth-light{
    background-color:#5ccea7!important
}
a.bg-earth-light:focus,a.bg-earth-light:hover,button.bg-earth-light:focus,button.bg-earth-light:hover{
    background-color:#39be91!important
}
.bg-earth-lighter{
    background-color:#baeada!important
}
a.bg-earth-lighter:focus,a.bg-earth-lighter:hover,button.bg-earth-lighter:focus,button.bg-earth-lighter:hover{
    background-color:#93dec5!important
}
.bg-gd-earth{
    background:linear-gradient(135deg,#206b52 0,#38ba8e 100%) #206b52!important
}
.forumlist{
    display:flex;
    overflow-x:auto;
    white-space:nowrap
}
.tagSelect{
    flex:0 0 auto;
    margin-right:10px;
    background-color:var(--aid-color);
    padding:20px;
    border-radius:10px;
    position:relative;
    transition:.3s
}
.block-content,.block-header{
    transition:opacity .2s ease-out
}
.tagSelect:hover{
    background-color:#ccc
}
.forum-radio{
    position:absolute;
    right:10px;
    top:10px
}
.index_header_search{
    background:var(--aid-color);
    width:75%;
    border-radius:20px
}
.header_nav_2_mobile_menu .card-header-tabs{
    margin:0
}
.header_nav_2_mobile_menu{
    position:relative;
    width:100%;
    display:flex;
    align-items:center;
    justify-content:space-between
}
.index_header_drawer{
    width:100%!important
}
.index_header_drawer .nav-pills{
    flex-wrap:wrap
}
.index_header_drawer .nav-item{
    box-sizing:border-box
}
.index_header_drawer .sidebar_menu .nav-item a{
    background-color:var(--aid-color);
    margin:.625rem
}
.forum-card-image{
    width:100%;
    height:100%
}
.forumInfo-num-items{
    background-color:#f2f3f5
}
.discovery_looppic{
    border-radius:.3125rem
}
.ribbon{
    position:relative;
    min-height:3.25rem
}
.ribbon-box{
    position:absolute;
    top:1rem;
    right:0;
    padding:0 .75rem;
    height:2rem;
    line-height:2rem;
    z-index:5;
    font-weight:500;
    border-top-left-radius:.375rem;
    border-bottom-left-radius:.375rem
}
.ribbon-box::before{
    position:absolute;
    display:block;
    width:0;
    height:0;
    content:""
}
.ribbon-bookmark .ribbon-box{
    padding-left:.625rem;
    border-radius:0!important
}
.ribbon-bookmark .ribbon-box::before{
    top:0;
    right:100%;
    height:2rem;
    border:1rem solid;
    border-left-width:.625rem;
    border-right-width:0
}
.ribbon-modern .ribbon-box{
    top:1rem;
    right:-.5rem;
    padding-left:.75rem;
    padding-right:.75rem;
    border-radius:.375rem!important
}
.ribbon-left .ribbon-box{
    right:auto;
    left:0;
    border-radius:0 .375rem .375rem 0
}
.ribbon-left.ribbon-bookmark .ribbon-box{
    padding-left:.75rem;
    padding-right:.625rem
}
.ribbon-left.ribbon-bookmark .ribbon-box::before{
    right:auto;
    left:100%;
    border-left-width:0;
    border-right-width:.625rem
}
.ribbon-left.ribbon-modern .ribbon-box{
    left:-.5rem
}
.ribbon-bottom .ribbon-box{
    top:auto;
    bottom:.75rem
}
.ribbon-light .ribbon-box{
    color:#3e444a;
    background-color:#e4e7ed
}
.ribbon-light.ribbon-bookmark .ribbon-box::before{
    border-color:#e4e7ed #e4e7ed #e4e7ed transparent
}
.ribbon-light.ribbon-bookmark.ribbon-left .ribbon-box::before{
    border-color:#e4e7ed transparent #e4e7ed #e4e7ed
}
.ribbon-dark .ribbon-box{
    color:#fff;
    background-color:#343a40
}
.block.block-themed>.block-header,.ribbon-primary .ribbon-box{
    color:#fff;
    background-color:#0284c7
}
.ribbon-dark.ribbon-bookmark .ribbon-box::before{
    border-color:#343a40 #343a40 #343a40 transparent
}
.ribbon-dark.ribbon-bookmark.ribbon-left .ribbon-box::before{
    border-color:#343a40 transparent #343a40 #343a40
}
.ribbon-primary.ribbon-bookmark .ribbon-box::before{
    border-color:#0284c7 #0284c7 #0284c7 transparent
}
.ribbon-primary.ribbon-bookmark.ribbon-left .ribbon-box::before{
    border-color:#0284c7 transparent #0284c7 #0284c7
}
.ribbon-success .ribbon-box{
    color:#fff;
    background-color:#65a30d
}
.ribbon-success.ribbon-bookmark .ribbon-box::before{
    border-color:#65a30d #65a30d #65a30d transparent
}
.ribbon-success.ribbon-bookmark.ribbon-left .ribbon-box::before{
    border-color:#65a30d transparent #65a30d #65a30d
}
.ribbon-info .ribbon-box{
    color:#fff;
    background-color:#0891b2
}
.ribbon-info.ribbon-bookmark .ribbon-box::before{
    border-color:#0891b2 #0891b2 #0891b2 transparent
}
.ribbon-info.ribbon-bookmark.ribbon-left .ribbon-box::before{
    border-color:#0891b2 transparent #0891b2 #0891b2
}
.ribbon-warning .ribbon-box{
    color:#fff;
    background-color:#d97706
}
.ribbon-warning.ribbon-bookmark .ribbon-box::before{
    border-color:#d97706 #d97706 #d97706 transparent
}
.ribbon-warning.ribbon-bookmark.ribbon-left .ribbon-box::before{
    border-color:#d97706 transparent #d97706 #d97706
}
.ribbon-danger .ribbon-box{
    color:#fff;
    background-color:#dc2626
}
.ribbon-danger.ribbon-bookmark .ribbon-box::before{
    border-color:#dc2626 #dc2626 #dc2626 transparent
}
.ribbon-danger.ribbon-bookmark.ribbon-left .ribbon-box::before{
    border-color:#dc2626 transparent #dc2626 #dc2626
}
.ribbon-glass .ribbon-box{
    color:#fff;
    background-color:rgba(255,255,255,.4)
}
.ribbon-glass.ribbon-bookmark .ribbon-box::before{
    border-color:rgba(255,255,255,.4);
    border-left-color:transparent
}
.ribbon-glass.ribbon-bookmark.ribbon-left .ribbon-box::before{
    border-color:rgba(255,255,255,.4);
    border-right-color:transparent
}
.block{
    margin-bottom:1.75rem;
    background-color:#fff;
    box-shadow:0 1px 2px rgba(220,225,232,.5),0 1px 2px rgba(220,225,232,.5)
}
.block-header{
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    align-items:center;
    padding:.875rem 1.625rem
}
.block-options .block-options-item,.block-options .dropdown,.btn-block-option{
    display:inline-block
}
.block-header.block-header-rtl{
    flex-direction:row-reverse
}
.block-header.block-header-rtl .block-title{
    text-align:right
}
.block-header.block-header-rtl .block-options{
    padding-right:1.625rem;
    padding-left:0
}
.block-header-default{
    background-color:#f6f7f9
}
.block-title{
    flex:1 1 auto;
    min-height:1.75rem;
    margin:0;
    font-size:1rem;
    font-weight:500;
    line-height:1.75
}
.block-title .small,.block-title small{
    font-size:.875rem;
    font-weight:400;
    line-height:1.375rem;
    opacity:.75
}
.block-content{
    width:100%;
    margin:0 auto;
    padding:1.625rem 1.625rem 1px;
    overflow-x:visible
}
.contact-item,.footer-site-icon{
    transition:.3s
}
.block-content>.pull-t,.block-content>.pull-y{
    margin-top:-1.625rem
}
.block-content>.pull-b,.block-content>.pull-y{
    margin-bottom:-1px
}
.block-content>.pull-r,.block-content>.pull-x{
    margin-right:-1.625rem;
    margin-left:-1.625rem
}
.block-content>.pull{
    margin:-1.625rem -1.625rem -1px
}
.block-content.block-content-full{
    padding-bottom:1.625rem
}
.block-content.block-content-full>.pull,.block-content.block-content-full>.pull-b,.block-content.block-content-full>.pull-y{
    margin-bottom:-1.625rem
}
.block-content .block,.block-content .items-push>div,.block-content .push,.block-content p{
    margin-bottom:1.625rem
}
.block-content .items-push-2x>div{
    margin-bottom:3.25rem
}
.block-content .items-push-3x>div{
    margin-bottom:4.875rem
}
.block-content.block-content-sm{
    padding-top:.8125rem
}
.block-content.block-content-sm .pull-all,.block-content.block-content-sm .pull-t,.block-content.block-content-sm .pull-t-b{
    margin-top:-.8125rem
}
.block-content.block-content-sm.block-content-full{
    padding-bottom:.8125rem
}
.block-content.block-content-sm.block-content-full .pull,.block-content.block-content-sm.block-content-full .pull-b,.block-content.block-content-sm.block-content-full .pull-y{
    margin-bottom:-.8125rem
}
.block.block-bordered{
    border:1px solid #e4e7ed;
    box-shadow:none
}
.block.block-rounded{
    border-radius:.875rem 1rem
}
.block.block-rounded>.block-content:first-child,.block.block-rounded>.block-header,.block.block-rounded>.nav-tabs{
    border-top-right-radius:.875rem 1rem;
    border-top-left-radius:.875rem 1rem
}
.block.block-rounded.block-mode-hidden>.block-header.block-header-default,.block.block-rounded>.block-content:last-child,.block.block-rounded>.block-header:last-child,.block.block-rounded>.nav-tabs:last-child{
    border-bottom-right-radius:.875rem 1rem;
    border-bottom-left-radius:.875rem 1rem
}
.block.block-mode-hidden.block-bordered>.block-header,.block.block-themed>.block-header{
    border-bottom:none
}
.block.block-themed>.block-header>.block-title{
    color:rgba(255,255,255,.9)
}
.block.block-themed>.block-header>.block-title .small,.block.block-themed>.block-header>.block-title small{
    color:rgba(255,255,255,.7)
}
.block.block-transparent{
    background-color:transparent;
    box-shadow:none
}
.block.block-mode-loading{
    position:relative;
    overflow:hidden
}
.block.block-mode-loading::before{
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    display:block;
    z-index:9;
    content:" ";
    background-color:rgba(255,255,255,.85)
}
.block.block-mode-loading::after{
    position:absolute;
    top:50%;
    left:50%;
    margin:-1.5rem 0 0 -1.5rem;
    width:3rem;
    height:3rem;
    line-height:3rem;
    color:#454c53;
    font-family:Simple-Line-Icons;
    font-size:1.125rem;
    text-align:center;
    z-index:10;
    content:"\e09a";
    animation:1.75s linear infinite fa-spin;
    border-radius:1.5rem;
    box-shadow:0 0 1rem 1rem rgba(69,76,83,.05)
}
.block.block-mode-pinned,.block.block-mode-pinned:last-child{
    border-bottom-right-radius:0;
    border-bottom-left-radius:0
}
.block.block-mode-loading.block-mode-hidden::after{
    margin:-1rem 0 0 -1rem;
    width:2rem;
    height:2rem;
    line-height:2rem;
    box-shadow:0 0 .5rem .5rem rgba(69,76,83,.05)
}
.block.block-mode-loading.block-mode-loading-dark::before{
    background-color:rgba(0,0,0,.85)
}
.block.block-mode-loading.block-mode-loading-dark::after{
    color:#fff;
    box-shadow:0 0 1rem 1rem rgba(255,255,255,.5)
}
.block.block-mode-loading.block-mode-loading-location::after{
    content:"\e06e"
}
.block.block-mode-loading.block-mode-loading-energy::after{
    content:"\e020"
}
.block.block-mode-loading.block-mode-loading-refresh::after{
    font-family:"Font Awesome 6 Free","Font Awesome 6 Pro";
    font-weight:900;
    content:"\f021"
}
.block.block-mode-loading.block-mode-loading-sun::after{
    font-family:"Font Awesome 6 Free","Font Awesome 6 Pro";
    font-weight:900;
    content:"\f185"
}
.block.block-mode-loading.block-mode-loading-repeat::after{
    font-family:"Font Awesome 6 Free","Font Awesome 6 Pro";
    font-weight:900;
    content:"\f01e"
}
.block.block-mode-fullscreen{
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    left:0;
    z-index:1035;
    margin-bottom:0;
    overflow-y:auto;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    -webkit-overflow-scrolling:touch
}
.block.block-mode-fullscreen.block-transparent{
    background-color:#fff
}
.block.block-mode-pinned{
    position:fixed;
    right:.75rem;
    bottom:0;
    margin-bottom:0!important;
    width:100%;
    max-width:300px;
    z-index:1031;
    box-shadow:0 0 30px rgba(0,0,0,.1)
}
.block.block-mode-pinned>.block-content{
    max-height:250px;
    overflow-y:auto
}
@media (min-width:576px){
    #my_mobile_nav,#user_mobile_nav{
        display:none;
        margin:0;
        padding:0
    }
    #body{
        padding-top:75px
    }
    .block.block-mode-pinned{
        max-width:400px
    }
}
a.block{
    display:block;
    color:#3e444a;
    font-weight:400;
    transition:.12s ease-out
}
a.block:hover{
    color:#3e444a;
    opacity:.65
}
.block.block-fx-rotate,a.block.block-link-rotate:hover{
    transform:rotate(1deg);
    opacity:1
}
a.block.block-link-rotate:active{
    transform:rotate(0)
}
a.block.block-link-pop:hover{
    box-shadow:0 .125rem 2rem #d8dde5;
    transform:translateY(-3px);
    opacity:1
}
a.block.block-link-pop:active{
    box-shadow:0 .125rem .625rem #edeff3;
    transform:translateY(0)
}
.block.block-fx-shadow,a.block.block-link-shadow:hover{
    box-shadow:0 0 2.125rem #d8dde5;
    opacity:1
}
a.block.block-link-shadow:active{
    box-shadow:0 0 .625rem #e4e7ed
}
.block.block-fx-pop{
    box-shadow:0 .125rem 1rem #d8dde5;
    transform:translateY(-3px);
    opacity:1
}
.block-options{
    flex:0 0 auto;
    padding-left:1.625rem
}
.block-options .block-options-item{
    padding:0 .25rem;
    line-height:1.2
}
.block.block-themed>.block-header .block-options .block-options-item{
    color:#fff
}
.block-sticky-options{
    position:relative
}
.block-sticky-options .block-options{
    position:absolute;
    top:.875rem;
    right:1.625rem
}
.block-sticky-options .block-options.block-options-left{
    right:auto;
    left:1.625rem;
    padding-right:.625rem;
    padding-left:0
}
.btn-block-option{
    padding:.375rem .25rem;
    line-height:1;
    color:#6c757d;
    background:0 0;
    border:none;
    cursor:pointer
}
.btn-block-option.dropdown-toggle:after{
    position:relative;
    top:2px
}
.btn-block-option .si{
    position:relative;
    top:1px
}
.active>a.btn-block-option,.btn-block-option:hover,.show>button.btn-block-option,a.btn-block-option:focus{
    text-decoration:none;
    color:#212529
}
.btn-block-option:focus{
    outline:0!important;
    color:#000
}
.block.block-themed .btn-block-option{
    color:#fff;
    opacity:.7
}
.active>a.block.block-themed .btn-block-option,.block.block-themed .btn-block-option:focus,.block.block-themed .btn-block-option:hover,.show>button.block.block-themed .btn-block-option,a.block.block-themed .btn-block-option:focus{
    color:#fff;
    opacity:1
}
.block.block-themed .btn-block-option:active{
    color:#fff;
    opacity:.6
}
.login-card-right{
    padding:3rem!important;
    position:relative
}
.login-card-right-bg{
    position:absolute;
    width:400px;
    height:400px;
    top:0;
    right:0;
    background-image:url('../img/login_top_bg.png');
    background-size:70%;
    background-repeat:no-repeat;
    background-position:200% -110%;
    pointer-events:none
}
.my_common_total_info{
    background-color:var(--aid-color);
    border-radius:5px;
    margin-top:1rem;
    border:3px solid #fcfcfc;
    transition:.3s;
    position:relative;
    overflow:hidden
}
.my_common_total_info:hover{
    border-color:var(--aid-color);
    transform:scale(1.01)
}
.contact-item{
    font-size:1.5rem;
    width:5rem;
    height:5rem;
    text-align:center;
    line-height:5rem
}
.contact-item:hover{
    transform:scale(1.2);
    background-color:var(--gray-200)!important
}
.footer-site-icon:hover{
    transform:rotate(360deg) scale(1.2)
}
.func_left{
    top:5.4rem
}