html {
	font-size: 16px;
}

nav {
	margin-bottom: 0px !important;
}

footer {
	box-sizing: border-box;
	display: block;
	text-align: left;
	text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

footer a, footer a:hover {
	color: #5d6778
}

a, .btn-light, .step-count {
	color: #d26d69;
}

a:hover, .btn-light:hover {
	color: #d04641;
	text-decoration: none;
}

blockquote {
	border: none !important;
	padding: 0 !important;
	margin: 0 !important;
}

.fspace {
	margin-right: 5px;
}

.btn-success, .btn-info, .btn-light, .btn-warning, .btn-danger,
	.btn-primary, .btn-secondary {
	background-image: none;
}

div#cookie-notification {
	left: 0px;
	right: 0px;
	position: fixed;
	bottom: 0px;
	z-index: 5;
	background-color: rgba(255, 255, 255, 0.9);
	margin-bottom: 0px;
}

div#cookie-notification .alert {
	margin-bottom: 0px;
}

.testimonial-carousel .source-icon .fa-instagram {
	color: #fd5949;
}

.country_flag {
	border: 2px solid #d3d3d3;
	margin-right: 10px;
	height: 20px;
	width: auto;
}

.iframe-container {
	overflow: hidden;
	padding-top: 56.25%;
	position: relative;
}

