body {
    font-family: 'Poppins';font-size: 22px;
}

  .app-sidebar {
    background-color: #1e1e2d !important;
}
.app-sidebar .menu .menu-item .menu-link .menu-title {
    font-weight: 400 !important;
}
.mw-95{
    max-width: 95%;
}
.small-header {
    background-color: var(--bs-prismjs-btn-color-hover);
    color: var(--bs-white);
    border-radius: 3px;
    font-weight: bold;
}

.nav-link {
    font-weight: bold
}

.small-header h1 {
    margin: 0;
}

.label-down-color {
    color: gray;
    font-size: 11px;
    margin-left: 5px;
}



.treeSearch{
    padding-left: 20px !important;
    padding-top: 20px !important;
}

.btn-transparent-white {
    color: var(--bs-white);
    background-color: hsla(0,0%,100%,.1);
    border-color: transparent;
}
.btn.btn-transparent-white.focus:not(.btn-text), .btn.btn-transparent-white:focus:not(.btn-text), .btn.btn-transparent-white:hover:not(.btn-text):not(:disabled):not(.disabled) {
    color: #3f4254;
    background-color: var(--bs-white);
    border-color: transparent;
}



/* form */

.form-control.form-control-solid {
    border-color: #d3d3d3 !important;
}
.form-check-input {
    --bs-form-check-bg: #f1f1f1 !important;
}

/* form validate */
.language-input{
    border-top-right-radius: 0.475rem !important;
    border-bottom-right-radius: 0.475rem !important;
}
.was-validated .form-control:valid, .form-control.is-valid{
    background-size: calc(0.75em + 0.775rem) calc(0.45em + 0.475rem) !important;
}
.was-validated .form-control:invalid, .form-control.is-invalid{
    background-size: calc(0.75em + 0.775rem) calc(0.55em + 0.575rem) !important;
}
.input-group .clear-btn {
    cursor: pointer;
    color: #ccc;
}

.input-group .clear-btn:hover {
    /* color: #fe3a4b; */
    color: var(--bs-red);
}

.clear-btn{
    padding: 5px 12px !important;
}

.youtube-tab{
    background: var(--bs-gray-400);
    color: var(--bs-primary-text-emphasis);
}

/* Tinymce Alert */
.tox .tox-notification--error {
    background-color: #fe3a4b !important;
    border-color: #fe3a4b !important;
    color: #fff;
}


/* product sort */

.orderDiv{
    position: absolute;
    left: 1px;
    height: 50px;
}
.orderDiv:hover i{
    color:#1e1e2d !important;
}
.orderDiv i{
    top: 15px;
}

.sweetValidateError{
    width: 100%;
    margin-top: 0.5rem;
    font-size: 1rem;
    color: var(--bs-form-invalid-color);
    text-align: left;
    line-height: 1.7;
}

.alert-custom-style{
    position: absolute;right: -14px;top: -74px;min-width: 400px;
}
.dropzone-select {
    display: inline-block;
    height: 50px ; /* Yükseklik 50px */
    width: 100%; /* Genişlik %100 */
    padding: 8px 20px !important;
    font-size: 14px;
    font-weight: 900;
    line-height: 35px; /* Yükseklik kadar dikeyde ortala */
    text-align: center; /* Yatayda ortala */
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    background-color:  rgb(226, 236, 255) !important; /* Arka plan beyaz */
    border: 1px dashed rgb(68, 137, 255) !important; /* Kenarlık dashed */
    border-radius: 4px;
    color: #2196f3 !important; /* Yazı rengi */
    transition: all 0.3s ease !important;
}

.dropzone-select:hover {
    background-color: #f8f8f8 !important; /* Üzerine gelindiğinde arka plan rengi değişimi */
    color: rgb(44, 44, 44) !important; /* Üzerine gelindiğinde yazı rengi değişimi */
}

.dropzone-select-wrapper {
    display: flex;
    align-items: center;
}

.dropzone-select {
    display: inline-block;
}

.content-wrapper {
    display: flex;
    align-items: center;
}

.icons {
    flex-shrink: 0; /* Resmin boyutunu sabit tutmak için */
}

.text-wrapper {
    margin-left: 10px;
    line-height: 5px;
    text-align: left; /* Yazıların resmin sağında olmasını sağlar */
}

