/* 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: .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 .7s ease-in-out infinite;
	-webkit-transform-origin: 70% 1px;
	-moz-animation: ring 4s .7s ease-in-out infinite;
	-moz-transform-origin: 70% 1px;
	animation: ring 4s .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); }
}