:root {
    --background-color: #18191A;
    --subcontainer-background-color: #242526;
    --subcontainer-border-color: rgb(0 0 0 / 77%);
    --font-color: #E4E6EB;
    --font-hover-color: #c3c3c3;
    --panel-container-background-color: transparent;
    --btn-default-background-color: #525252;
    --grid-even-row: #313131;
    --primar-nav-color: #1098BC;
}
select, select[disabled] {
    color: var(--background-color);
}
/*ebarterMe.master.css*/
.wrapper, .master-footer {
    background-color: var(--background-color);
}

.linetab-panel {
    background-color: var(--panel-container-background-color);
}

.linetab-line > .nav-tabs > li.open > a, .linetab-line > .nav-tabs > li:hover > a {
    color: var(--font-hover-color);
}
.linetab-line > .tab-content {
    background-color: var(--panel-container-background-color);
}
.linetab-line > .nav-tabs > li.active > a {
    color: var(--font-color);
}
.a-link-grey {
    color: var(--font-color);
}
.navbar-nav > li > a {
    color: var(--font-color) !important;
}

body, html {
    color: var(--font-color);
}

.navbar-default {
    background-color: var(--subcontainer-background-color);
}
.dropdown-menu.notify-drop .drop-content > li p {
    color: var(--font-color) !important;
}
.dropdown-menu.notify-drop {
    background-color: var(--subcontainer-background-color);
}

    .dropdown-menu.notify-drop .drop-content > li:nth-child(2n+0) {
        background-color: var(--grid-even-row);
    }
    .dropdown-menu.notify-drop .drop-content > li:hover {
        background-color: var(--background-color);
    }
.nav-menu-color {
    background-color: var(--subcontainer-background-color) !important;
}
.nav-color {
    color: var(--font-color);
}
a.navbar-notify:focus, a.navbar-notify:hover {
    color: var(--font-hover-color);
}

.alert-danger a, .alert-warning a, .alert-success a, .alert-info a {
    color: var(--subcontainer-background-color);
    text-decoration: underline;
}
.toast-grey a {
    text-decoration: underline;
}

/*master.css (mobile)*/
.navbar-default .navbar-toggle .icon-bar {
    background-color: var(--primar-nav-color);
}
.navbar-default .navbar-toggle:focus .icon-bar, .navbar-default .navbar-toggle:hover .icon-bar {
    background-color: var(--font-color);
}
.navbar-default .navbar-toggle { /*misc library*/
    border-color: var(--primar-nav-color);
}
/*settings*/
.settings-usermenu.visible-xs {
    background-color: var(--panel-container-background-color);
}
/*post.css*/
.white-panel {
    background-color: var(--subcontainer-background-color) !important;
}
#pnlBasicSettings > .well {
    background-color: var(--subcontainer-background-color) !important;
}
/*modal.css*/
.modal-content {
    background-color: var(--subcontainer-background-color);
    border-color: var(--subcontainer-border-color);
}

/*login.css*/
.form-signin {
    background-color: var(--subcontainer-background-color);
}
.form-signin-heading, .form-reset-heading {
    color: unset;
}

/*tooltips.css*/
.twPc-div {
    background-color: var(--subcontainer-background-color);
    /*border-color: var(--subcontainer-border-color);*/
}
/*messages*/
a.list-group-item.msg-shade {
    color: var(--font-color);
    background-color: var(--btn-default-background-color);
}
.chat-body1 p {
    background-color: var(--btn-default-background-color);
}
.chat_area .user_chat .chat-body1 p {
    background-color: var(--grid-even-row);
}
.new_message_head {
    background-color: var(--panel-container-background-color);
}
.message-display-head, .message-display-head-mobile {
    color: var(--font-color);
}
/*.message_section{
    border-color: transparent;*/
}
/*viewprofile.css*/
.profile-sidebar, .profile-content .panel-body, .profile-followers {
    background-color: var(--subcontainer-background-color);
}
.profile-sidebar{
    background: var(--subcontainer-background-color);
}

