ol li {
  margin-bottom: 1em;
}
span.bold {
  font-weight: bold;
}
.left {
  float: left !important;
}
.right {
  float: right !important;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.small-text {
  font-size:11px;
}
.clearfix {
  clear: both;
}
.no-padding {
	padding: 0 !important;
}
.no-padding-left {
	padding-left: 0 !important;
}
.no-padding-right {
	padding-right: 0 !important;
}
.white-bg {
  background-color: #ffffff;
}
i.small-icon {
  font-size: 0.8em;
}
i.medium-icon {
  font-size: 1.4em;
  color: #666;
}
i.big-icon {
  font-size: 2.8em;
  color: #aaa;
  margin: 8px 5px 0 0;
}
i.big-icon.active:hover {
  color: #777;
}
i.big-icon.active, i.big-icon2.active  {
  color: #666;
  cursor: pointer;
}
i.big-icon2 {
  font-size: 2.8em;
  color: #aaa;
  margin: 15px 5px 0 10px;
}
.icon-flipped {
  transform: scaleX(-1);
  -moz-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
}
.bordered {
  border:1px solid #ccc;
  border-radius: 1em;
}
.attachment {
  float:left;
  margin-right: 10px;
}
.help-block {
  color: #333;
}
.help-block.white {
  color: #fff !important;
}
.flash-message {
  width: 100%; 
  position: relative; 
  top: 0;
  padding: 10px;
  border:1px solid #cccccc; 
  z-index:501; 
  text-align: center;
}
.alert-success {
  background-color: #63aa19;
  color: #fff;
}
span.primary {
  color: #a00000;
}
span.success {
  color: #64bd63;
}
span.info {
  color: #4175ab;
}
span.warning {
  color: #805f08;
}
span.gray {
  color: #919191;
}
span.disabled,
span.gray-light {
  color: #cdcdcd;
}
.gray-lighter {
  background-color: #eeeeee;
}
.switchery {
  margin-left: 0 !important;
}
.login-page {
  background-color: #333;
}
.widget.widget-login {
  border-radius: 0;
}
.widget.overflow-hidden {

}
address.small-text {
  margin-top: 10px;
}
address.small-text .form-group.row {
  margin-bottom: .5em;
}
address.small-text .form-control {
  padding: 2px 5px;
  font-size: 11px;
}
.loader-wrap {
  z-index: 10000;
  opacity: 0.8 !important;
  margin-left: 0 !important; 
}
.public-page .loader-wrap {
  z-index: 10000;
  background: rgba(0, 0, 0, 0.4);
  margin-left: 0 !important;
}
.loader-wrap .help-block {
  position: absolute;
  top: 50%;
  left: 50%;
  line-height: 30px;
  margin-top: 30px;
  margin-left: -87px;
  color: #333;
  font-size: 32px;
  line-height: 1.2em;
  vertical-align: middle;
}
.nav-email-folders .help-block {
  margin-top: 1px;
}
.public-page .loader-wrap .fa {
  margin-left: -74px !important;
}

.public-page .loader-wrap .help-block {
  margin-left: -174px !important;
}
.info-block {
  font-size: 11px;
  font-weight: bold;
}
.help-inline {
  font-size: 12px;
}
.modal-processing {
  position: fixed;
  z-index: 0;
  right: 0;
  left: 0;
  top: 20px;
  bottom: 0;
  text-align: center;
}
.modal-processing .fa {
  font-size: 1.5em;
}
#payment_tabs li a {
  height: 64px;
}
#modal_payment_amount {
  font-size: 1.5em;
}
.post-links>li>a {
  color:#333 !important;
}
.public-content {
  margin-top: 10px;
}
.public-content h1 {
  margin-left: 40px;
}
.original-price {
  color: red;
  text-decoration: line-through;
}
.discount-price {
  color: red;
}
.widget {
  /*overflow: hidden;*/
}
.widget-body.highlight-content {
  min-height: 350px;
}
.upload-file {
  padding-bottom: 10px;
}
.remove-attachment {
  margin-left: 100px;
}
img.courier-option {
  /*  margin-top: -18px;*/
  padding: 0 10px 10px 10px;
}
span.service-option {
  display: block;
  margin-top: -3px;
  padding: 0 10px 10px 10px;
}
.img-thumbnail {
  margin-right: 10px;
}
/* Tooltip */
.tooltip-inner {
  margin-left: 5%;
  padding: 10px;
  white-space: normal;
  max-width: none;
  max-width: 350px;

}
.tooltip-inner ul{
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: left;
}
.tooltip-inner ul.dotted {
  list-style: disc;
  margin-left: 20px;
}
.tooltip-inner p {
  color: #ffffff;
  text-align: left;
  margin-bottom: 5px;
  padding-bottom: 5px;
}


