/*======================================= Responsive Starts ======================================*/
/* XXL-1200 / XL-992 / LG-768 / MD-576 / SM-Below<576px */

@media (max-width:1920.98px){
    .full_info .total-hrs .driver-trip:first-child {
        max-width: 490px;
    }
}
@media (max-width:1700.98px){
    .full_info .driver-trip span {
        font-size: 40px;
        line-height: 60px;
    }
    .full_info .driver-trip.driver-trip-distance span {
        font-size: 30px;
        line-height: 40px;
    }
}
@media (max-width:1500.98px){
   
}
@media (max-width:1400.98px){
    .full_info .info-driver-distance {
        justify-content: center;
    }
    .full_info .driver-trip-distance {
        transform: scale(0.9);
    }
   .container{
        max-width: 1170px !important;
   }
   .user-details {
        padding: 0 15px 7px;
    }
    /* .radio-btn-holder-1, .radio-btn-holder-2, .radio-btn-holder-3 {
        gap: 9px;
    } */
    .calender-events ul li {
        padding: 13px 10px;
    }
    .driver-trip.driver-trip-distance span {
        font-size: 24px;
        line-height: 33px;
    }
    .full_info.driver-details {
        padding: 28px 30px 28px 10px;
    }
    .full_info .driver-img img {
        max-width: 90px;
    }  
}
@media (max-width:1299.98px){  
    .full_info .total-hrs .driver-trip span b {
        font-size: 18px;
        line-height: 30px;
    }
    .full_info .total-hrs .driver-trip:first-child {
        right: 0;
        margin-bottom: 10px;
    }
    .full_info .driver-trip-distance {
        transform: scale(1);
    }
    .full_info .driver-trip.driver-trip-distance span {
        font-size: 20px;
        line-height: 30px;
    }
    .full_info .driver-trip {
        position: relative;
        max-width: unset;
        background-color: #f1f3ed;
        padding: 7px;
    }
    .full_info .driver-trip span {
        font-size: 40px;
        font-weight: 600;
        line-height: 50px;
    }
}
@media (max-width:1199.98px){
    #showmydetails .modal-dialog,#showmydetails1 .modal-dialog, #showresume .modal-dialog {
        min-width: 90vw;
    }
    .full_info .driver-trip span {
        font-size: 30px;
        line-height: 40px;
    }
    #add_date {
        font-size: 13px;
    }
    .calender-events {
        margin-top: 20px;
    }
    .contact-details-holder .user-tab .row{
        justify-content: center;
    }
    .full_info.driver-details {
        padding: 28px 30px 28px 10px;
        flex-wrap: wrap;
        justify-content: center;
        gap: 15px;
    }
    .fromto_date_sec_wrapper {
        gap: 12px;
    }
    .calender-events ul {
        height: 295px;
    }
}

