body 
{
  padding-top: 70px;
  padding-bottom: 60px;
  }


h5 { font-weight: bold; }

@media (min-width: 1200px) {
    .container {
        width: 95%;
    }
}

.defaultGrid {
    width: 500px;
    height: 500px;
}

.wideGrid {
    width: 100%;
    height: 800px;
}

.mediumTopmargin {
    margin-top: 20px;
}

.btn-toolbar .input-group {
    display: flex;
}

.btn-toolbar .input-group .input-group-btn {
    display: inherit;
    width: auto;
}
    
.buttonLabel {
    /* font-weight: bold; */
}

button[disabled] {
    background-color: #eee;
    cursor: not-allowed;
}

button.btn-default:focus {
    background-color: #fff;
    border-color: black;
}

button.btn-xs {
    border: 0;
    background: none;
}

/* problematisch bei geschachtelten divs mit whitespace dazwischen */
.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

.valigned-center-flex {
    display: flex;
    align-items: center;
}


.datetime-dateinput {
    vertical-align:middle;
    position: relative;
    display: table-cell;
}

.keep-linebreaks {
    white-space: pre-line;
}

.inline-label {
   font-weight:bold;
}

.task-metadata{
    font-size: small;
}

.small-vertical-margin {
    margin-top: 5px;
    margin-bottom: 5px;
}
.small-vertical-padding {
    padding-top: 5px;
    padding-bottom: 5px;
}

.medium-vertical-margin {
    margin-top: 10px;
    margin-bottom: 10px;
}

.caret { margin-right: 5px; }
.caret-right {
    border-left: 4px solid;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
}

.single-task {
    border-bottom: 1px solid #eee;
    padding: 5px;
}

.single-task:hover {
    background-color: #f0f0f0;
}

.taskexpanded {
    border: 1px solid #0E0ECA;
    padding: 5px;
    border-radius: 3px;
    margin: 5px 0;
}

.single-task .task-description { background-color: #f0f8ff; margin-top: 5px; }

.single-task .title { display: inline-block;}

.red {
    color: red;
}

.green {
    color: green;
}

.orange {
    color: orange;
}

a.icon {
    display:inline-block;
	line-height: 20px;
	padding-left: 24px ;
	margin-left: 0px;
	background-position: 2px center;
	background-repeat: no-repeat;
    background-size: 20px;
}

div.single-task a.Bugzilla {
    background-image: url(/static/images/buggie.svg);
}

div.single-task a.MipSql {
    background-image: url(/static/images/mip.svg);
}

div.single-task a.Otrs {
    background-image: url(/static/images/otrs.png);
}
div.single-task a.Jira {
    background-image: url(/static/images/jira3.svg);
}

div.single-task a.icon.source_id_6 {
    background-image: url(/static/images/jira3_red.svg);
}

.drag-handle {
    cursor: move;
}

.border {
    border: 1px solid #eee;
    padding: 10px;
}

.border-bottom-row {
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.scrollable-y {
    overflow-y: scroll;
}

.container-h200 {
    height: 200px;
    max-height: 200px;
    min-height: 200px;
}

.zebra-dark {
    background-color: #f0f0f0;
}

a.list-item {
    display:block;
    width: 100%;
}

a.list-item:hover {
    background-color: #ffa603;
}

.selected-item {
    background-color: #ffa603;
}

.grid-align-center {
    text-align: center;
}

.multiline-btn-group {
    display: flex;
}

.modal-large {
    width: 800px;
}

.modal-xlarge {
    width: 80%; 
}

.involved-developers li,
.not-involved-developers li{
    list-style-type: none;
    cursor: pointer;
}

div.row h3 select.display-mode-selection {
    display:inline;
    width: auto;
    font-size: inherit;
    height: 36px;
    padding: 2px 12px;
    vertical-align: bottom;
}