/*********** theme dark mode style *******/
body {
    background-color: #1a1d21 !important;
    color: #bfbfbf !important;
}
.form-control {
    background-color: #fff0 !important;
    color: #ddd !important;
    border: 1px solid #3e3f43 !important;
}
select.select2 {
    background-color: transparent;
}
option {
    background-color: #212429;
}
.formField.row .form-control {
    border: 1px solid #3e3f43 !important;
}
.datepicker table th {
    color: #fff !important;
}
.datepicker table td {
    color: #fff !important;
}
.datepicker table tr td.old {
    color: #838383 !important;
}
.datepicker .datepicker-switch:hover, .datepicker .next:hover, .datepicker .prev:hover, .datepicker tfoot tr th:hover {
    background: #343434 !important;
}
.datepicker table tr td.day.focused, .datepicker table tr td.day:hover {
    background: #343434 !important;
    cursor: pointer;
}
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover, .page-sidebar {
    background-color: #1a1d21 !important;
}
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a, .page-sidebar .page-sidebar-menu > li > a {
    border-top: 1px solid #2f2f2f91 !important;
    color: #c8ccd1 !important;
}
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a, .page-sidebar .page-sidebar-menu > li:hover > a, .page-sidebar .page-sidebar-menu > li.open > a {
    background: #111214 !important;
    color: #ced4dc;
}
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a, .page-sidebar .page-sidebar-menu > li > a{
    border: 0px !important;
}
.page-sidebar .page-sidebar-menu > li > a span.favourite.bookmarked i {
    color: #fff !important;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #000000 !important;
    color: white !important;
}
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group .form-control, .page-sidebar .sidebar-search .input-group .form-control {
    background-color: #00000000 !important;
    color: #e9e9e9;
}
.page-content-wrapper .page-content {
    background: #111214 !important;
}
.page-content-white .page-title, .page-container-bg-solid .page-title {
    color: #e9b337 !important;
}
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a, .page-sidebar .page-sidebar-menu > li > a {
    /* border-top: 1px solid #3d4957; */
    background-color: #1a1d21 !important;
}
.page-content-wrapper {
    background-color: #1a1d21 !important;
}
.page-sidebar .page-sidebar-menu > li.sidebar-toggler-wrapper, .page-sidebar .page-sidebar-menu > li.sidebar-search-wrapper, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.sidebar-toggler-wrapper, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.sidebar-search-wrapper {
    background-color: #1a1d21 !important;
}
.page-footer {
    background-color: #1a1d21 !important;
}
.page-header.navbar {
    background-color: #000000 !important;
    border-bottom: solid 1px #46404080 !important;
}
.page-header.navbar .page-logo {
    border-bottom: solid 1px #46404080 !important;
}
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a, .page-sidebar .page-sidebar-menu .sub-menu > li > a {
    color: #e2b337 !important;
}

body .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a,
body .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a,
body .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a,
body .page-sidebar .page-sidebar-menu .sub-menu > li:hover > a,
body .page-sidebar .page-sidebar-menu .sub-menu > li.open > a,
body .page-sidebar .page-sidebar-menu .sub-menu > li.active > a {
    background: #2f2f2f !important;
    color: #fff;
}
body.darkModeTheme .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i, .page-sidebar .page-sidebar-menu > li > a > i {
    color: #e2b337 !important;
    font-weight: 500;
}
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a,
.page-sidebar .page-sidebar-menu > li.active > a,
.page-sidebar .page-sidebar-menu > li.active.open > a {
    background: #2f2f2f !important;
}
.timePiece .innerContainer > div {
    color: white !important;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > .username {
    color: #ffffff !important;
    font-weight: 500 !important;

}
li.currencyPicker.dropdown button.btn.btn-sm.btn-outline.dropdown-toggle,
li.bookmarks.dropdown button.btn.dropdown-toggle {
    background: #000000 !important;
    color: #fff !important;
    border: 1px solid #1b1b1b !important;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown > .dropdown-toggle a {
    color: white !important;
    text-decoration: none !important;
}
li.currencyPicker.header .btn-group.localSwitcher a.btn, li.languagePicker.header .btn-group.localSwitcher a.btn {
    background: #000000 !important;
    color: #fff !important;
    border: 1px solid #1b1b1b !important;
}
.page-sidebar-closed .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu:hover .sub-menu, .page-sidebar-closed
.page-sidebar .page-sidebar-menu:hover .sub-menu {
    background-color: #000000 !important;
}

body .font-green-sharp {
   /* color: #fff !important;*/
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle:hover {
    background-color: #000000 !important;
    border: 1px solid #1b1b1b !important;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle {
    background-color: #000000 !important;
}

.page-content {
    border-left: solid 1px #46404080 !important;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a:hover {
    background: #1a1d21 !important;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external {
    background: #1a1d21 !important
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-menu > li > a {
    background-color: #212529 !important;
}

.page-quick-sidebar-wrapper {
    color: #99a8b5;
    background: #000000 !important;
}

body ul.pagination a.page-link {
    color: #fff !important;
}

body ul.pagination .active span {
    background-color: #000000 !important;
    border-color: #000000 !important;
    color: #fff !important;
}
body.darkModeTheme .page-header.navbar .page-logo{
    background-color: #1a1d21;
    width: 237px;
    border: 0px !important;
}
body.darkModeTheme .page-header.navbar .menu-toggler > span,
body.darkModeTheme .page-header.navbar .menu-toggler > span:before,
body.darkModeTheme .page-header.navbar .menu-toggler > span:after {
    background: #e9b337 !important;
}

body.darkModeTheme .page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle > i {
    color: #fab30d;
}

body.darkModeTheme .page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle .badge.badge-default {
    background-color: #fab30d;
    color: #ffffff;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > i[class^="icon-"], .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > i[class*="icon-"], .page-sidebar .page-sidebar-menu .sub-menu > li > a > i[class^="icon-"], .page-sidebar .page-sidebar-menu .sub-menu > li > a > i[class*="icon-"] {
    color: #e5e5e5 !important;
}

@media (max-width: 991px) {

    body .page-sidebar .page-sidebar-menu > li .sub-menu {
        background-color: #1a1d21 !important;
    }
}
@media (min-width: 992px) {
    body.darkModeTheme.page-sidebar-closed.page-sidebar-closed-hide-logo .page-header.navbar .page-logo {
        width: 47px;
    }
}
.dashboard-stat2.statInner {
    padding: 0;
    border: 1px solid #212529 !important;
    position: relative;
    background: #212529 !important;
    border-radius: 5px !important;
}
.lastLogg {
    color: #e6e6e6;
    border: solid 1px #2f2f2f;
    background-color: #1a1d21 !important;
}
.walletFilterGroup {}

.walletFilterGroup .selectedWallet {
    color: #405189;
    background-color: rgba(64,81,137,.1);
    border-color: #00000024;
}

.row.detailedGraphs .navHolder li {
    background-color: #111214 !important;
    border: 1px solid #212529 !important;
    color: #6a6b6b !important;
}

.row.detailedGraphs .navHolder li.active {
    background: #212529 !important;
    color: #fff !important;
}

.row.detailedGraphs .navHolder li.active i {
    border-right: 1px solid #2f2f2f !important;
}

.graphPaneWrapper .innerHolder {
    border: 1px solid #212529 !important;
    min-height: 40vh;
    background: #212529 !important;
}

.portlet.light {
    background-color: #212529 !important;
}

.portlet.light {
    background-color:#212529 !important;
    border-radius: 8px !important;
}

.highcharts-background {
    fill: #212529 !important;
}

.row.detailedGraphs .navHolder li:first-of-type.active {
    border-radius: 8px 8px 0 0 !important;
}

.row.detailedGraphs .navHolder li.active {
    background: #181818;
    color: #e8cfa0;
}

.detailedGraphs .highcharts-axis-title tspan, .highcharts-title tspan, .highcharts-pie-series tspan {
    color: #a7a7a7;
    fill: #a7a7a7;
}

.detailedGraphs .highcharts-legend-box {
    fill: #181818;
}
g.highcharts-grid.highcharts-yaxis-grid path.highcharts-grid-line {
    stroke: #3e4043;
}
g.highcharts-legend-item text {
    fill: #eee !important;
    color: #eee !important;
}

g.highcharts-axis-labels {}

g.highcharts-axis-labels text {
    fill: #eee !important;
    color: #eee !important;
}
.highcharts-pie-series tspan {
    fill: #000000 !important;
}
g.highcharts-legend-item.highcharts-pie-series tspan {
    fill: #eee !important;
}
/*g.highcharts-grid.highcharts-xaxis-grid path.highcharts-grid-line {
    stroke: red;
}*/
/*path.highcharts-grid-line{
    stroke: #3e4043 !important;
}*/
.portlet > .portlet-title {
    border: none !important;
}
.mailGraphPortlet .mailMenu .menu .icon {
    background: #3d4144 !important;
    border-bottom: 2px solid #3d4144 !important;
}

.mailGraphPortlet .mailMenu .menu .detail {
    border: 1px solid #3d4144 !important;
    color: #648798 !important;
}

.portlet.light .portlet-title {
    background-color: #212529 !important;
    border-bottom: solid 1px #3e4043 !important;
}

.portlet.light .portlet-title span.caption-subject.font-dark {
    color: #fff !important;
}

.row.overviewGraph-Section .details {
    border: solid 1px #3e4043 !important;
}

.row.overviewGraph-Section .details ul li {
    border-bottom: solid 1px #3e4043 !important;
    color: #f5c75c;
}
.row.overviewGraph-Section .details ul li span {
    background-color: #ad731c !important;
}
.row.earnersAndSponsors .userDetailsPane .innerHolder {
    border: 1px solid #212529  !important;
    background: #212529 !important;
    padding: 10px;
}
.sponsorInfoWrapper g.highcharts-legend-item text {
    fill: #000000 !important;
    color: #000000 !important;
}
.innerHolder {
    border: 1px solid #212529 !important;
    border-right: 0;
    background: #212529 !important;
}
.userListPortlet .user {
    cursor: pointer;
    position: relative;
    background: #202326 !important;
    border-bottom: 1px solid #33373b !important;
}
.userListPortlet .user.active {
    background: #111214 !important;
}
.userListPortlet .user.active:after {
    background: #4e4d4d00 !important;
}
.userListPortlet .user h5 {
    color: #bbbebd !important;
}
.portlet-body {
    border: 1px solid #202326 !important;
    border-top: 0;
}
.earningsInfoHolder .commissionDetails {
    border-top: 2px solid #8775a7 !important;
    background: #111214eb !important;
}
.earningsInfoHolder .commissionDetails .commission label {
    color: #bababa !important;
}
.earnedAmount {
    color: #bababa !important;
}
.earnedAmount span {
    color: #e9b337 !important;
}
.userInfoHolder {
    background: #1d1f21 !important;
    border: 1px solid #454a4f !important;
    border-left: none;
    padding: 8px 15px;
}
.userListPortlet .user.active h5 {
    color: #ffffff !important;
}
.innerHolder .headerData h3 {
    color: #ffffff !important;
}
.innerHolder .headerData {
    border-bottom: 4px solid #fff !important;
}
#regions_div rect {
    fill: #212529;
}
.bodyData .eachSeries {
    border-bottom: 1px solid #ececec00 !important;
}
.eachSeries .dataValue {
    color: #e9b337 !important;
}
.activitiesWrapper {
    border: 1px solid #ddd0 !important;
}
.eachActivity {
    border-bottom: 1px solid #f3f3f314 !important;
}
.eachActivity:before {
    content: '';
    background: #ebeaea1f !important;
}
span.activityCircle {
    background: #212529;
    border: 2px solid #2d3135 !important;
    color: #5f5e5e !important;
}
span.activityCircle:before {
    border: 3px solid #3a3c40 !important;
}
.row.systemModules .columns .portlet {
    border: 1px solid #313131 !important;
}
li.graphNav.active:after {
    content: '';
    background: #2c3135 !important;
}
.dashboard-stat2.statInner ul.dropdown-menu {
    background-color: #212529;
    border: 1px solid #3e4043;
}
.dashboard-stat2.statInner ul.dropdown-menu li:hover a {
    background-color:#1a1d21;
    color: #a5a4a4;
}
.dashboard-stat2.statInner ul.dropdown-menu li.active a {
    background-color: #1a1d21;
    color: #a5a4a4;
}
.linkContainer .inputWrapper input[type="text"] {
    background-color: #212529 !important;
    border: 1px solid #3e4043 !important;
    color: #9d9d9d !important;
}
.metaButtons .icon {
    border: 1px solid #3e4043 !important;
}
.metaButtons .icon button {
    background: #212529 !important;
}
.hybridDemoNotifyBlock {
    background: #212529 !important;
    border: 1px solid #212529 !important;
}
.hybridNotifyWrapper .content span{
    background-color: rgb(34, 37, 41) !important;
}

.linkContainer .innerHolder label {
    color: #ffffff !important
}

.hybridDemoNotifyBlock .head h3 {
    color: #ffffff !important
}
.hybridDemoNotifyBlock .content p span {
    color: #aeaeae !important;
}
.salesGraphPortlet .bizBalance {
    color: #009688 !important;
    border: 1px solid rgb(62 64 67) !important;
}
.bizBalance .iconHolder {
    color: rgb(0 0 0) !important;
    background: rgb(62 64 67) !important;
    border-right: 1px solid rgb(62 64 67) !important;
}
ul.commissionListInner .commissionAmountBox span.amount {
    color: #cdae38;
}
ul.commissionListInner h3 {
    color: #cdae38;
}
ul.commissionListInner .commissionAmountBox i {
    color: #cdae38;
}
.selectedWallet, .selectedScope{
    border: 1px solid #6c6969 !important;
    color: #b6abab !important;
    background: #191c1fcc !important;
}
.hybridCookieConsent{
    background: #111214f5 !important;
}
.hybridCookieConsent .Cookie-content {
    color: #eee !important;
}
.user-championsBox {
    border: solid 1px #2a2a2a !important;
    border-radius: 10px !important;
    background-image: linear-gradient(#303030, #000000) !important;
    border-bottom: solid 4px #4b5fcf  !important;
}
.user-championsBox h5.name {
    color: #dddddd !important;
}
.todoDashboard .todoProgressWrapper {
    background-color: #212429 !important;
}
.todoDashboard .innerHolder label {
    color: #ffffff !important
}
.todoProgressWrapper {
    background-color: #1a1d21 !important;
}
.todoFilters {
    background-color: #1a1d21 !important;
}
h3.todotitle {
    border-bottom: solid 1px #484242 !important;
    background-color: #1a1d21 !important;
}

.row.todoSection {
    background-color: transparent !important;
}

.todoFormWrapper input[type="date"]::-webkit-calendar-picker-indicator {
    filter: invert(1) !important;
    cursor: pointer !important;
}

.todoProgressWrapper .percentage {
    fill: #fff8f8 !important;
}

.todoListPortlet button.addTodo.ladda-button i {
    color: #ffffff !important;
}

.todoListPortlet button.addTodo.ladda-button {
    background-color: #050506 !important;
    border: 1px solid #111214 !important;
}
.btn.white:not(.btn-outline).active, .btn.white:not(.btn-outline):active, .btn.white:not(.btn-outline):hover, .open>.btn.white:not(.btn-outline).dropdown-toggle {
    color: #fffafa !important;
    background-color: #363535 !important;
    border-color: #4b4444 !important;
}

.todoDashboard .todoProgressWrapper .Status {
    color: #e8ede8;
}
.hybridDemoNotifyBlock .content p span {
    color: #9d9999 !important;
}
.hybridDemoNotifyBlock .reachusOn > div {
    margin: 7px;
    color: #eee !important;
}
.systemModulesPortlet .section {
    border-bottom: 1px dashed #cecece !important;
    background: #212429  !important;
    border: 1px solid #3e3f43  !important;
    border-top: none !important;
}
.systemModulesPortlet .section .sectionBody .box {
    background: #1b1b1b !important;
    border: 1px solid #1b1b1b !important;
    color: #f1eded !important;
}
.systemModulesPortlet .moduleOverview {
    background: #337ab7 !important;
}
body.darkModeTheme .quickSideBarInner .panel{
    border: 0px !important;
}
body.darkModeTheme ul.commissionListInner li label {
    color: #b7b4b4;
}
/***** theme dark registration *****/
.row.registrationWrapper div#registrationForm {
    border: 1px solid #e2e2e20f !important;
}
.row.registrationWrapper .form-wizard .steps {
    background-color: #212529;
}
.row.registrationWrapper .form-wizard .steps > li > a.step {
    background-color: #212529;
}
.row.registrationWrapper .form-body .form-control {
    border: 1px solid #393939 !important;
    background-color: transparent;
    color: #a5a5a5;
}
row.registrationWrapper .form-body .form-control {
    border: 1px solid #393939 !important;
}
.page-content .registrationWrapper .font-green {
    color: #5c9bd1 !important;
}
.page-content .registrationWrapper .form-wizard .steps > li.done > a.step .number {
    background-color: #111214 !important;
    color: #ffffff !important;
    border: 2px solid #009688 !important;
}
.page-content .registrationWrapper .form-wizard .steps > li.active > a.step .number {
    background-color: #212529 !important;
    color: #f2f2f2 !important;
    border: 2px solid #525252;
}
.page-content .registrationWrapper .form-wizard .steps > li > a.step > .number {
    border: 2px solid #525252;
    background: #212529 !important;
}
.form-wizard .steps > li.done > a.step .desc i {
    color: #009688 !important;
}
.row.registrationWrapper .form-wizard h3.block {
    color: #b2d7f5 !important;
}
.page-content .registrationWrapper .control-label {
    color: #a5a5a5 !important;
}
.registrationWrapper .btn.btn-outline.green {
    border-color: #433f4a !important;
    color: #ffffff !important;
    background: #282828 !important;
}
.registrationWrapper .btn.btn-outline.green:hover {
    color: #FFFFFF !important;
    background-color: #000000 !important;
    border-color: #1b1b1b !important;
}
.guestWrapper .row.registrationWrapper .form-wizard .steps > li > a.step {
    background-color: #111214 !important;
}

.guestWrapper .row.registrationWrapper .form-wizard .steps {
    background-color: #111214 !important;
}
.btn.default:not(.btn-outline) {
    color: #dddddd !important;
    background-color: #1a1d21 !important;
    border-color: #484848 !important;
}
.row.registrationWrapper .form .form-actions {
    border-top: 1px solid #393939;
}
.select2-container--default .select2-selection--single {
    background-color: #fff0 !important;
    border: 1px solid #393939 !important;
}
.form-group .select2-container--default .select2-selection--single {
    border: 1px solid #393939 !important;
}
.select2-dropdown {
    background-color: #212529 !important;
    border: 1px solid #404344 !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #a5a5a5 !important;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #3f4143 !important;
    background-color: transparent !important;
}
.select2-results__option {
    color: #cecaca !important;
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #dddddd1c !important;
}

/**** registration package *****/
.packageRow.row .image {
    border: 1px solid #393939 !important;
}
.packageRow.row .eachDetail {
    border-left: 1px solid #393939 !important;
    border-right: 1px solid #393939 !important;
    border-bottom: 1px solid #393939 !important;
}
.packageRow.row .eachDetail label {
    background: #212429 !important;
}
.packageRow .product .eachDetail.description label {
    background: #212429 !important;
    color: #d9d3d3 !important;
}

.product {}

.packageRow .product .eachDetail.description span.value {
    background-color: #212329;
    color: #c3c3c3 !important;
}

.packageRow.row .details .moreDetails {
    background: #1f2026;
    color: #eee;
}

.packageRow.row
.eachDetail.name .value {
    color: #d5d3d3 !important;
}

.packageRow.row .eachDetail .value {
    color: #b3b0b0;
}
/***** pending registration ***/
.reportContainer .listHolder .eachList {
    color: #c9c8c8;
    border-left: 4px solid #26a1d5;
    background: black !important;
    box-shadow: -3px 3px 6px #00000080 !important;
}
.row.pendingRecordsLegends ul li span {
    color: #a6a5a9;
}
.pendingRegistrations .reportContainer h3 {
    color: #5c9bd1 !important;
    border-bottom: 1px dotted #5a5757;
}
.pendingRegistrations .detailsHolder .card {
    background-color: rgb(27 27 27) !important;
}
.pendingRegistrations .detailsHolder .cardNav {
    background: #1b1b1b;
}
.pendingRegistrations .detailsHolder .cardBody {
    border: 1px solid #242424;
}
.cardNav .navEach.active {
    color: #1bbc9b  !important;
    background: #1bbc9b00 !important;
    /* border: 1px solid #ddd; */
    border-bottom: none;
}
.cardNav .navEach {
    background: #f3f3f30d !important;
    border: 0px !important;
}
.navEach.active:after {
    content: '';
    background: #26c281 !important;
}
.card .eachData .summaryWrapper.table-responsive h4 {
    color: #ddd;
}
form.filterForm {
    padding-bottom: 19px;
    border-bottom: 2px solid #444444 !important;
}
/**** payment bank ****/
.bankWireWrapper .innerBox.addresses {
    box-shadow: 0px -8px 13px #dddddd00 inset !important;
}
.addressBox {
    border: 1px solid #dddddd36 !important;
}
.bankWireWrapper .addressHeader {
    border-block-end: 1px dashed #dddddd36 !important;
}
.bankWireWrapper .addressHeader span.icon {
    color: #d1cece !important;
}
.bankWireWrapper .addressHeader h2 {
    color: #eee !important;
}
.addressBox .addressBody {
    border-block-end: 2px solid #dddddd36 !important;
    color: #eee !important;
}
.bankWireWrapper .dueAmount {
    background: #eee0 !important;
    border-bottom: 3px solid #605e5e !important;
}
span.dueAmount {
    color: #2ab4c0 !important;
}
.bankWireWrapper .notes {
    color: #eee !important;
}
.bankWireWrapper .notes h3 {
    color: #a19f9f !important;
}
.bankWireWrapper .notes {
    color: #eee !important;
}
.newBankAccount .eachField.flex .inputHolder input[type="text"], .newBankAccount .eachField.flex .inputHolder input[type="email"], .newBankAccount .eachField.flex .inputHolder input[type="text"], .newBankAccount .eachField.flex .inputHolder input[type="password"] {
    background: transparent !important;
    /* color: #fff; */
}
.paymentNavTab.active span.paymentLabel {
    color: #09e6f7 !important;
}
.postRegistrationBox h3 {
    color: #2ded29 !important;
}
.eachFilter label {
    color: #eee !important;
}
.payments.reportContainer h3 {
    color: #fff !important;
}
.payments.reportContainer {}

.payments.reportContainer .detailsHolder .cardNav {
    background: #000000  !important;
}

.payments.reportContainer .detailsHolder .detailsWrapper {}

.payments.reportContainer .detailsHolder .detailsWrapper .card {
    background-color: #111214 !important;
    border: 1px solid #444444 !important;
}

.payments.reportContainer .detailsHolder .detailsWrapper .card .cardBody {
    border: 1px solid #444444 !important;
}

.payments.reportContainer .detailsHolder .detailsWrapper .card .eachData {
    border-bottom: 1px dotted #444444 !important;
}
/***** registration order ****/

.orderSummary table.table-bordered {
    border: 1px solid #464646;
}

.orderSummary table.table-bordered tr th, .orderSummary table.table-bordered tr td {
    border: 1px solid #464646;
    color: #eee;
}

table.summaryTable tr.order-footer td {
    color: #4caf50;
}
.orderSummary h4 {
    color: #e0dcdc !important;
}
.orderSummary table.table-bordered {
    border: 1px solid #464646;
}

.orderSummary table.table-bordered tr th, .orderSummary table.table-bordered tr td {
    border: 1px solid #464646;
    color: #eee;
}
button.btn.grey.orderSummaryButton {
    background-color: #111214;
    border-color: #413f3f;
    color: #c5c2c2;
}
button.btn.green.order-review {
    background-color: #eee0 !important;
    border-color: #464646 !important;
    color: #a1a1a1 !important;
}
table.summaryTable tr.order-footer td {
    color: #4caf50;
}

.paymentGatewaysWrapper .gatewayNavWrap {
    background: #212529 !important;
    border: 1px solid #393939 !important;
}
.whiteListIp .tab input[type="text"] {
    background: transparent !important;
}

.gatewayNavInner {}

.gatewayNavInner .paymentNavTab.active {
    background-color: #111214;
    border: 1px solid #393939;
}

.gatewayNavInner .paymentNavTab.active:after {
    content: "";
    background-color: #393939;
}

.paymentContainerWrap {}

.paymentContainerWrap .paymentContainer {
    background: #111214;
    border: solid 1px #393939;
    border-radius: 4px !important;
}
.walletDetails .walletIco i {
    color: #4caf50 !important;
}
.walletDetails p#balanceAmount {
    color: #fff !important;
}
.freejoinInstruction {
    padding: 20px 15px;
    border: dotted 1px #666 !important;
}
.freejoinBox .freejoinDescription {
    color: #eee !important;
}
.modal-content {
    position: relative;
    background-color: #222223 !important;
    border: 1px solid #2a2c2e00 !important;
}
.modal .modal-header {
    border-bottom: 1px solid #3c3c3c !important;
    background: #121212 !important;
}
.modal .modal-header .modal-title {
    color: #fff;
}
#user_summary .modal-footer {
    border-top: 1px solid #3c3c3c !important;
    background: #121212 !important;
}
/***** treee ****/

