/*Body and Header*/
body
{
    font-size: 75%;
    font-family: Verdana, Tahoma, Arial, "Helvetica Neue", Helvetica, Sans-Serif;
    color: #232323;
    background-color: #fff;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
    line-height: 10px;
}

h2, h3, h4, h5, h6 {
    color: #ce000e;
}

h1{
    font-size: 20px;
    color: black;
}

h2{
    font-size: 16px;
}

h3{
    font-size: 12px;
}

h1.section-title {
    margin-top: 30px;
    margin-bottom: 20px;
}

/*h1, h2, h3 {
    color: #ce000e;
    font-family: Arial,Helvetica,sans-serif;
    line-height: 20px !important;
}



h5{
  font-family: Arial,Helvetica,sans-serif;
  font-size: 12px;
  font-weight: bold;
  color:#ce000e;
}*/


/* Website Grenzen und Rahmen
--------------------------------------------------------*/
#upperHeadLine {
    height: 10px;
    /*background-image: url(../img/bg_header.jpg);*/
}

#upperContentCell{
  vertical-align:top;
  padding-left:10px;
  padding-right:10px;
}

#leftUpperBand {
    background-image: url(../img/bg_left_shadow_repeat.jpg);
    background-repeat: repeat-y;
    background-position: left;
}

#rightUpperBand {
    background-image: url(../img/bg_right_shadow_repeat.jpg);
    background-repeat: repeat-y;
    background-position: right;
}

#leftBottomBand {
    background-image: url(../img/bg_left_shadow.jpg);
    background-repeat: no-repeat;
    background-position: left top;
}
#rightBottomBand {
    background-image: url(../img/bg_right_shadow.jpg);
    background-repeat: no-repeat;
    background-position: right top;
}

#leftUpperBand,  #rightUpperBand, 
#leftBottomBand, #rightBottomBand {
    width: 9px;
}

#leftUpperBand, #leftBottomBand {
    
}

#rightUpperBand, #rightBottomBand {
    
}

.layout-bottom {
    height: 140px;
}

#outer-container {
    width:982px;
    margin:auto;
}

@media (max-width: 767px) {
    #outer-container {
        width:auto;
    }
}

@media (max-width: 979px) and (min-width: 768px) {
    #outer-container {
        width:714px;
        margin:auto;
    }
}

@media (min-width: 1200px) {
    #outer-container {
        width:1212px;
        margin:auto;
    }
}

.filledElement {
    width:100%;
}

.activeLink {
    color:black;
}



/* Common Elements
------------------------------------------------------*/
.standard-label, 
.standard-label a,
.standard-label span {
    font-size: inherit;
    font-weight: bold;
    display:inline !important;
}
.standard-label > a,
.standard-label span {
    color:inherit;
    text-decoration:inherit;
}
.box-header *,
.standard-label * {
    cursor: help;
}
.standard-label .required-marker,
.box-header ,
.box-header > a,
.box-header > span,
.tab-detail-box label {
    color:#ce000e;
    text-decoration:inherit;
}

.nav-tabs.tab-detail-box li.active a {
  border-color: #ce000e;
  border-bottom-color: transparent;
}

.nav-tabs.tab-detail-box {
    border-color: #ce000e;
}

.box-header,
.tab-detail-box {
    font-weight: bold;
    font-size: 120%;
}

.box-header {
    margin: 5px 9px;
}

.box-header > a,
.box-header > span,
.tab-detail-box label {
    font-size: inherit;
    font-weight: bold;
}

.box-footer {
    text-align: right;
}
.box-footer > * {
    margin: 0 19px;
}

.disabled-link {
    color: dimgray;
    cursor: pointer;
}
.disabled-link:hover {
    text-decoration: underline;
}

.editor-for > *,
.editor-for-oid > * {
    display: inline-block;
    float: none;
    width: 100%;
    box-sizing: border-box;
    min-height: 30px;
}
.editor-for-oid > * {
    text-align: right;
}

.no-margin {
    margin: 0 !important;
    margin-bottom:0 !important;
    margin-left:0 !important;
    margin-right:0 !important;
    margin-top:0 !important;
}

.text-pre {
    white-space: pre;
}

hr {
    margin: 9px 0;
    border: 0;
    border-top: 1px solid #C0C0C0;
    border-bottom: 1px solid #ffffff;
}

.cursor-pointer {
    cursor: pointer;
}

.cursor-help {
    cursor: help;
}

