body{	
	font-family: "Inter", serif;
	font-optical-sizing: auto;
	font-weight:400;
	font-style: normal;
	background: #0c0d14;
	color: #e4e4e4;
}

.navbar-dark{
	background-color: #1e1f2f !important;
}

footer{
	background-color: #1e1f2f !important;
}

footer p{
	font-size: .9rem;
	margin-bottom: .1rem;
}

.form-group{
	margin-bottom: 0;
}

.form-check-input{
	accent-color: #5d3be4;
}

a {
    color: #9e97ff;
    text-decoration: none;
    background-color: transparent;
}

a:hover {
    color: #7b5df2;
    text-decoration: none;
}


.btn-primary{
	color:#fff;
	background-color:#5d3be4;
	border-color:#5d3be4;
	padding: .275rem .75rem;
	}

.btn-primary:hover{
	color:#fff;
	background-color:#7b5df2;
	border-color:#7b5df2
	}


.btn-start{
	color:#fff;
	background-color:#059b5e;
	border-color:#059b5e;
	padding: .275rem .75rem;
	}

.btn-start:hover{
	color:#fff;
	background-color:#047f4a;
	border-color:#047f4a
	}


.btn-stop{
	color:#fff;
	background-color:#ce5849;
	border-color:#ce5849;
	padding: .275rem .75rem;
	}

.btn-stop:hover{
	color:#fff;
	background-color:#ad3a2b;
	border-color:#ad3a2b
	}



input[type="text"] {
    background-color: #373952;
	border: 0;
	color:#fff;
}

input[type="text"]:focus {
    background-color: #373952;
	border: 0;
	color:#fff;
    outline: none;
}

input[type="text"]::placeholder {
    color:#fff;
    opacity: 1;
}



input[type="file"] {
    background-color: #373952;
	border: 0;
	color:#fff;
}

input[type="file"]:focus {
    background-color: #373952;
	border: 0;
	color:#fff;
    outline: none;
}

input[type="file"]::placeholder {
    color:#fff;
    opacity: 1;
}



textarea {
    background-color: #373952 !important;
	border: 0 !important;
	color:#fff !important;
}

textarea:focus {
    background-color: #373952 !important;
	border: 0 !important;
	color:#fff !important;
    outline: none !important;
}

textarea::placeholder {
    color:#fff !important;
    opacity: 1 !important;
}


select {
    background-color: #373952 !important;
	border: 0 !important;
	color:#fff !important;
}

select:focus {
    background-color: #373952 !important;
	border: 0 !important;
	color:#fff !important;
    outline: none !important;
}



.p-7{
	padding: .7rem !important;
}

h1{
	font-size: 1.7rem;
	font-weight: 600;
	margin-bottom: 1rem;
}


h2{
	font-size: 1.4rem;
	font-weight: 600;
	margin-bottom: 1rem;
}

h3{
	font-size: 1.3rem;
	font-weight: 600;
	color:#bdb8ff;
}

#fullscreen{
	position: absolute;
	top:-2.8rem;
	right:2rem;
}

.bg1{
	background-color:#13141e;
}

.bg2{
	background-color:#13141e;
	border-top: 1px solid #1e1f30;
}


.bg3{
	background-color:#13141e !important;
	border: none !important;
}

.btn-primary.disabled, .btn-primary:disabled {
    color: #fff;
    background-color: #5d3be4 !important;
    border-color: #5d3be4 !important;
    opacity: .5 !important;
}


#fileUploader {
      display: none;
    }




input[type="color"] {
   width: revert;
    padding: .1rem .2rem;
    background-color: #373952;
    border: none;
}

input[type="color"]:focus {
   width: revert;
    padding: .1rem .2rem;
    background-color: #373952;
    border: none;
}


.card{
   /* word-wrap: break-word;*/
    background-clip: border-box;
    border:1px solid #2b2e44;
    border-radius: .25rem;
	background: none;
	
}

.card2{
	background-color:#25273d;
	border: none;
	border-radius: .25rem;
	padding:.7rem;
	margin-bottom: .7rem;
}


   .header2{
		   color: #a58eff;
    font-size: 1.3rem;
		   font-weight: 400;
	   }

.jumbotron {
    min-height: 300px;
    border-radius: 0;
}

.header-bg {
    background-color: #25273d;
    background-image: url(../images/header_v1.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.lead{
	font-weight: 500;
}