.dng-megamenu .dnngo_menuslide {
    background:white;
}
.dnngo_slide_menu li:hover{
background:#1abc9c;
}
.ajaxform-06 .dg-form-content label.fixlabel {
    top: 32px;
    font-size: 15px;
    pointer-events: none;
    opacity: 1;
    right: 0px;
}
.title,p,h1,h6{direction:rtl;}


.arform .label-right.col-sm-1,.arform .label-right.col-sm-2,.arform .label-right.col-sm-3,.arform .label-right.col-sm-4,.arform .label-right.col-sm-5,.arform .label-right.col-sm-6,.arform .label-right.col-sm-7,.arform .label-right.col-sm-8,.arform .label-right.col-sm-9,.arform .label-right.col-sm-10,.arform .label-right.col-sm-11,.arform .label-right.col-sm-12 {
    float:right;
}
.arform .label-top {
    text-align: right;
}
.arform .alert.alert-info.submit-confirm {
    display: flex;width: 100%;direction: rtl;justify-content: center;
}

.arform .radio.ng-scope label {
    display: flex;
    flex-direction: row-reverse;
    gap: 10px;
    align-items: baseline;
}


.arform .checkbox input[type=checkbox],.arform .checkbox-inline input[type=checkbox],.arform .radio input[type=radio],.arform .radio-inline input[type=radio] {
    position: relative !important;
    margin:0 !important;
}

.arform select.form-control {
    text-align: center;
}
.arform .form-control{
    direction: rtl;
}
.arform .checkbox-list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    direction: rtl;
}
.arform .field-container.af-slide.col-sm-12.form-checkbox {
    /* display: flex; */
    direction: rtl;
}

.arform  fieldset {
    display: flex;
    flex-direction: column;
    width: 100%;
    direction: rtl;
    align-items: flex-start;
}
.arform .checkbox label {
    display: flex;
    gap: 5px;
    align-items: center;
}
.arform input[type=tel]{direction:ltr;}
.arform .form-horizontal .control-label {
    text-align: right !important;
   
}
.arform .label-inside{text-align: right;}
/*خانم صدیق*/
 .grid {
        direction: rtl;
        color: #fff;
        display: grid;
        grid-template-columns: 1fr;
        column-gap: 50px;
        text-align: justify;
    }
    @media screen and (min-width: 1024px) {
        .grid {
        direction: rtl;
        color: #fff;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        column-gap: 50px;
        text-align: justify;
    }   
    }

    .rightDescription {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        background-image: url("/Portals/_default/ContentBuilder/minis-page/home01/homepage01-footer-map.png");
        background-position: center center;
        background-repeat: no-repeat;
        background-size: auto;
    }

    .midleDescription {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        row-gap: 37px;
    }

    .phoneNumber {
        font-style: italic;
        color: #1abc9c;
    }

    .leftDescription {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: inherit;
    }

    h5 {
        color: #fff;
    }

    .socialIcon {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        width: 40px;
        height: 40px;
        background-color: rgba(255, 255, 255, .1);
        color: #fff;
        border-radius: 50%;
        margin: 0 10px 10px 0;
    }
.arform__border {
    border: 1px solid #ddd;
    padding: 10px 15px !important;
    background: rgba(150,150,150,0.1);
    width: 50%;
    margin: 0 auto;
}
   .arform__halfwidth {
    width: 100%;
    margin: 10px auto;
}
@media screen and (min-width: 768px) {
    .arform__halfwidth {
    width: 50%;
    margin-left: auto;
    margin-right: auto;
}
}


.artable table.table.table-striped.angrid-grid {
    direction:rtl;
}


.eds_news_Advantage.eds_style_predefined_persian .card-background .card-body {
    position: relative;
    z-index: 2;
    min-height: 279px;
    padding-top: 2rem;
    padding-bottom: 2rem;
    max-width: 440px;
    margin: 0 auto;
}

