/*Alert styles*/
.aui .ri-alert {
  border: 1px solid transparent;
  border-radius: 4px;
  text-align: center;
  color: #333333;
  padding: 10px; }

.aui .ri-alert-default {
  background-color: #f5f5f5;
  border-color: #cccccc; }

.aui .ri-alert-info {
  background-color: #ecfafa;
  border-color: #58acc9; }

.aui .ri-alert-danger {
  background-color: #ffe7e7;
  border-color: #ff6f6f; }

.aui .ri-alert-warning {
  background-color: #fff3e7;
  border-color: #ffb76f; }

.aui .ri-alert-success {
  border: 1px solid #4EDB93;
  background-color: #E7F9ED; }

/*End of alert styles*/
/*Legacy alert styles that need to be removed*/
.ri-alert-box {
  padding: 12px 10px;
  border-radius: 3px;
  color: #333;
  margin-bottom: 20px; }

.ri-wide-alert-box {
  padding: 38px 10px;
  border-radius: 3px;
  color: #333;
  text-align: center; }

.aui .alert {
  margin-bottom: 10px; }

.aui .alert-default {
  background-color: #f5f5f5;
  border-color: #e7eaec;
  color: #676a6c; }

.aui .alert-more-padding {
  padding: 15px; }

/* end of legacy - remove from project before deleting */
/*New btn styles*/
.aui .skin-4 .ri-blue-btn {
  background-color: #3399ff;
  border-color: #3399ff;
  color: white; }

/*End of new btn styles*/
/*Legacy btn styles to analyze and figure out which ones to remove and replace*/
.aui .ri-wide-btn {
  width: 180px; }

.aui .skin-4 .btn-info,
.aui .btn-info,
.aui .btn-info:hover,
.aui .btn-info:active,
.aui .btn-info:focus {
  background-color: #7a53a5;
  color: white; }

.aui .btn-link,
.aui .btn-link:hover,
.aui .btn-link:focus,
.aui .btn-link:active {
  background-color: transparent;
  color: #4D148C;
  border: none; }

.aui .ri-link-default {
  color: #999999;
  border: none;
  background-color: transparent; }

.aui .ri-link-icon,
.aui .skin-4 .ri-link-icon {
  background-color: transparent;
  color: #333333; }

.aui body.skin-4 .ri-link-icon[disabled] {
  color: #d1dade;
  background-color: transparent;
  border: none; }

.aui .ri-link-icon:hover,
.aui .ri-link-icon:active,
.aui .ri-link-icon:focus {
  background-color: transparent;
  color: #999999; }

.aui .ri-link-icon-width {
  width: 33px; }

.aui .ri-link-default:hover,
.aui .ri-link-default:active,
.aui .ri-link-default:focus {
  background-color: #efefef;
  color: #737373; }

.aui .ri-expandee-btn-container {
  background-color: #f5f5f5;
  border-left: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
  padding-left: 0;
  padding-right: 0;
  text-align: center; }

.aui .btn-icon-space,
.aui .icon-padding-right {
  padding-right: 12px; }

/*End of legacy btns*/
.aui .ri-circle-icon {
  font-size: 15px;
  vertical-align: top;
  line-height: 17px; }

.aui .ri-circle-icon-lg {
  font-size: 20px; }

.aui .ri-icon-default {
  color: #cccccc; }

.aui .ri-icon-success {
  color: #33cc66; }

.aui .ri-icon-danger {
  color: red; }

/* NOTE: map marker styles */
.aui .map-marker {
  padding-left: 0; }

.aui .map-marker i {
  color: #4D148C;
  font-size: 35px; }

.aui .individual-location-marker {
  font-size: 22px;
  color: #4D148C;
  padding-right: 5px; }

/* NOTE: end of map marker styles */
.aui .img-full-size {
  height: 359px;
  width: 538px;
  overflow: hidden; }

.aui .rma-rev-image-thumbnail {
  height: 74px;
  width: 108px;
  position: relative;
  overflow: hidden; }

.aui .img-selected-as-link {
  border: 2px solid #4D148C; }

.aui .img-background-position {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center; }

/*New Input groups (buttons with inputs side by side)*/
.aui .ricochet-input-group .ri-large-btn,
.aui .ricochet-input-group .ri-large-input {
  height: 45px;
  font-size: 14px; }

/*End of new input groups with buttons*/
/*New input group border radius possibilities*/
.aui .ricochet-input-group .ri-remove-right-border-radii,
.aui .custom-input-group .custom-remove-right-border-radii {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

.aui .ricochet-input-group .ri-remove-left-border-radii,
.aui .custom-input-group .custom-remove-left-border-radii {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

/*End of new input group border radii*/
/*NOTE: older input styles to analyze*/
.aui body.skin-4 .warning-input,
.aui body.skin-4 .warning-input:focus,
.aui body.skin-4 .warning-input[type="text"]:focus,
.aui body.skin-4 .warning-input[type="number"]:focus {
  color: #f8ac59;
  border-color: #f8ac59; }

.aui body.skin-4 .search-dropdown-container {
  width: 150px;
  padding: 0; }

.aui body.skin-4 .search-dropdown-container-wide {
  width: 200px;
  padding: 0; }

.aui body.skin-4 .select-input-addon {
  border: none;
  height: 33px; }

.aui body.skin-4 .input-addon-height {
  height: 35px; }

.aui body.skin-4 .input-addon-margin-bottom-0[type="submit"] {
  margin-bottom: 0; }

/*NOTE: */
.aui body.skin-4 .no-border-radius {
  border-radius: 0; }

.aui body.skin-4 .no-border-radius-right {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

.aui body.skin-4 .no-border-radius-left {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.aui body.skin-4 .no-border-left {
  border-left: none; }

.aui body.skin-4 .no-border-right {
  border-right: none; }

.aui body.skin-4 .input-addon-left {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px; }

.aui body.skin-4 .input-addon-right {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px; }

.aui body.skin-4 .input-addon-middle {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-left: none;
  border-right: none;
  border-radius: 0; }

.aui body.skin-4 .input-group-wrapper > .input-group > input[type="number"] {
  padding-top: 3px;
  padding-bottom: 3px;
  height: 30px; }

/*NOTE: end of older input styles to analyze*/
/* modal styles - overrides and custom */
.aui .modal-dialogue-transparent {
  background-color: transparent; }

.aui .modal-header {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px; }

.aui .add-bottom-border-radius {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px; }

.aui .modal.inmodal .ri-align-left {
  font-size: 20px;
  text-align: left;
  padding-left: 0; }

.aui .modal.inmodal .ri-modal-title {
  font-size: 20px;
  margin-bottom: 5px; }

.aui .modal.inmodal .ri-modal-center {
  text-align: center; }

.aui .inmodal .modal-header {
  padding: 15px; }

.aui .inmodal .smaller-modal-icon {
  font-size: 60px; }

.aui .modal-footer {
  background-color: white; }

.aui .modal-max-height {
  max-height: 30vh; }

.aui .ri-custom-modal-font,
.aui .modal-header .ri-custom-modal-icon,
.aui .modal-header .ri-custom-modal-icon:hover,
.aui .modal-header .ri-custom-modal-icon:active,
.aui .modal-header .ri-custom-modal-icon:focus {
  color: #333333;
  opacity: 1; }

.aui .inmodal .modal-header-label .close {
  font-size: 45px;
  line-height: 28px;
  color: #676a6c; }

.aui .inmodal .modal-header-label h1 {
  font-size: 26px;
  font-weight: 200;
  padding-left: 25px; }

.aui .ri-modal-body-header {
  font-weight: 600;
  font-size: 23px; }

/*handling modals with divided content and borders*/
.aui .inmodal .modal-body-custom-split-border {
  padding-top: 0;
  padding-bottom: 0;
  color: #333333; }

.aui .inmodal .modal-body-custom-split-border .modal-custom-padding {
  padding-top: 20px;
  padding-bottom: 10px; }

.aui .inmodal .modal-body-custom-split-border .modal-body-border-right {
  border-right: 1px solid #e5e5e5; }

.aui .inmodal .modal-body-custom-split-border .modal-custom-lg-block-btns {
  padding-top: 15px;
  padding-bottom: 15px; }

.aui .inmodal .modal-body-white {
  background-color: white; }

.aui .modal-body-white p {
  color: #333333; }

.aui .modal-body-white span {
  color: #333333; }

.aui .modal-body-white a {
  margin: 10px 10px 0 0; }

.aui .modal-footer-logo {
  margin-left: 28px;
  width: 120px; }

.aui .ri-select2-z-index-behind-modal {
  z-index: 0; }

/* end of modal styles - overrides and custom */
.aui .no-padding {
  padding: 0; }

.aui .padding-left-10 {
  padding-left: 10px; }

.aui .padding-left-15 {
  padding-left: 15px; }

.aui .padding-left-30 {
  padding-left: 30px; }

.aui .padding-right-15 {
  padding-right: 15px; }

.aui .padding-right-30 {
  padding-right: 30px; }

/*NOTE - is this even needed or able to be used without aui?*/
.padding-top-style {
  padding-top: 100px; }

/*accounts for removing padding for non-hr elements*/
.aui .no-padding div {
  padding: 7px 30px 7px 45px; }

.aui .no-margin {
  margin: 0; }

.ri-margin-bottom-15 {
  margin-bottom: 15px; }

.ri-margin-bottom-0 {
  margin-bottom: 0; }

.aui .no-margin-top {
  margin-top: 0; }

.aui .negative-margin-top-3 {
  margin-top: -3px; }

.aui .margin-top-2 {
  margin-top: 2px; }

.aui .margin-top-3 {
  margin-top: 3px; }

.aui .ri-btn-bottom,
.aui .form-margin-bottom-15,
.aui .inmodal .ri-margin-bottom-15 {
  margin-bottom: 15px; }

.aui .ri-btn-bottom-30 {
  margin-bottom: 30px; }

.aui .ri-manage-btn i {
  padding-right: 12px;
  font-size: 18px; }

.aui .ri-margin-top-20 {
  margin-top: 20px; }

.aui .ri-extra-form-space-10 .row {
  margin-top: 10px; }

.aui .ri-extra-form-space-10 h2 {
  margin-bottom: 25px;
  margin-top: 5px; }

.aui .ri-content-space {
  padding: 15px 20px 20px 20px; }

.aui .radio-label-sizing,
.aui .radio-btn-sizing input {
  width: 30px; }

.aui .wizard-line-height-30 {
  line-height: 30px; }

.aui .wizard-margin-top-10 {
  margin-top: 10px; }

.aui .ri-wrapper-remove-5 {
  margin-left: -5px;
  margin-right: -5px; }

.aui .ri-extra-margin-5 {
  margin: 5px 5px 0 5px; }

.aui .qw-label.qw-label-marg-4,
.aui .wizard-marg-top-4 {
  margin-top: 4px; }

/* padding removed at md */
.aui .ri-horz-padding-removed-md {
  padding-right: 30px;
  padding-left: 30px; }

.aui .ri-horz-padding-removed-md-indent {
  padding-right: 30px;
  padding-left: 60px; }

/*NOTE: created for specific story pages, but this is generic enough code that it could be replaced easily*/
/*fedex-address-phone for old label - are we even using this still??*/
.aui .fedex-address-phone {
  line-height: 3px;
  padding-left: 20px; }

.aui .fxo-space-top-and-bottom {
  padding-top: 20px;
  padding-bottom: 10px; }

.aui .fxo-margin-top-align-to-max-el {
  margin-top: 10px; }

.aui .fxo-space-bottom {
  padding-bottom: 30px; }

.aui .fxo-space-top {
  padding-bottom: 40px; }

.aui .fxo-margin-top {
  margin-top: 18px; }

/*NOTE: this is legacy styling we're removing, so remove once portlets are updated*/
.aui .m-b-md {
  background-color: white; }

.aui .panel-options li {
  background-color: white; }

.aui .tab-content {
  background-color: white;
  padding-top: 20px;
  padding-bottom: 30px; }

.aui .panel.match-background {
  background: #f3f3f4;
  border-radius: 0; }

.aui .panel-heading, .aui .panel-body {
  padding: 0; }

.aui .blank-panel .panel-heading {
  border-bottom: none; }

.aui .panel-title,
.aui .content-padding-10 {
  padding: 10px; }

.aui .content-horz-padding-10 {
  padding-left: 10px;
  padding-right: 10px; }

.aui .nav-tabs {
  border-bottom-color: transparent; }

.aui .nav.nav-tabs li.active,
.aui .nav.nav-tabs li.active a {
  background: white;
  color: #333333; }

.aui .nav.nav-tabs li,
.aui .nav.nav-tabs li:focus,
.aui .nav.nav-tabs li:hover,
.aui .nav-tabs > li > a:hover,
.aui .nav-tabs > li > a:focus {
  border-top: 1px solid transparent;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent; }

.aui .nav.nav-tabs li.active {
  border-top: 1px solid #e7eaec;
  border-left: 1px solid #e7eaec;
  border-right: 1px solid #e7eaec; }

.aui .remove-top-border {
  border-top: none; }

/* If css file to remove portlet border is in place, add border individually
to panel parts */
.aui .panel-title, .aui .tab-content {
  border-bottom: 1px solid #e7eaec;
  border-left: 1px solid #e7eaec;
  border-right: 1px solid #e7eaec; }

/* Typeahead Start */
/* NOTE: this overrides code directly in the plugin styles. Need to convert it to use a wrapper class so we only scope these overwrites */
.tt-menu,
.gist {
  text-align: left; }

.typeahead,
.tt-query,
.tt-hint {
  width: 396px;
  height: 30px;
  padding: 8px 12px;
  font-size: 13px;
  line-height: 30px;
  border: 2px solid #ccc;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  outline: none; }

.typeahead {
  background-color: #fff; }

.typeahead:focus {
  border: 2px solid #0097cf; }

.tt-query {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }

.tt-hint {
  color: #999999; }

.tt-menu {
  width: 422px;
  margin: 12px 0;
  padding: 8px 0;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); }

.tt-suggestion {
  padding: 3px 20px;
  font-size: 13px;
  line-height: 24px; }

.tt-suggestion:hover {
  cursor: pointer;
  color: #fff;
  background-color: #0097cf; }

.tt-suggestion.tt-cursor {
  color: #fff;
  background-color: #0097cf; }

.tt-suggestion p {
  margin: 0; }

.gist {
  font-size: 13px; }

.twitter-typeahead, .tt-hint, .tt-input, .tt-menu {
  width: 100%; }

/* Typeahead End */
/*typeahead helper class, not plugin override*/
.ri-twitter-typeahead-custom-height > .twitter-typeahead,
.sku-typeahead-custom-height .twitter-typeahead {
  height: 30px; }

/*styling touchspins*/
/*form-control and input-control is dynamically added, so I'm targeting it by scoping it to a class on a wrapper div*/
.aui .touchspin-border-radius .input-group-addon:not(:first-child):not(:last-child),
.aui .touchspin-border-radius .input-group-btn:not(:first-child):not(:last-child),
.aui .touchspin-border-radius .input-group .form-control:not(:first-child):not(:last-child) {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px; }

.aui .touchspin-border-radius .bootstrap-touchspin-up,
.aui .touchspin-border-radius .bootstrap-touchspin-down {
  height: 18px; }

/* Applies vertical btn styles to custom base-btn class */
.aui .touchspin-border-radius .bootstrap-touchspin .input-group-btn-vertical > .base-btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
  padding: 8px 10px;
  margin-left: -1px;
  position: relative; }

/*Tooltip styles*/
.aui .ri-tooltip-style {
  font-size: 16px;
  font-weight: 600; }

.aui .skin-4 .ri-rma-tooltip-style {
  color: #333333; }

.aui .ri-tooltip-style i,
.aui .ri-rma-tooltip-style i {
  color: #aaaaaa;
  font-size: 14px; }

.aui .ri-tooltip-style:hover i,
.aui .ri-rma-tooltip-style:hover i {
  color: #333333; }

/*End of tooltip styles*/
/*Wizard overrides - NOTE: legacy code that needs to be analyzed and removed*/
.wizard-big.wizard > .content {
  min-height: 650px;
  overflow: auto; }

.wizard > .steps .current a, .wizard > .steps .current a:hover, .wizard > .steps .current a:active {
  background-color: #4D148C; }

.wizard > .steps .done a, .wizard > .steps .done a:hover, .wizard > .steps .done a:active {
  background-color: #7a53a5; }

.wizard > .actions a, .wizard > .actions a:active {
  color: white;
  background-color: #4D148C;
  border: none; }

.wizard > .actions a:hover {
  background-color: #7a53a5; }

.wizard > .content > .body label.error {
  margin-left: 0; }

/*End of Wizard overrides - NOTE: legacy code that needs to be analyzed and removed*/
/* negative spacing for special effects */
.ri-marg-remove-top-10 {
  margin-top: -10px; }

.ri-circle-15 {
  background-color: white;
  padding: 15px;
  border-radius: 30px;
  border: 1px solid #e5e5e5; }

/* NOTE: for table overrides and any faux table list displays */
/* table styles - overrides and custom */
.aui .table-container {
  overflow-x: auto; }

.aui .table tbody {
  border-bottom: 1px solid #e7eaec; }

.aui .table > tbody > tr > td {
  vertical-align: middle; }

/* overwriting link colors - removing this, will handle gray links in a better way in future */
/*.aui .table a {
    color: rgb(103, 106, 108);
}*/
.aui .table .obvious-link {
  color: #4D148C;
  text-decoration: underline; }

.aui .badge-plain,
.aui .table a.badge-plain,
.aui .table a.badge-plain:hover {
  color: white; }

.aui .table a.badge-primary {
  color: white; }

.aui .table-input-width {
  width: 13%; }

.aui .table-input-width div {
  padding-right: 25%;
  min-width: 90px; }

.aui .table-dynamic-top-border {
  border-top: 1px solid #e7eaec;
  margin-top: 15px;
  padding-top: 30px; }

/* Data Table overrides  */
.aui .dataTables_length {
  float: left; }

.aui .dataTables_info {
  float: left;
  width: 45%;
  text-align: right; }

.aui table.dataTable thead .sorting_asc {
  background: none; }

.aui table.dataTable thead .sorting_asc:after {
  content: "\f0de";
  font-family: fontawesome; }

.aui table.dataTable thead .sorting:after,
.aui table.dataTable thead .sorting_desc:after,
.aui table.dataTable thead .sorting_asc:after {
  float: none;
  padding-left: 8px; }

/* for tables constructed in divs for responsiveness */
.aui .faux-table-header-padding,
.aui .faux-label-header-padding {
  padding-bottom: 5px; }

.aui .faux-table-cell-top-and-bottom .sm-el {
  padding-top: 20px;
  padding-bottom: 20px;
  /*NOTE: To overwrite qw-wizard style for margin-top on label if in table*/
  margin-top: 0;
  margin-bottom: 0; }

.aui .faux-table-cell-top-and-bottom .lg-el {
  padding-top: 10px;
  padding-bottom: 10px;
  /*NOTE: To overwrite qw-wizard style for margin-top on label if in table*/
  margin-top: 0;
  margin-bottom: 0; }

.aui .td-padding-left-20-until-md {
  padding-left: 20px; }

.aui .fxo-faux-table-padding-left {
  padding-left: 20%; }

.aui .input-table-width-fxo {
  width: 15%; }

.aui .fxo-table-padding > thead > tr > th,
.aui .fxo-table-padding > tbody > tr > td {
  padding-left: 15px;
  padding-right: 15px; }

/* force columns in row to same height */
.aui .row-force-same-height {
  overflow: hidden; }

.aui .row-force-same-height > [class*='col-'] {
  margin-bottom: -100009px;
  /* padding adds space back in for text */
  padding-bottom: 100009px; }

/*end of force columns to same height*/
/* border classes that work with force same height classes */
.ri-custom-split-border {
  padding-top: 0;
  padding-bottom: 0;
  color: #333333; }

.ri-custom-split-border .ri-custom-padding {
  padding-top: 20px;
  padding-bottom: 10px; }

.ri-custom-split-border .ri-border-right {
  border-right: 1px solid #e5e5e5; }

/*end of border classes that work with force same height classes*/
/*simulates borders in table layout*/
.aui .border-bottom-divider-section {
  border-bottom: 1px solid #ccc; }

.aui .border-bottom-divider {
  border-bottom: 1px solid #e5e5e5; }

.aui .ri-border-box {
  border: 1px solid #ccc; }

.aui .add-opacity {
  opacity: 1; }

.aui .non-breakable-text {
  display: inline-block; }

/*NOTE: this is a bad idea since it'll make text that goes to new line overlap - find and replace with better idea*/
.aui .ri-remove-line-height {
  line-height: .5;
  padding-top: .4em; }

/* ricochet mobile considerations - hidden until media query breakpoint */
.aui .ri-hide-til-md {
  display: none; }

/* this style lets you float a btn to the furthest right until small screen where both btns become block level*/
.aui .float-right-before-sm {
  float: right; }

.ri-text-align-right {
  text-align: right; }

/*NOTE: remove and replace below with border styles that use borders instead*/
.h-divider {
  border-bottom: 1px solid #e5e5e5;
  height: 1px;
  margin: 9px 0; }

.section-h-divider {
  border-bottom: 1px solid #ccc;
  height: 1px;
  margin: 9px 0; }

/* Inspinia customization for Ricochet */
.aui .page-bottom {
  overflow: hidden;
  margin-bottom: 20px;
  position: relative;
  padding: 0 10px 0 10px; }

/*override custom error class display*/
.aui .override-error-display-styling .error {
  display: inline-block; }

.aui .error-header {
  color: #fe0000; }

/*NOTE: legacy color codes*/
.aui .ri-spot-text-color {
  color: #4D148C; }

.aui .purple-header {
  color: #4D148C; }

.aui .purple-header-multiple div h3 {
  color: #4D148C; }

/* makes a tag look like h3 */
.aui .purple-header-multiple div a {
  line-height: 2.1; }

/*NOTE: end of legacy colors*/
.aui .found-addresses p {
  font-size: 14px; }

.aui .form-info-display {
  background-color: #f7f7f7;
  padding-top: 30px;
  padding-bottom: 30px; }

.aui .form-info-display-border {
  border-right: 1px solid #e5e5e5;
  border-left: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5; }

.aui .form-info-display-padding-bottom-20 {
  padding-bottom: 20px; }

.aui .form-info-not-added,
.aui .form-info-not-found {
  padding-top: 30px;
  padding-bottom: 30px; }

.aui .form-info-not-added {
  background-color: #f7f7f7; }

.aui .form-info-not-found {
  background-color: #ecfafa;
  color: #58acc9; }

.aui .form-info-display-hr {
  margin-bottom: -20px; }

.aui .info-display-default {
  background-color: #f5f5f5;
  color: #333333; }

/* --select2 custom styles-- */
/* --NOTE: commenting this out for now, since the fact that this is a global css change to the component causes issues with HC's styling -- */
/*.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #fff;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #AAA7A7;
    /!* border: 1px solid #aaa; *!/
    border-radius: 12px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px;
    color: #fff;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 1px solid #ccc;
    outline: 0;
}

li.select2-search.select2-search--inline {
    position: absolute;
    top: 0;
}

li.select2-selection__choice {
    position: relative;
    top: 40px;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    overflow: visible;
}*/
.selectField {
  height: 100px; }

/*-- RMS -456- View Item --*/
.aui .label-on, .aui .label-yes {
  background-color: #4D148C;
  color: #fff;
  font-family: Arial, sans-serif;
  font-weight: 500; }

.aui .label-off, .aui .label-no {
  background-color: #666666;
  color: #fff;
  font-family: Arial, sans-serif;
  font-weight: 500; }

.aui .fxo-custom-login h2 {
  font-weight: 400;
  font-size: 18px;
  padding-bottom: 10px; }

.aui .fxo-h3-style {
  font-weight: 400; }

.aui .readjusting-height-issue-row-29 {
  height: 29px; }

.ri-gray-spacing {
  background-color: whitesmoke;
  border: 1px solid #e5e5e5;
  border-radius: 3px; }

.ri-gray-background {
  background-color: #f7f7f7; }

/* --wizard component custom styles-- */
.add-rma-custom-width.quick-wizard.qw-default,
.rma-details-custom-width.quick-wizard.q-default,
.maintain-retailer-custom-width.quick-wizard.qw-default,
.retailer-details-custom-width.quick-wizard.q-default {
  max-width: 1020px; }

/*---RMS-243 --*/
.item-form.quick-wizard.qw-default,
.item-details-max-width.quick-wizard.q-default {
  max-width: 980px; }