/*fonts*/
@font-face {
    font-family: 'inter-bold';
    src: url('../../vendor/transfer/font/inter-bold.woff2') format('woff2');
    font-weight: 500 !important;
}
@font-face {
    font-family: 'inter-medium';
    src: url('../../vendor/transfer/font/inter-medium.woff2') format('woff2');
}
:root {
    --bd-violet-bg: rgba(38, 50, 56, 1) !important;
    --bd-primary-bg: rgba(37, 146, 224, 1) !important;
    --bd-red-bg: rgba(229, 43, 43, 1) !important;
}

.custom-search {
    font-family: IRANSansWeb, Inter, Helvetica, "sans-serif";
}
/* style */
.br-img {
    border-radius: 0.5rem;
}

ul li {
    list-style: none;
}

.w-btn {
    border: 1px solid black;
    width: 10px;
    height: 10px;
    background-color: red;
}

.input-costum {
    border: 1px #D3DDEB solid !important;
    outline: none;
    border-radius: 0.5rem;
}

.reset-input {
    outline: none;
    border: none;
}

#sidebar-l {
    position: fixed;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: red;
}

.sidebar-one {
    background-color: aquamarine;
    position: relative;
    right: 20%;
    top: 0;
    bottom: 0;
    z-index: 10000;
}

.color-header {
    background-color: #071437;
}

.color-text {
    color: #fff !important;
}

.p-sidebar {
    position: fixed;
    right: 0;
    top: 0;
    left: 0;
    bottom: 0;
}

.fixedf-s {
    position: fixed;
    right: 0;
    top: 0;
    left: 0;
    bottom: 0;
}


.bb {
    width: 3rem;
    border-bottom: 2px solid rgba(255, 255, 255, 0.32)
}

.body {
    overflow-y: unset;
}

.icon-sidebar:hover {
    color: rgba(255, 0, 0, 0.589);
}

.color-title {
    color: #888c9f;
}

.s-color {
    color: #D4194B !important;
}

.menu-items:hover {
    color: #D4194B !important;
}

.w-85 {
    width: 94%;
}

.menubar-color {
    background-color: #F7F8FA;
}

.item-color {
    color: #83949C;
}

.bg-body {
    background-color: #EBEDF0 !important;
}

.color-dash {
    color: #78909c;
}

.p-absolute {
    left: -6%;
    top: 13%;
}

.bg-btn {
    background-color: rgba(255, 255, 255, 1);
}

.icon-sidebar-red {
    color: rgba(255, 255, 255, 0.55);
}

.p-2r {
    padding: 0 2rem 0 2rem;
}

.min-w {
    min-width: 16rem;
}

select {
    border: none;
    outline: none;
}

.w-17 {
    width: 18%
}

.mr-11 {
    margin-right: 18rem
}

.mr-19 {
    margin-right: 19.4rem;
}

.me-19 {
    margin-left: 19.4rem;
}

.vh-90 {
    height: 90vh;
}

.h-90 {
    height: 90%;
}

.text-color-sidebarmenu {
    color: rgba(131, 148, 156, 1) !important;
}

.active-color a span span {
    color: rgba(212, 25, 75, 1) !important;
    font-size: 5px;
}

.menu-link span span {
    font-size: 5px;
}

.active-color a span {
    color: rgba(212, 25, 75, 1) !important;
    font-family: inter-bold;
}

    .active-color a span .text-color-sidebarmenu path {
        fill: rgba(212, 25, 75, 1) !important;
        font-family: inter-bold;
    }


.active-color .menu-link .menu-bullet i {
    color: rgba(212, 25, 75, 1) !important;
}

.active-color .menu-link .circle-fill-before {
    width: 7px !important;
    background-color: rgba(212, 25, 75, 1) !important;
}

.menu-item:hover .menu-link .text-color-submenu {
}

.p-3-dropzone {
    padding: 3rem !important;
}
/*font-size-px*/
.fs-4px {
    font-size: 4px !important;
}

.fs-10px {
    font-size: 10px !important;
}

.fs-12px {
    font-size: 12px !important;
}

.fs-14px {
    font-size: 14px !important;
}

.fs-16px {
    font-size: 16px !important;
}

.fs-18px {
    font-size: 18px !important;
}
/*end*/

/*margins*/
/*margin-legt*/
.me-6px {
    margin-right: 6px !important;
}
/*margin-bottom-reset-0*/
.mb-reset-0 {
    margin-bottom: 0 !important;
}
/*margin-right*/
.mr-4px {
    margin-left: 4px !important;
}
/*margin-top*/
.mt-10px {
    margin-top: 10px !important;
}

.mt-23px {
    margin-top: 23px !important;
}
/*end*/
.border-detailsupluad-box {
    border: 1px rgba(211, 221, 235, 1) solid !important;
}
/*rounded-px*/
.rounded-6px {
    border-radius: 6px !important;
}

.rounded-10px {
    border-radius: 10px !important;
}

.rounded-12px {
    border-radius: 12px !important;
}
/*end*/
/*font-weight*/
.fw-500 {
    font-weight: 500 !important;
}

.fw-400 {
    font-weight: 400 !important;
}
/*end*/
.color-hesabdari-sizebar {
    color: rgba(55, 71, 79, 1) !important;
}


/*style GetUploadFile*/

.download-btn-color {
    background-color: rgba(228, 244, 255, 1) !important;
    width: 32px !important;
    height: 32px !important;
}

.color-icon-download {
    color: rgba(42, 166, 255, 1) !important;
}

.trash-btn-color {
    background-color: rgba(255, 237, 237, 1) !important;
    width: 32px;
    height: 32px;
}

.color-icon-trash {
    color: rgba(255, 66, 66, 1) !important;
}

.p-btn {
    padding: 1.5rem !important;
}

.border-boxs {
    border: 1px solid rgba(211, 221, 235, 1);
}

.text-color-upluad {
    color: rgba(120, 144, 156, 1) !important;
}

.text-color-mb {
    color: rgba(96, 125, 139, 1) !important;
}

.color-icon-uploud {
    color: rgba(144, 164, 174, 1) !important;
}

.btn-select {
    width: 130px !important;
    height: 36px !important;
    border: solid 1px rgba(42, 166, 255, 1) !important;
    border-radius: 6px !important;
}

    .btn-select:hover {
        background-color: rgba(241, 246, 255, 1) !important;
    }

.color-btn-select {
    color: rgba(42, 166, 255, 1) !important;
}

.border-dropzone {
    border: 1px dashed var(--bs-primary) !important;
    min-height: auto;
    padding: 1.5rem 1.75rem;
    text-align: center;
    border: 1px dashed rgba(42, 166, 255, 1);
    border-radius: 6px !important;
    gap: 10px !important;
}
/*Style Accounting/TypeGorohHesab/Index*/
.type-font-color {
    color: rgba(117, 117, 117, 1) !important;
}

.radius-custom-top-left {
    border-radius: 6px 0 0 6px !important;
}

.color-icon-search {
    color: rgba(176, 190, 197, 1) !important;
}

.border-active-color {
    border-right: 2px solid rgba(212, 25, 75, 1) !important;
    background-color: rgba(254, 249, 251, 1) !important;
}
    /*active-style*/
    .border-active-color a > span {
        color: rgba(212, 25, 75, 1) !important;
    }

.create-type-group-btn {
    width: 34px !important;
    height: 34px !important;
    background-color: rgba(250, 251, 252, 1) !important;
    border: 1px solid rgba(211, 221, 235, 1) !important;
    border-radius: 6px !important;
}

    .create-type-group-btn:hover {
        background-color: rgba(242, 245, 250, 1) !important;
    }

    .create-type-group-btn > i {
        color: rgba(84, 110, 122, 1) !important;
    }

.border-fix-height {
    height: 38px !important
}

.rounded-right-bottom {
    border-radius: 6px 0 0 6px !important;
}

.btn-edit {
    width: 34px !important;
    height: 34px !important;
    background-color: rgba(43, 166, 255, 1) !important;
    border-radius: 6px !important;
    border: none;
}

    .btn-edit:hover {
        background-color: rgba(37, 146, 224, 1) !important;
    }

.btn-delete:hover {
    background-color: rgba(229, 43, 43, 1) !important;
}

.btn-edit > i {
    color: rgba(255, 255, 255, 1) !important;
}

.btn-delete > i {
    color: rgba(255, 255, 255, 1) !important;
}

.btn-delete {
    width: 34px !important;
    height: 34px !important;
    background-color: rgba(255, 66, 66, 1) !important;
    border-radius: 6px !important;
    border: none;
}


.btn-finish {
    width: 100% !important;
    height: 35px !important;
    border: 1px solid rgba(212, 25, 75, 1) !important;
}

    .btn-finish:hover {
        background-color: rgba(254, 239, 245, 1) !important;
    }

    .btn-finish > span {
        color: rgba(212, 25, 75, 1) !important;
    }


.btn-leave {
    width: 118px !important;
    height: 35px !important;
    border: 1px solid rgba(212, 25, 75, 1) !important;
}

    .btn-leave:hover {
        background-color: rgba(254, 239, 245, 1) !important;
    }

    .btn-leave > span {
        color: rgba(212, 25, 75, 1) !important;
    }

.btn-leave-profile {
    border: 1px solid rgba(212, 25, 75, 1) !important;
    background-color: white !important;
}

    .btn-leave-profile:hover {
        background-color: rgba(254, 239, 245, 1) !important;
    }

.btn-save {
    min-width: 100px !important;
    padding-right: 20px !important;
    padding-left: 20px !important;
    height: 35px !important;
    border-radius: 6px !important;
    background-color: rgba(212, 25, 75, 1) !important;
}

    .btn-save:hover {
        background-color: rgba(191, 19, 72, 1) !important;
    }

    .btn-save > span {
        color: rgba(255, 255, 255, 1)
    }

.p-tb-rl {
    padding: 0.5rem 2.25rem !important;
}

.btn-craete-type-save {
    width: 125px !important;
    height: 35px !important;
    background-color: rgba(212, 25, 75, 1) !important;
    border-radius: 6px !important;
}

    .btn-craete-type-save:hover {
        background-color: rgba(191, 19, 72, 1) !important;
    }

.btn-create-type-leave {
    width: 118px !important;
    height: 35px !important;
    border: 1px solid rgba(212, 25, 75, 1) !important;
    border-radius: 6px !important;
    color: rgba(212, 25, 75, 1) !important;
}

    .btn-create-type-leave:hover {
        background-color: rgba(254, 239, 245, 1) !important;
    }

.icon-vertical-tree:hover {
    color: rgba(212, 25, 75, 1) !important;
}
/*Style Accounting/GorohHesab/HeaderHesab*/
.border-search {
    border: 1px solid rgba(211, 221, 235, 1) !important;
}

.color-border-search {
    color: rgba(212, 25, 75, 1) !important;
}

.active-header-menu.active {
    color: rgba(212, 25, 75, 1) !important;
    border-bottom: 3px solid rgba(212, 25, 75, 1) !important;
}

    .active-header-menu.active > span {
        color: rgba(212, 25, 75, 1) !important;
    }

.active-header-menu-mobile.active {
    color: rgba(212, 25, 75, 1) !important;
    border-top: 3px solid rgba(212, 25, 75, 1) !important;
}

    .active-header-menu-mobile.active > span {
        color: rgba(212, 25, 75, 1) !important;
    }

.btn-report {
    background-color: rgba(212, 25, 75, 1) !important;
    width: 126px;
    height: 38px;
    border-radius: 6px;
}

.color-icon-chevron {
    color: rgba(212, 25, 75, 1) !important;
}
/*Accounting/DataClassification/Index*/
.li-list-w {
    width: 130px !important;
    height: 36px !important;
}

.border-input-details {
    border: 1px solid rgba(211, 221, 235, 1) !important;
}
/*log-out-dashboard*/
.box-dashboard-logout {
    width: 185px;
    height: 182px;
    border-radius: 6px
}

.box-dropdown {
    box-shadow: 0px 0px 50px 0px rgba(63, 69, 105, 0.15) !important;
}

.color-test {
    color: rgba(212, 25, 75, 1);
}

te-w {
    width: 161px;
    height: 26px
}

.border-dash {
    border: solid 1px rgba(211, 221, 235, 1) !important;
}

.icon-dash-color {
    color: rgba(84, 110, 122, 1) !important;
}

.icon-exit-dash-text {
    color: rgba(255, 66, 66, 1) !important;
}
/*Accounting/Sanad/Index*/
.ul-li-sanads {
    width: 190px !important;
    height: 36px !important;
}

.text-li-span {
    color: rgba(120, 144, 156, 1);
}

.border-hesabadri {
    border: 1px solid rgba(211, 221, 235, 1) !important;
    border-radius: 10px !important;
}
/*Accounting/FiscalYear/OpeningDocument*/
.fr-sanad-btn {
    width: 188px !important;
    height: 36px !important;
    border-radius: 6px !important;
    background-color: rgba(212, 25, 75, 1) !important;
}

    .fr-sanad-btn > span {
        color: rgba(255, 255, 255, 1);
    }

.font-color-hesab-t {
    color: rgba(84, 110, 122, 1) !important;
}

.font-color-hesab {
    color: rgba(69, 90, 100, 1) !important
}

.number-sanad {
    color: rgba(96, 125, 139, 1) !important;
}

.btn-save-sanad {
    width: 97px;
    height: 35px;
    border-radius: 6px;
    background-color: rgba(212, 25, 75, 1) !important;
}

    .btn-save-sanad:hover {
        background-color: rgba(191, 19, 72, 1) !important;
    }

.btn-leave-sanad {
    width: 115px;
    height: 35px;
    border: 1px solid rgba(212, 25, 75, 1) !important;
    border-radius: 6px;
    background-color: #fff !important;
}

    .btn-leave-sanad:hover {
        background-color: rgba(254, 239, 245, 1) !important
    }

    .btn-leave-sanad > span {
        color: rgba(212, 25, 75, 1) !important;
    }

.active-border-right-font {
    border-right: 2px solid rgba(212, 25, 75, 1) !important;
}

    .active-border-right-font > a {
        color: rgba(212, 25, 75, 1) !important;
    }
/*layou-dashboard*/
.border-bt {
    border-bottom: 1px solid rgba(211, 221, 235, 1) !important;
}

.box-dash {
    width: 577px;
    height: 302px;
    border-radius: 12px;
}

.box-dash-history {
    width: 280px;
    height: 302px;
    border-radius: 12px
}

.box-dash-calender {
    width: 577px;
    height: 346px;
    border-radius: 12px;
}

.text-check-pay {
    color: rgba(69, 90, 100, 1) !important;
    font-weight: 500;
}

.box-check-pay-col {
    background-color: rgba(247, 248, 250, 1) !important;
    border-radius: 6px;
    height: 120px;
}


.px24-img-bank-logo {
    width: 24px;
    height: 24px;
}

.font-color-check-pay {
    color: rgba(120, 144, 156, 1) !important;
}

.font-color-rial-pay {
    color: rgba(211, 221, 235, 1) !important;
}

.font-color-price-pay {
    color: rgba(255, 66, 66, 1) !important;
}

.font-color-price-recive {
    color: rgba(25, 212, 171, 1) !important;
}

.wh-calender {
    width: 316px !important;
    height: 314px !important;
}

.wh-calender-box {
    width: 213px !important;
    height: 314px !important;
    background-color: rgba(242, 245, 250, 1);
    border-radius: 10px
}

.text-size-sunday-calender {
    font-size: 16px;
    font-weight: 400;
    color: rgba(69, 90, 100, 1) !important;
}

.text-size-number-calender {
    font-size: 26px;
    font-weight: 500;
    color: rgba(228, 30, 76, 1) !important;
}

.border-bt-calender {
    border-bottom: solid 1px rgba(228, 30, 76, 1) !important;
}

.text-event-calender {
    font-size: 14px !important;
    font-weight: 500;
    color: rgba(96, 125, 139, 1) !important;
}

.color-plus-calender {
    color: rgba(120, 144, 156, 1) !important;
    font-size: 18px !important;
}

    .color-plus-calender:hover {
        color: rgba(212, 25, 75, 1) !important;
    }

.color-circul-calender {
    font-size: 5px !important;
    color: rgba(228, 30, 76, 1) !important;
}

.text-lorem-calender {
    font-size: 12px;
    font-weight: 400;
    color: rgba(96, 125, 139, 1) !important;
}

.wh-mount-calender {
    height: 40px !important;
    background-color: rgba(240, 95, 127, 1) !important;
    border-radius: 10px !important;
}

.wh-border-mordad {
    width: 61px !important;
    height: 23px !important;
    border: 1px solid rgba(255, 255, 255, 0.29) !important;
    border-radius: 6px
}

    .wh-border-mordad button > span {
        font-size: 14px !important;
        color: #fff !important;
        font-weight: 400 !important;
    }

.color-text-weekends {
    color: rgba(144, 164, 174, 1) !important;
    font-size: 12px !important;
}

.weekend-box {
    width: 28px;
    height: 28px;
    background-color: rgba(242, 245, 250, 1) !important;
    border-radius: 6px;
    cursor: pointer !important;
}

    .weekend-box:hover {
        background-color: rgba(250, 251, 252, 1) !important;
    }

.weekend-box-span {
    color: rgba(234, 61, 101, 1) !important;
    font-size: 12px !important;
    font-weight: 500 !important;
}

.weekend-color-number {
    color: rgba(96, 125, 139, 1) !important;
    font-size: 12px !important;
    font-weight: 500 !important;
}

.why-mounth {
    color: rgba(96, 125, 139, 1) !important;
    font-size: 12px;
}

.fs-icon-calender-color {
    font-size: 3px !important;
    color: rgba(96, 125, 139, 1) !important;
}

.color-price-blue-bank {
    color: rgba(42, 166, 255, 1) !important;
}

.bg-box-daily {
    background-color: rgba(242, 245, 250, 1) !important;
}



.icon-box {
    width: 36px !important;
    height: 36px !important;
}

.icon-hover-plus {
    font-size: 22px !important;
    color: rgba(25, 212, 171, 1) !important;
    position: absolute;
    top: -4%;
    right: -4%;
}

.pos {
    position: relative;
}

.icon-hover-x {
    color: rgba(176, 190, 197, 1) !important;
    font-size: 22px !important;
    position: relative;
    top: -4%;
    left: 4%;
    visibility: hidden;
}

.bg-icon-box:hover .icon-hover-x {
    visibility: visible;
}

.h-0 {
    height: 0 !important;
}

.clicl-appended-box {
    width: 150px !important;
    height: 290px !important;
    border-radius: 6px !important;
    background-color: rgba(255, 255, 255, 1);
    box-shadow: 0px 0px 50px 0px rgba(63, 69, 105, 0.15) !important;
}

.icon-check-tik {
    color: rgba(212, 25, 75, 1) !important;
    font-size: 14px !important;
}

.color-mute {
    color: rgba(176, 190, 197, 1) !important;
    font-size: 12px !important;
    font-weight: 400;
}

.in-span {
    color: rgba(96, 125, 139, 1) !important;
    font-size: 12px !important;
    font-weight: 400;
}

.in-span-check {
    color: rgba(212, 25, 75, 1) !important;
    font-size: 12px !important;
    font-weight: 400;
}

.hd {
    visibility: hidden;
}

.sdsd:hover .hd {
    visibility: visible;
}

.dropdown-toggle {
    background-color: transparent !important;
}

.bg-calender {
    background-color: rgba(242, 245, 250, 1) !important;
    border-radius: 4px;
}

.active-mounth-calender {
    width: 376px !important;
    height: 261px !important;
    border-radius: 12px !important;
    background-color: #fff !important;
}

.active-mounth-calender-boxes {
    width: 56px !important;
    height: 33px !important;
    border-radius: 3px !important;
    background-color: rgba(242, 245, 250, 1) !important;
}

    .active-mounth-calender-boxes:hover {
        background-color: rgba(250, 251, 252, 1) !important;
    }

    .active-mounth-calender-boxes > span {
        font-size: 14px !important;
        font-weight: 400 !important;
        color: rgba(96, 125, 139, 1) !important;
    }

.active-mounth-calender-boxes-selected {
    border: 1px solid rgba(228, 30, 76, 1) !important;
    background-color: rgba(254, 239, 245, 1) !important;
}

    .active-mounth-calender-boxes-selected > span {
        color: rgba(228, 30, 76, 1) !important;
    }


.active-mount-box {
    width: 103px !important;
    height: 154px !important;
    border-radius: 6px !important;
    background-color: rgba(255, 255, 255, 1) !important;
    box-shadow: 0px 0px 50px 0px rgba(63, 69, 105, 0.15) !important;
}

.text-color-mounth {
    font-size: 12px !important;
    font-weight: 400 !important;
    color: rgba(96, 125, 139, 1) !important;
}

.text-selected-color {
    color: rgba(212, 25, 75, 1) !important;
    font-size: 12px !important;
    font-weight: 400 !important;
}

.active-mount-box-hover {
    cursor: pointer !important;
}

    .active-mount-box-hover:hover {
        background-color: rgba(247, 249, 252, 1) !important;
    }

.manage-note-active {
    width: 551px !important;
    height: 315px !important;
    border-radius: 12px !important;
    background-color: rgba(255, 255, 255, 1) !important;
}

.border-bt-manage-note {
    height: 51px !important;
    background-color: rgba(242, 245, 250, 1) !important;
    border-bottom: 1px solid rgba(211, 221, 235, 1) !important;
    border-radius: 12px 12px 0 0;
}

.text-border-bt-manage-note {
    color: rgba(55, 71, 79, 1) !important;
    font-size: 16px;
    font-weight: 500;
}

.btn-edit-note-active {
    width: 36px !important;
    height: 36px !important;
    background-color: rgba(43, 166, 255, 1) !important;
    border-radius: 6px !important;
}

    .btn-edit-note-active button > i {
        font-size: 18px !important;
        color: #fff !important;
    }

.btn-delete-note-active {
    width: 36px !important;
    height: 36px !important;
    background-color: rgba(255, 66, 66, 1) !important;
    border-radius: 6px !important;
}

    .btn-delete-note-active button > i {
        font-size: 18px !important;
        color: #fff !important;
    }

.table-text-active-note {
    background-color: rgba(250, 251, 252, 1) !important;
    height: 56px !important;
    border-radius: 3px !important;
}

    .table-text-active-note > span {
        color: rgba(96, 125, 139, 1) !important;
        font-size: 12px !important;
        font-weight: 400;
    }

