html, body {
  font-family: system,-apple-system,sans-serif;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;  
}

html{
	font-size: inherit !important; /* offset for font-size: 14px on materialize.css */
}

body {
	font-size: 62.5%;
	background-color: #fff;
}

.page_layer{
	position:absolute;
	top:0;
	bottom:0;
	left: 0;
	right: 0;
}

#pageWrapper{
width: 100%;
/*height: 100%;*/
z-index:100;
/*position: relative;*/
}

@supports (-ms-accelerator:true){
	body .top-bar {position: initial; } /*fix for Edge display issue, While it needs to have a position for z-index to work*/
}

.iosfix:not(.onfocus) #content, .iosfix:not(.onfocus) .snapcontent, .iosfix:not(.onfocus) .top-bar, .iosfix:not(.onfocus) .maincontent{
	position: fixed;
}

.isonios:not(.onfocus) .pageWrapper:not(.canhidetopbar):not(.scrollmode) .maincontent{
height: calc(100% - 50px);
}

.isonios.iosapp .scrollmode.canhidetopbar .snapcontent{
	height: calc(100% - 20px);
	-webkit-box-shadow: none;
}

.isonios.iosapp .maincontent{
height: calc(100% - 70px);
}

.isonios.iosapp .scrollmode.canhidetopbar .maincontent{
	height: 100%;
}

.isonios.iosapp .pageWrapper:not(.canhidetopbar):not(.scrollmode) .readprogress{
	bottom: 30px;
}

.iosapp #toast-container{
	bottom:20px;
}

/*
.menu-icon {
	padding: 5px 7px 9px 5px;
	border-radius: 5px;
	background: rgba(0,0,0,0.2);
	cursor: pointer;
	display: inline-block;
	width: 30px;
	height: 25px;
	float: left;
}
*/

.activedot:active::after{
content: "";
display: inline-block;
position: absolute;
top: 15px;
left: 18px;
width: 2px;
height: 2px;
border-radius: 100%;
background: white;
background-image: radial-gradient(77% 66%, #F4F4F4, rgb(246, 246, 246) 84%);
box-shadow: 0px 0px 6px 6px rgb(246, 246, 246);
}

.menutopleft.activedot:active::after{
top: 23px;
left: 10px;
} 

.menutopleft .bar {
	background: #f3f3f3;
	border-radius: 2px;
	width: 33px;
	height: 3px;
	margin: 5px 0 0 0;
}

.menu-bar{
float:left;
margin-left:-25px;
margin-right:2px;
}

.backbuttonicon{
width: 15px;
height: 35px;
line-height: 24px;
color: #f3f3f3;
margin-left: -5px;
font-size: 50px;
float: left;
font-family: arial;
}

.clicked .backbuttonicon{
color: #EAEAEA;
}
/*
.slide-in {
	background-color: #fafafa;
	width: 100%;
	position: absolute;
	top: 0;
	bottom:0;
	left:0;
	z-index: 1;
	overflow: auto;
	  -webkit-overflow-scrolling: touch;
  -webkit-transition: width 0.3s ease;
     -moz-transition: width 0.3s ease;
      -ms-transition: width 0.3s ease;
       -o-transition: width 0.3s ease;
          transition: width 0.3s ease;
}
*/

.slide-in {
	-webkit-overflow-scrolling: touch;
}

.slide-in .selectmenu{
	border-top: 1px solid transparent;
}

.slide-in ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.slide-in ul li {
	padding: 10px;
	font-size: 1.8em;
	font-family: 'Roboto', sans-serif;
	font-weight:300;
}

.slide-in ul li.small {
font-size: 1.5em;
}

.slide-in ul li.small img {
height: 30px;
vertical-align: -4px;
}

.slide-in ul li:hover {
background-color: #DDDDDD;
}

.slide-in ul li img {
margin-bottom: -5px;
margin-right: 5px;
}

.tk-museo-sans{
width: 100%;
}

.snap-drawer-right .tk-museo-sans{
width: 100%;
}

.snapjs-left .snap-drawer-right, .snapjs-right .snap-drawer-left {
display: none;
}

.snap-drawer-left .tk-museo-sans{
float: left;
}

.snap-drawer-right .tk-museo-sans{
float: right;
}

.slide-in .menufooter{
margin:30px 0;
}

.slide-in .menufootbig{
}

.slide-in .menufoot{
color: #ABAEB7;
margin:10px;
}

.slide-in .menufoot a{
color: #ABAEB7;
font-size: 13px;
}

.slide-in .menufoot a:hover{
text-decoration:underline;
}

.slide-in .menufootbig .menufoot a{
font-size: 15px;
}

.slide-in .menusubtitle{
padding: 3px 10px 1px 10px;
background: #EAEAEA;
color: rgb(100, 100, 100);
font-size: 14px;
font-weight: bold;
font-family: 'PT sans';
}

.slide-profile{
text-align: left;
padding: 10px 11px;
background: #EBCE58;
font-family: 'Roboto', sans-serif;
}

.slide-profile .1;
}

