body.public { margin:0 !important; padding:0 !important;}
body.public #view { margin:0 !important; padding:0 !important;}


.member h1 { position: fixed; top: 12px; left: 76px; padding: 12px; z-index: 2; }
.member h1 { float: left; margin: 0 0 0 40px; font-size: 22px; font-weight: normal; padding: 0; }
.member h1 span { font-size: 11px;  display:block; color:Gray; }
.member h3 { margin-bottom: 30px; }

.logoHolder { height:100px; width:250px; background:#f4f4f4; overflow:hidden;}

.expandable { height:28px; overflow:hidden; position:relative;}
.expandable a.toggle {  position:absolute; right:10px; top:10px; cursor:pointer;}

.downlink { margin: 0 0 0 -1px;}
h2.form-signin-heading { font-size:20px; color:#235077;}
a, a:active { text-decoration: none; }
.dbnone { display: none; }
.dblock { display: block; }
.bold { font-weight:bold;}
.pb { page-break-after: always;}
.smallgray { color:gray; font-size:11px; font-weight: normal;}
.noborder { border: none !important; }
.bgnone { background: none !important; }
.border-left, .border-left td { border-left: 1px solid #ddd !important; }
.border-right, tr.border-right td { border-right: 1px solid #ddd !important; }
.border-top { border-top: 1px solid #ddd !important; }
.border-bottom { border-bottom: 1px solid #ddd !important; }
.clear { clear: both; height: 0px; overflow: hidden; }
.date { width: 100px; }
.invoiceno { width: 70px; }
.pointer { cursor: pointer; }
.no { width: 40px; }
.number { width: 60px !important; }
.numberfive { width: 80px; }
.nowrap { white-space: nowrap !important; }
.am { vertical-align: middle !important; }
.at { vertical-align: middle !important; }
.topdata { font-size: 11px !important; }
.amount { width: 90px !important;  }
.amountWide {  padding: 4px 6px !important; height: auto; } /*width: 90px;*/
.description { width: 100%; }
.fieldError { background: #f2dede; }
.accountno { width: 250px !important; }
.accountnarrow { width: 70px !important; }
.entryno { width: 60px !important; text-align: right; padding: 4px 6px; }
.entrynoWide { width: 84px !important; text-align: right; padding: 4px 6px; }
.accountnoflex { width: 10% !important; }
.ar { text-align: right !important; }
.ac { text-align: center !important; }
.ac input { margin: 0 auto; }
.red { color: Red; }
.blue { color: blue; }
.gray { color: silver; }
.green { color: #47a447; }
.four { width: 60px; }
.six { width: 80px; }
.aligned { padding-top: 14px !important; }
.vb { vertical-align: bottom !important; }
.fnormal, .fnormal *{ font-weight:normal !important;}
td.iconinlist { width:50px;}
td.iconinlist img { width:32px;}
.BigSmiley { float:left; width: 20%;}
#DemoForm { width:400px;}
.SmileyDescription { float:left; width: 80%;}
.SmileyDescription div {  margin:20px;}
.ResultTopText { display: none; }
.shade { background: #f7f7f7; color:Gray;}
.td-label { display:inline-block; width:80px; color:Gray;}


.pdf {  background: transparent url('../images/pdf.png') 0 0 no-repeat; padding: 4px 0 4px 32px; display:inline-block; min-height:24px;}

#topContainer { background-repeat: no-repeat;background-position: right top; height: 50px; width: 50px;}

table a:hover { text-decoration: none;}
.hideit { display: none; }
.showit { display: block; }
.topError { max-height: 200px; overflow-y: auto; }

#ButtonContainer { margin: 0 0 0 10px; width: 100%; position: fixed; top: 0; right: 0; padding: 12px; background: #f1f1f1; z-index: 1; border-bottom: 1px solid silver; min-height: 60px; }
#ButtonContainer span.sep { padding: 6px 10px; }
#innerButtonContainer { float: right; width: 50%; }

.nopaymentcontainer { margin:40px 20px 0 20px; text-align:center;}

#hdkontoplan { top: 50px; background: white; margin: 0 0 0 0; }

#PostingContainer { background: #eee; padding: 20px; margin: 20px 0; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }
#PostingContainer #innerForm { width: 500px; margin: 0 0 0 30%; }

.splitscreen { background: #eee; padding: 20px; margin: 20px 0; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }
.splitscreen .inner { padding: 2% 10%; background: white; }

#view { margin: 16px 16px 16px 116px; }

#leftAreaNavigation { position:fixed; top:60px;left:0; width:88px; bottom:0; background:#333; padding:0 0 0 0;}

#leftAreaNavigation a { display:block; border-bottom:2px solid #333; }
#leftAreaNavigation a:hover { display:block; border-bottom:2px solid #999; background:#666; }
#leftAreaNavigation a.active { background:#999; border-bottom:2px solid white; }
#leftAreaNavigation a span.icon{  display:block;  text-align:center; padding:20px 0 8px 0}
#leftAreaNavigation a span.icon img{  display:block;margin:0 auto 0 auto;}
#leftAreaNavigation a span.label{ display:block; color:White; font-size:8px; text-transform:uppercase; font-family:Tahoma;padding:0 0 12px 0 }



#Navigation { position: fixed; top: 16px; left: 63px; z-index: 2; }
.dropdown-menu {z-index:10000; margin-top:26px; left:32px;}
#viewContent { margin: 30px 0 0 0; }


.iconstyle { font-weight: bold; margin: 5px 0 0 0; }

table#kontoplan td.iscustom { border-left: 4px solid green; }
table#kontoplan td.isaltered { border-left: 4px solid orange; }
table#kontoplan td.icon { vertical-align: middle !important; }
tr.sum td { font-weight: bold; }
tr.mastersum td { font-weight: bold; }
tr.master td { background: #FCF8E3; }
tr.master td span { font-size: 22px; }
table#kontoplan tr.top td {font-weight: bold; padding-top: 34px; }

table#kontoplan .btn { position: static !important; }
table#kontoplan .hidden { display: none; }
.total td { font-weight: bold; }
table#kontoplan .total td.sum { font-weight: bold; font-size: 20px; }
tr.sum td { border-top: 1px solid black; border-bottom: 2px solid #999; font-weight: bold; }
tr.mastersum td { border-top: 1px solid black; border-bottom: 3px double black; font-weight: bold; }

.frontnav li { list-style: none; }
.frontnav li a { display: block; background: white; float: left; width: 20%; margin: 2%; padding: 20px 40px; -webkit-box-shadow: 1px 2px 1px 1px #9C9C9C; color: black; font-size: 22px; box-shadow: 1px 2px 1px 1px #9C9C9C; }
.frontnav li a:hover { text-decoration: none; background: #FCF8E3; }
#postingtable td { vertical-align: middle; }

.ui-autocomplete-category { font-weight: bold; padding: .2em .4em; margin: .8em 0 .2em; line-height: 1.5; }



.ui-autocomplete { z-index: 99999 !important; }

#overlay { background: white; opacity: 0.8; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 9999; }
#overlay .wheel { position: absolute; left: 50%; top: 50%; margin: -162px 0 0 -320px; }

.pagingContainer {/* position:absolute;*/}
.pagination { margin: 0 0 0 -5px;}

#searchfield { padding: 0 !important;}
#searchfield input{ border: none !important;}

img.logo { width:46px; z-index:1000; position:fixed; top:7px; left:6px; }
.OutLogo { float:left; width:140px; margin: 0 0 0 0;}
.OutNavigation { float:right; }
.TopBar { margin:20px;}
.navbar-custom {
    margin:40px 0 0 20px;
}
.navbar-custom a { font-weight:bold; color:Black; text-transform:uppercase;}
.btn-orderdemo {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}

.navbar-nav a.active { border-bottom: 2px solid black;}
.loginContainer { margin:15% auto 0 auto; width:280px;}
#topArea { height:380px;}
.theBeach { background: transparent url('../images/gotastforside.jpg') 0 0  repeat;}
.theOffice { background: transparent url('../images/omgotast.jpg') 0 -350px  no-repeat;}
.ContactUs { background: transparent url('../images/gotastforside.jpg') 0 0  no-repeat;}
.Prices { background: transparent url('../images/gotastforside.jpg') 0 0  repeat;}
.Conditions { background: transparent url('../images/gotastforside.jpg') 0 0  repeat;}
.OrderDemo { background: transparent url('../images/gotastforside.jpg') 0 0  repeat;}

.btn-lbl { margin: 0 8px 0 0 !important; display:inline-block;}			
#LoginArea { float:right; width:33%;  height:380px; background: transparent url('../images/opacity80.png') 0 0  repeat; border-left:1px solid silver;border-right:1px solid silver; margin-right:20px; }
#LoginArea h2 { margin:0; padding: 0 0 20px 0;}
#MessageArea{ float:left; width:60%;padding:7% 0 0 4%; text-align:center;}
#MessageArea h1 {  font-size:40px; padding:0; margin:0; color:black;text-shadow: 2px 2px white; line-height:52px;float:none;background: transparent url('../images/opacity80.png') 0 0  repeat;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
#MessageArea p {  font-size:20px; padding:0; margin:0; color:black;text-shadow: 2px 2px white; line-height:22px;float:none;background: transparent url('../images/opacity80.png') 0 0  repeat;}

.theOffice #MessageArea { float:right;width:40%;padding:4% 0 0 4%;}
.ContactUs #MessageArea { width:40%;padding:4% 0 0 4%;}

#ContentArea { margin:4%; width:50%;}
#ContentArea h2 { font-size:30px; font-weight:normal !important; }



.invoiceButtonRow {}
.invoiceButtonRow a{ margin: 0 auto; display:block;;}
@media print {
	#ButtonContainer { display: none; }
	#Navigation { display: none; }
	a[href]:after { content: none !important; }
	
	  #topContainer { position:static;}
	.ResultTopText { display: block;margin: 0 0 0 0; }
	input { border: none !important;}
	.noprint { display:none;}
	.helpIcon { display:none;}
	body, p, td, div { font-size:11px !important;}
	.panel, .panel-success, .panel-danger, .panel table.table td { border: none;}
	img.logo { position:static;}
	.panel-heading { display:none;}
	.member h1 { left: 72px !important; padding: 0 !important;margin: 0 0 0 0; position: absolute; clear: both;position:  absolute;}
    #leftAreaNavigation { display:none !important; }
    #view { margin: 16px !important; }
	

}


@media screen and (max-width: 415px) {
body { padding: 0 0 40px 0;}
#LoginArea { clear:both; width:100%;  background: transparent url('../images/opacity80.png') 0 0  repeat; border:none; margin-right:0; }
 .OutLogo {  width:25%; }
 .OutLogo img {  width:100%; }
.OutNavigation { width:60%;  }
 .navbar-custom {margin:0 0 0 20px;}
.navbar-header{ display:none;}
 .theBeach,
.theOffice,
.ContactUs,
.Prices,
.Conditions,
.OrderDemo { background: none;}
 #topArea { min-height:100px; border-top:2px solid black; }
 #topArea h1 {  margin:20px auto 30px auto; width:75%;}
 .ContactUs #MessageArea, 
 .theOffice #MessageArea, 
 #MessageArea { clear:both !important;width:100%;padding:0;}
 #DemoForm { width:80%;}
#ContentArea { width:90%; margin:20px;}
.navbar-custom a { font-weight:normal;}
}


table#texts td h1 {
    position: relative;
}

.checkMark {
  display: inline-block;
  transform: rotate(45deg);
  height: 24px;
  width: 12px;
  border-bottom: 7px solid #78b13f;
  border-right: 7px solid #78b13f;
}