@import url('https://fonts.googleapis.com/css?family=Lato:400,700&subset=latin-ext');

/*
Dark Blue #122B49
Grey Blue  #405482
Brigher Blue #0078D4
*/

.form-inline .form-group {
	margin-right: 15px;
}

.input-sm {
	width: 80px;
}

.btn-align {
	margin-top: 25px;
}

.trackinglink {text-decoration: none; color: inherit }

.piechartrow {
	height: 18em;
}

.menutext {
    padding: 8px;
    background-color: #405482;
    border: 1px solid #405482;
		/*
    border-bottom: 1px solid #405482;
    border-right: 1px solid #405482;
		*/
	color:#fff;
	text-align: center;
}

span.user-info img {padding: 0px 8px;}

.ace-nav>li>a>.badge {
    position: relative;
    top: -4px;
    height: 20px;
    min-width: 20px;
    left: 2px;
    /* padding-right: 5px; */
    /* padding-left: 5px; */
}

.searchresults {
	z-index: 100;
}

.listicon {
	padding: 0px 4px;
}

.navbar {
	/*
	min-height: 80px;
	*/
	min-height: 75px;
}

.navbar-fixed-top + .main-container {
	/* padding-top: 45px; */
	padding-top: 75px;
}


.blue {
	color: #0078D4 !important;
}



#originalrow_td .text {
	position: relative;
	bottom: 30px;
	left: 0px;
	display: none;
}

#originalrow_td:hover .text {
	display:block;
}

.showletterposition {
	font-family:Courier New;
	font-size:12pt;
	height:5px;
	width:200px;
	white-space:nowrap;
	overflow : hidden;
	text-overflow:ellipsis;
}


span.contextname {
	font-weight: bold;
	font-size: large;
  color: #5a5a5f;
}

 .ace-nav>li {
     border-left: none;
 }

.delimitedmaptypespan {

	border-color:black;
	border-width:3px;
	border-style:dashed;

}

.fixedmaprow {
	position: relative;
	display: inline-block;
	border-bottom: 1px dotted black;
}

.positionvisualizer-nowrap {
	font-family: Courier New;
	font-size: 12pt;
	height: 5px;
	width: 200px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.positionvisualizer-prewrap {
	font-family: Courier New;
	font-size: 12pt;
	height: 5px;
	width: 200px;
	white-space: pre-wrap;
	overflow: hidden;
	text-overflow: ellipsis;
}


.fixedmaprow .fixedmapposition {
	visibility: hidden;
	width: 120px;
	background-color: #555;
	color: #fff;
	text-align: center;
	border-radius: 6px;
	padding: 5px 0;
	position: absolute;
	z-index: 1;
	bottom: 125%;
	left: 50%;
	margin-left: -60px;
	opacity: 0;
	transition: opacity 0.3s;
}

		.fixedmaprow .fixedmapposition::after {
			content: "";
			position: absolute;
			top: 100%;
			left: 50%;
			margin-left: -5px;
			border-width: 5px;
			border-style: solid;
			border-color: #555 transparent transparent transparent;
		}

	.fixedmaprow:hover .fixedmapposition {
		visibility: visible;
		opacity: 1;
	}

.autocomplete {
	display: inline-block;
	width: 80%;
}



div.centerimage {
	padding: 10px;
}

div.centerimage img {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.coverthumb {
	margin: 6px;
	padding: 6px;
	border: 1px solid #ccc;
}

.coverimage {
	padding: 12px;
	border: 1px solid #ccc;
}

.ace-nav {
	/* padding: 20px; */
}

#alertmenu, #taskalertmenu, #bolsearchbutton, #parcelsearchbutton {
	padding-top: 15px;
}

.ace-nav > li {
    line-height: 60px;
    height: 60px;
}

.foundtext {
	color:crimson;
	width: 100%;
	text-align: center;
	font-size: 16px;
}

#selectedfilename {
	padding: 10px;
	font-weight: bold;
}

.alert-info {
    background-color: #fff;
}

.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
    background-color: #fff; 
    border : none;
    border-color: #fff;
}

.feed-activity-list  {
	margin-top: 15px;
}

.feed-element {
	position: relative;
}

.media-body.icon {
	padding-left: 50px;
}

.list-name-icon-container {
	position: absolute;
	top: 0px;
}

