/****************
Night Mood
****************/

.night-mode #night-mode {
    padding: 0;
    font-size: 18px;
    background: #333333;
    color: #c9c9c9;
    cursor: pointer;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    line-height: 42px;
}

.night-mode .bi-sun:before {
    content: "\F496";
}

.night-mode html , 
.night-mode body  {
    background-color: #151619 !important;
    color: #aaaaaa !important;
}

.night-mode body {
    background: #151619 !important;
	height: auto;
    float: left;
    width: 100%;
}

.night-mode body::-webkit-scrollbar {
    width: 14px;
    height: 18px;
}

.night-mode body::-webkit-scrollbar-button {
    width: 0;
    height: 0;
    display: none;
}

.night-mode body::-webkit-scrollbar-corner {
    background-color: transparent;
}

.night-mode body::-webkit-scrollbar-thumb {
    height: 6px;
    border: 4px solid transparent;
    background-clip: padding-box;
    -webkit-border-radius: 7px;
    background-color: rgba(51,51,51,.6);
    -webkit-box-shadow: inset -1px -1px 0 rgba(51,51,51,.05), inset 1px 1px 0 rgba(51,51,51,.05);
}

.night-mode h1,
.night-mode h2,
.night-mode h3,
.night-mode h4,
.night-mode h5 {
    color: #fff;
}

.night-mode .loader-main {
    background: #151619;
}

.night-mode .page-loader {
	border: 3px dotted #20bb73;
	border-style: solid dotted solid dotted;
}

.night-mode .page-loader::after {
	border: 3px dotted #ffffff;
	border-style: solid dotted solid dotted;
}

.night-mode p {
    color: #aaaaaa;
}

.night-mode #logo .logo-inverse {
    display: inline !important;
}

.night-mode #logo img {
    display: none;
}

.night-mode .bg-gdeals {
    background: #1f2027;
    box-shadow: inset 1px 0px 0px #212529, inset 0 -1px 0px #212529;
}

.night-mode .nav-link {
    color: #fff !important;
	font-weight: 500;
}

.night-mode .nav-link:hover {
    color: #20bb73 !important;
}

.night-mode .search-input {
    color: #c9c9c9 !important;
    background: #151619;
	border-color: #333333 !important;
}

.night-mode .header-search-content {
    border: 1px solid #333333;
    background: #151619;
}

.night-mode .th-bb {
    border-bottom: 1px solid #333333;
}

.night-mode .border_bottom {
    border-bottom: 1px solid #333333;
}

.night-mode .dropdown.bootstrap-select.dropdown-custom-bg .dropdown-toggle {
    background: #333333 !important;
    border: none !important;
	color: #fff;
}

.night-mode .dropdown.bootstrap-select.dropdown-custom-bg .dropdown-toggle {
    background: #333333 !important;
    border: none !important;
	color: #fff;
}


.night-mode .header-search-select .dropdown.bootstrap-select .dropdown-toggle:focus {
    outline: none !important;
    outline: none !important;
}

.night-mode .header-search-select .bootstrap-select .dropdown-toggle:focus, .night-mode .header-search-select .bootstrap-select>select.mobile-device:focus+.dropdown-toggle {
    outline: none !important;
    outline: none !important;
	box-shadow: none !important;
}

.night-mode .gdeals-head .nav-item .nav-link.active, .night-mode .gdeals-head .nav-item .show>.nav-link {
    color: #20bb73 !important;
}

.night-mode .gdeals-breadcrumb .breadcrumb .breadcrumb-item a {
    color: #9A9FA5;
}

.night-mode .gdeals-breadcrumb .breadcrumb .breadcrumb-item a:hover {
    color: #20bb73 !important;
}

.night-mode .gdeals-breadcrumb .breadcrumb-item+.breadcrumb-item::before {
    color: #9A9FA5 !important;
}

.night-mode .noti-icon {
    color: #c9c9c9;
    background: #333333;
}

.night-mode .noti-icon:hover {
    color: #fff !important;
}

.night-mode .footer {
    background: #141414;
    color: #fff;
}

.night-mode .footer-center {
    border-bottom: 1px solid #212020;
}

.night-mode .footer-top {
    border-bottom: 1px solid #212020;
}

.night-mode .footer-link {
    color: #aaaaaa;
}

.night-mode .footer-link:hover {
    color: #ffffff !important;
}

.night-mode .cd-footer .cat-links-wrapper .cat-links .cat-header {
    color: #aaaaaa;
}

