@font-face {
  font-family: 'PrintChar40';

  src: url('../vendor/kreativekorp/pr/PrintChar21.ttf');
}

@font-face {
  font-family: 'PrintChar80';

  src: url('../vendor/kreativekorp/pr/PRNumber3.ttf');
}

@font-face {
  font-family: 'ShastonHi640';

  src: url('../vendor/kreativekorp/shaston/ShastonHi640.ttf');
}

@font-face {
  font-family: 'BerkeliumIIHGR';

  src: url('../vendor/kreativekorp/berkeliumii/BerkeliumIIHGR.ttf');
}

body, html {
	font-family: "BerkeliumIIHGR", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

h1, h2 {
	font-family: "PrintChar40", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.varian .form-label {
	font-family: "PrintChar40", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 400;
	font-size: 14px;
}

.varian .form-control {
	font-family: "ShastonHi640", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
}

.widget-user-header h2 {
	margin-top: 20px;
	margin-bottom: 10px;
}

.navbar {
	padding-top: 0;
	padding-bottom: 0;
}

.navbar .nav, .navbar .navbar-nav, .dense-nav {
	font-family: "ShastonHi640", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form, .navbar-default .navbar-expand-lg {
	border-color: #e7e7e7;
}

.navbar-default .navbar-nav a {
	padding-top: 15px;
	padding-bottom: 15px;
	line-height: 30px;
	text-decoration: none;
	position: relative;
	display: block;
	padding: 10px 15px;
	min-height: 50px;
	font-size: 14px;
	color: #777;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
	color: #555;
	background-color: #e7e7e7;
}

.navbar-default .navbar-nav a:hover {
	color: #333;
}

.dense-nav .nav-item a {
	padding: .25rem !important;
	line-height: 12px;
	font-size: 14px;
}

body {
	margin-top:20px;
	background:#eee;
}

.box-widget {
	border: none;
	position: relative;
}
.box {
	position: relative;
	border-radius: 3px;
	background: #ffffff;
	border-top: 3px solid #bebebe;
	margin-bottom: 20px;
	width: 100%;
	box-shadow: 0 1px 1px rgba(0,0,0,0.1);
}
.box-widget .widget-user-header {
	padding: 20px;
	border-top-right-radius: 3px;
	border-top-left-radius: 3px;
}

.widget-user-desc {
	margin-left: 75px;
	color:#fff;
	 margin-top: 0;
}
.widget-user-username {
	margin-left: 75px;
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 25px;
	font-weight: 300;
	color:#fff;
}
.widget-user-image>img {
	width: 65px;
	height: auto;
	float: left;
}
.no-padding {
	padding: 0 !important;
}
.box-footer {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	border-top: 1px solid #f4f4f4;
	padding: 10px;
	background-color: #fff;
}
.box .nav-stacked>li {
	border-bottom: 1px solid #f4f4f4;
	margin: 0;
}
.nav-stacked>li>a {
	border-radius: 0;
	border-top: 0;
	border-left: 3px solid transparent;
	color: #444;
	font-size: 14px;
}
.bg-yellow {
	background-color: #ced413 !important;
}
.bg-blue {
	background-color: #2497ff !important;
}
.bg-darkblue {
	background-color: #4204e1 !important;
}
.bg-aqua {
	background-color: #51f595 !important;
}
.bg-green {
	background-color: #12ca07 !important;
}
.bg-darkgreen {
	background-color: #007310 !important;
}
.bg-red {
	background-color: #dd4b39 !important;
}
.bg-magenta {
	background-color: #99035f !important;
}
.bg-orange {
	background-color: #f05c00 !important;
}
.bg-grey {
	background-color: #7f7f7f !important;
}
.bg-lightgrey {
	background-color: #bebebe !important;
}
.bg-pink {
	background-color: #ff85e1 !important;
}
.bg-purple {
	background-color: #ca13fe !important;
}
.bg-lavender {
	background-color: #aaa2ff !important;
}

.blink {
	animation:0.85s blinker ease infinite;
	-webkit-animation:0.85s blinker ease infinite;
	-moz-animation:0.85s blinker ease infinite;
}

@-moz-keyframes blinker {  
	0% { opacity: 1.0; }
	50% { opacity: 0.0; }
	100% { opacity: 1.0; }
}

@-webkit-keyframes blinker
{  
	0% { opacity: 1.0; }
	50% { opacity: 0.0; }
	100% { opacity: 1.0; }
}

@keyframes blinker
{  
	0% { opacity: 1.0; }
	50% { opacity: 0.0; }
	100% { opacity: 1.0; }
 }
 
.widget-image .card-img-overlay {
	opacity: 0;
}

.widget-image .card-img-overlay .col {
	text-align: center;
}

.card-img {
	width: auto;
}

.widget-image:hover .card-img {
	transition: .25s ease;
	opacity: 0.2;
}
 
.widget-image:hover .card-img-overlay {
	transition: .25s ease;
	opacity: 1;
}

.varian table {
	font-family: "PrintChar40", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.readable1 {
	font-family: "ShastonHi640", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.readable2 {
	font-family: "PrintChar40", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.readable3 {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.fs-v7 {
	font-size: .85rem;
}
.fs-v8 {
	font-size: .7rem;
}

@media (max-width: 900px) {
	.d-flex {
		flex-direction: column;
		flex: 1 1 auto !important;
    }
}