.auth-img {
    height: 100%;
}

.auth-img img {
    object-fit: cover;
    height: 100%;
}

.b-brand .logo-lg {
    width: 140px;
}

.table thead th:first-child {
    width: 80px;
}

a {
    color: #3454d1;
}

.table-responsive {
    min-height: 250px;
}

.table-footer {
    margin-top: 30px
}

a[disabled] {
    pointer-events: none;
    cursor: not-allowed;
    color: gray;
    text-decoration: none;
    opacity: 0.6;
}

.nxl-content {
    flex-grow: 1;
}

.nxl-container {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.dropdown-menu {
    padding: 0;
}

.table-dropdown {
    width: 120px !important;
    transform: translate(-127px, 32px) !important;
}

.uploader-overlay {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.upload-pic {
    object-fit: cover;
}

.transition {
    transition: all .3s ease
}

.table-image {
    padding: 2px;
    border: 1px solid #e5e7eb;
    display: inline-block;
    border-radius: 4px;
}

.table-image:hover {
    border-color: #3454d1;
}

.table-image img {
    border-radius: 2px;
}

.valid-feedback, .invalid-feedback {
    display: block !important;
    font-size: 0.975em !important;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding: 0px 5px 5px 0px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 9px;
    right: 7px;
}

.rich-editor {
    height: 500px;
}

.ql-toolbar {
    display: flex; /* İçerikleri yatay hizala */
    align-items: center; /* Dikey hizalamayı koru */
}

.custom-toolbar-button {
    margin-left: auto; /* Butonu sağa it */
    border: none;
    padding: 5px 10px;
    cursor: pointer;
    border-radius: 4px;
}

.custom-toolbar-button:hover {
    background: #0056b3;
    cursor: pointer
}

#media-list {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    flex-wrap: wrap;
    border-left: 1px solid #e5e7eb;
    border-right: 1px solid #e5e7eb;
    border-bottom: 1px solid #e5e7eb;
    gap: 25px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    padding: 20px;
}

#gallery-list {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    border-left: 1px solid #e5e7eb;
    border-right: 1px solid #e5e7eb;
    border-bottom: 1px solid #e5e7eb;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;


}

#gallery-list .gallery-list-items {
    padding: 20px;

    flex: 1;
    display: flex;
    flex-direction: row;
    justify-content: start;
    flex-wrap: wrap;
    gap: 10px;
}

.media-thumb-container, .gallery-thumb-container {
    width: 146px;
    height: 180px;
    border: 1px solid #e5e7eb;
    border-radius: 3px;
    padding: 3px;
    overflow: hidden;
}


.media-thumb-container img, .gallery-thumb-container img {
    width: 100%;
    height: 146px;
    object-fit: cover;
    border-radius: 1px;
    cursor: pointer
}

.media-thumb-container video {
    width: 100%;
    height: 139px;
    object-fit: cover;
    border-radius: 1px;
    cursor: pointer
}

.media-thumb-container .media-name {
    text-wrap: nowrap;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 12px;
    padding: 5px;
}

.upload-icon {
    font-size: 36px;
}

.dropzone {
    border: 1px dashed #e5e7eb !important;
    padding-bottom: 20px;
    border-radius: 3px;
}

.dropzone .dz-preview .dz-image {
    border-radius: 3px;
}

.dropzone .dz-preview .dz-image {
    width: 150px;
    height: 150px;
}

.media-browser-opener {
    width: 100%;
    height: 200px;
}

.media-browser-opener img {
    object-fit: cover;
    position: relative;
    width: 100%;
    height: 100%;
    cursor: pointer
}

.post-categories-container {
    border: 1px solid #e5e7eb;
    max-height: 170px;
    overflow-x: scroll;

}

.header-wrapper {
    background: white;
}

.hidden {
    display: none !important;
}

.nxl-header .header-wrapper .user-avtar {
    height: 40px;
    object-fit: cover;
}


.media-sidebar {
    width: 300px;
    height: 100%;
    position: absolute;
    top: 0;
    right: -300px;
    background-color: #f8f9fa;
    transition: right 0.3s ease;
    z-index: 1000;
    padding: 20px;
    box-shadow: -2px 0 5px rgba(0, 0, 0, 0.1);
}

