/*-------------------------
	Simple reset
--------------------------*/
*{
	margin:0;
	padding:0;
}

/*-------------------------
	General Styles
--------------------------*/
a, a:visited {
	outline:none;
	color:#389dc1;
}

a:hover{
	text-decoration:none;
}

y{
	margin-bottom:20px;
}

y:last-child{
	margin-bottom: 0;
}

/*-------------------------
	Inline help tip
--------------------------*/
.help-tip{
	position: relative;
	text-align: center;
	background-color: #BCDBEA;
	border-radius: 50%;
	width: 20px;
	height: 22px;
	font-size: 12px;
	line-height: 26px;
	cursor: default;
}

.help-tip:before{
	content:'?';
	font-weight: bold;
    color:#fff;
    
}

.help-tip:hover y{
	display:block;
    transform-origin: 100% 0%;
    float:right;

	-webkit-animation: fadeIn 0.3s ease-in-out;
	animation: fadeIn 0.3s ease-in-out;

}

.help-tip y{
	display: none;
	text-align: left;
	background-color: #1E2021;
	padding: 10px;
	width: 180px;
	position: relative;
	border-radius: 3px;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
	
	color: #FFF;
	font-size: 13px;
    line-height: 1.4;
    
}

.help-tip y:before{
	position: absolute;
	content: '';
	width:0;
	height: 0;
	border:6px solid transparent;
	border-bottom-color:#1E2021;
	right:10px;
	top:-12px;
}

.help-tip y:after{
	width:100%;
	height:40px;
	content:'';
	position: absolute;
	top:-40px;
	left:0;
}

@-webkit-keyframes fadeIn {
	0% { 
		opacity:0; 
		transform: scale(0.6);
	}

	100% {
		opacity:100%;
		transform: scale(1);
	}
}

@keyframes fadeIn {
	0% { opacity:0; }
	100% { opacity:100%; }
}

/*-------------------------
	For parameter table
--------------------------*/

ul {
	list-style-type: none;
  }

table tbody td tr {
	padding: none;
	padding: 0; 
	border: none;
}

table.data-tableown,
table.padding-small {
  border-spacing: 0; 
}

table .padding-small th,
table .padding-small td
table.padding-small tbody th,
table.padding-small tbody td,
table.data-tableown tbody th,
table.data-tableown tbody td {
  padding: 0rem 0.2rem 0.2rem; 
}

/* None 100% wide tables */
table.data-tableown,
table.width-auto {
  width: auto; 
}

/* some images should be stretched, such as sparkline-style gifs */
table.data-tableown img,
img.stretch {
  height: inherit;
  max-width: none; 
}

/* align table cell text to top */
table.data-tableown th,
table.data-tableown td,
table.align-top td,
table td.align-top {
  vertical-align: top; 
}

/* highlight table header background */
table.data-tableown thead {
  background: #eaeaea; 
}

.padding-30 {
	padding: 30px;
}

.tooltipp {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}

.tooltipp .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 5px 5px 5px;
  
  /* Position the tooltip */
  position: absolute;
  z-index: 1;
  top: 100%;
  left: 50%;
  margin-left: -60px;
}

.tooltipp:hover .tooltiptext {
	visibility: visible;
}



input[type=file] {
	width: 40%;
  background-color: #45a049;
  color: white;
  padding: 14px 20px;
  margin: 8px 0;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

input[type=submit]:hover {
	background-color: #45a049;
	color: black;
}

.uploadbox {
	background-color: rgb(236, 234, 234);
	padding: 30px;
}

.parameterbox {
	border: 1px solid #e3e3e3;
	
	padding: 20px;
}

.backgroundub {
	background-color: rgb(236, 234, 234);
}

.expert {
	color: #fff!important;
	background-color: #000!important;
	padding: 6px 10px!important;
}

/*--accordion--*/
.w3-container, .w3-panel {
	padding: 0.01em 16px;
}
.w3-hide {
	display: none !important;
}

.w3-left-align {
	text-align: left!important;
}
.w3-black, .w3-hover-black:hover {
	color: #fff!important;
	background-color: #000!important;
}
.w3-left-align {
	text-align: left!important;
}
.w3-red, .w3-hover-red:hover {
	color: #fff!important;
	background-color: #f44336!important;
}
.w3-left-align {
	text-align: left!important;
}
.w3-block {
	display: block;
	width: 100%;
}



.w3-btn, .w3-button {
	border: none;
	display: inline-block;
	padding: 8px 16px;
	vertical-align: middle;
	overflow: hidden;
	text-decoration: none;
	color: inherit;
	background-color: inherit;
	text-align: center;
	cursor: pointer;
	white-space: nowrap;
}
.w3-container, .w3-panel {
	padding: 0.01em 16px;
}
.w3-show-block, .w3-show {
	display: block!important;
}

/*--accordion2--*/



.acch1, .acch2 {
  color: #ff6873;
}

.acch1 {
  text-transform: uppercase;
  font-size: 36px;
  line-height: 42px;
  letter-spacing: 3px;
  font-weight: 100;
}

.acch2 {
  font-size: 23px;
  line-height: 34px;
  font-weight: 300;
  letter-spacing: 1px;
  display: block;
  background-color: #fefffa;
  margin: 0;
	cursor: pointer;

  padding: 0;
  margin: 0;
  padding-bottom: 18px;
  padding-top: 18px;
	border-top: 1px dotted #dce7eb;
	border-bottom: 1px dotted #dce7eb;
	
	position: relative;
}

.accp {
  color: rgba(48, 69, 92, 0.8);
  font-size: 17px;
  line-height: 26px;
  letter-spacing: 1px;
  position: relative;
  overflow: hidden;
  max-height: 800px;
  opacity: 1;
  transform: translate(0, 0);
  margin-top: 14px;
  z-index: 2;
}



.marginright {
	position: absolute;
	right: 5px;
	font-size: 13px;
}

hr.style-one {
	height: 1px;
	border-bottom: 1px solid #D3D3D3
}