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 **/
#clockdiv {
	color: #fff;
	display: inline-block;
	text-align: center;
	font-size: 12px;
}

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

#clockdiv 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;
	}
}