hamid zarghami
105 lines
1.9 KiB
CSS
105 lines
1.9 KiB
CSS
@import "tailwindcss";
|
|
@import "react-loading-skeleton/dist/skeleton.css";
|
|
|
|
html {
|
|
direction: rtl;
|
|
}
|
|
|
|
body {
|
|
font-family: irancell;
|
|
margin: 0;
|
|
padding: 0;
|
|
width: 100%;
|
|
direction: rtl;
|
|
overflow-x: hidden !important;
|
|
background: #eceef6;
|
|
font-weight: 300;
|
|
overflow: hidden;
|
|
}
|
|
html,
|
|
body,
|
|
#root {
|
|
min-height: 100% !important;
|
|
height: 100%;
|
|
}
|
|
* {
|
|
outline: none;
|
|
scrollbar-width: none; /* Firefox */
|
|
-ms-overflow-style: none; /* IE and Edge */
|
|
}
|
|
|
|
*::-webkit-scrollbar {
|
|
display: none; /* Chrome, Safari, Opera */
|
|
}
|
|
input::placeholder,
|
|
textarea::placeholder {
|
|
color: #888888;
|
|
}
|
|
|
|
@theme {
|
|
--color-primary: black;
|
|
--color-primary-foreground: white;
|
|
--color-secondary: #f4f5f9;
|
|
--color-border: #d0d0d0;
|
|
--color-description: #888888;
|
|
--color-header: #c3c7dd;
|
|
--color-success: #00ba4b;
|
|
--width-sidebar: 300px;
|
|
--border-radius-2.5: 10px;
|
|
}
|
|
|
|
.dltr {
|
|
direction: ltr;
|
|
}
|
|
|
|
tbody tr:nth-child(odd) {
|
|
background: rgba(233, 235, 244, 0.2) !important;
|
|
}
|
|
|
|
.rmdp-input {
|
|
min-height: 40px;
|
|
background-color: white;
|
|
border-radius: 12px !important;
|
|
border: 1px solid oklch(0.922 0 0) !important;
|
|
font-size: 12px !important;
|
|
width: 100% !important;
|
|
margin: 0px;
|
|
padding-right: 16px !important;
|
|
transition: background-color 0.3s ease, border-color 0.3s ease;
|
|
}
|
|
.readOny .rmdp-input {
|
|
background-color: #f5f5f5 !important;
|
|
border: none !important;
|
|
}
|
|
|
|
.rmdp-container {
|
|
width: 100%;
|
|
}
|
|
|
|
.rowTwoInput {
|
|
@apply flex flex-col sm:flex-row sm:gap-5 gap-5;
|
|
}
|
|
|
|
.time-picker-input::-webkit-calendar-picker-indicator {
|
|
display: none !important;
|
|
-webkit-appearance: none;
|
|
}
|
|
|
|
.time-picker-input::-webkit-inner-spin-button,
|
|
.time-picker-input::-webkit-outer-spin-button {
|
|
display: none !important;
|
|
-webkit-appearance: none;
|
|
}
|
|
|
|
.time-picker-input {
|
|
-webkit-appearance: none;
|
|
-moz-appearance: textfield;
|
|
}
|
|
|
|
.modalGlass3 {
|
|
background: rgba(62, 61, 61, 0.2);
|
|
background-blend-mode: multiply;
|
|
|
|
backdrop-filter: blur(44px);
|
|
}
|