/*
 *
 * Ionic migration CSS
 * These styles reapply foundation.css styles AFTER iconic.css has been applied.
 * This has the effect of allowing all foundation styles be available at the same time as all Ionic styles being available.
 * Where there are conflicts between foundation and css, this file resolves the conflict with a compromise which the developer must manage.
 * This stylesheet is merged into copay.css.
 */

/* Foundation.css styles re-applied.  These styles are exactly as described in foundation.css */


/* Conflicting styles that are customized as a compromise. These styles are a merge or compromise of foundation.css and ionic.css. */

.row {
	display: inherit;
}

.behind {
	z-index: -1;
}

.popup-container.active .popup {
	border-radius: 10px;
}

.popup-container .popup {
	width: 300px;
}

.popup-head {
	display: none;
}

.popup-body {
	padding: 0px;
}

.bct {
 	background-color: transparent !important;
	margin-top: -25px;
  padding-bottom: 30px;
	right: -24px !important;
	border-width: 0px;
}

.r0 {
	right: 0px !important;
}

.item-toggle .toggle {
	right: 28px;
}

.toggle-label {
	color: rgb(41, 55, 68);
	font-size: 14px;
	margin-left: 5px;
}

button, .button {
	min-width: inherit;
  min-height: inherit;
  text-overflow: inherit;
}

.modal-open {
  pointer-events: inherit;
}

/* Defeat Ionic .row+.row in transaction history */
.last-transactions-content+.last-transactions-content, .row+.last-transactions-content {
  padding: 0.8rem 1rem;
  cursor: pointer;
  margin: inherit;
}

/* Add margins to the session log */
.row.columns.large-centered.medium-centered {
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
}

/* Defeat Ionic .row+.row in backup failed view */
.backup .row {
  margin-top: 10px;
  padding: 0;
}

/* Override the default modal size for large devices */
@media (min-width: 680px) {
  .modal {
    top: 10%;
    right: 20%;
    bottom: 10%;
    left: 20%;
    min-height: 240px;
    width: 60%;
  }
}