body {
  font-family: 'Montserrat', 'Fira Sans', 'Roboto',"Helvetiva Neue",Helvetiva, Arial,sans-serif;
font-weight: 300;
font-size: 20px;
line-height: 30px;
background-color: #f9f9f9;

margin: 0px;
color: #aaa;
  }

form {
display: block;
position: relative;
max-width: 700px;
margin: 8px auto;
padding: 0px;
}

#head h1 {
padding-right: 22px;
top: 0px;
left: 0px;
font-size: 26px;
line-height: 10px;
float:right;
margin: 0;
margin-top: 14px;
color: #90acff;
color: #B2C6FF;
letter-spacing: -3.9px;

}

#cse1 {
display:none;
}

h2 {
margin: 0px;
}

h1 b, .misc b {
color: #fff;
}

h1 b {
font-weight: 400;
font-size: 30px;
}

b {
font-weight: 300;
}

#head {
position: fixed;
background-color: #36f;
display: block;
height: 60px;
width: 100%;
border-bottom: 2px solid #FF9800;
border-bottom: 3px solid #ddd;
top: 0px;
z-index: 100;
}

table#indicator {
width: 100%;
position: absolute;
top: 49px;
}

#indicator td {
    border-bottom: 3px solid #d4d4d4;
}

#indicator td.active {

border-bottom: 3px solid #FF9800;
}

#content {
min-height: 350px;
}

#inner {
position: relative;
max-width: 700px;
margin: 0px auto;
margin-top:32px;
}

#mod {
padding-top: 10px;
padding-bottom: 10px;
padding-left: 17px;
padding-right: 17px;
color: #999;
}

#mod i {
color: #999;
}

#mod b {
color: #666;
}


#mod pre {
font-size: 12px;
white-space: pre-wrap;
}

#topdiv {
padding-top: 0px;
padding-bottom: 10px;
}

#q {
position:absolute;
top: -10px;
outline: none;
font-family: 'Fira Sans', 'Roboto',"Helvetiva Neue",Helvetiva, Arial,sans-serif;
-webkit-appearance: none;
font-weight: 400;
background: transparent;
width: 100%;
border: none;
height: 64px;
padding: 6px 30px;
font-size: 18px;
line-height: 1.428571429;
color: #fff;
background-image: none;
a-webkit-transition: border-color ease-in-out 0.02s, box-shadow ease-in-out 0.02s;
a-o-transition: border-color ease-in-out 0.02s, box-shadow ease-in-out 0.02s;
atransition: border-color ease-in-out 0.02s, box-shadow ease-in-out 0.02s;

aborder-bottom: 2px solid #fff;
aborder-radius: 4px 4px 0 0 ;
background: rgba(255,255,255,0.1);
border-bottom: 2px solid #ffae36;
border-bottom: 2px solid #e9e9e9;
}


.gsc-expansionArea {
margin-top: 0px;
padding: 0px;
padding-top: 0px;
}

.gs-title, .gs-title * , .gs-spelling {
  font-family: 'Montserrat','Fira Sans','Roboto',"Helvetiva Neue",Helvetiva, Arial,sans-serif;
text-decoration: none;
text-overflow: ellipsis;
white-space: pre;
color: #36f;
font-size: 16px;
font-weight: 400;
max-width: 440px;
width:100%;
overflow: hidden;
height: auto;
}

.gs-spelling {
    padding-left: 20px;
    color: #696;
}
.gs-spelling a {
 cursor: pointer;
}

.gsc-control-cse, .gsc-control-cse .gsc-table-result {
color: #333;
  font-family: 'Fira Sans','Roboto',"Helvetiva Neue",Helvetiva, Arial,sans-serif;
font-size: 16px;
line-height: 25px;
font-weight: 300;
}

a {
opacity: 1.0;
text-decoration: none;
color: #302c29;
}

a:hover {
	aopacity: 0.6;
	text-decoration: none;
}

#mod a {
color: #aaa;

}

.gs-visibleUrl,
{
display: none;
}

.misc {
font-size: 12px;
display:block;
font-family: 'Fira Sans','Roboto',"Helvetiva Neue",Helvetiva, Arial,sans-serif;
padding-left: 20px;
color: #aaa;
}

.title {
height: 30px;
text-transform: uppercase;
font-size: 16px;
color: #666;
font-weight: 900;
clear:both;
}

.gsc-above-wrapper-area,
.gsc-result {
border-bottom: none;
}


.gs-visibleUrl-short {
display: inline-block;
color: #398439;
font-size: 16px;
top: 0px;
overflow:hidden;
white-space: pre;
width: 200px;
float:right;
text-align:right;
text-overflow: ellipsis;
z-index: 100;
font-family: 'Montserrat','Fira Sans','Roboto',"Helvetiva Neue",Helvetiva, Arial,sans-serif;
display: block;
width: 200px;
}

@media (max-width: 700px) {

.gs-visibleUrl-short {
float:left;
text-align:left;
}

#result0 {
display:none;
}

adiv.gs-snippet
 {
height: 60px;
  padding-top: 4px;
    margin-top: 2px;
}


.gs-result a.resultlink {
 opacity: 1.0;
}


}


.gs-result {
overflow:hidden;
}

.gsc-result {
padding: 0px;
margin-bottom: 0px;
}


.resultlink {
margin-top: 5px;
margin-bottom: 5px;
border-radius: 4px;
display:block;
padding: 5px;
padding-left: 20px;
padding-right: 20px;
opacity: 0.6;
}

.resultlink#topres .gs-title
{
width: auto;
max-width: none;
}

.resultlink#topres .gs-snippet
{
 padding-right: 42px;
}

@media (max-width: 700px) {

.resultlink#topres .gs-snippet
{
 padding-right: 0px;
}

.resultlink#topres {
 padding: 20px;
}

}

.resultlink#topres .gs-visibleUrl-short
{
position: absolute;
top: 210px;
float:left;
text-align:left;
width: auto;

}

.resultlink#topres,
.resultlink.active,
.resultlink:hover {
opacity: 1.0;
 background: #eef;
 padding: 30px;
}

.g1result.resultlink,
.g1result.resultlink#topres,
.g1result.resultlink.active,
.g1result.resultlink:hover {

background: #ffd383
}

.resultlink#topres 
{
background: #fff;
outline:none;
opacity: 1.0;
abox-shadow: 0 1px 6px 0 rgba(32,33,36,0.28);
border-color: rgba(223,225,229,0);
height: 180px;
}

.g1result {
adisplay:none;
}

#topdiv .g1result {
display:block;

}

.g1result .gs-snippet {
line-height: 1.4em;
}

#topdiv .g1result .gs-snippet {
height: auto;
min-height: 120px;
}

.gs-source {
height: 0;
overflow:hidden;
    float: right;
    clear: right;
    max-width: 130px;
    font-size: 12px;
}

.gs-snippet{
height: 0;
padding:0;
margin: 0;
overflow: hidden;

  font-size: 16px;
  padding-right: 140px;
}

#topres p {
margin: 0;
}

#topres pre {
margin: 0;
font-size: 14px;
//white-space: pre-wrap;
font-family: 'Inconsolata', monospace;
}


#topres pre b {
font-weight: 700;
}


#topres .gs-source {
height: auto;
line-height: 20px;
}

#topres .gs-snippet
 {
height: 120px;
  padding-top: 4px;
    margin-top: 2px;

}


input[type="search"]::-webkit-search-cancel-button {

    -webkit-appearance: none;
    display:none; 

}