 * {
            font-family: 'Open Sans';
            font-style: normal;
            font-size: 13px;
           
        }

body 
{
    background-color:#EFEDED;
}

.navbar {
    border-bottom:1px solid #daa201;
}

.navbar {
    padding:0;
}

.bg-dark {
    background-color: #FAB901!important;
}

.wholeheader {
    padding-top:29px;
    padding-bottom:24px;
}

.nav-link {
    color:#8c6700;
    margin-right:21px !important;
    margin-left:21px !important;
    padding:10px 0!important;
    border-bottom:1px solid #FAB901;
    font-weight:bold;
    font-size: 13px;
}

.nav-link:hover {
    color:black;
    border-bottom:1px solid black;
}

.active .nav-link{
    color:black;
    border-bottom:1px solid black;
}

.dash-block {
    background-color:white;
    padding:15px 10px;
    margin-bottom:30px;
    border: 1px solid #D7D7D7;
}

.admin-block {
    background-color:#FAB901;
    padding:15px 10px;
    margin-bottom:30px;
    border: 1px solid black;
	text-align:center;
}

.admin-block h2 {
    font-size:48px;
    font-weight:600;
}

.dash-green {
    background-color:#acf3bf;
}

.dash-yellow {
    background-color:#FAB901;
}

.dash-transp {
    background-color: #EFEDED;
}

.dash-block h4 {
    margin-top:18px;
    font-size:14px;
    font-weight:600;
}

.dash-block h2 {
    font-size:34px;
    font-weight:800;
}

.dash-block a {
    color: #9A9A9A;
    font-size:10px;
    font-weight:bold;
    border-bottom:1px solid #9A9A9A;
    text-decoration:none;
}

.dash-green a {
    color: black;
    font-size:10px;
    font-weight:bold;
    border-bottom:1px solid black;
    text-decoration:none;
}

.dash-block a:hover {
    color: black;
    font-size:10px;
    font-weight:bold;
    border-bottom:1px solid black;
    text-decoration:none;
}

.btn-primary {
    background-color:#FAB901;
    color:black;
    border:1px solid black;
    border-radius: 0;
    padding:5px 20px;
    font-size:14px;
    font-weight:600;
    text-transform: uppercase;
}

.btn-danger {
    background-color:#FFFFFF;
    color:black;
    border:1px solid black;
    border-radius: 0;
    padding:5px 20px;
    font-size:14px;
    font-weight:600;
    text-transform: uppercase;
}

.btn-black {
    background-color:#000000;
    color:white;
    border:1px solid black;
    border-radius: 0;
    padding:5px 20px;
    font-size:14px;
    font-weight:600;
    text-transform: uppercase;
}

.btn-black:hover {
    background-color:#555555;
    color:white;
    border:1px solid black;
    border-radius: 0;
    padding:5px 20px;
    font-size:14px;
    font-weight:600;
    text-transform: uppercase;
}

.filterbutt {
    border:1px solid black;
    text-align:center;
    padding:24px 0;
    font-weight:800;
    font-size: 14px;
    background-color:white;
}

.filter-yellow {
     background-color:#FAB901;
}

h1 {
    font-weight:800;
}

.loginblock {
    background-color:white;
}

.loginlogo {
	    padding-left: 30px;
    padding-top: 70px;
	padding-bottom:100px;
}

.form-signin {
	    padding-left: 15%;
    padding-right: 15%;
}

.form-signin h1 {
	font-weight: 600;
    font-size: 54px;
	margin-bottom:90px;
}

.imageright {
    background-image: url(../login-image.jpg);
    background-repeat: no-repeat;
    background-size: cover;
	min-height: 800px;
}

.leadrow {
	background-color:white;
	padding:20px;
	margin-bottom:20px;
	display:none;
}

.userrow {
	background-color:white;
	padding:20px;
	margin-bottom:20px;
}
.leadrowdetails {
	margin-top:-20px;
}

.Firme, .Froid, .Perdue, .Termin {
	background-color:#faa4b1;
}

.finale, .Gagn, .Gagnée {
	background-color:#acf3bf;
}

.headerrow {
	padding:20px 40px 0px 40px;
	margin-top:40px;
}

.headerrow .col{
	font-weight:600;
	font-size:18px;
}

.active-lead {
display:flex;
}

.coverall {
	border: 1px solid black;
    padding: 20px 40px 0px 40px;
}

.button-holder {
	margin-top:80px;
	margin-bottom:40px;
}

.button-holder .btn {
	min-width: 180px;
}

.formholder {
text-align:left;
padding:0 40px;
}

.calccommission {
	margin-top:10px;
}

.userdetails {
	    float: left;
    line-height: 32px;
    font-weight: 800;
    margin-right: 20px;
}

.nokey {
	display:none;
}

.restofform {
	display:none;
}

.navbar-toggler {
	border: 1px solid black !important;
	margin-right:10px;
}

@media only screen and (max-width: 768px) {
  .loginlogo {
    width:80%;
	padding-bottom:40px;
  }
	
.form-signin h1 {
    font-size: 32px;
    margin-bottom: 40px;
}


}

.headerrow .col {
	padding-left:0;
	padding-right:0;
}

.list-group {
	margin-top:1rem;
}

.list-group-item {
	margin-bottom:1rem;
	text-decoration:none;
	font-size:1.5rem;
	color:black;
	line-height:40px;
}

.error { background-color: red;
    display: inline-block;
    padding: 10px 20px;
    margin-top: 10px;
    color: white;
    border: 1px solid white; }

.alertbox {
    background-color: #FAB901;
    margin: 40px 10px 10px 10px;
    padding: 20px 20px 0px 20px;
}

.alertbox p {
color:white;
font-size:20px;
font-weight:500;
text-align:center;
}


