html, body {
    height: 100%;
    -webkit-text-size-adjust: none;
    touch-action: manipulation;
}

body {
    margin: 0;
    padding: 0;
    position: relative;
    border: 0;
    outline: 0;
    background: 0 0;
    -webkit-overflow-scrolling: touch;
    overflow-x: auto;
    overflow-y: scroll;
    overscroll-behavior: none;
}

#content {
    position: relative;
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.centered {
    text-align: center;
}

canvas {
    padding: 0px;
    margin: 0px;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

.ui-slider-range {
    background: rgba(38,201,255,0.7);
}

h3 {
    padding-left: 10px;
}

.scrollDiv {
    max-height: 350px;
    overflow-y: auto;
    margin-bottom: 10px;
}

.agentTable tr td:last-child {
    width: 1%;
    white-space: nowrap;
}

.renderEngine {
    border: solid 1px #ccc
}

body.modal-open {
    overflow: hidden;
}

.scrollDiv div button {
    margin: 1px;
    padding: 4px;
}

#alertcontainer {
    visibility: hidden;
    margin: auto;
    text-align: center;
    border-radius: 4px;
    position: fixed;
    z-index: 2;
    top: -moz-calc(50% - 50px);
    top: -webkit-calc(50% - 50px);
    top: calc(50% - 50px);
    left: 0;
    right: 0;
    width: 300px;
    content-visibility: auto;
}

    #alertcontainer.show {
        visibility: visible;
        -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
        animation: fadein 0.5s, fadeout 0.5s 2.5s;
    }

.active .dropdown-item {
    color: #16181b;
    text-decoration: none;
    background-color: #f8f9fa;
}

.wordbreak {
    word-break: break-word;
}

canvas {
    outline: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.fa-xs {
    font-size: .75em !important;
}

.fa-sm {
    font-size: .875em !important;
}

.wrapper {
    display: flex;
    width: 100%;
    align-items: stretch;
}

#sidebar {
    position: absolute;
    z-index: 200;
    right: 10px;
    width: 300px; /* Genişlik ayarlandı */
    transition: visibility 0s linear 0.2s, opacity 0.2s linear;
}

#sidebar-content {
    overflow: hidden;
}

#sidebar.active {
    margin-left: 0px;
    opacity: 1;
    visibility: visible;
    display: block;
    width: 300px; /* Genişlik ayarlandı */
    transition: visibility 0s linear 0s, opacity 0.2s linear;
}


.fa-stack[data-count]:after {
    position: absolute;
    right: 0%;
    top: 1%;
    content: attr(data-count);
    font-size: 60%;
    padding: .5em;
    border-radius: 999px;
    line-height: .6em;
    color: #fff;
    background: #3394FF;
    text-align: center;
    min-width: 1.5em;
    font-weight: bold;
}

.fa-stack.has-badge.hidden::after {
    content: none;
}

.fa-stack {
    vertical-align: top !important;
    height: auto !important;
    line-height: 1.5em !important;
}

.nav-link, .dropdown-item {
    cursor: pointer;
}

.viewoption {
    cursor: pointer;
    padding: 5px;
}

#editor {
    padding-left: 0 !important;
    content-visibility: auto;
}

.fixwidth {
    width: 1em !important;
}

.dropdown-menu {
    max-height: calc(100vh - 20px);
    overflow-y: auto;
}

.alertimage {
    margin-right: 10px;
    float: left;
}

.rtl-align {
    text-align: right !important;
}

.connectedSortable {
    background-color: #666666;
    cursor: pointer;
}

.view-preview {
    display: flex !important;
    align-items: center;
    overflow: hidden;
}

    .view-preview img {
        display: inline-block;
        vertical-align: middle;
        margin-right: 10px;
    }

    .view-preview span {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.menu-border-right {
    border-right: 2px solid;
    color: #666666;
    padding-right: 10px;
    margin-right: 10px;
}

#navPlayback {
    position: absolute;
    opacity: 0.6;
}

.unselectable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#toast {
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    text-align: center;
    z-index: 900;
}

/* fix some themes */
.nav-item {
    margin-right: 0px !important;
    margin-left: 0px !important;
}

.dropdown-menu {
    font-size: 1rem !important
}

.mainmenu-item {
    display: flex !important;
    align-items: center;
}

    .mainmenu-item span {
        margin-left: 10px;
    }

.live-control::before {
    content: '\e0b7';
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    margin-right: 5px;
    color: #ffc107;
}