.alertDv {
  text-align: center;
  position: fixed;
  top: 75px;
  left:2%;
  width: 96%;
  opacity: 1;
  z-index: 11000;
}

.alertDis{
    display: none;
}

.alertDv.danger {
	background-color: #C24436;
	opacity: 1;
	color: white;
}
.alertDv.success {
	background-color: #4CAF50;
	opacity: 1;
	color: white;
}
.alertDv.info {
	background-color: #4e96bf;
	opacity: 1;
	color: white;
}
.alertDv.warning {
	background-color: #ff9800;
	opacity: 1;
	color: white;
}

/* The close button */
.closebtn {
  margin-left: 15px;
  color: black;
  font-weight: bold;
  float: right;
  font-size: 22px;
  line-height: 20px;
  cursor: pointer;
  transition: 0.3s;
}

/* When moving the mouse over the close button */
.closebtn:hover {
  color: grey;
}

.filterDiv{
  border-style: solid;
  border-width: 2px;
  border-color: #f0f0f0;
  padding: 10px;
}

.filter{
  margin-top: -20px;
  margin-bottom: 5px;
}

.filterText{
	background-color: #126799;
  color:#ffffff;
}

.loginBlk{
  background-color: #FFFFFF;
  color:#2f557a;
}
.loginBlk > input{
  color:#003b7a;
}

.KSActive {
  background-color: #158705;
  color:#ffffff;
}

.KSInactive {
  position: relative;
  background-color: #870505;
  color:#ffffff;
}

.img-preview{
  cursor: pointer;
}

.circle-img{
  margin: auto;
  position: relative;
  border: 2px solid #fff;
  border-radius: 100%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.circle-img img {
  display: block;
  margin: auto;
  object-fit: cover;
  border-radius: 50%;
}

.dropImg{
  display: block;
  border-color: #000000;
  border: 1px solid #ccc;
  border-radius: 5px;
  cursor: pointer;
}

.dropImg:hover{
  border-right-color: rgba(0,0,0,0.25);
  border-right-width: 3px;
  border-bottom-color: rgba(0,0,0,0.25);
  border-bottom-width: 3px;
}