.treeWrapper section.management-hierarchy {
    background-color: #212529;
}

.treeWrapper section.management-hierarchy .hv-container {
    box-shadow: 0px 2px 14px inset #3b3b3b;
}
.form-group .form-control {
    border: 1px solid #393939 !important;
    background-color: transparent !important;
    color: #a5a5a5;
}

.form-group label {
    color: #dfd9d9 !important;
}
.hv-item button {
    background: #333435  !important;
    border: 1px solid #404247 !important;
    color: #868686;
}
.hv-wrapper .hv-item .hv-item-children .hv-item-child:before, .hv-wrapper .hv-item .hv-item-children .hv-item-child:after {
    content: '';
    background-color: rgb(90 90 90) !important;
}
.dropdown-menu{
    background-color: #111214 !important;
    border: 1px solid #3d3f40 !important;
}
.AvatarBlock ul.dropdown-menu h3.AvatarTitle {
    border-bottom: 1px solid #2a2e33 !important;
    color: #9e9898;
    background: #2a2e33 !important;
}
.AvatarBlock ul.dropdown-menu li {
    border-bottom: solid 1px #eeeeee96 !important;
    color: #c7c6c6 !important;
}
.AvatarBlock.dropdown button.btn {
    border: solid 1px #393939 !important;
}
.webui-popover .webui-popover-content .card {
    background-color: rgb(33 37 41) !important;
}
.col-sm-12.tooltip-table {
    background-color: #212529 !important;
}
.table-scrollable {
    border: 1px solid #414040 !important;
}
.table-scrollable .table {
    background-color: #111214 !important;
}
.table-advance thead tr th {
    background-color: #0a0a0a !important;
    color: #ebebeb !important;
}
.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #fbfcfd00 !important;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    border-top: 1px solid #414040 !important;
    color: #8b8b8b !important;
}
.table-hover>tbody>tr:hover, .table-hover>tbody>tr:hover>td {
    background: #2f2f2f!important;
}
.kycDocsTable .table-hover>tbody>tr:hover>td {
    background: #2f2f2f!important;
}
.table-scrollable .table-hover>tbody>tr:hover, .table-scrollable .table-hover>tbody>tr:hover>td{
    background: #2f2f2f!important;
}
.table>thead>tr>th {
    vertical-align: bottom;
    border-bottom: 2px solid #414141 !important;
}
.pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover {
    color: #ddd7d7;
    background-color: #1a1d21 !important;
    border-color: #414040 !important;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    color:#fff;
    background-color: #000000 !important;
    border-color: #414040 !important;
}
.pagination>li>a, .pagination>li>span {
    color: #989a9b !important;
    background-color: #1a1d21 !important;
    border: 1px solid #414040 !important;
}
.treeWrapper .management-hierarchy .person > p.name {
    background-color: #111214;
    margin-top: 7px !important;
    border: 1px solid #3e3f43 !important;
    color: #dddddd !important;
}
span.childCollapse {
    height: 12px !important;
    background: #111417 !important;
    width: 15px !important;
}
.hv-wrapper .hv-item .registerNode:hover {
    background: #ddd;
    color: #ffffff !important;
}
/****** mail ******/

.mailListWrapper {
    background-color: #212529 !important;
}
.mailListWrapper .mailList .eachMail {
    background-color: #21252B !important;
    border-bottom: 1px solid #414040 !important;
}

.mailListWrapper .mailList .eachMail.read {
    background-color: #1b1e22 !important;
    border-bottom: 1px solid #414040 !important;
}
.mailReader {
    background-color: #0f1114;
    color: #e3e3e3;
    border: solid 1px #3d3f404d;
}

.mailReader .readerHeader {
    border-bottom: 1px solid #3d3f40;
}

.mailReader .readerHeader .mailSearch {}

.mailReader .readerHeader .mailSearch input {
    background-color: transparent;
    color: #eee;
}

.mailListWrapper {
    border: solid 1px #3d3f404d;
}

.mailListWrapper .mailTools {
    border-bottom: 1px solid #3d3f40;
    background: #0f1114;
}

.mailNavWrapper {
    background-color: #1a1d21 !important;
}

.mailNavWrapper .composeMail {
    background-color: #673ab7 !important;
    color: #eee;
}
.read .mailListHeader {
    color: #dbd2d2 !important;
}
.eachMail.read span.subject, .eachMail.read .sendBy, .eachMail.read span.subject, .eachMail.read .senders {
    color: #b1afaf !important;
}
.mailContent h4 {
    color: #eee !important;
}
.composeMailWrapper {
    background-color: #222325 !important;
}