.tooltip-inner ul li {
  color: #ffffff;
  padding-bottom: 10px;
}

.chat-sidebar-container {
  color:#000;
}
.sidebar-nav>li ul>li>a {
  padding: 5px 0 5px 22px;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  /* display: none; <- Crashes Chrome on hover */
  -webkit-appearance: none;
  margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}
.btn-primary:hover,
.btn-primary {
  background-color: #A00000 !important;
  border-color: #A00000;
}
.text-primary {
  color: #a00000 !important;
}
.btn-main:hover,
.btn-main {
  background-color: #5d8fc2 !important;
  border-color: #5d8fc2;
  color: #fff;
}

/* FORM */
input.error, button.error, select.error, ul.error {
  border-color: #cc0000 !important;
  background-color: #f3d8d8 !important;
}
label.error {
  color: #cc0000;
  font-size: 11px;
}
a.danger,
span.danger,
span.help-block.danger {
  color: #a94442 !important;
}
a.service-info {
  color: #a94442 !important;
  cursor: pointer;
  text-decoration: none;
}
input.ajax-response {
  background-image: none;
  background-repeat: no-repeat;
  background-position: right 10px center;
}
.parcel-block div {
  padding: 5px 0;
}
.parcel-block .form-control-label {
  margin-top: 5px;
}
.custom-block {
  padding: 15px;
}
.custom-block.no-padding {
  padding-left: 0;
  padding-right: 0;
}
.bootstrap-datetimepicker-widget {
  width: 250px;
  overflow: hidden;
}
.bootstrap-datetimepicker-widget td.day {
  width: 200px;
  line-height: 10px;
  font-size: 10px;
  padding: 0;
  margin:0;
}
.bootstrap-datetimepicker-widget th.dow {
  font-size: 10px;
}
input.has-info {
  margin-right: 10px;
}
.input-info {
  display: block;
  padding: 5px 10px;
}
/* select with custom icons */
.ui-selectmenu-menu .ui-menu.TFOiconSelectImg .ui-menu-item {
  padding: 0.5em 0 0.5em 3em;
}
.ui-selectmenu-menu .ui-menu.TFOiconSelectImg .ui-menu-item .ui-icon {
  height: 24px;
  width: 24px;
  top: 0.1em;
}
.ui-menu .ui-menu-item {
  font-size: 12px;
  padding: 10px !important;
}
.ui-selectmenu-text {
  font-size: 12px;
  font-weight: bold;
}
option.avatar {
  background-repeat: no-repeat !important;
  padding-left: 20px;
}
.avatar .ui-icon {
  background-position: left top;
}
.ui-menu-icons .ui-menu-item {
  padding-left: 6em !important;
}
.ui-icon.avatar {
  width: 60px;
  height: 27px;
}

span.TFOSizeImgSelected {
  float: left;
  width: 60px;
  height: 27px;
  margin:3px 0 4px 5px;
}
span.ui-selectmenu-text {
  float: left;
}
.ui-selectmenu-button span.ui-selectmenu-text {
  text-align: left;
  padding: 0.4em 1em 0.4em 1em !important;
  display: block;
  line-height: 1.4;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ui-selectmenu-button span.ui-icon {
  display: none;
}
/*MODAL*/
.modal-body {
  overflow: hidden;
  background-color: #eee;
}
.package-container {
  display: block;
  overflow: hidden;
  padding-bottom: 5px;
}
/* TAB */
.tab-content {
  overflow: hidden;
  padding-bottom: 25px;
  /*  min-height: 400px;*/
}
.tab-content.courier-tab-content {
  overflow: hidden;
  background-color: #a00000;
  padding-left: 0;
  /*  min-height: 400px;*/
}
.tab-pane .padding-pane {
  padding-top: 20px;
}
.tab-link {
  padding: 20px 10px 10px 10px;
}
.tab-link.active {
  background-color: #fff;
  border-top-left-radius: 1em;
  border-top-right-radius: 1em;
}
.tab-link .radio {
  margin-bottom: 0;
  text-align: center;
}
.tab-link.active .radio label {
  font-weight: bold;
}
.choice-tab {
  padding: 10px 5px 10px 5px;
}
.choice-tab:first-child {
  padding-bottom: 0;
}
.choice-tab label {
  color: #666;
  margin-bottom: 0;
}
.choice-tab.active label {
  font-weight: bold;
  color: #333;
}
.side-tabs li a,
.nav-tabs li a {
  font-weight: bold;
}

.form-wizard .nav-pills>li>a  {
  color: #fff;
  background-color: #666;
}
.form-wizard .nav-pills .nav-link,
.form-wizard .nav-pills .nav-link.active {
  cursor: default;
}
#courier_tab .nav-item .nav-link.active, 
.form-wizard .nav-pills .nav-link.active,
.form-wizard .nav-pills .nav-link.active.completed {
  background-color: #a00000;
}
#courier_tab .nav-item .nav-link.active, 
#courier_tab .nav-item .nav-link.active .help-block {
  color: #fff;
}
#courier_tab .nav-item .nav-link.courier-tab, 
.form-wizard .nav-pills .nav-link.nav-link.courier-tab,
.form-wizard .nav-pills .nav-link.nav-link.courier-tab{
  background-color: #666;
}
#courier_tab .nav-item .nav-link.courier-tab.active, 
.form-wizard .nav-pills .nav-link.nav-link.courier-tab.active,
.form-wizard .nav-pills .nav-link.nav-link.courier-tab.active.completed {
  background-color: #a00000;
}
#form_wizard .nav-item .nav-link {
  color: #fff;
}
#courier_tab .nav-item .nav-link {
  color: #fff;
  background-color: #666;
}

