/* Bilfinger CD */

@import (reference) '../bootstrap/variables.less';
@import (reference) '../bootstrap/grid.less';
@import (reference) '../bootstrap/utilities.less';
@import (reference) '../bootstrap/mixins.less';
@import (reference) '../bootstrap/tables.less';
@import (reference) '../bootstrap/forms.less';
@import (reference) '../bootstrap/bootstrap.less';

@BilfingerBlue: #008ad9;
@BilfingerGreen: #c9d200;
@BilfingerFooterBackgroundColor: #454346;
@BilfingerFooterContactBackgroundColor: #333;

@Copper1: #685743;
@Copper2: #908376;
@Copper3: #b1a79c;
@Copper4: #eeebe5;

@Silver1: #5e5c60;
@Silver2: #909094;
@Silver3: #b1b3b5;
@Silver4: #e0e1e3;

@BackgroundColor: #f3f3f4;
@ContinousTextColor: #333333;

@HightMenu1: 140px;

/* Eingabeweite auf 100% setzen, damit man die Breiten über Bootstrap steuern kann
    Überschreiben der Werte aus site.css
*/
input,
select,
textarea {
    max-width: 100%;
}


/*Bei Body Padding erhöhen, damit es nicht mit den NavBars zusammenfällt*/
body {
    //padding-top: @HightMenu1; // Abhängig von der Logo-Größe
    padding-bottom: 20px;
    font-family: Arial,sans-serif;
}


/*
    Formatierung für den Bereich, in dem das Logo und die Links zu Login, Hile, Kontakt usw. sind
*/
.BCD-nav-Header {
   
}

.BCD-nav-header-top-menu-row {
    background-image: url("images/header-bg-metanav.png");
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-size: auto auto;
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgb(144, 144, 148);
    background-origin: padding-box;
    box-sizing: border-box;
    min-height: 54px;
    /*position: relative;
    margin: 0 auto;
    //height: 29px;
    display: table;
    //line-height: 18.6px;
    //padding-left: 50px;*/
}

.BCD-nav-header-inner {
    position: relative;
    width: 1100px;
    margin: 0 auto;
}

.BCD-logo {
    position: absolute;
    top: 0;
    left: -20px;
    width: 140px;
    cursor: pointer;
    z-index: 2000;
}

.BCD-logo-img {
    max-width: 100%;
    height: auto;
    display: block;
}

.BCD-nav-header-top-menu-content {
    font-size: 12px;
    background-image: none;
    background-repeat: repeat;
    background-attachment: scroll;
    background-position: 0% 0%;
    background-clip: border-box;
    background-origin: padding-box;
    background-size: auto auto;
    color: @Silver1;
    padding-left: 10px;
    padding-right: 10px;
    width: 100%;
    height: 100%;
    margin-left: -50px;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
    text-align: left;
}

.BCD-nav-header-top-menu-item {
    padding: 0px !important;
    margin: 5px 10px;
    //text-align: center;
    font-family: "UniversLTW01-57Condense 723821",ArialNarow,Arial,sans-serif;
    font-size: 13px;
    font-weight: 400;
    color: rgb(224, 225, 227);
    text-decoration-color: rgb(224, 225, 227);
}

.BCD-nav-header-middle-row {
    height: 35px;
}

.BCD-nav-header-app-name-row {
    //height: 76px;
    background-image: url("images/header-bg-navmain.png");
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-size: auto auto;
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgb(0, 138, 217);
    background-origin: padding-box;
    
    padding: 0 0 0 0;
    min-height: 111px;
    
    font-size: 18px;
    font-size: 1.28571rem;
}

.BCD-nav-header-app-name-content {
    text-align: center;
    text-transform: uppercase;
    font-family: "UniversLTW01-57Condense 723821",ArialNarow,Arial,sans-serif;
    font-size: 16.7167px;
    font-weight: 400;
    color: rgb(224, 225, 227);
    text-decoration-color: rgb(224, 225, 227);
    padding-top: 25px;
    /*
    padding-bottom: 22px;
    padding-left: 220px;
    color: #FFF;
    text-shadow: none;
    text-align: left;
    font-size: 30px;
    font-weight: normal;
    font-family: "Times New Roman",Times,serif;
    vertical-align: bottom;
    letter-spacing: 2px;
    margin-top: 0px;
    width: 100%;
    display: inline-block;
    line-height: 1.1;
    margin-bottom: 30px;*/
}


/*
    Formatierung für das Menü oben rechts (Login, Hilfe, Kontakt usw.)
*/
.BCD-Background-Green {
    background-color: @BilfingerGreen;
}

/*
    Formatierung für das Applikationsmenü unterhalb des Headers
*/
.BCD-Background-Menu {
    background-color: @Copper4;
}

.BCD-Menu2-Position {
}

.BCD-Table-Indexlists {
    .table;
    .table-striped;
    .table-condensed;
    .table-responsive;
}

/*
    Formatierung einer Collection in Edit-Views
    Darstellung erfolgt in <ul>-Tag
*/
.BCD-EditCollectionList {
    list-style-type: none;
}

