/*
    Document   : osip
    Created on : 04.10.2013, 13:57:44
    Author     : Mascha Scheller
    Description:
        Purpose of the stylesheet follows.
*/
@import url('customize-select2.css');
@import url('menu.css');
@import url('submenu.css');
@import url('footer.css');
@import url('customize-datatables.css');
@import url('osip-14.css');
@import url('treeview.css');

/**
  Bootstrap fixed nav-bar overlays content in subsequent divs.
  See http://getbootstrap.com/components/#navbar-fixed-top.
  Suggested workaround involves adding a padding to the top.
  This padding changes depending on the breakpoints exhibited
  by the OSIP UI navigation bar:
  1. < 767px
  2. >= 768px and < 1222px
  3. >= 1222px and < 1268px
  4. >= 1268px and < 1388px
  5. >= 1389px
*/
body {
    padding-top: 50px;
}

html, body {
    height: 100%;
}

main {
    width: 100%;
}

#osip-middle {
    margin: 0 auto;
    min-height: 100%;
    padding-bottom: 51px;
    width: 100%;
    position: relative;
}

#osip-content {
    padding: 15px;
    padding-bottom: 40px;
    padding-left: 295px;
    width: 100%;
    min-height: 400px;
}

#osip-single-content {
    padding: 15px;
    padding-bottom: 40px;
    width: 100%;
    position: relative;
}

#osip-left {
    padding: 15px;
    width: 280px;
    position: absolute;
    top: 0;
}

.osipDataTablesLocalStorageReset {
    margin-left: 10px;
}

.osip-datatables-form-control {
    display: inline-block;
    width: initial;
}

.osip-datatables-search-field {
    width: 60%;
}

.dataTables_length {
    /*width: 40%;*/
}

.dataTables_filter {
    width: 60%;
    margin-bottom: 20px;
}

.dataTables_filter label {
    width: 100%;
}

.osip-mandatory-field-info {
    margin: 20px 0;
}

.osip-form-actions {
    margin-top: 20px;
    padding: 0 15px;
}

label {
    font-weight: normal;
}

#osip-page-logo {
    height: 39px;
}

h2 .btn {
    margin-left: 10px;
}


.table .checkbox {
    margin: 0;
}

.radio label, .checkbox label {
    display: inline-block;
    margin-right: 30px;
}

#osip-content fieldset, #osip-content .fixed-width {
    width: 690px;
}

#osip-single-content fieldset, #osip-single-content .fixed-width {
    width: 970px;
}

fieldset p {
    border-bottom: 1px solid lightgrey;
    margin-top: 30px;
}

.date {
    width: 150px;
}

.osip-inline-form-row {
    margin-bottom: 15px;
}

.osip-inline-form-row-buttons a.btn {
    margin-top: 5px;
}

#osip-antrag-edit .breadcrumb > li + li:before {
    padding: 0 3px;
}

.osip-control-value {
    height: 31px;
    line-height: 1.529;
    padding: 6px 12px 6px 15px;
}

.osip-inline-checkbox {
    height: 31px;
    line-height: 1.529;
    padding: 6px 12px 6px 0;
}

.osip-checkbox label {
    height: 20px;
    display: block;
    line-height: 1.42857;
    padding: 6px 12px 6px 0;
}

.osip-inline-select {
    width: 150px;
    display: inline-block;
}

.osip-glyphicon-empty {
    width: 12px;
}

label.disabled {
    color: #999;
}

fieldset .form-group {
    padding: 0 15px;
    margin-bottom: 10px;
}

fieldset .panel-body .form-group {
    padding: 0;
}

.osip-systemnachricht {
    position: fixed;
    top: 0;
    height: 30px;
    background-color: #FCF8E3;
    z-index: 1029;
    width: 100%;
    padding: 4px 10px;
    border: 1px solid #FAEBCC;
    color: #BAAB8C;
}

.osip-systemnachricht .glyphicon-remove {
    color: #DACBAC;
    cursor: pointer;

}

body.osip-systemnachricht-body {
    padding-top: 80px !important;
}

body.osip-systemnachricht-body .navbar-fixed-top {
    top: 30px;
}