#courier_tab .nav-item {
  margin-right: 3px;
}
#courier_tab .nav-item a {
  text-align: center;
  padding: 10px 0;
}
.group-list {
  overflow: hidden;
  background-color: #333;
  clear: both;
  margin: auto;
  padding: 30px;
  margin-bottom: 30px;
  border-radius: 6px;
}
.group-list h4 {
  color: #ffffff;
}
.form-wizard .nav-pills .nav-link.disabled {
  background-color: #aaaaaa;
  cursor: not-allowed;
}

/* Top Link */
.widget-login-logo {
  margin: 0;
  background: #fff;
}
.account-link .fa {
  padding-right: 5px;
}
.account-balance {
  color: #FF0000;
  margin-left: 10px;
}
.dropdown-menu-right {
  right: auto !important;
  left: -103px;
}
.navbar-dashboard .navbar-nav>.open>a, .navbar-dashboard .navbar-nav>.open>a:hover, .navbar-dashboard .navbar-nav>.open>a:focus {
  background-color: #fff;
}
.sidebar-nav li a .label {
  margin-top: 0;
}
.sidebar-nav>.active>a, .sidebar-nav>h5.active {
  color: #F2BE35;
  background-color: #242424;
}
.sidebar-nav li a.highlight,
.sidebar-nav li a.highlight .fa{
  color: #fff;
}
.content {
  padding:50px 0;

}
.main-content {
  overflow: hidden;
  padding:20px;
  min-height: 600px;
}
.main-content.internal {
  background-color: #fff;
}
/* Datatable */

.dataTables_length {
  margin: 15px 0 0 0;
}
.table-emails .abc-checkbox label:before {
  left: -1px;
}
#internal_mail .dataTables_length {
  margin: 0;
}
#internal_mail .abc-checkbox {
  margin-left: -13px;
}
.table th, .table td.no-border {
  border: none;
}
table.dataTable thead .sorting, 
table.dataTable thead .sorting_asc, 
table.dataTable thead .sorting_desc {
  background : none;
  padding: 8px 10px;
}
table.dataTable thead th,
table.dataTable thead .sorting_asc {
  background-color: #ddd;
}
table.dataTable thead th,
table.dataTable tbody td{
  padding: 8px 10px;
}
.table .checkbox input {
  position: absolute;
}
table.dataTable thead th.center,
.table tbody td.center {
  text-align: center;
}
.table tbody td.bold {
  font-weight: bold;
}
.table .table-btn {
  width: 30px;
}
.table .btn-group.bootstrap-select {
  position: absolute;
  right: 30px;
}
.table td.datatables_action {
  position: relative;
  width: 120px;
}
.table-responsive {
  overflow: hidden;
  min-height: 350px;
}
.table-hover tbody tr > td {
  cursor: pointer;
}
.table-no-padding th, .table-no-padding td {
  padding:0;
}
.table-borderless th, .table-borderless td {
  border: none;
}
li.success,
.table tbody tr > td.success {

}

li.failed,
.table tbody tr > td.failed,
.table tbody tr > td.error {
  background-color: #f2dede !important;
  cursor: pointer;
}

li.warning,
.table tbody tr > td.warning {
  background-color: #fcf8e3 !important;
}
li.info,
.table tbody tr > td.info {
  background-color: #d9edf7 !important;
}
.btn.btn-recommend,
.table-hover tbody tr > td.success,
.table-hover tbody tr:hover > td.success {
  background-color: #d0e9c6 !important;
}

