/* Feel free to modify this */
.login-page {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
  background-image: url("../../Resources/public/img/background-image-2.jpeg");
}

.menu .active > a {
  color: #fefefe !important;
}

.row.history-entry {
  min-height: 100px;
}

.headertitle {
}
.headertitle h1 {
  color: #fff;
  background: #1f262c;
  padding: 5px 0px 5px 20px;
  font-size: 35px;
}
#task-filter {
  float: right;
}
#task-filter li a {
  margin-top: 0;
  background-color: transparent;
  border: none;
  padding: 4px 10px;
}
.sidebar-navigation .docs-nav-container .docs-nav {
  overflow-y: auto;
}
.row.action-entry.overdue {
  background-color: #f7e4e1;
}
.row.action-entry.closed {
  background-color: #dcf5dc;
}

.rowRedirect:hover {
  background-color: #d6ecd2;
}

.viewableData {
  cursor: text !important;
}
::-webkit-scrollbar {
  width: 5px;
  height: 5px;
} /* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
} /*Handle linear-gradient(135deg, rgb(224, 224, 224) 0%,rgba(255,255,255,0) 34%)*/
::-webkit-scrollbar-thumb {
  background: #092751 !important;
} /* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #092751 !important;
}

.no-padding {
  padding: 0 !important;
}
.no-paddingLR {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.no-paddingL {
  padding-left: 0 !important;
}
.no-paddingR {
  padding-right: 0 !important;
}
/* .container-extended .page-header .filter-buttons .filter-buttons-container .action-buttons{float:left;} */
.container-extended
  .page-header
  .filter-buttons
  .filter-buttons-container
  .action-buttons
  .button-group
  .button {
  padding: 0.9rem 0.5rem !important;
}
.container-extended .page-header .filter-buttons .filter-buttons-container {
  padding-right: 1rem !important;
}
.fl-R {
  float: right !important;
}
.fl-L {
  float: left !important;
}
.txtLeft {
  text-align: left;
}
.txtRight {
  text-align: right;
}
.dataHeadCell {
  background-color: #0a2d5c;
  color: #fefefe;
}
.formPic {
  position: relative;
  display: inline-block;
  width: 5rem;
  height: 5rem;
  font-size: 2rem;
}
.formPic img {
  vertical-align: middle;
  border-style: none;
}
img.avatar-img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
@media print, screen and (min-width: 40em) and (max-width: 60em) {
  .h4,
  h4 {
    font-size: 1.5rem !important;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1300px) {
}
/*  */