/*Old style from v1*/

@media only screen and (max-width: 1200px){
    .logout-pages .filter-btns{display: none;}
    .iti-mobile .pricing-box>div .upper-white{
        background: none !important;
    }
    .iti-mobile .pricing-box:hover >div *{
        color: #000;
    }
    .iti-mobile .pricing-box{
        margin-bottom: 30px;
    }
    .iti-mobile .pricing-box:hover >div a.sign_up_main{
        color: #fff;
        background: #4695f6;
    }
    .iti-mobile .pricing-box>div{
        background-image: none !important;
    }
    .iti-mobile .pricing-box .price {
        line-height: 26px;
        font-size: 50px;
    }
    .iti-mobile .pricing-box .price>span{
        font-size: 13px;
    }
}
@media only screen and (max-width: 992px){
    .wallet-panel .wallet-box{
        width:100%;
        height: auto;
    }
    .wallet-panel .wallet-box:first-child{
        border-right:none;
        border-bottom: 1px solid #e5e5e5;
        padding-bottom: 40px;
        margin-bottom: 20px;
    }
    .single-wallet .plan-buttons{
        bottom: 10px;
        position: static;
        padding: 0;
    }
    .wallet-panel .plan-buttons .tk-select {
        margin-bottom: 14px;
        margin-top: 8px;
        width: 100%;
    }
}
@media only screen and (max-width: 768px) {
    #sidebar-search-agents input::-webkit-input-placeholder,
    #sidebar-search input::-webkit-input-placeholder{
        font-family: 'Montserrat-Light';
        color: rgba(0, 0, 0, 0.67);
    }
    .offsidebar, .rightsidebar, #offsidebar-btn, #rightsidebar-btn {
        display: none !important;
    }
    #us-dialog-add-dispatcher .intl-tel-input .country-list {
        width: calc(100vw - 75px);
    }

    .offsidebar, .rightsidebar {
        width: 100% !important;
        height: auto !important;

    }
    .meterial-grid-container .addOnOuterBox .add-on-content{
        text-align: justify;
    }
    .dashboard-wrapper .offsidebar .nav-tabs, .dashboard-wrapper .rightsidebar .nav-tabs {
        width: 100% !important;
    }

    .dashboard-wrapper .offsidebar .nav-tabs > li, .dashboard-wrapper .rightsidebar .nav-tabs > li {
        width: 30% !important;
        float: left;
    }

    .dashboard-wrapper .dashboard-panel {
        display: inline-block;
        width: 100% !important;
        margin-left: 0px;
        margin-right: 0px;
    }

    .dashboard-wrapper .dashboard-panel .angular-google-map-container {
        position: absolute;
        height: 100%;
        width: 100%;
        left: 260px;
        right: 0px;
    }

    .dashboard-wrapper .driver-detail-container {
        width: 90%;
    }

    .offsidebar, #offsidebar-btn, .rightsidebar, #rightsidebar-btn {
        margin-top: 40px !important;
    }

    .navbar-right .menu .dropdown-menu{
        max-width: 100% !important;
        right: 0 !important;
    }
    .menu-items{
        padding-left:60px;
    }

    .nav-wrapper .navbar-nav .open .dropdown-menu{
        width: 100%;
    }
    #headerOfferStrip{
        height: 50px;
        display: table;
        width: 100%;
    }
    #headerOfferStrip p {
        display: table-cell;
        vertical-align: middle;
    }
    #headerOfferStrip .remove-header-strip{
        top: 32%;
    }
    .tk-panel .tk-panel-heading{
        height: auto;
        min-height: 58px;
    }
    .mobile-responsive .container-sms-wallet-page,
    .mobile-responsive .container-sms-wallet-history-page{
        padding-top: 18px;
    }
    .tk-blue-btn, .tk-green-btn, .tk-cancel-btn{
        min-width: 86px;
    }
    .tk-panel.wallet-panel .tk-panel-heading.select-heading{
        padding-top: 17px;
    }
    .modal{
        right: 10px;
        left: 10px;
    }
    .container-settings-page .settings-page-content{
        padding-top: 30px;
    }
    .container-sms-wallet-page .inner-padding,
    .container-sms-wallet-history-page .inner-padding{
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media screen and (max-width: 768px) {
    .int-search-db{
        width:92% !important;
    }
}

@media only screen and (max-width: 660px) {

    .menu-items{
        padding-left:35px;
    }
    .dashboard-wrapper .driver-detail-container {
        width: 85%;
    }
}

@media only screen and (max-width: 550px) {
    .menu-items{
        padding-left:10px;
    }
}
@media only screen and (max-width: 460px) {
    .menu-items{
        margin: 15px 0px 15px 5px;
    }
    .dashboard-wrapper .driver-detail-container {
        width: 75%;
    }
}


@media only screen and (min-width: 1400px){
    .container-geofence-page .geo-fence-agents{
        width:33.33%;
    }
}
@media only screen and (max-width: 767px){
    .account-form{
        margin: 0 auto;
        left: 0;
        right: 0;
        max-width: 92%;
    }
    .right-login-panel{
        display: none;
    }
    .account-form .action-btn .btn {
        font-size: 14px;
    }
}
@media only screen and (max-width: 600px){
    .account-form:after{
        display: none;}
}
@media only screen and (max-width: 400px) {
    .account-form{
        position: static;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        max-width: 100%;
        margin-bottom: 20px;
    }
    .single-create-task .custom-fields-box .table-responsive .table-responsive{
        max-width: 100px;
        width: 100%;
        display: block;
        margin: 0;
    }
    .single-wallet .plan-buttons .secondry-btn{
        margin-bottom: 10px;
    }

}

@media only screen and (max-width: 1365px){
    #setup-tabs .fancy-checkbox-container  .checkbox-content{
        line-height: 12px;
    }
}
@media only screen and (max-width: 1024px){
    .new-top-menu .navbar-right{
        width: auto;
        float: right !important;
    }
}

@media only screen and (min-width: 1024px) {
    .content-wrapper section {
        height: calc(100%) !important;
    }
    .detail-slider-box,.content-wrapper .detail-slider-box{
        height: calc(100% - 60px) !important;
        height: calc(100vh - 60px) !important;
    }
}







/*New Style for responsive*/

@media (max-width:1280px) {
    .allocations .allocation-box {
        width: auto;
        padding: 10px 10px;
    }
    .allocations .allocation-box img {
        max-width: 190px;
    }

}

@media (max-width:1120px){
    ul#setup-tabs .panel-title .row > div {
        line-height: 19px;
    }
}

@media(min-width: 769px){
    /*.new-top-menu .task-arrow-web {*/
    /*display: block !important;*/
    /*}*/
    .new-top-menu .task-arrow-mobile {
        display: none !important;
    }
    .page-backdrop.mobile-agent-backdrop {
        display:none;
    }
    .mobile-menu{
        display:none !important;
    }
    span.tf.left-arrow.task-arrow-mobile {
        display: none;
    }
    span i.tf.left-arrow.task-arrow-mobile {
        display: none;
    }
    div.close-detail i.tf.left-arrow.task-arrow-mobile {
        display:none;
    }
    .setting-trigger,#mobileOptions,.hidden-md{
        display: none;
    }
    .is-mobile.inner-section.inner-pages{
        top: 110px;
    }
}