.composeBody {
    background-color: #1b1c1f;
}

.composeNew .note-editor.note-frame.panel.panel-default {
    background-color: #1b1c1f;
}

.note-editor.note-frame .note-editing-area {
    background-color: #222 !important;
}

.note-editor.note-frame .note-editing-area .note-editable {
    background-color: #222325 !important;
    color: #ddd !important;
}

.composeHeader .fromEmailField, .composeHeader .subject {
    border-bottom: 1px solid #3d3f40 !important;
}

.fromEmailField .eachRecipient, .recipientHolder, .fromEmailField > input[type="text"] {
    background-color: #222325 !important;
    color: #eee;
}

.fromEmailField input[type="text"], .composeHeader .subject input[type="text"] {
    background-color: #222325 !important;
    color: #eee;
}

.note-toolbar.panel-heading {
    background-color: #1a1b1c !important;
    border-bottom: 1px solid #3d3f40 !important;
}

.note-popover .popover-content>.btn-group, .panel-heading.note-toolbar>.btn-group {
    background-color: #222 !important;
}

.note-btn-group.btn-group {}

.note-btn-group.btn-group button.btn-default {
    background-color: #1a1b1c;
    color: #e0e0e0;
    border-color: #3d3f40;
}

.note-editor.note-frame .note-statusbar {
    background-color: #222325 !important;
}

.composeTools {
    background: #181a1d !important;
}

span.attachFile, span.attachImage, span.discardDraft {
    background-color: #222325 !important;
    color: #e0e0e0 !important;
    border-color: #222325 !important;
}
/**** profile****/
.row.profileContact .profile-sidebar {
    box-shadow: 0px 4px 15px #0000004a !important;
    background: #212429 !important;
}
.row.profileContact .partialContent {
    box-shadow: 0px 4px 15px #0000004a !important;
    background: #212429 !important;
}
.profile-usermenu ul li.active a {
    color: #5b9bd1;
    background-color: #000000 !important;
    border-left: 2px solid #000000 !important;
}
.profile-usermenu ul li a:hover {
    background-color: #000000 !important;
}

.profile-usermenu ul li {
    border-bottom: 1px solid #343434 !important;
}
.row.profileContact .profile-content .eachField label {
    color: #eee !important;
}
.row.profileContact .profile-content .eachField label .overviewContent {
    color: #8d8d8d !important;
}
.row.personalInfo .eachField {
    border-right: solid 1px #eeeeee24 !important;
}
ul.nav.nav-tabs a {
    color: #eeeeeebf !important;
}
ul.nav.nav-tabs li.active a {
    color: #00c8d8 !important;
}
.form-control[readonly]{
    background-color: #eef1f500 !important;
    opacity: 1;
}
.securityPinChanger h2{
    border-bottom: 1px dotted #484848;
}
.securityPinChanger .modes .mode.active {
    color: #2ab4c0 !important;
    border-bottom: 2px solid #32c5d2 !important;
}
.securityPinChanger .securityPinResetForm .formField label {
    font-size: 13px;
    color: #eee !important;
}
.securityPinChanger .securityPinResetForm .formField .inputHolder {
    border: 1px solid #393939 !important;
    font-size: 13px;
}
.securityPinChanger .securityPinResetForm .formField .inputHolder input {
    background-color: transparent !important;
    color: #bdb8b8  !important;
}
.securityPinChanger .modeActions .eachField.row label {
    color: #eee;
}
.row.profileContact .partialContent form.setDefaultForm label {
    color: #eee;
}
.securityPinChanger .modeActions .eachField.row label {
    color: #eee;
}
.row.profileContact .profile-content .customName .eachField.row .form-control {
    background: transparent;
    border: 1px solid #393939 !important;
    color: #eee;
}
.idCardOptions button.btn.printIdCard {
    border-color: #315376;
    color: #237cd5;
    background: 0 0;
}
/***** member managment ****/

.memberNav .navCard {
    background: #1a1d21 !important;
}

.memberNav .navCard .headerDetails {
    border: 1px solid #262829 !important;
}

.memberNav .navCard .metaData {
    border: 1px solid #262829 !important;
}

.navCard .metaData:before, .navCard .metaData:after {
    background-color: #6b6b6b !important;
}

span.fieldValue {
    margin-left: 5px !important;
}

ul.memberOptions li {
    border-bottom: 1px dotted #343434 !important;
    color: #b5b5b5;
}

ul.memberOptions li.active {
    color: #ffffff;
}

form.panelForm {
    border: 1px solid #262829 !important;
    background: #1a1d21 !important;
    color: #d0d0d0;
}

.profilePanelWrapper .profilePanel.active {}

.profilePanelWrapper .profilePanel {
    border: 1px solid #262829 !important;
}

.profilePanelWrapper .profilePanel.active {
    background: #111214 !important;
}

.profileSectionBody fieldset {
    border: 1px solid #424444 !important;
}

.profileSectionBody legend {
    color: #eee !important;
}

form.panelForm .eachField label {
    color: #ddd !important;
}

.profileSection h3 {
    color: #ddd !important;
    border-bottom: 1px dotted #575555 !important;
}

span.fieldValue {
    color: #ddd !important;
}
.profileNavWrapper .profileNav {
    background: #1a1d21 !important;
    border-bottom: 1px solid #3d3f40 !important;
}

.profileNavWrapper .navInner {
    border: 1px solid #3d3f40 !important;
}

.profileNavWrapper .profileNav.active {
    background-color: #111214 !important;
    border-bottom: 1px solid #3d3f40 !important;
    color: #fefefe !important;
}

.profileNav.active:before {
    background-color: #000 !important;
}
.memberPanel .heading h3 {
    color: #5c9bd1 !important;
}
ul.memberOptions li.active {
    color: #ffffff !important;
}
.select2-container--bootstrap .select2-selection {
    background-color: #fff0  !important;
    border: 1px solid #343434 !important;
    color: #fff !important;
}
.select2-container--bootstrap .select2-selection--single .select2-selection__rendered {
    color: #ccc !important;
    padding: 0;
}

body.darkModeTheme .select2-container--bootstrap .select2-results__option--highlighted[aria-selected] {
    background-color: #080707 !important;
    color: #fff !important;
}
body.guestWrapper .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #080707 !important;
    color: white;
}
form.panelForm input, form.panelForm textarea {
    background-color: #fff0 !important;
    border: 1px solid #343434 !important;
    color: #fff !important;
}
.walletHolder .wallet h4 {
    margin-top: 0;
    color: #5c9bd1 !important;
    border-bottom: 1px solid #3b3d3d !important;
}
.balanceHolder {
    color: #009688 !important;
}
.walletHolder .wallet {
    border: 1px solid #262829 !important;
}

.managementNav .eachWallet.active {
    border: 1px solid #1a1b1c !important;
    background: #111214 !important;
    color: #eee;
}

.managementNav .eachWallet {
    color: #d1cfcf;
    background: #1a1d21 !important;
    border: 1px solid #313232 !important;
}

.managementNav .eachWallet.active:before {
    background: #3f51b5 !important;
}


.txnMeta .txnOut {
    background: #e15349 !important;
    border: 1px solid #d32519 !important;
    color: #ffffff !important;
}

.txnMeta .txnOut i {
    color: #bc1a1a !important;
}

.txnMeta .txnIn {
    background: #65d469 !important;
    border: 1px solid #25a12a !important;
    color: #ffffff !important;
}

.txnMeta .txnIn i {
    color: #058c05 !important;
}

.flowDetails .each label {
    color: #6ebe71 !important;
}

.flowDetails .each .value {
    color: #13c31a !important;
}

.flowDetails .each {
    border-bottom: 1px dotted #d2d2d285 !important;
}

.transferWizard {
    background: #1a1d21 !important;
    border: 1px solid #262829  !important;
}

.transactionList h2 {
    margin-top: 0;
    border-bottom: 1px solid #eeeeee3b !important;
    color: #2ab4c0 !important;
}
.transactionList .holder{
    border: 1px solid #dddddd2e !important;
}
.personalizedPanelWrapper{
    background: #1a1d21 !important;
    border: 1px solid #333434 !important;
}
.personalizedNavWrapper {
    background: #1a1d21 !important;
    border: 1px solid #333434 !important;
}

.personalizedNavWrapper .navInner .nav.active {
    color: #eee !important;
}
.row.list-separated.profile-stat {
    border: solid 1px #474747 !important;
}

.referralSummary .list-separated .refCountFirst {
    background-color: #2f2f2f !important;
    /* border-bottom: solid 1px #474747; */
}
.noteMember {
    background-color: #ebd0a4 !important;
    border: solid 1px #ebd0a4 !important;
    border-left: solid 3px #cea86a !important;
}

.noteMember h3 {
    background-color: #c6923e !important;
    color: #1a1a1a !important;
}

/****** wallet ****/

.walletWrapper .balance .moneyBox {
    background: #000000 !important;
    border-radius: 10px !important;
    border: 1px solid #2f2f2f !important;
}
.walletIco {
    color: #4caf50 !important;
}
.moneyBox h4 {
    color: rgb(195 232 196) !important;
}
span.balanceAmount i, span.balanceAmount p {
    font-weight: 800 !important;
    color: #4caf50 !important;
}
.walletWrapper .eachNav {
    border: 1px solid #2f2f2f !important;
    border-radius: 10px !important;
    margin: 1px 0px;
}
.eachNav.overview {
    background: #000000 !important;
    color: #ffc107 !important;
}
.eachNav.overview .innerWrap i {
    color: #ffc107 !important;
}
.eachNav.deposit {
    color: #2ccf07 !important;
    background: #000000 !important;
}
.eachNav.deposit .innerWrap i {
    color: #2ccf07 !important;
}
.eachNav.send {
    background: #000000 !important;
    color: #009688 !important;
}
.eachNav.send .innerWrap i {
    color: #009688 !important;
}
.eachNav.deduct {
    background: #000000 !important;
    color: red !important;
    font-weight: bold !important;
}
.eachNav.deduct .innerWrap i {
    color: red !important;
}
.eachNav.transaction {
    background-color: #000000 !important;
    color: #2ea7ff !important;
}
.eachNav.transaction .innerWrap i {
    color: #2ea7ff !important;
}
.eachNav .innerWrap span {
    font-weight: bold !important;
}
.transferWizard .inputs, .userHolder {
    max-width: 100%;
    margin: auto;
    background-color: #000000 !important;
}

form.transferWizard.depositForm h3 {
    color: #2ccf04 !important;
}

.transferWizard .inputs .remarks textarea {
    background-color: transparent !important;
    border: 1px solid #2f2f2f !important;
    color: #eee;
    padding: 2px 5px;
}

.transferWizard .inputs input[type="text"], .transferWizard .inputs input[type="number"] {
    border: 1px solid #2f2f2f !important;
    background-color: transparent !important;
    color: #eee;
}

form.transferWizard.depositForm {
    background: #000000 !important;
    border: 1px solid #262829 !important;
    border-radius: 10px;
}
.depositInit {
    background: #2ccf04 !important;
}
.businessWalletWrap.row {
    background: #000 !important;
    margin: 0px;
    border: solid 1px #2f2f2f !important;
}
.businessInfo .dropdown ul li a {
    color: #ffffff !important;
}
.dashboard-stat2.statInner ul.dropdown-menu li.active a {
    color: #ffffff !important;
}
.fieldCover > i, .fieldCover > .icon {
    background: #eee0 !important;
}

.fieldCover {
    border: 1px solid #2f2f2f !important;
}

.transferWrap.eSend form.transferWizard {
    background: #000000 !important;
    border: 1px solid #262829 !important;
}

.transferWizard .inputs .remarks {
    background-color: transparent;
    color: #eee;
}
.transferWizard .amountInfo .amount {
    color: #4caf50 !important;
}

.walletWrapper .eachNav.settings {
    background-color: #0000 !important;
    color: #16aad8 !important;
}

.walletWrapper .eachNav.settings i {
    color: #16aad8 !important;
}
.walletSettings .subPartials {
    background: #000000 !important;
    border: 1px solid #262829 !important;
}
.input-group-addon {
    color: #cfcdcd !important;
    background-color: #000 !important;
    border: 1px solid #3d3f40 !important;
}

.changePasswordFields .input-group input[type="password"] {
    border: 1px solid #3d3f40 !important;
}
.walletWrapper .transactionList .transferWhite {
    background-color: #1a1d2100 !important;
}

.walletWrapper .transactionList .transferWhite .filters.row {
    background: #1a1d21 !important;
    border-bottom: 1px solid #2e2e2e00 !important;
}
.walletOverview .navUl li i {
    color: #8f8c8c;
    background: #0c0c0c;
    border: 1px solid #6a6a6a;
}

.walletOverview .navUl li.active p {
    border: 1px solid #e2e2e2 !important;
    background-color: black;
    color: #eee;
}
.successNotice h3 {
    color: #1bbc9b !important;
}
/***** button css *****/

.btn-success {
    color: #fff;
    background-color: #4caf50 !important;
    border-color: #4caf50 !important;
}
.btn-success.active, .btn-success:active, .btn-success:hover, .open>.btn-success.dropdown-toggle {
    color: #fff;
    background-color: #53b657 !important;
    border-color: #53b657 !important;
}
.mt-checkbox>span, .mt-radio>span {
    background: #6a6767 !important;
    border: solid 1px #a4a4a4 !important;
}
.mt-checkbox:hover>input:not([disabled]):checked~span, .mt-checkbox>input:checked~span, .mt-radio:hover>input:not([disabled]):checked~span, .mt-radio>input:checked~span {
    background: #1a1d21 !important;
    border: solid 1px #3c3c3c !important;
}
.table-bordered, .table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
    border: 1px solid #1e1e1e !important;
}
/***** lead *****/
.leadDashboardHeader .widget-thumb.bordered {
    background-color: #161616 !important;
    border: 1px solid #282828 !important;
}
.epinOuterWrapper.epinSectionOuter .widget-thumb.bordered {
    background-color: #161616 !important;
    border: 1px solid #282828 !important;
}
.widget-thumb .widget-thumb-body .widget-thumb-body-stat {
    color: #e4e8eb !important;
}
.epinLeaf {
    background: #161616 !important;
}
.epinSectionOuter .navigatorContainer .navRow {
    border-bottom: 1px solid #4e4e4e !important;
}
.eachNavWrap {
    color: #bfb2b2 !important;
    background: #000000d9 !important;
}
.eachNavWrap.active {
    color: #ffffff !important;
    background: #000000 !important;
}
.row.transactionWrapperChange .innerWrapper{
    background-color: #1e1e1e !important;
    border: solid 1px #505050 !important;
}
.transactionPassChanger .passwordResetForm .formField .inputHolder {
    border: 1px solid #626262 !important;
}
/***** module settings *****/
.moduleWrapper .portlet.light {
    padding: 10px !important;
}
.moduleWrapper .portlet.light .portlet-body {
    border: 0px !important;
}
.configHolder .portlet.light {
    padding: 10px !important;
}
.configHolder .portlet.light .portlet-body {
    border: 0px !important;
}
.moduleNavigator .portlet.light {
    padding: 10px !important;
}

