body {
    padding-top: 50px;
    padding-bottom: 20px;
    direction: rtl;
    text-align: right;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    margin-top: 30px;
    padding-left: 15px;
    padding-right: 15px;
    direction: rtl;
    text-align: right;
}
img {
    max-width: 100%;
    height: auto; /* Maintain aspect ratio */
}
.input-group-addon {
    min-width: 100px; /* Adjust this value as needed */
    text-align: center;
}

table {font-size:24px;
}
    .input-group .form-control:focus {
        border-left: 1px solid #ccc; /* Restore border on focus */
    }

.login-panel {
    margin-top: 20px;
}

@media (max-width: 767px) {
    .login-panel {
        margin-top: 10px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .login-panel {
        margin-top: 20px;
    }
}

@media (min-width: 992px) {
    .login-panel {
        margin-top: 40px;
    }
}


/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

@media (max-width: 768px) { /* Adjust the width breakpoint as needed */
    img {
        max-width: 100%;
        height: auto;
    }
}


.navbar-nav > .dropdown-user img {
    max-height: 30px;
    margin-top: -2.5px;
    border-radius: 50%;
}