/************************************************************************
 * LimeLight Storefront - Wordpress Plugin
 * Copyright (C) 2017 Lime Light CRM, Inc.

 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * any later version.

 * You should have received a copy of the GNU General Public License
 * along with this program.  If not, see <http://www.gnu.org/licenses/>.
 */

.limelight-button-remove-product {
	font-size        : 50%;
	margin-right     : 13px;
	background-color : #8b0000;
}

.limelight-button-add-product {
	font-size        : 50%;
	margin-left      : 13px;
	background-color : #4caf50;
}

.limelight-span-product-photo {
	float        : left;
	width        : 80px;
	text-align   : center;
	margin-right : 15px;
}

.limelight-update-warning {
	color       : red;
	font-weight : bold;
}

.limelight-admin-header {
	color : #91b32b;
}

.limelight-form-error {
	visibility : hidden;
	display    : none;
}

.limelight-form-error-is-active {
	color       : red;
	font-size   : 18px;
	visibility  : visible;
	position    : relative;
	margin-left : 5px;
}

.limelight-edigital {
	visibility : hidden;
}

.limelight-edigital-is-active {
	visibility : visible;
}

.limelight-3d {
	visibility : hidden;
}

.limelight-3d-is-active {
	visibility : visible;
}

.limelight-thank-you-photo {
	width : 80px;
}

.limelight-strong {
	font-weight : bold;
}

.limelight-button {
	width         : 175px;
	height        : 55px;
	margin-top    : 5px;
	margin-bottom : 5px;
	line-height   : normal;
}

.limelight-checkout-button {
	width       : 95% !important;
	line-height : normal;
	color       : white;
	margin      : 10px;
}


.checkout-small {
	font-size : 11px;
}

.limelight-loading {
	position : fixed;
	z-index  : 999;
	height   : 2em;
	width    : 2em;
	overflow : visible;
	margin   : auto;
	top      : 0;
	left     : 0;
	bottom   : 0;
	right    : 0;
}

.limelight-loading:before {
	content          : '';
	display          : block;
	position         : fixed;
	top              : 0;
	left             : 0;
	width            : 100%;
	height           : 100%;
	background-color : rgba(0,0,0,0.3);
}

.limelight-spinner {
	border            : 10px solid rgba(0,0,0,0.3);
	border-radius     : 50%;
	border-top        : 10px solid #000000;
	width             : 75px;
	height            : 75px;
	animation         : limelight-spin 2s linear infinite;
	-webkit-animation : limelight-spin 2s linear infinite;
}

@-webkit-keyframes limelight-spin {
	0% {
		-webkit-transform : rotate(0deg);
	}
	100% {
		-webkit-transform : rotate(360deg);
	}
}

@keyframes limelight-spin {
	0% {
		transform : rotate(0deg);
	}
	100% {
		transform : rotate(360deg); }
}

.limelight-admin-form select {
	width         : 225px;
	margin-top    : 5px;
	margin-bottom : 5px;
	clear         : both;
}

.limelight-admin-form label {
	width         : 225px;
	margin-top    : 5px;
	margin-bottom : 5px;
	clear         : both;
}

.limelight-admin-form input[type='text'] {
	width            : 225px;
	margin-top       : 5px;
	margin-bottom    : 5px;
	clear            : both;
	font-family      : inherit;
	display          : inline-block;
	background-color : white;
}

.limelight-admin-form input[type='email'] {
	width         : 225px;
	margin-top    : 5px;
	margin-bottom : 5px;
	clear         : both;
	font-family   : inherit;
	display       : inline-block;
}

.limelight-admin-form input[type='password'] {
	width            : 225px;
	margin-top       : 5px;
	margin-bottom    : 5px;
	clear            : both;
	font-family      : inherit;
	display          : inline-block;
	background-color : white;
}

.limelight-response-body {
	display            : block;
	z-index            : 9999;
	background-color   : #fff;
	margin             : 20% auto;
	width              : 430px;
	border-radius      : 10px;
	padding            : 15px;
	box-shadow         : 0 -1px 33px -6px rgba(0,0,0,0.75);
	-webkit-box-shadow : 0 -1px 33px -6px rgba(0,0,0,0.75);
	-moz-box-shadow    : 0 -1px 33px -6px rgba(0,0,0,0.75);

}

