/*
* demo.css
* File include item demo only specific css only
******************************************************************************/
@import 'fonts.css';
@import 'vars.css';

body {
    font-family: Vazirmatn, sans-serif;
}

.dir-ltr {
    direction: ltr;
}

.touch-disable {
    pointer-events: none;
}

.badge.badge-medium {
    font-size: var(--bs-body-font-size);
    font-weight: normal;
}

.app-brand .layout-menu-toggle i {
    line-height: 1.5rem;
}

.menu .app-brand.demo {
    height: 64px;
    margin-top: 12px;
}

.app-brand.demo  {

}

.app-brand-logo.demo {
    width: 40px;
    height: 40px;
    background-image: url('/resources/admin/assets/img/logo.png');
    background-size: 100% auto;
    background-position: center;
    background-repeat: no-repeat;
}

.app-brand-text.demo {
    font-size: 1.75rem;
    letter-spacing: -0.5px;
    text-transform: lowercase;
}


/* ! For .layout-navbar-fixed added fix padding top to .layout-page */
/* Detached navbar */
.layout-navbar-fixed .layout-wrapper:not(.layout-horizontal):not(.layout-without-menu) .layout-page {
    padding-top: 74px !important;
}

/* Default navbar */
.layout-navbar-fixed .layout-wrapper:not(.layout-without-menu) .layout-page {
    padding-top: 64px !important;
}

.docs-page .layout-navbar-fixed.layout-wrapper:not(.layout-without-menu) .layout-page,
.docs-page .layout-menu-fixed.layout-wrapper:not(.layout-without-menu) .layout-page {
    padding-top: 62px !important;
}

/* Navbar page z-index issue solution */
.content-wrapper .navbar {
    z-index: auto;
}

/*
* Content
******************************************************************************/
.rtl-only {
    display: none !important;
    text-align: left !important;
    direction: ltr !important;
}

[dir='rtl'] .rtl-only {
    display: block !important;
}

.table th {
    letter-spacing: 0;
}

[dir=rtl] .btn-group > .btn:not(:last-child):not(.dropdown-toggle), [dir=rtl] .btn-group > .btn-group:not(:last-child) > .btn {
    border-radius: .375rem;
}

[dir=rtl] .btn-group > .btn:nth-child(n+3), [dir=rtl] .btn-group > :not(.btn-check) + .btn, [dir=rtl] .btn-group > .btn-group:not(:first-child) > .btn {
    border-radius: .375rem;
}

/* dataTable */
.dataTables_wrapper .img-thumbnail {
    max-width: 40px;
    max-height: 40px;
}

.dataTables_filter {
    position: relative;
}

.dataTables_length .form-select {
    padding: 0.4375rem 0.875rem 0.4375rem 1.875rem !important;
    font-size: 0.9375rem;
}

.dataTables_filter form {
    display: flex;
    flex-direction: row;
}

.dataTables_filter input[type=search] {
    padding-left: 50px;
}

.dataTables_filter button {
    position: absolute;
    top: 3px;
    left: 3px;
    width: 33px;
    height: 33px;
}

/* toastr */
.toast-bottom-right {
    left: 16px !important;
    bottom: -6px;
}

/* modal */
.modal-simple .modal-content {
    padding: 1rem;
}

.modal-simple .btn-close {
    left: 0 !important;
    top: 0;
    z-index: 999999;
}

.modal-simple .container {
    padding: 0;
    max-height: 60vh;
    overflow-x: hidden;
    overflow-y: auto;
}

/* swal */
div:where(.swal2-container) div:where(.swal2-popup) {
    width: 26em;
}

.swal2-input {
    text-align: center;
}

/* full calendar */
.fc-event-title {
    padding: 3px 10px 0 10px !important;
    font-weight: bold;
}

.fc .fc-daygrid-day {
    cursor: pointer;
}

.fc .fc-daygrid-day:hover {
    background-color: var(--fc-event-hover-bg-color, #3788d8)
}

.fc-button {
    line-height: 1.7;
}

.fc .fc-button-primary {
    padding-left: 15px;
    padding-right: 15px;
    border: 0 !important;
    box-shadow: 0 .125rem .25rem 0 rgba(105, 108, 255, .4);
}

.fc .fc-button:focus {
    box-shadow: 0 .125rem .25rem 0 rgba(105, 108, 255, .4);
}

.fc .fc-button-primary:focus, .fc .fc-button-primary:not(:disabled).fc-button-active:focus, .fc .fc-button-primary:not(:disabled):active:focus {
    box-shadow: 0 .125rem .25rem 0 rgba(105, 108, 255, .4);
}

.fc-today-button {
    padding-left: 14px !important;
    padding-right: 14px !important;
}

.fc-view-harness {
    margin-left: -25px;
    margin-right: -25px;
}

.fc .fc-day-other .fc-daygrid-day-top {
    opacity: 1;
}

/* Swal */
.light-style .swal2-modal.swal2-popup {
    border-radius: var(--bs-border-radius-lg);
}

.swal2-modal.swal2-popup .swal2-title {
    margin: 1rem 0 0 0;
}

/* hide form-repeater add button except first child */
.form-repeater [data-repeater-item]:not(:first-child) [data-repeater-create] {
    display: none;
}

/* set ckeditor height */
.ck-content {
    min-height: 200px;
}

.ck-content ol, .ck-content ul {
    padding: 0 15px;
}

/* tagify */
.tagify__tag > div .tagify__tag-text {
    font-size: 1rem;
}

/* bootstrap-select */
.bootstrap-select .dropdown-menu li.active small {
    color:#a1acb8 !important;
}

.light-style .bootstrap-select .filter-option-inner-inner {
    color: #697a8d !important;
}

.chat-contact-list-item .chat-avatar {
    width: 40px;
    height: 40px;
    overflow: hidden;
    border-radius: 50%;
}

.chat-contact-list-item .chat-avatar .avatar-img {
    width: 100%;
    height: 100%;
    border-radius: 99px;
    object-fit: cover;
}

.chat-contact-list-item .chat_type_0 {
    padding: 8px;
    background-color: #533ab7;
}

.chat-contact-list-item .chat_type_2 {
    padding: 8px;
    background-color: #DAA337;
}

.chat-message-text {
    position: relative;
    min-width: 120px;
    padding-bottom: 1.5rem!important;
}

.chat-message-text .chat-message-check {
    position: absolute;
    bottom: 3px;
    left: 8px;
    width: 16px;
    height: 16px;
}

.chat-message-text span {
    position: absolute;
    font-size: 0.8rem;
    bottom: 4px;
    right: 16px;
}

.avatar img {
    position: absolute;
    width: 40px;
    height: auto;
    top: 50%;
    transform: translateY(-50%);
}