/**
 *  rbDeactivate Styling
 *  -------------------------
 *  @author Curtis McMullan [curtis.mcmullan@redballoon.com.au]
 *  @since 15/2/16
 */
.rb-deactivate {
  padding-bottom: 1rem;
}
.rb-deactivate .rb-deactivate--message {
  color: #ee2a24;
  font-weight: bold;
}
/**
 *  rbDeactivateModal Styling
 *  -------------------------
 *  @author Curtis McMullan [curtis.mcmullan@redballoon.com.au]
 *  @since 11/2/16
 */
.rb-deactivate-modal .rb-deactivate-modal--select-reason {
  margin-bottom: 1rem;
}
.rb-deactivate-modal .rb-deactivate-modal--reason {
  color: #666666;
}
.rb-deactivate-modal .rb-deactivate-modal--reason:hover,
.rb-deactivate-modal .rb-deactivate-modal--reason:focus {
  cursor: pointer;
}
/**
 *  rbAreYouSure Modal Styling
 *  -------------------------
 *  @author Curtis McMullan [curtis.mcmullan@redballoon.com.au]
 *  @since 15/2/16
 */
.rb-are-you-sure {
  padding: 2rem;
  text-align: center;
}
/**
 *  rbWidget Styling
 *  -------------------------
 *  @author Curtis McMullan [curtis.mcmullan@redballoon.com.au]
 *  @since 27/5/16
 */
