@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

body {
	color: black;
	background-color: #ffffff;
	margin-top:98px;
	font-family: Roboto,sans-serif;
}

#account1 {
	background-color: #1e88e5 ;
    padding: 20px;
    color: #fff;
}

#account2 {
	background-color: #0057ad;
    padding: 20px;
    color: #fff;
}

#parameters {
        /* background-color: GreenYellow ; */
        /* background-color: White ; */
}

#progress-txt {
        text-align: center ;
        font-size: 1.4em ;
        margin: 0 0 0px ;
        height: 50px ;
}

.progress {
        /* text-align: center ; */
        /* font-size: 1.4em ; */
        margin: 0 0 0px ;
}

.progress-bar {
        text-align: center ;
        font-size: 1.4em ;
        margin: 0 0 0px ;
}


.padd0 {
        padding-left:  0px ;
        padding-right: 0px ;
}
.preheader{height:34px;background-color:#006fc9;color:#fff;top:0;position:fixed;width:100%;
z-index:10;}
.preheader a, .preheader a:hover {
    color: hsla(0,0%,100%,.7);
    font-size: 16px;
    line-height: 20px;
    padding-top: 9px;
    display: block;
text-decoration:none;
}
.preheader a strong, .preheader a:hover  strong{
color:#fff;
text-decoration:none;
}

.preheader .col-md-12 {
    padding: 0px 12px;
}

header{
	background-color: #1e88e5;
	color:#fff;
    /*box-shadow: 0 2px 4px -1px rgba(0,0,0,.2), 0 4px 5px 0 rgba(0,0,0,.14), 0 1px 10px 0 rgba(0,0,0,.12);*/
	display:block;
	width:100%;
	position:fixed;
	top:34px;
	z-index:10;
	padding: 19px 22px;
}
header .container{
	padding:0px 22px;
}
header h1, .subheader h2{
	padding:0;
	margin:0;
}

.subheader{
	background-color: #0057ad;
	color:#fff;
	padding:20px;
}

.body_primary{
	padding:20px 0;
}

.body_secondary{
	padding:20px 0;
	background-color:#f8f9fa;
}

hr.no-border{
	border-top:0px;
}

.col-md-6.well {
    margin: 0 20px;
    width: calc(50% - 40px);
}

.col-md-6 .btn {
    background-image: none !important;
    text-shadow: none;
    border: 0;
    margin: 0 20px;
    width: calc(100% - 40px);
}

footer{
	background-color: #0057ad;
	padding:40px;
	color:#fff;
}

footer a, footer a:hover{color:#fff;}

legend {
    border: 0;
}

.btn-success{
background-color:#4caf50;}

.btn-danger{
background-color:#de002e;}

pre{
    text-align: left;
}

.logo {
    margin-right: 8px!important;
    margin-left: 8px!important;
}

@media (min-width: 768px){
	.container {
		width: 750px;
	}
}
@media (min-width: 992px){
	.container {
		width: 970px;
	}
	
}

@media (min-width: 1200px){
	.container {
		width: 1140px;
	}
}

@media (max-width: 992px){
	header .container{
		padding: 0 17px;
	}
}