.limelight-response-modal {
	position         : fixed;
	z-index          :  999;
	left             : 0;
	top              : 0;
	width            : 100%;
	height           : 100%;
	overflow         : auto;
	background-color : rgb(255,255,255);
	background-color : rgba(255,255,255,0.8);
}

.hidden-input-field {
	visibility : hidden;
	height     : 0;
	margin     : 0;
	padding    : 0;
}

.limelight-tooltip {
	position : relative;
	display  : inline-block;
}

.limelight-tooltip .limelight-tooltiptext {
	visibility       : hidden;
	width            : 200px;
	background-color : black;
	color            : #ffffff;
	text-align       : center;
	border-radius    : 6px;
	padding          : 5px 0;
	position         : absolute;
	z-index          : 1;
}

.limelight-tooltip:hover .limelight-tooltiptext {
	visibility : visible;
}

.sub-n-save-button {
	padding          : 5px 15px;
	border-radius    : 9px;
	font-size        : 10px;
	font-weight      : bold;
	text-transform   : uppercase;
	background-color : #edbb58;
	color            : #ffffff;
	margin-top       : 7px;
	clear            : both;
}

.product-details-button {
	padding          : 5px 15px;
	border-radius    : 9px;
	font-size        : 10px;
	font-weight      : bold;
	text-transform   : uppercase;
	background-color : black;
	color            : #ffffff;
	margin-top       : 7px;
	clear            : both;
}

.my-account-update-button {
	padding          : 5px 15px;
	border-radius    : 9px;
	font-size        : 10px;
	font-weight      : bold;
	background-color : black;
	color            : #ffffff;
	margin-top       : 7px;
	clear            : both;
}

.my-account-delete-button {
	padding          : 5px 15px;
	border-radius    : 9px;
	font-size        : 10px;
	font-weight      : bold;
	background-color : black;
	color            : #ffffff;
	margin-top       : 7px;
	clear            : both;
}

.subscription-item td {
	padding : 10px 20px;
}

.order-history-item td {
	padding : 10px 20px;
}

#js-my-account-form td {
	padding : 10px 20px;
}

.header-row {
	background-color : #333333;
	color            : #ffffff;
}

.header-row td {
	font-weight : bold;
}

.total-row {
	background-color : #ffe6b1;
	text-align       : right;
	font-weight      : bold;
}

.limelight-list-item-title {
	background-color : #aeaeae;
	color            : #ffffff;
	font-size        : 12px;
}

.limelight-order-status b {
	background-color : #1f7800;
	color            : #ffffff;
	padding          : 3px 7px;
	border-radius    : 9px;
}

.limelight-order-sku {
	font-size : 11px;
}

.price-summary-table {
	max-width       : 500px;
	border          : none;
	border-collapse : collapse;
	clear           : both;
}

.price-summary-table td, th {
	border          : none;
	border-collapse : collapse;
	padding         : 15px;
	font-size       : 16px;
}

.price-summary-table td:first-child {
	width : 55%;
}

.price-summary-table td:last-child {
	text-align : right;
}

.order-info-summary {
	border          : none;
	border-collapse : collapse;
}

.order-info-summary table {
	border          : none;
	border-collapse : collapse;
}

.order-info-summary td, th {
	border          : none;
	border-collapse : collapse;
	padding         : 15px;
	font-size       : 16px;
}

.order-info-summary td:last-child {
	border          : none;
	border-collapse : collapse;
	text-align      : right;
}

.limelight-table-background {
	background-color : #f0f0f0;
}

.limelight-checkout-info {
	border          : none;
	border-collapse : collapse;
	clear           : both;
}

.limelight-checkout-info td, th {
	border          : none;
	border-collapse : collapse;
	padding-top     : 5px !important;
}

.limelight-checkout-info input[type='text'], input[type='email'] {
	box-shadow      : 1px 1px #d1d1d1;
	border-collapse : collapse;
	width           : 100%;
}

.limelight-required {
	color: red;
}

