@font-face {
    font-family: Montserrat;
    src: url("../fonts/Montserrat-Arabic Regular.ttf");
}

:root {
    --primary: rgb(12 110 109);
    --primary-dark: rgb(6, 55, 56, 1);
    --logo: rgb(12 110 109);
    --color-secondary: 131 188 71;
  }
  /* :root {
    --tagify-dd-color-primary: rgb(53,149,246);
    --tagify-dd-bg-color: white;
  } */
body {
    font-family: "Montserrat", sans-serif;
}

h1, h2, h3, h4, h5, h6, p, td {
    font-family: "Montserrat", sans-serif;
    font-style: normal;
    /*font-weight: 700;*/
}

div[data-testid="content"] .lg\:block , .w-full .overflow-x-auto {
    background-color: var(--primary) ;
}

.sidebar-section .sidebar-section-title , .sidebar-item .sidebar-item-title{
    color: white;
}
.sidebar-section .sidebar-section-title:hover, .sidebar-item:hover ,.sidebar-item .sidebar-item-title:hover {
    background-color: rgb(var(--color-secondary) / 0.2) !important;
    /* background-color: red !important; */

}

/* repeated field */
[dir="rtl"] .simple-repeatable.form-field .simple-repeatable-row{
    margin-left: -46px;
    width: calc(100% ) !important;
    align-items: center;
}
.inertia-link-active{
    color: #fff;
}


.bg-primary\/90{
    background-color: rgb(var(--primary) / 0.9)
}

.antialiased{
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}


.bg-primary{
    background-color: var(--primary);
}
.text-primary{
    color: var(--primary);
}
.border-primary{
    border-color: rgb(var(--primary));
}

#nova header div a span svg{
    width: 200px !important;
    height: 50px !important;
}

.hover\:bg-secondary:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-secondary) / var(--tw-bg-opacity));
}
.hover\:scale-110:hover {
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hover\:-translate-y-1:hover {
    --tw-translate-y: -0.25rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hover\:tracking-widest:hover {
    letter-spacing: .1em;
}
.border-red-400	{
    border-color: rgb(248 113 113);
}
.border-t-4	{
    border-top-width: 4px;
}
.tags-input-tag{
    background-color: rgb(var(--primary)) !important;
}
.hover\:bg-primary:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--primary) / var(--tw-bg-opacity));
}