html {
	font-size: 14px;
}

@media (min-width: 768px) {
	html {
		font-size: 16px;
	}
}

html {
	position: relative;
	min-height: 100%;
}

body {
	background: #f5f7fc;
}

a {
	text-decoration-line: none;
}
	a:hover {
		text-decoration: underline;
	}

.layer1 {
	z-index: 1;
	position: fixed;
	left: 0;
	transition: all .2s ease;
	top: 0;
	width: 100%;
	background: #ffffff;
	border-bottom: 3px solid #5b9bd5;
	box-shadow: 0 4px 5px rgb(0,60,79,0.25);
}

	.layer1 h2 {
		line-height: 1;
	}

.layer2 {
	position: fixed;
	padding-top: 105px;
	width: 100%;
	background: #ffffff;
	border-bottom: #5b9bd5;
	box-shadow: 0 4px 5px rgb(0,60,79,0.25);
}
	.layer2 h2 {
		height: 28px;
		position: relative;
		color: #5b9bd5;
		font-size: small;
		padding: 4px 40px;
		margin: 0 15px !important;
	}

		.layer2 h2:before, .layer2 h2:after {
			content: '';
			position: absolute;
			top: 0;
			display: block;
			width: 35px;
			height: 28px;
			background-image: url(../images/icon_doubleArrow.svg);
			background-repeat: no-repeat;
			background-position: center center;
			background-size: contain;
		}

		.layer2 h2:before {
			left: 0;
			animation: anime2 .3s ease-out;
		}

		.layer2 h2:after {
			left: 30px;
			opacity: 0;
			animation: anime3 .4s ease-out;
		}

@keyframes anime2 {
	0% {
		left: -90px;
	}

	100% {
		left: 0px;
	}
}

@keyframes anime3 {
	0% {
		left: -120px;
		opacity: 1;
	}

	100% {
		left: 30px;
		opacity: 0.2;
	}
}

.layer2login {
	padding-top: 50px !important;
}

.list-inline-item {
	margin-right: 1rem !important;
}

.settingmenu {
	margin-left: auto;
	margin-right: 20px;
	transition: all .4s ease;
	position: fixed;
	animation: anime1 .4s ease;
	top: 0;
	right: 0;
	z-index: 1;
}

	.settingmenu ul {
		margin: 8px 0 0 0;
	}

	.settingmenu li {
		position: relative;
		font-size: 14px;
	}

		.settingmenu li img {
			transition: all .4s ease;
			width: 24px;
			margin-right: 5px;
		}

		.settingmenu li a img {
			width: 24px;
			height: auto;
		}

		.settingmenu li a:hover {
			text-decoration: none;
		}

		.settingmenu li p {
			position: absolute;
			top: calc(100% + 5px);
			right: 0;
			text-align: center;
			width: 100px;
			z-index: 2;
		}

	.settingmenu p a {
		display: block;
		background: #5b9bd5;
		color: #ffffff;
		padding: 0 15px;
		margin-top: 5px;
		overflow: hidden;
		height: 0;
		transition: all 0.2s ease;
		transform: translateY(-10px);
		border-radius: 4px;
	}

	.settingmenu li:hover p a {
		overflow: visible;
		height: 32px;
		line-height: 32px;
	}

.settingmenu-item {
	position: relative;
}
span.notice {
	width: 20px;
	height: 20px;
	background: red;
	display: inline-block;
	border-radius: 100%;
	color: white;
	text-align: center;
	line-height: 1.5em;
	position: relative;
	top: -6px;
	left: 30px;
}

.noticebell:hover {
	cursor: pointer;
}

.notice-unread:hover {
	cursor: pointer;
	background: #e2f3f2;
}

.notice-unread1:hover {
	cursor: pointer;
	background: #e2f3f2;
}

.notice-unread1 {
	color: blue !important;
	background: white;
}

.notice-popup {
	overflow: auto;
	position: absolute;
	width: 450px;
	z-index: 110;
	font-size: 90%;
	box-shadow: 2px 2px #e9ecef;
}