.slide-in .selectmenu{
	border-top: 1px solid #e1e1e1;
}

.slide-in.sidenav{
	width: 266px;
}

div .slide-in a {
    padding: 0 0;
	-webkit-transition: .3s ease-out;
    transition: .3s ease-out;
}

.isonios div .slide-in a, .isonios .slide-in .menuul .menuli {
	-webkit-backface-visibility: hidden;
}

.slide-in .menuul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.slide-in .menuul .menuli {
	padding: 10px;
	font-size: 1.8em;
	font-family: 'Roboto', sans-serif;
	font-weight:300;
	-webkit-transition: .3s ease-out;
    transition: .3s ease-out;
}

.slide-in .menuul .menuli.small {
font-size: 1.5em;
}

.slide-in .menuul .menuli.small img {
height: 30px;
vertical-align: -4px;
}

.slide-in .menuul .menuli:hover {
background-color: #DDDDDD;
}

.slide-in .menuul .menuli img {
margin-bottom: -5px;
margin-right: 5px;
}

.slide-in.snap-drawer-left .menuul .menuli img {
margin: 0px 0px 4px 2px
}

.getappicon{
	width: 32px;
    padding: 0 2px;
}

.snapjs-left .snap-drawer-right, .snapjs-right .snap-drawer-left {
display: none;
}

.snap-drawer-left .tk-museo-sans{
float: left;
}

.snap-drawer-right .tk-museo-sans{
float: right;
}

.slide-in .menufooter{
margin:30px 0;
}

.slide-in .menufootbig{
}

.slide-in .menufoot{
color: #ABAEB7;
margin:10px;
}

.slide-in .menufoot a{
color: #ABAEB7;
font-size: 13px;
}

.slide-in .menufoot a:hover{
text-decoration:underline;
}

.slide-in .menufootbig .menufoot a{
font-size: 15px;
}

.slide-in .menusubtitle{
padding: 3px 10px 1px 10px;
background: #EAEAEA;
color: rgb(100, 100, 100);
font-size: 14px;
font-weight: bold;
font-family: 'PT sans';
}

.slide-in .profilename{
font-size: 16px;
font-weight:bold;
margin: 5px 0px;
}

.slide-in .viewprofile{
color: rgb(67, 67, 67);
margin-left: 1px;
font-size: 13px;
}

a:active .viewprofile{
color: #7094A8;
}

/* DARK THEME*/

