@charset "UTF-8";
/*Link to theme generator for site colours
https: //javisperez.github.io/tailwindcolorshades/?barley-corn=a3925f&kumera=a1752b&white=ffffff&silver-chalice=b0aeb0&black=000000&mountain-mist=939393&shuttle-gray=5a5e68&cello=293451
*/
/* Master colours*/
/* Theme colours */
/*Bootstrap overrides*/
/*-------------------*/
/*Tags*/
a {
  color: #a1752b;
  text-decoration: underline; }
  a:hover {
    color: #a1752b;
    text-decoration: none; }

/*Components*/
.nav-tabs > li > a {
  text-decoration: none !important; }

.btn-default {
  color: #5a5e68;
  background-color: #ffffff;
  border-color: #bfbfbf;
  text-decoration: none; }
  .btn-default:hover {
    color: #5a5e68;
    background-color: #e6e6e6;
    border-color: #999999; }

.btn-primary {
  color: #ffffff;
  background-color: #a3925f;
  border-color: #938356;
  text-decoration: none; }
  .btn-primary:hover, .btn-primary:active, .btn-primary:focus, .btn-primary:active:hover, .btn-primary:active:focus {
    color: #ffffff;
    background-color: #7a6e47;
    border-color: #625839; }

/*May not be used now*/
/*End of*/
.header-iframe {
  overflow: hidden; }

/*.container {
    width: 1200px;
}*/
body, html {
  margin: 0;
  padding: 0; }
  body.cust-modal-open, html.cust-modal-open {
    overflow: hidden;
    margin-right: 17px; }
  body.lightbox-modal-open, html.lightbox-modal-open {
    overflow: hidden; }

.header-iframe {
  width: 100%;
  height: 163px; }

.footer-iframe {
  width: 100%;
  height: 376px;
  display: block; }

/*Header*/
.sg-header .sg-header-nav {
  height: 40px;
  background-color: #97062e;
  font-family: "Open Sans", "OpenSans", OpenSans, sans-serif; }
  .sg-header .sg-header-nav .nav-container {
    margin: 0 auto 0 auto;
    max-width: 1170px; }
    .sg-header .sg-header-nav .nav-container .nav-links {
      height: 40px;
      float: right; }
      .sg-header .sg-header-nav .nav-container .nav-links ul {
        list-style: none;
        height: 40px; }
        .sg-header .sg-header-nav .nav-container .nav-links ul li {
          float: left;
          list-style: none;
          padding: 11px 18px;
          border-left: 1px solid #ffffff;
          height: 40px;
          cursor: pointer;
          color: #ffffff;
          transition: background-color 500ms; }
          .sg-header .sg-header-nav .nav-container .nav-links ul li a {
            height: 40px;
            text-transform: capitalize;
            color: #ffffff;
            font-weight: 600; }
          .sg-header .sg-header-nav .nav-container .nav-links ul li:hover {
            background-color: #A19897; }
            .sg-header .sg-header-nav .nav-container .nav-links ul li:hover a {
              text-decoration: none; }

.sg-header .sg-page-header {
  margin: 0 auto;
  max-width: 1170px;
  margin-bottom: 25px; }
  .sg-header .sg-page-header .logo-container {
    float: left;
    width: 26%; }
    .sg-header .sg-page-header .logo-container a img {
      width: 100%;
      margin-top: 15px; }

.sg-header .sg-header-menu {
  width: 74%;
  float: right; }
  .sg-header .sg-header-menu .header-menu-nav {
    margin-top: 12px; }

.header-iframe, .footer-iframe {
  border: none; }

.back-top {
  opacity: 0;
  cursor: default !important;
  position: fixed;
  z-index: 1000;
  left: 93vw;
  top: 90vh;
  height: 40px;
  background-color: #a3925f !important;
  border-color: #938356 !important;
  color: #ffffff !important;
  transition: opacity 0.2s ease-out;
  -webkit-transition: opacity 0.2s ease-out; }
  .back-top:hover {
    background-color: #7a6e47 !important;
    border-color: #625839 !important; }
  .back-top.show {
    opacity: 1;
    cursor: pointer !important; }
    .back-top.show:focus {
      outline: none; }

@media only screen and (max-width: 1350px) {
  .back-top {
    left: 95vw; } }

input, textarea, .select2-container--default.select2-container--focus .select2-selection--multiple {
  border-radius: 0 !important; }

.sub-header {
  margin-top: 12px; }

.grey-border {
  border: 1px solid #e7e7e8; }

.mc-nav {
  margin: 0 0 30px 0; }
  .mc-nav h1 {
    font-size: 24px;
    font-weight: 600;
    color: #00152e;
    margin: 9px 0 0 0;
    text-transform: uppercase;
    font-family: "Open Sans", "OpenSans", OpenSans, sans-serif;
    float: left; }
  .mc-nav .nav li {
    float: right; }

[data-indent="0"] {
  font-weight: 600; }

[data-indent="1"] {
  padding-left: 20px; }

[data-indent="2"] {
  padding-left: 40px; }

.search-catalogue-container .filter-container {
  -webkit-transition: height ease-in-out 200ms, width ease-in-out 200ms, opacity ease-in-out 600ms;
  transition: height ease-in-out 200ms, width ease-in-out 200ms, opacity ease-in-out 600ms;
  overflow: inherit; }
  .search-catalogue-container .filter-container .album-dropdown-btn {
    width: 120px;
    white-space: nowrap;
    text-overflow: ellipsis;
    position: relative; }
    .search-catalogue-container .filter-container .album-dropdown-btn .caret {
      position: absolute;
      right: 3px;
      top: 50%; }

.search-catalogue-container .top-filters .filter-container {
  height: 255px; }

.search-catalogue-container.filters-hidden .top-filters .filter-container {
  height: 0px !important;
  opacity: 0; }

.search-catalogue-container.filters-hidden .side-filters .filter-container {
  width: 0; }

.display-options {
  display: none; }

.fitler-hide-text {
  position: absolute;
  left: 45%;
  top: 10px;
  background-color: white;
  padding-left: 20px;
  padding-right: 20px;
  cursor: pointer;
  font-weight: bold; }

.top-filters .filter,
.side-filters .filter {
  margin-bottom: 15px; }

.top-filters .catalogue,
.side-filters .catalogue {
  margin-bottom: 15px; }
  .top-filters .catalogue .btn-group,
  .side-filters .catalogue .btn-group {
    width: 100%;
    margin-bottom: 5px; }
    .top-filters .catalogue .btn-group a,
    .side-filters .catalogue .btn-group a {
      width: 50%; }
  .top-filters .catalogue img,
  .side-filters .catalogue img {
    width: 80%; }

.top-filters .territory,
.side-filters .territory {
  margin-top: 20px; }
  .top-filters .territory .btn,
  .side-filters .territory .btn {
    width: 100%;
    margin-top: 5px; }

.top-filters .year .input-group,
.side-filters .year .input-group {
  width: 100%;
  margin-top: 0 !important; }

.top-filters .filter-select,
.side-filters .filter-select {
  padding-left: 10px;
  cursor: pointer;
  font-weight: normal; }
  .top-filters .filter-select.selected,
  .side-filters .filter-select.selected {
    font-weight: bold;
    position: relative; }
    .top-filters .filter-select.selected:before,
    .side-filters .filter-select.selected:before {
      position: relative;
      top: 1px;
      display: inline-block;
      font-family: 'Glyphicons Halflings';
      font-style: normal;
      font-weight: 400;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      content: "\e014";
      position: absolute;
      right: 0;
      vertical-align: text-top;
      padding-top: 2px; }

.side-filters .catalogue {
  text-align: center; }
  .side-filters .catalogue label {
    padding: 0 20px 0 20px; }
  .side-filters .catalogue img {
    width: 60%; }

.side-filters .face-colour .form-group {
  width: 45%;
  display: inline-block;
  text-align: center; }

.side-filters .countries span.select2 {
  width: 262.5px !important;
  margin-bottom: 15px; }

.side-filters .countries button {
  width: 100%; }

.side-filters .year-range .input-group label {
  margin-top: 5px; }

.side-filters .year-range .input-group input {
  width: 45%; }

.side-filters .year-range .input-group label {
  width: 10%;
  text-align: center; }

.side-filters .keyword {
  margin-top: 15px; }

.side-filters .buttons button {
  background-color: #98002e;
  color: white;
  border-radius: 0;
  width: 100%;
  transition: 500ms;
  -webkit-transition: 500ms; }
  .side-filters .buttons button:hover {
    background-color: #65001f; }
  .side-filters .buttons button:active {
    background-color: #65001f;
    color: white; }
  .side-filters .buttons button:focus {
    outline: none; }

.side-filters .buttons .radio-inline-container {
  margin-top: 20px; }
  .side-filters .buttons .radio-inline-container .radio {
    margin-bottom: 20px; }

.top-filters {
  margin-bottom: 5px; }
  .top-filters .countries span.select2 {
    width: 359px !important; }
  .top-filters .countries .input-group {
    margin-top: 27px; }
  .top-filters .countries input {
    margin-top: 15px;
    width: 100%; }
  .top-filters .years {
    border-left: 1px solid #e7e7e8; }
    .top-filters .years .input-group {
      width: 100%;
      margin-bottom: 15px; }
    .top-filters .years .year-range .input-group {
      display: table; }
      .top-filters .years .year-range .input-group label {
        display: table-cell;
        vertical-align: middle;
        text-align: center; }
    .top-filters .years .year-range input {
      width: 90% !important; }
  .top-filters .sgkey {
    border-left: 1px solid #e7e7e8; }
    .top-filters .sgkey .face-colour .form-group {
      width: 40%;
      display: inline-block; }
  .top-filters .catalogue {
    border-right: 1px solid #e7e7e8;
    text-align: center; }
  .top-filters .radios,
  .top-filters .buttons {
    margin-top: 15px; }
  .top-filters .buttons .btn {
    border-color: #98002e;
    background-color: #98002e;
    color: white;
    width: 100%; }

.filter-bottom {
  border-bottom: 0.5px solid black;
  padding-bottom: 20px;
  margin-bottom: 10px; }

/*
* Top Summary infor on results
*/
.summary-buttons-top .count-sentance a {
  text-decoration: none; }

.summary-buttons-top .display-options .dropdown-toggle {
  cursor: pointer; }

/*
* Results in a thumb view
*/
.results.thumbview {
  /* if already in Wants */
  /* if already in MC */
  /* MC Open */ }
  .results.thumbview .result-item-container {
    padding-bottom: 15px; }
    .results.thumbview .result-item-container .result-item-inner {
      /* TODO: Change height based on screen size using media queries*/
      padding: 4px;
      box-sizing: content-box;
      overflow-x: hidden;
      position: relative;
      width: 360px;
      transition: width linear 200ms;
      -webkit-transition: width linear 200ms;
      background-color: #fff; }
      .results.thumbview .result-item-container .result-item-inner .thumb-container {
        margin-bottom: 15px;
        border: 4px solid #eee;
        border-radius: 4px; }
        .results.thumbview .result-item-container .result-item-inner .thumb-container img {
          width: 100%; }
      .results.thumbview .result-item-container .result-item-inner .sgcat-result-item {
        width: 360px;
        padding: 15px;
        background-color: #97062E;
        color: #eee;
        /* TODO: Change height based on screen size using media queries*/
        min-height: 188px;
        position: relative;
        transition: none; }
        .results.thumbview .result-item-container .result-item-inner .sgcat-result-item .left-container {
          position: absolute;
          left: 0;
          bottom: 0;
          top: 0;
          width: 33%;
          padding: inherit;
          box-sizing: border-box; }
        .results.thumbview .result-item-container .result-item-inner .sgcat-result-item .right-container {
          position: absolute;
          right: 0;
          bottom: 0;
          top: 0;
          width: 67%;
          padding: inherit;
          padding-left: 0;
          box-sizing: border-box; }
        .results.thumbview .result-item-container .result-item-inner .sgcat-result-item .sgcat-number {
          float: right;
          font-size: 14px;
          border: 1px solid #fff;
          color: #fff;
          font-weight: normal;
          line-height: 32px;
          width: 100%;
          display: inline;
          text-align: center;
          white-space: nowrap;
          vertical-align: baseline;
          border-radius: 4px; }
        .results.thumbview .result-item-container .result-item-inner .sgcat-result-item .description-container label {
          margin-bottom: 0;
          padding-right: 8px;
          width: 30%;
          clear: both; }
        .results.thumbview .result-item-container .result-item-inner .sgcat-result-item .description-container .label-value {
          width: 70%;
          display: inline-block;
          float: right; }
        .results.thumbview .result-item-container .result-item-inner .sgcat-result-item .description-container .title {
          font-size: 16px; }
        .results.thumbview .result-item-container .result-item-inner .sgcat-result-item .description-container .set {
          font-style: italic;
          margin-bottom: 5px; }
        .results.thumbview .result-item-container .result-item-inner .sgcat-result-item .description-container .year, .results.thumbview .result-item-container .result-item-inner .sgcat-result-item .description-container .price-used, .results.thumbview .result-item-container .result-item-inner .sgcat-result-item .description-container .price-unused {
          clear: both; }
      .results.thumbview .result-item-container .result-item-inner .buttons {
        height: 46px; }
        .results.thumbview .result-item-container .result-item-inner .buttons .btn-addtowants,
        .results.thumbview .result-item-container .result-item-inner .buttons .btn-addtomc {
          font-size: 30px;
          line-height: 30px;
          display: inline-block;
          padding: 6px 12px;
          margin-bottom: 0;
          font-weight: 400;
          text-align: center;
          white-space: nowrap;
          vertical-align: middle;
          -ms-touch-action: manipulation;
          touch-action: manipulation;
          cursor: pointer;
          -webkit-user-select: none;
          -moz-user-select: none;
          -ms-user-select: none;
          user-select: none;
          background-image: none;
          border: 1px solid transparent;
          border-radius: 4px;
          color: #bfbfbf;
          transition: color linear 100ms;
          -webkit-transition: color linear 100ms; }
          .results.thumbview .result-item-container .result-item-inner .buttons .btn-addtowants:hover,
          .results.thumbview .result-item-container .result-item-inner .buttons .btn-addtomc:hover {
            color: #000; }
          .results.thumbview .result-item-container .result-item-inner .buttons .btn-addtowants i,
          .results.thumbview .result-item-container .result-item-inner .buttons .btn-addtomc i {
            vertical-align: middle; }
        .results.thumbview .result-item-container .result-item-inner .buttons .btn-addtowants i::before {
          content: "\e143"; }
        .results.thumbview .result-item-container .result-item-inner .buttons .btn-addtomc i::before {
          content: "\e089"; }
        .results.thumbview .result-item-container .result-item-inner .buttons .quantity-select {
          padding: 1px 1px;
          vertical-align: bottom;
          cursor: pointer;
          -webkit-user-select: none;
          -moz-user-select: none;
          -ms-user-select: none;
          user-select: none; }
          .results.thumbview .result-item-container .result-item-inner .buttons .quantity-select button, .results.thumbview .result-item-container .result-item-inner .buttons .quantity-select ul li a {
            color: #a9a9a9;
            font-size: 20px;
            font-weight: bolder;
            border: none; }
          .results.thumbview .result-item-container .result-item-inner .buttons .quantity-select button::before {
            content: 'x'; }
        .results.thumbview .result-item-container .result-item-inner .buttons .used {
          padding: 1px 5px;
          vertical-align: bottom;
          border-right: 1px solid #a9a9a9; }
          .results.thumbview .result-item-container .result-item-inner .buttons .used button, .results.thumbview .result-item-container .result-item-inner .buttons .used ul li a {
            color: #a9a9a9;
            font-size: 20px;
            font-weight: bolder;
            border: none; }
        .results.thumbview .result-item-container .result-item-inner .buttons .price {
          color: #a9a9a9;
          font-size: 20px;
          font-weight: bolder;
          vertical-align: bottom;
          padding: 0 0 3px 5px; }
        .results.thumbview .result-item-container .result-item-inner .buttons .price, .results.thumbview .result-item-container .result-item-inner .buttons .quantity-select, .results.thumbview .result-item-container .result-item-inner .buttons .used {
          display: none; }
      .results.thumbview .result-item-container .result-item-inner .mc-result-item {
        position: absolute;
        left: 365px;
        top: 0;
        bottom: 0;
        height: 234px;
        transition: right linear 200ms;
        background-color: white; }
        .results.thumbview .result-item-container .result-item-inner .mc-result-item .chevron-col {
          position: absolute;
          width: 22px;
          top: 0;
          bottom: 0;
          left: 0;
          line-height: 234px;
          text-align: center;
          cursor: pointer; }
          .results.thumbview .result-item-container .result-item-inner .mc-result-item .chevron-col i {
            vertical-align: middle;
            font-size: 22px;
            color: #2f9842; }
        .results.thumbview .result-item-container .result-item-inner .mc-result-item .mc-result-item-inner {
          width: 360px;
          position: absolute;
          left: 22px;
          top: 0;
          bottom: 0;
          padding: 15px;
          overflow-y: auto; }
          .results.thumbview .result-item-container .result-item-inner .mc-result-item .mc-result-item-inner .thumb-container-outer {
            width: 33%;
            padding-right: 15px;
            float: left; }
          .results.thumbview .result-item-container .result-item-inner .mc-result-item .mc-result-item-inner .note-container {
            width: 66%;
            float: left; }
            .results.thumbview .result-item-container .result-item-inner .mc-result-item .mc-result-item-inner .note-container textarea {
              height: 84px; }
          .results.thumbview .result-item-container .result-item-inner .mc-result-item .mc-result-item-inner .thumb-notes-container {
            height: 126px; }
  .results.thumbview .result-item-container[data-in-wants] .buttons .btn-addtowants {
    color: #337ab7; }
    .results.thumbview .result-item-container[data-in-wants] .buttons .btn-addtowants i::before {
      content: "\e005"; }
  .results.thumbview .result-item-container[data-in-mc] .result-item-inner {
    width: 105%; }
  .results.thumbview .result-item-container[data-in-mc] .mc-result-item {
    right: 22px;
    z-index: 100; }
  .results.thumbview .result-item-container[data-in-mc] .buttons .btn-addtomc {
    color: #2f9842; }
    .results.thumbview .result-item-container[data-in-mc] .buttons .btn-addtomc i::before {
      content: "\e084"; }
  .results.thumbview .result-item-container[data-in-mc] .buttons .price, .results.thumbview .result-item-container[data-in-mc] .buttons .quantity-select, .results.thumbview .result-item-container[data-in-mc] .buttons .used {
    display: inline-block; }
  .results.thumbview .result-item-container[data-open-mc] .result-item-inner {
    z-index: 100;
    width: 750px; }
  .results.thumbview .result-item-container[data-open-mc] .chevron-col i:before {
    content: "\e079"; }

/*
* Results in a List View 
*/
.result-items {
  padding-bottom: 20px; }
  .result-items .result .hide-show {
    cursor: pointer;
    top: 15px; }

.seperator {
  background-color: white;
  width: 200px;
  height: 20px;
  text-align: center;
  position: relative;
  left: 42%;
  top: 10px;
  color: #5f5f5f; }

.results.listview {
  margin-top: 20px;
  margin-bottom: 15px; }
  .results.listview .territory-container .territory-path {
    color: #888; }
  .results.listview .territory-container .title {
    margin-top: 10px; }
  .results.listview .territory-container .notes {
    margin-top: 15px; }
  .results.listview .result-set-footer-container .description p {
    margin: 0;
    padding: 0; }
  .results.listview .result-set-footer-container .notes.bluebox {
    background-color: #D3EAFB;
    padding: 5px;
    margin: 15px 0px; }
    .results.listview .result-set-footer-container .notes.bluebox p {
      margin: 0;
      padding: 5px 10px; }
  .results.listview .result-set-header-container {
    margin-top: 30px; }
    .results.listview .result-set-header-container .notes.bluebox {
      background-color: #D3EAFB;
      padding: 5px;
      margin: 15px 0px; }
      .results.listview .result-set-header-container .notes.bluebox p {
        margin: 0;
        padding: 5px 10px; }
    .results.listview .result-set-header-container .set-details {
      font-size: 1.2em;
      vertical-align: text-bottom;
      line-height: 27px;
      text-align: center; }
    .results.listview .result-set-header-container .set-year {
      padding: 0;
      margin: 0;
      line-height: 27px;
      font-size: 2em;
      text-align: center; }
    .results.listview .result-set-header-container .set-imagelist {
      text-align: center; }
      .results.listview .result-set-header-container .set-imagelist .set-image {
        display: inline-block;
        vertical-align: text-top;
        padding: 15px;
        cursor: pointer; }
        .results.listview .result-set-header-container .set-imagelist .set-image .image-text {
          padding-top: 10px; }
  .results.listview .territory-custom-stamps .customstamps-header {
    padding: 0;
    margin: 0;
    line-height: 27px;
    font-size: 2em;
    text-align: center;
    margin: 20px 0; }
  .results.listview .sgcat-result-item {
    min-height: 29px;
    line-height: 25px; }
  .results.listview .mc-result-item {
    min-height: 35px;
    padding: 2px 0;
    box-sizing: content-box; }
    .results.listview .mc-result-item .form-control {
      padding: 4px 2px; }
    .results.listview .mc-result-item .col-btn i {
      line-height: 30px; }
    .results.listview .mc-result-item .col-btn .dropdown-toggle {
      padding: 2px 5px 2px 5px; }
    .results.listview .mc-result-item .col-btn .dropdown-menu img {
      width: 100%; }
    .results.listview .mc-result-item .col-btn .profile-img {
      width: 40px;
      height: 40px;
      position: inherit; }
      .results.listview .mc-result-item .col-btn .profile-img .profile-icon {
        position: absolute;
        left: 15%;
        top: 15%;
        width: 70%;
        height: 70%;
        border-radius: 100%;
        background-color: lightpink;
        text-align: center; }
        .results.listview .mc-result-item .col-btn .profile-img .profile-icon h1 {
          font-size: 10px;
          width: inherit;
          text-transform: capitalize;
          font-weight: 500;
          position: absolute;
          left: 15%;
          top: -45%;
          color: white; }
  .results.listview .col-no ul,
  .results.listview .col-desc ul,
  .results.listview .col-unused-val ul,
  .results.listview .mc-summary .col-unused-quant ul, .mc-summary
  .results.listview .col-unused-quant ul,
  .results.listview .col-unused-quant ul,
  .results.listview .col-used-val ul,
  .results.listview .col-used-quant ul,
  .results.listview .col-want ul,
  .results.listview .col-btn ul {
    left: -170px; }
  .results.listview .col-unused-val .placeholder, .results.listview .mc-summary .col-unused-quant .placeholder, .mc-summary .results.listview .col-unused-quant .placeholder {
    margin-right: 23px !important; }
  .results.listview .col-unused-val .btn-addtowants, .results.listview .mc-summary .col-unused-quant .btn-addtowants, .mc-summary .results.listview .col-unused-quant .btn-addtowants {
    float: right;
    visibility: hidden; }
  .results.listview .col-unused-quant {
    text-align: right; }
  .results.listview .col-used-val .btn-addtowants {
    float: right;
    visibility: hidden; }
  .results.listview .col-used-val .placeholder {
    margin-right: 23px !important; }
  .results.listview .col-used-quant {
    text-align: right; }
  .results.listview .col-want {
    text-align: right; }
  .results.listview .col-btn {
    text-align: right; }
    .results.listview .col-btn i {
      vertical-align: middle; }
  .results.listview .result-item-container {
    margin: 2px 0;
    padding-top: 2px;
    padding-bottom: 2px;
    background: #eee; }
    .results.listview .result-item-container .col-unused-val, .results.listview .result-item-container .mc-summary .col-unused-quant, .mc-summary .results.listview .result-item-container .col-unused-quant {
      border-left: 1px solid #b9b9b9; }
    .results.listview .result-item-container .col-used-val {
      border-left: 1px solid #b9b9b9; }
    .results.listview .result-item-container .col-used-quant {
      border-right: 1px solid #b9b9b9; }
  .results.listview .result-item-container:hover .change-quantity .minus, .results.listview .result-item-container:hover .change-quantity .plus {
    visibility: visible; }

.search-results-pagination .pagination > li > a,
.search-results-pagination .pagination > li > a:hover,
.search-results-pagination .pagination > li > a:active,
.search-results-pagination .pagination > li > a:focus {
  color: #a1752b; }

.search-results-pagination .pagination > li.active > a,
.search-results-pagination .pagination > li.active > a:hover,
.search-results-pagination .pagination > li.active > a:active,
.search-results-pagination .pagination > li.active > a:focus {
  color: #ffffff;
  background-color: #a3925f;
  border-color: #938356; }

.search-results-pagination .pagination > li.disabled > a {
  color: #e8ddca; }

.search-results-pagination .pagination > li > .glyphicon {
  top: 0px; }

.search-results-pagination .pagination {
  margin: 0; }
  .search-results-pagination .pagination li {
    position: relative; }

.search-results-pagination .pagination-goto {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #a1752b;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
  width: 80px;
  outline: none; }

.search-results-pagination .pagination-goto + span {
  color: #a1752b;
  position: absolute;
  right: 0;
  cursor: pointer;
  right: -20px; }

.search-results-pagination .pagination-goto::placeholder {
  color: #a1752b; }

.search-results-pagination .pagination-goto::-webkit-inner-spin-button, .search-results-pagination .pagination-goto::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0; }

#countryModal ul {
  float: left;
  list-style: none;
  width: 25%;
  padding: 0;
  margin-top: 20px; }
  #countryModal ul li {
    margin: 1px 0px; }
    #countryModal ul li:hover {
      background-color: #e7e7e8;
      cursor: pointer; }
  #countryModal ul li.selected {
    background-color: #a3925f;
    color: #ffffff;
    padding: 5px 10px; }

#countryModal .modal-body {
  max-height: 80vh;
  overflow-y: scroll; }

#modalCreateAlbum .profile-img {
  width: 150px;
  height: 150px;
  border: 1px solid black;
  position: inherit; }
  #modalCreateAlbum .profile-img .profile-icon {
    position: absolute;
    left: 15%;
    top: 15%;
    width: 70%;
    height: 70%;
    border-radius: 100%;
    background-color: lightpink;
    text-align: center; }
    #modalCreateAlbum .profile-img .profile-icon h1 {
      text-transform: capitalize;
      font-weight: 500;
      position: absolute;
      left: 38%;
      top: 10%;
      color: white; }

#modalCreateAlbum .modal-body .btn {
  margin: 5px 0 5px 0;
  border-radius: 0;
  width: 150px; }

.mc-summary .welcome-message {
  margin-bottom: 15px;
  color: #5a5e68;
  background-color: #e8e4d7;
  border-color: #dad3bf; }

.mc-summary .banner-container {
  margin-bottom: 50px; }
  .mc-summary .banner-container img {
    width: 100%; }

.mc-summary .top-menu {
  margin-bottom: 40px;
  color: #333; }
  .mc-summary .top-menu > i {
    font-size: 18px;
    vertical-align: middle;
    margin-top: 8px;
    margin-right: 12px;
    cursor: pointer; }

.mc-summary .panel {
  margin-bottom: 30px; }
  .mc-summary .panel .panel-heading h2 {
    padding: 10px 0;
    margin: 0; }
    .mc-summary .panel .panel-heading h2 .buttons {
      font-size: 22px;
      vertical-align: middle;
      margin-top: 4px;
      margin-right: 12px;
      float: right; }
      .mc-summary .panel .panel-heading h2 .buttons i {
        cursor: pointer;
        padding-left: 20px;
        color: black;
        vertical-align: middle;
        line-height: 1.42857143; }
      .mc-summary .panel .panel-heading h2 .buttons a {
        /*                        color: black;*/ }

.mc-summary .totals {
  margin-bottom: 60px;
  color: #ffffff;
  background-color: #697185;
  border-color: #293451; }

.mc-summary table {
  margin-bottom: 0; }

.mc-summary .country-head {
  font-weight: bold;
  margin-bottom: 5px;
  font-size: 14pt; }
  .mc-summary .country-head .col-country {
    width: 500px; }
  .mc-summary .country-head .col-unused {
    width: 280px; }
  .mc-summary .country-head .col-unused-quant {
    display: none; }
  .mc-summary .country-head .col-want-quant,
  .mc-summary .country-head .col-unused,
  .mc-summary .country-head .col-used {
    text-align: center; }
  .mc-summary .country-head .col-unused {
    padding-left: 50px; }
  .mc-summary .country-head .col-buttons {
    text-align: right; }

.mc-summary .col-unused-val, .mc-summary .col-unused-quant, .mc-summary .col-used-val, .mc-summary .col-used-quant {
  text-align: right; }

.mc-summary .col-unused-quant {
  width: 105px;
  border-right: 1px solid #b9b9b9;
  text-align: center; }

.mc-summary .country-totals .col-unused-quant,
.mc-summary .country-totals .col-unused-val, .mc-summary .country-totals .col-unused-quant,
.mc-summary .country-totals .col-used-quant,
.mc-summary .country-totals .col-used-val,
.mc-summary .country-totals .col-want-quant,
.mc-summary .country-row .col-unused-quant,
.mc-summary .country-row .col-unused-val, .mc-summary .country-row .col-unused-quant,
.mc-summary .country-row .col-used-quant,
.mc-summary .country-row .col-used-val,
.mc-summary .country-row .col-want-quant {
  text-align: right;
  vertical-align: bottom; }

.mc-summary .country-totals .col-unused-quant,
.mc-summary .country-row .col-unused-quant {
  border-right: 1px solid #b9b9b9; }

.mc-summary .country-totals .col-used-quant,
.mc-summary .country-row .col-used-quant {
  text-align: right; }

.mc-summary .country-totals .col-buttons,
.mc-summary .country-row .col-buttons {
  text-align: right;
  vertical-align: bottom; }

.mc-summary .album-row .col-quantity {
  text-align: left; }

.mc-summary .album-row .col-name .albumname {
  margin-left: 8px; }

.mc-summary .album-row .col-name .btn-editalbum {
  cursor: pointer; }
  .mc-summary .album-row .col-name .btn-editalbum .albumname {
    color: #a1752b;
    text-decoration: underline; }
  .mc-summary .album-row .col-name .btn-editalbum:hover .albumname {
    color: #a1752b;
    text-decoration: none; }

.mc-summary .album-row .col-buttons {
  text-align: right; }

.mc-summary .country-totals .col-country, .mc-summary .album-totals .col-country {
  line-height: 1.42857143;
  font-size: 14pt; }

.mc-summary .country-totals col-buttons, .mc-summary .album-totals col-buttons {
  text-align: right; }

.mc-summary .country-totals td, .mc-summary .album-totals td {
  padding-top: 25px; }

.mc-summary .country-totals .total-quant, .mc-summary .album-totals .total-quant {
  text-align: right; }

.totals-head .totals-unused {
  text-align: right; }

.totals-head .totals-used {
  text-align: right; }

.totals-head .totals-price {
  text-align: right; }

.country-totals .totals-unused-val, .album-totals .totals-unused-val, .wants-totals .totals-unused-val {
  text-align: right; }

.country-totals .totals-unused-quant, .album-totals .totals-unused-quant, .wants-totals .totals-unused-quant {
  border-right: 1px solid #b9b9b9; }

.country-totals .totals-used-val, .album-totals .totals-used-val, .wants-totals .totals-used-val {
  text-align: right; }

.country-totals .total-val, .album-totals .total-val, .wants-totals .total-val {
  text-align: right; }

.wants-totals td {
  text-align: center;
  vertical-align: bottom !important; }
  .wants-totals td:nth-child(1) {
    line-height: 1.42857143;
    font-size: 14pt;
    text-align: left; }

.wants-totals .totals-quant {
  text-align: right; }

.open-mc-overlay {
  display: none;
  opacity: 0.4;
  background-color: #000;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }

body[data-open-mc] .open-mc-overlay {
  display: block; }

.top-filters .filter-catalogue {
  text-align: center; }
  .top-filters .filter-catalogue img {
    width: 100%; }

.top-filters .filter-countries {
  padding-top: 26.5px; }
  .top-filters .filter-countries input[type=button] {
    width: 100%; }

.top-filters .filter-year {
  border-left: 2px solid #e7e7e8; }
  .top-filters .filter-year .range {
    display: table; }
    .top-filters .filter-year .range input {
      width: 80%; }
    .top-filters .filter-year .range label {
      display: table-cell;
      vertical-align: middle; }

.top-filters .filter-stamp {
  float: right;
  border-left: 2px solid #e7e7e8; }
  .top-filters .filter-stamp .value-colour .form-group {
    width: 45%; }

.top-filters .filter-btns {
  padding-top: 40px; }
  .top-filters .filter-btns .all-radio {
    padding-right: 36px; }
  .top-filters .filter-btns .search-mobile {
    display: none; }
  .top-filters .filter-btns .search {
    background-color: #a3925f;
    color: #ffffff;
    border-radius: 0;
    border-color: #938356;
    width: 24%;
    transition: 500ms;
    -webkit-transition: 500ms; }
    .top-filters .filter-btns .search:hover {
      background-color: #7a6e47;
      border-color: #625839; }
    .top-filters .filter-btns .search:active {
      background-color: #7a6e47;
      border-color: #625839;
      color: #ffffff; }
    .top-filters .filter-btns .search:focus {
      outline: none; }
  .top-filters .filter-btns .radio-group {
    display: inline-block;
    margin-left: 20px; }
    .top-filters .filter-btns .radio-group input[type="radio"][value="All Stamps"] {
      padding-right: 100px; }
    .top-filters .filter-btns .radio-group .album-dropdown-filter:disabled {
      opacity: .75; }
      .top-filters .filter-btns .radio-group .album-dropdown-filter:disabled:hover {
        background-color: initial;
        cursor: not-allowed; }

.top-filters .filter-reset {
  padding-top: 40px; }

/* * list result* */
.result-item-head {
  height: 40px;
  line-height: 40px; }
  .result-item-head div {
    width: 25.1%;
    float: right;
    padding-left: 10px; }
  .result-item-head .mint-head {
    position: relative;
    padding-left: 12%; }
    .result-item-head .mint-head img {
      cursor: pointer; }
      .result-item-head .mint-head img:nth-child(1) {
        position: absolute;
        left: 191px;
        top: 10px; }
      .result-item-head .mint-head img:nth-child(2) {
        position: absolute;
        left: 232px;
        top: 10px; }
  .result-item-head .used-head {
    position: relative;
    padding-left: 12%; }
    .result-item-head .used-head img {
      cursor: pointer; }
      .result-item-head .used-head img:nth-child(1) {
        position: absolute;
        left: 184px;
        top: 10px; }
      .result-item-head .used-head img:nth-child(2) {
        position: absolute;
        left: 227px;
        top: 10px; }

.collapse-result {
  display: none; }

.result {
  margin: 2px 0; }
  .result .listresult {
    width: 100%;
    max-height: 2000px;
    background-color: #eee;
    /* * Unlisted Stamp * */ }
    .result .listresult.header {
      background-color: transparent; }
    .result .listresult .section {
      height: 100%;
      width: 9%;
      display: inline-block;
      line-height: 20px;
      padding: 10px 10px 10px 10px;
      vertical-align: top;
      word-wrap: break-word; }
      .result .listresult .section.resultdesc {
        width: 30.6%; }
    .result .listresult .resultalbum {
      border: none !important; }
    .result .listresult .resultmint {
      text-align: right;
      padding-right: 8.5%; }
      .result .listresult .resultmint .item-quantity {
        background-color: #e8e4d7;
        border: 0.5px solid #000000; }
    .result .listresult .resultused {
      margin-right: -15px;
      text-align: right;
      padding-right: 8.5%; }
      .result .listresult .resultused .item-quantity {
        background-color: #caccd4;
        border: 0.5px solid #000000; }
    .result .listresult .expand {
      display: inline-block;
      opacity: 0;
      transition: 500ms;
      top: 12px;
      cursor: default; }
      .result .listresult .expand.show-chev {
        opacity: 1;
        cursor: pointer; }
    .result .listresult .resultmint, .result .listresult .resultused {
      position: relative;
      width: 24.3%; }
      .result .listresult .resultmint .mc, .result .listresult .resultused .mc {
        position: absolute;
        top: 20%;
        cursor: pointer;
        transition: 1s;
        -webkit-transition: 1s;
        left: 69%; }
      .result .listresult .resultmint input[type=number]::-webkit-inner-spin-button,
      .result .listresult .resultmint input[type=number]::-webkit-outer-spin-button, .result .listresult .resultused input[type=number]::-webkit-inner-spin-button,
      .result .listresult .resultused input[type=number]::-webkit-outer-spin-button {
        -webkit-appearance: none;
        margin: 0; }
      .result .listresult .resultmint .item-quantity, .result .listresult .resultused .item-quantity {
        position: absolute;
        width: 25px;
        height: 30px;
        top: 15%;
        left: 68%;
        text-align: center;
        display: none;
        padding: 0; }
      .result .listresult .resultmint .item-quantity.visible, .result .listresult .resultused .item-quantity.visible {
        display: block; }
      .result .listresult .resultmint .mw, .result .listresult .resultused .mw {
        position: absolute;
        left: 82.5%;
        top: 20%;
        cursor: pointer;
        transition: 1s;
        -webkit-transition: 1s;
        left: 84%; }
      .result .listresult .resultmint .add-to--dropdown, .result .listresult .resultused .add-to--dropdown {
        position: absolute;
        top: 20%;
        cursor: pointer;
        left: 77%;
        padding: 0;
        background-color: transparent;
        border-color: transparent;
        color: #9b9b9b; }
        .result .listresult .resultmint .add-to--dropdown > button, .result .listresult .resultused .add-to--dropdown > button {
          padding: 0;
          background-color: transparent;
          border-color: transparent;
          color: #9b9b9b; }
    .result .listresult.unlisted {
      height: 40px;
      background-color: #e8e4d7;
      padding: 0 15px; }
      .result .listresult.unlisted ul {
        margin: 0;
        padding: 0;
        height: 100%; }
        .result .listresult.unlisted ul li {
          line-height: 40px;
          list-style: none;
          float: left;
          width: 16%;
          text-align: left;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis; }
          .result .listresult.unlisted ul li.unlisted-desc {
            width: 20%; }
          .result .listresult.unlisted ul li.unlisted-cond {
            text-align: center; }
          .result .listresult.unlisted ul li:last-of-type {
            float: right; }
            .result .listresult.unlisted ul li:last-of-type span {
              float: right;
              line-height: 40px;
              cursor: pointer; }
              .result .listresult.unlisted ul li:last-of-type span.rotate {
                transform: rotateZ(180deg); }
  .result .unlisted-container {
    padding: 3px;
    max-height: 2000px;
    background-color: #e8e4d7;
    display: none;
    border-top: 1px solid white; }
    .result .unlisted-container .list-row {
      border: none; }
    .result .unlisted-container.expand {
      display: block; }
    .result .unlisted-container .user-stamp-details-form .reset-country-dropdown {
      width: 10%;
      background-color: white;
      height: 28px;
      position: absolute;
      left: 0;
      top: 40%;
      text-align: center;
      border: 1px solid #aaa;
      cursor: pointer; }
      .result .unlisted-container .user-stamp-details-form .reset-country-dropdown::before {
        vertical-align: -webkit-baseline-middle;
        text-align: center;
        line-height: 28px; }
      .result .unlisted-container .user-stamp-details-form .reset-country-dropdown:hover {
        background-color: #eee; }
    .result .unlisted-container .user-stamp-details-form .country-form {
      width: calc(100% - 10%);
      float: right; }
      .result .unlisted-container .user-stamp-details-form .country-form label {
        margin-left: -10%;
        margin-bottom: 0;
        vertical-align: top; }
  .result[data-user-stamp-used="True"] .unlisted-container, .result[data-user-stamp-used="True"] .listresult {
    background-color: #d0d3ec; }

.collapse-unlisted-result {
  margin-bottom: 2px; }
  .collapse-unlisted-result[data-user-stamp-used="True"] {
    background-color: #d0d3ec; }
  .collapse-unlisted-result[data-user-stamp-used="False"] {
    background-color: #ecdbd8; }
  .collapse-unlisted-result ul li {
    list-style-type: none;
    float: left;
    padding: 5px 15px;
    width: 25%; }

.mint-container > .list-row {
  background-color: #e8ddca; }

.used-container > .list-row {
  background-color: #caccd4; }

/*Detailed View*/
.col-height-1 {
  height: 100px; }

.col-height-1-2 {
  height: 50px; }

.list-row {
  padding: 5px;
  margin-bottom: 2px; }
  .list-row label {
    font-size: .75em; }

.sg-grid {
  margin: 0 0 0 0;
  padding: 0 !important; }
  .sg-grid:after {
    content: "";
    display: table;
    clear: both; }
  .sg-grid .upper-grid [class*='col-'] > * {
    vertical-align: top; }
  .sg-grid .upper-grid .btn-group {
    width: 100%; }
  .sg-grid .upper-grid .btn {
    width: 100%;
    border-radius: 0;
    padding: 1px;
    background-color: white;
    border: 1px solid #9a9a9a;
    height: 25px; }
  .sg-grid.lower-grid .btn-group {
    position: absolute;
    left: 0;
    bottom: 0;
    width: calc(100% - 15px) !important; }
  .sg-grid.lower-grid .btn {
    position: absolute;
    bottom: 0;
    width: 100%;
    border-radius: 0;
    padding: 1px;
    background-color: white;
    border: 1px solid #9a9a9a;
    height: 25px; }
  .sg-grid [class*='col-'] {
    float: left;
    padding-right: 15px !important;
    position: relative; }
    .grid .sg-grid [class*='col-']:last-of-type {
      padding-right: 0 !important; }
    .sg-grid [class*='col-'] input, .sg-grid [class*='col-'] textarea, .sg-grid [class*='col-'] select {
      width: 100%;
      height: 25px; }
    .sg-grid [class*='col-'] textarea {
      height: 100%;
      resize: none; }
    .sg-grid [class*='col-'] select {
      cursor: pointer; }
    .sg-grid [class*='col-'] .cust-desc textarea, .sg-grid [class*='col-'].cust-desc textarea {
      height: calc(100% - 20px); }
    .sg-grid [class*='col-'] .cust-desc label, .sg-grid [class*='col-'].cust-desc label {
      margin-bottom: 0; }

.col-2-3 {
  width: 66.66%; }

.col-1-3 {
  width: 33.33%; }

.col-1-6 {
  width: 16.66%; }

.col-1-2 {
  width: 50%; }

.col-1-4 {
  width: 25%; }

.col-1-8 {
  width: 12.5%; }

.col-3-8 {
  width: 37.5%; }

.cust-innerrow.sg-grid {
  padding-right: 0 !important; }
  .cust-innerrow.sg-grid [class*='col-']:last-of-type {
    padding-right: 0 !important; }

.img-view-thumb {
  height: 100px;
  width: 100px;
  margin: auto auto;
  text-align: center;
  cursor: pointer;
  position: relative; }
  .img-view-thumb.no-image {
    background-color: #989898; }
    .img-view-thumb.no-image:after {
      content: 'Add Image(s)';
      color: #ffffff;
      line-height: 100px;
      font-weight: 500; }
  .img-view-thumb img {
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%); }

.mint-container {
  position: relative;
  height: auto; }
  .mint-container.hidden {
    height: 0; }
  .mint-container.active {
    padding-top: 25px; }
    .mint-container.active .mint-header {
      display: block; }
  .mint-container .mint-header {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #916927;
    width: 100%;
    height: 25px;
    color: #ffffff;
    padding: 3px 10px;
    display: none; }

.used-container {
  position: relative; }
  .used-container.hidden {
    width: 0; }
  .used-container.active .used-header {
    display: block; }
  .used-container .used-header {
    background-color: #293451;
    width: 100%;
    height: 25px;
    color: #ffffff;
    padding: 3px 10px;
    display: none; }

.resultalbum button {
  padding: 4px; }

.add-multi-stamps label {
  line-height: 37px;
  margin-right: 10px; }

.add-multi-stamps .btn-danger {
  margin-left: 10px; }

.multi-collapse {
  display: none !important; }
  .multi-collapse .dropdown-menu {
    left: -70px !important; }

.unlisted-items {
  padding-top: 30px;
  border-top: 1px solid #ccc; }

/* Bootstrap Extension */
.dropdown-menu > li > .dropdown-item {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857143;
  white-space: nowrap;
  cursor: pointer;
  overflow: hidden;
  width: 165px;
  white-space: nowrap;
  text-overflow: ellipsis; }
  .dropdown-menu > li > .dropdown-item:hover {
    color: #262626;
    text-decoration: none;
    background-color: #f5f5f5; }

/* Unlisted Result*/
.result.unlisted .section {
  box-sizing: border-box;
  width: 16.66%;
  float: left;
  padding: 0 10px 0 10px; }

.result.unlisted .cust-unlisted-price {
  text-align: center; }

.result.unlisted .cust-condition {
  text-align: center; }

.result.unlisted .edit-unlisted-stamp {
  padding: 0 30px; }
  .result.unlisted .edit-unlisted-stamp span {
    float: right;
    line-height: 40px;
    cursor: pointer; }

.unlisted-collapse {
  display: none; }

/*Detailed Modal*/
.detailed-stamp-modal, #detailed-stamp-modal-unlisted, #detailed-stamp-modal-unlisted-update {
  opacity: 0;
  transform: translateY(-50px);
  position: fixed;
  z-index: 999;
  width: 66%;
  left: 17%;
  top: 10vh;
  background-color: #ffffff;
  pointer-events: none;
  transition: 500ms;
  box-shadow: #333333 5px 8px 15px; }
  .detailed-stamp-modal .list-row, #detailed-stamp-modal-unlisted .list-row, #detailed-stamp-modal-unlisted-update .list-row {
    padding: 0 !important; }
  .detailed-stamp-modal .menu-left, .detailed-stamp-modal .menu-right, #detailed-stamp-modal-unlisted .menu-left, #detailed-stamp-modal-unlisted .menu-right, #detailed-stamp-modal-unlisted-update .menu-left, #detailed-stamp-modal-unlisted-update .menu-right {
    display: none; }
  .detailed-stamp-modal .inner-modal, #detailed-stamp-modal-unlisted .inner-modal, #detailed-stamp-modal-unlisted-update .inner-modal {
    position: relative;
    height: 100%;
    width: 100%;
    padding-bottom: 50px; }
  .detailed-stamp-modal.active, #detailed-stamp-modal-unlisted.active, #detailed-stamp-modal-unlisted-update.active {
    opacity: 1;
    pointer-events: auto;
    transform: initial; }
  .detailed-stamp-modal .header, #detailed-stamp-modal-unlisted .header, #detailed-stamp-modal-unlisted-update .header {
    height: 45px;
    background-color: #293451;
    color: white; }
    .detailed-stamp-modal .header h4, #detailed-stamp-modal-unlisted .header h4, #detailed-stamp-modal-unlisted-update .header h4 {
      margin: 15px 0 0 20px;
      display: inline-block; }
    .detailed-stamp-modal .header span, #detailed-stamp-modal-unlisted .header span, #detailed-stamp-modal-unlisted-update .header span {
      float: right;
      font-size: 20px;
      margin: 10px 15px 0 0;
      cursor: pointer; }
  .detailed-stamp-modal .sg-modal-footer, #detailed-stamp-modal-unlisted .sg-modal-footer, #detailed-stamp-modal-unlisted-update .sg-modal-footer {
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 0;
    height: 50px;
    border-top: 1px solid #ccc; }
    .detailed-stamp-modal .sg-modal-footer button, #detailed-stamp-modal-unlisted .sg-modal-footer button, #detailed-stamp-modal-unlisted-update .sg-modal-footer button {
      position: absolute;
      top: 50%;
      transform: translateY(-50%); }
      .detailed-stamp-modal .sg-modal-footer button:nth-of-type(1), #detailed-stamp-modal-unlisted .sg-modal-footer button:nth-of-type(1), #detailed-stamp-modal-unlisted-update .sg-modal-footer button:nth-of-type(1) {
        right: 90px; }
      .detailed-stamp-modal .sg-modal-footer button:nth-of-type(2), #detailed-stamp-modal-unlisted .sg-modal-footer button:nth-of-type(2), #detailed-stamp-modal-unlisted-update .sg-modal-footer button:nth-of-type(2) {
        right: 20px; }
  .detailed-stamp-modal .content, #detailed-stamp-modal-unlisted .content, #detailed-stamp-modal-unlisted-update .content {
    padding: 25px 15px; }
  .detailed-stamp-modal .stamp-wrap, #detailed-stamp-modal-unlisted .stamp-wrap, #detailed-stamp-modal-unlisted-update .stamp-wrap {
    margin-bottom: 22px;
    text-align: center;
    max-height: 400px; }
    .detailed-stamp-modal .stamp-wrap .user-stamp-image-full, #detailed-stamp-modal-unlisted .stamp-wrap .user-stamp-image-full, #detailed-stamp-modal-unlisted-update .stamp-wrap .user-stamp-image-full {
      display: none;
      max-height: 300px;
      width: auto; }
    .detailed-stamp-modal .stamp-wrap .user-stamp-image-placeholder, #detailed-stamp-modal-unlisted .stamp-wrap .user-stamp-image-placeholder, #detailed-stamp-modal-unlisted-update .stamp-wrap .user-stamp-image-placeholder {
      padding-top: 40px;
      padding-bottom: 30px; }
      .detailed-stamp-modal .stamp-wrap .user-stamp-image-placeholder.hide-text, #detailed-stamp-modal-unlisted .stamp-wrap .user-stamp-image-placeholder.hide-text, #detailed-stamp-modal-unlisted-update .stamp-wrap .user-stamp-image-placeholder.hide-text {
        display: none; }
    .detailed-stamp-modal .stamp-wrap.show-image .user-stamp-image-placeholder, #detailed-stamp-modal-unlisted .stamp-wrap.show-image .user-stamp-image-placeholder, #detailed-stamp-modal-unlisted-update .stamp-wrap.show-image .user-stamp-image-placeholder {
      display: none; }
    .detailed-stamp-modal .stamp-wrap.show-image .user-stamp-image-full, #detailed-stamp-modal-unlisted .stamp-wrap.show-image .user-stamp-image-full, #detailed-stamp-modal-unlisted-update .stamp-wrap.show-image .user-stamp-image-full {
      display: inline-block; }
    .detailed-stamp-modal .stamp-wrap .img-container, #detailed-stamp-modal-unlisted .stamp-wrap .img-container, #detailed-stamp-modal-unlisted-update .stamp-wrap .img-container {
      position: relative; }
      .detailed-stamp-modal .stamp-wrap .img-container img, #detailed-stamp-modal-unlisted .stamp-wrap .img-container img, #detailed-stamp-modal-unlisted-update .stamp-wrap .img-container img {
        position: absolute; }
    .detailed-stamp-modal .stamp-wrap img, #detailed-stamp-modal-unlisted .stamp-wrap img, #detailed-stamp-modal-unlisted-update .stamp-wrap img {
      width: 25%; }
  .detailed-stamp-modal #uploadStampImageForm, #detailed-stamp-modal-unlisted #uploadStampImageForm, #detailed-stamp-modal-unlisted-update #uploadStampImageForm {
    display: inline;
    position: relative; }
    .detailed-stamp-modal #uploadStampImageForm .dz-preview, #detailed-stamp-modal-unlisted #uploadStampImageForm .dz-preview, #detailed-stamp-modal-unlisted-update #uploadStampImageForm .dz-preview {
      position: absolute;
      top: 0px;
      background-color: white;
      margin-left: 10px;
      margin-right: 8px; }
      .detailed-stamp-modal #uploadStampImageForm .dz-preview .dz-image, .detailed-stamp-modal #uploadStampImageForm .dz-preview .dz-error-message, .detailed-stamp-modal #uploadStampImageForm .dz-preview .dz-success-mark, .detailed-stamp-modal #uploadStampImageForm .dz-preview .dz-error-mark, #detailed-stamp-modal-unlisted #uploadStampImageForm .dz-preview .dz-image, #detailed-stamp-modal-unlisted #uploadStampImageForm .dz-preview .dz-error-message, #detailed-stamp-modal-unlisted #uploadStampImageForm .dz-preview .dz-success-mark, #detailed-stamp-modal-unlisted #uploadStampImageForm .dz-preview .dz-error-mark, #detailed-stamp-modal-unlisted-update #uploadStampImageForm .dz-preview .dz-image, #detailed-stamp-modal-unlisted-update #uploadStampImageForm .dz-preview .dz-error-message, #detailed-stamp-modal-unlisted-update #uploadStampImageForm .dz-preview .dz-success-mark, #detailed-stamp-modal-unlisted-update #uploadStampImageForm .dz-preview .dz-error-mark {
        display: none; }
      .detailed-stamp-modal #uploadStampImageForm .dz-preview .dz-details, #detailed-stamp-modal-unlisted #uploadStampImageForm .dz-preview .dz-details, #detailed-stamp-modal-unlisted-update #uploadStampImageForm .dz-preview .dz-details {
        margin-top: -20px;
        margin-bottom: 10px;
        max-width: 110px;
        overflow-x: hidden; }
        .detailed-stamp-modal #uploadStampImageForm .dz-preview .dz-details .dz-filename, #detailed-stamp-modal-unlisted #uploadStampImageForm .dz-preview .dz-details .dz-filename, #detailed-stamp-modal-unlisted-update #uploadStampImageForm .dz-preview .dz-details .dz-filename {
          text-overflow: ellipsis;
          white-space: nowrap;
          width: 110px;
          overflow: hidden; }
      .detailed-stamp-modal #uploadStampImageForm .dz-preview .dz-progress, #detailed-stamp-modal-unlisted #uploadStampImageForm .dz-preview .dz-progress, #detailed-stamp-modal-unlisted-update #uploadStampImageForm .dz-preview .dz-progress {
        height: 12px;
        background-color: #d0d0d0;
        border-radius: 4px; }
        .detailed-stamp-modal #uploadStampImageForm .dz-preview .dz-progress .dz-upload, #detailed-stamp-modal-unlisted #uploadStampImageForm .dz-preview .dz-progress .dz-upload, #detailed-stamp-modal-unlisted-update #uploadStampImageForm .dz-preview .dz-progress .dz-upload {
          background-color: #34a934;
          height: 12px;
          display: block;
          width: 0%; }
  .detailed-stamp-modal #uploadStampImageFormUnlisted, .detailed-stamp-modal #uploadStampImageFormUpdate, #detailed-stamp-modal-unlisted #uploadStampImageFormUnlisted, #detailed-stamp-modal-unlisted #uploadStampImageFormUpdate, #detailed-stamp-modal-unlisted-update #uploadStampImageFormUnlisted, #detailed-stamp-modal-unlisted-update #uploadStampImageFormUpdate {
    display: inline;
    position: relative; }

@keyframes FadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1.0; } }
    .detailed-stamp-modal #uploadStampImageFormUnlisted .dz-remove, .detailed-stamp-modal #uploadStampImageFormUpdate .dz-remove, #detailed-stamp-modal-unlisted #uploadStampImageFormUnlisted .dz-remove, #detailed-stamp-modal-unlisted #uploadStampImageFormUpdate .dz-remove, #detailed-stamp-modal-unlisted-update #uploadStampImageFormUnlisted .dz-remove, #detailed-stamp-modal-unlisted-update #uploadStampImageFormUpdate .dz-remove {
      position: absolute;
      top: 4px;
      right: 4px;
      height: 22px;
      width: 22px;
      overflow: hidden;
      color: transparent;
      user-select: none; }
    .detailed-stamp-modal #uploadStampImageFormUnlisted .dz-preview:hover .dz-remove:before, .detailed-stamp-modal #uploadStampImageFormUpdate .dz-preview:hover .dz-remove:before, #detailed-stamp-modal-unlisted #uploadStampImageFormUnlisted .dz-preview:hover .dz-remove:before, #detailed-stamp-modal-unlisted #uploadStampImageFormUpdate .dz-preview:hover .dz-remove:before, #detailed-stamp-modal-unlisted-update #uploadStampImageFormUnlisted .dz-preview:hover .dz-remove:before, #detailed-stamp-modal-unlisted-update #uploadStampImageFormUpdate .dz-preview:hover .dz-remove:before {
      position: absolute;
      top: 0px;
      right: 0px;
      height: 22px;
      width: 22px;
      color: #fff;
      text-align: center;
      font-size: 22px;
      line-height: 22px;
      border-radius: 360px;
      content: "×";
      background-color: #98002e;
      animation-name: FadeIn;
      animation-duration: 250ms;
      overflow: hidden; }
    .detailed-stamp-modal #uploadStampImageFormUnlisted .dz-preview:hover, .detailed-stamp-modal #uploadStampImageFormUpdate .dz-preview:hover, #detailed-stamp-modal-unlisted #uploadStampImageFormUnlisted .dz-preview:hover, #detailed-stamp-modal-unlisted #uploadStampImageFormUpdate .dz-preview:hover, #detailed-stamp-modal-unlisted-update #uploadStampImageFormUnlisted .dz-preview:hover, #detailed-stamp-modal-unlisted-update #uploadStampImageFormUpdate .dz-preview:hover {
      -webkit-box-shadow: 0px 10px 12px 0px rgba(50, 50, 50, 0.5);
      -moz-box-shadow: 0px 10px 12px 0px rgba(50, 50, 50, 0.5);
      box-shadow: 0px 10px 12px 0px rgba(50, 50, 50, 0.5);
      transform: translateY(-5px); }
    .detailed-stamp-modal #uploadStampImageFormUnlisted .dz-preview, .detailed-stamp-modal #uploadStampImageFormUpdate .dz-preview, #detailed-stamp-modal-unlisted #uploadStampImageFormUnlisted .dz-preview, #detailed-stamp-modal-unlisted #uploadStampImageFormUpdate .dz-preview, #detailed-stamp-modal-unlisted-update #uploadStampImageFormUnlisted .dz-preview, #detailed-stamp-modal-unlisted-update #uploadStampImageFormUpdate .dz-preview {
      position: relative;
      width: 130px;
      height: 100px;
      display: inline-block;
      vertical-align: top;
      border: 1px dashed #ccc;
      text-align: left;
      cursor: pointer;
      margin-left: 10px;
      margin-right: 8px;
      transition: all 200ms linear; }
      .detailed-stamp-modal #uploadStampImageFormUnlisted .dz-preview .dz-error-message, .detailed-stamp-modal #uploadStampImageFormUnlisted .dz-preview .dz-success-mark, .detailed-stamp-modal #uploadStampImageFormUnlisted .dz-preview .dz-error-mark, .detailed-stamp-modal #uploadStampImageFormUpdate .dz-preview .dz-error-message, .detailed-stamp-modal #uploadStampImageFormUpdate .dz-preview .dz-success-mark, .detailed-stamp-modal #uploadStampImageFormUpdate .dz-preview .dz-error-mark, #detailed-stamp-modal-unlisted #uploadStampImageFormUnlisted .dz-preview .dz-error-message, #detailed-stamp-modal-unlisted #uploadStampImageFormUnlisted .dz-preview .dz-success-mark, #detailed-stamp-modal-unlisted #uploadStampImageFormUnlisted .dz-preview .dz-error-mark, #detailed-stamp-modal-unlisted #uploadStampImageFormUpdate .dz-preview .dz-error-message, #detailed-stamp-modal-unlisted #uploadStampImageFormUpdate .dz-preview .dz-success-mark, #detailed-stamp-modal-unlisted #uploadStampImageFormUpdate .dz-preview .dz-error-mark, #detailed-stamp-modal-unlisted-update #uploadStampImageFormUnlisted .dz-preview .dz-error-message, #detailed-stamp-modal-unlisted-update #uploadStampImageFormUnlisted .dz-preview .dz-success-mark, #detailed-stamp-modal-unlisted-update #uploadStampImageFormUnlisted .dz-preview .dz-error-mark, #detailed-stamp-modal-unlisted-update #uploadStampImageFormUpdate .dz-preview .dz-error-message, #detailed-stamp-modal-unlisted-update #uploadStampImageFormUpdate .dz-preview .dz-success-mark, #detailed-stamp-modal-unlisted-update #uploadStampImageFormUpdate .dz-preview .dz-error-mark {
        display: none; }
      .detailed-stamp-modal #uploadStampImageFormUnlisted .dz-preview .dz-size, .detailed-stamp-modal #uploadStampImageFormUpdate .dz-preview .dz-size, #detailed-stamp-modal-unlisted #uploadStampImageFormUnlisted .dz-preview .dz-size, #detailed-stamp-modal-unlisted #uploadStampImageFormUpdate .dz-preview .dz-size, #detailed-stamp-modal-unlisted-update #uploadStampImageFormUnlisted .dz-preview .dz-size, #detailed-stamp-modal-unlisted-update #uploadStampImageFormUpdate .dz-preview .dz-size {
        height: 18px;
        margin-top: 32px;
        margin-left: 4px; }
      .detailed-stamp-modal #uploadStampImageFormUnlisted .dz-preview .dz-filename, .detailed-stamp-modal #uploadStampImageFormUpdate .dz-preview .dz-filename, #detailed-stamp-modal-unlisted #uploadStampImageFormUnlisted .dz-preview .dz-filename, #detailed-stamp-modal-unlisted #uploadStampImageFormUpdate .dz-preview .dz-filename, #detailed-stamp-modal-unlisted-update #uploadStampImageFormUnlisted .dz-preview .dz-filename, #detailed-stamp-modal-unlisted-update #uploadStampImageFormUpdate .dz-preview .dz-filename {
        height: 18px;
        margin-left: 4px; }
      .detailed-stamp-modal #uploadStampImageFormUnlisted .dz-preview .dz-image, .detailed-stamp-modal #uploadStampImageFormUpdate .dz-preview .dz-image, #detailed-stamp-modal-unlisted #uploadStampImageFormUnlisted .dz-preview .dz-image, #detailed-stamp-modal-unlisted #uploadStampImageFormUpdate .dz-preview .dz-image, #detailed-stamp-modal-unlisted-update #uploadStampImageFormUnlisted .dz-preview .dz-image, #detailed-stamp-modal-unlisted-update #uploadStampImageFormUpdate .dz-preview .dz-image {
        position: absolute;
        z-index: -1;
        opacity: 0.25;
        height: 98px;
        overflow: hidden; }
      .detailed-stamp-modal #uploadStampImageFormUnlisted .dz-preview .dz-details, .detailed-stamp-modal #uploadStampImageFormUpdate .dz-preview .dz-details, #detailed-stamp-modal-unlisted #uploadStampImageFormUnlisted .dz-preview .dz-details, #detailed-stamp-modal-unlisted #uploadStampImageFormUpdate .dz-preview .dz-details, #detailed-stamp-modal-unlisted-update #uploadStampImageFormUnlisted .dz-preview .dz-details, #detailed-stamp-modal-unlisted-update #uploadStampImageFormUpdate .dz-preview .dz-details {
        max-width: 110px;
        overflow-x: hidden; }
        .detailed-stamp-modal #uploadStampImageFormUnlisted .dz-preview .dz-details .dz-filename, .detailed-stamp-modal #uploadStampImageFormUpdate .dz-preview .dz-details .dz-filename, #detailed-stamp-modal-unlisted #uploadStampImageFormUnlisted .dz-preview .dz-details .dz-filename, #detailed-stamp-modal-unlisted #uploadStampImageFormUpdate .dz-preview .dz-details .dz-filename, #detailed-stamp-modal-unlisted-update #uploadStampImageFormUnlisted .dz-preview .dz-details .dz-filename, #detailed-stamp-modal-unlisted-update #uploadStampImageFormUpdate .dz-preview .dz-details .dz-filename {
          text-overflow: ellipsis;
          white-space: nowrap;
          width: 110px;
          overflow: hidden; }
      .detailed-stamp-modal #uploadStampImageFormUnlisted .dz-preview .dz-progress, .detailed-stamp-modal #uploadStampImageFormUpdate .dz-preview .dz-progress, #detailed-stamp-modal-unlisted #uploadStampImageFormUnlisted .dz-preview .dz-progress, #detailed-stamp-modal-unlisted #uploadStampImageFormUpdate .dz-preview .dz-progress, #detailed-stamp-modal-unlisted-update #uploadStampImageFormUnlisted .dz-preview .dz-progress, #detailed-stamp-modal-unlisted-update #uploadStampImageFormUpdate .dz-preview .dz-progress {
        height: 12px;
        background-color: #d0d0d0;
        width: calc(100% - 8px);
        margin-left: 4px;
        margin-top: 4px; }
        .detailed-stamp-modal #uploadStampImageFormUnlisted .dz-preview .dz-progress .dz-upload, .detailed-stamp-modal #uploadStampImageFormUpdate .dz-preview .dz-progress .dz-upload, #detailed-stamp-modal-unlisted #uploadStampImageFormUnlisted .dz-preview .dz-progress .dz-upload, #detailed-stamp-modal-unlisted #uploadStampImageFormUpdate .dz-preview .dz-progress .dz-upload, #detailed-stamp-modal-unlisted-update #uploadStampImageFormUnlisted .dz-preview .dz-progress .dz-upload, #detailed-stamp-modal-unlisted-update #uploadStampImageFormUpdate .dz-preview .dz-progress .dz-upload {
          background-color: #34a934;
          height: 12px;
          display: block;
          width: 0%; }
  .detailed-stamp-modal .stamp-icons, #detailed-stamp-modal-unlisted .stamp-icons, #detailed-stamp-modal-unlisted-update .stamp-icons {
    border: 1px solid #ccc;
    padding: 4px;
    margin-bottom: 20px;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap; }
    .detailed-stamp-modal .stamp-icons .user-image, #detailed-stamp-modal-unlisted .stamp-icons .user-image, #detailed-stamp-modal-unlisted-update .stamp-icons .user-image {
      position: relative;
      display: inline-block;
      margin-right: 4px; }
      .detailed-stamp-modal .stamp-icons .user-image img, #detailed-stamp-modal-unlisted .stamp-icons .user-image img, #detailed-stamp-modal-unlisted-update .stamp-icons .user-image img {
        transition: all ease 0.2s; }
      .detailed-stamp-modal .stamp-icons .user-image:hover img, #detailed-stamp-modal-unlisted .stamp-icons .user-image:hover img, #detailed-stamp-modal-unlisted-update .stamp-icons .user-image:hover img {
        cursor: pointer;
        margin: -4px 0px 4px 0px;
        box-shadow: #333333 0px 2px 18px; }
      .detailed-stamp-modal .stamp-icons .user-image.delete-visible .user-stamp-image-delete, #detailed-stamp-modal-unlisted .stamp-icons .user-image.delete-visible .user-stamp-image-delete, #detailed-stamp-modal-unlisted-update .stamp-icons .user-image.delete-visible .user-stamp-image-delete {
        opacity: 1; }
      .detailed-stamp-modal .stamp-icons .user-image .user-stamp-image-delete, #detailed-stamp-modal-unlisted .stamp-icons .user-image .user-stamp-image-delete, #detailed-stamp-modal-unlisted-update .stamp-icons .user-image .user-stamp-image-delete {
        transition: opacity ease 0.2s;
        opacity: 0;
        position: absolute;
        top: -4px;
        right: 0px;
        background-color: #98002e;
        border-radius: 20px;
        font-size: 20px;
        height: 22px;
        width: 22px;
        text-align: center;
        line-height: 20px;
        color: white;
        border: 1px solid white; }
      .detailed-stamp-modal .stamp-icons .user-image .user-stamp-image-delete:hover, #detailed-stamp-modal-unlisted .stamp-icons .user-image .user-stamp-image-delete:hover, #detailed-stamp-modal-unlisted-update .stamp-icons .user-image .user-stamp-image-delete:hover {
        cursor: pointer;
        background-color: #760225; }
    .detailed-stamp-modal .stamp-icons .add-icon, #detailed-stamp-modal-unlisted .stamp-icons .add-icon, #detailed-stamp-modal-unlisted-update .stamp-icons .add-icon {
      width: 130px;
      height: 100px;
      display: inline-block;
      vertical-align: middle;
      border: 1px dashed #ccc;
      line-height: 100px;
      text-align: center;
      cursor: pointer; }
      .detailed-stamp-modal .stamp-icons .add-icon span, #detailed-stamp-modal-unlisted .stamp-icons .add-icon span, #detailed-stamp-modal-unlisted-update .stamp-icons .add-icon span {
        color: #ccc; }
        .detailed-stamp-modal .stamp-icons .add-icon span:nth-child(1), #detailed-stamp-modal-unlisted .stamp-icons .add-icon span:nth-child(1), #detailed-stamp-modal-unlisted-update .stamp-icons .add-icon span:nth-child(1) {
          display: block;
          white-space: normal;
          line-height: 20px;
          position: absolute;
          top: 50%;
          transform: translateY(-50%); }
        .detailed-stamp-modal .stamp-icons .add-icon span:nth-child(2), #detailed-stamp-modal-unlisted .stamp-icons .add-icon span:nth-child(2), #detailed-stamp-modal-unlisted-update .stamp-icons .add-icon span:nth-child(2) {
          display: none; }
      .detailed-stamp-modal .stamp-icons .add-icon:hover, #detailed-stamp-modal-unlisted .stamp-icons .add-icon:hover, #detailed-stamp-modal-unlisted-update .stamp-icons .add-icon:hover {
        color: #eee;
        border-color: #eee; }
        .detailed-stamp-modal .stamp-icons .add-icon:hover span:nth-child(1), #detailed-stamp-modal-unlisted .stamp-icons .add-icon:hover span:nth-child(1), #detailed-stamp-modal-unlisted-update .stamp-icons .add-icon:hover span:nth-child(1) {
          display: none; }
        .detailed-stamp-modal .stamp-icons .add-icon:hover span:nth-child(2), #detailed-stamp-modal-unlisted .stamp-icons .add-icon:hover span:nth-child(2), #detailed-stamp-modal-unlisted-update .stamp-icons .add-icon:hover span:nth-child(2) {
          display: initial; }
  .detailed-stamp-modal .detail-wrap .btn-group, #detailed-stamp-modal-unlisted .detail-wrap .btn-group, #detailed-stamp-modal-unlisted-update .detail-wrap .btn-group {
    width: 100% !important; }
  .detailed-stamp-modal .footer, #detailed-stamp-modal-unlisted .footer, #detailed-stamp-modal-unlisted-update .footer {
    display: none;
    height: 50px;
    width: 100%;
    padding: 8px 10px;
    border-top: 1px solid #ccc;
    position: absolute;
    bottom: 0; }
    .detailed-stamp-modal .footer button, #detailed-stamp-modal-unlisted .footer button, #detailed-stamp-modal-unlisted-update .footer button {
      float: right;
      margin: 0 5px; }
  .detailed-stamp-modal .user-stamp-details-form .reset-country-dropdown, #detailed-stamp-modal-unlisted .user-stamp-details-form .reset-country-dropdown, #detailed-stamp-modal-unlisted-update .user-stamp-details-form .reset-country-dropdown {
    width: 10%;
    height: 28px;
    position: absolute;
    left: 0;
    top: 41%;
    text-align: center;
    border: 1px solid #aaa;
    cursor: pointer; }
    .detailed-stamp-modal .user-stamp-details-form .reset-country-dropdown::before, #detailed-stamp-modal-unlisted .user-stamp-details-form .reset-country-dropdown::before, #detailed-stamp-modal-unlisted-update .user-stamp-details-form .reset-country-dropdown::before {
      vertical-align: -webkit-baseline-middle;
      text-align: center;
      line-height: 28px; }
    .detailed-stamp-modal .user-stamp-details-form .reset-country-dropdown:hover, #detailed-stamp-modal-unlisted .user-stamp-details-form .reset-country-dropdown:hover, #detailed-stamp-modal-unlisted-update .user-stamp-details-form .reset-country-dropdown:hover {
      background-color: #eee; }
  .detailed-stamp-modal .user-stamp-details-form .country-form, #detailed-stamp-modal-unlisted .user-stamp-details-form .country-form, #detailed-stamp-modal-unlisted-update .user-stamp-details-form .country-form {
    width: calc(100% - 10%);
    float: right; }
    .detailed-stamp-modal .user-stamp-details-form .country-form label, #detailed-stamp-modal-unlisted .user-stamp-details-form .country-form label, #detailed-stamp-modal-unlisted-update .user-stamp-details-form .country-form label {
      margin-left: -10%;
      margin-bottom: 0;
      vertical-align: top; }

