.ser-logo-popup {
    overflow: hidden;
    background: #ffffff;
    width: 95px;
    max-height: 95px;
    align-items: center;
    text-align: center;
    vertical-align: middle;
    display: flex;
    padding: 5px;
}
.new-panel-full {
    padding: 0px 15px 5px 15px;
}
.new-panel-full h3 {
    font-size: 17px;
    font-weight: 600;
    letter-spacing: 0.5px;
    font-family: arial,sans-serif;
    color: #12034e;
    margin-bottom: 0;
    margin-top: 15px;
}
.new-panel-full p {
    color: #000;
    font-size: 14px;
    letter-spacing: 0.5px;
    font-family: 'Roboto', sans-serif;
    margin: 0;
}
.ser-logo-popup img {
    width: 100%;
}
.min-service-name-popup {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 0px 0px 0px 0px;
    border-bottom: 1px solid #dadada;
}
.ser-content-popup {
    width: 66%;
    margin: 10px;
}
.ser-content-popup h3 {
    font-size: 18px;
    margin: 0;
    color: #12034e;
    font-family: arial,sans-serif;
}
.dimention_controll{}
.dimention_controll h3{
    font-size: 15px;
    color: #000;
}
.dimention_details{}
.row_1{
    width: 100%;
}
.row_1 ul{
    margin: 0 0 10px 0;
    padding: 0 25px 0 0px;
    border-bottom: 1px solid #000;
    display: inline-block;
}
.row_1 ul li{
    font-size: 14px;
    display: inline-block;
    padding: 4px;
    text-align: left;
    letter-spacing: 0.5px;
    list-style: none;
}
.row_2{
    font-size: 15px;
    color: #000;
}