.h-textarea {
    height: 89px !important;
    border-radius: 6px !important;
}

.border-textarea {
    border: 1px solid rgba(211, 221, 235, 1) !important;
}

.footer-logout-box-note {
    height: 51px !important;
    border-top: 1px solid rgba(211, 221, 235, 1) !important;
    border-radius: 0 0 12px 12px !important;
    background-color: rgba(242,245,250,1) !important;
}

.btn-parent-save {
    width: 125px !important;
    height: 35px !important;
    border-radius: 6px !important;
    background-color: rgba(212, 25, 75, 1) !important;
}

    .btn-parent-save button > span {
        font-size: 14px !important;
        color: #fff !important;
        font-weight: 500 !important;
    }

    .btn-parent-save :hover {
        background-color: rgba(191, 19, 72, 1) !important;
    }

.btn-parent-leave {
    width: 118px !important;
    height: 35px !important;
    border-radius: 6px !important;
    border: 1px solid rgba(212, 25, 75, 1) !important;
}

    .btn-parent-leave:hover {
        background-color: rgba(254, 239, 245, 1) !important;
    }

    .btn-parent-leave button > span {
        font-size: 14px !important;
        font-weight: 500 !important;
        color: rgba(212, 25, 75, 1) !important;
    }

#overlay {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.25);
    z-index: 2;
    cursor: pointer;
}

#overlay1 {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.25);
    z-index: 2;
    cursor: pointer;
}

#overlay2 {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.25);
    z-index: 2;
    cursor: pointer;
}

#text {
    position: absolute;
    top: 50%;
    left: 50%;
    color: white;
    transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
}

.selct-today-box-weekend {
    border: 1px solid rgba(234, 61, 101, 1) !important;
    color: rgba(234, 61, 101, 1) !important;
    background-color: rgba(254, 239, 245, 1) !important;
}

    .selct-today-box-weekend div i {
        color: rgba(234, 61, 101, 1) !important;
    }

    .selct-today-box-weekend:hover {
        background-color: rgba(253, 227, 233, 1) !important;
        cursor: pointer;
        border: 1px solid rgba(212, 25, 75, 1) !important;
    }

    .selct-today-box-weekend > span {
        color: rgba(234, 61, 101, 1) !important;
        font-size: 12px !important;
        font-weight: 500 !important;
    }

    .selct-today-box-weekend > i {
        color: rgba(234, 61, 101, 1) !important;
    }

.select-daily-weekend {
    border-radius: 6px !important;
    background-color: rgba(234, 61, 101, 1) !important;
    cursor: pointer !important;
    color: #fff !important;
}

    .select-daily-weekend div i {
        color: #fff !important;
    }

    .select-daily-weekend:hover {
        background-color: rgba(234, 61, 101, 1) !important;
    }

.back-today-weekend {
    font-size: 12px !important;
    color: rgba(228, 30, 76, 1) !important;
    font-weight: 400 !important;
}

.mb-manage-note {
    margin-bottom: 6rem !important;
}

.border-boxes-bank {
    border-bottom: 1px dashed rgba(211, 221, 235, 1) !important;
}

.icon-back-today {
    font-size: 16px !important;
    color: rgba(120, 144, 156, 1) !important;
}

.icon-time-event {
    font-size: 16px !important;
    color: rgba(120, 144, 156, 1) !important;
}
/*tooltip*/
.tooltips {
    position: relative;
    display: inline-block;
}

    .tooltips .tooltiptext {
        visibility: hidden;
        width: 87px;
        background-color: rgba(38, 50, 56, 1) !important;
        color: #fff;
        text-align: center;
        border-radius: 5px;
        padding: 5px 0;
        position: absolute;
        z-index: 1;
        top: 120%;
        left: 146%;
        margin-left: -60px;
    }

        .tooltips .tooltiptext::after {
            content: "";
            position: absolute;
            bottom: 100%;
            left: 50%;
            margin-left: -5px;
            border-width: 5px;
            border-style: solid;
            border-color: transparent transparent black transparent;
        }

    .tooltips:hover .tooltiptext {
        visibility: visible;
    }

.cehvron-close-sidebar {
    width: 28px !important;
    height: 28px !important;
    background-color: #fff !important;
    border-radius: 6px !important;
}

.chevron-open-click {
    width: 28px !important;
    height: 28px !important;
    background-color: #fff !important;
    border-radius: 6px !important;
}

.icon-chevron {
    font-size: 14px !important;
    color: rgba(120, 144, 156, 1) !important;
}

#myChart {
}

#myChart1 {
}

.hover-month-calender:hover {
    background-color: rgba(255, 255, 255, 0.15) !important;
}

.hover-event-lorem:hover {
    background-color: rgba(255, 255, 255, 0.39) !important;
    border-radius: 6px !important;
}



.box-multy-dashboard {
    background-color: rgba(255, 255, 255, 1) !important;
    width: 334px !important;
    height: 196px !important;
    border-radius: 12px !important;
    box-shadow: 0px 0px 50px 0px rgba(63, 69, 105, 0.15) !important;
}


/*multi box dashboard*/
.icon-dashboards {
    color: rgba(144, 164, 174, 1) !important;
    font-size: 16px !important;
}

.text-color-dashboards {
    font-size: 12px !important;
    color: rgba(69, 90, 100, 1) !important;
    font-weight: 400 !important;
}

.hover-icon-text-dashboards:hover i {
    color: rgba(212, 25, 75, 1) !important;
}

.hover-icon-text-dashboards:hover span {
    color: rgba(212, 25, 75, 1) !important;
}

.hover-icon-text-dashboards:hover path {
    fill: rgba(212, 25, 75, 1) !important;
}

.w-14 {
    width: 14% !important;
}

.color-dashbord-header {
    font-size: 14px !important;
    font-weight: 400 !important;
    color: rgba(212, 25, 75, 1) !important;
}

.color-help-text {
    color: rgba(96, 125, 139, 1) !important;
    font-size: 14px !important;
    font-weight: 400 !important;
}

    .color-help-text:hover {
        color: rgba(212, 25, 75, 1) !important;
    }
/*fix height*/
.h-95 {
    height: 95% !important;
}

.w-67 {
    width: 67% !important;
}

.p-close-sidebar {
    background-color: #BF1348 !important;
}
/*icon-sidebar*/
.icon-sidebar-closes {
    color: rgba(255, 255, 255, 0.55) !important;
}

.icon-sidebar-closes-select-active {
    width: 36px !important;
    height: 36px !important;
}

    .icon-sidebar-closes-select-active:hover i {
        color: rgba(255, 255, 255, 1) !important;
    }

.s-d-file .active i {
    color: rgba(255, 255, 255, 1) !important;
}

.s-d-file .active path {
    fill: rgba(255, 255, 255, 1) !important;
}

.icon-sidebar-closes-select-active:hover path {
    fill: rgba(255, 255, 255, 1) !important;
}

.s-d-file .active {
    background-color: rgba(255, 255, 255, 0.19) !important;
    border-radius: 6px !important;
}

.tooltipss {
    position: relative;
}

    .tooltipss .tooltiptext1 {
        visibility: hidden;
        width: 95px;
        height: 28px !important;
        background-color: rgba(191, 19, 72, 1);
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px 0;
        position: absolute;
        z-index: 100 !important;
        top: 5px;
        left: 165%;
    }

        .tooltipss .tooltiptext1::after {
            content: "";
            position: absolute;
            top: 50%;
            right: 100%;
            margin-top: -8px;
            border-width: 8px;
            transform: rotate(180deg) !important;
            border-style: solid;
            border-color: transparent transparent transparent rgba(191, 19, 72, 1);
        }

    .tooltipss:hover .tooltiptext1 {
        visibility: visible;
    }


.icon-open-sidebar-po {
    cursor: pointer !important;
    position: absolute;
    right: -16px;
    top: 70px;
}

.p-res-check {
    padding: 0 1.25rem 1.25rem 1.25rem !important;
}

.p-col-6-t {
    padding-top: 9.75px !important;
}

.p-col-6-b {
    padding-bottom: 9.75px !important;
}

.mr-3 {
    margin-right: 3rem !important;
}

.ml-3 {
    margin-left: 3rem !important;
}

mr-0 {
    margin-right: 0 !important;
}


/*dashboard hesabdari*/
.dashbord-box-bedehkar {
    height: 324px !important;
    background-color: white !important;
    border-radius: 12px !important;
}

.list-box-bedehkar {
    height: 86px !important;
}

.border-name-circule {
    width: 42px !important;
    height: 42px !important;
    border-radius: 200px !important;
    background-color: rgba(235, 247, 255, 1) !important;
}

    .border-name-circule span {
        color: rgba(146, 189, 219, 1) !important;
        font-size: 16px !important;
        font-weight: 500 !important;
    }

.inname-box-bedehkar {
    color: rgba(69, 90, 100, 1) !important;
    font-size: 12px !important;
    font-weight: 500 !important;
}

.telephone-box-color {
    color: rgba(120, 144, 156, 1) !important;
    font-size: 12px !important;
    font-weight: 400 !important;
}

.number-telephone-box {
    color: rgba(96, 125, 139, 1) !important;
    font-size: 12px !important;
    font-weight: 400 !important;
}

.price-bedehkar-color {
    color: rgba(120, 144, 156, 1) !important;
    font-size: 12px !important;
    font-weight: 400 !important;
}

.price-box-bedehkar {
    color: rgba(255, 66, 66, 1) !important;
    font-size: 12px !important;
    font-weight: 500 !important;
}

.rial-bedehkar-color {
    color: rgba(211, 221, 235, 1) !important;
    font-size: 10px;
    font-weight: 500 !important;
}

.border-btm-bedehkar-box {
    border-bottom: 1px dashed rgba(211, 221, 235, 1) !important;
}

.bg-box-bedehkar {
    background-color: rgba(250, 251, 252, 1) !important;
}

.list-box-h {
    height: 408px !important;
    background-color: white !important;
    border-radius: 12px !important;
}

.paragraptext-documnet {
    color: rgba(69, 90, 100, 1) !important;
    font-size: 12px !important;
    font-weight: 500 !important;
}

.mr-275 {
    margin-right: 2.75rem;
}

.mr-250 {
    margin-right: 2.5rem !important;
}

.scroler-hide {
    height: 308px !important;
    overflow-y: scroll !important;
    overflow-x: hidden;
}

.hide-toggle-select {
    appearance: none !important;
}

.background-select {
    background-color: rgba(240, 95, 127, 1) !important;
}

.td-w-h-28 {
    width: 28px !important;
    height: 28px !important;
}

.bg-box-table {
    background-color: rgba(242, 245, 250, 1) !important;
    border-radius: 6px;
    cursor: pointer !important;
}

.text-color-submenu {
    color: rgba(131, 148, 156, 1) !important;
    font-size: 13px !important;
    font-weight: 400 !important;
}

.test-select-sidebar .show .menu-link .text-color-sidebarmenu .menu-icon i {
    color: rgba(212, 25, 75, 1) !important;
    font-weight: 500 !important;
}

.test-select-sidebar .show .menu-link .text-color-sidebarmenu .color-text {
    color: rgba(212, 25, 75, 1) !important;
    font-weight: 500 !important;
    font-family: inter-bold;
}

.test-select-sidebar .show .menu-link .menu-arrow {
    color: rgba(212, 25, 75, 1) !important;
}

.text-color-submenu :hover {
    color: red !important;
}

.menu-state-title-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here), .menu-state-title-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) {
    transition: color 0.2s ease;
    color: rgba(212, 25, 75, 1) !important;
}

.menu-item.menu-accordion.showing:not(.menu-dropdown) > .menu-link .menu-arrow:after, .menu-item.menu-accordion.show:not(.hiding):not(.menu-dropdown) > .menu-link .menu-arrow:after {
    background-color: rgba(212, 25, 75, 1) !important;
}

.text-color-sidebarmenu :hover span {
    color: red !important;
}

#sa:hover #ba {
    color: blue !important;
    background-color: red !important;
}

#sda:hover .text-color-sidebarmenu span, #sda:hover .text-color-sidebarmenu span i, #sda:hover .menu-arrow {
    color: rgba(212, 25, 75, 1) !important;
    font-weight: 500 !important;
    font-family: inter-bold;
}

#sdas:hover .menu-link span, #sdas:hover .menu-link span i {
    color: rgba(212, 25, 75, 1) !important;
    font-weight: 500 !important;
    font-family: inter-bold;
}

    #sdas:hover .menu-link span, #sdas:hover .menu-link span path {
        fill: rgba(212, 25, 75, 1) !important;
        font-weight: 500 !important;
        font-family: inter-bold;
    }

.border-btn-kol-sanad {
    border: rgba(211, 221, 235, 1) 1px solid !important;
}

.rounded-top-bottom {
    border-radius: 0 6px 6px 0 !important;
}

.p-24px {
    padding: 24px !important;
}

.p-24px-no-btm {
    padding: 24px 24px 0 24px !important;
}

.rounded-12px-btm {
    border-radius: 0 0 12px 12px !important;
}

.rounded-12px-top {
    border-radius: 12px 12px 0 0 !important;
}

.bg-li-sanad {
    background-color: rgba(250, 251, 252, 1) !important
}

    .bg-li-sanad:hover {
        background-color: rgba(242, 245, 250, 1) !important
    }

.cehvron-close-sidebar :hover i {
    color: red !important;
    background-color: red !important;
}

.chevron-open-click :hover i {
    color: red !important;
    background-color: red !important;
}

.scroler-event-reminder {
    height: 308px !important;
    overflow-y: scroll !important;
    overflow-x: hidden !important;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.scroler-event-reminde::-webkit-scrollbar {
    display: none;
}

.w-h-menuarrow-toggle {
    width: 12px !important;
    height: 12px !important;
}

.menu .show .menu-sub-accordion .menu-item:hover .menu-link span {
    color: rgba(212, 25, 75, 1) !important;
    font-family: inter-bold;
    font-weight: 500 !important;
}

.menu .show .menu-sub-accordion .menu-item:hover .menu-link i {
    color: rgba(212, 25, 75, 1) !important;
}

.menu .show .menu-sub-accordion .menu-item:hover .menu-link .circle-fill-before {
    width: 7px !important;
    transition: transform 0.3s ease;
    background-color: rgba(212, 25, 75, 1) !important;
}

.pe-16px {
    padding-right: 16px !important;
}

.ps-16px {
    padding-left: 16px !important;
}

.pb-16px {
    padding-bottom: 16px !important;
}

.ms-16px {
    margin-right: 16px !important
}

.ms-10px {
    margin-right: 10px !important;
}

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

.py-18px {
    padding-top: 18px !important;
    padding-bottom: 18px !important;
}

.ps-18px {
    padding-left: 18px !important;
}

.pt-18px {
    padding-top: 18px !important;
}

.pb-18px {
    padding-bottom: 18px !important;
}

.p-18px {
    padding: 18px !important;
}

.me-10px {
    margin-left: 10px !important;
}

.mb-18px {
    margin-bottom: 18px !important;
}



.text-inactive-color {
    color: rgba(25, 212, 171, 1) !important;
}
/*sidebar-maneger*/
.wh-sidebar-user {
    height: 51px !important;
    background-color: rgba(250, 251, 252, 1) !important;
}

.mt-12px {
    margin-top: 12px !important;
}

.mx-22px {
    margin-right: 24px !important;
    margin-left: 24px !important;
}

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

.color-icon-sidebar {
    color: rgba(144, 164, 174, 1) !important;
}

.me-4px {
    margin-right: 4px !important
}

.color-person-sidebar {
    color: rgba(38, 50, 56, 1) !important;
}

.w-300px {
    width: 300px !important
}

.btn-w-h-sidbar-user {
    width: 120px !important;
    height: 36px !important;
    border-radius: 6px !important;
    background-color: #fff !important;
    border: 1px solid rgba(212, 25, 75, 1) !important;
}

    .btn-w-h-sidbar-user:hover {
        background-color: rgba(254, 239, 245, 1) !important;
    }


.mt-18px {
    margin-top: 18px !important;
}

.w-h-120px-logo-user {
    width: 120px !important;
    height: 120px !important;
    border: 2px solid rgba(255, 255, 255, 1) !important;
    border-radius: 100px !important;
}

.w-h-98px-logo-user {
    width: 120px !important;
    height: 120px !important;
    border: 2px solid rgba(255, 255, 255, 1) !important;
    border-radius: 100px !important;
}

.btn-active-sidebar-user {
    width: 61px !important;
    height: 24px !important;
    background-color: rgba(235, 255, 243, 1) !important;
    border-radius: 6px !important;
    border: 1px solid rgba(24, 207, 167, 1) !important;
}

    .btn-active-sidebar-user > span {
        color: rgba(25, 212, 171, 1) !important
    }

.bg-shape {
    background-image: url("../media/svg/shapes/Sidbar-Banner.svg");
    background-position: top;
    background-repeat: no-repeat;
}

.bg-shapes {
    background-image: url("../media/svg/shapes/Banner-BK600.svg");
    background-position: inherit;
    background-repeat: no-repeat;
    background-size: cover;
}

.mt-39px {
    margin-top: 39px !important;
}

.rounded-100px {
    border-radius: 100px !important;
}

.tab-button-edit-user {
    width: 180px !important;
    height: 36px !important;
}

.border-header-nav {
    border-bottom: 1px solid rgba(236, 239, 241, 1) !important;
}

.pr-t-l-24px {
    padding: 24px 24px 0 24px !important;
}

.active-tab-nav {
    color: rgba(212, 25, 75, 1) !important;
    border-bottom: 1px solid rgba(212, 25, 75, 1) !important;
}

.color-defualt-nav-user {
    color: rgba(120, 144, 156, 1) !important;
}

.mt-20px {
    margin-top: 20px !important;
}

.color-name-lable {
    color: rgba(120, 144, 156, 1) !important;
}

.mt-16px {
    margin-top: 16px !important;
}

.save-btn-edit-user {
    width: 97px !important;
    height: 35px !important;
    background-color: rgba(212, 25, 75, 1) !important;
    border-radius: 6px !important;
}

    .save-btn-edit-user:hover {
        background-color: rgba(191, 19, 71, 1) !important;
    }

.hover-user-txt:hover {
    color: rgba(69,90,100,1) !important;
}

.return-btn-edit-user {
    width: 115px !important;
    height: 35px !important;
    background-color: white !important;
    border: 1px solid rgba(212, 25, 75, 1) !important;
    border-radius: 6px !important;
}

    .return-btn-edit-user:hover {
        background-color: rgba(254, 239, 245, 1) !important;
    }

    .return-btn-edit-user > span {
        color: rgba(212, 25, 75, 1) !important;
    }

.color-active-ns li .active {
    color: rgba(212, 25, 75, 1) !important;
    border-bottom: 1px solid rgba(212, 25, 75, 1) !important;
}

input:checked + .slider {
    background-color: rgba(212, 25, 75, 1) !important;
}

#sda:hover .menu-arrow:after {
    background: rgba(212, 25, 75, 1) !important;
}

.header-fix-scroll {
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    left: 0 !important;
    z-index: 1000 !important;
}

.h-60px {
    min-height: 60px !important;
}

.custom-tooltip {
    --bs-tooltip-bg: var(--bd-violet-bg);
    --bs-tooltip-color: var(--bs-white);
}

.customer-tooltips {
    --bs-tooltip-bg: var(--bd-primary-bg);
    --bs-tooltip-color: var(--bs-white);
}

.delete-tooltips1 {
    --bs-tooltip-bg: var(--bd-red-bg);
    --bs-tooltip-color: var(--bs-white);
}

.p-x-t-18px {
    padding-right: 18px !important;
    padding-left: 18px !important;
    padding-top: 18px !important;
    padding-bottom: 0 !important;
}

.color-input-title-edit {
    color: rgba(120, 144, 156, 1) !important;
}

.ms-8px {
    margin-left: 8px !important;
}

#kt_accordion_2_item_1 {
    max-height: 275px !important;
    overflow-y: scroll !important;
}

#kt_accordion_2_item_3 {
    max-height: 275px !important;
    overflow-y: scroll !important;
}

.w-h-camera-icon {
    width: 24px !important;
    height: 24px !important;
    border-radius: 100px !important;
    background-color: white !important;
    box-shadow: 0px 0px 20px 2px rgba(0, 0, 0, 0.15);
    position: absolute;
    top: 82px;
    right: 0
}

.w-h-camera-icons {
    width: 24px !important;
    height: 24px !important;
    border-radius: 100px !important;
    background-color: white !important;
    box-shadow: 0px 0px 20px 2px rgba(0, 0, 0, 0.15);
    position: absolute;
    top: 117px;
    right: -12px !important;
}

    .w-h-camera-icons:hover i {
        color: rgba(212,25,75,1) !important;
    }

.color-camera {
    color: rgba(144, 164, 174, 1) !important;
}

.cehvron-close-sidebar:hover .icon-chevron {
    color: rgba(212, 25, 75, 1) !important;
}

.chevron-open-click:hover .icon-chevron {
    color: rgba(212, 25, 75, 1) !important;
}

.fs-22px {
    font-size: 22px !important;
}

.fs-20px {
    font-size: 20px !important;
}

.color-x-clodse-sidebar {
    color: rgba(176, 190, 197, 1) !important;
}

.color-head-tafsily {
    color: rgba(42, 166, 255, 1) !important;
}

.border-header-tafsily {
    border: 1px solid rgba(211, 221, 235, 1) !important;
}

.h-131px {
    height: 131px !important;
}

.p-12px {
    padding: 12px !important;
}

.bg-table-tafsily {
    background-color: rgba(250, 251, 252, 1) !important;
}

.h-50px {
    height: 50px !important;
}

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

.br-btm-tafsily {
    border-bottom: 1px solid rgba(211, 221, 235, 1) !important;
}

.success-icon-tafsily {
    color: rgba(25, 212, 171, 1) !important;
}

.ms-4px {
    margin-left: 4px !important;
}

.h-156px {
    height: 156px !important;
}

.bg-footer-tafsily {
    background-color: rgba(247, 250, 255, 1) !important
}

.swal2-popup {
    z-index: 100000 !important;
}

.mt-8px {
    margin-top: 8px !important;
}

.border-gray-sidbar-dashed {
    border: 1px dashed rgba(211, 221, 235, 1) !important;
}