#detailed-stamp-modal-unlisted {
  opacity: 0;
  transform: translateY(-50px);
  position: fixed;
  z-index: 999;
  width: 66%;
  left: 17%;
  top: 10vh;
  background-color: #ffffff;
  pointer-events: none;
  transition: 500ms;
  box-shadow: #333333 5px 8px 15px; }
  #detailed-stamp-modal-unlisted .menu-left, #detailed-stamp-modal-unlisted .menu-right {
    display: none; }
  #detailed-stamp-modal-unlisted .inner-modal {
    position: relative;
    height: 100%;
    width: 100%;
    padding-bottom: 50px; }
  #detailed-stamp-modal-unlisted.active {
    opacity: 1;
    pointer-events: auto;
    transform: initial; }
  #detailed-stamp-modal-unlisted .header {
    height: 45px;
    background-color: #293451;
    color: white; }
    #detailed-stamp-modal-unlisted .header h4 {
      margin: 15px 0 0 20px;
      display: inline-block; }
    #detailed-stamp-modal-unlisted .header span {
      float: right;
      font-size: 20px;
      margin: 10px 15px 0 0;
      cursor: pointer; }
  #detailed-stamp-modal-unlisted #userStampDetailsFormUnlisted .reset-country-dropdown {
    width: 10%;
    height: 28px;
    position: absolute;
    left: 0;
    top: 41%;
    text-align: center;
    border: 1px solid #aaa;
    cursor: pointer; }
    #detailed-stamp-modal-unlisted #userStampDetailsFormUnlisted .reset-country-dropdown::before {
      vertical-align: -webkit-baseline-middle;
      text-align: center;
      line-height: 28px; }
    #detailed-stamp-modal-unlisted #userStampDetailsFormUnlisted .reset-country-dropdown:hover {
      background-color: #eee; }
  #detailed-stamp-modal-unlisted #userStampDetailsFormUnlisted .country-form {
    width: calc(100% - 10%);
    float: right; }
    #detailed-stamp-modal-unlisted #userStampDetailsFormUnlisted .country-form label {
      margin-left: -10%;
      margin-bottom: 0;
      vertical-align: top; }
  #detailed-stamp-modal-unlisted .sg-modal-footer {
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 0;
    height: 50px;
    border-top: 1px solid #ccc; }
    #detailed-stamp-modal-unlisted .sg-modal-footer button {
      position: absolute;
      top: 50%;
      transform: translateY(-50%); }
      #detailed-stamp-modal-unlisted .sg-modal-footer button:nth-of-type(1) {
        right: 90px; }
      #detailed-stamp-modal-unlisted .sg-modal-footer button:nth-of-type(2) {
        right: 20px; }
  #detailed-stamp-modal-unlisted .content {
    padding: 25px 15px; }
  #detailed-stamp-modal-unlisted .stamp-wrap {
    margin-bottom: 22px;
    text-align: center;
    max-height: 400px; }
    #detailed-stamp-modal-unlisted .stamp-wrap .user-stamp-image-full {
      display: none;
      max-height: 300px;
      width: auto; }
    #detailed-stamp-modal-unlisted .stamp-wrap .user-stamp-image-placeholder {
      padding-top: 40px;
      padding-bottom: 30px;
      display: initial; }
    #detailed-stamp-modal-unlisted .stamp-wrap.show-image .user-stamp-image-placeholder {
      display: none; }
    #detailed-stamp-modal-unlisted .stamp-wrap.show-image .user-stamp-image-full {
      display: inline-block; }
    #detailed-stamp-modal-unlisted .stamp-wrap .img-container {
      position: relative; }
      #detailed-stamp-modal-unlisted .stamp-wrap .img-container img {
        position: absolute; }
    #detailed-stamp-modal-unlisted .stamp-wrap img {
      width: 25%; }
  #detailed-stamp-modal-unlisted #uploadStampImageForm {
    display: inline;
    position: relative; }
    #detailed-stamp-modal-unlisted #uploadStampImageForm .dz-preview {
      position: absolute;
      top: 0px;
      background-color: white;
      margin-left: 10px;
      margin-right: 8px; }
      #detailed-stamp-modal-unlisted #uploadStampImageForm .dz-preview .dz-image, #detailed-stamp-modal-unlisted #uploadStampImageForm .dz-preview .dz-error-message, #detailed-stamp-modal-unlisted #uploadStampImageForm .dz-preview .dz-success-mark, #detailed-stamp-modal-unlisted #uploadStampImageForm .dz-preview .dz-error-mark {
        display: none; }
      #detailed-stamp-modal-unlisted #uploadStampImageForm .dz-preview .dz-details {
        margin-top: -20px;
        margin-bottom: 10px;
        max-width: 110px;
        overflow-x: hidden; }
        #detailed-stamp-modal-unlisted #uploadStampImageForm .dz-preview .dz-details .dz-filename {
          text-overflow: ellipsis;
          white-space: nowrap;
          width: 110px;
          overflow: hidden; }
      #detailed-stamp-modal-unlisted #uploadStampImageForm .dz-preview .dz-progress {
        height: 12px;
        background-color: #d0d0d0;
        border-radius: 4px; }
        #detailed-stamp-modal-unlisted #uploadStampImageForm .dz-preview .dz-progress .dz-upload {
          background-color: #34a934;
          height: 12px;
          display: block;
          width: 0%; }
  #detailed-stamp-modal-unlisted .stamp-icons {
    border: 1px solid #ccc;
    padding: 4px;
    margin-bottom: 20px;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap; }
    #detailed-stamp-modal-unlisted .stamp-icons .user-image {
      position: relative;
      display: inline-block;
      margin-right: 4px; }
      #detailed-stamp-modal-unlisted .stamp-icons .user-image img {
        transition: all ease 0.2s; }
      #detailed-stamp-modal-unlisted .stamp-icons .user-image:hover img {
        cursor: pointer;
        margin: -4px 0px 4px 0px;
        box-shadow: #333333 0px 2px 18px; }
      #detailed-stamp-modal-unlisted .stamp-icons .user-image.delete-visible .user-stamp-image-delete {
        opacity: 1; }
      #detailed-stamp-modal-unlisted .stamp-icons .user-image .user-stamp-image-delete {
        transition: opacity ease 0.2s;
        opacity: 0;
        position: absolute;
        top: -4px;
        right: 0px;
        background-color: #98002e;
        border-radius: 20px;
        font-size: 20px;
        height: 22px;
        width: 22px;
        text-align: center;
        line-height: 20px;
        color: white;
        border: 1px solid white; }
      #detailed-stamp-modal-unlisted .stamp-icons .user-image .user-stamp-image-delete:hover {
        cursor: pointer;
        background-color: #760225; }
    #detailed-stamp-modal-unlisted .stamp-icons .add-icon {
      width: 130px;
      height: 100px;
      display: inline-block;
      vertical-align: middle;
      border: 1px dashed #ccc;
      line-height: 100px;
      text-align: center;
      cursor: pointer; }
      #detailed-stamp-modal-unlisted .stamp-icons .add-icon span {
        color: #ccc; }
        #detailed-stamp-modal-unlisted .stamp-icons .add-icon span:nth-child(1) {
          display: block;
          white-space: normal;
          line-height: 20px;
          position: absolute;
          top: 50%;
          transform: translateY(-50%); }
        #detailed-stamp-modal-unlisted .stamp-icons .add-icon span:nth-child(2) {
          display: none; }
      #detailed-stamp-modal-unlisted .stamp-icons .add-icon:hover {
        color: #eee;
        border-color: #eee; }
        #detailed-stamp-modal-unlisted .stamp-icons .add-icon:hover span:nth-child(1) {
          display: none; }
        #detailed-stamp-modal-unlisted .stamp-icons .add-icon:hover span:nth-child(2) {
          display: initial; }
  #detailed-stamp-modal-unlisted .detail-wrap .btn-group {
    width: 100%; }
  #detailed-stamp-modal-unlisted .footer {
    display: none;
    height: 50px;
    width: 100%;
    padding: 8px 10px;
    border-top: 1px solid #ccc;
    position: absolute;
    bottom: 0; }
    #detailed-stamp-modal-unlisted .footer button {
      float: right;
      margin: 0 5px; }

