body {
    overflow: hidden
}

html {
    overflow-y: inherit !important;
}
.ipad_design md-checkbox {
    margin-bottom: 0;
}
.register-new-career button {
    top: -14px;
    position: relative;
}

.sidebar.dataTable {
    margin-left: 50px;
}

.full-width-p {
    margin-left: 50px;
}

.new-pick-but {
    border-radius: 0;
    padding: 0;
    margin-bottom: 6px;
}
.new_c_date {
    margin-top: 25px;
}
.add-route-width {
    width: 55% !important;
}

.main-left-section {
    position: relative;
}

.save_quote2 {
    float: right;
    position: relative;
    top: 12px;
}

.costcontent2 select {
    border-radius: 0;
    height: 24px;
    border: 1px solid #b7b5b5;
}

.costcontent2 {
    margin-top: 15px;
}

.add-del {
    position: relative;
}

.costcontent3 table tr td input[type="number"] {
    width: 70%;
    position: relative;
    padding-left: 5px;
}

.main_button {
    display: flex;
}

.main_button input:last-child {
    width: 100%;
    margin: 2px 2px;
    background: #ef6362;
    border: none;
    color: #fff;
    padding: 4px 0px;
    border-radius: 2px;
}

.main_button input:first-child {
    width: 100%;
    margin: 2px 2px;
    background: #2196f3;
    border: none;
    color: #fff;
    padding: 4px 0px;
    border-radius: 2px;
}

.same_day_main {
    width: 24%;
}

a.go_back {
    background: #ef6362;
    padding: 3px 10px;
    color: #fff !important;
    border-radius: 2px;
}

.merge_drop {
    height: auto;
    max-height: 250px;
    overflow-y: auto;
}

.is_doc {
    width: 38px;
    position: relative;
    left: 0;
    top: 16px;
    margin: 0;
}

.is_doc label {
    width: 125px !important;
    overflow: visible !important;
    top: -48px;
    left: -14px !important;
    font-size: 10px;
}

.is_doc input {
    width: 16px !important;
}

.main_price_s p {
    font-size: 11px;
}

.shipment_filter_select md-select {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    position: absolute;
}


/*start of per parcel weight msg on nextday form below weight field*/

.weight_info_m {
    font-size: 11px;
    color: #2196f3;
}


/*end of per parcel weight msg on nextday form below weight field*/


/*start of error msg*/

.error_m {
    font-size: 11px;
    color: red;
}


/*end of error msg*/

.driver_routen {
    display: flex;
    padding: 0 35px;
}

.driver_routen span {
    float: initial;
    font-weight: 100;
}

.is_doc .md-icon {
    width: 15px;
    height: 15px !important;
}

.is_doc .md-icon:after {
    width: 4px !important;
    height: 9px !important;
    left: 3px !important
}

.services_row {
    height: 30px;
}

.md_customer_det md-tabs-wrapper {
    background: #2196f3;
}

.md_customer_det md-tab-item {
    color: #ccc;
}

.md_customer_det md-tab-item.md-active {
    color: #fff !important;
}

.sameday_tab {
    width: 100%;
    float: left;
    /* display: flex; */
    /* flex-wrap: wrap; */
    margin: 4px 0;
    position: relative;
}

.filter-align {
    display: inline-block;
}

.sameday_tab button {
    margin: 4px 2px;
    margin-bottom: 3px;
    background: transparent !important;
    color: #000;
    border: 1px solid #000;
}

.sameday_tab button i {
    font-size: 12px;
    padding-left: 3px;
}

.sameday_tab button a {
    color: #000;
}

.calendar-container {
    float: right !important;
    z-index: 90
}

.calendar-container md-input-container {
    height: 25px;
    font-size: 12px;
    margin: 0px;
}

.calendar-container i {
    font-size: 22px;
    color: #ef6362;
}

.group-1 {
    margin-bottom: 3px;
    float: left;
    width: 100%;
}

.group-1 label {
    font-size: 12px;
    width: 90px !important;
    float: left;
    text-align: left;
    color: #000 !important
}

.group-1 select {
    width: 144px;
    border-radius: 0;
    height: 27px;
    left: 11px;
    position: relative;
}

.group-1 input::placeholder {
    font-size: 13px
}

.dropdown-menu {
    margin: 0px !important;
}

.dropdown-menu > li > a {
    padding: 3px 12px;
    font-size: 10px;
    font-size: 12px;
    color: #000 !important;
}

.assign i {
    float: right !important;
    padding-left: 7px;
    font-size: 10px !important
}

.open-arrow i {
    font-size: 10px;
    position: relative;
    top: 0;
}

.open-arrow {
    width: 50%;
    text-align: left;
}

.arrowDown.fa-flip-vertical {
    position: relative;
    top: -9px;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
    background-color: #33225a !important;
    color: #fff !important
}

.ngdialog-close:before {
    right: 6px;
    top: 6px;
    font-size: 24px;
}


/*left section*/


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

.header input {
    width: 100px;
    height: 21px;
    font-size: 10px;
    padding: 1px 4px;
    box-sizing: border-box;
    border: none;
    color: #ef6362;
}

.dropdown.border-button {
    border: 1px solid #000 !important;
    border-radius: 0;
    padding: 0 !important;
    font-size: 8px !important;
    height: 22px;
}

.border-button a {
    padding: 1px 7px;
}

.border-button .dropdown-menu a {
    padding: 4px 6px;
}

.disputed_one {
    background: #ef6362;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.disputed_one:before {
    position: absolute;
    left: -19px;
    content: '';
    top: 0px;
    border-color: #ef636200 #ef6362 transparent transparent;
    border-width: 28px 19px 0px 0px;
    height: 0;
    border-style: solid;
    width: 0;
}

.info-row-one {
    float: left;
    padding: 0 8px;
    width: 100%;
    display: flex;
    box-sizing: border-box;
    padding-top: 12px;
    border-top: 1px solid #ccc;
}

.aawe {
    flex: 1;
}

.time_del {
    text-align: right;
}

.routeData .on_route_m {
    background: rgb(6, 144, 29)
}

.routeData .pending_m {
    background: #ffa500
}

.heaader-leftsection .md-select-value {
    border-bottom: 1px solid #fff;
}

.heaader-leftsection md-input-container {
    vertical-align: top;
}


/*shipmentpage*/


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

.custome-search input {
    background: #fff;
    border: none;
    font-size: 11px;
    box-sizing: border-box;
    padding: 5px 10px;
    height: 26px;
}

.search-filter i {
    font-size: 12px;
    background-color: #33225a;
    padding: 6px;
    border-radius: 0px;
    color: #fff
}

.sub-header button {
    min-height: 27px;
    font-size: 12px;
    padding: 0 5px;
    height: 27px;
    border-radius: 3px !important;
    outline: none;
    vertical-align: middle;
}

.custome-filter select {
    font-size: 12px;
    height: 22px;
    font-weight: 700;
}

.custome-filter {
    float: left;
}

.shipment_deliver_add {
    height: 241px;
    overflow: auto;
    display: grid;
    grid-template-columns: auto auto;
}

.shipment_deliver_add::-webkit-scrollbar {
    width: 4px;
}

.shipment_deliver_add::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.shipment_deliver_add::-webkit-scrollbar-thumb {
    background: #888;
}

ul.dropdown-menu.allship-height {
    top: 22px;
    border-radius: 0;
}

.with_icons .dropdown-menu li:first-child a {
    padding: 7px 47px;
    background: url(../img/spirit-delivery.png);
    background-repeat: no-repeat;
    background-size: 34%;
    background-position: 7px 8px;
}

.with_icons .dropdown-menu li:first-child a:hover {
    background: url(../img/spirit-delivery.png);
    background-position: -26px 5px;
    background-repeat: no-repeat;
    background-size: 38%;
}

.with_icons .dropdown-menu li:last-child a {
    padding: 7px 47px;
    background: url(../img/spirit-delivery.png);
    background-repeat: no-repeat;
    background-size: 34%;
    background-position: 7px -21px;
}

.with_icons .dropdown-menu li:last-child a:hover {
    background: url(../img/spirit-delivery.png);
    background-position: -26px -24px;
    background-repeat: no-repeat;
    background-size: 38%;
}

.filter-button {
    float: left;
}


/*nextday page*/


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


/*.nextday_service_list button {top: -12px; margin: 0 }*/

.booking-summary {
    margin-top: 0;
    padding-top: 0;
    margin-bottom: 0;
}

.booking-summary .flex-50 {
    margin-top: 0;
    padding-top: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}

.marginpaddingT {
    margin-top: 0 !important;
    padding-top: 0 !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important
}

.back2_btn {
    position: absolute;
    top: -3px
}


/*last-mile*/


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

.sidebarNew {
    border: 1px solid #e8e8e8;
    border-top: 0;
}


/*by drop accordian*/


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

.md-accordion .expandCollapse {
    width: 20px;
    height: 20px;
    position: relative;
    font-size: 11px;
    font-weight: bold;
    cursor: pointer;
    color: #33225a;
    display: block;
    margin-top: -11px;
    margin-left: -2px;
    overflow: hidden;
}

.md-accordion .expandCollapse:active {
    border: 0px;
}

.md-accordion .expandCollapse:before,
.md-accordion .expandCollapse:after {
    width: 30px;
    height: 30px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    line-height: 32px;
    text-align: center;
    -webkit-transition: .3s all ease-out;
    transition: .3s all ease-out;
}

.md-accordion .expandCollapse:before {
    opacity: 1 -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    content: "|";
    margin-top: -3px;
}

.md-accordion .expandCollapse:after {
    opacity: 1;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    content: "|";
    margin-left: -3px;
}

.md-accordion .active:before {
    opacity: 1;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    margin-left: 3px;
    margin-top: 0px;
}

.md-accordion .dataContent {
    background: #F2F2F2;
    height: 0px;
    overflow: hidden;
    -webkit-transition: .3s all ease-out;
    transition: .3s all ease-out;
}

.md-accordion .activeContent {
    height: 60vh;
    padding: 0;
    display: block;
}

.md-accordion md-toolbar {
    cursor: pointer;
    border-bottom: #ccc;
    background: #fff !important;
    color: #000;
}

.acc-list {
    font-size: 10px;
}

.md-accordion md-toolbar {
    height: 23px !important;
    min-height: 22px;
}

.md-accordion .md-toolbar-tools {
    height: 25px;
    min-height: 25px;
}

.md-accordion {
    border: 1px solid #ccc;
    border-bottom: 0;
}

md-content .md-accordion {
    overflow: hidden;
}

.acc-list-two {
    text-align: center;
    height: 38px;
}

.acc-list-two img {
    width: 25px;
    height: 25px;
}


/*my drop pop up*/


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

.modal_mydrop {
    display: none;
    position: absolute;
    z-index: 1;
    padding-top: 20px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.4);
}

.modal-content_mydrop {
    margin: auto;
    padding: 20px;
    width: 80%;
    text-align: center
}

.modal-content_mydrop img {
    width: 34%;
}

.close_mydrop {
    color: #fff;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close_mydrop:hover,
.close_mydrop:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}


/*sign up form*/


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

.signup-new {
    margin: 22px 0px 10px 0;
}

.errorMessage {
    color: #f12727;
}

.signup-new label {
    font-size: 15px;
}

.main-login label {
    font-size: 15px;
}

.signn-login {
    text-align: right;
}

.signn-login a {
    float: none;
    margin-left: 6px;
    margin-right: 5px;
}

.diffrent-si-option {
    text-align: center;
    width: 100%;
}

.diffrent-si-option button {
    text-transform: capitalize;
    border-radius: 4px;
    padding: 0px 22px;
    background: #395693 !important;
    font-size: 15px;
}

.diffrent-si-option button:last-child {
    background: #d64937 !important;
}

.diffrent-si-option i {
    padding: 7px 7px;
    font-size: 18px;
}


/*new address page*/


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

.new_address_top {
    padding: 15px 30px;
}

.new_address_top h1 {
    margin-bottom: 0px;
}

.only_search_box {
    position: relative;
    margin-top: 15px
}

.new_address_top span {
    color: #ffffff;
    font-size: 19px;
    text-transform: unset;
    background: #ef6362;
    padding: 3px 16px;
    border-radius: 23px;
    font-weight: 500;
}

.new_address_top input {
    width: 100%;
    height: 35px;
    font-size: 18px;
    line-height: 1.3333333;
    padding-left: 43px;
    padding-right: 43px;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    box-sizing: border-box !important;
}

.new_address_top label {
    position: absolute;
    top: 0px;
    left: 0px;
    background: #ef6362;
    padding: 7px 7px;
}

.new_address_top i {
    font-size: 17px;
    color: #fff
}

.new_address_top a {
    position: absolute;
    right: 11px;
    top: 9px;
}

.new_address_top input:focus {
    outline: none;
    border-color: #ef6362;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(239, 99, 98, 0.43);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(239, 99, 98, 0.43);
}

.new_aadress_det {
    padding: 0 30px;
}

.new_address_top p {
    color: #c34c4b;
}

.new_aadress_det md-card {
    margin: 0;
}

.new-add-map iframe {
    height: 94vh;
}

.new_aadress_det button {
    background: #33225a;
    width: auto;
    border-radius: 4px;
    margin-right: 0px;
    margin-top: 15px
}

.career-created.onboard {
    margin-top: 25px;
}

.list_of_radio_but .md-on {
    height: 20px !important;
    width: 20px !important;
}


/*my prgress bar*/


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

.myProgress {
    width: 100%;
    background-color: #33225a;
}

.myBar {
    width: 1px;
    height: 20px;
    background-color: #ef6362;
    text-align: center;
    line-height: 20px;
    color: white;
    padding: 0 5px;
}

.sameday_setup_new {
    padding: 0 30px;
}


/*onboarding form2*/


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

.list_of_button {
    margin-top: 30px;
}

.list_of_direc {
    margin-top: 30px;
}

.list_of_button h1 {
    font-size: 27px;
}

.list_of_direc md-card {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
}

.career-created p span {
    color: #ef6362;
}

.career-created button {
    background: #33225a !important;
    width: 20%;
    margin-right: 0
}

.career-created md-card {
    background: #33225a;
    color: #fff;
    margin-left: 0;
    margin-right: 0;
}

.list_of_sections {
    position: relative;
}

.list_of_radio_but p {
    margin-bottom: 0;
}

.list_of_radio_but md-radio-group {
    display: flex;
    position: absolute;
    top: 3px;
    left: 34%;
}

.list_of_radio_but md-radio-button {
    margin-right: 10px;
}

.google_play img {
    width: 20%;
}

.google_play {
    margin-top: 25px;
    margin-bottom: 25px;
}

div#onBoardingMap {
    height: calc(100vh - 50px);
}

.onboarding-scroll {
    overflow: auto;
    height: calc(100vh - 50px);
}


/*carrier master*/


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

.new-rating-engine {
    padding-left: 30px;
}

.rating-button button {
    background: #c34c4b;
    min-height: 30px;
    height: 30px;
    line-height: 0;
}

.new-rating-engine md-tab-item.md-tab.md-active {
    background: #33225a !important;
    color: #fff;
}

.surchargesContainer {
    margin-top: 10px;
}

.rateConfigure {
    margin-top: 10px;
}

.rateConfigure.rate-engine.margin-space-remove {
    margin-top: -21px;
}

.add_services_button button {
    background-color: #33225a;
}

.rate-engine a,
input[type="file"] {
    background: #c34c4b;
    border: none;
    border-radius: 0;
}

.new-rating-engine md-sidenav {
    margin-top: 0px;
    z-index: 99;
    height: 100%
}

.new-rating-engine md-toolbar h1 {
    line-height: 1.9 !important;
    display: block;
}

.new-rating-engine md-toolbar span {
    position: absolute;
    right: 12px;
}

.new-rating-engine md-sidenav button.md-primary {
    /*background: #33225a !important;*/
}

.new-rating-engine md-sidenav button.md-primary[disabled] {
    color: #a0a0a0;
}

.new-rating-engine .ui-grid {
    height: 73vh;
}

.scroll-wp {
    height: calc(100vh - 40px);
    overflow: auto;
}


/*custom scrollbar*/


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


/*::-webkit-scrollbar {width: 5px; }
::-webkit-scrollbar-track {background: #f1f1f1; }
::-webkit-scrollbar-thumb {background: #33225a; }*/


/*hscode color*/

.dutiable-itemcount input {
    color: #000 !important;
}


/*tab*/


/*======*/

.mobile_header {
    display: none;
}

.message-rotate {
    display: none;
}


/**Common search box for select***/


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

.selectdemoSelectHeader .demo-header-searchbox {
    border: none;
    outline: none;
    height: 100%;
    width: 100%;
    padding: 0;
    padding-left: 10px;
}

.demo-select-header input::placeholder {
    font-size: 14px;
    color: #ef6362
}

.selectdemoSelectHeader .demo-select-header {
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1), 0 0 0 0 rgba(0, 0, 0, 0.14), 0 0 0 0 rgba(0, 0, 0, 0.12);
    padding-left: 0px;
    height: 48px;
    cursor: pointer;
    position: sticky;
    top: 0;
    z-index: 99;
    display: flex;
    align-items: center;
    width: auto;
}

.selectdemoSelectHeader md-content._md {
    max-height: 240px;
}


/**Search Box end**/


/*myprofile directive*/

my-profile-directive {
    padding: 0px !important;
}

my-profile-directive md-sidenav {
    z-index: 99;
}


/**Map filter**/

ul.nav.map-dropdown-menu {
    padding: 6px 0;
    width: 117px;
}

.nav.map-dropdown-menu ul {
    width: 117px;
}


/*pickup page*/


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

.all_common_sidenav {
    z-index: 99;
    height: 100vh;
    overflow: auto ;
}

.all_common_sidenav md-toolbar {
    background: #33225a;
    position: sticky;
    top: auto;
}

.all_common_sidenav md-toolbar button {
    position: absolute;
    right: 10px;
    outline: none;
    top: 0px;
    height: 100%;
    width: 25px;
    min-width: 38px;
    border: none;
    background: 0 0;
}

.all_common_sidenav md-toolbar button i {
    color: #fff;
    font-size: 20px
}
.all_common_sidenav1 {
    /*z-index: 99;*/
    height: 100vh
}

.all_common_sidenav1 md-toolbar {
    background: #33225a;
    position: sticky;
    top: auto;
}

.all_common_sidenav1 md-toolbar button {
    position: absolute;
    right: 10px;
    outline: none;
    top: 0px;
    height: 100%;
    width: 25px;
    min-width: 38px;
    border: none;
    background: 0 0;
}

.all_common_sidenav1 md-toolbar button i {
    color: #fff;
    font-size: 20px
}

.all_common_sidenav1 md-toolbar .clearence_controlloer button i {
    color: #000;
    font-size: 20px;
}


/*.all_common_sidenav md-toolbar button:hover {background: none !important; }*/

.only_pickups .ui-grid {
    height: calc(100vh - 128px);
}
.sidebar.dataTable.addwidthright.ng-scope.open_scan_page .ui-grid{
    height: calc(100vh - 190px);
}
/*reports page*/


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

.driver-efficiency-report {
    height: 100vh;
    overflow: auto;
}


/*controller page*/


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

.only_controller .ui-grid {
    height: calc(100vh - 110px);
}


/*configuration page*/

.configuration-container {
    padding: 15px 17px;
    height: 91vh;
    overflow: auto;
    margin-bottom: 25px;
}

.configuration-container2 {
    height: 91vh;
    overflow: auto;
    margin-bottom: 25px;
}

.configuration-container2 .appconfig-wrapper {
    margin: 20px 63px
}


/*disputed page*/

.only_disputed .ui-grid {
    height: calc(100vh - 142px);
}


/*detail-grid*/

.route-detail-grid .ui-grid {
    height: calc(100vh - 138px);
}


/*notification page*/

.whiteBord.bottomArea {
    height: 87vh;
    overflow: auto;
}


/*page scroll*/

.only_for_page {
    height: 95vh;
    overflow: scroll;
}


/*desktop driver section*/


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

.on-driver-class .layout-row:nth-child(even) {
    padding-left: 25px;
}

.on-driver-class i {
    color: #ef6362;
    width: 20px;
}


/*hscode color*/

.dutiable-itemcount input {
    color: #000 !important;
}

.calendar-container-new {
    float: left;
    height: 40px;
    margin-left: 40px;
    position: relative;
    z-index: 99;
    top: -2px
}

.calendar-container-new i {
    font-size: 19px;
    top: 13px;
    color: #ef6362;
}


/*shipment import*/


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

.ship-import {
    padding-top: 10px;
}

.ship-import .sub-header {
    background: #fff;
}

.ship-import md-input-container {
    margin-bottom: 0;
}

.shipment-import-tabs md-select {
    box-sizing: content-box;
}

.select_two_profile {
    padding-top: 19px;
}

.select_two_profile button {
    padding: 0;
    min-height: 10px;
    height: 30px;
    line-height: 0;
    background: #290d5a !important;
}

.accordienwrapper .panel-heading {
    background-color: #290d5a !important;
    padding: 6px 9px !important;
    color: black;
    border-radius: 4px;
}

.accordienwrapper .panel-heading h4 {
    margin-bottom: 0;
}

.accordienwrapper .panel-heading h4 a {
    color: #fff;
    display: block;
    outline: none;
    padding: 10px!important;
}

.accordienwrapper .panel-heading h4 i {
    float: right;
    right: 10px;
    position: relative;
    top: 3px;
}

.shipment-import-tabs md-pagination-wrapper {
    height: 48px !important;
}

.reconciled-opt .re-opt {
    float: left;
    width: 100%;
    top: 12px;
    position: relative;
}

.reconciled-opt .re-opt md-input-container {
    margin-top: 6px;
    margin-bottom: 0;
    width: 100%
}

.reconciled-opt .re-opt md-checkbox {
    margin-bottom: 0px;
    top: -17px;
    font-size: 11px;
}

.reconciled-opt .re-opt md-checkbox .md-icon {
    height: 19px;
    width: 19px;
}

.reconciled-opt h3 {
    padding: 25px 0;
    margin-left: 34px;
}

.reconciled-opt .upload-button {
    margin-top: 18px;
}

.allshipmentstatus {
    padding: 28px;
    overflow: scroll;
    height: 100%;
}

.rateConfigure .md-select-menu-container {
    z-index: 999 !important;
}

.md-select-menu-container {
    z-index: 900 !important;
}

md-backdrop.md-select-backdrop {
    z-index: 899 !important;
}

md-backdrop.md-dialog-backdrop {
    z-index: 99 !important;
}

.allshipments-import-grid .ui-grid {
    height: calc(100vh - 150px);
}


/*new edit section(02/05/2019)*/


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

.ne_overflow {
    /*    height: calc(100vh - 64px);
        overflow: auto;*/
}

.ne_overflow md-autocomplete input {
    color: #000 !important;
}

.ne_add-form {
    float: left;
}

.ne_parcel_we {
    width: 100px;
    float: left;
    margin: 0 6px;
    padding: 14px 0;
}

.ne_package_ty,
.ne_content,
.ne_weights {
    float: left;
    width: 140px;
    margin: 0 8px;
}
.ne_package_ty,
.ne_content,
.ne_weights-sameday-items {
    float: left;
    width: 130px;
    margin: 0 8px;
}
.ne_content.is_doc {
    width: 28px;
    top: 14px;
}

.ne_icons ul {
    list-style-type: none;
    padding-left: 0;
    width: 100px;
    float: right;
}

.ne_icons ul li {
    display: inline-block;
    margin: 0 2px;
    float: left;
}

.ne_icons ul li a {
    background: #33225a;
    border-radius: 3px;
    color: #fff !important;
    height: 24px;
    width: 24px;
    display: block;
    line-height: 1.7;
    text-align: center;
}

.ne_icons ul li .fa.fa-plus {
    position: relative;
    top: 0;
    right: 0;
}

.ne_icons ul li a i {
    font-size: 12px;
}

.ne_collection button,
.ne_collection2 button {
    position: relative !important;
    right: 0 !important;
    min-width: 40px;
    margin-left: 0;
    background: #ef6362;
}

.md-button.md-fab.md-mini {
    line-height: 28px ;
    width: 24px ;
    height: 28px ;
}

.ne_collection button i,
.ne_collection2 button i {
    font-size: 24px !important;
}
.address-home-btn button i{
    font-size: 18px !important;
}

.ne_collection md-toolbar {
    margin-bottom: 25px;
}

.ne_collection button:hover,
.ne_collection2 button:hover {
    /* background: #ccc !important;*/
}

.ne_tabs_width md-pagination-wrapper {
    width: 100% !important;
}

md-toolbar.new-toolbar2 {
    background: 0 0;
    color: #000;
    margin-bottom: 0;
    margin-top: -14px;
}

md-toolbar.new-toolbar2 button {
    background: 0 0 !important;
    height: auto !important
}

md-toolbar.new-toolbar2 button i {
    color: #000 !important;
}

md-toolbar.new-toolbar2 .md-toolbar-tools {
    padding: 0;
}

md-toolbar.new-toolbar2 .md-toolbar-tools h2 {
    font-size: 16px
}

.ne_insurance i {
    position: relative;
    top: 7px;
    padding-right: 0 !important;
}

md-tabs .md-tab.md-active {
    color: rgb(51, 34, 90);
}

.ne_costbreakup table {
    border: none;
}

.ne_costbreakup table>tbody>tr>td {
    padding: 1px 0px;
    font-size: 12px;
    outline: none;
}

.ne_costbreakup #surchargeToggle,
.ne_costbreakup #surchargeToggle1 {
    font-size: 16px;
    font-family: initial;
    color: #ef6362;
    font-weight: bolder;
}

.ne_costbreakup table>tbody>tr>td:last-child {
    text-align: right;
}

.ne_costbreakup table>tbody>tr:last-child td {
    border-top: 1px dashed #ccc;
    color: #33225a;
    font-size: 14px;
    font-family: MontserratRegular;
    padding-top: 3px;
}

span.littlevat {
    font-size: 11px;
    margin-left: 5px;
    color: #272626
}

.ne_costbreakup table>tbody>tr>th {
    font-family: MontserratRegular;
    font-weight: 100;
    font-size: 12px
}

.ne_costbreakup table>tbody>tr>th:last-child {
    /*text-align: right;*/
    padding-right: 0px;
}

.ne_costbreakup table>tbody>tr:nth-last-child(2) td {
    padding-bottom: 4px;
}

.ne_costbreakup table>tbody>tr>td>input {
    width: 67px;
    border: 1px solid #ccc;
    padding: 2px 4px;
    box-sizing: border-box;
    text-align: right;
}

.ne_add_pcl {
    float: left;
    width: 25PX;
    top: 15px;
    position: relative;
    right: 5px;
}

.edit-md-card-height {
    padding-bottom: 0 !important;
}

.edit-md-card-height md-card {
    padding-bottom: 0px;
    height: 73px;
    overflow: hidden;
}

.edit-md-card-height md-autocomplete {
    min-width: 100%;
}

.sidebarNew .md-errors-spacer {
    min-height: 20px !important;
}

tr.only-cost-bkp md-select {
    width: 79%;
    margin: 0;
}

.ne_costbreakup.onlycostbkp table>tbody>tr>td button {
    position: absolute !important;
    right: -19px !important;
    top: 6px !important;
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    min-height: 20px !important;
    background: 0 0 !important;
}

.edit-md-card-height md-autocomplete {
    min-width: 100%;
}

.ne_costbreakup.onlycostbkp table>tbody>tr>td:last-child {
    padding-right: 10px;
    position: relative;
}

.ne_costbreakup.onlycostbkp table>tbody>tr>td md-icon {
    position: absolute;
    left: -2px;
    top: -6px;
}

.ne_costbreakup.onlycostbkp table>tbody>tr>td md-icon i {
    font-size: 17px !important;
}

.ne_costbreakup.onlycostbkp table>tbody>tr>th:last-child {
    padding-right: 10px;
}

.ne_costbreakup.onlycostbkp input[type="button"] {
    background: #ef6362;
    color: #fff;
    border: none;
    font-size: 15px;
    text-align: center;
}

.redButton{
    width: auto!important;
    padding: 7px!important;
}

.edit-cp {
    position: absolute;
    right: 40px;
    height: 30px;
    width: 30px;
    background: #ef6362;
    border-radius: 25px;
    text-align: center;
}

.edit-cp i {
    color: #fff;
    font-size: 17px;
    position: relative;
    top: 5px;
}

.mislaniousContent .layout-row {
    font-size: 11px;
    margin-bottom: 5px;
}

.mislaniousContent .layout-row b {
    font-weight: 100;
}

.ne_costbreakup.no_border table>tbody>tr>td {
    padding: 4px 0;
    word-break: break-word;
    text-align:left;
}

.ne_costbreakup.no_border table>tbody>tr:last-child td {
    font-family: inherit;
    font-size: 12px;
    color: rgba(0, 0, 0, 0.8509803921568627);
    border-top: 0;
    padding-top: 0;
}

.ne_costbreakup.no_border table {
    table-layout: fixed;
}


/*customer-rule-screen(18/06/2019)*/


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

.rule-ang-header {
    float: left;
}

.rule-ang-header.add_postion_box{
    position: relative;
    width: 100%;
}