.color-info-tafsily {
    color: rgba(55, 71, 79, 1) !important;
}

.color-title-tafsily {
    color: rgba(144, 164, 174, 1) !important;
}

.p24-t-l {
    padding-right: 24px !important;
    padding-top: 24px !important;
    padding-left: 24px !important;
}

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

.mb-8px {
    margin-bottom: 8px !important
}

.my-8px {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
}

.h-54 {
    height: 54.6% !important
}

.h-72 {
    height: 72.4% !important
}

.box-shadow-dropdown-cerate {
    box-shadow: 0px 0px 50px 0px rgba(63, 69, 105, 0.15) !important;
    height: 106px !important;
}

.box-shadow-dropdown-cerates {
    box-shadow: 0px 0px 50px 0px rgba(63, 69, 105, 0.15) !important;
    height: 157px !important;
}

.bg-rounded-ul-primary {
    color: rgba(42, 166, 255, 1) !important
}

.bg-rounded-ul-success {
    color: rgba(25, 212, 171, 1) !important;
}

.bg-rounded-ul-warning {
    color: rgba(244, 117, 0, 1) !important;
}

.ms-6px {
    margin-left: 6px !important;
}

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

.hover-red-items:hover span {
    color: rgba(212, 25, 75, 1) !important;
}


.hover-red-items:hover .d-flex.align-items-center i {
    color: rgba(212, 25, 75, 1) !important;
}

.hover-red-items-exit:hover {
    background-color: rgba(247, 249, 252, 1) !important;
}

.hover-red-items:hover {
    background-color: rgba(247, 249, 252, 1) !important;
}

.hover-red-items-li:hover button span {
    color: rgba(212, 25, 75, 1) !important;
}

.hover-red-items-li:hover {
    background-color: rgba(247, 249, 252, 1) !important;
    cursor: pointer !important;
}

    .hover-red-items-li:hover button i {
        color: rgba(212, 25, 75, 1) !important;
    }

    .hover-red-items-li:hover button svg path {
        fill: rgba(212, 25, 75, 1) !important;
    }

.jstree-default .jstree-clicked {
    background: rgba(254, 244, 248, 1) !important;
}

.jstree-rtl .jstree-anchor {
    display: inline-flex !important;
    align-items: center !important;
}

.bg-form-control-f {
    background-color: rgba(250, 251, 252, 1) !important;
    border: none !important;
}

.bg-form-control-g {
    background-color: #f5f5f5 !important;
    border: 1px solid black !important;
}

.swal2-popup {
    z-index: 1000000 !important;
}

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

.null-box-shortcut {
    border: 1px dashed rgba(236, 239, 241, 1) !important;
}

    .null-box-shortcut:hover {
        background-color: rgba(250, 251, 252, 1) !important;
        border: 1px dashed rgba(236, 239, 241, 1) !important;
    }

        .null-box-shortcut:hover path {
            fill: rgba(144, 164, 174, 1) !important;
        }

.wrappers {
    visibility: hidden;
    position: absolute;
    width: 152px;
    height: 42px !important;
    border-radius: 6px !important;
    background: #fff;
    box-shadow: 0px 0px 50px 0px rgba(63, 69, 105, 0.15) !important;
}

.ms-3px {
    margin-right: 3px !important;
}

.hover-right-menu:hover {
    background-color: rgba(247, 249, 252, 1) !important;
}

.cursor {
    cursor: pointer !important;
}

.z-index-10000 {
    z-index: 1000000 !important
}


.min-h-22 {
    min-height: 26vh !important
}

.mt-4px {
    margin-top: 4px !important;
}

.fontsize-icon-68px {
    font-size: 68px !important;
    color: rgba(176, 190, 197, 1) !important;
}

.active-show {
    display: flex !important;
}

.deactive-none {
    display: none !important;
}

.min-width-550px {
    min-width: 551px !important;
}

.fontsize-icon-68px:hover {
    color: #78909C !important;
}

.overflow-x-hide {
    overflow-x: hidden !important;
}

.mb-4px {
    margin-bottom: 4px !important;
}

.h-34px {
    height: 34px !important;
}

.fix-style-dropdown {
    box-shadow: 0px 0px 50px 0px rgba(63, 69, 105, 0.15) !important;
    height: 74px !important;
}

.w-h-dropdown-tree {
    width: 139px !important;
    height: 106px !important;
    box-shadow: 0px 0px 50px 0px rgba(63, 69, 105, 0.15) !important;
    border-radius: 6px !important;
}


.mb-14px {
    margin-bottom: 14px !important
}

.mt-14px {
    margin-top: 14px !important;
}

.mb-6px {
    margin-bottom: 6px !important;
}

.w-h-dropdown-js-tree {
    width: 139px !important;
    height: 42px !important;
    border-radius: 6px !important;
    box-shadow: 0px 0px 50px 0px rgba(63, 69, 105, 0.15) !important;
}

.w-h-dropdown-create-hesab {
    width: 141px !important;
    height: 74px !important;
    box-shadow: 0px 0px 50px 0px rgba(63, 69, 105, 0.15) !important;
    border-radius: 6px !important;
}

.mt-34px {
    margin-top: 34px !important;
}

.mt-6px {
    margin-top: 6px !important;
}

.mt-24px {
    margin-top: 24px !important;
}

.py-12px {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
}

.mb-24px {
    margin-bottom: 24px !important;
}

.mb-34px {
    margin-bottom: 34px !important;
}

.w-h-18px {
    width: 18px !important;
    height: 18px !important;
    border-radius: 100px !important;
    border: 1px solid rgba(120, 144, 156, 1) !important;
}

.color-x-close-nodal {
    color: rgba(158, 158, 158, 1) !important;
}

    .color-x-close-nodal:hover {
        color: rgba(212, 25, 75, 1) !important;
    }

.h-310px {
    height: 310px !important;
}

.h-79 {
    height: 79% !important;
}

.h-345px {
    height: 345px !important;
}

.d-none-costumer {
    display: none !important;
}

.max-h-361px {
    max-height: 361px !important;
}

.h-354px {
    height: 354px !important;
}

.h-500px {
    height: 500px !important;
}

.header-h-pupup-sweet {
    height: 52px !important;
    border-bottom: 1px solid rgba(211, 221, 235, 1) !important;
    background-color: rgba(242, 245, 250, 1) !important;
}

.foter-h-pupup-sweet {
    height: 52px !important;
    border-top: 1px solid rgba(211, 221, 235, 1) !important;
    background-color: rgba(242, 245, 250, 1) !important;
}

.close-popup-alert {
    width: 107px !important;
    height: 35px !important;
    border-radius: 6px !important;
    border: 1px solid rgba(255, 66, 66, 1) !important;
}

.close-popup-alerts {
    width: 107px !important;
    height: 35px !important;
    border-radius: 6px !important;
    background-color: rgba(255, 66, 66, 1) !important;
}

.color-close-text {
    color: rgba(255, 66, 66, 1) !important;
}

.hover-active-input-login:hover {
    border: 1px solid rgba(69, 90, 100, 1) !important;
    cursor: pointer !important;
}

.hover-active-input-login:focus {
    border: 1px solid rgba(42, 166, 255, 1) !important;
    box-shadow: 0px 0px 4px 2px rgba(62, 127, 255, 0.14) !important;
}

.max-h-800px {
    max-height: 800px !important;
}

.h-83px {
    height: 83px !important;
}

.border-bot-header-fix {
    border-bottom: 1px solid rgba(211, 221, 235, 1) !important;
}

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

.ms-18px {
    margin-right: 18px !important;
}

.p-14px {
    padding: 14px !important;
}

.ms-14px {
    margin-right: 14px !important;
}

.ps-24px {
    padding-right: 24px !important;
}

.p-7px {
    padding: 7px !important;
}

.mt-7px {
    margin-top: 7px !important;
}

.ms-12px {
    margin-left: 12px !important;
}

.border-header-table {
    border: 1px solid rgba(211, 221, 235, 1) !important;
    background-color: rgba(242, 245, 250, 1) !important;
    height: 36px !important;
}

.sum-price-number-table {
    background-color: rgba(242, 245, 250, 1) !important;
    height: 36px !important;
}

.bg-title-table {
    background-color: rgba(242, 250, 255, 1) !important;
    border: 1px solid rgba(211, 221, 235, 1) !important;
    height: 36px !important;
}

.text-color-title-table {
    color: rgba(60, 109, 144, 1) !important;
}

.ps-12px {
    padding-right: 12px !important;
}

.h-36px {
    height: 36px !important;
}

.border-table-empty {
    border: 1px solid rgba(211, 221, 235, 1) !important;
}

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

.border-table-left {
    border-right: 1px solid rgba(211, 221, 235, 1) !important;
}

.border-table-right {
    border-left: 1px solid rgba(211, 221, 235, 1) !important;
}

.bg-white-important {
    background-color: white !important;
}

.w-h-btn-table {
    width: 34px !important;
    height: 34px !important;
    background-color: rgba(250, 251, 252, 1) !important;
    border: 1px solid rgba(211, 221, 235, 1) !important;
    border-radius: 6px !important;
}

.me-20px {
    margin-right: 20px !important;
}

.hover-li-list:hover a {
    color: rgba(69, 90, 100, 1) !important;
}

.hover-li-list:hover .active {
    color: rgba(212, 25, 75, 1) !important;
}

.hover-li-listsa:hover span {
    color: rgba(69, 90, 100, 1) !important;
}

.hover-li-list:hover button span {
    color: rgba(69, 90, 100, 1) !important;
}

.hover-li-list .active:hover span {
    color: rgba(212, 25, 75, 1) !important;
}

.ms-5px {
    margin-right: 5px !important;
}

.me-5px {
    margin-left: 5px !important
}

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

.border-right-none {
    border-right: none !important;
}

.p-6px {
    padding: 6px !important;
}

.bg-form-control-border {
    background-color: rgba(250, 251, 252, 1) !important;
    border: 1px rgba(211, 221, 235, 1) solid !important;
}

.pb-6px {
    padding-bottom: 6px !important;
}

.color-checkbox-filter-search {
    color: rgba(24, 24, 24, 1) !important;
}

.radius-t-l-6px {
    border-radius: 6px 0 0 6px !important;
}

.mt-30px {
    margin-top: 30px !important;
}

.color-input-field-text {
    color: rgba(120, 144, 156, 1) !important;
}

.form-check-input {
    width: 20px !important;
    height: 20px !important;
    border-radius: 4px !important;
    background-color: rgba(250, 251, 252, 1) !important;
    border-color: rgba(207, 216, 220, 1) !important;
}

    .form-check-input:checked {
        background-color: rgba(212, 25, 75, 1) !important;
        border-color: rgba(212, 25, 75, 1) !important;
    }

.btn-reports {
    background-color: rgba(212, 25, 75, 1) !important;
    width: 126px;
    height: 36px;
    border-radius: 6px;
}

.btn-reports-col {
    background-color: rgba(212, 25, 75, 1) !important;
    height: 36px;
    border-radius: 6px;
}

.btn-reports:hover {
    background-color: rgba(191, 19, 72, 1) !important;
}

.btn-reports-col:hover {
    background-color: rgba(191, 19, 72, 1) !important;
}

.btn-reports > span {
    color: white !important;
}

.max-height-772 {
    max-height: 820px !important;
}

.color-add-sanad-details {
    color: rgba(25, 212, 171, 1) !important;
}

.mt-50px {
    margin-top: 40px !important;
}

.w-156px {
    width: 153px !important;
}

.w-h-18pxs {
    width: 18px !important;
    height: 18px !important;
}

.pt-0-frx {
    padding-top: 0 !important;
}

.rounded-right-6px {
    border-radius: 0 6px 0 0 !important;
}

.rounded-start-6px {
    border-radius: 6px 0 0 0 !important;
}

.rounded-bottom-6px {
    border-radius: 0 0 6px 0 !important;
}

.rounded-left-6px {
    border-radius: 0 0 0 6px !important;
}

.border-left-nones {
    border-right: none !important;
}

.col-20-persent {
    width: 20% !important;
    flex: 0 0 auto !important;
}

.rounded-s-left {
    border-radius: 6px 0 0 6px !important;
}

.ps-6px {
    padding-right: 6px !important;
}

.ps-8px {
    padding-right: 8px !important;
}

.pe-075-all {
    padding-left: 9.75px !important;
}

.bg-controls {
    background-color: rgba(242,245,250,1) !important;
    border: none !important;
}

.pe-3px {
    padding-right: 3px !important;
}

.mb-12px {
    margin-bottom: 12px !important;
}

.mb-40px {
    margin-bottom: 40px !important;
}

.col-40-persent {
    width: 40% !important;
}

.w-63px {
    width: 63px !important;
}

.w-250px {
    width: 250px !important;
}

.box-date {
    width: 214px !important;
    height: 230px !important;
    box-shadow: 0px 0px 50px 0px rgba(63, 69, 105, 0.15) !important;
    border-radius: 6px !important;
    background-color: white !important;
}

.date-picker-date {
    width: 60px !important;
    height: 32px !important;
}

.text-color-datepicker {
    color: rgba(176, 190, 197, 1) !important;
}

.text-centerfix-date {
    color: rgba(212, 25, 75, 1) !important
}

.bg-center-date {
    background-color: rgba(242, 245, 250, 1) !important;
}

.me-16px {
    margin-left: 16px !important;
}

.pb-4px {
    padding-bottom: 4px !important;
}

.text-orebge-dateer {
    color: rgba(255, 116, 37, 1) !important;
}

.w-h-confirtm-date {
    width: 48px !important;
    height: 32px !important;
}

.w-h-confirtm-date50 {
    width: 50px !important;
    height: 32px !important;
}

.mt-25px {
    margin-top: 25px !important;
}

.w-reset-btn-report {
    width: 126px !important;
    height: 36px !important;
    border: 1px solid rgba(212, 25, 75, 1) !important;
    background-color: white !important;
    border-radius: 6px !important;
}

    .w-reset-btn-report:hover {
        background-color: rgba(254, 239, 245, 1) !important;
    }

.w-reset-btn-report-col {
    height: 36px !important;
    border: 1px solid rgba(212, 25, 75, 1) !important;
    background-color: white !important;
    border-radius: 6px !important;
}

    .w-reset-btn-report-col:hover {
        background-color: rgba(254, 239, 245, 1) !important;
    }

.text-reset-report {
    color: rgba(212, 25, 75, 1) !important;
    font-size: 14px !important;
}

.calander-picker-dropdown {
    position: absolute;
    left: 0;
    top: 45px;
    z-index: 100000000;
}

.bg-dropzone-upload {
    background-color: rgba(247, 250, 255, 1) !important;
}

.w-return-btn-drop {
    width: 125px !important;
    height: 35px !important;
    border-radius: 6px !important;
    background-color: rgba(212, 25, 75, 1) !important;
}

    .w-return-btn-drop:hover {
        background-color: rgba(191, 19, 72, 1) !important;
    }

.pe-18px {
    padding-right: 18px !important;
}

.w-btn-profile {
    width: 139px !important;
    height: 35px !important;
    border-radius: 6px !important;
    background-color: rgba(212, 25, 75, 1) !important;
}

    .w-btn-profile:hover {
        background-color: rgba(191,19,72,1) !important;
    }

.select-icon-none {
    background-image: none !important;
}

select:disabled,
[disabled] {
    color: rgba(24,24,24,100) !important;
    background-color: rgba(242, 245, 250, 1) !important;
}

.select2-container--bootstrap5.select2-container--disabled .form-select {
    color: rgba(24,24,24,100) !important;
    background-color: rgba(242, 245, 250, 1) !important;
}

.bg-image-auto {
    background-size: auto !important;
}

.me-40px {
    margin-right: 40px !important;
}

.me-18px {
    margin-right: 18px !important;
}

.mt-40px {
    margin-top: 40px !important;
}

.bg-logo-profile {
    background-color: rgba(234, 61, 101, 1) !important;
}

.mb-32px {
    margin-bottom: 32px !important;
}

.h-130px {
    height: 130px !important;
}

.text-success-profile {
    color: rgba(25, 212, 171, 1) !important;
}

.bg-update-profile {
    width: 167px !important;
    height: 36px !important;
    background-color: rgba(212, 25, 75, 1) !important;
}

.py-22px {
    padding-top: 22px !important;
    padding-bottom: 22px !important;
}

.bg-h165px {
    height: 165px !important;
    background-color: rgba(250, 251, 252, 1) !important;
    border: 1px solid rgba(211, 221, 235, 1) !important;
    border-radius: 10px !important;
}

.fs-48px {
    font-size: 48px !important
}

.color-icon-social {
    color: rgba(240, 95, 127, 1) !important;
}

.pe-12px {
    padding-left: 12px !important;
}

.text-prof {
    color: rgba(102, 102, 102, 1) !important;
}

.text-one-col {
    color: rgba(0, 0, 0, 1) !important;
}

.w-28px-h {
    width: 28px !important;
    height: 28px !important;
    border-radius: 100px !important;
    background-color: rgba(254, 239, 245, 1) !important;
}

.bg-td-table {
    background-color: rgba(242, 245, 250, 1) !important;
}

.bg-tds-table {
    background-color: rgba(250, 250, 250, 1) !important;
}

.pb-1px {
    padding-bottom: 1px !important;
}

.input-checkbox-active:focus {
    border: none !important;
}

.input-checkbox-active:active {
    border: none !important;
}

.date-mountly-text {
    color: rgba(69, 90, 100, 1) !important;
    font-size: 14px !important;
}

.trash-hover-events .trash-icon i {
    color: rgba(120, 144, 156, 1) !important;
}

.trash-hover-events:hover .trash-icon i {
    color: rgba(120, 144, 156, 1) !important;
}

.trash-hover-events .trash-icon i:hover {
    color: rgba(234, 61, 101, 1) !important;
}

.trash-hover-events:hover .trash-icon {
    display: block !important;
}

.max-height-240px {
    max-height: 240px !important;
}

.overflow-texts {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}



/*
    grid styles
*/
.dx-datagrid-headers {
    color: rgba(38, 50, 56, 1);
    font-size: 14px;
    font-weight: 400;
    -ms-touch-action: pinch-zoom;
    touch-action: pinch-zoom;
    border-bottom: 1px solid #ddd;
    background-color: rgba(242, 245, 250, 1);
    border-radius: 6px 6px 0 0;
}

.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > td,
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > tr > td,
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > td,
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > tr > td {
    background-color: rgba(240, 246, 255, 1);
    color: rgba(55,71,79,1);
}

.dx-datagrid-nodata {
    color: rgba(144,164,174,1);
    font-size: 16px;
}

.dx-datagrid {
    color: rgba(55, 71, 79, 1);
    background-color: #fff;
}

    .dx-datagrid .dx-header-filter-empty {
        color: rgba(176, 190, 197, 1);
    }

    .dx-datagrid.dx-filter-menu .dx-menu-item-content .dx-icon {
        width: 14px;
        height: 14px;
        background-position: 0 0;
        background-size: 14px 14px;
        padding: 0;
        font-size: 16px;
        text-align: center;
        line-height: 14px;
    }

    .dx-datagrid-container.dx-filter-menu .dx-menu-item-has-icon .dx-icon,
    .dx-datagrid.dx-filter-menu .dx-menu-item-has-icon .dx-icon {
        color: rgba(144, 164, 174, 1);
    }

    .dx-datagrid .dx-row-alt > td,
    .dx-datagrid .dx-row-alt > tr > td {
        background-color: rgba(250,251,252);
        border-top: 1px solid #f5f5f5;
        border-bottom: 1px solid #f5f5f5;
    }

.dx-datagrid-headers {
    color: rgba(38, 50, 56, 1);
    font-size: 14px !important;
    font-weight: 400;
    -ms-touch-action: pinch-zoom;
    touch-action: pinch-zoom;
    border-bottom: 1px solid #ddd;
    background-color: rgba(242, 245, 250, 1);
    border-radius: 6px 6px 0 0 !important;
}

.dx-widget,
.dx-widget *,
.dx-widget :after,
.dx-widget :before,
.dx-widget:after,
.dx-widget:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 6px 6px 6px 6px;
}

small, .small {
    font-size: 14px;
}

.dx-datagrid-action,
.dx-datagrid-drag-action {
    cursor: pointer;
    background-color: rgba(242, 245, 250, 1);
}

input[type="radio"] {
    appearance: none;
    cursor: pointer;
    width: 20px;
    height: 20px;
    border: 6px solid rgba(207,216,220,1);
    border-radius: 10px !important;
}

    input[type="radio"]:hover {
        border: 6px solid rgba(176,190,196,1);
    }

.radio-btn:focus {
    border: 6px solid rgba(212,25,75,1) !important;
}

    .radio-btn:focus:hover {
        border: 6px solid rgba(191,19,72) !important;
    }

input[type="radio"] {
    appearance: none;
    cursor: pointer;
    width: 20px;
    height: 20px;
    border: 6px solid rgba(207, 216, 220, 1);
    border-radius: 50%;
    transition: border 0.2s ease-in-out;
}


    input[type="radio"]:hover {
        border: 6px solid rgba(176, 190, 196, 1);
    }


    input[type="radio"]:focus {
        outline: none;
        border: 6px solid rgba(212, 25, 75, 1) !important;
    }


        input[type="radio"]:focus:hover {
            border: 6px solid rgba(191, 19, 72, 1) !important;
        }


    input[type="radio"]:checked {
        border: 6px solid rgba(191, 19, 72, 1);
    }

.fw-600 {
    font-weight: 600 !important;
}

.bg-suc {
    background: rgb(230,255,250);
    background: linear-gradient(90deg, rgba(230,255,250,1) 0%, rgba(239,255,233,1) 100%);
}

.w-bg-success {
    width: 458px !important;
    height: 397px !important;
    background-color: white !important;
    border-radius: 20px !important;
}

.btn-login-form {
    width: 141px !important;
    height: 32px !important;
    border-radius: 6px !important;
    background-color: rgba(25,212,171,1)
}

    .btn-login-form:hover {
        background-color: rgba(0, 187, 136,1) !important;
    }

.py-34px {
    padding-bottom: 34px !important;
    padding-top: 34px !important;
}

.text-bold {
    font-family: inter-bold;
}

.text-medium {
    font-family: inter-medium;
}

.pt-12px {
    padding-top: 12px !important;
}

