/*
Template:  Webster - Responsive Multi-purpose HTML5 Template
Author: potenzaglobalsolutions.com
Design and Developed by: potenzaglobalsolutions.com

NOTE: This file contains responsive Media Queries of admin Template. You can edit/add anything in this file for responsive related changes!
*/


 /*****************
================================================
 (  Media Queries  )
================================================
 *******************/
 
 /*************************
       1200px 1200px
*************************/   
@media only screen and (min-width: 1200px) and (max-width: 1200px) { 
.data-usage .row.d-flex { display: block !important; }
.data-usage .row .col-sm-6 { max-width: 100% !important; }
.admin-followers .button.float-right { float: none !important; margin-bottom: 10px; }
}
 
 /*************************
       1400px
*************************/    
@media (max-width: 1400px) {
.admin-timeline { padding: 0; margin-top: 50px; }
.admin-shortcode ul li a { padding: 50px 28px; }

}

/*************************
       1700px
*************************/    
@media (max-width: 2000px) {

    .truck-info h1 {
        text-transform: uppercase;
        color: #3498DB;
        font-weight: 600;
        font-size: 30px;
        margin-top: 10px;
    }
    .truck-info .multiple-tc h1 {
        text-transform: uppercase;
        color: #3498DB;
        font-weight: 600;
        font-size: 25px;
        margin-top: 10px;
    }
    .truck-info h2 {
        text-transform: uppercase;
        color: #ffffff;
        font-weight: 600;
        font-size: 55px;
        margin-top: 20px;
    }
    .truck-info .multiple-tc h2 {
        text-transform: uppercase;
        color: #ffffff;
        font-weight: 600;
        font-size: 20px;
        margin-top: 10px;
    }

    .truck-info .button-xl {
        padding: 15px 15px;
        font-weight: 300;
        font-size: 12px;
    }
    /* .truck-info .multiple-tc button{
        font-weight: 300;
        font-size: 12px;
        padding: 10px 10px;
    } */

    .truck-info h3 {
        text-transform: capitalize;
        color: #ffffff;
        font-weight: 600;
        font-size: 14px;
    }
    .truck-info h4 {
        color: #ffffff;
        font-weight: 500;
        font-size: 13px;
    }
    .card-cashjob h2 {
        color: #1e374f;
        font-weight: 500;
        font-size: 11px;
    }
    .card-cashjob h3 {
        font-size:10px;
    }
    .tk-col {
        padding-left: 0px;
        padding-right: 0px;
    }
    .truck-img {
        background-image: url('../../../img/scanner/TruckImage-x1.png');
        background-repeat: no-repeat;
        background-position: center;
    }

    .scan-img {
        background-image: url('../../../img/scanner/CenterIphone-x0.75.png');
        background-repeat: no-repeat;
        background-position: center;
    }

    .tkt-img {
        background-image: url('../../../img/scanner/ticket-alt-solid-v1.png');
        background-repeat: no-repeat;
        background-position: center;
    }
    .not-truck-found {
        background-image: url('../../../img/scanner/ErrorFindingTruck-x0.5.png');
        background-repeat: no-repeat;
        background-position: center;
    }
    .qr-accepted {
        background-image: url('../../../img/scanner/QRaccepted-x0.5.png');
        background-repeat: no-repeat;
        background-position: center;
        height: 200px;
        background-size: contain;
    }


}

/*************************
       Over 1700px
*************************/    
@media (min-width: 2001px) {

    .truck-info h1 {
        text-transform: uppercase;
        color: #3498DB;
        font-weight: 700;
        font-size: 40px;
        margin-top: 30px;
    }
    .truck-info .multiple-tc h1 {
        text-transform: uppercase;
        color: #3498DB;
        font-weight: 600;
        font-size: 25px;
        margin-top: 10px;
    }
    .truck-info h2 {
        text-transform: uppercase;
        color: #ffffff;
        font-weight: 600;
        font-size: 90px;
        margin-top: 30px;
    }
    .truck-info .multiple-tc h2 {
        text-transform: uppercase;
        color: #ffffff;
        font-weight: 600;
        font-size: 20px;
        margin-top: 10px;
    }
    .truck-info .button-xl{
        padding: 15px 15px;
        font-weight: 400;
        font-size: 24px;
    }
    /* .truck-info .multiple-tc button{
        font-weight: 300;
        font-size: 12px;
        padding: 10px 10px;
    } */
    .truck-info h3 {
        text-transform: capitalize;
        color: #ffffff;
        font-weight: 700;
        font-size: 24px;
    }
    .truck-info h4 {
        color: #ffffff;
        font-weight: 500;
        font-size: 13px;
    }
    .card-cashjob h2 {
        text-transform: uppercase;
        color: #1e374f;
        font-weight: 700;
    }
    .card-cashjob .number {
        font-size:20px;
    }
    .truck-img {
        background-image: url('../../../img/scanner/TruckImage-x2.png');
        background-repeat: no-repeat;
        background-position: center;
    }

    .scan-img {
        background-image: url('../../../img/scanner/CenterIphone-x1.png');
        background-repeat: no-repeat;
        background-position: center;
    }
    .tkt-img {
        background-image: url('../../../img/scanner/ticket-alt-solid-v1.png');
        background-repeat: no-repeat;
        background-position: center;
    }
    .not-truck-found {
        background-image: url('../../../img/scanner/ErrorFindingTruck-x0.75.png');
        background-repeat: no-repeat;
        background-position: center;
    }
    .qr-accepted {
        background-image: url('../../../img/scanner/QRaccepted-x0.5.png');
        background-repeat: no-repeat;
        background-position: center;
        height: 200px;
        background-size: contain;
    }

    
}

