/**
 * Styles
 * =========================================== */
 
@font-face {
	font-family: 'Swap';
	src: url('../webfonts/swap.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
.dashicons-swap-logo,
.dashicons-swap-logo:before {
	font-family: 'Swap';
}
.dashicons-swap-logo:before {
	content: '\e815';
}

/* Admin Form */
.wp-mcwallet-widget-form {
	clear: both;
}
.wp-mcwallet-widget-form-field {
	margin: 1.5em 0;
}
.wp-mcwallet-widget-form-field label {
	font-weight: 600;
	line-height: 1.5;
	padding-bottom: .5em;
	display: block;
}
.wp-mcwallet-widget-form input {
	line-height: 1.5;
	margin: 0;
}

/* Admin Panel */
.mcwallet-welcome-panel {
	padding-bottom: 20px;
	margin-top: 15px;
}
.mcwallet-shortcode-panel-row {
	padding-top: 15px;
}
.mcwallet-shortcode-panel-row input[readonly] {
	background-color: #fff;
}
.mcwallet-shortcode-panel-row > p:first-child {
	margin-top: 0;
}

/* Tabs */
.mcwallet-nav-tabs {
	margin-left: -5px;
}
.mcwallet-nav-tabs .nav-tab:first-child {
	margin-left: auto;
}
.mcwallet-nav-tabs .nav-tab-active,
.mcwallet-nav-tabs .nav-tab-active:focus,
.mcwallet-nav-tabs .nav-tab-active:focus:active,
.mcwallet-nav-tabs .nav-tab-active:hover {
	border-bottom: 1px solid #fff;
	background: #fff;
	outline: none;
}
.mcwallet-nav-tabs .nav-tab-active:focus,
.mcwallet-nav-tabs .nav-tab-active:focus:active {
	box-shadow: none;
}

.mcwallet-panel-tab {
	background: #fff;
	padding-left: 15px;
	padding-right: 15px;
	border: 1px solid #c3c4c7;
	border-top: 0px;
}

.mcwallet-panel-tab:not(.panel-tab-active) {
	display: none;
}

/** Tokens list */
.wp-list-tokens {
	counter-reset: tokencount;
	margin-top: 10px;
}
.wp-list-tokens thead td,
.wp-list-tokens tfoot td {
	padding-left: 15px;
	padding-right: 15px;
	font-weight: bold;
}
.wp-list-tokens tbody {
	position: relative;
}
.wp-list-tokens tbody .item {
	transition: opacity .3s, background-color .3s;
	position: relative;
}
.wp-list-tokens tbody .item:hover {
	box-shadow: 0px 0px 0px 1px #c3c4c7;
	z-index: 2;
}
.wp-list-tokens .ui-state-highlight {
	height: 70px;
	background-color: #2c3338 !important;
}
.wp-list-tokens .ui-sortable-helper {
	display: table;
	border-collapse: separate;
	box-sizing: border-box;
	background-color: #fff;
	opacity: .7;
	cursor: grab !important;
}
.wp-list-tokens tbody .item > * {
	padding: 15px;
	vertical-align: middle;
}
.wp-list-tokens tbody .item .item-count {
	counter-increment: tokencount;
	cursor: grab;
	position: relative;
}
.wp-list-tokens tbody .item .item-count:hover {
	color: #2271b1;
}
.wp-list-tokens tbody .item .item-count > span:before {
	content: counter( tokencount);
}
.wp-list-tokens .item-count {
	width: 20px;
	text-align: center;
}
.wp-list-tokens .item-address {
	white-space: nowrap;
}
.wp-list-tokens .item-echange-rate {
	width: 100px;
	text-align: center;
	white-space: nowrap;
}
.wp-list-tokens .item-action {
	width: 20px;
	text-align: center;
}
.wp-list-tokens tbody .item-empty:not(:first-child),
.wp-list-tokens tbody .item-empty:not(:last-child) {
	display: none;
}
.wp-list-tokens tbody .item .item-icon {
	width: 50px;
}
.wp-list-tokens tbody .item .item-icon > a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 40px;
	height: 40px;
	line-height: 40px;
	border-radius: 50%;
	background-color: #23282d;
	transition: all .3s;
}
.wp-list-tokens tbody .item .item-icon > a {
	background-color: #3e454d;
}
.wp-list-tokens tbody .item .item-icon img {
	display: block;
	max-width: 24px;
	width: auto;
	max-height: 24px;
	height: auto;
	margin: 0 auto;
}
.wp-list-tokens tbody .item .item-icon .token-letter {
	font-weight: bold;
	color: #fff;
	font-size: 20px;
	display: block;
	text-align: center;
	line-height: 40px;
}
.wp-list-tokens tbody .item.removing {
	background-color: #faafaa;
}
.wp-list-tokens .drag-icons-group {
	position: absolute;
	top: 50%;
	left: 5px;
	transform: translateY(-50%);
	opacity: 0;
	transition: all .3s;
}
.wp-list-tokens .drag-icons-group .dashicons {
	transform: rotate(90deg);
	margin: 0 -8px;
}
.wp-list-tokens tbody .item:hover .drag-icons-group {
	opacity: 1;
}
.mcwallet-form-inline {
	display: flex;
}
.mcwallet-form-inline > .button {
	margin-left: 5px;
}
.wp-list-tokens tbody .item-adding {
	background-color: #e3fce6;
}
.wp-list-tokens tbody .item-fade {
	opacity: 0;
}
.mcwallet-add-token + .spinner,
.mcwallet-update-options + .spinner {
	float: none;
}
.mcwallet-welcome-panel .welcome-panel-content {
	margin-right: 13px;
	justify-content: flex-start;
}
.wrap .mcwallet-welcome-panel h2.nav-tab-wrapper {
	padding-top: 0;
}
.mcwallet-welcome-panel h3 {
	font-size: 1.3em;
}
.mcwallet-welcome-panel h3:first-child,
.mcwallet-strings-header > h3 {
	margin-top: 0;
}
.mcwallet-button-url.disabled {
	pointer-events: none;
}
.wp-mcwallet-widget-form .mcwallet-open-modal {
	padding: 8px 30px;
	font-size: 16px;
}
.mcwallet-submit-group {
	display: inline-block;
}
.form-table td:first-child > .mcwallet-submit-group {
	margin-left: -10px;
}

/* Notice */
.wrap > .mcwallet-notice {
	position: fixed;
	top: 40px;
	z-index: 101;
}
.mcwallet-notice.notice-success {
	background-color: #d4e6d5;
}
.mcwallet-notice.notice-error {
	background-color: #eed4d4;
}
.mcwallet-info-bar {
	text-align: right;
	padding: 10px 20px;
	margin: 15px -10px -20px;
	background: #f1f1f1;
	border-top: 1px solid #ccd0d4;
	font-style: italic;
	color: #555d66;
}

/* Color Picker */
.wp-mcwallet-widget-form .wp-picker-clear,
.wp-mcwallet-widget-form .wp-picker-input-wrap label {
	vertical-align: middle;
}

/* Modal */
.toplevel_page_mcwallet #TB_window {
	width: 980px !important;
	max-width: 100% !important;
	height: auto !important;
	max-height: 100% !important;
	margin-top: auto !important;
	margin-left: auto !important;
	margin-right: auto !important;
	top: 30px !important;
	transform: translateX(-50%);
}
.toplevel_page_mcwallet #TB_ajaxContent {
	width: 980px !important;
	max-width: 100% !important;
	height: auto !important;
	max-height: 100% !important;
	box-sizing: border-box;
}

