.form-select {
    appearnace: none;
    -moz-appearance: none;
}

    .form-select option::selection {
        color: red;
    }

.form-floating {
    height: 3.625rem;
    min-width: 12rem;
}

    .form-floating label {
        color: var(--bsx-formcontrol-text-color);
        opacity: .75;
    }

.form-select {
    color: var(--bsx-formcontrol-text-color);
    font-size: .9rem;
}

    .form-select:focus {
        border-color: var(--bsx-formcontrol-border-color);
        box-shadow: 0 0 0 .25rem var(--bsx-formcontrol-outline-color);
    }

    .form-select.disabled {
    }

.form-control {
    color: var(--bsx-formcontrol-text-color);
    font-size: 1rem;
}

    .form-control:focus {
        color: var(--bsx-formcontrol-text-color-focus);
        border-color: var(--bsx-formcontrol-border-color);
        outline: 0;
        box-shadow: 0 0 0 .25rem var(--bsx-formcontrol-outline-color);
    }

.btn-check:focus + .btn, .btn:focus, .form-check-input:focus {
    color: var(--bsx-formcontrol-text-color-focus);
    border-color: var(--bsx-formcontrol-border-color);
    outline: 0;
    box-shadow: 0 0 0 .25rem var(--bsx-formcontrol-outline-color);
}



.form-check-input[type="checkbox"] {
    width: 1.1rem;
    height: 1.1rem;
    border: 1px #39597138 solid;
}

.dropdown-toggle::after {
    display: inline-block;
    margin-right: .255em;
    vertical-align: .255em;
    content: "\f282";
    border: 0;
    font-family: bootstrap-icons;
    position: relative;
    top: .425rem;
    line-height: 1;
    transition: .5s ease transform;
    font-size: 1rem;
}

.dropdown-toggle.dropdown-toggle-split {
    padding: 0 .25rem;
}

    .dropdown-toggle.dropdown-toggle-split::after {
        margin: 0;
    }

.dropdown-toggle.show::after {
    transform: rotate(180deg);
}

.centerize-item {
    display: flex;
    justify-content: center;
    align-items: center;
}

.spinner-lightblue-lg {
    display: inline-block;
    width: 4rem;
    height: 4rem;
    border: .4rem #93ddee solid;
    border-left-color: #eee;
    border-radius: 50%;
    -webkit-animation: .75s linear infinite spinner-border;
    animation: .75s linear infinite spinner-border;
}


