/* Generated by less 2.5.1 */ .om-header-container { position: fixed; top: 0px; z-index: 1; width: 100%; display: block; z-index: 10; } .om-header { justify-content: space-between; display: flex; padding-left: 2%; padding-right: 2%; height: 65px; background-color: #0046a0; } .logo-img { padding: 10px; } .om-searchbar { display: inline-block; padding: 0; margin: 15px; } .om-content { margin: 10px; margin-top: 40px; margin-bottom: 80px; width: auto; overflow: hidden; } .om-content a { color: white; } .om-content a:hover { color: white; } .content-desktop { margin-right: 30px; } .om-nav { position: fixed; bottom: 0; height: 65px; width: 100%; background-color: #0046a0; z-index: 10; } .om-nav i { color: white; } .navbar-item { display: inline-block; text-align: center; } .navbar-item i { margin: auto; text-align: center; } .om-card { margin: 10px; margin-bottom: 20px; padding: 20px; } .om-card-footer { justify-content: space-between; display: flex; } .om-btn { background-color: #0046a0; color: white; } .msg-head { margin-top: 10px; margin-bottom: 10px; } .msg-head img { float: right; } .om-user-line { display: flex; width: 80%; } .om-user-line i { margin-right: 2%; } taginput-container is-focusable:focus { border-color: #0046a0 !important; } .bookmark-headline { margin: 10px; padding-bottom: 10px; } .empty-state { margin: 40px; margin-top: 40%; color: #6c757d; text-align: center; } .empty-state i { font-size: 50px; margin: 10px; } .profil-text { margin-top: 90px; text-align: center; display: block; margin-left: auto; margin-right: auto; z-index: 2; } .profil-card { margin-left: 10px; margin-right: 10px; margin-top: 130px; padding-top: 10px; margin-bottom: 15px; position: relative; z-index: 1; } .prof-image { background-color: #0046a0; border-style: solid; border-color: #0046a0; border-width: thick; border-radius: 50%; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4); display: block; position: absolute; top: -50px; left: 50%; margin-left: -60px; width: 120px !important; height: 120px; z-index: 4; } hr.first { margin-top: 0px; margin-bottom: 0px; } .btnprofil { height: 60px; margin-top: 10px; margin-left: auto; margin-right: auto; margin-bottom: 10px; text-align: center; } .btnprofil button { width: 110px; display: inline-block; margin-right: 20px; margin-left: 20px; } .logout-item { color: #0046a0; margin-top: -25px; margin-right: 10px; } .logout-item i { float: right; font-size: 30px; z-index: 3; } .vertical-alignment-helper { display: table; height: 100%; width: 100%; } .vertical-align-center { /* To center vertically */ display: table-cell; vertical-align: middle; } .modal-content { width: inherit; height: 80%; /* To center horizontally */ margin: 0 auto; } .om-tab { font-size: 16px; display: block; margin-left: auto; margin-right: auto; margin-bottom: 10px; } .om-tablinks { background: 0; border: 0; } .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, #0046a0 2px, rgba(0, 150, 136, 0) 0), linear-gradient(0deg, rgba(0, 0, 0, 0.26) 1px, transparent 0); } .checkbox label input[type=checkbox]:checked + .checkbox-decorator .check:before, label.checkbox-inline input[type=checkbox]:checked + .checkbox-decorator .check:before { color: #0046a0; } .checkbox label input[type=checkbox]:checked + .checkbox-decorator .check, label.checkbox-inline input[type=checkbox]:checked + .checkbox-decorator .check { color: #0046a0; border-color: #0046a0; } .is-focused [class*="bmd-label"], .is-focused[class^=bmd-label] { color: #0046a0; } /*//Präsentation Styles .om-card { font-size: 140%; } .msg-head{ font-size:90%; } .empty-state{ margin: 40px; margin-top: 30%; font-size:140%; }*/ .om-searchbar input.input{ border-radius: 0 !important; box-shadow: none !important; border-right: white; } button.clearButton{ border-radius: 0 !important; background-color: white; margin-left: -5px; border-color: #dbdbdb; border-left: white; }