@media only screen and (min-width: 768px) and (max-width: 1024px) {
.new-filter.oreder-re button {
    margin: 0px 3px 4px 0px;
}
* {
    -webkit-overflow-scrolling: touch;
}
.icargo-head img {
    padding: 4px;
}
.rename-group {
    margin-top: 14px;
}
button#sidebarCollapse {
    display: block
}
.sidenav-icargo {
    display: none;
}
#page-wrapper {
    margin: 0 0 0 0px !important;
    padding: 0 !important;
}
div#sideNav {
    display: none;
}
/*profile form*/
/*==============*/
.profileForm .col-md-6 {
    width: 50%;
}
.profile-person {
    width: 100%;
}
/*create same day*/
/*================*/
.Addpostcode .form-horizontal .control-label {
    font-size: 14px !important;
}
.onedelivary {
    left: 0;
}

.full-width .addJob {
    padding-bottom: 10px;
}
.postalcodeaddress {
    height: 700px !important;
}
.sameday-table>tbody>tr>td:first-child {
    width: 190px !important;
}
.sameday-table2>tbody>tr>td:first-child {
    width: 190px !important;
}
.sameday-table3>tbody>tr>td:first-child {
    width: 190px !important;
}
.sameday-table2>tbody>tr>td:nth-child(2) {
    width: initial !important;
}
/*next day booking*/
/*=================*/
.nextbooking .col-md-6 {
    width: 50%;
}
.parcel-4 {
    /*width: 120px;*/
    margin-left: 0
}
.item-2-kg {
    margin-right: 22px;
}
/*.size1 {
    font-size: 9px !important;
    top: -6px;
}*/
.size1 {
    font-size: 12px !important;
    top: -1px;
}
.btnRemoveParcel {
    height: 16px;
    width: 16px;
    top: 15px;
}
.address-container .col-md-6 {
    width: 50%;
}
div#pickupdetai .col-md-6 {
    width: 50%;
}
.booking-summary .col-sm-4 {
    padding-left: 0;
    text-align: left;
    width: 15%;
}
.order-table>tbody>tr>td:first-child {
    width: 160px;
}
.order-table2>tbody>tr>td:first-child {
    width: 160px;
    word-break: break-all;
}
.order-table2>tbody>tr>td:nth-child(2) {
    width: 20px;
}
.total-price-tab>tbody>tr>td:nth-child(1) {
    width: 160px;
}
.submit-query {
    width: 35%;
}
.order-summ label {
    margin-left: 31px;
    font-size: 10px;
}
.booking-summary>table>tbody>tr>td:nth-child(2) {
    padding-left: 15px;
}
.booking-summary>table>tbody>tr>td:last-child {
    padding-left: 15px;
}
/*shipment page*/
/*================*/
.filterrow .dropdown {
    padding: 13px 0 0 0px;
}
.filterrow .btn-default {
    padding: 4px 10px 4px 10px;
    font-size: 13px;
}
.global-filter {
    width: 39%
}
/*shipment detail*/
/*===============*/
.mislaniouswrapper {
    padding-left: 0;
    margin-top: 11px;
}
#user_grid i.glyphicon.glyphicon-list-alt {
    font-size: 12px;
}
#user_grid i {
    padding: 0 5px;
    font-size: 12px;
}
/*login screen*/
/*============*/
.main-login-board1 {
    display: block;
}
.main-login-board {
    width: 300px;
    left: 50%;
    position: relative;
    transform: translate(-50%);
}
}

@media only screen and (min-width:768px) and (max-width: 991px){
.shipmentDetail {
    width: 698px;
}
}

@media only screen and (min-width:992px) and (max-width: 1024px){
.w-table-ft {
    width: 27.5%;
}
.w-table-sd {
    width: 27.1%;
}
.w-table-th {
    width: 44%;
}
}

@media only screen and (max-width:1024px) and (orientation:landscape) {
.item-2-kg {
    margin-right: 8px;
}
.parcel-4 {
   /* width: 100px;*/
}
.item-5,
.item-2,
.item-3 {
    width: 80px;
}
.shipmentDetail {
    max-width: 915px;
}
.mislaniouswrapper {
    padding-left: 10px;
    margin-top: 0;
}
.dataTables_info {
    display: block;
}
.main-login-board1 {
    display: block;
}
.main-login-board {
    left: 35%;
}
td.an_label {
    text-align: center;
}
}
/*for mobile phones*/
/*=================*/
@media only screen and (min-width: 320px) and (max-width: 767px) {
.booker__option .btn {
    padding: 6px 4px;
    font-size: 12px;
    width: 79px;
}
* {
    -webkit-overflow-scrolling: touch;
}
.tracking-history table tr td, .tracking-history table tr th, .costContent table tr th, .costContent table tr td {
    padding: 3px 3px;
    font-size: 11px;
}
table.table.table-striped tr td {
    padding: 5px;
    font-size: 13px;
}
table.table.table-striped tr th {
    padding: 5px;
    font-size: 13px;
}
.col-md-6.col-sm-6.col-xs-12.fontbold {
    padding: 0 10px;
    margin: 0;
}
.col-md-6.col-sm-6.col-xs-12.fontbold .row .form-group {
    margin-bottom: 0;
}
.mislaniousContent h3 {
    margin-bottom: 1px;
}

/*header*/
/*======*/
button#sidebarCollapse {
    display: block
}
.sidenav-icargo {
    display: none;
}
#page-wrapper {
    margin: 0 0 0 0px !important;
    padding: 0 !important;
}
div#sideNav {
    display: none;
}
.icargo-head {
    width: 200px;
}
.icargo-head img {
    padding: 4px;
}
.nav>li {
/*    width: 71%;
    float: right;*/
/*    float: right;
    margin-right: 0;*/
    /*width: 100%;*/
}
.lap-color {
    background: #fff;
    padding: 4px 0px;
    margin-top: 6px;
}
.table-responsive {
    padding: 4px;
    margin-bottom: 0;
}
.shipmentContent {
    padding: 0px 10px;
}
.pad-left{
    padding:5px; 
}
/*.user-add a {
    padding: 10px 1px 10px 9px !important;
}*/
.mpadding {
/*    padding-right: 0;
    padding-left: 0;*/
}
.navbar-nav {
/*    margin: 0;*/
}
.dropdown-usermenu li>a {
    background: #12034e;
    color: #fff !important;
}
.h_main_book {
/*    display: block;*/
}
.dropdown.creatshipment.headerbooking {
/*    display: none;*/
/*    display: inline-block;
    position: absolute;
    top: 3px;*/
}
/*shipment page*/
/*============*/
.creatshipment button {
    margin: 0;
    font-size: 11px;
   /* width: 90px;*/
    margin-right: 3px;
    padding: 7px ;
}
.shipment-but1 {
    font-size: 12px;
}
.shipment-butC {
    font-size: 12px;
}
.menu-wrap {
    margin-top: 5px;
    height: 40px;
}
.collapse.innersubmenu {
    display: block;
}
.shipmentgrid h3 {
   /* display: none;*/
       padding: 7px 0;
       margin-right: 6px;
}
.mhidden {
    display: none;
}
.shipmentgrid .creatshipment {
    margin: 0 !important;
    top: 3px
}
.filterrow {
    margin-left: 0;
    float: left;
    width: 100%
}
.filter-button {
    padding: 6px 0;
    left: 0;
    text-align: center;
}
.global-filter {
    padding: 0 14px;
    width: 50%;
    margin-top: 8px
}
.container.p-height.box {
    padding: 0px 0 10px 0;
}
.shipmentDetail {
    width: 320px;
}
.mislaniousContent h3 {
    display: block !important;
    padding-right: 0;
    font-size: 15px;
    font-weight: 600;
}
.mislaniouswrapper {
    padding-left: 0;
}
.new_one_t li {
    width: auto;
    float: left;
}
.mnpadding {
    padding: 0;
    margin-top: 8px;
}
h3.collectiondrrs {
    display: block !important;
    padding-left: 0 !important;
}
.addressContent {
    height: auto;
}
div#accordion2 .panel-default a {
    font-size: 12px;
}
.dropdown.grid-sorting {
    position: absolute;
    right: 0;
}
/*create sameday*/
/*===============*/
.panel-body {
    padding: 10px;
}
.onedelivary {
    left: 0 !important;
    float: left;
}
.Addpostcode .form-horizontal .control-label {
    text-align: left;
    padding: 0;
}
.form-horizontal .form-group {
    margin: 0;
}
.Addpostcode,
.selectitem {
    margin-top: 0;
}
.mrgintop .col-md-12 {
    padding-right: 0;
}
.quote-button {
    margin-left: 0 !important;
}
.mrgintop {
    padding-right: 0;
}
.c-type {
    display: none;
}
.transit-1 {
    font-size: 13px;
}
.transit-2,
.transit-3 {
    font-size: 12px;
}
.transit-4 a {
    margin-right: 0;
    padding: 1px 15px;
    text-transform: uppercase;
    font-size: 14px;
}
.subtotle {
    margin-bottom: 13px;
    margin-top: 13px;
}
.col-sm-12.hroww {
    display: none;
}
.flex-margin {
    display: flex;
}
.flex-margin label {
    flex: 1;
}
.sameday-p {
    margin-bottom: 0;
}
.main-flex {
    margin-top: -8px;
    margin-left: 0;
    padding: 0 !important;
}
.addSearchbtn {
    width: 30%;
    margin-top: 5px;
    margin-bottom: 16px;
    float: left;
}
.search_button {
    padding-top: 0;
}
.container2 {
    padding-left: 22px;
    right: 0;
    top: 0;
    margin-bottom: 10px !important
}
.postalcodeaddress input[type="checkbox"] {
    margin-left: -8px;
}
.checkmark2 {
    top: 0;
    left: 0;
}
/*nextdaybooking*/
/*===============*/
.container2.container3 {
    top: 13px;
    right: 15px;
    margin-bottom: 0 !important;
}
.mdisp {
    display: block;
}
.list1 {
    padding: 18px 10px
}
.parcel-4 {
    width: 89%;
    margin-left: 0;
}
.item-2 {
    width: 85%;
}
.dim0 {
    margin-left: 0;
}
.item-2-kg {
    margin-right: 0;
    height: 25px;
    line-height: 27px;
    width: 32px;
    top: 0px;
}
.item-2-kg-cm {
    left: 0;
    margin-right: 0;
    height: 34px !important;
    line-height: 33px;
    width: 32px;
    top: 0px;
}
.inline-action {
    float: left;
    display: block;
    width: 100%;
    text-align: center;
    padding-bottom: 10px;
}
.btnRemoveParcel {
    float: initial;
    display: inline-block;
}
.item-1 {
    height: 30px;
    width: 100%;
    background: #12034e;
    margin-bottom: 11px;
    display: block;
    text-align: center;
}
.item-1 p {
    color: #fff;
}
.main-box {
    display: block;
}
.input-pop {
    width: 50%;
    padding-right: 3px;
    float: left;
}
.input-pop-2 {
    width: 50%;
    float: right;
    padding-right: 3px;
}
.main-cont {
    margin: 5px;
}
.isdoc {
    top: 7px !important;
}
.outer-body {
    padding: 0 !important;
}
.insurance-cost-btn button {
    margin-left: 14px;
}
.order-table2>tbody>tr>td:first-child {
    width: 160px;
    word-break: break-word;
    vertical-align: top;
}
.order-table>tbody>tr>td:first-child {
    width: 160px;
    word-break: break-word;
    vertical-align: top;
}
.sameday-table2>tbody>tr>td:first-child {
    width: 200px
}
.submit-query {
    width: 31%;
    margin-right: 0;
}
.total-price-tab>tbody>tr>td:first-child {
    width: 160px;
}
.custom-filter-new-button {
    width: 50%;
    /*padding: 5px 13px;*/
    display: block;
    float: left;
}
.custom-filter-new-button button {
    background: #ffffff;
    padding: 5px 7px;
    text-transform: uppercase;
    font-size: 16px;
    border-radius: 2px;
    border: 1px solid #ef6362;
    color: #ef6362;
    /*margin-top: 8px;*/
}
.dropdown-content2 {
    display: none;
}
.dropdown-content3 {
    position: absolute;
    background-color: #12034e;
    min-width: 230px;
    width: 244px;
    z-index: 1;
    height: auto;
    min-height: 151px;
    padding: 3px 3px;
    top: 45px;
}
.dropdown-content3 a {
    color: white;
    padding: 5px 5px;
    text-decoration: none;
    background: #12034e;
    display: block;
}
.dropdown-content3 .panel-group {
    margin-bottom: 0;
    padding: 3px;
}
.custom-filter-new-button button span {
    background: #12034e;
}
.dropdown-content3 .panel-default {
    border-radius: 0;
}
.dropdown-content3 .panel {
    border: none;
}
.presenting-block {
    display: inline-flex;
    width: 100%;
}
.presenting-block .shipment-filter {
    position: relative;
    display: block;
    width: 100%;
    background: #fff;
    height: 164px;
    margin: 0;
}
.presenting-block .shipment-filter li a {
    width: 100%;
    display: block;
    background: #fff;
}
.presenting-block2 {
    padding: 4px 8px;
}
.presenting-block2 label,
input {
    width: 100%;
}
.presenting-block2 input {
    height: 32px;
}
.presenting-block2 button {
    text-align: center;
    margin-top: 6px;
    font-size: 10px;
    background: #12034e;
    color: #fff;
    border: none;
}
.new-filter {
    float: left;
    display: none;
}
.dropdown-content2:before {
position: absolute;
    content: '';
    z-index: 99;
    left: 65px;
    border-right: 13px solid transparent;
    border-top: 5px solid transparent;
    border-left: 13px solid transparent;
    border-bottom: 12px solid #12034e;
    bottom: -10px;
}
.dataTables_wrapper {
    zoom: 0.9;
}
.service-lists {
    float: left;
    margin-top: 14px;
    padding: 10px;
    width: 100%;
}
.isdoc {
    line-height: 18px;
}
/*thead.mdb-color.darken-3>tr>th:nth-child(4) {
    display: none;
}*/
/*.main-body>tr>td:nth-child(4) {
    display: none;
}*/
.chklabel input[type=checkbox] {
    width: auto;
}
.chklabel2 {
    display: flex;
}
.inside-box label {
    order: 2;
}
.booking-summary>table>tbody>tr>td:nth-child(2) {
    padding-left: 48px;
}
.booking-summary>table>tbody>tr>td:nth-child(3) {
    padding-left: 39px;
}
.list1 input[type=text] {
    margin-bottom: 5px;
}
/*addresses*/
/*==========*/
.add-address-button {
    top: 30px;
    left: 13px;
}
.add-user-button {
    top: 7px;
}
/*login*/
/*========*/
.main-login-board1 {
    display: none;
}
.main-login-board {
    max-width: 300px;
    margin: 140px auto 0px auto;
    float: left;
    display: table;
}
.main-login-board img {
    width: 84%;
}
/*profile*/
/*==========*/
.profile-person {
    width: 100%;
}
.form-row.block-level {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

.time-date-box {
    width: 100%;
    flex-wrap: wrap;
}
.time-date-box .date-box {
    margin-bottom: 10px;
}
.date-box1 {
    width: 100%;    
    display: inline-block;
    text-align: left;
}
}
@media only screen and (min-width: 320px) and (max-width: 1023px) {
.mapboxgl-map{
    display: none;
}
}
@media only screen and (min-width: 320px) and (max-width: 1199px) {
.x_panel {
    padding: 10px;
}
.margintop10 {
    margin-top: 10px;
    padding: 0 !important;
}
}
.input-sm {
    /*border: 1px solid #fff ;*/
    box-shadow: none;
    height: 25px !important;
}
.paddin-no{
    padding: 0;
}
.padding-left-control{
    padding-left: 10px;
    margin-bottom: 10px;
}