.night-mode .owl-nav .owl-next {
    color: #c9c9c9 !important;
    background: #1f2027 !important;
    border: 1px solid #333333 !important;
}

.night-mode .owl-nav .owl-prev {
    color: #c9c9c9 !important;
    background: #1f2027 !important;
    border: 1px solid #333333 !important;
}

.night-mode .owl-nav .owl-prev:hover {
	color: #fff !important;
	opacity: 1;
	background: #20bb73 !important;
	border: 1px solid #20bb73 !important;
}	

.night-mode .owl-nav .owl-next:hover {
	color: #fff !important;
	opacity: 1;
	border: 1px solid #20bb73 !important;
	background: #20bb73 !important;
}

.night-mode .step-link {
    border: 1px solid #333333;
    color: #aaaaaa;
    background: #1f2027;

}

.night-mode .step-tabs .step-link.active, .night-mode .step-tabs .show>.step-link {
    background-color: #20bb73;
    border: 1px solid #20bb73;
    border-radius: 8px;
}

.night-mode .step-tabs .step-link.active span, .night-mode .step-tabs .show>.step-link span {
    color: #ffffff !important;
}

.night-mode .step-link span {
    color: #fff;
}

.night-mode .step-tabs .step-link:hover {
    background-color: #1f2024;
}

.night-mode .step-tabs .step-link.active:hover {
    color: #fff;
    background-color: #20bb73;
}

.night-mode .dropdown-menu {
    background-color: #151619 !important;
    border: 1px solid #333333 !important;
}

.night-mode .header-search-select .bootstrap-select .dropdown-menu {
    border: 0 !important;
}

.night-mode .dropdown-submenu .dropdown-item {
    color: #ffffff;
}

.night-mode .dropdown-item {
    color: #ffffff !important;
}

.night-mode .dropdown-item:hover {
    color: #20bb73 !important;
	background-color: #141414 !important;
}

.night-mode .dropdown-submenu .dropdown-item:hover {
	color: #20bb73 !important;
	background-color: #141414 !important;
}

.night-mode .dropdown-submenu .dropdown-item:focus {
	color: #20bb73 !important;
	background-color: #141414;
}

.night-mode .dropdown-menu-account li .link-item {
    color: #ffffff;
}

.night-mode .dropdown-menu-account li .link-item:hover {
	color: #20bb73 !important;
	background-color: #141414 !important;
}

.night-mode .dropdown-menu-account li .link-item:focus {
	color: #20bb73 !important;
	background-color: #141414 !important;
}

.night-mode .profile-link {
    border-top: 1px solid #333333;
}

.night-mode .balance-tag {
    color: #ffffff;
}

.night-mode .p-color {
    color: #aaaaaa;
}

.night-mode .account-link {
    color: #c9c9c9;
}

.night-mode .account-link:hover {
    color: #fcfcfc !important;
}

.night-mode .navbar-toggler-icon {
    color: #c9c9c9;
}

.night-mode .navbar-toggler-icon:hover {
    color: #fcfcfc;
}

.night-mode .offcanvas {
    background-color: #1A1D1F;
}

.night-mode .close-btn {
    background: #272B30;
    color: #c9c9c9;
}

.night-mode .close-btn:hover, .night-mode .close-btn:focus {
    background: #272B30;
    color: #fcfcfc;
}

.night-mode .bg-white {
    background: #1f2027 !important;
}

.night-mode .full-width {
    background-color: #1f2027;
    border: 1px solid #333333;
}

.night-mode .strending-title {
    color: #ffffff;
}

.night-mode .trending-store-heading {
    color: #ffffff;
}

.night-mode .pp-offer {
    color: #ffffff;
}

.night-mode .cpnbtn {
    background-color: #242424;
}

.night-mode .left-cmp {
    border-right: 1px solid #333333;
}

.night-mode .right-cmp h6 {
    color: #ffffff;
}

.night-mode .tp-store-offer-count {
    color: #c9c9c9;
}

.night-mode .rd-text {
    color: #20bb73;
}

.night-mode .three-steps-block {
    background: #141414;
}

.night-mode .dark-full-width {
    background-color: #1f2027 !important;
    border: 1px solid #333333 !important;
}

.night-mode .hero-banner {
    background-color: #151619;
}

