/* rtl-specific style */
.rtl-direction {
    direction: rtl;
}

.rtl-direction-align {
    text-align: right !important;
}
.rtl-centered {
    text-align: center;
}
.rtl-centered img {
    display: block;
    margin: 0 auto;
}


.rtl-direction-font,
.rtl-direction-font *:not(iframe):not(script):not(style) {
    font-family: Arial, Helvetica, sans-serif !important;
}

.rtl-direction-font-font p,
.rtl-direction-font h1,
.rtl-direction-font h2,
.rtl-direction-font h3,
.rtl-direction-font h4,
.rtl-direction-font h5,
.rtl-direction-font h6,
.rtl-direction-font div,
.rtl-direction-font span,
.rtl-direction-font a,
.rtl-direction-font li,
.rtl-direction-font td,
.rtl-direction-font th {
    font-family: Arial, Helvetica, sans-serif !important;
}
.rtl-text-align {
    text-align: left;
}
/* ltr-specific styles */
.ltr-direction {
    direction: ltr;
    unicode-bidi: bidi-override;
    display: inline-block;
}

/* custom-styles.css */
.dropdown-menu {
    background-color: #faf3ed;
}

.dropdown-item:hover {
    background-color: #383639;
    color: #fff; /* Optional for better contrast */
}

.rtl-direction ul li img {
  margin-left: 10px;
  margin-right: 0;
}

/* Default inactive styling */
input:disabled,
input:disabled + label {
    color: rgba(39, 39, 39, 0.2); /* 20% opacity */
    border-color: rgba(39, 39, 39, 0.2); /* Optional if the input has borders */
}

/* Active state styling for inputs */
input:enabled {
    color: #272727cc; /* Default active color */
    border-color: #272727cc; /* Optional if the input has borders */
}

/* Ensure labels follow the same inactive styling */
input:disabled ~ label {
    color: rgba(39, 39, 39, 0.2);
}
.user-avatar {
    width: 22px;
}

body {
    font-family: "Space Grotesk", sans-serif;
}
@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

/*email provider popup start*/
/* Force radio buttons to the right side */
.label-container {
    width: 100%;
    text-align: right;
}

/* Ensure the radio button stays on the right */
.radio-wrapper {
    order: 2; /* Forces radio to the end (right in RTL) */
    margin-right: 0;
    margin-left: 10px; /* Adjust spacing as needed */
}

/* If using custom checkmark styling */
.checkmark {
    right: 0;
    left: auto; /* Override any existing LTR positioning */
}

/* Fix Bootstrap RTL modal if needed */
.modal-content {
    text-align: right;
}

.label-container input ~ .checkmark {
  border: 2px solid #29e046;
  margin-right: -25px;
  margin-top: 20px;
}

.email-popup-title {
    float: right;
    margin-right: -20px;
}
@media screen and (max-width: 768px){
  .label-container input ~ .checkmark {
    margin-right: 0 !important ;
    }             
}