.list-nameicon {
	width: 40px;
	height: 40px;
	border-radius: 40px;
	border: 1px solid #ddd;
	background: #eee;
}

.list-nameicontext {
	width: 100%;
	position: absolute;
	left: 0px;
	text-align: center;
	font-size: 16px;
	padding-top: 0.5em;
}



.name-icon-container {
	position: absolute;
	top: 24px;
}

.name-container {
	padding-top: 10px;
	padding-left: 50px;
	line-height: 60px;
	height: 60px;
}

.user-info.image > .name-container {
	padding-left: 0px;
}

.nameicon {
	width: 40px;
	height: 40px;
	border-radius: 40px;
	border: 1px solid #ddd;
	background: #eee;
}

.nameicontext {
	width: 100%;
	position: absolute;
	left: 0px;
	text-align: center;
	font-size: 16px;
	padding-top: 0.7em;

}

.media-body {
	padding-left: 10px;
}



tr.total td {
	font-weight: bold;
}

body {
    line-height: 20px;
    font-family: Lato;
    font-size: 14px;
    color: #5a5a5f;
    background-color: #fff;
}

h1 {font-size: 24px;}
h2 {font-size: 20px;}
h3 {font-size: 20px;} /*not red*/
h4 {font-size: 18px;}

button.inlineform {
	margin-top: 25px;
}

a.inlineform {
	margin-top: 25px;
}

button.inline-header {
	margin-top: 20px;
}

.user-info {
	position: relative;
	font-size: 16px;
	padding: 10px 5px;
}

span.highlight {
    color: #0078D4;
    font-weight: bold;
}



h1, h2, h3, h4, h5, h6, p, li a {
    font-family: 'Lato', sans-serif !important;
}

h1, h2, big {
    color: inherit;
    font-weight: bold;
}

.widget-body {
	padding: 6px 8px;
}

.btn-cluster {
	margin: 0px;
	padding: 3px;
	margin-left: 5px;
	margin-bottom: 5px;
	width: 150px;
	border-width: 4px;
}

.btn-group>.btn>.caret {
    margin-top: 0px;
}

.btn-file {
	position: relative;
	overflow: hidden;
	margin-bottom: 5px;
}

.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}

.help-button {
}

.xmlfield label {
	text-align:right;
}

.positionvisualizer {
	font-family: Courier New;
	font-size: 12pt;
	height: 5px;
	width: 200px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.autocomplete {
	display: inline-block;
	width: 80%;
}

.login-page {
	/* 
	background-image: url(/images/international-mail-delivery.jpg); 
	*/
	background-image: url(/images/TechnologyImage.jpg);
	background-color: #122b49;
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: cover;
	color: #fff;
}

.login-page .modal-body {
	color: #000;
}

input[type="checkbox"].form-control {
	height: 24px;
	color: #405482;
}

.login-page a,
.login-page .page-footer,
.login-page .widget-login-info {
	color: #fff;
}

.login-button {
	border-color: #fff;
	color: #fff;
	font-size: 14px;
	background-color: #122b49;
	margin-bottom: 0px;
}

.login-form .form-control,
.login-form .form-control:focus
{
    font-size: 13px;
    border: none;
    background-color: #fff;
}

.login-button:hover,.login-button:focus {
    background-color: #122B49 !important;
    border-color: #122B49 !important;
	color: #fff;
}

.text-warning {
    color: #0078D4 !important;
}

/* Header */
.accountname {
	float: left;
	color: #405482;
	font-weight: bold;
	display: block;
	text-decoration: none;
	font-size: 18px;
	font-weight: bold;
	margin-right: 15px;
	padding-top: 35px;
	padding-left: 40px;

}

.username {
	font-size: 16px;
}

#accountname, .staticfield {
	padding-top: 4px;
	color: #405482;
}

.lname {
	font-weight: bold;
}

.sidebar {
	width: 204px;
	/*
	background-image: url(/images/TechnologyImage.jpg);
	background-color: #122b49;
	background-size: cover;
	color: #fff;
	*/
	background-color: #f8f8f8;
	color: #000;
}

.white {
	color: #fff;
}


.content {
	background-color: #fff;
}

.white-bg {
	background-color: #fff;
}


/* acemenu */

.table>thead>tr {
    color: inherit;
    font-weight: 300;
    background: none;
}

.table>thead>tr>th {
    vertical-align: bottom;
    border-bottom: none;
}


