/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 1 May, 2019, 2:39:03 PM
    Author     : 100280
*/
@import url('https://fonts.googleapis.com/css?family=Varela+Round&display=swap');

body.dark-mode ,body.dark-mode div,body.dark-mode header{
   font-family: 'Varela Round', sans-serif;
    background-color: #222;
    border-color: #191919;
    color: #fff;
}
body.dark-mode .popup_window,body.dark-mode .popup_window div,body.dark-mode .popup_window p{
    background-color:#292929;
}
body.dark-mode table tr td div{
    background-color:transparent;
}
body.dark-mode .offer-box {
    padding: 20px;
    border: 2px dashed #e86042;
    margin: 20px auto;
    box-shadow: 5px 5px 5px transparent;
    background-image: linear-gradient(30deg, transparent, #3a3939);
}
body.dark-mode .offer-box div{
    background-color:transparent;
}

body.dark-mode .darkModeWidget .text-info{
    color:#2196f3;
}
body.dark-mode .productThumb .offerlbl {
    background-color: #2196f3;
    color: #fff;
}

body.dark-mode .globalMenu a{
    color:#fff;
}
body.dark-mode .globalMenu,body.dark-mode footer div{
    background-color: transparent;
    border-color: #3a3939;
}
body.dark-mode .CustomHeader nav{
    -box-shadow:0px 0px 0px transparent;
    border-color:#222;
    box-shadow: 0px 0px 0px transparent;
    border-bottom: 1px solid #151515;
}
body.dark-mode .helpdesk_Icon {
    background-color: #e86042;
    color: #fff;
}
body.dark-mode .dropdown-menu , body.dark-mode footer ,body.dark-mode .footer, body.dark-mode nav{
    background-color: #3a3939;
    border-color: #3a3939;
}
body.dark-mode .main-container a{
    color:#2196f3;
}
body.dark-mode .text-info{
    color:#fff;
}
body.dark-mode .navbar-default .navbar-toggle .icon-bar {
    background-color: #2196f3;
}
body.dark-mode .navbar-default .navbar-toggle {
    border-color: #2196f3;
}
body.dark-mode .thumbnail,body.dark-mode .thumbnail div,body.dark-mode .thumbnail p{
    background-color: #3a3939;
}
body.dark-mode .lightGrayBg,body.dark-mode .lightGrayBg div{
    background-color: #3a3939;
}
body.dark-mode .nav-tabs > li.active > a,body.dark-mode  .nav-tabs > li.active > a:hover,body.dark-mode  .nav-tabs > li.active > a:focus{
    background-color: #222222;
    border-color: #2196f3;
    color: #2196f3;
    border-bottom-color: transparent;
}
body.dark-mode .productSec .nav > li > a:hover,body.dark-mode .productSec .nav > li > a:focus {
    background-color: #3a3939;
    color:#fff;
}
body.dark-mode a.theme-btn{
    color:#fff;
}
body.dark-mode a.Alt-theme-btn{
    background-color: #3a3939;
    color:#fff;
}
body.dark-mode .productDescription .action .btn-view {
    color: #2196f3;
}
body.dark-mode .blog-date{
    background-color: #3a3939;
}
body.dark-mode .blog-thumb:hover, body.dark-mode .blog-thumb:focus {
    border: 1px solid #222;
    box-shadow: 0px 5px 5px transparent;
    background-color: #3a3939;
}
body.dark-mode .blog-thumb:hover div,body.dark-mode .blog-thumb:hover p{
     background-color: #3a3939;
}
body.dark-mode .productThumb:hover, body.dark-mode .productThumb:focus,body.dark-mode .productThumb,body.dark-mode .productThumb div {
    box-shadow: 0px 5px 8px transparent;
    background-color: #3a3939;
}
body.dark-mode .star-rating .number{
    color:#fff;
}
body.dark-mode .banner-section {
    width: 100%;
    overflow: hidden;
    box-shadow: 0px 2px 5px transparent;
    -moz-box-shadow: 0px 2px 5px transparent;
    -webkit-box-shadow: 0px 2px 5px transparent;
    border-bottom: 2px solid #171717;
}
body.dark-mode .productDetails-header {
    box-shadow: 0px 5px 8px transparent;
    -webkit-box-shadow: 0px 5px 8px transparent;
    -moz-box-shadow: 0px 5px 8px transparent;
}
body.dark-mode .brand-models .nav-tabs > li.active > a,body.dark-mode .brand-models .nav-tabs > li.active > a:hover,body.dark-mode .brand-models .nav-tabs > li.active > a:focus {
    color: #e86042;
    cursor: default;
    background-color: transparent;
    border: 1px solid #222;
    border-bottom: 3px solid #e86042;
}
body.dark-mode .nav-tabs {
    border-bottom: 1px solid #2196f3;
}
body.dark-mode .List-thumb {
    padding: 50px 5px;
    border: 1px solid transparent;
    background-color:#3a3939;
    margin:5px auto;
}
body.dark-mode .List-thumb:hover,body.dark-mode .List-thumb :focus{
    box-shadow: 0px 0px 0px transparent;
}
body.dark-mode .brand-scroller .right-bottom,body.dark-mode .brand-scroller .left-bottom{
    box-shadow: 0px 0px 0px transparent;
}
body.dark-mode .brand-scroller .carousel-indicators li {
    background-color: #fff;
    border: 1px solid #fff;
}
body.dark-mode .brand-scroller .carousel-indicators li.active{
    background-color: #e86042;
    border: 1px solid #e86042;
}
body.dark-mode .brand-logo,body.dark-mode .thumbnail .brand-logo{
    background-color:#fff;
}
body.dark-mode div.stars{
    width:auto;
}
body.dark-mode .panel-default > .panel-heading,body.dark-mode .panel-default > .panel-heading div,body.dark-mode  .key-feature .panel{
    background-color:#3a3939;
    border-color:#3a3939;
    color:#fff;
    box-shadow: 0px 0px 0px transparent;
}
body.dark-mode fieldset.custom-fieldset legend {
    width: auto;
    border: transparent;
    padding: 0px 15px;
    color: #fff;
}
body.dark-mode .leftNavigation .menu-section ul li a {
    padding: 5px 0px;
    font-size: 18px;
    color: #fff;
}
body.dark-mode .leftNavigation .menu-section ul .active a {
    color: #e86042;
}
body.dark-mode .leftNavigation,body.dark-mode .leftNavigation div{
    background-color: #3a3939;
    box-shadow: 0px 0px 0px transparent;
}
body.dark-mode .panel-info > .panel-heading,body.dark-mode .panel-info > .panel-heading div {
    color: #2196f3;
    background-color: #3a3939;
    border-color: #222222;
}
body.dark-mode .form-control,body.dark-mode form .btn-default,body.dark-mode .multiSelect .btn-group>.btn  {
    background-color: #222222;
    border: 1px solid #218cc9;
    color:#fff;
}
body.dark-mode .blog-right-panel .blog-thumb {
    border: 1px solid #2196f3;
}
body.dark-mode .table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #3a3939;
}
body.dark-mode table.leads-table tr:nth-child(even) {
    background-color: #3a3939;
}
body.dark-mode .enquiry-form{
    background-image:none;
}
body.dark-mode form .Alt-theme-btn {
    background-color: #2196f3;
    color: #ffffff;
}
body.dark-mode .table-container .leads-table thead tr th:last-child, body.dark-mode .table-container .leads-table tbody tr td:last-child {
    background-color: #2196f3;
    border-color: #222222;
    text-align: center;
}
body.dark-mode .table-bordered > thead > tr > th,body.dark-mode .table-bordered > tbody > tr > th,body.dark-mode .table-bordered > tfoot > tr > th,body.dark-mode .table-bordered > thead > tr > td, body.dark-mode .table-bordered > tbody > tr > td,body.dark-mode .table-bordered > tfoot > tr > td {
    border: 1px solid #222;
}
body.dark-mode fieldset.custom-fieldset {
    border: 1px solid #2196f3;
}
 .offerThumb{
    padding-right: 15px;
    padding-left: 15px;
}
body.dark-mode .thumbnail .thumbInfo{
    background-color: transparent;
}
body.dark-mode .navbar-default .navbar-nav > li > a {
    color: #2196f3;
}
body.dark-mode .dropdown-menu > li > a{
    color:#2196f3;
}
/*body .carousel-inner > .item{
    display: block;
}*/

@media (max-width: 767px){
    body.dark-mode .globalMenu {
    margin-top: 0px;
    border: 1px solid transparent;
    box-shadow: 0px 5px 5px transparent;
}
div.stars {
    width: auto;
    display: inline-block;
}
body.dark-mode .darkModeWidget {
    background-image: linear-gradient(-3deg, black, #797979, black);
    border: 1px solid #2196f3;
}
body.dark-mode .darkModeWidget .m_icon{
    color:#fff;
}
}