.darktheme {
    color: #ffffff;
}
.darktheme .loginreminder a{
color:#C2C2C2;
}
.darktheme .mintro a.joinbtn{
color:#dcdcdc;
}
.darktheme .grey-text.text-darken-4{
color:#e6e6e6 !important;	
}
.darktheme .skip{color:#ffffff;background-color: rgb(80,80,80);}
.darktheme .skip.reverse {
    background-color: rgb(0, 0, 0);
}
.darktheme .top-bar, .darktheme .bottombar, .darktheme .bottombar a, .darktheme .searchform, .darktheme .tabs, .darktheme .tabs .tab a{
background: #505050;
color: #C2C2C2;
}
.darktheme .popupbar {
    background-color: rgb(80,80,80);
}
.darktheme .popupwrap.whitepopup {
    background: rgb(45,45,45);
}
.bottombar .paysponsor_pseudo{
height: 30px;
}
.darktheme .cauthor {
    color: #5a9cef;
}
.darktheme .sidenav{
	background-color:#000000;
}
.darktheme .slidericon:not(.noicon), .darktheme .slide-in.snap-drawer-right img{display:none;}
.darktheme .slide-profile{
background: rgb(45,45,45);
}
.darktheme .slide-in .viewprofile{color:#ffffff;}
.darktheme .menusubtitle{
	background-color:rgb(80,80,80);
	color:#ffffff;
}
.darktheme .maintopselect .scroll_menu a {
    border-color: #4c4c4c;
}
.darktheme .streamboxed .sharetitle {
    background: rgb(80,80,80);
    border: none;
}
.darktheme .mobbtn{
	background-color: rgb(50,50,50);
}
.darktheme .slide-profile .collabhead{
border: none;
}
.darktheme .profilebar,.darktheme .subprofilebar a>span{
  background-color:rgb(80,80,80);
}
.darktheme .profilebar .current {
  background-color: #000000;
}
.darktheme .bglightgrey{background-color: rgb(80,80,80);}
.darktheme .greycolor{ color: #c2c2c2;}
.darktheme .listitem, .darktheme .newstorybox{
background: rgb(80,80,80);
color: #ffffff;
box-shadow:none;
}
.darktheme .listmore {
    background: rgb(45,45,45);
}
.darktheme .tocbottom .otheroptions {
    background-color: inherit;
    border-right: 1px solid #6e6e6e;
}
.darktheme .scoretable td, .darktheme .scoretable th, .darktheme .datatable td, .darktheme .datatable th {
    background-color: rgb(45,45,45);
}
.darktheme .scroll_menu.square_menu li:not(.current){
color:#ffffff;
}
.darktheme .tabmenu{
	background-color:rgb(45,45,45) !important;
	color:#ffffff !important;
}
.darktheme .current .moselect{
	color:#ffffff !important;
}
.darktheme .streamarea, .darktheme .listitem.tall.separate{
    background: rgb(45,45,45);
}
.darktheme .streamboxed div.commentbox {
    background: #000000;
}
.darktheme .streamboxed input#addtop_btn, .darktheme .newstatus input.comment_submit_btn {
    background-color: rgb(120,120,120);
}
.darktheme div.sotitle {
    color: #ffffff;
    background: rgb(80,80,80);
}
.darktheme .tocuwriter{color:#137bb5;}
.darktheme .arrow_box{color:#000000;}
.darktheme .cstorydetails{background-color:rgb(45,45,45);}
.darktheme .shareaction span, .darktheme .selecctexplain{color:#ffffff;}
.darktheme .notidate a.bluelink{color: #0085ad;}
.darktheme .productbox.adminbox {
    background-color: rgb(80,80,80);
    border: navajowhite;
}
.darktheme .productbox .author_name{color:#ffffff;}
.darktheme .pubsuccess{color:#000000;}
.darktheme #top-menu{background-color:rgb(80,80,80);}
.darktheme .listitem:nth-of-type(odd){
/*background-color: #dfdedc;
color: black;*/
}
.darktheme a.listitem:active, .darktheme .storyendbtn {
  background-color: #BFBFBF;
  color: #000000;
}
body.darktheme .listitem.lightyellow {
    background-color: rgb(100,100,100);
}
.darktheme .badgesp {
    background-color: rgb(80,80,80);
}
.darktheme .storyblock .mauth, .darktheme .storyblock .missue {
    color: #c3c3c3;
}
.darktheme .mrating{
	color: #f2b463;
}
.darktheme .replycmt, .darktheme .cmtaction{
color: #9C9C9C;
}
.darktheme .whiteload {
    background: rgb(45,45,45) !important;
}
.darktheme .dropdown-content li a {
    color: inherit;
}
.darktheme .logregpopup{
background-color: #000000;
color: #ffffff;
}
.darktheme .logregpopup input{
color: #ffffff;
}
.darktheme .logregpopup .tabselect.current{
 background-color: #3b3b3b;
}
.darktheme a.popuptab.current {
    border-bottom: 2px solid #ffffff;
    color: #ffffff;
}
.darktheme .clist, .darktheme .cnum{
    color: #fff;
}
.darktheme .listitem.readcontent, .darktheme .readpagewrap, .darktheme .mcollabwrap a, .darkthemedemo, .darktheme.canhidetopbar .maincontent, .darktheme .storyinfobox .popup, .darktheme .canhidetopbar .maincontent{
color: #C2C2C2;
background-color: rgb(45,45,45);
}
.darktheme .modal.bottom-sheet{
	color:#000000;
}
.darktheme .readpagewrap .popup{
	color: black;
}
.darktheme .hubtabs .hubtab.active {
    border-bottom: 2px solid #e4ce63;
}
.darktheme .left-paddle-shadow {
    background: linear-gradient(to right, #555555, rgba(200, 200, 200, 0));
}
.darktheme .right-paddle-shadow{
	background: linear-gradient(to left, #555555, rgba(200, 200, 200, 0));
} 
body.darktheme #pageWrapper .listitem.white{	
	background-color:rgb(45,45,45) !important;
}
body.darktheme #pageWrapper .listitem.greybg {
    background-color: rgb(45,45,45);
    color: #ffffff;
}
body.darktheme #pageWrapper .listitem.greybg textarea {
    color: #ffffff;
}
body.darktheme input, .darktheme textarea{
	color:#ffffff;
}
body.darktheme input.searchfield{color:#000000;}
.darktheme a.whitelink{
	color: #9ec2d4;
}
.darktheme .searchsuggestion {
    background-color: rgb(45,45,45);
}
.darktheme .notidate{
background-color: rgb(45,45,45);
color: #ffffff;
}
.darktheme .notidate.dark{
	background-color:rgb(80,80,80);
}

.darktheme .materializeselect {
    color: #ffffff;
    background: rgb(80,80,80);
}
.darktheme .booknavbar{
border-top: 1px solid #737373;
background: #545454;
color: white;
}
.darktheme .booknavbar a{
color: white;
}
.darktheme .booknavbar select.paginbtn{
color:white;
}
.darktheme .booknavbar select.paginbtn option {
color: black;
}
.darktheme .commentboxed .commentindent .listitem {
    background: inherit;
}
.darktheme .commentbtn {
    background-color: rgb(80,80,80);
    border-color: rgb(116, 116, 116);
}
.darktheme .boxfollowuser.actioned {
    color: #ffffff;
}
.darktheme #bookslider {
    background: #bfbfbf;
}
.darktheme .topbtn {
    background-color: rgb(80,80,80) !important;
}
.darktheme .layoutgrid{
	background: rgb(45,45,45);
    color: #ffffff;
}

.darktheme .newswrap div{
	background-color: #000000 !important;
	color:#ffffff;
}

.darktheme a, .darktheme div a{
color: #ffffff;
}
.darktheme a.bluelink, .darktheme select.paginbtn{
color: #1db0dd;
}
.darktheme .greybg, .darktheme #content, .darktheme .snapcontent{
	background: rgb(45,45,45);
}
.darktheme .greybg .notidate{
	color:#ffffff;
}
.darktheme .lowbar{
	color:#ffffff;
}
.darktheme .seemore span{
	background:transparent;
}
.darktheme .smallbutton{
background-color: #CDCDCD;
color: rgb(135, 111, 5);
}

body  #pageWrapper.darktheme .listitem.lightyellow{
background: #EAEAEA;
}

/* WHITE THEME*/
.whitetheme .listitem.readcontent, .whitetheme .readpagewrap, .whitethemedemo, .whitetheme.canhidetopbar .maincontent{
	background-color:#f5f5f5;
	color: #111;
}

.whitetheme .top-bar, .whitetheme .bottombar, .whitetheme .searchform, .whitetheme .tabs, .whitetheme .slide-profile{
	background-color:#D5D5D5;
	color: #35332d;
}

.whitetheme .login a{
	color: #c5992e;
    border-left: 1px solid #c5992e;
}

.whitetheme .menutopleft .bar{
	background: #B4A679;
}

.whitetheme .profilebar {
  background-color: #EDEDED;
}

.whitetheme .profilebar .current {
  background-color: #dfdedc;
}

.whitetheme .notidate{
	background-color:#bcbcbc;
}

.browntheme .listitem:nth-of-type(odd) {
    /*background-color: #e7e5df;*/
}

.browntheme .listitem.readcontent, .browntheme .readpagewrap, .brownthemedemo, .browntheme .slide-profile, .browntheme .profilebar, .browntheme .notidate, .browntheme.canhidetopbar .maincontent{
color: #33373d;
background-color: #cfc2a8;
}

.browntheme .top-bar, .browntheme .bottombar, .browntheme .bottombar a , .browntheme .searchform{
 background-color: #706241;
 color:#fff;
}


.browntheme .subgen{
	color: #7a7a7a;
}

/* IGNORE =========================== */

.alertbutton{
float:right;
position:relative;
display: inline-block;
text-decoration: none;
background: url("../img/header/bar.svg") no-repeat -73px -9px;
width: 36px;
height: 34px;
cursor:pointer;
}

.alertbutton.blink {
background-position: -73px -61px;
}

.numofmes {
padding: 0px 3px;
border-radius: 5px;
background-color: rgba(240, 61, 37, 0.75);
font-size: 0.7em;
font-weight: bold;
color: #fff;
position: absolute;
right: 10px;
top: 10px;
z-index: 100;
pointer-events: none;
}

.searchform{
top: 50px;
width: 100%;
height: 46px;
z-index: 1002;
background-color: #EBCE58;
padding: 10px;
position: relative;
border-top: 1px solid #fefefe;
box-shadow: 0 1px 5px rgba(101,119,134,.25);
display:none;
}

.searchfield{
padding: 5px;
font-size: 1.1em;
border: 1px solid #ececec;
border-radius: 5px;
-webkit-appearance: none;
box-sizing: border-box;
-webkit-box-sizing: border-box;
height: 32px;
bottom: 4px;
position: relative;
}

.cancelsearch{
	margin: -10px -10px -10px 0;
    padding: 10px;
    line-height: 25px;
    cursor: pointer;
	font-size: 15px;
}

.darktheme .cancelsearch{
	color: #c2c2c2;
}

.slidericon{
position: relative;
background-image: url("../img/mobile/write_black.svg");
background-position: center center;
background-repeat: no-repeat;
width: 25px;
height: 22px;
display: inline-block;
	*display : inline;
	*zoom : 1;
margin-bottom: -5px;
margin-right: 5px;
}

.slidericon.noicon{
	background-image: none;
}

#writemenu .slidericon{
background-image: url("../img/write_black.svg");
}
#studiomenu .slidericon{
background-image: url("../img/bulb_black.png");
background-size:contain;
}
#hubmenu .slidericon{
background-image: url("../img/hub_black.svg");
}

#storiesmenu .slidericon{
background-image: url("../img/stories_black.svg");
}

#comicsmenu .slidericon{
background-image: url("../img/comics_black.svg");
background-size: contain;
}