.rb-dashboard-widget {
  padding: 1rem;
  border: 1px solid #d7d7d7;
  transition: 0.3s ease border-color;
  -webkit-transition: 0.3s ease border-color;
  text-align: center;
}
.rb-dashboard-widget:hover {
  border: 1px solid #606060;
  cursor: pointer;
}
.rb-dashboard-widget::after {
  content: " ";
  display: block;
  clear: both;
}
.rb-dashboard-widget--metric {
  border-radius: 100%;
  background-color: #F0F0F0;
  width: 150px;
  height: 150px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
.rb-dashboard-widget--metric-text {
  line-height: 150px;
  font-size: 40px;
}
.rb-dashboard-widget--metric-details {
  overflow: hidden;
}
.rb-dashboard-widget--metric-details-title {
  margin: 0;
  line-height: 50px;
}
.rb-dashboard .row .span3 {
  width: auto;
  margin-left: 20px;
}
.mainContainer form.small-search {
  padding: 5px 20px;
  width: 80%;
  margin-left: 10%;
  margin-top: 20px;
  margin-bottom: 30px;
}
.mainContainer form.small-search input {
  width: 92%;
}
/**
 *  Horizontal Table
 *  -----------------------------------------------------------
 *  @author Curtis McMullan [curtis.mcmullan@redballoon.com.au]
 *  @since 4/12/2015
 *
 *  This table displays columns horizontally, rather than vertically.
 */
.horizontal-table {
  width: 100%;
  margin-top: 12px;
  border-left: 1px solid #d7d7d7;
  border-right: 1px solid #d7d7d7;
}
.horizontal-table .leading {
  width: 200px;
  background-color: #f0f0f0;
}
.horizontal-table .row {
  border-bottom: 1px solid #d7d7d7;
}
.horizontal-table .row:first-child {
  border-top: 1px solid #d7d7d7;
}
.horizontal-table .cell {
  padding: 10px;
}
/**
 *  Extend Credit Modal
 *  -----------------------------------------------------------
 *  @author Curtis McMullan [curtis.mcmullan@redballoon.com.au]
 *  @since 7/12/2015
 *
 *
 */
.extendCreditModal {
  z-index: 1045 !important;
}
/**
 *  Continue with Action Modal
 *  -----------------------------------------------------------
 *  @author Curtis McMullan [curtis.mcmullan@redballoon.com.au]
 *  @since 4/12/2015
 *
 *  This modal presents a user with an "Are you sure?" modal
 */
.continue-with-action {
  z-index: 10000000;
  width: 500px;
  margin-left: -250px;
  text-align: center;
}
.continue-with-action .button-container {
  display: inline-block;
}
.continue-with-action-bg {
  z-index: 9999999 !important;
}
.comparison {
  margin-bottom: 25px;
}
.comparison__diff {
  display: flex;
}
.comparison__diff--has-changes .comparison__field-content {
  background-color: #dff0d8;
  border: 1px solid #d6e9c6;
  padding: 10px;
}
.comparison__diff--has-changes .comparison__field--current .comparison__field-content {
  background-color: #f2dede;
  border-color: #eed3d7;
}
.comparison__field {
  flex-basis: 50%;
  flex-grow: 0;
  flex-shrink: 0;
}
.comparison__field--current .comparison__field-content {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: 0;
}
.comparison__field-content {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
  height: 100%;
  box-sizing: border-box;
}
.friendlyUrl a {
  background: url('images/url-link-topcorner.png') no-repeat scroll 0 0 transparent;
  cursor: pointer;
  height: 51px;
  position: absolute;
  right: 0px;
  width: 130px;
}
.friendlyUrl a:hover {
  background: url('images/url-link-topcorner-hover.png') no-repeat scroll 0 0 transparent;
}
.priceOption .friendlyUrl {
  top: 0px;
}
.priceOption .friendlyUrl a {
  background: url('images/url-link-priceoption.png') no-repeat scroll 0 0 transparent;
  width: 55px;
}
.priceOption .friendlyUrl a:hover {
  background: url('images/url-link-priceoption-hover.png') no-repeat scroll 0 0 transparent;
}
.friendlyUrl {
  position: relative;
  right: -20px;
  top: -52px;
}
.scroll-to-fixed-fixed .friendlyUrl {
  position: absolute;
  right: 0px;
  top: 0px;
}
.header .productCode {
  padding-right: 40px;
}
ul.nav {
  margin-bottom: 0px !important;
}
.prices table {
  max-width: 700px;
  width: 100%;
}
.prices table td,
.prices table th {
  text-align: center !important;
}
.prices tr.values:hover {
  color: #999999;
}
.priceOptions {
  overflow: auto;
}
.priceOptions table {
  width: 100%;
}
.priceOptions table td,
.priceOptions table th {
  text-align: center !important;
}
.priceOptions tr.values:hover {
  color: #999999;
}
.linkPriceOptionModal table {
  width: 100%;
  margin-top: 20px;
}
.linkPriceOptionModal tr.values:hover {
  color: #999999;
}
.linkPriceOptionModal select {
  margin-bottom: 0px;
}
.experience {
  background: url('images/experience.png') no-repeat -1px 8px;
}
.giftbox {
  background: url('images/gift_box.png') no-repeat -1px 8px;
}
.other {
  background: url('images/other.png') no-repeat -1px 8px;
}
.notes-flow {
  overflow-y: scroll;
  overflow-x: hidden;
  height: 240px;
}
#notes .table {
  word-break: break-word;
}
.map {
  height: 420px;
  min-width: 450px;
}
/*
Fixes Bootstrap issues with Google Maps
see http://stackoverflow.com/a/9170756
*/
.map img {
  max-width: none;
}
.well-no-padding {
  padding: 3px 3px 3px 3px !important;
}
.map-search-result {
  width: 100%;
}
.map-search-result .pin {
  width: 70px;
  height: 74px;
  text-align: center;
  vertical-align: top;
  padding-top: 10px;
  border: 2px solid transparent;
  border-radius: 2px;
}
.map-search-result .pin:hover {
  border-color: rgba(0, 0, 0, 0.2);
  border-radius: 2px;
}
.rezdy-product-search-results {
  max-height: 200px;
  overflow-y: scroll;
  background-color: #fff;
  border: solid 1px #AAA;
  border-radius: 3px;
  margin-bottom: 30px;
  max-width: 1200px;
}
.live-availability-mapping .mapping-form-table {
  max-width: 1200px;
}
.modal .supplier-mapping-form-wrapper {
  text-align: center;
  padding-bottom: 15px;
  border-bottom: 1px solid #ddd;
  margin-bottom: 90px;
}
.modal .supplier-mapping-form-wrapper .supplier-mapping-form {
  text-align: left;
  border-top: 1px solid #dddddd;
  margin-top: 20px;
  padding-top: 10px;
}
.progress {
  display: inline-block;
  width: 100px;
  border: 3px groove #CCC;
}
.progress div {
  font-size: smaller;
  background: orange;
  width: 0;
}
.imageThumb {
  width: 24px;
  height: 24px;
  float: none;
  position: relative;
  top: 7px;
}
.set-to-honouring-modal .modal-body {
  min-height: 250px;
}
.location-container > .poi ~ .poi h5 {
  display: none;
}
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 */
}
.form-signin {
  max-width: 300px;
  padding: 19px 29px 29px;
  margin: 20px auto 20px;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
.input-prepend.input-block-level {
  display: table;
  width: 100%;
}
.input-prepend.input-block-level .add-on {
  display: table-cell;
  width: 1px;
}
.input-prepend.input-block-level > input {
  box-sizing: border-box;
  height: 30px;
  display: table-cell;
  width: 100%;
  border-left-style: none;
}
span.input-currency {
  position: relative;
  right: 228px;
  bottom: 3px;
}
span.input-percentage {
  position: relative;
  right: 22px;
  bottom: 3px;
}
input.currency {
  padding-left: 20px !important;
}
input.percentage {
  padding-right: 20px !important;
  text-align: right;
}
span.clickToEdit {
  display: inline-block;
  vertical-align: text-top;
}
span.clickToEdit p {
  margin-right: 20px;
  margin-bottom: 4px;
}
.inlineEdit form {
  padding-bottom: 0px;
  margin-bottom: 0px;
  display: inline;
}
span.clickToEdit:hover {
  display: inline-block;
  color: #999999;
}
.clickFieldEdit .icon-pencil {
  display: none;
}
.clickFieldEdit .icon-pencil:hover {
  text-decoration: underline;
}
.clickFieldEdit tr:hover .icon-pencil {
  display: inline;
}
.clickFieldEdit .editable {
  color: #666;
  border-bottom: none;
  cursor: pointer;
}
#headerTitle a.editable-click {
  text-decoration: none;
  border: 0;
}
a.editable-click .icon-pencil,
.clickFieldEdit .icon-pencil {
  display: none;
}
a.editable-click .icon-pencil:hover,
.clickFieldEdit .icon-pencil:hover {
  text-decoration: underline;
}
a.editable-click:hover .icon-pencil,
.clickFieldEdit tr:hover .icon-pencil {
  display: inline;
}
a.editable-click .icon-pencil {
  font-size: 12px;
  font-weight: normal;
  margin-left: 20px;
}
textarea {
  width: 100% !important;
  -webkit-box-sizing: border-box !important;
  -moz-box-sizing: border-box !important;
  box-sizing: border-box !important;
}
.inlineEdit .input-append {
  padding-bottom: 0px;
  margin-bottom: 0px;
}
.inline-block h1 {
  display: inline;
}
.editable-heading .icon-pencil {
  position: relative;
  left: -10px;
}
.mce-panel,
.mce-tinymce {
  border-radius: 4px 4px 4px 4px !important;
}
.mce-tinymce {
  border: 1px solid #CCCCCC !important;
}
.has-error .form-control,
.has-error .form-control:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border-color: #b7130e;
}
.text-danger {
  color: #b7130e;
}
.fixedToolBar {
  background-color: white;
}
.toolbar-container {
  padding: 20px 20px 20px 20px;
}
.headerTitle {
  display: inline;
  left: -20px;
  top: -1px;
  min-height: 100px;
  min-width: 250px !important;
  padding: 34px 0px 0px 20px;
  position: relative;
  width: auto;
}
h1 {
  font-family: "Univers Condensed" !important;
  font-size: 24px !important;
  padding: 0 0 15px 0;
  margin: 0 0 !important;
}
.fixedContent h1.pull-right {
  padding-right: 40px;
}
.fixedContent {
  padding: 20px 20px 5px 20px;
}
.fixedContent hr {
  margin-top: 18px;
}
ul.nav-pills button {
  margin-right: 5px;
}
.subnav {
  background-color: #EEEEEE;
  background-image: -moz-linear-gradient(center top, #f5f5f5 0%, #eeeeee 100%);
  background-repeat: repeat-x;
  border: 1px solid #E5E5E5;
  border-radius: 4px 4px 4px 4px;
  height: 36px;
  margin-bottom: 20px;
  padding-left: 2px;
  width: 100%;
}
div.subnav-fixed {
  top: 40px;
}
.subnav-fixed {
  background: white;
  border-color: #D5D5D5;
  border-radius: 0 0 0 0;
  border-width: 0 0 1px;
  box-shadow: 0 1px 0 #ffffff inset, 0 1px 5px rgba(0, 0, 0, 0.1);
  padding: 4px 4px;
  padding-left: 24% ;
  position: fixed;
  right: 20px;
  top: 41px;
  z-index: 1020;
}
.nav-action {
  float: left;
  padding-left: 4px;
  color: #999999;
  font-family: "Helvetica Neue", Helvetica, Arial, "Univers Condensed";
  line-height: 20px;
  white-space: nowrap;
}
.dropdown-menu > li > span {
  display: block;
  color: #d7d7d7;
  padding: 3px 20px;
}
.sidebar-nav {
  background-color: rgba(245, 245, 245, 0.5) !important;
  position: fixed;
  width: 22%;
}
@media (max-width: 979px) {
  .sidebar-nav {
    position: relative;
    width: 100%;
  }
}
.sidebar-nav .nav-header {
  color: #333333;
  font-size: 14px;
}
.sidebar-nav a {
  color: #666666;
}
.sidebar-nav a:hover {
  color: #666666;
}
.event-log.well {
  padding: 5px 10px 5px 10px;
}
.event-log ul {
  background: #ffffff;
  list-style-type: none;
  padding: 0;
  margin: 0;
  border: 1px solid #d7d7d7;
  overflow-y: scroll;
  overflow-x: hidden;
  height: 200px;
}
.event-log li {
  font-size: 10.5px;
  padding: 0px 3px 0px 3px;
}
.event-log li + li {
  border-top: 1px solid #d7d7d7;
}
.event-log a {
  color: #ee2a24;
}
.btn .caret {
  border-top-color: #7c7c7c !important;
  border-bottom-color: #7c7c7c !important;
}
.alfredLogo {
  background: url('images/Alfred-Logo.png') no-repeat center;
  height: 80px;
  width: 100%;
}
.editable-table .icon-pencil {
  visibility: hidden;
}
.editable-table .icon-pencil:hover {
  text-decoration: underline;
}
.editable-table tr:hover .icon-pencil {
  visibility: visible;
}
.editable-table .editable {
  color: #666;
  border-bottom: none;
  cursor: pointer;
}
.editable-field .icon-pencil {
  visibility: hidden;
}
.editable-field .icon-pencil:hover {
  text-decoration: underline;
}
.editable-field:hover .icon-pencil {
  visibility: visible;
}
.editable-field .editable {
  border-bottom: none;
  cursor: pointer;
}
.clickable {
  cursor: pointer;
}
.clickable i.icon-sort-up,
.clickable i.icon-sort-down {
  margin-left: 4px;
}
.add-user .modal-body {
  max-height: 500px;
}
.add-user .add-user-search {
  max-height: 230px;
  overflow-y: scroll;
  margin-bottom: 20px;
}
.dashboard-circles {
  margin-top: 50px;
  text-align: center;
}
.dashboard-circle {
  display: inline-block;
  border-radius: 50%;
  margin-left: 10px;
  border: 2px solid #fff;
  box-shadow: 0 0 0 1px #eaeaea;
  vertical-align: middle;
}
.dashboard-circle.new {
  background: #e6a830;
  box-shadow: 0 0 0 1px #eaeaea, inset 0 0 5px 3px rgba(0, 0, 0, 0.05);
  color: #fff;
}
.dashboard-circle.new .wrap {
  height: 150px;
  width: 150px;
}
.dashboard-circle.new .count {
  margin-top: 0;
  font-size: 44px;
}
.dashboard-circle.new .status {
  margin-top: 0;
}
.dashboard-circle.new .action .btn-dashboard-circle {
  margin-top: 10px;
}
.dashboard-circle.confirmed {
  background: #effaf0;
  color: #26C92E;
}
.dashboard-circle.confirmed .wrap {
  height: 135px;
  width: 135px;
}
.dashboard-circle.confirmed .count {
  font-size: 24px;
}
.dashboard-circle.complete {
  background: #eef5fa;
  color: #0390CD;
}
.dashboard-circle.complete .count {
  font-size: 18px;
}
.dashboard-circle .wrap {
  display: table;
  height: 120px;
  width: 120px;
}
.dashboard-circle .circle-content {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  line-height: 1;
}
.dashboard-circle .circle-content .action .btn-link {
  margin-top: 10px;
  font-size: 12px;
  margin: 0;
  padding: 0;
}
.dashboard-circle .status {
  margin-top: 2px;
}
.dashboard-circle .count {
  font-weight: bold;
  margin: 22px 0 0 0;
  padding: 0;
}
.dashboard-circle .realtime-count {
  margin-top: 3px;
  color: #888888;
  font-style: italic;
  font-size: 12px;
}
.btn-toolbar-title {
  margin: 0 10px;
  font-size: 14px;
  font-weight: normal;
}
.rb-suppliers-payments__search {
  width: 100%;
}
.rb-suppliers-payments__table-data__invoice {
  cursor: pointer;
}
.rb-suppliers-payments__table-data__checkbox-input {
  display: block;
}
#paymentsuppliers .header .orderTitle {
  margin-bottom: 20px;
}
#paymentsuppliers .header h1 {
  display: inline;
}
#paymentsuppliers .accordion-body {
  padding-left: 10px;
}
#paymentsuppliers table.orderItems tr.deactivated a {
  color: red;
}
#paymentsuppliers .accordion-caret {
  color: #ccc;
}
#paymentsuppliers .accordion-toggle.collapsed .icon-chevron-sign-up {
  display: none;
}
#paymentsuppliers .accordion-toggle:not(.collapsed) .icon-chevron-sign-down {
  display: none;
}
#paymentsuppliers .hiddenRow {
  padding: 0;
}
#paymentsuppliers .row-odd {
  background-color: #f2f2f2;
}
#paymentsuppliers .row-no-border td {
  border-top: 0px;
}
#paymentsuppliers .table-accordion-header {
  border-bottom: 1px solid #eee;
  padding-bottom: 5px;
}
#paymentsuppliers .orders-data div {
  padding-left: 5px;
}
#paymentsuppliers .orders-data table th,
#paymentsuppliers .orders-data table td {
  border-top: 0px;
  padding: 0px 10px 0px 0px;
}
#paymentsuppliers .orders-data h6 {
  margin-bottom: 0px;
  color: #888;
}
#paymentsuppliers .orders-data-actions button {
  margin-top: 25px;
  margin-bottom: 25px;
}
#paymentsuppliers .orders-data-actions .dropdown-menu {
  margin-top: -25px;
}
#pending .accordion-body,
#paymentrun .accordion-body {
  padding-left: 10px;
}
#pending .accordion-caret,
#paymentrun .accordion-caret {
  color: #ccc;
}
#pending .accordion-toggle.collapsed .icon-chevron-sign-up,
#paymentrun .accordion-toggle.collapsed .icon-chevron-sign-up {
  display: none;
}
#pending .accordion-toggle:not(.collapsed) .icon-chevron-sign-down,
#paymentrun .accordion-toggle:not(.collapsed) .icon-chevron-sign-down {
  display: none;
}
#pending .hiddenRow,
#paymentrun .hiddenRow {
  padding: 0;
}
#pending .row-odd,
#paymentrun .row-odd {
  background-color: #f2f2f2;
}
#pending .row-no-border td,
#paymentrun .row-no-border td {
  border-top: 0px;
}
.checkboxFixedWidth {
  width: 60px !important;
}
.tdStaticWidthPaymentHistory {
  width: 15% !important;
}
.tableHeaderCenterAlign {
  text-align: center !important;
}
.tdRightAlign {
  text-align: right !important;
}
.tdBoldAndRightAlign {
  text-align: right !important;
  font-weight: bold;
}
/*#mydiv {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    background-color: grey;
    opacity: .8;
}

.ajax-loader {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -32px; 
    margin-top: -32px; 
    display: block;
}*/
#orders .header .orderTitle,
#customerDetail .header .orderTitle {
  margin-bottom: 20px;
}
#orders .header h1,
#customerDetail .header h1 {
  display: inline;
}
#orders .accordion-body,
#customerDetail .accordion-body {
  padding-left: 10px;
}
#orders table.orderItems tr.deactivated a,
#customerDetail table.orderItems tr.deactivated a {
  color: red;
}
#orders .accordion-caret,
#customerDetail .accordion-caret {
  color: #ccc;
}
#orders .accordion-toggle.collapsed .icon-chevron-sign-up,
#customerDetail .accordion-toggle.collapsed .icon-chevron-sign-up {
  display: none;
}
#orders .accordion-toggle:not(.collapsed) .icon-chevron-sign-down,
#customerDetail .accordion-toggle:not(.collapsed) .icon-chevron-sign-down {
  display: none;
}
#orders .accordion-toggle.collapsed .icon-chevron-up,
#customerDetail .accordion-toggle.collapsed .icon-chevron-up {
  display: none;
}
#orders .accordion-toggle:not(.collapsed) .icon-chevron-down,
#customerDetail .accordion-toggle:not(.collapsed) .icon-chevron-down {
  display: none;
}
#orders .hiddenRow,
#customerDetail .hiddenRow {
  padding: 0;
}
#orders .row-odd,
#customerDetail .row-odd {
  background-color: #f9f9f9;
}
#orders .row-no-border td,
#customerDetail .row-no-border td {
  border-top: 0px;
}
#orders .table-accordion-header,
#customerDetail .table-accordion-header {
  border-bottom: 1px solid #eee;
  padding-bottom: 5px;
}
#orders .orders-data div,
#customerDetail .orders-data div {
  padding-left: 5px;
}
#orders .orders-data table th,
#customerDetail .orders-data table th,
#orders .orders-data table td,
#customerDetail .orders-data table td {
  border-top: 0px;
  padding: 0px 10px 0px 0px;
}
#orders .orders-data h6,
#customerDetail .orders-data h6 {
  margin-bottom: 0px;
  color: #888;
}
#orders .orders-data-actions button,
#customerDetail .orders-data-actions button {
  margin-top: 25px;
  margin-bottom: 25px;
}
#orders .orders-data-actions .dropdown-menu,
#customerDetail .orders-data-actions .dropdown-menu {
  margin-top: -25px;
}
#orders .customer-order-item,
#customerDetail .customer-order-item {
  border-top: 1px solid lightgray;
  border-bottom: 1px solid lightgray;
}
.view-booking-notes-btn {
  margin-top: 10px;
  margin-bottom: 10px;
}
.modal.refundModal {
  position: absolute;
  top: 1%;
}
.modal.refundModal.fade.in {
  top: 1%;
}
.modal.refundModal #refundForm > .modal-body {
  max-height: none;
}
.modal.refundModal #refundForm .input-prepend input {
  width: 90%;
}
.modal.refundModal #refundForm .input-prepend .add-on {
  width: 10%;
}
.modal.refundModal #refundForm input[type="checkbox"] {
  vertical-align: baseline;
}
.modal.refundModal #refundForm .select2-container .select2-choice {
  overflow: visible;
}
.modal.refundModal #refundForm .input-prepend.input-block-level > input {
  box-sizing: content-box;
  height: 20px;
}
.modal.refundModal #refundForm .maxAmount {
  position: relative;
  top: -10px;
  padding-right: 10px;
  text-align: right;
  font-size: 0.7em;
}
.order-item-edit-dispatch-modal {
  height: 360px;
}
.input-block-level .date-picker-input {
  background-color: white;
  cursor: initial;
}
.velocity {
  display: inline-block;
  margin-top: 0.5rem;
  padding: 1rem 2rem;
  border: 1px solid #f0f0f0;
  text-align: right;
}
.velocity a {
  margin-top: 5px;
}
.velocity p {
  margin: 0;
}
.velocity .reject {
  color: #e86868;
}
.velocity .success {
  color: #7cd584;
}
.velocity .pending {
  color: #f2c26e;
}
.velocity .clickFieldEdit {
  position: relative;
}
.velocity .clickFieldEdit i {
  position: absolute;
  top: 0px;
  right: -22px;
}
.velocity .error,
.velocity .info {
  margin-top: 5px;
}
.velocity .error p,
.velocity .info p {
  font-size: 0.65rem;
}
.velocity .loader {
  width: 20px;
  height: 20px;
  padding-top: 5px;
}
.velocity .alert {
  margin-bottom: 0px;
  text-align: center;
  padding: 8px 14px;
}
.velocity-notes .note {
  margin-bottom: 30px;
}
.velocity-notes .note h4 .success {
  color: #7cd584;
}
.velocity-notes .note h4 .rejected {
  color: #e86868;
}
.velocity-notes .note h4 .pending {
  color: #f2c26e;
}
.velocity-notes .note .table {
  border-top: 1px solid #DDDDDD;
}
.velocity-notes .note .table td {
  border-top: none;
}
.velocity-notes .note .table tr td:first-child {
  width: 60px;
}
.velocity-notes .note .table tr td:last-child {
  width: 155px;
}
.velocity-notes .note .table .rejected td {
  background-color: #ffbcbc;
}
.velocity-notes .note .table .success td {
  background-color: #bcffc1;
}
.velocity-notes .note .table .pending td {
  background-color: #ffe1bc;
}
.no-border tr td,
.table.no-border tr th {
  border-width: 0;
  width: 30%;
}
.table.no-border {
  width: unset;
}
.alignRight {
  text-align: right !important;
}
.todayOrder.date-picker-inputdiv {
  margin-right: -7px;
}
.todayOrder.date-picker-input {
  padding: 10px 0px;
}
#giftsearchheader {
  display: flex;
  margin-bottom: 30px;
  flex-direction: column;
  padding-left: 36px;
}
#giftsearchheader > div {
  margin-bottom: 18px;
}
#giftsearchheader input {
  margin-bottom: 0;
}
#giftsearchheader .input-append {
  white-space: normal;
}
#giftsearchheader .btn {
  background: #4a90e2;
  margin-left: -5px;
}
#giftsearchheader i.iconcolors {
  color: #fff;
  text-shadow: none;
}
#giftsearchheader .giftcardPin {
  width: 91px;
}
#giftsearchCardDetails .currenttable {
  width: 100%;
}
#giftsearchCardDetails .currenttable .accordicon {
  color: gray;
  font-size: 14px;
}
#giftsearchCardDetails td {
  border-bottom: 1px solid #e2e0e0;
  padding: 8px;
  line-height: 20px;
  text-align: left;
  vertical-align: top;
  font-size: 16px;
  color: #2e2e2e;
}
#giftsearchCardDetails .hiddenRow {
  padding: 0;
}
#giftsearchCardDetails .accordion-body.childaccordionbody {
  padding: 0px !important;
}
#giftsearchCardDetails .vouchertxt {
  color: #358ed7;
  font-weight: bold;
}
#giftsearchCardDetails .amtvalue {
  font-weight: bold;
}
#giftsearchCardDetails .innertdtext td {
  color: #7c7c7c !important;
}
#giftsearchCardDetails .giftfirst {
  width: 30%;
}
#giftsearchCardDetails .accordion-toggle.collapsed .icon-chevron-up {
  display: none;
}
#giftsearchCardDetails .accordion-toggle:not(.collapsed) .icon-chevron-down {
  display: none;
}
#giftvouchersearchheader {
  display: flex;
  align-items: center;
  margin-bottom: 30px;
  flex-wrap: wrap;
}
#giftvouchersearchheader .input-append {
  white-space: normal;
}
#giftvouchersearchheader .giftvouchernumber {
  width: 13em;
}
#giftvouchersearchheader .btn {
  background: #4a90e2;
}
#giftvouchersearchheader i.iconcolors {
  color: #fff;
  text-shadow: none;
}
#giftvouchersearchheader .giftcardPin {
  width: 91px;
}
#giftvouchersearchheader .giftvoucherheaderform {
  padding-left: 0;
  margin: 0;
  width: auto;
}
.giftvoucherheaderdiv .clear {
  clear: both;
}
.giftvoucherheaderdiv .span8.giftvoucherSpan8 {
  margin: 0;
}
.giftvoucherheaderdiv .span6.alertmessage {
  margin: 0;
}
.giftvoucherdatagrid .accordion-inner {
  padding: 0;
  border-top: 0 !important;
}
.giftvoucherdatagrid .accordion-group {
  border-bottom: 0 !important;
}
#giftvoucherCardDetails .giftvoucherfirst {
  width: 18%;
}
#giftvoucherCardDetails .currenttable {
  width: 100%;
}
#giftvoucherCardDetails .currenttable .accordicon {
  color: gray;
  font-size: 14px;
  top: 7px;
  position: relative;
}
#giftvoucherCardDetails td {
  border-bottom: 1px solid #e2e0e0;
  padding: 14px 8px;
  line-height: 20px;
  text-align: left;
  vertical-align: top;
  font-size: 16px;
  color: #2e2e2e;
}
#giftvoucherCardDetails .accordionarrowpadding {
  display: inline-block;
  position: relative;
  bottom: 8px;
}
#giftvoucherCardDetails .hiddenRow {
  padding: 0;
}
#giftvoucherCardDetails .accordion-body.childaccordionbody {
  padding: 0px !important;
}
#giftvoucherCardDetails .vouchertxt {
  color: #358ed7;
  font-weight: bold;
}
#giftvoucherCardDetails .amtvalue {
  font-weight: bold;
}
#giftvoucherCardDetails .innertdtext td {
  color: #7c7c7c !important;
}
#giftvoucherCardDetails .giftfirst {
  width: 30%;
}
#giftvoucherCardDetails .toprowbg {
  background: #E3F5FF;
}
#giftvoucherCardDetails .accordion-toggle.collapsed .icon-chevron-up {
  display: none;
}
#giftvoucherCardDetails .accordion-toggle:not(.collapsed) .icon-chevron-down {
  display: none;
}
#giftvoucherCardDetails .redeemcontainer-toggle.collapsed .icon-chevron-up {
  display: none;
}
#giftvoucherCardDetails .redeemcontainer-toggle:not(.collapsed) .icon-chevron-down {
  display: none;
}
#giftvoucherCardDetails .issuedlabel {
  font-size: 12px;
  background-color: #bd10e0;
  padding: 2px 4px;
  color: #fff;
}
#giftvoucherCardDetails .exchangelabel {
  font-size: 12px;
  background-color: #179e54;
  padding: 2px 4px;
  color: #fff;
}
#giftvoucherCardDetails #innertdforgc {
  margin-bottom: 0;
}
#giftvoucherCardDetails #innertdforgc .innerheading td {
  background-color: #ECF5FB;
}
#giftvoucherCardDetails #redemptioncontainer {
  padding: 10px 0 10px 10px!important;
  cursor: pointer;
}
#giftvoucherCardDetails #redemptioncontainer .accordicon {
  top: 0px;
}
#giftvoucherCardDetails .voucherpointer {
  cursor: pointer;
}
#giftvoucherCardDetails .voucherwidth {
  width: 20em;
}
#giftvoucherCardDetails .btnbottom {
  margin-top: 4px;
}
.importTrackingheaderdiv .clear {
  clear: both;
}
.importTrackingheaderdiv .span8.importTrackingSpan8 {
  margin: 0;
  margin-bottom: 20px;
}
.importTrackingheaderdiv .span8.alertmessage {
  margin: 0;
}
.importTrackingheaderdiv .trackscMessage a {
  word-break: break-word;
}
.span12.importTrackingSpan8 .span11.alertmessage {
  margin: 0;
}
.importTrackingSpan8 .dropzone {
  width: 70%;
  margin-left: auto;
  margin-right: auto;
}
#impTrackUploadContainer {
  align-items: center;
  display: flex;
}
.tracking-button {
  margin: 5px;
  height: 33px;
  width: 100px;
}
.tracking-progress {
  width: 98% !important;
  border: 2px solid #ccc !important;
  height: 10px !important;
  display: flex !important;
  margin-bottom: 10px !important;
  margin-top: 20px;
}
.tracking-progress-bar {
  background: #08a215 !important;
}
.tracking-upload {
  position: relative;
  margin-left: -10px;
}
.tracking-upload:before {
  content: "\f093";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  color: #fff;
  font-size: 18px;
  padding-right: 0.5em;
  top: 10px;
  left: 0;
}
.tracking-cancel {
  position: relative;
  margin-left: -10px;
}
.tracking-cancel:before {
  content: "\f00d";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  color: #fff;
  font-size: 18px;
  padding-right: 0.5em;
  top: 10px;
  left: 0;
}
.tracking-table {
  margin-top: 20px;
}
.tracking-name {
  float: left;
}
.tracking-size {
  float: right;
}
.uploadbtncontainer {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  max-width: 140px;
  width: 100%;
  padding: 6px 0;
  background-color: #697BDA;
  border-radius: 3px;
  position: relative;
  cursor: pointer;
}
.uploadbtncontainer .uploadlabel {
  color: #fff;
  position: relative;
  top: 2px;
}
.uploadbtncontainer .uploadicon {
  width: 12px;
  padding: 5px;
}
.uploadbtncontainer .trackuploadbtn {
  opacity: 0;
  position: absolute;
  left: 0;
  max-width: 115px;
  width: 100%;
}
.csvsampletxt {
  padding: 5px;
}
#importtrackloading .modal-overlay-content {
  top: 50%;
}
/*common properties*/
[ng\:cloak],
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak,
.ng-hide {
  display: none !important;
}
.width100 {
  width: 100%;
}
.transitions {
  -webkit-transition: all 0.75s;
  transition: all 0.75s;
}
.accordion-body.in {
  overflow: visible;
}
div#wrap {
  padding-top: 60px;
}
.place-over-input {
  position: relative;
  right: 20px;
  top: -4px;
}
.pointer {
  cursor: pointer;
}
.modal-body-datepicker {
  overflow-y: inherit !important;
}
div.btn-group ul > li > a {
  color: #666666;
}
div.scroll-to-fixed-fixed {
  margin-top: 50px;
}
h1.headerTitle > a {
  color: #666666;
}
h4.header-bar-text {
  padding-left: 10px;
  padding-right: 10px;
}
table .table th a {
  color: #666666;
}
table .maxscreenOnly {
  width: 46% !important;
  float: left;
  -webkit-transition: all 0.75s;
  transition: all 0.75s;
}
table .status-sort-align {
  padding-left: 20px !important;
}
.tabs-left > .nav-tabs {
  margin-right: -1px !important;
}
div.leftFloat,
div.rightFloat {
  width: 100%;
  -webkit-transition: all 0.75s;
  transition: all 0.75s;
}
.inlineDatepicker table {
  padding: 2px 4px;
}
.inlineDatepicker .btn {
  line-height: normal !important;
  padding: 2px 6px !important;
}
.table-width-max {
  width: 100%;
}
.table-width-max th,
.table-width-max td {
  text-align: left;
  line-height: 20px;
  border-top: 1px solid #dddddd;
}
.table-width-max th .pad,
.table-width-max td .pad {
  padding: 8px;
}
table tr td.norecord {
  text-align: center;
  padding: 1em 1em;
}
.table-custom th {
  text-align: right;
  padding-right: 5px;
}
.table-custom td {
  text-align: left;
}
.modal-body-lrg {
  max-height: 450px !important;
  overflow-y: auto;
  padding: 15px 15px;
  position: relative;
}
th.dmenu {
  margin-bottom: 2px;
}
th.dmenu .dropdown-menu a {
  color: #7c7c7c;
}
th.dmenu .nav-pills > li > a {
  margin-bottom: -4px;
}
table th select .form-control,
table th input .form-control {
  margin: 0 0;
  background: 0 0 no-repeat;
}
/* Status Icons */
.lightGray {
  color: #d7d7d7;
}
.status-published,
.status-unpublished {
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  height: 14px;
  width: 14px;
  display: inline-block;
  vertical-align: middle;
  margin: auto auto 4px auto;
}
.status-published {
  background-color: #8bc33e;
  -moz-box-shadow: inset -2px -2px 2px #709d31;
  -webkit-box-shadow: inset -2px -2px 2px #709d31;
  box-shadow: inset -2px -2px 2px #709d31;
}
.status-unpublished {
  background-color: #c5c5c5;
  -moz-box-shadow: inset 2px 2px 2px #b1b1b1;
  -webkit-box-shadow: inset 2px 2px 2px #b1b1b1;
  box-shadow: inset 2px 2px 2px #b1b1b1;
}
.statusSm {
  margin: 0 2px 0 0;
  position: relative;
  bottom: -2px;
}
.status-sm-new {
  width: 16px;
  height: 16px;
  display: inline-block;
  background: url(images/iconStatus.png) 119px 339px;
}
.status-sm-general-unpublish,
.status-sm-nothonouring {
  width: 16px;
  height: 16px;
  display: inline-block;
  background: url(images/iconStatus.png) 119px 255px;
}
.status-sm-special {
  width: 16px;
  height: 16px;
  display: inline-block;
  background: url(images/iconStatus.png) 119px 221px;
}
.status-sm-bonus {
  width: 16px;
  height: 16px;
  display: inline-block;
  background: #333eee;
}
.status-sm-bonus::before {
  content: "B";
  top: -2px;
  position: relative;
  font-size: 12px;
  font-weight: bold;
  color: #ffffff;
}
.status-sm-manualavailability {
  width: 16px;
  height: 16px;
  display: inline-block;
  background: url(images/iconStatus.png) 119px 289px;
}
.status-sm-honouring {
  width: 16px;
  height: 16px;
  display: inline-block;
  background: url(images/iconStatus.png) 119px 272px;
}
.status-sm-exclusive {
  width: 16px;
  height: 16px;
  display: inline-block;
  background: url(images/iconStatus.png) 119px 204px;
}
.status-sm-preview {
  width: 16px;
  height: 16px;
  display: inline-block;
  background: url(images/iconStatus.png) 119px 305px;
}
.status-sm-liveavailability {
  width: 16px;
  height: 16px;
  display: inline-block;
  background: url(images/iconStatus.png) 119px 238px;
}
.status-sm-archived {
  width: 16px;
  height: 16px;
  display: inline-block;
  background: url(images/iconStatus.png) 119px 289px;
}
.comission-error {
  color: red;
  border-color: red;
}
.campaign-list {
  color: #ff0000;
}
/* Start Media Queries */
/* Laptops & larger Tablets */
@media only screen and (min-width: 767px) and (max-width: 979px) {
  body {
    -webkit-transition: all 0.75s;
    transition: all 0.75s;
    height: 100%;
  }
  div#wrap {
    padding-top: 0;
  }
  #logoutBox {
    padding-right: 1em;
    font-weight: bold;
  }
  div.scroll-to-fixed-fixed {
    margin-top: 0px;
    -webkit-transition: all 0.75s;
    transition: all 0.75s;
  }
  .navbar-inner ul {
    width: 100%;
    margin: auto;
  }
  .navbar-inner ul li {
    width: 100%;
    padding: 4px 6px;
    margin: auto;
    border-bottom: 1px dashed #999999;
  }
  .navbar-inner ul > li:last-child {
    border-bottom: 0px dashed #999999;
  }
  ul.nav li:nth-child(1) {
    display: none;
  }
  ul.nav li:nth-child(n+2) {
    background: none;
  }
  .navbar .nav > li > a {
    padding: 6px 20px;
    font-weight: 200;
    color: white;
  }
  .dropdown.hover-open:focus .dropdown-menu {
    display: block;
  }
  /*POPUP*/
  .navbar-inverse .navbar-inner {
    background: #444444;
    border-color: #333333;
  }
  .navbar-inverse .navbar-inner .navbar ul.nav {
    float: right;
  }
  .navbar-inverse .navbar-inner ul.dropdown-menu > li > a {
    color: #ffffff;
    font-weight: normal;
  }
  .nav-collapse .dropdown-menu {
    background-clip: padding-box;
    background-color: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    list-style: none outside none;
    min-width: 160px;
    max-width: 460px;
    padding: 0 0;
    position: static;
    top: 100%;
    z-index: 1000;
  }
  .nav-collapse .dropdown-menu > li:nth-child(1) {
    display: block;
  }
  .nav-collapse .dropdown-menu > li a ul > li {
    padding: 2px 0px;
    line-height: 10px;
    font-weight: 100;
    font-size: 90%;
  }
  .nav-collapse .dropdown-menu a {
    padding: 4px 15px;
  }
  .nav-collapse ul.nav {
    margin: 0px 0;
  }
  .nav-collapse ul.nav > li:nth-child(n+2) {
    background: none;
  }
  .navbar .nav > li > .dropdown-menu:before {
    border-bottom: 6px solid #ffffff;
    border-left: 6px solid rgba(0, 0, 0, 0);
    border-right: 6px solid rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    left: 20px;
    position: relative;
    top: -14px;
    line-height: 2px;
  }
  .navbar .nav > li > a {
    padding: 4px 10px;
    font-weight: 100;
    color: #ffffff;
    line-height: 14px;
  }
  .navbar-inner ul li > ul li {
    width: 98%;
    border-bottom: 0px;
  }
  li.dropdown {
    padding: 15px;
  }
  a.dropdown-toggle {
    padding: 1px;
  }
  ul.horizontalList > li > div.row-fluid > div {
    font-size: 120%;
    padding-top: 10px;
    text-align: left;
    margin: 0 0;
    width: 100%;
  }
}
div.tab-content .span12 {
  width: 90%;
}
.tabbable > ul.nav > li {
  display: block;
}
/* Mobile - Small Screen */
@media only screen and (min-width: 240px) and (max-width: 768px) {
  body {
    height: 100%;
    margin: 0 0;
    padding: 0 0;
    -webkit-transition: all 0.75s;
    transition: all 0.75s;
  }
  .mainContainer {
    padding: 20px 4px;
  }
  .accordion-inner {
    padding: 9px 2px;
  }
  div.scroll-to-fixed-fixed {
    margin-top: 0px;
    position: static;
    -webkit-transition: all 0.75s;
    transition: all 0.75s;
  }
  div#wrap {
    padding-top: 0;
  }
  .navbar-fixed-top,
  .navbar-fixed-bottom,
  .navbar-static-top {
    margin-left: 2px;
    margin-right: 2px;
    -webkit-transition: all 0.75s;
    transition: all 0.75s;
  }
  .navbar-inner .brand {
    margin: auto;
    display: block;
  }
  .navbar-inner ul {
    width: 100%;
    margin: auto;
  }
  .navbar-inner ul li {
    width: 100%;
    padding: 2px 2px;
    margin: auto;
    border-bottom: 1px dashed #999999;
  }
  .navbar-inner ul li > ul li {
    width: 98%;
    border-bottom: 0px;
  }
  .navbar-inner ul li:last-child {
    border-bottom: 0px dashed #999999;
  }
  .navbar-inner div.span1 {
    display: none;
  }
  ul.nav li:nth-child(n+2) {
    background: none;
  }
  ul.nav li:nth-child(1) {
    display: none;
  }
  .navbar .nav > li > a {
    padding: 10px 20px;
    font-weight: 100;
    color: #ffffff;
    line-height: 16px;
  }
  /* POPUP */
  .nav-collapse {
    -webkit-transition: all 0.75s;
    transition: all 0.75s;
  }
  .nav-collapse ul.nav > li:nth-child(n+2) {
    background: none;
  }
  .nav-collapse .dropdown-menu {
    background-clip: padding-box;
    background-color: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    color: #ffffff;
    display: none;
    left: 0;
    list-style: none outside none;
    min-width: 160px;
    max-width: 260px;
    padding: 0 0;
    position: static;
    top: 100%;
    z-index: 1000;
  }
  .nav-collapse .dropdown-menu > li a ul > li {
    padding: 2px 0px;
    line-height: 14px;
    font-weight: 100;
    font-size: 90%;
  }
  .nav-collapse .dropdown-menu > li:nth-child(1) {
    display: block;
  }
  .nav-collapse .dropdown-menu a {
    padding: 10px 15px;
    color: #ffffff;
  }
  .navbar-inverse .navbar-inner ul.dropdown-menu > li > a {
    color: #ffffff;
    font-weight: normal;
  }
  .navbar .nav > li > .dropdown-menu:before {
    border: 6px solid #ffffff;
    border-top: 0;
    content: "";
    display: inline-block;
    left: 20px;
    position: relative;
    top: -14px;
    line-height: 2px;
  }
  .navbar .nav > li > a {
    padding: 10px 15px;
    color: #ffffff;
  }
  #logoutBox {
    padding-right: 1em;
    font-weight: bold;
  }
  button#searchbtn {
    width: 58px;
    left: 0px;
    -webkit-transition: all 0.75s;
    transition: all 0.75s;
  }
  ul.horizontalList > li > div.row-fluid > div {
    font-size: 110%;
    padding-top: 10px;
    text-align: left;
    margin: 0 0;
    width: 100%;
    display: block;
    clear: both;
  }
  table.table tr > th,
  table.table-striped tbody > tr:nth-child(1) > th {
    font-size: 90%;
    font-weight: bold;
    padding: 2px 0 4px 4px;
  }
  .well {
    padding: 2px 2px;
  }
  .tabbable > ul.nav > li {
    display: block;
  }
}
/* Desktop - largest Screen - double column */
@media only screen and (min-width: 1240px) {
  body {
    height: 100%;
    -webkit-transition: all 0.75s;
    transition: all 0.75s;
  }
  div.leftFloat {
    width: 49%;
    float: left;
    -webkit-transition: all 0.75s;
    transition: all 0.75s;
  }
  div.rightFloat {
    -webkit-transition: all 0.75s;
    transition: all 0.75s;
    width: 49%;
    float: right;
  }
  div.rightFloat > div.in,
  div.rightFloat > div.accordion-body,
  div.rightFloat > div.collapse {
    height: auto;
    position: static;
  }
  div.h400 {
    min-height: 410px !important;
  }
  div.fullWidthFloat {
    width: 100%;
    clear: both;
    -webkit-transition: all 0.75s;
    transition: all 0.75s;
  }
  table.maxscreenOnly {
    width: 48% !important;
    min-width: 310px !important;
    float: left;
    -webkit-transition: all 0.75s;
    transition: all 0.75s;
  }
}
/* TinyMCE overrides */
.mce-path {
  display: none !important;
}
/* progress-bar, loading animations, spinner */
.progress {
  width: 100%;
  height: 2px;
}
.progress-wrap {
  background: #f80;
  margin: 20px 0;
  overflow: hidden;
  position: relative;
}
.progress-wrap .progress-bar {
  background: #ddd;
  left: 0;
  position: absolute;
  top: 0;
}
@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
    -moz-transform: rotate(359deg);
    -ms-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.icon-spinner {
  -webkit-animation-name: rotate;
  -webkit-animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: rotate;
  -moz-animation-duration: 2s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  animation-name: rotate;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
.cd-container {
  /* this class is used to give a max-width to the element it is applied to, and center it horizontally when it reaches that max-width */
  width: 90%;
  max-width: 1170px;
  margin: 0 auto;
}
.cd-container::after {
  /* clearfix */
  content: '';
  display: table;
  clear: both;
}
#cd-nav ul {
  /* mobile first */
  position: fixed;
  width: 90%;
  max-width: 200px;
  right: 5%;
  bottom: 20px;
  border-radius: 0.25em;
  box-shadow: 0 0 10px #b1b1b1;
  background: rbga(255, 255, 255, 0.75);
  visibility: hidden;
  /* remove overflow:hidden if you want to create a drop-down menu - but then remember to fix/eliminate the list items animation */
  overflow: hidden;
  z-index: 1;
  /* Force Hardware Acceleration in WebKit */
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: 100% 100%;
  -moz-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  -o-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
  -webkit-transition: -webkit-transform 0.3s, visibility 0s 0.3s;
  -moz-transition: -moz-transform 0.3s, visibility 0s 0.3s;
  transition: transform 0.3s, visibility 0s 0.3s;
}
#cd-nav ul li {
  /* Force Hardware Acceleration in WebKit */
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
#cd-nav ul.is-visible {
  visibility: visible;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: -webkit-transform 0.3s, visibility 0s 0s;
  -moz-transition: -moz-transform 0.3s, visibility 0s 0s;
  transition: transform 0.3s, visibility 0s 0s;
}
#cd-nav ul.is-visible li:nth-child(1) {
  /* list items animation */
  -webkit-animation: cd-slide-in 0.2s;
  -moz-animation: cd-slide-in 0.2s;
  animation: cd-slide-in 0.2s;
}
#cd-nav ul.is-visible li:nth-child(2) {
  -webkit-animation: cd-slide-in 0.3s;
  -moz-animation: cd-slide-in 0.3s;
  animation: cd-slide-in 0.3s;
}
#cd-nav ul.is-visible li:nth-child(3) {
  -webkit-animation: cd-slide-in 0.4s;
  -moz-animation: cd-slide-in 0.4s;
  animation: cd-slide-in 0.4s;
}
#cd-nav ul.is-visible li:nth-child(4) {
  -webkit-animation: cd-slide-in 0.5s;
  -moz-animation: cd-slide-in 0.5s;
  animation: cd-slide-in 0.5s;
}
#cd-nav ul.is-visible li:nth-child(5) {
  -webkit-animation: cd-slide-in 0.6s;
  -moz-animation: cd-slide-in 0.6s;
  animation: cd-slide-in 0.6s;
}
#cd-nav li a {
  display: block;
  padding: 0.6em;
  border-bottom: 1px solid #eff2f6;
}
#cd-nav li:last-child a {
  border-bottom: none;
}
@media only screen and (min-width: 1170px) {
  .cd-nav-trigger {
    /* the the menu triger is hidden by default on desktop devices */
    visibility: hidden;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition: -webkit-transform 0.3s, visibility 0s 0.3s;
    -moz-transition: -moz-transform 0.3s, visibility 0s 0.3s;
    transition: transform 0.3s, visibility 0s 0.3s;
  }
  .is-fixed .cd-nav-trigger {
    visibility: visible;
    -webkit-transition: all 0s;
    -moz-transition: all 0s;
    transition: all 0s;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-animation: cd-bounce-in 0.3s linear;
    -moz-animation: cd-bounce-in 0.3s linear;
    animation: cd-bounce-in 0.3s linear;
    background-color: rgba(255, 255, 255, 0.5);
  }
}
.cd-nav-trigger {
  position: fixed;
  bottom: 20px;
  right: 5%;
  width: 44px;
  height: 44px;
  /*background: white;*/
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 0.25em;
  box-shadow: 0 0 10px #b1b1b1;
  /* image replacement */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  z-index: 2;
}
.cd-nav-trigger span {
  /* the span element is used to create the menu icon */
  position: absolute;
  display: block;
  width: 20px;
  height: 2px;
  background: #666666;
  top: 50%;
  margin-top: -1px;
  left: 50%;
  margin-left: -10px;
  -webkit-transition: background 0.3s;
  -moz-transition: background 0.3s;
  transition: background 0.3s;
}
.cd-nav-trigger span::before,
.cd-nav-trigger span::after {
  content: '';
  position: absolute;
  left: 0;
  background: inherit;
  width: 100%;
  height: 100%;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: -webkit-transform 0.3s, background 0s;
  -moz-transition: -moz-transform 0.3s, background 0s;
  transition: transform 0.3s, background 0s;
}
.cd-nav-trigger span::before {
  top: -6px;
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -ms-transform: rotate(0);
  -o-transform: rotate(0);
  transform: rotate(0);
}
.cd-nav-trigger span::after {
  bottom: -6px;
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -ms-transform: rotate(0);
  -o-transform: rotate(0);
  transform: rotate(0);
}
.cd-nav-trigger.menu-is-open {
  box-shadow: none;
}
.cd-nav-trigger.menu-is-open span {
  background: rgba(232, 74, 100, 0);
}
.cd-nav-trigger.menu-is-open span::before,
.cd-nav-trigger.menu-is-open span::after {
  background: #b1b1b1;
}
.cd-nav-trigger.menu-is-open span::before {
  top: 0;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}
