/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 29.09.2017, 13:06:17
    Author     : andreasmethling
*/

body { padding: 0px; margin: 0px; font-family: Arial, sans-serif; font-size: 1rem; line-height: normal; font-weight: normal; color: #000; }
p { color: #000; }
h1, h2, h3, h4, h5 { line-height: normal; }
input, select, button, textArea, label {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
div.logoscan {
    display: inline-block;
    width: 100%;
    height: 30px;
    padding: 10px 0px 0px 0px; 
    margin: 0px;
    text-align: center;
    border-bottom: 1px solid #cccccc; 
}
div.logoscan > a {
    display: inline-block;
    width: 90%;
    height: 90%;
    padding: 0%;
    margin: 0%;
    background-image: url("/resources/css/images/intersport_wanninger.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    text-align: center;
}
div.form { width: 99%; margin: 0px; }
div.formular.row100.noboarder.scan > i.fa.fa-info { display: inline-block; width: auto; padding: 1%; margin: 1%; float: none; vertical-align: top; font-size: 30px; color: #2d6298; }
div.formular.row100.noboarder.scan > p { padding: 0.5%; }
div.formular.row100.noboarder.scan > p.float { width: 90%; float: right; }
div.row100.scan > div.row35 { width: 30.333333%; border: 1px solid #cccccc; padding: 3%; background-color: #f7f5f5; }
div.row100.scan > div.formular.row35 > div.row100 > p { padding: 0px; margin: 10px 0px 10px 10px; }
div.row5.verleih-day, div.row100.scandate > div.row5 { width: 5.5%; max-width: 5.5%; min-height: 15px; padding: 10px; text-align: center; }
div.row5.verleih-day { background-color: #ffffff; }
div.row100.scandate > div.row5 { border-bottom: 1px solid #2d6298; }
div.row5.verleih-day > p , div.row100.scandate > div.row5 > p { display: inline-block; padding: 0px; margin: 0px; text-align: center; }
div.row100.scandate > div.row5 > p { color: #2d6298; }
div.row5.verleih-day.verleih-today { color: #2d6298; font-weight: bold; }
div.row5.verleih-day.verleih-today > p.verleih-no-pointer-events { color: #e2000a; font-weight: bold; }
div.verleih-day:hover { /* background-color: #2d6298; */ }
div.verleih-day:hover > p { /* color: #ffffff; */ }
div.row5.verleih-day.verleih-prereserved { background-color: #ffcc00; }
div.row5.verleih-day.verleih-reserved { background: #e2000a; }
div.row5.verleih-day.verleih-reserved > p { color: #ffffff; }
div.row5.verleih-day.verleih-prereserved { background: #ffcc00; }
div.row5.verleih-day.verleih-prereservation { background: #e2000a; opacity: 0.4; }
div.row5.verleih-day.verleih-prereservatio > p { color:  #ffffff; opacity: 0.6; }
div.alert.alert-danger { display: inline-block; width: 99%; padding: 0.5%; margin: 0.5%; color: #e2000a; }
div.row100 > img { max-width: 90%; height: auto; }
/* responosive Ausgabe */
@media only screen and (max-width: 768px){
div.formular > button > label > i { font-size: 30px; }
div.row75 { width: 99%; max-width: 99%; }
div.formular.row25.noboarder, div.row100.scan > div.row35 { width:  99%; max-width: 99%; }
div.formular.row25.noboarder > label, div.formular.row25.noboarder > input { width: 44%!important; padding: 1%!important; }
div.row100.scan > div.row35 { margin-bottom: 2%; }
div.formular.row100.noboarder.scan > p.float { font-size: 0.8rem; }
}