@font-face {font-family: "Open Sans"; src: url('../fonts/OpenSans.woff2') format('woff2')}
@font-face {font-family: Kuttipencil; src: url('../fonts/NotoSansMalayalam.eot'); src: local('?'), url('../fonts/NotoSansMalayalam.ttf') format('truetype')}
html, body {margin: 0; padding: 0;}
body {background: #f4f1ee url("../img/bg.webp");}
iframe {width: 100%;}
.bujee-container {font-size: 16px; line-height: 24px; font-family: Kuttipencil, 'Open Sans';}
.bujee-actions-buttons-button {font-size: 16px;font-family: Kuttipencil, 'Open Sans';}
.bujee-container {padding-bottom: 100px; background-color: transparent;}
.bujee-message-content {cursor: pointer; color: #12796b;  background-color: ##efefef;  border-radius: 20px;  border-top-left-radius: 0px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.bujee-message-content.human {background-color: #28635a;}
.bujee-actions-text-input {color: #36887d;  border-bottom: 1px solid #b6fff5;}
.bujee-actions-buttons-button {line-height: 1.4 !important; background-color: #28635a;}
.bujee-message-content-link {color: #12796b;}
.bujee-message-content {background-color: #fff;}
.wrongClass .bujee-message-content {font-weight: bold;color: #b51818;}
h1 {text-align: center; color: red;}
.answer span {font-weight: normal; color: #333;}
.bujee-message-content.text {line-height: 1.36;}
.noscript {position:fixed; top:0px; left:0px; z-index:3000; height:100%; width:100%; background-color:#FFF000;font-family: Kuttipencil; font-size: 20px; line-height: 36px; padding: 12% 0px; text-align: center;}
.score{font-family: 'Open Sans' ;position: relative; top: -54px; margin-left: 65px; color: #b51818;}
#kurangan {position: fixed; top: -190px; right: 0px; display: none;}
#kurangan a {text-decoration: none;}
.bujee-app-container {width: 500px; height: auto !important;}
@media only screen and (max-width: 600px) {.bujee-app-container {width: 100%;height: auto !important;}}
.spinLoader,.spinLoader:before,.spinLoader:after {background: #06c5a6 !important;-webkit-animation: spinLoaderChat 1s infinite ease-in-out;animation: spinLoaderChat 1s infinite ease-in-out;width: 1em;height: 4em;}
.spinLoader {color: #06c5a6 !important;text-indent: -9999em;margin: 20% auto;position: relative;font-size: 11px;-webkit-transform: translateZ(0);-ms-transform: translateZ(0);transform: translateZ(0);-webkit-animation-delay: -0.16s; animation-delay: -0.16s;}
.spinLoader:before, .spinLoader:after {position: absolute;top: 0;content: '';}
.spinLoader:before {left: -1.5em;-webkit-animation-delay: -0.32s;animation-delay: -0.32s;}
.spinLoader:after {left: 1.5em;}
@-webkit-keyframes spinLoaderChat {0%,80%,100% {box-shadow: 0 0;height: 4em;} 40% {box-shadow: 0 -2em;height: 5em;}}
@keyframes spinLoaderChat {0%,80%,100% {box-shadow: 0 0;height: 4em;} 40% {box-shadow: 0 -2em;height: 5em;}}
.hidden {display: none;}