.card-month, .card-year {
	box-shadow      : 1px 1px #d1d1d1;
	border-collapse : collapse;
	width           : 49%;
}

.payment-info-button {
	max-width : 500px;
	width     : 100%;
	clear     : none;
}

.payment-info-button button {
	width     : 100%;
	font-size : 24px;
	height    : 70px;
}

.payment-info {
	max-width : 500px;
	clear     : none;
}

.payment-info table {
	border          : none;
	border-collapse : collapse;
}

.payment-info td, th {
	border          : none;
	border-collapse : collapse;
	padding         : 10px;
}

.payment-info input[type='text'], input[type='email'], select {
	box-shadow      : 1px 1px #d1d1d1;
	border-collapse : collapse;
	width           : 100%;
}

.limelight-create-account {
	margin : 10px;
	clear  : none;
}

.limelight-login-alert a {
	text-decoration : none !important;
	box-shadow      : none !important;
	color           : inherit;
}

.limelight-login-alert a:hover {
	cursor : pointer;
}

.limelight-billing-shipping {
	margin : 10px;
	clear  : none;
}

.prospect-opt-in {
	margin-left   : 10px;
	margin-bottom : 5px;
}

.cart-list-box {
	height        : 70px;
	border-bottom : 1px solid #f4f4f4;
	padding       : 10px;
}

.cart-list-img {
	width        : 50px;
	height       : 50px;
	float        : left;
	position     : relative;
	margin-right : 10px;
}

.cart-list-total {
	padding       : 10px;
	text-align    : center;
	border-bottom : 1px solid #f4f4f4;
}

.cart-list-nav {
	padding : 10px 40px;
}

.cart-list-nav button {
	text-align      : center;
	color           : #ffffff;
	position        : relative;
	padding         : 7px 12px !important;
	align-items     : center;
	justify-content : center;
	border          : 1px solid #ffffff;
}

.thank-you-small {
	font-size : 11px;
}

.align-left {
	text-align : left !important;
}

.align-right {
	text-align : right !important;
}

.customer-info-contd {
	padding-top : 30px;
	width       : 100%;
	float       : left;
}

.customer-info {
	width : 50%;
	float : left;
}

.customer-info label, .payment-info label, .customer-info-contd label {
	float          : left;
	width          : 28%;
	font-weight    : normal;
	margin-left    : auto;
	vertical-align : bottom;
}

.customer-info h4 {
	text-align : center;
	margin-top : 15px !important;
}

.customer-info td {
	padding : 10px;
}

.limelight-one-click-info {
	border          : none;
	border-collapse : collapse;
	clear           : both;
	width           : 50%;
}

.limelight-one-click-info td, th {
	border          : none;
	border-collapse : collapse;
	padding-top     : 5px !important;
}

.limelight-one-click-info input[type='text'], input[type='email'], select {
	box-shadow      : 1px 1px #d1d1d1;
	border-collapse : collapse;
	width           : 50%;
}

.thank-you-img {
	width        : 50px;
	float        : left;
	position     : relative;
	margin-right : 10px;
}

.limelight-pagination select {
	max-width : 60px;
}

.order-details-header {
	text-align      : left !important;
	border          : none;
	border-collapse : collapse;
	padding         : 0 !important;
}

.limelight-small {
	font-size : 12px;
}

.limelight-coupon {
	float      : right;
	padding    : 20px;
	text-align : right;
}

.limelight-coupon input[type='text'] {
	width : 200px;
}

.limelight-coupon button {
	color : #FFFFFF;
}

.you-save {
	font-size        : 11px;
	background-color : red;
	padding          : 4px;
	color            : #ffffff;
	border-radius    : 5px;
}

.you-save-pre {
	font-size        : 11px;
	background-color : #fff3a3;
	padding          : 4px;
	color            : #000000;
	border-radius    : 5px;
}

.you-save-post {
	font-size        : 11px;
	background-color : #f4f4f4;
	padding          : 4px;
	color            : #000000;
	border-radius    : 5px;
}

.strike-thru {
	color:#555;
}

#feedback_email {
	width: 25em;
	box-shadow: inset 0 1px 2px rgba(0,0,0,.07)
}