@charset "utf-8";
/* PhysioVisor */
/***************/

@font-face {
 font-family: Zurich;
 src: url("Zurich-light.eot") /* EOT file for IE */
}
@font-face {
 font-family: Zurich;
 src: url("Zurich-light.ttf") /* TTF file for CSS3 browsers */
}
 

body {
	font-family: Zurich, Arial, Verdana, Geneva, sans-serif;
	font-size: 13px;
	color: #2e373a;
	margin: 0px;
	padding: 0px;
}

.container-fluid  {
padding-left: 15px;
  padding-right: 15px;
  margin-left: auto;
  margin-right: auto;
}

.navbar-default {
	margin-left: -15px;
	margin-right: -15px;
}


#dvLoading
{
   background:#000 no-repeat center center;
   opacity: 0.6;
   width: 300px;
   padding: 80px;
   position: fixed;
   z-index: 1000;
   left: 50%;
   top: 50%;
   margin: -25px 0 0 -25px;
	color: #fff;
	font-weight: bold;
	border-radius: 10px;
	font-size: 18px;
}

a img {
	border: 0px;
}

h1 {
	margin: 45px 0px;
	color: #004C68;
	font-weight: normal;
}

h2 {
}

h3, h4 {
}
/*
a:link, a:visited {
	color: #044F6C;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}
*/
#content {
	padding-left: 20px;
}

#logo {
	text-align:center;
	margin-bottom: 50px;
}

#logo img {
	max-width: 100%;
}

#slogan {
}

#slogan h1 {
	color: #fff !important;
	margin: 0px;
	padding: 0px;
}

.nav a {
	font-size: 18px;
}

#menutop {
	width: 100%;
	height: 80px;
	background: url(../../images/bg-menu-top.jpg) repeat-x;
}
	
#menutop ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	padding-left: 25px;
}

#menutop ul li {
	float: left;
	height: 80px;
}

#menutop ul li a {
	display: block;
	font-size: 15px;
	padding: 30px 40px 30px 40px;
	border-left: 1px solid #d9edeb;
	border-right: 1px solid #7cc5bc;
	height: 20px;
	color: #2e373a;
	text-decoration: none;
}

#menutop ul li a:hover {
	background: url(../../images/bg-menu-top-hover.jpg);
}

#subnavi {
	background: #e5eaea;
	overflow: hidden;
	margin-bottom: 10px;
	padding: 30px;
	
}


.suche {
	text-align: right;
}

.progbuttons .progbuttonsbox {
	background: #F5F5F5;
	border-radius: 20px;
	text-align: center;
	border: 10px solid #fff;
	min-height: 230px !important;
}

.progbuttons .progbuttonsbox h3 {
	margin-top: 0px;
	padding-top: 0px;
	font-size: 35px;
	font-weight: normal;
	padding: 25px;
	
}	

.progbuttons .progbuttonsbox p {
	padding-left: 25px;
	padding-right: 25px;
	padding-bottom: 25px;
}

.progbuttons .progbuttonsbox:hover {
	text-decoration: none !important;
	background: #D7EBE9;	
}

/*#subnavi a {
	display: block;
	text-align: center;
	padding: 10px;
	width: 100px;
	text-decoration: none;
	color: #014c69;
	float: left;
	margin-right: 20px;
}

#subnavi a:hover {
	border: 1px solid #014c69;
	padding: 9px;
}
*/
#subnavi a img {
	margin-bottom: 5px;
}



.footer {
	padding: 20px;
	text-align: center;
	background: #d7ebe9;
	overflow: hidden;
	margin-top: 80px;
	text-align: left;
}

.footer div {
	padding: 0px 40px;
}

#prog-left {
	float: left;
	width: 55%;
}

#prog-right {
	padding: 20px;
	background: #e5eaea;
	margin-top: 10px;
}

.prog_data_te {
	border: 1px solid #CCC;
	border-radius: 5px;
	margin: 5px;
	background: #fff;
	overflow: hidden;
	width: 100%;
	padding: 15px;
}


.prog_data_te .thumbnail {
	margin: 10px;
}
	

.prog_data_te h4 {
	display: block;
	padding: 0px;
	margin: 0px;
	color: #004D6B;
	
}


.te_data_edit {
	border: 1px solid #CCC;
	border-radius: 5px;
}

.te_data_edit_ubung {
	clear: both;
	background-color: #E9E9E9;
	overflow: hidden;
	margin-bottom: 10px;
	padding-top: 10px;
	
}