#contestsmenu .slidericon{
background-image: url("../img/contests_black.svg");
}

#blogsmenu .slidericon{
background-image: url("../img/blogs_black.svg");
}

#chartmenu .slidericon{
background-image: url("../img/chart_black.svg");
}

#homemenu .slidericon{
background-image: url("../img/home_black.svg");
}

#societiesmenu .slidericon{
background-image: url("../img/society_black.svg");
}

#marketmenu .slidericon{
background-image: url("../img/shop_black.png");
background-size: 18px;
}

#bookshelfmenu .slidericon{
background-image: url("../img/bookshelf_black.svg");
background-size: contain;
}

#settingmenu .slidericon{
background-image: url("../img/setting_black.svg");
}

#languagesettingmenu .slidericon{
background-image: url("../img/language_black.svg");
}

#writemenu.current .slidericon{
background-image: url("../img/write_golden.svg");
}
#studiomenu.current .slidericon{
background-image: url("../img/bulb_golden.png");
}
#hubmenu.current .slidericon{
background-image: url("../img/hub_golden.svg");
}

#storiesmenu.current .slidericon{
background-image: url("../img/stories_golden.svg");
}
#comicsmenu.current .slidericon{
background-image: url("../img/comics_golden.svg");
}
#contestsmenu.current .slidericon{
background-image: url("../img/contests_golden.svg");
}