.footer .footer-inner .footer-content {
	border: none;
}

.page-content {
	/* padding-top: 42px !important; */
	padding-left: 30px;
	margin-right: 15px;
}

.page-header h1 {
	color: inherit;
}

.nav-list li a {
	font-size: 13px;
}


.user-info {
	max-width: 250px;
}

.skin-3 .nav-list>li:hover,
.skin-3 .nav-list>li.open, 
.skin-3 .nav-list>li.open:hover>a, .skin-3 .nav-list>li.open>a {
	color: #515151;
	border-color: #0078D4 !important;
}

.skin-3 .nav-list>li:hover>a {
    background-color: #fff;
	color: #0078D4;
}

.skin-3 .nav-list>li.open:hover>a, 
.skin-3 .nav-list>li.open>a {
	color: #000;
	background-color: #f8f8f8;
	border-color: #0078D4 !important;
}


.skin-3 .breadcrumbs {
    border-top: 1px solid #e5e5e5;
    background-color: #fff;
}

.ace-nav > li {
    color: #666;
}

.ace-nav>li>a>.ace-icon {
    display: inline-block;
    font-size: 16px;
    color: #666;
    text-align: center;
    width: 20px;
}

.ace-nav>li>a {
    background: #fff;
    color: #666;
    display: block;
    line-height: inherit;
    text-align: center;
    height: 100%;
    width: auto;
    min-width: 50px;
    padding: 0 8px;
    position: relative;
}

.ace-nav>li>a:hover,
.ace-nav>li>a:focus {
    color: #666;
    background: #fff;
    border-color: #ddd;
}


.nav-search .nav-search-input {
    border-color: #ddd;
}

.nav-search .nav-search-input {
    width: 240px;
}

.nav-search .nav-search-icon {
    color: #ccc!important;
}

.skin-3 .navbar {
    background-color: #fff;
}

.skin-3 .sidebar {
	border-color: #ccc;
	background-color: #f2f2f2;
}

.skin-3 .nav-list>li>a {
    background-color: #f8f8f8;
    color: #5a5a5a;
}

.skin-3 .nav-list>li.active, .skin-3 .nav-list>li.active+li {
    border-color: #ccc!important;
}

.skin-3 .nav-list li.active>a:before {
    display: block;
    content: "";
    position: absolute;
    top: 3px;
    right: 0;
    background-color: transparent;
    border-style: solid;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-color: transparent #91bad6 transparent transparent;
    border-top-color: transparent;
    border-right-color: #ccc;
    border-bottom-color: transparent;
    border-left-color: transparent;
    -moz-border-right-colors: #ccc;
    border-width: 16px 10px;
    border-top-width: 16px;
    border-right-width: 10px;
    border-bottom-width: 16px;
    border-left-width: 10px;
}

.skin-3 .main-container:before {
	background: #fff;
}

#usermenu {
	z-index: 999;
}

.ace-nav > li.open > a, .ace-nav > li > a:focus, .ace-nav > li > a:hover {
	background-color: #fff;
}

.skin-3 .navbar .navbar-toggle {
	background: #0078D4;
}

.skin-3 .navbar .navbar-toggle:hover {
	background: #0078D4;
}

.skin-3 .navbar .navbar-toggle:focus,
.skin-3 .navbar .display.navbar-toggle, .skin-3 .navbar [data-toggle=collapse]:not(.collapsed).navbar-toggle
 {
	background: #393939;
}

.skin-3 .nav-list>li.active.highlight>a, .skin-3 .nav-list>li.active>a {
    background-color: #fff!important;
}

.skin-3 .nav-list>li.active:before {
    display: block;
    background-color: #0078D4!important;
}

breadcrub li.static {
	padding: 0 4px;
}

.skin-3 .nav-list > li.open + li {
	border-top-color: #0078D4 !important;
}

.skin-3 .nav-list > li:hover {
	border-color: #0078D4 !important
}

	.skin-3 .nav-list > li:hover + li {
		border-top-color: #0078D4 !important
	}

.skin-3 .nav-list > li.open {
	border-color: #0078D4 !important
}



a {
	color: #0078D4;
}

.menu-min .nav-list>li.active>a {
	color: auto;
}

.btn-primary {
	background-color: #0078D4!important;
	border-color: #0078D4;
}