@media only screen and (min-width: 320px) and (max-width: 480px){
.menu-wrap {
    flex-wrap: wrap;
    width: 100%;
    margin-top: 0 !important;
    height: auto !important;
}
.col-headding h4 {
    width: 100%;
    padding: 4px 10px 4px 0px;
}
.new-font-size button {
    font-size: 10px;
}
.new-font-size a {
    font-size: 10px;
}
.new-font-size a.font-size-lg {
    font-size: 12px;
}
.shipmentgrid .creatshipment.new-font-size {
    top: 0;
}
.dropdown.creatshipment.headerbooking {
    left: 10px;
}

.input-group-calendar {
    width: 100% !important;
    display: inline-block !important;
}
.history-calendar {
    align-items: flex-end;
}
.menu-wrap {
display: flex;
}
.creatshipment button {
    padding: 7px 10px;
    width:auto !important;
}
.margintop10 {
    padding: 4px !important;
}

.item-3 {
    width: 30%;
    margin-right: 3px;
    margin-top: 0;
}
.item-5 {
    width: 30%;
    margin-right: 3px;
    margin-top: 0;
}
.date-box {
    width: 35%;
}
.time-box {
    width: 35%;
}
.date-box select {
    padding: 6px 6px 6px 6px;
    height: 36px !important
}
.mobile-view{
    float: right;
    position: absolute;
    right: 12px;
}
/*.topheader h3 {
    padding: 12px 21px !important;
}*/
.topheader h3 {
    padding: 12px 1px 12px 10px !important;
}
#sidebar ul.components {
    border-bottom: none;
}
.onedelivary .inputtextaria1 input {
    padding: 3px 6px 5px 6px;
}
.onedelivary .inputtextaria1 input {
    height: 36px;
}
.Addpostcode .glyphicon.glyphicon-trash, .Addpostcode .glyphicon.glyphicon-plus {
    margin-top: 12px;
}
.Addpostcode input {
    height: 36px !important;
}
.input-filde-color input {
    padding: 3px 6px 5px 6px;
}
.inputtextaria1 button {
    border: 1px solid #ef6362 !important;
    padding: 5px !important;
    font-size: 14px !important;
    height: 36px !important;
}
.set-div button {
    border: 1px solid #ef6362 !important;
    padding: 5px !important;
    font-size: 14px !important;
    height: 36px !important;
}

.modal-dialog {
    margin-left: 10px;
    margin-right: 10px;
}
.Addpostcode i.fa.fa-clock-o {
    padding-top: 9px !important;
    padding-left: 0px !important;
}
.Addpostcode .form-horizontal .control-label {
    font-size: 14px !important;
}
.outer-body {
    width: 98%;
    margin: 10px auto auto auto;
}
.collection-info {
    border: none;
    background-color: #fff !important;
}
.list1 {
    background-color: #fff;
}
.max-rwidth{
    width: 95%;
    margin-bottom: 20px;
}
.outer-box label {
    width: 25%;
    margin-top: 5px;
}

