@charset "UTF-8";

@import url("https://fonts.googleapis.com/css?family=Racing+Sans+One");
@import "html5reset-1.6.1.css";

/*-------------
 * # behavier #
 *-----------*/

body {
	background: #eeeeee;
	color: #333333;
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 500;
	font-size: 14px;
	line-height: 1.6;
	box-sizing: border-box;
}
h1:not(.plain),
h2:not(.plain),
h3:not(.plain),
h4:not(.plain),
h5:not(.plain),
h6:not(.plain) {
	font-family: "Racing Sans One", cursive;
}


a {
	color: #666;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
a:hover {
	text-decoration: none;
	color: #999;
}
.fa + span {
	padding-left: 0.25em;
}
ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

/*-- colors --*/
.text-original {
	color: #3eaca8;
}
a.text-original:hover,
a.text-original:focus {
	color: #2e8682;
}
.bg-original {
	color: #fff;
	background-color: #3eaca8;
}
a.bg-primary:hover,
a.bg-primary:focus {
	background-color: #2e8682;
}
.btn-original {
	color: #fff;
	background-color: #3eaca8;
	border-color: #2e8682;
}
.btn-original:focus,
.btn-original.focus {
	color: #fff;
	background-color: #2e8682;
	border-color: #226f6c;
}
.btn-original:hover {
	color: #fff;
	background-color: #226f6c;
	border-color: #1a6764;
}
.btn-original:active,
.btn-original.active,
.open > .dropdown-toggle.btn-original {
	color: #fff;
	background-color: #226f6c;
	border-color: #1a6764;
}
.btn-original:active:hover,
.btn-original.active:hover,
.open > .dropdown-toggle.btn-original:hover,
.btn-original:active:focus,
.btn-original.active:focus,
.open > .dropdown-toggle.btn-original:focus,
.btn-original:active.focus,
.btn-original.active.focus,
.open > .dropdown-toggle.btn-original.focus {
	color: #fff;
	background-color: #227f6c;
	border-color: #1a6764;
}
.btn-original:active,
.btn-original.active,
.open > .dropdown-toggle.btn-original {
	background-image: none;
}
.btn-original.disabled:hover,
.btn-original[disabled]:hover,
fieldset[disabled] .btn-original:hover,
.btn-original.disabled:focus,
.btn-original[disabled]:focus,
fieldset[disabled] .btn-original:focus,
.btn-original.disabled.focus,
.btn-original[disabled].focus,
fieldset[disabled] .btn-original.focus {
	background-color: #4eafab;
	border-color: #399894;
}
.btn-original .badge {
	color: #399894;
	background-color: #fff;
}
.label-original {
	background-color: #3eaca8;
}
.label-original[href]:hover,
.label-original[href]:focus {
	background-color: #226f6c;
}
.panel-original {
	border-color: #3eaca8;
}
.panel-original > .panel-heading {
	color: #fff;
	background-color: #3eaca8;
	border-color: #3eaca8;
}
.panel-original > .panel-heading + .panel-collapse > .panel-body {
	border-top-color: #3eaca8;
}
.panel-original > .panel-heading .badge {
	color: #3eaca8
	background-color: #fff;
}
.panel-original > .panel-footer + .panel-collapse > .panel-body {
	border-bottom-color: #3eaca8;
}
.alert-original {
	background-color: #b1d6d5;
	border-color: #5cc1be;
	color: #247774;
}
.alert-original hr {
	border-top-color: #65cac7;
}
.alert-original .alert-link {
	color: #237977;
}
.progress-bar-original {
	background-color: #3eaca8;
}

/*-- fieldset --*/
fieldset {
	border: 1px solid #c7c7c7 !important;
	padding: 0 1.4em 1.4em 1.4em !important;
	margin: 0 0 1.5em 0 !important;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	border-radius: 4px;
}
fieldset legend {
	width: inherit;
	padding: 0 10px;
	border-bottom: none;
}
fieldset legend + * {
	margin-top: 1em;
}

/*-----------
 * # header #
 * --------*/
header {
	position: relative;
	z-index: 1000;
}
.header-navHeading {
	display: none;
}

.header-nav {
	border-bottom: 3px solid #dedede;
}

.header-item {
	padding:0;
	background: #3b3b3b;
	text-align: center;
	transition: 0.1s;
	-moz-transition: 0.1s;
	-o-transition: 0.1s;
	-webkit-transition: 0.1s;
}
.header-item:hover {
	background: #262626;
}
@media (max-width: 750px) {
	.header-item {
		text-align:left;
	}
}

.header-item--home {
	background: #3eaca8;
}
.header-item--home:hover {
	background: #42b8b4;
}

.header-item--dropdown{
	position: relative;
}

.header-item__link {
	display: block;
	width:100%;
	height:70px;
	padding-top:10px;
	color:#fff;
}
.header-item:hover .header-item__link{
	color: #fff;
}
@media (max-width: 750px) {
	.header-item__link{
		height:auto;
		padding:10px;
	}
}

.header-item__link--home {
	background: url(../img/logo_admin_mono.png) center center no-repeat;
}
@media (max-width: 750px) {
	.header-item__link--home {
		height:40px;
	}
}

@media (max-width: 750px) {
	.header-item__link--dropdown{
		display:none;
	}
}

.header-item__icon{
	display:block;
	margin-bottom:5px;
	font-size: 24px;
	color:#666;
	transition: 0.1s;
	-moz-transition: 0.1s;
	-o-transition: 0.1s;
	-webkit-transition: 0.1s;
}
.header-item__link:hover > .header-item__icon{
	color: #3EACA8;
}
@media (max-width: 750px) {
	.header-item__icon{
		display:inline-block;
		width:20px;
		font-size:14px;
		text-align: center;
	}
}

.header-item--dropdown:hover .header-item__icon--dropdown{
	color: #3EACA8;
}

.header-item__angle{
	margin-left:5px;
}

.header-secondMenu{
	position: absolute;
	top: 50px;
	visibility: hidden;
	width: 100%;
	background: #3b3b3b;
	text-align:left;
	opacity: 0;
	transition: 0.2s;
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
	-webkit-transition: 0.2s;
}
.header-item--dropdown:hover > .header-secondMenu{
	top: 70px;
	visibility: visible;
	opacity: 1;
}
@media (max-width: 750px) {
	.header-secondMenu{
		position:static;
		visibility: visible;
		opacity: 1;
	}
}

.header-secondMenuItem{	
	background:#3b3b3b;
	transition: 0.1s;
	-moz-transition: 0.1s;
	-o-transition: 0.1s;
	-webkit-transition: 0.1s;
}
.header-secondMenuItem:hover{
	background:#262626;
}

.header-secondMenuItem__link{
	display: block;
	width:100%;
	padding:10px;
	color:#fff;
}
.header-secondMenuItem__link:hover{
	color:#fff;
}

.header-secondMenuItem__icon{
	width:20px;
	color:#666;
	font-size:14px;
	text-align: center;
	transition: 0.1s;
}
.header-secondMenuItem__link:hover > .header-secondMenuItem__icon{
	color:#3EACA8;
}

.header-heading {
	max-width: 1200px;
	margin: 0 auto 30px;
	padding: 0 15px;
	font-size: 30px;
	font-weight: bold;
}

/*------------
 * # sign in #
 * ---------*/

.main-adminSigninWrapper {
	margin: 10% 0 0 0;
}

.main-logo {
	margin: 0 0 20px 0;
	text-align: center;
}
.main-logo__img {
	max-width: 100%;
}

/*-------------------------
 * # admin main container #
 * ----------------------*/

.main-adminSection {
/*
	max-width: 1200px;
	margin: 0 auto 30px;
*/
	position: relative;
	padding: 20px;
	z-index: 100;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
/*-- Grid seting Override --*/
@media (min-width: 992px) {
	.main-adminSection {
		margin-left: calc(16.66666667% + 16px);
		width: calc(83.33333333% - 16px);
	}
}
.main-adminSection.full-width {
	width: calc(100% - 16px);;
	margin-left: 16px;
}

.main-heading {
	margin: 0 0 25px;
}
.main-heading .main-heading__title {
	margin-bottom: 10px;
}
.main-heading .main-heading__bread-crumbs {
	width: 100%;
	padding: 0.25em 1em;
	margin-bottom: 10px;
	border: 1px solid #b3b3b3;
	background-color: #e6e6e6;
	border-radius: 4px;
}
.main-heading .main-heading__bread-crumbs li {
	display: inline-block;
}
.main-heading .main-heading__bread-crumbs li a {}
.main-heading .main-heading__bread-crumbs li:after {
	content: "\00003e";
	padding-left: 0.5em;
}
.main-heading .main-heading__bread-crumbs li:last-of-type:after {
	content: "";
}

.main-card, .main-card--adminSignin {
	padding: 20px 30px;
	border-right: 1px solid #dedede;
	border-bottom: 2px solid #dedede;
	border-left: 1px solid #dedede;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: #fafafa;
}
.main-card--adminSignin {
	max-width: 400px;
	margin: 0 auto;
}
.main-card--adminSignin p {
	margin-bottom: 10px;
}

.main-card--adminSigninAlert {
	max-width: 400px;
	margin-left: auto;
	margin-right: auto;
}

.main-table {
	width: 100%;
}
.main-table__row {
	margin: 0;
	line-height: 30px;
}
.main-table__data {
	float: left;
	width: 50%;
}

.main-input {
	width: 100%;
	height: 40px;
	margin: 0 0 20px 0;
	padding: 0 10px;
	border: 1px solid #dedede;
	border-radius: 5px;
	line-height: 40px;
	-moz-box-shadow: 0px 1px 1px 1px #dedede inset;
	-webkit-box-shadow: 0px 1px 1px 1px #dedede inset;
	box-shadow: 0px 1px 1px 1px #dedede inset;
}
.main-input:-moz-placeholder {
	color: #ccc;
}
.main-input::-moz-placeholder {
	color: #ccc;
}
.main-input:-ms-input-placeholder {
	color: #ccc;
}
.main-input::-webkit-input-placeholder {
	color: #ccc;
}
.main-input:focus {
	outline: none;
	border: solid 2px #7fd1ce;
	-moz-box-shadow: 0px 1px 1px 1px #caeceb inset;
	-webkit-box-shadow: 0px 1px 1px 1px #caeceb inset;
	box-shadow: 0px 1px 1px 1px #caeceb inset;
}
.main-input--alert {
	margin: 0 0 5px 0;
	border: 1px solid #ff0000;
	background: #ffdbdb;
	color: #ff0000;
	-moz-box-shadow: 0px 1px 1px 1px #ffc2c2 inset;
	-webkit-box-shadow: 0px 1px 1px 1px #ffc2c2 inset;
	box-shadow: 0px 1px 1px 1px #ffc2c2 inset;
}
.main-input--alert:-moz-placeholder {
	color: #ff9999;
}
.main-input--alert::-moz-placeholder {
	color: #ff9999;
}
.main-input--alert:-ms-input-placeholder {
	color: #ff9999;
}
.main-input--alert::-webkit-input-placeholder {
	color: #ff9999;
}

.main-alertText {
	margin: 0 0 10px 0;
	color: #ff0000;
}

.main-btnWrapper {
	overflow: hidden;
	*zoom: 1;
	text-align: center;
}

.main-btn, .main-btn--right {
	display: inline-block;
	margin: 0 0 3px 0;
	padding: 0 50px;
	border-style: none;
	border: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: #3eaca8;
	color: #fff;
	line-height: 37px;
	-moz-box-shadow: 0 3px 0 #308783;
	-webkit-box-shadow: 0 3px 0 #308783;
	box-shadow: 0 3px 0 #308783;
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
	-webkit-transition: 0.2s;
	transition: 0.2s;
}
.main-btn:hover, .main-btn--right:hover {
	background: #47bdb8;
	color: #fff;
	text-decoration: none;
}
.main-btn:active, .main-btn--right:active {
	margin: 3px 0 0 0;
	background: #379996;
	color: #fff;
	text-decoration: none;
	box-shadow: none;
}
@media (max-width: 640px) {
	.main-btn, .main-btn--right {
		display: block;
		float: none;
	}
}
.main-btn--right {
	float: right;-moz-binding:
}

/*---------
 * # side #
 * ------*/

.side {
	position: fixed;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}
.side a {
	color: #fff;
}
.side .row {
	position: relative;
	height: 100%;
}
.side .side-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	background-color: rgba(0,0,0,0.75);
	padding: 83px 0 0;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
.side .side-nav .side-nav--inner {
	position: relative;
	width: 100%;
	height: 100%;
	padding: 10px 20px;
}
.side .side-nav .side-nav--inner nav {}
.side .side-nav .side-nav--inner nav ul {}
.side .side-nav .side-nav--inner nav ul li {
	margin-bottom: 2px;
}
.side .side-nav .side-nav--inner nav ul li a {
	display: block;
	padding: 0.5em;
	border-bottom: 1px solid #666;
}
.side .side-nav .side-nav--inner nav ul li:last-of-type a {
	border-bottom: none;
}

.side .side-nav .side-nav--inner .side__button {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 100%;
}
.side .side-nav .side-nav--inner .side__button a {
	display: block;
	width: 16px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	background-color: rgba(0,0,0,0.75);
	color: #fff;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

.side-nav.closed {
	left: -16.66666667%;
}
.side-nav.closed .side-nav--inner .side__button a i:before {
	content: "\f105";
}

.side .side-nav .side-nav--inner .side__signout {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	text-align: center;
}
.side .side-nav .side-nav--inner .side__signout a {
	display: inline-block;
	padding: 10px;
	color: #fff;
}
.side .side__signout--signed {
	color: #ccc;
	padding: 10px;
}
.side .side__signout--signed em {
	font-style: normal;
	font-weight: bold;
	color: #fff;
}
.side .side__signout--button {
	border-top: 1px solid #ccc;
}

/*----------
 * # alert #
 * -------*/
.alert {
	display: none;
}
.alert.show {
	display: block;
}
.alert p > span {
	padding-left: 0.5em;
}

/*-----------------
 * # Lock screen #
 * ----------------*/
#lock-screen {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.8);
	z-index: 9000;
}
#lock-screen .progress {
	position: relative;
	top: 50%;
	left: 0;
	width: 25%;
	margin: 0 auto;
	opacity: 0.5;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

/*-----------
 * # calout #
 * -------*/
.bs-callout {
	padding: 20px;
	margin: 20px 0;
	border: 1px solid #eee;
	border-left-width: 5px;
	border-radius: 3px;
	background-color: #fff;
}
.bs-callout h4 {
	margin-top: 0;
	margin-bottom: 5px;
}
.bs-callout p:last-child {
	margin-bottom: 0;
}
.bs-callout code {
	border-radius: 3px;
}
.bs-callout+.bs-callout {
	margin-top: -5px;
}
.bs-callout-default {
	border-left-color: #777;
}
.bs-callout-default h4 {
	color: #777;
}
.bs-callout-primary {
	border-left-color: #428bca;
}
.bs-callout-primary h4 {
	color: #428bca;
}
.bs-callout-success {
	border-left-color: #5cb85c;
}
.bs-callout-success h4 {
	color: #5cb85c;
}
.bs-callout-danger {
	border-left-color: #d9534f;
}
.bs-callout-danger h4 {
	color: #d9534f;
}
.bs-callout-warning {
	border-left-color: #f0ad4e;
}
.bs-callout-warning h4 {
	color: #f0ad4e;
}
.bs-callout-info {
	border-left-color: #5bc0de;
}
.bs-callout-info h4 {
	color: #5bc0de;
}
.bs-callout-original {
	border-left-color: #3eaca8;
}
.bs-callout-original h4 {
	color: #3eaca8;
}


/*-----------
 * # footer #
 * --------*/
footer {
	position: fixed;
	bottom: 0;
	left: 0;
	width:	100%;
	z-index: 2000;
}



/*----------------------------------------------
 * # sizing, margin & padding (via bootstrap4) #
 * -------------------------------------------*/
.w-5 {
	width: 5% !important;
}
.w-10 {
	width: 10% !important;
}
.w-15 {
	width: 15% !important;
}
.w-20 {
	width: 20% !important;
}
.w-25 {
	width: 25% !important;
}
.w-30 {
	width: 30% !important;
}
.w-35 {
	width: 35% !important;
}
.w-40 {
	width: 40% !important;
}
.w-45 {
	width: 45% !important;
}
.w-50 {
	width: 50% !important;
}
.w-55 {
	width: 55% !important;
}
.w-60 {
	width: 60% !important;
}
.w-65 {
	width: 65% !important;
}
.w-70 {
	width: 70% !important;
}
.w-75 {
	width: 75% !important;
}
.w-80 {
	width: 80% !important;
}
.w-85 {
	width: 85% !important;
}
.w-90 {
	width: 90% !important;
}
.w-95 {
	width: 95% !important;
}
.w-100 {
	width: 100% !important;
}

.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 0 !important;
}

.mt-0 {
	margin-top: 0 !important;
}

.mr-0 {
	margin-right: 0 !important;
}

.mb-0 {
	margin-bottom: 0 !important;
}

.ml-0 {
	margin-left: 0 !important;
}

.mx-0 {
	margin-right: 0 !important;
	margin-left: 0 !important;
}

.my-0 {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

.m-1 {
	margin: 0.25rem 0.25rem !important;
}

.mt-1 {
	margin-top: 0.25rem !important;
}

.mr-1 {
	margin-right: 0.25rem !important;
}

.mb-1 {
	margin-bottom: 0.25rem !important;
}

.ml-1 {
	margin-left: 0.25rem !important;
}

.mx-1 {
	margin-right: 0.25rem !important;
	margin-left: 0.25rem !important;
}

.my-1 {
	margin-top: 0.25rem !important;
	margin-bottom: 0.25rem !important;
}

.m-2 {
	margin: 0.5rem 0.5rem !important;
}

.mt-2 {
	margin-top: 0.5rem !important;
}

.mr-2 {
	margin-right: 0.5rem !important;
}

.mb-2 {
	margin-bottom: 0.5rem !important;
}

.ml-2 {
	margin-left: 0.5rem !important;
}

.mx-2 {
	margin-right: 0.5rem !important;
	margin-left: 0.5rem !important;
}

.my-2 {
	margin-top: 0.5rem !important;
	margin-bottom: 0.5rem !important;
}

.m-3 {
	margin: 1rem 1rem !important;
}

.mt-3 {
	margin-top: 1rem !important;
}

.mr-3 {
	margin-right: 1rem !important;
}

.mb-3 {
	margin-bottom: 1rem !important;
}

.ml-3 {
	margin-left: 1rem !important;
}

.mx-3 {
	margin-right: 1rem !important;
	margin-left: 1rem !important;
}

.my-3 {
	margin-top: 1rem !important;
	margin-bottom: 1rem !important;
}

.m-4 {
	margin: 1.5rem 1.5rem !important;
}

.mt-4 {
	margin-top: 1.5rem !important;
}

.mr-4 {
	margin-right: 1.5rem !important;
}

.mb-4 {
	margin-bottom: 1.5rem !important;
}

.ml-4 {
	margin-left: 1.5rem !important;
}

.mx-4 {
	margin-right: 1.5rem !important;
	margin-left: 1.5rem !important;
}

.my-4 {
	margin-top: 1.5rem !important;
	margin-bottom: 1.5rem !important;
}

.m-5 {
	margin: 3rem 3rem !important;
}

.mt-5 {
	margin-top: 3rem !important;
}

.mr-5 {
	margin-right: 3rem !important;
}

.mb-5 {
	margin-bottom: 3rem !important;
}

.ml-5 {
	margin-left: 3rem !important;
}

.mx-5 {
	margin-right: 3rem !important;
	margin-left: 3rem !important;
}

.my-5 {
	margin-top: 3rem !important;
	margin-bottom: 3rem !important;
}

.p-0 {
	padding: 0 0 !important;
}

.pt-0 {
	padding-top: 0 !important;
}

.pr-0 {
	padding-right: 0 !important;
}

.pb-0 {
	padding-bottom: 0 !important;
}

.pl-0 {
	padding-left: 0 !important;
}

.px-0 {
	padding-right: 0 !important;
	padding-left: 0 !important;
}

.py-0 {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

.p-1 {
	padding: 0.25rem 0.25rem !important;
}

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

.pr-1 {
	padding-right: 0.25rem !important;
}

.pb-1 {
	padding-bottom: 0.25rem !important;
}

.pl-1 {
	padding-left: 0.25rem !important;
}

.px-1 {
	padding-right: 0.25rem !important;
	padding-left: 0.25rem !important;
}

.py-1 {
	padding-top: 0.25rem !important;
	padding-bottom: 0.25rem !important;
}

.p-2 {
	padding: 0.5rem 0.5rem !important;
}

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

.pr-2 {
	padding-right: 0.5rem !important;
}

.pb-2 {
	padding-bottom: 0.5rem !important;
}

.pl-2 {
	padding-left: 0.5rem !important;
}

.px-2 {
	padding-right: 0.5rem !important;
	padding-left: 0.5rem !important;
}

.py-2 {
	padding-top: 0.5rem !important;
	padding-bottom: 0.5rem !important;
}

.p-3 {
	padding: 1rem 1rem !important;
}

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

.pr-3 {
	padding-right: 1rem !important;
}

.pb-3 {
	padding-bottom: 1rem !important;
}

.pl-3 {
	padding-left: 1rem !important;
}

.px-3 {
	padding-right: 1rem !important;
	padding-left: 1rem !important;
}

.py-3 {
	padding-top: 1rem !important;
	padding-bottom: 1rem !important;
}

.p-4 {
	padding: 1.5rem 1.5rem !important;
}

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

.pr-4 {
	padding-right: 1.5rem !important;
}

.pb-4 {
	padding-bottom: 1.5rem !important;
}

.pl-4 {
	padding-left: 1.5rem !important;
}

.px-4 {
	padding-right: 1.5rem !important;
	padding-left: 1.5rem !important;
}

.py-4 {
	padding-top: 1.5rem !important;
	padding-bottom: 1.5rem !important;
}

.p-5 {
	padding: 3rem 3rem !important;
}

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

.pr-5 {
	padding-right: 3rem !important;
}

.pb-5 {
	padding-bottom: 3rem !important;
}

.pl-5 {
	padding-left: 3rem !important;
}

.px-5 {
	padding-right: 3rem !important;
	padding-left: 3rem !important;
}

.py-5 {
	padding-top: 3rem !important;
	padding-bottom: 3rem !important;
}

.m-auto {
	margin: auto !important;
}

.mt-auto {
	margin-top: auto !important;
}

.mr-auto {
	margin-right: auto !important;
}

.mb-auto {
	margin-bottom: auto !important;
}

.ml-auto {
	margin-left: auto !important;
}

.mx-auto {
	margin-right: auto !important;
	margin-left: auto !important;
}

.my-auto {
	margin-top: auto !important;
	margin-bottom: auto !important;
}

.vam {
	vertical-align: middle !important;
}
.vat {
	vertical-align: top !important;
}
.vab {
	vertical-align: bottom !important;
}

.dn {
	display: none !important;
}

/*----------------------------
## As you may know Clearfix ##
----------------------------*/
.clear {
	clear: both;
}

.clearfix::after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	overflow:hidden;
	font-size:0.1em;
	line-height:0;
}
.clearfix { display: inline-table; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */