/* Author:HtmlCoder
 * Author URI:http://hom2box.com
 * Author e-mail:homebox78@gmail.com
 * Version:2
 * Created:October 2019
 * License URI:http://hom2box.com/
 */

/* ----------------------------------- Common Customer Group ----------------------------------- */

	/* Navbar */


/* ------------------------------------ Layout Customer Group ------------------------------------ */

	/* Layout */
			#customer_container {
				padding-bottom:40px;
				min-height:500px;
			}
			@media (max-width:767px) {
				#customer_container {
					padding-bottom:30px;
					min-height:auto;
				}
			}


	/* Sidebar */
			.sidebar_wrap {
				width:92%;
				margin-top:17px;
				letter-spacing:-.05em;
			}
			.sidebar_wrap .list-group {
				margin-bottom:0;
			}
			.sidebar_wrap .list-group-item {
				padding:0;
				border:0;
				background-color:transparent;
				border-bottom:1px dotted rgba(0, 0, 0, 0.1);
			}
			.sidebar_wrap .list-group-item:first-child {
				border-top-left-radius:0;
				border-top-right-radius:0;
			}
			.sidebar_wrap .list-group-item:last-child {
				border-bottom-right-radius:0;
				border-bottom-left-radius:0;
				border-bottom-width:0;
			}
			.sidebar_wrap .list-group-item a {
				display:block;
				font-size:0.925em;
				text-decoration:none;
				padding:0.6rem 0.25rem;
			}
			.sidebar_wrap .list-group-item a.active,
			.sidebar_wrap .list-group-item a:hover {
				color:#000;
				background-color:transparent;
			}

			@media (max-width:1200px) {
				.sidebar_wrap {
					width:100%;
				}
			}


/* Level */
			.level-media-wrap .media-object {
				--ms-min-height:10px;
				max-width:48px;
			}
			.level-media-wrap .loop:first-child .level-media {
				background-color:#bdedd7;
			}
			.level-media-wrap .loop:nth-child(2) .level-media {
				background-color:#bdeaed;
			}
			.level-media-wrap .loop:nth-child(3) .level-media {
				background-color:#bddaec;
			}
			.level-media-wrap .loop:nth-child(4) .level-media {
				background-color:#bdc9ec;
			}
			@media (max-width:991px) {
				.level-media-wrap .media-object {
					--ms-min-height:10px;
					max-width:44px;
				}
			}
			@media (max-width:575.98px) {
					min-height:10px;
					max-width:40px;
				}
			}


/* Total Score */
			.total-score-wrap {
				text-align:center;
				margin-top:15px;
				border-top:1px solid #eee;
			}
			.modal .total-score-wrap {
				margin-top:0;
				margin-bottom:15px;
				border-top:none;
				border-bottom:1px solid #eee;
			}
			.total-score {
				display:inline-block;
				position:relative;
				color:#999;
				font-size:1.9em;
				text-align:center;
				line-height:24px;
				padding:35px 0 20px;
			}
			.total-score em {
				position:absolute;
				right:0;
				top:22px;
				color:#555;
				font-size:.5em;
				font-style:normal;
				font-weight: 700;
			}
			.total-score strong {
				color:#222;
				font-size:1.9em;
				font-weight: 700;
				margin-right:5px;
			}

			@media (max-width:991px) {
				.total-score {
					font-size:1.8em;
					line-height:22px;
					padding:30px 0 15px;
				}
				.total-score em {
					top:18px;
					font-size:.45em;
				}
				.total-score strong {
					font-size:1.8em;
				}
			}


