.form-group {
    margin-bottom: 15px;
    float: left;
    width: 100%;
}
@font-face {
  font-family: Feedback BB;
  src: url(/../fonts/FeedbackBb-rZ7.ttf);
}
nav.icargo-nav {
    float: left;
    width: 100%;
    background: #fafafa;
    height: 50px;
    position: fixed;
    z-index: 300;
    -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.05);
    top: 0
}
.icargo-head {
   width: 220px;
   padding: 0;
   height: 50px;
   float: left;
}
.icargo-menu {
    float: left;
    height: 51px;
}
/*.icargo-menu i {
    font-size: 23px;
    margin-left: 15px;
    padding-top: 14px;
    cursor: pointer;
}*/
.icargo-menu a {
    display: inline-block;
    padding: 0;
    position: relative;
    top: 10px;
}
.icargo-menu i {
    margin-left: 15px;
    padding-top: 14px;
    cursor: pointer;
    background: white;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    position: relative;
    text-align: center;
    padding: 5px;
    color: #222432;
    font-size: 20px;
}
.noPadding {
    padding: 0px;
}
.float_none{
    float: none;
}
.sidenav-icargo {
    width: 43px;
    margin-top: 51px;
    background: #ededed;
    float: left;
    position: fixed;
    height: 100%;
    transition: all 0.1s;
    z-index: 999;
    overflow: hidden;
    box-shadow: 0px 4px 7px 0px #02020270;
}
.sidenav-icargo:hover {
    width: 180px;
}
.sidenav-icargo-image {
    background-image: url(../../img/sidebar-5.png);
    height: 100%;
    background-size: cover;
    background-position: -97px 0
}
#wrapper {
    width: 100%;
}
#page-wrapper {
    margin: 0 0 0 45px;
    padding: 0 22px;
    height: auto;
    position: relative;
    background: #f4f4f4;
    top: 49px;
    padding-bottom: 23px;
}
.closed {
    -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);
    color: #EDEDED !important;
    margin-top: 12px !important;
}
.closed i {
    color: #F36A5A
}
.icargo-menu.closed {
    margin-top: -8px !important;
    margin-left: 5px;
}
.sidenav-icargo ul {
    padding-left: 0;
}
.sidenav-icargo ul li {
    list-style-type: none;
    border-bottom: 1px solid rgb(18, 3, 78)
}
.sidenav-icargo ul li a {
    padding: 9px 12px;
    display: block;
    color: #12034e;
    font-size: 13px;
    text-decoration: none;
    width: 180px;
    font-weight: 500;
}
.sidenav-icargo ul li a i {
    width: 30px;
    font-size: 16px;
    height: 22px;
    float: left;
}
.sidenav-icargo ul li a:hover {
    background: #12034e;
    color: #ffffff;
}
.active-menu {
    /*background-color: #EDEDED !important;*/
    background-color: #bfbfbf5c !important;
    color: #F36A5A !important;
}
.active-menu a {
    color: #ef6362 !important;
}
.header h1 {
    margin: 0px;
    padding: 30px 19px;
    color: #ef6362;
}
.icargo-head img {
   width: 100%;
   margin: 0px 0px;
   height: 50px;
   padding: 4px;
} 
.breadcrumb {
    padding: 12px 10px 12px 20px;
    margin-bottom: 20px;
    list-style: none;
    border-radius: 0;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    background: #fff;
}
.panel-default > .panel-heading {
    color: #555;
    border-color: #FFF;
    font-weight: bold;
    background: #FFFFFF;
    font-size: 16px;
    text-shadow: none;
}
.chartJs {
    padding-right: 15px;
}
.easypiechart-panel {
    text-align: center;
    padding: 1px 0;
    margin-bottom: 20px;
}
.easypiechart {
    position: relative;
    text-align: center;
    width: 120px;
    height: 120px;
    margin: 20px auto 10px auto;
}
.easypiechart .percent {
    display: block;
    position: absolute;
    font-size: 26px;
    top: 38px;
    width: 120px;
}
.easypiechart canvas {
    margin-top: -56px;
}
.add-address-button {
    background: #ef6362;
    display: inline-block;
    margin-left: 14px;
    margin-top: 7px;
}
.add-address-button a {
    color: #fff;
}

.add-address-button a:hover {
    color: #fff;
}
.address_body h4 {
    font-size: 15px;
    font-weight: 700;
    color: #000;
    margin-bottom: 14px;
}
.order-table > tbody > tr > td:first-child {
    width: 254px;
}
.order-table2 > tbody > tr > td:first-child {
    width: 254px;
    word-break: break-all;
}
.user-add{
    margin-top: 15px;
    width: auto !important;
}
.navbar-right li a {
    line-height: 12px;
}
.navbar-right > li > a:before {
    position: absolute;
    right: 4px;
    top: 11px;
}
.dropdown-usermenu li > a {
    background: #fff;
    padding: 10px 13px !important;
}
.error {
    color: #ef6362;
}
/*shipment pagecss*/
/*==================*/
.shipment-but1 {
    background-color: #ef6362;
    border-radius: 3px;
    /*border: 1px solid #ef6362;*/
    float: right;
    height: 35px;
}
.shipment-butC {
    background-color: #ef6362;
    border-radius: 3px;
    height: 35px;
}
.shipment-but1:active, .open > .dropdown-toggle.btn-primary {
    background-color: #ededed !important;
    color: #000 !important;
    /*border: 1px solid #ededed !important;*/
}
.shipment-butC:active, .open > .dropdown-toggle.btn-primary {
    background-color: #ededed !important;
    color: #000 !important;
    /*border: 1px solid #ededed !important;*/
}
.shipment-but1:hover {
    background-color: #ededed !important;
    /*border: 1px solid #ededed;*/
    color: #000 !important;
}
.shipment-butC:hover {
    background-color: #ededed !important;
    /*border: 1px solid #ededed;*/
    color: #000 !important;
}
.shipment-drop1 {
    border-radius: 0px;
}
button.slide-toggle.btn.btn-primary.shipment-but2 {
    background-color: #ef6362;
    border-radius: 0;
    border: 1px solid #ef6362;
}
.shipment-filter {
    border-radius: 0px;
    max-height: 500px;
    height: auto;
    overflow: auto;
}
.page-wrap-width {
    display: flex;
}
.new_one_t {
    clear: both;
}
.deliivery_two {
    display: grid;
    grid-template-columns: 50% auto;
    /*height: 180px;
    overflow: auto;
    overflow-x: hidden;*/
    -webkit-overflow-scrolling: touch;
}
div#accordion2 .panel-default a {
    display: block;
    background: transparent;
    color: #fff;
}
div#accordion2 .panel-heading {
    background: #12034e;
    border-radius: 0;
}
div#accordion2 .panel-default {
    border-radius: 0;
}
.fontbold p {
    color: #000;
    margin-bottom: 0;
    font-size: 11px;
    font-weight: 700;
}
.fontbold .text-left:last-child p {
    color: #000;
    font-weight: 500;
}
.shipment-detail h2 {
    margin-top: 30px;
    font-size: 22px;
}
div#accordion2 {
    margin-top: 15px;
}
.menu-wrap h3 {
    color: #fff !important;
    /*margin-left: -28px;*/
}
.dropdown.creatshipment.headerbooking button {
   /* background: transparent;*/
    color: #ef6362;
    text-transform: uppercase;
    margin-right: 10px;
}
.fa-times-circle.danger {
    color: #ef6362;
}
.dropdown-menu > li > a > i {
    margin-right: -8px;
}
.grid-sorting .dropdown-menu > li > a > i {
    margin-right: 8px;
}
ul#myList {
    margin-right: 37px;
    left: -69px;
}
.gridItems li i {
    font-size: 14px !important;
}
.dropdown.grid-sorting i {
    font-size: 24px;
}
.dropdown.grid-sorting ul {
    max-height: 447px;
    overflow: auto;
}
.dropdown.grid-sorting {
    float: right;
}
.h_main_book {
    display: flex;
    justify-content: flex-end;
}
.headerbooking .dropdown-menu {
    top: 35px
}
.top-two input {
    border-radius: 0;
}
.grid-sorting button {
    border: 1px solid #ef6362 !important;
    border-radius: 0;
    margin-right: 14px;
    color: #ef6362;
    margin-top: 2px;
}
.is-active .dropdown-menu {
    display: block;
}
.customFilter .form-group {
    width: 50%;
}
.customFilter.custome_cnt{}
.customFilter.custome_cnt .form-group {
    margin-bottom: 5px;
}
.customFilter.custome_cnt .form-group label {
    font-weight: 500 !important;
    margin-bottom: 2px;
}
.customFilter.custome_cnt #custom_filter .form-group input.form-control {
    height: 30px;
}
.customFilter.custome_cnt #custom_filter .form-group select.form-control {
    height: 30px;
}
.customFilter.custome_cnt #custom_filter .form-group.select-btn-drop {
    height: auto;
}
.customFilter.custome_cnt #custom_filter .form-group.block-level.select-btn-drop.col-md-12.col-xs-12 span.multiselect-native-select .btn-group.custom-filter-group button.multiselect.dropdown-toggle.btn.btn-default {
    height: 30px;
}
.custom-filter-group button {
    width: 100%;
    border-radius: 0;
    overflow: hidden;
    text-align: left
}
.custom-filter-group {
    width: 100%;
}
.customFilter select {
    width: 100% !important;
    border: 1px solid #ccc;
}
.custom-filter-group .multiselect-container {
    width: 174px;
    overflow: auto;
    height: 236px;
}
.custom-filter-group .multiselect-container > li {
    font-size: 12px;
    display: flex;
    width: 100%;
}
.custom-filter-group .multiselect-container .input-group-addon {
    padding: 0 2px;
    height: 6px;
}
.custom-filter-group .multiselect-container .input-group-btn {
    display: none;
}
.customFilter label {
    font-weight: 500 !important;
}
.custom-filter-group .multiselect-container > li > a > label {
    padding: 3px 20px 3px 26px;
    color: #000;
    display: flex;
    align-items: center;
    outline: none;
}
.shipmentContent p {
    color: #000;
    word-wrap: break-word;
}
.delivery_address p {
    color: #000;
}
.collection_address p {
    color: #000;
}
.shipmentDetail .btn-close {
    background: 0 0;
}
.search-box-filter {
    background: #ededed;
    padding-left: 0;
    padding-bottom: 6px;
}
.new-filter button {
    border-radius: 0;
    padding: 3px 6px !important;
    color: #12034e;
    font-size: 13px !important;
    border: 1px solid #12034e !important;
}
.new-filter button:focus {
    color: #fff !important;
    background: #ef6362 !important;
}
.datetimefield button {
    padding: 2px 7px !important;
    height: 32px;
    border: none !important;
    color: #fff;
}
.tab-content {
    float: left;
    width: 100%;
}
.tab-content h3 {
    float: inherit;
}
/*same-day*/
/*==================*/
.quote-button {
    background-color: #ef6362;
    border-radius: 0;
    padding: 8px 30px;
   /* border-color: #ef6362;*/
       border-color: transparent;
    text-transform: uppercase;
    letter-spacing: 2px;
/*    margin-left: 18%;*/
    margin-top: 30px;
    color: #fff
}
.quote-button:hover {
    background-color: #12034e;
    color: #fff;
/*    border-color: #12034e*/
    border-color: transparent;
}
.quote-button:focus {
    background-color: #12034e;
    color: #fff;
    border-color: #12034e
}
.onedelivary {
    float: left;
    /*left: -30px;*/
    left: 0px;
    position: relative;
    top: 17px;
}
.podstcode_p {
    display: flex;
}
@-webkit-keyframes load8 {
0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
    }
100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
}
}

@keyframes load8 {
0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
}
100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
}
}
.loader {
    position: fixed;
    top: 0;
    left: 0;
    background: rgb(255 255 255 / 84%);
    /*background: rgba(255, 255, 255, 0.95);*/
   /* background: rgb(0 0 0 / 69%);*/
    width: 100%;
    height: 100%;
    z-index: 9999;
}
.loading__heading {
    position: absolute;
    top: 50%;
    right: 20px;
    left: 20px;
    font-family: "baker-signet-web", serif;
    margin-top: 25px;
    text-align: center;
    font-size: 28px;
    color: #02266b;
    text-transform: none;
    font-size: 26px;
    margin-top: 27px
}
.sameday-next {
    border-radius: 2px !important;
    background-color: #ef6362;
    border-color: transparent !important;
    color: #fff;
    /*width: 150px;*/
    margin: 15px 0;
    font-size: 15px;
    letter-spacing: 0.5px;
    transition: all 0.5s;
}
.sameday-next:hover {
    background-color: #12034e;
    color: #fff;
    /*border-color: #12034e*/
    border-color: transparent !important;
}
.sameday-next:focus {
    background-color: #12034e;
    color: #fff;
    border-color: #12034e
}
.backbut1 {
    border-radius: 2px;
}
.sameday-p {
    text-align: center;
    margin-bottom: 0;
    padding-bottom: 0 !important
}
.sameday-p h4 {
    text-transform: uppercase;
    font-weight: 700;
    color: #12034e;
    margin-top: 12px;
}
.inputtextaria1 .input-group-addon {
    background: #12034e;
    border: none;
    border-radius: 0;
}
.booker__option--selected .ourprice {
    color: #fff;
}
.ourprice {
    color: #33225a;
}
.pickup_address h4 {
    font-size: 14px;
    font-weight: 700;
    color: #33225a;
    margin-bottom: 14px;
}
.box-inner .well {
    color: #fff;
    background: #12034e;
}
#addEditAddress .form-group {
    width: 50%;
}
.address-container {
    margin-bottom: 8px;
    box-shadow: 0px 0px 5px 0px #0003;
    padding: 8px;
}
.sameday-table > tbody > tr > td:first-child {
    width: 200px;
}
.sameday-table2 > tbody > tr > td:first-child {
    width: 200px;
}
.sameday-table3 > tbody > tr > td:first-child {
    width: 200px;
}
.sameday-table > tbody > tr > td:nth-child(2) {
    padding-right: 8px;
}
.sameday-table2 > tbody > tr > td:nth-child(2) {
    padding-right: 1px;
}
.custom-select {
    float: left;
    position: relative;
    width: 100%;
    z-index: 99;
}
.custom-select select {
    position: absolute;
    width: 100% !important;
}
.modal-footer {
    text-align: center !important;
    width: 100% !important;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}
