.flat.platform.vr-mobile-view .page-content {
     padding: 46px 0 0px 0; 
}

.flat.platform.vr-mobile-view .container-fluid {
    padding-right: 0;
    padding-left: 0;
}

.flat.platform.vr-mobile-view .version-container {
    width: 100%;
}

.flat.platform.vr-mobile-view #page-topbar .page-info {
    display: block;
    padding:2px 0;
}

.flat.platform.vr-mobile-view .style-row {
    padding: 10px;
}

.flat.platform.vr-mobile-view div[class^=col-] {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 100%;
}

.flat.platform.vr-mobile-view #page-topbar button#page-header-user-dropdown {
    right: 20px;
    padding: unset !important;
}

.flat.platform.vr-mobile-view commonbes-vruser-notifications > .dropdown.d-inline-block > .btn.noti-icon {
    position: relative;
    right: 20px;
}

.flat.platform.vr-mobile-view .row-header-container {
    height: auto;
}

.flat.platform.vr-mobile-view .vr-row-action-container {
    justify-content: flex-start;
}


.flat.platform.vr-mobile-view .vr-datagrid[alternative-color=true] .row-main-content {
    padding: 6px !important;
}

.flat.platform.vr-mobile-view .badge, .flat.platform.vr-mobile-view .vr-datagrid-celltext > div > span.label {
    line-height: .6em;
    padding: .4em .5em;
}

.flat.platform.vr-mobile-view commonbes-vruser-notifications .noti-icon .badge {
    line-height: 1em;
}
.flat.platform.vr-mobile-view .main-content .vr-datagrid-body.row-full-screen {
    width: 100%;
    left: 0;
}

.flat.platform.vr-mobile-view .modal-dialog.centered-model {
    top: 33%;
    transform: translate(0%, -33%);
}

.flat.platform.vr-mobile-view .modal .vr-datagrid-body.row-full-screen {
    height: 100%;
}

.flat.platform.vr-mobile-view .vr-datagrid-celltext a.expendable-content {
    white-space: break-spaces !important;
}

.flat.platform.vr-mobile-view .vr-datagrid-celltext > div span.span-summary, .flat.platform.vr-mobile-view .vr-datagrid-celltext > div .span-summary {
    white-space: break-spaces !important;
    font-size: .7rem !important;
}

.flat.platform.vr-mobile-view .vr-datagrid-celltext > div span.span-summary div[vr-icon-container] {
    display:inline;
}

.flat.platform.vr-mobile-view .vr-datagrid-cell-container.list-view-cell {
    width: 50% !important;
}

.flat.platform.vr-mobile-view .row-header-container .inline-btn button,
.flat.platform.vr-mobile-view .vr-row-action-container .inline-btn button {
    font-size: 0.8rem;
    margin: 0 0.1rem;
}

.flat.platform.vr-mobile-view .row-header-container .inline-btn button span,
.flat.platform.vr-mobile-view .vr-row-action-container .inline-btn button span{
    margin-right: 6px;
}

.flat.platform.vr-mobile-view .action-bar .btn,
.flat.platform.vr-mobile-view .vr-control-label,
.flat.platform.vr-mobile-view .vr-module-tabs-view label,
.flat.platform .vr-notification-label,
.flat.platform.vr-mobile-view .vr-user-label {
    font-size: 0.7rem !important;
}

.flat.platform.vr-mobile-view .action-bar .btn {
    padding: 2px 6px !important;
    
}

.flat.platform.vr-mobile-view .action-bar .btn span {
    padding-left: 4px;
    position: relative;
}
.flat.platform.vr-mobile-view .action-bar .filter-link {
   font-size:20px;
}
.flat.platform.vr-mobile-view vr-actionbar .btn .vr-button-menu-icon {
     top: unset; 
}


.flat.platform.vr-mobile-view vr-tabs[vertical] {
    display: block;
}

.flat.platform.vr-mobile-view .vr-tabs[vertical] {
    display: block;
    width: 100%;
}

.flat.platform.vr-mobile-view vr-tabs[vertical] vr-tab-header-link.ng-isolate-scope {
    display: inline-block;
}

.flat.platform.vr-mobile-view vr-tabs[vertical] .tab-vertical-content {
    width: 100%;
}

.flat.platform.vr-mobile-view .vr-detail-summary-custom {
    padding: 5px 0 !important;
}

.flat.platform.vr-mobile-view .mobile-header-container .mdi.mdi-view-grid {
    display:none;
}


