/*
	Theme Name: DropshippersHub
	Theme URI: http://articnet.jp
	Description: DropshippersHub WordPress Theme
	Version: 1.0.0
	Author: ArticNet LLC.
	Author URI: http://articnet.jp
*/

/*------------------------------------*\
	MAIN
\*------------------------------------*/

/* clear */
.clear:before,
.clear:after {
	content:' ';
	display:table;
}

.clear:after {
	clear:both;
}
.clear {
	*zoom:1;
}
img {
	max-width:100%;
	vertical-align:bottom;
}
a {
	color:#444;
	text-decoration:none;
}
a:hover {
	color:#444;
}
a:focus {
	outline:0;
}
a:hover,
a:active {
	outline:0;
}
input:focus {
	outline:0;
	border:1px solid #04A4CC;
}

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

/* wrapper */
.wrapper {
	max-width:1280px;
	width:95%;
	margin:0 auto;
	position:relative;
}
/* header */
.header {

}
/* logo */
.logo {

}
.logo-img {

}
.logo-logo img{
	padding: 15px;
	max-height:120px;
}
.navi-navi ul li{
	display: inline-block;
	color:#fff;
	padding-top:25px;
	margin-left:20px;
}
.navi-navi ul li a{
	color:#fff;

}
.side-menu-pro{
	font-size:22px;
	color: #888;
}
/* nav */
.nav {

}
/* sidebar */
.sidebar {

}
/* footer */
.footer {

}

/*------------------------------------*\
    PAGES
\*------------------------------------*/



/*------------------------------------*\
    IMAGES
\*------------------------------------*/



/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/

@font-face {
	font-family:'Font-Name';
	src:url('fonts/font-name.eot');
	src:url('fonts/font-name.eot?#iefix') format('embedded-opentype'),
		url('fonts/font-name.woff') format('woff'),
		url('fonts/font-name.ttf') format('truetype'),
		url('fonts/font-name.svg#font-name') format('svg');
    font-weight:normal;
    font-style:normal;
}

/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

@media only screen and (min-width:320px) {

}
@media only screen and (min-width:480px) {

}
@media only screen and (min-width:768px) {

}
@media only screen and (min-width:1024px) {

}
@media only screen and (min-width:1140px) {

}
@media only screen and (min-width:1280px) {

}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
	   only screen and (min-resolution:144dpi) {

}



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

.body {
	overflow-x: hidden;
}

.body.sticky-footer {
	margin-bottom: 56px;
}

.body.sticky-footer .content-wrapper {
	min-height: calc(100vh - 56px - 56px);
}

.body.fixed-nav {
	padding-top: 56px;
}

.content-wrapper {
	min-height: calc(100vh - 56px);
	padding-top: 1rem;
}

.center{
	text-align: center;
}

.scroll-to-top {
	position: fixed;
	right: 15px;
	bottom: 3px;
	display: none;
	width: 50px;
	height: 50px;
	text-align: center;
	color: white;
	background: rgba(52, 58, 64, 0.5);
	line-height: 45px;
}

.scroll-to-top:focus, .scroll-to-top:hover {
	color: white;
}

.scroll-to-top:hover {
	background: #343a40;
}

.scroll-to-top i {
	font-weight: 800;
}

.smaller {
	font-size: 0.7rem;
}

.o-hidden {
	overflow: hidden !important;
}

.z-0 {
	z-index: 0;
}

.z-1 {
	z-index: 1;
}

#mainNav .navbar-collapse {
	overflow: auto;
	max-height: 75vh;
}

#mainNav .navbar-collapse .navbar-nav .nav-item .nav-link {
	cursor: pointer;
}

#mainNav .navbar-collapse .navbar-sidenav .nav-link-collapse:after {
	float: right;
	content: '\f107';
	font-family: 'FontAwesome';
}

#mainNav .navbar-collapse .navbar-sidenav .nav-link-collapse.collapsed:after {
	content: '\f105';
}

#mainNav .navbar-collapse .navbar-sidenav .sidenav-second-level,
#mainNav .navbar-collapse .navbar-sidenav .sidenav-third-level {
	padding-left: 0;
}

#mainNav .navbar-collapse .navbar-sidenav .sidenav-second-level > li > a,
#mainNav .navbar-collapse .navbar-sidenav .sidenav-third-level > li > a {
	display: block;
	padding: 0.5em 0;
}

#mainNav .navbar-collapse .navbar-sidenav .sidenav-second-level > li > a:focus, #mainNav .navbar-collapse .navbar-sidenav .sidenav-second-level > li > a:hover,
#mainNav .navbar-collapse .navbar-sidenav .sidenav-third-level > li > a:focus,
#mainNav .navbar-collapse .navbar-sidenav .sidenav-third-level > li > a:hover {
	text-decoration: none;
}

#mainNav .navbar-collapse .navbar-sidenav .sidenav-second-level > li > a {
	padding-left: 1em;
}