.notice-hidden {
	display: none;
}

.notice-header {
	position: fixed;
	width: 452px;
	padding: 5px 10px;
	background: #63beff;
	box-sizing: border-box;
	font-weight: bold;
	color: white;
	border-radius: 5px 0px 0px 0px;
}

.notice-inner {
	border: 2px solid #008abd;
	background: white;
	box-sizing: border-box;
	border-radius: 0px 0px 0px 5px;
}

.notice-alreadyread {
	background: #bbb;
	color: #e9ecef;
}

.notice-invalid {
    background: #bbb;
    color: #fc651d;
}

.notice-table {
	background: #008abd;
	border-color: #008abd;
}

	.notice-table td {
		border-width: 1px !important;
	}

	.notice-table p {
		margin-top: 3px;
		margin-bottom: 3px;
	}

.pop_text {
	position: absolute;
	display: none;
	width: 80px;
	padding: 2px;
	text-align: center;
	border-radius: 4px;
	background: #646464;
	color: #ffffff;
	font-size: 13px;
	top: 40px;
	right: 0;
	z-index: 100;
}

	.pop_text:after {
		content: '';
		position: absolute;
		display: block;
		width: 0;
		height: 0;
		border: 8px solid transparent;
	}

.staffphoto {
	border-radius: 50%;
	border: 1px solid #999999;
	width: 24px;
	height: 24px;
	vertical-align: middle;
}

.staffheight {
	height: 24px;
}

.opcty {
	opacity: 0.5;
	transition: all .2s ease;
}

	.opcty:hover {
		opacity: 1;
	}

.mainmenu {
	display: block;
	width: 100%;
	background: #5b6b8a;
}

	.mainmenu ul {
		margin: 0;
		display: flex;
	}

	.mainmenu li.list-inline-item {
		margin: 0 !important;
		padding-left: 0;
		padding-right: 0;
	}

	.mainmenu li a {
		display: block;
		color: #ffffff;
		text-align: center;
		padding: 4px 20px;
		font-size: medium;
		border-right: 1px solid #ffffff;
		transition: all .4s ease;
		text-decoration: none;
		word-break: keep-all;
	}

		.mainmenu li a:hover {
			background: #64b1f5;
		}

	.mainmenu li.current a {
		background: #5b9bd5;
	}

		.mainmenu li.current a:hover {
			background: #64b1f5;
		}

.submemnu {
	background: #5b9bd5;
}

.submemnu ul {
	padding: 2px;
	margin: 0 15px;
}

	.submemnu a {
		color: #ffffff !important;
		text-decoration: none;
		font-size: small;
	}

		.submemnu a:hover {
			color: #000000 !important;
		}

.submenu-disable {
	color: #ccc;
	word-break: keep-all;
}

.info-table {
	table-layout: fixed;
	display: table;
	border-collapse: collapse;
	border-radius: 8px;
	background: #ffffff;
	box-shadow: 0 7px 5px rgb(0,60,79,0.25);
	padding: 20px;
	margin-bottom: 1em;
	overflow: hidden;
}

	.info-table th, .info-table td {
		height: 40px;
		vertical-align: middle;
		padding: 0 20px !important;
	}

	.info-table th {
		background: #5b9bd5;
		border-bottom: 1px solid #ffffff;
		border-right: 1px solid #ffffff;
		color: #ffffff;
		text-align: center;
	}

	.info-table tr:last-child th {
		border-bottom: none;
	}

	.info-table td {
		border-bottom: 1px solid #dfecef !important;
		padding: 5px 6px 5px 5px;
	}

.box-shadow {
	box-shadow: 0 7px 5px rgb(0,60,79,0.25);
}