.moduleNavigator .portlet.light .portlet-body .modulePoolContainer .modulePool {
    background-color: #212429;
    border-left: 2px solid transparent;
    border-bottom: 1px solid #3c3c3c36;
}
.moduleNavigator .portlet.light .portlet-body .modulePoolContainer .modulePool p {
    color: #c3c3c3;
}
.moduleNavigator .portlet.light .portlet-body .modulePoolContainer .modulePool.active {
    background: #111214d6;
    border-left: 2px solid #080808;
}
.moduleNavigator .portlet.light .portlet-body .modulePoolContainer .modulePool.active p {
    color: #fff;
}
.moduleNavigator .portlet.light .portlet-title .caption {
    color: #eee;
}
.moduleNavigator .portlet.light .portlet-title .caption span.caption-helper {
    color: #eee;
}
span.moduleIco, span.themeIco {
    color: #ddd !important;
}
.moduleHead, .themeHead {
    color: #ddd !important;
}
.moduleHolder, .themeHolder {
    border-bottom: 1px dotted #3a3a3a !important;
}
.moduleWrapper button.btn.btn-circle.dark.btn-outline.sbold.uploadModuleButton {
    border: 1px solid #606060 !important;
    color: #8b8b8b !important;
    background: #337ab700 !important;
}
.moduleUploader .m-heading-1, .themeUploader .m-heading-1 {
    background: #212429;
    border: 1px solid #dddddd42 !important;
    color: #ddd;
}

.moduleUploader .m-heading-1 h3, .themeUploader .m-heading-1 h3 {
    color: #ddd !important;
}

.moduleUploader .m-heading-1 p, .themeUploader .m-heading-1 p {
    color: #c3c3c3 !important;
}

.moduleDropper .dropzone, .themeDropper .dropzone {
    border: 2px dashed #4a4a4a !important;
    color: #d5d5d5 !important;
    background: #212329 !important;
}
.moduleUploadOptions, .themeUploadOptions {
    border-top: 2px solid #404040 !important;
}
.moduleSettingsWrapper h3 {
    color: #ddd !important;
}
.moduleSettingsWrapper .inputHolder {
    border: 1px solid #393939 !important;
}
.moduleSettingsWrapper .inputHolder input {
    background-color: #26282c !important;
}
.hybridMLMPrettySwitch .switchInner {
    box-shadow: 0px 0px 4px inset #6e6e6ee0 !important;
    background: #2020207a !important;
}
.moduleSettingsWrapper .inputHolder .form-control {
    border: 1px solid #39393900 !important;
}
.row.FeedbackWrapper {
    background: #111214 !important;
    border: solid 1px #3d3f40 !important;
    padding-bottom: 15px;
}
.row.FeedbackWrapper.moduleConfig .feedFormGrid {
    border: solid 1px #3c3c3c !important;
}
.moduleConfiq.feedbackForm .panel {
    background-color: transparent;
}
.row.FeedbackWrapper.moduleConfig .moduleConfiq.feedbackForm .form-group textarea#description {
    background-color: transparent;
    border: 1px solid #393939 !important;
}

.row.feedBackList .feedBackGrid {
    background-color: #1a1d21 !important;
}

.adminfeedBackGrid {
    background-color: #1a1d21 !important;
}
.feedBackExpand {
    background-color: #252626 !important;
    border-left: solid 3px #676b6b !important;
}
.row.adminFeed-Status {
    color: #b4bbe5 !important;
}
.adminfeedBackGrid h3.title button.btn.expandFeedBack:hover {
    color: #ffffff !important;
}
.questionsWrapper .form-group.questions textarea, .questionWrapper .form-group.questions textarea {
    border: 1px solid #393939 !important;
    background-color: transparent;
}
.moduleSettingsWrapper .explorerWrapper .portlet.light {
    border: solid 1px #3b3c40 !important;
}

.moduleSettingsWrapper .explorerWrapper button.btn.dark.btn-outline.btn-circle {
    border: 1px solid #606060 !important;
    color: #8b8b8b !important;
    background: #337ab700 !important;
}
.explorertab-Wrapper ul.nav.nav-pills li.active a {
    background-color: #131518 !important;
    border: solid 1px #131418 !important;
}
.explorertab-Wrapper ul.nav.nav-pills li a {
    border: solid 1px #3e3f43 !important;
}
.fieldSection h3 i {
    background: #212429 !important;
}
.fieldSection .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice{
    color: #d5cdcd;
}
.fieldSection .select2-selection__choice {
    background-color: #080808 !important;
    border: 1px solid #424242 !important;
}
.select2-container--bootstrap .select2-results__option[aria-selected=true] {
    background-color: #2a2a2a !important;
}
.moduleSettingsWrapper .formField .note-editor.note-frame {
    border: 1px solid #3e3f43 !important;
}
.moduleConfig .panel-primary {
    border-color: #3d3f40 !important;
}
.row.KycWrapper .moduleConfig .panel-body {
    background-color: #111214 !important;
}
.moduleConfig .panel-primary .panel-heading {
    color: #4d4d4d !important;
    background-color: #1a1c21 !important;
    border-color: #3d3f40 !important;
}
.row.KycWrapper .moduleConfig .panel-body .table-hover>tbody>tr:hover, .table-hover>tbody>tr:hover>td {
    background: #202020 !important;
}
.row.kycManageList {
    background-color: #212529 !important;
    border: solid 1px #efefef;
    color: #eee;
}

.kycWrapper .row.kycManageList .title, .row.kycManageList .col-sm-4 .title {
    color: #fff !important;
}
.kycRequestList .table-hover>tbody>tr:hover, .kycRequestList .table-hover>tbody>tr:hover>td {
    background: #323232 !important;
}
.kycHistoryModal .modal-body.historyModal ul li label {
    color: #eee;
    font-weight: 600;
}
.mandatoryDoc-info {
    background-color: #222223 !important;
}

button.btn.green.ladda-button.filterRequest {
    color: #FFFFFF !important;
    background-color: #232323 !important;
    border-color: #333333 !important;
}

button.btn.green.ladda-button.clearFilter {
    color: #FFF !important;
    background-color: #383838 !important;
    border-color: #333333 !important;
}
.table-responsive .table-hover>tbody>tr:hover, .table-responsive .table-hover>tbody>tr:hover>td {
    background: #202020 !important;
}
.row.CaptureWrapper {
    background: #111214 !important;
    border: 1px solid #3d3f40 !important;
}
.row.CaptureWrapper .panel-heading span.title {
    color: #ddd !important;
}
.row.CaptureWrapper .mt-element-ribbon.bg-grey-steel {
    border: solid 3px #444343;
    box-shadow: #222222 5px 6px 1px 0px !important;
}
.inputHolder textarea {
    border: 1px solid #262729 !important;
    background-color: transparent !important;
}
.bluePrintAttachment.dz-clickable {
    border: 2px dashed #5a5a5a !important;
}
.tranpasswordMailContent textarea {
    background-color: transparent;
}
/****** confiq *****/
.eachConfigNav {
    background: #282b30 !important;
}
.eachConfigNav.active {
    color: #ffffff !important;
    background-color: #111214 !important;
}
.eachConfigNav.active span {
    color: #ffffff !important;
}
.configGroup {
    background: #111214 !important;
}
.configGroup h3 {
    border-bottom: 1px solid #e5e5e547 !important;
    color: #bbbbbb !important;
}
.configGroup h3 span {
    color: #fff !important;
}
.eachConfigNav i {
    padding: 15px;
    border-right: 1px solid rgb(255 255 255 / 0%) !important;
}
.htmlElementInput input[type="text"] {
    border: 1px solid #4c4d4e !important;
    background-color: transparent !important;
}
.subGroupHolder {
    border: 1px solid #d2cbcb1a !important;
    background: #212429 !important;
}
.subGroupNav {
    border:1px solid #33343a !important;
    color: #ffffff !important;
    background: #212329 !important;
}
.subGroupNav:last-child {
    border-bottom: 1px solid #626262 !important;
}
.select2-container--default .select2-selection--multiple {
    background-color: #ffffff00 !important;
    border: 1px solid #dddddd1f !important;
}
.htmlElementInput.multiSelect .select2-selection {
    border: 1px solid #dddddd1f !important;
}
.htmlElementInput .select2-selection__choice {
    background-color: #303030 !important;
    border: 1px solid #eee0 !important;
}
.row.globalSettingsWrapper {
    background: #212429 !important;
}

/***** payout *****/
.userContainer .meta h3 {
    color: #d3d3d3 !important;
}


form.setPayoutPinFrom h2.heading {
    color: #c9c7c7 !important;
}

.userContainer .meta .balance {
    color: #d3d3d3 !important;
}
form.payoutRequests .outerWrapper .reporttable th {
    color: #dfdfdf !important;
}
form.payoutRequests .outerWrapper .reporttable td {
    color: #dfdfdf !important;
}
form.payoutRequests .outerWrapper .reporttable .selectAll {
    color: #dfdfdf !important;
}
.payoutNav .singleNav.active {
    background: #212429 !important;
    color: #f1f1f1 !important;
    border: 1px solid #323232 !important;
}
.payoutPanel {
    background: #212429 !important;
    border: 1px solid #323232 !important;
}
.timeline .mileStone.active i {
    border-color: #36c6d3 !important;
    color: #36c6d3 !important;
}
.timeline .mileStone.active .line p {
    border-color: #36c6d3 !important;
}
.eachFilter input[type="text"] {
    padding: 5px;
    border: 1px solid #343434 !important;
    background-color: transparent !important;
}
.userContainer {
    border: 1px solid #5a5a5a !important;
}
.userContainer span.tools {
    background: #212529 !important;
}
.webui-popover{
    background-color: #212329 !important;;
}
.webui-popover .webui-popover-content>div:first-child {
    width: 99%;
    background-color: #111214 !important;;
}
.basicProfile ul.profileTab li.active {
    color: #fffbfb !important;;
    border-bottom: 2px solid #585858 !important;;
}
.basicProfile .panel.active {
    background-color: #212429 !important;;
}
.basicProfile .eachData {
    color: #ffffff !important;
    border-bottom: 1px dotted #dcdcdc54 !important;
}
.portlet-title .caption span.caption-subject.bold.font-grey-gallery.uppercase {
    color: #ddd !important;
}
.btn.btn-outline.dark {
    border-color: #77797a !important;
    color: #adadad !important;
}
.themePickerInner {
    padding: 12px;
    border: 1px solid #dddddd30 !important;
}

.payoutRight-wrapper .tab-content .panelInner .panelBody .walletBalanceTab-box label.walletBalance {
    color: #f3b33c !important;
}

.payoutRight-wrapper .tab-content .panelInner .panelBody .walletBalanceTab-box label {
    color: #eee !IMPORTANT;
}

.userPayoutBox .balanceNote {
    background-color: #dfb583 !important;
    border-left: solid 2px #af814a !important;
}

.userPayoutBox .balanceNote p {
    border-bottom: solid 1px #b99b77 !important;
    color: #444444 !important;
}
.userPayoutBox .wizard li.active span.round-tab {
    background: #000000 !important;
    color: #f1c162 !important;
    border-color: #f5b942 !important;
}

.userPayoutBox .wizard .nav-tabs > li.active > a i {
    color: #f1c162 !important;
}

.userPayoutBox .connecting-line {
    background: #f3bd79 !important;
}

.userPayoutBox span.round-tab {
    background: #3e3e3e !important;
    color: #fdfdfd !important;
    font-weight: 500;
    border: 1px solid #706f6f !important;
}