.btn-leave-access {
    width: 97px !important;
    height: 35px !important;
    background-color: #fff !important;
    border: 1px solid rgba(212,25,75,1) !important;
}

    .btn-leave-access:hover {
        background-color: rgba(254, 239, 245, 1) !important;
    }

.btn-turnall-access {
    width: 167px !important;
    height: 35px !important;
    border: 1px solid rgba(211, 221, 235, 1) !important;
    background-color: rgba(250, 251, 252, 1) !important;
    border-radius: 6px !important;
}

.px-s-11 {
    padding-right: 11.50px !important;
    padding-left: 18px !important;
}

.dx-gridbase-container > .dx-datagrid-rowsview.dx-scrollable {
    border-radius: 0 0 6px 6px !important;
}

.dx-datagrid-total-footer {
    background-color: rgba(242,245,250,1) !important;
    border-radius: 0 0 6px 6px !important;
}

.dx-datagrid-checkbox-size .dx-checkbox-icon {
    width: 20px !important;
    height: 20px !important;
    border-radius: 4px !important;
}

.dx-datagrid-checkbox-size.dx-checkbox-checked .dx-checkbox-icon {
    background-color: rgba(212, 25, 75, 1) !important;
}

.dx-checkbox-checked .dx-checkbox-icon {
    color: #fff !important;
    background-color: rgba(212, 25, 75, 1) !important;
}

.icon-recipt {
    color: rgba(255, 42, 234, 1) !important;
}

.bg-solid-card {
    background-color: rgba(250, 251, 252, 1) !important;
    border: 1px solid rgba(211, 221, 235, 1) !important;
    border-radius: 6px !important;
}

.h-445px-card {
    height: 445px !important;
    background-color: rgba(250, 251, 252, 1) !important;
    border: 1px solid rgba(211, 221, 235, 1) !important;
    border-radius: 6px !important;
}

.h-68px {
    height: 68px !important;
}

.border-card {
    border: 1px solid rgba(211, 221, 235, 1) !important;
}

.p-8px {
    padding: 8px !important;
}

.color-icon-violet {
    color: rgba(183, 66, 255, 1) !important;
}

.bg-color {
    background-color: rgba(242, 245, 250, 1) !important;
}

.ms-100px {
    margin-right: 100px !important;
}

.color-error {
    color: rgba(255,66,66,1) !important;
}

.w-137px {
    width: 137px !important;
}

.pb-12px {
    padding-bottom: 12px !important;
}

.test .active.blue {
    border: 2px solid rgba(42, 166, 255, 1) !important;
}

.test .active.green {
    border: 2px solid rgba(25, 212, 171, 1) !important;
}

.test .active.orange {
    border: 2px solid rgba(242, 117, 1, 1) !important;
}

.test .active.violet {
    border: 2px solid rgba(183, 66, 255, 1) !important;
}

.test .active.red {
    border: 2px solid rgba(255, 42, 55, 1) !important;
}

.test .active.tankhah {
    border: 2px solid rgba(251, 55, 161,1) !important;
}

.border-active-blue {
    border: 2px solid rgba(42, 166, 255, 1) !important;
    border-radius: 6px !important;
}

.border-active-green {
    border: 2px solid rgba(25, 212, 171, 1) !important;
}

.border-active-orange {
    border: 2px solid rgba(242, 117, 1, 1) !important;
}

.border-active-violet {
    border: 2px solid rgba(183, 66, 255, 1) !important;
}

.border-active-red {
    border: 2px solid rgba(255, 42, 55, 1) !important;
}

.color-red {
    color: rgba(255, 42, 55, 1) !important;
}

.color-icon-v {
    color: rgba(251, 55, 161,1) !important;
}

.border-active-tankhah {
    border: 2px solid rgba(251, 55, 161,1) !important;
}

.input-disabled:disabled {
    background-color: rgba(242,245,250,1) !important;
    border: none !important;
}

.cursor-defualt {
    cursor: unset !important;
}

.scroll-spy-hide {
    overflow-y: overlay !important;
    scrollbar-width: none !important;
}

.bg-icon-box {
    background-color: rgba(242, 245, 250, 1) !important;
}

.border-none {
    border: none !important;
}

.w-900-popup {
    width: 950px !important;
}

.h-39 {
    height: 39px !important;
}
/*grid search*/
.dx-searchbox .dx-icon-search:before {
    color: rgba(176,190,197,1) !important;
    font-weight: 400 !important;
    font-size: 16px !important;
}

.mt-32px {
    margin-top: 32px !important;
}

.shadows-nones {
    box-shadow: none !important;
}

.hover-camer:hover label i {
    color: rgba(212, 25, 75, 1) !important;
}

.hover-camer:hover i {
    color: rgba(212, 25, 75, 1) !important;
}

.border-space-dashed {
    border: 1px dashed rgba(211, 221, 235,1) !important;
    height: 1px !important;
}

.mx-10px {
    margin-right: 10px !important;
    margin-left: 10px !important;
}

.border-spliter {
    border-bottom: 1px solid rgba(144, 164, 174, 1) !important;
}

.footer-btn-modal {
    width: 136px !important;
    height: 36px !important;
    background-color: rgba(212,25,75,1) !important;
    border-radius: 6px !important;
}

.footers-btn-modal {
    width: 136px !important;
    height: 36px !important;
    background-color: #fff !important;
    border: 1px solid rgba(212, 25, 75, 1) !important;
    border-radius: 6px !important;
}

.pb-24px {
    padding-bottom: 24px !important;
}

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

.h-81pxs {
    width: 81px !important;
    height: 36px !important;
}

.w-32px {
    width: 32px !important;
    height: 32px !important;
}

.pe-s0 {
    padding-left: 0 !important;
}

.box-icons-header {
    width: 32px !important;
    height: 32px !important;
    border-radius: 6px !important;
    border: 1px solid rgba(211, 221, 235, 1) !important;
}

.me-24px {
    margin-left: 24px !important;
}

.ps-4px {
    padding-right: 4px !important;
}

.pt-0s {
    padding-top: 0 !important;
}

.box-sidebar {
    height: 82px !important;
    background-color: rgba(250, 251, 252, 1) !important;
    padding-right: 24px !important;
    padding-left: 24px !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}

.box-bg-blue {
    width: 8px !important;
    height: 8px !important;
    background-color: rgba(42, 166, 255, 1) !important;
}

.ms-45px {
    margin-right: 45px !important;
}

.bg-whites {
    background-color: white !important;
}

.w-green-box {
    width: 8px !important;
    height: 8px !important;
    background-color: rgba(25, 212, 171, 1) !important;
}

.w-orange-box {
    width: 8px !important;
    height: 8px !important;
    background-color: rgba(227, 109, 0, 1)
}

.w-purple-box {
    width: 8px !important;
    height: 8px !important;
    background-color: rgba(183, 66, 255, 1);
}

.w-red-box {
    width: 8px !important;
    height: 8px !important;
    background-color: rgba(255, 42, 55, 1) !important;
}

.pe-24px {
    padding-left: 24px !important;
}

.dx-treelist-header-panel {
    border-bottom: none !important;
}

.h-75px {
    height: 75px !important;
}

.rounded-t-r6px {
    border-radius: 6px 6px 0 0 !important;
}

.fs-24px {
    font-size: 24px !important;
}

.pt-24px {
    padding-top: 24px !important;
}

.my-18px {
    margin-top: 18px !important;
    margin-bottom: 18px !important;
}

.test-seelct {
    min-height: 0 !important;
    height: 48px !important;
}

.test-seelct-41px {
    min-height: 0 !important;
    height: 41px !important;
}

.test-seelcts {
    min-height: 0 !important;
    height: 38px !important;
}

.select-h-32px {
    min-height: 0 !important;
    height: 32px !important;
}

.pb-10px {
    padding-bottom: 10px !important;
}

.dx-button-mode-outlined.dx-button-danger {
    border: none;
}

    .dx-button-mode-outlined.dx-button-danger .dx-icon {
        color: rgba(255,66,66,1) !important;
    }

.dx-button-has-icon .dx-icon {
    font-size: 20px !important;
}

.dx-button-mode-outlined.dx-button-danger.dx-state-hover {
    background-color: transparent !important;
}

.uploader-box-img {
    height: 80px !important;
    border: 1px dashed rgba(42, 166, 255, 1) !important;
    border-radius: 6px !important;
    background-color: rgba(247, 250, 255, 1) !important;
}

.p-16px {
    padding: 16px !important;
}

.ms-20px {
    margin-right: 20px !important;
}

.me-20pxs {
    margin-left: 20px !important;
}