.drops,
.uploads {
    margin: 0;
    padding: 0;
    height: 15px;/* Yazıların arasındaki boşluğu sıfırlar */
}
.uploads {
    font-size: 12px;
    font-weight: 100;
}
/* uploader editor */
.fileuploader-popup-meta h5{
    color:#d3d3d3 !important;
}

.drawerShow{
    --bs-btn-padding-y: .25rem;
    --bs-btn-padding-x: .5rem;
    --bs-btn-font-size: .75rem;
}

.fontColorDark{color:var(--bs-gray-dark) !important;}
.tox .tox-menubar {
    background-color: #1e1e2d !important;
    color: #9a9caf !important;
}
.tox .tox-toolbar, .tox .tox-toolbar__overflow, .tox .tox-toolbar__primary {
    background-color: #1e1e2d !important;
    color: #9a9caf !important;
}
.tox .tox-menu {
    background-color: #1e1e2d !important;
    border: 1px solid #1e1e2d !important;
    color: #9a9caf !important;
}
.tox .tox-menu:hover {
    color: #ffffff !important;
}
.tox .tox-collection--list .tox-collection__item--active {
    background-color: #4f8df5 !important;
    color: #ffffff !important;
}
.tox .tox-collection--list .tox-collection__item--hover {
    background-color: #4f8df5 !important;
    color: #ffffff !important;
}

.tox .tox-collection--list .tox-collection__item--enabled {
    background-color: #4f8df5 !important;
    color: #ffffff !important;
}
.tox .tox-mbtn--active {
    background:  #4f8df5 !important;
    color: #ffffff !important;
}
.tox .tox-mbtn:hover:not(:disabled):not(.tox-mbtn--active) {
    background: #4f8df5 !important;
    color: #ffffff !important;
}
.tox .tox-statusbar {
    background-color: #1e1e2d !important;
    border-top: 1px solid #1e1e2d !important;
    color: #9a9caf !important;
}
.tox .tox-tbtn:active {
    background: #4f8df5 !important;
    color: #ffffff !important;
}
.tox .tox-tbtn:hover {
    background: #4f8df5 !important;
    color: #ffffff !important;
}
.tox .tox-tbtn--enabled, .tox .tox-tbtn--enabled:hover {
    background: #4f8df5 !important;
    color: #9a9caf !important;
}
.tox .tox-mbtn {
    color: #9a9caf !important;
}
.tox .tox-collection__item {
    color: #9a9caf !important;
}
.tox .tox-mbtn:hover {
    color: #ffffff !important;
}
.tox .tox-tbtn {
    color: #9a9caf !important;
}
.tox .tox-tbtn svg {
    fill: #9a9caf !important;
}
.tox .tox-tbtn svg:hover {
    fill: #ffffff !important;
}
.tox .tox-mbtn:active {
    color: #ffffff !important;
}
.tox .tox-dialog__header {
    background-color: #1e1e2d !important;
}

.tox .tox-dialog {
    background-color: #1e1e2d !important;
}
.tox .tox-listboxfield .tox-listbox--select, .tox .tox-textarea, .tox .tox-textfield, .tox .tox-toolbar-textfield {

    background-color: #292936 !important;
}
.tox .tox-dialog__footer {
    background-color: #1e1e2d !important;
}
.tox .tox-collection--toolbar .tox-collection__item--active {
    background-color:#4f8df5 !important;
    color: #ffffff !important;
}
.tox-tbtn:hover svg,
.tox-tbtn:focus svg,
.tox .tox-tbtn--enabled svg,
.tox-tbtn:active svg {
    fill: #ffffff !important;
}
.tox .tox-mbtn--active {
    color: #fff !important;
}
.tox .tox-insert-table-picker>div {
    border-color: #3b3d50 !important;
}
.tox .tox-tbtn:active svg {
    fill: #ffffff !important;
}
.tox .tox-button--secondary {
    background-color: #1e1e2d !important;
    border-color: #464646 !important;
}
.tox-tinymce{
    padding:0 !important;
}
.product-view-btn{
    position: absolute;
    right: 20px;
    top: 20px;
}

.product-view-btn:hover{
    color: var(--bs-teal) !important;
}