.select-row-colune{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
.select-row-colune .item-2-kg-cm{
    border-radius: 0 !important;
    left:0;
    height: 34px !important;
}
.select-row-number-1{
    display: flex;
    width: 100%;
    margin-bottom: 5px;
}
.select-row-number-2{
    width: 31%;
    margin-right: 5px;
    margin-bottom: 5px;
}
.select-row-number-3{
    width: 31%;
    margin-right: 5px;
    margin-bottom: 5px;
}
.select-row-number-3 input{
    width: 100%;
}
.select-row-number-4{
    width: 31%;
    margin-right: 0px;
    margin-bottom: 5px;
}
.select-row-number-4 input{
    width: 100%;
}
.select-row-number-5{
    margin-bottom: 5px;
    margin-right: 5px;
    display: flex;
    width: 48%;
}
.select-row-number-6{
margin-bottom: 5px;
    margin-right: 5px;
    display: flex;
    width: 48%;
}
.select-row-number-7{
margin-bottom: 5px;
    margin-right: 5px;
    display: flex;
    width: 48%;
}
.select-row-number-8{
margin-bottom: 5px;
    margin-right: 5px;
    display: flex;
    width: 48%;
}
.select-row-number-5 .item-2, .select-row-number-6 .item-3, .select-row-number-7 .item-3, .select-row-number-8 .item-3 {
    width: 75%;
    margin-right: 0px;
    margin-top: 0;
    border-radius: 0;
}
.select-row-number-9{
    margin-bottom: 5px;
}
.file-group-min .file-group-one {
    width: 203px !important;
}
.file-group-one.new-bottom {
    width: 80px !important;
}
.file-group-min {
    border: none;
    padding: 0px;
}
.container1{}
.container1 button.btn{
    font-size: 13px !important;
    width: 90px !important;
    padding: 4px 0;
}
.btn {
    padding: 6px 10px;
}
.shipment-but1 {
    padding: 6px 3px !important;
    font-size: 11px;
    height: auto;
    margin-bottom: 3px;
}
.shipment-butC {
    padding: 6px 3px !important;
    font-size: 11px;
    height: auto;
    margin-bottom: 3px;
}
.custom-filter-new-button button {
    padding: 2px 7px;
    font-size: 14px;
    border-radius: 2px;
    margin-top: 10px;
}
.padding-zeero{
    padding: 0 !important;
}
.padding-zeero.padding-zeero2{
    padding: 0 !important;
}
.x_panel {
    padding: 0;
}
.paddin-no{
    padding: 0;
}
.block-level label{
    width: 100%;
}
.parcel-block label{
    width: 100%;
    padding-left: 15px;
}
.select-row-number-2 label{
    width: 100%;
    padding-left: 19px;
}

.topheader.topheader-r h3{
padding: 12px 7px 12px 21px !important;
}
.padding-left-control{
    padding-left: 10px;
}
.border-scrolling{
	max-width: 0px;
	width: 100%;
	overflow-x: scroll;
}
.navbar-collapse {
    padding-right: 4px;
    padding-left: 4px;
}
}
@media only screen and (min-width: 481px) and (max-width: 600px){
.onedelivary .inputtextaria1 input {
    padding: 3px 6px 5px 6px;
}
.onedelivary .inputtextaria1 input {
    height: 36px;
}
.Addpostcode input {
    height: 36px !important;
}
.input-filde-color input {
    padding: 3px 6px 5px 6px;
}
.inputtextaria1 button {
    border: 1px solid #ef6362 !important;
    padding: 5px !important;
    font-size: 14px !important;
    height: 36px !important;
}
.date-box select {
    padding: 6px 6px 6px 6px;
    height: 36px !important
}
.modal-dialog {
    margin-left: 10px;
    margin-right: 10px;
}
.Addpostcode i.fa.fa-clock-o {
    padding-top: 9px !important;
    padding-left: 0px !important;
}
.Addpostcode .form-horizontal .control-label {
    font-size: 14px !important;
}
.outer-body {
    width: 98%;
    margin: 10px auto auto auto;
}
.max-rwidth{
    width: 95%;
    margin-bottom: 20px;
}

.select-row-colune{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
.select-row-colune .item-2-kg-cm{
    border-radius: 0 !important;
    left: 0;
     height: 34px !important;
}
.select-row-number-1{
    display: flex;
    margin-bottom: 5px;
    margin-right: 10px;
}
.select-row-number-2{
    width: 16%;
    margin-right: 5px;
    margin-bottom: 5px;
}
.select-row-number-3{
    width: 18%;
    margin-right: 5px;
    margin-bottom: 5px;
}
.select-row-number-3 input{
    width: 100%;
}
.select-row-number-4{
    width: 16%;
    margin-right: 5px;
    margin-bottom: 5px;
}
.select-row-number-4 input{
    width: 100%;
}
.select-row-number-5{
    margin-bottom: 5px;
    margin-right: 5px;
    display: flex;
    width: 20%;
}
.select-row-number-6{
margin-bottom: 5px;
    margin-right: 5px;
    display: flex;
    width: 20%;
}
.select-row-number-7{
margin-bottom: 5px;
    margin-right: 5px;
    display: flex;
    width: 17%;
}
.select-row-number-8{
margin-bottom: 5px;
    margin-right: 5px;
    display: flex;
    width: 19%;
}
.select-row-number-5 .item-2, .select-row-number-6 .item-3, .select-row-number-7 .item-3, .select-row-number-8 .item-3 {
    width: 75%;
    margin-right: 0px;
    margin-top: 0;
    border-radius: 0;
}
.select-row-number-9{
    margin-bottom: 5px;
}
.file-group-min .file-group-one {
    width: 300px !important;
}
.file-group-one.new-bottom {
    width: 93px !important;
}
.shipmentContent {
    background-color: #fff;
    padding: 0;
}
#accordion2 .panel-body {
    padding: 0px;
}
.shipmentContent {
    background-color: #f5f5f5;
    padding: 0px 15px;
}
.item-3 {
    width: 16%;
    margin-right: 3px;
    margin-top: 0;
}
.item-5 {
    width: 16%;
    margin-right: 3px;
    margin-top: 0;
}
.padding-zeero{
    padding: 0 !important;
}
.padding-zeero.padding-zeero2{
    padding: 0 !important;
}
.x_panel {
    padding: 0;
}
.paddin-no{
    padding: 0;
}
}
@media only screen and (min-width: 601px) and (max-width: 767px){
.onedelivary .inputtextaria1 input {
    padding: 3px 6px 5px 6px;
}
.onedelivary .inputtextaria1 input {
    height: 36px;
}
.Addpostcode .glyphicon.glyphicon-trash, .Addpostcode .glyphicon.glyphicon-plus {
    margin-top: 12px;
}
.Addpostcode input {
    height: 36px !important;
}
.input-filde-color input {
    padding: 3px 6px 5px 6px;
}
.inputtextaria1 button {
    border: 1px solid #ef6362 !important;
    padding: 5px !important;
    font-size: 14px !important;
    height: 36px !important;
}
.date-box select {
    padding: 6px 6px 6px 6px;
    height: 36px !important
}
.modal-dialog {
    margin-left: 10px;
    margin-right: 10px;
}
.Addpostcode i.fa.fa-clock-o {
    padding-top: 9px !important;
    padding-left: 0px !important;
}
.Addpostcode .form-horizontal .control-label {
    font-size: 14px !important;
}
.outer-body {
    width: 98%;
    margin: 10px auto auto auto;
}
.max-rwidth{
    width: 95%;
    margin-bottom: 20px;
}

.select-row-colune{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
.select-row-colune .item-2-kg-cm{
    border-radius: 0 !important;
    left: 0;
     height: 34px !important;
}
.select-row-number-1{
    display: flex;
    width: 30%;
    margin-bottom: 5px;
}
.select-row-number-2{
    width: 12%;
    margin-right: 5px;
    margin-bottom: 5px;
}
.select-row-number-3{
    width: 28%;
    margin-right: 5px;
    margin-bottom: 5px;
}
.select-row-number-3 input{
    width: 100%;
}
.select-row-number-4{
    width: 28%;
    margin-right: 0px;
    margin-bottom: 5px;
}
.select-row-number-4 input{
    width: 100%;
}
.select-row-number-5{
    margin-bottom: 5px;
     margin-right: 3px;
    display: flex;
    width: 20%;
}
.select-row-number-6{
    margin-bottom: 5px;
    margin-right: 3px;
    display: flex;
    width: 20%;
}
.select-row-number-7{
    margin-bottom: 5px;
     margin-right: 3px;
    display: flex;
    width: 20%;
}
.select-row-number-8{
margin-bottom: 5px;
    margin-right: 3px;
    display: flex;
    width: 20%;
}
.select-row-number-5 .item-2, .select-row-number-6 .item-3, .select-row-number-7 .item-3, .select-row-number-8 .item-3 {
    width: 75%;
    margin-right: 0px;
    margin-top: 0;
    border-radius: 0;
}
.select-row-number-9{
    margin-bottom: 5px;
    width: 15%;
}
.file-group-min .file-group-one {
    width: 300px !important;
}
.file-group-one.new-bottom {
    width: 93px !important;
}
.item-3 {
/*     width: 16% !important;*/
    margin-right: 3px;
    margin-top: 0;
}
.item-5 {
    width: 16% !important;
    margin-right: 3px;
    margin-top: 0;
}
.padding-zeero{
    padding: 0 !important;
}
.padding-zeero.padding-zeero2{
    padding: 0 !important;
}
.x_panel {
    padding: 0;
}
.paddin-no{
    padding: 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.topheader h3 {
    padding: 10px 23px !important;
    line-height: 21px;
}
.onedelivary .inputtextaria1 input {
    padding: 3px 6px 5px 6px;
    height: 36px !important;
    width: 100%;
    font-size: 14px;
}
.Addpostcode .glyphicon.glyphicon-trash, .Addpostcode .glyphicon.glyphicon-plus {
    margin-top: 12px;
}
.Addpostcode input {
    height: 36px !important;
}
.Addpostcode i.fa.fa-clock-o {
    padding-top: 9px !important;
    padding-left: 0px !important;
}
.input-filde-color input {
    padding: 3px 6px 5px 6px;
}
.inputtextaria1 button {
    border: 1px solid #ef6362 !important;
    padding: 5px !important;
    font-size: 14px !important;
    height: 36px !important;
}
.date-box select {
    padding: 6px 6px 6px 6px;
    height: 36px !important
}
.Addpostcode .form-horizontal .control-label {
    font-size: 14px !important;
}
/*.item-5 {
margin-right: 3px;
margin-top: 0px;
}*/
.icon-sign {
    margin-top: 0 !important;
    font-size: 12px !important;
}
.onedelivary .inputtextaria1{
/*    width:75%;*/
}
.outer-body {
    width: 98%;
    margin: 10px auto auto auto;
}

.select-row-colune{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
.select-row-colune .item-2-kg-cm{
    border-radius: 0 !important;
    left: 0;
     height: 34px !important;
}
.select-row-number-1{
    display: flex;
    width: 19%;
    margin-bottom: 5px;
    margin-right: 5px;
}
.select-row-number-1 select{
    padding: 7px 5px;
}
.select-row-number-2{
    /*width: 8%;*/
    width: 65px;
    margin-right: 5px;
    margin-bottom: 5px;
}
.select-row-number-2 input {
    padding: 10px 2px;
}
.select-row-number-3{
    width: 10%;
    margin-right: 5px;
    margin-bottom: 5px;
}
.select-row-number-3 input{
    width: 100%;
    padding: 10px 2px;
}
.select-row-number-4{
    width: 8%;
    margin-right: 3px;
    margin-bottom: 5px;
}
.select-row-number-4 input{
    width: 100%;
    padding: 10px 2px;
}
.select-row-number-5{
    margin-bottom: 5px;
     margin-right: 3px;
    display: flex;
    width: 10%;
}
.select-row-number-5 input {
    padding: 10px 2px;
}
.select-row-number-6{
    margin-bottom: 5px;
    margin-right: 3px;
    display: flex;
    width: 10%;
}
.select-row-number-6 input {
    padding: 10px 2px;
}
.select-row-number-7{
    margin-bottom: 5px;
     margin-right: 3px;
    display: flex;
    width: 10%;
}
.select-row-number-7 input {
    padding: 10px 2px;
}
.select-row-number-8{
margin-bottom: 5px;
    margin-right: 3px;
    display: flex;
    width: 10%;
}
.select-row-number-8 input {
    padding: 10px 2px;
}
.select-row-number-5 .item-2, .select-row-number-6 .item-3, .select-row-number-7 .item-3, .select-row-number-8 .item-3 {
    width: 75%;
    margin-right: 0px;
    margin-top: 0;
    border-radius: 0;
}
.select-row-number-9{
    margin-bottom: 5px;
    width: 9%;

}
.file-group-min .file-group-one {
    width: 300px !important;
}
.file-group-one.new-bottom {
    width: 93px !important;
}
.Addpostcode .form-horizontal .control-label {
    padding: 8px 7px;
}
.padding-zeero{
    padding: 0 !important;
}
.padding-zeero.padding-zeero2{
    padding: 0 !important;
}
.x_panel {
    padding: 0;
}
.paddin-no{
    padding: 0;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1279px) {
.select-row-colune{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
.select-row-colune .item-2-kg-cm{
    border-radius: 0 !important;
    left: 0;
    height: 34px !important;
    width: 50px !important;
}
.select-row-number-1{
    display: flex;
    width: 18%;
    margin-bottom: 5px;
    margin-right: 0px;
}
.select-row-number-1 select{
    padding: 7px 5px;
}
.select-row-number-2{
    width: 9%;
    margin-right: 5px;
    margin-bottom: 5px;
}
.select-row-number-2 input {
    padding: 10px 2px;
}
.select-row-number-3{
    width: 14%;
    margin-right: 6px;
    margin-bottom: 5px;
}
.select-row-number-3 input{
    width: 100%;
    padding: 10px 2px;
}
.select-row-number-4{
    width: 9%;
    margin-right: 6px;
    margin-bottom: 5px;
}
.select-row-number-4 input{
    width: 100%;
    padding: 10px 2px;
}
.select-row-number-5{
    margin-bottom: 5px;
     margin-right: 6px;
    display: flex;
    width: 9%;
}
.select-row-number-5 input {
    padding: 10px 2px;
}
.select-row-number-6{
    margin-bottom: 5px;
    margin-right: 6px;
    display: flex;
    width: 9%;
}
.select-row-number-6 input {
    padding: 10px 2px;
}
.select-row-number-7{
    margin-bottom: 5px;
     margin-right: 6px;
    display: flex;
    width: 9%;
}
.select-row-number-7 input {
    padding: 10px 2px;
}
.select-row-number-8{
margin-bottom: 5px;
    margin-right: 6px;
    display: flex;
    width: 9%;
}
.select-row-number-8 input {
    padding: 10px 2px;
}
.select-row-number-5 .item-2, .select-row-number-6 .item-3, .select-row-number-7 .item-3, .select-row-number-8 .item-3 {
    width: 75%;
    margin-right: 0px;
    margin-top: 0;
    border-radius: 0;
}
.select-row-number-9{
    margin-bottom: 5px;
    width: 9%;

}
.file-group-min .file-group-one {
    width: 300px !important;
}
.file-group-one.new-bottom {
    width: 93px !important;
}
.Addpostcode .form-horizontal .control-label {
    padding: 8px 7px;
}
.padding-zeero{
    padding: 0 !important;
}
.padding-zeero.padding-zeero2{
    padding: 0 !important;
}
.x_panel {
    padding: 0;
}
.paddin-no{
    padding: 0;
}
}
@media only screen and (min-width: 1280px) and (max-width: 1366px) {
.x_panel {
    width: 100% !important;
    padding: 10px 0 !important;
}
.margintop10 {
    padding: 0 !important;
}
table.dataTable thead>tr>th.sorting_asc, table.dataTable thead>tr>th.sorting_desc, table.dataTable thead>tr>th.sorting, table.dataTable thead>tr>td.sorting_asc, table.dataTable thead>tr>td.sorting_desc, table.dataTable thead>tr>td.sorting {
    /*padding-right: 23px !important;*/
     padding-right: 34px !important;
    font-size: 12px !important;
}
.dataTable i {
/*width: 11px !important;
font-size: 12px !important;*/
}
.onedelivary .inputtextaria1 {
    width: 65%;
}
.onedelivary .inputtextaria1 input {
    padding: 3px 7px 5px 10px;
    height: 36px;
    font-size: 14px;
}
.Addpostcode input {
    padding: 3px 7px 5px 10px;
    height: 36px;
    font-size: 14px;
}
}


@media only screen and (min-width: 1280px) and (max-width: 1500px) {
.select-row-colune{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
.select-row-colune .item-2-kg-cm{
    border-radius: 0 !important;
    left: 0;
     height: 34px !important;
}
.select-row-number-1{
    display: flex;
    width: 14%;
    margin-bottom: 5px;
    margin-right: 8px;
}
.select-row-number-1 select{
    padding: 7px 8px;
}
.select-row-number-2{
    width: 8%;
    margin-right: 8px;
    margin-bottom: 5px;
}
.select-row-number-2 input {
    padding: 10px 8px;
}
.select-row-number-3{
    width: 12%;
    margin-right: 8px;
    margin-bottom: 5px;
}
.select-row-number-3 input{
    width: 100%;
    padding: 10px 8px;
}
.select-row-number-4{
     width: 10%;
    margin-right: 8px;
    margin-bottom: 5px;
}
.select-row-number-4 input{
    width: 100%;
    padding: 10px 8px;
}
.select-row-number-5{
margin-bottom: 5px;
    margin-right: 8px;
    display: flex;
    width: 10%;
}
.select-row-number-5 input {
    padding: 10px 8px;
}
.select-row-number-6{
    margin-bottom: 5px;
    margin-right: 8px;
    display: flex;
    width: 10%;
}
.select-row-number-6 input {
    padding: 10px 8px;
}
.select-row-number-7{
    margin-bottom: 5px;
     margin-right: 8px;
    display: flex;
    width: 10%;
}
.select-row-number-7 input {
    padding: 10px 8px;
}
.select-row-number-8{
margin-bottom: 5px;
    margin-right: 8px;
    display: flex;
    width: 10%;
}
.select-row-number-8 input {
    padding: 10px 8px;
}
.select-row-number-5 .item-2, .select-row-number-6 .item-3, .select-row-number-7 .item-3, .select-row-number-8 .item-3 {
    width: 75%;
    margin-right: 0px;
    margin-top: 0;
    border-radius: 0;
}
.select-row-number-9{
    margin-bottom: 5px;
    width: 8%;

}
.file-group-min .file-group-one {
    width: 300px !important;
}
}

@media only screen and (min-width: 501px) and (max-width: 1024px) {
.custom-filter-new-button {
padding: 5px 13px;
}
.custom-filter-new-button button {
    padding: 2px 7px;
    font-size: 14px;
    border-radius: 2px;
    /*margin-top: 4px;*/
}
.margintop10 {
    margin-top: 5px;
    padding: 0px 5px 5px 0px !important;
}
.x_content {
    margin-top: 0px;
}
}
@media only screen and (min-width: 600px) and (max-width: 1024px) {
.x_panel {
    padding: 10px 15px;
}
.nav-sm .container.body .right_col {
    margin-top: 0;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1600px) {
.x_panel {
    /*padding: 10px 15px !important;*/
    padding:10px 15px 60px 15px !important;
}
}


.containerr {
display: block;
    position: relative;
    padding-left: 25px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-weight: 600;
}
.containerr input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.checkmarks {
    position: absolute;
    top: 0;
    left: 0;
    height: 18px;
    width: 18px;
    border: 1px solid #333;
    background-color: #eee;
}
.containerr:hover input ~ .checkmarks {
  background-color: #ccc;
}
.containerr input:checked ~ .checkmarks {
  background-color: #888888;
}
.checkmarks:after {
  content: "";
  position: absolute;
  display: none;
}
.containerr input:checked ~ .checkmarks:after {
  display: block;
}
.containerr .checkmarks:after {
  left: 6px;
  top: 3px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}


@media only screen and (min-width: 320px) and (max-width: 534px) {
.dropdown-menu {
    /*right: 0 !important;*/
    left: auto !important;
}
.new-tab{}
.new-tab .ui-tabs-nav {
    margin: 0;
    padding: .2em .2em;
}
.new-tab .ui-tabs-nav li {
    list-style: none;
    float: left;
    position: relative;
    top: 0;
    margin: 1px .2em 0 0;
    border-bottom-width: 0;
    padding: 0;
    white-space: nowrap;
}
.new-tab .ui-tabs-nav li a {
    padding: 5px 5px;
    font-size: 11px;
}

.table-route{}
.table-route tr{
    width: 100%;
}
.table-route tr th{
    font-size: 12px;
    font-weight: normal;
    border-bottom: 0 !important;
}
.table-route tr td{
    padding: 4px;
}
.table-route tr td select{
    font-size: 12px;
    padding: 5px;
    height: auto;
    margin: 0;
}
.wrapper_downloadbtns-main {
    margin: 10px 3px 0px 3px;
    background: #efefef;
    padding: 10px;
}
.device_left-o {
    width: 100%;
    margin: auto auto 10px auto;
    max-width: 400px;
    text-align: center;
}
.device_left-o i {
    font-size: 2em;
    color: #2d2d2d;
}
.device_right-p {
    width: 100%;
    margin: auto auto 5px auto;
    max-width: 400px;
}
.device_right-q {
    width: 100%;
    margin: auto auto 5px auto;
    max-width: 400px;
}
.ui-tabs .ui-tabs-panel {
    padding: 1em .4em;
}
.device_right-p a {
    padding: 4px;
    font-size: 12px;
    text-align: center;
}
.device_right-q a {
    padding: 4px;
    font-size: 13px;
    text-align: center;
}
.isdoc {
    line-height: 19px;
}
}

@media only screen and (min-width: 535px) and (max-width: 767px) {
.new-tab .ui-tabs-nav {
    margin: 0;
    padding: .2em .2em;
}
.new-tab .ui-tabs-nav li {
    margin: 1px .2em 0 0;
}
.new-tab .ui-tabs-nav li a {
    padding: 5px 5px;
    font-size: 12px;
}

.table-route{}
.table-route tr{
    width: 100%;
}
.table-route tr th{
    font-size: 12px;
    font-weight: normal;
    border-bottom: 0 !important;
}
.table-route tr td{
    padding: 4px;
}
.table-route tr td select{
    font-size: 12px;
    padding: 5px;
    height: auto;
    margin: 0;
}
.wrapper_downloadbtns-main {
    margin: 10px 3px 0px 3px;
    background: #efefef;
    padding: 10px;
}
.device_left-o {
    width: 4%;
    margin: 0 4px 0px 0;
}
.device_left-o i {
    font-size: 1.5em;
}
.device_right-p {
    width: 40%;
    margin: 2px;
}
.device_right-q {
    width: 53%;
    margin: 2px;
}
.ui-tabs .ui-tabs-panel {
    padding: 1em .2em;
}
i.fa.fa-download {
    padding: 0px;
}
.device_right-p a {
    padding: 2px;
    font-size: 12px;
    text-align: center;
}
.device_right-q a {
    padding: 2px;
    font-size: 13px;
    text-align: center;
}
.dropdown-menu {
    right: 0 !important;
    left: auto !important;
}
}

@media only screen and (min-width: 768px) {
.table-route tr{
    width: 100%;
}
.table-route tr th{
    font-size: 14px;
    font-weight: normal;
    border-bottom: 0 !important;
}
.table-route tr td{
    padding: 4px;
}
.table-route tr td select{
    font-size: 12px;
    padding: 5px;
    height: auto;
    margin: 0;
}
}


@media only screen and (min-width: 320px) and (max-width: 767px) {
/*.service-lists {
    display: grid !important;
}*/
.table-border {
    width: 100%;
    display: inline-table !important;
}
.border-scrolling {
    padding: 10px;
}
.border-scrolling .table {
    max-width: 700px !important;
}
.service-lists label{
	width: auto !important;
	margin: 0 !important;
	padding: 0 !important; 
}
}



@media only screen and (min-width: 1501px){
.select-row-colune{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
.select-row-colune .item-2-kg-cm{
    border-radius: 0 !important;
    left: 0;
     height: 34px !important;
}
.select-row-number-1{
    display: flex;
    width: 14%;
    margin-bottom: 5px;
    margin-right: 8px;
}
.select-row-number-1 select{
    padding: 7px 8px;
}
.select-row-number-2{
    width: 8%;
    margin-right: 8px;
    margin-bottom: 5px;
}
.select-row-number-2 input {
    padding: 10px 8px;
}
.select-row-number-3{
    width: 12%;
    margin-right: 8px;
    margin-bottom: 5px;
}
.select-row-number-3 input{
    width: 100%;
    padding: 10px 8px;
}
.select-row-number-4{
     width: 10%;
    margin-right: 8px;
    margin-bottom: 5px;
}
.select-row-number-4 input{
    width: 100%;
    padding: 10px 8px;
}
.select-row-number-5{
margin-bottom: 5px;
    margin-right: 8px;
    display: flex;
    width: 10%;
}
.select-row-number-5 input {
    padding: 10px 8px;
}
.select-row-number-6{
    margin-bottom: 5px;
    margin-right: 8px;
    display: flex;
    width: 10%;
}
.select-row-number-6 input {
    padding: 10px 8px;
}
.select-row-number-7{
    margin-bottom: 5px;
     margin-right: 8px;
    display: flex;
    width: 10%;
}
.select-row-number-7 input {
    padding: 10px 8px;
}
.select-row-number-8{
margin-bottom: 5px;
    margin-right: 8px;
    display: flex;
    width: 10%;
}
.select-row-number-8 input {
    padding: 10px 8px;
}
.select-row-number-5 .item-2, .select-row-number-6 .item-3, .select-row-number-7 .item-3, .select-row-number-8 .item-3 {
    width: 75%;
    margin-right: 0px;
    margin-top: 0;
    border-radius: 0;
}
.select-row-number-9{
    margin-bottom: 5px;
    width: 8%;

}
.file-group-min .file-group-one {
    width: 300px !important;
}
}

.text-left label{
    font-size: 18px;
    letter-spacing: 0.5px;
    margin-top: 15px;
    padding-bottom: 10px;
}
@media only screen and (min-width: 320px) and (max-width: 768px){
.text-left label{
    padding-left: 15px;
}
.sameday-next {
    max-width: 100%;
    font-size: 13px;
}
.block-level-button-group input {
    width: auto;
    padding: 5px 7px;
    letter-spacing: 0.3px;
    height: auto;
}
/*.sameday-next.set-new-w{
    max-width: 170px !important;
}*/
.insurance-cost-btn button{
    display: inline-block;
    margin-top: 0 !important;
    width: auto !important;
}
.container1 button.btn{
    font-size: 13px !important;
    width: 90px !important;
    padding: 4px 0;
}
.border-scrolling{
    max-width: 300px;
}
}


@media only screen and (min-width: 320px) and (max-width: 480px){
.main-login-board{
    margin:99px auto 0px auto; 
    float: none;
    display: table;
}
.profile-person header h3 {
    padding-left: 10px !important;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px){
.main-login-board{
    margin:99px auto 0px auto; 
    float: none;
    display: table;
}
}

@media only screen and (min-width: 812px) and (max-width: 823px){
.main-login-board{
    margin:99px auto 0px auto; 
    float: none;
    display: table;
}
.main-login-board1 {
    display: none;
}
.main-login-board {
    left: 24%;
}
.sameday-next {
    max-width: 140px;
}
}

@media only screen and (max-width: 768px) and (min-width: 1024px){
.main-login-board {
    max-width: 300px;
    float: left;
}
.item-5 {
    width: 15%;
    margin: 0;
}
.item-3, .item-5 {
    width: 15%;
    margin-right: 3px
}
.sameday-next {
    max-width: 140px;
}
}

.right_col.shipmentgrid.only-profile {
    justify-content: center;
    display: flex;
}

.container1 button{
    margin: 0;
}
@media only screen and (max-width: 320px) and (min-width: 480px){
.pick-add2 {
    margin: 10px 0px 0 0px !important;
}
.pickup_address {
    padding: 0 0px !important;
}
.pick-addr-2 label {
    word-wrap: break-word;
    font-style: 13px;
}
.pick-add2 .col-md-12.col-sm-12 {
    margin: 0;
    padding: 0;
}
}

@media only screen and (min-width: 320px) and (max-width: 1279px){
.shipment-but1 {
    height: auto;
}
.shipment-butC {
    height: auto;
}

}

.or-diverOption{
    text-align: center;
    font-weight: 600;
    font-size: 16px;
}
.add_NewHeader{
    background-color: #12034e;
    width: 100%;
    display: inline-block;
    position: relative;
}

.NewHeader_wrap{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.ancher-list{
    border-right: 1px solid #a2a2a2;
    padding-right: 6px;
}
.ancher-list a{
    color: #ef6362;
    font-size: 20px;
    display: inline-block;
    padding: 3px;
    text-decoration: none;
    outline: none;
}
.titel-list{}
.titel-list h4{
    vertical-align: top;
    text-transform: uppercase;
    margin: 0;
    padding: 8px 8px;
    font-size: 14px;
    color: #fff;
    font-weight: 700;
    font-family: arial;
}

.ancher-list-button{
    display: inline-block;
    margin-left: 6px;
    margin-top: 0;
}
.ancher-list-button a{
    background: #ef6362;
    color: #fff;
}
.ancher-list-button a:hover{
    color: #fff;
}
.ancher-list-button button {
    background: #ef6362;
}

.ancher-list-button-right{
    display: inline-block;
    margin-left: 14px;
    margin-top: 0;
    float: right;
    position: absolute;
    right: 4px;
    top: 4px;
}
.ancher-list-button-right a{
    background: #ef6362;
    color: #fff;
    padding-right: 25px;
}
.ancher-list-button-right a.space-cover{
    display: block;
    padding: 8px 7px;
    text-align: center;
    color: #000;
    background: #f3f3f3;
}
.ancher-list-button-right a[aria-expanded="false"]::before, .ancher-list-button-right a[aria-expanded="true"]::before {
    content: '\e259';
    display: block;
    position: absolute;
    right: 14px;
    font-family: 'Glyphicons Halflings';
    font-size: 11px;
    top: 10px;
}
.ancher-list-button-right a[aria-expanded="true"]::before {
    content: '\e260';
}
.ancher-list-button-right a:hover, .ancher-list-button-right a:focus{
    color: #fff;
}
.ancher-list-button-right a:hover.space-cover, .ancher-list-button-right a:focus.space-cover{
    color: #000;
}
.box-lef_tlist{
    min-width: 170px !important;
    z-index: 1;
}


/*new table*/
.uk_mail_service_List_table{
    padding: 2em 2em 0em 2em;
    width: 75%;
    margin: auto;
}
.uk_mail_service_List_table table{
    margin: 0em 0 2em 0;
    border: 1px solid #333;
}
.uk_mail_service_List_table-Packet-International{
    padding: 0 2em;
    width: 75%;
    margin: auto;
}
.uk_mail_service_List_table-Packet-International table{
    margin: 1.5em 0;
    width: 50%;
    border: 1px solid #333;
}
.uk_mail_service_List_table-Packet{
    padding: 0 2em;
    width: 75%;
    margin: auto;
}
.uk_mail_service_List_table-Packet table{
    margin: 1.5em 0;
    width: 50%;
    border: 1px solid #333;
}
.uk_mail_service_List_table h2{
    font-size: 24px;
    font-weight: 600;
    letter-spacing: 0.8px;
}
.uk_mail_service_List_table h2 i{
    font-size: 18px;
    background: #ef6362;
    color: #fff;
    padding: 6px;
    width: 30px;
    border-radius: 100%;
    height: 30px;
}
.label-headding-table{
    font-weight: 600;
    font-size: 14px;
    text-align: left !important;
    background: #efefef;
    padding: 7px 6px !important;
}
.label-headding-table-td{
    text-align: left !important;
}
.border-style-none{
    border-bottom: none;
}
.tableData-first{}
.tableData-first tr th{
    padding: 3px 6px;
    text-align: center;
    font-size: 14px;
    letter-spacing: 0.5px;
}
.tableData-first tr td{
    padding: 3px 6px;
    width: 10%;
    text-align: center;
    font-size: 14px;
}

.tableData-nd{}
.tableData-nd tr th{
    padding: 3px 6px;
    text-align: center;
    font-size: 14px;
    letter-spacing: 0.5px;
}
.tableData-nd tr td{
    padding: 3px 6px;
    width: 10%;
    text-align: center;
    font-size: 14px;
}

.tableData-tr{}
.tableData-tr tr th{
    padding: 3px 6px;
    text-align: center;
    font-size: 14px;
    letter-spacing: 0.5px;
}
.tableData-tr tr td{
    padding: 3px 6px;
    width: 10%;
    text-align: center;
    font-size: 14px;
}


@media only screen and( min-width: 768px) and (max-width: 1024px){
.uk_mail_service_List_table {
    width: 90%;
} 
.uk_mail_service_List_table-Packet {
    width: 90%;
} 
.uk_mail_service_List_table-Packet-International {
    width: 90%;
} 
}

select#serviceType.service-type_name {
    padding: 4px;
}
.history-calendar{
    display: flex;
    width: 100%;
    margin-bottom: 15px;
}
.input-group-calendar{
    width: 200px;
    margin: 5px;
    display: flex;
    align-items: center;
    position: relative;
}
.input-group-calendar-btn{
    margin: 5px;
}
.input-group-calendar label{
    margin-bottom: 0;
    padding-right: 6px;
}
.input-group-calendar input{
    outline: none;
    border: 1px solid #909090;
    border-radius: 3px !important;
    background: #fff;
    padding: 6px !important;
    height: auto !important;
}
.input-group-calendar input:focus{
    border: 1px solid #000;
}
.input-group-calendar-btn button{
    margin: 0;
    padding: 4px 13px;
}
.input-group-calendar-btn button i{}
.input-group-calendar-btn button:hover{}

@media only screen and (min-width: 320px) and (max-width: 700px){
.quote_expiry_date{
    min-width: 85px;
}
.quote_action{
    min-width: 180px;
}
.quote_business_name{
    min-width: 130px;
}
.main_booking_pop {
    margin: 10px;
}
}

.flex-group-line .radio label input{
    width: auto;
}

#content.flex-menu-box{
    display: flex;
    justify-content: space-between;
    padding: 0 18px 0 10px;
    align-items: center;
    width: 100%;
    position: relative;
}
@media only screen and (min-width: 320px) and (max-width: 480px){
.button-mobile{
    position: absolute;
    top: 40px;
    right: -9.5em;
}
.left-logo{
    width: 42%;
}
.right-sec-s{
    width: 58%;
}
.icargo-head img {
    max-width: 80px !important;
    padding: 5px;
    max-height: 40px;
}
.icargo-head {
    max-width: 80px !important;
}
#content.flex-menu-box {
    padding: 0 8px 0 0px;
}
}
.numbaer-code{
    width: 55%;
}
.numbaer-code input.phone-required.zip-code-r{
    width: 24%;
    margin-right: 6px;
    border: 1px solid #333;
    padding-left: 4px;
    padding-right: 4px;
    border-radius: 3px !important;
}
.numbaer-code input.phone-required.mobile-numbaer{
    width: 71%;
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
    .numbaer-code {
        width: 100%;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .numbaer-code {
        width: 100%;
    }
}
@media only screen and (min-width: 1200px) and (max-width: 1440px) {
    .numbaer-code {
        width: 55%;
    }
    .numbaer-code input.phone-required.mobile-numbaer {
        width: 67%;
    }
    .numbaer-code input.phone-required.zip-code-r {
        width: 27%;
    }
}
.form-group.block-level.text-right button.saveButton {
    background: #ef6362;
    color: #fff;
}
.form-group.col-md-12.top-two input.colorchange{
    background: #ef6362;
    color: #fff;
    border-radius: 4px;
}


@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
.size1 {
    font-size: 14px !important;
}
.btnRemoveParcel {
    width: 19px !important;
}
.right-field {
    margin-top: 10px !important;
}
}


@media only screen and (min-width: 411px) and (max-width: 823px) and and (orientation: landscape){
div#deliveryMap.mapboxgl-map {
    display: block;
}
div#importerMap.mapboxgl-map {
    display: block;
}
div#collectionMap.mapboxgl-map{
    display: block;
}
}
@media only screen and (min-width: 375px) and (max-width: 812px) and and (orientation: landscape){
div#deliveryMap.mapboxgl-map {
    display: block;
}
div#importerMap.mapboxgl-map {
    display: block;
}
div#collectionMap.mapboxgl-map{
    display: block;
}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait){
div#deliveryMap.mapboxgl-map {
    display: block;
}
div#importerMap.mapboxgl-map {
    display: block;
}
div#collectionMap.mapboxgl-map{
    display: block;
}
.flex-map {
    width: 100% !important;
}
.right-field {
    width: 100% !important;
}
.group-sec.search-ft label {
    width: 19%;
}
.group-sec.search-ft input {
    width: 77%;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
div#deliveryMap.mapboxgl-map {
    display: block;
}
div#importerMap.mapboxgl-map {
    display: block;
}
div#collectionMap.mapboxgl-map{
    display: block;
}
}