.iframe-container iframe {
	border: 0;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

.color-success {
	color: #5cb377 !important;
}

.color-warning {
	color: #EEBF41 !important;
}

.nav-link {
	padding: 8px !important;
}

.dropdown-item .theme-icon-holder i {
	margin: 0px !important;
}

.theme-bg-red {
	background: #d26d69;
}

.page-header.theme-bg-red .page-heading {
	color: #fff;
}

.page-header.theme-bg-red .page-intro {
	color: #fff;
	-webkit-opacity: .8;
	-moz-opacity: .8;
	opacity: .8;
}

.theme-bg-map {
	background: #d5d5db;
}

.box-plan-header {
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	background: #f5f6fe;
}

.box-plan-content {
	margin-left: 1rem;
	margin-right: 1rem;
}

.box-plan-desc li {
	position: relative;
	font-size: 1rem;
	padding: 0.5rem;
	border-bottom: 1px solid #e7e9ed;
}

.box-plan-desc li:last-child {
	border-bottom: none;
	padding-bottom: 0.5rem;
}

.space-button {
	margin-right: 5px;
}

.badgekey {
	display: inline-block;
	padding: .25em .4em;
	font-size: 75%;
	font-weight: 100;
	line-height: 1;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: .25rem;
	-webkit-transition: color 0.15s ease-in-out, background-color 0.15s
		ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s
		ease-in-out;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
		border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out
}

@media ( prefers-reduced-motion : reduce) {
	.badgekey {
		-webkit-transition: none;
		transition: none
	}
}

a.badgekey:hover, a.badgekey:focus {
	text-decoration: none;
}

.badgekey:empty {
	display: none;
}

.badgekey {
	position: relative;
	top: -1px;
}

.badge-pill {
	padding-right: .6em;
	padding-left: .6em;
	border-radius: 10rem;
}

.fa-align {
	vertical-align: middle;
}

.mini-contact-form {
	font-size: 0.875rem;
	padding-top: 1rem;
}

.mini-form-row {
	display: flex;
	flex-wrap: wrap;
	margin-left: -5px;
	margin-right: -5px;
}

.mini-form-group {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 auto;
	flex: 0 0 auto;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	margin-bottom: 1rem;
}

.mini-form-text {
	display: block;
	margin-top: .25rem;
}

.mini-form-row {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -5px;
	margin-left: -5px;
}

.mini-form-row>.col, .mini-form-row>[class*="col-"] {
	padding-right: 5px;
	padding-left: 5px;
}

.mini-form-check {
	position: relative;
	display: block;
	padding-left: 1.25rem;
}

.mini-form-check-input {
	position: absolute;
	margin-top: .3rem;
	margin-left: -1.25rem;
}

.mini-form-check-input:disabled ~ .mini-form-check-label {
	color: #adb4c0;
}

.mini-form-check-label {
	margin-bottom: 0;
}

.mini-form-check-inline {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: inline-flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	padding-left: 0;
	margin-right: .75rem;
}

.mini-form-check-inline, .mini-form-check-input {
	position: static;
	margin-top: 0;
	margin-right: .3125rem;
	margin-left: 0;
}

.mini-select {
	padding-top: 0rem;
	padding-bottom: 0rem;
}

.mt-3, .my-3 {
	margin-top: 1rem !important;
}

//
Embedded icons from Open Iconic . // Released under MIT and copyright 
	2014 Waybury . // https: //useiconic.com /open // Checkboxes and radios
	// // Base class takes care of all the key behavioral aspects .

.custom-control {
	position: relative;
	display: block;
	min-height: $font-size-base* $line-height-base;
	padding-left: $custom-control-gutter+ $custom-control-indicator-size;
}

.custom-control-inline {
	display: inline-flex;
	margin-right: $custom-control-spacer-x;
}

.custom-control-input {
	position: absolute;
	z-index: -1; // Put the input behind the label so it doesn't overlay
	text opacity : 0; &: checked ~ .custom-control-label : : before {
    color : $ custom-control-indicator-checked-color;
	border-color: $custom-control-indicator-checked-border-color;
	@
	include
	gradient-bg($custom-control-indicator-checked-bg);
	@
	include
	box-shadow($custom-control-indicator-checked-box-shadow);
}

&
:focus ~ .custom-control-label::before { // the mixin is not used here
	to make sure there is feedback @if $enable-shadows { box-shadow: $input-box-shadow,
	$input-focus-box-shadow;
	
}

@
else {
	box-shadow: $custom-control-indicator-focus-box-shadow;
}

}
&
:focus:not (:checked ) ~ .custom-control-label::before {
	border-color: $custom-control-indicator-focus-border-color;
}

&
:not (:disabled ):active ~ .custom-control-label::before {
	color: $custom-control-indicator-active-color;
	background-color: $custom-control-indicator-active-bg;
	border-color: $custom-control-indicator-active-border-color;
	@
	include
	box-shadow($custom-control-indicator-active-box-shadow);
}

&
:disabled { ~ .custom-control-label { color: $custom-control-label-disabled-color;
	&::before { background-color: $custom-control-indicator-disabled-bg;
	
}

}
}
}
//
Custom control indicators // // Build the custom controls out of pseudo-elements
	.

.custom-control-label {
	position: relative;
	margin-bottom: 0;
	vertical-align: top; // Background-color and (when enabled) gradient &
	: : before {
    position : absolute;
	top: ($font-size-base* $line-height-base- $custom-control-indicator-size)/2;
	left: -($custom-control-gutter+ $custom-control-indicator-size);
	display: block;
	width: $custom-control-indicator-size;
	height: $custom-control-indicator-size;
	pointer-events: none;
	content: "";
	background-color: $custom-control-indicator-bg;
	border: $custom-control-indicator-border-color solid$custom-control-indicator-border-width;
	@
	include
	box-shadow($custom-control-indicator-box-shadow);
}

//
Foreground (icon )
  &::after {
	position: absolute;
	top: ($font-size-base* $line-height-base- $custom-control-indicator-size)/2;
	left: -($custom-control-gutter+ $custom-control-indicator-size);
	display: block;
	width: $custom-control-indicator-size;
	height: $custom-control-indicator-size;
	content: "";
	background-repeat: no-repeat;
	background-position: center center;
	background-size: $custom-control-indicator-bg-size;
}

}
//
Checkboxes // // Tweak just a few things for checkboxes .

.custom-checkbox { .
	custom-control-label: :before{
    @include border-radius($ custom-checkbox-indicator-border-radius);
}

.custom-control-input:checked ~ .custom-control-label { &::after {
	background-image: $custom-checkbox-indicator-icon-checked;
	
}

}
.custom-control-input:indeterminate ~ .custom-control-label { &::before
	{ border-color: $custom-checkbox-indicator-indeterminate-border-color;
	@include gradient-bg($custom-checkbox-indicator-indeterminate-bg); @include
	box-shadow($custom-checkbox-indicator-indeterminate-box-shadow);
	
}

&
::after {
	background-image: $custom-checkbox-indicator-icon-indeterminate;
}

}
.custom-control-input:disabled { &:checked ~ .custom-control-label: :before
	{
      background-color : $custom-control-indicator-checked-disabled-bg;
	
}

&
:indeterminate ~ .custom-control-label::before {
	background-color: $custom-control-indicator-checked-disabled-bg;
}

}
}
//
Radios // // Tweak just a few things for radios .

.custom-radio { .
	custom-control-label: :before{
    border-radius: $custom-radio-indicator-border-radius;
}

.custom-control-input:checked ~ .custom-control-label { &::after {
	background-image: $custom-radio-indicator-icon-checked;
	
}

}
.custom-control-input:disabled { &:checked ~ .custom-control-label: :before
	{
      background-color : $custom-control-indicator-checked-disabled-bg;
	
}

}
}
//
switches // // Tweak a few things for switches

.custom-switch {
	padding-left: $custom-switch-width+ $custom-control-gutter; .
	custom-control-label { & : : before {
      left : -($ custom-switch-width + $ custom-control-gutter);
	width: $custom-switch-width;
	pointer-events: all;
	border-radius: $custom-switch-indicator-border-radius;
}

&
::after {
	top: calc(#{(($ font-size-base * $ line-height-base - $
		custom-control-indicator-size)/2)
}

+
#{$
custom-control-indicator-border-width
 
*
 
2
}
);
left: calc (#{ -($custom-switch-width + $custom-control-gutter)
	
}