ul.flex_2col_list{
    margin-top: 20px;
    padding: 0;
}
ul.flex_2col_list li{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
ul.flex_2col_list li .left_control{
    width: 35%;
    margin-right: 40px;
    font-weight: 600;
    font-family: arial,sans-serif;
}
ul.flex_2col_list li .left_control p{
    font-size: 14px;
    color: #000;
    line-height: 20px;
}
ul.flex_2col_list li .right_control{
    font-size: 14px;
    color: #000;
    line-height: 20px;
    width: 55%;
}
.bold_text{
    font-size: 15px;
    font-weight: 600;
    color: #000;
    font-family: arial,sans-serif;
}


.right_control{}
.rft_left_main{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: 3px;
}
.lft_head{
    font-size: 15px;
    font-weight: 600;
    color: #000;
    font-family: arial,sans-serif;
}
.rft_rigt{
    font-size: 14px;
    color: #000;
}


.modal-dialog.new-width-creat-modal.width_no{
    height: auto;
    top: 2em;
}
.height_add_container{
    height: 100%;
    max-height: 400px;
    overflow-y: auto;
    overflow-x: hidden;
}

.dimention_controll_table{
    padding: 20px 0;
}
.dimention_controll_table table{

}
.dimention_controll_table table tr th{
    color: #12034e;
    font-weight: 600;
    font-size: 14px;
    padding: 10px;
    font-family: arial,sans-serif;
}
.dimention_controll_table table tr td{
    color: #12034e;
    font-size: 14px;
    padding: 10px;
}
.new-panel-full-features {
    padding: 0px 15px 0px 15px;
}
.new-panel-full-features h3 {
    font-size: 17px;
    font-weight: 600;
    letter-spacing: 0.5px;
    font-family: arial,sans-serif;
    color: #12034e;
    margin-bottom: 0;
    margin-top: 15px;
}
.new-panel-full-features ul {
}
.new-panel-full-features ul li {
    font-size: 14px;
    letter-spacing: 0.5px;
    color: #000;
    padding-bottom: 4px;
}
.new-panel-full-restrictions {
    padding: 0px 15px 60px 15px;
}
.new-panel-full-restrictions h3 {
    font-size: 17px;
    font-weight: 600;
    letter-spacing: 0.5px;
    font-family: arial,sans-serif;
    color: #12034e;
    margin-bottom: 0;
    margin-top: 15px;
}
.new-panel-full-restrictions ul {
    margin: 0;
    padding: 0 25px;
}
.new-panel-full-restrictions ul li {
    font-size: 14px;
    letter-spacing: 0.5px;
    color: #000;
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 4px;
}
.new-panel-full-restrictions ul li span {
    width: 25px;
    display: inline-block;
    padding-top: 2px;
}
.new-panel-full-restrictions ul li p {
    display: inline-block;
    color: #000 !important;
    font-size: 14px;
    padding: 0;
    margin: 0;
    font-family: 'Roboto', sans-serif;
    width: 95%;
}



.containe_wrap_col{
    width: 70%;
    padding: 0;
    margin-top: 0;
}

.wrapper_title{
    list-style-type: none;
    padding: 0;
    border-radius: 0;
    margin: 0;
    width: 100%;
}
.wrapper_list_driver {
    background-color: whitesmoke;
    list-style-type: none;
    padding: 0;
    border-radius: 3px;
    max-height: 250px;
    overflow-y: scroll;
    overflow-x: hidden;
    margin-top: 0;
}

.left_driver_name {
    width: 20%;
    max-width: 220px;
    background: #eeeeee;
    padding: 16px 13px;
    border-radius: 4px;
}
.left_driver_name span{
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.5px;
    font-family: arial, sans-serif;
    color: #c34c4b;
}
.right_Enter_Postcodes {
    width: 69%;
    padding: 16px 13px 16px 20px;
    background: #eeeeee;
    margin-left: 16px;
    border-radius: 4px;
}
.right_Enter_Postcodes span{
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.5px;
    font-family: arial, sans-serif;
    color: #c34c4b;
}

li.form-row_title_name{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding: 4px 0;
}


.form-row_details{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding: 4px 0;
}
.label_left_name{
    width: 20%;
    max-width: 220px;
    display: flex;
    align-items: center;
    background: #efefef;
    padding: 16px 15px;
    border-radius: 6px;
}
.label_left_name label{
    font-size: 16px;
    text-transform: capitalize;
    font-weight: 600;
    letter-spacing: 0.5px;
    font-family: arial, sans-serif;
}
.right_action_mode{
    width: 72%;
    padding-left: 20px;
}
.right_action_mode md-chips{}
.right_action_mode md-chips.md-default-theme .md-chips, 
.right_action_mode md-chips .md-chips {
    box-shadow: 0 1px rgb(0 0 0 / 12%);
    border-bottom: 1px solid rgb(0 0 0 / 48%);
}

.controll_section{
    overflow:auto;
    height:100vh;
    margin-left:100px;
    margin-top:30px;
    width:auto;
}
@media only screen and (min-width: 992px) and (max-width:1179px){
.containe_wrap_col{
    width: 99%;
}
.controll_section{
    margin:15px 22px;
}
}

@media only screen and (min-width: 1180px) and (max-width:1279px){
.containe_wrap_col{
    width: 88%;
}
.controll_section{
    margin:15px 15px 15px 70px;
}
}

@media only screen and (min-width: 1280px) and (max-width:1365px){
.containe_wrap_col{
    width: 85%;
}
.controll_section{
    margin:15px 15px 15px 70px;
}

.wrapper_list_driver {
    max-height: 200px;
}
}


@media only screen and (min-width: 1366px) and (max-width:1440px){
.containe_wrap_col{
    width: 80%;
}
.controll_section{
    margin:15px 15px 15px 70px;
}

}

.ng_box_controller_section{
    flex-wrap: wrap;
    width: 100%;
    justify-content: center;
    display: flex;
    text-align: center;
    position: relative;
    top: 6px;
}

.titel_controll{
    font-size: 16px;
    font-family: arial, sans-serif;
    letter-spacing: 0.6px;
    color: #fff;
    background: #33225a;
    padding: 10px;
    display: block;
    width: 100%;
    border-radius: 3px;
    margin-bottom: 10px;
}



.top-10.top-0.display_box_flex{
    margin-bottom: 20px;
    border-radius: 3px;
    background: #33225a;
}
.titel_controll_tow{
    font-size: 16px;
    font-family: arial, sans-serif;
    letter-spacing: 0.6px;
    color: #fff;
    padding: 10px;
    display: block;
    margin-right: 20px;
}
.titel_controll_check{
    font-size: 16px;
    font-family: arial, sans-serif;
    letter-spacing: 0.6px;
    color: #fff;
    padding: 10px;
    display: block;
}

.titel_controll_check md-checkbox.md-default-theme:not(.md-checked) .md-icon, 
.titel_controll_check md-checkbox:not(.md-checked) .md-icon {
    border-color: rgb(255 255 255);
}


h3.workingDayLabel{
    background: #e9e9e9;
    padding: 10px;
    border-radius: 3px;
    font-size: 15px;
    font-weight: 600;
    font-family: arial, sans-serif;
    letter-spacing: 0.5px;
    color: #001e62;
}
.workingDaysContainer{ }     
.workingDayCheckContainer{  
    width: 100%;
    display: flex;
    flex-wrap: wrap; 
}
.workingDayCheckContainer md-input-container{
    width: 22%;
    margin: 6px 8px;
}
.workingDayCheckContainer md-input-container md-checkbox{
    margin-bottom: 0;
}

.md-radio-group{}
.row_check_class md-radio-group{
    display: flex;
    align-items: center;
    width: 100%;
    margin-bottom: 34px;
}
.row_check_class md-radio-button {
    width: 200px;
    background: #efefef;
    border-radius: 20px;
    padding: 8px 20px;
    border: 1px solid #e5e5e5;
}
.row_check_class md-radio-button .md-container {
    left: 20px;
}

.layout_margin_container{
    margin: 15px 0;
}
.layout_margin_container.layout-row h2.test_h2 {
    margin-bottom: 0 !important;
    padding-bottom: 8px;
}


.class_row_container{
    align-items: baseline;
}
.shipment_deliver_add_book{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    align-items: baseline;
}
.box_2_col{
    margin: 10px;
    width: 44%;
    background: #f5f5f5;
    height: 300px;
    border-radius: 5px;
    overflow: hidden;
    border: 1px solid #e9e9e9;
}
.box_2_col h4.collectiondrrs {
    font-size: 16px;
    font-weight: 600;
    font-family: arial,sans-serif;
    padding: 8px 0;
    background: #ffe6e5;
    border-bottom: 1px solid #d3a8a6;
}
.box_2_col h4.collectiondrrs.new_bg_color{
    background: #dce3f1;
    border-bottom: 1px solid #96a3bf;
}

.addressContent.padding_remover{
    padding: 0;
    margin-right: 0;
}
.container_border{
    padding: 0 15px;
}


.holiDays_container{
    background: #e9e9e9;
    padding: 10px;
    border-radius: 3px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
h3.holiDayLabel{
    font-size: 18px;
    font-weight: 600;
    font-family: arial, sans-serif;
    letter-spacing: 0.8px;
    color: #001e62;
    margin-bottom: 0;
    text-transform: uppercase;
}
.right_holiDay_button{}
.right_holiDay_button button{
    color: #fff;
    padding: 10px 20px;
    border-radius: 22px;
    font-size: 15px;
    border: none;
    outline: none;
    background: #33225a;
}
.right_holiDay_button button:hover{}


.holidays_forn_info{}
.holiDay_column{
    margin-bottom: 30px;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    align-items: self-end;
    margin-top: 30px;
}

.column_description{
    width: 35%;
    margin-right: 15px;
}
.column_description md-input-container{
    display: flex;
    margin: 0;
}
.column_description md-input-container label{}
.column_description md-input-container input{}
.column_description md-input-container input:hover{}

.column_input{
    margin-right: 15px;
    width: 35%;
    display: flex;
}
.column_input input{
    border-width: 0px 0px 1px 0px;
    border-style: solid;
    border-color: rgb(0 0 0 / 48%);
    width: 100%;
    margin-bottom: 2px;
}
.column_input input:hover{}

.column_button{
    width: 24%;
}
.button_add_remove{
    display: flex;
    justify-content: right;
}
.button_add_remove button{
    color: #fff;
    padding: 7px 14px;
    border-radius: 5px;
    font-size: 14px;
    border: none;
    outline: none;
    background: #33225a;
    margin-right: 5px;
}
.button_add_remove button.add__{

}
.button_add_remove button.remove__{
    background: #ef6362;
}


.resettime-btn_New .md-block.in_text label {
    top: -35px;
}

.in_text md-time-picker md-input-container {
    margin: 0;
}

md-input-container.md-block.in_text {
    margin-top: 0;
}


.md-block.in_text.add_button_design{

}

.md-block.in_text.add_button_design .md-button.md-icon-button{
    margin: 0 6px 0 0px;
    height: 30px;
    min-width: 0;
    line-height: 20px;
    padding: 0;
    width: 24px;
    border-radius: 0;
}

.add_button_design .time-colon {
    top: 10px;
    font-weight: bold;
    font-family: arial, sans-serif;
}

span.Date_Time_Input{
    display: inline-flex;
    position: relative;
    top: -2px;
    margin-left: 15px;
}
span.Date_Time_Input input{
    border-radius: 34px;
    border: none;
    font-size: 15px;
    font-family: arial, sans-serif;
    font-weight: 600;
    padding: 8px 10px 8px 20px;
    width: 160px;
    color: #33225a;
    outline: none;
}

.inline_box {
    display: inline-flex !important;
    align-items: center !important;
}
.inline_box .material-icons {
    font-size: 20px;
}
.inline_box .md-button.md-icon-button {
    height: 36px;
    padding: 7px;
    width: 36px;
    position: relative;
    top: 2px;
}


.drop_min_cont{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-right: 5px;
    flex-wrap: wrap;
}
.left_drop_cnt{
    width: 91%;
    margin-right: 5px;
}
.left_drop_cnt .text-limit{}
.right_drop_cnt{
    width: 20px;
}
.right_drop_cnt span {}
.right_drop_cnt span img {
    width: 16px;
}


.nex-_levelparcel{
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    flex-wrap: wrap;
}
.des_parcel{
    font-size: 11px;
    color: #2196f3;
    margin: 0;
    text-overflow: ellipsis;
    min-width: 112px;
    max-width: 110px;
    overflow: hidden;
    display: inline-block;
    position: pelative;
    top: 3px;
    white-space: nowrap;
}
.EditCancel {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 2px;
    margin-bottom: 5px;
}
.Edit_update_cancel{}
.Edit_update_cancel a{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 5px;
    list-style: none;
    color: #fff;
    background: #33225a;
    border-radius: 100%;
    width: 10px;
    height: 10px;
    text-align: center;
    font-size: 11px;
}
.Edit_bt{
    margin-left: 2px;
}
.Edit_bt a{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 4px;
    list-style: none;
    color: #fff;
    background: #33225a;
    border-radius: 100%;
    width: 10px;
    height: 10px;
    text-align: center;
    font-size: 11px;
}


.left_first_container{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
.left_first_container md-input-container {
    padding: 0;
    margin: 0px 0 4px 0;
}
.left_first_container md-input-container .md-input{
    padding: 0;
}
.des_parcel_inp{
    font-size: 11px;
    color: #2196f3;
    margin: 0;
    text-overflow: ellipsis;
    /*min-width: 120px;
    max-width: 120px;*/
    overflow: hidden;
    display: inline-flex;
    position: pelative;
    top: 0px;
    width: 100%;
    white-space: nowrap;
    align-items: center;
}

.right_second_container{}



/*3-May-2023 Parcel filter button form*/
md-toolbar.md-theme-indigo.sidebarTop-header.filter_grid_data._md._md-toolbar-transitions {
    padding: 0;
    min-height: 40px;
    height: 40px;
}
h1.md-toolbar-tools.topheader.color_box_new_change {
    height: 40px;
    font-size: 16px;
    letter-spacing: 0.8px;
}
.btn_ctrl_row{}
.btn_ctrl_row.layout-row{
    margin: 0px 8px 0 8px;
}
.btn_ctrl_row .md-button{
    min-height: auto;
    line-height: 26px;
    padding: 2px 6px;
    margin: 0px 10px;
    font-size: 13px;
    letter-spacing: 0.8px;
}
.main-row_center{
    justify-content: center;
}
.main-row_center md-input-container{
    margin: 0;
    padding: 0;
}

.or_opt{
    display: flex;
    justify-content: center;
    margin-top: 10px;
    width: 100%;
    background: #efefef;
    padding: 8px;
    font-family: arial, sans-serif;
    font-weight: 600;
    letter-spacing: 0.5px;
    font-size: 14px;
}

.main-row_center .md-button{
    min-height: auto;
    line-height: 26px;
    padding: 2px 15px;
    margin: 0px;
    font-size: 16px;
    letter-spacing: 0.8px;
    width: auto;
    min-width: auto;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.main-row_center md-input-container.md-default-theme .md-input, .main-row_center md-input-container .md-input {
    border: solid rgb(0 0 0 / 48%);
    border-width: 1px;
}
.main-row_center md-input-container.md-input-focused .md-input, 
.main-row_center md-input-container.md-input-resized .md-input, 
.main-row_center md-input-container .md-input.ng-invalid.ng-dirty{
    border-width: 1px;
}
.main-row_center md-input-container.md-default-theme:not(.md-input-invalid).md-input-focused .md-input, 
.main-row_center md-input-container:not(.md-input-invalid).md-input-focused .md-input,
.main-row_center md-input-container.md-default-theme:not(.md-input-invalid).md-input-resized .md-input,
.main-row_center md-input-container:not(.md-input-invalid).md-input-resized .md-input {
    border-color: rgb(0 30 98);
    border: 1px solid rgb(0 30 98);
}

.main-row_center md-input-container.md-input-focused label:not(.md-no-float), 
.main-row_center md-input-container.md-input-has-placeholder label:not(.md-no-float), 
.main-row_center md-input-container.md-input-has-value label:not(.md-no-float){
    display: none;
}
/*icon-design Parcel filter*/
.main_center_help {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 10px;
}
.main_center_help-tip {
    text-align: center;
    border-radius: 50%;
    width: 22px;
    height: 22px;
    font-size: 12px;
    line-height: 26px;
    background: #fff;
    cursor: default;
    transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1);
}
.main_center_help-tip:hover {
    cursor: pointer;
}
.main_center_help-tip:before {
    content: url(../../assets/img/info.svg);
    font-weight: 700;
    color: #fff;
}
.main_center_help-tip p {
    visibility: hidden;
    opacity: 0;
    text-align: left;
    background-color: #050e33;
    padding: 4px 8px;
    width: 300px;
    position: absolute;
    border-radius: 4px;
    right: -4px;
    color: #fff;
    font-size: 12px;
    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;
    bottom: 24px;
    line-height: 20px;
    letter-spacing: 0.3px;
}
.main_center_help-tip:hover p {
    cursor: default;
    visibility: visible;
    opacity: 1;
    transform: scale(1.0);
}
.main_center_help-tip p:before {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-top-color: #ef6362;
    right: 10px;
    bottom: -12px;
}
.main_center_help-tip p:after {
    width: 100%;
    height: 40px;
    content: '';
    position: absolute;
    top: -5px;
    left: 0;
}
/*icon-design Parcel filter*/
/*3-May-2023 Parcel filter button form*/

/*10-May-2023 Rate Engine*/
.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;
}
.nwdSurchargeContainer {
    display: flex;
    flex-direction: column;
    margin-top: 15px;
}
.nwdSurchargeContainer .title {}
.nwdSurchargeContainerIner {
    display: flex;
    width: 100%;
}
.outOfSurcharge_cnt label {
    top: -28px;
}
.outOfSurcharge_cnt .dayList label {
    top: -18px;
}
.outOfSurcharge_cnt md-time-picker md-input-container {
    margin: 0;
    position: relative;
    top: 8px;
}
.outOfSurcharge_cnt md-input-container:not(.md-input-has-value) input:not(:focus){
    color: #000;
}
.surcharge_box_cnt{
    margin-right: 20px;
}
.add_surcharge_Data .md-button.md-icon-button{
    margin: 15px -2px 0 0px;
    min-height: 21px;
    min-width: 0;
    line-height: 24px;
    padding: 0;
    width: 30px;
    border-radius: 0;
    height: 100%;
}
.outOfSurcharge_cnt md-input-container .md-input {
    height: 22px;
}
.outOfSurcharge_cnt .md-up-arrow, .outOfSurcharge_cnt .md-down-arrow {
    top: 2px;
    right: -3px;
}
.outOfSurcharge_cnt .time-colon {
    top: 12px;
    font-size: 18px;
    font-family: arial,sans-serif;
    font-weight: 700;
}
md-time-picker md-hours-minutes[type="HH"]{
    width: 45px;
}
md-time-picker md-hours-minutes[type="HH"] md-input-container .md-input {
    width: 36px;
    padding-right: 10px;
}
.apply_surcharge_h3 {
    margin: 0 0 20px 0;
    background: #001e62;
    padding: 12px 10px;
    border-radius: 2px;
    display: flex;
    justify-content: space-between;
}
.apply_surcharge_h3 h3 {
    margin-bottom: 0;
    color: #fff;
}
.nwdSurchargeContainerIner.outOfSurcharge_cnt {
    margin-bottom: 18px;
}
.btns_add_remove{}
.btns_add_remove {
    display: flex;
    align-items: baseline;
}
.btns_add_remove a {
    display: inline-flex;
    align-items: center;
    margin: 5px;
    width: 30px;
    text-align: center;
    justify-content: center;
    color: #fff;
    outline: none;
    border-radius: 5px;
    font-size: 14px;
    padding: 6px 3px;
    background: #001e62;
}
.btns_add_remove a i {
    font-size: 20px;
}
.btns_add_remove a.add_green{
    background: #33225a;
}
.btns_add_remove a.remove_red{
    background: #ef6362;
}
/*10-May-2023 Rate Engine*/
/*17-May-2023 Optimize Route ID-I3518*/
.showDriverAdrStart{
    display: inline-flex;
    width: 100%;
    font-size: 12px;
}
.showDriverAdrEnd{
    display: flex;
    font-size: 12px;
}

.showDriverAdrEndHeading{
    display: flex;
    width: 100%;
    padding: 6px;
}
.showDriverAdrStartHeading{
    display: flex;
    width: 100%;
    padding: 6px;
}

.CLLSynctimeEndHeading{
    display: inline-flex;
    font-size: 12px;
    color: #33225a;
}
.CLLSynctimeEnd{
    font-size: 12px;
    margin-left: 4px;
}

.md-sidenav-right.md-whiteframe-4dp.all_common_sidenav.sidePopup_newWidth{
    min-width: 48%;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait){
.md-sidenav-right.md-whiteframe-4dp.all_common_sidenav.sidePopup_newWidth{
    min-width: 98%;
}
.controller_group.cnt_group_new .flex-30, 
.controller_group.cnt_group_new .flex-40 {
    width: 40%;
    max-width: 40% !important;
    min-width: 30%;
}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape){
.md-sidenav-right.md-whiteframe-4dp.all_common_sidenav.sidePopup_newWidth{
    min-width: 60%;
}
.controller_group.cnt_group_new .flex-30, 
.controller_group.cnt_group_new .flex-40 {
    width: 40%;
    max-width: 40% !important;
    min-width: 30%;
}
}

@media only screen and (min-width: 820px) and (max-width: 1180px) and (orientation: portrait){
.md-sidenav-right.md-whiteframe-4dp.all_common_sidenav.sidePopup_newWidth{
    min-width: 80%;
}
.controller_group.cnt_group_new .flex-30, 
.controller_group.cnt_group_new .flex-40 {
    width: 40%;
    max-width: 40% !important;
    min-width: 30%;
}
}

@media only screen and (min-width: 820px) and (max-width: 1180px) and (orientation: landscape){
.md-sidenav-right.md-whiteframe-4dp.all_common_sidenav.sidePopup_newWidth{
    min-width: 60%;
}
.controller_group.cnt_group_new .flex-30, 
.controller_group.cnt_group_new .flex-40 {
    width: 40%;
    max-width: 40% !important;
    min-width: 30%;
}
}
/*17-May-2023 Optimize Route ID-I3518*/
.vehicleRows{
    display: flex;
    flex-direction: column;
}

.vehicleRow{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-right: 30px;
}

/*branch-3541 Surcharges*/

.vehicleRows_category{
    margin: 30px 0;
    padding-right: 10px;
}
.remove-BTN_right{
    display: flex;
    align-items: center;
}
.remove-BTN_right a {
    background: #ef6362;
    display: inline-flex;
    align-items: center;
    margin: 5px;
    width: 30px;
    text-align: center;
    justify-content: center;
    color: #fff;
    outline: none;
    border-radius: 5px;
    font-size: 14px;
    padding: 6px 3px;
}
.flexContainer.apply_right_add{
    display: flex;
    width: 94%;
    text-align: right;
    justify-content: right;
}

/*-------CHANGES---------*/
.holiday_cnt_wrp {
    margin: 24px 0;
}
.holiday_cnt_wrp.holiday_cnt_space_end{
    margin: 0 0 24px 0;
}
.outOfSurcharge_cnt md-input-container .md-input.factor_value_height {
    height: 30px;
}
.outOfSurcharge_cnt label.top_spece_romove {
    top: initial;
}
.date_picker_input{}
.date_picker_input input{
    border-width: 0px 0px 1px 0px;
    border-style: solid;
    border-color: rgb(0 0 0 / 48%);
    width: 100%;
    margin-bottom: 2px;
}
.date_picker_input input:hover{}
.add_remove_div{
    width: 150px;
    display: flex;
    align-items: baseline;
}
.span_add_remove {
    display: flex;
    justify-content: right;
}
.span_add_remove button{
    display: inline-flex;
    align-items: center;
    margin: 5px;
    width: 35px;
    text-align: center;
    justify-content: center;
    color: #fff;
    border-radius: 5px;
    font-size: 14px;
    padding: 6px 3px;
    background: #001e62;
    border: none;
    outline: none;
}
.span_add_remove button i {
    font-size: 20px;
}
.span_add_remove button.add_green {
    background: #33225a;
}
.span_add_remove button.remove_red {
    background: #ef6362;
}
.holiDays_Heading {
    background: #e9e9e9;
    padding: 10px;
    border-radius: 3px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-bottom: 20px;
}
.holiDay_Name{
    font-size: 16px;
    font-weight: 600;
    font-family: arial, sans-serif;
    letter-spacing: 0.8px;
    color: #261848;
    margin-bottom: 0;
    text-transform: uppercase;
}
.holiDay_btn_right{}
.holiDay_btn_right button {
    color: #fff;
    padding: 7px 16px;
    border-radius: 22px;
    font-size: 14px;
    border: none;
    outline: none;
    background: #33225a;
}

.sub-header-action-button span.dropdown.remove_ext_space span.list_center {
    font-size: 12px;
    float: left;
    padding: 0px 8px;
    cursor: pointer;
}

.sub-header-action-button span.dropdown.remove_ext_space span.list_center i.fa.fa-chevron-down.posistion-i {
    border-left: 1px solid #fff;
}

.sub-header-action-button span.dropdown.remove_ext_space {
    background-color: transparent !important;
    margin: 7px 0px 7px 5px !important;
    padding: 0 !important;
    border: none !important;
}
ul.dropdown-menu.merge_drop.left_move {
    right: 0 !important;
    left: auto;
}

.CreditGeneration{
    margin-left: 6px;
}
.CreditGeneration md-switch {
    margin: 8px 0;
    border-radius: 3px;
    padding: 0 5px;
    display: inline-flex;
    align-items: center;
    border: 1px solid #33225a52;
    height: 26px;
    background: #fff;
}
button.md-primary.NonWorking_Day {
    height: 30px;
    color: #fff;
    border: 1px solid #b1b1b1;
    box-shadow: none;
    outline: none;
    border-radius: 26px;
    padding: 6px 18px;
}

.surcharge_box_cnt.datePicker_width{}
.surcharge_box_cnt.datePicker_width md-datepicker{}
.surcharge_box_cnt.datePicker_width .md-button.md-icon-button{
    width: 28px;
    height: 28px;
    margin: 0 3px;
    padding: 4px;
    min-width: 28px;
    min-height: 28px;
}
.surcharge_box_cnt.datePicker_width md-icon{
    height: 20px;
    width: 20px;
    min-width: 20px;
    min-height: 20px;
}
.surcharge_box_cnt.datePicker_width .md-datepicker-input-container{
    margin-left: 6px;
    max-width: 160px;
}
.surcharge_box_cnt.datePicker_width .md-datepicker-triangle-button.md-button.md-icon-button{}

.mod-min.mod_new {
    align-items: center;
}

.sub-header.second_sub_header.new_row_subHead{}
.row-lab-one.row_label_width_first{
    max-width: 300px;
    width: 30%;
}
.row-lab-tow.row_label_width_second{
    width: 65%;
    padding-left: 10px;
}
.sidebar.dataTable.addwidthright.grid_height .ui-grid{
    height: calc(87vh - 84px);
}
@media only screen and (min-width: 820px) and (max-width: 1180px) and (orientation:portrait){
.sub-header-action-button span.dropdown.remove_ext_space button {
    margin-left: 0px !important;
}
.sub-header-action-button span.dropdown.remove_ext_space {
    margin: 0px 0px 0px 0 !important;
    border: none !important;
}
.sub-header-action-button span.dropdown.remove_ext_space span.list_center {
    font-size: 12px;
    padding: 0px 4px;
}
.sub-header-action-button.layout-row button {
    margin-right: 3px !important;
}

/**/
.top_space_cnt{
    padding-top: 5px;
}
.sub-header h3.paddtop5.space_bottom.heading_cont_sec {
    font-size: 18px;
    width: 100%;
    margin-bottom: 0;
    padding: 0px 0px 6px 0px !important;
    margin-left: 0;
    margin-top: 0;
}
.sub-header h3.paddtop5.space_bottom.heading_cont_sec_new {
    font-size: 18px;
    margin-bottom: 0;
    padding: 0px 0px 6px 0px !important;
    margin-left: 0;
    margin-top: 0;
}
.sub-header .dropdown.mr-3.ancherUsrButton.button_aligment_sec .md-button.md-primary.md-raised {
    margin: 0px 6px 5px 0;
}
.only_customer_page.only_customer_page_new.ng-scope .ui-grid {
    height: calc(92vh - 84px);
}
/**/
}
@media only screen and (min-width: 820px) and (max-width: 1180px) and (orientation: landscape){
.sub-header-action-button span.dropdown.remove_ext_space span.list_center {
    font-size: 12px;
}
/**/
.top_space_cnt{
    padding-top: 5px;
}
.sub-header h3.paddtop5.space_bottom.heading_cont_sec {
    font-size: 18px;
    width: 100%;
    margin-bottom: 0;
    padding: 0px 0px 6px 0px !important;
    margin-left: 0;
    margin-top: 0;
}
.sub-header h3.paddtop5.space_bottom.heading_cont_sec_new {
    font-size: 18px;
    margin-bottom: 0;
    padding: 0px 0px 6px 0px !important;
    margin-left: 0;
    margin-top: 0;
}
.dropdown.mr-3.ancherUsrButton.button_aligment_sec {
    display: inline-block;
    padding: 0;
}
.sub-header .dropdown.mr-3.ancherUsrButton.button_aligment_sec .md-button.md-primary.md-raised {
    margin: 0 6px 5px 0px;
}
.only_customer_page.only_customer_page_new.ng-scope .ui-grid {
    height: calc(86vh - 84px);
}
.sidebar.dataTable.addwidthright.grid_height .ui-grid{
    height: calc(82vh - 84px);
}
/**/
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait){
.sub-header-action-button span.dropdown.remove_ext_space button {
    margin-left: 0px !important;
}
.sub-header-action-button span.dropdown.remove_ext_space {
    margin: 0!important;
    border: none !important;
}
.sub-header-action-button span.dropdown.remove_ext_space span.list_center {
    font-size: 12px;
    padding: 0px 4px;
}
.sub-header-action-button.layout-row button {
    margin-right: 3px !important;
}
/**/
.sub-header h3.paddtop5.space_bottom.heading_cont_sec {
    font-size: 18px;
    width: 100%;
    margin-bottom: 0;
    padding: 0px 0px 6px 0px !important;
    margin-left: 0;
    margin-top: 0;
}
.sub-header h3.paddtop5.space_bottom.heading_cont_sec_new {
    font-size: 18px;
    margin-bottom: 0;
    padding: 0px 0px 6px 0px !important;
    margin-left: 0;
    margin-top: 0;
}

.sub-header .dropdown.mr-3.ancherUsrButton.button_aligment_sec .md-button.md-primary.md-raised {
    margin: 0px 6px 5px 0;
}
.only_customer_page.only_customer_page_new.ng-scope .ui-grid {
    height: calc(92vh - 84px);
}
.row-lab-tow.row_label_width_second .upload-button.display_box {
    width: 270px;
    margin-left: 6px;
}

.row-lab-one.row_label_width_first {
    width: 28%;
}
.row-lab-tow.row_label_width_second {
    width: 70%;
}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape){
.sub-header-action-button span.dropdown.remove_ext_space button {
    margin-left: 5px !important;
}
.sub-header-action-button span.dropdown.remove_ext_space {
    margin: 0!important;
    border: none !important;
}
.Filter_gridCol {
    margin: 0px 0px 0px 5px !important;
}
.sub-header-action-button span.dropdown.remove_ext_space span.list_center {
    font-size: 12px;
    padding: 0px 4px;
}
.sub-header-action-button.layout-row button {
    margin-right: 3px !important;
}
.surcharge_box_cnt {
    margin-right: 7px;
}
/**/
.top_space_cnt{
    padding-top: 5px;
}
.sub-header h3.paddtop5.space_bottom.heading_cont_sec {
    font-size: 18px;
    width: 100%;
    margin-bottom: 0;
    padding: 0px 0px 6px 0px !important;
    margin-left: 0;
    margin-top: 0;
}
.sub-header h3.paddtop5.space_bottom.heading_cont_sec_new {
    font-size: 18px;
    margin-bottom: 0;
    padding: 0px 0px 6px 0px !important;
    margin-left: 0;
    margin-top: 0;
}
.dropdown.mr-3.ancherUsrButton.button_aligment_sec {
    display: inline-block;
    padding: 0;
}
.sub-header .dropdown.mr-3.ancherUsrButton.button_aligment_sec .md-button.md-primary.md-raised {
    margin: 0 4px 5px 0px;
}
.ancherUsrButton a {
    font-size: 12px !important;
}
.only_customer_page.only_customer_page_new.ng-scope .ui-grid {
    height: calc(92vh - 84px);
}
.sidebar.dataTable.addwidthright.grid_height .ui-grid{
    height: calc(86vh - 84px);
}
/**/
}

@media only screen and (min-width: 1200px) and (max-width: 1279px) {
.sub-header-action-button span.dropdown.remove_ext_space span.list_center {
    font-size: 12px;
    padding: 0px 6px;
}
.sub-header-action-button span.dropdown.remove_ext_space {
    margin: 8px 0px 0px 5px !important;
}

/**/
.sub-header h3.paddtop5.space_bottom.heading_cont_sec {
    font-size: 18px;
    width: 100%;
    margin-bottom: 0;
    padding: 6px 0px 6px 0px !important;
}

.sub-header h3.paddtop5.space_bottom.heading_cont_sec_new {
    font-size: 18px;
    margin-bottom: 0;
    padding: 6px 0px 6px 0px !important;
}

.sub-header .dropdown.mr-3.ancherUsrButton.button_aligment_sec .md-button.md-primary.md-raised {
    margin: 2px 7px 15px 0;
}

.only_customer_page.only_customer_page_new.ng-scope .ui-grid {
    height: calc(92vh - 84px);
}
.sidebar.dataTable.addwidthright.grid_height .ui-grid{
    height: calc(87vh - 84px);
}
/**/
}

@media only screen and (min-width: 1280px) and (max-width: 1365px) {
.sub-header-action-button span.dropdown.remove_ext_space span.list_center {
    font-size: 12px;
    padding: 0px 6px;
}
.sub-header-action-button span.dropdown.remove_ext_space {
    margin: 0 0px 0px 5px !important;
}
.sub-header-action-button span.dropdown.remove_ext_space button {
    margin-bottom: 0px !important;
    margin-left: 3px !important;
}
.main_row_sec {
    margin: 0 0px 0px 5px !important;
}
.sidebar.dataTable.addwidthright.grid_height .ui-grid{
    height: calc(88vh - 84px);
}
/**/
.top_space_cnt{
    padding-top: 5px;
}
.sub-header h3.paddtop5.space_bottom.heading_cont_sec {
    font-size: 16px;
    margin-right: 10px;
    margin-left: 0;
}
.dropdown.mr-3.ancherUsrButton.button_aligment_sec {
    display: inline-block;
    padding: 0;
}
.sub-header .dropdown.mr-3.ancherUsrButton.button_aligment_sec .md-button.md-primary.md-raised {
    margin: 8px 6px 5px 0px;
}
.Filter_gridCol {
    margin: 0px 0px 7px 5px !important;
}
/**/
}


@media only screen and (min-width: 1366px) and (max-width: 1400px) {
.sub-header-action-button span.dropdown.remove_ext_space span.list_center {
    font-size: 12px;
    padding: 0px 6px;
}
.sub-header-action-button span.dropdown.remove_ext_space {
/*    margin: 0 0px 0px 5px !important;*/
}
.sub-header-action-button span.dropdown.remove_ext_space.clear_spaceEE{
    margin: 7px 0px 7px 5px !important;
}
.sub-header-action-button span.dropdown.remove_ext_space button {
    margin-bottom: 0px !important;
    margin-left: 3px !important;
}
/**/
.top_space_cnt{
    padding-top: 5px;
}
.sub-header h3.paddtop5.space_bottom.heading_cont_sec {
    font-size: 16px;
    margin-right: 10px;
}
.dropdown.mr-3.ancherUsrButton.button_aligment_sec {
    display: inline-block;
    padding: 0;
}
.sub-header .dropdown.mr-3.ancherUsrButton.button_aligment_sec .md-button.md-primary.md-raised {
    margin: 8px 6px 5px 0px;
}
.sidebar.dataTable.addwidthright.grid_height .ui-grid{
    height: calc(88vh - 84px);
}
/**/
}


@media only screen and (min-width: 1401px) and (max-width: 1440px) {
.sub-header-action-button span.dropdown.remove_ext_space span.list_center {
    font-size: 12px;
    padding: 0px 6px;
}
.sub-header-action-button span.dropdown.remove_ext_space {
    margin: 8px 0px 0px 5px !important;
}
.sub-header-action-button span.dropdown.remove_ext_space button {
    margin-bottom: 0px !important;
    margin-left: 3px !important;
}

.top_space_cnt{
    padding-top: 5px;
}
.sub-header h3.paddtop5.space_bottom.heading_cont_sec {
    font-size: 16px;
    margin-right: 10px;
}
.dropdown.mr-3.ancherUsrButton.button_aligment_sec {
    display: inline-block;
    padding: 0;
}
.sub-header .dropdown.mr-3.ancherUsrButton.button_aligment_sec .md-button.md-primary.md-raised {
    margin: 8px 6px 5px 0px;
}
.sidebar.dataTable.addwidthright.grid_height .ui-grid{
    height: calc(85vh - 84px);
}
}





/*palletbooking Bookin Required page design 16-JAN-2023*/
.main_heading_book_sec {
    display: flex;
    width: auto;
    padding: 7px 6px;
    margin-bottom: 15px;
    background: #f1f1f1;
    margin-top: 10px;
}
.main_heading_book_sec h3 {
    margin: 0;
    padding: 0;
    font-size: 16px;
    font-weight: 600;
    color: #12034e;
}
.main_heading_book_sec h3 i {
    font-size: 18px;
    color: #12034e;
    padding-right: 3px;
}
.container_space_box{
    margin-top: 14px;
}

.text_height{}
md-input-container.text_height textarea {
    border: 1px solid;
    border-radius: 3px;
}
md-input-container.text_height.md-input-focused .md-input, 
md-input-container.text_height.md-input-resized .md-input, 
md-input-container.text_height .md-input.ng-invalid.ng-dirty {
    padding-bottom: 0;
    border-width: 2px 2px 2px;
}

span.div_cnt_boxs{
    position: relative !important;
}
span.div_cnt_boxs span.Date_Time_Input {
    display: inline-flex;
    position: absolute;
    top: 30px;
    z-index: 9999999;
    margin-left: 0px;
    left: 22px;
}
span.div_cnt_boxs span.Date_Time_Input.top_30{
    display: inline-flex;
    position: absolute;
    top: 43px;
    z-index: 9999999;
    margin-left: 0px;
    left: 22px;
}
span.div_cnt_boxs span.Date_Time_Input input {
    background: #e1e1e1;
    text-align: center;
    color: #001e62;
    width: 180px;
    position: relative;
    height: auto !important;
    font-size: 14px !important;
    font-family: arial, sans-serif !important;
    font-weight: 600;
}
span.div_cnt_boxs span.Date_Time_Input .time_date_icon{
    position: absolute;
    top: 0;
    left: 10px;
    color: #050e33;
}
span.div_cnt_boxs span.Date_Time_Input .time_date_icon i{

}

.sidebarTop-header.panal-height.new_pan_height{
    height: auto;
    min-height: auto !important;
}
.clear-container.closed_div_box md-checkbox {
    margin-top: 8px !important;
    margin-left: 8px !important;
    margin-bottom: 8px !important;
    margin-right: 8px;
}
.clear-container.closed_div_box md-checkbox .md-label {
    margin-left: 25px;
    font-size: 16px;
}
.clear-container.closed_div_box md-checkbox .md-container {
    width: 18px;
    height: 18px;
}
.clear-container.closed_div_box md-checkbox .md-icon {
    width: 18px;
    height: 18px;
}
.clear-container.closed_div_box md-checkbox.md-checked .md-icon:after {
    left: 3.66667px;
    top: 0.22222px;
    width: 5.66667px;
    height: 11.33333px;
}
.md-toolbar_control.contyainer_clien{}
.md-toolbar_control.contyainer_clien .clear-container.closed_div_box{}
.padding_div{
    padding: 0 15px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait){
.md-toolbar_control.contyainer_clien {
    flex-wrap: wrap;
}
.md-toolbar_control.contyainer_clien .clear-container.closed_div_box {
    right: 0;
    margin-right: 5px;
}
.clear-container.closed_div_box md-checkbox .md-label {
    margin-left: 20px;
    font-size: 15px;
}
.clear-container.closed_div_box md-checkbox {
    margin-left: 4px !important;
}
.clear-container.closed_div_box md-checkbox .md-label {
    margin-left: 22px;
    font-size: 13px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape){
.clear-container.closed_div_box md-checkbox .md-label {
    margin-left: 20px;
    font-size: 15px;
}
.md-toolbar_control.contyainer_clien .clear-container.closed_div_box {
    margin-right: 5px;
}
.clear-container.closed_div_box md-checkbox {
    margin-left: 4px !important;
}
.clear-container.closed_div_box md-checkbox .md-label {
    margin-left: 22px;
    font-size: 13px;
}
}
@media only screen and (min-width: 820px) and (max-width: 1180px) and (orientation: landscape){
.clear-container.closed_div_box md-checkbox .md-label {
    margin-left: 20px;
    font-size: 15px;
}
.md-toolbar_control.contyainer_clien .clear-container.closed_div_box {
    margin-right: 10px;
}
.clear-container.closed_div_box md-checkbox {
    margin-left: 8px !important;
}
.clear-container.closed_div_box md-checkbox .md-label {
    margin-left: 20px;
    font-size: 13px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1279px){
.clear-container.closed_div_box md-checkbox .md-label {
    margin-left: 20px;
    font-size: 15px;
}
}
@media only screen and (min-width: 1280px) and (max-width: 1440px){
.clear-container.closed_div_box md-checkbox .md-container {
    height: 18px !important;
}
}
/*palletbooking Bookin Required page design 16-JAN-2023*/


/*Scans Validation Page design 19-jul-2023 Satart*/
.scans_validation_form{}
md-toolbar.md_tool_cnt{
    min-height: auto;
    padding: 8px 10px;
    border-radius: 2px;
    font-size: 15px;
    letter-spacing: 0.8px;
    text-align: left;
    margin: 0;
    float: none;
    height: auto;
}
.sub_headding_scans{
    width: 98%;
    font-size: 14px;
    letter-spacing: 0.8px;
    margin-left: 20px;
    margin-bottom: 10px;
    color: #33225a;
    border-bottom: 1px solid #ef6362;
    padding: 6px 6px 4px 10px;
    text-transform: uppercase;
    font-family: arial, sans-serif;
    font-weight: 600;
    background: #fff4f4;
}
.label_font_change.space_cont{
    padding: 12px 16px;
}
.label_font_change.space_cont.cnt_top_space{
    margin-top: 15px;
}

.customer-filter-b.cnt_none md-input-container label:not(.md-container-ignore) {
    position: absolute;
}
.customer-filter-b.cnt_none md-input-container {
    padding: 0px 2px 2px 2px;
    margin: 1px 0 0px 0;
}
.customer-filter-c.cnt_none button.md-fab.md-primary.search-btn-single {
    position: relative;
    top: 10px;
}
/*Scans Validation Page design 19-jul-2023 End*/


md-input-container.contaner_size_fixed{
    width: 100%;
    max-width: 300px;
}

.cnt_button_cnt{}
.cnt_button_cnt input[type="button"]{
    height: auto !important;
}


/* 07-Set-2023 Start*/
/*----------------------------------Same Day Start--------------------------------*/
.min_sec_cntBox{
    display: flex;
    align-items: center;
    width: 100%;
    float: none;
    flex-wrap: wrap;
    justify-content: space-between;
}
.left_sec_cntBox {
    width: 78%;
}
.right_sec_cntBox {
    width: 20%;
}

.right_sec__grid {
    display: flex;
    justify-content: right;
    align-items: center;
}
.right_sec_control {
    display: flex;
    align-items: center;
}

.right_sec_control button.noteRef_cnt{
    padding: 2px 4px;
    border: none;
    outline: none;
    box-shadow: none;
    height: auto;
    min-height: auto;
    margin: 0;
    background: #ff8d8c !important;
}
.sameday_tab .right_sec_control button i {
    font-size: 20px;
    padding-left: 0;
    position: relative;
    top: 2px;
    color: #fff;
}
.right_sec_control #noti_Button {
    margin: 0;
}
.right_sec_control .booking-notification {
    float: none;
    margin-left: 0px;
    margin-right: 5px;
}
.right_sec_control #noti_Counter {
    margin: 0px 0px 0 8px;
    background: #e4e4e4;
    height: 27px;
    width: 30px;
    padding: 2px 1px;
}

@media only screen and (min-width: 1200px) and (max-width: 1279px){
.sub-header .left_sec_cntBox button {
    padding: 0 3px;
    margin: 4px 0px;
    font-size: 11px;
}
.sameday_tab .left_sec_cntBox button i {
    padding-left: 0px;
}
.left_sec_cntBox i.fa.fa-sitemap.sitemap-i {
    font-size: 12px;
    padding: 0px 2px 0 0px;
}
.right_sec_control #noti_Button {
    font-size: 12px;
}
.right_sec_control #noti_Counter {
    margin: 0px 0px 0 4px;
    width: 25px;
    font-size: 12px;
}
.right_sec_control .booking-notification {
    margin-right: 3px;
}
.right_sec_control button.noteRef_cnt {
    padding: 1px 3px;
}
.right_sec_cntBox {
    width: 18%;
}
.left_sec_cntBox {
    width: 81%;
}
.left_sec_cntBox .pddr10 {
    padding-right: 2px;
}
.left_sec_cntBox .calender-modal_inluneDsp-2 .dropdown.inluneDsp.insta-anchor a {
    font-size: 11px;
    padding: 3px 2px;
    margin-right: 2px;
}
.sameday_tab.sameday_button_box.add-box-tab-view .left_sec_cntBox .calender-modal_inluneDsp-2 .dropdown.inluneDsp.insta-anchor a {
    padding: 3px 2px 3px 2px;
}
}
@media only screen and (min-width: 1280px) and (max-width: 1365px){
.right_sec_control #noti_Button {
    font-size: 12px;
}
.right_sec_control #noti_Counter {
    margin: 0px 0px 0 5px;
    font-size: 12px;
    width: 25px;
}
.sameday_tab .right_sec_control button i {
    font-size: 18px;
}
.right_sec_control .booking-notification {
    margin-right: 3px;
}
.sameday_tab .left_sec_cntBox button i {
    padding-left: 0px;
}
.left_sec_cntBox i.fa.fa-sitemap.sitemap-i {
    font-size: 12px;
    padding: 0px 2px 0 0px;
}
.left_sec_cntBox .pddr10 {
    padding-right: 2px;
}
.left_sec_cntBox .calender-modal_inluneDsp-2 .dropdown.inluneDsp.insta-anchor a {
    font-size: 12px;
    padding: 3px 2px;
    margin-right: 2px;
}
.sameday_tab.sameday_button_box.add-box-tab-view .left_sec_cntBox .calender-modal_inluneDsp-2 .dropdown.inluneDsp.insta-anchor a {
    padding: 3px 2px 3px 2px;
}
.right_sec_cntBox {
    width: 18%;
}
.left_sec_cntBox {
    width: 80%;
}
}
@media only screen and (min-width: 1366px) and (max-width: 1440px){
.sameday_tab .right_sec_control button i {
    font-size: 18px;
}
.right_sec_control .booking-notification {
    margin-right: 3px;
}
.sameday_tab .left_sec_cntBox button i {
    padding-left: 0px;
}
.left_sec_cntBox i.fa.fa-sitemap.sitemap-i {
    font-size: 12px;
    padding: 0px 2px 0 0px;
}
.left_sec_cntBox .pddr10 {
    padding-right: 2px;
}
.left_sec_cntBox .calender-modal_inluneDsp-2 .dropdown.inluneDsp.insta-anchor a {
    font-size: 12px;
    padding: 3px 2px;
    margin-right: 2px;
}
.sameday_tab.sameday_button_box.add-box-tab-view .left_sec_cntBox .calender-modal_inluneDsp-2 .dropdown.inluneDsp.insta-anchor a {
    padding: 3px 2px 3px 2px;
}
.right_sec_cntBox {
    width: 18%;
}
.left_sec_cntBox {
    width: 80%;
}
}
/*----------------------------------Same Day End--------------------------------*/

