body.dark-theme .card-bg-color{
         background: linear-gradient(45deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 27%, rgba(0, 0, 0, 1) 79%) !important;
         border:1px solid #fff !important;
    }
    
 body.dark-theme .tracking-item:nth-child(2):after{
     background:#000;
 }
 body.dark-theme .tracking-item:nth-child(2):before{
     background:#000;
 }
 body.dark-theme .tracking-item:last-child:before{
     background:#000;
 }
 
 body.dark-theme  .tracking-item:last-child:after{
     background:#000;
 }
 

 
 
     body.dark-theme .header-border{
         background: linear-gradient(45deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 27%, rgba(0, 0, 0, 1) 79%) !important;
           border-bottom: 1px solid #ffffff59;
    }
      body.dark-theme .dark-mode{
         background: linear-gradient(45deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 27%, rgba(0, 0, 0, 1) 79%) !important;
       
    }
     body.dark-theme .tablescroll .table .bg-color-tb{
         background: linear-gradient(45deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 27%, rgba(0, 0, 0, 1) 79%) !important;  
       
    }
    body.dark-theme #tbody_show_data{
        color:#fff;
        background-color:#000;
    }
     body.dark-theme #live_train_tbody{
        color:#fff;
        background-color:#000 !important;
    }
     body.dark-theme #at_st_tbody{
        color:#fff;
        background-color:#000;
    }
    
    body.dark-theme h1{
        color:#fff;
    }
    body.dark-theme h2{
        color:#fff;
    }
     body.dark-theme p{
        color:#fff;
    }
     body.dark-theme a{
        color:#fff;
        text-decoration: none!important;
    }
     body.dark-theme h6{
        color:#fff;
        background : #000 !important;
    }
    body.dark-theme h4{
        color:#fff !important;
    }
    body.dark-theme{
        background-color:#000;
        color:#fff;
        
    }
     body.dark-theme .offcanvas{
        color:#fff;
        background-color:#000;
    }
     body.dark-theme .icon-home{
        color:#fff !important;
        
    }
    body.dark-theme .icon-color{
        color:#fff !important;
        
    }
    body.dark-theme .icon-index-new{
        color:#000 !important;
        
    }
     body.dark-theme h5{
        color:#fff !important;
    }
     body.dark-theme hr{
        color:#fff !important;
    }
    
    
    body.dark-theme .mobile-bottom-nav {
        background-color:#000 !important;
    }
    body.dark-theme input{
        border:2px solid #000;
    }
     body.dark-theme label {
        color:#fff;
    }
      body.dark-theme .reverse-dark {
        color:#000 !important;
        border:2px solid #000;
    }
    body.dark-theme .custom-button{
         background: linear-gradient(45deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 27%, rgba(0, 0, 0, 1) 79%) !important;
           border: 1px solid #ffffff59;
    }
      body.dark-theme .bg-app-color{
         background: linear-gradient(45deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 27%, rgba(0, 0, 0, 1) 79%) !important;
           border: 1px solid #ffffff59 !important;
    }
     body.dark-theme .login-dark{
         background: linear-gradient(45deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 27%, rgba(0, 0, 0, 1) 79%) !important;
           border: 1px solid #ffffff59 !important;
    }
    
    
    
    
   
    body.dark-theme .index-or {
        background-color:#000 !important;
        border:1px solid #ffffff59 !important;
    }
    body.dark-theme .routes-form {
       
        border:1px solid #ffffff59 !important;
    }
     body.dark-theme .live-station-inp::placeholder{
         color:#fff;
     }
    body.dark-theme .lingampally-fare{
      
        color:#fff;
    }
    
    
    
    
    .toggle-checkbox {
            display: none;
        }

        .toggle-label {
            position: relative;
            display: inline-block;
            width: 60px;
            height: 34px;
            
        }

        .toggle-label::before, .toggle-label::after {
            content: "";
            position: absolute;
            transition: 0.2s;
        }

        .toggle-label::before {
            width: 100%;
            height: 100%;
            background-color: #ccc;
            border-radius: 34px;
        }

        .toggle-label::after {
            left: 2px;
            top: 2px;
            width: 30px;
            height: 30px;
            background-color: white;
            border-radius: 50%;
        }

        .toggle-checkbox:checked + .toggle-label::before {
            background-color: #4caf50;
        }

        .toggle-checkbox:checked + .toggle-label::after {
            transform: translateX(26px);
        }