/* #region (Allgemeine Einstellungen - vordefiniert) ------------------------------------*/
/*@font-face
{
font-family: 'SourceSansPro';
src: url('~/Content/Fonts/SourceSansPro-Regular.ttf'),
     /*url('HelveticaNeue.eot');  IE9
}*/

body {
    font-family: 'Source Sans Pro', "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    padding-top: 50px;
    padding-bottom: 20px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 0px;
    padding-right: 0px;
    margin-top:90px;
}

.container{
    width:80%
}

h1,h2,h3,h4,h5{
    font-weight:bold;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    border-radius:2px;
    border:1px solid #979797;
    height:25px;
}

/* Buttons haben immer eine Minimalbreite*/
button, html input[type=button], html input[type=submit]{
    min-width:120px;
    height:34px;
    border-radius:4px;
    box-shadow:none;
    color: #333 !important;
    border: 1px solid #979797;
    background-color: white;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #dcdcdc));
    background: -webkit-linear-gradient(top, #fff 0%, #dcdcdc 100%);
    background: -moz-linear-gradient(top, #fff 0%, #dcdcdc 100%);
    background: -o-linear-gradient(top, #fff 0%, #dcdcdc 100%);
    background: linear-gradient(to bottom, #fff 0%, #dcdcdc 100%);
}

html input[type="button"]:disabled, html input[type="submit"]:disabled{
  border-color: lightgray !important;
  background-color:rgba(220, 220, 220, 0.35) !important;
  color:#cbc9c9 !important;
}

label {
    padding-top:12px;
}

/* Menü-Buttons (auf der linken Seite) haben immer eine Minimalbreite*/
/*.menubutton {
    height:50px;
    width:120px;
}*/

fieldset{
    background-color:rgb(240, 240, 240);
    padding:10px;
}

.row{
    margin-left:0px;
    margin-right:0px;
}

.rowRightAlign{
    text-align:right;
}

.rowMarginBottom{
    margin-bottom:10px;
}

legend{
    margin-bottom:5px;
    background-color:rgb(240, 240, 240);
}

.newButton{
    margin-top:10px;
    margin-bottom:-47px!important; 
    float:right;
    position: relative !important;
    z-index:1!important;
}

/* Alle h3s, die in well's enthalten sind*/
.well h3{
    margin-top:0px;
    margin-bottom:5px
}

.twoColumnLeft{
    padding-right:10px;
    padding-left:0px
}

.twoColumnRight{
    padding-right:0px;
    padding-left:10px;
}

.glyphicon {
    color:#337ab7;
}

/* #endregion */



/* #region (Navigationsbereich) ---------------------------------------------------------*/
.navbar{
    font-size:16px;
}

.navbar.navbar-fixed-top.logo {
    background:white;
}


.navbar-inverse {
    background:#003664;
    border-color:#003664;
}

.navbar-fixed-top img{
    padding-top:6px;
    padding-bottom:6px;
}

.navbar-inverse .navbar-nav > li > a{
    color:#92A6B9;
}

.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:active{
    color:white;
    background-color:#062a49;
    font-style:normal;
}

/*.navbar-inverse .navbar-nav > .active{
    color:#92A6B9;
    background-color:#062a49;
}*/

.navbar-inverse .navbar-nav > .active > a, 
.navbar-inverse .navbar-nav > .active > a:hover, 
.navbar-inverse .navbar-nav > .active > a:focus{
    color:white;
    /*color:#b8d3eb;*/
    background-color:#062a49;
}

.navbar-collapse{
    padding:0px;
}
/* #endregion*/

/* #region (Tabellen) -------------------------------------------------------------------*/
/* Damit nicht zwei Sortier-Bilder bei den Tabellen angezeigt werden */
/*table.dataTable thead .sorting, 
table.dataTable thead .sorting_asc, 
table.dataTable thead .sorting_desc {
    background : none;
}*/

/* #region -- Tabellen - Buttons für Pagination in grau --*/
.paginate_button:hover, .paginate_button:active{
    color: #333 !important;
    border: 1px solid #979797;
    background-color: white;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #dcdcdc));
    background: -webkit-linear-gradient(top, #fff 0%, #dcdcdc 100%);
    background: -moz-linear-gradient(top, #fff 0%, #dcdcdc 100%);
    background: -o-linear-gradient(top, #fff 0%, #dcdcdc 100%);
    background: linear-gradient(to bottom, #fff 0%, #dcdcdc 100%);
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover{
    color: #333 !important;
    border: 1px solid #979797;
    background-color: white;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #dcdcdc));
    background: -webkit-linear-gradient(top, #fff 0%, #dcdcdc 100%);
    background: -moz-linear-gradient(top, #fff 0%, #dcdcdc 100%);
    background: -o-linear-gradient(top, #fff 0%, #dcdcdc 100%);
    background: linear-gradient(to bottom, #fff 0%, #dcdcdc 100%);
}
table.dataTable thead th, table.dataTable thead td, table.dataTable tbody th, table.dataTable tbody td{
    border-bottom:1px solid #ccc;
    cursor:pointer;
}

table.dataTable.cell-border tbody th, table.dataTable.cell-border tbody td{
    border-bottom:1px solid #ccc
}

table.dataTable.no-footer {
    border-bottom:none;
}

.dataTables_length{
    margin-top:-7px;
}
.dataTables_length select {
    height:34px;
}

.dataTables_length >label {
    font-weight:400;
    margin-top:0px;
}

.dataTables_filter{
    float: left !important;
}

.dataTables_wrapper .dataTables_filter input{
    margin-left:0px;
    padding-left:5px;
    padding-right:5px
}
.dataTables_filter input{
    height:34px;
    border:1px solid #ccc;
    font-weight:normal;
    border-radius:4px;
}

.dt-checkboxes{
    margin-left:4px !important
}

.dt-checkboxes-select-all > input[type=checkbox]{
    margin-left:5px !important;
    display: none;
}

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

.td-right{
    text-align:right;
    padding-right:10px !important;
}

/* #endregion */

/* #endregion */

/* #region (Modale Dialoge für Hilfe) ---------------------------------------------------*/
.material-icons{
    cursor:pointer;
}

.modal-header .close {
    margin-top: -10px;
    min-width: 30px !important;
}
/*#endregion*/

/* #region (Fehlermeldung) --------------------------------------------------------------*/
.ErrorInfo {
    border: 1px solid red;
    width: 150px;
    margin:0px;
    margin-top: 10px;
    margin-bottom:10px;
    padding: 5px;
    background-color: rgba(232, 12, 77, 0.30);
    border-radius: 2px;
    font-size:12px;
    position:relative;
}

.ErrorInfo .validation-summary-errors {
    color:black;
    font-size: 12px;
    font-weight: normal;
}
/*Wird bisher nur bei den ErrorInfos benötigt.*/
ul {
    position:relative;
    left:-20px
}
/* #endregion*/

/* #region (Seitenaufteilung: links Menü, rechts Inhalt) --------------------------------*/
.flexMenuAndContent {
  display: flex;
}
.leftMenu {
  flex: 0 1 160px; /* Flex-grow: 0, Don't grow on resize and fixed width of 140px */
}
.rightContent {
  flex: 1; /* Grow when the ads are removed */
}

/* #endregion*/

/* #region (Forms) ----------------------------------------------------------------------*/
/*.form-caption {
    width:25%;
    padding-right:10px;
    text-align:right;
    vertical-align:top;
    padding-top:7px;
}

.form-caption-small {
    width:10%;
    padding-right:10px;
    text-align:right;
    vertical-align:top;
    padding-top:7px;
}*/

.field-validation-error{
    margin-left:2px
}

.form-group-leftmost{
    margin-left:-10px
}
/*#endregion*/

/* #region (Checkbox, Radio) ------------------------------------------------------------*/
input[type="checkbox"], input[type="radio"]{
    float: left !important;
    margin-top: 10px !important;
    margin-right:5px;
}

.labelCheckbox{
    font-weight:400;
}
/*#endregion*/

/* #region (File Upload) ----------------------------------------------------------------*/

input.file-upload {
    margin: 0px;
    padding: 0px;
    padding-left: 0px;
    border-width: 0px;
    height: 34px;
}

/*File-Upload speziell für Firefox umgestalten*/
@-moz-document url-prefix() {
    input.file-upload {
        padding-left: 1px;
        height: 32px;
    }

    div.file-upload {
        height: 34px;
        border: 1px solid #ccc;
        border-radius: 4px;
    }
} 
/*#endregion*/

/* #region (Modale Dialoge) -------------------------------------------------------------*/
.modal-header .close {
    margin-top: -12px;
    min-width: 10px;
}

/*#endregion*/