.modal-footer button{
        padding: 6px !important;
}
/*package*/
/*=======*/
.container.p-height.box.only_package {
    margin-top: 0;
}
form#update_package .form-group {
    width: 50%;
}
.chklabelnd label {
    margin-top: 9px;
    margin-left: 6px;
}
/*Next-day*/
/*==================*/
.block-level input, select {
    border-radius: 0px !important;
}
.list1 input[type=text] {
    background-color: #fff;
    color: #000;
    height: 34px;
    border: 1px solid #ccc;
}
.item-4 {
    background-color: #ef6362;
    float: left;
    padding: 9px 6px;
    height: 34px;
    width: 25px;
    margin: 0px 0px;
}
.item-4.item-4A {
    padding: 10px 6px;
    height: 34px;
}
.item-4 a {
    color: #fff;
}
.container2 {
    display: block;
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    font-size: 15px;
    float: right;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    right: 14px;
    top: 14px;
}
.container2 input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    left: 10px;
    top: 0;
    z-index: 9;
}
.checkmark2 {
    position: absolute;
    top: 6px;
    left: 11px;
    height: 16px;
    width: 16px;
    background-color: #dedede;
}
.checkmark2.new_check_add {
    top: 1px;
    left: 14px;
}
.container2 input:checked ~ .checkmark2 {
    background-color: #ef6362;
}
.checkmark2:after {
    content: "";
    position: absolute;
    display: none;
}
.container2 input:checked ~ .checkmark2:after {
    display: block;
}
.container2 .checkmark2:after {
    left: 5px;
    top: 1px;
    width: 6px;
    height: 11px;
    border: solid #383737;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.isdoc {
    top: 7px;
    left: 0;
}
.addparcel-m {
    height: 455px;
}
.main-service .error {
    color: #ff4545;
}
.outer-1 input[type=text] {
    border-radius: 0px;
}
.outer-1 input[type=email] {
    border-radius: 0px;
}
.outer-1 label {
    color: #12034e;
    font-weight: 600;
    font-size: 13px;
}
.pickupsearch2 {
    margin-top: 4px;
}
.summ-search {
    margin-top: 5px;
}
.custom-item input {
    border-radius: 0px;
}
.submit-query {
    width: 100px !important;
    text-transform: uppercase;
    margin-right: 0;
}
.submit-query2 {
    width: auto !important;
    text-transform: uppercase;
    margin-right: 0;
}
.insurance-cost-btn input {
    border-radius: 0px;
}
.insurance-cost-btn button {
    margin-top: 25px;
}
.next-day-back button {
/*    margin-left: 18px;
    position: absolute;
    z-index: 9;
    top: 20px;*/
    margin-left: 0px;
    position: absolute;
    z-index: 9;
    top: 5px;
    height: 49px;
    border-radius: 0 !important;
}
.pointer {
    cursor: pointer;
}
.order-summ label {
    font-weight: 400;
    color: #b5b5b5;
}
.delivery_address h3 {
    color: #000 !important;
    padding-top: 0;
    width: 100%;
}
.address-left h3 {
    color: #000 !important;
    display: block !important;
    padding-top: 0;
}
.costContent h3 {
    color: #000 !important;
    margin-bottom: 0px;
    display: block !important;
}
.mislaniousContent h3 {
    color: #000000 !important;
    margin-bottom: 0px;
    width: 100%;
}
.address-left p {
    margin: 0;
    color: #000;
}
.lap-color {
    background: #f5f5f5;
    padding: 4px 16px;
    margin-top: 15px;
}
.new_one_t li a:before {
    content: no-close-quote;
}
.mdisp {
    display: block;
}
.item-1 {
    display: none;
}
.custom-filter-new-button {
    display: none;
}
.ui-tooltip {
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: 4px;
    opacity: 1;
    border: none;
}
.ui-tooltip:before {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    top: -4px;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    content: '';
    border-bottom-color: #000;
}
.ui-tooltip-content {
    font-size: 12px;
}
.grid-structure {
    float: right;
    margin-right: 11px;
    margin-top: 12px;
}
.grid-structure button {
    border-radius: 0;
    border: 1px solid #ef6362;
    color: #ef6362;
}
.grid-structure .dropdown-menu.shipment-drop1 {
    position: absolute !important;
    left: -105px;
}
.booking-summary > table > tbody > tr > td:nth-child(2) {
    padding-left: 149px;
}
#pickupInfo .time-out {
    display: flex;
    justify-content: space-around;
}
.time-out div {
    flex: 1;
}
.packagebox input::placeholder {
    font-size: 11px
}
.time-out {
    display: grid;
    grid-template-columns: 50% auto;
    grid-gap: 10px;
    /*border: 1px solid #999;*/
    padding: 14px 14px;
    border-radius: 4px;
}
.time-out label {
    width: 100%;
}
.date_nd_time select {
    height: 32px;
    width: 48%;
    background: #f1f1f1;
    position: relative !important;
    bottom: 0 !important;
    color: #12034e !important;
    border: 1px solid #b1b1b1;
}
.mdbhide input{
    border: 1px solid #b1b1b1;
    padding: 8px;
    color: #12034e;
}
.date_nd_time .error {
    position: absolute;
    bottom: -25px;
}
.date_nd_time {
    display: flex;
    justify-content: space-between;
    position: relative
}
.pick-addr-2 label {
    color: #12034e !important;
    font-weight: 500;
    word-wrap: break-word;
}
td.an_label a {
    background: #fff;
    color: #12034e;
    padding: 1px 11px;
    border-radius: 2px;
    border: 1px solid #12034e;
}
td.an_label {
    text-align: right;
    padding-top: 12px;
    padding-bottom: 12px !important
}
.item-2 label {
    font-size: 10px;
    color: #125f23;
}
.booking_sticky {
    position: sticky;
    top: 0;
}
.nextdaybookingform .error {
    color: #ef6362 !important;
}
/*prepay-page*/
/*================*/
.pre-pay h2 {
    color: #12034e;
}
.pre-pay {
    padding: 1px 15px;
}
.pre-pay p {
    width: 45%;
    font-size: 16px;
}
.current-balance {
    width: 92%;
    background: #12034e;
    border-radius: 2px;
    padding: 15px 14px;
    display: flex;
    color: #fff;
}
.current-text {
    width: 50%;
    font-size: 18px;
    padding-top: 7px
}
.current-amount {
    width: 30%;
    font-size: 18px;
    background: #fff;
    padding: 8px;
    text-align: center;
    border-radius: 2px;
    color: #ef6362;
}
.current-amount span {
    right: 0;
    position: relative;
    color: #12034e;
}
.manage-cards {
    padding: 0 15px;
    margin-top: 50px;
    width: 36.3%
}
.card-main-head {
    display: flex;
    font-size: 16px;
    justify-content: space-between;
    font-weight: 600;
    color: #322257;
}
.expiry-date {
    width: 40%;
}
.manage-cards h2 {
    color: #12034e;
}
.card-details {
    display: flex;
    border-radius: 2px;
    background-color: #eceaea;
    padding: 10px 12px;
    border: 1px solid #ccc;
    margin-bottom: 5px;
    position: relative;
}
.card-text {
    padding-left: 10px;
    font-size: 15px;
    width: 45%;
}
.expiry {
    width: 14%;
    text-align: right;
}
.card-image img {
    width: 38px;
}
.add-new-main {
    padding: 0 15px;
    margin-top: 20px;
}
.add-new-card, .add-new-fund {
    background-color: #12034e;
    border: 1px solid #12034e78;
    padding: 10px 24px;
    font-size: 16px;
    text-transform: uppercase;
    color: #ffffff;
    font-weight: 500;
    cursor: pointer;
    width: 35%;
    margin-bottom: 7px;
    text-align: center;
}
.paymentDetails {
    width: 35%;
    border: 1px solid #12034e63;
    margin-top: -8px;
    margin-bottom: 20px;
    padding: 15px 15px;
    display: table;
}
.add-new-card-name {
    width: 48%;
    float: left;
    margin-right: 10px;
}
.add-new-card-number {
    width: 50%;
    float: left;
}
.add-new-card-expiry {
    width: 22%;
    float: left;
    margin-right: 26px;
}
.add-new-card-security {
    width: 20%;
    float: left;
}
.card-form {
    margin-bottom: 10px !important;
}
.add-new-card-save-as {
    float: left;
    width: 48%;
    margin-right: 10px;
}
.add-new-card-address {
    width: 50%;
    float: left;
}
.save-card-details {
    background: #12034e;
    color: #fff;
    text-transform: uppercase;
    padding: 10px 40px;
    float: left;
    margin-right: 15px
}
.cancel-card-details, .cancel-fund {
    background: #ef6362;
    color: #fff;
    text-transform: uppercase;
}
.add-neew-card-image {
    width: 46%;
    float: left;
    margin-left: 15px;
    top: 10px;
    position: relative;
}
.card-head, .expiry-date {
    font-size: 14px;
}
.choose-card {
    width: 20%;
    text-align: right;
}
.add-debit-credit p {
    font-size: 15px;
}
.add-debit-credit h5 {
    font-size: 22px;
}
.add-debit-credit span {
    color: #ef6362;
}
.add-fund-button {
    width: 20%;
    position: absolute;
    right: -24%;
    background: #12034e;
    padding: 11px 8px;
    top: 0;
    color: #fff;
    border-radius: 2px;
    cursor: pointer;
}
.add-fund-modal {
    width: 400px;
}
.add-fund-modal .modal-content {
    border-radius: 0px;
    border: 0;
}
.fund-body {
    background: #fff;
}
.close-fund {
    background-color: #12034e !important;
    padding: 1px 5px !important;
    border-radius: 2px;
}
.fund-header h4 {
    font-size: 22px;
    line-height: 23px;
}
.fund-body p {
    font-size: 18px;
}
.fund-body span {
    color: #ef6362;
    margin: 0 9px;
    text-decoration: underline;
}
.fund-body button {
    background: #12034e;
    border: 0;
    padding: 9px 15px;
    color: #fff;
    text-transform: uppercase;
}
/*stripe intigration*/
/*======================*/
.StripeElement {
    background-color: #f1f1f1;
    height: 40px;
    padding: 10px 12px;
    border-radius: 0px;
    border: 1px solid transparent;
    box-shadow: 0 1px 3px 0 #e6ebf1;
    -webkit-transition: box-shadow 150ms ease;
    transition: box-shadow 150ms ease;
}
.StripeElement--focus {
    box-shadow: 0 1px 3px 0 #cfd7df;
}
.StripeElement--invalid {
    border-color: #fa755a;
}
.StripeElement--webkit-autofill {
    background-color: #fefde5 !important;
}
/*profile page for customer*/
/*======================*/
.profile-person header {
    height: 50px;
    display: inline-block;
}
.profile-person header h3 {
    color: #fff !important;
}
.profile-person {
    width: 1000px;
}
.only-profile {
    background: none !important;
}
.file-upload {
    display: block;
    text-align: center;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
}
.file-upload .file-select {
    display: block;
    border: 2px solid #ef6362;
    color: #34495e;
    cursor: pointer;
    height: 40px;
    line-height: 40px;
    text-align: left;
    background: #FFFFFF;
    overflow: hidden;
    position: relative;
}
.file-upload .file-select .file-select-button {
    background: #ef6362;
    padding: 0 10px;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    color: #fff
}
.file-upload .file-select .file-select-name {
    line-height: 40px;
    display: inline-block;
    padding: 0 10px;
}
.file-upload .file-select input[type=file] {
    z-index: 100;
    cursor: pointer;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    filter: alpha(opacity=0);
}
.top-container.pagination li a {
    color: #12034e !important;
}
/*side nav add address*/
/*===================*/
.add-address-p label {
    font-size: 12px;
    font-weight: 600;
}
.add-address-p input {
    border-radius: 0px;
    /*height: 30px;*/
}
.add-address-p input[type="checkbox"] {
    height: 15px;
    margin-top: 19px;
    margin-left: 10px;
    top: 2px;
    position: relative;
}
.add-address-p select {
    height: 30px;
    padding: 0 6px;
}
.top-two {
    margin-top: 7px;
}
.add-new-user {
    top: 0px;
}
.customer_popup ul li {
    line-height: 26px;
    display: inline-block;
    position: relative;
    width: 100%
}
.customer_popup ul li .radio-btn{}
/*main booking pop up*/
/*===================*/
.main_booking_pop {
    border-radius: 0px;
    border: 0px;
}
.main_booking_pop h5 {
    font-size: 18px;
    font-weight: normal;
}
.main_booking_pop .close {
    position: absolute;
    color: #000;
    right: 9px;
    top: 10px;
    font-size: 28px;
}
.main_booking_pop p {
    font-size: 18px;
    text-align: center;
    color: #3e3e3e;
}
.main_booking_pop .modal-header {
    padding: 14px 15px;
    border-bottom: 0px
}
.main_booking_pop .btn-default {
    border-radius: 0;
}
/*pickup page css*/
/*=================*/
.pickup-item-box {
    float: left;
    width: 100%;
}
.add-pickup-header {
    padding: 3px 1px;
    text-align: center;
    background: #12034e;
    color: #fff;
}
.main-pickup {
    clear: both;
    float: left;
    width: 100%;
    padding-bottom: 25px;
}
.pickup-box-section {
    float: left;
    width: 100%;
}
.pickup-box-section h3 {
    color: #ef6362 !important;
    margin: 10px 0;
    font-size: 17px;
    padding: 0;
}
.pickup-box-section select {
    height: 37px;
}
.pickup-box-section input {
    height: 35px !important;
    border-radius: 0;
}
.pickup-box-section {
    float: left;
    width: 100%;
    box-shadow: 0px 0px 21px 0px #0000001a;
   /* margin-bottom: 14px;*/
    /*margin-top: 26px;*/
    padding: 8px 7px 8px 7px;
}
.pickup-box-section .form-check {
    margin: 3px 0;
    width: 180px;
}
.pickup-box-section input[type="radio"] {
    height: 13px !important;
}
.pickup-new-address {
    float: left;
    margin-top: 22px;
}
.pickup-box-section .form-group {
    margin-bottom: 10px !important;
    float: left;
    width: 100%;
}
.pickup-new-address input[type="button"] {
    border-radius: 0px;
}
.create-pickup-but {
    position: relative;
    bottom: 18px;
    right: 10px;
    clear: both;
}
/*custom scrollbar*/
/*================*/
::-webkit-scrollbar {
    width: 10px;
    height: 10px
}
::-webkit-scrollbar-track {
    background: #f1f1f1;
}
::-webkit-scrollbar-thumb {
    background: #33225a;
}
/*side navigation for mobile and tab*/
/*==================================*/
button#sidebarCollapse {
    display: none;
}
/*login page*/
/*=============*/

/*.login-image {*/
/*    background-image: url('../../img/login-color.jpg');*/
/*   height: 100vh;*/
/*    background-position: center;*/
/*}*/

.main-login-board {
  background: #fff;
  padding: 10px 20px;
  margin-top: 200px;
  border-radius: 2px;
  box-shadow: 3px 2px 37px 3px #000000a3;
  float: left
}

