.hide {display:none !important;}
a{color: #87CB16}
.m-0 {margin: 0 !important;}
.mt-0 { margin-top: 0 !important; }
.mt-5 { margin-top: 5px !important; }
.mt-10 { margin-top: 10px !important; }
.mt-15 { margin-top: 15px !important; }
.mt-20 { margin-top: 20px !important; }
.mt-25 { margin-top: 25px !important; }
.mt-30 { margin-top: 30px !important; }
.mt-40 { margin-top: 40px !important; }
.mt-50 { margin-top: 50px !important; }
.mt-100 { margin-top: 100px !important; }
.mt-200 { margin-top: 200px !important; }
.mt-263 { margin-top: 263px !important; }
.mt-300 { margin-top: 300px !important; }
.mt-400 { margin-top: 400px !important; }
.mt-500 { margin-top: 500px !important; }
.mr-0 { margin-right: 0 !important; }
.mr-5 { margin-right: 5px !important; }
.mr-10 { margin-right: 10px !important; }
.mr-20 { margin-right: 20px !important; }
.mr-30 { margin-right: 30px !important; }
.ml-0 { margin-left: 0 !important; }
.ml-5 { margin-left: 5px !important; }
.ml-10 { margin-left: 10px !important; }
.ml-20 { margin-left: 20px !important; }
.ml-30 { margin-left: 30px !important; }
.mb-0 { margin-bottom: 0 !important; }
.mb-10 { margin-bottom: 10px !important; }
.mb-20 { margin-bottom: 20px !important; }

.p-0 { padding: 0 !important; }
.p-10 { padding: 10px !important; }
.p-20 { padding: 20px !important; }
.p-30 { padding: 30px !important; }
.p-40 { padding: 40px !important; }
.p-50 { padding: 50px !important; }
.pt-0{ padding-top: 0px !important; }
.pt-10 { padding-top: 10px !important; }
.pt-20 { padding-top: 20px !important; }
.pt-30 { padding-top: 30px !important; }
.pt-40 { padding-top: 40px !important; }
.pt-50 { padding-top: 50px !important; }
.pt-100 { padding-top: 100px !important; }
.pr-0{ padding-right: 0px !important; }
.pr-6 { padding-right: 6px !important; }
.pr-10 { padding-right: 10px !important; }
.pr-20 { padding-right: 20px !important; }
.pr-30 { padding-right: 30px !important; }
.pr-40 { padding-right: 40px !important; }
.pr-50 { padding-right: 50px !important; }
.pb-0{ padding-bottom: 0px !important; }
.pb-5 { padding-bottom: 5px !important; }
.pb-10 { padding-bottom: 10px !important; }
.pb-20 { padding-bottom: 20px !important; }
.pb-30 { padding-bottom: 30px !important; }
.pb-40 { padding-bottom: 40px !important; }
.pb-50 { padding-bottom: 50px !important; }
.pb-100 { padding-bottom: 100px !important; }
.pl-0{ padding-left: 0px !important; }
.pl-10 { padding-left: 10px !important; }
.pl-20 { padding-left: 20px !important; }
.pl-30 { padding-left: 30px !important; }
.pl-40 { padding-left: 40px !important; }
.pl-50 { padding-left: 50px !important; }
.table .table-danger { background-color: #f2dede; }
textarea { resize: none; }
.category { display: inline-block !important; }
.cursor { cursor: pointer; }
.cursor-not-allowed { cursor: not-allowed !important;}
.cursor-default { cursor: default !important;}
.font-size-14 { font-size: 14px !important; }
.font-size-16 { font-size: 16px !important; }
.font-size-18 { font-size: 18px !important; }
.font-size-20 { font-size: 20px !important; }
.font-size-22 { font-size: 22px !important; }
.font-size-24 { font-size: 24px !important; }
.text-white { color: #fff !important; }
.text-normal { font-weight: normal !important; }
.text-ellipsis { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
table.text-normal { font-weight: normal !important; }
.text-bold { font-weight: bold !important; }
.text-italic { font-style: italic; }
.text-underline { text-decoration: underline; }
.text-lowercase { text-transform: lowercase !important; }
.text-uppercase { text-transform: uppercase !important; }
.text-capitalize { text-transform: capitalize !important; }
.text-shadow-gray-1 {text-shadow: 1px 1px 1px #888 !important; }
.font-size-12 {font-size: 12px !important; }
.font-size-14 {font-size: 14px !important; }
.font-size-16 {font-size: 16px !important; }
.font-size-18 {font-size: 18px !important; }
.font-size-20 {font-size: 20px !important; }
.font-size-22 {font-size: 22px !important; }
.font-size-24 {font-size: 24px !important; }
.font-size-26 {font-size: 26px !important; }
.font-size-28 {font-size: 28px !important; }
.font-size-30 {font-size: 30px !important; }
.border-radius-4 {border-radius: 4px !important; }
.border-radius-6 {border-radius: 6px !important; }
.border-radius-8 {border-radius: 8px !important; }
.border-radius-10 {border-radius: 10px !important; }
.border-radius-12 {border-radius: 12px !important; }
.tooltip-text-left .tooltip-inner { text-align: left; }
.full-width { width: 100% !important; }
.auto-width { width: auto !important; }
.unset-width { width: unset !important; }
.inherit-width { width: inherit !important; }
.w-10 { width: 10% !important; }
.w-20 { width: 20% !important; }
.w-30 { width: 30% !important; }
.w-40 { width: 40% !important; }
.w-50 { width: 50% !important; }
.w-60 { width: 50% !important; }
.w-75 { width: 75% !important; }
.w-100 { width: 100% !important; }
.w-limit-100px { width: 100px !important; }
.w-limit-150px { width: 150px !important; }
.w-limit-500px { width: 500px !important; }
.w-max-150 { max-width: 150px !important; }
.w-max-500 { max-width: 500px !important; }

.lh-25 { line-height: 25px !important; }
.lh-28 { line-height: 28px !important; }
.lh-40 { line-height: 40px !important; }
.bw { word-wrap: break-word; }
del { color: #aaa; }
.switch-width { width: 61px !important; }
.blur { filter: blur(5px); -webkit-filter: blur(5px); -moz-filter: blur(5px); -o-filter: blur(5px); -ms-filter: blur(5px); }
/*.blurred { filter: blur(1px); -webkit-filter: blur(1px); -moz-filter: blur(1px); -o-filter: blur(1px); -ms-filter: blur(1px); }*/
br.br-150 { line-height: 150% }
.capitalize{text-transform:capitalize}
.white-space-normal{white-space: normal !important}
.white-space-nowrap{white-space: nowrap !important}
.d-block {display: block !important; }
.d-inline {display: inline !important; }
.d-inline-block {display: inline-block !important; }
.vertical-align {display: flex;align-items: center; }

#iubenda-cs-banner { bottom: 0px !important; left: 0px !important; position: fixed !important; width: 100% !important; z-index: 99999998 !important; background-color: black; } .iubenda-cs-content { display: block; margin: 0 auto; padding: 20px; width: auto; font-family: Helvetica,Arial,FreeSans,sans-serif; font-size: 14px; background: #000; color: #fff;} .iubenda-cs-rationale { max-width: 900px; position: relative; margin: 0 auto; } .iubenda-banner-content > p { font-family: Helvetica,Arial,FreeSans,sans-serif; line-height: 1.5; } .iubenda-cs-close-btn { margin:0; color: #fff; text-decoration: none; font-size: 14px; position: absolute; top: 0; right: 0; border: none; } .iubenda-cs-cookie-policy-lnk { text-decoration: underline; color: #fff; font-size: 14px; font-weight: 900; }

.dataTables_wrapper .dataTables_processing { background-color: transparent; border: 0; font-size: 1.2em; height: 40px; left: 50%; margin-left: -50%; position: absolute; text-align: center; top: 50%; width: 100%; z-index: 1; }


.tooltip.top {
    position: fixed;
}

.modal-backdrop {
	opacity: 0.9;
}

.modal-backdrop .spinner {
	position: absolute;
    text-align: center;
    width: 100%;
    top: 50%;
    margin-top: -90px;
}

/*.dataTables_wrapper .dataTables_processing, .div_loader {
	background: rgba(255, 255, 255, 0.7);
    border: 0;
    height: 100%;
    width: 100% !important;
    z-index: 5000;
    top: 0 !important;
    left: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
	z-index: 1024;
}
.dataTables_wrapper .dataTables_processing .spinner, .div_loader .spinner{
	position: absolute;
    text-align: center;
    width: 100%;
    top: 50%;
    height: 100%;
}
*/

.bootstrap-select .dropdown-menu li small { white-space: normal; }
.order_notes { max-height: 20vh; overflow: auto; }
.loader { margin: 0 auto; text-align: center;}
.modal-custom:before {
	position: absolute;
	top: 26px;
	right: -15px;
	display: inline-block;
	border-top: 15px solid transparent;
	border-left: 15px solid #e4e4e4;
	border-right: 0 solid #e4e4e4;
	border-bottom: 15px solid transparent;
	content: " ";
}

.container {
	width: 1080px !important;
}

.thank-you-section h1.headline, .thank-you-section h2 {
	font-size: 2.5rem;
}
.lead {
	font-size: 1.7rem;
}

.modal-custom:after {
	position: absolute;
	top: 27px;
	right: -14px;
	display: inline-block;
	border-top: 14px solid transparent;
	border-left: 14px solid #FFFFFF;
	border-right: 0 solid #FFFFFF;
	border-bottom: 14px solid transparent;
	content: " ";
}

.modal-custom.inverted:before {
	border-left-width: 0;
	border-right-width: 15px;
	left: -15px;
	right: auto;
}

.modal-custom.inverted:after {
	border-left-width: 0;
	border-right-width: 14px;
	left: -14px;
	right: auto;
}

.modal-custom.top-right:before {
	border-left-width: 0;
	border-top-width: 15px;
	border-right-width: 15px;
	left: 0px;
	top: -15px;
	right: 15px;
}
.modal-custom.top-right:after {
	border-left-width: 0;
	border-top-width: 15px;
	border-right-width: 15px;
	left:0px;
	top: -15px;
	right: 15px;
}

.modal-custom.bottom-left:before {
	border-left-width: 0;
	border-bottom-width: 15px;
	border-right-width: 15px;
	left: auto;
	bottom: -15px;
	right: 0;
}
.modal-custom.bottom-left:after {
	border-left-width: 0;
	border-bottom-width: 15px;
	border-right-width: 15px;
	left:auto;
	bottom: -15px;
	right: 0;
}

.dynamic-menu {
	text-transform: uppercase;
	font-size: 12px;
	text-align: left;
	padding-left: 35px;
	width:260px;
	height:50px;
	position:absolute;
	padding-top: 10px;
}

.dynamic-menu.mobile{
	height:40px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.dynamic-menu i.fa {
	font-size: 25px;
	padding-right: 10px;
}

.dynamic-menu .btn-txt {
	padding-left: 20px;
	padding-bottom: 10px;
	font-weight: 600;
}

.dynamic-menu .btn-txt {
	padding-left: 20px;
	padding-bottom: 10px;
	font-weight: 600;
}

.dynamic-menu.mobile .btn-txt {
	padding-left: 20px;
	padding-bottom: 5px;
	font-weight: 600;
}

.dynamic-menu .caret {
	position: absolute;
	right: 30px;
	top: 25px;
}

.dynamic-menu.mobile .caret {
	position: absolute;
	right: 30px;
	top: 20px;
}

.ct-legend {
    position: relative;
	padding-bottom: 10px;
}

.ct-legend li {
	position: relative;
    margin-left: 14px;
    display: inline;
	padding: 20px;
}

.sengrid-chart .ct-legend li:not(:first-child)::before {
    content: "/";
    transform: translate(-10px, -5px);
}

.sengrid-chart .ct-legend li{
	padding: 5px;
}
.ct-legend li:before {
	width: 12px;
	height: 12px;
	position: absolute;
	left: 0;
	content: '';
	border: 3px solid transparent;
	border-radius: 2px;
	margin-top: 2px;
}

.ct-legend li.inactive:before {
	background: transparent;
}

.ct-series-a .ct-line,.ct-series-a .ct-point{
	stroke: rgb(251, 64, 75);
}

.ct-series-b .ct-line,.ct-series-b .ct-point{
	stroke: rgb(35, 204, 239);
}
.ct-sales:before {
	background-color: #FB404B;
	border-color: #FB404B;
	color: #FB404B;
}

.ct-sales{
	border-color: #FB404B;
	color: #FB404B;
}

.ct-turnover:before {
	background-color: #23CCEF;
	border-color: #23CCEF;
	color: #23CCEF;
}

.ct-turnover{
	border-color: #23CCEF;
	color: #23CCEF;
}

.bar-chart .ct-sales:before {
	background-color: #87CB16;
	border-color: #87CB16;
	color: #87CB16;
}

.bar-chart .ct-sales{
	border-color: #87CB16;
	color: #87CB16;
}

.ct-editorial:before {
	background-color: #ffa534;
	border-color: #ffa534;
	color: #ffa534;
}

.ct-editorial{
	border-color: #ffa534;
	color: #ffa534;
}

.ct-gp:before {
	background-color: #23CCEF;
	border-color: #23CCEF;
	color: #23CCEF;
}

.ct-gp{
	border-color: #23CCEF;
	color: #23CCEF;
}

.bar-chart .ct-series-a .ct-bar {
  	stroke:  #87CB16;
}

.bar-chart .ct-series-b .ct-bar {
	stroke:  #23CCEF;
}

.bar-chart .ct-series-c .ct-bar {
  	stroke:  #ffa534;
}

.chartist-tooltip{
	max-width: 500px;
	overflow-y: hidden;

	z-index: 1070!important;
}

.chartist-tooltip-meta {
	overflow: scroll;
    z-index: 6000;
	max-height:100px;
}

.card-wizard .btn-skip {
  display: none;
}

.btn-block-center {
	max-width: 260px;
	margin-left: auto;
	margin-right: auto;
}

.margin-responsive {
	margin-right: 20px !important;
}

.visible {
	visibility: visible;
}

.col-pad-0 {
	padding-right: 0 !important;
    padding-left: 0 !important;
}

.form-group-mb-reset {
	margin-bottom: 0px;
}

.d-block {
	display: block;
}

.d-inline-block {
	display: inline-block;
}

.price-mx-w {
	max-width: 50px;
}

.card form [class*="col-"].col-form-reset {
	padding: 0;
}

.card form [class*="col-"].col-reset {
	padding-right: 15px;
    padding-left: 15px;
}

.card.card-inside{
	background: #fafafa;
    box-shadow: 1px 1px 1px #eee;
    border: 1px solid #eee;
}

.navbar .navbar-nav .notification.notification-success {
	background-color: #87CB16;
}

.text-default, .text-default:hover {
	color: #888888 !important;
}

.btn-fade {
	opacity:0.3 !important;
}
.btn-fade:hover {
	background-color: #78b414 !important;
}

.btn-default.btn-fill {
	background-color: #888888;
}

.btn-default.btn-fill:hover {
	background-color: #797979;
}

.btn-danger.btn-fill {
	background-color: #fa1825;
}

.btn-danger.btn-fill:hover {
	background-color: #fb404b;
}

.category.category-block {
	display: block !important;
}

.bootstrap-select > select.create-title-selectpicker {
	left: 0;
	position: inherit;
}

.dashboard_websites_list_dt .tooltip-inner {
	width: 200px;
	word-break: break-all;
}

.dashboard_websites_list_dt.tooltip.top {
    margin-left: 9px;
}

.top_nav_messages .menu {
    list-style: none;
}

.dropdown-menu > li > ul.menu > li > a {
    padding: 8px 16px;
    color: #333333;
    display: block;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    white-space: nowrap;
}

li.message_item_inbox {
    margin-left: -40px;
}

.top_nav_messages > li > ul.menu > li > a:hover {
    background-color: #F5F5F5;
    color: #333333;
    opacity: 1;
    text-decoration: none;
}

.top_nav_messages .messages_list_menu {
    position: relative;
    height:150px!important;
    overflow:hidden;
}

.open .form-control {
    border-bottom-color: #E3E3E3;
}

.open .form-control:focus {
    border-bottom-color: #AAAAAA;
}

.open .form-control.valid:focus {
  border-color: #87CB16;
}

.bootstrap-select > select[id^='content_length'] {
	left: 0;
}

.navbar-checkout, .navbar-content {
	position: fixed;
}

table input[type=checkbox].cursor {
	display: inline-block;
	width: auto;
	vertical-align: middle;
}

.relative{ position:relative;}
.absolute{ position:absolute;}
.cart-summary .panel-heading .caret{ position: absolute; top: 50%; right: -10px; margin-top: -3px; }
.img-replacement {
	width: 120px;
	position: absolute;
	right: 3px;
	top: -9px;
}

.replacement_method_label {
	line-height: 1.5;
}

@media only screen and (max-width : 320px) {
	.navbar .navbar-brand, .dashtour {
		text-overflow: ellipsis;
		max-width: 300px;
		white-space: nowrap;
		position: absolute;
		left: 0;
		right: 40px;
	}

	.navbar .navbar-brand {
		overflow: hidden;
	}

	.margin-responsive {
		margin-right: 5px !important;
	}
}

@media only screen and (max-width : 480px) {
	.email-schedule .w-20 {
		width: 100% !important;
	}


	#cartReview .header .title{ font-size: 20px;}
	#cartReview .header .category{ font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 80%;}

}

/* Apply to small screens and above */
@media only screen and (min-width : 320px) {
	.mb-10-sm {
		margin-bottom: 10px !important;
	}

	.decline-modal.modal:before {
		display: inline-block;
		vertical-align: middle;
		content: " ";
		height: 30%;
	}

	#guestPostHowBuyingWorksModalContent.modal:before {
    	content: "";
    	height: auto;
  	}
}

/* Apply only to small screens and below */
@media only screen and (max-width : 768px) {
	.col-xs-0 {
		display: inline;
		padding-right: 5px;
		padding-left: 5px;
	}

	.navbar-checkout, .navbar-content {
		display: none;
	}

	.btn-xs-block {
		display: block;
		width: 100%;
	}

	.col-xs-no-pad {
		padding-right: 0;
		padding-left: 0;
	}
}

@media only screen and (min-width : 480px) {
	.btn-sm-block {
		display: block;
		width: 100%;
	}

	.col-sm-reset {
		padding-right: 15px;
		padding-left: 15px;
	}

	.pull-sm-right {
		float: right;
	}

	.decline-modal.modal:before {
		display: inline-block;
		vertical-align: middle;
		content: " ";
		height: 100%;
	}
}

@media only screen and (min-width : 1280px) {
	.btn-lg-block {
		display: block;
		width: 100%;
	}

	.pull-lg-right {
		float: right;
	}
}

@media only screen and (min-width : 768px) {
	.card form [class*="col-"].col-md-form-reset {
		padding: 0;
	}

	.pull-md-right {
		float: right;
	}
}

@media (min-width : 992px) and (max-width: 1200px) {
	.card form [class*="col-"]:first-child.col-md-reset-first {
		padding-left: 6px;
	}

	.card form [class*="col-"]:last-child.col-md-reset-last {
		padding-right: 6px;
	}
}

@media only screen and (min-width : 1280px) {
	.card form [class*="col-"]:first-child.col-lg-reset-first {
		padding-left: 6px;
	}

	.card form [class*="col-"]:last-child.col-lg-reset-last {
		padding-right: 6px;
	}
}

@media only screen and (max-width : 768px) {
	#wizardForm .footer .btn-wd {
		min-width: 0;
	}

	.col-md-auto {
		width: auto;
	}
}

small, .break-word {
	word-break: break-all;
    /* Non standard for WebKit */
	word-break: break-word;
	word-wrap: break-word;
	-ms-word-break: break-all;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
    hyphens: auto;
}

.no-break {
	hyphens: none;
	word-break: normal;
	word-wrap: anywhere;
	-webkit-hyphens: none;
	-moz-hyphens: none;
}

.round-corner{ -webkit-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px;}
.relative{position:relative; }
.absolute{ position: absolute; }
.float-none{ float: none;}
.margin-center{ margin: 0 auto;}

.nopaddingTop{ padding-top: 0px; }
.nopaddingBottom{ padding-bottom: 0px; }

.nomarginTop{ margin-top: 0px; }
.nomarginBottom{ margin-bottom: 0px; }

/* backgrounds */
.bg-white{ background: #fff !important; }
.bg-l-gray{ background: #ececec !important; }
.bg-l-green{background: #8bd220 !important; }
.bg-red{background: #c30505 !important; }
.bg-grey{background: #131313 !important; }


/* text format */
.text-upper{ text-transform: uppercase; }
.text-caps{ text-transform: capitalize; }
.text-bold{ font-weight: bold}
.text-italic{ font-style: italic; }
.text-underline{ text-decoration: underline; }

/* text color */
.text-white { color: #fefefe; }
.text-yellow { color: #fff200; }
.text-orange { color: #f36e39; }
.text-green { color: #00b259; }
.text-gold { color: #ffb600; }
.text-light-gray { color: #cccccc !important; }
.text-gray { color: #6e6e6e; }
.text-grey { color: #333; }
.text-black{ color: #191919; }
.text-red { color: #ff0000; }
.text-cyan{ color: #05a2c7; }
.text-l-green{ color: #87CB16;}

/* padding and offset */
.padding-5 { padding: 5px; }
.padding-10 { padding: 10px; }
.padding-15 { padding: 15px; }
.padding-20 { padding: 20px; }

.padding-top-5 { padding-top: 5px; }
.padding-top-10 { padding-top: 10px; }
.padding-top-15 { padding-top: 15px; }
.padding-top-20 { padding-top: 20px; }

.padding-bottom-5 { padding-bottom: 5px; }
.padding-bottom-10 { padding-bottom: 10px; }
.padding-bottom-15 { padding-bottom: 15px; }
.padding-bottom-20 { padding-bottom: 20px; }

.padding-left-5 { padding-left: 5px; }
.padding-left-10 { padding-left: 10px; }
.padding-left-15 { padding-left: 15px; }
.padding-left-20 { padding-left: 20px; }

.padding-right-5 { padding-right: 5px; }
.padding-right-10 { padding-right: 10px; }
.padding-right-15 { padding-right: 15px; }
.padding-right-20 { padding-right: 20px; }

.offset-5 { margin: 5px; }
.offset-10 { margin: 10px; }
.offset-15 { margin: 15px; }
.offset-20 { margin: 20px; }

.offset-top-5 { margin-top: 5px; }
.offset-top-10 { margin-top: 10px; }
.offset-top-15 { margin-top: 15px; }
.offset-top-20 { margin-top: 20px; }

.offset-bottom-5 { margin-bottom: 5px; }
.offset-bottom-10 { margin-bottom: 10px; }
.offset-bottom-15 { margin-bottom: 15px; }
.offset-bottom-20 { margin-bottom: 20px; }

.offset-left-5 { margin-left: 5px; }
.offset-left-10 { margin-left: 10px; }
.offset-left-15 { margin-left: 15px; }
.offset-left-20 { margin-left: 20px; }

.offset-right-5 { margin-right: 5px; }
.offset-right-10 { margin-right: 10px; }
.offset-right-15 { margin-right: 15px; }
.offset-right-20 { margin-right: 20px; }


/* Global Button Styles */

.fs-14px {font-size: 14px;}
.fs-12px {font-size: 12px;}

.btn-clickable{cursor:pointer !important}
.btn-not-clickable{cursor:default !important}

i.btn-clickable{cursor: pointer !important;
    padding: 20px;
	margin-right: 20px
}

.position-inherit{ position: inherit;}

.bootstrap-select > select {
	z-index: -1;
}

.bootstrap-select.select_va>.dropdown-toggle:after {
	margin-left: 8px !important;
}

.modal-header .close {
	background: transparent !important;
}