/*
 * # id
 * . class
 */
body {
	/*
	 * background-image: linear-gradient(90deg, #020024 0%, #090979 35%, #00d4ff 100%);
	 * background-image: linear-gradient(45deg, #00d4ff 0%, #090979 75%, #020024 100%);
	 */
	background: linear-gradient(135deg, rgba(118,181,239,1) 0%, rgba(68,145,233,1) 100%);
	
	/* https://css-tricks.com/books/fundamental-css-tactics/scale-typography-screen-size/ */
	font-size: calc(14px + (26 - 14) * ((100vw - 300px) / (1600 - 300)));
	
	width: 95%;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
}

h2 {
	text-decoration: underline;
}

li {
	padding-bottom: 1.25em;
}
li.spacing1 {
	padding-bottom: 1.5em;
}
li.nospacing {
	padding-bottom: 0px;
}

option {
	font-size: calc(14px + (26 - 14) * ((100vw - 300px) / (1600 - 300)));
}
select {
	font-size: calc(14px + (26 - 14) * ((100vw - 300px) / (1600 - 300)));
}

p.img {
	display: flex;
	align-items: center;
	margin-left: 15px;
	margin-right: 15px;
}

img.frame {
	border: 2px solid #ddd;
	border-radius: 4px;
	padding: 5px;
}
img.pad {
	padding-right: 25px;
}

img.smallimage {
    height: 1em; 
    width: 1em;
    padding: 0 .25em 0 .25em;	/* top right bottom left */
	
}

ul.icon {
  list-style-image: url("/images/plus-circle-frame-icon.png");
}

#config_image {
	display: none;
	margin-left: 25px;
	margin-top: 10px;
}

.indent1 {
	padding-left: 20px;
}

.container {   
   /* border: 1px solid black;   
   display: inline;   
   width: 100%; */  
}

.left {
	float: left;
	width: 45%;
	/* border:1px solid green;
	margin-left: auto; */
}
.right {
	float: right !important;
	width: 45%;
	/* border:1px solid red;
	margin-left: auto; */
}
.nofloat {
	clear: both;	
}
.small {
	font-size: smaller;
}
.underline {
	text-decoration: underline;
}