.rule-ang-header.add_postion_box.add_box_x{
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.rule-ang-header md-switch {
    float: left;
    margin: 0;
}

.rule-ang-header p,
h6 {
    clear: both;
    padding-left: 0px;
    margin-bottom: 10px;
}

.rule-ang-header h6 {
    font-size: 13px;
}

.rule-ang-header h3 {
    margin-left: 0;
}

.auto-ng-allocate {
    margin: 5px 14px;
    margin-left: 52px;
}

.auto-select-img {
    width: 250px;
    border: 1px solid #ccc;
    margin-right: 15px;
    float: left;
    padding: 0px 12px;
    opacity: 0.5
}

.auto-select-img img {
    width: 100%;
}

.auto-select-img.md-checked {
    opacity: 1;
    box-shadow: 0px 0px 18px 0px #0000004d;
}

.allocate-input {
    background: #f5f5f5;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 10px;
    padding-bottom: 20px;
}

.allocate-input .md-errors-spacer {
    min-height: 7px;
}

.allocate-input button {
    margin-left: 0;
}

.ne_insurance p {
    color: #33225a;
    font-family: MontserratRegular;
}

.only_assigndriver .ui-grid {
    height: calc(100vh - 156px);
}


/*new sameday edit section(05/07/2019)*/


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

.sameday-table {
    padding: 0;
}

.sameday-table table {
    width: 100%
}

.sameday-table table>tbody>tr>td,
.sameday-table table>tbody>tr>th {
    border-bottom: 1px solid rgba(0, 0, 0, 0.03);
    border-right: 1px solid rgba(0, 0, 0, 0.03);
    padding: 5px 7px;
    font-size: 13px;
    width: 200px;
    position: relative;
    white-space: nowrap;
}

.sameday-table table>tbody>tr>th {
    font-family: MontserratRegular;
}

.show-ht {
    background: 00;
    border: none;
    padding: 0;
    left: 3px;
    top: 5px;
    position: relative;
    outline: none;
}

.show-ht i {
    font-size: 21px;
    color: #33225a;
    font-weight: 900;
}

.sameday-box-info table>tbody>tr>th {
    font-size: 16px;
    color: #8c4343;
    padding: 2px 15px;
}

.sameday-box-info table>tbody>tr>td {
    padding: 5px 15px;
}

.sameday-table table>tbody>tr>td:last-child {
    width: 40px;
}

.sameday-table table>tbody>tr>th:last-child {
    width: 40px;
}

.sameday-table table>tbody>tr>th button {
    width: 22px !important;
    padding: 0 !important;
    margin: 0 !important;
    margin-right: 7px !important;
    height: 23px !important;
    min-height: 0 !important;
}

.sameday-table table>tbody>tr>th button i {
    font-size: 18px;
    color: #c34c4b;
}

.hide-validation-error .md-errors-spacer {
    display: none;
}

.eta {
    width: auto;
    float: right;
    font-size: 12px;
}

.etr {
    width: auto;
    float: right;
    margin-right: 18px;
    font-size: 12px;
    color: #fff;
}

.eta i,
.etr i {
    position: relative;
    top: 7px;
    font-size: 23px;
    color: #fff;
    margin-right: 3px;
}

.ne_overflow .ne_collection2 input {
    background: 0 0;
    border: none;
    color: #fff;
    outline: none;
    font-size: 15px;
    right: 0;
    z-index: 99;
    height: 64px;
}

.sameday-box-info md-toolbar {
    background: #402875;
}

.sameday-box-info {
    width: 450px
}

.sameday-box-info .demo-dialog-content {
    padding: 10px 10px;
}

.sameday-table table>tbody>tr>td input {
    box-sizing: border-box;
    width: 60px;
    border: 1px solid #cccccc96;
    padding: 1px 4px;
    height: 20px !important
}

.send-button button {
    background: 0 0 !important;
    width: 21px !important;
    min-width: 0 !important;
    padding: 0 !important;
    min-height: 0 !important;
    height: 24px !important;
    top: -5px !important;
}

.sameday-box-info .demo-dialog-content md-checkbox {
    width: 100%;
    margin-right: 0;
}

.sameday-table table p {
    margin: 0;
    font-weight: 100;
    text-align: right;
    position: absolute;
    right: 17px;
    bottom: 2px;
    font-size: 11px;
}

th.only-edit-book {
    color: #c34c4b;
    font-family: MontserratLight !important;
}

.notifyy i {
    color: #ef6362;
}

#sameDayMapDiv md-dialog {
    width: 100vw;
    height: 100vh;
}

#sameDayMapDiv md-toolbar {
    background: 0 0;
}

#sameDayMapDiv md-toolbar h3 {
    color: #000;
}

#sameDayMapDiv md-toolbar button {
    position: absolute;
    right: 20px;
    background: 0 0;
    border: none;
    outline: none;
}

#sameDayMapDiv md-toolbar button i {
    font-size: 25px;
}


/*pending job icon*/

.pendding-job-help {
    cursor: pointer;
    width: 30px;
    float: left;
    text-align: center;
    margin: 4px 0 0 19px;
    background: #ef6362;
    border-radius: 50%;
    height: 30px;
    padding: 0px 0;
}

.pendding-job-help i {
    color: #fff;
    font-size: 17px;
    top: 5px;
    position: relative;
}

.blink2.text-success {
    color: rgb(14, 224, 49) !important;
}


/*new auick booking section24/07/2019*/

.quick_book_header {
    width: 130px;
    float: right;
}

.quick_book_header button {
    height: 30px !important;
    width: 30px !important;
    line-height: 0 !important;
    min-height: 0;
    top: 4px;
    left: 3px;
    background-color: #ef6362 !important;
}

.quick_book_header i {
    top: 0;
    position: relative;
    font-size: 22px;
    left: -2px;
}

.quick_book_section .ne_overflow {
    /*height: calc(100vh - 111px);*/
}

.quick_book_section md-tabs-wrapper {
    display: none;
}

.quick_book_section {
    padding: 0px 10px;
}

.quick_book_section .sidebar.dataTable {
    margin-top: 60px !important;
    padding: 0px 0px;
    margin-left: 50px !important;
}

.quick_book_section .all_common_sidenav md-toolbar {
    background: #ef6362;
    min-height: 50px;
    height: 50px;
}

.quick_book_section .ne_collection button,
.quick_book_section .ne_collection2 button {
    background: #33225a;
}


.new_collect button {
    background: none !important;
}

.new_collect .dtp-btn-calendar {
    position: absolute !important;
    top: -3px;
    left: -10px;
}

.new_collect  md-input-container .md-input {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    order: 2;
    display: block;
    margin-top: 0;
    background: none;
    padding: 2px 2px 1px;
    border-width: 0 0 1px;
    line-height: 26px;
    height: 30px;
    -ms-flex-preferred-size: 26px;
    border-radius: 0;
    border-style: solid;
    width: 100%;
    box-sizing: border-box;
    float: left;
}

.quick_book_section .new_collect button {
    background: none !important;
}

.quick_book_section .new_collect .dtp-btn-calendar {
    position: absolute !important;
    top: -3px;
    left: -10px;
}

.quick_book_section .new_collect  md-input-container .md-input {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    order: 2;
    display: block;
    margin-top: 0;
    background: none;
    padding: 2px 2px 1px;
    border-width: 0 0 1px;
    line-height: 26px;
    height: 30px;
    -ms-flex-preferred-size: 26px;
    border-radius: 0;
    border-style: solid;
    width: 100%;
    box-sizing: border-box;
    float: left;
}



md-input-container.new_collect label:not(.md-no-float):not(.md-container-ignore) {
    padding-left: 36px !important;
}


md-input-container .new_collect{
    position: static !important;
}
.quick_book_section .all_common_sidenav .md-toolbar-tools {
    height: 50px;
}

.quick_book_section .all_common_sidenav md-toolbar button {
    /*    top: 0;
        height: 28px !important;
        width: 24px !important;
        min-width: 36px !important;*/
    top: 0;
    height: 28px;
    width: 24px;
    min-width: 36px;
}

.quick_book_section .md-errors-spacer {
    min-height: 12px;
}

.quick_book_section .ne_collection .send-button button {
    background: 0 0 !important;
    padding: 0;
    width: 23px;
    min-width: 0 !important;
    height: 28px;
    min-height: 0;
    top: -7px !important;
    position: relative;
    right: 4px !important;
}

.edit_attribute {
    min-height: 0 !important;
    height: 14px !important;
    padding: 0 !important;
    width: 23px !important;
    margin: 0 !important;
}

.edit_attribute i {
    font-size: 31px;
    top: -9px;
    position: relative;
    left: -1px;
    color: #c34c4b;
}

.edit_attribute.add_sur_chg i {
    font-size: 16px;
}

.sur_chg td {
    color: #6f6969c7;
}

.quick_book_section .all_common_sidenav md-toolbar.new-toolbar2 {
    background: 0 0;
    min-height: 64px;
}

.quick_book_section .all_common_sidenav md-toolbar.new-toolbar2 button {
    background: 0 0 !important;
    padding: 0
}

.quick_book_section md-switch.md-checked .md-bar {
    background-color: rgb(51, 34, 90);
}

.quick_book_section md-switch.md-checked .md-thumb {
    background-color: rgb(255, 255, 255);
}

.ne_collection md-toolbar button {
    top: 0 !important;
}

.ne_collection md-toolbar button md-icon {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    line-height: 0;
    min-height: 0 !important;
    height: auto;
}

.toolabr-buttton-sec {
    /*right: 10px;*/
    right: 150px !important;
}
.toolabr-buttton-sec.toolabr-buttton-sec-group.right-left{
    right: 10px !important;
}

.newInsForm .toolabr-buttton-sec.toolabr-buttton-sec-group.right-left{
    right: 40px !important;
}

/*customer logo*21/08/2019*/

.customer-info-logo {
    background: #f5f5f5;
    padding: 10px;
}

.customer-info-logo p {
    margin-top: 0;
}

.customer-info-logo input {
    background: 0 0;
    padding-left: 0;
}

.customer-info-logo button {
    margin-left: 0;
    height: 30px;
    font-size: 12px;
    background: #33225a;
}

.timenewz {
    width: 75px;
    margin: auto;
    margin-left: 20px;
    top: -10px;
    position: relative;
}

.timenewz select {
    border: 1px solid #ccc;
    border-radius: 0;
    height: 28px;
}

.mdtimecolor input {
    color: #5e5e5e !important;
}

.md-dialog-is-showing .md-dialog-container {
    z-index: 800 !important;

    background: #33333394;
}



.min-wrapper{
    max-width: 600px;
    padding-left: 20px;
}
.select-headding{
    margin: 20px 0 0 0;
    background: #f3f3f3;
    padding: 10px;
}
.select-headding h2{}
.select-headding select{
    max-width: 250px;
}
.min-form-tab{
    border: 1px solid #c1c1c1;
    padding: 10px;
}
.min-form-tab table{
    width: 100%;
}
.min-form-tab h3{
    font-size: 17px;
    color: #000;
    padding: 4px 10px;
    background: #bfbfbf42;
}
.min-form-tab .form_elements_heading{}

.input-chiled{}
.input-chiled input:focus{
    border: none;
}
.element[type="radio"]:checked::-ms-check {
    border: 2px solid #aaa;
    color: #aaa;
    opacity: 1;
    font-size: larger;
}
.element[type="radio"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    display: inline-block;
    width: 22px;
    cursor: pointer;
    height: 22px;
    padding: 4px;
    background-clip: content-box;
    border: 2px solid #000000;
    opacity: 0.4;
    vertical-align: bottom;
    border-radius:50%;
}
.element[type="radio"]:checked , .element[type="radio"]:disabled:checked{
    background-color: #aaa;
    border: 2px solid #aaa;
    opacity: 1;
}



.flex-modal-box{
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 10px;
    overflow: hidden;
    padding: 6px 0;
}
.box-f-1{
    max-width: 300px;
    display: inline-block !important;
    margin-right: 10px;
}
.box-f-1 label{
    width: 150px;
    display: inline-block;
}


/*
@media only screen and (min-width: 800px) and (max-width: 1049px){
.flex-55, .layout-row > .flex-55 {
min-width: 85px !important;
}
.flex-30, .layout-row>.flex-30 {
min-width: 202px !important;
}
.flex-15, .layout-row > .flex-15 {
min-width: 90px !important;
}
.md-button.md-fab.md-mini {
line-height: 30px !important;
width: 30px !important;
height: 30px !important;
}
}


@media only screen and (min-width: 1050px) and (max-width: 1299px){
.flex-55, .layout-row>.flex-55{
max-width: 38% !important;
}
.flex-30, .layout-row>.flex-30 {
max-width: 47% !important;
}

.md-button.md-fab.md-mini {
line-height: 30px !important;
width: 30px !important;
height: 30px !important;
}
}


@media only screen and (min-width: 1300px) and (max-width: 1600px){
.flex-55, .layout-row>.flex-55{
max-width: 45% !important;
}
.flex-30, .layout-row>.flex-30 {
max-width: 40% !important;
}
}*/

.help-icon{
    cursor: help;
    padding: 10px;
}
.help-icon i{
    font-size: 24px;
    padding: 4px;
    display: inline-block;
}
.custome-search-new input{
    width: 350px !important ;
}
.margin-select{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
.first-box{
    width: 48%;
}
.second-box{
    width: 15%;
}
.third-box{
    width: 29%;
    margin-left: 15px;
}

.first-box_s{
    width: 48%;
}
.second-box_s{
    width: 15%;
}
.third-box_s{
    width: 29%;
    margin-left: 15px;
}
@media only screen and (min-width: 320px) and (max-width: 799px){
    .md-button {
        padding: 0 2px;
    }
}

@media only screen and (min-width: 1100px) and (max-width: 1399px){
    /*.first-box{
        width: 72%;
    }
    .second-box{
        width: 15%;
    }
    .third-box{
        width: 13%;
        padding-top: 10px;
    }
    .third-box button {
        margin: 2px !important;
        width: auto !important;
        font-size: 13px !important;
    }*/
    /*.third-box .md-button{
        min-width: auto !important;
    }*/
}
@media only screen and (min-width: 1400px) and (max-width: 1500px){
    .first-box{
        width: 50%;
    }
    .second-box{
        width: 15%;
    }
    .third-box{
        width: 20%;
        padding-top: 5px;
    }
    .first-box_s{
        width: 73%;
    }
    .second-box_s{
        width: 15%;
    }
    .third-box_s{
        width: 12%;
        padding-top: 5px;
    }
}

@media only screen and (min-width: 1501px) and (max-width: 1920px){
    /*.first-box{
    width: 61%;
    }*/
    .first-box {
        width: 50%;
    }
    .second-box{
        width: 15%;
    }
    /*.third-box{
    width: 24%;
    }*/
    .third-box{
        width: 20%;
        padding-top: 5px;
        margin-left: 15px;
    }
    .first-box_s {
        width: 50%;
    }
    .second-box_s{
        width: 15%;
    }
    /*.third-box{
    width: 24%;
    }*/
    .third-box_s{
        width: 28%;
        padding-top: 5px;
        margin-left: 10px;
    }
}
.overflow-1{
    /*  overflow-x: scroll;
        height: 100vh !important;*/
    overflow-x: hidden;
    height: 90vh !important;
    overflow-y: auto;
}



.detais-controller{}
.details-action-link a{
    display: inline-block;
    background: #33225a;
    color: #fff;
    padding: 4px 10px;
    border-radius: 2px;
    letter-spacing: 0.5px;
    margin-top: -10px;
    transition: all 0.5s;
}
.details-action-link a:hover{
    background: #452a84;
}

/*27/12/2019*/

.pickup-search button.ng-scope {
    position: relative !important;
    right: 0 !important;
    min-width: 40px !important;
    margin-left: 0;
    background-color: transparent !important;
}
.pickup-search button.ng-scope:hover {
    background-color: transparent !important;
}
.pickup-search button.ng-scope md-icon {
    margin: auto;
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: middle;
    fill: currentColor;
    height: 20px;
    width: 20px;
    min-height: 20px;
    min-width: 20px;
}
.pickup-search button.ng-scope i {
    font-size: 24px !important;
}


.pickup-search button.sec-btn{
    width: auto !important;
    text-align: center !important;
    font-size: 12px !important;
    float: right;
    margin: 0;
    padding: 0 5px;
    text-transform: none;
}

.pickup-search .md-whiteframe-z1{
    box-shadow:none;
}


.display-style{
    display: none;
}


.new-position-side-bar {
    overflow-x: hidden;
    height: 87vh;
    padding-bottom: 3em;
    overflow-y: scroll;

}
@media only screen and (min-width: 600px) and (max-width: 1600px){
    .new-position-side-bar {
        overflow-x: scroll;
        height: 100vh;
        padding-bottom: 3em;
    }
    .new-position-side-bar.new-position-side-bar-none{
        overflow-x: hidden;
        height: 99vh;
        padding-bottom: 3em;
        overflow-y: hidden;
    }
}

.lab-start{
    margin-bottom: 15px;
}
.lab-start label{
    width: 100% !important;
    overflow: hidden !important;
    display: inline-block;
    position: relative !important;
    top: -10px;
}

.md-block-new{
    margin-top: -23px;
}


.notifiction-popup{
    min-width: 450px;
    max-width: 90%;
    padding: 0 !important;
}
.notifiction-popup h3{
    background-color: #33225a;
    color: #fff;
    text-align: center;
    margin-bottom: 30px;
    padding: 14px;
}
.close-x{
    position: absolute;
    right: 0;
    top: 0;
}
.close-x button{
    background-color: transparent;
    border: none;
    color: #fff;
    font-size: 20px;
    font-weight: normal;
    width: 35px;
    height: 35px;
}
.close-x button:hover{
    border: none;
    outline: none;
}
.close-x button:focus{
    border: none;
    outline: none;
}

.notifiction-popup input{
    border: 1px solid #b7b7b7;
    border-radius: 2px;
    padding: 9px;
    max-width: 400px;
    display: block;
    margin: 30px auto;
}
.button-areia{
    margin-right: 0;
    overflow: hidden;
    padding: 10px 12px !important;
    border-top: 1px solid #eee;
}
.button-areia button{
    border: none;
    font-size: 14px;
    font-weight: normal;
    margin: 0 0px 0 8px!important;
    padding: 0 10px;
    min-width: auto;
    background-color: transparent;
    background: none;
}
.button-areia button.btn-1{
    background: #33225a;
    color: #fff;
}
.button-areia button.btn-2{
    background: #545454;
    color: #fff;
}

.button-areia button.btn-1:hover, .button-areia button.btn-2:hover{
    background: #33225a;
}
.button-areia button.btn-1:active, .button-areia button.btn-2:active{
    background: #33225a;
}
.button-areia button.btn-1:focus, .button-areia button.btn-2:focus{
    background: #33225a;
}

#smseditor, #emaileditor, #webhookeditor {
    height: 200px;
}
.new-lable-line label{
    color: #203e65 !important;
    font-size: 16px;
}
.md-block-setting{
    margin: 10px 0px 30px 0px;
    background: #f7f7f7;
    padding: 40px 10px 10px 10px;
}

.manage-css{
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    display: block;
    margin-top: 0;
    background: none;
    padding: 2px 0px 1px;
    border-width: 0 0 1px;
    line-height: 26px;
    height: 30px;
    -ms-flex-preferred-size: 26px;
    border-radius: 0;
    border-style: solid;
    width: 100%;
    text-transform: uppercase;
    border-color: rgba(0,0,0,0.51);
    color: #203e65 !important;
    margin-bottom: 22px;
}
.url-text{
    color: #333;
    font-size: 13px;
    overflow: hidden;
    word-break: break-word;
    padding: 0 27px 0 0px;
}
.url-text span{
    width: 100%;
    margin-bottom: 10px;
    display: inline-block;
}

.popup-bg-tool-bar{
    padding: 0 !important;
    min-height: auto !important;
    display: block !important;
    text-align: center;
    font-size: 16px;
}
.popup-bg-tool-bar h3{
    padding: 4px !important;
    margin: 0;
}
.new-popup-center{
    margin: 1em auto 0em auto;
}
.new-popup-center input{
    border: 1px solid #d4d4d4;
    border-radius: 2px;
    padding: 10px;
}
.inside-button{
    position: absolute;
    z-index: 99;
    top: 0;
    right: 0;
}
.plan-details .layout-margin {
    margin: 25px 5px !important;
}
.plan-details .layout-margin-newspace {
    margin: 1px 5px !important;
}
.plan-details .layout-margin-newspace h4 {
    font-size: 17px;
    margin: 10px 0px 10px 7px;
    border-left: 5px solid #33225a;
    display: inline-block;
    padding-left: 10px;
    color: #33225a;
    text-transform: uppercase;
    border-bottom: 1px solid;
    font-weight: bold;
    font-family: arial;
}
.ipad_view{
    height: 100%;
    overflow: inherit;
}

.new-input-set md-input-container{
    padding: 0 0 0px 36px !important;
}

md-input-container.md-icon-right>.new-add-icon:last-of-type {
    right: -14px;
}

.flexy-style{
    display: flex;
}

.flexy-style input[type="radio"]+label{
    top: 12px;
}


.height-select-bar .md-select-value {
    height: 36px;
}

.new-form-creat{
    position: relative;
    max-width: 400px !important;
    min-width: 400px !important;
}
.new-form-creat md-input-container{
    margin: 0;
    padding: 0 !important;
    width: 100%;
}
.new-form-creat label{
    width: 100% !important;
    font-size: 14px !important;
    bottom: 0 !important;
    position: relative !important;
    color: #333 !important;
    letter-spacing: 0.5px;
}
.new-form-creat input{
    width: 100% !important;
    display: inline-block !important;
    border: 1px solid #333;
    border-width: 1px !important;
    padding: 5px  !important;
    margin-top: 5px !important;
    border-radius: 3px !important;
    height: 26px !important;
}
.new-form-creat input:focus{
    height: 26px !important;
}
.new-form-creat button{}

.btn-reset-color{
    right: 0px !important;
    color: #333;
    font-weight: bold !important;
    transition: all 0.5s;
    top: 6px;
    border: 1px solid;
    border-color: transparent;
}
.btn-reset-color:hover{
    color: #ef6361;
    border: 1px solid;
}


.new-bootom-space{
    padding-bottom: 4em;
}

.cut-text-dotted {
    text-overflow: ellipsis;
    overflow: hidden;
    width: 120px;
    height: 1.2em;
    white-space: nowrap;
}

.list-border-reset .form-control {
    border-color: #8c8c8c;
}
.position-reset {
    top: 34px !important;
    position: absolute !important;
}