.profile-content .panel-body, .profile-followers {
    background-color: var(--panel-container-background-color);
}
.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: var(--subcontainer-background-color);
}
.table-striped > tbody > tr:nth-of-type(even) {
    background-color: var(--grid-even-row);
}
.profile-usermenu ul li.active a {
    background-color: var(--grid-even-row);
}

/*dashboard.css*/
.dashboard-star, .profile-card-rating-score {
    color: var(--font-hover-color);
}

/*postoffersdashboard.css*/
tr > td.media-left {
    background-color: var(--panel-container-background-color);
    border-color: var(--font-color);
    border: 1px solid;
}
/*post.css*/
#pnlPosts > .well {
    background-color: var(--subcontainer-background-color);
}

/*ucPost.css*/
.RadioSelect .notActive {
    color: var(--font-color);
    background-color: var(--panel-container-background-color);
}
/*boostrap.css*/
a {
    color: var(--font-color);
}
    a:focus, a:hover {
        color: var(--font-hover-color);
    }

/*ucRatings.css*/
.rating-block {
    background-color: var(--subcontainer-background-color);
}

/*misc libraries*/
.form-control {
    color: var(--font-hover-color);
}
.jFiler-input-dragDrop {
    background-color: var(--panel-container-background-color);
}
.thumbnail {
    background-color: var(--panel-container-background-color);
}
.panel-success > .panel-heading a, .panel-success > .panel-heading {
    color: var(--background-color);
}
.panel-info > .panel-heading {
    color: var(--font-color);
    background-color: var(--panel-container-background-color);
}
.nav > li > a:focus, .nav > li > a:hover {
    color: var(--background-color);
}
.nav-tabs > li {
    background-color: var(--panel-container-background-color);
    /*color: var(--font-color);*/
}
.nav-tabs > li.active > a {
    background-color: var(--subcontainer-background-color);
    color: var(--font-color);
}
    .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
        background-color: var(--btn-default-background-color) !important;
        color: var(--font-hover-color);
    }

.navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: var(--font-color);
}
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
        color: var(--font-hover-color);
    }

.panel {
    background-color: var(--subcontainer-background-color);
}

.btn { /*just straight btn class only*/
    background-color: var(--background-color);
    border-color: var(--font-color);
}
.btn-primary.active, .btn-primary:active, .open > .dropdown-toggle.btn-primary {
    background-color: var(--background-color);
    color: var(--font-color);
}
.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open > .dropdown-toggle.btn-primary.focus, .open > .dropdown-toggle.btn-primary:focus, .open > .dropdown-toggle.btn-primary:hover {
    background-color: var(--font-color);
    color: var(--background-color);
}
.btn-default {
    background-color: var(--btn-default-background-color);
    color: var(--font-color);
}
.btn-save{
    background-color: var(--btn-default-background-color);
    border-color: var(--font-color);
}
    .btn-save:active {
        background-color: var(--btn-default-background-color);
        border-color: var(--font-color);
    }
    .btn-save:hover {
        background-color: var(--btn-default-background-color);
        color: var(--font-hover-color);
    }

.btn-link {
    color: var(--font-color);
}

.bx-wrapper .bx-viewport { /*image-carousel (viewPost)*/
    background-color: var(--subcontainer-background-color);
}
.item { /*Post grid*/
    background-color: var(--panel-container-background-color);
}

.dropdown-menu {
    background-color: var(--subcontainer-background-color);
}
    .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
        background-color: var(--btn-default-background-color);
    }

    .dropdown-menu > li > a {
        color: var(--font-color);
    }
    .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover{
        color: var(--font-hover-color);
    }

.list-group-item {
    color: var(--font-hover-color) !important;
    background-color: var(--panel-container-background-color);
}
a.list-group-item:focus, a.list-group-item:hover, button.list-group-item:focus, button.list-group-item:hover {
    color: var(--font-hover-color);
    background-color: var(--btn-default-background-color);
}
.a.list-group-item, button.list-group-item {
    color: var(--font-hover-color);
}