/** --------------------------- */

 /* Buchungsmodule Custom-Stlyes **/
 
 /* v1 16.02.16  - Daniel Sänger */
 

@import url(https://www.yachtoffice.de/tools/fonts/opensans.css);

body {

    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
}

h1, h2, h3 {
    margin-bottom: 20px;
    font-weight: 700;
}
h4 {
    font-weight: 700;
}

.lead {
    font-size: 18px;
}
.center {
     float: none;
     margin-left: auto;
     margin-right: auto;
}
#page-wrapper {
		margin-top:100px;
		}

#content {
	display: block;
	margin: 100px auto 0;
}
hr {

    border-color: #ddd;
}
.spacer {
    margin-top: 40px; 
}

.box { 
    padding: 30px 30px 30px 30px;
    background-color: none;
    border: 1px solid #ddd;
    color: inherit;
    border-radius:5px;
    margin-top: 10px;
    margin-bottom: 10px;
} 
form > .box {
    background-color: #fff;
    padding: 30px 15px 20px 15px;
    margin-bottom: 5px;
}

.field {
    padding: 15px;
}

@media (max-width: 768px) {
	.wrap {
        margin-top:10px
    }

}


/** Form Styles **/

form { width: 100%; }

label {white-space: nowrap;}

.form-group {
	margin-right: 30px	
	}
	
.form-control {
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    display: block;
    font-size: 15px;
    /*height: 30px;
    line-height: 30px;*/
    padding: 4px 6px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}

.payment li { margin-top:5px;padding-right: 15px; }
.payment { margin-bottom: 45px;}
.payment span {
    background-color: #fff;
    color: #337ab7;
    border:2px solid #337ab7;
    border-radius: 50px;
    display: inline-block;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.8;
    min-width: 20px;
    padding: 3px 15px;
    margin-right: 5px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}
.payment span.active {
    
     background-color: #337ab7;
     color: #fff;
}
.alert {
    margin: 30px 0;
}

button {

    margin-right:10px;

}


/** Table Styles **/

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    line-height: 2.2em;
     border-top: 0;
}

.table-striped > tbody > tr:nth-of-type(4n+1),
.table-striped > tbody > tr:nth-of-type(4n+2)
{
    background-color: #f8f8f8;
}
.table-striped > tbody > tr:nth-of-type(4n+3),
.table-striped > tbody > tr:nth-of-type(4n)
{
    background-color: #fff;
}

.table > thead > tr > th {
     font-size: 15px;
    border-bottom: 2px solid #ddd;
    background-color: #fff;
    padding-bottom: 10px;   
}
.border-bottom {
    border-bottom: 3px solid #ddd;
    
}
.summe > td,  .summe > td h4 {
    font-weight: 700;!important
}



/** Datetimepicker **/

div[id*=" datetimepicker"], div[id^="datetimepicker"]{
    border-radius: 5px;
    margin:10px 0 10px 10px;

}