issue#1 Support error screen. Support notification balloon for neflix service preparing. Going on tune up UI.

procentric/application/hoteltv.error.css

@@ -7,10 +7,70 @@
     width: 1920px;
     height: 1080px;
     z-index: 10;
+    background-size: cover;
     display: none;
 }
 
-.error .bg {
+.error #details {
+    position: absolute;
     width: 100%;
     height: 100%;
+}
+
+.error #details #title {
+    position: relative;
+    left: 9%;
+    top: 34%;
+    width: 100%;
+    height: 50%;
+    color: rgb(235, 235, 235);
+    font-size: 64px;
+    filter: drop-shadow(0 0 5px rgb(0, 0, 0));
+    display: block;
+    /* justify-content: center; */
+    /* align-items: center; */
+}
+
+.error #details #message {
+    position: relative;
+    left: 9%;
+    width: 100%;
+    height: 50%;
+    color: rgb(235, 0, 0);
+    font-size: 38px;
+    filter: drop-shadow(0 0 5px rgb(0, 0, 0));
+    display: flex;
+    /* vertical-align: middle; */
+    /* justify-content: center; */
+    /* align-items: center; */
+    white-space: pre-line;
+}
+
+.error #details #message.info {
+    color: rgb(0, 255, 64);
+}
+
+.error #countdown {
+    position: absolute;
+    top: 40%;
+    left: 20%;
+    width: 60%;
+    height: 20%;
+    background-color: rgba(10, 10, 10, 0.7);
+    border-radius: 8px;
+    border: solid rgb(64, 64, 64);
+    display: none;
+}
+
+.error #countdown #message {
+    position: relative;
+    width: 100%;
+    height: 100%;
+    color: rgb(252, 180, 43);
+    font-size: 38px;
+    filter: drop-shadow(0 0 5px rgb(0, 0, 0));
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    white-space: pre-line;
 }