.te_data_edit_ubung img {
	margin: 0px 10px 10px;
	border: 1px solid #676767;
}

.options_te_edit {
}

.logoutbutton {
	width: 15%;
	height: 80px;
	background: url(../../images/bg-user-top.jpg) repeat-x;
	border-left: 4px solid #fff;
	text-align: center;
}

.login-form {
	padding: 10px;
	background: #e5eaea;
	border: 1px solid #114259;
	border-radius: 8px;
}


.button {
	border: 1px solid #114259;
 	border-radius: 3px;
	font-weight: bold;
	background: #114259;
	color: #d7ece9;
	cursor: pointer;
	margin-bottom: 10px;
	text-decoration: none;
	padding: 3px;
}

a.button {
	color: #d7ece9;
	text-decoration: none;
}

.button:hover {
	background: #d7ece9;
	color: #114259;
}

.logoutbutton .button {
	background: #d7ece9;
	color: #114259;
	text-decoration: none;
}

.logoutbutton .button:hover {
	background: #114259;
	color: #d7ece9;
}

.datatable {
	border-collapse:collapse; 
}

.datatable tr.even {
	background: #d7ece9;
}

.datatable th, .datatable td {
	border: 1px solid #114259;
	vertical-align: central;
	padding: 10px;
}

.datatable th {
	padding: 10px;
	background: #d7ece9;
	font-weight: bold;
	color: #114259;
}

.delete-box {
	height: 0px;
	padding: 5px;
	background-color: #E5EAEA;
	border-radius: 5px;
	border: 1px solid #004D6B;
	font-weight: bold;
	margin-top: 5px;
	overflow: hidden;
}


	
.aktionsbuttons a {
	padding-righ: 10px;
	cursor: pointer;
}

.aktionsbuttons {
	text-align: center;
}

.listbuttons {
	list-style: none;
}

.listbuttons a {
	display: block;
	width: 300px;
	border: 1px solid #114259;
 	border-radius: 3px;
	font-weight: bold;
	background: #114259;
	color: #d7ece9;
	cursor: pointer;
	margin-bottom: 10px;
	text-decoration: none;
	padding: 6px;
}

.listbuttons a:hover {
	background: #d7ece9;
	color: #114259;
}

.meldungpositiv {
	padding: 5px; 
	border: 1px solid #030;
	min-height: 20px;
	font-weight: bold;
	margin: 20px;
	padding-left: 40px;
	padding-top: 10px;
	background: url(../../images/info.jpg) no-repeat center left;
	background-color: #98BF0E;
	
}

.meldungnegativ {
	padding: 5px; 
	border: 1px solid #030;
	min-height: 20px;
	font-weight: bold;
	margin: 20px;
	padding-left: 40px;
	padding-top: 10px;
	background: url(../../images/achtung.jpg) no-repeat center left;
	background-color: #990000;
	color: #fff;
}

.datatable a.button {
	display: block;
	width: 100px;
	text-align: center;
}

.datenubung { 
	background: #E5EAEA;
	padding: 10px;
}

.zoombilder ul {
	list-style: none;
}


.te_data_edit {
	margin: 10px;
}

.te_data_edit .te_data_edit_head {
	display: block;
	padding: 0px;
	margin: 0px;
	padding: 10px;
	background: #004D6B;
	color: #fff;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;	
	margin-bottom: 10px;
	overflow: hidden;
}

.te_data_edit .te_data_edit_head span {
	font-size: 12px;
	float: right;
}

#prog-data {
	margin-top: 5px;
	border-bottom: 1px solid #114259;
	padding: 10px;
	background: #E5EAEA;
}

.name {
	font-weight: bold;
}

.ubungte {
	border: 1px solid #7bc6bc;
	border-radius: 5px;
	padding: 10px;
	margin-bottom: 15px;	
	background: #fff;
}

.ubungte img {
	margin-right: 15px;	
}

.nav-tabs h1 {
	margin: 0px;
	padding: 0px;
	margin: 10px 0px;
}

.ui-sortable li {
    font-size: 25px;
}

.ui-sortable li div {
	font-size: 14px !important;
}

.changeorderdiv h1 {
	margin: 0px;
	padding: 0px;
	margin-top: 10px;
	cursor: pointer;
	background: #f4f4f4;
	height: 60px;
	border-radius: 50px;
	width: 60px;
	font-size: 40px;
	padding-top: 10px;
	text-align: center;
}

.tedate {
	font-size: 18px;
	margin-bottom: 20px;	
}










/***************************/
/*   Patienten             */
/***************************/


