/* O B J E C T S */

/* CARDS (WITH BOX SHADOW) */

.card-1 {
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
	background-color: white;
	-webkit-transition: box-shadow 0.3s cubic-bezier(.25,.8,.25,1);
	transition: box-shadow 0.3s cubic-bezier(.25,.8,.25,1);
	cursor: pointer;
	border-radius: 4px;
	overflow: hidden;
}

.card-1:hover {
	box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}

.card-2 {
	box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
	background-color: white;
	border-radius: 4px;
}

.card-3 {
	box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
	background-color: white;
	border-radius: 4px;
}

.card-4 {
	box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
	background-color: white;
	border-radius: 4px;
}

.card-5 {
	box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
	background-color: white;
	border-radius: 4px;
}


/* PROFILE */
.profile-input {
	width: calc(100% - 22px);
	height: 30px;
	margin: 5px 0;
	border: 1px solid rgba(0,0,0,0.2);
	background-color: #ECECEC;
	border-radius: 4px;
	line-height: 36px;
	color: rgba(0,0,0,0.87);
	padding: 0 10px;
	float: left;
  -webkit-transition: all 0.3s cubic-bezier(.25,.8,.25,1);
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

.profile-input:focus, .profile-input:active {
	border: 1px solid #F39133;
}

/* OMA KAVA */
.omakava-background {
	background-color: #1565C0;
	color: white;
}

.omakava-facebook-background {
	background-color: #4966b6;
	color: white;
}

.omakava-red-background {
	background-color: #EB1d39;
	color: white;
}

.omakava-green-background {
	background-color: #15A96A;
	color: white;
}

.omakava-orange-background {
	background-color: #F39133;
	color: white;
}

.omakava-gray-background {
	background-color: #546e7a;
	color: white;
}

.omakava-white-background {
	background-color: white;
	color: black;
	text-shadow: none !important;
	box-shadow: 0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24), inset 0 0 0 rgba(0, 0, 0, 0.2) !important;
}

.omakava-white-background:hover {
	box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23), inset 0 0 0 rgba(0, 0, 0, 0.2) !important;
}

.omakava-changes {
	padding: 10px 0;
	float: left;
	display: inline-block;
	width: 100%;
	font-weight: bold;
}

.omakava-changes .button {
	text-align: center;
	font-weight: bold;
	float: right;
	margin-top: 7px;
}

/* BUTTONS */
.button {
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24), inset 0 -2px 0 rgba(0, 0, 0, 0.2);
	text-decoration: none !important;
	-webkit-transition: all 0.3s cubic-bezier(.25,.8,.25,1) !important;
	transition: all 0.3s cubic-bezier(.25,.8,.25,1) !important;
	cursor: pointer;
  border: 0;
	border-radius: 3px;
	text-shadow: 1px 1px 3px rgba(0,0,0,0.7);
	font-weight: bold;
  line-height: 36px;
	min-width: 16px;
  padding: 0 10px;
	float: left;
	display: inline-block;
}

.button:hover {
	box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23), inset 0 -2px 0 rgba(0, 0, 0, 0.2);
}

.button-disabled {
	cursor: no-drop;
}

.button-disabled:hover {
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24), inset 0 -1px 0 rgba(0, 0, 0, 0.2);
}

.button a {
	color: inherit;
	text-decoration: none;
}

.button-icon {
	width: 24px !important;
	height: 36px !important;
	background-size: 24px !important;
	background-position: center;
	background-repeat: no-repeat;
	float: left !important;
	margin-right: 5px !important;
	position: relative !important;
	top: 0 !important;
	transform: none !important;
	-webkit-transition: all 0.3s cubic-bezier(.25,.8,.25,1);
	transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

/* CLOSE BUTTON (X) */

.x-close-button {
	height: 40px;
	width: 40px;
	position: absolute;
	top: 10px;
	right: 10px;
	cursor: pointer;
	z-index: 3;
	background-image: url('/img/menu_close.svg');
	background-size: 40px;
	background-position: center;
	background-repeat: no-repeat;
	-webkit-transition: all 0.3s cubic-bezier(.25,.8,.25,1);
	transition: all 0.3s cubic-bezier(.25,.8,.25,1);
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

.close-hover-loader {
	background-image: url('/img/menu_close_hover.svg');
	background-repeat: no-repeat;
	background-position: -200vh -200vw;
	background-size: 40px;
}

.x-close-button:hover {
	background-image: url('/img/menu_close_hover.svg');
	-webkit-transition: all 0.3s cubic-bezier(.25,.8,.25,1);
	transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}


.kick-start {
	margin: 20px 0 !important;
	max-width: 100% !important;
}


/* DIMMER */

.dimmer {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding-bottom: 100px;
	background-color: rgba(0,0,0,0);
	z-index: 9;
	display: none;
	-webkit-transition: all 0.3s cubic-bezier(.25,.8,.25,1);
	transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

.dimmer-active {
	display: block;
}

.settings-icon {
	background-image: url('/img/profile_settings.svg');
}

.omakava-icon {
	background-image: url('/img/profile_schedule.svg');
}

.logout-icon {
	background-image: url('/img/profile_exit.svg');
}

.dollar-icon {
	background-image: url('/img/omakava_buy_dollar.svg');
}

.euro-icon {
	background-image: url('/img/omakava_buy_euro.svg');
}

.print-icon {
	background-image: url('/img/omakava_print.svg');
}

.checkmark-icon {
	background-image: url('/img/omakava_checkmark.svg');
}

.facebook-icon {
	background-image: url('/img/omakava_facebook.svg');
	margin: 0 !important;
	background-size: 19px !important;
	padding: 0 7px;
}

.google-icon {
	background-image: url('/img/omakava_google.svg') !important;
	margin: 0 !important;
}

.search-icon {
	background-image: url('/img/omakava_search.svg');
	cursor: pointer;
}

.search-icon-active {
	background-image: url('/img/omakava_search_active.svg');
}

.search-icon-black {
	background-image: url('/img/omakava_search_black.svg');
}

.numeric-table tr:not(first-of-type) td {
	text-align: right;
}


@media (max-width: 699px) {
	.dimmer, .profile-icon {
		cursor: pointer;
	}
}