@charset "utf-8";
/*common*/
*, ::after, ::before {
	box-sizing: border-box;
}

.w-25 {
	width: 25%!important
}
.w-50 {
	width: 50%!important
}
.w-75 {
	width: 75%!important
}
.w-100 {
	width: 100%!important
}
.h-25 {
	height: 25%!important
}
.h-50 {
	height: 50%!important
}
.h-75 {
	height: 75%!important
}
.h-100 {
	height: 100%!important
}
.mw-100 {
	max-width: 100%!important
}
.mh-100 {
	max-height: 100%!important
}
.m-0 {
	margin: 0!important
}
.mt-0, .my-0 {
	margin-top: 0!important
}
.mr-0, .mx-0 {
	margin-right: 0!important
}
.mb-0, .my-0 {
	margin-bottom: 0!important
}
.ml-0, .mx-0 {
	margin-left: 0!important
}
.m-1 {
margin:.25rem!important
}
.mt-1, .my-1 {
margin-top:.25rem!important
}
.mr-1, .mx-1 {
margin-right:.25rem!important
}
.mb-1, .my-1 {
margin-bottom:.25rem!important
}
.ml-1, .mx-1 {
margin-left:.25rem!important
}
.m-2 {
margin:.5rem!important
}
.mt-2, .my-2 {
margin-top:.5rem!important
}
.mr-2, .mx-2 {
margin-right:.5rem!important
}
.mb-2, .my-2 {
margin-bottom:.5rem!important
}
.ml-2, .mx-2 {
margin-left:.5rem!important
}
.m-3 {
	margin: 1rem!important
}
.mt-3, .my-3 {
	margin-top: 1rem!important
}
.mr-3, .mx-3 {
	margin-right: 1rem!important
}
.mb-3, .my-3 {
	margin-bottom: 1rem!important
}
.ml-3, .mx-3 {
	margin-left: 1rem!important
}
.m-4 {
	margin: 1.5rem!important
}
.mt-4, .my-4 {
	margin-top: 1.5rem!important
}
.mr-4, .mx-4 {
	margin-right: 1.5rem!important
}
.mb-4, .my-4 {
	margin-bottom: 1.5rem!important
}
.ml-4, .mx-4 {
	margin-left: 1.5rem!important
}
.m-5 {
	margin: 3rem!important
}
.mt-5, .my-5 {
	margin-top: 3rem!important
}
.mr-5, .mx-5 {
	margin-right: 3rem!important
}
.mb-5, .my-5 {
	margin-bottom: 3rem!important
}
.ml-5, .mx-5 {
	margin-left: 3rem!important
}
.p-0 {
	padding: 0!important
}
.pt-0, .py-0 {
	padding-top: 0!important
}
.pr-0, .px-0 {
	padding-right: 0!important
}
.pb-0, .py-0 {
	padding-bottom: 0!important
}
.pl-0, .px-0 {
	padding-left: 0!important
}
.p-1 {
padding:.25rem!important
}
.pt-1, .py-1 {
padding-top:.25rem!important
}
.pr-1, .px-1 {
padding-right:.25rem!important
}
.pb-1, .py-1 {
padding-bottom:.25rem!important
}
.pl-1, .px-1 {
padding-left:.25rem!important
}
.p-2 {
padding:.5rem!important
}
.pt-2, .py-2 {
padding-top:.5rem!important
}
.pr-2, .px-2 {
padding-right:.5rem!important
}
.pb-2, .py-2 {
padding-bottom:.5rem!important
}
.pl-2, .px-2 {
padding-left:.5rem!important
}
.p-3 {
	padding: 1rem!important
}
.pt-3, .py-3 {
	padding-top: 1rem!important
}
.pr-3, .px-3 {
	padding-right: 1rem!important
}
.pb-3, .py-3 {
	padding-bottom: 1rem!important
}
.pl-3, .px-3 {
	padding-left: 1rem!important
}
.p-4 {
	padding: 1.5rem!important
}
.pt-4, .py-4 {
	padding-top: 1.5rem!important
}
.pr-4, .px-4 {
	padding-right: 1.5rem!important
}
.pb-4, .py-4 {
	padding-bottom: 1.5rem!important
}
.pl-4, .px-4 {
	padding-left: 1.5rem!important
}
.p-5 {
	padding: 3rem!important
}
.pt-5, .py-5 {
	padding-top: 3rem!important
}
.pr-5, .px-5 {
	padding-right: 3rem!important
}
.pb-5, .py-5 {
	padding-bottom: 3rem!important
}
.pl-5, .px-5 {
	padding-left: 3rem!important
}
.m-auto {
	margin: auto!important
}
.mt-auto, .my-auto {
	margin-top: auto!important
}
.mr-auto, .mx-auto {
	margin-right: auto!important
}
.mb-auto, .my-auto {
	margin-bottom: auto!important
}
.ml-auto, .mx-auto {
	margin-left: auto!important
}

/*alert*/
.alert {
position: relative;
padding:.75rem 1.25rem;
margin-bottom: 20px;
border: 1px solid transparent;
border-radius:.25rem
}
.alert-heading {
	color: inherit
}
.alert-link {
	font-weight: 700
}
.alert-dismissible {
	padding-right: 4rem
}
.alert-dismissible .close {
	position: absolute;
	top: 0;
	right: 0;
padding:.75rem 1.25rem;
	color: inherit
}
.alert-primary {
	color: #2e3673;
	background-color: #dee1f8;
	border-color: #d0d4f5
}
.alert-primary hr {
	border-top-color: #bbc1f1
}
.alert-primary .alert-link {
	color: #1f254f
}
.alert-secondary {
	color: #7a7b7e;
	background-color: #fbfbfc;
	border-color: #f9fafb
}
.alert-secondary hr {
	border-top-color: #eaedf1
}
.alert-secondary .alert-link {
	color: #616264
}
.alert-success {
	color: #1b6355;
	background-color: #d6f2ed;
	border-color: #c6ede5
}
.alert-success hr {
	border-top-color: #b3e7dc
}
.alert-success .alert-link {
	color: #103b33
}
.alert-info {
	color: #1c5580;
	background-color: #d7edfd;
	border-color: #c7e5fd
}
.alert-info hr {
	border-top-color: #aedafc
}
.alert-info .alert-link {
	color: #133956
}
.alert-warning {
	color: #856012;
	background-color: #fff1d3;
	border-color: #ffebc1
}
.alert-warning hr {
	border-top-color: #ffe3a8
}
.alert-warning .alert-link {
	color: #58400c
}
.alert-danger {
	color: #7f2a38;
	background-color: #fddce2;
	border-color: #fcced6
}
.alert-danger hr {
	border-top-color: #fbb6c2
}
.alert-danger .alert-link {
	color: #591d27
}
.alert-light {
	color: #818182;
	background-color: #fefefe;
	border-color: #fdfdfe
}
.alert-light hr {
	border-top-color: #ececf6
}
.alert-light .alert-link {
	color: #686868
}
.alert-dark {
	color: #1b1e21;
	background-color: #d6d8d9;
	border-color: #c6c8ca
}
.alert-dark hr {
	border-top-color: #b9bbbe
}
.alert-dark .alert-link {
	color: #040505
}

.alert {
padding:15px 25px;
	border-radius: 0;
	border-radius: 4px
}
.alert .close {
	font-family: LineAwesome;
	text-decoration: inherit;
	text-rendering: optimizeLegibility;
	text-transform: none;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	font-size: 1.2rem;
	outline: 0!important;
	text-shadow: none;
padding-top:.95rem;
	padding-bottom: 0;
	cursor: pointer
}
.alert .close:before {
	content: ""
}
.alert .close span {
	display: none
}
.alert.m-alert--square {
	border-radius: 0
}
.alert.m-alert--icon {
	display: table;
	padding: 0
}
.alert.m-alert--icon .m-alert__icon {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
padding:1.45rem .5rem 1.45rem 1.75rem;
	line-height: 0;
	width: 1%
}
.alert.m-alert--icon .m-alert__icon.m-alert__icon--top {
	vertical-align: top;
	padding-top: 1.85rem
}
.alert.m-alert--icon .m-alert__icon [class*=" la-"], .alert.m-alert--icon .m-alert__icon [class^=la-] {
	font-size: 2.4rem
}
.alert.m-alert--icon .m-alert__icon [class*=" fa-"], .alert.m-alert--icon .m-alert__icon [class^=fa-] {
	font-size: 1.8rem
}
.alert.m-alert--icon .m-alert__icon [class*=" flaticon-"], .alert.m-alert--icon .m-alert__icon [class^=flaticon-] {
	font-size: 2.4rem
}
.alert.m-alert--icon .m-alert__icon i {
	display: inline
}
.alert.m-alert--icon .m-alert__text {
	display: table-cell;
	vertical-align: middle;
	width: auto;
	padding: 15px 20px;
}
.alert.m-alert--icon .m-alert__actions {
	width: auto;
	display: table-cell;
	vertical-align: middle;
	text-align: right;
	padding: 1.45rem 1.75rem 1.45rem 1.25rem
}
.alert.m-alert--icon .m-alert__close {
	display: table-cell;
	vertical-align: top;
	width: auto;
	padding: 1.45rem 1.75rem 1.45rem 1.25rem
}
.alert.m-alert--icon .m-alert__close .close {
	padding-top: 0;
top:.65rem
}
.alert.m-alert--icon.m-alert--outline.m-alert--icon-solid .m-alert__icon {
	position: relative;
	padding: 20px 25px;
}
.alert.m-alert--icon.m-alert--outline.m-alert--icon-solid .m-alert__icon span {
	top: 50%;
	margin-top: -6px;
	right: -6px;
	display: inline-block;
	width: 0;
	height: 0;
	position: absolute;
	border: 0;
	border-left: 6px solid #000;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent
}
.alert.m-alert--icon.m-alert--outline.m-alert--icon-solid .m-alert__close {
	padding-top: 0
}
.alert.m-alert--icon.m-alert--outline.m-alert--icon-solid .m-alert__close .close {
	padding-top: 0;
top:.75rem
}
.alert.m-alert--icon.m-alert--outline.m-alert--icon-solid .m-alert__text {
	padding-left: 30px
}
.alert {
	background: #fff
}
.alert .close {
	color: #cfcedb
}
.alert.m-alert--default {
/*	background: #f7f8fa;*/
	background: #f7f8fa;
	color: #575962
}
.alert.m-alert--default .m-alert__icon i {
	color: #6f727d
}
.alert.m-alert--default .close {
	color: #6f727d
}
.alert.m-alert--air {
	-webkit-box-shadow: 0 1px 15px 1px rgba(81,77,92,.08);
	-moz-box-shadow: 0 1px 15px 1px rgba(81,77,92,.08);
	box-shadow: 0 1px 15px 1px rgba(81,77,92,.08)
}
.alert.m-alert--air:not(.m-alert--outline) {
	border: 0
}
.alert.m-alert--outline.alert-brand {
	color: #575962;
	background-color: #fff;
	border-color: #716aca;
	color: #716aca;
	font-weight: 400
}
.alert.m-alert--outline.alert-brand hr {
	border-top-color: #5f57c3
}
.alert.m-alert--outline.alert-brand .alert-link {
	color: #3f4047
}
.alert.m-alert--outline.alert-brand .close {
	color: #716aca
}
.alert.m-alert--outline.alert-brand .m-alert__icon i {
	color: #716aca
}
.alert.m-alert--outline.alert-brand.m-alert--icon-solid .m-alert__icon {
	position: relative;
	background: #716aca
}
.alert.m-alert--outline.alert-brand.m-alert--icon-solid .m-alert__icon i {
	color: #fff
}
.alert.m-alert--outline.alert-brand.m-alert--icon-solid .m-alert__icon span {
	border-left-color: #716aca
}
.alert.m-alert--outline.alert-metal {
	color: #575962;
	background-color: #fff;
	border-color: #c4c5d6;
	color: #c4c5d6;
	font-weight: 400
}
.alert.m-alert--outline.alert-metal hr {
	border-top-color: #b5b6cc
}
.alert.m-alert--outline.alert-metal .alert-link {
	color: #3f4047
}
.alert.m-alert--outline.alert-metal .close {
	color: #c4c5d6
}
.alert.m-alert--outline.alert-metal .m-alert__icon i {
	color: #c4c5d6
}
.alert.m-alert--outline.alert-metal.m-alert--icon-solid .m-alert__icon {
	position: relative;
	background: #c4c5d6
}
.alert.m-alert--outline.alert-metal.m-alert--icon-solid .m-alert__icon i {
	color: #fff
}
.alert.m-alert--outline.alert-metal.m-alert--icon-solid .m-alert__icon span {
	border-left-color: #c4c5d6
}
.alert.m-alert--outline.alert-light {
	color: #575962;
	background-color: #fff;
	border-color: #fff;
	color: #fff;
	font-weight: 400
}
.alert.m-alert--outline.alert-light hr {
	border-top-color: #f2f2f2
}
.alert.m-alert--outline.alert-light .alert-link {
	color: #3f4047
}
.alert.m-alert--outline.alert-light .close {
	color: #fff
}
.alert.m-alert--outline.alert-light .m-alert__icon i {
	color: #fff
}
.alert.m-alert--outline.alert-light.m-alert--icon-solid .m-alert__icon {
	position: relative;
	background: #fff
}
.alert.m-alert--outline.alert-light.m-alert--icon-solid .m-alert__icon i {
	color: #282a3c
}
.alert.m-alert--outline.alert-light.m-alert--icon-solid .m-alert__icon span {
	border-left-color: #fff
}
.alert.m-alert--outline.alert-accent {
	color: #575962;
	background-color: #fff;
	border-color: #00c5dc;
	color: #00c5dc;
	font-weight: 400
}
.alert.m-alert--outline.alert-accent hr {
	border-top-color: #00aec3
}
.alert.m-alert--outline.alert-accent .alert-link {
	color: #3f4047
}
.alert.m-alert--outline.alert-accent .close {
	color: #00c5dc
}
.alert.m-alert--outline.alert-accent .m-alert__icon i {
	color: #00c5dc
}
.alert.m-alert--outline.alert-accent.m-alert--icon-solid .m-alert__icon {
	position: relative;
	background: #00c5dc
}
.alert.m-alert--outline.alert-accent.m-alert--icon-solid .m-alert__icon i {
	color: #fff
}
.alert.m-alert--outline.alert-accent.m-alert--icon-solid .m-alert__icon span {
	border-left-color: #00c5dc
}
.alert.m-alert--outline.alert-focus {
	color: #575962;
	background-color: #fff;
	border-color: #9816f4;
	color: #9816f4;
	font-weight: 400
}
.alert.m-alert--outline.alert-focus hr {
	border-top-color: #8b0be6
}
.alert.m-alert--outline.alert-focus .alert-link {
	color: #3f4047
}
.alert.m-alert--outline.alert-focus .close {
	color: #9816f4
}
.alert.m-alert--outline.alert-focus .m-alert__icon i {
	color: #9816f4
}
.alert.m-alert--outline.alert-focus.m-alert--icon-solid .m-alert__icon {
	position: relative;
	background: #9816f4
}
.alert.m-alert--outline.alert-focus.m-alert--icon-solid .m-alert__icon i {
	color: #fff
}
.alert.m-alert--outline.alert-focus.m-alert--icon-solid .m-alert__icon span {
	border-left-color: #9816f4
}
.alert.m-alert--outline.alert-primary {
	color: #575962;
	background-color: #fff;
	border-color: #5867dd;
	color: #5867dd;
	font-weight: 400
}
.alert.m-alert--outline.alert-primary hr {
	border-top-color: #4354d9
}
.alert.m-alert--outline.alert-primary .alert-link {
	color: #3f4047
}
.alert.m-alert--outline.alert-primary .close {
	color: #5867dd
}
.alert.m-alert--outline.alert-primary .m-alert__icon i {
	color: #5867dd
}
.alert.m-alert--outline.alert-primary.m-alert--icon-solid .m-alert__icon {
	position: relative;
	background: #5867dd
}
.alert.m-alert--outline.alert-primary.m-alert--icon-solid .m-alert__icon i {
	color: #fff
}
.alert.m-alert--outline.alert-primary.m-alert--icon-solid .m-alert__icon span {
	border-left-color: #5867dd
}
.alert.m-alert--outline.alert-success {
	color: #575962;
	background-color: #fff;
	border-color: #34bfa3;
	color: #34bfa3;
	font-weight: 400
}
.alert.m-alert--outline.alert-success hr {
	border-top-color: #2fab92
}
.alert.m-alert--outline.alert-success .alert-link {
	color: #3f4047
}
.alert.m-alert--outline.alert-success .close {
	color: #34bfa3
}
.alert.m-alert--outline.alert-success .m-alert__icon i {
	color: #34bfa3
}
.alert.m-alert--outline.alert-success.m-alert--icon-solid .m-alert__icon {
	position: relative;
	background: #34bfa3
}
.alert.m-alert--outline.alert-success.m-alert--icon-solid .m-alert__icon i {
	color: #fff
}
.alert.m-alert--outline.alert-success.m-alert--icon-solid .m-alert__icon span {
	border-left-color: #34bfa3
}
.alert.m-alert--outline.alert-info {
	color: #575962;
	background-color: #fff;
	border-color: #36a3f7;
	color: #36a3f7;
	font-weight: 400
}
.alert.m-alert--outline.alert-info hr {
	border-top-color: #1d98f6
}
.alert.m-alert--outline.alert-info .alert-link {
	color: #3f4047
}
.alert.m-alert--outline.alert-info .close {
	color: #36a3f7
}
.alert.m-alert--outline.alert-info .m-alert__icon i {
	color: #36a3f7
}
.alert.m-alert--outline.alert-info.m-alert--icon-solid .m-alert__icon {
	position: relative;
	background: #36a3f7
}
.alert.m-alert--outline.alert-info.m-alert--icon-solid .m-alert__icon i {
	color: #fff
}
.alert.m-alert--outline.alert-info.m-alert--icon-solid .m-alert__icon span {
	border-left-color: #36a3f7
}
.alert.m-alert--outline.alert-warning {
	color: #575962;
	background-color: #fff;
	border-color: #ffb822;
	color: #ffb822;
	font-weight: 400
}
.alert.m-alert--outline.alert-warning hr {
	border-top-color: #ffb009
}
.alert.m-alert--outline.alert-warning .alert-link {
	color: #3f4047
}
.alert.m-alert--outline.alert-warning .close {
	color: #ffb822
}
.alert.m-alert--outline.alert-warning .m-alert__icon i {
	color: #ffb822
}
.alert.m-alert--outline.alert-warning.m-alert--icon-solid .m-alert__icon {
	position: relative;
	background: #ffb822
}
.alert.m-alert--outline.alert-warning.m-alert--icon-solid .m-alert__icon i {
	color: #111
}
.alert.m-alert--outline.alert-warning.m-alert--icon-solid .m-alert__icon span {
	border-left-color: #ffb822
}
.alert.m-alert--outline.alert-danger {
	color: #575962;
	background-color: #fff;
	border-color: #f4516c;
	color: #f4516c;
	font-weight: 400
}
.alert.m-alert--outline.alert-danger hr {
	border-top-color: #f23958
}
.alert.m-alert--outline.alert-danger .alert-link {
	color: #3f4047
}
.alert.m-alert--outline.alert-danger .close {
	color: #f4516c
}
.alert.m-alert--outline.alert-danger .m-alert__icon i {
	color: #f4516c
}
.alert.m-alert--outline.alert-danger.m-alert--icon-solid .m-alert__icon {
	position: relative;
	background: #f4516c
}
.alert.m-alert--outline.alert-danger.m-alert--icon-solid .m-alert__icon i {
	color: #fff
}
.alert.m-alert--outline.alert-danger.m-alert--icon-solid .m-alert__icon span {
	border-left-color: #f4516c
}
.alert.m-alert--outline-2x {
	border-width: 2px
}
.alert-brand:not(.m-alert--outline) {
	color: #fff;
	background-color: #8781d2;
	border-color: #7c75ce
}
.alert-brand:not(.m-alert--outline) hr {
	border-top-color: #6a62c7
}
.alert-brand:not(.m-alert--outline) .alert-link {
	color: #e6e6e6
}
.alert-brand:not(.m-alert--outline) .close {
	color: #fff
}
.alert-metal:not(.m-alert--outline) {
	color: #fff;
	background-color: #d6d7e3;
	border-color: #cdcedc
}
.alert-metal:not(.m-alert--outline) hr {
	border-top-color: #bebfd2
}
.alert-metal:not(.m-alert--outline) .alert-link {
	color: #e6e6e6
}
.alert-metal:not(.m-alert--outline) .close {
	color: #fff
}
.alert-light:not(.m-alert--outline) {
	color: #fff;
	background-color: #fff;
	border-color: #fff
}
.alert-light:not(.m-alert--outline) hr {
	border-top-color: #f2f2f2
}
.alert-light:not(.m-alert--outline) .alert-link {
	color: #e6e6e6
}
.alert-light:not(.m-alert--outline) .close {
	color: #fff
}
.alert-accent:not(.m-alert--outline) {
	color: #dcfbff;
	background-color: #00e0fb;
	border-color: #00d3eb
}
.alert-accent:not(.m-alert--outline) hr {
	border-top-color: #00bcd2
}
.alert-accent:not(.m-alert--outline) .alert-link {
	color: #a9f6ff
}
.alert-accent:not(.m-alert--outline) .close {
	color: #dcfbff
}
.alert-focus:not(.m-alert--outline) {
	color: #fff;
	background-color: #a533f5;
	border-color: #9e25f5
}
.alert-focus:not(.m-alert--outline) hr {
	border-top-color: #940cf4
}
.alert-focus:not(.m-alert--outline) .alert-link {
	color: #e6e6e6
}
.alert-focus:not(.m-alert--outline) .close {
	color: #fff
}
.alert-primary:not(.m-alert--outline) {
	color: #fff;
	background-color: #717ee2;
	border-color: #6573e0
}
.alert-primary:not(.m-alert--outline) hr {
	border-top-color: #505fdb
}
.alert-primary:not(.m-alert--outline) .alert-link {
	color: #e6e6e6
}
.alert-primary:not(.m-alert--outline) .close {
	color: #fff
}
.alert-success:not(.m-alert--outline) {
	color: #f6fcfb;
	background-color: #45ccb1;
	border-color: #39c9ac
}
.alert-success:not(.m-alert--outline) hr {
	border-top-color: #32b79c
}
.alert-success:not(.m-alert--outline) .alert-link {
	color: #cdf2ea
}
.alert-success:not(.m-alert--outline) .close {
	color: #f6fcfb
}
.alert-info:not(.m-alert--outline) {
	color: #fff;
	background-color: #53b0f8;
	border-color: #45aaf8
}
.alert-info:not(.m-alert--outline) hr {
	border-top-color: #2c9ff7
}
.alert-info:not(.m-alert--outline) .alert-link {
	color: #e6e6e6
}
.alert-info:not(.m-alert--outline) .close {
	color: #fff
}
.alert-warning:not(.m-alert--outline) {
	color: #fff;
	background-color: #ffc241;
	border-color: #ffbd31
}
.alert-warning:not(.m-alert--outline) hr {
	border-top-color: #ffb518
}
.alert-warning:not(.m-alert--outline) .alert-link {
	color: #e6e6e6
}
.alert-warning:not(.m-alert--outline) .close {
	color: #fff
}
.alert-danger:not(.m-alert--outline) {
	color: #fff;
	background-color: #f66e84;
	border-color: #f55f78
}
.alert-danger:not(.m-alert--outline) hr {
	border-top-color: #f34764
}
.alert-danger:not(.m-alert--outline) .alert-link {
	color: #e6e6e6
}
.alert-danger:not(.m-alert--outline) .close {
	color: #fff
}

.custom-file {
	position: relative;
	display: inline-block;
	width: 70%;
	height: calc(2.55rem + 2px);
    margin-bottom: 5px\9;
    margin-right: 5px;
}
.custom-file-input {
	position: relative;
    font-size: 13px;
	z-index: 2;
	width: 100%;
	height: calc(2.55rem + 2px);
	height: 37px\9;
	margin: 0;
	opacity: 0;
    background-color: transparent
}
.custom-file-input:focus~.custom-file-control {
	border-color: #c2c7f3;
box-shadow:0 0 0 .2rem rgba(88,103,221,.25)
}
.custom-file-input:focus~.custom-file-control::before {
	border-color: #c2c7f3
}
.custom-file-input:lang(en)~.custom-file-label::after {
	content: "첨부하기"
}
.custom-file-label {
	position: absolute;
     font-size: 13px;
	top: 0;
	right: 0;
	left: 0;
	z-index: 1;
/*	height: calc(2.55rem + 2px);*/
    padding:.65rem 1rem;
    padding:10px \9;
	line-height: 1.25;
	color: #495057;
	background-color: #fff;
	border: 1px solid #ced4da;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.custom-file-label::after {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 3;
	display: block;
/*    height:calc(calc(2.55rem + 2px) - 1px * 2);*/
    padding:.65rem 1rem;
	line-height: 1.25;
	color: #495057;
	content: "첨부하기";
	background-color: #e9ecef;
	border-left: 1px solid #ced4da;
}
.input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%;
}
.input-group-append {
    margin-left: -1px;
    display: inline-block;
    vertical-align: top
}
.input-group-append, .input-group-prepend {
/*    display: flex;*/
    height: 100%
}
.input-group-append .btn-sm {
    padding: 5px 20px !important;
}