#blogsmenu.current .slidericon{
background-image: url("../img/blogs_golden.svg");
}

#chartmenu.current .slidericon{
background-image: url("../img/chart_golden.svg");
}

#homemenu.current .slidericon{
background-image: url("../img/home_golden.svg");
}

#societiesmenu.current .slidericon{
background-image: url("../img/society_golden.svg");
}

#marketmenu.current .slidericon{
background-image: url("../img/shop_golden.png");
}

#bookshelfmenu.current .slidericon{
background-image: url("../img/bookshelf_golden.svg");
}

#settingmenu.current .slidericon{
background-image: url("../img/setting_golden.svg");
}

#languagesettingmenu.current .slidericon{
background-image: url("../img/language_golden.svg");
}

.slide-in a.current{
color:rgb(176, 139, 25);
}


/*
iframe:-webkit-full-screen-ancestor:not(iframe) div{
position:static;
}
*/

/* smart-app-banner */
.smartbanner-show {
	margin-top: 80px;
}
.smartbanner-show .smartbanner {
	display: block;
}


/** Default **/
.smartbanner {
	position: absolute;
	left: 0;
	top: 0;
	display: none;
	width: 100%;
	height: 80px;
	line-height: 80px;
	font-family: 'Helvetica Neue', sans-serif;
	background: #f4f4f4;
	z-index: 998;
	-webkit-font-smoothing: antialiased;
	overflow: hidden;
	-webkit-text-size-adjust: none;
}

