div.sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
}

.sticky-b {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;

}

.product-img img.padded {
    padding-top: 10px;
    padding-bottom: 10px;
}

.fbv-middle {
    display: flex;
    align-items: center;
    justify-content: center;
}
.m-auto {
    margin: auto;
}

.mw-150 {
    min-width: 150px;
}

.mw-140 {
    min-width: 140px;
}

.mw-130 {
    min-width: 130px;
}

.mw-120 {
    min-width: 120px;
}

.mh-30 {
    max-height: 30px;
}

.mh-50 {
    max-height: 50px;
}

.mh-75 {
    max-height: 75px;
}

.mh-100 {
    max-height: 100px;
}

.mh-150 {
    max-height: 200px;
}

.mxh-200 {
    max-height: 200px;
}

.mxh-250 {
    max-height: 250px;
}

.mxh-300 {
    max-height: 300px;
}

.h-50 {
    height: 50px;
    overflow: hidden;
}

.h-75 {
    height: 75px;
    overflow: hidden;
}

.h-100 {
    height: 100px;
    overflow: hidden;
}

.h-125 {
    height: 125px;
    overflow: hidden;
}

.h-m100 {
    max-height: 100px;
}

.h-150 {
    height: 150px;
    overflow: hidden;
}

.h-175 {
    height: 175px;
    overflow: hidden;
}

.h-200 {
    height: 200px;
    overflow: hidden;
}

.h-225 {
    height: 225px;
    overflow: hidden;
}

.h-250 {
    height: 250px;
    overflow: hidden;
}

.h-300 {
    height: 300px !important;
    overflow: hidden;
}

.h-m300 {
    max-height: 300px;
}

.h-400 {
    height: 400px;
    overflow: hidden;
}

.h-yauto {
    overflow: auto;
    overflow-x: hidden;
    overflow-y: auto;
}

.z-2 {
    z-index: 2 !important;
}

.preserve-white {
    white-space: pre-wrap;
}

