html {
	scroll-behavior: smooth;
}
* {
	border-radius: 20px !important;
}
body {
	background: #4f5a6e;
}
.card-block h1, .card-block h2,
.card-block h3, .card-block h4,
.card-block h5, .card-block h6 {
	color: #1de9b6;
}
h1, h2, h3, h4, h5, h6 {
	color: #999;
	width: 100%;
}
.pcoded-main-container {
	min-height: 90vh;
}
.pcoded-header {
	min-height: 0;
}
.pcoded-navbar {
	border-top-left-radius: 0px !important;
	border-bottom-left-radius: 0px !important;
}
.daily-sales {
	background: transparent;
	box-shadow: none;
	border: 2px solid #fff;
}
.block-question .custom-control {
	zoom: 1.2;
	border: 1px solid #ccc;
	margin-top: 10px;
}
.block-question .custom-control:hover {
	-moz-transition: all 0.4s 0.4s ease-in-out;
	-o-transition: all 0.4s 0.4s ease-in-out;
	-webkit-transition: all 0.4s 0.4s ease-in-out;
	background-color: #1de9b6;
}
.custom-control-label::before {
	top: 0.8rem;
	left: -0.7rem;
	background-color: #1de9b6;
}
.custom-control-label::after {
	top: 0.82rem;
	left: -0.675rem;
}
.custom-control-label {
	cursor: pointer;
	padding: 10px 15px;
	width: 100%;
}
.text-gradient {
	background: linear-gradient(-135deg, #1de9b6 0%, #1dc4e9 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-weight: 700;
	display: inline-block;
	margin-top: -110px;
	text-decoration: none;
	border-radius: 0 !important;
}
/* animation */
.container-animation {
	width: 80px;
	height: 100px;
	margin: 100px auto;
	/*margin-top: calc(100vh / 2 - 50px);*/
}
.container-animation h3 {
	color: white;
	padding-top: 140px;
}

.block-animation {
	position: relative;
	box-sizing: border-box;
	float: left;
	margin: 0 10px 10px 0;
	width: 12px;
	height: 12px;
	border-radius: 3px;
	/*background: #FFF;*/
	background: #1de9b6;
}

.block-animation:nth-child(4n+1) { animation: wave 2s ease .0s infinite; }
.block-animation:nth-child(4n+2) { animation: wave 2s ease .2s infinite; }
.block-animation:nth-child(4n+3) { animation: wave 2s ease .4s infinite; }
.block-animation:nth-child(4n+4) { animation: wave 2s ease .6s infinite; margin-right: 0; }

@keyframes wave {
	0%   { top: 0;     /*opacity: 1;*/ }
	50%  { top: 30px; /*pacity: .2;*/ background: #1dc4e9;; }
	100% { top: 0;     /*opacity: 1;*/ }
}

.pcoded-navbar,
.mobile-menu {
	position: fixed;
}

.chart-grid {
	height: 60vh;
	/*width: 1200px;*/
	/*width: 80vw;*/
	padding: 40px 40px 10px;
}
@media (max-width: 1200px) {

	/* chart js debug mobile */
	.chart-grid {
		/*height: 60vh;*/
		width: 800px;
		/*width: 80vw;*/
		position: relative;
		margin: auto;
		height: 80vh;
		/*width: 80vw;*/
	}
	.chart-view {
		overflow-x: auto;
		overflow-block: visible;
		box-shadow: inset 0 0 10px #ccc;
		border-radius: 10px !important;
		/*background-color: #00ffff33;*/
		box-sizing: content-box;
	}

	.chart-view::-webkit-scrollbar {
		/*width: 10px;*/
		/*height: 10px;*/
	}
	.chart-view::-webkit-scrollbar-track {
		border-radius: 10px;
		/*background-color: darkgrey;*/
	}
	.chart-view::-webkit-scrollbar-thumb {
		border-radius: 10px;
		/*box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);*/
		/*background-image: linear-gradient(90deg, #D0368A 0%, #708AD4 99%);*/
		background-image: linear-gradient(-135deg, #1de9b6 0%, #1dc4e9 100%);
		box-shadow: inset 2px 2px 5px 0 #fff;
		border-radius: 100px;
	}
	.chart-view::-webkit-scrollbar {
		width: 10px;
	}
	.navbar .mobile-menu {
		position: absolute;
		top: 0;
		right: 0;
		width: 70px;
		height: 70px;
		background: #16c4e8;
		display: block;
		box-shadow: 0 0 10px #4a4a4a, inset 2px 2px 5px 0 #ffffffa6;
		border-top-right-radius: 0px !important;
	}
	.navbar .mobile-menu span {
		top: 35px;
	}
	.navbar .mobile-menu span:before {
		top: -15px;
		width: 100%;
	}
	.navbar .mobile-menu span:after {
		top: 15px;
		width: 100%;
	}
	.navbar .on span:before {
		/*top: -10px !important;*/
		transform: rotate(45deg) translate(10px, 10px);
	}
	.navbar .on span:after {
		/*top: 0px !important;*/
		transform: rotate(-45deg) translate(10px, -10px);
	}
}
@media (min-width: 1201px) {
	.navbar .mobile-menu {
		display: none;
	}
}
/*@media (min-width: 800px) {*/
/*	.chart-grid {*/
/*		width: 80vw;*/
/*	}*/
/*}*/
.card {
	/*background-color: #323f54;*/
}

/* login */
.r {
	border-radius: 1000px !important;
}

input[type="radio"] {
	width: initial;
	display: inline;
}
form {
	margin-bottom: 70px;
}
.btn-primary {
	/*background-color: transparent;*/
	border-color: transparent;
	zoom: 1.4;
}
.block-potential {
	background-image: linear-gradient(-135deg, #1de9b6 0%, #1dc4e9 100%);
	color: #fff;
	box-shadow: inset 5px 5px 50px 0px #ffffff, 0px -1px 0px 0px #ffffff, 0px 7px 10px 0px #00000036;
	text-shadow: 0px 1px 0px #0000003d;
}
.block-potential h2, .block-potential h5 {
	color: #fff;
	font-weight: 1000;
}
.text-muted {
	color: #285780 !important;
}
/* tech */
pre {
	background: #fff;
	margin: 100px;
	margin-left: 400px;
	padding: 50px;
}

.prof-image {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;

	width: 250px;
	height: 200px;
	background-size: cover;
	background-position: center center;
	display: inline-block;
	background-color: #94a3f2;
	border: 1px solid #ffffffcc;
	box-shadow: inset 5px 5px 50px 0px #ffffff, 0px -1px 0px 0px #ffffff, 0px 7px 15px 5px #0072ff36;
}
.prof-image-1 {
	background-image: url("../image/1.png");
}
.prof-image-2 {
	background-image: url("../image/2.png");
}
.prof-image-3 {
	background-image: url("../image/3.png");
}
.prof-image-4 {
	background-image: url("../image/4.png");
}
.prof-image-5 {
	background-image: url("../image/5.png");
}
.skill-image-1 {
	background-image: url("../image/n1.png");
}
.skill-image-2 {
	background-image: url("../image/n2.png");
}
.skill-image-3 {
	background-image: url("../image/n3.png");
}
.skill-image-4 {
	background-image: url("../image/n4.png");
}
.card-body p {
	display: contents;
	position: absolute;
	padding: 0px 20px;
}
.card-event .label {
    display: inline-block;
}