.pa-te {
	border: 1px solid #004D6B;
	border-radius: 10px;
	margin-top: 30px;
}

.pa-te h3.ubungplussize {
	background-color: #004D6B;
	padding: 15px;
	color: #fff;
	margin: 0px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	font-size: 25px;
	height: 55px;
}

/*.pa-te h3 {
	background-color: #7cc5bc;
	padding: 15px;
	color: #fff;
	margin: 0px;
	margin-top: 10px;
	margin-bottom: 0px;
	font-size: 16px;
}
*/
.pa-te h3.ubungplussize span {
	display: block;
	line-height: normal;
	font-weight: normal;
	font-size: 14px;
	margin-left: 30px;
}

.pa-te h3.ubungplussize span.fbdone {
	display: block;
	float: right;
	height: 55px;
	width: 145px;
	text-align: center;
	padding: 15px;
	background: #97be0d;
	margin: -15px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
}

.pa-te h3.ubungplussize span.fbnot {
	display: block;
	float: right;
	height: 55px;
	width: 145px;
	text-align: center;
	padding: 15px;
	background: #7bc5bb;
	margin: -15px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
}
	
.feedback {
	padding-bottom: 30px;
	padding-left: 30px;
}

input#datepicker {
	font-weight: bold;
	margin-bottom: 0px;
}

.pa-te .pa-train-details {
}

.pa-te pa-train-feedback {
}

.pa-te .name {
	padding: 20px;
	font-size: 16px;
	font-weight: bold;
	color: #004D6B;
}

.pa-te .description {
	padding: 0px 20px;
	font-size: 14px;
}

.pa-te .ptdescription {
	padding: 10px 10px;
	font-size: 14px;
	font-style: italic;
	margin: 10px 20px;
	background: #D7EBEA;
}

.pa-te .images {
	padding: 20px;
	width: 100%;
	position: relative;
}


.pa-te .image {
	float: left;
	position: relative;
	margin: 5px;
	max-width: 30%;
}

.pa-te .image img {
	width: 100%;
	position: relative;
	z-index: 5;
}

.pa-te .images .number {
	display: block;
	position: absolute;
	top: 30px;
	left: 30px;
	z-index: 100;
	width: 30px;
	height: 25px;
	color: #fff;
	font-weight: bold;
	padding-top: 5px;
}

#totop {
	position: fixed;
	bottom: 50px;
	right: 50px;
	width: 80px;
	height: 20px;
	background: url(../../images/buttons/pfeil-top.png) no-repeat center top #D7EBEA; 
	opacity: 0.6;
	z-index: 1000;
	padding-top: 50px;
	text-align: center;
	border-radius: 3px;
	cursor: pointer;
	display: none;
}

#totop a {
	display: block;
	width: 80px;
	height: 50px;
	text-align: center;
}

#totop a:hover {
	text-decoration: none;
}
	
img.feedback {
	margin-right: 20px;
}

.diary-ubung {
	border: 1px solid #004D6B;
	padding: 10px;
	text-align: center;
	border-radius: 5px;
}

.diary-ubung img {
	margin-top: 5px;
}
	
.pa-train-feedback {
	padding-top: 20px;
}


#meldung2, #meldung3, #meldung4, #meldung5 {
	overflow: hidden;
}

#slider-range-max {
	max-width: 600px;
}

.ui-widget-content {
	background: none;
	background-color: #d6ece8;
}

.ui-widget-header {
	background: none;
	background-color: #004c68;
	color: #fff;
}

.pat_data {
	overflow: hidden;
	padding: 20px;
}

.pat_prog {
	margin-top: 20px;
	padding: 10px;
	background: #D7ECE9;
}

.pat_infos {
	background: #E5EAEA;
	padding: 40px;
	overflow: hidden;
	margin-bottom: 20px;
	margin-top: 70px;
}

.alarm, .meldung {
	background: #E5EAEA;
	padding: 30px;
	margin-bottom: 20px;
	border-radius: 3px;
}

.alarm h4 {
	color: #900202;
	font-size: 35px;
	font-weight: normal;
}


.meldung h4 {
	font-size: 25px;
	font-weight: normal;
	color: #004C68;
}

.table th {
	background: #004c68;
	color: #fff;
}

.datumsblock {
	padding: 5px;
	background: #d6ece8;
	margin-bottom: 20px;
	border-radius: 5px;
	
}

.datumsblockheute {
	padding: 5px;
	background: #7cc5bc;
	margin-bottom: 20px;
	border: 1px solid #014c69;
	border-radius: 5px;
}

