/*@media only screen and (min-width: 1170px) and (max-width: 1600px){
.layout-margin, .layout-margin-gt-sm, .layout-margin-gt-sm>*,
.layout-margin-md, .layout-margin-md>*,
.layout-margin>*, .layout-margin>.flex,
.layout-margin>.flex-gt-sm,
.layout-margin>.flex-md {
    margin: 8px;
    overflow: scroll;
    height: 76vh;
}
}*/

@media only screen and (min-width: 1200px) and (max-width: 1366px) {
    .pickup-search button.sec-btn {
    width: auto !important;
    text-align: center !important;
    font-size: 12px !important;
    float: right;
    /*padding: 5px;*/
    }
    /*onbarding screen*/
    /*================*/
    .list_of_radio_but md-radio-group {
        left: 62%;
    }
    .new_address_top label {
        padding: 7px 7px;
    }
    .new_aadress_det button {
        width: 28%;
    }
    div#onBoardingMap {
        height: calc(100vh - 40px) !important;
    }
    .onboarding-scroll {
        height: 93vh;
        overflow: auto;
    }
    .new_address_top p {
        font-size: 12px;
    }
    /*header*/
    /*=========*/
    .disputed_one:before {
        border-width: 28px 19px 0px 0px;
    }
    /*career-master*/
    /*================*/
    .new-rating-engine md-tabs-canvas {
        height: 38px !important;
    }
    .new-rating-engine md-pagination-wrapper {
        height: 38px !important;
    }
    .new-rating-engine md-tab-item {
        padding: 6px 24px;
    }
    .new-rating-engine md-sidenav {
        margin-top: 0px;
    }
    /*pickup page*/
    .only_pickups .ui-grid {
        height: calc(100vh - 85px);
    }
    /*controller page*/
    .only_controller .ui-grid {
        height: calc(100vh - 82px);
    }
    .only_disputed .ui-grid {
        height: calc(100vh - 117px);
    }
    .route-detail-grid .ui-grid {
        height: calc(100vh - 105px);
    }
    .allshipments-import-grid .ui-grid {
        height: calc(100vh - 90px);
    }
    /*new edit page*/
    /*===============*/
    .ne_collection2 .md-toolbar-tools {
        height: 40px;
    }
    .ne_overflow .md-toolbar-tools {
        height: 40px;
    }
    .ne_collection button,
    .ne_collection2 button {
   /*     margin-top: 4px;
        min-width: 28px !important;
        width: 28px !important;
        height: 28px !important;*/
    min-width: 40px;
    text-align: center;
    padding: 0 12px;
    }
    .ne_package_ty,
    .ne_content,
    .ne_weights {
        float: left;
        width: 105px;
    }
    .add-form-box-sect-xx.set-we.widthNone{
        float: left;
        width: auto;
    }

    .ne_parcel_we {
        width: 60px;
        float: left;
    }
    .ne_collection md-switch {
        margin: 9px 0;
    }
    .ne_tabs_width md-tab-item {
        padding: 7px 11px !important;
    }
    .rate-tabn md-tab-item {
        padding: 6px 18px !important;
    }
    .ne_insurance button {
        width: initial !important;
        /*line-height: 3 !important;*/
    }
    .ne_collection button i,
    .ne_collection2 button i {
        font-size: 18px !important;
    }
    .ne_collection .ne_insurance i {
        font-size: 19px
    }
    .ne_costbreakup table>tbody>tr>td {
        font-size: 11px !important;
    }
    .ne_collection2 md-toolbar {
        height: 46px;
        padding-top: 2px
    }
    .ne_overflow md-toolbar {
        height: 46px;
        padding-top: 2px
    }
    .ne_overflow md-toolbar h2 {
        font-size: 16px;
    }
    .ne_collection2 h2 {
        font-size: 13px !important;
    }
    .ne_collection2 button md-icon {
        position: relative;
        top: -3px;
        right: 3px;
    }
    .ne_overflow {
      /*  height: calc(100vh - 40px);*/
    }
    .ne_overflow md-card {
        margin: 3px 5px;
    }
    .edit-md-card-height md-card {
        height: 75px;
        overflow: hidden;
    }
    .ne_overflow .md-errors-spacer {
        min-height: 10px !important;
    }
    .ne_overflow input {
        height: 24px !important
    }
    .ne_overflow md-select-value {
        min-height: 20px !important
    }
    .ne_collection md-toolbar {
        margin-bottom: 13px;
    }
    .ne_costbreakup #surchargeToggle,
    .ne_costbreakup #surchargeToggle1 {
        font-size: 13px;
    }
    /*error message*/
    .md-input-message-animation {
        font-size: 10px !important;
    }
    .edit-cp {
        top: 28px;
    }
    /*auto allocation screen*/
    /*=======================*/
    .rule-ang-header p,
    h6 {
        padding-left: 15px;
        font-size: 12px;
    }
    .auto-ng-allocate {
        margin-left: 28px;
    }
    /*new sameday section(05/07/2019)*/
    /*===============================*/
    .overflow-padding {
        padding: 1px !important;
    }
    .sameday-table table>tbody>tr>td,
    .sameday-table table>tbody>tr>th {
        padding: 5px 7px;
        font-size: 12px;
    }
    .sameday-table {
        margin: 4px 4px;
    }
    .edit-md-card-height md-card {
        height: 69px;
        overflow: hidden;
        margin: 4px 4px;
    }
    .ne_overflow input[type="text"] {
        height: 20px;
    }
    .sidebarNew .md-errors-spacer {
        min-height: 12px !important;
    }
    .eta i,
    .etr i {
        top: 4px;
        font-size: 20px;
    }
    .eta,
    .etr {
        font-size: 11px;
    }
    /*home button help*/
    .pendding-job-help {
        width: 22px;
        margin: 4px 0 0 7px;
        height: 22px;
    }
    .user-name-with-logo {
    margin-left: 7px;
}

.pendding-job ul {
    margin: 0 0 0 4px;
}
    .pendding-job-help i {
        font-size: 13px;
        top: 0px;
    }
    /*quick book page*/
    .quick_book_header button {
        height: 23px !important;
        width: 23px !important;
    }
    .quick_book_header i {
        top: 0;
        position: relative;
        font-size: 17px;
        left: -3px;
    }
    .quick_book_section .all_common_sidenav md-toolbar {
        min-height: 44px;
        height: 44px
    }
/*    .quick_book_section .sidebar.dataTable {
        margin-top: 50px !important;
    }*/
    .quick_book_section .all_common_sidenav md-toolbar button {
        top: 0;
    height: 28px !important;
    width: 24px;
    min-width: 36px !important;
    }
    .toolabr-buttton-sec-group button{}
    .toolabr-buttton-sec-group button i{
        margin-left: -4px;
    }
    .toolabr-buttton-sec-group button{}
    .toolabr-buttton-sec-group button i{
        margin-left: -4px;
    }
    .quick_book_section .all_common_sidenav md-toolbar.new-toolbar2 {
        min-height: 40px
    }
    .quick_book_section .all_common_sidenav .md-toolbar-tools {
        height: 40px;
    }
    .ne_collection.ne_delivery i {
        position: relative;
        top: -3px;
        left: -2px;
    }
    .quick_book_section .ne_overflow {
        /*height: calc(100vh - 92px);*/
    }

    .quick_book_section .ne_overflow.overflow-stop {
        height: calc(100vh - 120px);
    }
}


/*mm screen*/

@media only screen and (max-width:1280px) and (max-height:610px) {
    .new_address_top {
        padding: 10px 30px;
    }
    .only_search_box {
        margin-top: 10px;
    }
    .new_address_top p {
        margin: 10px 0;
    }
    .new_address_top h1 {
        font-size: 20px;
    }
    .scrolling {
        height: 78vh;
    }
}


/*for tab*/

/*==========*/