/*----------------------------------Next Day Start--------------------------------*/
.min_sec_nextBox{
    display: flex;
    align-items: center;
    width: 100%;
    float: none;
    flex-wrap: wrap;
    justify-content: space-between;
}
.left_sec_nextBox {
    width: 68%;
}
.right_sec_nextBox {
    width: 30%;
}
.right_next__grid {
    display: flex;
    justify-content: right;
    align-items: center;
}
.right_next_control {
    display: flex;
    align-items: center;
}
.right_next_control button.nextRef{
    padding: 2px 4px;
    border: none;
    outline: none;
    box-shadow: none;
    height: 27px;
    min-height: auto;
    margin: 0;
    background: #ff8d8c !important;
}
.sameday_tab .right_next_control button i {
    font-size: 20px;
    padding-left: 0;
    position: relative;
    top: 2px;
    color: #fff;
}
.right_next_control #noti_Button {
    margin: 0;
}
.right_next_control .booking-notification {
    float: none;
    margin-left: 0px;
    margin-right: 5px;
}
.right_next_control #noti_Counter {
    margin: 0px 0px 0 8px;
    background: #e4e4e4;
    height: 27px;
    width: 30px;
    padding: 2px 1px;
}
.serch-popup-box.remove_extra_position{
    position: static;
}
.serch-popup-box.remove_extra_position .search-flex-center {
    margin-left: 5px;
    margin-top: 0;
    display: inline-block;
    width: auto;
    margin-right: 0;
}
.serch-popup-box.remove_extra_position .search-flex-center.searchbar i {
    font-size: 15px;
    padding: 3px 4px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
}
@media only screen and (min-width: 1200px) and (max-width: 1279px){
.sub-header .left_sec_nextBox button {
    padding: 0 3px;
    margin: 4px 0px;
    font-size: 11px;
}
.sameday_tab .left_sec_nextBox button i {
    padding-left: 0px;
}
.left_sec_nextBox i.fa.fa-sitemap.sitemap-i {
    font-size: 12px;
    padding: 0px 2px 0 0px;
}
.right_next_control #noti_Button {
    font-size: 12px;
}
.right_next_control #noti_Counter {
    margin: 0px 0px 0 4px;
    font-size: 12px;
}
.right_next_control .booking-notification {
    margin-right: 3px;
}
.right_next_control button.nextRef {
    padding: 1px 3px;
}
.right_sec_nextBox {
    width: 30%;
}
.left_sec_nextBox {
    width: 68%;
}
.left_sec_nextBox .pddr10 {
    padding-right: 2px;
}
.left_sec_nextBox .calender-modal_inluneDsp-2 .dropdown.inluneDsp.insta-anchor a {
    font-size: 11px;
    padding: 3px 2px;
    margin-right: 2px;
}
.sameday_tab.sameday_button_box.add-box-tab-view .left_sec_nextBox .calender-modal_inluneDsp-2 .dropdown.inluneDsp.insta-anchor a {
    padding: 3px 2px 3px 2px;
}
}
@media only screen and (min-width: 1280px) and (max-width: 1365px){
.right_next_control #noti_Button {
    font-size: 12px;
}
.right_next_control #noti_Counter {
    margin: 0px 0px 0 5px;
    font-size: 12px;
}
.sameday_tab .right_next_control button i {
    font-size: 18px;
}
.right_next_control .booking-notification {
    margin-right: 3px;
}
.sameday_tab .left_sec_nextBox button i {
    padding-left: 0px;
}
.left_sec_nextBox i.fa.fa-sitemap.sitemap-i {
    font-size: 12px;
    padding: 0px 2px 0 0px;
}
.left_sec_nextBox .pddr10 {
    padding-right: 2px;
}
.left_sec_nextBox .calender-modal_inluneDsp-2 .dropdown.inluneDsp.insta-anchor a {
    font-size: 12px;
    padding: 3px 2px;
    margin-right: 2px;
}
.sameday_tab.sameday_button_box.add-box-tab-view .left_sec_nextBox .calender-modal_inluneDsp-2 .dropdown.inluneDsp.insta-anchor a {
    padding: 3px 2px 3px 2px;
}
.right_sec_nextBox {
    width: 30%;
}
.left_sec_nextBox {
    width: 68%;
}
}
@media only screen and (min-width: 1366px) and (max-width: 1440px){
.sameday_tab .right_next_control button i {
    font-size: 18px;
}
.right_next_control .booking-notification {
    margin-right: 3px;
}
.sameday_tab .left_sec_nextBox button i {
    padding-left: 0px;
}
.left_sec_nextBox i.fa.fa-sitemap.sitemap-i {
    font-size: 12px;
    padding: 0px 2px 0 0px;
}
.left_sec_nextBox .pddr10 {
    padding-right: 2px;
}
.left_sec_nextBox .calender-modal_inluneDsp-2 .dropdown.inluneDsp.insta-anchor a {
    font-size: 12px;
    padding: 3px 2px;
    margin-right: 2px;
}
.sameday_tab.sameday_button_box.add-box-tab-view .left_sec_nextBox .calender-modal_inluneDsp-2 .dropdown.inluneDsp.insta-anchor a {
    padding: 3px 2px 3px 2px;
}
.right_sec_nextBox {
    width: 30%;
}
.left_sec_nextBox {
    width: 68%;
}
}
/*----------------------------------Next Day End--------------------------------*/
/* 07-Set-2023 End*/