.userPayoutBox .wizard .nav-tabs > li a i {
    color: #cfcdcd !important;
}
button.default-btn.prev-step {
    background-color: #212429 !important;
    border: solid 1px #464646 !important;
}
.addressHolder .address.selected {
    border-color: #f3bd79 !important;
}
.userPayoutBox .selected .bankInfo h4 {
    color: #ffffff  !important;
}
.userPayoutBox .bankInfo h4 {
    color: #eee  !important;
}
.guestWrapper .pricing-content-2 {
    background-color: #111214 !important;
}
.guestWrapper .packageRow.row .eachDetail label {
    background: #111214 !important;
}
.guestWrapper .packageRow.row .details .moreDetails {
    background: #111214 !important;
}
.guestWrapper .packageRow .product .eachDetail.description label {
    background: #111214 !important;
    color: #d9d3d3 !important;
}
.guestWrapper .packageRow .product .eachDetail.description span.value {
    background-color: #111214 !important;
    color: #c3c3c3 !important;
}
.fixed.registration.cart .summary {
    background: #111214 !important;
    border-left: 2px solid #525252 !important;
}
.summaryWrapper .table>tfoot>tr>td,.summaryWrapper .table>tbody>tr>td,.summaryWrapper .table>thead>tr>th{
    color: #d5c9c9 !important;
}
.summary .summaryWrapper h4{
    color: #d5c9c9 !important;
    font-weight: 500 !important;
}
.payoutAmount > div {
    color: #e1e1e1 !important;
}
.bankInfo .eachData {
    color: #ffffff !important;
}
.bankInfo ul.bankinfoTab li.active {
    color: #ffffff !important;
}
.bankInfo .eachData label {
    color: #ffffff !important;
}
.basicProfile .eachData label {
    color: #ffffff !important;
}
/**** support system ****/
.ticketSystem .tile {
    background: #111214 !important;
    box-shadow: 1px 1px 7px 1px #0000009e !important;
}
.hasOverlay:before {
    content: '';
    background: #080808db !important;
}
.ticketSystem .tile h2 {
    color: #ddd !important;
}
.ticketSystem .tile .statistics > span {
    color: #adadad !important;
}
.ticketProgress .barHolder .bar {
    background: #337ab7 !important;
}
span.resolutionPercentage{
    color: #b7b7b7 !important;
}
.partialHolder h2 {
    border-bottom: 1px solid #262626 !important;
    color: #ffffff !important;
    background: #111214 !important;
}
.filters {
    background: #1b1b1b00 !important;
    border-bottom: 1px solid #2e2e2e00 !important;
}
.inputHolder.flex > i, .inputHolder .icon {
    background: #111214 !important;
    color: #9a9393;
}
.ticketsHolder .topData {
    background: #0c0c0d !important;
    border-bottom: 1px solid #2e2e2e !important;
}
.ticketsHolder .showing {
    background: #11121400 !important;
    color: #9b9b9bdd;
}
.eachTicket {
    box-shadow: 1px 1px 7px 1px #0c0c0c7a !important;
}
.ticketHeader {
    background: #1b1b1b !important;
}
.ticketHeader h3 {
    border-bottom: 1px dotted #505050 !important;
    color: #cdc7c7 !important;
}
.ticketMeta {
    background: #1b1b1b !important;
}
.details .innerWrapper {
    box-shadow: 1px 1px 7px 1px #0000009e !important;
    background: #111214 !important;
}
.ticketHeader .status {
    border: 1px solid #464646 !important;
}
.ticketHeader h3 .department {
    background: #0c0c0d !important;
}
.ticketForm .newTicket {
    background: #1b1b1b !important;
}
.newTicket label {
    color: #b3b3b3 !important;
}
.newTicket .inputHolder > i {
    border: 1px solid #262626 !important;
    background: #111214 !important;
    color: #959595 !important;
}
.inputHolder.flex input[type="text"], .inputHolder.flex input[type="password"], .inputHolder.flex input[type="email"] {
    border: 1px solid #262626 !important;
    background-color: transparent !important;
}
textarea.ticketQueryTextArea {
    border: 1px solid #262626 !important;
    background-color: transparent;
}
.partialHolder h2:before {
    background: #3c3c3c !important;
}
.ticketBody {
    background: #212429 !important;
}
.ticketBody .query .content {
    background: #1b1b1b94 !important;
    border-bottom: 2px solid #0c0d0e !important;
    color: #b7b7b7 !important;
}
.ticketBody .query .content:before, .ticketBody .query .content:after {
    content: '';
    border-bottom: 8px solid #1b1b1b !important;
}
.assigner {
    background: #fff0 !important;
    box-shadow: 1px 1px 12px 2px #00000040 !important;
}
.presetTopics {
    border: 1px solid #262626 !important;
    background: #181818 !important;
}
.eachTopic {
    border-bottom: 1px dotted #404040 !important;
    background: #181818 !important;
}
.presetTopics .eachTopic:not(.subTopic) {
    color: #bfbfbf !important;
}
.eachTopic h5 {
    color: #bfbfbf !important;
}
.subTopicContainer {
    background: #181818 !important;
    border-top: 1px dotted #4c4848 !important;
}
.eachTopic.subTopic h5 {
    border-bottom:1px dotted #4c4848 !important;
}
.supportConfiguration .configurationBody {
    background: #1b1b1b !important;
}
.supportConfiguration .navItem.active {
    color: #337ab7 !important;
}
.supportConfiguration .navItem.active i {
    color: #337ab7 !important;
}
.configurationBody .panel h3 {
    color: #d7dce1 !important;
}
.agentData {
    border: 1px solid #464646 !important;
}
.agentData .headerData {
    background: #1b1b1b !important;
    border-bottom: 1px solid #464646 !important;
}
.agentData .headerData h4 {
    color: #36c6d3 !important;
}
.agentData .actions {
    background: #1b1b1b !important;
    border-bottom: 1px solid #464646 !important;
}
.agentData .bodyData {
    background: #1b1b1b !important;
}
.agentData .bodyData .eachData label {
    color: #a3a1a1 !important;
}
.agentData .bodyData .eachData span {
    color: #dfd1d1 !important;
}
.agentData .actions span.editAgent {
    color: #5c9bd1 !important;
}
.agentData .actions span.deleteAgent{
    color: #e43a45 !important;
}
.supportConfiguration .configurationBody .formHolder form {
    background: #1b1b1b !important;
    border: 1px solid #383838 !important;
}
.configurationBody .panel {
    border-left: 1px dotted #3c3c3c !important;
}
.eachDept.active {
    color: #8775a7 !important;
}
.paginationMeta {
    background: #1b1b1b !important;
    color: #7d7979;
}
.topicHeader {
    border: 1px solid #5a5a5a !important;
}
.knowledgeBaseHolder {
    background: #1e1e1e !important;
    border-bottom: 1px solid #3e3e3e !important;
}
.knowledgeBaseList .itemGroup {
    background: #1b1b1b00 !important;
    /* box-shadow: 0px 2px 9px #ddd; */
    border: 1px solid #404040 !important;
}
.knowledgeBaseList .knowledge .kb_header span.icon {
    border-right: 1px solid #404040 !important;
    color: #a59c9c !important;
    background: #1e1e1e03 !important;
}
.Tab-Wrapper .tab-content input {
    border: solid 1px #262729 !important;
    background-color: transparent !important;
}
.Tab-Wrapper ul.nav.nav-pills li.active a, .Tab-Wrapper ul.nav.nav-pills li a:hover {
    background-color: #0c0c0d !important;
    border: solid 1px #383838 !important;
}
.Tab-Wrapper ul.nav.nav-pills li a {
    border: solid 1px #383838 !important;
}
.agent.active span.agentId {
    color: #8775a7 !important;
}
.agent.active h4 {
    color: #8775a7 !important;
}
.deptBody {
    background: #1b1b1b !important;
    border: 1px solid #1b1b1b !important;
}
.department .deptBody:before {
    border-bottom: 5px solid #1b1b1b !important;
}
.deptBody .actions {
    color: #ddd6d6 !important;
    border-top: 1px solid #343434 !important;
    background: #1b1b1b !important;
}

/***** package *****/
.pricing-content-2 {
    background-color: #212429 !important;
}
.pricing-content-2 .pricing-table-container .price-column-container {
    background-color: #1b1b1b !important;
}
.portlet.light.bordered {
    border: 1px solid #3d3f40 !important;
}
.packageTable.table-responsive {
    border: 1px solid #3e3f43 !important;
}
.moreDetails {
    border-top: 1px dotted #4c4a4a !important;
}
.packageRow.row .eachDetail .value {
    color: #22efc5 !important;
}
.row.packageWrapper .portlet.light.bordered, .row.fieldsWraper .portlet.light.bordered {
    border: 1px solid #3d3f40!important;
}
button.btn.dark.ladda-button.packageSubmit {
    color: #FFFFFF;
    background-color: #1bbc9b;
    border-color: #26c281;
}

/***** custom field *****/

.panel {
    background-color: #212429 !important;
    border: 1px solid #3d3f40 !important;
}
h4.tagTitle.panel-title {
    background: #1e1e1e !important;
    border-bottom: 1px solid #3e3f43 !important;
    color: #ffff;
}
.panel-default>.panel-heading {
    color: #f5f5f5 !important;
    background-color: #212329 !important;
}
.panel-group .panel-heading+.panel-collapse>.list-group, .panel-group .panel-heading+.panel-collapse>.panel-body {
    border-top: 1px solid #505050 !important;
}
h4.panel-title span.parent {
    background: #323232 !important;
}
.innerOption input[type="text"], form.configFieldForm .eachField textarea, form.configFieldForm .eachField input, form.configFieldForm .eachField select, form.configTagForm .eachField textarea, form.configTagForm .eachField input, form.configTagForm .eachField select, form.configGroupForm .eachField textarea, form.configGroupForm .eachField select, form.configGroupForm .eachField input {
    border: 1px solid #3a3a3a !important;
    background-color: transparent;
}
.actions a.btn.btn-circle.btn-default {
    border: 1px solid #606060 !important;
    color: #8b8b8b !important;
    background: #337ab700 !important;
}

.innerIconWrap {
    background: #e7ecf100 !important;
    border: solid 1px #3a3a3a;
}
span.slug {
    background: #323232 !important;
    color: #d7d7d7 !important;
}


/**** PACKAGE UPGRADE ****/
.row .portlet.light.bordered {
    border: 1px solid #3e4043!important;
}
.form .form-actions, .portlet-form .form-actions {
    border-top: 1px solid #3e4043 !important;
}
/**** user profile ****/

.printUser-profileWrapper .leftSide {
    background-color: #111214 !important;
    border: solid 1px #202529;
}

.printUser-profileWrapper .leftSide .innerLine {
    color: #eee !important;
}

.printUser-profileWrapper .leftSide .innerLine label {
    color: #9f9f9f !important;
}

.printUser-profileWrapper .leftSide .innerLine span {
    color: #cbcbcb !important;
}

.page-content-wrapper .page-content .userProfile .printUser-profileWrapper .rightSide {
    background-color: #111214 !important;
    border: solid 1px #202529;
}
.printUser-profileWrapper.content .rightSide .row.walletInfo .commissions label {
    color: #5C9BD1;
}
.blockUsersForm form.blockUserForm {
    border: solid 1px #343434 !important;
    border-bottom: solid 3px #343434 !important;
}
form.filterForm .row.businessInnerTop {
    background-color: #eaf4f500 !important;
    border: solid 1px #dff5f726 !important;
}
/***** file center *****/

.page-content-wrapper .page-content .row.KycWrapper .filters.row .eachFilter input[type=text] {
    border: 1px solid #343434 !important;
}
.select2-container--bootstrap .select2-selection--multiple .select2-selection__choice {
    color: #BAB7B7 !important;
    background: #484848 !important;
    border: 1px solid #656565 !important;
}

.fileUploadForm .form-group .thumbnail {
    background-color: #fff0 !important;
    border: 1px solid #343434 !important;
}
.fileUploadForm {}
span.removeAttachment {
    color: #F99D9D !important;
}

.fileUploadForm .form-group .thumbnail {
    background-color: #fff0 !important;
    border: 1px solid #343434 !important;
}
.fileUploadForm {}
span.removeAttachment {
    color: #F99D9D !important;
}
button.btn.black.resetting {
    color: #FFFFFF;
    background-color: #3D3D3D;
    border-color: #333333;
}
button.btn.dark.addFaq {
    color: #FFFFFF;
    background-color: #8775A7;
    border-color: #8775A7;
}
.faqTab-Wrapper ul.nav.nav-pills li.active a {
    background-color: #383535 !important;
    border: solid 1px #383838 !important;
}

.faqTab-Wrapper ul.nav.nav-pills li a {
    border: solid 1px #383838 !important;
}
/*.nav>li>a:focus, .nav>li>a:hover {*/
/*    background-color: #000000 !important;*/
/*}*/

/***** event *****/
.eventForm .row.fieldHolder.flex label {
    color: #909090;
}
.eventForm .row.fieldHolder.flex
.inputHolder.flex {}
.eventForm .row.fieldHolder.flex .inputHolder.flex .form-control {
    border: 1px solid #484848 !important;
}
.fieldHolder.flex .inputHolder i {
    background: #212529;
    border: 1px solid #484848;
}
.eventForm .fieldHolder.flex .inputHolder input.dateTime {
    background-color: transparent;
    border: 1px solid #484848;
}
.datetimepicker table tr td span {
    color: #eee !important;
}
.datetimepicker table tr td span:hover {
    background: #717171 !important;
}
.datetimepicker table td {
    color: #fff !important;
}
.datetimepicker table tr td.day:hover {
    background: #585858 !important;
}
.eventFilters h4.caption {
    color: #ddd !important;
}
.row.eventListWrapper {
    border: solid 1px #3e4043 !important;
    margin: 0px;
}
.eventFilters h4.caption {
    border-bottom: solid 1px #646464 !important;
}
.btn-group.calenderListButton button.sort.btn.btn-primary {background-color: #010101 !important;color: #cacaca !important;border-color: #646464;}
.btn-group.calenderListButton button.sort.btn.btn-primary:hover {
    background-color: #444545 !important;
    color: #ffffff !important;
}
.row.form-group button.btn.green.ladda-button.saveEvent {
    color: #FFF;
    background-color: #1bbc9b !important;
    border-color: #2ab4c0 !important;
}
.fieldHolder.flex .inputHolder i {
    background-color: transparent !important;
    border: 1px solid #484848 !important;
}
.fc .fc-button-primary {
    background-color: transparent !important;
    color: #eee !important;
    border-color: #3d3f40 !important;
}
.eventFilters .filters.row {
    background-color: transparent !important;
    border-bottom: 0px !important;
}
.eventFilters .filters.row {
    background-color: transparent !important;
    border-bottom: 0px !important;
}

.fc-theme-standard td, .fc-theme-standard th {
    border: solid 1px #3e4043 !important;
    color: #eee !important;
}

.eventCalendar .fc-theme-standard .fc-scrollgrid {
    border: solid 1px #3e4043;
    border-bottom: 0px !important;
}

.fc .fc-day-other .fc-daygrid-day-top a {
    color: #fff !important;
}
.daterangepicker .calendar-table {
    background-color: transparent !important;
    border: 1px solid #343434 !important;
}

.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
    color: #ffffff !important;
    background: #1b1b1c00 !important;
    opacity: 0.3 !important;
}

.daterangepicker td.available:hover, .daterangepicker th.available:hover {
    background-color: #4e4b4b !important;
}
.daterangepicker .input-mini {
    background-color: transparent !important;
    color: #fff !important;
    border: 1px solid #343434 !important;
}
.noteFounded {
    border: dotted 1px #595959 !important;
}
/**** document ****/

.docForm .row.documentForm .filters.row {
    background-color: transparent !important;
}

/****** kyc ****/
.row.eachKycRow {
    background-color: #1a1c21 !important;
    border: solid 1px #3d3f40 !important;
}
.row.eachKycRow .kycPending {
    border-left: solid 3px #dd9509 !important;
}
.row.eachKycRow .caption h3 {
    color: #f7f7f7 !important;
}

.row.eachKycRow .caption p {
    color: #c5c5c5 !important;
}

.kycImagePortion {
    border: solid 1px #343434 !important;
    background-color: #1c1c1c !important;
}
.note.noteKyc {
    background-color: #404040 !important;
    border: solid 1px #5c5a5a;
    border-left: solid 3px #d29b6d !important;
}
.row.eachKycRow .caption h3 i {
    color: #615e5e !important;
}
.commissionGraphHolder g.highcharts-legend-item text {
    fill: #fff !important;
    color: #fff !important;
}
.row .confiqNote {
    margin: 0px;
    border: solid 1px #543803 !important;
    border-left: solid 3px #d18905 !important;
    background-color: #402b04 !important;
}
.kycHistoryDiv ul li label {
    color: #b1adad !important;
    font-weight: 300;
}

#eazysignup-form button.btn.dark.btnRegister.ladda-button {
    background-color: #32c5d2 !important;
}
.successWrappper {
    border: solid 1px #545454 !important;
    background: #202020 !important;
    color: #26c281 !important;
}
.kycModal .modal.fade.in {
    background-color: #000000c9;
}
.kycDocsTable .panel-heading {
    background-color: #111214 !important;
    border-color: #3a3939 !important;
    color: #ffffff !important;
}
.kycDocsTable .actions .dropdown-menu>li:hover>a {
    background-color: #343434;
    color: #eee;
}
.row.kycSettingsWrapper .row.moduleConfig.Kyc .panel-heading span.caption-subject.font-blue-madison.bold.uppercase {
    color: #ffffff !important;
}
button.btn.btn-transparent.backtoKycTable {
    color: #FFFFFF !important;
    background-color: #232323 !important;
    border-color: #333333 !important;
}
.kycDocsTable .panel-heading span.caption-subject.bold.uppercase {
    color: #eee !important;
}
/**** investment ****/

