﻿/*#region Dialog */

.mud-dialog {
    border-radius: 15px;
}

.mud-dialog-noAnimation {
    animation: none;
}

/*Mud-MudTextFiled*/
.mud-input {
    font-size: 16px;
    font-weight: bold;
}

    .mud-input > input.mud-input-root.mud-input-root-filled, div.mud-input-slot.mud-input-root.mud-input-root-filled {
        padding-top: 13px;
    }

.mud-input-error {
    font-size: 14px;
    font-weight: bold;
}

.mud-input.mud-input-filled {
    background-color: rgb(160 145 145 / 9%);
}


.mud-input.mud-input-filled {
    direction: ltr;
}

.mud-input-label {
    font-size: 15px !important;
    font-weight: bold !important;
}
/*Dialog-MudButton*/
.mud-button-form {
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 13px;
    padding: 10px
}


/*Dialog-MudNumericField*/
#ActiveCode {
    text-align: center !important;
    letter-spacing: 15px;
}

div.mud-dialog-title > h6 {
    font-size: 17px !important;
    color: black;
    font-weight: bold;
    text-align: center;
}

div.mud-dialog-title {
    padding: 0px !important;
    padding-top: 10px !important;
}

/*#endregion \Dialog  */

/*#region Snackbar */

/*Snackbar-sizeIcon*/
/*==========================================*/
.mud-snackbar-icon > .mud-icon-size-medium {
    font-size: 20px;
}
/*==========================================*/

/*#endregion \Snackbar  */

/*#region  PictureDashboard */

.picture_dashboard {
    border-radius: 50%;
}

.page_header_dashboard {
    padding: 15px 5px !important;
}

/*#endregion \PictureDashboard  */

/*#region ComboBoxGender  */

.custom-comboBox {
    cursor: pointer !important;
}

.select-custom::after {
    top: 70% !important;
    cursor: pointer;
}

/*#endregion \ComboBoxGender  */

/*#region  BtnEditAccount */

.div-btnEdit-dashboard {
    padding-right: 10px;
    padding-top: 5px;
}

#btnEditAccount {
    cursor: default;
}

/*#endregion \BtnEditAccount  */

/*#region ValidationMessage */

div.validation-message {
    color: red !important;
    text-align: right !important;
    font-size: 12.5px !important;
}
/*#endregion \ValidationMessage  */

/*#region Input Form  */

.form-control {
    margin-bottom: 10px !important;
    margin-left: 5px !important;
}

/*#endregion \Input Form  */

/*#region BtnEditPassword  */

#btnEditPassword {
    cursor: default;
}

/*#endregion \BtnEditPassword  */

/*#region BtnVisibilityPassword */

.btn-visibility-password {
    border: none !important;
    padding: 0px !important;
    margin: 0px !important;
    min-width: 0px !important;
    height: 45px !important;
}

/*#endregion \ BtnVisibilityPassword */

/*#region IconVisibilityPassword */

.icon-visibility-password {
    margin: 0px !important;
}
/*#endregion \IconVisibilityPasswordd  */

/*#region  DialogValidationMessage */

.dialog-validationMessage {
    font-size: 14px;
    padding-right: 4px;
}
/*#endregion \DialogValidationMessage  */

/*#region LinkChangePhoneNumber */

#linkChangePhoneNumber {
    color: rgb(78, 127, 255) !important;
    font-size: 16px;
}

/*#endregion \LinkChangePhoneNumber  */

/*#region UserBlock  */

.user-block {
    width: 150px !important;
    height: 150px !important;
}

/*#endregion \UserBlock  */

/*#region BtnAddAddress */

#btnAddAddress {
    font-weight: bold !important;
}

/*#endregion \BtnAddAddress  */

/*#region  ToolBarContent */

.mud-toolbar.mud-toolbar-gutters.mud-table-toolbar {
    margin-bottom: 15px !important;
}

/*#endregion \ToolBarContent  */

/*#region HeaderTabel */

tr > th.mud-table-cell {
    font-size: 13px !important;
    font-weight: bold !important;
    color: #000000 !important;
}

.mud-button-root.mud-table-sort-label {
    line-height: 2.5rem !important;
}

/*#endregion \HeaderTabel  */

/*#region Table Cell */

.mud-table-cell {
    text-align: center !important;
    padding-left: 4px !important;
    padding-right: 4px !important;
}

tr > td.mud-table-cell {
    font-size: 12px !important;
    font-weight: bold !important;
}

.mud-table-bordered .mud-table-container .mud-table-root .mud-table-body .mud-table-row .mud-table-cell:not(:last-child) {
    border-left: 1px solid var(--mud-palette-table-lines);
}

td.mud-table-cell:has(> div.d-flex) {
    width: 30px !important;
}

td.mud-table-cell div.d-flex {
    justify-content: center !important;
}

/*#endregion \Table Cell  */

/*#region PagerContent */
.mud-toolbar.mud-toolbar-gutters.mud-table-pagination-toolbar.mud-tablepager-right {
    padding-top: 20px !important;
    padding-bottom: 10px !important;
}

/*page size*/

.mud-input-slot.mud-input-root.mud-input-root-text.mud-input-root-adorned-end.mud-select-input {
    font-size: 12px !important;
    font-weight: bold !important;
}

/*text for each page*/

.mud-table-pagination-caption {
    font-size: 12px !important;
    font-weight: bold !important;
}