@media only screen and (min-width: 768px) and (max-width:1024px) {
	.icon-closs{
    position: absolute;
    right: 0;
    color: #fff;
    z-index: 9;
    font-size: 32px !important;
    padding: 5px 10px;
    display: inline-block;
	}
    .header-section {
        display: none !important;
    }
    .login-bg md-content {
        background-size: cover;
    }
    .sidebar-wrapper {
        display: none;
    }
    .mobile_header {
        display: block;
    }
    .mobile_header md-toolbar {
        background: #33225a;
        height: 26px !important;
        min-height: 40px;
    }
    .t_logo img {
    width: 26px;
    height: auto;
    padding: 0;
    position: relative;
    top: 5px;
    left: 8px;
    margin-right: 20px;
    }
    .t_logo .routeicon img {
        width: 20px;
        top: 3px;
        left: 20px;
    }
    .mdabc {
        width: 50%;
        float: right !important;
        text-align: right;
        position: absolute;
        right: 0;
    }
    .mdabc i {
        font-size: 23px;
        margin-top: 7px;
    }
    .mdabc ul.nav {
        /*margin: 0;
        width: 17%;
        position: absolute;
        right: 50px;
        top: 11px;
        padding: 2px 0px;*/
    margin: 0;
    width: 15%;
    position: absolute;
    right: 36px;
    top: 8px;
    padding: 3px 0px;
    }
    .mdabc ul.nav i {
        margin: 0;
        font-size: 16px;
    }
    .t_menu_bar img {
        width: 20%;
        border-radius: 50%;
    }
    .t_menu_bar {
        background: #33225a;
        padding: 12px 8px;
        border-bottom: 2px solid #ca0000;
    }
    .t_menu_bar h4 {
        font-size: 21px;
        margin-bottom: 0;
    }
    .t_menu_bar h6 {
        font-size: 13px;
        color: #ef6362;
        letter-spacing: 4px;
        font-weight: 100;
        position: relative;
    }
    .t_menu_bar h6:after {
        content: "\f0d7";
        position: absolute;
        right: 0px;
        font-family: FontAwesome;
        font-size: 14px;
        top: 0px;
    }
    .t_menu_wrap ul {
        padding: 6px 0px;
        margin: 0;
    }
    .t_menu_wrap ul li a {
        padding: 7px 22px;
        display: block;
        font-size: 15px;
        color: #33225a;
        border-bottom: 1px solid #f1f1f1;
        font-weight: bold;
        position: relative;
    }
    .t_menu_wrap ul li i {
        color: #33225a;
        width: 36px;
    }
    .accordion {
        transition: 0.4s;
        position: relative;
    }
    .active,
    .accordion:hover {
        background-color: #ccc;
    }
    .accordion:after {
        content: "\f078";
        position: absolute;
        right: 27px;
        font-family: FontAwesome;
        font-size: 11px;
        top: 10px;
    }
    .active:after {
        content: "\f077";
    }
    .panelt {
        padding: 0 18px;
        background-color: white;
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.2s ease-out;
        margin-bottom: 0px;
    }
    .panelt ul li a {
        border-bottom: 0;
        padding: 3px 17px;
        font-size: 13px;
        font-weight: 100;
        color: #908d8d;
    }
    .scrolling {
        -webkit-overflow-scrolling: touch;
    }
    .pendding-job {
        /*padding-top: 11px;
        position: relative;
        right: -172px;*/
    padding-top: 8px;
    position: relative;
    right: -172px;
    }
    .ui-grid,
    .gmap {
        height: 84vh;
    }
    .selectiveField {
        margin: 0;
        margin-top: 4px;
    }
    .sub-header-action-button .dropdown {
        border-radius: 0px;
        margin: 0 !important;
        padding: 0 !important;
    }
    .sub-header-action-button .dropdown i {
        font-size: 10px!important;
    }
    .driver_routen.flex h4,
    .driver_routen.flex span {
        font-size: 11px;
        margin-bottom: 0;
    }
    .driver_routen {
        padding: 0 17px;
    }
    .sameday_wrapper button {
        margin: 0 !important;
        margin-left: 5px !important;
    }
    .mdabc button {
        width: 40px;
        min-width: 43px;
        margin: 0;
        top: 2px;
    }
    .t_logo button {
    width: 40px;
    min-width: 43px;
    margin: 0;
    font-size: 27px;
    top: 2px;
    left: 6px;
    }
    /*grid size*/
    /*========*/
    .ui-grid-cell-contents {
        font-size: 11px
    }
    .ui-grid-pager-panel {
        padding-top: 2px;
        padding-bottom: 2px
    }
    .ui-grid-pager-container button {
        position: relative;
        top: -1px;
        height: 18px !important;
        padding: 2px 7px;
        margin-left: 0 !important
    }
    .ui-grid-pager-container input {
        height: 13px;
        position: relative;
        top: 2px;
        font-size: 10px;
        padding: 2px 3px;
        width: 27px
    }
    .ui-grid-pager-control .ui-grid-pager-max-pages-number {
        padding: 3px 6px;
        font-size: 10px;
    }
    .ui-grid-pager-row-count-picker select {
        padding: 0px 2px;
        height: 18px;
        width: 50px;
        font-size: 10px;
    }
    .ui-grid-pager-row-count-picker .ui-grid-pager-row-count-label {
        font-size: 10px;
        font-weight: 100;
    }
    .ui-grid-pager-count-container {
        font-size: 10px;
    }
    /*header and left section*/
    /*=======================*/
    .sidebar-wrapper ul>li a i {
        font-size: 15px;
        line-height: 31px;
        margin-left: 3px;
    }
    span.fa.fa-ellipsis-v {
        font-size: 12px;
        top: 15px;
        right: 6px;
    }
    .sidebar-wrapper {
        width: 40px;
    }
    .sidebar-wrapper ul li ul {
        left: 39px;
        width: 173px;
    }
    .sidebar-wrapper ul li a {
        font-size: 10px;
        padding: 5px 10px !important;
    }
    .header-section {
        height: 40px;
        min-height: 40px;
    }
    .routeicon img {
        width: 17px;
        height: 17px;
        position: relative;
        top: -7px;
    }
    .heaader-leftsection md-select {
        font-size: 10px !important;
        position: relative;
        top: -5px;
    }
    ._md md-option {
        height: 30px;
    }
    .pendding-job ul li {
        /*font-size: 10px;
        padding: 3px 0px 3px 44px;*/
        font-size: 11px;
    padding: 3px 0px 4px 44px;
    }
    .pendding-job ul li.active:after {
        border-width: 22px 17px 0px 0px;
    }
    .pendding-job ul li:first-child.active:after {
        right: -17px;
    }
    .pendding-job ul li span {
        top: 4px;
        /*width: 18px;*/
        height: 17px;
        line-height: 17px;
    }
    .nav li {
        font-size: 11px;
    }
    .nav li a {
        font-size: 11px;
    }
    .nav {
        width: 82px;
        padding: 2px;
        border-radius: 2px;
    }
    .nav ul {
        top: 17px;
        width: 85px;
        left: -1px;
    }
    .user-name-with-logo img {
        height: 17px;
        width: 17px;
    }
    .customer-details p {
        padding: 0 13px 0 6px;
        font-size: 10px;
    }
    div#ng-view {
        margin-top: 40px;
    }
    .left-section {
        margin-top: 40px;
    }
    .filterArrow.left i.material-icons {
        height: 35px;
        width: 30px;
        line-height: 35px;
        font-size: 20px;
    }
    .sidebar-wrapper {
        top: 40px;
    }
    .routeData {
        border-radius: 0;
        padding-top: 3px;
    }
    .left-section md-tabs-canvas {
        width: 278px!important;
        height: 50px!important;
    }
    .left-section md-pagination-wrapper {
        width: 280px!important;
        height: 50px!important;
    }
    .left-section .md-active a {
        font-size: 12px;
    }
    .md-tab a {
        font-size: 12px;
    }
    .left-section .md-tab {
        padding: 2px 16px!important;
    }
    .scrolling::-webkit-scrollbar {
        width: 5px;
    }
    .scrolling::-webkit-scrollbar-track {
        background: #f1f1f1;
    }
    .scrolling::-webkit-scrollbar-thumb {
        background: #888;
    }
    .sub-header h3 {
        margin: 10px 13px 0px 17px;
        font-size: 12px;
    }
    .sub-header .center_grid.grid_controller h3 {
        margin: 0px 8px 0px 6px;
        font-size: 12px;
    }
    .routeData .address {
        font-size: 11px;
    }
    .routeData .time {
        font-size: 11px
    }
    .routeData .assign {
        font-size: 11px
    }
    .topBox {
        font-size: 11px;
    }
    .nav i {
        font-size: 12px;
    }
    /*sidenav*/
    /*==========*/
    .mobile_header md-sidenav {
        position: fixed;
        overflow-y: scroll;
        height: 100vh;
        width: 200px;
        min-width: 200px
    }
    .mobile_header md-backdrop {
        position: fixed
    }
    /*nextday booking*/
    /*=================*/
    .nextday-form {
        padding-top: 10px;
    }
    .topheader {
        height: 32px;
    }
    .topheader h3 {
        font-size: 12px !important;
        padding: 5px 15px!important;
    }
    .importarea {
        top: 3px;
    }
    .importarea md-checkbox .md-container {
        height: 15px;
        width: 15px;
    }
    .importarea md-checkbox .md-container .md-icon {
        height: 15px;
        width: 15px;
    }
    .importarea md-checkbox .md-container .md-icon:after {
        top: 0;
        left: 2px;
        width: 6px;
        height: 10px;
    }
    .nextdaypan label {
        font-size: 10px;
    }
    .nextdaypan input {
        font-size: 12px;
    }
    .nextdaypan md-select {
        font-size: 10px;
    }
    .nextdaypan button {
        min-height: 20px;
        font-size: 10px;
        height: 25px;
        line-height: 0;
        min-width: 57px;
        width: auto;
    }
    .label1 {
        font-size: 10px;
    }
    .services_row {
        font-size: 10px;
    }
    .services_row {
        height: 24px;
    }
    .services_row .md-off,
    .md-on {
        height: 15px !important;
        width: 15px !important;
    }
    .job_sec_controll md-radio-button .md-on {
        height: 20px !important;
        width: 20px !important;
    }
    .nextday-form p {
        font-size: 10px
    }
    .nextdaypan .layout-margin {
        margin: 5px 8px !important;
    }
    .nextday_service_list button {
        top: -4px !important;
    }
    .services_row md-select span:not(.md-select-icon) {
        width: 90px;
    }
    .services_row img {
        width: 20px;
        height: 20px;
    }
    .back2_btn {
        top: -4px;
    }
    .back2_btn button {
        min-height: 26px !important;
        line-height: 0;
    }
    /*sameday-booking*/
    /*===============*/
    .sameday_scroll input {
        font-size: 12px !important;
    }
    .sameday_scroll label {
        font-size: 12px;
    }
    .sameday_scroll md-select {
        font-size: 12px;
    }
    .sameday_scroll button {
        min-height: 20px;
        height: 24px;
        font-size: 9px;
        line-height: 2;
        min-width: 60px;
    }
    .vehicle-name {
        font-size: 12px;
    }
    .ourprice {
        font-size: 12px;
    }
    .selectitem input[type="radio"]+label {
        width: 25px !important;
        height: 25px !important;
        background-size: 100% !important;
    }
    .selectitem input[type="radio"]:checked+label {
        background-size: 100% !important
    }
    .magic-checkbox+label:before {
        width: 25px;
        height: 25px;
    }
    .magic-checkbox+label:after {
        top: 5px;
        left: 10px;
        width: 7px;
        height: 14px;
        border-width: 2px;
    }
    .yourbooking-container .flex-50 {
        font-size: 12px;
    }
    i.material-icons.minify-glass {
        font-size: 21px;
        margin-top: 14px;
        padding: 1px;
    }
    .sameday_scroll::-webkit-scrollbar {
        width: 5px;
    }
    .sameday_scroll::-webkit-scrollbar-track {
        background: #f1f1f1;
    }
    .sameday_scroll::-webkit-scrollbar-thumb {
        background: #888;
    }
    .sameday_scroll md-checkbox {
        font-size: 12px;
    }
    .sameday_scroll md-checkbox .md-icon {
        height: 15px;
        width: 15px;
        top: 4px;
    }
    .sameday_scroll md-checkbox .md-icon:after {
        height: 10px !important;
        width: 5px !important;
        left: 3px !important;
    }
    .costcontent2 h3 {
        font-size: 12px;
    }
    .tracking-history table tr td,
    .tracking-history table tr th,
    .costContent table tr th,
    .costContent table tr td {
        padding: 2px 15px;
        font-size: 10px;
    }
    .yourbooking-container md-tabs-canvas {
        height: 30px;
    }
    .yourbooking-container md-tab-item {
        padding: 0;
        margin-top: 6px;
    }
    .yourbooking-container .md-padding {
        padding: 0px;
    }
    /*ipad portrait view*/
    /*=================*/
    .message-rotate {
        position: fixed;
        top: 0;
        display: block;
        width: 100%;
        height: 100%;
        background: #33225a;
        text-align: center;
        z-index: 9
    }
    .inside-message {
        position: absolute;
        right: 0;
        left: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        height: 400px;
        width: 400px;
    }
    .inside-message img {
        width: 67%;
    }
    .inside-message p {
        color: #fff;
    }
    /*sameday */
    /*==========*/
    .full-width-p {
        margin-left: 0px;
    }
    .booker__option .col-sm-6 {
        flex: 2;
        -webkit-flex: 2;
        font-size: 13px;
    }
    .booker__option .col-sm-4 {
        flex: 1;
        -webkit-flex: 1;
        text-align: center;
    }
    .yourbooking-container .flex-50 {
        font-size: 11px;
    }
    div#ng-view {
        margin-top: 0px;
    }
    .left-section {
        margin-top: 0px
    }
    #dashboard-map {
        height: 94.5vh;
    }
    .sameday_scroll {
        height: 94.5vh;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
    }
    .ipad_view {
        display: none;
    }
    .selectitem input[type="radio"]+label {
        width: 25px !important;
        height: 25px !important;
        background-size: 100% !important;
    }
    .selectitem input[type="radio"]:checked+label {
        background-size: 100% !important
    }
    .sameday_scroll button {
        height: 0;
    min-height: 35px;
    line-height: 0;
    font-size: 11px;
    min-width: 71px;
    }
    .magic-checkbox+label:before {
        width: 25px;
        height: 25px;
    }
    .magic-checkbox+label:after {
        top: 6px;
        left: 8px;
        width: 8px;
        height: 13px;
    }
    .sameday_scroll.flex-45 {
        min-width: 50%;
        flex: 50;
        -webkit-flex: 50;
    }
    .t-right-section.flex-55 {
        min-width: 50%;
        flex: 50;
        -webkit-flex: 50;
    }
    /*lastmilesameday*/
    /*=================*/
    .calendar-container {
        left: 0;
        width: 180px;
        margin: 0;
        top: 0px;
    }
    .calendar-container md-input-container {
        margin: 0;
    }
    .calendar-container label {
        position: initial !important;
        font-size: 7px;
    }
    .calendar-container input {
    width: 150px !important;
    font-size: 13px !important;
    color: #000 !important;
    height: 22px !important;
    line-height: 24px !important;
    padding-left: 5px !important;
    }
    .calendar-container i {
    font-size: 20px;
    top: 2px;
    left: 3px;
    }
    /*get route css*/
    /*==============*/
    .comment-section select {
        border-radius: 0px !important;
        height: 25px !important;
    }
    .comment-section input {
        border-radius: 0px !important;
        height: 25px !important;
        padding: 0 0px 0 2px !important;
        box-sizing: border-box;
        width: 100% !important;
        border: 1px solid #ccc;
    }
    .assign-form .comment-section form .form-group {
        max-width: 24%;
    }
    .buttons-s {
        float: left;
    }
    .getroutesData {
        border-radius: 0;
        border-bottom: 6px;
        border-bottom-style: solid;
    }
    .comment-section .form-group {
        float: left;
    }
    .comment-section button {
        padding: 3px 14px!important;
        margin-top: 4px;
    }
}

