﻿html {
	font-size: 12.5px;
}

.position-righttop {
	position: absolute;
	top: 0;
	right: 0;
}

/*
  Font Icon
  https://fontawesome.com/icons?d=gallery&m=free
*/
.fa-fw2 {
	text-align: center;
	width: 2rem;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
	margin-bottom: 0;
}


.btn.btn-label {
	opacity: 1;
	pointer-events: none;
}

/*
  Page
*/
.page {
	height: 100%;
	position: relative;
	display: none;
}

/*
  Header/Footer
*/

header .btn-toolbar {
	padding: 0 0.3rem;
}

	header .btn-toolbar .btn {
		/*-ms-word-break: keep-all;
    word-break: keep-all;*/
		flex-grow: 0;
		padding-top: 1rem;
		padding-bottom: 1rem;
		/*min-height: 3rem;*/
	}

	header .btn-toolbar > .btn-group {
		-ms-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	header .btn-toolbar .input-group-append > .btn {
		padding-top: 0;
		padding-bottom: 0;
	}

header > .btn {
	float: right;
	margin-top: 0.3rem;
	margin-right: 0.3rem;
}

footer .btn:not(.no-text) {
	min-width: 7em;
}



.btn-group.divider {
	border: 0;
	border-left: 1px solid rgba(0, 0, 0, 0.1);
	padding-left: 0.3rem !important;
	margin-left: 0.3rem !important;
	min-width: 0.5rem;
}

/*
  Modal Dialog
*/

.modal {
	padding: 0 !important;
}

	.modal > .modal-dialog.noside,
	.modal > .modal-dialog.rightside,
	.modal > .modal-dialog.leftside {
		height: 100%;
		max-height: none;
	}

	.modal > .modal-dialog {
		margin-left: auto;
		margin-right: auto;
		padding: 0 0.5rem;
	}

		.modal > .modal-dialog.rightside,
		.modal > .modal-dialog.leftside {
			max-width: 300px;
		}

		.modal > .modal-dialog.noside {
			margin-top: 0 !important;
			margin-bottom: 0 !important;
			padding-top: 1rem;
			padding-bottom: 1rem;
		}

		.modal > .modal-dialog.rightside {
			margin: 0 0 0 auto !important;
			padding-right: 0;
		}

		.modal > .modal-dialog.leftside {
			margin: 0 auto 0 0 !important;
			padding-left: 0;
		}

			.modal > .modal-dialog.noside > .modal-content,
			.modal > .modal-dialog.rightside > .modal-content,
			.modal > .modal-dialog.leftside > .modal-content {
				height: 100%;
				max-height: 100%;
			}

			.modal > .modal-dialog.rightside > .modal-content,
			.modal > .modal-dialog.leftside > .modal-content {
				border-radius: 0;
				border-top-width: 0;
				border-bottom-width: 0;
			}

		.modal > .modal-dialog.rightside > .modal-content {
			border-right-width: 0;
		}

		.modal > .modal-dialog.leftside > .modal-content {
			border-left-width: 0;
		}

			.modal > .modal-dialog.noside > .modal-content > .modal-body,
			.modal > .modal-dialog.rightside > .modal-content > .modal-body,
			.modal > .modal-dialog.leftside > .modal-content > .modal-body {
				overflow-y: auto;
			}

.fade.modal .modal-dialog.leftside {
	-o-transform: translate(-50px, 0);
	-ms-transform: translate(-50px, 0);
	-moz-transform: translate(-50px, 0);
	-webkit-transform: translate(-50px, 0);
	transform: translate(-50px, 0);
}

.fade.modal .modal-dialog.rightside {
	-o-transform: translate(50px, 0);
	-ms-transform: translate(50px, 0);
	-moz-transform: translate(50px, 0);
	-webkit-transform: translate(50px, 0);
	transform: translate(50px, 0);
}

.fade.modal.show .modal-dialog.rightside,
.fade.modal.show .modal-dialog.leftside {
	-o-transform: none;
	-ms-transform: none;
	-moz-transform: none;
	-webkit-transform: none;
	transform: none;
}

.modal.modal-child {
	z-index: 1070;
}

/*	.modal.modal-child:has( + .modal-backdrop) {
		z-index: 1060;
		opacity: 0;
	}*/

.modal-backdrop:has(+ .modal.modal-child) {
	z-index: 1060;
	opacity: 0;
}

.modal-header {
	align-items: center;
	padding: 0.5rem;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	flex-shrink: 0;
}

	.modal-header .modal-title {
		flex-grow: 1;
	}

	.modal-header .close {
		margin: -0.5rem;
		margin-left: 0.5rem;
		padding: 0.5em;
	}

.modal-footer {
	padding: 0.5rem;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	flex-shrink: 0;
}

	.modal-footer > :not(:last-child) {
		margin-right: 0;
	}

	.modal-footer > :not(:first-child) {
		margin-left: 0.25rem;
	}

	.modal-footer .btn:not(.no-text) {
		min-width: 7em;
	}

.modal-dialog.msgbox {
	justify-content: center;
}

	.modal-dialog.msgbox > .modal-content {
		width: auto;
		max-width: 100%;
		min-width: 200px;
		overflow: hidden;
	}

		.modal-dialog.msgbox > .modal-content > .modal-footer {
			justify-content: center;
		}

			.modal-dialog.msgbox > .modal-content > .modal-footer > .btn {
				min-width: 7em;
			}

.modal-body > ul.fill {
	margin: -1rem;
}

.modal-body > ul.tile {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

	.modal-body > ul.tile > li {
		margin-right: 0;
	}

		.modal-body > ul.tile > li > .list-group-item {
			border-bottom-width: 0;
		}

.modal._busy_loader_.show {
	z-index: 1051;
}

	.modal._busy_loader_.show ._busy_loader_progress {
		width: 0;
		height: 2em;
		background-color: #ccc;
	}

.modal-body > .modal-menu {
	margin: -0.5rem;
}

	.modal-body > .modal-menu > .btn {
		display: block;
		width: 100%;
		text-align: left;
		border-radius: 0;
	}

		.modal-body > .modal-menu > .btn > i {
			width: 2.5rem;
		}

	.modal-body > .modal-menu > hr {
		margin: 0.5rem -0.5rem;
	}

.modal-body > p {
	-ms-word-break: break-all;
	word-break: break-all;
}


/*
  Overlay
*/
.overlay {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	width: 100vw;
	height: 100vh;
	background-color: rgba(0,0,0,0.3);
	z-index: 1048;
	opacity: 0;
	-o-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

	.overlay.active {
		display: block;
		opacity: 1;
	}

/*
  DatetimePicker
*/
.bootstrap-datetimepicker-widget.dropdown-menu {
	z-index: 1040;
}

/*
  DropDown
*/

.dropdown > .btn.dropdown-toggle {
	height: 100%;
}

.dropdown-toggle-right::after {
	display: inline-block;
	position: absolute;
	top: 50%;
	right: 1em;
	content: "";
	border-top: .3em solid;
	border-right: .3em solid transparent;
	border-bottom: 0;
	border-left: .3em solid transparent;
	-o-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
}

.btn-group > .dropdown {
	flex-grow: 1;
	flex-shrink: 1;
}

	.btn-group > .dropdown > .btn {
		width: 100%;
		height: 100%;
	}

/*
  Folding Group
*/

/*@media screen and (max-width: 40rem), screen and (max-height: 20rem) {*/
@media screen and (max-width: 40rem) {
	.btn-group.folding .btn:not(.active) {
		min-width: 0;
	}

		.btn-group.folding .btn:not(.active) > span:not([class]) {
			display: none;
		}
}

/*
  Entry Form
*/
.entry-form {
	max-width: 60em;
	margin: 0 auto;
}

.section-bar {
	padding: 0.5rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom: 1rem;
}

	.section-bar > .btn-group {
		margin-left: auto;
	}

/*
  Field
*/

.field-contain {
	margin-bottom: 1em;
	display: flex;
	align-items: flex-start;
}

	.field-contain > label {
		margin-right: 1rem;
		margin-top: 0.4em;
		margin-bottom: 0 !important;
		text-align: right;
		flex-shrink: 0;
		flex-grow: 0;
	}

		.field-contain > label + div {
			-ms-flex: 1;
			-webkit-flex: 1;
			flex: 1;
		}

			.field-contain > label + div > .alert {
				margin: 0;
				padding: 0.3em;
			}

		.field-contain > label > .badge {
			font-size: 1em;
			margin-left: 0.3rem;
		}

		.field-contain > label + div.form-check {
			margin-top: 0.4rem;
		}

	.field-contain > .field-contain {
		-ms-flex: 1;
		-webkit-flex: 1;
		flex: 1;
		margin-bottom: 0;
	}

	.field-contain .btn.dropdown:disabled,
	.field-contain label.disabled {
		opacity: 1;
	}

	.field-contain > label + input[type='checkbox'],
	.field-contain > label + input[type='radio'] {
		margin-top: 0.6rem;
	}

.field-group-em3 .field-contain > label {
	width: 3em;
}

.field-group-em4 .field-contain > label {
	width: 4em;
}

.field-group-em5 .field-contain > label {
	width: 5em;
}

.field-group-em6 .field-contain > label {
	width: 6em;
}

.field-group-em7 .field-contain > label {
	width: 7em;
}

.field-group-em8 .field-contain > label {
	width: 8em;
}

.field-group-em9 .field-contain > label {
	width: 9em;
}

.field-group-em10 .field-contain > label {
	width: 10em;
}

.field-group-em11 .field-contain > label {
	width: 11em;
}

.field-group-em12 .field-contain > label {
	width: 12em;
}

.field-group-em13 .field-contain > label {
	width: 13em;
}

.field-group-em14 .field-contain > label {
	width: 14em;
}

.field-group-em15 .field-contain > label {
	width: 15em;
}

/* チェックボックスグループ */
.field-contain .form-check-group {
	display: flex;
	padding: 0.4rem 1rem;
	flex-wrap: wrap;
	gap: 0.3rem 1rem;
	height: auto;
}

	.field-contain .form-check-group > .form-check {
		flex-grow: 1;
	}

		.field-contain .form-check-group > .form-check > .form-check-label {
			width: 100%;
			margin-bottom: -0.1rem;
		}

	.field-contain .form-check-group > .custom-control.custom-radio,
	.field-contain .form-check-group > .custom-control.custom-checkbox {
		min-width: 8rem;
	}

/* チェックボックス単得 */
.field-contain > .custom-control.custom-radio,
.field-contain > .custom-control.custom-checkbox {
	padding-top: 0.4rem;
}

/* チェックボックスラベル選択禁止 */
.field-contain .custom-control.custom-radio > .custom-control-label,
.field-contain .custom-control.custom-checkbox > .custom-control-label {
	-ms-user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}


/* 電話番号 */
.field-contain .form-tel-group {
	align-items: center;
}

	.field-contain .form-tel-group > label {
		margin: 0 0.3em;
	}

	.field-contain .form-tel-group > input[type="number"]::-webkit-outer-spin-button,
	.field-contain .form-tel-group > input[type="number"]::-webkit-inner-spin-button {
		-webkit-appearance: none;
		margin: 0;
	}

	.field-contain .form-tel-group > input[type="number"] {
		-moz-appearance: textfield;
	}


@media screen and (max-width: 40rem) {
	.field-contain:not(.fix) {
		display: block;
	}

		.field-contain:not(.fix) > label {
			text-align: left;
			width: auto;
		}

	.field-contain > label:empty {
		display: none;
	}

	.field-contain > .field-contain {
		margin-bottom: 1em;
	}
}

/*
  Checkbox Button
*/
.btn-group-toggle.checkbox {
	cursor: pointer;
}

	.btn-group-toggle.checkbox > label.btn {
		text-align: left;
	}

		.btn-group-toggle.checkbox > label.btn:before {
			font-family: "Font Awesome 5 Free";
			content: "\f0c8";
			font-size: 1.3rem;
			margin-right: 0.3rem;
		}

		.btn-group-toggle.checkbox > label.btn.active:before {
			font-family: "Font Awesome 5 Free";
			content: "\f14a";
			font-size: 1.3rem;
			margin-right: 0.3rem;
		}

.checkbox-group {
	display: flex;
	align-items: center;
}

	.checkbox-group > label {
		margin: 0 0.3rem;
	}

/*
  listview
*/
ul {
	-ms-word-wrap: break-word;
	word-wrap: break-word;
	padding-left: 0;
	margin-bottom: 0;
	list-style-type: none;
}

	ul.fill {
		width: auto;
	}

	ul > li.list-group-item,
	ul > li > .list-group-item {
		border-radius: 0 !important;
		border-top-width: 0;
		border-right-width: 0;
		border-left-width: 0;
		/*-ms-word-break:keep-all;
    word-break: keep-all;*/
	}

		ul > li > .list-group-item:focus {
			outline: none;
			box-shadow: 0 0 0 3px rgba(0,0,0,0.10) inset !important;
		}

		ul > li > .list-group-item > .btn-group-toggle.checkbox > label.btn {
			display: block;
			position: relative;
		}

	ul > li > .list-group-item-thum {
		display: flex;
		padding: 0;
	}

		ul > li > .list-group-item-thum > .thumbnail {
			min-height: 15rem;
			display: flex;
			flex-shrink: 0;
			flex-grow: 0;
			justify-content: center;
			align-items: center;
		}

			ul > li > .list-group-item-thum > .thumbnail > img {
				width: auto;
				height: auto;
				max-width: 100%;
				flex-grow: 0;
				flex-shrink: 0;
				max-height: 100%;
				padding: 0.3rem;
			}

		ul > li > .list-group-item-thum > .content {
			background-color: transparent;
			width: 100%;
		}

			ul > li > .list-group-item-thum > .content.card {
				border-radius: 0;
				border-width: 0;
			}

				ul > li > .list-group-item-thum > .content.card > div {
					border-width: 0;
					background-color: transparent; /*border off*/
				}

	ul > li.tile {
		display: inline-block;
		vertical-align: top;
		margin: 1rem 0 0 1rem;
	}

		ul > li.tile > .list-group-item-thum {
			-ms-flex-direction: column;
			-webkit-flex-direction: column;
			flex-direction: column;
			width: 20rem;
			align-items: center;
			justify-content: center;
			border-width: 1px;
			border-width: 0; /*border off*/
		}

			ul > li.tile > .list-group-item-thum > div {
				width: 100%;
				margin: 0;
			}

				ul > li.tile > .list-group-item-thum > div.thumbnail {
					height: 250px;
				}

			ul > li.tile > .list-group-item-thum > .content.card {
				border-top-width: 1px;
				border-top-width: 0; /*border off*/
			}

	ul > li .card.content > .card-header {
		font-weight: bolder;
		-ms-word-break: break-all;
		word-break: break-all;
	}


	ul > li:not(.tile) > .list-group-item-thum > .thumbnail {
		width: 10em;
		min-height: 10em;
	}

	ul > li:not(.tile) > .list-group-item-thum > .content.card {
		border-left-width: 1px;
		border-left-width: 0; /*border off*/
	}

	ul > li.divider {
		width: 100%;
		padding: 0.5em 1em;
		-ms-user-select: none;
		-moz-user-select: none;
		-webkit-user-select: none;
		user-select: none;
	}

	ul > li.tile + li.divider {
		margin-top: 1rem;
	}

@media screen and (max-width: 40rem) {
	ul > li.tile {
		margin: 0 0 -1px 0;
	}

	ul > li:not(.list-inline-item) {
		display: block !important;
	}

	ul > li.tile > .list-group-item-thum {
		width: 100%;
		min-width: 0 !important;
	}

		ul > li.tile > .list-group-item-thum > div.thumbnail {
			min-height: 0;
			display: flex;
			margin: 0;
			padding: 0;
			text-align: center;
		}
}

/*
  Anker Box
*/
.a-box > a.btn {
	display: inline-block;
	margin-right: 0.5rem;
	max-width: 100%;
	white-space: nowrap;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	text-decoration: underline;
	padding: 0 0.5rem 0 0;
	color: inherit;
	background-color: inherit;
	border-width: 0;
}

/*
  SideBar
*/
.sidebar-opener {
	display: flex;
	height: 3em;
}

	.sidebar-opener > .title {
		white-space: nowrap;
		/*width: 100%;*/
		overflow: hidden;
		-o-text-overflow: ellipsis;
		-ms-text-overflow: ellipsis;
		text-overflow: ellipsis;
		text-align: left;
	}

.sidebar {
	display: none;
}

.sidebar-wrapper > .content {
	margin-left: 0;
	width: 100%;
}

.sidebar-wrapper > .sidebar {
	width: 20em;
	position: fixed;
	top: 0;
	left: 0;
	height: 100vh;
	display: block;
	-o-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	margin-left: -20em;
	z-index: 1049;
}

.sidebar-wrapper.em25 > .sidebar {
	width: 25em;
	margin-left: -25em;
}

.sidebar-wrapper > .sidebar > div.sidebar-content {
	display: flex;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column;
	height: 100%;
	position: relative;
}

	.sidebar-wrapper > .sidebar > div.sidebar-content > .sidebar-header,
	.sidebar-wrapper > .sidebar > div.sidebar-content > .sidebar-footer {
		padding: 0.5rem;
	}

	.sidebar-wrapper > .sidebar > div.sidebar-content > .sidebar-body {
		height: 100%;
		overflow-y: auto;
		overflow-x: hidden;
		position: relative;
		-ms-flex: 1 1 auto;
		-webkit-flex: 1 1 auto;
		flex: 1 1 auto;
	}

.sidebar-wrapper > .sidebar.active {
	margin-left: 0;
}

.sidebar-wrapper > .sidebar > ul {
	border-width: 0 !important;
}

body.sidebar-overlay {
	overflow-y: hidden;
}

	body.sidebar-overlay .sidebar-wrapper > .sidebar {
		margin-left: 0;
	}

	body.sidebar-overlay .sidebar-overlay {
		display: block;
		opacity: 1;
	}

@media screen and (min-width: 40rem) {
	.sidebar-opener {
		visibility: hidden;
	}

	.sidebar-wrapper {
		display: flex;
	}

		.sidebar-wrapper > .content {
			margin-left: 20em;
		}

		.sidebar-wrapper.em25 > .content {
			margin-left: 25em;
		}

		.sidebar-wrapper.em25 > .sidebar,
		.sidebar-wrapper > .sidebar {
			z-index: 1;
			margin-left: 0;
		}
}

/*
  Handsontable
*/
div.handsontable .nowrap-multiline {
	white-space: pre;
}

div.handsontable th { /* ヘッダ */
	/*background-color: red;*/
	/*color: white;*/
}

div.handsontable tbody th.ht__highlight,
div.handsontable thead th.ht__highlight { /* 選択ヘッダー */
	/*background-color: brown;*/
}


div.handsontable th, /* ヘッダ */
div.handsontable td { /* セル */
	vertical-align: middle;
	text-shadow: none;
}

div.handsontable tbody > tr > td.highlight, /* 選択セル */
div.handsontable tbody > tr > td.current-row { /* 選択行 */
	background-color: rgba(51,136,204, 0.2);
}

div.handsontable .htDimmed { /* ReadOlnyセル */
	color: #000;
}

div.handsontable tbody > tr:nth-child(even) > td:not(.current-row):not(.current) { /* 偶数列 */
	background-color: #f8f8f8;
}

div.handsontable tbody > tr:nth-child(odd) > td:not(.current-row):not(.current) { /* 奇数列 */
	background-color: transparent;
}

div.handsontable .ht_clone_top tr:first-child th,
div.handsontable .ht_clone_top_left_corner tr:first-child th {
	border-top-width: 0; /* 上端部罫線不要 */
}

div.handsontable .ht_clone_left th:first-child,
div.handsontable .ht_clone_top_left_corner tr:first-child th {
	border-left-width: 0; /* 左端部罫線不要 */
}

div.handsontable span.colHeader {
	display: block;
}

	div.handsontable span.colHeader.columnSorting {
		display: inline-block;
	}

div.handsontable .wtBorder.current { /*カレント選択枠色*/
	/*background-color: #000 !important;*/
}

div.handsontable td.edit-text {
	cursor: text;
}

.custom-control.custom-radio > .custom-control-label::after,
.custom-control.custom-radio > .custom-control-label::before,
.custom-control.custom-checkbox > .custom-control-label::after,
.custom-control.custom-checkbox > .custom-control-label::before {
	width: 1.3rem;
	height: 1.3rem;
	top: 0.1rem;
}

/*.centering_alert {
	position: absolute;
	top: 50%;
	left: 50%;
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	margin-right: -50%;
	margin-bottom: -50%;
	z-index: 999;
	padding: 1rem;
	border-radius: 0.25rem;
}*/

.custom-control.custom-radio,
.custom-control.custom-checkbox,
.list-group-item-action {
	cursor: pointer;
}

input[type='file'] {
	display: none !important;
}

/*
	alert
*/
.alert.alert-overlay {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	margin: 0 -50% -50% 0;
	z-index: 1031;
	/*min-width: 10rem;*/
}

.alert.alert-sm {
	padding: 0.1rem 0.5rem;
	display: flex;
}

.alert.alert-fill {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}

.alert.alert-sticky {
	position: sticky;
	z-index: 1001;
	top: 0;
}

.toast-top-left,
.toast-top-right,
.toast-bottom-left,
.toast-bottom-right {
	position: absolute;
	padding: 0 1rem;
	z-index: 1031;
	max-width: 100%;
	overflow: hidden;
	pointer-events: none;
}

	.toast-top-left:empty,
	.toast-top-right:empty,
	.toast-bottom-left:empty,
	.toast-bottom-right:empty {
		display: none;
	}

.toast-top-left {
	left: 0;
	top: 0;
}

.toast-top-right {
	right: 0;
	top: 0;
}

.toast-bottom-left {
	left: 0;
	bottom: 0;
}

.toast-bottom-right {
	right: 0;
	bottom: 0;
}

.toast-top-left > .toast,
.toast-top-right > .toast {
	margin-top: 1rem;
}

.toast-bottom-left > .toast,
.toast-bottom-right > .toast {
	margin-bottom: 1rem;
}

.toast {
	font-size: 1rem;
	pointer-events: auto;
}

.toast-header {
	position: relative;
	padding: 0.5rem;
	padding-right: 1.7rem;
}

	.toast-header > .close {
		position: absolute;
		right: 0;
		top: 50%;
		transform: translate(-50%, -50%);
	}

.radios_box {
	display: flex;
	gap: 0.5rem 1rem;
	padding: 0.5rem;
	flex-wrap: wrap;
}

img.filter_white {
	filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(2153%) hue-rotate(48deg) brightness(119%) contrast(107%);
}

img.filter_black {
	filter: brightness(0) saturate(100%) invert(0%) sepia(99%) saturate(10%) hue-rotate(321deg) brightness(95%) contrast(100%);
}

.no-spin::-webkit-inner-spin-button,
.no-spin::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
	-moz-appearance: textfield;
}
