/* Add here all your CSS customizations */

/* fix the theme */
.page-header .breadcrumbs{
	line-height: 20px;
}
.page-header .sidebar-right-toggle i{
	line-height: 20px;
}
.page-header .sidebar-right-toggle{
	height: 25px;
	margin-top: -5px;
}
html.fixed .inner-wrapper{
  padding-top: 70px;
}

html.modern .header.header-nav-menu .logo {
    left: 0;
	margin: 7px 0 0px 2px;
}
.sidebar-left .sidebar-header .sidebar-toggle {
    width: 43px;
}
html.sidebar-left-collapsed .sidebar-left .sidebar-header .sidebar-toggle {
    width: 75px;
}
html.modern .header.header-nav-menu .header-nav {
    margin-left: 150px;
}
html.modern .header.header-nav-menu .logo::after {
    width: 150px;
}
@media (min-width: 992px) {
	.sidebar-left {
		width: 150px;
	}
}
html.sidebar-left-collapsed .sidebar-left .nano:hover {
    width: 200px;
}
html.fixed .content-body {
    margin-left: 150px;
}
html.fixed.sidebar-right-opened .content-body {
    margin-left: 300px;
}
html.fixed .page-header {
    left: 150px;
	top: 47px;
	
}
html.modern.fixed .page-header.page-header-left-inline-breadcrumb {
	padding-bottom: 0px;
}
@media (min-height: 800px) and (min-width: 992px) {
	.action-buttons-fixed .action-buttons {
		width: calc( 100% - 150px );
		padding: 10px 25px 20px;
	}
	html.fixed.sidebar-right-opened .action-buttons-fixed .action-buttons {
		width: calc( 100% - 300px );
		margin-right: 300px;
	}
}
.scroll-to-top{
	display: none !important;
}

.content-body {
    padding: 25px;
}

html.modern ul.nav-main > li > a {
    position: relative;
    display: block;
}
	html.modern.sidebar-left-collapsed ul.nav-main > li > a {
		display: flex;
	}
ul.nav-main li i {
    font-size: 1.8rem;
	width: 100%;
	display: block;
}
	html.sidebar-left-collapsed ul.nav-main li i {
		font-size: 1.15rem;
		width: 1.1em;
	}
ul.nav-main li span {
    display: block;
	width: 100%;
	text-align: center;
}
	html.sidebar-left-collapsed ul.nav-main li span {
		text-align: left;
	}

#overlay {
    background-color: #990303;
    opacity: 0.3;
    cursor: not-allowed;
    width: 88%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 14px;
    z-index: 1000;
    border-radius: 4px;
}
.page-header.page-header-left-inline-breadcrumb .breadcrumbs a, .page-header.page-header-left-inline-breadcrumb .breadcrumbs span {
    text-transform: initial;
}
.profile-picture.bg4_9 {
    background-color: orange !important;
}
.profile-picture.bg4_10 {
    background-color: #f251ca !important;
}
.profile-picture.bg4_19 {
    background-color: #047b04 !important;
}
.profile-picture.bg4_6 {
    background-color: red !important;
}
.notif2{
	z-index: 10000
}


.vrow_externals {
    display: block;
}
.vrow_externals img {
    width: 25px;
	margin-right: 2px;
	cursor: pointer;
	box-shadow: 0 1px 5px 0 rgba(0,0,0,0.2),0 1px 5px 0 rgba(0,0,0,0.19) !important;
}

.userbox.show .dropdown-menu i {
    width: 20px;
	text-align: center;
	font-size: 16px !important;
	margin-right: 5px;
	margin-top: -4px;
}



.parcel_del_row_parent {
	position: absolute;
	right: -5px;
	cursor: pointer;
	top: -65px;
} 
.parcel_del_row_parent a{
	color: red;
}
.parcel_pms_row_parent {
    position: absolute;
    left: 30px;
    margin-top: -12px;
    cursor: pointer;
}
.parcel_pms_row_parent a{
	#color: red;
}






ul.simple-bullet-list li::before {
	top: 0;
}
ul.simple-bullet-list li.white::before {
    border-color: lightgrey;
}
ul.simple-bullet-list{
	width: 55px;
	margin: 0;
    display:inline-block;
}
ul.simple-bullet-list li {
    position: relative;
    padding: 1px 4px;
    margin: 0px;
    float: left;
	height: 15px; 
	color: transparent;
}



.inlineVrowOptions{
	padding: 0;
	width: 25px;
	display: inline-block;
	margin: 2px 2px;
	border-radius: 5px;
	text-align: center;
}
.inlineVrowOptions:hover {
    background-color: #c6dff9;
}
.check_status_div p{
	margin: 0;
}








