.ozp4kpb{background:var(--background,revert)}
.oik3mn3{border:var(--border,revert)}
.o1kvxyos{margin:var(--margin,revert)}
.o19ea983{padding:var(--padding,revert)}
.op5j0yd:hover{background:var(--umghl,revert)}
.o1xvvowi:not(#\#){background-position:var(--backgroundPosition,revert)}
.o19jiyzx:not(#\#){border-bottom:var(--borderBottom,revert)}
.oeqt46j:not(#\#){border-color:var(--borderColor,revert)}
.o1owwbs0:not(#\#){border-left:var(--borderLeft,revert)}
.o1psujx9:not(#\#){border-radius:var(--borderRadius,revert)}
.o1vbr5l2:not(#\#){border-right:var(--borderRight,revert)}
.olmkbo7:not(#\#){border-top:var(--borderTop,revert)}
.o1kapfjr:not(#\#){flex:var(--flex,revert)}
.ocsedag:not(#\#){overflow:var(--overflow,revert)}
.o1bmpxvi:not(#\#){text-decoration:var(--textDecoration,revert)}
.o5z8be9:not(#\#){transition:var(--transition,revert)}
.o1f18tew:not(#\#):not(#\#){-webkit-background-clip:var(--WebkitBackgroundClip,revert)}
.o1jvvtyj:not(#\#):not(#\#){-webkit-box-orient:var(--WebkitBoxOrient,revert)}
.o1dovpjd:not(#\#):not(#\#){-webkit-line-clamp:var(--WebkitLineClamp,revert)}
.o1lfcsjt:not(#\#):not(#\#){-webkit-text-fill-color:var(--WebkitTextFillColor,revert)}
.o1bdtpbn:not(#\#):not(#\#){align-items:var(--alignItems,revert)}
.orvokbi:not(#\#):not(#\#){align-self:var(--alignSelf,revert)}
.o1xx3nwc:not(#\#):not(#\#){back-drop-filter:var(--backDropFilter,revert)}
.okpg4c3:not(#\#):not(#\#){background-clip:var(--backgroundClip,revert)}
.oq1mx2j:not(#\#):not(#\#){background-color:var(--backgroundColor,revert)}
.o1g0zcm7:not(#\#):not(#\#){background-image:var(--backgroundImage,revert)}
.o1b7yywl:not(#\#):not(#\#){background-repeat:var(--backgroundRepeat,revert)}
.ox8ilsi:not(#\#):not(#\#){background-size:var(--backgroundSize,revert)}
.od1wvjb:not(#\#):not(#\#){box-sizing:var(--boxSizing,revert)}
.o19dipnz:not(#\#):not(#\#){color:var(--color,revert)}
.o4rvf3u:not(#\#):not(#\#){column-gap:var(--columnGap,revert)}
.oghzc4r:not(#\#):not(#\#){cursor:var(--cursor,revert)}
.o1hwep2t:not(#\#):not(#\#){display:var(--display,revert)}
.o1t8ptb3:not(#\#):not(#\#){flex-basis:var(--flexBasis,revert)}
.ocr92ck:not(#\#):not(#\#){flex-direction:var(--flexDirection,revert)}
.o11kkp4q:not(#\#):not(#\#){flex-grow:var(--flexGrow,revert)}
.o3nd7wn:not(#\#):not(#\#){flex-shrink:var(--flexShrink,revert)}
.oq4ukbr:not(#\#):not(#\#){flex-wrap:var(--flexWrap,revert)}
.o1q1tvw:not(#\#):not(#\#){font-family:var(--fontFamily,revert)}
.o13jbg0v:not(#\#):not(#\#){font-size:var(--fontSize,revert)}
.o1d8kn6q:not(#\#):not(#\#){font-weight:var(--fontWeight,revert)}
.o1vvfoas:not(#\#):not(#\#){grid-template-columns:var(--gridTemplateColumns,revert)}
.o1qa288d:not(#\#):not(#\#){justify-content:var(--justifyContent,revert)}
.o1tyagra:not(#\#):not(#\#){letter-spacing:var(--letterSpacing,revert)}
.oatrb82:not(#\#):not(#\#){line-height:var(--lineHeight,revert)}
.o1u4uod0:not(#\#):not(#\#){opacity:var(--opacity,revert)}
.o1njnmqe:not(#\#):not(#\#){pointer-events:var(--pointerEvents,revert)}
.o16rutl3:not(#\#):not(#\#){position:var(--position,revert)}
.om8a6f2:not(#\#):not(#\#){row-gap:var(--rowGap,revert)}
.o1w9wy87:not(#\#):not(#\#){text-align:var(--textAlign,revert)}
.otc2z4j:not(#\#):not(#\#){text-fill-color:var(--textFillColor,revert)}
.o9227vg:not(#\#):not(#\#){text-overflow:var(--textOverflow,revert)}
.o8rf0a0:not(#\#):not(#\#){text-transform:var(--textTransform,revert)}
.o1yesafu:not(#\#):not(#\#){transform-origin:var(--transformOrigin,revert)}
.o1v0jg1i:not(#\#):not(#\#){transform:var(--transform,revert)}
.ouqgmj3:not(#\#):not(#\#){vertical-align:var(--verticalAlign,revert)}
.otgbcpc:not(#\#):not(#\#){white-space:var(--whiteSpace,revert)}
.ocl18dw:not(#\#):not(#\#){word-break:var(--wordBreak,revert)}
.ojxbwdb:not(#\#):not(#\#){z-index:var(--zIndex,revert)}
.orl4t6d:hover:not(#\#):not(#\#){background-color:var(--1e2mv7m,revert)}
.o143hky7:hover:not(#\#):not(#\#){box-shadow:var(--bf5hz0,revert)}
.os599ch:hover:not(#\#):not(#\#){cursor:var(--s7d2wp,revert)}
.o7kcovc:hover:not(#\#):not(#\#){transform:var(--114fdy9,revert)}
.oy0h9ws:not(#\#):not(#\#):not(#\#){border-bottom-left-radius:var(--borderBottomLeftRadius,revert)}
.oirl74b:not(#\#):not(#\#):not(#\#){border-bottom-right-radius:var(--borderBottomRightRadius,revert)}
.okudhk1:not(#\#):not(#\#):not(#\#){border-top-left-radius:var(--borderTopLeftRadius,revert)}
.o1uhzfu4:not(#\#):not(#\#):not(#\#){border-top-right-radius:var(--borderTopRightRadius,revert)}
.o1jwls1v:not(#\#):not(#\#):not(#\#){height:var(--height,revert)}
.o101gtxs:not(#\#):not(#\#):not(#\#){left:var(--left,revert)}
.old31j7:not(#\#):not(#\#):not(#\#){margin-bottom:var(--marginBottom,revert)}
.owmvlbq:not(#\#):not(#\#):not(#\#){margin-left:var(--marginLeft,revert)}
.oy982vn:not(#\#):not(#\#):not(#\#){margin-right:var(--marginRight,revert)}
.o1v67u4u:not(#\#):not(#\#):not(#\#){margin-top:var(--marginTop,revert)}
.oqvb90d:not(#\#):not(#\#):not(#\#){max-height:var(--maxHeight,revert)}
.osvhuol:not(#\#):not(#\#):not(#\#){max-width:var(--maxWidth,revert)}
.o1gu4hsp:not(#\#):not(#\#):not(#\#){min-height:var(--minHeight,revert)}
.o13to73x:not(#\#):not(#\#):not(#\#){min-width:var(--minWidth,revert)}
.o1ke1aez:not(#\#):not(#\#):not(#\#){overflow-x:var(--overflowX,revert)}
.okdrvib:not(#\#):not(#\#):not(#\#){overflow-y:var(--overflowY,revert)}
.o9q6w0x:not(#\#):not(#\#):not(#\#){padding-bottom:var(--paddingBottom,revert)}
.o1k3zc6d:not(#\#):not(#\#):not(#\#){padding-left:var(--paddingLeft,revert)}
.o1af1tl5:not(#\#):not(#\#):not(#\#){padding-right:var(--paddingRight,revert)}
.obobb8a:not(#\#):not(#\#):not(#\#){padding-top:var(--paddingTop,revert)}
.o1bk4rc1:not(#\#):not(#\#):not(#\#){right:var(--right,revert)}
.orzbxsz:not(#\#):not(#\#):not(#\#){top:var(--top,revert)}
.o17fnjtu:not(#\#):not(#\#):not(#\#){width:var(--width,revert)}
                            .oi-of {
    overflow: var(--overflow, revert) !important
}

.oi-flex {
    flex: var(--flex, revert) !important
}

.oi-ofy {
    overflow-y: var(--overflowY, revert) !important
}

.oi-ofx {
    overflow-x: var(--overflowX, revert) !important
}

.oi-w {
    width: var(--width, revert) !important
}

.oi-w-min {
    min-width: var(--minWidth, revert) !important
}

.oi-h {
    height: var(--height, revert) !important
}

.oi-h-max {
    max-height: var(--maxHeight, revert) !important
}

.oi-ma {
    margin: var(--margin, revert) !important
}

.oi-pa {
    padding: var(--padding, revert) !important
}

.oi-top {
    top: var(--top, revert) !important
}

.oi-right {
    right: var(--right, revert) !important
}



.oi-bg {
    background: var(--background, revert) !important;
}

.oi-c {
    color: var(--color, revert) !important;
}

.oi-ml {
    margin-left: var(--marginLeft, revert) !important;
}

.oi-mb {
    margin-bottom: var(--marginBottom, revert) !important;
}

.oi-mr {
    margin-right: var(--marginRight, revert) !important;
}

.oi-mt {
    margin-top: var(--marginTop, revert) !important;
}

.oi-pl {
    padding-left: var(--paddingLeft, revert) !important;
}

.oi-pb {
    padding-bottom: var(--paddingBottom, revert) !important;
}

.oi-pr {
    padding-right: var(--paddingRight, revert) !important;
}

.oi-pt {
    padding-top: var(--paddingTop, revert) !important;
}

.oi-bl {
    border-left: var(--borderLeft, revert) !important;
}

.oi-bb {
    border-bottom: var(--borderBottom, revert) !important;
}

.oi-br {
    border-right: var(--borderRight, revert) !important;
}

.oi-bt {
    border-top: var(--borderTop, revert) !important;
}

.oi-btlr {
    border-top-left-radius: var(--borderTopLeftRadius, revert) !important
}

.oi-btrr {
    border-top-right-radius: var(--borderTopRightRadius, revert) !important
}

.oi-bbrr {
    border-bottom-right-radius: var(--borderBottomRightRadius, revert) !important
}

.oi-bblr {
    border-bottom-left-radius: var(--borderBottomLeftRadius, revert) !important
}


.oi-bg-clip,
.oi-bg.oi-bg-clip {
    background-clip: var(--backgroundClip, revert) !important;
    -webkit-background-clip: var(--backgroundClip, revert) !important;
}

.oi-bg-color,
.oi-bg-color-hover:hover,
.oi-bg.oi-bg-color,
.oi-bg.oi-bg-color-hover:hover {
    background-color: var(--backgroundColor, revert) !important;
}

.oi-cursor,
.oi-cursor-hover:hover {
    cursor: var(--cursor, revert) !important;
}

.oi-td {
    text-decoration: var(--textDecoration, revert) !important
}

.oi-font {
    font-size: var(--fontSize, revert) !important;
    font-weight: var(--fontWeight, revert) !important;
    line-height: var(--lineHeight, revert) !important;
}

.oi-fs {
    font-size: var(--fontSize, revert) !important;
}

/* nest rule */

.on-if-pl iframe {
    padding-left: var(--paddingLeft, revert);
}

.on-if-pr iframe {
    padding-right: var(--paddingRight, revert);
}

.on-if-pt iframe {
    padding-top: var(--paddingTop, revert);
}

.on-if-pb iframe {
    padding-bottom: var(--paddingBottom, revert);
}

/* sm size */
@media screen and (max-width: 420px) {
    .oms-fs {
        font-size: var(--fontSize-sm, revert);
    }

    .oms-fw {
        font-weight: var(--fontWeight-sm, revert);
    }

    .oms-lh {
        line-height: var(--lineHeight-sm, revert);
    }

    .oms-ls {
        letter-spacing: var(--letterSpacing-sm, revert);
    }

    .oims-ls {
        letter-spacing: var(--letterSpacing-sm, revert) !important;
    }

    .oims-fs {
        font-size: var(--fontSize-sm, revert) !important;
    }

    .oims-fw {
        font-weight: var(--fontWeight-sm, revert) !important;
    }

    .oims-lh {
        line-height: var(--lineHeight-sm, revert) !important;
    }
}

/* medium size */
@media screen and (min-width: 420px) and (max-width: 1200px) {
    .omd-fs {
        font-size: var(--fontSize-md, revert);
    }

    .omd-fw {
        font-weight: var(--fontWeight-md, revert);
    }

    .omd-lh {
        line-height: var(--lineHeight-md, revert);
    }

    .omd-ls {
        letter-spacing: var(--letterSpacing-md, revert);
    }

    .oimd-ls {
        letter-spacing: var(--letterSpacing-md, revert) !important;
    }

    .oimd-fs {
        font-size: var(--fontSize-md, revert) !important;
    }

    .oimd-fw {
        font-weight: var(--fontWeight-md, revert) !important;
    }

    .oimd-lh {
        line-height: var(--lineHeight-md, revert) !important;
    }
}

/* large size */
@media screen and (min-width: 1201px) {
    .oml-fs {
        font-size: var(--fontSize-lg, revert);
    }

    .oml-fw {
        font-weight: var(--fontWeight-lg, revert);
    }

    .oml-lh {
        line-height: var(--lineHeight-lg, revert);
    }

    .oml-ls {
        letter-spacing: var(--letterSpacing-lg, revert);
    }

    .oiml-ls {
        letter-spacing: var(--letterSpacing-lg, revert) !important;
    }

    .oiml-fs {
        font-size: var(--fontSize-lg, revert) !important;
    }

    .oiml-fw {
        font-weight: var(--fontWeight-lg, revert) !important;
    }

    .oiml-lh {
        line-height: var(--lineHeight-lg, revert) !important;
    }
}

/* sm size */
@container (max-width: 420px) {
    /* .oi-container-sm-fs {
        font-size: var(--fontSize, revert) !important;
    }

    .oi-container-sm-fw {
        font-weight: var(--fontWeight, revert) !important;
    }

    .oi-container-sm-lh {
        line-height: var(--lineHeight, revert) !important;
    } */
}

/* medium size */
@container (min-width: 420px) and (max-width: 1200px) {
    /* .oi-container-md-fs {
        font-size: var(--fontSize, revert) !important;
    }

    .oi-container-md-fw {
        font-weight: var(--fontWeight, revert) !important;
    }

    .oi-container-md-lh {
        line-height: var(--lineHeight, revert) !important;
    } */
}

/* large size */
@container (min-width: 1201px) {
    /* .oi-container-lg-fs {
        font-size: var(--fontSize, revert) !important;
    }

    .oi-container-lg-fw {
        font-weight: var(--fontWeight, revert) !important;
    }

    .oi-container-lg-lh {
        line-height: var(--lineHeight, revert) !important;
    } */
}
/*!
use .css file to override vuetify css prevent flickering because that will bundle to omnia.fx.ux_dee030cc-4ab3-4158-bb06-8049f5c67542.css
 */


html[data-omfx] {
    overflow-y: hidden !important;
    box-sizing: inherit !important;
    /* Need to override 'border-box' boxSizing in html from Vuetify to avoid impact in spfx*/
    height: 100%
}

/* Compensate the boxSizing fix in html with this to ensure the same behavior in Omnia components*/
.v-application,
.v-overlay,
.v-dialog__content,
.v-tooltip__content,
.v-menu__content,
.spPropertyPaneContainer>.PageSettingsPane {
    box-sizing: border-box !important;
}

/* fix .row class css affect in spfx*/
/*.CanvasZone.row:not(.CanvasZone--centerAlign) {
    margin: 0 -8px;
}

 .CanvasZone.row.CanvasZone--noMargin:not(.CanvasZone--centerAlign) {
        margin: 0;
}*/

/*fix toolbar button biger on spfx*/
.CanvasControlToolbar,
.CanvasZoneToolbar-sticky {
    box-sizing: border-box;
}


.omux-clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

/* 
.ms-FocusZone {
    box-sizing: initial !important;
}*/

html[data-omfx] pre {
    margin: 1em 0px;
}

.MicrosoftMap .as_container .line1 {
    font-weight: 400 !important;
}

.MicrosoftMap * {
    padding: initial;
    margin: initial;
    box-sizing: initial;
}

/*reset default margin when using omnia in Spfx. Because some css * rule on Omnia make wrong margin on Spfx*/
.isFluent h2:not(.od-ItemContent-title):not(.compositeTitle) {
    margin: 0.83rem 0px;
}

.isFluent h1:not(.od-ItemContent-title):not(.compositeTitle) {
    margin: 0.67rem 0px;
}

.isFluent h3:not(.od-ItemContent-title):not(.compositeTitle) {
    margin: 1rem 0px;
}

.isFluent h4:not(.od-ItemContent-title):not(.compositeTitle) {
    margin: 1.33rem 0px;
}

#omnia-body {
    transition: all 0.2s;
    max-width: 100vw;
    margin-left: 0;
    margin-right: 0;
}

/*Apply some rules for mobile devices (focus on ios)*/

/* CSS specific to iOS devices */ 
@supports (-webkit-touch-callout: none) {
  @media (min-device-width:320px) and (max-device-width:600px) {
    #omnia-app{
      overflow-y: hidden;
    }
  }
}

@media (min-device-width:320px) and (max-device-width:600px) {
    #omnia-content-footer{
        padding-bottom: 60px
    }
}
.ot-row {
    td {
        background-color: var(--backgroundColor, revert) !important;
    }
}

.o-sc::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

.o-sc::-webkit-scrollbar-track {
    background: var(--background-track, revert);
}

.o-sc::-webkit-scrollbar-thumb {
    background: var(--background-thumb, revert);
}


.obni-c i.v-icon,
.v-btn.obni-c i.v-icon {
    color: var(--color, revert) !important;
}

.obni-fs i.v-icon,
.v-btn.obni-fs i.v-icon {
    font-size: var(--fontSize, revert) !important;
}

.obni-bdf i.v-icon,
.v-btn.obni-bdf i.v-icon {
    font-size: var(--fontSize, revert) !important;
}

.obni-bg-clip i.v-icon,
.v-btn.obni-bg-clip i.v-icon {
    background-clip: var(--backgroundClip, revert) !important;
    -webkit-background-clip: var(--backgroundClip, revert) !important;
}

.obni-bg i.v-icon,
.v-btn.obni-bg i.v-icon {
    background: var(--background, revert) !important;
}

.obni-tfc i.v-icon,
.v-btn.obni-tfc i.v-icon {
    -webkit-text-fill-color: var(--textFillColor, revert);
}

.oi-bg-img {
    background-image: var(--backgroundImage, revert) !important;
}

.oi-bg-position {
    background-position: var(--backgroundPosition, revert) !important;
}

.oi-bg-repeat {
    background-repeat: var(--backgroundRepeat, revert) !important;
}

.oi-bg-size {
    background-size: var(--backgroundSize, revert) !important;
}

.ob-bg::before {
    background-image: var(--backgroundImage, revert) !important;
    content: "";
    position: absolute;
    background-position: top;
    left: 0;
    top: 0;
    z-index: -1;
    background-size: cover;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
}

.obb-bg::before {
    background: var(--background, revert) !important;
}

.obb-bdf::before {
    backdrop-filter: var(--backDropFilter, revert);
}

.obb-bd::before {
    border: var(--border, revert);
}

.obb-bd-b::before {
    border-bottom: var(--borderBottom, revert);
}

.obb-bd-r::before {
    border-right: var(--borderRight, revert);
}

.obb-bd-t::before {
    border-top: var(--borderTop, revert);
}

.obb-bd-l::before {
    border-left: var(--borderLeft, revert);
}

.obb-bblr::before {
    border-bottom-left-radius: var(--borderBottomLeftRadius, revert) !important;
}

.obb-bbrr::before {
    border-bottom-right-radius: var(--borderBottomRightRadius, revert) !important;
}

.obb-btlr::before {
    border-top-left-radius: var(--borderTopLeftRadius, revert) !important;
}

.obb-btrr::before {
    border-top-right-radius: var(--borderTopRightRadius, revert) !important;
}

.obb-po::before {
    position: var(--position, revert);
}

.obb .v-btn__content {
    z-index: 30;
}

.obb::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
}

.obt-n {

    .o-text,
    i {
        transition: "0.3s font-size ease-out;";
    }
}

.obts-n {

    .v-slide-group__content {
        row-gap: var(--rowGap, revert);
        column-gap: var(--columnGap, revert);
    }
}
/*!
 * Generated with CSS Flag Sprite generator (https://www.flag-sprites.com/)
 */

.omux-flag {
    display: inline-block;
    width: 32px;
    vertical-align: middle;
    height: 30px;
    margin-right: 5px;
    background-image: url(/omnia/images/flags.png);
    min-width: 32px;
    min-height:30px;
}


.omux-flag.flag-cd {
    background-position: -96px -64px;
}

.omux-flag.flag-ne {
    background-position: -352px -288px;
}

.omux-flag.flag-li {
    background-position: -320px -224px;
}

.omux-flag.flag-hr {
    background-position: -320px -160px;
}

.omux-flag.flag-fi {
    background-position: -32px -128px;
}

.omux-flag.flag-za {
    background-position: -256px -448px;
}

.omux-flag.flag-sv {
    background-position: -224px -384px;
}

.omux-flag.flag-gq {
    background-position: -64px -160px;
}

.omux-flag.flag-lb {
    background-position: -256px -224px;
}

.omux-flag.flag-pt {
    background-position: -448px -320px;
}

.omux-flag.flag-cn {
    background-position: -352px -64px;
}

.omux-flag.flag-md {
    background-position: -160px -256px;
}

.omux-flag.flag-jm {
    background-position: -256px -192px;
}

.omux-flag.flag-re {
    background-position: -96px -352px;
}

.omux-flag.flag-mt {
    background-position: -64px -288px;
}

.omux-flag.flag-gi {
    background-position: -384px -128px;
}

.omux-flag.flag-ec {
    background-position: -288px -96px;
}

.omux-flag.flag-ws {
    background-position: -192px -448px;
}

.omux-flag.flag-by {
    background-position: 0 -64px;
}

.omux-flag.flag-ao {
    background-position: -256px 0;
}

.omux-flag.flag-je {
    background-position: -224px -192px;
}

.omux-flag.flag-au {
    background-position: -384px 0;
}

.omux-flag.flag-ht {
    background-position: -352px -160px;
}

.omux-flag.flag-sg {
    background-position: -416px -352px;
}

.omux-flag.flag-bw {
    background-position: -448px -32px;
}

.omux-flag.flag-al {
    background-position: -160px 0;
}

.omux-flag.flag-de {
    background-position: -96px -96px;
}

.omux-flag.flag-si {
    background-position: -448px -352px;
}

.omux-flag.flag-pg {
    background-position: -256px -320px;
}

.omux-flag.flag-vg {
    background-position: -64px -448px;
}

.omux-flag.flag-ru {
    background-position: -192px -352px;
}

.omux-flag.flag-rw {
    background-position: -224px -352px;
}

.omux-flag.flag-gn {
    background-position: 0 -160px;
}

.omux-flag.flag-cl {
    background-position: -288px -64px;
}

.omux-flag.flag-bt {
    background-position: -416px -32px;
}

.omux-flag.flag-cf {
    background-position: -128px -64px;
}

.omux-flag.flag-gt {
    background-position: -128px -160px;
}

.omux-flag.flag-fo {
    background-position: -128px -128px;
}

.omux-flag.flag-zm {
    background-position: -288px -448px;
}

.omux-flag.flag-cr {
    background-position: -416px -64px;
}

.omux-flag.flag-tj {
    background-position: -448px -384px;
}

.omux-flag.flag-tl {
    background-position: 0 -416px;
}

.omux-flag.flag-nz {
    background-position: -96px -320px;
}

.omux-flag.flag-lr {
    background-position: -384px -224px;
}

.omux-flag.flag-us {
    background-position: -352px -416px;
}

.omux-flag.flag-eg {
    background-position: -352px -96px;
}

.omux-flag.flag-lu {
    background-position: 0 -256px;
}

.omux-flag.flag-pf {
    background-position: -224px -320px;
}

.omux-flag.flag-mz {
    background-position: -256px -288px;
}

.omux-flag.flag-sb {
    background-position: -288px -352px;
}

.omux-flag.flag-nl {
    background-position: -448px -288px;
}

.omux-flag.flag-th {
    background-position: -416px -384px;
}

.omux-flag.flag-mq {
    background-position: -448px -256px;
}

.omux-flag.flag-ky {
    background-position: -160px -224px;
}

.omux-flag.flag-sr {
    background-position: -160px -384px;
}

.omux-flag.flag-ke {
    background-position: -352px -192px;
}

.omux-flag.flag-am {
    background-position: -192px 0;
}

.omux-flag.flag-mv {
    background-position: -128px -288px;
}

.omux-flag.flag-ga {
    background-position: -192px -128px;
}

.omux-flag.flag-ch {
    background-position: -192px -64px;
}

.omux-flag.flag-ms {
    background-position: -32px -288px;
}

.omux-flag.flag-is {
    background-position: -160px -192px;
}

.omux-flag.flag-ye {
    background-position: -224px -448px;
}

.omux-flag.flag-pk {
    background-position: -320px -320px;
}

.omux-flag.flag-fr {
    background-position: -160px -128px;
}

.omux-flag.flag-kn {
    background-position: -32px -224px;
}

.omux-flag.flag-tz {
    background-position: -256px -416px;
}

.omux-flag.flag-mh {
    background-position: -256px -256px;
}

.omux-flag.flag-sn {
    background-position: -96px -384px;
}

.omux-flag.flag-bf {
    background-position: -128px -32px;
}

.omux-flag.flag-me {
    background-position: -192px -256px;
}

.omux-flag.flag-sc {
    background-position: -320px -352px;
}

.omux-flag.flag-gu {
    background-position: -160px -160px;
}

.omux-flag.flag-ca {
    background-position: -64px -64px;
}

.omux-flag.flag-mn {
    background-position: -384px -256px;
}

.omux-flag.flag-va {
    background-position: -448px -416px;
}

.omux-flag.flag-an {
    background-position: -224px 0;
}

.omux-flag.flag-as {
    background-position: -320px 0;
}

.omux-flag.flag-bz {
    background-position: -32px -64px;
}

.omux-flag.flag-mg {
    background-position: -224px -256px;
}

.omux-flag.flag-lt {
    background-position: -448px -224px;
}

.omux-flag.flag-sm {
    background-position: -64px -384px;
}

.omux-flag.flag-tt {
    background-position: -160px -416px;
}

.omux-flag.flag-py {
    background-position: -32px -352px;
}

.omux-flag.flag-ad {
    background-position: 0 0;
}

.omux-flag.flag-ls {
    background-position: -416px -224px;
}

.omux-flag.flag-gg {
    background-position: -320px -128px;
}

.omux-flag.flag-uz {
    background-position: -416px -416px;
}

.omux-flag.flag-kr {
    background-position: -96px -224px;
}

.omux-flag.flag-mm {
    background-position: -352px -256px;
}

.omux-flag.flag-gw {
    background-position: -192px -160px;
}

.omux-flag.flag-lv {
    background-position: -32px -256px;
}

.omux-flag.flag-ag {
    background-position: -96px 0;
}

.omux-flag.flag-gh {
    background-position: -352px -128px;
}

.omux-flag.flag-ge {
    background-position: -288px -128px;
}

.omux-flag.flag-dj {
    background-position: -128px -96px;
}

.omux-flag.flag-tw {
    background-position: -224px -416px;
}

.omux-flag.flag-bo {
    background-position: -320px -32px;
}

.omux-flag.flag-qa {
    background-position: -64px -352px;
}

.omux-flag.flag-hn {
    background-position: -288px -160px;
}

.omux-flag.flag-gp {
    background-position: -32px -160px;
}

.omux-flag.flag-zw {
    background-position: -320px -448px;
}

.omux-flag.flag-sy {
    background-position: -256px -384px;
}

.omux-flag.flag-td {
    background-position: -352px -384px;
}

.omux-flag.flag-om {
    background-position: -128px -320px;
}

.omux-flag.flag-es {
    background-position: -448px -96px;
}

.omux-flag.flag-az {
    background-position: -448px 0;
}

.omux-flag.flag-dk {
    background-position: -160px -96px;
}

.omux-flag.flag-ci {
    background-position: -224px -64px;
}

.omux-flag.flag-il {
    background-position: 0 -192px;
}

.omux-flag.flag-sa {
    background-position: -256px -352px;
}

.omux-flag.flag-ni {
    background-position: -416px -288px;
}

.omux-flag.flag-rs {
    background-position: -160px -352px;
}

.omux-flag.flag-cz {
    background-position: -64px -96px;
}

.omux-flag.flag-st {
    background-position: -192px -384px;
}

.omux-flag.flag-bs {
    background-position: -384px -32px;
}

.omux-flag.flag-sk {
    background-position: 0 -384px;
}

.omux-flag.flag-la {
    background-position: -224px -224px;
}

.omux-flag.flag-ve {
    background-position: -32px -448px;
}

.omux-flag.flag-cv {
    background-position: 0 -96px;
}

.omux-flag.flag-do {
    background-position: -224px -96px;
}

.omux-flag.flag-mc {
    background-position: -128px -256px;
}

.omux-flag.flag-jp {
    background-position: -320px -192px;
}

.omux-flag.flag-er {
    background-position: -416px -96px;
}

.omux-flag.flag-sd {
    background-position: -352px -352px;
}

.omux-flag.flag-ck {
    background-position: -256px -64px;
}

.omux-flag.flag-pa {
    background-position: -160px -320px;
}

.omux-flag.flag-it {
    background-position: -192px -192px;
}

.omux-flag.flag-hu {
    background-position: -384px -160px;
}

.omux-flag.flag-hk {
    background-position: -256px -160px;
}

.omux-flag.flag-nc {
    background-position: -320px -288px;
}

.omux-flag.flag-gm {
    background-position: -448px -128px;
}

.omux-flag.flag-tc {
    background-position: -320px -384px;
}

.omux-flag.flag-ir {
    background-position: -128px -192px;
}

.omux-flag.flag-ma {
    background-position: -96px -256px;
}

.omux-flag.flag-km {
    background-position: 0 -224px;
}

.omux-flag.flag-mw {
    background-position: -160px -288px;
}

.omux-flag.flag-tg {
    background-position: -384px -384px;
}

.omux-flag.flag-ug {
    background-position: -320px -416px;
}

.omux-flag.flag-kw {
    background-position: -128px -224px;
}

.omux-flag.flag-ee {
    background-position: -320px -96px;
}

.omux-flag.flag-mu {
    background-position: -96px -288px;
}

.omux-flag.flag-my {
    background-position: -224px -288px;
}

.omux-flag.flag-cu {
    background-position: -448px -64px;
}

.omux-flag.flag-co {
    background-position: -384px -64px;
}

.omux-flag.flag-np {
    background-position: -32px -320px;
}

.omux-flag.flag-pl {
    background-position: -352px -320px;
}

.omux-flag.flag-ly {
    background-position: -64px -256px;
}

.omux-flag.flag-ph {
    background-position: -288px -320px;
}

.omux-flag.flag-bd {
    background-position: -64px -32px;
}

.omux-flag.flag-ro {
    background-position: -128px -352px;
}

.omux-flag.flag-vc {
    background-position: 0 -448px;
}

.omux-flag.flag-dm {
    background-position: -192px -96px;
}

.omux-flag.flag-mx {
    background-position: -192px -288px;
}

.omux-flag.flag-kz {
    background-position: -192px -224px;
}

.omux-flag.flag-sz {
    background-position: -288px -384px;
}

.omux-flag.flag-ie {
    background-position: -448px -160px;
}

.omux-flag.flag-vn {
    background-position: -128px -448px;
}

.omux-flag.flag-lc {
    background-position: -288px -224px;
}

.omux-flag.flag-tn {
    background-position: -64px -416px;
}

.omux-flag.flag-gy {
    background-position: -224px -160px;
}

.omux-flag.flag-fj {
    background-position: -64px -128px;
}

.omux-flag.flag-ai {
    background-position: -128px 0;
}

.omux-flag.flag-ps {
    background-position: -416px -320px;
}

.omux-flag.flag-pr {
    background-position: -384px -320px;
}

.omux-flag.flag-lk {
    background-position: -352px -224px;
}

.omux-flag.flag-vu {
    background-position: -160px -448px;
}

.omux-flag.flag-ki {
    background-position: -448px -192px;
}

.omux-flag.flag-tr {
    background-position: -128px -416px;
}

.omux-flag.flag-iq {
    background-position: -96px -192px;
}

.omux-flag.flag-ua {
    background-position: -288px -416px;
}

.omux-flag.flag-dz {
    background-position: -256px -96px;
}

.omux-flag.flag-in {
    background-position: -64px -192px;
}

.omux-flag.flag-ba {
    background-position: 0 -32px;
}

.omux-flag.flag-vi {
    background-position: -96px -448px;
}

.omux-flag.flag-uy {
    background-position: -384px -416px;
}

.omux-flag.flag-ml {
    background-position: -320px -256px;
}

.omux-flag.flag-gd {
    background-position: -256px -128px;
}

.omux-flag.flag-gl {
    background-position: -416px -128px;
}

.omux-flag.flag-sl {
    background-position: -32px -384px;
}

.omux-flag.flag-im {
    background-position: -32px -192px;
}

.omux-flag.flag-ar {
    background-position: -288px 0;
}

.omux-flag.flag-jo {
    background-position: -288px -192px;
}

.omux-flag.flag-tv {
    background-position: -192px -416px;
}

.omux-flag.flag-kh {
    background-position: -416px -192px;
}

.omux-flag.flag-no {
    background-position: 0 -320px;
}

.omux-flag.flag-bn {
    background-position: -288px -32px;
}

.omux-flag.flag-pw {
    background-position: 0 -352px;
}

.omux-flag.flag-so {
    background-position: -128px -384px;
}

.omux-flag.flag-mk {
    background-position: -288px -256px;
}

.omux-flag.flag-se {
    background-position: -384px -352px;
}

.omux-flag.flag-gr {
    background-position: -96px -160px;
}

.omux-flag.flag-na {
    background-position: -288px -288px;
}

.omux-flag.flag-cg {
    background-position: -160px -64px;
}

.omux-flag.flag-at {
    background-position: -352px 0;
}

.omux-flag.flag-et {
    background-position: 0 -128px;
}

.omux-flag.flag-pe {
    background-position: -192px -320px;
}

.omux-flag.flag-fm {
    background-position: -96px -128px;
}

.omux-flag.flag-bj {
    background-position: -224px -32px;
}

.omux-flag.flag-ng {
    background-position: -384px -288px;
}

.omux-flag.flag-br {
    background-position: -352px -32px;
}

.omux-flag.flag-cy {
    background-position: -32px -96px;
}

.omux-flag.flag-tm {
    background-position: -32px -416px;
}

.omux-flag.flag-aw {
    background-position: -416px 0;
}

.omux-flag.flag-af {
    background-position: -64px 0;
}

.omux-flag.flag-cm {
    background-position: -320px -64px;
}

.omux-flag.flag-nr {
    background-position: -64px -320px;
}

.omux-flag.flag-kp {
    background-position: -64px -224px;
}

.omux-flag.flag-id {
    background-position: -416px -160px;
}

.omux-flag.flag-mr {
    background-position: 0 -288px;
}

.omux-flag.flag-be {
    background-position: -96px -32px;
}

.omux-flag.flag-ae {
    background-position: -32px 0;
}

.omux-flag.flag-eh {
    background-position: -384px -96px;
}

.omux-flag.flag-mo {
    background-position: -416px -256px;
}

.omux-flag.flag-bb {
    background-position: -32px -32px;
}

.omux-flag.flag-bh {
    background-position: -192px -32px;
}

.omux-flag.flag-bg {
    background-position: -160px -32px;
}

.omux-flag.flag-bm {
    background-position: -256px -32px;
}

.omux-flag.flag-to {
    background-position: -96px -416px;
}

.omux-flag.flag-kg {
    background-position: -384px -192px;
}

.omux-flag.flag-gb {
    background-position: -224px -128px;
}

@font-face {
    font-family: 'Roboto';
    src: url(/omnia/fonts/Roboto-Thin_dbd56bd3357dc3617fe5a755d72dc3be.woff2) format('woff2'), url(/omnia/fonts/Roboto-Thin_e7f7c82374bd0ebef14b6ea2b8dbaa77.woff) format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto-Thin';
    src: url(/omnia/fonts/Roboto-Thin_dbd56bd3357dc3617fe5a755d72dc3be.woff2) format('woff2'), url(/omnia/fonts/Roboto-Thin_e7f7c82374bd0ebef14b6ea2b8dbaa77.woff) format('woff');
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url(/omnia/fonts/Roboto-ThinItalic_a8cef84f735ef887abdc1d1dbd466cb8.woff2) format('woff2'), url(/omnia/fonts/Roboto-ThinItalic_5dd9349c940073834e9aac0a8c2874cd.woff) format('woff');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto-ThinItalic';
    src: url(/omnia/fonts/Roboto-ThinItalic_a8cef84f735ef887abdc1d1dbd466cb8.woff2) format('woff2'), url(/omnia/fonts/Roboto-ThinItalic_5dd9349c940073834e9aac0a8c2874cd.woff) format('woff');
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url(/omnia/fonts/Roboto-Light_c27d89ac77468ae18f28e6b47e323a4f.woff2) format('woff2'), url(/omnia/fonts/Roboto-Light_d923dfafc0c5183b59aa015501b6e960.woff) format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto-Light';
    src: url(/omnia/fonts/Roboto-Light_c27d89ac77468ae18f28e6b47e323a4f.woff2) format('woff2'), url(/omnia/fonts/Roboto-Light_d923dfafc0c5183b59aa015501b6e960.woff) format('woff');
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url(/omnia/fonts/Roboto-LightItalic_506274c7228cf81cae4d8a89f992b95a.woff2) format('woff2'), url(/omnia/fonts/Roboto-LightItalic_d4b8c137518d9d92bb2800e21ca9f676.woff) format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto-LightItalic';
    src: url(/omnia/fonts/Roboto-LightItalic_506274c7228cf81cae4d8a89f992b95a.woff2) format('woff2'), url(/omnia/fonts/Roboto-LightItalic_d4b8c137518d9d92bb2800e21ca9f676.woff) format('woff');
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url(/omnia/fonts/Roboto-Regular_64cfb66c866ea50cad477e2b0d4ace4f.woff2) format('woff2'), url(/omnia/fonts/Roboto-Regular_e02e9d6ff5547f7e99627e1117bbf5ec.woff) format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto-Regular';
    src: url(/omnia/fonts/Roboto-Regular_64cfb66c866ea50cad477e2b0d4ace4f.woff2) format('woff2'), url(/omnia/fonts/Roboto-Regular_e02e9d6ff5547f7e99627e1117bbf5ec.woff) format('woff');
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url(/omnia/fonts/Roboto-RegularItalic_4dd2af1e8df532f41db858db7991faef.woff2) format('woff2'), url(/omnia/fonts/Roboto-RegularItalic_5ea38fff9eebef99c5df46f5678a072e.woff) format('woff');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto-RegularItalic';
    src: url(/omnia/fonts/Roboto-RegularItalic_4dd2af1e8df532f41db858db7991faef.woff2) format('woff2'), url(/omnia/fonts/Roboto-RegularItalic_5ea38fff9eebef99c5df46f5678a072e.woff) format('woff');
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url(/omnia/fonts/Roboto-Medium_1d3bced88509b08389849b09dc444b31.woff2) format('woff2'), url(/omnia/fonts/Roboto-Medium_092c6130df8fd21998880b86af83aece.woff) format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto-Medium';
    src: url(/omnia/fonts/Roboto-Medium_1d3bced88509b08389849b09dc444b31.woff2) format('woff2'), url(/omnia/fonts/Roboto-Medium_092c6130df8fd21998880b86af83aece.woff) format('woff');
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url(/omnia/fonts/Roboto-MediumItalic_d620b8f53f75966fe42e5597f1e11798.woff2) format('woff2'), url(/omnia/fonts/Roboto-MediumItalic_18ff1628c628080166c17b226e92e0fe.woff) format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto-MediumItalic';
    src: url(/omnia/fonts/Roboto-MediumItalic_d620b8f53f75966fe42e5597f1e11798.woff2) format('woff2'), url(/omnia/fonts/Roboto-MediumItalic_18ff1628c628080166c17b226e92e0fe.woff) format('woff');
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url(/omnia/fonts/Roboto-Bold_92fbd4e93cf0a5dbebaa100066de8653.woff2) format('woff2'), url(/omnia/fonts/Roboto-Bold_73288d91c325e82a5b92c7ca3ba57482.woff) format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto-Bold';
    src: url(/omnia/fonts/Roboto-Bold_92fbd4e93cf0a5dbebaa100066de8653.woff2) format('woff2'), url(/omnia/fonts/Roboto-Bold_73288d91c325e82a5b92c7ca3ba57482.woff) format('woff');
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url(/omnia/fonts/Roboto-BoldItalic_5f600d98a73d800ae5752d5e75db8e63.woff2) format('woff2'), url(/omnia/fonts/Roboto-BoldItalic_6d89acbd21d7e3fbecb2ddfaa839226a.woff) format('woff');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto-BoldItalic';
    src: url(/omnia/fonts/Roboto-BoldItalic_5f600d98a73d800ae5752d5e75db8e63.woff2) format('woff2'), url(/omnia/fonts/Roboto-BoldItalic_6d89acbd21d7e3fbecb2ddfaa839226a.woff) format('woff');
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url(/omnia/fonts/Roboto-Black_41ed1105a6ebb8ffe34e4a63768f5256.woff2) format('woff2'), url(/omnia/fonts/Roboto-Black_937491dfcbe64ca9a9f1c757ed447a60.woff) format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto-Black';
    src: url(/omnia/fonts/Roboto-Black_41ed1105a6ebb8ffe34e4a63768f5256.woff2) format('woff2'), url(/omnia/fonts/Roboto-Black_937491dfcbe64ca9a9f1c757ed447a60.woff) format('woff');
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url(/omnia/fonts/Roboto-BlackItalic_50ca4c51ebc27e7e7d2fbdd5e85b693f.woff2) format('woff2'), url(/omnia/fonts/Roboto-BlackItalic_2e1ee657996854c6f427f4bc0ab2db19.woff) format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto-BlackItalic';
    src: url(/omnia/fonts/Roboto-BlackItalic_50ca4c51ebc27e7e7d2fbdd5e85b693f.woff2) format('woff2'), url(/omnia/fonts/Roboto-BlackItalic_2e1ee657996854c6f427f4bc0ab2db19.woff) format('woff');
    font-display: swap;
}
[comp="o-icon"].ms-Icon {
    margin-top: "10px";
}
.v-btn.o-btn-wrapper {
    color: var(--obtn-color, revert) !important;
    background: var(--obtn-background, revert) !important;

    i {
        color: var(--obtn-nest-color, revert) !important;
    }

    .v-btn__content {
        z-index: 30;
    }

    &:hover>.v-btn__overlay {
        background: var(--obtn-nest-background, revert) !important;
    }
}


.o-ab-nav .v-icon {
    color: var(--color, revert);
}
.o-avatar-fe::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    box-shadow: inset 10px 24px 40px 0px white, inset -10px -24px 40px 0px white, inset 20px -10px 40px 0px white, inset -20px 10px 40px 0px white;
}
.o-btng-n-flex button {
    flex: var(--flex, revert)
}

.o-btng-n-bg button {
    background: var(--background, revert) !important;
}
.o-panel-n>div.o-panel-alignment,
.o-panel-n>div {
    padding-left: 0 !important;
    padding-right: 0 !important;

}
.o-lin-mh .v-list-item__content {
    max-height: 20px;
}

.o-lin-b .v-list-item {
    border-bottom: var(--borderBottom, revert);
}

.o-liin-mh .v-list-item__content {
    max-height: 50px;
}

.o-liin-h .v-list-item__content {
    height: 45px;
}

.o-liin-jc .v-list-item__content {
    justify-content: center;
}


.o-lii-wr .v-list-item__content {
    display: flex;
    align-items: center;
    overflow: visible;
}
.o-cb-wr {

    &.v-selection-control--dirty,
    i {
        color: var(--color, revert)
    }

    .v-selection-control--dirty {

        i,
        label {
            color: var(--color, revert)
        }
    }

    label {
        color: var(--textColor, revert);
        font-family: var(--fontFamily, revert);
        font-size: var(--fontSize, revert);
        font-weight: var(--fontWeight, revert);
        line-height: var(--lineHeight, revert);
        text-decoration: var(--textDecoration, revert) !important
    }

    .v-selection-control {
        min-height: 40px;
    }

}


/* medium size */
@media screen and (min-width: 420px) and (max-width: 1200px) {
    .o-cb-wr label {
        font-size: var(--fontSize-md, revert) !important;
        font-weight: var(--fontWeight-md, revert) !important;
        line-height: var(--lineHeight-md, revert) !important;
    }
}
.o-ch-ne::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    box-shadow: "inset 10px 24px 40px 0px white, inset -10px -24px 40px 0px white, inset 20px -10px 40px 0px white,inset -20px 10px 40px 0px white"
}

.o-ch-container {
    .v-chip__content {
        color: var(--color, revert);
    }
}
.o-con-bw .v-color-picker__controls {
    margin-top: -12px;
    padding-top: 0 !important;
}

.o-con-tw .v-color-picker__controls {
    padding-bottom: 0 !important;
}
.o-dt-w {

    td,
    .v-table__wrapper {
        box-sizing: border-box;
        background-color: var(--backgroundColor, revert) !important;
    }

    td.navigateButton,
    td.actionButton {
        text-align: right;
    }

    td.actionButton button {
        visibility: hidden;
    }

    th {
        background-color: var(--backgroundColor, revert) !important;
        color: var(--color, revert);
    }

    tr:hover td.actionButton button {
        visibility: visible;
    }
}

.o-dt-fh {
    .v-data-table-footer {
        display: none;
    }

}

.o-dt-wr {

    &:hover,
    &:hover td {
        cursor: pointer;
        background-color: var(--r-backgroundColor, revert) !important;
    }
}
.o-dg-sc .v-navigation-drawer__content {
    &::-webkit-scrollbar {
        width: 10px;
        height: 10px;
    }

    &::-webkit-scrollbar-track {
        background: var(--background-track, revert);
    }

    &::-webkit-scrollbar-thumb {
        background: var(--background-thumb, revert);
    }
}
.o-ep-tab {
    &.v-expansion-panel {
        max-width: 170px;
        border-radius: 0 !important;

        span.v-expansion-panel-title__icon {
            display: none;
        }
    }

    &.v-expansion-panel.v-expansion-panel--active button.v-expansion-panel-title span {
        display: flex;
    }

    &.v-expansion-panel.v-expansion-panel--active {
        max-width: 4500px;
    }
}

.o-ep-section {
    &.v-expansion-panel.v-expansion-panel--active {
        background-color: transparent !important;
    }
}

.o-ep-w {
    .v-expansion-panel-title {
        padding-top: var(--paddingTop, revert);
        padding-bottom: var(--paddingBottom, revert);
        box-sizing: border-box;
    }

    .v-expansion-panel-title__icon i {
        font-size: 16px !important;
        color: var(--colorToned, revert);
        display: var(--display, revert);
    }

    .v-expansion-panel-text__wrapper {
        padding: 0;
    }

    .v-list-item__content {
        padding-left: var(--paddingLeft, revert);
    }

    .v-expansion-panel__shadow {
        display: none;
    }
}

.o-eps-section {
    .v-expansion-panel button.v-expansion-panel-title {
        border-top: var(--borderTop, revert);
        border-radius: 0 !important;
    }

    .v-expansion-panel:last-child {
        border-bottom: var(--borderBottom, revert);
    }

    .v-expansion-panel-title--active .v-expansion-panel-title__overlay {
        background: transparent !important;
    }
}

.o-if-general {

    input,
    .v-field-label {
        box-sizing: border-box;
        color: var(--textColor, revert) !important;
        caret-color: var(--textColor, revert) !important;
    }

    .v-field {
        box-shadow: none;
    }
}

.o-if-general-br {
    .v-field {
        border-radius: var(--borderRadius, revert);
    }
}

.o-if-hint {
    .v-messages__message {
        color: var(--hintColor, revert) !important;
    }
}

.o-if-number {
    .v-number-input__control .v-btn {
        background-color: transparent!important;
    }
}
.o-ra-w {
    label {
        font-size: var(--fontSize, revert) !important;
        font-weight: var(--fontWeight, revert) !important;
        line-height: var(--lineHeight, revert) !important;
        text-decoration: var(--textDecoration, revert);
        color: var(--selectedColor, revert)
    }

    i {
        color: var(--textColor, revert)
    }

    &.v-selection-control--dirty label,
    &.v-selection-control--dirty i {
        color: var(--selectedColor, revert)
    }
}

.o-rag-w {
    .v-input__details {
        display: none !important;
    }
}

.o-rag-iw {

    .v-selection-control-group label,
    & .v-selection-control-group i {
        color: var(--textColor, revert) !important;

    }
}
.o-rs-w {
    label {
        font-size: var(--fontSize, revert) !important;
        font-weight: var(--fontWeight, revert) !important;
        line-height: var(--lineHeight, revert) !important;
        text-decoration: var(--textDecoration, revert);
        color: var(--textColor, revert)
    }
}
.o-se-w {
    .v-input__details {
        display: none;
    }
}

.o-se-vp {
    .v-field__append-inner {
        display: var(--display, revert)
    }

    .v-field {
        padding-right: var(--paddingRight, revert)
    }

    .v-label {
        margin-left: 0;
    }

    .v-field__input {
        padding-right: 0;
        padding-left: 0;
        padding-top: 0;
    }

    .v-select__selection {
        width: 100%;
    }

    .v-input__details {
        display: none;
    }
}

.o-se-vd {
    .v-field__input {
        padding-top: 0;
        margin-top: var(--marginTop, revert);
        margin-bottom: var(--marginBottom, revert);
        min-height: 20px;
        align-items: center;
        padding-bottom: 0;
    }

    .v-select__selection {
        width: 100%;
    }
}
.o-sl-w {
    label {
        font-size: var(--fontSize, revert) !important;
        font-weight: var(--fontWeight, revert) !important;
        line-height: var(--lineHeight, revert) !important;
        text-decoration: var(--textDecoration, revert);
        color: var(--selectedColor, revert)
    }
}
.o-sp-w {

    .splitpanes,
    .splitpanes__pane {
        background-color: var(--backgroundColor, revert)
    }

    .splitpanes__splitter {
        min-width: 4px !important;
        min-height: 4px !important;
        position: relative;
        background-color: var(--splitterColor, revert);

        ::before {
            content: "";
            position: absolute;
            z-index: 1;
            top: var(--top, revert);
            bottom: var(--bottom, revert);
            left: var(--left, revert);
            right: var(--right, revert);
            width: var(--width, revert);
            height: var(--height, revert);
        }
    }
}
.o-st-c {
    &.v-sheet {
        background-color: var(--backgroundColor, revert) !important;
        color: var(--color, revert) !important;
    }
}
.o-sw-w {
    label {
        font-size: var(--fontSize, revert) !important;
        font-weight: var(--fontWeight, revert) !important;
        line-height: var(--lineHeight, revert) !important;
        text-decoration: var(--textDecoration, revert);
        color: var(--textColor, revert)
    }

    .v-switch__thumb {
        background-color: var(--thumbBackgroundColor, revert) !important;
    }

    .v-switch__track {
        background-color: var(--trackBackgroundColor, revert) !important;
    }

    .v-input__details {
        display: none;
    }
}
.o-tab-ctw {
    &.v-slide-group-item--active {
        background-color: var(--itemBgc, revert)
    }
}

.o-tab-tw {
    .v-btn__content {
        text-transform: none;
    }
}

.o-tab-active {

    &.v-slide-group-item--active i,
    &.v-slide-group-item--active span {
        color: var(--activeColor, revert) !important;
    }
}

.o-tab-active-h {
    &.v-slide-group-item--active {
        background-color: var(--activeBgc, revert);
    }
}

.o-tabs-tb {
    .v-slide-group__content>button {
        padding-left: 0 !important;
        width: 90px !important;
        height: 72px !important;
        letter-spacing: normal !important;
    }

    .v-slide-group__content>button .v-btn__content {
        padding: 0 !important;
        width: 90px !important;
    }
}

.o-tabs-hh {
    .v-slide-group {
        display: none;
    }
}

.o-tabs-dg {
    .v-tab--selected {
        background-color: var(--backgroundColor, revert)
    }

    .v-tab--selected .v-btn__content span {
        color: var(--color, revert)
    }

    button.v-tab {
        padding-left: 20px;
    }

    button.v-tab:hover {
        background-color: var(--hoverBackgroundColor, revert)
    }
}
.o-table-w {
    tr.toned {
        background-color: var(--toneBgc, revert)
    }

    tr.container {
        background-color: var(--containerBgc, revert)
    }
}
.o-tea-f {

    input,
    .v-field-label {
        color: var(--color, revert) !important;
    }
}
.o-tlb-d {
    .v-toolbar__content {
        height: 53px !important;
    }
}
