@font-face{font-family:'Droid Sans';font-style:normal;font-weight:400;src:local('Droid Sans Regular'),local(DroidSans-Regular),url(https://fonts.gstatic.com/s/droidsans/v8/SlGVmQWMvZQIdix7AFxXkHNSbQ.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
body{font-family:'Droid Sans',Arial,Verdana,Tahoma}
.container-fluid{width:100%}
.btn:active,.btn:focus{border:0;outline:none}
a{color:#FC5E5E}
a:hover,a:focus{color:#333;text-decoration:underline}
.link{color:#FC5E5E}
.mt8{margin-top:8px!important}
.mt16{margin-top:16px!important}
.mt32{margin-top:32px!important}
.mt64{margin-top:64px!important}
.mt128{margin-top:128px!important}
.mb8{margin-bottom:8px!important}
.mb16{margin-bottom:16px!important}
.mb32{margin-bottom:32px!important}
.mb64{margin-bottom:64px!important}
.mb128{margin-bottom:128px!important}
.b{font-weight:700}
.i{font-style:italic}
.red{color:red}
.logo{margin-bottom:8px;max-width:100%}
.navbar .toggle-slidebar{display:block;float:left;position:relative;padding:13px 12px;background-color:transparent;background-image:none;border-radius:0;cursor:pointer;z-index:9999}
.navbar a.toggle-slidebar:hover{background-color:#FFF}
.navbar a.toggle-slidebar:hover .icon-bar{background-color:#000}
.navbar a.toggle-slidebar .icon-bar{background-color:#FFF;display:block;width:22px;height:2px;border-radius:1px}
.navbar a.toggle-slidebar .icon-bar + .icon-bar{margin-top:4px}
.navbar-menu{z-index:4;border-radius:0;min-height:35px;background-color:#FC5E5E;border:0;box-shadow:0 2px 5px 0 rgba(0,0,0,0.17),0 2px 10px 0 rgba(0,0,0,0.13);margin-bottom:0}
.navbar-menu .navbar-nav > li > a{font-size:15px;font-family:'Droid Sans',Arial,Verdana,Tahoma;letter-spacing:.5px;text-transform:uppercase;color:#FFF}
.navbar-menu .navbar-nav > li > a:hover,.navbar-menu .navbar-nav > li > a:focus,.navbar-menu .navbar-nav > li > a:active,.navbar-menu .navbar-nav > li.active > a,.navbar-menu .navbar-nav > li.active > a:hover,.navbar-menu .navbar-nav > li.active > a:focus,.navbar-menu .navbar-nav > li.active > a:active{color:#000;background-color:#FFF}
.navbar-toggle{border-radius:0;cursor:pointer;margin:0;padding:12px}
.navbar-toggle:hover{background-color:#FFF}
.navbar-toggle .icon-bar{background-color:#FFF}
.navbar-toggle:hover .icon-bar{background-color:#000}
.navbar-collapse form[role="search"]{position:absolute;top:2px;right:51px;width:132%;padding:0;margin:0;z-index:0;box-shadow:none;-webkit-box-shadow:none}
.navbar-collapse form[role="search"] button,.navbar-collapse form[role="search"] input{padding:7px 12px;border-radius:0;border-width:0;color:#777;background-color:#f8f8f8;border-color:#e7e7e7;box-shadow:none;outline:none}
.navbar-collapse form[role="search"] input{padding:16px 12px;font-size:14pt;font-style:italic;color:#a0a0a0;box-shadow:none}
.navbar-collapse form[role="search"] button[type="reset"]{display:none}
.navbar-collapse form[role="search"] input[name="as_q"]{width:300px}
footer{clear:both;padding:7px 0 10px;background:#EFEFEF;border-top:solid 4px #FC5E5E;margin:0}
footer .menu-tutorial,footer .menu-about{font-family:'Droid Sans',Arial,Verdana,Tahoma;font-size:15px;clear:both;margin:10px auto}
footer ul.foot-menu{list-style:none;display:flex;justify-content:center;flex-wrap:wrap;padding:0;margin-bottom:0}
footer ul.foot-menu li{padding:0 10px;border-right:1px solid #c8dde6}
footer ul.foot-menu li:last-child{border-right:none}
footer .copyright p{font-size:13px;color:#767676;margin-bottom:0;text-align:left}
footer .social-list{padding-left:0;margin-bottom:0;list-style:none;display:flex;flex-wrap:wrap;justify-content:flex-end;-webkit-justify-content:flex-end}
footer .social-list .soc-item{margin:2px 10px 0}
footer .social-list .soc-item a{margin:0;-webkit-transition:.2s linear;transition:.2s linear}
footer .social-list .soc-item a i{font-size:16px}
.article_wrap > aside.col-md-2{-webkit-box-shadow:1px 0 8px 0 rgba(0,0,0,0.4);-moz-box-shadow:1px 0 8px 0 rgba(0,0,0,0.4);box-shadow:1px 0 8px 0 rgba(0,0,0,0.4)}
.article_wrap > div.col-md-2.hidden-xs{-webkit-box-shadow:1px 0 8px 0 rgba(0,0,0,0.4);-moz-box-shadow:1px 0 8px 0 rgba(0,0,0,0.4);box-shadow:1px 0 8px 0 rgba(0,0,0,0.4)}
aside.small{position:absolute;z-index:3;background-color:#FFF}
aside.small .sidebar{width:230px}
article.small{margin-left:230px;margin-right:-230px}
.sidebar{display:none;z-index:3;overflow:hidden}
#leftcolumn{padding:10px}
#leftcolumn div.menuheading{font-size:15px;font-family:'arial',Tahoma,Verdana;font-weight:700;color:#75A54B;border-bottom:2px solid #EFF0F1;margin:14px 5px 1px 10px;padding:0 0 1px;background-color:inherit}
#leftcolumn ul.leftmenu{list-style:none;text-align:left;margin:0 5px 3px 10px;padding:0}
#leftcolumn ul.leftmenu li{font-size:14px;padding:2px 0 1px}
#leftcolumn ul.leftmenu li a{color:#333;font-style:normal;background-image:none;text-decoration:none}
#leftcolumn ul.leftmenu li a:hover{color:#FC5E5E}
#leftcolumn ul.leftmenu li#activemenu > a{color:#FC5E5E}
#leftcolumn ul.leftmenu li a.index{font-size:17px}
.submenu{margin:2px 0 5px 7px}
.submenu a{color:#333;font-weight:400;font-size:14px;text-decoration:none}
.submenu a:hover{color:#FC5E5E;text-decoration:none}
.submenu a.activesubmenu{color:#FC5E5E!important}
#rightcolumn{text-align:center;padding-top:15px;}
.article{margin-left:15px;margin-right:15px}
.article i.fa{color:#333}
.article p{font-size:16px;word-spacing:.8px;color:#222;margin:10px 0;line-height:1.4em}
.article .underline{font-size:15px;color:#FC5E5E;text-decoration:none;border-bottom:1px solid rgba(0,0,0,.1)}
.article ul{list-style-type:square}
.article ul li,.article ol li{font-size:16px}
.article h1{font-size:32px;font-weight:400;font-family:'Arial',Helvetica,sans-serif;color:#75A54B;border-bottom:1px solid #EFF0F1;clear:both;line-height: 1.4em}
.article h2{font-size:28px;font-weight:400;color:#75A54B;}
.article h2 a{margin-left:0;text-decoration:none;color:inherit}
.article h3{font-size:23px;font-weight:400;color:#75A54B;border-bottom:1px solid #EFF0F1;clear:both}
.article h3 a{margin-left:0;text-decoration:none;color:inherit}
.article h4{font-size:20px;font-weight:400;color:#FC5E5E;border-bottom:1px solid #EFF0F1}
.article h4 a{margin-left:0;text-decoration:none;color:inherit}
.article blockquote{background:#FAFAFA url(../../images/quote.gif) no-repeat 5px 10px!important;margin:10px 0;padding:0 0 0 32px;background-position:8px 10px;border:1px solid #DBDBDB;border-left:5px solid #FC5E5E;clear:both}
.article blockquote h2{border-bottom: none;padding-left:15px;font-size: 20px;margin: 15px 0px 0px 0px;}
.article blockquote h4{font-size:20px;font-weight:400;color:#FC5E5E;margin:18px 0 0 12px;border-bottom:none}
.article blockquote p{font-size:15px;font-weight:400;padding:10px 0 10px 15px;margin-top:0;color:#111}
.article .borderframe_light{box-shadow: 0px 4px 5px #D8D8D8;/*outline:1px solid #DADADA;border:6px solid #FFF;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;*/margin-left:auto;margin-right:auto}
.article .borderframe{outline:1px solid #DADADA!important;border:6px solid #F8F8F8!important;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;margin-left:auto;margin-right:auto}
.article .img-responsive{margin-left:auto;margin-right:auto}
.tutorial_box{border:1px solid #eee;background-color:#FAFAFA}
.tutorial_box h2{font-size:20px;margin-top:8px;padding-bottom:8px}
.tutorial_box h2.sub_heading{font-size:17px;margin-top:8px;padding-bottom:3px;margin-bottom:3px}
.tutorial_box a{color:#333;font-size:15px;line-height:22px}
.tutorial_box a:hover{color:#FC5E5E;text-decoration:underline}
.tutorial_link a{color:#333}
.tutorial_link a:hover{color:#FC5E5E;text-decoration:underline}
.tutorial_link span.active{color:#FC5E5E;text-decoration:underline}
#reference,.reference{border:1px solid #c3c3c3;border-collapse:collapse;font-family:'Droid Sans',Arial,Verdana,Tahoma;font-size:16px}
#reference th,.reference th{border:1px solid #c3c3c3;background-color:#CBD7AB;color:#000;padding:6px!important;font-weight:400;font-size:15px}
#reference td,.reference td{border:1px solid #c3c3c3;background-color:#FFF;padding:6px!important;color:#222}
#reference td.red,.reference td.red{color:red;text-align:center}
#reference td.green,.reference td.green{color:green;text-align:center}
.reference td a:hover,.reference td a:active{color:#FC5E5E;text-decoration:none;border-bottom:1px solid #FC5E5E}
.article div.tryit_filename{background:#EBE4DF;margin:10px 0 0 10px;font-size:16px;font-weight:400;font-style:italic;color:#666;min-width:200px;width:auto;padding:5px;text-align:center;float:right}
.article p.tryit_heading_center{margin:5px auto -10px;background:#EBE4DF;text-align:center;color:#000;padding:5px}
.article .example-code pre{margin-left:0;margin-right:0;border-radius:0}
.article p.tryit{background:#EBE4DF;margin:0 0 10px;padding:5px;display:block;text-align:center}
.article p.tryit a{color:#FC5E5E;font-size:16px;font-style:italic;text-decoration:none;outline:none 0}
.article p.tryit a:hover,.article p.tryit a:active{color:#575757;text-decoration:none}
.article .example-result{background:#FFF;border:1px dashed #ccc;border-left:4px solid #FC5E5E;text-align:left;font-family:'Courier New',arial,Sans-serif;font-size:13px;margin:20px auto;padding:3px;clear:both;}
.article .example-result .tryit_iframe_result{border:1px solid #FFF;width:100%;clear:both;}
ul.navigation,ul#go,ul#navigation{list-style-type:none;height:40px;padding:0;clear:both}
ul.navigation li,ul#go li,ul#navigation li{display:block;width:auto;min-width:135px;max-width:135px;background-color:#FC5E5E;text-align:center;padding:3px 5px;overflow:hidden;height:29px}
ul.navigation li.flexi_width{max-width:inherit}
ul.navigation .previous,ul#go .previous,ul#navigation .previous{float:left;margin:5px 0 10px}
ul.navigation .next,ul#go .next,ul#navigation .next{float:right;margin:5px 0 10px}
ul.navigation li a,ul#go li a,ul#navigation li a{color:#FFF;font-size:14px;font-style:italic;text-decoration:none}
ul.navigation li a:hover,ul#go li a:hover,ul#navigation li a:hover{color:rgba(255,255,255,0.87);text-decoration:none}
ul.browser{padding:0;overflow:hidden;font-size:13.6px;color:#FFF}
ul.browser li{font-size:13px;margin:2px 1px 2px 0;padding:3px 6px!important;overflow:hidden;float:left;width:144px;text-align:center;border-radius:2px 2px 2px 2px;-moz-border-radius:4px;-webkit-border-radius:4px 4px 4px 4px}
ul.browser.sql li{max-width:120px}
li.gc{background-color:#569EFE}
li.mf{background-color:#FF9901}
li.ie{background-color:#1A4CBD}
li.op{background-color:#F0232A}
li.sa{background-color:#869ABB}
li.me{background-color:#3277BC}
code.code{color:#000;background-color:#f3f1f1bd;border-radius:4px;font-family:"Liberation Mono",consolas,courier,monospace;text-shadow:1px 1px #fff}
code.code a{color:#c7254e}
code.code a:hover{color:#000}
.table_generator{-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;border:1px solid #eee;background-color:#FAFAFA}
.table_generator td{font-size:14px;color:#000;padding:5px 10px}
.iframe_result{border-radius:2px;padding:5px;border:1px solid #eee;width:100%}
.social-buttons{text-align:center;margin:10px auto 0;width:100%}
.slide-social{display:inline-block;overflow:hidden;margin:0 11px 0 0;width:142px;height:30px;background:#F1F1F1}
.pinterest_fix{margin-right:0}
.slide-social .button{position:absolute;margin:5px 0 0 60px}
.slide-social a{display:none}
.icon{float:left;padding-top:5px;width:25%;height:100%;text-align:center}
.icon i{color:#FFF!important;font-size:1em}
.slide{position:relative;float:left;width:75%;height:100%}
.social-buttons .slide p{position:relative!important;top:6px!important;margin:0!important;text-align:center;border-left:1px solid #fff;border-left:1px solid rgba(255,255,255,0.3);color:#FFF!important;font-size:14px!important}
.facebook{background:#3b5998}
.twitter{background:#00acee}
.google-plus{background:#db4a39}
.linkedin{background:#0e76a8}
.pinterest{background:#c8232c}
.slide-social:hover .slide{-webkit-transform:translate(101%,0);-moz-transform:translate(101%,0);-ms-transform:translate(101%,0);-o-transform:translate(101%,0);transform:translate(101%,0)}
.no-cssanimations .slide{display:none}
.touch .slide{display:none}
.slide{-webkit-transition:all 200ms ease-in-out;-moz-transition:all 200ms ease-in-out;-o-transition:all 200ms ease-in-out;transition:all 200ms ease-in-out}
.wrap{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex}
.box{border-radius:3px;box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);padding:10px 25px;text-align:right;display:block;margin-top:60px}
.box-icon{background-color:#57a544;border-radius:50%;display:table;height:80px;margin:0 auto;width:80px;margin-top:-40px}
.box-icon span{color:#fff;display:table-cell;text-align:center;vertical-align:middle;font-size:26px}
.info h4{font-size:26px;letter-spacing:2px;text-transform:uppercase;color:inherit;border-bottom:none}
.info > ul{font-size:16px;list-style:none;text-align:left;padding:0}
.info > ul > li{padding:2px 0 1px}
.info > ul > li a{color:#717171;font-style:normal;background-image:none;text-decoration:none}
.info > ul > li a:hover{color:#FC5E5E}
.info > a{background-color:#FC5E5E;border-radius:2px;box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);color:#fff;transition:all .5s ease 0}
.info > a:hover{#ff7a37;box-shadow:0 2px 3px 0 rgba(0,0,0,0.16),0 2px 5px 0 rgba(0,0,0,0.12);color:#fff;transition:all .5s ease 0}
article + div.hidden-sm{position: static;}
.leaderboard_dm,#leaderboard_dm{margin:5px auto;padding:3px 0;text-align:center;overflow:hidden;max-width:728px;clear:both}
#rectangle_dm{margin:10px 0 0 20px;float:right}
.wide_skyscraper_dm,#wide_skyscraper_dm,.wide_skyscraper_ga{overflow:hidden;max-width:160px;margin:10px auto 20px}
.leaderboard_ga,#leaderboard_ga{margin:15px auto;padding:3px 0;text-align:center;clear:both;overflow:hidden}
.get_it_on_playstore{overflow:hidden;max-width:160px;margin:0 auto 15px}
.get_it_on_playstore img{max-width:160px}
.aff-ads {margin: 0px auto 20px;width: 190px;}
.aff-ads img {width: 100%;}
.left-aff-ads {margin: 0px auto 20px;}
.left-aff-ads img {width: 100%;}
.note{color: #222;padding: 20px 25px;margin-bottom: 20px;margin-top: 20px;background: #fff5eb;border-left: 5px solid #FC5E5E;}
@media (min-width: 768px) {
.navbar .toggle-slidebar{display:none}
.sidebar{display:block}
.navbar-nav > li > a{padding-top:9px;padding-bottom:9px}
.navbar-collapse form[role="search"]{width:38px;top:0;right:0}
.navbar-collapse form[role="search"] button,.navbar-collapse form[role="search"] input{padding:9px 12px}
.navbar-collapse form[role="search"].active button{padding:10px 12px}
.navbar-collapse form[role="search"] input{padding:20px 12px;font-size:14pt;opacity:0;display:none}
.navbar-collapse form[role="search"].active{width:100%}
.navbar-collapse form[role="search"].active button,.navbar-collapse form[role="search"].active input{display:table-cell;opacity:1}
.navbar-collapse form[role="search"].active input{width:300px;background-color:#e5e5e5;color:#5a5a5a}
.navbar-form .input-group{float:right}
.article_wrap{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
}
@media (max-width: 768px) {
.logo{margin-top:5px;margin-bottom:2px;margin-left:auto;display:block;margin-right:auto;height:55px}
.navbar-collapse form[role="search"] input[name="as_q"]{max-width:49%}
footer .copyright p{text-align:center}
footer .social-list{margin-top:8px;justify-content:center;-webkit-justify-content:center}
}
@media (max-width: 568px) {
.logo{height:48px}
}