.page-content {
  color: #000 !important;
}

.page-style1:before {
  content: none;
}

.bg-img {
  overflow: hidden;
  background-image: url("/assets/images/bg-ruleta.jpg");
  background-size: cover;
  background-position: left bottom;
  filter: brightness(75%);
}

.rotate {
  -webkit-animation: rotation 5s infinite linear alternate;
          animation: rotation 5s infinite linear alternate;
}

@-webkit-keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(160deg);
  }
}

@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(160deg);
  }
}
.btn-primary {
  background-color: #d2d6f1;
  border-color: #d2d6f1;
  border-radius: 20px;
  color: #000 !important;
  font-weight: bold;
}
.btn-primary:hover {
  background-color: transparent;
  border-color: #3FA9F5;
  color: #3FA9F5 !important;
}
.btn-primary:focus {
  background-color: #d2d6f1 !important;
  border-color: #d2d6f1 !important;
  color: white !important;
  box-shadow: none;
}

.btn-delete {
  background-color: #145175;
  border-radius: 20px;
  color: white;
}
.btn-delete:hover {
  background-color: transparent;
  border-color: #FB1D25;
  color: #FB1D25 !important;
}

.page-login {
  background: #145175;
  background: linear-gradient(45deg, #145175 44%, #3473a8 53%);
}

.card {
  box-shadow: none;
}

.bg-color {
  background-color: #0f3d57 !important;
}

.icon-login {
  color: white !important;
  fill: white !important;
}

.icon-delete {
  width: 50%;
  height: 50%;
}

.page-item.active .page-link {
  background-color: #3FA9F5 !important;
  border-color: #3FA9F5 !important;
}

.btn-edit {
  font-size: 20px;
  color: #3FA9F5;
}

.btn-delete-table {
  font-size: 20px;
  color: #FB1D25;
}

.overlapblackbg.active {
  background-color: white !important;
}

.horizontalMenu > .horizontalMenu-list > li > a.active {
  color: #145175 !important;
  border-bottom: 3px solid #145175 !important;
  background-color: white;
}

.horizontalMenu > .horizontalMenu-list > li > a.active .hor-icon {
  color: #145175 !important;
}

.app-header.header.top-header {
  background-color: #145175 !important;
}

.horizontalMenu > .horizontalMenu-list > li > a:hover {
  color: #145175 !important;
  fill: #145175;
}

.hor-icon {
  color: #3473a8 !important;
}

.btn-login {
  background-color: #145175;
  color: white;
  font-weight: bold;
}
.btn-login:hover {
  background-color: transparent;
  border: 1px solid #145175;
  color: white;
}

span.input-group-addon.bg-color {
  border-color: transparent;
}

.modal-header {
  background-color: #145175 !important;
  color: white;
}

.header-icon {
  color: #145175;
  fill: #145175;
}

.bg-login {
  background-color: #6da9e5;
}

.modal-content {
  border-color: transparent;
  border-radius: 10px;
}

.btn-danger {
  background-color: #145175;
  color: white;
  border-color: #145175;
  border-radius: 30px;
}
.btn-danger:hover {
  background-color: white;
  border-color: #FB1D25;
  color: #FB1D25 !important;
}

.search {
  border-color: #145175d9 !important;
}