body {
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	color: #222;
}

.header {
	padding-top: 20px;
	padding-bottom: 20px;
}

.btn {
	border-radius: 30px;
	padding: 10px 30px;
}

.btn-primary {
	background: #1143A3;
	border-color: #1143A3
}

	.btn-primary.plain {
		border: 2px solid #fff;
	}

.card.bg-remind {
	background: #f4f4f4;
	border: 4px solid #ff0000 !important;
	color: #ff0000;
}

	.card.bg-remind a {
		color: #ff0000;
		border-bottom: 2px solid #ff0000;
	}

		.card.bg-remind a:hover {
			color: #1143A3;
			text-decoration: none;
		}

/** Start - Update 04 FEB 2020 **/
.card {
	border-radius: 0;
}

	.card .card-header {
		background: #e3e3e3;
		border-top-left-radius: 0;
		border-top-right-radius: 0;
	}

	.card .card-footer {
		background: #f4f4f4;
		border-top: 0;
	}

	.card .title {
		font-size: 16px;
		font-weight: 700;
	}

.line-title {
	display: flex;
	flex-direction: row;
	margin-bottom: 20px;
	font-weight: 700;
}

	.line-title:after {
		content: "";
		flex: 1 1;
		border-bottom: 2px solid #222;
		margin: auto;
		margin-left: 10px;
	}
/** End - Update 04 FEB 2020 **/

.red {
	color: #db2029;
}

.green {
	color: #159e15;
}

.yellow {
	color: #d3bf16;
}

.blue {
	color: #1143A3;
}

.orange {
	color: #e9490a;
}

/** Start - Update 04 FEB 2020 **/
.badge-amount {
	background: #dbe5f9;
	padding: 10px;
	margin-bottom: 10px;
}

.form-control {
	font-size: 14px;
	color: #222;
	font-family: 'Roboto', sans-serif;
}

.table .adjust-width {
	width: 25%;
}
/** End - Update 04 FEB 2020 **/

.table.inputform td {
	padding-left: 0;
	padding-right: 0;
}

	.table.inputform td.left {
		padding-right: 20px;
	}

/** Start - Update 04 FEB 2020 **/
.copypaste {
	padding: 5px 15px;
	background: #f8f8f8;
	border: 0;
	border-radius: 3px;
	font-weight: 700;
	width: 100%;
}

.form-group {
	position: relative;
	width: 100%;
}

.btn-copypaste {
	/*position: absolute;*/
	top: 4px;
	right: 5px;
	cursor: pointer;
}

.card.inside {
	background: #f4f4f4;
	border-radius: 6px;
	border: 0;
}

	.card.inside input {
		background: #fff;
	}

.btn-outline-secondary {
	padding: 0 20px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	background: #1143A3;
	color: #fff;
	border-color: #1143A3;
	font-size: 14px;
}

	.btn-outline-secondary:hover {
		background: #0069d9;
		border-color: #0069d9;
	}



/** End - Update 04 FEB 2020 **/

.card.bg {
	background: #f8f8f8;
}

.alert {
	border-radius: 30px;
	padding: 5px 15px;
}

.btn.btn-table {
	padding: 0 15px !important;
	font-size: 14px;
}

.card.important {
	position: relative;
	width: 100%;
	padding: 40px 30px;
	background: #2852a3;
	border: 2px solid #1143A3;
	color: #fff;
	border-radius: 30px;
}

.badge-important {
	position: absolute;
	top: -8px;
	right: -30px;
}

ul li,
ol li {
	margin-top: 10px;
}

/** Start - Update 04 FEB 2020 **/
.logo-brand {
	border: 1px solid #f1f1f1;
	border-radius: 3px;
}
/** End - Update 04 FEB 2020 **/

.footer {
	padding-top: 40px;
	padding-bottom: 40px;
}

/** Start - Update 04 FEB 2020 **/
#countdown-timer {
	color: #fff;
	display: inline-block;
	text-align: center;
	font-size: 12px;
}

	#countdown-timer > div {
		/*padding: 3px 3px 0 3px;*/
		border-radius: 6px;
		/*	background: #e9490a;*/
		display: inline-block;
	}

	#countdown-timer div > span {
		padding: 0 5px;
		border-radius: 3px;
		background: #f27e51;
		display: inline-block;
	}

.smalltext {
	font-size: 10px;
}
/** End - Update 04 FEB 2020 **/

/* ------- Animation ------ */
.animated {
	-webkit-animation-duration: .5s;
	animation-duration: .5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite
}

.bounce {
	-webkit-animation-name: bounce;
	animation-name: bounce
}

.blinking {
	opacity: 0;
	animation: blinking 1s linear infinite
}

@-webkit-keyframes bounce {

	0%, 100% {
		-webkit-transform: translateY(0)
	}

	50% {
		-webkit-transform: translateY(-5px)
	}
}

@keyframes bounce {

	0%, 100% {
		transform: translateY(0)
	}

	50% {
		transform: translateY(-5px)
	}
}

@keyframes blinking {

	49.9%, from {
		opacity: 0
	}

	50%, to {
		opacity: 1
	}
}

/** Start - Update 04 FEB 2020 **/
@media all and (max-width: 767px) {
	.table .adjust-width {
		width: 30%;
	}
}
/** End - Update 04 FEB 2020 **/

@media all and (max-width: 575px) {
	/** Start - Update 04 FEB 2020 **/
	.table .adjust-width {
		width: 35%;
	}
	/** End - Update 04 FEB 2020 **/
	.card.important {
		padding: 5px 0;
	}

	.badge-important img {
		width: 120px;
	}

	.badge-important {
		right: -15px;
	}
}

.field-validation-error {
	color: red !important;
}

.btn-primary-focus {
	box-shadow: 0 6px 2px -2px #5da7f5 !important;
	border-bottom: none !important;
	/*box-shadow: 0 4px 2px -2px rgb(0 123 255 / 55%) !important*/
	/*background-color: #286090 !important;*/
}

.bthToken:focus {
	outline: none !important;
}

.bthToken:hover {
	border: 1px solid #d7d7d7 !important;
}

.bthToken:active {
/*	webkit-box-shadow: inset 0 3px 5px rgb(0 0 0 / 13%);*/
	box-shadow: none !important;
}

.bthToken.disabled, .bthToken[disabled] {
	opacity: 1!important;
}