@media only screen and (max-width:1024px) and (orientation:landscape) {
    .ipad_view {
        display: block;
    }
    .message-rotate {
        display: none;
    }
}

@media only screen and (max-width:1200px) and (max-width: 1300px) {
.chek-box-sec.chek-box-sec-new md-input-container md-checkbox {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}
}
.back-left-right-position{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 10px;
    margin-bottom: 20px;
    border-bottom: 1px solid #e6e6e6;
}
.back-left-right-position .button-back-n{}
.back-left-right-position .button-back-n a {
    border: none;
    padding: 5px 10px;
    border-radius: 23px;
    color: #ffffff !important;
    font-size: 13px;
    background: #6b4eae;
    letter-spacing: 0.8px;
}
.back-left-right-position .button-back-m{}
.back-left-right-position .button-back-m md-input-container{}
.back-left-right-position .button-back-m label{}
.back-left-right-position .button-back-m md-select{
    border: 1px solid #6b4eae;
    padding: 0px 10px 0px 10px;
    border-radius: 7px;
}
.back-left-right-position .button-back-m md-select.md-default-theme .md-select-value, 
.back-left-right-position .button-back-m md-select .md-select-value{
    border-color: transparent;
    border-width: 0;
}

@media only screen and (min-width:1200px) and (max-width: 1279px) {
.right-section {
    padding: 7px 3px;
}
.Route-new-group {
    margin-top: 14px;
    margin-bottom: 7px;
}
.calendar-container.clear-call-calender input {
    width: 150px;
    padding-left: 8px;
}
.help-tip-2 {
    top: 1px;
}
}
@media only screen and (min-width:1280px) and (max-width: 1365px) {
.help-tip-2 {
    top: 5px;
}
.Route-new-group {
    margin-top: 8px;
    /*margin-bottom: 7px;*/
}
.calendar-container.clear-call-calender input {
    width: 155px;
}
}

@media only screen and (min-width:1366px) and (max-width: 1440px) {
ul.nav.add_chat li.padding-zero i{
        font-size: 18px;
        margin-right: 4px;
}
.calendar-container.clear-call-calender input {
    border-bottom: none;
    height: auto !important;
    padding: 0;
    font-size: 14px;
    width: 155px;
}
.help-tip-2 {
    top: 10px;
}
.Route-new-group {
    margin-top: 0px;
    /*margin-bottom: 7px;*/
}
}


@media only screen and (min-width: 768px) and (max-width: 992px) and (orientation: landscape){
.t_logo img {
    top: 7px;
}
.sub-header button {
    font-size: 11px;
}
.filer_left-box_grid.border-remove .calender-modal_inluneDsp .dropdown.inluneDsp.insta-anchor a{
    font-size: 11px;
}
.left-section .md-active a {
    font-size: 11px;
}
.md-tab a {
    font-size: 11px;
}
.calendar-container input {
    line-height: 22px !important;
}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait){
.t_logo img {
    top: 7px;
}
.sub-header button {
    font-size: 11px;
}
.filer_left-box_grid.border-remove .calender-modal_inluneDsp .dropdown.inluneDsp.insta-anchor a{
    font-size: 11px;
}
.left-section .md-active a {
    font-size: 11px;
}
.md-tab a {
    font-size: 11px;
}
.topheader.add_topheader_controller {
    height: auto;
}
}


@media only screen and (min-width: 820px) and (max-width: 1180px) and (orientation: landscape){
.calendar-container {
    width: 180px;
}
.calendar-container input {
    width: 150px !important;
    font-size: 13px !important;
    line-height: 22px !important;
    padding-left: 5px !important;
}
.calendar-container.clear-call-calender i.date-icon {
    top: 1px;
}
}





