.main-login-board input {
   border-radius: 0;
   border-right: 0;
}
.main-login-board .input-group-addon {
   border-radius: 0;
   background: #fff;
   color: #ef6362;
}
.log2 input {
    width: 106px;
    letter-spacing: 2px;
   margin-bottom: 15px;
}
.main-login-board1 h1 {
   color: #fff;
    font-size: 40px;
}
.main-login-board1 p {
color: #ccc;
font-size: 23px;
}
.main-login-board1 h1:after {
   position: absolute;
  height: 2px;
    width: 62%;
  background: #ef6362;
  content: '';
bottom: 0px;
    left: 17px;
}
.main-login-board1 {
   margin-top: 200px;
}
.log2 input:hover, .log2 input:focus {
    color: #fff;
}
input:required:invalid, input:focus:invalid {
    border: 2px solid #ef6362;
    background-position: right top;
    background-repeat: no-repeat;
    -moz-box-shadow: none;
}
input:required:valid {
    background-position: right top;
    background-repeat: no-repeat;
}
select:required:valid {
    background-position: right top;
    background-repeat: no-repeat;
}
select:required:invalid, input:focus:invalid {
    border: 2px solid #ef6362;
    background-position: right top;
    background-repeat: no-repeat;
    -moz-box-shadow: none;
}
/*import page*/
/*===========*/
.custom-file {
    width: 50%;
    float: left;
}
.custom-file label {
    width: 100%
}
.custom-file input[type="file"] {
    float: left;
    padding: 6px 0px;
}
.import-modal {
    width: 70vw;
    height: 70vh;
    position: absolute !important;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) !important;
    overflow: auto;
    bottom: auto;
}
.import-modal .modal-content {
    border-radius: 0px;
    float: left;
    width: 100%;
}
.import-modal .form-control {
    border-radius: 0px;
    height: 30px;
}
.import-header {
    float: left;
    width: 100%;
}
.import-header select {
    width: 40%;
    float: left;
    margin-right: 11px;
    display: block;
    position: relative;
}
.userprofile {
    width: 40%;
    float: left;
    margin-right: 10px;
}
.import-header button i {
    color: #ffffff;
    background: #33225a;
    font-size: 14px;
    border-radius: 92px;
    height: 25px;
    width: 25px;
    text-align: center;
    padding: 5px;
}
}
.import-modal .nav-tabs li a:before {
    display: none;
}
.import-modal .nav-tabs li.active a {
    background: #33225a;
    color: #fff;
}
.import-modal table > tbody > tr {
    border-bottom: 10px solid transparent;
}
.import-modal table > tbody > tr > td:first-child {
    width: 230px;
}
.import-modal table > tbody > tr > td {
    padding-right: 10px;
}
.import-modal table {
    margin-top: 25px;
}
.import-modal .panel-group .panel-heading {
    background: #efefef;
}
.import-modal .panel-group .panel-heading h4 a {
    background: 0 0;
    width: 100%;
    display: block;
}
.import-modal .panel-group table {
    margin-top: 0;
}
/* To make autocomplete scrollable */
.ui-autocomplete {
    overflow-y: auto;
    overflow-x: hidden;
    width: 30.3%;
    padding-right: ;
    max-height: 200px !important;
    margin-bottom: 100px;
}
/*new order screen (24/06/2019)*/
.new-filter.oreder-re button {
    background: #fff;
    margin: 0px 5px 5px 0px;
}
.new-filter.oreder-re {
    margin: 10px 8px 2px 6px;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    align-items: center;
}
.new-filter.oreder-re>.btn-group>.btn:first-child {
    margin-left: -1px;
}
.dropdown-divider {
    height: 0px;
    margin: 0.5rem 0px;
    overflow: hidden;
    border-top: 1px solid rgb(233, 236, 239);
}
.new-filter.oreder-re button i:first-child {
    width: 20px;
}
/*new cart screen*/
.add-cart-new {
    padding: 15px 15px;
    float: none;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.add-cart-new h3 {
    display: block;
    width: 100%;
    padding-top: 0;
}
.left-cart {
    float: none;
    border: 1px solid #ccc;
    height: 83vh;
/*    width: 230px;*/
     width: 25%;
}
.left-cart ul {
    list-style-type: none;
    padding-left: 0;
}
.fa-amazone {
    background-image: url(../../img/amzone.png);
    background-size: 91%;
    background-repeat: no-repeat;
    width: 48px;
    float: left;
    height: 100%;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    border-right: 1px solid #ccc;
}

.fa-commerce {
    background-image: url(../../img/commerce7.png);
    background-size: 91%;
    background-repeat: no-repeat;
    width: 48px;
    float: left;
    height: 100%;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    border-right: 1px solid #ccc;
}

/*.left-cart ul li a {
    padding: 13px 60px;
    display: block;
    border-bottom: 1px solid #ccc;
    font-size: 15px;
}*/
.left-cart ul li a {
    padding: 5px 8px;
    display: flex;
    border-bottom: 1px solid #ccc;
    font-size: 15px;
    align-items: center;
}
.left-cart ul li a img{
    width: 50px;
}
.left-cart ul li a span{
    width: 100%;
    margin-left: 13px;
    font-weight: 600;
    letter-spacing: 0.5px;
    font-size: 14px;
}
.fa-ebay {
    background-image: url(../../img/ebay.png);
    background-position: 5px 2px
}
.fa-woo {
    background-image: url(../../img/woocommerce.png);
    background-position: 5px 2px
}
.fa-onbuy {
    background-image: url(../../img/onbuy.jpg);
    background-position: 5px 2px
}
.fa-shopify {
    background-image: url(../../img/shopifyicon1.png);
    background-position: 5px 2px;
    background-size: 91%;
    background-repeat: no-repeat;
    width: 48px;
    float: left;
    height: 100%;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    border-right: 1px solid #ccc;
}
.left-cart ul li {
    position: relative;
}
.left-cart ul li a.active {
    background: #ededed;
    border-left: 5px solid #12034e;
}
.right-cart {
    float: none;
    width: 75%;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    height: 83vh;
    overflow: auto;
}
.right-cart h3 {
    padding: 14px 15px;
    background: #12034e;
    color: #fff !important;
    position: relative;
}
.right-cart h3:after {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 11px solid #12034e;
    position: absolute;
    content: '';
    bottom: -11px;
    left: 18px;
}
.store-form {
    float: left;
    padding: 16px 10px 3px 10px;
    display: grid;
    grid-template-columns: auto auto;
    width: 100%;
    grid-gap: 0px 10px;
    position: relative;
}
.store-form ol {
    margin-bottom: 0;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
.right-cart button {
    margin-right: 10px;
}
.store-form ol li {
    margin-bottom: 12px;
    padding-left: 10px;
    font-weight: 500;
    letter-spacing: 0.4px;
/*    display: inline-block;*/
    width: 100%;
}
.store-form ol li::marker {
    font-weight: bold;
    font-size: 15px;
}
.store-form ol li p {
    width: 200px;
}
/*new shipment page 25/06/2019*/
.order-shipment-form .well button {
    color: #fff;
    right: 24px;
    top: 11px;
}
.order-shipment-form .well button i {
    color: #fff;
}
.customer-grid {
    display: grid;
    padding: 5px 5px;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-rows: minmax(55px, auto);
    grid-gap: 0px 5px;
    border: 1px solid #e6e6e6;
}
.main-shipe {
    clear: both;
}
.customer-grid .form-group {
    margin-bottom: 0;
}
.order-shipment-form .well {
    margin-bottom: 0px;
}
.customer-carrier-price {
    border: 1px solid #e6e6e6;
    padding: 5px;
    padding-left: 5px !important;
}
.customer-carrier-price .nav-tabs li.active a, .customer-carrier-price.nav-tabs li.active a:focus {
    border: none;
    border-bottom: 2px solid #f5f5f5;
    color: #000;
    padding-top: 6px;
    font-size: 15px;
    text-transform: uppercase;
    padding-left: 15px;
    padding-bottom: 5px;
    background: whitesmoke;
    border-right: 1px solid #dadada;
}
.customer-carrier-price .nav-tabs li a:before {
    display: none;
}
.customer-carrier-price .tab-content table > tbody > tr:last-child td {
    font-size: 13px;
    font-weight: 700;
    border-top: 1px solid #cccc;
    padding-top: 5px;
}
.customer-carrier-price .tab-content table > tbody > tr > th {
    font-weight: 500;
}
.customer-grid .form-group input, .customer-grid .form-group select {
    height: 28px;
}
.order-shipment-form label {
    font-weight: 500;
}
.customer-carrier-price .tab-content table > tbody > tr:last-child td span {
    font-size: 10px;
}
.shipment-cost {
    position: absolute;
    right: 36px;
    background: #12034e;
    padding: 3px 25px;
    color: #fff;
    font-size: 11px;
    cursor: pointer;
    border: none;
    padding-left: 9px;
}
.shipment-cost:after {
    position: absolute;
    content: "\f107";
    right: 5px;
    top: -2px;
    font-family: FontAwesome;
    font-size: 16px;
}
.shipment-cost span {
    color: #f00;
    padding-left: 5px;
    font-weight: 700
}
.new-pack-type {
    float: left;
    width: 100%
}
.new-pack-type .collection-info-2 {
    margin-top: 5px;
    clear: both;
    border: 0;
}
.new-pack-type .list1 {
    padding: 5px 0;
    background: #ededed;
}
.new-pack-type .list1 input, .new-pack-type .list1 select {
    height: 28px;
}
.new-pack-type .item-4 {
    height: 28px;
    padding: 6px 4px;
    width: 18px;
}
.new-pack-type .item-2-kg, .new-pack-type .item-2-kg-cm {
    top: 9px;
    font-size: 10px;
    margin-right: 20px;
    height: 18px;
    width: 18px;
    line-height: 1.5;
}
.new-pack-type .inline-action {
    float: right;
    position: absolute;
    right: 32px;
    top: 9px;
}
.new-pack-type .btnRemoveParcel {
    height: 18px;
    width: 18px;
}
.new-pack-type .inline-action i {
    font-size: 10px !important;
}
.new-pack-type .isdoc {
    float: left;
}
.customer-carrier-price .nav-tabs li a {
    border: none;
    border: none;
    padding-top: 5px;
    font-size: 15px;
    text-transform: uppercase;
    padding-left: 15px;
    padding-bottom: 5px;
}
.customer-carrier-price.main-address-grid {
    border: none;
}
.ne-collection-add-re {
    float: left;
    border: 1px solid #ededed;
    padding: 5px;
    margin-bottom: 10px;
}
.ne-collection-add-re .well {
    background: #12034e;
    color: #fff;
}
.col-out-grid {
    float: left;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 0px 5px;
    padding-top: 5px
}
.col-out-grid .form-group {
    margin-bottom: 5px;
}
.col-out-grid .form-group input, .col-out-grid .form-group select {
    height: 28px;
}
.nav-tabs.re-newtab {
    border: none;
}
.tab-content.showtabcontent {
    border-top: 1px solid #ccc;
}
.ne-collection-add-re.other-red .checkbox input {
    top: -9px;
}
.ne-collection-add-re.other-red button {
    background: #ef6362;
    border: none;
    margin-top: 4px;
    color: #fff;
    border-radius: 4px;
}
.toolbar-button {
    width: 25px;
    height: 25px;
    float: right;
}
.toolbar-button {
    width: 25px;
    height: 25px;
    float: right;
    margin: 0 2px;
    top: -3px;
    position: relative;
}
.toolbar-button button {
    width: 25px;
    height: 25px;
    background: #ef6362;
    border: none;
}
.darken-3>tr>th:last-child {
    text-align: right;
    padding-right: 35px;
}
.darken-3>tr>th:last-child {
    text-align: right;
    padding-right: 35px;
}
@media only screen and (min-width: 1280px) and (max-width: 1366px) {
.sidenav-icargo:hover {
    width: 150px;
}
.sidenav-icargo {
    width: 43px;
}
.sidenav-icargo ul li a {
    padding: 7px 14px;
}
.sidenav-icargo ul li a i {
    font-size: 17px;
}
.sidenav-icargo ul li a {
    font-size: 11px;
}
.icargo-head {
    width: 200px;
}
.icargo-head img {
    width: 100%;
    margin: 0 0px;
    height: 44px;
}
#page-wrapper {
    margin: 0 0 0 45px;
}
.order-table2 > tbody > tr > td:first-child {
    width: 190px;
    text-transform: capitalize
}
.order-table2 > tbody > tr > td:nth-child(2) {
    padding-right: 1px;
}
.total-price-tab > tbody > tr > td:first-child {
    width: 194px
}
#page-wrapper {
    padding: 0 7px;
    padding-bottom: 30px
}
.right_col {
    margin-top: 10px !important;
}
.current-balance {
    /*width: 45%;*/
}
.current-text {
    width: 67%;
}
.manage-cards {
    width: 47%;
}
.add-new-card {
    width: 46%;
}
.paymentDetails {
    width: 46.1%;
}
.order-table > tbody > tr > td:first-child {
    width: 190px;
}
.order-table2 > tbody > tr > td:first-child {
    width: 190px;
    word-break: break-all;
}
.postalcodeaddress .form-control {
    margin-bottom: 0px;
    height: auto;
}
.p-height p {
    font-size: 11px;
}
.shipmentDetail {
/*    width: 1170px;*/
    width: 1220px;
}
.custom-select select {
    height: auto !important;
}
/*nextday booking*/
/*================*/
.booking-summary > table > tbody > tr > td:nth-child(2) {
     padding-right: 18px;
    padding-left: 0
}
.submit-query {
    width: 28%;
}
/*add new cart*/
.left-cart, .right-cart {
    height: 90vh;
}
}
@media only screen and (max-width: 1280px) and (max-height: 768px) {
.main-login-board {
    margin-top: 145px ;
}
.main-login-board1 {
    margin-top: 145px ;
}
.main-login-board-newlogin{
    margin-top: 145px ;
}
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
  margin: 0;
}
/*26-12-2019*/
i.fa.fa-pencil {
    padding: 0px 2px !important;
}
.dataTable i{
    width: 14px;
    cursor: pointer;
    display: inline-flex;
}
@media only screen and (min-width: 320px) and (max-width: 1600px) {
/*.dataTable i{
width: 8px;
}*/
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
.paddtop0 {
    border:none;
}
}
.booker__option .dimensions{
    position: absolute;
    bottom: -14px;
}
@media only screen and (min-device-width: 1280px) and (max-device-width: 1366px) {
.zerospc {
    height: 302px !important;
}
}
/*26-12-2019*/
.navbar-nav{
    margin: 0;
}
.input-filde-color{
        margin-left: 0;
        width: 109px;
        margin-bottom: 5px;
}
.input-filde-color input{
    background: #fff;
    border: 1px solid #cecece;
    padding: 3px 7px 5px 7px;
}
.input-filde-color1 input{
    background: #fff;
    padding: 3px 7px 5px 7px;
}
.form-block-button{
    display: inline-block;
    text-align: center;
    padding: 10px;
    width: 100%;
}
.sameday-Search{
    background-color: #12034e;
    border-color: #12034e;
    color: #fff;
    max-width: 100px;
    width: 100%;
    margin: 5px;
    letter-spacing: 0.5px;
    font-size: 15px;
    font-weight: normal;
    border-radius: 2px;
    outline: none;
}
.sameday-Search:hover, .sameday-Search:focus, .sameday-Search:active {
    background-color: #12034e;
    color: #fff;
    border-color: #12034e;
    outline: none;
}
.sameday-close{
    background-color: #ef6362;
    border-color: #ef6362;
    color: #fff;
    max-width: 100px;
    width: 100%;
    margin: 5px;
    letter-spacing: 0.5px;
    font-size: 15px;
    font-weight: normal;
    border-radius: 2px;
    outline: none;
}
.sameday-close:hover, .sameday-close:focus, .sameday-close:active {
    background-color: #ef6362;
    color: #fff;
    border-color: #ef6362;
    outline: none;
}
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
    outline: none;
    outline: none;
    outline-offset: 0px;
}
.box-inner h5{
    font-size: 16px;
}
form .well-sm {
    font-size: 18px;
    letter-spacing: 1px;
}
.button-design{
    margin: 15px 0;
    display: inline-block;
    width: 100%;
}
.button-design button{
    background: #12034e;
    color: #fff;
    padding: 6px 16px;
    border: none;
    border-radius: 2px;
    font-size: 14px;
    letter-spacing: 0.5px;
}
.page-header-line{
    padding: 10px 18px;
    background: #12034e;
    margin-top: 20px;
    margin-bottom: 20px;
    color: #fff;
    font-size: 20px;
    letter-spacing: 1px;
}
.page-header-line i{
    color: #fff;
    padding-right: 10px;
}
button.edit-pickup-address{
    padding: 8px 14px;
    background: #12034e;
    color: #fff;
    border: none;
    border-radius: 2px;
    font-size: 15px;
    letter-spacing: 1px;
}
button.edit-pickup-address i{
    color: #fff
    padding-right: 10px;
}
.dataTables_paginate a {
    color: #fff !important;
    padding: 6px 9px !important;
    background: #12034e !important;
    border-color: #fff !important;
    cursor: pointer;
}





.wrapper_downloadbtns-main{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin: 15px;
    align-items: center;
}
.device_left-o{
  width: 35px;
    margin-right: 15px;
}
.device_left-o i{
    font-size: 2em;
    color: #b1b1b1;
}

.device_right-p{
    width: 245px;
    margin-right: 15px;
}
.device_right-p a{
    padding: 8px;
    display: block;
    font-size: 14px;
    background: #12034e;
    color: #fff;
    border-radius: 2px;
}
.device_right-p a i{
    padding:0 6px;
}

.device_right-q{
    width: 280px;
}
.device_right-q a{
    padding: 8px;
    display: block;
    font-size: 14px;
    background: #c75e5e;
    color: #fff;
    border-radius: 2px;
}
.device_right-q a i{
    padding:0 6px;
}
 
.block-level-button-group{
    margin-bottom: 40px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding-top: 12px;
}
.block-level-button-group input{
    display: inline-block;
    width: auto;
    padding: 6px 20px;
    line-height: 20px;
    margin: 5px;
    cursor: pointer !important;
    letter-spacing: 0.5px;
}        

.well-sm {
    padding: 8px;
    border-radius: 0px;
}

.file-group-min{
    display: flex;
    flex-wrap: wrap;
    border: 1px solid #c5c5c5;
    padding: 10px;
    align-items: center;
}
.file-group-min .file-group-one{
    width: 280px;
    margin-bottom: 5px;
}