@media only screen and (min-width: 320px) and (max-width: 568px)and (orientation: portrait){
.file-group-one-a {
    width: 100%;
}
}

@media only screen and (min-width: 411px) and (max-width: 823px)and (orientation: portrait){
.file-group-one-a {
    width: 49%;
}
}

@media only screen and (min-width: 414px) and (max-width: 736px)and (orientation: portrait){
.file-group-one-a {
    width: 49%;
}
}

.ancher-list-button a {
    padding: 6px;
}
.ancher-list-button button{
    padding: 6px;
    font-size: 13px;
}



@media only screen and (min-width: 360px) and (max-width: 640px) and (orientation: portrait){
.shipmentDetail {
    min-width: 350px;
}
}
@media only screen and (min-width: 360px) and (max-width: 640px) and (orientation:landscape) {
.shipmentDetail {
    min-width: 625px;
}
}
@media only screen and (min-width: 375px) and (max-width: 667px) and (orientation: portrait){
.shipmentDetail {
    min-width: 366px;
}
}
@media only screen and (min-width: 568px) and (max-width: 568px) and (orientation:landscape) {
.shipmentDetail {
    min-width: 558px;
}
}
@media only screen and (min-width: 667px) and (max-width: 667px) and (orientation:landscape) {
.shipmentDetail {
    min-width: 647px;
}
}
@media only screen and (min-width: 411px) and (max-width: 731px) and (orientation: portrait){
.shipmentDetail {
    min-width: 398px;
}
}