+
#{$
custom-control-indicator-border-width
 
*
 
2
}
);
width
:
 
$
custom-switch-indicator-size
;

      
height
:
 
$
custom-switch-indicator-size
;

      
background-color
:
 
$
custom-control-indicator-border-color
;

      
border-radius
:
 
$
custom-switch-indicator-border-radius
;

      
@
include
 
transition
(transform
 
.15s
 
ease-in-out
,
$
custom-forms-transition
);

    
}
}
.custom-control-input:checked ~ .custom-control-label { &::after {
	background-color: $custom-control-indicator-bg;
	transform: translateX($ custom-switch-width - $ custom-control-indicator-size);
}

}
.custom-control-input:disabled { &:checked ~ .custom-control-label: :before
	{
      background-color : $custom-control-indicator-checked-disabled-bg;
	
}

}
}
//
Select // // Replaces the browser default select with a custom one,
	mostly pulled from // https: //primer.github.io /. //

.custom-select {
	display: inline-block;
	width: 100%;
	height: $custom-select-height;
	padding: $custom-select-padding-y($custom-select-padding-x+ $custom-select-indicator-padding)$custom-select-padding-y$custom-select-padding-x;
	font-weight: $custom-select-font-weight;
	line-height: $custom-select-line-height;
	color: $custom-select-color;
	vertical-align: middle;
	background: $custom-select-background;
	background-color: $custom-select-bg;
	border: $custom-select-border-width solid$custom-select-border-color;
	@
	if
	$enable-rounded
	{
	border-radius
	:
	$
	custom-select-border-radius;
}

@
else {
	border-radius: 0;
}

@
include box-shadow ($custom-select-box-shadow);
  appearance: none ;

  &:focus {
	border-color: $custom-select-focus-border-color;
	outline: 0;
	@
	if
	$enable-shadows
	{
	box-shadow
	:
	$
	custom-select-box-shadow
	,
	$
	custom-select-focus-box-shadow;
}

@
else {
	box-shadow: $custom-select-focus-box-shadow;
}

&
::-ms-value { // For visual consistency with other platforms/browsers,
	// suppress the default white text on blue background highlight given
	to // the selected option text when the (still closed) <select>
	receives focus // in IE and (under certain conditions) Edge. // See
	https:// github.com/ twbs/ bootstrap/ issues/ 19398.color : $input-color;
	background-color: $input-bg;
}

}
&
[multiple], &[size]:not ([size="1"] ) {
	height: auto;
	padding-right: $custom-select-padding-x;
	background-image: none;
}

&
:disabled {
	color: $custom-select-disabled-color;
	background-color: $custom-select-disabled-bg;
}

//
Hides the default caret in IE11
  &::-ms-expand {
	opacity: 0;
}

}
.custom-select-sm {
	height: $custom-select-height-sm;
	padding-top: $custom-select-padding-y-sm;
	padding-bottom: $custom-select-padding-y-sm;
	padding-left: $custom-select-padding-x-sm;
	font-size: $custom-select-font-size-sm;
}