.select2-result-account-container-fullname {
    float: left;
    width: 100%;
    overflow: hidden;
    height: 20px;
	word-break: break-all;
}
.select2-result-account-container-area {
    float: left;
	font-size: 11px;
	word-break: break-all;
}
.select2-result-account-container-business {
    float: right;
	color: #34d234;
	font-size: 11px;
	font-style: italic;
}
.select2-result-account-container-post_codes {
    float: right;
	color: #0088cc;
	font-size: 11px;
	font-weight: bold;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] .select2-result-account-container-post_codes{
    color: white;
}
.select2-container--default .select2-results__option[aria-disabled="true"], .select2-container--default .select2-results__option[aria-disabled="true"] .select2-result-account-container-fullname, .select2-container--default .select2-results__option[aria-disabled="true"] .select2-result-account-container-area, .select2-container--default .select2-results__option[aria-disabled="true"] .select2-result-account-container-post_codes {
    text-decoration: line-through;
	color: lightcoral;
	background-color: lightgray;
	cursor: no-drop;
}
.select2-container--default .select2-results__option.loading-results{
	text-decoration: none;
	color: #777;
	background-color: white;
	cursor: progress;
}










.tabs-modern.routing_tab .nav .nav-link {
    font-weight: normal;
}
.tabs-modern.routing_tab .nav .nav-link.active {
    background: #a6eeff;
	font-weight: bold;
}
.tabs-modern.routing_tab .nav .nav-link {
    padding: 3px 3px;
    height: 30px;
    overflow: hidden;
    word-wrap: break-word;
    word-break: break-all;
    align-items: start;
}
.tabs-modern.routing_tab #tabContent .form-group {
    margin-bottom: 0;
    padding-top: 6px !important;
}
.pl_label_list {
    list-style: none;
    width: 100%;
	padding: 0;
	margin: 0;
}
.pl_label_list li {
    border: 1px solid black;
    display: inline-block;
    width: 13%;
    text-align: center;
	height: 45px;
	word-wrap: break-word;
	word-break: break-all;
	margin: 0 1% 0 0;
	padding: 0 10px;
	overflow: hidden;
	border-radius: 15px;
	line-height: 18px;
}
.pl_label_list li.no_subdriver_set {
    width: 5% !important;
	background-color: #60dcf9 !important;
}
.pl_label_list li i {
    font-size: 22px;
	margin-top: 3px;
}
.pl_label_list li.li_location {
    background-color: lightcyan;
}
.pl_label_list li.li_warehouse {
    background-color: lightyellow;
}
.pl_label_list li.li_warehouse.last_mile_hub {
	background-color: #f7c4fb;
}
.pl_label_list li.li_driver {
    background-color: lightgreen;
	margin: 0 6.5%;
}
.pl_label_list li.no_driver_set {
    background-color: #fbb599;
	margin: 0 6.5%;
}

.exc_box {
	border: 2px solid orange !important; 
}
.edit_routing_rule {
	top: -5px;
	right: 10px;
	float: right;
	position: relative;
	width: 0;
	overflow: visible;
}
.edit_routing_rule i{
	#font-size: 18px !important;
}








.li_weights {
    float: right;
    position: absolute;
    right: 0;
    top: 10px;
	opacity: 0.4;
	cursor: pointer;
	font-size: 20px;
}
.li_weights.active, .li_weights:hover{
	color: #04ca04;
	opacity: 1;
}
.li_weights .p2d_icon {
    color: coral;
    position: absolute;
    font-size: 12px;
    bottom: -7px;
    right: 10px;
}
.li_weights .sdd_icon {
    color: blueviolet;
    position: absolute;
    font-size: 12px;
    bottom: -7px;
    right: -10px;
}
.li_weights_content{
	height: 0px;
	transition: all 0.5s linear;
	overflow: hidden;
	width: 100%;
}
.li_weights_content table, .li_weights_content .dataTables_wrapper{
	display: inline-block;
	vertical-align: top;
}
.li_weights_content.active{
	height: auto !important;
}


.li_weights_exc {
    float: right;
    position: absolute;
    right: 0;
    top: 10px;
	opacity: 0.4;
	cursor: pointer;
	font-size: 20px;
}
.li_weights_exc.active, .li_weights_exc:hover{
	color: #04ca04;
	opacity: 1;
}

.li_weights_exc .p2d_icon {
    color: coral;
    position: absolute;
    font-size: 12px;
    bottom: -7px;
    right: 10px;
}
.li_weights_exc .sdd_icon {
    color: blueviolet;
    position: absolute;
    font-size: 12px;
    bottom: -7px;
    right: -10px;
}
.li_weights_exc_content{
	height: 0px;
	transition: all 0.5s linear;
	overflow: hidden;
	width: 100%;
}
.li_weights_exc_content table, .li_weights_exc_content .dataTables_wrapper{
	max-width: 45%;
	margin-left: 4%;
	display: inline-block;
	vertical-align: top;
}
.li_weights_exc_content.active{
	height: auto !important;
}



