@media only screen and (min-width: 731px) and (max-width: 731px) and (orientation: landscape){
.shipmentDetail {
    min-width: 712px;
}
}

@media only screen and (min-width: 736px) and (max-width: 736px) and (orientation: landscape){
.shipmentDetail {
    min-width: 718px;
}
}

@media only screen and (min-width: 812px) and (max-width: 812px) and (orientation: landscape){
.shipmentDetail {
    min-width: 795px;
}
}

@media only screen and (min-width: 823px) and (max-width: 823px) and (orientation: landscape){
.shipmentDetail {
    min-width: 805px;
}
}


@media only screen and (min-width: 320px) and (max-width: 567px) {
.date-box {
    margin-bottom: 8px;
    width: 48%;
}
.time-box {
    width: 40%;
}
.col-lg-12.col-sm-12.col-xs-12.noPadding-ck.newclass_size{
    padding-left: 4px;
    padding-right: 0;
}
.noPadding_ck {
    padding: 0px 2px 0px 4px;
}
}




/*responsive all shipment page*/
div#container {
    width: 100%;
    padding: 0;
    display: inline-block;
}
div#container div#shipment_grid_length {
    text-align: left;
}
.shipment-but1A {
    background-color: #ef6362;
    border-radius: 3px;
    float: right;
    height: 32px;
    padding: 4px 10px;
    margin-right: 0;
}
div.dataTables_wrapper div.dataTables_filter label {
    font-size: 13px;
}
table.dataTable {
    margin-top: 3px !important;
}
.col-md-12.col-sm-12.col-xs-12.margintop10.padd_space_zero{
    margin-top: 0;
}

@media only screen and (min-width: 320px) and (max-width: 374px) {
.menu-wrap.col-headding.cont_boxs .dropdown.creatshipment.collection_modf_ck{
    margin-top: 10px !important;
}
.menu-wrap.col-headding.cont_boxs .dropdown.creatshipment.collection_modf_ck button{
    font-size: 11px;
    padding: 3px 3px;
}
.menu-wrap.col-headding.cont_boxs .dropdown.creatshipment.collection_modf_ck button.shipment-but1A{
    font-size: 11px;
    padding: 3px 3px;
}
.menu-wrap.col-headding.cont_boxs .dropdown.creatshipment.new-font-size.collection_modf_ck a {
    font-size: 11px;
    margin-right: 4px;
}
.shipment-but1A {
    height: auto;
}
.menu-wrap.col-headding.cont_boxs .dropdown.creatshipment.collection_modf_ck a.btn {
    padding: 3px 3px;
}
.margintop10 {
    margin-top: 5px;
}
div#shipment_grid_length {
display: block;
}
.presenting-block2 input {
    height: 32px;
    width: 100%;
}
.presenting-block2 {
    display: inline-flex;
    flex-wrap: wrap;
    flex-direction: row-reverse;
}
.presenting-block2 label {
    width: auto;
    font-size: 12px;
}
.presenting-block .shipment-filter li a {
    padding: 3px 6px;
    font-size: 13px;
}
.supportHeaderEmail {
    font-size: 11px;
}
.supportHeaderEmail strong {
    font-size: 11px;
}
.supportHeaderPhone {
    font-size: 11px;
}
.supportHeaderPhone strong {
    font-size: 11px;
}
.supportHeaderText {
    font-size: 11px;
}
.supportHeaderText strong {
    font-size: 11px;
}
.modal-body.body-mod.support_body_mod {
    padding: 10px 16px !important;
}
.support_group {
    margin-bottom: 10px;
}
.support_group label {
    font-size: 12px;
}
.support_group input {
    padding: 6px;
}
.support_group_file span {
    font-size: 15px;
}
.support_group_file label {
    height: 70px;
    padding: 6px;
    gap: 10px;
}
}

@media only screen and (min-width: 375px) and (max-width: 567px) {
.menu-wrap.col-headding.cont_boxs .dropdown.creatshipment.collection_modf_ck{
   margin-top: 10px !important;
}
.menu-wrap.col-headding.cont_boxs .dropdown.creatshipment.collection_modf_ck button{
    font-size: 12px;
    padding: 5px 6px;
}
.menu-wrap.col-headding.cont_boxs .dropdown.creatshipment.collection_modf_ck button.shipment-but1A{
    font-size: 12px;
    padding: 5px 6px;
}
.menu-wrap.col-headding.cont_boxs .dropdown.creatshipment.new-font-size.collection_modf_ck a {
    font-size: 12px;
}
.shipment-but1A {
    height: 30px;
}
.menu-wrap.col-headding.cont_boxs .dropdown.creatshipment.collection_modf_ck a.btn {
    padding: 5px 6px;
    margin-right: 4px;
}
.margintop10 {
    margin-top: 5px;
}
div#shipment_grid_length {
display: block;
}
.presenting-block2 {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
}
.presenting-block2 label {
    width: 35px;
    font-size: 10px;
    text-align: right;
    margin-right: 14px;
    margin-bottom: 10px;
}
.presenting-block2 input {
    height: 32px;
    width: 66%;
    margin-bottom: 10px;
}
.presenting-block .shipment-filter li a {
    padding: 3px 6px;
    font-size: 13px;
}
.supportHeaderEmail {
    font-size: 11px;
}
.supportHeaderEmail strong {
    font-size: 11px;
}
.supportHeaderPhone {
    font-size: 11px;
}
.supportHeaderPhone strong {
    font-size: 11px;
}
.supportHeaderText {
    font-size: 11px;
}
.supportHeaderText strong {
    font-size: 11px;
}
.modal-body.body-mod.support_body_mod {
    padding: 10px 16px !important;
}
.support_group {
    margin-bottom: 10px;
}
.support_group label {
    font-size: 12px;
}
.support_group input {
    padding: 6px;
}
.support_group_file span {
    font-size: 15px;
}
.support_group_file label {
    height: 70px;
    padding: 6px;
    gap: 10px;
}
}

@media only screen and (min-width: 375px) and (max-width: 667px) and (orientation: portrait){
#shipment_grid_wrapper.dataTables_wrapper {
    height: 64vh;
}
}

@media only screen and (min-width: 320px) and (max-width: 568px) and (orientation: landscape){
.presenting-block .shipment-filter li a {
    padding: 2px 6px;
    font-size: 13px;
}
.presenting-block2 {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
}
.presenting-block2 label {
    width: 35px;
    font-size: 10px;
    text-align: right;
    margin-right: 14px;
    margin-bottom: 10px;
}
.presenting-block2 input {
    height: 32px;
    width: 66%;
    margin-bottom: 10px;
}
.presenting-block2 button {
    width: 100%;
    padding: 6px;
    font-size: 13px;
    margin-right: 0;
}
.menu-wrap.col-headding.cont_boxs {
    margin-top: 5px;
    width: 100%;
    float: none;
    height: auto;
    margin-bottom: 5px;
    padding: 0px 0;
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
}
.menu-wrap.col-headding.cont_boxs h4 {
    padding: 4px 0px 2px 0px;
    line-height: 18px;
    margin: 0 10px 0 0;
}
.dropdown.creatshipment.new-font-size.collection_modf_ck .shipment-but1A {
    font-size: 12px;
    margin-right: 5px;
    padding: 2px 7px;
    height: 25px;
}
table.table.table-striped tr th {
    font-size: 13px;
}
table.table.table-striped tr td {
    font-size: 13px;
}
.x_content table td {
    padding: 5px !important;
}
#shipment_grid_wrapper.dataTables_wrapper .bottom {
    padding-left: 30px;
}
div.dataTables_wrapper div.dataTables_info {
    font-weight: 600;
}
.custom-filter-new-button {
    padding: 5px 13px 5px 0px;
}
.margintop10.padd_space_zero {
    padding: 5px 0 !important;
    margin-top: 0;
}
.x_content.space_remover {
    padding: 0 0px 0px;
}
.x_panel.new-scroll-min {
    height: 50vh;
}
.dropdown.creatshipment.headerbooking {
    margin-left: 3px;
}
.dropdown.creatshipment.headerbooking button {
    margin-right: 3px;
    padding: 6px;
}
}


@media only screen and (min-width: 360px) and (max-width: 640px) and (orientation: landscape){
.presenting-block .shipment-filter li a {
    padding: 2px 6px;
    font-size: 13px;
}
.presenting-block2 {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
}
.presenting-block2 label {
    width: 35px;
    font-size: 10px;
    text-align: right;
    margin-right: 14px;
    margin-bottom: 10px;
}
.presenting-block2 input {
    height: 32px;
    width: 66%;
    margin-bottom: 10px;
}
.presenting-block2 button {
    width: 100%;
    padding: 6px;
    font-size: 13px;
    margin-right: 0;
}
.menu-wrap.col-headding.cont_boxs {
    margin-top: 5px;
    width: 100%;
    float: none;
    height: auto;
    margin-bottom: 5px;
    padding: 0px 0;
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
}
.menu-wrap.col-headding.cont_boxs h4 {
    padding: 4px 0px 2px 0px;
    line-height: 18px;
    margin: 0 10px 0 0;
}
.dropdown.creatshipment.new-font-size.collection_modf_ck .shipment-but1A {
    font-size: 12px;
    margin-right: 5px;
    padding: 2px 7px;
    height: 25px;
}
table.table.table-striped tr th {
    font-size: 13px;
}
table.table.table-striped tr td {
    font-size: 13px;
}
.x_content table td {
    padding: 5px !important;
}
#shipment_grid_wrapper.dataTables_wrapper .bottom {
    padding-left: 15px;
}
div.dataTables_wrapper div.dataTables_info {
    font-weight: 600;
}
.custom-filter-new-button {
    padding: 5px 13px 5px 0px;
}
.margintop10.padd_space_zero {
    padding: 5px 0 !important;
    margin-top: 0;
}
.x_content.space_remover {
    padding: 0;
}
.x_panel.new-scroll-min {
    height: 50vh;
    padding: 3px 0;
}
.dropdown.creatshipment.headerbooking {
    margin-left: 3px;
}
.dropdown.creatshipment.headerbooking button {
    margin-right: 3px;
    padding: 6px;
}
}

