@media (min-width: 576px) {
  #loginDiv {
    width: 400px;
  }
}

#loginBtnGroup {
  width: 90%;
  margin-bottom: 15px;
  margin-top: 15px;
}

#mainLogo {
  width: 90%;
  margin-top: 15px;
}

#loading {
  top: 0;
  left: 0;
  position: fixed;
  min-width: 100%;
  min-height: 100%;
  height: 100%;
  z-index: 9999999 !important;
}

.btn {
  border-radius: 0px !important;
  border-width: 0px !important;
}

.modal-content {
  border-radius: 0px !important;
}

.form-control {
  border-radius: 0px !important;
}

.media-card {
  border-radius: 0px !important;
  margin-top: 5px !important;
  margin-bottom: 5px !important;
  margin-left: 5px !important;
  margin-right: 5px !important;
  min-width: 300px !important;
  /*max-width: 30rem !important;*/
}

.billboard-card {
  border-radius: 0px !important;
  margin-top: 5px !important;
  margin-bottom: 5px !important;
  margin-left: 5px !important;
  margin-right: 5px !important;
  min-width: 300px !important;
  /*max-width: 30rem !important;*/
}

.dropdown-menu {
  border-radius: 0px !important;
}

.badge {
  border-radius: 0px !important;
  /*position: absolute;*/
  /*top: -5px !important;*/
}

#mediaEditPreviewDiv {
  width: 100%;
  height: 200px;
}

.billboard-images-div img {
  margin-left: 3px !important;
  margin-right: 3px !important;
  margin-top: 3px !important;
  margin-bottom: 3px !important;
  width: 100px;
  height: auto;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

.billboard-images-div img:hover {
  transform: scale(1.1);
}

.list-group {
  border-radius: 0px !important;
}

@media (min-width: 768px) {
  .carousel-column {
    max-width: 500px !important;
  }
}

.billboard-image:hover {
  transform: scale(1.2);
}