/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
*/
/* 
    Created on : 29.06.2017, 16:07:46
    Author     : andreasmethling
*/
body { background-color: #FFF; }
div#logo { min-width: 10%!important; height: 94%;  position: absolute!important; padding: 0%; margin: 0.1% 2% 0% 0%; background-size: contain; background-position: center center; background-image: url("/resources/css/images/intersport_wanninger.svg")!important; }
div.schucaoch { display: inline-block; }
div#header_schuhcoach { display: inline-block; width: 100%; max-width: 100%; height: 4.9%; padding: 0px; margin: 0%; position: fixed; top: 0px; left: 0px; position: absolute;  z-index: 11; background-color: #ffffff; border-bottom: 1px solid #cccccc; }
div#header_schuhcoach > div.row100 > div.row20 > label, div#header_schuhcoach > div.row100 > div.row25 > input { font-size: 20px; }
div#header_schuhcoach > div.row100 > div.row25 > input { background-color: #ffffff;-webkit-appearance: none;-moz-appearance: none; }
div#header_schuhcoach > div.row100 > div.row10  { width: 8%; }
div#header_schuhcoach > div.row100 > div.row10 > button.button.open.noautofill { width: 75%!important; padding: 3%; text-align: left; background-size: 20px;  }
div#header_schuhcoach > div.row100 > div.row25.formular { margin: 0%!important; color: #2d6298; }
div#header_schuhcoach > div.row100 > div.row25.formular > input { width: 98%; }
div#intersys_kundensuche_result, div#window_dateneingabe { width: 100%; max-width: 100%; padding: 0%!important; margin: 0%!important; border-bottom: 4px solid #2d6298; z-index: 10; overflow-y: scroll; }
div#intersys_kundensuche_result { width: 100%; max-width: 100%; padding: 0%!important; margin: 0%!important; position: absolute; left: 0px; top: 2.5%; background-color: #ffffff; }
div#window_dateneingabe { position: fixed; left: 1%; top: 0px; background-color: #FFF; }
div#window_dateneingabe > div.row100 { width: 98%; padding-left: 2%; }
div#intersys_kundensuche_result > p { margin: 5% 0% 3% 3%; padding: 0%; color: red; font-size: 20px; }
div#intersys_kundensuche_result > div.form { margin-top: 2.5%!important; } 
div#intersys_kundensuche_result button.button.save.noautofill { width: 75%!important; float: right!important; }
div#SearchBar > div.formular.row10.noboarder > button.button.search { width: 100%;  padding: 5px 5px 5px 25px; background-image: url("/resources/css/images/lupe.svg"); background-repeat: no-repeat; background-position: 10px center; background-size: 15px auto; background-color: #2d6298; }
div#intersys_kundensuche_result > div.row100 > fieldset > div.row100.formular > button {
    width: 47%;
    background-color: #ffffff!important;
    background-image: url("/resources/css/images/up.svg");
    background-repeat: no-repeat;
    background-position: right 2% center;
    background-size: 30px;
    border: 1px solid #cccccc;
    color: #2d6298; 
}
button#haupt_button { width: 140px; z-index: 1000000; position: fixed; top: 1%; right: 550px; padding: 5px; margin: 0px; border-radius: 5px; border: 0px; outline: none; background-color: #009966!important; font-size: 18px; } 
div#hauptmenue { display: inline-block; width: 100%; height: 94.8%; padding: 0%; margin: 0%; position: absolute; left: 0px; bottom: 0px; z-index: 1; background-color: #ffffff; }
div#hauptmenue > div.schuhcoach.row35 { display: inline-block; width: 31.33333%; height: 96%; margin: 1%; float: none; vertical-align: top; position: relative; overflow: hidden; background-color: transparent; }
div#hauptmenue > div.schuhcoach.row35 > a { display: inline-block; width: 100%; height: 100%; position: absolute; background-color: transparent;  }
div#hauptmenue > div.schuhcoach.row35 > div.contentfull { display: inline-block; width: 100%; height: 100%; background-color: #ffffff; }
div#hauptmenue > div.schuhcoach.row35 > div.contentfull > div.headline { display: inline-block; width: 100%; height: auto; margin: 0px; position: absolute; top: 70%; text-align: center; background-color: #ffffff; opacity: 0.8;  }
div#hauptmenue > div.schuhcoach.row35 > div.contentfull > div.headline > h1 { font-size: 40px; color: #2d6298; }
div#hauptmenue > div.schuhcoach.row35 > div.contentfull > div.clearer.top { display: inline-block; width: 100%; height: auto; position: absolute; bottom: 5%; text-align: center; background-color: transparent; }
div#hauptmenue > div.schuhcoach.row35 > div.contentfull > div.picture { /* display: inline-block; */ width: 100%; height: 100%; background-color: transparent; }
div#hauptmenue > div.schuhcoach.row35 > div.contentfull > div.picture > img { display: block; width: 100%; height: auto; }
div#hauptmenue > div.schuhcoach.row35 > div.contentfull > div.clearer.top { display: inline-block; width: 98%; height: auto;  padding: 1%; position: absolute; bottom: 17.8%; left: 0%; z-index: 10; background-color: #2d6298; opacity: 0.6; }
div#hauptmenue > div.schuhcoach.row35 > div.contentfull > div.clearer.top > div.text { display: inline-block; width: 100%; padding: 0%; margin: 0%; }
div#hauptmenue > div.schuhcoach.row35 > div.contentfull > div.clearer.top > div.text > p { font-size: 16px; color: #ffffff; }
div#mifitto, div#vitaltest, div#laufanalyse  { width: 100%; max-width: 100%; height: 94.8%; margin: 5% 0% 0% 0%; padding: 0%; z-index: 3; position: absolute; left: 0px; bottom: 0px; background-color: #ffffff; }
div#mifitto.schuhcoach.row100 { max-width: 100%; padding: 0%!important; margin: 0%!important; background-color: transparent!important; }
div#mifitto > div.row15, div#laufanalyse > div.row15, div#vitaltest > div.row15 { position: fixed; top: 0%; right: 18%;  z-index: 12; }
div#mifitto > div.row15 > button, div#laufanalyse > div.row15 > button, div#vitaltest > div.row15 > button { height: 100%; padding: 2%; border-radius: 5px; font-size: 16px; }
div#mifitto > iframe, div#vitaltest > iframe { display: block; width: 100%; height: 95%; padding: 0%; margin: 0%; position: fixed; left: 0px; top: 5%; border: none; background-color: #ffffff;  }
div#user_active { position: relative; }
div#user_active > label { width: 100%; position: absolute; left: 0px; top: 0px; }
div#user_active > button { width: 10%; position: absolute; right: 0px; top: 0px; }
div.formular.row10.noboarder.add_user { padding: 5px; margin-top: 10px; border: 0px; border-radius: 5px; background-color: #2d6298; color: #FFF; font-size: 16px; cursor: pointer; }
div.formular.row10.noboarder.add_user > li.fa-plus { display: inline-block; margin-right: 10px; float: none; vertical-align: top; font-size: 20px; color: #FFF; }
/* Ausgabe */
iframe#vitaltest_frame { background-color: #ffffff!important; }
div#trainingresults { width: 100%; max-width: 100%; height: 99%; margin: 0px; overflow-y: scroll; overflow-x: hidden; background-color: #ffffff; }
div#trainingresults > div.row100 { width: 48%; padding: 0.1%; margin: 0.1% 0.5% 0.1% 0.5%; }
div.row100 > button.button { width: 98%; }
fieldset span { font-size: 20px; }
div#trainingresults > fieldset > div.row100 > label, div#trainingresults > fieldset > div.row100 > span { display: inline-block; width: 47%; padding: 0.3%; margin: 0.3%; float: none; vertical-align: top; font-size: 20px; }
div#trainingresults > div.row100 > button, div#trainingresults > fieldset > div.row100 > button, fieldset > legend, div.row50 > label, div.row50 > span { font-size: 20px!important; border-radius: 5px; }
div#trainingresults > div.row100 > button.button.open, div#trainingresults > div.row100 > button.button.training { width: 96%; padding: 2%; background-image: url("/resources/css/images/down.svg"); background-size: 30px; background-repeat: no-repeat; background-position: right 15px center; }
div#trainingresults > fieldset > div.row100 > button.close {/* background-image: url("/resources/css/images/down.svg"); */}
/* fieldset#koerperdaten { width: 40%; position: fixed; right: 5%; top: 20%; background-color: greenyellow; } */
fieldset#leistungstest { float: left; clear: left; height: auto; }
div#LeistungstestContainer { height: auto!important; min-height: 450px; }

/* Eingabe ubd Ausgabe User */
div#SearchBar_75 { display: inline-block; padding: 10px; margin: 0px; position: fixed; left: 0p; top: 0px; background-color: #FFF; }
div#SearchBar_75.row35 { width: 1000px!important; max-width: 1000px!important; max-height: 48px; padding: 0px!important; background-color: #FFF;; }
div#SearchBar { width: 98%; padding: 0% 0% 0% 2%; margin: 0px; position: fixed; left: 0px; top: 0px; background-color: #FFF; }
div#SearchBar > div > select { padding: 5px; font-size: 16px; }
div#SearchBar > div > select > option { font-size: 14px; }
span#getMitarbeiterSelect_mitarbeiter { padding: 0px!important; margin: 0px!important; }
span#getMitarbeiterSelect_mitarbeiter > select { width: auto!important; }
button#suche_return { display: inline-block; width: 100%; height: 40px; padding: 0px; margin: 0px; font-size: 25px; line-height: 40px; border-radius: 5px;  background-color: #2d6298;  }
div#SearchBar > div.formular > button.button.close, div#SearchBar_75 > div.formular > div.formular > button.button.close { padding: 5px; background-color: #e2000a!important; }
div#SearchBar_75 > div.formular > div.formular > button.button.close { width: 90%; }
/* Contentausgabe */
div.contentfull.grey { display: inline-block; width: 70%; padding: 1%; margin: 1%; float: none; background-color: #FFF; border: 1px solid #cccccc; }
div.headline { display: inline-block; width: 100%; padding: 0px; margin: 1%; }
div.headline > h2 {  font-size: 30px;  color: #e2000a; }
div.contentfull > div.picture.left, div.contentfull > div.clearer.left { display: inline-block; width: 48%; padding: 1%; float: none; vertical-align: top; }
div.contentfull > div.picture.left > img { display: inline-block; width: auto; height: 800px;  }
div.contentfull > div.picture.left, div.contentfull > div.clearer.left div.text > p { font-size: 25px; line-height: normal; color: #999; }