/* app css stylesheet */
body {
    font-family: 'Muli', sans-serif;
    // font-family: 'Didact Gothic', sans-serif;
    background-color: #ddd;
}

.container {
    background-color: #ddd;
    /* box-shadow: 0px 0px 10px #000; */
    margin-top: 0;
    position: relative;
}

.main-nav {
	position: absolute;
	top: 0px;
	left: 15px;
	width: 100%;
	z-index: 2;
}

@media (max-width: 767px) {
	.page-header img {
	   float: right;
	}
}

.nav>li>a {
	padding: 5px;
}

.nav-tabs>li {
	float: left;
}

.secondary-nav .nav-tabs>li {
    float: right;
}


.main-nav .nav-tabs {
	border-bottom: none;
}

.row.page-header {
    margin-top: 0.5em;
}

.menu {
  list-style: none;
  border-bottom: 0.1em solid black;
  margin-bottom: 2em;
  padding: 0 0 0.5em;
}

.menu:before {
  content: "[";
}

.menu:after {
  content: "]";
}

.menu > li {
  display: inline;
}

.menu > li:before {
  content: "|";
  padding-right: 0.3em;
}

.menu > li:nth-child(1):before {
  content: "";
  padding: 0;
}

.nav .secondary-nav {
	float:right;
	margin-left:10px;
	margin-right:0;
}

.navrow {
    margin-bottom: 1em;
}

.main-content {
    padding: 0 20px;	
}

.glyphicon-large, .glyphicon-lg {
    font-size: 2em;
}

.switch .knob {
    background-color: #fff;
}

/* Required because of angular-ui */
.nav, .pagination, .carousel, .panel-title a { cursor: pointer; }

.nav-tabs {
    border-bottom: 1px solid #fff;
}

.errorMessage {
	color: #dd0000;
}

video {
  width: 100%    !important;
  height: auto   !important;
}

.btn-exercise {
    font-size: 2em;
    margin-bottom: 1em;
}

.btn-exercise.btn-block {
    padding-left: 3px;
    padding-left: 3px;
}

.progress-item {
    padding: 0.3em;
}

.progress-correct {
    color: #00A000;
}

.progress-incorrect {
    color: #D2413A;
}

.progress-unsolved {
    color: #826591;
}

.table-progress {
    width: auto;
    margin-bottom: 0;
}

table.table.table-progress tbody td {
    border-top: 0;
    padding: 0;
}
#exercise-progress {
    overflow-x: auto;
}
.result-wrap {
    float: left;
    padding: 0 1em 0 0;
}

.btn.btn-default.btn-nohover {
    border-color: #ccc;
    background-color: #fff;
}

.btn-img-exercise {
    padding: 0;
}

.page-header {
    background-color: #fff;
}

.profile-field {
    border: 1px solid #aaa;
    border-radius: 4px;
    padding: 0.5em 0;
    margin: 0.5em 0;
}

h2.exercise-title {
    margin-top: 0;
    font-size:1.5em;
    font-weight: bold;
}

.trainingresult-icon {
    margin-top: 1em;
}

.settings-title {
    font-size: 1.1em;
}

.app-aphasie,
.app-aphasie.buy-full-main:hover, .app-aphasie.buy-full-main:focus {
	color: #8cb18d;
}

.btn-aphasie {
    color: #fff;
    background-color: #8cb18d;
    border-color: #8cb18d;
}

.app-lrs,
.app-lrs.buy-full-main:hover, .app-lrs.buy-full-main:focus {
	color: #b61408;
}

.btn-lrs {
    color: #fff;
    background-color: #b61408;
    border-color: #b61408;
}

.app-sev,
.app-sev.buy-full-main:hover, .app-sev.buy-full-main:focus {
	color: #820c5e;
}

.btn-sev {
    color: #fff;
    background-color: #820c5e;
    border-color: #820c5e;
}

.app-bildkarte,
.app-bildkarte.buy-full-main:hover, .app-bildkarte.buy-full-main:focus {
	color: #f16908;
}

.btn-bildkarte {
    color: #fff;
    background-color: #f16908;
    border-color: #f16908;
}

.btn-speechcare, .btn-praxisapps, .btn-komplettbundle {
    color: #fff;
    background-color: #1964a9;
    border-color: #165996;
}

.btn-speechcare:hover,
.btn-speechcare:focus,
.btn-speechcare:active,
.btn-speechcare.active,
.btn-praxisapps:hover,
.btn-praxisapps:focus,
.btn-praxisapps:active,
.btn-praxisapps.active {
  color: #fff;
  background-color: #15548f;
  border-color: #124a7d;
}

.btn-office {
    background-color: #1964a9;
    border-color: #165996;
    color: #fff;
}

.btn-private {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}


.btn-private:hover,
.btn-private:focus,
.btn-private:active,
.btn-private.active {
    color: #fff;
    background-color: #47a447;
    border-color: #398439;
}