.label-button-col{}
.label-button-col label{
    background: #12034e;
    color: #fff;
    padding: 4px 0px 6px 35px;
    width: 100px;
    border-radius: 3px;
}
.label-button-col input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    left: 10px;
    top: 5px;
    z-index: 9;
}
.label-button-col .checkmark2{
    position: absolute;
    top: 7px;
    left: 10px;
    height: 16px;
    width: 16px;
    background-color: #dedede;
}



.flex-position-main{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    align-items: center;
}
.flex-position-main .left-flex{
    width: 50%;
}
.flex-position-main .right-flex{
    width: 50%;
}
@media only screen and (min-width: 320px) and (max-width: 768px){
.box-inner {
    max-width: 320px;
}
.add-address-button {
    margin-left: 0;
    margin-top: 0;
}
.file-group-min .file-group-one {
    width: auto;
}
.collection-info-2{
    border: none;
}
.list1 {
    padding: 0 !important;
}

.flex-position-main .left-flex label input {
    width: auto !important;
}
.flex-position-main .left-flex input {
    width: auto !important;
}
.input-filde-color{
    margin-bottom: 5px;
}
}

@media only screen and (min-width: 320px) and (max-width: 620px){
.global-filter.global-filter-new {
    width: 100%;
}

}

.serviceName button{
    background-color: transparent;
}
.serviceName button:focus{
    background-color: transparent;
}
.serviceName button:hover{
    background-color: transparent;
}

@media only screen and (min-width: 1280px) and (max-width: 1500px){
.input-filde-color{
    min-width: 86px;
    max-width: 11.3%;
}
.onedelivary {
    left: 0;
}
}

@media only screen and (min-width: 1501px) and (max-width: 1920px){
.input-filde-color{
    min-width: 88px;
    max-width: 11.3%;
}
}


@media only screen and (min-width: 320px) and (max-width: 768px){
.new-filter.oreder-re {
margin: 10px 10px 0px 10px;
}
.text-left{
    padding:2px !important; 
}
div#accordion2 {
 margin-top: 0; 
}
}



@media only screen and (min-width: 1025px) and (max-width: 1366px) {
.sidenav-icargo:hover {
    width: 150px;
}
.sidenav-icargo {
    width: 43px;
}
.sidenav-icargo ul li a {
    padding: 7px 12px;
}
.sidenav-icargo ul li a i {
    font-size: 16px;
}
.sidenav-icargo ul li a {
    font-size: 11px;
}
.icargo-head {
    width: 200px;
}
.icargo-head img {
    width: 100%;
    margin: 0 0px;
    height: 44px;
}
}

.dropdown-menu {
    min-width: 128px !important;
}

.pre_pay_modal{
    max-width: 500px;
    width: 100%;
    margin: auto!important;
    position: absolute!important;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    height: 300px;
}
.pre_pay_modal button.close-fund{
    position: absolute;
    right: 0;
    width: 30px;
    height: 30px;
    top: 0;
}
.pre_pay_modal button.fund-pop-submit{
 position: relative;
 margin: auto;
 text-align: center;
}

.pre_pay_modal .fund-body button {
    display: block;
    margin-top: 30px;
}
.card-rate-data{
width: 60%;
}
.card-rate-dataright{
width: 30%;
}

.img-left{}
.leftpost{
    width: 60%;
}
.rightpost {
    width: 13%;
}
.centerpost{}
.centerpost i{
    color: #fff !important;
    background: red;
    padding: 4px;
    border-radius: 10px;
}
.add-fund-button.center-alighn-text {
    width: 100px;
    text-align: center;
}
.text-align-right{

}
.text-align-left{
    width: 70%;
}
@media only screen and (min-width: 320px) and (max-width: 480px) {
.pre_pay_modal button.close-fund {
    top: -20px;
    left: 0;
    margin: auto;
}
.fund-header h4 {
    font-size: 20px;
}
.pre_pay_modal {
    max-width: 300px;
}
}

@media only screen and (min-width: 1026px) and (max-width: 1279px) {
.postionpost{
    width: 100%;
}
.pre-pay p {
    width: 50%;
}
.postionbox{
    width: 50%;
}
.add-fund-button.center-alighn-text{
    right: -26%;
}
.card-rate-dataright {
    width: 32%;
}
.postion-last{
    width: 50%;
}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
.postionpost{
    width: 100%;
}
.pre-pay p {
    width: 70%;
}
.postionbox{
    width: 70%;
}
.add-fund-button.center-alighn-text{
    right: -26%;
}
.card-rate-dataright {
    width: 32%;
}
.postion-last{
    width: 70%;
}
.card-form input{
width: 100px;
margin-left: 10px;
}
.card-form input.save-card-details {
    padding: 10px;
}
h3.collectiondrrs {
    padding: 0px 0px 10px 0px;
    margin-bottom: 0 !important;
}
.shipmentgrid h3 {
    font-weight: 600;
    margin: 0px;
    padding: 13px 0px 0px 0px;
}
.shipmentDetail.reset_toggle h3 {
    font-weight: 600;
    margin: 0px;
    font-size: 15px;
    padding: 0;
}
.shipmentDetail.reset_toggle .right-cart h3{
    padding: 12px 10px 12px 10px;
}
.col-md-6.col-sm-6.col-xs-12.fontbold .row .form-group {
    margin-bottom: 0;
}
.panel-body {
    padding: 8px;
}
}

@media only screen and (min-width: 320px) and (max-width: 480px) {
.postionpost{
    width: 100%;
}
.pre-pay p {
    width: 100%;
}
.postionbox{
    width: 100%;
}
.add-fund-button.center-alighn-text{
    right: -26%;
}
.card-rate-dataright {
    width: 32%;
}
.postion-last{
    width: 100%;
}
.card-form input{
    width: 100px;
margin-left: 10px;
}
.card-form input.save-card-details {
    padding: 10px;
}
.rightpost {
    width: 11%;
}
.add-fund-button.center-alighn-text {
    width: 100px;
    text-align: center;
    top: 63px;
    right: 0 !important;
}
.mobile-view {
    margin-top: 60px;
}
.manage-cards h2 {
    font-size: 20px;
}
.manage-cards {
    margin-top: 25px;
}
.current-text {
    font-size: 15px;
}
.current-amount {
    font-size: 17px;
    padding: 4px;
    width: 45%;
}
}

.swal-icon {
    width: 50px;
    height: 50px;
    border-width: 3px;
}
.swal-icon--warning__body {
    width: 3px;
    height: 20px;
    top: 7px;
    margin-left: -2px;
}
.swal-icon--warning__dot {
    width: 5px;
    height: 5px;
    margin-left: -2px;
    bottom: -8px;
}
.swal-modal {
    width: 360px;
}
.swal-text{
    font-size: 14px;
    color: #000 !important;
}
.swal-title {
    color: rgb(0 0 0 / 83%);
    padding: 0px 16px;
    font-size: 22px;
}
.swal-button {
    padding: 7px 18px;
}
.swal-button--cancel:focus {
    box-shadow: none;
}
.swal-button--danger:focus {
    box-shadow: none;
}
.swal-button--cancel:not([disabled]):hover {
    background-color: #d2d2d2;
}
.swal-button--cancel {
    color: #000;
    background-color: #d2d2d2;
}

#manuallyfrm .form-control{
    height: 32px;
}
#manuallyfrm .form-group {
    margin-bottom: 10px;
}



.swal-icon--error__line {
    position: absolute;
    height: 4px;
    width: 27px;
    background-color: #f27474;
    display: block;
    top: 24px;
    border-radius: 2px;
}
.swal-icon--error__line--right {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    right: 11px;
}
.swal-icon--error__line--left {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 12px;
}

.swal-icon--success__ring {
    width: 50px;
    height: 50px;
    border: 4px solid hsla(98,55%,69%,.2);
    border-radius: 50%;
    box-sizing: content-box;
    position: absolute;
    left: -4px;
    top: -4px;
    z-index: 2;
}
.swal-icon--success__line--tip {
    width: 18px;
    left: 9px;
    top: 32px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-animation: animateSuccessTip .75s;
    animation: animateSuccessTip .75s;
}
.swal-icon--success__line--long {
    width: 34px;
    right: 0px;
    top: 26px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-animation: animateSuccessLong .75s;
    animation: animateSuccessLong .75s;
}
.swal-icon--success__hide-corners {
    width: 4px;
    height: 14px;
    background-color: #fff;
    padding: 1px;
    position: absolute;
    left: 16px;
    top: 27px;
    z-index: 1;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.swal-icon--success:after, .swal-icon--success:before {
    content: "";
    border-radius: 50%;
    position: absolute;
    width: 72px;
    height: 120px;
    background: #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.swal-icon--success:after, .swal-icon--success:before {
    content: "";
    border-radius: 50%;
    position: absolute;
    width: 81px;
    height: 81px;
    background: #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.swal-icon--success:before {
border-radius: 120px 0 0 120px;
    top: 20px;
    left: -60px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 60px 60px;
    transform-origin: 60px 60px;
}
.swal-icon--success:after {
    top: 2px;
    left: 46px;
}

.background-logo-out{
    height: 85px;
    position: relative;
    width: 90%;
    margin:15px auto;
}

/*.background-logo-load{*/
/*    width: 199px;*/
/*    background-image: url(https://icargo-public.s3-eu-west-1.amazonaws.com/live/images/company/logo/instaDispatchLogo1.png);*/
/*    background-repeat: no-repeat;*/
/*    background-size: 100%;*/
/*    content: "";*/
/*    z-index: 999;*/
/*    position: absolute;*/
/*    top: 0;*/
/*    left: 0;*/
/*    height: 80px;*/
/*    right: 0;*/
/*    margin: auto;*/
/*    text-align: center;*/
/*}*/


.text-in-bg2{}
.text-in-bg2 h1{
    max-width: 600px;
}
.text-in-bg2 h1:before{
    content: "Local Network, Global Delivery";
}
.rotion-class{
    transform: scaleX(-1);
    margin-left: -7px;
    margin-right: 8px;
}
@media only screen and (max-width: 320px) and (max-height: 767px) {
.log2 input {
    margin-top: 0 !important;
}
.user-add{
/*    margin-top: 7px;*/
}
}

@media only screen and (max-width: 1200px) and (max-height: 1279px) {
.order-table > tbody > tr > td:first-child {
    width: 180px;
    word-break: break-all;
}
.order-table2 > tbody > tr > td:first-child {
    width: 180px;
    word-break: break-all;
}
}

/*@media only screen and (max-width: 320px) and (max-height: 480px) {
.swal-modal {
    width: 360px;
}
}*/

@media only screen and (min-width: 1200px) and (max-width: 1440px) {
.main-login-board {
    margin-top: 145px !important;
}
.main-login-board1 {
    margin-top: 105px;
}
}



@media (max-width: 767px){
.navbar-nav .open .dropdown-menu.usermenu_header {
    position: absolute !important;
}
}
@media (min-width: 768px){
.navbar-nav {
    float: none;
}
.navbar-nav>li {
    float: none;
}
}

@media only screen and (min-width: 320px) and (max-width: 1024px) {
.mpadding {
    padding-top: 3px;
}
}

.col-headding{}
.col-headding h4{
    padding: 12px 10px 7px 0px;
    line-height: 21px;
    vertical-align: top;
    text-transform: uppercase;
    margin: 0;
    font-size: 14px;
    color: #fff;
    font-weight: 700;
    display: inline-block;
    float: left;
    letter-spacing: 1px;
}

@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 !important;
}*/
/*.new-font-size a {
    font-size: 10px !important;
}
.new-font-size a.font-size-lg {
    font-size: 12px !important;
}
.shipmentgrid .creatshipment.new-font-size {
    top: 0;
}
.dropdown.creatshipment.headerbooking {
    left: 10px;
}*/

}
@media (max-width: 767px){
.navbar-nav .open .dropdown-menu.usermenu_header>li>a {
    line-height: 10px;
}
}
.user-add .user-profile{
    background: #ef6362;
    padding: 11px 17px 11px 5px;
    display: inline-block;
    position: relative;
    top: -9px;
    left: 5px;
    border-radius: 3px;
} 
.user-add .user-profile:hover{
    background: #ef6362;
} 
@media only screen and (min-width: 812px) and (max-width: 823px) {
.new-font-size .btn{
    padding: 5px;
}
.user-add .user-profile {
    padding: 10px 11px;
}
}

@media only screen and (min-width: 1024px) and (max-width: 1179px) {
.user-add .user-profile {
    padding: 11px 17px 11px 5px;
}
}