/*

*/
.BCD-EditCollectionListItem {
    border-top: 1px solid;
    list-style-type: none;
    //border-bottom: 1px solid;
}

/*
    Formatierung Labels allgemein, kann auch direkt benutzt werden, wenn z.B. über einem Feld noch ein Label soll
*/
.BCD-Label {
    color: @Silver3;
    font-weight: normal;
}

.BCD-Label-Checkbox {
    color: black;
    font-style: normal;
    font-weight: normal;
}
/*
    Formatierung der Labels im Normalfall
    .control-label muss auch gesetzt werden!
*/
.BCD-Field-LabelNormal {
    .make-md-column(2);
    .BCD-Label;
}

/*
    Formatierung der "Spalte" für die Eingabefelder, für die Labels .BCD-Field-LabelNormal verwennden
*/
.BCD-Field-ColumnNormal {
    .make-md-column(10);
}

/*
    Formatierung der "Spalte" für die Eingabefelder, wenn rechts neben dem Feld noch Aktionen angezeigt werden sollen (wie Löschen)
*/
.BCD-Field-ColumnNormalWithAction {
    .make-md-column(8);
}

/*
    Formatierung der "Spalte" für Aktionen (wie Löschen) neben den Eingabefeldern
*/
.BCD-Field-ColumnNormalAction {
    .make-md-column(2);
}

/*
    Formatierung, wenn die Labels einen langen Text haben
    .control-label muss auch gesetzt werden!
*/
.BCD-Field-LabelLarge {
    .make-md-column(3);
    .BCD-Label;
}

/*
    Formatierung der "Spalte" für die Eingabefelder bei langen Label-Texten,
    für die Labels .BCD-Field-LabelLarge verwennden
*/
.BCD-Field-ColumnLarge {
    .make-md-column(9);
}

/*
    Formatierung der "Spalte" für die Eingabefelder bei langen Label-Texten, wenn rechts neben dem Feld noch Aktionen angezeigt werden sollen (wie Löschen)
    für die Labels .BCD-Field-LabelLarge verwennden
*/
.BCD-Field-ColumnLargeWithAction {
    .make-md-column(7);
}


/*
    Formatierung der "Spalte" ffür Aktionen (wie Löschen) neben den Eingabefeldern bei langen Label-Texten
    für die Labels .BCD-Field-LabelLarge verwennden
*/
.BCD-Field-ColumnLargeAction {
    .make-md-column(2);
}

.BCD-btn-save {
    .btn;
    .btn-success;
}

.BCD-btn-cancel {
    .btn;
    .btn-warning;
}

.BCD-btn-normal {
    .btn;
    .btn-default;
}

.BCD-btn-delete {
    .btn;
    .btn-danger;
}

/*
    Mit dieser Klassen sollen alle Listboxen oder Dropdown-Listen markiert werden,
    die mit Chosen-Plugin formatiert werden sollen
*/
.BCD-SelectList-Chosen {
}

.BCD-Text-Error {
    .bg-danger;
    .center-block;
}

.BCS-Text-Message {
    .bg-info;
    .center-block;
}

dt {
    .BCD-Label;
}

/*
    Elemenete um Kästchen zu machen
    Aufbau:
    <div class="col-md-12 BCD-box">
       <div class="col-md-12 BCD-box-header-row">
          <div class="BCD-box-header-text">Leistungsbereiche</div>
       </div>
       <div class="col-md-12 BCD-box-content">
       </div>
    </div>
*/
.BCD-box {
    border-style: solid;
    border-width: thin;
    border-color: @Silver3;
    padding: 0px;
    margin-top: 1px;
    margin-bottom: 5px;
    margin-left: 1px;
    margin-right: 1px;
}

.BCD-box-header-row {
    background-color: @BilfingerBlue;
}

.BCD-box-header-text {
    color: white;
    padding: 2px;
    font-weight: bold;
}

.BCD-box-content {
    padding-top: 4px;
    padding-left: 10px;
    padding-bottom: 0px;
    padding-right: 10px;
}
/* Ende Klassen für Kästchen*/

/*
    Elemente für den Fusszeilen-Bereich
*/

.BCD-footer {
    background-image: url("images/header-bg-metanav.png");
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-size: auto auto;
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgb(144, 144, 148);
    background-origin: padding-box;
    font-family: "UniversLTW01-57Condense 723821",ArialNarow,Arial,sans-serif;
    font-size: 13px;
    font-weight: 400;
    color: rgb(224, 225, 227);
    text-decoration-color: rgb(224, 225, 227);
    /*height: 100%;*/
}

.BCD-footer-green-line {
    background-color: @BilfingerGreen;
    height: 4px;
    padding-left: 0px;
    padding-right: 0px;
}

.BCD-footer-contact {
    background-color: @BilfingerFooterContactBackgroundColor;
    color: @Silver3;
    font-size: 12px;
    text-align: center;
}

.BCD-footer-link {
    color: @Silver3;
}

.BCD-footer-link:hover {
    color: #fff;
    text-decoration: none;
}
/* Ende Elemente für den Fusszeilen-Bereich */