.ell-head {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.nobreak {
    white-space: nowrap;
}

.loader span {
    vertical-align: middle;
    display: inline-block;
    margin-bottom: 25px;
    padding-left: 20px;
}

.filtered {
    display: none;
}

.statusbox {
    outline-style: solid !important;
    outline-width: 3px !important;
    position: relative;
}

body.content-wrapper a.logo {
    padding-left: 0;
}

/* STAT CHART COLOR OVERRIDES */
.stat-chart {
    position: relative;
}

    .stat-chart .ct-series-a .ct-line,
    .stat-chart .ct-series-a .ct-point {
        stroke: #ccc;
        animation: none; /*dasharray-craziness .5s infinite;*/
        stroke-width: 1px;
        fill: none;
    }

    .stat-chart .ct-series-b .ct-line,
    .stat-chart .ct-series-b .ct-point {
        stroke: #41b3f9;
        animation: none; /*dasharray-craziness .5s infinite;*/
        stroke-width: 1px;
    }

    .stat-chart .ct-series-c .ct-line,
    .stat-chart .ct-series-c .ct-point {
        stroke: rgb(122, 206, 76);
        animation: none; /*dasharray-craziness .5s infinite;*/
        stroke-width: 1px;
    }

    .stat-chart .ct-series-d .ct-line,
    .stat-chart .ct-series-d .ct-point {
        stroke: rgb(243, 49, 85);
        animation: none; /*dasharray-craziness .5s infinite;*/
        stroke-width: 1px;
    }

    .stat-chart .ct-series-e .ct-line,
    .stat-chart .ct-series-e .ct-point {
        stroke: rgb(237, 235, 238);
        animation: none; /*dasharray-craziness .5s infinite;*/
        stroke-width: 1px;
    }

    .stat-chart .ct-series-a .ct-point {
        stroke: #777;
        stroke-width: 8px;
    }

    .stat-chart .ct-series-b .ct-point,
    .stat-chart .ct-series-c .ct-point,
    .stat-chart .ct-series-d .ct-point {
        stroke-width: 15px;
    }

    .stat-chart .ct-series-e .ct-point {
        stroke-width: 23px;
        stroke: #707cd2;
    }

    .stat-chart .ct-series-a .ct-area,
    .stat-chart .ct-series-b .ct-area,
    .stat-chart .ct-series-c .ct-area,
    .stat-chart .ct-series-d .ct-area,
    .stat-chart .ct-series-e .ct-area {
        fill: none;
    }

    .stat-chart .ct-series-a .ct-point:hover,
    .stat-chart .ct-series-b .ct-point:hover,
    .stat-chart .ct-series-c .ct-point:hover,
    .stat-chart .ct-series-d .ct-point:hover,
    .stat-chart .ct-series-e .ct-point:hover {
        stroke-width: 25px;
        animation: dasharray-craziness .5s infinite;
    }

/* REP CHART COLOR OVERRIDES */
.repchart .ct-label {
    font-size: 13px;
}

.repchart .ct-grid {
    stroke-dasharray: 0;
}

/*BASIC CHART*/
.basicchart .ct-label {
    font-size: 13px;
}

.basicchart .ct-grid {
    stroke-dasharray: 0;
    stroke-width: 1;
}

.basicchart .ct-line {
    stroke-width: 1px;
}

.basicchart .ct-point {
    stroke-width: 7px;
}

.basicchart .ct-label.ct-horizontal.ct-end {
    position: relative;
    justify-content: flex-end;
    text-align: right;
    transform-origin: 100% 0;
    transform: translate(-100%) rotate(-45deg);
    white-space: nowrap;
}

.basicchart .ct-series-0.inactive:before,
.basicchart .ct-series-1.inactive:before,
.basicchart .ct-series-2.inactive:before,
.basicchart .ct-series-3.inactive:before {
    background-color: transparent;
}

ul.dropdown-menu li .btn-link,
ul.dropdown-menu li .btn-link:hover {
    color: #C1D0DB;
    display: block;
    padding: 9px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    white-space: nowrap;
    text-align: left;
    width: 100%;
}

    ul.dropdown-menu li .btn-link:hover {
        background: rgba(0,0,0,.1);
    }

.product-img {
    height: 180px;
}

    .product-img img,
    .product-details-img {
        max-height: 160px;
        max-width: 95%;
    }

.product-link {
    display: block;
}

.product-text .box-title {
    display: block;
    width: 80%;
}

.white-box.product-item {
    transition: opacity ease 1s;
    width: 100%;
}

    .white-box.product-item:hover {
        opacity: .9;
    }
.white-box .box-title-small {
    font-size: 12px;
}

section.new-login-register {
    position: relative;
    margin-top: 0;
}

.new-login-register .form-group {
    overflow: unset;
}

.new-login-register .field-validation-error {
    position: absolute;
    top: -15px;
}

.form-group {
    position: relative;
}

.field-validation-error {
    position: absolute;
    z-index: 3;
    top: -21px;
    padding: 1px 10px;
    border-radius: 3px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    margin-left: 1px;
}

/*html.login {
    background-color: #2f323e !important;
}*/

.new-login-box.register {
    width: 800px;
    margin: auto;
    margin-top: 10%;
    padding-bottom: 20px;
    padding-top: 40px;
}

    .new-login-box.register h3 {
        margin-top: 0 !important;
        padding-top: 40px;
    }

.new-login-box.login {
    width: 400px;
    margin: auto;
    margin-top: 8%;
    padding-bottom: 20px;
    padding-top: 40px;
    overflow-x: hidden;
}

@media (max-width: 1350px) {
    .new-login-box.register {
        width: 600px;
        margin: auto;
        width: 90%;
    }
}

@media (max-width: 1023px) {
    .new-login-box.register,
    .new-login-box.login {
        margin: 0 auto 0;
    }

    .mod-container {
        display: block !important;
    }

        .mod-container .mod-item {
            float: left;
            width: 100%;
            margin-bottom: 20px;
        }
}

@media (max-width: 480px) {
    .new-login-box.register,
    .new-login-box.login {
        width: 90%;
        margin-left: auto 0;
    }
}

@media (max-width: 575.98px) {
    .input-group-xs-wrap {
        display: block;
    }

        .input-group-xs-wrap .input-group-addon,
        .input-group-xs-wrap .form-control {
            display: block;
            float: none;
            width: 100%;
        }

        .input-group-xs-wrap .cp-comment-cnt {
            display: inline-block;
        }

    
}

.white-box h3.box-title {
    background-color: rgba(200,200,200,.1);
    margin-left: -25px;
    margin-right: -25px;
    margin-top: -25px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 15px;
    /*border-bottom: 1px solid rgba(100,100,100,.2);*/
}

ul.select-radio-row {
    max-height: 180px;
    overflow: auto;
}

    ul.select-radio-row,
    ul.select-radio-row li {
        list-style: none;
        margin: 0;
        padding: 0;
        cursor: hand;
        cursor: pointer;
    }

        ul.select-radio-row li div {
            border: 1px solid transparent;
            padding: 5px;
            cursor: hand;
            cursor: pointer;
            position: relative;
            opacity: .5;
        }

            ul.select-radio-row li div:hover,
            ul.select-radio-row li input:checked + div {
                border: 1px solid #41b3f9;
            }

        ul.select-radio-row li input:checked + div {
            opacity: 1;
        }

        ul.select-radio-row li input {
            position: absolute;
            left: -10000px;
            top: -10000px;
        }

        ul.select-radio-row li .mdi {
            position: absolute;
            top: 30%;
            right: 20px;
            display: none;
            font-size: 30px;
            line-height: 30px;
        }

        ul.select-radio-row li input:checked + div .mdi,
        ul.select-radio-row li div:hover .mdi {
            display: table-cell;
        }

        ul.select-radio-row li label {
            font-weight: normal;
            display: block;
            margin: 0;
            border-left: 4px solid #ccc;
            margin-bottom: 5px;
            padding-left: 4px;
        }

div.dropzone .dz-preview.dz-image-preview {
    background-color: transparent;
}

.panel-group .panel .panel-heading.arrow-left a[data-toggle=collapse]:before {
    float: left;
    padding-right: 10px;
    color: #337ab7;
}

.panel-group .panel .panel-heading .p-l-0 {
}

.preloader {
    opacity: .5;
}

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

/*CHECKOUT PROGRESS BAR*/
.chkprg {
    width: 100%;
    margin: 10px auto;
    height: 120px;
    margin-bottom: -5px;
}

    .chkprg .progressbar {
        margin: 0;
        padding: 0;
        counter-reset: step;
    }

        .chkprg .progressbar li {
            list-style-type: none;
            width: 33%;
            float: left;
            font-size: 12px;
            position: relative;
            text-align: center;
            text-transform: uppercase;
            color: #7d7d7d;
        }

            .chkprg .progressbar li:before {
                width: 30px;
                height: 30px;
                content: counter(step);
                counter-increment: step;
                line-height: 30px;
                border: 2px solid #7d7d7d;
                display: block;
                text-align: center;
                margin: 0 auto 10px auto;
                border-radius: 50%;
                background-color: white;
                z-index: 2;
                position: relative;
            }

            .chkprg .progressbar li:after {
                width: 100%;
                height: 2px;
                content: '';
                position: absolute;
                background-color: #7d7d7d;
                top: 15px;
                left: -50%;
                z-index: 1;
            }

            .chkprg .progressbar li:first-child:after {
                content: none;
            }

            .chkprg .progressbar li.active {
                color: green;
            }

                .chkprg .progressbar li.active:before {
                    border-color: #55b776;
                }

                .chkprg .progressbar li.active + li:after {
                    background-color: #55b776;
                }

.post-body img {
    max-width: 100%;
}

.post-body pre {
    overflow: auto;
    word-wrap: normal;
    white-space: pre;
}

    .post-body pre code.hljs {
        overflow: auto;
        -ms-word-wrap: normal;
        word-wrap: normal;
        overflow-wrap: normal;
        white-space: pre;
    }

.post {
    display: grid;
    grid-template-columns: 70px auto;
    grid-template-rows: auto auto auto;
}

.post-body {
    grid-column: 2;
    width: auto;
    flex-shrink: 1;
    flex-grow: 2;
    min-width: 0;
}

    .post-body table thead th,
    .post-body table tbody td {
        padding: 5px;
    }

.post-left {
    margin-left: -10px;
    max-width: 70px;
    grid-column: 1;
    width: auto;
    text-align: center;
    grid-row: 1/ span 3;
}

.post-footer {
    grid-column: 2;
    grid-row: 2;
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    padding-top: 5px;
    flex-wrap: nowrap;
    grid-column-gap: 5px;
}

    .post-footer .well {
        margin-left: 5px;
    }

.post-comments {
    border-top: 1px solid rgba(120,150,120, .2);
    grid-column: 2;
    grid-row: 3;
    padding-top: 10px;
    margin-top: 10px;
}

.post .well {
    margin-bottom: 0;
}

.cp-comment-frm .input-group-addon {
    text-align: right;
}

.input-group .input-group-addon label {
    margin: 0;
}

.input-group .input-group-text {
    padding: 6px 12px;
    display: table-cell;
    border-bottom: 1px solid rgba(120, 130, 140, 0.2);
}

.cp-comment {
    border-bottom: 1px solid rgba(120,150,120, .2);
    padding: 10px;
}

@media (max-width: 575.98px) {
    .cp-comment-frm .input-group-addon {
        text-align: center;
    }

    .cp-comment-frm .cp-comment-btn {
        float: right;
    }

    .cp-comment-frm .cp-comment-cancel {
        float: left;
    }

    .cp-comment-cnt {
        display: inline-block;
    }
}

@media (min-width: 576px) and (max-width: 808px) {
    nav.elmfocused,
    .sidebar-head {
        overflow: hidden;
        height: 0;
        min-height: 0;
        transition: all .5s;
    }
}

.dl-horizontal.clean dd,
.dl-horizontal.clean dt {
    padding-bottom: 8px;
    text-align: left;
}

.dl-horizontal.small-left dt {
    width: 80px;
}

.dl-horizontal.small-left dd {
    margin-left: 80px;
}

.vote-control .vote-up {
    vertical-align: bottom;
}

.vote-control .vote-down {
    vertical-align: top;
}

.small-profile {
    display: grid;
    grid-template-columns: 50px auto;
    grid-template-rows: auto;
    min-width: 150px;
    padding: 10px;
    grid-gap: 10px;
    font-size: 1.1rem;
    flex: 0 auto;
    min-height: 60px;
    background: transparent;
    min-width: 250px;
}

    .small-profile .user-img {
        grid-column: 1;
        max-height: 40px;
        max-width: 40px;
        text-align: center;
        justify-self: center;
    }

    .small-profile .user-info {
        grid-column: 2;
    }

.font-double {
    font-size: 2rem;
}

.search-result-item {
    display: grid;
    grid-template-columns: 0 auto;
    grid-template-rows: auto;
    grid-column-gap: 10px;
    padding: 10px 0;
}

    .search-result-item .user-img {
        grid-column: 1;
        padding: 10px;
        padding-top: 0;
    }

        .search-result-item .user-img img {
            max-height: 50px;
            max-width: 100%;
        }

    .search-result-item .search-content {
        grid-column: 2;
        margin-bottom: 5px;
    }

        .search-result-item .search-content img {
            max-width: 100%;
        }

    .search-result-item .search-brief {
        display: block;
        margin-top: 10px;
    }

.posts-center.comment-center {
    margin-left: 0;
    margin-right: 0;
}

.posts-center .comment-body {
    margin-bottom: 15px;
    cursor: hand;
    cursor: pointer;
}

.modal-xlg {
    min-width: 80%;
}

.no-resize {
    resize: none;
}

.a-name {
    position: absolute;
    margin-top: -70px;
}

.popover {
    max-width: 500px;
    z-index: 1009;
    cursor: default;
}

.popover-content .user-bg {
    min-width: 380px;
}

.media.related {
    border: 0;
    margin: 0;
    border-bottom: 1px solid rgba(120,150,120, .2);
}

.breakword {
    word-wrap: break-word;
    word-break: break-word;
}

.dont-break-out {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}

@media (min-width: 768px) {
    .timeline {
        max-width: unset;
        margin-left: 30px;
    }

        .timeline:before {
            left: unset;
        }

        .timeline > li > .timeline-badge {
            left: 0px;
        }

        .timeline > li > .timeline-panel {
            width: 94%;
        }
}

@media screen and (max-width: 767px) {
    .table-responsive {
        border: 0;
    }
}

.tags-cont a {
    display: inline-block;
    margin-bottom: 3px;
}

[data-to-local] {
    opacity: 0;
}

    [data-to-local].visible {
        opacity: 1;
        width: auto;
        transition: all .5s;
    }

body.hide-sidebar .logo b {
    display: block !important;
}

.navbar-default.sidebar .fa-fw {
    font-weight: 900;
}

body.content-wrapper.show-sidebar .logo b {
    display: none !important;
}

.logo span {
    height: 60px;
    display: inline-block;
    width: auto;
    line-height: 59px;
    text-align: center;
}

.logo img {
    max-height: 55px;
}

.alert.alert-warning {
    color: #111;
}

a[data-userp] img.img-fluid,
a[href*="#data-userp"] img {
    max-height: 18px;
}

a[href*="#data-userp"] br {
    display: none;
}

.text-gold {
    color: #be964b;
}

/*.timeline > li > .timeline-badge.plain {
    height: auto;
    border-radius: 0;
    background-color: transparent;
}*/

.timeline > li > .timeline-panel.alert {
    padding: 10px;
}

    .timeline > li > .timeline-panel.alert:before {
        top: 13px;
    }

    .timeline > li > .timeline-panel.alert:after {
        top: 14px;
    }

.timeline > li {
    margin-bottom: 0;
}

    .timeline > li.timeline-history > .timeline-panel {
        margin-bottom: 3px;
    }

    .timeline > li > .timeline-badge.duration {
        height: 30px;
        width: 30px;
        margin: -15px;
        top: 23px;
        line-height: 33px;
    }

@media (max-width: 767px) {
    ul.timeline > li > .timeline-badge.duration {
        margin: 10px;
        top: 0;
    }

    ul.forum.timeline > li > .timeline-badge {
        top: 16px;
        left: 15px;
        margin-left: 0;
        display: none;
    }

    ul.timeline > li > .timeline-panel {
        width: 100%;
    }

    .timeline:before {
        display: none;
    }
}

.btn-triangle {
    position: absolute;
    top: 2px;
    height: 0;
    width: 0;
    right: 2px;
    border-width: 22px;
    border-style: solid;
    border-bottom-color: transparent;
    border-left-color: transparent;
    content: "";
    transition: all ease .5s;
    curosr: hand;
    cursor: pointer;
}

    .btn-triangle .fa {
        position: absolute;
        top: -18px;
        right: -18px;
        font-size: 1.1em;
        opacity: .7;
    }

.ad {
    cursor: hand;
    cursor: pointer;
    border: 1px solid transparent;
    margin-bottom: 15px;
}

    .ad a {
        color: unset;
    }

    .ad:hover {
        border: 1px solid #ccc;
    }

    .ad img {
        width: 100%;
    }

.file-att .file-ext {
    position: absolute;
    font-size: .6em;
    text-align: center;
    top: 20px;
    padding: 1px;
}

@media screen and (max-width: 767px) {
    .file-att .ell-head {
        white-space: normal;
    }

    .file-att {
        margin-bottom: 10px;
    }
}

#siteNotificationsIco {
    /*THIS IS A FIX IF BLINK IS HIDDEN A BLUE BAR APPEARS ON THE BOTTOM OF NAV*/
    max-height: 60px;
}

    #siteNotificationsIco + ul a {
        opacity: .5;
    }

        #siteNotificationsIco + ul a.new {
            opacity: 1;
        }