.cursor-wait-ex * {
    cursor: wait;
}

/* Navbar overrides*/
.navbar-main .navbar-inner {
    min-height: 30px;
    font-size: 120%;
    padding-left: 10px;
    padding-right: 10px;
}
.navbar-main .nav > li > a {
    padding: 10px 10px 10px;
}

@media (max-width: 767px) {
    .navbar-main .navbar-inner {
        min-height: 30px;
        font-size: 100%;   
    }
    .navbar-main .nav > li > a {
        padding: 5px 10px 5px;
    }
}

@media (min-width: 768px) and (max-width:979px) {
    .navbar-main .navbar-inner {
        min-height: 30px;
        font-size: 87%;   
    }
    .navbar-main .nav > li > a {
        padding: 5px 5px 5px;
    }
}

@media (min-width: 1200px) {
    .navbar-main .navbar-inner {
        min-height: 30px;
        font-size: 110%;   
    }
    .navbar-main .nav > li > a {
        padding: 10px 10px 10px;
    }
}

/* TABS Overrides */
.nav-tabs > li > a {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 9px;
    padding-left: 9px;
}

/* WELL Overrides*/
.well {
    padding: 9px;
}
.well-light {
    background-color: white;
}
.well.list-footer {
    padding: 9px 9px 9px 9px;
}
.well.list-header {
    padding: 9px 9px 19px 9px;
}

/* Grid System Overrides
-----------------------------------------------------------*/
.row-mini {
    padding-top: 2px;
    padding-bottom: 2px;
}
.row-small {
    padding-top: 5px;
    padding-bottom: 5px;
}
.row-mini [class*="span"],
.row-small [class*="span"] {
    min-height: 20px;
    margin-bottom: 0;
}

/* Tabs und Tab Container
-----------------------------------------------------------*/
.tab-detail-box {
    margin-bottom: 0px;
}
.tab-detail-box label {
    margin-bottom: 2px;
}
.well-tab .well{
    border-top: none;
    border-radius:0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
}

/* Image Uploader
-----------------------------------------------------------*/
.image-uploader {
    /*padding-top: 10px;*/
    margin: 0px;
}
.image-uploader .dxucEditArea {
    width:100%;
    padding: 2px 6px;

}
.image-uploader .dxucTextBox {
    border: 1px solid #cccccc;
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
}

.image-uploader .dxucControl {
    float: left;
    width: 70%;
}
.image-uploader .dxucTextBox {
    padding: 0 2px;
}
.image-uploader .browse-button {
    
}
.image-uploader .dxucBrowseButton.dxbf a {
    border:none;
}
.image-uploader .dxucTextBox.dxCB,
.image-uploader .browse-button {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: 1px solid #cccccc;
}
.image-uploader .upload-button {
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
    float:right;
    width:30%;
    padding: 4px 12px 3px;
    margin-left:-2px;
}

/* Listen
-----------------------------------------------------------*/
.column-header {
    white-space: nowrap;
    font-size: small;
    font-weight: bold;
    cursor: pointer;
}
.nowrap .header {
    white-space:nowrap !important;
}

.column-header .header {
    color:inherit;
    text-decoration:inherit;
}

.column-header .icon i {
    cursor: pointer;
    margin: 0 -3px 0 -3px;
}

.column-header .tooltip {
    
}

.column-header .header,
.column-header .tooltip {
    white-space: normal;
}

.row-list, .row-list-simple {
    border-top: 1px solid #bbb;
    
}

