/* 
    Document   : uptodate.zh.custom
    Created on : 24.08.2014, 15:02:42
    Author     : hquadrat
    Description: konkrete Styles für die Formulare
*/


.gruen {
    color: #73c82c;
}

.blau {
    color: #2056ae;
}



/*
#
## START allgemeiner Teil (Schriften, Abstände)
#
*/

.forms {
    font-family: 'Open Sans', sans-serif;
}

/* END area separator */

.forms h1, .forms h2, .forms p, .forms ol, .forms ul {
   margin-bottom: 0.5em;
}

.forms h1, .forms h2 {
    margin-top: 0.5em;
   font-weight: 400;
}

.forms h1 {
    color: #73c82c; 
}

.forms h2 {
    color: #999;
}

.forms h3, .forms h4, .forms h5, .forms h5 {
    margin: 0.1em 0;
    font-weight: 400;
    line-height: 1.1em;
    border-bottom: 1px solid #EEE;
}

.forms ol {
    padding-left: 1.2em;
}

.forms ol, .forms ul.colored {
    color: #2056ae;
    font-weight: 600;
}

.forms ul p, .forms ol p {
    line-height: 1.6em;
    margin: 0.2em 0;
    
    color: #000;
    font-weight: 400;
}

.forms ol h4 {
    line-height: 1.4em;
    font-weight: 600
}

.forms ol ul {
    color: #000000;
    margin-left: 1.0em;
    padding-left: 0em;
    font-weight: 400;
    list-style-type: disc;
}
/*
.forms ol ul li {
    list-style-type: disc;
}
*/
.forms ol ul ul {
    padding-left: 0em;
}

.forms ol ul ul li {
    list-style-type: none;
}
    
.forms ol ul ul li:before {
    content: '- ';
}

/*
#
## END allgemeiner Teil
#
*/


/*
#
## START forms Anpassung
#
*/
.forms input[type="text"], .forms textarea {
    width: 100%;
}

.forms input[type="range"] {
    width: 100%;
}

.forms input.colored {
    background-color: #e5e6f6;
}

.forms table {
    width: 100%;
    border-collapse: collapse;
}

.forms table td, .forms table th {
    padding: 0.4em 0;
    padding-left: 0.2em;
    font-family: 'Open Sans', sans-serif;
    vertical-align: top;
}

.forms table.verticallighter td {
    padding: 1.2em 0 !important;
}

.forms table th.firstrow {
    padding-bottom: 0;
}

.forms table th.secondrow {
    padding-top: 0;
}

.forms div.npL, .forms form div.npL {
    padding-left: 0 !important;
}

.forms div.npR, .forms form div.npR {
    padding-right: 0 !important;
}

/*
.forms table.outlined td, .forms table.outlined th {
    border: 1px solid #2056ae;
}
*/

.forms table .anmerkung {
    padding: 1.1em 0;
/*  font-family: serif; */
    font-size: 100%;
    font-style: italic;
}

.forms table .centered {
    text-align: center;
}

.forms table tr.secondrow td {
    padding-bottom: 1em;
}

.forms table td.nicedigit {
    padding: 0.4em 0.3em;
    text-align: center;
    color: #73c82c;
    font-weight: 700;
}

.forms table td.timecell {
    width: 10%;
    white-space: nowrap;
}

.inlinenotice {
    font-weight: 100;
    padding-left: 10%;
    font-size: 90%;
}

.rangedescription {
    width: 99%;
    text-align: center;
    font-size: 70%;
    
    line-height: 1em;
    margin: 0;
}

.rangedescription .rangemin {
    float: left;
}

.rangedescription .rangemax {
    float: right;
}

/*
#
## END forms Anpassung
#
*/




/*
#
## END Ausgabe Anpassung
#
*/



@media screen and (min-width: 768px) and (max-width: 1024px) {

 
    /* behaves a little different on smaller devices */
    .rangedescription {
        width: 100%;
    }

    .inlinenotice {
        padding-left: 5%;
        font-size: 80%;
    }

  
    
}


.view_result_label {

    font-size: 150%;
}


.view_result_span {

    background: #fff;
    padding: 3px;
    display: inline-block;
    min-width: 50px;
    min-height: 20px;
}

.view_result_multiline {

    background: #FFF;
    padding: 3px;
    display: block;
    min-height: 50px;
}

.forms > .grid-container {

   margin-bottom: 5px;
   border-bottom: 1px solid #CCC;
   min-height: 35px;
}

.forms > .grid-container {

    padding: 8px 0;

}

.forms .p33 {
    width: 30% !important;
    margin-right: 1%;
}

.forms .p20 {
    width: 15% !important;
    margin-right: 1%;
}


.forms .p40 {
    width: 39% !important;
    margin-right: 1%;
}


.forms .p50 {
    width: 49% !important;
    margin-right: 1%;
}   

.forms .p15 {
    width: 14% !important;
    margin-right: 1%;
}   
.forms .p35 {
    width: 34% !important;
    margin-right: 1%;
}   

.forms .p10 {
    width: 9% !important;
    margin-right: 1%;
}   

.form-row {
    width: 100%;
    border-bottom: 1px solid #CCC;
}

.forms .grid-container label {
    display: block;
    line-height: 15px;
    font-size: 12px;
     text-transform: uppercase;;
}

.forms label.inline {
    display: inline-block;
}

table td input[type=checkbox] {

    padding: 5px;
    display: block;
    margin: 5px;
}

table td input[type=text] {

}

.rotate {

    /* Safari */
    -webkit-transform: rotate(90deg);

    /* Firefox */
    -moz-transform: rotate(90deg);

    /* IE */
    -ms-transform: rotate(90deg);

    /* Opera */
    -o-transform: rotate(90deg);

    /* Internet Explorer */
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);

    padding: 5px;
    font-size: 150%;
}