div#contactSearchList {
    position: absolute;
    list-stsyle: none;
    width: 90%;
    margin-left: 15px;
    overflow: auto;
    z-index: 2;
    -webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.55);
    -moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.55);
    box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.55);
    max-height: 55vh;
}

.message-center {
    max-height: 300px;
    overflow: auto;
}

    .message-center::-webkit-scrollbar,
    .pm-search-result::-webkit-scrollbar,
    .mod-item-body::-webkit-scrollbar,
    div#contactSearchList::-webkit-scrollbar {
        width: 3px;
    }

    .message-center::-webkit-scrollbar-track,
    .pm-search-result::-webkit-scrollbar-track,
    .mod-item-body::-webkit-scrollbar-track,
    div#contactSearchList::-webkit-scrollbar {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    }

    .message-center::-webkit-scrollbar-thumb,
    .pm-search-result::-webkit-scrollbar-thumb,
    .mod-item-body::-webkit-scrollbar-thumb,
    div#contactSearchList::-webkit-scrollbar-thumb {
        background-color: darkgrey;
        outline: 1px solid slategrey;
    }

.chat-box {
    position: relative;
}

.chat-box-options {
    position: absolute;
    width: 100%;
    height: 40px;
    top: 0;
}

.chat-right-aside {
    position: relative;
    padding-top: 40px;
}