/* 13-Set-2023 START*/
.terminal_set{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    justify-content: space-between;
}
.terminal_left{
    width: 58%;
    display: inline-flex;
    align-items: center;
}
.terminal_bitton{}
.terminal_bitton button.md-primary.md-button {
    background: #33225a;
    color: #fff;
    line-height: normal;
    padding: 8px 10px;
    height: auto;
    min-height: auto;
    font-size: 12px;
}
.terminal_right{
    width: 40%;
    text-align: right;
}
.inr_chheck{
    display: inline-flex;
    font-size: 13px;
    border-radius: 36px;
    border: 1px solid #33225a;
    padding: 3px 15px;
    margin: 8px 0px;
}
.inr_chheck md-switch{
    margin: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1279px){
.inr_chheck{
    font-size: 13px;
}
.sub-header .terminal_left h3 {
    font-size: 15px;
}
.inr_chheck {
    padding: 1px 12px;
    margin: 5px 0px;
}
}

@media only screen and (min-width: 1280px) and (max-width: 1365px){
.inr_chheck{
    font-size: 13px;
}
.sub-header .terminal_left h3 {
    font-size: 15px;
}
.terminal_bitton button.md-primary.md-button {
    padding: 8px 10px !important;
}
.terminal_set {
    padding-top: 6px;
}
.inr_chheck {
    padding: 1px 12px;
    margin: 5px 0px;
}
}
@media only screen and (min-width: 1366px) and (max-width: 1440px){
.inr_chheck{
    font-size: 13px;
}
.sub-header .terminal_left h3 {
    font-size: 15px;
}
.terminal_bitton button.md-primary.md-button {
    padding: 8px 10px !important;
}
.inr_chheck {
    padding: 1px 12px;
    margin: 5px 0px;
}
}
/* 13-Set-2023 END*/