.btn-primary.disabled {
	background-color: #5671af !important;
	border-color: #5671af !important;
}

.btn-primary:active, .btn-primary:hover, .open .btn-primary.dropdown-toggle {
	background-color: #0078D4!important;
}

.skin-3 .nav-list>li.open:before, .skin-3 .nav-list>li:hover:before {
    display: block;
	background-color: #0078D4!important;
}

.btn-primary:active, .btn-primary:hover, .open .btn-primary.dropdown-toggle {
	background-color: #0078D4!important;
}


.btn-primary:focus, .btn-primary:hover, btn-primary:active {
	background-color: #0078D4!important;
	border-color: #0078D4;
}

.pagination>li.active>a, .pagination>li.active>a:hover {
	background-color: #0078D4;
	border-color: #0078D4;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
    z-index: 2;
}

.pagination ul>li.active>a {
	background-color: #0078D4;
	border-color: #0078D4;
	color: #000;
}

.pagination ul>li.active>a:hover {
	border-color: #0078D4;
}

.pagination > li.active > a, 
.pagination > li.active > a {
}

.pagination ul>li.active>a {
	color: #fff!important; 
}

.pagination ul>li.prev>a, .pagination ul>li.next>a,  {
	color: #0078D4!important; 
}

.breadcrumb>li>a {
	color: #0078D4;
}

.menu-min .nav-list>li.active>a {
	color: #0078D4;
}

.menu-min .nav-list>li>a:hover {
	color: #0078D4;
}

.submenu>li.active>a {
	color: #0078D4!important; 
	background-color: #fff!important;
}

.submenu>li>a:hover {
	color: #0078D4!important; 
	background-color: #fff!important;
}

.no-skin .nav-list>li .submenu>li.active>a>.menu-icon {
     color: #0078D4;
 }
 

.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
	border-top: 2px solid #0078D4;
}

.nav-list > li .submenu > li.active > a > [class*='icon-']:first-child {
    color: #0078D4;
}

ul.collapse li,
ul.list li {
	list-style-type: none;
}

ul.list li {
	list-style-type: none;
}
/* end acemenu */


.form-group button,
.form-button {
	line-height: 15px;
	height: 34px;
	padding: 4px;
}

span.suffix {
	display:inline-block;
	padding-top: 4px;
	margin-bottom: 4px;
	color: #0078D4;
}


.uom-button {
    display: inline-block;
    height: 22px;
    width: 22px;
    line-height: 32px;
    text-align: center;
    padding: 0;
    font-size: 12px;
    cursor: default;
    margin-left: 4px;
}

.no-padding-left {
	padding-left: 0;
}
.no-padding-right {
	padding-right: 0;
}

.float, .integer, .currency {
    text-align: right;
}

table.clean {
    border-spacing: 5px;
    border-collapse: separate;
    margin: 2px;
    padding: 2px;
}

table.clean td {
    padding: 5px;
}

tfoot td {
	font-weight: bold;
}

th.number, th[number], td.number {
	text-align: right;
}


.dataTables_wrapper .row:first-child {
	padding-top: 0px;
	padding-bottom: 0px;
	background-color: #fff;
}


.dataTables_wrapper .row:last-child {
	padding-top: 0px;
	padding-bottom: 0px;
	background-color: #fff;
}

.modal-footer {
	background-color: #fff;
}




.dropdown-menu .dropdown-submenu:hover > a, .dropdown-menu > li.active > a, .dropdown-menu > li.active > a:hover, .dropdown-menu > li > a:active, .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
	/* background: #0078D4; */
	background: #fee188; 
}




#bagTagDetailsText .ediable {
}

#bagTagDetailsText .title {
	font-weight: bold;
}

#bagTagDetailsText .displayonly .content {
	padding-left: 5px;
}

