@media screen and (max-width: 500px) {
    .pa-login-logo {
        width: -webkit-fill-available;
    }
}

:root {
    --pa-row-item-spacing-x: 1.5rem;
    --pa-row-item-spacing-y: 0.75rem;
    --pa-tab-height: 36px;
    --pa-toolbar-height: 39px;
}

html, body {
    font-family: var(--bs-body-font-family);
    font-size: 12px;
    height: 100%;
}

.btn-sm, .col-form-label-sm, .dxbl-btn, .dxbl-fl, .dxbl-list-box, .dxbl-tabs, .dxbl-text, .dxbl-text-edit, .dxbl-tabs-content-panel, .dxbl-tabs .dxbl-tabs-content-panel, .form-control-sm, .table-sm th, .table-sm td {
    font-size: 12px;
}

.custom-control-input:checked ~ .pa-radio-label::before {
    color: #fff;
    border-color: var(--bs-primary) !important;
    background-color: var(--bs-primary) !important;
}

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

.dxbl-text-edit {
    --dxbl-text-edit-validation-invalid-color: var(--bs-border-color, var(--bs-gray-400, #ced4da)) !important;
    --dxbl-text-edit-validation-valid-color: var(--bs-border-color, var(--bs-gray-400, #ced4da)) !important;
}

.pa-radio-label {
    position: relative;
    margin-bottom: 0;
    vertical-align: top;
}

    .pa-radio-label::after {
        position: absolute;
        top: 0.03125rem;
        left: -1.75rem;
        display: block;
        width: 1.25rem;
        height: 1.25rem;
        content: "";
        background: no-repeat 50%/100% 100%;
    }

    .pa-radio-label::before {
        position: absolute;
        top: 0.03125rem;
        left: -1.75rem;
        display: block;
        width: 1.25rem;
        height: 1.25rem;
        pointer-events: none;
        content: "";
        background-color: var(--bs-body-bg-rgb);
        border: #adb5bd solid 1px;
    }

.custom-radio .pa-radio-label::before {
    border-radius: 50%
}

.custom-radio .custom-control-input {
    visibility: hidden;
}

    .custom-radio .custom-control-input:checked ~ .pa-radio-label::after {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%%3ccircle r='2.3' fill='%23fff'/%3e%3c/svg%3e")
    }

    .custom-radio .custom-control-input:disabled:checked ~ .pa-radio-label::before {
        background-color: rgba(95,54,141,.5)
    }

.pa-edit-button-size {
    box-shadow: none !important;
    width: 25px !important;
    padding: 0 !important;
}

.pa-csla-validation-messages {
    position: relative;
    display: inline-block;
    width: 100%;
}

    .pa-csla-validation-messages > div:first-child {
        visibility: hidden;
        position: absolute;
        display: inline-block;
        top: 120%;
        z-index: 10;
    }

    .pa-csla-validation-messages > div > div.validation-messages > div:first-child {
        background-color: #fff;
        padding: 5px;
        border-style: solid;
        border-color: rgba(34,34,34,.125);
        border-width: 1px;
        border-radius: 3px;
    }

        .pa-csla-validation-messages > div > div.validation-messages > div:first-child:not(:empty):before {
            Content: "";
            position: absolute;
            bottom: 100%;
            left: 10px;
            margin-left: -5px;
            margin-bottom: 0px;
            border-width: 5px;
            border-style: solid;
            border-color: transparent transparent rgba(34,34,34,.125) transparent;
        }

        .pa-csla-validation-messages > div > div.validation-messages > div:first-child:not(:empty):after {
            content: "";
            position: absolute;
            bottom: 100%;
            Left: 10px;
            margin-left: -4px;
            margin-bottom: -1px;
            border-width: 4px;
            border-style: solid;
            border-color: transparent transparent #fff transparent;
        }

    .pa-csla-validation-messages:hover div {
        visibility: visible;
    }

.pa-form-layout-group-label, .pa-toolbar-title {
    color: var(--bs-primary) !important;
    font-weight: 500;
}

.pa-form-layout-group-item {
    margin-left: var(--pa-row-item-spacing-x) !important;
}

.pa-form-layout-group-item-label {
    padding-left: var(--pa-row-item-spacing-x) !important;
}

.pa-form-layout-item {
    margin-right: calc(var(--pa-row-item-spacing-x) * .5);
    margin-left: calc(var(--pa-row-item-spacing-x) * .5);
    margin-top: var(--pa-row-item-spacing-y);
    width: auto !important;
}

.pa-form-layout-item-caption {
    padding-top: 0.25003125rem;
    padding-bottom: 0.25003125rem;
}

.pa-grid-header-check-box .dxbl-checkbox-check-element {
    margin: 0;
}

.pa-grid-icon {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    min-width: 1rem;
    min-height: 1rem;
    background-size: contain;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    background-position: center center;
    background-color: currentColor;
}

.pa-icon {
    width: 16px !important;
    height: 16px !important;
    background-size: contain;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    background-position: center center;
    background-color: currentColor;
}

.pa-icon-button {
    width: 1rem !important;
    height: 1rem !important;
    opacity: 70%;
    background-size: contain;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    background-position: center center;
    background-color: currentColor;
}

.pa-icon-sm {
    width: 8px !important;
    height: 8px !important;
    background-size: contain;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    background-position: center center;
    background-color: currentColor;
}

.pa-icon-addauthorisation {
    -webkit-mask-image: url(AddAuthorisation.svg);
}

.pa-icon-addpost {
    -webkit-mask-image: url(AddPost.svg);
}

.pa-icon-adminpanelsettings {
    -webkit-mask-image: url(AdminPanelSettings.svg);
}

.pa-icon-approval {
    -webkit-mask-image: url(Approval.svg);
}

.pa-icon-arrowdown {
    -webkit-mask-image: url(ArrowDown.svg);
}

.pa-icon-arrowleft {
    -webkit-mask-image: url(ArrowLeft.svg);
}

.pa-icon-arrowright {
    -webkit-mask-image: url(ArrowRight.svg);
}

.pa-icon-arrowup {
    -webkit-mask-image: url(ArrowUp.svg);
}

.pa-icon-attachfile {
    -webkit-mask-image: url(AttachFile.svg);
}

.pa-icon-calculate {
    -webkit-mask-image: url(Calculate.svg);
}

.pa-icon-cancel {
    -webkit-mask-image: url(Cancel.svg);
}

.pa-icon-canceluser {
    -webkit-mask-image: url(CancelUser.svg);
}

.pa-icon-caretdropdown {
    -webkit-mask-image: url(CaretDropdown.svg);
}

.pa-icon-check {
    -webkit-mask-image: url(Check.svg);
}

.pa-icon-checklist {
    -webkit-mask-image: url(Checklist.svg);
}

.pa-icon-clearall {
    -webkit-mask-image: url(ClearAll.svg);
}

.pa-icon-compress {
    -webkit-mask-image: url(Compress.svg);
}

.pa-icon-clearauthorisation {
    -webkit-mask-image: url(ClearAuthorisation.svg);
}

.pa-icon-close {
    -webkit-mask-image: url(Close.svg);
}

.pa-icon-close-sm-bm {
    background-image: url(CloseSm.svg);
    -webkit-mask-image: url(CloseSm.svg);
}

.pa-icon-clouddownload {
    -webkit-mask-image: url(CloudDownload.svg);
}

.pa-icon-collapseall {
    -webkit-mask-image: url(CollapseAll.svg);
}

.pa-icon-columnchooser {
    -webkit-mask-image: url(ColumnChooser.svg);
}

.pa-icon-contactmail {
    -webkit-mask-image: url(ContactMail.svg);
}

.pa-icon-copy {
    -webkit-mask-image: url(Copy.svg);
}

.pa-icon-cut {
    -webkit-mask-image: url(Cut.svg);
}

.pa-icon-datasetlinked {
    -webkit-mask-image: url(DatasetLinked.svg);
}

.pa-icon-datasetlinkedoff {
    -webkit-mask-image: url(DatasetLinkedOff.svg);
}

.pa-icon-delete {    
    -webkit-mask-image: url(Delete.svg);
}

.pa-icon-deployedcodeupdate {
    -webkit-mask-image: url(DeployedCodeUpdate.svg);
}

.pa-icon-deselectall {
    -webkit-mask-image: url(DeselectAll.svg);
}

.pa-icon-doublearrowleft {
    -webkit-mask-image: url(DoubleArrowLeft.svg);
}

.pa-icon-doublearrowright {
    -webkit-mask-image: url(DoubleArrowRight.svg);
}

.pa-icon-download {
    -webkit-mask-image: url(Download.svg);
}

.pa-icon-edit {
    -webkit-mask-image: url(Edit.svg);
}

.pa-icon-email {
    -webkit-mask-image: url(Email.svg);
}

.pa-icon-error {
    -webkit-mask-image: url(Error.svg);
}

.pa-icon-expandall {
    -webkit-mask-image: url(ExpandAll.svg);
}

.pa-icon-exportkey {
    -webkit-mask-image: url(ExportKey.svg);
}

.pa-icon-exportnotes {
    -webkit-mask-image: url(ExportNotes.svg);
}

.pa-icon-exportreport {
    -webkit-mask-image: url(ExportReport.svg);
}

.pa-icon-filecsv {
    -webkit-mask-image: url(FileCSV.svg);
}

.pa-icon-filexlsx {
    -webkit-mask-image: url(FileXLSX.svg);
}

.pa-icon-filter {
    -webkit-mask-image: url(Filter.svg);
}

.pa-icon-filterlist {
    -webkit-mask-image: url(FilterList.svg);
}

.pa-icon-filteroff {
    -webkit-mask-image: url(FilterOff.svg);
}

.pa-icon-filterrow {
    -webkit-mask-image: url(FilterRow.svg);
}

.pa-icon-first {
    -webkit-mask-image: url(First.svg);
}

.pa-icon-functions {
    -webkit-mask-image: url(Functions.svg);
}

.pa-icon-group {
    -webkit-mask-image: url(Group.svg);
}

.pa-icon-highlight {
    -webkit-mask-image: url(Highlight.svg);
}

.pa-icon-importkey {
    -webkit-mask-image: url(ImportKey.svg);
}

.pa-icon-importreport {
    -webkit-mask-image: url(ImportReport.svg);
}

.pa-icon-information {
    -webkit-mask-image: url(Information.svg);
}

.pa-icon-input {
    -webkit-mask-image: url(Input.svg);
}

.pa-icon-key {
    -webkit-mask-image: url(Key.svg);
}

.pa-icon-last {
    -webkit-mask-image: url(Last.svg);
}

.pa-icon-libraryadd {
    -webkit-mask-image: url(LibraryAdd.svg);
}

.pa-icon-libraryupdate {
    -webkit-mask-image: url(LibraryUpdate.svg);
}

.pa-icon-lockopen {
    -webkit-mask-image: url(LockOpen.svg);
}

.pa-icon-logout {
    -webkit-mask-image: url(Logout.svg);
}

.pa-icon-manageaccount {
    -webkit-mask-image: url(ManageAccount.svg);
}

.pa-icon-managehistory {
    -webkit-mask-image: url(ManageHistory.svg);
}

.pa-icon-menu {
    -webkit-mask-image: url(Menu.svg);
}

.pa-icon-more {
    -webkit-mask-image: url(More.svg);
}

.pa-icon-movedown {
    -webkit-mask-image: url(MoveDown.svg);
}

.pa-icon-moveup {
    -webkit-mask-image: url(MoveUp.svg);
}

.pa-icon-new {
    -webkit-mask-image: url(New.svg);
}

.pa-icon-next {
    -webkit-mask-image: url(Next.svg);
}

.pa-icon-openinnew {
    -webkit-mask-image: url(OpenInNew.svg);
}

.pa-icon-openinnewoff {
    -webkit-mask-image: url(OpenInNewOff.svg);
}

.pa-icon-palette {
    -webkit-mask-image: url(Palette.svg);
}

.pa-icon-paste {
    -webkit-mask-image: url(Paste.svg);
}

.pa-icon-photolibrary {
    -webkit-mask-image: url(PhotoLibrary.svg);
}

.pa-icon-playlistadd {
    -webkit-mask-image: url(PlaylistAdd.svg);
}

.pa-icon-playlistedit {
    -webkit-mask-image: url(PlaylistEdit.svg);
}

.pa-icon-playlistremove {
    -webkit-mask-image: url(PlaylistRemove.svg);
}

.pa-icon-preview {
    -webkit-mask-image: url(Preview.svg);
}

.pa-icon-previous {
    -webkit-mask-image: url(Previous.svg);
}

.pa-icon-print {
    -webkit-mask-image: url(Print.svg);
}

.pa-icon-public {
    -webkit-mask-image: url(Public.svg);
}

.pa-icon-refresh {
    -webkit-mask-image: url(Refresh.svg);
}

.pa-icon-resetimage {
    -webkit-mask-image: url(ResetImage.svg);
}

.pa-icon-reverseapproval {
    -webkit-mask-image: url(ReverseApproval.svg);
}

.pa-icon-rotate90degreescounterclockwise {
    -webkit-mask-image: url(Rotate90DegreesCounterClockwise.svg);
}

.pa-icon-rotate90degreesclockwise {
    -webkit-mask-image: url(Rotate90DegreesClockwise.svg);
}

.pa-icon-save {
    -webkit-mask-image: url(Save.svg);
}

.pa-icon-savereport {
    -webkit-mask-image: url(SaveReport.svg);
}

.pa-icon-saveuser {
    -webkit-mask-image: url(SaveUser.svg);
}

.pa-icon-scroll {
    -webkit-mask-image: url(Scroll.svg);
}

.pa-icon-security {
    -webkit-mask-image: url(Security.svg);
}

.pa-icon-select {
    -webkit-mask-image: url(Select.svg);
}

.pa-icon-selectall {
    -webkit-mask-image: url(SelectAll.svg);
}

.pa-icon-send {
    -webkit-mask-image: url(Send.svg);
}

.pa-icon-settings {
    -webkit-mask-image: url(Settings.svg);
}

.pa-icon-source {
    -webkit-mask-image: url(Source.svg);
}

.pa-icon-success {
    -webkit-mask-image: url(Success.svg);
}

.pa-icon-summarise {
    -webkit-mask-image: url(Summarise.svg);
}

.pa-icon-tenancy {
    -webkit-mask-image: url(Tenancy.svg);
}

.pa-icon-tune {
    -webkit-mask-image: url(Tune.svg);
}

.pa-icon-uploadfile {
    -webkit-mask-image: url(UploadFile.svg);
}

.pa-icon-user {
    -webkit-mask-image: url(User.svg);
}

.pa-icon-verifyauthorisation {
    -webkit-mask-image: url(VerifyAuthorisation.svg);
}

.pa-icon-viewcomfyweight100-00 {
    -webkit-mask-image: url(ViewComfyWeight100-00.svg);
}

.pa-icon-viewcomfyweight100-01 {
    -webkit-mask-image: url(ViewComfyWeight100-01.svg);
}

.pa-icon-viewcomfyweight100-02 {
    -webkit-mask-image: url(ViewComfyWeight100-02.svg);
}

.pa-icon-viewcomfyweight100-03 {
    -webkit-mask-image: url(ViewComfyWeight100-03.svg);
}

.pa-icon-warning {
    -webkit-mask-image: url(Warning.svg);
}

.pa-icon-zoomin {
    -webkit-mask-image: url(ZoomIn.svg);
}

.pa-icon-zoomout {
    -webkit-mask-image: url(ZoomOut.svg);
}

.pa-icon-contains {
    width: 16px;
    height: 16px;
    mask-image: url('Contains.svg');
    -webkit-mask-image: url('Contains.svg');
}

.pa-icon-startswith {
    width: 16px;
    height: 16px;
    mask-image: url('StartsWith.svg');    
    -webkit-mask-image: url('StartsWith.svg');
}

.pa-icon-endswith {
    width: 16px;
    height: 16px;
    mask-image: url('EndsWith.svg');
    -webkit-mask-image: url('EndsWith.svg');
}

.pa-icon-notequal {
    width: 16px;
    height: 16px;
    mask-image: url('NotEqual.svg');
    -webkit-mask-image: url('NotEqual.svg');
}

.pa-icon-default {
    width: 16px;
    height: 16px;
    mask-image: url('Default.svg');
    -webkit-mask-image: url('Default.svg');
}

.pa-icon-equal {
    width: 16px;
    height: 16px;
    mask-image: url('Equal.svg');
    -webkit-mask-image: url('Equal.svg');
}

.pa-icon-lessorequal {
    width: 16px;
    height: 16px;
    mask-image: url('LessOrEqual.svg');
    -webkit-mask-image: url('LessOrEqual.svg');
}

.pa-icon-greaterorequal {
    width: 16px;
    height: 16px;
    mask-image: url('GreaterOrEqual.svg');
    -webkit-mask-image: url('GreaterOrEqual.svg');
}

.pa-icon-less {
    width: 16px;
    height: 16px;
    mask-image: url('less.svg');
    -webkit-mask-image: url('less.svg');
}

.pa-icon-greater {
    width: 16px;
    height: 16px;
    mask-image: url('greater.svg');
    -webkit-mask-image: url('greater.svg');
}


.pa-loading-full-viewport-overlay {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
}

.pa-m {
    margin: var(--pa-row-item-spacing-y) !important;
}

.pa-mb {
    margin-bottom: var(--pa-row-item-spacing-y) !important;
}

.pa-ms {
    margin-left: var(--pa-row-item-spacing-y) !important;
}

.pa-me {
    margin-right: var(--pa-row-item-spacing-y) !important;
}

.pa-mt {
    margin-top: var(--pa-row-item-spacing-y) !important;
}

.pa-mx {
    margin-left: var(--pa-row-item-spacing-y) !important;
    margin-right: var(--pa-row-item-spacing-y) !important;
}

.pa-my {
    margin-top: var(--pa-row-item-spacing-y) !important;
    margin-bottom: var(--pa-row-item-spacing-y) !important;
}

.pa-message-button {
    height: 22px;
    width: auto;
}

.pa-message-close-button {
    padding: 2px !important;
    position: absolute;
    top: 0px;
    right: 8px;
}

.pa-message-error {
    background-color: lightcoral !important;
}

.pa-message-information {
    background-color: lightskyblue !important;
}

.pa-message-success {
    background-color: lightgreen !important;
}

.pa-message-warning {
    background-color: lightgoldenrodyellow !important;
}

.pa-padding, .pa-p {
    padding: var(--pa-row-item-spacing-y) !important;
}

.pa-padding-bottom, .pa-pb {
    padding-bottom: var(--pa-row-item-spacing-y) !important;
}

.pa-padding-left, .pa-ps {
    padding-left: var(--pa-row-item-spacing-y) !important;
}

.pa-padding-right, .pa-pe {
    padding-right: var(--pa-row-item-spacing-y) !important;
}

.pa-padding-top, .pa-pt {
    padding-top: var(--pa-row-item-spacing-y) !important;
}

.pa-padding-x, .pa-px {
    padding-left: var(--pa-row-item-spacing-y) !important;
    padding-right: var(--pa-row-item-spacing-y) !important;
}

.pa-padding-y, .pa-py {
    padding-top: var(--pa-row-item-spacing-y) !important;
    padding-bottom: var(--pa-row-item-spacing-y) !important;
}

.pa-popup-button {
    width: 75px;
}

.pa-valid {
    border-color: none !important;
}

.pa-invalid {
    border-color: none !important;
    padding: 0px !important;
    border-bottom: 0px !important;
    border-top: 0px !important;
    border-right: 0px !important;
    border-left: 3px solid #b3000c !important;
    border-radius: .3rem;
}

.pa-invalid-input {
    border-left: 3px solid #b3000c !important;
    border-radius: .3rem;
}

.pa-warning-input {
    border-left: 3px solid #ffd800 !important;
    border-radius: .3rem;
}

.pa-scroll-box {
    display: flex;
    flex-direction: column;
}

.pa-scroll-y {
    flex: 1 1 auto;
    overflow-y: auto;
    height: 0px;
}

.pa-toolbar {
    padding: 5px !important;
}

.pa-tooltip {
    position: relative;
    display: inline-block;
    width: 100%;
}

    .pa-tooltip > div:first-child {
        visibility: hidden;
        position: absolute;
        display: inline-block;
        top: 120%;
        background-color: #fff;
        padding: 5px;
        border-style: solid;
        border-color: rgba(34,34,34,.125);
        border-width: 1px;
        border-radius: 3px;
        z-index: 1;
    }

        .pa-tooltip > div:first-child:empty {
            display: none;
        }

        .pa-tooltip > div:first-child::before {
            Content: "";
            position: absolute;
            bottom: 100%;
            margin-left: -5px;
            margin-bottom: 1px;
            border-width: 5px;
            border-style: solid;
            border-color: transparent transparent rgba(34,34,34,.125) transparent;
        }

        .pa-tooltip > div:first-child::after {
            content: "";
            position: absolute;
            bottom: 100%;
            margin-left: -4px;
            border-width: 4px;
            border-style: solid;
            border-color: transparent transparent #fff transparent;
        }

    .pa-tooltip:hover div:first-child {
        visibility: visible;
    }

.pa-tooltip-hide {
    position: relative;
    display: inline-block;
    width: 100%;
}

    .pa-tooltip-hide > div:first-child {
        visibility: hidden;
        position: absolute;
    }

.position-relative {
    position: relative;
}

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

.white-space-pre-wrap {
    white-space: pre-wrap;
}

/* grid */
.grid-stretch.dxbs-gridview > .card > div:last-of-type {
    height: 100%;
}

.grid-stretch.dxbs-gridview {
    flex: 1;
    display: flex;
    flex-direction: row;
}

.grid-stretch.height.dxbs-gridview {
    height: 100%;
}

.grid-stretch.dxbs-gridview > .card {
    flex: 1;
    display: flex;
}

    .grid-stretch.dxbs-gridview > .card > .dxbs-grid-vsd {
        flex: 1 1 auto;
        height: auto;
    }

    .grid-stretch.dxbs-gridview > .card > div:not(.dxbs-grid-vsd) {
        flex: 1 0 auto;
    }

/* texbox */
.dxbs-textbox {
    display: flex;
}

/* spinedit, periodedit */

.dec.btn.dxbs-edit-btn:not(.dxbs-mobile-btn) {
    width: 100% !important;
}