/* RP landing page*/
#notice{
    position:absolute;
    z-index:40;
    top:25px;
    margin:auto;
    left:0; right:0;
    width:50%;
    border:0px solid darkgray;
    color:white;
    background-color:#6d2077;
    padding:.8em 0;
    display:none;
}

.ms-distChooser{
	cursor:pointer;	
}

.moreButt_{
	display:none;
}
#uPatch{
	max-width:85%;
}

#uPatch-blacken{
		position:absolute;
		width:100%; height:100%;
		top:0;		
		background-color:black;
		opacity: .85;
		border-radius:6px;
}
#uPatch-inputSearch{
		position:relative;
		display:flex; flex-direction:row; justify-content:space-around; flex-wrap:wrap; align-items:center;
		padding:0 .5em;
		margin:.3em 0;
}
.uPatch-inputSearch-controls{
	width:90%;
	margin:.2em;
}
#uPatch-input-text{
    background: #eaeaea;
	
    background: -moz-linear-gradient(top,  #cfcfcf 0%, #ffffff 38%);
    background: -webkit-linear-gradient(top,  #cfcfcf 0%,#ffffff 38%);
    background: linear-gradient(to bottom,  #cfcfcf 0%,#ffffff 38%);
	
    font-size:18px;
	padding:.4em 1em ;
	width:100%;
	outline:none;
	border:none;
}

#rp-flank {
    display: flex;
	flex-direction: row;
    justify-content: space-around;
	align-items:center;	
    width: 80%;
    margin: .8em auto 0 auto;	
	border:0px dotted purple;
}
.rp-flank-div {
    flex: 1 1;	
	word-wrap: break-word;
	overflow: hidden;	
    box-sizing: border-box;	
	padding:0 .5em;
}
.rp-flank-payload {		
	font-size:.9em;
	color:gray;
	font-weight:bold;
	font-family:nexa_boldregular;	
	width:100%;	
}	
#rp-flank-div-center{
	flex:.8 .8;
	max-width:200px;
	min-width:60px;
}
#rp-flank-img{
	width:90%;	
}	


/* WHAT-IF OPERATIONS */
#butt-advanced{
	background:#3c7179;
	right:0 !important;
	bottom:0 !important;
	font-size:.7rem;
}
.whatif-loader-button{
	background:#3c7179;
}
#whatif-loader-dist{
	visibility:hidden;
}	

#waiver{
	float:left;
}



/* width responders */
@media only screen and (min-width: 400px)  {/* kiwi */
	#waiver{
		float:none;
	}
}
@media only screen and (min-width: 600px)  {/* yellow */
	.uPatch-inputSearch-controls{
        width: 80%;
		margin:.3em;
    }	
	#uPatch{
		max-width:550px;
	}
	#rp-flank-img{
		width:80%;	
	}
	#butt-advanced{
		font-size:.8rem;
	}	
}@media only screen and (min-width: 770px)  {/* orange */

	#uPatch-inputSearch{
		margin: .6em 0;
	}	
	#uPatch{
		max-width:700px;
	}
	#rp-flank-img{
		width:70%;	
	}	
	#butt-advanced{
		font-size:.9rem;
	}

}@media only screen and (min-width: 1030px)  {/* red */
	#uPatch{
		max-width:750px;
	}
	#waiver{
		float:none;
	}	
}