@media (max-width: 380px){
    .side-nav.full{
        height: 100%;
        overflow-y: auto;
    }
}
@media (max-width: 769px){

    /*========== 768 styling =============== */
    /*For display none of unrequired element*/
    .fancy-table-outer .t-fancy-table .dropdown-backdrop,
    .single-task .task-detail .status-button.map-show,
    .single-task .task-detail:hover .status-button.map-show,
    .logout-pages .filter-btns,
    .filter-trigger .account-logout-btn{
        display: none;
    }
    .mobile-filters:not(.open)>li:not(.create-task-li){
        display: none !important;
    }
    .table-multi-actions {
        background: #fff;
        width: 100%;
        text-align: right;
    }
    .task-list-page .table-multi-actions{
        right:0;
        left:100%;
    }
    .iti-mobile .pricing-box>div{
        height: auto;
    }
    #sideMenu li a .menu-img.icon-List_View{
        font-size: 16px;
    }
    .fancy-table-outer.fixed-bar .dataTables_wrapper .top{
        height: 55px;
    }
    .task-list-page.fancy-table-outer .dataTables_wrapper .top{
        width: 100%;
        top: 60px;
        border-top: 1px solid #e5e8ef;
        border-bottom: 1px solid #e5e8ef;
    }
    #taskFiltersSection{
        z-index: 11;
        top: 116px;
        box-shadow: 0 1px 3px rgba(51, 51, 51, 0.22);
    }
    .task-list-page{
        /*padding-top: 164px;*/
    }
    .top-nav .task-filters #team-dashboard{
        width: 100%;
    }
    .top-nav .task-filters .md-button{
        margin: 0 !important;
    }
    .top-nav .task-filters .mar-rt-10{
        margin-right: 0 !important;
    }
    .task-filters .multiselect-parent.dropdown-multiselect .material-icons{
        margin-right: -7px;
    }
    #taskFiltersSection .dropdown-menu{
        left: 0;
    }
    .task-filters .enhanced-datepicker input.task-dateRange,.task-filters .enhanced-datepicker input.dateRange{
        width: 100%;
        opacity: 0;
        left: 0;
        position: absolute;
        top: 16px;
        height: 28px;
        border: 0;
        cursor: pointer;
        z-index: 9999;
    }
    .task-filters ul.dropdown-menu.listCheck{

    }
    .task-filters .team-mobile ul#content_team{
        max-height: 200px;
        overflow-y: auto;
    }
    .top-nav .task-filters .select-team.team-mobile{
        z-index: 1000;
    }
    #taskFiltersSection .md-button{
        margin-bottom: 10px;
    }
    .main-inner .top-nav .navbar-right>li{
        float: none;
    }
    .allocations .fullwidth.panel-box {
        padding: 0;
    }
    .daterangepicker
    {
        width: 278px !important;
    }
    .create-task-sidebar .client .dropdown-menu {
        width: calc(100% - 10px);
    }
    .create-task-sidebar .client .dropdown-menu li a> span:first-child{
        max-width: calc(100% - 150px);
        display: inline-block;
        overflow: hidden;
    }
    .container-dispatcher-page .add-agent-modal .form-group {
        float: left;
        width:100%;
    }
    .daterangepicker .calendar{
        width: 100%;
        margin: 14px 0px;
    }
    .dashboard-wrapper .map-control-btn{
        display: none;
    }
    .allocations .allocation-box {
        width: 100%;
    }
    .allocation-box .inner img.img-responsive {
        margin: 0 auto;
        max-width: 50%;
        display: none;
    }
    .meterial-grid-container .addOnOuterBox{
        width:100% !important;
        position: relative;
        left:0 !important;
        top:auto !important;
    }
    .permis_radio{
        margin-left: 0 !important;
    }
    #edit-agent-modal form>div,
    #edit-agent-modal form>div>.form-group,
    #add-agent-modal form>div,
    #add-agent-modal form>div>.form-group{
        padding:0;
    }
    #edit-driver-image-form-group .bootstrap-filestyle, #edit-driver-image-form-group1 .bootstrap-filestyle {
        margin-left: 0 !important;
        margin-bottom: 20px;
    }
    .fancy-modal .action-btn.modal-row {
        margin-left: -10px;
        margin-right: -10px;
    }
    /*For display Block of required element*/
    .agent-detail-info.is-optimize,
    .single-task .task-detail:hover .status-button,
    .logout-pages .account-logout-btn{
        display: block;
    }
    .all-filters-top .multiselect-parent,
    .all-filters-top .multiselect-parent .dropdown-toggle{
        display: block;
        width: 100%;
    }
    .main-inner .top-nav .header-icon{
        margin-top: 0;
        float: right;
    }
    .main-inner .top-nav .team-btn, .sub-header .team-btn{
        display: block;
    }
    .assignment-slider.collapse,
    .slide-second .assignment-slider{
        height: 0;
        overflow: hidden;
        background: transparent;
    }
    .assignment-slider.collapse.in,
    .assignment-slider.in{
        height: auto;
    }
    #mobileOptions .close-createtask{
        width: 30px;
        margin-right: 20px;
        margin-top: 0;
    }
    .create-task-sidebar .slide-second {
        position: absolute;
        padding: 0 0 80px 0;
        min-height: calc(100% - 40px);
    }
    .create-task-sidebar.open .slide-second .task-map{
        padding: 20px;
        max-height: 300px;
        overflow: hidden;
        background: transparent;
    }
    .create-task-sidebar .assignment-slider .single-section{
        margin-bottom:25px;
        background: #fcfcfc;
    }
    .create-task-sidebar .upper-section {
        padding: 20px 10px 20px 20px;
    }

    .mobile-responsive {
        display: block;
    }
    .create-task-sidebar .assignment-slider .single-section {
        width:100% !important;
        min-height: auto;
    }
    #mobileOptions {
        float: left;
        width: 100%;
        background: #1394ff;
    }
    .mobileOptions{
        display: block;
        position: fixed;
        top: 60px;
        width: 100%;
        left: 0;
        z-index: 9;
        box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
    }
    .offer-strip .mobileOptions{
        top:109px;
    }
    .container-billingdetail-page .pending-payment .pay{
        margin-top: 10px;
    }
    .create-task-sidebar .mobileOptions{
        display: none;
    }
    .create-task-sidebar.open .mobileOptions{
        display: block;
        position: relative;
        top: 0;
    }
    .custom-tabs {
        width: 100%;
        background-color: #4695f6;
        height: 40px;
    }
    .main-outer.new-dashboard .left-sidebar {
        margin-top: 40px !important;
        width:100% !important;
        height: auto !important;
    }
    #mobileOptions .dashboard-tab {
        z-index: 999;
    }
    .dashboard-tab {
        width: 33.3% !important;
        padding: 14px 10px 11px !important;
    }
    .dashboard-tab a {
        color: #fff !important;
        font-family: Montserrat-Light;
        text-transform: uppercase;
        letter-spacing:1.3px;
        text-decoration: none !important;
        font-size: 11px;
    }
    .dashboard-tab.active {
        color: #2196F3 !important;
        background: none;
        border-bottom: 2px solid #fff !important;
    }
    /*.left-sidebar .pane-header, .right-sliding .pane-header{*/
    /*display:none;*/
    /*}*/
    .left-task .nav-tabs.nav-justified > li {
        display: block;
        float: left;
        width: 33.33%;
        text-align: center;
    }
    #all_driver_datatable_wrapper .table-responsive {
        overflow: scroll;
        width: 670px !important;
    }
    #assign-automatically{
        padding: 13px 0 13px;
    }
    #assign-automatically .panel-title .down-chevron{
        font-size: 9px;
        margin-right: -8px;
        padding-top: 3px;
        margin-bottom: -3px;
    }
    .update-task-sidebar #assign-automatically .panel-title .down-chevron{
        margin-right: 0;
    }
    #assign-automatically .panel-title .down-chevron.rotate{
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    /*.fancy-table-outer .t-fancy-table {*/
    /*margin-bottom: 30px !important;*/
    /*margin-top: 40px !important;*/
    /*min-width: 100%;*/
    /*background: #fff;*/
    /*border-radius: 5px;*/
    /*overflow-x: scroll;*/
    /*box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.05);*/
    /*display: table-cell;*/
    /*max-width: 590px !important;*/
    /*}*/
    #page-loader .snooze_center {
        position: absolute;
        left: 0;
        right: 0;
    }
    .msg-cntr-es {
        min-width: 100%;
        margin: 0;
    }
    .dropdown-menu{
        right:0 !important;
        left: auto;
    }
    #dashboard_main_div
    .agent-detail-box {
        width:100%;
    }
    .agent-detail-box.sliding-bottom.open{
        top:40px;
    }
    .agent-detail-box.sliding-bottom.open.stop-detail-in-task-view{
        top:5px;
    }
    .agent-detail-box, .content-wrapper section.agent-detail-box{
        height: calc(100vh - 105px) !important;
    }
    #agent-switch .agent-detail-box.sliding-bottom.open{
        top:40px;
    }
    .half-sidebar.open{
        left: 0;
        width: 100%;
        padding-left: 0;
        z-index: 99999;
    }
    .create-task-tab {
        height: 40px;
        background: #1394ff;
        width: 100%;
        position: relative;
        z-index: 9;
        padding: 7px 23px;
    }
    .create-task-tab h2 {
        margin: 0;
        color: #f5f7f9;
        font-size: 18px;
        font-family: Montserrat-Light;
        text-align: left;
        line-height: 1.22;
    }
    .create-task-tab span {
        color: #fff;
        margin: 3px 0 0 0px;
        font-size: 17px;
        display: block;
        padding: 0 8px 0 0px;
    }
    .sideslider-heading {
        display: none;
    }
    .create-task-sidebar .panel-group .panel {
        margin-top: 16px !important;
        position: relative;
        top: 0px;
    }
    .detail-slider-box{

    }
    .create-task-sidebar .upper-section {
        height: auto;
        padding: 20px;
        margin-bottom: 0;
        position: relative;
        padding-right: 10px;
    }
    .create-task-sidebar.update-task-sidebar .slide-second{
        padding-bottom: 100px;
    }
    .create-task-sidebar.update-task-sidebar #assign-automatically {
        padding: 13px 20px 13px;
    }
    .assignment-slider {
        position: relative;
        height: auto;
        background: #fcfcfc;
        padding-left: 0;
        z-index: 9;
        width: 100%;
        bottom: 0;
        top: 0;
        margin: 0;
        display: block;
        padding: 0 20px;
    }
    .agent-detail-box .close-task-detail, .agent-detail-box .close-agent-detail {
        top: 3px;
    }
    .create-task-sidebar .action-btn {
        bottom: 0;
    }
    #tasks-switch .agent-detail-box.sliding-bottom.open .close-detail {
        left: 0 !important;
        top: 0;
        float: left;
        background: #eaedf0;
        border-radius: 0;
        padding: 0;
        width: 40px;
        /*height: 37px;*/
        height: 28px;
        line-height: 20px;
        -webkit-transition: none;
        -moz-transition: none;
        -ms-transition: none;
        -o-transition: none;
        transition: none;
    }
    .create-task-sidebar .assignment-slider .single-section .scroll {
        height: auto;
    }
    .create-task-sidebar .assignment-slider .single-section.section_2,
    .create-task-sidebar .assignment-slider .single-section.assignto-section.section_2 {
        width: 100%;
        min-height: 0;
    }
    .create-task-sidebar .slide-second {
        position: relative;
        height:auto;
        padding: 0 0 40px 0;
        padding-bottom: 100px;
    }
    #agent-switch {
        float: none;
        position: absolute;
        width: 100%;
    }
    .half-sidebar {
        position: absolute;
    }
    .agent-detail-box .detail-action {
        line-height: 27px;
        float: left !important;
        width: auto;
        text-align: left;
        margin: 2px 0 0 30px;
    }
    .container-allcustomers-page .agent-detail-box .detail-action {
        margin:0;
    }

    /*.collapse-sidebar.left {*/
    /*display: none;*/
    /*}*/

    #agent-switch section.agent-detail-box {
        width: 100%;
    }
    .main-outer.new-dashboard .right-section{
        width:100% !important;
        top:40px !important;
        height: calc(100vh - 100px) !important;
    }
    .offer-strip .main-outer.new-dashboard .right-section{
        height: calc(100vh - 150px) !important;
    }
    .desktop-right { float: none !important;}
    .create-task-sidebar.open .task-map {
        position: static;
        opacity: 1;
        width: 100%;
        height:100%;
    }
    #tasks-switch .left-sidebar .sidebar-search.open input {
        width: calc(100% - 40px);
    }
    .dashboard-tab.active a {
        font-family: Montserrat-Regular;
    }
    .top-nav >.navbar-nav:nth-child(1) {
        margin-right: 0;
    }
    i.fa.fa-times.mobile-cross {
        display: inline-block;
        top: 3px;
        position: relative;
    }
    i.fa.fa-times:before {
        content: '\E940';
        font-family: 'tookan-icon';
        font-size: 15px;
    }
    .desktop-menu {
        display:none;
    }
    .side-nav .cross.menu-trigger {
        display:inline-block;
    }
    #agent-switch .detail-header {
        padding: 5px 14px 3px 24px;
        height: 45px;
    }
    #tasks-switch .detail-tabs .task-tabs {
        width: calc(100% - 46px);
        background: #eaedf0 !important;
    }
    #tasks-switch .agent-detail-box .detail-tabs .task-tabs{
        padding-left: 40px;
        width: calc(100% - 40px);
    }

    .container-allcustomers-page .detail-slider-box .detail-tabs .task-tabs {

    }
    .top-nav .dropdown {
        z-index: 1009;
    }
    .detail-header .detail-action>.more-btn {
        position: absolute;
        right: 0;
        top: 7px;
    }
    .left-sidebar .pane-header .task-id {
        font-size: 11px;
        position: relative;
        top: -5px;
        left: 156px;
    }
    .left-sidebar .pane-header,
    .right-sliding .pane-header {
        background: #4695f6;
        width: 100%;
        color: #fff;
        height: 40px;
        line-height: 40px;
        margin: -40px 0 0 0;
        font-size: 20px;
        padding: 0 20px 0 18px;
        border-bottom: 1px solid #e2e4e6;
    }
    .head-tab {
        display:none;
    }
    .right-agent-tab {
        display: none;
    }
    .left-sidebar .pane-header .fleet-name {
        font-size: 13px;
        position: relative;
        float: right;
        right: 59px;
        top: -2px;
    }
    .main-outer.new-dashboard .left-sidebar .task-tabs>li {
    }
    .sidebar-search .search {
        font-size: 14px;
        color: #282828;
    }
    .left-sidebar .sidebar-search,
    .left-sidebar .sidebar-search.open input{
        background:none;
        -webkit-transition: none;
        -moz-transition: none;
        -ms-transition: none;
        -o-transition: none;
        transition: none;
    }
    #sidebar-search-agents input {
        color: #282828;
    }
    .left-sidebar .sidebar-search .clear-search:after{
        color: #282828;
    }
    .main-outer.new-dashboard .right-agent.left-sidebar .task-tabs{
        padding-right: 40px;
    }
    .agent-detail-box.sliding-bottom.open .close-detail,
    .agent-detail-box.sliding-bottom .close-detail
    {
        left: 13px !important;
        opacity: 1;
        top: 7px;
        background: none;
        color: #000;
    }
    .sliding-bottom .detail-action .more-menu, .right-sliding .detail-action .more-menu {
        transform: rotate(0deg);
    }
    .left-sidebar .sidebar-tabs .nav-tabs.nav-justified {
        background: #eaedf0 !important;
        width: 100%;
        padding-right: 40px;
    }
    .left-sidebar .nav-tabs.nav-justified > li > a{
        padding: 6px 1px 0;
    }
    #tasks-switch {
        width:100%;
        float:left;
        display: block;
    }
    #tasks-switch .agent-detail-box .detail-action {
        margin: 0px 0 0 30px;
        position: absolute;
        right: 0;
        width: 40px;
        height: 37px;
    }
    .detail-tabs li>a {
        padding: 6px 40px;
    }
    .agent-detail-box .detail-tabs li>a {
        padding: 8px 1px;
        font-size: 12px;
    }
    .container-allcustomers-page .new-pane .detail-tabs .detail-action {
        height: 37px;
        width: 41px;
    }
    /*.close-agent-detail .tf.left-arrow::after,*/
    /*.close-task-detail .tf.left-arrow::after {*/
    /*content: '\E90D';*/
    /*font-size: 15px;*/
    /*}*/
    .agent-detail-box.sliding-bottom .close-detail:hover{
        transform: none;
    }
    .inner-section.inner-pages .page-wrap{
        width: 100%;
    }
    .setting-nav.fixed-setting{
        left: -185px;
        z-index: 1001;
    }
    .setting-nav.fixed-setting.open{
        left: 0;
        box-shadow: 0px 0 15px rgba(51, 51, 51, 0.12);
        height: 100%;
        position: relative;
        top: 0;
    }
    .main-outer.page-with-sidebar .sub-header {
        width: 100%;
        margin-left: 0;
        padding-left: 45px !important;
    }
    .setting-trigger{
        font-size: 22px;
        width: 50px;
        height: 50px;
        text-align: center;
        line-height: 50px;
        position: absolute;
        right: -53px;
        /* top: 60px; */
    }
    .setting-nav.fixed-setting.open .setting-trigger{
        background: #f5f7f9;
        border-radius: 0 0 4px 0;
        right: -50px;
        top: 0;
    }
    .setting-nav.fixed-setting.open .setting-trigger .tf{
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
        display: block;
    }
    .ele-ht-wd .inner-section{
        top:60px;
    }
    .webDashBoard #agentBody .taskBodyCol .preview-panel {
        max-width: 100%;
    }
    .agentPreviewTile {
        min-height: 110px;
        padding-top: 15px;
        height: 100%;
    }
    .taskCol2 {
        width: auto !important;
    }
    .container-dispatcher-page .fancy-table-outer .table-responsive {
        max-width: 100%;
        overflow: scroll;
    }
    .container-allcustomers-page .close-task-detail.close-detail {
        position: absolute;
        left: 10px !important;
        top: -37px;
    }
    .container-allcustomers-page .right-sliding .pane-header {
        padding: 0 20px 0 48px;
    }
    .container-allcustomers-page .agent-detail-box .tf.left-arrow:after {
        content: '\E90D';
        top: 4px;
        position: absolute;
        left: 19px;
        font-size: 14px;
    }
    .workflow-step .img-section {
        height: auto;
    }



    /*========== end 992 styling =============== */


    .container-allcustomers-page .close-detail:hover i {
        transform: none;
    }

    .agent-detail-box .close-task-detail1 i:hover,
    .agent-detail-box .close-agent-detail i:hover {
        transform: rotate(0deg);
    }
    .main-outer.new-dashboard .left-task {
        margin-top: 45px !important;
        width:100% !important;
        height: auto !important;
    }
    .main-outer.new-dashboard .right-agent {
        margin-top: 0px !important;
        width:100% !important;
        height: auto !important;
    }
    .agent-detail-box .fullwidth i.tf.left-arrow.task-arrow-mobile:after {
        font-size: 13px;
    }
    .dashboard-tab.active {
        color: #2196F3 !important;
        background: none;
        border-bottom: 2px solid #fff !important;
    }
    .left-sidebar .pane-header, .right-sliding .pane-header{
        display:block;
    }
    .main-inner .top-nav .navbar-nav>li {
        color: #fff;
        letter-spacing: .8px;
        display: inline-block;
        vertical-align: middle;
    }
    .navbar-nav .open .dropdown-menu{
        background: #fff;
    }
    .navbar-nav .open .dropdown-multiselect .dropdown-menu{
        z-index: 1010;
        left: 0;
        width: 200px;
        margin-left: -5px;
        max-height: 200px !important;
        overflow-y: auto !important;
    }
    .top-nav .filter-task-columns .listCheck{
        position: fixed !important;
        left: 0;
        right: 0;
        width: 200px;
        margin: 0 auto;
    }
    .dashboard-wrapper .enhanced-datepicker .dropdown-menu{

    }
    /*.top-nav .enhanced-datepicker div[uib-datepicker-popup-wrap] {*/
        /*position: relative;*/
        /*z-index: 1001;*/
        /*top: -10px;*/
        /*margin: 0 auto;*/
        /*left: 0;*/
        /*right: 0;*/
        /*width: auto;*/
    /*}*/
    .top-nav .enhanced-datepicker div[uib-datepicker-popup-wrap] {
        position: absolute;
        z-index: 9999;
        top: 50px;
        left: 0;
        margin-left: auto;
        margin-right: auto;
        right: 0;
        width: 240px;
    }
    .navbar-nav {
        float: left;
        margin: 0;
    }
    .nav-tabs.nav-justified > li {
        display: table-cell;
        width: 1%;
    }
    .md-button.md-raised:not([disabled]):hover {
        background-color: rgba(158,158,158,0.2);
    }
    .new-top-menu .navbar-right.mobile-filters.open{
        width:100%;
        text-align: center;
    }
    .main-outer.new-dashboard .main-inner .top-nav .navbar-right {
        height: auto;
    }
    .mobile-filters.open:not(.navbar-right)>li,
    .mobile-filters.open>li.create-task-li{
        width: 100%;
        text-align: center;
    }
    .left-sidebar .single-task .address {
        padding-right: 20px;
    }
    .top-nav .mobile-filters.open>li button.md-button:not(.icon-btn),
    .top-nav .mobile-filters.open>li .full-btn{
        min-width: 200px;
    }
    .filter-trigger{
        position: relative;
    }
    .filter-trigger .filter-dropdown{
        display: none;
    }
    .filter-trigger.open .filter-dropdown{
        display: block;
        height: 300px;
        width: 100%;
        left: 0;
        position: fixed;
        background: #333;
        box-shadow: 0 3px 3px rgba(51, 51, 51, 0.26);
    }
    .fleet-page .fancy-table-outer .table-responsive {
        min-height: 500px;
    }
    .dropdown-menu{
        right:0 !important;
        left: auto;
    }
    /*.agent-detail-box, .content-wrapper section.agent-detail-box {*/
    /*width:100%;*/
    /*}*/
    .half-sidebar {
        top: 0;
        left: -100%;
        width: 100%;
        opacity: 0;
    }
    .half-sidebar.open{
        left: 0;
        padding-left: 0;
        z-index: 99999;
        min-height: 100%;
        opacity: 1;
    }
    .create-task-tab {
        height: 40px;
        background: #1394ff;
        width: 100%;
        position: relative;
        z-index: 9;
        padding: 7px 10px;
    }
    .create-task-tab h2 {
        margin: 0;
        color: #f5f7f9;
        font-size: 18px;
        font-family: Montserrat-Light;
        text-align: left;
        line-height: 1.22;
    }
    .create-task-tab span {
        color: #fff;
        margin: 3px 0 0 0px;
        font-size: 17px;
        display: block;
        padding: 0 0px 0 0px;
    }
    .sideslider-heading {
        display: none;
    }
    .side-nav.full {
        width:100%;
    }
    ul.navbar-nav.nav.top-side-list,
    ul.navbar-nav.nav.bottom-navbar {
        width: 100%;
    }
    .agent-detail-box .close-task-detail, .agent-detail-box .close-agent-detail {
        top: 3px;
    }
    /*#tasks-switch .agent-detail-box.sliding-bottom.open .close-detail {*/
    /*right: 34px !important;*/
    /*}*/
    div#agent-switch {
        float: none;
        top: 45px;
        position: absolute;
        width: 100%;
    }
    .offer-strip div#agent-switch{
        top: 95px;
    }

    #agent-switch section.agent-detail-box {
        width: 100%;
    }
    .detail-action.pull-right.text-right {
        float: left !important;
    }
    .left-sidebar .sidebar-search.open {
        width: 100% !important;
        background: #eaedf0;
        height:42px !important;
    }
    .form-control::-moz-placeholder {
        color: #4e4e50;
        opacity: 1;
    }

    /*.input-group::-webkit-input-placeholder { !* Chrome/Opera/Safari *!*/
        /*color: #282828 !important;*/
    /*}*/
    /*.input-group::-moz-placeholder { !* Firefox 19+ *!*/
        /*color: pink;*/
    /*}*/
    /*.input-group:-ms-input-placeholder { !* IE 10+ *!*/
        /*color: pink;*/
    /*}*/
    /*.input-group:-moz-placeholder { !* Firefox 18- *!*/
        /*color: pink;*/
    /*}*/
    #sidebar-search input {
        color:#282828;
    }
    .ele-ht-wd .fancy-panel .panel-box {
        border-radius: 10px;
        padding: 20px 15px;
        z-index: 9;
        background-color: #fafafa;
        position: relative;
    }
    .custom-c-checkbox {
        float: left !important;
        margin: 0 0 10px 10px;
    }
    .checkbox-box .checkbox.c-checkbox span {
        margin-right: 9px;
        margin-top: 5px;
    }
    .fancy-checkbox-container
    .checkbox-content.panel-title {
        width: 100%;
        float: right;
    }
    .workflowbox .checkbox-content.panel-title{
        padding-left: 15px;
    }
    #setup-tabs .fancy-checkbox-container .checkbox-outer {
        width:100%;
    }
    .light-font .custom_labels_h5 .label {
        font-size: 40%;
    }
    p.taskHeaderSub.light-font {
        font-size: 13px;
        height:auto !important;
    }
    .task .taskHeader{
        height:auto !important;
    }
    .taskHeader .taskCol2 {
        width: 100% !important;
        font-size: 13px;
        padding: 0 10px 0 35px;
        float:none !important;
    }
    .taskHeader .Reset-Settings {
        height: auto !important;
        float: none !important;
        padding: 0 0 0 35px;
        margin: 0 0 10px;
    }
    .fieldSeparation{
        float: left;
        width: 100%;
    }
    .fullwidth.panel-box {
        margin: 0;
    }
    .allocation-details .fullwidth.panel-box {
        padding: 0;
    }
    .container-allcustomers-page .customer-detail-box.right-sliding.detail-slider-box {
        right:-800px;
    }
    .container-allcustomers-page .customer-detail-box.right-sliding.detail-slider-box.open {
        right: 0;
        width: 100%;
    }
    .container-allcustomers-page .close-task-detail.close-detail  {
        left: 0px !important;
        top: 39px;
        background: #eaedf0;
        color: #000;
        border-radius: 0;
        width: 40px;
        padding: 8px 20px 30px;
    }
    .container-allcustomers-page .right-sliding .pane-header {
        padding: 0 20px 0 15px;
        margin-top: 0;
    }
    /*.xdsoft_datetimepicker .xdsoft_datepicker.active+.xdsoft_timepicker {*/
        /*float: left;*/
        /*clear: left;*/
        /*width: calc(100% - 8px);*/
        /*margin-right: 8px;*/
    /*}*/
    /*.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev {*/
        /*margin: 0 auto;*/
    /*}*/
    .on-boarding #step-newtask.add-new-task{
        left: auto !important;
        right: 10px;
        top: 10px !important;
    }
    .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div{
    /*height: 42px !important;*/
    /*line-height: 42px !important;*/
    }
    .container-allcustomers-page .detail-slider-box .detail-tabs .task-tabs {
        padding-left: 40px;
        width: calc(100% - 40px);
    }
    .container-allcustomers-page .main-outer.new-dashboard .agent-detail-box .task-tabs.connected-task li {
        width: auto;
    }
    .container-allcustomers-page .agent-detail-box .task-tabs.connected-task li>a {
        width: auto;
        padding: 0 20px !important;
    }
    .container-allcustomers-page .agent-detail-box .detail-action {
        margin: 0;
        position: absolute;
        right: 0;
    }
    .task-arrow-web {
        display: none !important;
    }
    .task-arrow-mobile {
        display:block;
    }
    #tasks-switch span.tf.left-arrow.task-arrow-mobile:after {
        font-size: 13px;
        position: absolute;
        top: 3px;
        left: 20px;
    }
    .customer-table .customer-detail-box.right-sliding.detail-slider-box.open {
        right: 0;
        width: 100%;
    }
    .customer-table .customer-detail-box .detail-header {
        padding: 2px 55px;
    }
    .customer-table .customer-detail-box.customer-pane .close-detail {
        top: 13px;
        left: 10px !important;
        background: none;
    }
    .customer-table i.tf.left-arrow.task-arrow-mobile:after {
        font-size: 16px;
    }
    .left-sidebar .sidebar-search .clear-search:after,
    .left-sidebar .sidebar-search .close-search:after {
        color: #282828;
    }

    div#add-agent-modal .modal-dialog,
    #edit-agent-modal .modal-dialog {
        width: 90%;
        margin: 50px auto 20px auto;
    }
    div#us-dialog-edit-customer .modal-dialog{
        width: 90%;
        margin: 50px auto 20px auto;
    }
    .agent-assing-modal .modal-dialog {
        margin: 50px auto 20px auto;
        width: 90%;
    }
    #create-task-modal .modal-body {
        width: 100% !important;
    }
    #addTeamDialogId .modal-dialog{
        width: 90%;
        margin: 50px auto 20px auto;
    }
    #addTeamDialogId .modal-body{
        width: 100%;
        float:none;
    }
    div#us-dialog-edit-customer .modal-body {
        width: 100% !important;
    }
    #left-workflow-panel div#mockup_img {
        margin: 0 auto;
        float: none;
    }
    #left-workflow-panel .radio.c-radio.custom-radio.bot-noGap {
        padding: 10px 0px;
    }
    .welcome-step .modal-dialog {
        width: 90% !important;
        margin: 50px auto 20px auto;
    }
    .panel .verifiction_text_box div {
        position: absolute;
        top: 49px;
        right: 6px;
    }
    .webDashBoard .task {
        width: 100%
    }
    .side-nav #sideMenu .bottom-navbar {
        position: relative;
    }
    .main-outer .second-top-nav.sub-header {
        height: 46px;
        width: 100%;
        float: left;
        display: block;
        position: fixed;
        background: #f5f7f9;
        box-shadow: 0 1px 13.5px #ccc;
        z-index: 99;
    }
    .container-dispatcher-page .fancy-table-outer {
        display: inline-block;
        padding-left: 15px;
        padding-right: 15px;
    }
    .container-dispatcher-page.ele-ht .inner-padding {
        padding: 40px 15px 0 15px;
    }
    .container-billingdetail-page .inner-padding {
        padding:40px 20px 0 20px;
    }
    .container-billingdetail-page .fancy-table-outer{
        display: inline-block;
    }
    .container-billingdetail-page .fancy-table-outer .dataTables_wrapper {
        padding-top: 0;
    }
    .container-billingdetail-page .fancy-table-outer .dataTables_wrapper .dataTables_filter input {
        padding-left: 40px;
    }
    .container-billingdetail-page .fancy-table-outer .dataTables_wrapper div.dataTables_filter .tf.search {
        left: 5px;
    }
    #topbarControllerNew .top-nav .create-task-btn span {
        display: block;
        text-align:center;
    }
    section.agent-detail-box.new-pane.right-sliding.customer-detail-box.detail-slider-box.right-sliding.open i.tf.left-arrow:after {
        color: #000;
        background: #eaedf0;
        position: absolute;
        left: 0;
        padding: 0 14px;
        top: 5px;
    }
    .container-allcustomers-page.customer-table section.agent-detail-box.new-pane.right-sliding.customer-detail-box.detail-slider-box.right-sliding.open i.tf.left-arrow:after{
        top: 39px;
    }
    .new-dashboard #sideMenu {
        padding-top: 0;
        overflow-y: scroll;
    }
    .fleet-page .fancy-table-outer {
        display:inline-block;
        padding-left: 15px;
        padding-right: 15px;
    }
    .fleet-page .table-responsive,
    .table-responsive .container-allcustomers-page {
        position: relative;
        top: 60px;
    }
    .fleet-page .fancy-table-outer .dataTables_wrapper,
    .table-responsive .fancy-table-outer .dataTables_wrapper {
        padding-top:0;
    }
    .fleet-page .fancy-table-outer  .t-fancy-table,
    .table-responsive .fancy-table-outer  .t-fancy-table {
        margin-top:0 !important;
    }
    .container-account-page .inner-padding{
        padding: 40px 15px 0 15px;
    }
    .container-team-page .inner-padding {
        padding: 20px 15px 0 15px;
    }
    #customizepagination {
        float: left;
    }
    .container-team-page .page-heading {
        margin-bottom:0;
    }
    .workflowbox .fancy-checkbox-container {
        margin-bottom: 0;
    }
    .settings-page-content button.btnone {
        margin-top: 30px !important;
    }
    #agentBody .taskBodyCol {
        padding: 0 !important;
    }
    .fancy-modal.confirm-modal .modal-dialog {
        width: 57%;
        margin: 0 auto;
        top: calc(50% - 120px);
    }
    .addons-container .inner-padding{
        padding-right: 15px;
        padding-left: 15px;
    }
    .table-responsive{
        border:0;
    }
    .customer-table {
        padding: 0 15px;
    }
    .allocation-details {
        padding: 0 15px !important;
    }
    p.light-font.inner-padding.manager-text {
        padding: 60px 10px 0 0;
    }
    .workflow-step .modal-dialog {
        width: 90%;
        margin: 50px auto 20px auto;
    }
    div#step-agt,div#step-task-initiate  {
        right: 0;
        width: 270px;
        top: auto !important;
        bottom: 10px !important;
        left: 10px;
        left: 10px;
        margin-right: auto;
        border: 1px solid #efefef;
        margin-left: auto;
        height: auto;
        position: absolute;
        overflow: hidden;
        width: calc(100% - 20px) !important;
        margin: 0 auto;
        max-width: 400px;
        box-shadow: 0 0 10px rgba(51, 51, 51, 0.32);
    }
    .onboarding-steps-outer {
        height: calc(100vh - 60px);
    }
    .md-onboard2 .modal-dialog {
        margin: 50px auto 20px auto;
        width: 90%;
    }
    .mobile-agent-backdrop {
        display:block;
    }
    .select-wrapper.border, .fancy-form .select-wrapper.border {
        margin-bottom: 20px;
    }
    .container-allcustomers-page.ele-ht.fancy-table-outer {
        display: block;
    }
    .optimize-task-strip {
        bottom:39px;
    }
    .fancy-table-outer .dataTables_wrapper div.dataTables_length {
        width:100% !important;
    }
    .mobile-task {
        position: relative;
        max-width: 45%;
        display: block;
        float: left;
    }
    .agent-detail-box #detail b+.col-sm-7 {
        max-width: 55%;
        float: right;
    }
    ul.dropdown-menu li.dropdown-submenu:hover .dropdown-menu-child {
        display: block;
        position: absolute;
        left: 0;
        width: 90px;
        top: 30px;
    }
    .agent-detail-box .more-btn .dropdown-menu:after{
        right:5px;
        left: auto;
    }
    ul.navbar-left.nav.navbar-nav.sub-header.mobile-filters.open{
        width:100%;
    }
    button.all-filters-top.md-raised.icon-btn.md-button.md-ink-ripple {
        width: 125px;
    }
    .all-filters-top ul.dropdown-menu.dropdown-menu-form {
        position: relative;
        top: 4px;
        box-shadow: 0 0 10px rgba(51, 51, 51, 0.33);
    }
    .all-filters-top .multiselect-parent.dropdown-multiselect .dropdown-toggle {
        margin-top: 0px;
    }
    .top-refresh-btn {
        position: absolute !important;
        left: 35%;
    }
    .top-nav ul.dropdown-menu.listCheck{
        top: 48px;
        max-height: 400px;
        overflow: auto;
        position: absolute;
        box-shadow: 0 0 10px rgba(51, 51, 51, 0.33);
    }
    .sub-header .dropdown .dropdown-menu.listCheck{
        left: 0;
    }
    .update-task-sidebar .sideslider-heading {
        display: block;
        padding-bottom: 0;
    }
    .assignment-slider.open .close {
        opacity: 1;
    }
    .assignment-slider .close {
        opacity: 0;
    }
    /*.sliding-bottom .agent-detail-info {*/
        /*height: auto;*/
        /*overflow: scroll;*/
    /*}*/
    .open .drop-icon {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(180deg);
    }
    #setup-tabs .workflowbox .more p {
        margin: 0;
    }
    #us-dialog-add-dispatcher .modal-dialog,
    #us-dialog-edit-dispatcher .modal-dialog {
        width: auto !important;
    }
    #us-dialog-add-dispatcher .modal-body.bot-noPad,
    #us-dialog-edit-dispatcher .modal-body.bot-noPad{
        width:100% !important;
        float:none !important;
    }

    #us-dialog-add-vendor .modal-dialog {
        width: auto !important;
    }
    #us-dialog-add-dispatcher .modal-body.bot-noPad {
        width:100% !important;
        float:none !important;
    }

    label.nav-text {
        text-align: center;
        display: block;
    }

    .refresh-mobile {
        position: relative !important;
        left: 0;
    }
    .team-mobile ul#content_team {
        position: absolute;
        z-index: 9999;
        top: 24px;
        left: 0;
        margin-left: auto;
        margin-right: auto
    }
    .task-map .create-task-map {
        width:100%;
    }
    .daterangepicker {
        position: absolute;
        color: inherit;
        background-color: #fff;
        border-radius: 4px;
        width: 278px;
        right: 0;
        margin-right: auto;
        margin-left: auto;
        padding: 4px;
        margin-top: 1px;
        top: 100px;
        left: 0px !important;
    }
    .iti-mobile .intl-tel-input.iti-container{
        top: 30px;
        bottom: 30px;
        z-index: 99999;
        left: 30px;
        right: 30px;
        position: fixed;
    }
    .xdsoft_datetimepicker {
        z-index: 9999999 !important;
    }
    #ui-select-container-drivertags .ui-select-multiple.ui-select-bootstrap {
        height: auto;
        z-index: 4 !important;
    }
    .assign-agent-form .ui-select-bootstrap>.ui-select-choices{
        z-index: 5;
    }
    .slide-second.below-slider .action-btn.text-right .assign-btn {
        display: none;
    }
    .earning-mobile {
        width: 60% !important;
        float: left;
    }
    div#edit-driver-image-form-group{
        text-align: center;
        float: none !important;
    }
    div#edit-driver-image-form-group img{
        margin: 0 auto 20px;
        float: none !important;
    }
    #edit-agent-modal .transport-group>div,
    #add-agent-modal .transport-group>div {
        min-width: 65px;
    }
    /*for setting page*/
    #container-workflow-page .panel-box{
        margin: 0;
        padding: 0;
        background: transparent;
    }
    #container-workflow-page .panel-box .panel {
        padding: 0;
        box-shadow: none;
        border: none;
        margin-bottom: 10px;
    }
    #container-workflow-page .panel-box .panel>div{
        padding:0;
    }
    #container-workflow-page ul#setup-tabs{
        margin-bottom: 20px;
    }
    #container-workflow-page .checkbox-box{
        margin-bottom: 10px;
    }
    .special-offer-page .single-plan input[type="radio"]{
        width: auto;
        height: auto;
        top: 3px;
    }
    .main-inner .top-nav .navbar-nav>li.fleet-page-import-export-act-btn{
        display: block;
    }
}