.chat-text p {
    text-align: left;
}

.chat-main-box .chat-right-aside .send-chat-box .form-control {
    height: 60px;
    padding-right: 0;
}

div.right-sidebar {
    -webkit-box-shadow: -3px 0px 5px 0px rgba(0,0,0,0.4);
    -moz-box-shadow: -3px 0px 5px 0px rgba(0,0,0,0.4);
    box-shadow: -3px 0px 5px 0px rgba(0,0,0,0.4);
}

.mxh-100 {
    max-height: 100px !important;
}

.m-t-5 {
    margin-top: 5px !important;
}

.m-l-10 {
    margin-left: 10px !important;
}

.m-l-20 {
    margin-left: 20px !important;
}

.m-l-30 {
    margin-left: 30px !important;
}

.m-r-10 {
    margin-right: 10px !important;
}

.m-r-20 {
    margin-right: 20px !important;
}

.m-r-30 {
    margin-right: 30px !important;
}

.m-t-5 {
    margin-top: 5px !important;
}

.m-t-10 {
    margin-top: 10px !important;
}

.m-t-20 {
    margin-top: 20px !important;
}

.m-t-30 {
    margin-top: 30px !important;
}

.m-b-5 {
    margin-bottom: 5px !important;
}

.m-b-10 {
    margin-bottom: 10px !important;
}

