/* Responsive */
@media (max-width: 768px) {
    #sidebar {
        position: absolute;
        left: -100%;
        transition: left 0.3s ease;
    }

    main {
        margin-left: 0;
    }

    #sidebar.active {
        left: 0;
    }
}

@media (max-width: 991px) { /* For Tablets & Mobile */
    .container-wrapper {
        width: 100% !important;
    }
   
}

/* @media (min-width: 992px) { 
    /* .container-wrapper {
        width: 80% !important;
    }/*
} */


/* for 20 % in card width */
.custom-col {
    width: 20% !important; 
    
}

@media (max-width: 991px) { 
    .custom-col {
        width: 50% !important; 
    }
}

@media (max-width: 576px) { 
    .custom-col {
        width: 100% !important; 
    }
}
/* Responsive */
@media (max-width: 768px) {
    .toggle-container {
        width: 200px;
    }
    .toggle-text {
        font-size: 14px;
    }
    .page-body-wrapper{
        display: block;
    }
    .mob-logo{
        margin: 20px;
        width: 180px;
        display: block;
        float: left;
    }
    .sidebartoggle{
        margin-top: 30px;
        right: 20px;
        position: absolute;
    }
    .container-wrapper{
        padding: 10px 15px !important;
    }

/* Responsive */

    .custom-table tr {
        flex-direction: column;
        align-items: flex-start;
        padding: 10px;
    }

    .custom-table td {
        width: 100%;
        padding: 5px;
    }

    .actions {
        margin-top: 10px;
    }

    .job-header {
        flex-direction: column;
        align-items: flex-start;
    }

    .filters {
        flex-direction: column;
        width: 100%;
    }

    .filter {
        width: 100%;
        justify-content: space-between;
    }

    .filter select {
        width: 100%;
    }
}
@media only screen and (min-device-width: 1536px) and (max-device-width: 2048px) {
    .login-img img{
        width: 65% !important;
    }
}