@tailwind base;
@tailwind components;
@tailwind utilities;

body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
    sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

code {
  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
    monospace;
}
.logo-svg {
  max-width: 100px;
}
#components-layout-demo-side .logo {
  height: 32px;
  margin: 16px;
  background: rgba(255, 255, 255, 0.3);
}

.site-layout .site-layout-background {
  background: #fff;
}
.site-layout-background {
  /* height: 100%; */
}
.text-dark {
  color: black;
  font-weight: bold;
  margin-right: 1.5rem;
}
.ant-card {
  border-radius: 5px !important;
  background-color: white;
  margin: 0.5rem 0.1rem !important;
  box-shadow:
    0 4px 10px 0 #6c757d6e,
    0 0 10px 0 #f8f8f9 !important;
  overflow: hidden;
  word-break: break-word;
}
.locationCity::placeholder {
  color: #f0f0f0 !important;
  opacity: 1 !important; /* Firefox */
}

.locationCity::-ms-input-placeholder {
  /* Edge 12 -18 */
  color: #f0f0f0 !important;
}

.collapsed {
  width: 80px; /* Adjust as needed */
  overflow-x: hidden;
  transition: width 0.2s ease; /* Add transition for smooth animation */
}

.recharts-legend-wrapper {
  position: inherit !important;
}

.customRow {
  margin: 1rem 0;
}
.comingsoon {
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 52px;
  background: -webkit-linear-gradient(
    #1890ff,
    #661a73,
    rgb(239, 31, 38),
    #a2a275
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.signin {
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  flex-wrap: wrap;
}

.signin-form {
  width: 40%;
  padding: 2.5rem 5.5rem 0rem 5.5rem;
  /* padding-top: 4rem; */
}
.signin-image-div {
  background: url('images/login-page-2.jpg');
  background-position: center center;
  height: 100vh;
  background-size: cover;
  width: 60%;
  position: fixed;
  top: 0;
  right: 0;
}

.title {
  /* color: #ffd200; */
  /* font-size: large; */
  margin-bottom: 0 !important;
  background: linear-gradient(to right, #ffd200, #06e07f, #e3073c, #1f84ef);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-transform: capitalize;
  font-size: 35px;
  font-weight: 700;
  font-family: Lato, sans-serif;
  -webkit-font-smoothing: antialiased;
  text-shadow: rgb(0 0 0 / 0%) 1px 1px 1px;
  -webkit-tap-highlight-color: transparent;
}

.welcomeBack {
  color: rgb(44, 44, 44);
  font-size: 45px;
  line-height: 54px;
  font-weight: 700;
  margin-bottom: 0px;
  margin-top: 18px;
  font-size: 28px;
  line-height: 32px;
  font-family: Lato, sans-serif;
  -webkit-font-smoothing: antialiased;
  text-shadow: rgb(0 0 0 / 0%) 1px 1px 1px;
  -webkit-tap-highlight-color: transparent;
}

.loginIntoAccount {
  font-size: 18px;
  line-height: 30px;
  margin-bottom: 25px;
  margin-top: 10px;
  font-family: Lato, sans-serif;
  -webkit-font-smoothing: antialiased;
  text-shadow: rgb(0 0 0 / 0%) 1px 1px 1px;
  -webkit-tap-highlight-color: transparent;
}

.singInLabel {
  display: block;
  color: rgb(44, 44, 44);
  font-size: 15px;
  line-height: 18px;
  font-weight: 600;
  margin-bottom: 15px;
}

.remeberMe {
  font-size: 15px;
  line-height: 1;
  font-weight: 700;
  color: rgb(44, 44, 44);
  padding: 0px 8px;
  font-family: Lato, sans-serif;
  -webkit-font-smoothing: antialiased;
  text-shadow: rgb(0 0 0 / 0%) 1px 1px 1px;
  -webkit-tap-highlight-color: transparent;
}

.locationState {
  background-color: rgb(0, 21, 41) !important;
  color: white;
}

.locationCity {
  background-color: rgb(0, 21, 41) !important;
  color: white;
}

.locationState div:first-child span:first-child input:first-child {
  background-color: rgb(0, 21, 41) !important;
  color: white;
}
.locationState span:first-child,
.locationState div {
  background-color: rgb(0, 21, 41) !important;
  color: white;
}

.locationState div:first-child {
  background-color: rgb(0, 21, 41) !important;
  color: white;
}

.locationState span:nth-child(1) {
  /* background-color: rgb(0, 21, 41) !important; */
  color: white;
}

.locationCity input {
  background-color: rgb(0, 21, 41) !important;
  color: white;
}

.mainSearchButton:hover {
  transform: scale(1.1);
}
.CustomCARD {
  height: 185px !important;
  width: 100% !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: center center !important;
}

.bg-blueGray-50 {
  --tw-bg-opacity: 1;
  background-color: rgba(248, 250, 252, var(--tw-bg-opacity));
}

.bg-blueGray-100 {
  --tw-bg-opacity: 1;
  background-color: rgba(241, 245, 249, var(--tw-bg-opacity));
}

.bg-blueGray-200 {
  --tw-bg-opacity: 1;
  background-color: rgba(226, 232, 240, var(--tw-bg-opacity));
}

.bg-blueGray-600 {
  --tw-bg-opacity: 1;
  background-color: rgba(71, 85, 105, var(--tw-bg-opacity));
}

.bg-blueGray-700 {
  --tw-bg-opacity: 1;
  background-color: rgba(51, 65, 85, var(--tw-bg-opacity));
}

.bg-blueGray-800 {
  --tw-bg-opacity: 1;
  background-color: rgba(30, 41, 59, var(--tw-bg-opacity));
}

.active\:bg-blueGray-50:active {
  --tw-bg-opacity: 1;
  background-color: rgba(248, 250, 252, var(--tw-bg-opacity));
}

.active\:bg-blueGray-600:active {
  --tw-bg-opacity: 1;
  background-color: rgba(71, 85, 105, var(--tw-bg-opacity));
}

.border-blueGray-50 {
  --tw-border-opacity: 1;
  border-color: rgba(248, 250, 252, var(--tw-border-opacity));
}

.border-blueGray-100 {
  --tw-border-opacity: 1;
  border-color: rgba(241, 245, 249, var(--tw-border-opacity));
}

.border-blueGray-200 {
  --tw-border-opacity: 1;
  border-color: rgba(226, 232, 240, var(--tw-border-opacity));
}

.border-blueGray-300 {
  --tw-border-opacity: 1;
  border-color: rgba(203, 213, 225, var(--tw-border-opacity));
}

.border-blueGray-500 {
  --tw-border-opacity: 1;
  border-color: rgba(100, 116, 139, var(--tw-border-opacity));
}

.border-blueGray-600 {
  --tw-border-opacity: 1;
  border-color: rgba(71, 85, 105, var(--tw-border-opacity));
}