.ui-menu-item {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.ui-state-focus {
	background-color: #0078D4;
}


a.plain {
	color: #5a5a5f;
	text-decoration: none;
}

a.plain:hover {
	text-decoration: underline;
}

.tiny-close-btn {
	border: none;
	border-radius: 3px;
}

.usertypenote {
	min-height: 4em;

}

.navbar-brand-webtest {
	background: #3276b1;
	color: #fff;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 5px;
	padding-right: 5px;
	font-size: 14px;
	float: left;
	margin-top: 10px;
	border-radius: 5px;
}

.row.formrow {
	padding-top: 10px;
}

tr.notopborder td {
	border-top: none !important;
}

div.toppadding {
	padding-top: 20px;
}

.addAllPCCheckout {
	line-height: 1.5 !important;
	padding-top: 0px !important;
	padding-bottom: 0px !important;
	height: 19px !important;
}

tr.hoverhighlight:hover {
	background-color: #ddd !important;
}

tr.hoverhighlight:hover td {
	background-color: transparent !important; /* or #000 */
}

/*
table.fileviewer {
	width: 100% !important;
	white-space: nowrap;
	font-family: monospace;
	white-space: nowrap;
	font-family: monospace;
}
*/

table.fileviewer {
}

table.fileviewer th {
	padding: 0px 4px !important;
	white-space: nowrap;
	letter-spacing: normal;
	font-family: Courier New,Courier,Lucida Sans Typewriter,Lucida Typewriter,monospace; 
}

table.fileviewer td {
	padding: 2px 4px !important;
	white-space: nowrap;
	letter-spacing: normal;
	font-family: Courier New,Courier,Lucida Sans Typewriter,Lucida Typewriter,monospace; 
}

.nopadding {
	padding: 0 !important;
	margin: 0 !important;
}

#table_interactivegeo tbody tr:not(.disabled) {
	cursor: pointer;
}
#table_interactivegeo tbody tr.disabled {
	cursor: default;
}

#table_interactivegeo tbody tr:hover:not(.selected):not(.disabled) {
	background-color: #ddd !important;
}

#table_interactivegeo .disabled {
	font-style: italic;
	color: #ccc;
}



.scanbundle_select tbody tr:not(.disabled) {
	cursor: pointer;
}

.scanbundle_select tbody tr.disabled {
	cursor: default;
}

.scanbundle_select tbody tr:hover:not(.selected):not(.disabled) {
	background-color: #ddd !important;
}

.scanbundle_select .disabled {
	font-style: italic;
	color: #ccc;
}

.scanbundle_select .selected {
	background-color: #08C;
	color: white;
}




.hot {
	color: crimson;
}




#pubjobinteractivegeo div.panel-primary {
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 2px;
	/*height: 32vh;*/
	/*min-height: 260px;*/
}

#pubjobinteractivegeo #residuebin_panel-primary {
	height: 25vh;
	min-height: 205px;
}
#pubjobinteractivegeo #bags_panel-primary {
	height: 42vh;
	min-height: 335px;
}

#pubjobinteractivegeo #routegroup_panel-primary {
	height: 67vh;
	min-height: 540px;
}

#pubjobinteractivegeo img.mail-logo {
	max-width: 100%;
	
}

#pubjobinteractivegeo #mailbin {
	max-height: 70px;
}

#pubjobinteractivegeo #mailskid {
	max-height: 110px;
}

#pubjobinteractivegeo div.panel-heading {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
}

#pubjobinteractivegeo div.panel-body {
	padding: 5px;
}

	#pubjobinteractivegeo div.panel-body label {
		font-size: 12px;
		margin-bottom: 0px;
	}

	#pubjobinteractivegeo div.panel-body div.col-sm-6, 
	#pubjobinteractivegeo div.panel-body div.col-sm-12 {
		padding: 5px;
	}

	#pubjobinteractivegeo div.panel-body input {
		height: 25px;
		font-size: 12px;
	}

	#pubjobinteractivegeo div.panel-body button:not(#remove-selected) {
		height: 25px;
		font-size: 12px;
		padding-top: 3px;
	}

	#pubjobinteractivegeo div.panel-body select {
		height: 25px;
		font-size: 12px;
	}

	#pubjobinteractivegeo div.panel-body p {
		font-size: 12px;
	}

#pubjobinteractivegeo .coverthumb {
	margin: 2px;
	padding: 2px;
	border: 1px solid #ccc;
	max-height: 100px;
}

#pubjobinteractivegeo div.tab-content {
	padding-top: 6px;
	padding-bottom: 6px;
}

/* use font-awesome sorting icons in datatables*/
.dataTable > thead > tr > th[class*=sort]:after {
	content: "\f0dc";
}

/* clickable rows / cells get the finger (pointer) */
tr[onclick], 
td[onclick] {
    cursor: pointer;
}
.titlesection .ui-autocomplete {
	width: 500px;
}