@media only screen and (min-width: 375px) and (max-width: 667px) and (orientation: landscape){
.presenting-block .shipment-filter li a {
    padding: 2px 6px;
    font-size: 13px;
}
.presenting-block2 {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
}
.presenting-block2 label {
    width: 35px;
    font-size: 10px;
    text-align: right;
    margin-right: 14px;
    margin-bottom: 10px;
}
.presenting-block2 input {
    height: 32px;
    width: 66%;
    margin-bottom: 10px;
}
.presenting-block2 button {
    width: 100%;
    padding: 6px;
    font-size: 13px;
    margin-right: 0;
}
.menu-wrap.col-headding.cont_boxs {
    margin-top: 5px;
    width: 100%;
    float: none;
    height: auto;
    margin-bottom: 5px;
    padding: 0px 0;
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
}
.menu-wrap.col-headding.cont_boxs h4 {
    padding: 4px 0px 2px 0px;
    line-height: 18px;
    margin: 0 10px 0 0;
}
.dropdown.creatshipment.new-font-size.collection_modf_ck .shipment-but1A {
    font-size: 12px;
    margin-right: 5px;
    padding: 2px 7px;
    height: 25px;
}
table.table.table-striped tr th {
    font-size: 13px;
}
table.table.table-striped tr td {
    font-size: 13px;
}
.x_content table td {
    padding: 5px !important;
}
#shipment_grid_wrapper.dataTables_wrapper .bottom {
    padding-left: 15px;
}
div.dataTables_wrapper div.dataTables_info {
    font-weight: 600;
}
.custom-filter-new-button {
    padding: 5px 13px 5px 0px;
}
.margintop10.padd_space_zero {
    padding: 5px 0 !important;
    margin-top: 0;
}
.x_content.space_remover {
    padding: 0;
}
.x_panel.new-scroll-min {
    height: 50vh;
    padding: 3px 0;
}
.dropdown.creatshipment.headerbooking {
    margin-left: 3px;
}
.dropdown.creatshipment.headerbooking button {
    margin-right: 3px;
    padding: 6px;
}
}

@media only screen and (min-width: 411px) and (max-width: 731px) and (orientation: landscape){
.presenting-block .shipment-filter li a {
    padding: 2px 6px;
    font-size: 13px;
}
.presenting-block2 {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
}
.presenting-block2 label {
    width: 35px;
    font-size: 10px;
    text-align: right;
    margin-right: 14px;
    margin-bottom: 10px;
}
.presenting-block2 input {
    height: 32px;
    width: 66%;
    margin-bottom: 10px;
}
.presenting-block2 button {
    width: 100%;
    padding: 6px;
    font-size: 13px;
    margin-right: 0;
}
.menu-wrap.col-headding.cont_boxs {
    margin-top: 5px;
    width: 100%;
    float: none;
    height: auto;
    margin-bottom: 5px;
    padding: 0px 0;
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
}
.menu-wrap.col-headding.cont_boxs h4 {
    padding: 4px 0px 2px 0px;
    line-height: 18px;
    margin: 0 10px 0 0;
}
.dropdown.creatshipment.new-font-size.collection_modf_ck .shipment-but1A {
    font-size: 12px;
    margin-right: 5px;
    padding: 2px 7px;
    height: 25px;
}
table.table.table-striped tr th {
    font-size: 13px;
}
table.table.table-striped tr td {
    font-size: 13px;
}
.x_content table td {
    padding: 5px !important;
}
#shipment_grid_wrapper.dataTables_wrapper .bottom {
    padding-left: 15px;
}
div.dataTables_wrapper div.dataTables_info {
    font-weight: 600;
}
.custom-filter-new-button {
    padding: 5px 13px 5px 0px;
}
.margintop10.padd_space_zero {
    padding: 5px 0 !important;
    margin-top: 0;
}
.x_content.space_remover {
    padding: 0;
}
.x_panel.new-scroll-min {
    height: 50vh;
    padding: 3px 0;
}
.dropdown.creatshipment.headerbooking {
    margin-left: 3px;
}
.dropdown.creatshipment.headerbooking button {
    margin-right: 3px;
    padding: 6px;
}
#shipment_grid_wrapper.dataTables_wrapper {
    height: 60vh;
}
}


@media only screen and (min-width: 414px) and (max-width: 736px) and (orientation: landscape){
.presenting-block .shipment-filter li a {
    padding: 2px 6px;
    font-size: 13px;
}
.presenting-block2 {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
}
.presenting-block2 label {
    width: 35px;
    font-size: 10px;
    text-align: right;
    margin-right: 14px;
    margin-bottom: 10px;
}
.presenting-block2 input {
    height: 32px;
    width: 66%;
    margin-bottom: 10px;
}
.presenting-block2 button {
    width: 100%;
    padding: 6px;
    font-size: 13px;
    margin-right: 0;
}
.menu-wrap.col-headding.cont_boxs {
    margin-top: 5px;
    width: 100%;
    float: none;
    height: auto;
    margin-bottom: 5px;
    padding: 0px 0;
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
}
.menu-wrap.col-headding.cont_boxs h4 {
    padding: 4px 0px 2px 0px;
    line-height: 18px;
    margin: 0 10px 0 0;
}
.dropdown.creatshipment.new-font-size.collection_modf_ck .shipment-but1A {
    font-size: 12px;
    margin-right: 5px;
    padding: 2px 7px;
    height: 25px;
}
table.table.table-striped tr th {
    font-size: 13px;
}
table.table.table-striped tr td {
    font-size: 13px;
}
.x_content table td {
    padding: 5px !important;
}
#shipment_grid_wrapper.dataTables_wrapper .bottom {
    padding-left: 15px;
}
div.dataTables_wrapper div.dataTables_info {
    font-weight: 600;
}
.custom-filter-new-button {
    padding: 5px 13px 5px 0px;
}
.margintop10.padd_space_zero {
    padding: 5px 0 !important;
    margin-top: 0;
}
.x_content.space_remover {
    padding: 0;
}
.x_panel.new-scroll-min {
    height: 50vh;
    padding: 3px 0;
}
.dropdown.creatshipment.headerbooking {
    margin-left: 3px;
}
.dropdown.creatshipment.headerbooking button {
    margin-right: 3px;
    padding: 6px;
}
#shipment_grid_wrapper.dataTables_wrapper {
    height: 60vh;
}
}

@media only screen and (min-width: 360px) and (max-width: 740px) and (orientation: landscape){
.presenting-block .shipment-filter li a {
    padding: 2px 6px;
    font-size: 13px;
}
.presenting-block2 {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
}
.presenting-block2 label {
    width: 35px;
    font-size: 10px;
    text-align: right;
    margin-right: 14px;
    margin-bottom: 10px;
}
.presenting-block2 input {
    height: 32px;
    width: 66%;
    margin-bottom: 10px;
}
.presenting-block2 button {
    width: 100%;
    padding: 6px;
    font-size: 13px;
    margin-right: 0;
}
.menu-wrap.col-headding.cont_boxs {
    margin-top: 5px;
    width: 100%;
    float: none;
    height: auto;
    margin-bottom: 5px;
    padding: 0px 0;
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
}
.menu-wrap.col-headding.cont_boxs h4 {
    padding: 4px 0px 2px 0px;
    line-height: 18px;
    margin: 0 10px 0 0;
}
.dropdown.creatshipment.new-font-size.collection_modf_ck .shipment-but1A {
    font-size: 12px;
    margin-right: 5px;
    padding: 2px 7px;
    height: 25px;
}
table.table.table-striped tr th {
    font-size: 13px;
}
table.table.table-striped tr td {
    font-size: 13px;
}
.x_content table td {
    padding: 5px !important;
}
#shipment_grid_wrapper.dataTables_wrapper .bottom {
    padding-left: 15px;
}
div.dataTables_wrapper div.dataTables_info {
    font-weight: 600;
}
.custom-filter-new-button {
    padding: 5px 13px 5px 0px;
}
.margintop10.padd_space_zero {
    padding: 5px 0 !important;
    margin-top: 0;
}
.x_content.space_remover {
    padding: 0;
}
.x_panel.new-scroll-min {
    height: 50vh;
    padding: 3px 0;
}
.dropdown.creatshipment.headerbooking {
    margin-left: 3px;
}
.dropdown.creatshipment.headerbooking button {
    margin-right: 3px;
    padding: 6px;
}
#shipment_grid_wrapper.dataTables_wrapper {
    height: 50vh;
}
}


@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait){
.filterrow .new-filter .dropdown button {
    font-size: 13px !important;
}
.rename-group select {
    font-size: 13px !important;
    height: 28px;
}
#shipment_grid_wrapper.dataTables_wrapper {
    height: 75vh;
}
.x_content table td {
    padding: 5px !important;
}
.dropdown.grid-sorting {
    float: left;
}
.grid-sorting button {
    margin-top: 0px;
}
.customFilter .form-group {
    margin-bottom: 5px;
}
.customFilter .form-group label {
    margin-bottom: 1px;
}
.customFilter .form-group.block-level {
    margin-top: 3px;
}
.x_content.space_remover table.table-bordered.dataTable th{
    font-size: 12px;
}
.x_content.space_remover table.table-bordered.dataTable td{
    font-size: 12px;
}
.sameday-next {
    max-width: 100%;
    font-size: 13px;
}
.block-level-button-group input {
    width: auto;
    padding: 5px 7px;
    letter-spacing: 0.3px;
    height: auto;
}
.customFilter .form-group label {
    margin-bottom: 1px;
    font-size: 12px;
}
#custom_filter .form-group input.form-control {
    height: 32px;
}
#custom_filter .form-group select[multiple]{
    height: 32;
}
.header-titel {
    margin-bottom: 10px;
}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape){
.new-filter button {
    padding: 3px 4px !important;
    font-size: 12px !important;
}
.grid-sorting button {
    margin-top: 0;
}
.filterrow {
    margin-left: 5px;
    display: inline-block;
    width: 100%;
    padding-bottom: 7px;
}
#shipment_grid_wrapper.dataTables_wrapper {
    height: 65vh;
}
ul#myList {
    left: -150px;
}
.customFilter .form-group {
    margin-bottom: 5px;
}
.customFilter .form-group label {
    margin-bottom: 1px;
    font-size: 12px;
}
#custom_filter .form-group input.form-control {
    height: 30px;
}
.header-titel {
    margin-bottom: 10px;
}
.customFilter .form-group.block-level {
    margin-top: 3px;
}
.x_content.space_remover table.table-bordered.dataTable th{
    font-size: 12px;
}
.x_content.space_remover table.table-bordered.dataTable td{
    font-size: 12px;
}
.shipment-but1A {
    height: 32px;
}
.sameday-next {
    max-width: 100%;
    font-size: 13px;
}
.block-level-button-group input {
    width: auto;
    padding: 5px 7px;
    letter-spacing: 0.3px;
    height: auto;
}
.customFilter .form-group label {
    margin-bottom: 1px;
    font-size: 12px;
}
#custom_filter .form-group input.form-control {
    height: 32px;
}
#custom_filter .form-group select[multiple]{
    height: 32;
}
.header-titel {
    margin-bottom: 10px;
}
}



@media only screen and (min-width: 375px) and (max-width: 812px) and (orientation: landscape){
.filterrow .new-filter .dropdown button {
    font-size: 13px !important;
}
.rename-group select {
    font-size: 13px !important;
    height: 28px;
}
#shipment_grid_wrapper.dataTables_wrapper {
    height: 65vh;
}
.x_content table td {
    padding: 5px !important;
}
.dropdown.grid-sorting {
    float: left;
}
.grid-sorting button {
    margin-top: 0px;
}
.customFilter .form-group {
    margin-bottom: 5px;
}
.customFilter .form-group label {
    margin-bottom: 1px;
}
.customFilter .form-group.block-level {
    margin-top: 3px;
}
.dropdown.grid-sorting ul {
    max-height: 140px;
}
.shipment-filter {
    max-height: 170px;
}
.filterrow .new-filter .dropdown button {
    font-size: 13px !important;
}
.rename-group select {
    font-size: 13px !important;
}
.filterrow {
    padding-bottom: 4px;
}
.menu-wrap.col-headding {
    height: auto;
}
.new-font-size .btn {
    padding: 5px 4px;
    font-size: 12px;
    height: 32px;
}
.dropdown.creatshipment.mhidden .btn {
    padding: 5px 4px;
    font-size: 12px;
    height: 32px;
}
.col-headding h4 {
    width: 93px;
}
.global-filter.global-filter-new .form-control {
    padding: 4px 6px !important;
}
#shipment_grid_wrapper.dataTables_wrapper .bottom {
    padding-bottom: 0px;
    padding-top: 6px;
}
.sameday-next {
    max-width: 100%;
    font-size: 13px;
}
.block-level-button-group input {
    width: auto;
    padding: 5px 7px;
    letter-spacing: 0.3px;
    height: auto;
}
.customFilter .form-group label {
    margin-bottom: 1px;
    font-size: 12px;
}
#custom_filter .form-group input.form-control {
    height: 32px;
}
#custom_filter .form-group select[multiple]{
    height: 32;
}
.header-titel {
    margin-bottom: 10px;
}
}