.img-upload-grid {
    width: 50px !important;
    height: 50px !important;
    border: 1px solid gainsboro !important;
    border-radius: 6px !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

.mt-2px {
    margin-top: 2px !important;
}

.box-table-price {
    height: 193px !important;
    border: 1px solid rgba(211, 221, 235, 1) !important;
}

.w-182px {
    width: 182px !important;
}

.border-botem-table {
    border-bottom: 1px rgba(211, 221, 235, 1) solid !important;
}

.border-right-table {
    border-right: 1px rgba(211, 221, 235, 1) solid !important;
}

.h-49px {
    height: 49px !important;
}

.h-72px {
    height: 72px !important;
}

.bg-form-control-toolbar {
    background-color: rgba(250, 251, 252, 1) !important;
    border: 1px solid rgba(211, 221, 235, 1) !important;
}

    .bg-form-control-toolbar:hover {
        background-color: rgba(242, 245, 250, 1) !important;
    }

.dx-toolbar-button.dx-toolbar-menu-container .dx-dropdownmenu.dx-dropdownmenu-button.dx-button.dx-button-normal.dx-button-mode-contained.dx-widget.dx-rtl.dx-button-has-icon {
    background-color: rgba(250, 251, 252, 1) !important;
    border: 1px solid rgba(211, 221, 235, 1) !important;
}

    .dx-toolbar-button.dx-toolbar-menu-container .dx-dropdownmenu.dx-dropdownmenu-button.dx-button.dx-button-normal.dx-button-mode-contained.dx-widget.dx-rtl.dx-button-has-icon:hover {
        background-color: rgba(242, 245, 250, 1) !important;
    }

.level-price-b {
    border: 1px solid rgba(211, 221, 235, 1) !important;
    background-color: white !important;
    border-radius: 6px !important;
    padding: 17.5px !important;
    flex-wrap: wrap !important;
}

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

.fixed-input-bg {
    background-color: rgba(250, 251, 252, 1) !important;
    border-color: rgba(207, 216, 220, 1) !important;
}

.bg-defualt-box {
    background-color: rgba(207, 216, 220, 1) !important;
}

.mt-2rem {
    margin-top: 2rem !important;
}

.fs-32px {
    font-size: 32px !important;
}

.max-h-527px {
    max-height: 527px !important;
}

.mt-22px {
    margin-top: 22px !important;
}

.color-reds {
    color: rgba(212, 25, 75, 1) !important;
}

.hover-side {
    display: none !important;
}

.p-close-sidebar:hover .hover-side {
    display: flex !important;
}

.menu-item.menu-accordion .menu-arrow:after {
    transform: rotateZ(0);
    transition: transform 0.3s ease;
}

.menu-item.menu-accordion.showing:not(.menu-dropdown) > .menu-link .menu-arrow:after, .menu-item.menu-accordion.show:not(.hiding):not(.menu-dropdown) > .menu-link .menu-arrow:after {
    transform: rotateZ(-90deg);
    transition: transform 0.3s ease;
}

.circle-fill-before {
    width: 4px !important;
    height: 4px !important;
    background-color: rgba(80, 103, 115, 1) !important;
    border-radius: 10px !important;
}

.form-popup {
    width: 357px !important;
    min-height: 192px !important;
    max-height: 248px !important;
    background-color: white !important;
    border-radius: 12px !important;
    border-top: 6px solid rgba(244, 117, 0, 1) !important;
    padding-bottom: 12px !important;
}

.form-popups {
    width: 357px !important;
    min-height: 192px !important;
    max-height: 220px !important;
    background-color: white !important;
    border-radius: 12px !important;
    border-top: 6px solid rgba(255, 66, 66, 1) !important;
    padding-bottom: 12px !important;
}

.form-popupss {
    width: 357px !important;
    height: max-content;
    max-height: 330px !important;
    background-color: white !important;
    border-radius: 12px !important;
    border-top: 6px solid rgba(255, 66, 66, 1) !important;
}

.text-popup {
    color: rgba(158, 158, 158, 1) !important;
}

.btn-popuop {
    width: 84px !important;
    height: 36px !important;
    background-color: rgba(244, 117, 0, 1) !important;
    border-radius: 6px !important;
}

    .btn-popuop:hover {
        background-color: rgba(222, 106, 0, 1) !important;
    }

.btn-popuop-no {
    width: 84px !important;
    height: 36px !important;
    border: 1px solid rgba(244, 117, 0, 1) !important;
    background-color: white !important;
    border-radius: 6px !important;
}

    .btn-popuop-no:hover {
        background-color: rgba(255, 248, 241, 1) !important;
    }

.btn-popuop-delete {
    width: 79px !important;
    height: 36px !important;
    background-color: rgba(255, 66, 66, 1) !important;
    border-radius: 6px !important;
}

    .btn-popuop-delete:hover {
        background-color: rgba(229, 43, 43, 1) !important;
    }

.btn-popuop-no-delete {
    width: 84px !important;
    height: 36px !important;
    border: 1px solid rgba(255, 66, 66, 1) !important;
    background-color: white !important;
    border-radius: 6px !important;
}

    .btn-popuop-no-delete:hover {
        background-color: rgba(255, 235, 235, 1) !important;
    }

.change-warning {
    border-top: 6px solid rgba(244, 117, 0, 1) !important;
}

.h-138x {
    max-height: 138px !important;
}

.accordion-button.sd:not(.collapsed)::after {
    margin: 0 !important;
    margin-right: 4px !important;
    display: flex !important;
}

.accordion-button.sd:not(.collapsed)::before {
    margin: 0 !important;
    margin-right: 4px !important;
    display: flex !important;
}

.accordion-button.sd::after {
    margin: 0;
    margin-right: 4px !important;
}

.h-24px {
    height: 24px !important;
}

.style-toast {
    width: 525px !important;
    height: 46px !important;
    background-color: rgba(230, 250, 242, 1) !important;
    border: 1px solid rgba(0, 198, 118, 0.4) !important;
    padding-right: 7px !important;
    padding-left: 13px !important;
    border-radius: 6px !important;
}

.line-height {
    height: 28px !important;
    width: 2px !important;
    background-color: rgba(0, 198, 118, 0.4) !important;
}

.ms-13px {
    margin-right: 13px !important;
}

.style-toasts {
    width: 525px !important;
    height: 46px !important;
    background-color: rgba(230, 246, 255, 1) !important;
    border: 1px solid rgba(42, 166, 255, 1) !important;
    padding-right: 7px !important;
    padding-left: 13px !important;
    border-radius: 6px !important;
}

.style-toasts-warning {
    width: 525px !important;
    height: 46px !important;
    background-color: rgba(254, 242, 230, 1) !important;
    border: 1px solid rgba(244, 117, 0, 0.4) !important;
    padding-right: 7px !important;
    padding-left: 13px !important;
    border-radius: 6px !important;
}

.line-heights-warning {
    height: 28px !important;
    width: 2px !important;
    background-color: rgba(244, 117, 0, 0.4) !important;
}

.line-heights {
    height: 28px !important;
    width: 2px !important;
    background-color: rgba(0, 158, 247, 0.4) !important;
}

.color-x-orange {
    color: rgba(244, 117, 0, 1) !important;
}

.style-toasts-error {
    width: 525px !important;
    height: 46px !important;
    background-color: rgba(255, 232, 232, 1) !important;
    border: 1px solid rgba(255, 22, 22, 0.4) !important;
    padding-right: 7px !important;
    padding-left: 13px !important;
    border-radius: 6px !important;
}

.line-heights-warning {
    height: 28px !important;
    width: 2px !important;
    background-color: rgba(255, 22, 22, 0.4) !important;
}

.line-heights {
    height: 28px !important;
    width: 2px !important;
    background-color: rgba(0, 158, 247, 0.4) !important;
}

.color-x-error {
    color: rgba(255, 66, 66, 1) !important;
}

.color-x-orange {
    color: rgba(244, 117, 0, 1) !important;
}

.color-x-blue {
    color: rgba(0, 158, 247, 1) !important;
}

.ul-child-p0 ul {
    padding: 0 !important;
    margin: 0 !important;
}

.w-82px {
    width: 82px !important
}

.w-95px {
    width: 95px !important;
}

.w-122px {
    width: 122px !important;
}

.border-table {
    border: 1px solid gainsboro !important;
}

.pt-6px {
    padding-top: 6px !important;
}

.show-doc-btn {
    width: 32px !important;
    height: 32px !important;
    border-radius: 6px !important;
    border: 1px solid rgba(211, 221, 235, 1) !important;
    background-color: rgba(250, 251, 252, 1) !important;
}

.w-85px {
    width: 85px !important;
}

.ps-9px {
    padding-right: 9px !important;
}

.pe-9px {
    padding-left: 9px !important;
}

.border-error {
    border: 1px solid rgba(255,66,66,1) !important;
}

.h-grid-according-setting .h-grid-responsive {
    height: 446px !important;
}

.h-grid-createsanad .h-grid-responsive {
    height: 500px !important;
}

.h-grid-gardesh .h-grid-responsive {
    height: 66vh !important;
}

.h-grid-listsanad .h-grid-responsive {
    height: 600px !important;
}

.h-grid-sanad .h-grid-responsive {
    height: 450px !important;
}

.h-grids-sanad .h-grid-responsive {
    height: 400px !important;
}

.h-grids-crm {
    height: 400px !important;
}

.grid-inccorect .h-grid-responsive {
    height: 750px !important;
}

.grid-inccorect-82vh .h-grid-responsive {
    height: 82vh !important;
}

.grid-log {
    height: 300px !important;
}

.grid-access .h-grid-responsive {
    height: 500px !important;
}

.gird-h-80vh {
    height: 79.5vh !important;
}

.h-grid-product .h-grid-responsive {
    height: 570px !important;
}

.h-grid-matris .h-grid-responsive {
    height: 550px !important;
}

.h-grid-responsive {
    height: 650px !important;
}

.h-grid-reports {
    height: 600px !important;
}

.grid-daftar .h-grid-responsive {
    height: 600px !important;
}

.grid-project .h-grid-responsive {
    height: 700px !important;
}

.grid-h-sanadchq {
    height: 33vh !important;
}

.h-grid-sanadrecive {
    height: 350px !important;
}

.h-grid2-sanadrecive {
    height: 280px !important;
}

.h-grid2-sanadrecives {
    height: 290px !important;
}

.h-55px {
    height: 55px !important;
}

.py-0s {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.child-style .dx-button-content {
    padding: 0 !important;
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.icon-hover-calendar:hover span i {
    color: rgba(212, 25, 75, 1) !important;
}

.border-nones {
    border: none !important;
}

.scroll-auto {
    overflow-y: auto !important;
}

.dx-selection td {
    background: #F0F6FF !important;
    color: rgba(55,71,79,1) !important;
    border-top: unset !important;
    border-bottom: unset !important;
}

.dx-row-focused td {
    background: #F0F6FF !important;
    color: rgba(55,71,79,1) !important;
    border-top: unset !important;
    border-bottom: unset !important;
}

.shadow-header-scroll {
    box-shadow: 0px 6px 20px 0px rgba(0, 0, 0, 0.07) !important;
}

.h-150px {
    height: 150px !important;
}

.border-gray-header {
    border: 1px solid rgba(211, 221, 235, 1) !important;
}

.w-43px {
    width: 43px !important;
}

.rounded-6px-bottom {
    border-radius: 0 0 6px 6px !important;
}

.norep-trancfer {
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.h-700px {
    height: 700px !important;
}

.ps-7px {
    padding-right: 7px !important;
}

.h-97 {
    height: 97% !important;
}

.dx-row.dx-column-lines.dx-header-row {
    background: rgba(242,245,250,1) !important;
}

.dx-treelist-text-content.dx-text-content-alignment-right {
    color: rgba(38,50,56,1) !important;
}

.h-600px {
    height: 600px !important;
}

.max-h-600px {
    max-height: 600px !important;
}

.max-h-750px {
    max-height: 750px !important;
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
    box-shadow: none !important;
}

.max-h-820px {
    max-height: 820px !important;
}

.max-h-660px {
    max-height: 660px !important;
}

.w-19 {
    width: 19% !important;
}

.rounded-8px {
    border-radius: 8px !important;
}

.w-16 {
    width: 15.8% !important;
}

.w-fix {
    width: 86.5% !important;
}

.h-100px {
    height: 100px !important;
}

.h-185px-responsa {
    min-height: 150px !important;
    max-height: 185px !important;
}

.h-106px-respons {
    min-height: 76px !important;
    max-height: 106px !important;
}

.w-h-camera-icon:hover i {
    color: rgba(212, 25, 75, 1) !important;
}

.top-10 {
    top: 10% !important;
}

.border-n-tools .dx-buttongroup.dx-widget .dx-buttongroup-wrapper.dx-widget.dx-collection .dx-item.dx-buttongroup-item.dx-item-content.dx-buttongroup-item-content.dx-buttongroup-first-item.dx-buttongroup-last-item.dx-shape-standard.dx-button.dx-button-normal.dx-button-mode-outlined.dx-widget.dx-dropdownbutton-action.dx-button-has-icon.dx-buttongroup-item-has-width {
    background: transparent !important;
    border: none !important;
}

.border-multi {
    border: none !important;
    background: transparent !important;
}

.dx-fix-img .dx-button-content img {
    width: 28px !important;
}

.dx-fix-img .dx-button-content {
    width: 34px !important;
    padding: 0 !important;
    height: 34px !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

.w-90px {
    width: 90px !important;
}

.w-80px {
    width: 80px !important;
}

.small.dx-editor-cell.dx-focused .dx-highlight-outline.dx-pointer-events-target {
    position: relative !important;
}

.dx-icon-close.text-danger.ps-ab {
    position: absolute !important;
}

.error {
    color: rgba(255, 66, 66, 1) !important;
}

.w-130px {
    width: 130px !important;
}

.w-78px {
    width: 78px !important;
}

.w-145px {
    width: 145px !important;
}

.position-toast {
    right: 30px !important;
    bottom: 110px !important;
}

.toast {
    animation: slideIn 0.5s forwards;
}

    .toast.hide {
        animation: slideOut 0.5s forwards;
    }

.w-126px {
    width: 126px !important;
}

.dx-rtl.dx-button-mode-contained.dx-buttongroup-last-item.dx-buttongroup-first-item.dx-button, .dx-rtl.dx-button-mode-contained.dx-buttongroup-last-item.dx-buttongroup-first-item.dx-state-hover .dx-button-content, .dx-rtl.dx-button-mode-outlined.dx-buttongroup-last-item.dx-buttongroup-first-item.dx-button, .dx-rtl.dx-button-mode-outlined.dx-buttongroup-last-item.dx-buttongroup-first-item.dx-state-hover .dx-button-content {
    border-radius: 6px;
}

.dx-item.dx-buttongroup-item.dx-item-content.dx-buttongroup-item-content.dx-buttongroup-first-item.dx-buttongroup-last-item.dx-shape-standard.dx-button.dx-button-normal.dx-button-mode-outlined.dx-widget.dx-dropdownbutton-action.dx-rtl.dx-button-has-icon.dx-buttongroup-item-has-width.dx-state-hover {
    background-color: rgba(242, 245, 250, 1) !important;
}

.check-rel-taf {
    width: 85px !important;
    height: 23px !important;
    border-radius: 4px !important;
    background-color: rgba(235, 241, 250, 1) !important;
}

#Divgrid #TransactionGrid {
    height: 650px !important;
}

.line-spiletr {
    width: 1px !important;
    border: 1px solid rgba(211, 221, 235, 1) !important;
}

.mx-16px {
    margin-right: 16px !important;
    margin-left: 16px !important;
}

.bg-color-sidbar {
    background-color: rgba(247, 249, 252, 1) !important;
}

.h-47px {
    height: 47px !important;
}

.h-218px {
    height: 218px !important;
}

.h-170px {
    height: 170px !important;
}

.h-460px {
    height: 460px !important;
}


.dx-datagrid-search-panel.dx-show-invalid-badge.dx-textbox.dx-texteditor.dx-editor-outlined.dx-searchbox.dx-show-clear-button.dx-texteditor-empty.dx-widget.dx-rtl.dx-state-hover {
    border: 1px solid rgba(69, 90, 100, 1) !important;
    cursor: pointer !important;
}

.dx-datagrid-search-panel.dx-show-invalid-badge.dx-textbox.dx-texteditor.dx-editor-outlined.dx-searchbox.dx-show-clear-button.dx-texteditor-empty.dx-widget.dx-rtl.dx-state-focused {
    border: 1px solid rgba(42, 166, 255, 1) !important;
    box-shadow: 0px 0px 4px 2px rgba(62, 127, 255, 0.14) !important;
}

.dx-overlay-content.dx-rtl.dx-popup-normal.dx-resizable .dx-popup-content.dx-dropdownmenu-list.dx-scrollable.dx-scrollview.dx-rtl.dx-visibility-change-handler.dx-scrollable-vertical.dx-scrollable-simulated.dx-list.dx-widget.dx-collection .dx-scrollable-wrapper .dx-scrollable-container .dx-scrollable-content .dx-scrollview-content .dx-toolbar-menu-section.dx-toolbar-menu-last-section .dx-item.dx-list-item.dx-toolbar-menu-custom.dx-toolbar-menu-action.dx-toolbar-hidden-button .dx-item-content.dx-list-item-content .dx-toolbar-item-auto-hide .dx-button.dx-button-mode-outlined.dx-widget.bg-form-control-toolbar.mTooltip.dx-rtl.dx-button-has-icon {
    border-right: 0 !important;
    border-left: 0 !important;
    border-radius: 0 !important;
    border-top: 0 !important;
}

.dx-overlay-content.dx-rtl.dx-popup-normal.dx-resizable .dx-popup-content.dx-dropdownmenu-list.dx-scrollable.dx-scrollview.dx-rtl.dx-visibility-change-handler.dx-scrollable-vertical.dx-scrollable-simulated.dx-list.dx-widget.dx-collection .dx-scrollable-wrapper .dx-scrollable-container .dx-scrollable-content .dx-scrollview-content .dx-toolbar-menu-section.dx-toolbar-menu-last-section .dx-item.dx-list-item.dx-toolbar-menu-custom.dx-toolbar-menu-action.dx-toolbar-hidden-button .dx-item-content.dx-list-item-content .dx-toolbar-item-auto-hide .dx-button.dx-button-normal.dx-button-mode-contained.dx-widget.bg-form-control-toolbar.mTooltip.dx-rtl.dx-button-has-icon.dx-button-has-text {
    border-right: 0 !important;
    border-left: 0 !important;
    border-top: 0 !important;
    border-radius: 0 !important;
}

.dx-overlay-content.dx-rtl.dx-popup-normal.dx-resizable .dx-popup-content.dx-dropdownmenu-list.dx-scrollable.dx-scrollview.dx-rtl.dx-visibility-change-handler.dx-scrollable-vertical.dx-scrollable-simulated.dx-list.dx-widget.dx-collection .dx-scrollable-wrapper .dx-scrollable-container .dx-scrollable-content .dx-scrollview-content .dx-toolbar-menu-section.dx-toolbar-menu-last-section .dx-item.dx-list-item.dx-toolbar-menu-custom.dx-toolbar-menu-action.dx-toolbar-hidden-button .dx-item-content.dx-list-item-content .dx-toolbar-item-auto-hide .dx-button.dx-button-normal.dx-button-mode-contained.dx-widget.bg-form-control-toolbar.mTooltip.border-l-responsive.dx-rtl.dx-button-has-icon.dx-button-has-text {
    border-bottom: 0 !important;
}

.h-grid-sanad .form-group.h-grid-responsive .h-100.dx-widget.dx-rtl.dx-visibility-change-handler .dx-datagrid.dx-gridbase-container.dx-datagrid-borders .dx-datagrid-header-panel .dx-toolbar.dx-widget.dx-rtl.dx-visibility-change-handler.dx-collection .dx-toolbar-items-container .dx-toolbar-after .dx-toolbar-button.dx-toolbar-menu-container .dx-dropdownmenu.dx-dropdownmenu-button.dx-button.dx-button-normal.dx-button-mode-contained.dx-widget.dx-rtl.dx-button-has-icon {
    background-color: rgba(250, 251, 252, 1) !important;
    border: 1px solid rgba(211, 221, 235, 1) !important;
}

    .h-grid-sanad .form-group.h-grid-responsive .h-100.dx-widget.dx-rtl.dx-visibility-change-handler .dx-datagrid.dx-gridbase-container.dx-datagrid-borders .dx-datagrid-header-panel .dx-toolbar.dx-widget.dx-rtl.dx-visibility-change-handler.dx-collection .dx-toolbar-items-container .dx-toolbar-after .dx-toolbar-button.dx-toolbar-menu-container .dx-dropdownmenu.dx-dropdownmenu-button.dx-button.dx-button-normal.dx-button-mode-contained.dx-widget.dx-rtl.dx-button-has-icon:hover {
        background-color: rgba(242, 245, 250, 1) !important;
    }

.dx-checkbox-indeterminate .dx-checkbox-icon {
    color: white !important;
}

.text-multi {
    word-wrap: break-word !important;
    white-space: normal !important;
}

.fw-regular-100 {
    font-weight: 400 !important;
}

.border-right-n {
    border-left: 0 !important
}

.border-left-l {
    border-left: 0 !important;
}

.border-top-none {
    border-top: 0 !important;
}

.w-79px {
    width: 79px !important;
}

.w-81px {
    width: 81px !important;
}

.h-32px {
    height: 32px !important;
}

.w-74px {
    width: 74px !important;
}

.w-65px {
    width: 65px !important;
}

.w-60px {
    width: 60px !important;
}

.text-bes {
    color: rgba(24, 207, 167, 1) !important;
}

.text-bed {
    color: rgba(255, 66, 66, 1) !important;
}

.max-h-760px {
    max-height: 760px !important;
}

.max-h-600px {
    max-height: 600px !important;
}

.min-h-700px {
    min-height: 700px !important;
}

.ms-29px {
    margin-right: 29px !important;
}

.fix-h .col-4 .fix {
    min-height: 0 !important;
    height: 32px !important;
}

.fix-h .col-4 .none-floating {
    display: none !important;
}

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

.pt-16px {
    padding-top: 16px !important;
}

.ps-975px {
    padding-right: 9.75px !important;
}

.pe-975px {
    padding-left: 9.75px !important;
}

.min-h-558px {
    min-height: 558px !important;
}

.w-h-inactive-btn {
    width: 61px !important;
    height: 24px !important;
    border-radius: 3px !important;
    border: 1px solid rgba(24, 207, 167, 1) !important;
    background-color: rgba(235, 255, 243, 1) !important;
    color: rgba(24, 207, 167, 1) !important;
    font-size: 12px !important;
}

    .w-h-inactive-btn span {
        color: rgba(24, 207, 167, 1) !important;
    }

.deactive-btn {
    width: 61px !important;
    height: 24px !important;
    background-color: rgba(255, 237, 237, 1) !important;
    border-radius: 3px !important;
    border: 1px solid rgba(255, 66, 66, 1) !important;
    color: rgba(255, 66, 66, 1) !important;
    font-size: 12px !important;
}

    .deactive-btn span {
        color: rgba(255, 66, 66, 1) !important;
    }

.mt-3px {
    margin-top: 3px !important;
}

.dx-overlay-content.dx-rtl.dx-popup-normal.dx-resizable .dx-popup-content.dx-dropdownmenu-list.dx-scrollable.dx-scrollview.dx-rtl.dx-visibility-change-handler.dx-scrollable-vertical.dx-scrollable-simulated.dx-list.dx-widget.dx-collection .dx-scrollable-wrapper .dx-scrollable-container .dx-scrollable-content .dx-scrollview-content .dx-toolbar-menu-section.dx-toolbar-menu-last-section .dx-item.dx-list-item.dx-toolbar-menu-custom.dx-toolbar-menu-action.dx-toolbar-hidden-button .dx-item-content.dx-list-item-content .dx-button.dx-button-normal.dx-button-mode-outlined.dx-widget.btn.btn-turnall-access.p-0.d-flex.align-items-center.justify-content-center.child-style.dx-rtl.dx-button-has-icon.dx-button-has-text {
    border-right: 0 !important;
    border-left: 0 !important;
    border-radius: 0 !important;
    border-top: 0 !important;
}

.dx-overlay-content.dx-rtl.dx-popup-normal.dx-resizable .dx-popup-content.dx-dropdownmenu-list.dx-scrollable.dx-scrollview.dx-rtl.dx-visibility-change-handler.dx-scrollable-vertical.dx-scrollable-simulated.dx-list.dx-widget.dx-collection .dx-scrollable-wrapper .dx-scrollable-container .dx-scrollable-content .dx-scrollview-content .dx-toolbar-menu-section.dx-toolbar-menu-last-section .dx-item.dx-list-item.dx-toolbar-menu-custom.dx-toolbar-menu-action.dx-toolbar-hidden-button .dx-item-content.dx-list-item-content .dx-toolbar-item-auto-hide .dx-button.dx-button-danger.dx-button-mode-outlined.dx-widget.bg-form-control-toolbar.border-none.mTooltip.dx-rtl.dx-button-has-icon.dx-button-has-text .dx-button-content .dx-button-text {
    color: #071437 !important;
}

.mx--24px {
    margin: 0 -24px 0.25rem -24px !important;
}

.dx-overlay-content.dx-rtl.dx-popup-normal.dx-resizable .dx-popup-content.dx-dropdownmenu-list.dx-scrollable.dx-scrollview.dx-rtl.dx-visibility-change-handler.dx-scrollable-vertical.dx-scrollable-simulated.dx-list.dx-widget.dx-collection .dx-scrollable-wrapper .dx-scrollable-container .dx-scrollable-content .dx-scrollview-content .dx-toolbar-menu-section.dx-toolbar-menu-last-section .dx-item.dx-list-item.dx-toolbar-menu-custom.dx-toolbar-menu-action.dx-toolbar-hidden-button .dx-item-content.dx-list-item-content .dx-toolbar-item-auto-hide .dx-button.dx-button-mode-outlined.dx-widget.bg-form-control-toolbar.mTooltip.dx-rtl.dx-button-has-icon .dx-button-content {
    width: 100% !important;
}

.dx-overlay-content.dx-rtl.dx-popup-normal.dx-resizable .dx-popup-content.dx-dropdownmenu-list.dx-scrollable.dx-scrollview.dx-rtl.dx-visibility-change-handler.dx-scrollable-vertical.dx-scrollable-simulated.dx-list.dx-widget.dx-collection .dx-scrollable-wrapper .dx-scrollable-container .dx-scrollable-content .dx-scrollview-content .dx-toolbar-menu-section.dx-toolbar-menu-last-section .dx-item.dx-list-item.dx-toolbar-menu-custom .dx-item-content.dx-list-item-content .dx-toolbar-item-auto-hide .dx-widget.bg-form-control-toolbar.border-nones.mTooltip.width-dropdown-p.dx-rtl.dx-dropdownbutton {
    width: 100% !important;
    height: 100% !important;
}

.h-412px {
    height: 412px !important;
}

.overflow-x-hide {
    overflow-x: hidden !important;
}

.select2-container--bootstrap5.select2-container--disabled .form-select .select2-selection__rendered, .select2-container--bootstrap5.select2-container--disabled .form-select .select2-selection__placeholder {
    color: rgba(24, 24, 24, 1) !important;
}

.dx-row.dx-data-row.dx-column-lines.dx-selection td {
    vertical-align: middle !important;
}

.dx-row.dx-data-row.dx-column-lines td {
    vertical-align: middle !important;
}

.active-grid {
    width: 61px !important;
    height: 24px !important;
    background-color: rgba(235, 255, 243, 1) !important;
    border-radius: 3px !important;
    border: 1px solid rgba(24, 207, 167, 1) !important;
}

.deactive-grid {
    width: 61px !important;
    height: 24px !important;
    background-color: rgba(255, 235, 235, 1) !important;
    border-radius: 3px !important;
    border: 1px solid rgba(255, 66, 66, 1) !important;
}

.m-auto {
    margin: auto !important;
}

.bg-red-hover {
    background-color: rgba(212, 25, 75, 1) !important;
}

    .bg-red-hover:hover {
        background-color: rgba(191, 19, 72, 1) !important;
    }

.w-h-97px-logo-user {
    width: 97px !important;
    height: 97px !important;
    border: 1px solid rgba(211, 221, 235, 1) !important;
    border-radius: 100px !important;
}

.top-imgc {
    top: 69px !important;
}

.responsive-moin {
    max-height: 547px;
    overflow-y: auto
}

.ineer-input-calc {
    width: 43px !important;
    height: 24px !important;
    background-color: rgba(242, 245, 250, 1) !important;
}

.p-4px {
    padding: 4px !important;
}

.rounded-4px {
    border-radius: 4px !important;
}

.pe-6px {
    padding-right: 6px !important;
}

.pointer-def {
    cursor: default !important;
}

.top-5px {
    top: 5px !important;
}

.dx-popup-wrapper > .dx-overlay-content {
    box-shadow: 0px 0px 50px 0px rgba(63, 69, 105, 0.15) !important;
    border: none !important;
}

.select2-container--bootstrap5 .select2-dropdown {
    box-shadow: 0px 0px 50px 0px rgba(63, 69, 105, 0.15) !important;
    border-radius: 6px !important;
}

.overlay-error-two {
    background: #00000047 !important;
}

.color-new-sidebar {
    color: rgba(80, 103, 115, 1) !important;
}

.menu-arrow-gray-500 .menu-item .menu-link .menu-arrow:after {
    background-color: rgba(80, 103, 115, 1) !important;
}

.h-max-300px {
    max-height: 300px !important;
    overflow-y: auto !important;
}

.w-149px {
    width: 149px !important;
}

.bg-control-sanad-hover:hover {
    background-color: rgba(242, 245, 250, 1) !important;
}

.w-h-btn-table:disabled {
    background: rgba(250, 251, 252, 1) !important;
}

.error-upload {
    width: 231px !important;
    height: 32px !important;
    border-radius: 6px !important;
    background-color: rgba(255, 66, 66, 0.06) !important;
}

.mt-5px-position {
    top: 5px !important;
}

.h-154px {
    height: 154px !important;
}

.border-btm-dashed-g {
    border-bottom: 1px dashed rgba(211, 221, 235, 1) !important;
}

.mx--12px {
    margin-right: -12px !important;
    margin-left: -12px !important;
}

.overlay-side {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.25);
    z-index: 1000;
    cursor: pointer;
}

.overlay-sides {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.25);
    z-index: 1000;
    cursor: pointer;
}

.overlayss1 {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.40) !important;
    justify-content: center;
    align-items: center;
    z-index: 10000 !important;
    backdrop-filter: blur(6px) !important;
    -webkit-backdrop-filter: blur(6px);
}


.overlays-contents {
    padding: 20px;
    border-radius: 8px;
    width: 100%;
    width: 340px;
    text-align: center;
}

.close-btn {
    cursor: pointer;
    background-color: #ff4d4d;
    color: #fff;
    padding: 8px 12px;
    border: none;
    border-radius: 4px;
    font-size: 14px;
    margin-top: 20px;
}

.h-85 {
    height: 85% !important;
}

.overflow-y-ovrelay {
    overflow-y: overlay !important;
}

.pe-8px {
    padding-left: 8px !important;
}

.scroll-y-auto {
    overflow-y: auto !important;
}


.select2.select2-container.select2-container--bootstrap5.select2-container--disabled .selection .select2-selection.select2-selection--single.form-select.rounded-6px.select-icon-none.color-checkbox-filter-search {
    cursor: unset !important;
    border: none !important;
    height: 43.56px !important;
}

.check-disable:disabled:hover {
    border: 1px solid var(--bs-gray-300) !important;
    cursor: unset !important;
}

.check-disable:disabled:focus {
    border: 1px solid var(--bs-gray-300) !important;
    box-shadow: none !important;
}

.in-width-select .select2.select2-container.select2-container--bootstrap5 .selection .select2-selection.select2-selection--single.form-select.rounded-6px.h-100.select-h-32px.ms-8px.hover-active-input-login {
    width: 96% !important;
}

.mt-1px-position {
    top: 1px !important;
}

.h-43-56px {
    height: 43.56px !important;
}

.nav-tabs-wrapper {
    overflow-x: auto !important;
    white-space: nowrap !important;
    display: flex !important;
}

.auto-tab .nav-item {
    flex: 0 0 auto !important;
}

.ms-24px {
    margin-right: 24px !important;
}

.h-26px {
    height: 26px !important;
}

.hover-user-red:hover span {
    color: rgba(212,25,75,1) !important;
}

.hover-user-red:hover i {
    color: rgba(212,25,75,1) !important;
}

.w-68px {
    width: 68px !important;
}

.pe-4px {
    padding-left: 4px !important;
}

.defualtmatris {
    height: 34px !important;
    padding: 6px !important;
    background: rgba(250, 251, 252, 1) !important;
    border: 1px solid rgba(211, 221, 235, 1) !important;
    color: rgba(69, 90, 100, 1) !important;
    font-size: 14px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-family: inter-medium !important;
}

    .defualtmatris .dx-button-content {
        display: flex !important;
        align-items: center !important;
        padding: 0 !important;
    }


.mergSanadIcon {
    width: 136px !important;
    height: 34px !important;
    background: rgba(232, 238, 255, 1) !important;
    border: 1px solid rgba(58, 91, 175, 1) !important;
    color: rgba(58, 91, 175, 1) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-family: inter-medium !important;
    opacity: 70% !important;
    cursor: unset !important;
}

    .mergSanadIcon .dx-button-content {
        display: flex !important;
        align-items: center !important;
        padding: 0 !important;
    }

.mergSanadIcons {
    width: 136px !important;
    height: 34px !important;
    background: rgba(232, 238, 255, 1) !important;
    border: 1px solid rgba(58, 91, 175, 1) !important;
    color: rgba(58, 91, 175, 1) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-family: inter-medium !important;
    opacity: 70% !important;
    cursor: unset !important;
}

    .mergSanadIcons .dx-button-content {
        display: flex !important;
        align-items: center !important;
        padding: 0 !important;
    }

.AcceptedSanad {
    width: 112px !important;
    height: 34px !important;
    background: rgba(232, 238, 255, 1) !important;
    border: 1px solid rgba(58, 91, 175, 1) !important;
    color: rgba(58, 91, 175, 1) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-family: inter-bold !important;
    opacity: 70% !important;
    cursor: unset !important;
}

    .AcceptedSanad .dx-button-content {
        display: flex !important;
        align-items: center !important;
        padding: 0 !important;
    }

.RenumberingSanad {
    width: 153px !important;
    height: 34px !important;
    background: rgba(232, 238, 255, 1) !important;
    border: 1px solid rgba(38, 85, 206, 1) !important;
    color: rgba(38, 85, 206, 1) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    display: flex !important;
    align-items: center !important;
    font-family: inter-medium !important;
    justify-content: center !important;
}

    .RenumberingSanad:hover {
        background-color: rgba(222,231,255,1) !important;
        border: 1px solid rgba(18,57,156,1) !important;
        color: rgba(18,57,156,1) !important;
    }

    .RenumberingSanad .dx-button-content {
        display: flex !important;
        align-items: center !important;
        padding: 0 !important;
    }

.disabled-numbered {
    width: 136px !important;
    height: 34px !important;
    background: rgba(232, 238, 255, 1) !important;
    border: 1px solid rgba(38, 85, 206, 1) !important;
    color: rgba(38, 85, 206, 1) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    display: flex !important;
    align-items: center !important;
    font-family: inter-medium !important;
    justify-content: center !important;
    opacity: 100% !important;
    cursor: pointer !important;
}

    .disabled-numbered .dx-button-content {
        display: flex !important;
        align-items: center !important;
        padding: 0 !important;
    }

.AcceptedSanads {
    width: 112px !important;
    height: 34px !important;
    background: rgba(232, 238, 255, 1) !important;
    border: 1px solid rgba(58, 91, 175, 1) !important;
    color: rgba(58, 91, 175, 1) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-family: inter-medium !important;
    opacity: 70% !important;
    cursor: unset !important;
}

    .AcceptedSanads .dx-button-content {
        display: flex !important;
        align-items: center !important;
        padding: 0 !important;
    }

.enabled-accept-sanad {
    width: 112px !important;
    height: 34px !important;
    background: rgba(232, 238, 255, 1) !important;
    border: 1px solid rgba(38, 85, 206, 1) !important;
    color: rgba(38, 85, 206, 1) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    display: flex !important;
    align-items: center !important;
    font-family: inter-medium !important;
    justify-content: center !important;
    opacity: 100% !important;
    cursor: pointer !important;
}

    .enabled-accept-sanad:hover {
        background-color: rgba(222,231,255,1) !important;
        border: 1px solid rgba(18,57,156,1) !important;
        color: rgba(18,57,156,1) !important;
    }

.disabled-numbered:hover {
    background-color: rgba(222,231,255,1) !important;
    border: 1px solid rgba(18,57,156,1) !important;
    color: rgba(18,57,156,1) !important;
}

.border-noness {
    border: none !important;
}

.visible-toltip {
    visibility: hidden !important;
}

.h-270px {
    height: 270px !important;
}

.border-none-date-taraz {
    border-right: 1px solid rgba(211, 221, 235, 1) !important;
    border-left: 1px solid rgba(211, 221, 235, 1) !important;
}

.bg-disabled-input {
    background-color: rgba(242, 245, 250, 1) !important;
    opacity: 1 !important;
}

.color-disable-inp {
    color: rgba(176, 190, 197, 1) !important;
}

.color-enable-inp {
    color: rgba(24, 24, 24, 1) !important;
}

.z-index-1 {
    z-index: 1 !important;
}

.h-382px {
    height: 382px !important;
}

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

.ps-3px {
    padding-left: 3px !important;
}

.bg-select-dropdown {
    background-color: rgba(255, 247, 251, 1) !important;
}

.h-max-40px-min-26px {
    max-height: 40px !important;
    min-height: 26px !important;
}

.h-100s {
    height: 100% !important;
}

.w-88px {
    width: 88px !important;
}

.w-163px {
    width: 163px !important;
}

.w-52px {
    width: 52px !important;
}

.w-36px {
    width: 36px !important;
}

.w-34px {
    width: 34px !important;
}

.logo-header {
    width: 32px !important;
    height: 32px !important;
    border: 1px solid rgba(211, 221, 235, 1) !important;
    background-color: rgba(247, 248, 250, 1) !important;
}

.d-none-side {
    display: none !important;
}

.min-h-350px {
    min-height: 350px !important;
}

.h-38 {
    height: 38% !important;
}

.mb-16px {
    margin-bottom: 16px !important;
}

.elipses-tree-dots {
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
}

.h-40 {
    height: 40% !important;
}

.h-89 {
    height: 89% !important;
}

.py-6px {
    padding-top: 6.50px !important;
    padding-bottom: 6.50px !important;
}

.dz-preview.dz-file-preview.dz-error.dz-complete {
    display: none !important;
}

.dz-preview.dz-processing.dz-image-preview.dz-success.dz-complete {
    display: none !important;
}

.dz-preview.dz-processing.dz-success.dz-complete {
    display: none !important;
}

.dz-preview {
    display: none !important;
}

.pbs-0 {
    padding-bottom: 0 !important;
}

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

.mb-28px {
    margin-bottom: 28px !important;
}

.max-h-none {
    max-height: none !important;
}

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

.h-38px {
    height: 38px !important;
}

.dx-show-invalid-badge.dx-selectbox.dx-textbox.dx-texteditor.dx-dropdowneditor-button-visible.dx-editor-outlined.dx-texteditor-empty.dx-widget.dx-dropdowneditor.dx-dropdowneditor-field-clickable {
    height: 38px !important;
    border-radius: 6px !important;
}

.my-16px {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
}

.form-floating > .form-control:focus ~ label::after, .form-floating > .form-control:not(:placeholder-shown) ~ label::after, .form-floating > .form-control-plaintext ~ label::after, .form-floating > .form-select ~ label::after {
    background-color: transparent !important;
    height: unset !important;
    font-size: 10px !important;
}

.pt-9px {
    padding-top: 9px !important;
}

.min-h-0 {
    min-height: 0 !important;
}

.w-120px {
    width: 120px !important;
}

.ps-32px {
    padding-right: 32px !important;
}

.ps-36px {
    padding-right: 36px !important;
}

.pb-8px {
    padding-bottom: 8px !important;
}

.flex-nowrap {
    flex-wrap: unset !important;
}

.w-721px {
    width: 721px !important;
}

.h-115px {
    height: 115px !important;
}

.h-28-5px {
    height: 28.75px !important;
}

.w-54px {
    width: 54px !important;
}

.ms-70px {
    margin-right: 70px !important;
}

.w-109px {
    width: 109px !important;
}

.w-114px {
    width: 114px !important;
}

.btn-search-sanad {
    width: 26px !important;
    height: 26px !important;
    border-radius: 4px !important;
    background-color: rgba(250,251,252,1) !important;
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    cursor: pointer;
}

.search-container {
    position: relative;
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
    height: 34px !important;
}

.search-input {
    width: 100%;
    padding: 12px 40px 12px 12px;
    border-radius: 4px;
    height: 100% !important;
    border: 1px solid rgba(211,221,235,1) !important;
}

    .search-input::placeholder {
        color: rgba(176,190,197,1) !important;
    }

    .search-input:focus {
        outline: none;
    }

.posit-fixed {
    position: sticky;
    bottom: 0 !important;
    left: 0;
    right: 0;
}

.ms-50px {
    margin-right: 50px !important;
}

.me-9px {
    margin-left: 9px !important;
}

.h-48px {
    height: 48px !important;
}

.fs-28px {
    font-size: 28px !important;
}

.w-262px {
    width: 262px !important;
}

.my-12px {
    margin-top: 12px !important;
    margin-bottom: 12px !important;
}

.custom-col {
    min-width: 262px;
    max-width: fit-content;
    flex-grow: 1;
}

.custom-col-content {
    white-space: nowrap; /* جلوگیری از شکستن متن */
    overflow: hidden; /* مخفی کردن متن اضافی در صورت نیاز */
    text-overflow: ellipsis; /* اگر متن بزرگ شد، سه‌نقطه اضافه شود */
}

.circle-photo-anbar {
    width: 24px !important;
    height: 24px !important;
    border-radius: 100px !important;
    background-color: white !important;
    box-shadow: 0px 0px 20px 2px rgba(0, 0, 0, 0.15);
    position: absolute;
    top: 84px;
    right: -10px !important;
}

.h-41px {
    height: 41px !important;
}

.mt-26px {
    margin-top: 26px !important;
}

.color-pink-arrow {
    color: rgba(255,69,225,1) !important;
}

.color-purple-arrow {
    color: rgba(123,69,239,1) !important;
}

.border-gray-box {
    border: 1px rgba(211, 221, 235, 1) solid !important;
}

.pb-9px {
    padding-bottom: 9px !important;
}

.burger-menus {
    cursor: pointer;
}

.line-rect {
    fill: #333 !important;
    transition: transform 0.3s ease, width 0.3s ease !important;
}

.top-rect-svg {
    transform-origin: left center !important;
}

.bottom-rect-svg {
    transform-origin: left center !important;
}

.burger-menus.active .top-rect-svg {
    width: 18px !important;
}

.burger-menus.active .bottom-rect-svg {
    width: 14px !important;
}



.logo-header-mobile {
    width: 32px !important;
    height: 32px !important;
    border: 1px solid rgba(211,221,235,1) !important;
    border-radius: 6px !important;
}

.mt-70px {
    margin-top: 68px !important;
}

.form-switch.conver-switch .form-check-input:checked {
    background-position: left center;
}

.form-switch.conver-switch .form-check-input {
    background-position: right center;
}

input:checked + .slider:before {
    transform: translateX(1px) !important;
    left: 4px !important;
}

.slider:before {
    left: 30px !important;
}

.dx-button-icon-dash-color .dx-button-content span {
    color: rgba(84, 110, 122, 1) !important;
}

.border-btm-toolbar {
    border-right: none !important;
    border-left: none !important;
    border-top: none !important;
    border-bottom: 1px solid rgba(211, 221, 235, 1) !important;
}

.rounded-toolbar-0 {
    border-radius: 0 !important;
}

.dx-item.dx-list-item.dx-toolbar-menu-custom.dx-toolbar-menu-action.dx-toolbar-hidden-button {
    border-radius: 0 !important;
}

    .dx-item.dx-list-item.dx-toolbar-menu-custom.dx-toolbar-menu-action.dx-toolbar-hidden-button .dx-item-content.dx-list-item-content {
        border-radius: 0 !important;
    }

.h-45px {
    height: 45px !important;
}

.intext-sanad-toolbar {
    color: rgba(38, 85, 206, 1) !important;
}

.min-w-unset {
    min-width: none !important;
}

.min-h-300px {
    min-height: 300px !important;
}

.border-none-gardesh {
    border: none !important;
}

.h-324px {
    height: 324px !important;
}

.border-left-force {
    border-left: 1px solid rgba(211, 221, 235, 1) !important;
}

.bg-box-tables {
    background-color: rgba(250,250,250,1) !important;
}

.ps-10px {
    padding-right: 10px !important;
}

.reset-style-dxinput {
    line-height: unset !important;
    font-family: unset !important;
}

.ps-2px {
    padding-right: 2px !important;
}

.h-99px {
    height: 99px !important;
}

.max-h-380px {
    max-height: 380px !important;
}

.max-h-330px {
    max-height: 330px !important;
}

.auto-calc-h {
    max-height: calc(100vh - 304px) !important;
    min-height: 218px !important;
}

.auto-relation-incalc {
    max-height: calc(100vh - 353px) !important;
    min-height: 170px !important;
}

.auto-calc-h-min {
    min-height: 185px !important;
    max-height: calc(72vh - 150px) !important;
}

.auto-relation-incalc-min {
    min-height: 108px !important;
    max-height: calc(100vh - 472px) !important;
}

.auto-relation-incalc-taf3 {
    min-height: 133px !important;
    max-height: calc(100vh - 470px) !important;
}

.btn-add-field-select2 {
    min-width: 35px !important;
    min-height: 35px !important;
    width: 35px !important;
    height: 35px !important;
    background-color: rgba(25,212,171,1) !important;
}

.hover-icon:hover i {
    display: block !important;
}

.fs-12-25 {
    font-size: 12.25px !important;
}

.pb-50px {
    padding-bottom: 50px !important;
}

.position-relative {
    position: relative !important;
}

.position-absolute {
    position: absolute !important;
}

.bottom-1px {
    bottom: -1px !important;
}

.border-bottom-sanad {
    border-bottom: 1px solid rgba(211, 221, 235, 1) !important;
}

.py-4px {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
}

.padding-formcontrol {
    padding-bottom: 10.075px;
    padding-left: 13px;
    padding-right: 13px;
    padding-top: 10.075px;
}

.rounded-top-6px {
    border-radius: 6px 6px 0 0 !important;
}

.pos-column-choser {
    left: 0 !important;
    top: 0 !important;
    transform: unset !important;
}

.cursor-defualt {
    cursor: default !important;
}

.w-77px {
    width: 77px !important;
}

.w-140px {
    width: 140px !important;
}

.min-w-140px {
    min-width: 140px !important;
}

.bg-white-intag {
    background-color: white !important;
}

.right-0 {
    right: 0 !important;
}

.animate-sidebar {
    transition: all 0.2s ease;
}

.w-238px {
    width: 238px !important;
}

.w-57px {
    width: 57px !important;
}

.w-181px {
    width: 181px !important;
}

.bg-right-red {
    background-color: rgba(191, 19, 72, 1) !important;
}

.bg-kerem-right {
    background-color: rgba(247, 248, 250, 1) !important;
}

.position-fexed-header {
    position: fixed !important;
    right: 0 !important;
    left: 0 !important;
    top: 0 !important;
}

.position-fixed-sidebar {
    position: fixed !important;
    top: 52px !important;
    right: 0 !important;
    bottom: 0 !important;
}

.border-btm-logo {
    border-bottom: 1px solid rgba(255, 255, 255, 0.32) !important;
}

.right-8px {
    right: 8px !important;
}

.left-8px {
    left: 8px !important;
}

.ms-9px {
    margin-left: 9px !important;
}

.w-266px {
    width: 266px !important;
}

.w-209px {
    width: 209px !important;
}

.h-52px {
    height: 52px !important;
}

.w-272px {
    width: 272px !important;
}

.w-215px {
    width: 215px !important;
}

.z-index--1 {
    z-index: -1 !important;
}

.position-fixed-top {
    position: fixed !important;
    top: 0 !important;
    right: 0;
}

.min-h-50px {
    min-height: 50px !important;
}

.min-w-57px {
    min-width: 57px !important;
}

.ms-57px {
    margin-right: 57px !important;
}

.z-index-1000 {
    z-index: 1000 !important;
}

.min-w-272px {
    min-width: 272px !important;
}

.disabled-radio-hover:hover {
    /*background: none !important;*/
    border: 6px solid rgba(207, 216, 220, 1) !important;
    cursor: default !important;
}

.mb-12px-borderfooter {
    border-bottom: 12px !important;
}

.min-w-520px {
    min-width: 520px !important;
}

.overflow-x-auto {
    overflow-x: auto !important;
}

.border-left-relation {
    border-left: 1px solid rgba(120, 144, 156, 1) !important;
}

.p-20px {
    padding: 20px !important;
}

.border-left-public {
    border-left: 1px rgba(211, 221, 235, 1) solid !important;
}

.w-180px {
    width: 180px !important;
}

.h-30px {
    height: 30px !important;
}

.border-left-dashed {
    border-left: 1px dashed rgba(211, 221, 235, 1);
}

.pe-2px {
    padding-left: 2px !important;
}

.h-88 {
    height: 88% !important;
}

.rounded-0force {
    border-radius: 0 !important;
}

.border-none-force {
    border: none !important;
    border-bottom: 1px solid rgba(211, 221, 235, 1) !important;
}

.border-left-forces {
    border-left: 1px solid rgba(211, 221, 235, 1) !important;
}

.active-div-table {
    background-color: rgba(240, 246, 255, 1) !important;
}

.rounded-right-12px {
    border-radius: 0 12px 0 0 !important;
}

.rounded-start-12px {
    border-radius: 12px 0 0 0 !important;
}

.rounded-bottom-12px {
    border-radius: 0 0 12px 0 !important;
}

.rounded-left-12px {
    border-radius: 0 0 0 12px !important;
}

.h-102px {
    height: 102px !important;
}

.burger-menus svg rect {
    fill: rgba(84,110,122,1) !important;
}

.red-svg-color svg rect {
    fill: rgba(212, 25, 75, 1) !important;
}

.bottom-3px {
    bottom: -3px !important;
}

.border-btm-none-mobile {
    border-bottom: none !important;
}

.w-133px {
    width: 133px !important;
}

.h-94 {
    height: 94% !important;
}

.border-child-toolbar > div > div > div {
    border: none !important;
}

.h-98 {
    height: 98% !important;
}

.mx-4px {
    margin-right: 4px !important;
    margin-left: 4px !important;
}

.bg-lowblu {
    background-color: rgba(237, 242, 255, 1) !important;
}

.border-color-hr {
    border-color: rgba(211, 221, 235, 1) !important;
}

.mx-9px {
    margin-right: 9px !important;
}

.dx-datagrid .dx-row > td {
    padding: 8px;
}

.dx-datagrid-total-footer > .dx-datagrid-content {
    padding-top: 1px !important;
    padding-bottom: 1px !important;
}

.dx-datagrid-group-panel .dx-group-panel-message {
    color: #78909c;
}

.dx-widget, .dx-widget *, .dx-widget :after, .dx-widget :before, .dx-widget:after, .dx-widget:before {
    border-radius: unset;
}

.dx-gridbase-container > .dx-datagrid-rowsview.dx-scrollable {
    border-radius: unset !important;
}

.dx-treelist-borders > .dx-treelist-filter-panel, .dx-treelist-borders > .dx-treelist-headers, .dx-treelist-borders > .dx-treelist-pager {
    border-radius: 6px 6px 0 0;
}

.overflow-y-hide {
    overflow-y: hidden !important;
}

.dx-toolbar-after .dx-toolbar-item {
    border-radius: 6px !important;
}

.dx-widget * {
    border-radius: inherit;
}

.dx-datagrid-headers {
    border-radius: 0 !important;
}

.dx-datagrid.dx-gridbase-container.dx-datagrid-borders > .dx-datagrid-headers.dx-datagrid-nowrap {
    border-radius: 6px 6px 0 0 !important;
}

.dx-datagrid:not(:has(.dx-datagrid-total-footer)) .dx-datagrid-rowsview {
    border-bottom-left-radius: 6px !important;
    border-bottom-right-radius: 6px !important;
    overflow: hidden;
}

.dx-row.dx-data-row.dx-column-lines td {
    height: 36px !important;
    max-height: 36px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    vertical-align: middle !important;
}

.me-14px {
    margin-left: 14px !important;
}

.sidebar-filter-advance {
    position: fixed !important;
    left: 0 !important;
    top: 0 !important;
    z-index: 1000 !important;
    padding: 0 !important;
    bottom: 0 !important;
}

.border-color-filter {
    color: rgba(211,221,235,1) !important;
    opacity: 1 !important;
}

.filter-box {
    height: 28px !important;
    background-color: rgba(242,245,250,1) !important;
    border-radius: 6px !important;
}

    .filter-box span {
        padding-left: 10px !important;
    }

.close-hover:hover {
    color: rgba(212,25,75,1) !important;
}

.dx-dropdownbutton {
    display: revert-layer;
}

.max-height-550px {
    max-height: 550px !important;
}

.max-height-500px {
    max-height: 500px !important;
}

.btn-refresh-search {
    width: 35px !important;
    min-width: 35px !important;
    height: 35px !important;
    min-height: 35px !important;
    border: 1px solid rgba(211, 221, 235, 1) !important;
    background-color: rgba(250,251,252,1) !important;
    border-radius: 6px !important;
    margin-left: 6px !important
}

.w-105px {
    width: 105px !important;
}

.btn-saarch-danger {
    width: 36px !important;
    height: 36px !important;
    border-radius: 6px !important;
    background-color: rgba(212, 25, 75, 1 ) !important
}

.btn-research-gray {
    width: 36px !important;
    height: 36px !important;
    border-radius: 6px !important;
    background-color: rgba(236, 239, 241, 1) !important;
}

.btn-search-filter {
    width: 36px !important;
    height: 36px !important;
    border-radius: 6px !important;
    background-color: white !important;
    border: 1px solid rgba(211, 221, 235,1) !important;
}

    .btn-search-filter:hover {
        border: 1px solid rgba(144, 164, 174,1) !important;
    }

.btn-research-gray:hover {
    background-color: rgba(218, 228, 232, 1) !important;
}

.btn-saarch-danger:hover {
    background-color: rgba(191, 19, 72, 1) !important;
}

.h-vh-79 {
    height: 78vh !important;
}

.year-hover-mobile:hover {
    background-color: rgba(247,249,252,1) !important;
}

.min-w-68px {
    min-width: 68px !important;
}

.dx-toolbar-items-container .dx-toolbar-after {
    border-radius: 6px !important;
}

.overflow-relationhesab {
    max-height: 70vh !important;
    overflow-y: auto !important;
}

.dx-overlay-content.dx-rtl.dx-popup-normal.dx-popup-draggable.dx-resizable {
    padding: 10px !important;
}

.btn-gardesh {
    width: 24px !important;
    height: 24px !important;
    border-radius: 3px !important;
    border: 1px solid rgba(207,216,220,1) !important;
}

.scroll-sidebar {
    min-height: 90vh !important;
    overflow-y: auto !important;
}

.ms-40px {
    margin-right: 40px !important;
}

.pb-64px {
    padding-bottom: 64px !important;
}

.h-46px {
    height: 46px !important;
}

.h-51px {
    height: 51px !important;
}

.border-radius-0s {
    border-radius: 0 !important;
}

.bg-box-taf3 {
    background-color: rgba(250,251,252,1) !important;
}

.active-bg-box {
    border: 1px solid rgba(212,25,75,1) !important;
}

    .active-bg-box span {
        color: rgba(212,25,75,1) !important;
    }

.border-bottom-dashed {
    border-bottom: 1px rgba(211, 221, 235, 1) dashed !important;
}

.mx-6px {
    margin-left: 6px !important;
    margin-right: 6px !important;
}

.mx-12px {
    margin-right: 12px !important;
    margin-left: 12px !important;
}

.opacity-1 {
    opacity: 1 !important;
}

.my-14px {
    margin-top: 14px !important;
    margin-bottom: 14px !important;
}

.mt-56px {
    margin-top: 56px !important;
}

.me-30px {
    margin-left: 30px !important;
}

.max-h-36px {
    max-height: 36px !important;
}

.pb-0s {
    padding-bottom: 0 !important;
}

.me-12px {
    margin-left: 12px !important;
}

.ticket-add-btn {
    width: 126px !important;
    height: 32px !important;
    background-color: rgba(250,251,252,1) !important;
    border: 1px solid rgba(211,221,235,1) !important;
}

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

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

.min-h-54px {
    min-height: 54px !important;
}

.p-10px {
    padding: 10px !important;
}

.h-75vh .h-grid-responsive {
    height: 75vh !important;
}

.h-66vh-grid .h-grid-responsive {
    height: 66vh !important;
}

.h-67vh-grid .h-grid-responsive {
    height: 67vh !important;
}

.h-62vh-grid .h-grid-responsive {
    height: 62vh !important;
}

.p-6px {
    padding: 6px !important;
}

.pt-14px {
    padding-top: 14px !important;
}

.min-w-60px {
    min-width: 60px !important;
}

.min-w-70px {
    min-width: 70px !important;
}

.min-h-54px {
    min-height: 54px !important;
}

.btn-sabt {
    width: 150px !important;
    height: 34px !important;
    background-color: rgba(231,238,255,1) !important;
    border: 1px solid rgba(38, 85, 206,1) !important;
    border-radius: 6px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

    .btn-sabt .dx-button-content {
        padding: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        color: rgba(38, 85, 206,1) !important;
        font-weight: 500 !important;
    }

.min-w-122px {
    min-width: 122px !important;
}

.h-215px {
    height: 215px !important;
}

.p-0f {
    padding: 0 !important;
}

.min-w-82px {
    min-width: 82px !important;
}

.navigate-mobile-fix {
    position: fixed !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
}

.color-blue-icon {
    color: rgba(63, 175, 225, 1) !important;
}

.h-168px {
    height: 168px !important;
}

.red-mobile {
    color: rgba(255,85,85,1) !important;
}

.h-136px {
    height: 136px !important;
}

.h-view-mobile {
    max-height: 65vh !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
}

.max-h-68vh {
    max-height: 68vh !important;
}

.h-264px {
    height: 264px !important;
}

.h-228px {
    height: 228px !important;
}

.max-h-82vh {
    max-height: 82vh !important;
}

.max-h-83vh {
    max-height: 83vh !important;
}

.max-h-81vh {
    max-height: 81vh !important;
}

.h-108px {
    height: 108px !important;
}

.bg-gray-form .dx-treelist-container.dx-gridbase-container.dx-treelist-borders .dx-treelist-header-panel {
    background-color: rgba(250, 251, 252, 1) !important;
}

    .bg-gray-form .dx-treelist-container.dx-gridbase-container.dx-treelist-borders .dx-treelist-header-panel .dx-toolbar.dx-widget.dx-rtl.dx-visibility-change-handler.dx-collection {
        background-color: rgba(250, 251, 252, 1) !important;
    }

.pt-10px {
    padding-top: 10px !important;
}

.h-70vh {
    height: 70vh !important;
}

.w-185px {
    width: 185px !important;
}

.d-content {
    display: contents !important;
}

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



.border-active-gray {
    border: 1px dashed rgba(120, 144, 156, 1) !important;
}

.border-active-red {
    border: 2px solid rgba(212, 25, 75, 1) !important;
    background-color: rgba(212, 25, 75, 0.05) !important;
}

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

.border-dashed-gray {
    border-top: 1px dashed rgba(120, 144, 156, 1) !important;
}

.border-dashed-red {
    border-top: 1px dashed rgba(212, 25, 75, 1) !important;
}

.fill-red path {
    fill: rgba(212, 25, 75, 1) !important;
}

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

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

.max-h-87vh {
    max-height: 87vh !important;
}

.max-h-63vh {
    max-height: 63vh !important;
}

.min-h-65vh {
    min-height: 65vh !important;
}

.max-h-60vh {
    max-height: 60vh !important;
}

.max-h-56vh {
    max-height: 56vh !important;
}

.select-h-38px {
    min-height: 0 !important;
    height: 38px !important;
}

.h-8vh {
    height: 8vh !important;
}

.h-14vh {
    height: 14vh !important;
}

.mb-2px {
    margin-bottom: 2px !important;
}

.showcard {
    display: block !important;
}

.mb-30px {
    margin-bottom: 30px !important;
}

.w-160px {
    width: 160px !important;
}

.d-none-task {
    display: none !important;
}

.d-none-res {
    display: none;
}

.btn-task {
    width: 120px !important;
    height: 35px !important;
    border-radius: 6px !important;
    background-color: rgba(212, 25, 75, 1) !important;
}

.btn-isselect {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 107px !important;
    height: 34px !important;
    border-radius: 6px !important;
    background-color: rgba(250,251,252,1) !important;
    border: 1px solid rgba(211,221,235,1) !important;
    color: rgba(84,110,122,1) !important;
}

    .btn-isselect .dx-button-content {
        padding: 0 !important;
        display: flex !important;
        align-items: center !important;
    }

        .btn-isselect .dx-button-content img {
            margin-left: 4px !important;
        }

.w-h-image-chat {
    max-height: 200px !important;
    max-width: 200px !important;
    border-radius: 8px !important;
}

.w-h-34px {
    width: 34px !important;
    height: 34px !important;
}

.bg-white-f {
    background-color: white !important;
}

.color-icon-red {
    color: rgba(212, 25, 75, 1) !important;
}

.pe-14px {
    padding-left: 14px !important;
}

.fix-image-box {
    width: 135px !important;
    height: 135px !important;
    box-shadow: none;
    border: 1px solid rgba(211, 221, 235, 1) !important;
    border-radius: 6px !important;
}

.pe-10px {
    padding-left: 10px !important;
}

.w-72px {
    width: 72px !important;
}

.min-w-72px {
    min-width: 72px !important;
}

.min-w-85px {
    min-width: 85px !important;
}

.w-h-30px {
    width: 30px !important;
    height: 30px !important;
}

.ms-160px {
    margin-right: 160px !important;
}

.gradient-error {
    background: linear-gradient(243.19deg, #FFE8ED 12.18%, #FFF6FB 49.82%, #FDE8FF 87.37%) !important;
}

.return-error {
    width: 221px !important;
    height: 36px !important;
    background-color: rgba(212,25,75,1) !important;
    border-radius: 6px !important;
}

.mt-80px {
    margin-top: 80px !important;
}

.color-white {
    color: #fff !important;
}

.me-8px {
    margin-left: 8px !important;
}

.w-h-36px {
    width: 36px !important;
    height: 36px !important;
}

.h-auto {
    height: auto !important;
}

.h-65vh {
    height: 65vh !important;
}

.h-responsive {
    transition: height 0.3s ease;
}

.max-h-70vh {
    max-height: 70vh !important;
}

.border-bottom-gray-x {
    border-bottom: 1px solid rgba(238,238,238,1) !important;
}

.w-h-26px {
    width: 26px !important;
    height: 26px !important;
}

.w-h-28px {
    width: 28px !important;
    height: 28px !important;
}

.btn-tatbigh {
    width: 122px !important;
    height: 36px !important;
    border: 1px solid rgba(42,166,255,1) !important;
    background-color: rgba(241,246,255,1) !important;
}

.color-tatbigh {
    color: rgba(42,166,255,1) !important;
}

.recive-check .row {
    margin: 0 !important;
}

    .recive-check .row .recive-col-6 {
        width: 100% !important;
        flex: 0 0 auto;
        padding: 0 !important;
    }

    .recive-check .row .recive-col-3 {
        width: 50% !important;
        flex: 0 0 auto;
        margin-top: 14px !important;
        padding-right: 0 !important;
    }

    .recive-check .row .col-p0-3 {
        width: 50% !important;
        flex: 0 0 auto;
        margin-top: 14px !important;
        padding-left: 0 !important;
    }

.btn-chat-tab {
    height: 34px !important;
    border-radius: 6px !important;
    background-color: rgba(242,245,250,1) !important;
}

.check-btn-active .active .btn-chat-tab {
    background-color: rgba(212, 25, 75, 1) !important;
}

    .check-btn-active .active .btn-chat-tab span {
        color: #fff !important;
    }

.h-67px {
    height: 67px !important;
}

.py-14px {
    padding-top: 14px !important;
    padding-bottom: 14px !important;
}

.img-chat {
    width: 40px !important;
    height: 40px !important;
    border-radius: 40px !important;
}

.circle-parent {
    width: 14px !important;
    height: 14px !important;
    border-radius: 14px !important;
    background-color: white !important;
    position: absolute !important;
    left: -2px !important;
    bottom: -2px !important;
    z-index: 100 !important;
}

.circle-online {
    width: 10px !important;
    height: 10px !important;
    border-radius: 10px !important;
    background-color: rgba(24, 207,167,1) !important;
}

.circle-ofline {
    width: 10px !important;
    height: 10px !important;
    border-radius: 10px !important;
    background-color: rgba(176, 190,197,1) !important;
}

.color-gray-chat {
    color: rgba(120,144,156,1) !important;
}

.count-chat {
    width: 16px !important;
    height: 16px !important;
    background-color: rgba(228,30,76,1) !important;
    border-radius: 16px !important;
}

.w-h-40px {
    width: 40px !important;
    height: 40px !important;
}

.bg-groh-chat {
    background-color: rgba(233,237,245,1) !important;
}

.rounded-40px {
    border-radius: 40px !important;
}

.add-btn-groh {
    width: 40px !important;
    height: 40px !important;
    border-radius: 40px !important;
    background-color: rgba(212,25,75,1) !important;
    box-shadow: 0px 4px 10px 2px rgba(212, 25, 75, 0.17);
}

.fix-btn-add {
    position: absolute !important;
    bottom: 22px !important;
    left: 18px !important;
}

.h-74px {
    height: 74px !important;
}

.w-276px {
    width: 276px !important;
}

.min-w-276px {
    min-width: 276px !important;
    width: fit-content !important;
}

.w-361px {
    width: 361px !important;
}

.min-h-400px {
    min-height: 400px !important;
    width: fit-content !important;
}

.h-420px {
    height: 420px !important;
}

.h-552px {
    height: 552px !important;
}

.w-96px {
    width: 96px !important;
}

.w-104px {
    width: 104px !important;
}

.btn-send-chat {
    min-width: 40px !important;
    min-height: 40px !important;
    border-radius: 6px !important;
    background-color: rgba(212, 25, 75, 1) !important;
}

.input-chat-box {
    height: 40px !important;
    background-color: rgba(250, 251, 252, 1) !important;
    border-radius: 6px !important;
}

.chat-send {
    min-width: 80px !important;
    background-color: rgba(240,95,127, 1) !important;
    border-radius: 12px 12px 0 12px !important;
}

.reply-send {
    height: 43px !important;
    background: rgba(255, 255, 255, 0.12);
    border-right: 2px solid white !important;
}

.chat-recive {
    min-width: 80px !important;
    background-color: white !important;
    border-radius: 12px 12px 12px 0 !important;
}

.reply-recive {
    height: 43px !important;
    background: rgba(242, 245, 250, 1) !important;
    border-right: 2px solid rgba(212,25,75,1) !important;
}

.check-txt:hover .show-hover-rep {
    display: flex !important;
}

.w-h-22px {
    width: 22px !important;
    height: 22px !important;
    border-radius: 22px !important;
}

.hover-iconic:hover {
    width: 22px !important;
    height: 22px !important;
    border-radius: 22px !important;
    background-color: rgba(230,235,245,1) !important
}


.hover-iconic-toolbar-chat:hover {
    width: 36px !important;
    height: 36px !important;
    border-radius: 36px !important;
    background-color: rgba(230,235,245,1) !important
}

.w-353 {
    width: 353px !important;
}

.check-fix {
    position: absolute !important;
    left: 0 !important;
    top: -22px !important;
}

.check-fix-send {
    position: absolute !important;
    right: 0 !important;
    top: -22px !important;
}

.icon-dots:hover div .text-menage div .dropbtm .show-trees {
    display: flex !important;
}

.hover-profile-chat:hover {
    background-color: rgba(242,245,250,1) !important;
}

.h-138px {
    height: 138px !important;
}

.menu-item .menu-link .menu-arrow:after {
    -webkit-mask-image: url(../media/svg/logoLtr/chevronrighmenu.svg) !important;
    mask-image: url(../media/svg/logoLtr/chevronrighmenu.svg) !important;
}

.menu-item.menu-accordion.showing:not(.menu-dropdown) > .menu-link .menu-arrow:after, .menu-item.menu-accordion.show:not(.hiding):not(.menu-dropdown) > .menu-link .menu-arrow:after {
    transform: rotateZ(90deg) !important;
}

.me-57px {
    margin-right: 57px !important;
}

.ms-6-5px {
    margin-right: 6.5px !important;
}

.required:after {
    padding-left: 0.25rem;
}

.rounded-start-6pxl {
    border-radius: 6px 0 0 6px !important;
}

.dirrtl {
    direction: rtl !important;
}

.form-select {
    display: block;
    width: 100%;
    padding: 0.775rem 3rem 0.775rem 1rem;
    font-size: 1.1rem;
    font-weight: 500;
    line-height: 1.5;
    color: var(--bs-gray-700);
    background-color: var(--bs-body-bg);
    background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);
    background-repeat: no-repeat;
    background-position: right 1rem center;
    background-size: 16px 12px;
    border: 1px solid var(--bs-gray-300);
    border-radius: 0;
    box-shadow: false;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    appearance: none;
}

.select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--selected:after {
    top: 50%;
    display: block;
    position: absolute;
    transform: translateY(-50%);
    height: 0.75rem;
    width: 0.75rem;
    content: "";
    mask-repeat: no-repeat;
    mask-position: center;
    background-color: rgba(212, 25, 75, 1) !important;
    mask-position: center;
    right: 1.25rem !important;
}

.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3), .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-control, .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-select, .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.me-13px {
    margin-left: 13px !important;
}

.form-floating > label {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    height: 100%;
    padding: 1rem 1rem;
    overflow: hidden;
    text-align: start;
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: none;
    border: 1px solid transparent;
    transform-origin: 0 0;
    transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
}

.dir-auto {
    direction: rtl !important;
}

.w-106px-ltr {
    width: 106px !important;
}

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

.rounded-end-6px-ltr {
    border-radius: 0 6px 6px 0 !important;
}

.border-left-noneltr {
    border-left: none !important;
}

.w-80px-ltr {
    width: 80px !important;
}

.w-110px-ltr {
    width: 110px !important;
}

.pe-30px {
    padding-left: 30px !important;
}

.h-70px {
    height: 70px !important;
}

.max-w-180px {
    max-width: 180px !important;
}

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

.mt-100px {
    margin-top: 100px !important;
}

.h-login-fix {
    height: 92.4% !important;
}

languaage-select {
    position: absolute !important;
    top: 30px !important;
    right: 40px !important;
}


.dropdown-languages {
    width: 55px !important;
    height: 32px !important;
    border: 1px solid rgba(211,221,235,1) !important;
    border-radius: 6px !important;
}

.drop-dropdown-s {
    width: 138px !important;
}

.box-dive-hover {
    height: 26px !important;
}

    .box-dive-hover:hover {
        background-color: rgba(247,249,252,1) !important;
    }

        .box-dive-hover:hover span {
            color: rgba(212,25,75,1) !important;
        }

.px-5px {
    padding-right: 5px !important;
    padding-left: 5px !important;
}
.h-183px {
    height: 183px !important;
}

.h-101px {
    height: 101px !important;
}

.h-313px {
    height: 313px !important;
}

.circel-status-g {
    width: 6px !important;
    height: 6px !important;
    background-color: rgba(0,203,145,1) !important;
    border-radius: 10px !important;
}

.circel-status-y {
    width: 6px !important;
    height: 6px !important;
    background-color: rgba(244,187,0,1) !important;
    border-radius: 10px !important;
}

.circel-status-r {
    width: 6px !important;
    height: 6px !important;
    background-color: rgba(255,66,66,1) !important;
    border-radius: 10px !important;
}

.h-114px {
    height: 114px !important;
}

.h-238px {
    height: 238px !important;
}

.h-44px {
    height: 44px !important;
}

.chart-crm {
    width: 44px !important;
    height: 44px !important;
}

.h-53px {
    height: 53px !important;
}

.box-status-r {
    width: 77px !important;
    height: 31px !important;
    background-color: rgba(255,245,249,1) !important;
}

.box-status-g {
    width: 77px !important;
    height: 31px !important;
    background-color: rgba(229,255,247,1) !important;
}

.color-circle-crm {
    color: rgba(207,216,220,1) !important;
}

.color-g {
    color: rgba(0, 184, 132, 1) !important;
}

.box-date-crm {
    width: 115px !important;
    height: 31px !important;
    background-color: rgba(242,249,255,1) !important;
}

.my-10px {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

.color-blue-dash {
    color: rgba(59, 130,246,1) !important;
}

.color-oranges {
    color: rgba(245, 158,11,1) !important;
}
.checkactivlanguages .active {
    background-color: rgba(255,247,251,1) !important;
}

    .checkactivlanguages .active span {
        color: rgba(212,25,75,1) !important;
    }

    .checkactivlanguages .active i {
        display: block !important;
    }
.checkdir {
    direction: ltr !important;
}

.ends-0 {
    right: 0 !important;
}
.box-address-pub {
    height: 147px !important;
    width: 100% !important;
    background-color: rgba(247,249,252,1) !important;
    overflow-y: auto !important;
}

.box-call-pub {
    height: 96px !important;
    width: 100% !important;
    background-color: rgba(247,249,252,1) !important;
    overflow-y: auto !important;
}

.text-blue-pubside {
    color: rgba(26,159,255,1) !important;
}

.py-8px {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}

.h-98px {
    height: 98px !important;
}

.h-80 {
    height: 80% !important;
}

.h-22vh {
    height: 22vh !important;
}
.h-152px {
    height: 152px !important;
}

.btn-danger-ticket {
    width: 106px !important;
    height: 32px !important;
    border: 1px solid rgba(255,66,66,1) !important;
    background-color: rgba(255, 235,235,1) !important;
}

.circle-danger-ticket {
    width: 4px !important;
    height: 4px !important;
    background-color: rgba(255,66,66,1) !important;
    border-radius: 20px !important;
}

.w-106px {
    width: 106px !important;
}

.wh-24px {
    width: 24px !important;
    height: 24px !important;
}

.h-86px {
    height: 86px !important;
}

.h-58px {
    height: 58px !important;
}

.min-h-263px {
    min-height: 263px !important;
}

.btn-ticket {
    padding-right: 12px !important;
    padding-left: 14px !important;
    height: 34px !important;
    border: 1px solid rgba(211,221,235,1) !important;
    border-radius: 6px !important;
    background-color: rgba(250,251,252,1) !important;
}
.mb-10px {
    margin-bottom: 10px !important;
}

.h-40px {
    height: 40px !important;
}
.ms-32px {
    margin-right: 32px !important;
}

.w-94px {
    width: 94px !important;
}
.w-max-content {
    width: max-content !important;
}
.text-start-en {
    text-align: left !important;
}
.px-3-75px {
    padding-right: 3.75px !important;
    padding-left: 3.75px !important;
}
.dx-datagrid-action.dx-cell-focus-disabled.dx-datagrid-drag-action {
    text-align: left !important;
}

.dx-column-indicators {
    float: right !important;
}

.dx-header-row .dx-header-filter-indicator.dx-text-content-alignment-right, .dx-header-row .dx-sort-indicator.dx-text-content-alignment-right {
    margin-left: 0 !important;
    margin-right: 3px;
}

.dx-row.dx-data-row.dx-column-lines td {
    text-align: left !important;
}
.max-h-60px {
    max-height: 60px !important;
}
.h-28px {
    height: 28px !important;
}

.px-4-75px {
    padding-right: 4.75px !important;
    padding-left: 4.75px !important;
}

.btntab-grid {
    height: 34px !important;
    border-radius: 6px !important;
    border: 1px solid rgba(211, 221, 235, 1) !important;
    padding-right: 6px !important;
    padding-left: 6px !important;
}

    .btntab-grid.active {
        background-color: rgba(254,249,251,1) !important;
    }

        .btntab-grid.active span {
            color: rgba(212,25,75,1) !important;
        }

.dx-bg-red {
    background-color: rgba(254, 239, 245, 1);
}

.width-poup-chat {
    width: clamp(300px, 100vw - 60px, 360px);
}

.w-84px {
    width: 84px !important;
}
.dx-datagrid-summary-item.dx-datagrid-text-content {
    text-align: left !important;
}
.dirbtn-draft {
    direction: rtl !important;
}
.accordion div .form-control:not(:has(.collapsed)) .accordion-icon .bi-caret-right-fill {
    transform: rotate(180deg) !important;
}
.w-100px-ltr{
    width:100px !important;
}
.w-104px-ltr {
    width: 104px !important;
}
.row-reverce-ltr {
    flex-direction: row-reverse !important;
}
.justify-content-right-ltr{
    justify-content:right !important
}
.border-trancfer{
    direction:ltr !important;
}
.checkbox-group label:before {
    left: 0 !important ;
}
.checkbox-group label{
    padding-left:25px !important;
}
.dx-row.dx-column-lines.dx-header-row .col-grid-detail-bg {
    background-color: rgba(225, 233, 250, 1);
}

.dx-datagrid-table.dx-datagrid-table-fixed tbody .dx-row.dx-data-row.dx-column-lines:nth-of-type(even):has(.col-grid-detail-bg) {
    background-color: rgba(245,249,255,1) !important;
}

.dx-datagrid-table.dx-datagrid-table-fixed tbody .dx-row.dx-data-row.dx-column-lines:nth-of-type(odd):has(.col-grid-detail-bg) {
    background-color: rgba(240,246,255,1) !important;
}

.border-vertical {
    height: 18px !important;
    border: 1px solid rgba(144, 164, 174, 1) !important;
}

.mx-14px {
    margin-right: 14px !important;
    margin-left: 14px !important;
}

.dx-widget {
    font-size: 12px !important;
}

.ticket-btn-red {
    width: 62px !important;
    height: 24px !important;
    border: 1px solid rgba(255,66,66,1) !important;
    border-radius: 6px !important;
    background-color: rgba(255,235,235,1) !important;
}

.ticket-btn-oranges {
    width: 62px !important;
    height: 24px !important;
    border: 1px solid rgba(244,117,0,1) !important;
    border-radius: 6px !important;
    background-color: rgba(255,240,234,1) !important;
}

.circel-oranges {
    width: 4px !important;
    height: 4px !important;
    background-color: rgba(244, 117, 0, 1) !important;
    border-radius: 20px !important;
}

.ticket-btn-gold {
    width: 62px !important;
    height: 24px !important;
    border: 1px solid rgba(229,183,0,1) !important;
    border-radius: 6px !important;
    background-color: rgba(255,249,240,1) !important;
}

.color-gold {
    color: rgba(229,183,0,1) !important;
}

.circel-gold {
    width: 4px !important;
    height: 4px !important;
    background-color: rgba(229,183,0,1) !important;
    border-radius: 20px !important;
}

.ticket-btn-green {
    width: 64px !important;
    height: 24px !important;
    border: 1px solid rgba(24,207,167,1) !important;
    border-radius: 6px !important;
    background-color: rgba(235,255,243,1) !important;
}

.circel-green {
    width: 4px !important;
    height: 4px !important;
    background-color: rgba(24,207,167,1) !important;
    border-radius: 20px !important;
}

.dx-datagrid-group-panel {
    font-size: 12px !important;
}

.dx-datagrid-nodata {
    font-size: 14px !important;
}

.h-670px {
    height: 670px !important;
}

.h-56px {
    height: 56px !important;
}

.h-113px {
    height: 113px !important;
}

.max-w-320px {
    max-height: 320px !important;
}

.h-grid-fit {
    height: 75vh !important;
}

.max-h-83vh {
    max-height: 83vh !important;
}

.dx-select-checkbox.dx-treelist-checkbox-size.dx-show-invalid-badge.dx-checkbox.dx-widget {
    border-radius: 0 !important;
}

.line-horizental {
    width: 1px !important;
    height: 16px !important;
    border: 1px solid rgba(176, 190, 197, 1) !important;
}

.circel-red-active {
    width: 20px !important;
    height: 20px !important;
    border-radius: 10px !important;
    background-color: rgba(212,25,75,1) !important;
}

.active.border-active-red-log {
    border: 1px solid rgba(212,25,75,1) !important;
}

    .active.border-active-red-log #showicons i {
        display: flex !important;
    }

.h-grid-transfer-inventory {
    height: 66vh !important;
}

.max-h-700px {
    max-height: 700px !important;
}

.left-0 {
    left: 0 !important;
}

.h-72vh-grid .h-grid-responsive {
    height: 72vh !important;
}

.h-65vh-grid .h-grid-responsive {
    height: 65vh !important;
}

.h-65-vh-grid .h-grid-responsive {
    height: 65.5vh !important;
}

.h-66-vh-grid .h-grid-responsive {
    height: 66vh !important;
}

.h-87-5vh {
    height: 87.5vh !important;
}

.h-76vh {
    height: 76vh !important;
}

.h-100-fix .h-grid-responsive {
    height: 100% !important
}

.h-53vh {
    height: 53vh !important;
}

.active-grid-commerce {
    width: 70px !important;
    height: 24px !important;
    background-color: rgba(235, 255, 243, 1) !important;
    border-radius: 3px !important;
    border: 1px solid rgba(24, 207, 167, 1) !important;
}

.deactive-grid-commerce {
    width: 70px !important;
    height: 24px !important;
    background-color: rgba(255, 235, 235, 1) !important;
    border-radius: 3px !important;
    border: 1px solid rgba(255, 66, 66, 1) !important;
}

.blue-grid-commerce {
    width: 70px !important;
    height: 24px !important;
    background-color: rgba(242, 249, 255, 1) !important;
    border-radius: 3px !important;
    border: 1px solid rgba(42, 166, 255, 1) !important;
}

.detail-btn {
    padding-right: 16px !important;
    padding-left: 16px !important;
    height: 24px !important;
    border-radius: 50px !important;
    border: 1px solid rgba(176, 190, 197, 1) !important;
}
.test-select-sidebar .show .menu-link .text-color-sidebarmenu .menu-icon svg path {
    fill: rgba(212, 25, 75, 1) !important;
}

#sda:hover .text-color-sidebarmenu .menu-icon svg path {
    fill: rgba(212, 25, 75, 1) !important;
}
.w-108px-ltr {
    width: 108px !important;
}
.center-grid-ltr {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
/* باز شدن از پایین به بالا */
@keyframes slideInUp {
    from {
        transform: translateY(100%);
        opacity: 0;
    }

    to {
        transform: translateY(0);
        opacity: 1;
    }
}

/* استایل مدال هنگام نمایش */



/*ANIMATION CSS*/
@keyframes slideIn {
    from {
        transform: translateX(100vw);
        opacity: 0;
    }

    to {
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes slideIns {
    0% {
        transform: translateY(100%);
        opacity: 0;
    }

    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes slideOuts {
    0% {
        transform: translateY(0);
        opacity: 1;
    }

    100% {
        transform: translateX(100%);
        opacity: 0;
    }
}

@keyframes slideOut {
    0% {
        transform: translateX(0);
        opacity: 1;
    }

    100% {
        transform: translateX(100%);
        opacity: 0;
    }
}
/* responsive*/



/* responsive*/
@media(max-width : 1650px) {
    .col-w-50 {
        width: 50% !important;
        flex: 0 0 auto !important;
    }

    .col-w-100s {
        width: 100% !important;
        flex: 0 0 auto !important;
    }

    .in-col-25 {
        width: 25% !important;
    }

    .pe-075-alls {
        padding-left: 9.75px !important;
    }

    .mt-18-x {
        margin-top: 18px !important;
    }

    .ps-075-alls {
        padding-right: 9.75px !important;
    }

    .ps-0-sdsa {
        padding-right: 0 !important;
    }

    .w-78px-1650px {
        width: 78px !important;
    }

    .pe-0-1650px {
        padding-left: 0 !important;
    }

    .mt-40px-responsive {
        margin-top: 40px !important;
    }
}

@media(max-width : 1600px) {
    .ms-2r {
        margin-right: 3.5rem !important;
    }

    .ms-1r {
        margin-right: 1rem !important;
    }

    .flex-column-1600px {
        flex-direction: column !important;
    }

    .mt-18px-1600px {
        margin-top: 18px !important;
    }

    .mt-14px-1600px {
        margin-top: 14px !important;
    }

    .ps-0-1600px {
        padding-right: 0 !important;
    }

    .col-12-1600px {
        width: 100% !important;
    }

    .w-122px-1600px {
        width: 122px !important;
    }

    .ps-975px-1600px {
        padding-right: 9.75px !important;
    }

    .pe-975px-1600px {
        padding-left: 9.75px !important;
    }

    .pe-15px-1600px {
        padding-left: 15px !important;
    }

    @media(max-width : 1492px) {
        .wi-li-typ {
            width: 142px !important;
        }
    }

    @media(max-width : 1460px) {
        .col-12-1460px {
            width: 100% !important;
        }

        .mt-18px-1460px {
            margin-top: 18px !important;
        }
    }

    @media(max-width : 1442px) {
        .d-li-detali {
            display: none !important;
        }

        .d-block-ul-d {
            display: block !important;
        }
    }

    @media(max-width : 1400px) {
        .ms-re {
            margin-right: 3rem
        }

        .ms-0 {
            margin-right: 0 !important;
        }

        .col-8-media-s {
            flex: 0 0 auto;
            width: 66.66666667%;
        }

        .ps-0-1400px {
            padding-right: 0 !important;
        }

        .pe-0-1400px {
            padding-left: 0 !important;
        }

        .mb-1400px-18px {
            margin-bottom: 18px !important;
        }
    }

    @media(max-width : 1380px) {
        .col-50-persent {
            width: 50% !important;
            flex: 0 0 auto;
        }

        .pe-75px-respons {
            padding-left: 9.75px !important;
        }

        .ps-75px-respons {
            padding-right: 9.75px !important;
        }

        .mt-18px-s {
            margin-top: 18px !important;
        }

        .col-100-lg {
            width: 100% !important;
            flex: 0 0 auto;
        }

        .mt-0-px {
            margin-top: 0 !important;
        }

        .d-none-1380px {
            display: none !important;
        }

        .mr-0-responsive {
            margin-right: 0 !important;
        }

        .d-block-1380px {
            display: block !important;
        }

        .ps-18px-s {
            padding-right: 18px !important;
        }

        .pt-0-1380px {
            padding-top: 0 !important;
        }
    }


    @media(max-width : 1370px) {
        .d-blo {
            display: block !important;
        }

        .d-no {
            display: none !important;
        }

        .h-dropdown-49px {
            height: 49px !important
        }

        .rounded-one-hide {
            border-radius: 6px 0 0 6px !important;
        }
    }


    @media(max-width : 1300px) {
        .ms-2r {
            margin-right: 7.5rem !important;
        }
    }

    @media(max-width : 1280px) {
        .d-blockert {
            display: block !important;
        }

        .d-hider {
            display: none !important;
        }

        .h-dropdown-85px {
            height: 85px !important;
        }

        .rounded-two-hide {
            border-radius: 6px 0 0 6px !important;
        }
    }

    @media(max-width : 1270px) {
        .col-12-1270px {
            width: 100% !important;
        }

        .col-6-1270px {
            width: 50% !important;
        }

        .mt-14px-1270px {
            margin-top: 14px !important;
        }

        .mb-0-1270px {
            margin-bottom: 0 !important;
        }

        .w-78px-1270px {
            width: 78px !important;
            text-align: left !important;
        }

        .w-114px-1270px {
            width: 114px !important;
        }
    }

    @media(max-width : 1260px) {
        .col-4-responsive {
            flex: 0 0 auto;
            width: 33.33333333%;
        }

        .col-8-responsive {
            flex: 0 0 auto;
            width: 66.66666667%;
        }

        .col-12-100 {
            width: 100% !important;
        }

        .col-6-50 {
            width: 50% !important;
        }

        .ps-18px-1 {
            padding-right: 18px !important;
        }

        .ps-075-1250 {
            padding-right: 9.75px !important;
        }

        .pe-075-1250px {
            padding-left: 9.75px !important;
        }

        .pe-0-1250 {
            padding-left: 0 !important;
        }

        .ps-0-1250 {
            padding-right: 0 !important;
        }

        .mt-18px-1250px {
            margin-top: 18px !important;
        }

        .w-82px-1260 {
            width: 82px !important;
        }

        .mt-40px-responsive {
            margin-top: 18px !important;
        }
    }

    @media(max-width : 1200px) {
        .ms-re {
            margin-right: 5rem
        }

        .col-custom-12 {
            flex: 0 0 auto;
            width: 100%;
            margin-top: 1rem;
        }

        .d-none-costum {
            display: none !important;
        }

        .col-12-1200px {
            width: 100% !important;
        }

        .mt-18px-1200px {
            margin-top: 18px !important;
        }

        .mt-12px-1200px {
            margin-top: 12px !important;
        }

        .mt-16px-1200px {
            margin-top: 16px !important;
        }

        .col-6-1200px {
            width: 50% !important;
        }

        .flex-column-1200px {
            flex-direction: column !important;
        }

        .ps-0-1200px {
            padding-right: 0 !important;
        }

        .pb-16px-1200px {
            padding-bottom: 16px !important;
        }

        .p-0-1200px {
            padding: 0 !important;
        }
    }


    @media(max-width : 1180px) {
        .d-none-1180px {
            display: none !important;
        }

        .d-block-1180px {
            display: block !important;
        }

        .h-dropdown-121px {
            height: 121px !important;
        }

        .rounded-tree-hide {
            border-radius: 6px 0 0 6px !important;
        }
    }

    @media screen and (min-width: 1050px) and (max-width: 1160px) {
        .w-160-between1000px {
            width: 160px !important;
        }
    }

    @media(max-width : 1100px) {
        .col-12-1100px {
            flex: 0 0 auto;
            width: 100%;
        }

        .flex-column-1100px {
            flex-direction: column !important;
        }

        .ps-0-1100px {
            padding-right: 0 !important;
        }

        .m-18px-1100px {
            margin-top: 18px !important;
        }

        .w-92px-1100px {
            width: 92px !important;
        }

        .w-106px-110px {
            width: 106px !important;
        }
    }

    @media(max-width : 1100px) {
        .col-6-media {
            flex: 0 0 auto;
            width: 50%;
        }
    }

    @media(max-width : 1060px) {
        .di-fix-li {
            display: none !important;
        }

        .di-block-li {
            display: block !important;
        }

        .h-dropdown-157px {
            height: 157px !important;
        }

        .rounded-four-hide {
            border-radius: 6px 0 0 6px !important;
        }
    }

    @media(max-width : 1050px) {
        .col-6-medias {
            flex: 0 0 auto;
            width: 50%;
        }

        .col-12-media-i {
            flex: 0 0 auto;
            width: 100%;
        }

        .mt-125-media {
            margin-top: 1.25rem !important;
        }

        .col-12-media-responsive {
            flex: 0 0 auto;
            width: 100%;
        }

        .mb-4-col12 {
            margin-bottom: 2rem !important
        }

        .ps-0-responsive {
            padding-right: 0 !important
        }
    }

    @media screen and (min-width: 1200px) and (max-width: 1343px) {
        .mt-custom-px {
            margin-top: 0.5rem !important;
        }

        .mt-plus-px {
            margin-top: 0.75rem !important;
        }
    }

    @media screen and (min-width: 992px) and (max-width: 1047px) {
        .mt-12px-imn {
            margin-top: 12px !important;
        }
    }

    @media screen and (min-width: 993px) and (max-width: 1200px) {


        .d-inlineblock-custum {
            display: inline-block !important;
        }
    }

    @media screen and (min-width: 992px) and (max-width: 1042px) {

        .h-costum-media {
            height: 125px !important;
        }
    }

    @media(max-width : 991px) {
        .width-991px-auto {
            min-width: auto !important;
            width: auto !important;
        }

        .ms-0-991px {
            margin-right: 0 !important;
        }

        .mr-11 {
            margin-right: 0
        }

        .mr-19 {
            margin-right: 0;
        }

        .me-19 {
            margin-left: 0;
        }

        .mr-3 {
            margin-right: 0 !important;
        }

        .ml-3 {
            margin-left: 0 !important;
        }

        .d-991-none {
            display: none !important;
        }

        .d-991-block {
            display: block !important
        }

        .flex-wrap-991 {
            flex-wrap: wrap !important;
        }

        .w-li-991 {
            width: 120px !important;
        }

        .cols-unset {
            flex: unset !important;
        }

        .mt-18px-991 {
            margin-top: 18px !important
        }

        .col-12-992px {
            width: 992px !important;
        }

        .mt-18px-992px {
            margin-top: 18px !important;
        }

        .mt-16px-991px {
            margin-top: 16px !important;
        }

        .mt-14px-991px {
            margin-top: 14px !important;
        }

        .w-196px-991px {
            width: 196px !important;
        }

        .w-87px-991px {
            width: 87.31px !important;
        }

        .w-100-force {
            width: 100% !important;
            min-width: 100% !important;
        }

        .pe-975-991px {
            padding-left: 9.75px !important;
        }
    }

    @media screen and (min-width: 426px) and (max-width: 991px) {

        .burger-menus:hover .top-rect-svg {
            width: 18px !important;
        }

        .burger-menus:hover .bottom-rect-svg {
            width: 14px !important;
        }

        .burger-menus:hover svg rect {
            fill: rgba(212, 25, 75, 1) !important;
        }
    }

    @media(max-width : 875px) {
        .wrapper-ul-tab {
            overflow-x: auto !important;
            white-space: nowrap !important;
            display: flex !important;
        }

        .ms-18px-875px {
            margin-right: 18px !important;
        }
    }

    @media(max-width : 785px) {
        .mt-12px-787px {
            margin-top: 12px !important;
        }
    }

    @media(max-width : 767px) {
        .in-ds-975 {
            padding-right: 9.75px !important;
        }

        .mt-18-767px {
            margin-top: 18px !important;
        }

        .padding-left-975px {
            padding-left: 9.75px !important;
        }

        .mt-5-res {
            margin-top: 18px !important;
        }

        .p-0-sm {
            padding-right: 0 !important;
        }

        .mt-16px-767px {
            margin-top: 16px !important;
        }

        .col-custom-12 {
            flex: 0 0 auto;
            width: 66.666666%;
            margin-top: 1rem;
        }

        .d-none-costum {
            display: block !important;
        }

        .w-767px-60px {
            width: 60px !important;
        }

        .w-767px-70px {
            width: 70px !important;
        }

        .mb-12px-767px {
            margin-bottom: 12px !important;
        }

        .border-right-0-767px {
            border-right: none !important;
        }

        .ps-975px-767 {
            padding-right: 9.75px !important;
        }

        .pe-975-767px {
            padding-left: 9.75px !important;
        }

        .pb-12px-767px {
            padding-bottom: 12px !important;
        }
    }

    @media(max-width : 700px) {
        .mobile-unset {
            height: unset !important;
            overflow-y: hidden !important;
        }

        .col-12-media {
            flex: 0 0 auto;
            width: 100% !important;
        }

        .col-6-700px {
            flex: 0 0 auto;
            width: 50%;
        }

        .flex-column-700px {
            flex-direction: column !important;
        }

        .align-start-700px {
            align-items: start !important;
        }

        .ps-0-700px {
            padding-right: 0 !important;
        }

        .mt-18px-700px {
            margin-top: 18px !important;
        }

        .mb-4px-700px {
            margin-bottom: 4px !important;
        }

        .w-unset-700px {
            width: unset !important;
        }

        .w-100-select-700px .select2.select2-container.select2-container--bootstrap5 {
            width: 100% !important;
        }

        .d-flex-700px {
            display: flex !important;
        }

        .p-0-700px {
            padding: 0 !important;
        }

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

        .m-0-700px {
            margin: 0 !important;
        }

        .mb-12px-700px {
            margin-bottom: 12px !important;
        }

        #splite-mobile {
            display: none;
        }

        #Btnreferall {
            display: block;
        }

        #nonemobile {
            display: none !important;
        }

        #dnonemobile {
            display: none;
        }
    }


    @media screen and (min-width: 768px) and (max-width: 991px) {
        .mt-custom-px {
            margin-top: 0.5rem !important;
        }

        .mt-plus-px {
            margin-top: 0.75rem !important;
        }
    }

    @media(max-width :768px) {
        .mb-18px-768px {
            margin-bottom: 18px !important;
        }

        .d-block-navigate {
            display: block !important;
        }

        .d-block-chevrons {
            display: flex !important;
        }

        .d-none-chevron {
            display: none !important;
        }

        .pb-18px-768px {
            padding-bottom: 18px !important;
        }

        .h-unset-768px {
            height: auto !important;
        }
    }

    @media(max-width :608px) {
        .d-none-608px {
            display: none !important;
        }

        .d-flex-608px {
            display: flex !important;
        }
    }

    @media(max-width :600px) {


        .flex-column-600px {
            flex-direction: column !important;
        }

        .col-12-600px {
            width: 100% !important;
        }

        .ps-0-600px {
            padding-right: 0 !important;
        }

        .mt-18px-600px {
            margin-top: 18px !important;
        }

        .mt-32px-600px {
            margin-top: 18px !important;
        }

        .fs-18px-600px {
            font-size: 18px !important;
        }
    }

    @media(max-width :576px) {
        .d-xs-edit-none {
            display: none !important;
        }

        .col-custom-12 {
            flex: 0 0 auto;
            width: 100%;
            margin-top: 1rem;
        }

        .origin-mt-5-xs {
            margin-top: 1.25rem !important;
        }

        .d-none-costum {
            display: none !important;
        }

        .d-inlineblock-custum {
            display: inline-block !important;
        }

        .col-xs-4s {
            flex: 0 0 auto;
            width: 33.33333333%;
        }

        .modal.motionpopup.show .modal-dialog {
            animation: slideInUp 0.5s ease-out forwards;
        }
    }

    @media(max-width : 560px) {
        .position-toast {
            bottom: 50px !important;
            right: 0px !important;
            top: unset !important;
        }

        .toast {
            animation: slideIns 0.5s forwards;
        }

            .toast.hide {
                animation: slideOuts 0.5s forwards;
            }

        .w-80px-560px {
            width: 80px !important;
        }
    }

    @media(max-width : 544px) {
        .pb-12px-544px {
            padding-bottom: 12px !important;
        }

        .pb-0-544px {
            padding-bottom: 0 !important;
        }

        .col-544px {
            flex: 1 0 0% !important;
            width: unset !important;
        }
    }

    @media(max-width : 530px) {
        .col-12-medias-5 {
            flex: 0 0 auto;
            width: 100%;
        }
    }

    @media(max-width : 520px) {
        .col-100-responsv {
            flex: 0 0 auto;
            width: 100% !important;
        }

        .ps-0-w {
            padding-right: 0 !important;
        }

        .ps-075px {
            padding-right: 9.75px !important;
        }

        .pe-075px {
            padding-left: 9.75px !important;
        }

        .flex-wrapper-s {
            flex-wrap: wrap !important;
        }

        .d-none-520px {
            display: none !important;
        }

        .mt-18px-520 {
            margin-top: 18px !important;
        }

        .mt-12px-520px {
            margin-top: 12px !important;
        }

        .ssds > *:nth-child(n+1) {
            margin-top: 12px;
        }

        .me-10px-520px {
            margin-left: 10px !important;
        }

        .ms-0-520px {
            margin-right: 0 !important;
        }

        .padding-left-520px-0 {
            padding-left: 0 !important;
        }
    }

    @media(max-width :500px) {
        .xs-12 {
            flex: 0 0 auto;
            width: 100%
        }

        .mt-xs-5 {
            margin-top: 1.25rem !important;
        }

        .min-h-mobile-auto {
            max-height: unset !important;
        }

        .border-rounded-mobile-0 {
            border-radius: 0 !important;
        }

        .m-mobile-0 {
            margin: 0 !important;
        }

        .header-top-mobile-fix {
            position: sticky;
            top: 0 !important;
            z-index: 10000 !important;
        }

        .ps-975px-500px {
            padding-right: 9.75px !important;
        }

        .pe-975px-500px {
            padding-left: 9.75px !important;
        }

        .mt-18px-500px {
            margin-top: 18px !important;
        }

        .btn-save {
            width: 100px !important;
        }
    }

    @media(max-width :453px) {
        .tab-col-6 {
            width: 50% !important
        }

        .ms-18px-453px {
            margin-right: 18px !important;
        }
    }

    @media(max-width :440px) {
        .img-fluid-res {
            max-width: 100%;
            height: auto;
        }

        .ms-440px-24px {
            margin-right: 24px !important;
        }

        .mt-12px-440px {
            margin-top: 12px !important;
        }

        .col-12-440px {
            width: 100% !important;
        }

        .ps-75px-respons-440px {
            padding-right: 9.75px !important;
        }

        .pe-75px-respons-440px {
            padding-left: 9.75px !important;
        }

        .label-br {
            width: 100% !important;
        }
    }

    @media(max-width :425px) {
        .d-none-445px {
            display: none !important;
        }

        .d-flex-445px {
            display: flex !important;
        }

        .ms-12px-425px {
            margin-right: 12px !important;
        }
    }

    @media(max-width :400px) {
        .w-100-persent {
            width: 100% !important;
        }

        .d-none-400px {
            display: none !important;
        }

        .pe-075-resp {
            padding-left: 9.75px !important;
        }

        .ps-075-400px {
            padding-right: 9.75px !important;
        }

        .dx-datagrid-group-panel {
            width: 200px !important;
        }

        .dx-group-panel-message {
            overflow: hidden !important;
            white-space: nowrap !important;
            text-overflow: ellipsis !important;
        }

        .mt-400px-0 {
            margin-top: 0 !important;
        }
    }

    @media(max-width :394px) {
        .ms-0-394px {
            margin-right: 0 !important;
        }
    }

    @media(max-width :350px) {
        .justify-between-350px {
            justify-content: space-between;
        }
    }