@import url("https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,600;1,700;1,800;1,900&display=swap");
@import "/Assets/Public?file=css/General/mainColors.css&type=css";

html,
body {
  position: absolute;
  width: 100vw !important;
  height: 100vh !important;
  font-family: "Nunito", sans-serif;
}

input::placeholder, input{
	background-color: var(--body-bg) !important;
	color: var(--text2-color) !important;
}

.card {
  border-radius: 0px !important;
  min-width: 25vw;
  min-height: 25vw;
}

.col-md.right {
  background-color: var(--sidebar-bg-color);
}

.card-header {
  background-color: #d0d0d0;
  border-radius: 0px !important;
  margin: 0;
}

.text-grey {
  color: var(--text2-color);
}

.btn-primary {
  background-color: #9b9b9b;
  border: 0px transparent;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary:disabled {
  background-color: #2b2b2c !important;
  border: 0px transparent;
  box-shadow: 0 2px 6px 0 #000000 !important;
}

.purple {
  background-color: #ffffff;
}

.collapse {
  display: none !important;
}

.shadow {
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22) !important;
}

.main-content {
  margin-left: 15px !important;
  margin-right: 15px !important;
}

::-webkit-scrollbar {
  width: 0;
}

@media screen and (max-width: 766px) {
  .left {
    display: none;
  }

  .card-header {
    display: none;
  }

  .collapse {
    display: flex !important;
  }

  .col-md.right {
    width: 100%;
  }
}