@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400&family=Noto+Kufi+Arabic:wght@600&family=Roboto&display=swap');

* {
    font-family: 'Noto Kufi Arabic', sans-serif;
}
.leftpar {
   background-color: #E0E0E0 !important;
}
label{
    font-size:16px;
}
.toppar {
    background: rgb(41,186,164) !important;
    background: linear-gradient(90deg, rgba(41,186,164,1) 0%, rgba(31,68,154,1) 100%) !important;
}


.form-border {
    border: solid 10px;
}
.material-symbols-outlined {
   
  
}
.ourIcon {
    font-size: 50px;
    color: #1F449A;
    border: 2.5px solid #29BAA4;
    padding: 10px;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;

}

.iconTextContainer {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.iconContainer {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 8px; /* Adjust the margin as needed */
}

.textContainer {
    text-align: center;
    margin-top: 8px; /* Adjust the margin as needed */
 /*   font-family: 'Noto Kufi Arabic', sans-serif;*/

}
.mud-text {
  /*  font-family: 'Noto Kufi Arabic', sans-serif !important;*/
}
.icon-red{
    color:red;
}

.label {
    font-size: 20px;
}
.mud-typography-h6 {
    font-family: 'Noto Kufi Arabic', sans-serif;
    font-size: 15px;
    font-weight: bold;
}

.mud-typography-h5 {
    font-family: 'Noto Kufi Arabic', sans-serif;
    font-size: 18px;
    font-weight: bold;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Noto Kufi Arabic', sans-serif;

}
.nav-font-bold {
    font-weight: bold;
}
.iconLink {
    display: inline-block;
    padding: 0; /* Remove padding */
    margin: 0; /* Remove margin */
}
.customIconContainer:hover {
    transform: scale(0.8); /* Adjust the scale as needed */
    transition: transform 0.2s; /* Add a transition for a smooth effect */
}
.icon-font{
    font-size:15px;
    font-weight: bold;
}
.ltr {
    direction: ltr;
    /* Any other custom styles you want to apply */
}
.btn-color {
    color: #1F449A;
}

.border-rtl {
/*    border-top: 2px solid #29BAA4;
*/   /* border-left: 2px solid #29BAA4;*/
    border-right: none;
   /* padding-left: 5px;*/
    padding-top: 5px;
}

.border-ltr {
    border-top: 2px solid #29BAA4;
    border-right: 2px solid #29BAA4;
    border-left: none;
    /*padding-right: 5px;*/
}

.my-custom-border {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #29BAA4; /* Replace with your desired secondary color */
    padding: 0; /* Increase the padding as desired */
    /*width: 222.469px;*/ /* Set the desired width */
    /*height: 34.734px;*/ /* Set the desired height */
    border-radius: 10px;
    
}

.page-border {
    border: 1px solid #29BAA4;
    border-radius: 10px;
    display: flex;
    justify-content: space-between; /* This will add space on the left and right */
    padding: 0; /* Add 1 pixel padding to left and right */
    align-items: center; /* Center the content vertically */
}
.mud-nav-link-text {
    font-size: 16px;
}
.my-custom-border label {
    margin: 0; /* Remove default label margin */
    text-align: center; /* Center the text inside the label */
}
.nav-icon {
    font-size: 20px;
    /*color: white;*/
}

.blue-text {
    color: #1F449A;
}
p.mud-typography.mud-typography-body1.mud-treeview-item-label {
    font-family: 'Noto Kufi Arabic', sans-serif;
    font-size: 14px;
    
}
.patient-border {
    border: 1.5px dashed #E0E0E0;
    border-radius: 10px;
    padding: 5px;
    margin: 5px;
}

@media (max-width: 768px) {
    .d-flex {
        align-items: center;
        justify-content: center;
    }
}
.formwidth {
    width: 50%;
}
.custom-dialog {
    height: 900px; /* Set the desired height for the dialog */
    /* You can adjust the height as needed */
    /* You may also need to set overflow and other properties depending on your layout */
}
@media (max-width: 912px) {
    .w-50 {
        display: none;
    }

    .formwidth {
        width: 100%;
    }
}
MudForm {
    border: 1px solid #000; /* You can customize the border color and thickness */
    padding: 10px; /* Add some padding for better visual appearance */
}

    /* Optional: Add some styling to the label */
    MudForm label {
        font-weight: bold;
        margin-bottom: 5px;
    }

.vl {
    border-left: 2px solid black;
    height: 100%;
    position: absolute;
    left: 50%;
    margin-left: -1px;
}