@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: 65px; background-color: @color; } .logo-img{ padding:10px; } .om-searchbar{ display: inline-block; padding: 0; margin: 15px; } //content .om-content{ margin: 10px; margin-top: 80px; margin-bottom: 80px; a{ color: @color; &:hover{color:@color;} } } //footer .om-nav{ position:fixed; bottom: 0; height: 65px; width: 100%; background-color: @color; i{ color: white; } } //msg-Card .om-card{ margin: 10px; margin-bottom: 20px; padding: 20px; } .om-card-footer{ justify-content: space-between; display: flex; } .om-btn{ background-color: @color; color: white; } .msg-head{ margin-top: 10px; margin-bottom: 10px; img{ float: right } } .om-user-line{ display: flex; width: 80%; i{ margin-right: 2%; } } // bookmark .bookmark-headline{ margin: 10px; padding-bottom: 10px; } //empty state .empty-state{ margin: 40px; margin-top: 40%; color: #6c757d; text-align: center; i{ font-size: 50px; margin: 10px; } } // profil .profil-text { margin-top: 70px; margin-bottom: 10px; text-align: center; display: block; margin-left: auto; margin-right: auto; } .profil-card { margin: 10px; margin-top: -80px; position: relative; z-index:1; } .profil-img { background-color: @color; border-style: solid; border-color: @color; border-width: thick; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4); display: block; margin-left: auto; margin-right: auto; position: relative; z-index:2; } .edit-item { color: @color; margin-top: 10px; margin-right: 10px; i { float: right; font-size: 30px; } } .om-tab { font-size: 16px; display: block; margin-left: auto; margin-right: auto; margin-bottom: 10px; } .om-tablinks{ background: 0; border: 0; } //bmd changes //border .form-group.is-focused .form-control .custom-file-control, .form-control, .is-focused .custom-file-control, .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); } //checkbox .checkbox label input[type=checkbox]:checked+.checkbox-decorator .check:before, label.checkbox-inline input[type=checkbox]:checked+.checkbox-decorator .check:before { color: @color; } .checkbox label input[type=checkbox]:checked+.checkbox-decorator .check, label.checkbox-inline input[type=checkbox]:checked+.checkbox-decorator .check { color: @color; border-color: @color; } //label .is-focused [class*="bmd-label"], .is-focused[class^=bmd-label]{ color: @color; }