@media only screen and (min-width: 411px) and (max-width: 823px) and (orientation: landscape){
.filterrow .new-filter .dropdown button {
    font-size: 13px !important;
}
.rename-group select {
    font-size: 13px !important;
    height: 28px;
}
#shipment_grid_wrapper.dataTables_wrapper {
    height: 65vh;
}
.x_content table td {
    padding: 5px !important;
}
.dropdown.grid-sorting {
    float: left;
}
.grid-sorting button {
    margin-top: 0px;
}
.customFilter .form-group {
    margin-bottom: 5px;
}
.customFilter .form-group label {
    margin-bottom: 1px;
}
.customFilter .form-group.block-level {
    margin-top: 3px;
}
.dropdown.grid-sorting ul {
    max-height: 140px;
}
.shipment-filter {
    max-height: 170px;
}
.filterrow .new-filter .dropdown button {
    font-size: 13px !important;
}
.rename-group select {
    font-size: 13px !important;
}
.filterrow {
    padding-bottom: 4px;
}
.menu-wrap.col-headding {
    height: auto;
}
.new-font-size .btn {
    padding: 5px 4px;
    font-size: 12px;
    height: 32px;
}
.dropdown.creatshipment.mhidden .btn {
    padding: 5px 4px;
    font-size: 12px;
    height: 32px;
}
.col-headding h4 {
    width: 93px;
}
.global-filter.global-filter-new .form-control {
    padding: 4px 6px !important;
}
#shipment_grid_wrapper.dataTables_wrapper .bottom {
    padding-bottom: 0px;
    padding-top: 6px;
}
.sameday-next {
    max-width: 100%;
    font-size: 13px;
}
.block-level-button-group input {
    width: auto;
    padding: 5px 7px;
    letter-spacing: 0.3px;
    height: auto;
}
.customFilter .form-group label {
    margin-bottom: 1px;
    font-size: 12px;
}
#custom_filter .form-group input.form-control {
    height: 32px;
}
#custom_filter .form-group select[multiple]{
    height: 32;
}
.header-titel {
    margin-bottom: 10px;
}
}

@media only screen and (min-width: 390px) and (max-width: 844px) and (orientation: landscape){
.filterrow .new-filter .dropdown button {
    font-size: 13px !important;
}
.rename-group select {
    font-size: 13px !important;
    height: 28px;
}
#shipment_grid_wrapper.dataTables_wrapper {
    height: 65vh;
}
.x_content table td {
    padding: 5px !important;
}
.dropdown.grid-sorting {
    float: left;
}
.grid-sorting button {
    margin-top: 0px;
}
.customFilter .form-group {
    margin-bottom: 5px;
}
.customFilter .form-group label {
    margin-bottom: 1px;
}
.customFilter .form-group.block-level {
    margin-top: 3px;
}
.dropdown.grid-sorting ul {
    max-height: 140px;
}
.shipment-filter {
    max-height: 170px;
}
.filterrow .new-filter .dropdown button {
    font-size: 13px !important;
}
.rename-group select {
    font-size: 13px !important;
}
.filterrow {
    padding-bottom: 4px;
}
.menu-wrap.col-headding {
    height: auto;
}
.new-font-size .btn {
    padding: 5px 4px;
    font-size: 12px;
    height: 32px;
}
.dropdown.creatshipment.mhidden .btn {
    padding: 5px 4px;
    font-size: 12px;
    height: 32px;
}
.col-headding h4 {
    width: 93px;
}
.global-filter.global-filter-new .form-control {
    padding: 4px 6px !important;
}
#shipment_grid_wrapper.dataTables_wrapper .bottom {
    padding-bottom: 0px;
    padding-top: 6px;
}
.sameday-next {
    max-width: 100%;
    font-size: 13px;
}
.block-level-button-group input {
    width: auto;
    padding: 5px 7px;
    letter-spacing: 0.3px;
    height: auto;
}
.customFilter .form-group label {
    margin-bottom: 1px;
    font-size: 12px;
}
#custom_filter .form-group input.form-control {
    height: 32px;
}
#custom_filter .form-group select[multiple]{
    height: 32;
}
.header-titel {
    margin-bottom: 10px;
}
}


@media only screen and (min-width: 393px) and (max-width: 851px) and (orientation: landscape){
.filterrow .new-filter .dropdown button {
    font-size: 13px !important;
}
.rename-group select {
    font-size: 13px !important;
    height: 28px;
}
#shipment_grid_wrapper.dataTables_wrapper {
    height: 65vh;
}
.x_content table td {
    padding: 5px !important;
}
.dropdown.grid-sorting {
    float: left;
}
.grid-sorting button {
    margin-top: 0px;
}
.customFilter .form-group {
    margin-bottom: 5px;
}
.customFilter .form-group label {
    margin-bottom: 1px;
}
.customFilter .form-group.block-level {
    margin-top: 3px;
}
.dropdown.grid-sorting ul {
    max-height: 140px;
}
.shipment-filter {
    max-height: 170px;
}
.filterrow .new-filter .dropdown button {
    font-size: 13px !important;
}
.rename-group select {
    font-size: 13px !important;
}
.filterrow {
    padding-bottom: 4px;
}
.menu-wrap.col-headding {
    height: auto;
}
.new-font-size .btn {
    padding: 5px 4px;
    font-size: 12px;
    height: 32px;
}
.dropdown.creatshipment.mhidden .btn {
    padding: 5px 4px;
    font-size: 12px;
    height: 32px;
}
.col-headding h4 {
    width: 93px;
}
.global-filter.global-filter-new .form-control {
    padding: 4px 6px !important;
}
#shipment_grid_wrapper.dataTables_wrapper .bottom {
    padding-bottom: 0px;
    padding-top: 6px;
}
.sameday-next {
    max-width: 100%;
    font-size: 13px;
}
.block-level-button-group input {
    width: auto;
    padding: 5px 7px;
    letter-spacing: 0.3px;
    height: auto;
}
.customFilter .form-group label {
    margin-bottom: 1px;
    font-size: 12px;
}
#custom_filter .form-group input.form-control {
    height: 32px;
}
#custom_filter .form-group select[multiple]{
    height: 32;
}
.header-titel {
    margin-bottom: 10px;
}
}


@media only screen and (min-width: 414px) and (max-width: 896px) and (orientation: landscape){
.filterrow .new-filter .dropdown button {
    font-size: 13px !important;
}
.rename-group select {
    font-size: 13px !important;
    height: 28px;
}
#shipment_grid_wrapper.dataTables_wrapper {
    height: 65vh;
}
.x_content table td {
    padding: 5px !important;
}
.dropdown.grid-sorting {
    float: left;
}
.grid-sorting button {
    margin-top: 0px;
}
.customFilter .form-group {
    margin-bottom: 5px;
}
.customFilter .form-group label {
    margin-bottom: 1px;
}
.customFilter .form-group.block-level {
    margin-top: 3px;
}
.dropdown.grid-sorting ul {
    max-height: 140px;
}
.shipment-filter {
    max-height: 170px;
}
.filterrow .new-filter .dropdown button {
    font-size: 13px !important;
}
.rename-group select {
    font-size: 13px !important;
}
.filterrow {
    padding-bottom: 4px;
}
.menu-wrap.col-headding {
    height: auto;
}
.new-font-size .btn {
    padding: 5px 4px;
    font-size: 12px;
    height: 32px;
}
.dropdown.creatshipment.mhidden .btn {
    padding: 5px 4px;
    font-size: 12px;
    height: 32px;
}
.col-headding h4 {
    width: 93px;
}
.global-filter.global-filter-new .form-control {
    padding: 4px 6px !important;
}
#shipment_grid_wrapper.dataTables_wrapper .bottom {
    padding-bottom: 0px;
    padding-top: 6px;
}
.sameday-next {
    max-width: 100%;
    font-size: 13px;
}
.block-level-button-group input {
    width: auto;
    padding: 5px 7px;
    letter-spacing: 0.3px;
    height: auto;
}
.customFilter .form-group label {
    margin-bottom: 1px;
    font-size: 12px;
}
#custom_filter .form-group input.form-control {
    height: 32px;
}
#custom_filter .form-group select[multiple]{
    height: 32;
}
.header-titel {
    margin-bottom: 10px;
}
}


@media only screen and (min-width: 412px) and (max-width: 914px) and (orientation: landscape){
.filterrow .new-filter .dropdown button {
    font-size: 13px !important;
}
.rename-group select {
    font-size: 13px !important;
    height: 28px;
}
#shipment_grid_wrapper.dataTables_wrapper {
    height: 65vh;
}
.x_content table td {
    padding: 5px !important;
}
.dropdown.grid-sorting {
    float: left;
}
.grid-sorting button {
    margin-top: 0px;
}
.customFilter .form-group {
    margin-bottom: 5px;
}
.customFilter .form-group label {
    margin-bottom: 1px;
}
.customFilter .form-group.block-level {
    margin-top: 3px;
}
.dropdown.grid-sorting ul {
    max-height: 140px;
}
.shipment-filter {
    max-height: 170px;
}
.filterrow .new-filter .dropdown button {
    font-size: 13px !important;
}
.rename-group select {
    font-size: 13px !important;
}
.filterrow {
    padding-bottom: 4px;
}
.menu-wrap.col-headding {
    height: auto;
}
.new-font-size .btn {
    padding: 5px 4px;
    font-size: 12px;
    height: 32px;
}
.dropdown.creatshipment.mhidden .btn {
    padding: 5px 4px;
    font-size: 12px;
    height: 32px;
}
.col-headding h4 {
    width: 93px;
}
.global-filter.global-filter-new .form-control {
    padding: 4px 6px !important;
}
#shipment_grid_wrapper.dataTables_wrapper .bottom {
    padding-bottom: 0px;
    padding-top: 6px;
}
.sameday-next {
    max-width: 100%;
    font-size: 13px;
}
.block-level-button-group input {
    width: auto;
    padding: 5px 7px;
    letter-spacing: 0.3px;
    height: auto;
}
.customFilter .form-group label {
    margin-bottom: 1px;
    font-size: 12px;
}
#custom_filter .form-group input.form-control {
    height: 32px;
}
#custom_filter .form-group select[multiple]{
    height: 32;
}
.header-titel {
    margin-bottom: 10px;
}
}


@media only screen and (min-width: 412px) and (max-width: 915px) and (orientation: landscape){
.filterrow .new-filter .dropdown button {
    font-size: 13px !important;
}
.rename-group select {
    font-size: 13px !important;
    height: 28px;
}
#shipment_grid_wrapper.dataTables_wrapper {
    height: 65vh;
}
.x_content table td {
    padding: 5px !important;
}
.dropdown.grid-sorting {
    float: left;
}
.grid-sorting button {
    margin-top: 0px;
}
.customFilter .form-group {
    margin-bottom: 5px;
}
.customFilter .form-group label {
    margin-bottom: 1px;
}
.customFilter .form-group.block-level {
    margin-top: 3px;
}
.dropdown.grid-sorting ul {
    max-height: 140px;
}
.shipment-filter {
    max-height: 170px;
}
.filterrow .new-filter .dropdown button {
    font-size: 13px !important;
}
.rename-group select {
    font-size: 13px !important;
}
.filterrow {
    padding-bottom: 4px;
}
.menu-wrap.col-headding {
    height: auto;
}
.new-font-size .btn {
    padding: 5px 4px;
    font-size: 12px;
    height: 32px;
}
.dropdown.creatshipment.mhidden .btn {
    padding: 5px 4px;
    font-size: 12px;
    height: 32px;
}
.col-headding h4 {
    width: 93px;
}
.global-filter.global-filter-new .form-control {
    padding: 4px 6px !important;
}
#shipment_grid_wrapper.dataTables_wrapper .bottom {
    padding-bottom: 0px;
    padding-top: 6px;
}
.sameday-next {
    max-width: 100%;
    font-size: 13px;
}
.block-level-button-group input {
    width: auto;
    padding: 5px 7px;
    letter-spacing: 0.3px;
    height: auto;
}
.customFilter .form-group label {
    margin-bottom: 1px;
    font-size: 12px;
}
#custom_filter .form-group input.form-control {
    height: 32px;
}
#custom_filter .form-group select[multiple]{
    height: 32;
}
.header-titel {
    margin-bottom: 10px;
}
}

@media only screen and (min-width: 820px) and (max-width: 1180px) and (orientation: portrait){
.filterrow .new-filter .dropdown button {
    font-size: 13px !important;
}
.rename-group select {
    font-size: 13px !important;
    height: 28px;
}
#shipment_grid_wrapper.dataTables_wrapper {
    height: 78vh;
}
.x_content table td {
    padding: 5px !important;
}
.dropdown.grid-sorting {
    float: left;
}
.grid-sorting button {
    margin-top: 0px;
}
.customFilter .form-group {
    margin-bottom: 5px;
}
.customFilter .form-group label {
    margin-bottom: 1px;
}
.customFilter .form-group.block-level {
    margin-top: 3px;
}
.dropdown.grid-sorting ul {
    max-height: 140px;
}
.shipment-filter {
    max-height: 170px;
}
.filterrow .new-filter .dropdown button {
    font-size: 13px !important;
}
.rename-group select {
    font-size: 13px !important;
}
.filterrow {
    padding-bottom: 4px;
}
.menu-wrap.col-headding {
    height: auto;
}
.new-font-size .btn {
    padding: 5px 4px;
    font-size: 12px;
    height: 32px;
}
.dropdown.creatshipment.mhidden .btn {
    padding: 5px 4px;
    font-size: 12px;
    height: 32px;
}
.col-headding h4 {
    width: 93px;
}
.global-filter.global-filter-new .form-control {
    padding: 4px 6px !important;
}
#shipment_grid_wrapper.dataTables_wrapper .bottom {
    padding-bottom: 0px;
    padding-top: 6px;
}
.sameday-next {
    max-width: 100%;
    font-size: 13px;
}
.block-level-button-group input {
    width: auto;
    padding: 5px 7px;
    letter-spacing: 0.3px;
    height: auto;
}
.customFilter .form-group label {
    margin-bottom: 1px;
    font-size: 12px;
}
#custom_filter .form-group input.form-control {
    height: 32px;
}
#custom_filter .form-group select[multiple]{
    height: 32;
}
.header-titel {
    margin-bottom: 10px;
}
}

