@charset "utf-8";
body, p, label, input, button, select, textarea, td {font-family: 'Open Sans', sans-serif; font-size:13px;}
body {padding-top: 0;}

input, textarea, select, .uneditable-input {height:auto; min-height:18px  !important; max-width: 100%;}

[class^="icon-"], [class*=" icon-"] {background-image: url(../img/glyphicons-halflings-n.png);}
.icon-import {background-position: 2px -166px;}

.hide { display:none}
.overlay {position: fixed; top: 0; left: 0; height: 100%; width: 100%; background-color: rgba(0,0,0,0.5); z-index: 5000; display:none;}
.field-note {font-size: 60%;}
.text-small {font-size: 11px; font-weight: normal;}
.m-0 { margin: 0 !important; }
.mt-0 { margin-top: 0 !important; }
.mb-0 { margin-bottom: 0 !important; }

.navbar-inner {font-family: 'Open Sans', sans-serif; font-weight:600; border-bottom:4px solid #b8b20e  !important; box-shadow:none; background:#000;}
.navbar-inner h3 {margin:0;}
.navbar .brand { background:url(../../images/ccp.png) no-repeat scroll 150px 0 rgba(0, 0, 0, 0); height: 40px; line-height: 40px; padding: 0 20px; width: 300px; text-shadow:none; color:#fff}
.navbar .nav.main-nav {margin-right:40px;}
.navbar-text.dropdown-toggle{cursor:pointer; background-color:#069; color:#dedede; padding:0 12px; border-right:#CCC 1px solid;  border-left:#CCC 1px solid;}
.navbar-text.dropdown-toggle:hover, .navbar-text.dropdown-toggle:hover a {color:#fff;}
.navbar-text.dropdown-toggle a {color:#ff9000;}
.navbar .nav > li > a, .navbar .nav > li > p, .dropdown-menu > li > a {text-shadow:none; font-size:13px;}
.navbar .nav > li > a {color: #E5E5E5;}
.navbar .nav > li > a:hover, .navbar .nav > li > a.active {background-color:#069; color:#fff;}
.navbar .dropdown-menu > p {padding: 6px 10px; font-size: 11px; line-height: 14px; background-color: #ececec;}
.navbar-msa {background-color: #d9d9d9; font-weight: 600; }
.navbar-msa .container-fluid {padding: 8px 50px;}
textarea.mceEditor {height:450px;}
textarea#packdetails {height:150px;}

body.master .hero-unit h6 { display: inline-block; background-color: black; color: white; font-weight: 400; padding: 4px 20px; border-radius: 10px; font-size: 14px;}
.master-nav .dropdown-menu {max-height: 300px; overflow-y: scroll;}
.well {box-shadow:none; background-color:#F4F4F4; border-radius:0;}
.btn, .btn.btn-primary {background-image:none; box-shadow:none; border:none; font-size:13px;}
.btn.btn-primary { background-color:#069;}
.btn.btn-primary:hover { background-color:#478DD3}
h3 .btn {font-weight:400;}

.datatable { width:100%;  font-size:12px;}
.datatable .table-header{ font-size: 13px; font-weight: 700; background-color:#eeeeee; padding:3px; border-bottom: 1px solid; width: auto; height: 30px;}
.datatable .table-data{ border-bottom:#0066CC solid 1px; }
.datatable .table-data a.btn { padding: 3px 5px; width: 20px; height: 20px; display: inline-block; margin: 0 2px; }
.datatable .table-data a.btn.tooltip-btn { width: auto; height: auto; }
.datatable .cellImportand{font-size: 13px; line-height: 20px; font-weight:600;}
.datatable input.text_filter {width: auto;max-width: 100px;}
.kta-orange { background-color: orange;}
.kta-green { background-color:#00ce00;}
.kta-red, .dg-1 { background-color: red;}

ul.ColVis_collection {width:600px; background-color: #fff;}
ul.ColVis_collection li {float:left;}
ul.ColVis_collection li input {display:inline-block;}
ul.ColVis_collection li label { margin-bottom:0;}
.printBut { float:right; margin:0 10px 10px 0; overflow: hidden;}
.selLimit, .dataTables_length {float:left; width:auto; display:inline; margin-left:30px;}
.selLimit label{display: inline;}
.selLimit select, .dataTables_length select{display: inline;width: auto; margin-bottom:5px;}
.dataTables_filter {width:auto;}
.search-wrap {display:inline; position:relative;}
.search {display:none; position:relative; z-index:1000; background-color:#F9FBF4; padding:20px; border:2px solid rgba(0,0,0,0.2);}
.clients-search .search {width: unset;}
.search .format-d-m-y { max-width: 70% }
.search-results {display:inline; font-size:11px; font-weight:400;}
.search-results .btn {margin-left: 10px; display: inline-block; vertical-align: middle; margin-bottom: 4px; line-height: 16px;}

#beBut, .beWrap {display:none;}
.beWrap {background-color:#E8E8E8; padding:10px; margin:20px 0; border-bottom:#666 1px solid; border-top:#666 1px solid;}

.suggestionsBox {position: relative; left: 30px;  margin: 10px 0px 0px 0px;  width: 200px; background-color: #212427; -moz-border-radius: 7px; -webkit-border-radius: 7px; border: 2px solid #000; color: #fff; }
.suggestionList {margin: 0px; padding: 0px;}
.suggestionList li { margin: 0px 0px 3px 0px; padding: 3px; cursor: pointer;}
.suggestionList li:hover { background-color: #659CD8; }

.actionIcons { margin:0 1px; min-width: 140px; width: 140px;}
.actionIcons img{ margin:0 2px;}

.vat-list .actionIcons { width: 90px !important;}
.vat-list .printIcon { width: 40px !important;}
.vat-list .table-data-id { width: 60px !important;}
.sel-to-print, .sel-to-print-all { background:url(../../images/checkbox.png) 0 -16px no-repeat; background-size:cover; width:16px; height:16px; display:block;}
.sel-to-print.selected, .sel-to-print-all.selected {background-position: 0 0;}

/*
.autocomplete-w1 { background:url(../../images/shadow.png) no-repeat bottom right; position:absolute; top:0px; left:0px; margin:8px 0 0 6px; /* IE6 fix: *//* _background:none; _margin:0; }
.autocomplete { font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:14px; line-height:16px; border:1px solid #999; background:#ffffff; cursor:default; text-align:left; max-height:350px; overflow:auto; margin:-6px 6px 6px -6px; /* IE6 specific: *//* _height:350px;  _margin:0; _overflow-x:hidden; }
.autocomplete .selected { background:#EDFDFF; }
.autocomplete div { padding:8px; white-space:nowrap; }
.autocomplete strong { font-weight:normal; color:#3399FF; }
.autocomplete > div + div {
    border-top: 1px solid #EEEEEE;
}
*/

.autocomplete-suggestions { background:url(../../images/shadow.png) no-repeat bottom right; border: 1px solid #999; background: #FFF; cursor: default; overflow: auto; -webkit-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); -moz-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); }
.autocomplete-suggestion { border-top: 1px solid #EEEEEE; padding: 8px; white-space: nowrap; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:14px; line-height:16px;}
.autocomplete-no-suggestion { padding: 2px 5px;}
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: bold; color: #06C; }
.autocomplete-group { padding: 2px 5px; }
.autocomplete-group strong { font-weight: bold; font-size: 16px; color: #000; display: block; border-bottom: 1px solid #000; }

a.addrec {vertical-align: top; height: 30px; display: inline-block;}
a.addrec img {margin-left: 10px; margin-top: 3px;}
.addrec-wrap {position:relative; display:inline;}
.addrec-panel { position:absolute; top:-8px; right:-260px; background:#FC0; border:#CCC 1px solid; padding:10px 16px; -webkit-box-shadow: 3px 3px 8px 0px rgba(163,163,163,1); -moz-box-shadow: 3px 3px 8px 0px rgba(163,163,163,1); box-shadow: 3px 3px 8px 0px rgba(163,163,163,1);}
.addrec-panel h5 {margin-top: 0; margin-bottom: 10px;}

a.paginate_button {padding: 2px 5px; cursor: pointer;}
a.paginate_button.disabled, a.paginate_button.current {cursor:default; color: #c5c5c5;}
a.paginate_button.disabled:hover, a.paginate_button.current:hover {text-decoration:none;}

.select_filter, .text_filter { font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:12px; width:auto; float:left}
span.btn.btn-tag { margin-right: 10px; margin-top: 5px; margin-bottom: 5px; }

.fileswrapper {position:relative; width:30px; height:30px;}
.fileswrapper a{ background:url(../../images/users-files.png) center center no-repeat; overflow:hidden; background-color:#CCC; width:100%; height:100%; margin:1px; z-index:99999; display:block; line-height:30px; text-decoration:none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.fileswrapper a:hover{ border:#333 solid 1px; margin:0; background-color:#FFC }

.pp_content h4 {margin:0 0 20px 0;}
.pp_nav { display: none !important; }

#message						{ width:380px; position:relative}
#message h2						{ font-size:150%;color:#039; }

.code-highlight {font-style:italic; font-weight:600; color:#069;}

.addrec-panel {display:none; z-index:999;}
label input[type="checkbox"] {margin:0;}

.mydiv { position: relative; }
#slhistory .editmode, #slhistory .insmode { display: none; }
#slhistory th { font-size: 13px; font-weight: 600;}
#slhistory tr:first-child { background-color: #d6ebff; font-weight: bold;}
#slhistory tr td:first-child { overflow: visible; }
#slhistory tr.returning { background-color: #ffe2e2;  font-weight: bold;}
#slhistory .btn { display: inline-block; padding: 3px 5px; margin: 0 1px;}
.hist-collis, .hist-pcs, .hist-set, .hist-weight, .hist-netWeight, .hist-width, .hist-height, .hist-depth, .hist-volWeightRoad, .hist-volWeightSea, .hist-volWeightAir, .hist-volWeightCourier { text-align: right; }
.history-index { position: absolute; bottom: 0; right: 0; }
.history-index ul { list-style: none; margin: 0; padding: 0; }
.history-index ul li { display: block; overflow: hidden; margin-bottom: 6px;}
.history-index ul li span { width: 20px; height: 20px; border: 1px solid #000; display: block; float: left; margin-right: 10px;}
.cargo-first { background-color: #d6ebff;}
.cargo-in { background-color: #ffe2e2;}
.cargo-out { background-color: #F9F9F9;}
.cargo-error { background-color: #ff0000;}
.cargo-out .cargoOut_slhistory { display: none; }
.histCellRow {white-space: nowrap; border-bottom: 1px solid #abadc9;}
.selectToPage, .discountSel { margin:0; display: block; }
#slhistory_alert { background-color: #ff0000; color:#fff; text-shadow: 0 1px #000; animation: blinker 1.5s linear infinite; }
.page-title .alert {display: inline-block; margin-left: 30px; padding: 5px 12px; font-size: 14px; line-height: normal; margin-bottom: 0;  animation: blinker 1.5s linear infinite;}

.deltio a.btn { padding: 3px 5px; display: inline-block; margin: 0 2px 4px 0; }
.deltio a.btn.tooltip-btn { width: 20px; height: 20px; }
.dp-page {display: flex; align-items: center; width: 279mm; min-height: 216mm; padding: 10mm;}
.hidden-row { display: none; }

.modal-header { overflow: hidden;  }
.modal-header .close { font-size: 30px; color: #000; opacity: .6; }
.modal-header .close:hover { opacity: .85; }

.datetime-wrap .datetime-dropdown { position: absolute; z-index: 99;}
a.datetime-picker:link,a.datetime-picker:visited,a.datetime-picker:hover,a.datetime-picker:active,a.datetime-picker:focus{display:-moz-inline-stack;border:0 none;padding:0;margin:-5px 0 0 4px;background:transparent url(../../images/datepickerImages/cal.png) no-repeat 50% 50%;min-width:24px;line-height:1;cursor:pointer;visibility:visible;text-decoration:none;vertical-align:middle}
* html a.datetime-picker{width:16px}
a.datetime-picker{display:inline-block}
a.datetime-picker span{display:block;width:24px;height:24px;margin:auto 0}

select + .select2-container {margin-bottom: 10px;}

.emissionsResults h3 { margin:0 !important } 
.emissionsResults .span4 p { font-size: 17px; font-weight: 800; } 
.emissionsResults .span4 p span { margin-left: 3px; font-size: 15px; font-weight: 400; } 
@media(min-width:767px) {
    .emissionsResults .span4:nth-child(3n+1) {clear: both; margin-left: 0;}
}


@keyframes blinker {
    50% {
      opacity: 0;
    }
  }