
#toast-container>div{
	background-repeat: no-repeat !important;
    background-position-y: center !important;
    background-position-y: center !important;}
.toast-error{
	background:red !important;

}.toast-success{
	background:green !important;
}
.formio-component-ar *{
	text-align:right !important
}
.avatar img{
    width:40px !important;
    height:40px !important;
}

[dir=rtl] table.dataTable thead th{
    text-align: center;
}

  
  .loader-rm-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    z-index: 999999;
}

.logo {
    width: 100px;
    /* Adjust size as needed */
    height: 100px;
    /* Replace 'path_to_your_logo.png' with your logo */
    background-size: contain;
    background-repeat: no-repeat;
}

.app-brand-logo img {
    object-fit: contain;
    width:150px;
    height:70px
}

.circles {
    display: flex;
    margin-top: 20px;
}

.circle {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #007bff;
    /* Adjust color as needed */
    margin: 0 5px;
    animation: moveUpDown 0.5s infinite alternate;
    animation-delay: calc(0.2s * var(--index));
    /* Stagger the animation */
}

@keyframes moveUpDown {
    from {
        transform: translateY(0);
    }

    to {
        transform: translateY(10px);
    }
}

.hide-loader {
    animation: godown 1s forwards;

}

@keyframes godown {
    from {
        transform: translateY(0%);
    }

    to {
        transform: translateY(20%);
        opacity: 0;
        visibility: hidden;
    }
}

.timeline .timeline-item .timeline-event {
    min-height: auto;
    padding: 1.1rem 1.5rem 0.2rem;
}

.light-style table.dataTable th, .light-style table.dataTable td {
    border-color: var(--bs-border-color) !important;
}
.dataTables_scrollHeadInner, table.table.table-hover.text-nowrap.text-center.ajax-server.dataTable.no-footer {
    min-width: 100%;
}
label{
    text-transform: capitalize !important;
}
.dir-rtl{
    direction: rtl !important;
}