.custom-select-lg {
	height: $custom-select-height-lg;
	padding-top: $custom-select-padding-y-lg;
	padding-bottom: $custom-select-padding-y-lg;
	padding-left: $custom-select-padding-x-lg;
	font-size: $custom-select-font-size-lg;
}

//
File // // Custom file input .

.custom-file {
	position: relative;
	display: inline-block;
	width: 100%;
	height: $custom-file-height;
	margin-bottom: 0;
}

.custom-file-input {
	position: relative;
	z-index: 2;
	width: 100%;
	height: $custom-file-height;
	margin: 0;
	opacity: 0; &: focus ~ .custom-file-label { border-color : $
	custom-file-focus-border-color;
	box-shadow: $custom-file-focus-box-shadow;
}

&
:disabled ~ .custom-file-label {
	background-color: $custom-file-disabled-bg;
}

@
each $lang, $value in $custom-file-text { &:lang (#{$lang
	
}

)
~
.custom-file-label::after {
	content: $value;
}

}
~
.custom-file-label[data-browse]::after {
	content: attr(data-browse);
}

}
.custom-file-label {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	z-index: 1;
	height: $custom-file-height;
	padding: $custom-file-padding-y$custom-file-padding-x;
	font-weight: $custom-file-font-weight;
	line-height: $custom-file-line-height;
	color: $custom-file-color;
	background-color: $custom-file-bg;
	border: $custom-file-border-width solid$custom-file-border-color; @
	include border-radius($custom-file-border-radius); @ include
	box-shadow($custom-file-box-shadow); &:: after { position : absolute;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 3;
	display: block;
	height: $custom-file-height-inner;
	padding: $custom-file-padding-y$custom-file-padding-x;
	line-height: $custom-file-line-height;
	color: $custom-file-button-color;
	content: "Browse"; @ include gradient-bg($custom-file-button-bg);
	border-left: inherit;
	@
	include
	border-radius(0
	$custom-file-border-radius
	$custom-file-border-radius
	0);
}

}
//
Range // // Style range inputs the same across browsers . Vendor-specific rules for pseudo
	// elements cannot be mixed . As such, there are no shared styles for focus or
	// active states on prefixed selectors .

.custom-range {
	width: 100%;
	height: calc(#{$ custom-range-thumb-height
}

+
#{$
custom-range-thumb-focus-box-shadow-width
 
*
 
2
}
);
padding: 0; // Need to reset padding
  background-color: transparent ;
  appearance: none ;

  &:focus {
	outline: none;
	//
	Pseudo-elements
	must
	be
	split
	across
	multiple
	rulesets
	to
	have
	an
	effect.
	//
	No
	box-shadow()
	mixin
	for
	focus
	accessibility.
	&
	:
	:
	-webkit-slider-thumb
	{
	 
	box-shadow
	:
	 
	$
	custom-range-thumb-focus-box-shadow;
}

&
::-moz-range-thumb {
	box-shadow: $custom-range-thumb-focus-box-shadow;
}

&
::-ms-thumb {
	box-shadow: $custom-range-thumb-focus-box-shadow;
}

}
&
::-moz-focus-outer {
	border: 0;
}

&
::-webkit-slider-thumb {
	width: $custom-range-thumb-width;
	height: $custom-range-thumb-height;
	margin-top: ($custom-range-track-height- $custom-range-thumb-height)/2;
	// Webkit specific @include gradient-bg($custom-range-thumb-bg);
	border: $custom-range-thumb-border; @ include
	border-radius($custom-range-thumb-border-radius); @ include
	box-shadow($custom-range-thumb-box-shadow); @ include
	transition($custom-forms-transition);
	appearance: none;
	&:
	active
	{
	@include
	gradient-bg($custom-range-thumb-active-bg);
}

}
&
::-webkit-slider-runnable-track {
	width: $custom-range-track-width;
	height: $custom-range-track-height;
	color: transparent; // Why ? cursor : $ custom-range-track-cursor;
	background-color: $custom-range-track-bg;
	border-color: transparent;
	@
	include
	border-radius($custom-range-track-border-radius);
	@
	include
	box-shadow($custom-range-track-box-shadow);
}