.m-b-20 {
    margin-bottom: 20px !important;
}

.m-b-30 {
    margin-bottom: 30px !important;
}

.p-l-0 {
    padding-left: 0 !important;
}

.p-l-5 {
    padding-left: 5px !important;
}

.p-l-10 {
    padding-left: 10px !important;
}

.p-l-20 {
    padding-left: 20px !important;
}

.p-l-30 {
    padding-left: 30px !important;
}

.p-r-0 {
    padding-right: 0 !important;
}

.p-r-5 {
    padding-right: 5px !important;
}

.p-r-10 {
    padding-right: 10px !important;
}

.p-r-20 {
    padding-right: 20px !important;
}

.p-r-30 {
    padding-right: 30px !important;
}

.p-t-0 {
    padding-top: 0 !important;
}

.p-t-5 {
    padding-top: 5px !important;
}

.p-t-10 {
    padding-top: 10px !important;
}

.p-t-20 {
    padding-top: 20px !important;
}

.p-t-30 {
    padding-top: 30px !important;
}

.p-b-0 {
    padding-bottom: 0 !important;
}

.p-b-5 {
    padding-bottom: 5px !important;
}

.p-b-10 {
    padding-bottom: 10px !important;
}

.p-b-20 {
    padding-bottom: 20px !important;
}