@media (max-width:767px) and (min-width:580px) {
    #setup-tabs .fancy-checkbox-container .checkbox-outer {
        line-height: 20px;
        padding: 11px 0;
        height: 20px;
        min-height: 20px;
    }
    #setup-tabs .fancy-checkbox-container  .checkbox-content {
        min-height: 150px;
    }
    .inner-section .page-heading {
        text-align:center;
    }

}

@media (max-width:580px) {
    #setup-tabs li {
        width:100%;
    }
    #setup-tabs li img {
        display:none;
    }
    #setup-tabs .fancy-checkbox-container .checkbox-outer {
        line-height: 20px;
        padding: 11px 0;
        height: 20px;
        min-height: 20px;
    }
    .allocations .allocation-box {
        width:100%;
    }
    #container-workflow-page .action-block .checkbox-box{
        width: calc(100% - 20px);
    }
    #container-workflow-page .page-sub-heading{
        margin-top: 20px;
    }
    .default_dashboard_view{
        margin-top: 70px !important;
    }
    .from-account-page-to-preferences-page-input-fields{
        padding-left: 20px !important;
        padding-top: 10px !important;
    }
    .padding-20-to-btn-in-prefrence-and-mobile-app{
        padding-left: 20px !important;
        padding-bottom: 20px !important;
    }
    .allocation-box .inner img.img-responsive {
        margin: 0 auto;
        max-width: 50%;
        display: none;
    }
    #tasks-switch span.tf.left-arrow.task-arrow-mobile:after {
        font-size: 13px;
        position: absolute;
        top: 3px;
        left: 20px;
    }
    .account-page .create-account {
        bottom: -18px;
        position: absolute;
    }
    .inner-section .page-heading {
        text-align:center;
    }
    .container-fluid.container-account-page {
        padding: 0;
    }
    .pad-lt-vlg span.pull-right.light-font.logout {
        margin: 10px auto 0;
        display: block;
        text-align: center;
        float: none !important;
    }
    .inner-margin .taskCol3 {
        width: 5%;
        float: left;
        text-align: center;
        margin: -3px 0 0 10px;
    }
    .container-billingdetail-page div.dataTables_paginate {
        float: none;
        text-align: center;
    }
    .container-billingdetail-page div.dataTables_length label {
        font-weight: normal;
        float: none;
        text-align: center;
    }
    .container-billingdetail-page .fancy-table-outer .dataTables_wrapper div.dataTables_length {
        float:none;
    }

    #topbarControllerNew .top-nav .create-task-btn {
        min-width: 100px;
    }
    .new-top-menu .task-arrow-web {
        display: none !important;
    }
    .new-top-menu .task-arrow-mobile {
        display: block !important;
    }
    .fleet-page div.dataTables_length label {
        font-weight: normal;
        float: none;
        text-align: center;
    }
    .container-billingdetail-page div#datatable2_filter label input[type='search'] {
        width: 100%;
    }
    #edit-agent-modal .radio-group.transport-group span {
        font-size: 11px;
    }
    .col-lg-12.col-md-12.col-sm-12.col-xs-12.rm-padding.pos-rel.temp-img-prt.bg-cl.workflowbox {
        margin: 0 0 30px;
    }
    .container-dispatcher-page div.dataTables_length label {
        font-weight: normal;
        float: none;
        text-align: center;
    }
    .onboarding.about-user .btn {
        float: none !important;
        text-align: center;
        display: block;
        width: 200px;
        margin: 0 auto 20px;
    }
    .onboarding.about-user .action-btn {
        margin: 25px 0 2px;
    }
    .text-left.border .text-right {
        text-align: center;
    }
    ul.navbar-left.nav.navbar-nav.sub-header.mobile-filters.open {
        width: 100%;
    }

    .custom-form .checkbox.c-checkbox.custom-c-checkbox {
        float:none !important;
    }


}

