om/public/style/style.less

@color: #0046a0;

//header
.om-header-container{
    position: fixed;
    top: 0px;
    z-index: 1;
    width: 100%;
	display: block;
}

.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;
	color: white;
}

.msg-head{
	margin-top: 10px;
	margin-bottom: 10px;
	img{
		float: right
	}
}


.om-user-line{
    display: flex;
    i{
        margin-right: 2%;
    }
}

//footer
.om-nav{
    position:fixed;
    bottom: 0;
    height: 8%;
    width: 100%;
    background-color: @color;
    i{
        color: white;
    }
}

// bookmark
.bookmark-headline{
    margin: 10px;
}


//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);
}

.form-group .bmd-form-group .is-focused .bmd-label-floating{

		color: @color;

}