.btn-office:hover,
.btn-office:focus,
.btn-office:active,
.btn-office.active {
  color: #fff;
  background-color: #15548f;
  border-color: #124a7d;
}

#btn-weiter {
	outline: 0;
}

#app-selection .expiry {
    font-size: 12px;
}

#app-selection .app {
    margin-bottom: 20px;
}

#app-selection .footnotes {
    font-size:12px;
    margin-top: 30px;
    display: block;
}

.page-header  {
    padding-bottom: 0 !important;
}

.page-header img {
    display: inline-block;
    margin-right: 40px;
}

.page-header .app-name {
    font-size: 30px;
    vertical-align: middle;
    white-space: nowrap;
}

@media (min-width: 992px) {
    .bildkarte-easy-buttons {
        margin-top: 300px;
    }
    .bildkarte-medium-buttons {
        margin-top: 70px;
    }
    .bildkarte-hard-buttons {
        margin-top: 200px;
    }
}

.app-info > a {
    padding: 20px 2px;
}

.app-info > a:hover, .app-info > a:focus {
    color: #eeeeee;
}
.app-info-buy a,
.app-info-lite a {
	border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.btn-app-buy i {
    margin-right: 10px;
    margin-left: -30px;
}
.buy-full-main {
    margin-top: 0px;
    padding: 30px 20px 10px;
    background-color: #ffffff;
    white-space: normal;
    border-radius: 0;
    font-size: 14px;
}

.buy-full-main span {
	display: inline-block;
}

.buy-full-main hr {
    margin-top: 5px;
    margin-bottom: 5px;
    border-color: #dddddd;
}

.buy-full-arrow {
    margin: 0 !important;
    padding: 0;
    border: 0;
}

.buy-full-arrow img {
    height: 30px;
    width: 100%;
    vertical-align: top;
}

.shop-offer {
	border-radius: 10px;
	padding: 10px 40px;
}

.shop-offer input {
	margin-right: 10px;
}

.shop-chosen-offer, .shop-chosen-offer:hover, .shop-chosen-offer:focus {
	cursor: default;
	color: #ffffff;
	margin-bottom: 10px;
}

.footer {
	border-top: 1px solid #ffffff;
}

.chosen-summary-main {
	font-size: 24px;
}

.chosen-summary-sub {
    font-size: 14px;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
	border: none;
}

.form-fieldset {
    margin-bottom: 10px;
}

@media (min-width: 768px) {
	.form-fieldset {
		display: -webkit-flexbox;
		display: -ms-flexbox;
	    display: -webkit-flex;
	    display: flex;
	    -webkit-flex-align: center;
	    -ms-flex-align: center;
	    -webkit-align-items: center;
	    align-items: center;
	}
}

.sc-invisible {
    visibility: hidden !important;
}

.connect-header {
	background-color: #ffffff;
	padding: 10px 50px;
	margin-bottom: 20px;
}

.connect-header span {
	font-weight: bold;
}

.connect-form > div {
	margin-bottom: 40px;
}

.connect-form .connect-input {
	padding: 0;
}

.connect-form .connect-input input{
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.connect-form .connect-button {
	padding: 0;
}

.connect-form .connect-button button {
    width: 34px;
    height: 34px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555555;
    background-color: #ffffff;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border: 1px solid #cccccc;
    padding: 7px 9px;
}

.connect-info, .connect-info .office-info, .connect-info .patient-info {
    padding: 0;
}

.connect-confirm .confirm-button {
	margin-top: 20px;
	margin-bottom: 20px;
}

.connect-results {
    margin: 0;
}

.connect-results > .connect-results-row:last-child {
    margin-bottom: 20px;
}

.connect-results-row {
	background-color: #ffffff;
	color: #000000;
	padding: 10px 2px;
	margin-bottom: 5px;
}

.connect-results-header {
	font-weight: bold;
}

.connect-remove {
	cursor: pointer;
	color: #000000;
}

.connect-remove:hover {
    color: #1964a9;
}


.footer button {
	vertical-align: baseline;
}

.navrow a {
	color: #555555;
}

.navrow .nav-tabs>li.active>a, .navrow .nav-tabs>li.active>a:hover, .navrow .nav-tabs>li.active>a:focus {
	color: #428bca;
}

.modal-header {
	background-color: #1964a9;
	color: #ffffff;
}

.modal-logo {
	margin-right: 10px;
}

.modal-title {
    font-size: 2em;
}

#app-selection .btn-block+.btn-block {
    margin-top: 0;
}
#app-shop-packages .package {
    // height:41px;
    background-position: 10px center;
    background-repeat: no-repeat;
    background-size: 25px 25px;
    padding:10px;
    margin: 5px 0;
    border-radius: 4px;
    overflow:hidden;
}
#app-shop-packages .package h4 {
    margin:0;
    margin-left:30px;
    line-height: 22px;
}