.accountsection .ui-autocomplete {
	width: 500px;
}
.system-logo-img {
	max-height:100%;
	max-width:100%;
}

.containercheckbox {
	display: block;
	position: relative;
	padding-left: 35px;
	margin-bottom: 12px;
	cursor: pointer;
	font-size: 14px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

	/* Hide the browser's default checkbox */
	.containercheckbox input {
		position: absolute;
		opacity: 0;
		cursor: pointer;
		height: 0;
		width: 0;
	}

/* Create a custom checkbox */
.checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 25px;
	width: 25px;
	background-color: #eee;
}

/* On mouse-over, add a grey background color */
.containercheckbox:hover input ~ .checkmark {
	background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.containercheckbox input:checked ~ .checkmark {
	background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

/* Show the checkmark when checked */
.containercheckbox input:checked ~ .checkmark:after {
	display: block;
}

/* Style the checkmark/indicator */
.containercheckbox .checkmark:after {
	left: 9px;
	top: 5px;
	width: 5px;
	height: 10px;
	border: solid white;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}


a[onclick] {
	cursor: pointer;
}


#editproductionsplit input[type=checkbox]{
	width: 25px;
	height: 25px;
}

#editproductionsplit label.centrelabel {
	vertical-align: top;
	padding-top: 7px;
	padding-left: 2px;
}


#lotrenamedialog input[type=checkbox] {
	width: 25px;
	height: 25px;
}

#lotrenamedialog label.centrelabel {
	vertical-align: top;
	padding-top: 7px;
	padding-left: 2px;
}

.accounthold {
	color: red;
}
.nodaysleft {
	color: red !important;
	font-weight: bold !important;
}

.secondarytabs {
	padding-top: 13px;
}
.highlightsuggestedservice {
	color: red !important;
}
.bignumbers {
	font-size: 25px;
}
.no-border-form-input {
	border: 0;
	box-shadow: none;
}
/*ibox starts from here*/
.ibox-collapsed {
	clear: both;
	margin-bottom: 25px;
	margin-top: 0;
	padding: 0;
}

	.ibox-collapsed.collapsed .ibox-collapsed-content {
		display: none;
	}

	.ibox-collapsed.collapsed .fa.fa-chevron-up:before {
		content: "\f078";
	}

	.ibox-collapsed.collapsed .fa.fa-chevron-down:before {
		content: "\f077";
	}

	.ibox-collapsed:after,
	.ibox-collapsed:before {
		display: table;
	}

.ibox-collapsed-title {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	background-color: #ffffff;
	border-color: #e7eaec;
	border-image: none;
	border-width: 3px 0 0;
	color: inherit;
	margin-bottom: 0;
	padding: 14px 15px 7px;
	min-height: 48px;
}

.ibox-collapsed-content {
	background-color: #ffffff;
	color: inherit;
	padding: 15px 20px 20px 20px;
	border-color: #e7eaec;
	border-image: none;
	border-style: solid solid none;
	border-width: 1px 0px;
}

.ibox-collapsed-footer {
	color: inherit;
	border-top: 1px solid #e7eaec;
	font-size: 90%;
	background: #ffffff;
	padding: 10px 15px;
}
.ibox-collapsed-content {
	clear: both;
}

.ibox-collapsed-heading {
	background-color: #f3f6fb;
	border-bottom: none;
}

	.ibox-collapsed-heading h3 {
		font-weight: 200;
		font-size: 24px;
	}

.ibox-collapsed-title h5 {
	display: inline-block;
	font-size: 14px;
	margin: 0 0 7px;
	padding: 0;
	text-overflow: ellipsis;
	float: left;
}

.ibox-collapsed-title .label {
	float: left;
	margin-left: 4px;
}

.ibox-collapsed-tools {
	display: block;
	float: none;
	margin-top: 0;
	position: relative;
	padding: 0;
	text-align: right;
}

	.ibox-collapsed-tools a {
		cursor: pointer;
		margin-left: 5px;
		color: #0078D4;
		font-weight: bold;
	}

	.ibox-collapsed-tools {
			color: #fff;
		}

	.ibox-collapsed-tools > li > a {
		padding: 4px 10px;
		font-size: 12px;
	}

.ibox-collapsed .ibox-collapsed-tools.open > .dropdown-menu {
	left: auto;
	right: 0;
}
.fullscreen-ibox-collapsed-mode .animated {
	animation: none;
}