.btn_positive input {
	box-shadow: none;
}
.btn_positive, .btn_negative {
	position: relative;
	display: inline-block;
	margin: 0 5px;
}

	.btn_positive a, .btn_negative a {
		display: block;
		text-align: center;
		padding-top: 8px;
	}

	.btn_positive a, .btn_negative a, .btn_positive input, .btn_negative input,	.btn_positive button, .btn_negative button {
		width: 160px;
		height: 40px;
		border: none;
		outline: none;
		box-shadow: 0 7px 5px rgb(0,60,79,0.25);
		border-radius: 4px;
		-webkit-appearance: none;
		color: #ffffff;
		transition: all .4s ease;
	}

	.btn_positive a, .btn_positive input, .btn_positive button {
		background: #6ea8fe;
	}

	.btn_negative a, .btn_negative input, .btn_negative button {
		background: #adb1c1;
	}

	.btn_positive a:hover, .btn_positive input:hover, .btn_positive button:hover {
		background: #4f93f7;
	}

	.btn_negative a:hover, .btn_negative input:hover, .btn_negative button:hover {
		background: #848ba2;
	}

	.btn_positive input[disabled], .btn_positive button[disabled] {
		background: #dddddd;
	}

.button-75 input {
	width: 75px !important;
	height: 38px !important;
	box-shadow: 0 3px 5px rgb(0,60,79,0.25) !important;
}

.button-120 input {
	width: 120px !important;
	height: 38px !important;
	box-shadow: 0 3px 5px rgb(0,60,79,0.25) !important;
}

.icon:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 10px;
	transform: translateY(-50%);
	display: block;
	width: 20px;
	height: 20px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}

.icon, .settingmenu-item {
	position: relative;
}

	.icon span,	.pop_text {
		position: absolute;
		display: none;
		width: auto;
		white-space: nowrap;
		padding: 2px 5px 2px 5px;
		text-align: center;
		border-radius: 4px;
		background: #646464;
		color: #ffffff;
		font-size: 13px;
	}

	.icon span {
		top: -28px;
		left: 0;
	}
		.icon span:after, .pop_text:after {
			content: '';
			position: absolute;
			display: block;
			width: 0;
			height: 0;
			border: 8px solid transparent;
		}

		.icon span:after {
			left: 10px;
			bottom: -16px;
			border-top-color: #646464;
			border-top-width: 12px;
			border-left-width: 3px;
		}
.sm_wrapper .icon:after, .mailmenu .icon:after {
	left: 6px;
	pointer-events: none;
}

.icon:hover span, .settingmenu-item:hover .pop_text {
	display: block;
}

.icon:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 10px;
	transform: translateY(-50%);
	display: block;
	width: 20px;
	height: 20px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}
.sm_wrapper {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: flex-end;
	margin-right: 25px;
	margin-bottom: 3px;
}

.sm_item {
	margin-left: 3px;
}

.sm_amount {
	max-width: 256px;
	background: #278ad0;
	color: #ffffff;
	padding: 3px 20px;
	height: 32px;
	text-align: center;
	border: 0;
	outline: none;
	border-radius: 4px;
	transition: all .4s ease;
}

.sm_priod {
	display: flex;
	margin-left: 3px;
}

	.sm_priod .priod_title {
		border-radius: 4px 0 0 4px;
		background: #278ad0;
		color: #ffffff;
		padding: 3px 20px;
		height: 32px;
	}

	.sm_priod input {
		max-width: 120px;
		border: none;
		line-height: 1em;
		text-align: center;
		height: 30px;
	}

	.sm_priod input:focus-visible {
		border: none;
		outline: none;
		background: #ededed;
	}

	.sm_priod .btn_sm_positive a {
		border-radius: 0 4px 4px 0;
	}