@media only screen and (min-width: 320px) and (max-width: 480px) {
    .ui-grid-pager-count-container{
        display: none;
    }
    .ui-grid-pager-row-count-picker .ui-grid-pager-row-count-label {
    display: none;
}
    .icon-closs{
        position: absolute;
        right: 0;
        color: #fff;
        z-index: 9;
        font-size: 32px !important;
        padding: 5px 10px;
        display: inline-block;
    }
    .header-section {
        display: none !important;
    }
    .login-bg md-content {
        background-size: cover;
    }
    .sidebar-wrapper {
        display: none;
    }
    .mobile_header {
        display: block;
    }
    .mobile_header md-toolbar {
        height: auto !important;
        min-height: auto;
        padding: 5px 10px;
    }
    .t_logo {
        width: 100%;
        display: inline-flex;
        align-items: center;
        padding-top: 0;
        padding-bottom: 6px;
        justify-content: space-between;
}
    .t_logo img {
        width: 35px;
        height: auto;
        padding: 0;
        position: relative;
        top: 0px;
        left: 0;
        margin-right: 0px;
    }
    .t_logo a {
        display: inline-block;
        margin-right: 5px;
}
    .t_logo .routeicon img {
        width: 26px;
        top: 0px;
        left: 0;
        height: auto;
    }
    .t_logo .home-icon i {
        padding-right: 0px;
        font-size: 30px;
        margin-top: 2px;
}
    .mdabc {
        width: 50%;
        float: right !important;
        text-align: right;
        position: absolute;
        right: 0;
    }
/*    .mdabc {
        min-width: auto;
        width: 100%;
        position: relative;
        width:100%;
}*/
.mdabc {
    min-width: auto;
    position: static;
    width: 100%;
    margin: auto;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: space-between;
}
    .mdabc i {
        font-size: 23px;
        margin-top: 7px;
    }
    .mdabc ul.nav {
    margin: 0px 0px 0px 10px;
    width: auto;
    position: static;
    right: 0;
    top: 0;
    padding: 4px 5px 4px 5px;
    }
    .mobile-view-hide {
    display: none;
}
    .mdabc ul.nav i {
        margin: 0;
        font-size: 16px;
    }
    .t_menu_bar img {
        width: 20%;
        border-radius: 50%;
    }
    .t_menu_bar {
        background: #33225a;
        padding: 12px 8px;
        border-bottom: 2px solid #ca0000;
    }
    .t_menu_bar h4 {
        font-size: 21px;
        margin-bottom: 0;
    }
    .t_menu_bar h6 {
        font-size: 13px;
        color: #ef6362;
        letter-spacing: 4px;
        font-weight: 100;
        position: relative;
    }
    .t_menu_bar h6:after {
        content: "\f0d7";
        position: absolute;
        right: 0px;
        font-family: FontAwesome;
        font-size: 14px;
        top: 0px;
    }
    .t_menu_wrap ul {
        padding: 6px 0px;
        margin: 0;
    }
    .t_menu_wrap ul li a {
        padding: 7px 22px;
        display: block;
        font-size: 15px;
        color: #33225a;
        border-bottom: 1px solid #f1f1f1;
        font-weight: bold;
        position: relative;
    }
    .t_menu_wrap ul li i {
        color: #33225a;
        width: 36px;
    }
    .accordion {
        transition: 0.4s;
        position: relative;
    }
    .active,
    .accordion:hover {
        background-color: #ccc;
    }
    .accordion:after {
        content: "\f078";
        position: absolute;
        right: 27px;
        font-family: FontAwesome;
        font-size: 11px;
        top: 10px;
    }
    .active:after {
        content: "\f077";
    }
    .panelt {
        padding: 0 18px;
        background-color: white;
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.2s ease-out;
        margin-bottom: 0px;
    }
    .panelt ul li a {
        border-bottom: 0;
        padding: 3px 17px;
        font-size: 13px;
        font-weight: 100;
        color: #908d8d;
    }
    .scrolling {
        -webkit-overflow-scrolling: touch;
    }
    .pendding-job {
        padding-top: 0;
    }
    .pendding-job ul {
        margin: 0 0 0 0px;
    }
    .ui-grid,
    .gmap {
        height: 84vh;
    }
    .selectiveField {
        margin: 0;
        margin-top: 4px;
    }
    .sub-header-action-button .dropdown {
        border-radius: 0px;
        margin: 0 !important;
        padding: 0 !important;
    }
    .sub-header-action-button .dropdown i {
        font-size: 10px!important;
    }
    .driver_routen.flex h4,
    .driver_routen.flex span {
        font-size: 11px;
        margin-bottom: 0;
    }
    .driver_routen {
        padding: 0 17px;
    }
    .sameday_wrapper button {
        margin: 0 !important;
        margin-left: 3px !important;
    }
    .mdabc button {
        width: 40px;
        min-width: 43px;
        margin: 0;
        top: 2px;
    }
    .t_logo button {
        width: 40px;
        min-width: 43px;
        margin: 0;
        font-size: 27px;
        top: 0;
        left: 6px;
    }
    .ui-grid-cell-contents {
        font-size: 11px
    }
    .ui-grid-pager-panel {
        padding-top: 2px;
        padding-bottom: 2px
    }
    .ui-grid-pager-container button {
        position: relative;
        top: -1px;
        height: 18px !important;
        padding: 2px 7px;
        margin-left: 0 !important
    }
    .ui-grid-pager-container input {
        height: 13px;
        position: relative;
        top: 2px;
        font-size: 10px;
        padding: 2px 3px;
        width: 27px
    }
    .ui-grid-pager-control .ui-grid-pager-max-pages-number {
        padding: 3px 6px;
        font-size: 10px;
    }
    .ui-grid-pager-row-count-picker select {
        padding: 0px 2px;
        height: 18px;
        width: 50px;
        font-size: 10px;
    }
    .ui-grid-pager-row-count-picker .ui-grid-pager-row-count-label {
        font-size: 10px;
        font-weight: 100;
    }
    .ui-grid-pager-count-container {
        font-size: 10px;
    }
    .sidebar-wrapper ul>li a i {
        font-size: 15px;
        line-height: 31px;
        margin-left: 3px;
    }
    span.fa.fa-ellipsis-v {
        font-size: 12px;
        top: 15px;
        right: 6px;
    }
    .sidebar-wrapper {
        width: 40px;
    }
    .sidebar-wrapper ul li ul {
        left: 39px;
        width: 173px;
    }
    .sidebar-wrapper ul li a {
        font-size: 10px;
        padding: 5px 10px !important;
    }
    .header-section {
        height: 40px;
        min-height: 40px;
    }
    .routeicon img {
        width: 17px;
        height: 17px;
        position: relative;
        top: -7px;
    }
    .heaader-leftsection md-select {
        font-size: 10px !important;
        position: relative;
        top: -5px;
    }
    ._md md-option {
        height: 30px;
    }
    .pendding-job ul li {
        font-size: 12px;
        padding: 3px 0px 4px 44px;
    }
    .pendding-job ul li.active:after {
        border-width: 22px 17px 0px 0px;
    }
    .pendding-job ul li:first-child.active:after {
        right: -17px;
    }
    .pendding-job ul li span {
        top: 4px;
        /*width: 18px;*/
        height: 17px;
        line-height: 17px;
    }
    .nav li {
        font-size: 12px;
    }
    .nav li a {
        font-size: 12px;
        padding: 4px 10px;
    }
    .nav {
        width: 82px;
        padding: 2px;
        border-radius: 2px;
    }
    .nav ul {
    top: 22px;
    width: 114px;
    left: -48px;
    }
    .user-name-with-logo img {
        height: 17px;
        width: 17px;
    }
    .customer-details p {
        padding: 0 13px 0 6px;
        font-size: 10px;
    }
    div#ng-view {
        margin-top: 40px;
    }
    .left-section {
        margin-top: 40px;
    }
    .filterArrow.left i.material-icons {
        height: 35px;
        width: 30px;
        line-height: 35px;
        font-size: 20px;
    }
    .sidebar-wrapper {
        top: 40px;
    }
    .routeData {
        border-radius: 0;
        padding-top: 3px;
    }
    .left-section md-tabs-canvas {
        width: 278px!important;
        height: 50px!important;
    }
    .left-section md-pagination-wrapper {
        width: 280px!important;
        height: 50px!important;
    }
    .left-section .md-active a {
        font-size: 12px;
    }
    .md-tab a {
        font-size: 12px;
    }
    .left-section .md-tab {
        padding: 2px 16px!important;
    }
    .scrolling::-webkit-scrollbar {
        width: 5px;
    }
    .scrolling::-webkit-scrollbar-track {
        background: #f1f1f1;
    }
    .scrolling::-webkit-scrollbar-thumb {
        background: #888;
    }
    .sub-header h3 {
        margin: 10px 13px 0px 17px;
        font-size: 12px;
    }
    .sub-header .center_grid .rule-ang-header-modified h3{
        margin: 0 13px 0px 17px;
    }
    .routeData .address {
        font-size: 11px;
    }
    .routeData .time {
        font-size: 11px
    }
    .routeData .assign {
        font-size: 11px
    }
    .topBox {
        font-size: 11px;
    }
    .nav i {
        font-size: 12px;
    }
    /*sidenav*/
    /*==========*/
    .mobile_header md-sidenav {
        position: fixed;
        overflow-y: scroll;
        height: 100vh;
        width: 200px;
        min-width: 200px
    }
    .mobile_header md-backdrop {
        position: fixed
    }
    /*nextday booking*/
    /*=================*/
    .nextday-form {
        padding-top: 10px;
    }
    .topheader.add_topheader_controller {
    height: auto;
    }
    .topheader {
        height: 32px;
    }
    .topheader h3 {
        font-size: 12px !important;
        padding: 5px 15px!important;
    }
    .importarea {
        top: 3px;
    }
    .importarea md-checkbox .md-container {
        height: 15px;
        width: 15px;
    }
    .importarea md-checkbox .md-container .md-icon {
        height: 15px;
        width: 15px;
    }
    .importarea md-checkbox .md-container .md-icon:after {
        top: 0;
        left: 2px;
        width: 6px;
        height: 10px;
    }
    .nextdaypan label {
        font-size: 10px;
    }
    .nextdaypan input {
        font-size: 12px;
    }
    .nextdaypan md-select {
        font-size: 10px;
    }
    .nextdaypan button {
        min-height: 20px;
        font-size: 10px;
        height: 25px;
        line-height: 0;
        min-width: 57px;
        width: auto;
    }
    .label1 {
        font-size: 10px;
    }
    .services_row {
        font-size: 10px;
    }
    .services_row {
        height: 24px;
    }
    .services_row .md-off,
    .md-on {
        /*height: 15px !important;
        width: 15px !important;*/
    }
    .nextday-form p {
        font-size: 10px
    }
    .nextdaypan .layout-margin {
        margin: 5px 8px !important;
    }
    .nextday_service_list button {
        top: -4px !important;
    }
    .services_row md-select span:not(.md-select-icon) {
        width: 90px;
    }
    .services_row img {
        width: 20px;
        height: 20px;
    }
    .back2_btn {
        top: -4px;
    }
    .back2_btn button {
        min-height: 26px !important;
        line-height: 0;
    }
    /*sameday-booking*/
    /*===============*/
    .sameday_scroll input {
        font-size: 12px !important;
    }
    .sameday_scroll label {
        font-size: 12px;
    }
    .sameday_scroll md-select {
        font-size: 12px;
    }
    .sameday_scroll button {
        min-height: 20px;
        height: 24px;
        font-size: 9px;
        line-height: 2;
        min-width: 60px;
    }
    .vehicle-name {
        font-size: 12px;
    }
    .ourprice {
        font-size: 12px;
    }
    .selectitem input[type="radio"]+label {
        width: 25px !important;
        height: 25px !important;
        background-size: 100% !important;
    }
    .selectitem input[type="radio"]:checked+label {
        background-size: 100% !important
    }
    .magic-checkbox+label:before {
        width: 25px;
        height: 25px;
    }
    .magic-checkbox+label:after {
        top: 5px;
        left: 10px;
        width: 7px;
        height: 14px;
        border-width: 2px;
    }
    .yourbooking-container .flex-50 {
        font-size: 12px;
    }
    i.material-icons.minify-glass {
        font-size: 21px;
        margin-top: 14px;
        padding: 1px;
    }
    .sameday_scroll::-webkit-scrollbar {
        width: 5px;
    }
    .sameday_scroll::-webkit-scrollbar-track {
        background: #f1f1f1;
    }
    .sameday_scroll::-webkit-scrollbar-thumb {
        background: #888;
    }
    .sameday_scroll md-checkbox {
        font-size: 12px;
    }
    .sameday_scroll md-checkbox .md-icon {
        height: 15px;
        width: 15px;
        top: 4px;
    }
    .sameday_scroll md-checkbox .md-icon:after {
        height: 10px !important;
        width: 5px !important;
        left: 3px !important;
    }
    .costcontent2 h3 {
        font-size: 12px;
    }
    .tracking-history table tr td,
    .tracking-history table tr th,
    .costContent table tr th,
    .costContent table tr td {
        padding: 2px 15px;
        font-size: 10px;
    }
    .yourbooking-container md-tabs-canvas {
        height: 30px;
    }
    .yourbooking-container md-tab-item {
        padding: 0;
        margin-top: 6px;
    }
    .yourbooking-container .md-padding {
        padding: 0px;
    }
    /*ipad portrait view*/
    /*=================*/
    .message-rotate {
        position: fixed;
        top: 0;
        display: block;
        width: 100%;
        height: 100%;
        background: #33225a;
        text-align: center;
        z-index: 9
    }
    .inside-message {
        position: absolute;
        right: 0;
        left: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        height: 400px;
        width: 400px;
    }
    .inside-message img {
        width: 67%;
    }
    .inside-message p {
        color: #fff;
    }
    /*sameday */
    /*==========*/
    .full-width-p {
        margin-left: 0px;
    }
    .booker__option .col-sm-6 {
        flex: 2;
        -webkit-flex: 2;
        font-size: 13px;
    }
    .booker__option .col-sm-4 {
        flex: 1;
        -webkit-flex: 1;
        text-align: center;
    }
    .yourbooking-container .flex-50 {
        font-size: 11px;
    }
    div#ng-view {
        margin-top: 0px;
    }
    .left-section {
        margin-top: 0px
    }
    #dashboard-map {
        height: 94.5vh;
    }
    .sameday_scroll {
        height: 94.5vh;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
    }
    .ipad_view {
        display: none;
    }
    .selectitem input[type="radio"]+label {
        width: 25px !important;
        height: 25px !important;
        background-size: 100% !important;
    }
    .selectitem input[type="radio"]:checked+label {
        background-size: 100% !important
    }
    .sameday_scroll button {
        height: 0;
        min-height: 35px;
        line-height: 0;
        font-size: 11px;
        min-width: 71px;
    }
    .magic-checkbox+label:before {
        width: 25px;
        height: 25px;
    }
    .magic-checkbox+label:after {
        top: 6px;
        left: 8px;
        width: 8px;
        height: 13px;
    }
    .sameday_scroll.flex-45 {
        min-width: 50%;
        flex: 50;
        -webkit-flex: 50;
    }
    .t-right-section.flex-55 {
        min-width: 50%;
        flex: 50;
        -webkit-flex: 50;
    }
    /*lastmilesameday*/
    /*=================*/
    .calendar-container {
        left: 0;
        width: 180px;
        margin: 0;
        top: 0px;
    }
    .calendar-container md-input-container {
        margin: 0;
    }
    .calendar-container label {
        position: initial !important;
        font-size: 7px;
    }
    .calendar-container input {
        width: 150px !important;
        font-size: 13px !important;
        color: #000 !important;
        height: 22px !important;
        line-height: 24px !important;
        padding-left: 5px !important;
    }
    .calendar-container i {
        font-size: 20px;
        top: 2px;
        left: 3px;
    }
    /*get route css*/
    /*==============*/
    .comment-section select {
        border-radius: 0px !important;
        height: 25px !important;
    }
    .comment-section input {
        border-radius: 0px !important;
        height: 25px !important;
        padding: 0 0px 0 2px !important;
        box-sizing: border-box;
        width: 100% !important;
        border: 1px solid #ccc;
    }
    .assign-form .comment-section form .form-group {
        max-width: 24%;
    }
    .buttons-s {
        float: left;
    }
    .getroutesData {
        border-radius: 0;
        border-bottom: 6px;
        border-bottom-style: solid;
    }
    .comment-section .form-group {
        float: left;
    }
    .comment-section button {
        padding: 3px 14px!important;
        margin-top: 4px;
    }

    .mobile_header md-toolbar.md-hue-2 {
        padding: 0;
    }

    .mobile_header md-sidenav.md-sidenav-left.container_box {
        width: 310px;
        min-width: 310px;
}
}