&
::-moz-range-thumb {
	width: $custom-range-thumb-width;
	height: $custom-range-thumb-height; @ include
	gradient-bg($custom-range-thumb-bg);
	border: $custom-range-thumb-border; @ include
	border-radius($custom-range-thumb-border-radius); @ include
	box-shadow($custom-range-thumb-box-shadow); @ include
	transition($custom-forms-transition);
	appearance: none;
	&:
	active
	{
	@include
	gradient-bg($custom-range-thumb-active-bg);
}

}
&
::-moz-range-track {
	width: $custom-range-track-width;
	height: $custom-range-track-height;
	color: transparent;
	cursor: $custom-range-track-cursor;
	background-color: $custom-range-track-bg;
	border-color: transparent;
	//
	Firefox
	specific?
	@include
	border-radius($custom-range-track-border-radius);
	@
	include
	box-shadow($custom-range-track-box-shadow);
}

&
::-ms-thumb {
	width: $custom-range-thumb-width;
	height: $custom-range-thumb-height;
	margin-top: 0; // Edge specific margin-right : $
	custom-range-thumb-focus-box-shadow-width; // Workaround that
	overflowed box-shadow is hidden. margin-left : $
	custom-range-thumb-focus-box-shadow-width; // Workaround that
	overflowed box-shadow is hidden. @include
	gradient-bg($custom-range-thumb-bg);
	border: $custom-range-thumb-border; @ include
	border-radius($custom-range-thumb-border-radius); @ include
	box-shadow($custom-range-thumb-box-shadow); @ include
	transition($custom-forms-transition);
	appearance: none;
	&:
	active
	{
	@include
	gradient-bg($custom-range-thumb-active-bg);
}

}
&
::-ms-track {
	width: $custom-range-track-width;
	height: $custom-range-track-height;
	color: transparent;
	cursor: $custom-range-track-cursor;
	background-color: transparent;
	border-color: transparent;
	border-width: $custom-range-thumb-height/2;
	@
	include
	box-shadow($custom-range-track-box-shadow);
}

&
::-ms-fill-lower {
	background-color: $custom-range-track-bg;
	@
	include
	border-radius($custom-range-track-border-radius);
}

&
::-ms-fill-upper {
	margin-right: 15px;
	//
	arbitrary
	?
	background-color
	:
	$
	custom-range-track-bg;
	@
	include
	border-radius($custom-range-track-border-radius);
}

&
:disabled { &::-webkit-slider-thumb { background-color: $custom-range-thumb-disabled-bg;
	
}

&
::-webkit-slider-runnable-track {
	cursor: default;
}

&
::-moz-range-thumb {
	background-color: $custom-range-thumb-disabled-bg;
}

&
::-moz-range-track {
	cursor: default;
}

&
::-ms-thumb {
	background-color: $custom-range-thumb-disabled-bg;
}

}
}
.custom-control-label::before, .custom-file-label, .custom-select { @include
	transition($custom-forms-transition);
	
}

.video-medailles {
	position: relative;
	top: 0px;
	left: 0px;
	width: 100%;
	height: auto;
}

.video-container {
	position: relative;
}

.spacerFA-right {
	margin-right: 5px;
}

.spacerFA-left {
	margin-left: 5px;
}

.btn-dark-hover-blue:hover {
	background-color: #5b99ea;
}

.radio-switch-marker-blue {
	background-color: #5b99ea;
}

.btn-dark-hover-blue:hover {
	background-color: #5b99ea;
}

.radio-switch-marker-blue {
	background-color: #5b99ea;
}

.fade.in {
	opacity: 1;
	z-index: 10000;
}

.fade.in * {
	opacity: 1;
	z-index: 10000;
}

.modal-dialog {
	margin-top: 10rem;
}