@media (max-width:1024.98px){
    .user-tab #tab ul li {
        padding: 7px 20px;
        font-size: 15px;
    }
    .file-upload .file-select .file-select-name,.user-form .input-wrapper input{
        font-size: 12px;
    }
    .user-search-box input[type="submit"] {
        font-size: 0 !important;
    }
}
@media (max-width:991.98px){
    div#viewallnotification .modal-content {
        min-width: unset;
    }
    .scheduled{
        margin-top: 15px;
        height: auto;
    }
    .home-top-tab {
        padding: 30px;
    }
    .home-top-tab + .user-tab {
        padding: 0 30px 20px 30px;
    }
    .table-responsive .table tbody tr td span,.table-responsive .table thead th{
        white-space: nowrap;
    }
    .scedule-top{
        border-bottom: none;
    }
    .outstanding-form-holder {
        margin: 0;
        padding: 15px 30px 10px 30px;
    }

    .left-menu-bar {
        left: -100%;
    }
    .user-tab {
        padding: 0 30px 50px 30px;
    }
    .right-content-sec{
        padding-left: 0;
    }
    .close-bar-btn,.toggle-bar-btn{
        display: block;
    }
    .left-menu-bar {
        padding: 50px 0 20px;
    }
}
@media (max-width:900.98px){
    .foot-details,.footer-holder {
        flex-direction: column;
        justify-content: center;
        gap: 20px;
    }
    .contact-box .asg-links {
        padding: 20px 15px 20px 18px;
    }
}
@media (max-width:840.98px){
    .register-sec {
        padding: 44px 30px;
    }
    .admin_table .dataTables_info,.admin_table .dataTables_paginate.paging_full_numbers {
        float: none !important;
        text-align: center !important;
    }
    .admin_table .dataTables_paginate.paging_full_numbers {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: nowrap;
        padding: 0;
    }
    .admin_table .dataTables_paginate.paging_full_numbers span {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: nowrap;
    }
    .extra-driver-details .total-hrs {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        position: relative;
    }
    .extra-driver-details .total-hrs .driver-trip:first-child {
        right: auto;
        background: none;
        max-width: unset;
    }
    .extra-driver-details .driver-trip {
        background-color: #f1f3ed;
        margin-top: 10px;
        position: relative;
    }
}
@media (max-width:767.98px){
    .fromto_date_sec_wrapper {
        gap: 10px;
    }
    .full_info.driver-details {
        padding: 25px;
    }
    .travel-fees-holder .row>*{
        margin-bottom: 25px;
    }
    .asg-upper-holder .user-details .row {
        flex-direction: column-reverse;
    }
    .asg-links{
        margin-bottom: 15px;
    }
    .logo-img img {
        width: 230px;
    }
    .row.single_date_sec {
        margin-bottom: 25px;
    }
    .row.single_date_sec .input-wrapper {
        margin-bottom: 15px;
    }
    div.dt-container div.dt-layout-row div.dt-layout-cell.dt-layout-start {
        padding: 0 20px;
    }
    div.dt-container div.dt-layout-row div.dt-layout-cell.dt-layout-end {
        padding: 0 20px;
    }
    div#assignmentList_paginate {
        display: flex;
        padding: 0 !important;
        justify-content: center;
    }
    .dataTables_wrapper .dataTables_info {
        padding-left: 0;
    }
    .custom-dashboard .sp-row .row {
        padding-bottom: 15px;
    }
}
@media (max-width:680.98px){
   .log-in-holder{
        padding: 70px 20px;
   }
   .log-in-content,.log-in-content form{
        width: 100%;
        max-width: unset;
        min-width: unset;
   }
   .log-in-content form {
        padding: 45px 50px 50px;
   }
   .top-panel {
        position: relative;
        padding: 18px 10px;
    }
    .admin_table .dataTables_length,.admin_table .dataTables_filter {
        float: none !important;
        text-align: center !important;
    }
    .admin_table .dataTables_length {
        padding-bottom: 0px;
    }
}
@media (max-width:640.98px){
    #showmydetails .user-tab #tab ul {
        scrollbar-width: thin;
    }
    div#invoicelist_wrapper .dataTables_filter,#tripreg_wrapper .dataTables_filter {
        padding-right: 0;
    }
    div#assignmentList_length {
        padding-bottom: 10px;
    }
    div#assignmentList_filter {
        padding-top: 10px;
        margin-top: 0;
    }
    .driver-details {
        padding: 25px 15px;
    }
    .driver-img{
        gap: 15px;
    }
    .driver-img b {
        font-size: 22px;
    }
    .driver-trip span {
        font-size: 40px;
        line-height: 55px;
    }
    .driver-trip {
        max-width: 150px;
        font-size: 15px;
        line-height: 25px;
    }
}
@media (max-width:575.98px){
    .dataTables_wrapper {
        position: relative;
        clear: both;
        overflow-x: auto;
    }
    .full_info .driver-trip.driver-trip-distance span {
        font-size: 18px;
        line-height: 30px;
        width: auto;
    }
    .full_info .info-driver-distance {
        gap: 15px;
    }
    .admin_table .dataTables_wrapper .dataTables_paginate .paginate_button {
        min-width: unset;
        padding: 0.5em 10px;
    }
    .dates div span {
        height: 30px;
        width: 30px;
        margin: 0 auto;
        font-size: 13px;
        line-height: 22px;
    }
    .calendar-title .month-year {
        font-size: 18px;
        line-height: 30px;
    }
    .days{
        font-size: 14px;
    }
    .dates div {
        height: 60px;
        padding: 5px 0px;
    }
    .log-in-content form .input-wrapper input[type="submit"] {
        padding: 11px 48px;
    }
    .log-in-content form h2 {
        font-size: 25px;
        line-height: 35px;
    }
    .log-in-content form h3 {
        font-size: 16px;
        line-height: 26px;
    }
    .outstanding-main-form {
        gap: 5px;
    }
}
@media (max-width:520.98px){
    .user-tab #tab ul{
        scrollbar-width: thin;
    }
    .driver-trip span {
        font-size: 35px;
        line-height: 45px;
    }
    .driver-trip {
        max-width: 125px;
    }
    .driver-img>img {
        width: 95px;
    }
}
@media (max-width:480.98px){
    .driver-img img {
        max-width: 90px;
    }
    .admin_table .dataTables_paginate.paging_full_numbers {
        justify-content: flex-start;
    }
    .admin_table div#acceptedTripList_paginate {
        justify-content: center;
    }
    .filter-popup-form {
        position: absolute;
        left: 0;
        top: 125px;
    }
    .filter-popup-form .form-end-btns {
        /* justify-content: flex-end; */
        flex-wrap: wrap;
        justify-content: center;
    }
    .file-upload {
        align-items: flex-start;
        justify-content: flex-start;
        flex-direction: column;
    }
    .file-upload .file-select{
        width: 100%;
    }
    .file-upload .btn-success {
        padding: 7px 35px !important;
    }
    .user-details .user-details-title{
        flex-direction: column;
        justify-content: center;
        gap: 10px;
    }
    .filter-btn span {
        font-size: 15px;
        min-width: 100px;
        text-align: center;
    }
    .form-end-btns .cnl-btn {
        padding: 13px 25px;
        font-size: 12px;
    }