.table-hover tbody tr:hover > td.error {
  background-color: #ebcccc !important;
}

.table-hover tbody tr:hover > td.warning {
  background-color: #faf2cc !important;
}

.table tbody tr > td.cancel,
.table tbody tr > td.cancel a,
.table-hover tbody tr:hover > td.cancel {
  color: #aaaaaa !important;
}

.table-hover tbody tr:hover > td.info {
  background-color: #c4e3f3 !important;
}
.table tbody tr td.action {
  cursor: pointer;
}
.table tbody tr td.action i {
  font-size: 20px;
}
.table tbody tr td.action i.fa-minus-square-o,
.table tbody tr td.action i.fa-plus-square-o {
  font-size: 14px;
}
.table th.option {
  color: #fff;
  background-color: #555;
}
.table th.current {
  color: #fff;
  background-color: #333;
}
.btn.btn-current, 
.table td.current {
  color: #fff;
  background-color: #555;
}

.table td.current.success {
  color: #fff;
  background-color: #555 !important;
}

table tbody tr.disabled>td {
  background-color: #eeeeee !important;
}

table.dataTable tbody tr.selected tr {
  background-color: #B0BED9;
}

.borderless td, .borderless th {
  border: none;
  padding: 0 !important;
}
.pagination .paginate_button {
  background: #eee;
  border-radius: 0.25rem;
}
.dataTables_wrapper .dataTables_paginate .paginate_button,
.dataTables_wrapper .dataTables_paginate .paginate_button.active,
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  background: none;
  border: none;
  padding: 0;
}
.table-tooltip {
  position: absolute;
  z-index: 1000;
  /*margin-top: 8px;*/
}
.table-tooltip table th,
.table-tooltip table td {
  background-color: black;
  color: white;
  padding: 5px;
}
#plan_table tr.current th,
#plan_table tr.current td {
  background-color: #fff;
}
.pagination .paginate_button a {
  background: #eee;
  text-decoration: none;
  padding: 0.275rem 0.75rem;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #333;
}
.pagination .paginate_button.active a {
  background: none;
  font-weight: bold;
}
.pagination .paginate_button:first-child a {
  background-color: #eee;
  border-bottom-left-radius: 0.2rem;
  border-top-left-radius: 0.2rem;
}
.pagination .paginate_button:last-child a {
  background-color: #eee;
  border-bottom-right-radius: 0.2rem;
  border-top-right-radius: 0.2rem;
}
nav.page-controls {
  /*margin-left: 0;*/
}
.form-group.row {
  clear: both;
}
.courier-list.row {
  padding: 30px 10px 10px 10px;
}
.row.even {
  background-color: #eee;
}
.row.odd {
  background-color: #fff;
}
/* MODAL */
.modal-body .form-horizontal .col-sm-2,
.modal-body .form-horizontal .col-sm-10 {
  width: 100%
}
.modal-body .form-horizontal .control-label {
  text-align: left;
}
.modal-body .form-horizontal .col-sm-offset-2 {
  margin-left: 15px;
}
/* TAB */
#secondary_tab li a.nav-link.active {
  background-color: #666;
  color: #fff;
}

/* LOGO */
img.invoice-logo {
  position: absolute;
  left: 35%;
  width: 200px;
}

img.invoice-logo-right {
  width: 200px;
}
fieldset.light-border {
  border: 1px solid #ddd;
  border-radius: 6px;
  padding: 20px;
  margin-bottom: 20px;
  float: left;
  text-align: left;
}

/* Address Search */
.ajax-update,
.postcode-search,
.address-book-search,
.inter-location-search {
  background-image: none;
  background-repeat: no-repeat;
  background-position: right 10px center;
}
fieldset.search-group {
  border: 1px solid #ddd;
  border-radius: 6px;
  padding-top: 20px;
  margin: 0 10px 30px 10px;
  background: #a00000;
}
#location_search {
  position: relative;
}
a.update-address-btn,
fieldset.search-group label {
  color: #ffffff;
}
div.popup-container {
  position: relative;
}
div.sb-popup {
  position: absolute;
  z-index: 2000;
}
ul.search-results {
  position: relative;
  overflow: auto;
  max-height: 207px;
  list-style: none;
  z-index: 5;
  background: #fff;
  margin: 32px 0 0 -2px;
  padding: 0;
  border: 1px solid #ccc;
  box-shadow: 2px 3px 4px rgba(0, 0, 0, 0.25);
}
ul.search-results li {
  color: #000;
  padding: 5px 15px 5px 13px;
  cursor: pointer;
  font-size: 11px;
  text-align: left;
}
ul.search-results li:hover {
  background-color: #eee;
}
select.form-control {
  /*padding: 0 12px;*/
}
#wizard .navbar {
  margin-bottom: 20px;
}
#wizard .nav-tabs {
  background-color: transparent;
}
#wizard_bar .nav-pills {
  text-align: left;
  margin-left: 15px;
}
#wizard_bar .nav-pills li {
  /*    width: 24.3%;*/
  background-color: #eee;

}
#wizard_bar .nav-pills li a {
  display: block;
  float: left;
  width: 24.0%;
  cursor: pointer;
  text-decoration: none;
  padding-left: 20px;
  margin-right: 8px;
  background-color: #666;
  color: #fff;
}