@media (max-width: 500px){
    .workflow-page-container .inner-padding {
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 40px
    }
    #left-workflow-panel .radio.c-radio.custom-radio.bot-noGap {
        padding: 10px 0px;
    }
    #left-workflow-panel div#mockup_img {
        float: none;
        margin: 0 auto;
    }

    .webDashBoard {
        min-width:0 !important;
    }
    .sub-header ._md-nav-bar-list ._md-nav-button {
        font-size: 10px;
        text-transform: uppercase;
    }
    .manager-head {
        position: fixed;
        height: 42px;
        border: 0px solid red;
        width: 100%;
        background: #F5F7F9;
        z-index: 999;
        top: 60px;
    }
    .car.tf:after {
        content: '\E91A';
        font-size: 10px;
    }
    .truck.tf:after {
        content: '\E91C';
        font-size: 10px;
    }
    p.step1-text{
        padding: 0 30px;
    }
    .onboarding.about-user .action-btn button {
        text-align: center;
        margin: 0 auto;
        display: block;
        float: none !important;
    }
    .onboarding.about-user .text-right {
        text-align: center;
    }
    div#step-newtask {
        left: 0 !important;
        top: 20px !important;
        width: 100%;
    }
    div#step-task,div#step-task-initiate {
        width: calc(100% - 20px) !important;
        left: 0;
        position: absolute;
        right: 0;
        margin-left: auto;
        margin-right: auto;
        box-shadow: 0 0 10px rgba(51, 51, 51, 0.32);
    }
    .step-task-initiate.arrow_box_l:before, .step-task-initiate .arrow_box_l:before{
        display: none;
    }

    .create-task-sidebar .fancy-form .form-group {
        width:100%;
    }
    .create-task-sidebar .input-group-addon{
        display: none;
    }
    .single-create-task .fancy-file-outer.horizontal{
        padding-left: 0;
    }
    .top-nav .md-button.md-raised:not([disabled]) {
        box-shadow:none;
    }
    .meterial-grid-container .addOnOuterBox{
        width:100% !important;
    }
}

