* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  user-select: none;
}

.bg-img {
  background-image: url("/backend/dist/img/background.jpg");
  height: 100vh !important;
  background-size: cover;
  background-position: center;
}


.Contains {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 999;
  text-align: center;
  padding: 60px 32px;
  width: 370px;
  transform: translate(-50%, -50%);
  background: rgba(255, 255, 255, 0.04);
  box-shadow: -1px 4px 28px 0px rgba(0, 0, 0, 0.75);
}

.Contains header {
  color: white;
  font-size: 33px;
  font-weight: 600;
  margin: 0 0 35px 0;
  font-family: "Montserrat", sans-serif;
}

.field {
  position: relative;
  height: 45px;
  width: 100%;
  display: flex;
  background: rgba(255, 255, 255, 0.94);
}

.field span {
  color: #222;
  width: 40px;
  line-height: 45px;
}

.field input {
  height: 100%;
  width: 100%;
  background: transparent;
  border: none;
  outline: none;
  color: #222;
  font-size: 16px;
  font-family: "Poppins", sans-serif;
}

.space {
  margin-top: 16px;
}

/* 
.show {
  position: absolute;
  right: 13px;
  font-size: 13px;
  font-weight: 700;
  color: #222;
  display: none;
  cursor: pointer;
  font-family: "Montserrat", sans-serif;
} */

.pass-key:valid~.show {
  display: block;
}

.pass {
  text-align: left;
  margin: 10px 0;
}

.pass a {
  color: white;
  text-decoration: none;
  font-family: "Poppins", sans-serif;
}

.pass:hover a {
  text-decoration: underline;
}

.field input[type="submit"] {
  background: #D97060;
  border: 1px solid #D97060;
  color: white;
  font-size: 18px;
  letter-spacing: 1px;
  font-weight: 600;
  cursor: pointer;
  font-family: "Montserrat", sans-serif;
}

.field input[type="submit"]:hover {
  background: #CA341C;
}

.login {
  color: white;
  margin: 20px 0;
  font-family: "Poppins", sans-serif;
}

.login-box-msg {
  font-size: 16px;
  font-weight: 700;
  font-family: "Poppins", sans-serif;
}

/* Side bar */
/* .navbar-white {
  background-image: linear-gradient(to bottom, #65737e 40%, #343d46 99%);
} */

.navbar-white ul li a {
  color: white;
}

aside.main-sidebar.sidebar-dark-primary.elevation-4 {
  background: #fff;
}

.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link.active {
  background-color: rgb(3, 142, 220);
  color: #ffffff;
}

.nav-sidebar>.nav-item.menu-open>.nav-link .active {
  background-color: rgb(3, 142, 220);
  color: #ffffff;
}

.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link:hover {
  background-color: rgb(3, 142, 220);
  color: #ffffff;
}

.sidebar .nav-treeview>.nav-item>.nav-link.active {
  background-color: rgb(3, 142, 220);
}

.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link,
p {
  color: #637381;
  font-size: 13px;
  font-weight: 500;
}

.sidebar .active p {
  color: white;
}

.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link:hover p {
  color: white;
}

.sidebar-dark-primary .nav-treeview>.nav-item>.nav-link {
  color: #637381 !important;
}

.sidebar .nav-treeview>.nav-item>.nav-link:hover {
  background-color: rgb(3, 142, 220);
  color: #ffffff !important;
}

.sidebar .nav-treeview>.nav-item>.nav-link:hover p {
  color: white !important;
}

.sidebar .nav-sidebar>.nav-item.menu-open>.nav-link {
  background-color: rgb(3, 142, 220);
  color: white;
}

.sidebar .nav-sidebar>.nav-item.menu-open>.nav-link p {
  color: #ffffff;
}