.flat.platform.vr-mobile-view vr-choices[selectedindex="selectedSortDirectionIndex"] .vr-tabs.radio-btn-groupe vr-choice label.hand-cursor {
    padding: 0 5px !important;
}

.flat.platform.vr-mobile-view vr-directivetabs[usecardlayout="true"] > span > vr-tabs > vr-tabs-header > vr-row > div > vr-columns > div > vr-tab-header-links > .vr-tabs > .sortable-container > .tab-selector-popup {
    border: 0 solid var(--light-bg-color) !important;
    border-bottom: 0px var(--light-bg-color) solid !important;
    color: var(--bs-white-color) !important;
}
.flat.platform.vr-mobile-view .expandable-row-content {
    top: 45px;
}

.flat.platform.vr-mobile-view .topspacer-in .expandable-row-content {
    top: 85px;
}
.flat.platform.vr-mobile-view div.modal[ng-controller="RowFullScreenModeModalPopupController"] .modal-body {
    max-height: unset !important;
    height: 100dvh !important;
    padding: 10px 0px !important
}

.flat.platform.vr-mobile-view div.modal[ng-controller="RowFullScreenModeModalPopupController"] .modal-body .expandable-row-content,
.flat.platform.vr-mobile-view .topspacer-in div.modal[ng-controller="RowFullScreenModeModalPopupController"] .modal-body .expandable-row-content {
    position:static;
}

.flat.platform.vr-mobile-view div.modal[ng-controller="RowFullScreenModeModalPopupController"] .modal-content {
    border-radius: 0 !important;
}
.flat.platform.vr-mobile-view .modal .modal-dialog.row-full-screen-modal {
    margin: unset !important;
}
.flat.platform.vr-mobile-view .bootstrap-datetimepicker-widget.vr-datetime-mobile.dropdown-menu[style] {
    position: fixed;
    top: unset !important;
    left: calc(50% - 9.5em) !important;
    right: unset !important;
    transform: none !important;
    margin: auto !important;
}

.flat.platform.vr-mobile-view .vr-datagrid-cell-container.list-view-cell {
    width: 50% !important;
}

.flat.platform.vr-mobile-view .selected-container .selected-option {
    display: inline;
}

.flat.platform.vr-mobile-view .vr-be-selectentity span {
    width: 100%;
}

.flat.platform.vr-mobile-view div[ng-hide=filterSectionCollapsed].am-collapse {
    position: static;
}

.flat.platform.vr-mobile-view vr-section[usecardlayout=true] > .vr-normal-panel.panel-vr.card {
    margin: unset;
}

.flat.platform.vr-mobile-view .col-sm-12 {
    margin-bottom: 2px !important;
    margin-top: 2px !important;
}

.flat.platform.vr-mobile-view vr-tabs > vr-tabs-header > vr-row > .remove-line > vr-columns > div[class^=col-] {
    margin-bottom: unset !important;
    margin-top: unset !important;
}

.flat.platform.vr-mobile-view div.modal[ismenu] > .modal-dialog > .modal-content {
    border: 1px var(--light-bg-color) solid !important;
    border-radius: .25rem !important;
}
.flat.platform.vr-mobile-view vr-common-processmodel-runtime .stages-group {
    flex-wrap: wrap !important;
}

.flat.platform.vr-mobile-view vr-common-processmodel-runtime .stages-group  .stage-item {
      
    width: 100px !important;
}

.flat.platform.vr-mobile-view .tooltip-error:before {
    border-color: rgba(136, 183, 213, 0) rgba(136, 183, 213, 0) var(--bs-color-red) rgba(136, 183, 213, 0);
}

.flat.platform.vr-mobile-view .zoom-panel-wrapper {
    right: unset;
}

.flat.platform.vr-mobile-view .mobile-label {
    height: auto;
    line-height: 0.9rem !important;
    padding: 0;
    color: #999;
    font-weight: bold;
    font-size: 0.7rem;
    text-decoration: none;
    margin-top: 2px;
}

.flat.platform.vr-mobile-view .mobile-header-container {
    padding-right: 6px;
}

.flat.platform.vr-mobile-view .mobile-header-container span {
    font-size: 1rem !important;
    padding-left: 6px
}

.flat.platform.vr-mobile-view .panel-over-color.card {
    box-shadow: 0px 0px 0px 0px;
}

.flat.platform.vr-mobile-view .main-content vr-mainview {
    padding-top: 0px !important;
}


.flat.platform.vr-mobile-view .row-main-content .icon-dir-size {
    font-size: 0.8rem !important;
}
.flat.platform.vr-mobile-view .mobile-value-container span.span-summary {
    font-size: 0.7rem;
}

