aswi2021mr-proper-gitlab/application/view/style.css @ fb32f0e8

html, body, .container-fluid {
  height: 100%;
}

.app-header {
  background-image: linear-gradient(#A8A4A2, #4B4B4B);
  height: 15%;
}

.app-header .title {
  width: max-content;
  font-family: "Lucida Calligraphy", cursive;
}

.app-content {
  height: 80%;
}

.app-content .menu {
  background-color: #a8a4a2;
  border-right: #4B4B4B solid 2px;
}

.app-content .menu a {
  color: #4B4B4B;
  background-color: transparent;
}

.app-content .menu a:hover,
.app-content .menu a:focus {
  color: #a8a4a2;
  background-color: #707070;
  text-decoration: none;
  border-radius: 15px 50px 50px 15px;
}

.app-content .menu .active{
  color: #a8a4a2;
  background-color: #4B4B4B;
  text-decoration: none;
  border-radius: 15px 50px 50px 15px;
}

.app-content .content {
  background-color: #c9c5c2;
  height: 100%;
  flex-direction: column;
}

.app-footer {
  text-align: center;
  background-image: linear-gradient(#4B4B4B,#A8A4A2);
  height: 5%;
}

.modal-body {
  background-color: #c9c5c2;
}

.modal-header, .modal-footer {
  background-color: #A8A4A2;
}

.modal-header .modal-title {
  color: #4B4B4B;
}

.app-content .content .search-results {
  height: 100%;
  overflow: auto;
}

.app-content .content .search-results .action-td{
  width: 1%;
}

input, select {
  border: 1px solid grey;
  margin-left: 2px;
  font-size: 14px;
  line-height: 20px;
  padding: 6px 12px;
}

select {
  padding: 6px 18px 6px 12px;
  appearance: none;
  background: url("http://localhost/aswi/application/view/img/select-ico.png") 96% / 15% no-repeat white;
}

/* Remove default arrow in Internet Explorer 10 and 11 */
select::-ms-expand {
  display: none;
}

/* Target Internet Explorer 9 to undo the custom arrow */
@media screen and (min-width:0\0) {
  select {
    background: none \9;
    padding: 5px \9;
  }
}