.m-badge {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
	background: #eaeaea;
	color: #444;
font-size:.8rem;
	line-height: 20px;
	min-height: 20px;
	min-width: 20px;
	vertical-align: middle;
	text-align: center;
	display: inline-block;
	padding: 0 2px
}
.m-badge.m-badge--wide {
	letter-spacing: .6px;
	padding: 1px 10px
}
.m-badge.m-badge--rounded {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px
}
.m-badge.m-badge--dot {
	padding: 0;
	line-height: 6px;
	min-height: 6px;
	min-width: 6px;
	height: 6px;
	width: 6px;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	-ms-border-radius: 100%;
	-o-border-radius: 100%;
	border-radius: 100%
}
.m-badge.m-badge--dot-small {
	padding: 0;
	line-height: 4px;
	min-height: 4px;
	min-width: 4px;
	height: 4px;
	width: 4px;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	-ms-border-radius: 100%;
	-o-border-radius: 100%;
	border-radius: 100%
}
.m-badge.m-badge--brand {
	background-color: #716aca;
	color: #fff
}
.m-badge.m-badge--metal {
	background-color: #c4c5d6;
	color: #fff
}
.m-badge.m-badge--light {
	background-color: #fff;
	color: #282a3c
}
.m-badge.m-badge--accent {
	background-color: #00c5dc;
	color: #fff
}
.m-badge.m-badge--focus {
	background-color: #9816f4;
	color: #fff
}
.m-badge.m-badge--primary {
	background-color: #5867dd;
	color: #fff
}
.m-badge.m-badge--success {
	background-color: #34bfa3;
	color: #fff
}
.m-badge.m-badge--info {
	background-color: #36a3f7;
	color: #fff
}
.m-badge.m-badge--warning {
	background-color: #ffb822;
	color: #fff
}
.m-badge.m-badge--danger {
	background-color: #f4516c;
	color: #fff
}
.m-link {
	text-decoration: none;
	position: relative;
	display: inline-block
}
.m-link:after {
	display: block;
	content: '';
	position: absolute;
	bottom: 0;
	top: 1rem;
	left: 0;
	width: 0%;
/*
	-webkit-transition: width .3s ease;
	-moz-transition: width .3s ease;
	-ms-transition: width .3s ease;
	-o-transition: width .3s ease;
	transition: width .3s ease
*/
}
.m-link:hover {
	text-decoration: none!important
}
.m-link:hover:after {
	width: 100%
}
.m-link {
	color: #00bfbf
}
.m-link:hover {
	color: #00bfbf !important
}
.m-link:hover:after {
	border-bottom: 1px solid #00bfbf;
	opacity: 1
}
.m-link.m-link--skin-dark {
	color: #716aca
}
.m-link.m-link--skin-dark:hover {
	color: #5f57c3
}
.m-link.m-link--skin-dark:hover:after {
	border-bottom: 1px solid #5f57c3;
	opacity: .3
}
.m-link.m-link--brand {
	color: #716aca
}
.m-link.m-link--brand:hover {
	color: #4d44bd
}
.m-link.m-link--brand:hover:after {
	border-bottom: 1px solid #4d44bd;
	opacity: .3
}
.m-link.m-link--metal {
	color: #c4c5d6
}
.m-link.m-link--metal:hover {
	color: #a6a7c1
}
.m-link.m-link--metal:hover:after {
	border-bottom: 1px solid #a6a7c1;
	opacity: .3
}
.m-link.m-link--light {
	color: #fff
}
.m-link.m-link--light:hover {
	color: #e6e6e6
}
.m-link.m-link--light:hover:after {
	border-bottom: 1px solid #e6e6e6;
	opacity: .3
}
.m-link.m-link--accent {
	color: #00c5dc
}
.m-link.m-link--accent:hover {
	color: #0097a9
}
.m-link.m-link--accent:hover:after {
	border-bottom: 1px solid #0097a9;
	opacity: .3
}
.m-link.m-link--focus {
	color: #9816f4
}
.m-link.m-link--focus:hover {
	color: #7c0acd
}
.m-link.m-link--focus:hover:after {
	border-bottom: 1px solid #7c0acd;
	opacity: .3
}
.m-link.m-link--primary {
	color: #5867dd
}
.m-link.m-link--primary:hover {
	color: #2e40d4
}
.m-link.m-link--primary:hover:after {
	border-bottom: 1px solid #2e40d4;
	opacity: .3
}
.m-link.m-link--success {
	color: #34bfa3
}
.m-link.m-link--success:hover {
	color: #299781
}
.m-link.m-link--success:hover:after {
	border-bottom: 1px solid #299781;
	opacity: .3
}
.m-link.m-link--info {
	color: #36a3f7
}
.m-link.m-link--info:hover {
	color: #0a8cf0
}
.m-link.m-link--info:hover:after {
	border-bottom: 1px solid #0a8cf0;
	opacity: .3
}
.m-link.m-link--warning {
	color: #ffb822
}
.m-link.m-link--warning:hover {
	color: #eea200
}
.m-link.m-link--warning:hover:after {
	border-bottom: 1px solid #eea200;
	opacity: .3
}
.m-link.m-link--danger {
	color: #f4516c
}
.m-link.m-link--danger:hover {
	color: #f12143
}
.m-link.m-link--danger:hover:after {
	border-bottom: 1px solid #f12143;
	opacity: .3
}
.m-section {
	margin: 0 0 40px 0
}
.m-section .m-section__heading {
	display: block;
	margin: 0 0 20px 0;
	padding: 0;
	font-family: Roboto;
	font-weight: 500
}
.m-section h4.m-section__heading {
	font-size: 1.1rem
}
.m-section h3.m-section__heading {
	font-size: 1.2rem
}
.m-section h2.m-section__heading {
	font-size: 1.3rem
}
.m-section h1.m-section__heading {
	font-size: 1.5rem
}
.m-section .m-section__sub {
	display: block;
	margin: 5px 0 10px 0;
	font-size: 1rem
}
.m-section .m-section__content {
	margin: 0 0 10px 0;
	font-size: 1rem
}
.m-section .m-section__seperator {
	margin: 5px 0;
	height: 1px;
	overflow: hidden;
	display: block
}
.m-section.m-section--last {
	margin-bottom: 0
}
.m-section.m-section--last .m-section__content {
	margin-bottom: 0
}
.m-section .m-section__heading {
	color: #3f4047
}
.m-section .m-section__sub {
	color: #6f727d
}
.m-section .m-section__content {
	color: #575962
}
.m-section.m-section--skin-dark .m-section__heading {
	color: #aeafc2
}
.m-section.m-section--skin-dark .m-section__sub {
	color: #9093ac
}
.m-section.m-section--skin-dark .m-section__content {
	color: #fff
}
.m-separator {
	height: 0;
	margin: 20px 0
}
.m-separator.m-separator--lg {
	margin: 40px 0
}
.m-separator.m-separator--xl {
	margin: 60px 0
}
.m-separator.m-separator--sm {
	margin: 20px 0
}
.m-separator.m-separator--fit {
	margin-left: -2.2rem;
	margin-right: -2.2rem
}
.m-separator {
	border-bottom: 1px solid #ebedf2
}
.m-separator.m-separator--dashed {
	border-bottom: 1px dashed #ebedf2
}
.m-separator.m-separator--brand {
	border-bottom: 1px solid #716aca
}
.m-separator.m-separator--brand.m-separator--dashed {
	border-bottom: 1px dashed #716aca
}
.m-separator.m-separator--metal {
	border-bottom: 1px solid #c4c5d6
}
.m-separator.m-separator--metal.m-separator--dashed {
	border-bottom: 1px dashed #c4c5d6
}
.m-separator.m-separator--light {
	border-bottom: 1px solid #fff
}
.m-separator.m-separator--light.m-separator--dashed {
	border-bottom: 1px dashed #fff
}
.m-separator.m-separator--accent {
	border-bottom: 1px solid #00c5dc
}
.m-separator.m-separator--accent.m-separator--dashed {
	border-bottom: 1px dashed #00c5dc
}
.m-separator.m-separator--focus {
	border-bottom: 1px solid #9816f4
}
.m-separator.m-separator--focus.m-separator--dashed {
	border-bottom: 1px dashed #9816f4
}
.m-separator.m-separator--primary {
	border-bottom: 1px solid #5867dd
}
.m-separator.m-separator--primary.m-separator--dashed {
	border-bottom: 1px dashed #5867dd
}
.m-separator.m-separator--success {
	border-bottom: 1px solid #34bfa3
}
.m-separator.m-separator--success.m-separator--dashed {
	border-bottom: 1px dashed #34bfa3
}
.m-separator.m-separator--info {
	border-bottom: 1px solid #36a3f7
}
.m-separator.m-separator--info.m-separator--dashed {
	border-bottom: 1px dashed #36a3f7
}
.m-separator.m-separator--warning {
	border-bottom: 1px solid #ffb822
}
.m-separator.m-separator--warning.m-separator--dashed {
	border-bottom: 1px dashed #ffb822
}
.m-separator.m-separator--danger {
	border-bottom: 1px solid #f4516c
}
.m-separator.m-separator--danger.m-separator--dashed {
	border-bottom: 1px dashed #f4516c
}
.m--block-center {
	margin-left: auto;
	margin-right: auto
}
.m--align-right {
	text-align: right
}
.m--align-left {
	text-align: left
}
.m--align-center {
	text-align: center
}
.m--pull-right {
	float: right
}
.m--pull-left {
	float: left
}
.m--img-rounded {
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%
}
.m--block-inline {
	display: inline-block
}
.m--icon-middle:before {
	vertical-align: middle
}
.m--hide {
	display: none!important
}
.m--clearfix:after, .m--clearfix:before {
	content: " ";
	display: table
}
.m--clearfix:after {
	clear: both
}
.m--marginless {
	margin: 0!important
}
.m--img-centered {
	text-align: center
}
.m--font-transform-u {
	text-transform: uppercase
}
.m--font-transform-l {
	text-transform: lowercase
}
.m--font-transform-c {
	text-transform: capitalize
}
.m--font-transform-i {
	text-transform: initial
}
.m--font-thin {
	font-weight: 200
}
.m--font-normal {
	font-weight: 300
}
.m--font-bold {
	font-weight: 400
}
.m--font-bolder {
	font-weight: 500
}
.m--font-boldest {
	font-weight: 600
}
.m--font-boldest2 {
	font-weight: 700
}
/*color fonts*/
.m--font-brand {
	color: #716aca!important
}
.m--font-inverse-brand {
	color: #fff!important
}
.m--bg-brand {
	background-color: #716aca!important
}
.m--bg-fill-brand {
	background-color: #716aca!important;
	color: #fff!important
}
.m--font-metal {
	color: #c4c5d6!important
}
.m--font-inverse-metal {
	color: #fff!important
}
.m--bg-metal {
	background-color: #c4c5d6!important
}
.m--bg-fill-metal {
	background-color: #c4c5d6!important;
	color: #fff!important
}
.m--font-light {
	color: #fff!important
}
.m--font-inverse-light {
	color: #282a3c!important
}
.m--bg-light {
	background-color: #fff!important
}
.m--bg-fill-light {
	background-color: #fff!important;
	color: #282a3c!important
}
.m--font-accent {
	color: #00c5dc!important
}
.m--font-inverse-accent {
	color: #fff!important
}
.m--bg-accent {
	background-color: #00c5dc!important
}
.m--bg-fill-accent {
	background-color: #00c5dc!important;
	color: #fff!important
}
.m--font-focus {
	color: #9816f4!important
}
.m--font-inverse-focus {
	color: #fff!important
}
.m--bg-focus {
	background-color: #9816f4!important
}
.m--bg-fill-focus {
	background-color: #9816f4!important;
	color: #fff!important
}
.m--font-primary {
	color: #5867dd!important
}
.m--font-inverse-primary {
	color: #fff!important
}
.m--bg-primary {
	background-color: #5867dd!important
}
.m--bg-fill-primary {
	background-color: #5867dd!important;
	color: #fff!important
}
.m--font-success {
	color: #34bfa3!important
}
.m--font-inverse-success {
	color: #fff!important
}
.m--bg-success {
	background-color: #34bfa3!important
}
.m--bg-fill-success {
	background-color: #34bfa3!important;
	color: #fff!important
}
.m--font-info {
	color: #36a3f7!important
}
.m--font-inverse-info {
	color: #fff!important
}
.m--bg-info {
	background-color: #36a3f7!important
}
.m--bg-fill-info {
	background-color: #36a3f7!important;
	color: #fff!important
}
.m--font-warning {
	color: #ffb822!important
}
.m--font-inverse-warning {
	color: #111!important
}
.m--bg-warning {
	background-color: #ffb822!important
}
.m--bg-fill-warning {
	background-color: #ffb822!important;
	color: #111!important
}
.m--font-danger {
	color: #f4516c!important
}
.m--font-inverse-danger {
	color: #fff!important
}
.m--bg-danger {
	background-color: #f4516c!important
}
.m--bg-fill-danger {
	background-color: #f4516c!important;
	color: #fff!important
}

