.ngbusy { background: url(../img/busy.gif) no-repeat center center; } .ngbusy>* { opacity: 0.2; } .ngparaguestbook button:disabled { opacity: 0.2; cursor: wait; } .ngparaguestbook .ngparaguestbookcaptcha { margin-bottom: 20px; } .ngparaguestbookpost { margin-bottom: 20px; } .ngparaguestbook .ngparaguestbookformerror { font: 16px Poppins,Verdana,Helvetica,sans-serif; color: #c0312d; padding: 10px; text-align: center; display: none; } .ngparaguestbook .ngguestbookthanks { padding: 10px; text-align: center; } .ngparaguestbook .ngparaguestbookconsent { margin: 0 0 20px 0; padding: 0; line-height: 1.7; } .ngparaguestbook input[type="checkbox"] { margin: 0; padding: 0; } .ngparaguestbook form { margin: 0 0 20px 0; } .ngparaguestbook input[type="text"], .ngparaguestbook input[type="email"], .ngparaguestbook textarea { box-sizing: border-box; border-color: #d8dae0; border-width: 1px; border-style: solid; margin: 0 0 10px 0; padding: 12px 20px 12px 20px; background: #ffffff; font: 16px Inter,Verdana,Helvetica,sans-serif; color: #898e9c; letter-spacing: 0px; border-radius: 0px; -webkit-appearance: none; box-sizing: border-box; width: 100%; } .ngparaguestbook input[type="text"]:focus, .ngparaguestbook input[type="email"]:focus, .ngparaguestbook textarea:focus { border-color: #121314; background: #ffffff; } .ngparaguestbook textarea { min-height: 160px; } .ngparaguestbook label { font: 16px Poppins,Verdana,Helvetica,sans-serif; color: #898e9c; letter-spacing: 0px; display: block; padding: 5px 5px 5px 0; } .ngparaguestbook label.ngparaguestbookerror { color: #c0312d; } .ngparaguestbook button { margin: 0; text-decoration: none; border-color: #4a4c58; border-width: 0px; border-style: solid; padding: 15px 25px 15px 25px; background: #4a4c58; font: bold 16px Poppins,Verdana,Helvetica,sans-serif; color: #ffffff; letter-spacing: 0.5px; text-transform: uppercase; border-radius: 5px; display: block; cursor: pointer; float: right; -webkit-appearance: none; } .ngparaguestbook button:hover { border-color: #898e9c; background: #898e9c; font-weight: bold; font-style: normal; text-transform: uppercase; color: #ffffff; } .ngparaguestbook button:focus { border-color: #898e9c; background: #898e9c; font-weight: bold; font-style: normal; text-transform: uppercase; color: #f7f8fa; outline: none; } .ngparaguestbook .ngparaguestbookpagination { padding: 10px; display: none; text-align: center; } .ngparaguestbook .ngparaguestbookpagination a { text-decoration: none; font-weight: normal; font-style: normal; color: #898e9c; padding: 0 3px; } .ngparaguestbook .ngparaguestbookpagination a.ngparaguestbookcurrent { font-weight: bold; } .ngparaguestbook .ngparaguestbookreply { padding-left: 58px; background: url(../img/reply/?f=double&c=898e9c&s=48) 0 4px no-repeat; min-height: 58px; } .ngparaguestbook .ngparaguestbookstars { margin: 0 0 10px 0; } .ngparaguestbook .ngparaguestbookstars a { float: left; display: block; width: 20px; height: 20px; background: url(../img/stars/?f=heart&ca=898e9c&cb=898e9c&cc=4a4c58&cd=4a4c58) 0 0 no-repeat; } .ngparaguestbook .ngparaguestbookstars a.hover { background-position: 0 -20px; } .ngparaguestbook .ngparaguestbookstars a.selected { background-position: 0 -40px; } .ngparaguestbook .ngparaguestbookpost h3 img { width: 20px; height: 20px; padding-left: 5px; } .ngparaguestbook td { white-space: nowrap; padding: 0 6px 6px 0; vertical-align: middle; text-align: left; } .ngparaguestbook table { margin-bottom: 10px; border: 0; border-spacing: 0; } .ngparaguestbook td>div { width: 100%; background-color: #898e9c; } .ngparaguestbook td>div>div { background-color: #4a4c58; height: 10px; } .ngparaguestbook .ngguestbooktotal { width: 100px; background: url(../img/stars/?f=heart&ca=898e9c&cb=898e9c&cc=4a4c58&cd=4a4c58) 0 0 repeat-x; margin-bottom: 10px; } .ngparaguestbook .ngguestbooktotal div { height: 20px; background: url(../img/stars/?f=heart&ca=898e9c&cb=898e9c&cc=4a4c58&cd=4a4c58) 0 -40px repeat-x; }