/*icon-design Parcel*/

.i_icon_filter {
    text-align: center;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    line-height: 24px;
    background: #fff;
    cursor: default;
    transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1);
    margin-left: 5px;
    position: relative;
}
.i_icon_filter:hover {
    cursor: pointer;
}
.i_icon_filter:before {
    content: url(../../assets/img/info.svg);
    font-weight: 700;
    color: #fff;
}
.i_icon_filter p {
    visibility: hidden;
    opacity: 0;
    text-align: left;
    background-color: #050e33;
    padding: 6px;
    width: 160px;
    position: absolute;
    border-radius: 4px;
    right: -4px;
    color: #fff;
    font-size: 12px;
    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: 24px;
    line-height: 20px;
    letter-spacing: 0.3px;
}
.i_icon_filter:hover p {
    cursor: default;
    visibility: visible;
    opacity: 1;
    transform: scale(1.0);
}
.i_icon_filter p:before {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-bottom-color: #ef6362;
    right: 10px;
    top: -12px;
}
.i_icon_filter p:after {
    width: 100%;
    height: 40px;
    content: '';
    position: absolute;
    top: -5px;
    left: 0;
}
/*icon-design parcel*/



.selectdemoSelectHeader.select_search_sec{

}
.selectdemoSelectHeader.select_search_sec .demo-header-searchbox{
    margin: auto;
    border: 1px solid #33225a;
    height: 36px;
    border-radius: 3px ;
    width: 88%;
    background: #fff;
} 