.modal-dialog .mx-0 {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.border-1 {
	border-width: 0.1rem !important;
}

.border-2 {
	border-width: 0.2rem !important;
}

.border-3 {
	border-width: 0.3rem !important;
}

.border-4 {
	border-width: 0.4rem !important;
}

.modal-backdrop.fade.in {
	opacity: 0.5;
	z-index: 9000;
}

.btn-white.active {
	box-shadow: 0 12px 24px -6px rgba(0, 0, 0, 0.15);
	background-color: rgba(210, 109, 105, 0.8);
}

@media ( min-width : 576px) {
	.modal-dialog {
		max-width: 800px;
	}
}

.boostBGLost {
	background-color: #fbe9d0;
}

.boostBGFound {
	/* 	background-color: #dbf0db;
 */
	background-color: #fbe9d0;
}

.PicList_user {
	position: relative;
	width: 100%;
}

.sticker-found, .sticker-lost, .sticker-neutral {
	color: #fff;
	width: 50px;
	padding: 1px;
	font-size: 10px;
	font-weight: normal;
	font-family: 'Roboto Condensed', sans-serif;
	position: absolute;
	text-align: center;
	letter-spacing: 1px;
}

.sticker-found {
	top: 58px;
	right: 35px;
	background: #3e8f3e;
	transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
}

.sticker-lost {
	top: 58px;
	right: 35px;
	background: #f0ad4e;
	transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
}

.sticker-neutral {
	display: inline-block;
	margin-left: 3px;
	background: #666;
	transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
}

.fixedButton-left {
	position: fixed;
	bottom: 90px;
	left: 10px;
	opacity: 0.8;
	z-index: 1000;
}

.theme-bg-map{
	z-index:1;
}

.fixedButton-right {
	position: fixed;
	bottom: 10px;
	right: 10px;
	opacity: 0.8;
}

.btn-circle {
	width: 50px;
	height: 50px;
	padding: 6px 0px;
	border-radius: 25px;
	text-align: center;
	font-size: 12px;
	line-height: 1.42857;
}


.card-header-petalert {
	background-color: #5b99ea;
}

.tr-show {
	display: table-row;
}

.tr-hide {
	display: none;
}

.map-container {
	width: 75%;
	border: 1px solid #c3c3c3;
	margin-right: auto;
	margin-left: auto;
}

.icon-holder-color-default {
	background-color: #5d6778 !important;
}

#icon-holder-fa-exclamation-triangle {
	background-color: #ffc107 !important;
}

#icon-holder-fa-exclamation-circle {
	background-color: #5cb377 !important;
}

.icon-holder-color-default .fa-exclamation-triangle {
	color: black;
}

.icon-holder-color-default .fa-shield {
	color: white;
}

.icon-holder-color-default .fa-exclamation-circle {
	color: black;
}

.icon-holder-color-default .fa-cogs {
	color: white;
}

.btn-light-hover:hover {
	background-color: #f0f0f0;
}

.listPairVetoo:nth-of-type(odd) {
	background: rgba(0, 0, 0, 0.03);
}

.theme-bg-gris {
	background: rgba(0, 0, 0, 0.03);
}

.blink {
	/*color:black; */
	animation: colorblink 1.3s infinite;
}

@
keyframes colorblink { 0% {
	color: inherit;
}

50%
{
color
:transparent
;
 
}
}
.dropdown-item-no-hover:hover {
	background: rgba(220, 53, 69, 0.6) !important;
	
}

.alertify-notifier .ajs-message.ajs-success, .alertify-notifier .ajs-message.ajs-error
	{
	color: white;
}

.button-badge {
	background-color: $primary-color;
	text-decoration: none;
	padding: 1rem 1.5rem;
	position: relative;
	display: inline-block;
	border-radius: .2rem;
	transition: all ease 0.4s;
}

.button-badge:hover {
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
}

.badge-alert {
	position: absolute;
	top: -40px;
	right: -10px;
	left: 55px;
	font-size: .8em;
}

.size-FA {
	font-weight: 600;
}