.mass_voucher_actions{
	height: 0px;
	overflow: hidden;
	padding: 0;
	text-align: center;
	transition: all 0.5s linear;
}
.mass_voucher_actions.active{
	height: 50px;
	padding: 10px 10px 10px 0;
	display: block;
	text-align: left;
}
.select_cb_parent{
    text-align: center;
	display: inline-block;
}
.mass_select_cb, .select_cb{
	display: none;
}

.newreceive_panel {
    border: 1px solid lightgrey;
    text-align: center;
    cursor: pointer;
    border-radius: 10px;
	height: 161px;
}
.newreceive_panel h3 {
	font-size: 1.3em;
	line-height: 1.1em;
	align-content: center;
	display: grid;
}
.newreceive_panel img {
    height: 100px;
    width: 100px;
    border: 1px solid lightgrey;
    border-radius: 10px;
}
.signature_img_parent:hover .signature_img{
	display: block;
}
.signature_img{
	display: none;
	border: 1px solid #08c;
	width: 50%;
}
#mainVouchersTable.table td{
	padding: 0.4rem;
	vertical-align: middle;
}
#mainVouchersTable.table tr.table-active td{
	padding: 1px 10px;
}
#mainVouchersTable.table thead th{
	padding: 5px;
	vertical-align: middle;
}
.sender_span{
	height: 20px; 
	overflow: hidden; 
	display: block; 
	word-break: break-all;
}
.recepient_span{
	height: 20px; 
	overflow: hidden; 
	display: block; 
	word-break: break-all;
}
.phones_span{
	height: 20px; 
	overflow: hidden; 
	display: block; 
	word-break: break-all;
}
.phones_span a{
	margin: 0 10px 0 0;
}
.phones_span a i.fa-phone-alt{
	color: green;
}
.phones_span a i.fa-mobile-alt{
	color: purple;
}
.phones_span a i.fa-at{
	color: cornflowerblue;
}
.status_deletus{
	display: none;
	position: absolute; 
	height: 0;
} 









/* primary */
.timeline.timeline-simple .tm-body .tm-items > li.list-bg-primary .tm-box::before{
	border-right-color: #0088CC;
}
.timeline .tm-items > li.list-bg-primary .tm-box{
    border-color: #0088CC;
}
/* info */
.timeline.timeline-simple .tm-body .tm-items > li.list-bg-info::before {
    background: #5bc0de;
    box-shadow: 0 0 0 3px #FFF, 0 0 0 6px #5bc0de;
}
.timeline.timeline-simple .tm-body .tm-items > li.list-bg-info .tm-box::before{
	border-right-color: #5bc0de;
}
.timeline .tm-items > li.list-bg-info .tm-box{
    border-color: #5bc0de;
}
/* success */
.timeline.timeline-simple .tm-body .tm-items > li.list-bg-success::before {
    background: #47a447;
    box-shadow: 0 0 0 3px #FFF, 0 0 0 6px #47a447;
}
.timeline.timeline-simple .tm-body .tm-items > li.list-bg-success .tm-box::before{
	border-right-color: #47a447;
}
.timeline .tm-items > li.list-bg-success .tm-box{
    border-color: #47a447;
}
/* warning */
.timeline.timeline-simple .tm-body .tm-items > li.list-bg-warning::before {
    background: #ed9c28;
    box-shadow: 0 0 0 3px #FFF, 0 0 0 6px #ed9c28;
}
.timeline.timeline-simple .tm-body .tm-items > li.list-bg-warning .tm-box::before{
	border-right-color: #ed9c28;
}
.timeline .tm-items > li.list-bg-warning .tm-box{
    border-color: #ed9c28;
}
/* danger */
.timeline.timeline-simple .tm-body .tm-items > li.list-bg-danger::before {
    background: #d2322d;
    box-shadow: 0 0 0 3px #FFF, 0 0 0 6px #d2322d;
}
.timeline.timeline-simple .tm-body .tm-items > li.list-bg-danger .tm-box::before{
	border-right-color: #d2322d;
}
.timeline .tm-items > li.list-bg-danger .tm-box{
    border-color: #d2322d;
}






.dropzonemini {
	display: block;
    height: 45px;
    min-height: 10px;
	padding: 12px;
}
.dropzonemini .dz-message {
    margin: 0;
}

.dropzonemini .dz-preview {
	margin: 0;
    min-height: 50px;
	height: 50px;
	width: 50px;
}
.dropzonemini .dz-preview .dz-image {
    width: 50px;
    height: 50px;
}
.mini-image {
    height: 30px;
}







.pp_table tr:last-child td {
	border: 3px solid lightgreen;
	border-top: 10px solid lightgreen;
}