.row.investmentWrapper .gatewayNavInner .paymentNavTab.active span.paymentLabel {
    color: #32c5d2 !important;
}
.row.investmentWrapper .gatewayNavInner .paymentNavTab.active span.paymentIco {
    color: #32c5d2 !important;
}
.row.investmentDetails {
    background-color: #121212 !important;
    border: solid 1px #4a4a4a !important;
}
.row.investmentDetails h3 {
    color: #e1e1e1 !important;
}
.row.investmentWrapper .successWrapper span button.btn.btn-default {
    background-color: #5c9bd1 !important;
    border-color: #5c9bd1 !important;
    color: #eee !important;
}
button.btn.btn-primary.payInvestment {
    background-color: #3265cf !important;
    color: #ffffff !important;
    border-color: #3a65bf !important;
}
button.btn.dangerButton.refundAllInvestments {
    background-color: #d5232d !important;
    color: #eee !important;
}
.investmentManager {
    background: #1a1d21 !important;
    box-shadow: 0px 2px 17px #101010 !important;
}
.investmentManager .navMenu.active {
    background: #000000 !important;
    border-left: 2px solid #1bbc9b !important;
    color: #ffffff;
}
.investmentManager .navMenu label {
    color: #fff !important;
}
.investmentManager .navMenu.active > i {
    color: #1bbc9b  !important;
}
.securityPinWrapper .innerWrap input[type="password"] {
    background-color: transparent !important;
    color: #eee !important;
}
/****** learning center ****/

textarea.content {
    background-color: transparent;
    border: solid 1px #343434 !important;
}
form.resourceForm input.form-control {
    border: solid 1px #343434 !important;
}
.note-editor.note-frame.panel.panel-default{
    border: solid 1px #343434 !important;
}

button.btn.dark.addResource.ladda-button {
    color: #FFFFFF;
    background-color: #337ab7;
    border-color: #337ab7;
}

button.btn.dark.addVolume.ladda-button {
    color: #FFFFFF;
    background-color: #32c5d2;
    border-color: #36c6d3;
}
.tabcontent.learningCategoryContent {
    background-color: #212529 !important;
    border: 1px solid #40474ef2 !important;
}

.tab.learningCategory button.active {
    background-color: #000000 !important;
    border-left: solid 3px #03A9F4;
    color: #eee !important;
}

.tab.learningCategory button {
    border-bottom: solid 1px #3e454c !important;
}

.tab.learningCategory button {
    background-color: #000 !important;
    color: #eee !important;
}

.row.categoryFiled {
    background-color: #000000 !important;
}

.tab.learningCategory button {
    border-left: solid 1px #3e454c !important;
}
.learningArticle h3 {
    color: #ffffff !important;
}

.learningArticle .exerpt {
    color: #36c6d3 !important;
}
.tab.learningCategory .row.categoryFiled {
    border-bottom: 1px solid #40474ef2 !important;
}
.tab.learningCategory button{
    border-bottom: 0px !important;
}
.learningArticle {
    border-bottom: solid 1px #3c434a !important;
}
.learningArticle .btn-default {
    background-color: #21252900;
}
.tab.learningCategory .row.categoryFiled button.btn {
    border-bottom: 0px !important;
}
.row.volumesInnerWrapper .volumeRight {
    background-color: #212529 !important;
    border: solid 1px #40474ef2 !important;
}
.volumeAttachments .item img {
    filter: invert(1) !important;
}
button.btn.dark.addCategory.ladda-button {color: #FFFFFF;background-color: #337ab7;border-color: #337ab7;}


/**** ad popup*****/
.row.addImg-Box {
    border: solid 1px #3e4043 !important;
}
.row.addImg-Box .imgAction button.btn {
    background-color: #000 !important;
    border: solid 1px #3d3b3b !important;
    color: #b4b5b6 !important;
}
.row.popup-addForm input.form-control {
    border: 1px solid #3d3f40 !important;
}
/**** NEWS*****/
.portlet.light.bordered.fieldWizard.newsManagerForm input, .portlet.light.bordered.fieldWizard.newsManagerForm textarea {
    border: 1px solid #484848 !important;
    background-color: transparent;
}
.newsForm .fieldHolder.flex label {
    color: #c4c4c4 !important;
}
.portlet.fieldWizard.newsManagerForm button.btn.black.resetForm {
    background-color: #000;
    border: solid 1px #404040;
    color: #fff;
}
.portlet.light.bordered.fieldWizard.newsManagerForm .hybridMLMPrettySwitch {
    background: #21252900 !important;
}
.noNewsFound {
    background-color: #212529 !important;
}
.userSideNews .newsWrapper {
    border: solid 1px #3e4043 !important;
    background-color: #212529 !important;
    border-left: solid 3px #4e4e4e !important;
    color: #eee !important;
}
.userSideNews .newsWrapper .newsBody .newsContent{
    color: #eee !important;
}
.userSideNews .newsWrapper .newsFooter {
    position: relative !important;
    left: 0 !important;
}
.newsletterListContainer .table-bordered, .newsletterListContainer .table-bordered>tbody>tr>td, .newsletterListContainer .table-bordered>tbody>tr>th, .newsletterListContainer .table-bordered>tfoot>tr>td, .newsletterListContainer .table-bordered>tfoot>tr>th, .newsletterListContainer .table-bordered>thead>tr>td, .newsletterListContainer .table-bordered>thead>tr>th {
    border: 1px solid #353535 !important;
}
.notificationInner_Wrapper {
    border: solid 1px #49494a !important;
    background-color: #1a1d21 !important;
}

/**** demo notification ****/
.hybridNotifyWrapper {
    background: #212529 !important;
    border: 1px solid #3d4247 !important;
    color: #eee !important;
    border-bottom: 2px solid #06b7df !important;
}
.hybridNotifyWrapper span.close {
    color: #ededed !important;
}
.hybridNotifyWrapper .head h3 {
    color: #dbdbdb !important;
}
.userJoiningsHolder .portlet.light.portlet-fit.userListPortlet .portlet-body {
    background: #212529 !important;
}
.hybridNotifyWrapper .content p {
    color: #bebebe !important;
}
.col-md-4.salesListHolder .listInner .saleList{
    color: #8775a7 !important;
    border-bottom: 1px solid #f1f1f138 !important;
}
g.highcharts-axis.highcharts-yaxis text.highcharts-axis-title {
    color: #eee !important;
    fill: #eee !important;
}
/***** income bar ****/
.row.incomBar-wrapper {
    background-color: #212529 !important;
    border: solid 1px #3d4247 !important;
    color: #eee !important;
}
.row.incomBar-wrapper h3 {
    color: #ededf2 !important;
}
.row.incomBar-wrapper .progress {
    background-color: #0f0f0f !important;
}

/***** business summer *****/
.portlet.light.userStatGraphPortlet .portlet-body.businessSummery .slide {
    box-shadow: 10px 10px 8px #333333;
    background-color: #1d2124 !important;
    border: solid 1px #3e4043 !important;
}

.portlet.light.userStatGraphPortlet .portlet-body.businessSummery .slide label {
    color: #eee !important;
}

.transactionHeader {
    background: #1A1D21 !important;
    border-bottom: 1px dotted #3D4043 !important;
}

.eachTransaction .transactionHeader .slno {
    color: #fff !important;
    background: rgb(54 54 54) !important;
}

.transactionHeader .txn .timeStamp {
    color: #FFFFFF !important;
    background: #4E4E4E !important;
}

.transactionHeader .operation {
    color: #86AA5C !important;
}

.transactionHeader .amount.credit {
    color: #11E119 !important;
}
.transactionsHolder {
    background: #1A1D21 !important;
}
.transactionBody .eachSection h3 {
    border-bottom: 1px dotted #3D4043  !important;
    color: #C9C9C9 !important;
}
.eachSection.mfkToggleWrap {}
.eachSection.mfkToggleWrap .toggleBody {
    color: #319A26 !important;
}
.transactionBody.toggleBody {
    border-bottom: 1px solid #6D6D6D !important;
}
.transactionBody.toggleBody .meta {
    border-right: 1px dashed #646566 !important;
}
.eachSection .total {
    color: #4CAF50  !important;
}
.transactionHeader .triggerWrap i {
    color: #A9A23E !important;
}
/*** crm ****/
.row.crm-gridWrapper .dashboard-stat2 {
    background-color: #212529 !important;
}

.row.crm-gridWrapper .col-lg-3.col-md-3.col-sm-6.col-xs-12 {
    border-right: solid 1px #21252900 !important;
}

.crmCalendar .header {
    background-color: #212529 !important;
    border-bottom: solid 1px #eeeeee3d;
}

.crmCalendar .header h1 {
    color: #fff;
}

.crmCalendar .week {
    background: #212529 !important;
}

.crmCalendar .day {
    background: #212529 !important;
}
.row.crm-gridWrapper .dashboard-stat2 .progress {
    background-color: #535353;
}
.row.crmTimeline {
    background-color: #212529 !important;
    border-bottom: solid 2px #212529 !important;
}

.crmStatus.list-separated.profile-stat {
    background-color: #212529 !important;
    border-bottom: 1px solid #242324 !important;
}
.row.crmActive-feedWrapper .crmActive {
    background-color: #212529 !important;
}

.profile-usermenu.crmSidemenu ul li.active {
    color: #CDDC39 !important;
    background-color: #000000 !important;
    border-left: 2px solid #CDDC39 !important;
}

.profile-usermenu.crmSidemenu ul li:hover {
    background-color: #000000 !important;
    color: #CDDC39 !important;
}

.row.crm-clock {
    background-color: #333736 !important;
}
.row.crmWrapper .table.table-light>tbody>tr>td {
    border-bottom: 1px solid #f2f5f81c !important;
}
.row.crmWrapper .table.table-light.table-hover>tbody>tr:hover>td, .row.crmWrapper .table.table-light.table-hover>tbody>tr>td:hover, .row.crmWrapper .table.table-light.table-hover>tbody>tr>th:hover {
    background: #212529!important;
}
.leadTop-graph.number-stats {
    background-color: #212529 !important;
}

.row.crmLead-Left {}

.row.crmLead-Left a.dashboard-stat.dashboard-stat-v2.white {
    background-color: #212529 !important;
    border: solid 1px #3e4043 !important;
}

.invoiceTable .caption.invoiceGrid {
    background-color: #000000 !important;
    border: dotted 1px #444444 !important;
}

.invoiceTable .form-control {
    border: 1px solid #3e4043 !important;
}

.row.subscribeGrid .widget-thumb.widget-bg-color-white.bordered {
    border: 1px solid #3e4043 !important;
    background: #333736 !important;
}

.profile-content.crm-Rightwrapper {}

.profile-content.crm-Rightwrapper .feeds li {
    background-color: #333736 !important;
    color: #bdcbd0 !important;
}

.profile-content.crm-Rightwrapper .portlet.light.portlet-fit.bordered.newsletterWrapper {}

.profile-content.crm-Rightwrapper .portlet.light.portlet-fit.bordered.newsletterWrapper table.body {
    background-color: transparent !important;
}

.content {
}

.profile-content.crm-Rightwrapper .portlet.light.portlet-fit.bordered.newsletterWrapper table.body td.container {
    background-color: transparent !important;
    color: #eee !important;
}

.profile-content.crm-Rightwrapper .portlet.light.portlet-fit.bordered.newsletterWrapper table.body td.container table.main {
    background-color: transparent !important;
    color: #eee !important;
}

.profile-content.crm-Rightwrapper .portlet.light.portlet-fit.bordered.newsletterWrapper table.body td.container table.main td.wrapper {
    color: #eee !important;
}

.profile-content.crm-Rightwrapper .portlet.light.portlet-fit.bordered.newsletterWrapper table.body td.container table.main table {
    color: #eee !important;
}

.newsletter button.btn {
    background-color: transparent !important;
    border: solid 1px #555 !important;
}

.col-sm-12.portletHousing.subscriberList {}

.col-sm-12.portletHousing.subscriberList .input-group.stylish-input-group .form-control {
    border: 1px solid #3e4043 !important;
}

.col-sm-12.portletHousing.subscriberList .input-group.stylish-input-group
span.input-group-addon {
    background-color: #333736 !important;
}

.emailBroadcaster {
    background: #212529 !important;
}

.mailLetter.minimized .letterHeader {
    background: transparent !important;
}

.emailBroadcaster .userContainer {
    border: 1px solid #5a5a5a00 !important;
}

.row.taskWarapper {}

.row.taskWarapper .taskGrid-box {
    background-color: #212529;
    border: solid 1px #3e4043;
}

.row.taskWarapper .taskGrid-box .progress-bar.progress-bar-danger {
    background-color: #81bceb;
}

.row.taskWarapper .taskGrid-box .progress {
    background-color: #363636 !important;
}

.row.taskTable {}

.row.taskTable .taskPartialWrapper {}

.row.taskTable .taskPartialWrapper table.table {
    background-color: transparent !important;
}
.row.crmActive-feedWrapper .crmActive label.btn.btn-transparent.grey-salsa {
    background-color: transparent !important;
    border: solid 1px #4c4b4b !important;
}
/* last logg */
.lastLogg {
    color: #e6e6e6;
    border: solid 1px #2f2f2f !important;
    margin: 25px 10px;
    /* padding: 5px; */
    background-color: #1a1d21 !important;
    width: 93%;
    float: left;
    display: block;
}

.lastLogg .icon {
    float: left;
    display: inline-block;
    height: 40px;
    background-color: #2f2f2f !important;
    padding: 8px 5px;
    font-size: 18px;
    color: #eee !important;
}

.lastLogg .lastDetail {
    float: left;
    height: 40px;
    padding: 2px 8px;
    font-size: 11px;
}

.lastLogg .lastDetail span {
    display: block;
}

.lastLogg label {
    font-size: 10px;
    float: left;
    padding: 5px 5px;
    color: #e6e3e38c !important;
    font-weight: 500;
    border-right: solid 1px #dddddd47 !important;
    margin: 7px 0px;
}

/**** time & clock style ****/

li.timePieceHolder .month {
    border-top-left-radius: 4px !important;
    background: #2f2f2f !important;
    color: #e0dede !important;
}

li.timePieceHolder .month span {
    color: #b3b3b3 !important;
}
li.timePieceHolder .icon {
    color: #eee !important;
    background: #2f2f2f !important;
}

li.timePieceHolder .icon .day {
    color: #dedede !important;
}
.local.timePiece {
    background: #1b1b1b !important;
}
.timePiece > .tag {
    color: #b7b3b3 !important;
}

li.timePieceHolder .icon {
    color: #eee !important;
    background: #2f2f2f !important;
}

li.timePieceHolder .icon .day {
    color: #dedede !important;
}
.timePiece .innerContainer {
    color: #eee !important;
}
.server.timePiece {
    background: #1b1b1b !important;
}
.expanseCatBlock {
    border: solid 1px #3E4043 !important;
    background-color: #2D3135 !important;
}
span.expanseEdit, span.expanseDelete {
    background-color: #424242 !important;
}
.expanseCatBlock .progress {
    background-color: #575A5C !important;
    border-radius: 10px !important;
}
.expensePartialWrapper table.table {
    background-color: #2D3135 !important;
    color: #eee;
}
.row.lead-viewFormWrapper .row.lead-viewFormWrapper .form-group .form-control {
    border-bottom: 1px solid #393939 !important;
}
.row.lead-viewFormWrapper.expenseForm .form-control {
    border-bottom: 1px solid #393939 !important;
}
.expensePartialWrapper .row.lead-viewFormWrapper span.select2-selection {
    border-bottom: 1px solid #393939 !important;
}
.invoiceTable table.table {
    background-color: #2D3135 !important;
    color: #eee;
}
.invoiceTable .table {
    border-top: solid 2px #4A4A4A;
}
.invoicePartialWrapper .invoiceFormWrapper .form-group .form-control {
    border-bottom: 1px solid #393939 !important;
}
.invoicePartialWrapper .invoiceFormWrapper span.select2-selection {
    border-bottom: 1px solid #393939 !important;
}
.invoiceFormWrapper table td input.form-control {
    border: solid 1px #464545 !important;
}
.invoiceFormWrapper button#add_row {
    background-color: #00BCD4;
    color: #fff;
    border: solid 1px #00BCD4;
}
.invoiceFormWrapper button#delete_row {
    background-color: #F44336;
    color: #fff;
    border: solid 1px #F44336;
}
.invoicePartialWrapper .invoice.divToPrint {
    background-color: #212529 !important;
}
.invoicePartialWrapper .invoice.divToPrint table tr th, .invoicePartialWrapper .invoice.divToPrint table tr td {
    background-color: #2E3337 !important;
    border-bottom: 1px solid #fff0 !important;
}
.row.lead-viewFormWrapper.leadUpdateForm .form-control {
    border-bottom: 1px solid #393939 !important;
}
.row.lead-viewFormWrapper.leadUpdateForm span.select2-selection {
    border-bottom: 1px solid #393939 !important;
}

