/* Dark Mode Css */

.main-content {
    background: #383e48;
}
.page-title-area {
    background: #303640;
}
.breadcrumbs li span ,
.breadcrumbs li a:before{
    color: rgba(255,255,255,.8);
}
.sidebar-header {
    background: #383d48;
}
.header-area {
    background: #383d48;
    border-bottom: 1px solid rgba(255,255,255,.2);
}
.search-box input {
    background: #303640;
}
.footer-area {
    background: #303640;
}
.footer-area p {
    color: rgba(255,255,255,.6);
}
.card {
    background-color: #303640;
}
label {
    color: rgba(255,255,255,.8);
}
.form-control {
    color: rgba(255,255,255,.8);
    background-color: #383d48;
    border: 1px solid rgba(255,255,255,.2);
}
.form-control:focus{
    background-color: #383d48;
}
.datatable-primary .dataTables_paginate .page-item.disabled .page-link {
    color: rgba(255,255,255,.8);
    background-color: #383d48;
    border-color: rgba(255,255,255,.2);
}
table.dataTable tbody tr {
    background-color: #383d48;
    color: rgba(255,255,255,.8);
}
.datatable-primary thead {
    background: #303640;
    color: #fff;
}

.modal-header ,
.modal-footer{
    background-color: #303640;
    color: #fff;
}

.modal-body {
    background-color: #383d48;
}

.modal-footer {
    border-top-color:rgba(255,255,255,.2);
}
.modal-header{
    border-bottom-color:rgba(255,255,255,.2);
}
.breadcrumbs li a, .breadcrumbs li span{
    color: #fff;
}
.custom-file-label {
    color: rgba(255,255,255,.8);
    background-color: #383d48;
    border: 1px solid rgba(255,255,255,.2);
}
.custom-file-label::after {
    color: rgba(255,255,255,.8);
    background-color: #303640;
    border-left: 1px solid rgba(255,255,255,.2);
}
.close {
    color: #fff;
    text-shadow: 0 1px 0 #000;
}
.popover,
.popover.bottom .arrow:after{
    background: #303640;
    color: rgba(255,255,255,.8);
}
.popover h6{
    color: rgba(255,255,255,.8);
}
.table.table-default thead {
    background-color: #383d48;
    color: #fff;
}
.header-title,
.page-title{
    color: #fff;
}
.table.table-default tbody tr {
    background-color: #383d48;
    color: rgba(255,255,255,.8);
}

.table thead th {
    border-bottom: 2px solid rgba(255,255,255,.2);
}

.form-control:disabled, .form-control[readonly] {
    background-color: #383d48;
}
.img-select {
    box-shadow: 0 0 30px 0 #000;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: rgba(255,255,255,.8);
    background-color: #383d48;
    border-color: rgba(255,255,255,.2);
}
.nav-tabs {
    border-bottom: 1px solid rgba(255,255,255,.2);
}
.slider:before {
    color: #000;
}

p {
    color: rgba(255,255,255,.8);
}

.page-container {
    background: #303640;
}
.menu-left-side-content > .title,
.menu-structure-wrapper .card-header .title,
.accordion-wrapper .card .card-header button{
    color: #fff;
}


.accordion-wrapper .card .card-header,
.accordion-wrapper .card .card-body{
    background-color: #383d48;
}

.accordion-wrapper .card .card-body .page-list-ul {
    background-color: #303640;
}

.form-control:focus {
    color: rgba(255, 255, 255, .8);
}
.menu-structure-wrapper .card-body {
    background-color: #383d48;
}

.sortable li > div {
    border: 1px solid rgba(255,255,255,.2);
}
.sortable li div {
    background-color: #303640;
    color: #fff;
}
.small, small {
    color: rgba(255,255,255,.6);
}
.iconpicker-popover.popover .popover-title {
    border-bottom: 1px solid #303640;
    background-color: #303640;
}

.iconpicker .iconpicker-items {
    background: #383d48;
}
.iconpicker .iconpicker-item:hover:not(.iconpicker-selected) {
    background-color: #303640;
}
.note-editing-area,.note-editing-area p {
    color: #777;
}
.nice-select .nice-select-search-box {
    background: #383d48;
}

.nice-select .nice-select-search {
    background-color: #383d48;
    border: 1px solid #383d48;
}
.nice-select .list {
    background-color: #383d48;
}
.nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
    background-color: #303640;
}
.nice-select.has-multiple span.current {
    border: 1px solid rgba(255,255,255,.2);
    background: #303640;
}

.bootstrap-tagsinput {
    background-color: #383d48;
}
.bootstrap-tagsinput .tag {
    color: rgba(255,255,255,.8) !important;
    border: 1px solid rgba(255,255,255,.8) !important;
}
.bootstrap-tagsinput input{
    color: rgba(255,255,255,.8);
}
.nice-select .nice-select-search {
    color: #fff;
}
.available-form-field li {
    background-color: #000;
    color: rgba(255,255,255,.8);
    border: 1px solid rgba(255,255,255,.2);
}
.available-form-field li a{
    color: rgba(255,255,255,.8) !important;
}

/* version 2.2 */
.all-uploaded-images .image-preloader-wrapper{
    background-color:#383d48;
}
.dropzone-form-wrapper form{
    background-color: #303640;
    border-color: #2a2323;
}
.media-uploader-image-info .img-title{
    color: #fff;
}
.media-uploader-image-info .img-meta li{
    color: rgba(255,255,255,.8);
}
.media-uploader-image-info .img-meta li:last-child{
    background-color: #303640;
}
.widget-area-header {
    background-color: #000;
}
.widget-handler .expand {
    color: #000;
}

label[for="items_id"] {
    color: black;
}
.table {
    color: #fff;
}

.dropzone-form-wrapper form span.xg-accept-files{
    color: #fff;
}
.all-field-wrap .action-wrap {
    background-color: #586279;
}
.all-field-wrap {
    position: relative;
    background-color: #383d48;
    padding: 30px;
    padding-right: 70px;
}
.dataTable th {
    color: #fff;
}

.attribute-field-wrapper {
    background-color: #383d48;
}
.payment-notice{
    margin-bottom: 30px;
}
.payment-notice p{
    color: #333;
}
.accordion-wrapper .card .card-header button.note-btn {
    color: #1b1919;
}
.label-title {
    color: #fff;
}
.gig-order-info,
.delivery-time-countdown-wrap .title,
.gig-message-start-wrap ,
.single-message-item .title,
.gig-message-start-wrap .title,
.reply-message-wrap .title{
    color: #fff;
}

.delivery-time-countdown-wrap {
    background-color: #383d48;
}
.delivery-time-countdown-wrap .nx-singular-countdown-item {
    background-color: #303640;
}
.gig-message-start-wrap {
    background-color: #383d48;
}
.single-message-item {
    background-color: #646265;
}
.load_all_conversation {
    background-color: #797676;
}
.anchor-btn {
    border-bottom: 1px solid #c8caf5;
    color: #c8caf5;
}
.reply-message-wrap {
    background-color: #383d48;
}
.single-message-item .thumb .title {
    color: #000;
}
.form-group.parent_page h4 {
    color: #fff;
}
.single-message-item.customer {
    background-color: #404a5a;
}
.media-image-header h2{
    color: #fff;
}

.niceCountryInputMenuDropdownContent a{
    color: rgba(255,255,255,.6) !important;
    cursor: pointer;
}