/*************************
       991px
*************************/    
@media (max-width: 991px){
.brand-desk, .toogle-menu-desk { display: none; }
.content-wrapper { margin-left: 0; }
.side-menu-fixed { left: -230px; margin-top: 64px;}
.slide-menu .side-menu-fixed { width: 230px; left: 0; }
.slide-menu .content-wrapper { margin-left: 0; }
.slide-menu .side-menu-fixed .right-nav-text { opacity: 1; }
.admin-header a.button-toggle-nav { line-height: initial; }
.navbar .navbar-brand { padding: 8px 0; }
.side-menu-fixed .side-menu { height: auto; }
.admin-header .search .search-btn { line-height: 40px; }
.admin-header.navbar .navbar-brand-wrapper .navbar-brand.brand-logo { display: none; }
.admin-header.navbar .navbar-brand-wrapper .brand-logo-mini { display: block; }
.admin-header.navbar .navbar-brand-wrapper { width: 75px; }
.admin-header.navbar ul.navbar-nav li { margin-left:0px; }
.content-wrapper .breadcrumb { padding-left: 0 !important; margin-top: 10px; }
.admin-header .navbar-nav .nav-item { min-width: 40px; }
.admin-header.navbar ul.navbar-nav li.fullscreen { display: none; }
.admin-header a.button-toggle-nav.ml-20 { margin-left: 0px !important; }
.admin-header.header-dark a.button-toggle-nav { line-height: 18px; }
.header-mob { display: block !important; }
.admin-header.navbar.fixed-top+.container-fluid { padding-top: 3.5rem;}

    .fixed-list-ticket {
        position: fixed;
        right: 0;
        max-width: -webkit-calc(50%);
        max-width:    -moz-calc(50%);
        max-width:         calc(50%);
        height: 100vh;
        overflow-y: scroll;}​

    .fixed-ticket-filter {
        position: fixed;
        left: 230px;
        max-width: -webkit-calc(50%);
        max-width:    -moz-calc(50%);
        max-width:         calc(50%);
    }
}

@media (max-width: 767px) {
.fc-toolbar .fc-left { display: inline-block; float: none; text-align: center; clear: both; }
.fc-toolbar .fc-right { display: inline-block; float: none; text-align: center; clear: both; }
.account-overview { margin-top: 140px; position: relative; }
.header-info .page-title .card .info-btn, .header-info .page-title .card .info-drop { right: inherit; left: 0; }
.fc-icon, .fc-toolbar .fc-center { display: block; }
 .fc-toolbar .fc-center h4 { float: none; }

}

@media (max-width: 600px) {
.admin-header .navbar-nav .dropdown-big { min-width: 250px; }
.admin-header .nav-grid .nav-grid-item { width: 48.3%; }
.admin-header .navbar-nav .dropdown-big { right: -100%; }
 .profile-page .user-info .user-dp, .profile-page .user-info .user-detail { display: block; }
.profile-page .user-bg { padding: 130px 0; } 
.profile-page .user-detail  { margin-bottom: 20px; }
.admin-timeline.our-history .timeline:before { display: none; }
.weather-box-bg .weather-degree { font-size: 40px; }
.weather-box-bg .pos-bot { position: relative; }
.fc .fc-button-group>* { float: none; margin-bottom: 5px !important; display: inline-block; }
.pagination li a { margin: 0 2px; }
}

@media screen and (min-width: 991px){
    /* calculation based on left side menu width 230px */
    .fixed-list-ticket {
        position: fixed;
        right: 0;
        max-width: -webkit-calc(50% - 115px);
        max-width:    -moz-calc(50% - 115px);
        max-width:         calc(50% - 115px);
        height: 100vh;
        overflow-y: scroll;
    }

    .fixed-right-50 {
        position: fixed;
        right: 0;
        max-width: -webkit-calc(50% - 115px);
        max-width:    -moz-calc(50% - 115px);
        max-width:         calc(50% - 115px);
    }

    .fixed-right-75 {
        position: fixed;
        right: 0;
        max-width: -webkit-calc(75vw - 115px);
        max-width:    -moz-calc(75vw - 115px);
        max-width:         calc(75vw - 115px);
    }

    .fixed-left-25 {
        position: fixed;
        left: 230px;
        max-width: -webkit-calc(25% - 115px);
        max-width:    -moz-calc(25% - 115px);
        max-width:         calc(25% - 115px);
    }​
    
    .fixed-ticket-filter, .fixed-left-50 {
        position: fixed;
        left: 230px;
        max-width: -webkit-calc(50% - 115px);
        max-width:    -moz-calc(50% - 115px);
        max-width:         calc(50% - 115px);
    }​
    
}