.eds_news_Advantage.eds_style_predefined_persian .mb-2, .eds_news_Advantage .my-2 {
    margin-bottom: 2rem !important;
}

.eds_news_Advantage.eds_style_predefined_persian h3.card-title a {
    font-family: 'IRANSans' !important;
    font-size: 1.5rem !important;
    line-height: 2.2rem !important;
}
.eds_news_Advantage.eds_style_predefined_persian .card {
    margin-bottom: 30px;
    margin-top: 0px !important;
  
}
.eds_news_Advantage.eds_style_predefined_persian .row{
    display: flex;
    min-height: 100px;
}
.eds_news_Advantage.eds_style_predefined_persian .row .col-6{
    flex:1;
}
.eds_news_Advantage.eds_style_predefined_persian article{
    display: flex;
}

.p-1{padding: 1rem;}


/* ----- BIJANI ----  */
@media only screen and (max-width: 768px) {
    .af-slider:has(input.bjn-custom-range) .text-container {
        margin-top: 5px;
    }
    .af-slider:has(input.bjn-custom-range2) .text-container {
        margin-top: 5px;
    }
}



/* Red for values 0-3 */
.af-slider:has(input.bjn-custom-range) .slider-track:has(.slider-handle[aria-valuenow="1"]) ~ .tooltip .tooltip-inner,
.af-slider:has(input.bjn-custom-range) .slider-track:has(.slider-handle[aria-valuenow="2"]) ~ .tooltip .tooltip-inner,
.af-slider:has(input.bjn-custom-range) .slider-track:has(.slider-handle[aria-valuenow="3"]) ~ .tooltip .tooltip-inner,
.badColor {
  background: rgb(255, 100, 95) !important;
  color: black !important;
    border-top-color: red !important;
font-weight: bold;

}

/* Yellow for values 4-6 */
.af-slider:has(input.bjn-custom-range) .slider-track:has(.slider-handle[aria-valuenow="4"]) ~ .tooltip .tooltip-inner,
.af-slider:has(input.bjn-custom-range) .slider-track:has(.slider-handle[aria-valuenow="5"]) ~ .tooltip .tooltip-inner,
.af-slider:has(input.bjn-custom-range) .slider-track:has(.slider-handle[aria-valuenow="6"]) ~ .tooltip .tooltip-inner,
.mediumColor  {
  background: rgb(227, 221, 103) !important;
  border-top-color: yellow !important;
  color: black !important;
  font-weight: bold;

}


/* Green for values 7-9 */
.af-slider:has(input.bjn-custom-range) .slider-track:has(.slider-handle[aria-valuenow="7"]) ~ .tooltip .tooltip-inner,
.af-slider:has(input.bjn-custom-range) .slider-track:has(.slider-handle[aria-valuenow="8"]) ~ .tooltip .tooltip-inner,
.af-slider:has(input.bjn-custom-range) .slider-track:has(.slider-handle[aria-valuenow="9"]) ~ .tooltip .tooltip-inner,
.goodColor {
  background: rgb(167, 226, 127) !important;
    border-top-color: rgb(51, 128, 0) !important;
  color: black !important;
font-weight: bold;
}



/* Sky blue for value 10 */
.af-slider:has(input.bjn-custom-range) .slider-track:has(.slider-handle[aria-valuenow="10"]) ~ .tooltip .tooltip-inner,
.perfectColor {
  background: rgb(114, 210, 234) !important;
    border-top-color: skyblue !important;
  color: black !important;
  font-weight: bold;

}

/* Red for values 0-3 */
.af-slider:has(input.bjn-custom-range2) .slider-track:has(.slider-handle[aria-valuenow="1"]) ~ .tooltip .tooltip-inner,
.af-slider:has(input.bjn-custom-range2) .slider-track:has(.slider-handle[aria-valuenow="2"]) ~ .tooltip .tooltip-inner,
.af-slider:has(input.bjn-custom-range2) .slider-track:has(.slider-handle[aria-valuenow="3"]) ~ .tooltip .tooltip-inner,
.badColor {
  background: rgb(255, 100, 95) !important;
  color: black !important;
    border-top-color: red !important;
font-weight: bold;

}

