/*************************
Custom Style For Theme to over write global styling
**************************/

/* Global Table Pagination */
.pagination-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}
.pagination-wrap .pages-wrap {
    flex: 0 1 50%;
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 12px;
    font-weight: 800;
    color: #534E59;
}

.pagination .page-link {
    border: 0;
    font-size: 12px;
    font-weight: 800;
    color: #534E59;
}

.personality-wrap .image-input {
    width: 100%;
    height: 300px;
}

.pers-block-card.card {
    position: relative;
}
.pers-block-card.card .close-btn {
    position: absolute;
    top: -20px;
    right: -15px;
}

.lang-card .select2 {
    width: inherit !important;
}

.custom-meta-tag {
    padding: 2.25rem;
}

.custom-tag-wrap {
    display: flex;
    align-items: center;
}
.custom-tag-wrap code {
    box-shadow: none;
}

.custom-tag-wrap div + div {
    border: 1px solid #EFF2F5;
    margin-left: -2px;
    border-radius: 0 .475rem .475rem 0;
}

.custom-tag-actions {
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 10px;
    padding: 0 20px;
    width: 150px;
}
.custom-tag-actions .btn {
    height: 32.5px;
    padding: 0 !important;
}
.custom-tag-actions .btn + .btn {
    color: #D9214E;
}

.repeator-wraper div[data-repeater-item]:first-child .close-btn {
    display: none !important;
}

.category-wrap .image-input {
    width: 100%;
    height: 126px;
}
.category-detail-card.card {
    min-height: calc(100% - 33px);
}

.main-loader-wrap {
    position: relative;
    overflow: hidden;
}
.main-loader {
    display: none;
    align-items: center;
    justify-content: center;
    min-height: 300px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, .2);
    backdrop-filter: blur(5px);
    z-index: 130;
}
.main-loader .spinner-border {
    position: relative;
}

.news-wrap .image-input {
    width: 100%;
    height: 95px;
}
.aside .aside-logo {
    position: relative;
    justify-content: flex-end;
    height: 100px;
}
.aside .aside-logo a {
    position: absolute;
    top: 15px;
    left: 50%;
    width: 70px;
    height: 70px;
    transform: translate(-50%, 0);
}
.aside .aside-logo a img {
    width: 100% !important;
    height: 100% !important;
}

.disabledlink,.disabledlink:hover{
    pointer-events: none;
    background-color: #d1d1d1a6 !important;
    Opacity: 0.3;
}
.aside.aside-dark, .aside.aside-dark .aside-logo {
    background-color: #6b1919 ;
}
.aside-dark .menu .menu-item .menu-link.active .menu-icon, .aside-dark .menu .menu-item .menu-link.active .menu-icon .svg-icon, .aside-dark .menu .menu-item .menu-link.active .menu-icon i {
    color:#6b1919!important
}
.aside-dark .menu .menu-item .menu-link .menu-title {
    color:#fff;
    font-size: 16px;
}
.aside-dark .menu .menu-item .menu-link.active {
    transition: color .2s ease,background-color .2s ease;
    background-color: #d0a612;
    color: #fff;
}
.aside-dark .menu .menu-item .menu-link.active .menu-title {
    color: #6b1919;
}
.svg-icon.svg-icon-2 svg {
    width:25px!important;
    height:25px!important;
}
.aside-dark .menu .menu-item.hover:not(.here)>.menu-link:not(.disabled):not(.active):not(.here), .aside-dark .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) {
    transition: color .2s ease,background-color .2s ease;
    background-color: #d0a612;
    color: #6b1919;
}
.aside-dark .menu .menu-item.hover:not(.here)>.menu-link:not(.disabled):not(.active):not(.here) .menu-title, .aside-dark .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-title
{
    color: #6b1919;
}
.aside-dark .menu .menu-item.hover:not(.here)>.menu-link:not(.disabled):not(.active):not(.here) .menu-icon, .aside-dark .menu .menu-item.hover:not(.here)>.menu-link:not(.disabled):not(.active):not(.here) .menu-icon .svg-icon, .aside-dark .menu .menu-item.hover:not(.here)>.menu-link:not(.disabled):not(.active):not(.here) .menu-icon i, .aside-dark .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon, .aside-dark .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon .svg-icon, .aside-dark .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon i
{
    color:#6b1919;
}
.aside-dark .menu .menu-item .menu-link .menu-icon, .aside-dark .menu .menu-item .menu-link .menu-icon .svg-icon, .aside-dark .menu .menu-item .menu-link .menu-icon i {
    color: #fff;
}
.aside-dark .menu .menu-item.hover:not(.here)>.menu-link:not(.disabled):not(.active):not(.here) .menu-arrow:after, .aside-dark .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-arrow:after
{
    background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 9' fill='%236b1919'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.93537 4.57889C6.03839 4.77912 6.0191 5.0363 5.87137 5.21403L2.87153 8.82282C2.68598 9.04603 2.36951 9.06026 2.16468 8.8546C1.95985 8.64893 1.94422 8.30126 2.12977 8.07804L4.80594 4.85863L2.15586 1.93583C1.96104 1.72096 1.96165 1.37314 2.15722 1.15895C2.35279 0.944757 2.66927 0.945311 2.86409 1.16018L5.85194 4.45551C5.8859 4.49296 5.91371 4.53459 5.93537 4.57889Z'/%3e%3c/svg%3e");
}
#kt_aside_toggle .svg-icon {
    color:#fff!important
}
#kt_aside_toggle .btn.btn-active-color-primary:hover:not(.btn-active) .svg-icon {
}
.content {
    background: #e5e5e5!important;
}
.listimg>img{
    width: 60px!important;
    height: 60px!important;
    object-fit: cover !important;
    object-position: center !important;
}
#previewImg{
    min-height: 380px;
}
@media (min-width: 992px){

    [data-kt-aside-minimize=on] .aside:not(.aside-hoverable) .aside-logo, [data-kt-aside-minimize=on] .aside:not(:hover) .aside-logo
    {
        justify-content: center;
        padding: 0;
    }
}
.def-img{
    width: 22%;
    height: auto;
    margin: 5% 3.5% 2% 2%;
}
.def-img:hover{
    cursor:pointer;
}
.def-img-border{
    border: 3px solid #6b1919;
    /*box-sizing: content-box;*/
}
.default-img-div{
    display: none;
}
.modal-loader {
    /* HTML: <div class="modal-loader"></div> */
    background-color: #ffffffa3;
    outline: 5px solid #ffffffa3;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -25px; /* Half of the height */
    margin-left: -25px; /* Half of the width */
    z-index: 1060;
    width: 50px;
    aspect-ratio: 1;
    display: grid;
    border: 4px solid #0000;
    border-radius: 50%;
    border-right-color: #6b1919;
    animation: l15 1s infinite linear;
    display: none;
  }
.modal-loader.show {
    display: grid;
}
.modal-loader::before,
.modal-loader::after {    
    content: "";
    grid-area: 1/1;
    margin: 2px;
    border: inherit;
    border-radius: 50%;
    animation: l15 2s infinite;
}
.modal-loader::after {
    margin: 8px;
    animation-duration: 3s;
}
.modal-loader::backdrop {
    background-color: salmon;
}
@keyframes l15{ 
    100%{transform: rotate(1turn)}
}
.loader-backdraw {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1060;
    width: 100vw;
    height: 100vh;
    background-color: #000;
    opacity: 0;
    display: none;
}
.loader-backdraw.show {
    display: block;
    opacity: 0.3;
}