.toplevel_page_mcwallet #TB_iframeContent {
	width: 100% !important;
	height: calc(100vh - 90px) !important;
}

/**
 * Edit Banner
 */
.post-type-mcwallet_banner .mcwallet-form-table .large-text {
	width: 100%;
}
.post-type-mcwallet_banner #misc-publishing-actions,
.post-type-mcwallet_banner #minor-publishing-actions {
	display: none;
}

/**
 * String Replacement
 */
.mcwallet-strings-header {
	display: flex;
	margin-bottom: 15px;
}
.mcwallet-strings-header h3 {
	flex: auto;
}
.mcwallet-strings-row {
	display: flex;
	margin-bottom: 15px;
	align-items: center;
}
.mcwallet-strings-row .mcwallet-string-col {
	flex: auto;
	width: 50%;
}
.mcwallet-strings-row .mcwallet-string-action a {
	text-decoration: none;
}
.mcwallet-strings-footer {
	display: flex;
	justify-content: space-between;
	padding-right: 25px;
}
.mcwallet-strings-empty-row {
	padding: 10px;
	margin-bottom: 15px;
	margin-right: 25px;
	background-color: #f1f1f1;
}
.mcwallet-strings-info {
	margin-top: 15px;
	margin-bottom: 15px;
}
.mcwallet-form-table th {
	padding-left:  15px;
}

/**
 * Faq and Menu list
 */
.mcwallet-faq-list th,
.mcwallet-menu-list th,
.mcwallet-faq-list strong,
.mcwallet-menu-list strong {
	font-weight: bold;
}
.mcwallet-own-faq-row input,
.mcwallet-own-faq-row textarea,
.mcwallet-own-menu-row input[type="text"] {
	width: 100%;
}
.mcwallet-own-menu-row input[type="checkbox"] {
	display: block;
	margin: 0 auto;
}
.mcwallet-faq-list .-mc-hidden,
.mcwallet-menu-list .-mc-hidden {
	display: none;
}
.mcwallet-faq-message,
.mcwallet-menu-message {
	background-color: #e9e9e9;
	text-align: center;
	font-weight: bold;
}

/**
 * Card
 */
.mcwallet-card {
	max-width: initial;
}