.osip-zustaendigkeiten td,
.osip-zustaendigkeiten th {
    vertical-align: middle;
    text-align: center;
}

.osip-zustaendigkeiten td:first-child,
.osip-zustaendigkeiten th:first-child {
    text-align: left;
}

form .text-danger {
    margin-bottom: 0;
    font-size: smaller;
}

.input-sm {
    font-size: 14px;
}

.form-error {
    color: #B94A48;
}

.form-control[disabled], .form-control[readonly] {
    color: #999999;
}

.osip-antrag-view td:first-child {
    width: 200px;
}

.osip-view-data-popup {
    /*width: 720px;*/
    margin-bottom: 10px;
}

.osip-view-data-popup > .row {
    padding-top: 10px;
    padding-bottom: 10px;
}

.osip-view-data-popup > .row div:first-child {
    text-align: right;
}

.osip-view-data {
    width: 970px;
    margin-bottom: 10px;
}

.osip-view-data > .row {
    padding-top: 10px;
    padding-bottom: 10px;
}

.osip-view-data > .row div:first-child {
    text-align: right;
}

.osip-dokumente .row {
    padding: 5px 0;
}

.osipAlteVersionen {
    margin-top: 30px;
    border-top: 2px solid grey;
}

.osip-cursor-default {
    cursor: default;
}

#osipAufgabenBenutzerAuswahl label {
    font-weight: bold;
}

@media print {
    #osip-content {
        padding-left: 15px !important;
    }
}

.bottom-buffer {
    margin-bottom: 1.25em;
}

.round-button {
    border-radius: 50%;
}

#specialPopupMessage {
    background-color: #FFCC00;
}

.btn-view-votum {
    color: #fff;
    background-color: #18a71a;
    border-color: #178418;
}

.btn-edit-votum {
    color: #fff;
    background-color: #18a71a;
    border-color: #178418;
}

#osip-advanced-search.collapse {
    display: block;
    visibility: hidden;
    height: 0;
    overflow: hidden;
}

#osip-advanced-search.collapse.in {
    visibility: visible;
    overflow: visible;
    height: auto;
}

.panel-field-separator {
    border-color: #ddd;
    border-style: inherit;
    border-width: 0px 0px 1px 0px;
    margin-bottom: 20px !important;
    padding-bottom: 20px !important;
}

.osip-invisible {
    display: none;
}

.osip-anstellung-dublette, .osip-stamm-dublette {
    max-width: 690px;
}

.osip-anstellung-dublette .table, .osip-stamm-dublette .table {
    border-bottom: 1px solid #ddd;
    table-layout: fixed;
}

.osip-hide-overflow-text {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.osip-hide-overflow-text:hover {
    text-overflow: clip;
    white-space: normal;
    word-break: break-all;
}

.osip-stamm-dublette .table td:nth-child(1), .osip-stamm-dublette .table th:nth-child(1) {
    max-width: 40%;
}

.osip-stamm-dublette .table td:nth-child(2), .osip-stamm-dublette .table th:nth-child(2) {
    max-width: 60%;
}

.osip-warn,
.osip-warn::before,
.osip-warn::after
{
    position: relative;
    padding: 0;
    margin: 0;
}

.osip-warn {
    font-size: 2rem;
    color: transparent;
    margin-right: .5rem;
}

.osip-warn.warning {
    display: inline-block;

    top: 0.225em;

    width: 1.15em;
    height: 1.15em;

    overflow: hidden;
    border: none;
    background-color: transparent;
    border-radius: 0.625em;
}

.osip-warn.warning::before {
    content: "";
    display: block;
    top: -0.08em;
    left: 0.0em;
    position: absolute;
    border: transparent 0.6em solid;
    border-bottom-color: #fd3;
    border-bottom-width: 1em;
    border-top-width: 0;
    box-shadow: #999 0 1px 1px;
}

.osip-warn.warning::after {
    display: block;
    position: absolute;
    top: 0.3em;
    left: 0;
    width: 100%;
    padding: 0 1px;
    text-align: center;
    content: "!";
    font-size: 0.65em;
    font-weight: bold;
    color: #333;
}

.no-margin {
    margin-left: 0 !important;
    margin-right: 0 !important;
}