.sm_select, .select_decoration {
	position: relative;
}

	.sm_select select, .select_decoration select {
		height: 32px;
		border-radius: 4px;
		padding: 2px 26px 3px 6px;
		border: 1px solid #278ad0;
		outline: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
	}

	.sm_select select {
		max-width: 250px;
	}

	.select_decoration select {
		display: block;
		width: 100%;
		transition: all .4s ease;
	}

	.select_decoration:hover select {
		background: #eefcff;
	}

	.sm_select:after, .select_decoration:after {
		content: '';
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		width: 20px;
		height: 32px;
		border-radius: 0 4px 4px 0;
		background: url(../images/icon_arrowforSelect.svg) no-repeat 0 0,linear-gradient(to bottom, #278ad0 0%,#07aad5 100%);
		color: #ffffff;
		pointer-events: none;
		transition: all .4s ease;
	}

	.sm_select:hover:after, .select_decoration:hover:after {
		background: url(../images/icon_arrowforSelect.svg) no-repeat 0 0,linear-gradient(to bottom, #0cd5f4 0%,#0bc7e7 100%);
	}

	.sm_select.dm:after {
		background: url(../images/icon_arrowforSelect.svg) no-repeat 0 0,linear-gradient(to bottom, #adb1c1 0%,#adb1c1 100%);
	}

.has_border_bottom {
	background: #ffffff;
	border-bottom: 1px solid #278ad0;
	border-top: 1px solid #278ad0;
}

.btn_sm_positive a, .btn_sm_positive input, .btn_sm_positive button {
	position: relative;
	display: block;
	width: 32px;
	height: 32px;
	background: #278ad0;
	border-radius: 4px;
	outline: none;
	border: none;
	transition: all .4s ease;
}

.btn_sm_positive input {
	color: #278ad0;
}

	.btn_sm_positive a:hover, .btn_sm_positive input:hover, .btn_sm_positive button:hover {
		background: #4caaee;
	}

	.btn_sm_positive input:hover {
		color: #4caaee;
	}

.btn_sm_negative a, .btn_sm_negative input, .btn_sm_negative button {
	position: relative;
	display: block;
	width: 32px;
	height: 32px;
	background: #aaa6c4;
	border-radius: 4px;
	transition: all .4s ease;
}

.btn_sm_negative input {
	color: #aaa6c4;
}

	.btn_sm_negative a:hover, .btn_sm_negative input:hover,	.btn_sm_negative button:hover {
		background: #716c97;
	}

	.btn_sm_negative input:hover {
		color: #716c97;
	}

.pstn-ctrl-overray {
	position: relative;
	z-index: 2;
}

	.pstn-ctrl-overray:hover .btn_overray {
		display: block;
	}

.btn_overray {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	background: rgba(0,0,0,0.4);
	z-index: 3
}

	.btn_overray input,
	.btn_overray button {
		border: none;
		outline: none;
		background: none;
		color: #ffffff;
		padding-left: 36px;
		display: block;
		width: 180px;
		text-align: left;
	}

	.btn_overray .icon:hover {
		opacity: 0.75;
		transition: all .4s ease;
	}

.sm_disabled {
	pointer-events: none;
}

	.sm_disabled a {
		background: #dddddd;
		pointer-events: none;
	}

.btn_sm_positive.sm_disabled input {
	background: #dddddd;
	color: #dddddd;
}

.required::after {
	content: "必須";
	background: linear-gradient(135deg, #fff1f2 0%, #ffe4e6 100%);
	border: 1px solid #fecdd3;
	box-shadow: 0 1px 2px rgba(190, 24, 93, 0.12);
	color: #be123c;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.04em;
	min-width: 2.2em;
	padding: 2px 6px;
	margin: 0 4px;
	line-height: 1.1;
	vertical-align: 0.12em;
	white-space: nowrap;
	text-align: center;
	border-radius: 999px;
	display: inline-block;
}

.v-summary ul {
	margin-bottom: 0px !important;
}

.text-left {
	text-align: left;
}

.text-right {
	text-align: right;
}

.select-padding {
	padding: 0.175rem 0.75rem;
	border: 1px solid #ced4da;
	border-radius: 0.25rem;
	height: 38px;
}

.toggle {
	position: relative;
	width: 49px;
	height: 29px;
	margin: 5px 10px 5px 5px;
	border-radius: 50px;
	overflow: hidden;
	cursor: pointer;
}

	.toggle input[type=checkbox] {
		display: none;
	}

	.toggle:before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		display: block;
		background: #bdbdcb;
		-webkit-transition: 0.2s ease-out;
		transition: 0.2s ease-out;
	}

	.toggle:after {
		content: "";
		position: absolute;
		top: 1px;
		left: 2px;
		width: 26px;
		height: 26px;
		display: block;
		border-radius: 50px;
		background: #fff;
		box-shadow: 0 9px 28px -6px rgba(0, 0, 0, 0.3);
		-webkit-transition: 0.2s ease-out;
		transition: 0.2s ease-out;
	}

	.toggle:has(input:checked):before {
		background: #1fa2ff;
	}

	.toggle:has(input:checked):after {
		left: 20px;
		box-shadow: 0 9px 28px -6px rgba(0, 0, 0, 0.5);
	}

.fixed01 {
	position: sticky;
	top: 0;
	color: #ffffff;
	background: #5b9bd5;
}

	.fixed01::before {
		content: "";
		position: absolute;
		top: -1px;
		left: -1px;
		width: 100%;
		height: 100%;
		border-top: 1px solid #ccc;
	}

.fixed02 {
	position: sticky;
	color: #ffffff;
	background: #5b9bd5;
}

	.fixed02::before {
		content: "";
		position: absolute;
		top: -1px;
		left: -1px;
		width: 100%;
		height: 100%;
	}

.sort-heder {
	text-decoration: none;
	color: #ffffff;
	position: sticky;
}

	.sort-heder:hover {
		text-decoration: none;
	}

.list-tr0 {
	cursor: pointer;
}

.list-tr1 {
	cursor: default;
}

.list-detail0 {
	background: #dfecef;
}

.list-detail1 {
	background: #ffffff;
}

.list-detail2 {
	background: #e0ffff;
}

.pagenavi {
	text-align: center;
	margin: 15px auto;
	font-size: 16px;
}

	.pagenavi .onepages,
	.pagenavi .pages,
	.pagenavi .first,
	.pagenavi .last,
	.pagenavi .modalpages {
		display: inline-block;
		padding: .2em .5em .25em;
		margin-left: .2em;
		background: #278ad0;
		border-radius: 2px;
		text-decoration: none;
		color: #ffffff;
		border: none;
	}

	.pagenavi .onepages,
	.pagenavi .pages,
	.pagenavi .modalpages {
		width: 96px;
		text-align: center;
		border: 1px double #278ad0;
		cursor: pointer;
	}

		.pagenavi .pages:hover,
		.pagenavi .first:hover,
		.pagenavi .last:hover,
		.pagenavi .modalpages:hover {
			background: #4caaee;
		}

		.pagenavi .pages:focus,
		.pagenavi .modalpages:focus {
			border: 1px solid #278ad0;
			background: #ffffff;
			color: #000000;
		}

		.pagenavi .pages::placeholder,
		.pagenavi .modalpages::placeholder {
			color: #ffffff;
		}

	.pagenavi .current {
		display: inline-block;
		background: #fbc600;
		border-radius: 2px;
		padding: .2em .5em .25em;
		margin-left: .2em;
	}

	.pagenavi .page,
	.pagenavi .previous,
	.pagenavi .next {
		display: inline-block;
		border: none;
		background: #9ce4f7;
		color: #ffffff;
		border-radius: 2px;
		padding: .2em .5em .25em;
		margin-left: .2em;
	}

		.pagenavi .page:hover,
		.pagenavi .previous:hover,
		.pagenavi .next:hover {
			background: #7dd8f3;
			text-decoration: none;
		}

.nav_fixed span.staff,
.nav_fixed span.staffadmin {
	display: none;
}

.datetime-grup {
	display: inline-flex;
}

.pt-6 {
	padding-top: 6rem !important;
}

.pre {
	margin: 0.6rem !important;
	white-space: pre-wrap;
}

.card {
	height: 100%;
}
.icon.help_tips::after {
	content: none;
}

.help_tips {
	position: relative;
}

	.help_tips a img {
		width: 24px;
	}

	.help_tips .pop_text {
		top: 0;
		left: 40px;
		pointer-events: none;
	}

		.help_tips .pop_text:after {
			top: 5px;
			bottom: inherit;
			left: -17px;
			right: inherit;
			border-right-color: #646464;
			border-right-width: 16px;
			border-top-color: inherit;
			border-top-width: 3px;
			border-bottom-width: 4px;
		}

.icon_login:after {
	background-image: url(../images/icon_login.svg);
}

.icon_cancel:after {
	background-image: url(../images/icon_return.svg);
}

.icon_csv:after {
	background-image: url(../images/icon_csv.svg);
}

.icon_xml:after {
	background-image: url(../images/icon_xml.svg);
}

.icon_delet:after {
	background-image: url(../images/icon_delet.svg);
}

.icon_trashbox:after {
	background-image: url(../images/icon_trashbox.svg);
}

.icon_send:after {
	background-image: url(../images/icon_send.svg);
}

.icon_edit, .icon_add_reader, .icon_backnumber, .icon_reset, .icon_select, .icon_delete2, .icon_analytics, .icon_add_suppliers, .icon_add_employee {
	display: inline-block;
	width: 24px;
	height: 24px;
	text-indent: -9999px;
	overflow: hidden;
	border: none;
	outline: none;
	-webkit-appearance: none;
	transition: all .2s ease;
}

.icon_change:after {
	background-image: url(../images/icon_change.svg);
}

.icon_upload:after {
	background-image: url(../images/icon_upload.svg);
}

.icon_filter:after {
	background-image: url(../images/icon_filter.svg);
}

.icon_filter_clear:after {
	background-image: url(../images/icon_filter_clear.svg);
}

.icon_decide:after {
	background-image: url(../images/icon_check.svg);
}

.icon_add_person:after {
	background-image: url(../images/icon_add_person.svg);
}

.icon_add_suppliers {
	background: url(../images/icon_add_suppliers.svg) no-repeat 0 0;
	background-size: 24px;
}

	.icon_add_suppliers:hover {
		background: url(../images/icon_addition_suppliers.svg) no-repeat 0 0;
		background-size: 24px;
	}

.icon_add_employee {
	background: url(../images/icon_add_employee.svg) no-repeat 0 0;
	background-size: 24px;
}

	.icon_add_employee:hover {
		background: url(../images/icon_addition_employee.svg) no-repeat 0 0;
		background-size: 24px;
	}

.icon_add:after {
	background-image: url(../images/icon_add.svg);
}

.icon_add_product:after {
	background-image: url(../images/icon_add_product.svg);
}

.icon_add_reader {
	background: url(../images/icon_add_reader.svg) no-repeat 0 0;
}

	.icon_add_reader:hover {
		background: url(../images/icon_add_readeron.svg) no-repeat 0 0;
	}

.icon_analysis:after {
	background-image: url(../images/icon_analysis.svg);
}

.icon_duplicate:after {
	background-image: url(../images/icon_duplicate.svg);
}

.icon_duplicate_budget:after {
	background-image: url(../images/icon_duplicate_budget.svg);
}

.icon_analytics {
	background: url(../images/icon_analytics.svg) no-repeat 0 0;
}

	.icon_analytics:hover {
		background: url(../images/icon_analyticson.svg) no-repeat 0 0;
	}

.icon_point_alert:after {
	background-image: url(../images/icon_alert.svg);
}

.icon_backnumber {
	background: url(../images/icon_backnumber.svg) no-repeat 0 0;
}

	.icon_backnumber:hover {
		background: url(../images/icon_backnumberon.svg) no-repeat 0 0;
	}

.icon_edit {
	background: url(../images/icon_edit.svg) no-repeat 0 0;
}

	.icon_edit:hover {
		background: url(../images/icon_editon.svg) no-repeat 0 0;
	}

.icon_reset {
	background: url(../images/icon_reset.svg) no-repeat 0 0;
}

	.icon_reset:hover {
		background: url(../images/icon_reseton.svg) no-repeat 0 0;
	}

.icon_reset2:after {
	background-image: url(../images/icon_reset2.svg);
}

.icon_select {
	background: url(../images/icon_select.svg) no-repeat 0 0;
}

	.icon_select:hover {
		background: url(../images/icon_selecton.svg) no-repeat 0 0;
	}

.icon_add_project:after {
	background-image: url(../images/icon_add_project.svg);
}

.icon_add_projects:after {
	background-image: url(../images/icon_add_projects.svg);
}

.icon_ai_filter:after {
	background-image: url(../images/icon_ai_filter.svg);
}

.icon_history:after {
	background-image: url(../images/icon_history.svg);
}

.icon_reduce_person:after {
	background-image: url(../images/icon_reduce_person.svg);
}

.sortable-ph1 {
	border: dotted 2px blue;
}

.w-1 {
	width: 1% !important;
}

.w-2 {
	width: 2% !important;
}

.w-3 {
	width: 3% !important;
}

.w-4 {
	width: 4% !important;
}

.w-5 {
	width: 5% !important;
}

.w-6 {
	width: 6% !important;
}

.w-7 {
	width: 7% !important;
}

.w-8 {
	width: 8% !important;
}

.w-9 {
	width: 9% !important;
}

.w-10 {
	width: 10% !important;
}

.w-12 {
	width: 12% !important;
}
.w-13 {
	width: 13% !important;
}

.w-15 {
	width: 15% !important;
}

.w-20 {
	width: 20% !important;
}

.w-30 {
	width: 30% !important;
}


.w-35 {
	width: 35% !important;
}

.w-40 {
	width: 40% !important;
}

.w-45 {
	width: 45% !important;
}

.w-55 {
	width: 55% !important;
}

.w-60 {
	width: 60% !important;
}

.w-65 {
	width: 65% !important;
}

.w-70 {
	width: 70% !important;
}

.w-80 {
	width: 80% !important;
}

.w-85 {
	width: 85% !important;
}

.w-90 {
	width: 90% !important;
}

.w-95 {
	width: 95% !important;
}

.w-100 {
	width: 100% !important;
}

.list-title {
	color: #5b9bd5;
}

.modal-title-bg {
	background: #cccccc url("../images/modal-bg_title.png") 50% 50% repeat-x;
}

.mb-10 {
	margin-bottom: 10px;
}

.home-20 {
	width: 20px;
	height: 20px;
}

.mail-20 {
	width: 20px;
	height: 14px;
	margin-top: 10px;
	margin-left: 0.5rem;
	margin-right: 0.5rem;
}

.pointer {
	cursor: pointer;
}

.text-amount {
	text-align: right !important;
	padding-right: 10px !important;
}

textarea {
	padding: 0.3rem 0.7rem 0.3rem 0.7rem;
	border: 1px solid #dee2e6;
	border-radius: 0.375rem;
	background-color: #fff;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

	textarea:focus {
		border-color: #86b7fe;
		outline: 0;
		box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
	}

.font-small {
	font-size: small !important;
}

.follow-btn-link {
	display: inline-block;
	background-color: #4CAF50;
	color: white;
	text-decoration: none;
	padding: 8px 12px;
	border-radius: 20px;
	font-size: 14px;
	text-align: center;
}

	.follow-btn-link:hover {
		background-color: #45a049;
		text-decoration: none;
	}

.follow-alread-btn-link {
	display: inline-block;
	background-color: #c5c5c5;
	color: white;
	text-decoration: none;
	padding: 8px 12px;
	border-radius: 20px;
	font-size: 14px;
	text-align: center;
}

	.follow-alread-btn-link:hover {
		background-color: #c0c0c0;
		text-decoration: none;
	}