* { padding: 0; margin: 0; }

body   { 
font-family: sans-serif; 
background-color: white; 
margin:0; 
padding:0;
background: #45535c;

}

.version_log_data {
font-family:oswald, sans serif;	
color:#1B4E81;
display:none;
}

a.version_btn {cursor: pointer;font-family:oswald, sans serif;
    background: #e7e7e7;
    display: inline-block;
    padding: 4px;
    border-radius: 3px;
    font-size: 14px;
    color: #333333;
    text-decoration: none;
}

a.version_btn:hover {
background:#333333;
color:#e7e7e7;	
}

.header-outer-div {
    width: 100%;
    height: 400px;
    background-color: #007bff; /* Blue background for visual clarity */
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
	background-image: url('imgs/cover_image.jpg'); /* Replace with the path to your image */
    background-repeat: no-repeat;
    background-position: center bottom; /* Centers the image horizontally and aligns it to the bottom */
    background-size: cover; /* Ensures the image covers the full div */
}

.header-inner-div {
    width: 250px;
    height: 250px;
    background-color: rgba(225, 225, 225, 0.7); /* White background for the inner div */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    display: block;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-family: Arial, sans-serif;
    font-size: 16px;
    color: #333;
    border-radius: 10px; /* Optional: rounded corners for inner div */
	    margin-top: 50px;
		
		
}

.shop_tagline {
	margin-top:30px;
	padding:1em;
	font-family:oswald, sans serif;
	color:#303030;
	font-size: 18px
}

.shop_tagline h1 {
	    font-size: 30px;
}

.innertube.shopage div.items_wrap {
	
	margin-left:10px	
}

.full-width-container {
    display: flex;               /* Flexbox for equal height */
    width: 100%;                 /* Full width */
    gap: 20px;                   /* Space between columns */
    padding: 80px;               /* Buffer between container edges and columns */
    box-sizing: border-box;      /* Include padding in width calculation */
     background:#8696a1;
	border-top:1px solid #45535c   /* Optional background color for the container */
    flex-wrap: wrap;             /* Allow wrapping when in smaller screen sizes */
}

.column {
    flex: 1;                     /* Equal width columns */
    padding: 20px;               /* Padding inside each column */
    background-color: #45535c;   /* Background color for columns */
        /* Optional border for columns */
    border-radius: 5px;          /* Optional rounded corners for columns */
    box-sizing: border-box;      /* Include padding in column size */
    min-width: 300px;            /* Prevent columns from becoming too narrow */
	font-family:oswald, sans serif;
	color:#ffffff
}

.column p {
	font-weight: 200;
	font-size: 20px;
}

.column.features {
	
	background-color:#8696a1;
	color:#1e252a
}

.column.features h1 {
	text-align:center
}


.column.features ul {
  width: fit-content;  /* or set a fixed width if you prefer */
  margin: 0 auto;      /* Centers the ul horizontally */
  padding: 0;
  text-align: left;    /* Ensures the li's are left-aligned */
	font-size:20px
}

.column.features li {
  padding: 5px 0;      /* Optional: Adds space between list items */
}



/* Media query for mobile screens */
@media (max-width: 980px) {
    .full-width-container {
        flex-direction: column;  /* Stack columns vertically */
        gap: 20px;
		padding:20px               /* Maintain spacing between stacked columns */
    }

    .column {
        flex: none;              /* Disable flex-grow to allow full-width stacking */
        width: 100%;             /* Make each column full-width in stacked mode */
    }
	
	
}