/* Yellow for values 4-6 */
.af-slider:has(input.bjn-custom-range2) .slider-track:has(.slider-handle[aria-valuenow="4"]) ~ .tooltip .tooltip-inner,
.af-slider:has(input.bjn-custom-range2) .slider-track:has(.slider-handle[aria-valuenow="5"]) ~ .tooltip .tooltip-inner,
.af-slider:has(input.bjn-custom-range2) .slider-track:has(.slider-handle[aria-valuenow="6"]) ~ .tooltip .tooltip-inner,
.mediumColor  {
  background: rgb(227, 221, 103) !important;
  border-top-color: yellow !important;
  color: black !important;
  font-weight: bold;

}


/* Green for values 7-9 */
.af-slider:has(input.bjn-custom-range2) .slider-track:has(.slider-handle[aria-valuenow="7"]) ~ .tooltip .tooltip-inner,
.af-slider:has(input.bjn-custom-range2) .slider-track:has(.slider-handle[aria-valuenow="8"]) ~ .tooltip .tooltip-inner,
.af-slider:has(input.bjn-custom-range2) .slider-track:has(.slider-handle[aria-valuenow="9"]) ~ .tooltip .tooltip-inner,
.goodColor {
  background: rgb(167, 226, 127) !important;
    border-top-color: rgb(51, 128, 0) !important;
  color: black !important;
font-weight: bold;
}



/* Sky blue for value 10 */
.af-slider:has(input.bjn-custom-range2) .slider-track:has(.slider-handle[aria-valuenow="10"]) ~ .tooltip .tooltip-inner,
.perfectColor {
  background: rgb(114, 210, 234) !important;
    border-top-color: skyblue !important;
  color: black !important;
  font-weight: bold;

}


.bjn-row-done {
    background: rgb(216, 250, 153) !important;
}
.bjn-row-pending {
    background: rgb(255, 231, 126) !important;
}
.bjn-row-initial {
    /*background: rgb(77, 182, 209) !important;*/
}

@media only screen and (max-width: 768px) {
    .bjn-slider-handlez {
        /* width: 30px  !important;
        height: 45px  !important; */
        margin-left: -15px  !important;
    }
    .bjn-slider-handle {
    /* Increase the overall size for a bigger hit box (e.g., 40px total) */
        width: 60px !important;  /* Adjust to your needs */
        height: 80px !important; /* Adjust to your needs */
        background: transparent !important; /* Make the parent invisible */
        position: relative !important; /* Needed for pseudo-element positioning */
        /* background: rgb(255, 212, 142) !important;
        /* Preserve existing styles, but override if they conflict */
        border: none !important; /* Example; adjust based on your needs */
        margin-top: -30px !important; /* From your inline style */
        margin-right: calc(100% - 30px) !important;
        padding: 0 !important; /* Reset if needed */
        box-shadow: none !important;
    }

    .bjn-slider-handle::before {
        content: '';
        position: absolute;
        top: 50%;
        left: 17%;
        transform: translate(-50%, -50%); /* Center it perfectly */
        background: rgb(68, 144, 144) !important;
        border-radius: 40%; /* Keep it round */
        width: 30px;  /* Original visible size */
        height: 45px; /* Original visible size */
        /* Add any other original styles like box-shadow, border, etc. */
    }
}

.bjn-slider-handlez {
    background: rgb(68, 144, 144) !important;
}

.bjn-custom-form {
    background:linear-gradient(90deg, rgba(191, 255, 89, 0.3) 2%, rgba(245, 181, 23, 0.3) 8%, rgba(245, 181, 23, 0.4) 50%, rgba(245, 181, 23, 0.3) 92%, rgba(191, 255, 89, 0.3) 98%);
}