.media-sidebar.open {
    right: 0;
}

.close-btn {
    background: none;
    border: none;
    font-size: 24px;
    cursor: pointer;
    position: absolute;
    top: 10px;
    right: 10px;
}


.media-thumb-container, .gallery-thumb-container {
    position: relative;
    display: inline-block;
}

.info-btn {
    position: absolute;
    top: 5px;
    right: 5px;
    background: rgba(255, 255, 255, 0.8);
    border: none;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.info-btn i {
    font-size: 16px;
}


.crop-btn {
    position: absolute;
    top: 5px;
    right: 35px;
    background: rgba(255, 255, 255, 0.8);
    border: none;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.crop-btn i {
    font-size: 16px;
}

#image-crop {
    padding: 20px
}

#image-crop div img {
    max-width: 100%;
}

.remove-gallery-media-btn {
    position: absolute;
    top: 5px;
    left: 5px;
    background: rgba(255, 255, 255, 0.8);
    border: none;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.remove-gallery-media-btn i {
    font-size: 16px;
}

#media-browser .modal-content {
    position: relative;
    overflow: hidden;
}

#media-details img {
    border: 1px solid #e5e7eb;
    border-radius: 3px;
    max-width: 100%;
    padding: 2px
}

#media-details video {
    border: 1px solid #e5e7eb;
    border-radius: 3px;
    max-width: 100%;
    padding: 2px
}

.ql-editor video {
    width: auto !important;
    max-width: 100%;
}

.response-message {
    font-size: 13px;
}

#media-details p {
    word-wrap: break-word;
}

.select2-container {
    z-index: 1024 !important;
}

.ql-snow {
    .ql-picker {
        &.ql-size {
            .ql-picker-label,
            .ql-picker-item {
                &::before {
                    content: attr(data-value) !important;
                }
            }
        }
    }
}

.ql-toolbar.ql-snow .ql-formats {
    margin-right: 5px !important;
}

.remove-media-btn {
    position: absolute;
    top: 35px;
    right: 5px;
    background: rgba(255, 255, 255, 0.8);
    border: none;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
}


.content-gallery-slider {
    overflow: hidden;
    border: 1px solid #e5e7eb;
    margin-top: 10px;
    max-width: 640px;
}

.content-gallery-slider,
.content-gallery-slider * {
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    cursor: pointer;

}

.content-gallery-slide-item {
    height: 100%;
}

.content-gallery-slider img {
    pointer-events: none;
    height: 100% !important;
    object-fit: cover;
    width: 100%;
}

.slick-next {
    margin-right: 30px;
}


.slick-prev {
    margin-left: 30px;
}

.slick-prev, .slick-next {
    width: 50px !important;
    height: 50px !important;
    z-index: 5;
}

.slick-prev i, .slick-next i {
    font-size: 48px;
    color: #283c50
}

.slick-prev::before,
.slick-next::before {
    content: none !important;
}

.modal {
    z-index: 1050;
}

.modal-backdrop {
    z-index: 1049;
}

.modal.show + .modal {
    z-index: 1060 !important;
}

.media-thumb-container.selected {
    border-color: #3454d1;
    border-width: 3px;
}

.media-nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.media-tabs {
    display: none;
}

.gallery-empty-container, .crop-empty-container {
    width: 100%;
    padding: 30px
}

.gallery-empty-container img, .crop-empty-container img {
    width: 300px;
}

.gallery-empty-container p, .crop-empty-container p {
    margin-top: 30px;
}

.content-gallery-slide-caption {
    text-align: right;
    padding-top: 5px;
    padding-bottom: 5px;
}


.quill-image-container {
    position: relative;
}

.quill-image-container {
    border: 1px solid #ccc;
    padding: 3px;
    margin: 10px 0;
}

.quill-caption {
    display: block;
    margin-top: 3px;
    font-weight: normal;
    text-align: right;
}

.rich-editor-min {

}

#excerpt-container .ql-editor {
    font-family: "EB Garamond", serif;
    font-size: 20px;
    color: black;
}

