/* Default Message */
.storeclosing_show {
  background-color: #f00;
  color: #fff;
  width: 90%;
  height: auto;
  margin-bottom: 10px;
  padding: 10px;
  font-size: large;
  text-align: center;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
/* Icon */
#storeclosing_icon {
  float: left;
}
/* Shortcode */
.storeclosing_shortcode .storeclosing_show {
  width: inherit;
}
/* Table */
.storeclosing_table {
  border: solid 1px #999;
  border-radius: 5px;
  background-color: white;
  color: black;
  -webkit-box-shadow: 5px 3px 3px #999;
  -moz-box-shadow: 5px 3px 3px #999;
  box-shadow: 5px 3px 3px #999;
  padding: 0px !important;
}
/* Table Row Dark */
.storeclosing_table_row_dark {
  background-color: #e3e3e3;
}
/* Table Row Light */
.storeclosing_table_row_light {
  background-color: #f6f6f6;
}
/* Upcoming Closing Title */
.storeclosing_upcoming_table_title_closing {
  background-color: #6e25bc;
  color: white !important;
}
/* Upcoming Opening Title */
.storeclosing_upcoming_table_title_opening {
  background-color: #ff00d9;
  color: white !important;
}
/* Upcoming Titles */
.storeclosing_upcoming_table_title_closingdate,
.storeclosing_upcoming_table_title_closingtime,
.storeclosing_upcoming_table_title_openingdate,
.storeclosing_upcoming_table_title_openingtime {
  background-color: #999;
  color: white !important;
  line-height: 1px !important;
  border-bottom: solid 3px white;
}
/* Upcoming Rows */
.storeclosing_upcoming_table_closingdate,
.storeclosing_upcoming_table_closingtime,
.storeclosing_upcoming_table_openingdate,
.storeclosing_upcoming_table_openingtime {
  font-weight: normal !important;
}
/* Daily Title */
.storeclosing_daily_table_title {
  background-color: #6e25bc;
  color: #fff !important;
  line-height: 1px !important;
  border-bottom: solid 3px white;
}
/* Daily Rows */
.storeclosing_daily_table_row {
  font-weight: normal !important;
}
/* Daily Active Day */
.storeclosing_active_day {
  border: solid 3px #6e25bc;
}
/* Upcoming Closing Active Message*/
.storeclosing_upcoming_close {
  background-color: #6e25bc;
  color: #fff;
  border: solid 1px #ff00d9;
  height: auto;
  padding: 9px !important;
  margin-bottom: 15px !important;
  font-size: large;
  font-weight: bold;
  text-align: center;
  -webkit-box-shadow: 4px 4px 4px 0px rgba(158, 96, 149, 0.5);
  -moz-box-shadow: 4px 4px 4px 0px rgba(158, 96, 149, 0.5);
  box-shadow: 4px 4px 4px 0px rgba(158, 96, 149, 0.5);
}
/* Upcoming Closing Active Message Inframe*/
.storeclosing_upcoming_close .storeclosing_inframe {
  border: solid 1px #ff00d9;
  height: auto;
  padding: 10px !important;
}
/* Upcoming Opening Active Message*/
.storeclosing_upcoming_open {
  background-color: #ff00d9;
  color: #fff;
  border: solid 1px #6e25bc;
  height: auto;
  padding: 9px !important;
  margin-bottom: 15px !important;
  font-size: large;
  font-weight: bold;
  text-align: center;
  -webkit-box-shadow: 4px 4px 4px 0px rgba(110, 37, 188, 0.5);
  -moz-box-shadow: 4px 4px 4px 0px rgba(110, 37, 188, 0.5);
  box-shadow: 4px 4px 4px 0px rgba(110, 37, 188, 0.5);
}
/* Upcoming Opening Active Message Inframe*/
.storeclosing_upcoming_open .storeclosing_inframe {
  border: solid 1px #6e25bc;
  height: auto;
  padding: 10px !important;
}
/* Timeline*/
.storeclosing-timeline {
  width: 95% !important;
  border: 1px solid #8c8f94;
  border-radius: 5px;
  padding: 5px;
  margin-left: 5px;
}
.storeclosing-timeline-active {
  background-color: #219247;
}
.storeclosing-timeline-passive {
  background-color: #434540;
}
/* Countdown */
.storeclosing_countdown {
  font-weight: bold;
}
/* Popup */
.storeclosing_popup .storeclosing_show {
  position: relative !important;
  display: flex;
  align-items: center;
}
.storeclosing_default {
  justify-content: space-around;
}
.storeclosing_custom {
  justify-content: space-between;
}
.storeclosing_popup {
  width: 100%;
  position: fixed;
  z-index: 9999999;
  text-align: -webkit-center;
  -webkit-animation-duration: 0.9s;
  -webkit-animation-timing-function: ease;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-direction: normal;
  -webkit-animation-delay: 0;
  -webkit-animation-play-state: running;
  -webkit-animation-fill-mode: forwards;
}
.storeclosing_popup_close {
  top: 0;
  right: 0;
  z-index: 99999999999999;
  overflow: auto;
  position: absolute;
  font-size: small;
  cursor: pointer;
}
.storeclosing_popup_close:hover {
  color: black;
}
.storeclosing_popup_top {
  top: -100px;
  -webkit-animation-name: silde_to_top;
}
/* Exclude */
.exclude_message {
  background-color: #9e6095;
  padding: 15px !important;
  border: none !important;
  color: #fff !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
  text-shadow: none !important;
  font-size: 18px !important;
  margin: 0 0 2em;
}
@-webkit-keyframes silde_to_top {
  0% {
    top: -100px;
  }
  100% {
    top: 0px;
  }
}
.storeclosing_popup_bottom {
  bottom: -100px;
  -webkit-animation-name: silde_to_bottom;
}
@-webkit-keyframes silde_to_bottom {
  0% {
    bottom: -100px;
  }
  100% {
    bottom: 0px;
  }
}

