@media (max-width: 767px) {
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
}
@media (max-width: 767px) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
}
.popover{
  max-width: 100%; /* Max Width of the popover (depending on the container!) */
}

#table-page-length {
  min-width: 60px;
}

.table td,
.table th {
  padding: 0.5rem;
  vertical-align: top;
  border-top: 1px solid #dee2e6;
  /*white-space: break-spaces !important;*/
}

table.dataTable > tbody > tr.child span.dtr-title {
  display: inline-block;
  min-width: 110px;
  font-weight: bold;
  text-align: right;
  margin-right: 20px;
}

/* .table-fixed thead,
.table-fixed tbody,
.table-fixed tr,
.table-fixed td,
.table-fixed th {
  display: block;
} */

.card-lightgray.card-outline {
  border-top: 3px solid #d4d6d9;
}

.itl-menu-active {
  background-color: #444950;
}

footer .collage {
  height: 30px;
}
.bg-gradient-yellow-dark {
  background: #ffbf00 linear-gradient(180deg, #ffbf00, #bc8d00) repeat-x !important;
}
.bg-gradient-green-dark {
  background: #00ff9d linear-gradient(180deg, #3fb906, #035c16) repeat-x !important;
}

aside.main-sidebar {
  background-image: url(../images/heart-woman.png);
  background-color: #294582;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center bottom 30px;
}

aside.main-sidebar div.sidebar nav {
  background-color: #343a4094;
}

.content-header h1 .nav-icon {
  font-size: 1.6rem;
  width: 2rem;
  margin-right: 5px;
}

div.content ul.pagination {
  float: right;
}

.table thead th {
  border-top: 0;
}

/* .table tbody tr.selected {
  background-color: rgb(175, 207, 235)!important;
} */

table.dataTable tbody tr.selected {
  color: white !important;
  background-color: cornflowerblue !important;
} 


.table-hover tbody tr:hover {
  color: #212529;
  background-color: lavenderblush !important;
}

/* .table tbody tr.odd {
  color: #212529;
  background-color: #fafcfd;
} */

/* table.dataTable tbody tr.row_selected {
  color: #212529 !important;
  background-color: beige;
}  */


.content table tbody td i {
  cursor: pointer;
  text-align: center;
  border-radius: 5px;
  /*text-shadow: 2px 2px 4px #8e8f91;*/
} 
.content table tbody td > i,
.content table tbody td > .fa-stack {
  margin-right: 0.2rem;
  margin-left: 0.2rem;
}

.content table tbody td > i,
.content table tbody td > .fa-stack > i:first-child, .content table tbody td > button i{
  -webkit-text-stroke: 0.5px #4f5962;
}

.content table tbody td > button i{
  -webkit-text-stroke: 0.3px #4f5962;
}

span.validate-row {
  width: 20px;
}

.form-group .input-group-text {
  width: 2.3rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.stop-row {
  font-size: 24px;
  margin-top: -10px;
}

.checkAmount:contains("-") {
  color: darkred !important;
}

.checkAmount:contains("+") {
  color: darkgreen !important;
}

.fa-spin {
  -webkit-animation: fa-spin 0.75s infinite linear !important;
  animation: fa-spin 0.75s infinite linear !important;
}

#loading-container .bd-example-modal-lg .modal-dialog{
  display: table;
  position: relative;
  margin: 0 auto;
  top: calc(50% - 72px);
}

#loading-container .bd-example-modal-lg .modal-dialog .modal-content{
  background-color: transparent;
  border: none;
  box-shadow: none !important;
  color: #fffef829;
}

#loading-container .fa-spin {
  -webkit-animation: fa-spin 2s infinite linear !important;
  animation: fa-spin 2s infinite linear !important;
}

.input-group-custom {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: stretch;
  align-items: stretch;
  width: 100%;
}

.swal2-container.swal2-backdrop-show, .swal2-container.swal2-noanimation {
  z-index: 99999 !important;
}