/* This CSS file is applied to both the front end of ERS, and the back end (/cp) */
/*  These are some example media tags:
@media (max-width: 480px) {
@media (max-width: 767px) {
@media (max-width: 768px) {
@media (max-width: 959px) {
@media (min-width: 1220px) {
@media (min-width: 480px) {
@media (min-width: 768px) and (max-width: 959px) {
@media (min-width: 768px) {
@media (min-width: 960px) {
@media print {
@media screen and (max-width: 400px) {
@media screen {
*/

@media print {
    .no-print,
    .no-print * {
        display: none !important;
    }
}

.ajax_overlay_greyed_out
{
    opacity: .40;
    filter: alpha(opacity=40);
    -moz-opacity: 0.4;
    width: 100%;
}

.ers_store_table,
.ers_category_table,
.ers_item_table
{
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

.row-spacing
{
    margin-bottom: 15px;
}

.row-spacing-small
{
    margin-bottom: 1em;
}

#item_book_for_date_text
{
    color: #aaa;
}

.button_back
{
    background: none repeat scroll 0 0 #b4c841;
    border: 1px solid #6b6b6b;
    border-radius: 0.5em;
    float: left;
    font-size: 9pt;
    font-family: Verdana, Arial;
    padding: 0.2em 1.3em .2em 1em;
    position: relative;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
}

.button_book,
.button_add
{
    background: none repeat scroll 0 0 #b4c841;
    border: 1px solid #6b6b6b;
    border-radius: 0.5em;
    float: left;
    font-size: 12pt;
    font-family: Verdana, Arial;
    padding: 0.2em 1.3em .2em 1em;
    position: relative;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
}

.button_finalizeOrder
{
    background-color: #b4c841;
    border: 1px solid #6b6b6b;
    border-radius: 0.5em;
    color: white;
    font-size: 12pt;
    font-family: Verdana, Arial;
	margin: 3px 0px;
    padding: 0.2em 1.3em .2em 1em;
    text-transform: uppercase;
}

@media (max-width: 767px) {
    .hide_for_mobile
{
        display: none;
    }
}

/**
 * The following rules are implemented, to serve as default settings for basic
 * responsive/fluid design layout for browse items, browse categories, items
 */
.responsive_browse_items_wrapper
{
    position: relative;
    margin-left: auto;
    margin-right: auto;
}

.responsive_browse_items_item_wrapper
{
    width: 250px;
    position: relative;
    float: left;
    cursor: pointer;
}

.browse_items td
{
    padding-bottom: 50px;
    position: relative;
}

.green_asterisk
{
    color: #008800;
}

.ers_button_default,
.ers_button_grey
{
    background: #4e4e4e;
    /* Old browsers */
    background: -moz-linear-gradient(top, #4e4e4e 0%, #1e1e1e 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #4e4e4e 0%, #1e1e1e 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #4e4e4e 0%, #1e1e1e 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e4e4e', endColorstr='#1e1e1e', GradientType=0);
    /* IE6-9 */
    border: 0px solid #000;
    border-radius: 1rem;
    color: #fff;
}

.ers_button_silver
{
    background: #E3E3E3;
    /* Old browsers */
    background: -moz-linear-gradient(top, #E3E3E3 0%, #F7F7F7 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #E3E3E3 0%, #F7F7F7 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #E3E3E3 0%, #F7F7F7 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E3E3E3', endColorstr='#F7F7F7', GradientType=0);
    /* IE6-9 */
    border: 1px solid #AFAFAF;
    border-radius: 1rem;
    color: #000;
}

.ers_button_default,
.ers_button_grey,
.ers_button_silver
{
    padding: 0.4rem 1.2rem;
    vertical-align: middle;
}

.ers_button,
.ers_button_default,
.ers_button_grey,
.ers_button_silver
/* To be applied to all <button> tags, regardless of whether it's a wordpress plugin or not. */


{
    cursor: pointer;
    margin: 2px;
    white-space: nowrap;
    /*margin:15px 0; margins are spacing buttons out too much, better to do it on a page by page basis*/
}

.greytext
{
    color: #aaaaaa;
}


#ers_timespan_table>tbody>tr>td:first-child
{
    min-width: 82px;
}

.dev
{
    display: none;
}

.survey_form_div
{
    color: #000;
}

table.survey_form_table td
{
    color: #000 !important;
}

.glow_text_large_white
{
    text-shadow: 1px 1px 8px rgba(255, 255, 255, 1), -1px -1px 8px rgba(255, 255, 255, 1);
}

.glow_text_medium_white
{
    text-shadow: 1px 1px 8px rgba(255, 255, 255, 1), -1px -1px 8px rgba(255, 255, 255, 1);
}

.glow_text_small_white
{
    text-shadow: 1px 1px 8px rgba(255, 255, 255, 1), -1px -1px 8px rgba(255, 255, 255, 1);
}

.glow_text_large_black
{
    text-shadow: 1px 1px 8px rgba(0, 0, 0, 1), -1px -1px 8px rgba(0, 0, 0, 1);
}

.glow_text_medium_black
{
    text-shadow: 1px 1px 8px rgba(0, 0, 0, 1), -1px -1px 8px rgba(0, 0, 0, 1);
}

.glow_text_small_black
{
    text-shadow: 1px 1px 8px rgba(0, 0, 0, 1), -1px -1px 8px rgba(0, 0, 0, 1);
}

.general_notification_white
{
    color: #fff;
    text-shadow: 1px 1px 8px rgba(0, 0, 0, 1), -1px -1px 8px rgba(0, 0, 0, 1);
    text-align: center;
}

.general_notification_black
{
    color: #000;
    text-shadow: 1px 1px 8px rgba(255, 255, 255, 1), -1px -1px 8px rgba(255, 255, 255, 1);
    text-align: center;
}

.more_info_text
{
    font-size: 16px;
    font-weight: bold;
}


/* Adam DeAloe [2019-02-28]  This is for Weather Forecast by Zip  */
.weather_wrapper
{
    font-family: "Arial", "Verdana";
    font-size: 12px;
    color: #5177AF;
    border: 1px solid #7799CC;
    border-radius: 4px;
    background: #D5E3F7;
    line-height: 1em;
}

.weather_right
{
    padding-top:7px;
    line-height: 1em;
}

.weather_left
{
    float:left;
}

/* End Weather Forecast by Zip stuff ****/

.ers_activity_indicator
{
	animation: ERSActivity 0.4s linear infinite;
	border-top: 6px solid rgba(34, 78, 129, 0.5);
	border-right: 6px solid rgba(219, 123, 68, 0.5);
	border-bottom: 6px solid rgba(231, 169, 77, 0.5);
	border-left: 6px solid white;
	border-radius: 50%;
	display: inline-block;
	height: 40px;
	vertical-align: middle;
	width: 40px;
}

@keyframes ERSActivity
{
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

.item_price {
    margin-left: 1em;
}

.report_can_add_filter
{
	color: #333366;
	cursor: pointer;
}

.report_can_add_filter:hover
{
	color: #2222CC;
}