@media only screen and (min-width: 320px) and (max-width: 480px) {
.user-add .user-profile {
    padding: 9px 17px 8px 5px;
    left: 1px;
}
}
@media only screen and (min-width: 320px) and (max-width: 640px) {
.user-add .user-profile {
   text-overflow: ellipsis;
   max-width: 105px;
   overflow: hidden;
   white-space: nowrap;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.user-add .user-profile {
    padding: 9px 17px 9px 5px;
}
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
.user-add .user-profile {
    padding: 10px 17px 12px 5px;
}
}

@media only screen and (min-width: 993px) and (max-width: 1024px) {
.user-add .user-profile {
    padding: 11px 17px 11px 5px;
}
}

.inside-box-Choice{
    padding: 20px 25px;  
}

.inside-box-Choice select{
    width: 100%; 
}
.inside-box-Choice label {
    color: #12034e;
    font-weight: 300;
    font-size: 14px;
}
.ukmail_service_dpd{
    background: #fff;
}

.file-group-min-m{
    display: flex;
    flex-wrap: wrap;
    border: 1px solid #c5c5c5;
    padding: 10px;
    align-items: center;
}
.file-group-one-a{
    width: 235px;
    margin: 0 10px 10px 0;
}
.file-group-one-a input {
    border: 1px solid transparent;
    background-color: #f1f1f1;
    padding: 5px;
    font-size: 14px;
    width: 100%;
}
.file-group-one-b{
    width: 85px;
    margin: 0 10px 0px 0;
    position: relative;
    top: 7px;
}
.file-group-one-b input {
    border-radius: 2px !important;
    background-color: #ef6362;
    border-color: transparent !important;
    color: #fff;
    margin: 0;
    font-size: 14px;
    letter-spacing: 0.5px;
    transition: all 0.5s;
    width: 100%;
    padding: 5px 15px;
    outline: none;
}
.file-group-one-b input:hover {
    background-color: #12034e;
    color: #fff;
    border-color: transparent !important;
}
.file-group-one-c{
/*    width: 30%;*/
    margin: 0 10px 0px 0;
    position: relative;
    top: 4px;
}
.alert-success2 {
    color: #212121!important;
    border-color: #aeb1ac!important;
    border-width: 2px!important;
    background-color: #fffefe!important;
    width: 100%!important;
    padding-right: 15px!important;
}
.file-group-one-c .alert {
    padding: 9px;
    margin-bottom: 0;
    border: 1px solid transparent;
    border-radius: 4px;
}


@media only screen and (min-width: 320px) and (max-width: 536px){
.file-group-one-a {
    width: 180px;
    margin: 0 5px 5px 0;
}
.file-group-one-a input {
    font-size: 12px;
}
.file-group-one-b {
    margin: 0 6px 0px 0;
    top: 9px;
}
}
@media only screen and (min-width: 537px) and (max-width: 767px){
.file-group-one-a {
    width: 180px;
    margin: 0 5px 5px 0;
}
.file-group-one-a input {
    font-size: 12px;
}
.file-group-one-b {
    margin: 0 6px 0px 0;
    top: 9px;
}
.file-group-one-c {
    width: 41%;
}
}

@media only screen and (min-width: 768px) and (max-width: 992px){
.file-group-one-a {
    width: 180px;
    margin: 0 5px 5px 0;
}
.file-group-one-a input {
    font-size: 12px;
}
.file-group-one-b {
    margin: 0 6px 0px 0;
    top: 9px;
}
.file-group-one-c {
    width: 60%;
    top: 6px;
}
}
.new-label-line {
    width: 21% !important;
}
.new-label-line2 {
    width: 27% !important;
}
.colume-box .group-sec.new-select-line.search-section input {
    min-width: 79%;
}
@media screen and (max-device-width: 1799px) and (min-device-width: 1200px){
.colume-box .group-sec.new-select-line.search-section input {
    width: 76%;
}
}
.date_nd_time-tow select{
    margin: 0 4px;
}
@media only screen and (max-width: 1366px) and (min-width: 1200px){
.time-out-new-sect .mdbhide label {
    width: 42% !important;
}
}
.parcel-box{}
.parcel-box label{
    margin-bottom: 0;
    font-size: 13px;
    color: #333;
    margin-right: 10px;
        width: 16%;
}
.parcel-box input{
    border-bottom: 1px solid #272727;
    border-left: none;
    border-right: none;
    border-top: none;
    border-radius: 0 !important;
    font-size: 13px;
    background-color: #fff;
    padding: 6px 0;
    color: #000;
}
.parcel-box input:focus {
    border-bottom: 1px solid #333;
}
.label-space{
/*    width: auto !important;*/
    width: auto;
    padding-top: 5px;
    padding-right: 6px !important;
}
.space-right{
    margin-right: 20px;
}

.button-wrapper{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 8px 0;
}
.button-inner-wrapper{
    display: flex;
    align-items: center;
    padding: 8px 0;
    flex-wrap: wrap;
}
.btn-sepret-next-new-design{}
.btn-sepret-next-new-design button {
    border-radius: 2px !important;
    background-color: #ef6362;
    border-color: #ef6362;
    color: #fff;
    margin: 5px;
    font-size: 14px;
    letter-spacing: 0.5px;
    transition: all 0.5s;
    display: inline-block;
    cursor: pointer;
    text-transform: uppercase;
    padding: 8px 16px;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border: none;
    font-weight: 600;
    font-family: 'arial', sans-serif;
}
.col-heading-new-design{  
}
.col-heading-new-design button{
    border-radius: 2px !important;
    background-color: #ef6362;
    border-color: #ef6362;
    color: #fff;
    margin: 5px;
    font-size: 14px;
    letter-spacing: 0.5px;
    transition: all 0.5s;
    display: inline-block;
    cursor: pointer;
    padding: 8px 16px;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border: none;
    font-weight: 600;
    font-family: 'arial', sans-serif;
}

.row-main-box .parcel-box{
    width: 48%;
    margin: 5px 1px;
    display: flex;
    align-items: center;
}

@media only screen and (min-width: 320px) and (max-width: 480px){
.parcel-box label {
    width: 35%;
}
}

.date_nd_time-tow select:required:invalid, input:focus:invalid {
    border-bottom: 2px solid #ef6362;
    background-position: right top;
    background-repeat: no-repeat;
    -moz-box-shadow: none;
}


@media only screen and (min-width: 320px) and (max-width: 480px) {
.firsr-selection-col {
    margin: 2px 10px 2px 0px !important;
    width: 50% !important;
}
.btn-sepret-next-new-design {
    width: 46%;
}
.btn-sepret-next-new-design button {
    margin: 0;
    float: right;
}
}

@media only screen and (min-width: 1200px) and (max-width: 1440px){
.colume-box .group-sec.new-select-line.search-section input {
    width: 82%;
}
.new-label-line2 {
    width: 22% !important;
}
.new-label-line {
    width: 18% !important;
}
}
.requiredColor input:required:invalid, .requiredColor:focus:invalid {
    border: 1px solid #ef6362;
    background-position: right top;
    background-repeat: no-repeat;
    -moz-box-shadow: none;
}
.requiredColor input:required {
    border-color: #EF6362 !important;
    border-width: 2px !important;
}
.requiredColor input:required:valid {
    border-bottom: 1px solid #272727 !important;
    border-left: none !important;
    border-right: none !important;
    border-top: none !important;
    background-position: right top;
    background-repeat: no-repeat;
}

.new-width{
    width: 600px !important;
}
.modal-body-new{
    padding: 1em 1em !important;
    background-color: #fff;
    position: relative;
    width: 100%;
}
.main-panel{
    overflow: hidden;
    background: #fff;
    border-radius: 4px;
    border: 1px solid gray;
    margin-bottom: 15px;
}
.headingPanel{
    color: #454f5b !important;
    min-height: 52px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    text-transform: none !important;
    padding: 7px 15px;
    background: #fff;
    border-bottom: 1px solid #ddd;
}
.newparceldiv{  
    border-radius: 10px;
    border: 1px solid lightgray;
    padding: 6px 20px;
    display: inline-block;
    width: 100%;
}
.main-padding{
    padding: 8px 15px;
}
.form-group.new-lab.packageContainer {
    margin-bottom: 8px;
}
select#orderPackageList {
    height: 30px;
    padding: 5px 12px;
    border-radius: 3px;
}
input.form-control.orderParcelGoodDesc {
    height: 30px;
    padding: 5px 12px;
}
table.table.table-condensed.parceReadListTbl {
    margin-bottom: 6px;
}
.main-padding h4{
    padding-bottom: 0px;
    text-align: center;
    padding-top: 0;
    margin-top: 0;
}
a.showaddparceldiv{
    background: #ef6362;
    padding: 2px;
    width: 20px;
    height: 20px;
    display: inline-block;
    text-align: center;
    border-radius: 10px;
    color: #fff;
    margin-bottom: 10px;
}
.parcelstable tr th{
    background-color: transparent; 
}
.margin-top-10{
    margin-top: 10px;
}
.footer-top-headline{}
.col-width{
    width: 74px;
    display: inline-block !important;
    padding: 0 5px !important;
    height: 28px !important;
}
.col-width-inc{
    margin-left: 4px;
    width: 74px !important;
    display: inline-block !important;
    height: 28px !important;
    padding: 0 0 !important;
}
.new-lab label{
    font-size: 13px !important;
    font-weight: normal !important;
}
.button-align{
    text-align: right;
}
.blue{
    background: #090127;
    color: #fff !important;
}
.width-icon{
position: relative;
margin-bottom: 6px;
}
.width-icon span{
    position: absolute;
    left: 6px;
    font-size: 18px;
    bottom: 0px;
    color: #929292;
}
.form-group.new-lab.width-icon span{
    position: absolute;
    left: 6px;
    font-size: 13px;
    bottom: 4px;
    color: #12034e;
    font-weight: 600;
    border-right: 1px solid;
    padding-right: 6px;
}
.width-icon input{
    padding-left: 46px !important;
}

.panel-design-main-box-data{
    margin: 10px 0;
}
.listing-data{
    margin: 0;
    padding: 0;
}
.listing-data li{
    font-size: 12px;
    list-style: none;
}
.listing-data li span{
    font-weight: 600;
}
.table-responsive-group{
    margin: 10px 16px 20px 16px;
}
.table-responsive-group table tr td{
    padding: 5px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    color: #000;
}
.color-bg{
    background: #c0ffc0;
}
.td-line{}
.td-line span{
    width: 100%;
    display: block;
}
.close-color{
    background: #12034e;
    color: #fff;
    transition: all 0.5s;
    float: right;
    padding: 1px 6px !important;
}
.close-color:hover{
background: #ef6362;
}
.devider{
    height: 1px;
    background: #ccc;
    margin: 8px 0;
    width: 100%;
    display: inline-block;
}
.top-headding-second{}
.top-headding-second h4{
    padding-bottom: 10px;
    text-align: center;
    padding-top: 0;
    margin-top: 0;
}

.i-have-a-tooltip{
    position: relative;
    font-size: 13px;
    font-weight: 600;
}
.parcelstable thead tr th{
    font-size: 13px;
    font-weight: 500;
}

/*.shopifyPproductDetailsWrapper{
   display: -webkit-inline-box;
   width: 100%;
   overflow-x: scroll;
   min-width: 505px;
   max-width: 632px;
   overflow-y: hidden;
}*/
.shopifyPproductDetailsWrapper {
    display: inline-flex;
    /*width: 100%;*/ 
    /*width: 280px;*/
    flex-wrap: wrap;
}
/*.shopifyPproductDetails{
   width: 48%;
   margin: 5px;
   display: flex;
   flex-wrap: wrap;
}*/
.shopifyPproductDetails {
    width: 45%;
    margin: 5px;
    display: flex;
    flex-wrap: wrap;
    background: #fff;
    padding: 4px;
}
.shopify-left{
   width: 60%;
}
.name-shopify{
   font-size: 15px;
   font-weight: 600;
   letter-spacing: 0.3px;
   margin-bottom: 4px;
}
ul.shopifyPproductList{
   margin: 0;
   padding: 0;
   list-style: none;
}
ul.shopifyPproductList li{}
.selectedTwo td{}

.order_Details{
   min-width: 270px;
}
.order_Details tr td{
   padding: 1px !important;
}
.booking_Info{
   min-width: 240px;
}
.booking_Info tr td{
   padding: 1px !important;
}
.package_closed{
   position: relative;
   width: 100%;
   padding-bottom: 18px;
}
.package_closed a i {
    position: absolute;
    right: 0;
    font-size: 19px;
    color: #090127;
    text-decoration: none;
}
.order_closed{
    position: relative;
}

.order_closed a i{
    position: absolute;
    right: 0;
    font-size: 19px;
    color: #090127;
    text-decoration:none;
    top: -25px;
}
.or-diverOption{
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    background: #33225a;
    width: 40px;
    height: 40px;
    vertical-align: middle;
    padding: 10px 6px 9px 6px;
    display: inline-block;
    color: #fff;
    border-radius: 100%;
}
@media only screen and (min-width: 320px) and (max-width: 767px){
.import-modal {
    margin-left: auto !important;
    margin-right: auto !important;
    width: 94% !important;
}
.tablistAncher li a{
    padding: 6px;
}
.scrollBarTab {
    overflow-x: scroll;
    overflow-y: hidden;
}
.customMapping select{
    width: auto;
}
}

.dropdown.creatshipment.hiddenMobile_view{
    margin-left: 0px !important;
    margin-right: 0px !important;
}
.dropdown.creatshipment.hiddenMobile_view button{
    margin-left: 0px !important;
    margin-right: 5px !important;
}

.closed-button-popup{
    padding: 15px;
    text-align: center;
    display: block;
}
.closed-button-popup button.color-btndynamic{
    background: #ef6362;
    padding: 6px 24px;
    letter-spacing: 0.5px;
    font-size: 15px;
    transition: all 0.5s;
}
.closed-button-popup button.color-btndynamic:hover, 
.closed-button-popup button.color-btndynamic:active, 
.closed-button-popup button.color-btndynamic:focus{
    background: #12034e;
}
.package_closed{
    position: relative;
    width: 100%;
    padding-bottom: 18px;
}
.package_closed a i{
    position: absolute;
    right: 0;
    font-size: 19px;
    color: #090127;
    text-decoration:none;
}
.swal-text{
    color: #000 !important;
}
th.job_identity.sorting_desc {
    min-width: 55px;
}
a.addEmptyParcel{
    display: inline-block;
    background: #ef6362;
    color: #fff;
    padding: 1px 4px;
    width: 18px;
    height: 18px;
    text-align: center;
    border-radius: 100%;
    margin-bottom: 4px;
    outline: none;
}

.batch_name-group{
    display: flex;
    justify-content: space-between;
    width: 100%;
    flex-wrap: wrap;
}
.batch_name-inner-group{
    display: inline-block;
    width: 48%;
    margin-bottom: 15px;
}
.batch_name-inner-group label{
    width: 100%;
    font-size: 14px;
    letter-spacing: 0.5px;
}
.batch_name-inner-group input{
    width: 100%;
    display: inline-block;
    border: 1px solid #afafaf;
    background: #fff;
    border-radius: 3px;
    padding: 8px 10px;
    outline: none;
    font-size: 14px;
}
.batch_name-inner-group input:focus{
    border: 1px solid #12034e;
}
.batch_name-inner-group select{
    width: 100%;
    padding: 8px 10px;
    border-radius: 3px !important;
    background: #fff;
    outline: none;
    font-size: 14px;
}
.batch_name-inner-group select:focus{
    border: 1px solid #12034e;
}

.batch_name-button{
    width: 100%;
    display: inline-block;
    text-align: right;
    margin-bottom: 15px;
}
.batch_name-button input{
    border: none;
    background: #12034e;
    color: #fff;
    border-radius: 3px;
    font-size: 15px;
    letter-spacing: 0.5px;
    outline: none;
    padding: 7px 15px;
}
.batch_name-button input:focus{}
.btn.re-manage-btn.narmal-postion {
    background: #ef6362;
    border: none;
    outline: none;
    top: 8px;
    transition: all 0.5s;
    position: relative;
}
.btn.re-manage-btn.narmal-postion:hover {
    background: #12034e;
}

@media only screen and (min-width: 768px) and (max-width: 1024px){
.btn.re-manage-btn.narmal-postion {
    top: 4px;
}
}
.secure-PrePay-pannel{}
.secure-PrePay-pannel h2{
    font-weight: 600;
    color: #12034e!important;
    font-size: 26px;
    margin: 0px;
    padding: 6px 0px;
    display: inline-block;
    float: left;
    letter-spacing: 1px;
    width: 100%
}
.secure-PrePay-pannel p{
    width: 92%;
    font-size: 15px;
    color: #333;
}
.secure-card-pannel{
    margin-bottom: 10px;
    display: inline-block;
}
.secure-card-pannel h3{
    font-weight: 600;
    color: #12034e!important;
    font-size: 18px;
    margin: 0px;
    padding: 6px 0px;
    display: inline-block;
    float: left;
    letter-spacing: 1px;
    width: 100%
}
.secure-card-pannel p{
    width: 92%;
    font-size: 15px;
    color: #333;
}
.PrePay-message{}
.PrePay-message h2{
    font-weight: 600;
    font-size: 28px;
    padding-left: 18px;
}
.position-brows{
    position: absolute;
    right: 7px;
    top: 7px;
}
.position-brows span {
    font-size: 18px;
    color: #fff;
    border-radius: 100px;
    padding: 3px 6px;
    outline: none !important;
    cursor: pointer;
    background: #ef6362;
    display: inline-block;
    text-align: center;
    width: 30px;
    height: 30px;
}
.modal-header.top-header{
    padding: 5px 12px;
    background: #12034e;
    color: #fff !important;
    border-bottom: none;
}
.modal-header.top-header h5{
    font-size: 16px;
    letter-spacing: 0.5px;
    height: 14px;
}