@media (max-width: 468px) {
    .detail-tabs li>a {
        padding: 6px 26px;
        font-size: 12px;
    }
    #tasks-switch .detail-tabs .detail-action {
        /*height: 37px;*/
        height: 29px;
    }
    .fencetile .people li {
        font-size:9px;
    }
    .navbar-left .full-logo{
        /*max-width: 80px;*/
        max-width: 108px;
    }
    #tasks-switch span.tf.left-arrow.task-arrow-mobile:after {
        font-size: 13px;
    }

    /*.container-dispatcher-page .fancy-table-outer .table-responsive {*/
    /*overflow: scroll !important;*/
    /*}*/
    .container-dispatcher-page label {
        /*font-size: 0 !important;*/
        max-width: 130% !important;
    }
    .container-dispatcher-page .fancy-table-outer .dataTables_wrapper .dataTables_filter input {
        padding-left: 60px;
    }
    .container-dispatcher-page .fancy-table-outer .dataTables_wrapper div.dataTables_filter .tf.search {
        left: 15px;
    }
    /*.format_accounts.panel.add-pd-mid.bg-white div {*/
        /*padding: 0 10px;*/
    /*}*/
    #topbarControllerNew .main-outer.new-dashboard .main-inner .top-nav {
        padding-left: 14px;
        padding-right: 14px;
    }
    #topbarControllerNew .top-nav .create-task-btn {
        padding: 0 5px !important;
        min-width: 110px;
    }
    #topbarControllerNew .top-nav .create-task-btn span {
        text-align: center;
        font-size: 13px;
        display: block;
    }
    .navbar-right .create-btn {
        height: 29px;
        margin: 16px 0 0;
    }
    .new-top-menu .navbar-right .create-btn {
        height: 29px;
        margin: 1px 0 0;
    }
    .billing-page .fancy-table-outer .dataTables_wrapper div.dataTables_filter label {
        font-size: 0 !important;
    }
    .billing-page .fancy-table-outer .dataTables_wrapper {
        padding-top: 0;
        overflow-x: scroll;
    }
    .fancy-modal.confirm-modal .modal-dialog {
        width:80%;
    }
    .confirm-modal .modal-dialog button.cancel-btn.btn,
    .confirm-modal .modal-dialog button.create-btn.btn {
        width: 100%;
    }

    .login_register_pass_demo_img p {
        font-size:11px;
    }
    .fancy-table-outer .dataTables_info {
        float: left;
        text-align: left;
    }
    .fancy-table-outer div.dataTables_paginate {
        float: left;
        text-align: left;
        clear: left;
        margin: 10px 0px 0 -11px;
    }
    .task-table.fancy-table-outer.dataTables_wrapper div.dataTables_length {
        float:none;
    }
    .task-table.fancy-table-outer div.dataTables_length label {
        float:none;
        text-align:center;
    }
    .container-allcustomers-page .agent-detail-box .task-tabs.connected-task li>a {
        padding: 0 11px !important;
    }
    .main-outer.new-dashboard .agent-detail-box .task-tabs.connected-task li a {
        font-size:11px !important;
    }
    .fancy-table-outer .dataTables_wrapper div.dataTables_length {
        float: left;
        text-align: left;
    }
    .table-multi-actions .btn {
        margin: 3px 0 0;
        padding: 6px 11px;
        font-size: 10px;
    }
    .fancy-table-outer .dataTables_wrapper #appoint_fos_datatable_filter input {
        padding-left:40px;
        font-size:15px;
    }
    .fancy-table-outer .dataTables_wrapper div#appoint_fos_datatable_filter .tf.search {
        position: absolute;
        top: 11px;
        left: 14px
    }
    .custom-dropdownMenu {
        width:280px !important;
    }
    .flexslider .flex-viewport img {
        width: 100% !important;
    }
}


