@font-face {
  font-family: 'Progiom_AR';
  src: url(/progiom_assets/fonts/Bahij_TheSansArabic-Bold.ttf);
}

html, body {
    font-size: 13px !important;
    font-weight: 400;
    font-family: Progiom_AR, Poppins, Helvetica, "sans-serif";
}

/* Overwrite datatable styles */
table.dataTable td.reorder {
    cursor: auto !important;
}
table.dataTable td.reorder .row-reorder-handle{
    cursor: move;
}
table.dataTable tbody td.select-checkbox::before, table.dataTable tbody td.select-checkbox::after{
    top: 50% !important;
    cursor: pointer !important;
}
table tr.reordered {
    background-color: #f3fff3;
}
/* Overwrite uppy styles */
.uppy-size--md .uppy-Dashboard-Item-action--remove {
    left: -8px;
    right:  unset;
}
/* Overwrite Dropzone style */
.dropzone.dropzone-default {
    width: 100%;
}
.dropzone.dropzone-default .dz-remove {
    font-size: unset;
}
.dropzone.dz-clickable .dz-download {
    cursor: pointer;
}
.dropzone .dz-item-actions {
    padding: 5px;
}
.sortable-container.dropzone.dz-clickable .dz-sortable * {
    cursor: all-scroll;
}
.sortable-container.dropzone.dz-clickable .dz-item-actions * {
    cursor: pointer;
}
.sortable-container.dropzone.dz-clickable .dz-item-actions *:hover {
    color: #0073e9;
}
.dropzone .dz-preview .dz-image img {
    transform: translate(-50%, -50%);
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
}
/* Sortable */
.sortable-container {
    padding: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.dz-sortable.ui-sortable-placeholder {
    width: 120px;
    height: 120px;
    border: 2px dashed #BBB;
    visibility: visible !important;
    background: none;
}
/* Overwrite select2 style */
.select2-container{ width: 100% !important; }

.placeholder-variable{
    width: auto;
    padding: 0.15rem 0.75rem;
    border-radius: 0.42rem;
    margin: 0;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #EBEDF3;
    color: #3F4254;
    font-weight: 400;
    height: 20px;
    font-size: 0.8rem;
    cursor: pointer;
}
/* Overwrite tooltip style: font-family */
.tooltip, .ui-tooltip {
    font-family: Progiom_AR, Poppins, Helvetica, "sans-serif" !important;
}