body, html {
    background: url(../images/bg.jpg) no-repeat center center fixed;
    background-size: cover;
}



.calcToChange{
    height: 26.4px;
}

.container {
    width: 90% !important;
}

.login-card {
    max-width: 350px;

    padding: 40px 40px;    

    background-color: #f7f7f7;

    /* just in case there no content*/

    padding: 20px 25px 30px;

    margin: 0 auto 25px;

    margin-top: 50px;

    /* shadows and rounded borders */

    -moz-border-radius: 2px;

    -webkit-border-radius: 2px;

    border-radius: 2px;

    -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);

    -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);

    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);

}

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

.v-right{
    text-align: right;
}

.v-left{
    text-align: left;
}

.fl-left{
    float: left;
}

.fl-right{
    float: right;
}

.header-nav{
    border: 0;

    margin-top: 15px;

    margin-bottom: 15px;

    background: #fff;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    border-radius: 5px;    

    -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);

    -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);

    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);

    padding: 15px;
}


.highlight{
    background-color: rgb(238, 193, 213);
}

.main{
    background: #fff;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    border-radius: 5px;

    -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);

    -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);

    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);  

    margin-bottom: 15px;
}

.main .inner-block{
    padding: 15px;
}

.form-horizontal .control-label{
    text-align: left;
}

.gear-btn{
    border-radius: 50%;

    line-height: 25px;

    margin-top: 4px;

    padding: 2px 9px;
}

.search-head{
    margin-bottom: 15px;
}

.search-form{
    margin-bottom: 20px;
}

.blue-text{
    color: #337ab7;
}

.mrt{
    margin-top: 30px;
}

.mrt2{
    margin-top: 10px;
}



.mrb{

    margin-bottom: 40px;

}



.datepicker-opener{

    cursor: pointer;

}



.datepicker-opener:hover{

    color: #337ab7;

}



.ui-datepicker{

    font-size: 12px;

}



.processed-list{

    margin-top: 20px;

}



.processed-list .radio{

    margin: 0;

}

.form-inline .radio:first-child{

    padding-left: 0;

}

.gray-font{

    color: #868686;

}

.green-font{

    color:#5cb85c;

}

.mrr-15{

    margin-right: 15px;

}

.mrr-10{

    margin-right: 10px;

}

.mrr-8{

    margin-right: 8px;

}

.mrt-5{

    margin-top: 5px;

}

.mrt-10{

    margin-top: 10px;

}

.mrb-20{

    margin-bottom: 20px;

}

.btn-print{

    font-size: 27px;

}

.form-inline-text{

    padding-top: 8px;

    display: block;

}

.gray-form{

    position: relative;

}

.gray-form form{

    display: block;

    position: relative;

}

.gray-form .form-group{

    padding: 0 15px;

}

.gray-form:before{

    content: '';

    position: absolute;

    left: 15px;

    top: 0;

    right: 15px;

    bottom: 0;

    background: #f6f6f6;

    border-left: 1px solid #ddd;

    border-right: 1px solid #ddd;

    border-bottom: 1px solid #ddd;

}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover{

    background-color: #f6f6f6;

}



.nav.nav-tabs > li > a {

    padding: 10px 10px;

}



.sm-font-table{

    font-size: 11px;



}



.table.sm-font-table > tbody > tr > td, 

.table.sm-font-table > tbody > tr > th, 

.table.sm-font-table > tfoot > tr > td, 

.table.sm-font-table > tfoot > tr > th, 

.table.sm-font-table > thead > tr > td, 

.table.sm-font-table > thead > tr > th{

    padding: 5px;

    vertical-align: middle;

}



.table.sm-font-table > tbody > tr > td > .checkbox{

    font-size: 13px;

}



.table.sm-font-table > tbody > tr > td > .checkbox input{

    width: 18px;

    margin-top: 1px;

    height: 15px;

}

.table.sm-font-table > tbody > tr > td > .checkbox label{

    cursor: auto;

}

.table.sm-font-table > tbody > tr > td > .checkbox label::before{

    margin-left: -19px;

}



.form-horizontal .form-inline .control-label{

    padding-top: 0;

    padding-right: 5px;

}



.checkbox.buttons-line{

    padding-top: 4px;

}



.set-height{

    max-height: 461px;

    padding: 0 15px;

    overflow: auto;

}



textarea.form-control{

    resize: vertical;

}



.form-control1{

    display:block;

    width:100%;

    height:24px;

    padding:3px 6px;

    font-size:12px;

    line-height:1.42857143;

    color:#555;

    background-color:#fff;

    background-image:none;

    border:1px solid #ccc;

    border-radius:4px;

    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);

    box-shadow:inset 0 1px 1px rgba(0,0,0,.075);

    -webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;

    -o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;

    transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s

}



.total-price{

    margin-left: 5px;

    font-weight: normal;

}



.set-height-calculation{

    height: 550px;

    overflow: auto;

    padding: 0 5px;

}



.calculation-margin-top{
    margin-top: 90px;
}

.invisible {
    visibility: hidden;
}

.displayNone {
    display: none;
}

.modalCheckbox {
    opacity: 1;
    margin-top: 7px;
    height: 18px;
    width: 18px;
}

@media only screen and (max-width : 1200px) {

    .checkbox.buttons-line{

        font-size: 12px;

        padding-top: 6px;

    }

}



@media only screen and (max-width : 767px) {

    .form-inline .radio:first-child{

        padding-left: 20px;

    }

    .v-right{

        text-align: left;

    }
}

.short-info-btn{
    padding: 0px 7px;
}

.nachDaten li {
    width: 100%;
}

table.dataTable thead .sorting {
    padding-right: 0!important;
}

table.dataTable thead .sorting a {
    padding-right: 30px;
    position: relative;
    z-index: 999;
    display: block;
}

table.dataTable thead .sorting:after {
    opacity: 0.2;
    content: "\e150";
}

table.dataTable thead .sorting.sorting_asc:after {
    content: "\e155";
    opacity: 1;
}

table.dataTable thead .sorting.sorting_desc:after {
    content: "\e156";
    opacity: 1;
}