@color: #0046a0; //header .om-header-container{ position: fixed; top: 0px; z-index: 1; width: 100%; } .om-header{ justify-content:space-between; display: flex; padding-left: 2%; padding-right: 2%; height: 8%; background-color: @color; } .om-searchbar{ display: inline-block; padding-bottom: 0%; margin: 3%; } //content .om-content{ margin: 10px; margin-top: 75px; margin-bottom: 70px; a{ color: @color; &:hover{color:@color;} } } .om-card{ margin: 10px; margin-bottom: 20px; padding: 20px; } .om-btn{ background-color: @color; } .om-user-head{ display: flex; margin-bottom: 5%; i{ margin-right: 2%; } } //footer .om-nav{ position:fixed; bottom: 0; height: 8%; width: 100%; background-color: @color; i{ color: white; } } //bmd changes .form-group.is-focused .form-control { background-image: linear-gradient(0deg,@color 2px,rgba(0,150,136,0) 0),linear-gradient(0deg,rgba(0,0,0,.26) 1px,transparent 0); }