/**** e-pin ****/

.filterInner .ico {
    background: #343434 !important;
}
.epinFormWrap .eachField input {
    border: 1px solid #343434 !important;
    background-color: transparent !important;
    color: #eee !important;
}
.epinFormWrap .eachField .col-md-8 i {
    background: #343434;
    color: #eee;
}
h3.epinKey {
    color: #eee !important;
}
.epinGrid .epinWrapper span.epinAmount {
    color: #4CAF50 !important;
}
.epinGrid .epinButtons .btn.btn-outline.blue {
    border-color: #FFC107 !important;
    color: #FFC107 !important;
}
.epinGrid .epinButtons .btn.btn-outline.blue:hover {
    border-color: #FFC107 !important;
    color: #FFF !important;
    background-color: #FFC107 !important;
}
.epinTable button.btn {
    border: solid 1px #4E4E4E !important;
    background-color: transparent;
    color: #C6C6C6 !important;

}

.epinFormWrap .eachField .col-md-8 i {
    background: #343434 !important;
    color: #eee !important;
}

/***** employee ****/
.employeeWrapper .employeeListWrapper .statistics {
    background: #212529 !important;
}
.employeeListWrapper .firstColumn .colInner {
    background: #212429 !important;
    border: 1px solid #323232 !important;
}
.employeeListWrapper .statistics .icon i {
    color: #eee !important;
}
.employeeListWrapper .statistics h2 {
    color: #FFFFFF !important;
}
.employeeListWrapper .statistics h2 span {
    color: #03A9F4 !important;
}
.employeeListWrapper .statistics h4 span {
    color: #03A9F4 !important;
}
.employeeListWrapper .statistics h4 {
    color: #ffff !important;
}
.employeeListWrapper .filterWrap {
    background: #212529 !important;
}
.employeeListWrapper .filterWrap h3 {
    color: #fff !important;
}
.fieldHolder.flex label {
    color: #eee !important;
}
.employeeContainer {
    background: #212529 !important;
    border: 1px solid #323232 !important;
}
.employeeContainer > h2 {
    border-bottom: 1px solid #878787 !important;
    color: #fff !important;
}
.employeeContainer .list .employee {
    border-bottom: 1px dotted #A0A0A0;
}
.employeeContainer .list {
    border-right: 1px dotted #A0A0A0 !important;
}
.list .employee h3 {
    color: #eee !important;
}
.viewCard {}
.viewCard .cardHeader {
    color: #fff !important;
}
.viewCard .cardHeader .designation {
    color: #2196F3 !important;
}
.viewCard .cardBody .detail {
    border-bottom: 1px dashed #6D6D6D !important;
}
.viewCard .cardBody span {
    color: #eee !important;
}
.designationForm, .employeeForm {
    background: #212529 !important;
    border-top: 1px solid #323232 !important;
}
.fieldHolder.flex .inputHolder input[type="text"], .fieldHolder.flex .inputHolder select, .fieldHolder.flex .inputHolder input.form-control, .fieldHolder.flex .inputHolder input {
    border: 1px solid #323232 !important;
    background-color: transparent !important;
    color: #eee !important;
}
.fieldHolder.flex .inputHolder input.form-control {}
.employeeContainer .viewCard .cardHeader .emProfile-edit {
    color: #BCE1F9 !important;
}
.list .employee.active .id {
    color: #D6D6D6 !important;
}
/**** Support System ****/

.topicBody {
    background: #212429 !important;
    border: 1px solid #353535 !important;
}

.topicDescription {
    background: #181818 !important;
    border: 1px solid #444 !important;
}
.topicDescription:before {
    border-bottom: 5px solid #444444 !important;
}
.topicDescription:before, .topicDescription:after{
    border-bottom: 5px solid #444444 !important;
}
.icon_font_holder {
    background: #1b1b1b !important;
    border: solid 1px #383838;
    color: #eee !important;
}

/**** learning center *****/

.tab-content-wrapper {
    background: #111214 !important;
    border-top: #353535 1px solid !important;
}

.row.LearningCenterWrapper .portlet.light {
    border: solid 1px #3c3c3c !important;
    box-shadow: 2px 4px 10px 0px #343434 !important;
}

.learningTabsOuter .tabs > label {
    background-color: #111214 !important;
    color: #eee !important;
    border: solid 1px #3f3f3f !important;
}
#tab1:checked + label, #tab2:checked + label, #tab3:checked + label, #tab4:checked + label {
    background: #3F51B5 !important;
    color: #FFFFFF !important;
}

.row.learningTabs-Wrapper .learningTabsOuter .tabs {
    border: solid 1px #393939 !important;
}

.row.attachmentTypesWrapper .typesGrid {
    border: solid 1px #2f2f2f !important;
    background-color: #000000 !important;
    box-shadow: 2px 4px 10px 0px #323232 !important;
}

.row.attachmentTypesWrapper .typesGrid img {
    filter: invert(1);
}

.row.searchSection .search-box {
    background: #fff0 !important;
    border: 1px solid #393939 !important;
}

.noteDataFounded h3 {
    top: -10px !important;
}
.filterSection .panel-default>.panel-heading a[aria-expanded="true"] {
    background-color: #212529 !important;
    color: #cbcbcb !important;
}

.filterSection .panel-group .panel-body label {
    color: #ddd !important;
    border-bottom: solid 1px #444141 !important;
}

.filterSection .panel-group h4.panel-title {
    color: #eee !important;
}

/******* head dropdown *******/

.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-menu > li > a {
    color: #eee !important;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-menu > li > a:hover {
    background-color: #000000 !important;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-menu > li.divider {
    background-color: #424242 !important;
    margin: 0px !important;
}

/**** member managment ****/

.advSearchResult {
    background-color: #1a1d21 !important;
    border: 1px solid #262829;
}

.advSearchResult .setHolder .resultSet {
    border: 1px solid #25282b !important;
    background: #25282b !important;
}

.advSearchResult .setHolder .resultSet .headerData {
    border-bottom: 1px solid #3a3b3b !important;
}

.advSearchResult .resultSet .eachData {
    border-bottom: 1px solid #3a3b3b !important;
}

.setHolder .resultSet .headerData .data .username {
}
.advSearchResult {
    background-color: #1a1d21 !important;
    border: 1px solid #262829;
}

.setHolder .resultSet {
    border: 1px solid #25282b !important;
    background: #25282b !important;
}

.setHolder .resultSet .headerData {
    border-bottom: 1px solid #3a3b3b !important;
}

.resultSet .eachData {
    border-bottom: 1px solid #3a3b3b;
}

.setHolder .resultSet .headerData .data .username {
}

.commissionWrapper.row {}

.commissionWrapper.row .managementNav {}

.commissionWrapper.row .managementNav .eachCommission.active {
    background: #111214 !important;
    border: 1px solid #262829 !important;
    color: #8BC34A !important;
}

.commissionWrapper.row .managementNav .eachCommission {
    border: 1px solid #d9d9d930;
    background: #1a1d21;
    border-right: none;
    color: #e9e9e9;
}

.commissionWrapper.row .commissionHolder {
    border: 1px solid #3e4044 !important;
}

.commissionWrapper.row .eachCommission.active:before {
    background: #8BC34A !important;
}

.commissionWrapper.row .commissionHolder .commissionPanel .section h4 {
    border-bottom: 1px solid #3e4044 !important;
    color: #8BC34A  !important;
}

.commissionWrapper.row .commissionHolder .commissionPanel .stats > div {
    border: 1px solid #3e4044 !important;
    color: #cecece !important;
}

.commissionWrapper.row .commissionHolder .commissionPanel .stats > div span {
    color: #4CAF50 !important;
}

.commissionWrapper.row .commissionHolder .commissionPanel .stats > div i.txnId {
    color: #ffffff !important;
}
.kycNoteFound {
    border: dotted 1px #3d3f40 !important;
    background-color: #1a1d21 !important;
}

.kycNoteFound h3 {
    color: #ddd !important;
}

.idCardWrapper.frontView {
    border-top: solid 5px #36c6d3 !important;
}

.idCardWrapper.frontView::before {
    background-color: #1a1d21d9 !important;
}

.idUserDetails h3.userName {
    color: #36c6d3 !important;
}

.idCardWrapper.backView {
    border-top: solid 5px #36c6d3 !important;
}

.idCardWrapper.backView::before {
    content: " ";
    background-color: #393c3f !important;
}
.memberNav .navCard .headerDetails label.username {
    color: #36c6d3 !important;
}

/*** user migration ***/
.side-content.migrtionLeft .bs-vertical-wizard {
    border-right: 1px solid #404040 !important;
}
.side-content.migrtionLeft .bs-vertical-wizard li.current {
    background-color: #3A3939 !important;
}
.side-content.migrtionLeft .bs-vertical-wizard li.current a {
    color: #eee !important;
}
.side-content.migrtionLeft .bs-vertical-wizard li a {
    color: #eee !important;
}
.side-content.migrtionLeft .bs-vertical-wizard ul > li.current:after {
    border-left-color: #3a3939 !important;
}
.migrationPartialContainer .sample {
    color: #fffdfd !important;
    background: #1a1d21 !important;
}

.migrationPartialContainer .dropzone.dropExcel.dz-clickable {
    background-color: transparent !important;
    border: 2px dashed #333539 !important;
}
.migrationPartialContainer span.removeAttachment {
    background: #e24e4e !important;
    border: 1px solid #dd5d5d !important;
    color: #fff !important;
}

/**** payout css  ***/
.portlet.light>.portlet-title>.caption {
    color: #f9f9f9 !important;
}
.payoutNav .singleNav {
    border: 1px solid #212429 !important;
    background: #111214 !important;
}
.payoutBetaWrapper .userPayoutBox {
    background: #212429 !important;
    box-shadow: 1px 1px 27px #212429 !important;
}
.userPayoutBox > h3 {
    color: #f4f4f4 !important;
}
.payoutBetaWrapper .userPayoutBox .navWrapper ul.nav.nav-pills li.active a {
    background-color: #111214 !important;
}
.payoutBetaWrapper .userPayoutBox .navWrapper ul.nav.nav-pills li a {
    background-color: #1a1d21 !important;
    color: #ffffff !important;
}
.payoutRight-wrapper .panelInner {
    background: #111214 !important;
    border: 1px solid #323232 !important;
}
.payoutRight-wrapper .panelInner h3.title {
    color: #eeecec !important;
}
button.btn.primaryButton.filterRequest {
    color: #FFFFFF;
    background-color: #232323;
    border-color: #333333;
}

button.btn.primaryButton.filterRequest:hover {
    color: #FFFFFF;
    background-color: #000000;
    border-color: #1b1b1b;
}

button.btn.secondaryButton.clearFilter.ladda-button:hover {
    color: #FFFFFF;
    background-color: #000000;
}

button.btn.secondaryButton.clearFilter.ladda-button {
    color: #FFF !important;
    background-color: #383838;
    border-color: #333333;
}
.daterangepicker td.in-range {
    background: rgb(42 43 44) !important;
    border-radius: 0px;
}
.transactionPassChanger .modes .mode.active {
    color: #ffffff !important;
    border-bottom: 2px solid #e7db50 !important;
}
.transactionPassChanger .modeActions .action button {
    background-color: #1a1d21 !important;
    border: solid 1px #464a50  !important;
    color: #fff;
}

/*** user login ****/
.user-login-5 .login-container > .login-content button.btn.primaryButton.ladda-button.loggMe {
    background-color: #222;
    color: #fff;
    border: solid 1px #222222;
}

.user-login-5 .login-container > .login-content button.btn.primaryButton.ladda-button.loggMe:hover {
    background-color: #000000;
    color: #fff;
}

.login .content .form-actions {
     border-bottom: 0px solid #333333 !important;
}
body.login {
    background-color: #000000 !important;
}
.login .content h3, .login .content h4 {
    color: #f0f0f0 !important;
}
body .login .content label,body .login .content p {
    color: #919191 !important;
}
.btn.dark:not(.btn-outline) {
    color: #FFFFFF !important;
    background-color: #232323 !important;
    border-color: #333333 !important;
}

.btn.dark:not(.btn-outline):hover {
    color: #FFFFFF !important;
    background-color: #000000 !important;
    border-color: #1b1b1b !important;F
}
.content.user-login .user-login-5 .login-container > .login-content > h1 {
    color: #fff !important;
}
body .login#user-login .content label,body .login#user-login .content p {
    color: #c9dce9 !important;
}
.user-login-5 .login-container > .login-content > .login-form .forgot-password > a {
    color: #a4aab2 !important;
}
.login#user-login .content .create-account p {
    color: #c9dce9 !important;
}
.login#user-login .content .create-account p a {
    font-weight: 600;
    color: #fff !important;
}
.btn-group.localSwitcher a.btn.btn-default {
    color: #fff !important;
    background-color: #080808 !important;
    border-color: #3a3a3a !important;
}
.login.standard-login .content h3, .login .content h4, .font-green {
    color: #fff !important;
}

.requestPassWrap {
    background: transparent !important;
    padding: 15px;
}
/***** dashboard box ****/
.dashboard-stat2 .display .icon>i {
    color: #e9b337 !important;
   /* color: #97d523 !important;*/
    font-size: 26px;
}
h3.font-blue-sharp, h3.font-blue-sharp {
   /* color: #fff !important;*/
}
.dashboard-stat2 .display .number small {
    color: #fff !important;
   /* color: #e9b337 !important;*/
}