.quill-block {
    width: 528px;
    min-height: 20px;
    border: 1px dashed #ccc;
    background-color: #f9f9f9;
}

.gallery-settings-title{
    border-bottom: 1px solid #e1e3e7;
    padding-bottom: 5px;
}

.gallery-settings{
    width: 250px;
    transition: right 0.3s ease;
    padding: 20px;
    box-shadow: -2px 0 5px rgba(0, 0, 0, 0.1);
}
.gallery-type, .object-fit {
    display: flex;
    flex-direction: column;
}

.gallery-type ul, .object-fit ul {
    list-style: none;
    padding: 0;
    margin: 10px 0 0 0;
    display: flex;
    flex-direction: row;
    gap: 20px

}

.gallery-type ul li, .object-fit ul li {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px 5px 20px;
    border: 1px dashed #dcedfb;
    border-radius: 5px;
    cursor: pointer;
    transition: all .3s ease
}

.gallery-type ul li:not(.selected-gallery-type):hover, .object-fit ul li:not(.selected-object-fit):hover {
    background-color: #dcedfb;
    color: #90caf9;
}

.gallery-type ul li.selected-gallery-type, .object-fit ul li.selected-object-fit {
    border-color: #90caf9;
    color: #90caf9;
}

.row-column-count, .row-column-gap{
    margin-top: 20px;
}

.row-column-count-settings, .row-column-gap-settings{
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 20px
}

.row-column-count-settings .row-column-count-input {
    width: 30px;
    height: 30px;
    padding-left: 5px !important;
    padding-right: 5px !important;
    text-align: center;
}

.row-column-gap-settings .row-column-gap-input{
    width: 40px;
    height: 30px;
    padding-left: 5px !important;
    padding-right: 5px !important;
    text-align: center;
}

#slider, #gap-slider{
    flex: 1
}

.row-column-count-input::-webkit-outer-spin-button,
.row-column-count-input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.row-column-gap-input::-webkit-outer-spin-button,
.row-column-gap-input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
.row-column-count-input[type=number] {
    -moz-appearance: textfield;
}

.row-column-gap-input[type=number] {
    -moz-appearance: textfield;
}

.object-fit{
    margin-top: 10px;
}

.aspect-ratio-selector-container{
    margin-top: 10px;
}

.content-gallery-container{
    display: flex;
    flex-direction: column;
    border: 1px solid transparent;
}

.content-gallery {
    display: grid;
    gap: 10px;
    border: 1px solid transparent;
    padding: 4px;
    border-radius: 3px;
    position: relative;
}

.active-content-gallery{
    border-color: #90caf9;
}

.grid-cols-1  { grid-template-columns: repeat(1, 1fr); }
.grid-cols-2  { grid-template-columns: repeat(2, 1fr); }
.grid-cols-3  { grid-template-columns: repeat(3, 1fr); }
.grid-cols-4  { grid-template-columns: repeat(4, 1fr); }
.grid-cols-5  { grid-template-columns: repeat(5, 1fr); }
.grid-cols-6  { grid-template-columns: repeat(6, 1fr); }
.grid-cols-7  { grid-template-columns: repeat(7, 1fr); }
.grid-cols-8  { grid-template-columns: repeat(8, 1fr); }
.grid-cols-9  { grid-template-columns: repeat(9, 1fr); }
.grid-cols-10 { grid-template-columns: repeat(10, 1fr); }

.content-gallery img {
    width: 100%;
    display: block;
}

.object-fit-cover img{
    object-fit: cover;
    height: 100%;
}

.object-fit-contain img{
    object-fit: contain;
    height: 100%;
}

.aspect-ratio-selector{
    list-style: none;
    padding: 0;
    display: flex;
    flex-direction: row;
    gap: 10px;
    margin: 10px 0 0 0;
}
.aspect-ratio-selector li{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
    cursor: pointer
}

.aspect-ratio-item-container{
    border: 1px dashed #dcedfb;
    width: 34px;
    height: 34px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
}

.aspect-ratio{
    background-color: #7fccf7;
    border-radius: 2px;

}

