@font-face {
    font-family: 'iransansweb' !important ;
    src: url('../fonts/ttf/iransansweb.ttf') format('truetype');
}
body {
    font-family: 'iransansweb' !important;
}
html {
    font-family: 'iransansweb' !important;
    font-size: 14px;
}
.cssIconButtonGrid {
    width: 15px;
    cursor: pointer;
    padding-bottom: 8px;
}

/*
.dx-list .dx-list-item {
    border: 0px;
    width: 25%;
    float: left;
}*/
/*.dx-scrollable-wrapper {
    padding-left: 5px !important;
    padding-right: 5px !important;
}
.dx-checkbox-checked .dx-checkbox-icon {
    padding-right: 8px !important;
}
.dx-command-edit-with-icons {
    padding-right: 0px !important;
    padding-left: 0px !important;
}*/
@media (min-width: 768px) {
    html {
        font-family: 'iransansweb' !important;
        font-size: 16px;
    }
}

/*.dx-lookup-field-wrapper {
    padding-top: 8px !important;
}
*/
.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
    position: relative;
    min-height: 100%;
    font-family: 'iransansweb' !important;
}

body {
    margin-bottom: 60px;
    font-family: 'iransansweb' !important;
}

.align-vertical-middle {
    vertical-align: middle !important;
}

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

.mg-20 {
    margin-bottom: 20px !important;
}

.hiden-elem {
    display: none !important;
}

.show-elem {
    display: block !important;
}

.text-center {
    text-align: center !important;
}

.image-signal {
    height: 50px;
    width: 50px;
}

.image-container {
    position: relative;
    display: inline-block;
}

    .image-container img {
        width: 60px; /* Adjust the size as needed */
        height: 50px; /* Maintains aspect ratio */
        transition: opacity 0.3s ease;
    }

    .image-container:hover img {
        opacity: 0.8; /* Dim the image when hovered */
    }

.hover-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: opacity 0.3s ease;
}

.image-container:hover .hover-icon {
    opacity: 1; /* Show the icon when hovered */
}

.hover-icon a {
    color: white;
    text-decoration: none;
}

.switch-toggle {
    width: 10em;
}

.switch-toggle label:not(.disabled) {
        cursor: pointer;
}

.text-red {
    color: #ff0000;
}

.width-auto {
    width: auto !important;
}

.mb-15{
   margin-bottom: 15px !important;
}
.ml-15 {
    margin-left: 15px !important;
}
.mr-15 {
    margin-right: 15px !important;
}
.mt-15 {
    margin-top: 15px !important;
}
.text-gray{
    color:grey !important;
}
.gallery-images {
    min-width : 170px;
    max-width : 170px;
    min-height : 70px;
    max-height : 70px;
}
div.gallery {
    margin: 30px;
    border: 1px solid #ccc;
    float: left;
    /*width: 170px;*/
    display: inline-block;
    min-width: 170px;
    max-width : 170px;
}

    div.gallery:hover {
        border: 1px solid #777;
    }

    div.gallery img {
        width: 100%;
        height: auto;
    }

div.desc {
    padding: 15px;
    text-align: center;
}
.gallery-icon {
    width: 64px !important;
    height: 64px !important;
    -webkit-border-radius: 50% !important;
    -webkit-background-clip: padding-box !important;
    -moz-border-radius: 50% !important;
    -moz-background-clip: padding !important;
    border-radius: 50% !important;
    background-clip: padding-box !important;
    border: 5px solid #f5f5f5 !important;
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.15) !important;
    -moz-box-shadow: 0 0 10px rgba(0,0,0,.15) !important;
    box-shadow: 0 0 10px rgba(0,0,0,.15) !important;
    margin: 25px auto !important;
    vertical-align: middle !important;
    box-sizing: border-box !important;
    text-align: center !important;
}
.dx-editor-cell .dx-texteditor-input {
    border: 0px !important;
}

.swal2-container {
    z-index: 10000000 !important;
}




.dx-popup-title.dx-toolbar .dx-toolbar-items-container {
    background-color: #d4d4d4 !important;
}

.dx-popup-bottom.dx-toolbar .dx-toolbar-items-container {
    background-color: #d4d4d4 !important;
}

.dx-datagrid-nowrap .dx-header-row > td > .dx-datagrid-text-content {
    white-space: nowrap;
    /*text-shadow: 1px 1px #fff !important;*/
    font-size: 12px !important;
    font-weight: bold;
}

.dx-toolbar .dx-toolbar-items-container {
    height: 50px !important;
    background-color: #f7f7f7 !important;
}

.dx-toolbar .dx-toolbar-items-container {
}
/*فیلتر هدر*/
.dx-datagrid .dx-header-filter-empty {
    color: #fff !important;
}

.dx-datagrid-total-footer > .dx-datagrid-content {
    background-color: #f7f7f7 !important;
}

.columnHeaderCSS {
    background-color: #0e9c97 !important;
    color: white !important;
}

.columnFilterCSS {
    background-color: #ffff8f !important;
    color: white !important;
}
.dx-rtl .dx-datagrid-filter-row .dx-editor-cell .dx-editor-with-menu .dx-texteditor .dx-placeholder::before, .dx-rtl .dx-datagrid-filter-row .dx-editor-cell .dx-editor-with-menu .dx-texteditor .dx-texteditor-input {

    color: black !important;
}
.dx-editor-cell .dx-texteditor, .dx-editor-cell .dx-texteditor .dx-texteditor-input {
 
    color: black !important;
}


.ClassCssBtnPersonnelArzyabi {
    width: 40px;
    margin-top: 4px;
    cursor: pointer;
    margin-right: 10px;
}

.dx-treelist-rowsview .dx-treelist-collapsed span::before {
    left: 0;
    margin-left: 10px !important;
    margin-top: -2px !important;
    font-size: 40px !important;
}

.dx-datagrid-header-panel .dx-toolbar {
    margin-bottom: 0px !important;
}

.dx-treelist-rowsview .dx-treelist-expanded span::before {
    left: 0;
    margin-left: 10px !important;
    margin-top: -2px !important;
    font-size: 40px !important;
}