.wrapper-flex{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
.wrapper-flex .device_left {
    text-align: center;
    display: inline-block;
    width: 5%;
    margin: 10px;
}
.wrapper-flex .device_left i{
    color: #ffffff;
    font-size: 20px;
    padding: 9px 11px;
    display: block;
    border-radius: 2px;
    background: #ef6362;
}
.wrapper-flex .device_right{
    display: flex;
    width: 90%;
}
.wrapper-flex .device_right .net-class-modify{
    margin: 10px;
}
.wrapper-flex .device_right .net-class-modify a{
    display: inline-block;
    border: 1px solid #33225a;
    background: #33225a;
    color: #fff !important;
    max-width: 250px;
    width: 300px;
    padding: 8px;
    text-decoration: none;
    border-radius: 2px;
    transition: all 0.5s;
}
.wrapper-flex .device_right .net-class-modify a i{
    border-right: 1px solid #fff;
    padding: 0 10px 0 0px;
    margin-right: 10px;
}

@media only screen and (min-width: 320px) and (max-width: 500px){
    .signn-loding{
        display: inline-block !important;
        width: 100%;
    }
    .signn-login-loding{
        text-align: center !important;
        width: 100%;
    }
}


.ui-grid-cell .material-icons{
    font-size: 14px;
    padding: 5px;
    color: #333;
}

.ui-grid-cell button{
    margin: 0 !important;
    padding: 0 !important;
    min-height: auto !important;
    width: auto !important;
    height: auto !important;
    line-height: inherit !important;
    border: none;
}

.ui-grid-cell md-icon{
    font-size: 14px;
    padding: 5px;
    min-width: 18px !important;
    color: #333;
    min-height: 18px !important;
    height: 18px;
    width: 18px;
}

.resettime-btn{
    display: flex;
}
.resettime-btn .md-button.md-icon-button{
    position: absolute;
    top: 5px;
    left: -25px;
    z-index: 99;
}

.resettime-btn md-input-container{
    display: flex;
}
.resettime-btn .time-colon {
    position: absolute;
    top: 10px;
    padding-left: 8px;
}

.resettime-btn label{
    top: -40px;
}

.select-box-flex{}
.select-box-flex .sub-header-list{
    position: absolute;
    background: #33225a;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    color: #fff;
    padding: 4px 15px;
}
.select-box-flex .sub-header-list h3{
    padding: 6px;
    margin-bottom: 0;
    font-weight: normal;
    letter-spacing: 0.5px;
    font-size: 18px;
}
.select-box-flex .main-inner-box{
    margin-top: 70px;
    width: 100%;
    text-align: center;
}

.select-box-flex .md-input-has-value{
    color: #333;
}

.text-position{
    text-align: left;
}


.flex-body-left-right-position{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.flex-body-left-right-position .flex-left-postion{
    /*width: 50%;*/
}
.flex-body-left-right-position .flex-right-postion{
    /*width: 50%;*/
}

.flex-body-left-right-position .flex-left-postion .main-login{
    width: 500px;
    background: #fffffff2;
    right: 0;
    left: 0;
    position: relative;
    margin: auto;
    border-top-left-radius: 8px;
    border-top-right-radius: 0;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 0;
    box-shadow: 0 2px 1px -1px rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .12);
}

.flex-body-left-right-position .flex-right-postion .main-login-next{
    background: #183563cf;
    position: relative;
    margin: auto;
    height: 100%;
    border-top-right-radius: 8px;
    border-top-left-radius: 0;
    /*display: flex;*/
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 0;
    /*align-items: center;*/
}
.flex-body-left-right-position .flex-right-postion .main-login-next h2{
    color: #fff;
    text-align: center;
    font-size: 28px;
    padding: 15px 10px 0 10px;
    margin-bottom: 1em;
    position: relative;
}

.flex-body-left-right-position .flex-right-postion .main-login-next h2::before, .flex-body-left-right-position .flex-right-postion .main-login-next h2::after {
    position: absolute;
    top: 100%;
}

.flex-body-left-right-position .flex-right-postion .main-login-next h2::after {
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 18%;
    max-width: 780px;
    height: 2px;
    background: linear-gradient(to right, #ef6362 0%, #ef6362 45%, rgba(0, 0, 0, 0) 45%, rgba(0, 0, 0, 0) 55%, #ef6362 55%, #ef6362 100%);
}
.flex-body-left-right-position .flex-right-postion .main-login-next h2::before {
    display: block;
    content: '';
    width: 8px;
    height: 8px;
    background-color: #ef6362;
    position: relative;
    transform: rotate(45deg) translateX(-50%);
    left: 50%;
    top: 50px;
}

.flex-body-left-right-position .flex-right-postion .main-login-next ul{
    margin: 0;
    padding: 0 35px;
    list-style-type: none;
}
.flex-body-left-right-position .flex-right-postion .main-login-next ul li{
    margin-bottom: 30px;
    font-size: 15px;
    position: relative;
    padding: 4px 0;
    color: #fff;
    transition: all 0.5s ease;
    border-bottom: 1px dashed #ef6362;
}
.flex-body-left-right-position .flex-right-postion .main-login-next ul li .material-icons {
    text-align: center;
    font-size: 18px;
    position: relative;
    top: 3px;
    color: #ef6362;
}
@media only screen and (min-width: 320px) and (max-width: 540px){
    .flex-body-left-right-position .flex-right-postion {
        width: 100%;
    }
    .flex-body-left-right-position .flex-left-postion .main-login {
        width: 100%;
    }
    .flex-body-left-right-position {
        display: block;
        width: auto;
        margin: auto;
        position: absolute;
        top: 10%;
    }
    .flex-body-left-right-position .flex-right-postion .main-login-next {
        width: 100%;
    }
    .flex-body-left-right-position .flex-right-postion .main-login-next ul li{
        display: inline-flex;
    }
    .flex-body-left-right-position .flex-right-postion .main-login-next ul {
        padding: 20px 12px;
    }
}
@media only screen and (min-width: 541px) and (max-width: 937px){
    .flex-body-left-right-position .flex-right-postion {
        width: 500px;
    }
}

/*27-01-2020*/

.paddtop5A{
    margin-bottom: 15px !important;
    padding-top: 26px;
    width: auto !important;
}

.flex-position-row-section{
    display: flex;
    flex-wrap: wrap;
    float: left;
    align-items: center;
}
.flex-position-row-section .flex-row-design{
    margin: 10px;
}

.main-inner-box .md-select-value {
    min-height: 30px !important;
    width: 250px;
}


.button-click a{
    color: #1f6ba9!important;
    display: block;
    cursor: pointer;
    word-wrap: break-word;
    padding: 2px 10px;
    text-decoration: underline !important;
}
.button-click a:hover{
    text-decoration: unset !important;
    color: #2196f3 !important;
}

.new-rating-engine.engine-side-position md-sidenav {
    margin-top: 0px;
    z-index: 99999;
    height: 100vh;
}
.address-home-btn{}

.quick_book_section .ne_collection .address-home-btn button,
.quick_book_section .ne_collection2 .address-home-btn button{
    background-color: #ef6362;
    color: #fff;
    line-height: 20px;
    min-height: 30px;
    margin-top: 4px;
    min-width: 20px !important;
    padding: 0 5px !important;
}

.address-home-btn button i{}
.address-home-btn button:hover{}
.ne_content2, .ne_weights2 {
    float: left;
    width: 110px;
    margin: 0 8px;
}

.position-round{
    /*    display: flex;
        width: 100%;
        flex-wrap: wrap;*/
    width: 330px;
    display: flex;
}
.round-one{
    width: 156px;
    margin-right: 15px;
}
.round-one-tow{
    width: 250px;
}

.round-one button{
    display: inline-block;
    width: auto;
    background: #33225a !important;
    font-size: 14px !important;
    margin-top: -2px;
    margin-left: 22px;
}

.main-m-box{
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    padding-top: 10px;
}
/*.main-b-box{
    width: 60%;
}*/
.main-b-box-b{
    width: 40%;
}
.add-form-box-flex{
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: space-between;
}
.add-form-box-sect {
    width: 12%;
}

.add-form-box-flex-xx{
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 10px;
}
.add-form-box-sect-xx {
    width: 9%;
}
.add-form-box-sect-xx:last-child {
    margin-right: 0;
    width: 87px;
}
.add-form-box-sect-xx2B {
    /*    width: 27px;
        height: 27px;
        cursor: pointer;*/
}
.add-form-box-sect-xx2 {
    width: 27px;
    height: 27px;
    cursor: pointer;
}
.main-b-box{}
.main-b-box md-input-container{
    margin-right: 15px;
}
@media only screen and (min-width: 1401px) and (max-width: 1800px) {
    .add-form-box-sect {
        /*  width: 85px;*/
        margin: 0 4px;
    }
    .add-form-box-sect-xx {
        /*width: 9%;*/
        margin: 0 4px;
    }
    .ne_icons ul {
        float: none;
    }
}
@media only screen and (min-width: 1367px) and (max-width: 1400px) {
    .add-form-box-sect {
        /* width: 76px;*/
    }
    /*.add-form-box-sect-xx {
      width: 76px;
    }*/
    .ne_icons ul {
        float: none;
    }
    .main-b-box md-input-container{
        margin-right: 10px;
    }
}
@media only screen and (min-width: 1280px) and (max-width: 1366px) {
    /* .main-b-box{
        width: 56%;
    }*/
    .main-b-box-b{
        width: 40%;
    }
    .main-b-box md-checkbox {
        margin-right: 8px !important;
    }

    .add-form-box-sect {
        width: 11%;
    }
    .add-form-box-sect-xx {
        /*  width: 67px;*/
    }
    .ne_icons ul {
        float: none;
    }
    .st-btn {
        top: -3px;
    }
    md-checkbox .md-label {
        margin-left: 24px !important;
        font-size: 15px;
    }
    .main-b-box md-input-container{
        margin-right: 10px;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
    .main-b-box{
        width: 100%;
    }
    .main-b-box-b{
        width: 100%;
    }
    .main-b-box md-checkbox {
        margin-right: 8px !important;
    }

    .add-form-box-sect {
        /*  width: 64px;*/
    }
    .add-form-box-sect-xx {
        /*width: 64px;*/
    }
    .add-form-box-sect-xx {
        /*  width: 64px;*/
    }
    .ne_icons ul {
        float: none;
    }
    .main-b-box md-input-container{
        margin-right: 10px;
    }
}


.etr-white{
    color: #fff !important;
    margin-top: -8px;
}
.etr-white i{
    color: #33225a;
}

.clone-left md-option{
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.color-info{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    align-items: center;
    justify-content: space-between;
}
.set-color{
    width: 45%;
    margin: 10px 15px;
    display: inline-block;
}
.set-color label{
    position: relative !important;
    font-size: 16px;
    color: #333 !important;
}

.set-color.label-color-config label{
    position: initial !important;
}
.set-color input{
    border-color: transparent;
    border: 1px solid #eee;
    border-width: 1px !important;
    background: #e2e2e2 !important;
}
.color-box-headding{}
.color-box-headding h2{}

.quick_booking md-content{
    overflow: inherit !important;
}
.ne_overflow.not_overflow{
    overflow: inherit !important;
}

.add-button-address{
    display: inline-block;
    width: 100%;
    padding: 0px 0px 10px 0px;
}
.add-button-address button{
    border: none;
    background: #33225a;
    color: #fff;
    padding: 8px 10px;
    letter-spacing: 0.8px;
    font-size: 15px;
    border-radius: 3px;
}
.clone-haeight button{
    padding: 0 10px !important;
}
.add-button-address button:hover{
    outline: none;
}

.new-icon-sets{
    overflow: visible;
    position: relative;
    top: -9px;
}
.new-icon-sets md-toolbar{
    display: inline-block;
    min-height: auto !important;
    width: auto !important;
    background-color: transparent !important;
    position: relative;
}
.new-icon-sets md-toolbar button{
    display: inline-block;
    padding: 0px;
    border: none;
    margin-left: 2px;
    min-width: 25px;
    background-color: transparent;
}
.new-icon-sets md-toolbar button i{
    color: #33225a;
    font-size: 20px;
}
.new-icon-sets .material-icons{
    cursor: pointer;
    position: relative;
    right: 0;
    z-index: 1;
    top: -2px;
}

md-tooltip .md-content {
    background-color: #33225a !important;
    color: #fff !important;
}

@media only screen and (min-width: 1170px) and (max-width: 1480px){
    .scrolling {
        overflow: scroll;
        overflow-x: hidden;
        height: 78vh !important;
    }
}

.md-toolbar-tools{
    text-align: left !important;
}

.mod-min{
    display: flex;
    flex-wrap: wrap;
    margin: 10px;
}
.mod-min .mod-one{
    width: 200px;
}
.mod-min .mod-one.free-width{
    width: 100%;
}
.mod-min .mod-two{
    width: 300px;
}

.ui-grid-pager-container .ui-grid-pager-control button,
.ui-grid-pager-container .ui-grid-pager-control input,
.ui-grid-pager-container .ui-grid-pager-control select{
    border: none;
    border-radius: 0;
}
.ui-grid-pager-container .ui-grid-pager-row-count-picker select{
    border: none;
    border-radius: 0;
}
.md-button.md-fab.md-miniM {
    line-height: 50px;
    width: 40px;
    height: 40px;
}

button[disabled], .md-button.md-raised[disabled]{
    color: rgba(230, 230, 230, 0.86) !important;
    cursor: default;
}
@media only screen and (min-width: 1170px) and (max-width: 1500px){
    .position-round{
        width: 230px;
        display: flex;
    }
    .round-one{
        width:103px;
        margin-right: 6px;
    }
    .round-one-tow{
        width: 110px;
    }
    .round-one-tow p{
        font-size: 8px;
    }
    .main-b-box md-input-container{
        margin-right: 4px;
    }
}

.over-col{
    /*    position: relative;*/
}
.over-col .main-inner-box{
    padding-top:4em;
}
.new-col-titel{
    background: #33225a;
    position: absolute;
    top: 0;
    width: 100%;
    right: 0;
}
.new-col-titel h3{
    color: #fff;
    font-size: 16px;
    font-weight: normal;
    padding: 10px 20px;
    margin: 0;
}

/*.md-button.md-hue-3.md-primary.md-fab{
    background-color: #33225a;
    color: #fff;
}*/
.md-button.md-default-theme.md-raised[disabled], .md-button.md-raised[disabled], .md-button.md-default-theme.md-fab[disabled], .md-button.md-fab[disabled] {
    background-color: #33225a61!important;
}
.md-button.md-default-theme.md-primary.md-raised, .md-button.md-primary.md-raised, .md-button.md-default-theme.md-primary.md-fab, .md-button.md-primary.md-fab {
    color: rgb(255,255,255);
    background-color: #33225a;
}



.md-button.md-default-theme.md-hue-3.md-primary.md-raised:not([disabled]):hover, .md-button.md-hue-3.md-primary.md-raised:not([disabled]):hover, .md-button.md-default-theme.md-hue-3.md-primary.md-fab:not([disabled]):hover, .md-button.md-hue-3.md-primary.md-fab:not([disabled]):hover {
    background-color: #33225a;
}
.example-box-wrapper button.submit-button {
    background-color: #33225a;
}
.example-box-wrapper button.md-primary {
    background-color: #33225a;
}
.md-button.md-default-theme.md-primary.md-raised:not([disabled]):hover, .md-button.md-primary.md-raised:not([disabled]):hover, .md-button.md-default-theme.md-primary.md-fab:not([disabled]):hover, .md-button.md-primary.md-fab:not([disabled]):hover {
    background-color: rgb(239, 99, 98);
}

.header-section .md-button.md-fab.md-mini {
    background: #ef6362 !important;
    color: #fff;
}
.sidebarTop-header .md-button.md-fab.md-mini {
    background: #ef6362;
    color: #fff;
}
.third-box .md-button.md-fab.md-mini {
    background: #ef6362 ;
    color: #fff;
}
.border-bottom .md-button.md-primary.md-raised{
    background: #ececec !important;
}
.border-bottom .md-button.md-primary.md-raised.active-btn {
    background-color: #335c92 !important;
    color: #fff !important;
    text-align: center;
}
.border-bottom .md-button button{
    background: transparent !important;
}


.md-primary-color{}


.level-accordiation{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    align-items: center;
}
.level-accordiation .col-sm-A-accordiation{
    width: 70%;
}
.level-accordiation .col-sm-B-accordiation{
    width: 20%;
}
.level-accordiation .col-sm-C-accordiation{
    width: 8%;
}
.col-sm-B-accordiation .ourprice {
    padding-top: 0;
    padding-top: 0;
    margin:  0;
    font-size: 13px;
}
.col-sm-A-accordiation .vehicle-name{
    float: none;
    padding-top: 0;
    font-size: 14px;
}

.md-primary-color{}

.chek-box-sec.chek-box-sec-new{
    font-size: 14px;
    width: auto !important;
    margin-right: 10px;
}


.chek-box-sec.chek-box-sec-new md-input-container md-checkbox {
    margin-top: 8px !important;
    margin-bottom: 0px !important;
}

.chek-box-sec.chek-box-sec-new md-input-container md-checkbox.md-default-theme:not(.md-checked) .md-icon,
.chek-box-sec.chek-box-sec-new md-input-container md-checkbox:not(.md-checked) .md-icon {
    border-color: rgb(239, 99, 98) !important;
}
@media only screen and (min-width: 1280px) and (max-width: 1400px){
    .toolabr-buttton-sec.flex-contern-second.toolabr-buttton-sec-responsive {
        margin-top: 4px !important;
    }
}


.new-button-section-group{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: 15px;
    align-items: center;
}
.new-button-col-one{
    width: 38%;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
}
.invoice-form .new-button-col-one{
    width: 50%;
}
.new-button-Div{}
.new-button-Div button{
    background-color: #33225a;
    color: #fff;
    border: none;
    padding: 5px 10px;
    margin: 3px;
    border-radius: 2px;
    cursor: pointer;
}
.new-button-Div button:hover{}

.new-button-col-tow{
    width: 26%;
    padding: 10px;
}
.md-raised-save{
    background-color: #33225a;
    color: #fff;
    border: none;
    padding: 5px 10px;
    margin: 3px;
    border-radius: 2px;
    cursor: pointer;
}


.table-group{
    max-height: 300px;
    overflow-y: scroll;
    overflow-x: hidden;
}
.table-group table thead th{
    border: 3px solid #fff;
    background: #d4d4d4;
    padding: 4px;
    color: #000;
    letter-spacing: 0.5px;
    font-size: 13px;
}
.table-group table tbody tr td{
    border-bottom: 1px solid #eee;
    border-right: 4px solid #fff;
    border-left: 4px solid #fff;
    background: #fff;
    padding: 4px !important;
    color: #000;
    height: 50px;
    letter-spacing: 0.5px;
    font-size: 12px !important;
}
.left-side-icon-plus{
    background-color: #ef6362;
    display: inline-block;
    width: 18px;
    text-align: center;
    border-radius: 3px;
}
.left-side-icon-plus i{
    position: relative !important;
    right: 0 !important;
    top: 0 !important;
    color: #fff;
}
.right-side-icon-plus{
    display: inline-block;
}
.plush-icon-set{
    position: relative;
}
.plush-icon-set ul{
    margin: 0;
    padding: 0;
}
.plush-icon-set ul li{
    padding: 4px;
    display: inline-block;
    width: 100%;
}


.md-toolbar-tools.track-header{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}
.md-toolbar-tools.track-header h2{
    margin:0;
}
h2.collectiondrrs.three{
    width: 50%;
}
.tracking-number{
    width: 50%;
    text-align: right;
}

.tracking-number h5{
    font-size: 14px;
    letter-spacing: 0.5px;
    margin: 0;
    padding: 0;
    color: #ffffff;
    display: inline-block;
}
.tracking-number h6{
    font-size: 14px;
    letter-spacing: 0.5px;
    margin: 0;
    padding: 0;
    color: #ffffff;
    display: inline-block;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px){
    .new-button-col-one{
        width: 50%;
    }
    .new-button-col-tow{
        width: 30%;
    }

    .table-group table tbody tr td {
        font-size: 11px !important;
    }
    .table-group {
        overflow-x: hidden;
        overflow-y: scroll;
    }
    /*.md-toolbar-tools.track-header{
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        justify-content: space-between;
        align-items: center;
    }*/
    .md-toolbar-tools.track-header h2{
        margin:0;
    }
    h2.collectiondrrs.three{
        width: 50%;
    }
    .tracking-number{
        width: 50%;
        text-align: right;
    }
}


.chip-custom{
    padding: 24px;
}
.chip-custom .md-chips {
    padding: 0 0 0px 3px;
    margin-bottom: 15px;
}
.chip-custom .md-chips .md-chip-input-container {
    line-height: 25px;
    margin: 0px 8px 0 0;
    padding: 0;
    height: 38px;
}

.check-clean-box{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    align-items: center;
}
.check-click-box{
    width: 240px;
}
.check-click-data{
    width: 80%;
}

.s-button{}
.s-button span{
    position: absolute;
    right: 20px;
}
.bottom-space{
    margin-bottom: 15px;
}

.ngdialog.ngdialog-theme-default .ngdialog-close.new-Dialog {
    border: none;
    background: 0 0;
    cursor: pointer;
    position: absolute;
    right: 5px;
    top: 4px;
    background: rgb(221,44,0);
    text-align: center;
    padding-top: 8px;
    color: #fff !important;
    width: 30px;
    height: 30px;
    border-radius: 100px;
}

.ngdialog.ngdialog-theme-default .ngdialog-close.new-Dialog:before {
    display: block;
    padding: 3px;
    background: 0 0;
    color: #fff;
    content: '\00D7';
    font-size: 26px;
    font-weight: 400;
    line-height: 26px;
    text-align: center;
}
.ngdialog.ngdialog-theme-default .ngdialog-close.new-Dialog:active:before,
.ngdialog.ngdialog-theme-default .ngdialog-close.new-Dialog:hover:before {
    color: #eee;
}

.button-center-class{
    text-align: center;
    display: block;
    margin: auto;
}

.new-col-flex{
    display: flex !important;
}


.width-set-button{
    min-width: 53px !important;
    padding: 5px 3px !important;
    line-height: 0 !important;
    min-height: 30px !important;
}
.md-button.md-icon-button.width-set-clone{
    /*margin: 0 5px 0 0px !important;*/
    margin: 0 5px 0 0px !important;
    height: 25px !important;
    width: 18px !important;
    line-height: 5px !important;
    padding: 0px !important;
}
.width-set-clone md-icon{
    font-size: 21px !important;
    height: 21px;
    width: 21px;
    min-height: 21px;
    min-width: 21px;
}

.width-set-clone-2{
    margin: 0 !important;
    min-height: 30px !important;
    min-width: 54px !important;
    line-height: 30px !important;
    font-size: 12px !important;
}

.width-set-clone-3{
    margin: 0 !important;
    min-height: 30px !important;
    min-width: 30px !important;
    line-height: 30px !important;
    font-size: 11px !important;
    width: 36px !important;
    height: 36px !important;
}
.width-set-clone-3 .material-icons{
    font-size: 21px !important;
    height: 21px;
    width: 21px;
    min-height: 21px;
    min-width: 21px;
}

.new-switch{
    position: relative;
    float: right;
}
.block-none{
    display: inline-block !important;
}

.table-manage{}

.table-manage table{
    width: 100%;
}
.table-manage table>thead>tr>th {
    padding: 5px 15px;
}

.sameday-box-info.sameday-box-info-new{
    max-width: 600px;
    min-width: 600px;
}

.sameday-box-info-new md-toolbar{
    min-height: 45px;
}

.sameday-box-info-new .md-toolbar-tools{
    height: 45px;
    max-height: 45px;
}

.container-table-set{
    padding: 15px;
}
.container-table-set table{
    width:100%;
}

.container-table-set table tr th{
    font-weight: 600;
    padding: 10px;
    border-bottom: 1px solid #dedede;
    font-family: arial;
    background: #eee;
}

.container-table-set table tr td{
    padding: 5px 10px;
}

.button_close_popup{}
.button_close_popup button{
    position: absolute;
    right: 5px;
    top: 7px;
    width: 30px;
    height: 30px;
    border-radius: 100px;
    border: none;
    font-size: 18px;
    background: #ef6362;
    color: #fff;
    text-align: center;
    cursor: pointer;
    line-height: 30px;
    transition: all 0.5s;
}
.button_close_popup button:hover{
    opacity: 0.8;
}

.link_creat{
    border: 1px solid #848484;
    padding: 0px 5px;
    display: inline-block;
    color: #ef6362;
    border-radius: 21px;
}

.new-nave{
    width: auto !important;
    margin-top: 4px !important;
    margin-left: 5px !important;
}
.new-nave>li>a {
    padding: 0 15px !important;
}

.second_sub_header{
    background: #fff;
    display: flex;
    flex-wrap: wrap;
    width: 98%;
    margin-bottom: 10px;
    padding-top: 0;
    padding-left: 8px;
}

.second_sub_header button{

}

.row-lab-one{
    max-width: 238px;
    width: 20%;
}
.row-lab-tow{
    width: 75%;
    display: flex;
    flex-wrap: wrap;
    padding-left: 30px;
    align-items: center;
    border-left: 1px solid #33225a24;
}

.up_btn button {
    top: 0;
    box-shadow: none !important;
}


.lab_color {
    display: block;
    position: relative;
    padding-left: 25px;
    cursor: pointer;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
}
.lab_color label {
    color: #333 !important;
    cursor: pointer;
}
.lab_color input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}
.checkmarks {
    position: absolute;
    top: 0;
    left: 0;
    height: 17px;
    width: 17px;
    border: 1px solid #333;
    border-radius: 3px;
}
.lab_color:hover input ~ .checkmarks {
    border: 1px solid #333;
}
.lab_color input:checked ~ .checkmarks {
    border: 1px solid #ef6362;
}
.checkmarks:after {
    content: "";
    position: absolute;
    display: none;
}
.lab_color input:checked ~ .checkmarks:after {
    display: block;
}
.lab_color .checkmarks:after {
    left: 5px;
    top: 0px;
    width: 4px;
    height: 10px;
    border: solid #ef6362;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);

}


.new-divider-set{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
}
.new-divider-h{}
.new-divider-h .sub-header h3 {
    margin: 0;
}
.new-divider-ul{}
.new-divider-ul .new-pick-but {
    margin-bottom: 0;
    width: auto;
}
.new-divider-ul .new-pick-but li {
    position: relative;
    display: block;
    border-radius: 3px;
	background: #33225a;
}
.new-divider-ul ul.new-pick-but li a {
    padding: 6px 10px !important;
    font-size: 14px !important;
}
.new-divider-lab{}

.new-sub-line{
    padding-top: 20px;
    padding-bottom: 20px;
}
.container-new_col{
    height: 35px;
}
.main_h_tag h2 {
    font-size: 12px;
    color: #203e65;
    font-weight: bold;
    padding-left: 0px;
    margin: 0px 0 10px 0;
    font-size: 1.5em !important;
    color: rgba(0,0,0,0.87) !important;
}

.group_info {
    padding-top: 7px !important;
}

.semi_col{
    padding: 2px 4px;
    font-size: 20px;
    font-weight: bold;
}

.flex-header_select{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
}
.flex-header_head_left{
    width: 50%;
}
.flex-header_head_left h2{}
.flex-header_head_right{
    width: 50%;
}
.right-side-fixed{
    float: right;
    padding: 0 !important;
}

.table-gap{}
.table-gap table{
    width: 100% !important;
}
.table-gap table tr th{
    padding: 4px !important;
}
.table-gap table tr td{
    padding: 4px !important;
}


md-input-container.md-default-theme .md-input[disabled], md-input-container .md-input[disabled], [disabled] md-input-container.md-default-theme .md-input, [disabled] md-input-container .md-input {
    border-bottom-color: rgba(0,0,0,0.50) !important;
    background-image: none !important;
}

.search_lab_color{}
.search_lab_color input:not(:focus){
    color: #333 !important;
}
.bottom-sapsce_none md-input-container{
    margin: 14px 0!important;
}

.bottom-sapsce_none2 md-input-container{
    margin: 1px 0!important;
}
.new-left-position{
    margin-left: 15px !important;
}

.main-input-highlight{}
.main-input-highlight .md-input{
    border-bottom: solid #333;
    border-width: 0px 0 2px !important;
}

.group-btn-one{
    width: auto !important;
    display: inline-block;
    padding: 8px 10px!important;
    margin-top: 20px !important;
    background: #33225a !important;
}
.group-btn-tow{
    width: auto !important;
    display: inline-block;
    padding: 8px 10px!important;
    margin-top: 20px !important;
    background: #ef6362 !important;
}
.Price_head{
    font-size: 18px;
    padding-bottom: 5px;
    border-bottom: 1px solid #d6d0d0;
    margin-bottom: 20px;
}
.align-right-text p{
    text-align: right;
    padding-right: 10px;
}

.dark_bottom_border input{
    border-bottom: 1px solid #b3b3b3;
}

.dark_bottom_border md-select{
    border-bottom: 1px solid #b3b3b3;
}

.header-tag_color{
    color: #333;
}
.new-header-tag_color{
    color: #333;
}

.clear_font{
    font-size: 12px !important;
    color: #333;
    padding: 10px 0;
}
.show_font{}
.new_width_set{}


.new_width_set .ui-grid-cell{
    height: 40px !important;
}

.fixed_width_col{
    color: #8a8a8a !important;
    font-weight: 600;
    padding: 5px 0;
    font-size: 12px;
}

.main-group_one{
    display: block;
    margin: 10px;
}
.main-group_one label{
    color: #333 !important;
    font-weight: 600;
    padding: 5px 0;
    font-size: 14px;
}

.fixed_width_col input{
    border-bottom: 1px solid #8c8c8c;
    border-top: none;
    border-left: none;
    padding: 10px;
    border-right: none;
    display: block;
    width: 94%;
    box-shadow: none;
    outline: none;

}
.fixed_width_col input:focus{
    border-bottom: 1px solid #333;
    box-shadow: none;
    outline: none;
}

.form-horizontal_call{
    width: 100%;
}
.main-group_one-2{
    display: flex;
    width: 100%;
    text-align: center;
    align-items: center;
    justify-content: center;
    margin-bottom: 2em;
}
.main-group_one-2 input{}
.main-group_one-2 input:hover{}

.main-group_one-2 md-button{}
.main-group_one-2 md-button:hover{}

ul.nave-last{
    margin-top: 4px;
    margin-left: 8px;
    width: auto !important;
}
ul.nave-last li{}
ul.nave-last li a{
    color: #fff;
    padding: 0 6px;
}

.package-width-new{
    max-width: 164px;
    width: 100% !important;
}

.margin-bottom-set{
    margin-bottom: 18px;
}

.package-width-new md-select {
    height: 28px;
}

.height-new-st{
    height: 100% !important;
}


md-input-container.md-default-theme .md-input, md-input-container .md-input {
   /*border-color: rgba(0, 0, 0, 0.51) !important;*/
    /*border-color: rgba(0, 0, 0, 0.51);*/
}

md-select.md-default-theme .md-select-value, md-select .md-select-value {
    border-bottom-color: rgba(0, 0, 0, 0.51);
}


md-input-container.md-default-theme .md-input[disabled], md-input-container .md-input[disabled], [disabled] md-input-container.md-default-theme .md-input, [disabled] md-input-container .md-input {
    border-bottom-color: transparent;
    color: rgba(0, 0, 0, 0.61) !important;
    background-image: linear-gradient(to right, rgba(0,0,0,0.38) 0%, rgba(0,0,0,0.38) 33%, transparent 0%);
    background-image: -ms-linear-gradient(left, transparent 0%, rgba(0,0,0,0.38) 100%);
}

md-autocomplete-wrap input:aria-label {
    color:red;
}
md-autocomplete-wrap input:placeholder {
    color:red;
}

md-select.md-default-theme[disabled] .md-select-value, md-select[disabled] .md-select-value {
    border-bottom-color: #00000080 !important;
    background-image: none;
}
.md-select span .md-text {
    color: #313131!important;
}
md-input-container, select{
    color: #333 !important;
}
.sec-btn-icons{
    line-height: 26px;
}
.sec-btn-icons .material-icons{
    font-size: 20px;
    display: block;
}
.inn-grid-column .fs-column {
    width: 7% !important;
}
.inn-grid-column .nd-column {
    width: 83% !important;
}
.md-button.md-default-theme.md-primary, .md-button.md-primary span {
    color: #fff;
}

.example-margin {
    width: 150px !important;
    display: inline-block !important;
}

.md-select-value > span:not(.md-select-icon) .md-text {
    color: rgba(0, 0, 0, 0.87);
}

.heaader-leftsection .md-select-value > span:not(.md-select-icon) .md-text {
    color: #fff;
}

.add-form-check-matter{}
.display-flex-clone{
    display: flex;
    align-items: center;
    /*justify-content: center;*/
    position: relative;
    flex-wrap: wrap;
    margin-left: 15px;
    padding-top: 20px;
}
.display-flex-clone-2{
    display: flex;
    align-items: center;
    /* justify-content: center;*/
    position: relative;
    flex-wrap: wrap;
    margin-left: 15px;
    padding-top: 12px;
    margin-bottom: 5px;
}
.ship-in-check{
    margin-right: 5px;
}
.display-lab-box {
    /*width: 130px;*/
}
.display-clecn-box input{}
.display-clecn-box {
    width: max-content;
}
.display-clecn-box-right{
    width: 60%;
}
.display-lab-btn{}
.display-lab-btn button{
    background: #33225a;
    padding: 0px;
    line-height: 0 !important;
    min-height: 29px !important;
    font-size: 12px;
    margin-top: 0 !important;
    min-width: 70px !important;
}
.display-lab-btn button i{}
.display-lab-min{
    display: flex;
    align-items: center;
}
.display-lab-box{}
.new-device-width{
    width: 70px !important;
}
.new-device-width-2{
    /* width: 80px !important;*/
}
md-checkbox {
    margin-top: 0px !important;
}

@media only screen and (min-width: 1200px) and (max-width: 1300px){
    .display-flex-clone md-checkbox {
        margin-top: 0px !important;
    }
    .display-flex-clone .ship-in-check {
        margin-right: 5px;
        top: 9px;
    }


    .display-flex-clone-2 md-checkbox {
        margin-top: 0px !important;
    }
    .display-flex-clone-2 .ship-in-check {
        margin-right: 5px;
        top: 9px;
    }

    .new-device-width{
        width: 8% !important;
    }
    .new-device-width-2{
        width: 8% !important;
    }
    .display-lab-box {
        /* width: 110px;*/
    }
    .clear-post .ne_content {
        margin: 0 4px !important;
    }

    .top-space-creat{}
    .top-space-creat md-input-container{
        top: 8px;
        left: 12px;
    }
    .ne_content.is_doc {
        width: 28px;
        top: 6px;
    }
    .quick_book_section .ne_collection .address-home-btn button, .quick_book_section .ne_collection2 .address-home-btn button {
        background-color: #ef6362;
        color: #fff;
        line-height: 9px;
        min-height: 28px;
        margin-top: 6px;
        min-width: 20px !important;
        padding: 0 3px !important;
        margin-right: 0;
    }

    .ne_package_ty, .ne_content, .ne_weights {
        margin: 0 2px !important;
    }
    .add-form-box-sect-xx md-select {
        height: 28px;
    }
}

@media only screen and (min-width: 1366px) and (max-width: 1440px){
    .display-flex-clone md-checkbox {
        margin-top: 0px !important;
    }

    .display-flex-clone .ship-in-check {
        margin-right: 5px;
        top: 9px;
    }

    .display-flex-clone-2 md-checkbox {
        margin-top: 0px !important;
    }

    .display-flex-clone-2 .ship-in-check {
        margin-right: 5px;
        top: 9px;
    }
    .ne_package_ty, .ne_content, .ne_weights {
        margin: 0 0px !important;
    }
    .new-device-width{
        width: 8% !important;
    }
    .new-device-width-2{
        width: 8% !important;
    }
    .display-lab-box {
        /*  width: 110px;*/
    }
    .clear-post .ne_content {
        margin: 0 4px !important;
    }

    .top-space-creat{}
    .top-space-creat md-input-container{
        top: 12px;
    }
    .quick_book_section .ne_collection .address-home-btn button, .quick_book_section .ne_collection2 .address-home-btn button {
        background-color: #ef6362;
        color: #fff;
        line-height: 9px;
        min-height: 28px;
        margin-top: 6px;
        min-width: 20px !important;
        padding: 0 3px !important;
        margin-right: 0;
    }
    .ne_content.is_doc {
        width: 80px;
        top: 0;
        text-align: center;
    }
}





.chek-box-sec md-input-container md-checkbox span {
    color: #fff !important;
}
.hub-design{}
.hub-design md-icon {
    height: 14px !important;;
    width: 14px !important;;
    min-height: 14px !important;;
    min-width: 14px !important;;
}

.md-chips {
    font-size: 14px !important;
}

.hub-design input {
    border: 1px solid #333 !important;
    border-radius: 3px !important;
}
.hub-design input:focus{
    border: 1px solid #333 !important;
}

.md-dialog-container .md-transition-in .md-button{
    background: #33225a;
}
.md-dialog-container .md-transition-in .md-button:hover{
    background: #33225a;
}
.md-dialog-container .md-transition-in .md-button:active{
    background: #33225a !important;
}
.md-dialog-container .md-transition-in .md-button:focus{
    background: #33225a;
}
.md-dialog-container .md-transition-in .md-button:disabled, .md-dialog-container .md-transition-in .md-button[disabled]{
    background: #33225a !important ;
}





.dtp-btn-today span{
    color: #fff;
}
.dtp-btn-cancel span{
    color: #fff;
}
.dtp-btn-ok span{
    color: #fff;
}


.new-popup-center .md-button span{
    color: #fff;
}

.space-overly-scrolling{
    max-height: 166px;
    height: 100%;
    overflow-y: scroll;
    overflow-x: hidden;
}
.space-overly-scrolling-packeg{
    max-height: 166px !important;
    height: 100% !important;
    overflow-y: auto;
    overflow-x: hidden;
}
@media only screen and (min-width: 1200px) and (max-width: 1366px){
    .space-overly-scrolling{
        height: 100%;
        max-height: 164px;
    }
    .space-overly-scrolling-packeg{
        height: 100%;
        max-height: 140px;
    }
}


.c-group{
    margin-bottom: 18px;
}
.c-group-inn {
    max-width: 160px;
    width: 100% !important;
}
.c-group-slect-height md-select{
    height: 27px;
}

.c-group-sameday{}
.c-group-m1{
    width: 59%;
}
.c-group-m2{}
.c-group-m3{
    width: 26%;
}

.c-group-m3 button{
    margin: 0 !important;
    padding: 0px 3px 3px 3px !important;
    width: 26px !important;
    height: 26px !important;
    background-color: transparent !important;
    line-height: 1px !important;
    opacity: 1 !important;
    box-shadow: none !important;
    min-height: 22px !important;
    text-align: center !important;
}
.c-group-m3 button md-icon{
    height: 18px;
    width: 18px;
    min-height: 18px;
    color: #000 !important;
    min-width: 18px;
    font-size: 20px !important;
    box-shadow:none !important;
}
@media only screen and (min-width: 1200px) and (max-width: 1366px){
    .c-group-m3 button{
        width: auto !important;
    }
}
.quick-serch-maine-box{}

.quick-serch-maine-box .address-home-btn button{
    background-color: #ef6362;
    color: #fff;
    line-height: 20px;
    min-height: 30px;
    margin-top: 4px;
    min-width: 20px !important;
    padding: 0 5px !important;
    margin-right: 0;
}
.quick-serch-maine-box button {
    background: #33225a ;
}

    .max-width-add_width{
        width: 100%;
    }
    .space-well_ck{
        width: 13% !important;
    }
    .space-well_dk{
        width: 13% !important;
    }
    .space-well{
        width: 12% !important;
    }
    .space-well2{
        width: 20% !important;
    }
    .space-well-nigetive{
        width: 6% !important;
    }

    .space-well-nigetive_dk{
        width: 80px !important;
    }
    .space-well-nigetive_ck{
        width: 80px !important;
    }

    .file-upload-sec {
        margin-left: 15px;
    }
    .file-upload-sec input[type="file"]{
        background: #eee;
        width: 200px;
    }

    .file-upload-sec input[type="button"]{
        background: #333;
    }

    .position-cover{
        position: relative;
    }
    .abs-position{
        position: absolute;
        top: 3px;
        right: -7px;
    }

    .position_divi{
        position: relative;
    }
    .cast-text {
        position: absolute;
        top: 17px;
        padding: 0 6px;
        background: #ffffff;
        margin: auto;
        width: 78%;
        text-align: center;
    }
    .cast-text p{
        font-size: 11px;
        text-transform: none;
        color: #333;
        display: inline-block;
    }
    .left-merge-left{
        display: inline-block;
        height: 20px;
    }
    .md-accent-prime-color button{
        background-color: transparent;
        padding: 0;
        border: none;
        min-width: 21px !important;
    }
    .left-merge-left md-toolbar{
        min-height: 26px !important;
    }
    .left-merge-left md-toolbar:not(.md-menu-toolbar){
        background-color: transparent;
    }
    .md-accent-prime-color .material-icons {
        cursor: pointer;
        position: relative;
        right: 1px;
        z-index: 9;
        color: #000;
        font-size: 18px;
        top: 1px;
    }
    .space-none{
        padding: 0;
        margin: 0 !important;
        position: relative;
    }
    .space-none img{
        position: absolute;
        top: -8px;
        /*    height: 45px;
            max-width: 70px;*/
        /*width: 100%*/
    }

    @media only screen and (min-width: 1200px) and (max-width: 1366px){
        .space-none img {
            /* top: -5px;*/
            top: -5px;
            text-align: center;
            display: block;
            margin: auto;
            left: 0;
            right: 0;
        }
        .services_row {
            font-size: 15px;
            font-weight: 600;
        }
        .new-border_x{
            width: 90%;
            margin: auto 1em auto 6em;
        }
        .top-clear{
            padding-top: 15px !important;
        }
    }

    @media only screen and (min-width: 1280px) and (max-width: 1366px){
        .cast-text {
            top: 11px;
            background-color: transparent;
        }
    }

    @media only screen and (min-width: 1367px) and (max-width: 1600px){
        .space-none img {
            /* top: -5px;*/
            top: -5px;
            text-align: center;
            display: block;
            margin: auto;
            left: 0;
            right: 0;
        }
        .services_row {
            font-size: 15px;
            font-weight: 600;
        }
        /*.new-border_x{
            width: 90%;
            margin: auto 1em auto 6em;
        }*/
        .top-clear{
            padding-top: 15px !important;
        }
    }

    .label-font-size md-input-container.md-input-focused label:not(.md-no-float),
    .label-font-size md-input-container.md-input-has-placeholder label:not(.md-no-float),
    .label-font-size md-input-container.md-input-has-value label:not(.md-no-float){
        font-size: 17px;
    }

    /*.label-font-size md-input-container.md-input-has-value label:not(.md-no-float) {
     font-size: 18px;
    }
    .label-font-size md-input-container.md-input-has-value label:(.md-no-float) {
     font-size: 18px;
    }*/
    .demo-select-header-n{
        display: block;
        width: 100%;
        outline: none;
    }
    .demo-select-header-n input{
        width: 93%;
        padding: 5px;
        border: 0.1px solid #333;
        margin: auto;
        font-family: 'MontserratLight', sans-serif;
    }
    .demo-select-header-n input:focus{}
    .demo-select-header-n input::placeholder{
        color: #203e65;
        font-style: normal;
        font-family: 'MontserratLight', sans-serif;
    }

    .sapce-padding-bootom{
        padding-bottom: 15px;
    }

    .sapce-padding-top{
        padding-top: 15px;
    }
    .add-form-new-set{}
    .add-form-new-set-btn{}
    @media only screen and (min-width: 1200px) and (max-width: 1279px){
        .add-form-box-sect-xx2b md-icon {
            margin-left: 10px;
        }
        .add-form-box-sect-xx2bC md-icon {
            margin-left: 62px;
        }
        .add-form-new-set {
            width: 13.7%;
            padding-right: 0;
            margin-right: 0 !important;
            margin-left: 5px;
        }

        .add-form-new-set label {
            font-size: 13px;
        }
    }

    @media only screen and (min-width: 1441px) and (max-width: 1500px){
        .add-form-box-sect-xx2b md-icon {
            margin-left: 10px;
        }
        .add-form-box-sect-xx2bC md-icon {
            margin-left: 25px;
        }
    }

    @media only screen and (min-width: 1280px) and (max-width: 1440px){
        .add-form-box-sect-xx2b md-icon {
            margin-left: 10px;
        }
        .add-form-box-sect-xx2bC md-icon {
            margin-left: 52px;
        }
    }

    @media only screen and (min-width: 1200px) and (max-width: 1400px){
        .add-form-box-flex-xx {
            justify-content: space-between;
        }
    }

    @media only screen and (min-width: 1200px) and (max-width: 1366px){
        .space-none-clean{
            display: flex;
            align-items: center;
        }
    }

    @media only screen and (min-width: 1280px) and (max-width: 1366px){
        .add-form-new-set {
            width: 13.7%;
            padding-right: 0;
            margin-right: 0 !important;
            margin-left: 5px;
        }
        .add-form-new-set label {
            font-size: 13px;
        }
    }

    @media only screen and (min-width: 1200px){
        .add-form-box-sect-xx.set-we md-select{
            width: 165px;
        }
        .add-form-box-sect-xx.set-we.widthNone md-select {
            width: 100%;
        }
    }
    #select_container_99{
        margin-left: 10px;
    }

    .add-form-box-sect-xx2b md-icon{
        position: absolute;
        right: -5px;
        z-index: 9;
    }
    .add-form-box-sect-xx2bC md-icon{
        margin-top: 15px;
    }

    @media only screen and (min-width: 1441px) and (max-width: 1500px){
        .add-form-box-sect-xx2b md-icon{
            right: -15px;
        }
        .add-form-box-sect-xx2bC md-icon{
            right: -15px;
        }
    }
    @media only screen and (min-width: 1366px) and (max-width: 1440px){
        .add-form-box-sect-xx2b md-icon{
            right: 10px;
        }
        .add-form-box-sect-xx2bC md-icon{
            right: 10px;
        }
    }

    @media only screen and (min-width: 1280px) and (max-width: 1365px){
        .add-form-box-sect-xx2b md-icon{
            right: 5px;
        }
        .add-form-box-sect-xx2C md-icon{
            right: 5px;
        }
    }

    .md-fab-bottom-right.docs-scroll-fab{
        background-color: #ef6362 !important;
    }
    .md-fab-bottom-right.docs-scroll-fab.md-button.md-fab {
        line-height: 30px;
        width: 37px;
        height: 30px;
    }
    .ne_tabs_width md-tab-item {
        border-right: 1px solid #cccccc;
        color: #000;
        background: #f3f3f3;
    }
    md-tab-item:last-child {
        border-right: 1px solid;
        border-color: none;
    }
    .ne_tabs_width{}

    .clone-icon{}
    .clone-icon button {
        margin-top: 1px;
        min-height: 23px;
        height: 23px;
    }
    .clone-icon i {
        background-color: #0f145c;
        padding: 5px;
        position: relative;
        top: -1px;
    }


    .container-left-cover{}
    .container-left-cover .form-control{
        width: 90%;
    }
    .container-left-cover .ui-select-bootstrap > .ui-select-choices {
        width: 90% !important;
    }

    .new-height-fit{
        position: fixed;
        z-index: 99999;
        right: 0;
        top: 0px;
        height: 100vh;
        bottom: 0;
        overflow: scroll;
    }

    .btn-group-icon{}
    .btn-group-icon md-menu-item{
        min-height: 36px;
        height: 36px;
    }
    .btn-group-icon .md-button{
        font-size: 14px;
    }
    .btn-group-icon .md-button span {
        margin-top: auto;
        margin-bottom: auto;
    }
    .btn-group-icon .md-button span.material-icons{
        position: relative;
        top: 6px;
    }
    .search-filter i{
        background-color: transparent !important;
    }

    @media only screen and (min-width: 1200px) and (max-width: 1366px){
        .ui-grid-canvas .ui-grid-cell{
            font-size: 9px;
        }
        .ui-grid-cell-contents {
            font-size: 11px
        }
    }

    .newcreat-form{}
    .newcreat-form md-input-container{}
    .newcreat-form label{}
    .newcreat-form input{
        height: 24px !important;
        margin-top: 0px !important;
        padding: 3px 3px !important;
    }
    .newcreat-form md-input-container .md-errors-spacer {
        min-height: 12px;
    }





    .header-clear-group{
        display: flex;
        flex-wrap: wrap;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .header-clear-group.header_newGroup{
        padding-top: 0px;
        border-bottom: 1px solid #dfdfdf;
        margin-bottom: 30px;
    }
    .flext-group-one{
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }
    .flext-group-one.flext_newGroup .lab-1 {
        font-size: 15px;
        font-weight: 600;
        color: #000;
    }
    .lab-1{
        padding-right: 10px;
    }
    .flext-group-one.flext_newGroup .lab-2 {
        font-size: 15px;
        font-weight: 600;
        color: #000;
    }
    .lab-2{
        padding-right: 10px;
    }
    .lab-2 select{
        background-clip: padding-box;
        background-color: #ffffff;
        background-image: none;
        border: 1px solid rgb(0 0 0 / 55%);
        border-radius: 0.25rem;
        color: #424242;
        display: block;
        font-size: 14px !important;
        height: 40px;
        line-height: 1.25;
        padding: 0 0.75rem;
        transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
        width: 100%;
        outline: none;
    }
    .lab-2 select:focus{}
    .lab-3{
        padding-right: 10px;
    }
    .lab-3 a{
        cursor: pointer;
    }
    .lab-3 a:hover{}

    .flext-group-tow{
        /*    width: 40%;*/
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }
    .flext-group-tow.flext_newGroup .lab-a {
        font-size: 16px;
        font-weight: 600;
        letter-spacing: 0.5px;
        color: #000;
    }
    .lab-a{
        padding-right: 10px;
    }
    .lab-b{
        padding-right: 10px;
    }
    .lab-b input{
        background-clip: padding-box;
        background-color: #ffffff;
        background-image: none;
        border: 1px solid rgb(0 0 0 / 55%);
        border-radius: 0.25rem;
        color: #424242;
        display: block;
        font-size: 14px !important;
        height: 40px;
        line-height: 1.25;
        padding: 0 0.75rem;
        transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
        width: 100%;
        outline: none;
    }
    .lab-b input:focus{}
    .lab-c{
        padding-right: 10px;
    }
    .lab-c a{}
    .lab-c a:hover{}
    .lab-d{
        padding-right: 10px;
    }
    .lab-d a{
        cursor: pointer;
    }
    .lab-d a:hover{}


    .active-shipment{}
    md-tabs .md-tab.md-active {
        color: #fff !important;
        background: #33225a !important;
    }

    md-tabs.md-default-theme .md-tab, md-tabs .md-tab {
        color: rgb(0 0 0);
        background: #f3f3f3;
        border-right: 1px solid #dadada;
        cursor: pointer !important;
    }

    .table-box{}
    .table-box table{
    }
    .positon-setting-icon .material-icons img{
        /*padding: 1px;*/
        padding: 4px;
        /*width: 22px;*/
        width: 16px;
    }

    .ngdialog-content, .width-setting {
        width: 530px;
        padding-right: 35px;
    }

    .width-setting .new-col-titel h3{
        text-align: center ;
    }
    .over-col .new-col-titel h3 {
        text-align: center ;
    }
    .ngdialog-content, .width-setting{
        padding-top: 4em;
    }
    .flex-group-line{
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        justify-content: space-between;
    }
    .flex-group-line .ng-flex-group{
        width: 49%;
    }

    @media only screen and (min-width: 1200px) and (max-width: 1440px){
        .positon-setting-icon .material-icons img {
            width: 15px;
            position: relative;
            top: -3px;
            right: -6px;
        }
    }

    .right-ali{
        display: inline-block;
        float: right;
        padding-bottom: 20px;
    }
    .right-ali button{
        margin-right: 0;
        padding-right: 0;
    }
    .slector-right{
        width: 50%;
    }
    .slector-right md-select{
        margin: 0px 0 26px;
    }
    .top-zeroo{
        top: 4px !important;
    }


    @media only screen and (min-width: 1200px) and (max-width: 1279px){
        .display-lab-box {
            width: 130px;
        }
        .slector-right {
            width: 46%;
        }
    }
    @media only screen and (min-width: 1280px) and (max-width: 1440px){
        .display-lab-box {
            width: 130px;
        }
        .slector-right {
            width: 46%;
        }
    }

    .md-block-setting-2{
        margin: 0px 0px 30px 0px;
        background: #f7f7f7;
        padding: 0px 10px 30px 10px;
    }
    .md-block-setting-1A{
        margin: 10px 0px 0px 0px;
        padding: 40px 10px 0px 10px;
    }
    @media only screen and (min-width: 1200px) and (max-width: 1300px){
        .md-block-setting-2 input#file-selector {
            width: 215px;
        }
    }
    .display-flex-clone-none{
        margin-left: 0px;
        padding-top: 0px;
        justify-content: flex-start;
    }

    .lab-select md-select {
        width: 218px;
        margin: 0px 0 12px;
    }
    .display-clecn-box-right-space{
        /*width: 238px;*/
    }
    .rifgt-left-space {
        margin-top: -14px;
        margin-left: 10px;
    }

    @media only screen and (min-width: 1200px) and (max-width: 1279px){
        .rifgt-left-space button {
            padding: 0 4px !important;
        }
        .display-clecn-box-right-space {
            width: 140px;
        }
        .display-lab-box-clone {
            width: 75px;
        }
        .lab-select md-select {
            width: 132px;
            margin: 0px 0 13px;
        }
        .top-zeroo{
            top: 0 !important;
        }
    }

    @media only screen and (min-width: 1280px) and (max-width: 1366px){
        .rifgt-left-space button {
            padding: 0 4px !important;
        }
        .display-clecn-box-right-space {
            width: 166px;
        }
        .display-lab-box-clone {
            width: 75px;
        }
        .lab-select md-select {
            width: 132px;
            margin: 0px 0 13px;
        }
        .top-zeroo{
            top: 0 !important;
        }
    }

    @media only screen and (min-width: 1367px) and (max-width: 1440px){
        .rifgt-left-space button {
            padding: 0 4px !important;
        }
        .display-clecn-box-right-space {
            width: 166px;
        }
        .display-lab-box-clone {
            width: 95px;
        }
        .lab-select md-select {
            width: 165px;
            margin: 0px 0 13px;
        }

    }

    .ne_add_pcl {
        /*    float: left;
            width: 25PX;
            top: 15px;
            position: relative;
            right: 5px;*/
        top: 15px;
        position: relative;
    }
    @media only screen and(min-width: 1200px) and (max-width:1279px){
        /*.ne_content.is_doc.top-space-creat {
            width: 66px;
            text-align: right;
            left: 20px;
            padding-right: 20px;
        }*/
        .add-form-box-sect-xx2B {
            width: 80px !important;
        }
    }

    .close-remove-icon i{
        font-size: 20px;
    }
    md-input-container.ng-scope.md-altTheme-theme.ng-animate.md-input-invalid {
        margin-top: 0px !important;
    }

    .full-smal-screen {
        width: 40%;
    }
    .mainCustom-pdf{

    }
    .customerPdf{
        margin-bottom:15px;

    }
    .customerPdf button{
        border: none;
        color: #fff !important;
        padding: 0;
        min-width: 35px;
        line-height: 0;
        border-radius:50px;
        margin-left: 15px;
        background-color:#33225a;

    }
    .customerPdf button:hover{
        background-color:#c34c4b !important;

    }
    .customerPdf label{
        width: 100%;
        display: inline-block;
        padding-top: 5px;

    }
    .customerPdf button i{
        font-size:20px;
    }


    .lineflex{
        position: absolute;
        right: 5px;
    }
    .quick_book_section .all_common_sidenav md-toolbar .lineflex button{
        width: 70px;
        font-size: 13px;
        color: #fff;
        font-weight: normal;
        font-family: arial;
        border-radius: 3px;
        text-transform: capitalize;
        margin-right: 0;
    }
    .lineflex button{}
    .lineflex button.re-size{}



    .input_clone{
        border: 1px solid #7d7d7d !important;
    }


    .right-space{
        margin-right: 10px;
    }

    @media only screen and (min-width: 1200px) and (max-width: 1440px){
        .right-space{
            margin-right: 50px;
        }
    }

    md-input-container.text-visibility input{
        color: #000 !important;
    }
    .side-left button{
        margin-left: 0 !important;
        padding-left: 0 !important;
    }

    /*.new-width-set{
        max-width: 200px;
    }*/

    .shadow-style-2{
        background: #f5f5f5;
    }
    .block-brack-part {
        flex-wrap: wrap;
        margin-bottom: 15px;
    }
    .block-brack-column{}

    .bgColor_nex_day{
        background: #efefef;
    }
    .bookingSummary_Main{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        padding: 10px 30px 30px 30px;
    }
    .col-colune-row{
        width: 36%;
    }
    .bookingSummary_Column{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        width: 100%;
        padding: 5px 0;
    }
    .left-text-H{
        color:#4c78af;
        text-transform: uppercase;
        letter-spacing: 0.4px;
        font-size: 14px;
        width: 25%;
    }
    .right-text-p{
        width: 74%;
    }
    .right-text-p p{
        color: rgba(0,0,0,0.87);
        font-size: 13px;
        padding: 0;
    }
    .col-colune-row-one{
        width: 30%;
    }
    .bookingSummary_Column-one{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        width: 100%;
        padding: 5px 0;
    }
    .left-text-H-one{
        color:#4c78af;
        text-transform: uppercase;
        letter-spacing: 0.4px;
        font-size: 14px;
        width: 56%;
    }
    .right-text-p-one{
        width: 42%;
    }
    .right-text-p-one p{
        color: rgba(0,0,0,0.87);
        font-size: 13px;
        padding: 0;
    }
    .padding_min-row{
        padding: 0px 30px 30px 30px;
    }

    md-card.shadowBox {
        box-shadow: 0px 1px 10px 0px #d0d0d0 !important;
        border: 1px solid #d0d0d0 !important;
    }

    .box-shadow-image{
        box-shadow: 0px 1px 10px 0px #d0d0d0;
        border: 1px solid #d0d0d0;
        margin: 0 !important;
        padding: 30px 8px 15px 8px;
    }
    .ancherUsrButton a{
        display: block;
        min-height: 25px;
        font-size: 13px;
        border-radius: 0 !important;
        padding-top: 2px !important;
        padding-bottom: 2px !important;
    }

    @media only screen and (min-width: 1280px) and (max-width: 1365px){
        .ancherUsrButton .md-button.md-primary.md-raised {
            background-color: #33225a;
            float: left;
            box-shadow: none;
            border: 1px #33225a solid !important;
            color: #fff;
            border-radius: 3px;
            padding: 0 9px;
        }
    }

    @media only screen and (min-width: 1280px) and (max-width: 1400px){
        h3.md-toolbar-tools.new-text-style {
            font-size: 17px;
        }
    }


    md-select-header.demo-select-header.demo-head-width {
        width: 100%;
        display: inline-flex;
        position: sticky;
        top: 0;
        z-index: 9999;
        background: #efefef;
    }
    input.demo-header-searchbox.md-text.set-new-width {
        width: 100%;
        margin: 5px 10px;
        padding: 6px 10px;
        font-size: 16px;
        outline: none;
    }
    .flex-btn-right{
        text-align: right;
        padding-right: 37px;
        margin-bottom: 10px;
    }
    table.table.table-hover.table-css{
        border-collapse: collapse;
        border-width: 0;
    }
    table.table.table-hover.table-css tr th{
        border-top: 1px solid #33225a;
        border-bottom: 1px solid #33225a;
        padding: 8px;
        background: #33225a;
        color: #fff;
    }
    table.table.table-hover.table-css tr td{
        padding: 5px 12px;
        vertical-align: baseline;
        border-top: 1px solid transparent;
        border-bottom: 1px solid #dadada;
    }


    md-input-container.space-clean{
        margin: 10px 10px 10px 10px !important;
    }
    md-input-container.space-clean-2{
        margin: 10px 0px 10px 0px !important;
    }

    .md-padding.dialog-close-btn.space-remove-box{
        padding: 0;
    }
    form.space-remove-form{
        padding: 0;
    }
    md-input-container.margin-space-none{
        margin: 0 0;
        height: 20px;
        width: 100%;
    }
    .table.table-hover.table-font-size tr td input{
        height: 20px;
        border: 1px solid #000;
        border-radius: 3px;
        width: 38px;
    }

    button.md-raised.md-primary.optimize-space {
        margin: 0 7px;
        font-size: 13px;
    }
    md-input-container.margin-s-zero{
        margin: 8px 0;
    }
    .table.table-hover.table-font-size{

    }
    .table.table-hover.table-font-size tr th{
        font-size: 12px;
        font-weight: 600;
        padding: 1px 6px;
    }
    .table.table-hover.table-font-size tr td{
        font-size: 12px;
        padding: 1px 6px;
    }
    .text-limit{
        display: block;
        max-width: 250px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    td.drop-icon-style i {
        text-align: center;
        display: block;
        font-size: 16px;
        padding-top: 4px;
        cursor: pointer;
    }

    .flex-switch-label{
        margin: 0 1px 18px 0px;
        width: auto;
    }
    .flex-switch-label label{
        background: #33225a;
        display: block;
        color: #fff !important;
        font-size: 14px;
        padding: 10px;
        text-align: center;
    }
    .flex-switch-label.text-align-left label{
        text-align: left;
    }
    md-input-container.call-center{
        justify-content: center;
    }
    .chip-custom.margin-zeero{
        padding: 15px;
        border: 1px solid #b5b5b542;
        border-radius: 6px;
    }

    .text-limit-new {
        max-width: 180px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }


    button.md-icon-button.closed_btn_popup.md-button{
        background: #ef6362;
        padding: 0;
        margin: 0;
        height: 30px;
        width: 37px;
    }
    button.md-icon-button.closed_btn_popup.md-button:hover{
        background: #ef6362;
        color: #fff;
    }
    button.md-icon-button.closed_btn_popup.md-button span{
        font-size: 45px;
        line-height: 0;
        position: relative;
        top: 10px;
        left: 1px;
        color: #fff;
    }
    button.md-icon-button.closed_btn_popup.md-button:hover span{
        color: #fff;
    }
    .panel-subheader.total-font-size{
        width: 100%;
        margin-left: 0;
    }
    .panel-subheader.total-font-size label {
        text-align: left;
        width: 50%;
        padding-left: 0;
        font-size: 11px;
    }

    .closebutton.close_button-new{
        position: absolute;
        right: -12px;
        top: -5px;
        background: #ef6362;
        width: 20px;
        height: 20px;
        padding: 0px;
        line-height: 0;
        border-radius: 100%;
    }
    .closebutton.close_button-new i.closeBtn{
        background-color: transparent;
        color: #fff;
        padding: 3px 5px;
    }
    @media only screen and (min-width: 1200px) and (max-width: 1279px){
        .panel-subheader.total-font-size{}
        .panel-subheader.total-font-size label {
            font-size: 8px;
        }
    }

    @media only screen and (min-width: 1280px) and (max-width: 1365px){
        .panel-subheader.total-font-size{}
        .panel-subheader.total-font-size label{
            font-size: 9px;
        }
    }

    @media only screen and (min-width: 1366px) and (max-width: 1440px){
        .panel-subheader.total-font-size{}
        .panel-subheader.total-font-size label{
            font-size: 10px;
        }
    }

    .material-icons-ss{}
    .material-icons-ss img{
        width: 17px;
        padding-top: 3px;
    }












    .routeData.additional-class{

    }
    i.fa.fa-compass.icon.mt-4mm{
        font-size: 17px;
    }
    #tab-2 i.fa.fa-compass.icon.mt-2mm{
        font-size: 17px;
        padding-right: 6px;
    }
    #tab-3 i.fa.fa-compass.icon.mt-2mm {
        font-size: 17px;
        padding-right: 1px;
    }
    i.fa.fa-clock-o.icon.mt-4mm {
        font-size: 17px;
        top: -3px;
        width: 14px;
        text-align: right;
    }
    i.fa.fa-archive.icon.mt-4mm {
        font-size: 12px;
        top: 0px;
        margin-right: 5px;
    }
    i.icon.img-icon img{
        width: 14px;
    }
    i.icon.img_icon_driver img{
        width: 15px;
    }
    .row-margin.flex-margin{
        display: flex;
        justify-content: space-between;
        float: none;
        width: 95%;
        align-items: center;
    }
    .routeData.additional-class .time {
        font-size: 11px;
        color: #000000;
    }
    .pull-left.address.aawe {
        width: 16%;
    }
    .pull-left.location.address.flex-address{
        display: flex;
        align-items: center;
        width: 40%;
        margin-right: 3px;
    }
    .pull-left.location.address.flex-address i.icon.img-icon{
        width: auto;
        padding-right: 5px;
    }
    .pull-right.time-set {
        text-align: right;
        width: 40%;
        display: inline-block;
        align-items: center;
    }

    i.fa.fa-map-marker.icon.mt-4mm {
        font-size: 17px;
        text-align: left;
        width: 14px !important;
        position: relative;
        top: 0px;
    }

    #tab-2 i.fa.fa-map-marker.icon.mt-4mm {
        font-size: 17px;
        text-align: left;
        width: 14px !important;
        position: relative;
        top: 0px;
    }

    #tab-2 .row-margin.flex-margin {
        display: flex;
        justify-content: space-between;
        float: none;
        width: 95%;
        align-items: center;
        margin-bottom: 5px;
    }
    #tab-2 .pull-left.address.flex-address {
        display: flex;
        align-items: center;
        width: 40%;
        margin-right: 3px;
    }
    #tab-2 .pull-right.time-set {
        text-align: right;
        width: 40%;
        display: inline-block;
        align-items: center;
    }
    #tab-2 .pull-left.address.flex-address i {
        width: auto;
        padding-right: 5px;
    }


    #tab-3 .row-margin.flex-margin {
        display: flex;
        justify-content: space-between;
        float: left;
        width: 95%;
        align-items: center;
        margin-bottom: 5px;
    }

    #tab-3 .address.flex-address {
        display: flex;
        align-items: center;
        width: 56%;
        margin-right: 3px;
    }

    #tab-3 .address.flex-address i {
        width: auto;
        padding-right: 5px;
    }
    .left-btn-open{
        display: inline-block;
    }
    .left-btn-open button{
        color: #fff;
        background: #33225a !important;
        border: none;
        outline: none;
        text-align: center;
        width: 28px;
        height: 28px;
        padding: 2px 7px;
        border-radius: 5px !important;
        margin: 0 0 0 -2px;
    }
    .left-btn-open button .material-icons{
        font-size: 16px;
        text-align: center;
        display: block;
    }
    .filter-align.next_day_line_two.new-flex{
        display: flex;
        flex-wrap: wrap;
    }
    .card-box-design{
        padding: 10px;
    }
    .card-box-headding{
        color:#33225a;
        padding: 5px;
    }
    .card-box-headding h3{
        margin-bottom: 5px;
        text-align: center;
    }
    .card-box-headding h3 a{
        margin-bottom:0px;
        font-size: 14px;
        font-family: arial;
        font-weight: 600;
        color: #fff !important;
        padding: 8px 20px;
        border: 1px solid #33225a;
        border-radius: 21px;
        width: 150px;
        transition: all 0.5s;
        background: #33225a;
    }
    /*.card-box-headding h3 a:hover{
        color: #fff;
        background: #33225a;
    }*/
    .card-button{}
    .card-button input{
        color: #fff;
        border-radius: 3px !important;
    }
    .table.table-striped.card-design{
        border-collapse: collapse;
        border-width: 0;
    }
    .table.table-striped.card-design thead{
        background: #655d77;
        color: #fff;
    }
    .table.table-striped.card-design tr th, .table.table-striped.card-design tr td{
        padding: 6px 10px;
    }
    .md-dialog-content-width{
        padding: 25px 20px !important;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .md-dialog-content-width md-input-container{
        margin: 0 14px;
        width: 60px;
    }
    md-input-container.box-design-cart{
        border: 1px solid #3333332b;
        padding: 3px !important;
        border-radius: 3px;
    }
    li.icon-position-plus{
        position: relative;
    }
    li.icon-position-plus a i{
        position: absolute;
        background: #33225a;
        width: 22px;
        height: 22px;
        right: -4px;
        top: -3px;
        border-radius: 50px;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    @media only screen and (min-width: 1200px) and (max-width: 1366px){
        .col-sm-12.text-center button {
            margin: 0;
        }
    }

    .row-margin.flex-margin .pull-right.open-arrow22 {
        display: flex;
        align-items: center;
    }
    .row-margin.flex-margin .pull-right.open-arrow22 i {
        text-align: right;
        margin-left: 7px;
        top: -1px !important;
        position: relative;
    }
    button.craeteshipmnetdropdown.dropdown.md-primary.btn-left-fix{
        float:none !important;
    }

    .SMS-works{
        display: flex;
        align-items: center;
        width: 100%;
        height: auto;
        flex-wrap: wrap;
        padding: 10px 0 20px 0;
        font-size: 16px;
    }
    .SMS-works button{
        margin-left: 10px;
        border: none;
        outline: none;
        background: transparent;
        text-align: center;
        color: #290d5a;
        padding: 0;
        margin-top: 0 !important;
    }
    .SMS-works button span.material-icons{
        font-size: 22px;
        padding: 0px;
        width: auto;
        height: auto;
        line-height: 26px;
        position: relative;
        margin: 0;
        left: -2px;
        color: #290d5a;
    }
    .contaner-popup{
        max-width: 800px;
    }
    .list-scction{}
    .list-scction ol {
        margin: 0;
        padding: 26px;
        max-height: 350px;
        overflow: auto;
    }
    .list-scction ol li{
        margin-bottom: 15px;
        width: 100%;
        list-style: none;
    }
    .list-scction ol li p{
        margin: 0;
        padding: 0;
        font-size: 14px;
        letter-spacing: 0.3px;
        display: inline-flex;
        align-items: baseline;
    }
    .list-scction ol li p span{
        margin: 0;
        padding: 0px;
        font-size: 14px;
        letter-spacing: 0.3px;
        background: #142a5c;
        min-width: 30px;
        min-height: 30px;
        border-radius: 100%;
        text-align: center;
        display: flex;
        color: #fff;
        margin-right: 10px;
        align-items: center;
        justify-content: center;
    }
    .list-scction ol li div{
        text-align: center;
    }
    .list-scction ol li img{
        width: 100%;
        max-width: 500px;
        margin-top: 10px;
    }
    .areia-clone{
        min-height: auto;
        padding: 0 !important;
        width: 100%;
        text-align: right;
    }
    .areia-clone button{

    }
    .nor{
        display: inline-flex;
        position: relative;
        top: 0px;
    }

    li.icon-position-plus a img {
        width: 30px;
        margin-right: 4px;
    }
    .nor ul.nav {
        background: transparent;
    }
    .nor ul.nav li {
        background: transparent;
    }
    .nor ul.nav li a{
        font-size: 14px;
        color: #fff;
        display: flex;
        align-items: center;
        font-family: arial, sans-serif;
        font-weight: normal;
    }

    @media only screen and (min-width: 1200px) and (max-width: 1365px){
        li.icon-position-plus a img {
            width: 23px;
        }
        .nor {
            position: relative;
            top: 2px;
        }
    }
    @media only screen and (min-width: 1366px) and (max-width: 1399px){
        li.icon-position-plus a img {
            width: 26px;
        }
        .nor {
            position: relative;
            top: 0px;
        }
    }

    @media only screen and (min-width: 1400px) and (max-width: 1440px){
        li.icon-position-plus a img {
            width: 27px;
        }
        .nor {
            position: relative;
            top: 3px;
        }
    }

    button.md-raised.md-button.md-ink-ripple.refresh_Map {
        border: 1px solid gainsboro;
        box-shadow: none;
        min-width: auto;
        margin-left: 0;
        height: 30px;
        padding: 2px;
        display: inline-flex;
        align-items: center;
    }


    .row-flex-page{
        display: flex;
        flex-wrap: wrap;
        width: 100%;
    }
    .row-flex-page md-input-container{
        margin-right: 12px;
    }
    .row-flex-page .md-button.md-datepicker-button.md-icon-button {
        margin: 0 0px;
        height: 30px;
        min-width: 0;
        line-height: 16px;
        padding: 0px;
        width: 30px;
        border-radius: 0;
    }
    .row-flex-page .md-icon-button+.md-datepicker-input-container {
        margin-left: 4px;
    }
    md-checkbox.textResize span {
        font-size: 12px;
        color: #203e65;
        letter-spacing: 0;
    }

    .grid.mastergrid.height-none {
        height: 74vh;
    }

    button.list-height md-icon {
        padding: 0;
        line-height: 12px;
        display: flex !important;
        align-items: center;
        justify-content: center;
        position: relative;
        right: 1px;
    }
    button.list-height md-icon i{
        color: #fff !important;
        font-size: 14px !important;
    }

    .add-form-box-flex-xx.clear-post.md-padding.max-width-add {
        width: 98%;
    }
    .add-form-box-flex-xx.clear-post.md-padding.max-width-add .add-form-box-sect-xx {
        width: 13.5%;
    }
	.add-form-box-flex-xx.clear-post.md-padding.max-width-add .add-form-box-sect-xx.check_full_width{
        width: 100%;
    }
    @media (min-width: 960px){
        .add-form-box-flex-xx.clear-post.md-padding.max-width-add .md-padding {
            padding: 16px 5px;
        }
    }


    /*.md-block.input_file-sec input[type="file"] {
        position: absolute;
        padding-left: 94px;
        width: 80%;
    }*/

    .set-color2 {
        width: 100%;
        margin: 10px 0;
        display: inline-block;
    }
    .set-color2.label-color-config label {
        position: initial !important;
    }
    .set-color input {
        border-color: transparent;
        border: 1px solid #eee;
    }

    .label-color-config label span{
        color: #898989;
        font-size: 12px;
    }




    .sub-header.space-create {
        margin-bottom: 20px;
    }
    .sub-header.space-create h3 {
        padding: 10px;
    }

    .setting_icon_container {
        margin-bottom: 6em;
    }
    .setting_container-inn{
        width: 86%;
        margin: auto;
        border-radius: 14px;
    }
    .stting_icon_list{}
    .stting_icon_list ul{
        display: flex;
        flex-wrap: wrap;
        align-items: baseline;
        margin: 0 auto;
        padding: 0;
    }
    .stting_icon_list ul li{
        text-align: center;
        list-style: none;
        width: 18%;
        margin: 10px;

        position: relative;
        overflow: hidden;
    }
    .stting_icon_list ul li a{
        padding: 30px 10px 10px 10px;
        border: 1px solid #efefef;
        display: block;
        border-radius: 4px;
        color: #33225a !important;
        font-size: 15px;
        transition: all 0.5s;
        outline: none;
        background: #f7f7f7;
    }
    .stting_icon_list ul li a:hover{
        /*border: 1px solid #ef6362;*/
    }
    .stting_icon_list ul li a .img-setting{
        margin-bottom: 10px;
    }
    .stting_icon_list ul li a span{
        height: 50px;
        display: inline-block;
        width: 100%;
    }
    .stting_icon_list ul li a img{
        width: 45px;
    }

    ul.nav.add_chat li.padding-zero {
        position: relative;
        background-color: transparent;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    ul.nav.add_chat li.padding-zero i{
        font-size: 20px;
        margin-right: 4px;
    }

    @media only screen and (min-width: 1200px) and (max-width: 1279px){
        .stting_icon_list ul li {
            width: 22.7%;
        }
    }

    @media only screen and (min-width: 1280px) and (max-width: 1365px){
        .stting_icon_list ul li {
            width: 23%;
        }
    }

    @media only screen and (min-width: 1366px) and (max-width: 1440px){
        .stting_icon_list ul li {
            width: 18.1%;
        }
    }

    .disputed_one i.fa.fa-commenting-o {
        font-size: 18px;
        padding-right: 2px;
        padding-left: 2px;
    }
    ul.nav.add_chat{
        background-color: transparent;
        outline: none;
        margin-top: 0;
        padding: 5px 0;
    }
    ul.nav.add_chat li.padding-zero {
        position: relative;
        background-color: transparent;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: space-between;
        border: 1px solid #ef6362;
        min-height: 18px;
        padding: 3px 5px;
        border-radius: 3px;
    }
    ul.nav.add_chat li.padding-zero span {
        /*position: relative;
        right: -2px;
        border-radius: 50px;
        min-width: 40px;
        height: 16px;
        font-size: 9px;
        line-height: 18px;
        text-align: center;
        display: inline-block;
        background: #ef6362;*/
    position: relative;
    right: -2px;
    border-radius: 50px;
    min-width: 40px;
    height: 16px;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    display: inline-block;
    background: #ef6362;
    }

    .profile_container{
        margin-bottom: 6em;
    }
    .profile_container-inn{
        width: 90%;
        margin: auto;
        border-radius: 14px;
        padding: 20px;
    }
    .profile_container-min{
        display: flex;
        justify-content: space-between;
        width: 100%;
        flex-wrap: wrap;
    }
    .profile_left{
        border: 1px solid #e3e3e3;
        width: 65%;
        margin: 10px;
        border-radius: 5px;
    }
    .profile_right{
        border: 1px solid #e3e3e3;
        width: 28%;
        margin: 10px;
        border-radius: 5px;
        padding: 15px;
    }

    .heading-page-profile {
        font-size: 17px;
        font-weight: 600;
        background: #33225a;
        padding: 8px 15px;
        color: #ffffff;
        width:auto;
        float: none;
    }

    .profile_cont{
        padding: 15px;
    }
    .profile_cont table{
        width: 100%;
        border-collapse: collapse;
        border-width: 0;
    }
    .profile_cont table tr td{
        padding: 5px;
        font-size: 14px;
        word-break: break-word;
        vertical-align: top;
    }
    .profile_cont table tr td.help-i{
        text-align: center;
    }
    .profile_cont table tr td.help-i button {
        background: transparent;
        outline: none;
        font-size: 16px;
        color: #9f9f9f;
        border: 1px solid #d9d9d9;
        width: 25px;
        height: 25px;
        display: inline-block;
        border-radius: 100%;
    }
    .check_i{
        text-align: right;
    }
    .check_i button{
        background: transparent;
        outline: none;
        font-size: 16px;
        color: #9f9f9f;
        border: 1px solid #d9d9d9;
        width: 25px;
        height: 25px;
        display: inline-block;
        border-radius: 100%;
        padding: 0px;
        margin-left: 3px;
    }
    .check_i button i{}
    .check_i button.check_i_color{
        color: #0080007d;
        border: 1px solid #0080007d;
    }
    .check_i button.uncheck_i_color{
        color: #ff00006e;
        border: 1px solid #ff00006e;
    }

    .last-btn {
        padding: 10px 10px 0px 10px;
        border-top: 1px solid #e1e1e1;
        margin-top: 15px;
        text-align: right;
    }
    .profile_cont table tr td .number-call{
        display: flex;
        width: 22px;
        height: 22px;
        background: #ef6362;
        border-radius: 100%;
        text-align: center;
        justify-content: center;
        align-items: center;
        padding: 0;
        font-size: 12px;
        color: #fff;
        vertical-align: top;
    }

    .list-n-right {
        position: relative;
        border: 1px solid #33333336;
        width: 206px;
        margin: auto;
        height: 120px;
        border-radius: 5px;
    }
    .logoContainer{
        width: 180px;
        height: 100px;
        margin: 15px auto 0 auto;
        text-align: center;
    }
    .logoContainer img{
        max-width:100%;
        max-height: 99px;
    }
    .fileContainer{
        background: #ef6362;
        width: 36px;
        height: 36px;
        overflow: hidden;
        position: absolute;
        font-size: 16px;
        line-height: 31px;
        color: #fbfbfb;
        padding: 0px 2px 0 0px;
        margin: 0 auto 0 auto;
        cursor: pointer !important;
        border-radius: 100%;
        text-align: center;
        right: 0;
        left: 0;
        bottom: -18px;
        border: 1px solid #ef6362;
    }
    .fileContainer span{
        overflow:hidden;
        display:block;
        white-space:nowrap;
        text-overflow:ellipsis;
        cursor: pointer;
    }
    .fileContainer span i{
        cursor: pointer;
    }
    .fileContainer input[type="file"]{
        opacity:0;
        margin: 0;
        padding: 0;
        width:100%;
        height:100%;
        left: 0;
        top: 0;
        position: absolute;
        cursor: pointer;
    }






    .circle_percent {
        /*font-size:120px;
        width:1em;
        height:1em;
        position: relative;
        background: #eee;
        border-radius:50%;
        overflow:hidden;
        display:inline-block;
        margin:20px;*/
        font-size: 188px;
        width: 1em;
        height: 1em;
        position: relative;
        background: #eee;
        border-radius: 50%;
        overflow: hidden;
        display: inline-block;
        margin: 20px auto;
        font-weight: 600;
        font-family: arial;
    }
    .circle_inner {
        position: absolute;
        left: 0;
        top: 0;
        width: 1em;
        height: 1em;
        clip:rect(0 1em 1em .5em);
    }
    .round_per {
        position: absolute;
        left: 0;
        top: 0;
        width: 1em;
        height: 1em;
        background: #33225a;
        clip:rect(0 1em 1em .5em);
        transform:rotate(180deg);
        transition:1.05s;
    }
    .percent_more .circle_inner {
        clip:rect(0 .5em 1em 0em);
    }
    .percent_more:after {
        position: absolute;
        left: .5em;
        top:0em;
        right: 0;
        bottom: 0;
        background: #33225a;
        content:'';
    }
    .circle_inbox {
        position: absolute;
        top: 10px;
        left: 10px;
        right: 10px;
        bottom: 10px;
        background: #fff;
        z-index:3;
        border-radius: 50%;
    }
    .percent_text {
        position: absolute;
        font-size: 60px;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
        z-index: 3;
        color: #ef6362;
    }

    .barChart {
        text-align: center;
        margin-top: 3em;
        border-top: 1px solid #eee;
    }
    .last-btn a {
        font-size: 14px;
        color: #33225a;
        letter-spacing: 0.5px;
    }
    .last-btn a i{
        font-size: 18px;
        color: #33225a;
    }

.sub-header-action-button.hjjjj button {
    margin-bottom: 10px !important;
}
    @media only screen and (min-width:1200px) and (max-width: 1279px) {
        ul.nav.add_chat li.padding-zero {
            min-height: 18px;
            padding: 3px 5px;
        }
    }

    @media only screen and (min-width:1280px) and (max-width: 1365px) {
        ul.nav.add_chat li.padding-zero {
            min-height: 18px;
            padding: 3px 5px;
        }
        ul.nav.add_chat li.padding-zero i {
            font-size: 18px;
        }
    }

    @media only screen and (min-width:1366px) and (max-width: 1440px) {
        ul.nav.add_chat li.padding-zero {
            min-height: 18px;
            padding: 3px 5px;
        }
        ul.nav.add_chat li.padding-zero i {
            font-size: 18px;
        }
    }



    a.button-track{
        background: #3e51bf;
        padding: 4px 15px;
        border-radius: 3px;
    }
    .cropArea {
        background: #E4E4E4;
        overflow: hidden;
        width:500px;
        height:350px;
    }



    .align-table{
        display: flex;
        align-items: normal;
        vertical-align: top;
    }
    .align-table span{}
    button.check_i_info-g {
        border: none;
        background: transparent;
        outline: none;
        position: relative;
        top: -6px;
        left: 25px;
    }

    button.check_i_info-g img {
        width: 30px;
    }

    .thnks-message{
        text-align: center;
        border-top: 1px solid #e9e9e9;
        padding: 2em;
    }
    .thnks-message h4{
        margin: 0;
        padding: 0;
        font-size: 18px;
        font-weight: bold;
        font-family: arial, sans-serif;
        color: #33225a;
    }
    .thnks-message p{
        margin: 0;
        padding: 0;
        font-size: 16px;
        font-family: arial, sans-serif;
    }
    .thnks-message h6{
        margin: 0;
        padding: 0;
        font-size: 16px;
        font-weight: bold;
        font-family: arial, sans-serif;
        color: #33225a;
    }


    .main-page-inner{
        display: flex;
        align-items: baseline;
        justify-content: normal;
        text-align: left !important;
        width: 100%;
    }
    .number-section{
        margin: 0;
        padding: 0px;
        font-size: 14px;
        letter-spacing: 0.3px;
        background: #142a5c;
        min-width: 30px;
        min-height: 30px;
        border-radius: 100%;
        text-align: center;
        display: flex;
        color: #fff;
        margin-right: 10px;
        align-items: center;
        justify-content: center;
    }
    .content-section-last{}
    .content-section-last h3{
        text-align: left;
        font-weight: 600;
        font-family: arial, sans-serif;
    }
    .content-section-last h4{
        text-align: left;
        font-weight: 400;
        font-family: arial, sans-serif;
    }
    .paira-p{
        text-align: left !important;
    }
    .paira-p p{
        display: inline-block !important;
        text-align: left !important;
    }
    .paira-p p strong{
        text-align: left !important;
    }
    .img-cover{}
    .img-cover img{}
    .paira-content p {
        text-align: left !important;
        display: inline-block !important;
        padding: 0px 40px !important;
    }

    .paira-content-mail{
        text-align: left !important;
        display: inline-block !important;
        padding: 0px 40px !important;
        font-size: 17px;
        font-weight: 600;
        font-family: arial, sans-serif;
    }
    .paira-content-mail a{}

    .main-headding-top{
        font-size: 16px;
        font-weight: 500;
        letter-spacing: 0.5px;
        background: #33225a;
        padding: 7px;
        color: #fff;
        border-radius: 3px;
    }

    .ul-cover{
        text-align: left !important;
    }
    .ul-cover ul{
        margin: 6px 0 12px 0;
        padding: 0 33px;
    }
    .ul-cover ul li{
        text-align: left !important;
        list-style: disc;
        margin: 0;
        padding: 2px;
    }
    .ul-cover ol{
        margin: 6px 0 12px 0;
        padding: 0 33px;
    }
    .ul-cover ol li{
        text-align: left !important;
        list-style: decimal;
        margin: 0;
        padding: 2px;
    }

    .paira-p.add-ext-space {
        padding: 10px 0 20px 0;
    }

    .ul-cover-list{}
    .ul-cover-list ol{
        overflow: inherit !important;
        max-height: 100%;
    }
    .ul-cover-list ol li{
        text-align: left !important;
        padding: 0 !important;
        list-style: decimal;
    }

    /*7-12-2021*/
    .table-style-newDesign{
        height: 73vh;
        overflow-x: hidden;
        overflow-y: scroll;
    }
    .table-container-main{
        margin-bottom: 2em;
    }
    .table-name{
        border-top-right-radius: 3px;
        background: #33225a;
        color: #fff;
        font-size: 20px;
        text-align: center;
        padding: 6px;
        border-top-left-radius: 3px;
    }
    .table-container-main table{
        border-collapse: collapse;
        width: 100%;
        border: 1px solid #cdcdcd;
    }
    .table-container-main table tr th, .table-container-main table tr.bold-font-add td{
        color: #33225a;
        font-size: 14px;
        text-align: center;
        padding: 4px;
        font-weight: 600;
        font-family: arial, sans-serif;
        background: #f5f5f5;
    }
    .table-container-main table tr td{
        color: #33225a;
        font-size: 13px;
        text-align: center;
        padding: 3px;
    }
    .table-container-main table tr td.text-center-bold, .table-container-main thead tr th.text-center-bold{
        color: #33225a;
        font-size: 18px;
        text-align: center;
        padding: 4px;
        font-weight: 600;
        font-family: arial, sans-serif;
    }

    .table-container-main .material-icons.good_gpp{
        cursor: pointer;
        color: #33225a;
        font-size: 20px;
    }
    /*.table-container-main .material-icons.delete_outline{
        cursor: pointer;
        color: #ef6362;
        font-size: 20px;
    }*/
    .table-container-main .add_icon_box{
        display: inline-block;
    }
    .table-container-main .add_icon_box .material-icons.edit_outline,
    .table-container-main .add_icon_box .material-icons.delete_outline{
        cursor: pointer;
        color: #333;
        font-size: 18px;
        position: relative;
        top: 3px;
    }
    .add_radio_box{}
    .add_radio_box md-radio-group{}
    .add_radio_box md-radio-group md-radio-button{
        margin-bottom: 0;
        display: inline-block;
        position: relative;
        left: 5px;
    }
    .add_radio_box md-radio-button .md-off, .add_radio_box md-radio-button .md-on {
        box-sizing: border-box;
        position: absolute;
        top: 0;
        left: 0;
        width: 16px;
        height: 16px;
        border-radius: 50%;
    }


    .md-toolbar-tools  .head-design-flex{
        display: flex;
        align-items: center;
        width: 100%;
    }

.md-toolbar-tools  .head-design-flex div.label-text{
    color: #fff !important;
}

td md-input-container.margin-space-none input.input-width_reset{
    width: 80px;
}
     
.md-sidenav-right.md-whiteframe-4dp.all_common_sidenav.additional_wdt{
    min-width: 45%;
}                                              
@media only screen and (min-width:1200px) and (max-width: 1279px) {
.md-sidenav-right.md-whiteframe-4dp.all_common_sidenav.additional_wdt{
    min-width: 58%;
} 
}

@media only screen and (min-width:1280px) and (max-width: 1365px) {
.md-sidenav-right.md-whiteframe-4dp.all_common_sidenav.additional_wdt {
    min-width: 50%;
}
}

@media only screen and (min-width:1366px) and (max-width: 1440px) {
.md-sidenav-right.md-whiteframe-4dp.all_common_sidenav.additional_wdt {
    min-width: 46%;
}
}
span.imp_file label {
    color: #fff !important;
}


.margin-row-none {
    display: flex;
    width: 100%;
}
.margin-row-none .margin-s-zero.sapce-new-width {
    width: 45%;
}
.md-raised.md-primary.bg-color-btn.auto_planner{}
.md-raised.md-primary.bg-color-btn.auto_planner div{
    display: flex;
    align-items: center;
}
.md-raised.md-primary.bg-color-btn.auto_planner div span{}
.md-raised.md-primary.bg-color-btn.auto_planner div span.auto-text {
    padding-left: 4px;
}
.sidebar-wrapper ul li a img.img-li{
    width: 20px;
    margin: auto;
    text-align: center;
    margin-left: 16px;
    margin-top: 10px;
    margin-bottom: 8px;
}

.sidebar-wrapper ul li a img.img-li2{
    width: 20px;
    margin: auto;
    text-align: center;
    margin-left: 16px;
    margin-top: 8px;
    margin-bottom: 8px;
}
.craeteshipmnetdropdown .dropdown-menu li i.material-icons.standard-icon {
    font-size: 20px;
    padding: 0;
    margin: 0;
    position: relative;
    width: 24px;
    top: 5px;
}
.craeteshipmnetdropdown .dropdown-menu li i.fa.fa-file-zip-o.standard-icon {
    font-size: 18px;
    padding: 0;
    margin: 0;
    position: relative;
    width: 24px;
    top: 3px;
}
button.btn_cust{
    border-radius: 3px !important;
}
button.btn_cust a{
    color: #fff;
    padding: 4px 10px;
}

.bck-new-flex-s{
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 15px 15px 15px 0px;
    align-items: center;
}
.main-col_inn_one{
    width: 80%;
    display: inline-flex;
    align-items: center;
}
.main-col_inn_tow{
    display: inline-block;
    width: 80px;
}
.sub-header .main-col_inn_one .md-button.md-primary.md-raised {
    float: none; 
}


.sub-header.bck-new-flex{
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding-right: 1.5em;
    align-items: center;
}
.sub-header.bck-new-flex .button-back-n  {

}
.sub-header.bck-new-flex .button-back-n a {
    background: #ef6362;
    border: 1px #ef6362 solid;
    color: #fff;
    border-radius: 3px;
    padding: 4px 10px;
    text-decoration: none;
}
.bck-new-flex2{
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding-right: 1.5em;
    align-items: center;
}
.bck-new-flex2 .button-back-n  {

}
.bck-new-flex2 .button-back-n a {
    background: #ef6362;
    border: 1px #ef6362 solid;
    color: #fff;
    border-radius: 3px;
    padding: 4px 10px;
    text-decoration: none;
}


.main-col_inn_tow .button-back-nCC a {
    background: #ef6362;
    border: none;
    color: #fff;
    border-radius: 3px;
    padding: 0px 17px;
    text-decoration: none;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    right: 30px;
}

@media only screen and (min-width: 1200px) and (max-width: 1279px){
    .sidebar-wrapper ul li a img.img-li {
        width: 18px;
        margin-left: 14px;
        margin-top: 14px;
    }
    .sidebar-wrapper ul li a img.img-li2 {
        width: 18px;
        margin-left: 14px;
    }
}
@media only screen and (min-width: 1280px) and (max-width: 1366px){
    .sidebar-wrapper ul li a img.img-li {
        width: 20px;
        margin-left: 0px;
        margin-top: 6px;
        margin-bottom: 3px;
    }
    .sidebar-wrapper ul li a img.img-li2 {
        width: 20px;
        margin-left: 0px;
    }
}

@media only screen and (min-width: 1367px) and (max-width:  1440px){
    .sidebar-wrapper ul li a img.img-li {
        width: 24px;
        margin-left: 16px;
    }
    .sidebar-wrapper ul li a img.img-li2 {
        width: 24px;
        margin-left: 16px;
    }
}

.right-section.add-new-right li.icon-position-plus a img {
    width: 26px;
    margin-right: 4px;
}
@media only screen and (min-width: 1280px) and (max-width:  1365px){
    .right-section.add-new-right ul.last-div li {
        line-height: 22px;
        font-size: 12px;
        padding: 0 5px;
    }
    .right-section.add-new-right ul.nav.add_chat li.padding-zero {
        min-height: 18px;
        padding: 3px 5px;
    }
    .right-section.add-new-right li.icon-position-plus a img {
    width: 22px;
}
.unassigned_Section ul li {
    font-size: 12px;
    padding: 3px 5px 3px 5px;
}
.unassigned_Section ul li div {
    font-size: 10px;
}
}

@media only screen and (min-width: 1366px) and (max-width: 1400px){
    .right-section.add-new-right ul.last-div li {
        line-height: 22px;
        font-size: 12px;
        padding: 0 5px;
    }
    .right-section.add-new-right ul.nav.add_chat li.padding-zero {
        min-height: 18px;
        padding: 3px 5px;
    }
}


@media only screen and (min-width: 1401px) and (max-width: 1440px) {
    .right-section.add-new-right ul.last-div li {
        line-height: 22px;
        font-size: 12px;
        padding: 0 5px;
    }

    .right-section.add-new-right ul.nav.add_chat li.padding-zero {
        min-height: 18px;
        padding: 5px 5px;
    }

    .right-section.add-new-right .unassigned_Section ul li {
        background: #ef6362;
        border-radius: 4px;
        font-size: 12px;
        display: flex;
        cursor: pointer;
        padding: 6px 5px 7px 5px;
        position: relative;
        color: #fff;
    }

    .right-section.add-new-right .nor.alignLeft ul.nav {
        margin-top: 0px;
    }

    .img-popup.new_img a span {
        position: absolute;
        bottom: 3px;
        right: 10px;
        font-size: 11px;
        font-weight: 600;
        font-family: 'arial', sans-serif;
        background: #0000008c;
        width: 26px;
        display: block;
        border-radius: 38px;
        color: #fff;
    }
}


@media only screen and (min-width: 1366px) and (max-width: 1400px){    
    .right-section.add-new-right li.icon-position-plus a img {
    width: 22px;
}
.unassigned_Section ul li {
    font-size: 12px;
    padding: 3px 5px 3px 5px;
}
.unassigned_Section ul li div {
    font-size: 12px;
}
}





.rootSpan_div.width_remove label {
    border: 1px solid transparent;
}

.md-padding.clear-space md-toolbar{
    background: #33225a;
    min-height: 40px;
    margin-bottom: 25px;
}
md-content.md-padding.clear-space {
    margin-bottom: 20px;
}
.left-align-min{
    text-align: right;
}



.top-10.top-0.md-class-check md-input-container .md-label span {
    font-size: 14px;
    color: #030c54;
}  

@media only screen and (min-width: 1200px) and (max-width: 1279px){    
.top-10.top-0.md-class-check md-input-container .md-label span {
    font-size: 11px;
}
}

@media only screen and (min-width: 1280px) and (max-width: 1365px){  
.top-10.top-0.md-class-check md-input-container .md-label span {
    font-size: 12px;
}  
}

@media only screen and (min-width: 1366px) and (max-width: 1440px){  
.top-10.top-0.md-class-check md-input-container .md-label span {
    font-size: 13px;
}  
}

.space-remove{
    padding: 16px 0 !important;
}

.upload-file-box-main {
    display: flex;
    align-items: center;
    width: 75%;
    flex-wrap: wrap;
}
.upload-file-flex {
    /*width: 18%;*/
    margin: 10px;
}
.upload-file-flex input.custom-file-input2 {
    width: 214px;
    border-bottom: none;
}
.upload-file-flex input.custom-file-input1 {
    border-bottom: none;
}
.upload-file-label{
    margin: 20px 10px 0 10px;
    display: block;
    width: 32%;
    max-width: 155px;
}
.upload-file-label label{
    margin: 0px;
    border-bottom: 1px solid #ef6362;
}

.display-lab-box.time-opt{
     width: 100%;
}

.display-lab-box.time-opt md-select{
    margin: 0px 0 8px;
    width: 100%;
}

.top-spacew{
    margin-bottom: 15px;
}

.marginpaddingT.top-spacew{
    margin-bottom: 28px !important;
}

.md-toolbar_control{
    display: flex;
    width: 100%;
    align-items: center;
}
.clear-container {
    margin-right: 20px;
}
.clear-container md-checkbox {
    margin-bottom: 0;
    margin-top: 10px !important;
    margin-left: 20px !important;
}
.clear-container md-checkbox.md-default-theme.md-checked .md-icon, 
.clear-container md-checkbox.md-checked .md-icon {
    background-color: rgb(5 14 51);
}
.add-form-check-matter-amout{
    width: 100%;
}
.add-form-check-matter-amout md-input-container {
    width: 100%;
}
.add-form-check-matter-amout md-input-container .display-lab-box {
    width: 100%;
}
.display-flex-clone-amout {
    display: flex;
    align-items: center;
    position: relative;
    flex-wrap: wrap;
    margin-left: 15px;
    padding-top: 0px;
}
.display-clecn-box-right-amout {
    width: 20%;
    position: relative;
}

.display-clecn-box-right-amout md-select {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    height: 40px;
    margin: 20px 0 26px;
}
.display-clecn-box-right-amout input {
    height: 40px !important;
    margin: 16px 0 0px;
}


.contant-flex{
    display: flex;
}

.display-clecn-box-right-amout .md-input-messages-animation.md-auto-hide{
    position: absolute;
    top: 40px;
}
.display-clecn-box-right-amout .md-input-message-animation {
}
.clear-container md-checkbox.md-default-theme:not(.md-checked) .md-icon, 
.clear-container md-checkbox:not(.md-checked) .md-icon {
    border-color: rgb(253 252 253);
}
@media only screen and (min-width: 1280px) and (max-width: 1365px){ 
.upload-file-flex input.custom-file-input2 {
    width: 170px;
}
}

@media only screen and (min-width: 1366px) and (max-width: 1440px){ 
.upload-file-flex input.custom-file-input2 {
    width: 188px;
}
}

.border-div-color{
    border-top:1px solid #a1a1a1;
}

.clear-container md-checkbox.md-checked .md-icon {
    border-color: white;
}

.md-toolbar_control md-toolbar span {
    position: static !important;
    right: 0 !important;
}


.new-rating-engine md-toolbar span {
    position: static;
}


.sidebarTop-header.panal-height2 {
    min-height: 52px !important;
    margin-bottom: 30px !important;
}


.md-card-design {
    color: rgba(0,0,0,0.87);
    background-color: rgb(255,255,255);
    border-radius: 2px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    padding: 8px 8px 8px 8px;
    box-sizing: border-box;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    flex-direction: column;
    margin: 8px;
    width: 100%;
}

.space-bottom-remove{
    margin-bottom: 5px !important;
}

.md-card-design .c-group-inn {
    max-width: 15.2%;
}

.add-form-check-matter.last-class{
    margin-bottom: 30px;
    margin-top: 25px;
}

.last-class-div {
    padding-top: 0px;
    display: flex;
    align-items: center;
    position: relative;
    flex-wrap: wrap;
    margin-left: 15px;
}

.left-box-clear {
    width: 24%;
}
.right-box-clear{
    width: 50%;
}

.right-box-clear md-select {
    margin: 0px 0 0px;
}

.left-box-clear .rifgt-left-space {
    margin-top: 0px;
}
.left-box-clear .rifgt-left-space button{
    margin-bottom: 0px;
}

.padding-px.desigh-box md-select{
        margin: 0px 0 26px;
}


.padding-px.desigh-box md-checkbox{
    margin-bottom: 0;
}

.padding-px.desigh-box .rifgt-left-space {
    margin-top: 0;
}

.ne_weights.c-group-inn.new-position label {
    padding: 11px;
    display: block;
}















.box-title {
  width: 100%;
  position: absolute;
  text-align: center;
  top: 40%;
}

.box-callout {
  width: 100%;
  margin: 15px 10px;
  padding: 0;
}

.box-callout figure {
  position: relative;
  overflow: hidden;
  padding: 0;
  margin: 0;
}

.box-callout figure img {
  width: 100%;
}

.box-callout h3 {
    margin: 0 auto;
    font-size: 16px !important;
    color: #fff !important;
    text-align: center !important;
    text-transform: uppercase;
    padding-top: 10px;
}

.box-callout p {
    font-size: 12px !important;
    color: #444 !important;
    text-align: center !important;
    line-height: 14px;
}

.box-callout figcaption p {
  color: #fff !important;
  margin-top: 5px;
}

.box-callout figcaption ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.box-callout figcaption ul {
  visibility: visible;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}

.box-callout figcaption ul li {
  display: inline-block;
  padding: 10px;
}

.box-callout h4 {
  margin: 10px 0 0;
  padding: 0;
}

.box-callout figcaption {
  padding: 8px 8px;
    background-color: transparent;
    position: absolute;
    z-index: 996;
    bottom: 0;
    left: 0;
    width: 93%;
    height: 0;
    margin: 0 0 !important;
    display: flex;
    flex-direction: column;
    font-weight: 300;
    letter-spacing: 0.4px;
    line-height: 1.6em;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    visibility: hidden;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.box-callout figure:hover figcaption {
  visibility: visible;
  color: #fff;
  background: rgba(42, 82, 156, 0.9);
  /* Primary color, can be changed via colors.css */
  height: 90%;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.box-callout figure:hover figcaption ul li a:hover {
  color: rgba(49, 49, 49, .97);
}

.box-callout figure img {
  -webkit-transform: scale(1.1) rotate(0) translateY(0);
  -moz-transform: scale(1.1) rotate(0) translateY(0);
  -o-transform: scale(1.1) rotate(0) translateY(0);
  -ms-transform: scale(1.1) rotate(0) translateY(0);
  transform: scale(1.1) rotate(0) translateY(0);
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.box-callout figure:hover img {
  -webkit-transform: scale(1.3) rotate(0) translateY(12px);
  -moz-transform: scale(1.3) rotate(0) translateY(12px);
  -o-transform: scale(1.3) rotate(0) translateY(12px);
  -ms-transform: scale(1.3) rotate(0) translateY(12px);
  transform: scale(1.3) rotate(0) translateY(12px);
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}


.ui-grid-cell-contents.add-center {
}

.ui-grid-cell-contents.add-center a{
        color: #062295;
    font-weight: bold;
    font-family: arial;
    font-size: 14px;
    letter-spacing: 0.5px;
    display: inline-block;
    padding: 2px 8px;
}

.ui-grid-cell-contents.commentAndPhotoDiv.dev_class{
    justify-content: center;
}
.ui-grid-cell-contents.commentAndPhotoDiv.dev_class a{
    color: #ffffff;
    font-size: 13px;
    border: 1px solid;
    margin: 0px 4px;
    padding: 0px;
    display: inline-table;
    height: 8px;
    width: 8px;
    border-radius: 100%;
    background: #33225a;
}

.ui-grid-cell-contents.commentAndPhotoDiv.dev_class_view{
    justify-content: center;
}
.ui-grid-cell-contents.commentAndPhotoDiv.dev_class_view a{
    color: #ffffff;
    font-size: 13px;
    border: 1px solid;
    margin: 0px 4px;
    padding: 0px;
    display: inline-table;
    height: 8px;
    width: 8px;
    border-radius: 100%;
    background: #33225a;
}

.main-containr-box{
    display: flex;
    align-items: center;
    justify-content: end;
}
.content-box{
    /*width: 50%;*/
}
.content-box_label{
    /*width: 50%;*/
    margin-right: 10px;
}
.content-box-button{
    width: 50px;
    text-align: right;
}
.content-box-button button {
    /*min-width: 40px;
    padding: 4px;
    line-height: 0;
    letter-spacing: 0;
    min-height: 34px;
    margin-right: 0 !important;*/
    min-width: 28px;
    padding: 4px;
    line-height: 0;
    letter-spacing: 0;
    min-height: 28px;
    margin-right: 0 !important;
    font-size: 18px !important;
}
.button_box button{
    min-width: 28px;
    padding: 4px;
    line-height: 0;
    letter-spacing: 0;
    min-height: 28px;
}
.content-box md-select {
    /*border: 1px solid #ababab;
    border-radius: 3px;
    border-bottom: none;
    width: 60%;
    float: right;*/
    border: 1px solid #ababab;
    border-radius: 3px;
    border-bottom: none;
    width: 150px;
}
.content-box md-select .md-select-value{
    padding-top: 0;
    padding-right: 0;
    padding-left: 10px;
}

.md-sidenav-right.md-whiteframe-4dp.all_common_sidenav.additional_wdt.add_new_width {
    min-width: 50%;
}


md-input-container.input-border{
    margin-top: 15px;
}
md-input-container.input-border input {
    border: 1px solid #000 !important;
    padding: 2px 0px 3px 6px;
}
md-input-container.input-border input:focus {
    border: 1px solid #000;
    padding: 3px 6px;
}


md-input-container.input-border md-select{
    border: 1px solid #000;
}
md-input-container.input-border md-select .md-select-value{
    padding: 2px 2px 3px;
    border-bottom-width: 0;
}
md-input-container.input-border label {
    font-size: 18px;
    color: #000 !important;
}
md-input-container.input-border md-select:not([disabled]):focus .md-select-value{
    border-bottom-width: 0;
    border-bottom-style: solid;
    border-bottom-color: #000;
    padding-bottom:0;
}
md-input-container.input-border md-select:focus{
    border: 1px solid #000;
    padding-left: 3px;
}



.flex-label{
    display: flex;
    align-items: center;
    width: 100%;
    margin-bottom: 8px;
}
.flex-col-day{
    margin-right: 20px;
}
.flex-col-ship{
    margin-right: 20px;
}
.flex-col-drop{}


.flex-label-est{
    display: flex;
    align-items: center;
    width: 100%;
    margin-bottom: 8px;
}
.flex-col-day-est{
    margin-right: 20px;
}
.flex-col-drop-est{}

.new-color-border input.md-input:invalid {
    border: 1px solid red !important;
}

.main-container-box{
    position: relative;
}
.down-arrow{
    position: absolute;
    top: 12px;
    right: 0px;
}
.down-arrow i{
    background: #33225a;
    padding: 5px;
    border-radius: 22px;
    width: 20px;
    height: 20px;
    font-size: 24px;
    text-align: center;
}




md-input-container.border-adding input {
    border: 1px solid #000 !important;
    padding: 2px 4px;
}
md-input-container.border-adding input:focus {
    border: 1px solid #000;
    padding-left: 4px;
}

md-input-container.border-adding md-select{
    border: 1px solid #000;
    padding-left: 6px;
}
md-input-container.border-adding md-select .md-select-value{
    padding: 2px 4px 2px;
    border-bottom-width: 0;
}
md-input-container.border-adding md-select:not([disabled]):focus .md-select-value{
    border-bottom-width: 0;
    border-bottom-style: solid;
    border-bottom-color: #000;
    padding-bottom:0;
}
md-input-container.border-adding md-select:focus{
    border: 1px solid #000;
    padding-left: 6px;
}
select.border-none.filter_color {
    font-size: 12px;
}






.border-adding-N md-select{
    border: 1px solid #000;
    border-radius: 0;
}
.border-adding-N md-select .md-select-value{
    padding: 2px 2px 2px;
    border-bottom-width: 0;
}
.border-adding-N md-select:not([disabled]):focus .md-select-value{
    border-bottom-width: 0;
    border-bottom-style: solid;
    border-bottom-color: #000;
    padding-bottom:0;
}
.border-adding-N md-select:focus{
    border: 1px solid #000;
    padding-left: 3px;
}


.container-right{
    margin-left: 5px;
    margin-right: 5px;
}

.center_grid {
    display: inline-block;
    position: relative;
}
.sameday_tab.sameday_button_box.add-box-tab-view .calender-modal_inluneDsp-2{

}



.ipad_design md-checkbox .md-label span {
    font-size: 12px;
}


@media only screen and (min-width: 1200px) and (max-width:  1279px){
.sameday_tab.button-align .left-btn-open button {
    width: 20px;
    padding-left: 5px !important;
    padding-right: 2px !important;
}
.sub-header .sameday_tab.button-align button {
    min-height: 26px;
    padding: 0 2px;
    height: 26px;
    margin: 2px 2px 2px 2px;
    font-size: 11px;
}
.sub-header .sameday_tab.button-align .center_grid.grid_controller button {
    padding: 0px 4px;
    margin: 2px 2px 2px 3px;
    font-size: 12px;
    top: 0px;
}
.filer_left-box_grid.border-remove.contreoller_content_sec .divNdFilter {
    height: 25px;
}
.sub-header .sameday_tab.button-align .filer_left-box_grid.border-remove.contreoller_content_sec  button {
    padding: 0 4px;
    margin: 2px 5px 2px 2px;
    font-size: 12px;
}
.filer_left-box_grid.border-remove.contreoller_content_sec .calender-modal_inluneDsp-2 .dropdown.inluneDsp.insta-anchor a {
    font-size: 12px;
}
.sub-header .sameday_tab.button-align .material-icons-ss img {
    width: 14px;
    padding-top: 3px;
}
.calender-modal_inluneDsp-2 {
    height: 24px;
    top: -1px;
}
.divNdFilter {
    height: 24px;
}
.divNdFilter.add-font-size .md-text {
    font-size: 12px;
}
.calender-modal_inluneDsp-2 .dropdown.inluneDsp.insta-anchor a {
    font-size: 11px;
    padding: 3px 3px;
    margin-right: 5px;
}
.map-modified img {
    width: 18px;
}
.return-enable-modified {
    margin-left: 0px;
    top: 6px;
}
.sub-header h3 {
    margin: 0px 5px 0px 0px;
    font-size: 12px;
}
.ipad_design md-checkbox {
    margin-bottom: 0;
}
.ipad_design md-checkbox .md-label {
    margin-left: 25px;
}
.ipad_design md-checkbox .md-label span {
    font-size: 12px;
}
.help-tip-c {
    top: 6px;
    right: -33px;
    width: 22px;
    height: 22px;
}
.sameday_tab.sameday_button_box.add-box-tab-view .calender-modal_inluneDsp-2{
    height: 25px;
    top: -1px;
    margin: 4px 2px;
}
.sameday_tab.sameday_button_box.add-box-tab-view .calender-modal_inluneDsp-2 .dropdown.inluneDsp.insta-anchor a {
    top: 1px;
    padding: 3px 3px 3px 5px;
}
}

@media only screen and (min-width: 1280px) and (max-width:  1365px){
.help-tip-c {
    top: 7px;
    right: -27px;
}
.sameday_tab.button-align .left-btn-open button {
    width: 20px;
    padding-left: 5px !important;
    padding-right: 2px !important;
}
.sub-header .sameday_tab.button-align button {
    min-height: 24px;
    padding: 0 3px;
}
.sub-header .sameday_tab.button-align .material-icons-ss img {
    width: 14px;
    padding-top: 3px;
}
.ipad_design md-checkbox {
    margin-bottom: 0;
}
.ipad_design md-checkbox .md-label {
    margin-left: 25px;
}
.ipad_design md-checkbox .md-label span {
    font-size: 12px;
}
.calender-modal_inluneDsp-2 .dropdown.inluneDsp.insta-anchor a {
    top: 0px;
}
.sameday_tab.sameday_button_box.add-box-tab-view .calender-modal_inluneDsp-2{
    height: 25px;
    top: 0px;
}
.sameday_tab.sameday_button_box.add-box-tab-view .calender-modal_inluneDsp-2 .dropdown.inluneDsp.insta-anchor a {
    top: 1px;
    padding: 3px 3px 3px 5px;
}
.calender-modal_inluneDsp-2 {
    height: 25px;
    top: -1px;
}
}

@media only screen and (min-width: 1366px) and (max-width:  1440px){
.help-tip-c {
    top: 7px;
}
.sameday_tab.button-align .left-btn-open button {
    width: 20px;
    padding-left: 5px !important;
    padding-right: 2px !important;
}
.sub-header .sameday_tab.button-align button {
    min-height: 24px;
    padding: 0 3px;
}
.sub-header .sameday_tab.button-align .material-icons-ss img {
    width: 14px;
    padding-top: 3px;
}
.ipad_design md-checkbox .md-label span {
    font-size: 12px;
}
}



@media only screen and (min-width: 1200px) and (max-width:  1440px){
.getroutesData .drop-view .assign-form button[type="submit"], 
.getroutesData .drop-view .assign-form button[type="button"] {
    padding: 6px 6px !important;
}
}


.flex-box-div{
    display: flex;
    align-items: center;
}
.div_colune_left{
    margin-right: 10px;
    width: 80%;
}
.div_colune_right{
    width: 20%;
}
.modal_top{
    margin-top: 10px;
}

.new_headline b{
    color: #203e65;
    font-size: 16px;
}

@media only screen and (min-width: 1200px) and (max-width:  1279px){
.example-box-wrapper {
    width: 80%;
}
}

@media only screen and (min-width: 1280px) and (max-width:  1365px){
.example-box-wrapper {
    width: 76%;
}
}

@media only screen and (min-width: 1366px) and (max-width:  1440px){
.example-box-wrapper {
    width: 70%;
}
}


.ng-width-toggle{
    width: 300px;
}
.md-sidenav-right.side_bar_width_may-22{
    min-width: 95%;
}
@media only screen and (min-width: 1200px) and (max-width:  1279px){
.nav {
    padding: 4px;
    margin-left: 8px;

}
h3.md-toolbar-tools.ss-tool .head-design-flex label.label-text {
    font-size: 12px;
}
.right-side_view ul.dropdown-menu-list li.new_check {
    font-size: 11px;
}
.right-side_view ul.dropdown-menu-list li label {
    margin-right: 10px;
}
.right-side_view ul.dropdown-menu-list {
    width: fit-content;
    margin: 0 0 0px 0;
    float: right;
    display: flex;
}
.right-side_view ul.dropdown-menu-list li a {
    font-size: 11px;
    margin-right: 0px;
}
.right-side_view ul.dropdown-menu-list li i {
    font-size: 11px;
    padding-right: 2px;
}
.getroutesData .drop-view label:first-child {
    margin-left: 3px;
}
.ng-width-toggle{
    width: 280px;
}
.left-section .md-tab {
    padding: 0px 18px !important;
}
.md-tab a {
    font-size: 10px;
}
.left-section .md-active a {
    font-size: 10px;
}
.left-section md-tabs-canvas {
    width: 260px !important;
    height: 45px !important;
}
.left-section md-pagination-wrapper {
    width: 260px !important;
    height: 45px !important;
}
.calendar-container.clear-call-calender i.date-icon {
    top: 0;
}
.calendar-container.clear-call-calender input {
    line-height: 26px;
}
.help-tip-2 {
    top: 6px;
}
.first-box {
    width: 50%;
}
.third-box {
    width: 22%;
    margin-left: 15px;
}
.second-box {
    width: 20%;
}
.first-box_s {
    width: 36%;
}
.third-box_s {
    width: 34%;
    margin-left: 10px;
}
.second-box_s {
    width: 20%;
}
.md-button.md-icon-button.width-set-clone.radius_border {
    margin: 0 5px 0 0px !important;
    background: #ef6362;
    width: 30px !important;
    height: 30px !important;
}
.sameday_scroll button.button-radius {
    font-size: 20px;
    min-width: 35px;
    height: 35px;
    position: relative;
    top: 3px;
}
.width-set-clone md-icon {
    font-size: 20px !important;
    height: 20px;
    width: 20px;
    min-height: 20px;
    min-width: 20px;
}
.text_apply_filter {
    width: 10%;
}
.help-tip {
    top: 3px;
    right: 30px;
    width: 22px;
    height: 22px;
}
.dropdown.inluneDsp a.goog-css3-button, .custome-filter a {
    top: 0px;
}
.border-none {
    top: 0px;
}
.home-icon i {
    font-size: 25px;
    padding-top: 3px;
    padding-right: 0;
}
.t_logo {
    width: 50%;
    float: left;
    display: inline-flex;
    align-items: center;
}
.heaader-leftsection {
    display: inline-flex;
    align-items: center;
}
.logo img {
    height: 27px;
    padding: 10px 7px 4px 7px;
}
/*.heaader-leftsection a.navbar-brand.logo {
    margin-right: 10px;
}*/
.routeicon img {
    padding: 14px 8px 6px 10px;
}
.nor.alignLeft ul.nav {
    margin-top: 0px;
}
.quick_book_section .sidebar.dataTable {
    margin-left: 50px !important;
    margin-top: 53px !important;
}
.md-sidenav-right.side_bar_width_may-22{
    min-width: 99%;
}
.serch-popup-box input {
    padding: 5px;
    margin-right: -8px;
    width: 230px;
    height: 20px;
}
.sub-header button.add-sub-search.width-serch-i{
    min-height: 32px;
    padding: 0 2px;
    height: 32px;
    margin: -1px 0px 0px 0px;
    font-size: 11px;
}
.sameday_tab.ipad_design {
    margin: 4px 0 4px 0;
}

.filer_left-box_grid.border-remove button {
    height: 27px;
    top: -1px;
    position: relative;
}
.filer_left-box_grid.border-remove .calender-modal_inluneDsp {
    height: 25px;
    top: 0px;
}
.filer_left-box_grid.border-remove .calender-modal_inluneDsp .dropdown.inluneDsp.insta-anchor a {
    padding: 4px 5px 2px 5px;
}
.serch-popup-box {
    right: 25px;
}
.filer_left-box_grid.border-remove .divNdFilter {
    height: 24px;
    position: relative;
    top: -1px;
    max-width: 170px;
    width: 125px;
}
.sub-header .center_grid button {
    position: relative;
    top: -1px;
}
.map-modified-rectanle img {
    width: 16px;
}
.label_root_right {
    width: 30%;
}
.label_root_right label {
    font-size: 10px;
    padding: 0px 2px 0 2px;
}
.rootSpan_div.width_remove {
    margin-right: 0;
}
.panel-body.icon-color.drop-view.new_font_size label {
    padding: 3px 1px;
    margin-right: 2px;
    font-size: 11px;
}
.dropdown-menu-list li i, .getroutesData .drop-view label i {
    font-size: 13px;
    padding-right: 3px;
}
.left_box_tow {
    margin-left: 5px;
}
.panel-body.icon-color.drop-view.new_font_size .dropdown-menu-list li a {
    font-size: 11px;
    padding: 3px 4px;
    margin-right: 4px;
}
/*.right-side_view ul.dropdown-menu-list {
    width: 352px;
}*/
}



@media only screen and (min-width: 1280px) and (max-width:  1365px){
h3.md-toolbar-tools.ss-tool .head-design-flex label.label-text {
    font-size: 12px;
}
.right-side_view ul.dropdown-menu-list li label {
    margin-right: 10px;
}
.right-side_view ul.dropdown-menu-list {
    width: fit-content;
    margin: 0 0 0px 0;
    float: right;
    display: flex;
}
.right-side_view ul.dropdown-menu-list li a {
    font-size: 11px;
    margin-right: 0px;
}
.right-side_view ul.dropdown-menu-list li.new_check {
    font-size: 11px;
    margin-right: 5px;
}
.getroutesData .dropdown-menu-list li:last-child {
    margin-left: 0px;
}
.right-side_view ul.dropdown-menu-list li i {
    font-size: 12px;
    padding-right: 2px;
}
.getroutesData .drop-view label:first-child {
    margin-left: 3px;
}
.ng-width-toggle{
    width: 280px;
}
.sameday_tab.ipad_design {
    margin: 7px 0 4px 0;
}
.left-section .md-active a {
    font-size: 10px;
}
.md-tab a {
    font-size: 10px;
}
.left-section md-pagination-wrapper {
    width: 260px !important;
    height: 45px !important;
}
.left-section md-tabs-canvas {
    width: 260px !important;
    height: 45px !important;
}
.left-section .md-tab {
    padding: 0px 18px !important;
}
.first-box {
    width: 50%;
}
.third-box {
    width: 22%;
    margin-left: 15px;
}
.second-box {
    width: 20%;
}
.first-box_s {
    width: 38%;
}
.third-box_s {
    width: 32%;
    margin-left: 15px;
}
.second-box_s {
    width: 20%;
}
.md-button.md-icon-button.width-set-clone.radius_border {
    margin: 0 5px 0 0px !important;
    background: #ef6362;
    width: 30px !important;
    height: 30px !important;
}
.sameday_scroll button.button-radius {
    font-size: 20px;
    min-width: 35px;
    height: 35px;
    position: relative;
    top: 3px;
}
.width-set-clone md-icon {
    font-size: 20px !important;
    height: 20px;
    width: 20px;
    min-height: 20px;
    min-width: 20px;
}
.help-tip {
    top: 3px;
    width: 22px;
    height: 22px;
}
.dropdown.inluneDsp a.goog-css3-button, .custome-filter a {
    top: 0px;
}
.border-none {
    top: 0px;
}
.heaader-leftsection {
    display: inline-flex;
    align-items: center;
}
.home-icon i {
    font-size: 28px;
    padding-top: 3px;
    padding-right: 0;
    position: relative;
    top: -4px;
}
.logo img {
    height: 30px;
    padding: 5px 10px 5px 10px;
}
.right-section {
    padding: 7px 3px;
}
.quick_book_section .sidebar.dataTable {
    margin-top: 50px !important;
    padding: 0px 0px;
    margin-left: 40px !important;
}
.md-sidenav-right.side_bar_width_may-22{
    min-width: 98%;
}
.filer_left-box_grid.border-remove button {
    height: 27px;
    top: -1px;
    position: relative;
}
.filer_left-box_grid.border-remove .calender-modal_inluneDsp {
    height: 25px;
    top: 0px;
}
.filer_left-box_grid.border-remove .calender-modal_inluneDsp .dropdown.inluneDsp.insta-anchor a {
    padding: 4px 5px 2px 5px;
}
.serch-popup-box {
    right: 25px;
}
.filer_left-box_grid.border-remove .divNdFilter {
    height: 25px;
    position: relative;
    top: -1px;
    max-width: 170px;
    width: 125px;
}
.sub-header .center_grid button {
    position: relative;
}
}
@media only screen and (min-width: 1366px) and (max-width: 1400px){
h3.md-toolbar-tools.ss-tool .head-design-flex label.label-text {
    font-size: 13px;
}
.right-side_view ul.dropdown-menu-list li label {
    margin-right: 10px;
    margin-left: 0px;
}
.right-side_view ul.dropdown-menu-list {
    width: fit-content;
    margin: 0 0 0px 0;
    float: right;
    display: flex;
}
.right-side_view ul.dropdown-menu-list li a {
    font-size: 11px;
    margin-right: 0px;
}
.right-side_view ul.dropdown-menu-list li i {
    font-size: 12px;
    padding-right: 2px;
}
.getroutesData .drop-view label:first-child {
    margin-left: 3px;
}
.sameday_tab.ipad_design {
    margin: 7px 0 4px 0;
}
.ng-width-toggle{
    width: 302px;
}
.first-box {
    width: 50%;
}
.third-box {
    width: 25%;
    margin-left: 20px;
}
.first-box_s {
    width: 50%;
}
.third-box_s {
    width: 25%;
    margin-left: 20px;
}
.help-tip {
    top: 3px;
    right: 16px;
    width: 22px;
    height: 22px;
}
.dropdown.inluneDsp a.goog-css3-button, .custome-filter a {
    top: 0px;
}
.border-none {
    top: 0px;
}
.heaader-leftsection {
    display: inline-flex;
    align-items: center;
}
.home-icon i {
    font-size: 28px;
    padding-top: 3px;
    padding-right: 0;
    position: relative;
    top: -4px;
}
.logo img {
    height: 30px;
    padding: 5px 10px 5px 10px;
}
.right-section {
    padding: 7px 3px;
}
li.icon-position-plus a img {
    position: relative;
    top: 1px;
}
div#ng-view {
    margin-top: 60px;
}
.quick_book_section .sidebar.dataTable {
    margin-top: 50px !important;
    padding: 0px 0px;
    margin-left: 50px !important;
}
.md-sidenav-right.side_bar_width_may-22{
    min-width: 98%;
}
.ipad_design md-checkbox {
    margin-bottom: 0;
}
.calender-modal_inluneDsp-2 {
    height: 25px;
    top: -1px;
}
.calender-modal_inluneDsp-2 .dropdown.inluneDsp.insta-anchor a {
    padding: 3px 3px 3px 5px;
    top: 1px;
}
.sub-header .sameday_tab.button-align.ipad_design button {
    min-height: 28px;
    padding: 0px 3px !important;
}
.divNdFilter {
    height: 26px;
}
.filer_left-box_grid.border-remove button {
    height: 27px;
    top: -1px;
    position: relative;
}
.filer_left-box_grid.border-remove .calender-modal_inluneDsp {
    height: 25px;
    top: 0px;
}
.filer_left-box_grid.border-remove .calender-modal_inluneDsp .dropdown.inluneDsp.insta-anchor a {
    padding: 4px 5px 2px 5px;
}
.serch-popup-box {
    right: 25px;
}
.filer_left-box_grid.border-remove .divNdFilter {
    height: 25px;
    position: relative;
    top: -1px;
    max-width: 170px;
    width: 125px;
}
.sub-header .center_grid button {
    position: relative;
}
.sameday_tab.sameday_button_box .calender-modal_inluneDsp-2 {
    height: 25px;
    top: 0px;
}
}

@media only screen and (min-width: 1401px) and (max-width:  1440px){
.right-side_view ul.dropdown-menu-list li label {
    margin-right: 12px;
}
.right-side_view ul.dropdown-menu-list {
    width: fit-content;
    margin: 0 0 0px 0;
    float: right;
    display: flex;
}
.right-side_view ul.dropdown-menu-list li a {
    font-size: 12px;
    margin-right: 0px;
}
.right-side_view ul.dropdown-menu-list li i {
    font-size: 12px;
    padding-right: 2px;
}
.getroutesData .drop-view label:first-child {
    margin-left: 3px;
}
.sameday_tab.ipad_design {
    margin: 7px 0 4px 0;
}
.ng-width-toggle{
    width: 302px;
}
.first-box {
    width: 50%;
}
.third-box {
    width: 25%;
    margin-left: 20px;
}
.first-box_s {
    width: 50%;
}
.third-box_s {
    width: 25%;
    margin-left: 20px;
}
.help-tip {
    top: 3px;
    right: 16px;
    width: 22px;
    height: 22px;
}
.dropdown.inluneDsp a.goog-css3-button, .custome-filter a {
    top: 0px;
}
.border-none {
    top: 0px;
}
select.border-none.filter_color {
    font-size: 12px;
}
.heaader-leftsection {
    display: inline-flex;
    align-items: center;
}
.home-icon i {
    font-size: 28px;
    padding-top: 3px;
    padding-right: 0;
    position: relative;
    top: -4px;
}
.logo img {
    height: 30px;
    padding: 5px 10px 5px 10px;
}
.right-section {
    padding: 4px 3px;
}
.sidebar-wrapper {
    top: 45px;
}

.pendding-job ul li {
    font-size: 12px;
    padding: 7px 2px 6px 44px;
    height: 18px;
}
.pendding-job ul li span {
    left: 4px;
}
.nor ul.nav li a {
    margin-top: -3px;
}
ul.nav.add_chat li.padding-zero {
    min-height: 16px;
    padding: 5px 5px;
}
.md-sidenav-right.side_bar_width_may-22{
    min-width: 98%;
}
.ipad_design md-checkbox {
    margin-bottom: 0;
}
.sub-header .sameday_tab.button-align.ipad_design button {
    min-height: 28px;
    padding: 0px 3px !important;
    min-height: 28px;
}
.divNdFilter {
    height: 26px;
    min-height: 26px;
}
.sub-header .sameday_tab.button-align.ipad_design button {
    height: 26px;
    min-height: 26px;
}
.sameday_tab.ipad_design button {
    margin: 0px 2px 0px 2px;
}
.divNdFilter {
    height: 24px;
    min-height: 24px;
}
.calender-modal_inluneDsp-2 {
    height: 24px;
    min-height: 24px;
}
/*.help-tip-c {
    top: 3px;
    width: 30px;
    height: 30px;
}*/
.help-tip-c {
    top: 8px;
    width: 22px;
    height: 22px;
}
.search-flex-center {
    margin-top: 2px;
}
.sameday_tab.button-align.ipad_design{
    margin: 0px 0 4px 0;
}
.sub-header {
    padding: 2px 0 6px 15px;
}
.filer_left-box_grid.border-remove button {
    height: 27px;
    top: -1px;
    position: relative;
}
.filer_left-box_grid.border-remove .calender-modal_inluneDsp {
    height: 25px;
    top: 0px;
}
.filer_left-box_grid.border-remove .calender-modal_inluneDsp .dropdown.inluneDsp.insta-anchor a {
    padding: 4px 5px 2px 5px;
}
.serch-popup-box {
    right: 25px;
}
.filer_left-box_grid.border-remove .divNdFilter {
    height: 25px;
    position: relative;
    top: -1px;
    max-width: 170px;
    width: 125px;
}
.sub-header .center_grid button {
    position: relative;
    top: -1px;
}
.sameday_button_box{}
.sameday_button_box .calender-modal_inluneDsp-2 {
    height: 25px;
    min-height: 25px;
}
.sameday_tab.sameday_button_box {
    margin: 3px 0;
}
}


.padding-top-s{
    padding-bottom: 15px;
}









button.radius_border {
    background-color: #ef6362;
    min-width: 35px !important;
    width: 35px !important;
    height: 35px !important;
}
button.radius_border md-icon {
    font-size: 18px !important;
    height: 18px;
    width: 18px;
    min-height: 18px;
    min-width: 18px;
}
button.button-radius {
    width: 35px;
    height: 35px;
    font-size: 20px;
    top: 3px;
    margin: 0;
}
.destop-show{
    display: block;
}
@media only screen and (min-width: 768px) and (max-width:  1024px) and (orientation : portrait){
.ipad-hide{
    display: none;
}
.second-box {
    width: 25%;
}
.third-box {
    width: 22%;
}
}

@media only screen and (min-width: 768px) and (max-width:  1024px)and (orientation : landscape){
.right-side_view ul.dropdown-menu-list li label {
    margin-right: 12px;
}
.multiday_list {
    margin-bottom: 10px;
}
.getroutesData .panel-heading .name_list h3.panel-title {
    font-size: 10px;
}
.name_list {
    margin-right: 5px;
}
.distance_root label {
    margin-right: 4px;
    font-size: 11px;
}
.right-side_view ul.dropdown-menu-list li.new_check {
    margin-right: 4px;
    font-size: 10px;
}
.left-btn-open button {
    width: 20px;
    padding: 2px 7px;
}
.right-side_view ul.dropdown-menu-list li i {
    font-size: 10px;
    padding-right: 2px;
}
.right-side_view ul.dropdown-menu-list li a {
    font-size: 11px;
    margin-right: 0px;
}
.right-side_view ul.dropdown-menu-list li label {
    padding: 3px 2px;
    margin-right: 4px;
    margin-left: 2px;
    font-size: 11px;
}
.right-side_view ul.dropdown-menu-list {
        width: fit-content;
    margin: 0 0 0px 0;
    float: right;
    display: flex;
}
.left-side_view {
    width: 50%;
}
.right-side_view {
    width: 48%;
}
.destop-show{
    display: block;
}
.calender-modal_inluneDsp-2 .dropdown.inluneDsp.insta-anchor a {
    font-size: 11px;
    padding: 2px 0px 2px 3px;
    margin-right: 3px;
    margin-left: 0px;
}
.clone-boxss{}
.clone-boxss md-icon.material-icons {
    font-size: 20px;
}
.clone-boxss md-icon {
    width: 18px;
    height: 20px;
    min-width: 18px;
    min-height: 20px;
    color: #000;
}
.rule-ang-header-modified h3 {
    height: 22px;
}
.ipad-hide{
    display: none !important;
}
.second-box {
    width: 20%;
}
.third-box {
    width: 24%;
    margin-left: 15px;
}
.sameday_scroll button.button-radius {
    font-size: 20px;
    min-width: 35px;
    height: 35px;
    position: relative;
    top: 3px;
}
.md-button.md-icon-button.width-set-clone.radius_border {
    margin: 0 5px 0 0px !important;
    background: #ef6362;
    width: 30px !important;
    height: 30px !important;
}
.width-set-clone md-icon {
    font-size: 20px !important;
    height: 20px;
    width: 20px;
    min-height: 20px;
    min-width: 20px;
}
button.add-button_radius {
    min-height: 36px !important;
    min-width: 100px !important;
    font-size: 13px !important;
    letter-spacing: 0.5px;
}
.text_apply_filter h3.paddtop_filter {
    font-size: 14px;
    margin-bottom: 0;
}
.form-group.sameday_wrapper.other_styleAdd {
    margin-bottom: 0;
}
.help-tip {
    top: 3px;
    right: 33px;
    width: 22px;
    height: 22px;
}
.dropdown.inluneDsp a.goog-css3-button, .custome-filter a {
    top: -1px;
}
.border-none {
    top: 0px;
}
.allship-height {
    max-height: 290px;
}
.home-icon i {
    font-size: 27px;
    padding-top: 3px;
    padding-right: 0;
}
.t_logo {
    width: 100px;
    float: left;
    display: inline-flex;
    align-items: center;
    height: 100%;
    margin-left: 10px;
}
.t_logo a {
    display: flex;
    margin-right: 15px;
    align-items: center;
}
.t_logo .home-icon i {
    padding-right: 0px;
    font-size: 20px;
    margin-top: 0px;
}
.sidebar.dataTable {
    margin-left: 0 !important;
}
.quick_book_section .sidebar.dataTable {
    margin-top: 4px !important;
    margin-left: 0 !important;
}
.ne_collection2 h2 {
    font-size: 13px !important;
}
.md-sidenav-right.side_bar_width_may-22{
    min-width: 99.5%;
}
.help-tip-2 {
    top: 3px;
    width: 22px;
    height: 22px;
}
.ipad_design{

}
.sameday_tab.ipad_design button {
    margin: 0 2px !important;
        padding: 0 2px;
}
.sameday_tab.ipad_design .center_grid.grid_controller button {
    margin: 0 4px !important;
    padding: 0 4px;
}
.sameday_tab.ipad_design .filer_left-box_grid.border-remove.contreoller_content_sec button {
    margin: 0 4px !important;
}
.sameday_tab.ipad_design .divNdFilter {
    height: 22px;
}
.sameday_tab.ipad_design .divNdFilter.add-font-size {
    height: 24px;
}
.sameday_tab.ipad_design .filer_left-box_grid.border-remove.contreoller_content_sec .divNdFilter.add-font-size {
    height: 26px;
    top: -1px;
    position: relative;
}
.sameday_tab.ipad_design .filer_left-box_grid.border-remove.contreoller_content_sec .divNdFilter .md-select-value {
    padding: 2px 2px;
}
.sameday_tab.ipad_design .calender-modal_inluneDsp-2 {
    height: 24px;
    top: 0px;
}
.sameday_tab.ipad_design .filer_left-box_grid.border-remove.contreoller_content_sec .calender-modal_inluneDsp-2 {
    height: 26px;
    top: -1px;
}
.filer_left-box_grid.border-remove.contreoller_content_sec .calender-modal_inluneDsp-2 .dropdown.inluneDsp.insta-anchor a {
    padding: 4px 0px 4px 3px;
        font-size: 12px;
}
.sameday_tab.ipad_design .divNdFilter .md-select-value {
    padding: 0px 2px;
}
.sameday_tab.ipad_design .return-enable-modified {
    margin-left: 0;
    top: 0;
}
.sameday_tab.ipad_design h3 {
    margin: 0px 5px 0px 5px;
}
.sameday_tab.ipad_design .map-modified img {
    width: 16px;
}
.sub-header.sub_header_new {
    padding: 3px 0 3px 6px;
}
.sub-header.sub_header_new .search-flex-center {
    margin-right: 5px;
    margin-top: -10px;
}
.sub-header.sub_header_new .help-tip-c {
    top: 2px;
    right: -29px;
    width: 22px;
    height: 22px;
}
.sameday_tab.button-align.ipad_design .map-refresh {
    font-size: 19px !important;
    padding-left: 0px
}
.sub-header.sub_header_new .search-flex-center.searchbar i {
    padding: 4px 4px 2px 4px;
    height: 18px;
    width: 18px;
}
.serch-popup-box input {
    margin-right: -7px;
    width: 232px;
}
.sub-header button {
    min-height: 20px;
    font-size: 12px;
    height: 24px;
    padding: 0 5px;
}
.md-toolbar-tools.add-route_details {
    width: 130px;
    font-size: 12px !important;
}
.address.delete_new {
    padding: 5px 6px;
    font-size: 14px;
}
.driver_routens {
    padding: 0 110px 0 15px;
}
.driver_routens h4 {
    font-size: 14px;
}
.center_grid button{
    margin-top: 0;
}
.center_grid .search-flex-center {
    margin-top: 0px;
}
.center_grid  .search-flex-center.searchbar i {
    font-size: 14px;
    padding: 3px 3px 1px 3px;
}
.center_grid {
    margin-left: 10px;
    display: inline-flex;
    align-items: center;
}
.filter-align.next_day_line_two.new-flex {
    width: 100%;
}
.search-flex-center {
    margin-right: 0px;
    margin-top: 0px;
}

.filer_left-box_grid.border-remove{
    display: flex;
    align-items: center;
}
.filer_left-box_grid.border-remove.contreoller_content_sec{
    width: 95%;
}
.filer_left-box_grid.border-remove button {
    height: 26px;
}
.filer_left-box_grid.border-remove.contreoller_content_sec{
    margin-top: 4px;
}
.filer_left-box_grid.border-remove.contreoller_content_sec button {
    height: 28px;
    padding: 0px 10px;
    top: -1px;
    position: relative;
}
.filer_left-box_grid.border-remove .calender-modal_inluneDsp {
    height: 24px;
    top: 1px;
}
.filer_left-box_grid.border-remove .calender-modal_inluneDsp .dropdown.inluneDsp.insta-anchor a {
    padding: 4px 5px 2px 5px;
}
.serch-popup-box {
    right: 25px;
    top: 0px;
}
.serch-popup-box.aad_top {
    top: 10px;
}
.left_sec_full-length {
    width: 20%;
    margin: 5px 5px 5px 0px;
}

.sameday_tab.sameday_button_box.add-box-tab-view button {
    margin: 1px 2px;
}
.sameday_tab.sameday_button_box.add-box-tab-view .calender-modal_inluneDsp-2 {
    height: 22px;
    margin-left: 2px;
    margin-right: 2px;
}
.sameday_tab.sameday_button_box.add-box-tab-view .calender-modal_inluneDsp-2 .dropdown.inluneDsp.insta-anchor a {
    padding: 2px 5px 3px 5px;
}
.nav li a {
    padding: 0 5px;
}
.ipadTab_view{
    display: none !important;
}


.label_root_right {
    width: 100%;
}
.label_root_right label {
    font-size: 11px;
    padding: 0px 2px 0 2px;
}
.label_root_right label {
    font-size: 9px;
    padding: 0px 2px 0 2px;
}
.rootSpan_Right {
    margin-left: 3px;
    width: 65%;
}
.rootSpan_Right.new_rootSpan_Right.clear-right-full {
    width: 76%;
    margin-left: 4px;
    padding: 0;
}
.rootSpan_div.width_remove {
    margin-right: 0;
}
.panel-body.icon-color.drop-view.new_font_size label {
    padding: 3px 1px;
    margin-right: 2px;
    font-size: 11px;
}
.dropdown-menu-list li i, .getroutesData .drop-view label i {
    font-size: 11px;
    padding-right: 2px;
}
.panel-body.icon-color.drop-view.new_font_size label {
    padding: 3px 1px;
    margin-right: 2px;
    font-size: 11px;
}
i.fa.fa-sitemap.sitemap-i {
    font-size: 11px;
    padding: 0px 2px 0 0px;
}
.left_box_tow {
    margin-left: 5px;
}
.panel-body.icon-color.drop-view.new_font_size .dropdown-menu-list li a {
    font-size: 11px;
    padding: 3px 4px;
    margin-right: 4px;
}

.rootSpan_Right.new_rootSpan_Right.clear-right-full {
    margin-left: 4px;
        width: 100%;
}
.help-i-c {
    padding: 12px 0;
}
.controller_group .flex-30, .controller_group .flex-40 {
    width: 49%;
    max-width: 49% !important;
    min-width: 49%;
}
}


.asign-route.color-border input, .asign-route.color-border select {
    border: 1px solid #000;
}

.asign-route.color-border .group-1 {
    margin-bottom: 10px;
}



.main-container_col{}
.i_help_icon{
    position: absolute;
    right: 0;
    top: -15px;
    cursor: pointer;
}
.i_help_icon i{
    font-size: 13px;
    color: #ef6362;
    padding: 2px;
    background: transparent;
    width: 12px;
    height: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    border: 2px solid #050e33;
}



md-content.md-padding.clear-space_remove {
    margin-bottom: 0px;
}
.md-padding.clear-space_remove md-toolbar {
    background: #33225a;
    min-height: 40px;
    margin-bottom: 25px;
}
.md-padding.clear-space_remove {
    padding: 8px 16px;
}
md-input-container.input_border-gray{}
md-input-container.input_border-gray .md-input{
    border: 1px solid #000;
    border-radius: 2px;
}
md-input-container.input_border-gray label:not(.md-container-ignore) {
    left: 8px;
}


md-input-container.input_border-gray md-select{
    border: 1px solid #000;
    border-radius: 2px;
}

.input_border-gray select.form-control{
    border: 1px solid #000;
    border-radius: 2px;
}

.input_check_line{}
.input_check_line md-checkbox {
    margin-bottom: 0px;
    margin-top: 8px !important;
}
.brackline{}
.gapline{
    display: inline-flex;
    width: 20px;
}

.grid-changes .md-select-value {
    border-bottom-width: 0;
}


.list_of_radio_but.list_of_radio_but-new{
    display: flex;
    align-items: center;
    width: 100%;
}
.list_of_radio_but.list_of_radio_but-new md-radio-group {
    display: flex;
    position: relative;
    top: 3px;
    left: 25px;
}

.list_of_sections.border-st md-input-container.md-default-theme .md-input, 
.list_of_sections.border-st md-input-container .md-input {
    color: rgba(0,0,0,0.87);
    border-color: rgb(0 0 0 / 64%);
}



@media only screen and (min-width: 820px) and (max-width:  1180px)and (orientation : portrait){
.filer_left-box_grid.border-remove.contreoller_content_sec .calender-modal_inluneDsp-2 .dropdown.inluneDsp.insta-anchor a {
    font-size: 11px;
    padding: 5px 5px 3px 5px;
    margin-right: 0px;
}
}


@media only screen and (min-width: 820px) and (max-width:  1180px)and (orientation : landscape){
.getroutesData .panel-heading .name_list h3.panel-title {
    font-size: 11px;
}
.name_list {
    margin-right: 5px;
}
.distance_root label {
    margin-right: 4px;
    font-size: 11px;
}
.right-side_view ul.dropdown-menu-list li.new_check {
    margin-right: 4px;
    font-size: 10px;
}
.left-btn-open button {
    width: 28px;
    padding: 2px 5px;
}
.right-side_view ul.dropdown-menu-list li i {
    font-size: 10px;
    padding-right: 2px;
}
.right-side_view ul.dropdown-menu-list li a {
    font-size: 11px;
    margin-right: 0px;
}
.right-side_view ul.dropdown-menu-list li label {
    padding: 3px 2px;
    margin-right: 4px;
    margin-left: 2px;
    font-size: 11px;
}
.right-side_view ul.dropdown-menu-list {
        width: fit-content;
    margin: 0 0 0px 0;
    float: right;
    display: flex;
}
.left-side_view {
    width: 50%;
}
.right-side_view {
    width: 48%;
}
.label_root_right label {
    font-size: 11px;
}
.label_root_right.new-right-width {
    width: 100%;
}
.rootSpan_Right.new_rootSpan_Right.clear-right-full2 {
    width: 100%;
}
.label_root_right {
    width: 100%;
}
.rootSpan_Right {
    margin-left: 6px;
    width: 100% !important;
}
.rootSpan_div.width_remove {
    margin-right: 4px;
}
.panel-body.icon-color.drop-view.new_font_size label {
    font-size: 11px;
}
.getroutesData .drop-view label:first-child {
    margin-left: 2px;
}
.dropdown-menu-list li i, .getroutesData .drop-view label i {
    font-size: 13px;
    padding-right: 2px;
}
.getroutesData .drop-view label {
    padding: 3px 2px;
    margin-right: 2px;
}
.dropdown-menu-list li a {
    font-size: 11px;
    padding: 3px 2px;
    margin-right: 2px;
}
.dropdown-menu-list li i, .rootSpan_Right .rootSpan_drop-view label i {
    font-size: 13px;
    padding-right: 2px;
}
.left_box_tow {
    margin-left: 4px;
}
.multiday_list {
    margin-bottom: 10px;
}
.sub-header h3 {
    margin: 0px 13px 0px 17px;
    font-size: 12px;
}
.calendar-container {
    left: 0;
    width: 160px;
    margin: 0;
    top: 0px;
}
.help-tip-2 {
    top: 4px
}
.help-tip-c {
    top: 7px;
}
.driver_routens h4 {
    font-size: 14px;
}
}




.outerspace{
   padding:0px 0px 0px 25px;
}
.main-container-dashboard{
    display: flex;
    width: 100%;
    align-items: center;
}
.customer-space-a{
    width: 25%;
}
.customer-space-b{
    width: 16%;
    margin-left: 15px;
    margin-right: 15px;
}
.customer-space-b md-input-container {
    width: 100%;
}
.customer-space-c{
    width: 10%;
}
.email-edit-icons{
    position: absolute;
    right: 0;
    z-index: 99;
    background: #222e5a;
    width: 30px;
    height: 30px;
    border-radius: 100px;
    outline: none;
    cursor: pointer;
}
.email-edit-icons i.material-icons{
    font-size: 20px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 5px;
    color: #fff;
}
.row_main{
    display: inline-flex;
    width: 100%;
    flex-wrap: wrap;
    align-items: center;
    max-width: 620px;
}
.column_image{
    width: 100%;
    margin: 10px;
    max-width: 100px;
    overflow: hidden;
}
.column_image img{
    width: 100%;
    height: 100px;
    min-height: 100%;
    padding: 2px;
    border-radius: 3px;
    cursor: pointer;
}
.labelTxt{
    display: inline-flex;
    align-items: center;
    margin: 10px 25px;
    max-width: 320px;
    width: 100%;
}
.labelTxt label{
    margin-right: 10px;
    margin-bottom: 0;
    font-size: 15px;
}

h3.paddtop5.space_bottom{
    padding: 7px 0;
}
.sub-header h3.paddtop5.space_bottom{
    padding: 7px 0 !important;
}
.row.space_top_10{
    margin-top: 10px;
}
md-chips.md-default-theme .md-chips, md-chips .md-chips {
    box-shadow: 0 1px rgb(0 0 0 / 12%);
    border-bottom: 1px solid rgb(0 0 0 / 48%);
}
label.label_heddding_box{
    margin: 5px 0px 5px 0px;
    font-size: 16px;
    font-weight: 600;
    font-family: arial;
    border-bottom: 1px solid #000;
}

h2.test_h2{
    margin: 10px 0px 10px 0px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    font-family: arial;
    border-bottom: 1px solid #000;
    display: inline-block;
}

.md-input-container.md-block.md-input-has-value.display_align {
    align-items: center;
    justify-content: flex-start;
    display: inline-flex;
}
span.bold-text-content{
    font-size: 13px;
    font-weight: 600;
    font-family: arial;
    display: inline-block;
}
span.normal-text-content{
    font-size: 13px;
    font-weight: 500;
    font-family: arial;
    display: inline-block;
}

span.bold-text-content-2{
    font-size: 13px;
    font-weight: 600;
    font-family: arial;
    display: inline-block;
    padding-right: 6px;
}
span.normal-text-content-2{
    font-size: 13px;
    font-weight: 500;
    font-family: arial;
    display: inline-block;
}
.note_min_box{
    color: red;
    display: flex;
}

.table-box table tr td {
    word-break: break-all;
}
.table-box table {
    width: 100%;
}
li.text_inv {
    font-size: 14px;
}


.dropdown.craeteshipmnetdropdown.add_opt_bg select.border-none.filter_color option {
  color: #000;
  font-size: 14px;
}

.flex_i_dynamic{
    border: aliceblue;
    width: 100px;
    display: flex;
    position: relative;
    left: 10px;
    margin: 8px 0px 7px 6px;
}

.text_box_msg{
    max-width: 70%;
    margin-left: 20px;
}

/*----------28-oct-22-----------*/
.text_box_msg{
    max-width: 68%;
    margin-left: 20px;
}
/*----------28-oct-22-----------*/

.text_box_msg p {
    margin-bottom: 0;
    font-size: 14px;
    margin-top: 0;
    position: relative;
    top: 3px;;
    letter-spacing: 0.5px;
    color: #e90000;
}

ul.nav.new-pick-but{
    background: transparent;
}


ul.nav.addcredit.ad_controller {
    display: flex;
    align-items: center;
    padding-top: 8px;
}
.nor.next_text_aligh{}
ul.nav.addcredit.ad_controller li.controller_css{}

.nor.next_text_aligh ul.nav.addcredit.ad_controller li a {
    font-size: 13px;
    color: #fff;
    display: flex;
    align-items: center;
    font-family: arial, sans-serif;
    font-weight: normal !important;
    padding: 4px 8px;
}

@media only screen and (min-width: 1366px) and (max-width: 1440px){
.nor.next_text_aligh ul.nav.addcredit.ad_controller li a {
    padding: 0px 7px;
}
}

@media only screen and (min-width: 820px) and (max-width: 1180px){
.nor.next_text_aligh ul.nav.addcredit.ad_controller li a {
    padding: 0px 7px;
}
.logo img {
    height: 30px;
    padding: 10px 10px 1px 10px;
}
.routeicon img {
    padding: 8px 3px 6px 3px;
    width: 20px;
    height: 20px;
}
li.icon-position-plus a img {
    width: 26px;
}
ul.nav.addcredit.ad_controller {
    padding-top: 10px;
}
.sidebar-wrapper ul>li a i {
    font-size: 18px;
    line-height: 35px;
}
.sidebar-wrapper ul li a img.img-li {
    margin-bottom: 4px;
}
.material-icons.re_screen {
    line-height: 35px;
}
span.fa.fa-ellipsis-v {
    top: 12px;
}
.sidebar-wrapper ul li a {
    text-transform: capitalize;
}
.sidebar-wrapper ul li.re_add_class ul li a {
    text-transform: capitalize;
}
.sidebar-wrapper ul li.re_add_class ul li a i {
    font-size: 16px;
    line-height: 30px;
}
}
/*----------28-oct-22-----------*/
.new-divider-h.alig_ment{
    display: inline-flex;
    align-items: center;
}

.sub-header .new-divider-h.alig_ment .md-button.md-primary.md-raised.clear_box{
    display: flex;
    align-items: center;
    justify-content: center;
}
/*----------28-oct-22-----------*/
.left-btn-open button {
    padding: 2px 10px;
    position: relative;
    z-index: 9;
}

.new_address_top.controller_h4{
    padding: 0px 30px 15px 30px;
}

.new_address_top.controller_h4 h4{
    font-size: 22px;
    font-weight: 600;
    font-family: arial, sans-serif;
    letter-spacing: 0.5px;
    padding-bottom: 0.2em;
    margin-bottom: 1em;
    color: #001e62;
}


.input_container {
    margin-bottom: 1em;
}
md-card.controll_gmail._md {
    border: none;
    box-shadow: none;
    background: transparent;
}

.onboarding-scroll.consient {
    background: #f3f3f3;
    border-right: 1px solid #dbdbdb;
}

.only_search_box.container_inp input {
    font-size: 14px;
}










@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait){
.left-btn-open button {
    padding: 2px 10px;
}
.input_container md-input-container {
    margin-bottom: 20px;
}
.input_container {
    margin-bottom: 0;
}
.onboarding-scroll.consient {
    height: calc(48vh - 50px);
    background: #f3f3f3;
    border-right: 1px solid #dbdbdb;
}


.controller_group .flex-30, .controller_group .flex-40 {
    width: 49%;
    max-width: 49% !important;
    min-width: 49%;
}
.center_grid.grid_controller{
    display: inline-flex;
    position: relative;
    align-items: center;
    width: 208px;
}
.flex-body-left-right-position .flex-right-postion .main-login-next h2 {
    font-size: 20px;
    padding: 10px 10px 0 10px;
    margin-bottom: 0em;
}
.flex-body-left-right-position .flex-right-postion .main-login-next h2::before {
    top: 38px;
}
.flex-body-left-right-position .flex-right-postion .main-login-next ul li {
    margin-bottom: 4px;
    font-size: 14px;
    border-bottom: none;
    display: flex;
    align-items: center;
}
.flex-body-left-right-position .flex-right-postion .main-login-next ul li .material-icons {
    top: 0px;
    padding-right: 6px;
}
.flex-body-left-right-position {
    display: block;
    position: absolute;
    top: 10%;
}

.flex-body-left-right-position .flex-left-postion .main-login {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.flex-body-left-right-position .flex-right-postion .main-login-next {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
}
.main-login {
    top: 15%;
}
a.mobile_sect_hide {
    display: none;
}
}

@media only screen and (min-width: 769px) and (max-width: 1023px) and (orientation: landscape){
.left-btn-open button {
    padding: 2px 10px !important;
    width: 30px;
}
.flex-body-left-right-position .flex-right-postion .main-login-next h2 {
    font-size: 20px;
    padding: 10px 10px 0 10px;
    margin-bottom: 0em;
}
.flex-body-left-right-position .flex-right-postion .main-login-next h2::before {
    top: 38px;
}
.flex-body-left-right-position .flex-right-postion .main-login-next ul li {
    margin-bottom: 4px;
    font-size: 14px;
    border-bottom: none;
    display: flex;
    align-items: center;
}
.flex-body-left-right-position .flex-right-postion .main-login-next ul li .material-icons {
    top: 0px;
    padding-right: 6px;
}
.flex-body-left-right-position {
    display: block;
    position: absolute;
    top: 10%;
}

.flex-body-left-right-position .flex-left-postion .main-login {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.flex-body-left-right-position .flex-right-postion .main-login-next {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
}
.main-login {
    top: 15%;
}
a.mobile_sect_hide {
    display: none;
}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape){
.left-btn-open button {
    padding: 2px 10px !important;
    width: 30px;
}
.flex-body-left-right-position {
    top: 20%;
    position: absolute;
}
a.mobile_sect_hide {
    display: none;
}
}

@media only screen and (min-width: 820px) and (max-width: 1180px) and (orientation: landscape){
.left-btn-open button {
    padding: 2px 10px !important;
    width: 30px;
}
.flex-body-left-right-position {
    top: 20%;
    position: absolute;
}
.login-bg md-content {
    height: 95%;
}
a.mobile_sect_hide {
    display: none;
}
}

@media only screen and (min-width: 320px) and (max-width: 568px){
.left-btn-open button {
    padding: 2px 9px;
    border-radius: 100% !important;
    background: #ef6362 !important;
}
.left-btn-open button {
    margin: 0 0 0 -14px;
}
.flex-body-left-right-position .flex-left-postion .main-login {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.flex-body-left-right-position .flex-right-postion .main-login-next {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
}
a.mobile_sect_hide {
    display: none;
}
}


@media only screen and (min-width: 320px) and (max-width: 480px){
.sidebar.dataTable.addwidthright.allshipments-grid.ng-scope.mobile_left_width_remove{
    margin-left: 0;
}
.ipad-hide {
    display: none;
}
.mobile_hide_view{
    display: none;
}
.ng-width-toggle {
    width: 290px;
}
.md-button.mobile_hide_view{
    display: none;
}
.main-left-section {
    z-index: 9;
}
.new_address_top.controller_h4 {
    padding: 0px 12px 15px 12px;
}
.new_address_top.controller_h4 h4 {
    font-size: 20px;
    margin-bottom: 0.8em;
}
.new_aadress_det {
    padding: 0 10px;
}
.onboarding-scroll.consient {
    height: calc(81vh - 50px);
}
.input_container {
    margin-bottom: 0;
    flex-wrap: wrap;
}
.input_container md-input-container {
    min-width: 100%;
    margin-bottom: 20px;
}
.md-toolbar-tools {
    padding: 0 40px 0 16px;
}
.controller_group .flex-30, .controller_group .flex-40{
    width: 49%;
    max-width: 49% !important;
    min-width: 49%;
}

.flex-body-left-right-position .flex-right-postion .main-login-next h2 {
    font-size: 20px;
    padding: 10px 10px 0 10px;
    margin-bottom: 0em;
}
.flex-body-left-right-position .flex-right-postion .main-login-next h2::before {
    top: 38px;
}
.flex-body-left-right-position .flex-right-postion .main-login-next ul li {
    margin-bottom: 4px;
    font-size: 12px;
    border-bottom: none;
    display: flex;
    align-items: center;
}
.flex-body-left-right-position .flex-right-postion .main-login-next ul li .material-icons {
    top: 0px;
    padding-right: 6px;
}
.flex-body-left-right-position .flex-left-postion .main-login {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.flex-body-left-right-position .flex-right-postion .main-login-next {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
}
.main-login {
    top: 25%;
}
.flex-body-left-right-position {
        display: block;
        width: auto;
        margin: auto;
        position: absolute;
        top: 10%;
}
.sub-header button.craeteshipmnetdropdown.dropdown.md-primary.search-filter {
    padding: 4px 5px;
}
a.mobile_sect_hide{
    display: none;
}
}


@media only screen and (min-width: 481px) and (max-width: 640px){
.flex-body-left-right-position .flex-right-postion .main-login-next h2 {
    font-size: 20px;
    padding: 10px 10px 0 10px;
    margin-bottom: 0em;
}
.flex-body-left-right-position .flex-right-postion .main-login-next h2::before {
    top: 38px;
}
.flex-body-left-right-position .flex-right-postion .main-login-next ul li {
    margin-bottom: 4px;
    font-size: 12px;
    border-bottom: none;
    display: flex;
    align-items: center;
}
.flex-body-left-right-position .flex-right-postion .main-login-next ul li .material-icons {
    top: 0px;
    padding-right: 6px;
}
.controller_group .flex-30, .controller_group .flex-40 {
    width: 49%;
    max-width: 49% !important;
    min-width: 49%;
}
.ipad-hide {
    display: none;
}
.mobile_hide_view{
    display: none;
}
.ng-width-toggle {
    width: 290px;
}
.md-button.mobile_hide_view{
    display: none;
}
.main-left-section {
    z-index: 9;
}
.new_address_top.controller_h4 {
    padding: 0px 12px 15px 12px;
}
.new_address_top.controller_h4 h4 {
    font-size: 20px;
    margin-bottom: 0.8em;
}
.new_aadress_det {
    padding: 0 10px;
}
.onboarding-scroll.consient {
    height: calc(81vh - 50px);
}
.input_container {
    margin-bottom: 0;
    flex-wrap: wrap;
}
.input_container md-input-container {
    min-width: 100%;
    margin-bottom: 20px;
}
.md-toolbar-tools {
    padding: 0 40px 0 16px;
}
.flex-body-left-right-position .flex-left-postion .main-login {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.flex-body-left-right-position .flex-right-postion .main-login-next {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
}
.main-login {
    top: 15%;
}
.flex-body-left-right-position {
    display: block;
    width: auto;
    margin: auto;
    position: absolute;
    top: 10%;
}
a.mobile_sect_hide{
    display: none;
}
}


@media only screen and (min-width: 641px) and (max-width: 767px){
.flex-body-left-right-position .flex-right-postion .main-login-next h2 {
    font-size: 20px;
    padding: 10px 10px 0 10px;
    margin-bottom: 0em;
}
.flex-body-left-right-position .flex-right-postion .main-login-next h2::before {
    top: 38px;
}
.flex-body-left-right-position .flex-right-postion .main-login-next ul li {
    margin-bottom: 4px;
    font-size: 12px;
    border-bottom: none;
    display: flex;
    align-items: center;
}
.flex-body-left-right-position .flex-right-postion .main-login-next ul li .material-icons {
    top: 0px;
    padding-right: 6px;
}
.controller_group .flex-30, .controller_group .flex-40 {
    width: 49%;
    max-width: 49% !important;
    min-width: 49%;
}
.ipad-hide {
    display: none;
}
.mobile_hide_view{
    display: none;
}
.ng-width-toggle {
    width: 290px;
}
.md-button.mobile_hide_view{
    display: none;
}
.main-left-section {
    z-index: 9;
}
.new_address_top.controller_h4 {
    padding: 0px 12px 15px 12px;
}
.new_address_top.controller_h4 h4 {
    font-size: 20px;
    margin-bottom: 0.8em;
}
.new_aadress_det {
    padding: 0 10px;
}
.onboarding-scroll.consient {
    height: calc(81vh - 50px);
}
.input_container {
    margin-bottom: 0;
    flex-wrap: wrap;
}
.input_container md-input-container {
    min-width: 100%;
    margin-bottom: 20px;
}
.md-toolbar-tools {
    padding: 0 40px 0 16px;
}
.flex-body-left-right-position .flex-left-postion .main-login {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.flex-body-left-right-position .flex-right-postion .main-login-next {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
}
.main-login {
    margin-top: 15% !important;
}
a.mobile_sect_hide{
    display: none;
}
}

@media only screen and (min-width: 360px) and (max-width: 740px) and (orientation: landscape){
.main-login {
    margin-top: 4% !important;
}
a.mobile_sect_hide {
    display: none;
}
}


@media only screen and (min-width: 1366px) and (max-width: 1440px){
.sameday_tab.button-align .left-btn-open.advance_width button {
    width: 28px;
    padding-left: 10px !important;
    padding-right: 0 !important;
}
}

@media only screen and (min-width: 320px) and (max-width: 1023px){
.mobile_hide_view {
    display: none;
}
.btn-sm, .btn-group-sm > .btn {
    padding: 0.25rem 0.3rem;
}
}

@media only screen and (min-width: 320px) and (max-width: 992px){
.sidebar.dataTable.addwidthright.allshipments-grid.ng-scope.mobile_left_width_remove {
    margin-left: 0;
}
}






.flex_controller_list ul li:nth-child(1)::before {
    left: 0;
    transform: skewY(355deg);
    display: none;
}
.flex_controller_list ul li:nth-child(1)::before, 
.flex_controller_list ul li:nth-child(1)::after {
    content: '';
    position: absolute;
    bottom: -21px;
    height: 30px;
    width: 101%;
    background: #ef6362;
    left: 0;
}
.flex_controller_list ul li:nth-child(1)::after {
    right: 100%;
    transform: skewY(-355deg);
}

/*----------------*/
.flex_controller_list ul li:nth-child(2)::before {
    left: 0;
    transform: skewY(355deg);
}
.flex_controller_list ul li:nth-child(2)::before, 
.flex_controller_list ul li:nth-child(2)::after {
    content: '';
    position: absolute;
    bottom: -10px;
    height: 20px;
    width: 51%;
    background: #ef6362;
}
.flex_controller_list ul li:nth-child(2)::after {
    left: 50%;
    transform: skewY(-355deg);
}

/*--------------*/

.flex_controller_list ul li:nth-child(3)::before {
    left: 0;
    transform: skewY(355deg);
}

.flex_controller_list ul li:nth-child(3)::before, 
.flex_controller_list ul li:nth-child(3)::after {
    /*content: '';
    position: absolute;
    bottom: -10px;
    height: 20px;
    width: 51%;
    background: #ef6362;*/
    content: '';
    position: absolute;
    bottom: -21px;
    height: 30px;
    width: 101%;
    background: #ef6362;
    left: 0;
}

.flex_controller_list ul li:nth-child(3)::after {
    left: 100%;
    transform: skewY(-355deg);
}





    .flex_controller_section {
        margin-top: 2em;
        margin-bottom: 2em;
    }
    .flex_controller_inn{
        width: 95%;
        margin: auto;
        border-radius: 14px;
    }
    .flex_controller_list{}
    .flex_controller_list ul{
        display: flex;
        flex-wrap: wrap;
        align-items: baseline;
        margin: 0 auto;
        padding: 0;
    }
    .flex_controller_list ul li{
        text-align: center;
        list-style: none;
        width: 22%;
        margin: 10px;
        position: relative;
        overflow: hidden;
    }
    .flex_controller_list ul li a{
        padding: 30px 10px 10px 10px;
        border: none;
        display: block;
        border-radius: 4px;
        color: #fff !important;
        font-size: 16px;
        transition: all 0.5s;
        outline: none;
        background: #001E62;
        letter-spacing: 1px;

    }
    .flex_controller_list ul li a .c-rule-active{
    position: absolute;
    top: 0;
    right: 0;
    background: green;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom-left-radius: 65%;
    }
    .flex_controller_list ul li a .c-rule-active i{
    font-size: 18px;
    position: relative;
    left: 5px;
    }
    .flex_controller_list ul li a:hover{
        /*border: 1px solid #ef6362;*/
    }
    .flex_controller_list ul li a .flex_img_setting{
        margin-bottom: 10px;
    }
    .flex_controller_list ul li a span{
        height: 50px;
        display: inline-block;
        width: 100%;
    }
    .flex_controller_list ul li a img{
        width: 45px;
    }

    @media only screen and (min-width: 1200px) and (max-width: 1279px){
        .flex_controller_list ul li {
            width: 22.7%;
        }
    }

    @media only screen and (min-width: 1280px) and (max-width: 1365px){
        .flex_controller_list ul li {
            width: 23%;
        }
    }

    @media only screen and (min-width: 1366px) and (max-width: 1440px){
        .flex_controller_list ul li {
            width: 18.1%;
        }
    }
#drive_box {
    width: 90%;
    display: none;
    margin-left: 50px;
}

.new_design{
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 0 10px 5px 10px;
    background: #f1f1f1;
}
.check-ctrl_box {
    width: 90px;
}
md-input-container.md-block.new_controller{
    position: relative;
    top: 16px;
}
.spece_controller{
    width: 3%;
}
.check-ctrl_box_mid{
    width: 150px;
}
.check-ctrl_box_mid md-input-container{}

.check-ctrl_box_number{
    width: 130px;
}
.check-ctrl_box_number md-input-container{}


@media only screen and (min-width: 1200px) and (max-width: 1279px){
.check-ctrl_box {
    width: 86px;
}
.check-ctrl_box_mid {
    width: 160px;
}
}
@media only screen and (min-width: 1401px) and (max-width: 1440px){
.check-ctrl_box {
    width: 87px;
}
}

.mail_room_container{
    margin-top: 8em;
    margin-left: auto;
    max-width: 1000px;
    margin-right: auto;
    border: 1px solid #e1e1e1;
    padding: 30px;
    border-radius: 10px;
    background: #f1f1f1;
    position: relative;
}
.mail_room {
    overflow-x: auto;
    max-height: 500px;
}


.mail_room_min {
    margin-bottom: 3em;
    background: #f9f9f9;
    padding: 12px;
}
.mail_room_box {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    align-items: center;
    margin: 0 auto 15px auto;
    padding: 0px 0px 0 0px;
    justify-content: space-between;
}
.mail_room_Design {
    display: inline-flex;
    width: 30%;
}
.mail_room_Design input {
    width: 100%;
    border: 1px solid #12034e;
    padding: 8px 10px;
    background: #fff;
    border-radius: 3px;
    font-size: 14px;
    position: relative;
    top: -1px;
}
.mail_room_Button {
    width: 102px;
    display: inline-flex;
    justify-content: right;
}
.mail_room_Remove {
    float: left;
    height: 33px;
    width: 30px;
    font-size: 25px;
    color: #ffffff;
    border: none;
    border-radius: 4px;
    text-align: center;
    position: relative;
    top: 0;
    cursor: pointer;
    margin-right: 3px;
    background: #ef6362;
}
.mail_room_size {
    font-size: 13px !important;
    top: -6px;
    position: relative;
    color: #fff;
}

.btn_right_center{
    display: flex;
    justify-content: center;
    padding: 0;
}


.mail_room_table{
    margin-bottom: 3em;
    background: #f9f9f9;
    padding: 12px;
}

.mail_room_table table{
    border: 1px solid grey;
    border-collapse: collapse;
    padding: 6px;
    width: 100%;
}
.mail_room_table table tr:nth-child(odd) {
    background-color: #f1f1f1;
}
.mail_room_table table tr:nth-child(even) {
    background-color: #ffffff;
}
.mail_room_table table tr td{}


input.inp_container{
    outline: none;
    box-shadow: none;
    font-size: 14px;
    padding: 6px 5px;
    border-radius: 3px;
    border: 1px solid #8d8d8d;
}
input.inp_container:focus{
    border: 1px solid #001e62;
}
button.update_inp{
    background: #24a514;
    border: none;
    outline: none;
    box-shadow: none;
    color: #fff;
    border-radius: 3px;
    padding: 6px 14px;
    font-size: 14px;
    letter-spacing: 0.5px;
}
button.update_inp:focus{
    outline: none;
    box-shadow: none;
}

button.edit_inp{
    background: #001e62;
    border: none;
    outline: none;
    box-shadow: none;
    color: #fff;
    border-radius: 3px;
    padding: 6px 14px;
    font-size: 14px;
    letter-spacing: 0.5px;
}
button.edit_inp:focus{
    outline: none;
    box-shadow: none;
}

button.delete_inp{
    background: #ef6362;
    border: none;
    outline: none;
    box-shadow: none;
    color: #fff;
    border-radius: 3px;
    padding: 6px 14px;
    font-size: 14px;
    letter-spacing: 0.5px;
}
button.delete_inp:focus{
    outline: none;
    box-shadow: none;
}
.mail_room_back{
    position: relative;
    top: -15px;
}
.mail_room_back a{
    background: #ef6362;
    border: none;
    outline: none;
    box-shadow: none;
    color: #fff;
    border-radius: 3px;
    padding: 6px 15px;
    font-size: 15px;
}
.mail_room_back a i{}


.btn.md-primary.md-button.new_color_btn{
    color: #fff;
	background: #001e62;
}


.service_container_flex{
    display: flex;
    justify-content: space-between;
    width: 100%;
    flex-wrap: wrap;
}

.service_container_left{
    width: 35%;
}
.service_container_middle{
    width: 20%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.service_container_middle ._or{
    background: #33225a;
    padding: 16px;
    font-size: 22px;
    font-family: arial, sans-serif;
    font-weight: bold;
    border-radius: 100px;
    width: 60px;
    height: 60px;
    align-items: center;
    justify-content: center;
    display: flex;
    color: #fff;
    border: 3px solid #cab5f94d;
}
.service_container_right{
    width: 35%;
}

.space_link{
    margin-top: 10px;
}

label.label_controler{
    letter-spacing: 0.5px;
    padding-bottom: 5px;
    display: block;
}

md-switch.md_switch_controller{
    display: inline-flex;
    position: relative;
    top: 8px;
    margin-top: 0;
}




@media only screen and (min-width: 1366px) and (max-width: 1440px){
.first-box_s {}
.second-box_s {
    width: 12%;
}
.third-box_s {
    width: 30%;
    margin-left: 15px;
}
}


@media only screen and (min-width: 1024px) and (max-width: 1199px){
.first-box_s {
    width: 35%;
}
.second-box_s {
    width: 16%;
}
.third-box_s {
    width: 40%;
    margin-left: 15px;
}
}








/*-- Notifiction Popup Box --*/
.notifiction_box {
  position: fixed;
  bottom: 25px;
  right: 30px;
  border-radius: 12px;
/*  background: #ffe4e4;*/
background-image: linear-gradient(to right bottom,#f08e72, #ffa288, #ffa990, #ffb899, #ffcbaa);

  padding: 40px 35px 40px 25px;
  box-shadow: 0 6px 20px 5px rgb(0 0 0 / 26%);
  overflow: hidden;
  transform: translateX(calc(100% + 30px));
  transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.35);
  z-index: 999999;

   max-width: 450px;
   width: 350px;
   word-break: break-word;
}

.notifiction_box.notifiction_active {
  transform: translateX(0%);
}

.notifiction_box .notifiction_box_content {
  display: flex;
  align-items: baseline;
}

.notifiction_box_content .notifiction_check {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 35px;
  min-width: 35px;
  background-color: #fff;
  color: #ef6362;
  font-size: 20px;
  border-radius: 50%;
}
.notifiction_box_content .notifiction_message {
  display: flex;
  flex-direction: column;
  margin: 0 20px;
}
.notifiction_message .notifiction_text {
  font-size: 16px;
  font-weight: 400;
  color: #666666;
}
.notifiction_message .notifiction_text.notifiction_text-1 {
  font-weight: 600;
  color: #333;
}
.notifiction_message .notifiction_text.notifiction_text-2 {
    font-weight: 500;
    color: #333;
    font-size: 14px;
    top: -5px;
    position: relative;
}
.notifiction_box .close {
  position: absolute;
  top: 10px;
  right: 15px;
  padding: 5px;
  cursor: pointer;
  opacity: 0.7;
}
.notifiction_box .close:hover {
  opacity: 1;
}
.notifiction_box .notifiction_progress {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 3px;
  width: 100%;

}
/*.notifiction_box .notifiction_progress:before {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  height: 100%;
  width: 100%;
  background-color: #ef6362;
}*/
.notifiction_progress.notifiction_active:before {
  animation: progress 5s linear forwards;
}
@keyframes notifiction_progress {
  100% {
    right: 100%;
  }
}
.list-n-right.driver-porfile {
    width: 70px;
    height: 60px;
    margin: 0;
}
.logoContainer.driver-porfile-conatiner {
    margin: 6px auto 0 auto;
    width: auto;
}
/*-- Notifiction Popup Box --*/




.service_container_left.new_class md-input-container {
    height: 45px;
}
.service_container_left.new_class .space_link.add_new_class{
    height: 45px;
    margin-bottom: 4px;
    align-items: flex-end;
    display: flex;
}
.service_container_right.new_class md-input-container {
    height: 45px;
}


.clear-container-check md-checkbox {
    margin-bottom: 0;
    margin-left: 20px !important;
}
.clear-container-check md-checkbox.md-default-theme.md-checked .md-icon, 
.clear-container-check md-checkbox.md-checked .md-icon {
    background-color: rgb(5 14 51);
}
.clear-container-check md-checkbox.md-default-theme:not(.md-checked) .md-icon, 
.clear-container-check md-checkbox:not(.md-checked) .md-icon {
    border-color: rgb(253 252 253);
}

.outOfSurchargeContainer {
    display: flex;
    flex-direction: column;
    margin-top: 15px;
}

.outOfSurchargeContainer .title {

}

.outOfSurchargeContainerIner {
    display: flex;
    width: 70%;
}

.outOfSurchargeContainerIner .row-item {
/*    flex-basis: calc(33.33% - 10px);*/
    margin: 5px;
}

 .outOfSurchargeContainer .dayList {
/*     flex-basis: 40%;*/
 }

.outOfSurchargeContainer .dayStartTime {
/*    flex-basis: 20%;*/
}

.outOfSurchargeContainer .dayEndTime {
/*    flex-basis: 20%;*/
}

.outOfSurchargeContainer .action-button {

}

.outOfSurchargeContainer .plus-icon {
/*    flex-basis: 10%;*/
}

.outOfSurchargeContainer .minus-icon {
/*    flex-basis: 10%;*/
}
.clear-container-check md-checkbox.md-default-theme.md-checked .md-icon,
.clear-container-check md-checkbox.md-checked .md-icon {
    background-color: rgb(5 14 51);
}
.clear-container-check md-checkbox.md-default-theme:not(.md-checked) .md-icon,
.clear-container-check md-checkbox:not(.md-checked) .md-icon {
    border-color: rgb(253 252 253);
}

@media only screen and (min-width: 768px) and (max-width: 992px){
.additional_width_tab_D{
    min-width: 130px;
}
.additional_width_tab_ST {
    min-width: 135px;
}
.additional_width_tab_ET{
    min-width: 135px;
}
}

.md-padding.label_font_change{}
.md-padding.label_font_change md-input-container label:not(.md-no-float):not(.md-container-ignore){
    font-size: 15px;
}

.md-padding.label_font_change md-input-container {
    margin: 16px 0;
}
.sameDayWaitingTimeVehicle{
    display: flex;
    flex-direction: column;
}

.sameDayWaitingTimeVehicleChild{

}
.sameDayWaitingTimeVehicleChildFirst {
    display: flex;
    flex-direction: row;
    gap: 20px;
}

.sameDayWaitingTimeVehicleChildLimit {

}

.limitsOne {
    display: flex;
    flex-direction: column;
}

.limitOne {
    display: flex;
    flex-direction: row;
    gap: 20px;
}

.temporary_row {
    background-color: #e8e8e8;
}

.ne_costbreakup table>tbody>tr.temporary_row>td {
    padding: 5px 6px;
    font-size: 12px;
    outline: none;
}
.ne_costbreakup.onlycostbkp table>tbody>tr.temporary_row>td button {
    background: #ef6362 !important;
}
.ne_costbreakup.onlycostbkp table>tbody>tr.temporary_row>td md-icon i {
    font-size: 15px !important;
    color: #fff;
    font-weight: bold;
}
.ne_costbreakup.onlycostbkp table>tbody>tr.temporary_row>td:last-child {
    text-align: left;
}
.elementWrapper {
    display: flex;
    flex-direction: row;
    gap: 10px;
    justify-content: end;
}
.ne_costbreakup.onlycostbkp table>tbody>tr.temporary_row>td.md-button.md-icon-button {
    margin: 0 8px 0 -10px;
    height: 40px;
    min-width: 0;
    line-height: 21px;
    padding: 8px;
    width: 40px;
    border-radius: 50%;
}

.elementWrapper > input {
    width: 60px;
}

.pencil-icon {
    font-size: 18px!important;
    line-height: 18px!important;
}

.drive_eta_div input{
    background: #fff!important;
    width: 50px!important;
}

.matrix-container{
    display: flex;
    flex-direction: row;
}

tr.cont_space td {
    padding: 15px 0 !important;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px){
.md-padding.label_font_change md-input-container label:not(.md-no-float):not(.md-container-ignore){
    font-size: 14px;
}
.ne_costbreakup.onlycostbkp table>tbody>tr.temporary_row>td input[type="text"] {
    height: 19px !important;
}
}

@media only screen and (min-width: 1366px) and (max-width: 1440px){
.md-padding.label_font_change md-input-container label:not(.md-no-float):not(.md-container-ignore){
    font-size: 15px;
}
}
.ne_collection button.md-icon-button.dtp-clear.closed_btn_position{
    position: absolute !important;
}




@media only screen and (min-width: 1200px) and (max-width: 1365px){
.c-group-inn {
    max-width: 140px;
    width: 100% !important;
}
}

@media only screen and (min-width: 1366px) and (max-width: 1440px){
.ne_package_ty, .ne_content, .ne_weights.c-group-inn {
    margin: 0 6px !important;
}
.c-group-inn {
    max-width: 152px;
}
}




.Filter_gridCol{
    position: relative;
    margin: 7px 0px 7px 5px ;
}
.Filter_gridCol input.inp_position_inn{
    border: 1px solid #33225a;
    position: relative;
    outline: none;
    border-radius: 3px;
    font-size: 12px;
    padding: 0px 26px 0px 5px;
    height: 26px;
    width: 130px;
    color: #33225a;
}
.Filter_gridCol button {}
.Filter_gridCol button.btn_position_inn{
    border: none;
    position: absolute;
    outline: none;
    font-size: 16px;
    color: #33225a;
    z-index: 999;
    right: 4px;
    background: transparent;
    transition: all 0.5s;
}
.Filter_gridCol button.btn_position_inn:hover{
    color: #ef6362;
}
.main_row_sec{
    display: inline-flex;
    align-items: center;
}

md-dialog {
    border-radius: 10px;
  }
  md-radio-button .md-off {
    border-color: #673ab7;
  }
  
button.back_btns {
    background: #33225a;
    padding: 10px 8px 8px 8px;
    height: auto;
    min-width: auto;
    min-height: auto;
    max-height: none;
    line-height: 0;
    display: inline-block;
    outline: none;
    border: none;
    box-shadow: none;
    color: #fff;
    font-size: 14px;
    text-transform: none;
}
button.back_btns i {
    color: #fff;
}

ul.class_customMenu{

}
ul.class_customMenu li{
    font-size: 12px;
}
ul.class_customMenu li a{
    
}
.ne_content.is_doc.add-form-box-sect-xx.top-space-creat.remoteSection md-checkbox {
    margin-bottom: 0;
}


.history_table {
    padding: 15px;
}
.history_table table {
    width: 100%;
}
.history_table table tr th {
    font-weight: 600;
    padding: 5px 8px;
    border-bottom: 1px solid #dedede;
    font-family: arial;
    background: #eee;
    font-size: 13px;
    letter-spacing: 0.8px;
}
.history_table table tr td {
    padding: 5px 8px;
    font-size: 13px;
    letter-spacing: 0.5px;
}

.text_bracks {
    display: inline-block;
    word-break: break-all;
    width: 250px;
}

.block-brack-part.container_check{}
.block-brack-part.container_check md-checkbox .md-label{
    font-size: 13px;
    margin-left: 24px;
}
.block-brack-part.container_check md-checkbox .md-container {
    width: 18px;
    height: 18px;
}
.block-brack-part.container_check md-checkbox .md-icon {
    width: 18px;
    height: 18px;
}
.block-brack-part.container_check md-checkbox.md-checked .md-icon:after {
    height: 11.33333px;
    width: 5.66667px;
}

.Min_thumbImg {
    width: 100%;
    display: flex;
    justify-content: center;
}
.newthumbImg{
    width: 80px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.newthumbImg img{
    margin: 5px;
    padding: 3px;
    border-radius: 3px;
    border: 1px dashed #F44336;
    position: absolute;
    height: 70px;
    width: 80px;
}
a.parcel_btnRemove_Style.beforeoff:before {
    display: none !important;
}
#page-content a.parcel_btnRemove_Style.beforeoff {
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}
.parcel_inline-action.addwhatsapprow {
    display: flex;
    justify-content: right;
    align-items: center;
    padding-right: 80px;
}

.grid-changes.spaceCover{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.grid-changes.spaceCover md-input-container{
    margin-right: 15px;
    margin-top: 20px;
    position: relative;
}
/*icon hep  2 parcel page*/
.LimitDay-position {
    padding: 2px;
    width: 18px;
    height: 18px;
    position: absolute;
    top: -20px;
    right: 2px;
    z-index: 9;
}
.LimitDay-icon {
    display: flex;
    padding: 10px 0;
}
.LimitDay {
    position: absolute;
    top: 2px;
    right: 0px;
    text-align: center;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    cursor: default;
    transition: all 0.5scubic-bezier(0.55, 0, 0.1, 1);
    background: #fff;
}
.LimitDay:hover {
    cursor: pointer;
}
.LimitDay:before {
    content: url(../../assets/img/info.svg);
    font-weight: 700;
    color: #fff;
}
.LimitDay p {
    visibility: hidden;
    opacity: 0;
    text-align: left;
    background-color: #050e33;
    padding: 15px;
    width: 200px;
    position: absolute;
    border-radius: 4px;
    left: -8px;
    color: #fff;
    font-size: 13px;
    line-height: normal;
    transform: scale(0.7);
    transform-origin: 100% 0%;
    transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1);
    z-index: 9999;
    top: 12px;
    letter-spacing: 0.5px;
    line-height: 20px;
}
.LimitDay:hover p {
    cursor: default;
    visibility: visible;
    opacity: 1;
    transform: scale(1.0);
}
.LimitDay p:before {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-bottom-color: #ef6362;
    left: 10px;
    top: -12px;
}
.LimitDay p:after {
    width: 100%;
    height: 40px;
    content: '';
    position: absolute;
    top: -5px;
    left: 0;
}
/*icon hep  2 parcel page*/
.leftDay {
    width: 74%;
    display: flex;
    align-items: center;
}
.rightDay {
    width: 25%;
}
.btn-group.export-dropdown.newbuttonUpdate{
    display: inline-flex;
    float: left;
}