@media (max-width: 380px){
    .left-sidebar .nav-tabs.nav-justified > li > a {
        padding: 6px 0px 0;
    }
    .main-outer.new-dashboard .main-inner .top-nav {
        padding-left: 8px;
        padding-right: 8px;
    }
    .navbar-left .full-logo{
        margin-left: 4px;
        margin-right: 0;
    }
    .create-btn .create-trigger {
        font-size: 12px;
    }
    /*.top-nav .create-task-btn span {*/
    /*display: inline-block;*/
    /*font-size: 10px;*/
    /*}*/
    .top-nav .create-task-btn {
        min-width:94px;
    }
    .new-top-menu .select-wrapper .md-button {
        padding:0 1px;
    }

    .create-task-sidebar .action-btn .btn {
        margin: 12px auto;
        width:100%;
        display: block;
        text-align: center;
    }
    .left-thumb .agent-name {
        word-wrap: break-word;
    }

}

@media (max-width:340px){
    .top-nav .navbar-right .btn.create-btn{
        margin-right:0;
    }
    .agent-detail-box #detail b {
        font-size:12px;
    }
}
/* Added on 11-08-2017 */
@media(max-width:500px)
{
.create-task-sidebar .custom-fields-box {
    font-size: 12px;
    padding-left: 6px;
    padding-right: 6px;
    overflow-x: scroll;
}
}
@media(max-width:768px)
{
.about-user.onboarding .form-group {
    padding: 20px 5px 0px 5px;
}
.modal-body {
    padding: 10px;
}
.lower-step1-btns {
    padding: 25px 0px 25px 0px;
}
.step1-head {
    padding: 20px 0 0;
}
.step2-images {
    padding: 20px 0px;
}
#step-agt {
    min-height: 10px;
    position: relative;
    bottom: 60px!important;
}
.main-outer.new-dashboard .left-sidebar .task-tabs>li a {
    padding: 4px 5px;
 
}
.iti-mobile .intl-tel-input.iti-container {
    top: 80px;}
    
}


/*========================= Addons ======================*/
    @media only screen and (max-width: 769px) {
        .adn_filter_side{
            left: -185px;
            z-index: 1001; 
        }
    }
    .adn_filter_side.open{
        left: 0;
        box-shadow: 0px 0 15px rgba(51, 51, 51, 0.12);
    }
    .setting-trigger{
        font-size: 22px;
        width: 50px;
        height: 50px;
        text-align: center;
        line-height: 50px;
        position: absolute;
        right: -53px;
    }
    .adn_filter_side.open .setting-trigger{
        background: #f5f7f9;
        border-radius: 0 0 4px 0;
        right: -50px;
    }
    .adn_filter_side.open .setting-trigger .tf{
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
        display: block;
    }
/*========================= Addons ======================*/
.team-dropdown-task-list {
    display: block !important;
}

.zindex-span {
    z-index: 1 !important;
}

.all-task-index {
    z-index: 1010 !important;
}