@media only screen and (min-width: 481px) and (max-width: 640px) {
.icon-closs{
        position: absolute;
        right: 0;
        color: #fff;
        z-index: 9;
        font-size: 32px !important;
        padding: 5px 10px;
        display: inline-block;
    }
    .header-section {
        display: none !important;
    }
    .login-bg md-content {
        background-size: cover;
    }
    .sidebar-wrapper {
        display: none;
    }
    .mobile_header {
        display: block;
    }
    .mobile_header md-toolbar {
        height: auto !important;
        min-height: auto;
        padding: 5px 10px;

        display: inline-flex;
    width: 100%;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    }
    .t_logo {
        width: 25%;
        display: inline-flex;
        align-items: center;
        padding-top: 0;
}
    .t_logo img {
        width: 30px;
    height: auto;
    padding: 0;
    position: relative;
    top: 0px;
    left: 0;
    margin-right: 0px;
    }
    .t_logo a {
        display: inline-block;
        margin-right: 15px;
}
    .t_logo .routeicon img {
        width: 25px;
        top: 0px;
        left: 0;
        height: auto;
    }
    .t_logo .home-icon i {
        padding-right: 0px;
    font-size: 20px;
    margin-top: 5px;
}
    .mdabc {
        width: 50%;
        float: right !important;
        text-align: right;
        position: absolute;
        right: 0;
    }
/*    .mdabc {
        min-width: auto;
        width: 100%;
        position: relative;
        width:100%;
}*/
.mdabc {
    /*min-width: auto;
    position: static;
    width: 100%;
    margin: auto;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: space-between;*/
        min-width: auto;
    position: static;
    width: 70%;
    margin: 0;
    display: flex;
    align-items: center;
    text-align: center;
    flex-wrap: wrap;
    justify-content: right;
}
    .mdabc i {
        font-size: 23px;
        margin-top: 7px;
    }
    .mdabc ul.nav {
    margin: 0px 0px 0px 10px;
    width: auto;
    position: static;
    right: 0;
    top: 0;
    padding: 4px 5px 4px 5px;
    }
    .mobile-view-hide {
    display: none;
}
    .mdabc ul.nav i {
        margin: 0;
        font-size: 16px;
    }
    .t_menu_bar img {
    width: auto;
    border-radius: 50%;
    max-height: 50px;
}
    .t_menu_bar {
        background: #33225a;
        padding: 12px 8px;
        border-bottom: 2px solid #ca0000;
        width: 100%;
    }
    .t_menu_bar h4 {
        font-size: 21px;
        margin-bottom: 0;
    }
    .t_menu_bar h6 {
        font-size: 13px;
        color: #ef6362;
        letter-spacing: 4px;
        font-weight: 100;
        position: relative;
    }
    .t_menu_bar h6:after {
        content: "\f0d7";
        position: absolute;
        right: 0px;
        font-family: FontAwesome;
        font-size: 14px;
        top: 0px;
    }
    .t_menu_wrap ul {
        padding: 6px 0px;
        margin: 0;
    }
    .t_menu_wrap ul li a {
        padding: 7px 22px;
        display: block;
        font-size: 15px;
        color: #33225a;
        border-bottom: 1px solid #f1f1f1;
        font-weight: bold;
        position: relative;
    }
    .t_menu_wrap ul li i {
        color: #33225a;
        width: 36px;
    }
    .accordion {
        transition: 0.4s;
        position: relative;
    }
    .active,
    .accordion:hover {
        background-color: #ccc;
    }
    .accordion:after {
        content: "\f078";
        position: absolute;
        right: 27px;
        font-family: FontAwesome;
        font-size: 11px;
        top: 10px;
    }
    .active:after {
        content: "\f077";
    }
    .panelt {
        padding: 0 18px;
        background-color: white;
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.2s ease-out;
        margin-bottom: 0px;
    }
    .panelt ul li a {
        border-bottom: 0;
        padding: 3px 17px;
        font-size: 13px;
        font-weight: 100;
        color: #908d8d;
    }
    .scrolling {
        -webkit-overflow-scrolling: touch;
    }
    .pendding-job {
        padding-top: 0;
    }
    .pendding-job ul {
        margin: 0 0 0 0px;
    }
    .ui-grid,
    .gmap {
        height: 84vh;
    }
    .selectiveField {
        margin: 0;
        margin-top: 4px;
    }
    .sub-header-action-button .dropdown {
        border-radius: 0px;
        margin: 0 !important;
        padding: 0 !important;
    }
    .sub-header-action-button .dropdown i {
        font-size: 10px!important;
    }
    .driver_routen.flex h4,
    .driver_routen.flex span {
        font-size: 11px;
        margin-bottom: 0;
    }
    .driver_routen {
        padding: 0 17px;
    }
    .sameday_wrapper button {
        margin: 0 !important;
        margin-left: 5px !important;
    }
    .mdabc button {
        width: 40px;
        min-width: 43px;
        margin: 0;
        top: 2px;
    }
    .t_logo button {
        width: 35px;
        min-width: 35px;
        margin: 0;
        font-size: 27px;
        top: 0;
        left: 0;
    }
    .ui-grid-cell-contents {
        font-size: 11px
    }
    .ui-grid-pager-panel {
        padding-top: 2px;
        padding-bottom: 2px
    }
    .ui-grid-pager-container button {
        position: relative;
        top: -1px;
        height: 18px !important;
        padding: 2px 7px;
        margin-left: 0 !important
    }
    .ui-grid-pager-container input {
        height: 13px;
        position: relative;
        top: 2px;
        font-size: 10px;
        padding: 2px 3px;
        width: 27px
    }
    .ui-grid-pager-control .ui-grid-pager-max-pages-number {
        padding: 3px 6px;
        font-size: 10px;
    }
    .ui-grid-pager-row-count-picker select {
        padding: 0px 2px;
        height: 18px;
        width: 50px;
        font-size: 10px;
    }
    .ui-grid-pager-row-count-picker .ui-grid-pager-row-count-label {
        font-size: 10px;
        font-weight: 100;
    }
    .ui-grid-pager-count-container {
        font-size: 10px;
    }
    .sidebar-wrapper ul>li a i {
        font-size: 15px;
        line-height: 31px;
        margin-left: 3px;
    }
    span.fa.fa-ellipsis-v {
        font-size: 12px;
        top: 15px;
        right: 6px;
    }
    .sidebar-wrapper {
        width: 40px;
    }
    .sidebar-wrapper ul li ul {
        left: 39px;
        width: 173px;
    }
    .sidebar-wrapper ul li a {
        font-size: 10px;
        padding: 5px 10px !important;
    }
    .header-section {
        height: 40px;
        min-height: 40px;
    }
    .routeicon img {
        width: 17px;
        height: 17px;
        position: relative;
        top: -7px;
    }
    .heaader-leftsection md-select {
        font-size: 10px !important;
        position: relative;
        top: -5px;
    }
    ._md md-option {
        height: 30px;
    }
    .pendding-job ul li {
        font-size: 11px;
        padding: 3px 0px 4px 44px;
    }
    .pendding-job ul li.active:after {
        border-width: 22px 17px 0px 0px;
    }
    .pendding-job ul li:first-child.active:after {
        right: -17px;
    }
    .pendding-job ul li span {
        top: 4px;
        /*width: 18px;*/
        height: 17px;
        line-height: 17px;
    }
    .nav li {
        font-size: 11px;
    }
    .nav li a {
        font-size: 11px;
    }
    .nav {
        width: 82px;
        padding: 2px;
        border-radius: 2px;
    }
    .nav ul {
    top: 22px;
    width: 114px;
    left: -48px;
    }
    .user-name-with-logo img {
        height: 17px;
        width: 17px;
    }
    .customer-details p {
        padding: 0 13px 0 6px;
        font-size: 10px;
    }
    div#ng-view {
        margin-top: 40px;
    }
    .left-section {
        margin-top: 40px;
    }
    .filterArrow.left i.material-icons {
        height: 35px;
        width: 30px;
        line-height: 35px;
        font-size: 20px;
    }
    .sidebar-wrapper {
        top: 40px;
    }
    .routeData {
        border-radius: 0;
        padding-top: 3px;
    }
    .left-section md-tabs-canvas {
        width: 278px!important;
        height: 50px!important;
    }
    .left-section md-pagination-wrapper {
        width: 280px!important;
        height: 50px!important;
    }
    .left-section .md-active a {
        font-size: 12px;
    }
    .md-tab a {
        font-size: 12px;
    }
    .left-section .md-tab {
        padding: 2px 16px!important;
    }
    .scrolling::-webkit-scrollbar {
        width: 5px;
    }
    .scrolling::-webkit-scrollbar-track {
        background: #f1f1f1;
    }
    .scrolling::-webkit-scrollbar-thumb {
        background: #888;
    }
    .sub-header h3 {
        margin: 10px 13px 0px 17px;
        font-size: 12px;
    }
    .sub-header .center_grid .rule-ang-header-modified h3{
        margin: 0 13px 0px 17px;
    }
    .routeData .address {
        font-size: 11px;
    }
    .routeData .time {
        font-size: 11px
    }
    .routeData .assign {
        font-size: 11px
    }
    .topBox {
        font-size: 11px;
    }
    .nav i {
        font-size: 12px;
    }
    /*sidenav*/
    /*==========*/
    .mobile_header md-sidenav {
        position: fixed;
        overflow-y: scroll;
        height: 100vh;
        width: 200px;
        min-width: 200px
    }
    .mobile_header md-backdrop {
        position: fixed
    }
    /*nextday booking*/
    /*=================*/
    .nextday-form {
        padding-top: 10px;
    }
    .topheader {
        height: 32px;
    }
    .topheader h3 {
        font-size: 12px !important;
        padding: 5px 15px!important;
    }
    .importarea {
        top: 3px;
    }
    .importarea md-checkbox .md-container {
        height: 15px;
        width: 15px;
    }
    .importarea md-checkbox .md-container .md-icon {
        height: 15px;
        width: 15px;
    }
    .importarea md-checkbox .md-container .md-icon:after {
        top: 0;
        left: 2px;
        width: 6px;
        height: 10px;
    }
    .nextdaypan label {
        font-size: 10px;
    }
    .nextdaypan input {
        font-size: 12px;
    }
    .nextdaypan md-select {
        font-size: 10px;
    }
    .nextdaypan button {
        min-height: 20px;
        font-size: 10px;
        height: 25px;
        line-height: 0;
        min-width: 57px;
        width: auto;
    }
    .label1 {
        font-size: 10px;
    }
    .services_row {
        font-size: 10px;
    }
    .services_row {
        height: 24px;
    }
    .services_row .md-off,
    .md-on {
        height: 15px !important;
        width: 15px !important;
    }
    .nextday-form p {
        font-size: 10px
    }
    .nextdaypan .layout-margin {
        margin: 5px 8px !important;
    }
    .nextday_service_list button {
        top: -4px !important;
    }
    .services_row md-select span:not(.md-select-icon) {
        width: 90px;
    }
    .services_row img {
        width: 20px;
        height: 20px;
    }
    .back2_btn {
        top: -4px;
    }
    .back2_btn button {
        min-height: 26px !important;
        line-height: 0;
    }
    /*sameday-booking*/
    /*===============*/
    .sameday_scroll input {
        font-size: 12px !important;
    }
    .sameday_scroll label {
        font-size: 12px;
    }
    .sameday_scroll md-select {
        font-size: 12px;
    }
    .sameday_scroll button {
        min-height: 20px;
        height: 24px;
        font-size: 9px;
        line-height: 2;
        min-width: 60px;
    }
    .vehicle-name {
        font-size: 12px;
    }
    .ourprice {
        font-size: 12px;
    }
    .selectitem input[type="radio"]+label {
        width: 25px !important;
        height: 25px !important;
        background-size: 100% !important;
    }
    .selectitem input[type="radio"]:checked+label {
        background-size: 100% !important
    }
    .magic-checkbox+label:before {
        width: 25px;
        height: 25px;
    }
    .magic-checkbox+label:after {
        top: 5px;
        left: 10px;
        width: 7px;
        height: 14px;
        border-width: 2px;
    }
    .yourbooking-container .flex-50 {
        font-size: 12px;
    }
    i.material-icons.minify-glass {
        font-size: 21px;
        margin-top: 14px;
        padding: 1px;
    }
    .sameday_scroll::-webkit-scrollbar {
        width: 5px;
    }
    .sameday_scroll::-webkit-scrollbar-track {
        background: #f1f1f1;
    }
    .sameday_scroll::-webkit-scrollbar-thumb {
        background: #888;
    }
    .sameday_scroll md-checkbox {
        font-size: 12px;
    }
    .sameday_scroll md-checkbox .md-icon {
        height: 15px;
        width: 15px;
        top: 4px;
    }
    .sameday_scroll md-checkbox .md-icon:after {
        height: 10px !important;
        width: 5px !important;
        left: 3px !important;
    }
    .costcontent2 h3 {
        font-size: 12px;
    }
    .tracking-history table tr td,
    .tracking-history table tr th,
    .costContent table tr th,
    .costContent table tr td {
        padding: 2px 15px;
        font-size: 10px;
    }
    .yourbooking-container md-tabs-canvas {
        height: 30px;
    }
    .yourbooking-container md-tab-item {
        padding: 0;
        margin-top: 6px;
    }
    .yourbooking-container .md-padding {
        padding: 0px;
    }
    /*ipad portrait view*/
    /*=================*/
    .message-rotate {
        position: fixed;
        top: 0;
        display: block;
        width: 100%;
        height: 100%;
        background: #33225a;
        text-align: center;
        z-index: 9
    }
    .inside-message {
        position: absolute;
        right: 0;
        left: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        height: 400px;
        width: 400px;
    }
    .inside-message img {
        width: 67%;
    }
    .inside-message p {
        color: #fff;
    }
    /*sameday */
    /*==========*/
    .full-width-p {
        margin-left: 0px;
    }
    .booker__option .col-sm-6 {
        flex: 2;
        -webkit-flex: 2;
        font-size: 13px;
    }
    .booker__option .col-sm-4 {
        flex: 1;
        -webkit-flex: 1;
        text-align: center;
    }
    .yourbooking-container .flex-50 {
        font-size: 11px;
    }
    div#ng-view {
        margin-top: 0px;
    }
    .left-section {
        margin-top: 0px
    }
    #dashboard-map {
        height: 94.5vh;
    }
    .sameday_scroll {
        height: 94.5vh;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
    }
    .ipad_view {
        display: none;
    }
    .selectitem input[type="radio"]+label {
        width: 25px !important;
        height: 25px !important;
        background-size: 100% !important;
    }
    .selectitem input[type="radio"]:checked+label {
        background-size: 100% !important
    }
    .sameday_scroll button {
        height: 0;
        min-height: 35px;
        line-height: 0;
        font-size: 11px;
        min-width: 71px;
    }
    .magic-checkbox+label:before {
        width: 25px;
        height: 25px;
    }
    .magic-checkbox+label:after {
        top: 6px;
        left: 8px;
        width: 8px;
        height: 13px;
    }
    .sameday_scroll.flex-45 {
        min-width: 50%;
        flex: 50;
        -webkit-flex: 50;
    }
    .t-right-section.flex-55 {
        min-width: 50%;
        flex: 50;
        -webkit-flex: 50;
    }
    /*lastmilesameday*/
    /*=================*/
    .calendar-container {
        left: 0;
        width: 180px;
        margin: 0;
        top: 0px;
    }
    .calendar-container md-input-container {
        margin: 0;
    }
    .calendar-container label {
        position: initial !important;
        font-size: 7px;
    }
    .calendar-container input {
        width: 150px !important;
        font-size: 13px !important;
        color: #000 !important;
        height: 22px !important;
        line-height: 24px !important;
        padding-left: 5px !important;
    }
    .calendar-container i {
        font-size: 20px;
        top: 2px;
        left: 3px;
    }
    /*get route css*/
    /*==============*/
    .comment-section select {
        border-radius: 0px !important;
        height: 25px !important;
    }
    .comment-section input {
        border-radius: 0px !important;
        height: 25px !important;
        padding: 0 0px 0 2px !important;
        box-sizing: border-box;
        width: 100% !important;
        border: 1px solid #ccc;
    }
    .assign-form .comment-section form .form-group {
        max-width: 24%;
    }
    .buttons-s {
        float: left;
    }
    .getroutesData {
        border-radius: 0;
        border-bottom: 6px;
        border-bottom-style: solid;
    }
    .comment-section .form-group {
        float: left;
    }
    .comment-section button {
        padding: 3px 14px!important;
        margin-top: 4px;
    }

    .mobile_header md-toolbar.md-hue-2 {
        padding: 0;
    }

    .mobile_header md-sidenav.md-sidenav-left.container_box {
        width: 310px;
        min-width: 310px;
}
.topheader.add_topheader_controller {
    height: auto;
}
}






