/** @format */

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

@layer base {
  body {
    @apply bg-[#F5F5F5]   text-xs ;
  }
  label {
    @apply text-xs;
  }
  iframe {
    @apply h-screen
  }
}
.Page div  div {
  @apply text-center text-[10px] ;
}
.tinytable tr{
  border: white!important
}
.ant-checkbox-group-item {
  width: 200px !important;
}
.cardP {
  margin-bottom: 0!important;
}
/* #__next {
  @apply h-screen w-screen;
} */
.text-bg-gray-450 {
  @apply  text-[#90a3ad];
}
.text-bg-yellow-450 {
  @apply  text-[#F5C242];
}
.text-bg-green-450 {
  @apply  text-[#7EAB55];
}
.text-bg-red-450 {
  @apply  text-[#8C1AC4];
}
.text-bg-alert-450{
  @apply  text-[#EA3323];
}
.text-bg-gray 
{
  @apply  text-[#3B454D];
}
.bg-gray 
{
  @apply  bg-[#3B454D];
}
.text-bg-blue-450 {
  color: #1c7ecb;
}
.text-bg-green-new {
  color: #26a764;
}
.plblue {
  background-color: #1c7ecb;
}

.bg-gray-450 {
  background-color: #90a3ad;
}
.bg-yellow-450 {
  background-color: #F5C242;
}
.bg-green-450 {
  background-color: #7EAB55;
}
.bg-red-450 {
  background-color: #8C1AC4;
}
.bg-alert-450 {
  background-color: #EA3323;
}
.text-gray-450 {
   @apply  text-[#90a3ad];
}
.text-yellow-450 {
   @apply  text-[#F5C242];
}
.text-green-450 {
   @apply  text-[#7EAB55];
}
.text-red-450 {
   @apply  text-[#8C1AC4];
}
.text-alert-450 {
  @apply  text-[#EA3323];
}
.bg-yellow-450-txt {
  background-color: #9C8545;
}
.bg-green-450-txt {
  background-color: #4F8269;
}
.bg-red-450-txt {
  background-color: #8b1ac466;
}
.bg-alert-450-txt {
  background-color: #9A6262;
}
.bg-yellow-450-border {
  border-color: #fadb14;
}
.bg-green-450-border {
  border-color: #52c41a;
}
.bg-red-450-border {
  border-color: #f82d22;
}

.bg-blue-450 {
  background-color: #1c7ecb;
}
.bg-green-new {
  background-color: #26a764;
}

.modal {
  position: fixed;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.25);
}
.ant-image-preview-root .ant-image-preview-img-wrapper {
  position: absolute;
  inset: 0;
  transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  display: flex;
  justify-content: center;
  align-items: center;
}
.modal_content {
  background-color: white;
  position: absolute;
  top: 20%;
  left: 30%;
  width: 40%;
  padding: 20px;
  border-radius: 5px;
}
.screen-table table tbody tr td {
  font-size: 13px!important;
}

.bg-amber-100{ @apply bg-blue-100}
.text-amber-900{@apply bg-blue-300}
.text-amber-600{}
.statisticsdesc div div{
  font-size: 8px!important;
}