.night-mode .lines span {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#333333), color-stop(#3433330f), to(#33333303));
    background-image: linear-gradient(to bottom, #333333, #3433330f, #33333303);
}

.night-mode .circle1 {
    opacity: 0.05;
}

.night-mode .circle2 {
    opacity: 0.05;
}

.night-mode .nav-dots .owl-dots .owl-dot.active {
    background-color: #20bb73 !important; 
}

.night-mode .nav-dots .owl-dots .owl-dot {
    background-color: #c9c9c9; 
}

.night-mode .title-breadcrumb-block {
    background: #141414;
}

.night-mode .roadmap-title {
    color: #ffffff;
}

.night-mode .roadmap-content {
    border: 1px solid #333333;
    background: #1f2027;
}

.night-mode .roadmap-content .title  {
	color: #ffffff;
}

.night-mode .team-social-icons li a {
    color: #c9c9c9;
}

.night-mode .team-social-icons li a:hover {
    color: #ffffff !important;
}

.night-mode .check-sidebar .sidebar-section {
    background-color: #1f2027;
}

.night-mode .form-check-input {
	outline: none !important;
	box-shadow: none !important;
}

.night-mode .form-check-input:checked {
    outline: none !important;
	box-shadow: none !important;
}

.night-mode .all-checklist .form-check label {
    color: #ffffff;
}

.night-mode .sidebar-section::-webkit-scrollbar {
    -webkit-appearance: none !important;
    width: 4px !important;
}

.night-mode .sidebar-section::-webkit-scrollbar-thumb {
    background-color: #20bb73 !important;
    box-shadow: 0 0 1px rgba(255,255,255,0.5) !important;
    border-radius: 10px !important;
}

.night-mode .store-tab-link {
    border: 1px solid #333333;
    color: #ffffff;
    background: transparent;
}

.night-mode .store-tabs .store-tab-link.active, .night-mode .store-tabs .show>.store-tab-link {
    color: #FFFFFF !important;
    background-color: #20bb73;
    border: 1px solid #20bb73;
    border-radius: 8px;
}

.night-mode .store-tabs .store-tab-link.active:hover {
	color: #FFFFFF !important;
	background-color: #20bb73 !important;
}

.night-mode .store-tabs .store-tab-link:hover {
    background-color: #1f2024;
}

.night-mode .alnav-link {
    color: #ffffff;
}

.night-mode .store-cate-title span {
    color: #aaaaaa;
}

.night-mode .store-cate-title {
    border-bottom: 1px solid #333333;
}

.night-mode .tile-name {
    color: #ffffff;
}

.night-mode .heart-icon {
    color: #c9c9c9;
}

.night-mode .heart-icon:hover, .night-mode .heart-icon.Saved {
    color: #20bb73;
}

.night-mode .store-block {
    border-bottom: 1px solid #333333;
}

.night-mode .store-filter {
    border-top: 1px solid #333333;
    border-bottom: 1px solid #333333;
}

.night-mode .filter-search-input {
    color: #8b97b7;
    border: 1px solid #333333;
    background: #151619;
}

.night-mode .sicon {
    color: #ffffff;
}

.night-mode input {
    color: #c9c9c9 !important;
}

.night-mode textarea {
    color: #c9c9c9 !important;
}


.night-mode .store-logo {
    border: 1px solid #333333;
}

.night-mode .txt {
    color: #ffffff;
}

.night-mode .store-view-block {
    background: #141414;
}

.night-mode .info {
    color: #ffffff;
}

.night-mode .color-g {
    color: #20bb73;
}

.night-mode .offer-dt-title {
    color: #ffffff;
}

.night-mode .storeLogo {
    border: 1px solid #333333;
}

.night-mode .tbo-list li,
.night-mode .txt-2 {
    color: #ffffff;
}

.night-mode .txt-l {
    color: #aaaaaa;
}

.night-mode .bottom-offer-dt {
    background: #1f2027;
    border: 1px solid #333333;
}

.night-mode .toggle-offer li {
    border-right: 1px solid #333333;
}

.night-mode .toggle-offer li:last-child {
    border-right:0;
}

.night-mode .accordion-button {
	color: #ffffff !important;
    background: transparent !important;
}

.night-mode .toggle-offer .accordion-button:not(.collapsed) {
    color: #ffffff !important;
    background-color: transparent !important;
    box-shadow: none !important;
}

.night-mode .share-earn-btn {
    color: #ffffff;
    background: #333333;
}

.night-mode .share-earn-btn:hover {
	color: #ffffff !important;
}

.night-mode .modal-content {
    background-color: #1f2027;
}

.night-mode .modal-header {
    border-bottom: 1px solid #333333 !important;
}

.night-mode .social-share-icon {
    background: #151619;;
}

.night-mode .social-share-icon, 
.night-mode .clink,
.night-mode .elink {
    color: #c9c9c9;
}

.night-mode .social-share-icon:hover {
    color: #1ab06a !important;
}

.night-mode .share-content .input-wrapper .hr {
    color: #333333;
}

.night-mode .author-dt-meta {
    color: #aaaaaa;
}

.night-mode .author-dt-meta:hover {
    color: #ffffff !important;
}

.night-mode .prevlink {
    color: #ffffff;
}

.night-mode .prev_title {
    color: #aaaaaa;
}

.night-mode .bp_left i {
    color: #ffffff;
}

.night-mode .prevlink1 {
    color: #ffffff;
}

.night-mode .prev_title1 {
    color: #aaaaaa;
}

.night-mode .bp_right i {
    color: #ffffff;
}

.night-mode .categories-group .cate-wrapper .parent-category-wrapper .sub-category:hover {
    color: #1ab06a;
}

.night-mode .categories-group .cate-wrapper .parent-category-wrapper .sub-category {
    color: #aaaaaa;
}

.night-mode .coming-soon-content .display-1 {
    color: #ffffff;
}

.night-mode .color-b {
    color: #ffffff !important;
}

.night-mode .color-txt {
    color: #aaaaaa !important;
}

.night-mode .form-floating .border {
    border: 1px solid #333 !important;
}

.night-mode .form-control {
	color: #c9c9c9 !important;
    background: #151619;
    border-color: #333333 !important;
}

.night-mode .form-control:focus {
    background: #151619;
    border-color: #20bb73 !important;
}

.night-mode .activated-card {
    border: dashed 2px #333333;
    background-color: #151619;
    color: #ffffff;
}

.night-mode .store-image {
    border: solid 1px #333333;
    background-color: #151619;
}

.night-mode .smile-emoji img {
    background: #333333;
}

.night-mode .page-title {
    background: transparent;
    color: #ffffff;
    border-bottom: 1px solid #333333;
}

.night-mode .accordion-container .accordion-box .accordion {
    background-color: #151619;
    border: 1px solid #333333;
}

.night-mode .accordion-container .accordion-box .accordion .title {
    color: #ffffff;
}

.night-mode .accordion-container .accordion-box .accordion:after, .night-mode .accordion-container .accordion-box .accordion:before {
    content: '';
    background: #333333;
    position: absolute;
}

.night-mode  .accordion-container .accordion-box .panel {
    background-color: #333333;
    color: #ffffff;
}

.night-mode .faq-left-list li a {
    color: #ffffff;
}


.night-mode .lr-title {
    color: #ffffff;
}

.night-mode .txt-hover:hover {
    color: #1ab06a !important;
}

.night-mode .faq-left-list>li.active>a {
    color: #20bb73 !important;
}

.night-mode .faq-left-list>li:hover>a {
    color: #ffffff !important;
}

.night-mode .faq-left-list ul a {
    color: #aaaaaa;
}

.night-mode .faq-left-list ul>li.active>a {
    color: #ffffff !important;
}

.night-mode .faq-left-list ul a:hover {
    color: #ffffff !important;
}

.night-mode .night-mode .faq-left-list>li.active>a {
    color: #20bb73 !important;
}

.night-mode .night-mode .faq-left-list>li:hover>a {
    color: #ffffff !important;
}

.night-mode .faq-left-list li a i {
    color: #c9c9c9;
}

.night-mode .main-form .dropdown.bootstrap-select .dropdown-toggle {
    background: #151619;
    border: 1px solid #333333;
    color: #aaaaaa;
}

.night-mode .light-bg {
    background: #333333;
}

.night-mode .track-cashback li {
    color: #aaaaaa;
}

.night-mode .main-form .bootstrap-select .dropdown-menu {
    border: 0 !important;
}

.night-mode .custom-input {
    border: 1px solid #333333 !important;
    background: #151619;
}

.night-mode .txt-color {
    color: #aaaaaa !important;
}

.night-mode .img-search-btn [type="file"] + label {
    color: #fff;
    background: #151619;
    Border: 2px dashed #4d4c4c;
}

.night-mode .link-underline-opacity-75-hover:hover {
	color: #fff !important;
}

.night-mode .work-card {
    background-color: #151619;
    border: 1px solid #333333;
}

.night-mode .work-card::before {
	content: '';
	position: absolute;
	background: #333333;
}

.night-mode .work-card::after {
	content: '';
	position: absolute;
	background: #333333;
}

.night-mode .copy-btn {
    color: #c9c9c9;
    background: #333333;
}

.night-mode .copy-btn:hover {
    color: #ffffff;
	background: #333333;
}

.night-mode .earning-box {
    box-shadow: 0 0 16px 0 rgba(172,61,61,0.08);
    border: solid 1px #333333;
    background-color: #1f2027;
    background-image: url(../images/bg-line.png);
    color: #fff;
}

.night-mode .earning-box .value {
    border: solid 0.5px #333333;
    background-color: #151619;
    color: #ffffff;
}

.night-mode .earning-box .icon img {
    background: #1f2027;
    border: 1px solid #333333;
}

.night-mode .slider-value-container output {
    color: #fff;
}

.night-mode .range-icon {
    background: #1f2027;
    border: 1px solid #333333;
    color: #ffffff;
}

.night-mode .sign_form {
    background: #1f2027;
}

.night-mode .or-line {
    background: #333333;
}

.night-mode .or-line span {
    background: #333333;
}

.night-mode .eye-pass {
    color: #c9c9c9;
}

.night-mode .favsub-btn {
    color: #c9c9c9;
    background-color: #333333;
}

.night-mode .rating-widget {
    background: #151619;
}

.night-mode .cd-text-1 {
    color: #aaaaaa;
}

.night-mode .cd-text-2 {
    color: #ffffff;
}

.night-mode .cs-step {
    border-bottom: 1px solid #333333;
}

.night-mode .Loffer-card td {
    border: solid 1px #333333;
}

.night-mode .Loffer-card table {
    color: #ffffff;
    border: solid 1px #333333;
}

.night-mode .casback-value {
    background-color: #333333;
    color: #20bb73;;
}

.night-mode .bp-line {
    border-right: 1px solid #333333;
}

.night-mode .table-box table td, .night-mode .table-box table td {
    color: #aaaaaa;
    border-bottom: 1px solid #333333;
}

.night-mode .table-box table {
    border: 1px solid #333333;
}

.night-mode .profile-wrapper .navbar-expand-lg {
    background-color: #1f2027;
    border: 1px solid #333333;
}

.night-mode .profile-wrapper .navbar-expand-lg .navbar-nav .nav-link {
    border-bottom: 1px solid #333333;
}

.night-mode .title-18 {
    font-size: 18px;
    font-weight: 600;
    color: #ffffff;
}

.night-mode .title-18 {
    color: #ffffff;
}

.night-mode .base h4 {
    color: #ffffff;
}

.night-mode .scratch-container {
    background-color: #333333;
    border: 1px solid #333333;
}

.night-mode .base {
    background-color: #151619;
}

.night-mode .referral-top {
    border-bottom: 1px solid #333333;
}

.night-mode .share-social {
    border-bottom: 1px solid #333333;
}

.night-mode .refferal-share-section {
    border-bottom: 1px solid #333333;
}

.night-mode .share-social .or-icon {
    background-color: #333333;
}

.night-mode .share-code .or-icon {
    background-color: #333333;
    color: #fff;
}

.night-mode .recharge-title {
    color: #ffffff;
}

.night-mode .notify-box {
    border-top: 1px solid #333333;
}

.night-mode .gold-membership-block {
    background: #151619;
}

.night-mode .profile-setting {
    border-top: 1px solid #333333;
}

.night-mode .check-btn-outline {
    color: #aaaaaa !important;
    border: 1px solid #333333 !important;
}

.night-mode .border_top {
    border-top: 1px solid #333333;
}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
.night-mode .offcanvas-header {
	border: 0;
    border-bottom: 1px solid #333333;
}

.night-mode .navbar-nav .nav-link:hover {
    color: #20bb73 !important;
    background-color: #333333;
}
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {
.night-mode .offcanvas-header {
    border: 0;
    border-bottom: 1px solid #333333;
}

.night-mode .navbar-nav .nav-link:hover {
    color: #20bb73 !important;
    background-color: #333333;
}
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {
.night-mode .offcanvas-header {
	border: 0;
    border-bottom: 1px solid #333333;
}

.night-mode .navbar-nav .nav-link:hover {
    color: #20bb73 !important;
    background-color: #333333;
}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {

}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
.night-mode	.profile-wrapper .navbar-expand-lg {
    background-color: #1f2027;
    border: 1px solid #333333;

}
}