/* Empty. Add your own CSS if you like */
.menu .logo{
	width: 80%;
}

.logo-title{
	height: 40px;
	width: 100%;
	text-align: center;
	margin: 0;
}
.logo-title > img {
	max-height: 40px;
	height: 100%;
}

.modal .logo-title{
	height: 36px;
}

.card .item.center {
	text-align: center;
}

.list.card {
	margin-top: 40px;
	margin-bottom: 40px;
}
.type-button {
	font-weight: bold;
	margin: -5px;
	padding-left: 40px !important;
}

.type-button::after {
	content: ' ';
	height: 100%;
	width: 20px;
	position: absolute;
	left: 0;
	top: 0;
}

.type-0:not(.type-button), .type-0.type-button::after {
	background-color: #66bb6a !important;
}

.type-1:not(.type-button), .type-1.type-button::after {
	background-color: #FFEE58 !important;
}

.type-2:not(.type-button), .type-2.type-button::after {
	background-color: #ffb74d !important;
}

table.export-preview td {
	white-space: nowrap;
	border-right: 1px solid grey;
	padding: 2px 4px;
}

table.export-preview th{
	font-weight: bold;
}

.hidden-button{
	width: 40px;
	height: 40px;
}

.errors {
	color: #F44336;
}

.has-errors {
  border-bottom: 3px solid #F44336;
}

.eula {
	font-size: 14px;
}

.item-input {
	flex-wrap: wrap;
}

.custom-twocol {
	flex-wrap: wrap;
	padding: 0;
}

.custom-twocol .item-complex {
	margin: 5px 10px;
	-webkit-flex: 0 0 calc(50% - 20px);
    -moz-flex: 0 0 calc(50% - 20px);
    -ms-flex: 0 0 calc(50% - 20px);
    flex: 0 0 calc(50% - 20px);
}

.custom-item-button-right {
    padding-right: 120px;
}

.data-type {
	font-weight: bold;
	padding: 0.2em;
	border: 1px solid;
	margin-right: 1em;
	width: 35px;
    display: inline-block;
    text-align: center;
}

.popup-container .popup {
	background-color: #fff;
}

label.fix-radio label.item.item-radio {
	margin-left: -6px;
	margin-right: 8px;
}

.data-popup-edit .icon {
	width: 24px;
}

@media (max-width: 767px) {
	.custom-twocol .item-complex {
		margin: 5px 0;
		-webkit-flex: 1;
		-moz-flex: 1;
		-ms-flex:1;
		flex: 1;
	}
}

.assertive {
	padding: 0 10px;
}


.button.button-grey {
	background-color: #c2c2c2;
}
/* fix color theme since sass is broken */
.button.button-positive.button-clear {
	color: #c2c2c2;
}

.toggle.toggle-positive input:checked + .track {
    border-color: #c2c2c2;
    background-color: #c2c2c2;
}

.button.button-positive,
.positive-bg {
	color: black;
	background-color: #c2c2c2;
}

.button-positive.button.active,
.button-positive.button.activated {
	color: black;
	background-color: #a3a3a3;
}

._720kb-datepicker-calendar-day._720kb-datepicker-today {
  background-color:#D9D9D9;
}

@media (min-width: 1024px) {
	.image-position {
		position: absolute;
		background-color: white;
		width: 300px;
	}
}

@media (min-width: 1025px) {
	.modal {
		top: 10%;
		bottom: 10%;
		left: calc(50% - 514px);
		min-height: 240px;
		width: 1024px;
	}
}

@media (max-width: 1024px) {
	.modal {
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		width: 100%;
	}
}

/* ripple */

[ripple]{
	overflow: hidden;
}

.rip {
	display: block;
	position: absolute;
	background:rgba(255, 255, 255, 0.3);
	border-radius: 100%;
	-webkit-transform:scale(0);
	-moz-transform:scale(0);
	-o-transform:scale(0);
	transform:scale(0);
}

.animate-ripple {
	-webkit-animation:ripple 0.65s linear;
	-moz-animation:ripple 0.65s linear;
	-ms-animation:ripple 0.65s linear;
	-o-animation:ripple 0.65s linear;
	animation:ripple 0.65s linear;
}

@-webkit-keyframes ripple {
	100% {opacity: 0; -webkit-transform: scale(2.5);}
}
@-moz-keyframes ripple {
	100% {opacity: 0; -moz-transform: scale(2.5);}
}
@-o-keyframes ripple {
	100% {opacity: 0; -o-transform: scale(2.5);}
}
@keyframes ripple {
	100% {opacity: 0; transform: scale(2.5);}
}

/**
 * This CSS uses adjacent selectors instead of general sibling (~) selectors
 * for ion radio that are broken in iOS 9 UIWebView.
 *
 * To apply the patch, include this CSS after your ionic.css include.
 */
  .item-radio input:checked + .radio-content .item-content {
    /* style the item content when its checked */
    background: #f7f7f7;

  }

  .item-radio input:checked + .radio-content .radio-icon {
    /* show the checkmark icon when its checked */
    visibility: visible;

  }