#app-shop-packages h4 {
    margin-top: 45px;
    margin-bottom: 25px;
}
#app-shop-packages .package h4.bundle {
    line-height: 52px;
}
#app-shop-packages .package-aphasie {
    color: #fff;
    background-color: #8cb18d;
    border-color: #8cb18d;
    background-image: url(../images/Logo_Aphasie.png);
}


#app-shop-packages .package-lrs {
    color: #fff;
    background-color: #b61408;
    border-color: #b61408;
    background-image: url(../images/Logo_LRS.png);
}

#app-shop-packages .package-sev {
    color: #fff;
    background-color: #820c5e;
    border-color: #820c5e;
    background-image: url(../images/Logo_SEV.png);
}

#app-shop-packages .package-bildkarte {
    color: #fff;
    background-color: #f16908;
    border-color: #f16908;
    background-image: url(../images/Logo_Bildkarte.png);
}

#app-shop-packages .package-komplettbundle,
#app-shop-packages .package-praxisapps {
    color: #fff;
    background-color: #1964a9;
    border-color: #165996;
    width:100%;
}

#app-shop-packages th {
    text-align: center;
}
#app-shop-packages .footnotes {
    font-size:12px;
    margin-top: 30px;
    display: block;
}
#app-shop-packages th,
#app-shop-packages td {
    border-bottom: 1px solid darkgray;
    border-right: 1px solid darkgray;
}
#app-shop-packages tr.aphasie,
#app-shop-packages tr.lrs,
#app-shop-packages tr.sev,
#app-shop-packages tr.bildkarte,
#app-shop-packages tr.praxisapps,
#app-shop-packages tr.komplettbundle,
#app-shop-packages .original-price > span {
    transition: background-color .25s ease, color .25s ease;
    -moz-transition: background-color .25s ease, color .25s ease;
    -webkit-transition: background-color .25s ease, color .25s ease;
    -o-transition: background-color .25s ease, color .25s ease;
}
#app-shop-packages tr.highlight {
    color: #ffffff;
}

#app-shop-packages tr.aphasie {
    background-color: rgba(140, 177, 141, 0.15);

}


#app-shop-packages tr.aphasie.highlight {
    background-color: rgba(140, 177, 141, 0.75);
}
#app-shop-packages tr.lrs {
    background-color: rgba(182, 20, 8, 0.15);
}
#app-shop-packages tr.lrs.highlight {
    background-color: rgba(182, 20, 8, 0.75);
}

#app-shop-packages tr.sev {
    background-color: rgba(130, 12, 94, 0.15);
}
#app-shop-packages tr.sev.highlight {
    background-color: rgba(130, 12, 94, 0.75);
}
#app-shop-packages tr.bildkarte {
    background-color: rgba(241, 105, 8, 0.15);
}
#app-shop-packages tr.bildkarte.highlight {
    background-color: rgba(241, 105, 8, 0.75);
}
#app-shop-packages tr.komplettbundle,
#app-shop-packages tr.praxisapps {
    background-color: rgba(25, 100, 169, 0.15);
}

#app-shop-packages tr.komplettbundle.highlight ,
#app-shop-packages tr.praxisapps.highlight  {
    background-color: rgba(25, 100, 169, 0.75);
}

#app-shop-packages th:last-child,
#app-shop-packages td:last-child{
    border-right: none;
}
#app-shop-packages .original-price {
    text-decoration: line-through;
    color: firebrick;
}
#app-shop-packages .original-price > span {
    color: #333333
}

#app-shop-packages .highlight .original-price > span {
    color: #ffffff;
}
#app-shop-packages .price-per-month {
    display: block;
}
#app-shop-packages td input {
    margin: 10px;
    vertical-align: middle;
}
#app-shop-packages td label {
    font-weight: normal;
    margin: 5px;
    vertical-align: middle;

}

#app-shop-packages td label .price-per-month {
    font-size:12px;
}

#app-shop-packages .package-name {
    padding-left: 40px;
    padding-right: 5px;
    background-repeat: no-repeat;
    background-position: 5px center;
    background-size: 25px 25px;
}

#app-shop-packages .package-logo-aphasie {
     background-image: url(../images/Logo_Aphasie.png);
}

#app-shop-packages .package-logo-lrs {
    background-image: url(../images/Logo_LRS.png );
}

#app-shop-packages .package-logo-sev {
    background-image: url(../images/Logo_SEV.png );
}

#app-shop-packages .package-logo-bildkarte {
    background-image: url(../images/Logo_Bildkarte.png );
}

#login .password-reminder {
    margin: 7px 0;
    display: block;
}

#login .btn-login {
    margin-top:10px
}


#registrate-form .btn-link {
    padding: 0;
}

#privacy-content h4,
#terms-content h4 {
    margin-top: 25px;
    font-weight:bold;
}

#privacy-content h5,
#terms-content h5 {
    font-weight:bold;
}

element.style {
}
#start .jumbotron p {
    font-size:18px;
}

#start .jumbotron p.info {
    font-size:14px;
}