.cd-nav-trigger.menu-is-open span::after {
  bottom: 0;
  -webkit-transform: rotate(225deg);
  -moz-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  -o-transform: rotate(225deg);
  transform: rotate(225deg);
}
@media only screen and (min-width: 1170px) {
  .cd-nav-trigger {
    /* the the menu triger is hidden by default on desktop devices */
    visibility: hidden;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition: -webkit-transform 0.3s, visibility 0s 0.3s;
    -moz-transition: -moz-transform 0.3s, visibility 0s 0.3s;
    transition: transform 0.3s, visibility 0s 0.3s;
  }
  .is-fixed .cd-nav-trigger {
    visibility: visible;
    -webkit-transition: all 0s;
    -moz-transition: all 0s;
    transition: all 0s;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-animation: cd-bounce-in 0.3s linear;
    -moz-animation: cd-bounce-in 0.3s linear;
    animation: cd-bounce-in 0.3s linear;
    background-color: rgba(255, 255, 255, 0.5);
  }
}
#cd-gallery-items li {
  margin-bottom: 1.5em;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  border-radius: 0.25em;
}
#cd-gallery-items li img {
  width: 100%;
  display: block;
  border-radius: 0.25em;
}
@media only screen and (min-width: 768px) {
  #cd-gallery-items li {
    width: 48%;
    float: left;
    margin-bottom: 2em;
    margin-right: 4%;
  }
  #cd-gallery-items li:nth-child(2n) {
    margin-right: 0;
  }
}
@media only screen and (min-width: 1170px) {
  #cd-gallery-items li {
    width: 31%;
    float: left;
    margin-bottom: 2.5em;
    margin-right: 3.5%;
  }
  #cd-gallery-items li:nth-child(2n) {
    margin-right: 3.5%;
  }
  #cd-gallery-items li:nth-child(3n) {
    margin-right: 0;
  }
}
@-webkit-keyframes cd-slide-in {
  0% {
    -webkit-transform: translateX(100px);
  }
  100% {
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes cd-slide-in {
  0% {
    -moz-transform: translateX(100px);
  }
  100% {
    -moz-transform: translateY(0);
  }
}
@keyframes cd-slide-in {
  0% {
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -ms-transform: translateX(100px);
    -o-transform: translateX(100px);
    transform: translateX(100px);
  }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes cd-bounce-in {
  0% {
    -webkit-transform: scale(0);
  }
  60% {
    -webkit-transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
  }
}
@-moz-keyframes cd-bounce-in {
  0% {
    -moz-transform: scale(0);
  }
  60% {
    -moz-transform: scale(1.2);
  }
  100% {
    -moz-transform: scale(1);
  }
}
@keyframes cd-bounce-in {
  0% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
  }
  60% {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
.selection-hover {
  cursor: pointer;
}
.selection-hover:hover {
  background-color: #cecece;
  color: white;
}
#customerDetail .customer-id {
  text-align: right;
}
#customerDetail .btns-wrap {
  padding: 5px 20px;
}
#customerDetail .general-info .accordion-inner {
  padding: 9px 2px;
}
#customerDetail .general-info .accordion-group,
#customerDetail .call-history .accordion-group {
  border-bottom-width: 0px !important;
}
#customerDetail .fixedToolBar--divider {
  clear: both;
}
#customerDetail .main-info {
  border-bottom: 1px solid #999999;
}
#customerDetail .call-history {
  position: relative;
}
#customerDetail .call-history table {
  table-layout: fixed;
}
#customerDetail .call-history table th:first-child {
  width: 70px;
}
#customerDetail .call-history table th:nth-child(3) {
  width: 70px;
}
#customerDetail .call-history .cutText {
  overflow: hidden;
  white-space: normal;
}
#customerDetail .call-history.reduced .cutText {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#customerDetail #expandCallHistory {
  position: absolute;
  right: 0;
  text-decoration: none;
  color: #666;
  cursor: hand;
}
#customerDetail #loadMoreCallHistory {
  position: absolute;
  right: 0;
  bottom: 10px;
  text-decoration: none;
  color: #666;
  cursor: hand;
}
#customerDetail #customerSubscriptions label {
  display: inline;
  margin-bottom: 0;
}
#customerDetail #customerSubscriptions li {
  list-style-type: none;
}
#customerDetail #customerSubscriptions input[type='checkbox'] {
  vertical-align: baseline;
}
#customerDetail #customerSubscriptions #subNewsLetter {
  margin-left: 20px;
}
#customerDetail .accordion-inner {
  position: relative;
}
#customerDetail .accordion-inner .social-login-container {
  position: absolute;
  top: 10px;
  right: 10px;
}
#customerDetail .accordion-inner .social-login-container span.large {
  font-size: 160%;
}
#customerDetail .accordion-inner .social-login-container span.large i.facebook {
  color: #3b5998;
}
#customerDetail .accordion-inner .social-login-container span.large i.google-plus {
  color: #DD4B39;
}
#customerDetail .accordion-inner .social-login-container span.large i.large {
  font-size: 160%;
}
#customerDetail .clickFieldEdit .form-inline.editable-wrap {
  position: relative;
  z-index: 2;
}
#customerDetail .emailField {
  font-size: 1.2em;
}
#customerDetail .emailField .editable-input.editable-has-buttons {
  width: 300px;
}
#wrapUpForm .modal-body {
  overflow: visible;
}
.largeInput {
  width: 200px;
}
#giftTabContent {
  border: 1px solid #ccc;
}
#giftTabContent .accordion-group {
  border: 0 !important;
}
#giftTabContent .accordion-body {
  padding: 10px !important;
}
#giftTabContent .accordicon-caret {
  color: #2e2e2e;
}
#giftTabContent .accordion-inner {
  padding: 0;
  border: 0;
}
#giftTabContent .currenttable {
  width: 100%;
}
#giftTabContent .currenttable .accordicon {
  color: gray;
  font-size: 14px;
}
#giftTabContent td {
  border-bottom: 1px solid #e2e0e0;
  padding: 8px;
  line-height: 20px;
  text-align: left;
  vertical-align: top;
  font-size: 16px;
  color: #2e2e2e;
}
#giftTabContent .hiddenRow {
  padding: 0;
}
#giftTabContent .accordion-body.childaccordionbody {
  padding: 0px !important;
}
#giftTabContent .currentHeading {
  width: 100%;
}
#giftTabContent .currentHeading .remainingtd {
  width: 35%;
  border: 0;
}
#giftTabContent .currentHeading .expiringtd {
  width: 65%;
  border: 0;
}
#giftTabContent .currentHeading .remainingtext {
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #2e2e2e;
  font-size: 20px;
}
#giftTabContent .currentHeading .remainingtext .remainingamt {
  font-weight: bold;
  font-size: 24px;
}
#giftTabContent .currentHeading .expiringtext {
  font-size: 20px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #d49021;
}
#giftTabContent .currentHeading .expiringtext .expiringamt {
  font-weight: bold;
  font-size: 24px;
}
#giftTabContent .currentHeading .expiredcolor {
  color: #ee3f3a !important;
}
#giftTabContent .vouchertxt {
  color: #358ed7;
  font-weight: bold;
  text-decoration: none;
}
#giftTabContent .amtvalue {
  font-weight: bold;
}
#giftTabContent .innertdtext td {
  color: #7c7c7c !important;
}
#giftTabContent .issuedlabel {
  font-size: 12px;
  background-color: #bd10e0;
  padding: 2px 4px;
  color: #fff;
}
#giftTabContent .exchangelabel {
  font-size: 12px;
  background-color: #179e54;
  padding: 2px 4px;
  color: #fff;
}
.giftfirst {
  width: 30%;
}
.giftvouchernavtabs {
  margin-left: 47px;
  font-size: 16px;
}
.giftvouchernavtabs .active > a,
.giftvouchernavtabs .active > a:focus {
  font-size: 16px;
  font-weight: 600;
  color: #358ed7;
  background: #e6f4ff;
}
@media only screen and (max-width: 979px) and (min-width: 767px) {
  #giftvouchernavtabs ul.nav li:nth-child(1) {
    display: block;
  }
}
@media only screen and (max-width: 768px) and (min-width: 240px) {
  #giftvouchernavtabs ul.nav li:nth-child(1) {
    display: block;
  }
}
#issueGCForm .emailconfirmation {
  display: inline-block;
}
#issueGCForm .mailconfirmlabel {
  display: inline-block;
  position: relative;
  top: 3px;
}
.angular-google-map-container {
  height: 300px;
}
.rb-map-markers--map.row {
  margin-left: 0;
}
label.checkbox-inline {
  display: inline;
  margin: 0 4px;
}
label.checkbox-inline input[type="checkbox"] {
  margin: 0;
}
.bulk-upload-csv__btn {
  margin-bottom: 10px;
  margin-left: 4px;
}
.bulk-upload-csv__spinner-container {
  margin-left: 6px;
  top: -4px;
  position: relative;
}
.bulk-upload-modal__half-container {
  display: flex;
}
.bulk-upload-modal__half-field {
  flex-basis: 50%;
  flex-grow: 0;
  flex-shrink: 0;
}
.form-group__dropzone {
  text-align: left;
}
.dropzone > [ng-transclude] {
  pointer-events: none;
}
.dropzone.dz-clickable {
  cursor: pointer;
}
.dropzone.dz-clickable .dz-message,
.dropzone.dz-clickable .dz-message span {
  cursor: pointer;
}
.dropzone.dz-clickable * {
  cursor: default;
}
.dropzone,
.dropzone.dz-clickable {
  background-color: transparent;
  border: none;
  color: black;
  display: block;
  margin-bottom: 16px;
  min-height: 48px;
  overflow: hidden;
  padding: 0;
  position: relative;
  width: 100%;
}
@media (min-width: 1200px) {
  .dropzone,
  .dropzone.dz-clickable {
    display: table;
  }
}
@media (min-width: 992px) {
  .dropzone__ui,
  .dropzone.dz-clickable__ui {
    display: table;
    width: 100%;
  }
}
.dropzone__dropzone,
.dropzone.dz-clickable__dropzone {
  background-color: #eee;
  border-radius: 32px;
  border: 1px dashed #e3e3e3;
  display: table-cell;
  margin-bottom: 16px;
  padding: 16px;
  pointer-events: none;
  text-align: center;
  vertical-align: middle;
  width: 100%;
  z-index: 1;
}
.dropzone__dropzone:before,
.dropzone.dz-clickable__dropzone:before {
  content: "";
  float: left;
  padding-bottom: 50%;
}
.dropzone__dropzone:after,
.dropzone.dz-clickable__dropzone:after {
  clear: both;
  content: "";
  display: table;
}
.dropzone__clickzone,
.dropzone.dz-clickable__clickzone {
  display: block;
  pointer-events: none;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 100%;
  z-index: 1;
}
@media (max-width: 992px) {
  .dropzone__clickzone .btn,
  .dropzone.dz-clickable__clickzone .btn {
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .dropzone__clickzone,
  .dropzone.dz-clickable__clickzone {
    display: table-cell;
    height: 150px;
    width: 50%;
  }
}
.dropzone__input,
.dropzone.dz-clickable__input {
  background-color: transparent;
  bottom: 0;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 2;
}
.dropzone__input[type="file"]:focus,
.dropzone.dz-clickable__input[type="file"]:focus {
  outline: none;
}
.dropzone__input[type="file"]:focus ~ * .dropzone__clickzone .btn,
.dropzone.dz-clickable__input[type="file"]:focus ~ * .dropzone__clickzone .btn {
  opacity: 0.5;
}
.dropzone__input[disabled] ~ *,
.dropzone.dz-clickable__input[disabled] ~ * {
  opacity: 0.3;
}
.dropzone.is-file-selected .btn,
.dropzone.dz-clickable.is-file-selected .btn {
  opacity: 0.5;
}
.dropzone__message--normal,
.dropzone.dz-clickable__message--normal {
  display: table;
  height: 100%;
  margin: 0 auto;
  vertical-align: middle;
}
@media (min-width: 768) {
  .dropzone__message--normal,
  .dropzone.dz-clickable__message--normal {
    max-width: 78%;
  }
}
.dropzone__message--normal .dropzone__icon,
.dropzone.dz-clickable__message--normal .dropzone__icon {
  color: #ced0cf;
  display: table-cell;
  font-size: 56px;
  vertical-align: middle;
}
.dropzone__message--normal .dropzone__text,
.dropzone.dz-clickable__message--normal .dropzone__text {
  display: table-cell;
  font-size: 17px;
  padding: 24px 0 24px 24px;
  text-align: left;
  vertical-align: middle;
}
.dropzone__message--large,
.dropzone.dz-clickable__message--large {
  display: block;
  font-size: 18px;
  padding-top: 8%;
  width: 100%;
  padding-bottom: 8%;
}
.dropzone__message--large,
.dropzone.dz-clickable__message--large,
.dropzone__message--large > .btn,
.dropzone.dz-clickable__message--large > .btn {
  color: black;
}
.dropzone__message--large .btn,
.dropzone.dz-clickable__message--large .btn {
  display: block;
  font-size: 24px;
  font-weight: bold;
}
.dropzone__message--good,
.dropzone.dz-clickable__message--good {
  position: relative;
  border-radius: 4px;
  background-color: white;
  padding: 10px 16px;
  text-align: left;
  margin-top: 16px;
}
.dropzone__message--good .dropzone__text,
.dropzone.dz-clickable__message--good .dropzone__text {
  font-size: 16px;
}
.dropzone__text,
.dropzone.dz-clickable__text {
  color: black;
}
.dropzone__remove.btn,
.dropzone.dz-clickable__remove.btn {
  border-radius: 50%;
  height: 24px;
  line-height: 24px;
  padding: 0;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -12px;
  width: 24px;
}
.dropzone__remove.btn .fa,
.dropzone.dz-clickable__remove.btn .fa {
  line-height: 1.3;
}
.dropzone--single,
.dropzone.dz-clickable--single {
  margin-bottom: 0;
}
.dropzone--single .dropzone__dropzone,
.dropzone.dz-clickable--single .dropzone__dropzone {
  display: none;
}
@media (min-width: 992px) {
  .dropzone--single .dropzone__dropzone,
  .dropzone.dz-clickable--single .dropzone__dropzone {
    display: block;
    height: 251px;
  }
  .dropzone--single .dropzone__dropzone:before,
  .dropzone.dz-clickable--single .dropzone__dropzone:before,
  .dropzone--single .dropzone__dropzone:after,
  .dropzone.dz-clickable--single .dropzone__dropzone:after {
    display: none;
  }
}
@media (min-width: 992px) {
  .dropzone--single .dropzone__clickzone:before,
  .dropzone.dz-clickable--single .dropzone__clickzone:before {
    content: 'Or';
    display: block;
    font-weight: bold;
    margin-bottom: 16px;
    margin-right: 16px;
    pointer-events: none;
  }
}
@media (min-width: 1200px) {
  .dropzone--single .dropzone__clickzone:before,
  .dropzone.dz-clickable--single .dropzone__clickzone:before {
    display: inline-block;
  }
}
.input-container {
  border: 1px solid #ccc;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 12px;
  position: relative;
}
.input-container .selection-texts {
  width: 100%;
  overflow-x: auto;
  height: 48px;
  line-height: 48px;
  margin-right: 12px;
}
.selections-con {
  position: relative;
  box-shadow: 1px 1px 2px 2px #ccc;
  background-color: white;
  width: 100%;
}
.selections-con .loading {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.7);
  text-align: center;
  top: 0;
}
.selections {
  width: 100%;
  overflow-x: auto;
  display: flex;
}
.selection-container {
  padding: 10px;
  border-right: 1px solid #ccc;
}
.selection-container ul {
  list-style-type: none;
  margin: 0;
  width: 220px;
  height: 400px;
  overflow-y: auto;
}
.selection-container ul li {
  padding: 6px;
  cursor: pointer;
}
.selection-container ul li:hover {
  background-color: #ccc;
}
.selection-container ul li.active {
  background-color: #008acd;
  color: white;
}
.product-item:hover .delete-btn {
  display: inline-block;
}
.delete-btn {
  display: none;
  margin-left: 12px;
}
body {
  background-image: url('images/background.jpg');
  background-repeat: repeat;
}
.header {
  background-color: white;
  padding: 10px 20px 5px 20px;
}
.content {
  font-family: "Arial";
  font-size: 13px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 30px;
  padding-right: 30px;
}
.content > .view {
  background-color: white;
  box-shadow: 0 1px 3px 1px #d7d7d7;
  -moz-box-shadow: 0 1px 3px 1px #d7d7d7;
  -webkit-box-shadow: 0 1px 3px 1px #d7d7d7;
}
.content .mainContainer {
  min-height: 600px;
  overflow: visible;
  padding: 20px 20px 5px 20px;
}
.content .mainContainer .accordion-heading a {
  font-size: 17.5px;
  color: #999999;
  font-family: "Univers Condensed";
  margin: 10px 0px;
}
.content .mainContainer .section-header {
  font-size: 17.5px;
  color: #999999;
  font-family: "Univers Condensed";
  margin: 10px 0px;
  font-weight: normal;
}
.overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9000;
  text-align: center;
  background-color: black;
  background-color: rgba(0, 0, 0, 0.85);
  display: table;
}
.voucher-cleared {
  color: orange;
}
.voucher-refunded {
  color: red;
}
.button-payment-run {
  margin-left: 12px;
}
.info-text {
  margin-bottom: 12px;
}
.overlay-content {
  display: table-cell;
  color: white;
  top: 400px;
  z-index: 9000;
  vertical-align: middle;
  font-family: Arial, Helvetica, sans-serif !important;
  line-height: normal;
}
.accordion {
  position: relative;
  list-style-type: none;
  padding-left: 0;
}
.accordion-heading a {
  text-decoration: none;
  font-weight: normal;
}
.accordion-heading a:hover {
  text-decoration: none;
}
.accordion-header {
  text-decoration: none;
  display: block;
  width: 100%;
}
.accordion-group {
  border: 0px !important;
  border-bottom: 1px solid #999999 !important;
  border-radius: 0px 0px 0px 0px !important;
  margin-bottom: 2px !important;
}
.accordion-toggle {
  padding: 4px 10px 0px 1px !important;
}
.accordion-inner h5 {
  margin-bottom: 6px;
  margin-top: 20px;
}
h4.gray,
h5.gray,
h6.gray {
  color: #999999;
  font-family: "Univers Condensed";
}
span.currency {
  position: relative;
  left: 20px;
  float: left;
}
ul.horizontalList {
  margin: 0 0;
  padding: 0 0;
  list-style-type: none;
}
ul.horizontalList li {
  display: inline;
  text-align: left;
}
.horizontalList li h4 {
  display: inline;
}
.dimensions {
  padding-right: 20px;
}
.suffix {
  position: relative;
  display: inline-block;
  right: 58px;
  text-align: right;
  width: 50px;
}
#statusLegend {
  color: #d7d7d7;
}
#statusLegend li {
  font-size: 17.5px;
  padding-right: 4px;
  margin-top: 4px;
}
.strikethrough {
  text-decoration: line-through;
}
.modal-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.65);
  z-index: 9000;
}
.modal-overlay-content {
  position: absolute;
  bottom: 100px;
  width: 100%;
  color: white;
  font-size: 14px;
  z-index: 9000;
}
.modal-backdrop {
  z-index: 9000;
}
.modal {
  z-index: 9999;
}
.modal-xxlarge {
  width: 80% !important;
  margin-left: -270px !important;
  min-height: 550px !important;
  left: 30% !important;
  right: 30% !important;
}
@media (min-width: 979px) {
  .modal-large {
    width: 960px !important;
    margin-left: -480px !important;
  }
  .modal-large .modal-body {
    max-height: 600px;
  }
  .modal-large .modal-height-medium {
    height: 400px;
  }
}
.modal-max {
  width: 90vw !important;
  margin-left: -45vw !important;
}
.modal-footer-notification {
  margin-top: 5px;
}
table.summaryData {
  margin-bottom: 10px;
  width: 100%;
}
table.summaryData th {
  text-align: left;
  padding: 10px 20px 10px 20px;
}
table.summaryData th {
  width: 30%;
}
.summaryData .productThumbnail {
  display: inline-block;
  padding: 10px 5px;
  cursor: pointer;
  cursor: hand;
}
ul.horizontalList {
  margin: 0 0;
  padding: 0 0;
  list-style-type: none;
}
ul.horizontalList li {
  display: inline;
  text-align: left;
}
.dimensions {
  padding-right: 20px;
}
.suffix {
  position: relative;
  display: inline-block;
  right: 78px;
  text-align: right;
  width: 50px;
}
#statusLegend {
  color: #d7d7d7;
}
#statusLegend li {
  font-size: 17.5px;
  padding-right: 4px;
  margin-top: 4px;
}
ul.quad-column {
  width: 900px;
  overflow: hidden;
}
.quad-column li {
  float: left;
  display: inline;
}
.quad-column li {
  width: 25%;
}
button.nomargin {
  margin: 0 0 0 0 !important;
}
div.well {
  border-radius: 0px 0px 0px 0px;
}
printDesc .absolute {
  position: absolute;
}
.green {
  color: #46a546 !important;
}
.red {
  color: #ee2a24 !important;
}
.yellow {
  color: #ffc40d !important;
}
.gray {
  color: #666666;
}
.grayLight {
  color: #ffffff;
}
.footerGray {
  background-color: #999999;
  color: #ffffff;
  font-weight: bold;
}
.footerGray:hover {
  color: #000000;
}
a.gray:hover {
  color: #999999;
}
.grayLighter {
  color: #999999;
}
a.grayLighter:hover {
  color: #d7d7d7;
}
.transparent {
  color: transparent;
}
.border {
  border: 1px solid;
  padding: 19px 19px;
  margin-bottom: 20Px;
}
.animate-enter {
  -webkit-transition: 0.2s linear all;
  /* Safari/Chrome */
  -moz-transition: 0.2s linear all;
  /* Firefox */
  -ms-transition: 0.2s linear all;
  /* IE10 */
  -o-transition: 0.2s linear all;
  /* Opera */
  transition: 0.2s linear all;
  /* Future Browsers */
  /* The animation preparation code */
  opacity: 0;
}
.animate-enter.animate-enter-active {
  /* The animation code itself */
  opacity: 1;
}
.popover-title {
  font-weight: bold;
}
.popover-content {
  font-size: 75%;
  font-weight: normal;
}
.break-word {
  word-break: break-word;
}
#global-spinner.icon-spinner {
  font-size: 1.3em;
  margin-right: 10px;
}
.dropdown.hover-open:hover .dropdown-menu {
  display: block;
}
.dropdown.hover-open .dropdown-menu {
  margin-top: 0;
}
.fade-out {
  opacity: 1;
}
.fade-out {
  animation: fadeOut 2s infinite;
  -webkit-animation: fadeOut 2s infinite;
}
#topNavBar .navContent {
  padding-left: 30px;
  padding-right: 30px;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  max-width: 1470px;
}
#topNavBar .nav > li.dropdown-group {
  padding-left: 15px;
  padding-right: 15px;
}
#topNavBar .nav > li.dropdown-group > a {
  padding-left: 1px;
  padding-right: 1px;
  display: inline-block;
}
#topNavBar.navbar-inverse {
  background: #444444;
  border-color: #333333;
}
#topNavBar.navbar-inverse .navbar-inner ul.dropdown-menu > li > a {
  color: #333333;
}
#topNavBar .nav-collapse ul.nav {
  margin: 4px 0;
  float: right;
}
#topNavBar .nav-collapse ul.nav > li:nth-child(n+2) {
  background: url(images/nav-divider.png) 2px no-repeat;
}
#topNavBar #logoutBox {
  padding-top: 4px;
  padding-left: 15px;
}
#topNavBar #loadingSpinner {
  position: absolute;
  right: 0;
  top: 0;
}
form.small-search {
  padding: 5px 20px;
  margin: 0;
}
form.small-search input {
  width: initial;
}
h1.oversized {
  font-size: 400% !important;
  min-width: 250px !important;
  padding: 34px 0px 24px 20px;
  width: auto;
}
/* Bootstrap 2.* Sticky Footer */
html,
body {
  height: 100%;
}
#push,
#footer {
  height: 40px;
}
.fadein,
.fadeout {
  -webkit-transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s;
  -moz-transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s;
  -o-transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s;
  transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s;
}
.fadein.ng-hide-remove,
.fadeout.ng-hide-add.ng-hide-add-active {
  opacity: 0;
  display: block !important;
}
.fadeout.ng-hide-add,
.fadein.ng-hide-remove.ng-hide-remove-active {
  opacity: 1;
  display: block !important;
}
#blockedPaymentModal .table.no-border tr td,
.table.no-border tr th {
  border-width: 0;
}
#blockedPaymentModal .table.no-border tr th {
  width: 200px;
}
#holdedPaymentModal .table.no-border tr td,
.table.no-border tr th {
  border-width: 0;
}
#holdedPaymentModal .table.no-border tr th {
  width: 200px;
}
.invoiceModal {
  width: 40% !important;
}
#invoiceModal .table.no-border tr td,
.table.no-border tr th {
  border-width: 0;
}
#invoiceModal .table.no-border tr th {
  width: 200px;
}
#viewHoldPay,
#viewBlockedPay {
  cursor: pointer;
}
.confirmBlockedPay:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}
.confirmBlockedPay {
  height: 120px;
  width: 400px;
  margin-top: 150px;
  margin-left: -200px;
  text-align: center;
  padding: 0 !important;
}
.confirmBlockedPay .modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}
.modal-blockedPayment .modal-body,
.modal-holdPayment .modal-body,
.modal-invoice .modal-body {
  padding-left: 40px;
}
.timepicker-filter-table tbody td {
  padding: 0px;
  background-color: inherit !important;
}
.timepicker-filter-table tr {
  margin: 0px;
  background-color: inherit !important;
}
.timepicker-filter-table a {
  margin: 0px;
}
.table-striped thead.order-filter tr th {
  vertical-align: top;
}
.table-striped thead.order-filter span.ng-isolate-scope {
  margin-bottom: 10px;
  display: block;
}
.table-striped thead.order-filter .btn-link {
  width: 50%;
}
.order-search-filter {
  border-top: none !important;
  background: none !important;
}
.order-search-span3 {
  max-width: 210px;
}
.order-search-span3 input {
  width: 100% !important;
}
.order-search-input input {
  width: 100% !important;
}
.order-search-title {
  font-size: 14px;
  line-height: 30px;
}
.order-search-title a {
  text-decoration: none;
}
.order-search-title a i {
  line-height: 30px !important;
}
.pad-bot-10 {
  padding-bottom: 10px;
}
.pad-lf-30 {
  padding-left: 30px;
}
.resetMargin {
  margin-left: 0px !important;
}
#issueGCFromOrder .emailconfirmation {
  display: inline-block;
}
#issueGCFromOrder .mailconfirmlabel {
  display: inline-block;
  position: relative;
  top: 3px;
}
#issueGCFromOrder .gcautocompletebox {
  width: 100%;
  margin: 0;
  box-sizing: border-box;
  height: 33px;
}
#issueGCFromOrder .list-group {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none;
}
#issueGCFromOrder .list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid #cccccc;
  cursor: pointer;
}
#issueGCFromOrder .list-group-item:first-child .border-top-radius {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}
#issueGCFromOrder .list-group-item:last-child {
  margin-bottom: 0;
}
#issueGCFromOrder .list-group-item:last-child .border-bottom-radius {
  margin-bottom: 0;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}
