/* CSS Document */

/*
.form-control2 {
	display: inline-block;
	height: 42px;
    padding: 5px 2px 2px 2px;
}
*/

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.error {
  border:2px solid red;
}

input[type="email"], input[type="password"], input[type="text"], input[type="tel"], input[type="number"], input[type="date"], input[type=""] {
	display: table-cell;
	background-color: #FAFAFA;
	border-color: #FBFBFB;
  	border: 1px solid #ccc;
	border-radius: 4px;

	height:auto;
}


/*
input[type="email"], input[type="password"], input[type="text"], input[type="tel"], input[type="number"], input[type="date"] 
{
    -moz-box-sizing: border-box; // remove this line
    height: 100%;
    margin-bottom: 30px;
    padding: 0 20px;
}
*/

:placeholder-shown {
  border-color: silver;
}
	
	.shead {
		font-size:12px;
		font-weight: bold;
		color: silver;
	}

	.sdet {
		font-size:18px;
	}
	
	.dhead {
		font-size:12px;
		font-weight: bold;
	}

.cb2 {
	
	font-size: 12px;

	}

	
@media all and (min-width:736px){
	.notSelected2 {	
		padding: 0em 0em 1em 0em;
	}
	.cbClicked2 {	
		padding: 0em 0em 1em 0em;
	}
}

	
@media all and (max-width:736px){
	.notSelected2 {	
		padding: 0em 0em 1em 0em;
	}
	.cbClicked2 {	
		padding: 0em 0em 1em 0em;
	}
}

.notSelected2 {
  /* show a loading animation while you wait for the HTML to be loaded */

		border-width: 1px;
		border-style: solid;

		background: #edeff0;
		border-color: black;

}

.cbClicked2 {
		font-weight: bold;
		border-width: 3px;
		border-style: solid;
		color: white;

	/* content has been loaded - show the yellow circle + check icon */
  		background: #96c03d;
  		border-color: black;

}

input[type="select"] {
    width: 150px;
    display: block;
    margin-bottom: 10px;
    background-color: yellow;
}

.cb5 {
	
	font-size: 12px;
		
	}


.notSelected5 {
  /* show a loading animation while you wait for the HTML to be loaded */
		padding: 2em 1.5em;
		border-width: 1px;
		border-style: solid;

		background: #edeff0;
		border-color: black;
}

.cbClicked5  {
		padding: 2em 1.5em;
		border-width: 3px;
		border-style: solid;
		color: white;
	/* content has been loaded - show the yellow circle + check icon */
  		background: #96c03d;
  		border-color: black;
}

	.modelFrame {
    margin: 0;
    padding: 0;
    border: none;
    resize: horizontal;
    overflow: auto;
    width: 100%;
    height: 250px;
	border-style: solid;
	border-width: 1px;
	border-color: black;
	white-space: pre-wrap;       /* Since CSS 2.1 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
 	overflow-y: scroll; /* has to be scroll, not auto */
  	-webkit-overflow-scrolling: touch;
		}