body.fullscreen-ibox-collapsed-mode {
	overflow-y: hidden;
}

.ibox-collapsed.fullscreen {
	z-index: 2030;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: auto;
	margin-bottom: 0;
}

.ibox-collapsed.fullscreen .collapse-link {
	display: none;
}

	.ibox-collapsed.fullscreen .ibox-collapsed-content {
		min-height: calc(100% - 48px);
	}

.skin-1 .ibox-collapsed-title,
.skin-1 .ibox-collapsed-content {
	border-width: 1px;
}

/*ibox ends here*/

.noborder {
	border: none !important;
}


.modal-dialog.maps-modal-xlg {
	width: 80%;
	padding-top: 50px;
	overflow-y: initial !important;
}

.modal-body.maps-modal-xlg {
	height: 350px;
	overflow-y: auto;
}
.bundleform-margins{
	margin-right:300px;
}
.whitebackground {
	background-color: white !important;
	color:black !important;
}
.whiteicon {
	color: white !important;
}
table.dataTableFit {
	table-layout: fixed;
	width: 100% !important;
}

	table.dataTableFit td, table.dataTable th {
		width: auto !important;
		white-space: normal;
		 overflow: hidden;
	}

.duplicatecodetoprint > td, #duplicatecodetoprintwarning {
	background-color: #ff00002e !important;
}

.chartlegend span {
	margin: 2px;
}

#table-wrapper {
  position:relative;
}
#table-scroll {
  height:80vh;
  overflow:auto;  
  margin-top:20px;
}
#table-wrapper table {
  width: 100%;
}

#table-wrapper table * {
}

#table-scroll table thead tr th {
	position: sticky;
	top: 0px; /* top required for sticky */
	background: white; /* background required or content visible under the header */
}

.small-flag {
	margin: 0px 5px;
	height: 18px;
}

.title-flag {
	margin: 0px 5px;
	height: 28px;
}


/*
#table-scroll table thead tr th .text {
  position:absolute;   
  top:-16px;
  left:-8px;
  z-index:2;
  height:20px;
}

*/

@media (min-width: 1200px) {
	.modal-xl {
		max-width: 1140px;
	}
}

@media (min-width: 992px) {
	.modal-xl {
		max-width: 800px;
	}
}.detailslink {
	float:right;
	font-size: 12px;
}

.trackingevent th, .trackingevent td {
	border-top: 1px solid #e7eaec !important;
}


span#customerlogo_wrapper img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 50%;
	border-radius: 5px;
}

.onclick-tooltip {
	position: absolute;
	background: #333;
	color: #fff;
	padding: 8px 12px;
	border-radius: 4px;
	font-size: 12px;
	white-space: normal;
	pointer-events: auto;
	z-index: 9999;
	display: none;
	max-width: 360px;
	user-select: text;
	font-family: monospace;
	line-height: 1.6;
}

	.onclick-tooltip a {
		color: #ffc451;
		text-decoration: none;
		margin-left: 6px;
		cursor: pointer;
	}

	.onclick-tooltip i {
		pointer-events: none;
	}

code {
	background: #333;
	color: #ffc451 !important;
}

pre.code {
	background: #333;
	color: #fff;
	overflow-x: auto;
	overflow-y: auto;
	tab-size: 2; /* Adjust to your desired tab width */
	-moz-tab-size: 2; /* For older Firefox versions */
	max-height: 650px;
}

pre.syntaxhighlightcomplete {
	background: #f6f8fa;
	color: #24292e;
	padding: 6px;
	white-space: pre-wrap !important;
	word-wrap: break-word; /* older browsers */
	overflow-wrap: anywhere; /* modern browsers */

	max-height: 320px; /* cap height */
	overflow-x: auto; /* horizontal scrollbar when needed */
	overflow-y: auto; /* vertical scrollbar when needed */
	white-space: pre; /* keep long lines; no wrapping */
	max-width: 100%; /* stay within container */
}

span.string {
	color: inherit;
}
/* dark blue */
span.key {
	color: #d73a49;
}
/* red for keys */
span.number {
	color: #005cc5;
}
/* medium blue */
span.boolean {
	color: #e36209;
}
/* orange */
span.null {
	color: #6f42c1;
	font-style: italic;
}
/* purple */