@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,600');
@-webkit-keyframes pulse{
    0{
        -webkit-transform:scaleX(1)
    }
    50%{
        -webkit-transform:scale3d(1.05,1.05,1.05)
    }
    100%{
        -webkit-transform:scaleX(1)
    }
}
@keyframes pulse{
    0{
        -webkit-transform:scaleX(1);
        transform:scaleX(1)
    }
    50%{
        -webkit-transform:scale3d(1.05,1.05,1.05);
        transform:scale3d(1.05,1.05,1.05)
    }
    100%{
        -webkit-transform:scaleX(1);
        transform:scaleX(1)
    }
}
*{
    -webkit-transition-property:background,color,opacity,filter,-webkit-filter;
    -o-transition-property:background,color,opacity,filter,-webkit-filter;
    transition-property:background,color,opacity,filter,-webkit-filter;
    -webkit-transition-duration:0.2s;
    -o-transition-duration:0.2s;
    transition-duration:0.2s;
    -webkit-transition-timing-function:ease;
    -o-transition-timing-function:ease;
    transition-timing-function:ease
}
html,body{
    background:#171717;
    color:rgb(189,189,189);
    font-family:Montserrat,sans-serif;
    font-size:1rem;
    font-weight:400;
    line-height:1rem;
    -webkit-transition:all 0s;
    -o-transition:all 0s;
    transition:all 0s;
    scroll-behavior:smooth
}
#wrapper{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    min-height:100vh;
    overflow-x:hidden
}
#index{
    margin-bottom:1.5rem
}
.particles{
    position:fixed;
    top:0;
    bottom:0;
    left:0;
    right:0;
    width:100%;
    height:100vh;
    pointer-events:none;
    z-index:99
}
.portal{
    height:100vh;
    overflow:hidden
}
.portal .container{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    height:100%
}
.portal .site-logo.animated img{
    -webkit-animation-name:pulse;
    -webkit-animation-duration:5s;
    -webkit-animation-iteration-count:infinite;
    animation-name:pulse;
    animation-duration:5s;
    animation-iteration-count:infinite
}
.portal .site-logo img{
    max-width:525px;
    max-height:225px
}
@media (max-width:768px){
    .portal .site-logo img{
        max-width:100%;
        height:auto
    }
}
.portal .site-name h1{
    margin:0;
    color:rgb(255,255,255);
    font-size:2.75rem;
    font-weight:600;
    text-transform:uppercase
}
.portal .site-name h1 a:hover{
    color:rgb(255,255,255);
    text-decoration:none;
    opacity:0.75
}
.portal .portal-server-status{
    background:rgba(0,0,0,0.15);
    width:650px;
    margin-top:1.25rem;
    padding:0.65rem 1.5rem;
    border-radius:5rem;
    color:rgba(255,255,255,0.75);
    font-size:0.75rem;
    font-weight:500;
    text-align:center;
    text-transform:uppercase
}
@media (max-width:768px){
    .portal .portal-server-status{
        width:auto
    }
}
.portal .portal-server-status strong{
    color:rgba(255,255,255,0.9);
    font-weight:600
}
.portal .portal-server-status:hover{
    background:rgba(0,0,0,0.25);
    color:rgba(255,255,255,0.75);
    text-decoration:none
}
.portal .portal-nav{
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    margin-top:1.25rem
}
.portal .portal-nav .nav-link{
    flex-grow:1;
    position:relative;
    background:#282727;
    min-width:200px;
    margin:0.5rem;
    padding:0.75rem 1.25rem;
    border-radius:0.25rem;
    color:rgb(189,189,189);
    font-size:0.8rem;
    font-weight:500;
    text-align:center;
    text-transform:uppercase;
    overflow:hidden;
    transition:opacity 0.5s ease
}
.portal .portal-nav .nav-link:hover{
    opacity:0.9
}
.portal .portal-nav .nav-link .icon{
    display:flex;
    align-items:center;
    justify-content:center;
    position:absolute;
    top:0;
    left:0;
    width:50px;
    height:100%;
    color:rgb(189,189,189);
    transform:scale3d(3,3,3);
    font-size:1rem;
    opacity:0.1;
    transition:opacity 0.5s ease-in-out,transform 0.5s ease-in-out
}
.portal .portal-nav .nav-link:hover .icon{
    transform:scale3d(1,1,1);
    opacity:1
}
.header-container{
    display:flex;
    flex-direction:column;
    background:-o-linear-gradient(bottom,rgba(0,0,0,0.15),rgba(0,0,0,0.15)),#56a14f;
    background:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,0.15)),to(rgba(0,0,0,0.15))),#56a14f;
    background:linear-gradient(to top,rgba(0,0,0,0.15),rgba(0,0,0,0.15)),#56a14f;
    margin-bottom:1.5rem
}
.header{
    height:175px
}
@media (max-width:992px){
    .header{
        height:auto !important;
        padding:calc(1.5rem * 2) 0
    }
}
.header>.container{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    height:100%
}
@media (max-width:992px){
    .header>.container{
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column
    }
}
@media (max-width:992px){
    .header .header-logo{
        -webkit-box-ordinal-group:0;
        -ms-flex-order:-1;
        order:-1
    }
}
.header .site-name h1{
    margin:0;
    color:rgb(255,255,255);
    font-size:1.75rem;
    font-weight:600;
    text-transform:uppercase
}
.header .site-name h1 a:hover{
    color:rgb(255,255,255);
    text-decoration:none;
    opacity:0.75
}
.header .site-logo a img{
    width:auto;
    max-height:80px
}
@media (max-width:576px){
    .header .site-logo a img{
        max-width:100%;
        height:auto
    }
}
.header .site-logo a:hover img{
    opacity:0.85
}
.header .site-logo.animated a img{
    -webkit-animation-name:pulse;
    -webkit-animation-duration:5s;
    -webkit-animation-iteration-count:infinite;
    animation-name:pulse;
    animation-duration:5s;
    animation-iteration-count:infinite
}
.header-icon{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    width:auto;
    padding:1.0rem;
    text-decoration:none !important;
    opacity:0.85;
    -webkit-transition:all 0.5s ease;
    -o-transition:all 0.5s ease;
    transition:all 0.5s ease
}
@media (max-width:992px){
    .header-icon{
        width:auto;
        margin-top:1.0rem;
        margin-bottom:calc(1.0rem * 0.5)
    }
}
.header-icon:hover{
    -webkit-transform:translateX(5px);
    -ms-transform:translateX(5px);
    transform:translateX(5px);
    opacity:1;
    background:rgba(0,0,0,0.075)
}
@media (max-width:992px){
    .header-icon:hover{
        -webkit-transform:none;
        -ms-transform:none;
        transform:none
    }
}
body.hasRoundedCorners .header-icon{
    border-radius:0.3rem
}
.header-icon i{
    color:rgb(255,255,255) !important
}
.header-icon .discord-icon{
    color:rgb(255,255,255) !important;
    font-size:2.5rem
}
@media (max-width:992px){
    .header-icon
}
.header-icon .discord-content{
    color:rgba(255,255,255,0.75) !important;
    font-size:0.89em
}
@media (max-width:992px){
    .header-icon .discord-content{
        text-align:center
    }
}
.header-icon .discord-title{
    color:rgb(255,255,255) !important;
    text-transform:uppercase;
    font-size:0.9rem;
    font-weight:600;
    letter-spacing:0.1rem;
    margin-bottom:0.1rem
}
.header-server{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:reverse;
    -ms-flex-direction:row-reverse;
    flex-direction:row-reverse;
    width:350px;
    padding:1.0rem;
    text-decoration:none !important;
    opacity:0.85;
    -webkit-transition:all 0.5s ease;
    -o-transition:all 0.5s ease;
    transition:all 0.5s ease
}
@media (max-width:992px){
    .header-server{
        width:auto;
        margin-top:1.0rem
    }
}
.header-server:hover{
    -webkit-transform:translateX(-5px);
    -ms-transform:translateX(-5px);
    transform:translateX(-5px);
    opacity:1;
    background:rgba(0,0,0,0.075)
}
@media (max-width:992px){
    .header-server:hover{
        -webkit-transform:none;
        -ms-transform:none;
        transform:none
    }
}
body.hasRoundedCorners .header-server{
    border-radius:0.3rem
}
.header-server i{
    color:rgb(255,255,255) !important
}
.header-server .server-icon{
    color:rgb(255,255,255) !important;
    font-size:2.5rem;
    margin-left:12px
}
@media (max-width:992px){
    .header-server .server-icon{
        display:none
    }
}
.header-server .server-content{
    color:rgba(255,255,255,0.75) !important;
    font-size:0.89em;
    text-align:right
}
@media (max-width:992px){
    .header-server .server-content{
        text-align:center
    }
}
.header-server .server-title{
    color:rgb(255,255,255) !important;
    text-transform:uppercase;
    font-size:0.9rem;
    font-weight:600;
    letter-spacing:0.1rem;
    margin-bottom:0.1rem
}
.navbar{
    background:#56a14f;
    padding:0;
    border:none;
    -webkit-box-shadow:0 -1px 4px 1px rgba(0,0,0,0.1);
    box-shadow:0 -1px 4px 1px rgba(0,0,0,0.1)
}
.navbar-top{
    order:-1;
    -webkit-box-shadow:0 1px 4px 1px rgba(0,0,0,0.1);
    box-shadow:0 1px 4px 1px rgba(0,0,0,0.1)
}
.navbar.fixed-top{
    -webkit-box-shadow:0 1px 4px 1px rgba(0,0,0,0.1);
    box-shadow:0 1px 4px 1px rgba(0,0,0,0.1)
}
.navbar-nav .nav-link,.navbar-toggler{
    background:none;
    padding:1.0rem !important;
    border-radius:0;
    color:rgb(255,255,255) !important;
    font-size:0.85rem;
    font-weight:500
}
.navbar-nav .nav-link i,.navbar-toggler i{
    color:rgb(255,255,255) !important;
    font-size:0.9em;
    margin-right:5px
}
.navbar-nav .nav-item.active .nav-link{
    background:rgba(0,0,0,0.075)
}
.navbar-nav .nav-link:hover,.navbar-toggler:hover{
    background:rgba(0,0,0,0.1)
}
@media (max-width:576px){
    .navbar-nav .dropdown{
        position:unset
    }
    .navbar-nav .dropdown .dropdown-menu{
        min-width:unset;
        margin-right:0.5rem;
        margin-left:0.5rem;
        right:0;
        left:0
    }
}
.navbar-nav .dropdown-toggle:after{
    display:none
}
.navbar-nav.ml-auto{
    flex-direction:row;
    -ms-flex-direction:row;
    -webkit-box-direction:normal;
    -webkit-box-orient:horizontal
}
.navbar-nav .dropdown-menu{
    position:absolute
}
@media (max-width:992px){
    .navbar-nav.ml-auto .nav-link i{
        margin:0
    }
    .navbar-nav.ml-auto .nav-link span{
        display:none
    }
}
.nav-sidebar{
    position:fixed;
    top:0;
    left:0;
    background:rgba(33,33,33,0.975);
    height:100vh;
    min-width:300px;
    z-index:999999;
    overflow:auto;
    -webkit-transform:translateX(-105%);
    -ms-transform:translateX(-105%);
    transform:translateX(-105%);
    -webkit-transition:all 0.5s ease;
    -o-transition:all 0.5s ease;
    transition:all 0.5s ease
}
@media (max-width:350px){
    .nav-sidebar{
        width:85%;
        min-width:auto
    }
}
.nav-sidebar.active{
    -webkit-transform:translateX(0);
    -ms-transform:translateX(0);
    transform:translateX(0)
}
.nav-sidebar .nav-header{
    background:#56a14f;
    padding:1.5rem calc(1.5rem * 2);
    color:rgb(255,255,255);
    font-size:1.25rem;
    font-weight:500;
    text-align:center;
    text-transform:uppercase
}
.nav-sidebar .nav-header a:hover{
    color:rgb(255,255,255);
    opacity:0.75;
    text-decoration:none
}
.nav-sidebar .nav-header .nav-close{
    float:right;
    font-size:.9rem;
    margin-right:calc(1.5rem * -1);
    opacity:0.75
}
.nav-sidebar .nav-header .nav-close:hover{
    opacity:0.95
}
.nav-sidebar .nav-header .nav-close:hover i{
    color:rgb(255,255,255)
}
.nav-sidebar .nav-body{
    padding:1.0rem 0
}
.nav-sidebar .nav-items{
    list-style:none;
    margin:0;
    padding:0
}
.nav-sidebar .nav-link{
    color:rgb(255,255,255);
    font-size:.85rem;
    padding:calc(1.0rem * 0.75) calc(1.0rem * 1.25)
}
.nav-sidebar .nav-link:hover{
    background:rgba(255,255,255,0.05)
}
.nav-sidebar .nav-link i{
    color:rgb(255,255,255);
    margin-right:12px
}
.alert{
    background-color:#282727;
    margin-bottom:1.0rem;
    padding:1.0rem;
    color:rgb(189,189,189);
    font-size:0.825rem;
    border:none;
    border-left:solid 3px #E0E0E0 !important;
    border-radius:0
}
body.hasBorders .alert{
    border:solid 1px rgb(66,66,66)
}
body.hasRoundedCorners .alert{
    border-radius:0.3rem
}
body.hasBoxShadows .alert{
    -webkit-box-shadow:0 1px 8px 1px rgba(0,0,0,0.25);
    box-shadow:0 1px 8px 1px rgba(0,0,0,0.25)
}
.alert-dismissible .close{
    right:0;
    padding:1.0rem;
    color:rgb(189,189,189);
    font-size:0.9rem
}
.alert-dismissible .close i{
    color:rgb(189,189,189)
}
.alert-sm{
    margin-top:0;
    padding:0.5rem calc(0.5rem * 1.5);
    font-size:0.725rem
}
.alert-sm>i{
    margin-right:5px
}
.alert-primary{
    border-left-color:#56a14f !important
}
.alert-primary>strong{
    color:#56a14f
}
.alert-success{
    border-left-color:#4CAF50 !important
}
.alert-success>strong{
    color:#4CAF50
}
.alert-info{
    border-left-color:#2196F3 !important
}
.alert-info>strong{
    color:#2196F3
}
.alert-warning{
    border-left-color:#FFC107 !important
}
.alert-warning>strong{
    color:#FFC107
}
.alert-danger{
    border-left-color:#F44336 !important
}
.alert-danger>strong{
    color:#F44336
}
.announcement{
    position:relative;
    display:flex;
    align-items:center;
    background-color:#282727;
    margin-bottom:1.5rem;
    padding:calc(1.0rem * 1.25);
    border:none;
    border-bottom:solid 3px var(--background-color) !important;
    border-radius:0;
    font-size:0.9rem;
    font-weight:400
}
body.hasBorders .announcement{
    border:solid 1px rgb(66,66,66)
}
body.hasRoundedCorners .announcement{
    border-radius:0.3rem
}
body.hasBoxShadows .announcement{
    -webkit-box-shadow:0 1px 8px 1px rgba(0,0,0,0.25);
    box-shadow:0 1px 8px 1px rgba(0,0,0,0.25)
}
.announcement .close{
    position:absolute;
    right:calc(1.0rem * 1.25);
    top:calc(1.0rem * 1.25);
    font-size:1rem
}
.announcement-icon{
    margin-right:calc(1.0rem * 1.25);
    color:var(--text-color);
    font-size:2rem
}
.announcement-content{
    color:var(--text-color)
}
.announcement-header{
    margin-bottom:calc(0.5rem * 0.75);
    font-size:1.1rem;
    font-weight:600;
    text-transform:uppercase;
    letter-spacing:0.1rem
}
.announcement-default{
    border-bottom-color:#E0E0E0 !important
}
.announcement-default>.announcement-header{
    color:#E0E0E0
}
.announcement-primary{
    border-bottom-color:#56a14f !important
}
.announcement-primary>.announcement-header{
    color:#56a14f
}
.announcement-success{
    border-bottom-color:#4CAF50 !important
}
.announcement-success>.announcement-header{
    color:#4CAF50
}
.announcement-info{
    border-bottom-color:#2196F3 !important
}
.announcement-info>.announcement-header{
    color:#2196F3
}
.announcement-warning{
    border-bottom-color:#FFC107 !important
}
.announcement-warning>.announcement-header{
    color:#FFC107
}
.announcement-danger{
    border-bottom-color:#F44336 !important
}
.announcement-danger>.announcement-header{
    color:#F44336
}
.carousel{
    margin-bottom:1.5rem;
    overflow:hidden
}
.carousel .carousel-item{
    max-height:300px
}
.carousel .carousel-item p{
    color:rgba(255,255,255,0.75)
}
body.hasRoundedCorners .carousel{
    border-radius:0.3rem
}
body.hasBoxShadows .carousel{
    -webkit-box-shadow:0 1px 8px 1px rgba(0,0,0,0.25);
    box-shadow:0 1px 8px 1px rgba(0,0,0,0.25)
}
.carousel-indicators{
    bottom:0
}
.carousel-indicators li{
    height:5px;
    width:5px;
    border-radius:50%
}
.carousel-indicators li::before,.carousel-indicators li::after{
    height:100%;
    width:100%
}
.breadcrumb{
    background-color:#151a20;
    margin-bottom:1.0rem;
    padding:calc(0.5rem * 1.25) calc(0.5rem * 2);
    border:none;
    border-radius:0;
    color:rgb(189,189,189);
    font-size:0.8rem;
    font-weight:400
}
body.hasBorders .breadcrumb{
    border:solid 1px rgb(66,66,66)
}
body.hasRoundedCorners .breadcrumb{
    border-radius:0.3rem
}
body.hasBoxShadows .breadcrumb{
    -webkit-box-shadow:0 1px 8px 1px rgba(0,0,0,0.25);
    box-shadow:0 1px 8px 1px rgba(0,0,0,0.25)
}
.breadcrumb a{
    color:rgb(158,158,158);
    font-weight:400
}
.breadcrumb a:hover,.breadcrumb a:focus{
    color:#56a14f;
    font-weight:400
}
.breadcrumb .active{
    color:#56a14f;
    font-weight:500
}
.card{
    background:#282727;
    border:none;
    border-radius:0 !important
}
body.hasBorders .card{
    border:solid 1px rgb(66,66,66) !important
}
body.hasRoundedCorners .card{
    border-radius:0.3rem !important
}
.card-header{
    background:#282727;
    padding:1.0rem calc(1.0rem * 1.5);
    padding-bottom:calc(1.0rem * 0.5);
    border:none;
    border-radius:0 !important;
    color:rgb(189,189,189);
    font-size:0.8rem;
    font-weight:500
}
body.hasRoundedCorners .card-header{
    border-radius:0.3rem 0.3rem 0 0 !important
}
.card-header a:hover{
    color:rgb(255,255,255);
    opacity:0.8
}
.card-header i{
    margin-right:5px
}
.card-body{
    background:#282727;
    padding:1.0rem calc(1.0rem * 1.5);
    border:none;
    border-radius:0 !important;
    font-size:0.8rem
}
body.hasBorders .card-body{
    border:solid 1px rgb(66,66,66) !important
}
body.hasRoundedCorners .card-body{
    border-radius:0.3rem !important
}
.card .card-body{
    border:none
}
body.hasBorders .card .card-body{
    border:none !important
}
body.hasRoundedCorners .card .card-body{
    border-radius:0 0 0.3rem 0.3rem !important
}
body.hasBoxShadows .card .card-body{
    -webkit-box-shadow:none !important;
    box-shadow:none !important
}
.card-footer{
    background:#1F1E1E;
    margin-top:-3px;
    padding:1.0rem;
    border:none;
    border-radius:0 !important
}
body.hasRoundedCorners .card-footer{
    border-radius:0 0 0.3rem 0.3rem !important
}
.card-primary>.card-header{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    background:#56a14f;
    padding:1.0rem calc(1.0rem * 1.5);
    color:rgb(255,255,255);
    font-size:1rem;
    font-weight:500;
    text-transform:uppercase
}
.card-primary>.card-header a{
    overflow:hidden;
    white-space:nowrap;
    -o-text-overflow:ellipsis;
    text-overflow:ellipsis
}
body.hasBorders .card-primary>.card-header{
    margin:-1px -1px 0 -1px
}
.card-primary>.card-header .news-label{
    margin-left:auto
}
.card-primary>.card-header .news-label .badge{
    padding:0.4rem 1rem;
    font-size:0.65rem
}
@media (max-width:576px){
    .card-primary>.card-header .news-label .badge{
        display:none 
    }
}
.card-primary>.card-body{
    padding:1.0rem calc(1.0rem * 1.5);
    color:rgb(189,189,189);
    font-size:0.9rem
}
.card-primary>.card-body .meta{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    margin-bottom:calc(1.0rem * 0.75);
    padding-bottom:calc(1.0rem * 0.85);
    border-bottom:solid 1px rgb(66,66,66)
}
@media (max-width:576px){
    .card-primary>.card-body .meta{
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column;
        -webkit-box-align:start;
        -ms-flex-align:start;
        align-items:flex-start
    }
}
.card-primary>.card-body .meta .news-meta{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.card-primary>.card-body .meta .news-avatar{
    margin-right:10px
}
.card-primary>.card-body .meta .news-avatar img{
    height:20px;
    width:20px
}
body.hasRoundedAvatars .card-primary>.card-body .meta .news-avatar img{
    border-radius:0.175rem
}
body.hasCircleAvatars .card-primary>.card-body .meta .news-avatar img{
    border-radius:10%
}
.card-primary>.card-body .meta .news-stats{
    margin-left:auto
}
@media (max-width:576px){
    .card-primary>.card-body .meta .news-stats{
        margin-top:5px
    }
}
.card-primary>.card-body>.meta:first-child i{
    margin:0 2px 0 10px
}
.card-primary>.card-body>.date-block{
    float:left;
    background:rgb(255,255,255);
    margin:0 0 0 -48px;
    font-size:0.7rem;
    font-weight:400;
    text-align:center;
    text-transform:uppercase;
    line-height:1;
    overflow:hidden
}
body.hasRoundedCorners .card-primary>.card-body>.date-block{
    border-radius:0.3rem !important
}
body.hasBoxShadows .card-primary>.card-body>.date-block{
    -webkit-box-shadow:0 1px 8px 1px rgba(0,0,0,0.25) !important;
    box-shadow:0 1px 8px 1px rgba(0,0,0,0.25) !important
}
@media (max-width:768px){
    .card-primary>.card-body>.date-block{
        display:none
    }
}
.date-block>.date{
    background:#56a14f;
    padding:0.55rem 0.5rem;
    color:rgb(255,255,255);
    font-size:1rem;
    font-weight:500
}
body.hasBorders .date-block>.date{
    border:solid 1px #56a14f;
    border-bottom:none
}
body.hasRoundedCorners body.hasBorders .date-block>.date{
    border-radius:0.3rem 0.3rem 0 0 !important
}
.date-block>.month{
    background:#282727;
    padding:0.5rem 0.5rem;
    color:rgb(189,189,189);
    letter-spacing:0
}
body.hasBorders .date-block>.month{
    border:solid 1px rgb(224,224,224);
    border-top:none
}
body.hasBorders .date-block>.month{
    border-radius:0 0 0.3rem 0.3rem !important
}
.card-primary>.card-footer{
    text-align:right
}
.card-default>.card-header{
    padding:0.8rem calc(0.8rem * 1.05);
    padding-bottom:0;
    color:#56a14f
}
.card-default>.card-body{
    padding:0.8rem calc(0.8rem * 1.05)
}
.card-default>.card-footer{
    padding:0.8rem calc(0.8rem * 1.05);
    color:rgb(158,158,158);
    font-size:0.75rem
}
.card-server>.card-header{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    font-size:1rem
}
.card-server>.card-header .indicator{
    display:inline-block;
    background:#E0E0E0;
    width:8px;
    height:8px;
    margin-right:8px;
    border-radius:50%
}
.card-server[data-status="online"]>.card-header .indicator{
    background:#4CAF50
}
.card-server[data-status="offline"]>.card-header .indicator{
    background:#F44336
}
.card-server>.card-body{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    min-height:70px;
    font-size:0.85rem
}
.card-server>.card-body .server-players-count{
    margin-left:auto
}
@media (max-width:992px){
    .card-server>.card-body{
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column;
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center
    }
    .card-server>.card-body .server-players-count{
        margin:0.5rem 0 0
    }
}
.card-server>.card-body .players-list{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
.card-server>.card-body .players-list .list-item{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    width:30px;
    height:30px;
    margin:calc(0.5rem * 0.5);
    color:rgb(189,189,189);
    font-size:0.55rem;
    overflow:hidden
}
.card-server>.card-body .players-list .list-item.list-item-more{
    font-size:0.8rem;
    overflow:visible
}
body.hasRoundedAvatars .card-server>.card-body .players-list .list-item{
    border-radius:0.175rem
}
body.hasCircleAvatars .card-server>.card-body .players-list .list-item{
    border-radius:10%
}
.card-server>.card-body .players-list .list-item:not(:first-child){
    margin-left:calc(0.5rem * 0.5)
}
.card-server>.card-body .players-list .list-item img{
    width:30px;
    height:30px
}
.card-forum>.card-header{
    background:#56a14f;
    padding:1.0rem calc(1.0rem * 1.5);
    color:rgb(255,255,255);
    font-size:0.925rem;
    font-weight:500;
    text-transform:uppercase
}
.card-forum>.card-body{
    padding:0
}
.card-forum>.card-body .node{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    padding:1.0rem calc(1.0rem * 1.5)
}
.card-forum>.card-body .node:not(:first-child){
    border-top:none
}
body.hasBorders .card-forum>.card-body .node:not(:first-child){
    border-top:solid 1px rgb(66,66,66) !important
}
.card-forum>.card-body .node:nth-child(2n){
    background:rgba(255,255,255,0.02)
}
.card-forum>.card-body .node:hover{
    background:rgba(255,255,255,0.04)
}
.card-forum>.card-body .node-icon{
    color:#56a14f;
    margin-right:1.0rem;
    font-size:1.75rem
}
.card-forum>.card-body .node-title{
    color:rgb(189,189,189);
    font-size:0.95rem;
    font-weight:500
}
.card-forum>.card-body .node-stats{
    color:rgb(158,158,158)
}
.card-forum>.card-body .node-stats span{
    color:rgb(189,189,189)
}
.card-forum>.card-body .node-latest{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    width:200px;
    margin-left:auto;
    overflow:hidden
}
@media (max-width:576px){
    .card-forum>.card-body .node-latest{
        display:none
    }
}
.card-forum>.card-body .node-latest .badge{
    padding:0.3rem 0.7rem;
    font-size:0.55rem;
    line-height:0.4rem;
    -webkit-transform:translateY(-1.5px);
    -ms-transform:translateY(-1.5px);
    transform:translateY(-1.5px)
}
.card-forum>.card-body .node-latest-icon img{
    width:30px;
    height:30px;
    margin-right:0.5rem
}
body.hasRoundedAvatars .card-forum>.card-body .node-latest-icon img{
    border-radius:0.175rem
}
body.hasCircleAvatars .card-forum>.card-body .node-latest-icon img{
    border-radius:10%
}
.card-forum>.card-body .node-latest-info{
    overflow:hidden
}
.card-forum>.card-body .node-latest-title{
    font-size:0.85rem;
    overflow:hidden;
    white-space:nowrap;
    -o-text-overflow:ellipsis;
    text-overflow:ellipsis
}
.card-forum>.card-body .node-latest-meta{
    color:rgb(158,158,158);
    font-size:0.75rem;
    overflow:hidden;
    white-space:nowrap;
    -o-text-overflow:ellipsis;
    text-overflow:ellipsis
}
.card-thread>.card-header{
    background:#56a14f;
    padding:1.0rem calc(1.0rem * 1.5);
    color:rgb(255,255,255);
    font-size:0.925rem;
    font-weight:500;
    text-transform:uppercase
}
.card-thread>.card-body{
    padding:0
}
.card-thread>.card-body .thread{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    justify-content:flex-end;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    padding:calc(1.0rem * 0.75) calc(1.0rem * 1.25)
}
.card-thread>.card-body .thread:not(:first-child){
    border-top:none
}
body.hasBorders .card-thread>.card-body .thread:not(:first-child){
    border-top:solid 1px rgb(66,66,66)
}
.card-thread>.card-body .thread:nth-child(2n){
    background:rgba(255,255,255,0.02)
}
.card-thread>.card-body .thread:hover{
    background:rgba(255,255,255,0.04)
}
.card-thread>.card-body .thread-info{
    margin-right:auto
}
.card-thread>.card-body .thread-title{
    color:rgb(189,189,189);
    font-size:0.95rem;
    font-weight:500
}
.card-thread>.card-body .thread-title > i{
    position:relative;
    top:-1px;
    left:2px;
    margin-right:3px;
    font-size:0.8em;
    opacity:0.75
}
.card-thread>.card-body .thread-title .badge{
    padding:0.3rem 0.7rem;
    font-size:0.55rem;
    line-height:0.4rem;
    -webkit-transform:translateY(-1.5px);
    -ms-transform:translateY(-1.5px);
    transform:translateY(-1.5px)
}
.card-thread>.card-body .thread-meta{
    color:rgb(158,158,158);
    font-size:0.8rem
}
.card-thread>.card-body .thread-stats{
    width:100px;
    margin-right:1.5rem
}
@media (max-width:768px){
    .card-thread>.card-body .thread-stats{
        display:none
    }
}
.card-thread>.card-body .thread-latest{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:reverse;
    -ms-flex-direction:row-reverse;
    flex-direction:row-reverse;
    width:150px;
    text-align:right;
    overflow:hidden
}
@media (max-width:576px){
    .card-thread>.card-body .thread-latest{
        display:none
    }
}
.card-thread>.card-body .thread-latest-icon img{
    width:30px;
    height:30px;
    margin-left:1.0rem
}
body.hasRoundedAvatars .card-thread>.card-body .thread-latest-icon img{
    border-radius:0.175rem
}
body.hasCircleAvatars .card-thread>.card-body .thread-latest-icon img{
    border-radius:10%
}
.card-thread>.card-body .thread-latest-info{
    overflow:hidden
}
.card-thread>.card-body .thread-latest-title{
    font-size:0.85rem;
    overflow:hidden;
    white-space:nowrap;
    -o-text-overflow:ellipsis;
    text-overflow:ellipsis
}
.card-thread>.card-body .thread-latest-meta{
    color:rgb(158,158,158);
    font-size:0.7rem;
    overflow:hidden;
    white-space:nowrap;
    -o-text-overflow:ellipsis;
    text-overflow:ellipsis
}
.card-post>.card-body{
    padding:0
}
body.hasRoundedCorners .card-post>.card-body{
    border-radius:0.3rem !important
}
@media (min-width:768px){
    .card-post>.card-body .row>[class*="col"]:first-child{
        padding-right:0
    }
    .card-post .card-body .row>[class*="col"]:last-child{
        padding-left:0
    }
}
.card-post>.card-body .post-sidebar{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    height:100%;
    background:#1F1E1E;
    padding:1.0rem;
    border-bottom:none
}
body.hasBorders .card-post>.card-body .post-sidebar{
    border-bottom:solid 1px rgb(66,66,66)
}
body.hasRoundedCorners .card-post>.card-body .post-sidebar{
    border-radius:0.3rem 0.3rem 0 0 !important
}
@media (min-width:768px){
    .card-post>.card-body .post-sidebar{
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column;
        border-bottom:none;
        border-right:none
    }
    body.hasBorders .card-post>.card-body .post-sidebar{
        border-bottom:none;
        border-right:solid 1px rgb(66,66,66)
    }
    body.hasRoundedCorners .card-post>.card-body .post-sidebar{
        border-radius:0.3rem 0 0 0.3rem !important
    }
    .card-post>.card-body .post-sidebar>*{
        width:100%
    }
}
.card-post>.card-body .post-sidebar .post-user-avatar{
    margin-right:1.0rem;
    text-align:center
}
@media (min-width:768px){
    .card-post>.card-body .post-sidebar .post-user-avatar{
        margin-right:0;
        margin-bottom:0.5rem
    }
}
.card-post>.card-body .post-sidebar .post-user-avatar img{
    width:60px;
    height:60px
}
@media (min-width:768px){
    .card-post>.card-body .post-sidebar .post-user-avatar img{
        width:80px;
        height:80px
    }
}
body.hasRoundedAvatars .card-post>.card-body .post-sidebar .post-user-avatar img{
    border-radius:0.175rem
}
body.hasCircleAvatars .card-post>.card-body .post-sidebar .post-user-avatar img{
    border-radius:10%
}
.card-post>.card-body .post-sidebar .post-user-info>*{
    overflow:hidden;
    -o-text-overflow:ellipsis;
    text-overflow:ellipsis;
    white-space:nowrap
}
@media (min-width:768px){
    .card-post>.card-body .post-sidebar .post-user-info{
        text-align:center
    }
}
.card-post>.card-body .post-sidebar .post-user-name{
    color:rgb(189,189,189);
    font-size:1rem;
    font-weight:500
}
.card-post>.card-body .post-sidebar .post-user-title{
    color:rgb(158,158,158);
    font-size:0.8rem;
    font-weight:400
}
.card-post>.card-body .post-sidebar .post-user-badge{
    white-space:normal
}
.card-post>.card-body .post-sidebar .post-user-badge>*{
    margin-top:calc(0.5rem * 0.4);
    margin-right:calc(0.5rem * 0.4)
}
@media (min-width:768px){
    .card-post>.card-body .post-sidebar .post-user-badge{
        margin-top:0.5rem;
        margin-right:0
    }
    .card-post>.card-body .post-sidebar .post-user-badge>*{
        display:block
    }
}
.card-post>.card-body .post-sidebar .post-user-stats{
    margin-top:1.0rem
}
@media (max-width:768px){
    .card-post>.card-body .post-sidebar .post-user-stats{
        display:none
    }
}
.card-post>.card-body .post-sidebar hr{
    margin:0.5rem 0
}
.card-post>.card-body .post-sidebar .post-user-stats .pairs dl:not(:first-child){
    margin-top:calc(0.5rem - 0.35rem)
}
.card-post>.card-body .post-sidebar .post-user-stats .pairs dd,.card-post>.card-body .post-sidebar .post-user-stats .pairs dt{
    font-size:0.75rem
}
.card-post>.card-body .post-sidebar .post-user-p-badges{
    margin-top:0.5rem
}
.card-post>.card-body .post-main{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    justify-content:flex-end;
    height:100%;
    padding:1.0rem
}
.card-post>.card-body .post-main .post{
    margin-bottom:auto
}
.card-post>.card-body .post-main .post img:not(.emojione){
    margin:1.0rem auto
}
.card-post>.card-body .post-main .post-signature{
    margin-top:1.0rem;
    padding-top:1.0rem;
    border-top:solid 1px rgb(66,66,66)
}
.card-post>.card-body .post-main .post-reactions{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    background:#1F1E1E;
    margin-top:1.0rem;
    padding:calc(0.5rem * 1.15) calc(0.5rem * 1.5);
    border:none;
    color:rgb(189,189,189);
    font-size:0.7rem
}
body.hasBorders .card-post>.card-body .post-main .post-reactions{
    border:solid 1px rgb(66,66,66) !important
}
body.hasBoxShadows .card-post>.card-body .post-main .post-reactions{
    -webkit-box-shadow:0 1px 5px 1px rgba(0,0,0,0.1) !important;
    box-shadow:0 1px 5px 1px rgba(0,0,0,0.1) !important
}
body.hasRoundedCorners .card-post>.card-body .post-reactions{
    border-radius:0.3rem
}
.card-post>.card-body .post-main .post-reaction-buttons{
    margin-left:auto;
    font-size:0.8rem
}
.card-post>.card-body .post-main .post-reaction-buttons form{
    display:inline
}
.card-post>.card-body .post-main .post-reaction-buttons form:not(:first-child) a{
    margin-left:10px
}
.card-post>.card-body .post-main .post-reaction-buttons form a{
    opacity:0.5
}
.card-post>.card-body .post-main .post-reaction-buttons form a:hover{
    opacity:1
}
.card-post>.card-body .post-main .meta{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    margin-top:1.0rem;
    padding-top:1.0rem;
    border-top:solid 1px rgb(66,66,66);
    font-size:0.7rem
}
@media (max-width:768px){
    .card-post>.card-body .post-main .meta{
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column
    }
}
.card-reactions>.card-header{
    background:#1F1E1E;
    padding:0.8rem
}
body.hasBorders .card-reactions>.card-header{
    border-bottom:solid 1px rgb(66,66,66)
}
.card-reactions .card-body{
    padding:0.8rem
}
.card-reactions .card-body .list-icon img{
    width:25px;
    height:25px
}
.card-reactions .card-body .list-content{
    font-size:0.85rem;
    line-height:0.85rem
}
.card-package .card-header{
    background:#56a14f;
    color:rgb(255,255,255);
    padding:calc(0.5rem * 1.25);
    text-align:center;
    text-transform:uppercase
}
.card-package .card-body{
    text-align:center
}
.card-package .card-body img{
    height:auto;
    max-width:174px
}
.card-package .card-body .package-letter{
    padding:4.9rem 0
}
.card-package .card-footer{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    padding:calc(0.5rem * 1.25) calc(0.5rem * 1.5)
}
.card-package .card-footer .sale-discount{
    color:#F44336;
    text-decoration:line-through
}
.card-staff>.card-header{
    background:rgb(66,66,66);
    padding:calc(1.0rem * 0.95) calc(1.0rem * 1.5);
    color:rgb(255,255,255);
    font-size:0.95rem;
    font-weight:500;
    text-transform:uppercase
}
body.hasBorders .card-primary>.card-header{
    margin:-1px -1px 0 -1px
}
.card-chatbox{
    margin-bottom:1.5rem
}
.card-chatbox>.card-header{
    background:#56a14f;
    padding:calc(1.0rem * 0.95) calc(1.0rem * 1.5);
    color:rgb(255,255,255);
    font-size:0.95rem;
    font-weight:500;
    text-transform:uppercase
}
.card-chatbox>.card-body{
    padding:0
}
.card-chatbox>.card-footer{
    z-index:999
}
.card-chatbox>.card-footer #chatForm{
    display:block
}
.card-chatbox>.card-footer #chatForm.disabled *{
    pointer-events:none
}
.card-rule>.card-header{
    padding-bottom:0
}
.card-rule>.card-footer{
    padding:calc(1.0rem * 0.75) calc(1.0rem * 1.5);
    font-size:0.8rem
}
.card-rule>.card-footer span{
    color:#F44336
}
.table{
    background:#282727;
    border:none;
    width:100% !important;
    border-collapse:collapse;
    table-layout:fixed;
    overflow:hidden
}
body.hasBorders .table{
    border:solid 1px rgb(66,66,66)
}
body.hasRoundedCorners .table{
    border-radius:0.3rem
}
body.hasBoxShadows .table{
    -webkit-box-shadow:0 1px 8px 1px rgba(0,0,0,0.25);
    box-shadow:0 1px 8px 1px rgba(0,0,0,0.25)
}
.table>thead{
    border:none;
    border-bottom:none;
    color:#56a14f;
    font-size:0.8rem
}
body.hasBorders .table>thead{
    border-bottom:solid 1px rgb(66,66,66)
}
.table>thead th{
    background:#1F1E1E;
    border:none;
    padding:calc(0.5rem * 1.5) calc(0.5rem * 2)
}
.table>tbody td{
    border:none;
    padding:1.0rem;
    vertical-align:middle;
    font-size:0.8rem
}
.table>tbody tr:nth-child(2n){
    background:rgba(255,255,255,0.02)
}
.table>tbody tr:hover{
    background:rgba(255,255,255,0.04)
}
.table>tbody tr:not(:first-child){
    border-top:solid 1px rgb(66,66,66)
}
@media (max-width:768px){
    .table>colgroup col:first-child,.table>thead th:first-child,.table>thead td:first-child,.table>tbody th:first-child,.table>tbody td:first-child{
        width:100% !important
    }
    .table>colgroup col:not(:first-child),.table>thead th:not(:first-child),.table>thead td:not(:first-child),.table>tbody th:not(:first-child),.table>tbody td:not(:first-child){
        display:none !important
    }
}
@media (max-width:992px){
    .table>colgroup col:not(:first-child):not(:last-child){
        display:none !important
    }
    .table>colgroup col:first-child,.table>colgroup col:last-child{
        width:50% !important
    }
    .table>thead th:not(:first-child):not(:last-child),.table>thead td:not(:first-child):not(:last-child),.table>tbody th:not(:first-child):not(:last-child),.table>tbody td:not(:first-child):not(:last-child){
        display:none !important
    }
}
.dataTables_wrapper>.row{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.dataTables_wrapper>.row:not(:first-child):not(:last-child){
    margin-top:calc(1.0rem * 0.3);
    margin-bottom:calc(1.0rem * 0.7)
}
.dataTables_wrapper .dataTables_length label{
    font-size:0.8rem
}
@media (max-width:768px){
    .dataTables_wrapper .dataTables_length label{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center
    }
    .dataTables_wrapper .dataTables_length label input{
        width:100%;
        margin-left:10px
    }
}
.dataTables_wrapper .dataTables_length select{
    height:auto;
    margin:0 3px;
    padding:5px 10px;
    font-size:0.7rem
}
.dataTables_wrapper .dataTables_filter{
    font-size:0.8rem
}
@media (max-width:768px){
    .dataTables_wrapper .dataTables_filter label{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center
    }
    .dataTables_wrapper .dataTables_filter label input{
        width:100%;
        margin-left:10px
    }
}
.dataTables_wrapper .dataTables_info{
    padding-top:0 !important
}
@media (max-width:768px){
    .dataTables_wrapper .dataTables_info{
        padding-top:0 !important;
        text-align:left !important
    }
}
.dataTables_wrapper .dataTables_info{
    padding-top:0;
    font-size:0.8rem;
    color:rgb(189,189,189)
}
.profile-header{
    background:#E0E0E0;
    margin-bottom:1.0rem;
    overflow:hidden
}
body.hasRoundedCorners .profile-header{
    border-radius:0.3rem !important
}
body.hasBoxShadows .profile-header{
    -webkit-box-shadow:0 1px 8px 1px rgba(0,0,0,0.25) !important;
    box-shadow:0 1px 8px 1px rgba(0,0,0,0.25) !important
}
.profile-header .profile-banner{
    position:relative;
    height:150px;
    padding:1.5rem
}
@media (max-width:576px){
    .profile-header .profile-banner{
        text-align:center;
        height:auto
    }
}
.profile-header .profile-actions{
    position:absolute;
    right:1.5rem;
    top:1.5rem;
    font-size:1rem;
    color:rgba(255,255,255,0.75);
    text-shadow:1px 1px 4px rgba(0,0,0,0.5)
}
.profile-header .profile-actions a,.profile-header .profile-actions a i{
    color:rgba(255,255,255,0.75)
}
.profile-header .profile-actions a:hover,.profile-header .profile-actions a:hover i{
    color:rgba(255,255,255,1);
    text-decoration:none
}
.profile-header .profile-actions a:not(:first-child){
    margin-left:0.5rem
}
.profile-header .profile-avatar{
    display:inline-block;
    -webkit-transform:translateY(45%);
    -ms-transform:translateY(45%);
    transform:translateY(45%)
}
@media (max-width:576px){
    .profile-header .profile-avatar{
        -webkit-transform:none;
        -ms-transform:none;
        transform:none 
    }
}
.profile-header .profile-avatar img{
    height:150px;
    width:150px;
    -webkit-filter:drop-shadow(0 1px 6px rgba(0,0,0,0.8));
    filter:drop-shadow(0 1px 6px rgba(0,0,0,0.8))
}
body.hasRoundedAvatars .profile-header .profile-avatar img{
    border-radius:0.175rem
}
body.hasCircleAvatars .profile-header .profile-avatar img{
    border-radius:10%
}
@media (max-width:576px){
    .profile-header .profile-avatar img{
        height:100px;
        width:100px
    }
}
.profile-header .profile-info{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    background:rgba(0,0,0,0.95);
    min-height:115px;
    padding:1.5rem;
    padding-left:calc(1.5rem + 175px);
    border:none;
    border-top:0;
    border-bottom:0;
    color:rgb(189,189,189)
}
body.hasBorders .profile-header .profile-info{
    border:solid 1px rgb(66,66,66)
}
.profile-header .profile-content{
    width:100%
}
@media (max-width:576px){
    .profile-header .profile-info{
        padding-left:1.5rem;
        text-align:center
    }
    .profile-header .profile-content{
        margin:auto
    }
}
.profile-header .profile-name{
    font-size:1.5rem;
    font-weight:500
}
.profile-header .profile-title{
    margin-top:0.5rem;
    color:rgb(158,158,158);
    font-size:1rem
}
.profile-header .profile-groups{
    display:flex;
    flex-wrap:wrap;
    margin-top:0.5rem
}
@media (max-width:576px){
    .profile-header .profile-groups{
        justify-content:center
    }
}
.profile-header .profile-groups > *{
    margin:0.25rem 0.1rem
}
body.hasRoundedCorners .profile-header .nav-tabs{
    border-radius:0 0 0.3rem 0.3rem !important
}
.account-overview{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.account-overview .overview-icon{
    margin-right:1.0rem
}
.account-overview .overview-icon img{
    width:50px;
    height:50px
}
body.hasRoundedAvatars .account-overview .overview-icon img{
    border-radius:0.175rem
}
body.hasCircleAvatars .account-overview .overview-icon img{
    border-radius:10%
}
.account-overview .overview-info{
    width:100%
}
.footer{
    background:-o-linear-gradient(bottom,rgba(0,0,0,0.15),rgba(0,0,0,0.15)),#56a14f;
    background:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,0.15)),to(rgba(0,0,0,0.15))),#56a14f;
    background:linear-gradient(to top,rgba(0,0,0,0.15),rgba(0,0,0,0.15)),#56a14f;
    margin-top:auto
}
.footer-extra{
    background:#56a14f;
    padding:1.0rem;
    -webkit-box-shadow:0 1px 4px 1px rgba(0,0,0,0.1);
    box-shadow:0 1px 4px 1px rgba(0,0,0,0.1)
}
.footer-extra>.container{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
}
@media (max-width:768px){
    .footer-extra>.container{
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column;
        text-align:center
    }
}
.footer-social{
    color:rgba(255,255,255,0.85);
    font-size:1.5rem
}
.footer-social i{
    color:rgba(255,255,255,0.85)
}
@media (max-width:768px){
    .footer-social{
        width:100%;
        margin-top:calc(1.0rem - 2px);
        padding-top:calc(1.0rem - 2px);
        border-top:solid 1px rgba(255,255,255,0.25)
    }
}
.footer-social a:not(:first-child){
    margin-left:8px
}
.footer-social a:hover,.footer-social a:hover i{
    color:rgb(255,255,255);
    text-decoration:none
}
.footer-links{
    color:rgba(255,255,255,0.85);
    font-size:0.9rem;
    font-weight:500
}
@media (max-width:768px){
    .footer-links a{
        display:block
    }
    .footer-links a:not(:first-child){
        margin-top:5px;
        margin-left:0 !important
    }
}
.footer-links a:hover,.footer-links a:hover i{
    color:rgb(255,255,255)
}
.footer-links a:not(:first-child){
    margin-left:1.0rem
}
.footer-content{
    padding:1.5rem;
    color:rgb(224,224,224);
    font-size:0.8rem;
    text-align:center
}
.footer-content a{
    color:rgba(255,255,255,0.85)
}
.footer-content a:hover,.footer-content a:hover i{
    color:rgb(255,255,255)
}
.btn{
    background:#E0E0E0;
    padding:0.5rem calc(0.5rem * 2.5);
    border:none;
    border-radius:0;
    -webkit-box-shadow:none !important;
    box-shadow:none !important;
    outline:none !important;
    color:rgb(255,255,255);
    font-size:0.8rem;
    font-weight:500
}
body.hasRoundedCorners .btn{
    border-radius:0.3rem
}
.btn:hover{
    background:rgb(66,66,66);
    color:rgb(255,255,255)
}
.btn:hover i{
    color:inherit
}
.btn:focus{
    background:rgb(33,33,33);
    color:rgb(255,255,255)
}
.btn:focus i{
    color:inherit
}
.btn:not(:disabled):not(.disabled).active,.btn:not(:disabled):not(.disabled):active,.show>.btn.dropdown-toggle{
    background:rgb(33,33,33);
    color:rgb(255,255,255)
}
.btn-sm{
    padding:0.35rem calc(0.35rem * 2.5);
    font-size:0.65rem;
    font-weight:500;
    line-height:1.5
}
.btn.disabled{
    color:#fff !important
}
.btn-default{
    background:#E0E0E0;
    color:rgb(117,117,117)
}
.btn-primary{
    background:#56a14f !important;
    color:#fff
}
.btn-secondary{
    background:#757575 !important
}
.btn-success{
    background:#4CAF50 !important
}
.btn-danger{
    background:#F44336 !important
}
.btn-info{
    background:#2196F3 !important
}
.btn-warning{
    background:#FFC107 !important
}
.btn-light{
    background:#282727;
    border:none;
    border-radius:0;
    color:rgb(189,189,189)
}
.btn-light.disabled{
    color:rgb(189,189,189) !important
}
body.hasBorders .btn-light{
    border:solid 1px rgb(66,66,66)
}
body.hasBoxShadows .btn-light{
    -webkit-box-shadow:0 1px 8px 1px rgba(0,0,0,0.25) !important;
    box-shadow:0 1px 8px 1px rgba(0,0,0,0.25) !important
}
.card-body .btn-light{
    background:#1F1E1E
}
.btn-light:hover{
    background:#282727;
    border:none;
    color:#56a14f
}
body.hasBorders .btn-light:hover{
    border:solid 1px #56a14f
}
.card-body .btn-light:hover{
    background:#1F1E1E
}
.btn-light:hover i{
    color:#56a14f
}
.btn-light:focus{
    background:#56a14f;
    border:none;
    color:rgb(255,255,255)
}
body.hasBorders .btn-light:focus{
    border:solid 1px #56a14f
}
.btn-light:focus i{
    color:rgb(255,255,255)
}
.btn-light:not(:disabled):not(.disabled).active,.btn-light:not(:disabled):not(.disabled):active,.show>.btn-light.dropdown-toggle{
    background:#56a14f;
    border:none;
    color:rgb(255,255,255)
}
body.hasBorders .btn-light:not(:disabled):not(.disabled).active,body.hasBorders .btn-light:not(:disabled):not(.disabled):active,body.hasBorders .show>.btn-light.dropdown-toggle{
    border:solid 1px #56a14f
}
.btn-light:not(:disabled):not(.disabled).active i,.btn-light:not(:disabled):not(.disabled):active i,.show>.btn-light.dropdown-toggle i{
    color:rgb(255,255,255)
}
body.hasBorders .btn-light:focus{
    border:solid 1px #56a14f
}
.btn-scrollToTop{
    position:fixed;
    bottom:1.0rem;
    right:1.0rem;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#282727;
    color:rgb(189,189,189);
    height:60px;
    width:45px;
    padding:0;
    font-size:1.45rem;
    text-align:center;
    opacity:0.75;
    transition:all 0.25s ease
}
.btn-scrollToTop:hover{
    background:#282727;
    color:rgb(189,189,189);
    opacity:1
}
.dropdown{
    display:inline-block
}
.dropdown-toggle.inc{
    position:relative
}
.dropdown-toggle.inc::before{
    content:'';
    position:absolute;
    left:12px;
    background:var(--red);
    height:8px;
    width:8px;
    border:solid 1px #56a14f;
    border-radius:50%
}
.dropdown-menu{
    background:#282727;
    left:inherit;
    right:0;
    min-width:200px;
    padding:0;
    padding-bottom:1px;
    border:none;
    border-radius:0;
    color:rgb(189,189,189);
    -webkit-transition:0s;
    -o-transition:0s;
    transition:0s
}
body.hasBorders .dropdown-menu{
    border:solid 1px rgb(66,66,66)
}
body.hasRoundedCorners .dropdown-menu{
    border-radius:0.3rem !important
}
body.hasBoxShadows .dropdown-menu{
    -webkit-box-shadow:0 1px 10px 1px rgba(0,0,0,0.7) !important;
    box-shadow:0 1px 10px 1px rgba(0,0,0,0.7) !important
}
.dropdown-menu .dropdown-header{
    background:#56a14f;
    margin:0;
    margin-bottom:1px;
    padding:calc(0.5rem * 1.25) calc(0.5rem * 1.5);
    color:rgb(255,255,255);
    font-size:0.85rem;
    font-weight:500
}
body.hasRoundedCorners .dropdown-header{
    border-radius:0.3rem 0.3rem 0 0 !important
}
.dropdown-menu .dropdown-header{
    color:rgb(255,255,255) !important
}
.dropdown-menu .dropdown-item{
    background:none;
    padding:0
}
.dropdown-menu .dropdown-item{
    display:list-item;
    padding:calc(0.5rem * 0.9) calc(0.5rem * 1.3);
    color:rgb(189,189,189);
    font-size:0.75rem;
    font-weight:400
}
.dropdown-menu .dropdown-item:first-child{
    padding-top:calc(0.5rem * 1.1)
}
.dropdown-menu .dropdown-item:last-child{
    padding-bottom:calc(0.5rem * 1.1)
}
.dropdown-menu .dropdown-item:hover,.dropdown-menu .dropdown-item:focus{
    background:rgba(255,255,255,0.04);
    color:rgb(189,189,189) !important;
    text-decoration:none
}
.dropdown-menu hr{
    margin:2px 0
}
.ui-menu{
    background:#282727 !important;
    border:none !important;
    outline:none;
    color:rgb(189,189,189) !important;
    overflow:hidden
}
body.hasBorders .ui-menu{
    border:solid 1px rgb(66,66,66)
}
body.hasRoundedCorners .ui-menu{
    border-radius:0.3rem
}
body.hasBoxShadows .ui-menu{
    -webkit-box-shadow:0 1px 8px 1px rgba(0,0,0,0.25);
    box-shadow:0 1px 8px 1px rgba(0,0,0,0.25)
}
.ui-menu .ui-menu-item-wrapper{
    font-family:Montserrat,sans-serif !important;
    font-size:0.75rem;
    font-weight:400;
    padding:calc(0.5rem * 0.9) calc(0.5rem * 1.3) !important
}
.ui-menu-item .ui-menu-item-wrapper.ui-state-active{
    background:rgba(255,255,255,0.04) !important;
    margin:0 !important;
    border:none !important;
    color:rgb(189,189,189) !important;
    font-weight:400
}
.datepicker.dropdown-menu{
    right:auto;
    padding:4px
}
.tokenfield .token{
    background:#1F1E1E !important;
    display:-webkit-inline-box !important;
    display:-ms-inline-flexbox !important;
    display:inline-flex !important;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    height:25px !important;
    margin:0 0.5rem 0.5rem 0 !important;
    padding:0 0.5rem;
    border:none !important
}
body.hasBorders .tokenfield .token{
    border:solid 1px rgb(66,66,66) !important
}
body.hasRoundedCorners .tokenfield .token{
    border-radius:0.3rem !important
}
body.hasBoxShadows .tokenfield .token{
    -webkit-box-shadow:0 1px 8px 1px rgba(0,0,0,0.25) !important;
    box-shadow:0 1px 8px 1px rgba(0,0,0,0.25) !important
}
.token-input{
    color:rgb(189,189,189) !important
}
.tokenfield .token .token-label{
    padding:0 !important
}
.tokenfield .token .close{
    height:auto !important;
    padding:0 !important;
    color:rgb(189,189,189)
}
.pagination{
    margin-bottom:0
}
.pagination .page-item:not(:first-child){
    margin-left:0.5rem
}
.page-item .page-link{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    background:#282727;
    height:26px;
    width:26px;
    margin:0;
    padding:0;
    border:none;
    border-radius:0 !important;
    -webkit-box-shadow:none !important;
    box-shadow:none !important;
    color:rgb(189,189,189);
    font-size:0.75rem
}
body.hasBorders .page-item .page-link{
    border:solid 1px rgb(66,66,66)
}
body.hasRoundedCorners .page-item .page-link{
    border-radius:0.3rem !important
}
body.hasBoxShadows .page-item .page-link{
    -webkit-box-shadow:0 1px 8px 1px rgba(0,0,0,0.25) !important;
    box-shadow:0 1px 8px 1px rgba(0,0,0,0.25) !important
}
.card-body .page-item .page-link{
    background:#1F1E1E
}
.page-item:not(.active) .page-link:hover{
    border:none;
    color:#56a14f
}
body.hasBorders .page-item:not(.active) .page-link:hover{
    border:solid 1px #56a14f
}
.page-item:not(.active) .page-link:focus{
    background:#56a14f;
    border:none;
    color:rgb(255,255,255)
}
body.hasBorders .page-item:not(.active) .page-link:focus{
    border:solid 1px #56a14f
}
.page-item.active .page-link,.page-item.active .page-link:hover,.page-item.active .page-link:focus{
    background:#56a14f;
    border-color:transparent
}
.page-item.disabled .page-link,.page-item.disabled .page-link:hover,.page-item.disabled .page-link:focus{
    background:#282727;
    border:none;
    opacity:1
}
.card-body .page-item.disabled .page-link,.card-body .page-item.disabled .page-link:hover,.card-body .page-item.disabled .page-link:focus{
    background:#1F1E1E
}
body.hasBorders .page-item.disabled .page-link,body.hasBorders .page-item.disabled .page-link:hover,body.hasBorders .page-item.disabled .page-link:focus{
    border:solid 1px rgb(66,66,66)
}
.page-item.disabled{
    cursor:not-allowed
}
.page-item.previous .page-link{
    width:75px !important
}
.page-item.next .page-link{
    width:50px !important
}
.modal .modal-content{
    background:none;
    border:none;
    border-radius:0;
    -webkit-box-shadow:0 1px 10px 1px rgba(0,0,0,0.7);
    box-shadow:0 1px 10px 1px rgba(0,0,0,0.7)
}
body.hasRoundedCorners .modal .modal-content{
    border-radius:calc(0.3rem + 1px) !important
}
body.hasBoxShadows .modal .modal-content{
    -webkit-box-shadow:0 1px 10px 1px rgba(0,0,0,0.7) !important;
    box-shadow:0 1px 10px 1px rgba(0,0,0,0.7) !important
}
.modal .modal-header{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    background:#56a14f;
    padding:calc(1.0rem * 0.75) calc(1.0rem * 1.25);
    border:none;
    border-radius:0;
    color:rgb(255,255,255);
    font-size:0.9rem;
    font-weight:500
}
body.hasRoundedCorners .modal .modal-header{
    border-radius:0.3rem 0.3rem 0 0 !important
}
.modal .modal-header .close{
    margin:0;
    margin-left:auto;
    padding:0;
    color:rgb(255,255,255) !important;
    font-size:0.8rem
}
.modal .modal-header .close i{
    color:rgb(255,255,255)
}
.modal .modal-body{
    background:#282727;
    padding:calc(1.0rem * 1.25) calc(1.0rem * 1.25);
    border-radius:0;
    color:rgb(189,189,189);
    font-size:0.8rem
}
body.hasRoundedCorners .modal .modal-body{
    border-radius:0 0 0.3rem 0.3rem !important
}
.modal .modal-body .alert{
    background:rgba(255,255,255,0.05)
}
.modal .modal-footer{
    background:#1F1E1E;
    margin-top:calc(0.3rem * -1);
    padding:calc(1.0rem * 0.75) calc(1.0rem * 1.25);
    border:none;
    border-radius:0;
    z-index:9999
}
body.hasRoundedCorners .modal .modal-footer{
    border-radius:0 0 0.3rem 0.3rem !important
}
.modal .modal-footer .btn:not(:first-child){
    margin-left:0.5rem
}
.nav-tabs{
    background:#56a14f;
    padding:0 1.5rem;
    border:none;
    border-radius:0;
    color:rgb(255,255,255);
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
body.hasRoundedCorners .nav-tabs{
    border-radius:0.3rem !important
}
body.hasBoxShadows .nav-tabs{
    -webkit-box-shadow:0 1px 8px 1px rgba(0,0,0,0.25) !important;
    box-shadow:0 1px 8px 1px rgba(0,0,0,0.25) !important
}
.nav-tabs .nav-link{
    background:none;
    height:100%;
    text-align:center;
    padding:0.5rem calc(0.5rem * 2);
    border:none;
    border-bottom:solid 3px transparent !important;
    border-radius:0;
    color:rgb(255,255,255);
    font-size:0.8rem
}
.nav-tabs .nav-link i{
    color:rgb(255,255,255)
}
.nav-tabs .nav-link:hover,.nav-tabs .nav-item.show .nav-link:hover,.nav-tabs .nav-link.active:hover{
    background:rgba(0,0,0,0.1)
}
.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{
    background:none;
    border-color:rgb(255,255,255) !important;
    color:rgb(255,255,255)
}
@media (max-width:768px){
    .nav-tabs .nav-item{
        flex-grow:1;
        -webkit-flex-grow:1
    }
}
.nav-pills .nav-link{
    background:none;
    margin:1px 0;
    padding:0.5rem calc(0.5rem * 1.5);
    border-radius:0;
    font-size:0.8rem;
    font-weight:400
}
body.hasRoundedCorners .nav-pills .nav-link{
    border-radius:0.3rem !important
}
.nav-pills .nav-link:hover{
    background:rgba(255,255,255,0.05);
    color:#56a14f
}
.nav-pills .nav-link i{
    width:1.25em;
    margin-right:0.5rem;
    color:inherit;
    text-align:center
}
.nav-pills .nav-item.nested{
    margin-left:1.05rem;
    padding-left:0.5rem;
    border-left:solid 1px rgb(66,66,66)
}
.nav-pills .nav-link.active,.nav-pills .show>.nav-link{
    background:#56a14f;
    color:rgb(255,255,255);
    font-weight:500
}
body.hasRoundedCorners .nav-pills .nav-link.active,body.hasRoundedCorners .nav-pills .show>.nav-link{
    -webkit-box-shadow:0 1px 8px 1px rgba(0,0,0,0.25) !important;
    box-shadow:0 1px 8px 1px rgba(0,0,0,0.25) !important
}
.list{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column
}
.list>.list-item{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.list .list-item:not(:first-child){
    margin-top:1.0rem
}
.list.list-relaxed>.list-item:not(:first-child){
    margin-top:1.5rem
}
.list>.list-item .list-icon{
    margin-right:0.5rem
}
.list>.list-item .list-icon img{
    width:30px;
    height:30px
}
body.hasRoundedAvatars .list>.list-item .list-icon img{
    border-radius:0.175rem
}
body.hasCircleAvatars .list>.list-item .list-icon img{
    border-radius:10%
}
.list>.list-item .list-icon i{
    font-size:1.5rem;
    margin-right:0.5rem
}
.list>.list-item .list-content{
    display:block;
    font-size:0.8rem;
    line-height:1.25;
    overflow:hidden;
    white-space:nowrap;
    -o-text-overflow:ellipsis;
    text-overflow:ellipsis
}
.list>.list-item .list-content .badge{
    padding:0.25rem 0.5rem;
    font-size:0.55rem;
    margin-top:3px
}
.list>.list-item .list-content .badge+a{
    -webkit-transform:translateY(1px);
    -ms-transform:translateY(1px);
    transform:translateY(1px)
}
.list>.list-item .list-content .meta{
    display:block;
    font-size:0.7rem;
    line-height:0.9rem;
    overflow:hidden;
    white-space:nowrap;
    -o-text-overflow:ellipsis;
    text-overflow:ellipsis
}
.list-inline{
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
.list-inline>.list-item{
    height:30px
}
.list-inline>.list-item:not(:first-child){
    margin-top:0
}
.list-inline>.list-item:not(:last-child){
    margin-right:1.0rem
}
.list-inline>.list-item .list-icon img{
    width:20px;
    height:20px
}
.list-inline>.list-item .list-content{
    display:block;
    font-size:0.8rem;
    line-height:0.75rem
}
.staff-list{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-flow:wrap;
    flex-flow:wrap
}
.staff-list .staff-item{
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    min-width:225px;
    margin:calc(1.0rem * 0.75);
    text-align:center
}
.staff-list .staff-content{
    font-size:1.1rem
}
.staff-list .staff-avatar{
    margin-bottom:calc(1.0rem * 0.5)
}
.staff-list .staff-avatar img{
    width:75px;
    height:75px
}
body.hasRoundedAvatars .staff-list .staff-avatar img{
    border-radius:0.175rem
}
body.hasCircleAvatars .staff-list .staff-avatar img{
    border-radius:10%
}
.friend-list{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-flow:wrap;
    flex-flow:wrap
}
.friend-list .friend-item{
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    min-width:170px;
    margin:calc(1.0rem * 0.75);
    text-align:center
}
@media (max-width:576px){
    .friend-list .friend-item{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-orient:horizontal;
        -webkit-box-direction:normal;
        -ms-flex-direction:row;
        flex-direction:row;
        display:flex;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center;
        margin:calc(1.0rem * 0.5) 0
    }
}
.friend-list .friend-avatar{
    margin-bottom:calc(1.0rem * 0.5)
}
@media (max-width:576px){
    .friend-list .friend-avatar{
        margin:0;
        margin-right:7px
    }
}
.friend-list .friend-avatar img{
    width:70px;
    height:70px
}
@media (max-width:576px){
    .friend-list .friend-avatar img{
        width:30px;
        height:30px
    }
}
body.hasRoundedAvatars .friend-list .friend-avatar img{
    border-radius:0.175rem
}
body.hasCircleAvatars .friend-list .friend-avatar img{
    border-radius:10%
}
.friend-list .friend-content{
    font-size:1rem;
    text-overflow:ellipsis;
    overflow:hidden
}
@media (max-width:576px){
    .friend-list .friend-content{
        font-size:0.9rem
    }
}
.chat-list{
    height:250px;
    max-width:100%;
    padding:1.0rem;
    overflow-y:scroll
}
.chat-list>.list-item{
    -webkit-box-align:flex-start;
    -ms-flex-align:flex-start;
    align-items:flex-start;
    margin:0 calc(1.0rem * -1);
    padding:0.5rem 1rem
}
.chat-list>.list-item .list-content{
    flex-grow:1
}
.chat-list>.list-item:hover{
    background:rgba(0,0,0,0.05)
}
.chat-list>.list-item:not(:first-child){
    margin:0 calc(1.0rem * -1)
}
.chat-list>.list-item:first-child{
    margin-top:calc(1.0rem * -0.5)
}
.chat-list>.list-item:last-child{
    margin-bottom:calc(1.0rem * -0.5)
}
.chat-list>.list-item .list-icon img{
    width:32px;
    height:32px
}
.chat-list>.list-item .list-content .meta{
    font-size:1.025em;
    margin-bottom:5px
}
.chat-list>.list-item .list-actions{
    display:flex;
    align-items:flex-end;
    height:100%;
    font-size:0.7rem;
    line-height:0.9rem;
    visibility:hidden;
    opacity:0
}
.chat-list>.list-item:hover .list-actions{
    visibility:visible;
    opacity:1
}
.chat-list>.list-item .list-actions>a{
    opacity:0.75
}
.chat-list>.list-item .list-actions>a:hover{
    color:inherit;
    text-decoration:none;
    opacity:1
}
.user-item{
    display:-webkit-inline-flex;
    display:-ms-inline-flexbox;
    display:inline-flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.user-item .user-avatar{
    margin-right:0.5rem
}
.user-item .user-avatar img{
    width:30px;
    height:30px
}
body.hasRoundedAvatars .user-item .user-avatar img{
    border-radius:0.175rem
}
body.hasCircleAvatars .user-item .user-avatar img{
    border-radius:10%
}
.user-item .user-content{
    display:block;
    font-size:0.8rem;
    line-height:1.25;
    overflow:hidden;
    white-space:nowrap;
    -o-text-overflow:ellipsis;
    text-overflow:ellipsis
}
.user-item .user-content .meta{
    display:block;
    font-size:0.7rem;
    line-height:0.75rem;
    overflow:hidden;
    white-space:nowrap;
    -o-text-overflow:ellipsis;
    text-overflow:ellipsis
}
.user-item.user-item-right{
    -webkit-box-orient:horizontal;
    -webkit-box-direction:reverse;
    -ms-flex-direction:row-reverse;
    flex-direction:row-reverse
}
.user-item.user-item-right .user-avatar{
    margin-right:0;
    margin-left:0.5rem
}
.user-item.user-item-right .user-content{
    text-align:right
}
.user-item.user-item-big{
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    text-align:center
}
.user-item.user-item-big .user-avatar{
    margin-right:0;
    margin-bottom:0.5rem
}
.user-item.user-item-big .user-avatar img{
    width:80px;
    height:80px
}
.user-item.user-item-big .user-content{
    font-size:1rem;
    font-weight:500;
    line-height:1.2rem
}
.user-item.user-item-big .user-content .meta{
    font-size:0.75rem;
    line-height:1rem
}
.action-bar{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    justify-content:flex-end;
    margin-bottom:1.0rem
}
@media (max-width:768px){
    .action-bar{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column
    }
}
.action-bar .meta{
    margin-right:auto
}
.action-bar .pagination{
    margin-right:auto
}
@media (max-width:768px){
    .action-bar .pagination{
        display:none !important
    }
}
.action-bar>.btn,.action-bar>.dropdown{
    margin-left:0.5rem
}
@media (max-width:768px){
    .action-bar .btn,.action-bar .dropdown{
        display:block;
        margin-left:0;
        width:100%
    }
    .action-bar .btn:not(:first-child),.action-bar .dropdown:not(:first-child){
        margin-top:0.5rem
    }
}
.action-bar~.action-bar{
    margin-bottom:0;
    margin-top:1.0rem
}
@media (max-width:768px){
    .action-bar~.action-bar .pagination{
        display:-webkit-inline-box !important;
        display:-ms-inline-flexbox !important;
        display:inline-flex !important;
        margin-left:auto;
        margin-right:0
    }
    .action-bar~.action-bar .btn{
        display:none !important
    }
}
.form-group{
    margin:0
}
.form-group:not(:first-child){
    margin-top:1.0rem
}
.form-group .meta{
    display:inline-block;
    margin-top:0.5rem
}
.form-group label{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    margin:0
}
.form-group label input[type="checkbox"]{
    margin-right:5px;
    margin-top:-1px
}
.form-group label+.form-control{
    margin-top:calc(0.5rem * 0.5)
}
.form-control{
    background:#282727;
    padding:0.5rem calc(0.5rem * 1.5);
    color:rgb(189,189,189);
    font-size:0.8rem;
    border:none;
    border-radius:0;
    -webkit-box-shadow:none !important;
    box-shadow:none !important;
    -webkit-transition:background 0.2s ease,border 0.2s ease;
    -o-transition:background 0.2s ease,border 0.2s ease;
    transition:background 0.2s ease,border 0.2s ease
}
body.hasBorders .form-control{
    border:solid 1px rgb(66,66,66) !important
}
body.hasRoundedCorners .form-control{
    border-radius:0.3rem !important
}
body.hasBoxShadows .form-control{
    -webkit-box-shadow:0 1px 8px 1px rgba(0,0,0,0.25) !important;
    box-shadow:0 1px 8px 1px rgba(0,0,0,0.25) !important
}
.form-control-sm{
    padding:0.5rem calc(0.5rem * 1.5);
    font-size:0.7rem
}
.form-control:focus,.form-control.focus{
    background:#282727;
    border:none;
    color:rgb(189,189,189)
}
body.hasBorders .form-control:focus,body.hasBorders .form-control.focus{
    border-color:#56a14f !important
}
.form-control option{
    background:#282727;
    color:rgb(189,189,189)
}
.form-control[multiple] option{
    background:transparent
}
.form-control[multiple] option:checked{
    background:rgba(255,255,255,0.025)
}
.card-body .form-control{
    background:rgba(255,255,255,0.025)
}
.card-body .form-control:focus,.card-body .form-control.focus{
    background:rgba(255,255,255,0.04);
    border:none;
    color:rgb(189,189,189)
}
body.hasBoxShadows .card-body .form-control{
    -webkit-box-shadow:none !important;
    box-shadow:none !important
}
.modal-body .form-control{
    background:rgba(255,255,255,0.025)
}
.modal-body .form-control:focus,.modal-body .form-control.focus{
    background:rgba(255,255,255,0.04);
    border:none;
    color:rgb(189,189,189)
}
body.hasBoxShadows .modal-body .form-control{
    -webkit-box-shadow:none !important;
    box-shadow:none !important
}
.form-actions{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    justify-content:flex-end;
    margin-top:1.0rem
}
.form-actions label{
    margin-right:auto;
    margin-bottom:0
}
.form-actions .btn{
    margin-left:0.5rem
}
.input-group .input-group-prepend{
    margin-right:5px
}
.input-group .input-group-append{
    margin-left:5px
}
.input-group .input-group-append .input-group-text{
    background:rgba(255,255,255,0.025);
    padding:0.5rem calc(0.5rem * 1.5);
    border:none;
    border-radius:0;
    font-size:0.8rem
}
body.hasBorders .input-group .input-group-append .input-group-text{
    border:solid 1px rgb(66,66,66) !important
}
body.hasRoundedCorners .input-group .input-group-append .input-group-text{
    border-radius:0.3rem !important
}
.input-group .input-group-append .btn{
    border:none;
    border-radius:0
}
body.hasBorders .input-group .input-group-append .btn{
    border:solid 1px rgb(66,66,66) !important
}
body.hasRoundedCorners .input-group .input-group-append .btn{
    border-radius:0.3rem !important
}
.emojionearea,.emojionearea.form-control{
    background:rgba(255,255,255,0.025);
    border:none;
    border-radius:0
}
.emojionearea:focus,.emojionearea.focused{
    border:none
}
body.hasBorders .emojionearea:focus,body.hasBorders .emojionearea.focused{
    border:solid 1px #56a14f
}
.emojionearea .emojionearea-editor{
    background:#282727;
    padding:0.5rem calc(0.5rem * 3) calc(0.5rem * 1.5) calc(0.5rem * 1.5);
    font-size:0.8rem;
    border-radius:0;
    -webkit-box-shadow:none !important;
    box-shadow:none !important
}
.emojionearea .emojionearea-editor:focus{
    border:none
}
.custom-file-input{
    height:auto;
    padding:0.5rem calc(0.5rem * 1.5);
    padding-left:calc(0.5rem * 1.5 + 76.5px);
    border:none;
    border-radius:0
}
body.hasBorders .custom-file-input{
    border:solid 1px rgb(66,66,66) !important
}
body.hasRoundedCorners .custom-file-input{
    border-radius:0.3rem !important
}
.custom-file-label{
    background:rgba(255,255,255,0.025);
    border:none;
    height:calc(100% - 1px);
    border:none;
    border-radius:0;
    padding:0.5rem calc(0.5rem * 1.5);
    padding-left:calc(0.5rem * 1.5 + 76.5px);
    color:rgb(189,189,189)
}
body.hasBorders .custom-file-label{
    border:solid 1px rgb(66,66,66) !important
}
body.hasRoundedCorners .custom-file-label{
    border-radius:0.3rem !important
}
.custom-file-label::after{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    background:rgba(255,255,255,0.04);
    padding:0.5rem calc(0.5rem * 1.5);
    right:auto;
    left:0;
    height:auto;
    border:none;
    border-radius:0;
    color:rgb(189,189,189)
}
body.hasBorders .custom-file-label::after{
    border-right:solid 1px rgb(66,66,66) !important
}
body.hasRoundedCorners .custom-file-label::after{
    border-radius:0.3rem !important
}
.custom-file+.input-group-append .btn{
    height:37px
}
body.hasRoundedCorners .custom-file+.input-group-append .btn{
    border-radius:0.3rem !important
}
h2{
    font-size:1.5rem;
    margin-bottom:1.0rem
}
h2 > i{
    position:relative;
    top:-2px;
    margin-right:2px;
    font-size:0.7em;
    opacity:0.75
}
h2 .badge{
    padding:0.35rem 1rem;
    font-size:0.75rem;
    -webkit-transform:translateY(-4px);
    -ms-transform:translateY(-4px);
    transform:translateY(-4px)
}
h2 .meta .badge{
    padding:0.25rem 0.5rem;
    font-size:0.55rem;
    font-weight:400;
    text-shadow:1px 1px 1px #000;
    transform:translateY(-1px)
}
h3{
    font-size:1.25rem;
    margin-bottom:1.0rem
}
h4{
    font-size:1rem;
    margin-bottom:1.0rem
}
a{
    color:inherit
}
a:hover{
    color:#56a14f
}
a:hover i{
    color:#56a14f;
    text-decoration:none !important
}
a:hover img{
    filter:brightness(0.9);
    -webkit-filter:brightness(0.9)
}
strong,b{
    font-weight:500
}
p{
    margin-bottom:0;
    color:#b3b7bc;
    font-size:0.8rem;
    font-weight:400;
    line-height:1.5
}
p:not(:last-of-type){
    margin-bottom:0.5rem
}
.meta{
    color:rgb(158,158,158);
    font-size:0.8rem;
    font-weight:400
}
.meta-block{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    margin-top:1.0rem;
    padding-top:1.0rem;
    border-top:solid 1px rgb(66,66,66);
    color:rgb(158,158,158);
    font-size:0.7rem
}
@media (max-width:768px){
    .meta-block{
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column
    }
}
.meta-block .meta-actions{
    margin-top:calc(0.5rem * 0.25)
}
@media (min-width:768px){
    .meta-block .meta-actions{
        margin-top:0;
        margin-left:auto
    }
}
.meta-block .meta-actions li{
    display:inline;
    list-style:none
}
.meta-block .meta-actions li:not(:first-child)::before{
    content:' \2022 '
}
.pairs dl{
    overflow:hidden;
    margin:0
}
.pairs dl:not(:first-child){
    margin-top:calc(0.5rem * 0.5)
}
.pairs dt{
    color:rgb(158,158,158);
    font-size:0.8rem;
    font-weight:400;
    float:left;
    max-width:100%;
    margin:0;
    margin-right:5px
}
.pairs dd{
    color:rgb(189,189,189);
    font-weight:400;
    font-size:0.8rem;
    float:right;
    text-align:right;
    margin:0;
    max-width:100%
}
@media (min-width:552px){
    .pairs-50{
        width:50%
    }
    .pairs-50 dt{
        width:50%
    }
    .pairs-50 dd{
        float:none;
        text-align:left
    }
}
.post{
    text-align:justify;
    line-height:1.5
}
.post img:not(.emojione){
    max-width:100%;
    height:auto
}
.post p:last-child{
    margin-bottom:0
}
.post .blockquote{
    background:#1F1E1E;
    margin:0;
    padding:1.0rem;
    border:none;
    font-size:inherit
}
body.hasBorders .post .blockquote{
    border:solid 1px rgb(66,66,66) !important
}
body.hasBoxShadows .post .blockquote{
    -webkit-box-shadow:0 1px 5px 1px rgba(0,0,0,0.1) !important;
    box-shadow:0 1px 5px 1px rgba(0,0,0,0.1) !important
}
body.hasRoundedCorners .post .blockquote{
    border-radius:0.3rem !important
}
.post .blockquote>a:first-child{
    display:block;
    background:rgba(255,255,255,0.05);
    margin:calc(1.0rem * -1);
    margin-bottom:1.0rem;
    padding:calc(0.5rem * 1.5);
    color:rgb(189,189,189);
    font-weight:500
}
body.hasBorders .post .blockquote>a:first-child{
    border-bottom:solid 1px rgb(66,66,66)
}
body.hasRoundedCorners .post .blockquote>a:first-child{
    border-radius:0.3rem 0.3rem 0 0 !important
}
.post blockquote>a:first-child:before{
    content:'\1f871 \00a0\00a0'
}
.post .blockquote>a:first-child+br{
    display:none
}
.post .blockquote+*{
    margin-top:1.0rem
}
.post .blockquote .spoiler .spoiler-text,.post .blockquote .spoiler .spoiler-content{
    background:#282727
}
.spoiler{
    background:none !important;
    border:none !important;
    padding:0 !important
}
.spoiler .spoiler-toggle{
    display:inline-block;
    background:#56a14f;
    padding:0.5rem calc(0.5rem * 2.5);
    color:rgb(255,255,255);
    font-size:0.7rem;
    font-weight:500
}
body.hasRoundedCorners .spoiler .spoiler-toggle{
    border-radius:0.3rem
}
.spoiler .spoiler-toggle:hover{
    background:rgb(66,66,66);
    color:rgb(255,255,255);
    cursor:pointer
}
.spoiler .spoiler-toggle:focus{
    background:rgb(33,33,33);
    color:rgb(255,255,255)
}
.spoiler .spoiler-text,.spoiler .spoiler-content{
    background:#1F1E1E;
    padding:calc(1.0rem * 0.75) 1.0rem;
    margin-top:0.5rem;
    border:none
}
body.hasBorders .spoiler .spoiler-text,body.hasBorders .spoiler .spoiler-content{
    border:solid 1px rgb(66,66,66) !important
}
body.hasBoxShadows .spoiler .spoiler-text,body.hasBoxShadows .spoiler .spoiler-content{
    -webkit-box-shadow:0 1px 5px 1px rgba(0,0,0,0.1) !important;
    box-shadow:0 1px 5px 1px rgba(0,0,0,0.1) !important
}
body.hasRoundedCorners .spoiler .spoiler-text,body.hasRoundedCorners .spoiler .spoiler-content{
    border-radius:0.3rem !important
}
.message{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.message:not(:first-child){
    margin-top:1.0rem
}
.message .message-icon{
    margin-right:1.0rem
}
.message .message-icon img{
    height:50px;
    width:50px
}
body.hasRoundedAvatars .message .message-icon img{
    border-radius:0.175rem
}
body.hasCircleAvatars .message .message-icon img{
    border-radius:50%
}
.message-content{
    width:100%;
    overflow:hidden
}
.message .message-title{
    margin-bottom:calc(0.5rem * 0.25);
    font-size:0.85rem;
    font-weight:500
}
.message .message-post{
    font-size:0.75rem
}
.message .message-post .post{
    -o-text-overflow:ellipsis;
    text-overflow:ellipsis;
    overflow:hidden;
    white-space:nowrap
}
.message .meta{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    font-size:0.8em;
    margin-top:calc(0.5rem * 0.25)
}
@media (max-width:576px){
    .message .meta{
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column
    }
}
.message .meta .message-actions{
    margin-left:auto
}
@media (max-width:576px){
    .message .meta .message-actions{
        margin-left:0
    }
}
.message .meta .message-actions li{
    display:inline;
    list-style:none
}
.message .meta .message-actions li:not(:first-child):before{
    content:" \2022 "
}
ul.thumbnails.image_picker_selector{
    display:-ms-grid;
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(49%,1fr));
    grid-gap:0.5rem;
    overflow:unset
}
ul.thumbnails.image_picker_selector li{
    padding:0;
    margin:0;
    height:100px;
    overflow:hidden
}
body.hasRoundedCorners ul.thumbnails.image_picker_selector li{
    border-radius:0.3rem
}
ul.thumbnails.image_picker_selector li .thumbnail{
    background:none !important;
    padding:0;
    border:none
}
ul.thumbnails.image_picker_selector li .thumbnail:hover{
    -webkit-filter:brightness(0.75);
    filter:brightness(0.75)
}
ul.thumbnails.image_picker_selector li .thumbnail.selected{
    -webkit-filter:brightness(0.5);
    filter:brightness(0.5)
}
ul.thumbnails.image_picker_selector li .thumbnail img{
    width:100%;
    height:auto;
    min-height:100px
}
.badge{
    font-size:0.6rem;
    font-weight:500;
    border-radius:0;
    padding:0.35rem 1rem
}
body.hasRoundedCorners .badge{
    border-radius:0.175rem
}
.badge-default{
    background:#E0E0E0
}
.badge-primary{
    background:#56a14f
}
.badge-success{
    background:#4CAF50
}
.badge-danger{
    background:#F44336
}
.badge-info{
    background:#2196F3
}
.badge-warning{
    background:#FFC107
}
.p-badges{
    display:flex;
    flex-wrap:wrap;
    margin:-1rem
}
.p-badge{
    --badge-color:#BDBDBD;
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    width:65px;
    height:65px;
    margin:1rem
}
.p-badge-inner{
    display:flex;
    align-items:center;
    justify-content:center;
    background:var(--badge-color);
    width:46px;
    height:65px;
    border-radius:10px
}
.p-badge-inner:before,.p-badge-inner:after{
    content:'';
    position:absolute;
    width:inherit;
    height:inherit;
    background:inherit;
    border-radius:inherit
}
.p-badge-inner:before{
    transform:rotate(60deg)
}
.p-badge-inner:after{
    transform:rotate(-60deg)
}
.p-badge-icon{
    position:absolute;
    bottom:15px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#fff;
    width:38px;
    height:38px;
    border-radius:50%;
    color:var(--badge-color);
    font-size:20px;
    z-index:10
}
.p-badge-ribbon{
    position:absolute;
    bottom:7px;
    left:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#555;
    width:75px;
    height:15px;
    border-radius:4px;
    color:#fff;
    font-size:9px;
    text-align:center;
    text-transform:uppercase;
    cursor:default;
    transform:translateX(-50%);
    z-index:11
}
.tooltip-inner{
    font-family:Montserrat,sans-serif;
    font-size:0.7rem;
    padding:0.2rem 0.6rem;
    border-radius:0.3rem
}
.widget + .widget{
    margin-top:1.0rem
}
#toast-container>.toast{
    background:#282727 !important;
    padding:1.0rem calc(1.0rem * 1.5);
    border:none;
    border-bottom:solid 3px #E0E0E0 !important;
    border-radius:0;
    -webkit-box-shadow:none;
    box-shadow:none;
    color:rgb(189,189,189);
    font-size:0.8rem;
    line-height:1.1rem;
    cursor:default;
    opacity:0.95
}
body.hasBorders #toast-container>.toast{
    border:solid 1px rgb(66,66,66)
}
body.hasRoundedCorners #toast-container>.toast{
    border-radius:0.3rem !important
}
body.hasBoxShadows #toast-container>.toast{
    -webkit-box-shadow:0 1px 8px 1px rgba(0,0,0,0.25) !important;
    box-shadow:0 1px 8px 1px rgba(0,0,0,0.25) !important
}
#toast-container>.toast:hover{
    opacity:1
}
#toast-container>.toast-default{
    border-bottom-color:#E0E0E0 !important
}
#toast-container>.toast-primary{
    border-bottom-color:#56a14f !important
}
#toast-container>.toast-success{
    border-bottom-color:#4CAF50 !important
}
#toast-container>.toast-info{
    border-bottom-color:#2196F3 !important
}
#toast-container>.toast-warning{
    border-bottom-color:#FFC107 !important
}
#toast-container>.toast-danger{
    border-bottom-color:#F44336 !important
}
#toast-container>.toast .toast-progress{
    opacity:0.6
}
#toast-container>.toast-default .toast-progress{
    background:#E0E0E0
}
#toast-container>.toast-primary .toast-progress{
    background:#56a14f
}
#toast-container>.toast-success .toast-progress{
    background:#4CAF50
}
#toast-container>.toast-info .toast-progress{
    background:#2196F3
}
#toast-container>.toast-warning .toast-progress{
    background:#FFC107
}
#toast-container>.toast-danger .toast-progress{
    background:#F44336
}
#toast-container>.toast:hover{
    -webkit-box-shadow:inherit;
    box-shadow:inherit;
    cursor:default
}
#toast-container>.toast .toast-close-button{
    outline:none;
    color:rgb(189,189,189);
    font-size:1.5rem;
    opacity:0.6;
    text-shadow:none
}
#toast-container>.toast .toast-close-button:hover{
    opacity:1
}
.popover{
    font-family:'Montserrat',sans-serif;
    background:#282727;
    min-width:230px;
    padding:0;
    border:none;
    border-radius:0;
    overflow:hidden
}
.popover .popover-body{
    padding:0
}
body.hasRoundedCorners .popover{
    border-radius:0.3rem
}
body.hasBoxShadows .popover{
    -webkit-box-shadow:0 1px 10px 1px rgba(0,0,0,0.7);
    box-shadow:0 1px 10px 1px rgba(0,0,0,0.7)
}
body.hasBorders .popover{
    border:solid 1px rgb(66,66,66)
}
.popover .user-popover .user-popover-header{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    background:#1F1E1E;
    padding:calc(1.0rem * 0.75) 1.0rem;
    color:rgb(189,189,189)
}
.popover .user-popover .user-popover-header .user-avatar img{
    width:50px;
    height:50px;
    margin-right:10px
}
body.hasRoundedAvatars .popover .user-popover .user-popover-header .user-avatar img{
    border-radius:0.175rem
}
body.hasCircleAvatars .popover .user-popover .user-popover-header .user-avatar img{
    border-radius:10%
}
.popover .user-popover .user-popover-header .user-content{
    font-size:1rem;
    line-height:1.25rem
}
.popover .user-popover .user-popover-body{
    padding:calc(1.0rem * 0.75) 1.0rem
}
.loading-time{
    margin-top:0.5rem;
    color:rgb(255,255,255);
    opacity:0.5
}
.loading-time:before{
    content:'('
}
.loading-time:after{
    content:')'
}
textarea{
    min-height:100px
}
.tox:not(.tox-tinymce-aux){
    min-height:160px;
    height:240px;
    -webkit-transition:0s;
    -o-transition:0s;
    transition:0s
}
form{
    display:inline
}
hr{
    background:rgba(255,255,255,0.05);
    height:1px;
    margin:1.0rem 0;
    border:none
}
.emojione{
    height:24px;
    width:24px
}
.overflow-hidden{
    overflow:hidden
}
#wrapper.overflow-hidden{
    height:100vh
}
.disabled{
    -webkit-user-select:none !important;
    -moz-user-select:none !important;
    -ms-user-select:none !important;
    user-select:none !important;
    cursor:default !important;
    color:inherit !important;
    text-decoration:none !important;
    opacity:0.6 !important
}
.d-flex>h3{
    margin-bottom:0
}
.star-rating .fa-star{
    color:#FFC107
}
.package-letter{
    padding:3rem 0;
    color:rgb(158,158,158);
    font-size:6rem;
    font-weight:600;
    text-align:center;
    opacity:0.25;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.close{
    text-shadow:none;
    opacity:0.75
}
.close:hover{
    opacity:1
}
#scrollToTop{
    opacity:0;
    pointer-events:none
}
body#page-maintenance{
    min-height:100vh;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