.log-in-content form {
    padding: 45px 20px 40px;
}
.outstanding-form-holder {
    margin: 0;
    padding: 15px 15px 10px 15px;
}
.log-in-holder {
    padding: 70px 15px;
}
.user-tab {
    padding: 0 15px 50px 15px;
}
.pop_form_text {
    display: inline-block;
    width: 100%;
    word-break: break-all;
    font-size: 14px;
}
}
@media (max-width:420.98px){
    input#abc {
        display: block;
        width: 100%;
        margin: 10px 0;
    }
    .full_info.extra-driver-details.driver-details {
        display: block;
    }
    .full_info .extra-driver-details .total-hrs .driver-trip:first-child {
        margin: 15px 0;
    }
    .full_info .driver-trip.driver-trip-distance span {
        font-size: 16px;
        line-height: 23px;
    }
    .full_info .driver-img {
        gap: 15px;
        flex-wrap: wrap;
        justify-content: center;
    }
    .driver-trip {
        background: #f1f3ed;
        background-size: cover;
        position: relative;
        max-width: 100%;
        width: 100%;
        margin-top: 15px;
        padding: 15px;
    }
    .driver-details{
        flex-direction: column;
    }
    .user-tab #tab ul li {
        padding: 5px 10px;
        font-size: 13px;
    }
    .top-panel{
        gap: 10px;
    }
    .toggle-bar-btn{
        left: 15px;
    }
    .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
        font-size: 15px;
    }
    .user-form .input-wrapper select {
        background-position: right 10px top 23px;
        padding: 14px 27px 14px 20px;
    }
    .radio-btn-holder {
        gap: 20px;
    }
    .extra-driver-details.driver-details {
        flex-direction: column;
        gap: 10px;
    }
    .extra-driver-details .driver-trip {
        margin-top: 0;
        padding: 7px;
    }
    .btn-success, .btn-danger {
        padding: 8px 25px !important;
    }
}
@media (max-width:380.98px){
    .full_info .info-driver-distance {
        gap: 0px;
        flex-wrap: wrap;
    }
    .full_info .driver-trip.driver-trip-distance span{
        width: 100%;
    }
}
@media (max-width:350.98px){
    .check-box-sec-holder {
        margin-top: 0;
        padding-bottom: 20px;
        flex-direction: column;
        gap: 10px;
        justify-content: center;
    }
    .user-panel {
        gap: 4px;
    }
    .top-panel {
        gap: 2px;
    }
}

/*======================================= Responsive Ends ========================================*/