.bjn-custom-form .af-slide.field-container {
    margin-left: 4% !important;
    margin-right: 4% !important;
    width: 92% !important;
}
.bjn-custom-formz .field-container {
    /* margin-left: 4% !important;
    margin-right: 4% !important;
    width: 92% !important; */
}

.bjn-custom-form-control {
    /* From https://css.glass */
    margin-top: 4px !important;
    margin-bottom: 4px !important;
    /* margin-left: 4% !important;
    margin-right: 4% !important;
    width: 92% !important; */
    background: rgba(255, 255, 255, 0.19) !important;
    border-radius: 4px !important;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1) !important;
    backdrop-filter: blur(2.6px) !important;
    -webkit-backdrop-filter: blur(2.6px) !important;
    border: 0px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.45) !important;
}
.bjn-custom-form-control {
    /* From https://css.glass */
    margin-top: 4px !important;
    margin-bottom: 4px !important;
    /* margin-left: 4% !important;
    margin-right: 4% !important;
    width: 92% !important; */
    background: rgba(255, 255, 255, 0.19) !important;
    border-radius: 4px !important;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1) !important;
    backdrop-filter: blur(2.6px) !important;
    -webkit-backdrop-filter: blur(2.6px) !important;
    border: 0px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.45) !important;
}

.bjn-custom-form-control:disabled {
    background: rgba(0, 0, 0, 0.16) !important;
    border: 0px !important;
    border-bottom: 0px solid rgba(255, 255, 255, 0.45) !important;
}

.bjn-custom-form-control-rb.radio-as-buttons .radio-boxes-labels {
    padding-left: 0px !important;
    padding-right: 10px !important;
}
.bjn-custom-form-control-rb.radio-as-buttons .radio-btn-text {
    width: 0px !important;
}
.bjn-custom-form-control-rb.radio-as-buttons {
margin-right: 0px !important;
margin-left: 0px !important;
border-left: 0px !important;
border-right: 0px !important;
padding-right: 0px !important;
padding-left: 0px !important;
}
.bjn-custom-form-control-rb.radio-as-buttons .radio-boxes-buttons.btn  {
    background: rgba(255, 255, 255, 0.19) !important;
    border-radius: 4px !important;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1) !important;
    backdrop-filter: blur(2.6px) !important;
    -webkit-backdrop-filter: blur(2.6px) !important;
    border: 0px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.45) !important;
}
.bjn-custom-form-control-rb.radio-as-buttons input[data-ng-truevalue="o.value"]:checked + .radio-boxes-buttons.btn
{
    background: rgba(0, 0, 0, 0.20) !important;
    border: 2px solid rgba(35, 35, 35, 0.50) !important;
}

.myclassfortest.radio-as-buttons .radio-boxes-labels {
    padding-left: 0px !important;
    padding-right: 10px !important;
}
.myclassfortest.radio-as-buttons .radio-btn-text {
    width: 0px !important;
}
.myclassfortest.radio-as-buttons {
margin-right: 0px !important;
margin-left: 0px !important;
border-left: 0px !important;
border-right: 0px !important;
padding-right: 0px !important;
padding-left: 0px !important;
}

/* Basic button style */
.bjn-custom-button {
  background-color: #cccccc; /* Initial button color */
  color: white;             /* Button text color */
  padding: 10px 20px;       /* Padding around the text */
  border: none;             /* No border */
  border-radius: 5px;       /* Rounded corners */
  transition: background-color 0.3s; /* Smooth transition */
}

/* Hover state */
.bjn-custom-button:hover {
  background-color: #ADD8E6;
}

/* Active (pressed) state */
.bjn-custom-button:active {
  background-color: #4395ec;
}

/* Focus state */
.bjn-custom-button:focus {
  outline: 2px solid #478bd4;
  outline-offset: 2px;
}

/* Disabled state */
.bjn-custom-button:disabled {
  background-color: #478bd4;
}



label.control-label.af-slide.required:after {
    content: '*';
    color: red;
    }