body {background: #232323; color: #b4b4b4!important;}
h4 {color: #FFFFFF;}

a {color: #4a89d0;  }
a:hover{color: #4a89d0;}

.home_text {color: #b4b4b4 !important;}
.btn {font-weight: 500; cursor: pointer!important;
-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;
}

.statdiv{
color: #FFFFFF; font-size: 110%; font-weight: 600; 
background: #2A2A2A;
-webkit-border-radius:20px;-moz-border-radius: 20px;border-radius: 20px;
}

.convert{color: #fff;}
.final_ani{
	
	background: rgba(232,115,255,0.05);
-webkit-border-radius:20px;-moz-border-radius: 20px;border-radius: 20px;
	
	overflow-y: hidden;
	animation: final_ani 0.3s linear;
	animation-fill-mode: forwards;
	padding: 15px 30px;
	margin-bottom: 10px;
}


@-webkit-keyframes final_ani {
  0% { margin-top: -50px; opacity: 0.2;
  }
  100% {
     margin-top: 0px; opacity: 1;
  }
}






.loader {vertical-align: middle; width: 40px; margin-right: 10px; height: auto; }
.ipr{vertical-align: middle; width: 24px; height: auto; margin-right: 5px;}

		
.input-file {
  position: relative;
}
.input-file input[type=file] {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
}
.input-file input[type=file]:active + label, .input-file input[type=file]:focus + label {
 
}

/* дропзона*/
.input-file label {
  width: 100%;
  height: 300px;
  border: 3px dashed  rgba(232,115,255,0.40);
  background: rgba(232,115,255,0.05);
  border-radius: 15px;
  text-align: center;
  padding: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
  font-size: 110%;
font-weight: 500;
color: #FFFFFF;
	
	
	
}
	
/* дропзона при наведении*/
	.input-file:hover label {
		background: rgba(232,115,255,0.07);
	}
	
.input-file label div {
  transition: all 0.2s ease;
	 
}

/* дропзона при перетаскивании*/
.input-file.event-dragenter label {
  border: 3px dashed rgba(232,115,255,0.5);
	background:  rgba(232,115,255,0.1);

	
}

/* дропзона посла перетаскивании*/
.input-file.event-drop:before {
  content: attr(data-filename);
	
	
  
  display: inline-block;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  color: #FFFFFF;
  padding: 0.625rem;
	font-size: 120%;
}
.input-file.event-drop label {
  background-color: rgba(0, 123, 255, 0.05);
  border: 3px dashed #61ADFF;
}
.input-file.event-drop label div {
  opacity: 0;
}