/*first_item-last_item*/

.mud-table-page-number-information {
    font-size: 12px !important;
    font-weight: bold !important;
}

/*arrow icon*/

.mud-icon-root.mud-svg-icon.mud-icon-size-medium {
    font-size: 18px !important;
}

/*pager popup size*/

.mud-list-item-text p.mud-typography.mud-typography-body2 {
    font-size: 12px !important;
}

/*#endregion \PagerContent  */

/*#region Expansion Panel */

.mud-expand-panel-header {
    text-align: center !important;
    font-size: 16px !important;
    font-weight: bold !important;
}

/*#endregion \Expansion Panel  */

/*#region Date Range Picker */

button span.mud-button-label {
    font-size: 15px !important;
    font-weight: bold !important;
}

/*#endregion \Date Range Picker  */

/*#region Checkbox */

label.mud-checkbox {
    justify-content: center !important;
}

/*#endregion \Checkbox  */

/*#region Buttons AdminPanel */

#btnEditAdminPanel span .mud-icon-root.mud-svg-icon.mud-icon-size-medium,
#btnDeleteAdminPanel span .mud-icon-root.mud-svg-icon.mud-icon-size-medium {
    font-size: 20px !important;
}

/*#endregion \Buttons AdminPanel  */

/*#region CkEditor */

.ck-content {
    min-height: 200px !important;
}

/*#endregion \CkEditor  */

/*#region BtnUploadImage */

.mud-input-control.mud-file-upload.mt-0 .mud-input-control-input-container {
    height: 100% !important;
}

/*#endregion \BtnUploadImage  */

/*#region Button Dashboard */

.ButtonDashboard {
    height: 130px !important;
    border-bottom-right-radius: 24px;
    border-bottom-left-radius: 24px;
}


/*#endregion \Button Dashboard  */

/*#region Table */

.mud-table-foot {
    background-color: white !important;
    border-top: 2px solid black;
}

/*#endregion \Table   */

/*#region PriceTextBox */
#minPrice,
#maxPrice {
    text-align: center !important;
}

/*#endregion \PriceTextBox   */

/*#region ComboBoxSort */

.toolbox-sort > div.mud-select > div > div > div.mud-input.mud-input-outlined.mud-input-adorned-end.mud-input-margin-dense.mud-shrink.mud-select-input {
    font-size: 13px !important;
}

div.cmbSort p.mud-typography.mud-typography-body1 {
    font-size: 13px !important;
}

/*#endregion \ComboBoxSort */

/*#region SearchBox */

#div_txtSearch .mud-input.mud-input-text.mud-input-adorned-start.mud-input-underline.mud-shrink {
    margin-top: 0px !important;
}

/*#endregion \SearchBox   */

/*#region Chip */

td .mud-chip {
}

/*#endregion \Chip   */

/*#region ButtonPickupOrder */

.button-pickuporder-fontsize {
    font-size: 13px !important;
}

/*#endregion \ButtonPickupOrder   */

/*#region CheckBox Header Table */

th .mud-button-root.mud-icon-button.mud-default-text.hover\:mud-default-hover.mud-ripple.mud-ripple-checkbox {
    display: none !important;
}

/*#endregion \CheckBox Header Table   */

/*#region Button:focus */

.mud-button:focus {
    outline: 2px solid #1976d2 !important;
    box-shadow: 0 0 5px rgba(25, 118, 210, 0.5);
}

/*#endregion \Button:focus   */

/*#region FontSize Table */

.mud-table th.mud-table-cell {
    font-size: 15px !important;
    font-weight: bold !important;
}

.mud-table td.mud-table-cell {
    font-size: 14px !important;
    font-weight: bold !important;
}

.mud-table svg.mud-icon-root.mud-svg-icon.mud-icon-size-medium {
    font-size: 25px !important;
}

/*#endregion \FontSize Table   */

/*#region MudChip */

span.mud-chip-content {
    justify-content: center !important;
}

/*#endregion \MudChip   */

/*#region TableHead */

.mud-table-root th{
    line-height: 2rem !important;
}

/*#endregion \TableHead   */

/*//=======================*/

/*#region ShortCuts  */
.text_align_center {
    text-align: center;
}

.display_flex {
    display: flex;
}

.justify_content_center {
    justify-content: center;
}

.font_family_iransans {
    font-family: "iransans" !important;
}

.font_weight_bold {
    font-weight: bold !important;
}

.font_weight_bolder {
    font-weight: bolder !important;
}

.font_size_12pt {
    font-size: 12pt !important;
}

/*#endregion \ShortCuts  */

/*//=======================*/

/*#region Loading Start Project */

.loader-container {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
    width: 100vw;
}

/* HTML: <div class="loader"></div> */
.loader {
    width: 50px;
    aspect-ratio: 1;
    display: grid;
    border: 4px solid #0000;
    border-radius: 50%;
    border-color: #ccc #0000;
    animation: l16 1s infinite linear;
}

    .loader::before,
    .loader::after {
        content: "";
        grid-area: 1/1;
        margin: 2px;
        border: inherit;
        border-radius: 50%;
    }

    .loader::before {
        border-color: #f03355 #0000;
        animation: inherit;
        animation-duration: .5s;
        animation-direction: reverse;
    }

    .loader::after {
        margin: 8px;
    }

@keyframes l16 {
    100% {
        transform: rotate(1turn)
    }
}

/*#endregion \Loading Start Project  */