.flat.platform.vr-mobile-view .action-item .action-item-header {
    display: flex;
    justify-content: space-between;
    font-size: 0.9rem;
    font-weight: bold;
    width: 200px;
    background: var(--light-bg-color);
    border-radius: .25rem;
    padding: 0 20px !important;
    line-height: 30px;
    align-items: center;
    margin-bottom: 10px;
}
    .flat.platform.vr-mobile-view .action-item .action-item-header .mdi {
        font-size: 1.2rem;
        color: var(--bs-color-green) !important;
    }
.flat.platform.vr-mobile-view .vr-gridmenu-checkitem, .flat.platform.vr-mobile-view .vr-gridmenu-asc, .flat.platform.vr-mobile-view .vr-gridmenu-desc {
    float: right;
    color: var(--primary-color) !important;
}
.flat.platform.vr-mobile-view .vr-datagrid[alternative-color=true] .vr-datagrid-body-odd {
    background: var(--bs-body-bg) !important;
}
.flat.platform.vr-mobile-view .vr-choices-bottons .btn-group {
    display: flex;
    justify-content: center;
    margin-top: 4px !important;
}
.flat.platform.vr-mobile-view .modal-header .close,
.flat.platform.vr-mobile-view .modal-header .expand {
    height: 30px;
    width: 30px;
    line-height: 30px;
}

    .flat.platform.vr-mobile-view .modal-header .close > span,
    .flat.platform.vr-mobile-view .modal-header .expand > span {
        line-height: 30px
    }
.flat.platform.vr-mobile-view .vr-tabs label .tab-icon-class {
    font-size:1rem; 
    padding-right:4px;
}
.flat.platform.vr-mobile-view .tabs-popup .tab-item {
    font-size: .875rem;
    color: var(--primary-color) !important;
    font-weight:500;
    left:4px;
}
.flat.platform.vr-mobile-view .tabs-popup .selected-tab {
    font-size: .875rem;
    line-height: 20px;
}
    .flat.platform.vr-mobile-view .tabs-popup .selected-tab:before {
        font-size: .875rem;
        border-color: transparent var(--primary-color) !important;
        left: -8px;
        top: 7px;
    }

.flat.platform.vr-mobile-view .row-full-screen .label-field-wrapper .vr-control-label, .flat.platform.vr-mobile-view .row-full-screen .runtime-field-wrapper .vr-control-label {
    font-size: 0.7rem !important;
}
.flat.platform.vr-mobile-view vr-directivetabs[usecardlayout=true] > span > vr-tabs > vr-tabs-header > vr-row > div > vr-columns > div > vr-tab-header-links > .btn-group.btn-group-custom.vr-tabs,  .flat.platform.vr-mobile-view .vr-tabs label > span, .flat.platform.vr-mobile-view .vr-tabs vr-tab-header-link, .flat.platform.vr-mobile-view .vr-tabs, .flat.platform.vr-mobile-view vr-tabs > vr-tabs-header > vr-row > div > vr-columns > div > vr-tab-header-links > .btn-group-custom.vr-tabs > .sortable-container {
    height: 30px !important;
    line-height: 30px !important;
    border: none;
}
.flat.platform.vr-mobile-view .vr-tabs .clicked-btn {
    height: 29px !important;
    line-height: 29px !important;
    top:1px;
}
.flat.platform.vr-mobile-view .actionbar-popup-modal .action-menu-item:not(:last-child) {
    border-bottom: 0.5px solid var(--light-bg-color);
}
.flat.platform.vr-mobile-view .actionbar-popup-modal button {
    padding: 2px 0 !important;
    margin: 2px 0 !important;
    font-weight: 500;
    font-size: 0.8rem !important;
    color: var(--primary-color) !important;
}
.flat.platform.vr-mobile-view .actionbar-popup-modal .group-action-title {
    font-size: 0.8rem !important;
    color: var(--bs-body-color);
    font-weight:500;
}
.flat.platform.vr-mobile-view .actionbar-popup-modal .sub-menu .sub-menu-container {
    margin-left:4px; 
}
.flat.platform.vr-mobile-view .actionbar-popup-modal {
    padding:10px 0;
}
    .flat.platform.vr-mobile-view .actionbar-popup-modal .mdi{
        font-size: 0.5rem;
        padding-right: 2px;
    }
.flat.platform.vr-mobile-view .vr-tabs label:after {
    display: none;
}