.aspect-ratio-item-16-9{
    width: 32px;
    height: 18px;
}
.aspect-ratio-item-4-3{
    width: 24px;
    height: 18px;
}

.aspect-ratio-item-1-1{
    width: 20px;
    height: 20px;
}

.aspect-ratio-item-3-4{
    width: 18px;
    height: 24px;
}

.aspect-ratio-item-9-16{
    width: 18px;
    height: 32px;
}

.selected-aspect-ratio .aspect-ratio-item-container{
    background-color: #339dff;
    border-color: #339dff;
}

.selected-aspect-ratio .aspect-ratio-item-container .aspect-ratio{
    background-color: #e8f6fe;
}

.aspect-ratio-16-9 img{
    aspect-ratio: 16 / 9;
}

.aspect-ratio-4-3 img{
    aspect-ratio: 4 / 3;
}

.aspect-ratio-1-1 img{
    aspect-ratio: 1 / 1;
}

.aspect-ratio-3-4 img{
    aspect-ratio: 3 / 4;
}

.aspect-ratio-9-16 img{
    aspect-ratio: 9 / 16;
}

.gallery-item-gap-1 { gap: 1px; }
.gallery-item-gap-2 { gap: 2px; }
.gallery-item-gap-3 { gap: 3px; }
.gallery-item-gap-4 { gap: 4px; }
.gallery-item-gap-5 { gap: 5px; }
.gallery-item-gap-6 { gap: 6px; }
.gallery-item-gap-7 { gap: 7px; }
.gallery-item-gap-8 { gap: 8px; }
.gallery-item-gap-9 { gap: 9px; }
.gallery-item-gap-10 { gap: 10px; }
.gallery-item-gap-11 { gap: 11px; }
.gallery-item-gap-12 { gap: 12px; }
.gallery-item-gap-13 { gap: 13px; }
.gallery-item-gap-14 { gap: 14px; }
.gallery-item-gap-15 { gap: 15px; }
.gallery-item-gap-16 { gap: 16px; }
.gallery-item-gap-17 { gap: 17px; }
.gallery-item-gap-18 { gap: 18px; }
.gallery-item-gap-19 { gap: 19px; }
.gallery-item-gap-20 { gap: 20px; }
.gallery-item-gap-21 { gap: 21px; }
.gallery-item-gap-22 { gap: 22px; }
.gallery-item-gap-23 { gap: 23px; }
.gallery-item-gap-24 { gap: 24px; }
.gallery-item-gap-25 { gap: 25px; }
.gallery-item-gap-26 { gap: 26px; }
.gallery-item-gap-27 { gap: 27px; }
.gallery-item-gap-28 { gap: 28px; }
.gallery-item-gap-29 { gap: 29px; }
.gallery-item-gap-30 { gap: 30px; }
.gallery-item-gap-31 { gap: 31px; }
.gallery-item-gap-32 { gap: 32px; }
.gallery-item-gap-33 { gap: 33px; }
.gallery-item-gap-34 { gap: 34px; }
.gallery-item-gap-35 { gap: 35px; }
.gallery-item-gap-36 { gap: 36px; }
.gallery-item-gap-37 { gap: 37px; }
.gallery-item-gap-38 { gap: 38px; }
.gallery-item-gap-39 { gap: 39px; }
.gallery-item-gap-40 { gap: 40px; }
.gallery-item-gap-41 { gap: 41px; }
.gallery-item-gap-42 { gap: 42px; }
.gallery-item-gap-43 { gap: 43px; }
.gallery-item-gap-44 { gap: 44px; }
.gallery-item-gap-45 { gap: 45px; }
.gallery-item-gap-46 { gap: 46px; }
.gallery-item-gap-47 { gap: 47px; }
.gallery-item-gap-48 { gap: 48px; }
.gallery-item-gap-49 { gap: 49px; }
.gallery-item-gap-50 { gap: 50px; }
.gallery-item-gap-51 { gap: 51px; }
.gallery-item-gap-52 { gap: 52px; }
.gallery-item-gap-53 { gap: 53px; }
.gallery-item-gap-54 { gap: 54px; }
.gallery-item-gap-55 { gap: 55px; }
.gallery-item-gap-56 { gap: 56px; }
.gallery-item-gap-57 { gap: 57px; }
.gallery-item-gap-58 { gap: 58px; }
.gallery-item-gap-59 { gap: 59px; }
.gallery-item-gap-60 { gap: 60px; }
.gallery-item-gap-61 { gap: 61px; }
.gallery-item-gap-62 { gap: 62px; }
.gallery-item-gap-63 { gap: 63px; }
.gallery-item-gap-64 { gap: 64px; }
.gallery-item-gap-65 { gap: 65px; }
.gallery-item-gap-66 { gap: 66px; }
.gallery-item-gap-67 { gap: 67px; }
.gallery-item-gap-68 { gap: 68px; }
.gallery-item-gap-69 { gap: 69px; }
.gallery-item-gap-70 { gap: 70px; }
.gallery-item-gap-71 { gap: 71px; }
.gallery-item-gap-72 { gap: 72px; }
.gallery-item-gap-73 { gap: 73px; }
.gallery-item-gap-74 { gap: 74px; }
.gallery-item-gap-75 { gap: 75px; }
.gallery-item-gap-76 { gap: 76px; }
.gallery-item-gap-77 { gap: 77px; }
.gallery-item-gap-78 { gap: 78px; }
.gallery-item-gap-79 { gap: 79px; }
.gallery-item-gap-80 { gap: 80px; }
.gallery-item-gap-81 { gap: 81px; }
.gallery-item-gap-82 { gap: 82px; }
.gallery-item-gap-83 { gap: 83px; }
.gallery-item-gap-84 { gap: 84px; }
.gallery-item-gap-85 { gap: 85px; }
.gallery-item-gap-86 { gap: 86px; }
.gallery-item-gap-87 { gap: 87px; }
.gallery-item-gap-88 { gap: 88px; }
.gallery-item-gap-89 { gap: 89px; }
.gallery-item-gap-90 { gap: 90px; }
.gallery-item-gap-91 { gap: 91px; }
.gallery-item-gap-92 { gap: 92px; }
.gallery-item-gap-93 { gap: 93px; }
.gallery-item-gap-94 { gap: 94px; }
.gallery-item-gap-95 { gap: 95px; }
.gallery-item-gap-96 { gap: 96px; }
.gallery-item-gap-97 { gap: 97px; }
.gallery-item-gap-98 { gap: 98px; }
.gallery-item-gap-99 { gap: 99px; }
.gallery-item-gap-100 { gap: 100px; }