.table_label {font-weight:bold; font-size:small}
.vendor_block {padding:.5em; border:1px solid #676767; margin-bottom:2em}
.vendor_block table {border-collapse:collapse}
.vendor_block th {font-weight:bold; padding:.75em; border-bottom:1px solid #c7c7c7; text-transform:capitalize}
.vendor_block td {padding:.75em; border-bottom:1px solid #e7e7e7; text-transform:capitalize}
.vendor_block h2 {font-size:14px; color:#676767 !important; text-transform:capitalize !important;}
.vendor_line_item {text-transform:capitalize}
.sourcing_box {padding:.5em; border:1px solid #676767; margin-bottom:2em}
.new_vendor {padding:.5em; background:#dcf3fd}
.sourcing_row {margin-bottom:1.5em}
.sourcing_row .header{font-weight:bold; text-transform:uppercase}
.sourcing_row textarea {height:6em}
.sourcing_row .header .s_notes {font-weight:normal}
.route_header {background:#89b8ca; padding:1em; font-family:oswald, sans serif; color:#ffffff !important; margin-top:5em; position: -webkit-sticky;
    position: sticky;
    top: 0;
    margin-top: 10px;
    z-index: 101;}
.delivery_link {margin:1em 0}
.confirm_ul li {margin:1.5em}
.delivery_phone {margin:1em 0}
.nonbagged {padding:1em; background:#fcfceb; border:1px solid #cdcc7c; margin-top:1.5em}
.route_row {padding:1em; border:1px solid #dddddd; border-radius:5px; margin-bottom:2em; background:#f0d5d1}
.route_row input[type=checkbox] {
    transform: scale(1.5);
}
.delivered_wrap .route_row {background:#e7e7e7 !important}
.route_row h3 {font-family:oswald, sans serif; color:#6896a7; text-transform:uppercase; position: -webkit-sticky;
    position: sticky;
    top: 90px;
    margin-top: 10px;
    z-index: 100;
	padding:1em 0;}
.route_row h3 span {font-weight:normal}
.route_row p {font-family:oswald, sans serif; color:#585858; text-transform:uppercase}
.input-categories {border:1px solid #d8d8d8; border-radius:3px; background:#ffffff; padding:6px}
.note_textarea {width:100%; height:12em; color:#676767; padding:1em}
.note_area {margin-top:2em}
a.mark_as_delivered {display:inline-block; padding:1em; margin-top:2em; background:#6896a7; color:#ffffff; text-decoration:none; border-radius:5px; cursor:pointer; font-family:oswald, sans serif; text-transform:uppercase; font-size:1em; font-weight:bold}
a:hover.mark_as_delivered,a:active.mark_as_delivered {background:#416f80; color:#ffffff !important} 

a.view_toggle {display:inline-block; padding:.5em; background:#bfced2; color:#676767; text-decoration:none; border-radius:2px; cursor:pointer; font-family:oswald, sans serif; text-transform:uppercase; font-size:.75em;}
a:hover.view_toggle,a:active.view_toggle {background:#9dc4d0; color:#ffffff !important} 


.confirming {font-family:oswald, sans serif;}
.confirming b {color:#6896a7;}
.confirming ul {list-style-type:none}
a.mark_as_delivered.confirm {background:#f7cdc7; color:#784a42}
a:hover.mark_as_delivered.confirm,a:active.mark_as_delivered.confirm {background:#e9968a; color:#784a42 !important} 
a.dp-choose-date {
	float: left;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 5px 3px 0;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url(calendar.png) no-repeat; 
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {
	width: 140px;
	float: left;
}


.week {padding-bottom:1em; border-bottom:1px solid #e7e7e7; margin-top:1em}
.cropboxa {margin-bottom:2em}
.cropboxa h2 {font-size: 14px !important}

.coupon_line_item {color:#006600}
/*Shop*/
.ref_page {text-align:center; font-size:small; margin-top:2em}

.order_notice .fullfilment_info {font-weight:normal; text-transform:none; font-family:'Oswald', sans-serif; font-size:1.25em}
.order_notice .fullfilment_info .deadline {color:#3399FF}
.alert.coupon {padding:1em; background:#d5fcd2; border:1px solid #1e501b; margin:1em 0; color:#1e501b; font-size:1.5em}

.reward_grid_wrap {display: grid; grid-template-columns: repeat(auto-fill, minmax(350px, 1fr)); grid-gap: 50px; grid-column-gap: 50px; margin-bottom:2px; padding:1em}
.reward_grid {background:#ffffff;  box-shadow: 0px 0px 8px #000000; padding:2em}  
.reward_grid h1 {color:#333333 !important; text-transform:uppercase; font-family: 'Oswald', sans-serif; font-size:1.7em !important}
.reward_grid h2 {color:#676767 !important; text-transform:uppercase; font-family: 'Oswald', sans-serif; font-size:1em !important; margin-top:1em}
.reward_grid h3 {color:#676767 !important; text-transform:uppercase; font-family: 'Oswald', sans-serif; font-size:1em !important; margin-top:1em; font-weight:normal; margin-top:-1em}
.reward_grid p {margin-top:1em; color:#333333!important;}
.reward_row {padding:.5em; border-top:1px solid #e7e7e7; text-transform:uppercase; font-family: 'Oswald', sans-serif;font-weight:normal;}
  
.account_grid {display: grid; grid-template-columns: repeat(auto-fill, minmax(350px, 1fr)); grid-gap: 50px; grid-column-gap: 50px; margin-bottom:2px; padding:1em}
 .my_account_box {background:#ffffff;  box-shadow: 0px 0px 8px #000000; padding:2em}
 .my_account_box h1 {color:#333333 !important; text-transform:uppercase; font-family: 'Oswald', sans-serif; font-size:1.7em !important}
  .my_account_box p {margin-top:1em; color:#333333!important;}
  #refer_error {display:none}
  #refer_success {display:none}
  .my_account_box input {padding:1em; color:#676767; border:1px solid #676767; width:85%; margin:1em auto 0; display:block; font-size:1em}
  .my_account_list {margin:1em 0; border-bottom:1px solid #e7e7e7; padding:1em}
  .my_account_list:last-of-type { border:none}
.grid {display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); grid-gap: 20px; grid-column-gap: 50px;}
  /*
 .input_and_controls {position:absolute; bottom:0}
 .product_box {position:relative}
 */
 
 
 .product_summary {display: grid;
  grid-template-columns: repeat(auto-fit, minmax(50px, 1fr)); grid-gap: 5px; grid-column-gap: 5px; background:#e6f4fd; margin-bottom:2px; padding:1em}
  .summary_item img {width:25px; height:25px}
  .summary_item {color:#4e5b7a}
 
 
 .mysonglist {margin-top:1em}
 .grid_account {margin-bottom:1em; display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); grid-gap: 20px; grid-column-gap: 20px; border-bottom:1px solid #e7e7e7; padding-bottom:1em}
  

 
.edit_order_link {float:right}
.item_row {margin-bottom:.5em}
.checkout_review_header {padding:1em; background:#dddddd; color:#333333; margin-bottom:1em}
.checkout {cursor:pointer; padding:1em; font-size:18px; background:#cacaca; color:#ffffff; text-transform:uppercase; border:0; border-radius:10px}
.checkout:hover {background:#afb2b1;}
.checkout:active {background:#838684;}
.hide_from_desktop {display:none}
#select-anchor {width:100%; padding:1em; color:#999999; font-size:1em; font-weight:bold; background:#CCCCCC}

a#edit_your_box {color:#ffffff !important; padding:1em; background:#ffba01; border-radius:10px; text-decoration:none; cursor:pointer; text-transform:uppercase; margin-top:2em; display:inline-block; font-weight:bold}
a#edit_your_box:hover {background:#e7ae17;}
a#edit_your_box:active {background:#c08e09;}
.cat_caller {color:#ffffff !important; padding:1em; background:#ffba01; border-radius:0px 35px 35px 0px; width:25%; text-transform:uppercase}
.items_wrap > .cat_caller ~ .cat_caller {
    margin-top: 2em;
}

.grid.product {margin-bottom:2em; padding:1em 0; border-bottom:1px solid #e7e7e7}
.grid.product.new {background:#fafae6; padding:1em; border-radius:5px}


.div_item {margin:1em 0}
.div_item input[type=text] {padding:.5em; color:#959ab1}
.div_item b{display:block; font-size:medium; text-transform:uppercase; color:#959ab1}
.div_item textarea {padding:.5em; color:#959ab1; min-height:10em; width:30em}
.toph1 {margin-bottom:1em;}

.site_secure {display:inline-block; font-weight:100; padding-top:12px; background: url(imgs/lock.png) no-repeat center left ; padding-left:30px; font-size: .75em; color:#999999; text-transform:uppercase; min-height:25px}

.fullfilment_info {margin-top:1em; color:#676767; text-transform:uppercase; font-weight:bold}
.fullfilment_info .small {font-weight:normal}
.items_wrap {margin-left:200px; width:250px}

.cat_group.realsticky {top:80px}
.edit_header {    
	padding: 1em;
    background: #52aedd;
	color:#676767;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    margin-top: 10px;
    z-index: 101;
    padding-bottom: .25em;
    margin-bottom: .25em;
	border-bottom:1px solid #597381;
	min-height:50px;
	
	
	}

.back_btn_txt {    
	font-weight: bold;
    cursor: pointer;
   
    font-size: 1.5em;
    color: #ffffff;
    display: inline-block;
    height: 54px;
    margin-top: 8px;
    margin-left: 60px;
   }

.edit_header .update_subsc {
margin-top:-8px
}

.edit_box.realsticky {top:100px}

.edit_header a {display:inline-block; position:absolute; left:10px; top:8px; background:url(imgs/back_arrow.png) 0px 0px no-repeat; width:51px; height:54px; text-indent:-1000px; text-decoration:none; cursor:pointer} 
.edit_header a:hover {background-position:-50px 0px  }
.edit_header a:active {background-position:-100px 0px  }
.realsticky {
 position: -webkit-sticky;
  position: sticky;
  top: 0;
  margin-top:10px;
  z-index:100;
  background:#ffffff;
  padding-bottom:.25em;
  margin-bottom:.25em;
 

}

.total_breakdown {margin-top:2em}
.total_breakdown .total {margin-top:1em !important}
.total_line_item{}
.total_line_item.refund{color:#831d15}
.update_subsc {padding:1em; font-size:1em; cursor:pointer}
.page {}

.cancelwrap {margin-top:3em;}
.sk_cancelForm_inner h2 {margin:1em 0 !important; font-size:1.5em !important; }
.sk_cancelForm_inner li {padding:.5em 0}
.sk_cancelForm_inner li.sk_no_bullet {padding-top:1em}
a.button.cancel {font-size:small; text-decoration:none; color:#aaaaaa; text-transform:uppercase; }

.cat_group {float:left; width:150px; padding:1em; background-image: linear-gradient(#fcf9ca, #ffffff); text-transform:uppercase}
.cat_group a {text-decoration:none; display:block; color:#676767; border-bottom:1px solid #676767; padding:.5em .25em; text-transform:uppercase}

.product_box {margin-bottom: 5em;}
.product_box.highlight {background-image: linear-gradient(#ffffff, #fefbac);}
.product_box img {width:250px; }
.prod_inner {padding:0; }
.short_desc {margin-bottom:1em; font-family:oswald, sans serif; color:#303030; margin-top:10px}
.product_box h1 {color:#353434 !important; font-size:1.5em !important; margin-bottom:10px !important}
.product_box p {font-size:1em; color:#1a1a1a !important; margin-bottom:1em}
.product_box input {padding:1em; color:#676767; border:1px solid #676767; width:2.5em}
.product_box .price {font-weight:bold; color:#999999; display:block; margin-top:1em}
.qty_controls {margin-top:1em}
.cart_totals {padding:1em 0 1em; text-align:right; font-weight:100; font-size:1.25rem}
.cart_totals div {margin-bottom:1em;}
.product_box_summary .price {float:right; font-weight:bold; color:#999999; font-size:1.5em}
.product_box_summary {border-bottom: 1px solid #dddddd; padding:1em}
.product_box_summary .prod_inner {margin-left:80px; padding:0em 1em 1em; }
.product_box_summary img {width:80px; float:left}

a.qty_btn {cursor:pointer; text-align:center; padding:5px;  font-size:18px; font-weight:bold; text-decoration:none}
a.qty_btn.add_item { background:#45535c; color:#ffffff; border-radius: 5px; }
a.qty_btn.minus_item {background:#e5e7e6; color:#12c7fb; border-radius: 5px; margin-left:1px;}

a.qty_btn.add_item:hover {background:#12b1fb}
a.qty_btn.add_item:active {background:#1285fb}
a.qty_btn.minus_item:hover {background:#dddddd;}
a.qty_btn.minus_item:active {background:#acadac;}
.radio_input {margin-bottom: 1em}
.radio_input input[type=radio] {
   -ms-transform: scale(1.5); /* IE 9 */
    -webkit-transform: scale(1.5); /* Chrome, Safari, Opera */
    transform: scale(1.5);
}

.in_it {margin-top:2em}

.clear {clear:both}
.skip_this_week {display:inline-block; padding:.5em; background:#a6a4a3; color:#ffffff; font-size:1em; margin-top:.25em; border-radius:5px}
.del_and_freq {margin-bottom: 1.7em}
.del_and_freq h3 {color:#83adc5; margin-bottom:.5em}
.del_and_freq select, .del_and_freq option {width:auto; padding:1em}
ul.scheduled {list-style-type:none; margin-left:1em}
ul.scheduled li {padding:1em 0; border-bottom:1px solid #e7e7e7}
ul.scheduled li:last-of-type {border-bottom:0}
ul.scheduled li.on_hold_this {background:#fcebea;}
/*Cancel form*/
#sk_cancelForm label {font-weight:bold; margin-left:1em}
#sk_cancelForm {display:none}
.sk_explanation {display:none}
.sk_explanation {margin-bottom:3em}
#sk_cancelForm a, #sk_cancelForm h2 span{cursor:pointer}
#sk_cancelForm .sk_explanation a {color:#0099FF}
#sk_cancelForm li {font-size:1.5em; list-style:none}
#sk_cancelForm li .sk_explanation li {font-size:1em; list-style: disc; margin-left:3em}
#sk_cancelForm li .sk_explanation li.sk_no_bullet {list-style:none}
#sk_cancelForm_bg {height:100%; width:100%; background:#000000; opacity: 0.75; position: fixed; top: 0; left: 0; bottom: 0; right: 0;}
.sk_cancelForm_inner {padding:2em; margin:auto; position: absolute; background:#ffffff; opacity: 1.0;
  top: 0; left: 0; bottom: 0; right: 0; width:60%; margin-top:8em; z-index:9999999; border:1px solid #000000; border-radius:8px; overflow: auto;
    height: 80%;
}

#sk_cancelForm a.sk_cancel_link  {display:inline-block; background:#e7e7e7; color:#ffffff; text-decoration:none; padding:1em; border-radius:8px}
#sk_cancelForm a.sk_cancel_link:hover  {background:#dddddd;}
#sk_other_text {width:90%; height:6em}
#sk_cancelForm a.sk_nocancel  {display:inline-block; background:#2bb7e5; color:#ffffff; text-decoration:none; padding:1em; border-radius:8px}
#sk_cancelForm a.sk_nocancel:hover  {background:#07b7f1;}



@media
only screen and (max-width: 500px) {
.sk_cancelForm_inner {padding:2em; margin:auto; position: fixed; background:#ffffff; opacity: 1.0;
  width:95%; margin-top:2em; z-index:9999999; border:1px solid #000000; border-radius:8px; overflow: auto;
    height: 100%;}
#sk_cancelForm li {margin-left:0em; vertical-align:top;  margin-bottom:2em}
#sk_cancelForm ul {margin-left:0; padding-left:0}
#sk_cancelForm li .sk_explanation li {margin-left:2.3em;}
 
	

}




/*Checkout Sequence*/
.checkout_wrap {max-width:600px; margin:0 auto; text-align:left}

.checkout_wrap h4 {font-family: Graphik Semibold,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 2.25rem;
    line-height: 1.1em;
    letter-spacing: 0;
    text-transform: none;
    -webkit-font-smoothing: antialiased; border-bottom:1px solid #dddddd; padding-bottom:1em; margin-bottom:1em}
	
.checkout_steps {float:right; font-weight:100; font-size:.5em}
.checkout_row {margin-bottom: 1em;}	
.checkout_column {vertical-align: top;
    display: inline-block;
    width: calc(50% - 7.5px);
    box-sizing: border-box;}



.checkout_column.last{
padding-left:7.5px;
float:right
}

.checkout_column.address_x {
    width: 65.95744680851064%;

}

.checkout_column.address_xx {
    width: 31.914893617021278%;
	float:right;

}


.chekout_label {font-family: Graphik Semibold,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: .9167rem;
    line-height: 1.2em;
    letter-spacing: .5px;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    color: #9c9795;
    margin-bottom: 10px;
	}

.checkout_wrap textarea {
height:7em;
}

#edit_delivery_deets select {

width: 100%;
    box-sizing: border-box;
	outline:none; 
	padding:1em;
}

.checkout_wrap input, select, textarea {
	
	width: 100%;
    box-sizing: border-box;
	outline:none
	}	

.checkout_wrap input[type=checkbox] {
width:auto;
}

.checkout_wrap input[type=radio] {
width:auto;
}

.checkout_column.exp select {width:40% !important}
.submit {float:right}
.submit input {padding:.25em; width:auto; cursor:pointer; background:#6ab5b1; color:#ffffff; font-weight:bold; border-radius:5px; font-size:18px}
.submit input:hover {background:#58c0ba;}
.submit input:active {background:#2cc7bf;}


.checkout_buttons {margin-top:1em; border-top:1px solid #dddddd; margin-bottom:2em; padding-top:1em;}
.checkout_buttons input {padding:1em; width:auto; float:right; cursor:pointer; background:#6ab5b1; color:#ffffff; font-weight:bold; border-radius:10px; font-size:1.5em}
.checkout_buttons input:hover {background:#58c0ba;}
.checkout_buttons input:active {background:#2cc7bf;}

.errors ul {margin-left:2em}

ul.ord_msg {
margin-left:2em
}

ul.ord_msg li {
padding-bottom:1em;
}

ul.shipping_options {
margin-left:2em;
list-style:none
}


ul.shipping_options li {
padding-bottom:1em;
}

.shipping_price {float:right}
.checkout_wrap select {
color: #403e3b;
    -webkit-font-smoothing: antialiased;
    font-family: Graphik,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 1.25rem;
    line-height: 1.25em;
    letter-spacing: .2px;
    text-transform: none;
    background: #fff;
    border: 1px solid #d5d4d0;
    border-radius: 3px;
    padding: 8px 8px 7px;
    margin: 0;
    -webkit-appearance: none;

}

.form-control {
color: #403e3b;
    -webkit-font-smoothing: antialiased;
    font-family: Graphik,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 1.25rem;
    line-height: 1.25em;
    letter-spacing: .2px;
    text-transform: none;
    background: #fff;
    border: 1px solid #d5d4d0;
    border-radius: 3px;
    padding: 8px 8px 7px;
    margin: 0;
    -webkit-appearance: none;

}

/*MOBILE MENU*/


.topnav {
 width:12em;
box-sizing:border-box;
font-size:1em
  
}

.topnav #myLinks {
  display: none;
  margin-top:2em
}

.topnav a:last-child {
border:none
}

.topnav a {
  color: white;
  padding: 1em;
  text-decoration: none !important;
  display: block;
  border-bottom:.01em solid #ffffff
}

.topnav a.icon {
  
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}

.topnav a:hover {
  
  color: black;
}

.active {
  background-color: #4CAF50;
  color: white;
}
/*END MENU*/
td {vertical-align:top}
.hand {cursor:pointer}
.cover {display:none}
a {color:#2175b9; text-decoration:underline}
a:hover {color:#0099FF; text-decoration:none}

#wrapperMain {min-height:600px; background:#ffffff}
#header {padding:10px; color:#ffffff; background:#45535c; font-family:Lato, sans-serif}
#header a {color:#e7e7e7; text-decoration:underline}
#header a:hover {color:#ffffff; text-decoration:none}

.login_alert {padding:1em; background:#fcf6b6; border:1px solid #fcd500; margin-bottom:2em}
.login_alert h1,.login_alert p {margin-bottom:1em}

#padding-wrapper {padding-bottom:150px; padding-top:5em}
#home_wrapper {min-height:250px; background:#dbdbdb url(imgs/login-bg.png) top left repeat-x; border:1px solid #676767; margin:15px auto 0; padding:30px}
#login_wrapper{box-sizing:border-box; min-height:5em; max-width:500px; background:#dbdbdb url(imgs/login-bg.png) top left repeat-x; border:1px solid #676767; margin:0px auto 0; padding:30px}
#login_wrapper h1 {color:#45597a; font-size:30px}
.signupbig {float:right; padding:20px; color:#ffffff; background:#2175b9; min-height:120px; width:300px}
.signupbig a{color:#03455e; text-decoration:none; font-size:20px}
.signupbig a:hover {color:#c9ecf9; text-decoration:none}
.loginForm {padding-top:20px}
.loginForm input {padding:15px; color:#676767; width:100%; box-sizing:border-box; font-size:1em; margin:0 1em 0 0}
.userloginSubmit {}
.loginForm td {vertical-align:middle; color:#03455e; padding:5px}

#logintop a {display:block; padding:4px; color:#FFFFFF; font-weight:bold; font-size:12px; background:#fcac01; text-decoration:none}
#logintop a:link {text-decoration:none }
#logintop a:hover {background:#fc8f01 }
#logininfo {font-size:11px}

.forgot a {color:#3b87b9; text-decoration:none}
.forgot a:hover {color:#03455e; text-decoration:none}

.forgotForm table {border-collapse:collapse}
.forgotForm input {padding:15px; color:#676767; font-size:18px}
.forgotForm select {padding:15px; color:#676767; font-size:18px; width:230px}
.forgotForm td {padding:6px}
.wrapper {padding-top:20px}

#leftcolumn{
float: left;
width: 250px; /*Width of left column*/
margin-left: -100%;
background: url(imgs/left-bg.png) top left repeat-x;
margin-top:20px;
padding-top:20px;
min-height:307px
}



#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
margin-left:.5em; /*Set left margin to LeftColumnWidth*/
margin-right:.5em;
min-height:400px;
margin-top:20px;



}

#contentcolumn_shop{
margin-left:.5em; /*Set left margin to LeftColumnWidth*/
margin-right:.5em;
min-height:400px;
margin-top:20px;
padding:80px

}


a.third_party_url {text-decoration:none; color:#4e4d4d}
a.third_party_url:hover {text-decoration:none; color:#303030}
a.third_party_url:active {text-decoration:none; color:#000000}
.already_bought_exp {border-radius:4px; background:#bbbbbb; color:#ffffff; padding:4px; font-size:12px; text-align:center }
a.claim_link {display:inline-block; padding:4px; border-radius:4px; border:1px solid #e7e7e7; color:#ffffff; background:#878585; text-decoration:none;}
a.claim_link:hover {background:#404040}
a.claim_link:active {background:#303030}
#total_box {font-size:1.5em; font-weight:bold; margin-bottom:1em; margin-top:2em}
#contentcolumn h1 {color:#1e252a; font-size:30px; margin-bottom:30px; font-family:oswald, sans serif;}
#contentcolumn_shop h1 {color:#1e252a; font-size:30px; margin-bottom:30px; font-family:oswald, sans serif;}
#contentcolumn h2 {color:#027caa; font-size:20px; margin-bottom:10px}
#contentcolumn_shop h2 {color:#027caa; font-size:20px; margin-bottom:10px}


.pagehints{color:#084b71}
#demo-status {background:#ffffff}
.errors  { margin:20px 0px 10px 0px;  padding: 10px; border: solid 1px #600; background-color:#fdf3f2; color:#660000; border-radius:8px }
.success {margin:20px 0px 10px 0px;  padding: 10px; border: solid 1px #059d10; background-color:#f2fdf3; color:#059d10; border-radius:8px}
.alert, .warning  {margin:20px 0px 10px 0px;  padding: 10px; border: solid 1px #eec402; background-color:#fcfcdc; color:#98831e; border-radius:8px}
.formwrap {margin-top:40px}
.formwrap table {width:600px; border-collapse:collapse}
.formwrap input {padding:12px; color:#676767; width:100%; font-size:15px}
.formwrap select {padding:6px; color:#676767; width:100%; font-size:15px}
.formwrap td {color:#03455e; padding:5px; font-size:18px}
.submitme {color: #003366; font-size:24px; font-weight:bold}

.innertube{
margin: 20px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
margin-bottom: 150px
}


.changeAlbum {margin-top:10px; display:block; padding:8px; background:#4bb4fe; color:#ffffff; text-decoration:none; width:170px; cursor:pointer}
.changeBand a {margin-top:-12px; display:block; padding:8px; background:#4bb4fe; color:#ffffff; text-decoration:none; width:170px;}
.changeBand a:hover {background:#1384d4; text-decoration:none}

.active_sidebar {background:#333333; color:#ffffff}


.sidabar a {display:block; border-bottom:1px solid #757575; padding:6px; text-decoration:none; color:#333333}
.sidabar a:hover {display:block; background:#676767; color:#ffffff}
.sidabar a.active_sidebar {color:#ffffff}

.sub_sidabar a {display:block; padding:6px; text-decoration:none; color:#676767; font-size:11px; border-bottom:1px solid #dddddd; }
.sub_sidabar a:hover {display:block; background:#676767; color:#ffffff}
.sub_sidabar a.active_sidebar {color:#ffffff}




/*Entity stuff*/
.manage_content_block { display:none; padding:20px; background:#e9f1f8; margin:-5px 10px 20px}
.manage_content_block_switch {padding:10px; background:#ffffff; border:2px solid #395883; border-radius:10px;
-moz-border-radius:10px; margin-bottom:5px}
.manage_content_block_switch a{cursor:pointer; text-decoration:none}
.manage_content_block_switch a:hover{color:#08acf8}
.float_right {float:right}


/*Date entity stuff*/
.date_att_heading {font-weight:bold; margin-bottom:3px}


.editwrap {padding-top:20px}
.editwrap table {border-collapse:collapse;}
.editwrap th {font-weight:bold; text-align:left; color:#03455e; border-bottom: 1px solid #03455e; font-size:12px; padding-bottom:5px; padding-right:20px}
.editwrap td {text-align:left; color:#03455e; font-size:11px; padding:20px 20px 20px 0px;}
.editwrap .trborder {border-bottom:1px solid #CCCCCC;}
.editinput {font-size:11px; padding:2px; width:200px; color:#434343; border:1px solid #5e7c90}
.editwrap textarea {font-size:11px; padding:2px; width:200px; height:150px; color:#434343; border:1px solid #5e7c90; margin-top:5px}
.editwrap .innertable td {text-align:left; font-size:11px; padding:0px 8px 8px 0px}
.rightbtn {float:right; color: #003366; font-size:18px; padding:5px; font-weight:bold; cursor:pointer}



.bandwrap {margin-bottom:50px; background:#ffffff; padding:20px; border:1px solid #5e7c90}
.bandwrap h3 {color:#027caa; font-size:17px; margin-bottom:10px}
.albumwrap {color:#027caa; font-size:15px; margin-bottom:10px; padding:0 10px 30px; background:url(imgs/albumwrap-bg.png) top left repeat-x;}
.albuminfo {margin-bottom:10px; border-bottom:1px solid #ffffff; border-left:1px solid #ffffff; border-right:1px solid #ffffff; padding:20px 10px 10px; background:#027caa; color:#ffffff}

#liveclose { float:right; cursor:pointer; color:#999999}

.livesearchClass_edit {

position: absolute;
background:#ffffff;
padding: 10px;
border: 1px solid #A5ACB2;
overflow: auto;
width: 350px;
min-height:50px;
font-size:11px;
display:none;


}

.livesearchitem {
cursor:pointer;
font-weight:bold;
margin-bottom:5px
}

.livesearchClass {
position: absolute;
background:#ffffff;
padding: 10px;
border: 1px solid #A5ACB2;
overflow: auto;
width: 350px;
min-height:200px;
font-size:16px;
display:none;
margin-top:-20px;

}


#livesearch a:link, #livesearch a:visited{
color:#1e79e9;
text-decoration: none

}

#livesearch a:hover{
color:#084c81;
text-decoration: none

}

#user_display {margin-left:200px}

div.sidenav .linklist{padding:1em; border-bottom:1px solid #dddddd;}
.sidenav {width:200px; margin-top:2em; float:left; border-bottom:0}

.product_prize_block img {width:50%}
.product_prize_block h2 {font-family: 'Oswald', sans seriff; text-transform:uppercase}
.product_prize_block h3 {font-family: 'Oswald', sans seriff; text-transform:uppercase; font-weight:400; color:#676767}

.refstuff { font-family: 'Oswald', sans seriff; }
.refstuff table {width:100%; border-collapse:collapse;margin-top:2em}
.refstuff td {vertical-align:top; color:#03455e; padding:5px 5px 15px 5px; font-size:1em; border-bottom:1px solid #e7e7e7}

.refstuff th { text-transform:uppercase; color:#676767; text-align:left} 


.songform table {width:100%; border-collapse:collapse;}
.songform table.widthauto {width:auto}
.songform {border:1px solid #83a1b5; margin-bottom:15px; background-color:#ffffff; padding:15px; font-size:12px}
.songform input {padding:6px; color:#03455e; width:300px; font-size:12px}
.songform select {padding:6px; color:#03455e; width:300px; font-size:12px}
.songform .songgenre {width:10px; padding:0; margin-right:10px; cursor:pointer}

.songform td {vertical-align:top; color:#03455e; padding:5px 5px 15px 5px; font-size:12px}
.songform table.widthauto td {border-bottom:1px solid #dddddd}


.removeobj {margin-top:10px; display:block; padding:8px; background:#fb6443; color:#ffffff; text-decoration:none; cursor:pointer}
.shrinkobj {margin-top:10px; display:block; padding:8px; background:#cccccc; color:#676767; text-decoration:none; cursor:pointer}
.Growobj {margin-top:10px; display:block; padding:8px; background:#eeeeee; color:#676767; text-decoration:none; cursor:pointer}
.manage_songs_toggle {cursor:pointer; font-size:11px; padding:10px; background:#ffffff; color:#027caa; border:1px solid #83a1b5; float:right}

.container {padding:20px; background:#ffffff; border:1px solid #83a1b5;}

.songform .order_field {width:30px}
.hints {color: #dd4929;
font-size:12px }


#user_feedback {display:inline; float:left; width:200px; margin-left:2px}
/*
#user_feedback a {width:180px; height:104px; display: block; background: url(imgs/likeit.png) no-repeat; padding:10px}


#user_feedback a.hm1 {background-position: 0px 0; text-indent:-9999px; color:#ffffff;}
#user_feedback a:hover.hm1 {background: url(imgs/likeit.png) 0px -126px no-repeat; color:#ffffff}
#user_feedback a.hm2 {background-position: 0px -126px; text-indent:-9999px; margin-top:1px; cursor:pointer}
#user_feedback a:hover.hm2 {background: url(imgs/likeit.png) 0px -377px no-repeat; color:#ffffff}
*/

.userfeedback {width:200px; height:124px; overflow:hidden}


#stationwrap {display:inline; float:left; width:195px; height:250px; background: url(imgs/station-bg.png) #2a2a29 repeat-x top left; overflow:hidden; position:relative}
#stationwrap h2 {display:block; background: url(imgs/station-h2-bg.png) top left repeat-x; height:29px; padding:8px 4px 4px 8px; color:#CCCCCC; font-size:13px;}
#addnewstation {position:absolute; bottom:0; height:19px; width:195px; background:#646464; color:#FFFFFF; padding:8px 4px 4px 8px; font-size:12px}
#stationlist {height:175px; overflow:auto}
.stationitem {padding: 4px 0px 4px 0px; color:#ffffff; border-bottom:1px solid #d1d1d0; border-top:1px solid #141414; font-size:12px; margin-left:8px; margin-right:8px; cursor:pointer}
.stationitem_active{padding: 4px 0px 4px 0px; color:#ffffff; border-bottom:1px solid #d1d1d0; border-top:1px solid #141414; font-size:12px; margin-left:8px; margin-right:8px; cursor:pointer; background:#d1d1d0; color:#333333; padding: 4px 4px 4px 4px; }

#station_ops {position:absolute; top:20px; left:20px; width:800px; background:#e8e8e8; border:1px solid #333333; padding:10px}
#station_ops table {width:100%; border-collapse:collapse;}
#station_ops td {vertical-align:top; color:#03455e; padding:5px 5px 15px 5px; font-size:12px}
.station_finalize {display:inline; float:right; padding:8px; background:#676767; color:#ffffff; cursor:pointer; margin-left:10px}
.station_finalize_delete {padding:8px; background:#660000; color:#ffffff; cursor:pointer;}
#v_wrap {display:inline; float:left; width:270px; height:250px; margin-left:2px }


#index_alerts {display:none;position:fixed; top:50%; margin-top:-175px; left:20px; width:800px; height:350px; background:#fbfedd; border:1px solid #e5d807; padding:10px; left: 50%;
    margin-left: -400px; color:#68630d
}

#index_alerts a {}

#skipoptions {display:none; width:180px; height:124px;}
#likeoptions {display:none; width:180px; height:124px;}
#likeoptions a{background:#676767 url(imgs/likeit-sprite.png) no-repeat 145px 6px; color:#ffffff; width:180px; height:42px; display: block; padding:10px; text-decoration:none; font-size:12px}
#likeoptions a.hm1 {}
#likeoptions a:hover.hm1 {background-color:#333333}
#likeoptions a.hm2 {cursor:pointer; background-position: 145px -56px; background-color:#676767}
#likeoptions a:hover.hm2 {background-color:#0374c4; background-position: 145px -56px; background-color:#333333}


#skipoptions a{background:#676767 url(imgs/likeit-sprite.png) no-repeat 145px 112px; color:#ffffff; width:180px; height:42px; display: block; padding:10px; text-decoration:none; font-size:12px; cursor:pointer; padding-right:60px}
#skipoptions a.hm3 {background-position: 145px -112px; padding-right:60px}
#skipoptions a:hover.hm3 {background-color:#333333; padding-right:60px}
#skipoptions a.hm4 {cursor:pointer; background-position: 145px -176px; padding-right:60px}
#skipoptions a:hover.hm4 {background-color:#333333; cursor:pointer; background-position: 145px -176px; padding-right:60px}


#likeit_wrap {width:180px; height:104px; display: block; background: url(imgs/likeit.png) no-repeat; padding:10px; background-position: 0px 0; text-indent:-9999px; color:#ffffff; cursor:pointer}
#skipit_wrap {width:180px; height:104px; display: block; background: url(imgs/likeit.png) no-repeat; padding:10px; background-position: 0px -126px; text-indent:-9999px; color:#ffffff; cursor:pointer}


#header .logolink {text-decoration:none; display:inline-block; margin-top:-15px}

#mainnav {float:right; padding:10px; font-size:11px; color:#676767; background:#ffffff}
#mainnav a{color:#676767; text-decoration:none; margin-left:10px}
#mainnav a:hover{color:#0374c4; text-decoration:none}
#livesearchinput_navsearch {padding:4px 4px 4px 15px; color:#999999; border:1px solid #676767; font-size:11px; background: url(imgs/search-arrow.png) 2px 4px no-repeat}

#leftcolumn .bandinfo {font-size:11px; color:#333333;}
#leftcolumn .bandinfo .bandinfo_entry {margin-bottom:20px}

.public_songs {border-collapse:collapse; width:100%}
.public_songs th {font-weight:bold; text-align:left; color:#03455e; border-bottom: 1px solid #03455e; font-size:12px; padding-bottom:5px; padding-right:20px}
.public_songs td {text-align:left; color:#03455e; font-size:11px; padding:5px 20px 20px 0px; border-bottom: 1px solid #4e9bb8;}

.ui div {float:left; display:inline; font-size:12px; margin-right:1px; padding:8px; cursor:pointer}
.ui .current {background:#676767; color:#ffffff}
.ui .notcurrent {background:none; color:#676767}
.homewidget_controls {border-bottom:1px solid #676767}
.showblock {display:block}
.hideblock {display:none}
.hw_lists table {border-collapse:collapse; width:100%}
.hw_lists td {padding:6px 6px 6px 0; color:#676767; font-size:12px}
a.no_underline {text-decoration:none !important}
#footer {position:relative; background:#45535c; padding:10px; color:#ffffff; margin:0 auto; font-size:1em; text-align:center}
.footerwrapper {margin:0 auto}
.footerleft { float:left; display:inline; width:15%}
.footerleft a {color:#FFCC00}
.footerleft a:hover {color:#ffea00}

.footerright {display:none}
#footer .footercenter { float:none;  text-align:center; font-size:1em}

.tagline {font-size:12px; color:#454545; padding:10px 0 0 10px; width:400px}
.tagline table{border-collapse:collapse;}
.tagline td {padding:0 0 6px 4px;}


#artistsignup {}
#artistsignup a {width:148px; height:67px; display: block; background: url(imgs/artists.png) no-repeat;}
#artistsignup a.hm1 {background-position: 0px 0; text-indent:-9999px; }
#artistsignup a:hover.hm1 {background: url(imgs/artists.png) 0px -67px no-repeat;}

.mysonglist table {border-collapse:collapse; margin-top:40px; width:100%}
.mysonglist td {padding:8px; border-bottom:1px solid #898989}
.mysonglist th {font-weight:bold; text-align:left; color:#03455e; border-bottom: 1px solid #03455e; font-size:12px; padding-bottom:5px; padding-right:20px}

.smallfont {font-size:11px}

#station_ops {display:none}
#addnewstation {cursor:pointer}

#footer-exp a{display:block; width:552px; height:97px; background:url(imgs/tagline.png) no-repeat top left}
#linkback {display:none}
#radio_songinfo {background:#333333; padding:4px; font-size:11px; color:#ffffff; margin-top:1px}
#radio_songinfo a{color:#FFCC00}
#player_ui {width:669px;}


.like_toggler a{display:block; background:#333333; color:#ffffff; font-size:12px; text-decoration:none; padding:8px}
.like_toggler a:hover{background:#121212;}

.mybandedit_big a{display:block; background:#2175b9; color:#FFFFFF; padding:8px; font-size:12px; text-decoration:none}
.mybandedit_big a:hover{background:#003399;}
#learn_footer a {font-size:11px; color:#FFCC33}
#ourterms {margin-top:6px; border:1px solid #676767; background:#ffffff; padding:8px}
.aboutus {margin-top:40px; background:#ffffff; border:1px solid #898989; padding:20px}

.price_wrap {float:left; display:inline; border:1px solid #676767; background:#ffffff; padding:10px; text-align:center; margin-right:2px; margin-bottom:2px;}
.qty_desc {font-size:21px; font-weight:bold; color:#0066CC}
.credit_name {color:#816666; font-size:13px}
.price_desc {color:#999999; font-size:12px; margin-top:8px}
.price_per_credit {color:#999999; font-size:11px; margin-bottom:8px}
.price_input {cursor:pointer; padding:6px;font-size:16px}

.aff_span_home {cursor:pointer; float:right; color:#66CCFF}
.home_aff_holder {margin-top:6px}
.aff_link {color:#FFCC00}

.loading {background:url(imgs/loading.gif) 6px 6px no-repeat #ffffff; padding:6px; padding-left:42px; border:1px solid #999999; color:#999999; font-size:11px; min-height:30px}
.my_account_box .loading {background:url(imgs/loading.gif) center center no-repeat #ffffff; padding:6px 0; border:none; }


.checkbox {margin-top:5px}
.checkboxtable td {padding:12px}
.searchform {display:inline}
.searchform_submit {padding:2px; color:#999999; cursor:pointer}
.filedesc {color:#757575; font-weight:normal}
.viewallfiles {font-size:12px; margin-top:12px}
.sortby {display:inline; float:left; border:1px solid #d7d7d7; padding:6px; font-size:11px; margin-right:8px; min-height:35px}
.sortbywidth {width:175px; position:relative}
.refresh {display:inline; float:left; border:1px solid #d7d7d7; font-size:11px; margin-right:8px; cursor:pointer; }
.refresh a { display:block; background:#666666; color:#ffffff; padding:6px; text-decoration:none; height: 20px; padding-top:15px; padding-bottom:12px }
.refresh a:hover { background:#333333; color:#ffffff; }

.ana_box {border:1px solid #d7d7d7; padding:6px; font-size:11px; margin-bottom:10px; color:#666666}
.mainnum {float:right; font-size:21px; color:#333333; padding:6px; background:#e7e7e7; margin-left:10px;}
.top5 {margin-bottom:10px}
.top5 ol {margin-left:30px}
.top5 ol li {border-bottom:1px solid #e7e7e7; padding:6px 0 6px}
.anacount{float:right; margin-left:8px}
.davg {background:#eceff5 ; padding:3px; margin-top:6px}
.togglefilter {float:right; cursor:pointer; font-size:10px; color:#598895}
.sortbox {position:absolute; background:#ffffff; border:1px solid #d7d7d7; border-top:0; width:175px; margin-left:-7px; padding:6px; display:none; z-index:999}
.checkall {margin-top:5px; cursor:pointer}


.categorylist {
padding:20px;
border:1px solid #757575;
margin-bottom:20px

}


.categorylist a {
float:left; 
display:inline;
width:150px; 
margin: 8px 0px 0px 8px;
background: url(imgs/folder.jpg) no-repeat left top;
padding: 0px 10px 0px 35px;
min-height: 34px;
font-size:11px;
color:#035afa;
}



.categorylist a:link, .categorylist a:visited {
color:#035afa;
text-decoration:none;
font-size:11px
}

.categorylist a:hover {
color:#033693;
text-decoration:none;
font-size:11px
}

.searchtagsbox {
font-size:12px; 
margin-bottom:8px
}

.cattoggle {

font-size:11px;

}

.searchtagsbox a {
float:none;
display:inline;
min-height:0;
width:inherit;
background: none;
margin:0;
padding:0
}


.searchtagsbox a:hover {
color: #333333
}


.searchfiletypes {
margin-top:3px

}

.searchfiletypes a {
float:none;
display:inherit;
min-height:0;
width:inherit;
background: none;
margin:0;
padding:0
}



.searchfiletypes a:hover {
color: #333333
}

.filetypelink {
margin-right:20px
}

#livesearch_navreturn{
font-size:11px
}

.userlists {height:300px; overflow:auto} 

.thistaglist {width:250px}
.alerts {margin-top:10px}
#my_chart {z-index:-999}

.entobj {margin:10px 0; border-bottom:1px solid #e7e7e7; padding-bottom:10px; color: #496c94; }
.entobj input {padding:4px; color:#676767; border:1px solid #676767}
.noinputstyle {padding:0px; border:0}
.entobj textarea {padding:4px; color:#676767; border:1px solid #676767}
.entloading {display:none; background:url(imgs/loading.gif) 6px 6px no-repeat #ffffff; padding:6px; padding-left:42px; padding-top:12px; border:1px solid #999999; color:#496c94; font-size:14px; min-height:30px; font-weight:bold; margin:8px 0 }
.toggle {float:right; color:#5ffa63; font-size:11px; cursor:pointer; text-transform:capitalize}
.entinards {display:none; margin-top:7px; background:#dae3ec; padding:10px}
.entheader{font-weight:bold}

.entremove {color:#fa8b85; font-size:11px; cursor:pointer; margin-left:10px; float:right;}
.entsubmit a {display:block; color:#ffffff; padding:6px; cursor:pointer; background:#496c94; text-decoration:none; width:100px; margin:8px 0; font-weight:bold; border:1px solid #101c29}
.entsubmit a:hover.hm1 {background:#1d334d; color:#ffffff; border:1px solid #496c94}

.entmedia {margin-bottom:30px; padding-top:30px; border-top:#8097ae solid 1px}

/*time stuff*/
.addmore_time {font-size:11px; text-decoration:none; cursor:pointer}
.timestuff {font-size:11px; padding:4px; width:100px}
.day_heading_for_time {font-size:11px}
.start_stop_heading {font-size:12px}

.margintop {margin-top:15px}


.mediacontrols a {display:block; color:#ffffff; padding:6px; cursor:pointer; text-decoration:none; width:100px; margin:8px 0; font-weight:bold;}
.mediacontrols a.mediasave {background:#19d827; border:1px solid #04790d}
.mediacontrols a:hover.mediasave {background:#04790d;}
.mediacontrols a.mediadelete {background:#f9a0a0; border:1px solid #910606; color:#910606}
.mediacontrols a:hover.mediadelete {background:#910606; color:#f9a0a0}
.floatme {display:inline; float:left; margin-right:10px}
.thumblist {margin-bottom:10px}

/*Date widget for entities*/
.datewidget {margin:-1px 1px 0px; padding:20px; background:#f4f9fd; border:1px solid #dae3ec; display:none}
.dategroup_toggle {background:#dae3ec; padding:10px; margin-bottom:1px}
.dategroup_toggle a {cursor:pointer; text-decoration:none}
.removedategroup {float:right}
.removedategroup a {cursor:pointer; text-decoration:none; color:#FF3333; font-size:12px}
.removedategroup a:hover {color:#FF0033}
.toggle_time_schedule {margin-top:5px}
.toggle_time_schedule a {text-decoration:none; cursor:pointer; font-size:12px}

.floatleft {display:inline; float:left; margin-right:20px}
.dayholder {margin-right:10px; font-size:11px}
.dayholder input {border:0;}
.moredategroup a {display:block; margin-top:10px; margin-bottom:30px; background:#fdf293; border:1px solid #908102; color:#908102; padding:4px; cursor:pointer; font-size:11px; text-decoration:none}
.moredategroup a:hover {background:#ffe403}

/*Rate Structure*/
.rate_structure th {vertical-align:top; font-size:11px; text-transform:uppercase; text-align:left; padding:3px}
.rate_structure td {vertical-align:top; font-size:10px; text-align:left; padding:3px}
.rate_structure input {width:50px; padding:2px; color:#676767; font-size:10px}
.rate_structure select {font-size:10px; padding:2px; width:140px; color:#676767;}
.rate_structure option {font-size:10px; color:#676767;}
.rate_structure .small_input{width:30px}



/*Delviries*/
.missed_delivery {background:#fbd9d2}
.missedthis {background-color:#fbd9d2}

#skbx_errors_wrap {width:100%; position: absolute; top:0; left:0; display:none}
#skbx_errors {position: fixed; width:400px; top:200px; left:50%; z-index:999; margin:30px 0 30px -150px; background:#ffffff url(images/error.png) 10px 10px no-repeat; border:2px solid #e08c8c; padding:10px 10px 10px 115px; min-height:86px}
#skbx_errors_background {position:fixed; background:#000000; opacity:0.9; filter:Alpha(opacity=90); width:100%; height:100%; z-index:998}
#skbx_errors_close {float:right}
#skbx_errors_close a {cursor:pointer; color:#660000; font-weight:bold}
#skbx_errors_close a:hover {color:#e40303;}
#skbx_errors_message {display:block; padding:8px; background:#fce9e9; border:1px solid #660000; color:#660000; margin-top:28px}
#skbx_errors_sumbit {display:block; float:right; width:75px; margin-top:10px}
#skbx_errors_sumbit a {display:block; width:55px; padding:10px; cursor:pointer; background:#660000; color:#ffffff; text-align:center; border:1px solid #3a0101}
#skbx_errors_sumbit a:hover {background:#e40303; color:#ffffff; border:1px solid #660000}


#skbx_action_wrap {width:100%; position: absolute; top:0; left:0; display:none}
#skbx_action {position: absolute;
    width: 80%;
    max-width: 700px;
    top: 10%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 999;
    margin: 30px 20px;
    background: #ffffff;
    padding: 10px;
    min-height: 86px;
    border-radius: 10px;
    box-shadow: 0 0 5px 5px #000000;
    padding-bottom: 30px;
	}

#skbx_ajax_content {display:block; padding:8px; color:#676767; margin-top:28px; overflow:auto; height:700px}

#skbx_action_background {position:fixed; background:#000000; opacity:0.9; filter:Alpha(opacity=90); width:100%; height:100%; z-index:998}
#skbx_action_close {float:right}
#skbx_action_close a {cursor:pointer; color:#660000; font-weight:bold}
#skbx_action_close a:hover {color:#e40303;}
#skbx_action_message {display:block; padding:8px; color:#676767; margin-top:28px}

#skbx_errors_sumbit {display:block; float:right; width:75px; margin-top:10px}
#skbx_errors_sumbit a {display:block; width:55px; padding:10px; cursor:pointer; background:#660000; color:#ffffff; text-align:center; border:1px solid #3a0101}
#skbx_errors_sumbit a:hover {background:#e40303; color:#ffffff; border:1px solid #660000}


a.markasdelivered {border-radius:5px; border:1px solid #009933; background:#009900; color:#ffffff; padding:5px; cursor:pointer; text-decoration:none}
a.markasdelivered:hover {background:#00CC00}

a.deliver {border-radius:5px; padding:5px; cursor:pointer; text-decoration:none; display:block; margin-bottom:20px; text-align:center}
a.deliver#deliver_email {border:1px solid #009933; background:#009900; color:#ffffff;}
a.deliver#deliver_email:hover {background:#00CC00}

a.deliver#justdeliver {border:1px solid #0e6490; background:#07aafe; color:#ffffff;}
a.deliver#justdeliver:hover {background:#0681fe}

a.deliver#canceldeliver {border:1px solid #660000; background:#f47d7d; color:#892222;}
a.deliver#canceldeliver:hover {background:#892222; color:#f47d7d}

span.tablewrapper {margin-right:20px; display:inline-block}
span.tablewrapper .tablelabel {font-weight:bold; margin-right:5px; width:50px}


.entobj.not_paid {background:#f2e0e0}

.float {float:left; box-sizing:border-box}
.float.row1 {width:15%;}
.float.row2 {float: right; width:70%}

.fert_day {box-sizing:border-box }
.fert_day.week {float:left; width:20%; padding:1em;}
.fert_inner {background:#e7e7e7;}
.fert_inner.week {background:#e7e7e7; border:.1em solid #dddddd; padding:1em }

.fert_inner.today {background:#ffffff}
#contentcolumn h2.dayheading {color:#1c5484; background:#9fd1fb; padding:.5em; font-size:1.5em; font-weight:bold;}
#contentcolumn .week h2.dayheading {margin:-.6em -.6em 1em -.6em}
#contentcolumn .day h2.dayheading {margin:1em 0 0 0}

.system_block { box-sizing:border-box}
.system_block.week {margin-bottom:3em;}
.system_block_outer.day {float:left; width:33.33%; padding-right:1em; box-sizing:border-box; margin-bottom:4em}
.system_block_outer.day.last {padding-right:0}
.system_block_outer.day.chores {float:none; width:100%}
.saving {display:block; background:#faf7c4; color:#817a08; padding:.3em}
.savedjs {display:block; background:#eafae6; color:#174c0b; padding:.3em}
.nosaved {display:block; background:#fbe5dd; color:#892c2c; padding:.3em}

.system_block.day { border-left:.1em solid #dddddd; border-right:.1em solid #dddddd}
#contentcolumn .system_block h2 {color:#494a4a; background:#c7d0d6; padding:.5em; font-size:1em; font-weight:bold;}
.fert_checklist {}
.fert_checklist.week{border-top:.1em solid #dddddd; padding:1em 0}
.fert_checklist.day{border-bottom:.1em solid #dddddd; padding:1em}
h2.dayheading .tips {font-size:small; font-weight:normal}


.hide {display:none}

h2.sticky {
 position: -webkit-sticky;
  position: sticky;
  top: 0;
  margin-top:10px;
  z-index:100
  }



.closefertform {padding:1em; background:#cfd8e7; color:#626d7b; text-transform:uppercase; font-size:1.5em; font-weight:bold; position: -webkit-sticky;
  position: sticky;
  top: 0;  margin-top:1em; z-index:100}
   .closefertform:hover {background:#bbc6d9}
 .closefertform:active {background:#9eacc3}
  .closefertform span {margin-right:1em}
  .closefertform span{  border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
	background:#626d7b;
	color:#cddbf3;
	padding:.5em;cursor:pointer;margin-top:.25em; margin-bottom:.25em
	}
  
  
 .openfertform {cursor:pointer; border-radius: 25px;padding:1em; background:#cfd8e7; color:#626d7b; text-transform:uppercase; font-size:1.5em; font-weight:bold; margin-bottom:2em; margin-top:1em}
 .openfertform:hover {background:#bbc6d9}
 .openfertform:active {background:#9eacc3}
 .openfertform span {margin-right:2em}
 
 .addoneoff_wrapper {text-align:center; padding:.01em; background:#cfd8e7; border-radius: .6em; margin:0 1em}
 .addoneoffbtn {
 
 cursor:pointer; border-radius: .5em; padding:.5em; background:#cfd8e7; color:#626d7b; text-transform:uppercase; font-size:1em; font-weight:bold; text-decoration:none; text-align:center; display: inline-block
 }
 
.addoneoffbtn:hover {background:#bbc6d9}
.addoneoffbtn:active {background:#9eacc3}
 
 .addoneoff { border-radius: .5em; padding:.5em; background:#cfd8e7;
 
 }
 
 #addharvestentry {font-weight:bold; text-decoration:none; cursor:pointer}
.saveharvest {margin-left:5em; border-radius: .5em; padding:.5em; background:#e7f7e7; text-decoration:none; color:#659465; cursor:pointer}
 .saveharvest:hover {background:#d2ead2}
 .saveharvest:active {background:#bfdcbf}
  
.fertform {margin-top:0em; padding:1em; background:#e2e9f4; border:.05em solid #cfd8e7}
.addFertFormItem { margin-bottom:3em;}
.addFertFormItem .label {font-weight:bold; color:#626d7b; text-transform:uppercase; text-align:left}
.ferthints {color:#9cacbf}
.addFertFormItem input[type="text"] {padding:.5em; border:.10em solid #abbdd2; width:100%; box-sizing:border-box; font-size:1.5em}
.addFertFormItem textarea {padding:.5em; border:.10em solid #abbdd2; width:100%; box-sizing:border-box; font-size:1.5em; min-height:6em}
.addFertFormItem select {padding:.5em; border:.10em solid #abbdd2; width:100%; box-sizing:border-box; font-size:1.5em; background:#e8eff8}
.addFertFormItem input[type="submit"] {padding:.5em; border:.10em solid #abbdd2; width:100%; box-sizing:border-box; font-size:1.5em; background:#e8eff8}
a.save {padding:.5em; border:.10em solid #abbdd2; width:100%; box-sizing:border-box; font-size:1.5em; background:#5e738f; cursor:pointer; display:inline-block; text-decoration:none; color:#e8eff8}
a.save:hover {background:#879fbd}
a.save:active {background:#e8eff8; color:#5e738f}
.addFertFormItem input[type=checkbox] {
  /* All browsers except webkit*/
  transform: scale(2);
  /* Webkit browsers*/
  -webkit-transform: scale(2);
  z-index:0
}

.fertchecks {display:block; margin-bottom:2em; margin-top:1em; margin-left:1em}
.fertchecks label {margin-left:1em}
#logininfo {display:block; margin-top:.5em}

.viewinglinks {margin-bottom:1.5em}
.viewinglinks a {text-decoration:none; border:.05em solid #e1e9f7; float:left; width:33%; box-sizing:border-box; padding: .5em; }
.viewinglinks a.currentview {background:#e1e9f7; color:#8494ae}
.daterange {margin-top:1.5em}
.removelink {color:#f0d1d1; border:.04em solid #f0d1d1; padding: 0.25em .5em; cursor:pointer; border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;}
.removelink:hover {background:#f0d1d1; color:#cb6363}
.removelink:active {background:#cb6363; color:#f0d1d1}


.deletelogentry {float:right; color:#643030; border:.04em solid #643030; padding: 0.25em .5em; cursor:pointer; border-radius: .5em;
    -moz-border-radius: .5em;
    -webkit-border-radius: .5em; text-decoration:none}
.deletelogentry:hover {background:#f0d1d1; color:#cb6363}
.deletelogentry:active {background:#cb6363; color:#f0d1d1}




.fert_checklist label { margin-left:.5em; color:#536aa4}
.fertamts {color:#a3b0cf; margin-left:1.75em}
.unitsamt {color:#a3b0cf;}
.manualamt {margin-left:1.75em}
.notes {margin-top:1em; background:#fef8e2; border:.01em solid #f3dd84; color:#887b49; padding:.5em; font-size:.75em; margin-left:3em}
.fert_checklist {position:relative}
.fert_checklist input[type="text"] {margin-left:1.75em; padding:.5em; border:.01em solid #abbdd2; width:50%; box-sizing:border-box; font-size:1.25em; background:#e9edf6}


.fert_checklist input[type=checkbox] {
  /* All browsers except webkit*/
  transform: scale(2);
  /* Webkit browsers*/
  -webkit-transform: scale(2);
  z-index:0; 
}
div.completed {color:#aaa8a8; background:#e9edf6; padding-top:1.25em; opacity: 0.5;
    filter: alpha(opacity=50);}
.completed h2 {cursor:pointer; padding-left:.5em; display: inline-block; /* Avoid text-decoration propagation from ul */
  width: 100%;   }
div.removed {color:#676767; background:#cfdae8; padding-top:1.25em; opacity: 0.4; filter: alpha(opacity=40);}
.removed h2 {cursor:pointer; color:#676767; padding-left:.5em; display: inline-block; /* Avoid text-decoration propagation from ul */
  width: 100%;   }
.editnut {font-size:.75em; text-decoration:none; margin-right:2em}
.ui-datepicker {z-index:9999 !important}


.totals_wrapper {display:inline-block; float:left; padding:1em}
.totals_wrapper .label {display:block; font-weight:bold}

.harvest_entry {box-sizing:border-box; padding:1em; margin-top:.85em; margin-bottom:3em; margin-left:2em; border:.01em solid #ccdced; background:#ffffff; font-size:.85em}
.harvest_entry .saved {display:block; padding:.5em; background:#f0f9e9; color:#a0c686; margin-bottom:1em}
.harvest_entry .notsaved {display:block; padding:.5em; background:#fbf0ec; color:#c99e91; margin-bottom:1em}
.harvest_entry .incomplete {display:block; padding:.5em; background:#fbf8ec; color:#c6bb89; margin-bottom:1em}
.row_wrapper {display:inline-block; float:left; box-sizing:border-box; padding:1em; color:#6791b1;}
.row_wrapper .label {font-weight:bold; text-transform:uppercase}
.row_wrapper select{padding:.5em; border:.10em solid #abbdd2; box-sizing:border-box; font-size:.85em; background:#e8eff8; color:#676767 }
.textinput {padding:.5em; border:.10em solid #abbdd2; width:4em; box-sizing:border-box; font-size:1em; color:#676767}
#totals {background:#eff4f8; color:#4f677a; margin-top:3em; padding:2em}
.totals_entry {margin-bottom:3em; margin-top:1em; padding:1em; background:#ecf4fd}
#harvestdatetoggle {width:92%}
#harvestdatesubmit {width:6%}

#crop_selector {padding:.25em; border:.10em solid #abbdd2; box-sizing:border-box; font-size:.65em; color:#676767 }

#skbx_loading_wrap {width:100%; position: absolute; top:0; left:0; display:none}
#refer_loader {width:100%; position: absolute; top:0; left:0; display:none}
#skbx_loading {display:none; position: absolute; width:400px; top:200px; left:50%; opacity:1; filter:Alpha(opacity=100); z-index:999!important; margin:30px 0 30px -150px; border:2px solid #e08c8c; padding:10px 10px 10px 115px; min-height:86px}
#skbx_loading_background {position:fixed;  background:#ffffff url(imgs/loading.gif) center no-repeat; opacity:0.9; filter:Alpha(opacity=90); width:100%; height:100%; z-index:998}
#skbx_loading_message {display:block; padding:8px; background:#fce9e9; border:1px solid #660000; color:#676767; margin-top:28px}
.viewtoday {float:right; margin-right:2em; text-decoration:none!important}
.datetogglebtn {display:inline-block; margin-bottom:2em; cursor:pointer}


.pipeline_wrapper {border:.11em solid #e7e7e7; box-sizing:border-box; padding:1em; margin-bottom:.5em; padding-top:15px }
.pipeline_wrapper.red {border:.1em solid #f89b94}
.pipeline_wrapper.yellow {border:.1em solid #f7e05e}
.pipeline_wrapper.blue {border:.1em solid #94baf8}
.pipeline_wrapper.green {border:.1em solid #addb8e}
.pipeline_wrapper.purple {border:.1em solid #fcbe03}








.pipeline_wrapper.purple.action_required {

animation: blinkpurple .5s step-end infinite alternate;

}

@keyframes blinkpurple {
  50% {
    border-color: #fcf903;
  }
}



.pipeline_wrapper.green.action_required {

animation: blinkgreen .5s step-end infinite alternate;

}

@keyframes blinkgreen {
  50% {
    border-color: #59be14;
  }
}


.pipeline_wrapper.red.action_required {

animation: blinkred .5s step-end infinite alternate;

}

@keyframes blinkred {
  50% {
    border-color: #ce544a;
  }
}


.pipeline_wrapper.blue.action_required {

animation: blinkblue .5s step-end infinite alternate;

}

@keyframes blinkblue {
  50% {
    border-color: #3f71c3;
  }
}


.pipeline_wrapper.yellow.action_required {

animation: blinkyellow .5s step-end infinite alternate;

}

@keyframes blinkyellow {
  50% {
    border-color: #eebf05;
  }
}




.pipeline_wrapper h1 {text-transform:uppercase; font-size:1em !important}
.pipeline_wrapper .days_old {color:#6e7681; text-transform:uppercase; font-weight:normal; margin-bottom:2em}
.pipeline_wrapper .current_status {color:#4b5c70}


.batch_color {float:right; display:inline-block; padding:.5em; margin-right: 0; border-radius: 0px 0px 0.2em 0.2em; margin-top:-25px !important; padding-top:15px; min-width:3em}
.batch_color.red {background:#f89b94; color:#ffffff}
.batch_color.yellow {background:#f7e05e; color:#ffffff}
.batch_color.blue {background:#94baf8; color:#ffffff}
.batch_color.green {background:#addb8e; color:#ffffff}
.batch_color.purple {background:#caace3; color:#ffffff}



.displaytoggle {text-decoration:none !important; cursor:pointer; font-size:.85em}
.hole_thing_wrap {margin-top:2em}
.production_tasks {margin-bottom:1.5em; color:#546c90}
.production_tasks label {margin-left:1em; color:#546c90 !important}
.production_tasks input[type=checkbox] {
  /* All browsers except webkit*/
  transform: scale(2);
  /* Webkit browsers*/
  -webkit-transform: scale(2);
  z-index:0;
  margin-left:.5em;
  
}




.growout_entry {padding:1em; border-bottom:1px solid #7d4683; font-size:.85em}
.growout_entry:last-child {border:none; margin-bottom:1em}
.growout_entry .crop_heading { color:#7d4683; text-transform:uppercase}
.growout_entry .addstuff {color:#7d4683;}
.growout_entry .addstuff.harvested {opacity:.4}
.hasbeenharvested {margin-top:.75em; color:#a9b2bb;}

.pipeline_entries { list-style-position: inside;}
.growout_entries_wrap { list-style-position: inside;}
.crop_entry {padding:1em 0 ;  border-bottom:1px solid #61a962; font-size:.85em; box-sizing:border-box}
.crop_entry:last-child {border:none; margin-bottom:1em}

.crop_heading {font-weight:bold; color:#61a962}
.crop_local {color:#61a962; margin-top:.5em}
.crop_local select {color:#435175; padding:.5em; font-size:.85em}
.addmini {padding:1em; border:1px solid #f3ce5c; border-radius:5px; margin-bottom:1em; background:#fbf2d6}
.addmini h1 {font-size:1em !important; color:#524829 !important; margin-bottom:.25em}
.minitype {color:#7d704a;}
.minitype select {color:#435175; padding:.5em}

.minilocal {color:#7d704a; margin-left:2.5em}
.minilocal select {color:#435175; padding:.5em}

.addgroup {padding:1em; border:1px solid #c06a48; border-radius:5px; margin-bottom:1em; background:#f5e9e5}
.addstuff {color:#c06a48; margin-right:2em}
.addstuff select {color:#435175; padding:.5em; font-size:.85em}
 .addgroup h1 {font-size:1em !important; color:#a35536!important; margin-bottom:.25em}

.addmini a {cursor:pointer; border:1px solid #626d7b; border-radius: 5px;padding:.5em; background:#cfd8e7; color:#626d7b; text-transform:uppercase; font-size:1em; font-weight:bold; text-decoration:none !important}
.addmini a:hover {background:#bbc6d9}
.addmini a:active {background:#9eacc3}

.addgroup a {cursor:pointer; border:1px solid #626d7b; border-radius: 5px;padding:.5em; background:#cfd8e7; color:#626d7b; text-transform:uppercase; font-size:1em; font-weight:bold; text-decoration:none !important}
.addgroup a:hover {background:#bbc6d9}
.addgroup a:active {background:#9eacc3}

.entry_notes {color:#435175}
.entry_notes textarea {margin-top:.5em; min-height:10em; padding:.5em; width:100%; color:#435175; display:block; box-sizing:border-box; margin-bottom:2em}


.datebatch {border:.11em solid #e7e7e7; box-sizing:border-box; padding:1em; margin-bottom:.5em; padding-top:15px }
.systembatch {padding-top:1em}
.cropbatch {padding-top:.5em}
.cropbatch h3 {color:#676767 !important}
.metrics_line {color:#999999}
.plantthumb {width:3em; height:3em; display:inline-block; margin-right:1em; background:#e7e7e7; 
background-repeat:no-repeat;
background-size:contain;
background-position:center;background-color:#ffffff; }
.plantthumb.greensweet {background-image:url('imgs/green_sweet.png'); }
.plantthumb.redbutter {background-image:url('imgs/redbutter.png'); }
.plantthumb.mixed {background-image:url('imgs/mixed.png');}
.plantthumb.basil {background-image:url('imgs/basil.png'); }

.activebg {background-color:#fffedf !important}


.uppercase { text-transform:uppercase}
.analyticsbox {border:1px solid #6bb5e4; padding:1em; display: table-row;}
.weightblock {float:left; border-right:1px solid #e7e7e7; margin-bottom:5em; display: table-cell;}
.weightblock h3 {color:#6bb5e4; padding-left:.5em}
.harvestdateblock h4 {color:#6bb5e4; font-size:small; font-weight:normal; margin-bottom:1em; padding-left:.75em;}
.harvestdateblock tiny {font-size:small}
.harvestdateblock {background:#dbf8fd; margin-bottom:2em}
.metricdata {color:#676767; font-size:small; margin-top:.25em; border-bottom:1px solid #a6a5a5; padding: 0 1em .5em; }

table.metricreport td {border-bottom:2px solid #dddddd;border-right:1px solid #dddddd; padding:.33em; vertical-align:top}
table.metricreport {border-collapse:collapse; box-sizing:border-box; border:1px solid #dddddd; margin-bottom:2em}
.tableheading td {font-weight:bold; text-transform:uppercase; color:#406a82; background:#dfeaf1; padding:.5em; font-size:1em}
.weekrange {color:#78a3bc; font-size:.75em; font-weight:normal}
td.rowHeading {font-weight:bold; text-transform:uppercase; color:#406a82;padding:.5em; font-size:1em}
.systemdata {margin-bottom:5px; color:#333333}


.metricsum {margin-bottom:2em; border:1px solid #dddddd; padding:2em}
.metricwrap b {text-transform:uppercase; color:#406a82; margin-bottom:1em}
.syswrap {color:#66899d; margin-left:1em; margin-bottom:.5em}
.syswrap b {color:#66899d; }
.range, .trend {margin-left:1em; margin-bottom:1em}

.assigned_users {margin-left:2em;}
.assigned_users span {margin-right:1em; color:#40799a; font-size: .75em;}

#coveroptions_chores {background:#e6f4fc; border:1px solid #b4cad6; padding:1em}
.label.small select {max-width:300px}
.addFertFormItem.small input {max-width:300px}
.txt_with {display:block; margin:1em 0;}

.assigned_users span.cover_assgn {color:#CC0000; font-size:1em}
.assigned_users span.strikethrough {text-decoration:line-through; color:#CC0000; font-size:1em}
.coverblock {background:#FFFFFF; border:1px solid #b4cad6; padding:1em; margin-bottom:1em}
.coverblock form {display:inline-block; float:right}
.coverblock.highlight {background:#f7f9e3; margin:.5em 0}


.csvfileinput {margin-bottom:2em}
.pword_exp {margin-top:10px; margin-bottom:10px; display:block}
.textarea {padding:10px; min-height:400px;}



/*Map Product Edit*/
.point_meta_cat_container {background:#F0FAFF; padding:1em; border-radius:5px}
.point_meta_cat_container h2 {text-transform:capitalize; }
.point_entry_div {background:#ffffff; padding:1em; border-radius:5px; border:1px solid #999; margin-bottom:1em}
.point_entry_div input, .point_entry_div select, .point_entry_div textarea {padding:3px; color:#676767; }
.point_entry {display:inline-block; width:200px}
.point_entry b {color:#676767; font-family:oswald, sans serif;}
.editMetaValue {margin-left:2em}

.edit_metaCoordinates {margin-top:1em}
.edit_metaCoordinates b {color:#676767; font-family:oswald, sans serif;}
.massive_media_library {margin-top:1em; margin-bottom:1em}
a.jsbtn {cursor:pointer}  
.media_gallery {padding:1em; background:#F7F7F7; border-radius:3px; display:none}
.mediaGallery_entry {display:inline-block; width:100px; margin-right:2px; margin-bottom:2px}
.mediaGallery_entry img {border-radius:5px 5px 0 0px;}
.mediaDiv {width:100px; height:100px; overflow:hidden;}
.mediaSelector {background:#304D81; padding:3px; }
.mediaSelector_green {background:#DDE4F9; padding:3px;}
.media_library_controls {margin-top:1em}
.point_edit {display:none}
.point_summary span {width:20%; display:inline-block}
.point_summary {font-family:oswald, sans serif;}
.save_alert {position: absolute;
      background-color: #4caf50; /* Green background */
      color: white;
      padding: 5px 10px;
      border-radius: 5px;
      font-size: 14px;
      display: none; /* Hidden by default */
      z-index: 1000;
}


@media (max-width: 980px) {
#contentcolumn{
padding:20px

}

#contentcolumn_shop {padding:20px}

.float.row1 {width:auto}

}

@media (max-width: 800px) {
.hide_from_desktop {display:block}
.hidefrommobile {display:none}
.items_wrap {margin-left:0}

}


@media (max-width: 700px) {
#sidenav_id {float:none; width:auto}
#sidnav {}
#user_display {margin-left:0}
.grid {display:block}
.hide_from_desktop {display:block}
.hidefrommobile {display:none}
#harvestdatetoggle {width:75%}
#harvestdatesubmit {width:20%}
#addharvestentry {display:block; margin-bottom:3em}
.saveharvest {display:block; margin-left:0}

#login_wrapper {margin-left:20px; margin-right:20px; width:auto}


.product_box img {float:none;}
.prod_inner { padding:1em 1em 1em; }
.product_box .price {float:none; display:inline-block; margin-top:10px}

.radio_input {margin-bottom: 2em}
.radio_input input[type=radio] {
   -ms-transform: scale(2); /* IE 9 */
    -webkit-transform: scale(2); /* Chrome, Safari, Opera */
    transform: scale(2);
}
label {margin-left: 10px}
.in_it {margin-bottom:1.5em}
}

@media (max-width:550px) {
.checkout_buttons input{float:none; width:100%; margin-bottom:2em}
}

@media (max-width: 400px) {
#harvestdatetoggle {width:100%}
#harvestdatesubmit {width:100%}
.viewtoday {display:block; float:none}



.product_box h1 {color:#1a1a1a !important}
.product_box p {font-size:1em; color:#1a1a1a !important; margin-bottom:1em}
.product_box input {padding:1em; color:#676767; border:1px solid #676767; width:2.5em}

.qty_controls {margin-top:1em}

}

@media (max-width: 650px) {
.system_block_outer.day {float:none; width:100%; padding-right:0}


}