/*.js_container*/
:root {--main-js-color: #237D26;}

body {
	position:relative;
 	font-family: 'Roboto', 'Helvetica', sans-serif;
	min-width:100%!important; 
}

 @media only screen and (min-width: 400px)  {
.device_width.mdl-grid{
	width:350px;
}		 
}


	 



	/* Container 
	.js_container {margin:0 35px; width:100%}
	*/
	.js_container {width:100%}
	
	/* Header */
	.js_header{
    background: var(--main-js-color);
    padding: 10px;
    color: #FFFFFF;
	font-size: 18px;
	}

  	.js_title{
    font-weight: bold;
    vertical-align: bottom;
  }

	.js_content{    
	background: #FFFFFF;
    height:auto;
    border: 1px solid var(--main-js-color);
	
}

.title{
	color: var(--main-js-color);
	font-weight: bold;
}

.choice_btn.mdl-button{		
	width: 65px;
	height:65px; 
	margin: 4px;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 24px;
}
.choice_btn.mdl-button.choice_a{background-color: #E86767;}
.choice_btn.mdl-button.choice_b{background-color: #E29B3D;}
.choice_btn.mdl-button.choice_c{background-color: #DDD56F;}
.choice_btn.mdl-button.choice_d{background-color: #7EBA58;}
.choice_btn.mdl-button.choice_e{background-color: #67E5D6;}
.choice_btn.mdl-button.choice_f{background-color: #3FAAE0;}
.choice_btn.mdl-button.choice_g{background-color: #B386C4;}
.choice_btn.mdl-button.choice_h{background-color: #EFAFE2;}
.choice_btn.mdl-button.choice_i{background-color: #C6C2C5;}

.blk.mdl-textfield{width:150px; margin:0px;}

.mdl-layout__header-row{
	padding:10px;
}	 

.mobile_content {
  /* max-width: 400px; */
  margin-top:10px;
}


.rTable {display: table;}
.rTableRow {display: table-row;}
.rTableCell{display: table-cell;padding-right: 15px;}

footer div {
  text-align:center;
  font-size:12px; 
}
	 

.confirm.mdl-button{
	width: 200px;
	height:65px; 
	margin: 4px;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 18px;
             text-transform:none;
}
.confirm.mdl-button.choice_a{background-color: #E86767;}
.confirm.mdl-button.choice_b{background-color: #E29B3D;}