.p-b-30 {
    padding-bottom: 30px !important;
}

.p-0 {
    padding: 0 !important;
}

.p-5 {
    padding: 5px;
}

.p-10 {
    padding: 10px;
}

.p-20 {
    padding: 20px;
}

.p-30 {
    padding: 30px;
}

.m-0 {
    margin: 0 !important;
}
.m-5 {
    margin: 5px !important;
}

.m-10 {
    margin: 10px;
}

.m-20 {
    margin: 20px;
}

.m-30 {
    margin: 30px;
}

.p-rel {
    position: relative;
}

.d-b {
    display: block !important;
}

.d-ib {
    display: inline-block !important;
}

.chat-list {
    overscroll-behavior: contain;
}

.chat-main-box .chat-left-aside {
    height: 100%;
}

[data-msg-att] {
    display: block;
}

    [data-msg-att] a:first-child {
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 100%;
        overflow: hidden;
    }

    [data-msg-att].btn-group a.btn {
        float: none;
        text-align: left;
    }

li.odd [data-msg-att] a.btn {
    text-align: right;
}

li:not(.odd) [data-msg-att] i.fa-file:last-child {
    display: none !important;
}

li.odd [data-msg-att] .fa.fa-file:last-child {
    text-align: right !important;
}

li.odd [data-msg-att] .fa-file:first-child {
    display: none !important;
}