#mainNav .navbar-collapse .navbar-sidenav .sidenav-third-level > li > a {
	padding-left: 2em;
}

#mainNav .navbar-collapse .sidenav-toggler {
	display: none;
}

#mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown > .nav-link {
	position: relative;
	min-width: 45px;
}

#mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown > .nav-link:after {
	float: right;
	width: auto;
	content: '\f105';
	border: none;
	font-family: 'FontAwesome';
}

#mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown > .nav-link .indicator {
	position: absolute;
	top: 5px;
	left: 21px;
	font-size: 10px;
}

#mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown.show > .nav-link:after {
	content: '\f107';
}

#mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown .dropdown-menu > .dropdown-item > .dropdown-message {
	overflow: hidden;
	max-width: none;
	text-overflow: ellipsis;
}

@media (min-width: 992px) {
	#mainNav .navbar-brand {
		width: 250px;
	}
	#mainNav .navbar-collapse {
		overflow: visible;
		max-height: none;
	}
	#mainNav .navbar-collapse .navbar-sidenav {
		position: absolute;
		top: 0;
		left: 0;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		margin-top: 92px;
	}
	#mainNav .navbar-collapse .navbar-sidenav > .nav-item {
		width: 250px;
		padding: 0;
	}
	#mainNav .navbar-collapse .navbar-sidenav > .nav-item > .nav-link {
		padding: 8px 1em;
	}
	#mainNav .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level,
	#mainNav .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level {
		padding-left: 0;
		list-style: none;
	}
	#mainNav .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li,
	#mainNav .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level > li {
		width: 250px;
	}
	#mainNav .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li > a,
	#mainNav .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level > li > a {
		padding: 1em;
	}
	#mainNav .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li > a {
		padding-left: 2.75em;
	}
	#mainNav .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level > li > a {
		padding-left: 3.75em;
	}
	#mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown > .nav-link {
		min-width: 0;
	}
	#mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown > .nav-link:after {
		width: 24px;
		text-align: center;
	}
	#mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown .dropdown-menu > .dropdown-item > .dropdown-message {
		max-width: 300px;
	}
}

#mainNav.fixed-top .sidenav-toggler {
	display: none;
}

@media (min-width: 992px) {
	#mainNav.fixed-top .navbar-sidenav {
		height: calc(100vh - 112px);
	}
	#mainNav.fixed-top .sidenav-toggler {
		position: absolute;
		top: 0;
		left: 0;
		display: flex;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		margin-top: calc(100vh - 56px);
	}
	#mainNav.fixed-top .sidenav-toggler > .nav-item {
		width: 250px;
		padding: 0;
	}
	#mainNav.fixed-top .sidenav-toggler > .nav-item > .nav-link {
		padding: 1em;
	}
}

#mainNav.fixed-top.navbar-dark .sidenav-toggler {
	background-color: #212529;
}

#mainNav.fixed-top.navbar-dark .sidenav-toggler a i {
	color: #adb5bd;
}

#mainNav.fixed-top.navbar-light .sidenav-toggler {
	background-color: #dee2e6;
}

#mainNav.fixed-top.navbar-light .sidenav-toggler a i {
	color: rgba(0, 0, 0, 0.5);
}

.body.sidenav-toggled #mainNav.fixed-top .sidenav-toggler {
	overflow-x: hidden;
	width: 55px;
}

.body.sidenav-toggled #mainNav.fixed-top .sidenav-toggler .nav-item,
.body.sidenav-toggled #mainNav.fixed-top .sidenav-toggler .nav-link {
	width: 55px !important;
}

.body.sidenav-toggled #mainNav.fixed-top #sidenavToggler i {
	-webkit-transform: scaleX(-1);
	-moz-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	transform: scaleX(-1);
	filter: FlipH;
	-ms-filter: 'FlipH';
}

#mainNav.static-top .sidenav-toggler {
	display: none;
}

@media (min-width: 992px) {
	#mainNav.static-top .sidenav-toggler {
		display: flex;
	}
}

.body.sidenav-toggled #mainNav.static-top #sidenavToggler i {
	-webkit-transform: scaleX(-1);
	-moz-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	transform: scaleX(-1);
	filter: FlipH;
	-ms-filter: 'FlipH';
}

.content-wrapper {
	overflow-x: hidden;
	background: white;
}

@media (min-width: 992px) {
	.content-wrapper {
		margin-left: 250px;
	}
}

#sidenavToggler i {
	font-weight: 800;
}

.navbar-sidenav-tooltip.show {
	display: none;
}

@media (min-width: 992px) {
	.body.sidenav-toggled .content-wrapper {
		margin-left: 55px;
	}
}

.body.sidenav-toggled .navbar-sidenav {
	width: 55px;
}

.body.sidenav-toggled .navbar-sidenav .nav-link-text {
	display: none;
}

