/**
 *
 * You can write your CSS code here
 * 
 */

body {font: 14px Tahoma,helvetica,arial,sans-serif;}
/* .modal-open.csModal {
    overflow:visible;
}
.modal-open.csModal .modal {position: absolute !important;}
.modal-open.csModal #ui-id-6 {width: 90% !important;}
.modal-open.csModal #ui-id-6 .ui-autocomplete {overflow-x: auto !important;} */
.modal-open.csModal #ui-id-6 {width: 85% !important;}
a {
    color: #212121;
    text-decoration: none;
}
.clear { clear: both; }
.aas_show a:hover, .aas_show a:visited, .aas_show a:focus {
    color: #212121;
    text-decoration: none;
}
#ms-user_roles .ms-list {height: 100px !important;}
.text-decoration-none {text-decoration: none;}
.table-responsive > .table > thead > tr > th,
.table-responsive > .table > tbody > tr > td,
table thead tr th,
table tbody tr td { 
    white-space: nowrap; 
}
.text-nowrap-normal, .table-nowrap-normal thead th, .table-nowrap-normal tbody td { white-space: normal !important; padding:5px 10px;}
.table {background-color:#fff;}
.table th, .table td {    -webkit-box-shadow: inset 0 -1px 0 0 rgba(100,121,143,0.122);
    box-shadow: inset 0 -1px 0 0 rgba(100,121,143,0.122);    background: rgba(242,245,245,0.8); border: 0px solid;}
.table thead th, .table tfoot td, .rates-content h6, .popover  {font-size: 1em; letter-spacing: 0.07em;}
.table thead th:first-child,
.table tbody td:first-child { /*text-align:  -webkit-center; padding-left: 25px;*/
    /*padding-right: 0px;*/}
.table thead th {vertical-align: bottom; border-bottom: 2px solid #d1d9e1; border-top: none; cursor: pointer;} 
.table th {font-weight:bold;}
.table.table-sm th, .table.table-sm td { padding: 8px 10px 10px;}
td.table_action {vertical-align: inherit; text-align: center !important;}
td.table_action span {display: inline-block; padding: 0px 10px 0px 0px;}
.table_action table tbody tr {background-color: transparent !important; border: 0 !important;} 
.table_action table tbody tr td {text-align: center; padding: 0 !important; border: 0 !important;}
.table_action span i { cursor: pointer;}
.data-tables .table thead th {border: 1px solid #d1d9e1;}
.data-tables .table thead th:first-child, .data-tables .table tbody td:first-child {padding:.525em;}
.data-tables .table-bordered th, .data-tables .table-bordered td {border:1px solid #d1d9e1;}
html body .content .content-wrapper {
    padding: 15px 15px 150px 15px;
}
body.vertical-layout.vertical-menu.menu-collapsed .content {margin-left: 60px;}
.btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group {margin-left: 1px;} 

.row.request_response_filter::after {display: block; border-bottom: 3px solid #1E6ED1; margin: 0px 15px 10px 15px;}
.row.row_border::after {display: block; border-bottom: 1px dotted #ccc; margin: 0px 15px 5px 15px; padding-top: 3px;}
.tooltip {font-size: 0.9em; /*text-transform: uppercase;*/ pointer-events: none;}
.tooltip-inner {}
label.mandatory:after, span.star:before  { content:"*"; color:red; padding-left: 2px;}
p.colon:before, span.colon:before { content:":";  padding-right: 10px;}
.header-navbar .navbar-container ul.nav li > a.nav-link {font-size: 1em;}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {padding-left: 10px;}
.table-striped tbody tr:nth-of-type(odd) { background-color: rgba(0, 0, 0, .02);}
p.h6 {border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
.pl-025 { padding-left: 2.5rem !important; }
.btn.btn-xs { padding: .15rem .25rem; font-size: 0.8em;}
.btn.btn-md { padding: .5rem .8rem; font-size: 0.9em;}
.btn-sm {padding: .6rem .5rem; font-size: 1em;}
.header-navbar{min-height: 4rem;}
.header-navbar .navbar-header, .header-navbar .navbar-container {height: 4rem;    padding: 0rem ;}
.header-navbar .navbar-container ul.nav li i.ficon { font-size: 1.2rem;}
.header-navbar.navbar-shadow, .td_shadow {/*box-shadow: 0 5px 30px rgba(0, 0, 0, .05)*/ box-shadow: 0 2px 4px rgba(0,0,0,.08);}
.box-shadow-none {-webkit-box-shadow:none !important; -moz-box-shadow:none !important; box-shadow:none !important;}
.inner-shadow {-moz-box-shadow: inset 0 0 10px #CFD8DC; -webkit-box-shadow:inset 0 0 10px #CFD8DC; box-shadow:inset 0 0 10px #CFD8DC;}
.box-shadow2 {box-shadow: 0 2px 1px rgba(0, 0, 0, 0.05) !important;}
.box_shadow {-webkit-box-shadow: 0px 0px 10px 0px rgba(161,161,161,0.6);
-moz-box-shadow: 0px 0px 10px 0px rgba(161,161,161,0.6);
box-shadow: 0px 0px 10px 0px rgba(161,161,161,0.6)}

.tr_highlight:hover {

    -webkit-box-shadow: inset 1px -1px 0 #848484, inset -1px 0px 0 #848484, 0 1px 2px 0 rgb(95, 95, 95), 0 1px 3px 1px rgba(142, 142, 142, 0.5);
    box-shadow: inset 1px -1px 0 #848484, inset -1px 0px 0 #848484, 0 1px 2px 0 rgb(95, 95, 95), 0 1px 3px 1px rgba(142, 142, 142, 0.5);
    z-index: 1;
}
.message-box {
    resize: none;    
    min-height: 35px;    
    overflow: hidden;
    /*line-height: 1.25;*/
    box-sizing: border-box;
    display: block;
}
.message-box1 {
    resize: none;
    min-height: 100px;
    overflow: hidden;
    /* line-height: 1.25; */
    box-sizing: border-box;
    display: block;
}
.tr_highlight.selected {background-color: rgb(30, 110, 209);}
.tag-up { position: relative; top: -13px;  right: 14px;}
.header-navbar .navbar-container ul.nav li a.menu-toggle, 
.header-navbar .navbar-container ul.nav li a.nav-link-expand,
.header-navbar .navbar-container ul.nav li a.nav-link-label,
.header-navbar .navbar-container ul.nav li a.dropdown-user-link { 
    padding: 1.2rem 1rem;
}
.header-navbar.navbar-brand-center .navbar-header {
    width: 150px;
    position: absolute;
    left: 50%;
    padding: 0;
    margin: 0;
    -webkit-transform: translate(-50%,0);
    -moz-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    -o-transform: translate(-50%,0);
    transform: translate(-50%,0);
    z-index: 999;
}
.user-avatar {
    position: relative;
    display: inline-block;
    width: 24px;
    white-space: nowrap;
    border-radius: 1000px;
    vertical-align: bottom;
    background-color: #212121;
    height: 24px;
    margin-right: 0 !important;
}
.user-avatar i {
    position: absolute;
    top: 5px;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    margin: 0;
    color: #ECF0F1;
    font-size:1em;
}
.header-navbar .navbar-header .navbar-brand,
body.vertical-layout.vertical-menu.menu-collapsed .navbar .navbar-brand { padding: 1px 0px 0px 0px; margin-right: 0;}
.dropdown-toggle::after, .data_grid .dropdown-toggle::after, .dropdown-toggle.nav-link::after { font-family: 'icomoon';  content: "\ea08";}
.card {
    -webkit-box-shadow: 0px 2px 2px rgba(0,0,0,.30);
    box-shadow: 0px 2px 2px rgba(0,0,0,.30);
    background-color: #ECF0F1;
    border-radius: 5px;
    border: none;
    position: relative;
    margin-bottom: 0px;
}
.dropdown .dropdown-menu {
    display: block;
    min-width: 160px;
    border: 0px solid #E6E6E6;  
    transform-origin: top;
    font-size: 1em;
    animation-fill-mode: forwards;   
    transition: all 0.2s linear;
    box-shadow: 0 5px 15px rgba(0,0,0,.10);
}
.dropdown-menu, .dropdown-menu.list_cust {
    width:max-content;
    border: 0px solid #E6E6E6;   
    box-shadow: 0 5px 15px rgba(0,0,0,.10);    
}
.dropdown-menu.list_cust {
    z-index: 1030;
    max-height: 205px;
    overflow: auto;
}
.card.card-border { border-left: 2px solid #D2D7D3; border-right: 2px solid #D2D7D3;}

.view_shipment i {position: absolute; margin-top: 3px; left:10px;}
.view_shipment i.fa-print { position: relative; top: 5px; left: inherit; }
.view_shipment i.fa-trash-alt { position: relative; top: 5px; left: inherit; }
.view_shipment i.fa-truck {margin-left: 18px;}
.view_shipment i.fa-download, .view_shipment i.fa-trash {position: inherit;}

.view_shipment i.fa-cogs,
.view_shipment i.fa-cog, 
.view_shipment i.fa-download, 
.view_shipment i.fa-search,
.view_shipment i.fa-file-invoice,
.view_shipment i.fa-eye,
.view_shipment i.fa-eye-slash,
.view_shipment i.fa-ellipsis-v,
.view_shipment i.fa-edit {position: inherit; left: 0; margin-top: 0;}

.view_shipment label {margin-bottom: 0px;}
.view_shipment p, .trk-addinfo p, .batch_edit p {display: flex; word-break:break-word;}
.view_shipment p a {display: flex; word-break:break-all;}
.view_shipment .form-group, .batch_edit .form-group, #processRatesModel .form-group, .trk-addinfo .form-group {margin-bottom: 5px; white-space: normal; overflow: visible;}
.view_shipment img {width: 20%; height:0%;}
.soluship-carriers img.rounded { border-radius: 0.3rem;/* background: #fff; padding: 5px;*/}
.bg-black { background-color: black;}
.bg-white { background-color: #FFF !important; border-radius: 5px;}
.smoky_white {background-color: #fafafa;}
.footer { width: 100%; color: #fff; background-color: #212121; padding: 8px !important;}
.footer p { margin: 0; font-size: 0.7rem; color: #fff;}
.navbar-fixed-bottom {left: inherit;}
.cursor-pointer {cursor: pointer;}
.icon-grey  {color: #C0C0C0;}
img.brand-logo {width: 186px;}
.error-img  {width: 35%;}
.browser_icon img {width: 50%;}
.border_1 {border: 1px solid #d1d9e1;}
.border_t0 {border-top: none;}
.border-radius-0 {border-radius: 0rem;}
.border_0 {border:none !important;}
.position-relative {position: relative !important;}
.position-inherit {position: inherit !important;}
 /*business color*/
.soluship_bg, .menu-collapsed span.menu-title {background-color: #990000;}
.soluship_txt {color: #990000;}
.asbestos_color {color:#78909C;}
.wet_asphalt_color {color: #212121;}
.action_bg {background-color: #990000;}
.action_color, a.action_color:hover, a.action_color:focus {color: #990000;}
.alert_color {color: #ff0000;}
a.action_bg:hover, a.action_bg:focus, a.action_bg:visited, .text_info {color: #ECF0F1;}
.badge-info {background-color: #212121;}
.badge-info-2 {background-color: #3BAFDA;}
.asbestos_bgcolor{background-color: #78909C;}
/*.action_color_svg_customer {fill:#990000;}
.action_color_svg {fill:#1E6ED1;}*/
/*.svg_color { fill:#990000; }*/
/*business color*/ 

/*color*/ 
.page-item .page-link.soluship_txt, 
.wet_asphalt_color, 
.dropdown .dropdown-menu .dropdown-header,
.bootstrap-select.form-control .btn,
.bootstrap-select.form-control ul li a,
a.wet_asphalt_color:hover,
a.wet_asphalt_color:focus {color: #212121;}
.dropdown-header {font-size: 0.75rem;}
.info_bg, .info_bg:hover, .info_bg:focus {background-color: #3498DB; color: #ECF0F1;}
.info_bg:hover {background-color: #2980B9}
.wet_asphalt_bg, .wet_asphalt_bg:hover, .wet_asphalt_bg:focus {background-color: #34495E; color: #ECF0F1;}
.wet_asphalt_bg:hover {background-color: #2C3E50; color: #ECF0F1;}
.info_icon_color {color: #95A5A6;}
.concrete_bg, .concrete_bg:hover, .concrete_bg:focus {background-color:#616161; color: #ECF0F1; }
.concrete_bg:hover {background-color: #616161;} 
i.icon-information-circled:hover {color: #2C3E50;}
.email_rates_bg, .email_rates_bg:hover, .email_rates_bg:focus, a.email_rates_bg:hover {color: #ECF0F1 !important; background-color: #E74C3C;}
.email_rates_bg:hover {background-color:#C0392B;}
.nephritis_bg {background-color: #27AE60; color: #ECF0F1;}
.gray_bg {background-color: #FAFAFA;}
.white_bg {background-color: #ffffff;}
.red_bg {background-color: #FF0000;}
.orange_bg {background-color: #FFA500;}
.violet_bg {background-color: #ac33ff;}
.datagrid_msg_bg { background-color: #fafafa;  margin-top: 8px;  padding: 0.15rem 0.25rem !important; color: #212121;}
.table_action i.fa-trash-alt, .table_action i.fa-copy, .table_action i.fa-clone, .table_action i.fa-plus-square {color: #616161; font-weight: 500;}
.data-tables a i.fa-trash-alt, .data-tables a i.fa-copy, .data-tables a i.fa-clone, .data-tables a i.fa-plus-square {color: #616161; padding-top: 10px; display: inline-block; font-weight: 500;}
.silver_bg {background-color:#BDC3C7 !important; color: #212121 !important; }
.silver_bg:hover {background-color: #95A5A6 !important;}
.azure_bg {background-color:  #ECF0F1;}
.v_darkgray {background-color: #212121;}
.card-title {color: #990000;}
.white_color {color: #fff;}

.orange-color {color: #FFA500;}
.green-color {color: #27AE60;}
/*color*/ 

/* radius */

.bb_rl_0{
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; 
}
.bt_rl_0 {
  border-top-right-radius: 0 !important;
  border-top-left-radius: 0 !important; 
}

/* other styles */
.bootstrap-select .btn  { padding: 0.65rem 0.75rem }
.bootstrap-select button.dropdown-toggle::after {top: 0px;  right: 20px; font-weight: bold;}
.bootstrap-select a:hover, .bootstrap-select a:focus { color: #414141; }
.bootstrap-select.form-control .btn {background-color: #fff;}

.form-group label.dots, .csModal_overflow, .form-group p.dots {width: 100%; display: block;}

.form-group label.dots,
.form-group p.dots,
.overflow_dots_xxl,
.overflow_dots_xl, 
.overflow_dots_md,
.overflow_dots_md1, 
.overflow_dots_xs,
.overflow_dots_xss,
.overflow_dots_sm, 
.getrates_errors_overflow,
.tableScroll_dots,
.csModal_overflow { text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}

.overflow_dots_xxl {width: 300px;}
.overflow_dots_xl { width: 200px;} 
.overflow_dots_md { width: 160px;}
.overflow_dots_md1 { width: 150px;}
.overflow_dots_sm { width: 100px;}
.overflow_dots_xs { width: 50px;}
.overflow_dots_xss {width: 20px;}

/*.modal-backdrop {background: url("../soluship_images/logo_NewSoluship.png")  no-repeat center;
    background-size: cover; }*/
.fa-hand-point-up {position: relative; top: 10px;}
.overflow_ellips {white-space:inherit;}
.form-control { /*padding-left: 5px !important; */}

textarea { resize: none;}
/*textarea.form-control { height: calc(4rem + 10px); padding-top: 5px;}*/
textarea.form-control {height:35px; padding:2px 5px 2px 5px; }
.content-body {margin-top: 5px;}
/*.form-control, .custom-select {padding: 0.26rem 0.5rem; font-size: 0.9rem; display: inline;}*/
.soluship-forms .form-control, .modal .form-control {/*background-color: #FFFFFF;*//* color: #414141; padding: 10px;*/ }
.ship-reference input {display: inline; width: auto;}
.soluship-forms .form-group {margin-bottom: 12px;}
.soluship-forms .form-group.check-box {padding: 10px;}
.soluship-forms .card-header, .modal .card-header {padding: 10px; background-color: transparent;}
select.form-control.showentries, select.custom-select.showentries { padding: 0.15rem 0.25rem !important; font-size: 1em; width: 50px; display: inline;} 
.print_label select.custom-select.showentries {width: 40px; height: 25px;}
.carrier_label select.custom-select.showentries {padding: 0.15rem 1rem 0.15rem 0.15rem !important; }
.form-group, .ship-reference .form-group, .data_grid  .form-group { margin-bottom: 0;}  
.sidebar-brand.logo img {width: 186px; height: auto;margin: 5px;}
.main-menu.menu-light {border-right: 0;}
.main-menu.menu-light .navigation li.selected a {background-color: #555; color: #fff !important; border-right: 3px solid;}
.main-menu.menu-light ul.menu-popout li.selected a { background-color: #c4c4c4;}
/*.main-menu.menu-light ul.menu-popout .open>ul li {padding-left: 15px;}*/
.main-menu.menu-light .navigation > li ul .open .selected.hover > a {background-color: #990000;}
.menu-collapsed li.nav-item.has-sub.open {border-left: 2px solid #990000;}
.menu-collapsed li.nav-item.has-sub.open a {color: #990000;}
.menu-collapsed .main-menu.menu-fixed {left: 0px; border-radius: 0px;}
.menu-collapsed .ps-container {border-radius: 0px;}
.main-menu.menu-fixed {top: 4rem;}
/*.menu-collapsed .main-menu.menu-shadow { -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, .1); box-shadow: 0px 0px 10px rgba(0, 0, 0, .1); }*/
.menu-collapsed .main-menu.menu-shadow, .main-menu.menu-shadow {
    -webkit-box-shadow: 0px 2px 5px rgba(0,0,0,.30);
    box-shadow: 0px 2px 5px rgba(0,0,0,.30);
}
.btn { /*text-transform: uppercase;*/ color: #fff; position: relative; z-index: 1;  letter-spacing: 0.07em;}
 #bg_overlay { position: fixed; top:0; bottom:0; left:0; right:0; background:rgba(0, 0, 0, 0.7); opacity:1; z-index:1031; display:none; transition: opacity 0.15s linear;}
 /*.pace-active.pace_overlay { position: fixed; top:0; bottom:0; left:0; right:0; background:rgba(0, 0, 0, 0.7); opacity:1; z-index:1031; transition: opacity 0.15s linear;}*/
.pull-left {float: left;}
.breadcrumb {font-size: 0.7rem;background-color: transparent; padding: 0 0 0.75rem 0rem; }
.breadcrumb > li + li::before {
    padding-right: .6rem;
    padding-left: .6rem; }

/* Custom scss for page headers style */
.breadcrumbs-right .breadcrumb, .pull-right, .float-right {
  float: right; }
.breadcrumb-wrapper a {color:#212121;}
.breadcrumb-item.active {color: #990000;font-weight: 700;}
/*.page-link {background-color: #ECF0F1;}*/
.page-link {border: none;}
.page-link:focus { color: #212121; background-color: #BDC3C7; border-color: #ddd;}
.page-item.active .page-link:focus {background-color: #990000;}
.page-item { display: inline-block;}
.fa-angle-double-right { font-size: 0.75rem; font-weight: 600; cursor: pointer;}
.settings i {font-size: 1.3rem; color: #2C3E50;}
/*.settings i.icon-settings:after {
    font-family: "Ionicons";
    content: "\f104";
    border: none !important;
    position: absolute;
    display: inline-block;
    font-size: 0.656rem;
    top: 10px;
    color: #414141;
    right: 3px;
}*/
ul.settings {margin: 0;padding: 0; position: absolute; right: 10px;}
ul.settings li {list-style: none;}
hr { margin-top: 2.5rem; margin-bottom: 0rem; border: 0; border-top: 1px solid #C5D3E2; opacity: 0.5;}

.settings .dropdown .dropdown-menu {background-color: #2C3E50; color: #fff;padding: 0;}
.settings .dropdown-item:hover {background-color: #1C2A39;border-radius: 0.18rem;}
.settings .dropdown-item {color: #fff; border-bottom: 1px solid;}
/*.datetimepicker.dropdown-menu {
    z-index: 1052 !important;
    font-size: 0.9em !important;
}*/
.datetimepicker.dropdown-menu {font-size: 0.9em !important; z-index: 9999 !important;}
.modal-open .datetimepicker {
    z-index: 1070 !important;
    font-size: 0.9em !important;
}

modal-open .tooltip {
    z-index: 1050 !important;
}

/* table css */
/*.table thead {background-color: transparent;}
.table tbody {background-color: #FDFEFE;}
.table thead th {border: none; padding: 15px 10px 15px 5px; font-weight: 600;}
.table tbody td {padding: 8px 10px 7px 5px; font-weight: 400;}
.table tbody tr:nth-of-type(odd) { background-color: #fff;}
.table tbody tr:nth-of-type(even) { background-color: #F4F6F7;}
.table tbody tr {
  -webkit-box-shadow: 0 0 40px rgba(0,0,0,.05);
    box-shadow: 0 0 25px rgba(0,0,0,.05); 
    border-radius: 3px;
    border: none;
    position: relative;
}*/
.manual_table .form-control {border-radius: 0.18rem; line-height: 0; }
.card-header .heading-elements, .card-header .heading-elements-toggle, .right-btn {    
    position: absolute;
    top: 0px;
    right: 0px;
}
.data_grid .stick .right-btn { right: 5px; top: 5px;}
.data_grid .right-btn {right: 15px;}
.data_grid .form-group.manual_table label, #entries label {padding-left: 2px !important;}
.data_grid .pagination {margin-bottom: 0; margin-top: 0;}
.dropdown-item {color: #212121;  padding: .6rem 1.2rem; white-space: normal;}
.address_btn_md_up .btn.dropdown-item {padding: .6rem 1.2rem !important;}
.effect3 { position:relative;}
.effect4, .boxshadow3 { position:relative;}
.effect3:before {
    z-index:-1;
    position:absolute;
    content:"";
    bottom:15px;
    left:10px;
    width:50%;
    top:80%;
    max-width:300px;
    background:#95A5A6;
    -webkit-box-shadow:0 15px 10px #95A5A6;
    -moz-box-shadow:0 15px 10px #95A5A6;
    box-shadow:0 15px 10px #95A5A6;
    -webkit-transform:rotate(-3deg);
    -moz-transform:rotate(-3deg);
    -o-transform:rotate(-3deg);
    -ms-transform:rotate(-3deg);
    transform: rotate(-3deg);
}
.effect4:after {
    z-index:-1;
    position:absolute;
    content:"";
    bottom:15px;
    right:10px;
    left:auto;
    width:50%;
    top:80%;
    max-width:300px;
    background:#95A5A6;
    -webkit-box-shadow:0 15px 10px #95A5A6;
    -moz-box-shadow:0 15px 10px #95A5A6;
    box-shadow:0 15px 10px #95A5A6;
    -webkit-transform:rotate(3deg);
    -moz-transform:rotate(3deg);
    -o-transform:rotate(3deg);
    -ms-transform:rotate(3deg);
    transform: rotate(3deg);
}
.boxshadow3:before, .boxshadow3:after {
    z-index: -1;
    position: absolute;
    content: "";
    bottom: 15px;
    left: 30px;
    width: 20%;
    top: 80%;
    max-width: 300px;
    background: #777;
    -webkit-box-shadow: 0 15px 10px #777;
    -moz-box-shadow: 0 15px 10px #777;
    box-shadow: 0 10px 35px #777;
    -webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -o-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    transform: rotate(3deg);
}
.boxshadow3:after {
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    transform: rotate(-3deg);
    right: 10px ;
    left: auto;
}
/* Custom checkbox */
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #990000;
}
.custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    background-color: #990000;
}
.custom-control {display: inline-block;}
.custom-control-label {padding: 5px 10px 0px 20px; display: block;}
#validate_csv_file-error {position:absolute; top: 90%;}
#agenda3-error {position: fixed; left: 20px; top: 38%;}
.cur_position {position: absolute; right: 35px;}
.custom_ckbox, .custom_ckbox_filter { position: absolute; z-index: 1;}
.custom_ckbox input[type="checkbox"], .custom_ckbox_filter input[type="radio"] { opacity: 0;}
.custom_ckbox label, .custom_ckbox_filter label { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.custom_ckbox label:before, .custom_ckbox_filter label:before {
    content: '';
    top: 30px;
    left: -10px;
    width: 25px;
    height: 25px;
    display: block;
    position: absolute;
    border-radius: 50px;
    border: 4px solid #fff;
    background-color: #e5e5e5;
    cursor: pointer;
}
.custom_ckbox input[type="checkbox"]:checked + label:before,
.custom_ckbox_filter input[type="radio"]:checked + label:before {background-color: #990000;}
/*.custom_ckbox_filter input[type="radio"]:checked + label:before { background-color: #2C3E50;}*/
.custom_ckbox input[type="checkbox"]:checked + label:after,
.custom_ckbox_filter input[type="radio"]:checked + label:after {
    top: 36px;
    left: -3px;
    content: "\e9ba";
    color: #fff;
    font-size: 0.7rem;
    font-family: 'icomoon' !important;
    position: absolute;
    cursor: pointer;
}
.custom_ckbox_filter {right: 0;}
.custom_ckbox_filter label:before { top: 10px; margin-left: 0; width: 18px; height: 17px; border-radius: 0; border: 2px solid #ECF0F1;}
.custom_ckbox_filter input[type="radio"]:checked + label:after {top: 12px; left: -6px; content: "\e923"; font-size: 0.6rem;}

/* newshipment */

.show > .dropdown-menu.reference-search { display: inline-table; margin: 0; padding: 0; left: 0 !important ;/*top: -25px !important;*/ }
span.dropdown-menu {margin-top: 5px;}
/*.open > .dropdown-menu.reference-search {
    display: inline-table;   
}*/
.dropdown-menu.reference-search {display: none; padding: 0;  width:auto;}

.tabitem {display: none;}
.tabitem.displayed { display: block;}
 

#Wrap1 i.fa-question-circle,
#routing_setup_modal i.fa-question-circle {position: absolute !important; right: -30px; top:5px; left: auto; margin: 0;}
.soluship-forms input[type="checkbox"] {display: block; margin: 1px 5px 0 0;}
.form-group.cusCheckbox  {margin-bottom: 35px;}
.dropdown-menu.reference-search .form-control {background-color: #fff; padding: 10px; border-top-left-radius: 3px;}
.hide, .packcheck, .palletcheck, .pickupPannel, .cust-search-box {display: none;}
.reference-search .input-group .form-control:hover {z-index: 2;}
.input-group-btn:not(:first-child) > .btn, .tooltip {z-index: 3;}
.input-group {border-collapse: collapse;}
.input-group-select {width:50%;}
.input-group-select .custom-select {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
ul.ship-reference {margin: 0px; padding: 0;}
ul.ship-reference li {list-style: none;}
ul.ship-reference .dropdown-toggle::after, .customerSearch .dropdown-toggle::after {content: none !important;}
ul.ship-reference .dropdown-toggle i { }
ul.ship-reference label {padding:0px 3px 0px 10px; position: relative;}
.ship-reference hr {margin: 0;}
.create-ship-list {/*position: absolute; left: 150px; top: 0;*/ float: left;}

.create-ship-list ul, .rate-list ul {padding: 0; margin:0;}
.nav.nav-pills.nav-justified .nav-link {margin-right: 5px;}
.nav.nav-pills.nav-justified .nav-link.last {margin-right: 0px;}
.create-ship-list ul li a, .tab-list li a {padding:10px 0px !important; min-width: 175px !important;}
.create-ship-list ul li a, .tab-list li a, .nav.nav-pills .nav-item a, .rate-list ul li a {background-color: #d2dae2; color: #414141; padding: 10px 15px; border-radius: 5px 5px 0px 0px; min-width: 200px;
display: block;text-align: center;}
.nav.nav-pills .nav-item .nav-link.active {background-color: #990000; color: #ECF0F1;}
.create-ship-list ul li a.box-active, .rate-list ul li a.btn-active {background-color: #990000; color: #ECF0F1; font-weight: 500;}
.mt-05 {margin-top: 0.5rem !important; }
.mt-03 {margin-top: 0.3rem !important; }
.create-shipment .card-block {padding: 15px 10px;}
.create-shipment .form-group label, 
.form-control, 
.custom-select,
.dropdown-menu {/*padding-left: 25px;*/ font-size: 1em; color: #212121;letter-spacing: 0.07em;}
label { display: inline; margin-bottom: 0rem;}
.main-menu.menu-light .navigation > li ul, 
.navigation,
.rates-content code {/*padding-left: 25px;*/ font-size: 1em;}
/*.create-shipment .form-group label+div, div.shipFromProvinceCodeUS,div.shipFromProvinceCode,div.shipToProvinceStateUS,div.shipToProvinceState{padding-right: 25px;}*/
/*.create-shipment .form-group label+div.bootstrap-select {padding-right: 0px;}*/
.modal .card-block {/*padding: 15px 0px;*/ padding:10px;}
.modal .form-group {margin-bottom: 0.5rem;}
.modal-footer > :not(:last-child) {margin-right: 0;}
.create-shipment .card, .modal .card  {transform-style: inherit;     -webkit-transform-style: inherit;}
.create-shipment .card-title, .modal .card-title, .popover-header  { font-size: 1em; letter-spacing: 0.07em !important; font-weight: 600 !important;}
.create-shipment .card-header, .bor_b_2, .modal .card-header  { border-bottom: 2px solid #d1d9e1; display: flex;}
#l-error .card-header { border-bottom: 1px solid #b71c1c; color: #fff; font-size: 1em;}
/*.create-shipment .card-header:hover, .create-shipment .card-header:focus {background-color:rgba(0, 0, 0, .03); border-radius: 5px 5px 0px 0px; color: #414141;}*/
/*.create-shipment a:hover, .create-shipment a:focus {color:#414141;}*/
.tab-list a:hover, .tab-list a:focus {color: #990000;}
.custom-invoice a:hover, .custom-invoice a:focus, .address-checklist a:hover, .address-checklist a:focus {color: #ECF0F1;}
.address-checklist, .address_btn_md_up { position: absolute; top: 0px; right: 30px;}
.address-checklist i { position: absolute; top: 3px; left: 3px; z-index: 2; }
.address-checklist .btn {
    padding: 0.5rem;
    margin-left: -2px;
    margin-top: 1px;
}
.aas_show1 a:hover, .aas_show1 a:visited, .aas_show1 a:focus {
    color: #212121;
    text-decoration: none;
}
.address_btn_md_up { top: 10px; }
.address_btn_md_up .btn { font-size: 1em; padding:0.2rem;}
.address_btn_md_up .dropdown-toggle::after, .doc_info.dropdown-toggle::after {content: none !important;}
.nav.nav-tabs.nav-underline {border-bottom: 1px solid #95A5A6;}
.nav.nav-tabs.nav-underline .nav-item a.nav-link:before {background:#95A5A6;}
.nav.nav-tabs.nav-underline .nav-item a.nav-link.active, 
.nav.nav-tabs.nav-underline .nav-item a.nav-link.active:focus { border: none; /*background-color: #990000;*/ color: #ECF0F1 !important;}
.nav.nav-tabs.nav-underline .nav-item a.nav-link,
.nav.nav-tabs.nav-underline .nav-item a.nav-link:hover, 
.nav.nav-tabs.nav-underline .nav-item a.nav-link:focus,
.address_btn_md_up a, 
.address_btn_md_up a:hover,
.address_btn_md_up a:focus {
    color: #212121; }
/*.nav.nav-tabs.nav-underline .nav-item a.nav-link.active{ font-weight:600; }    */


.modal button.close, .customerSearch .close {position: absolute; top: 0; right: 5px; z-index: 1;}
@media (max-width: 1366px) {
.reference-search .input-group-btn button {padding: 10px;}
.box_bg {min-height: 185px;}
}
@media (max-width: 543px) {
  .hidden-xs-down {
    display: none !important; }
  .show > .dropdown-menu.reference-search {
    left: -25% !important;
   }
   i.icon-search4 {
      font-size: 1.5rem !important;
   }
   
 }
@media (min-width: 768px) {
  .navbar-expand-md .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
}
@media (min-width: 1366px) {
  .overflow_dots_sm {
    width: 200px;
  }
}

/*=========================================================================================
    File Name: customizer.scss
    Description: CSS used for demo purpose only. Remove this css from your project.
    ----------------------------------------------------------------------------------------
    Item Name: Robust - Responsive Admin Template
    Version: 2.0
    Author: PIXINVENT
    Author URL: http://www.themeforest.net/user/pixinvent
==========================================================================================*/
.file {
    visibility: hidden;
    position: absolute;
}
.parcel-details::before, .parcel-details::after, .schedule-details::before, .schedule-details::after { left: 5%; top:-11px; content: ''; display: block; position: absolute; border-left: 12px solid transparent;
    border-right: 12px solid transparent;  border-bottom: 12px solid transparent;    border-bottom-color: transparent;}
.parcel-details::before, .schedule-details::before { top: -10px;  border-bottom-color: #fafafa;z-index: 1;}
.parcel-details:after, .schedule-details::after { border-bottom-color: #d1d9e1;}
.schedule-details::before, .schedule-details::after {right: 5%; left: inherit;}
.custom-control-label.schedule-details-pickup::before, .custom-control-label.schedule-details-pickup::after {top: 1rem;}
.customizer {
  width : 250px;
  right: -350px; 
  padding : 0;
  background-color : #FFFFFF;
  z-index : 1030;
  position : fixed;
  top : 0;
  bottom : 0;
  height : 100vh;
  -webkit-transition : left 0.4s cubic-bezier(0.05, 0.74, 0.2, 0.99);
       -o-transition : left 0.4s cubic-bezier(0.05, 0.74, 0.2, 0.99);
     -moz-transition : left 0.4s cubic-bezier(0.05, 0.74, 0.2, 0.99);
          transition : left 0.4s cubic-bezier(0.05, 0.74, 0.2, 0.99);
  -webkit-backface-visibility : hidden;
     -moz-backface-visibility : hidden;
          backface-visibility : hidden;
  border-left : 1px solid rgba(0, 0, 0, 0.05);
  -webkit-box-shadow : 0 0 8px rgba(0, 0, 0, 0.1);
          box-shadow : 0 0 8px rgba(0, 0, 0, 0.1);
}
.customizer.open {
  right : 0;
}
.customizer .customizer-content {
  position : relative;
  height : 100%;
}
 .customizer a.customizer-close {
  color : #000000;
}
.customizer .customizer-close {
  position : absolute;
  right : 10px;
  top : 10px;
  padding : 7px;
  width : auto;
  z-index : 10;
}
.customizer a.customizer-toggle {
    background: #FFFFFF;
    color: #fff;
    display: block;
    border-radius: 5px 0 0 5px;
}

.customizer .customizer-toggle {
    position: absolute;
    top: 35%;
    width: 50px;
    /* height: 50px; */
    left: -50px;
    text-align: center;
    /* line-height: 56px; */
    cursor: pointer;
    font-size: 0.8rem;
}
.customizer .color-options a {
  white-space : pre;
}
.customizer .customizer-sidebar-options .active {
  background-color : #967ADC;
  border-color : #967ADC;
  color : #FFFFFF;
}
.form-control, .custom-select {
    display: block;
    width: 100%;
    padding: 0 5px 0 5px;
    line-height: 1.25;     
    background-image: none;
    background-clip: padding-box;
    border: 1px solid #d1d9e1;
    border-radius: 0.21rem;
    /*text-transform: capitalize;*/
    color: #212121;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.form-control:focus, .custom-select:focus, button:focus {
     border-color:#616161;
    outline: none;
}
#pikcupModal .form-control[readonly], .form-control[readonly] {background-color: #fff;}
/*.card-content fieldset {
    white-space: nowrap;
    border-radius: 2px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: auto;
    display: inline-block;
    margin: 0 5px;
}*/
.unit-toggle-handle {
    width: 30px;
    padding: 5px;
    cursor: pointer;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    overflow: hidden;
}
.create_process { padding: 7px !important; background: transparent; }
.create_process_addon {font-size: 1em !important;}
.input-group-addon, .input-group-btn, .input-group-select {
    /*width: 1%;*/
    white-space: nowrap;
    vertical-align: middle;
    position: relative;
    left: 0px;
    z-index: 1;
}
.input-group-select {display: table-cell;}
.input-group-addon {
    font-size: 0.8em;
    line-height: initial;
    text-align: center;
    border: none;
    border-radius:0.21rem;
    font-weight: 700;
}
.unit-toggle-handle a {
    /*color: #555;*/
    text-decoration: none!important;
    top: 0px;
}

.input-group.packageUI {display: table; border-collapse: collapse;}
.data-tables table { border-collapse: collapse; margin: 0; padding: 0; width: 100%; font-size: 1em; letter-spacing: 0.07em;/*table-layout: fixed;*/}
.data-tables table caption { margin: .5em 0 .75em;}
.data-tables table tbody tr {border-bottom: 1px solid #E0E0E0;}
.data-tables table th,
.data-tables table td,
.viewshipment_table table thead th,
.viewshipment_table table tbody td { padding: .525em; text-align: left;}
.viewshipment_table table {
    width: 100%;
    max-width: 100%;
}
.viewshipment_table table thead tr th,
.viewshipment_table table tbody tr td {
    border-left: none;
    border-top: none;
}
.viewshipment_table table thead tr th:last-child,
.viewshipment_table table tbody tr td:last-child {
    border-right: none;
}
.viewshipment_table table tbody tr:last-child td {border-bottom: none;}

.pdesc table th {font-weight:normal; font-size: 1em;}
.border-color {border-color: #95A5A6;}
@media screen and (max-width: 900px) {
.data-tables {border:none;}
.data-tables table { border: 0;}
.data-tables table thead { display: none;}
.data-tables table tbody tr { border-bottom: 3px solid #212121; display: block; margin-bottom: .5em; border-radius: 5px;}
.data-tables table td { border-bottom: 1px solid #ddd; display: block; text-align: right;} 
.data-tables table td::before { content: attr(data-label); float: left; font-weight: 600; /*text-transform: uppercase;*/}
.data-tables table td:last-child { border-bottom: 0;}
.data-tables table tbody tr td {white-space: normal;} 
}
.has-error .form-control, .has-error .custom-select, .custom-select.error, .form-control.error { border: 1px solid #ff0000;}
label.error {color: #ff0000 !important;}
/*add error for Image upload*/
.imageupload.card.has-error { border: 1px solid #ff0000;}
/*.form-group.has-error, td.has-error {position: relative;}*/
.help-block, .charge-block {/*position: absolute; color: #ff0000; font-size: 0.7rem; */display: none; }
.help_block_pack { color: #ff0000; font-size: 0.7rem; white-space: normal; }
.help-block1{display: none; }
.help-block_batch_fromProvince{display: none; }
.help-block_batch_toProvince{display: none; }

.input-group.searchByReference {float: left; width: 200px; margin-left:5px;}
.searchByReference .fa-search {color: #fff !important; font-size: 0.9rem !important;}
input#searchByReferenceId {/*height: 31px;*/ /*text-align: right; padding-right: 35px; margin-left: auto;*/}
input#searchByReferenceId::placeholder {text-align: left;}
.search-box { position: absolute; top: 0; right: -15px;  padding: 7px 8px; border-bottom-right-radius: 0.3rem; border-top-right-radius: 0.3rem;}
.cust-search-box {left: 0; top: 0; z-index: 5; position: absolute; border-radius: 0.25em; right: 0;}
.search-box i {color: #fff;}
.position-relative .form-control {padding-right: 5px;}

select.form-control:not([size]):not([multiple]),
select.form-control:not([size]):not([multiple]), 
input.form-control,
select.custom-select {
  /*  height: calc(2rem + 3px);*/
  height: 35px;
}
/*select.form-control {-webkit-appearance: none; -moz-appearance: none; appearance: none;
background: url(http://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png) no-repeat right #ddd; background-position: center right 10px; background-size: 10px;} */
.badge { display: inline-block;  padding: 0.35em 0.4em;  line-height: 1; text-align: center; /*white-space: nowrap; */vertical-align: baseline; border-radius: 0.21rem; margin: 0.1rem; letter-spacing: 0.07em;
font-size: 0.9em;}
.badge .fa-info-circle {padding-right: 5px;}
.form-control::-ms-clear {
    display: none;
}
.custom-select {  
  background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23373a3c' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.5rem center;
  background-size: 8px 10px; -webkit-appearance:none; -moz-appearance: none; /*text-indent: 1px;text-overflow: '';*/padding-right: 20px;}
.custom-select::-ms-expand { display: none;}
.showtext_from, .showtext_to { word-break: break-word; /*display: flex;*/ font-size: 1em;}
.ui-autocomplete {/*position: absolute;*/z-index: 2150000000 !important;/*cursor: default;border: 2px solid #ccc;padding: 5px 0;border-radius: 2px;*/}
.main-menu ul {margin:0;}
small, .small { font-size: 90%; font-weight: normal;}
.rates-content code, .view_shipment code {background-color: #BDC3C7; font-size: 0.8em; color: #212121;}

.add_address_bg {width:34px; height: 34px; background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='34px' height='34px' viewBox='0 0 34 34' enable-background='new 0 0 34 34' xml:space='preserve'%3E%3Cpath fill='%23990000' d='M30.237,7.814v2.824h2.277c0.271,0,0.504,0.096,0.696,0.289c0.192,0.192,0.289,0.425,0.289,0.697v2.959c0,0.272-0.097,0.505-0.289,0.697c-0.192,0.193-0.425,0.29-0.696,0.29h-2.277v2.823h2.277c0.271,0,0.504,0.097,0.696,0.29c0.192,0.192,0.289,0.426,0.289,0.697v2.59c0,0.272-0.097,0.506-0.289,0.697c-0.192,0.193-0.425,0.29-0.696,0.29h-2.277v2.823h2.277c0.271,0,0.504,0.097,0.696,0.289c0.192,0.193,0.289,0.426,0.289,0.697v2.961c0,0.271-0.097,0.504-0.289,0.696s-0.425,0.29-0.696,0.29h-2.277v0.817c0,0.453-0.153,0.832-0.459,1.138c-0.306,0.308-0.685,0.46-1.138,0.46H2.098c-0.454,0-0.833-0.152-1.139-0.46C0.653,32.734,0.5,32.355,0.5,31.902V2.099c0-0.454,0.153-0.833,0.459-1.14C1.265,0.653,1.644,0.5,2.098,0.5h26.543c0.453,0,0.832,0.153,1.138,0.459c0.306,0.307,0.459,0.687,0.459,1.14v0.782h2.277c0.271,0,0.504,0.097,0.696,0.289C33.403,3.363,33.5,3.596,33.5,3.868v2.96c0,0.272-0.097,0.505-0.289,0.698c-0.192,0.192-0.425,0.289-0.696,0.289H30.237z'/%3E%3Cg%3E%3Cpath fill='%23F2F2F2' d='M21.514,15.013h-3.518v-3.525c0-1.097-0.896-1.987-1.992-1.987c-1.096,0-1.992,0.891-1.992,1.987v3.525h-3.526C9.39,15.013,8.5,15.903,8.5,17s0.89,1.986,1.985,1.986h3.526v3.527c0,1.097,0.896,1.986,1.992,1.986c1.096,0,1.992-0.89,1.992-1.986v-3.527l3.518,0.001c1.097,0,1.986-0.891,1.986-1.987S22.61,15.013,21.514,15.013L21.514,15.013zM21.514,15.013'/%3E%3C/g%3E%3C/svg%3E");}
#address_icon path {fill: #212121;}

/*.pace { -webkit-pointer-events: none; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; user-select: none;}*/
.pace-inactive { display: none;}
.pace .pace-progress { position: fixed; z-index: 1001; top: 65px; right: 100%; width: 100%;  height: 3px;}
html body .pace .pace-progress {background-color: #990000;}
/*.pace-activity {  position: absolute;top: calc(50% - 15px); left: calc(50% - 45px); text-align: center; font-size:1.2em; color: #fff; }*/
@-moz-document url-prefix() {
  select.custom-select, .print_label select.custom-select.showentries {padding-left: 0px !important;}
  .checkbox_cust.form-fields {padding-left: 15px !important;}
  .checkbox_cust.form-fields.ff {padding-left: 25px !important;}
.qck_ship_alert .checkbox_cust.form-fields {padding-right: 2px;}	

  /*.soluship-forms input[type="checkbox"] {margin-top: 0px !important;}*/
 
 }

@media screen and (-webkit-min-device-pixel-ratio:0) { 

}
.help-block2 { display: none }
 
.toast-top-right {
    top: 7%;
    right: 1%;
}
 
.toast-container {
  position: fixed;
  z-index: 1060;
/*  pointer-events: none;*/
  /*overrides*/
}

.modal-open .toast-container .tooltip { z-index: 1060;   }
 
.toast-container > div {
    position: relative;
    pointer-events: auto;
    overflow: hidden;
    margin: 0 0 6px;
    padding: 10px 15px 10px 50px;
    width: 320px;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    background-position: 10px 5px;
    background-repeat: no-repeat;
    -moz-box-shadow: 0px 1px 40px rgba(0,0,0,0.4);
    -webkit-box-shadow: 0px 1px 40px rgba(0,0,0,0.4);
    box-shadow: 0px 1px 40px rgba(0,0,0,0.4);
    color: #FFFFFF;
    opacity: 0.9;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
    filter: alpha(opacity=90);
}
.toast-container > div.rtl {
  direction: rtl;
  padding: 15px 50px 15px 15px;
  background-position: right 15px center;
}
.toast-container > div:hover {
  /*-moz-box-shadow: 0 0 12px #000000;
  -webkit-box-shadow: 0 0 12px #000000;
  box-shadow: 0 0 12px #000000;*/
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  filter: alpha(opacity=100);
  cursor: pointer;
}
 
.toast-container > .alert-danger {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important;
}
.toast-container > .alert-success {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important;
}
.alert button.close { line-height: 1rem; position: absolute; top: 0; right: 0; color: #fff;} 
.alert .close { font-size: 1.5rem;  line-height: 1rem;  opacity: 0.7;}
 
.alert-success {
  background-color: #388E3C;
  border: 1px solid #388E3C;
  color: #fff;
}
.alert-danger-bg {
  background-color: #d32f2f;
}
.alert-danger {
  background-color: #d32f2f;
  border: 1px solid #d32f2f;
  color: #fff;
}
.tag-box, .tag-box-currency { padding: 0.35em 0.4em; line-height: 1; white-space: nowrap; vertical-align: baseline; border-radius: 0.18rem; background-color: #f0f0f0; display: inline-block;}
.tag-box-currency { display: inherit; }
.border_left_2 {
    border-left: 2px solid;
}
.table-scroll tbody {
    display:block;
    max-height:350px;
    overflow-y:auto;
}
.table-scroll thead, .table-scroll tbody tr {
    display:table;
    width:100%;
    table-layout:fixed;
}
.table-scroll thead {
    width: calc( 100% - 0em )
}
.table-scroll::-webkit-scrollbar {
    width: 0.7em;
}
 
.table-scroll::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
 
.table-scroll::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: 1px solid slategrey;
}
/* 
table.test2 tbody {
    display:block;
    height:70px;
    overflow:auto;
}
table.test2 thead, table.test2 tbody tr {
    display:table;
    width:100%;
    table-layout:fixed;
}
table.test2 thead {
    width: calc( 100% - 1em );
}
table.test2 {
    width:100%;
}
*/
.fixedElement {
    background-color: #fcfcfc;
    position:static;
    top:0;
    width:100%;
    z-index:100;
}
 

#sticky.stick {
    position: fixed;
    top: 64px;
    z-index: 2;
    width: auto; 
    left: 0;
    right: 15px;
    margin-left: 74px;
    background-color: #f5f5f5;
    padding: 5px;
    box-shadow: 0px 0px 30px rgb(134, 134, 134);
    border-radius: 0 0 0.25em 0.25em;
}
/*
#sticky.stick {
    position: fixed;
    top: 64px;
    z-index: 2;   
    right: 0px;    
    box-shadow: 0px 0px 30px rgb(134, 134, 134);  
}
*/
 



/*Responsive Design*/
@media all and (max-width: 240px) {
  .toast-container > div {
    padding: 8px 8px 8px 50px;
    width: 11em;
  }
  .toast-container > div.rtl {
    padding: 8px 50px 8px 8px;
  }
 
}
@media all and (min-width: 901px) and (max-width: 1366px) {

  /*  table#palletTableId tbody tr td div.input-group.packageUI {width: 100px;}
  table#packageTableId tbody tr td div.input-group.packageUI {width: 100px;}*/
  table#palletTableId tbody tr td div.input-group.packageUI {width: 90px;}
  table#packageTableId tbody tr td div.input-group.packageUI {width: 90px;}
 
}
@media all and (min-width: 241px) and (max-width: 480px) {
  .toast-container > div {
    padding: 8px 8px 8px 50px;
    width: 18em;
  }
  .toast-container > div.rtl {
    padding: 8px 50px 8px 8px;
  }
 
}
@media all and (min-width: 481px) and (max-width: 768px) {
  .toast-container > div {
    padding: 15px 15px 15px 50px;
    width: 25em;
  }
  .toast-container > div.rtl {
    padding: 15px 50px 15px 15px;
  }
}
#showmsg {position: fixed; bottom: 38px; z-index:1039; width: 100%; color: #000; text-align: center;}
#scrollTop {
    background-color: #fafafa;
    width: 50px;
    height: 50px;
    bottom: 15px;
    cursor: pointer;
    display: none;
    position: fixed;
    right: 15px;
    z-index: 1040;
    text-align: center;
    border-radius: 50%;
    left: 0;
    margin: 0 auto;
    border: 5px solid #212121;
}

.getrates_errors_overflow { width: 90%;}
.privacy_noactive { background-color: #ddd !important; color: #9E9E9E !important;}
.orginCountryReadOnly {pointer-events: none;}

.field-icon {
  float: right;
  margin-left: -25px;
  margin-top: -25px;
  position: relative;
  z-index: 2;
}

.dropdown-menu-media .media-list .media { padding: 1rem; border: none; border-bottom: 1px solid #E6E6E6;}
.media-list .media { padding: 1.25rem; margin-top: 0;}
.media { display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start;}
.media-list .media .media-left { padding-right: 1rem; float: left;}
.align-self-center { -webkit-align-self: center!important; -ms-flex-item-align: center!important; align-self: center!important;}
.media-body {-webkit-box-flex: 1;-webkit-flex: 1;-moz-box-flex: 1;-ms-flex: 1;flex: 1;}
.dropdown-notification .notification-text {margin-bottom: .5rem;}
.media-list a:hover p.notification-text {color: #ff0000; font-weight: 600; text-decoration: underline;}

.qck_ship_alert input[name="fastShip"]:checked + label .card,
.qck_ship_alert input[name="manualShip"]:checked + label .card {background-color: #121B22; color: #C3C3C3;}
.qck_ship_alert .card {
    background-color: transparent;
    border: 1px solid;     
    border-color: dimgray;
    box-shadow: none;
}
.qck_ship_alert input[name="fastShip"],
.qck_ship_alert input[name="manualShip"] {
    opacity: 0;
    position: absolute;
}
.qck_ship_alert input[name="fastShip"]:checked + label div.card span,
.qck_ship_alert input[name="manualShip"]:checked + label div.card span {color: #fff;}
.qck_ship_alert input[name="fastShip"]:checked + label div.card .card-content i.fa-check-circle,
.qck_ship_alert input[name="manualShip"]:checked + label div.card .card-content i.fa-check-circle {
    display: block;
    float: right;
    position: relative;
    top: 20px;
    left: 12px;
    font-size: 1.5rem;    
}
.qck_ship_alert input[name="fastShip"]:checked + label div.card .card-content i,
.qck_ship_alert input[name="manualShip"]:checked + label div.card .card-content i {color:#66BB6A;}

.d-flex {
    display: -webkit-box!important;
    display: -webkit-flex!important;
    display: -moz-box!important;
    display: -ms-flexbox!important;
    display: flex!important
}
.text-right {
    text-align: right!important;
}
.media-body {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.align-self-center {
    -webkit-align-self: center!important;
    -ms-flex-item-align: center!important;
    align-self: center!important;
}
.uppercase{
	text-transform: uppercase;
}
#billTo_accountId {
	background-color: #ECEFF1;
}

/*------------------------------------------------------------
                Job Dashboard CSS
------------------------------------------------------------*/
.nav.nav-tabs .nav-item .nav-link.active {background-color: #990000;border-radius: 0.25rem 0.25rem 0 0;color: #fff; opacity: 1 !important;}
li.nav-item {border-radius: 0.25rem 0.25rem 0 0;color: #414141;}
.nav.nav-tabs .nav-item .nav-link:hover:not(.active) {border-color: transparent;color: #414141;}
.bg-light {padding: 10px;border-radius: 3px !important;background-color: #ecf0f1 !important;}
.nav-pills .nav-link.active, .nav-pills .nav-link.active:focus, .nav-pills .nav-item.open .nav-link, .nav-pills .nav-item.open .nav-link:focus {color: #414141;cursor: default; background-color: #d2dae2; padding: 10px !important; border-radius: 0.25rem 0.25rem 0 0 !important;}
.text-left {text-align: left !important;}
.nav-pills .nav-link {display: block;padding: 10px !important;border-bottom: 1px solid #c0c5ca;background:#f5f5f5;}
.nav-pills .nav-link { border-radius: 0px;}
a.nav-link:hover {color: #414141;}
.fa-pr{padding-right: .3rem !important;}
.nav-pills .nav-link.active:hover, .nav-pills .nav-item.open .nav-link:hover {color: #414141;cursor: default;background-color: #d2dae2;}
.dashboard-border {border: 1px solid #d2dae2;}
.font-12 { font-size: 12px; }
.card-header-action{ margin-left: auto; }
.media .media-progressbar { flex: 1; }
.pt-05{padding-top: 5px;}
.progress { height: 0.9rem; display: block; width: 100%; overflow: hidden; font-size: .75rem; background-color: #e9ecef; border-radius: .25rem;}
.progress-bar {display: -ms-flexbox;display: -webkit-box;display: flex;-ms-flex-direction: column;-webkit-box-orient: vertical;-webkit-box-direction: normal;flex-direction: column; -ms-flex-pack: center;-webkit-box-pack: center;justify-content: center;color: #fff;text-align: center;white-space: nowrap;background-color: #007bff;-webkit-transition: width .6s ease;transition: width .6s ease;}
.job-summary { max-height: none !important; min-height: auto !important }
.nav-tabs {border-bottom: 1px solid transparent;}
.btn-secondary {color: #373a3c;background-color: #E6E6E6;border-color: #e6e6e6;}
.btn-secondary:active, .btn-secondary.active, .open > .btn-secondary.dropdown-toggle {color: #fff;background-color: #373a3c;border-color: #373a3c;background-image: none;}
.green-bg {background-color: #109616 !important;}
.red-bg {background-color: #f44336 !important}
.btn-secondary:hover {color: #fff; background-color: #373a3c;border-color: #636b72;}
.btn-secondary:active:hover, .btn-secondary:active:focus, .btn-secondary:active.focus, .btn-secondary.active:hover, .btn-secondary.active:focus, .btn-secondary.active.focus, .open > .btn-secondary.dropdown-toggle:hover, .open > .btn-secondary.dropdown-toggle:focus, .open > .btn-secondary.dropdown-toggle.focus { color: #fff; background-color: #373a3c; border-color: #444a4e; }
.progress:last-child { margin-bottom: 0rem;}
.btn-group1, .btn-group-vertical {position: relative;display: inline-block;vertical-align: middle;}
.opc { opacity: .5; }
.font-1 { font-size: 1rem; }
.nav-pills .nav-link1.active, .nav-pills .nav-link1.active:focus, .nav-pills .nav-item.open .nav-link1, .nav-pills .nav-item.open .nav-link:focus { color: #414141; cursor: default; background-color: #d2dae2; border-right: solid #109616; padding: 10px !important; border-radius: 0px !important;}
.failure-box { height: 80vh; }
.text-center { text-align: center !important; }
/*------------------------------------------------------------
                Job Dashboard CSS
------------------------------------------------------------*/
/*------------------------------------------------------------
                Routing Status Mapping CSS
------------------------------------------------------------*/
/*toggle switched button*/
.checkbox.checbox-switch {padding-left: 0;}

.checkbox.checbox-switch label,
.checkbox-inline.checbox-switch {
    display: inline-block;
    position: relative;
    padding-left: 0;
}
.checkbox.checbox-switch label input,
.checkbox-inline.checbox-switch input {
    display: none;
}
.checkbox.checbox-switch label span,
.checkbox-inline.checbox-switch span {
    width: 35px;
    border-radius: 20px;
    height: 18px;
    border: 1px solid #dbdbdb;
    background-color: #990000;
    border-color: #990000;
    box-shadow: rgb(223, 223, 223) 0px 0px 0px 0px inset;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}
.checkbox.checbox-switch label span:before,
.checkbox-inline.checbox-switch span:before {
    display: inline-block;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: rgb(255,255,255);
    content: " ";
    top: 0;
    position: relative;
    left: 0px;
    transition: all 0.3s ease;
    box-shadow: 0 1px 4px rgba(0,0,0,0.4);
    top:0px;
}
.checkbox.checbox-switch label > input:checked + span:before,
.checkbox-inline.checbox-switch > input:checked + span:before {
    left: 16px;top:0px;
}
/* Switch Primary */
.checkbox.checbox-switch.switch-primary label > input:checked + span,
.checkbox-inline.checbox-switch.switch-primary > input:checked + span {
    background-color: #109616;
    border-color: #109616;
    /*box-shadow: rgb(0, 105, 217) 0px 0px 0px 8px inset;*/
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
}
.checkbox.checbox-switch.switch-primary label > input:checked:disabled + span,
.checkbox-inline.checbox-switch.switch-primary > input:checked:disabled + span {
    background-color: #990000;
    border-color: #990000;
   /* box-shadow: rgb(109, 163, 221) 0px 0px 0px 8px inset;*/
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
}
/*Multi Select*/
button.multiselect.dropdown-toggle.custom-select {
height: 35px;
text-align: left;
}
.multiselect-container .multiselect-filter > .fa-search {
  z-index: 1;
  padding-left: 0.75rem;
  padding-top: 12px;
}
.form-check {margin-bottom: 0rem;}
.fa-routing-color{color: #616161;}
/*------------------------------------------------------------
                Routing Status Mapping CSS
------------------------------------------------------------*/

/*SPS Ecommerce Stype*/
.pad_left_20{
    padding-left: 20px;
}
/*SPS Ecommerce Stype*/
/* Disabled Readonly Class*/
.form-control.disabled_cls{
    background-color: #ECEFF1;
    cursor: not-allowed;
}



.breadcrumb-arrow {
    height: 36px;
    padding: 0;
    line-height: 36px;
    list-style: none;
    background-color: #e6e9ed
}
.breadcrumb-arrow li:first-child a {
    border-radius: 4px 0 0 4px;
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px
}
.breadcrumb-arrow li, .breadcrumb-arrow li a, .breadcrumb-arrow li span {
    display: inline-block;
    vertical-align: top
}
.breadcrumb-arrow li:not(:first-child) {
    margin-left: -5px
}
.breadcrumb-arrow li+li:before {
    padding: 0;
    content: ""
}
.breadcrumb-arrow li span {
    padding: 0 10px
}
.breadcrumb-arrow li a, .breadcrumb-arrow li:not(:first-child) span {
    height: 36px;
    padding: 0 10px 0 25px;
    line-height: 36px
}
.breadcrumb-arrow li:first-child a {
    padding: 0 10px
}
.breadcrumb-arrow li a {
    position: relative;
    color: #fff;
    text-decoration: none;
    border: 1px solid #1E6ED1;
}
.breadcrumb-arrow li:first-child a {
    padding-left: 10px
}
.breadcrumb-arrow li a:after, .breadcrumb-arrow li a:before {
    position: absolute;
    top: -1px;
    width: 0;
    height: 0;
    content: '';
    border-top: 18px solid transparent;
    border-bottom: 18px solid transparent
}
.breadcrumb-arrow li a:before {
    right: -10px;
    z-index: 3;
    border-left-color: #1E6ED1;
    border-left-style: solid;
    border-left-width: 11px
}
.breadcrumb-arrow li a:after {
    right: -11px;
    z-index: 2;
    border-left: 11px solid #ffffff73;
}
.breadcrumb-arrow li a:focus, .breadcrumb-arrow li a:hover {
    background-color: #1E6ED1;
    border: 1px solid #1E6ED1;
}
.breadcrumb-arrow li a:focus:before, .breadcrumb-arrow li a:hover:before {
    border-left-color: #1E6ED1;
}
.breadcrumb-arrow li a:active {
    background-color: #1e6ed1;
    border: 1px solid #1e6ed1
}
.breadcrumb-arrow li a:active:after, .breadcrumb-arrow li a:active:before {
    border-left-color: #1e6ed1
}
.breadcrumb-arrow li span {
    color: #434a54
}
.breadcrumb-font{font-size: 15px;}

.bootomInfo {
  position: fixed;
  bottom: 40px;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 1;
  text-align: center;
  background: antiquewhite;
  padding: 20px;
  font-weight: 600;
  box-shadow: 0 2px 4px rgba(0,0,0,.08);
}

/* creating a custom checkbox based
            on demand */
.geekmark {
background-color: red !important;
    vertical-align: middle !important;
    border-right: 1px solid !important;
}

.geekmark .checkmark, 
.geekmarkGold .checkmark {
    background-color: white;
}
.geekmark.checkHighlight,
.geekmarkGold.checkHighlight { background-color: white !important; border:none !important; }

.geekmark.checkHighlight .checkmark { background-color: red; border-color: red; }
.geekmarkGold.checkHighlight .checkmark { background-color: goldenrod; border-color: goldenrod;}

.geekmarkGold {
background-color: goldenrod !important;
    vertical-align: middle !important;
    border-right: 1px solid !important;
}

.input-group.forTracking{display:flex}.input-group>.custom-file,.input-group>.custom-select,.input-group>.form-control{position:relative;-ms-flex:1 1 auto;flex:1 1 auto;margin-bottom:0}.input-group-append,.input-group-append .btn+.btn,.input-group-append .btn+.input-group-text,.input-group-append .input-group-text+.btn,.input-group-append .input-group-text+.input-group-text,.input-group-prepend .btn+.btn,.input-group-prepend .btn+.input-group-text,.input-group-prepend .input-group-text+.btn,.input-group-prepend .input-group-text+.input-group-text,.input-group>.custom-file+.custom-file,.input-group>.custom-file+.custom-select,.input-group>.custom-file+.form-control,.input-group>.custom-select+.custom-file,.input-group>.custom-select+.custom-select,.input-group>.custom-select+.form-control,.input-group>.form-control+.custom-file,.input-group>.form-control+.custom-select,.input-group>.form-control+.form-control{margin-left:-1px}.input-group>.custom-file .custom-file-input:focus~.custom-file-label,.input-group>.custom-select:focus,.input-group>.form-control:focus{z-index:3}.input-group>.custom-file .custom-file-input:focus{z-index:4}.input-group>.custom-file:not(:last-child) .custom-file-label,.input-group>.custom-file:not(:last-child) .custom-file-label::after,.input-group>.custom-select:not(:last-child),.input-group>.form-control:not(:last-child),.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group>.input-group-append:last-child>.input-group-text:not(:last-child),.input-group>.input-group-append:not(:last-child)>.btn,.input-group>.input-group-append:not(:last-child)>.input-group-text,.input-group>.input-group-prepend>.btn,.input-group>.input-group-prepend>.input-group-text{border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.custom-file:not(:first-child) .custom-file-label,.input-group>.custom-select:not(:first-child),.input-group>.form-control:not(:first-child),.input-group>.input-group-append>.btn,.input-group>.input-group-append>.input-group-text,.input-group>.input-group-prepend:first-child>.btn:not(:first-child),.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),.input-group>.input-group-prepend:not(:first-child)>.btn,.input-group>.input-group-prepend:not(:first-child)>.input-group-text{border-top-left-radius:0;border-bottom-left-radius:0}.input-group>.custom-file{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.input-group-append,.input-group-prepend{display:-ms-flexbox;display:flex}.input-group-append .btn,.input-group-prepend .btn{position:relative;z-index:2}.input-group-prepend{margin-right:-1px}.input-group-text{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:.375rem .75rem;margin-bottom:0;font-size:.8rem;font-weight:400;line-height:1.5;color:#495057;text-align:center;white-space:nowrap;background-color:#e9ecef;border:1px solid #ced4da;border-radius:.25rem}.input-group-text input[type=checkbox],.input-group-text input[type=radio]{margin-top:0}.input-group .form-control:disabled,.input-group .form-control[readonly]{background-color:#ffbABA14}.input-group.forTracking input.form-control,.input-group.forTracking input.form-control{height:40px !important}
.svgChat { position: relative; top: 1px;}.svgHelpText { position: relative; top: -3px;}

/*/*!
 * Bootstrap Colorpicker v2.3.3
 * http://mjolnic.github.io/bootstrap-colorpicker/
 *
 * Originally written by (c) 2012 Stefan Petre
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0.txt
 *
 */
.input-group-addon { padding:0.5rem 0.75rem; background: ghostwhite;}

.colorpicker-saturation {
  width: 100px;
  height: 100px;
  background-image: url("../soluship_images/saturation.png");
  cursor: crosshair;
  float: left;
}
.colorpicker-saturation i {
  display: block;
  height: 5px;
  width: 5px;
  border: 1px solid #000;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  position: absolute;
  top: 0;
  left: 0;
  margin: -4px 0 0 -4px;
}
.colorpicker-saturation i b {
  display: block;
  height: 5px;
  width: 5px;
  border: 1px solid #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.colorpicker-hue,
.colorpicker-alpha {
  width: 15px;
  height: 100px;
  float: left;
  cursor: row-resize;
  margin-left: 4px;
  margin-bottom: 4px;
}
.colorpicker-hue i,
.colorpicker-alpha i {
  display: block;
  height: 1px;
  background: #000;
  border-top: 1px solid #fff;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  margin-top: -1px;
}
.colorpicker-hue {
  background-image: url("../soluship_images/hue.png");
}
.colorpicker-alpha {
  background-image: url("../soluship_images/alpha.png");
  display: none;
}
.colorpicker-saturation,
.colorpicker-hue,
.colorpicker-alpha {
  background-size: contain;
}
.colorpicker {
  padding: 4px;
  min-width: 130px;
  margin-top: 1px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  z-index: 2500;
}
.colorpicker:before,
.colorpicker:after {
  display: table;
  content: "";
  line-height: 0;
}
.colorpicker:after {
  clear: both;
}
.colorpicker:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  top: -7px;
  left: 6px;
}
.colorpicker:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  position: absolute;
  top: -6px;
  left: 7px;
}
.colorpicker div {
  position: relative;
}
.colorpicker.colorpicker-with-alpha {
  min-width: 140px;
}
.colorpicker.colorpicker-with-alpha .colorpicker-alpha {
  display: block;
}
.colorpicker-color {
  height: 10px;
  margin-top: 5px;
  clear: both;
  background-image: url("../soluship_images/alpha.png");
  background-position: 0 100%;
}
.colorpicker-color div {
  height: 10px;
}
.colorpicker-selectors {
  display: none;
  height: 10px;
  margin-top: 5px;
  clear: both;
}
.colorpicker-selectors i {
  cursor: pointer;
  float: left;
  height: 10px;
  width: 10px;
}
.colorpicker-selectors i + i {
  margin-left: 3px;
}
.colorpicker-element .input-group-addon i,
.colorpicker-element .add-on i {
  display: inline-block;
  cursor: pointer;
  height: 16px;
  vertical-align: text-top;
  width: 16px;
}
.colorpicker.colorpicker-inline {
  position: relative;
  display: inline-block;
  float: none;
  z-index: auto;
}
.colorpicker.colorpicker-horizontal {
  width: 110px;
  min-width: 110px;
  height: auto;
}
.colorpicker.colorpicker-horizontal .colorpicker-saturation {
  margin-bottom: 4px;
}
.colorpicker.colorpicker-horizontal .colorpicker-color {
  width: 100px;
}
.colorpicker.colorpicker-horizontal .colorpicker-hue,
.colorpicker.colorpicker-horizontal .colorpicker-alpha {
  width: 100px;
  height: 15px;
  float: left;
  cursor: col-resize;
  margin-left: 0px;
  margin-bottom: 4px;
}
.colorpicker.colorpicker-horizontal .colorpicker-hue i,
.colorpicker.colorpicker-horizontal .colorpicker-alpha i {
  display: block;
  height: 15px;
  background: #ffffff;
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  border: none;
  margin-top: 0px;
}
.colorpicker.colorpicker-horizontal .colorpicker-hue {
  background-image: url("../../img/bootstrap-colorpicker/hue-horizontal.png");
}
.colorpicker.colorpicker-horizontal .colorpicker-alpha {
  background-image: url("../../img/bootstrap-colorpicker/alpha-horizontal.png");
}
.colorpicker.colorpicker-hidden {
  display: none;
}
.colorpicker.colorpicker-visible {
  display: block;
}
.colorpicker-inline.colorpicker-visible {
  display: inline-block;
}
.colorpicker-right:before {
  left: auto;
  right: 6px;
}
.colorpicker-right:after {
  left: auto;
  right: 7px;
}
.colorpicker-no-arrow:before {
  border-right: 0;
  border-left: 0;
}
.colorpicker-no-arrow:after {
  border-right: 0;
  border-left: 0;
}
/**//*# sourceMappingURL=bootstrap-colorpicker.css.map 


/**
 * bootstrap-imageupload v1.1.2
 * https://github.com/egonolieux/bootstrap-imageupload
 * Copyright 2016 Egon Olieux
 * Released under the MIT license
 */

.imageupload.imageupload-disabled {
  cursor: not-allowed;
  opacity: 0.60;
}
.imageupload.imageupload-disabled > * {
  pointer-events: none;
}
.imageupload .panel-title {
  margin-right: 15px;
  padding-top: 8px;
}
.imageupload .alert {
  margin-bottom: 10px;
}
.imageupload .btn-file {
  overflow: hidden;
  position: relative;
}
.imageupload .btn-file input[type="file"] {
  cursor: inherit;
  display: block;
/*  font-size: 100px;
  min-height: 100%;
  min-width: 100%;*/
  opacity: 0;
  position: absolute;
  right: 0;
  text-align: right;
  top: 0;
  left: 0;
}
.imageupload .file-tab button {
  display: none;
}
.imageupload .file-tab .thumbnail {
  margin-bottom: 10px;
}
.imageupload .url-tab {
  display: none;
}
.imageupload .url-tab .thumbnail {
  margin: 10px 0;
}

.imageupload.card {
    margin-bottom: 1rem;
}

.imageupload.card .card-body {
    padding: 1rem;
}

.nextData i {
    position: relative;
    left: auto;
    margin: auto;
    color: black;
}

.btn-group.nextData {
    float: right;
}

.badge-up {
  position: absolute;
  top: 10px;
  left: auto;
  right: 0px;
  font-size: 0.75em;
}

.input-group-append .btn,
.input-group-append .btn:active {
	border-color: #eb5844;
	background: #eb5844 !important
}

.icon_hover_edit:hover .fieldEdit {
  visibility: visible !important;
  /* padding-right:5px; */
}
.icon_hover_edit:hover{
  border-bottom:1px solid #ddd;
}

.shipmentSearchBox {
   position: absolute;
  display: flex;
  top: 0;
  width: 100%;
  z-index: 2;
  padding: 10px; 
  left: auto;
  right: 0;
  padding-left: 10px;
   box-shadow: 0 5px 15px rgba(0,0,0,.50);
   margin: 0;
}
.shipmentSearchBox a { display: flex; width: 20px; text-align: right; align-items: center; justify-content: end; }
.shipmentSearchBox i { position:relative; margin: 0; left: auto;}

#routingModal i { position: relative;}
#addroutingenvelop{ left:5px;}
#allSameEnvelope {left:5px;}
#attention{position: relative; left:0px;}
#removePallet{top:0px; left:5px;}
#copyPalletDetails{left:5px;}

.nonstackable {
  cursor: not-allowed ;
  background-color: #ECEFF1 ;
}