* {
	border-radius: 20px !important;
	/*zoom: 0.99;*/
	/*zoom: 1.01;*/
}
body {
	/*background: #4f5a6e;*/
	background: #1d2637;
	min-height: 100vh;
}
.card-block h1, .card-block h2,
.card-block h3, .card-block h4,
.card-block h5, .card-block h6 {
	color: #00b6ff;
	font-weight: bold;
}
h1, h2, h3, h4, h5, h6 {
	color: #ffffff;
	font-weight: 400;
}
.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 20px 20px;
}
@media (max-width: 1200px) {

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

	.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;
	}
}
.card {
	/*background-color: #323f54;*/
}

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

input[type="radio"] {
	width: initial;
	display: inline;
}
.form-control:disabled,
.form-control[readonly],
.form-control[readonly]:focus {
	background: repeating-linear-gradient( -45deg, #ddd 0px, #ddd 8px, #ccc 10px, #ccc 10px);
}
.spacer {
	margin-bottom: 100px;
}

.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: #d6d6d6 !important;
}
/* tech */
pre {
	background: #fff;
	/*margin: 10px;*/
	/*margin: 100px;*/
	/*margin-left: 400px;*/
	padding: 50px;
}

/* table */
.table, table, tbody, .table-responsive {
	border-radius: 0 !important;
}
.table td, .table th {
	color: #ddd;
	border-radius: 0 !important;
}
.table-hover tbody tr:hover {
	background-color: #4f5a6e;
	border-radius: 0px !important;
	box-shadow: inset 0 0 10px #4e3c3c;
	/*transition: 1s;*/
}

.btn-full-width {
	padding-bottom: 10px;
}
.btn-full-width .btn {
	width: 100%;
}

.mark, mark {
	background-color: #1de9b6;
	background: linear-gradient(-135deg, #8febff 0%, #1de9b6 100%);
}
.card-header {
	background-color: transparent;
	border-bottom: none;
}
.navbar-brand {
	background: transparent;
}
.pcoded-navbar, .card {
	background-color: #3f4d67;
	/*border: 1px solid rgba(0,0,0,.125);*/
	color: #c1bfbf !important;
	box-shadow: 0px 5px 10px 2px #00000040 !important;
	background: linear-gradient(315deg, #323f54 60%, #355890 100%);
	border: 1px solid #ffffff1f;
}
.pcoded-navbar {
	box-shadow: 0px 5px 10px 2px #00000040 !important;
}
.table td, .table th {
	border-top: none;
}

.card .card-header {
	border-bottom: 1px solid #3bcaff38;
	padding: 20px 25px 10px;
}

.modal-body {
	padding: 0;
	border-radius: 0 !important;
}
.card .card-header h5 {
	color: #fff;
}
.ekko-lightbox-container>div.ekko-lightbox-item {
	box-shadow: 0 0 100px 0px #000;
	border: 1px solid #505050c4;
}
.avatar {
	width:40px;
	border: 1px solid #fff;
}
.pcoded-navbar .pcoded-inner-navbar li > a > .pcoded-micon + .pcoded-mtext {
	position: initial;
	top: 0;
}
.badge {
	color: #ffffff;
	text-shadow: 1px 1px 3px #000000;
}