html, body {
	height: 100%;
	margin: 0;
	padding: 0;
}

	html * {
		box-sizing: border-box;
	}



form {
width:100%;
}

.app-icon {
	height: 36px;
}

section.mdl-grid {
	width: 80vw;
	margin-left: 10vw;
	max-width:700px;
}


.query-cell .material-icons { top: 8px; position: relative; }
@media (max-width:600px) {
	


	section.mdl-grid {
		width: 100%;
		margin: 0px;
		padding:0px;
	}
	section .mdl-grid .mld-cell {
		padding: 0px; 
	}

}

.from-cell {
	position:relative;
}
.from-cell::after {
	content:'\27a0';
	font-family: 'Roboto';
	 display: inline-block;
    padding: 0.5em;
    font-size: 1.6em;
    float: right;
    position: absolute;
    right: -27px;
    top: -2px;
}
.buttons {
	padding: 8px 16px;
}
.label-floating .control-label {
	padding-left: 7px;
}
.intro h1 { font-size: 16px;

color:rgba(0,0,0,.54);

font-weight: normal; 
text-transform: none; 
}
.intro h1 b {font-weight:500; }
.input-group .form-control {
	width: 95%;
}
.form-group { margin-top: 0px; }

.history_link a {
	    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}
.url-history2 {
	position:relative;
}
.url-history2:before {
	content: '\2630';/*\268c*/
    font-family: 'Roboto';
    display: inline-block;
    
    font-size: 1.6em;
    
    position: absolute;
    top: -0.4em;
    left: -1.5em;
}

.page-text section.mdl-grid {
    max-width:100%;
    margin-left:0px;
    width:100%;
    padding:0px 8px;
}
    .page-text section.mdl-grid:first-of-type {
        margin-top:1em;
    }
    .page-text .t {
        margin-top: 0px;
    }
    .page-text .target-text-container {
        padding:1em;
    }
.page-text .target-text{
    padding:1em;
    background:white;
    white-space:normal;
    overflow:visible;
    overflow-x:auto;
	font-size:2em;
    
}
.page-text .buttons { padding: 0px 16px;}
.page-text .input-controls {
    
   
    height:0px;
    overflow:hidden;

    transition:all .3s;
}
.page-text .input-controls.opened {
  
   
    height: 300px;
    overflow: visible;
    
}