#issueGCFromOrder .list-group-item:hover,
#issueGCFromOrder .list-group-item:focus {
  color: #337ab7;
  text-shadow: 0 0 1em #337ab7;
}
#variation #customerquestion li {
  text-align: left;
  color: #666666;
  font-size: 13px;
  margin-bottom: 5px;
}
#variation .priceoptioninnercol {
  padding: 0;
}
#priceOptionModal .rb-form-list .well {
  background-color: #fdfdfd;
  background-image: none;
  box-shadow: none;
  line-height: 1.8;
  margin: 8px 0 0 0;
  padding: 8px 16px;
}
#priceOptionModal .input-group {
  padding: 10px 0px;
}
#priceOptionModal .input-group-btn {
  position: relative;
  top: -5px;
  padding: 0px;
}
#priceOptionModal #questionInput {
  box-shadow: none;
  background-color: white;
  min-height: 42px;
  padding: 0px 12px;
  background-image: none;
  border: 1px solid #cccccc;
  border-radius: 4px;
  color: #555555;
  font-size: 16px;
  line-height: 1.42857;
  height: 36px;
  width: calc(100% - 170px);
}
#priceOptionModal .btn-md {
  padding: 7px 15px;
}
#priceOptionModal .rb-form-list-edit--item-remove {
  color: red;
  cursor: pointer;
}
#priceOptionModal .rb-form-list-edit--item-edit {
  cursor: pointer;
}
#priceOptionModal .inlinebtns {
  float: right;
  margin-top: 5px;
  font-size: 18px;
}
#priceOptionModal .inlineinput {
  width: 100%;
}
.span3.alignmiddledropzone {
  margin: 0 auto;
  float: none;
}
span.text-underline.dpzonebrowsetxt {
  width: 100px;
  height: 37px;
  display: inline-block;
  background: #656565;
  line-height: 37px;
  color: #fff;
  border-radius: 4px;
  position: relative;
  top: 5px;
}
span.text-underline.ortxt {
  display: inline-block;
  margin-top: 8px;
  margin-bottom: 8px;
}
#bulkcancellation .filter-container {
  margin-right: 33px;
  float: left;
}
#bulkcancellation .filter-label {
  font-weight: bold;
  display: inline-block;
  cursor: auto;
  vertical-align: top;
}
#bulkcancellation .filter-txtcontainer {
  display: table-cell;
}
#bulkcancellation .btn {
  margin-right: 10px;
  margin-bottom: 10px;
}
#bulkcancellation .list-group {
  margin: 0;
  margin-top: -10px;
  position: absolute;
}
#bulkcancellation .list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid #cccccc;
  cursor: pointer;
  list-style: none;
  z-index: 1;
}
.grid-container {
  width: 100%;
  padding-top: 50px;
}
.no-container {
  float: left;
  width: 100%;
  padding-top: 20px;
}
.cancel-button-container {
  float: left;
}
.button-container {
  float: left;
  width: 100%;
  padding: 25px 0;
}
#pending .filter-container {
  margin-left: 33px;
}
#pending .filter-label {
  font-weight: bold;
  display: inline-block;
  cursor: auto;
  vertical-align: top;
}
#pending .filter-txtcontainer {
  display: inline-block;
  position: relative;
}
#pending .list-group {
  margin: 0;
  margin-top: -10px;
  position: absolute;
  width: 100%;
}
#pending .list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid #cccccc;
  cursor: pointer;
  list-style: none;
  z-index: 1;
}
#holdcredit .filter-container {
  margin-left: 33px;
}
#holdcredit .filter-label {
  font-weight: bold;
  display: inline-block;
  cursor: auto;
  vertical-align: top;
}
#holdcredit .filter-txtcontainer {
  display: inline-block;
  position: relative;
}
#holdcredit .list-group {
  margin: 0;
  margin-top: -10px;
  position: absolute;
  width: 100%;
}
#holdcredit .list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid #cccccc;
  cursor: pointer;
  list-style: none;
  z-index: 1;
}
#paymentrun .filter-container {
  margin-left: 33px;
}
#paymentrun .filter-label {
  font-weight: bold;
  display: inline-block;
  cursor: auto;
  vertical-align: top;
}
#paymentrun .filter-txtcontainer {
  display: inline-block;
  position: relative;
}
#paymentrun .list-group {
  margin: 0;
  margin-top: -10px;
  position: absolute;
  width: 100%;
}
#paymentrun .list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid #cccccc;
  cursor: pointer;
  list-style: none;
  z-index: 1;
}
#promotionpage .filter-container {
  padding: 20px 0px;
}
.searchDateContainer {
  display: flex;
}
.searchDateContainer .startdatediv {
  margin-right: 10px;
}
.role-name {
  margin-left: 10px;
}
[popover] {
  display: initial;
  position: initial;
  margin: initial;
  border: initial;
  background: initial;
  padding: initial;
  width: initial;
  height: initial;
  overflow: initial;
  inset: initial;
  color: initial;
}