_application.scss

* {
  margin: 0;
  min-width: 0;
  min-height: 0;
  &:focus {
    outline: 0 !important;
  }
}

html,body,#root{
  height:100%;
  overflow: hidden;
}
.content-container{
  display: block;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
  overflow-y: auto;
  position: relative;
}

.carousel-container{
  overflow-x: hidden;
  text-align: center;
}
.disable{
  pointer-events: none;
  cursor: not-allowed;
}

.soft-blur{
  filter: blur(2px);
}

.notification-bell {
  .ball {
    transform: translate(50px);
  }
}
.input-file{
  input{
    opacity: 0 !important;
  }
}
.avatar{
  width: 30px;
  height:30px;
  border-radius: 50%;
}
.avatar.lg{
  width: 100px;
  height:100px;
  border-radius: 50%;
}

.img-sm{
  width: 30px;
  height:30px;
}

.avatar-lg{
  width:200px;
  height:200px;
};

.avatar-sm{
  width:30px !important;
  height:30px !important;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
}

.avatar-md{
  //width:30px !important;
  //height:30px !important;
  height: calc(100% - 6px) !important;
  width: calc(100% - 6px) !important;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
}


.input-field{
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

// override bootstrap container class
@media (min-width:320px) {
  .container {
    width: 100% !important;
  }
}

@media (min-width:768px) {
  .container {
    width: 95% !important;
  }
}

@media (min-width: 992px){
  .container {
    width: 970px !important;
  }
}


@media (min-width: 1200px){
  .container {
    width: 1170px !important;
  }
}