@media only screen and (min-width: 820px) and (max-width: 1180px) and (orientation: landscape){
.filterrow .new-filter .dropdown button {
    font-size: 12px !important;
}
.new-filter button {
    padding: 3px 4px !important;
}
.rename-group select {
    font-size: 12px !important;
    height: 25px;
}
#shipment_grid_wrapper.dataTables_wrapper {
    height: 65vh;
}
.x_content table td {
    padding: 5px !important;
}
.dropdown.grid-sorting {
    float: left;
}
.grid-sorting button {
    margin-top: 0px;
}
.customFilter .form-group {
    margin-bottom: 5px;
}
.customFilter .form-group label {
    margin-bottom: 1px;
}
.customFilter .form-group.block-level {
    margin-top: 3px;
}
.dropdown.grid-sorting ul {
    max-height: 140px;
}
.shipment-filter {
    max-height: 170px;
}
.filterrow .new-filter .dropdown button {
    font-size: 12px !important;
}
.rename-group select {
    font-size: 12px !important;
}
.filterrow {
    padding-bottom: 4px;
}
.menu-wrap.col-headding {
    height: auto;
}
.new-font-size .btn {
    padding: 5px 4px;
    font-size: 12px;
    height: 32px;
}
.dropdown.creatshipment.mhidden .btn {
    padding: 5px 4px;
    font-size: 12px;
    height: 32px;
}
.col-headding h4 {
    width: 93px;
}
.global-filter.global-filter-new .form-control {
    padding: 4px 6px !important;
}
#shipment_grid_wrapper.dataTables_wrapper .bottom {
    padding-bottom: 0px;
    padding-top: 6px;
}
.sameday-next {
    max-width: 100%;
    font-size: 13px;
}
.block-level-button-group input {
    width: auto;
    padding: 5px 7px;
    letter-spacing: 0.3px;
    height: auto;
}
.customFilter .form-group label {
    margin-bottom: 1px;
    font-size: 12px;
}
#custom_filter .form-group input.form-control {
    height: 32px;
}
#custom_filter .form-group select[multiple]{
    height: 32;
}
.header-titel {
    margin-bottom: 10px;
}
.filterrow {
    display: inline-block;
    width: 100%;
}
.p-height.box.add-new-shipmentScrol .shipmentDetail {
    width: 1120px;
}
}


@media only screen and (min-width: 1200px) and (max-width: 1279px) {
.filterrow .new-filter .dropdown button {
    font-size: 12px !important;
}
.new-filter button {
    padding: 3px 4px !important;
}
.rename-group select {
    font-size: 12px !important;
    height: 25px;
}
#shipment_grid_wrapper.dataTables_wrapper {
    height: 60vh;
}
.x_content table td {
    padding: 5px !important;
}
.dropdown.grid-sorting {
    float: left;
}
.grid-sorting button {
    margin-top: 0px;
}
.customFilter .form-group {
    margin-bottom: 5px;
}
.customFilter .form-group label {
    margin-bottom: 1px;
}
.customFilter .form-group.block-level {
    margin-top: 3px;
}
.dropdown.grid-sorting ul {
    max-height: 140px;
}
.shipment-filter {
    max-height: 170px;
}
.filterrow .new-filter .dropdown button {
    font-size: 12px !important;
}
.rename-group select {
    font-size: 12px !important;
}
.filterrow {
    padding-bottom: 4px;
}
.menu-wrap.col-headding {
    height: auto;
}
.new-font-size .btn {
    padding: 5px 4px;
    font-size: 12px;
    height: 32px;
}
.dropdown.creatshipment.mhidden .btn {
    padding: 5px 4px;
    font-size: 12px;
    height: 32px;
}
.col-headding h4 {
    width: 93px;
}
.global-filter.global-filter-new .form-control {
    padding: 4px 6px !important;
}
#shipment_grid_wrapper.dataTables_wrapper .bottom {
    padding-bottom: 0px;
    padding-top: 6px;
}
.sameday-next {
    max-width: 100%;
    font-size: 13px;
}
.block-level-button-group input {
    width: auto;
    padding: 5px 7px;
    letter-spacing: 0.3px;
    height: auto;
}
.customFilter .form-group label {
    margin-bottom: 1px;
    font-size: 12px;
}
#custom_filter .form-group input.form-control {
    height: 32px;
}
#custom_filter .form-group select[multiple]{
    height: 32;
}
.header-titel {
    margin-bottom: 10px;
}
.filterrow {
    display: inline-block;
    width: 100%;
}
.p-height.box.add-new-shipmentScrol .shipmentDetail {
    width: 1120px;
}
}

@media only screen and (min-width: 1280px) and (max-width: 1365px) {
.filterrow .new-filter .dropdown button {
    font-size: 13px !important;
}
.new-filter button {
    padding: 3px 4px !important;
}
.rename-group select {
    font-size: 13px !important;
    height: 26px;
}
#shipment_grid_wrapper.dataTables_wrapper {
    height: 60vh;
}
.x_content table td {
    padding: 5px !important;
}
.dropdown.grid-sorting {
    float: left;
}
.grid-sorting button {
    margin-top: 0px;
}
.customFilter .form-group {
    margin-bottom: 5px;
}
.customFilter .form-group label {
    margin-bottom: 1px;
}
.customFilter .form-group.block-level {
    margin-top: 3px;
}
.dropdown.grid-sorting ul {
    max-height: 140px;
}
.shipment-filter {
    max-height: 170px;
}
.filterrow .new-filter .dropdown button {
    font-size: 13px !important;
}
.rename-group select {
    font-size: 13px !important;
}
.filterrow {
    padding-bottom: 4px;
}
.menu-wrap.col-headding {
    height: auto;
}
.new-font-size .btn {
    padding: 5px 4px;
    font-size: 13px;
    height: 32px;
}
.dropdown.creatshipment.mhidden .btn {
    padding: 5px 4px;
    font-size: 13px;
    height: 32px;
}
.col-headding h4 {
    width: 93px;
}
.global-filter.global-filter-new .form-control {
    padding: 4px 6px !important;
}
#shipment_grid_wrapper.dataTables_wrapper .bottom {
    padding-bottom: 0px;
    padding-top: 6px;
}
.sameday-next {
    max-width: 100%;
    font-size: 13px;
}
.block-level-button-group input {
    width: auto;
    padding: 5px 7px;
    letter-spacing: 0.3px;
    height: auto;
}
.customFilter .form-group label {
    margin-bottom: 1px;
    font-size: 12px;
}
#custom_filter .form-group input.form-control {
    height: 32px;
}
#custom_filter .form-group select[multiple]{
    height: 32;
}
.header-titel {
    margin-bottom: 10px;
}
.filterrow {
    display: inline-block;
    width: 100%;
}
.p-height.box.add-new-shipmentScrol .shipmentDetail {
    width: 1120px;
}
}


@media only screen and (min-width: 1366px) and (max-width: 1440px) {
.filterrow .new-filter .dropdown button {
    font-size: 13px !important;
}
.new-filter button {
    padding: 3px 4px !important;
}
.rename-group select {
    font-size: 13px !important;
    height: 26px;
}
#shipment_grid_wrapper.dataTables_wrapper {
    height: 60vh;
}
.x_content table td {
    padding: 5px !important;
}
.dropdown.grid-sorting {
    float: left;
}
.grid-sorting button {
    margin-top: 0px;
}
.customFilter .form-group {
    margin-bottom: 5px;
}
.customFilter .form-group label {
    margin-bottom: 1px;
}
.customFilter .form-group.block-level {
    margin-top: 3px;
}
.dropdown.grid-sorting ul {
    max-height: 140px;
}
.shipment-filter {
    max-height: 170px;
}
.filterrow .new-filter .dropdown button {
    font-size: 13px !important;
}
.rename-group select {
    font-size: 13px !important;
}
.filterrow {
    padding-bottom: 4px;
}
.menu-wrap.col-headding {
    height: auto;
}
.new-font-size .btn {
    padding: 5px 4px;
    font-size: 13px;
    height: 32px;
}
.dropdown.creatshipment.mhidden .btn {
    padding: 5px 4px;
    font-size: 13px;
    height: 32px;
}
.col-headding h4 {
    width: 93px;
}
.global-filter.global-filter-new .form-control {
    padding: 4px 6px !important;
}
#shipment_grid_wrapper.dataTables_wrapper .bottom {
    padding-bottom: 0px;
    padding-top: 6px;
}
.sameday-next {
    max-width: 100%;
    font-size: 13px;
}
.block-level-button-group input {
    width: auto;
    padding: 5px 7px;
    letter-spacing: 0.3px;
    height: auto;
}
.customFilter .form-group label {
    margin-bottom: 1px;
    font-size: 12px;
}
#custom_filter .form-group input.form-control {
    height: 32px;
}
#custom_filter .form-group select[multiple]{
    height: 32;
}
.header-titel {
    margin-bottom: 10px;
}
.filterrow {
    display: inline-block;
    width: 100%;
}
.p-height.box.add-new-shipmentScrol .shipmentDetail {
    width: 1120px;
}
}


.x_panel {
    padding: 0 0 26px 0 !important;
}
.x_content {
    padding: 0 10px 6px 0;
}

@media only screen and (min-width: 320px) and (max-width: 480px) {
.presenting-block2 .form_date_cont_modif {
    width: 100%;
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 5px;
}
.presenting-block2 .form_date_cont_modif span{
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.4px;
    width: 50px;
    margin-right: 10px;
}
.presenting-block2 .form_date_cont_modif input{
    margin-bottom: 0;
    height: auto;
    width: 160px;
    border: 1px solid #12034e;
    padding: 4px;
    outline: none;
    border-radius: 3px;
    font-size: 12px;
    font-weight: 600;
}
.presenting-block2 .form_date_cont_modif input:focus{

}
.presenting-block2 .form_date_cont_modif.form_date_cont_modif_btn {
    text-align: right;
    width: 100%;
    display: inline-block;
    margin-top: 4px;
}
.presenting-block2 .form_date_cont_modif.form_date_cont_modif_btn button {
    margin: 0;
    padding: 5px 15px;
}
.noPadding-ck.newclass_size .date-box select {
    height: 32px !important;
    font-size: 12px;
}
.noPadding-ck.newclass_size .time-box input#service-time {
    height: 32px !important;
    font-size: 12px !important;
}
.noPadding-ck.newclass_size .time-box input#service-end-time {
    height: 32px !important;
    font-size: 12px !important;
}
.setup_serch.inputtextaria1.fromTo_reset_padding button {
    font-size: 13px !important;
    height: 32px !important;
}
} 
@media only screen and (min-width: 481px) and (max-width: 767px) {
.presenting-block2 .form_date_cont_modif {
    width: 100%;
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 5px;
}
.presenting-block2 .form_date_cont_modif span{
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.4px;
    width: 50px;
    margin-right: 10px;
}
.presenting-block2 .form_date_cont_modif input{
    margin-bottom: 0;
    height: auto;
    width: 160px;
    border: 1px solid #12034e;
    padding: 4px;
    outline: none;
    border-radius: 3px;
    font-size: 12px;
    font-weight: 600;
}
.presenting-block2 .form_date_cont_modif input:focus{

}
.presenting-block2 .form_date_cont_modif.form_date_cont_modif_btn {
    text-align: right;
    width: 100%;
    display: inline-block;
    margin-top: 4px;
}
.presenting-block2 .form_date_cont_modif.form_date_cont_modif_btn button {
    margin: 0;
    padding: 5px 15px;
}
}

@media only screen and (min-width: 360px) and (max-width: 640px) and (orientation: portrait){
.menu-wrap.col-headding.cont_boxs .dropdown.creatshipment.collection_modf_ck button.shipment-but1A {
    font-size: 13px;
}
.menu-wrap.col-headding.cont_boxs .dropdown.creatshipment.new-font-size.collection_modf_ck a {
    font-size: 13px;
}
.dropdown.creatshipment.collection_modf_ck {
    margin-top: 10px !important;
}
}

@media only screen and (min-width: 375px) and (max-width: 667px) and (orientation: portrait){
.menu-wrap.col-headding.cont_boxs .dropdown.creatshipment.collection_modf_ck button.shipment-but1A {
    font-size: 13px;
    padding: 5px 5px;
}
.menu-wrap.col-headding.cont_boxs .dropdown.creatshipment.new-font-size.collection_modf_ck a {
    font-size: 13px;
}
.dropdown.creatshipment.collection_modf_ck {
    margin-top: 10px !important;
}
.menu-wrap.col-headding.cont_boxs .dropdown.creatshipment.collection_modf_ck a.btn {
    padding: 5px 5px;
}
}


@media only screen and (min-width: 411px) and (max-width: 731px) and (orientation: portrait){
.menu-wrap.col-headding.cont_boxs .dropdown.creatshipment.collection_modf_ck a.btn {
    margin-right: 0px;
    padding: 5px 8px;
}
.menu-wrap.col-headding.cont_boxs .dropdown.creatshipment.collection_modf_ck {
    margin-right: 5px !important;
}
.menu-wrap.col-headding.cont_boxs .dropdown.creatshipment.collection_modf_ck button.shipment-but1A {
    padding: 5px 8px;
    margin-right: 0;
}
}
@media only screen and (min-width: 390px) and (max-width: 844px) and (orientation: portrait){
.menu-wrap.col-headding.cont_boxs .dropdown.creatshipment.collection_modf_ck {
    margin-right: 5px !important;
}
}
@media only screen and (min-width: 393px) and (max-width: 851px) and (orientation: portrait){
.menu-wrap.col-headding.cont_boxs .dropdown.creatshipment.collection_modf_ck {
    margin-right: 5px !important;
}
}

@media only screen and (min-width: 820px) and (max-width: 1180px) and (orientation: portrait){
.menu-wrap.col-headding.cont_boxs .dropdown.creatshipment.collection_modf_ck {
    margin-right: 2px !important;
}
}
/*responsive all shipment page*/