.row-list:hover {

    background-color: #e3010d;
    background-image: -moz-linear-gradient(top, #d0010c, #fe010f);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#d0010c), to(#fe010f));
    background-image: -webkit-linear-gradient(top, #d0010c, #fe010f);
    background-image: -o-linear-gradient(top, #d0010c, #fe010f);
    background-image: linear-gradient(to bottom, #d0010c, #fe010f);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd0010c', endColorstr='#fffe010f', GradientType=0);
    /*border: 1px solid #c1010b;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;*/
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
}

.row-list.selected {
    background-color: #ffc2c2;
}

.row-list * {
    cursor: pointer;
}

.row-list-simple:hover {
    background-color: #e3e3e3;
}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
    color: #ff0000;
}

.field-validation-valid
{
    display: none;
}

.input-validation-error
{
    /*border: 1px solid #ff0000;*/
    border-color: #f00 !important;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid
{
    display: none;
}

/* Login Formular 
---------------------------------------------------------*/
.loginFormSeparator {
    height: 280px;
    width: 68px;
}


/* Crew Management Row Selection*/
table tbody tr.selected
{
    background-color: #ffc2c2;
}

table tbody tr.selected:hover td
{
    background-color: #ffadad;
}

/* Caret 
----------------------------------------------------------*/
.caret-up {
    border-top: none;
    border-bottom: 4px solid #000000;
}

.caret-rect {
    border-top: 4px solid #000000;
    border-right: 2px solid #000;
    border-left: 2px solid #000;
}

/* Wait Popup
-----------------------------------------------------------*/
#loadingSplash h3 {
    font-size: 18px;
    line-height: 27px;
    margin: 0;
}

/* Certificate Validation */
.cert-validation-fieldset {

}

cert-validation-row {
    
}

.cert-validation-fieldset [class*="span"] {
    height:28px;
    vertical-align:middle;
    padding: 5px 5px 0px 5px;
}

.cert-validation-fieldset .cert-label,
.cert-validation-fieldset .cert-field {
    border: solid 1px black;
}

.cert-validation-fieldset .cert-label label {
    font-weight: bold;
}

.cert-validation-fieldset .cert-label {
    background-color:#dedede;
}

.cert-validation-fieldset .separator {
    height:10px;
}


/* Modal - Big */
.modal-big {
    width: 580px;
    margin-left: -290px;
}
.modal-big .modal-body {
    max-height:350px;
}

.modal-bigger {
    width: 700px;
    margin-left: -350px;
}
.modal-bigger .modal-body {
    max-height:440px;
}

@media (max-width: 767px) {
    .modal-big {
        width: auto;
        margin-left: auto;
    }
    .modal-bigger {
        width: auto;
        margin-left: auto;
    }
}

@media (min-width: 768px) and (max-width:979px) {
    .modal-big {
        width: 456px;
        margin-left: -228px;
    }
    .modal-big .modal-body {
        max-height:300px;
    }
}

@media (min-width: 1200px) {
    .modal-big {
        width: 700px;
        margin-left: -350px;
    }
    .modal-big .modal-body {
        max-height:440px;
    }
}

@media (min-width: 1200px) and (max-width:1440px) {
    .modal-bigger {
        width: 800px;
        margin-left: -430px;
    }
    .modal-bigger .modal-body {
        max-height:520px;
    }
    .modal-high .modal-body{
         max-height:550px;
    }
    .modal-higher .modal-body{
         max-height:650px;
    }
}

@media (min-width:1441px) and (max-width:1680px) {
    .modal-bigger {
        width: 1200px;
        margin-left: -600px;
    }
    .modal-bigger .modal-body {
        max-height:750px;
    }
    .modal-high .modal-body{
         max-height:650px;
    }
    .modal-higher .modal-body{
         max-height:750px;
    }
}

@media (min-width:1681px) and (max-width:2199px){
    .modal-bigger {
        width: 1400px;
        margin-left: -700px;
    }
    .modal-bigger .modal-body {
        max-height:850px;
    }
    .modal-high .modal-body{
         max-height:750px;
    }
    .modal-higher .modal-body{
         max-height:850px;
    }
}

@media (min-width:2200px) {
    .modal-bigger {
        width: 1700px;
        margin-left: -850px;
    }
    .modal-bigger .modal-body {
        max-height:1050px;
    }
    .modal-high .modal-body{
         max-height:850px;
    }
    .modal-higher .modal-body{
         max-height:1050px;
    }
}

/* PRODUCTS */
.product-manufacturer .manufacturer-box {
    margin-top: 0px; 
    margin-bottom: 5px;
    height: 40px;
}

.product-manufacturer .manufacturer-img {
    float:none;
    max-height:40px;
    max-width:170px;
}

.product-manufacturer.active>a.thumbnail {
    border-color: #fe010f;
    -webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
    -moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
    box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
}

.product-course-entry {
    /*margin-bottom:15px;*/
}

.product-course-entry .carousel-indicators li {
    width: 20px;
    height: 20px;
    border-radius: 10px;
}

.product-form {
    margin-bottom:5px;
}

.course-image-carousel {
    margin-bottom:0;
}
.course-image-carousel.course-details {
    min-height:200px;
}

/* REPORTING */
.accordion-report .accordion-toggle.collapsed > i.icon-minus-sign {
    background-position: 0 -96px;
}

.user-row{}