.sidebar .nav-treeview>.nav-item>.nav-link.active,
[class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link.active:focus,
[class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link.active:hover {
  background-color: rgb(3, 142, 220);
  color: #ffffff !important;
}

/* Dashboard */
.retAjax {
  border-radius: 0px;
  box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
}

.retAjax .card-header {
  background-color: rgb(235, 233, 233);
}

.retAjax .card-header h3 {
  color: rgb(3, 142, 220);
  font-weight: bold;
}

.retAjax .card-header .btn-danger {
  background-color: white !important;
  color: #343d46;
}

/* Pagination */
.page-item.active .page-link {
  background-color: rgb(82 145 208);
  border-color: rgb(82 145 208);
}

.page-link {
  color: #343d46;
  border: 1px solid rgb(82 145 208);
}

.page-link:hover {
  color: #343d46;
  border: 1px solid rgb(82 145 208);
}

/* footer */
footer a {
  color: #343d46 !important;
}


/* Table */

table th,
td {
  font-size: 14px !important;

}

table th {
  word-wrap: break-word !important;
  white-space: normal !important;
}

.breadcrumbs__item.is-active {
  background-color: rgb(3, 142, 220) !important;
  color: #fff;
}

.breadcrumbs__item:after,
.breadcrumbs__item:before {
  background-color: rgb(3, 142, 220) !important;
}

.content-header h1 {
  color: #65737e;
  font-weight: bold;
  font-size: 21px;
}

.content-header {
  margin-top: 20px;
}

.card-header {
  background-color: rgb(235, 233, 233) !important;
}

.card-header h3 {
  color: rgb(3, 142, 220) !important;
  font-weight: bold;
}

.btn-secondary {
  color: #fff;
  background-color: rgb(82 145 208);
  border-color: rgb(82 145 208);
  box-shadow: none;
}

.btn-secondary:hover {
  color: #fff;
  background-color: rgb(82 145 208);
  border-color: rgb(82 145 208);
  box-shadow: none;
}

.btn-dark {
  color: #fff;
  background-image: linear-gradient(to bottom, #65737e 40%, #343d46 99%) !important;
  border-color: #6c757d;
  box-shadow: none;
}


/* Dashobard */
.dashboad-icons h3 {
  color: rgb(82 145 208);
  font-size: 1.05rem;
}

.dashboad-icons p {
  color: #495057;
  font-size: 13px;
}

.dashboad-icons {
  border-bottom: 3px solid rgb(82 145 208);
}

.dashboad-icons:hover {
  margin-top: -10px;
  transition: .5s ease-in-out;
  cursor: pointer;
}

.dashboad-icons i {
  /* color: #339966; */
  color: #00cc00;
  font-size: 17px;
  /* background-color: #ccffcc; */
  padding: 17px;
  border-radius: 50%;
  border-bottom: 2px solid;
}

.dashboad-icons1 i {
  color: #0000ff;
  font-size: 17px;
  background-color: #b3b3ff;
  padding: 17px;
  border-radius: 50%;
}


.dashboad-icons2 i {
  color: #339966;
  font-size: 17px;
  background-color: #c6ecd9;
  padding: 17px;
  border-radius: 50%;
}

.dashboad-icons3 i {
  color: #ff661a;
  font-size: 17px;
  background-color: #ffccb3;
  padding: 17px;
  border-radius: 50%;
}

.dashboad-icons4 i {
  color: #ff0066;
  font-size: 17px;
  background-color: #ffb3d1;
  padding: 17px;
  border-radius: 50%;
}

.dashboad-icons5 i {
  color: #996600;
  font-size: 17x;
  background-color: #ffe6b3;
  padding: 17px;
  border-radius: 50%;
}

.content-wrapper {
  background-color: white !important;
}

.breadcrumbs__item {
  background: lightblue !important;
  color: white !important;
}

.breadcrumbs__item {
  font-size: 13px !important;
  font-weight: 600 !important;
}

.card-header {
  background-color: rgb(3, 142, 220) !important;
}

.card-header h3 {
  color: white !important;
  font-weight: bold;
  font-size: 13px;
}

.navbar-white {
  background-color: rgb(3, 142, 220);
  color: white;
}