.dz-file-prep {
    width: 150px;
    padding: 3px;
    font-size: .8em;
    background-color: rgba(125, 125, 125, .1);
    height: 28px;
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-right: 3px;
    overflow: hidden;
    border-radius: 3px;
}

    .dz-file-prep .dz-prog-par {
        background-color: rgba(125, 125, 125, .5);
        height: 4px;
        margin: 2px;
    }

    .dz-file-prep [data-dz-uploadprogress] {
        height: 4px;
        background-color: #2cabe3;
        width: 0;
    }

.pm-search-cont {
    position: relative;
}

    .pm-search-cont .input-group-addon {
        border-top: 0;
        border-left: 0;
        background: transparent;
    }

    .pm-search-cont .pm-search-result {
        right: 0;
        position: absolute;
        max-height: 55vh;
        z-index: 2;
        display: none;
        overflow: auto;
        left: 0;
    }

        .pm-search-cont .pm-search-result .media {
            margin: 0;
        }

.bg-title {
    overflow: unset !important;
}

[glbsrch="userSuggest"] {
    width: 92%;
    position: absolute;
    max-height: 250px;
    z-index: 3;
    overflow-x: hidden;
    overflow-y: auto;
}

    [glbsrch="userSuggest"] .list-group-item img {
        vertical-align: top;
        height: 15px;
        padding-right: 5px;
    }

.padded-box {
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 3px;
    +
}

table.table.table-borderless td,
table.table.table-borderless th {
    border: 0;
}

.label.ftag {
    display: inline-block;
    margin-top: 1px;
    margin-bottom: 1px;
}