.smartbanner-container {
	margin: 0 auto;
	white-space: nowrap;
}

.smartbanner-close {
	display: inline-block;
	vertical-align: middle;
	margin: 0 5px 0 5px;
	font-family: 'ArialRoundedMTBold', Arial;
	font-size: 20px;
	text-align: center;
	color: #888;
	text-decoration: none;
	border: 0;
	border-radius: 14px;
	-webkit-font-smoothing: subpixel-antialiased;
}

.smartbanner-close:active,
.smartbanner-close:hover {
	color: #aaa;
}

.smartbanner-icon {
	display: inline-block;
	vertical-align: middle;
	width: 57px;
	height: 57px;
	margin-right: 12px;
	background-size: cover;
	border-radius: 10px;
}

.smartbanner-info {
	display: inline-block;
	vertical-align: middle;
	width: 44%;
	font-size: 11px;
	line-height: 1.2em;
	font-weight: bold;
}

.smartbanner-title {
	font-size:13px;
	line-height: 18px;
}

.smartbanner-button {
	position: absolute;
	right: 20px;
	top: 0;
	bottom: 0;
	margin: auto 0;
	height: 24px;
	font-size: 14px;
	line-height: 24px;
	text-align: center;
	font-weight: bold;
	color: #6a6a6a;
	text-transform: uppercase;
	text-decoration: none;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}

.smartbanner-button:active, .smartbanner-button:hover {
	color: #aaa;
}

.smartbanner-button-text {
}

.smartbanner-button-text:active,
.smartbanner-button-text:hover {
}


