html, body{
	background-color: rgb(248, 245, 239);
	height: 100%;
	padding: 0;
	margin: 0;
}

.card{
	border-width: 0px;
	border-radius: 0.8rem;
}

.bg-white{
	background-color: #fff;
}

.bg-infosubtle{
	background-color: #8696FE;
}

.bg-warningsubtle{
	background-color: #ff8f00;
}

.bg-dangersubtle{
	background-color: #D25380;
}

.bg-infohighlight{
	background-color: rgb(0 185 255);
}

.sk_bg {
	animation-duration: 1.5s;
	animation-fill-mode: forwards;
	animation-iteration-count: infinite;
	animation-name: sk_bg_animation;
	animation-timing-function: linear;
	background: #f6f7f8;
	background: linear-gradient(to right, #eee 8%, #F8F5EF 18%, #eee 33%);
	background-size: 800px 104px;
	position: relative;
	width: 100%;
	border-radius: 0.1rem;
 }

.bfooter {
    border-bottom: 50px solid;
    border-left: 97vw solid transparent;
    margin-bottom: -24px;
}

.bfooterr {
    border-bottom: 50px solid;
    border-right: 97vw solid transparent;
    margin-bottom: -24px;
}

.gbg {
	background: linear-gradient(140deg, #272f89 0%, #0c8eda 75%);
}

.b1 {
	background: #4a76ba;
}

.b2 {
	background: #282e87;
}

.b3 {
	background: rgb(161 214 244);
}

.txtover {
	text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.list-group div:first-child {
    border-top: 0 !important;
}

.stepper {
	display: flex;
    justify-content: space-between;
}
.stepper li {
	display: flex;
    align-items: center;
}
.stepper li:not(:last-of-type) {
    flex: 1;
}
.stepper li:not(:last-child):after {
	display: inline-block;
    position: relative;
    flex: 1;
    height: 1px;
    margin: 0.5rem 0 0 0;
    content: "";
    background-color: rgba(0,0,0,0.1);
}

.titleb, h1, h2, h3 {
	color: rgb(41 45 135);
}

.arrowb, .arrowb:hover, .arrowb:visited {
	background:#009fe3;
}

.arrowc, .arrowc:hover, .arrowc:visited {
	color:#009fe3;
}

.btn-outline-b {
	border-color: #2a2d87;
    color: inherit;
}

.edit {
	border-color: #009fe3 !important;
	background-color: rgb(239, 248, 252);
}

.borderb {
	border-color: #009fe3 !important;
}

.footer {
	background: rgb(40 46 135);
}

.links a {
    text-decoration: none;
    color: inherit;
	display: block;
}

.header {
	color: #292d87;
}
.header a{
	text-decoration: none;
    color: inherit;
}

#log{
	
}

.finput{
	width: 100%;
	padding: 4px 10px;
	border-radius: 5px;
	border: 1px solid #333;
	background-color: #efefff;
	border-width: 0px;
}

.dropbox {
	background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='14' ry='14' stroke='%23333' stroke-width='4' stroke-dasharray='12%2c 13' stroke-dashoffset='33' stroke-linecap='round'/%3e%3c/svg%3e");
}

.hover {
	border: 3px solid rgb(113 216 255);
    border-radius: 6px;
    background: rgb(229 248 255);
	background-image: none;
}

.importing>*{
	background: rgb(245 245 245);
	padding: 10px;
    margin: 10px;
    border-radius: 9px;
}

.slider {
    background: #fff;
    height: 9px;
    width: 100%;
    border-radius: 9px;
}

 @keyframes sk_bg_animation{
	0%{background-position:-468px 0}
	100%{background-position:468px 0}
 }

 .fw-smaller{
	font-size: 0.8rem;
 }

 .lgn-selected{
	color: #fff !important;
	background-color: rgb(41 45 135);
 }

 .lgn-selected h2{
	color: #fff !important;
 }

 .lgn-border{
	border-width: 1px;
	border-style: solid;
	border-color: rgb(41 45 135);
 }