/*.m-portlet*/
.m-portlet {
	margin-bottom: 0
}
.m-portlet .m-portlet__head {
	display: table;
	padding: 0;
	width: 100%;
	padding: 0 25px;
    box-sizing: border-box;
}
.m-portlet .m-portlet__head .m-portlet__head-caption {
	display: table-cell;
	vertical-align: middle;
	text-align: left;
}
.m-portlet .m-portlet__head .m-portlet__head-caption .m-portlet__head-title {
	table-layout: fixed;
	height: 100%;
	display: table;
}
.m-portlet .m-portlet__head .m-portlet__head-caption .m-portlet__head-title .m-portlet__head-icon {
	display: table-cell;
	vertical-align: middle;
	line-height: 0;
	padding: 0 13px 0 0
}
.m-portlet .m-portlet__head .m-portlet__head-caption .m-portlet__head-title .m-portlet__head-icon [class*=" la-"], .m-portlet .m-portlet__head .m-portlet__head-caption .m-portlet__head-title .m-portlet__head-icon [class^=la-] {
	font-size: 1.6rem
}
.m-portlet .m-portlet__head .m-portlet__head-caption .m-portlet__head-title .m-portlet__head-icon [class*=" fa-"], .m-portlet .m-portlet__head .m-portlet__head-caption .m-portlet__head-title .m-portlet__head-icon [class^=fa-] {
	font-size: 1.4rem
}
.m-portlet .m-portlet__head .m-portlet__head-caption .m-portlet__head-title .m-portlet__head-icon [class*=" flaticon-"], .m-portlet .m-portlet__head .m-portlet__head-caption .m-portlet__head-title .m-portlet__head-icon [class^=flaticon-] {
	font-size: 1.8rem
}
.m-portlet .m-portlet__head .m-portlet__head-caption .m-portlet__head-title .m-portlet__head-icon i {
	vertical-align: middle;
	line-height: 0;
	display: inline-block
}
.m-portlet .m-portlet__head .m-portlet__head-caption .m-portlet__head-title .m-portlet__head-text {
	display: table-cell;
	vertical-align: middle;
	font-size: 1.15rem;
	font-weight: 500;
}
.m-portlet .m-portlet__head .m-portlet__head-caption .m-portlet__head-title .m-portlet__head-text small {
	display: inline-block;
	padding-left: 5px;
	font-size: 1rem;
	font-weight: 300;
	font-family: Roboto
}
.m-portlet .m-portlet__head .m-portlet__head-caption .m-portlet__head-title .m-portlet__head-text .m-portlet__head-desc {
margin-top:.4rem;
	display: block;
font-size:.85rem;
	font-weight: 300;
	font-family: Roboto
}
.m-portlet .m-portlet__head .m-portlet__head-caption .m-portlet__head-title .m-portlet__head-text em {
    display: inline-block;
	padding-right:10px;
	font-size: 1rem;
	font-weight: 300;	
}
.m-portlet .m-portlet__head .m-portlet__head-tools {
	text-align: right;
	display: table-cell;
	vertical-align: middle
}
.m-portlet .m-portlet__head .m-portlet__head-tools .m-portlet__nav {
	display: table;
	text-align: right;
	float: right;
	padding: 0;
	margin: 0;
	height: 100%;
	list-style: none
}
.m-portlet .m-portlet__head .m-portlet__head-tools .m-portlet__nav .m-portlet__nav-item {
	height: 100%;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
.m-portlet .m-portlet__head .m-portlet__head-tools .m-portlet__nav .m-portlet__nav-item span {vertical-align: middle}
.m-portlet .m-portlet__head .m-portlet__head-tools .m-portlet__nav .m-portlet__nav-item.m-portlet__nav-item--last {
	padding-right: 0
}
.m-portlet .m-portlet__head .m-portlet__head-tools .m-portlet__nav .m-portlet__nav-item .m-portlet__nav-link {
	display: inline-block;
	vertical-align: middle
}
.m-portlet .m-portlet__head .m-portlet__head-tools .m-portlet__nav .m-portlet__nav-item .m-portlet__nav-link.m-portlet__nav-link--icon {
	padding: 0 2px
}
.m-portlet .m-portlet__head .m-portlet__head-tools .m-portlet__nav .m-portlet__nav-item .m-portlet__nav-link.m-portlet__nav-link--icon [class*=" la-"], .m-portlet .m-portlet__head .m-portlet__head-tools .m-portlet__nav .m-portlet__nav-item .m-portlet__nav-link.m-portlet__nav-link--icon [class^=la-] {
	font-size: 1.4rem
}
.m-portlet .m-portlet__head .m-portlet__head-tools .m-portlet__nav .m-portlet__nav-item .m-portlet__nav-link.m-portlet__nav-link--icon [class*=" fa-"], .m-portlet .m-portlet__head .m-portlet__head-tools .m-portlet__nav .m-portlet__nav-item .m-portlet__nav-link.m-portlet__nav-link--icon [class^=fa-] {
	font-size: 1.4rem
}
.m-portlet .m-portlet__head .m-portlet__head-tools .m-portlet__nav .m-portlet__nav-item .m-portlet__nav-link.m-portlet__nav-link--icon [class*=" flaticon-"], .m-portlet .m-portlet__head .m-portlet__head-tools .m-portlet__nav .m-portlet__nav-item .m-portlet__nav-link.m-portlet__nav-link--icon [class^=flaticon-] {
	font-size: 1.8rem
}
.m-portlet .m-portlet__head .m-portlet__head-tools .m-portlet__nav .m-portlet__nav-item .m-portlet__nav-link.m-portlet__nav-link--icon.m-portlet__nav-link--icon-lg [class*=" la-"], .m-portlet .m-portlet__head .m-portlet__head-tools .m-portlet__nav .m-portlet__nav-item .m-portlet__nav-link.m-portlet__nav-link--icon.m-portlet__nav-link--icon-lg [class^=la-] {
	font-size: 1.8rem
}
.m-portlet .m-portlet__head .m-portlet__head-tools .m-portlet__nav .m-portlet__nav-item .m-portlet__nav-link.m-portlet__nav-link--icon.m-portlet__nav-link--icon-lg [class*=" fa-"], .m-portlet .m-portlet__head .m-portlet__head-tools .m-portlet__nav .m-portlet__nav-item .m-portlet__nav-link.m-portlet__nav-link--icon.m-portlet__nav-link--icon-lg [class^=fa-] {
	font-size: 1.6rem
}
.m-portlet .m-portlet__head .m-portlet__head-tools .m-portlet__nav .m-portlet__nav-item .m-portlet__nav-link.m-portlet__nav-link--icon.m-portlet__nav-link--icon-lg [class*=" flaticon-"], .m-portlet .m-portlet__head .m-portlet__head-tools .m-portlet__nav .m-portlet__nav-item .m-portlet__nav-link.m-portlet__nav-link--icon.m-portlet__nav-link--icon-lg [class^=flaticon-] {
	font-size: 2rem
}
.m-portlet .m-portlet__head .m-portlet__head-tools .m-portlet__nav .m-portlet__nav-item .m-portlet__nav-link.m-portlet__nav-link--icon.m-portlet__nav-link--icon-xl [class*=" la-"], .m-portlet .m-portlet__head .m-portlet__head-tools .m-portlet__nav .m-portlet__nav-item .m-portlet__nav-link.m-portlet__nav-link--icon.m-portlet__nav-link--icon-xl [class^=la-] {
	font-size: 2.2rem
}
.m-portlet .m-portlet__head .m-portlet__head-tools .m-portlet__nav .m-portlet__nav-item .m-portlet__nav-link.m-portlet__nav-link--icon.m-portlet__nav-link--icon-xl [class*=" fa-"], .m-portlet .m-portlet__head .m-portlet__head-tools .m-portlet__nav .m-portlet__nav-item .m-portlet__nav-link.m-portlet__nav-link--icon.m-portlet__nav-link--icon-xl [class^=fa-] {
	font-size: 2rem
}
.m-portlet .m-portlet__head .m-portlet__head-tools .m-portlet__nav .m-portlet__nav-item .m-portlet__nav-link.m-portlet__nav-link--icon.m-portlet__nav-link--icon-xl [class*=" flaticon-"], .m-portlet .m-portlet__head .m-portlet__head-tools .m-portlet__nav .m-portlet__nav-item .m-portlet__nav-link.m-portlet__nav-link--icon.m-portlet__nav-link--icon-xl [class^=flaticon-] {
	font-size: 2.4rem
}
.m-portlet .m-portlet__head .m-portlet__head-tools .m-portlet__nav .m-portlet__nav-item .m-portlet__nav-link.m-portlet__nav-link--icon i {
	vertical-align: middle;
	line-height: 0;
	display: inline-block
}
.m-portlet .m-portlet__head .m-portlet__head-tools .m-portlet__nav .m-portlet__nav-item .m-portlet__nav-link:hover {
	text-decoration: none
}
.m-portlet .m-portlet__head .m-portlet__head-tools .m-portlet__nav .m-portlet__nav-item:first-child .m-portlet__nav-item {
	padding-right: 0
}
.m-portlet .m-portlet__head .m-portlet__head-tools .nav.nav-pills, .m-portlet .m-portlet__head .m-portlet__head-tools .nav.nav-tabs {
	margin: 0
}
.m-portlet .m-portlet__head .m-portlet__head-tools .nav.nav-pills.m-nav-pills--align-right {
	float: right
}
.m-portlet .m-portlet__head.m-portlet__head--fit {
	position: relative;
	z-index: 1
}
.m-portlet .m-portlet__body {
	padding: 15px 30px 30px;
}
.m-portlet .m-portlet__body.m-portlet__body--no-padding {
	padding: 0
}
.m-portlet .m-portlet__body.m-portlet__body--no-top-padding {
	padding-top: 0
}
.m-portlet .m-portlet__body.m-portlet__body--no-left-padding {
	padding-left: 0
}
.m-portlet .m-portlet__body.m-portlet__body--no-right-padding {
	padding-right: 0
}
.m-portlet .m-portlet__foot {
	padding:25px
}
.m-portlet .m-portlet__foot.m-portlet__foot--fit {
    padding: 0;
}
.m-portlet.m-portlet--collapse .m-portlet__head .m-portlet__head-tools .m-portlet__nav .m-portlet__nav-item .m-portlet__nav-link>i.la-angle-down:before, .m-portlet.m-portlet--collapsed .m-portlet__head .m-portlet__head-tools .m-portlet__nav .m-portlet__nav-item .m-portlet__nav-link>i.la-angle-down:before {
	content: "\f113"
}
.m-portlet.m-portlet--collapse .m-portlet__head .m-portlet__head-tools .m-portlet__nav .m-portlet__nav-item .m-portlet__nav-link>i.la-plus:before, .m-portlet.m-portlet--collapsed .m-portlet__head .m-portlet__head-tools .m-portlet__nav .m-portlet__nav-item .m-portlet__nav-link>i.la-plus:before {
	content: "\f28e"
}
.m-portlet.m-portlet--collapsed>.m-form, .m-portlet.m-portlet--collapsed>.m-portlet__body {
	display: none
}
.m-portlet.m-portlet--fullscreen {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1;
	margin: 0
}
.m-portlet.m-portlet--fullscreen>.m-portlet__head .m-portlet__head-tools .m-portlet__nav .m-portlet__nav-item [data-portlet-tool=toggle]>i {
	opacity: .5
}
.m-portlet.m-portlet--fullscreen>.m-portlet__head .m-portlet__head-tools .m-portlet__nav .m-portlet__nav-item .m-portlet__nav-link>i.la-expand:before {
	content: "\f1a4"
}
.m-portlet.m-portlet--fullscreen>.m-form, .m-portlet.m-portlet--fullscreen>.m-portlet__body {
	left: 0;
	right: 0;
	top: 5.1rem;
	bottom: 0;
	position: fixed;
	overflow: auto
}
.m-portlet.m-portlet--fullscreen.m-portlet--head-sm>.m-portlet__body {
	top: 4.1rem
}
.m-portlet.m-portlet--fit {
	position: relative
}
.m-portlet.m-portlet--widget-fit .m-portlet__head {
	position: relative;
	z-index: 1
}
.m-portlet.m-portlet--bordered-semi .m-portlet__body {
padding-top:.5rem
}
.m-portlet.m-portlet--space {
	padding: 0 2.2rem
}
.m-portlet.m-portlet--space .m-portlet__head {
	padding: 2.2rem 0
}
.m-portlet.m-portlet--space .m-portlet__body {
	padding: 2.2rem 0
}
.m-portlet.m-portlet--space .m-portlet__foot>.m-form__actions {
	padding: 2.2rem 0
}
.m-portlet .m-portlet__padding-x {
	padding: 0 2.2rem
}
.m-portlet.m-portlet--tabs .m-portlet__head {
	padding: 0 2.2rem
}
.m-portlet.m-portlet--tabs .m-portlet__head .m-portlet__head-tools {
	padding: 0
}
.m-portlet.m-portlet--tabs .m-portlet__head .m-portlet__head-tools .m-tabs-line {
	position: relative;
	height: 100%;
	margin: 0;
	border-bottom-color: transparent;
	bottom: -1px
}
.m-portlet.m-portlet--tabs .m-portlet__head .m-portlet__head-tools .m-tabs-line .m-tabs__link {
	height: 100%;
	padding: 1.7rem 0 1.5rem 0
}
.m-portlet.m-portlet--tabs .m-portlet__head .m-portlet__head-tools .m-tabs-line.m-tabs-line--2x {
	bottom: -3px
}
.m-portlet.m-portlet--last {
	margin-bottom: 0
}
.m-portlet.m-portlet--head-sm .m-portlet__head {
	height: 4.1rem;
    height:70px\9;
}
.m-portlet.m-portlet--head-sm .m-portlet__head .m-portlet__head-tools {
	padding: 0
}
.m-portlet.m-portlet--head-sm .m-portlet__head .m-portlet__head-tools .m-tabs-line .m-tabs__link {
	height: 100%;
	padding: 15px 0
}
/*
.m-portlet.m-portlet--head-sm .m-portlet__body, .m-portlet.m-portlet--head-sm .m-portlet__foot {
	padding-top: 1.7rem;
	padding-bottom: 1.7rem
}
*/
.m-portlet.m-portlet--unair {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none
}
.m-portlet.m-portlet--rounded {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px
}
.m-portlet.m-portlet--rounded .m-portlet__head {
	-webkit-border-top-left-radius: 4px;
	-moz-border-top-left-radius: 4px;
	-ms-border-top-left-radius: 4px;
	-o-border-top-left-radius: 4px;
	border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-top-right-radius: 4px;
	-ms-border-top-right-radius: 4px;
	-o-border-top-right-radius: 4px;
	border-top-right-radius: 4px
}
.m-portlet.m-portlet--rounded .m-portlet__body {
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-bottom-left-radius: 4px;
	-ms-border-bottom-left-radius: 4px;
	-o-border-bottom-left-radius: 4px;
	border-bottom-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-bottom-right-radius: 4px;
	-ms-border-bottom-right-radius: 4px;
	-o-border-bottom-right-radius: 4px;
	border-bottom-right-radius: 4px
}
.m-portlet.m-portlet--rounded .m-portlet__foot {
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-bottom-left-radius: 4px;
	-ms-border-bottom-left-radius: 4px;
	-o-border-bottom-left-radius: 4px;
	border-bottom-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-bottom-right-radius: 4px;
	-ms-border-bottom-right-radius: 4px;
	-o-border-bottom-right-radius: 4px;
	border-bottom-right-radius: 4px
}
.m-portlet.m-portlet--rounded-force {
	overflow: hidden
}
@media (max-width:768px) {
.m-portlet.m-portlet--responsive-mobile .m-portlet__head {
	display: block;
	height: auto
}
.m-portlet.m-portlet--responsive-mobile .m-portlet__head .m-portlet__head-caption {
	display: block;
padding-top:.9rem;
padding-bottom:.9rem
}
.m-portlet.m-portlet--responsive-mobile .m-portlet__head .m-portlet__head-tools {
	text-align: left;
	display: block;
padding-top:.45rem;
padding-bottom:.9rem
}
}
@media (max-width:1024px) {
.m-portlet.m-portlet--responsive-tablet-and-mobile .m-portlet__head {
	display: block;
	height: auto
}
.m-portlet.m-portlet--responsive-tablet-and-mobile .m-portlet__head .m-portlet__head-caption {
	display: block;
padding-top:.9rem;
padding-bottom:.9rem
}
.m-portlet.m-portlet--responsive-tablet-and-mobile .m-portlet__head .m-portlet__head-tools {
	text-align: left;
	display: block;
padding-top:.45rem;
padding-bottom:.9rem
}
}
.m-portlet .m-form.m-form--fit>.m-portlet__body {
	padding-left: 0;
	padding-right: 0
}
.m-portlet.m-portlet--sortable .m-portlet__head {
	cursor: move
}
.m-portlet.m-portlet--sortable-empty {
	visibility: hidden;
	height: 45px;
	min-height: 125px
}
.m-portlet .m-portlet-fit--sides {
	margin-left: -2.2rem;
	margin-right: -2.2rem
}
.m-portlet .m-portlet-fit--bottom {
	margin-bottom: -2.2rem
}
.m-portlet .m-portlet-fit--top {
	margin-top: -7.3rem
}
.m-portlet.m-portlet--bordered-semi .m-portlet-fit--top {
	margin-top: -5.6rem
}
.m-portlet .m-portlet__body-separator {
	height: 0;
	overflow: hidden;
	margin: 30px -2.2rem
}
.m-portlet.m-portlet--creative {
	padding-top: 3.5rem;
	margin-top: 3.5rem
}
.m-portlet.m-portlet--creative.m-portlet--first {
	margin-top: 1.375rem
}
.m-portlet.m-portlet--creative .m-portlet__head {
	height: 2.75rem
}
.m-portlet.m-portlet--creative .m-portlet__head .m-portlet__head-caption {
	position: relative;
	display: table-cell;
	vertical-align: middle;
	text-align: left
}
.m-portlet.m-portlet--creative .m-portlet__head .m-portlet__head-caption .m-portlet__head-title .m-portlet__head-icon [class*=" la-"], .m-portlet.m-portlet--creative .m-portlet__head .m-portlet__head-caption .m-portlet__head-title .m-portlet__head-icon [class^=la-] {
	font-size: 1.3rem
}
.m-portlet.m-portlet--creative .m-portlet__head .m-portlet__head-caption .m-portlet__head-title .m-portlet__head-icon [class*=" fa-"], .m-portlet.m-portlet--creative .m-portlet__head .m-portlet__head-caption .m-portlet__head-title .m-portlet__head-icon [class^=fa-] {
	font-size: 1.2rem
}
.m-portlet.m-portlet--creative .m-portlet__head .m-portlet__head-caption .m-portlet__head-title .m-portlet__head-icon [class*=" flaticon-"], .m-portlet.m-portlet--creative .m-portlet__head .m-portlet__head-caption .m-portlet__head-title .m-portlet__head-icon [class^=flaticon-] {
	font-size: 1.4rem
}
.m-portlet.m-portlet--creative .m-portlet__head .m-portlet__head-caption .m-portlet__head-title .m-portlet__head-text {
	font-size: 1rem;
	font-weight: 400;
}
.m-portlet.m-portlet--creative .m-portlet__head .m-portlet__head-caption .m-portlet__head-title .m-portlet__head-text .m-portlet__head-desc {
font-size:.8rem;
	font-weight: 300
}
.m-portlet.m-portlet--creative .m-portlet__head .m-portlet__head-caption .m-portlet__head-label {
	position: absolute;
	top: -5.25rem;
	left: 0;
	font-size: 1.2rem;
	font-weight: 500;
	display: table;
	padding: 0 1.75rem;
	height: 3.5rem
}
.m-portlet.m-portlet--creative .m-portlet__head .m-portlet__head-caption .m-portlet__head-label>span {
	vertical-align: middle;
	display: table-cell
}
.m-portlet.m-portlet--head-overlay {
	overlay: hidden
}
.m-portlet.m-portlet--head-overlay .m-portlet__head {
	position: relative;
	border: 0;
	z-index: 2
}
.m-portlet.m-portlet--head-overlay .m-portlet__body {
	position: relative;
	z-index: 1;
	margin-top: -5.1rem;
	padding-top: 0
}
@media (min-width:1025px) {
.m-portlet.m-portlet--full-height {
	height: calc(100% - 2.2rem)
}
.m-portlet.m-portlet--full-height .m-portlet__body {
	height: calc(100% - 2.2rem - 2.2rem)
}
.m-portlet.m-portlet--half-height {
	height: calc(50% - 2.2rem)
}
}
body.m-portlet--fullscreen {
	overflow: hidden!important
}
body.m-portlet--fullscreen.m-header--fixed .m-header {
	display: none
}
body.m-portlet--fullscreen.m-aside-left--fixed .m-aside-left {
	display: none
}
@media (max-width:1024px) {
.m-portlet .m-portlet__head .m-portlet__head-caption .m-portlet__head-title .m-portlet__head-text {
	font-size: 1.1rem
}
.m-portlet .m-portlet__head .m-portlet__head-caption .m-portlet__head-title .m-portlet__head-text small {
font-size:.85rem
}
.m-portlet .m-portlet__head .m-portlet__head-caption .m-portlet__head-title .m-portlet__head-text .m-portlet__head-desc {
font-size:.85rem
}
}
@media (max-width:768px) {
.m-portlet.m-portlet--tabs .m-portlet__head {
	display: block;
	height: auto;
	padding-top: 1.25rem;
	padding-bottom: 1.25rem
}
.m-portlet.m-portlet--tabs .m-portlet__head .m-portlet__head-caption {
	display: block;
	float: none
}
.m-portlet.m-portlet--tabs .m-portlet__head .m-portlet__head-tools {
	display: block;
	float: none;
	margin-top: 1rem
}
.m-portlet.m-portlet--tabs .m-portlet__head .m-portlet__head-tools .nav-tabs.m-tabs-line {
	float: none
}
.m-portlet.m-portlet--tabs .m-portlet__head .m-portlet__head-tools .nav-tabs.m-tabs-line>.nav-item.m-tabs__item {
margin-right:.75rem
}
.m-portlet.m-portlet--tabs .m-portlet__head .m-portlet__head-tools .nav-tabs.m-tabs-line>.nav-item.m-tabs__item>.nav-link.m-tabs__link {
padding:.5rem 0
}
.m-portlet.m-portlet--tabs.m-portlet--head-solid-bg .m-portlet__head .m-portlet__head-tools .nav-tabs.m-tabs-line>.nav-item.m-tabs__item>.nav-link.m-tabs__link {
padding:.5rem 1rem
}
}
.m-portlet {
	-webkit-box-shadow: 0 1px 15px 1px rgba(81,77,92,.08);
	-moz-box-shadow: 0 1px 15px 1px rgba(81,77,92,.08);
	box-shadow: 0 1px 15px 1px rgba(81,77,92,.08);
    position: relative;
}
.m-portlet .m-portlet__head {
	border-bottom: 1px solid #ebedf2
}
.m-portlet .m-portlet__head .m-portlet__head-icon {
	color: #b2b1c5
}
.m-portlet .m-portlet__head .m-portlet__head-text {
	color: #575962
}
.m-portlet .m-portlet__head .m-portlet__head-text .m-portlet__head-desc, .m-portlet .m-portlet__head .m-portlet__head-text small {
	color: #afb2c1
}
.m-portlet .m-portlet__head .m-portlet__head-tools .m-portlet__nav .m-portlet__nav-item .m-portlet__nav-link.m-portlet__nav-link--icon i {
	color: #afb0c7
}
.m-portlet .m-portlet__head .m-portlet__head-tools .m-portlet__nav .m-portlet__nav-item .m-portlet__nav-link.m-portlet__nav-link--icon:hover i {
	color: #716aca
}
/*.m-portlet .m-portlet__body {
	color: #575962
}*/
.m-portlet .m-portlet__foot:not(.m-portlet__no-border) {
	border-top: 1px solid #ebedf2
}
.m-portlet .m-portlet__foot:not(.m-portlet__no-border).m-portlet__foot--top {
	border-top: 0;
	border-bottom: 1px solid #ebedf2
}
.m-portlet .m-portlet__foot:not(.m-portlet__no-border).m-portlet__foot-no-border {
	border: 0
}
.m-portlet .m-portlet__foot .m-form__actions {
    padding: 20px 25px;}

    .m-portlet .m-portlet__foot .m-form__actions:after {display:block; clear:both; content:''; *zoom:1;}
.m-form__actions.m-form__actions--solid {
	background-color: #f7f8fa;
	border-color: #f7f8fa
}
/*.m-portlet.m-portlet--bordered {
    border: 1px solid #e8eaef;
}*/
.m-portlet.m-portlet--bordered-semi .m-portlet__head {
	border: 0
}
.m-portlet.ui-sortable-helper {
	border: 1px dashed #ebedf2
}
.m-portlet .m-portlet__body-separator {
	border-bottom: 1px solid #f4f5f8
}
.m-portlet.m-portlet--creative .m-portlet__head .m-portlet__head-caption .m-portlet__head-label {
	-webkit-box-shadow: 0 1px 15px 1px rgba(81,77,92,.25);
	-moz-box-shadow: 0 1px 15px 1px rgba(81,77,92,.25);
	box-shadow: 0 1px 15px 1px rgba(81,77,92,.25)
}
.m-portlet.m-portlet--creative .m-portlet__head .m-portlet__head-caption .m-portlet__head-label.m-portlet__head-label--brand {
	background: #716aca;
	color: #fff
}
.m-portlet.m-portlet--creative .m-portlet__head .m-portlet__head-caption .m-portlet__head-label.m-portlet__head-label--metal {
	background: #c4c5d6;
	color: #fff
}
.m-portlet.m-portlet--creative .m-portlet__head .m-portlet__head-caption .m-portlet__head-label.m-portlet__head-label--light {
	background: #fff;
	color: #282a3c
}
.m-portlet.m-portlet--creative .m-portlet__head .m-portlet__head-caption .m-portlet__head-label.m-portlet__head-label--accent {
	background: #00c5dc;
	color: #fff
}
.m-portlet.m-portlet--creative .m-portlet__head .m-portlet__head-caption .m-portlet__head-label.m-portlet__head-label--focus {
	background: #9816f4;
	color: #fff
}
.m-portlet.m-portlet--creative .m-portlet__head .m-portlet__head-caption .m-portlet__head-label.m-portlet__head-label--primary {
	background: #5867dd;
	color: #fff
}
.m-portlet.m-portlet--creative .m-portlet__head .m-portlet__head-caption .m-portlet__head-label.m-portlet__head-label--success {
	background: #34bfa3;
	color: #fff
}
.m-portlet.m-portlet--creative .m-portlet__head .m-portlet__head-caption .m-portlet__head-label.m-portlet__head-label--info {
	background: #36a3f7;
	color: #fff
}
.m-portlet.m-portlet--creative .m-portlet__head .m-portlet__head-caption .m-portlet__head-label.m-portlet__head-label--warning {
	background: #ffb822;
	color: #111
}
.m-portlet.m-portlet--creative .m-portlet__head .m-portlet__head-caption .m-portlet__head-label.m-portlet__head-label--danger {
	background: #f4516c;
	color: #fff
}
.m-portlet.m-portlet--skin-dark {
	-webkit-box-shadow: 0 1px 15px 1px rgba(81,77,92,.55);
	-moz-box-shadow: 0 1px 15px 1px rgba(81,77,92,.55);
	box-shadow: 0 1px 15px 1px rgba(81,77,92,.55);
	background-color: #2c2e3e
}
.m-portlet.m-portlet--skin-dark .m-portlet__head {
	border-bottom: 1px solid #a1a4b1
}
.m-portlet.m-portlet--skin-dark .m-portlet__head .m-portlet__head-icon {
	color: #fff
}
.m-portlet.m-portlet--skin-dark .m-portlet__head .m-portlet__head-text {
	color: #fff
}
.m-portlet.m-portlet--skin-dark .m-portlet__head .m-portlet__head-text .m-portlet__head-desc, .m-portlet.m-portlet--skin-dark .m-portlet__head .m-portlet__head-text small {
	color: #c9c9e0
}
.m-portlet.m-portlet--skin-dark .m-portlet__head .m-portlet__head-tools .m-portlet__nav .m-portlet__nav-item .m-portlet__nav-link.m-portlet__nav-link--icon i {
	color: rgba(255,255,255,.6)
}
.m-portlet.m-portlet--skin-dark .m-portlet__head .m-portlet__head-tools .m-portlet__nav .m-portlet__nav-item .m-portlet__nav-link.m-portlet__nav-link--icon:hover i {
	color: #fff
}
.m-portlet.m-portlet--skin-dark .m-portlet__body {
	color: #fff
}
.m-portlet.m-portlet--skin-dark .m-portlet__foot:not(.m-portlet__no-border) {
	border-top: 1px solid #a1a4b1
}
.m-portlet.m-portlet--skin-dark .m-portlet__foot:not(.m-portlet__no-border).m-portlet__foot--top {
	border-top: 0;
	border-bottom: 1px solid #a1a4b1
}
.m-portlet.m-portlet--skin-dark .m-portlet__foot:not(.m-portlet__no-border).m-portlet__foot-no-border {
	border: 0
}
.m-portlet.m-portlet--skin-dark.m-portlet--bordered {
	border: 1px solid #a1a4b1
}
.m-portlet.m-portlet--skin-dark.m-portlet--bordered-semi .m-portlet__head {
	border: 0
}
.m-portlet.m-portlet--skin-dark.ui-sortable-helper {
	border: 1px dashed #a1a4b1
}
.m-portlet.m-portlet--skin-dark .m-portlet__body-separator {
	border-bottom: 1px solid #999caa
}
.m-portlet.m-portlet--skin-dark.m-portlet--creative .m-portlet__head .m-portlet__head-caption .m-portlet__head-label {
	-webkit-box-shadow: 0 1px 15px 1px rgba(81,77,92,.3);
	-moz-box-shadow: 0 1px 15px 1px rgba(81,77,92,.3);
	box-shadow: 0 1px 15px 1px rgba(81,77,92,.3)
}
.m-portlet.m-portlet--skin-dark.m-portlet--creative .m-portlet__head .m-portlet__head-caption .m-portlet__head-label.m-portlet__head-label--brand {
	background: #716aca;
	color: #fff
}
.m-portlet.m-portlet--skin-dark.m-portlet--creative .m-portlet__head .m-portlet__head-caption .m-portlet__head-label.m-portlet__head-label--metal {
	background: #c4c5d6;
	color: #fff
}
.m-portlet.m-portlet--skin-dark.m-portlet--creative .m-portlet__head .m-portlet__head-caption .m-portlet__head-label.m-portlet__head-label--light {
	background: #fff;
	color: #282a3c
}
.m-portlet.m-portlet--skin-dark.m-portlet--creative .m-portlet__head .m-portlet__head-caption .m-portlet__head-label.m-portlet__head-label--accent {
	background: #00c5dc;
	color: #fff
}
.m-portlet.m-portlet--skin-dark.m-portlet--creative .m-portlet__head .m-portlet__head-caption .m-portlet__head-label.m-portlet__head-label--focus {
	background: #9816f4;
	color: #fff
}
.m-portlet.m-portlet--skin-dark.m-portlet--creative .m-portlet__head .m-portlet__head-caption .m-portlet__head-label.m-portlet__head-label--primary {
	background: #5867dd;
	color: #fff
}
.m-portlet.m-portlet--skin-dark.m-portlet--creative .m-portlet__head .m-portlet__head-caption .m-portlet__head-label.m-portlet__head-label--success {
	background: #34bfa3;
	color: #fff
}
.m-portlet.m-portlet--skin-dark.m-portlet--creative .m-portlet__head .m-portlet__head-caption .m-portlet__head-label.m-portlet__head-label--info {
	background: #36a3f7;
	color: #fff
}
.m-portlet.m-portlet--skin-dark.m-portlet--creative .m-portlet__head .m-portlet__head-caption .m-portlet__head-label.m-portlet__head-label--warning {
	background: #ffb822;
	color: #111
}
.m-portlet.m-portlet--skin-dark.m-portlet--creative .m-portlet__head .m-portlet__head-caption .m-portlet__head-label.m-portlet__head-label--danger {
	background: #f4516c;
	color: #fff
}
.m-portlet.m-portlet--brand.m-portlet--head-solid-bg {
	background: #716aca;
	border-color: #716aca
}
.m-portlet.m-portlet--brand.m-portlet--head-solid-bg .m-portlet__head {
	background-color: #716aca;
	border-color: #716aca
}
.m-portlet.m-portlet--brand.m-portlet--head-solid-bg .m-portlet__head .m-portlet__head-icon {
	color: #f7f7f7
}
.m-portlet.m-portlet--brand.m-portlet--head-solid-bg .m-portlet__head .m-portlet__head-text {
	color: #fff
}
.m-portlet.m-portlet--brand.m-portlet--head-solid-bg .m-portlet__head .m-portlet__head-text small {
	color: #f0f0f0
}
.m-portlet.m-portlet--brand.m-portlet--head-solid-bg .m-portlet__head-tools .m-portlet__nav .m-portlet__nav-item .m-portlet__nav-link.m-portlet__nav-link--icon i {
	color: #f7f7f7
}
.m-portlet.m-portlet--brand.m-portlet--head-solid-bg .m-portlet__head-tools .m-portlet__nav .m-portlet__nav-item .m-portlet__nav-link.m-portlet__nav-link--icon:hover i {
	color: #fff
}
.m-portlet.m-portlet--brand.m-portlet--head-solid-bg .m-portlet__head-tools .btn-outline-light {
	border-color: rgba(255,255,255,.1)
}
.m-portlet.m-portlet--brand.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line {
	bottom: 0;
	border: 0
}
.m-portlet.m-portlet--brand.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__item {
	margin: 0 1px 0 0
}
.m-portlet.m-portlet--brand.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__item:last-child {
	margin-right: 0
}
.m-portlet.m-portlet--brand.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__link {
	padding-left: 20px;
	padding-right: 20px;
	color: #fff;
	border: 0;
	opacity: .8
}
.m-portlet.m-portlet--brand.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__link>i {
	color: #f0f0f0
}
.m-portlet.m-portlet--brand.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__link:hover {
	border-bottom: 0
}
.m-portlet.m-portlet--brand.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__item.show .m-tabs__link, .m-portlet.m-portlet--brand.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__link.active, .m-portlet.m-portlet--brand.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__link:hover {
	padding-left: 20px;
	padding-right: 20px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
	opacity: 1;
	background: 0 0;
	color: #fff;
	border: 0;
	background: rgba(255,255,255,.08)
}
.m-portlet.m-portlet--brand.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__item.show .m-tabs__link>i, .m-portlet.m-portlet--brand.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__link.active>i, .m-portlet.m-portlet--brand.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__link:hover>i {
	color: #fff
}
.m-portlet.m-portlet--brand.m-portlet--head-solid-bg .m-portlet__body {
	background: #fff
}
.m-portlet.m-portlet--brand.m-portlet--head-solid-bg .m-portlet__foot {
	background: #fff;
	border-color: #716aca
}
.m-portlet.m-portlet--border-bottom-brand {
	border-bottom: 3px solid #716aca
}
.m-portlet.m-portlet--metal.m-portlet--head-solid-bg {
	background: #c4c5d6;
	border-color: #c4c5d6
}
.m-portlet.m-portlet--metal.m-portlet--head-solid-bg .m-portlet__head {
	background-color: #c4c5d6;
	border-color: #c4c5d6
}
.m-portlet.m-portlet--metal.m-portlet--head-solid-bg .m-portlet__head .m-portlet__head-icon {
	color: #f7f7f7
}
.m-portlet.m-portlet--metal.m-portlet--head-solid-bg .m-portlet__head .m-portlet__head-text {
	color: #fff
}
.m-portlet.m-portlet--metal.m-portlet--head-solid-bg .m-portlet__head .m-portlet__head-text small {
	color: #f0f0f0
}
.m-portlet.m-portlet--metal.m-portlet--head-solid-bg .m-portlet__head-tools .m-portlet__nav .m-portlet__nav-item .m-portlet__nav-link.m-portlet__nav-link--icon i {
	color: #f7f7f7
}
.m-portlet.m-portlet--metal.m-portlet--head-solid-bg .m-portlet__head-tools .m-portlet__nav .m-portlet__nav-item .m-portlet__nav-link.m-portlet__nav-link--icon:hover i {
	color: #fff
}
.m-portlet.m-portlet--metal.m-portlet--head-solid-bg .m-portlet__head-tools .btn-outline-light {
	border-color: rgba(255,255,255,.1)
}
.m-portlet.m-portlet--metal.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line {
	bottom: 0;
	border: 0
}
.m-portlet.m-portlet--metal.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__item {
	margin: 0 1px 0 0
}
.m-portlet.m-portlet--metal.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__item:last-child {
	margin-right: 0
}
.m-portlet.m-portlet--metal.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__link {
	padding-left: 20px;
	padding-right: 20px;
	color: #fff;
	border: 0;
	opacity: .8
}
.m-portlet.m-portlet--metal.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__link>i {
	color: #f0f0f0
}
.m-portlet.m-portlet--metal.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__link:hover {
	border-bottom: 0
}
.m-portlet.m-portlet--metal.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__item.show .m-tabs__link, .m-portlet.m-portlet--metal.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__link.active, .m-portlet.m-portlet--metal.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__link:hover {
	padding-left: 20px;
	padding-right: 20px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
	opacity: 1;
	background: 0 0;
	color: #fff;
	border: 0;
	background: rgba(255,255,255,.08)
}
.m-portlet.m-portlet--metal.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__item.show .m-tabs__link>i, .m-portlet.m-portlet--metal.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__link.active>i, .m-portlet.m-portlet--metal.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__link:hover>i {
	color: #fff
}
.m-portlet.m-portlet--metal.m-portlet--head-solid-bg .m-portlet__body {
	background: #fff
}
.m-portlet.m-portlet--metal.m-portlet--head-solid-bg .m-portlet__foot {
	background: #fff;
	border-color: #c4c5d6
}
.m-portlet.m-portlet--border-bottom-metal {
	border-bottom: 3px solid #c4c5d6
}
.m-portlet.m-portlet--light.m-portlet--head-solid-bg {
	background: #fff;
	border-color: #fff
}
.m-portlet.m-portlet--light.m-portlet--head-solid-bg .m-portlet__head {
	background-color: #fff;
	border-color: #fff
}
.m-portlet.m-portlet--light.m-portlet--head-solid-bg .m-portlet__head .m-portlet__head-icon {
	color: #222433
}
.m-portlet.m-portlet--light.m-portlet--head-solid-bg .m-portlet__head .m-portlet__head-text {
	color: #282a3c
}
.m-portlet.m-portlet--light.m-portlet--head-solid-bg .m-portlet__head .m-portlet__head-text small {
	color: #1c1d2a
}
.m-portlet.m-portlet--light.m-portlet--head-solid-bg .m-portlet__head-tools .m-portlet__nav .m-portlet__nav-item .m-portlet__nav-link.m-portlet__nav-link--icon i {
	color: #222433
}
.m-portlet.m-portlet--light.m-portlet--head-solid-bg .m-portlet__head-tools .m-portlet__nav .m-portlet__nav-item .m-portlet__nav-link.m-portlet__nav-link--icon:hover i {
	color: #282a3c
}
.m-portlet.m-portlet--light.m-portlet--head-solid-bg .m-portlet__head-tools .btn-outline-light {
	border-color: rgba(255,255,255,.1)
}
.m-portlet.m-portlet--light.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line {
	bottom: 0;
	border: 0
}
.m-portlet.m-portlet--light.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__item {
	margin: 0 1px 0 0
}
.m-portlet.m-portlet--light.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__item:last-child {
	margin-right: 0
}
.m-portlet.m-portlet--light.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__link {
	padding-left: 20px;
	padding-right: 20px;
	color: #282a3c;
	border: 0;
	opacity: .8
}
.m-portlet.m-portlet--light.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__link>i {
	color: #1c1d2a
}
.m-portlet.m-portlet--light.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__link:hover {
	border-bottom: 0
}
.m-portlet.m-portlet--light.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__item.show .m-tabs__link, .m-portlet.m-portlet--light.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__link.active, .m-portlet.m-portlet--light.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__link:hover {
	padding-left: 20px;
	padding-right: 20px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
	opacity: 1;
	background: 0 0;
	color: #282a3c;
	border: 0;
	background: rgba(40,42,60,.08)
}
.m-portlet.m-portlet--light.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__item.show .m-tabs__link>i, .m-portlet.m-portlet--light.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__link.active>i, .m-portlet.m-portlet--light.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__link:hover>i {
	color: #32354b
}
.m-portlet.m-portlet--light.m-portlet--head-solid-bg .m-portlet__body {
	background: #fff
}
.m-portlet.m-portlet--light.m-portlet--head-solid-bg .m-portlet__foot {
	background: #fff;
	border-color: #fff
}
.m-portlet.m-portlet--border-bottom-light {
	border-bottom: 3px solid #fff
}
.m-portlet.m-portlet--accent.m-portlet--head-solid-bg {
	background: #00c5dc;
	border-color: #00c5dc
}
.m-portlet.m-portlet--accent.m-portlet--head-solid-bg .m-portlet__head {
	background-color: #00c5dc;
	border-color: #00c5dc
}
.m-portlet.m-portlet--accent.m-portlet--head-solid-bg .m-portlet__head .m-portlet__head-icon {
	color: #f7f7f7
}
.m-portlet.m-portlet--accent.m-portlet--head-solid-bg .m-portlet__head .m-portlet__head-text {
	color: #fff
}
.m-portlet.m-portlet--accent.m-portlet--head-solid-bg .m-portlet__head .m-portlet__head-text small {
	color: #f0f0f0
}
.m-portlet.m-portlet--accent.m-portlet--head-solid-bg .m-portlet__head-tools .m-portlet__nav .m-portlet__nav-item .m-portlet__nav-link.m-portlet__nav-link--icon i {
	color: #f7f7f7
}
.m-portlet.m-portlet--accent.m-portlet--head-solid-bg .m-portlet__head-tools .m-portlet__nav .m-portlet__nav-item .m-portlet__nav-link.m-portlet__nav-link--icon:hover i {
	color: #fff
}
.m-portlet.m-portlet--accent.m-portlet--head-solid-bg .m-portlet__head-tools .btn-outline-light {
	border-color: rgba(255,255,255,.1)
}
.m-portlet.m-portlet--accent.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line {
	bottom: 0;
	border: 0
}
.m-portlet.m-portlet--accent.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__item {
	margin: 0 1px 0 0
}
.m-portlet.m-portlet--accent.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__item:last-child {
	margin-right: 0
}
.m-portlet.m-portlet--accent.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__link {
	padding-left: 20px;
	padding-right: 20px;
	color: #fff;
	border: 0;
	opacity: .8
}
.m-portlet.m-portlet--accent.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__link>i {
	color: #f0f0f0
}
.m-portlet.m-portlet--accent.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__link:hover {
	border-bottom: 0
}
.m-portlet.m-portlet--accent.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__item.show .m-tabs__link, .m-portlet.m-portlet--accent.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__link.active, .m-portlet.m-portlet--accent.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__link:hover {
	padding-left: 20px;
	padding-right: 20px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
	opacity: 1;
	background: 0 0;
	color: #fff;
	border: 0;
	background: rgba(255,255,255,.08)
}
.m-portlet.m-portlet--accent.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__item.show .m-tabs__link>i, .m-portlet.m-portlet--accent.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__link.active>i, .m-portlet.m-portlet--accent.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__link:hover>i {
	color: #fff
}
.m-portlet.m-portlet--accent.m-portlet--head-solid-bg .m-portlet__body {
	background: #fff
}
.m-portlet.m-portlet--accent.m-portlet--head-solid-bg .m-portlet__foot {
	background: #fff;
	border-color: #00c5dc
}
.m-portlet.m-portlet--border-bottom-accent {
	border-bottom: 3px solid #00c5dc
}
.m-portlet.m-portlet--focus.m-portlet--head-solid-bg {
	background: #9816f4;
	border-color: #9816f4
}
.m-portlet.m-portlet--focus.m-portlet--head-solid-bg .m-portlet__head {
	background-color: #9816f4;
	border-color: #9816f4
}
.m-portlet.m-portlet--focus.m-portlet--head-solid-bg .m-portlet__head .m-portlet__head-icon {
	color: #f7f7f7
}
.m-portlet.m-portlet--focus.m-portlet--head-solid-bg .m-portlet__head .m-portlet__head-text {
	color: #fff
}
.m-portlet.m-portlet--focus.m-portlet--head-solid-bg .m-portlet__head .m-portlet__head-text small {
	color: #f0f0f0
}
.m-portlet.m-portlet--focus.m-portlet--head-solid-bg .m-portlet__head-tools .m-portlet__nav .m-portlet__nav-item .m-portlet__nav-link.m-portlet__nav-link--icon i {
	color: #f7f7f7
}
.m-portlet.m-portlet--focus.m-portlet--head-solid-bg .m-portlet__head-tools .m-portlet__nav .m-portlet__nav-item .m-portlet__nav-link.m-portlet__nav-link--icon:hover i {
	color: #fff
}
.m-portlet.m-portlet--focus.m-portlet--head-solid-bg .m-portlet__head-tools .btn-outline-light {
	border-color: rgba(255,255,255,.1)
}
.m-portlet.m-portlet--focus.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line {
	bottom: 0;
	border: 0
}
.m-portlet.m-portlet--focus.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__item {
	margin: 0 1px 0 0
}
.m-portlet.m-portlet--focus.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__item:last-child {
	margin-right: 0
}
.m-portlet.m-portlet--focus.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__link {
	padding-left: 20px;
	padding-right: 20px;
	color: #fff;
	border: 0;
	opacity: .8
}
.m-portlet.m-portlet--focus.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__link>i {
	color: #f0f0f0
}
.m-portlet.m-portlet--focus.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__link:hover {
	border-bottom: 0
}
.m-portlet.m-portlet--focus.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__item.show .m-tabs__link, .m-portlet.m-portlet--focus.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__link.active, .m-portlet.m-portlet--focus.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__link:hover {
	padding-left: 20px;
	padding-right: 20px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
	opacity: 1;
	background: 0 0;
	color: #fff;
	border: 0;
	background: rgba(255,255,255,.08)
}
.m-portlet.m-portlet--focus.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__item.show .m-tabs__link>i, .m-portlet.m-portlet--focus.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__link.active>i, .m-portlet.m-portlet--focus.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__link:hover>i {
	color: #fff
}
.m-portlet.m-portlet--focus.m-portlet--head-solid-bg .m-portlet__body {
	background: #fff
}
.m-portlet.m-portlet--focus.m-portlet--head-solid-bg .m-portlet__foot {
	background: #fff;
	border-color: #9816f4
}
.m-portlet.m-portlet--border-bottom-focus {
	border-bottom: 3px solid #9816f4
}
.m-portlet.m-portlet--primary.m-portlet--head-solid-bg {
	background: #5867dd;
	border-color: #5867dd
}
.m-portlet.m-portlet--primary.m-portlet--head-solid-bg .m-portlet__head {
	background-color: #5867dd;
	border-color: #5867dd
}
.m-portlet.m-portlet--primary.m-portlet--head-solid-bg .m-portlet__head .m-portlet__head-icon {
	color: #f7f7f7
}
.m-portlet.m-portlet--primary.m-portlet--head-solid-bg .m-portlet__head .m-portlet__head-text {
	color: #fff
}
.m-portlet.m-portlet--primary.m-portlet--head-solid-bg .m-portlet__head .m-portlet__head-text small {
	color: #f0f0f0
}
.m-portlet.m-portlet--primary.m-portlet--head-solid-bg .m-portlet__head-tools .m-portlet__nav .m-portlet__nav-item .m-portlet__nav-link.m-portlet__nav-link--icon i {
	color: #f7f7f7
}
.m-portlet.m-portlet--primary.m-portlet--head-solid-bg .m-portlet__head-tools .m-portlet__nav .m-portlet__nav-item .m-portlet__nav-link.m-portlet__nav-link--icon:hover i {
	color: #fff
}
.m-portlet.m-portlet--primary.m-portlet--head-solid-bg .m-portlet__head-tools .btn-outline-light {
	border-color: rgba(255,255,255,.1)
}
.m-portlet.m-portlet--primary.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line {
	bottom: 0;
	border: 0
}
.m-portlet.m-portlet--primary.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__item {
	margin: 0 1px 0 0
}
.m-portlet.m-portlet--primary.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__item:last-child {
	margin-right: 0
}
.m-portlet.m-portlet--primary.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__link {
	padding-left: 20px;
	padding-right: 20px;
	color: #fff;
	border: 0;
	opacity: .8
}
.m-portlet.m-portlet--primary.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__link>i {
	color: #f0f0f0
}
.m-portlet.m-portlet--primary.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__link:hover {
	border-bottom: 0
}
.m-portlet.m-portlet--primary.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__item.show .m-tabs__link, .m-portlet.m-portlet--primary.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__link.active, .m-portlet.m-portlet--primary.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__link:hover {
	padding-left: 20px;
	padding-right: 20px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
	opacity: 1;
	background: 0 0;
	color: #fff;
	border: 0;
	background: rgba(255,255,255,.08)
}
.m-portlet.m-portlet--primary.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__item.show .m-tabs__link>i, .m-portlet.m-portlet--primary.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__link.active>i, .m-portlet.m-portlet--primary.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__link:hover>i {
	color: #fff
}
.m-portlet.m-portlet--primary.m-portlet--head-solid-bg .m-portlet__body {
	background: #fff
}
.m-portlet.m-portlet--primary.m-portlet--head-solid-bg .m-portlet__foot {
	background: #fff;
	border-color: #5867dd
}
.m-portlet.m-portlet--border-bottom-primary {
	border-bottom: 3px solid #5867dd
}
.m-portlet.m-portlet--success.m-portlet--head-solid-bg {
	background: #34bfa3;
	border-color: #34bfa3
}
.m-portlet.m-portlet--success.m-portlet--head-solid-bg .m-portlet__head {
	background-color: #34bfa3;
	border-color: #34bfa3
}
.m-portlet.m-portlet--success.m-portlet--head-solid-bg .m-portlet__head .m-portlet__head-icon {
	color: #f7f7f7
}
.m-portlet.m-portlet--success.m-portlet--head-solid-bg .m-portlet__head .m-portlet__head-text {
	color: #fff
}
.m-portlet.m-portlet--success.m-portlet--head-solid-bg .m-portlet__head .m-portlet__head-text small {
	color: #f0f0f0
}
.m-portlet.m-portlet--success.m-portlet--head-solid-bg .m-portlet__head-tools .m-portlet__nav .m-portlet__nav-item .m-portlet__nav-link.m-portlet__nav-link--icon i {
	color: #f7f7f7
}
.m-portlet.m-portlet--success.m-portlet--head-solid-bg .m-portlet__head-tools .m-portlet__nav .m-portlet__nav-item .m-portlet__nav-link.m-portlet__nav-link--icon:hover i {
	color: #fff
}
.m-portlet.m-portlet--success.m-portlet--head-solid-bg .m-portlet__head-tools .btn-outline-light {
	border-color: rgba(255,255,255,.1)
}
.m-portlet.m-portlet--success.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line {
	bottom: 0;
	border: 0
}
.m-portlet.m-portlet--success.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__item {
	margin: 0 1px 0 0
}
.m-portlet.m-portlet--success.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__item:last-child {
	margin-right: 0
}
.m-portlet.m-portlet--success.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__link {
	padding-left: 20px;
	padding-right: 20px;
	color: #fff;
	border: 0;
	opacity: .8
}
.m-portlet.m-portlet--success.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__link>i {
	color: #f0f0f0
}
.m-portlet.m-portlet--success.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__link:hover {
	border-bottom: 0
}
.m-portlet.m-portlet--success.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__item.show .m-tabs__link, .m-portlet.m-portlet--success.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__link.active, .m-portlet.m-portlet--success.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__link:hover {
	padding-left: 20px;
	padding-right: 20px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
	opacity: 1;
	background: 0 0;
	color: #fff;
	border: 0;
	background: rgba(255,255,255,.08)
}
.m-portlet.m-portlet--success.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__item.show .m-tabs__link>i, .m-portlet.m-portlet--success.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__link.active>i, .m-portlet.m-portlet--success.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__link:hover>i {
	color: #fff
}
.m-portlet.m-portlet--success.m-portlet--head-solid-bg .m-portlet__body {
	background: #fff
}
.m-portlet.m-portlet--success.m-portlet--head-solid-bg .m-portlet__foot {
	background: #fff;
	border-color: #34bfa3
}
.m-portlet.m-portlet--border-bottom-success {
	border-bottom: 3px solid #34bfa3
}
.m-portlet.m-portlet--info.m-portlet--head-solid-bg {
	background: #36a3f7;
	border-color: #36a3f7
}
.m-portlet.m-portlet--info.m-portlet--head-solid-bg .m-portlet__head {
	background-color: #36a3f7;
	border-color: #36a3f7
}
.m-portlet.m-portlet--info.m-portlet--head-solid-bg .m-portlet__head .m-portlet__head-icon {
	color: #f7f7f7
}
.m-portlet.m-portlet--info.m-portlet--head-solid-bg .m-portlet__head .m-portlet__head-text {
	color: #fff
}
.m-portlet.m-portlet--info.m-portlet--head-solid-bg .m-portlet__head .m-portlet__head-text small {
	color: #f0f0f0
}
.m-portlet.m-portlet--info.m-portlet--head-solid-bg .m-portlet__head-tools .m-portlet__nav .m-portlet__nav-item .m-portlet__nav-link.m-portlet__nav-link--icon i {
	color: #f7f7f7
}
.m-portlet.m-portlet--info.m-portlet--head-solid-bg .m-portlet__head-tools .m-portlet__nav .m-portlet__nav-item .m-portlet__nav-link.m-portlet__nav-link--icon:hover i {
	color: #fff
}
.m-portlet.m-portlet--info.m-portlet--head-solid-bg .m-portlet__head-tools .btn-outline-light {
	border-color: rgba(255,255,255,.1)
}
.m-portlet.m-portlet--info.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line {
	bottom: 0;
	border: 0
}
.m-portlet.m-portlet--info.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__item {
	margin: 0 1px 0 0
}
.m-portlet.m-portlet--info.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__item:last-child {
	margin-right: 0
}
.m-portlet.m-portlet--info.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__link {
	padding-left: 20px;
	padding-right: 20px;
	color: #fff;
	border: 0;
	opacity: .8
}
.m-portlet.m-portlet--info.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__link>i {
	color: #f0f0f0
}
.m-portlet.m-portlet--info.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__link:hover {
	border-bottom: 0
}
.m-portlet.m-portlet--info.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__item.show .m-tabs__link, .m-portlet.m-portlet--info.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__link.active, .m-portlet.m-portlet--info.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__link:hover {
	padding-left: 20px;
	padding-right: 20px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
	opacity: 1;
	background: 0 0;
	color: #fff;
	border: 0;
	background: rgba(255,255,255,.08)
}
.m-portlet.m-portlet--info.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__item.show .m-tabs__link>i, .m-portlet.m-portlet--info.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__link.active>i, .m-portlet.m-portlet--info.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__link:hover>i {
	color: #fff
}
.m-portlet.m-portlet--info.m-portlet--head-solid-bg .m-portlet__body {
	background: #fff
}
.m-portlet.m-portlet--info.m-portlet--head-solid-bg .m-portlet__foot {
	background: #fff;
	border-color: #36a3f7
}
.m-portlet.m-portlet--border-bottom-info {
	border-bottom: 3px solid #36a3f7
}
.m-portlet.m-portlet--warning.m-portlet--head-solid-bg {
	background: #ffb822;
	border-color: #ffb822
}
.m-portlet.m-portlet--warning.m-portlet--head-solid-bg .m-portlet__head {
	background-color: #ffb822;
	border-color: #ffb822
}
.m-portlet.m-portlet--warning.m-portlet--head-solid-bg .m-portlet__head .m-portlet__head-icon {
	color: #090909
}
.m-portlet.m-portlet--warning.m-portlet--head-solid-bg .m-portlet__head .m-portlet__head-text {
	color: #111
}
.m-portlet.m-portlet--warning.m-portlet--head-solid-bg .m-portlet__head .m-portlet__head-text small {
	color: #020202
}
.m-portlet.m-portlet--warning.m-portlet--head-solid-bg .m-portlet__head-tools .m-portlet__nav .m-portlet__nav-item .m-portlet__nav-link.m-portlet__nav-link--icon i {
	color: #090909
}
.m-portlet.m-portlet--warning.m-portlet--head-solid-bg .m-portlet__head-tools .m-portlet__nav .m-portlet__nav-item .m-portlet__nav-link.m-portlet__nav-link--icon:hover i {
	color: #111
}
.m-portlet.m-portlet--warning.m-portlet--head-solid-bg .m-portlet__head-tools .btn-outline-light {
	border-color: rgba(255,255,255,.1)
}
.m-portlet.m-portlet--warning.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line {
	bottom: 0;
	border: 0
}
.m-portlet.m-portlet--warning.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__item {
	margin: 0 1px 0 0
}
.m-portlet.m-portlet--warning.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__item:last-child {
	margin-right: 0
}
.m-portlet.m-portlet--warning.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__link {
	padding-left: 20px;
	padding-right: 20px;
	color: #111;
	border: 0;
	opacity: .8
}
.m-portlet.m-portlet--warning.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__link>i {
	color: #020202
}
.m-portlet.m-portlet--warning.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__link:hover {
	border-bottom: 0
}
.m-portlet.m-portlet--warning.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__item.show .m-tabs__link, .m-portlet.m-portlet--warning.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__link.active, .m-portlet.m-portlet--warning.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__link:hover {
	padding-left: 20px;
	padding-right: 20px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
	opacity: 1;
	background: 0 0;
	color: #111;
	border: 0;
	background: rgba(17,17,17,.08)
}
.m-portlet.m-portlet--warning.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__item.show .m-tabs__link>i, .m-portlet.m-portlet--warning.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__link.active>i, .m-portlet.m-portlet--warning.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__link:hover>i {
	color: #1e1e1e
}
.m-portlet.m-portlet--warning.m-portlet--head-solid-bg .m-portlet__body {
	background: #fff
}
.m-portlet.m-portlet--warning.m-portlet--head-solid-bg .m-portlet__foot {
	background: #fff;
	border-color: #ffb822
}
.m-portlet.m-portlet--border-bottom-warning {
	border-bottom: 3px solid #ffb822
}
.m-portlet.m-portlet--danger.m-portlet--head-solid-bg {
	background: #f4516c;
	border-color: #f4516c
}
.m-portlet.m-portlet--danger.m-portlet--head-solid-bg .m-portlet__head {
	background-color: #f4516c;
	border-color: #f4516c
}
.m-portlet.m-portlet--danger.m-portlet--head-solid-bg .m-portlet__head .m-portlet__head-icon {
	color: #f7f7f7
}
.m-portlet.m-portlet--danger.m-portlet--head-solid-bg .m-portlet__head .m-portlet__head-text {
	color: #fff
}
.m-portlet.m-portlet--danger.m-portlet--head-solid-bg .m-portlet__head .m-portlet__head-text small {
	color: #f0f0f0
}
.m-portlet.m-portlet--danger.m-portlet--head-solid-bg .m-portlet__head-tools .m-portlet__nav .m-portlet__nav-item .m-portlet__nav-link.m-portlet__nav-link--icon i {
	color: #f7f7f7
}
.m-portlet.m-portlet--danger.m-portlet--head-solid-bg .m-portlet__head-tools .m-portlet__nav .m-portlet__nav-item .m-portlet__nav-link.m-portlet__nav-link--icon:hover i {
	color: #fff
}
.m-portlet.m-portlet--danger.m-portlet--head-solid-bg .m-portlet__head-tools .btn-outline-light {
	border-color: rgba(255,255,255,.1)
}
.m-portlet.m-portlet--danger.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line {
	bottom: 0;
	border: 0
}
.m-portlet.m-portlet--danger.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__item {
	margin: 0 1px 0 0
}
.m-portlet.m-portlet--danger.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__item:last-child {
	margin-right: 0
}
.m-portlet.m-portlet--danger.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__link {
	padding-left: 20px;
	padding-right: 20px;
	color: #fff;
	border: 0;
	opacity: .8
}
.m-portlet.m-portlet--danger.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__link>i {
	color: #f0f0f0
}
.m-portlet.m-portlet--danger.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__link:hover {
	border-bottom: 0
}
.m-portlet.m-portlet--danger.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__item.show .m-tabs__link, .m-portlet.m-portlet--danger.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__link.active, .m-portlet.m-portlet--danger.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__link:hover {
	padding-left: 20px;
	padding-right: 20px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
	opacity: 1;
	background: 0 0;
	color: #fff;
	border: 0;
	background: rgba(255,255,255,.08)
}
.m-portlet.m-portlet--danger.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__item.show .m-tabs__link>i, .m-portlet.m-portlet--danger.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__link.active>i, .m-portlet.m-portlet--danger.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__link:hover>i {
	color: #fff
}
.m-portlet.m-portlet--danger.m-portlet--head-solid-bg .m-portlet__body {
	background: #fff
}
.m-portlet.m-portlet--danger.m-portlet--head-solid-bg .m-portlet__foot {
	background: #fff;
	border-color: #f4516c
}
.m-portlet.m-portlet--border-bottom-danger {
	border-bottom: 3px solid #f4516c
}


/*custom_css_add_191217*/
.m-radio,
.m-checkbox {
    display: inline-block;
    position: relative;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    padding-left: 30px;
}

.m-radio,
.m-checkbox {

}

.m-radio.m-radio--disabled,
.m-radio.m-checkbox--disabled,
.m-checkbox.m-radio--disabled,
.m-checkbox.m-checkbox--disabled {
    opacity: 0.8;
    filter: alpha(opacity=80);
    cursor: not-allowed;
}

.m-radio > input,
.m-checkbox > input {
    position: absolute;
    z-index: -1;
    opacity: 0;
    filter: alpha(opacity=0);
}

.m-radio > span,
.m-checkbox > span {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    background: none;
    position: absolute;
    top: 1px;
    left: 0;
    height: 18px;
    width: 18px;
}

.m-radio > span:after,
.m-checkbox > span:after {
    content: '';
    position: absolute;
    display: none;
}

.m-radio > input:checked ~ span,
.m-checkbox > input:checked ~ span {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    background: none;
}

.m-radio > input:checked ~ span:after,
.m-checkbox > input:checked ~ span:after {
    display: block;
}

.m-radio:hover > input:not([disabled]):checked ~ span,
.m-radio > input:checked ~ span,
.m-checkbox:hover > input:not([disabled]):checked ~ span,
.m-checkbox > input:checked ~ span {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.m-radio > input:disabled ~ span,
.m-checkbox > input:disabled ~ span {
    opacity: 0.6;
    filter: alpha(opacity=60);
    pointer-events: none;
}

.m-radio.m-radio--solid > span,
.m-radio.m-checkbox--solid > span,
.m-checkbox.m-radio--solid > span,
.m-checkbox.m-checkbox--solid > span {
    border: 1px solid transparent;
}

.m-radio.m-radio--solid:hover > input:not([disabled]) ~ span,
.m-radio.m-radio--solid > input:focus ~ span,
.m-radio.m-checkbox--solid:hover > input:not([disabled]) ~ span,
.m-radio.m-checkbox--solid > input:focus ~ span,
.m-checkbox.m-radio--solid:hover > input:not([disabled]) ~ span,
.m-checkbox.m-radio--solid > input:focus ~ span,
.m-checkbox.m-checkbox--solid:hover > input:not([disabled]) ~ span,
.m-checkbox.m-checkbox--solid > input:focus ~ span {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.m-radio.m-radio--square > span,
.m-radio.m-checkbox--square > span,
.m-checkbox.m-radio--square > span,
.m-checkbox.m-checkbox--square > span {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
}

.m-radio.m-checkbox--bold > span,
.m-radio.m-radio--bold > span,
.m-checkbox.m-checkbox--bold > span,
.m-checkbox.m-radio--bold > span {
    border-width: 2px !important;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.m-radio > span {
    -webkit-border-radius: 50%!important;
    -moz-border-radius: 50%!important;
    -ms-border-radius: 50%!important;
    -o-border-radius: 50%!important;
    border-radius: 50%!important;
}

.m-radio > span:after {
    top: 50%;
    left: 50%;
    margin-left: -3px;
    margin-top: -3px;
    height: 6px;
    width: 6px;
    border-radius: 100% !important;
}

.m-radio.m-radio--single {
    width: 18px;
    height: 18px;
}

.m-radio.m-radio--single > span {
    top: 0px;
}

th > .m-radio.m-radio--single,
td > .m-radio.m-radio--single {
    right: -5px;
}

.m-checkbox > span:after {
    top: 50%;
    left: 50%;
    margin-left: -2px;
    margin-top: -6px;
    width: 5px;
    height: 10px;
    border-width: 0 2px 2px 0 !important;
    transform: rotate(45deg);
}

.form-inline .m-checkbox {
    margin-left: 15px;
    margin-right: 15px;
}

.m-checkbox.m-checkbox--single {
    width: 18px;
    height: 18px;
}

.m-checkbox.m-checkbox--single > span {
    top: 0px;
}

th > .m-checkbox.m-checkbox--single,
td > .m-checkbox.m-checkbox--single {
    right: -5px;
}

.m-checkbox-list,
.m-radio-list {
    padding: 0 0;
}

.form-horizontal .form-group .m-checkbox-list,
.form-horizontal .form-group .m-radio-list {
    padding-top: 0;
}

.m-checkbox-list .m-checkbox,
.m-checkbox-list .m-radio,
.m-radio-list .m-checkbox,
.m-radio-list .m-radio {
    display: block;
}

.m-checkbox-list .m-checkbox:last-child,
.m-checkbox-list .m-radio:last-child,
.m-radio-list .m-checkbox:last-child,
.m-radio-list .m-radio:last-child {
    margin-bottom: 5px;
}

.m-checkbox-inline,
.m-radio-inline {
    padding: 0 0;
    margin: 10px 0 12px 0;
}

.m-checkbox-inline:before,
.m-radio-inline:before {
    content: ''; display: table;
}
.m-checkbox-inline:after,
.m-radio-inline:after {
    content: ''; display: table;
    clear: both;
}
.m-checkbox-inline label,
.m-radio-inline label{
    line-height: 18px;
    vertical-align: middle;
}

.m-checkbox-inline .m-checkbox,
.m-checkbox-inline .m-radio,
.m-radio-inline .m-checkbox,
.m-radio-inline .m-radio {
    display: inline-block;
    margin-right: 15px;
}

.m-checkbox-inline .m-checkbox:last-child,
.m-checkbox-inline .m-radio:last-child,
.m-radio-inline .m-checkbox:last-child,
.m-radio-inline .m-radio:last-child {
    margin-right: 0;
}

.m-form__group.row .m-checkbox-inline,
.m-form__group.row .m-radio-inline {
    margin-top: 5px;
}

.m-form__group.row .m-checkbox-list,
.m-form__group.row .m-radio-list {
    margin-top: 2px;
}

.m-checkbox {
    color: #575962;
}

.m-checkbox.m-checkbox--disabled {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.m-checkbox > span {
    border: 1px solid #bdc3d4;
}

.m-checkbox > span:after {
    border: solid #7281a4;
}

.m-checkbox > input:disabled ~ span:after {
    border-color: #bdc3d4;
}

.m-checkbox > input:checked ~ span {
    border: 1px solid #bdc3d4;
}

.m-checkbox.m-checkbox--check-bold > input:checked ~ span {
    border: 2px solid #bdc3d4;
}

.m-checkbox > input:disabled ~ span {
    opacity: 0.6;
    filter: alpha(opacity=60);
}

.m-checkbox.m-checkbox--solid {
    /*
        &:hover > input:not([disabled]) ~ span {
            background: $color-solid-bg-hover;
        }
        */
}

.m-checkbox.m-checkbox--solid > span {
    background: #e2e5ec;
    border: 1px solid transparent !important;
}

.m-checkbox.m-checkbox--solid > span:after {
    border: solid #7281a4;
}

.m-checkbox.m-checkbox--solid > input:focus ~ span {
    border: 1px solid transparent !important;
}

.m-checkbox.m-checkbox--solid > input:checked ~ span {
    background: #dfe2ea;
}

.m-checkbox.m-checkbox--brand.m-checkbox--disabled {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.m-checkbox.m-checkbox--brand > span {
    border: 1px solid #bdc3d4;
}

.m-checkbox.m-checkbox--brand > span:after {
    border: solid #00bfbf;
}

.m-checkbox.m-checkbox--brand > input:disabled ~ span:after {
    border-color: #00bfbf;
}

.m-checkbox.m-checkbox--brand > input:checked ~ span {
    border: 1px solid #00bfbf;
}

.m-checkbox.m-checkbox--brand.m-checkbox--check-bold > input:checked ~ span {
    border: 2px solid #00bfbf;
}

.m-checkbox.m-checkbox--brand > input:disabled ~ span {
    opacity: 0.6;
    filter: alpha(opacity=60);
}

.m-checkbox.m-checkbox--brand.m-checkbox--solid {
    /*
        &:hover > input:not([disabled]) ~ span {
            background: $color-solid-bg-hover;
        }
        */
}

.m-checkbox.m-checkbox--brand.m-checkbox--solid > span {
    border: 1px solid transparent !important;
}

.m-checkbox.m-checkbox--brand.m-checkbox--solid > span:after {
    border: solid #ffffff;
}

.m-checkbox.m-checkbox--brand.m-checkbox--solid > input:focus ~ span {
    border: 1px solid transparent !important;
}

.m-checkbox.m-checkbox--brand.m-checkbox--solid > input:checked ~ span {
    background: #00bfbf;
}

.m-checkbox.m-checkbox--metal.m-checkbox--disabled {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.m-checkbox.m-checkbox--metal > span {
    border: 1px solid #bdc3d4;
}

.m-checkbox.m-checkbox--metal > span:after {
    border: solid #c4c5d6;
}

.m-checkbox.m-checkbox--metal > input:disabled ~ span:after {
    border-color: #c4c5d6;
}

.m-checkbox.m-checkbox--metal > input:checked ~ span {
    border: 1px solid #c4c5d6;
}

.m-checkbox.m-checkbox--metal.m-checkbox--check-bold > input:checked ~ span {
    border: 2px solid #c4c5d6;
}

.m-checkbox.m-checkbox--metal > input:disabled ~ span {
    opacity: 0.6;
    filter: alpha(opacity=60);
}

.m-checkbox.m-checkbox--metal.m-checkbox--solid {
    /*
        &:hover > input:not([disabled]) ~ span {
            background: $color-solid-bg-hover;
        }
        */
}

.m-checkbox.m-checkbox--metal.m-checkbox--solid > span {
    border: 1px solid transparent !important;
}

.m-checkbox.m-checkbox--metal.m-checkbox--solid > span:after {
    border: solid #ffffff;
}

.m-checkbox.m-checkbox--metal.m-checkbox--solid > input:focus ~ span {
    border: 1px solid transparent !important;
}

.m-checkbox.m-checkbox--metal.m-checkbox--solid > input:checked ~ span {
    background: #c4c5d6;
}

.m-checkbox.m-checkbox--light.m-checkbox--disabled {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.m-checkbox.m-checkbox--light > span {
    border: 1px solid #bdc3d4;
}

.m-checkbox.m-checkbox--light > span:after {
    border: solid #ffffff;
}

.m-checkbox.m-checkbox--light > input:disabled ~ span:after {
    border-color: #ffffff;
}

.m-checkbox.m-checkbox--light > input:checked ~ span {
    border: 1px solid #ffffff;
}

.m-checkbox.m-checkbox--light.m-checkbox--check-bold > input:checked ~ span {
    border: 2px solid #ffffff;
}

.m-checkbox.m-checkbox--light > input:disabled ~ span {
    opacity: 0.6;
    filter: alpha(opacity=60);
}

.m-checkbox.m-checkbox--light.m-checkbox--solid {
    /*
        &:hover > input:not([disabled]) ~ span {
            background: $color-solid-bg-hover;
        }
        */
}

.m-checkbox.m-checkbox--light.m-checkbox--solid > span {
    border: 1px solid transparent !important;
}

.m-checkbox.m-checkbox--light.m-checkbox--solid > span:after {
    border: solid #282a3c;
}

.m-checkbox.m-checkbox--light.m-checkbox--solid > input:focus ~ span {
    border: 1px solid transparent !important;
}

.m-checkbox.m-checkbox--light.m-checkbox--solid > input:checked ~ span {
    background: #ffffff;
}

.m-checkbox.m-checkbox--accent.m-checkbox--disabled {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.m-checkbox.m-checkbox--accent > span {
    border: 1px solid #bdc3d4;
}

.m-checkbox.m-checkbox--accent > span:after {
    border: solid #00c5dc;
}

.m-checkbox.m-checkbox--accent > input:disabled ~ span:after {
    border-color: #00c5dc;
}

.m-checkbox.m-checkbox--accent > input:checked ~ span {
    border: 1px solid #00c5dc;
}

.m-checkbox.m-checkbox--accent.m-checkbox--check-bold > input:checked ~ span {
    border: 2px solid #00c5dc;
}

.m-checkbox.m-checkbox--accent > input:disabled ~ span {
    opacity: 0.6;
    filter: alpha(opacity=60);
}

.m-checkbox.m-checkbox--accent.m-checkbox--solid {
    /*
        &:hover > input:not([disabled]) ~ span {
            background: $color-solid-bg-hover;
        }
        */
}

.m-checkbox.m-checkbox--accent.m-checkbox--solid > span {
    border: 1px solid transparent !important;
}

.m-checkbox.m-checkbox--accent.m-checkbox--solid > span:after {
    border: solid #ffffff;
}

.m-checkbox.m-checkbox--accent.m-checkbox--solid > input:focus ~ span {
    border: 1px solid transparent !important;
}

.m-checkbox.m-checkbox--accent.m-checkbox--solid > input:checked ~ span {
    background: #00c5dc;
}

.m-checkbox.m-checkbox--focus.m-checkbox--disabled {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.m-checkbox.m-checkbox--focus > span {
    border: 1px solid #bdc3d4;
}

.m-checkbox.m-checkbox--focus > span:after {
    border: solid #9816f4;
}

.m-checkbox.m-checkbox--focus > input:disabled ~ span:after {
    border-color: #9816f4;
}

.m-checkbox.m-checkbox--focus > input:checked ~ span {
    border: 1px solid #9816f4;
}

.m-checkbox.m-checkbox--focus.m-checkbox--check-bold > input:checked ~ span {
    border: 2px solid #9816f4;
}

.m-checkbox.m-checkbox--focus > input:disabled ~ span {
    opacity: 0.6;
    filter: alpha(opacity=60);
}

.m-checkbox.m-checkbox--focus.m-checkbox--solid {
    /*
        &:hover > input:not([disabled]) ~ span {
            background: $color-solid-bg-hover;
        }
        */
}

.m-checkbox.m-checkbox--focus.m-checkbox--solid > span {
    border: 1px solid transparent !important;
}

.m-checkbox.m-checkbox--focus.m-checkbox--solid > span:after {
    border: solid #ffffff;
}

.m-checkbox.m-checkbox--focus.m-checkbox--solid > input:focus ~ span {
    border: 1px solid transparent !important;
}

.m-checkbox.m-checkbox--focus.m-checkbox--solid > input:checked ~ span {
    background: #9816f4;
}

.m-checkbox.m-checkbox--primary.m-checkbox--disabled {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.m-checkbox.m-checkbox--primary > span {
    border: 1px solid #bdc3d4;
}

.m-checkbox.m-checkbox--primary > span:after {
    border: solid #5867dd;
}

.m-checkbox.m-checkbox--primary > input:disabled ~ span:after {
    border-color: #5867dd;
}

.m-checkbox.m-checkbox--primary > input:checked ~ span {
    border: 1px solid #5867dd;
}

.m-checkbox.m-checkbox--primary.m-checkbox--check-bold > input:checked ~ span {
    border: 2px solid #5867dd;
}

.m-checkbox.m-checkbox--primary > input:disabled ~ span {
    opacity: 0.6;
    filter: alpha(opacity=60);
}

.m-checkbox.m-checkbox--primary.m-checkbox--solid {
    /*
        &:hover > input:not([disabled]) ~ span {
            background: $color-solid-bg-hover;
        }
        */
}

.m-checkbox.m-checkbox--primary.m-checkbox--solid > span {
    border: 1px solid transparent !important;
}

.m-checkbox.m-checkbox--primary.m-checkbox--solid > span:after {
    border: solid #ffffff;
}

.m-checkbox.m-checkbox--primary.m-checkbox--solid > input:focus ~ span {
    border: 1px solid transparent !important;
}

.m-checkbox.m-checkbox--primary.m-checkbox--solid > input:checked ~ span {
    background: #5867dd;
}

.m-checkbox.m-checkbox--success.m-checkbox--disabled {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.m-checkbox.m-checkbox--success > span {
    border: 1px solid #bdc3d4;
}

.m-checkbox.m-checkbox--success > span:after {
    border: solid #34bfa3;
}

.m-checkbox.m-checkbox--success > input:disabled ~ span:after {
    border-color: #34bfa3;
}

.m-checkbox.m-checkbox--success > input:checked ~ span {
    border: 1px solid #34bfa3;
}

.m-checkbox.m-checkbox--success.m-checkbox--check-bold > input:checked ~ span {
    border: 2px solid #34bfa3;
}

.m-checkbox.m-checkbox--success > input:disabled ~ span {
    opacity: 0.6;
    filter: alpha(opacity=60);
}

.m-checkbox.m-checkbox--success.m-checkbox--solid {
    /*
        &:hover > input:not([disabled]) ~ span {
            background: $color-solid-bg-hover;
        }
        */
}

.m-checkbox.m-checkbox--success.m-checkbox--solid > span {
    border: 1px solid transparent !important;
}

.m-checkbox.m-checkbox--success.m-checkbox--solid > span:after {
    border: solid #ffffff;
}

.m-checkbox.m-checkbox--success.m-checkbox--solid > input:focus ~ span {
    border: 1px solid transparent !important;
}

.m-checkbox.m-checkbox--success.m-checkbox--solid > input:checked ~ span {
    background: #34bfa3;
}

.m-checkbox.m-checkbox--info.m-checkbox--disabled {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.m-checkbox.m-checkbox--info > span {
    border: 1px solid #bdc3d4;
}

.m-checkbox.m-checkbox--info > span:after {
    border: solid #23b7e5;
}

.m-checkbox.m-checkbox--info > input:disabled ~ span:after {
    border-color: #23b7e5;
}

.m-checkbox.m-checkbox--info > input:checked ~ span {
    border: 1px solid #23b7e5;
}

.m-checkbox.m-checkbox--info.m-checkbox--check-bold > input:checked ~ span {
    border: 2px solid #23b7e5;
}

.m-checkbox.m-checkbox--info > input:disabled ~ span {
    opacity: 0.6;
    filter: alpha(opacity=60);
}

.m-checkbox.m-checkbox--info.m-checkbox--solid {
    /*
        &:hover > input:not([disabled]) ~ span {
            background: $color-solid-bg-hover;
        }
        */
}

.m-checkbox.m-checkbox--info.m-checkbox--solid > span {
    border: 1px solid transparent !important;
}

.m-checkbox.m-checkbox--info.m-checkbox--solid > span:after {
    border: solid #ffffff;
}

.m-checkbox.m-checkbox--info.m-checkbox--solid > input:focus ~ span {
    border: 1px solid transparent !important;
}

.m-checkbox.m-checkbox--info.m-checkbox--solid > input:checked ~ span {
    background: #23b7e5;
}

.m-checkbox.m-checkbox--warning.m-checkbox--disabled {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.m-checkbox.m-checkbox--warning > span {
    border: 1px solid #bdc3d4;
}

.m-checkbox.m-checkbox--warning > span:after {
    border: solid #ffb822;
}

.m-checkbox.m-checkbox--warning > input:disabled ~ span:after {
    border-color: #ffb822;
}

.m-checkbox.m-checkbox--warning > input:checked ~ span {
    border: 1px solid #ffb822;
}

.m-checkbox.m-checkbox--warning.m-checkbox--check-bold > input:checked ~ span {
    border: 2px solid #ffb822;
}

.m-checkbox.m-checkbox--warning > input:disabled ~ span {
    opacity: 0.6;
    filter: alpha(opacity=60);
}

.m-checkbox.m-checkbox--warning.m-checkbox--solid {
    /*
        &:hover > input:not([disabled]) ~ span {
            background: $color-solid-bg-hover;
        }
        */
}

.m-checkbox.m-checkbox--warning.m-checkbox--solid > span {
    border: 1px solid transparent !important;
}

.m-checkbox.m-checkbox--warning.m-checkbox--solid > span:after {
    border: solid #111111;
}

.m-checkbox.m-checkbox--warning.m-checkbox--solid > input:focus ~ span {
    border: 1px solid transparent !important;
}

.m-checkbox.m-checkbox--warning.m-checkbox--solid > input:checked ~ span {
    background: #ffb822;
}

.m-checkbox.m-checkbox--danger.m-checkbox--disabled {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.m-checkbox.m-checkbox--danger > span {
    border: 1px solid #bdc3d4;
}

.m-checkbox.m-checkbox--danger > span:after {
    border: solid #f4516c;
}

.m-checkbox.m-checkbox--danger > input:disabled ~ span:after {
    border-color: #f4516c;
}

.m-checkbox.m-checkbox--danger > input:checked ~ span {
    border: 1px solid #f4516c;
}

.m-checkbox.m-checkbox--danger.m-checkbox--check-bold > input:checked ~ span {
    border: 2px solid #f4516c;
}

.m-checkbox.m-checkbox--danger > input:disabled ~ span {
    opacity: 0.6;
    filter: alpha(opacity=60);
}

.m-checkbox.m-checkbox--danger.m-checkbox--solid {
    /*
        &:hover > input:not([disabled]) ~ span {
            background: $color-solid-bg-hover;
        }
        */
}

.m-checkbox.m-checkbox--danger.m-checkbox--solid > span {
    border: 1px solid transparent !important;
}

.m-checkbox.m-checkbox--danger.m-checkbox--solid > span:after {
    border: solid #ffffff;
}

.m-checkbox.m-checkbox--danger.m-checkbox--solid > input:focus ~ span {
    border: 1px solid transparent !important;
}

.m-checkbox.m-checkbox--danger.m-checkbox--solid > input:checked ~ span {
    background: #f4516c;
}

.m-checkbox.m-checkbox--air > span {
    -webkit-box-shadow: 0px 3px 20px 0px rgba(113, 106, 202, 0.11);
    -moz-box-shadow: 0px 3px 20px 0px rgba(113, 106, 202, 0.11);
    box-shadow: 0px 3px 20px 0px rgba(113, 106, 202, 0.11);
}

.m-checkbox.m-checkbox--air.m-checkbox--solid > span {}

.m-radio {
    color: #575962;
}

.m-radio.m-radio--disabled {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.m-radio > span {
    border: 1px solid #bdc3d4;
}

.m-radio > span:after {
    border: solid #7281a4;
    background: #7281a4;
}

.m-radio > input:disabled ~ span:after {
    border-color: #bdc3d4;
}

.m-radio > input:checked ~ span {
    border: 1px solid #bdc3d4;
}

.m-radio.m-radio--check-bold > input:checked ~ span {
    border: 2px solid #bdc3d4;
}

.m-radio > input:disabled ~ span {
    opacity: 0.6;
    filter: alpha(opacity=60);
}

.m-radio.m-radio--solid {
    /*
        &:hover > input:not([disabled]) ~ span {
            background: $color-solid-bg-hover;
        }
        */
}

.m-radio.m-radio--solid > span {
    background: #e2e5ec;
    border: 1px solid transparent !important;
}

.m-radio.m-radio--solid > span:after {
    border: solid #7281a4;
    background: #7281a4;
}

.m-radio.m-radio--solid > input:focus ~ span {
    border: 1px solid transparent !important;
}

.m-radio.m-radio--solid > input:checked ~ span {
    background: #dfe2ea;
}

.m-radio.m-radio--brand.m-radio--disabled {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.m-radio.m-radio--brand > span {
    border: 1px solid #bdc3d4;
}

.m-radio.m-radio--brand > span:after {
    border: solid #00bfbf;
    background: #00bfbf;
}

.m-radio.m-radio--brand > input:disabled ~ span:after {
    border-color: #00bfbf;
}

.m-radio.m-radio--brand > input:checked ~ span {
    border: 1px solid #00bfbf;
}

.m-radio.m-radio--brand.m-radio--check-bold > input:checked ~ span {
    border: 2px solid #00bfbf;
}

.m-radio.m-radio--brand > input:disabled ~ span {
    opacity: 0.6;
    filter: alpha(opacity=60);
}

.m-radio.m-radio--brand.m-radio--solid {
    /*
        &:hover > input:not([disabled]) ~ span {
            background: $color-solid-bg-hover;
        }
        */
}

.m-radio.m-radio--brand.m-radio--solid > span {
    border: 1px solid transparent !important;
}

.m-radio.m-radio--brand.m-radio--solid > span:after {
    border: solid #ffffff;
    background: #ffffff;
}

.m-radio.m-radio--brand.m-radio--solid > input:focus ~ span {
    border: 1px solid transparent !important;
}

.m-radio.m-radio--brand.m-radio--solid > input:checked ~ span {
    background: #00bfbf;
}

.m-radio.m-radio--metal.m-radio--disabled {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.m-radio.m-radio--metal > span {
    border: 1px solid #bdc3d4;
}

.m-radio.m-radio--metal > span:after {
    border: solid #c4c5d6;
    background: #c4c5d6;
}

.m-radio.m-radio--metal > input:disabled ~ span:after {
    border-color: #c4c5d6;
}

.m-radio.m-radio--metal > input:checked ~ span {
    border: 1px solid #c4c5d6;
}

.m-radio.m-radio--metal.m-radio--check-bold > input:checked ~ span {
    border: 2px solid #c4c5d6;
}

.m-radio.m-radio--metal > input:disabled ~ span {
    opacity: 0.6;
    filter: alpha(opacity=60);
}

.m-radio.m-radio--metal.m-radio--solid {
    /*
        &:hover > input:not([disabled]) ~ span {
            background: $color-solid-bg-hover;
        }
        */
}

.m-radio.m-radio--metal.m-radio--solid > span {
    border: 1px solid transparent !important;
}

.m-radio.m-radio--metal.m-radio--solid > span:after {
    border: solid #ffffff;
    background: #ffffff;
}

.m-radio.m-radio--metal.m-radio--solid > input:focus ~ span {
    border: 1px solid transparent !important;
}

.m-radio.m-radio--metal.m-radio--solid > input:checked ~ span {
    background: #c4c5d6;
}

.m-radio.m-radio--light.m-radio--disabled {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.m-radio.m-radio--light > span {
    border: 1px solid #bdc3d4;
}

.m-radio.m-radio--light > span:after {
    border: solid #ffffff;
    background: #ffffff;
}

.m-radio.m-radio--light > input:disabled ~ span:after {
    border-color: #ffffff;
}

.m-radio.m-radio--light > input:checked ~ span {
    border: 1px solid #ffffff;
}

.m-radio.m-radio--light.m-radio--check-bold > input:checked ~ span {
    border: 2px solid #ffffff;
}

.m-radio.m-radio--light > input:disabled ~ span {
    opacity: 0.6;
    filter: alpha(opacity=60);
}

.m-radio.m-radio--light.m-radio--solid {
    /*
        &:hover > input:not([disabled]) ~ span {
            background: $color-solid-bg-hover;
        }
        */
}

.m-radio.m-radio--light.m-radio--solid > span {
    border: 1px solid transparent !important;
}

.m-radio.m-radio--light.m-radio--solid > span:after {
    border: solid #282a3c;
    background: #282a3c;
}

.m-radio.m-radio--light.m-radio--solid > input:focus ~ span {
    border: 1px solid transparent !important;
}

.m-radio.m-radio--light.m-radio--solid > input:checked ~ span {
    background: #ffffff;
}

.m-radio.m-radio--accent.m-radio--disabled {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.m-radio.m-radio--accent > span {
    border: 1px solid #bdc3d4;
}

.m-radio.m-radio--accent > span:after {
    border: solid #00c5dc;
    background: #00c5dc;
}

.m-radio.m-radio--accent > input:disabled ~ span:after {
    border-color: #00c5dc;
}

.m-radio.m-radio--accent > input:checked ~ span {
    border: 1px solid #00c5dc;
}

.m-radio.m-radio--accent.m-radio--check-bold > input:checked ~ span {
    border: 2px solid #00c5dc;
}

.m-radio.m-radio--accent > input:disabled ~ span {
    opacity: 0.6;
    filter: alpha(opacity=60);
}

.m-radio.m-radio--accent.m-radio--solid {
    /*
        &:hover > input:not([disabled]) ~ span {
            background: $color-solid-bg-hover;
        }
        */
}

.m-radio.m-radio--accent.m-radio--solid > span {
    border: 1px solid transparent !important;
}

.m-radio.m-radio--accent.m-radio--solid > span:after {
    border: solid #ffffff;
    background: #ffffff;
}

.m-radio.m-radio--accent.m-radio--solid > input:focus ~ span {
    border: 1px solid transparent !important;
}

.m-radio.m-radio--accent.m-radio--solid > input:checked ~ span {
    background: #00c5dc;
}

.m-radio.m-radio--focus.m-radio--disabled {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.m-radio.m-radio--focus > span {
    border: 1px solid #bdc3d4;
}

.m-radio.m-radio--focus > span:after {
    border: solid #9816f4;
    background: #9816f4;
}

.m-radio.m-radio--focus > input:disabled ~ span:after {
    border-color: #9816f4;
}

.m-radio.m-radio--focus > input:checked ~ span {
    border: 1px solid #9816f4;
}

.m-radio.m-radio--focus.m-radio--check-bold > input:checked ~ span {
    border: 2px solid #9816f4;
}

.m-radio.m-radio--focus > input:disabled ~ span {
    opacity: 0.6;
    filter: alpha(opacity=60);
}

.m-radio.m-radio--focus.m-radio--solid {
    /*
        &:hover > input:not([disabled]) ~ span {
            background: $color-solid-bg-hover;
        }
        */
}

.m-radio.m-radio--focus.m-radio--solid > span {
    border: 1px solid transparent !important;
}

.m-radio.m-radio--focus.m-radio--solid > span:after {
    border: solid #ffffff;
    background: #ffffff;
}

.m-radio.m-radio--focus.m-radio--solid > input:focus ~ span {
    border: 1px solid transparent !important;
}

.m-radio.m-radio--focus.m-radio--solid > input:checked ~ span {
    background: #9816f4;
}

.m-radio.m-radio--primary.m-radio--disabled {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.m-radio.m-radio--primary > span {
    border: 1px solid #bdc3d4;
}

.m-radio.m-radio--primary > span:after {
    border: solid #5867dd;
    background: #5867dd;
}

.m-radio.m-radio--primary > input:disabled ~ span:after {
    border-color: #5867dd;
}

.m-radio.m-radio--primary > input:checked ~ span {
    border: 1px solid #5867dd;
}

.m-radio.m-radio--primary.m-radio--check-bold > input:checked ~ span {
    border: 2px solid #5867dd;
}

.m-radio.m-radio--primary > input:disabled ~ span {
    opacity: 0.6;
    filter: alpha(opacity=60);
}

.m-radio.m-radio--primary.m-radio--solid {
    /*
        &:hover > input:not([disabled]) ~ span {
            background: $color-solid-bg-hover;
        }
        */
}

.m-radio.m-radio--primary.m-radio--solid > span {
    border: 1px solid transparent !important;
}

.m-radio.m-radio--primary.m-radio--solid > span:after {
    border: solid #ffffff;
    background: #ffffff;
}

.m-radio.m-radio--primary.m-radio--solid > input:focus ~ span {
    border: 1px solid transparent !important;
}

.m-radio.m-radio--primary.m-radio--solid > input:checked ~ span {
    background: #5867dd;
}

.m-radio.m-radio--success.m-radio--disabled {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.m-radio.m-radio--success > span {
    border: 1px solid #bdc3d4;
}

.m-radio.m-radio--success > span:after {
    border: solid #34bfa3;
    background: #34bfa3;
}

.m-radio.m-radio--success > input:disabled ~ span:after {
    border-color: #34bfa3;
}

.m-radio.m-radio--success > input:checked ~ span {
    border: 1px solid #34bfa3;
}

.m-radio.m-radio--success.m-radio--check-bold > input:checked ~ span {
    border: 2px solid #34bfa3;
}

.m-radio.m-radio--success > input:disabled ~ span {
    opacity: 0.6;
    filter: alpha(opacity=60);
}

.m-radio.m-radio--success.m-radio--solid {
    /*
        &:hover > input:not([disabled]) ~ span {
            background: $color-solid-bg-hover;
        }
        */
}

.m-radio.m-radio--success.m-radio--solid > span {
    border: 1px solid transparent !important;
}

.m-radio.m-radio--success.m-radio--solid > span:after {
    border: solid #ffffff;
    background: #ffffff;
}

.m-radio.m-radio--success.m-radio--solid > input:focus ~ span {
    border: 1px solid transparent !important;
}

.m-radio.m-radio--success.m-radio--solid > input:checked ~ span {
    background: #34bfa3;
}

.m-radio.m-radio--info.m-radio--disabled {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.m-radio.m-radio--info > span {
    border: 1px solid #bdc3d4;
}

.m-radio.m-radio--info > span:after {
    border: solid #23b7e5;
    background: #23b7e5;
}

.m-radio.m-radio--info > input:disabled ~ span:after {
    border-color: #23b7e5;
}

.m-radio.m-radio--info > input:checked ~ span {
    border: 1px solid #23b7e5;
}

.m-radio.m-radio--info.m-radio--check-bold > input:checked ~ span {
    border: 2px solid #23b7e5;
}

.m-radio.m-radio--info > input:disabled ~ span {
    opacity: 0.6;
    filter: alpha(opacity=60);
}

.m-radio.m-radio--info.m-radio--solid {
    /*
        &:hover > input:not([disabled]) ~ span {
            background: $color-solid-bg-hover;
        }
        */
}

.m-radio.m-radio--info.m-radio--solid > span {
    border: 1px solid transparent !important;
}

.m-radio.m-radio--info.m-radio--solid > span:after {
    border: solid #ffffff;
    background: #ffffff;
}

.m-radio.m-radio--info.m-radio--solid > input:focus ~ span {
    border: 1px solid transparent !important;
}

.m-radio.m-radio--info.m-radio--solid > input:checked ~ span {
    background: #00bfbf;
}

.m-radio.m-radio--warning.m-radio--disabled {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.m-radio.m-radio--warning > span {
    border: 1px solid #bdc3d4;
}

.m-radio.m-radio--warning > span:after {
    border: solid #ffb822;
    background: #ffb822;
}

.m-radio.m-radio--warning > input:disabled ~ span:after {
    border-color: #ffb822;
}

.m-radio.m-radio--warning > input:checked ~ span {
    border: 1px solid #ffb822;
}

.m-radio.m-radio--warning.m-radio--check-bold > input:checked ~ span {
    border: 2px solid #ffb822;
}

.m-radio.m-radio--warning > input:disabled ~ span {
    opacity: 0.6;
    filter: alpha(opacity=60);
}

.m-radio.m-radio--warning.m-radio--solid {
    /*
        &:hover > input:not([disabled]) ~ span {
            background: $color-solid-bg-hover;
        }
        */
}

.m-radio.m-radio--warning.m-radio--solid > span {
    border: 1px solid transparent !important;
}

.m-radio.m-radio--warning.m-radio--solid > span:after {
    border: solid #111111;
    background: #111111;
}

.m-radio.m-radio--warning.m-radio--solid > input:focus ~ span {
    border: 1px solid transparent !important;
}

.m-radio.m-radio--warning.m-radio--solid > input:checked ~ span {
    background: #ffb822;
}

.m-radio.m-radio--danger.m-radio--disabled {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.m-radio.m-radio--danger > span {
    border: 1px solid #bdc3d4;
}

.m-radio.m-radio--danger > span:after {
    border: solid #f4516c;
    background: #f4516c;
}

.m-radio.m-radio--danger > input:disabled ~ span:after {
    border-color: #f4516c;
}

.m-radio.m-radio--danger > input:checked ~ span {
    border: 1px solid #f4516c;
}

.m-radio.m-radio--danger.m-radio--check-bold > input:checked ~ span {
    border: 2px solid #f4516c;
}

.m-radio.m-radio--danger > input:disabled ~ span {
    opacity: 0.6;
    filter: alpha(opacity=60);
}

.m-radio.m-radio--danger.m-radio--solid {
    /*
        &:hover > input:not([disabled]) ~ span {
            background: $color-solid-bg-hover;
        }
        */
}

.m-radio.m-radio--danger.m-radio--solid > span {
    border: 1px solid transparent !important;
}

.m-radio.m-radio--danger.m-radio--solid > span:after {
    border: solid #ffffff;
    background: #ffffff;
}

.m-radio.m-radio--danger.m-radio--solid > input:focus ~ span {
    border: 1px solid transparent !important;
}

.m-radio.m-radio--danger.m-radio--solid > input:checked ~ span {
    background: #f4516c;
}

.m-radio.m-radio--air > span {
    -webkit-box-shadow: 0px 3px 20px 0px rgba(113, 106, 202, 0.11);
    -moz-box-shadow: 0px 3px 20px 0px rgba(113, 106, 202, 0.11);
    box-shadow: 0px 3px 20px 0px rgba(113, 106, 202, 0.11);
}

.m-radio.m-radio--air.m-radio--solid > span {}

.m-checkbox.m-checkbox--skin-dark {
    color: #ffffff;
}

.m-checkbox.m-checkbox--skin-dark.m-checkbox--disabled {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.m-checkbox.m-checkbox--skin-dark > span {
    border: 1px solid #bdc3d4;
}

.m-checkbox.m-checkbox--skin-dark > span:after {
    border: solid #7281a4;
}

.m-checkbox.m-checkbox--skin-dark > input:disabled ~ span:after {
    border-color: #bdc3d4;
}

.m-checkbox.m-checkbox--skin-dark > input:checked ~ span {
    border: 1px solid #bdc3d4;
}

.m-checkbox.m-checkbox--skin-dark.m-checkbox--check-bold > input:checked ~ span {
    border: 2px solid #bdc3d4;
}

.m-checkbox.m-checkbox--skin-dark > input:disabled ~ span {
    opacity: 0.6;
    filter: alpha(opacity=60);
}

.m-checkbox.m-checkbox--skin-dark.m-checkbox--solid {
    /*
        &:hover > input:not([disabled]) ~ span {
            background: $color-solid-bg-hover;
        }
        */
}

.m-checkbox.m-checkbox--skin-dark.m-checkbox--solid > span {
    background: #bdc3d4;
    border: 1px solid transparent !important;
}

.m-checkbox.m-checkbox--skin-dark.m-checkbox--solid > span:after {
    border: solid #7281a4;
}

.m-checkbox.m-checkbox--skin-dark.m-checkbox--solid > input:focus ~ span {
    border: 1px solid transparent !important;
}

.m-checkbox.m-checkbox--skin-dark.m-checkbox--solid > input:checked ~ span {
    background: #bdc3d4;
}

.m-checkbox.m-checkbox--skin-dark.m-checkbox--brand.m-checkbox--disabled {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.m-checkbox.m-checkbox--skin-dark.m-checkbox--brand > span {
    border: 1px solid #bdc3d4;
}

.m-checkbox.m-checkbox--skin-dark.m-checkbox--brand > span:after {
    border: solid #00bfbf;
}

.m-checkbox.m-checkbox--skin-dark.m-checkbox--brand > input:disabled ~ span:after {
    border-color: #00bfbf;
}

.m-checkbox.m-checkbox--skin-dark.m-checkbox--brand > input:checked ~ span {
    border: 1px solid #00bfbf;
}

.m-checkbox.m-checkbox--skin-dark.m-checkbox--brand.m-checkbox--check-bold > input:checked ~ span {
    border: 2px solid #00bfbf;
}

.m-checkbox.m-checkbox--skin-dark.m-checkbox--brand > input:disabled ~ span {
    opacity: 0.6;
    filter: alpha(opacity=60);
}

.m-checkbox.m-checkbox--skin-dark.m-checkbox--brand.m-checkbox--solid {
    /*
        &:hover > input:not([disabled]) ~ span {
            background: $color-solid-bg-hover;
        }
        */
}

.m-checkbox.m-checkbox--skin-dark.m-checkbox--brand.m-checkbox--solid > span {
    border: 1px solid transparent !important;
}

.m-checkbox.m-checkbox--skin-dark.m-checkbox--brand.m-checkbox--solid > span:after {
    border: solid #ffffff;
}

.m-checkbox.m-checkbox--skin-dark.m-checkbox--brand.m-checkbox--solid > input:focus ~ span {
    border: 1px solid transparent !important;
}

.m-checkbox.m-checkbox--skin-dark.m-checkbox--brand.m-checkbox--solid > input:checked ~ span {
    background: #00bfbf;
}

.m-checkbox.m-checkbox--skin-dark.m-checkbox--metal.m-checkbox--disabled {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.m-checkbox.m-checkbox--skin-dark.m-checkbox--metal > span {
    border: 1px solid #bdc3d4;
}

.m-checkbox.m-checkbox--skin-dark.m-checkbox--metal > span:after {
    border: solid #c4c5d6;
}

.m-checkbox.m-checkbox--skin-dark.m-checkbox--metal > input:disabled ~ span:after {
    border-color: #c4c5d6;
}

.m-checkbox.m-checkbox--skin-dark.m-checkbox--metal > input:checked ~ span {
    border: 1px solid #c4c5d6;
}

.m-checkbox.m-checkbox--skin-dark.m-checkbox--metal.m-checkbox--check-bold > input:checked ~ span {
    border: 2px solid #c4c5d6;
}

.m-checkbox.m-checkbox--skin-dark.m-checkbox--metal > input:disabled ~ span {
    opacity: 0.6;
    filter: alpha(opacity=60);
}

.m-checkbox.m-checkbox--skin-dark.m-checkbox--metal.m-checkbox--solid {
    /*
        &:hover > input:not([disabled]) ~ span {
            background: $color-solid-bg-hover;
        }
        */
}

.m-checkbox.m-checkbox--skin-dark.m-checkbox--metal.m-checkbox--solid > span {
    border: 1px solid transparent !important;
}

.m-checkbox.m-checkbox--skin-dark.m-checkbox--metal.m-checkbox--solid > span:after {
    border: solid #ffffff;
}

.m-checkbox.m-checkbox--skin-dark.m-checkbox--metal.m-checkbox--solid > input:focus ~ span {
    border: 1px solid transparent !important;
}

.m-checkbox.m-checkbox--skin-dark.m-checkbox--metal.m-checkbox--solid > input:checked ~ span {
    background: #c4c5d6;
}

.m-checkbox.m-checkbox--skin-dark.m-checkbox--light.m-checkbox--disabled {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.m-checkbox.m-checkbox--skin-dark.m-checkbox--light > span {
    border: 1px solid #bdc3d4;
}

.m-checkbox.m-checkbox--skin-dark.m-checkbox--light > span:after {
    border: solid #ffffff;
}

.m-checkbox.m-checkbox--skin-dark.m-checkbox--light > input:disabled ~ span:after {
    border-color: #ffffff;
}

.m-checkbox.m-checkbox--skin-dark.m-checkbox--light > input:checked ~ span {
    border: 1px solid #ffffff;
}

.m-checkbox.m-checkbox--skin-dark.m-checkbox--light.m-checkbox--check-bold > input:checked ~ span {
    border: 2px solid #ffffff;
}

.m-checkbox.m-checkbox--skin-dark.m-checkbox--light > input:disabled ~ span {
    opacity: 0.6;
    filter: alpha(opacity=60);
}

.m-checkbox.m-checkbox--skin-dark.m-checkbox--light.m-checkbox--solid {
    /*
        &:hover > input:not([disabled]) ~ span {
            background: $color-solid-bg-hover;
        }
        */
}

.m-checkbox.m-checkbox--skin-dark.m-checkbox--light.m-checkbox--solid > span {
    border: 1px solid transparent !important;
}

.m-checkbox.m-checkbox--skin-dark.m-checkbox--light.m-checkbox--solid > span:after {
    border: solid #282a3c;
}

.m-checkbox.m-checkbox--skin-dark.m-checkbox--light.m-checkbox--solid > input:focus ~ span {
    border: 1px solid transparent !important;
}

.m-checkbox.m-checkbox--skin-dark.m-checkbox--light.m-checkbox--solid > input:checked ~ span {
    background: #ffffff;
}

.m-checkbox.m-checkbox--skin-dark.m-checkbox--accent.m-checkbox--disabled {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.m-checkbox.m-checkbox--skin-dark.m-checkbox--accent > span {
    border: 1px solid #bdc3d4;
}

.m-checkbox.m-checkbox--skin-dark.m-checkbox--accent > span:after {
    border: solid #00c5dc;
}

.m-checkbox.m-checkbox--skin-dark.m-checkbox--accent > input:disabled ~ span:after {
    border-color: #00c5dc;
}

.m-checkbox.m-checkbox--skin-dark.m-checkbox--accent > input:checked ~ span {
    border: 1px solid #00c5dc;
}

.m-checkbox.m-checkbox--skin-dark.m-checkbox--accent.m-checkbox--check-bold > input:checked ~ span {
    border: 2px solid #00c5dc;
}

.m-checkbox.m-checkbox--skin-dark.m-checkbox--accent > input:disabled ~ span {
    opacity: 0.6;
    filter: alpha(opacity=60);
}

.m-checkbox.m-checkbox--skin-dark.m-checkbox--accent.m-checkbox--solid {
    /*
        &:hover > input:not([disabled]) ~ span {
            background: $color-solid-bg-hover;
        }
        */
}

.m-checkbox.m-checkbox--skin-dark.m-checkbox--accent.m-checkbox--solid > span {
    border: 1px solid transparent !important;
}

.m-checkbox.m-checkbox--skin-dark.m-checkbox--accent.m-checkbox--solid > span:after {
    border: solid #ffffff;
}

.m-checkbox.m-checkbox--skin-dark.m-checkbox--accent.m-checkbox--solid > input:focus ~ span {
    border: 1px solid transparent !important;
}

.m-checkbox.m-checkbox--skin-dark.m-checkbox--accent.m-checkbox--solid > input:checked ~ span {
    background: #00c5dc;
}

.m-checkbox.m-checkbox--skin-dark.m-checkbox--focus.m-checkbox--disabled {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.m-checkbox.m-checkbox--skin-dark.m-checkbox--focus > span {
    border: 1px solid #bdc3d4;
}

.m-checkbox.m-checkbox--skin-dark.m-checkbox--focus > span:after {
    border: solid #9816f4;
}

.m-checkbox.m-checkbox--skin-dark.m-checkbox--focus > input:disabled ~ span:after {
    border-color: #9816f4;
}

.m-checkbox.m-checkbox--skin-dark.m-checkbox--focus > input:checked ~ span {
    border: 1px solid #9816f4;
}

.m-checkbox.m-checkbox--skin-dark.m-checkbox--focus.m-checkbox--check-bold > input:checked ~ span {
    border: 2px solid #9816f4;
}

.m-checkbox.m-checkbox--skin-dark.m-checkbox--focus > input:disabled ~ span {
    opacity: 0.6;
    filter: alpha(opacity=60);
}

.m-checkbox.m-checkbox--skin-dark.m-checkbox--focus.m-checkbox--solid {
    /*
        &:hover > input:not([disabled]) ~ span {
            background: $color-solid-bg-hover;
        }
        */
}

.m-checkbox.m-checkbox--skin-dark.m-checkbox--focus.m-checkbox--solid > span {
    border: 1px solid transparent !important;
}

.m-checkbox.m-checkbox--skin-dark.m-checkbox--focus.m-checkbox--solid > span:after {
    border: solid #ffffff;
}

.m-checkbox.m-checkbox--skin-dark.m-checkbox--focus.m-checkbox--solid > input:focus ~ span {
    border: 1px solid transparent !important;
}

.m-checkbox.m-checkbox--skin-dark.m-checkbox--focus.m-checkbox--solid > input:checked ~ span {
    background: #9816f4;
}

.m-checkbox.m-checkbox--skin-dark.m-checkbox--primary.m-checkbox--disabled {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.m-checkbox.m-checkbox--skin-dark.m-checkbox--primary > span {
    border: 1px solid #bdc3d4;
}

.m-checkbox.m-checkbox--skin-dark.m-checkbox--primary > span:after {
    border: solid #5867dd;
}

.m-checkbox.m-checkbox--skin-dark.m-checkbox--primary > input:disabled ~ span:after {
    border-color: #5867dd;
}

.m-checkbox.m-checkbox--skin-dark.m-checkbox--primary > input:checked ~ span {
    border: 1px solid #5867dd;
}

.m-checkbox.m-checkbox--skin-dark.m-checkbox--primary.m-checkbox--check-bold > input:checked ~ span {
    border: 2px solid #5867dd;
}

.m-checkbox.m-checkbox--skin-dark.m-checkbox--primary > input:disabled ~ span {
    opacity: 0.6;
    filter: alpha(opacity=60);
}

.m-checkbox.m-checkbox--skin-dark.m-checkbox--primary.m-checkbox--solid {
    /*
        &:hover > input:not([disabled]) ~ span {
            background: $color-solid-bg-hover;
        }
        */
}

.m-checkbox.m-checkbox--skin-dark.m-checkbox--primary.m-checkbox--solid > span {
    border: 1px solid transparent !important;
}

.m-checkbox.m-checkbox--skin-dark.m-checkbox--primary.m-checkbox--solid > span:after {
    border: solid #ffffff;
}

.m-checkbox.m-checkbox--skin-dark.m-checkbox--primary.m-checkbox--solid > input:focus ~ span {
    border: 1px solid transparent !important;
}

.m-checkbox.m-checkbox--skin-dark.m-checkbox--primary.m-checkbox--solid > input:checked ~ span {
    background: #5867dd;
}

.m-checkbox.m-checkbox--skin-dark.m-checkbox--success.m-checkbox--disabled {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.m-checkbox.m-checkbox--skin-dark.m-checkbox--success > span {
    border: 1px solid #bdc3d4;
}

.m-checkbox.m-checkbox--skin-dark.m-checkbox--success > span:after {
    border: solid #34bfa3;
}

.m-checkbox.m-checkbox--skin-dark.m-checkbox--success > input:disabled ~ span:after {
    border-color: #34bfa3;
}

.m-checkbox.m-checkbox--skin-dark.m-checkbox--success > input:checked ~ span {
    border: 1px solid #34bfa3;
}

.m-checkbox.m-checkbox--skin-dark.m-checkbox--success.m-checkbox--check-bold > input:checked ~ span {
    border: 2px solid #34bfa3;
}

.m-checkbox.m-checkbox--skin-dark.m-checkbox--success > input:disabled ~ span {
    opacity: 0.6;
    filter: alpha(opacity=60);
}

.m-checkbox.m-checkbox--skin-dark.m-checkbox--success.m-checkbox--solid {
    /*
        &:hover > input:not([disabled]) ~ span {
            background: $color-solid-bg-hover;
        }
        */
}

.m-checkbox.m-checkbox--skin-dark.m-checkbox--success.m-checkbox--solid > span {
    border: 1px solid transparent !important;
}

.m-checkbox.m-checkbox--skin-dark.m-checkbox--success.m-checkbox--solid > span:after {
    border: solid #ffffff;
}

.m-checkbox.m-checkbox--skin-dark.m-checkbox--success.m-checkbox--solid > input:focus ~ span {
    border: 1px solid transparent !important;
}

.m-checkbox.m-checkbox--skin-dark.m-checkbox--success.m-checkbox--solid > input:checked ~ span {
    background: #34bfa3;
}

.m-checkbox.m-checkbox--skin-dark.m-checkbox--info.m-checkbox--disabled {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.m-checkbox.m-checkbox--skin-dark.m-checkbox--info > span {
    border: 1px solid #bdc3d4;
}

.m-checkbox.m-checkbox--skin-dark.m-checkbox--info > span:after {
    border: solid #23b7e5;
}

.m-checkbox.m-checkbox--skin-dark.m-checkbox--info > input:disabled ~ span:after {
    border-color: #23b7e5;
}

.m-checkbox.m-checkbox--skin-dark.m-checkbox--info > input:checked ~ span {
    border: 1px solid #23b7e5;
}

.m-checkbox.m-checkbox--skin-dark.m-checkbox--info.m-checkbox--check-bold > input:checked ~ span {
    border: 2px solid #23b7e5;
}

.m-checkbox.m-checkbox--skin-dark.m-checkbox--info > input:disabled ~ span {
    opacity: 0.6;
    filter: alpha(opacity=60);
}

.m-checkbox.m-checkbox--skin-dark.m-checkbox--info.m-checkbox--solid {
    /*
        &:hover > input:not([disabled]) ~ span {
            background: $color-solid-bg-hover;
        }
        */
}

.m-checkbox.m-checkbox--skin-dark.m-checkbox--info.m-checkbox--solid > span {
    border: 1px solid transparent !important;
}

.m-checkbox.m-checkbox--skin-dark.m-checkbox--info.m-checkbox--solid > span:after {
    border: solid #ffffff;
}

.m-checkbox.m-checkbox--skin-dark.m-checkbox--info.m-checkbox--solid > input:focus ~ span {
    border: 1px solid transparent !important;
}

.m-checkbox.m-checkbox--skin-dark.m-checkbox--info.m-checkbox--solid > input:checked ~ span {
    background: #23b7e5;
}

.m-checkbox.m-checkbox--skin-dark.m-checkbox--warning.m-checkbox--disabled {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.m-checkbox.m-checkbox--skin-dark.m-checkbox--warning > span {
    border: 1px solid #bdc3d4;
}

.m-checkbox.m-checkbox--skin-dark.m-checkbox--warning > span:after {
    border: solid #ffb822;
}

.m-checkbox.m-checkbox--skin-dark.m-checkbox--warning > input:disabled ~ span:after {
    border-color: #ffb822;
}

.m-checkbox.m-checkbox--skin-dark.m-checkbox--warning > input:checked ~ span {
    border: 1px solid #ffb822;
}

.m-checkbox.m-checkbox--skin-dark.m-checkbox--warning.m-checkbox--check-bold > input:checked ~ span {
    border: 2px solid #ffb822;
}

.m-checkbox.m-checkbox--skin-dark.m-checkbox--warning > input:disabled ~ span {
    opacity: 0.6;
    filter: alpha(opacity=60);
}

.m-checkbox.m-checkbox--skin-dark.m-checkbox--warning.m-checkbox--solid {
    /*
        &:hover > input:not([disabled]) ~ span {
            background: $color-solid-bg-hover;
        }
        */
}

.m-checkbox.m-checkbox--skin-dark.m-checkbox--warning.m-checkbox--solid > span {
    border: 1px solid transparent !important;
}

.m-checkbox.m-checkbox--skin-dark.m-checkbox--warning.m-checkbox--solid > span:after {
    border: solid #111111;
}

.m-checkbox.m-checkbox--skin-dark.m-checkbox--warning.m-checkbox--solid > input:focus ~ span {
    border: 1px solid transparent !important;
}

.m-checkbox.m-checkbox--skin-dark.m-checkbox--warning.m-checkbox--solid > input:checked ~ span {
    background: #ffb822;
}

.m-checkbox.m-checkbox--skin-dark.m-checkbox--danger.m-checkbox--disabled {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.m-checkbox.m-checkbox--skin-dark.m-checkbox--danger > span {
    border: 1px solid #bdc3d4;
}

.m-checkbox.m-checkbox--skin-dark.m-checkbox--danger > span:after {
    border: solid #f4516c;
}

.m-checkbox.m-checkbox--skin-dark.m-checkbox--danger > input:disabled ~ span:after {
    border-color: #f4516c;
}

.m-checkbox.m-checkbox--skin-dark.m-checkbox--danger > input:checked ~ span {
    border: 1px solid #f4516c;
}

.m-checkbox.m-checkbox--skin-dark.m-checkbox--danger.m-checkbox--check-bold > input:checked ~ span {
    border: 2px solid #f4516c;
}

.m-checkbox.m-checkbox--skin-dark.m-checkbox--danger > input:disabled ~ span {
    opacity: 0.6;
    filter: alpha(opacity=60);
}

.m-checkbox.m-checkbox--skin-dark.m-checkbox--danger.m-checkbox--solid {
    /*
        &:hover > input:not([disabled]) ~ span {
            background: $color-solid-bg-hover;
        }
        */
}

.m-checkbox.m-checkbox--skin-dark.m-checkbox--danger.m-checkbox--solid > span {
    border: 1px solid transparent !important;
}

.m-checkbox.m-checkbox--skin-dark.m-checkbox--danger.m-checkbox--solid > span:after {
    border: solid #ffffff;
}

.m-checkbox.m-checkbox--skin-dark.m-checkbox--danger.m-checkbox--solid > input:focus ~ span {
    border: 1px solid transparent !important;
}

.m-checkbox.m-checkbox--skin-dark.m-checkbox--danger.m-checkbox--solid > input:checked ~ span {
    background: #f4516c;
}

.m-checkbox.m-checkbox--skin-dark.m-checkbox--air > span {
    -webkit-box-shadow: 0px 3px 20px 0px rgba(113, 106, 202, 0.11);
    -moz-box-shadow: 0px 3px 20px 0px rgba(113, 106, 202, 0.11);
    box-shadow: 0px 3px 20px 0px rgba(113, 106, 202, 0.11);
}

.m-checkbox.m-checkbox--skin-dark.m-checkbox--air.m-checkbox--solid > span {}

.m-radio.m-radio--skin-dark {
    color: #ffffff;
}

.m-radio.m-radio--skin-dark.m-radio--disabled {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.m-radio.m-radio--skin-dark > span {
    border: 1px solid #bdc3d4;
}

.m-radio.m-radio--skin-dark > span:after {
    border: solid #7281a4;
    background: #7281a4;
}

.m-radio.m-radio--skin-dark > input:disabled ~ span:after {
    border-color: #bdc3d4;
}

.m-radio.m-radio--skin-dark > input:checked ~ span {
    border: 1px solid #bdc3d4;
}

.m-radio.m-radio--skin-dark.m-radio--check-bold > input:checked ~ span {
    border: 2px solid #bdc3d4;
}

.m-radio.m-radio--skin-dark > input:disabled ~ span {
    opacity: 0.6;
    filter: alpha(opacity=60);
}

.m-radio.m-radio--skin-dark.m-radio--solid {
    /*
        &:hover > input:not([disabled]) ~ span {
            background: $color-solid-bg-hover;
        }
        */
}

.m-radio.m-radio--skin-dark.m-radio--solid > span {
    background: #bdc3d4;
    border: 1px solid transparent !important;
}

.m-radio.m-radio--skin-dark.m-radio--solid > span:after {
    border: solid #7281a4;
    background: #7281a4;
}

.m-radio.m-radio--skin-dark.m-radio--solid > input:focus ~ span {
    border: 1px solid transparent !important;
}

.m-radio.m-radio--skin-dark.m-radio--solid > input:checked ~ span {
    background: #bdc3d4;
}

.m-radio.m-radio--skin-dark.m-radio--brand.m-radio--disabled {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.m-radio.m-radio--skin-dark.m-radio--brand > span {
    border: 1px solid #bdc3d4;
}

.m-radio.m-radio--skin-dark.m-radio--brand > span:after {
    border: solid #00bfbf;
    background: #00bfbf;
}

.m-radio.m-radio--skin-dark.m-radio--brand > input:disabled ~ span:after {
    border-color: #00bfbf;
}

.m-radio.m-radio--skin-dark.m-radio--brand > input:checked ~ span {
    border: 1px solid #00bfbf;
}

.m-radio.m-radio--skin-dark.m-radio--brand.m-radio--check-bold > input:checked ~ span {
    border: 2px solid #00bfbf;
}

.m-radio.m-radio--skin-dark.m-radio--brand > input:disabled ~ span {
    opacity: 0.6;
    filter: alpha(opacity=60);
}

.m-radio.m-radio--skin-dark.m-radio--brand.m-radio--solid {
    /*
        &:hover > input:not([disabled]) ~ span {
            background: $color-solid-bg-hover;
        }
        */
}

.m-radio.m-radio--skin-dark.m-radio--brand.m-radio--solid > span {
    border: 1px solid transparent !important;
}

.m-radio.m-radio--skin-dark.m-radio--brand.m-radio--solid > span:after {
    border: solid #ffffff;
    background: #ffffff;
}

.m-radio.m-radio--skin-dark.m-radio--brand.m-radio--solid > input:focus ~ span {
    border: 1px solid transparent !important;
}

.m-radio.m-radio--skin-dark.m-radio--brand.m-radio--solid > input:checked ~ span {
    background: #00bfbf;
}

.m-radio.m-radio--skin-dark.m-radio--metal.m-radio--disabled {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.m-radio.m-radio--skin-dark.m-radio--metal > span {
    border: 1px solid #bdc3d4;
}

.m-radio.m-radio--skin-dark.m-radio--metal > span:after {
    border: solid #c4c5d6;
    background: #c4c5d6;
}

.m-radio.m-radio--skin-dark.m-radio--metal > input:disabled ~ span:after {
    border-color: #c4c5d6;
}

.m-radio.m-radio--skin-dark.m-radio--metal > input:checked ~ span {
    border: 1px solid #c4c5d6;
}

.m-radio.m-radio--skin-dark.m-radio--metal.m-radio--check-bold > input:checked ~ span {
    border: 2px solid #c4c5d6;
}

.m-radio.m-radio--skin-dark.m-radio--metal > input:disabled ~ span {
    opacity: 0.6;
    filter: alpha(opacity=60);
}

.m-radio.m-radio--skin-dark.m-radio--metal.m-radio--solid {
    /*
        &:hover > input:not([disabled]) ~ span {
            background: $color-solid-bg-hover;
        }
        */
}

.m-radio.m-radio--skin-dark.m-radio--metal.m-radio--solid > span {
    border: 1px solid transparent !important;
}

.m-radio.m-radio--skin-dark.m-radio--metal.m-radio--solid > span:after {
    border: solid #ffffff;
    background: #ffffff;
}

.m-radio.m-radio--skin-dark.m-radio--metal.m-radio--solid > input:focus ~ span {
    border: 1px solid transparent !important;
}

.m-radio.m-radio--skin-dark.m-radio--metal.m-radio--solid > input:checked ~ span {
    background: #c4c5d6;
}

.m-radio.m-radio--skin-dark.m-radio--light.m-radio--disabled {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.m-radio.m-radio--skin-dark.m-radio--light > span {
    border: 1px solid #bdc3d4;
}

.m-radio.m-radio--skin-dark.m-radio--light > span:after {
    border: solid #ffffff;
    background: #ffffff;
}

.m-radio.m-radio--skin-dark.m-radio--light > input:disabled ~ span:after {
    border-color: #ffffff;
}

.m-radio.m-radio--skin-dark.m-radio--light > input:checked ~ span {
    border: 1px solid #ffffff;
}

.m-radio.m-radio--skin-dark.m-radio--light.m-radio--check-bold > input:checked ~ span {
    border: 2px solid #ffffff;
}

.m-radio.m-radio--skin-dark.m-radio--light > input:disabled ~ span {
    opacity: 0.6;
    filter: alpha(opacity=60);
}

.m-radio.m-radio--skin-dark.m-radio--light.m-radio--solid {
    /*
        &:hover > input:not([disabled]) ~ span {
            background: $color-solid-bg-hover;
        }
        */
}

.m-radio.m-radio--skin-dark.m-radio--light.m-radio--solid > span {
    border: 1px solid transparent !important;
}

.m-radio.m-radio--skin-dark.m-radio--light.m-radio--solid > span:after {
    border: solid #282a3c;
    background: #282a3c;
}

.m-radio.m-radio--skin-dark.m-radio--light.m-radio--solid > input:focus ~ span {
    border: 1px solid transparent !important;
}

.m-radio.m-radio--skin-dark.m-radio--light.m-radio--solid > input:checked ~ span {
    background: #ffffff;
}

.m-radio.m-radio--skin-dark.m-radio--accent.m-radio--disabled {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.m-radio.m-radio--skin-dark.m-radio--accent > span {
    border: 1px solid #bdc3d4;
}

.m-radio.m-radio--skin-dark.m-radio--accent > span:after {
    border: solid #00c5dc;
    background: #00c5dc;
}

.m-radio.m-radio--skin-dark.m-radio--accent > input:disabled ~ span:after {
    border-color: #00c5dc;
}

.m-radio.m-radio--skin-dark.m-radio--accent > input:checked ~ span {
    border: 1px solid #00c5dc;
}

.m-radio.m-radio--skin-dark.m-radio--accent.m-radio--check-bold > input:checked ~ span {
    border: 2px solid #00c5dc;
}

.m-radio.m-radio--skin-dark.m-radio--accent > input:disabled ~ span {
    opacity: 0.6;
    filter: alpha(opacity=60);
}

.m-radio.m-radio--skin-dark.m-radio--accent.m-radio--solid {
    /*
        &:hover > input:not([disabled]) ~ span {
            background: $color-solid-bg-hover;
        }
        */
}

.m-radio.m-radio--skin-dark.m-radio--accent.m-radio--solid > span {
    border: 1px solid transparent !important;
}

.m-radio.m-radio--skin-dark.m-radio--accent.m-radio--solid > span:after {
    border: solid #ffffff;
    background: #ffffff;
}

.m-radio.m-radio--skin-dark.m-radio--accent.m-radio--solid > input:focus ~ span {
    border: 1px solid transparent !important;
}

.m-radio.m-radio--skin-dark.m-radio--accent.m-radio--solid > input:checked ~ span {
    background: #00c5dc;
}

.m-radio.m-radio--skin-dark.m-radio--focus.m-radio--disabled {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.m-radio.m-radio--skin-dark.m-radio--focus > span {
    border: 1px solid #bdc3d4;
}

.m-radio.m-radio--skin-dark.m-radio--focus > span:after {
    border: solid #9816f4;
    background: #9816f4;
}

.m-radio.m-radio--skin-dark.m-radio--focus > input:disabled ~ span:after {
    border-color: #9816f4;
}

.m-radio.m-radio--skin-dark.m-radio--focus > input:checked ~ span {
    border: 1px solid #9816f4;
}

.m-radio.m-radio--skin-dark.m-radio--focus.m-radio--check-bold > input:checked ~ span {
    border: 2px solid #9816f4;
}

.m-radio.m-radio--skin-dark.m-radio--focus > input:disabled ~ span {
    opacity: 0.6;
    filter: alpha(opacity=60);
}

.m-radio.m-radio--skin-dark.m-radio--focus.m-radio--solid {
    /*
        &:hover > input:not([disabled]) ~ span {
            background: $color-solid-bg-hover;
        }
        */
}

.m-radio.m-radio--skin-dark.m-radio--focus.m-radio--solid > span {
    border: 1px solid transparent !important;
}

.m-radio.m-radio--skin-dark.m-radio--focus.m-radio--solid > span:after {
    border: solid #ffffff;
    background: #ffffff;
}

.m-radio.m-radio--skin-dark.m-radio--focus.m-radio--solid > input:focus ~ span {
    border: 1px solid transparent !important;
}

.m-radio.m-radio--skin-dark.m-radio--focus.m-radio--solid > input:checked ~ span {
    background: #9816f4;
}

.m-radio.m-radio--skin-dark.m-radio--primary.m-radio--disabled {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.m-radio.m-radio--skin-dark.m-radio--primary > span {
    border: 1px solid #bdc3d4;
}

.m-radio.m-radio--skin-dark.m-radio--primary > span:after {
    border: solid #5867dd;
    background: #5867dd;
}

.m-radio.m-radio--skin-dark.m-radio--primary > input:disabled ~ span:after {
    border-color: #5867dd;
}

.m-radio.m-radio--skin-dark.m-radio--primary > input:checked ~ span {
    border: 1px solid #5867dd;
}

.m-radio.m-radio--skin-dark.m-radio--primary.m-radio--check-bold > input:checked ~ span {
    border: 2px solid #5867dd;
}

.m-radio.m-radio--skin-dark.m-radio--primary > input:disabled ~ span {
    opacity: 0.6;
    filter: alpha(opacity=60);
}

.m-radio.m-radio--skin-dark.m-radio--primary.m-radio--solid {
    /*
        &:hover > input:not([disabled]) ~ span {
            background: $color-solid-bg-hover;
        }
        */
}

.m-radio.m-radio--skin-dark.m-radio--primary.m-radio--solid > span {
    border: 1px solid transparent !important;
}

.m-radio.m-radio--skin-dark.m-radio--primary.m-radio--solid > span:after {
    border: solid #ffffff;
    background: #ffffff;
}

.m-radio.m-radio--skin-dark.m-radio--primary.m-radio--solid > input:focus ~ span {
    border: 1px solid transparent !important;
}

.m-radio.m-radio--skin-dark.m-radio--primary.m-radio--solid > input:checked ~ span {
    background: #5867dd;
}

.m-radio.m-radio--skin-dark.m-radio--success.m-radio--disabled {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.m-radio.m-radio--skin-dark.m-radio--success > span {
    border: 1px solid #bdc3d4;
}

.m-radio.m-radio--skin-dark.m-radio--success > span:after {
    border: solid #34bfa3;
    background: #34bfa3;
}

.m-radio.m-radio--skin-dark.m-radio--success > input:disabled ~ span:after {
    border-color: #34bfa3;
}

.m-radio.m-radio--skin-dark.m-radio--success > input:checked ~ span {
    border: 1px solid #34bfa3;
}

.m-radio.m-radio--skin-dark.m-radio--success.m-radio--check-bold > input:checked ~ span {
    border: 2px solid #34bfa3;
}

.m-radio.m-radio--skin-dark.m-radio--success > input:disabled ~ span {
    opacity: 0.6;
    filter: alpha(opacity=60);
}

.m-radio.m-radio--skin-dark.m-radio--success.m-radio--solid {
    /*
        &:hover > input:not([disabled]) ~ span {
            background: $color-solid-bg-hover;
        }
        */
}

.m-radio.m-radio--skin-dark.m-radio--success.m-radio--solid > span {
    border: 1px solid transparent !important;
}

.m-radio.m-radio--skin-dark.m-radio--success.m-radio--solid > span:after {
    border: solid #ffffff;
    background: #ffffff;
}

.m-radio.m-radio--skin-dark.m-radio--success.m-radio--solid > input:focus ~ span {
    border: 1px solid transparent !important;
}

.m-radio.m-radio--skin-dark.m-radio--success.m-radio--solid > input:checked ~ span {
    background: #34bfa3;
}

.m-radio.m-radio--skin-dark.m-radio--info.m-radio--disabled {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.m-radio.m-radio--skin-dark.m-radio--info > span {
    border: 1px solid #bdc3d4;
}

.m-radio.m-radio--skin-dark.m-radio--info > span:after {
    border: solid #23b7e5;
    background: #23b7e5;
}

.m-radio.m-radio--skin-dark.m-radio--info > input:disabled ~ span:after {
    border-color: #23b7e5;
}

.m-radio.m-radio--skin-dark.m-radio--info > input:checked ~ span {
    border: 1px solid #23b7e5;
}

.m-radio.m-radio--skin-dark.m-radio--info.m-radio--check-bold > input:checked ~ span {
    border: 2px solid #23b7e5;
}

.m-radio.m-radio--skin-dark.m-radio--info > input:disabled ~ span {
    opacity: 0.6;
    filter: alpha(opacity=60);
}

.m-radio.m-radio--skin-dark.m-radio--info.m-radio--solid {
    /*
        &:hover > input:not([disabled]) ~ span {
            background: $color-solid-bg-hover;
        }
        */
}

.m-radio.m-radio--skin-dark.m-radio--info.m-radio--solid > span {
    border: 1px solid transparent !important;
}

.m-radio.m-radio--skin-dark.m-radio--info.m-radio--solid > span:after {
    border: solid #ffffff;
    background: #ffffff;
}

.m-radio.m-radio--skin-dark.m-radio--info.m-radio--solid > input:focus ~ span {
    border: 1px solid transparent !important;
}

.m-radio.m-radio--skin-dark.m-radio--info.m-radio--solid > input:checked ~ span {
    background: #23b7e5;
}

.m-radio.m-radio--skin-dark.m-radio--warning.m-radio--disabled {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.m-radio.m-radio--skin-dark.m-radio--warning > span {
    border: 1px solid #bdc3d4;
}

.m-radio.m-radio--skin-dark.m-radio--warning > span:after {
    border: solid #ffb822;
    background: #ffb822;
}

.m-radio.m-radio--skin-dark.m-radio--warning > input:disabled ~ span:after {
    border-color: #ffb822;
}

.m-radio.m-radio--skin-dark.m-radio--warning > input:checked ~ span {
    border: 1px solid #ffb822;
}

.m-radio.m-radio--skin-dark.m-radio--warning.m-radio--check-bold > input:checked ~ span {
    border: 2px solid #ffb822;
}

.m-radio.m-radio--skin-dark.m-radio--warning > input:disabled ~ span {
    opacity: 0.6;
    filter: alpha(opacity=60);
}

.m-radio.m-radio--skin-dark.m-radio--warning.m-radio--solid {
    /*
        &:hover > input:not([disabled]) ~ span {
            background: $color-solid-bg-hover;
        }
        */
}

.m-radio.m-radio--skin-dark.m-radio--warning.m-radio--solid > span {
    border: 1px solid transparent !important;
}

.m-radio.m-radio--skin-dark.m-radio--warning.m-radio--solid > span:after {
    border: solid #111111;
    background: #111111;
}

.m-radio.m-radio--skin-dark.m-radio--warning.m-radio--solid > input:focus ~ span {
    border: 1px solid transparent !important;
}

.m-radio.m-radio--skin-dark.m-radio--warning.m-radio--solid > input:checked ~ span {
    background: #ffb822;
}

.m-radio.m-radio--skin-dark.m-radio--danger.m-radio--disabled {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.m-radio.m-radio--skin-dark.m-radio--danger > span {
    border: 1px solid #bdc3d4;
}

.m-radio.m-radio--skin-dark.m-radio--danger > span:after {
    border: solid #f4516c;
    background: #f4516c;
}

.m-radio.m-radio--skin-dark.m-radio--danger > input:disabled ~ span:after {
    border-color: #f4516c;
}

.m-radio.m-radio--skin-dark.m-radio--danger > input:checked ~ span {
    border: 1px solid #f4516c;
}

.m-radio.m-radio--skin-dark.m-radio--danger.m-radio--check-bold > input:checked ~ span {
    border: 2px solid #f4516c;
}

.m-radio.m-radio--skin-dark.m-radio--danger > input:disabled ~ span {
    opacity: 0.6;
    filter: alpha(opacity=60);
}

.m-radio.m-radio--skin-dark.m-radio--danger.m-radio--solid {
    /*
        &:hover > input:not([disabled]) ~ span {
            background: $color-solid-bg-hover;
        }
        */
}

.m-radio.m-radio--skin-dark.m-radio--danger.m-radio--solid > span {
    border: 1px solid transparent !important;
}

.m-radio.m-radio--skin-dark.m-radio--danger.m-radio--solid > span:after {
    border: solid #ffffff;
    background: #ffffff;
}

.m-radio.m-radio--skin-dark.m-radio--danger.m-radio--solid > input:focus ~ span {
    border: 1px solid transparent !important;
}

.m-radio.m-radio--skin-dark.m-radio--danger.m-radio--solid > input:checked ~ span {
    background: #f4516c;
}

.m-radio.m-radio--skin-dark.m-radio--air > span {
    -webkit-box-shadow: 0px 3px 20px 0px rgba(113, 106, 202, 0.11);
    -moz-box-shadow: 0px 3px 20px 0px rgba(113, 106, 202, 0.11);
    box-shadow: 0px 3px 20px 0px rgba(113, 106, 202, 0.11);
}

.m-radio.m-radio--skin-dark.m-radio--air.m-radio--solid > span {}

.m-checkbox.m-checkbox--state-brand.m-checkbox--disabled {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.m-checkbox.m-checkbox--state-brand > span {
    border: 1px solid #00bfbf;
}

.m-checkbox.m-checkbox--state-brand > span:after {
    border: solid #00bfbf;
}

.m-checkbox.m-checkbox--state-brand > input:disabled ~ span:after {
    border-color: #00bfbf;
}

.m-checkbox.m-checkbox--state-brand > input:checked ~ span {
    border: 1px solid #00bfbf;
}

.m-checkbox.m-checkbox--state-brand.m-checkbox--check-bold > input:checked ~ span {
    border: 2px solid #00bfbf;
}

.m-checkbox.m-checkbox--state-brand > input:disabled ~ span {
    opacity: 0.6;
    filter: alpha(opacity=60);
}

.m-checkbox.m-checkbox--state-brand.m-checkbox--solid {
    /*
        &:hover > input:not([disabled]) ~ span {
            background: $color-solid-bg-hover;
        }
        */
}

.m-checkbox.m-checkbox--state-brand.m-checkbox--solid > span {
    background: #00bfbf;
    border: 1px solid transparent !important;
}

.m-checkbox.m-checkbox--state-brand.m-checkbox--solid > span:after {
    border: solid #ffffff;
}

.m-checkbox.m-checkbox--state-brand.m-checkbox--solid > input:focus ~ span {
    border: 1px solid transparent !important;
}

.m-checkbox.m-checkbox--state-brand.m-checkbox--solid > input:checked ~ span {
    background: #00bfbf;
}

.m-radio.m-radio--state-brand.m-radio--disabled {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.m-radio.m-radio--state-brand > span {
    border: 1px solid #00bfbf;
}

.m-radio.m-radio--state-brand > span:after {
    border: solid #00bfbf;
    background: #00bfbf;
}

.m-radio.m-radio--state-brand > input:disabled ~ span:after {
    border-color: #00bfbf;
}

.m-radio.m-radio--state-brand > input:checked ~ span {
    border: 1px solid #00bfbf;
}

.m-radio.m-radio--state-brand.m-radio--check-bold > input:checked ~ span {
    border: 2px solid #00bfbf;
}

.m-radio.m-radio--state-brand > input:disabled ~ span {
    opacity: 0.6;
    filter: alpha(opacity=60);
}

.m-radio.m-radio--state-brand.m-radio--solid {
    /*
        &:hover > input:not([disabled]) ~ span {
            background: $color-solid-bg-hover;
        }
        */
}

.m-radio.m-radio--state-brand.m-radio--solid > span {
    background: #00bfbf;
    border: 1px solid transparent !important;
}

.m-radio.m-radio--state-brand.m-radio--solid > span:after {
    border: solid #ffffff;
    background: #ffffff;
}

.m-radio.m-radio--state-brand.m-radio--solid > input:focus ~ span {
    border: 1px solid transparent !important;
}

.m-radio.m-radio--state-brand.m-radio--solid > input:checked ~ span {
    background: #00bfbf;
}

.m-checkbox.m-checkbox--state-metal.m-checkbox--disabled {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.m-checkbox.m-checkbox--state-metal > span {
    border: 1px solid #c4c5d6;
}

.m-checkbox.m-checkbox--state-metal > span:after {
    border: solid #c4c5d6;
}

.m-checkbox.m-checkbox--state-metal > input:disabled ~ span:after {
    border-color: #c4c5d6;
}

.m-checkbox.m-checkbox--state-metal > input:checked ~ span {
    border: 1px solid #c4c5d6;
}

.m-checkbox.m-checkbox--state-metal.m-checkbox--check-bold > input:checked ~ span {
    border: 2px solid #c4c5d6;
}

.m-checkbox.m-checkbox--state-metal > input:disabled ~ span {
    opacity: 0.6;
    filter: alpha(opacity=60);
}

.m-checkbox.m-checkbox--state-metal.m-checkbox--solid {
    /*
        &:hover > input:not([disabled]) ~ span {
            background: $color-solid-bg-hover;
        }
        */
}

.m-checkbox.m-checkbox--state-metal.m-checkbox--solid > span {
    background: #c4c5d6;
    border: 1px solid transparent !important;
}

.m-checkbox.m-checkbox--state-metal.m-checkbox--solid > span:after {
    border: solid #ffffff;
}

.m-checkbox.m-checkbox--state-metal.m-checkbox--solid > input:focus ~ span {
    border: 1px solid transparent !important;
}

.m-checkbox.m-checkbox--state-metal.m-checkbox--solid > input:checked ~ span {
    background: #c4c5d6;
}

.m-radio.m-radio--state-metal.m-radio--disabled {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.m-radio.m-radio--state-metal > span {
    border: 1px solid #c4c5d6;
}

.m-radio.m-radio--state-metal > span:after {
    border: solid #c4c5d6;
    background: #c4c5d6;
}

.m-radio.m-radio--state-metal > input:disabled ~ span:after {
    border-color: #c4c5d6;
}

.m-radio.m-radio--state-metal > input:checked ~ span {
    border: 1px solid #c4c5d6;
}

.m-radio.m-radio--state-metal.m-radio--check-bold > input:checked ~ span {
    border: 2px solid #c4c5d6;
}

.m-radio.m-radio--state-metal > input:disabled ~ span {
    opacity: 0.6;
    filter: alpha(opacity=60);
}

.m-radio.m-radio--state-metal.m-radio--solid {
    /*
        &:hover > input:not([disabled]) ~ span {
            background: $color-solid-bg-hover;
        }
        */
}

.m-radio.m-radio--state-metal.m-radio--solid > span {
    background: #c4c5d6;
    border: 1px solid transparent !important;
}

.m-radio.m-radio--state-metal.m-radio--solid > span:after {
    border: solid #ffffff;
    background: #ffffff;
}

.m-radio.m-radio--state-metal.m-radio--solid > input:focus ~ span {
    border: 1px solid transparent !important;
}

.m-radio.m-radio--state-metal.m-radio--solid > input:checked ~ span {
    background: #c4c5d6;
}

.m-checkbox.m-checkbox--state-light.m-checkbox--disabled {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.m-checkbox.m-checkbox--state-light > span {
    border: 1px solid #ffffff;
}

.m-checkbox.m-checkbox--state-light > span:after {
    border: solid #ffffff;
}

.m-checkbox.m-checkbox--state-light > input:disabled ~ span:after {
    border-color: #ffffff;
}

.m-checkbox.m-checkbox--state-light > input:checked ~ span {
    border: 1px solid #ffffff;
}

.m-checkbox.m-checkbox--state-light.m-checkbox--check-bold > input:checked ~ span {
    border: 2px solid #ffffff;
}

.m-checkbox.m-checkbox--state-light > input:disabled ~ span {
    opacity: 0.6;
    filter: alpha(opacity=60);
}

.m-checkbox.m-checkbox--state-light.m-checkbox--solid {
    /*
        &:hover > input:not([disabled]) ~ span {
            background: $color-solid-bg-hover;
        }
        */
}

.m-checkbox.m-checkbox--state-light.m-checkbox--solid > span {
    background: #ffffff;
    border: 1px solid transparent !important;
}

.m-checkbox.m-checkbox--state-light.m-checkbox--solid > span:after {
    border: solid #282a3c;
}

.m-checkbox.m-checkbox--state-light.m-checkbox--solid > input:focus ~ span {
    border: 1px solid transparent !important;
}

.m-checkbox.m-checkbox--state-light.m-checkbox--solid > input:checked ~ span {
    background: #ffffff;
}

.m-radio.m-radio--state-light.m-radio--disabled {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.m-radio.m-radio--state-light > span {
    border: 1px solid #ffffff;
}

.m-radio.m-radio--state-light > span:after {
    border: solid #ffffff;
    background: #ffffff;
}

.m-radio.m-radio--state-light > input:disabled ~ span:after {
    border-color: #ffffff;
}

.m-radio.m-radio--state-light > input:checked ~ span {
    border: 1px solid #ffffff;
}

.m-radio.m-radio--state-light.m-radio--check-bold > input:checked ~ span {
    border: 2px solid #ffffff;
}

.m-radio.m-radio--state-light > input:disabled ~ span {
    opacity: 0.6;
    filter: alpha(opacity=60);
}

.m-radio.m-radio--state-light.m-radio--solid {
    /*
        &:hover > input:not([disabled]) ~ span {
            background: $color-solid-bg-hover;
        }
        */
}

.m-radio.m-radio--state-light.m-radio--solid > span {
    background: #ffffff;
    border: 1px solid transparent !important;
}

.m-radio.m-radio--state-light.m-radio--solid > span:after {
    border: solid #282a3c;
    background: #282a3c;
}

.m-radio.m-radio--state-light.m-radio--solid > input:focus ~ span {
    border: 1px solid transparent !important;
}

.m-radio.m-radio--state-light.m-radio--solid > input:checked ~ span {
    background: #ffffff;
}

.m-checkbox.m-checkbox--state-accent.m-checkbox--disabled {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.m-checkbox.m-checkbox--state-accent > span {
    border: 1px solid #00c5dc;
}

.m-checkbox.m-checkbox--state-accent > span:after {
    border: solid #00c5dc;
}

.m-checkbox.m-checkbox--state-accent > input:disabled ~ span:after {
    border-color: #00c5dc;
}

.m-checkbox.m-checkbox--state-accent > input:checked ~ span {
    border: 1px solid #00c5dc;
}

.m-checkbox.m-checkbox--state-accent.m-checkbox--check-bold > input:checked ~ span {
    border: 2px solid #00c5dc;
}

.m-checkbox.m-checkbox--state-accent > input:disabled ~ span {
    opacity: 0.6;
    filter: alpha(opacity=60);
}

.m-checkbox.m-checkbox--state-accent.m-checkbox--solid {
    /*
        &:hover > input:not([disabled]) ~ span {
            background: $color-solid-bg-hover;
        }
        */
}

.m-checkbox.m-checkbox--state-accent.m-checkbox--solid > span {
    background: #00c5dc;
    border: 1px solid transparent !important;
}

.m-checkbox.m-checkbox--state-accent.m-checkbox--solid > span:after {
    border: solid #ffffff;
}

.m-checkbox.m-checkbox--state-accent.m-checkbox--solid > input:focus ~ span {
    border: 1px solid transparent !important;
}

.m-checkbox.m-checkbox--state-accent.m-checkbox--solid > input:checked ~ span {
    background: #00c5dc;
}

.m-radio.m-radio--state-accent.m-radio--disabled {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.m-radio.m-radio--state-accent > span {
    border: 1px solid #00c5dc;
}

.m-radio.m-radio--state-accent > span:after {
    border: solid #00c5dc;
    background: #00c5dc;
}

.m-radio.m-radio--state-accent > input:disabled ~ span:after {
    border-color: #00c5dc;
}

.m-radio.m-radio--state-accent > input:checked ~ span {
    border: 1px solid #00c5dc;
}

.m-radio.m-radio--state-accent.m-radio--check-bold > input:checked ~ span {
    border: 2px solid #00c5dc;
}

.m-radio.m-radio--state-accent > input:disabled ~ span {
    opacity: 0.6;
    filter: alpha(opacity=60);
}

.m-radio.m-radio--state-accent.m-radio--solid {
    /*
        &:hover > input:not([disabled]) ~ span {
            background: $color-solid-bg-hover;
        }
        */
}

.m-radio.m-radio--state-accent.m-radio--solid > span {
    background: #00c5dc;
    border: 1px solid transparent !important;
}

.m-radio.m-radio--state-accent.m-radio--solid > span:after {
    border: solid #ffffff;
    background: #ffffff;
}

.m-radio.m-radio--state-accent.m-radio--solid > input:focus ~ span {
    border: 1px solid transparent !important;
}

.m-radio.m-radio--state-accent.m-radio--solid > input:checked ~ span {
    background: #00c5dc;
}

.m-checkbox.m-checkbox--state-focus.m-checkbox--disabled {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.m-checkbox.m-checkbox--state-focus > span {
    border: 1px solid #9816f4;
}

.m-checkbox.m-checkbox--state-focus > span:after {
    border: solid #9816f4;
}

.m-checkbox.m-checkbox--state-focus > input:disabled ~ span:after {
    border-color: #9816f4;
}

.m-checkbox.m-checkbox--state-focus > input:checked ~ span {
    border: 1px solid #9816f4;
}

.m-checkbox.m-checkbox--state-focus.m-checkbox--check-bold > input:checked ~ span {
    border: 2px solid #9816f4;
}

.m-checkbox.m-checkbox--state-focus > input:disabled ~ span {
    opacity: 0.6;
    filter: alpha(opacity=60);
}

.m-checkbox.m-checkbox--state-focus.m-checkbox--solid {
    /*
        &:hover > input:not([disabled]) ~ span {
            background: $color-solid-bg-hover;
        }
        */
}

.m-checkbox.m-checkbox--state-focus.m-checkbox--solid > span {
    background: #9816f4;
    border: 1px solid transparent !important;
}

.m-checkbox.m-checkbox--state-focus.m-checkbox--solid > span:after {
    border: solid #ffffff;
}

.m-checkbox.m-checkbox--state-focus.m-checkbox--solid > input:focus ~ span {
    border: 1px solid transparent !important;
}

.m-checkbox.m-checkbox--state-focus.m-checkbox--solid > input:checked ~ span {
    background: #9816f4;
}

.m-radio.m-radio--state-focus.m-radio--disabled {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.m-radio.m-radio--state-focus > span {
    border: 1px solid #9816f4;
}

.m-radio.m-radio--state-focus > span:after {
    border: solid #9816f4;
    background: #9816f4;
}

.m-radio.m-radio--state-focus > input:disabled ~ span:after {
    border-color: #9816f4;
}

.m-radio.m-radio--state-focus > input:checked ~ span {
    border: 1px solid #9816f4;
}

.m-radio.m-radio--state-focus.m-radio--check-bold > input:checked ~ span {
    border: 2px solid #9816f4;
}

.m-radio.m-radio--state-focus > input:disabled ~ span {
    opacity: 0.6;
    filter: alpha(opacity=60);
}

.m-radio.m-radio--state-focus.m-radio--solid {
    /*
        &:hover > input:not([disabled]) ~ span {
            background: $color-solid-bg-hover;
        }
        */
}

.m-radio.m-radio--state-focus.m-radio--solid > span {
    background: #9816f4;
    border: 1px solid transparent !important;
}

.m-radio.m-radio--state-focus.m-radio--solid > span:after {
    border: solid #ffffff;
    background: #ffffff;
}

.m-radio.m-radio--state-focus.m-radio--solid > input:focus ~ span {
    border: 1px solid transparent !important;
}

.m-radio.m-radio--state-focus.m-radio--solid > input:checked ~ span {
    background: #9816f4;
}

.m-checkbox.m-checkbox--state-primary.m-checkbox--disabled {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.m-checkbox.m-checkbox--state-primary > span {
    border: 1px solid #5867dd;
}

.m-checkbox.m-checkbox--state-primary > span:after {
    border: solid #5867dd;
}

.m-checkbox.m-checkbox--state-primary > input:disabled ~ span:after {
    border-color: #5867dd;
}

.m-checkbox.m-checkbox--state-primary > input:checked ~ span {
    border: 1px solid #5867dd;
}

.m-checkbox.m-checkbox--state-primary.m-checkbox--check-bold > input:checked ~ span {
    border: 2px solid #5867dd;
}

.m-checkbox.m-checkbox--state-primary > input:disabled ~ span {
    opacity: 0.6;
    filter: alpha(opacity=60);
}

.m-checkbox.m-checkbox--state-primary.m-checkbox--solid {
    /*
        &:hover > input:not([disabled]) ~ span {
            background: $color-solid-bg-hover;
        }
        */
}

.m-checkbox.m-checkbox--state-primary.m-checkbox--solid > span {
    background: #5867dd;
    border: 1px solid transparent !important;
}

.m-checkbox.m-checkbox--state-primary.m-checkbox--solid > span:after {
    border: solid #ffffff;
}

.m-checkbox.m-checkbox--state-primary.m-checkbox--solid > input:focus ~ span {
    border: 1px solid transparent !important;
}

.m-checkbox.m-checkbox--state-primary.m-checkbox--solid > input:checked ~ span {
    background: #5867dd;
}

.m-radio.m-radio--state-primary.m-radio--disabled {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.m-radio.m-radio--state-primary > span {
    border: 1px solid #5867dd;
}

.m-radio.m-radio--state-primary > span:after {
    border: solid #5867dd;
    background: #5867dd;
}

.m-radio.m-radio--state-primary > input:disabled ~ span:after {
    border-color: #5867dd;
}

.m-radio.m-radio--state-primary > input:checked ~ span {
    border: 1px solid #5867dd;
}

.m-radio.m-radio--state-primary.m-radio--check-bold > input:checked ~ span {
    border: 2px solid #5867dd;
}

.m-radio.m-radio--state-primary > input:disabled ~ span {
    opacity: 0.6;
    filter: alpha(opacity=60);
}

.m-radio.m-radio--state-primary.m-radio--solid {
    /*
        &:hover > input:not([disabled]) ~ span {
            background: $color-solid-bg-hover;
        }
        */
}

.m-radio.m-radio--state-primary.m-radio--solid > span {
    background: #5867dd;
    border: 1px solid transparent !important;
}

.m-radio.m-radio--state-primary.m-radio--solid > span:after {
    border: solid #ffffff;
    background: #ffffff;
}

.m-radio.m-radio--state-primary.m-radio--solid > input:focus ~ span {
    border: 1px solid transparent !important;
}

.m-radio.m-radio--state-primary.m-radio--solid > input:checked ~ span {
    background: #5867dd;
}

.m-checkbox.m-checkbox--state-success.m-checkbox--disabled {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.m-checkbox.m-checkbox--state-success > span {
    border: 1px solid #34bfa3;
}

.m-checkbox.m-checkbox--state-success > span:after {
    border: solid #34bfa3;
}

.m-checkbox.m-checkbox--state-success > input:disabled ~ span:after {
    border-color: #34bfa3;
}

.m-checkbox.m-checkbox--state-success > input:checked ~ span {
    border: 1px solid #34bfa3;
}

.m-checkbox.m-checkbox--state-success.m-checkbox--check-bold > input:checked ~ span {
    border: 2px solid #34bfa3;
}

.m-checkbox.m-checkbox--state-success > input:disabled ~ span {
    opacity: 0.6;
    filter: alpha(opacity=60);
}

.m-checkbox.m-checkbox--state-success.m-checkbox--solid {
    /*
        &:hover > input:not([disabled]) ~ span {
            background: $color-solid-bg-hover;
        }
        */
}

.m-checkbox.m-checkbox--state-success.m-checkbox--solid > span {
    background: #34bfa3;
    border: 1px solid transparent !important;
}

.m-checkbox.m-checkbox--state-success.m-checkbox--solid > span:after {
    border: solid #ffffff;
}

.m-checkbox.m-checkbox--state-success.m-checkbox--solid > input:focus ~ span {
    border: 1px solid transparent !important;
}

.m-checkbox.m-checkbox--state-success.m-checkbox--solid > input:checked ~ span {
    background: #34bfa3;
}

.m-radio.m-radio--state-success.m-radio--disabled {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.m-radio.m-radio--state-success > span {
    border: 1px solid #34bfa3;
}

.m-radio.m-radio--state-success > span:after {
    border: solid #34bfa3;
    background: #34bfa3;
}

.m-radio.m-radio--state-success > input:disabled ~ span:after {
    border-color: #34bfa3;
}

.m-radio.m-radio--state-success > input:checked ~ span {
    border: 1px solid #34bfa3;
}

.m-radio.m-radio--state-success.m-radio--check-bold > input:checked ~ span {
    border: 2px solid #34bfa3;
}

.m-radio.m-radio--state-success > input:disabled ~ span {
    opacity: 0.6;
    filter: alpha(opacity=60);
}

.m-radio.m-radio--state-success.m-radio--solid {
    /*
        &:hover > input:not([disabled]) ~ span {
            background: $color-solid-bg-hover;
        }
        */
}

.m-radio.m-radio--state-success.m-radio--solid > span {
    background: #34bfa3;
    border: 1px solid transparent !important;
}

.m-radio.m-radio--state-success.m-radio--solid > span:after {
    border: solid #ffffff;
    background: #ffffff;
}

.m-radio.m-radio--state-success.m-radio--solid > input:focus ~ span {
    border: 1px solid transparent !important;
}

.m-radio.m-radio--state-success.m-radio--solid > input:checked ~ span {
    background: #34bfa3;
}

.m-checkbox.m-checkbox--state-info.m-checkbox--disabled {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.m-checkbox.m-checkbox--state-info > span {
    border: 1px solid #23b7e5;
}

.m-checkbox.m-checkbox--state-info > span:after {
    border: solid #23b7e5;
}

.m-checkbox.m-checkbox--state-info > input:disabled ~ span:after {
    border-color: #23b7e5;
}

.m-checkbox.m-checkbox--state-info > input:checked ~ span {
    border: 1px solid #23b7e5;
}

.m-checkbox.m-checkbox--state-info.m-checkbox--check-bold > input:checked ~ span {
    border: 2px solid #23b7e5;
}

.m-checkbox.m-checkbox--state-info > input:disabled ~ span {
    opacity: 0.6;
    filter: alpha(opacity=60);
}

.m-checkbox.m-checkbox--state-info.m-checkbox--solid {
    /*
        &:hover > input:not([disabled]) ~ span {
            background: $color-solid-bg-hover;
        }
        */
}

.m-checkbox.m-checkbox--state-info.m-checkbox--solid > span {
    background: #23b7e5;
    border: 1px solid transparent !important;
}

.m-checkbox.m-checkbox--state-info.m-checkbox--solid > span:after {
    border: solid #ffffff;
}

.m-checkbox.m-checkbox--state-info.m-checkbox--solid > input:focus ~ span {
    border: 1px solid transparent !important;
}

.m-checkbox.m-checkbox--state-info.m-checkbox--solid > input:checked ~ span {
    background: #23b7e5;
}

.m-radio.m-radio--state-info.m-radio--disabled {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.m-radio.m-radio--state-info > span {
    border: 1px solid #23b7e5;
}

.m-radio.m-radio--state-info > span:after {
    border: solid #23b7e5;
    background: #23b7e5;
}

.m-radio.m-radio--state-info > input:disabled ~ span:after {
    border-color: #23b7e5;
}

.m-radio.m-radio--state-info > input:checked ~ span {
    border: 1px solid #23b7e5;
}

.m-radio.m-radio--state-info.m-radio--check-bold > input:checked ~ span {
    border: 2px solid #23b7e5;
}

.m-radio.m-radio--state-info > input:disabled ~ span {
    opacity: 0.6;
    filter: alpha(opacity=60);
}

.m-radio.m-radio--state-info.m-radio--solid {
    /*
        &:hover > input:not([disabled]) ~ span {
            background: $color-solid-bg-hover;
        }
        */
}

.m-radio.m-radio--state-info.m-radio--solid > span {
    background: #23b7e5;
    border: 1px solid transparent !important;
}

.m-radio.m-radio--state-info.m-radio--solid > span:after {
    border: solid #ffffff;
    background: #ffffff;
}

.m-radio.m-radio--state-info.m-radio--solid > input:focus ~ span {
    border: 1px solid transparent !important;
}

.m-radio.m-radio--state-info.m-radio--solid > input:checked ~ span {
    background: #23b7e5;
}

.m-checkbox.m-checkbox--state-warning.m-checkbox--disabled {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.m-checkbox.m-checkbox--state-warning > span {
    border: 1px solid #ffb822;
}

.m-checkbox.m-checkbox--state-warning > span:after {
    border: solid #ffb822;
}

.m-checkbox.m-checkbox--state-warning > input:disabled ~ span:after {
    border-color: #ffb822;
}

.m-checkbox.m-checkbox--state-warning > input:checked ~ span {
    border: 1px solid #ffb822;
}

.m-checkbox.m-checkbox--state-warning.m-checkbox--check-bold > input:checked ~ span {
    border: 2px solid #ffb822;
}

.m-checkbox.m-checkbox--state-warning > input:disabled ~ span {
    opacity: 0.6;
    filter: alpha(opacity=60);
}

.m-checkbox.m-checkbox--state-warning.m-checkbox--solid {
    /*
        &:hover > input:not([disabled]) ~ span {
            background: $color-solid-bg-hover;
        }
        */
}

.m-checkbox.m-checkbox--state-warning.m-checkbox--solid > span {
    background: #ffb822;
    border: 1px solid transparent !important;
}

.m-checkbox.m-checkbox--state-warning.m-checkbox--solid > span:after {
    border: solid #111111;
}

.m-checkbox.m-checkbox--state-warning.m-checkbox--solid > input:focus ~ span {
    border: 1px solid transparent !important;
}

.m-checkbox.m-checkbox--state-warning.m-checkbox--solid > input:checked ~ span {
    background: #ffb822;
}

.m-radio.m-radio--state-warning.m-radio--disabled {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.m-radio.m-radio--state-warning > span {
    border: 1px solid #ffb822;
}

.m-radio.m-radio--state-warning > span:after {
    border: solid #ffb822;
    background: #ffb822;
}

.m-radio.m-radio--state-warning > input:disabled ~ span:after {
    border-color: #ffb822;
}

.m-radio.m-radio--state-warning > input:checked ~ span {
    border: 1px solid #ffb822;
}

.m-radio.m-radio--state-warning.m-radio--check-bold > input:checked ~ span {
    border: 2px solid #ffb822;
}

.m-radio.m-radio--state-warning > input:disabled ~ span {
    opacity: 0.6;
    filter: alpha(opacity=60);
}

.m-radio.m-radio--state-warning.m-radio--solid {
    /*
        &:hover > input:not([disabled]) ~ span {
            background: $color-solid-bg-hover;
        }
        */
}

.m-radio.m-radio--state-warning.m-radio--solid > span {
    background: #ffb822;
    border: 1px solid transparent !important;
}

.m-radio.m-radio--state-warning.m-radio--solid > span:after {
    border: solid #111111;
    background: #111111;
}

.m-radio.m-radio--state-warning.m-radio--solid > input:focus ~ span {
    border: 1px solid transparent !important;
}

.m-radio.m-radio--state-warning.m-radio--solid > input:checked ~ span {
    background: #ffb822;
}

.m-checkbox.m-checkbox--state-danger.m-checkbox--disabled {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.m-checkbox.m-checkbox--state-danger > span {
    border: 1px solid #f4516c;
}

.m-checkbox.m-checkbox--state-danger > span:after {
    border: solid #f4516c;
}

.m-checkbox.m-checkbox--state-danger > input:disabled ~ span:after {
    border-color: #f4516c;
}

.m-checkbox.m-checkbox--state-danger > input:checked ~ span {
    border: 1px solid #f4516c;
}

.m-checkbox.m-checkbox--state-danger.m-checkbox--check-bold > input:checked ~ span {
    border: 2px solid #f4516c;
}

.m-checkbox.m-checkbox--state-danger > input:disabled ~ span {
    opacity: 0.6;
    filter: alpha(opacity=60);
}

.m-checkbox.m-checkbox--state-danger.m-checkbox--solid {
    /*
        &:hover > input:not([disabled]) ~ span {
            background: $color-solid-bg-hover;
        }
        */
}

.m-checkbox.m-checkbox--state-danger.m-checkbox--solid > span {
    background: #f4516c;
    border: 1px solid transparent !important;
}

.m-checkbox.m-checkbox--state-danger.m-checkbox--solid > span:after {
    border: solid #ffffff;
}

.m-checkbox.m-checkbox--state-danger.m-checkbox--solid > input:focus ~ span {
    border: 1px solid transparent !important;
}

.m-checkbox.m-checkbox--state-danger.m-checkbox--solid > input:checked ~ span {
    background: #f4516c;
}

.m-radio.m-radio--state-danger.m-radio--disabled {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.m-radio.m-radio--state-danger > span {
    border: 1px solid #f4516c;
}

.m-radio.m-radio--state-danger > span:after {
    border: solid #f4516c;
    background: #f4516c;
}

.m-radio.m-radio--state-danger > input:disabled ~ span:after {
    border-color: #f4516c;
}

.m-radio.m-radio--state-danger > input:checked ~ span {
    border: 1px solid #f4516c;
}

.m-radio.m-radio--state-danger.m-radio--check-bold > input:checked ~ span {
    border: 2px solid #f4516c;
}

.m-radio.m-radio--state-danger > input:disabled ~ span {
    opacity: 0.6;
    filter: alpha(opacity=60);
}

.m-radio.m-radio--state-danger.m-radio--solid {
    /*
        &:hover > input:not([disabled]) ~ span {
            background: $color-solid-bg-hover;
        }
        */
}

.m-radio.m-radio--state-danger.m-radio--solid > span {
    background: #f4516c;
    border: 1px solid transparent !important;
}

.m-radio.m-radio--state-danger.m-radio--solid > span:after {
    border: solid #ffffff;
    background: #ffffff;
}

.m-radio.m-radio--state-danger.m-radio--solid > input:focus ~ span {
    border: 1px solid transparent !important;
}

.m-radio.m-radio--state-danger.m-radio--solid > input:checked ~ span {
    background: #f4516c;
}
