.myui-bar{background-color:#ededed;margin-top:0.5em !important;font-weight:bold;}
.myui-swipe{float:right;color:#08b0ef;font-weight:bold;background-image: url(../img/swipe.png); background-size:2em;background-repeat:no-repeat;font-size:0.85em;line-height: 2.6em;}
.myui-swipe.l{padding-right:2em;background-position:100% 50%;}
.myui-swipe.r{padding-left:2em;background-position:0% 50%;}

.bubble-old{ border: 1px lightgray solid;margin:0px !important;width:99%;padding:0.25em;line-height:1.05em;font-size:0.9em;}
.tail-old{ position:absolute; height:18px; width:18px; overflow: hidden; }
.tail-old:before{ border:1px solid lightgray; background-color:white; content:"\00a0"; display:block; position:absolute; top:0px; height:12px; width:12px; }
.bubble.bleft .tail-old{ top:12px; left:-18px; }
.bubble.bleft .tail-old:before{ left:12px; -webkit-transform:skewX(-45deg); }
.bubble.bright .tail-old{ top:12px; right:-18px; }
.bubble.bright .tail-old:before{ right:12px; -webkit-transform:skewX(45deg); background-color:lightgray !important; border: 1px lightgray solid!important; }
.bubble-old .myui-wrap{ word-break: break-all;text-overflow:ellipsis;overflow:hidden;white-space: nowrap;width:99%; }
.bubble-old .bold{ font-weight:bold; }

#myui-dragend-circle{position: fixed;bottom: 1em;right: 1em;height: 8px;width: 100%;text-align: right;z-index: 9;}
#myui-dragend-circle span{display:inline-block;width:10px;height:10px;margin:0.25em;background-color:white;border-radius:10px;border:1px gray solid;}
#myui-dragend-circle span.active{background-color:#09B10E;}
#area-type{text-align: center;width: calc(100% - 3em);display: inline-block;height: 2.5em;padding-top: 0.5em;}
.area-type {border: 1px white solid; position: relative; text-align: center; width: 6em;color:white; font-size:0.85em;padding:3px;display:none;cursor:pointer;}
.area-type.l{border-radius: 6px 0 0 6px;display:inline-block;}
.area-type.mid{ border-radius: 0px;border-width: 1px 0px 1px 0px;display:inline-block;}
.area-type.r{border-radius: 0 6px 6px 0;display:inline-block;}
.area-type.full{border-radius: 6px;display:inline-block;}
.area-type.a{background-color:white;color:gray;}

.myui-color-royalblue{background-color:#09B10E !important;color:white !important}
.myui-txtcolor-royalblue{color:#09B10E !important;}
.myui-underline{border-bottom:1px #ededed solid;}
.fs-myui-footer{position: fixed;bottom: 0em;width: 100%;margin: 0;padding: 0;z-index: 998;}
.fs-myui-footer ul{width:100%;height:2.25em;background-color:#09B10E;}
.fs-myui-footer li{width:33.3%;height:2.25em;text-align:center;font-weight:bold;background-color:#09B10E;color:white;cursor:pointer;line-height: 2.25em; padding: 0px;}
.fs-myui-footer.fs-myui-leftborder {border-left: 1px solid white;}
.fs-myui-header{position:fixed !important;}
.fs-ul{width: 100%; display:inline-block;padding:0.1em;margin:auto; float: left;}
.fs-ul-article{width: 100%; display:inline-block;margin:auto; float: left;}
.fs-ul-article li{padding:0px !important;}
.fs-ul.b span{width:5px;height:1em;display:inline;}
.fs-ul.i span{width:5px;height:1em;background-color:red;display:inline;}
.fs-ul.i{font-weight:bold;color:red;}

.fs-ul .fs-li-small{font-size:1.05em;width:3.5em;line-height:1.2em;padding-left:0.1em;}
.fs-ul .fs-li-big{font-size: 1.05em;width:calc( 100% - 3.5em);line-height:1.2em;}
.fs-chart{height:225px;width:100%;background-repeat:no-repeat;background-position:50% 0%;background-size:contain;}
.myjs-ani-ul{display:none;}
.smalltxt-b{  }

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.fs-ul .fs-li-3fair{font-size: 1.1em;text-align:center;width:33.3%; text-align: center;}
.fs-ul .fs-li-fair{font-size: 1.1em;text-align:center;width:50%;}
.fs-ul .fs-li-37fair{font-size: 1.1em;text-align:center;width:40%; text-align: center;padding: 0.4em;/*added for underline to make quote box less big*/}
.fs-ul .fs-li-73fair{font-size: 1.1em;text-align:center;width:60%;padding:0.4em;/*added for underline to make quote box less big*/}
.fs-ul .fs-li-37fair .code{ font-size: 1em;display: inline-block; padding-left: 0em;padding-top: 0.2em; text-align: left; font-weight:bold; float:left;}
.fs-ul .fs-li-37fair .code p{ font-size:0.85em; color:black; font-weight:normal; }
.fs-ul-article .fs-li-14fair{font-size: 1.1em;text-align:center;width:33%; text-align: center;}
.fs-ul-article .fs-li-41fair{font-size: 1.1em;text-align:center;width:66%;}
.fs-ul .fs-li-wide{width:100%;margin:auto;text-align:center;}
.fs-ul .fs-li-oneline{line-height: 2em;}
.fs-index-r{line-height: 2em;float:right;display:inline-block;padding-right: 1em;padding-top: 0.2em;font-size: 1em;color:red;font-weight:bold; }
.fs-index-g{line-height: 2em;float:right;display:inline-block;padding-right: 1em;padding-top: 0.2em;font-size: 1em;color:green;font-weight:bold; }
.fs-chgbox-r{font-size: .95em;display: inline-block; padding: 0.2em 0.7em; background: red; border-radius: 0.3em; color: white; width: 75%; max-width:6em; text-align: right; font-weight:bold; float:right;}
.fs-chgbox-r p{font-size: .85em; font-weight:normal; }
.fs-chgbox-g{font-size: .95em;display: inline-block; padding: 0.2em 0.7em; background: green; border-radius: 0.3em; color: white; width: 75%; max-width:6em; text-align: right; font-weight:bold;float:right; }
.fs-chgbox-g p{font-size: .85em; font-weight:normal; }
.article-img-div{width:100%;padding-bottom:56.5%;background-size:cover!important;}
.fourbythree_true { padding-bottom:66%; }
.article-title-div{position:absolute;bottom:0px;background-color:white;color:black;font-weight:bold;opacity: 0.85;padding:6px;width:100%;}
.article-title-div text{font-size:1.2em;}
.article-title-div .smalltxt{float: right;padding-top: 0.35em;}
.article-img-div-lite{width:100%;background-size:cover!important;background-position:0 25%!important;/*padding-left:6em;*/height:15em;}
.article-title-div-lite{position:absolute;bottom:0px;background-color:white;color:black;font-weight:bold;opacity: 0.85;padding:6px;width:100%;}
/*.article-title-div-lite{position:absolute;bottom:0px;background-color:white;color:black;font-weight:bold;opacity: 0.85;padding:6px;width: calc( 100% - 6em );}*/
.article-title-div-lite text{font-size:1.2em;}
.article-title-div-lite .smalltxt{float: right;padding-top: 0.35em;}
.news-print li{display: inline-block;float: left;position: relative;padding: 0.6em 0.4em;}

.fs-promo{border-bottom: 1px lightgray solid;margin-bottom: 2px;}
.fs-promo li{padding: 0.4em !important;}
#container{height: 100%;position: absolute;overflow-y: scroll;overflow-x:hidden;width:100%;-webkit-overflow-scrolling: touch;}
#news-print{overflow: hidden;max-width: 700px;margin: auto;}
#news-1-print{overflow: hidden;max-width: 700px;margin: auto;}

#details-print{font-size: 1.1em; max-width: 700px;line-height:1.3em;margin: auto;padding-bottom:1em;}
#details-img-print{max-width: calc( 700px + 1.2em );margin: auto;background-size:contain;background-repeat:no-repeat;background-position:50%;margin-bottom: 0.5em;position: relative;
left: -0.6em;width: calc( 100% + 1.2em );}
#details-t-print{max-width: 700px;margin: auto;padding-bottom:1em;}
#details-title-print{max-width: 700px;margin: auto;padding-bottom:0.5em;font-weight:bold;font-size:1.2em;}
#details-txt{font-size: 1.1em;max-width: 700px;margin: auto;font-weight:bold;line-height:1.1em;}
#details-container{overflow-x: hidden;width: 100%;padding:0.6em;position:fixed;height: calc(100% - 5em);top: 2.5em;-webkit-overflow-scrolling: touch;}
#stat-img{margin-left:100%; overflow:hidden; height:0px;}
#article-url{overflow-x: auto;overflow-y: hidden;white-space: nowrap;width: 100%;padding: 0.2em 0 0.1em 0;}
h2{font-size:1.05em;margin: 0px;text-overflow :ellipsis;overflow: hidden;white-space: nowrap;text-align: center;width: 80%;position: absolute;left: 10%;color:white;line-height:2.5em;}

.smalltxt-i{font-size:0.8em !important;}
/*Footer*/
.myjs-chat{width:20% !important;}
.myjs-chat-footer{background-image:url(../img/icon/chat.png) !important;display:none;width:20% !important;}
.myjs-chat-footer.active{display:inline-block;}
.myicon-newsfeed.active { background-image:url(../img/icon/alarm-active.png) !important; }
.myicon-newsfeed{ background-image:url(../img/icon/alarm.png); }
.myicon-hsi.active { background-image:url(../img/icon/hsi-active.png) !important; }
.myicon-hsi{ background-image:url(../img/icon/hsi.png); }
.myicon-nhsi.active { background-image:url(../img/icon/nhsi-active.png) !important; }
.myicon-nhsi{ background-image:url(../img/icon/nhsi.png); }
.myicon-article.active { background-image:url(../img/icon/article-active.png) !important; }
.myicon-article{ background-image:url(../img/icon/article.png); }
.myui-btn-share{ border-radius:6px; border:1px solid lightgray; font-weight:bold; cursor:pointer; text-align:center; display:inline-block; padding:0.5em; line-height: 1.2em; background-image: url(../img/whatsapp.png);background-repeat: no-repeat;padding-left: 1.5em;background-position: 0.3em 50%;background-size: 2em;width:100%}
.ui-page{background-color:white !important;}