/*
|--------------------------------------------------------------------------
| Color Variables
|--------------------------------------------------------------------------
*/
/************* Screen Sizes Breakpoints Variables *************/
/*
|--------------------------------------------------------------------------
| Screen Sizes Breakpoints Variables
|--------------------------------------------------------------------------
*/
/*
|--------------------------------------------------------------------------
| Grid Columns, Options
|--------------------------------------------------------------------------
*/
/*
|--------------------------------------------------------------------------
| Spacing variables
|--------------------------------------------------------------------------
*/
/*
|--------------------------------------------------------------------------
| Gutter Variables
|--------------------------------------------------------------------------
*/
/* Genral Functions - Non-site-specific Functionality */
/* Functions for colors*/
/*** Foundation Functions **/
.ma-my-lists .top-section .search-input {
  position: relative;
  max-width: 20rem; }
  @media screen and (min-width: 1025px) {
    .ma-my-lists .top-section .search-input {
      padding-right: 0.625rem; } }
  .ma-my-lists .top-section .search-input .xng-field {
    max-width: 100%; }
  .ma-my-lists .top-section .search-input .icon-search {
    position: absolute;
    top: 3.05rem;
    padding: 0.75rem;
    height: 2.6875rem;
    transform: translateY(-50%);
    color: #FFF;
    background-color: #DB542C;
    right: 0.5625rem;
    font-weight: 600;
    z-index: 1;
    cursor: pointer; }
    .ma-my-lists .top-section .search-input .icon-search:hover {
      color: #DB542C;
      background-color: #FFF;
      border: 1px solid #E5E5DB; }
  .ma-my-lists .top-section .search-input .icon-times {
    position: absolute;
    right: 3.6875rem;
    top: 2.375rem;
    font-size: 0.75rem; }
  .ma-my-lists .top-section .search-input .icon-times:hover {
    color: #DB542C;
    cursor: pointer;
    text-decoration: none; }
  .ma-my-lists .top-section .search-input input {
    padding-right: 1.5625rem;
    padding-left: 0.625rem; }

@media screen and (min-width: 1025px) {
  .ma-my-lists .top-section .sort-select {
    padding-right: 0.625rem; } }

@media screen and (min-width: 1025px) {
  .ma-my-lists .top-section .sort-select .xng-field {
    max-width: 13.75rem; } }

@media screen and (max-width: 1025px) {
  .ma-my-lists .top-section .sort-select .xng-field {
    width: 20rem;
    max-width: 100%; } }

.ma-my-lists .top-section button.button {
  margin-top: 1.6875rem;
  width: 12.5rem; }
  @media screen and (max-width: 768px) {
    .ma-my-lists .top-section button.button {
      margin-top: 2.375rem;
      width: 20rem !important;
      max-width: 100%; } }

.ma-my-lists ul.myList-item-list {
  list-style: none;
  margin: 0; }

.ma-my-lists .pager-container > div {
  width: 100%; }

.ma-my-lists .pager-container .paginator-34.ptop {
  border-color: transparent;
  border-bottom-color: #989A87;
  margin-bottom: 1.5625rem;
  padding: 0;
  padding-bottom: 0.9375rem; }

.ma-my-lists .pager-container .paginator-34.pbtm {
  border-color: transparent;
  border-top-color: #989A87;
  margin-top: 1.5625rem;
  margin-bottom: 0;
  padding: 0;
  padding-top: 0.9375rem; }

.ma-my-lists ul li.item-block:not(:last-child) {
  border-bottom: 1px solid #d3d4cc;
  padding-bottom: 0.625rem;
  margin-bottom: 0.625rem; }

.ma-my-lists ul li.item-block .item-name a {
  color: #00214A;
  font-size: 1.375rem;
  font-weight: 600;
  line-height: 1.6875rem;
  text-transform: capitalize;
  text-decoration: none;
  overflow-wrap: break-word;
  word-wrap: break-word;
  display: inline-block;
  max-width: 100%; }
  .ma-my-lists ul li.item-block .item-name a:hover {
    color: #DB542C; }

.ma-my-lists ul li.item-block .item-updated {
  color: #494a3e;
  font-size: 0.875rem;
  font-style: italic;
  word-break: normal; }

.ma-my-lists ul li.item-block .item-desc a {
  text-decoration: none; }
  .ma-my-lists ul li.item-block .item-desc a span {
    display: block;
    height: 1.5625rem;
    overflow: hidden;
    color: #4F4F4F;
    font-size: 1rem;
    line-height: 1.5rem;
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }

.ma-my-lists ul li.item-block .images-block .item-count {
  color: #494a3e;
  font-size: 0.9375rem; }

.ma-my-lists ul li.item-block .item-controls {
  width: 12.5rem;
  margin-left: auto; }
  @media screen and (max-width: 1440px) {
    .ma-my-lists ul li.item-block .item-controls {
      padding-top: 0.625rem;
      margin-top: 0.625rem;
      border-top: 1px solid #dfe0da; } }

.ma-my-lists ul li.item-block .item-controls a:not(.disabled):hover {
  color: #00214A;
  text-decoration: none; }

.ma-my-lists ul li.item-block .item-controls a > *[class^='icon-'] {
  width: 1.375rem;
  display: inline-block; }

.ma-my-lists ul li.item-block .item-controls a .icon-shopping-cart {
  font-size: 1.0625rem;
  left: -0.25rem;
  position: relative; }

.ma-my-lists ul li.item-block .item-controls a .icon-Trash {
  font-size: 1.0625rem; }

.ma-my-lists ul li.item-block .item-controls a .icon-Exclamation {
  font-size: 0.9375rem; }

.ma-my-lists ul li.item-block .item-controls a .icon-Cart {
  width: 0.9375rem;
  display: inline-block;
  font-size: 0.9375rem; }

.ma-my-lists ul li.item-block .item-shared:hover .icon-user {
  color: #000; }

.ma-my-lists ul li.item-block .item-shared .icon-user {
  color: #DB542C;
  width: 1.125rem; }

.ma-my-lists ul li.item-block .item-controls .xng-inline-spinner {
  position: relative; }
  .ma-my-lists ul li.item-block .item-controls .xng-inline-spinner .xng-loading-icon {
    top: 0.9375rem;
    right: -0.375rem; }
  .ma-my-lists ul li.item-block .item-controls .xng-inline-spinner .xng-loading-icon > span {
    border-color: #00214A transparent transparent transparent;
    width: 0.9375rem;
    height: 0.9375rem;
    border-width: 1px; }
  .ma-my-lists ul li.item-block .item-controls .xng-inline-spinner .checkmark-wrapper {
    right: 0; }
    .ma-my-lists ul li.item-block .item-controls .xng-inline-spinner .checkmark-wrapper .xng-checkmark-icon {
      font-size: 0.625rem;
      position: relative;
      right: 0.3125rem; }

/*# sourceMappingURL=ma-my-lists.css.map */