/* RemindMe */
.remindme_table {
  width: 100%;
}
.remindme_form {
  width: 80%;
  justify-content: center;
}
#remindme_button {
  padding: 5px;
}
#remindme_button:hover {
  filter: brightness(50%);
  cursor: pointer;
}
#remindme_email {
  width: 100%;
}
.list_title {
  background-color: #9e6095;
  padding: 5px;
  color: #ffffff;
}
.list_footer {
  border-top: solid 1px darkgray;
  padding: 0px 10px !important;
  color: darkgray;
  padding-bottom: 10px !important;
}
.list_footer a:hover {
  color: #9e6095;
}
.first_page,
.previous_page,
.next_page,
.last_page {
  font-size: 18px;
  text-decoration: none;
  padding: 2px;
}
.list_row {
  padding: 5px;
}
.list_dark {
  background-color: #f5eff4;
}
.list_light {
  background-color: #ffffff;
}
.remindme-delete {
  border: none;
  background-color: transparent;
}
.remindme-delete:hover {
  color: red;
  cursor: pointer;
}
/* Bell */
.storeclosing_bell {
  cursor: pointer;
}
.storeclosing_bell:hover {
  filter: brightness(50%);
}
/* Bell Animation */
.storeclosing_bell_animation:hover {
  -webkit-animation-play-state: paused; /* Safari 4.0 - 8.0 */
  animation-play-state: paused;
}
.storeclosing_bell_animation {
  -webkit-animation: ring 4s 0.7s ease-in-out infinite;
  -webkit-transform-origin: 70% 1px;
  -moz-animation: ring 4s 0.7s ease-in-out infinite;
  -moz-transform-origin: 70% 1px;
  animation: ring 4s 0.7s ease-in-out infinite;
  transform-origin: 70% 1px;
}