.dropdown-menu {
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    font-size: .9rem;
    max-height: 85vh;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

.toolbar .dropdown-item {
    font-size: .8rem;
    color: #426991;
    transition: .2s ease all;
}

    .toolbar .dropdown-item:hover {
        color: #28282f;
        background-color: #e5e5ef;
    }

.toolbar .btn {
    font-size: .8rem !important;
    font-weight: 300;
    padding: .1rem .5rem;
}

.toolbar .btn-light {
    color: var(--bsx-toolbar-btn-color);
    background-color: var(--bsx-toolbar-btn-light-backcolor);
    border-color: var(--bsx-toolbar-btn-light-border-color);
    margin: .15rem 0;
    min-height: 2.3rem;
    transition: .5s ease all;
}

    .toolbar .btn-light:focus {
        box-shadow: 0 0 0 2px var(--bsx-toolbar-btn-outline-color);
        z-index: 900 !important;
    }

    .toolbar .btn-light:hover {
        color: var(--bsx-toolbar-btn-color-hover);
        background-color: var(--bsx-toolbar-btn-light-backcolor-hover);
        border-color: var(--bsx-toolbar-btn-light-border-color-hover);
    }

@media screen and (max-width : 767px) {
    .toolbar .btn-light {
        background-color: var(--bsx-toolbar-btn-semilight-backcolor);
        border-color: var(--bsx-toolbar-btn-semilight-border-color);
    }

        .toolbar .btn-light:hover {
            background-color: var(--bsx-toolbar-btn-semilight-backcolor-hover);
            border-color: var(--bsx-toolbar-btn-semilight-border-color-hover);
        }
}

.toolbar .btn-group {
    min-height: 2.3rem;
}

.modal-title {
    font-weight: 500;
    font-size: 1rem;
}

.modal-content {
    overflow: hidden;
    border-radius: .5rem;
}

.iframe-modal .modal-body {
    padding: 0;
}

.iframe-modal.modal-hg-fullheight iframe {
    height: 100% !important;
    max-height: unset;
}

.iframe-modal.modal-hg-xxl iframe {
    height: calc(100vh - 8rem);
}

.iframe-modal.modal-hg-xl iframe {
    height: 35rem;
}

.iframe-modal.modal-hg-lg iframe {
    height: 30rem;
}

.iframe-modal.modal-hg-md iframe {
    height: 25rem;
}

.iframe-modal.modal-hg-sm iframe {
    height: 18rem;
}

.iframe-modal.modal-hg-xs iframe {
    height: 13rem;
}

.iframe-modal iframe {
    width: 100%;
    max-height: calc(100vh - 8rem);
    min-height: 10rem;
    border: 0;
}

.modal-fluid {
    max-width: calc(100% - 2rem);
}

@media screen and (max-width : 1399px) {
    .iframe-modal.modal-fullscreen-xxl-down iframe {
        height: 100%;
    }
}


@media screen and (max-width : 1199px) {
    .iframe-modal.modal-fullscreen-xl-down iframe {
        height: 100%;
    }
}

@media screen and (max-width : 991px) {
    .iframe-modal iframe {
        max-height: none;
        min-height: unset;
    }

    .iframe-modal .modal-body {
        overflow-y: hidden !important;
    }

    .modal-fluid.modal-fullscreen-lg-down {
        max-width: none;
    }

    .iframe-modal.modal-fullscreen-lg-down iframe {
        height: 100%;
    }
}

@media screen and (max-width : 767px) {
    .iframe-modal iframe {
        max-height: none;
        min-height: unset;
    }

    .modal-fluid.modal-fullscreen-md-down {
        max-width: none;
    }

    .iframe-modal.modal-fullscreen-md-down iframe {
        height: 100%;
    }
}

@media screen and (max-width : 575px) {
    .modal-fluid.modal-fullscreen-sm-down {
        max-width: none;
    }

    .iframe-modal.modal-fullscreen-sm-down iframe {
        height: 100%;
    }

    .form-check-input[type="checkbox"] {
        width: 1.25rem;
        height: 1.25rem;
    }
}

.nav {
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    position: relative;
}

    .nav .nav-item {
        white-space: nowrap;
    }

        .nav .nav-item .nav-link {
            user-select: none;
        }

.tab-style-modern {
    font-size: .9rem;
}

    .tab-style-modern .nav-tabs {
        border-bottom: 1px solid #cfd9e3;
        font-size: .9rem;
    }

    .tab-style-modern .nav-link {
        margin: 2px 0 0;
        background: 0 0;
        border: 1px solid transparent;
        border-top-right-radius: .25rem;
        border-top-left-radius: .25rem;
        min-width: 6rem;
        padding: .5rem 2rem;
        color: var(--bsx-tab-text-inactive);
    }

        .tab-style-modern .nav-link:hover {
            color: var(--nsop-theme-palette-primary-color, navy);
            border: 1px #cfd9e3 solid;
        }

        .tab-style-modern .nav-link.active {
            color: var(--nsop-theme-palette-primary-color, navy);
            background-color: #fff;
            border-color: #d2d7db #d2d7db #fff;
            font-weight: bold;
            border-bottom: 2px red solid;
            pointer-events: none;
        }

.tab-style-toggle {
    border: 0 !important;
    background-color: rgba(0, 0,0,.07);
    border-radius: 1rem;
    font-size: .9rem;
    text-align: center;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    text-align: center;
    flex-wrap: inherit;
}

.nav.tab-style-toggle {
    justify-content: flex-start;
    align-items: center;
}

.tab-style-toggle .nav-tabs {
    font-size: .9rem;
    background-color: #e8e8e8;
    border-radius: 1.4rem;
    padding: .3rem;
    border: 0 !important;
}

.tab-style-toggle .nav-link.active {
    color: var(--nsop-theme-palette-primary-color, navy);
    background-color: #fff;
    font-weight: bold;
    border: 1px solid #e8e8e8;
    pointer-events: none;
}

.tab-style-toggle .nav-link {
    background: 0 0;
    border: 1px solid transparent;
    min-width: 7rem;
    color: #5880bb;
    margin: 0 1px 0 0;
    border-radius: 1rem;
    padding: .3rem 1rem;
}

    .tab-style-toggle .nav-link:hover {
        background-color: rgba(255,255,255,.4);
    }


@media screen and (max-width:767px) {
    .nav.tab-style-toggle {
        justify-content: center;
    }
}

.modal-content {
    box-shadow: 0 .2rem 1rem rgba(0, 0, 0, 0.2);
}

.form-check-label {
    color: var(--bsx-formcontrol-text-color);
    font-size: .85rem;
}

.form-check .form-check-input {
    margin-top: 2px;
    height: 20px;
    width: 20px;
}

.form-switch .form-check-input:checked {
    border: 0;
}

.form-switch .form-check-input {
    margin-top: 3px;
    height: 20px;
    width: 32px;
}

.form-switch.check-sm .form-check-input {
    margin-top: 6px;
    height: 16px;
    width: 26px;
    margin-right: -2rem;
}

.form-switch.check-sm .form-check-label {
    font-size: .8rem;
    font-weight: 200;
}

.form-check-bar {
    padding: .5rem 2rem .5rem .2rem;
    background-color: whitesmoke;
    border-radius: .25rem;
    border: 1px #eae9e9 solid;
}

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

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

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

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

.text-rtl {
    direction: rtl !important;
}

.text-ltr {
    direction: ltr !important;
}

ol, ul {
    padding-right: 1rem;
}

.modal-backdrop.show {
    opacity: .8;
}

.modal-backdrop {
    background-color: #272637;
}

.popover-arrow {
    display: none !important;
}

.popover {
    font-family: var(--nsop-theme-font-family, shabnam);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    max-height: 80vh;
    overflow-y: auto;
    max-width: 80vw;
    width: 30%;
    min-width: 18rem;
    -webkit-overflow-scrolling: touch;
}

.popover-body {
    color: unset;
    font-weight: 200;
    text-align: justify;
}

.popover-header {
    background-color: #e1f2fd;
    position: sticky;
    top: 0;
}

    .popover-header::before {
        display: none;
    }


.btn-close:focus {
    box-shadow: 0 0 0 .25rem rgba(255, 140, 140, 0.25);
}



.container-center-25 {
    display: block;
    width: 100%;
    max-width: 25rem;
    margin-right: auto;
    margin-left: auto;
}

.bg-info {
    background-color: var(--bsx-opration-btn-backcolor, royalblue) !important;
    transition: .3s ease all;
}


    .bg-info:hover {
        background-color: var(--bsx-opration-btn-backcolor-hover) !important;
    }




.fsx-5 {
    font-size: .5rem !important;
}

.fsx-6 {
    font-size: .6rem !important;
}

.fsx-7 {
    font-size: .7rem !important;
}

.fsx-8 {
    font-size: .8rem !important;
}

.fsx-9 {
    font-size: .9rem !important;
}

.fsx-10 {
    font-size: 1rem !important;
}

.fsx-11 {
    font-size: 1.1rem !important;
}

.fsx-12 {
    font-size: 1.2rem !important;
}

.fsx-15 {
    font-size: 1.5rem !important;
}

.fsx-20 {
    font-size: 2rem !important;
}

.fsx-25 {
    font-size: 2.5rem !important;
}


.fsx-30 {
    font-size: 3rem !important;
}

.fwx-100 {
    font-weight: 100 !important;
}

.fwx-200 {
    font-weight: 200 !important;
}

.fwx-300 {
    font-weight: 300 !important;
}

.fwx-400 {
    font-weight: 400 !important;
}

.fwx-500 {
    font-weight: 500 !important;
}

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

.fwx-700 {
    font-weight: 700 !important;
}

.fwx-800 {
    font-weight: 800 !important;
}

.fwx-900 {
    font-weight: 900 !important;
}

.border-left-rounded {
    border-top-left-radius: .3rem !important;
    border-bottom-left-radius: .3rem !important;
}

.border-right-rounded {
    border-top-right-radius: .3rem !important;
    border-bottom-right-radius: .3rem !important;
}

.border-top-rounded {
    border-top-left-radius: .3rem !important;
    border-top-right-radius: .3rem !important;
}

.border-bottom-rounded {
    border-bottom-left-radius: .3rem !important;
    border-bottom-right-radius: .3rem !important;
}

.form-floating-opr {
    padding-left: 3.5rem !important;
}

.form-floating-oprbtn {
    position: absolute;
    left: 1rem;
    top: 1.08rem;
    cursor: pointer;
}

.form-floating-oprbtn-icon {
    line-height: 1;
    display: flex;
    font-size: 1.5rem;
}


.carousel-control-prev, .carousel-control-next {
    width: 5% !important;
}

.breadcrumb-container {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0 1rem;
    border-bottom: 1px #e1e1e1 solid;
}

.breadcrumb-item {
    display: flex;
    align-items: center;
}

    .breadcrumb-item + .breadcrumb-item::before {
        content: "\F284";
        font-family: bootstrap-icons !important;
        color: rgba(55, 0, 136, 0.2);
        font-size: 1.4rem;
    }

    .breadcrumb-item .breadcrumb-item-home {
        font-size: 1.2rem;
        display: flex;
        position: relative;
        top: -.1rem;
    }

    .breadcrumb-item a {
        color: var(--nx-color-primary-hover);
    }

    .breadcrumb-item.active {
        color: var(--nx-color-primary-hover);
    }


.table-lg-responsive {
    overflow-x: hidden;
}

.table-md-responsive {
    overflow-x: hidden;
}

.table-sm-responsive {
    overflow-x: hidden;
}

@media (max-width: 991px) {
    .table-lg-responsive {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}

@media (max-width: 767px) {
    .table-md-responsive {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}

@media (max-width: 575px) {
    .table-sm-responsive {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}

tbody, td, tfoot, th, thead {
    color: inherit;
    transition: .2s ease all;
}

thead {
    font-weight: 500 !important;
}

.table-hover > tbody > tr:hover {
    --bs-table-accent-bg: var(--bsx-table-hover-color);
    color: var(--nx-text-title-highlight-color);
}

.persian-digit {
    font-family: var(--nsop-theme-digit-font-family, ShabnamDigit) !important;
}

.letter-space-narrow {
    letter-spacing: .025rem !important;
}


.letter-space-light {
    letter-spacing: .05rem !important;
}

.letter-space-wide {
    letter-spacing: .1rem !important;
}


.bsx-radio-group {
    width: 100%;
}

    .bsx-radio-group .btn {
        font-size: unset;
    }

    .bsx-radio-group .input-group-text {
        font-size: .8rem !important;
        color: var(--nsop-theme-palette-primary-color, navy);
        min-width: 4.5rem;
    }

.btn-check:active + .bsx-radio-btn-outline, .btn-check:checked + .bsx-radio-btn-outline, .bsx-radio-btn-outline.active, .bsx-radio-btn-outline.dropdown-toggle.show {
    color: #fff;
    background-color: var(--bsx-opration-btn-backcolor) !important;
    font-weight: bold;
}

    .btn-check:active + .bsx-radio-btn-outline:hover, .btn-check:checked + .bsx-radio-btn-outline:hover, .bsx-radio-btn-outline.active:hover, .bsx-radio-btn-outline.dropdown-toggle.show:hover {
        color: #fff;
        background-color: var(--bsx-opration-btn-backcolor-hover) !important;
        border-color: var(--bsx-opration-btn-backcolor-hover) !important;
        font-weight: bold;
    }

    .btn-check:active + .bsx-radio-btn-outline:focus, .btn-check:checked + .bsx-radio-btn-outline:focus, .bsx-radio-btn-outline.active:focus, bsx-radio-btn-outline.dropdown-toggle.show:focus, .bsx-radio-btn-outline:active:focus {
        box-shadow: 0 0 0 .1rem rgba(13,110,253,.5);
    }

.bsx-radio-btn-outline {
    transition: .3s ease all;
    color: var(--bsx-opration-btn-backcolor);
    border-color: var(--bsx-opration-btn-backcolor) !important;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .bsx-radio-btn-outline:hover {
        color: #fff;
        border-color: var(--bsx-opration-btn-backcolor) !important;
        background-color: var(--bsx-opration-btn-backcolor) !important;
    }

.bsx-radio-btn-icon {
    font-size: 1.4rem;
    vertical-align: middle;
    position: relative;
    top: .2rem;
    margin: 0 .2rem;
}

.table > :not(:last-child) > :last-child > * {
    border-bottom-color: var(--color-primary);
}

.btn:focus {
    box-shadow: none;
}

.tooltip {
    font-family: var(--nsop-theme-font-family, 'shabnam');
    font-size: .8rem;
    font-weight: 400;
    --bs-tooltip-bg: var(--nsop-theme-palette-secondary-light-color,#e8e8e8) !important;
}

.tooltip-inner {
    color: var(--nsop-theme-palette-primary-color,navy);
    box-shadow: 0 0 .5rem .5rem rgba(255,255,255,.85);
}

.input-group-text {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 0.375rem;
    border-bottom-right-radius: 0.375rem;
}