/* Stamp Group */
			.stamp-group {
				padding:0.6rem;
			}

			.stamp-bg-wrap {
				position:relative;
				min-height:100%;
			}

			.stamp-bg-wrap .stamp-bg-table {
				position:relative;
				z-index:2;
			}

			.stamp-bg-wrap .stamp-bg {
				position:absolute;
				width:350px;
				height:350px;
				top:50%;
				left:50%;
				bottom:0;
				right:0;
				z-index:1;
				margin-top:-145px;
				margin-left:-175px;
			}

			.stamp-bg-wrap .stamp-bg img {
				width:100%;
				height:100%;
			}

			.stamp-top-img-wrap {
				position:relative;
				width:300px;
				padding:1rem 0;
				margin:0 auto;
				text-align:center;
			}

			.stamp-top-img-wrap .stamp-top-img {
				position:absolute;
				left:0;
				top:50%;
				margin-top:-50px;
			}

			.stamp-top-img-wrap .stamp-top-img img {
				height:100px;
			}

			.stamp-wrap .stamp-footer,
			.stamp-wrap .stamp-header {
				position:relative;
				color:#000;
				font-size:1rem;
				line-height:1.55;
				padding:0.8rem 0;
			}

			.stamp-wrap .stamp-header span {
				float:right;
			}

			.stamp-wrap .stamp-footer {
				text-align:center;
			}

			.stamp-wrap .stamp-footer .stamp-img-wrap {
				position:relative;
				width:320px;
				margin:0 auto;
				font-size:1.25rem;
				font-weight: 700;
				padding:1.4rem 0;
			}

			.stamp-wrap .stamp-footer .stamp-img-wrap.text-right {
				width:100%;
				margin:5px auto;
				padding:1.4rem .5rem;
			}

			.stamp-wrap .stamp-footer .stamp-img-wrap h2 {
				font-size:1.6rem;
				font-weight: 700;
			}

			.stamp-wrap .stamp-footer .stamp-img {
				position:absolute;
				right:0;
				top:50%;
				margin-top:-35px;
			}

			.stamp-wrap .stamp-footer .stamp-img img {
				height:70px;
			}

			.stamp-wrap .table-bordered {
				border-color:#222 !important;
			}
			.stamp-wrap .table-bordered th,
			.stamp-wrap .table-bordered td,
			.stamp-wrap .table-bordered {
				color:#111 !important;
				border-color: #999 !important;
			}
			.stamp-wrap .table-bordered thead th {
				color:#000 !important;
				border-width:1px !important;
				border-bottom-width:2px !important;
				background-color:#eee !important;
			}


/* Chart */
			@media (max-width:575.98px) {
				.mobile-left-m {
					margin-left:-20px;
				}
			}


/* List Type Choice */
			.btn-reset {
				position: relative;
				top:-2px;
			}
			.list-type-choice {
				position: relative;
				top:-5px;
				float:right;
			}
			.list-type-choice.float-left {
				float:left;
			}
			.list-type-choice button {
				float:left;
				border:none;
				cursor:pointer;
				color:#999;
				font-size:1rem;
				overflow:hidden;
				padding:1px 11px 4px;
				background-color: #fff;
				border: 1px solid #ccc;
				border-radius: 0.25rem;
				transition:all .6s ease 0s;
			}
			.list-type-choice button:hover {
				color:#666;
				border-color: #aaa;
			}
			.list-type-choice button.active {
				color:#fff;
				border-color: #2861a7;
				background-color: #2861a7;
			}
			.list-type-choice button.active:hover {
				border-color: #20489b;
				background-color: #20489b;
			}
			.list-type-choice button:first-child {
				border-top-right-radius: 0;
				border-bottom-right-radius: 0;
			}
			.list-type-choice button:last-child {
				margin-left:-1px;
				border-top-left-radius: 0;
				border-bottom-left-radius: 0;
			}