@media only screen and (min-width: 641px) and (max-width: 767px) {
    .icon-closs{
        position: absolute;
        right: 0;
        color: #fff;
        z-index: 9;
        font-size: 32px !important;
        padding: 5px 10px;
        display: inline-block;
    }
    .header-section {
        display: none !important;
    }
    .login-bg md-content {
        background-size: cover;
    }
    .sidebar-wrapper {
        display: none;
    }
    .mobile_header {
        display: block;
    }
    .mobile_header md-toolbar {
        height: auto !important;
        min-height: auto;
        padding: 5px 10px;

        display: inline-flex;
    width: 100%;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    }
    .t_logo {
        width: 30%;
        display: inline-flex;
        align-items: center;
        padding-top: 0;
}
    .t_logo img {
        width: 30px;
    height: auto;
    padding: 0;
    position: relative;
    top: 0px;
    left: 0;
    margin-right: 0px;
    }
    .t_logo a {
            display: flex;
    margin-right: 15px;
    align-items: center;
}
    .t_logo .routeicon img {
        width: 25px;
        top: 0px;
        left: 0;
        height: auto;
    }
    .t_logo .home-icon i {
        padding-right: 0px;
        font-size: 26px;
        margin-top: 0px;
}
    .mdabc {
        width: 50%;
        float: right !important;
        text-align: right;
        position: absolute;
        right: 0;
    }
/*    .mdabc {
        min-width: auto;
        width: 100%;
        position: relative;
        width:100%;
}*/
.mdabc {
    /*min-width: auto;
    position: static;
    width: 100%;
    margin: auto;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: space-between;*/
        min-width: auto;
    position: static;
    width: 60%;
    margin: 0;
    display: flex;
    align-items: center;
    text-align: center;
    flex-wrap: wrap;
    justify-content: right;
}
    .mdabc i {
        font-size: 23px;
        margin-top: 7px;
    }
    .mdabc ul.nav {
    margin: 0px 0px 0px 10px;
    width: auto;
    position: static;
    right: 0;
    top: 0;
    padding: 4px 5px 4px 5px;
    }
    .mobile-view-hide {
    display: none;
}
    .mdabc ul.nav i {
        margin: 0;
        font-size: 16px;
    }
    .t_menu_bar img {
    width: auto;
    border-radius: 50%;
    max-height: 50px;
}
    .t_menu_bar {
        background: #33225a;
        padding: 12px 8px;
        border-bottom: 2px solid #ca0000;
        width: 100%;
    }
    .t_menu_bar h4 {
        font-size: 21px;
        margin-bottom: 0;
    }
    .t_menu_bar h6 {
        font-size: 13px;
        color: #ef6362;
        letter-spacing: 4px;
        font-weight: 100;
        position: relative;
    }
    .t_menu_bar h6:after {
        content: "\f0d7";
        position: absolute;
        right: 0px;
        font-family: FontAwesome;
        font-size: 14px;
        top: 0px;
    }
    .t_menu_wrap ul {
        padding: 6px 0px;
        margin: 0;
    }
    .t_menu_wrap ul li a {
        padding: 7px 22px;
        display: block;
        font-size: 15px;
        color: #33225a;
        border-bottom: 1px solid #f1f1f1;
        font-weight: bold;
        position: relative;
    }
    .t_menu_wrap ul li i {
        color: #33225a;
        width: 36px;
    }
    .accordion {
        transition: 0.4s;
        position: relative;
    }
    .active,
    .accordion:hover {
        background-color: #ccc;
    }
    .accordion:after {
        content: "\f078";
        position: absolute;
        right: 27px;
        font-family: FontAwesome;
        font-size: 11px;
        top: 10px;
    }
    .active:after {
        content: "\f077";
    }
    .panelt {
        padding: 0 18px;
        background-color: white;
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.2s ease-out;
        margin-bottom: 0px;
    }
    .panelt ul li a {
        border-bottom: 0;
        padding: 3px 17px;
        font-size: 13px;
        font-weight: 100;
        color: #908d8d;
    }
    .scrolling {
        -webkit-overflow-scrolling: touch;
    }
    .pendding-job {
        padding-top: 0;
    }
    .pendding-job ul {
        margin: 0 0 0 0px;
    }
    .ui-grid,
    .gmap {
        height: 84vh;
    }
    .selectiveField {
        margin: 0;
        margin-top: 4px;
    }
    .sub-header-action-button .dropdown {
        border-radius: 0px;
        margin: 0 !important;
        padding: 0 !important;
    }
    .sub-header-action-button .dropdown i {
        font-size: 10px!important;
    }
    .driver_routen.flex h4,
    .driver_routen.flex span {
        font-size: 11px;
        margin-bottom: 0;
    }
    .driver_routen {
        padding: 0 17px;
    }
    .sameday_wrapper button {
        margin: 0 !important;
        margin-left: 5px !important;
    }
    .mdabc button {
        width: 40px;
        min-width: 43px;
        margin: 0;
        top: 2px;
    }
    .t_logo button {
        width: 35px;
        min-width: 35px;
        margin: 0;
        font-size: 27px;
        top: 0;
        left: 0;
    }
    .ui-grid-cell-contents {
        font-size: 11px
    }
    .ui-grid-pager-panel {
        padding-top: 2px;
        padding-bottom: 2px
    }
    .ui-grid-pager-container button {
        position: relative;
        top: -1px;
        height: 18px !important;
        padding: 2px 7px;
        margin-left: 0 !important
    }
    .ui-grid-pager-container input {
        height: 13px;
        position: relative;
        top: 2px;
        font-size: 10px;
        padding: 2px 3px;
        width: 27px
    }
    .ui-grid-pager-control .ui-grid-pager-max-pages-number {
        padding: 3px 6px;
        font-size: 10px;
    }
    .ui-grid-pager-row-count-picker select {
        padding: 0px 2px;
        height: 18px;
        width: 50px;
        font-size: 10px;
    }
    .ui-grid-pager-row-count-picker .ui-grid-pager-row-count-label {
        font-size: 10px;
        font-weight: 100;
    }
    .ui-grid-pager-count-container {
        font-size: 10px;
    }
    .sidebar-wrapper ul>li a i {
        font-size: 15px;
        line-height: 31px;
        margin-left: 3px;
    }
    span.fa.fa-ellipsis-v {
        font-size: 12px;
        top: 15px;
        right: 6px;
    }
    .sidebar-wrapper {
        width: 40px;
    }
    .sidebar-wrapper ul li ul {
        left: 39px;
        width: 173px;
    }
    .sidebar-wrapper ul li a {
        font-size: 10px;
        padding: 5px 10px !important;
    }
    .header-section {
        height: 40px;
        min-height: 40px;
    }
    .routeicon img {
        width: 17px;
        height: 17px;
        position: relative;
        top: -7px;
    }
    .heaader-leftsection md-select {
        font-size: 10px !important;
        position: relative;
        top: -5px;
    }
    ._md md-option {
        height: 30px;
    }
    .pendding-job ul li {
        font-size: 11px;
        padding: 3px 0px 4px 44px;
    }
    .pendding-job ul li.active:after {
        border-width: 22px 17px 0px 0px;
    }
    .pendding-job ul li:first-child.active:after {
        right: -17px;
    }
    .pendding-job ul li span {
        top: 4px;
        /*width: 18px;*/
        height: 17px;
        line-height: 17px;
    }
    .nav li {
        font-size: 11px;
    }
    .nav li a {
        font-size: 11px;
    }
    .nav {
        width: 82px;
        padding: 2px;
        border-radius: 2px;
    }
    .nav ul {
    top: 22px;
    width: 114px;
    left: -48px;
    }
    .user-name-with-logo img {
        height: 17px;
        width: 17px;
    }
    .customer-details p {
        padding: 0 13px 0 6px;
        font-size: 10px;
    }
    div#ng-view {
        margin-top: 40px;
    }
    .left-section {
        margin-top: 40px;
    }
    .filterArrow.left i.material-icons {
        height: 35px;
        width: 30px;
        line-height: 35px;
        font-size: 20px;
    }
    .sidebar-wrapper {
        top: 40px;
    }
    .routeData {
        border-radius: 0;
        padding-top: 3px;
    }
    .left-section md-tabs-canvas {
        width: 278px!important;
        height: 50px!important;
    }
    .left-section md-pagination-wrapper {
        width: 280px!important;
        height: 50px!important;
    }
    .left-section .md-active a {
        font-size: 12px;
    }
    .md-tab a {
        font-size: 12px;
    }
    .left-section .md-tab {
        padding: 2px 16px!important;
    }
    .scrolling::-webkit-scrollbar {
        width: 5px;
    }
    .scrolling::-webkit-scrollbar-track {
        background: #f1f1f1;
    }
    .scrolling::-webkit-scrollbar-thumb {
        background: #888;
    }
    .sub-header h3 {
        margin: 10px 13px 0px 17px;
        font-size: 12px;
    }
    .sub-header .center_grid .rule-ang-header-modified h3{
        margin: 0 13px 0px 17px;
    }
    .routeData .address {
        font-size: 11px;
    }
    .routeData .time {
        font-size: 11px
    }
    .routeData .assign {
        font-size: 11px
    }
    .topBox {
        font-size: 11px;
    }
    .nav i {
        font-size: 12px;
    }
    /*sidenav*/
    /*==========*/
    .mobile_header md-sidenav {
        position: fixed;
        overflow-y: scroll;
        height: 100vh;
        width: 200px;
        min-width: 200px
    }
    .mobile_header md-backdrop {
        position: fixed
    }
    /*nextday booking*/
    /*=================*/
    .nextday-form {
        padding-top: 10px;
    }
    .topheader {
        height: 32px;
    }
    .topheader h3 {
        font-size: 12px !important;
        padding: 5px 15px!important;
    }
    .importarea {
        top: 3px;
    }
    .importarea md-checkbox .md-container {
        height: 15px;
        width: 15px;
    }
    .importarea md-checkbox .md-container .md-icon {
        height: 15px;
        width: 15px;
    }
    .importarea md-checkbox .md-container .md-icon:after {
        top: 0;
        left: 2px;
        width: 6px;
        height: 10px;
    }
    .nextdaypan label {
        font-size: 10px;
    }
    .nextdaypan input {
        font-size: 12px;
    }
    .nextdaypan md-select {
        font-size: 10px;
    }
    .nextdaypan button {
        min-height: 20px;
        font-size: 10px;
        height: 25px;
        line-height: 0;
        min-width: 57px;
        width: auto;
    }
    .label1 {
        font-size: 10px;
    }
    .services_row {
        font-size: 10px;
    }
    .services_row {
        height: 24px;
    }
    .services_row .md-off,
    .md-on {
        height: 15px !important;
        width: 15px !important;
    }
    .nextday-form p {
        font-size: 10px
    }
    .nextdaypan .layout-margin {
        margin: 5px 8px !important;
    }
    .nextday_service_list button {
        top: -4px !important;
    }
    .services_row md-select span:not(.md-select-icon) {
        width: 90px;
    }
    .services_row img {
        width: 20px;
        height: 20px;
    }
    .back2_btn {
        top: -4px;
    }
    .back2_btn button {
        min-height: 26px !important;
        line-height: 0;
    }
    /*sameday-booking*/
    /*===============*/
    .sameday_scroll input {
        font-size: 12px !important;
    }
    .sameday_scroll label {
        font-size: 12px;
    }
    .sameday_scroll md-select {
        font-size: 12px;
    }
    .sameday_scroll button {
        min-height: 20px;
        height: 24px;
        font-size: 9px;
        line-height: 2;
        min-width: 60px;
    }
    .vehicle-name {
        font-size: 12px;
    }
    .ourprice {
        font-size: 12px;
    }
    .selectitem input[type="radio"]+label {
        width: 25px !important;
        height: 25px !important;
        background-size: 100% !important;
    }
    .selectitem input[type="radio"]:checked+label {
        background-size: 100% !important
    }
    .magic-checkbox+label:before {
        width: 25px;
        height: 25px;
    }
    .magic-checkbox+label:after {
        top: 5px;
        left: 10px;
        width: 7px;
        height: 14px;
        border-width: 2px;
    }
    .yourbooking-container .flex-50 {
        font-size: 12px;
    }
    i.material-icons.minify-glass {
        font-size: 21px;
        margin-top: 14px;
        padding: 1px;
    }
    .sameday_scroll::-webkit-scrollbar {
        width: 5px;
    }
    .sameday_scroll::-webkit-scrollbar-track {
        background: #f1f1f1;
    }
    .sameday_scroll::-webkit-scrollbar-thumb {
        background: #888;
    }
    .sameday_scroll md-checkbox {
        font-size: 12px;
    }
    .sameday_scroll md-checkbox .md-icon {
        height: 15px;
        width: 15px;
        top: 4px;
    }
    .sameday_scroll md-checkbox .md-icon:after {
        height: 10px !important;
        width: 5px !important;
        left: 3px !important;
    }
    .costcontent2 h3 {
        font-size: 12px;
    }
    .tracking-history table tr td,
    .tracking-history table tr th,
    .costContent table tr th,
    .costContent table tr td {
        padding: 2px 15px;
        font-size: 10px;
    }
    .yourbooking-container md-tabs-canvas {
        height: 30px;
    }
    .yourbooking-container md-tab-item {
        padding: 0;
        margin-top: 6px;
    }
    .yourbooking-container .md-padding {
        padding: 0px;
    }
    /*ipad portrait view*/
    /*=================*/
    .message-rotate {
        position: fixed;
        top: 0;
        display: block;
        width: 100%;
        height: 100%;
        background: #33225a;
        text-align: center;
        z-index: 9
    }
    .inside-message {
        position: absolute;
        right: 0;
        left: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        height: 400px;
        width: 400px;
    }
    .inside-message img {
        width: 67%;
    }
    .inside-message p {
        color: #fff;
    }
    /*sameday */
    /*==========*/
    .full-width-p {
        margin-left: 0px;
    }
    .booker__option .col-sm-6 {
        flex: 2;
        -webkit-flex: 2;
        font-size: 13px;
    }
    .booker__option .col-sm-4 {
        flex: 1;
        -webkit-flex: 1;
        text-align: center;
    }
    .yourbooking-container .flex-50 {
        font-size: 11px;
    }
    div#ng-view {
        margin-top: 0px;
    }
    .left-section {
        margin-top: 0px
    }
    #dashboard-map {
        height: 94.5vh;
    }
    .sameday_scroll {
        height: 94.5vh;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
    }
    .ipad_view {
        display: none;
    }
    .selectitem input[type="radio"]+label {
        width: 25px !important;
        height: 25px !important;
        background-size: 100% !important;
    }
    .selectitem input[type="radio"]:checked+label {
        background-size: 100% !important
    }
    .sameday_scroll button {
        height: 0;
        min-height: 35px;
        line-height: 0;
        font-size: 11px;
        min-width: 71px;
    }
    .magic-checkbox+label:before {
        width: 25px;
        height: 25px;
    }
    .magic-checkbox+label:after {
        top: 6px;
        left: 8px;
        width: 8px;
        height: 13px;
    }
    .sameday_scroll.flex-45 {
        min-width: 50%;
        flex: 50;
        -webkit-flex: 50;
    }
    .t-right-section.flex-55 {
        min-width: 50%;
        flex: 50;
        -webkit-flex: 50;
    }
    /*lastmilesameday*/
    /*=================*/
    .calendar-container {
        left: 0;
        width: 180px;
        margin: 0;
        top: 0px;
    }
    .calendar-container md-input-container {
        margin: 0;
    }
    .calendar-container label {
        position: initial !important;
        font-size: 7px;
    }
    .calendar-container input {
        width: 150px !important;
        font-size: 13px !important;
        color: #000 !important;
        height: 22px !important;
        line-height: 24px !important;
        padding-left: 5px !important;
    }
    .calendar-container i {
        font-size: 20px;
        top: 2px;
        left: 3px;
    }
    /*get route css*/
    /*==============*/
    .comment-section select {
        border-radius: 0px !important;
        height: 25px !important;
    }
    .comment-section input {
        border-radius: 0px !important;
        height: 25px !important;
        padding: 0 0px 0 2px !important;
        box-sizing: border-box;
        width: 100% !important;
        border: 1px solid #ccc;
    }
    .assign-form .comment-section form .form-group {
        max-width: 24%;
    }
    .buttons-s {
        float: left;
    }
    .getroutesData {
        border-radius: 0;
        border-bottom: 6px;
        border-bottom-style: solid;
    }
    .comment-section .form-group {
        float: left;
    }
    .comment-section button {
        padding: 3px 14px!important;
        margin-top: 4px;
    }

    .mobile_header md-toolbar.md-hue-2 {
        padding: 0;
    }

    .mobile_header md-sidenav.md-sidenav-left.container_box {
        width: 310px;
        min-width: 310px;
}
.topheader.add_topheader_controller {
    height: auto;
}
}

@media only screen and (min-width: 393px) and (max-width: 851px) and (orientation: portrait){
.sameday_wrapper button {
    margin-left: 1px !important;
}
}


@media only screen and (min-width: 390px) and (max-width: 844px) and (orientation: portrait){
.sameday_wrapper .mobile_bg button {
    margin-left: 1px !important;
}
.sameday_wrapper .mobile_bg button {
    font-size: 10px;
    padding: 6px 5px;
}
}




@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape){
div#ng-view {
    width: 100%;
}
}

@media only screen and (min-width: 1023px) and (max-width: 1179px) {
.add-form-box-sect-xx {
    width: 9%;
    margin: 0 3px;
}
}