.disable-select,
.disable-select * {
    user-select: none !important;
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    pointer-events: none !important;
}



.inline-gallery-settings-container{
    position: absolute;
    right: -250px;
    top:0;
    z-index: 999999999999;
    width: 250px;
    height: 100%;
    background: rgba(255, 255, 255, 1);
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: 20px;
    border-left: 1px solid white;
    box-shadow: 0px 10px 15px -3px rgba(0,0,0,0.1);
    gap: 20px;
    min-height: 432px;
}

.grid-column-count, .gallery-gap-control{
    width: 100%;
    display:flex;
    flex-direction: column;
}

.grid-column-count strong, .gallery-gap-control strong{
    color: black
}
.grid-column-count-input, .gallery-gap-input{
    width: 30px;
    height: 30px;
    padding-left: 5px !important;
    padding-right: 5px !important;
    text-align: center;
}

.grid-column-count-input::-webkit-outer-spin-button,
.grid-column-count-input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.gallery-gap-input::-webkit-outer-spin-button,
.gallery-gap-input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.grid-column-count-settings, .gallery-gap-settings{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 5px
}

.grid-column-count-slider, .gallery-gap-slider{
    flex: 1
}

.inline-gallery-settings-container .aspect-ratio-selector-container .aspect-ratio-selector li{
    padding-left: 0 !important;
}

.inline-gallery-settings-container .aspect-ratio-selector-container{
    display: flex;
    flex-direction: column;
}
.inline-gallery-settings-container .aspect-ratio-selector-container strong{
    color: black
}