.unselectable {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.custom-control.custom-checkbox.custom-margin-left{
	margin-left:-1.5rem;
}

.icon-holder-pt-10{
	padding-top:10px !important;
}

.collapse:not(.show) {
    display: inherit;
}

.collapse:not(.in) {
    display: none;
}

.link-unstyled-heart{
	color:#6c757d !important
}

.link-mask-vetoo{
	width : 80% !important;
}

.box-plan-header-small{
	padding-bottom : 0 !important;
	padding-top : 0 !important;
}

.dropdown-item-no-hover .a .theme-icon-holder-no-hover {
	background-color: #f5f6fe;
}

.cta-section .container{
	position: relative;
	z-index : 0;
}

.alertify-notifier.ajs-bottom {
  bottom: 150px !important;
}

.opacity80 {
	opacity:80%;
}

.stickerTop{
  	position: absolute;
 	top: 0px;
  	right: 4px;
  	z-index:100;
  	transform : rotate(0deg);
}

.wrapperTop {
  position: relative;
  z-index: 0;
}

.ribbon-wrapper-TOP {
  width: 85px;
  height: 88px;
  overflow: hidden;
  position: absolute;
  top: -3px;
  right: -3px;
  z-index:10
}

.ribbon-TOP {
  font: bold 15px Sans-Serif;
  color: #333;
  text-align: center;
  -webkit-transform: rotate(45deg);
  -moz-transform:    rotate(45deg);
  -ms-transform:     rotate(45deg);
  -o-transform:      rotate(45deg);
  position: relative;
  padding: 7px 0;
  left: -5px;
  top: 15px;
  width: 120px;
  background-color: #EEBF41;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#EEBF41), to(#EEBF41)); 
  background-image: -webkit-linear-gradient(top, #EEBF41, #EEBF41); 
  background-image:    -moz-linear-gradient(top, #EEBF41, #EEBF41); 
  background-image:     -ms-linear-gradient(top, #EEBF41, #EEBF41); 
  background-image:      -o-linear-gradient(top, #EEBF41, #EEBF41); 
  color: #6a6340;
  -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
  -moz-box-shadow:    0px 0px 3px rgba(0,0,0,0.3);
  box-shadow:         0px 0px 3px rgba(0,0,0,0.3);
}

.ribbon-TOP:before, .ribbon-TOP:after {
  content: "";
  border-top:   3px solid #6e8900;   
  border-left:  3px solid transparent;
  border-right: 3px solid transparent;
  position:absolute;
  bottom: -3px;
}

.ribbon-TOP:before {
  left: 0;
}
.ribbon-TOP:after {
  right: 0;
}


/* DEAD ANIMALS */
.theme-bg-black {
	background: #212121;
}

.theme-bg-black .page-intro, .theme-bg-black .page-heading {
	color: #fff;
}

.theme-bg-black .page-intro {
	opacity : 0.8;
}

.preview-dead {
	overflow: hidden;
}

.preview-dead .preview-dead-caution {
	position: absolute;
    align-self: center;
    width:80%;
    z-index: 10;
}
.preview-dead .preview-dead-caution i {
	color: #ffffff;
	font-size: 2rem
}

.preview-dead img {
  filter: 			blur(7px);
  -webkit-filter: 	blur(7px);
  -moz-filter: 		blur(7px);
  -o-filter: 		blur(7px);
  -ms-filter: 		blur(7px);
}


.dead {
	overflow: hidden;
    display: flex;
    text-align: center;
    justify-content: center;
    align-content: center;
}

.dead .dead-caution {
	position: absolute;
    align-self: center;
    width:80%;
    z-index: 10;
	
}
.dead .dead-caution i, .dead .dead-caution p {
	color: #ffffff;
	font-size: 1.1rem
}

.dead .dead-caution i {
    font-size: 2rem;
    margin-bottom: 10px;
}


.dead img {
  filter: blur(20px);
  -webkit-filter: blur(20px);
  -moz-filter: blur(20px);
  -o-filter: blur(20px);
  -ms-filter: blur(20px);
}

.dead-display img {
	filter: blur(0px)!important;
    -webkit-filter: blur(0px)!important;
    -moz-filter: blur(0px)!important;
    -o-filter: blur(0px)!important;
    -ms-filter: blur(0px)!important;
}

.dead-display .dead-caution {
	display: none!important;
}
/* /Dead animals */

a.slogan:hover{
	color: #747f94 !important;
}

 .imgCompare{
 	max-width:325px; 
 }
 
 
 th.success{
 	    color: #fff;
    background-color: #4a9f64;
    border-color: #46965f;
    font-size: 18px;
 }
 
 .fa-circle.success{
 
 	color: #4a9f64 ; 
 }
 
 .fa-circle.warning{
 	color:#EEBF41; 
 }
 
  th.warning{
  color: #252930;
    background-color: #EEBF41;
    border-color: #EEBF41;
    font-size: 18px;
  }
  .card-deck{
 	width: 100%;
 }
 
.font-30px{
font-size:30px; 
}

.font-08rem{
font-size:0.8rem; 
}