body.dark{

    background-color: #222;

    color: #e6e6e6;

    border-color: #e6e6e6;

}



.switch {

    align-self: flex-end;

    border-radius: 25px;

    background-color: #327ec6;

    color: #ffffff;

}

.dark .move-forward-popup .modal-footer .close{

    color: #ffffff;

    text-shadow: none;

}

.dark .two-gray-div .l, .dark .two-gray-div .r {

    border-right: 15px solid #262626;

    border-left: 15px solid #262626;

}

.dark .gift-cart{

    background-color: #28292a;

}

.inner-switch {

    display: inline-block;

    cursor: pointer;

    border: 1px solid #ffffff;

    border-radius: 1.25rem;

    width: 3.125rem;

    text-align: center;

    font-size: 1rem;

    padding: 0.1875rem;

    margin-left: 0.3125rem;



}

.dark .main {

    width: 100%;

    background-color: #323232;

    border-top: 1px solid #323232;

}

.dark .purchase-item .table thead th, .dark .purchase-item .table thead td, .dark .purchase-item .table tbody td {

    color: #ffffff;

    font-size: 16px;

    border: 0px;

}

.dark .bg-gray, .dark .modal-content{

    background-color: #323232;

}

.dark .modal-content .bg-white {

    background-color: #141515!important;

}

.dark .status-active .item {

    background-color: #323232;

}

.dark .two-gray-div{

    background-color: #333;

}

.dark .job-op a, .dark .job-opportunities .table thead th, .dark .job-opportunities .table td, .dark .table th, .dark .table tbody td, 

.dark .move-forward .text-black{

    color: #ffffff!important;

}

/*.dark .table-striped tbody tr:nth-of-type(odd) {

    background-color: rgb(49, 49, 49);

}*/

.dark .hr1{

    background-color: #ffffff;

}

.dark .mobile-user-profile .hr1{

    background-color: #000000;

}

.dark .site-map .text-black, .forgot-pass .text-black, .dark label{

    color: #ffffff!important;

}

.dark .verti-border{

    border-right: 1px solid #fff;

}

.dark .log{

    display: none;

}

.dark .log-reverse{

    display: block!important;

}

.dark .bg-gray-2, .dark .move-forward .item{

    background-color: #28292a;

}

.dark .account-schedule-app .table-striped tbody tr:nth-of-type(odd) {

    background-color: rgb(255, 255, 255);

    color: #000000;

}

.dark .account-schedule-app table.table tbody tr:nth-of-type(even) {

    background-color: #e6e6e6;

    color: #000000;

}

.dark .account-schedule-app .table-striped tbody td,

.dark .account-schedule-app table.table tbody td{

    color: #000000!important;

}

.dark .message {

    background-color: #323232;

}

.dark .white-bg-blueborder{

    color: #000000;

}

.dark .dark-mode-img{

    display: block!important;

}

.dark-mode-img{

    display: block;

}

.light-mode-img{

    display: block!important;

}

.dark .light-mode-img{

    display: none!important;

}
.dark .user-pro .dropdown-menu {
    background: #ffffff;
    opacity: 0.97;
}
.dark .cusTxt {
    color: #000000;
}
.dark .navbar-nav .hr1 {
    background-color: #000000 !important;
}
.dark .dropdown-item:focus, .dark .dropdown-item:hover {
    color: #000000;
    background-color: #ffffff;
}
.dark .mobile-user-profile .dropdown-menu {
   
    background: #ffffff;
    opacity: 0.97;
}
.dark .desktopNav .nav-pills .nav-link
{
    color: #fff;
}
.dark .desktopNav .nav-pills .nav-link.active, .dark .desktopNav .nav-pills .show>.nav-link {
    color: #007bff;
    background-color: transparent;
}
.dark .tabBox h4 {
   color: #e6e6e6;
}
.dark .hardwareId b
{
    color: #e6e6e6;
}
.dark span.icon {
    width: 25px;
    height: 25px;
    display: inline-block;
    float: right;
    clear: both;
    /*background: #fff;*/
    border-radius: 3px;
    padding: 2px;
}
.dark .inside-container p b {
    color: #e6e6e6;
}
.dark span.icon.recovIcon img {
    max-width: 32px;
}
.dark span.icon img {
    max-width: 100%;
    padding-left: 0;
}

.dark #accordion.device-history-container .card-body {
    padding: 10px 10px;
    background-color: #333333;
}
.dark .mobileListing-footer li h5 {
    color: #e6e6e6;
}
.dark .device-history-container .card-header {
    padding: 5px 0;
    background-color: #333;
}
.dark #accordion.device-history-container [data-toggle='collapse']:after {
    color: #ffffff;
}
.dark #accordion.device-history-container .card-body table td {
    color: #e6e6e6;
}
.dark #accordion.device-history-container .card-body table th {
    color: #e6e6e6;
}
.dark .acc_btn span b
{
   color: #e6e6e6;  
}
.dark .tabBox {
    box-shadow: 0px 5px 15px -5px #000000;
    background: #333333;
    border: 1px solid #333333;
    }
    .dark .cusHR {
    background-color: #ffffff;
}
.dark .mobile-user-profile .cusTxt span {
    color: #333;
}
.dark .cusImg .bagBG {
    background: url(../../assets/img/menu-icon-your-bag-blue.png) no-repeat;
        background-size: contain;
    background-position: 0px 0px;
    width: 17px;
    height: 17px;
    display: block;
}
.dark .mobile-user-profile .cancel-checkIn span {
    color: #333333;
}
.dark .inactivity-time
{
    color: #333333;
}
.dark .digital-sign {
    box-shadow: 0px 5px 15px -5px #000000;
}
.dark .darkMode
{
display: block;
}
.dark .lightmodeMode
{
display: none;
}
@media screen and (max-width: 767px)
{
    .dark .mobViewTab .card {
    background: #333333;
}
 .dark .mobViewTab .card:last-child {
    border-bottom: 1px solid #333333;
}
}
@media (max-width:575px)
{
    .dark .mobile-user-profile .dropdown-menu
{
    background: #ffffff;
    opacity: 0.97;
}
.dark .mobile-user-profile .hr1 {
    background-color: #000000 !important;
}
.dark span.inactivity-time {
    color: #333333;
    position: unset;
    width: auto !important;
}
}