body#page-maintenance .card-body{
    text-align:center
}
::-moz-selection{
    background:rgba(255,255,255,0.15);
    color:97,97,97
}
::selection{
    background:rgba(255,255,255,0.15);
    color:97,97,97
}
::-moz-selection{
    background:rgba(255,255,255,0.15);
    color:97,97,97
}
::-webkit-scrollbar{
    width:6px
}
::-webkit-scrollbar-track{
    background:rgba(0,0,0,0)
}
::-webkit-scrollbar-thumb{
    background:rgba(255,255,255,0.15);
    border-radius:1rem
}
::-webkit-scrollbar-thumb:hover{
    background:rgba(255,255,255,0.25)
}
::-webkit-input-placeholder{
    color:rgb(189,189,189) !important;
    opacity:0.7 !important
}
::-ms-input-placeholder{
    color:rgb(189,189,189) !important;
    opacity:0.7 !important
}
::-moz-placeholder{
    color:rgb(189,189,189) !important;
    opacity:0.7 !important
}
:-ms-input-placeholder{
    color:rgb(189,189,189) !important;
    opacity:0.7 !important
}
::placeholder{
    color:rgb(189,189,189) !important;
    opacity:0.7 !important
}
h1,h2,h3,h4,h5,h6{
    color:rgb(224,224,224)
}
.profile-header .profile-info{
    background:rgba(0,0,0,0.85)
}