/**** faq *****/
.row.faqSection {
}

.row.faqSection .faq.bhoechie-tab-container {
    background-color: #212529 !important;
    border: 1px solid #3e4043!important;
}

.row.faqSection .faqLeft.bhoechie-tab-menu {
    background-color: #202428 !important;
}

.faqLeft.bhoechie-tab-menu .list-group-item {
    background-color: #202327  !important;
}

.row.faqSection .faqLeft.bhoechie-tab-menu div.list-group > a.active, .row.faqSection .faqLeft.bhoechie-tab-menu div.list-group > a.active .glyphicon, .row.faqSection .faqLeft.bhoechie-tab-menu div.list-group > a.active .fa {
    background-color: #111214 !important;
    color: #eee  !important;
}

.row.faqSection .faqRight.bhoechie-tab-content {
    background-color: #202428 !important;
}

.row.faqSection .faqRight.bhoechie-tab-content h3 {
    border-bottom: dotted 1px #3e4043 !important;
    color: #ffffff !important;
}
.faqLeft.bhoechie-tab-menu:after {
    position: absolute;
    content: '';
    background: #31373d !important;
}
.FAQManager {
    background: #212529 !important;
    box-shadow: 0px 2px 8px #212529 !important;
}

.FAQManager h3 {
    color: #fff !important;
    border-bottom: solid 1px #3e4043 !important;
}

.FAQManager h3:before {
    background: #61ce70 !important;
}

.faqWrapper .faqQuestion h4 {
    color: #eee !important;;
    border-bottom: 1px dotted #626262 !important;
}

.faqQuestion h4 span.category {
    background-color: #d8e886 !important;
    color: #4a4949;
}

.faqWrapper .faqContents {
    border-right: 1px dashed #393939 !important;
}
.faqWrapper {}

.categoryWrapper .panel-heading, .faqWrapper .panel-heading {
    color: #ffffff !important;
    background-color: #111214 !important;
    border-color: #3e4043 !important;
}

.categoryWrapper .panel-heading span, .faqWrapper .panel-heading span {
    color: #e9e9e9 !important;
}

.categoryWrapper .panel-body.categoryForm, .faqWrapper .panel-body.faqForm {
    background-color: #111214 !important;
}
.faqQuestion .answer .answerBody {
    color: #c1bfbf !important;
}
.FAQManager button.btn.btn-circle.btn-outline.primaryButton.ladda-button {
    color: #ffffff;
    background-color: #232323;
    border-color: #333333;
}

.FAQManager button.btn.btn-circle.btn-outline.primaryButton.ladda-button.showFaq {
    color: #FFFFFF;
    background-color: #333;
    border-color: #333;
}

.faqWrapper button.btn.btn-transparent.backtoCategoryList, .faqWrapper button.btn.btn-transparent.backtoFaqList {
    background-color: #111214;
    border: solid 1px #3e4245;
}

.categoryWrapper button.btn.btn-transparent.backtoCategoryList, .categoryWrapper button.btn.btn-transparent.backtoFaqList {
    background-color: #111214;
    border: solid 1px #333739;
}

.categoryWrapper {}
.categoryWrapper .faqQuestion h4 {
    color: #eee !important;
    border-bottom: 1px dotted #626262 !important;
}
.categoryWrapper .faqContents {
    border-right: 1px dashed #e2e2e200 !important;
}


/***** button *****/
button.btn.button-submit {
    background-color: #28a74e !important;
    border: solid 1px #28a74e !important;
    color: #eee !important;
}

button.btn.resetForm {
    background-color: #111214 !important;
    border: solid 1px #484747 !important;
    color: #eee !important;
}
button.btn.saveCurrentModule.ladda-button {
    background-color: #28a74e !important;
    border: solid 1px #28a74e !important;
    color: #eee !important;
}

button.btn.backToModules {
    background-color: #111214 !important;
    border: solid 1px #484747 !important;
    color: #eee !important;
}
button.btn.primaryButton, a.btn.primaryButton {
    background-color: #383636 !important;
    border: solid 1px #5e6062 !important;
    color: #fff !important;
}

button.btn.primaryButton:hover, a.btn.secondaryButton.ladda-button.buttonCancel {
    background-color: #000000 !important;
    border: solid 1px #5e6062;
    color: #fff;
}
body.darkModeTheme button.btn.primaryButton.copyButton {
    background-color: #e9b337  !important;
    border: solid 1px #d9a631 !important;
    color: #fff !important;
}
body.darkModeTheme .userListPortlet .user .earning {
    float: right;
    color: #e9b337;
}
body.darkModeTheme .topSponsors span.referrals{
    background-color: #a5812f !important;
}
body.darkModeTheme .bodyData .eachSeries label {
    color: #f7f7f7;
}
.cronInfo h3 {
    color: #ffffff !important;
}

.loader {
    background-color: #2c2b2be6 !important;
}

.page-header-inner button.topMenuButton img {
    width: 25px;
    filter: contrast(0.1);
}

.page-header-inner button.topMenuButton {
    border: solid 1px #D6D6D6;
    border-radius: 4px !important;
}
input[type=checkbox], input[type=radio] {
    margin: 4px 5px 0px !important;
}
.hybridMLMPrettySwitch {
    background: #5c5a5a !important;
}
.hybridMLMPrettySwitch.active {
    background-color: transparent !important;
}

/*** secure password ***/
.securePassword-Validation {
    background: #000000 !important;
    font-size: .875em;
    box-shadow: 0 1px 3px #1a1a1a !important;
    border: 1px solid #424040 !important;
}

.securePassword-Validation h4 {
    color: #fff;
}

.securePassword-Validation::before {
    color: #4e4c4c !important;
}
/*** secure password end ***/

/*** account over ****/
.scoreBoard-Box .details h3 {
    color: #f3b33c !important;
}

.scoreBoard-Box .details label {
    color: #c3bfbf !important;
}

.scoreBoard-Box span.icon {
    color: #f3b33c !important;
}


/**** lock screen ****/
.lockscreen-item {
    background: #1a1d21 !important;
}

.lockscreen-wrapper .input-group-btn button.btn {
    background-color: #4caf50;
    color: #fff !important;
}

.lockscreen-wrapper .input-group-btn button.btn i {
    color: #fff !important;
}

.lockscreen-wrapper .input-group-btn {
}

.lockscreen-image {
    background: #484848 !important;
}

.cacheGraphHolder .highcharts-pie-series tspan {
    fill: #fff !important;
}

.page-quick-sidebar-wrapper .partialWrapper .partial {
    background: #212529 !important;
}
.cacheManager .btn-group.clearCache button.btn.red {
    background-color: #000000 !important;
    border-color: #000000 !important;
}
.cacheManager .stats {
    background: #3e4246 !important;
}

.login .content {
    background: #131313 !important;
    border-radius: 15px !important;
    border: solid 1px #1a1a1a !important;
    box-shadow: 1px 3px #181818 !important;
}
.login.standard-login a#forget-password {
    color: #a1b6d2 !important;
}

.login.standard-login a#forget-password {
    color: #a1b6d2 !important;
}
.login .content .create-account p a {
    color: #a1b6d2;
}
.alert-danger {
    background-color: #111214 !important;
}

.login-footer .login-copyright p {
    color: #fff !important;
}
/**** signUp single page design ****/
body.page-content-white.guestWrapper {
    background-color: #2A2E33 !important;
}

body.page-content-white.guestWrapper .row.registrationWrapper {
    background-color: #111214 !important;
}

body.page-content-white.guestWrapper header {
    background-color: #2a2e33 !important;
}
body.page-content-white.guestWrapper .row.registrationWrapper .portlet-body.form .form-wizard .tab-content label.control-label.col-md-3.col-sm-4 {
    color: #eee !important;
}
body.page-content-white.guestWrapper .row.registrationWrapper .portlet.light {
    background-color: #111214 !important;
}

body.page-content-white.guestWrapper .row.registrationWrapper .form-control {
    background-color: transparent !important;
    border: 1px solid #3e4043!important;
    color: #eee;
}

body.page-content-white.guestWrapper .row.registrationWrapper span.font-green {
    color: #e1e1e1 !important;
}

body.page-content-white.guestWrapper .row.registrationWrapper  .caption {
    color: #e1e1e1 !important;
}

body.page-content-white.guestWrapper .row.registrationWrapper .caption i {
    color: #e1e1e1 !important;
}

body.page-content-white.guestWrapper .row.registrationWrapper .portlet-title {
    border-bottom: 1px solid #3e4043 !important;
    /* border: 0px !important; */!i;!;
}
.registrationSuccess h2  {
    color: green !important;
}

.registrationSuccess h2 i {
    color: green !important;
}
.registrationSuccess p {
    color: #c9c2c2 !important;
}

.btn.secondaryButton:not(.btn-outline) {
    color: #FFFFFF !important;
    background-color: #8B0000 !important;
    border-color: #8B0000 !important;
}
.btn.secondaryButton:not(.btn-outline):hover {
    color: #FFFFFF !important;
    background-color: #E60026 !important;
    border-color: #E60026 !important;
}
/*mlm calculator*/
.row.mlm-reportContainer h3 {
    color: #fffefe !important;
}
.row.listSectionBox .innerList ul li.total-row label {
    color: #dddada !important;
}
.row.listSectionBox .innerList ul li.total-row span {
    color: #69bfa3 !important;
}
.row.listSectionBox .innerList ul li span {
    color: #585353 !important;
}
.calculationTable-level .table th{
    color: #fff !important;
}
.calculationTable-level .table td{
    color: #fff !important;
}

.select2-container--default .select2-selection--single {
    border: 1px solid #3e4043 !important;
}
.select2-container--default .select2-selection--single {
    background-color: #ffffff00;
    border: 1px solid #3e4043 !important;
}
.select2-container--bootstrap .select2-selection {
    background-color: #fff0  !important;
    border: 1px solid #343434 !important;
    color: #fff !important;
}
.select2-container--bootstrap .select2-selection--single .select2-selection__rendered {
    color: #ccc !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #eee !important;
    line-height: 34px;
}
body.page-content-white.guestWrapper .postRegistrationBox h3 {
    color: #28a74e;
}
body.guestWrapper .btn.green.ladda-button.continueButton {
    color: #ffffff !important;
}
body.page-content-white.guestWrapper button.btn.btn-outline.primaryButton.registrationReceipt.ladda-button {
    background-color: #222;
    border: solid 1px #615f5f;
}
body.page-content-white.guestWrapper .page-content-wrapper .page-content {
    background-color: #111214 !important;
}
body.page-content-white.guestWrapper .page-content-wrapper {
    background-color: transparent !important;
}
body.page-content-white.guestWrapper .row.registrationWrapper .portlet.light .portlet-title {
    background-color: transparent !important;
}
body.page-content-white.guestWrapper .row.registrationWrapper .portlet .portlet-body {
    border: 0px !important;
}
.page-content .registrationWrapper .font-green {
    color: #fff !important;
}
.page-content .registrationWrapper .font-green {
    color: #fff !important;
}
.row.rankDetails-Wrapper .rankBox h3 {
    color: #ffffff !important;
}
.localisationSettingsWrapper .SettingsLeft {
    background-color: transparent !important;
}
.row.providTitle h3 {
    color: #e1dddd !important;
}
.row.provideEdit-line {
    background-color: transparent !important;
}
.localisationSettingsWrapper .settingsWrapper {
    background-color: transparent !important;
}
.settingsWrapper h2 {
    color: #dddddd !important;
}
.updateLanguage .table-bordered {
    border: 1px solid #7c7b7b !important;
}
.updateLanguage .table-bordered th {
    color: #dddddd !important;
}
.updateLanguage .table-bordered td {
    color: #dddddd !important;
}
.updateLanguage .table-hover>tbody>tr:hover,.updateLanguage .table-hover>tbody>tr:hover>td {
    background: #2f2f2f !important;
}
.packageContainer {
    margin-left: 12px !important;
    margin-right: 12px !important;
}
.filters .select2-container--default .select2-selection--single {
    border: 1px solid #504e4e !important;
}
span.favourite.bookmarked i {
    color: #fff !important;
}
form.updateCurrency {
    background-color: transparent !important;
}
form.updateCurrency table.table {
    background-color: transparent !important;
}
.updateCurrency .table-bordered th {
    color: #dddddd !important;
}
.updateCurrency .table-bordered td {
    color: #dddddd !important;
}
form.updateCountry {
    background-color: transparent !important;
}
form.updateCountry .row.table-responsive table.table {
    background-color: transparent !important;
}
.updateCountry .table-bordered th {
    color: #dddddd !important;
}
.updateCountry .table-bordered td {
    color: #dddddd !important;
}
.settingsWrapper form.filterForm {
    background-color: transparent !important;
}

body button.btn.btn-circle.primaryButton.btn-outline.addNewPackage:hover {
    border-color: #000000 !important;
    color: #FFF !important;
    background-color: #000000 !important;
}
body button.btn.btn-circle.primaryButton.btn-outline.addNewPackage:hover {
    border-color: #000000 !important;
    color: #FFF !important;
    background-color: #000000 !important;
}
.btn.btn-outline.dark {
    color: #ffe9e9 !important;
}
body .packageWrapper .btn:hover {
    background: #000000 !important;
    border: 1px solid #000000 !important;
}
.moduleNavigator .font-purple-plum {
    color: #fff !important;
}
.moduleWrapper .font-purple-plum {
    color: #fff !important;
}
body li.commissionNav .totalAmount {
    background: #ad731c !important;
}
body .font-blue-sharp {
    color: #fff !important;
}
body .font-green-sharp {
    color: #fff !important;
}
body .login#user-login .content label,body .login#user-login .content p {
    color: #fff !important;
}
.login#user-login .content label, .login#user-login .content p {
    color: #fff !important;
}
body.login.standard-login .content h3, body.login .content h4, body.font-green {
    color: #fff !important;
}
body.login.standard-login a#forget-password {
    color: #fff !important;
}
.login .content .create-account p a {
    color: #fff !important;
}
.login .content label, .login .content p {
    color: #fff !important;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle .badge.badge-default {
    background-color: #e9b337 !important;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle > i {
    color: #e9b337 !important;
}
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > i, .page-sidebar .page-sidebar-menu .sub-menu > li > a > i {
    color: #e9b337 !important;
}
.topSponsors span.referrals {
    background: #ad731c !important;
}
.latestJoinings .noUser {
    background: transparent !important;
}
.row.earnersAndSponsors {
    margin-top: 15px !important;
}
body.login#user-login .content .create-account p {
    color: #c9c9c9 !important;
}

/*** secure password ***/
.securePassword-Validation {
    background: #000000 !important;
    font-size: .875em;
    box-shadow: 0 1px 3px #1a1a1a !important;
    border: 1px solid #424040 !important;
}

.securePassword-Validation h4 {
    color: #fff;
}

.securePassword-Validation::before {
    color: #4e4c4c !important;
}
/*** secure password end ***/

/**** signUp single page design css end ****/