.custom-stamp.result {
  padding: 0 15px; }
  .custom-stamp.result .header .resultdesc {
    width: 19% !important; }
  .custom-stamp.result .header .resultused {
    text-align: center !important;
    margin: 0; }
  .custom-stamp.result .listresult .section {
    padding: 0;
    padding-bottom: 5px;
    width: 16%;
    text-align: left;
    font-size: 15px;
    text-align: left; }
    .custom-stamp.result .listresult .section:first-child {
      text-align: left; }

.dimmer {
  position: fixed;
  left: 0;
  top: 0;
  background-color: black;
  width: 100%;
  height: 100%;
  z-index: 998;
  opacity: 0;
  transition: 500ms;
  pointer-events: none; }
  .dimmer.active {
    opacity: 0.5;
    pointer-events: auto; }

.tab-collapse {
  display: none !important;
  float: right; }

@media only screen and (max-width: 992px) {
  .tab-collapse {
    display: initial !important;
    margin-bottom: 30px; }
    .tab-collapse .dropdown-menu {
      left: -120px; }
  .mc-nav-collapse {
    display: none !important; } }

@media only screen and (max-width: 768px) {
  body.cust-modal-open {
    margin: 0 !important; }
  .tab-collapse {
    display: initial !important;
    margin-bottom: 30px; }
    .tab-collapse .dropdown-menu {
      left: -120px; }
  .mc-nav-collapse {
    display: none !important; }
  .filter-bottom {
    display: none; }
  .filter-countries, .filter-year, .filter-btns {
    margin-bottom: 15px; }
  .filter-btns {
    padding-top: 20px !important;
    border-bottom: 1px solid #eee; }
  .seperator {
    display: none; }
  .filter-btns .search {
    display: none; }
  .filter-btns .radio-group {
    margin-left: 0 !important;
    margin-bottom: 30px !important; }
    .filter-btns .radio-group .radio-inline {
      margin-left: 7px !important;
      margin-top: 10px; }
  .filter-btns .search-mobile {
    display: inline-block !important;
    margin-left: 10px !important;
    width: 65% !important;
    margin-top: 10px; }
  .add-multi-stamps {
    display: none; }
  .multi-collapse {
    display: inline-block !important; }
    .multi-collapse button {
      border: none;
      padding: 0; }
    .multi-collapse .dropdown-menu {
      left: -15px; }
      .multi-collapse .dropdown-menu label {
        padding: 3px 20px;
        text-align: center; }
  .collapse-result {
    display: block;
    width: 100%;
    height: 100%;
    padding: 10px 2px;
    background-color: #eee;
    margin-bottom: 2px;
    z-index: -2; }
    .collapse-result .section {
      display: inline-block;
      margin-right: 20px; }
    .collapse-result .upper, .collapse-result .lower {
      display: inline-block;
      width: 94%;
      margin-right: -7%; }
    .collapse-result .collapse-detail {
      display: inline-block;
      position: relative;
      width: 10%;
      height: 20px;
      float: right; }
      .collapse-result .collapse-detail span {
        position: absolute;
        font-size: 20px;
        top: -8px; }
    .collapse-result .upper {
      margin-bottom: 10px; }
    .collapse-result .resultsg {
      width: 22%; }
    .collapse-result .resulttype {
      width: 10%; }
    .collapse-result .resultmint {
      width: 16%; }
    .collapse-result .resultused {
      width: 16%; }
    .collapse-result .resultdesc {
      width: 40%;
      vertical-align: middle; }
    .collapse-result .mintcw, .collapse-result .usedcw {
      width: 16%;
      height: 25px;
      position: relative;
      vertical-align: middle; }
      .collapse-result .mintcw .hidden-item-quantity, .collapse-result .usedcw .hidden-item-quantity {
        width: 35%;
        height: 80%;
        left: 1px;
        z-index: 1;
        position: absolute;
        padding: 0;
        line-height: initial;
        border: 1px solid black;
        display: none; }
    .collapse-result .mintcw .mc {
      position: absolute;
      left: 0;
      top: -2px;
      z-index: 2; }
    .collapse-result .mintcw .mw {
      position: absolute;
      left: 45%;
      top: -2px;
      z-index: 2; }
      .collapse-result .mintcw .mw.selected {
        content: url("../img/mw.png"); }
    .collapse-result .mintcw .hidden-item-quantity {
      position: absolute;
      background-color: #ecdbd8; }
    .collapse-result .usedcw .mc {
      position: absolute;
      left: 0;
      top: -2px;
      z-index: 2; }
    .collapse-result .usedcw .mw {
      position: absolute;
      left: 45%;
      top: -2px;
      z-index: 2; }
    .collapse-result .usedcw .hidden-item-quantity {
      position: absolute;
      background-color: #d0d3ec; }
  .unlisted-collapse {
    display: block;
    overflow: auto;
    background-color: #e6e6e6;
    padding: 10px 2px; }
    .unlisted-collapse .listresult .result-info-left {
      float: left;
      width: 80%; }
      .unlisted-collapse .listresult .result-info-left .section {
        box-sizing: border-box;
        width: 25%;
        float: left;
        padding: 0 10px 0 10px; }
      .unlisted-collapse .listresult .result-info-left .resultdesc {
        width: 100%; }
    .unlisted-collapse .listresult .edit-unlisted-stamp {
      overflow: auto;
      width: 20%;
      padding-right: 10px; }
      .unlisted-collapse .listresult .edit-unlisted-stamp span {
        float: right;
        line-height: 40px;
        cursor: pointer;
        font-size: 20px; }
  button.back-top {
    display: none !important; }
  .result {
    display: none; }
  .result-item-head {
    display: none; }
  .detailed-stamp-modal {
    width: 100vw !important;
    height: 100vh !important;
    left: 0;
    top: 0; }
    .detailed-stamp-modal .list-row .cust-innerrow.buffer {
      margin-bottom: 5px; }
    .detailed-stamp-modal .content {
      padding-top: 25%; }
    .detailed-stamp-modal .column {
      padding: 0;
      margin-right: 1%; }
    .detailed-stamp-modal .cust-stampimg {
      display: none; }
    .detailed-stamp-modal .stamp-icons {
      display: none; }
    .detailed-stamp-modal .stamp-wrap {
      position: relative; }
      .detailed-stamp-modal .stamp-wrap img {
        width: 50%; }
      .detailed-stamp-modal .stamp-wrap .menu-left, .detailed-stamp-modal .stamp-wrap .menu-right {
        display: inline;
        position: absolute; }
      .detailed-stamp-modal .stamp-wrap .menu-left {
        left: 10%;
        top: 50%; }
      .detailed-stamp-modal .stamp-wrap .menu-right {
        right: 10%;
        top: 50%; }
    .detailed-stamp-modal .cust-desc {
      width: 100%;
      margin-bottom: 5px; }
    .detailed-stamp-modal .cust-sg {
      width: 49.5%; }
    .detailed-stamp-modal .cust-face {
      width: 49.5%;
      margin-right: 0; }
    .detailed-stamp-modal .cust-price {
      width: 32.6% !important;
      margin-top: 5px; }
    .detailed-stamp-modal .cust-purchprice {
      width: 32.6%;
      margin-top: 5px; }
    .detailed-stamp-modal .cust-year {
      width: 32.7%;
      margin-right: 0 !important;
      margin-top: 5px; }
    .detailed-stamp-modal .add-album {
      width: 25% !important; }
    .detailed-stamp-modal .cust-innerrow {
      width: 100%; }
    .detailed-stamp-modal .cust-name {
      width: 52%; }
    .detailed-stamp-modal .cust-quantity {
      width: 25%; }
    .detailed-stamp-modal .add-album {
      width: 28% !important;
      margin-right: 0 !important; }
      .detailed-stamp-modal .add-album .album-dropdown-btn {
        border-color: #a9a9a9; }
    .detailed-stamp-modal .cust-name {
      width: 45%; }
    .detailed-stamp-modal .remove-stamp {
      display: none; }
    .detailed-stamp-modal .footer {
      position: fixed;
      left: 0; }
  .mc-summary .panel .panel-heading h2 .buttons {
    float: none; } }

/* * Global Variables * */
.clearfix:after {
  content: " ";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both; }

.sg-btn {
  border-radius: 0 !important;
  display: inline-block;
  padding: 6px 12px;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid transparent;
  margin: 0 5px; }
  .sg-btn.sg-red {
    background-color: #97062e;
    color: white;
    transition: background-color 500ms; }
    .sg-btn.sg-red:hover {
      background-color: #66041f; }
  .sg-btn.sg-fill {
    background-color: #a3925f;
    border-color: #938356;
    color: #ffffff;
    transition: background-color 500ms; }
    .sg-btn.sg-fill:hover {
      color: #ffffff;
      background-color: #7a6e47;
      border-color: #625839; }
  .sg-btn.sg-default {
    background-color: #fff;
    color: black;
    border-color: #ccc;
    transition: background-color 500ms; }
    .sg-btn.sg-default:hover {
      background-color: #e4e4e4; }
  .sg-btn.sg-btn-sm {
    height: 26px;
    width: 100%;
    padding: 2px 0;
    font-size: 14px;
    line-height: 18px;
    margin: 0; }

/* * Lightbox * */
.lightbox-modal {
  width: 100vw;
  height: 100vh;
  position: fixed;
  background-color: rgba(0, 0, 0, 0.75);
  left: 0;
  top: 0;
  z-index: 100; }
  .lightbox-modal.show {
    opacity: 1;
    pointer-events: auto; }
    .lightbox-modal.show .lightbox-modal-content .lightbox-nav-left:nth-child(1), .lightbox-modal.show .lightbox-modal-content .lightbox-nav-right:nth-child(1) {
      left: 0%; }
    .lightbox-modal.show .lightbox-modal-content .lightbox-nav-left:nth-child(2), .lightbox-modal.show .lightbox-modal-content .lightbox-nav-right:nth-child(2) {
      right: 0%; }
    .lightbox-modal.show .lightbox-modal-content .lightbox-img-container {
      transform: translateY(0px); }
  .lightbox-modal .lightbox-modal-content {
    width: 100%;
    height: 100%; }
    .lightbox-modal .lightbox-modal-content .lightbox-nav-left, .lightbox-modal .lightbox-modal-content .lightbox-nav-right {
      color: white;
      font-size: 25px;
      position: absolute;
      height: 100vh;
      line-height: 100vh; }
      .lightbox-modal .lightbox-modal-content .lightbox-nav-left:hover, .lightbox-modal .lightbox-modal-content .lightbox-nav-right:hover {
        cursor: pointer;
        color: #666666; }
    .lightbox-modal .lightbox-modal-content .lightbox-nav-left {
      left: 0;
      padding-left: 10px; }
    .lightbox-modal .lightbox-modal-content .lightbox-nav-right {
      right: 0;
      padding-right: 10px; }
    .lightbox-modal .lightbox-modal-content .lightbox-img-container {
      position: absolute;
      left: 44px;
      right: 44px;
      top: 0;
      bottom: 0;
      line-height: 100vh;
      text-align: center;
      vertical-align: middle; }
      .lightbox-modal .lightbox-modal-content .lightbox-img-container .lightbox-img {
        display: none; }
      .lightbox-modal .lightbox-modal-content .lightbox-img-container .lightbox-img.selected {
        display: inline-block;
        vertical-align: middle;
        line-height: 100vh; }
        .lightbox-modal .lightbox-modal-content .lightbox-img-container .lightbox-img.selected img {
          max-height: 90vh;
          max-width: 90vw; }

.customstamp-image {
  display: none; }

/*.lightbox-modal {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 100;
    background-color: rgba(0, 0, 0, 0.75);
    opacity: 0;
    transition: 500ms;
    pointer-events: none;

    .lightbox-content {


        .lightbox-container {
            position: relative;
            max-width: 2000px;
            transform: translateY(-100px);
            transition: 1s;

            .lightbox-img {
                position: absolute;
                left: calc(50% - 250px);
                top: calc(-50% + 150px);
                -webkit-user-select: none;
                -moz-user-select: none;
                -ms-user-select: none;
            }
        }

        .img-nav-left, .img-nav-right {
            position: absolute;
            color: white;
            font-size: 30px;
            cursor: pointer;
            transition: 1.3s;

            &:hover {
                color: darken(white, 50%);
            }
        }

        .img-nav-left {
            left: 50%;
        }

        .img-nav-right {
            left: 50%;
        }
    }

    &.show {
        opacity: 1;
        pointer-events: auto;

        .img-nav-left {
            left: 30%;
        }

        .img-nav-right {
            left: 69%;
        }

        .lightbox-container {
            transform: translateY(0);
        }
    }
}*/
/* Albums */
.col-back {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 5050px;
  background-color: white; }

.album-icon {
  width: 100%;
  display: block;
  text-align: center;
  border-radius: 50%;
  box-sizing: content-box;
  transition: 400ms;
  padding-top: 100%;
  position: relative; }
  .album-icon .name {
    position: absolute;
    top: 50%;
    left: 0;
    height: 100px;
    line-height: 100px;
    font-size: 100px;
    margin-top: -50px;
    width: 100%;
    text-align: center;
    text-transform: capitalize; }
    .album-icon .name.light {
      color: #ddd; }
    .album-icon .name.medium {
      color: #8aa5ff; }
    .album-icon .name.dark {
      color: #333; }

.album-icon-container.album-icon-container-sm {
  width: 1.5em;
  height: 1.5em;
  display: inline-block;
  vertical-align: bottom; }
  .album-icon-container.album-icon-container-sm .album-icon .name {
    height: 1em;
    line-height: 1em;
    font-size: 0.8em;
    margin-top: -0.5em;
    font-weight: bold; }

.album-dropdown-container .album-dropdown-btn {
  overflow: hidden; }
  .album-dropdown-container .album-dropdown-btn .caret-container {
    height: 20px;
    line-height: 20px;
    padding-right: 8px;
    float: right; }
  .album-dropdown-container .album-dropdown-btn .album-icon-container {
    margin-right: 4px; }
  .album-dropdown-container .album-dropdown-btn .album-dropdown-btn-albums {
    padding-left: 8px; }
  .album-dropdown-container .album-dropdown-btn .album-dropdown-btn-text {
    padding-right: 8px;
    display: none; }
  .album-dropdown-container .album-dropdown-btn[data-album-count='0'] .album-dropdown-btn-text {
    display: inline-block; }

.album-dropdown-container .album-dropdown {
  z-index: 100;
  max-height: 300px;
  overflow: auto; }

.mc-help {
  margin-bottom: 60px; }
  .mc-help h4 {
    margin-top: 30px; }
  .mc-help ul li {
    margin: 5px 0; }
  .mc-help #how-to-indentify {
    width: 100%; }

@media (min-width: 768px) {
  .col-md-3.filter-reset.text-center {
    float: left; } }