@charset "UTF-8";

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */


/* Document
   ========================================================================== */


/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
    line-height: 1.15;
    /* 1 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
}


/* Sections
   ========================================================================== */


/**
 * Remove the margin in all browsers.
 */

body {
    margin: 0;
}


/**
 * Render the `main` element consistently in IE.
 */

main {
    display: block;
}


/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1,
.h1 {
    font-size: 2em;
    margin: 0.67em 0;
}


/* Grouping content
   ========================================================================== */


/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
    box-sizing: content-box;
    /* 1 */
    height: 0;
    /* 1 */
    overflow: visible;
    /* 2 */
}


/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
    font-family: monospace, monospace;
    /* 1 */
    font-size: 1em;
    /* 2 */
}


/* Text-level semantics
   ========================================================================== */


/**
 * Remove the gray background on active links in IE 10.
 */

a {
    background-color: transparent;
}


/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
    border-bottom: none;
    /* 1 */
    text-decoration: underline;
    /* 2 */
    text-decoration: underline dotted;
    /* 2 */
}


/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
    font-weight: bolder;
}


/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
    font-family: monospace, monospace;
    /* 1 */
    font-size: 1em;
    /* 2 */
}


/**
 * Add the correct font size in all browsers.
 */

small,
.small {
    font-size: 80%;
}


/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}


/* Embedded content
   ========================================================================== */


/**
 * Remove the border on images inside links in IE 10.
 */

img {
    border-style: none;
}


/* Forms
   ========================================================================== */


/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    /* 1 */
    font-size: 100%;
    /* 1 */
    line-height: 1.15;
    /* 1 */
    margin: 0;
    /* 2 */
}


/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input {
    /* 1 */
    overflow: visible;
}


/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select {
    /* 1 */
    text-transform: none;
}


/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type=button],
[type=reset],
[type=submit] {
    -webkit-appearance: button;
}


/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}


/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
    outline: 1px dotted ButtonText;
}


/**
 * Correct the padding in Firefox.
 */

fieldset {
    padding: 0.35em 0.75em 0.625em;
}


/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
    box-sizing: border-box;
    /* 1 */
    color: inherit;
    /* 2 */
    display: table;
    /* 1 */
    max-width: 100%;
    /* 1 */
    padding: 0;
    /* 3 */
    white-space: normal;
    /* 1 */
}


/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
    vertical-align: baseline;
}


/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
    overflow: auto;
}


/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type=checkbox],
[type=radio] {
    box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */
}


/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto;
}


/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type=search] {
    -webkit-appearance: textfield;
    /* 1 */
    outline-offset: -2px;
    /* 2 */
}


/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none;
}


/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
    -webkit-appearance: button;
    /* 1 */
    font: inherit;
    /* 2 */
}


/* Interactive
   ========================================================================== */


/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
    display: block;
}


/*
 * Add the correct display in all browsers.
 */

summary {
    display: list-item;
}


/* Misc
   ========================================================================== */


/**
 * Add the correct display in IE 10+.
 */

template {
    display: none;
}


/**
 * Add the correct display in IE 10.
 */

[hidden] {
    display: none;
}


/*
 * jQuery OrgChart Plugin
 * https://github.com/dabeng/OrgChart
 *
 * Copyright 2016, dabeng
 * https://github.com/dabeng
 *
 * Licensed under the MIT license:
 * http://www.opensource.org/licenses/MIT
 */


/* chart styles */

.orgchart {
    box-sizing: border-box;
    display: inline-block;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: linear-gradient(to top, rgba(200, 0, 0, 0.15) 5%, rgba(0, 0, 0, 0) 5%), linear-gradient(to right, rgba(200, 0, 0, 0.15) 5%, rgba(0, 0, 0, 0) 5%), linear-gradient(to bottom, rgba(200, 0, 0, 0.15) 5%, rgba(0, 0, 0, 0) 5%), linear-gradient(to left, rgba(200, 0, 0, 0.15) 5%, rgba(0, 0, 0, 0) 5%);
    background-size: 10px 10px;
    /* background square size */
    padding: 20px 20px 0 20px;
    /* border: 0.5px solid rgba(200, 0, 0, 0.15); */
}

.orgchart .hidden,
.orgchart~.hidden {
    display: none !important;
}

.orgchart.b2t {
    transform: rotate(180deg);
}

.orgchart.l2r {
    position: absolute;
    transform: rotate(-90deg) rotateY(180deg);
    transform-origin: left top;
    text-align: center;
}

.orgchart.r2l {
    position: absolute;
    transform: rotate(90deg);
    transform-origin: left top;
    text-align: center;
}

.orgchart~.mask {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.3);
}

.orgchart~.mask .spinner {
    position: absolute;
    top: calc(50% - 50px);
    left: calc(50% - 50px);
}

.orgchart>.spinner::before,
.orgchart~.mask .spinner::before {
    width: 100px;
    height: 100px;
    border-width: 10px;
    border-radius: 50px;
    border-top-color: rgba(68, 157, 68, 0.8);
    border-bottom-color: rgba(68, 157, 68, 0.8);
    border-left-color: rgba(68, 157, 68, 0.8);
}

.orgchart .nodes {
    display: flex;
    list-style: none;
    padding-left: 0;
    margin: 0;
}

.orgchart .hierarchy {
    position: relative;
}


/* styles of link lines */

.orgchart .hierarchy::before {
    content: "";
    position: absolute;
    top: -11px;
    /* -(background square size + half width of line) */
    left: 0;
    width: 100%;
    border-top: 2px solid rgba(217, 83, 79, 0.8);
    box-sizing: border-box;
}

.orgchart .hierarchy:first-child::before,
.orgchart .hierarchy.isSiblingsCollapsed.left-sibs::before {
    left: calc(50% - 1px);
    width: calc(50% + 1px);
}

.orgchart .hierarchy:last-child::before,
.orgchart .hierarchy.isSiblingsCollapsed.right-sibs::before {
    width: calc(50% + 1px);
}

.orgchart .hierarchy:not(.hidden):only-child::before {
    width: 2px;
}

.orgchart>.nodes>.hierarchy::before,
.orgchart .isSiblingsCollapsed:not(.left-sibs):not(.right-sibs)::before,
.orgchart .isSiblingsCollapsed.left-sibs.right-sibs::before,
.orgchart .isSiblingsCollapsed.right-sibs:first-child:before,
.orgchart .isSiblingsCollapsed.left-sibs:last-child:before,
.orgchart .isCollapsedSibling::before,
.orgchart .isCollapsedSibling .hierarchy::before,
.orgchart .isChildrenCollapsed>.node:not(:only-child)::after,
.orgchart .isCollapsedDescendant::before,
.orgchart .isCollapsedDescendant>.node::before,
.orgchart .isCollapsedDescendant>.node::after,
.orgchart .isAncestorsCollapsed:only-child::before,
.orgchart .isAncestorsCollapsed>.node::before {
    content: none;
}


/* excluding leaf node */

.orgchart .node:not(:only-child)::after {
    content: "";
    position: absolute;
    bottom: -12px;
    /* -(background square size + node's border width) */
    left: calc(50% - 1px);
    width: 2px;
    height: 10px;
    /* background square size */
    background-color: rgba(217, 83, 79, 0.8);
}

.orgchart ul li .node.allowedDrop {
    border-color: rgba(68, 157, 68, 0.9);
}

.orgchart ul li .node.currentDropTarget {
    background-color: rgba(68, 157, 68, 0.9);
}

.orgchart ul li .node.selected {
    background-color: rgba(238, 217, 54, 0.5);
}

.orgchart ul li .node:hover {
    background-color: rgba(238, 217, 54, 0.5);
}


/* excluding root node */

.orgchart>ul>li>ul li>.node::before {
    content: "";
    position: absolute;
    top: var(--top, -12px);
    /* -(fallback value = background square size + border width of node) */
    left: calc(50% - 1px);
    width: 2px;
    height: var(--height, 10px);
    /* fallback value = background square size */
    background-color: rgba(217, 83, 79, 0.8);
}

.orgchart>ul>li>ul li.isSiblingsCollapsed>.node::before {
    top: var(--top-cross-point, -12px);
    height: var(--height-cross-point, 10px);
}


/* node styling */

.orgchart .node {
    box-sizing: border-box;
    display: inline-block;
    position: relative;
    margin: 0 0 20px 0;
    padding: 3px;
    border: 2px dashed transparent;
    text-align: center;
}

.orgchart.l2r .node,
.orgchart.r2l .node {
    width: 50px;
    height: 140px;
}

.orgchart .node:hover {
    background-color: rgba(238, 217, 54, 0.5);
    transition: 0.5s;
    cursor: default;
    z-index: 20;
}

.orgchart .node.focused {
    background-color: rgba(238, 217, 54, 0.5);
}

.orgchart .ghost-node {
    position: fixed;
    left: -10000px;
    top: -10000px;
}

.orgchart .ghost-node rect {
    fill: #ffffff;
    stroke: #bf0000;
}

.orgchart .node.allowedDrop {
    border-color: rgba(68, 157, 68, 0.9);
}

.orgchart .node>.spinner {
    position: absolute;
    top: calc(50% - 1rem);
    left: calc(50% - 1rem);
}

.orgchart .node>.spinner::before {
    width: 2rem;
    height: 2rem;
    border-width: 0.2rem;
    border-radius: 1rem;
    border-top-color: rgba(68, 157, 68, 0.8);
    border-bottom-color: rgba(68, 157, 68, 0.8);
    border-left-color: rgba(68, 157, 68, 0.8);
}

.orgchart .node .title {
    box-sizing: border-box;
    width: 130px;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background-color: rgba(217, 83, 79, 0.8);
    color: #fff;
    border-radius: 4px 4px 0 0;
}

.orgchart.b2t .node .title {
    transform: rotate(-180deg);
    transform-origin: center bottom;
}

.orgchart.l2r .node .title {
    transform: rotate(-90deg) translate(-45px, -45px) rotateY(180deg);
    transform-origin: bottom center;
}

.orgchart.r2l .node .title {
    transform: rotate(-90deg) translate(-45px, -45px);
    transform-origin: bottom center;
}

.orgchart .node .title .parentNodeSymbol {
    float: left;
}

.orgchart .node .title .parentNodeSymbol::before {
    color: #fff;
}

.orgchart .node .title .parentNodeSymbol::after {
    background-color: #fff;
}

.orgchart .node .content {
    box-sizing: border-box;
    height: 20px;
    line-height: 20px;
    font-size: 10px;
    border: 1px solid rgba(217, 83, 79, 0.8);
    border-width: 0 1px 1px 1px;
    border-radius: 0 0 0.25rem 0.25rem;
    text-align: center;
    background-color: #fff;
    color: #333;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.orgchart.b2t .node .content {
    transform: rotate(180deg);
    transform-origin: center top;
}

.orgchart.l2r .node .content {
    transform: rotate(-90deg) translate(-45px, -45px) rotateY(180deg);
    transform-origin: top center;
    width: 130px;
}

.orgchart.r2l .node .content {
    transform: rotate(-90deg) translate(-45px, -45px);
    transform-origin: top center;
    width: 130px;
}

.orgchart .node .edge {
    position: absolute;
    cursor: default;
    transition: 0.2s;
}

.orgchart .node .edge::before {
    border-color: rgba(68, 157, 68, 0.5);
}

.orgchart.noncollapsable .node .edge {
    display: none;
}

.orgchart .node .edge:hover {
    cursor: pointer;
}

.orgchart .edge:hover::before {
    border-color: #449d44;
}

.orgchart .node .verticalEdge {
    width: calc(100% - 6px);
    /* node top half's width */
    height: 10px;
    /* background square's size */
    left: 3px;
    /* node's padding value */
}

.orgchart .node .verticalEdge::before {
    position: absolute;
    left: calc(50% - 5px);
    /* 50% width of node - half width of up arrow icon) */
}

.orgchart .node .topEdge {
    top: -2px;
}

.orgchart .node .topEdge.oci-chevron-up::before {
    top: 2px;
}

.orgchart .node .topEdge.oci-chevron-down::before {
    bottom: 3px;
}

.orgchart .node .bottomEdge {
    bottom: -2px;
    /* -(node's border-width) */
}

.orgchart .node .bottomEdge.oci-chevron-up::before {
    bottom: -3px;
}

.orgchart .node .bottomEdge.oci-chevron-down::before {
    bottom: 1px;
}

.orgchart .node .horizontalEdge {
    width: 10px;
    height: calc(100% - 6px);
    top: 3px;
    /* node's padding */
}

.orgchart .node .rightEdge {
    right: -2px;
}

.orgchart .node .leftEdge {
    left: -2px;
}

.orgchart .node .horizontalEdge::before {
    position: absolute;
    top: calc(50% - 5px);
}

.orgchart .node .leftEdge.oci-chevron-right::before {
    left: -3px;
}

.orgchart .node .leftEdge.oci-chevron-left::before {
    left: 1px;
}

.orgchart .node .rightEdge.oci-chevron-left::before {
    right: -3px;
}

.orgchart .node .rightEdge.oci-chevron-right::before {
    right: 1px;
}

.orgchart .node .toggleBtn {
    position: absolute;
    left: -2px;
    /* -(border width of node) */
    bottom: -2px;
    width: 16px;
    height: 16px;
}

.orgchart .node .toggleBtn::before {
    background-color: rgba(68, 157, 68, 0.6);
    position: absolute;
    left: 0;
    bottom: 0;
}

.orgchart .node .toggleBtn:hover::before {
    background-color: #449d44;
}

.oc-export-btn {
    margin-left: 0.5rem;
    padding: 0.5rem 1rem;
}

.orgchart .node {
    transition: transform 0.3s, opacity 0.3s;
}

.orgchart .slide-down {
    opacity: 0;
    transform: translateY(40px);
}

.orgchart.l2r .node.slide-down,
.orgchart.r2l .node.slide-down {
    transform: translateY(130px);
}

.orgchart .slide-up {
    opacity: 0;
    transform: translateY(-40px);
}

.orgchart.l2r .node.slide-up,
.orgchart.r2l .node.slide-up {
    transform: translateY(-130px);
}

.orgchart .slide-right {
    opacity: 0;
    transform: translateX(130px);
}

.orgchart.l2r .node.slide-right,
.orgchart.r2l .node.slide-right {
    transform: translateX(40px);
}

.orgchart .slide-left {
    opacity: 0;
    transform: translateX(-130px);
}

.orgchart.l2r .node.slide-left,
.orgchart.r2l .node.slide-left {
    transform: translateX(-40px);
}


/* styles for vertical nodes */

.orgchart .nodes.vertical {
    display: block;
    padding-left: 10px;
    /* width of background square*/
}

.orgchart .nodes.vertical .nodes {
    list-style: none;
    display: block;
    margin: 0;
    padding-left: 10px;
    /* width of background square*/
    text-align: left;
}

.orgchart .nodes.vertical .node {
    margin-bottom: 0;
}

.orgchart .nodes.vertical .node::before,
.orgchart .nodes.vertical .node::after {
    content: none;
}

.orgchart .nodes.vertical .hierarchy {
    position: relative;
    text-align: left;
}

.orgchart .nodes.vertical .hierarchy::before,
.orgchart .nodes.vertical .hierarchy::after {
    box-sizing: border-box;
    content: "";
    position: absolute;
    left: -6px;
    /* -(background square size + half width of line */
    border-color: rgba(217, 83, 79, 0.8);
    border-style: solid;
    border-width: 0 0 2px 2px;
}

.orgchart .nodes.vertical .hierarchy::before {
    top: 0px;
    height: 26px;
    /* node top half's height(25px) + half width of line */
    width: 11px;
    /* background square size + half width of line */
}

.orgchart .nodes.vertical .hierarchy::after {
    bottom: 0;
    height: calc(100% - 24px);
    /* height of hierarchy - (node top half's height(25px) - half width of line) */
}

.orgchart .nodes.vertical .hierarchy:last-child::after {
    border-width: 2px 0 0 0;
}

.orgchart .nodes.vertical>.hierarchy:first-child::before {
    box-sizing: border-box;
    top: -11px;
    /* -(background square size + half width of line) */
    height: 35px;
    /* node top half's height + node padding + node border width + background square size */
    width: calc(50% + 2px);
    border-width: 2px 0 0 2px;
}

.orgchart .nodes.vertical>.hierarchy:first-child::after {
    box-sizing: border-box;
    top: 24px;
    /* node bottom half's height(25px) - half border width of line */
    width: 11px;
    /* backgroud square size + half border width of line */
    border-width: 2px 0 0 2px;
}

.orgchart .nodes.vertical>.hierarchy:first-child:last-child::after {
    border-width: 2px 0 0 0;
}


/* custom icons for orgchart */

.oci {
    display: inline-block;
    position: relative;
    font-style: normal;
    font-family: Arial;
}

.oci-menu::before {
    content: "≡";
    display: inline-block;
    width: 1rem;
    height: 1rem;
    text-align: center;
    line-height: 1rem;
    color: #000;
    font-size: 1rem;
}

.oci-chevron-up::before {
    content: "";
    box-sizing: border-box;
    width: 10px;
    height: 10px;
    display: inline-block;
    border: 3px solid #000;
    transform: rotate(45deg);
    border-right: unset;
    border-bottom: unset;
}

.oci-chevron-down::before {
    content: "";
    box-sizing: border-box;
    width: 10px;
    height: 10px;
    display: inline-block;
    border: 3px solid #000;
    transform: rotate(45deg);
    border-top: unset;
    border-left: unset;
}

.oci-chevron-left::before {
    content: "";
    box-sizing: border-box;
    width: 10px;
    height: 10px;
    display: inline-block;
    border: 3px solid #000;
    transform: rotate(45deg);
    border-top: unset;
    border-right: unset;
}

.oci-chevron-right::before {
    content: "";
    box-sizing: border-box;
    width: 10px;
    height: 10px;
    display: inline-block;
    border: 3px solid #000;
    transform: rotate(45deg);
    border-left: unset;
    border-bottom: unset;
}

.oci-plus-square::before {
    content: "﹢";
    display: inline-block;
    width: 16px;
    height: 16px;
    text-align: center;
    line-height: 16px;
    background-color: #000;
    color: #fff;
    font-weight: bold;
}

.oci-minus-square::before {
    content: "﹣";
    display: inline-block;
    width: 16px;
    height: 16px;
    text-align: center;
    line-height: 16px;
    background-color: #000;
    color: #fff;
    font-weight: bold;
}

.oci-arrow-square-up::before {
    content: "⬆";
    display: inline-block;
    width: 1rem;
    height: 1rem;
    text-align: center;
    line-height: 1rem;
    background-color: #000;
    color: #fff;
    font-weight: bold;
}

.oci-arrow-square-down::before {
    content: "⬇";
    display: inline-block;
    width: 1rem;
    height: 1rem;
    text-align: center;
    line-height: 1rem;
    background-color: #000;
    color: #fff;
    font-weight: bold;
}

.oci-info-circle::before {
    content: "i";
    display: inline-block;
    width: 1rem;
    height: 1rem;
    border-radius: 0.5rem;
    background-color: #000;
    color: #fff;
    text-align: center;
    font-weight: bold;
}

.oci-spinner::before {
    content: "";
    vertical-align: text-bottom;
    display: inline-block;
    box-sizing: border-box;
    width: 1rem;
    height: 1rem;
    border: 0.1rem solid #000;
    border-right-color: transparent;
    border-radius: 0.625rem;
    animation: oci-infinite-spinning 0.75s linear infinite;
}

@keyframes oci-infinite-spinning {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

#chart-container {
    position: relative;
    margin: 0.5rem;
    overflow: auto;
    text-align: center;
}

.orgchart .node .title,
.orgchart .node .content {
    border-radius: 0;
}

.orgchart .node .title .parentNodeSymbol {
    display: none;
}

.orgchart {
    background: none;
}

.orgchart td.left,
.orgchart td.right,
.orgchart td.top {
    border-color: #aaa;
}

.orgchart td>.down {
    background-color: #aaa;
}

.orgchart .middle-level .title {
    background-color: hsl(198, 100%, 29%);
}

.orgchart .middle-level .content {
    border-color: hsl(198, 100%, 29%);
}

.orgchart .product-dept .title {
    background-color: hsl(193, 100%, 39%);
}

.orgchart .product-dept .content {
    border-color: hsl(193, 100%, 39%);
}

.orgchart .rd-dept .title {
    background-color: hsl(12, 19%, 69%);
}

.orgchart .rd-dept .content {
    border-color: hsl(12, 19%, 69%);
}

.orgchart .pipeline1 .title {
    background-color: hsl(12, 17%, 29%);
}

.orgchart .pipeline1 .content {
    border-color: hsl(12, 17%, 29%);
}

.orgchart .frontend1 .title {
    background-color: #26a1df;
}

.orgchart .frontend1 .content {
    border-color: #26a1df;
}


/*!
 * Bootstrap v5.0.2 (https://getbootstrap.com/)
 * Copyright 2011-2021 The Bootstrap Authors
 * Copyright 2011-2021 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */

:root {
    --bs-blue: hsl(204, 70%, 53%);
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: hsl(19, 85%, 63%);
    --bs-yellow: hsl(40, 91%, 60%);
    --bs-green: hsl(121, 47%, 61%);
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-white: hsl(0, 0%, 100%);
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-primary: hsl(204, 70%, 53%);
    --bs-secondary: #6c757d;
    --bs-success: hsl(121, 47%, 61%);
    --bs-info: #0dcaf0;
    --bs-warning: hsl(40, 91%, 60%);
    --bs-danger: #dc3545;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;
    --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

@media (prefers-reduced-motion: no-preference) {
     :root {
        scroll-behavior: smooth;
    }
}

body {
    margin: 0;
    font-family: var(--bs-font-sans-serif);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: hsl(0, 0%, 100%);
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

hr {
    margin: 1rem 0;
    color: inherit;
    background-color: currentColor;
    border: 0;
    opacity: 0.25;
}

hr:not([size]) {
    height: 1px;
}

h6,
.h6,
h5,
.h5,
h4,
.h4,
h3,
.h3,
h2,
.h2,
h1,
.h1 {
    margin-top: 0;
    margin-bottom: 0.5rem;
    font-weight: 500;
    line-height: 1.2;
}

h1,
.h1 {
    font-size: calc(1.375rem + 1.5vw);
}

@media (min-width: 1200px) {
    h1,
    .h1 {
        font-size: 2.5rem;
    }
}

h2,
.h2 {
    font-size: calc(1.325rem + 0.9vw);
}

@media (min-width: 1200px) {
    h2,
    .h2 {
        font-size: 2rem;
    }
}

h3,
.h3 {
    font-size: calc(1.3rem + 0.6vw);
}

@media (min-width: 1200px) {
    h3,
    .h3 {
        font-size: 1.75rem;
    }
}

h4,
.h4 {
    font-size: calc(1.275rem + 0.3vw);
}

@media (min-width: 1200px) {
    h4,
    .h4 {
        font-size: 1.5rem;
    }
}

h5,
.h5 {
    font-size: 1.25rem;
}

h6,
.h6 {
    font-size: 1rem;
}

p {
    margin-top: 0;
    margin-bottom: 1rem;
}

abbr[title],
abbr[data-bs-original-title] {
    text-decoration: underline dotted;
    cursor: help;
    text-decoration-skip-ink: none;
}

address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit;
}

ol,
ul {
    padding-left: 2rem;
}

ol,
ul,
dl {
    margin-top: 0;
    margin-bottom: 1rem;
}

ol ol,
ul ul,
ol ul,
ul ol {
    margin-bottom: 0;
}

dt {
    font-weight: 700;
}

dd {
    margin-bottom: 0.5rem;
    margin-left: 0;
}

blockquote {
    margin: 0 0 1rem;
}

b,
strong {
    font-weight: bolder;
}

small,
.small {
    font-size: 0.875em;
}

mark,
.mark {
    padding: 0.2em;
    background-color: #fcf8e3;
}

sub,
sup {
    position: relative;
    font-size: 0.75em;
    line-height: 0;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

a {
    color: hsl(204, 70%, 53%);
    text-decoration: underline;
}

a:hover {
    color: rgb(41.004, 121.5432, 175.236);
}

a:not([href]):not([class]),
a:not([href]):not([class]):hover {
    color: inherit;
    text-decoration: none;
}

pre,
code,
kbd,
samp {
    font-family: var(--bs-font-monospace);
    font-size: 1em;
    direction: ltr/* rtl:ignore */
    ;
    unicode-bidi: bidi-override;
}

pre {
    display: block;
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    font-size: 0.875em;
}

pre code {
    font-size: inherit;
    color: inherit;
    word-break: normal;
}

code {
    font-size: 0.875em;
    color: #d63384;
    word-wrap: break-word;
}

a>code {
    color: inherit;
}

kbd {
    padding: 0.2rem 0.4rem;
    font-size: 0.875em;
    color: hsl(0, 0%, 100%);
    background-color: #212529;
    border-radius: 0.2rem;
}

kbd kbd {
    padding: 0;
    font-size: 1em;
    font-weight: 700;
}

figure {
    margin: 0 0 1rem;
}

img,
svg {
    vertical-align: middle;
}

table {
    caption-side: bottom;
    border-collapse: collapse;
}

caption {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    color: #6c757d;
    text-align: left;
}

th {
    text-align: inherit;
    text-align: -webkit-match-parent;
}

thead,
tbody,
tfoot,
tr,
td,
th {
    border-color: inherit;
    border-style: solid;
    border-width: 0;
}

label {
    display: inline-block;
}

button {
    border-radius: 0;
}

button:focus:not(:focus-visible) {
    outline: 0;
}

input,
button,
select,
optgroup,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

button,
select {
    text-transform: none;
}

[role=button] {
    cursor: pointer;
}

select {
    word-wrap: normal;
}

select:disabled {
    opacity: 1;
}

[list]::-webkit-calendar-picker-indicator {
    display: none;
}

button,
[type=button],
[type=reset],
[type=submit] {
    -webkit-appearance: button;
}

button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
    cursor: pointer;
}

::-moz-focus-inner {
    padding: 0;
    border-style: none;
}

textarea {
    resize: vertical;
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0;
}

legend {
    float: left;
    width: 100%;
    padding: 0;
    margin-bottom: 0.5rem;
    font-size: calc(1.275rem + 0.3vw);
    line-height: inherit;
}

@media (min-width: 1200px) {
    legend {
        font-size: 1.5rem;
    }
}

legend+* {
    clear: left;
}

::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-year-field {
    padding: 0;
}

::-webkit-inner-spin-button {
    height: auto;
}

[type=search] {
    outline-offset: -2px;
    -webkit-appearance: textfield;
}


/* rtl:raw:
[type="tel"],
[type="url"],
[type="email"],
[type="number"] {
  direction: ltr;
}
*/

::-webkit-search-decoration {
    -webkit-appearance: none;
}

::-webkit-color-swatch-wrapper {
    padding: 0;
}

::file-selector-button {
    font: inherit;
}

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button;
}

output {
    display: inline-block;
}

iframe {
    border: 0;
}

summary {
    display: list-item;
    cursor: pointer;
}

progress {
    vertical-align: baseline;
}

[hidden] {
    display: none !important;
}

.lead {
    font-size: 1.25rem;
    font-weight: 300;
}

.display-1 {
    font-size: calc(1.625rem + 4.5vw);
    font-weight: 300;
    line-height: 1.2;
}

@media (min-width: 1200px) {
    .display-1 {
        font-size: 5rem;
    }
}

.display-2 {
    font-size: calc(1.575rem + 3.9vw);
    font-weight: 300;
    line-height: 1.2;
}

@media (min-width: 1200px) {
    .display-2 {
        font-size: 4.5rem;
    }
}

.display-3 {
    font-size: calc(1.525rem + 3.3vw);
    font-weight: 300;
    line-height: 1.2;
}

@media (min-width: 1200px) {
    .display-3 {
        font-size: 4rem;
    }
}

.display-4 {
    font-size: calc(1.475rem + 2.7vw);
    font-weight: 300;
    line-height: 1.2;
}

@media (min-width: 1200px) {
    .display-4 {
        font-size: 3.5rem;
    }
}

.display-5 {
    font-size: calc(1.425rem + 2.1vw);
    font-weight: 300;
    line-height: 1.2;
}

@media (min-width: 1200px) {
    .display-5 {
        font-size: 3rem;
    }
}

.display-6 {
    font-size: calc(1.375rem + 1.5vw);
    font-weight: 300;
    line-height: 1.2;
}

@media (min-width: 1200px) {
    .display-6 {
        font-size: 2.5rem;
    }
}

.list-unstyled {
    padding-left: 0;
    list-style: none;
}

.list-inline {
    padding-left: 0;
    list-style: none;
}

.list-inline-item {
    display: inline-block;
}

.list-inline-item:not(:last-child) {
    margin-right: 0.5rem;
}

.initialism {
    font-size: 0.875em;
    text-transform: uppercase;
}

.blockquote {
    margin-bottom: 1rem;
    font-size: 1.25rem;
}

.blockquote> :last-child {
    margin-bottom: 0;
}

.blockquote-footer {
    margin-top: -1rem;
    margin-bottom: 1rem;
    font-size: 0.875em;
    color: #6c757d;
}

.blockquote-footer::before {
    content: "— ";
}

.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
    width: 100%;
    padding-right: var(--bs-gutter-x, 0.75rem);
    padding-left: var(--bs-gutter-x, 0.75rem);
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 576px) {
    .container-sm,
    .container {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .container-md,
    .container-sm,
    .container {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .container-lg,
    .container-md,
    .container-sm,
    .container {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .container-xl,
    .container-lg,
    .container-md,
    .container-sm,
    .container {
        max-width: 1140px;
    }
}

@media (min-width: 1400px) {
    .container-xxl,
    .container-xl,
    .container-lg,
    .container-md,
    .container-sm,
    .container {
        max-width: 1320px;
    }
}

.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(var(--bs-gutter-y) * -1);
    margin-right: calc(var(--bs-gutter-x) * -0.5);
    margin-left: calc(var(--bs-gutter-x) * -0.5);
}

.row>* {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    margin-top: var(--bs-gutter-y);
}

.col {
    flex: 1 0 0%;
}

.row-cols-auto>* {
    flex: 0 0 auto;
    width: auto;
}

.row-cols-1>* {
    flex: 0 0 auto;
    width: 100%;
}

.row-cols-2>* {
    flex: 0 0 auto;
    width: 50%;
}

.row-cols-3>* {
    flex: 0 0 auto;
    width: 33.3333333333%;
}

.row-cols-4>* {
    flex: 0 0 auto;
    width: 25%;
}

.row-cols-5>* {
    flex: 0 0 auto;
    width: 20%;
}

.row-cols-6>* {
    flex: 0 0 auto;
    width: 16.6666666667%;
}

@media (min-width: 576px) {
    .col-sm {
        flex: 1 0 0%;
    }
    .row-cols-sm-auto>* {
        flex: 0 0 auto;
        width: auto;
    }
    .row-cols-sm-1>* {
        flex: 0 0 auto;
        width: 100%;
    }
    .row-cols-sm-2>* {
        flex: 0 0 auto;
        width: 50%;
    }
    .row-cols-sm-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%;
    }
    .row-cols-sm-4>* {
        flex: 0 0 auto;
        width: 25%;
    }
    .row-cols-sm-5>* {
        flex: 0 0 auto;
        width: 20%;
    }
    .row-cols-sm-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%;
    }
}

@media (min-width: 768px) {
    .col-md {
        flex: 1 0 0%;
    }
    .row-cols-md-auto>* {
        flex: 0 0 auto;
        width: auto;
    }
    .row-cols-md-1>* {
        flex: 0 0 auto;
        width: 100%;
    }
    .row-cols-md-2>* {
        flex: 0 0 auto;
        width: 50%;
    }
    .row-cols-md-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%;
    }
    .row-cols-md-4>* {
        flex: 0 0 auto;
        width: 25%;
    }
    .row-cols-md-5>* {
        flex: 0 0 auto;
        width: 20%;
    }
    .row-cols-md-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%;
    }
}

@media (min-width: 992px) {
    .col-lg {
        flex: 1 0 0%;
    }
    .row-cols-lg-auto>* {
        flex: 0 0 auto;
        width: auto;
    }
    .row-cols-lg-1>* {
        flex: 0 0 auto;
        width: 100%;
    }
    .row-cols-lg-2>* {
        flex: 0 0 auto;
        width: 50%;
    }
    .row-cols-lg-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%;
    }
    .row-cols-lg-4>* {
        flex: 0 0 auto;
        width: 25%;
    }
    .row-cols-lg-5>* {
        flex: 0 0 auto;
        width: 20%;
    }
    .row-cols-lg-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%;
    }
}

@media (min-width: 1200px) {
    .col-xl {
        flex: 1 0 0%;
    }
    .row-cols-xl-auto>* {
        flex: 0 0 auto;
        width: auto;
    }
    .row-cols-xl-1>* {
        flex: 0 0 auto;
        width: 100%;
    }
    .row-cols-xl-2>* {
        flex: 0 0 auto;
        width: 50%;
    }
    .row-cols-xl-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%;
    }
    .row-cols-xl-4>* {
        flex: 0 0 auto;
        width: 25%;
    }
    .row-cols-xl-5>* {
        flex: 0 0 auto;
        width: 20%;
    }
    .row-cols-xl-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%;
    }
}

@media (min-width: 1400px) {
    .col-xxl {
        flex: 1 0 0%;
    }
    .row-cols-xxl-auto>* {
        flex: 0 0 auto;
        width: auto;
    }
    .row-cols-xxl-1>* {
        flex: 0 0 auto;
        width: 100%;
    }
    .row-cols-xxl-2>* {
        flex: 0 0 auto;
        width: 50%;
    }
    .row-cols-xxl-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%;
    }
    .row-cols-xxl-4>* {
        flex: 0 0 auto;
        width: 25%;
    }
    .row-cols-xxl-5>* {
        flex: 0 0 auto;
        width: 20%;
    }
    .row-cols-xxl-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%;
    }
}

.col-auto {
    flex: 0 0 auto;
    width: auto;
}

.col-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
}

.col-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
}

.col-3 {
    flex: 0 0 auto;
    width: 25%;
}

.col-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
}

.col-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
}

.col-6 {
    flex: 0 0 auto;
    width: 50%;
}

.col-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
}

.col-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
}

.col-9 {
    flex: 0 0 auto;
    width: 75%;
}

.col-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
}

.col-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
}

.col-12 {
    flex: 0 0 auto;
    width: 100%;
}

.offset-1 {
    margin-left: 8.33333333%;
}

.offset-2 {
    margin-left: 16.66666667%;
}

.offset-3 {
    margin-left: 25%;
}

.offset-4 {
    margin-left: 33.33333333%;
}

.offset-5 {
    margin-left: 41.66666667%;
}

.offset-6 {
    margin-left: 50%;
}

.offset-7 {
    margin-left: 58.33333333%;
}

.offset-8 {
    margin-left: 66.66666667%;
}

.offset-9 {
    margin-left: 75%;
}

.offset-10 {
    margin-left: 83.33333333%;
}

.offset-11 {
    margin-left: 91.66666667%;
}

.g-0,
.gx-0 {
    --bs-gutter-x: 0;
}

.g-0,
.gy-0 {
    --bs-gutter-y: 0;
}

.g-1,
.gx-1 {
    --bs-gutter-x: 0.25rem;
}

.g-1,
.gy-1 {
    --bs-gutter-y: 0.25rem;
}

.g-2,
.gx-2 {
    --bs-gutter-x: 0.5rem;
}

.g-2,
.gy-2 {
    --bs-gutter-y: 0.5rem;
}

.g-3,
.gx-3 {
    --bs-gutter-x: 1rem;
}

.g-3,
.gy-3 {
    --bs-gutter-y: 1rem;
}

.g-4,
.gx-4 {
    --bs-gutter-x: 1.5rem;
}

.g-4,
.gy-4 {
    --bs-gutter-y: 1.5rem;
}

.g-5,
.gx-5 {
    --bs-gutter-x: 3rem;
}

.g-5,
.gy-5 {
    --bs-gutter-y: 3rem;
}

@media (min-width: 576px) {
    .col-sm-auto {
        flex: 0 0 auto;
        width: auto;
    }
    .col-sm-1 {
        flex: 0 0 auto;
        width: 8.33333333%;
    }
    .col-sm-2 {
        flex: 0 0 auto;
        width: 16.66666667%;
    }
    .col-sm-3 {
        flex: 0 0 auto;
        width: 25%;
    }
    .col-sm-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
    }
    .col-sm-5 {
        flex: 0 0 auto;
        width: 41.66666667%;
    }
    .col-sm-6 {
        flex: 0 0 auto;
        width: 50%;
    }
    .col-sm-7 {
        flex: 0 0 auto;
        width: 58.33333333%;
    }
    .col-sm-8 {
        flex: 0 0 auto;
        width: 66.66666667%;
    }
    .col-sm-9 {
        flex: 0 0 auto;
        width: 75%;
    }
    .col-sm-10 {
        flex: 0 0 auto;
        width: 83.33333333%;
    }
    .col-sm-11 {
        flex: 0 0 auto;
        width: 91.66666667%;
    }
    .col-sm-12 {
        flex: 0 0 auto;
        width: 100%;
    }
    .offset-sm-0 {
        margin-left: 0;
    }
    .offset-sm-1 {
        margin-left: 8.33333333%;
    }
    .offset-sm-2 {
        margin-left: 16.66666667%;
    }
    .offset-sm-3 {
        margin-left: 25%;
    }
    .offset-sm-4 {
        margin-left: 33.33333333%;
    }
    .offset-sm-5 {
        margin-left: 41.66666667%;
    }
    .offset-sm-6 {
        margin-left: 50%;
    }
    .offset-sm-7 {
        margin-left: 58.33333333%;
    }
    .offset-sm-8 {
        margin-left: 66.66666667%;
    }
    .offset-sm-9 {
        margin-left: 75%;
    }
    .offset-sm-10 {
        margin-left: 83.33333333%;
    }
    .offset-sm-11 {
        margin-left: 91.66666667%;
    }
    .g-sm-0,
    .gx-sm-0 {
        --bs-gutter-x: 0;
    }
    .g-sm-0,
    .gy-sm-0 {
        --bs-gutter-y: 0;
    }
    .g-sm-1,
    .gx-sm-1 {
        --bs-gutter-x: 0.25rem;
    }
    .g-sm-1,
    .gy-sm-1 {
        --bs-gutter-y: 0.25rem;
    }
    .g-sm-2,
    .gx-sm-2 {
        --bs-gutter-x: 0.5rem;
    }
    .g-sm-2,
    .gy-sm-2 {
        --bs-gutter-y: 0.5rem;
    }
    .g-sm-3,
    .gx-sm-3 {
        --bs-gutter-x: 1rem;
    }
    .g-sm-3,
    .gy-sm-3 {
        --bs-gutter-y: 1rem;
    }
    .g-sm-4,
    .gx-sm-4 {
        --bs-gutter-x: 1.5rem;
    }
    .g-sm-4,
    .gy-sm-4 {
        --bs-gutter-y: 1.5rem;
    }
    .g-sm-5,
    .gx-sm-5 {
        --bs-gutter-x: 3rem;
    }
    .g-sm-5,
    .gy-sm-5 {
        --bs-gutter-y: 3rem;
    }
}

@media (min-width: 768px) {
    .col-md-auto {
        flex: 0 0 auto;
        width: auto;
    }
    .col-md-1 {
        flex: 0 0 auto;
        width: 8.33333333%;
    }
    .col-md-2 {
        flex: 0 0 auto;
        width: 16.66666667%;
    }
    .col-md-3 {
        flex: 0 0 auto;
        width: 25%;
    }
    .col-md-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
    }
    .col-md-5 {
        flex: 0 0 auto;
        width: 41.66666667%;
    }
    .col-md-6 {
        flex: 0 0 auto;
        width: 50%;
    }
    .col-md-7 {
        flex: 0 0 auto;
        width: 58.33333333%;
    }
    .col-md-8 {
        flex: 0 0 auto;
        width: 66.66666667%;
    }
    .col-md-9 {
        flex: 0 0 auto;
        width: 75%;
    }
    .col-md-10 {
        flex: 0 0 auto;
        width: 83.33333333%;
    }
    .col-md-11 {
        flex: 0 0 auto;
        width: 91.66666667%;
    }
    .col-md-12 {
        flex: 0 0 auto;
        width: 100%;
    }
    .offset-md-0 {
        margin-left: 0;
    }
    .offset-md-1 {
        margin-left: 8.33333333%;
    }
    .offset-md-2 {
        margin-left: 16.66666667%;
    }
    .offset-md-3 {
        margin-left: 25%;
    }
    .offset-md-4 {
        margin-left: 33.33333333%;
    }
    .offset-md-5 {
        margin-left: 41.66666667%;
    }
    .offset-md-6 {
        margin-left: 50%;
    }
    .offset-md-7 {
        margin-left: 58.33333333%;
    }
    .offset-md-8 {
        margin-left: 66.66666667%;
    }
    .offset-md-9 {
        margin-left: 75%;
    }
    .offset-md-10 {
        margin-left: 83.33333333%;
    }
    .offset-md-11 {
        margin-left: 91.66666667%;
    }
    .g-md-0,
    .gx-md-0 {
        --bs-gutter-x: 0;
    }
    .g-md-0,
    .gy-md-0 {
        --bs-gutter-y: 0;
    }
    .g-md-1,
    .gx-md-1 {
        --bs-gutter-x: 0.25rem;
    }
    .g-md-1,
    .gy-md-1 {
        --bs-gutter-y: 0.25rem;
    }
    .g-md-2,
    .gx-md-2 {
        --bs-gutter-x: 0.5rem;
    }
    .g-md-2,
    .gy-md-2 {
        --bs-gutter-y: 0.5rem;
    }
    .g-md-3,
    .gx-md-3 {
        --bs-gutter-x: 1rem;
    }
    .g-md-3,
    .gy-md-3 {
        --bs-gutter-y: 1rem;
    }
    .g-md-4,
    .gx-md-4 {
        --bs-gutter-x: 1.5rem;
    }
    .g-md-4,
    .gy-md-4 {
        --bs-gutter-y: 1.5rem;
    }
    .g-md-5,
    .gx-md-5 {
        --bs-gutter-x: 3rem;
    }
    .g-md-5,
    .gy-md-5 {
        --bs-gutter-y: 3rem;
    }
}

@media (min-width: 992px) {
    .col-lg-auto {
        flex: 0 0 auto;
        width: auto;
    }
    .col-lg-1 {
        flex: 0 0 auto;
        width: 8.33333333%;
    }
    .col-lg-2 {
        flex: 0 0 auto;
        width: 16.66666667%;
    }
    .col-lg-3 {
        flex: 0 0 auto;
        width: 25%;
    }
    .col-lg-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
    }
    .col-lg-5 {
        flex: 0 0 auto;
        width: 41.66666667%;
    }
    .col-lg-6 {
        flex: 0 0 auto;
        width: 50%;
    }
    .col-lg-7 {
        flex: 0 0 auto;
        width: 58.33333333%;
    }
    .col-lg-8 {
        flex: 0 0 auto;
        width: 66.66666667%;
    }
    .col-lg-9 {
        flex: 0 0 auto;
        width: 75%;
    }
    .col-lg-10 {
        flex: 0 0 auto;
        width: 83.33333333%;
    }
    .col-lg-11 {
        flex: 0 0 auto;
        width: 91.66666667%;
    }
    .col-lg-12 {
        flex: 0 0 auto;
        width: 100%;
    }
    .offset-lg-0 {
        margin-left: 0;
    }
    .offset-lg-1 {
        margin-left: 8.33333333%;
    }
    .offset-lg-2 {
        margin-left: 16.66666667%;
    }
    .offset-lg-3 {
        margin-left: 25%;
    }
    .offset-lg-4 {
        margin-left: 33.33333333%;
    }
    .offset-lg-5 {
        margin-left: 41.66666667%;
    }
    .offset-lg-6 {
        margin-left: 50%;
    }
    .offset-lg-7 {
        margin-left: 58.33333333%;
    }
    .offset-lg-8 {
        margin-left: 66.66666667%;
    }
    .offset-lg-9 {
        margin-left: 75%;
    }
    .offset-lg-10 {
        margin-left: 83.33333333%;
    }
    .offset-lg-11 {
        margin-left: 91.66666667%;
    }
    .g-lg-0,
    .gx-lg-0 {
        --bs-gutter-x: 0;
    }
    .g-lg-0,
    .gy-lg-0 {
        --bs-gutter-y: 0;
    }
    .g-lg-1,
    .gx-lg-1 {
        --bs-gutter-x: 0.25rem;
    }
    .g-lg-1,
    .gy-lg-1 {
        --bs-gutter-y: 0.25rem;
    }
    .g-lg-2,
    .gx-lg-2 {
        --bs-gutter-x: 0.5rem;
    }
    .g-lg-2,
    .gy-lg-2 {
        --bs-gutter-y: 0.5rem;
    }
    .g-lg-3,
    .gx-lg-3 {
        --bs-gutter-x: 1rem;
    }
    .g-lg-3,
    .gy-lg-3 {
        --bs-gutter-y: 1rem;
    }
    .g-lg-4,
    .gx-lg-4 {
        --bs-gutter-x: 1.5rem;
    }
    .g-lg-4,
    .gy-lg-4 {
        --bs-gutter-y: 1.5rem;
    }
    .g-lg-5,
    .gx-lg-5 {
        --bs-gutter-x: 3rem;
    }
    .g-lg-5,
    .gy-lg-5 {
        --bs-gutter-y: 3rem;
    }
}

@media (min-width: 1200px) {
    .col-xl-auto {
        flex: 0 0 auto;
        width: auto;
    }
    .col-xl-1 {
        flex: 0 0 auto;
        width: 8.33333333%;
    }
    .col-xl-2 {
        flex: 0 0 auto;
        width: 16.66666667%;
    }
    .col-xl-3 {
        flex: 0 0 auto;
        width: 25%;
    }
    .col-xl-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
    }
    .col-xl-5 {
        flex: 0 0 auto;
        width: 41.66666667%;
    }
    .col-xl-6 {
        flex: 0 0 auto;
        width: 50%;
    }
    .col-xl-7 {
        flex: 0 0 auto;
        width: 58.33333333%;
    }
    .col-xl-8 {
        flex: 0 0 auto;
        width: 66.66666667%;
    }
    .col-xl-9 {
        flex: 0 0 auto;
        width: 75%;
    }
    .col-xl-10 {
        flex: 0 0 auto;
        width: 83.33333333%;
    }
    .col-xl-11 {
        flex: 0 0 auto;
        width: 91.66666667%;
    }
    .col-xl-12 {
        flex: 0 0 auto;
        width: 100%;
    }
    .offset-xl-0 {
        margin-left: 0;
    }
    .offset-xl-1 {
        margin-left: 8.33333333%;
    }
    .offset-xl-2 {
        margin-left: 16.66666667%;
    }
    .offset-xl-3 {
        margin-left: 25%;
    }
    .offset-xl-4 {
        margin-left: 33.33333333%;
    }
    .offset-xl-5 {
        margin-left: 41.66666667%;
    }
    .offset-xl-6 {
        margin-left: 50%;
    }
    .offset-xl-7 {
        margin-left: 58.33333333%;
    }
    .offset-xl-8 {
        margin-left: 66.66666667%;
    }
    .offset-xl-9 {
        margin-left: 75%;
    }
    .offset-xl-10 {
        margin-left: 83.33333333%;
    }
    .offset-xl-11 {
        margin-left: 91.66666667%;
    }
    .g-xl-0,
    .gx-xl-0 {
        --bs-gutter-x: 0;
    }
    .g-xl-0,
    .gy-xl-0 {
        --bs-gutter-y: 0;
    }
    .g-xl-1,
    .gx-xl-1 {
        --bs-gutter-x: 0.25rem;
    }
    .g-xl-1,
    .gy-xl-1 {
        --bs-gutter-y: 0.25rem;
    }
    .g-xl-2,
    .gx-xl-2 {
        --bs-gutter-x: 0.5rem;
    }
    .g-xl-2,
    .gy-xl-2 {
        --bs-gutter-y: 0.5rem;
    }
    .g-xl-3,
    .gx-xl-3 {
        --bs-gutter-x: 1rem;
    }
    .g-xl-3,
    .gy-xl-3 {
        --bs-gutter-y: 1rem;
    }
    .g-xl-4,
    .gx-xl-4 {
        --bs-gutter-x: 1.5rem;
    }
    .g-xl-4,
    .gy-xl-4 {
        --bs-gutter-y: 1.5rem;
    }
    .g-xl-5,
    .gx-xl-5 {
        --bs-gutter-x: 3rem;
    }
    .g-xl-5,
    .gy-xl-5 {
        --bs-gutter-y: 3rem;
    }
}

@media (min-width: 1400px) {
    .col-xxl-auto {
        flex: 0 0 auto;
        width: auto;
    }
    .col-xxl-1 {
        flex: 0 0 auto;
        width: 8.33333333%;
    }
    .col-xxl-2 {
        flex: 0 0 auto;
        width: 16.66666667%;
    }
    .col-xxl-3 {
        flex: 0 0 auto;
        width: 25%;
    }
    .col-xxl-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
    }
    .col-xxl-5 {
        flex: 0 0 auto;
        width: 41.66666667%;
    }
    .col-xxl-6 {
        flex: 0 0 auto;
        width: 50%;
    }
    .col-xxl-7 {
        flex: 0 0 auto;
        width: 58.33333333%;
    }
    .col-xxl-8 {
        flex: 0 0 auto;
        width: 66.66666667%;
    }
    .col-xxl-9 {
        flex: 0 0 auto;
        width: 75%;
    }
    .col-xxl-10 {
        flex: 0 0 auto;
        width: 83.33333333%;
    }
    .col-xxl-11 {
        flex: 0 0 auto;
        width: 91.66666667%;
    }
    .col-xxl-12 {
        flex: 0 0 auto;
        width: 100%;
    }
    .offset-xxl-0 {
        margin-left: 0;
    }
    .offset-xxl-1 {
        margin-left: 8.33333333%;
    }
    .offset-xxl-2 {
        margin-left: 16.66666667%;
    }
    .offset-xxl-3 {
        margin-left: 25%;
    }
    .offset-xxl-4 {
        margin-left: 33.33333333%;
    }
    .offset-xxl-5 {
        margin-left: 41.66666667%;
    }
    .offset-xxl-6 {
        margin-left: 50%;
    }
    .offset-xxl-7 {
        margin-left: 58.33333333%;
    }
    .offset-xxl-8 {
        margin-left: 66.66666667%;
    }
    .offset-xxl-9 {
        margin-left: 75%;
    }
    .offset-xxl-10 {
        margin-left: 83.33333333%;
    }
    .offset-xxl-11 {
        margin-left: 91.66666667%;
    }
    .g-xxl-0,
    .gx-xxl-0 {
        --bs-gutter-x: 0;
    }
    .g-xxl-0,
    .gy-xxl-0 {
        --bs-gutter-y: 0;
    }
    .g-xxl-1,
    .gx-xxl-1 {
        --bs-gutter-x: 0.25rem;
    }
    .g-xxl-1,
    .gy-xxl-1 {
        --bs-gutter-y: 0.25rem;
    }
    .g-xxl-2,
    .gx-xxl-2 {
        --bs-gutter-x: 0.5rem;
    }
    .g-xxl-2,
    .gy-xxl-2 {
        --bs-gutter-y: 0.5rem;
    }
    .g-xxl-3,
    .gx-xxl-3 {
        --bs-gutter-x: 1rem;
    }
    .g-xxl-3,
    .gy-xxl-3 {
        --bs-gutter-y: 1rem;
    }
    .g-xxl-4,
    .gx-xxl-4 {
        --bs-gutter-x: 1.5rem;
    }
    .g-xxl-4,
    .gy-xxl-4 {
        --bs-gutter-y: 1.5rem;
    }
    .g-xxl-5,
    .gx-xxl-5 {
        --bs-gutter-x: 3rem;
    }
    .g-xxl-5,
    .gy-xxl-5 {
        --bs-gutter-y: 3rem;
    }
}

.clearfix::after {
    display: block;
    clear: both;
    content: "";
}

.link-primary {
    color: hsl(204, 70%, 53%);
}

.link-primary:hover,
.link-primary:focus {
    color: rgb(92.004, 172.5432, 226.236);
}

.link-secondary {
    color: #6c757d;
}

.link-secondary:hover,
.link-secondary:focus {
    color: rgb(86.4, 93.6, 100);
}

.link-success {
    color: hsl(121, 47%, 61%);
}

.link-success:hover,
.link-success:focus {
    color: rgb(138.0468, 212.8332, 139.29324);
}

.link-info {
    color: #0dcaf0;
}

.link-info:hover,
.link-info:focus {
    color: rgb(61.4, 212.6, 243);
}

.link-warning {
    color: hsl(40, 91%, 60%);
}

.link-warning:hover,
.link-warning:focus {
    color: rgb(247.656, 198.152, 99.144);
}

.link-danger {
    color: #dc3545;
}

.link-danger:hover,
.link-danger:focus {
    color: rgb(176, 42.4, 55.2);
}

.link-light {
    color: #f8f9fa;
}

.link-light:hover,
.link-light:focus {
    color: rgb(249.4, 250.2, 251);
}

.link-dark {
    color: #212529;
}

.link-dark:hover,
.link-dark:focus {
    color: rgb(26.4, 29.6, 32.8);
}

.ratio {
    position: relative;
    width: 100%;
}

.ratio::before {
    display: block;
    padding-top: var(--bs-aspect-ratio);
    content: "";
}

.ratio>* {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ratio-1x1 {
    --bs-aspect-ratio: 100%;
}

.ratio-4x3 {
    --bs-aspect-ratio: 75%;
}

.ratio-16x9 {
    --bs-aspect-ratio: 56.25%;
}

.ratio-21x9 {
    --bs-aspect-ratio: 42.8571428571%;
}

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
}

.fixed-bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030;
}

.sticky-top {
    position: sticky;
    top: 0;
    z-index: 1020;
}

@media (min-width: 576px) {
    .sticky-sm-top {
        position: sticky;
        top: 0;
        z-index: 1020;
    }
}

@media (min-width: 768px) {
    .sticky-md-top {
        position: sticky;
        top: 0;
        z-index: 1020;
    }
}

@media (min-width: 992px) {
    .sticky-lg-top {
        position: sticky;
        top: 0;
        z-index: 1020;
    }
}

@media (min-width: 1200px) {
    .sticky-xl-top {
        position: sticky;
        top: 0;
        z-index: 1020;
    }
}

@media (min-width: 1400px) {
    .sticky-xxl-top {
        position: sticky;
        top: 0;
        z-index: 1020;
    }
}

.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

.stretched-link::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    content: "";
}

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

.align-baseline {
    vertical-align: baseline !important;
}

.align-top {
    vertical-align: top !important;
}

.align-middle {
    vertical-align: middle !important;
}

.align-bottom {
    vertical-align: bottom !important;
}

.align-text-bottom {
    vertical-align: text-bottom !important;
}

.align-text-top {
    vertical-align: text-top !important;
}

.float-start {
    float: left !important;
}

.float-end {
    float: right !important;
}

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

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

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

.overflow-visible {
    overflow: visible !important;
}

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

.d-inline {
    display: inline !important;
}

.d-inline-block {
    display: inline-block !important;
}

.d-block {
    display: block !important;
}

.d-grid {
    display: grid !important;
}

.d-table {
    display: table !important;
}

.d-table-row {
    display: table-row !important;
}

.d-table-cell {
    display: table-cell !important;
}

.d-flex {
    display: flex !important;
}

.d-inline-flex {
    display: inline-flex !important;
}

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

.shadow {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

.shadow-sm {
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

.shadow-lg {
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}

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

.position-static {
    position: static !important;
}

.position-relative {
    position: relative !important;
}

.position-absolute {
    position: absolute !important;
}

.position-fixed {
    position: fixed !important;
}

.position-sticky {
    position: sticky !important;
}

.top-0 {
    top: 0 !important;
}

.top-50 {
    top: 50% !important;
}

.top-100 {
    top: 100% !important;
}

.bottom-0 {
    bottom: 0 !important;
}

.bottom-50 {
    bottom: 50% !important;
}

.bottom-100 {
    bottom: 100% !important;
}

.start-0 {
    left: 0 !important;
}

.start-50 {
    left: 50% !important;
}

.start-100 {
    left: 100% !important;
}

.end-0 {
    right: 0 !important;
}

.end-50 {
    right: 50% !important;
}

.end-100 {
    right: 100% !important;
}

.translate-middle {
    transform: translate(-50%, -50%) !important;
}

.translate-middle-x {
    transform: translateX(-50%) !important;
}

.translate-middle-y {
    transform: translateY(-50%) !important;
}

.border {
    border: 1px solid hsl(213, 22%, 84%) !important;
}

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

.border-top {
    border-top: 1px solid hsl(213, 22%, 84%) !important;
}

.border-top-0 {
    border-top: 0 !important;
}

.border-end {
    border-right: 1px solid hsl(213, 22%, 84%) !important;
}

.border-end-0 {
    border-right: 0 !important;
}

.border-bottom {
    border-bottom: 1px solid hsl(213, 22%, 84%) !important;
}

.border-bottom-0 {
    border-bottom: 0 !important;
}

.border-start {
    border-left: 1px solid hsl(213, 22%, 84%) !important;
}

.border-start-0 {
    border-left: 0 !important;
}

.border-primary {
    border-color: hsl(204, 70%, 53%) !important;
}

.border-secondary {
    border-color: #6c757d !important;
}

.border-success {
    border-color: hsl(121, 47%, 61%) !important;
}

.border-info {
    border-color: #0dcaf0 !important;
}

.border-warning {
    border-color: hsl(40, 91%, 60%) !important;
}

.border-danger {
    border-color: #dc3545 !important;
}

.border-light {
    border-color: #f8f9fa !important;
}

.border-dark {
    border-color: #212529 !important;
}

.border-white {
    border-color: hsl(0, 0%, 100%) !important;
}

.border-1 {
    border-width: 1px !important;
}

.border-2 {
    border-width: 2px !important;
}

.border-3 {
    border-width: 3px !important;
}

.border-4 {
    border-width: 4px !important;
}

.border-5 {
    border-width: 5px !important;
}

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

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

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

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

.w-auto {
    width: auto !important;
}

.mw-100 {
    max-width: 100% !important;
}

.vw-100 {
    width: 100vw !important;
}

.min-vw-100 {
    min-width: 100vw !important;
}

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

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

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

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

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

.mh-100 {
    max-height: 100% !important;
}

.vh-100 {
    height: 100vh !important;
}

.min-vh-100 {
    min-height: 100vh !important;
}

.flex-fill {
    flex: 1 1 auto !important;
}

.flex-row {
    flex-direction: row !important;
}

.flex-column {
    flex-direction: column !important;
}

.flex-row-reverse {
    flex-direction: row-reverse !important;
}

.flex-column-reverse {
    flex-direction: column-reverse !important;
}

.flex-grow-0 {
    flex-grow: 0 !important;
}

.flex-grow-1 {
    flex-grow: 1 !important;
}

.flex-shrink-0 {
    flex-shrink: 0 !important;
}

.flex-shrink-1 {
    flex-shrink: 1 !important;
}

.flex-wrap {
    flex-wrap: wrap !important;
}

.flex-nowrap {
    flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse !important;
}

.gap-0 {
    gap: 0 !important;
}

.gap-1 {
    gap: 0.25rem !important;
}

.gap-2 {
    gap: 0.5rem !important;
}

.gap-3 {
    gap: 1rem !important;
}

.gap-4 {
    gap: 1.5rem !important;
}

.gap-5 {
    gap: 3rem !important;
}

.justify-content-start {
    justify-content: flex-start !important;
}

.justify-content-end {
    justify-content: flex-end !important;
}

.justify-content-center {
    justify-content: center !important;
}

.justify-content-between {
    justify-content: space-between !important;
}

.justify-content-around {
    justify-content: space-around !important;
}

.justify-content-evenly {
    justify-content: space-evenly !important;
}

.align-items-start {
    align-items: flex-start !important;
}

.align-items-end {
    align-items: flex-end !important;
}

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

.align-items-baseline {
    align-items: baseline !important;
}

.align-items-stretch {
    align-items: stretch !important;
}

.align-content-start {
    align-content: flex-start !important;
}

.align-content-end {
    align-content: flex-end !important;
}

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

.align-content-between {
    align-content: space-between !important;
}

.align-content-around {
    align-content: space-around !important;
}

.align-content-stretch {
    align-content: stretch !important;
}

.align-self-auto {
    align-self: auto !important;
}

.align-self-start {
    align-self: flex-start !important;
}

.align-self-end {
    align-self: flex-end !important;
}

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

.align-self-baseline {
    align-self: baseline !important;
}

.align-self-stretch {
    align-self: stretch !important;
}

.order-first {
    order: -1 !important;
}

.order-0 {
    order: 0 !important;
}

.order-1 {
    order: 1 !important;
}

.order-2 {
    order: 2 !important;
}

.order-3 {
    order: 3 !important;
}

.order-4 {
    order: 4 !important;
}

.order-5 {
    order: 5 !important;
}

.order-last {
    order: 6 !important;
}

.m-0 {
    margin: 0 !important;
}

.m-1 {
    margin: 0.25rem !important;
}

.m-2 {
    margin: 0.5rem !important;
}

.m-3 {
    margin: 1rem !important;
}

.m-4 {
    margin: 1.5rem !important;
}

.m-5 {
    margin: 3rem !important;
}

.m-auto {
    margin: auto !important;
}

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

.mx-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
}

.mx-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
}

.mx-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
}

.mx-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
}

.mx-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
}

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

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

.my-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
}

.my-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
}

.my-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
}

.my-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
}

.my-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
}

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

.mt-0 {
    margin-top: 0 !important;
}

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

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

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

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

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

.mt-auto {
    margin-top: auto !important;
}

.me-0 {
    margin-right: 0 !important;
}

.me-1 {
    margin-right: 0.25rem !important;
}

.me-2 {
    margin-right: 0.5rem !important;
}

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

.me-4 {
    margin-right: 1.5rem !important;
}

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

.me-auto {
    margin-right: auto !important;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.mb-1 {
    margin-bottom: 0.25rem !important;
}

.mb-2 {
    margin-bottom: 0.5rem !important;
}

.mb-3 {
    margin-bottom: 1rem !important;
}

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

.mb-5 {
    margin-bottom: 3rem !important;
}

.mb-auto {
    margin-bottom: auto !important;
}

.ms-0 {
    margin-left: 0 !important;
}

.ms-1 {
    margin-left: 0.25rem !important;
}

.ms-2 {
    margin-left: 0.5rem !important;
}

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

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

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

.ms-auto {
    margin-left: auto !important;
}

.p-0 {
    padding: 0 !important;
}

.p-1 {
    padding: 0.25rem !important;
}

.p-2 {
    padding: 0.5rem !important;
}

.p-3 {
    padding: 1rem !important;
}

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

.p-5 {
    padding: 3rem !important;
}

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

.px-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
}

.px-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
}

.px-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
}

.px-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
}

.px-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
}

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

.py-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
}

.py-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
}

.py-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
}

.py-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
}

.py-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
}

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

.pt-1 {
    padding-top: 0.25rem !important;
}

.pt-2 {
    padding-top: 0.5rem !important;
}

.pt-3 {
    padding-top: 1rem !important;
}

.pt-4 {
    padding-top: 1.5rem !important;
}

.pt-5 {
    padding-top: 3rem !important;
}

.pe-0 {
    padding-right: 0 !important;
}

.pe-1 {
    padding-right: 0.25rem !important;
}

.pe-2 {
    padding-right: 0.5rem !important;
}

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

.pe-4 {
    padding-right: 1.5rem !important;
}

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

.pb-0 {
    padding-bottom: 0 !important;
}

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

.pb-2 {
    padding-bottom: 0.5rem !important;
}

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

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

.pb-5 {
    padding-bottom: 3rem !important;
}

.ps-0 {
    padding-left: 0 !important;
}

.ps-1 {
    padding-left: 0.25rem !important;
}

.ps-2 {
    padding-left: 0.5rem !important;
}

.ps-3 {
    padding-left: 1rem !important;
}

.ps-4 {
    padding-left: 1.5rem !important;
}

.ps-5 {
    padding-left: 3rem !important;
}

.font-monospace {
    font-family: var(--bs-font-monospace) !important;
}

.fs-1 {
    font-size: calc(1.375rem + 1.5vw) !important;
}

.fs-2 {
    font-size: calc(1.325rem + 0.9vw) !important;
}

.fs-3 {
    font-size: calc(1.3rem + 0.6vw) !important;
}

.fs-4 {
    font-size: calc(1.275rem + 0.3vw) !important;
}

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

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

.fst-italic {
    font-style: italic !important;
}

.fst-normal {
    font-style: normal !important;
}

.fw-light {
    font-weight: 300 !important;
}

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

.fw-normal {
    font-weight: 400 !important;
}

.fw-bold {
    font-weight: 700 !important;
}

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

.lh-1 {
    line-height: 1 !important;
}

.lh-sm {
    line-height: 1.25 !important;
}

.lh-base {
    line-height: 1.5 !important;
}

.lh-lg {
    line-height: 2 !important;
}

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

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

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

.text-decoration-none {
    text-decoration: none !important;
}

.text-decoration-underline {
    text-decoration: underline !important;
}

.text-decoration-line-through {
    text-decoration: line-through !important;
}

.text-lowercase {
    text-transform: lowercase !important;
}

.text-uppercase {
    text-transform: uppercase !important;
}

.text-capitalize {
    text-transform: capitalize !important;
}

.text-wrap {
    white-space: normal !important;
}

.text-nowrap {
    white-space: nowrap !important;
}


/* rtl:begin:remove */

.text-break {
    word-wrap: break-word !important;
    word-break: break-word !important;
}


/* rtl:end:remove */

.text-primary {
    color: hsl(204, 70%, 53%) !important;
}

.text-secondary {
    color: #6c757d !important;
}

.text-success {
    color: hsl(121, 47%, 61%) !important;
}

.text-info {
    color: #0dcaf0 !important;
}

.text-warning {
    color: hsl(40, 91%, 60%) !important;
}

.text-danger {
    color: #dc3545 !important;
}

.text-light {
    color: #f8f9fa !important;
}

.text-dark {
    color: #212529 !important;
}

.text-white {
    color: hsl(0, 0%, 100%) !important;
}

.text-body {
    color: #212529 !important;
}

.text-muted {
    color: #6c757d !important;
}

.text-black-50 {
    color: rgba(0, 0, 0, 0.5) !important;
}

.text-white-50 {
    color: rgba(255, 255, 255, 0.5) !important;
}

.text-reset {
    color: inherit !important;
}

.bg-primary {
    background-color: #3d3d7e !important;
}

.bg-secondary {
    background-color: #6c757d !important;
}

.bg-success {
    background-color: hsl(121, 47%, 61%) !important;
}

.bg-info {
    background-color: #0dcaf0 !important;
}

.bg-warning {
    background-color: hsl(40, 91%, 60%) !important;
}

.bg-danger {
    background-color: #dc3545 !important;
}

.bg-light {
    background-color: #f8f9fa !important;
}

.bg-dark {
    background-color: #212529 !important;
}

.bg-body {
    background-color: hsl(0, 0%, 100%) !important;
}

.bg-white {
    background-color: hsl(0, 0%, 100%) !important;
}

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

.bg-gradient {
    background-image: var(--bs-gradient) !important;
}

.user-select-all {
    user-select: all !important;
}

.user-select-auto {
    user-select: auto !important;
}

.user-select-none {
    user-select: none !important;
}

.pe-none {
    pointer-events: none !important;
}

.pe-auto {
    pointer-events: auto !important;
}

.rounded {
    border-radius: 0.25rem !important;
}

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

.rounded-1 {
    border-radius: 0.2rem !important;
}

.rounded-2 {
    border-radius: 0.25rem !important;
}

.rounded-3 {
    border-radius: 0.3rem !important;
}

.rounded-circle {
    border-radius: 50% !important;
}

.rounded-pill {
    border-radius: 50rem !important;
}

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

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

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

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

.visible {
    visibility: visible !important;
}

.invisible {
    visibility: hidden !important;
}

@media (min-width: 576px) {
    .float-sm-start {
        float: left !important;
    }
    .float-sm-end {
        float: right !important;
    }
    .float-sm-none {
        float: none !important;
    }
    .d-sm-inline {
        display: inline !important;
    }
    .d-sm-inline-block {
        display: inline-block !important;
    }
    .d-sm-block {
        display: block !important;
    }
    .d-sm-grid {
        display: grid !important;
    }
    .d-sm-table {
        display: table !important;
    }
    .d-sm-table-row {
        display: table-row !important;
    }
    .d-sm-table-cell {
        display: table-cell !important;
    }
    .d-sm-flex {
        display: flex !important;
    }
    .d-sm-inline-flex {
        display: inline-flex !important;
    }
    .d-sm-none {
        display: none !important;
    }
    .flex-sm-fill {
        flex: 1 1 auto !important;
    }
    .flex-sm-row {
        flex-direction: row !important;
    }
    .flex-sm-column {
        flex-direction: column !important;
    }
    .flex-sm-row-reverse {
        flex-direction: row-reverse !important;
    }
    .flex-sm-column-reverse {
        flex-direction: column-reverse !important;
    }
    .flex-sm-grow-0 {
        flex-grow: 0 !important;
    }
    .flex-sm-grow-1 {
        flex-grow: 1 !important;
    }
    .flex-sm-shrink-0 {
        flex-shrink: 0 !important;
    }
    .flex-sm-shrink-1 {
        flex-shrink: 1 !important;
    }
    .flex-sm-wrap {
        flex-wrap: wrap !important;
    }
    .flex-sm-nowrap {
        flex-wrap: nowrap !important;
    }
    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }
    .gap-sm-0 {
        gap: 0 !important;
    }
    .gap-sm-1 {
        gap: 0.25rem !important;
    }
    .gap-sm-2 {
        gap: 0.5rem !important;
    }
    .gap-sm-3 {
        gap: 1rem !important;
    }
    .gap-sm-4 {
        gap: 1.5rem !important;
    }
    .gap-sm-5 {
        gap: 3rem !important;
    }
    .justify-content-sm-start {
        justify-content: flex-start !important;
    }
    .justify-content-sm-end {
        justify-content: flex-end !important;
    }
    .justify-content-sm-center {
        justify-content: center !important;
    }
    .justify-content-sm-between {
        justify-content: space-between !important;
    }
    .justify-content-sm-around {
        justify-content: space-around !important;
    }
    .justify-content-sm-evenly {
        justify-content: space-evenly !important;
    }
    .align-items-sm-start {
        align-items: flex-start !important;
    }
    .align-items-sm-end {
        align-items: flex-end !important;
    }
    .align-items-sm-center {
        align-items: center !important;
    }
    .align-items-sm-baseline {
        align-items: baseline !important;
    }
    .align-items-sm-stretch {
        align-items: stretch !important;
    }
    .align-content-sm-start {
        align-content: flex-start !important;
    }
    .align-content-sm-end {
        align-content: flex-end !important;
    }
    .align-content-sm-center {
        align-content: center !important;
    }
    .align-content-sm-between {
        align-content: space-between !important;
    }
    .align-content-sm-around {
        align-content: space-around !important;
    }
    .align-content-sm-stretch {
        align-content: stretch !important;
    }
    .align-self-sm-auto {
        align-self: auto !important;
    }
    .align-self-sm-start {
        align-self: flex-start !important;
    }
    .align-self-sm-end {
        align-self: flex-end !important;
    }
    .align-self-sm-center {
        align-self: center !important;
    }
    .align-self-sm-baseline {
        align-self: baseline !important;
    }
    .align-self-sm-stretch {
        align-self: stretch !important;
    }
    .order-sm-first {
        order: -1 !important;
    }
    .order-sm-0 {
        order: 0 !important;
    }
    .order-sm-1 {
        order: 1 !important;
    }
    .order-sm-2 {
        order: 2 !important;
    }
    .order-sm-3 {
        order: 3 !important;
    }
    .order-sm-4 {
        order: 4 !important;
    }
    .order-sm-5 {
        order: 5 !important;
    }
    .order-sm-last {
        order: 6 !important;
    }
    .m-sm-0 {
        margin: 0 !important;
    }
    .m-sm-1 {
        margin: 0.25rem !important;
    }
    .m-sm-2 {
        margin: 0.5rem !important;
    }
    .m-sm-3 {
        margin: 1rem !important;
    }
    .m-sm-4 {
        margin: 1.5rem !important;
    }
    .m-sm-5 {
        margin: 3rem !important;
    }
    .m-sm-auto {
        margin: auto !important;
    }
    .mx-sm-0 {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }
    .mx-sm-1 {
        margin-right: 0.25rem !important;
        margin-left: 0.25rem !important;
    }
    .mx-sm-2 {
        margin-right: 0.5rem !important;
        margin-left: 0.5rem !important;
    }
    .mx-sm-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important;
    }
    .mx-sm-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important;
    }
    .mx-sm-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important;
    }
    .mx-sm-auto {
        margin-right: auto !important;
        margin-left: auto !important;
    }
    .my-sm-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
    .my-sm-1 {
        margin-top: 0.25rem !important;
        margin-bottom: 0.25rem !important;
    }
    .my-sm-2 {
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important;
    }
    .my-sm-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }
    .my-sm-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }
    .my-sm-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }
    .my-sm-auto {
        margin-top: auto !important;
        margin-bottom: auto !important;
    }
    .mt-sm-0 {
        margin-top: 0 !important;
    }
    .mt-sm-1 {
        margin-top: 0.25rem !important;
    }
    .mt-sm-2 {
        margin-top: 0.5rem !important;
    }
    .mt-sm-3 {
        margin-top: 1rem !important;
    }
    .mt-sm-4 {
        margin-top: 1.5rem !important;
    }
    .mt-sm-5 {
        margin-top: 3rem !important;
    }
    .mt-sm-auto {
        margin-top: auto !important;
    }
    .me-sm-0 {
        margin-right: 0 !important;
    }
    .me-sm-1 {
        margin-right: 0.25rem !important;
    }
    .me-sm-2 {
        margin-right: 0.5rem !important;
    }
    .me-sm-3 {
        margin-right: 1rem !important;
    }
    .me-sm-4 {
        margin-right: 1.5rem !important;
    }
    .me-sm-5 {
        margin-right: 3rem !important;
    }
    .me-sm-auto {
        margin-right: auto !important;
    }
    .mb-sm-0 {
        margin-bottom: 0 !important;
    }
    .mb-sm-1 {
        margin-bottom: 0.25rem !important;
    }
    .mb-sm-2 {
        margin-bottom: 0.5rem !important;
    }
    .mb-sm-3 {
        margin-bottom: 1rem !important;
    }
    .mb-sm-4 {
        margin-bottom: 1.5rem !important;
    }
    .mb-sm-5 {
        margin-bottom: 3rem !important;
    }
    .mb-sm-auto {
        margin-bottom: auto !important;
    }
    .ms-sm-0 {
        margin-left: 0 !important;
    }
    .ms-sm-1 {
        margin-left: 0.25rem !important;
    }
    .ms-sm-2 {
        margin-left: 0.5rem !important;
    }
    .ms-sm-3 {
        margin-left: 1rem !important;
    }
    .ms-sm-4 {
        margin-left: 1.5rem !important;
    }
    .ms-sm-5 {
        margin-left: 3rem !important;
    }
    .ms-sm-auto {
        margin-left: auto !important;
    }
    .p-sm-0 {
        padding: 0 !important;
    }
    .p-sm-1 {
        padding: 0.25rem !important;
    }
    .p-sm-2 {
        padding: 0.5rem !important;
    }
    .p-sm-3 {
        padding: 1rem !important;
    }
    .p-sm-4 {
        padding: 1.5rem !important;
    }
    .p-sm-5 {
        padding: 3rem !important;
    }
    .px-sm-0 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
    .px-sm-1 {
        padding-right: 0.25rem !important;
        padding-left: 0.25rem !important;
    }
    .px-sm-2 {
        padding-right: 0.5rem !important;
        padding-left: 0.5rem !important;
    }
    .px-sm-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }
    .px-sm-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important;
    }
    .px-sm-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important;
    }
    .py-sm-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    .py-sm-1 {
        padding-top: 0.25rem !important;
        padding-bottom: 0.25rem !important;
    }
    .py-sm-2 {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
    }
    .py-sm-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }
    .py-sm-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }
    .py-sm-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }
    .pt-sm-0 {
        padding-top: 0 !important;
    }
    .pt-sm-1 {
        padding-top: 0.25rem !important;
    }
    .pt-sm-2 {
        padding-top: 0.5rem !important;
    }
    .pt-sm-3 {
        padding-top: 1rem !important;
    }
    .pt-sm-4 {
        padding-top: 1.5rem !important;
    }
    .pt-sm-5 {
        padding-top: 3rem !important;
    }
    .pe-sm-0 {
        padding-right: 0 !important;
    }
    .pe-sm-1 {
        padding-right: 0.25rem !important;
    }
    .pe-sm-2 {
        padding-right: 0.5rem !important;
    }
    .pe-sm-3 {
        padding-right: 1rem !important;
    }
    .pe-sm-4 {
        padding-right: 1.5rem !important;
    }
    .pe-sm-5 {
        padding-right: 3rem !important;
    }
    .pb-sm-0 {
        padding-bottom: 0 !important;
    }
    .pb-sm-1 {
        padding-bottom: 0.25rem !important;
    }
    .pb-sm-2 {
        padding-bottom: 0.5rem !important;
    }
    .pb-sm-3 {
        padding-bottom: 1rem !important;
    }
    .pb-sm-4 {
        padding-bottom: 1.5rem !important;
    }
    .pb-sm-5 {
        padding-bottom: 3rem !important;
    }
    .ps-sm-0 {
        padding-left: 0 !important;
    }
    .ps-sm-1 {
        padding-left: 0.25rem !important;
    }
    .ps-sm-2 {
        padding-left: 0.5rem !important;
    }
    .ps-sm-3 {
        padding-left: 1rem !important;
    }
    .ps-sm-4 {
        padding-left: 1.5rem !important;
    }
    .ps-sm-5 {
        padding-left: 3rem !important;
    }
    .text-sm-start {
        text-align: left !important;
    }
    .text-sm-end {
        text-align: right !important;
    }
    .text-sm-center {
        text-align: center !important;
    }
}

@media (min-width: 768px) {
    .float-md-start {
        float: left !important;
    }
    .float-md-end {
        float: right !important;
    }
    .float-md-none {
        float: none !important;
    }
    .d-md-inline {
        display: inline !important;
    }
    .d-md-inline-block {
        display: inline-block !important;
    }
    .d-md-block {
        display: block !important;
    }
    .d-md-grid {
        display: grid !important;
    }
    .d-md-table {
        display: table !important;
    }
    .d-md-table-row {
        display: table-row !important;
    }
    .d-md-table-cell {
        display: table-cell !important;
    }
    .d-md-flex {
        display: flex !important;
    }
    .d-md-inline-flex {
        display: inline-flex !important;
    }
    .d-md-none {
        display: none !important;
    }
    .flex-md-fill {
        flex: 1 1 auto !important;
    }
    .flex-md-row {
        flex-direction: row !important;
    }
    .flex-md-column {
        flex-direction: column !important;
    }
    .flex-md-row-reverse {
        flex-direction: row-reverse !important;
    }
    .flex-md-column-reverse {
        flex-direction: column-reverse !important;
    }
    .flex-md-grow-0 {
        flex-grow: 0 !important;
    }
    .flex-md-grow-1 {
        flex-grow: 1 !important;
    }
    .flex-md-shrink-0 {
        flex-shrink: 0 !important;
    }
    .flex-md-shrink-1 {
        flex-shrink: 1 !important;
    }
    .flex-md-wrap {
        flex-wrap: wrap !important;
    }
    .flex-md-nowrap {
        flex-wrap: nowrap !important;
    }
    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }
    .gap-md-0 {
        gap: 0 !important;
    }
    .gap-md-1 {
        gap: 0.25rem !important;
    }
    .gap-md-2 {
        gap: 0.5rem !important;
    }
    .gap-md-3 {
        gap: 1rem !important;
    }
    .gap-md-4 {
        gap: 1.5rem !important;
    }
    .gap-md-5 {
        gap: 3rem !important;
    }
    .justify-content-md-start {
        justify-content: flex-start !important;
    }
    .justify-content-md-end {
        justify-content: flex-end !important;
    }
    .justify-content-md-center {
        justify-content: center !important;
    }
    .justify-content-md-between {
        justify-content: space-between !important;
    }
    .justify-content-md-around {
        justify-content: space-around !important;
    }
    .justify-content-md-evenly {
        justify-content: space-evenly !important;
    }
    .align-items-md-start {
        align-items: flex-start !important;
    }
    .align-items-md-end {
        align-items: flex-end !important;
    }
    .align-items-md-center {
        align-items: center !important;
    }
    .align-items-md-baseline {
        align-items: baseline !important;
    }
    .align-items-md-stretch {
        align-items: stretch !important;
    }
    .align-content-md-start {
        align-content: flex-start !important;
    }
    .align-content-md-end {
        align-content: flex-end !important;
    }
    .align-content-md-center {
        align-content: center !important;
    }
    .align-content-md-between {
        align-content: space-between !important;
    }
    .align-content-md-around {
        align-content: space-around !important;
    }
    .align-content-md-stretch {
        align-content: stretch !important;
    }
    .align-self-md-auto {
        align-self: auto !important;
    }
    .align-self-md-start {
        align-self: flex-start !important;
    }
    .align-self-md-end {
        align-self: flex-end !important;
    }
    .align-self-md-center {
        align-self: center !important;
    }
    .align-self-md-baseline {
        align-self: baseline !important;
    }
    .align-self-md-stretch {
        align-self: stretch !important;
    }
    .order-md-first {
        order: -1 !important;
    }
    .order-md-0 {
        order: 0 !important;
    }
    .order-md-1 {
        order: 1 !important;
    }
    .order-md-2 {
        order: 2 !important;
    }
    .order-md-3 {
        order: 3 !important;
    }
    .order-md-4 {
        order: 4 !important;
    }
    .order-md-5 {
        order: 5 !important;
    }
    .order-md-last {
        order: 6 !important;
    }
    .m-md-0 {
        margin: 0 !important;
    }
    .m-md-1 {
        margin: 0.25rem !important;
    }
    .m-md-2 {
        margin: 0.5rem !important;
    }
    .m-md-3 {
        margin: 1rem !important;
    }
    .m-md-4 {
        margin: 1.5rem !important;
    }
    .m-md-5 {
        margin: 3rem !important;
    }
    .m-md-auto {
        margin: auto !important;
    }
    .mx-md-0 {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }
    .mx-md-1 {
        margin-right: 0.25rem !important;
        margin-left: 0.25rem !important;
    }
    .mx-md-2 {
        margin-right: 0.5rem !important;
        margin-left: 0.5rem !important;
    }
    .mx-md-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important;
    }
    .mx-md-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important;
    }
    .mx-md-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important;
    }
    .mx-md-auto {
        margin-right: auto !important;
        margin-left: auto !important;
    }
    .my-md-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
    .my-md-1 {
        margin-top: 0.25rem !important;
        margin-bottom: 0.25rem !important;
    }
    .my-md-2 {
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important;
    }
    .my-md-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }
    .my-md-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }
    .my-md-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }
    .my-md-auto {
        margin-top: auto !important;
        margin-bottom: auto !important;
    }
    .mt-md-0 {
        margin-top: 0 !important;
    }
    .mt-md-1 {
        margin-top: 0.25rem !important;
    }
    .mt-md-2 {
        margin-top: 0.5rem !important;
    }
    .mt-md-3 {
        margin-top: 1rem !important;
    }
    .mt-md-4 {
        margin-top: 1.5rem !important;
    }
    .mt-md-5 {
        margin-top: 3rem !important;
    }
    .mt-md-auto {
        margin-top: auto !important;
    }
    .me-md-0 {
        margin-right: 0 !important;
    }
    .me-md-1 {
        margin-right: 0.25rem !important;
    }
    .me-md-2 {
        margin-right: 0.5rem !important;
    }
    .me-md-3 {
        margin-right: 1rem !important;
    }
    .me-md-4 {
        margin-right: 1.5rem !important;
    }
    .me-md-5 {
        margin-right: 3rem !important;
    }
    .me-md-auto {
        margin-right: auto !important;
    }
    .mb-md-0 {
        margin-bottom: 0 !important;
    }
    .mb-md-1 {
        margin-bottom: 0.25rem !important;
    }
    .mb-md-2 {
        margin-bottom: 0.5rem !important;
    }
    .mb-md-3 {
        margin-bottom: 1rem !important;
    }
    .mb-md-4 {
        margin-bottom: 1.5rem !important;
    }
    .mb-md-5 {
        margin-bottom: 3rem !important;
    }
    .mb-md-auto {
        margin-bottom: auto !important;
    }
    .ms-md-0 {
        margin-left: 0 !important;
    }
    .ms-md-1 {
        margin-left: 0.25rem !important;
    }
    .ms-md-2 {
        margin-left: 0.5rem !important;
    }
    .ms-md-3 {
        margin-left: 1rem !important;
    }
    .ms-md-4 {
        margin-left: 1.5rem !important;
    }
    .ms-md-5 {
        margin-left: 3rem !important;
    }
    .ms-md-auto {
        margin-left: auto !important;
    }
    .p-md-0 {
        padding: 0 !important;
    }
    .p-md-1 {
        padding: 0.25rem !important;
    }
    .p-md-2 {
        padding: 0.5rem !important;
    }
    .p-md-3 {
        padding: 1rem !important;
    }
    .p-md-4 {
        padding: 1.5rem !important;
    }
    .p-md-5 {
        padding: 3rem !important;
    }
    .px-md-0 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
    .px-md-1 {
        padding-right: 0.25rem !important;
        padding-left: 0.25rem !important;
    }
    .px-md-2 {
        padding-right: 0.5rem !important;
        padding-left: 0.5rem !important;
    }
    .px-md-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }
    .px-md-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important;
    }
    .px-md-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important;
    }
    .py-md-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    .py-md-1 {
        padding-top: 0.25rem !important;
        padding-bottom: 0.25rem !important;
    }
    .py-md-2 {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
    }
    .py-md-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }
    .py-md-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }
    .py-md-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }
    .pt-md-0 {
        padding-top: 0 !important;
    }
    .pt-md-1 {
        padding-top: 0.25rem !important;
    }
    .pt-md-2 {
        padding-top: 0.5rem !important;
    }
    .pt-md-3 {
        padding-top: 1rem !important;
    }
    .pt-md-4 {
        padding-top: 1.5rem !important;
    }
    .pt-md-5 {
        padding-top: 3rem !important;
    }
    .pe-md-0 {
        padding-right: 0 !important;
    }
    .pe-md-1 {
        padding-right: 0.25rem !important;
    }
    .pe-md-2 {
        padding-right: 0.5rem !important;
    }
    .pe-md-3 {
        padding-right: 1rem !important;
    }
    .pe-md-4 {
        padding-right: 1.5rem !important;
    }
    .pe-md-5 {
        padding-right: 3rem !important;
    }
    .pb-md-0 {
        padding-bottom: 0 !important;
    }
    .pb-md-1 {
        padding-bottom: 0.25rem !important;
    }
    .pb-md-2 {
        padding-bottom: 0.5rem !important;
    }
    .pb-md-3 {
        padding-bottom: 1rem !important;
    }
    .pb-md-4 {
        padding-bottom: 1.5rem !important;
    }
    .pb-md-5 {
        padding-bottom: 3rem !important;
    }
    .ps-md-0 {
        padding-left: 0 !important;
    }
    .ps-md-1 {
        padding-left: 0.25rem !important;
    }
    .ps-md-2 {
        padding-left: 0.5rem !important;
    }
    .ps-md-3 {
        padding-left: 1rem !important;
    }
    .ps-md-4 {
        padding-left: 1.5rem !important;
    }
    .ps-md-5 {
        padding-left: 3rem !important;
    }
    .text-md-start {
        text-align: left !important;
    }
    .text-md-end {
        text-align: right !important;
    }
    .text-md-center {
        text-align: center !important;
    }
}

@media (min-width: 992px) {
    .float-lg-start {
        float: left !important;
    }
    .float-lg-end {
        float: right !important;
    }
    .float-lg-none {
        float: none !important;
    }
    .d-lg-inline {
        display: inline !important;
    }
    .d-lg-inline-block {
        display: inline-block !important;
    }
    .d-lg-block {
        display: block !important;
    }
    .d-lg-grid {
        display: grid !important;
    }
    .d-lg-table {
        display: table !important;
    }
    .d-lg-table-row {
        display: table-row !important;
    }
    .d-lg-table-cell {
        display: table-cell !important;
    }
    .d-lg-flex {
        display: flex !important;
    }
    .d-lg-inline-flex {
        display: inline-flex !important;
    }
    .d-lg-none {
        display: none !important;
    }
    .flex-lg-fill {
        flex: 1 1 auto !important;
    }
    .flex-lg-row {
        flex-direction: row !important;
    }
    .flex-lg-column {
        flex-direction: column !important;
    }
    .flex-lg-row-reverse {
        flex-direction: row-reverse !important;
    }
    .flex-lg-column-reverse {
        flex-direction: column-reverse !important;
    }
    .flex-lg-grow-0 {
        flex-grow: 0 !important;
    }
    .flex-lg-grow-1 {
        flex-grow: 1 !important;
    }
    .flex-lg-shrink-0 {
        flex-shrink: 0 !important;
    }
    .flex-lg-shrink-1 {
        flex-shrink: 1 !important;
    }
    .flex-lg-wrap {
        flex-wrap: wrap !important;
    }
    .flex-lg-nowrap {
        flex-wrap: nowrap !important;
    }
    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }
    .gap-lg-0 {
        gap: 0 !important;
    }
    .gap-lg-1 {
        gap: 0.25rem !important;
    }
    .gap-lg-2 {
        gap: 0.5rem !important;
    }
    .gap-lg-3 {
        gap: 1rem !important;
    }
    .gap-lg-4 {
        gap: 1.5rem !important;
    }
    .gap-lg-5 {
        gap: 3rem !important;
    }
    .justify-content-lg-start {
        justify-content: flex-start !important;
    }
    .justify-content-lg-end {
        justify-content: flex-end !important;
    }
    .justify-content-lg-center {
        justify-content: center !important;
    }
    .justify-content-lg-between {
        justify-content: space-between !important;
    }
    .justify-content-lg-around {
        justify-content: space-around !important;
    }
    .justify-content-lg-evenly {
        justify-content: space-evenly !important;
    }
    .align-items-lg-start {
        align-items: flex-start !important;
    }
    .align-items-lg-end {
        align-items: flex-end !important;
    }
    .align-items-lg-center {
        align-items: center !important;
    }
    .align-items-lg-baseline {
        align-items: baseline !important;
    }
    .align-items-lg-stretch {
        align-items: stretch !important;
    }
    .align-content-lg-start {
        align-content: flex-start !important;
    }
    .align-content-lg-end {
        align-content: flex-end !important;
    }
    .align-content-lg-center {
        align-content: center !important;
    }
    .align-content-lg-between {
        align-content: space-between !important;
    }
    .align-content-lg-around {
        align-content: space-around !important;
    }
    .align-content-lg-stretch {
        align-content: stretch !important;
    }
    .align-self-lg-auto {
        align-self: auto !important;
    }
    .align-self-lg-start {
        align-self: flex-start !important;
    }
    .align-self-lg-end {
        align-self: flex-end !important;
    }
    .align-self-lg-center {
        align-self: center !important;
    }
    .align-self-lg-baseline {
        align-self: baseline !important;
    }
    .align-self-lg-stretch {
        align-self: stretch !important;
    }
    .order-lg-first {
        order: -1 !important;
    }
    .order-lg-0 {
        order: 0 !important;
    }
    .order-lg-1 {
        order: 1 !important;
    }
    .order-lg-2 {
        order: 2 !important;
    }
    .order-lg-3 {
        order: 3 !important;
    }
    .order-lg-4 {
        order: 4 !important;
    }
    .order-lg-5 {
        order: 5 !important;
    }
    .order-lg-last {
        order: 6 !important;
    }
    .m-lg-0 {
        margin: 0 !important;
    }
    .m-lg-1 {
        margin: 0.25rem !important;
    }
    .m-lg-2 {
        margin: 0.5rem !important;
    }
    .m-lg-3 {
        margin: 1rem !important;
    }
    .m-lg-4 {
        margin: 1.5rem !important;
    }
    .m-lg-5 {
        margin: 3rem !important;
    }
    .m-lg-auto {
        margin: auto !important;
    }
    .mx-lg-0 {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }
    .mx-lg-1 {
        margin-right: 0.25rem !important;
        margin-left: 0.25rem !important;
    }
    .mx-lg-2 {
        margin-right: 0.5rem !important;
        margin-left: 0.5rem !important;
    }
    .mx-lg-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important;
    }
    .mx-lg-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important;
    }
    .mx-lg-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important;
    }
    .mx-lg-auto {
        margin-right: auto !important;
        margin-left: auto !important;
    }
    .my-lg-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
    .my-lg-1 {
        margin-top: 0.25rem !important;
        margin-bottom: 0.25rem !important;
    }
    .my-lg-2 {
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important;
    }
    .my-lg-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }
    .my-lg-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }
    .my-lg-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }
    .my-lg-auto {
        margin-top: auto !important;
        margin-bottom: auto !important;
    }
    .mt-lg-0 {
        margin-top: 0 !important;
    }
    .mt-lg-1 {
        margin-top: 0.25rem !important;
    }
    .mt-lg-2 {
        margin-top: 0.5rem !important;
    }
    .mt-lg-3 {
        margin-top: 1rem !important;
    }
    .mt-lg-4 {
        margin-top: 1.5rem !important;
    }
    .mt-lg-5 {
        margin-top: 3rem !important;
    }
    .mt-lg-auto {
        margin-top: auto !important;
    }
    .me-lg-0 {
        margin-right: 0 !important;
    }
    .me-lg-1 {
        margin-right: 0.25rem !important;
    }
    .me-lg-2 {
        margin-right: 0.5rem !important;
    }
    .me-lg-3 {
        margin-right: 1rem !important;
    }
    .me-lg-4 {
        margin-right: 1.5rem !important;
    }
    .me-lg-5 {
        margin-right: 3rem !important;
    }
    .me-lg-auto {
        margin-right: auto !important;
    }
    .mb-lg-0 {
        margin-bottom: 0 !important;
    }
    .mb-lg-1 {
        margin-bottom: 0.25rem !important;
    }
    .mb-lg-2 {
        margin-bottom: 0.5rem !important;
    }
    .mb-lg-3 {
        margin-bottom: 1rem !important;
    }
    .mb-lg-4 {
        margin-bottom: 1.5rem !important;
    }
    .mb-lg-5 {
        margin-bottom: 3rem !important;
    }
    .mb-lg-auto {
        margin-bottom: auto !important;
    }
    .ms-lg-0 {
        margin-left: 0 !important;
    }
    .ms-lg-1 {
        margin-left: 0.25rem !important;
    }
    .ms-lg-2 {
        margin-left: 0.5rem !important;
    }
    .ms-lg-3 {
        margin-left: 1rem !important;
    }
    .ms-lg-4 {
        margin-left: 1.5rem !important;
    }
    .ms-lg-5 {
        margin-left: 3rem !important;
    }
    .ms-lg-auto {
        margin-left: auto !important;
    }
    .p-lg-0 {
        padding: 0 !important;
    }
    .p-lg-1 {
        padding: 0.25rem !important;
    }
    .p-lg-2 {
        padding: 0.5rem !important;
    }
    .p-lg-3 {
        padding: 1rem !important;
    }
    .p-lg-4 {
        padding: 1.5rem !important;
    }
    .p-lg-5 {
        padding: 3rem !important;
    }
    .px-lg-0 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
    .px-lg-1 {
        padding-right: 0.25rem !important;
        padding-left: 0.25rem !important;
    }
    .px-lg-2 {
        padding-right: 0.5rem !important;
        padding-left: 0.5rem !important;
    }
    .px-lg-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }
    .px-lg-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important;
    }
    .px-lg-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important;
    }
    .py-lg-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    .py-lg-1 {
        padding-top: 0.25rem !important;
        padding-bottom: 0.25rem !important;
    }
    .py-lg-2 {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
    }
    .py-lg-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }
    .py-lg-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }
    .py-lg-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }
    .pt-lg-0 {
        padding-top: 0 !important;
    }
    .pt-lg-1 {
        padding-top: 0.25rem !important;
    }
    .pt-lg-2 {
        padding-top: 0.5rem !important;
    }
    .pt-lg-3 {
        padding-top: 1rem !important;
    }
    .pt-lg-4 {
        padding-top: 1.5rem !important;
    }
    .pt-lg-5 {
        padding-top: 3rem !important;
    }
    .pe-lg-0 {
        padding-right: 0 !important;
    }
    .pe-lg-1 {
        padding-right: 0.25rem !important;
    }
    .pe-lg-2 {
        padding-right: 0.5rem !important;
    }
    .pe-lg-3 {
        padding-right: 1rem !important;
    }
    .pe-lg-4 {
        padding-right: 1.5rem !important;
    }
    .pe-lg-5 {
        padding-right: 3rem !important;
    }
    .pb-lg-0 {
        padding-bottom: 0 !important;
    }
    .pb-lg-1 {
        padding-bottom: 0.25rem !important;
    }
    .pb-lg-2 {
        padding-bottom: 0.5rem !important;
    }
    .pb-lg-3 {
        padding-bottom: 1rem !important;
    }
    .pb-lg-4 {
        padding-bottom: 1.5rem !important;
    }
    .pb-lg-5 {
        padding-bottom: 3rem !important;
    }
    .ps-lg-0 {
        padding-left: 0 !important;
    }
    .ps-lg-1 {
        padding-left: 0.25rem !important;
    }
    .ps-lg-2 {
        padding-left: 0.5rem !important;
    }
    .ps-lg-3 {
        padding-left: 1rem !important;
    }
    .ps-lg-4 {
        padding-left: 1.5rem !important;
    }
    .ps-lg-5 {
        padding-left: 3rem !important;
    }
    .text-lg-start {
        text-align: left !important;
    }
    .text-lg-end {
        text-align: right !important;
    }
    .text-lg-center {
        text-align: center !important;
    }
}

@media (min-width: 1200px) {
    .float-xl-start {
        float: left !important;
    }
    .float-xl-end {
        float: right !important;
    }
    .float-xl-none {
        float: none !important;
    }
    .d-xl-inline {
        display: inline !important;
    }
    .d-xl-inline-block {
        display: inline-block !important;
    }
    .d-xl-block {
        display: block !important;
    }
    .d-xl-grid {
        display: grid !important;
    }
    .d-xl-table {
        display: table !important;
    }
    .d-xl-table-row {
        display: table-row !important;
    }
    .d-xl-table-cell {
        display: table-cell !important;
    }
    .d-xl-flex {
        display: flex !important;
    }
    .d-xl-inline-flex {
        display: inline-flex !important;
    }
    .d-xl-none {
        display: none !important;
    }
    .flex-xl-fill {
        flex: 1 1 auto !important;
    }
    .flex-xl-row {
        flex-direction: row !important;
    }
    .flex-xl-column {
        flex-direction: column !important;
    }
    .flex-xl-row-reverse {
        flex-direction: row-reverse !important;
    }
    .flex-xl-column-reverse {
        flex-direction: column-reverse !important;
    }
    .flex-xl-grow-0 {
        flex-grow: 0 !important;
    }
    .flex-xl-grow-1 {
        flex-grow: 1 !important;
    }
    .flex-xl-shrink-0 {
        flex-shrink: 0 !important;
    }
    .flex-xl-shrink-1 {
        flex-shrink: 1 !important;
    }
    .flex-xl-wrap {
        flex-wrap: wrap !important;
    }
    .flex-xl-nowrap {
        flex-wrap: nowrap !important;
    }
    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }
    .gap-xl-0 {
        gap: 0 !important;
    }
    .gap-xl-1 {
        gap: 0.25rem !important;
    }
    .gap-xl-2 {
        gap: 0.5rem !important;
    }
    .gap-xl-3 {
        gap: 1rem !important;
    }
    .gap-xl-4 {
        gap: 1.5rem !important;
    }
    .gap-xl-5 {
        gap: 3rem !important;
    }
    .justify-content-xl-start {
        justify-content: flex-start !important;
    }
    .justify-content-xl-end {
        justify-content: flex-end !important;
    }
    .justify-content-xl-center {
        justify-content: center !important;
    }
    .justify-content-xl-between {
        justify-content: space-between !important;
    }
    .justify-content-xl-around {
        justify-content: space-around !important;
    }
    .justify-content-xl-evenly {
        justify-content: space-evenly !important;
    }
    .align-items-xl-start {
        align-items: flex-start !important;
    }
    .align-items-xl-end {
        align-items: flex-end !important;
    }
    .align-items-xl-center {
        align-items: center !important;
    }
    .align-items-xl-baseline {
        align-items: baseline !important;
    }
    .align-items-xl-stretch {
        align-items: stretch !important;
    }
    .align-content-xl-start {
        align-content: flex-start !important;
    }
    .align-content-xl-end {
        align-content: flex-end !important;
    }
    .align-content-xl-center {
        align-content: center !important;
    }
    .align-content-xl-between {
        align-content: space-between !important;
    }
    .align-content-xl-around {
        align-content: space-around !important;
    }
    .align-content-xl-stretch {
        align-content: stretch !important;
    }
    .align-self-xl-auto {
        align-self: auto !important;
    }
    .align-self-xl-start {
        align-self: flex-start !important;
    }
    .align-self-xl-end {
        align-self: flex-end !important;
    }
    .align-self-xl-center {
        align-self: center !important;
    }
    .align-self-xl-baseline {
        align-self: baseline !important;
    }
    .align-self-xl-stretch {
        align-self: stretch !important;
    }
    .order-xl-first {
        order: -1 !important;
    }
    .order-xl-0 {
        order: 0 !important;
    }
    .order-xl-1 {
        order: 1 !important;
    }
    .order-xl-2 {
        order: 2 !important;
    }
    .order-xl-3 {
        order: 3 !important;
    }
    .order-xl-4 {
        order: 4 !important;
    }
    .order-xl-5 {
        order: 5 !important;
    }
    .order-xl-last {
        order: 6 !important;
    }
    .m-xl-0 {
        margin: 0 !important;
    }
    .m-xl-1 {
        margin: 0.25rem !important;
    }
    .m-xl-2 {
        margin: 0.5rem !important;
    }
    .m-xl-3 {
        margin: 1rem !important;
    }
    .m-xl-4 {
        margin: 1.5rem !important;
    }
    .m-xl-5 {
        margin: 3rem !important;
    }
    .m-xl-auto {
        margin: auto !important;
    }
    .mx-xl-0 {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }
    .mx-xl-1 {
        margin-right: 0.25rem !important;
        margin-left: 0.25rem !important;
    }
    .mx-xl-2 {
        margin-right: 0.5rem !important;
        margin-left: 0.5rem !important;
    }
    .mx-xl-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important;
    }
    .mx-xl-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important;
    }
    .mx-xl-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important;
    }
    .mx-xl-auto {
        margin-right: auto !important;
        margin-left: auto !important;
    }
    .my-xl-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
    .my-xl-1 {
        margin-top: 0.25rem !important;
        margin-bottom: 0.25rem !important;
    }
    .my-xl-2 {
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important;
    }
    .my-xl-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }
    .my-xl-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }
    .my-xl-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }
    .my-xl-auto {
        margin-top: auto !important;
        margin-bottom: auto !important;
    }
    .mt-xl-0 {
        margin-top: 0 !important;
    }
    .mt-xl-1 {
        margin-top: 0.25rem !important;
    }
    .mt-xl-2 {
        margin-top: 0.5rem !important;
    }
    .mt-xl-3 {
        margin-top: 1rem !important;
    }
    .mt-xl-4 {
        margin-top: 1.5rem !important;
    }
    .mt-xl-5 {
        margin-top: 3rem !important;
    }
    .mt-xl-auto {
        margin-top: auto !important;
    }
    .me-xl-0 {
        margin-right: 0 !important;
    }
    .me-xl-1 {
        margin-right: 0.25rem !important;
    }
    .me-xl-2 {
        margin-right: 0.5rem !important;
    }
    .me-xl-3 {
        margin-right: 1rem !important;
    }
    .me-xl-4 {
        margin-right: 1.5rem !important;
    }
    .me-xl-5 {
        margin-right: 3rem !important;
    }
    .me-xl-auto {
        margin-right: auto !important;
    }
    .mb-xl-0 {
        margin-bottom: 0 !important;
    }
    .mb-xl-1 {
        margin-bottom: 0.25rem !important;
    }
    .mb-xl-2 {
        margin-bottom: 0.5rem !important;
    }
    .mb-xl-3 {
        margin-bottom: 1rem !important;
    }
    .mb-xl-4 {
        margin-bottom: 1.5rem !important;
    }
    .mb-xl-5 {
        margin-bottom: 3rem !important;
    }
    .mb-xl-auto {
        margin-bottom: auto !important;
    }
    .ms-xl-0 {
        margin-left: 0 !important;
    }
    .ms-xl-1 {
        margin-left: 0.25rem !important;
    }
    .ms-xl-2 {
        margin-left: 0.5rem !important;
    }
    .ms-xl-3 {
        margin-left: 1rem !important;
    }
    .ms-xl-4 {
        margin-left: 1.5rem !important;
    }
    .ms-xl-5 {
        margin-left: 3rem !important;
    }
    .ms-xl-auto {
        margin-left: auto !important;
    }
    .p-xl-0 {
        padding: 0 !important;
    }
    .p-xl-1 {
        padding: 0.25rem !important;
    }
    .p-xl-2 {
        padding: 0.5rem !important;
    }
    .p-xl-3 {
        padding: 1rem !important;
    }
    .p-xl-4 {
        padding: 1.5rem !important;
    }
    .p-xl-5 {
        padding: 3rem !important;
    }
    .px-xl-0 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
    .px-xl-1 {
        padding-right: 0.25rem !important;
        padding-left: 0.25rem !important;
    }
    .px-xl-2 {
        padding-right: 0.5rem !important;
        padding-left: 0.5rem !important;
    }
    .px-xl-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }
    .px-xl-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important;
    }
    .px-xl-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important;
    }
    .py-xl-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    .py-xl-1 {
        padding-top: 0.25rem !important;
        padding-bottom: 0.25rem !important;
    }
    .py-xl-2 {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
    }
    .py-xl-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }
    .py-xl-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }
    .py-xl-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }
    .pt-xl-0 {
        padding-top: 0 !important;
    }
    .pt-xl-1 {
        padding-top: 0.25rem !important;
    }
    .pt-xl-2 {
        padding-top: 0.5rem !important;
    }
    .pt-xl-3 {
        padding-top: 1rem !important;
    }
    .pt-xl-4 {
        padding-top: 1.5rem !important;
    }
    .pt-xl-5 {
        padding-top: 3rem !important;
    }
    .pe-xl-0 {
        padding-right: 0 !important;
    }
    .pe-xl-1 {
        padding-right: 0.25rem !important;
    }
    .pe-xl-2 {
        padding-right: 0.5rem !important;
    }
    .pe-xl-3 {
        padding-right: 1rem !important;
    }
    .pe-xl-4 {
        padding-right: 1.5rem !important;
    }
    .pe-xl-5 {
        padding-right: 3rem !important;
    }
    .pb-xl-0 {
        padding-bottom: 0 !important;
    }
    .pb-xl-1 {
        padding-bottom: 0.25rem !important;
    }
    .pb-xl-2 {
        padding-bottom: 0.5rem !important;
    }
    .pb-xl-3 {
        padding-bottom: 1rem !important;
    }
    .pb-xl-4 {
        padding-bottom: 1.5rem !important;
    }
    .pb-xl-5 {
        padding-bottom: 3rem !important;
    }
    .ps-xl-0 {
        padding-left: 0 !important;
    }
    .ps-xl-1 {
        padding-left: 0.25rem !important;
    }
    .ps-xl-2 {
        padding-left: 0.5rem !important;
    }
    .ps-xl-3 {
        padding-left: 1rem !important;
    }
    .ps-xl-4 {
        padding-left: 1.5rem !important;
    }
    .ps-xl-5 {
        padding-left: 3rem !important;
    }
    .text-xl-start {
        text-align: left !important;
    }
    .text-xl-end {
        text-align: right !important;
    }
    .text-xl-center {
        text-align: center !important;
    }
}

@media (min-width: 1400px) {
    .float-xxl-start {
        float: left !important;
    }
    .float-xxl-end {
        float: right !important;
    }
    .float-xxl-none {
        float: none !important;
    }
    .d-xxl-inline {
        display: inline !important;
    }
    .d-xxl-inline-block {
        display: inline-block !important;
    }
    .d-xxl-block {
        display: block !important;
    }
    .d-xxl-grid {
        display: grid !important;
    }
    .d-xxl-table {
        display: table !important;
    }
    .d-xxl-table-row {
        display: table-row !important;
    }
    .d-xxl-table-cell {
        display: table-cell !important;
    }
    .d-xxl-flex {
        display: flex !important;
    }
    .d-xxl-inline-flex {
        display: inline-flex !important;
    }
    .d-xxl-none {
        display: none !important;
    }
    .flex-xxl-fill {
        flex: 1 1 auto !important;
    }
    .flex-xxl-row {
        flex-direction: row !important;
    }
    .flex-xxl-column {
        flex-direction: column !important;
    }
    .flex-xxl-row-reverse {
        flex-direction: row-reverse !important;
    }
    .flex-xxl-column-reverse {
        flex-direction: column-reverse !important;
    }
    .flex-xxl-grow-0 {
        flex-grow: 0 !important;
    }
    .flex-xxl-grow-1 {
        flex-grow: 1 !important;
    }
    .flex-xxl-shrink-0 {
        flex-shrink: 0 !important;
    }
    .flex-xxl-shrink-1 {
        flex-shrink: 1 !important;
    }
    .flex-xxl-wrap {
        flex-wrap: wrap !important;
    }
    .flex-xxl-nowrap {
        flex-wrap: nowrap !important;
    }
    .flex-xxl-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }
    .gap-xxl-0 {
        gap: 0 !important;
    }
    .gap-xxl-1 {
        gap: 0.25rem !important;
    }
    .gap-xxl-2 {
        gap: 0.5rem !important;
    }
    .gap-xxl-3 {
        gap: 1rem !important;
    }
    .gap-xxl-4 {
        gap: 1.5rem !important;
    }
    .gap-xxl-5 {
        gap: 3rem !important;
    }
    .justify-content-xxl-start {
        justify-content: flex-start !important;
    }
    .justify-content-xxl-end {
        justify-content: flex-end !important;
    }
    .justify-content-xxl-center {
        justify-content: center !important;
    }
    .justify-content-xxl-between {
        justify-content: space-between !important;
    }
    .justify-content-xxl-around {
        justify-content: space-around !important;
    }
    .justify-content-xxl-evenly {
        justify-content: space-evenly !important;
    }
    .align-items-xxl-start {
        align-items: flex-start !important;
    }
    .align-items-xxl-end {
        align-items: flex-end !important;
    }
    .align-items-xxl-center {
        align-items: center !important;
    }
    .align-items-xxl-baseline {
        align-items: baseline !important;
    }
    .align-items-xxl-stretch {
        align-items: stretch !important;
    }
    .align-content-xxl-start {
        align-content: flex-start !important;
    }
    .align-content-xxl-end {
        align-content: flex-end !important;
    }
    .align-content-xxl-center {
        align-content: center !important;
    }
    .align-content-xxl-between {
        align-content: space-between !important;
    }
    .align-content-xxl-around {
        align-content: space-around !important;
    }
    .align-content-xxl-stretch {
        align-content: stretch !important;
    }
    .align-self-xxl-auto {
        align-self: auto !important;
    }
    .align-self-xxl-start {
        align-self: flex-start !important;
    }
    .align-self-xxl-end {
        align-self: flex-end !important;
    }
    .align-self-xxl-center {
        align-self: center !important;
    }
    .align-self-xxl-baseline {
        align-self: baseline !important;
    }
    .align-self-xxl-stretch {
        align-self: stretch !important;
    }
    .order-xxl-first {
        order: -1 !important;
    }
    .order-xxl-0 {
        order: 0 !important;
    }
    .order-xxl-1 {
        order: 1 !important;
    }
    .order-xxl-2 {
        order: 2 !important;
    }
    .order-xxl-3 {
        order: 3 !important;
    }
    .order-xxl-4 {
        order: 4 !important;
    }
    .order-xxl-5 {
        order: 5 !important;
    }
    .order-xxl-last {
        order: 6 !important;
    }
    .m-xxl-0 {
        margin: 0 !important;
    }
    .m-xxl-1 {
        margin: 0.25rem !important;
    }
    .m-xxl-2 {
        margin: 0.5rem !important;
    }
    .m-xxl-3 {
        margin: 1rem !important;
    }
    .m-xxl-4 {
        margin: 1.5rem !important;
    }
    .m-xxl-5 {
        margin: 3rem !important;
    }
    .m-xxl-auto {
        margin: auto !important;
    }
    .mx-xxl-0 {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }
    .mx-xxl-1 {
        margin-right: 0.25rem !important;
        margin-left: 0.25rem !important;
    }
    .mx-xxl-2 {
        margin-right: 0.5rem !important;
        margin-left: 0.5rem !important;
    }
    .mx-xxl-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important;
    }
    .mx-xxl-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important;
    }
    .mx-xxl-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important;
    }
    .mx-xxl-auto {
        margin-right: auto !important;
        margin-left: auto !important;
    }
    .my-xxl-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
    .my-xxl-1 {
        margin-top: 0.25rem !important;
        margin-bottom: 0.25rem !important;
    }
    .my-xxl-2 {
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important;
    }
    .my-xxl-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }
    .my-xxl-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }
    .my-xxl-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }
    .my-xxl-auto {
        margin-top: auto !important;
        margin-bottom: auto !important;
    }
    .mt-xxl-0 {
        margin-top: 0 !important;
    }
    .mt-xxl-1 {
        margin-top: 0.25rem !important;
    }
    .mt-xxl-2 {
        margin-top: 0.5rem !important;
    }
    .mt-xxl-3 {
        margin-top: 1rem !important;
    }
    .mt-xxl-4 {
        margin-top: 1.5rem !important;
    }
    .mt-xxl-5 {
        margin-top: 3rem !important;
    }
    .mt-xxl-auto {
        margin-top: auto !important;
    }
    .me-xxl-0 {
        margin-right: 0 !important;
    }
    .me-xxl-1 {
        margin-right: 0.25rem !important;
    }
    .me-xxl-2 {
        margin-right: 0.5rem !important;
    }
    .me-xxl-3 {
        margin-right: 1rem !important;
    }
    .me-xxl-4 {
        margin-right: 1.5rem !important;
    }
    .me-xxl-5 {
        margin-right: 3rem !important;
    }
    .me-xxl-auto {
        margin-right: auto !important;
    }
    .mb-xxl-0 {
        margin-bottom: 0 !important;
    }
    .mb-xxl-1 {
        margin-bottom: 0.25rem !important;
    }
    .mb-xxl-2 {
        margin-bottom: 0.5rem !important;
    }
    .mb-xxl-3 {
        margin-bottom: 1rem !important;
    }
    .mb-xxl-4 {
        margin-bottom: 1.5rem !important;
    }
    .mb-xxl-5 {
        margin-bottom: 3rem !important;
    }
    .mb-xxl-auto {
        margin-bottom: auto !important;
    }
    .ms-xxl-0 {
        margin-left: 0 !important;
    }
    .ms-xxl-1 {
        margin-left: 0.25rem !important;
    }
    .ms-xxl-2 {
        margin-left: 0.5rem !important;
    }
    .ms-xxl-3 {
        margin-left: 1rem !important;
    }
    .ms-xxl-4 {
        margin-left: 1.5rem !important;
    }
    .ms-xxl-5 {
        margin-left: 3rem !important;
    }
    .ms-xxl-auto {
        margin-left: auto !important;
    }
    .p-xxl-0 {
        padding: 0 !important;
    }
    .p-xxl-1 {
        padding: 0.25rem !important;
    }
    .p-xxl-2 {
        padding: 0.5rem !important;
    }
    .p-xxl-3 {
        padding: 1rem !important;
    }
    .p-xxl-4 {
        padding: 1.5rem !important;
    }
    .p-xxl-5 {
        padding: 3rem !important;
    }
    .px-xxl-0 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
    .px-xxl-1 {
        padding-right: 0.25rem !important;
        padding-left: 0.25rem !important;
    }
    .px-xxl-2 {
        padding-right: 0.5rem !important;
        padding-left: 0.5rem !important;
    }
    .px-xxl-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }
    .px-xxl-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important;
    }
    .px-xxl-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important;
    }
    .py-xxl-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    .py-xxl-1 {
        padding-top: 0.25rem !important;
        padding-bottom: 0.25rem !important;
    }
    .py-xxl-2 {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
    }
    .py-xxl-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }
    .py-xxl-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }
    .py-xxl-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }
    .pt-xxl-0 {
        padding-top: 0 !important;
    }
    .pt-xxl-1 {
        padding-top: 0.25rem !important;
    }
    .pt-xxl-2 {
        padding-top: 0.5rem !important;
    }
    .pt-xxl-3 {
        padding-top: 1rem !important;
    }
    .pt-xxl-4 {
        padding-top: 1.5rem !important;
    }
    .pt-xxl-5 {
        padding-top: 3rem !important;
    }
    .pe-xxl-0 {
        padding-right: 0 !important;
    }
    .pe-xxl-1 {
        padding-right: 0.25rem !important;
    }
    .pe-xxl-2 {
        padding-right: 0.5rem !important;
    }
    .pe-xxl-3 {
        padding-right: 1rem !important;
    }
    .pe-xxl-4 {
        padding-right: 1.5rem !important;
    }
    .pe-xxl-5 {
        padding-right: 3rem !important;
    }
    .pb-xxl-0 {
        padding-bottom: 0 !important;
    }
    .pb-xxl-1 {
        padding-bottom: 0.25rem !important;
    }
    .pb-xxl-2 {
        padding-bottom: 0.5rem !important;
    }
    .pb-xxl-3 {
        padding-bottom: 1rem !important;
    }
    .pb-xxl-4 {
        padding-bottom: 1.5rem !important;
    }
    .pb-xxl-5 {
        padding-bottom: 3rem !important;
    }
    .ps-xxl-0 {
        padding-left: 0 !important;
    }
    .ps-xxl-1 {
        padding-left: 0.25rem !important;
    }
    .ps-xxl-2 {
        padding-left: 0.5rem !important;
    }
    .ps-xxl-3 {
        padding-left: 1rem !important;
    }
    .ps-xxl-4 {
        padding-left: 1.5rem !important;
    }
    .ps-xxl-5 {
        padding-left: 3rem !important;
    }
    .text-xxl-start {
        text-align: left !important;
    }
    .text-xxl-end {
        text-align: right !important;
    }
    .text-xxl-center {
        text-align: center !important;
    }
}

@media (min-width: 1200px) {
    .fs-1 {
        font-size: 2.5rem !important;
    }
    .fs-2 {
        font-size: 2rem !important;
    }
    .fs-3 {
        font-size: 1.75rem !important;
    }
    .fs-4 {
        font-size: 1.5rem !important;
    }
}

@media print {
    .d-print-inline {
        display: inline !important;
    }
    .d-print-inline-block {
        display: inline-block !important;
    }
    .d-print-block {
        display: block !important;
    }
    .d-print-grid {
        display: grid !important;
    }
    .d-print-table {
        display: table !important;
    }
    .d-print-table-row {
        display: table-row !important;
    }
    .d-print-table-cell {
        display: table-cell !important;
    }
    .d-print-flex {
        display: flex !important;
    }
    .d-print-inline-flex {
        display: inline-flex !important;
    }
    .d-print-none {
        display: none !important;
    }
}


/**
 * Set up a decent box model on the root element
 */

html {
    box-sizing: border-box;
}


/**
 * Make all elements from the DOM inherit from the parent box-sizing
 * Since `*` has a specificity of 0, it does not override the `html` value
 * making all elements inheriting from the root box-sizing value
 * See: https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/
 */

*,
*::before,
*::after {
    box-sizing: inherit;
}

body {
    background-color: hsl(0, 0%, 97.5%);
}


/**
 * Basic styles for links
 */

a {
    color: hsl(0, 0%, 13%);
    text-decoration: none;
    transition: all 0.4s ease-in-out;
}

a:focus-visible {
    outline: rgba(255, 255, 255, 0.7) dashed 1px;
}

a:hover,
a:active,
a:focus,
a:focus-within {
    color: hsl(0, 0%, 11%);
    text-decoration: underline;
    transition: all 0.4s ease-in-out;
}

a.oh-link__unstyled {
    text-decoration: none;
}

a.oh-link__unstyled:hover {
    text-decoration: none;
}

#mainNav {
    padding-bottom: 60px;
}

.custom-dropdown {
    display: none;
    position: absolute;
    left: 15px;
    padding: 5px;
    z-index: 99;
    width: 400px;
    background-color: hsl(0, 0%, 100%);
    border-radius: 0rem;
    color: hsl(0, 0%, 11%);
    border: 1px solid hsl(0, 0%, 95%);
    -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
}

.custom-dropdown .search_content {
    margin: 0;
    padding: 0;
}

.custom-dropdown .search_content li {
    list-style: none;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #ddd;
    padding: 10px;
    word-break: break-word;
}

.custom-dropdown .search_content li:last-child {
    border-bottom: unset;
}

* {
    scrollbar-width: thin;
}

*::-moz-scrollbar-thumb {
    border-radius: 5px;
}

.search_content li a .search_text {
    color: #26a1df;
}


/* cyrillic-ext */

@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7W0Q5n-wU.woff2) format("woff2");
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}


/* cyrillic */

@font-face {
    font-family: "Inter";
    font-style: noarmal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7W0Q5n-wU.woff2) format("woff2");
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}


/* greek-ext */

@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7W0Q5n-wU.woff2) format("woff2");
    unicode-range: U+1F00-1FFF;
}


/* greek */

@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7W0Q5n-wU.woff2) format("woff2");
    unicode-range: U+0370-03FF;
}


/* vietnamese */

@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7W0Q5n-wU.woff2) format("woff2");
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}


/* latin-ext */

@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7W0Q5n-wU.woff2) format("woff2");
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}


/* latin */

@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7W0Q5nw.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


/* cyrillic-ext */

@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7W0Q5n-wU.woff2) format("woff2");
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}


/* cyrillic */

@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7W0Q5n-wU.woff2) format("woff2");
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}


/* greek-ext */

@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7W0Q5n-wU.woff2) format("woff2");
    unicode-range: U+1F00-1FFF;
}


/* greek */

@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7W0Q5n-wU.woff2) format("woff2");
    unicode-range: U+0370-03FF;
}


/* vietnamese */

@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7W0Q5n-wU.woff2) format("woff2");
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}


/* latin-ext */

@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7W0Q5n-wU.woff2) format("woff2");
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}


/* latin */

@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7W0Q5nw.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


/* POPPINS */


/* devanagari */

@font-face {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/poppins/v20/pxiEyp8kv8JHgFVrJJbecnFHGPezSQ.woff2) format("woff2");
    unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}


/* latin-ext */

@font-face {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/poppins/v20/pxiEyp8kv8JHgFVrJJnecnFHGPezSQ.woff2) format("woff2");
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}


/* latin */

@font-face {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/poppins/v20/pxiEyp8kv8JHgFVrJJfecnFHGPc.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


/* devanagari */

@font-face {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLEj6Z11lFd2JQEl8qw.woff2) format("woff2");
    unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}


/* latin-ext */

@font-face {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLEj6Z1JlFd2JQEl8qw.woff2) format("woff2");
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}


/* latin */

@font-face {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLEj6Z1xlFd2JQEk.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


/**
 * Basic typography style for copy text
 */

body {
    color: hsl(0, 0%, 11%);
    font: normal 80%/1.4 "Poppins", "Open Sans", "Helvetica Neue Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}


/**
 * Clear inner floats
 */

.clearfix::after {
    clear: both;
    content: "";
    display: table;
}


/**
 * Main content containers
 * 1. Make the container full-width with a maximum width
 * 2. Center it in the viewport
 * 3. Leave some space on the edges, especially valuable on small screens
 */

.container {
    max-width: 1180px;
    /* 1 */
    margin-left: auto;
    /* 2 */
    margin-right: auto;
    /* 2 */
    padding-left: 20px;
    /* 3 */
    padding-right: 20px;
    /* 3 */
    width: 100%;
    /* 1 */
}


/**
 * Hide text while making it readable for screen readers
 * 1. Needed in WebKit-based browsers because of an implementation bug;
 *    See: https://code.google.com/p/chromium/issues/detail?id=457146
 */

.hide-text {
    overflow: hidden;
    padding: 0;
    /* 1 */
    text-indent: 101%;
    white-space: nowrap;
}


/**
 * Hide element while making it readable for screen readers
 * Shamelessly borrowed from HTML5Boilerplate:
 * https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css#L119-L133
 */

.visually-hidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}


/**
* Margins
*/

.ml-2 {
    margin-left: 0.7rem;
}

.mr-2 {
    margin-right: 0.7rem;
}

.mr-1 {
    margin-right: 0.3rem;
}

.ml-1 {
    margin-left: 0.3rem;
}

.mt-4 {
    margin-top: 2rem;
}

.max-h-0 {
    max-height: 0;
}

@media (max-width: 767.98px) {
    .oh-mb-3--small {
        margin-bottom: 1.5rem;
    }
}

@media (max-width: 767.98px) {
    .d-md-flex-wrap {
        flex-wrap: wrap;
    }
}

@media (max-width: 767.98px) {
    .oh-d-flex-column--resp {
        display: flex;
        flex-direction: column;
        align-items: flex-start !important;
    }
}

.oh-navbar__toggle-link {
    display: flex;
    align-items: center;
}

.oh-navbar__toggle-menu {
    margin-right: 0.35rem;
}

.oh-navbar__page-title {
    font-size: 1.15rem;
}

@media (max-width: 1199.98px) {
    .oh-navbar__page-title {
        display: none;
    }
}

@media (max-width: 767.98px) {
    .oh-navbar__page-title {
        font-size: 0.98rem;
    }
}

.oh-navbar__toggle-link:hover {
    opacity: 0.8;
}

.oh-navbar {
    z-index: 999;
    height: 65px;
    width: -webkit-fill-available;
    width: -moz-available;
    width: -webkit-fill-available;
    width: fill-available;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: hsl(0, 0%, 100%);
    border-bottom: 3px solid hsl(0, 0%, 93%);
}

.oh-navbar__systray {
    display: flex;
    align-items: center;
    gap: 0;
    height: 100%;
}

.oh-navbar__wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%;
}

.oh-navbar__user-info {
    display: flex;
    align-items: center;
    position: relative;
    padding: 0.5rem 1.5rem;
    border-radius: 0px;
    height: 100%;
    cursor: pointer;
}

@media (max-width: 575.98px) {
    .oh-navbar__user-info {
        padding: 0.5rem 0.75rem;
    }
}

.oh-navbar__user-info div:first-child {
    margin-right: 0.5rem;
}

.oh-navbar__user-info::after {
    content: "";
    position: relative;
    width: 14px;
    height: 14px;
    top: 2px;
    right: -5px;
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' fill='%231d1d1d' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m3 6.75 9 10.5 9-10.5H3Z'%3E%3C/path%3E%3C/svg%3E");
}

.oh-navbar__user-info:hover {
    background-color: hsl(0, 0%, 96%);
    transition: all 0.3s ease-in-out;
}

.oh-navbar__systray .oh-dropdown {
    height: 100%;
}

.oh-navbar__user-photo {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    overflow: hidden;
}

@media (max-width: 575.98px) {
    .oh-navbar__user-photo {
        width: 24px;
        height: 24px;
    }
}

.oh-navbar__user-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media screen and (max-width: 1055.99px) {
    .oh-navbar__time {
        display: none !important;
    }
}

.oh-navbar__notification-link,
.oh-navbar__action-icons-link {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0px;
}

.oh-navbar__notification-beacon {
    min-width: 18px;
    min-height: 18px;
    border-radius: 30px;
    background-color: #26a1df;
    color: hsl(0, 0%, 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.7rem;
    font-weight: bold;
    position: absolute;
    top: 15px;
    right: 10px;
    width: fit-content;
    padding: 0.1rem 0.4rem;
    height: fit-content;
}

.oh-navbar__icon {
    width: 24px;
    height: 24px;
    color: hsl(216, 3%, 39%);
}

@media (max-width: 575.98px) {
    .oh-navbar__icon {
        width: 18px;
        height: 18px;
    }
}

@media (max-width: 991.98px) {
    .oh-navbar__user-name {
        display: none;
    }
}


/**
* Notifications
*/

.oh-navbar__notifications,
.oh-navbar__action-icons {
    position: relative;
    display: flex;
    height: 100%;
    padding: 0.4rem 1rem;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    cursor: pointer;
}

.oh-navbar__notifications:hover,
.oh-navbar__action-icons:hover {
    background-color: hsl(0, 0%, 96%);
}

@media (max-width: 575.98px) {
    .oh-navbar__notifications,
    .oh-navbar__action-icons {
        padding: 0.5rem;
        width: 50px;
        justify-content: center;
        border-left: none;
        border-right: none;
    }
    .oh-navbar__notifications:hover,
    .oh-navbar__action-icons:hover {
        background-color: transparent;
    }
}

.oh-navbar__notification-tray {
    position: absolute;
    width: 380px;
    padding-right: 15px;
    min-height: 250px;
    background-color: hsl(0, 0%, 100%);
    z-index: 99;
    top: 100%;
    right: 0px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
    border: 1px solid hsl(0, 0%, 95%);
}

@media (max-width: 575.98px) {
    .oh-navbar__notification-tray {
        position: fixed;
        left: 5px;
        width: 98%;
        top: 70px;
    }
}

.oh-navbar__notification-empty {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-height: 250px;
    padding: 35px;
}

.oh-navbar__notification-empty-title {
    display: block;
    font-weight: bold;
    color: hsl(216, 18%, 64%);
    margin-top: 0.75rem;
    margin-bottom: 0.3rem;
}

.oh-navbar__notification-empty-desc {
    color: hsl(216, 18%, 64%);
    font-size: 0.9rem;
}

.oh-navbar__notification-empty-title,
.oh-navbar__notification-empty-desc {
    text-align: center;
}

.oh-navbar__notification-head {
    width: 100%;
    padding: 1rem 1.15rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: hsl(0, 0%, 11%);
    border-bottom: 1px solid hsl(0, 0%, 95%);
}

.oh-navbar__notification-body {
    width: 100%;
    padding: 0 1.15rem;
    max-height: 400px;
    overflow: auto;
    display: block;
}

.oh-navbar__notification-footer {
    padding: 1.15rem;
    border-top: 1px solid hsl(0, 0%, 95%);
    display: flex;
    align-items: center;
    justify-content: center;
}

.oh-navbar__notification-head-title {
    font-weight: bold;
    font-size: 0.9rem;
}

.oh-navbar__notification-links {
    display: flex;
    align-items: center;
}

.oh-navbar__notification-tray-link {
    font-size: 0.85rem;
    display: flex;
    align-items: center;
    color: #26a1df;
}

.oh-navbar__notification-tray-link:hover,
.oh-navbar__notification-tray-link:focus,
.oh-navbar__notification-tray-link:focus-visible,
.oh-navbar__notification-tray-link:active {
    color: #26a1df;
    text-decoration: none;
}

.oh-navbar__notification-tray-link--danger {
    color: hsl(1, 100%, 61%);
}

.oh-navbar__notification-tray-link--danger:hover,
.oh-navbar__notification-tray-link--danger:focus,
.oh-navbar__notification-tray-link--danger:focus-visible,
.oh-navbar__notification-tray-link--danger:active {
    color: hsl(1, 100%, 61%);
    text-decoration: none;
}

.oh-navbar__nofication-list {
    list-style: none;
    padding-left: 0;
}

.oh-navbar__notification-dot {
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    position: relative;
    top: 5px;
    opacity: 0;
}

.oh-navbar__notification-dot--green {
    background-color: #26a1df;
}

.oh-navbar__notification-item {
    display: grid;
    grid-template-columns: 1fr 8fr 1fr;
    align-items: center;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    padding-bottom: 1.3rem;
    border-bottom: 1px solid hsl(0, 0%, 95%);
}

.oh-navbar__notification-item:last-child {
    padding-bottom: 0px;
    border-bottom: none;
}

.oh-navbar__notification-item div:first-child {
    align-self: flex-start;
}

.oh-navbar__notification-item div:last-child {
    align-self: flex-start;
}

.oh-navbar__notification-image {
    background-color: #26a1df;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: hsl(0, 0%, 100%);
    font-size: 1.15rem;
}

.oh-navbar__notification-text {
    margin-top: 0;
    margin-bottom: 0;
    color: hsl(0, 0%, 11%);
    font-size: 0.85rem;
}

.oh-navbar__notification-dot--unread {
    opacity: 1;
}

.oh-navbar__notification-text--unread {
    font-weight: bold;
}

.oh-navbar__notification-date {
    color: rgba(28.05, 28.05, 28.05, 0.6);
    font-size: 0.75rem;
}

.oh-navbar__clock {
    display: flex;
    align-items: center;
    padding: 0.5rem 1.5rem;
    height: 100%;
    transition: all 0 linear;
    border-left: 1px solid hsl(213, 22%, 93%);
}

.oh-navbar__clock:hover,
.oh-navbar__clock:focus,
.oh-navbar__clock:focus-visible {
    background-color: hsl(0, 0%, 95%);
    text-decoration: none;
    transition: all 0 linear;
}

@media (max-width: 575.98px) {
    .oh-navbar__clock {
        padding: 0.5rem;
        width: 50px;
        justify-content: center;
        border-left: none;
    }
    .oh-navbar__clock:hover,
    .oh-navbar__clock:focus,
    .oh-navbar__clock:focus-visible {
        background-color: transparent;
    }
}

.oh-navbar__clock-icon {
    color: hsl(216, 3%, 39%);
}

@media (max-width: 767.98px) {
    .oh-navbar__clock-icon {
        margin-right: 0rem !important;
    }
}

@media (max-width: 767.98px) {
    .oh-navbar__clock-text {
        display: none;
    }
    .oh-navbar__clock-icon {
        font-size: 1.5rem;
    }
}

@media (max-width: 575.98px) {
    .oh-navbar__clock-icon {
        font-size: 1.2rem;
    }
}

.oh-navbar__toggle-container {
    display: flex;
    align-items: center;
}


/**
* Breadcrumb
*/

.oh-navbar__breadcrumb {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    list-style: none;
    margin-bottom: 0;
    padding-left: 10px;
}

@media screen and (max-width: 991.98px) {
    .oh-navbar__breadcrumb {
        display: none;
    }
}

.oh-navbar__breadcrumb-item {
    margin-right: 25px;
    position: relative;
}

.oh-navbar__breadcrumb-item::after {
    content: "";
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDQiIGhlaWdodD0iNDQiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzczNzM3MyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjEuNSIgdmlld0JveD0iMCAwIDI0IDI0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxwYXRoIGQ9Im04LjYyNSA1LjI1IDYuNzUgNi43NS02Ljc1IDYuNzUiPjwvcGF0aD4KPC9zdmc+");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    width: 16px;
    height: 16px;
    top: 3px;
    right: -20px;
}

.oh-navbar__breadcrumb-item:last-child {
    margin-right: 0;
}

.oh-navbar__breadcrumb-item:last-child::after {
    content: unset;
}

.oh-navbar__breadcrumb-link {
    color: hsl(0, 0%, 45%);
}

.oh-navbar__breadcrumb-link:hover {
    text-decoration: none;
}

.oh-navbar__breadcrumb-link.active {
    color: hsl(0, 0%, 11%);
}

#main {
    overflow-x: hidden;
}

.oh-wrapper-main {
    display: grid;
    grid-template-columns: 230px auto;
    transition: all 0.4s ease-in-out;
}

.oh-wrapper-main--no-grid {
    display: unset;
}

.oh-wrapper-main--closed {
    grid-template-columns: 90px auto;
}

@media (max-width: 767.98px) {
    .oh-wrapper-main--closed {
        grid-template-columns: auto;
    }
}

.oh-wrapper {
    max-width: 97%;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.oh-layout--grid-3 {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 1%;
    row-gap: 1rem;
    justify-content: space-between;
}


/* Text */

.oh-text--sm {
    font-size: 0.9rem !important;
}

.oh-text--xs {
    font-size: 0.75rem !important;
}


/* Text Colors*/

.oh-text--dark {
    color: hsl(0, 0%, 11%);
}

.oh-text--light {
    color: hsl(0, 0%, 45%);
}

.oh-text--secondary {
    color: #26a1df;
}


/* Links */

.oh-link {
    display: flex;
    align-items: center;
}

.oh-link:hover,
.oh-link:focus,
.oh-link:focus-visible {
    text-decoration: none;
}

.oh-link--secondary {
    color: #26a1df;
}

.oh-link--secondary:hover,
.oh-link--secondary:focus,
.oh-link--secondary:focus-visible {
    color: #26a1df;
}

@media (max-width: 991.98px) {
    .oh-resp-hidden--lg {
        display: none;
    }
}

.oh-viewer {
    width: 80%;
    height: 900px;
    left: 50%;
    transform: translateX(-50%);
    position: relative;
}

.oh-viewer--image {
    width: 80%;
    height: auto;
    margin: 0 auto;
    border: 1px solid hsl(213, 22%, 93%);
}

.centered-div {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.oh-empty__title {
    font-size: 1.25rem;
    font-weight: bold;
    margin-top: 1rem;
}

.oh-empty__subtitle {
    color: hsl(0, 0%, 45%);
}

.oh-accordion-header {
    position: relative;
    padding: 1.25rem 0;
    border-bottom: 1px solid hsl(213, 22%, 93%);
    font-weight: bold;
    width: 100%;
    cursor: pointer;
}

.oh-accordion-header:hover {
    opacity: 0.8;
}

.oh-accordion-header::after {
    content: "";
    width: 25px;
    height: 25px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9IiMxZjFmMWYiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBkPSJtNyAxMCA1IDUgNS01SDdaIj48L3BhdGg+Cjwvc3ZnPg==");
    background-size: contain;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: 0;
    top: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.oh-accordion:not(.oh-accordion--show):last-child .oh-accordion-header {
    border-bottom: none;
}

.oh-accordion--show .oh-accordion-header::after {
    content: "";
    width: 25px;
    height: 25px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9IiMxZjFmMWYiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBkPSJtNyAxNC41IDUtNSA1IDVIN1oiPjwvcGF0aD4KPC9zdmc+");
    background-size: contain;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: 0;
    top: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.oh-accordion-body {
    display: none;
}

.oh-accordion--show .oh-accordion-body {
    display: block;
}

.oh-dropdown__filter-footer {
    border-top: 1px solid hsl(213, 22%, 93%);
    padding-top: 1rem;
}


/* ====================================
*          ACCORDION - META
* ================================== */

.oh-accordion-meta {
    width: 100%;
}

.oh-accordion-meta__header {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid hsl(213, 22%, 93%);
    background-color: hsl(0, 0%, 100%);
    padding: 0.5rem 0.5rem 0.5rem 2.5rem;
    cursor: pointer;
}

.oh-accordion-meta__header:hover {
    background-color: rgba(233.223, 236.7573, 241.077, 0.4);
}

.oh-accordion-meta__header::before {
    content: "";
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzFjMWMxYyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjEuNSIgdmlld0JveD0iMCAwIDI0IDI0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxwYXRoIGQ9Ik0xMiA1LjI1djEzLjUiPjwvcGF0aD4KICA8cGF0aCBkPSJNMTguNzUgMTJINS4yNSI+PC9wYXRoPgo8L3N2Zz4=");
    background-position: center;
    background-repeat: no-repeat;
    width: 26px;
    height: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    object-fit: contain;
    position: absolute;
    left: 8px;
}

.oh-accordion-meta__header.oh-accordion-meta__header--show::before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzFjMWMxYyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjEuNSIgdmlld0JveD0iMCAwIDI0IDI0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxwYXRoIGQ9Ik0xOC43NSAxMkg1LjI1Ij48L3BhdGg+Cjwvc3ZnPg==");
}

.oh-accordion-meta__body {
    border: 1px solid hsl(213, 22%, 93%);
    border-top: none;
    padding: 0.5rem;
    background-color: hsl(0, 0%, 100%);
}

.oh-accordion-meta__item {
    margin-bottom: 0.5rem;
}

.oh-accordion-meta__item:last-child {
    margin-bottom: 0;
}

.oh-accordion-meta__btn,
.oh-accordion-meta__btn-icon {
    color: hsl(0, 0%, 11%);
}

.centered-div {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.oh-user_permission-list_item {
    position: relative;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid hsl(213, 22%, 93%);
    background-color: hsl(0, 0%, 100%);
    padding: 0.5rem;
    margin-bottom: 0.5rem;
}

.oh-user_permission-list_item:hover {
    background-color: rgba(233.223, 236.7573, 241.077, 0.4);
}

.oh-user_permission-list_profile {
    display: flex;
    align-items: center;
    gap: 0.2rem;
}

.oh-user_permission_list-text {
    font-size: 0.75rem;
}

.oh-user_permission--profile {
    width: 46px;
    height: 46px;
}

.oh-user_permssion-dropdownbtn {
    color: hsl(0, 0%, 11%);
    background-color: transparent;
    padding: 0px;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.8rem 1.25rem;
}

.oh-alert-container {
    top: 75px;
    right: 2rem;
    position: fixed;
    z-index: 9999;
    max-width: 500px;
    width: 95%;
    pointer-events: none;
}

@media (max-width: 575.98px) {
    .oh-alert-container {
        left: auto;
        right: auto;
        width: 95%;
    }
}

.oh-alert {
    opacity: 0;
    width: 100%;
    padding: 1rem;
    background-color: hsl(0, 0%, 100%);
    box-shadow: rgba(0, 0, 0, 0.04) 0px 3px 5px;
    font-size: 0.85rem;
    display: flex;
    align-items: center;
    margin-bottom: 0.75rem;
}

.oh-alert:last-child {
    margin-bottom: 0;
}

.oh-alert::before {
    content: "";
    position: relative;
    display: inline-block;
    width: 24px;
    height: 24px;
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 0.75rem;
}

.oh-alert--animated {
    animation: slide-right-in-pop-animation 3.5s 0s ease-in-out forwards;
}

@keyframes slide-right-in-pop-animation {
    0% {
        transform: translate3d(100%, 0, 0);
        visibility: hidden;
        opacity: 0;
    }
    30% {
        transform: translate3d(0, 0, 0);
        visibility: visible;
        opacity: 1;
    }
    80% {
        transform: translate3d(0, 0, 0);
        visibility: visible;
        opacity: 1;
    }
    100% {
        transform: translate3d(-10%, 0, 0);
        visibility: hidden;
        opacity: 0;
    }
}

.oh-alert--danger {
    background-color: hsl(0, 75%, 97%);
    border: 1px solid hsl(357, 72%, 89%);
    border-left: 5px solid hsl(0, 71%, 54%);
}

.oh-alert--danger::before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDYiIGhlaWdodD0iNDYiIGZpbGw9IiNkZDM2MzYiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBkPSJNMTIgMi4yNWMtNS4zNzYgMC05Ljc1IDQuMzc0LTkuNzUgOS43NXM0LjM3NCA5Ljc1IDkuNzUgOS43NSA5Ljc1LTQuMzc0IDkuNzUtOS43NVMxNy4zNzYgMi4yNSAxMiAyLjI1Wm0uOTM4IDE0Ljk5NmgtMS44NzZWMTUuMzdoMS44NzZ2MS44NzVabS0uMTg4LTIuOTk2aC0xLjVsLS4yODEtNy41aDIuMDYybC0uMjgxIDcuNVoiPjwvcGF0aD4KPC9zdmc+");
}

.oh-alert--warning {
    background-color: hsl(48, 100%, 94%);
    border: 1px solid hsl(46, 97%, 88%);
    border-left: 5px solid hsl(44, 89%, 62%);
}

.oh-alert--warning::before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDYiIGhlaWdodD0iNDYiIGZpbGw9IiNmNGM3NDkiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBkPSJNMTIgMi4yNWMtNS4zNzYgMC05Ljc1IDQuMzc0LTkuNzUgOS43NXM0LjM3NCA5Ljc1IDkuNzUgOS43NSA5Ljc1LTQuMzc0IDkuNzUtOS43NVMxNy4zNzYgMi4yNSAxMiAyLjI1Wm0uOTM4IDE0Ljk5NmgtMS44NzZWMTUuMzdoMS44NzZ2MS44NzVabS0uMTg4LTIuOTk2aC0xLjVsLS4yODEtNy41aDIuMDYybC0uMjgxIDcuNVoiPjwvcGF0aD4KPC9zdmc+");
}

.oh-alert--info {
    background-color: hsl(212, 89%, 96%);
    border: 1px solid hsl(218, 75%, 87%);
    border-left: 5px solid hsl(225, 72%, 48%);
}

.oh-alert--info::before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDYiIGhlaWdodD0iNDYiIGZpbGw9IiMwNDQ0Y2UiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBkPSJNMTIgMi4yNWMtNS4zNzYgMC05Ljc1IDQuMzc0LTkuNzUgOS43NXM0LjM3NCA5Ljc1IDkuNzUgOS43NSA5Ljc1LTQuMzc0IDkuNzUtOS43NVMxNy4zNzYgMi4yNSAxMiAyLjI1Wm0uOTM4IDE0Ljk5NmgtMS44NzZWMTUuMzdoMS44NzZ2MS44NzVabS0uMTg4LTIuOTk2aC0xLjVsLS4yODEtNy41aDIuMDYybC0uMjgxIDcuNVoiPjwvcGF0aD4KPC9zdmc+");
}

.oh-alert--success {
    background-color: hsl(137, 78%, 93%);
    border: 1px solid hsl(136, 51%, 84%);
    border-left: 5px solid hsl(119, 39.1304347826%, 46%);
}

.oh-alert--success::before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDYiIGhlaWdodD0iNDYiIGZpbGw9IiM0OWEyNDgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBkPSJNMTIgMi4yNWMtNS4zNzYgMC05Ljc1IDQuMzc0LTkuNzUgOS43NXM0LjM3NCA5Ljc1IDkuNzUgOS43NSA5Ljc1LTQuMzc0IDkuNzUtOS43NVMxNy4zNzYgMi4yNSAxMiAyLjI1Wm0uOTM4IDE0Ljk5NmgtMS44NzZWMTUuMzdoMS44NzZ2MS44NzVabS0uMTg4LTIuOTk2aC0xLjVsLS4yODEtNy41aDIuMDYybC0uMjgxIDcuNVoiPjwvcGF0aD4KPC9zdmc+");
}

.oh-badge {
    display: inline-block;
    padding: 0.25rem;
    text-align: center;
}

.oh-badge--small {
    width: 22px;
    height: 22px;
    font-size: 0.75rem;
}

.oh-badge--round {
    display: flex;
    justify-content: center;
    border-radius: 50%;
}

.oh-tabs__input-badge-container {
    display: flex;
    align-items: center;
}

.oh-badge--danger {
    background-color: hsl(1, 100%, 61%);
    color: hsl(0, 0%, 100%);
}

.oh-badge--secondary {
    background-color: #26a1df;
    color: hsl(0, 0%, 100%);
}

.oh-badge--info {
    background-color: hsl(0, 0%, 27%);
    color: hsl(0, 0%, 100%);
}


/* ==============================
*            DOTS
* ============================= */

.oh-dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
}

.oh-dot--small {
    width: 8px;
    height: 8px;
    border-radius: 50%;
}

.oh-dot--danger {
    background-color: hsl(1, 100%, 61%);
}

.oh-dot--success {
    background-color: hsl(148, 71%, 44%);
}

.oh-dot--info {
    background-color: hsl(204, 70%, 53%);
}

.oh-dot--warning {
    background-color: hsl(40, 91%, 60%);
}


/* ==============================
*       CHECKPOINT BADGE
* ============================= */

.oh-checkpoint-badge {
    border: 2px solid;
    display: inline-block;
    border-radius: 4px;
    padding: 0.3rem 0.5rem;
    font-weight: bold;
    margin-left: auto;
    margin-right: auto;
    font-size: 0.8rem;
}

.oh-checkpoint-badge--secondary {
    color: #26a1df;
    border-color: #26a1df;
}

.oh-file-icon--html {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDYiIGhlaWdodD0iNDYiIGZpbGw9IiNlNTRmMzkiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KIDxwYXRoIGQ9Im0xMiAxOC4xNzggNC42Mi0xLjI1Ni42MjMtNi43NzhIOS4wMjZMOC44MjIgNy44OWg4LjYyNmwuMjI3LTIuMjExSDYuMzI1bC42MzYgNi42NzhoNy44MmwtLjI2MSAyLjg2Ni0yLjUyLjY2Ny0yLjUyLS42NjctLjE1OC0xLjg0NGgtMi4yN2wuMzI5IDMuNTQ0TDEyIDE4LjE3OFpNMyAyaDE4bC0xLjYyMyAxOEwxMiAyMmwtNy4zNzctMkwzIDJaIj48L3BhdGg+Cjwvc3ZnPg==");
}

.oh-file-icon--excel {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDYiIGhlaWdodD0iNDYiIGZpbGw9IiNlNTRmMzkiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KIDxwYXRoIGQ9Im0yLjg1OSAyLjg3OCAxMi41Ny0xLjc5NWEuNS41IDAgMCAxIC41NzEuNDk1djIwLjg0NmEuNS41IDAgMCAxLS41Ny40OTVMMi44NTggMjEuMTI0YTEgMSAwIDAgMS0uODU5LS45OVYzLjg2OGExIDEgMCAwIDEgLjg1OS0uOTloLjAwMVpNMTcgMy4wMDFoNGExIDEgMCAwIDEgMSAxdjE2YTEgMSAwIDAgMS0xIDFoLTR2LTE4Wm0tNi44IDkgMi44LTRoLTIuNEw5IDEwLjI4NyA3LjQgOC4wMDFINWwyLjggNC0yLjggNGgyLjRMOSAxMy43MTVsMS42IDIuMjg2SDEzbC0yLjgtNFoiPjwvcGF0aD4KPC9zdmc+");
}

.oh-file-icon--word {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDYiIGhlaWdodD0iNDYiIGZpbGw9IiNlNTRmMzkiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KIDxwYXRoIGQ9Ik0xMi4xODYgMTQuNTU1Yy0uNjE3IDAtLjk3Ny41ODctLjk3NyAxLjM3MyAwIC43OS4zNzEgMS4zNS45ODMgMS4zNS42MTcgMCAuOTcxLS41ODguOTcxLTEuMzc0IDAtLjcyNi0uMzQ4LTEuMzUtLjk3Ny0xLjM1WiI+PC9wYXRoPgogPHBhdGggZD0iTTE0IDJINmEyIDIgMCAwIDAtMiAydjE2YTIgMiAwIDAgMCAyIDJoMTJhMiAyIDAgMCAwIDItMlY4bC02LTZaTTkuMTU1IDE3LjQ1NGMtLjQyNi4zNTQtMS4wNzMuNTIxLTEuODY0LjUyMS0uNDc1IDAtLjgxLS4wMy0xLjAzOC0uMDZ2LTMuOTcxYTguMTY1IDguMTY1IDAgMCAxIDEuMjM1LS4wODNjLjc2OCAwIDEuMjY2LjEzOCAxLjY1NS40MzIuNDIuMzEyLjY4NC44MS42ODQgMS41MjIgMCAuNzc1LS4yODIgMS4zMDktLjY3MiAxLjYzOVptMi45OS41NDZjLTEuMiAwLTEuOTAxLS45MDYtMS45MDEtMi4wNTggMC0xLjIxMS43NzMtMi4xMTYgMS45NjctMi4xMTYgMS4yNDEgMCAxLjkxOS45MjkgMS45MTkgMi4wNDUtLjAwMSAxLjMyNS0uODA1IDIuMTI5LTEuOTg1IDIuMTI5Wm00LjY1NS0uNzYyYy4yNzUgMCAuNTgxLS4wNjEuNzYyLS4xMzJsLjEzOC43MTNjLS4xNjguMDg0LS41NDYuMTc0LTEuMDM3LjE3NC0xLjM5NyAwLTIuMTE3LS44NjktMi4xMTctMi4wMjEgMC0xLjM3OS45ODMtMi4xNDYgMi4yMDctMi4xNDYuNDc0IDAgLjgzMy4wOTYuOTk1LjE4bC0uMTg2LjcyNmExLjk4IDEuOTggMCAwIDAtLjc2OC0uMTVjLS43MjYgMC0xLjI5LjQzOC0xLjI5IDEuMzM4IDAgLjgwOS40OCAxLjMxOCAxLjI5NiAxLjMxOFpNMTQgOWgtMVY0bDUgNWgtNFoiPjwvcGF0aD4KIDxwYXRoIGQ9Ik03LjU4NCAxNC41NjNjLS4yMDMgMC0uMzM1LjAxOC0uNDEzLjAzNXYyLjY0NmMuMDc4LjAxOC4yMDQuMDE4LjMxNy4wMTguODI4LjAwNSAxLjM2Ny0uNDUgMS4zNjctMS40MTUuMDA2LS44NC0uNDg1LTEuMjg0LTEuMjcxLTEuMjg0WiI+PC9wYXRoPgo8L3N2Zz4=");
}

.oh-file-icon--default {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDYiIGhlaWdodD0iNDYiIGZpbGw9IiNlNTRmMzkiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KIDxwYXRoIGQ9Ik0xOCAyMmEyIDIgMCAwIDAgMi0yVjhsLTYtNkg2YTIgMiAwIDAgMC0yIDJ2MTZhMiAyIDAgMCAwIDIgMmgxMlpNMTMgNGw1IDVoLTVWNFpNNyA4aDN2Mkg3VjhabTAgNGgxMHYySDd2LTJabTAgNGgxMHYySDd2LTJaIj48L3BhdGg+Cjwvc3ZnPg==");
}

.oh-file-icon--powerpoint {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDYiIGhlaWdodD0iNDYiIGZpbGw9IiNlNTRmMzgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBkPSJtMTYgMiA1IDV2MTQuMDA4YS45OTMuOTkzIDAgMCAxLS45OTMuOTkySDMuOTkzQTEgMSAwIDAgMSAzIDIxLjAwOFYyLjk5MkMzIDIuNDQ0IDMuNDQ1IDIgMy45OTMgMkgxNlpNOCA4djhoMnYtMmg2VjhIOFptMiAyaDR2MmgtNHYtMloiPjwvcGF0aD4KPC9zdmc+");
}

.oh-btn {
    display: block;
    border: none;
    border-radius: 0rem;
    padding: 0.8rem 1.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    cursor: pointer;
    color: hsl(219, 9%, 29%);
}

@media (max-width: 575.98px) {
    .oh-btn {
        font-size: 0.8rem !important;
    }
}

.oh-btn:hover {
    background-color: hsl(0, 0%, 90%);
}

.oh-btn:focus,
.oh-btn:focus-visible {
    outline: hsl(0, 0%, 13%) solid 2px;
    border-radius: 0;
    border: none;
}

.oh-btn:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

.oh-btn--shadow {
    filter: drop-shadow(0px 1px 4px rgba(0, 0, 0, 0.1));
}

.oh-btn--sq-sm {
    width: 28px;
    height: 28px;
}

.oh-btn--inline {
    display: inline-block;
}

.oh-btn--transparent {
    background-color: transparent;
    color: rgba(28.05, 28.05, 28.05, 0.8);
}

.oh-btn--transparent:hover,
.oh-btn--transparent:focus,
.oh-btn--transparent:focus-visible {
    background-color: transparent;
    border: none;
    color: rgb(28.05, 28.05, 28.05);
}

.oh-btn--secondary {
    background-color: #26a1df;
    color: hsl(0, 0%, 100%);
    text-decoration: none;
}

.oh-btn--secondary:hover,
.oh-btn--secondary:focus,
.oh-btn--secondary:focus-visible {
    background-color: #e4edf2 !important;
    color: white;
    text-decoration: none;
}

.oh-btn--secondary:disabled {
    background-color: #26a1df;
}

.oh-btn--secondary-ouline {
    border: 1px solid #26a1df;
    color: #26a1df;
    background-color: transparent;
}

.oh-btn--secondary-ouline:hover {
    background-color: #26a1df;
    color: hsl(0, 0%, 100%);
}

.oh-btn--secondary-ouline:focus,
.oh-btn--secondary-ouline:focus-visible {
    color: #26a1df;
    background-color: transparent;
    border: 1px solid #26a1df;
}

.oh-btn--success {
    background-color: hsl(148, 71%, 44%);
    color: hsl(0, 0%, 100%);
}

.oh-btn--success:hover,
.oh-btn--success:focus,
.oh-btn--success:focus-visible {
    background-color: hsl(148, 70%, 40%);
    text-decoration: none;
}

.oh-btn--danger {
    background-color: hsl(1, 100%, 61%);
    color: hsl(0, 0%, 100%);
}

.oh-btn--danger:hover,
.oh-btn--danger:focus,
.oh-btn--danger:focus-visible {
    background-color: hsl(1, 64%, 49%);
    text-decoration: none;
}

.oh-btn--danger-outline {
    color: hsl(1, 100%, 61%);
}

.oh-btn--danger-outline:hover,
.oh-btn--danger-outline:focus,
.oh-btn--danger-outline:focus-visible {
    color: hsl(1, 64%, 49%);
    text-decoration: none;
}

.oh-btn--primary {
    background-color: hsl(0, 0%, 13%);
    color: hsl(0, 0%, 100%);
}

.oh-btn--primary:hover,
.oh-btn--primary:focus,
.oh-btn--primary:focus-visible {
    background-color: hsl(0, 0%, 12%);
    color: hsl(0, 0%, 100%);
    text-decoration: none;
}

.oh-btn--primary-outline {
    background-color: transparent;
    border: 1px solid hsl(0, 0%, 13%);
    color: hsl(0, 0%, 13%);
}

.oh-btn--primary-outline:hover,
.oh-btn--primary-outline:focus,
.oh-btn--primary-outline:focus-visible {
    background-color: hsl(0, 0%, 13%);
    color: hsl(0, 0%, 100%);
}

.oh-btn--secondary-outline {
    background-color: transparent;
    border: 1px solid #26a1df;
    color: #26a1df;
}

.oh-btn--secondary-outline:hover,
.oh-btn--secondary-outline:focus,
.oh-btn--secondary-outline:focus-visible {
    background-color: #26a1df;
    color: hsl(0, 0%, 100%);
}

.oh-btn--white-outline {
    background-color: transparent;
    border: 1px solid hsl(0, 0%, 100%);
    color: hsl(0, 0%, 100%);
}

.oh-btn--white-outline:hover,
.oh-btn--white-outline:focus,
.oh-btn--white-outline:focus-visible {
    background-color: hsl(0, 0%, 100%);
    color: #26a1df;
}

.oh-btn--warning-outline {
    background-color: transparent;
    border: 1px solid hsl(40, 91%, 60%);
    color: hsl(40, 91%, 60%);
}

.oh-btn--warning-outline:hover,
.oh-btn--warning-outline:focus,
.oh-btn--warning-outline:focus-visible {
    background-color: hsl(40, 91%, 60%);
    color: hsl(0, 0%, 11%);
}

.oh-btn--success-outline {
    background-color: transparent;
    border: 1px solid hsl(148, 71%, 44%);
    color: hsl(148, 71%, 44%);
}

.oh-btn--success-outline:hover,
.oh-btn--success-outline:focus,
.oh-btn--success-outline:focus-visible {
    background-color: hsl(148, 71%, 44%);
    color: hsl(0, 0%, 100%);
}

.oh-btn--info-outline {
    background-color: transparent;
    border: 1px solid hsl(204, 70%, 53%);
    color: hsl(204, 70%, 53%);
}

.oh-btn--info-outline:hover,
.oh-btn--info-outline:focus,
.oh-btn--info-outline:focus-visible {
    background-color: hsl(204, 70%, 53%);
    color: hsl(0, 0%, 100%);
}

.oh-btn--info {
    background-color: hsl(204, 70%, 53%);
    color: hsl(0, 0%, 100%);
}

.oh-btn--info:hover,
.oh-btn--info:focus,
.oh-btn--info:focus-visible {
    background-color: hsl(204, 62%, 48%);
    color: hsl(0, 0%, 100%);
    text-decoration: none;
}

.oh-btn--warning {
    background-color: hsl(40, 91%, 60%);
    color: hsl(0, 0%, 11%);
}

.oh-btn--warning:hover,
.oh-btn--warning:focus,
.oh-btn--warning:focus-visible {
    background-color: #dda735;
    color: hsl(0, 0%, 11%);
    text-decoration: none;
}

.oh-btn--dropdown {
    position: relative;
}

.oh-btn--dropdown::after {
    content: url("data:image/svg+xml,%3Csvg width='12' height='12' fill='%23ffffff' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m4.594 8.912 6.553 7.646a1.126 1.126 0 0 0 1.708 0l6.552-7.646c.625-.73.107-1.857-.854-1.857H5.447c-.961 0-1.48 1.127-.853 1.857Z'%3E%3C/path%3E%3C/svg%3E");
    position: relative;
    width: 20px;
    left: 5px;
}

.oh-input--medium {
    font-size: 0.9rem;
    padding: 0.65rem 1rem;
    height: 40.94px;
}

.oh-btn--small {
    font-size: 0.9rem;
    padding: 0.65rem 1rem;
}

.oh-btn--x-small {
    font-size: 0.8rem;
    padding: 0.5rem 0.8rem;
}

.oh-btn--f-md {
    font-size: 1.15rem;
}

@media (max-width: 767.98px) {
    .oh-btn--w-100-resp {
        width: 100%;
    }
}

.oh-btn--secondary-link {
    color: #26a1df;
}

.oh-btn--secondary-link:hover,
.oh-btn--secondary-link:focus,
.oh-btn--secondary-link:focus-visible {
    color: #26a1df;
    text-decoration: none !important;
}

.oh-btn--danger-link {
    color: hsl(1, 100%, 61%);
}

.oh-btn--danger-link:hover,
.oh-btn--danger-link:focus,
.oh-btn--danger-link:focus-visible {
    color: hsl(1, 64%, 49%);
    text-decoration: none !important;
}

.oh-btn--light {
    background-color: hsl(0, 0%, 97.5%);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color: #26a1df;
}

.oh-btn--light:hover,
.oh-btn--light:focus,
.oh-btn--light:focus-visible {
    text-decoration: none;
    color: #26a1df;
    background-color: hsl(213, 22%, 93%);
}

.oh-btn--light-dark-text {
    background-color: hsl(0, 0%, 97.5%);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color: hsl(0, 0%, 11%);
}

.oh-btn--light-dark-text:hover,
.oh-btn--light-dark-text:focus,
.oh-btn--light-dark-text:focus-visible {
    text-decoration: none;
    color: hsl(0, 0%, 11%);
    background-color: hsl(213, 22%, 93%);
}

.oh-btn--light-danger {
    color: hsl(1, 100%, 61%);
    background-color: transparent;
}

.oh-btn--light-danger:hover,
.oh-btn--light-danger:focus,
.oh-btn--light-danger:focus-visible {
    text-decoration: none;
    color: hsl(1, 64%, 49%);
}

.oh-btn--view {
    background-color: hsl(0, 0%, 100%);
    border: none;
}

.oh-btn--view:hover,
.oh-btn--view:focus,
.oh-btn--view:focus-visible {
    background-color: hsl(0, 0%, 97.5%);
    outline: none;
}

.oh-btn--view-active {
    background-color: hsl(0, 0%, 93%);
    color: hsl(0, 0%, 11%);
}

.oh-btn-group {
    display: flex;
    align-items: center;
}

.oh-btn-group>* {
    border-right: 1px solid hsl(213, 22%, 93%);
}

.oh-btn-group>*:last-child {
    border-right: none;
}

.oh-btn--light-bkg {
    background-color: hsl(0, 0%, 97.5%) !important;
}

.oh-btn--light-bkg:hover {
    background-color: hsl(0, 0%, 96%) !important;
}

.oh-floatin-btn {
    position: fixed;
    right: 1.5rem;
    bottom: 2.5rem;
    display: flex;
    align-items: center;
    border: none;
    border-radius: 25px;
    padding: 1rem 1.5rem;
    background-color: hsl(0, 0%, 100%);
    box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 8px;
    transition: all 0.3s ease-in-out;
}

.oh-floatin-btn:hover {
    transition: all 0.3s ease-in-out;
}

.oh-floatin-btn--success:hover {
    color: hsl(148, 71%, 44%);
    transition: all 0.3s ease-in-out;
}

.oh-floatin-btn--danger:hover {
    color: hsl(1, 100%, 61%);
    transition: all 0.3s ease-in-out;
}

.oh-btn--disabled {
    opacity: 0.6;
    cursor: not-allowed !important;
}

.oh-btn--disabled:focus,
.oh-btn--disabled:focus-visible {
    outline: none;
}

.oh-btn--chat {
    display: inline-flex;
    background-color: transparent;
}

.oh-btn--chat::after {
    width: 20px;
    height: 20px;
    position: absolute;
    display: block;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    transition: all 0.4s ease-in-out;
}

.oh-btn--chat:hover {
    background-color: transparent;
}

.oh-btn--chat:hover::after {
    transition: all 0.4s ease-in-out;
}

.oh-btn--chat-send::after {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='ionicon s-ion-icon' fill='darkgrey' viewBox='0 0 512 512'%3E%3Cpath d='M16 464l480-208L16 48v160l320 48-320 48z'%3E%3C/path%3E%3C/svg%3E");
}

.oh-btn--chat-send:hover::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='ionicon s-ion-icon' fill='grey' viewBox='0 0 512 512'%3E%3Cpath d='M16 464l480-208L16 48v160l320 48-320 48z'%3E%3C/path%3E%3C/svg%3E");
}

.oh-btn--chat-attachments {
    position: absolute;
}

.oh-btn--chat-attachments::after {
    content: "";
    width: 22px;
    height: 22px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18'%3E%3Cpath fill='none' d='M0 0h24v24H0z'%3E%3C/path%3E%3Cpath d='M14.8287 7.75737L9.1718 13.4142C8.78127 13.8047 8.78127 14.4379 9.1718 14.8284C9.56232 15.219 10.1955 15.219 10.586 14.8284L16.2429 9.17158C17.4144 8.00001 17.4144 6.10052 16.2429 4.92894C15.0713 3.75737 13.1718 3.75737 12.0002 4.92894L6.34337 10.5858C4.39075 12.5384 4.39075 15.7042 6.34337 17.6569C8.29599 19.6095 11.4618 19.6095 13.4144 17.6569L19.0713 12L20.4855 13.4142L14.8287 19.0711C12.095 21.8047 7.66283 21.8047 4.92916 19.0711C2.19549 16.3374 2.19549 11.9053 4.92916 9.17158L10.586 3.51473C12.5386 1.56211 15.7045 1.56211 17.6571 3.51473C19.6097 5.46735 19.6097 8.63317 17.6571 10.5858L12.0002 16.2427C10.8287 17.4142 8.92916 17.4142 7.75759 16.2427C6.58601 15.0711 6.58601 13.1716 7.75759 12L13.4144 6.34316L14.8287 7.75737Z' fill='rgba(169,169,169,1)'%3E%3C/path%3E%3C/svg%3E");
}

.oh-btn--chat-attachments:hover::after {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18'%3E%3Cpath fill='none' d='M0 0h24v24H0z'%3E%3C/path%3E%3Cpath d='M14.8287 7.75737L9.1718 13.4142C8.78127 13.8047 8.78127 14.4379 9.1718 14.8284C9.56232 15.219 10.1955 15.219 10.586 14.8284L16.2429 9.17158C17.4144 8.00001 17.4144 6.10052 16.2429 4.92894C15.0713 3.75737 13.1718 3.75737 12.0002 4.92894L6.34337 10.5858C4.39075 12.5384 4.39075 15.7042 6.34337 17.6569C8.29599 19.6095 11.4618 19.6095 13.4144 17.6569L19.0713 12L20.4855 13.4142L14.8287 19.0711C12.095 21.8047 7.66283 21.8047 4.92916 19.0711C2.19549 16.3374 2.19549 11.9053 4.92916 9.17158L10.586 3.51473C12.5386 1.56211 15.7045 1.56211 17.6571 3.51473C19.6097 5.46735 19.6097 8.63317 17.6571 10.5858L12.0002 16.2427C10.8287 17.4142 8.92916 17.4142 7.75759 16.2427C6.58601 15.0711 6.58601 13.1716 7.75759 12L13.4144 6.34316L14.8287 7.75737Z' fill='rgba(91,91,91,1)'%3E%3C/path%3E%3C/svg%3E");
}

.oh-btn--sq {
    width: 32px;
    height: 32px;
    padding: 0;
}

.oh-btn--danger-text {
    color: hsl(1, 100%, 61%);
}

.oh-btn--danger-text:hover {
    color: hsl(1, 64%, 49%);
}

.oh-hover-btn {
    border: 2px solid rgb(28.05, 28.05, 28.05);
    background-color: transparent;
    border-radius: 3px;
    padding: 0.15rem 0.4rem;
}

.oh-hover-btn:hover {
    background-color: hsl(213, 22%, 93%);
}

.oh-hover-btn-container {
    position: relative;
    display: inline-block;
}

.oh-hover-btn-container::before {
    content: "";
    display: block;
    background-color: transparent;
    position: absolute;
    width: 100%;
    height: 20px;
    bottom: 100%;
}

.oh-hover-btn__small {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background-color: hsl(0, 0%, 100%);
    border: 1px solid hsl(213, 22%, 93%);
    box-shadow: rgba(17, 17, 26, 0.05) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s linear;
}

.oh-hover-btn__small:hover {
    background-color: #26a1df;
    border: 1px solid #26a1df;
    color: hsl(0, 0%, 100%);
    transition: all 0.2s linear;
    transform: scale(105%);
}

.oh-hover-btn-drawer {
    align-items: center;
    position: absolute;
    display: flex;
    gap: 5px;
    z-index: 99;
    right: -20px;
    bottom: 130%;
    visibility: hidden;
    pointer-events: none;
    opacity: 0;
}

.oh-hover-btn-container:hover .oh-hover-btn-drawer {
    display: flex;
    visibility: visible;
    pointer-events: all;
    opacity: 1;
}

.oh-card {
    padding: 1.15rem;
    border-radius: 0rem;
    border: 1px solid hsl(213, 22%, 84%);
    background-color: hsl(0, 0%, 100%);
}

.oh-card--margin {
    margin-top: 2rem;
}

@media (max-width: 767.98px) {
    .oh-card.p-4 {
        padding: 0 !important;
    }
}

.oh-card--no-shadow {
    box-shadow: none !important;
    border: 1px solid hsl(213, 22%, 93%) !important;
}

.oh-card__header {
    margin-bottom: 0.85rem;
}

.oh-card__title--lg {
    font-size: 1.25rem;
}

.oh-card__title--sm {
    font-size: 0.9rem;
}

.oh-card--w-resp-75 {
    width: 75%;
}

@media (max-width: 991.98px) {
    .oh-card--w-resp-75 {
        width: 100%;
    }
}


/* ============================
        LIST CARDS
============================= */

.oh-list-cards {
    list-style-type: none;
    padding-left: 0px;
    margin-bottom: 0px;
}

.oh-list-cards__item {
    padding: 1.25rem;
    border: 1px solid hsl(213, 22%, 93%);
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
    border-radius: 0rem;
}

.oh-list-cards__item:last-child {
    margin-bottom: 0;
}

.oh-list-card__title {
    font-weight: bold;
}

.oh-list-card__description {
    color: hsl(0, 0%, 45%);
}

.oh-list-card__footer {
    border-top: 1px solid hsl(213, 22%, 93%);
    padding-top: 0.8rem;
}

.oh-list__actions {
    padding-top: 1rem;
    float: right;
}

.oh-list__actions a:first-child {
    margin-right: 0.5rem;
}

.oh-card__footer--border-top {
    border-top: 1px solid hsl(213, 22%, 93%);
}


/* ============================
      ACTIVITY LIST CARDS
============================= */

.oh-activity-list__photo {
    border-radius: 50%;
    overflow: hidden;
}

.oh-activity-list {
    list-style-type: none;
    padding-left: 0;
}

.oh-activity-list__photo--small {
    width: 30px;
    height: 30px;
}

.oh-activity-list__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.oh-activity-list__item {
    display: flex;
    align-items: center;
    margin-top: 1.15rem;
    margin-bottom: 1.15rem;
}

.oh-activity-list__item:first-child {
    margin-top: 0;
}

.oh-activity-list__item:last-child {
    margin-bottom: 0;
}

.oh-activity-list__item * {
    flex-shrink: 0;
}

.oh-activity-list__description {
    color: hsl(0, 0%, 45%);
    max-width: calc(100% - 32px);
}

.oh-activity-list__description strong {
    color: hsl(0, 0%, 27%);
}

.oh-card--border {
    border: 1px solid hsl(213, 22%, 93%);
}

.oh-activity-list__comment-title {
    display: flex;
    align-items: flex-start;
}

.oh-activity-list__comment-timestamp {
    font-size: 0.75rem;
    display: block;
}

.oh-activity-list__comment {
    display: block;
}

.oh-activity-list__comment-container {
    padding-left: 2.3rem;
    margin-top: 0.45rem;
    margin-bottom: 1.35rem;
}


/* ============================
*         ITEM CARD
============================= */

.oh-item {
    display: block;
}

.oh-item--border-bottom {
    padding: 1.25rem;
    border-bottom: 1px solid hsl(213, 22%, 93%);
}

.oh-item--border-bottom:last-child {
    border-bottom: none;
}


/* ============================
*      CONTAINER CARD
============================= */

.oh-container {
    width: 100%;
    padding: 0.75rem;
}

.oh-container--outline {
    border: 1px solid hsl(213, 22%, 93%);
}

.oh-kanban-card {
    position: relative;
    border: 1px solid hsl(213, 22%, 84%);
    background-color: hsl(0, 0%, 100%);
    display: flex;
    align-items: center;
    padding: 1rem;
    width: 100%;
    cursor: pointer;
}

.oh-kanban-card:hover {
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.02) 0px 1px 2px 0px;
}

.oh-kanban-card--red {
    border-left: 5px solid hsl(1, 64%, 49%);
}

.oh-kanban-card--blue {
    border-left: 5px solid hsl(204, 70%, 53%);
}

.oh-kanban-card--yellow {
    border-left: 5px solid #dda735;
}

.oh-kanban-card--green {
    border-left: 5px solid hsl(148, 70%, 40%);
}

.oh-kanban-card--orange {
    border-left: 5px solid hsl(19, 85%, 63%);
}

.oh-kanban-card--biometric {
    padding-left: 1.5rem;
    flex-direction: column;
    align-items: flex-start;
}

.oh-kanban-card__biometric-actions {
    padding-top: 0.75rem;
    margin-top: 0.75rem;
    display: block;
    width: 100%;
    border-top: 1px solid hsl(213, 22%, 93%);
}

.oh-kanban-card__profile-container {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    overflow: hidden;
}

.oh-kanban-card__profile-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.oh-kanban-card__title {
    display: block;
    font-weight: bold;
}

@media (max-width: 575.98px) {
    .oh-kanban-card__title {
        font-size: 0.8rem;
    }
}

.oh-kanban-card__subtitle {
    font-size: 0.85rem;
    color: hsl(0, 0%, 45%);
}

@media (max-width: 575.98px) {
    .oh-kanban-card__subtitle {
        font-size: 0.7rem;
    }
}

.oh-kanban-card__avatar {
    margin-right: 1rem;
}

.oh-kanban-card__actions {
    display: flex;
    align-items: center;
}

.oh-kanban-card__actions>* {
    margin-right: 0.5rem;
    flex-shrink: 0;
}

.oh-kanban-card__actions>*:last-child {
    margin-right: 0;
}

.oh-kanban-card__dots {
    position: absolute;
    right: 0px;
    top: 0px;
}

.oh-dropdown {
    position: relative;
}

.oh-dropdown__menu,
.oh-dropdown__import {
    position: absolute;
    min-width: 200px;
    background-color: hsl(0, 0%, 100%);
    padding: 0px 15px;
    border-radius: 0rem;
    color: hsl(0, 0%, 11%);
    border: 1px solid hsl(0, 0%, 95%);
    box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
    z-index: 999;
}

.oh-dropdown__menu--hidden {
    display: none;
}

.oh-dropdown__menu--right,
.oh-dropdown__import--right {
    right: 0;
}

.oh-dropdown__import {
    width: 350px;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

@media (max-width: 575.98px) {
    .oh-dropdown__import {
        width: 95%;
        position: fixed;
        left: 10px;
        right: unset;
    }
}

.oh-dropdown__import-label {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100px;
    border: 1px dashed hsl(213, 22%, 84%);
    padding: 1rem;
    background: rgba(233.223, 236.7573, 241.077, 0.2);
    cursor: pointer;
}

.oh-dropdown__import-label:hover {
    background: rgba(233.223, 236.7573, 241.077, 0.4);
}

.oh-dropdown__import-form-icon {
    font-size: 4rem;
    color: rgba(28.05, 28.05, 28.05, 0.85);
}

.oh-dropdown__import-form-title {
    font-size: 1rem;
    font-weight: bold;
    color: rgba(28.05, 28.05, 28.05, 0.85);
}

.oh-dropdown__import-form-text {
    font-size: 0.85rem;
    color: hsl(0, 0%, 45%);
}

.oh-dropdown__menu--top-100 {
    top: 100%;
}

.oh-dropdown__menu hr {
    border-style: solid;
    border-color: hsl(0, 0%, 95%);
}

.oh-dropdown__items {
    list-style-type: none;
    padding-left: 0;
}

.oh-dropdown__item {
    margin-top: 15px;
    margin-bottom: 15px;
}

.oh-dropdown__link {
    color: hsl(0, 0%, 11%) !important;
    display: block;
    width: 100%;
    /* height: 100%; */
}

.oh-dropdown__link:hover {
    color: #26a1df !important;
    text-decoration: none !important;
}

@media (max-width: 575.98px) {
    .oh-dropdown__link {
        font-size: 0.85rem;
    }
}

.oh-dropdown__link--danger {
    color: hsl(1, 100%, 61%) !important;
    border: none;
    background-color: transparent;
    padding: 0;
    width: unset;
    text-align: left;
}

.oh-dropdown__link--danger:hover {
    color: rgba(255, 59.415, 56.1, 0.9) !important;
}

.oh-dropdown__footer {
    display: flex;
    align-items: center;
}

.oh-dropdown__footer * {
    flex-shrink: 0;
}

.oh-dropdown__menu--dark-border {
    border: 1px solid hsl(213, 22%, 84%);
}

.oh-dropdown__menu--highlight {
    border-color: hsl(213, 22%, 84%);
    box-shadow: rgba(0, 0, 0, 0.1) -4px 9px 25px -6px;
}

.oh-tabs__action-dropdown {
    min-width: 300px;
    max-width: 400px;
    padding: 0.25rem;
}

.oh-dropdown__header {
    font-weight: bold;
    display: block;
    width: 100%;
    border-bottom: 1px solid rgba(233.223, 236.7573, 241.077, 0.4);
    padding-bottom: 0.4rem;
    margin-bottom: 1rem;
}

.oh-dropdown__filter {
    min-width: 500px;
}

@media (max-width: 767.98px) {
    .oh-dropdown__filter {
        min-width: 250px;
        left: 0;
        right: unset;
    }
}

@media (min-width: 1200px) {
    .oh-dropdown__menu--top-align {
        bottom: 0;
        right: 130px;
        transform: translateY(20%);
    }
}

.oh-dropdown__lang-icon {
    width: 22px;
    height: 22px;
    margin-right: 10px;
}

input[type=checkbox] {
    accent-color: #26a1df;
}

.oh-input {
    border: 1px solid hsl(213, 22%, 84%);
    border-radius: 0rem;
    padding: 0.8rem 1.25rem;
    color: hsl(0, 0%, 11%);
}

.oh-input:read-only {
    border: none;
}

.oh-input:read-only:focus,
.oh-input:read-only:focus-visible {
    outline: none;
    border: none !important;
}

.oh-input::placeholder,
select::placeholder {
    color: hsl(216, 18%, 64%);
}

@media (max-width: 575.98px) {
    .oh-input::placeholder,
    select::placeholder {
        font-size: 0.8rem;
    }
}

.oh-input:focus,
.oh-input:focus-visible,
select:focus,
select:focus-visible {
    outline: hsl(0, 0%, 13%) solid 1px;
    border: 1px solid hsl(0, 0%, 13%) !important;
}

.oh-input--textarea {
    width: 100%;
    padding: 0.8rem 1.25rem !important;
}

.oh-input:disabled {
    background-color: transparent;
    padding-left: 0px;
    padding-right: 0px;
}

.oh-input--small {
    padding: 0.25rem 0.8rem;
    font-size: 0.85rem;
}

.oh-input--filter,
.oh-dropdown__filter-body .oh-select--sm+.select2-container .select2-selection--single {
    font-size: 0.85rem !important;
    height: 28px !important;
}

.oh-input--res-height {
    height: 38px;
}

.oh-input--block {
    width: 100%;
}

.oh-input__icon {
    padding-left: 28px;
}

.oh-input-group {
    position: relative;
}

.oh-input-group__icon {
    position: relative;
    color: hsl(216, 3%, 39%);
}

.oh-input-group__icon--left {
    top: 3px;
    left: 30px;
}

@media (max-width: 1000px) {
    .oh-input__search-group {
        display: none;
        position: absolute;
        padding: 15px;
        background: white;
        z-index: 99;
        right: 0;
        top: 150px;
        border-radius: 0rem;
    }
}

@media (max-width: 1000px) {
    .oh-input__search-group--show {
        display: block !important;
    }
}

.oh-select {
    border: 1px solid hsl(213, 22%, 84%);
    padding: 0.3rem 0.8rem 0.3rem 0.3rem;
    border-radius: 0rem;
    background-color: #fff;
}

.oh-select--sm,
.oh-select--xs-forced {
    font-size: 0.8rem;
    padding-top: 0.25rem;
}

.oh-select--xs-forced+.select2-container .select2-selection.select2-selection--single {
    height: 29.03px !important;
    font-size: 0.8rem !important;
}

.oh-select--xs+.select2-container .select2-selection--single {
    height: 29.03px !important;
    font-size: 0.8rem !important;
}

.oh-select--xs+.select2.select2-container .select2-selection__choice {
    font-size: 0.8rem !important;
}

.oh-select--dropdown {
    width: 100%;
    padding: 0.35rem 0.25rem;
    margin-top: 0.5rem;
    margin-bottom: 0.15rem;
    font-size: 0.9rem;
    border-radius: 0rem;
    height: 32px;
}

.oh-select--dropdown:first-child {
    margin-top: 0;
}

.oh-select--dropdown:last-child {
    margin-bottom: 0;
}

.oh-input--dropdown {
    width: 100%;
    font-size: 0.9rem;
    padding: 0.35rem 0.25rem;
    border-radius: 0rem;
    margin-top: 0.6rem;
    height: 32px;
}

.oh-input__label {
    display: block;
    font-size: 0.85rem;
    margin-bottom: 0.5rem;
    margin-top: 1rem;
}

.oh-label {
    font-size: 0.85rem;
    margin-bottom: 0.5rem;
    margin-top: 1rem;
}

.oh-info {
    display: flex;
    align-items: center;
    position: relative;
    top: 3px;
    left: 3px;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIGZpbGw9IiM5YzljOWMiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyIDJDNi40ODYgMiAyIDYuNDg2IDIgMTJzNC40ODYgMTAgMTAgMTAgMTAtNC40ODYgMTAtMTBTMTcuNTE0IDIgMTIgMlptMSAxNWgtMnYtNmgydjZabTAtOGgtMlY3aDJ2MloiPjwvcGF0aD4KPC9zdmc+");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    cursor: pointer;
}

.oh-label__info {
    display: flex;
    align-items: center;
}

.oh-label--question {
    display: block;
    font-weight: bold;
}

.oh-editable-input {
    width: auto;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    background-color: transparent;
}

select.oh-select--lg {
    padding: 0.8rem 1.25rem 0.8rem 0.25rem;
}

.oh-input-picker-group {
    display: flex;
    align-items: center;
}

@media (max-width: 767.98px) {
    .oh-input-picker-group--resp {
        flex-direction: column;
    }
}

.oh-input-picker {
    display: inline-block;
    padding: 10px;
    border: 1px solid hsl(213, 22%, 93%);
    cursor: pointer;
}

.oh-input-picker input {
    display: none;
}

.oh-input-picker:first-child {
    border-radius: 0rem 0rem 0rem 0rem;
    border-right: none;
}

.oh-input-picker:last-child {
    border-radius: 0rem 0rem 0rem 0;
    border-left: none;
}

.oh-input-picker--sm {
    width: 46px;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.oh-input-picker--likert {
    font-size: 0.85rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}

@media (max-width: 767.98px) {
    .oh-input-picker--likert {
        width: 100%;
        text-align: center;
    }
}

.oh-input-picker--1.oh-input-picker--selected {
    background-color: hsl(1, 100%, 61%);
}

.oh-input-picker--2.oh-input-picker--selected {
    background-color: hsl(19, 85%, 63%);
}

.oh-input-picker--3.oh-input-picker--selected {
    background-color: hsl(40, 91%, 60%);
}

.oh-input-picker--4.oh-input-picker--selected {
    background-color: hsl(121, 47%, 61%);
}

.oh-input-picker--5.oh-input-picker--selected {
    background-color: hsl(148, 70%, 40%);
}

.oh-input-picker--selected {
    background-color: #26a1df;
    color: hsl(0, 0%, 100%);
}

.oh-input-picker-selected {
    border: 1px solid hsl(213, 22%, 93%);
}

.oh-input--file {
    padding: 1rem;
}

.oh-input--file-sm {
    max-width: 250px;
}

.oh-select-image~.select2-container .select2-container--default,
.oh-select-image~.select2-container .select2-selection--single {
    border: none;
}

.oh-select-image__img {
    width: 32px;
    height: 32px;
    object-fit: cover;
    border-radius: 50%;
}

.select2-dropdown {
    border-radius: 0rem;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 0px;
}

.select2-container--open .select2-dropdown--above {
    top: -10px;
}

.select2-container--open .select2-dropdown--below {
    top: 10px;
}

.select2-container--open .select2-dropdown--below,
.select2-container--open .select2-dropdown--above {
    border: 1px solid hsl(213, 22%, 93%);
    border-top-left-radius: 0.25rem !important;
    border-top-right-radius: 0.25rem !important;
    border-bottom-left-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
}

.select2-results__option--selected {
    background-color: hsl(213, 22%, 93%) !important;
}

.select2-results__option--highlighted {
    background-color: rgba(233.223, 236.7573, 241.077, 0.5) !important;
    color: hsl(0, 0%, 11%) !important;
}

.oh-select-no-search+.select2-container,
.oh-select-2+.select2-container {
    width: 100% !important;
}

.oh-select-no-search+.select2-container .select2-selection--single,
.oh-select-2+.select2-container .select2-selection.select2-selection--single {
    border: 1px solid hsl(213, 22%, 93%);
    height: 48.54px !important;
    display: flex;
    align-items: center;
}

.oh-select-no-search+.select2-container .select2-selection--single:focus,
.oh-select-no-search+.select2-container .select2-selection--single:focus-visible,
.oh-select-no-search+.select2-container .select2-selection--single:active,
.oh-select-2+.select2-container .select2-selection.select2-selection--single:focus,
.oh-select-2+.select2-container .select2-selection.select2-selection--single:focus-visible,
.oh-select-2+.select2-container .select2-selection.select2-selection--single:active {
    border: 2px solid hsl(0, 0%, 13%) !important;
}

.select2-search__field {
    border-radius: 0px !important;
}

.select2-container--open .select2-selection {
    border-radius: 0rem !important;
}

.oh-select-no-search+.select2-container .select2-selection__arrow,
.select2-container--default .select2-selection--single .select2-selection__arrow {
    display: block;
    height: 100% !important;
}

.oh-select-no-search+.select2-container .select2-selection__rendered {
    height: 100%;
    display: flex !important;
    align-items: center !important;
}

.oh-select-image+.select2-container .select2-selection__rendered {
    height: unset !important;
}

.select2-results__option {
    padding: 0.4rem;
}

.select2-selection__arrow {
    height: 100%;
}

.oh-select:disabled+.select2-container,
.oh-select:disabled+.select2-container .select2-selection__rendered {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.oh-select:disabled+.select2-container .select2-selection {
    background-color: transparent !important;
    border: none !important;
}

.oh-select:disabled+.select2-container .select2-selection .select2-selection__arrow {
    display: none !important;
}

.oh-select-no-search+.select2-container .select2-selection--single {
    height: unset;
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
}

.select2-container--default .select2-selection--single {
    border-radius: 0px !important;
    border-color: hsl(213, 22%, 84%) !important;
}

.oh-select-no-search+.select2-container .select2-selection--single {
    height: 48.84px;
}

.oh-select--sm+.select2-container .select2-selection--single {
    height: 38px !important;
}

.oh-select-no-search+.select2-container,
.select2-container--default .select2-selection--multiple {
    border-radius: 0px !important;
    border-color: hsl(213, 22%, 84%) !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: hsl(0, 0%, 100%) !important;
    background: hsl(0, 0%, 100%) !important;
    border-color: hsl(213, 22%, 84%) !important;
    border-radius: 0px !important;
}


/* =================================
*     CHECKBOXES AND SWITCHES
* ================================ */

.oh-switch {
    display: flex;
    align-items: center;
}

.oh-switch .oh-switch__checkbox {
    appearance: none;
    background-color: #dfe1e4;
    border-radius: 72px;
    border-style: none;
    flex-shrink: 0;
    height: 20px;
    margin: 0;
    position: relative;
    width: 30px;
    display: inline-block;
    cursor: pointer;
}

.oh-switch .oh-switch__checkbox::before {
    bottom: -6px;
    content: "";
    left: -6px;
    position: absolute;
    right: -6px;
    top: -6px;
}

.oh-switch .oh-switch__checkbox,
.oh-switch .oh-switch__checkbox::after {
    transition: all 100ms ease-out;
}

.oh-select-2--large+.select2-container .select2-selection--multiple {
    height: 48.84px;
}

.oh-switch .oh-switch__checkbox::after {
    background-color: #fff;
    border-radius: 50%;
    content: "";
    height: 14px;
    left: 3px;
    position: absolute;
    top: 3px;
    width: 14px;
}

.oh-switch input[type=checkbox] {
    cursor: default;
}

.oh-switch .oh-switch__checkbox:hover {
    background-color: #c9cbcd;
    transition-duration: 0s;
}

.oh-switch .oh-switch__checkbox:checked {
    background-color: #26a1df;
}

.oh-switch .oh-switch__checkbox:checked::after {
    background-color: #fff;
    left: 13px;
}

.oh-switch :focus:not(.focus-visible) {
    outline: 0;
}

.oh-switch .oh-switch__checkbox:checked:hover {
    background-color: #26a1df;
}

.oh-password-input-container {
    position: relative;
}

.oh-password-input--toggle {
    position: absolute;
    top: 1px;
    right: 1px;
    height: 100%;
    font-size: 1.25rem;
}


/* ===============================
*     RADIO, ANSWERS & oh-rate
* ==============================*/

.oh-questions {
    padding-left: 0;
    list-style-type: none;
}

.oh-radio {
    display: block;
    position: relative;
    padding-left: 20px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.oh-radio input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    left: 0;
    top: 9px;
    z-index: 5;
}

.oh-radio__checkmark {
    position: absolute;
    top: 9px;
    left: 0;
    height: 16px;
    width: 16px;
    background-color: #eee;
    border-radius: 50%;
    z-index: initial;
}

.oh-radio:hover input~.oh-radio__checkmark {
    background-color: hsl(213, 22%, 93%);
}

.oh-radio input:checked~.oh-radio__checkmark {
    background-color: #26a1df;
}

.oh-radio__checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.oh-radio input:checked~.oh-radio__checkmark:after {
    display: block;
}

.oh-radio .oh-radio__checkmark:after {
    top: 4.5px;
    left: 4.5px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: white;
}

.oh-radio .oh-label {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    cursor: pointer;
}

.oh-rate {
    display: inline-block;
    height: 36px;
    padding: 0;
}

.oh-rate:not(:checked)>input {
    position: absolute;
    top: -9999px;
}

.oh-rate:not(:checked)>label {
    float: right;
    width: 1.15em;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
    font-size: 1.25rem;
    color: #ccc;
}

.oh-rate:not(:checked)>label:before {
    content: "★ ";
}

.oh-rate>input:checked~label {
    color: #ffc700;
}

.oh-rate:not(:checked)>label:hover,
.oh-rate:not(:checked)>label:hover~label {
    color: #deb217;
}

.oh-rate>input:checked+label:hover,
.oh-rate>input:checked+label:hover~label,
.oh-rate>input:checked~label:hover,
.oh-rate>input:checked~label:hover~label,
.oh-rate>label:hover~input:checked~label {
    color: #c59b08;
}


/* ===============================
*     REGISTRATION - PHOTO
* ==============================*/

.oh-profile-photo {
    font-size: 2rem;
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    border: 1px dashed hsl(0, 0%, 11%);
    border-radius: 50%;
    margin-bottom: 0.75rem;
    background: rgba(233.223, 236.7573, 241.077, 0.2);
    cursor: pointer;
}

.oh-profile-photo:hover {
    background: rgba(233.223, 236.7573, 241.077, 0.4);
}

.oh-profile-photo__input {
    display: none;
}

.oh-kanban {
    width: 100%;
    border-top: 1px solid hsl(213, 22%, 84%);
    display: flex;
    align-items: flex-start;
    min-height: calc(100vh - 180px);
    height: calc(100vh - 245px);
    padding-top: 0;
    overflow: auto;
}

.oh-kanban__section {
    width: 250px;
    margin-right: 1.5rem;
    flex-shrink: 0;
}

.oh-kanban__section:last-child {
    margin-right: 0;
}

.oh-kanban .ui-sortable-placeholder {
    min-height: calc(100vh - 245px);
}

.oh-kanban__add-container {
    padding-top: 0.5rem;
    top: 0;
    position: sticky;
}

.oh-kanban__section-title {
    font-size: 1rem;
    font-weight: bold;
}

.oh-kanban__section-head {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    margin-bottom: 0.5rem;
    background-color: hsl(0, 0%, 97.5%);
    position: sticky;
    min-height: 50px;
    top: 0;
    z-index: 3;
}

.oh-kanban__section-head--white {
    background-color: hsl(0, 0%, 100%) !important;
}

.oh-kanban__head-actions {
    display: flex;
    align-items: center;
}

.oh-kanban__btn {
    padding: 0;
    font-size: 1rem;
    margin-right: 0.5rem;
}

.oh-kanban__btn:last-child {
    margin-right: 0;
}

.oh-kanban__card {
    background-color: hsl(0, 0%, 100%);
    border: 1px solid hsl(213, 22%, 84%);
    border-bottom: none;
    width: 100%;
    flex-shrink: 0;
}

.oh-kanban__card:hover {
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.02) 0px 1px 2px 0px;
}

.oh-kanban__card:last-child {
    border-bottom: 1px solid hsl(213, 22%, 84%);
}

.oh-kanban__card-head,
.oh-kanban__card-footer {
    padding: 0.75rem;
}

.oh-kanban__card-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.oh-kanban__card-body {
    position: relative;
    padding: 0 0.75rem;
}

.oh-kanban__card-footer-text {
    font-size: 0.8rem;
}

.oh-kanban__section-body {
    width: 100%;
    min-height: calc(100vh - 245px);
}

.oh-kanban__add-section {
    min-width: 225px;
    font-size: 0.85rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid hsl(213, 22%, 93%);
}

.oh-kanban__add-section:hover {
    border: 1px solid hsl(213, 22%, 84%);
}

.oh-kanban__add-dialog,
.oh-kanban__add-card-container {
    padding: 0.75rem;
}

.oh-kanban__section--highlight {
    background-color: hsl(185, 68%, 98%);
    border: 1px dashed hsl(185, 68%, 42%);
    width: calc(250px + 1rem);
    height: calc(100vh - 180px);
}

.oh-kanban__card--highlight {
    background-color: hsl(185, 68%, 98%);
    border: 1px dashed hsl(185, 68%, 42%);
    width: 250px;
    height: 100px;
}

.oh-kanban-group-container {
    display: flex;
    align-items: flex-start;
    max-width: 100%;
    height: calc(100vh - 180px);
    overflow-x: auto;
}

.oh-kanban-group {
    min-width: 300px;
    max-width: calc(33.33% - 0.5rem);
    margin-right: 1rem;
    flex-shrink: 0;
}

.oh-kanban-group .oh-kanban-card {
    margin-bottom: 1rem;
}

.oh-kanban-group .oh-kanban-card:last-child {
    margin-bottom: 0;
}

.oh-kanban-group__head {
    position: relative;
    margin-bottom: 1.25rem;
    width: 100%;
    padding: 0.5rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.oh-kanban-group__head:hover {
    background-color: hsl(213, 22%, 93%);
}

.oh-kanban-group__add-card {
    font-size: 1.25rem;
    padding: 0;
}

.oh-kanban-card--collapsed .oh-kanban-group__add-card {
    display: none;
}

.oh-kanban-gorup__title {
    font-weight: bold;
}

.oh-kanban-card--collapsed.oh-kanban-group {
    min-width: 30px;
}

.oh-kanban-card--collapsed .oh-kanban-group__head {
    background-color: hsl(213, 22%, 93%);
    position: relative;
    height: calc(100vh - 200px);
    width: 35px;
}

.oh-kanban-card--collapsed .oh-kanban-group__head::before {
    content: "";
    width: 18px;
    height: 18px;
    display: block;
    position: absolute;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzdkN2Q3ZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjEuNSIgdmlld0JveD0iMCAwIDI0IDI0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxwYXRoIGQ9Ik01Ljk5NCAxNiAyIDEyLjAwMyA2IDgiPjwvcGF0aD4KICA8cGF0aCBkPSJNMTguMDA2IDggMjIgMTEuOTk3IDE4IDE2Ij48L3BhdGg+CiAgPHBhdGggZD0iTTIgMTJoMjAiPjwvcGF0aD4KPC9zdmc+");
    background-repeat: no-repeat;
    background-size: contain;
    bottom: 10px;
}

.oh-kanban-card--collapsed .oh-kanban-group__head:hover {
    background-color: hsl(213, 22%, 84%);
}

.oh-kanban-card--collapsed .oh-kanban-gorup__title {
    transform-origin: 0 0;
    transform: rotate(-90deg);
    position: absolute;
    width: calc(100vh - 260px);
    left: 0;
    bottom: 0px;
    left: 5px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.oh-kanban-card--collapsed .oh-kanban-group__body {
    display: none;
}

.oh-kanban__card--status {
    position: relative;
    margin-top: 1rem;
}

.oh-kanban__card--status::before {
    content: "";
    width: 100%;
    height: 4px;
    position: absolute;
    left: 0px;
    bottom: 0px;
}

.oh-kanban__card--status:first-child {
    margin-top: 0;
}

.oh-kanban__card--blue::before {
    content: "";
    background-color: hsl(225, 72%, 48%);
}

.oh-kanban__card--red::before {
    content: "";
    background-color: hsl(0, 71%, 54%);
}

.oh-kanban__card--amber::before {
    content: "";
    background-color: hsl(44, 89%, 62%);
}

.oh-kanban__card--green::before {
    content: "";
    background-color: hsl(148, 70%, 40%);
}

.oh-kanban__card-body-collapse {
    width: 24px;
    height: 24px;
    display: inline-block;
    border: none;
    background-color: hsl(0, 0%, 97.5%);
    border-radius: 5px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjgiIGhlaWdodD0iMjgiIGZpbGw9IiM2OTY5NjkiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBkPSJtNyAxNC41IDUtNSA1IDVIN1oiPjwvcGF0aD4KPC9zdmc+");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    right: 10px;
}

.oh-kanban__card-body-collapse:hover {
    background-color: hsl(0, 0%, 96%);
}

.oh-kanban__card-collapse--down {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjgiIGhlaWdodD0iMjgiIGZpbGw9IiM2OTY5NjkiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBkPSJtNyA5LjUgNSA1IDUtNUg3WiI+PC9wYXRoPgo8L3N2Zz4=") !important;
}

.oh-kanban__card-content--hide {
    display: none;
}

.oh-modal {
    position: fixed;
    background-color: rgba(28.05, 28.05, 28.05, 0.2);
    z-index: 1021;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    display: none;
    transition: all 0.4 ease-in-out;
    animation: fade-in-animation 0.2s 0s ease-in-out forwards;
}

@keyframes fade-in-animation {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@media (max-width: 575.98px) {
    .oh-modal {
        padding-left: 0.7rem;
        padding-right: 0.7rem;
    }
}

.oh-modal--show {
    display: block;
    transition: all 0.4 ease-in-out;
}

.oh-modal__dialog {
    background-color: hsl(0, 0%, 100%);
    max-width: 650px;
    border-radius: 0rem;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 12px 28px 0px, rgba(0, 0, 0, 0.1) 0px 2px 4px 0px, rgba(255, 255, 255, 0.05) 0px 0px 0px 1px inset;
    margin: 1.75rem auto;
}

.oh-modal__dialog-header {
    position: relative;
    padding: 1.75rem 1.75rem 0.5rem;
    width: 100%;
}

.oh-modal__dialog-body {
    padding: 0 1.75rem 1.75rem 1.75rem;
}

.oh-modal__dialog-title {
    font-size: 1.05rem;
}

.oh-modal__close {
    border: none;
    background: none;
    font-size: 1.5rem;
    opacity: 0.7;
    position: absolute;
    top: 25px;
    right: 15px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}

.oh-modal__close:hover {
    opacity: 1;
    transition: all 0.3s ease-in-out;
}

.oh-modal__section-head {
    border-bottom: 1px solid hsl(0, 0%, 95%);
    padding-bottom: 0.75rem;
    color: hsl(0, 0%, 37%);
    margin-bottom: 0.75rem;
}

.oh-modal__dialog-footer {
    padding: 0.25rem 1.75rem 1.75rem;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.oh-modal__dialog--timeoff {
    max-width: 350px;
}

.oh-modal__label {
    display: block;
    font-size: 0.8rem;
    color: hsl(0, 0%, 45%);
    margin-bottom: 0.25rem;
}

.oh-modal__value {
    font-size: 1.05rem;
    font-weight: bold;
}

.oh-modal__description {
    max-height: 150px;
    overflow-y: auto;
}

.oh-modal__dialog--confirm {
    max-width: 350px;
}

.oh-modal__dialog--confirm .oh-modal__dialog-title {
    font-weight: bold;
}

.oh-modal__dialog--confirm .oh-modal__dialog-footer {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.5rem;
}

.oh-pagination {
    margin-top: 2rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

@media (max-width: 575.98px) {
    .oh-pagination {
        flex-direction: column;
        align-items: flex-start;
    }
}

.oh-pagination__page {
    color: hsl(0, 0%, 11%);
    font-size: 0.9rem;
}

.oh-pagination__items {
    display: flex;
    align-items: center;
    list-style-type: none;
    padding-left: 0;
}

.oh-pagination__item {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    padding: 10px;
    background-color: hsl(0, 0%, 100%);
    border: 1px solid hsl(213, 22%, 84%);
    border-right: 0px;
    font-size: 0.9rem;
    cursor: pointer;
}

.oh-pagination__item:first-child {
    border-radius: 0;
}

.oh-pagination__item:last-child {
    border-right: 1px solid hsl(213, 22%, 84%);
    border-radius: 0;
}

.oh-pagination__item:hover {
    background-color: hsl(0, 0%, 95%);
}

.oh-pagination__item--wide {
    width: fit-content;
}

.oh-pagination__link:hover {
    text-decoration: none;
}

.oh-pagination__link--active {
    color: #26a1df;
}

.oh-pagination__nav {
    display: flex;
}

.oh-pagination__input-container {
    margin-right: 1rem;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
}

@media (max-width: 575.98px) {
    .oh-pagination__input-container {
        margin-left: 0;
    }
}

@media (max-width: 575.98px) {
    .oh-pagination__input-container .oh-pagination__label:first-child {
        display: none;
    }
}

.oh-pagination__input {
    width: 40px;
    height: 40px;
    border: 1px solid hsl(213, 22%, 84%);
    text-align: center;
    border-radius: 0px;
}

.oh-pagination__input:hover,
.oh-pagination__input:focus,
.oh-pagination__input:focus-visible {
    border: 2px solid hsl(0, 0%, 13%);
    border-radius: 0;
}

.oh-pagination__label {
    color: hsl(0, 0%, 11%);
    font-size: 0.85rem;
}

.oh-pagination__page {
    margin-bottom: 0.75rem;
}

.oh-profile {
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.oh-profile__avatar {
    border-radius: 50%;
    flex-shrink: 0;
}

.oh-profile__image {
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 50%;
}

.oh-profile__active-badge {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    position: absolute;
    right: 5px;
    bottom: 5px;
    cursor: pointer;
}

.oh-profile__active-badge--secondary {
    background-color: #26a1df;
    border: 2px solid hsl(0, 0%, 100%);
}

.oh-profile--md .oh-profile__avatar {
    width: 30px;
    height: 30px;
}

.oh-profile--md .oh-profile__name {
    font-size: 0.8rem;
}

.oh-profile--base .oh-profile__avatar {
    width: 42px;
    height: 42px;
}

.oh-profile--base .oh-profile__name {
    font-size: 0.95rem;
}

.oh-profile--lg .oh-profile__avatar {
    width: 90px;
    height: 90px;
}

.oh-profile--lg .oh-profile__name {
    font-size: 0.95rem;
}

.oh-profile-list {
    list-style-type: none;
    padding-left: 0;
    margin-bottom: 0;
}

.oh-profile-list__item {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.oh-profile-list__item:last-child {
    padding-bottom: 0;
}

.oh-profile-list__link:hover {
    text-decoration: none;
    opacity: 0.9;
}

.oh-profile__info-name {
    font-size: 1.4rem;
}

@media (max-width: 575.98px) {
    .oh-profile__info-name {
        font-weight: bold;
        font-size: 1.2rem;
    }
}

.oh-profile__info-designation {
    margin-bottom: 0;
    color: hsl(0, 0%, 45%);
}

.oh-profile__info-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.oh-profile__info-list {
    margin-bottom: 0;
    padding-left: 0;
}

@media (max-width: 767.98px) {
    .oh-profile__info-list {
        margin-top: 2rem;
    }
}

.oh-profile__info-list-item {
    display: flex;
    align-items: center;
}

.oh-profile__info-label,
.oh-profile__info-icon {
    color: hsl(216, 3%, 39%);
    font-size: 0.85rem;
}

.oh-profile__info-label {
    display: flex;
    align-items: center;
    margin-right: 0.75rem;
}

.oh-profile__info-label>*:first-child {
    margin-right: 0.35rem;
}

.oh-profile__info-value {
    font-size: 0.9rem;
}

.oh-profile__info-list-item {
    margin-bottom: 0.75rem;
}

.oh-profile__info-list-item:last-child {
    margin-bottom: 0;
}

.oh-general__tabs--border {
    padding-bottom: 0.8rem;
    border-bottom: 1px solid hsl(213, 22%, 93%);
}

.oh-profile__card-info-list {
    padding-left: 0;
    list-style-type: none;
}

.oh-profile__card-info-item {
    display: flex;
    flex-direction: column;
}

.oh-profile__card-info-item {
    margin-bottom: 1.5rem;
}

.oh-profile__card-info-item:last-child {
    margin-bottom: 0;
}

.oh-profile__subtext {
    font-size: 0.8rem;
    color: hsl(0, 0%, 45%);
    margin-bottom: 0;
}

.oh-profile__meta {
    margin-left: 0.3rem;
}

.oh-progress {
    background-color: hsl(0, 0%, 96%);
    border-radius: 25px;
    width: 100%;
    height: 8px;
    display: block;
}

.oh-progress__bar {
    display: block;
    height: 100%;
    border-radius: 25px;
}

.oh-progress__bar--secondary,
.oh-progress__bar--table-secondary {
    background-color: #26a1df;
}

.oh-progress--table-secondary {
    border: 1px solid #26a1df;
}

.oh-progress__bar--table {
    border-radius: 2px;
    max-width: 80%;
}

.oh-progress--table {
    height: 25px;
    border-radius: 5px;
    background-color: transparent;
    width: 75%;
}

.oh-progress-container {
    display: flex;
    align-items: center;
}

.oh-progress-container__percentage {
    font-size: 0.8rem;
    font-weight: bold;
    margin-left: 0.7rem;
    color: hsl(0, 0%, 45%);
}

.oh-sidebar {
    background-color: hsl(0, 0%, 100%);
    /* color: hsl(0, 0%, 100%); */
    max-width: 230px;
    min-height: 100vh;
    height: 100%;
    overflow-y: auto;
    left: 0;
    z-index: 99;
}

.oh-sidebar__company img {
    height: 80px;
    width: 100px;
    top: 30px;
    border-radius: 3px;
}

.oh-sidebar__company {
    display: grid;
    grid-template-columns: 1fr 4fr auto;
    align-items: center;
    padding: 25px 20px;
    border-bottom: 2px solid rgba(255, 255, 255, 0.15);
    width: 230px;
}

.oh-sidebar__company div:first-child {
    margin-right: 10px;
}

.oh-sidebar__company-profile {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #26a1df;
    font-size: 1.25rem;
    border-radius: 0.15rem;
}

.oh-sidebar__company-details {
    display: flex;
    flex-direction: column;
}

.oh-sidebar__company-title {
    color: hsl(0deg 2.43% 2.31%);
    font-size: 0.95rem;
}

.oh-sidebar__company-link {
    font-size: 0.7rem;
    color: hsl(0deg 2.43% 2.31%);
}

.oh-sidebar__company-link:hover {
    color: rgba(255, 255, 255, 0.9);
    text-decoration: none;
}

.oh-sidebar__company-link:active,
.oh-sidebar__company-link:focus,
.oh-sidebar__company-link:focus-visible {
    color: hsl(0, 0%, 100%);
    text-decoration: none;
}

.oh-sidebar__menu-items {
    padding-left: 0px;
    margin-top: 25px;
    list-style: none;
}

.oh-sidebar__menu-item {
    font-size: 16px;
}

.oh-sidebar__menu-link {
    display: grid;
    grid-template-columns: auto 1fr;
    color: hsl(0deg 3.16% 12.06%);
    opacity: 1;
    padding-left: 20px;
    padding-right: 20px;
    padding: 0.85rem;
    border-radius: 5px;
    /* margin-left: 20px; */
    margin-right: 20px;
    width: auto;
}

.oh-sidebar__menu-link:hover {
    color: hsl(0, 2%, 19%);
    text-decoration: none;
    opacity: 0.7;
}

.oh-sidebar__menu-link:active,
.oh-sidebar__menu-link:focus,
.oh-sidebar__menu-link:focus-visible {
    color: #262760;
    text-decoration: none;
}

.oh-sidebar__menu-link--active {
    color: #262760;
    background-color: #FFFFFF;
    background: linear-gradient(90deg, #c2c2d4 0%, rgba(43, 169, 229, 0) 11.25%);
}

.oh-sidebar__menu-icon {
    margin-right: 10px;
}

.oh-sidebar__submenu {
    padding: 17px 25px;
    background-color: #ffff;
    width: 230px;
}

.oh-sidebar__submenu-items {
    padding-left: 0;
    list-style-type: none;
}

.oh-sidebar__submenu-item {
    font-size: 0.85rem;
    padding-left: 15px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.oh-sidebar__submenu-item:first-child {
    margin-top: 0;
}

.oh-sidebar__submenu-item:last-child {
    margin-bottom: 0;
}

.oh-sidebar__submenu-link {
    color: #000;
}

.oh-sidebar__submenu-link:hover,
.oh-sidebar__submenu-link:focus,
.oh-sidebar__submenu-link:focus-visible,
.oh-sidebar__submenu-link:visited {
    color: #424242;
    text-decoration: none;
}

.oh-sidebar__transition {
    transition: all 0.3s ease-in-out;
}

.oh-sidebar__animation--enter-start {
    transform: translateX(-100%);
}

.oh-sidebar__animation--enter-end {
    transform: translateX(0%);
}

.oh-sidebar__animation--leave-start {
    transform: translateX(0%);
}

.oh-sidebar__animation--leave-end {
    transform: translateX(-100%);
}


/* ===================================
*         Activity Sidebar
* ================================== */

.oh-activity-sidebar {
    position: fixed;
    top: 0;
    right: 0;
    background-color: hsl(0, 0%, 100%);
    height: 100%;
    min-height: 100vh;
    width: 50%;
    max-width: 1000px;
    box-shadow: rgba(0, 0, 0, 0.1) -4px 9px 25px -6px;
    padding: 2rem;
    display: none;
    z-index: 15;
}

@media (max-width: 767.98px) {
    .oh-activity-sidebar {
        width: 95%;
    }
}

.oh-activity-sidebar--show {
    display: block;
    animation: slide-right-in-animation 0.4s 0s ease-in-out forwards;
}

@keyframes slide-right-in-animation {
    from {
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }
    to {
        transform: translate3d(0, 0, 0);
    }
}

.oh-activity-sidebar__title,
.oh-activity-sidebar__header-icon {
    font-size: 1.25rem;
}

.oh-activity-sidebar__header {
    display: flex;
    align-items: center;
    margin-bottom: 1.05rem;
}

.oh-activity-sidebar__body {
    overflow-y: auto;
    min-height: calc(100% - 90px);
    max-height: calc(100% - 90px);
}

.oh-activity-sidebar__qa-list {
    padding-left: 0;
    list-style: none;
}

.oh-activity-sidebar__qa-item {
    background-color: hsl(0, 0%, 100%);
    padding: 1.25rem;
    border-radius: 0.5rem;
    border: 1px solid hsl(213, 22%, 93%);
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
    transition: background-color 0.4s ease-in-out;
    margin: 1rem auto;
}

.oh-activity-sidebar__qa-item:last-child {
    margin-bottom: 0rem;
}

.oh-activity-sidebar__qa-item:hover {
    background-color: rgba(233.223, 236.7573, 241.077, 0.4);
    transition: background-color 0.4s ease-in-out;
    cursor: pointer;
}

.oh-activity-sidebar__q {
    display: block;
    font-weight: bold;
}

.oh-activity-sidebar__a {
    display: block;
    color: hsl(0, 0%, 45%);
    margin-top: 0.35rem;
}

span.oh-activity-sidebar__a img {
    height: unset !important;
}

.oh-activity-sidebar__close:hover {
    cursor: pointer;
    opacity: 0.6;
    transition: all 0.4s ease-in-out;
}


/* ===================================
*         Inner Sidebar
* ================================== */

.oh-inner-sidebar {
    width: 100%;
    border-right: 1px solid hsl(213, 22%, 93%);
    padding: 1.5rem 1rem;
}

@media (max-width: 991.98px) {
    .oh-inner-sidebar {
        border: none;
    }
}

.oh-inner-sidebar-toggle {
    display: none;
    background-color: transparent;
    border-bottom: 1px solid hsl(213, 22%, 93%);
    margin-bottom: 1.5rem;
    padding-top: 0;
}

.oh-inner-sidebar-toggle:hover,
.oh-inner-sidebar-toggle:focus,
.oh-inner-sidebar-toggle:focus-visible {
    background-color: transparent;
    color: #26a1df;
    border-bottom: 1px solid hsl(213, 22%, 93%);
}

@media (max-width: 991.98px) {
    .oh-inner-sidebar-toggle {
        display: flex;
    }
}

.oh-inner-sidebar__items {
    list-style-type: none;
    padding-left: 0;
    max-height: 100%;
    overflow-y: auto;
}

.oh-inner-sidebar__item {
    margin-bottom: 0.05rem;
}

.oh-inner-sidebar__item:last-child {
    margin-bottom: 0;
}

.oh-inner-sidebar__link {
    font-size: 0.88rem;
    display: block;
    padding: 0.7rem;
    width: 100%;
}

.oh-inner-sidebar__link:hover,
.oh-inner-sidebar__link:focus,
.oh-inner-sidebar__link:focus-visible {
    color: #26a1df;
    text-decoration: none;
}

.oh-inner-sidebar__link--active {
    background-color: #fff6f4;
    color: #26a1df;
    border: solid 1px;
    border-radius: 5px;
}

.oh-inner-sidebar-content {
    width: 100%;
    padding: 1.5rem 0;
}

.oh-inner-sidebar-content__header {
    padding-bottom: 0.5rem;
    border-bottom: 1px solid hsl(213, 22%, 93%);
    margin-bottom: 1rem;
}

.oh-inner-sidebar-content__title {
    font-size: 1.25rem;
    font-weight: bold;
}

.oh-inner-sidebar-content__footer {
    padding-top: 1rem;
    border-top: 1px solid hsl(213, 22%, 93%);
    margin-top: 1rem;
    display: flex;
    justify-content: flex-end;
}


/* =================================
*        COLLAPSED SIDEBAR
* ================================ */

@media (max-width: 767.98px) {
    .oh-wrapper-main--closed #sidebar {
        display: none;
    }
}

.oh-wrapper-main--closed .oh-sidebar__company-details {
    display: none;
}

.oh-wrapper-main--closed .oh-sidebar__company {
    display: flex;
    align-items: center;
    justify-content: center;
    width: unset;
}

.oh-wrapper-main--closed .oh-sidebar__company .oh-dropdown {
    display: none;
}

.oh-wrapper-main--closed .oh-sidebar__company .oh-sidebar__company-profile {
    margin-right: 0;
}

.oh-wrapper-main--closed .oh-sidebar__submenu-items,
.oh-wrapper-main--closed .oh-sidebar__menu-link span {
    display: none;
}

.oh-wrapper-main--closed .oh-sidebar__menu-item {
    margin-bottom: 1rem;
}

.oh-wrapper-main--closed .oh-sidebar__menu-item:last-child {
    margin-bottom: 0;
}

.oh-wrapper-main--closed .oh-sidebar__submenu {
    position: fixed;
    z-index: -1;
    pointer-events: none;
}

.oh-wrapper-main--closed .oh-sidebar__menu-link {
    display: flex;
    justify-content: center;
    align-items: center;
}

.oh-wrapper-main--closed .oh-sidebar__menu-icon {
    margin-right: 0;
}

.oh-wrapper-main--closed .oh-sidebar__menu-icon img {
    height: 24px;
    width: 24px;
}

.oh-wrapper-main--closed .oh-sidebar__menu-link,
.oh-wrapper-main--closed .oh-sidebar__submenu {
    width: unset;
}

.oh-table {
    width: 100%;
    font-size: 0.85rem;
    border-collapse: collapse;
    border: 1px solid hsl(0, 0%, 95%);
    background-color: hsl(0, 0%, 100%);
}

@media (max-width: 991.98px) {
    .oh-table {
        display: block;
        max-width: 100vw;
        overflow-x: auto;
    }
}

.oh-table thead tr th {
    padding: 1.25rem 0.65rem;
    text-align: left;
    border-bottom: 3px solid hsl(0, 0%, 95%);
    color: hsl(0, 0%, 37%);
    font-weight: 400;
}

.oh-table tbody tr td {
    padding: 1.25rem 0.65rem;
    border-bottom: 1px solid hsl(0, 0%, 95%);
}

.oh-table tbody tr:hover {
    background-color: hsl(0, 0%, 96%);
    cursor: pointer;
}

.oh-table tbody {
    max-height: 400px;
    overflow-y: auto;
}


/* ====================================
*        Sticky Table
* ================================== */

.oh-sticky-table {
    max-height: 75vh;
    overflow: auto;
    margin: auto;
    max-width: 100%;
    border: 1px solid hsl(213, 22%, 93%);
    position: relative;
}

.oh-sticky-table--no-highlight .oh-sticky-table__tr:hover {
    background-color: transparent;
}

.oh-sticky-table--no-overflow {
    overflow-x: auto;
    overflow-y: visible;
}

.oh-sticky-table__table {
    display: table;
    position: relative;
    width: 100%;
    table-layout: fixed;
}

.oh-sticky-table__tr {
    display: table-row;
}

.oh-sticky-table__tr:hover {
    background-color: hsl(0, 0%, 96%);
    cursor: pointer;
}

.oh-sticky-table__sd {
    background-color: hsl(0, 0%, 100%);
    z-index: 10 !important;
    width: 240px;
}

.oh-sticky-table__th:first-child {
    z-index: 11 !important;
}

.oh-sticky-table__th {
    z-index: 10;
    background-color: hsl(0, 0%, 100%);
    padding: 0.5rem 1rem !important;
}

.oh-sticky-table__thead {
    display: table-header-group;
    font-weight: bold;
    z-index: 1;
}

.oh-sticky-table__tbody {
    display: table-row-group;
    height: 60px;
}

.oh-sticky-table__tbody--highlight {
    height: 60px;
    width: 100vw;
    background-color: hsl(185, 68%, 98%);
    border: 1px dashed hsl(185, 68%, 42%);
    border-left: none;
    border-right: 0;
}

.oh-sticky-table__th,
.oh-sticky-table__sd {
    position: sticky;
    background: hsl(0, 0%, 100%);
    color: hsl(0, 0%, 11%);
}

.oh-sticky-table__th {
    top: 0;
    border-bottom: 2px solid hsl(213, 22%, 93%);
}

.oh-sticky-table__sd {
    left: 0;
    border-right: 1px solid hsl(213, 22%, 93%);
}

@media (max-width: 575.98px) {
    .oh-sticky-table__sd {
        position: relative;
    }
}

.oh-sticky-table__sd,
.oh-sticky-table__td,
.oh-sticky-table__th {
    padding: 0.6rem;
}

.oh-sticky-table--fit .oh-sticky-table__sd,
.oh-sticky-table--fit .oh-sticky-table__td,
.oh-sticky-table--fit .oh-sticky-table__th {
    padding: 0.6rem;
    width: fit-content;
}

.oh-sticky-table__thead div.oh-sticky-table__th:first-child,
.oh-sticky-table__tfoot div.oh-sticky-table__th:first-child {
    left: 0;
    z-index: 1;
    border-right: 1px solid hsl(213, 22%, 93%);
}

@media (max-width: 575.98px) {
    .oh-sticky-table__thead div.oh-sticky-table__th:first-child,
    .oh-sticky-table__tfoot div.oh-sticky-table__th:first-child {
        position: relative;
    }
}

.oh-sticky-table__sr {
    position: sticky;
    right: 0;
    background-color: hsl(0, 0%, 100%);
    z-index: 9 !important;
    padding: 1rem;
    border-bottom: 1px solid hsl(213, 22%, 93%);
    border-left: 1px solid hsl(213, 22%, 93%);
    display: table-cell;
}

.oh-sticky-table__th--sticky {
    right: 0;
    position: sticky;
    border-left: 1px solid hsl(213, 22%, 93%);
}

.oh-sticky-table__th--right {
    right: 0;
    border-left: 1px solid hsl(213, 22%, 93%);
}

.oh-sticky-table__button-container {
    display: flex;
    align-items: center;
}

.oh-sticky-table__button-container>* {
    flex-shrink: 0;
}


/* ========================================
*            EDITABLE INPUT
* ====================================== */

.oh-table__editable-input:read-only {
    color: hsl(0, 0%, 11%);
    background-color: transparent;
    border: none;
    height: 100%;
    border: 1px solid transparent;
}

.oh-table__editable-input:read-only:hover {
    border: 1px solid hsl(213, 22%, 84%);
}

.oh-table__editable-input:read-only:focus,
.oh-table__editable-input:read-only:focus-visible {
    outline: none;
    border: none;
}

.oh-table__editable-input {
    border-radius: 0px;
    border: 1px solid hsl(0, 0%, 13%);
}

.oh-table__editable-input:focus,
.oh-table__editable-input:focus-visible {
    outline: hsl(0, 0%, 13%) solid 2px;
    border-radius: 0px;
    border: none;
}

.oh-table__add-column {
    min-height: 55px;
}

.oh-table__add-row {
    position: sticky;
    left: 0;
}

.oh-table__add-row-dropdown {
    bottom: 0;
    transform: translateX(50%);
}

@media (max-width: 575.98px) {
    .oh-table__add-row-dropdown {
        transform: translateX(0);
    }
}

.oh-table-config__close-tr,
.oh-table-config__close-th {
    border: none;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: hsl(213, 22%, 93%);
    position: absolute;
    right: 3px;
    top: 3px;
    display: none;
}

.oh-table-config__tr:not(:only-child):hover .oh-table-config__close-tr {
    display: flex;
}

.oh-table-config__th:not(:only-child):hover .oh-table-config__close-th {
    display: flex;
}

:is(.oh-table-config__th:nth-last-child(2)):is(.oh-table-config__th:nth-child(2)) .oh-table-config__close-th {
    display: none !important;
}


/* ========================================
*          COLLAPSABLE TABLE
* ====================================== */

.oh-table__toggle-button {
    padding: 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

.oh-table__toggle-button:after {
    content: "";
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9IiMxZjFmMWYiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBkPSJNMTkgMTNoLTZ2NmgtMnYtNkg1di0yaDZWNWgydjZoNnYyWiI+PC9wYXRoPgo8L3N2Zz4=");
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.oh-table__toggle-button.oh-table__toggle-button--show:after {
    content: "";
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9IiMxZjFmMWYiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBkPSJNNiAxMWgxMnYySDZ2LTJaIj48L3BhdGg+Cjwvc3ZnPg==");
    display: flex;
    align-items: center;
    justify-content: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.oh-table__toggle-child {
    display: none;
}

.oh-table__toggle-child.oh-table__toggle-child--show {
    display: table-row;
}


/* ========================================
*          TABLE CONTROLS
* ====================================== */

.oh-table-controls {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    margin-bottom: 1rem;
}


/*..............Table sticky dropdown...................*/

.oh-sticky-dropdown_btn {
    font-weight: bold;
    background: hsl(0, 0%, 100%);
    color: hsl(0, 0%, 11%);
    border: transparent;
    width: 100%;
    padding: 0.7rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.oh-sticky-table_dropdown {
    right: 0;
    width: max-content;
}

.oh-sticy-dropdown-item {
    font-weight: 400;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 2rem;
}

.oh-table__checkbox {
    display: flex;
    align-items: baseline;
    justify-content: center;
}

.oh-dropdown_btn-header {
    display: flex;
    align-items: center;
    margin: 0.8rem 0;
    gap: 0.4rem;
}

.oh-sticky-dropdown--header {
    position: absolute;
    z-index: 11;
    right: 0px;
    margin-right: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0px;
    border-top: 1px solid hsl(213, 22%, 93%);
}

.oh-table_sticky--wrapper {
    position: relative;
}

.oh-main__more-option-toggle {
    display: none;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 0.3rem;
    border: 1px solid hsl(213, 22%, 84%);
}

@media (max-width: 1000px) {
    .oh-main__more-option-toggle {
        display: flex;
    }
}

.oh-main_mob-toggler {
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

.oh-titebar-button_mob--container {
    position: relative;
}

@media (max-width: 1000px) {
    .oh-titebar-button_mob--container {
        position: absolute;
        min-width: 300px;
        right: 10px;
        padding: 15px;
        background: white;
        z-index: 99;
        right: 16px;
        top: 160px;
        border-radius: 0rem;
        flex-direction: column;
    }
    .oh-titebar-button_mob--container button {
        width: 100%;
    }
    .oh-titebar-button_mob--container .oh-btn-group {
        width: 100%;
    }
    .oh-titebar-button_mob--container .oh-dropdown {
        width: 100%;
    }
}

@media (max-width: 1000px) {
    .oh-main__titlebar .oh-main__titlebar-button-container {
        display: none;
    }
}

.oh-main__titlebar .show {
    display: flex;
}

@media (max-width: 1000px) {
    .oh-main__titlebar-button-container> :first-child {
        margin-left: 0px;
    }
}

.oh-sticky-table__td,
.oh-sticky-table__th,
.oh-sticky-table__sd {
    display: table-cell;
    padding: 16px 10px;
    border-bottom: 0.2px solid hsl(213, 22%, 93%);
    border-right: 0.2px solid #fff;
    vertical-align: middle;
    width: 160px;
    word-break: break-word;
}

.oh-hover-btn {
    border: 2px solid #1c1c1c;
    background-color: transparent;
    border-radius: 3px;
    padding: 0.15rem 0.4rem;
}

.oh-hover-btn:hover {
    background-color: hsl(213, 22%, 93%);
}

.oh-hover-btn-container {
    position: relative;
    display: inline-block;
}

.oh-hover-btn-container:before {
    content: "";
    display: block;
    background-color: transparent;
    position: absolute;
    width: 100%;
    height: 20px;
    bottom: 100%;
}

.oh-hover-btn__small {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background-color: hsl(0, 0%, 100%);
    border: 1px solid hsl(213, 22%, 93%);
    -webkit-box-shadow: rgba(17, 17, 26, 0.05) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;
    box-shadow: rgba(17, 17, 26, 0.05) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.oh-hover-btn__small:hover {
    background-color: #26a1df;
    border: 1px solid #26a1df;
    color: hsl(0, 0%, 100%);
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    -webkit-transform: scale(105%);
    transform: scale(105%);
}

.oh-hover-btn-drawer {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 5px;
    z-index: 99;
    right: -20px;
    bottom: 130%;
    visibility: hidden;
    pointer-events: none;
    opacity: 0;
}

.oh-hover-btn-container:hover .oh-hover-btn-drawer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    visibility: visible;
    pointer-events: all;
    opacity: 1;
}

.table-wrapper {
    position: relative;
    overflow: scroll;
    max-height: 250px;
    border: 1px solid hsl(213, 22%, 93%);
}

.fixed-table {
    border-collapse: collapse;
    width: 100%;
    table-layout: fixed;
}

.fixed-table th,
.fixed-table td {
    padding: 8px 10px;
    display: table-cell;
    height: 10px;
    line-height: 10px;
    text-align: left;
    vertical-align: middle;
    border-bottom: 0.2px solid hsl(213, 22%, 93%);
    border-right: 0.2px solid #fff;
    vertical-align: middle;
    width: 160px;
    /* word-break: break-word; */
}

.fixed-table td {
    font-size: 0.8rem;
    height: 45px;
    color: hsl(0, 0%, 11%);
    display: table-cell;
    /* padding: 8px 10px; */
    border-bottom: 0.2px solid hsl(213, 22%, 93%);
    border-right: 0.2px solid #fff;
    vertical-align: middle;
    width: 160px;
    /* word-break: break-word; */
}

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

.fixed-table th:nth-child(2),
.fixed-table td:nth-child(2) {
    position: sticky;
    left: 30px;
    background-color: #f1f1f1;
    z-index: 2;
    width: 100px !important;
    background-color: #ffffff !important;
    border-right: 1px solid hsl(213, 22%, 93%) !important;
}

.fixed-table th:first-child,
.fixed-table td:first-child {
    position: sticky;
    left: 0;
    background-color: #f1f1f1;
    z-index: 2;
    width: 30px !important;
    background-color: #ffffff !important;
    border-right: 1px solid hsl(213, 22%, 93%) !important;
    /* To be on top of scrollable area */
}

.fixed-table thead tr {
    position: sticky;
    top: 0;
    z-index: 3;
    overflow: scroll;
}

.fixed-table thead th {
    border: transparent !important;
    border-bottom: 2px solid hsl(213, 22%, 93%) !important;
    background-color: #fff;
    height: 30px !important;
    font-size: 12px;
    color: hsl(0, 0%, 11%);
}

.table-wrapper {
    position: relative;
    overflow: scroll;
    max-height: 500px;
    border: 1px solid hsl(213, 22%, 93%);
}

.fixed-table {
    border-collapse: collapse;
    width: 100%;
    table-layout: fixed;
}

.fixed-table th,
.fixed-table td {
    padding: 8px 10px;
    display: table-cell;
    height: 10px;
    line-height: 10px;
    text-align: left;
    vertical-align: middle;
    border-bottom: 0.2px solid hsl(213, 22%, 93%);
    border-right: 0.2px solid #fff;
    vertical-align: middle;
    width: 160px;
    word-break: break-word;
}

.fixed-table td {
    font-size: 0.8rem;
    height: 45px;
    color: hsl(0, 0%, 11%);
    display: table-cell;
    /* padding: 8px 10px; */
    border-bottom: 0.2px solid hsl(213, 22%, 93%);
    border-right: 0.2px solid #fff;
    vertical-align: middle;
    width: 160px;
    /* word-break: break-word; */
}

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

.fixed-table th:nth-child(2),
.fixed-table td:nth-child(2) {
    position: sticky;
    left: 30px;
    background-color: #f1f1f1;
    z-index: 2;
    width: 100px !important;
    background-color: #ffffff !important;
    border-right: 1px solid hsl(213, 22%, 93%) !important;
}

@media (max-width: 768px) {
    .fixed-table th:nth-child(2),
    .fixed-table td:nth-child(2) {
        position: unset;
    }
}

.fixed-table th:first-child,
.fixed-table td:first-child {
    position: sticky;
    left: 0;
    background-color: #f1f1f1;
    z-index: 2;
    width: 30px !important;
    background-color: #ffffff !important;
    border-right: 1px solid hsl(213, 22%, 93%) !important;
    /* To be on top of scrollable area */
}

.fixed-table thead tr {
    position: sticky;
    top: 0;
    z-index: 3;
    overflow: scroll;
    box-shadow: 1px 1px hsl(213, 22%, 93%);
}

.fixed-table thead th {
    /* border-bottom: 2px solid hsl(213, 22%, 93%) !important; */
    background-color: #fff;
    height: 30px !important;
    font-size: 12px;
    color: hsl(0, 0%, 11%);
}

.add_c ul {
    display: flex;
    list-style: none;
    padding-left: 0;
    margin-bottom: 0px;
    justify-content: space-between;
}

.add_c ul li {
    padding: 5px 5px;
    flex-grow: 1;
}

.add_c ul li a {
    border: 1px solid hsl(213, 22%, 93%);
    padding: 3px 3px;
    display: block;
    word-break: auto-phrase;
}

.table-wrapper {
    scrollbar-width: thin;
    scrollbar-color: lightgrey #f1f1f1;
}

.table-wrapper::-webkit-scrollbar {
    width: 0;
    opacity: 0;
    transition: opacity 0.3s ease;
    scrollbar-width: thin;
    display: none !important;
}

.table-wrapper:hover {
    scrollbar-color: lightgrey;
    transition: opacity 0.3s ease;
}

@keyframes shimmer {
    0% {
        background-position: -100% 0;
    }
    100% {
        background-position: 100% 0;
    }
}

.oh-table.is-loading tbody tr td,
.oh-table.is-loading thead tr th {
    position: relative;
}

.oh-table.is-loading tbody tr td::before,
.oh-table.is-loading thead tr th::before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: -webkit-fill-available;
    height: 36%;
    border-radius: 6px;
    background: linear-gradient(110deg, #e0e0e0 8%, #f0f0f0 18%, #e0e0e0 33%);
    background-size: 200%;
    animation: shimmer 1.2s infinite;
    z-index: 999;
    margin-left: 5px;
    margin-right: 5px;
}

.fixed-table.is-loading tbody tr td,
.fixed-table.is-loading thead tr th {
    position: relative;
}

.fixed-table.is-loading tbody tr td::before,
.fixed-table.is-loading thead tr th::before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: -webkit-fill-available;
    height: 36%;
    border-radius: 6px;
    background: linear-gradient(110deg, #e0e0e0 8%, #f0f0f0 18%, #e0e0e0 33%);
    background-size: 200%;
    animation: shimmer 1.2s infinite;
    z-index: 999;
    margin-left: 5px;
    margin-right: 5px;
}

.oh-kanban-card.is-loading .oh-kanban-card__profile-container {
    position: relative;
}

.oh-kanban-card.is-loading .oh-kanban-card__profile-container::before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 100%;
    height: 36%;
    z-index: 10;
    height: 100%;
    border-radius: 50%;
    background: linear-gradient(110deg, #e0e0e0 8%, #f0f0f0 18%, #e0e0e0 33%);
    background-size: 200%;
    animation: shimmer 1.2s infinite;
    z-index: 999;
}

.oh-kanban-card.is-loading .oh-kanban-card__title,
.oh-kanban-card.is-loading .oh-kanban-card__subtitle {
    position: relative;
}

.oh-kanban-card.is-loading .oh-kanban-card__title::before,
.oh-kanban-card.is-loading .oh-kanban-card__subtitle::before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: -webkit-fill-available;
    height: 90%;
    z-index: 10;
    border-radius: 4px;
    background: linear-gradient(110deg, #e0e0e0 8%, #f0f0f0 18%, #e0e0e0 33%);
    background-size: 200%;
    animation: shimmer 1.2s infinite;
    z-index: 999;
}

.oh-modal.is-loading .oh-profile__avatar {
    position: relative;
}

.oh-modal.is-loading .oh-profile__avatar::before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 64px;
    z-index: 10;
    height: 64px;
    border-radius: 50%;
    background: linear-gradient(110deg, #e0e0e0 8%, #f0f0f0 18%, #e0e0e0 33%);
    background-size: 200%;
    animation: shimmer 1.2s infinite;
    z-index: 999;
}

.oh-modal.is-loading .oh-timeoff-modal__user {
    position: relative;
}

.oh-modal.is-loading .oh-timeoff-modal__user::before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: -webkit-fill-available;
    height: 90%;
    z-index: 10;
    border-radius: 4px;
    background: linear-gradient(110deg, #e0e0e0 8%, #f0f0f0 18%, #e0e0e0 33%);
    background-size: 200%;
    animation: shimmer 1.2s infinite;
    z-index: 999;
}

.oh-modal.is-loading .oh-timeoff-modal__stat-title {
    position: relative;
}

.oh-modal.is-loading .oh-timeoff-modal__stat-title::before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: -webkit-fill-available;
    height: 90%;
    z-index: 10;
    border-radius: 4px;
    background: linear-gradient(110deg, #e0e0e0 8%, #f0f0f0 18%, #e0e0e0 33%);
    background-size: 200%;
    animation: shimmer 1.2s infinite;
    z-index: 999;
}

.oh-modal.is-loading .oh-timeoff-modal__stat-count {
    position: relative;
}

.oh-modal.is-loading .oh-timeoff-modal__stat-count::before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: -webkit-fill-available;
    height: 90%;
    z-index: 10;
    border-radius: 4px;
    background: linear-gradient(110deg, #e0e0e0 8%, #f0f0f0 18%, #e0e0e0 33%);
    background-size: 200%;
    animation: shimmer 1.2s infinite;
    z-index: 999;
}

.oh-modal.is-loading .oh-modal__dialog-footer .oh-btn {
    position: relative;
}

.oh-modal.is-loading .oh-modal__dialog-footer .oh-btn::before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: -webkit-fill-available;
    height: 100%;
    z-index: 10;
    background: linear-gradient(110deg, #e0e0e0 8%, #f0f0f0 18%, #e0e0e0 33%);
    background-size: 200%;
    animation: shimmer 1.2s infinite;
    z-index: 999;
}

.oh-card.is-loading .oh-profile__avatar {
    position: relative;
}

.oh-card.is-loading .oh-profile__avatar::before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 64px;
    z-index: 10;
    height: 64px;
    border-radius: 50%;
    background: linear-gradient(110deg, #e0e0e0 8%, #f0f0f0 18%, #e0e0e0 33%);
    background-size: 200%;
    animation: shimmer 1.2s infinite;
    z-index: 999;
}

.oh-card.is-loading .oh-timeoff-modal__user {
    position: relative;
}

.oh-card.is-loading .oh-timeoff-modal__user::before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: -webkit-fill-available;
    height: 90%;
    z-index: 10;
    border-radius: 4px;
    background: linear-gradient(110deg, #e0e0e0 8%, #f0f0f0 18%, #e0e0e0 33%);
    background-size: 200%;
    animation: shimmer 1.2s infinite;
    z-index: 999;
}

.oh-card.is-loading .oh-timeoff-modal__stat-title {
    position: relative;
}

.oh-card.is-loading .oh-timeoff-modal__stat-title::before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: -webkit-fill-available;
    height: 90%;
    z-index: 10;
    border-radius: 4px;
    background: linear-gradient(110deg, #e0e0e0 8%, #f0f0f0 18%, #e0e0e0 33%);
    background-size: 200%;
    animation: shimmer 1.2s infinite;
    z-index: 999;
}

.oh-card.is-loading .oh-timeoff-modal__stat-count {
    position: relative;
}

.oh-card.is-loading .oh-timeoff-modal__stat-count::before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: -webkit-fill-available;
    height: 90%;
    z-index: 10;
    border-radius: 4px;
    background: linear-gradient(110deg, #e0e0e0 8%, #f0f0f0 18%, #e0e0e0 33%);
    background-size: 200%;
    animation: shimmer 1.2s infinite;
    z-index: 999;
}

.oh-card.is-loading .oh-modal__dialog-footer .oh-btn {
    position: relative;
}

.oh-card.is-loading .oh-modal__dialog-footer .oh-btn::before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: -webkit-fill-available;
    height: 100%;
    z-index: 10;
    background: linear-gradient(110deg, #e0e0e0 8%, #f0f0f0 18%, #e0e0e0 33%);
    background-size: 200%;
    animation: shimmer 1.2s infinite;
    z-index: 999;
}

.oh-modal__dialog-footer .is-loading .oh-btn {
    position: relative;
}

.oh-modal__dialog-footer .is-loading .oh-btn::before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: -webkit-fill-available;
    height: 100%;
    z-index: 10;
    background: linear-gradient(110deg, #e0e0e0 8%, #f0f0f0 18%, #e0e0e0 33%);
    background-size: 200%;
    animation: shimmer 1.2s infinite;
    z-index: 999;
}

.oh-timesheet-table {
    border: 1px solid hsl(213, 22%, 93%);
}

.oh-timesheet-table thead tr th {
    font-weight: bold;
}

.oh-timesheet-table th,
.oh-timesheet-table td {
    padding: 10px;
    text-align: left;
}

.oh-timesheet-table tr:hover {
    cursor: pointer;
}

.oh-timesheet-table .hidden-row {
    display: none;
}

.oh-timesheet-table .caret {
    transition: transform 0.3s ease;
    cursor: pointer;
}

.oh-timesheet-table .rotate {
    transform: rotate(90deg);
}

.oh-timesheet-table .caret {
    transition: transform 0.3s ease;
}

.oh-timesheet .oh-table tr th,
.oh-timesheet .oh-table tr td {
    padding: 0.6rem;
}

.oh-timesheet .oh-table tr th {
    color: #1c1c1c;
}

.oh-timesheet .accordion-header {
    position: relative;
    align-items: center;
    display: flex;
    justify-content: space-between;
    border: 1px solid hsl(213, 22%, 93%);
    background-color: hsl(0, 0%, 100%);
    padding: 0.5rem 0.5rem 0.5rem 2.5rem;
    cursor: pointer;
}

.oh-timesheet .accordion-header span {
    padding: 0.4rem 0;
    font-weight: bold;
}

.oh-timesheet .accordion .accordion-body {
    padding-left: 1.5rem;
}

.oh-timesheet .accordion .accordion-header::before {
    content: "▶";
    background-position: center;
    background-repeat: no-repeat;
    width: 26px;
    height: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #26a1df;
    object-fit: contain;
    position: absolute;
    left: 8px;
}

.oh-timesheet .accordion .accordion-header.active::before {
    content: "▼";
}

.oh-timesheet .table {
    width: 100%;
    border-collapse: collapse;
}

.oh-timesheet .table th,
.oh-timesheet .table td {
    border: 1px solid #ddd;
    padding: 0.6rem;
    text-align: left;
}

.oh-timesheet .accordion-header:hover {
    background-color: rgba(233, 237, 241, 0.4);
}

.oh-timesheet .accordion-body {
    display: none;
}

.oh-timesheet .accordion-body {
    border: 1px solid hsl(213, 22%, 93%);
    border-top: none;
    padding: 0.5rem;
    background-color: hsl(0, 0%, 100%);
}

.oh-hover-btn-table-drawer {
    position: absolute;
    top: 30px !important;
}

#pivot-container {
    border: 1px solid #ddd;
}

#pivot-container .pvtUiCell {
    background-color: #fff;
}

#pivot-container .pvtUiCell .pvtRenderer,
#pivot-container .pvtUiCell .pvtAggregator {
    border: transparent;
}

.pvtRenderer {
    background-color: transparent !important;
}

.pvtRenderer :focus {
    border: none !important;
    outline: none !important;
}

.pvtRenderer :focus {
    border: none !important;
    outline: none !important;
}

#pivot-container .pvtColLabel,
#pivot-container .pvtRowLabel {
    font-weight: 500 !important;
}

#pivot-container .pvtTable tbody tr th,
#pivot-container .pvtTable thead tr th {
    background-color: #fff !important;
    border: 1px solid #e9edf1 !important;
}

.pvtAxisContainer li {
    display: flex;
}

.pvtAxisContainer li span.pvtAttr {
    border-radius: 0 !important;
    flex: 1 1 auto;
    background-color: #f9f9f9 !important;
    position: relative;
}

.pvtAxisContainer li span.pvtAttr .pvtTriangle {
    position: absolute;
    right: 8px;
}

.pvtHorizList .ui-sortable-handle .pvtAttr {
    padding: 2px 26px 2px 8px !important;
}

.pvtAxisContainer,
.pvtVals {
    border: 1px solid #e9edf1 !important;
}

.pvtRendererArea {
    padding: 0 !important;
}

#pivot-container {
    width: 100%;
    overflow-x: auto;
}

#pivot-container .pvtTable {
    min-width: 1200px;
    width: 100%;
    min-width: unset;
    max-width: 100%;
    border-collapse: collapse;
    font-size: 16px;
    background-color: #ffffff;
    table-layout: auto;
}

.pvtUi {
    width: 100% !important;
}

#pivot-container .pvtUiCell .pvtAggregator,
#pivot-container .pvtUiCell .pvtRenderer {
    background-color: transparent !important;
}

.pvtAttrDropdown {
    border: 1px solid #eaeaea !important;
}

.pvtSearch {
    border: 1px solid hsl(213, 22%, 84%) !important;
    border-radius: 0rem !important;
    padding: 0.8rem 1.25rem !important;
    color: hsl(0, 0%, 11%) !important;
    margin-bottom: 4px !important;
}

.pvtFilterBox {
    padding: 16px;
    width: auto !important;
    border: 1px solid #e9edf1 !important;
}

.pvtFilterBox h4,
.pvtFilterBox .h4 {
    font-weight: bold;
    font-size: 0.9rem;
    text-align: left;
    margin-left: 0 !important;
    margin-top: 0 !important;
}

.pvtFilterBox p {
    margin-bottom: 0 !important;
    display: flex;
    gap: 8px;
}

.pvtFilterBox p :nth-child(1) {
    width: 100%;
    border-radius: 0 !important;
    background-color: #26a1df;
    color: hsl(0, 0%, 100%);
    text-decoration: none;
    font-size: 0.9rem;
    padding: 0.65rem 1rem;
    border: none;
}

.pvtFilterBox p :nth-child(2) {
    width: 100%;
    border-radius: 0 !important;
    background-color: #f0f0f0;
    color: hsl(0, 0%, 16%);
    text-decoration: none;
    font-size: 0.9rem;
    padding: 0.65rem 1rem;
    border: none;
}

.pvtFilterBox p input {
    background-color: transparent !important;
}

.pvtFilterBox p button {
    border: none !important;
    margin-bottom: 4px;
}

.pvtFilterBox .pvtCheckContainer p :nth-child(1) {
    background-color: unset !important;
    width: auto;
    padding: 0.5rem 0 !important;
}

.pvtFilterBox .pvtCheckContainer p :nth-child(2) {
    background-color: transparent !important;
    width: auto;
}

#pivot-container .pvtTable td {
    border: 1px solid #e9edf1 !important;
}

#pivot-container .pvtTable tr:nth-child(2n) td {
    background-color: #fff !important;
    border: 1px solid #e9edf1 !important;
}

#pivot-container .pvtTable th {
    background-color: #007bff;
    padding: 12px;
    border: 1px solid #ccc;
    font-size: 18px;
}

#pivot-container .pvtTable td {
    padding: 12px;
    border: 1px solid #ccc;
    font-size: 16px;
    background-color: #fdfdfd;
    color: #333;
}

#pivot-container .pvtTable tr:nth-child(even) td {
    background-color: #f2f2f2;
}

#pivot-container .pvtRowLabel,
#pivot-container .pvtColLabel {
    background-color: #e9ecef;
    font-weight: bold;
    font-size: 16px;
}

#pivot-container .pvtTotalLabel {
    background-color: #6c757d;
    font-weight: bold;
    font-size: 16px;
}

#pivot-container .pvtGrandTotal {
    background-color: #343a40;
    font-weight: bold;
    font-size: 16px;
    color: #fff;
}

#pivot-container .pvtTable tbody tr th,
#pivot-container .pvtTable thead tr th {
    background-color: #e6eeee;
    border: 2px solid #cdcdcd;
    font-size: 10pt;
    padding: 8px;
}

.js-plotly-plot .plotlyjsicon {
    display: none !important;
}

.oh-tabs {
    border: 1px solid hsl(213, 22%, 84%);
}

.oh-tabs__tablist {
    list-style-type: none;
    padding-left: 0px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: 0px;
}

.oh-tabs__tab,
.oh-tabs__new-tab-config {
    padding: 1rem 1.25rem;
    height: 50px;
    max-height: 50px;
    border-bottom: 1px solid hsl(213, 22%, 84%);
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}

.oh-tabs__tab:hover,
.oh-tabs__new-tab-config:hover {
    background-color: hsl(213, 22%, 93%);
    border-bottom: 1px solid hsl(213, 22%, 84%);
}

.oh-tabs__tab--active {
    background-color: hsl(0, 0%, 100%);
    border-left: 1px solid hsl(213, 22%, 84%);
    border-right: 1px solid hsl(213, 22%, 84%);
    border-bottom: 1px solid hsl(0, 0%, 100%);
}

.oh-tabs__tab--active:hover {
    color: rgba(28.05, 28.05, 28.05, 0.7);
    background-color: hsl(0, 0%, 100%);
    border-bottom: 1px solid hsl(0, 0%, 100%);
}

.oh-tabs__tab.oh-tabs__new-tab,
.oh-tabs__new-tab-config {
    max-width: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-left: 1px solid hsl(213, 22%, 84%);
}

.oh-tabs__tab--active {
    background-color: hsl(0, 0%, 100%);
    border-left: 1px solid hsl(213, 22%, 84%);
    border-right: 1px solid hsl(213, 22%, 84%);
    border-bottom: 1px solid hsl(0, 0%, 100%);
}

.oh-tabs__tab--active:hover {
    color: rgba(28.05, 28.05, 28.05, 0.7);
    background-color: hsl(0, 0%, 100%);
    border-bottom: 1px solid hsl(0, 0%, 100%);
}

.oh-tabs__tab--active .oh-tabs__close-btn {
    display: flex;
    align-items: center;
    justify-content: center;
}

.oh-tabs__tablist .oh-tabs__tab--active:first-child {
    border-left: none;
}

.oh-tabs__tablist .oh-tabs__tab--active:nth-last-child(2) {
    border-right: none;
}

.oh-tabs__content {
    width: 100%;
    background-color: hsl(0, 0%, 100%);
    padding: 1.25rem;
}

.oh-tabs__content {
    display: none;
}

.oh-tabs__content--active {
    display: block;
}

.oh-tabs__tab.oh-tabs__new-tab {
    max-width: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.oh-tabs__close-btn {
    padding: 0 !important;
    display: none;
}


/* ==================================
*          GENERAL TABS
* ================================= */

.oh-general__tabs {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
    align-content: center;
}

.oh-general__tab {
    margin-right: 1rem;
    flex-grow: 1;
}

.oh-general__tab:last-child {
    margin-right: 0;
}

@media (max-width: 575.98px) {
    .oh-general__tab {
        margin-bottom: 1rem;
    }
}

.oh-general__tab-link {
    color: hsl(0, 0%, 11%);
    border-bottom: 3px solid transparent;
    padding-bottom: 0.75rem;
}

.oh-general__tab-link:hover {
    opacity: 0.7;
}

.oh-general__tab-link:hover,
.oh-general__tab-link:focus,
.oh-general__tab-link:focus-visible {
    text-decoration: none;
}

@media (max-width: 575.98px) {
    .oh-general__tab-link {
        padding: 0.5rem 0.75rem;
        border-bottom: none;
    }
}

.oh-general__tab-link--active {
    border-bottom: 3px solid #26a1df;
}

@media (max-width: 575.98px) {
    .oh-general__tab-link--active {
        border-bottom: none;
        background-color: rgba(229.194, 79.4444, 56.406, 0.1);
        color: #26a1df;
        border-radius: 0.25rem;
    }
    .oh-general__tab-link--active:focus,
    .oh-general__tab-link--active:focus-visible {
        color: #26a1df;
    }
}

.oh-profile-section__tab {
    width: 100%;
    justify-content: space-between;
}

.oh-general__tabs--no-grow {
    justify-content: flex-start;
}

.oh-general__tabs--no-grow>* {
    flex-grow: 0;
}

.oh-general__tabs--profile li {
    margin-right: 2rem;
}

.oh-general__tabs--profile li:last-child {
    margin-right: 0;
}

@media (max-width: 575.98px) {
    .oh-general__tabs--profile li {
        margin-right: 0.5rem;
    }
    .oh-general__tabs--profile li:last-child {
        margin-right: 0;
    }
}


/* =====================================
*         Tabs Mobable
* =================================== */

.oh-tabs__movable {
    border: 1px solid hsl(213, 22%, 84%);
    background-color: hsl(0, 0%, 100%);
    margin-top: 1rem;
    margin-bottom: 1rem;
    box-shadow: rgba(0, 0, 0, 0.04) 0px 3px 5px;
}

.oh-tabs__movable:first-child {
    margin-top: 0;
}

.oh-tabs__movable:last-child {
    margin-bottom: 0;
}

.oh-tabs__movable:hover .oh-tabs__movable-header {
    background-color: hsl(0, 0%, 97.5%);
}

.oh-tabs__movable-header {
    padding: 0.3rem 0.75rem;
    border-bottom: 1px solid hsl(213, 22%, 84%);
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: move;
}

.oh-tabs__movable-header--w-80 {
    width: 80%;
    position: relative;
}

.oh-tabs__movable-header--w-80:after {
    content: "";
    bottom: -1px;
    position: absolute;
    border-bottom: 1px solid hsl(213, 22%, 84%);
    left: 100%;
    width: 25%;
}

.oh-tabs__movable-title {
    font-weight: bold;
    font-size: 1.25rem;
}

@media (max-width: 575.98px) {
    .oh-tabs__movable-title {
        font-size: 1rem;
        max-width: 200px;
    }
}

.oh-tabs__movable-body {
    padding: 1.25rem;
}

.oh-tabs__action-bar {
    border-bottom: 1px solid hsl(213, 22%, 93%);
    padding-bottom: 0.8rem;
    margin-bottom: 1.25rem;
}

.oh-tabs__movable-close {
    background-color: transparent;
}

.oh-tabs__movable:only-child .oh-tabs__movable-close {
    display: none;
}

.oh-tabs__movable:nth-child(1):nth-last-child(2) .oh-tabs__movable-close {
    display: none;
}

.oh-tabs__table-group-header {
    margin-bottom: 1rem;
}

.oh-tabs__table-group {
    margin-top: 1.5rem;
}

.oh-tabs__table-group:first-child {
    margin-top: 0;
}

.oh-tabs__table-group-title {
    font-size: 1.25rem;
    font-weight: bold;
}

.oh-sticky-table--no-overflow {
    overflow-x: auto;
    overflow-y: unset !important;
}

.oh-sticky-table__dropdown {
    z-index: 9;
}


/* =====================================
*         Tabs view / preview
* =================================== */

.oh-tabs__view-buttons {
    display: flex;
    width: 150px;
}

.oh-tabs__view-buttons .tab-btn {
    flex: 1;
    padding: 8px;
    background-color: transparent;
    cursor: pointer;
    border: 1px solid #ccc;
    border-bottom: none;
    outline: none;
    text-align: center;
}

.oh-tabs__view-buttons .tab-btn:first-child {
    border-right: none !important;
}

.oh-tabs__view-buttons .tab-btn span {
    opacity: 0.5;
}

.oh-tabs__view-buttons .tab-btn.active {
    background: rgba(229.194, 79.4444, 56.406, 0.05);
    border: 1px solid #ccc;
    border-bottom: none;
    opacity: 1;
}

.oh-tabs__view-buttons .tab-btn.active span {
    opacity: 1;
}

.oh-tabs__view {
    display: none;
}

.oh-tabs__view.active {
    display: block;
}

.oh-timeoff-card {
    display: flex;
    align-items: center;
}

@media (max-width: 991.98px) {
    .oh-timeoff-card {
        margin-top: 0.5rem;
        margin-bottom: 0.5rem;
    }
}

.oh-timeoff-card__icon-container {
    width: 54px;
    height: 54px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #26a1df;
    margin-right: 1.5rem;
}

.oh-timeoff-card__icon {
    color: hsl(0, 0%, 100%);
    font-size: 2rem;
}

.oh-timeoff-card__title {
    display: block;
    font-weight: bold;
    font-size: 1.15rem;
    width: 100%;
}

.oh-timeoff-card__stat-container,
.oh-timeoff-modal__stats-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-top: 0.35rem;
}

.oh-timeoff-card__stat,
.oh-timeoff-modal__stat {
    margin-right: 1.75rem;
}

.oh-timeoff-card__stat:last-child,
.oh-timeoff-modal__stat:last-child {
    margin-right: 0;
}

.oh-timeoff-card__stat-title,
.oh-timeoff-modal__stat-title {
    display: block;
    font-size: 0.8rem;
    color: hsl(0, 0%, 45%);
    margin-bottom: 0.25rem;
}

.oh-timeoff-card__stat-count {
    font-size: 1.05rem;
    font-weight: bold;
}

.oh-timeoff-modal__download-link {
    width: 100%;
    background: hsl(213, 22%, 93%);
    padding: 1rem;
    margin-top: 1.25rem;
    display: flex;
    align-items: center;
    color: hsl(0, 0%, 27%);
}

.oh-timeoff-modal__download-link:hover,
.oh-timeoff-modal__download-link:focus,
.oh-timeoff-modal__download-link:focus-visible {
    text-decoration: none;
    background-color: hsl(213, 22%, 84%);
}

.oh-timeoff-modal__profile-content .oh-profile__image {
    width: 64px;
    height: 64px;
    object-fit: cover;
    object-position: center;
}

.oh-timeoff__date-container {
    display: flex;
    align-items: center;
}

.oh-timeoff__date-container input:first-child {
    border-right: 0;
}

.oh-timeoff-modal__stats-container {
    width: 100%;
}

.oh-timeoff-modal__profile-content {
    margin-bottom: 1rem;
    width: 100%;
}

.oh-timeoff-modal__profile-info {
    display: flex;
    flex-direction: column;
}

.oh-timeoff-modal__stat-count {
    font-size: 0.9rem;
}

.oh-timeoff-modal__stat-description {
    overflow-y: auto;
    max-height: 100px;
}

.oh-timeoff-modal__footer {
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding-top: 1rem;
    padding-bottom: 1.25rem;
}

.oh-timeoff-modal__footer>* {
    margin-right: 5px;
}

.oh-timeoff-modal__footer>*:last-child {
    margin-right: 0;
}

.oh-timeoff-modal__user {
    font-size: 1.2rem;
    margin-top: 0.75rem;
}

.oh-timeoff-modal__body {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.oh-timeoff-modal__position {
    color: rgba(114.75, 114.75, 114.75, 0.8);
}

.oh-modal__dialog-relative {
    position: relative;
}

.oh-modal__diaglog-nav {
    width: 2rem;
    height: 2rem;
    background: hsl(0, 0%, 100%);
    border-radius: 50px;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

.oh-modal__nav-prev {
    position: absolute;
    left: -55px;
    top: 50%;
    transform: translate(50%, -50%);
}

.oh-modal__nav-next {
    position: absolute;
    right: -25px;
    top: 50%;
    transform: translate(50%, -50%);
}

div.ui-tooltip {
    background-color: hsl(0, 0%, 11%);
    color: hsl(0, 0%, 100%);
    box-shadow: none;
    border: none;
    font-size: 0.8rem;
    border: none !important;
}

.oh-filter-tag-container {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.oh-filter-tag {
    position: relative;
    background-color: hsl(0, 0%, 100%);
    color: hsl(0, 0%, 11%);
    border-radius: 25px;
    border: 1px solid hsl(213, 22%, 93%);
    padding: 0.25rem 0.5rem;
    font-size: 0.7rem;
    font-weight: bold;
    height: 26px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    transition: all 0.4s ease-in-out;
}

.oh-filter-tag:hover {
    border-color: hsl(213, 22%, 84%);
    transition: all 0.4s ease-in-out;
}

.oh-filter-tag:hover .oh-filter-tag__close {
    color: #26a1df;
}

.oh-filter-tag:hover .oh-filter-tag__close::before {
    background-color: hsl(213, 22%, 84%);
    transition: all 0.4s ease-in-out;
}

.oh-filter-tag__close {
    background-color: transparent;
    color: hsl(0, 0%, 37%);
    padding: 0;
    margin-left: 0.75rem;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.4s ease-in-out;
}

.oh-filter-tag__close::before {
    content: "";
    width: 0.5px;
    position: relative;
    left: -3px;
    height: 27px;
    background-color: hsl(213, 22%, 93%);
    transition: all 0.4s ease-in-out;
}

.oh-filter-tag__close:hover {
    color: #26a1df;
    transition: all 0.4s ease-in-out;
}

.oh-titlebar-container__filters {
    margin-top: 1.5rem;
    gap: 0.75rem;
}

.oh-titlebar__tag {
    display: inline-block;
    background-color: hsl(0, 0%, 100%);
    color: hsl(0, 0%, 11%);
    border-radius: 25px;
    font-size: 0.85rem;
    padding: 0.25rem 0.75rem;
    font-weight: bold;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 1px solid rgba(229.194, 79.4444, 56.406, 0.15);
    transition: background-color 0.3s ease-in-out;
}

.oh-titlebar__tag:hover {
    background-color: rgba(255, 255, 255, 0.8);
    transition: background-color 0.3s ease-in-out;
}

.oh-titlebar__tag-close {
    background-color: #26a1df;
    color: hsl(0, 0%, 100%);
    width: 16px;
    height: 16px;
    padding: 0;
    display: inline-flex;
    justify-content: center;
    font-weight: bold;
    align-items: center;
    border: none;
    border-radius: 50%;
    margin-left: 0.75rem;
}

.oh-titlebar__tag-close:hover {
    background-color: #26a1df;
}

.oh-titlebar__save {
    background-color: hsl(148, 71%, 44%);
    border: 1px solid hsl(148, 70%, 40%);
    border-radius: 25px;
    font-size: 0.85rem;
    padding: 0.25rem 0.75rem;
    color: hsl(0, 0%, 100%);
    display: flex;
    align-items: center;
    gap: 2px;
}

.oh-titlebar__save:hover {
    background-color: hsl(148, 70%, 40%);
}

.oh-modal__dialog--custom {
    max-width: 800px;
}

.oh-modal__dialog--custom .oh-modal__dialog-header {
    display: flex;
    justify-content: space-between;
}

.oh-modal__dialog--custom .oh-modal__close--custom {
    background-color: transparent;
    border: none;
}

.oh-modal__dialog--custom .oh-general__tab .oh-general__tab-link {
    padding: 0;
    transition: 0s;
}

.oh-modal__dialog--custom .oh-general__tab .oh-general__tab-link--active {
    background-color: #e54f38;
    border: 1px solid #e54f38;
    color: #fff;
    padding: 5px 12px;
    border-radius: 23px;
    transition: none;
}

.oh-modal__dialog--custom .oh-inner-sidebar {
    height: 100%;
}

.oh-modal__dialog-process {
    max-width: 900px;
}

.oh-modal__dialog-process .oh-modal__dialog-body-process .oh-inner-sidebar {
    padding: 0px 14px 14px 0;
}

.oh-modal__dialog-process .oh-modal__dialog-body-process .oh-inner-sidebar .oh-profile {
    align-items: start;
}

.oh-modal__dialog-process .oh-modal__dialog-body-process .oh-inner-sidebar .oh-card--no-shadow {
    border: 1px solid transparent !important;
    border-bottom: 1px solid #e9edf1 !important;
    margin-bottom: 10px;
}

.oh-modal__dialog-process .oh-modal__dialog-body-process .oh-inner-sidebar .oh-timeoff-modal__profile-info {
    align-items: start;
}

.oh-modal__dialog-process .oh-modal__dialog-body-process .oh-inner-sidebar .oh-timeoff-modal__profile-info .oh-timeoff-modal__user {
    font-size: 16px;
    margin-top: 0;
}

.oh-modal__dialog-process .oh-modal__dialog-body-process .oh-inner-sidebar-content .oh-profile__avatar img {
    width: 90px;
    height: 90px;
}

.oh-modal__dialog-process .oh-modal__dialog-body-process .oh-inner-sidebar-content .oh-profile_info-card {
    border-bottom: 1px solid hsl(213, 22%, 93%);
    padding-bottom: 16px;
}

.oh-modal__dialog-process .oh-modal__dialog-body-process .oh-inner-sidebar-content .oh-profile_info-card .oh-profile__info-designation {
    text-align: center;
}

.oh-modal__dialog-process .oh-modal__dialog-body-process .oh-layout--grid-3 {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(275px, 1fr)) !important;
    gap: 1%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.oh-modal__dialog-process .oh-modal__dialog-body-process .oh-profile__image {
    width: 36px;
    height: 36px;
}

.oh-modal__dialog-process .oh-modal__dialog-body-process .oh-general__custom-tabs {
    border-bottom: none;
}

.oh-kanban-card-action {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px;
    transition: border-color 0.2s ease-in-out;
    cursor: pointer;
    position: relative;
}

.oh-kanban-card-action__checkbox {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.oh-kanban-card-action__checkbox-label {
    width: 18px;
    height: 18px;
    border: 2px solid #ccc;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 10px;
    transition: all 0.2s ease-in-out;
}

.oh-kanban-card-action__checkbox-label::before {
    content: "";
    width: 10px;
    height: 10px;
    background: transparent;
    border-radius: 12px;
    transition: background 0.2s ease-in-out;
}

.oh-kanban-card-action:has(.oh-kanban-card-action__checkbox:checked) {
    border-color: #ffa89b;
    background: #fff2f0;
}

.oh-kanban-card-action .oh-kanban-card-action__checkbox:checked+.oh-kanban-card-action__checkbox-label::before {
    background: #e54f38;
    border-radius: 12px;
}

.oh-layout_horizontal {
    display: flex;
    flex-direction: row;
    overflow-x: auto;
    gap: 12px;
    margin: 16px 0;
    padding-bottom: 8px;
}

.oh-layout_horizontal .oh-kanban-card {
    background-color: #fff;
    border: 1px solid #cdd5df;
    border-radius: 16px;
    min-width: 200px;
    padding: 0.7rem;
    align-items: start;
}

.oh-layout_horizontal .oh-kanban-card__profile-container {
    width: 42px;
    height: 42px;
}

.oh-modal__dialog-process .oh-modal__dialog-body-process .oh-inner-sidebar-content .oh-profile__avatar .oh-table-img {
    width: 30px !important;
    height: 30px !important;
}

.oh-hands svg {
    width: 36px;
    height: auto;
}

.oh-main__titlebar-title {
    font-size: 1.5rem;
}

.oh-titlebar-container {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.oh-titlebar-container__buttons {
    display: flex;
    align-items: center;
}

.oh-titlebar-container__filters {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.oh-main__topbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 2rem;
    padding-bottom: 2rem;
}

@media (max-width: 767.98px) {
    .oh-main__topbar {
        flex-direction: column;
        align-items: flex-start;
    }
}

.oh-main__titlebar--right {
    /* display: flex; */
    align-items: center;
}

@media (max-width: 767.98px) {
    .oh-main__titlebar--right {
        width: 100%;
    }
}

@media (max-width: 767.98px) {
    .oh-main__titlebar--right>* {
        flex-basis: 0;
        flex-grow: 1;
    }
}

.oh-main__titlebar-button-container {
    display: flex;
    align-items: center;
}

@media (max-width: 767.98px) {
    .oh-main__titlebar-button-container {
        flex-wrap: wrap;
        gap: 0.5rem;
        margin-top: 1rem;
    }
    .oh-main__titlebar-button-container button {
        margin-left: 0;
    }
}

.oh-main__titlebar-button-container>*:first-child {
    margin-left: 15px;
}

@media (max-width: 767.98px) {
    .oh-main__titlebar-button-container>*:first-child {
        margin-left: 0px;
        margin-right: 0px;
    }
}

.oh-main__titlebar-search-toggle {
    display: block;
    padding: 0.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 0.3rem;
    border: 1px solid hsl(213, 22%, 84%);
}

.oh-main__titlebar-serach-icon {
    font-size: 1.2rem;
}

@media (max-width: 1000px) {
    .oh-main__titlebar--left {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
    }
}

.oh-main__titlebar-search-toggle {
    display: none !important;
}

@media (max-width: 1000px) {
    .oh-main__titlebar-search-toggle {
        display: flex !important;
    }
}

@media (max-width: 991.98px) {
    .oh-main__sidebar-visible {
        width: 1200px;
    }
}

@media (max-width: 767.98px) {
    .oh-main__section--reverse-sm>div:first-child {
        order: 2;
    }
    .oh-main__section--reverse-sm>div:last-child {
        order: 1;
    }
}


/* =================================
*          QUESTIONNAIRE
* ================================ */

.oh-section-edit--delete {
    position: absolute;
    left: 0.09rem;
}


/* =================================
*          VIEW TYPES
* ================================ */

.oh-view-types {
    list-style-type: none;
    padding-left: 0px;
    display: flex;
    justify-content: flex-end;
    margin-bottom: 0px;
}

@media (max-width: 767.98px) {
    .oh-view-types {
        height: 100%;
    }
}

.oh-view-type {
    background-color: hsl(0, 0%, 11%);
    border: 1px solid hsl(213, 22%, 84%);
    height: 48.84px;
}

@media (max-width: 767.98px) {
    .oh-view-type {
        height: 100%;
        height: 46.8px;
    }
}

@media (max-width: 575.98px) {
    .oh-view-type {
        flex-basis: 0;
        flex-grow: 1;
        height: 43.5px;
    }
}

.oh-view-type:first-child {
    border-right: 0;
}

.oh-btn--view {
    height: 100%;
}


/* =================================
*          PERMISSIONS
* ================================ */

.oh-permission-panel,
.oh-user-panel {
    background-color: hsl(0, 0%, 97.5%);
    border: 2px solid hsl(213, 22%, 93%);
    font-size: 0.9rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 0 0 1rem;
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
}

.oh-permission-panel:hover,
.oh-user-panel:hover {
    background-color: hsl(0, 0%, 96%);
}

.oh-user-panel {
    padding: 0.5rem 0 0.5rem 0.75rem;
}

.oh-permission-panel__remove,
.oh-user-panel__remove {
    background-color: transparent;
    border: none;
    border-left: 2px solid hsl(213, 22%, 93%);
    width: 35px;
    height: 35px;
    font-size: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 0.5rem;
}

.oh-permission-panel__remove:hover,
.oh-user-panel__remove:hover {
    color: hsl(1, 100%, 61%);
}

.oh-user-panel__remove {
    border-left: none;
}

.oh-permission-table__collapse {
    border: none;
    display: flex;
    align-items: center;
    padding: 0.5rem;
    font-size: 1.25rem;
    visibility: hidden;
}

.oh-sticky-table__tr:hover .oh-permission-table__collapse {
    visibility: visible;
}

.oh-permission-table__tr .oh-sticky-table__sd {
    width: 35%;
}

.oh-permission-count {
    width: 100%;
    display: flex;
    padding: 0.5rem 0rem;
    font-style: italic;
    color: hsl(0, 0%, 37%);
    width: 100%;
}

.oh-permission-table--collapsed .oh-permission-panel,
.oh-permission-table--collapsed .oh-user-panel {
    display: none;
}

.oh-permission-table--collapsed .oh-permission-table__collapse .oh-permission-table__collapse-up {
    display: none;
}

.oh-permission-table--collapsed .oh-permission-table__collapse .oh-permission-table__collapse-down {
    display: block;
}

.oh-permission-table__collapse .oh-permission-table__collapse-up {
    display: block;
}

.oh-permission-table__collapse .oh-permission-table__collapse-down {
    display: none;
}

@media (max-width: 575.98px) {
    .oh-permission-table__collapse {
        display: none !important;
    }
}


/* =================================
*          QUESTIONNAIRE
* ================================ */

.oh-empty {
    width: 100%;
    height: calc(100vh - 400px);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.oh-empty__message {
    font-size: 1rem;
    color: hsl(0, 0%, 45%);
    text-align: center;
    max-width: 600px;
}


/* =================================
*         DASHBOARD PAGE
* ================================ */

.oh-dashboard {
    padding-top: 2.5rem;
    max-width: 100%;
}

@media (max-width: 767.98px) {
    .oh-dashboard {
        margin: 0 !important;
    }
}

@media (max-width: 991.98px) {
    .oh-dashboard__cards>div,
    .oh-dashboard__movable-cards>div {
        margin-bottom: 1rem;
    }
}

.oh-dashboard__cards--3 {
    grid-template-columns: 1fr 1fr 1fr;
}

.oh-card-dashboard--no-scale:hover {
    transform: scale(100%) !important;
}

.oh-dashboard__movable-cards--2 {
    grid-template-columns: 1fr 1fr;
}

.oh-card-dashboard__title {
    font-weight: bold;
    font-size: 15px;
}

.oh-card-dashboard__count {
    font-size: 3rem;
}

.oh-card-dashboard {
    width: 100%;
    background-color: hsl(0, 0%, 100%);
    padding: 1rem;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
    border-top: 5px solid;
    transition: all 0.4s ease-in-out;
    cursor: pointer;
}

.oh-card-dashboard:hover {
    transition: all 0.4s ease-in-out;
    transform: scale(102%);
}

.oh-card-dashboard__header {
    margin-bottom: 0.75rem;
}

.oh-card-dashboard__header--divider {
    border-bottom: 1px solid hsl(213, 22%, 93%);
    padding-bottom: 1rem;
    margin-bottom: 1.25rem;
}

.oh-card-dashboard__sign {
    font-size: 1.2rem;
}

.oh-card-dashboard__counts {
    display: flex;
    align-items: baseline;
}

.oh-card-dashboard__badge {
    border-radius: 25px;
    font-size: 0.75rem;
    padding: 0.25rem 0.75rem;
    font-weight: bold;
}

.oh-card-dashboard--success {
    border-color: hsl(148, 70%, 40%);
}

.oh-card-dashboard--success .oh-card-dashboard__badge {
    background-color: hsl(148, 70%, 40%);
    color: hsl(0, 0%, 100%);
}

.oh-card-dashboard--success .oh-card-dashboard__sign {
    color: hsl(148, 70%, 40%);
}

.oh-card-dashboard--danger {
    border-color: hsl(1, 64%, 49%);
}

.oh-card-dashboard--danger .oh-card-dashboard__badge {
    background-color: hsl(1, 64%, 49%);
    color: hsl(0, 0%, 100%);
}

.oh-card-dashboard--danger .oh-card-dashboard__sign {
    color: hsl(1, 64%, 49%);
}

.oh-card-dashboard--warning {
    border-color: hsl(37, 90%, 47%);
}

.oh-card-dashboard--warning .oh-card-dashboard__badge {
    background-color: hsl(37, 90%, 47%);
    color: hsl(0, 0%, 100%);
}

.oh-card-dashboard--warning .oh-card-dashboard__sign {
    color: hsl(37, 90%, 47%);
}

.oh-card-dashboard--neutral {
    border-color: hsl(216, 18%, 64%);
}

.oh-card-dashboard--neutral .oh-card-dashboard__badge {
    background-color: hsl(216, 18%, 64%);
    color: hsl(0, 0%, 100%);
}

.oh-card-dashboard--neutral .oh-card-dashboard__sign {
    color: hsl(216, 18%, 64%);
}

.oh-card-dashboard--transparent {
    border-color: transparent;
}

.oh-card-dashboard--transparent .oh-card-dashboard__badge {
    background-color: transparent;
    color: hsl(0, 0%, 100%);
}

.oh-card-dashboard--transparent .oh-card-dashboard__sign {
    color: transparent;
}

.oh-dashbaord__events-reel {
    display: flex;
    transition: all 0.3s ease-in-out;
}

.oh-dashboard__event {
    width: 100%;
    color: hsl(0, 0%, 100%);
    box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
    padding: 1.25rem 1.25rem 2.5rem;
    display: flex;
    align-items: flex-start;
    flex-shrink: 0;
    flex-grow: 1;
}

.oh-dashboard__event--purple {
    background-color: rebeccapurple;
}

.oh-dashboard__event--crimson {
    background-color: crimson;
}

.oh-dasboard__event-photo {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 0.75rem;
    border: 4px solid rgba(255, 255, 255, 0.3);
}

.oh-dasboard__event-photo,
.oh-dasboard__event-details {
    flex-shrink: 0;
}

.oh-dashboard__event-userphoto {
    width: 100%;
    height: 100%;
}

.oh-dasboard__event-details {
    display: flex;
    flex-direction: column;
}

.oh-dashboard__event-title {
    font-weight: bold;
    font-size: 0.8rem;
}

.oh-dashboard__event-main {
    font-size: 1.35rem;
    margin-bottom: 0.15rem;
}

.oh-dashboard__event-date {
    font-size: 0.8rem;
}

.oh-dashboard__events {
    position: relative;
    max-width: 100%;
    overflow: hidden;
    display: flex;
}

.oh-dashboard__events-nav {
    display: flex;
    justify-content: center;
    align-items: center;
    list-style: none;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    padding-left: 0;
}

.oh-dashboard__events-nav-item {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.3);
    margin-right: 0.25rem;
    cursor: pointer;
}

.oh-dashboard__events-nav-item:hover {
    background-color: rgba(255, 255, 255, 0.5);
}

.oh-dashboard__events-nav-item:last-child {
    margin-right: 0;
}

.oh-dashboard__events-nav-item--active {
    background-color: rgba(255, 255, 255, 0.8);
}

.oh-card-dashboard__user-list {
    padding-left: 0;
    list-style: none;
    margin-bottom: 0;
}

.oh-card-dashboard__user-item {
    margin-bottom: 0.5rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px dashed hsl(213, 22%, 93%);
}

.oh-card-dashboard__user-item:last-child {
    margin-bottom: 0;
    border: none;
}

.oh-dashboard-card {
    background-color: hsl(0, 0%, 100%);
    border: 1px solid hsl(213, 22%, 84%);
    padding: 1.25rem;
}


/* ==============================
*           OrgChart
* ============================ */

.oh-main__org-chart-data {
    display: none;
}

.oh-profile-section {
    background-color: hsl(0, 0%, 100%);
    border: 1px solid hsl(213, 22%, 84%);
    padding: 1.25rem;
}

.oh-profile-section__sidebar {
    height: 100%;
    border-right: 1px solid hsl(213, 22%, 84%);
}

.oh-profile-section__sidebar-items {
    padding-left: 0px;
    list-style-type: none;
}

.oh-profile-section__sidebar-item {
    padding: 0.75rem 0;
}

.oh-profile-section__sidebar-item--active {
    border-right: 4px solid #26a1df;
}

.oh-profile-section__sidebar-link:hover,
.oh-profile-section__sidebar-link:focus,
.oh-profile-section__sidebar-link:focus-visible {
    text-decoration: none;
}

.oh-profile-section__edit-photo {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    transition: all 0.4s ease-in-out;
}

.oh-profile-section__edit-photo:hover::after {
    content: "Edit";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 30px;
    display: flex;
    justify-content: center;
    color: hsl(0, 0%, 100%);
    background: rgba(0, 0, 0, 0.6);
    padding: 0.25rem;
    transition: all 0.4s ease-in-out;
}

.oh-profile-section__avatar {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media (max-width: 767.98px) {
    .oh-profile-section__topbar {
        flex-direction: row !important;
    }
}

@media (max-width: 575.98px) {
    .oh-profile-section__topbar {
        padding-bottom: 0.75rem;
        flex-direction: column !important;
    }
    .oh-profile-section__topbar .oh-profile-section__tab {
        margin-top: 1.5rem;
    }
}

.oh-profile-section__modal-avatar {
    width: 180px;
    height: 180px;
    border-radius: 50%;
    overflow: hidden;
}

@media (max-width: 767.98px) {
    .oh-profile-section__modal-avatar {
        max-width: 100px;
        height: 100px;
    }
}

.oh-profile-section__modal-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.oh-profile-section__image-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.oh-history_date {
    position: relative;
    text-align: center;
    margin: 1.6rem 0;
}

.oh-history_date::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    left: 0;
    right: 0;
    background-color: hsl(213, 22%, 93%);
    top: 10px;
}

.oh-history_date-content {
    z-index: 1;
    padding: 6px 24px;
    background-color: hsl(0, 0%, 100%);
    position: relative;
}

.oh-history_user-img {
    width: 40px;
    height: 40px;
    margin-right: 0.6rem;
    position: relative;
}

.oh-history_user-pic {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.oh-history_time {
    color: hsl(216, 3%, 39%);
    font-size: 0.875em;
}

.oh-history__username {
    font-size: 1rem;
}

.oh-history_msg-container {
    background-color: hsl(0, 0%, 97.5%);
    border: 1px solid hsl(213, 22%, 93%);
    border-radius: 0 0.6rem 0.6rem 0.6rem;
    padding: 0.8rem 1rem;
    width: fit-content;
    margin: 0.4rem 0;
    font-size: 0.9rem;
}

.oh-history_msging-email {
    background-color: hsl(0, 75%, 97%);
    color: hsl(1, 100%, 61%);
    padding: 0.2rem 0.6rem;
    border-radius: 0.2rem;
    margin-right: 0.2rem;
    font-size: 0.8rem;
}

.oh-history_task-state {
    color: hsl(0, 0%, 27%);
    font-size: 0.9rem;
}

.oh-progress_arrow {
    width: 0.8rem;
    height: auto;
}

.oh-history_task-tracker {
    padding: 0.2rem 0;
    font-size: 0.85rem;
}

.oh-history_task-list {
    padding: 0.2rem 0;
}

.oh-history_tracking-value {
    color: hsl(1, 100%, 61%);
}

.oh-history-task-state {
    color: hsl(216, 3%, 39%);
}

.oh-history_user-state {
    position: absolute;
    width: 0.6rem;
    height: 0.6rem;
    border-radius: 50%;
    right: 2px;
    bottom: 0px;
    cursor: pointer;
}

.oh-history_user-details {
    flex: 1;
}

.oh-user_inactive {
    background-color: rgb(153, 153, 153);
    border: 2px solid hsl(0, 0%, 100%);
}

.oh-history_abt {
    width: 50%;
    margin-top: 0.2rem;
    margin-bottom: 1.6rem;
}

@media (max-width: 767.98px) {
    .oh-history_abt {
        width: 100%;
    }
}

.oh-history_tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.oh-history_tabs-items {
    border-radius: 1rem;
    border: 1px solid;
    font-size: 0.7rem;
}

.oh-history_log-container {
    margin-top: 2rem;
    display: flex;
}

.oh-history-log_msg-section {
    width: 100%;
}

.oh-history-log_msg-container {
    border-radius: 0.6rem;
    border: 1px solid hsl(213, 22%, 84%);
    width: 100%;
    padding: 1rem;
}

.oh-history_textarea {
    border: none;
    outline: none;
    width: 100%;
    border-bottom: 1px solid hsl(213, 22%, 84%);
    font-size: 0.8rem;
    padding: 0.4rem 0;
    resize: none;
}

.oh-history_cust_btn {
    display: flex;
}

.oh-history-log_buttons {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.oh-history_iconbtn {
    padding: 0 0.2rem;
}

.oh-history_tabs-items:hover {
    color: hsl(0, 0%, 100%);
    text-decoration: none;
    background-color: #26a1df;
}

.oh-wrapper-main--1 {
    grid-template-columns: auto;
}

.members-container {
    background-color: #f9f9f9;
    border: 1px solid #e7e7e7;
    padding: 8px;
    max-width: fit-content;
    border-radius: 45px;
}

.members-container .oh-faq_search--icon {
    top: 12px;
}

.members-container ul li {
    list-style: none;
    float: left;
    border: 2px solid #f9f9f9;
}

.members-container ul .li-last {
    margin-right: 0px;
    background-color: #f2f3f5;
    width: 32px;
    height: 32px;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
}

.members-container ul .li-last a {
    text-decoration: none;
    position: relative;
}

.img-right-arrow,
.img-left-arrow {
    float: right;
    margin-right: 6px;
}

.members-container ul .active {
    border: 2px solid #e54f38;
    border-radius: 50%;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #fff;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
    top: 168px;
    padding: 10px;
    border-radius: 10px;
}

.dropdown-content .oh-input {
    padding: 0.4rem 1rem;
    padding-left: 28px;
}

.dropdown-content a {
    color: black;
    padding: 6px 10px;
    text-decoration: none;
    display: block;
    border-radius: 10px;
}

.dropdown-content a span {
    padding-left: 5px;
}

.dropdown-content a img {
    width: 28px;
}

.dropdown-content a:hover {
    background-color: #e7e7e9;
    border-radius: 12px;
}

.show {
    display: block;
}

a.oh-profile-dropdown-link:hover {
    text-decoration: none;
}

.oh-sorting-field .oh-card-dashboard--moveable:hover {
    cursor: grab;
}

.oh-card-dashboard--moveable {
    position: relative;
}

.oh-state-highlight {
    background-color: #f0f0f0;
    border: 1px dashed #ccc;
    line-height: 1.2em;
    min-height: 2rem;
    height: auto;
    width: 100%;
    margin-top: 1rem;
    box-sizing: border-box;
}

@media (max-width: 992px) {
    .oh-state-highlight {
        width: 100%;
    }
}

.oh-onboarding {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    min-height: calc(100vh - 4rem);
    margin-top: 2rem;
    margin-bottom: 2rem;
}

@media (max-width: 767.98px) {
    .oh-onboarding {
        align-items: flex-start;
        height: 100%;
        margin-top: 2rem;
    }
}

.oh-onboarding-card {
    background-color: hsl(0, 0%, 100%);
    width: 90%;
    max-width: 600px;
    padding: 2.5rem;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
}

@media (min-width: 1400px) {
    .oh-onboarding-card {
        max-width: 800px;
    }
}

.oh-onboarding-card--top-bar,
.oh-onboarding-preview--top-bar {
    position: relative;
}

.oh-onboarding-card--top-bar::before,
.oh-onboarding-preview--top-bar::before {
    content: "";
    left: 0;
    top: 0;
    height: 5px;
    width: 100%;
    background-color: #26a1df;
    position: absolute;
}

.oh-onboarding-card__container {
    width: 98%;
    max-width: 350px;
    margin: 0 auto;
}

.oh-onboarding-card__container--wide {
    max-width: 650px;
}

.oh-onboarding-card__title {
    font-weight: bold;
}

.oh-onboarding-card__title--h1 {
    font-size: 1.75rem;
}

.oh-onboarding-card__title--h2 {
    font-size: 1.45rem;
}

.oh-onboarding-card__title--h3 {
    font-size: 1.2rem;
}

.oh-onboarding-card__lead {
    font-size: 1.05rem;
    color: hsl(0, 0%, 45%);
}

.oh-onboarding-card__button {
    margin: 0 auto;
}

.oh-onboarding-card__lead-image {
    width: 300px;
    display: block;
    height: auto;
    margin: 0 auto;
}

.oh-onboarding-card__steps {
    list-style-type: none;
    padding-left: 0;
    display: flex;
    align-items: center;
    margin-bottom: 0;
}

.oh-onboarding-card__step {
    display: flex;
    align-items: center;
    margin-right: 1.25rem;
    flex-shrink: 0;
}

.oh-onboarding-card__step:last-child {
    margin-right: 0;
}

@media (max-width: 575.98px) {
    .oh-onboarding-card__step {
        display: none;
        margin-right: 0;
    }
}

.oh-onboarding-card__step--active .oh-onboarding-card__text {
    color: hsl(0, 0%, 11%);
    font-weight: bold;
}

@media (max-width: 575.98px) {
    .oh-onboarding-card__step--active {
        display: flex;
    }
}

.oh-onboarding-card__count {
    background-color: rgba(229.194, 79.4444, 56.406, 0.1);
    color: #26a1df;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 0.5rem;
    font-size: 0.75rem;
}

.oh-onboarding-card__text {
    color: hsl(0, 0%, 45%);
    font-size: 0.8rem;
}

.oh-onboarding-card__header {
    border-bottom: 1px solid hsl(213, 22%, 93%);
    margin-bottom: 2rem;
    padding-bottom: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.oh-onboarding-card__form {
    width: 98%;
    max-width: 400px;
    margin: 0 auto;
}

.oh-onboarding-card__greeting {
    color: hsl(0, 0%, 45%);
    font-size: 1.2rem;
}

.oh-onboarding-card__highlight-code {
    display: block;
    max-width: 220px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    padding: 1rem 1.25rem;
    background-color: hsl(213, 22%, 93%);
    border: 1px dashed hsl(213, 22%, 84%);
}

.oh-onboarding-card__highlight-label {
    font-weight: bold;
}

.oh-onboarding-card__subtitle {
    font-size: 0.9rem;
    color: hsl(0, 0%, 45%);
    display: block;
}

.oh-onboarding-card__company-name {
    font-size: 0.85rem;
    font-weight: bold;
}

.oh-onboarding-card__section-title {
    font-size: 1.15rem;
    font-weight: bold;
}

.oh-onboarding-card__address-group {
    margin-top: 2rem;
}

.oh-onboarding-card__address-group:first-child {
    margin-top: 0;
}

.oh-onboarding-card__collapse-header {
    margin-top: 1rem;
    margin-bottom: 1rem;
    padding: 1.5rem 0 1rem;
    border-bottom: 1px solid hsl(213, 22%, 84%);
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    position: relative;
}

.oh-onboarding-card__collapse-header:hover {
    background-color: rgba(233.223, 236.7573, 241.077, 0.3);
    transition: all 0.3s ease-in-out;
}

.oh-onboarding-card__collapse-header::after {
    content: "";
    position: absolute;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzFjMWMxYyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjEuNSIgdmlld0JveD0iMCAwIDI0IDI0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxwYXRoIGQ9Im01LjI1IDguNjI1IDYuNzUgNi43NSA2Ljc1LTYuNzUiPjwvcGF0aD4KPC9zdmc+");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 20px;
    height: 20px;
    right: 0;
    top: 24px;
    transition: all 0.3s ease-in-out;
}

.oh-onboarding-card__collapse--show .oh-onboarding-card__collapse-header {
    margin-bottom: 0;
}

.oh-onboarding-card__collapse--show .oh-onboarding-card__collapse-header::after {
    content: "";
    transform: rotate(-180deg);
    transition: all 0.3s ease-in-out;
}

.oh-onboarding-card__collapse-title {
    font-weight: bold;
}

.oh-onboarding-card__collappse-body {
    padding: 1.5rem 0;
    display: none;
}

.oh-onboarding-card__collapse--show .oh-onboarding-card__collappse-body {
    display: block;
}

.oh-onboarding--preview {
    display: flex;
    align-items: flex-start;
}

@media (max-width: 991.98px) {
    .oh-onboarding--preview {
        flex-direction: column;
        align-items: center;
    }
}

.oh-onboarding__info-container {
    display: flex;
    align-items: flex-start;
}

@media (max-width: 575.98px) {
    .oh-onboarding__info-container {
        flex-direction: column;
    }
}

.oh-onboarding__title-container {
    margin-left: 10px;
}

@media (max-width: 575.98px) {
    .oh-onboarding__title-container {
        margin-top: 10px;
        margin-left: 0;
    }
}

.oh-onboarding__title {
    font-size: 2rem;
    line-height: 1.25;
    font-weight: bold;
}

.oh-onboarding-preview {
    width: calc((100vw - 200px) / 2 - 40px);
    max-width: 500px;
    margin-left: 15px;
    background-color: hsl(0, 0%, 100%);
    -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
    padding: 2rem 1rem;
}

.oh-onboarding-preview img {
    width: 100%;
    height: auto;
    object-fit: contain;
}

@media (max-width: 991.98px) {
    .oh-onboarding-preview {
        width: 90%;
        max-width: 600px;
        margin-left: 0;
        margin-top: 15px;
    }
}

.oh-feedback-card__name-container,
.oh-feedback-card__actions {
    display: flex;
    flex-direction: column;
}

.oh-feedback-card__details {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.oh-feedback-card__profile-container {
    display: flex;
}

.oh-feedback-card__feedback-status {
    font-size: 0.85rem;
    font-weight: bold;
}

.oh-feedback-card__name {
    font-size: 1.15rem;
    font-weight: bold;
}

.oh-feedback-care__header {
    padding-bottom: 0.75rem;
    margin-bottom: 1.5rem;
    border-bottom: 1px solid hsl(213, 22%, 93%);
}

.oh-payslip {
    max-width: 1200px;
    width: 100%;
    margin: 2rem auto;
    padding: 1.5rem;
    border: 1px solid hsl(213, 22%, 84%);
}

@media (max-width: 991.98px) {
    .oh-payslip {
        margin: 0;
        border: none;
    }
}

.oh-payslip__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 0.5rem;
    margin-bottom: 1.5rem;
    border-bottom: 1px solid hsl(213, 22%, 84%);
}

.oh-payslip__title {
    font-weight: bold;
}

.oh-payslip__title--h1 {
    font-size: 1.5rem;
}

.oh-payslip__title--h2 {
    font-size: 1rem;
}

.oh-payslip__employee-title {
    font-size: 0.9rem;
    font-weight: bold;
    color: hsl(0, 0%, 37%);
}

.oh-payslip__employee-details {
    padding-left: 0;
    list-style-type: none;
}

.oh-payslip__employee-detail {
    font-size: 0.9rem;
    padding-top: 0.95rem;
    display: flex;
}

.oh-payslip__employee-detail-title {
    position: relative;
    color: hsl(0, 0%, 45%);
    display: block;
    min-width: 180px;
    margin-right: 1rem;
}

.oh-payslip__employee-detail-title::after {
    content: ": ";
    position: absolute;
    color: hsl(0, 0%, 45%);
    font-size: 0.9rem;
    right: 0;
}

.oh-payslip__summary {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

@media (max-width: 991.98px) {
    .oh-payslip__summary {
        flex-direction: column-reverse;
    }
}

.oh-payslip__netpay {
    text-align: right;
    width: 300px;
    padding: 1rem;
}

@media (max-width: 991.98px) {
    .oh-payslip__netpay {
        width: 100%;
        text-align: left;
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 1.5rem;
    }
}

.oh-payslip__netpay-title {
    color: hsl(0, 0%, 37%);
    display: block;
    margin-bottom: 0.25rem;
}

.oh-payslip__netpay-amount {
    font-size: 2rem;
}

.oh-payslip__table-container {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-top: 1.5rem;
}

@media (max-width: 991.98px) {
    .oh-payslip__table-container {
        flex-direction: column;
    }
}

@media (max-width: 991.98px) {
    .oh-payslip__user-detail {
        margin-bottom: 1rem;
    }
}

.oh-payslip__table {
    width: 100%;
    border: 1px solid hsl(213, 22%, 93%);
    margin-right: 1rem;
}

.oh-payslip__table:last-child {
    margin-right: 0;
}

@media (max-width: 991.98px) {
    .oh-payslip__table {
        margin-bottom: 1rem;
    }
}

.oh-payslip__table-th,
.oh-payslip__table-td,
.oh-payslip__table-tf {
    padding: 0.75rem;
}

.oh-payslip__table-th {
    border-bottom: 1px solid hsl(213, 22%, 93%);
}

.oh-payslip__net-payable {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 1.25rem;
    border: 1px solid hsl(213, 22%, 93%);
    height: 75px;
}

@media (max-width: 991.98px) {
    .oh-payslip__net-payable {
        flex-direction: column;
        height: auto;
    }
}

.oh-payslip__net-payable-title {
    font-size: 1.15rem;
    font-weight: bold;
    line-height: 1rem;
}

.oh-payslip__net-payable-subtext {
    font-size: 0.95rem;
    color: hsl(0, 0%, 45%);
    margin-bottom: 0;
}

.oh-payslip__net-payable-amount {
    font-size: 1.15rem;
    font-weight: bold;
}

.oh-payslip__net-payable-left,
.oh-payslip__net-payable-right {
    padding: 1rem;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.oh-payslip__net-payable-right {
    background-color: hsl(213, 22%, 93%);
    min-width: 200px;
}

@media (max-width: 991.98px) {
    .oh-payslip__net-payable-right {
        width: 100%;
    }
}

.oh-payslip__net-payable-left {
    flex-direction: column;
    align-items: flex-start;
}

.oh-payslip__net-payable-subtext {
    font-size: 0.85rem;
}

.oh-payroll__component-title {
    font-size: 1.35rem;
    font-weight: bold;
}

.oh-auth {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
    min-height: calc(100vh - 4rem);
    margin-top: 2rem;
    margin-bottom: 2rem;
}

@media (max-width: 767.98px) {
    .oh-auth {
        align-items: center;
        height: 100%;
        margin-top: 2rem;
    }
}

.oh-auth-card {
    background-color: hsl(0, 0%, 100%);
    /* width: 90%;
    max-width: 450px; */
    padding: 2.5rem;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
    box-shadow: 0px -1px 11px 3px rgba(0, 0, 0, 0.75);
    -webkit-box-shadow: 0px -1px 11px 3px rgb(177 170 170 / 24%);
    -moz-box-shadow: 0px -1px 11px 3px rgba(0, 0, 0, 0.75);
}

@media (max-width: 767.98px) {
    .oh-auth-card {
        padding: 1.5rem;
    }
}

.oh-404 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

@media screen and (max-width: 576px) {
    .oh-404 {
        width: 80%;
    }
}

.oh-404__image {
    width: 80px;
    height: 80px;
}

.oh-404__title {
    font-size: 1.75rem;
    font-weight: bold;
    margin-top: 1rem;
    text-align: center;
}

@media screen and (max-width: 576px) {
    .oh-404__title {
        font-size: 1.25rem;
    }
}

.oh-404__subtitle {
    color: hsl(0, 0%, 45%);
    text-align: center;
}

@media screen and (max-width: 576px) {
    .oh-404__subtitle {
        font-size: 0.9rem;
    }
}

.oh-we-calendar__row {
    display: flex;
}

.oh-we-calendar__row .oh-we-calendar__cell {
    border-right: none;
}

.oh-we-calendar__row .oh-we-calendar__cell:last-child {
    border-right: 1px solid hsl(213, 22%, 84%);
}

.oh-we-calendar__header {
    display: flex;
}

.oh-we-calendar__header-cell {
    width: 40px;
    text-align: center;
    font-weight: bold;
}

.oh-we-calendar--week .oh-we-calendar__header-cell.oh-we-calendar__header-cell--title,
.oh-we-calendar--week .oh-we-calendar__cell.oh-we-calendar__cell--name {
    width: 300px;
}

.oh-we-calendar--week .oh-we-calendar__header-cell,
.oh-we-calendar--week .oh-we-calendar__cell {
    width: 140px;
}

.oh-we-calendar__header-cell--title {
    padding: 10px !important;
    text-align: left;
}

.oh-we-calendar__header-cell {
    padding: 10px 0;
}

.oh-we-calendar__cell {
    border: 1px solid hsl(213, 22%, 84%);
    width: 40px;
    min-height: 50px;
}

.oh-we-calendar__cell--name {
    padding: 10px !important;
}

.oh-we-calendar__cell {
    padding: 2px;
}

.oh-we-calendar__cell--name,
.oh-we-calendar__header-cell--title {
    width: 300px;
}

@media (max-width: 991.98px) {
    .oh-chat>.oh-wrapper {
        max-width: 100%;
    }
}

.oh-chat-container {
    height: 100vh;
    overflow-y: hidden;
}

.oh-chat__header-profile {
    display: flex;
    align-items: center;
}

.oh-chat__header-avatar {
    width: 48px;
    height: 48px;
}

.oh-chat__header {
    background-color: hsl(0, 0%, 100%);
    padding: 1rem 0;
    border-bottom: 1px solid hsl(213, 22%, 93%);
}

.oh-chat__header::before {
    content: "";
    position: fixed;
    width: 50%;
    height: 100%;
    background: hsl(0, 0%, 100%);
    left: 0;
    top: 65px;
    max-width: 500px;
    z-index: -1;
}

.oh-chat__header::after {
    content: "";
    background: white;
    border-bottom: 1px solid hsl(213, 22%, 93%);
    width: 100vw;
    height: 71.08px;
    position: absolute;
    display: block;
    z-index: -2;
    top: 65px;
    left: 0;
}

@media (max-width: 991.98px) {
    .oh-chat__header {
        position: sticky;
        top: 0;
        width: 100%;
        z-index: 98;
        background-color: hsl(0, 0%, 100%);
    }
    .oh-chat__header::after {
        content: unset;
    }
    .oh-chat__header::before {
        content: unset;
    }
}

.oh-chat__header-name,
.oh-chat__header-status {
    display: block;
}

.oh-chat__header-name {
    font-weight: bold;
}

.oh-chat__header-status {
    color: hsl(0, 0%, 45%);
    font-size: 0.75rem;
}

.oh-chat__content {
    display: grid;
    grid-template-columns: 300px auto;
}

@media screen and (max-width: 991.98px) {
    .oh-chat__content {
        display: unset;
    }
}

.oh-chat__sidebar {
    background-color: hsl(0, 0%, 100%);
    border-right: 1px solid hsl(213, 22%, 93%);
    height: 100vh;
    padding-right: 8%;
    z-index: 2;
}

@media (max-width: 991.98px) {
    .oh-chat__sidebar {
        display: none;
        position: fixed;
        width: 90%;
        top: 70px;
        z-index: 99;
        padding-left: 1rem;
    }
}

@media (max-width: 991.98px) {
    .oh-chat__sidebar--show {
        display: block;
    }
}

.oh-chat__sidebar {
    padding-top: 1.5rem;
}

.oh-chat__main {
    width: 100%;
    background-color: hsl(0, 0%, 97.5%);
}

.oh-chat__main-chatter {
    height: calc(100vh - 222px);
    overflow-y: auto;
    display: flex;
    flex-direction: column-reverse;
}

@media (max-width: 991.98px) {
    .oh-chat__main-chatter {
        width: 100vw;
        height: calc(100vh - 216px);
    }
}

.oh-chat__main-input-container {
    background-color: hsl(0, 0%, 100%);
    border-top: 1px solid hsl(213, 22%, 93%);
    height: 95px;
    width: 100%;
    padding: 1em 0;
    position: sticky;
    display: flex;
    align-items: center;
    justify-content: center;
    bottom: 0;
    left: auto;
    display: flex;
    flex-direction: column;
}

.oh-chat__main-input-container::after {
    content: "";
    background-color: hsl(0, 0%, 100%);
    border-top: 1px solid hsl(213, 22%, 93%);
    height: 95px;
    width: 100vw;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: -1;
}

.oh-chat__sidebar-search-input {
    position: relative;
    background-color: hsl(0, 0%, 96%);
    border: none;
    padding: 1em 1em 1em 1.85rem;
    width: 100%;
    font-size: 0.75rem;
}

.oh-chat__sidebar-search-input:focus,
.oh-chat__sidebar-search-input:focus-visible {
    outline: hsl(213, 22%, 84%) solid 1px;
}

.oh-chat__sidebar-search-container {
    position: relative;
}

.oh-chat__sidebar-search-container::before {
    content: "";
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzkzYTBiNCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2Utd2lkdGg9IjIiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwLjM2NCAzYTcuMzY0IDcuMzY0IDAgMSAwIDAgMTQuNzI3IDcuMzY0IDcuMzY0IDAgMCAwIDAtMTQuNzI3djBaIj48L3BhdGg+CjxwYXRoIGQ9Ik0xNS44NTcgMTUuODYgMjEgMjEuMDAxIj48L3BhdGg+Cjwvc3ZnPg==");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    display: block;
    position: absolute;
    width: 14px;
    height: 14px;
    z-index: 1;
    top: 52.5%;
    left: 0.7rem;
    transform: translateY(-60%);
}

.oh-chat__sidebar-section {
    height: 50%;
}

.oh-chat__sidebar-sections {
    height: calc(100% - 80px);
    margin-top: 1em;
}

.oh-chat__sidebar-section-header {
    border-bottom: 1px solid hsl(213, 22%, 93%);
    padding: 0.5rem 0;
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.oh-chat__sidebar-section-title {
    font-size: 1.15rem;
    font-weight: bold;
    margin-bottom: 0;
}

.oh-chat__sidebar-users {
    list-style-type: none;
    padding-left: 0;
    display: block;
}

.oh-chat__sidebar-user {
    display: flex;
    align-items: center;
    cursor: pointer;
    position: relative;
    margin-bottom: 1.5rem;
}

.oh-chat__sidebar-user:last-child {
    margin-bottom: 0;
}

.oh-chat__sidebar-user:hover .oh-chat__sidebar-username {
    color: #26a1df;
    transition: color 0.3s ease-in-out;
}

.oh-chat__sidebar-user:hover img {
    opacity: 0.7;
    transition: all 0.3s ease-in-out;
}

.oh-chat__sidebar-username {
    font-weight: bold;
}

.oh-chat__sidebar-usertext {
    margin-bottom: 0;
    color: hsl(0, 0%, 45%);
    font-size: 0.9em;
}

.oh-chat__sidebar-username,
.oh-chat__sidebar-usertext {
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 185px;
    white-space: nowrap;
}

.oh-chat-sidebar__timestamp {
    color: hsl(0, 0%, 45%);
    font-size: 0.75rem;
    position: absolute;
    top: 5px;
    right: 0;
}

.oh-chat__main-chatter::-webkit-scrollbar,
.oh-chat__sidebar-section-body::-webkit-scrollbar,
.oh-chat__add-group-users-container::-webkit-scrollbar,
.oh-chat__selected-user-contianer::-webkit-scrollbar {
    visibility: hidden;
    width: 5px;
}

.oh-chat__main-chatter:hover,
.oh-chat__sidebar-section-body:hover,
.oh-chat__add-group-users-container:hover,
.oh-chat__selected-user-contianer:hover {
    /* width */
    /* Track */
    /* Handle */
    /* Handle on hover */
}

.oh-chat__main-chatter:hover::-webkit-scrollbar,
.oh-chat__sidebar-section-body:hover::-webkit-scrollbar,
.oh-chat__add-group-users-container:hover::-webkit-scrollbar,
.oh-chat__selected-user-contianer:hover::-webkit-scrollbar {
    visibility: visible;
}

.oh-chat__main-chatter:hover::-webkit-scrollbar-track,
.oh-chat__sidebar-section-body:hover::-webkit-scrollbar-track,
.oh-chat__add-group-users-container:hover::-webkit-scrollbar-track,
.oh-chat__selected-user-contianer:hover::-webkit-scrollbar-track {
    background: rgba(233.223, 236.7573, 241.077, 0.3);
    border-radius: 25px;
}

.oh-chat__main-chatter:hover::-webkit-scrollbar-thumb,
.oh-chat__sidebar-section-body:hover::-webkit-scrollbar-thumb,
.oh-chat__add-group-users-container:hover::-webkit-scrollbar-thumb,
.oh-chat__selected-user-contianer:hover::-webkit-scrollbar-thumb {
    background: hsl(213, 22%, 84%);
    border-radius: 25px;
}

.oh-chat__main-chatter:hover::-webkit-scrollbar-thumb:hover,
.oh-chat__sidebar-section-body:hover::-webkit-scrollbar-thumb:hover,
.oh-chat__add-group-users-container:hover::-webkit-scrollbar-thumb:hover,
.oh-chat__selected-user-contianer:hover::-webkit-scrollbar-thumb:hover {
    background: hsl(216, 18%, 64%);
}

.oh-chat__sidebar-section-body {
    height: calc(100% - 63px);
    overflow-y: auto;
}

.oh-chat__sidebar-section {
    position: relative;
}

.oh-chat__sidebar-section::after {
    content: "";
    background: rgb(255, 255, 255);
    background: -moz-linear-gradient(0deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-linear-gradient(0deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(0deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#ffffff", GradientType=1);
    position: absolute;
    display: block;
    width: 100%;
    height: 30px;
    pointer-events: none;
    bottom: 0;
    left: 0;
}

.oh-chat__header-avatar {
    width: 38px;
    height: 38px;
}

.oh-chat__header-avatar-status {
    position: relative;
}

.oh-chat__header-avatar-status::after {
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: block;
    outline: hsl(0, 0%, 100%) solid 1px;
    border: 1px solid hsl(213, 22%, 93%);
    bottom: 0px;
    right: 0px;
    position: absolute;
}

.oh-chat__header-avatar-status--online::after {
    border-color: hsl(148, 70%, 40%);
    background-color: hsl(148, 71%, 44%);
}

.oh-chat__header-avatar-status--offline::after {
    background-color: hsl(0, 0%, 100%);
}

.oh-chat__main-input {
    width: 100%;
    font-size: 0.9rem;
    padding-top: 0.6rem;
    padding-bottom: 0.6rem;
    padding-left: 2.5rem;
    background-color: rgba(233.223, 236.7573, 241.077, 0.3);
    border: none;
    margin-bottom: 0.35rem;
}

.oh-chat__main-input:focus,
.oh-chat__main-input:focus-visible {
    outline: 1px solid hsl(213, 22%, 84%);
}

@media (max-width: 991.98px) {
    .oh-chat__main-input {
        width: 100%;
    }
}

.oh-chat__input-wrapper {
    display: flex;
    align-items: center;
}

.oh-chat__bubble {
    position: relative;
    display: flex;
    margin-bottom: 2rem;
    transform: translateZ(0);
}

.oh-chat__bubble:last-child {
    margin-bottom: 0;
}

.oh-chat__bubble .oh-chat__bubble-content {
    max-width: 80%;
    display: inline-block;
    position: relative;
    border-radius: 0.5rem;
    padding: 1.5rem;
    box-shadow: rgba(0, 0, 0, 0.08) -4px 9px 25px -6px;
}

.oh-chat__bubble--other .oh-chat__bubble-content {
    background-color: hsl(0, 0%, 100%);
    color: hsl(0, 0%, 11%);
    margin-top: 3rem;
    border: 1px solid hsl(213, 22%, 84%);
}

.oh-chat__bubble--other+.oh-chat__bubble--other .oh-chat__bubble-user-info {
    display: none;
}

.oh-chat__bubble--other+.oh-chat__bubble--other .oh-chat__bubble-content {
    margin-top: 1rem;
}

.oh-chat__bubble--you {
    justify-content: flex-end;
}

.oh-chat__bubble--you .oh-chat__bubble-content {
    background-color: #26a1df;
    color: hsl(0, 0%, 100%);
    margin-left: auto;
    border: 1px solid #26a1df;
}

.oh-chat__bubble-timestamp {
    position: absolute;
    font-size: 0.7rem;
    color: rgba(28.05, 28.05, 28.05, 0.5);
    min-width: 100px;
    right: 0px;
    bottom: -20px;
    text-align: right;
}

.oh-chat__header-icons {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.oh-chat--sidebar-toggle-btn {
    padding: 0;
    font-size: 24px !important;
    margin-right: 0.5rem;
}

@media (min-width: 992px) {
    .oh-chat--sidebar-toggle-btn {
        display: none;
    }
}

.oh-chat__sidebar-close-btn {
    padding: 0;
    font-size: 24px !important;
    margin-bottom: 1rem;
}

@media (min-width: 992px) {
    .oh-chat__sidebar-close-btn {
        display: none;
    }
}

.oh-chat__bubble-user-info {
    display: flex;
    align-items: center;
    position: absolute;
    top: -35px;
    left: 0;
}

.oh-chat__bubble-user {
    font-size: 0.7rem;
    font-weight: bold;
    max-width: 250px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.oh-chat__bubble-avatar {
    width: 24px;
    height: 24px;
}

.oh-chat__bubble-content--unread {
    position: relative;
}

.oh-chat__bubble-content--unread::after {
    content: "";
    width: 8px;
    height: 8px;
    display: inline-block;
    position: absolute;
    border-radius: 50%;
    background-color: hsl(1, 64%, 49%);
    top: -25px;
    right: 0;
}

.oh-chat__typing {
    display: flex;
    align-items: center;
}

.oh-chat__typing-message {
    color: hsl(0, 0%, 37%);
    font-size: 0.65rem;
    margin-top: 0.4rem;
}

@keyframes typingAnimation {
    0% {
        top: 1px;
        background-color: rgba(94.35, 94.35, 94.35, 0.4);
    }
    50% {
        top: -1px;
        background-color: rgba(94.35, 94.35, 94.35, 0.6);
    }
    100% {
        top: 1px;
        background-color: rgba(94.35, 94.35, 94.35, 0.4);
    }
}

.oh-chat__typing-animation {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    position: relative;
    display: inline-block;
    background-color: rgba(94.35, 94.35, 94.35, 0.4);
    animation: typingAnimation 0.8s ease-in-out 1s infinite;
    top: 3px;
    left: 8px;
    margin-right: 1.5rem;
    transition: all 0.3s ease-in-out;
}

.oh-chat__typing-animation::after,
.oh-chat__typing-animation::before {
    content: "";
    position: absolute;
    width: inherit;
    height: inherit;
    border-radius: inherit;
    background-color: inherit;
    display: inherit;
    transition: inherit;
}

.oh-chat__typing-animation::before {
    left: -8px;
    animation: typingAnimation 0.8s ease-in-out 0 infinite;
}

.oh-chat__typing-animation::after {
    right: -8px;
    animation: typingAnimation 0.8s ease-in-out 2s infinite;
}

.oh-chat__empty {
    height: 80%;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media (max-width: 991.98px) {
    .oh-chat__empty {
        width: 100vw;
    }
}

.oh-chat__empty-message {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

@media (max-width: 991.98px) {
    .oh-chat__empty-message {
        position: relative;
        top: 100%;
    }
}

.oh-chat__empty-image {
    width: 150px;
    height: auto;
    margin: 0 auto;
    object-fit: contain;
}

.oh-chat__empty-title {
    font-size: 1.15rem;
    font-weight: bold;
    text-align: center;
    line-height: 1rem;
    margin-top: 1rem;
}

.oh-chat__empty-subtitle {
    color: hsl(0, 0%, 45%);
    text-align: center;
}

.oh-chat-sidebar__unread-badge {
    border-radius: 25px;
    padding: 0.25rem 0.5rem;
    min-width: 35px;
    text-align: center;
    display: inline-block;
    font-size: 0.65rem;
    color: hsl(0, 0%, 100%);
    background-color: hsl(1, 64%, 49%);
    position: absolute;
    top: 25px;
    right: 0;
}

.oh-chat__bubble-timestamp--read {
    padding-right: 1rem;
}

.oh-chat__bubble-timestamp--read::after {
    content: "";
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2M0YzRjNCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjIiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0ibTIxLjc1IDYtMTAuNSAxMi00LjUtNC41Ij48L3BhdGg+CjxwYXRoIGQ9Im02Ljc1IDE4LTQuNS00LjUiPjwvcGF0aD4KPHBhdGggZD0ibTE3LjI1IDYtNi4zNzUgNy4zMTMiPjwvcGF0aD4KPC9zdmc+");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 14px;
    height: 14px;
    position: absolute;
    right: 0;
}

.oh-chat__dropdown-dialog {
    position: absolute;
    background-color: hsl(0, 0%, 100%);
    border: 1px solid hsl(213, 22%, 93%);
    padding: 0.5rem;
    min-width: 300px;
    z-index: 99;
    top: -80px;
    left: 25px;
    transform: translateY(-25%);
    -webkit-box-shadow: rgba(0, 0, 0, 0.08) -4px 9px 25px -6px;
    box-shadow: rgba(0, 0, 0, 0.08) -4px 9px 25px -6px;
}

@media screen and (max-width: 991.98px) {
    .oh-chat__dropdown-dialog {
        left: -250px;
    }
}

.oh-chat__add-group-users {
    padding-left: 0;
}

.oh-chat__dropdown-dialog-footer {
    padding-top: 0.5rem;
}

.oh-chat__add-group-user {
    display: flex;
    align-items: center;
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
    cursor: pointer;
    transition: all 0.4s ease-in-out;
}

.oh-chat__add-group-user:hover,
.oh-chat__add-group-user:focus,
.oh-chat__add-group-user:focus-visible {
    color: #26a1df;
    transition: all 0.4s ease-in-out;
}

.oh-chat__add-group-user:hover img,
.oh-chat__add-group-user:focus img,
.oh-chat__add-group-user:focus-visible img {
    opacity: 0.7;
    transition: all 0.4s ease-in-out;
}

.oh-chat__add-group-users-container {
    height: 250px;
    overflow-y: auto;
}

.oh-chat__dialog-members-title {
    font-size: 0.9rem;
    text-transform: uppercase;
    font-weight: bold;
    margin-top: 1.05rem;
    margin-bottom: 0.5rem;
}

.oh-chat__selected-user-contianer {
    margin-top: 0.5rem;
    max-height: 90px;
    overflow-y: auto;
    display: flex;
    flex-direction: column-reverse;
}

.oh-chat__selected-users {
    display: flex;
    flex-wrap: wrap;
    gap: 2px;
}

.oh-chat__member-tag {
    display: inline-flex;
    align-items: center;
    border-radius: 25px;
    border: 1px solid hsl(213, 22%, 93%);
    padding: 0.35rem;
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
    transition: all 0.4s ease-in-out;
    cursor: pointer;
}

.oh-chat__member-tag:hover {
    background-color: rgba(233.223, 236.7573, 241.077, 0.6);
    border-color: hsl(213, 22%, 84%);
    transition: all 0.4s ease-in-out;
}

.oh-chat__member-tag-name {
    font-size: 0.8rem;
    border-radius: 50px;
    font-weight: bold;
}

.oh-chat__member-tag-image {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    object-fit: contain;
    margin-right: 0.3rem;
}

.oh-chat__bottom-deck {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-right: 40px;
}

.oh-chat__file-tag {
    font-size: 0.8rem;
    display: inline-flex;
    align-items: center;
    font-weight: bold;
    border: 1px solid hsl(213, 22%, 93%);
    padding: 0.25rem;
    padding-left: 0.45rem;
    border-radius: 50px;
    transition: all 0.4s ease-in-out;
}

.oh-chat__file-tag:hover {
    background-color: hsl(0, 0%, 97.5%);
    transition: all 0.4s ease-in-out;
}

.oh-chat__file-remove-btn {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIGZpbGw9IiM1MjUyNTIiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBkPSJNMTIgMi4yNWMtNS4zNzYgMC05Ljc1IDQuMzc0LTkuNzUgOS43NXM0LjM3NCA5Ljc1IDkuNzUgOS43NSA5Ljc1LTQuMzc0IDkuNzUtOS43NVMxNy4zNzYgMi4yNSAxMiAyLjI1Wm0zLjUzIDEyLjIyYS43NS43NSAwIDEgMS0xLjA2IDEuMDZMMTIgMTMuMDZsLTIuNDcgMi40N2EuNzUuNzUgMCAwIDEtMS4wNi0xLjA2TDEwLjk0IDEyIDguNDcgOS41M2EuNzUuNzUgMCAwIDEgMS4wNi0xLjA2TDEyIDEwLjk0bDIuNDctMi40N2EuNzUuNzUgMCAwIDEgMS4wNiAxLjA2TDEzLjA2IDEybDIuNDcgMi40N1oiPjwvcGF0aD4KPC9zdmc+");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-color: transparent;
    border: none;
    border-radius: 50%;
    width: 14px;
    height: 14px;
    opacity: 0.6;
    cursor: pointer;
    transition: all 0.5s ease-in-out;
}

.oh-chat__file-remove-btn:hover {
    opacity: 1;
    cursor: pointer;
    transition: all 0.5s ease-in-out;
}

.oh-chat__file-label {
    margin-right: 0.15rem;
    max-width: 150px;
    white-space: nowrap;
    overflow-x: hidden;
    text-overflow: ellipsis;
}

.oh-chat__file-icon {
    width: 14px;
    height: 14px;
    object-fit: contain;
    margin-right: 0.25rem;
}

.oh-chat__files>span {
    margin-right: 0.5rem;
}

.oh-chat__files>span:last-child {
    margin-right: 0;
}

.oh-helpdesk {
    display: grid;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
    grid-template-columns: 70% 30%;
}

@media screen and (max-width: 991.98px) {
    .oh-helpdesk {
        display: flex;
        flex-direction: column-reverse;
    }
}

.oh-helpdesk__header {
    background-color: hsl(0, 0%, 100%);
    border-bottom: 1px solid hsl(213, 22%, 93%);
    padding-left: 3.75%;
    padding-top: 20px;
    padding-bottom: 20px;
}

@media screen and (max-width: 991.98px) {
    .oh-helpdesk__header {
        display: none;
    }
}

.oh-helpdesk__header-title {
    font-weight: 600;
    font-size: 1.07rem;
    margin-bottom: 0.15rem;
}

.oh-helpdesk__header-status {
    display: flex;
    align-items: center;
    margin-top: 0.25rem;
}

.oh-helpdesk__status-text {
    font-size: 0.75rem;
    margin-left: 5px;
}

.oh-helpdesk__timestamp {
    font-size: 0.75rem;
}

.oh-helpdesk__meta-items {
    display: flex;
    align-items: center;
    gap: 15px;
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}

.oh-helpdesk__meta-item {
    position: relative;
}

.oh-helpdesk__meta-item::after {
    content: "";
    position: absolute;
    top: 3px;
    right: -8px;
    background-color: hsl(213, 22%, 84%);
    width: 1px;
    height: 18px;
    display: block;
}

.oh-helpdesk__meta-item:last-child::after {
    content: unset;
}

.oh-helpdesk__timestamp,
.oh-helpdesk__header-status {
    color: hsl(216, 3%, 39%);
}

.oh-helpdesk__right {
    height: calc(100vh - 65px);
    background-color: hsl(0, 0%, 100%);
    overflow-y: auto;
    border-left: 1px solid hsl(213, 22%, 93%);
    padding: 0.5rem;
}

@media screen and (max-width: 991.98px) {
    .oh-helpdesk__right {
        height: unset;
        border-left: 0;
    }
}

.oh-helpdesk__card {
    background-color: hsl(0, 0%, 100%);
    border: 1px solid hsl(213, 22%, 93%);
    box-shadow: rgba(17, 17, 26, 0.1) 0px 1px 0px;
    margin-bottom: 0.75rem;
}

.oh-helpdesk__card:last-child {
    margin-bottom: 0;
}

.oh-helpdesk__card-header,
.oh-helpdesk__card-body {
    padding: 1rem;
}

.oh-helpdesk__card-header {
    padding-top: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid hsl(213, 22%, 93%);
}

.oh-helpdesk__card-body {
    padding-bottom: 1.5rem;
}

.oh-helpdesk__card-title {
    font-size: 1.05rem;
    font-weight: bold;
}

.oh-helpdesk__subcard {
    margin-bottom: 1.5rem;
}

.oh-helpdesk__subcard:last-child {
    margin-bottom: 0;
}

.oh-helpdesk__subcard-title {
    font-weight: bold;
}

.oh-helpdesk__subcard-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 5px;
    margin-bottom: 1rem;
}

.oh-helpdesk__subcard-items {
    padding-left: 0;
    list-style: none;
    margin-bottom: 0;
}

.oh-helpdesk__body {
    height: calc(100vh - 225.97px);
    display: flex;
    flex-direction: column-reverse;
    padding-left: 3.75%;
    padding-right: 3.75%;
    overflow-y: auto;
}

.oh-helpdesk__chat-container {
    display: flex;
    flex-direction: column;
}

.oh-helpdesk__chatbox {
    width: 100%;
    background-color: hsl(0, 0%, 100%);
    border-top: 1px solid hsl(213, 22%, 93%);
    padding: 1rem 3.75%;
    box-shadow: rgba(0, 0, 0, 0.06) 0px -1px 6px 0px, rgba(0, 0, 0, 0.03) 0px -1px 5px 0px;
}

.oh-helpdesk__chat-input {
    resize: none;
    max-height: 55px;
    padding-top: 17px;
}

.oh-helpdesk__chat-input::placeholder {
    position: relative;
    top: 2px;
}

.oh-chat {
    display: grid;
    grid-template-columns: 98% 2%;
}

.oh-helpdesk__bubble {
    background-color: hsl(0, 0%, 100%);
    border: 1px solid hsl(213, 22%, 84%);
    padding: 1rem;
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 0px;
}

.oh-helpdesk__bubble-username {
    font-weight: bold;
}

.oh-helpdesk__bubble-header {
    padding-top: 0.5rem;
    padding-bottom: 0.75rem;
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid hsl(213, 22%, 93%);
}

.oh-helpdesk__bubble-timestamp {
    font-size: 0.85rem;
    opacity: 0.5;
}

.oh-helpdesk__bubble--reply {
    border-color: #26a1df;
    background-color: rgba(229.194, 79.4444, 56.406, 0.03);
}

.oh-helpdesk__bubble--reply .oh-helpdesk__bubble-header {
    border-color: hsl(213, 22%, 84%);
}

.oh-helpdesk__bubble--sender {
    border-color: hsl(225, 72%, 48%);
    background-color: rgba(235.722, 244.1948, 253.878, 0.5);
}

.oh-helpdesk__bubble--sender .oh-helpdesk__bubble-header {
    border-color: hsl(213, 22%, 84%);
}

.oh-helpdesk__chat-update {
    font-size: 0.85rem;
    color: hsl(0, 0%, 45%);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 0;
    width: 100%;
}

.helpdesk__card-items {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}

.helpdesk__card-item {
    margin-bottom: 0.75rem;
    font-size: 0.9rem;
}

.helpdesk__card-item:last-child {
    margin-bottom: 0;
}

.helpdesk__card-label {
    opacity: 0.6;
    display: inline-block;
    margin-right: 0.3rem;
}

.oh-helpdesk__documents {
    list-style: none;
    padding-left: 0;
}

.oh-helpdesk__icon {
    min-width: 42px;
    width: 42px;
    min-height: 42px;
    height: 42px;
    border-radius: 5px;
    background-color: hsl(0, 0%, 96%);
    display: flex;
    align-items: center;
    justify-content: center;
}

.oh-file-icon {
    display: block;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.oh-file-icon--pdf {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiB4PSIwIiB5PSIwIiB2aWV3Qm94PSIwIDAgOC40NjcgOC40NjciIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTIiIHhtbDpzcGFjZT0icHJlc2VydmUiIGNsYXNzPSIiPjxnPjxwYXRoIGQ9Ik0yLjM1Ny41M2EuODQ0Ljg0NCAwIDAgMC0uODU4LjgzMnY1Ljc0MmMwIC40NTkuMzguODMzLjg1OC44MzNoMy43NTFjLjQ3OCAwIC44Ni0uMzc0Ljg2LS44MzNWMi44MjJsLTIuMDYtLjMzN2EuNzUuNzUgMCAwIDEtLjYxNS0uOTE5TDQuNTYuNTN6bTIuNDYyLjEzLS4yNS45NzhhLjQ2Mi40NjIgMCAwIDAgLjM4NS41NjhsMS43MzMuMjgxem0tLjU4IDIuNzg4YS40LjQgMCAwIDEgLjM0My4xOTNjLjExOS4xNi4xMjguMzY3LjA4NC41NzdhMi41OSAyLjU5IDAgMCAxLS4yMzYuNjAxYy4xOC4zLjM4NC42MDYuNTM3LjgzOC4xMjktLjAxOS4yNTYtLjAzMS4zNzYtLjAzNy4yMzUtLjAxLjQ0Ni4wMDYuNjE2LjA5N2EuNDc4LjQ3OCAwIDAgMSAuMjI3LjU5NS40NC40NCAwIDAgMS0uMjY5LjI0OC41Ny41NyAwIDAgMS0uMzYyLjAwOGMtLjI2LS4wOC0uNDc4LS4zMzQtLjY4OC0uNTk0bC0xLjM5Ni4zMjVjLS4xNzMuMzU4LS4zMjguNjY4LS41NjcuODE0YS40NS40NSAwIDAgMS0uMjMyLjA2NS40NjEuNDYxIDAgMCAxLS4yODgtLjEwN2MtLjE4My0uMTctLjE3MS0uNDYzIDAtLjY1Ni4yMDQtLjIzLjU0NS0uMjcyLjktLjM1Ni4yNzQtLjM2LjU4OC0uODEzLjgxNi0xLjIyOC0uMDEzLS4wMjMtLjAyOC0uMDM5LS4wNC0uMDYyYTIuNDU3IDIuNDU3IDAgMCAxLS4yNS0uNjFjLS4wNDMtLjE5NC0uMDM4LS4zOTUuMDkyLS41NGEuNDcxLjQ3MSAwIDAgMSAuMzM4LS4xNzF6bS0uMDAzLjI4Nkg0LjIzYS4xNC4xNCAwIDAgMC0uMTE2LjA3NGMtLjAzOC4wNTYtLjA2MS4xMzktLjAyOC4yODguMDI1LjExMS4wOTcuMjU3LjE2Ni40LjA0OS0uMTE2LjExNi0uMjQzLjEzNS0uMzM3LjAzNi0uMTcuMDE4LS4yODUtLjAzNC0uMzUxLS4wMy0uMDQtLjA2Ni0uMDc1LS4xMTgtLjA3NHptLjAzMiAxLjM2Yy0uMTU2LjI2NS0uMzUzLjU1Ny0uNTQyLjg0M2wuOTM1LS4yMjdjLS4xMTctLjE4LS4yNi0uNDAyLS4zOTMtLjYxNXptMS4xNDUuODA4LS4wNTcuMDAyYS43MTYuNzE2IDAgMCAwLS4xMzEuMDJjLjE1LjE1NC4zMTMuMzQyLjQxNC4zNzMuMDc1LjAyNy4yNDUuMDAzLjI4LS4wODguMDM3LS4wOTkuMDA2LS4xODYtLjA5Ny0uMjQyYS45MzYuOTM2IDAgMCAwLS40MDktLjA2NXptLTIuMzgzLjU1Yy0uMjI3LjAzOC0uMzQ3LjA3Mi0uNDMxLjE1Mi0uMDgyLjA5My0uMDczLjIwNy0uMDIuMjU3YS4xMzkuMTM5IDAgMCAwIC4xNzUuMDFjLjA2NS0uMDQuMTc3LS4yNTcuMjc2LS40MTh6IiBmaWxsPSIjZTU0ZjM5IiBvcGFjaXR5PSIxIiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBjbGFzcz0iIj48L3BhdGg+PC9nPjwvc3ZnPg==");
}

.oh-file-icon--image {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiB4PSIwIiB5PSIwIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTIiIHhtbDpzcGFjZT0icHJlc2VydmUiIGNsYXNzPSIiPjxnPjxnIGZpbGw9IiMwMDAiPjxwYXRoIGQ9Ik02LjUgOWEyLjUgMi41IDAgMSAwIDAtNSAyLjUgMi41IDAgMCAwIDAgNXpNMTQgN2wtNS4yMjMgOC40ODdMNyAxM2wtNSA3aDIweiIgZmlsbD0iI2U1NGYzOSIgb3BhY2l0eT0iMSIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgY2xhc3M9IiI+PC9wYXRoPjwvZz48L2c+PC9zdmc+");
}

.oh-file-icon--audio {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiB4PSIwIiB5PSIwIiB2aWV3Qm94PSIwIDAgNjQgNjQiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTIiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxwYXRoIGQ9Ik03LjcyIDI0LjgzQTMuNzI2IDMuNzI2IDAgMCAwIDQgMjguNTV2Ni45YTMuNzE1IDMuNzE1IDAgMSAwIDcuNDMgMHYtNi45YTMuNzE3IDMuNzE3IDAgMCAwLTMuNzEtMy43MnpNMTkuODYgMTlhMy43MjYgMy43MjYgMCAwIDAtMy43MiAzLjcydjE4LjU2YTMuNzE1IDMuNzE1IDAgMSAwIDcuNDMgMFYyMi43MkEzLjcxNyAzLjcxNyAwIDAgMCAxOS44NiAxOXpNMzIgNS4wNGEzLjcyNiAzLjcyNiAwIDAgMC0zLjcyIDMuNzJ2NDYuNDhhMy43MiAzLjcyIDAgMSAwIDcuNDQgMFY4Ljc2QTMuNzI2IDMuNzI2IDAgMCAwIDMyIDUuMDR6TTQ0LjE0IDExLjkyYTMuNzE3IDMuNzE3IDAgMCAwLTMuNzEgMy43MnYzMi43MmEzLjcxNSAzLjcxNSAwIDEgMCA3LjQzIDBWMTUuNjRhMy43MjYgMy43MjYgMCAwIDAtMy43Mi0zLjcyek01Ni4yOCAxNy45OWEzLjcxNyAzLjcxNyAwIDAgMC0zLjcxIDMuNzJ2MjAuNThhMy43MTUgMy43MTUgMCAxIDAgNy40MyAwVjIxLjcxYTMuNzI2IDMuNzI2IDAgMCAwLTMuNzItMy43MnoiIGZpbGw9IiNlNTRmMzkiIG9wYWNpdHk9IjEiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiPjwvcGF0aD48L2c+PC9zdmc+");
}

.oh-file-icon--file {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiB4PSIwIiB5PSIwIiB2aWV3Qm94PSIwIDAgMzIgMzIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTIiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxwYXRoIGQ9Ik0yMiA4VjIuNjNMMjcuNDYgOUgyM2ExIDEgMCAwIDEtMS0xem0xIDNhMyAzIDAgMCAxLTMtM1YySDdhMyAzIDAgMCAwLTMgM3YyMmEzIDMgMCAwIDAgMyAzaDE4YTMgMyAwIDAgMCAzLTNWMTF6IiBkYXRhLW5hbWU9IkxheWVyIDEwIiBmaWxsPSIjZTU0ZjM5IiBvcGFjaXR5PSIxIiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIj48L3BhdGg+PC9nPjwvc3ZnPg==");
}

.oh-helpdesk__documents {
    margin-bottom: 0;
}

.oh-helpdesk__document {
    display: flex;
    align-items: center;
    gap: 8px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid hsl(213, 22%, 93%);
    transition: all 0.3s linear;
    cursor: pointer;
}

.oh-helpdesk__document:hover .oh-helpdesk__icon {
    background-color: rgba(205.224, 213.3024, 223.176, 0.6);
    transition: all 0.3s linear;
}

.oh-helpdesk__document:first-child {
    padding-top: 0;
}

.oh-helpdesk__document:last-child {
    padding-bottom: 0px;
    border-bottom: none;
}

.oh-helpdesk__filename {
    width: 100%;
    white-space: nowrap;
    overflow-x: hidden;
    text-overflow: ellipsis;
}

.helpdesk__card-footer {
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid hsl(213, 22%, 93%);
}

.oh-helpdesk__tags {
    padding-left: 0;
    margin-top: 0.75rem;
    margin-bottom: 0;
    list-style: none;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px;
}

.oh-helpdesk__tag {
    display: inline-block;
    font-size: 0.75rem;
    padding: 0.2rem 0.5rem;
    background-color: hsl(213, 22%, 93%);
    color: hsl(0, 0%, 27%);
    transition: all 0.3s linear;
}

.oh-helpdesk__tag:hover {
    background-color: rgba(205.224, 213.3024, 223.176, 0.6);
    transition: all 0.3s linear;
}

.oh-helpdesk__close {
    border: none;
    background-color: transparent;
    padding-left: 0;
    color: hsl(0, 0%, 27%);
}

.oh-helpdesk__right-header {
    display: none;
    padding: 1rem;
    font-weight: bold;
    font-size: 1.15rem;
    position: relative;
}

.oh-helpdesk__right-header:after {
    content: "";
    width: 22px;
    height: 22px;
    top: 18px;
    right: 0;
    position: absolute;
    display: inline-block;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'%3E%3C/path%3E%3Cpath d='M11.9999 13.1714L16.9497 8.22168L18.3639 9.63589L11.9999 15.9999L5.63599 9.63589L7.0502 8.22168L11.9999 13.1714Z' fill='rgba(28,28,28,1)'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    transition: all 0.3s linear;
}

.oh-helpdesk__right-header.oh-helpdesk__right-header--active::after {
    transform: rotate(180deg);
    transition: all 0.3s linear;
}

@media screen and (max-width: 991.98px) {
    .oh-helpdesk__right-header {
        display: flex;
    }
}

@media screen and (max-width: 991.98px) {
    .oh-helpdesk__right-body {
        display: none;
    }
}

.oh-helpdesk__right-body--show {
    display: block;
}

@media screen and (max-width: 991.98px) {
    .oh-helpdesk__chatbox .oh-chat {
        grid-template-columns: 93% 2%;
    }
}

.oh-helpdesk__body::-webkit-scrollbar,
.oh-helpdesk__right::-webkit-scrollbar {
    visibility: hidden;
    width: 5px;
}

.oh-helpdesk__body:hover,
.oh-helpdesk__right:hover {
    /* width */
    /* Track */
    /* Handle */
    /* Handle on hover */
}

.oh-helpdesk__body:hover::-webkit-scrollbar,
.oh-helpdesk__right:hover::-webkit-scrollbar {
    visibility: visible;
}

.oh-helpdesk__body:hover::-webkit-scrollbar-track,
.oh-helpdesk__right:hover::-webkit-scrollbar-track {
    background: rgba(233.223, 236.7573, 241.077, 0.3);
    border-radius: 25px;
}

.oh-helpdesk__body:hover::-webkit-scrollbar-thumb,
.oh-helpdesk__right:hover::-webkit-scrollbar-thumb {
    background: hsl(213, 22%, 84%);
    border-radius: 25px;
}

.oh-helpdesk__body:hover::-webkit-scrollbar-thumb:hover,
.oh-helpdesk__right:hover::-webkit-scrollbar-thumb:hover {
    background: hsl(216, 18%, 64%);
}

.oh-helpdesk-selectbox {
    margin-bottom: 1rem;
}

.oh-helpdesk_selection .select2-container--default .select2-selection--single .select2-selection__rendered {
    font-weight: bold;
}

.oh-helpdesk__bubble--comment {
    width: fit-content;
}

.oh-helpdesk__comment--container {
    padding-left: 3rem;
    border-left: 1px solid hsl(213, 22%, 84%);
    margin-left: 1rem;
}

.oh-helpdesk__comment {
    line-height: 1.7rem;
}

.oh-helpdesk__bubble-description {
    height: 300px;
    overflow: auto;
}

.oh-helpdesk__attachment-icon {
    min-width: 42px;
    width: 42px;
    min-height: 42px;
    height: 42px;
    border-radius: 5px;
    background-color: rgba(229.194, 79.4444, 56.406, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 0.7rem;
}

.oh-helpdesk_attached-items {
    background-color: hsl(0, 0%, 97.5%);
    border: 2px solid hsl(213, 22%, 93%);
    font-size: 0.9rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.4rem 0 0.4rem 0.75rem;
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
    min-width: 50%;
    width: fit-content;
}

.oh-helpdesk_attached-items:hover {
    background-color: hsl(0, 0%, 96%);
}

.oh-helpdesk_attached--content {
    display: flex;
    align-items: center;
}

.oh-faq {
    background-color: hsl(0, 0%, 100%);
    border: 1px solid hsl(213, 22%, 93%);
}

.oh-faq__items {
    padding-left: 0;
    list-style: none;
}

.oh-faq__item {
    background-color: hsl(0, 0%, 100%);
    padding: 1.5rem;
    padding-bottom: 0;
}

.oh-faq__item-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding-bottom: 1rem;
    border-bottom: 1px solid hsl(213, 22%, 93%);
}

.oh-faq__item-title {
    font-weight: bold;
    display: block;
}

.oh-faq__item-body {
    border-bottom: 1px solid hsl(213, 22%, 93%);
}

.oh-faq__item.oh-faq__item--show:last-child .oh-faq__item-body {
    border-bottom: none;
}

.oh-faq__tags {
    padding-left: 0;
    list-style: none;
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 0.65rem;
    margin-top: 0.5rem;
}

.oh-faq__tag {
    padding: 0.3rem 1rem;
    background-color: hsl(213, 22%, 93%);
    cursor: pointer;
}

.oh-faq__tag:hover {
    background-color: hsl(0, 0%, 97.5%);
}

.oh-faq__item-header__right {
    display: flex;
    align-items: flex-start;
    gap: 5px;
}

.oh-faq__item--show .oh-faq__item-header {
    border-bottom: none;
}

.oh-faq__item--show .oh-faq__item-body {
    max-height: 200px;
}

.oh-faq__item:not(.oh-faq__item--show):last-child .oh-faq__item-header {
    border-bottom: none;
}

.oh-faq__item-body {
    max-height: 0px;
}

.oh-faq-cards {
    display: grid;
    grid-template-columns: repeat(4, minmax(250px, 1fr));
    gap: 15px;
}

@media (max-width: 768px) {
    .oh-faq-cards {
        grid-template-columns: repeat(1, 1fr);
    }
}

@media (max-width: 1316px) {
    .oh-faq-cards {
        grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    }
}

.oh-faq-card {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.oh-faq-card {
    background-color: hsl(0, 0%, 100%);
    border: 1px solid hsl(213, 22%, 93%);
    padding: 1.5rem;
    transition: all 0.3s linear;
}

.oh-faq-card:hover {
    border: 1px solid hsl(213, 22%, 84%);
    transition: all 0.3s linear;
    box-shadow: rgba(0, 0, 0, 0.04) 0px 3px 5px;
}

.oh-faq-card__title {
    font-size: 1.15rem;
    font-weight: bold;
    margin-bottom: 0.75rem;
}

.oh-faq-card__desc {
    color: hsl(0, 0%, 45%);
    min-height: 60px;
    margin-bottom: 1.25rem;
    max-height: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
}


/* Custom Styles */

.oh-faq__item-body {
    border-bottom: 1px solid hsl(213, 22%, 93%);
}

.oh-faq__item.oh-faq__item--show:last-child .oh-faq__item-body {
    border-bottom: none;
}

.oh-faq__tags {
    padding-left: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    font-size: 0.65rem;
    margin-top: 0.5rem;
}

.oh-faq__tag {
    padding: 0.3rem 1rem;
    background-color: hsl(213, 22%, 93%);
    cursor: pointer;
}

.oh-faq__tag:hover {
    background-color: hsl(0, 0%, 97.5%);
}

.oh-faq__item-header__right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 5px;
}

.oh-faq__item--show .oh-faq__item-header {
    border-bottom: none;
}

.oh-faq__item--show .oh-faq__item-body {
    padding: 1rem;
    max-height: 200px;
}

.oh-faq__item:not(.oh-faq__item--show):last-child .oh-faq__item-header {
    border-bottom: none;
}

.oh-faq__item-body {
    max-height: 0px;
}

.oh-faq__input-search {
    width: 100%;
    margin: 1rem 0 2rem 0;
}

.oh-search_input {
    width: 100%;
}

.oh-faq_search--icon {
    position: absolute;
    top: 15px;
    left: 10px;
}

.oh-autocomplete-suggestions {
    position: absolute;
    list-style: none;
    margin: 0;
    background-color: hsl(0, 0%, 100%);
    max-height: 150px;
    overflow-y: auto;
    width: 100%;
    display: none;
    border: 1px solid hsl(213, 22%, 93%);
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
    z-index: 9999;
}

.oh-select-faq {
    width: 35%;
    margin: 1rem 0 2rem 0;
    height: 48px;
    padding: 0.8rem;
}

.oh-select-faq:last-child {
    margin: 1rem 0 2rem 0;
}

.autocomplete-suggestion {
    padding: 1rem;
    cursor: pointer;
}

.autocomplete-suggestion:hover {
    background-color: hsl(0, 0%, 97.5%);
}

.oh-title_faq__main-header {
    gap: 1rem;
}

.oh-survey__table-row {
    display: flex;
    border-bottom: 1px solid hsl(213, 22%, 93%);
}

.oh-survey__table-row:last-child {
    border-bottom: none;
}

.oh-survey__table-row:hover {
    border-bottom: 1px solid #26a1df;
}

.oh-survey__table-row:hover .oh-survey__table-col {
    background-color: hsl(0, 0%, 96%);
}

.oh-survey__table-col {
    width: 100%;
    min-height: 45px;
    padding: 25px 25px 25px 10px;
    line-height: 1.75rem;
}

.oh-survey__table-col:last-child {
    color: hsl(0, 0%, 45%);
}

.drag-handle {
    width: 1.2rem;
    height: auto;
    margin-right: 0.2rem;
}

.drag-handle img {
    width: 100%;
}

.oh-survey-ques .oh-card {
    margin-top: 1rem;
    box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.12);
    border: none;
    border-radius: 6px;
    cursor: grabbing;
    padding-left: 0.9rem;
}

.oh-survey-ques .oh-label--question {
    margin-top: 0px;
    margin-bottom: 1rem;
}

.oh-survey-ques .oh-rate {
    height: auto;
}

.oh-survey-ques .oh-input {
    border: 1px solid hsl(213, 22%, 93%);
    border-radius: 4px;
}

.oh-survey-ques .select2-container--default .select2-selection--multiple {
    border: 1px solid hsl(213, 22%, 93%) !important;
    border-radius: 4px !important;
}

.oh-survey_page {
    background-color: hsla(7.98, 76.89%, 55.88%, 0.04);
}

.oh-badge_count {
    background-color: #26a1df;
    color: white;
    border-radius: 30px;
    min-width: 20px;
    min-height: 20px;
    padding: 0.2rem 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
}

.oh-badge--small {
    margin-top: 0px !important;
    min-width: 20px !important;
    min-height: 20px !important;
    display: flex !important;
    font-size: 0.7rem !important;
    align-items: center !important;
    /* line-height: 0; */
    width: fit-content;
    justify-content: center !important;
    padding: 0.1rem 0.5rem;
    height: fit-content;
    border-radius: 30px;
}

.oh-job__page-container {
    max-width: 80%;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.oh-joblisting__title-container {
    margin: 3rem 0;
}

.oh-jobs__container--list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 1%;
    row-gap: 1rem;
    justify-content: space-between;
    padding-top: 5rem;
}

.oh-joblist__header {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.oh-job_recruit--detail {
    display: flex;
}

.oh-recruitment-company {
    width: 64px;
    height: 64px;
    border-radius: 6px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    padding: 0.5rem;
    margin-right: 0.8rem;
}

.oh-job-list_company-logo {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.oh-recuritment_company-name {
    color: hsl(0, 0%, 11%);
    font-weight: 600;
    font-size: 1rem;
    margin-bottom: 0.5rem;
}

.oh-joblist_card {
    flex-direction: column;
    align-items: flex-start;
}

.oh-job__post {
    font-weight: 600;
    font-size: 1.1rem;
    margin: 1rem 0;
}

.oh-job_post--posteddate {
    font-size: 0.8rem;
}

.oh-recuritment__progress-bar {
    width: 100%;
    height: 8px;
    border-radius: 30px;
    margin: 0.75rem 0;
    background-color: hsl(213, 22%, 93%);
    position: relative;
}

.oh-progress-bar__state {
    background-color: #26a1df;
    position: absolute;
    left: 0px;
    height: 8px;
    border-radius: 30px;
}

.oh-recuritment_application-count {
    color: hsl(0, 0%, 11%);
}

.oh-recuritment_application {
    color: hsl(0, 0%, 45%);
    font-size: 0.8rem;
}

.oh-job__apply-btn {
    display: flex;
    justify-content: end;
    width: 100%;
    margin-top: 1rem;
}

.oh-apply_btn {
    font-weight: 500;
    border: 1px solid #26a1df;
    background-color: hsl(0, 0%, 97.5%);
    color: #26a1df;
    text-decoration: none;
}

.oh-apply_btn:active {
    background-color: #26a1df;
    color: hsl(0, 0%, 100%);
}

.oh-apply_btn:focus {
    background-color: #26a1df;
    color: hsl(0, 0%, 100%);
    border: none;
    outline: none;
}

.oh-apply_btn:hover {
    background-color: #26a1df;
    color: hsl(0, 0%, 100%);
    text-decoration: none;
}

.oh-recuritment_tag {
    background-color: hsl(0, 75%, 97%);
    color: hsl(1, 100%, 61%);
    padding: 0.4rem 0.6rem;
    border-radius: 0.2rem;
    margin-right: 0.2rem;
    font-size: 0.8rem;
    height: fit-content;
}

.oh-job-selected_detail {
    position: fixed;
    right: 0px;
    width: 400px;
    background-color: hsl(0, 0%, 100%);
    top: 0px;
    height: 100%;
}

@media (max-width: 575.98px) {
    .oh-job-selected_detail {
        width: 100%;
    }
}

.oh-job-selected__detail--container {
    padding: 2.5rem 1.5rem;
}

.oh-job__post_description {
    line-height: 1.8rem;
}

.oh-job__description-list .oh-job__description-list_item {
    line-height: 1.8rem;
    color: hsl(0, 0%, 11%);
    position: relative;
    list-style: none;
}

.oh-job__description-list .oh-job__description-list_item::before {
    content: "";
    position: absolute;
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    left: -26px;
    background-color: #26a1df;
    top: 10px;
}

.oh-announcement_feed-card {
    background-color: hsl(0, 0%, 100%);
    padding: 1.3rem;
    margin: 0.75rem auto;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 0px;
    max-width: 75%;
}

.oh-announcement-headline {
    font-weight: bold;
}

.oh-annpouncement_profile--name {
    font-size: 1.2rem;
}

.oh-announcement-timing {
    font-size: 0.85rem;
    opacity: 0.8;
    margin-top: 0.2rem;
}

.oh-announcement_header {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid hsl(213, 22%, 93%);
}

.oh-announcement-body {
    margin: 1rem 0;
}

.oh-announcement_text {
    line-height: 1.6rem;
}

.oh-announcement-hastag__container {
    margin: 1rem 0;
}

.oh-announcement-hashtags {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    flex-wrap: wrap;
    margin-top: 0.2rem;
}

.oh-announcement__tags {
    color: hsl(0, 0%, 45%);
    font-size: 0.8rem;
    font-style: italic;
}

.oh-announcement-img_container {
    width: 100%;
    height: 400px;
    border-radius: 4px;
    overflow: hidden;
}

.oh-posted_img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.oh-announcement__comment-view {
    display: flex;
    align-items: center;
    justify-content: end;
    margin-top: 0.5rem;
}

.oh-announcement_attachmenent {
    border: none;
    padding: 0.5rem 0 0.5rem 0.75rem;
}

.oh-announcement-btn:hover {
    color: #26a1df;
}

@media (max-width: 768px) {
    .oh-announcement_topbar {
        flex-direction: row;
    }
}

.qs-datepicker-container {
    border: 1px solid hsl(213, 22%, 93%) !important;
    font-family: "Inter", sans-serif !important;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px !important;
}

.qs-controls {
    background: transparent !important;
}

.qs-square.qs-day {
    font-family: "Inter", sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 400 !important;
}

.qs-square {
    height: 35px !important;
    font-size: 0.85rem !important;
}

.qs-square:not(.qs-empty):not(.qs-disabled):not(.qs-day):not(.qs-active):hover {
    background-color: rgba(233.223, 236.7573, 241.077, 0.6) !important;
}

.qs-square.qs-num.qs-current {
    text-decoration: none !important;
    color: #26a1df !important;
}

.qs-square.qs-num.qs-active {
    background-color: rgba(229.194, 79.4444, 56.406, 0.2) !important;
}

.qs-month-year {
    border-bottom: none !important;
}

.qs-month-year:not(.qs-disabled-year-overlay):hover {
    border-bottom: none !important;
}

.qs-arrow.qs-right {
    position: absolute !important;
    right: 8px !important;
}

.qs-arrow.qs-left {
    position: absolute !important;
    right: 25px !important;
}

.qs-controls {
    padding: 25px 0px 10px 15px;
}

.qs-arrow:hover {
    background: transparent !important;
}

.qs-month,
.qs-year {
    font-weight: 400;
    font-size: 1.15rem;
}

.qs-range-start {
    background-color: rgb(233.223, 236.7573, 241.077) !important;
}

.qs-range-middle {
    background-color: rgba(233.223, 236.7573, 241.077, 0.6) !important;
}

.qs-overlay {
    background: hsl(0, 0%, 100%) !important;
    background-color: hsl(0, 0%, 100%) !important;
    color: hsl(0, 0%, 11%) !important;
}

.qs-overlay-month {
    color: hsl(0, 0%, 11%) !important;
    opacity: 1 !important;
}

.qs-overlay-month:hover {
    background-color: rgba(229.194, 79.4444, 56.406, 0.1) !important;
    color: #26a1df !important;
}

.qs-overlay-year {
    color: hsl(0, 0%, 11%) !important;
    border-radius: 0px !important;
}

.qs-overlay-year:focus,
.qs-overlay-year:focus-visible {
    outline: hsl(0, 0%, 13%) solid 2px !important;
}

.qs-overlay .qs-submit {
    width: 100% !important;
    border: none !important;
    background-color: #26a1df !important;
    color: hsl(0, 0%, 100%) !important;
    text-align: center !important;
    border-radius: 0 !important;
}

.qs-overlay .qs-submit:hover {
    background-color: #26a1df;
}

.qs-overlay .qs-submit.qs-disabled {
    color: rgba(28.05, 28.05, 28.05, 0.8) !important;
    background-color: rgba(233.223, 236.7573, 241.077, 0.5) !important;
}

.qs-overlay-month-container {
    margin-bottom: 0.25rem;
}

.fc .fc-button {
    border-radius: 0 !important;
}

.fc .fc-button-primary {
    background-color: hsl(0, 0%, 13%) !important;
    border-color: hsl(0, 0%, 12%) !important;
}

.fc .fc-button-primary.fc-button-active {
    background-color: rgba(33.15, 33.15, 33.15, 0.7) !important;
    border-color: rgba(33.15, 33.15, 33.15, 0.7) !important;
}

.fc .fc-button-primary.fc-button-active:focus,
.fc .fc-button-primary.fc-button-active:focus-visible {
    outline: none;
    border: none;
    box-shadow: none;
}

.fc-event {
    border-radius: 0 !important;
}

@media (max-width: 679px) {
    .fc .fc-toolbar.fc-header-toolbar {
        display: grid;
        grid-template-columns: auto 1fr;
        justify-content: space-between;
        gap: 5px;
    }
    .fc .fc-toolbar-title {
        font-size: 1.25rem;
        text-align: right;
    }
}

@media (max-width: 767.98px) {
    .oh-main__titlebar-button-container .oh-btn-group.ml-2 {
        margin-left: 0 !important;
    }
    .oh-view-types.ml-2 {
        margin-left: 0;
        margin-right: 10px;
    }
    .oh-btn-group.ml-2:last-child {
        margin-left: 0 !important;
    }
    .oh-main__titlebar-button-container {
        margin-top: 0 !important;
    }
    .oh-main__titlebar--right {
        width: unset;
    }
    .oh-dropdown__filter {
        z-index: 9999;
        left: 50%;
        position: fixed;
        width: 80%;
        transform: translateX(-50%);
    }
}

@media (max-width: 575.98px) {
    .oh-dropdown__filter {
        width: 95%;
    }
    .attendance-activity-container button {
        padding: 0 !important;
        border: none !important;
    }
    .attendance-activity-container button .hr-check-in-out-text {
        display: none;
    }
    .oh-navbar__clock-icon {
        font-size: 1.35rem !important;
    }
    .oh-tabs__movable-title {
        display: none;
    }
    .oh-view-types.ml-2 {
        margin-left: 0;
    }
    .oh-main__titlebar-button-container {
        margin-top: 0.5rem;
    }
    .oh-main__titlebar--right {
        flex-direction: column;
        align-items: flex-start;
    }
    .oh-btn-group.ml-2 {
        margin-left: 0;
    }
    .oh-main__titlebar-button-container .oh-btn.oh-btn--shadow {
        box-shadow: none !important;
    }
}

.note-modal-backdrop {
    z-index: 1020 !important;
}

.fullscreen .note-editing-area {
    background-color: hsl(0, 0%, 100%);
    height: 100vh !important;
}


/*# sourceMappingURL=style.min.css.map */


/*# sourceMappingURL=style.min.css.map */


/*# sourceMappingURL=style.min.css.map */


/*# sourceMappingURL=style.min.css.map */


/*# sourceMappingURL=style.min.css.map */