/*_ General Reset ===================================*/ * { margin: 0px; padding: 0px; } html { height: 100%; } body { height: 100%; background-color: #F0F0F0; color: #555; font-family: 'Open Sans', Helvetica, sans-serif; font-size: 12px; padding: 0; position: relative; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-weight: 200; font-family: Helvetica, sans-serif; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small { color: #555; font-weight: 200; } a { color: #fc796b; outline: 0 none; text-decoration: none; } a:focus, a:hover, a:active { color: #f26f61; outline: 0 none; text-decoration: none; } p { font-size: 13px; line-height: 22px; } strong, b { font-weight: 700; } ul { padding-left: 30px; } pre { border-radius: 0px !important; } /*_ Helper Classes ===================================*/ .clear { clear: both; width: 100%; height: 1px; } .overflow-hidden { overflow: hidden; } .hyphen { display: inline-block; margin: 0 2px; } .no-margin { margin: 0 !important; } .no-margin-y { margin-bottom: 0 !important; margin-top: 0 !important; } .no-margin-x { margin-left: 0 !important; margin-right: 0 !important; } .no-margin-top { margin-top: 0 !important; } .no-margin-bottom { margin-bottom: 0 !important; } .no-margin-left { margin-left: 0 !important; } .no-margin-right { margin-right: 0 !important; } .no-border { border: 0 !important; } .no-border-y { border-bottom: 0 !important; border-top: 0 !important; } .no-border-x { border-left: 0 !important; border-right: 0 !important; } .no-border-top { border-top: 0 !important; } .no-border-bottom { border-bottom: 0 !important; } .no-border-left { border-left: 0 !important; } .no-border-right { border-right: 0 !important; } .no-padding { padding: 0 !important; } .no-padding-y { padding-bottom: 0 !important; padding-top: 0 !important; } .no-padding-x { padding-left: 0 !important; padding-right: 0 !important; } .no-padding-top { padding-top: 0 !important; } .no-padding-bottom { padding-bottom: 0 !important; } .no-padding-left { padding-left: 0 !important; } .no-padding-right { padding-right: 0 !important; } .spacer { margin-top: 15px !important; } .spacer2 { margin-top: 30px !important; } .spacer3 { margin-top: 50px !important; } .spacer-bottom-xs { margin-bottom: 10px !important; } .spacer-bottom { margin-bottom: 30px !important; } .spacer-bottom-sm { margin-bottom: 15px !important; } .spacer-bottom-lg { margin-bottom: 40px !important; } .rad-1 { border-radius: 1px; overflow: hidden; webkit-border-radius: 1px; } .rad-2 { border-radius: 2px; overflow: hidden; webkit-border-radius: 2px; } .rad-3 { border-radius: 3px; overflow: hidden; webkit-border-radius: 3px; } .big-text { font-size: 61px; line-height: 70px !important; padding-bottom: 5px; text-shadow: 2px 1px 2px rgba(0, 0, 0, 0.2); } .jumbotron { margin-top: 20px; } .texture { background: #23262B; } .close { font-size: 32px; margin-top: -6px; text-shadow: none; } .preview { display: inline-block; padding: 1px; border: 1px solid #ccc; } .tooltip { font-size: 11px; font-weight: 400; } .ui-tooltip { background-color: #fafafa; border: 1px solid #999; padding: 15px; width: 400px; display: none; color: #333; text-align: left; margin-left: 10px; -moz-box-shadow: 0 0 10px #666; -webkit-box-shadow: 0 0 10px #666; z-index: 10; } .color-primary { color: #fc796b !important; } .color-success { color: #19b698 !important; } .color-warning { color: #f16e3f !important; } .color-danger { color: #d14233 !important; } /*_ Elements ===================================*/ /*_ Alerts _*/ .alert { margin-bottom: 20px; padding: 10px 30px; text-align: center; border-radius: 0px; } .alert a { text-decoration: underline; } .alert-error { background: #FFDFE0; border: 1px solid #FF9999; color: #C00; } .alert-error a { color: #C00; } .alert-success { background: #E4F1C9; border: 1px solid #A5BD71; color: #060; } .alert-success a { color: #060; } .alert-warning { background: #FFF5D0; border: 1px solid #DFB701; color: #be9e2f; } .alert-warning a { color: #be9e2f; } .alert-info { background: #E8F8FF; border: 1px solid #1AACEA; color: #1686B5; } .alert-info a { color: #1686B5; } /*_ Dropdown Menu _*/ .dropdown-menu { border: 0; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.176); } .dropdown-menu > li > a, .dropdown-menu li > a { clear: both; color: #333; display: block; font-size: 12px; font-weight: normal; line-height: 1.42857; padding: 5px 20px; white-space: nowrap; } .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { background: #fc796b; } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-menu li > a:hover { background-color: #fc796b; background-image: none; color: #FFF; } .block-flat .dropdown-menu { border-radius: 1px; margin: -1px 0 0 0; webkit-border-radius: 1px; } .btn-group .dropdown-menu { margin-top: -6px; } /*_ Icons _*/ .icon-16 { font-size: 16px !important; } .icon-19 { font-size: 19px !important; } .icon-24 { font-size: 24px !important; } .icon-32 { font-size: 32px !important; } .icon-64 { font-size: 64px !important; } .icon-show i { font-size: 14px !important; margin-right: 5px; width: 20px; } .icon-show > div { margin: 5px 0; } /*_ Labels _*/ .label { border-radius: 0; color: #fff !important; font-size: 1.1rem; font-weight: normal; webkit-border-radius: 0; } .label i { color: inherit !important; font-size: 100% !important; min-width: 11px; width: auto !important; } .label-default { background-color: #a1a1a1; } .label-primary { background-color: #fc796b; } .label-primary[href]:hover, .label-primary[href]:focus { background-color: #f26f61; } .label-success { background-color: #19b698; } .label-success[href]:hover, .label-success[href]:focus { background-color: #0fac8e; } .label-info { background-color: #4aa3df; } .label-info[href]:hover, .label-info[href]:focus { background-color: #4099d5; } .label-warning { background-color: #fed16c; } .label-warning[href]:hover, .label-warning[href]:focus { background-color: #f4c762; } .label-danger { background-color: #d14233; } .label-danger[href]:hover, .label-danger[href]:focus { background-color: #c73829; } /*_ Bagde (runde Label) _*/ .badge { background-color: #a1a1a1; font-size: 95%; font-weight: normal; padding: 4px 6px; } .badge-primary { background-color: #fc796b !important; } .badge-success { background-color: #19b698 !important; } .badge-info { background-color: #4aa3df !important; } .badge-warning { background-color: #fed16c !important; } .badge-danger { background-color: #d14233 !important; } /*_ Tiles _*/ .fd-tile { background-color: #fff; color: #555; margin-bottom: 15px; } .fd-tile.tile-primary { background-color: #fc796b; color: #fff; } .fd-tile.tile-green { background-color: #19b698; color: #fff; } .fd-tile.tile-lemon { background-color: #2cc36b; color: #fff; } .fd-tile.tile-red { background-color: #d14233; color: #fff; } .fd-tile.tile-blue { background-color: #4aa3df; color: #fff; } .fd-tile.tile-orange { background-color: #f16e3f; color: #fff; } .fd-tile.tile-prusia { background-color: #3d566d; color: #fff; } .fd-tile.tile-concrete { background-color: #a3b1b2; color: #fff; } .fd-tile.tile-purple { background-color: #7761a7; color: #fff; } .fd-tile .header { border-bottom: 2px solid rgba(255, 255, 255, 0.2); } .fd-tile .header .ico { background: rgba(255, 255, 255, 0.1); display: inline-block; font-size: 20px; padding: 11px 18px; text-align: center; vertical-align: center; } .fd-tile .header .title { display: inline-block; font-size: 14px; font-weight: 400; padding: 5px; position: absolute; text-transform: uppercase; top: 7px; } .fd-tile.clean .icon i { color: #F3F3F3; } .fd-tile.clean { background-color: #fff; color: #888; } .fd-tile.clean.tile-primary .details { background-color: #fc796b; } .fd-tile.clean.tile-green .details { background-color: #19b698; } .fd-tile.clean.tile-lemon .details { background-color: #2cc36b; } .fd-tile.clean.tile-red .details { background-color: #d14233; } .fd-tile.clean.tile-blue .details { background-color: #4aa3df; } .fd-tile.clean.tile-orange .details { background-color: #f16e3f; } .fd-tile.clean.tile-prusia .details { background-color: #3d566d; } .fd-tile.clean.tile-concrete .details { background-color: #a3b1b2; } .fd-tile.clean.tile-purple .details { background-color: #7761a7; } .fd-tile.clean.tile-purple .icon i { color: #7761a7; } .fd-tile.detail .icon { display: block; float: right; height: 80px; margin-bottom: 10px; padding-left: 15px; padding-top: 10px; position: absolute; right: 10px; top: 0; width: 80px; } .fd-tile.detail { display: block; overflow: hidden; position: relative; } .fd-tile.detail .content { background: transparent; display: inline-block; padding: 10px 10px 13px; position: relative; z-index: 3; } .fd-tile .content p { font-size: 14px; font-weight: 4 00; margin-bottom: 0; } .fd-tile .content h1 { font-size: 40px; font-weight: 300; margin: 0 0 0; } .fd-tile.detail .icon { display: block; float: right; height: 80px; margin-bottom: 10px; padding-left: 15px; padding-top: 10px; width: 80px; } .fd-tile.detail .icon i { font-size: 100px; line-height: 65px; } .fd-tile.detail .details { background-color: rgba(0, 0, 0, 0.1); clear: both; color: #fff; display: block; padding: 5px 10px; text-transform: uppercase; } .fd-tile.detail .details i { color: rgba(255, 255, 255, 0.4); font-size: 18px; } /* _ Progressbars _*/ .progress { border-radius: 3px; height: 18px; webkit-border-radius: 3px; } .progress .progress-bar { line-height: 16px; } .progress.extra-small { height: 5px; } .progress.small { height: 10px; } .progress.small .progress-bar { line-height: 9px; } .progress.big { height: 24px; } .progress.big .progress-bar { line-height: 22px; } .progress-bar-info { background-color: #4aa3df; } .progress-bar-success { background-color: #35bf61; } .progress-bar-warning { background-color: #fed16c; } .progress-bar-danger { background-color: #d14233; } .progress-bar-primary { background-color: #fc796b; } .bar-collision{background-color:black;position:absolute;top:0px;} /* _ Timelines _*/ #timeline_table .tl-row { overflow: hidden;display:flex;align-items:center } #timeline_table .tl-rows-times:nth-child(2n) { background: #f8f8f8; } #timeline_table .tl-row.more, #timeline_table .tl-row.tl-row-empty { display: none; } #timeline_table .tl-row.more-link { background: #fff !important; font-weight: 700; } #timeline_table .tl-row.more-link a { color: #555; } #timeline_table .tl-row .tl-left { float: left; width: 20%; padding: 7px 8px; display:flex} @media screen AND (max-width:2500px) { #timeline_table .tl-row .tl-left { width: 25%} } @media screen AND (max-width:2300px) { #timeline_table .tl-row .tl-left { width: 30%} } @media screen AND (max-width:1660px) { #timeline_table .tl-row .tl-left { width: 35%} } #timeline_table .tl-row .tl-left .day { display:flex; align-items:center; flex-shrink:0; flex-grow:0} #timeline_table .tl-row .tl-left .absences, #timeline_table .tl-row .tl-left .holiday { font-size:.9em; line-height: 1.3; flex-grow:1; margin-left:5px;display:flex;align-items:center;justify-content:end;text-align:right} @media screen AND (max-width:1920px) { #timeline_table .tl-row .tl-left .absences, #timeline_table .tl-row .tl-left .holiday { font-size:.8em; line-height: 1.2} } #timeline_table .tl-row .tl-right { float: left; width: 80%; padding: 7px 8px; } @media screen AND (max-width:2500px) { #timeline_table .tl-row .tl-right { width: 75% } } @media screen AND (max-width:2300px) { #timeline_table .tl-row .tl-right { width: 70% } } @media screen AND (max-width:1660px) { #timeline_table .tl-row .tl-right { width: 65% } } #timeline_table .tl-row .tl-right a { color: #555; } #timeline_table .tl-row .tl-right .progress { margin-bottom: 0px; } #timeline_table .tl-row .tl-right .bar-position, #timeline_table .tl-row .tl-right .bar-free { background: transparent; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } #timeline_table .tl-row .tl-right .bar-work { cursor: help; } #timeline_table .tl-row .tl-right .ui-tooltip { width: auto; margin-left: 0px; padding: 9px 10px; font-size: 11px; text-align: center; cursor: default; line-height: 15px; } #timeline_table .tl-legend .scale { float: left; padding-top: 10px; text-align: center; background: url(img/reports-tl-scale.jpg) center top no-repeat; } /*_ Select2 _*/ .select2-container .select2-choice { background: #fff; border: 1px solid #ccc; border-radius: 1px; height: auto; padding: 4px 8px; webkit-border-radius: 1px; } .select2-drop { box-shadow: none; } .select2-dropdown-open.select2-drop-above .select2-choice, .select2-dropdown-open.select2-drop-above .select2-choices { background: #fff; border-color: rgba(0, 0, 0, 0) #fc796b #fc796b; } .select2-container .select2-container-multi .select2 .select2-dropdown-open { box-shadow: none; } .select2-container-multi.select2-container-active .select2-choices { border: 1px solid #fc796b; box-shadow: none; } .select2-drop-active { border-color: -moz-use-text-color #fc796b #fc796b; } .select2-drop.select2-drop-above.select2-drop-active { border-top: 1px solid #fc796b; } .select2-drop.select2-drop-above { border-radius: 2px 2px 0 0; box-shadow: 0 -2px 2px 0 rgba(0, 0, 0, 0.08); webkit-border-radius: 2px 2px 0 0; } .select2-container-active .select2-choice, .select2-container-active .select2-choices { border-color: #fc796b; box-shadow: none; } .select2-container .select2-choice .select2-arrow { background-color: #FFFFFF; background-image: none; width: 30px; } .select2-results .select2-highlighted { background: none repeat scroll 0 0 #fc796b; } .select2-container .select2-choice .select2-arrow b { background-position: 7px 4px; } .select2-dropdown-open .select2-choice .select2-arrow b { background-position: -13px 3px; } .select2-container.select2-drop-above .select2-choice { border-radius: 0 0 2px 2px; webkit-border-radius: 0 0 2px 2px; } .select2-container-multi .select2-choices .select2-search-choice { background-color: #fc796b; background-image: none; border: none; border-radius: 0; box-shadow: none; color: #fff; padding: 3px 5px 5px 18px; } .select2-container-multi .select2-choices { background: #fff; box-shadow: none; padding: 5px; } /*_ Modal Boxen: Kreis _*/ .modal-dialog { width: 80%; max-width: 450px; } .modal-dialog h4 { margin-top: 0px; } .modal-dialog p { padding-top: 6px; margin-bottom: 0px; text-align: left; } .modal-dialog .i-circle { display: inline-block; float: left; margin: 0 20px 0 10px; height: 60px; width: 60px; padding-top: 11px; border: 5px solid #F1F1F1; border-radius: 50%; -webkit-border-radius: 50%; text-align: center; } .modal-dialog .i-circle i { font-size: 34px; vertical-align: middle; color: #666; } .modal-dialog .i-circle.primary i { color: #7761a7; } .modal-dialog .i-circle.success i { color: #19b698; } .modal-dialog .i-circle.info i { color: #4aa3df; } .modal-dialog .i-circle.warning i { color: #f16e3f; } .modal-dialog .i-circle.danger i { color: #ea6153; } .modal-dialog .modal-body { overflow: hidden; } .modal-dialog .modal-footer { padding: 15px 20px; margin-top: 0px; } /*_ Autocomplete _*/ .autocomplete-suggestions { border: 1px solid #fc796b; border-top: 1px solid #fff; margin-top: -1px; padding: 4px 0; background: #FFF; cursor: default; overflow: auto; } .autocomplete-suggestion { margin: 0 3px; padding: 4px 7px; white-space: nowrap; overflow: hidden; } .autocomplete-selected { color: #fff; background: #fc796b; } .autocomplete-suggestions strong { font-weight: 300; text-decoration: underline; } .autocomplete-suggestions.IssueList{} .autocomplete-suggestions.IssueList .autocomplete-suggestion{ font-size: 12px; line-height:18px; font-weight:400; } .autocomplete-suggestions.IssueList .autocomplete-suggestion.autocomplete-selected{ background-color:rgb(230,230,230); color:inherit; } .autocomplete-suggestions.IssueList .autocomplete-suggestion strong { font-weight: 700; text-decoration: none; } .autocomplete-suggestions.IssueList .autocomplete-suggestion i { font-style:normal } .autocomplete-suggestions.IssueList .autocomplete-suggestion .Title { display:block; float:left; font-size: 14px; line-height:22px; font-weight:400; margin:0; } .autocomplete-suggestions.IssueList .autocomplete-suggestion .Key { clear:both; display:block; float:left; } .autocomplete-suggestions.IssueList .autocomplete-suggestion .Type { display:block; float:left; margin-left: 5px; } .autocomplete-suggestions.IssueList .autocomplete-suggestion .Status { display:block; float:left; border-radius:9px; margin-left:5px; padding:0 5px; } .autocomplete-suggestions.IssueList .autocomplete-suggestion .Status.done { background-color: #e3fcef; border-color: #e3fcef; color: #064; } .autocomplete-suggestions.IssueList .autocomplete-suggestion .Status.indeterminate { background-color: #deebff; border-color: #deebff; color: #0049b0; } .autocomplete-suggestions.IssueList .autocomplete-suggestion .Status.new { background-color: #ebecf0; border-color: #ebecf0; color: #42526e; } .autocomplete-suggestions.IssueList .autocomplete-suggestion .Assignee, .autocomplete-suggestions.IssueList .autocomplete-suggestion .Reporter { display:block; float:left; border-radius:50%; margin-left:5px; width:18px; border:1px solid #EEEEEE; } .autocomplete-suggestions.IssueList .autocomplete-suggestion .Reporter{ margin-left:3px; } .JiraInput .col-sm-6{ position:relative; } .JiraOutput{} #jira-issue-container{ display:flex; flex-wrap:wrap; margin:-5px; } #jira-issue-container > input{position:absolute;opacity:0.001;} #jira-issue-container > input:checked + div{ background-color:#fc796b; color:#FFFFFF; } #jira-issue-container > input:checked + div label{ text-decoration:none; } #jira-issue-container > div{ display:block; float:left; text-decoration:line-through; background-color:#EEEEEE; margin:5px; } #jira-issue-container > div a{ color: inherit; } #jira-issue-container > div label{ text-decoration:line-through; cursor:pointer; margin:0; padding:7px 10px; } /*_ List Group _*/ .list-group-item:first-child { border-radius: 0; webkit-border-radius: 0; } .list-group-item:last-child { border-radius: 0; webkit-border-radius: 0; } a.list-group-item.active, a.list-group-item.active:hover, a.list-group-item.active:focus { background-color: #fc796b; border-color: #fc796b; } .list-group-item i { display: inline-block !important; min-width: 15px; text-align: center; } .list-group-item h4 { font-size: 17px; margin-bottom: 8px; } .list-group-item h4 { font-size: 15px; margin-bottom: 8px; } .list-group-item { font-size: 12px; line-height: 22px; padding: 13px 15px; } a.list-group-item:hover { border-color: #fc796b; border-left: 5px solid #fc796b; padding-left: 11px; } a.list-group-item:hover + a.list-group-item { border-top-color: #fc796b; } .list-group .active:hover { border-left: 1px solid #fc796b; padding-left: 15px; } /*_ Daterange Picker _*/ .daterangepicker { border: 1px solid #ccc; } .daterangepicker button { margin: 0px !important; width: 100%; } .daterangepicker button.applyBtn { margin-bottom: 5px !important; } .daterangepicker .calendar * { border: none; } .daterangepicker .calendar thead * { font-weight: 700; } .daterangepicker .calendar thead select { border: 1px solid #ccc; } .daterangepicker .calendar td.active, .daterangepicker .calendar td.active:hover { background-color: #fc796b; border-color: transparent; } .daterangepicker .calendar td.in-range { background-color: #fff1f0; } .daterangepicker .ranges li { color: #666 !important; border-radius: 0px !important; -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; } .daterangepicker .ranges li.active, .daterangepicker .ranges li:hover { background: #fc796b !important; border: 1px solid #fc796b !important; color: #fff !important; } .daterangepicker .range_inputs input { border-radius: 0px !important; -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; } /*_ jQuery UI Datepicker _*/ .ui-datepicker { position: relative; } .ui-datepicker .ui-datepicker-title { cursor: default; font-size: 13px; font-weight: 600; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { color: #FFF; height: 1.8em; position: absolute; width: 1.8em; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; overflow: hidden; text-indent: -99999px; } .ui-datepicker table th { border: 0; padding: 5px; width: 22px; height: 17px; } .ui-datepicker table th span { font-size: 13px; color: #555; } .ui-datepicker table tr { background: transparent !important; } .ui-datepicker table td { border: 0; font-size: 12px; text-align: center; width: 32px; height: 27px; padding: 0px; border: none !important; } .ui-datepicker table td span, .ui-datepicker table td a { color: #fff; display: block; text-align: center; text-decoration: none; padding: 5px; width: 100%; line-height: 17px; border: none !important; } .ui-datepicker table td a.ui-state-active { color: #fff; background: #fc796b !important; border-radius: 4px !important; -webkit-border-radius: 4px !important; -moz-border-radius: 4px !important; } .ui-datepicker table th:last-child, .ui-datepicker table td:last-child { border: none; } /*_ Filterbox und Results _*/ #filter_form .form-group { margin-bottom: 10px; } #filter_form .input-group { margin-bottom: 0px; } #filter_form .left-searchbar { padding-top: 7px; padding-bottom: 7px; } #filter_form .left-searchbar .counter { font-weight: 600; } #filter_form .left-searchbar a { color: #555; } #filter_form .left-searchbar a:hover, #filter_form .left-searchbar a.current_filter { color: #fc796b; } #filter_form .right-searchbar .input-group-btn input { font-weight: 600; } /*_ Nano Scroller _*/ .nano > .pane > .slider { width: 100%; } /* General styles for all menus */ .cbp-spmenu { background: #272930; position: fixed; } .cbp-spmenu > .header { background: #fc796b; min-height: 64px; padding: 20px; position: relative; } .cbp-spmenu > .header h3 { color: #fff; font-size: 1.9em; font-weight: 300; margin: 0; } .cbp-spmenu .sub-header { background: #fc796b; color: #FFF; padding: 8px 20px; } .cbp-spmenu .sub-header .icon { display: inline-block; margin-right: 5px; } .cbp-spmenu .sub-header p { display: inline-block; font-size: 13px; font-weight: 400; margin: 0; } .cbp-spmenu a { color: #fff; display: block; font-size: 1.1em; font-weight: 300; } .cbp-spmenu a:hover { background: #22242B; } .cbp-spmenu a:active { background: #2A2C34; border-right: 2px solid #7761A7; } /* Orientation-dependent styles for the content of the menu */ .cbp-spmenu-vertical { height: 100%; top: 0; width: 240px; z-index: 1000; } .cbp-spmenu-vertical a { border-bottom: 1px solid rgba(255, 255, 255, 0.04); padding: 1em; } .cbp-spmenu-horizontal { height: 150px; left: 0; overflow: hidden; width: 100%; z-index: 1000; } .cbp-spmenu-horizontal h3 { float: left; height: 100%; width: 20%; } .cbp-spmenu-horizontal a { border-left: 1px solid #258ecd; float: left; padding: 0.8em; width: 20%; } /* Vertical menu that slides from the left or right */ .cbp-spmenu-left { left: -240px; } .cbp-spmenu-right { right: -240px; } .cbp-spmenu-left.cbp-spmenu-open { left: 0px; } .cbp-spmenu-right.cbp-spmenu-open { right: 0px; } /* Horizontal menu that slides from the top or bottom */ .cbp-spmenu-top { top: -150px; } .cbp-spmenu-bottom { bottom: -150px; } .cbp-spmenu-top.cbp-spmenu-open { top: 0px; } .cbp-spmenu-bottom.cbp-spmenu-open { bottom: 0px; } /* Push classes applied to the body */ .cbp-spmenu-push { left: 0; overflow-x: hidden; position: relative; } .cbp-spmenu-push-toright { left: 240px; } .cbp-spmenu-push-toleft { left: -240px; } /*_ Forms ===================================*/ button::-moz-focus-inner { border: 0; } .form-horizontal.group-border .form-group { border-bottom: 1px solid #efefef; margin: 0; padding: 20px 0; } .form-horizontal.group-border .form-group:last-child { border-bottom: 0; } .form-horizontal.group-border-dashed .form-group { border-bottom: 1px dashed #efefef; margin: 0; padding: 20px 0; } .form-horizontal.group-border-dashed .form-group:last-child { border-bottom: 0; } .form-control { border-radius: 1px; box-shadow: none; font-size: 12px; padding: 6px 8px; webkit-border-radius: 1px; } .form-control:focus { border-color: #fc796b; box-shadow: none; } .form-group { margin-top: 10px; } .input-group { margin-bottom: 15px; } .input-group .btn { box-shadow: none; line-height: 20px; margin: 0 !important; margin-left: -1px !important; padding-bottom: 6px; padding-top: 6px; } .input-group-btn > .btn + .btn { margin-left: -5px !important; } .input-group-lg > .input-group-addon { border-radius: 3px 0 0 3px; line-height: 0.33; webkit-border-radius: 3px 0 0 3px; } .input-group-addon { border-radius: 2px; padding: 6px 11px; webkit-border-radius: 2px; } .input-group-addon.primary { background-color: #fc796b; color: #fff; } label { font-weight: 300; padding-top: 7px; margin-bottom: 7px; } label.control-label { font-weight: 600; } label .tooltip { min-width: 155px; } select.form-control, textarea.form-control { padding: 6px 8px; resize:vertical } .radio { padding-left: 0px; } .hidden-checkbox{ display:none; } .form-control[type="checkbox"]{ width:auto; } .weekday-select{ display:inline-block; background-color:#666; color:#FFFFFF; padding:6.5px 10px; cursor:pointer; width:100px; text-align:center; font-weight:bold; } .weekday-select-checkbox:checked + .weekday-select{ background-color:#fc796b; } .weekday-select.readonly:hover { cursor:not-allowed; } /*_ Buttons ===================================*/ .btn { border-color: #CCC; border-radius: 0; font-size: 13px; margin-left: 0px; outline: none; padding: 7px 11px; webkit-border-radius: 0; } .btn:active, .btn.active { box-shadow: none; } .btn:focus { outline: none; } .btn i { display: inline-block; font-size: 14px; margin-right: 2px; min-width: 10px; } .btn-block { width: 100%; } .btn-xs { font-size: 11px; padding: 2px 6px; } .btn-xs i { font-size: 12px; } .btn-sm { font-size: 12px; padding: 4px 7px; } .btn-sm i { font-size: 14px; } .btn-lg { font-size: 15px; font-weight: 300; padding: 12px 14px; } .btn-lg i { font-size: 18px; } .btn.bg i { color: #FFF; } .btn-group { margin-left: 1px; margin-right: 1px; } .btn-group .dropdown-menu { border-radius: 1px; } .btn-group-vertical { margin: 3px 3px; } .btn-group-vertical > .btn { margin-bottom: 0 !important; } .btn-group-vertical > .btn:first-child { border-radius: 0 !important; margin-left: 0; webkit-border-radius: 0 !important; } .btn-group-vertical > .btn:last-child { border-radius: 0 !important; webkit-border-radius: 0 !important; } .btn-group.horizontal > .btn { border-color: rgba(0, 0, 0, 0.08); } .btn-primary.disabled, .btn-primary[disabled], .btn-primary.disabled:hover, .btn-primary[disabled]:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, .btn-primary.disabled.active, .btn-primary.active[disabled], fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary.active { background-color: #d45143; border-color: #d45143; } /*_ Colors _*/ .btn-default, .btn-default:focus { background-color: #FFF; border-color: #CCC; color: #5E5E5E; } .btn-default i { color: #444; } .btn-default:active { background: #f5f5f5; box-shadow: none; } .btn-primary, .btn-primary:focus { background-color: #fc796b; border-color: transparent; color: #fff; } .btn-primary:hover, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary { background-color: #fc796b; border-color: transparent; } .btn-primary:active { background: #f26f61; box-shadow: none; } .btn-success, .btn-success:focus { background-color: #19b698; border-color: transparent; } .btn-success:hover, .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success { background-color: #23c0a2; border-color: transparent; } .btn-success:active { background: #0fac8e; box-shadow: none; } .btn-info, .btn-info:focus { background-color: #4aa3df; border-color: transparent; } .btn-info:hover, .btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info { background-color: #54ade9; border-color: transparent; } .btn-info:active { background: #4099d5; box-shadow: none; } .btn-warning, .btn-warning:focus { background-color: #f16e3f; border-color: transparent; } .btn-warning:hover, .btn-warning:active, .btn-warning.active, .open .dropdown-toggle.btn-warning { background-color: #fb7849; border-color: transparent; } .btn-warning:active { background: #e76435; box-shadow: none; } .btn-danger, .btn-danger:focus { background-color: #d14233; border-color: transparent; } .btn-danger:hover, .btn-danger:active, .btn-danger.active, .open .dropdown-toggle.btn-danger { background-color: #db4c3d; border-color: transparent; } .btn-danger:active { background: #c73829; box-shadow: none; } .btn-primary .caret, .btn-success .caret, .btn-warning .caret, .btn-danger .caret, .btn-info .caret { border-top-color: #FFFFFF; } /*_ Tables ===================================*/ .table-responsive { overflow-x: auto; } table { border-collapse: collapse; width: 100%; } table .right { text-align: right; } table .left { text-align: left; } table tr:nth-child(2n) { background: #f8f8f8; } table.hover tbody tr:hover { background: #f3f3f3; } table.no-strip tr:nth-child(2n) { background: transparent; } table td { border-bottom: 1px solid #dadada; border-left: 1px solid #DADADA; padding: 7px 8px; } table td:last-child { border-right: 1px solid #dadada; } table td .progress { margin: 0; } table td i { display: inline-block; font-size: 15px; text-align: center; width: 23px; } table thead th { font-size: 13px; font-weight: 200; border-bottom: 1px solid #DADADA; border-left: 1px solid #DADADA; border-top: 1px solid #DADADA; padding: 10px 8px 5px 8px; vertical-align: bottom; } table thead th:last-child { border-right: 1px solid #DADADA; } table thead th span { color: #333; display: block; font-size: 16px; } table tbody td { font-size: 12px; padding: 7px 8px; } table tbody .toggle-details { cursor: pointer; } table tbody .details { background: #FFF; } table tbody td .btn { margin-bottom: 0 !important; } table tbody td .btn-group .dropdown-menu { margin-top: -1px; min-width: 130px; } table tbody td .btn-group .dropdown-menu li > a { padding: 5px 12px; text-align: left; } table.list .items td { padding: 5px; vertical-align: middle; } table.list .items td .progress { height: 13px; } table.list .items td .progress .progress-bar { font-size: 10px; line-height: 12px; } table.list .items td > span { vertical-align: top; } table.list .items td p span { color: #9e9e9e; display: block; font-size: 12px; line-height: 10px; } table.dashed tr:nth-child(2n) { background: #fff; } table.dashed td { border-bottom: 1px dashed #ddd; border-left: 0; padding: 20px; } table.dashed td:last-child { border-right: 0; } table .no-border th { border-left: 0; } table .no-border tr th:first-child { border-left: 1px solid #dadada; } table .no-border-x td { border-bottom: 0; } table .no-border-x tr:last-child td { border-bottom: 1px solid #dadada; } table .no-border-y td { border-left: 0; } table .no-border-y tr td:first-child { border-left: 1px solid #dadada; } table.no-border tr th { border-top: 0; } table.no-border tr th:first-child, table.no-border tr td:first-child { border-left: 0; } table.no-border tr th:last-child, table.no-border tr td:last-child { border-right: 0; } table.no-border tr:last-child td { border-bottom: 0; } .no-padding table th:first-child { border-left: 0; } .no-padding table th:last-child { border-right: 0; } .no-padding table tr td:first-child { border-left: 0; } .no-padding table tr td:last-child { border-right: 0; } .no-padding table tr:last-child td { border-bottom: 0; } table.results-table thead, table.results-table thead th, table.results-table tfoot,table.results-table tfoot td { border: none; } table.results-table thead th { vertical-align: middle; background: #F2F2F2 right center no-repeat; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding-top: 5px; padding-bottom: 5px; font-weight: 700; line-height: 14px; } table.results-table thead th i { font-weight: 400; } table.results-table tfoot td { background: #F2F2F2; border-top: 3px solid #ccc; font-weight: 700; } table.results-table thead.table-order th.order { cursor: pointer; background-image: url(img/tablesort-both.png); } table.results-table thead.table-order th.order.active { text-decoration: underline; } table.results-table thead.table-order th.order.asc { background-image: url(img/tablesort-asc.png); } table.results-table thead.table-order th.order.desc { background-image: url(img/tablesort-desc.png); } #results table td a, table.results-table td a, table.results-table thead th a { color: #555; } table.results-table a.btn { color: #fff; } #results table td { border-left:0; } #results table tr.Archived td:first-of-type{opacity:0.5;} /*_ Page Style ===================================*/ .container-fluid { padding: 0; } /*_ rechte Content Spalte _*/ #pcont { margin-left: 216px; position: relative; display: table-cell; vertical-align: top; } #pcont.container-fluid { padding: 0; } #pcont .cl-mcont { color: inherit; font-size: 13px; font-weight: 300; line-height: 21px; margin-top: 0; padding: 15px 30px 30px 30px; } #pcont .cl-mcont .row { margin-top: 20px; } #pcont .cl-mcont .col-lg-6 { padding: 0 15px; } #pcont .cl-mcont h1 { line-height: 1.3em; } /*_ rechte Spalte: weißer Balken mit Einstellungen _*/ #head-nav.navbar { background-color: #fff; border: none; border-bottom: 1px solid #E0E4E8; border-radius: 0; color: #2c3e50; margin-bottom: 0; padding: 0 25px 0 10px; } #head-nav.navbar-nav > li > a { padding: 22px; } #head-nav.navbar-nav > .active > a:focus { color: #3F4148; } #head-nav.navbar-default .navbar-brand { background: url(../images/logo.png) no-repeat 0 11px; color: #2c3e50; font-size: 19px; font-weight: 300; line-height: 18px; padding-left: 35px; text-align: left; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2); width: 206px; } #head-nav.navbar-default .navbar-brand:hover { color: #223446; } #head-nav.navbar-default .navbar-nav > .active > a, #head-nav.navbar-default .navbar-nav > .active > a:hover, #head-nav.navbar-default .navbar-nav > li > a { color: #3F4148; font-size: 14px; font-weight: 400; } #head-nav.navbar-default .navbar-nav > li > a:hover { color: #223446; } #head-nav.navbar-default .navbar-nav > li.button { float: left; padding: 17px 6px; } #head-nav.navbar-default .navbar-nav > li.button > a { border-radius: 2px; box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.2) inset; padding: 4px; text-align: center; webkit-border-radius: 2px; width: 30px; } #head-nav.navbar-default .navbar-nav > li.button > a > i { font-size: 18px; } #head-nav.navbar-default .navbar-nav > li.button .bubble { background-color: #e44c34; border-color: #E23923 #D83722 #C0311E; border-left: 1px solid #D83722; border-radius: 3px; border-width: 1px; box-shadow: -1px 1px 0 rgba(0, 0, 0, 0.25); color: #fff; font: bold 9px Tahoma; left: 23px; padding: 1px 3px 1px 2px; position: absolute; top: 2px; webkit-border-radius: 3px; } #head-nav.navbar-default .navbar-nav > li.button.open:after { bottom: 0; content: ''; display: inline-block; left: 10px; left: 50%; margin-left: -6px; position: absolute; } #head-nav.navbar-nav > li.button .dropdown-menu { max-width: 280px; min-width: 260px; padding: 0; } #head-nav.navbar-nav > li.button .dropdown-menu .content > ul { padding: 0; } #head-nav.navbar-default .navbar-nav > li.button .dropdown-menu li ul > li > a { border-bottom: 1px solid #ececec; color: #444; font-weight: 300; padding: 11px 10px; padding-left: 33px; position: relative; } #head-nav.navbar-default .navbar-nav > li.button .messages li ul > li > a { line-height: 16px; padding: 12px 10px; padding-left: 48px; white-space: normal; } #head-nav.navbar-default .navbar-nav > li.button .dropdown-menu li > a:hover { background: #F8F8F8; color: #444; } #head-nav.navbar-default .navbar-nav > li.button .dropdown-menu li:last-child > a { border-bottom: 0; } #head-nav.navbar-default .navbar-nav > li.button .dropdown-menu li > a > i { display: inline-block; font-size: 14px; left: 10px; position: absolute; text-align: center; top: 14px; vertical-align: middle; width: 20px; } #head-nav.navbar-default .navbar-nav > li.button .messages li > a > img { height: 30px; left: 10px; position: absolute; top: 16px; width: 30px; } #head-nav.navbar-default .navbar-nav > li.button .messages li > a .name { color: #555555; display: block; font-size: 12px; font-weight: 600; line-height: 19px; } #head-nav.navbar-default .navbar-nav > li.button .dropdown-menu li > a > i.success { color: #19b698; } #head-nav.navbar-default .navbar-nav > li.button .dropdown-menu li > a > i.info { color: #4aa3df; } #head-nav.navbar-default .navbar-nav > li.button .dropdown-menu li > a > i.warning { color: #fed16c; } #head-nav.navbar-default .navbar-nav > li.button .dropdown-menu li > a > i.danger { color: #d14233; } #head-nav.navbar-default .navbar-nav > li.button .dropdown-menu .nano { height: 200px; } #head-nav.navbar-default .navbar-nav > li.button .dropdown-menu li a .date { color: #999999; display: block; font-size: 11px; font-style: italic; line-height: 18px; } #head-nav.navbar-default .navbar-nav > li.button .dropdown-menu .title { border-bottom: 1px solid #DDDDDF; color: #444; font-size: 12px; font-weight: 300; padding: 8px 17px; } #head-nav.navbar-default .navbar-nav > li.button .dropdown-menu .title a:hover { background: transparent; } #head-nav.navbar-default .navbar-nav > li.button .dropdown-menu .foot { padding: 0; } #head-nav.navbar-default .navbar-nav > li.button .dropdown-menu .foot > li { list-style: none; } #head-nav.navbar-default .navbar-nav > li.button .dropdown-menu .foot a { background: #F7F7F7; color: #444; padding: 8px 17px; text-align: center; } #head-nav.navbar-default .navbar-nav > .dropdown > a .caret { border-bottom-color: #000; border-top-color: #000; } #head-nav.navbar-default .navbar-nav > .dropdown > a:hover .caret, #head-nav.navbar-default .navbar-nav > .dropdown > a:focus .caret { border-bottom-color: #000; border-top-color: #000; } #head-nav.navbar-default .navbar-nav > .open > a, #head-nav.navbar-default .navbar-nav > .open > a:hover, #head-nav.navbar-nav > .open > a:focus { background-color: #fc796b; color: #223446; } #head-nav.navbar-default .navbar-nav > .open > a, #head-nav.navbar-default .navbar-nav > .open > a:hover, #head-nav.navbar-default .navbar-nav > .open > a:focus { background-color: #fc796b; color: #fff; } #head-nav.navbar-default .navbar-toggle { border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.2) inset; outline: none; padding: 6px 10px; } #head-nav.navbar-default .navbar-toggle:hover { background: rgba(255, 255, 255, 0.07); } #head-nav.navbar-default .navbar-toggle:active { box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.07) inset; } #head-nav.navbar-default .navbar-toggle:focus { background: transparent; } #head-nav.navbar-default .navbar-toggle .icon-bar { background-color: #FFFFFF; } #head-nav.navbar-default .navbar-toggle .fa { color: #FFFFFF; font-size: 18px; } #head-nav.navbar-collapse { border-top: none; max-height: none; position: relative; } #head-nav .navbar-nav .dropdown .dropdown-menu { background-clip: none; box-shadow: 1px 3px 3px rgba(0, 0, 0, 0.1); margin-top: 10px; } #head-nav .navbar-nav .dropdown.profile_menu .dropdown-menu { border-top-left-radius: 4px; border-top-right-radius: 4px; } #head-nav .dropdown.profile_menu .dropdown-menu:before { background: url(img/menu-tail-up.png) no-repeat; content: ""; display: inline-block; height: 43px; position: absolute; right: 10px; top: -10px; width: 17px; } /*Profile menu*/ #head-nav .user-nav { margin: 0; margin-right: -15px; } #head-nav .user-nav .profile_menu { cursor: pointer; margin-left: 10px; } #head-nav .user-nav .profile_menu .dropdown-toggle { padding: 22px 10px; } #head-nav .user-nav .profile_menu img { width:30px; border-radius: 15px; margin-right: 10px; webkit-border-radius: 15px; background-color:#EEEEEE} /*_ rechte Spalte: Headline/Breadcrumb _*/ .page-head { padding-bottom: 10px; position: relative; } .page-head h2 { color: #4F4F4F; font-family: 'Open Sans', sans-serif; font-weight: 300; letter-spacing: -1px; margin-bottom: 0; margin-top: 6px; } .page-head .breadcrumb { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); margin-bottom: 0; margin-top: 5px; padding: 4px; } /*_ Content Boxen _*/ .block-flat { background: #FFF; border-bottom: 1px solid #e2e2e2; border-left: 1px solid #efefef; border-radius: 3px; border-right: 1px solid #efefef; box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.04); margin-bottom: 40px; moz-transition: padding 500ms; padding: 20px 20px; position: relative; transition: padding 500ms; webkit-border-radius: 3px; webkit-transition: padding 500ms; } .block-flat .header { background: transparent; padding: 3px 0; border-bottom: 1px solid #dadada; } .block-flat .header.no-border { border: 0; } .block-flat .header h2 { font-size: 29px; font-weight: 100; line-height: 38px; margin: 0; } .block-flat .header h3 { margin-top: 3px; overflow: hidden; } .block-flat .header h3 .label { display: block; float: right; font-size: 13px; margin-top: 2px; } .block-flat .content { padding: 15px 3px 0 3px; } .block-flat .content.full-width { margin-bottom: -20px; margin-left: -20px; margin-right: -20px; padding: 0; } .block-flat .content h4 { font-size: 16px; margin-top: 20px; } .block-flat.no-padding .content { padding: 0 !important; } .block-flat.no-padding .content table td, .block-flat.no-padding .content table th { padding: 11px 20px; } /*_ zusätzliche Spalte im Contentbereich anzeigen _*/ .cl-mcont.aside { display: table; height: 100%; margin-top: -66px; padding: 0; padding: 66px 0 0; } .cl-mcont.aside > .content { display: table-cell; vertical-align: top; width: 100%; } .page-aside { background: none repeat scroll 0 0 #FFFFFF; border-right: 1px solid #E9E9E9; display: table-cell; height: 100%; position: relative; vertical-align: top; width: 280px; } .page-aside > div { width: 280px; } .page-aside div.fixed { height: 100%; position: fixed; } .page-aside div.content { padding: 20px 20px; } @media (max-width: 767px) { .page-aside { display: block; height: auto; position: relative; width: 100%; } .page-aside div.fixed { display: block; position: relative; width: 100%; } } /*_ Custom PAGE Styles ===================================*/ /*_ ERROR _*/ .page-error { margin: 80px 0px 40px; color: #fff; text-align: center; } .page-error h1 { font-family: Arial; font-size: 150px; } .page-error h2 { font-size: 40px; } .page-error h3 .btn { font-size: 20px; } /*_ Login _*/ #login-overlay { display: none; position: fixed; z-index: 9999; background: url(img/lightbox-overlay.png); } .page-login #login-overlay { display: block; background: none; position: static; } .login-container .middle-login { width: 380px; margin: 30px auto; } .login-container .block-flat { border: 0; border-radius: 2px; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.6); margin-bottom: 20px; overflow: hidden; padding: 0; webkit-border-radius: 2px; } .login-container .block-flat .content { padding: 30px; padding-bottom: 5px; } .login-container .block-flat .content .form-group { padding-bottom: 25px; margin: 0px; } .login-container .block-flat .content .form-group a.small { margin-top: 10px; display: block; float: right; color: #555; } .login-container .block-flat .content .form-group a.small:hover { text-decoration: underline; } .login-container .block-flat .foot { background: #F1F6F8; border-top: 1px solid #DDE0E9; text-align: right; padding: 15px 30px; } .login-container .block-flat .foot .btn { min-width: 130px; margin: 0px !important; } /*_ Zeiterfassung aufnehmen _*/ .page-periods #form-track .input-group { float: left; margin-bottom: 0px; padding: 0 15px 0 0; } .page-periods #form-track .input-datetime { overflow: hidden; } .page-periods #form-track .input-datetime * { float: left; display: block; } .page-periods #form-track .input-datetime input { width: 65px; text-align: center; } .page-periods #form-track .input-datetime .input-group input { width: 95px; float: left; } .page-periods #form-track .input-datetime .input-group .input-group-addon { padding: 9px 11px; float: left; } .page-periods #form-track .input-datetime .input-group .input-group-addon span { display: inline-block; padding: 0; float: none; } .page-periods #form-track .input-datetime span { width: auto; padding: 7px 10px 0 8px; } .page-periods #form-track .input-datetime a.btn { display: table-cell; margin: 0 0 0 13px !important; } .page-periods #form-track .input-datetime a.btn i { display: inline-block; padding: 0; float: none; } @media (max-width: 460px) { .page-periods #timer-button{visibility: hidden} .page-periods input[name="pause"]{visibility: hidden} .page-periods #btn-page-periods-submit{ clear:both;margin-top: 10px;margin-left:13%;width: auto;text-align: left} .page-periods #btn-page-periods-submit input{position: relative;top:-44px} } .page-periods .Audits{ list-style: none; } .page-periods .Audits .Audit{ margin-top: 25px; } .page-periods .Audits .Audit:first-child{ margin-top: 0; } .page-periods .Audits h6{ display: flex; align-items: center; margin: 0; } .page-periods .Audits h6 img { max-width:20px; border-radius:50%; vertical-align:middle; border:1px solid lightgray; } .page-periods .Audits h6 > *{ margin-left: 5px; } .page-periods .Audits h6 .Extra{ opacity: .5; transition: opacity .2s; } .page-periods .Audits .Audit:hover h6 .Extra{ opacity: 1; } .page-periods .Audits .Data{ margin-top: 2px; margin-left: 0; list-style: none; line-height: 1.2em; } .page-periods .Audits .Data li{ display: flex; align-items: center; margin-top: 2px; } .page-periods .Audits .Data li:first-child{ margin-top: 0; } .page-periods .Audits .Data .Title{ margin-right: 5px; } .page-periods .Audits .Data output{ padding: 0; line-height: inherit; font-size: inherit; } .page-periods .Audits .Data .New:before{ content: '🠖'; margin: 0 10px; } .page-periods .Audits .Data del{ color: red; background: #fdd; text-decoration: none; } .page-periods .Audits .Data ins{ color: green; background: #dfd; text-decoration: none; } /*_ Berichte: Userreport/Projektreport _*/ .page-reports #overview_boxes .block-flat {margin-bottom: 15px; padding: 13px 10px 11px; text-align: center; } .page-reports #overview_boxes .block-flat:after {display:block; content:''; clear:both} .page-reports #overview_boxes .block-flat .content { float: left; width: 50%; padding: 5px 0 5px 10px; } .page-reports #overview_boxes .block-flat .content.first { border-right: 1px solid #dadada; padding-left: 0px; padding-right: 10px; } .page-reports #overview_boxes .block-flat .content.middle { padding-right: 10px; } .page-reports #overview_boxes .block-flat .content.span { width: 100%; padding-left: 0px; } .page-reports #overview_boxes .block-flat .content .top { font-size: 14px; } .page-reports #overview_boxes .block-flat .content .top span { font-size: 24px; } .page-reports #overview_boxes .block-flat .content .bottom { font-size: 13px; color: #888; line-height: 18px; } .page-reports #overview_boxes .block-flat .progress { margin-top: 9px; margin-bottom: 0px; } .page-reports #overview_boxes .block-flat.extended .content {width:30%; margin-left:3%; border-left:1px solid #DADADA} .page-reports #overview_boxes .block-flat.extended .content.first { border-right: none;} .page-reports #overview_boxes .block-flat.extended .content:first-child {margin-left:0; border-left:none} .page-reports #overview_boxes .withTooltip {display:inline-block; position:relative;} .page-reports #overview_boxes i {font-size:1rem; opacity:.3; position:absolute; top:0;right:-10px;} .page-reports .table-charts a { color: #555; } .page-reports .table-charts tr.more { display: none; } .page-reports .table-charts tr.more-link { background: #fff; font-weight: 700; } /*_ Berichte: Userreport _*/ .page-reports #report_headline { float: left; padding-right: 25px; margin: 0px; line-height: 34px; } .page-reports #reportuser { float: right; display: block; width: 180px; padding-right: 20px; } .easyPieChart {position: relative;text-align: center;} .easyPieChart canvas { position: absolute;top: 0;left: 0;} /*_ Berichte: Zeiterfassungen _*/ .page-reports #form-list-records .form-group { padding: 13px 0; } .subpage-report_times .block-flat .header h3 { float: left; } .subpage-report_times .block-flat .header .btn-group { float: right; } .subpage-report_times .block-flat .header .btn-group .dropdown-menu { border: 1px solid #c3c3c3; margin-top: -1px; right: 0px; left: auto; } .subpage-report_projects .results-table { line-height:1.4; max-width:1440px; } .subpage-report_projects .results-table img { width:2rem; margin-left:1rem; margin-right:5px; Border-radius:50%; border:1px solid #DADADA; vertical-align: -.5rem; } .subpage-report_projects .results-table img:first-of-type { margin-left:0; } .subpage-report_projects dl{ font-size:.85em; margin-top:60px; } .subpage-report_projects dl:after{ clear:both; content:''; display:block; } .subpage-report_projects dt{ float:left; clear:both; margin-right:.5em; margin-top:.5em; } .subpage-report_projects dt:first-child{ margin-top:0; } .subpage-report_projects dd{ float:left; margin-left:0; max-width:500px; margin-top:.5em; } .subpage-report_projects dd:first-of-type{ margin-top:0; } /*_ Account Administration _*/ .subpage-settings_account_administration #pcont .content table a { color: #555; } /*_ Account: Import-Wizard _*/ .page-import-wizard #pcont .content form textarea { font-family: "Courier New", Courier, monospace; } .subpage-user-resources .cl-mcont .content li{ margin-top:20px; font-size:16px; } .subpage-user-resources .cl-mcont .content li.Avatar img{ display:inline-block; vertical-align:middle; border:1px solid lightgray; border-radius:50%; width:35px; margin-left:8px; } .subpage-user-resources .cl-mcont .content li a{ color:inherit; } .subpage-user-signature .cl-mcont .content{ display: flex; gap: 50px; } .subpage-user-signature .cl-mcont iframe{ width: 600px; height: 550px; padding: 20px 20px 20px; border: 1px solid lightgray; flex-shrink: 0; flex-grow: 0; } .subpage-user-signature .cl-mcont textarea{ padding: 20px 20px 20px; border: 1px solid lightgray; font-family: monospace; line-height: 1.1em; font-size: 14px; width: 100%; opacity: .025; transition: opacity .3s; resize: none; } .subpage-user-signature .cl-mcont:hover textarea{ opacity: 1; } /*======================================================================*/ /*======================================================================*/ /*Vertical Navigation*/ .cl-sidebar { background: #272930; position: absolute; width: 280px; z-index: 2; } .cl-sidebar .cl-toggle { background: rgba(0, 0, 0, 0.15); border-radius: 3px; cursor: pointer; display: none; padding: 7px 8px; position: absolute; right: 15px; text-align: center; top: 14px; } .cl-sidebar .cl-toggle i { color: #fff; font-size: 21px; } .sidebar-logo { background: #fff url(../images/logo.png) no-repeat center center; display: block; height: 74px; padding: 15px 20px; } .sidebar-favicon{display: none} #cl-wrapper .cl-sidebar .side-user .avatar { display: none; margin-right: 3px; } #cl-wrapper .cl-sidebar .side-user .avatar img { border-radius: 25px; margin-right: 5px; } #cl-wrapper .cl-sidebar .side-user .info { display: inline-block; vertical-align: middle; padding-left:10px} #cl-wrapper .cl-sidebar .side-user .info p { color: #FFF; font-size: 14px; font-weight: 300; margin-bottom: 2px; } #cl-wrapper .cl-sidebar .side-user .info span { color: #DBDBDB; font-size: 11px; } .cl-vnavigation { margin: 0 0 0 0; padding: 0; } .cl-vnavigation .parent > a:before { content: ""; display: inline-block; float: right; font-family: 'FontAwesome'; } .cl-vnavigation a{color: white} .cl-vnavigation li a, .cl-vnavigation li a:link, .cl-vnavigation li a:visited { border-top: 1px solid rgba(255, 255, 255, 0.04); color: rgba(255, 255, 255, 0.6); display: block; font-size: 13px; font-weight: 400; moz-transition: color 250ms ease; padding: 14px 25px; transition: color 250ms ease; webkit-transition: color 250ms ease; white-space: nowrap; } .cl-vnavigation li a:hover { color: #ffffff; } .parent .sub-menu { padding: 10px 0; } .sub-menu li a { border: 0; } .sub-menu li a:hover { background-color: rgba(0, 0, 0, 0.1); } .sub-menu li.subtle {opacity:.3;} .sub-menu.Level3 {padding-top:0} .cl-vnavigation .sub-menu.Level3 a {padding-left:60px;} .cl-vnavigation li a:hover { background-color: #22242b; } /*Collapsed Sidebar*/ .sb-collapsed .cl-sidebar { width: 70px; } .sb-collapsed .sidebar-logo { background: url("../images/logo.png") no-repeat scroll 23px -48px #fc796b; padding: 4px 0 5px; } .sb-collapsed .sidebar-logo .logo a { content: " "; display: block; height: 55px; width: 55px; } .sb-collapsed #pcont { margin-left: 55px; } .sb-collapsed .cl-vnavigation li { position: relative; } .sb-collapsed .cl-vnavigation .parent a { background-image: none; } .sb-collapsed .cl-vnavigation > .parent > a:before { display: none; } .sb-collapsed .cl-vnavigation li a i { font-size: 17px; margin: 0; } .sb-collapsed .cl-vnavigation li a span { height: 0; opacity: 0; width: 0; } #cl-wrapper.animate-collapse .cl-sidebar { moz-transition: width 300ms linear; o-transition: width 300ms linear; transition: width 500ms linear; webkit-transition: width 300ms linear; } #cl-wrapper.animate-collapse #pcont { transition: margin 500ms ease; } #cl-wrapper.animate-collapse .cl-vnavigation li a span { moz-transition: opacity 500ms linear; o-transition: opacity 500ms linear; transition: opacity 500ms linear; webkit-transition: opacity 500ms linear; } #cl-wrapper.animate-collapse .cl-vnavigation li a i { moz-transition: margin 500ms linear, font-size 500ms linear; o-transition: margin 500ms linear, font-size 500ms linear; transition: margin 500ms linear, font-size 500ms linear; webkit-transition: margin 500ms linear, font-size 500ms linear; } .cl-sidebar .collapse-button { background: #272930; border-top: 1px solid rgba(255, 255, 255, 0.04); bottom: 0; position: fixed; width: 280px; } .cl-sidebar .collapse-button .search { background: none repeat scroll 0 0 #181A21; border: 1px solid rgba(0, 0, 0, 0.06); border-radius: 2px; color: rgba(255, 255, 255, 0.7); display: inline-block; font-size: 11px; height: 33px; margin-right: 3px; width: 219px; } .cl-sidebar .collapse-button button { background: transparent; border: 1px solid rgba(255, 255, 255, 0.07); border-radius: 2px; box-shadow: none; margin: 0 !important; } .cl-sidebar .collapse-button button:hover { background: #1d1f26; } #cl-wrapper.fixed-menu .menu-space { background: #272930; position: fixed; width: 216px; } #cl-wrapper.fixed-menu .menu-space .content { outline: none; } #cl-wrapper.sb-collapsed.fixed-menu .menu-space { width: 70px; } #cl-wrapper .cl-sidebar .side-user { padding: 25px 20px; } .sb-collapsed .cl-sidebar .side-user { display: none; } #cl-wrapper.animate-collapse .cl-sidebar .collapse-button { moz-transition: width 300ms linear; o-transition: width 300ms linear; transition: width 500ms linear; webkit-transition: width 300ms linear; } .sb-collapsed .cl-sidebar .collapse-button .search { display: none; } .sb-collapsed .cl-sidebar .collapse-button { text-align: center; width: 70px; } .sb-collapsed .cl-vnavigation li.open ul { display: none !important; } #sub-menu-nav ul { background: #FFF; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 3px; border-top: 0; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.22); color: #333; min-width: 190px; padding: 5px 0; } #sub-menu-nav ul li:first-child { padding-top: 0; } #sub-menu-nav ul li:last-child { padding-bottom: 0; } #sub-menu-nav ul li.dropdown-header i { text-align: center; width: 15px; } #sub-menu-nav ul li.dropdown-header { padding: 1px 11px; padding-bottom: 6px; } #sub-menu-nav ul { padding: 5px 0; } #sub-menu-nav ul li { list-style: none; } #sub-menu-nav ul li a { background: transparent; border-bottom: 0; color: #333333; display: block; font-size: 11px; margin-right: -1px; padding: 6px 20px 6px 31px; text-align: left; text-shadow: none; } #sub-menu-nav ul li a:hover { background-color: #fc796b; color: #FFF; } #sub-menu-nav ul:after { background: url(../images/menu-tail-left.png) no-repeat right 10px; content: ""; display: inline-block; height: 43px; left: -9px; position: absolute; top: 0px; width: 10px; } /*End Collapsed*/ .cl-vnavigation li a i { font-size: 14px; margin-right: 7px; text-align: center; width: 20px; } .cl-vnavigation li a span { display: inline-block; } .cl-vnavigation li ul { background-color: #1d1f26; margin: 0; padding: 0; padding-top: 4px; } .cl-vnavigation .parent > ul { display: none;} .cl-vnavigation .parent ul li { list-style: none; } .cl-vnavigation .parent ul li.dropdown-header { display: none; } .cl-vnavigation .parent ul li a { background-image: none; font-size: 12px; padding: 7px 18px 7px 42px; } .cl-vnavigation .parent ul li.active a { background-color: rgba(0, 0, 0, 0.2); border-left: 2px solid #fc796b; color: #ffffff; } .cl-vnavigation .parent ul li a:hover { background-color: rgba(0, 0, 0, 0.2); } .cl-vnavigation .parent ul li a:first-child { border-top: 0; } .cl-vnavigation .active > a { background: #2A2C34; border-left: 2px solid #fc796b; } .cl-vnavigation .selected:hover a { background-color: #2494F2; } .cl-vnavigation .selected:hover ul a { background-color: #1A1C20; } #cl-wrapper, .cl-wrapper { display: table; height: 100%; position: absolute; width: 100%; } .cl-sidebar { display: table-cell; padding-bottom: 49px; position: relative; vertical-align: top; } .static-mn { display: block; position: static; } .custom-billable-delayed-select{ } .custom-billable-delayed-select .clients{ padding:0; margin:0; } .custom-billable-delayed-select .client{ list-style-type:none; margin-top:20px; padding:0; } .custom-billable-delayed-select .client:first-child{ margin-top:0; } .custom-billable-delayed-select .client h5{ font-size:16px; font-weight:700; margin:0; } .custom-billable-delayed-select .projects{ padding:20px 0 0; margin:0; } .custom-billable-delayed-select .project{ list-style-type:none; margin-top:20px; padding:0 0 0 35px; position:relative; } .custom-billable-delayed-select .project:first-child{ margin-top:0; } .custom-billable-delayed-select .project input{ visibility:hidden; position:absolute; } .custom-billable-delayed-select .project input:checked + label:before{ content:"\f00c"; border-color:#000000; } .custom-billable-delayed-select .project label{ display:block; margin:0; padding:0; cursor:pointer; } .custom-billable-delayed-select .project label:before{ width:20px; height:20px; content:''; font-family:FontAwesome; display:block; position:absolute; top:0; left:0; border: 1px solid #ccc; text-align:center; line-height:18px; font-size:14px; cursor:pointer; } .custom-billable-delayed-select .project h6{ font-size:14px; font-weight:700; margin:0; line-height:20px; } .custom-billable-delayed-select .items{ margin-top:10px; } .custom-billable-delayed-select .items .Month{ width:100px; } .custom-billable-delayed-select .items .Length{ width:120px; } [data-billable], [data-suppress-output], [data-delay-billing] { text-align:center; cursor:pointer; } [data-editable-type="textarea"]{ position:relative; } [data-editable-type="textarea"] .form-control{ box-sizing:border-box; position:absolute; left:10px; top:10px; right:10px; bottom:10px; height:calc(100% - 20px); width:calc(100% - 20px); resize:both; z-index:999999; } [data-editable-field="client_pid"], [data-editable-field="project_pid"]{ min-width:120px; } @media (min-width: 980px) { .cl-sidebar .cl-vnavigation { display: block !important; } } @media (min-width: 768px) and (max-width: 979px) { .navbar-default .navbar-brand { background-position: 0 11px; height: 50px; padding-left: 26px; width: 45px; } .navbar-default .navbar-brand span { display: none; } .sidebar-logo { /*background: url("../images/logo.png") no-repeat scroll 23px -48px #fc796b; padding: 4px 0 5px; */ display:none} .sidebar-favicon { display:block;height: 64px} .cl-sidebar { width: 55px; } #pcont { margin-left: 55px; } #cl-wrapper.fixed-menu .menu-space { width: 55px; } .cl-vnavigation li { position: relative; } .cl-vnavigation > .parent > a:before { display: none; } .cl-vnavigation li a i { font-size: 17px; margin: 0; } .cl-vnavigation li a span { height: 0; opacity: 0; width: 0; } .cl-sidebar .side-user { display: none; } .cl-sidebar .cl-vnavigation { display: block !important; } .cl-vnavigation li ul { display: none !important; } .cl-sidebar .collapse-button { display: none; } } @media (max-width: 767px) { #cl-wrapper { display: block; margin-top: 0; } #pcont, .sb-collapsed #pcont { display: block; margin-left: 0; } .cl-mcont { padding: 15px; } .navbar { padding-right: 10px; } .navbar-fixed-top { margin: 0; position: relative; } .dropdown.profile_menu .dropdown-menu { background-color: #fff; margin-left: 10px; position: absolute; } .navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #000; } .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover { background-color: #fc796b; } .navbar-default .navbar-nav .dropdown-submenu > a:after { border-width: 0; } .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { color: #FFF; } .navbar-nav .dropdown-menu > li > a:hover, .navbar-nav .dropdown-menu > li > a:focus, .navbar-nav .dropdown-submenu:hover > a { background-color: transparent; } .navbar-nav .dropdown-submenu ul { display: block; padding-left: 20px; } .navbar-nav .dropdown-header { color: #FFF; } .navbar-nav .col-menu-2 > li > ul > li a { color: #FFF; padding-left: 45px; } .navbar-nav .col-menu-3 > li > ul > li a { color: #FFF; padding-left: 45px; } .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-nav > .active > a:focus, .navbar-nav > .active > a:active { background: transparent !important; color: #FFF !important; } .navbar-default .navbar-nav > li.button { display: inline-block; float: none; padding: 10px 0; top: 100%; } .navbar-default .navbar-nav > li.button > a > i { font-size: 17px; vertical-align: middle; } .navbar-default .navbar-nav > li.button .dropdown-menu { background-color: #FFFFFF; border-top: 0; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); margin-left: -218px; position: absolute; } .navbar-default .navbar-nav > li.button .dropdown-menu > li > a { text-align: left; } .navbar-collapse { padding: 0 !important; } .navbar-collapse .navbar-nav { margin: 0; } .profile_menu { margin: 0; } .profile_menu .dropdown-toggle { background-color: transparent !important; color: #000 !important; padding-left: 15px; } .navbar-default .navbar-brand { width: auto; } .user-nav { display: inline-block; margin: 7.5px -15px; } .navbar-collapse.in { overflow: visible; } .navbar-header { background: #fc796b url(../images/logo.png) no-repeat 15px 10px; padding: 0 10px; } /*_ Sidebar/Menü _*/ .cl-sidebar, .sb-collapsed .cl-sidebar { background: none repeat scroll 0 0 #272930; display: block; padding-bottom: 0; position: relative; width: 100%; z-index: 1020; } .sb-collapsed .cl-sidebar .sidebar-logo { background: url("../images/logo.png") no-repeat scroll 15px 19px #fc796b; } #cl-wrapper .menu-space { min-height: 0 !important; } .sb-collapsed .cl-vnavigation li a span { opacity: 1; } .sb-collapsed .cl-vnavigation li a i { font-size: 14px; margin-right: 7px; text-align: center; width: 20px; } .sb-collapsed .cl-vnavigation li.open ul { display: block !important; } .cl-sidebar .cl-toggle { display: block; } .cl-sidebar .cl-vnavigation { display: none; } .cl-sidebar .side-user { display: none; } /*_ tables _*/ .table-responsive { border: 0; } /*_ forms _*/ .form-horizontal.group-border .form-group { padding: 5px 0 15px 0; } .form-horizontal.group-border .form-group label { margin-bottom: 7px; } .form-horizontal.group-border-dashed .form-group label { margin-bottom: 7px; } /*_ SEITE: Login _*/ .login-container .middle-login { padding: 0 15px; width: 100%; } /*_ SEITE: Forgot Password _*/ .forgotpassword-container .middle { width: 100%; } .forgotpassword-container { padding: 20px; } } /* icue only */ .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } /*the animation definition*/ @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg) } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg) } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg) } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg) } 100% { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg) } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); -ms-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg) } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); -ms-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg) } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); -ms-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg) } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); -ms-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg) } 100% { -webkit-transform: rotate3d(0, 0, 1, 0deg); -ms-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg) } } .swing { -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; animation: swing 2s 1; -webkit-animation: swing 2s 1; } @-webkit-keyframes fadeOutUp { 0% { opacity: 1 } 100% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0) } } @keyframes fadeOutUp { 0% { opacity: 1 } 100% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); -ms-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0) } } .fadeOutUp { animation: fadeOutUp 1s 1; -webkit-animation: fadeOutUp 1s 1; } @-webkit-keyframes fadeOutDown { 0% { opacity: 1 } 100% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0) } } @keyframes fadeOutDown { 0% { opacity: 1 } 100% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); -ms-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0) } } .fadeOutDown { animation: fadeOutDown 1s 1; -webkit-animation: fadeOutDown 1s 1; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19); animation-timing-function: cubic-bezier(0.55, .055, .675, .19) } 100% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1); animation-timing-function: cubic-bezier(0.175, .885, .32, 1) } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -ms-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19); animation-timing-function: cubic-bezier(0.55, .055, .675, .19) } 100% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -ms-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; -ms-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1); animation-timing-function: cubic-bezier(0.175, .885, .32, 1) } } .zoomOutDown { animation: zoomOutDown 2s 1; -webkit-animation: zoomOutDown 2s 1; } .header{padding-right: 17px !important} .todo_service_settings{ padding:20px; padding-bottom:50px; } .todo_list_headline{ text-align: left; font-weight: bold; padding:50px 20px 20px !important; margin:0; } .todo_list_entry{ padding:11px 0px 11px 5px; border-bottom: 1px solid #dadada } .todo_list_entry .col-md-4, .todo_list_entry .col-md-5{ padding-top:4px; } .odd { background: #f8f8f8; } .todo_list_entry_headline{ margin:0 !important; cursor: pointer; } .todo_list_entry .btn{margin-bottom: 5px} .todo_list_entry_more{ display:none; margin-top:10px; border-top: 1px dashed #dadada; padding-top:20px; padding-bottom: 30px; } .initials{width:30px;height:30px;background:#555;position: relative;color:#eee;float:right} .initials span{line-height: 30px;position: absolute;top:0;left:0;width:100%;text-align: center} .service{clear:both;float:right;padding-top:5px} .todo_list_entry .progress{margin-top:2px;max-width: 295px} .todo_list_entry .progress .progress-bar{line-height: 19px} .progress-bar.progress-striped { background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); background-size: 40px 40px; } .charCounterContainer{ position:relative; } .charCounter{ position:absolute; top:0; right:15px; background-color:#DDDDDD; color:#333333; padding:3px; font-size:12px; line-height:12px; min-width:27px; text-align:right; } .charCounter.Warn{ background-color:#FFB300; } .charCounter.Error{ background-color:tomato; color:#FFFFFF; } .Important{ color:tomato; display:block; } .Info{ color:grey; display:block; font-size:.9em; line-height:1em; } .results-table .Status--Changed td{ color:rgb(252, 121, 107); } #jira-add-issue-description{ position:absolute; width:calc(100% - 16px); height:265px; resize:none; } /*absences*/ .absences-overview .Header { border-bottom:1px solid #dadada; padding-bottom:10px; display:flex; justify-content:space-between; } .absences-overview .Header h1, .absences-overview .Header .Filter { display:inline-block; } .absences-overview .Header h1 { font-size:2.4rem; margin:0; align-self:end; } .absences-overview .Header .Filter { margin-left:40px; } .absences-overview .Header .Filter form{ display:flex; } .absences-overview .Header .Filter form> *{ margin-left:10px; } .absences-overview .Header .Filter form > *:first-child { margin-left:0; } .absences-overview .Header .Filter select { width:auto; } .absences-overview .Content.OneUser { display:flex; flex-direction:column; } .absences-overview .Content.OneUser .Calendar { order:1; } .absences-overview .Content.OneUser .TotalAbsences { margin-top:20px; } .absences-overview .Calendar, .absences-overview.TotalAbsences{ table-layout: fixed; max-width: 100%; } .absences-overview .Calendar thead { display:none; } .absences-overview .Calendar h2 { font-size:1.3rem; font-weight:bold; } .absences-overview .Calendar tr{ display:flex; flex-wrap:wrap; position:relative; width:100%; margin-top:25px; background-color:#FFFFFF; } .absences-overview .Calendar th:first-of-type{ width:100%; text-align:left; } .absences-overview .Calendar td, .absences-overview .Calendar th{ padding:0; vertical-align:top; text-align:center; border:none; } .absences-overview .Calendar th, .absences-overview .Calendar td { display:block; float:left; width:calc(100% / 31); } .absences-overview .Calendar td { background-color:#f5f5f5; display:flex; flex-direction:column; min-height:56px; } .absences-overview .Calendar .AddAbsence { margin-top:auto; } .absences-overview .Calendar .AddAbsence a { display:block; opacity:0; width:100%; height:100%; transition: opacity .3s; } .absences-overview .Calendar td:hover .AddAbsence a { opacity:1; color:#fc796b; } .absences-overview .Calendar th:first-of-type{ width:100%; text-align:left; flex-basis:100%; } .absences-overview .Calendar td.Holiday h3{ background-color:#f5f5f5; } .absences-overview td.Today h3{ color:#fc796b; } .absences-overview .Calendar h3 { line-height:1.2rem; font-size:1.2rem; margin:0; background-color:#FFFFFF; border-right:1px solid #aaaaaa; padding:5px 0; } .absences-overview .Calendar td:last-of-type h3 { border-right:none; } .absences-overview .Calendar h3 span { display:inline-block; width:100%; } .absences-overview .Calendar h3 .DayName { font-size:.9rem; } .absences-overview .Calendar .Absences{ width:100%; margin:0; padding:0; list-style-type:none; display: grid; justify-content: start; align-content: start; justify-items: stretch; grid-template-columns: repeat(4, 1fr); grid-auto-rows: max-content; grid-gap:0; grid-auto-flow: dense; } .absences-overview .Calendar .Absences > li{ position:relative; grid-column-end: span calc(var(--duration) * 0.04); order:1; } .absences-overview .Calendar .Absences > li:before { content: ''; display: block; visibility:hidden; position: absolute; z-index: 1; top: 100%; right: 50%; width: 100%; height: 250%; background-color: transparent; transform-origin: top right; transform: rotate(calc(var(--duration) * 0.07deg)) skew(-36deg); } @media (max-width: 2000px) { .absences-overview .Calendar .Absences > li:before { transform:rotate(calc(var(--duration) * 0.06deg)) skew(-36deg); } } .absences-overview .Calendar .Absences > li:hover:before { visibility:visible; } .absences-overview .Calendar .Absences > li > span { background-color:var(--userColor); display:block; color:white; } .absences-overview .Calendar .Absences > li[style*="--duration: 100"]{ /* full items go to the top to prevent gaps */ order:0; } .absences-overview .Calendar .Absences > li.NotFiltered{ /* non-filtered items go to the bottom */ order:2; } .absences-overview .Calendar .Absences > li.NotFiltered > span{ opacity:0.1; transition:opacity .3s; } .absences-overview .Calendar .Absences > li.NotFiltered:hover span{ opacity: 1; } .absences-overview .Calendar .Absences .ToolTip{ visibility:hidden; display:block; min-width:85px; opacity:0; transition: opacity .3s; position:absolute; top:0; right:100%; color:black; box-shadow:2px 2px 10px 2px rgba(50, 50, 50, 0.2); background-color:white; padding:10px; z-index:100; line-height:1.2rem; } .absences-overview .Calendar .Absences li:hover .ToolTip { visibility:visible; opacity:1; } .absences-overview .Calendar .Absences .ToolTip:after { content:''; display:block; width:0; height:0; position:absolute; border-top: .5rem solid transparent; border-bottom: .5rem solid transparent; border-left: .5rem solid #FFFFFF; right:-.5rem; top:.5rem; } .absences-overview .Calendar .Absences .ToolTip .DurationInDays, .absences-overview .Calendar .Absences .ToolTip .DurationInHours { white-space: nowrap; display:inline; } .absences-overview .Calendar .Absences .ToolTip .DurationInHours { margin-left:5px; } .absences-overview .Calendar .Absences .ToolTip .Type { display:block; margin-top:5px; } .absences-overview .Calendar .Absences .ToolTip .Actions { margin-top:10px; list-style-type:none; padding:0; } .absences-overview .Calendar .Absences .ToolTip .Actions li { width:50%; float:left; } .absences-overview .Calendar .Absences .ToolTip .Actions:after { display:table; content:''; clear:both; } .absences-overview .Calendar .Absences .ToolTip .Actions a { display:inline-block; width:100%; } .absences-overview .TotalAbsences { margin-top:50px; } .absences-overview .TotalAbsences h2 { font-size:2.4rem; } .absences-overview .TotalAbsences img{ width:25px; border: 1px solid #DADADA; border-radius:50%; } .absences-overview .TotalAbsences table { width:auto; display:block; margin-top:20px; } .absences-overview .TotalAbsences tbody td { height:60px; } .absences-overview .TotalAbsences a { color:inherit; opacity:.5; transition:opacity .3s; float:right; } .absences-overview .TotalAbsences a.add { float:none; } .absences-overview .TotalAbsences a .fa:before{ font-size:.85em; } .absences-overview .TotalAbsences a:hover { opacity:1; } .absences-overview .UserColor { display:block; width:100%; background-color:var(--userColor); text-align:center; color:#FFFFFF; } .absences-overview .TotalAbsences .Inactive { opacity:0.4; transition: opacity .3s; } .absences-overview .TotalAbsences .Inactive:hover { opacity:1; } .absences-overview .TotalAbsences ul { display:block; padding-left:0; list-style-type:none; margin-bottom:0; } .absences-overview .TotalAbsences li { display:block } .absences-overview .TotalAbsences li span.expired { text-decoration:line-through; } .absences-overview .TotalAbsences .carried_on { font-weight:bold; } /*Absence add/edit*/ .absences-add .Reload, .absences-edit .Reload { visibility:hidden; opacity:0; } .absences-add .btn-primary, .absences-edit .btn-primary { margin-left:15px; } .absences-add .btn-primary:first-of-type, .absences-edit .btn-primary:first-of-type { margin-left:0; }