.modal-header.top-header button.close{
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 30px;
    opacity: 1;
    text-shadow: none;
    color: #fff;
}
.flex-left-col-pay{
    display: flex;
    width: 100%;
    justify-content: space-around;
    align-items: center;
}
.flex-left-clone{
    width: 47%;
}
.flex-right-clone{
    width: 47%;
}
.new-img-cal{
    margin: auto;
    display: block;
    max-width: 400px;
}
.new-img-cal img{
    width: 100%;
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
.flex-left-col-pay {
    display: block;
    width: 100%;
}
.flex-left-clone {
    width: 100%;
}
.flex-right-clone {
    width: 100%;
}
}
html {
    background: #EDEDED;
}
@media only screen and (min-width: 1200px) and (max-width: 1279px) {
.right-cart {
    width: 78%;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
.right-cart {
    width: 65%;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
.right-cart {
    width: 65%;
}
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
.left-cart {
    height: auto;
}
.right-cart {
    width: 100%;
    height: auto;
}
.shipmentgrid h3 {
    padding: 7px 7px !important;
    font-size: 14px;
    letter-spacing: 0.5px;
}
.store-form ol li input[type="checkbox"] {
    width: 15px;
}
}
.row-shopify_store_section{
    height: 70vh;
    overflow-y: auto;
    overflow-x: hidden;
}
.row-shopify_store_section ol li{
    font-size: 13px;
    letter-spacing: 0.2px;
    color: #151515;
    padding: 3px;
    margin-bottom: 5px;
    display: inline-block;
    width: 100%;
    font-family: arial, sans-serif;
    counter-increment: step-counter;
}
.row-shopify_store_section ol li::before {
    content: counter(step-counter);
    font-size: 80%;
    background-color: rgb(18 3 78);
    color: white;
    font-weight: bold;
    padding: 2px 7px;
    border-radius: 100%;
    margin-left: -2em;
    position: relative;
    left: -10px;
    height: 20px;
    width: 20px;
    display: inline-block;
}
.row-shopify_store_section ol li a{
    color: #2f5380;
    display: inline-block;
    font-family: arial, sans-serif;
}
.row-shopify_store_section ol li .list-inn-img{}
.row-shopify_store_section ol li .list-inn-img img{
    width: 100%;
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
.flex-left-col-pay {
    display: block;
    width: 100%;
}
.flex-left-clone {
    width: 100%;
}
.flex-right-clone {
    width: 100%;
}
}
html {
    background: #EDEDED;
}
@media only screen and (min-width: 1200px) and (max-width: 1279px) {
.right-cart {
    width: 75%;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
.right-cart {
    width: 65%;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
.right-cart {
    width: 75%;
}
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
.left-cart {
    height: auto;
}
.right-cart {
    width: 100%;
    height: auto;
}
.shipmentgrid h3 {
    padding: 7px 7px !important;
    font-size: 14px;
    letter-spacing: 0.5px;
}
.store-form ol li input[type="checkbox"] {
    width: 15px;
}
}
ul.multiselect-container.dropdown-menu>.active>a, ul.multiselect-container.dropdown-menu>.active>a:focus, ul.multiselect-container.dropdown-menu>.active>a:hover {
    color: #fff;
    text-decoration: none;
    background-color: #e6e6e6;
    outline: none;
    width: 100%;
    border-bottom: 1px solid #fff;
}
ul.multiselect-container.dropdown-menu>li>a {
    width: 100%;
    border-bottom: 1px solid #fff;
    outline: none;
}

.dataTables_length select.form-control.input-sm {
    height: 30px !important;
    padding: 3px !important;
}
div.dataTables_wrapper div.dataTables_length select{
    width: 55px;
}
.dataTables_filter input.form-control.input-sm{
    height: 30px !important;
}
a.click_download{
   background: #161b4e;
    color: #fff;
    padding: 3px;
    border-radius: 3px;
    outline: none 
}
.box-inner.increase-size{
    max-width: 600px;
}
.form-group.col_md{
    width: 50%;
    padding: 0px 15px;
     margin-bottom: 10px;
}
.form-group.col_md label {
    margin-bottom: 0px;
}


@media only screen and (min-width: 320px) and (max-width: 565px) {
#orderTable_wrapper .col-sm-5, #orderTable_wrapper .col-sm-7{
    width: 100%;
}
}
div.dataTables_wrapper div.dataTables_paginate {
    text-align: right !important;
    width: 100%;
}


@media only screen and (min-width: 320px) and (max-width: 480px){
.newparceldiv.emptyParcelDiv.parcel-space-none {
    padding: 6px;
} 
}

.form-group.new-lab.inputContainer {
    margin-bottom: 0;
}
.form_group_new_lab {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
.lab_inputContaints {
    margin: 0px 5px 5px 5px;
    display: inline-block;
}
.lab_inputContaints label {
    margin-bottom: 0;
    padding-right: 3px;
    font-size: 12px;
    letter-spacing: 0.3px;
    font-family: arial, serif;
}



@media only screen and (min-width: 320px) and (max-width: 568px) and (orientation: portrait) {
.lab_inputContaints {
    margin: 0px 5px 5px 2px;
}
}
@media only screen and (min-width: 320px) and (max-width: 568px) and (orientation: landscape) {
.lab_inputContaints {
    margin: 0px 5px 5px 2px;
}
}

@media only screen and (min-width: 320px) and (max-width: 480px) {
.lab_inputContaints label {
    width: 48px;
}
.lab_inputContaints {
    width: 46.9%;
}
}

#carriertable td .switches{
    width: 30px;
    padding-right: 0 !important;
}


/*Dashboard 4-8-2021*/
.dashboard_contener {
    display: inline-block;
    width: 100%;
    margin-top: 24px;
}
.dashboard_row {
    margin-bottom: 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: self-end;
}
.dashboard_full-width {
    background: #fff;
    margin-bottom: 10px;
    padding: 15px 15px 24px 15px;
    display: inline-block;
    width: 100%;
}

.dashboard_main_row{
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.dash-head{}
.dash-head span {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.5px;
    margin-bottom: 7px;
    display: inline-block;
}
.dash-head p{
    font-family:'Roboto', sans-serif;
    font-size: 18px;
    color: #12034e;
    margin-bottom: 0;
}
.dashboard_box{
    border: 1px solid #e4e4e4;
    width: 16%;
    margin: 4px 4px 10px 4px;
    display: flex;
    justify-content: space-between;
    padding: 5px;
    position: relative;
    /*z-index: 9;
    overflow: hidden;*/
}
.dashboard_box a{
    /*border: 1px solid #e4e4e4;*/
    width: 100%;
    /*margin: 4px 4px 10px 4px;*/
    display: flex;
    justify-content: space-between;
    /*padding: 5px;*/
    position: relative;
    z-index: 9;
    overflow: hidden;
}
.dashboard_modal-left{
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.dash_icon{
    text-align: center;
    margin-right: 5px;
}
.dash_icon img{
    width: 32px;
    padding: 2px;
}
.dash_icon i{
    color: #fff;
    width: 35px;
    height: 35px;
    background: green;
    border-radius: 100%;
    vertical-align: middle;
    display: flex;
    align-items: center;
    justify-content: center;
}
.dash_text{
    width: 62%;
}
.dashboard_modal-right{
    width: 18%;
    display: none;
}
.large-icon{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}
.large-icon img{
    width: 35px;
    padding: 2px;
}
.dash_number{
    font-size: 24px;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
}
.dash_name{
    font-size: 13px;
    font-family: 'Poppins', sans-serif;
}
.dash_icon.color-a{
    background: #6bbd66;
    padding: 2px;
    border-radius: 100%;
    width: 50px;
    height: 50px;
    justify-content: center;
    align-items: center;
    display: flex;
}
.dash_icon.color-b{
    background: #536dd8;
    padding: 2px;
    border-radius: 100%;
    width: 50px;
    height: 50px;
    justify-content: center;
    align-items: center;
    display: flex;
}
.dash_icon.color-c{
    background: #dcac1c;
    padding: 2px;
    border-radius: 100%;
    width: 50px;
    height: 50px;
    justify-content: center;
    align-items: center;
    display: flex;
}
.dash_icon.color-d{
    background: #ff987b;
    padding: 2px;
    border-radius: 100%;
    width: 50px;
    height: 50px;
    justify-content: center;
    align-items: center;
    display: flex;
}
.dash_icon.color-e{
    background: #37cdd4;
    padding: 2px;
    border-radius: 100%;
    width: 50px;
    height: 50px;
    justify-content: center;
    align-items: center;
    display: flex;
}
.dash_icon.color-f{
    background: #7f49b1;
    padding: 2px;
    border-radius: 100%;
    width: 50px;
    height: 50px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.dash_icon.color-j{
    background: #ab5d60;
    padding: 2px;
    border-radius: 100%;
    width: 50px;
    height: 50px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.dash_icon.color-i{
    background: #6e23b3;
    padding: 2px;
    border-radius: 100%;
    width: 50px;
    height: 50px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.dash_icon.color-k{
    background: #93857e;
    padding: 2px;
    border-radius: 100%;
    width: 50px;
    height: 50px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.dash_icon.color-l{
    background: #bb1b1b;
    padding: 2px;
    border-radius: 100%;
    width: 50px;
    height: 50px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.dash_icon.color-b img {
    width: 39px;
}
.dash_icon.color-c img {
    width: 39px;
}
.dash_icon.color-d img {
    width: 39px;
}
.dash_icon.color-f img {
    width: 39px;
}
.sin-line{
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 70px;
    z-index: 0;
    overflow: hidden;
    display: none;
}
.sin-line:after {
    content: " ";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    background: #f1f1f1;
    transform-origin: bottom left;
    -ms-transform: skew(-30deg, 0deg);
    -webkit-transform: skew(-30deg, 0deg);
     transform: skew(-30deg, 0deg);
 }

.dashboard_section_1 {
    background: #fff;
    margin-bottom: 10px;
    padding: 8px 15px 10px 15px;
    display: inline-block;
    width: 100%;
}
.dashboard_section_min{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    flex-wrap: wrap;
}
.dashboard_section_head {}
.dashboard_section_head p {
    font-family: 'Poppins', sans-serif;
    font-size: 20px;
    color: #12034e;
    margin-bottom: 0;
    font-weight: 600;
    letter-spacing: 0.5px;
}
.dashboard_section_menu {}
.button-box{}
.btn-group.btn-group-x.calander-width-set{}
.button-box .cnt_flex_box{ 
    width: 100%;
    margin-bottom: 0;
    letter-spacing: 0.9px;
    font-weight: 600;
    font-size: 13px;
 }
.button-box button{
    background: #fff;
    border: 1px solid #c3c3c3;
    padding: 7px 25px 6px 25px;
    text-align: center;
    display: block;
    font-size: 14px;
    letter-spacing: 0.5px;
    outline: none;
    border-radius: 3px;
    color: #3e3e3e;
    transition: all 0.5s;
}
.button-box button:hover{
    border: 1px solid #ef6362;
}
/*.button-box button{
    background: #fff;
    border: 1px solid #c3c3c3;
    padding: 7px 25px 6px 25px;
    text-align: center;
    display: block;
    font-size: 14px;
    letter-spacing: 0.5px;
    outline: none;
    border-radius: 3px;
    color: #3e3e3e;
    transition: all 0.5s;
}
.button-box button:hover{
    border: 1px solid #ef6362;
}*/
/*.yes-no{
    display: inline-block;
    position: relative;
    top: 2px;
    left: 10px;
}
.yes-no a{}
.yes-no a.yes-button{}
.yes-no a.yes-button i{
    color: #6bbd66;
    font-size: 16px;
}

.yes-no a.no-button{}
.yes-no a.no-button i{
    color: #ef6362;
    font-size: 16px;
}
      */  
.button-box_calander{
    width: max-content !important;
    max-width: 224px !important;
    border: 1px solid #12034e;
    background: #fff;
    cursor: pointer;
    padding: 8px 8px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    border-radius: 3px;
} 


.dashboard_section_3 {
    background: #fff;
    margin-bottom: 10px;
    padding: 15px 15px 15px 15px;
    display: inline-block;
    width: 100%;
}
.dashboard_section_3_min{
    display: inline-block;
    width: 100%;
}
.dashboard_section_3_head {
    background: #12034e;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    text-align: center;
    margin-bottom: 0px;
    padding: 10px;
}
.dashboard_section_3_head p {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    color: #fff;
    margin-bottom: 0;
    font-weight: 600;
    letter-spacing: 0.5px;
    text-align: left;
}
.dashboard_section_3_menu {
    display: flex;
    justify-content: space-between;
    width: 100%;
    flex-wrap: wrap;
    margin-bottom: 10px;
} 
.button-box_1{
    /*border: 1px solid;*/
    width: 100%;
    margin-right: 10px;
    border-radius: 5px;
    margin-top: 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
     align-items: baseline;
} 
.total_container{
    width: 48%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.total-span-box{
    width: 48%;
    margin: 5px;
    padding: 10px;
    border: 1px solid #dedede;
    box-shadow: 0px 3px 6px 2px #dcdcdc;
}
.total_label{
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.5px;
    color: #12034e85;
    font-family: 'Poppins', sans-serif;
    padding-bottom: 15px;
}
.total_valu{
    font-size: 22px;
    font-weight: 600;
    color: #12034e;
}
.total_valu i{}


.button-box_2{
    width: 48%;
    margin-right: 10px;
    border-radius: 5px;
    margin-top: 10px;
    border: 1px solid #eaeaea;
    box-shadow: 0px 4px 9px 2px #dcdcdc;
}
                        
.button-box_3{
    border: 1px solid #eaeaea;
    box-shadow: 0px 4px 9px 2px #dcdcdc;
    width: 30%;
    border-radius: 5px;
    margin-top: 10px;
}
center.all-padding {
    padding: 0 15px 15px 15px;
}
.total_price_container{
    width: 48%;
    margin: 5px;
    padding: 10px;
    border: 1px solid #dedede;
    box-shadow: 0px 3px 6px 2px #dcdcdc;
}
.main-cont-details{
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 10px;
}

.invoice-page-heading{
    width: 100%;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.5px;
    margin-bottom: 5px;
}
.address-list-details{
    width: 100%;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.5px;
    margin: 3px 0 0px 0;
    color: #333;
}
.address-list-details span{
    font-size: 14px;
    font-weight: normal;
    padding-left: 20px;
}
.price-list-details{
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 6px;
    border-bottom: 1px solid #eee;
}
.price-list-d_left{
    width: 48%;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 0.5px;
    color: #ef6362;
}
.price-list-d_left p{
    font-size: 14px;
    color: #6d6d6d;
    font-weight: normal;
}
.price-list-d_right{
    width: 48%;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 0.5px;
    text-align: right;
    color: #14a032;
}
.price-list-d_right p{
    font-size: 14px;
    color: #6d6d6d;
    font-weight: normal;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
.dashboard_box {
    width: 32%;
}
.total-span-box {
    width: 47%;
}
.button-box_2 {
    width: 47%;
}
.total_label {
    font-size: 12px;
}
.total_valu {
    font-size: 18px;
}
.total_container{
    width: 100%;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
.dashboard_modal-left {
    width: 100%;
}
.total-span-box {
    width: 47%;
}
.button-box_1 {
    width: 100%;
}
.total_container{
    width: 100%;
}
.total_price_container {
    width: 47%;
}
.invoice-page-heading {
    font-size: 16px;
}
.price-list-d_right {
    font-size: 18px;
}
.price-list-d_left {
    font-size: 18px;
}
.dashboard_modal-right {
    display: none;
}
.sin-line {
    display: none;
}
}                 

@media only screen and (min-width: 1200px) and (max-width: 1279px) {
.dashboard_box {
    width: 24%;
}
.button-box_1 {
    width: 100%;
}
.button-box_2 {
    width: 48%;
}
.button-box_3 {
    width: 24%;
}
.total_container{
    width: 48%;
}
.total_price_container {
    width: 48%;
}
}
@media only screen and (min-width: 1280px) and (max-width: 1300px) {
.dashboard_box {
    width: 24%;
}
.button-box_1 {
    width: 100%;
}
.button-box_2 {
    width: 48%;
}
.button-box_3 {
    width: 24%;
}
.total_container{
    width: 48%;
}
.total_price_container {
    width: 48%;
}
}
@media only screen and (min-width: 1301px) and (max-width: 1365px) {
.dashboard_box {
    width: 24%;
}
.button-box_1 {
    width: 100%;
}
.button-box_2 {
    width: 48%;
}
.button-box_3 {
    width: 24%;
}
.total_container{
    width: 48%;
}
}
@media only screen and (min-width: 1366px) and (max-width: 1440px) {
.dashboard_box {
    width: 16%;
}
.dash_icon img {
    width: 30px;
}
.dash_icon.color-a {
    width: 44px;
    height: 44px;
}
.dash_icon.color-b {
    width: 44px;
    height: 44px;
}
.dash_icon.color-c {
    width: 44px;
    height: 44px;
}
.dash_icon.color-d {
    width: 44px;
    height: 44px;
}
.dash_icon.color-e{
    width: 44px;
    height: 44px;
}
.dash_icon.color-f {
    width: 44px;
    height: 44px;
}
.large-icon img {
    width: 28px;
    padding: 0px;
}
.dashboard_modal-right {
    width: 14%;
}
.dashboard_modal-left {
    width: 85%;
}
.dash_name {
    font-size: 13px;
}
.sin-line {
    width: 50px;
}
.dash_icon.color-d img {
    width: 33px;
}
.dash_icon.color-c img {
    width: 33px;
}
.dash_icon.color-b img {
    width: 33px;
}
.dash_icon.color-f img {
    width: 33px;
}

.button-box_1 {
    width: 100%;
}
.button-box_2 {
    width: 48%;
}
.button-box_3 {
    width: 24%;
}
.total_container{
    width: 48%;
}
.total_price_container {
    width: 48%;
}
}
.date-drop{
    margin: 10px 10px 0px 0px;
    display: flex;
    float: right;
}
.date-drop select{
    border: 1px solid #d0d0d0;
    border-radius: 3px !important;
    font-size: 12px;
    letter-spacing: 0.5px;
    font-weight: 600;
    font-family: arial, sans-serif;
    padding: 6px 15px;
    outline: none;
    box-shadow: 0px 2px 4px 1px #dcdcdc;
}
.date-drop select:focus{}

li.previous.disabled a {
    opacity: 0.5;
}

li.next.disabled a {
    opacity: 0.5;
}

a.previous.disabled{
    opacity: 0.5;
}

a.next.disabled {
    opacity: 0.5;
}
.shipmentDetail .panel-body {
    padding: 8px;
}


@media only screen and (min-width: 320px) and (max-width: 568px) and (orientation: portrait){
.dashboard_box {
    width: 100%;
}
.total_container {
    width: 100%;
}
.total_price_container {
    width: 100%;
}
.total-span-box {
    width: 100%;
}
.button-box_2 {
    width: 100%;
}
.button-box_3 {
    width: 100%;
}
}
@media only screen and (min-width: 568px) and (max-width: 568px) and (orientation: landscape){
.dashboard_box {
    width: 48%;
}
.total_container {
    width: 100%;
}
.total_price_container {
    width: 100%;
}
.total-span-box {
    width: 48%;
}
.button-box_2 {
    width: 100%;
}
.button-box_3 {
    width: 100%;
}
}

@media only screen and (min-width: 360px) and (max-width: 640px) and (orientation: portrait){
.dashboard_box {
    width: 100%;
}
.total_container {
    width: 100%;
}
.total_price_container {
    width: 100%;
}
.total-span-box {
    width: 100%;
}
.button-box_2 {
    width: 100%;
}
.button-box_3 {
    width: 100%;
}
}
@media only screen and (min-width: 640px) and (max-width: 640px) and (orientation: landscape){
.dashboard_box {
    width: 48%;
}
.total_container {
    width: 100%;
}
.total_price_container {
    width: 100%;
}
.total-span-box {
    width: 48%;
}
.button-box_2 {
    width: 100%;
}
.button-box_3 {
    width: 100%;
}
}

@media only screen and (min-width: 375px) and (max-width: 667px) and (orientation: portrait){
.dashboard_box {
    width: 100%;
}
.total_container {
    width: 100%;
}
.total-span-box {
    width: 100%;
}
.button-box_2 {
    width: 100%;
}
.button-box_3 {
    width: 100%;
}
}
@media only screen and (min-width: 667px) and (max-width: 667px) and (orientation: landscape){
.dashboard_box {
    width: 48%;
}
.total_container {
    width: 100%;
}
.total_price_container {
    width: 100%;
}
.total-span-box {
    width: 48%;
}
.button-box_2 {
    width: 100%;
}
.button-box_3 {
    width: 100%;
}
}

@media only screen and (min-width: 375px) and (max-width: 812px) and (orientation: portrait){
.dashboard_box {
    width: 100%;
}
.total_container {
    width: 100%;
}
.total-span-box {
    width: 100%;
}
.button-box_2 {
    width: 100%;
}
.button-box_3 {
    width: 100%;
}
}
@media only screen and (min-width: 812px) and (max-width: 812px) and (orientation: landscape){
.dashboard_box {
    width: 32%;
}
.total_container {
    width: 100%;
}
.total_price_container {
    width: 100%;
}
.total-span-box {
    width: 47%;
}
.button-box_3 {
    width: 48%;
}
}

@media only screen and (min-width: 411px) and (max-width: 823px) and (orientation: portrait){
.dashboard_box {
    width: 100%;
}
.total_container {
    width: 100%;
}
.total-span-box {
    width: 47%;
}
.button-box_2 {
    width: 100%;
}
.button-box_3 {
    width: 100%;
}
}
@media only screen and (min-width: 823px) and (max-width: 823px) and (orientation: landscape){
.dashboard_box {
    width: 32%;
}
.total_container {
    width: 100%;
}
.total-span-box {
    width: 47%;
}
.button-box_3 {
    width: 48%;
}
}

@media only screen and (min-width: 411px) and (max-width: 731px) and (orientation: portrait){
.dashboard_box {
    width: 100%;
}
.total_container {
    width: 100%;
}
.total-span-box {
    width: 47%;
}
.button-box_2 {
    width: 100%;
}
.button-box_3 {
    width: 100%;
}
}
@media only screen and (min-width: 731px) and (max-width: 731px) and (orientation: landscape){
.dashboard_box {
    width: 32%;
}
.total_container {
    width: 100%;
}
.total_price_container {
    width: 100%;
}
.total-span-box {
    width: 48%;
}
.button-box_3 {
    width: 48%;
}
.button-box_2{
    width: 100%;
}
}
@media only screen and (min-width: 414px) and (max-width: 736px) and (orientation: portrait){
.dashboard_box {
    width: 100%;
}
.total_container {
    width: 100%;
}
.total-span-box {
    width: 100%;
}
.button-box_2 {
    width: 100%;
}
.button-box_3 {
    width: 100%;
}
}
@media only screen and (min-width: 736px) and (max-width: 736px) and (orientation: landscape){
.dashboard_box {
    width: 32%;
}
.total_container {
    width: 100%;
}
.total_price_container {
    width: 100%;
}
.total-span-box {
    width: 48%;
}
.button-box_3 {
    width: 48%;
}
.button-box_2{
    width: 100%;
}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait){
.dashboard_box {
    width: 32%;
}
.total_container {
    width: 100%;
}
.total_price_container {
    width: 100%;
}
.total-span-box {
    width: 47%;
}
.button-box_3 {
    width: 100%;
}
.button-box_2{
    width: 100%;
}
}
@media only screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: landscape){
.dashboard_box {
    width: 32%;
}
.total_container {
    width: 48%;
}
.total-span-box {
    width: 47%;
}
.button-box_3 {
    width: 48%;
}
.total_valu {
    font-size: 20px;
}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape){
.dashboard_box {
    width: 23.5%;
}
}

@media only screen and (min-width: 1200px) and (max-width: 1279px){
.button-box_3 {
    width: 48%;
}
}

@media only screen and (min-width: 1280px) and (max-width: 1365px){
.button-box_3 {
    width: 40%;
}
}

.businessSetting{
    display: inline-block;
    width: 100%;
    margin-top: 24px;
    background: #fff;
    padding: 2em 3em;
}
.businessSetting_row{
    margin-bottom: 0;
    width: 100%;
    display: inline-block;
}
}
.businessSetting_section_1{
    background: #fff;
    margin-bottom: 10px;
    padding: 15px 15px 15px 15px;
    display: inline-block;
    width: 100%;
}
.businessSetting_section_head{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    flex-wrap: wrap;
}
.businessSetting_section_head p{
    font-family: 'Poppins', sans-serif;
    font-size: 22px;
    color: #12034e;
    margin-bottom: 0;
    font-weight: 600;
    letter-spacing: 0.5px;
}
.setting-page-main{}
.setting-page-inner{}
.intSetting{
    margin-top: 20px;
    display: table;
    width: 100%;
    border: 1px solid #e7e8e8;
    border-radius: 5px;
    background-color: #fff;
}
.intSetting-left{
    padding: 30px;
    line-height: 2;
    width: 68%;
    display: table-cell;
}
.intSetting-right{
    width: 30%;
}

.intSettingText{
    font-size: 18px;
    vertical-align: top;
    font-weight: 600;
}

.intSettingHelp{}
.intSettingHelp p{
    line-height: 1.6;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 15px;
    color: #333;
}
.intSetting-right{
    background-color: #f8f9f9;
    vertical-align: middle;
    text-align: center;
    display: table-cell;
}
.intSetting-right select{
    background-color: #fff;
    border: 1px solid #a8a9aa;
    height: 44px;
    vertical-align: middle;
    padding: 0 12px;
    border-radius: 3px !important;
    -webkit-tap-highlight-color: transparent;
    line-height: 44px;
    width: 70%;
    font-size: 15px;
}
.intSetting-right select:focus{
    border: 1px solid #243147;
}
.intSetting-right select option {
    padding: 6px;
}

.intSetting-right input{
    background-color: #fff;
    border: 1px solid #a8a9aa;
    height: 44px;
    vertical-align: middle;
    padding: 0 12px;
    border-radius: 3px !important;
    -webkit-tap-highlight-color: transparent;
    line-height: 44px;
    width: 70%;
    font-size: 15px;
}
.intSetting-right input:focus{
    border: 1px solid #243147;
}



a.button-track{
    background: #3e51bf;
    padding: 4px 15px;
    border-radius: 3px;
}





/*22-sep-2022*/
.prealert_container {
    display: flex;
    flex-wrap: wrap;
    padding: 10px;
    align-items: center;
}
.prealert_container_inner_A {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.prealert_container_input{
    margin: 5px 10px 10px 0px;
}
.prealert_container_input input {
    border-radius: 2px !important;
    background-color: #ef6362;
    border-color: transparent !important;
    color: #fff;
    margin: 0;
    font-size: 14px;
    letter-spacing: 0.5px;
    transition: all 0.5s;
    width: 100%;
    padding: 5px 15px;
    outline: none;
}
.prealert_container_input input:hover {
    background-color: #12034e;
    color: #fff;
    border-color: transparent !important;
}
.prealert_container_inner_B{
    position: relative;
    width: 475px;
}

.table_contaner_padding{
    padding: 10px;
}
.alert.alert-success2.alert-dismissible.alert_link {
    color: #12034e !important;
    background-color: #478f2936 !important;
    border-color: #478f291c !important;
    position: absolute;
    margin-bottom: 0;
    top: -18px;
    left: 0px;
    letter-spacing: 0.5px;
    border-width: 1px!important;
}
.alert-dismissable.alert_link .close, .alert-dismissible.alert_link .close {
    top: -12px!important;
    background-color: #12034e;
    opacity: 1;
    color: #fff!important;
    height: 25px;
    width: 25px;
    border-radius: 40px;
    position: absolute!important;
    right: -11px!important;
    text-align: center;
    padding-top: 1px;
}

@media only screen and (min-width: 320px) and (max-width: 991px){
.prealert_container_inner_A {
    width: 100%;
}
.prealert_container_inner_B {
    width: 100%;
}
.alert.alert-success2.alert-dismissible.alert_link {
    position: relative;
    top: 0;
    left: 0px;
}
.prealert_container_input {
    margin: 4px 8px 4px 0px;
}
}

@media only screen and (min-width: 992px) and (max-width: 1180px){
.prealert_container_inner_B {
    width: 50%;
}
}

.modal-content {
    display: inline-block;
}
.modal-content.modal_cont_reset{
    display: block;
}



.modal_contaner_width{}
.modal-content.modal_section_c{
    width: 100%;
}
.modal-header.header_section_c{
    position: relative;
    background: #33225a;
}
.import-header.import_section_c button i {
    background: #ef6362;
}
.import-header.import_section_c{
    position: absolute;
    right: 14px;
    top: 14px;
    z-index: 0;
    border: 1px solid;
    width: 28px;
}
.import-header.import_section_c button{}
.modal-title.text_modal_color{
    color: #fff;
}
.modal-body.bosy_section{
    overflow: auto;
    height: 70vh;
    padding: 25px 26px 25px 26px !important;
}

@media (min-width: 320px){
.modal_contaner_width {
    margin: 30px 10px !important;
}
}
@media (min-width: 768px){
.modal-dialog.modal_contaner_width {
    width: 450px;
    margin: 30px auto !important;
}
}
.form-group.button_select_c{
    text-align: right;
}
.form-group.button_select_c button{
    border: none;
    padding: 6px 12px;
    border-radius: 3px;
    font-size: 14px;
    letter-spacing: 0.6px;
    margin: 4px 2px;
    outline: none;
    transition: all 0.5s;
}
.form-group.button_select_c button.btn_red_color{
    background: #ef6362;
    color: #fff;
}
.form-group.button_select_c button.btn_red_color:hover{
    background: #12034e;
    color: #fff;
}
.form-group.button_select_c button.dynamic_color_btn{
    background: #12034e;
    color: #fff;
}
.form-group.button_select_c button.dynamic_color_btn:hover{
    background: #ef6362;
}






















.modal_contaner_wth_2{}
.modal-content.modal_section_D{
    width: 100%;
}
.modal-header.header_section_D{
    position: relative;
    background: #33225a;
}
.import-header.import_section_D button i {
    background: #ef6362;
}
.import-header.import_section_D{
    position: absolute;
    right: 14px;
    top: 14px;
    z-index: 0;
    width: 28px;
}
.import-header.import_section_D button{}
.modal-title.text_modal_color_D{
    color: #fff;
}
.modal-body.bosy_section_D{
    overflow: auto;
    height: 70vh;
    padding: 15px 26px 25px 26px !important;
}

@media (min-width: 320px){
.modal_contaner_wth_2 {
    margin: 30px 10px !important;
}
}
@media (min-width: 768px){
.modal-dialog.modal_contaner_wth_2 {
    width: 480px;
    margin: 30px auto !important;
}
}
.form-group.button_select_D{
    text-align: right;
}
.footer_btn_D{
    text-align: right;
    border-top: 1px solid #d3d3d3;
    padding-top: 3px;
}
.footer_btn_D button{
    border: none;
    padding: 6px 12px;
    border-radius: 3px;
    font-size: 14px;
    letter-spacing: 0.6px;
    margin: 4px 2px;
    outline: none;
    transition: all 0.5s;
}
.footer_btn_D button.dynamic_color_btn_F{
    background: #12034e;
    color: #fff;
}
.footer_btn_D button.dynamic_color_btn_F:hover{
    background: #ef6362;
}
.inputRow.stor_row button{
    border: none;
    padding: 6px 12px;
    border-radius: 3px;
    font-size: 14px;
    letter-spacing: 0.6px;
    margin: 4px 2px;
    outline: none;
    transition: all 0.5s;
}
.inputRow.stor_row button.dynamic_color_btn_D{
    background: #12034e;
    color: #fff;
}
.inputRow.stor_row button.dynamic_color_btn_D:hover{
    background: #ef6362;
}


.inputRow.stor_row button.btn_red_color_D{
    background: #ef6362;
    color: #fff;
}
.inputRow.stor_row button.btn_red_color_D:hover{
    background: #12034e;
    color: #fff;
}
.dt_table_box_min{}
.input_group_stor{}
.inputRow.stor_row{
    padding: 0;
    margin-bottom: 15px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
}
.inputRow.stor_row input{
    border: 1px solid #c1c1c1;
    border-radius: 3px;
    padding: 7px;
    background: #fff;
    outline: none;
    width: 74% !important;
}
.inputRow.stor_row input:focus{
    border: 1px solid #333;
}




.table_row_sec{}
.table_row_sec input{
    border: 1px solid #c1c1c1;
    border-radius: 3px;
    padding: 7px;
    background: #fff;
    outline: none;
    width: 100%;
}
.table_row_sec input:focus{
    border: 1px solid #333;
}


.table_row_icon{
    display: inline-flex;
    width: 100%;
}
.table_row_icon a{
    font-size: 12px;
    /*display: inline-block;*/
    padding: 3px;
    border: 1px solid #bfbfbf;
    width: 25px;
    height: 25px;
    margin-right: 4px;
    text-align: center;
    border-radius: 100%;
    background: whitesmoke;
    text-decoration: none;
    transition: all 0.5s;
    cursor: pointer;
}
.table_row_icon a:hover{
    background: #ef6362;
    color: #fff;
    border: 1px solid #ef6362;
}

.dropdown.creatshipment.hiddenMobile_view button .none_mob{
    display: none;
}


@media only screen and (min-width: 320px) and (max-width: 480px){
.dropdown.creatshipment.hiddenMobile_view button .none_mob{
    display: block;
}
.dropdown.creatshipment.hiddenMobile_view button .none_mob img{
    width: 16px;
}
.dropdown.creatshipment.hiddenMobile_view button .text_btn_none{
    display: none;
}
.dropdown.creatshipment.hiddenMobile_view.mobile_show_view{
    left: 23px;
}
}
/*22-sep-2022*/









@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation:portrait) {
.col-headding h4 {
    width: 100px;
}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
.col-headding h4 {
    width: 100px;
}
}

/*26-apr-2023*/
.emailText_container {
    /*    display: inline-flex;*/
    width: 100%;
    flex-wrap: wrap;
}
.emailText_container.space_top_end{
    display: grid;
    grid-template-columns: 73% 26%;
}
.from_a {
    margin-right: 6px;
    display: inline-block;
}
.from_b {
    width: 100%;
}
.email_and_text {
    width: 100%;
}
.email_and_text div {
    margin-bottom: 3px;
    font-size: 12px;
    font-weight: 500;
    color: #000;
    font-family: 'Poppins', sans-serif;
    letter-spacing: 0.5px;
}
.email_and_text div input {
    width: 100%;
    border: 1px solid #12034e;
    border-radius: 3px;
    padding: 6px 4px;
    font-size: 12px;
    color: #000;
    outline: none;
}
.button_save {
    display: inline-flex;
    align-items: flex-end;
    width: 100%;
    margin-bottom: 3px;
}
.button_save button {
    margin: 0 2px;
    font-size: 13px;
    padding: 5px 8px;
}
.button_save_new{}
.button_save_new input{
    margin: 0 3px;
    font-size: 12px;
    margin-bottom: 3px;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
    letter-spacing: 0.5px;
}
.delivery_address.deliivery_two_new {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between;
}
.row.coll_width {
    width: 48.8%;
}
/*26-apr-2023*/

/*18-MAY-2023 Book Shipment Parcel Filter Drop Down Search*/
.demo-select-header input::placeholder{
    color: #ef6362;
    font-size: 14px;
}
label.container2.margin_top_creatSapce {
    margin-top: 8px;
}
.new-filter.filter_wrapper{;
    width: 100%;
    margin-top: 10px;
}
.new-filter.filter_wrapper .dropdown {
    padding: 0;
    margin-bottom: 5px;
}
.new-filter.filter_wrapper .dropdown {
    padding: 0;
}
.new-filter.filter_wrapper  .dropdown.grid-sorting.Columns_grid{}
.new-filter.filter_wrapper .dropdown.grid-sorting.Columns_grid button {
    margin-top: 0;
    background: #ef6362;
    color: #fff !important;
    border: none !important;
    border-radius: 34px;
    padding: 4px 14px !important;
    display: inline-block;
}
.rename-group.block-level.filter_select_position{
     margin-top: 0;
}
.rename-group.block-level.filter_select_position select{
    height: 27px;
    margin-top: 0;
}
.new-filter.oreder-re>.btn-group>.btn:first-child {
    margin-left: 0;
}
@media only screen and (min-width: 320px) and (max-width: 567px){
.pickup_address h4 {
    font-size: 15px;
    margin-bottom: 0;
}
.row-flex-group-1 {
    width: 100%;
    max-width: inherit;
    margin-bottom: 5px;
}
.row-flex-group-2 {
    width: 80%;
}
.row-flex-group-3 {
    width: 18%;
}
.form_group_ckd .checkmark2.new_check_add {
    top: 1px;
    left: 0;
}
.sameday-p h4 {
    margin-top: 25px;
}
.button-box_1 {
    margin-right: 0;
}
.invoice-page-heading {
    font-size: 16px;
    letter-spacing: 0.3px;
    margin-bottom: 2px;
}
.price-list-d_left {
    font-size: 18px;
    letter-spacing: 0.3px;
}
.price-list-d_right {
    font-size: 18px;
    letter-spacing: 0.3px;
}
.dashboard_section_1 {
    padding: 8px 15px 10px 15px;
}
.button-box_1 {
    margin-top: 0px;
}
.dashboard_section_3_head {
    padding: 6px;
}
.dashboard_section_3_head p {
    font-size: 15px;
}
.dashboard_section_head p {
    font-size: 18px;
    letter-spacing: 0.3px;
}
.dashboard_modal-right {
    display: none;
}
.sin-line {
    display: none;
} 
.dashboard_modal-left {
    width: 100%;
}
.dash_icon {
    margin-right: 15px;
}
}

@media only screen and (min-width: 568px) and (max-width: 992px){
.dashboard_modal-right {
    display: none;
}
.sin-line {
    display: none;
} 
.dashboard_modal-left {
    width: 100%;
}
.dash_icon {
    margin-right: 10px;
}
.total_valu {
    font-size: 20px;
}
.invoice-page-heading {
    font-size: 16px;
}
.price-list-d_right {
    font-size: 18px;
}
.price-list-d_left {
    font-size: 18px;
}
.dashboard_section_3_head p {
    font-size: 15px;
}
.dashboard_section_3_head {
    padding: 5px 8px;
}
.dashboard_section_head p {
    font-size: 18px;
    letter-spacing: 0.3px;
}
}

@media only screen and (min-width: 568px) and (max-width: 767px) and (orientation: landscape){
.button-box_3 {
    width: 100%;
}
.button-box_3 .js-plotly-plot .user-select-none.svg-container {
    width: 100% !important;
}
.dashboard_main_row {
    justify-content: space-between;
}
}

@media only screen and (min-width: 360px) and (max-width: 740px) and (orientation: landscape){
.total_container {
    width: 100%;
}
.button-box_3 {
    width: 100%;
}
.total_price_container {
    width: 100%;
    margin: 5px 0;
}
.button-box_3 .js-plotly-plot .user-select-none.svg-container {
    width: 100% !important;
}
.dashboard_box {
    width: 48%;
}
.total-span-box {
    width: 48%;
    margin: 5px 0;
}
.total_valu {
    font-size: 18px;
}
.invoice-page-heading {
    font-size: 15px;
}
.price-list-d_right {
    font-size: 16px;
}
.price-list-d_left {
    font-size: 16px;
}
.button-box_2 {
    width: 100%;
    margin-right: 0;
}
.dashboard_main_row {
    justify-content: space-between;
}
}

@media only screen and (min-width: 820px) and (max-width: 992px) and (orientation: landscape){
.button-box_3 {
    width: 48%;
}
.button-box_3 .js-plotly-plot .user-select-none.svg-container {
    width: 100% !important;
}
}

@media only screen and (min-width: 820px) and (max-width: 992px) and (orientation: landscape){
.dashboard_box {
    border: 1px solid #e4e4e4;
    width: 30%;
    margin: 4px 4px 10px 4px;
    display: flex;
    justify-content: space-between;
    padding: 5px;
    position: relative;
}
}


@media only screen and (min-width: 820px) and (max-width: 1180px) and (orientation: landscape) {
.dashboard_modal-left {
    width: 100%;
}
.total-span-box {
    width: 46%;
}
.button-box_1 {
    width: 100%;
}
.total_container{
    width: 47%;
}
.total_price_container {
    width: 47%;
}
.invoice-page-heading {
    font-size: 16px;
}
.price-list-d_right {
    font-size: 18px;
}
.price-list-d_left {
    font-size: 18px;
}
.dashboard_modal-right {
    display: none;
}
.sin-line {
    display: none;
}
.dashboard_box {
    width: 23.5%;
}
.total_valu {
    font-size: 20px;
}
.button-box_3 {
    width: 48%;
}
} 

@media only screen and (min-width: 1280px) and (max-width: 1365px) { 
.dashboard_modal-right {
    display: none;
}
.sin-line {
    display: none;
}
.dashboard_modal-left {
    width: 100%;
}
.dashboard_box {
    width: 18.5%;
}
}

@media only screen and (min-width: 1280px) and (max-width: 1365px) { 
.dashboard_modal-right {
    display: none;
}
.sin-line {
    display: none;
}
.dashboard_modal-left {
    width: 100%;
}
.dashboard_box {
    width: 18.5%;
}
.button-box_3 {
    width: 48%;
}
}

@media only screen and (min-width: 1366px) and (max-width: 1440px) { 
.dashboard_modal-right {
    display: none;
}
.sin-line {
    display: none;
}
.dashboard_modal-left {
    width: 100%;
}
.dashboard_box {
    width: 19%;
}
.button-box_3 {
    width: 48%;
}
}


@media only screen and (min-width: 390px) and (max-width: 844px) and (orientation: landscape) {
.total-span-box{
    width: 47%;
}
.dashboard_box {
    width: 32%;
}
.button-box_3 {
    width: 47%;
}
}

@media only screen and (min-width: 320px) and (max-width: 568px) and (orientation: landscape){
.button-box_3 {
    width: 100%;
}
.dashboard_box {
    width: 48%;
}
}

@media only screen and (min-width: 360px) and (max-width: 740px) and (orientation: landscape){
.total_container {
    width: 100%;
}
.button-box_3 {
    width: 100%;
}
.total_price_container {
    width: 100%;
    margin: 5px 0;
}
}

@media only screen and (min-width: 320px) and (max-width: 567px){
.new-filter.oreder-re.max-content-button button {
    padding: 3px 4px !important;
    font-size: 12px !important;
}
.new-filter.oreder-re.max-content-button .btn-group.btn-group-x select {
    max-width: 115px;
    font-size: 12px;
}
.new-filter.oreder-re.max-content-button .btn-group.btn-group-x {
    margin-right: 4px;
}
.new-filter.oreder-re.max-content-button .btn-group.btn-group-x.calander-width-set span{
    font-size: 12px;
}
.new-filter.oreder-re.max-content-button .btn-group.btn-group-x.calander-width-set {
    width: 183px !important;
}
.new-filter.oreder-re.max-content-button button i:first-child {
    width: 14px;
}
.new-filter.oreder-re.max-content-button button {
    margin: 0px 3px 5px 0px;
}
.btn-group.btn-group-x.mobile-view-off {
    width: 48%;
}
.dropdown-Mobile_view .btn-group.mobile-view-off select {
    width: 100%;
    max-width: initial !important;
}
}

@media only screen and (min-width:414px) and (max-width: 896px) and (orientation: landscape){
.new-filter.oreder-re.max-content-button button {
    padding: 3px 4px !important;
    font-size: 13px !important;
}
.new-filter.oreder-re.max-content-button .btn-group.btn-group-x select {
    font-size: 13px;
}
.new-filter.oreder-re.max-content-button .btn-group.btn-group-x.calander-width-set span{
    font-size: 13px;
}
.new-filter.oreder-re.max-content-button button i:first-child {
    width: 15px;
}
.new-filter.oreder-re.max-content-button .btn-group.btn-group-x {
    margin-right: 3px;
}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape){
.new-filter.oreder-re.max-content-button button {
    font-size: 13px !important;
}
.new-filter.oreder-re.max-content-button .btn-group.btn-group-x select {
    font-size: 13px;
}
.new-filter.oreder-re.max-content-button .btn-group.btn-group-x.calander-width-set span{
    font-size: 13px;
}
}


@media only screen and (min-width: 320px) and (max-width: 567px){
.shipmentDetail.reset_toggle h3 {
    margin-right: 0;
}
.shipmentDetail.reset_toggle .left-cart {
    width: 100%;
}
.shipmentDetail.reset_toggle .left-cart ul li {
    position: relative;
    margin: 3px 3px 3px 3px;
    display: inline-block;
    width: 47%;
}
.shipmentDetail.reset_toggle .left-cart ul li a {
    padding: 2px 0px;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
    border: 1px solid #ccc;
}
.shipmentDetail.reset_toggle .left-cart ul li a span {
    width: 100%;
    margin-left: 0px;
    letter-spacing: 0.2px;
    font-size: 13px;
}
.shipmentDetail.reset_toggle .left-cart ul li a img {
    width: 40px;
}
.shipmentDetail.reset_toggle .right-cart {
    width: 100%;
}
.position-brows {
    top: 1px;
}
.position-brows span {
    font-size: 16px;
    padding: 4px 4px;
    background: #ef6362;
    width: 28px;
    height: 28px;
}
.shipmentDetail.reset_toggle .store-form ol {
    margin-left: -12px;
}
.shipmentDetail.reset_toggle .right-cart h3 {
    padding: 12px 5px !important;
    letter-spacing: 0.3px;
    margin-top: 12px;
}
}

@media only screen and (min-width: 568px) and (max-width: 667px){
.left-cart {
    width: 35%;
}
.right-cart {
    width: 65%;
}
.shipmentDetail.reset_toggle h3 {
    padding: 0 !important;
    font-size: 16px;
    letter-spacing: 0.5px;
    margin-right: 0;
}
.shipmentDetail.reset_toggle .right-cart h3 {
    font-size: 14px;
    letter-spacing: 0.3px;
    padding: 12px 8px !important;
} 
.shipmentDetail.reset_toggle .left-cart ul li a {
    padding: 4px 5px 4px 5px;
    font-size: 14px;
    font-weight: 600;
}
.shipmentDetail.reset_toggle .left-cart ul li a img {
    width: 40px;
}
.shipmentDetail.reset_toggle .fa-amazone {
    background-size: 78%;
    width: 48px;
}
.shipmentDetail.reset_toggle .fa-commerce {
    background-size: 78%;
}
.shipmentDetail.reset_toggle .add-cart-new {
    padding: 6px 6px;
}
.shipmentDetail.reset_toggle .fa-shopify {
    background-size: 78%;
}
}

@media only screen and (min-width: 668px) and (max-width: 767px){
.left-cart {
    width: 30%;
}
.right-cart {
    width: 70%;
}
.shipmentDetail.reset_toggle h3 {
    padding: 0 !important;
    font-size: 16px;
    letter-spacing: 0.5px;
    margin-right: 0;
}
.shipmentDetail.reset_toggle .right-cart h3 {
    font-size: 14px;
    letter-spacing: 0.3px;
    padding: 12px 8px !important;
} 
.shipmentDetail.reset_toggle .left-cart ul li a {
    padding: 4px 5px 4px 5px;
    font-size: 14px;
    font-weight: 600;
}
.shipmentDetail.reset_toggle .left-cart ul li a img {
    width: 40px;
}
.shipmentDetail.reset_toggle .fa-amazone {
    background-size: 90%;
    width: 50px;
}
.shipmentDetail.reset_toggle .fa-commerce {
    background-size: 90%;
    width: 50px;
}
.shipmentDetail.reset_toggle .add-cart-new {
    padding: 6px 6px;
}
.shipmentDetail.reset_toggle .fa-shopify {
    background-size: 90%;
    width: 50px;
}
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
.left-cart {
    width: 30%;
}
.right-cart {
    width: 70%;
}
.shipmentDetail.reset_toggle h3 {
    font-size: 18px;
}
.shipmentDetail.reset_toggle .right-cart h3 {
    font-size: 16px;
}
.shipmentDetail.reset_toggle .left-cart ul li a img {
    width: 40px;
}
.shipmentDetail.reset_toggle h3 {
    margin-right: 0;
}
}

@media only screen and (min-width: 993px) and (max-width: 1199px) {
.left-cart {
    width: 25%;
}
.right-cart {
    width: 75%;
}
.shipmentDetail.reset_toggle h3 {
    font-size: 18px;
}
.shipmentDetail.reset_toggle .right-cart h3 {
    font-size: 16px;
}
.shipmentDetail.reset_toggle .left-cart ul li a img {
    width: 40px;
}
.shipmentDetail.reset_toggle h3 {
    margin-right: 0;
}
}
/*18-MAY-2023 Book Shipment Parcel Filter Drop Down Search*/
.form_group_new_labrow_addClass{}
.lab_inputContaints.ons {
}
.lab_inputContaints.tos {
}
.lab_inputContaints.thrs {
}
.lab_inputContaints.fours {
}
.lab_inputContaints.fivs {
}

.lab_inputContaints.ons input.form-control {
    width: 72px;
}
.lab_inputContaints.tos input.form-control {
    width: 58px;
}
.lab_inputContaints.thrs input.form-control {
    width: 58px;
}
.lab_inputContaints.fours input.form-control {
    width: 58px;
}
.lab_inputContaints.fivs input.form-control {
    width: 74px;
}
.lab_inputContaints label {
    font-size: 12px !important;
    letter-spacing: 0.5px !important;
}