/* List Type Gallery */
			.list-type-gallery .list-row {
				display: -ms-flexbox;
				display: flex;
				-ms-flex-wrap: wrap;
				flex-wrap: wrap;
				margin-right: -0.3rem;
				margin-left: -0.3rem;
				margin-bottom:20px;
			}
			.list-type-gallery .list-loop {
				position: relative;
				width: 100%;
				-ms-flex: 0 0 100%;
				flex: 0 0 100%;
				max-width: 100%;
				min-height: 1px;
				padding: 0.5rem;
			}
			.list-type-gallery .list-item {
				cursor:pointer;
				display:block;
				overflow:hidden;
				margin:0.3rem 0;
				background-color: #fff;
				border: 1px solid #e3e6f0;
				border-radius: 0.25rem;
				max-width: 100%;
				height: auto;
				transition: 0.3s;
			}
			.list-type-gallery .list-item:hover {
				border-color: rgba(33, 200, 122, 0.7);
				-webkit-box-shadow:0 0 35px rgba(140, 152, 164, 0.25);
				box-shadow: 0 0 35px rgba(140, 152, 164, 0.25);
			}
			.list-type-gallery .list-loop .list-caption-frame {
				padding:15px;
			}
			.list-type-gallery .list-loop .list-date-detail,
			.list-type-gallery .list-loop .list-state {
				display:none;
			}
			.list-type-gallery .list-loop .list-caption {
				clear: both;
				margin-bottom:10px;
			}
			.list-type-gallery .list-loop .list-date,
			.list-type-gallery .list-loop .list-option {
				float:left;
			}
			.list-type-gallery .list-loop .list-date {
				float:right;
				font-size:.9rem;
			}
			.list-type-gallery .list-loop .list-subject {
				clear: both;
				font-size:.8rem;
				line-height:1.5;
				opacity:0.9;
				filter:alpha(opacity=90);
				margin-top:10px;
			}
			.list-type-gallery .list-loop .list-tags {
				display:none;
			}
			.list-type-gallery .list-loop .list-option .badge {
				margin:0 3px 0 0;
			}

			@media (min-width: 768px) {
				.list-type-gallery .list-loop {
					-ms-flex: 0 0 50%;
					flex: 0 0 50%;
					max-width: 50%;
				}
			}

			@media (min-width: 992px) {
				.list-type-gallery .list-loop {
					-ms-flex: 0 0 33.333333%;
					flex: 0 0 33.333333%;
					max-width: 33.333333%;
				}
			}

			@media (min-width: 1200px) {
				.list-type-gallery .list-loop {
					-ms-flex: 0 0 25%;
					flex: 0 0 25%;
					max-width: 25%;
				}
			}


		/* List Type Gallery */
			.list-type-list .list-row {
				display: -ms-flexbox;
				display: flex;
				-ms-flex-wrap: wrap;
				flex-wrap: wrap;
				margin-right: -5px;
				margin-left: -5px;
				margin-bottom:20px;
			}
			.list-type-list .list-loop {
				position: relative;
				width: 100%;
				-ms-flex: 0 0 100%;
				flex: 0 0 100%;
				max-width: 100%;
				min-height: 1px;
				padding-right: 5px;
				padding-left: 5px;
			}

			.list-type-list .list-item {
				display:table;
				width: 100%;
				overflow:hidden;
				background-color: #fff;
				border: 1px solid #e3e6f0;
				transition: 0.3s;
				margin:0.3rem 0;
				border-radius: 0.25rem;
			}
			.list-type-list .list-item:hover {
				border-color: rgba(33, 200, 122, 0.7);
				-webkit-box-shadow:0 0 35px rgba(140, 152, 164, 0.25);
				box-shadow: 0 0 35px rgba(140, 152, 164, 0.25);
			}
			.list-type-list .list-thumbnail,
			.list-type-list .list-caption-frame,
			.list-type-list .list-date-detail,
			.list-type-list .list-state {
				display:table-cell;
				width: 25%;
				padding:15px;
				vertical-align:middle;
			}

			.list-type-list .list-date-detail span,
			.list-type-list .list-state span {
				display:block;
				line-height:1.1;
				margin:5px 0;
			}

			.list-type-list .list-date-detail span em {
				display:block;
			}

			.list-type-list .list-date-detail,
			.list-type-list .list-thumbnail {
				width: 23%;
			}

			.list-type-list .list-thumbnail img {
				width:100%;
				min-width:100%;
				border-radius: 0.25rem;
			}

			.list-type-list .list-caption-frame {
				width: 40%;
			}

			.list-type-list .list-state,
			.list-type-list .list-date-detail {
				text-align:center;
			}

			.list-type-list .list-state {
				width: 14%;
			}

			.list-type-list .list-loop .list-caption-frame {
				padding:0 15px;
			}
			.list-type-list .list-loop .list-date {
				display:none;
			}
			.list-type-list .list-loop .list-caption {
				clear: both;
				margin-bottom:10px;
			}
			.list-type-list .list-loop .list-option {
				float:left;
			}
			.list-type-list .list-loop .list-subject {
				clear: both;
				color:#000;
				font-size:.9rem;
				line-height:1.4;
				font-weight:500;
				margin-top:10px;
			}
			.list-type-list .list-loop .list-tags {
				position: relative;
				z-index:2;
				clear: both;
				margin:10px 0 0;
			}
			.list-type-list .list-loop .list-tags button {
				border:none;
				padding:3px 6px 3px 0;
				margin:0;
				color: #007bff;
				font-size:.8rem;
				background-color:transparent;
			}
			.list-type-list .list-loop .list-tags button:hover.
			.list-type-list .list-loop .list-tags button:focus {
				color: #0062cc
			}

			.list-type-list .list-loop .list-option .badge {
				margin:0 3px 0 0;
			}

			@media (max-width: 991px) {
				.list-type-list .list-item,
				.list-type-list .list-loop .list-subject {
					font-size:.8rem;
					line-height:1.3;
				}

				.list-type-list .list-loop .list-tags {
					display:none;
				}
			}

			@media (max-width: 768px) {
				.list-type-list .list-date-detail {
					display:none;
				}
			}

			@media (max-width: 576px) {
				.list-type-list .list-item {
					display:block;
					margin:5px 0;
					border-radius: 0.25rem;
					border:1px solid #e3e6f0;
				}

				.list-type-list .list-loop .list-tags {
					display:block;
				}

				.list-type-list .list-thumbnail img {
					border-radius: 0;
				}

				.list-type-list .list-thumbnail,
				.list-type-list .list-caption-frame,
				.list-type-list .list-date-detail,
				.list-type-list .list-state {
					display:block;
					width: 100%;
					padding:3px 15px;
					text-align:left;
				}

				.list-type-list .list-thumbnail {
					padding:0 0 7px;
				}

				.list-type-list .list-state {
					padding-bottom:15px;
				}

				.list-type-list .list-date-detail span em,
				.list-type-list .list-state span {
					display:inline-block;
					margin:0;
				}
			}