.selectdemoSelectHeader.select_search_sec md-checkbox {
    margin-left: 10px;
    margin-bottom: 10px;
}
.selectdemoSelectHeader.select_search_sec .demo-select-header {
    margin-bottom: 12px;
    background: #fff;
}



.shipment_type_heading{
    padding: 4px 0 4px 6px;
    background: #ededed;
    margin-bottom: 15px;
}
.shipment_type_heading b{
    color: #33225a;
    font-weight: 600;
    letter-spacing: 0.7px;
    font-size: 15px;
}
.shipment_type_mainSec{
    padding-left: 6px;
    margin-bottom: 25px;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
.shipment_type_item{
    margin: 6px 4px;
    background: #f3f3f3;
    padding: 8px 10px 8px 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 1px dashed #33225a;
    border-radius: 10px;
    transition: all 0.5s;
}
.shipment_type_item span.shipment_type_label{
    font-size: 12px;
    letter-spacing: 0.3px;
    margin-right: 8px;
}
.shipment_type_item a{
    display: flex;
    align-items: center;
    justify-content: center;
    background: #cecece;
    border-radius: 37px;
    color: #33225a;
    width: 25px;
    font-size: 14px;
    height: 25px;
    transition: all 0.5s;
}
.shipment_type_item:hover a{
    background: #33225a;
    color: #fff;
}

@media only screen and (min-width: 1200px) and (max-width: 1279px){
.shipment_type_item {
    min-width: 20%;
    margin: 10px 6px;
}
}

.main_row_col{
    max-height: 220px;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 12px;

}

.label-comtainer.main_design_box{
    align-items: normal;
}
.main-label-box-o.call-newRow{
    margin-right: 20px;
    width: 220px;
}
.main-label-box-o.call-newRow label {
    width: 100%;
}
.main-label-box-o.call-newRow select {
    width: 100%;
}

.main-label-box-right.UploadOption_center{
    max-width: 280px;
}
.main-label-box-right.UploadOption_center label{
    width: 100%;
    margin-bottom: 0;
    margin-top: 0;
        font-size: 13px;
}
.main-label-box-right.UploadOption_center input[type="file"] {
    width: 100%;
    max-width: 220px;
    background: transparent;
}
.main-label-box-right.UploadOption_center input {
    width: 100%;
}

.parcel-list-navigate2.parcel-list-navigate2A {
    width: 76px;
}

.textarea_row_second textarea:disabled{
    background: #fff;
    border: 1px solid #b0b0b0;
}

.VContainer.new_currection.VspaceRemove{
    margin-top:10px;
}
.form-row-midd.new_currection.fild_bg {
    margin-top:10px;
}

.sub-header.new-sub-content.new_css h3.paddtopY {
    font-size: 18px;
    padding: 0;
}
.form-row-midd.new_currection.fild_bg md-input-container input {
    background: #eeeeee;
    border-radius: 3px;
}
.btn_serch_filters.button_space_align.btn-topAlign button {
    margin-top: 10px;
}


/*21-fab-2024 recuring job page*/
.recuring_jobTop{
    display: flex;
    justify-content: right;
    padding-right: 15px;
    margin-top: 5px;
}
.recuring_BTN{
    display: flex;
    align-items: center;
    justify-content: right;
    flex-wrap: wrap;
}
.recuring_BTN input{
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    font-size: 14px;
    padding: 0px 8px 0px 8px;
    width: 280px;
    color: #33225a;
    outline: none;
    border: 1px solid #33225a;
    border-right: none;
    letter-spacing: 0.6px;
    height: 34px;
}
.recuring_BTN input:focus{}
.recuring_BTN a{
    background-color: #33225a;
    border: none;
    color: #fff !important;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    padding: 0px 12px;
    line-height: normal;
    font-size: 14px;
    transition: all 0.5s;
    letter-spacing: 0.8px;
    height: 36px;
    align-items: center;
    justify-content: center;
    display: flex;
    cursor: pointer;
}
.recuring_BTN a:hover{
    background-color: #ef6362;
    border: none;
}



.additional_table{}
.additional_table table tr th {
    border: 1px solid #fff;
    padding: 7px 15px;
    background: #33225a;
    color: #fff;
    font-size: 13px;
    letter-spacing: 0.8px;
    font-weight: 600;
    font-family: arial, sans-serif;
}
.additional_table table tr td {
    border: 1px solid #ccc;
    padding: 5px 15px;
    font-size: 12px;
    letter-spacing: 0.4px;
    font-weight: 500;
    font-family: arial, sans-serif;
}
.additional_table table tbody tr:nth-of-type(odd) {
    background-color: #f0f0f0;
}

.additional_imagegallery{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}
.additional_imagegallery img{
    max-width: 70px;
    margin: 5px 5px 0px 5px;
    border-radius: 3px;
}

span.imOne, span.imTow  {
    line-height: normal;
    height: auto;
    min-height: auto;
    max-width: fit-content;
}



.input-about {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    border-bottom: 1px dashed;
    width: 100%;
}
.input-about h4 {
    margin: 0;
    padding: 0 10px;
    font-size: 14px;
    color: #c34c4b;
}
span.total_qty {
    font-size: 13px;
    letter-spacing: 0.6px;
    color: #ef6362;
    margin-left: 15px;
}
span.total_qty b{
    color: #33225a;
}
span.total_value {
    font-size: 13px;
    letter-spacing: 0.6px;
    color: #ef6362;
    margin-left: 10px;
}
span.total_value b{
    color: #33225a;
}

.currency_conv {
    min-width: 650px;
}
.currency_conv md-dialog{
    font-size: 18px;
    min-height: 50px;
}
.currency_conv md-toolbar{
    min-height: 50px;
}
.currency_conv .md-toolbar-tools{
    height: 50px;
    max-height: 50px;
}
.currency_conv .md-toolbar-tools h2{
    font-size: 16px;
}
.conversion-row{}
.convCurrency{
    display: flex;
    margin-bottom: 15px;
    justify-content: space-between;
    align-items: self-end;
}
.convGroup{
    width: 24%;
    margin-right: 10px;
    display: flex;
    flex-direction: column;
}
.convGroup label{
    width: 100%;
    font-size: 13px;
    margin-bottom: 2px;
    letter-spacing: 0.6px;
    color: #1e123a !important;
} 
.convGroup input, .convGroup select{
    border-radius: 5px;
    font-size: 14px;
    min-height: 30px;
    max-height: 30px;
    padding: 0px 10px;
    border: 1px solid #33225a;
    outline: none;
    font-size: 13px;
}
.convGroup.RateGroup_left{
    width: 22%;
    display: flex;
}
.convGroup.RateGroup_right{
    width: 75px;
    flex-direction: row;
    margin-right: 0;
    position: relative;
    display: inline-flex;
    justify-content: right;
}
.RateGroup_left input{
    width: 50px;
}
.convGroup.RateGroup_left button, .convGroup.RateGroup_right button{
    background: #33225a;
    color: #fff;
    font-size: 20px;
    border: none;
    outline: none;
    border-radius: 100%;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;margin-right: 5px;
}
/*button.positive span, button.negative span{
    position: relative;
    top: -2px;
}*/
.convGroup.RateGroup_left button.positive{
    background: #33225a;
}
.convGroup.RateGroup_right button.negative{
    background: #ef6362;
}

button, html, input, select, textarea {
    font-family: Roboto, sans-serif !important;
}
.align_textmiddle h2 {
    letter-spacing: 0.6px;
    text-align: center;
    padding: 0.5em;
}
.align_btnFooter {
    justify-content: right;
    padding: 0px 14px 10px 10px;
}

/**/
.radio-one.checkEditecontaner{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.radio-one.checkEditecontaner label {
    width: 80%;
}
.showSecBox.showcheckLeveal {
    max-width: 30px;
    width: 100%;
    text-align: center;
}
.showSecBox.showcheckLeveal button.btn-edit-service-price {
    background: #ef6362;
    outline: none;
    border: none;
    width: 20px;
    height: 20px;
    border-radius: 100px;
    font-size: 11px;
    color: #fff;
    padding: 2px;
}


.close-buttondetail.clear_container button {
    top: 7px;
    right: 8px;
}

.table-style-box.price_clearTable{
    margin-top: 40px;
}
.table-style-box.price_clearTable table{}
.table-style-box.price_clearTable table thead{
    background: #efefef;
    border-bottom: 1px solid #c8c8c8;
}
.table-style-box.price_clearTable table thead tr th{
    padding-left: 4px;
    padding-right: 4px;
}
.table-style-box.price_clearTable table thead tr th b{
    color: #12034e;
    letter-spacing: 0.2px;
    font-size: 13px;
}
.table-style-box.price_clearTable table tbody{}
.table-style-box.price_clearTable table tbody tr td{
    padding-left: 4px;
    padding-right: 4px;
    font-size: 13px;
    letter-spacing: 0.2px;
    border-bottom: 1px solid #e5e5e5;
}
.table-style-box.price_clearTable table tbody tr td span.color_iBlue{
    color: #fff;
    background: #12034e;
    padding: 2px 2px 2px 2px;
    width: 16px;
    height: 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    border-radius: 2px;
    cursor: pointer;
    margin-right: 2px;
}
.table-style-box.price_clearTable table tbody tr td span.color_iRed{
    color: #fff;
    background: #f44336;
    padding: 2px 2px 2px 2px;
    width: 16px;
    height: 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    border-radius: 2px;
    cursor: pointer;
    margin-right: 0;
}

.lastFooterButton{
    text-align: right;
    margin-top: 30px;
}
.lastFooterButton .span-lsat button{
    background: #ef6362;
    border: none;
    border-radius: 3px;
    text-align: center;
    padding: 8px 25px;
    outline: none;
    font-size: 14px;
    letter-spacing: 0.8px;
    color: #fff;
    margin-right: 5px;
    display: inline-block;
}

select.Surcharge_cost {
    border: 1px solid #7d7d7d;
    padding: 2px;
    line-height: normal;
    height: 25px;
    border-radius: 3px;
    outline: none;
    box-shadow: none;
    width: 90%;
}


.main_row_col.part-section{
    max-height: 220px;
}
.parcel-list-navigate2.parcel-list-navigate2A.closerss{
    margin-top: 10px;
    top: 0;
}


.main-label-box-o.call-newRow.closerss{
    margin-right: 15px;
    width: 200px;
}
.main-label-box-o.call-newRow.closerss label {
    width: 100%;
}
.main-label-box-o.call-newRow.closerss select {
    width: 100%;
}
.main-label-box-right.UploadOption_center {
    max-width: 200px;
}
.main-label-box-right.UploadOption_center label {
    width: 100%;
    margin-bottom: 0;
    margin-top: 0;
    font-size: 11px;
}
.newss{
    margin-right: 15px;
    width: 200px;
}
.left_sec_country.next-as{
    width: 22%;
    margin: 5px 10px;

}
.left_sec_country.sectionext-ass{
    width: 22%;
    margin: 5px 10px;
}
.left_sec_search.sectionext-ass{
    width: 22%;
    margin: 5px 10px;
}

select.TableSurcharge_cost {
    border: 1px solid #7d7d7d;
    padding: 2px;
    line-height: normal;
    height: 25px;
    border-radius: 3px;
    outline: none;
    box-shadow: none;
    width: 90%;
}

.section_controllBox{}
.inp_boxss{
    display: inline-block;
    position: relative;
    padding: 2px;
    margin: 6px 15px 6px 0;
    vertical-align: middle;
}

.check_showInp {
    display: flex;
    align-items: center;
    height: 50px;
}
.check_showInp md-checkbox {
    margin-bottom: 0;
    margin-right: 15px !important;
}

.check_showInp md-input-container:not(.md-input-has-value) input:not(:focus), 
.check_showInp md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-ampm-field, 
.check_showInp md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-day-field, 
.check_showInp md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-hour-field, 
.check_showInp md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-millisecond-field, 
.check_showInp md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-minute-field, 
.check_showInp md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-month-field, 
.check_showInp md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-second-field, 
.check_showInp md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-text, 
.check_showInp md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-week-field, 
.check_showInp md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-year-field{
    color: rgba(0, 0, 0, 0.87);
}

/**/

.ui-grid-cell a.iconSet .material-icons {
    padding: 6px 1px 1px 1px;
}
.ui-grid-cell a.iconSet md-icon{
    min-width: 18px !important;
    width: 18px;
}
.btn_serch_filters button.md-primary.md-button.iconWrapp{
    font-size: 15px;
    width: max-content;
    line-height: 36px;
    height: auto;
    border: none !important;
    padding-right: 10px;
}
.btn_serch_filters button.iconWrapp i{
    font-size: 16px;
}

.actGroup{
    display: inline-flex;
    align-items: center;
    padding-top: 7px;
}
.actGroup a.actquick_book{
    cursor: pointer;
    margin-right: 6px;
}
.actGroup a.actdelet {
    cursor: pointer; 
    color: #ef6362 !important;
    position: relative;
    top: 1px;
}
.actGroup a.actdelet i{
    position: static;
    font-size: 16px;
}
.containerWrap{
    display: flex;
    flex-wrap: wrap;
}
.containerWrap .main_row_col {
    max-height: 220px;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 10px 14px;
}
.containerWrap .diff {
    margin-right: 0;
    width: 150px;
    background: white;
    text-align: left;
    padding: 5px 6px;
    margin: 0;
}

.containerWrap .parcel-form-group label {
    color: #12034e !important;
    font-size: 13px;
    width: 100%;
    font-weight: normal;
}
.containerWrap .label-comtainer{
    padding: 0;
}

.row_space_layout-row{
    padding: 14px;
}
.inFlex{
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: self-end;
}
.inFlex .ctrl_box {
    width: 70%;
}
.group-sec.search-ft .inFlex label {
    width: 100%;
}
.group-sec.search-ft .inFlex .getAddress_autocomplete_container {
    width: 100%;
}
.group-sec.search-ft .inFlex input{
    width: 90%;
}

@media only screen and (min-width: 320px) and (max-width: 657px){
    .inFlex .ctrl_box {
        width: 65%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px){
    .inFlex .ctrl_box {
        width: 65%;
    }
}

.allround_border{
    border: 1px solid #12034eb0;
    border-radius: 3px;
}

input:disabled {
    background: #f1f1f1 !important;
    opacity: 0.8;
}

.getAddress_autocomplete_list{
    max-height: 200px;
    scroll-behavior: smooth;
    scrollbar-width: thin;
    right: 22px;
    font-size: 13px;
}
.getAddress_autocomplete_suggestion {
    background: #efefef;
    margin-bottom: 4px;
    padding: 2px 5px;
}
.getAddress_autocomplete_suggestion:hover, .getAddress_autocomplete_suggestion_focused {
    background: #cbcbcb;
}


/*----------------------------*/
.inFlex.cntrollInnflex .ctrl_box{
    width: 100%;
}
.group-sec.search-ft .inFlex.cntrollInnflex input {
    width: 97%;
}
.ancher_text{
    text-align: right;
    font-size: 14px;
    color: #656566;
    padding: 4px;
    display: block;
    width: 100%;
}
.ancher_text a{
    color: #ff3c3b;
}



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

.ctrl_box input:required:valid {
    border: 1px solid #12034e;
    background-position: right top;
    background-repeat: no-repeat;
}


.popupModal_headerBox{
    background: #33225a;
    overflow: hidden;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    padding: 0 !important;
}
.popupModal_headerBox h3.md-toolbar-tools{
    color: #fff;
    font-size: 18px;
    letter-spacing: 0.6px;
    line-height: normal;
    margin: 0;
    height: auto;
    padding: 12px;
}
.popupModal_headerBox .close-x{
    top: 9px;
    right: 5px;
}
.popupModal_headerBox .close-x button{
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ff7368;
    border-radius: 100%;
    font-size: 16px;
    width: 28px;
    height: 28px;
    transition: all 0.5s;
}
.popupModal_headerBox .close-x button:hover{
    background: #df3e32;
}
.positionContainer{
    padding: 30px 36px 20px 36px !important;
}
.postBoxSection{
    display: flex;
    flex-wrap: wrap;
}
.postBoxSection input{
    width: 78%;
    padding: 8px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    color: #33225a;
    border: 1px solid #33225a;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.postBoxSection input:focus{}
.postBoxSection button{
    width: 18%;
    background: #33225a;
    border: none;
    color: #fff;
    font-size: 14px;
    letter-spacing: 0.6px;
    height: 40px;
    line-height: normal;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.postBoxSection button:hover{}
.postBoxSection select{
    width: 100%;
    padding: 8px;
    min-height: 22px;
    color: #33225a !important;
    border: 1px solid #33225a !important;
    border-radius: 5px;
    margin-top: 22px;
    line-height: normal;
}
.postBoxSection select:focus{
    border: 1px solid #33225a !important;
}
.postBoxSection select:focus-visible{
    border: 1px solid #33225a !important;
}
.positionTop{
    margin-top: 25px;
    padding: 0;
}
.positionTop button{
   min-width: auto;
}
.new-lable-line.margin_bottomSace {
    margin-bottom: 25px;
}
.new-lable-line.margin_bottomSace b {
    font-size: 16px;
    letter-spacing: 0.8px;
    color: #33225a !important;
    border-left: 5px solid #ffc0c0;
    width: 100%;
    display: block;
    background: #efe9ff;
    padding: 10px;
    border-radius: 4px;
    text-transform: uppercase;
}

.new-lable-line.padding_box{
    margin-bottom: 5px;
}
.new-lable-line.padding_box label {
    font-size: 18px;
    letter-spacing: 0.8px;
    color: #33225a !important;
    border-bottom: 1px dashed #755ea8;
    width: 100%;
    display: block;
    padding: 2px;
    border-radius: 0;
}
.new-lable-line.padding_box label b{}
.algMain{
    display: inline-flex;
}
.algSection {
    margin-right: 8px;
}
.algMain .markupclc {
    display: flex;
    align-items: center;
}
.algMain .markupclc button {
    background: #ef6362;
    color: #fff;
    border: none;
    font-size: 13px;
    text-align: center;
    width: 63px;
    padding: 3px 3px;
    box-sizing: border-box;
    line-height: normal;
    margin: 0 0 0 5px;
    border-radius: 2px;
}
.icn_boxMain{
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: normal;
    height: 100%;
}
.icn_boxLeft{}
.icn_boxLeft a{
    margin: 2px;
}

.icn_boxCenter{}
.icn_boxCenter a{
    margin: 2px;
}
.icn_boxRight{
    display: flex;
    align-items: center;
    justify-content: center;
}
.icn_boxRight a{
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer; 
    margin: 2px;   
}
.icn_boxRight a i{
    position: static !important;
}
.icn_boxRight a.redColorBox{
    display: flex;
    background: #33225a;
    width: 14px;
    height: 14px;
    border-radius: 100%;
    align-items: center;
    justify-content: center;
    padding: 2px;
    color: #fff !important;
}
.icn_boxRight a.NormalColorBox{
    display: flex;
    background: #33225a;
    width: 14px;
    height: 14px;
    border-radius: 100%;
    align-items: center;
    justify-content: center;
    padding: 2px;
    color: #fff !important;
}
.icn_boxRight a.TextColorBox{}



.conBTNOpen{}
.img-popup .conBTNOpen button {
    position: static !important;
    color: #fff;
    font-size: 11px !important;
    letter-spacing: 0;
    border: none;
    padding: 12px 3px;
    border-radius: 3px;
    outline: none;
    margin: auto;
    min-height: auto;
    text-align: center;
    width: 100%;
    line-height: 5px;
    text-transform: capitalize;
    box-shadow: none !important;
}
md-dialog.DGControll{
    padding: 0px 0px 15px 0px;
}
md-dialog.DGControll md-dialog-content{
    padding: 10px 15px;
}
md-dialog.DGControll h2.md-title{
    padding: 7px 6px 8px 6px;
    text-align: center;
    font-size: 14px;
    text-transform: uppercase;
    color: #ffff;
    background: #33225a;
    letter-spacing: 0.8px;
    margin-bottom: 10px;
}
md-dialog.DGControll .inp_file {
    position: relative;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
    width: 240px;
    padding: 18px 15px;
    background: #f3f3f3;
}
md-dialog.DGControll .inp_file::before,
md-dialog.DGControll .inp_file::after {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    border: 3px solid #6200ea;
}
md-dialog.DGControll .inp_file::before {
    top: -3px;
    left: -3px;
    border-right: none;
    border-bottom: none;
}
md-dialog.DGControll .inp_file::after {
    bottom: -3px;
    right: -3px;
    border-left: none;
    border-top: none;
}
md-dialog.DGControll .inp_file input[type="file"] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}
md-dialog.DGControll .inp_file label {
    font-size: 14px;
    color: #33225a !important;
    font-weight: 500;
    background: none;
    padding: 8px 6px 8px 6px;
    width: 50%;
    text-align: center;
    border: 1px dashed #6200ea;
    min-height: 20px;
    cursor: pointer;
    letter-spacing: 0.8px;
}
md-dialog-actions.btnRowRight{
    padding: 0 10px;
}
md-dialog-actions.btnRowRight button.md-button{
    margin: 0 4px !important;
    font-weight: normal;
    letter-spacing: 0.8px;
    font-size: 14px;
    width: auto;
    max-width: fit-content;
    min-width: unset;
    min-height: auto;
    line-height: normal;
    padding: 6px 11px;
    outline: none;
    box-shadow: none;
}
/**/
.cs_dialogCustom {
    width: 100%;
    max-width: 450px;
}
.md-toolbar-tools.cs_toolbarTools{   
    height: 40px;
    max-height: 40px;
    padding: 0px 10px;
}
.md-toolbar-tools.cs_toolbarTools .md-button.md-icon-button {
    margin: 0;
    height: 30px;
    min-width: 0;
    line-height: 20px;
    padding: 4px;
    width: 30px;
    border-radius: 50%;
}
.cs_toolbar {
    padding: 2px 8px !important;
    min-height: 40px;
    background-color: #3b226b;
    color: #fff;
}

.cs_toolbarTools {
    display: flex;
    align-items: center;
    width: 100%;
}

.cs_heading {
    font-size: 17px !important;
    margin: 0;
    padding: 0;
    line-height: 1.2;
    flex-grow: 1;
}

.cs_closeButton {
    margin-left: auto;
    width: 32px;
    height: 32px;
    line-height: 32px;
}

.cs_dialogContent {
    padding: 0;
}
.cs_closeButton md-icon {
    font-size: 20px;
}
.cs_dialogContentInner {
    margin-top: 8px;
}

.cs_radioGroup {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.cs_radioButton {
    border: 1px solid #33225a;
    border-radius: 4px;
    padding: 6px 16px 6px 26px;
    min-width: 44%;
    text-align: left;
    cursor: pointer;
    transition: all 0.2s ease;
    color: #33225a;
    background-color: white;
    box-shadow: none;
    margin: 4px;
}
md-radio-button.cs_radioButton .md-container {
    left: 6px;
}


.cs_radioButton.md-checked {
  background-color: #ede7f6;
  color: #33225a;
}
.cs_radioButton:hover {
  background-color: #ede7f6; 
}

.cs_radioButton.md-checked:hover {
  background-color: #ede7f6; 
}

.cs_dialogActions {
    padding: 8px;
}
.cs_radioButton .md-on {
    height: 20px !important;
    width: 20px !important;
}

.cs_actionButton {
    min-width: 80px;
}
md-radio-button.cs_radioButton .md-off {
    border-color: #33225a;
}
md-radio-button.cs_radioButton .md-label {
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    margin-left: 10px;
    margin-right: 0;
    vertical-align: middle;
    white-space: normal;
    pointer-events: none;
    width: auto;
}