.datumsblock h3, .datumsblockheute h3 {
	width: 100%;
	background: #014c69;
	color: #fff;
	margin: -5px;
	padding: 5px;
	margin-bottom: 10px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.nav-tabs {
	margin-top: 50px;	
}
	
.tab-content {
}

.tab-content {
	padding: 20px;	
	border-right: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}

.nav-tabs .active a {
	background: #d7ebe9;
}

a.btn h3 {
	color: #fff;
	font-size: 16px;
}

#detailModal {
	width: 800px;
	min-height: 350px;
	margin-top: -400px;
	margin-left: -400px;
}

#detailModal .modal-body {
	min-height: 350px;
}

.datepicker {
	z-index: 9999 !important;
}

#jquery-lightbox {
	z-index: 2000 !important;
}

.trainingseinheit-print {
	overflow: hidden;
	
}

.ubung-print {
	border-bottom: 1px solid #666;
	padding-bottom: 20px;
	padding-top: 20px;
	overflow: hidden;
}

.ubungplussize, .ubungminussize {
	border-radius: 10px;
}

.alert {
	margin-top: 10px;
}


/* Nachrichten System */
/**********************/

tr.ungelesen {
	font-weight: bold;
}

.nachricht {
	background-color: #d6ece9;
	padding: 15px;
}

.nachricht h3 span {
	color: #2e373a;
	font-size: 13px;
	font-weight: normal;
}

.dropdown-menu li {
	padding-top: 3px;
	padding-bottom: 3px;
}

.dropdown-menu .divider {
	padding: 0px;
}

.btn-anzahl {
	margin-top: 0px !important;
}

.logopt-preview {
	padding: 10px;
	border: 1px solid #004b68;
	margin-bottom: 20px;
	border-radius: 5px;
}

.print-daten-therapeut td.links {
	padding-right: 20px;
}

.print-daten-therapeut td {
	padding-bottom: 15px;
}

.navileft {
	margin-top: 20px;
}

.dashboardbox {
	border-radius: 5px;
	overflow: hidden;
	padding: 40px;
}

.dashboardbox h3 {
	margin-top: 0px;
	padding-top: 0px;
	font-size: 23px;
	font-weight: normal;
}

.glyphicon-grey-big {
	color: #999;
	font-size: 50px;
	margin-right: 20px;
	vertical-align: middle;	
}

.dashboardbox h3 span.text-warning {
	font-size: 15px !important;
}

.boxgrey {
	background: #E5EAEA;
	padding: 10px;
	border-radius: 5px;
	border: 1px solid #999;
	margin-bottom: 30px;
}

.inhaltsverzeichnis ul ul {
	margin-left: 40px;
}

.helpbox {
	background: url(../../images/info.png) no-repeat right top #E5EAEA;
	padding: 10px;
	border-radius: 5px;
	border: 1px solid #999;
	margin-bottom: 30px;
	
}



.navbar-inverse .nav li.dropdown.open > .dropdown-toggle,
.navbar-inverse .nav li.dropdown.active > .dropdown-toggle,
.navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle,
.navbar,
.navbar-inverse .navbar-inner {
    filter: none;
    background-image: none;
}


/* Landscape phone to portrait tablet */
@media (max-width: 767px) { 

body, html {
	padding: 5px;
}

#logo {
	text-align: center;
}

.pa-te h3.ubungplussize {
    background-color: #004D6B;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
    color: #FFFFFF;
    font-size: 25px;
    height: 85px;
    margin: 0px;
    padding: 0px;
	font-size: 14px;
	padding-left: 10px; 
	padding-right: 10px;
}

.pa-te h3.ubungplussize span.fbnot {
    background: none;
	background-color: #004D6B;
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
    display: inline;
    float: none;
    height: auto;
    margin: 0px;
    padding: 0px;
    text-align: left;
    width: auto;
}

.pa-te h3.ubungplussize span {
    display: block;
    font-size: 14px;
    font-weight: normal;
    line-height: normal;
    margin-left: 0px;
}

.teshow .nav {
	text-align: center;
}

.pa-te .images .number {
    color: #FFFFFF;
    display: block;
    font-weight: bold;
    height: 15px;
    left: 10px;
	font-size: 11px;
    padding-top: 2px;
    position: absolute;
    top: 10px;
    width: 11px;
    z-index: 100;
}

.feedback {
	text-align: center;	
}

.feedback a, .feedback button {
	margin-bottom: 10px;
}

}