@-webkit-keyframes ring {
  0% {
    -webkit-transform: rotateZ(0);
  }
  1% {
    -webkit-transform: rotateZ(30deg);
  }
  3% {
    -webkit-transform: rotateZ(-28deg);
  }
  5% {
    -webkit-transform: rotateZ(34deg);
  }
  7% {
    -webkit-transform: rotateZ(-32deg);
  }
  9% {
    -webkit-transform: rotateZ(30deg);
  }
  11% {
    -webkit-transform: rotateZ(-28deg);
  }
  13% {
    -webkit-transform: rotateZ(26deg);
  }
  15% {
    -webkit-transform: rotateZ(-24deg);
  }
  17% {
    -webkit-transform: rotateZ(22deg);
  }
  19% {
    -webkit-transform: rotateZ(-20deg);
  }
  21% {
    -webkit-transform: rotateZ(18deg);
  }
  23% {
    -webkit-transform: rotateZ(-16deg);
  }
  25% {
    -webkit-transform: rotateZ(14deg);
  }
  27% {
    -webkit-transform: rotateZ(-12deg);
  }
  29% {
    -webkit-transform: rotateZ(10deg);
  }
  31% {
    -webkit-transform: rotateZ(-8deg);
  }
  33% {
    -webkit-transform: rotateZ(6deg);
  }
  35% {
    -webkit-transform: rotateZ(-4deg);
  }
  37% {
    -webkit-transform: rotateZ(2deg);
  }
  39% {
    -webkit-transform: rotateZ(-1deg);
  }
  41% {
    -webkit-transform: rotateZ(1deg);
  }

  43% {
    -webkit-transform: rotateZ(0);
  }
  100% {
    -webkit-transform: rotateZ(0);
  }
}
@-moz-keyframes ring {
  0% {
    -moz-transform: rotate(0);
  }
  1% {
    -moz-transform: rotate(30deg);
  }
  3% {
    -moz-transform: rotate(-28deg);
  }
  5% {
    -moz-transform: rotate(34deg);
  }
  7% {
    -moz-transform: rotate(-32deg);
  }
  9% {
    -moz-transform: rotate(30deg);
  }
  11% {
    -moz-transform: rotate(-28deg);
  }
  13% {
    -moz-transform: rotate(26deg);
  }
  15% {
    -moz-transform: rotate(-24deg);
  }
  17% {
    -moz-transform: rotate(22deg);
  }
  19% {
    -moz-transform: rotate(-20deg);
  }
  21% {
    -moz-transform: rotate(18deg);
  }
  23% {
    -moz-transform: rotate(-16deg);
  }
  25% {
    -moz-transform: rotate(14deg);
  }
  27% {
    -moz-transform: rotate(-12deg);
  }
  29% {
    -moz-transform: rotate(10deg);
  }
  31% {
    -moz-transform: rotate(-8deg);
  }
  33% {
    -moz-transform: rotate(6deg);
  }
  35% {
    -moz-transform: rotate(-4deg);
  }
  37% {
    -moz-transform: rotate(2deg);
  }
  39% {
    -moz-transform: rotate(-1deg);
  }
  41% {
    -moz-transform: rotate(1deg);
  }

  43% {
    -moz-transform: rotate(0);
  }
  100% {
    -moz-transform: rotate(0);
  }
}
@keyframes ring {
  0% {
    transform: rotate(0);
  }
  1% {
    transform: rotate(30deg);
  }
  3% {
    transform: rotate(-28deg);
  }
  5% {
    transform: rotate(34deg);
  }
  7% {
    transform: rotate(-32deg);
  }
  9% {
    transform: rotate(30deg);
  }
  11% {
    transform: rotate(-28deg);
  }
  13% {
    transform: rotate(26deg);
  }
  15% {
    transform: rotate(-24deg);
  }
  17% {
    transform: rotate(22deg);
  }
  19% {
    transform: rotate(-20deg);
  }
  21% {
    transform: rotate(18deg);
  }
  23% {
    transform: rotate(-16deg);
  }
  25% {
    transform: rotate(14deg);
  }
  27% {
    transform: rotate(-12deg);
  }
  29% {
    transform: rotate(10deg);
  }
  31% {
    transform: rotate(-8deg);
  }
  33% {
    transform: rotate(6deg);
  }
  35% {
    transform: rotate(-4deg);
  }
  37% {
    transform: rotate(2deg);
  }
  39% {
    transform: rotate(-1deg);
  }
  41% {
    transform: rotate(1deg);
  }

  43% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(0);
  }
}