/** iOS **/
.smartbanner-ios {
	background: #f4f4f4;
	background: linear-gradient(to bottom, #f4f4f4, #cdcdcd);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
	line-height: 80px;
}

.smartbanner-ios .smartbanner-close {
	border: 0;
	width: 18px;
	height: 18px;
	line-height: 18px;
	color: #888;
	text-shadow: 0 1px 0 white;
}

.smartbanner-ios .smartbanner-close:active,
.smartbanner-ios .smartbanner-close:hover {
	color: #aaa;
}

.smartbanner-ios .smartbanner-icon {
	background: rgba(0,0,0,0.6);
	background-size: cover;
	box-shadow: 0 1px 3px rgba(0,0,0,0.3);
}

.smartbanner-ios .smartbanner-info { 
	color: #6a6a6a;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}

.smartbanner-ios .smartbanner-title {
	color:#4d4d4d;
	font-weight: bold;
}

.smartbanner-ios .smartbanner-button {
	padding: 0 10px;
	min-width: 10%;
	color: #6a6a6a;
	background: #efefef;
	background: linear-gradient(to bottom, #efefef, #dcdcdc);
	border-radius: 3px;
	box-shadow: inset 0 0 0 1px #bfbfbf, 0 1px 0 rgba(255, 255, 255, 0.6), 0 2px 0 rgba(255, 255, 255, 0.7) inset;
}

.smartbanner-ios .smartbanner-button:active,
.smartbanner-ios .smartbanner-button:hover {
	background: #dcdcdc;
	background: linear-gradient(to bottom, #dcdcdc, #efefef);
}

.smartbanner-ios .smartbanner-button-text {
}

.smartbanner-ios .smartbanner-button-text:active,
.smartbanner-ios .smartbanner-button-text:hover {
}

/** Android **/
.smartbanner-android {
	line-height: 80px;
}

.smartbanner-android .smartbanner-close {
	border: 0;
	width: 20px;
    height: 20px;
    line-height: 20px;
    margin-left: 7px;
    margin-right: 7px;
	color: #b1b1b3;
	background: #1c1e21;
	text-shadow: 0 1px 1px #000;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.8) inset, 0 1px 1px rgba(255, 255, 255, 0.3);
}

.smartbanner-android .smartbanner-close:active,
.smartbanner-android .smartbanner-close:hover {
	color: #eee;
}

.smartbanner-android .smartbanner-icon {
	background-color: transparent;
	box-shadow: none;
}

.smartbanner-android .smartbanner-info {
	color:#555555;
}

.smartbanner-android .smartbanner-title {
	font-weight: bold;
	color:#222222;
}

.smartbanner-android .smartbanner-button {
	min-width: 12%;
	color: #ffffff;
	padding: 0;
	background: #4ED0C7;
	border-radius: 0;
	margin-bottom:15px;
}

.smartbanner-android .smartbanner-button:active,
.smartbanner-android .smartbanner-button:hover {
	background: none;
}

.smartbanner-android .smartbanner-button-text {
	text-align: center;
	display: block;
	padding: 0 10px;
	background: #42B6C9;
	background: linear-gradient(to bottom, #42B6C9, #39A9BB);
	text-transform: none;
	text-shadow: none;
	box-shadow: none;
}

.smartbanner-android .smartbanner-button-text:active,
.smartbanner-android .smartbanner-button-text:hover {
	background: #2AC7E1;
}


/** Windows **/
.smartbanner-windows {
	background: #f4f4f4;
	background: linear-gradient(to bottom, #f4f4f4, #cdcdcd);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
	line-height: 80px;
}

.smartbanner-windows .smartbanner-close {
	border: 0;
	width: 18px;
	height: 18px;
	line-height: 18px;
	color: #888;
	text-shadow: 0 1px 0 white;
}

.smartbanner-windows .smartbanner-close:active,
.smartbanner-windows .smartbanner-close:hover {
	color: #aaa;
}

.smartbanner-windows .smartbanner-icon {
	background: rgba(0,0,0,0.6);
	background-size: cover;
	box-shadow: 0 1px 3px rgba(0,0,0,0.3);
}

.smartbanner-windows .smartbanner-info {
	color: #6a6a6a;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}

.smartbanner-windows .smartbanner-title {
	color:#4d4d4d;
	font-weight: bold;
}

.smartbanner-windows .smartbanner-button {
	padding: 0 10px;
	min-width: 10%;
	color: #6a6a6a;
	background: #efefef;
	background: linear-gradient(to bottom, #efefef, #dcdcdc);
	border-radius: 3px;
	box-shadow: inset 0 0 0 1px #bfbfbf, 0 1px 0 rgba(255, 255, 255, 0.6), 0 2px 0 rgba(255, 255, 255, 0.7) inset;
}

.smartbanner-windows .smartbanner-button:active,
.smartbanner-windows .smartbanner-button:hover {
	background: #dcdcdc;
	background: linear-gradient(to bottom, #dcdcdc, #efefef);
}

.smartbanner-windows .smartbanner-button-text {
}

.smartbanner-windows .smartbanner-button-text:active,
.smartbanner-windows .smartbanner-button-text:hover {
}

body.nofixed{
	overflow:auto;
}

.nofixed .top-bar,.nofixed .maincontent, .nofixed #content, .nofixed .snapcontent{
	position:relative;
	overflow: auto;
	-webkit-backface-visibility: hidden;
}