.btn-filters > button,
.btn-filters > .btn,
.btn-filters > .btn-group > button,
.btn-filters > .btn-group > .btn {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.btn-filters > .btn-group > form {
    width: 100%;
}

.carousel-indicators li {
    border: 1px solid #777;
}

.bg-transparent {
    background-color: transparent !important;
}

trix-toolbar button.trix-button {
    border: 0;
    margin-top: 2px;
    margin-bottom: 2px;
    border-image-width: 0;
}

trix-toolbar button.trix-button--icon {
    font-size: 12px;
}

.btn-newpost {
    position: fixed;
    bottom: 50px;
    right: 20px;
    z-index: 101
}

.poll-opt {
    border-left: 1px solid transparent;
    padding-left: 5px;
    padding-top: 3px;
    padding-right: 3px;
}

.poll-opt:hover {
    cursor: hand;
    cursor: pointer;
}

.v-middle {
    vertical-align: middle !important;
}

.dataTables_wrapper div.row {
    margin-left: 0px;
    margin-right: 0px;
}

.list-group .list-group-item.child {
    margin-left: 20px;
}

.module-grid {
    box-sizing: border-box;
}

    .module-grid .grid-box {
        border: 1px solid #777;
        min-height: 25px;
        
    }

#sc-container {
    margin: 0 auto;
}

    #sc-container .sc-button {

    }

[data-star-rating] .fa-star {
    pointer: hand;
    cursor: pointer;
}

.text-stroke {
    text-shadow: -1px -1px 0 #aaa, 1px -1px 0 #aaa, -1px 1px 0 #aaa, 1px 1px 0 #aaa;
}

mark.nopad {
    padding: 0;
}

.pointer {
    cursor: pointer;
}

.nav-tabs.no-border {
    border: 0;
}

    .nav-tabs.no-border > li.active > a,
    .nav-tabs.no-border > li.active > a:focus,
    .nav-tabs.no-border > li.active > a:hover {
        border: 0;
    }

table.table.table-excondensed tbody > tr > td {
    padding-top: 3px;
    padding-bottom: 3px;
}

mark, .mark {
    padding: 0;
    ;
}

.ls-none {
    list-style: none !important;
}

.vtabs {
    width: 100%;
}

.dropdown-menu.wide {
    width: 400px;
}

.form-group .input-group input[type=checkbox].form-control {
    width: 38px;
    margin: 0;
}

.user-profile-box {
    min-width: 400px;
}

.user-profile-box hr {
    margin-top: 10px;
    margin-bottom: 10px;
}

.table-responsive td .btn-group {
    position: absolute;
    display: flex;
}

.carousel-indicators.below {
    bottom: -40px;
}

.grid-stack-item-content {
    background-color: rgba(0,0,0, .1);
}

.mod-container .mod-item > .white-box,
.mod-container .mod-item {
    overflow: hidden;
}

    .mod-container .mod-item > .white-box,
    .mod-container .mod-item > .panel,
    .grid-stack-item-content > .white-box,
    .grid-stack-item-content > .panel {
        height: 100%;
        width: 100%;
        margin-bottom: 0;
    }

    .grid-stack-item [data-remove] {
        position: absolute;
        top: 5px;
        right: 5px;
        z-index: 5;
    }

/*.white-box,
.timeline > li > .timeline-panel {
    border-radius: 10px;
    -webkit-box-shadow: 0 2px 2px 0px rgba(0,0,0,.25);
    -moz-box-shadow: 0 2px 2px 0px rgba(0,0,0,.25);
    box-shadow: 0 2px 2px 0px rgba(0,0,0,.25);
}*/

.mod-container .mod-item .mod-item-body {
    height: 100%;
    overflow: auto;
    padding-bottom: 20px;
}

@keyframes slidefadein {
    0% {
        left: 0px;
        top: -25px;
        opacity: 0;
    }

    100% {
        left: 0px;
        top: 0px;
        opacity: 1;
    }
}

.comment-center {
    transition: all .5s;
    position: relative;
    animation-name: slidefadein;
    animation-duration: 1.1s;
}

label.input-group {
    margin-bottom: 0;
}