#wizard_bar .nav-pills li.active a {
  background-color: #A00000;
}

#wizard_bar .nav-pills li.disabled a {
  background-color: #eee;
  color: #aaa;
  cursor: not-allowed;
}

#wizard_bar .nav-pills li.disabled a {
  background-color: #eee;
  color: #aaa;
  cursor: not-allowed;
}
.nav>li.disabled>a {
  color: #777;  
}
ul.courier-logos, ul.service-list {
  list-style: none;
  padding-left: 0;
}
ul.courier-logos li {
  float: left;
  padding: 5px 10px;
}
ul.service-list li {
  padding: 5px 0;
}

/* Payway Form */
.payway-card.payway-js-enabled {
  margin: 0 !important;
  width: 28.5em!important;
}
.payway-card select,
.payway-card input {
  border: 1px solid #e6e6e6;
  padding:10px;
  border-radius: 6px;
  box-shadow: none;

}

#cardholderName {
  width: 206px !important;
}

.payway-card .payway-expiration {
  width: 11em;
}

.payway-card label.payway-csc input, .payway-card-style label.payway-csc input {
  right: 2.2em;
}

.payway-card label.payway-csc, .payway-card-style label.payway-csc {
  text-align: left;
}
.payway-card .payway-type-read-only.payway-visa {
  padding: 0 10px;
  font-size: 11px;
  /*  bottom: 11px;*/
  border-bottom: 1px;
}

.payway-creditcard-testfacility {
  display: none;
}

.payway-card .payway-expiration select {
  font-size: 12px;
}

.payway-card .payway-creditcard-expirationseparator {
  right: 3em;
}

.payway-card .payway-expiration {
  right: -25px;
}

.payway-card .payway-expiration .payway-year {
  right: 30px;
}

.header-info {
  font-size: 20px;
  color: #343434;
}

.list-group-item {
  border: none;
}
/* EMAIL */
.email-details-content .receiver {
  margin-top: 0;
}
.email-details-content {
}
.original-message {
  background: #eee;
  padding-bottom: 15px;
}
.tooltip-inner {
  max-width: 350px;
}
.mobile-only {
  display: none !important;
}
.nav-tabs>.nav-item {
  /*border-bottom: 1px solid #eeeeee;*/
}
.button-row a {
  font-size: 12px;
  margin: 0 20px 30px 0;
}
@media only screen and (max-width:992px){

}

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {/* ipad portrait */
  .desktop-only {
    display: none !important;
  }
  .main-content {
    padding:10px;
  }
}

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape) {/* ipad landscape */
  .desktop-only {
    display: none !important;
  }
  .main-content {
    padding:10px;
  }
}

@media only screen and (max-width:767px){ /* mobile */
  .desktop-only {
    display: none !important;
  }
  .mobile-only {
    display: inline;
  }
  .col-md-12, .col-md-6 {
    padding: 5px 0;
  }
  .form-control-label {
    margin-left: 10px;
  }
  .main-content {
    padding: 20px 10px;
  }
  .nav {
    padding: 0;
  }
  .form-wizard .tab-pane {
    padding: 1rem 10px;
  }
  .nav-tabs>.nav-item {
    border-bottom: 1px solid #eeeeee;
  }
  .widget {
    padding: 5px;
  }
  .widget>header {
    padding-bottom: 0;
  }
  .widget-body.highlight-content {
    min-height: auto;
  }
  .widget-body h3 {
    font-size: 18px;
    margin-left: 10px;
  }
  .help-block {
    padding-bottom: 10px;
  }
  #address_source_tabs {
    width: 100%;
    padding: 0;
  }
  #tab_content {
    clear: both;
  }
  fieldset.search-group {
    padding-top: 0;
    padding-bottom: 0;
    margin: 0;
  }
  #city_postcode_search {
    margin-left: 10px;
    width: 93%;
  }
  #sb-popup-wizard {
    top: 40%;
    left: 8%;
  }
}