.body.sidenav-toggled .navbar-sidenav .nav-item,
.body.sidenav-toggled .navbar-sidenav .nav-link {
	width: 55px !important;
}

.body.sidenav-toggled .navbar-sidenav .nav-item:after,
.body.sidenav-toggled .navbar-sidenav .nav-link:after {
	display: none;
}

.body.sidenav-toggled .navbar-sidenav .nav-item {
	white-space: nowrap;
}

.body.sidenav-toggled .navbar-sidenav-tooltip.show {
	display: flex;
}

#mainNav.navbar-dark .navbar-collapse .navbar-sidenav .nav-link-collapse:after {
	color: #868e96;
}

#mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item > .nav-link {
	color: #868e96;
}
#mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item > .nav-link.disabled {
	color: #666;
}

#mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item > .nav-link:hover {
	color: #adb5bd;
}

#mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li > a,
#mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level > li > a {
	color: #868e96;
}

#mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li > a:focus, #mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li > a:hover,
#mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level > li > a:focus,
#mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level > li > a:hover {
	color: #adb5bd;
}

#mainNav.navbar-dark .navbar-collapse .navbar-nav > .nav-item.dropdown > .nav-link:after {
	color: #adb5bd;
}

@media (min-width: 992px) {
	#mainNav.navbar-dark .navbar-collapse .navbar-sidenav {
		background: #343a40;
	}
	#mainNav.navbar-dark .navbar-collapse .navbar-sidenav li.active a {
		color: white !important;
		background-color: #495057;
	}
	#mainNav.navbar-dark .navbar-collapse .navbar-sidenav li.active a:focus, #mainNav.navbar-dark .navbar-collapse .navbar-sidenav li.active a:hover {
		color: white;
	}
	#mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level,
	#mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level {
		background: #343a40;
	}
}

#mainNav.navbar-light .navbar-collapse .navbar-sidenav .nav-link-collapse:after {
	color: rgba(0, 0, 0, 0.5);
}

#mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item > .nav-link {
	color: rgba(0, 0, 0, 0.5);
}

#mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item > .nav-link:hover {
	color: rgba(0, 0, 0, 0.7);
}

#mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li > a,
#mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level > li > a {
	color: rgba(0, 0, 0, 0.5);
}

#mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li > a:focus, #mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li > a:hover,
#mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level > li > a:focus,
#mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level > li > a:hover {
	color: rgba(0, 0, 0, 0.7);
}

#mainNav.navbar-light .navbar-collapse .navbar-nav > .nav-item.dropdown > .nav-link:after {
	color: rgba(0, 0, 0, 0.5);
}

@media (min-width: 992px) {
	#mainNav.navbar-light .navbar-collapse .navbar-sidenav {
		background: #f8f9fa;
	}
	#mainNav.navbar-light .navbar-collapse .navbar-sidenav li.active a {
		color: #000 !important;
		background-color: #e9ecef;
	}
	#mainNav.navbar-light .navbar-collapse .navbar-sidenav li.active a:focus, #mainNav.navbar-light .navbar-collapse .navbar-sidenav li.active a:hover {
		color: #000;
	}
	#mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level,
	#mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level {
		background: #f8f9fa;
	}
}

.card-.body-icon {
	position: absolute;
	z-index: 0;
	top: -25px;
	right: -25px;
	font-size: 5rem;
	-webkit-transform: rotate(15deg);
	-ms-transform: rotate(15deg);
	transform: rotate(15deg);
}

@media (min-width: 576px) {
	.card-columns {
		column-count: 1;
	}
}

@media (min-width: 768px) {
	.card-columns {
		column-count: 2;
	}
}

@media (min-width: 1200px) {
	.card-columns {
		column-count: 2;
	}
}

.card-login {
	max-width: 25rem;
}

.card-register {
	max-width: 40rem;
}

footer.sticky-footer {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 56px;
	background-color: #e9ecef;
	line-height: 55px;
}

@media (min-width: 992px) {
	footer.sticky-footer {
		/*width: calc(100% - 250px);*/
	}
}

@media (min-width: 992px) {
	.body.sidenav-toggled footer.sticky-footer {
		width: calc(100% - 55px);
	}
}

.breadcrumb{
	margin-top: 35px;
}
.profile-logo{
	max-height: 66px !important;
}
.profile-mebership-message{
	color: #fff;
	display: inline;
	margin-left: 10px;
}
.profile-renew{
	margin-left: 20px;
	margin-top: -6px;
	display: inline;
}
.white-text{
	color: #fff !important;
}
.black-text{
	color: #000 !important;
}
#loginform{
	padding: 24px;
}
.main-header{
	width: 100%;
}
.login-container{
	margin-top: 50px;
	margin-bottom: 30px;
}
#sales-month{
	margin-bottom: 17px;
}


button.btn.btn-primary.add-rule-button {
	float: right;
	margin-right: 10px;
	margin-bottom: 10px;
}

.manual-image{
	max-width: 100%;
}