@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");

@font-face {
    font-family: "Uni Neue";
    font-style: normal;
    font-weight: 300;
    src: url("../fonts/UniNeueLight.eot");
    src: local("☺"), url("../fonts/UniNeueLight.woff") format("woff"),
        url("../fonts/UniNeueLight.ttf") format("truetype"),
        url("../fonts/UniNeueLight.svg") format("svg");
}

@font-face {
    font-family: "Uni Neue";
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/UniNeue.eot");
    src: local("☺"), url("../fonts/UniNeue.woff") format("woff"),
        url("../fonts/UniNeue.ttf") format("truetype"), url("../fonts/UniNeue.svg") format("svg");
}

@font-face {
    font-family: "Uni Neue";
    font-style: normal;
    font-weight: 600;
    src: url("../fonts/UniNeueBold.eot");
    src: local("☺"), url("../fonts/UniNeueBold.woff") format("woff"),
        url("../fonts/UniNeueBold.ttf") format("truetype"),
        url("../fonts/UniNeueBold.svg") format("svg");
}

:root {
    --border-light-gray: #cccccc;
    --brand-main: #4253a0;
    --brand-secondary-dark-gray: #282837;
    --brand-secondary-green: #1fa778;
    --danger: #dc3545;
    --danger-dark: #b02a37;
    --danger-rgba: rgba(220, 53, 69, 1);
    --dark-blue: #344280;
    --dark-green: #307f8b;
    --darker-blue: #2e3a70;
    --darker-gray: #121223;
    --darker-green: #26656f;
    --light-blue: #6775b3;
    --light-gray: #f5f5f9;
    --light-gray-2: #e8e8e8;
    --light-gray-3: #d0d0d0;
    --light-green: #eaf2f3;
    --light-green-2: #d4ede4;
    --light-orange: #fdeedd;
    --light-orange-2: #fff3cd;
    --light-red: #fbeaec;
    --light-red-2: #ffcfcf;
    --lighter-blue: #ecedf5;
    --lighter-blue-2: #d1e1f1;
    --link-blue: #1919ef;
    --medium-blue: #5464a9;
    --medium-gray: #52525e;
    --medium-gray-2: #97979e;
    --medium-green: #17a2b8;
    --ocs-light-purple: #f0deec;
    --ocs-purple: #961b7e;
    --warning: #f8ac59;
    --warning-dark: #df9a50;
    --warning-darker: #7c562c;
    --warning-light: #facd9b;
    --white: #ffffff;
}

html {
    font-size: 10px;
}

a,
a:not([href]):not([class]),
a:not([href]):not([class]):hover {
    color: var(--link-blue);
    cursor: pointer;
    text-decoration: none;
}

a.btn.disabled,
fieldset:disabled a.btn {
    pointer-events: none;
}

a:hover,
a:focus-visible {
    color: var(--link-blue);
    text-decoration: underline;
}

a:not(.btn) span,
a:not(.btn) i {
    margin-right: 5px;
    text-decoration: none;
}

a:hover span.fa,
a:focus-visible span.fa,
a:active span.fa,
a:hover i.fa,
a:focus-visible i.fa,
a:active i.fa {
    text-decoration: none !important;
}

a.carrier-collapse[aria-expanded="true"] span.fa-chevron-down:before {
    content: "\f187";
}

a.carrier-collapse[aria-expanded="false"] span.fa-chevron-up:before {
    content: "\f184";
}

.accordion-button {
    color: unset;
    font-size: unset;
}

.accordion-button::after {
    display: none;
}

.accordion-button:not(.collapsed) {
    background-color: unset;
    box-shadow: unset;
}

.accordion-button[aria-expanded="true"] span.fa-chevron-down:before {
    content: "\f187";
}

.accordion-item {
    border: unset;
}

.analysis-disclaimer {
    font-size: 1.2rem;
}

.arrow-box {
    padding: 10px;
    position: relative;
    border: 2px solid var(--brand-main);
    border-radius: 8px;
    text-align: center;
}

.arrow-box.reduction-percentage {
    margin-left: 15px;
    border: 2px solid var(--dark-green);
}

.arrow-left {
    position: absolute;
    width: 10px;
    height: 21px;
    top: 50%;
    left: -7px;
    margin-top: -15px;
}

.arrow-left:before {
    content: "";
    width: 2px;
    height: 15px;
    position: absolute;
    background-color: var(--brand-main);
    transform: rotate(45deg);
    top: -2px;
    left: 0;
    box-shadow: 4px -4px 0px 3px var(--white);
}

.arrow-left:after {
    content: "";
    width: 2px;
    height: 15px;
    position: absolute;
    background-color: var(--brand-main);
    transform: rotate(-45deg);
    bottom: -2px;
    left: 0px;
    box-shadow: 4px 6px 0px 3px var(--white);
}

.arrow-box.reduction-percentage .arrow-left:before,
.arrow-box.reduction-percentage .arrow-left::after {
    background-color: var(--dark-green);
}

.actions-dropdown {
    left: auto;
    right: 0;
}

.alert {
    padding: 1.2rem;
    border: 1px solid var(--border-light-gray);
    border-radius: 0;
    color: var(--darker-gray);
}

.alert.alert-dismissible.notification {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 0;
    padding: 0 10px;
}

.alert-danger {
    background-color: var(--light-red-2);
}

.alert-dismissible {
    padding-right: 3rem;
}

.alert-info {
    background-color: var(--lighter-blue-2);
}

.alert-success {
    background-color: var(--light-green-2);
}

.asset-img img {
    max-width: 570px !important;
}

.asset-img .modal-body {
    background: none;
}

.asset-img .modal-title {
    font-size: 2rem;
}

.asset-img p {
    display: inline !important;
}

.badge {
    cursor: default;
    font-size: 1rem;
    padding: 0.4rem 0.6rem;
}

#base-auth {
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    color: var(--brand-secondary-dark-gray);
}

#base-auth.sign-up {
    background-image: url('../img/bg-base-auth-sonar-preview.webp');
}

#base-auth.gradient {
    background-image: url('../img/bg-base-auth-gradient.webp');
}

#base-auth > footer {
    background-color: rgba(40, 40, 55, 0.5);
}

#base-dashboard .dropdown-toggle::after {
    display: none;
}

.bg-danger {
    background-color: var(--danger) !important;
}

.bg-info {
    background-color: var(--dark-green) !important;
}

.bg-light {
    background-color: var(--light-gray) !important;
}

.bg-primary {
    background-color: var(--brand-main) !important;
}

.bg-success {
    background-color: var(--dark-green) !important;
}

.bg-warning {
    background-color: var(--warning) !important;
}

.bg-warning-light {
    background-color: var(--warning-light) !important;
}

.bg-white {
    background: white !important;
}

.block-list {
    margin-top: 5px;
}

.block-list h2 .line {
    flex: auto;
}

.block-list h2 .text {
    flex: 0 1 auto !important;
}

body {
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    color: var(--darker-gray);
    font-size: 1.3rem;
}

body#base-auth .alert {
    border-radius: 0;
}

body#base-bs5,
body#base-dashboard {
    padding-top: 48px;
}

body#base-bs5,
body#base-dashboard {
    height: 100vh;
}

body#base-bs5 .table-responsive {
    padding-bottom: 5px;
}

body:not(#base-bs5) div#calendar {
    margin: 0 3% 0 3%;
}

body .table-condensed-container input[type="search"].form-control,
body .table-condensed-container .pagination .page-link,
body .table-condensed-container select.form-control {
    height: 24px;
    padding: 0.3rem 0.5rem;
}

body .table-condensed-container .pagination .page-item.active .page-link {
    background-color: var(--light-blue);
    border: 1px solid #dee2e6;
    color: var(--white);
}

body .table-condensed-container .pagination .page-item.active .page-link:hover {
    background-color: var(--brand-main);
    color: var(--white);
}

body .table-condensed-container select.form-control {
    padding: 0.25rem 1.5rem 0.25rem 0.5rem;
}

body .table-condensed-container span.fa-lg {
    font-size: 1.5rem;
}

body .table-condensed-container th {
    font-weight: 500;
}

body .table-condensed-container .dataTable tr {
    height: auto;
}

body .table-condensed-container .dataTable td,
body .table-condensed-container .dataTable th {
    padding: 0.6rem;
}

.border-1 {
    border: 1px solid var(--border-light-gray);
}

.border-bottom-light {
    border-bottom: 1px solid var(--lighter-blue);
}

.border-bottom-solid {
    border-bottom: 1px solid #dcdcea;
}

.border-end-light {
    border-right: 1px solid var(--lighter-blue);
}

.border-primary {
    border: 1px solid var(--brand-main) !important;
}

.border-start-light {
    border-left: 1px solid var(--lighter-blue) !important;
}

.border-top-light {
    border-top: 1px solid var(--lighter-blue);
}

.breadcrumb {
    background-color: transparent;
    padding: 0.75rem 0;
}

.breadcrumb > .active {
    color: inherit;
}

.btn {
    display: inline-block;
    font-weight: 400;
    color: var(--brand-secondary-dark-gray);
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 1.3rem;
    line-height: 1.5;
    border-radius: 0.25rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
        border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.btn[aria-expanded="false"] span.collapse-text-closed,
.btn[aria-expanded="true"] span.collapse-text-open {
    display: none;
}

.btn[aria-expanded="true"] span.collapse-text-closed,
.btn[aria-expanded="false"] span.collapse-text-open {
    display: inline-block;
}

.btn:hover {
    color: var(--brand-secondary-dark-gray);
    text-decoration: none;
}

.btn.active,
.btn:active {
    background-image: none;
    outline: 0 !important;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn.disabled,
.btn:disabled {
    opacity: 0.5;
    pointer-events: none;
}

.btn.focus,
.btn:focus-visible {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.btn:not(:disabled):not(.disabled) {
    cursor: pointer;
}

.btn-close {
    color: var(--darker-gray);
    font-size: 1.5rem;
    line-height: 1rem;
    opacity: 0.8;
    padding: 0.5rem;
}

.btn-close:hover {
    opacity: 1;
}

.btn-danger {
    color: var(--white);
    background-color: var(--danger) !important;
    border: 1px solid var(--danger) !important;
}

.btn-danger:hover {
    color: var(--white) !important;
    background-color: var(--danger-dark) !important;
    border-color: var(--danger-dark) !important;
}

.btn-danger.focus,
.btn-danger:focus-visible {
    color: var(--white) !important;
    background-color: var(--danger-dark) !important;
    border-color: var(--danger-dark) !important;
    box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5) !important;
}

.btn-danger.disabled,
.btn-danger:disabled {
    color: var(--white) !important;
    background-color: var(--danger) !important;
    border-color: var(--danger) !important;
}

.btn-danger:not(:disabled):not(.disabled).active,
.btn-danger:not(:disabled):not(.disabled):active,
.show > .btn-danger.dropdown-toggle {
    color: var(--white) !important;
    background-color: var(--danger) !important;
    border-color: var(--danger) !important;
}

.btn-danger:not(:disabled):not(.disabled).active:focus-visible,
.btn-danger:not(:disabled):not(.disabled):active:focus-visible,
.show > .btn-danger.dropdown-toggle:focus-visible {
    box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5) !important;
}

.btn-dark {
    color: var(--white) !important;
    background-color: var(--brand-secondary-dark-gray);
    border-color: var(--brand-secondary-dark-gray);
}

.btn-dark:hover {
    background-color: var(--darker-gray);
    border-color: var(--darker-gray);
}

.btn-default {
    border: 1px solid var(--border-light-gray) !important;
    background-color: var(--white) !important;
    color: var(--brand-secondary-dark-gray) !important;
}

.btn-default:hover {
    color: var(--brand-secondary-dark-gray) !important;
    background-color: var(--light-gray) !important;
    border: 1px solid var(--brand-secondary-dark-gray) !important;
    text-decoration: none !important;
}

.btn-group > .btn.actions {
    font-size: 1.2rem;
    line-height: 1.5;
    border-radius: 0.2rem;
}

.btn-group-lg > .btn,
.btn-lg {
    padding: 0.5rem 1.2rem;
    font-size: 1.3rem;
    line-height: 1.5;
    border-radius: 0.3rem;
}

.btn-group-sm > .btn,
.btn-sm {
    padding: 0.25rem 0.5rem;
}

.btn-lg {
    font-size: 1.6rem;
}

.btn-input {
    background-color: var(--white);
    border: 1px solid var(--light-gray-3);
    border-radius: 3px;
    margin: 0 !important;
}

.btn-input.btn.active,
.btn-input.btn:active {
    border: 1px solid var(--light-gray-3);
    box-shadow: unset;
}

.btn-input:hover {
    background-color: var(--light-gray);
    border: 1px solid var(--light-gray-3);
}

.btn-input span {
    color: var(--brand-secondary-dark-gray);
    font-size: 1.8rem;
    margin-right: 0px;
    vertical-align: middle;
}

.btn-light {
    color: var(--brand-secondary-dark-gray);
    background-color: var(--light-gray);
    border-color: var(--light-gray);
}

.btn-link.btn,
.btn-link-border.btn,
.btn-link-no-bg.btn {
    color: var(--link-blue);
    font-weight: 400;
    text-decoration: none;
}

.btn-link.btn:hover,
.btn-link-border.btn:hover {
    background-color: var(--lighter-blue);
    color: var(--link-blue);
    text-decoration: underline;
}

.btn-link.btn.focus,
.btn-link.btn:focus-visible,
.btn-link-border.btn.focus,
.btn-link-border.btn:focus-visible {
    text-decoration: underline;
}

.btn-link.btn.disabled,
.btn-link.btn:disabled,
.btn-link-border.btn.disabled,
.btn-link-border.btn:disabled {
    color: #6c757d;
    pointer-events: none;
}

.btn-link.btn:hover span.fa-caret-down,
.btn-link.btn:active span.fa-caret-down {
    text-decoration: none !important;
}

.btn-link-border.btn {
    border: 1px solid var(--border-light-gray);
}

.btn-link-no-bg.btn {
    padding: 0;
    vertical-align: unset;
}

.btn-link-no-bg.btn:hover {
    color: var(--link-blue);
    text-decoration: underline;
}

.btn-outline-danger {
    color: var(--danger);
    border-color: var(--danger);
}

.btn-outline-danger:hover {
    color: var(--white);
    background-color: var(--danger);
    border-color: var(--danger);
}

.btn-outline-danger.focus,
.btn-outline-danger:focus-visible {
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

.btn-outline-danger.disabled,
.btn-outline-danger:disabled {
    color: var(--danger);
    background-color: transparent;
}

.btn-outline-danger:not(:disabled):not(.disabled).active,
.btn-outline-danger:not(:disabled):not(.disabled):active,
.show > .btn-outline-danger.dropdown-toggle {
    color: var(--white);
    background-color: var(--danger);
    border-color: var(--danger);
}

.btn-outline-danger:not(:disabled):not(.disabled).active:focus-visible,
.btn-outline-danger:not(:disabled):not(.disabled):active:focus-visible,
.show > .btn-outline-danger.dropdown-toggle:focus-visible {
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

.btn-outline-info {
    background-color: var(--white) !important;
    color: var(--dark-green) !important;
    border-color: var(--dark-green) !important;
}

.btn-outline-info:hover {
    color: var(--white) !important;
    background-color: var(--dark-green) !important;
    border-color: var(--dark-green) !important;
}

.btn-outline-info.focus,
.btn-outline-info:focus-visible {
    box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5) !important;
}

.btn-outline-info.disabled,
.btn-outline-info:disabled {
    color: var(--dark-green) !important;
    background-color: transparent !important;
}

.btn-outline-info:not(:disabled):not(.disabled).active,
.btn-outline-info:not(:disabled):not(.disabled):active,
.show > .btn-outline-info.dropdown-toggle {
    color: var(--white) !important;
    background-color: var(--dark-green) !important;
    border-color: var(--dark-green) !important;
}

.btn-outline-info:not(:disabled):not(.disabled).active:focus-visible,
.btn-outline-info:not(:disabled):not(.disabled):active:focus-visible,
.show > .btn-outline-info.dropdown-toggle:focus-visible {
    box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5) !important;
}

.btn-outline-primary {
    background-color: var(--white) !important;
    color: var(--brand-main) !important;
    border-color: var(--brand-main) !important;
}

.btn-outline-primary:hover {
    color: var(--white) !important;
    background-color: var(--brand-main) !important;
    border-color: var(--brand-main) !important;
}

.btn-outline-primary.focus,
.btn-outline-primary:focus-visible {
    box-shadow: 0 0 0 0.2rem rgba(103, 117, 179, 0.5) !important;
}

.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
    color: var(--brand-main) !important;
    background-color: var(--white) !important;
}

.btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.show > .btn-outline-primary.dropdown-toggle {
    color: var(--white) !important;
    background-color: var(--brand-main) !important;
    border-color: var(--brand-main) !important;
}

.btn-outline-primary:not(:disabled):not(.disabled).active:focus-visible,
.btn-outline-primary:not(:disabled):not(.disabled):active:focus-visible,
.show > .btn-outline-primary.dropdown-toggle:focus-visible {
    box-shadow: 0 0 0 0.2rem rgba(103, 117, 179, 0.5) !important;
}

.btn-outline-secondary {
    color: var(--bs-border-color) !important;
    border-color: var(--bs-border-color) !important;
}

.btn-outline-warning {
    color: var(--warning-dark) !important;
    border-color: var(--warning-dark) !important;
}

.btn-outline-warning:hover {
    color: var(--brand-secondary-dark-gray) !important;
    background-color: var(--warning-dark) !important;
    border-color: var(--warning-dark) !important;
}

.btn-outline-warning.focus,
.btn-outline-warning:focus-visible {
    box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5) !important;
}

.btn-outline-warning.disabled,
.btn-outline-warning:disabled {
    color: var(--warning-dark) !important;
    background-color: transparent !important;
}

.btn-outline-warning:not(:disabled):not(.disabled).active,
.btn-outline-warning:not(:disabled):not(.disabled):active,
.show > .btn-outline-warning.dropdown-toggle {
    color: var(--brand-secondary-dark-gray) !important;
    background-color: var(--warning-dark) !important;
    border-color: var(--warning-dark) !important;
}

.btn-outline-warning:not(:disabled):not(.disabled).active:focus-visible,
.btn-outline-warning:not(:disabled):not(.disabled):active:focus-visible,
.show > .btn-outline-warning.dropdown-toggle:focus-visible {
    box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5) !important;
}

.btn-primary {
    color: var(--white) !important;
    background-color: var(--brand-main) !important;
    border-color: var(--brand-main) !important;
}

.btn-primary:hover {
    color: var(--white) !important;
    background-color: var(--dark-blue) !important;
    border-color: var(--darker-blue) !important;
}

.btn-primary.focus,
.btn-primary:focus-visible {
    color: var(--white);
    background-color: var(--dark-blue);
    border-color: var(--darker-blue);
    box-shadow: 0 0 0 0.2rem rgba(103, 117, 179, 0.5);
}

.btn-primary.disabled,
.btn-primary:disabled {
    color: var(--white);
    background-color: var(--brand-main);
    border-color: var(--brand-main);
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show > .btn-primary.dropdown-toggle {
    color: var(--white);
    background-color: var(--darker-blue);
    border-color: #005cbf;
}

.btn-primary:not(:disabled):not(.disabled).active:focus-visible,
.btn-primary:not(:disabled):not(.disabled):active:focus-visible,
.show > .btn-primary.dropdown-toggle:focus-visible {
    box-shadow: 0 0 0 0.2rem rgba(103, 117, 179, 0.5);
}

.btn-sm {
    padding: 0.25rem 0.5rem;
    font-size: 1.2rem;
    line-height: 1.5;
}

.btn-success {
    color: var(--white) !important;
    background-color: var(--dark-green) !important;
    border-color: var(--dark-green) !important;
}

.btn-success.disabled,
.btn-success:disabled {
    color: var(--white) !important;
    background-color: var(--medium-green) !important;
    border-color: var(--medium-green) !important;
}

.btn-success.focus,
.btn-success:focus,
.btn-success:focus-visible {
    background-color: var(--darker-green) !important;
    color: var(--white) !important;
    box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5) !important;
}

.btn-success:hover {
    color: var(--white) !important;
    background-color: var(--darker-green) !important;
    border-color: var(--darker-green) !important;
}

.btn-success:not(:disabled):not(.disabled).active,
.btn-success:not(:disabled):not(.disabled):active,
.show > .btn-success.dropdown-toggle {
    color: var(--white);
    background-color: var(--darker-green) !important;
    border-color: var(--darker-green) !important;
}

.btn-success:not(:disabled):not(.disabled).active:focus,
.btn-success:not(:disabled):not(.disabled):active:focus,
.btn-success:not(:disabled):not(.disabled).active:focus-visible,
.btn-success:not(:disabled):not(.disabled):active:focus-visible,
.show > .btn-success.dropdown-toggle:focus-visible {
    box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5) !important;
}

.btn-table {
    border-radius: 0.3rem !important;
    margin-right: 5px;
}

.btn-warning {
    color: var(--brand-secondary-dark-gray) !important;
    background-color: var(--warning) !important;
    border-color: var(--warning) !important;
}

.btn-warning:hover {
    color: var(--brand-secondary-dark-gray) !important;
    background-color: var(--warning-dark) !important;
    border-color: var(--warning-dark) !important;
}

.btn-warning.focus,
.btn-warning:focus-visible {
    color: var(--brand-secondary-dark-gray) !important;
    background-color: var(--warning-dark) !important;
    border-color: #d39e00 !important;
    box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5) !important;
}

.btn-warning.disabled,
.btn-warning:disabled {
    color: var(--brand-secondary-dark-gray) !important;
    background-color: var(--warning) !important;
    border-color: var(--warning) !important;
}

.btn-warning:not(:disabled):not(.disabled).active,
.btn-warning:not(:disabled):not(.disabled):active,
.show > .btn-warning.dropdown-toggle {
    color: var(--brand-secondary-dark-gray) !important;
    background-color: #d39e00 !important;
    border-color: #c69500 !important;
}

.btn-warning:not(:disabled):not(.disabled).active:focus-visible,
.btn-warning:not(:disabled):not(.disabled):active:focus-visible,
.show > .btn-warning.dropdown-toggle:focus-visible {
    box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5) !important;
}

.btn-white {
    background-color: var(--white) !important;
    border: 1px solid var(--white) !important;
    color: var(--brand-secondary-dark-gray) !important;
}

.btn-white:hover {
    background-color: var(--light-gray) !important;
}

.card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: var(--white);
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
}

.card > hr {
    margin-right: 0;
    margin-left: 0;
}

.card > .list-group {
    border-top: inherit;
    border-bottom: inherit;
}

.card > .list-group:first-child {
    border-top-width: 0;
    border-top-left-radius: calc(0.25rem - 1px);
    border-top-right-radius: calc(0.25rem - 1px);
}

.card > .list-group:last-child {
    border-bottom-width: 0;
    border-bottom-right-radius: calc(0.25rem - 1px);
    border-bottom-left-radius: calc(0.25rem - 1px);
}

.card .list-group-item.active {
    color: var(--darker-gray) !important;
    background-color: var(--white) !important;
    border-color: rgba(0, 0, 0, 0.125) !important;
}

.card > .card-header + .list-group,
.card > .list-group + .card-footer {
    border-top: 0;
}

.card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 1px;
    padding: 1.5rem;
}

.card-report .table-responsive .col-md-12 {
    display: flex;
}

.card-title {
    font-size: 1.6rem;
    font-weight: bold;
}

.card-title.title-color-blue {
    color: var(--brand-main);
}

.card-title.title-color-green {
    color: var(--brand-secondary-green);
}

.card-title.title-color-red {
    color: var(--danger);
}

.chat-message .message {
    position: relative;
}

.chat-message:not(.flex-row-reverse) .message {
    background-color: var(--white);
}

.chat-message.flex-row-reverse .message {
    background-color: var(--light-green);
}

.chat-message .message:after,
.chat-message .message:before {
    right: 100%;
    top: 15px;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.chat-message:not(.flex-row-reverse) .message:after,
.chat-message:not(.flex-row-reverse) .message:before {
    right: 100%;
}

.chat-message.flex-row-reverse .message:after,
.chat-message.flex-row-reverse .message:before {
    left: 100%;
}

.chat-message .message:after {
    border-width: 8px;
    margin-top: -8px;
}

.chat-message:not(.flex-row-reverse) .message:after {
    border-right-color: #fff;
}

.chat-message.flex-row-reverse .message:after {
    border-left-color: var(--light-green);
}

.chat-message .message:before {
    border-width: 9px;
    margin-top: -9px;
}

.chat-message:not(.flex-row-reverse) .message:before {
    border-right-color: var(--light-gray-3);
}

.chat-message.flex-row-reverse .message:before {
    border-left-color: var(--light-gray-3);
}

.close-notification {
    font-size: 2.1rem;
    margin-right: 5px;
    position: inherit !important;
}

.compare.panel .panel-body ul:first-child {
    text-align: right;
    margin-right: 3%;
}

.compare.panel .panel-heading.left {
    background: #f1f0f5;
}

.compare.panel .panel-heading.right {
    background: #e2e4f8;
    border-top-left-radius: 0;
    border-top-right-radius: 3px;
}

.color-check-false {
    color: var(--danger) !important;
}

.color-check-true {
    color: var(--brand-secondary-green) !important;
}

.content-disabled {
    /* Konqueror HTML */
    -khtml-user-select: none;
    /* Old versions of Firefox */
    -moz-user-select: none;
    /* Internet Explorer/Edge */
    -ms-user-select: none;
    /* iOS Safari */
    -webkit-touch-callout: none;
    /* Safari */
    -webkit-user-select: none;
    opacity: 0.4;
    pointer-events: none;
    /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */
    user-select: none;
}

.cursor-not-allowed {
    cursor: not-allowed;
}

.cursor-pointer {
    cursor: pointer;
}

.custom-card {
    background-color: var(--white);
    border-radius: 5px;
}

.custom-next-update-icon {
    position: relative;
}

.custom-next-update-icon .next-update-icon-inner {
    position: absolute;
    left: 8px;
    top: 1px;
    font-size: 7px;
    font-weight: 900;
}

.dataTable tr {
    height: 48px;
}

.dataTables_wrapper {
    padding: 0px;
}

.dataTables_wrapper .dataTables_length {
    display: inline-block;
    margin-right: 10px;
}

.datepicker {
    border: unset;
    box-shadow:
        0 2px 4px -1px rgb(0 0 0 / 20%),
        0 4px 5px 0 rgb(0 0 0 / 14%),
        0 1px 10px 0 rgb(0 0 0 / 12%);
    font-size: 1.3rem;
}

.datepicker-dropdown::after,
.datepicker-dropdown::before {
    display: none;
}

.datepicker table tr td span:hover {
    background-color: var(--light-gray);
}

.datepicker table tr td span.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active:hover {
    background-image: unset;
}

.datepicker table tr td span.active {
    background-color: var(--brand-main);
}

.datepicker table tr td span.active:hover {
    background-color: var(--darker-blue);
}

.display-none {
    /* NOTE (@hugo_piauilino): This rule was created because jquery `.show()` method does not work
                               with the !important rule.
    */
    display: none;
}

div.dataTables_wrapper .dataTables_filter input {
    border: 1px solid var(--border-light-gray);
    padding: 0.5rem 1rem;
}

div.dataTables_wrapper .dataTables_paginate .paginate_button,
div.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
div.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active,
div.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
div.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    all: unset;
}

div.dataTables_wrapper div.dataTables_processing {
    background-color: #d1e1f1;
    padding: 0.7rem;
    top: 35px;
    z-index: 1;
}

div.dataTables_processing > div:last-child {
    display: none;
}

div.dt-buttons button.buttons-colvis + div.dt-button-collection {
    padding: 0.3rem;
    width: unset !important;
}

div.dt-buttons button.buttons-colvis + div.dt-button-collection div.dropdown-menu {
    display: flex;
    flex-wrap: wrap;
    max-height: 160px;
    min-width: 600px;
    overflow-y: scroll;
}

div.dt-buttons div.btn-group:not(:first-child) {
    margin-left: 0.5rem;
}

div.dt-buttons div.dt-button-collection {
    border: unset;
    box-shadow:
        0 2px 4px -1px rgb(0 0 0 / 20%),
        0 4px 5px 0 rgb(0 0 0 / 14%),
        0 1px 10px 0 rgb(0 0 0 / 12%);
    font-size: 1.3rem;
    margin: 0.125rem 0.5rem 0;
    opacity: 1 !important;
    padding: 0;
    width: auto;
    z-index: 10;
}

div.dt-buttons div.dt-button-collection div.dropdown-menu .dt-button.dropdown-item {
    background: none;
    border-radius: 0;
    border: none;
    box-shadow: none;
    color: var(--brand-secondary-dark-gray);
    font-size: 1.2rem;
    font-weight: 400;
    padding: 1rem 1.5rem;
    text-align: inherit;
    white-space: nowrap;
}

div.dt-buttons div.dt-button-collection div.dropdown-menu a.dt-button.active:focus:not(.disabled) {
    background: none !important
}

div.dt-buttons div.dt-button-collection div.dropdown-menu .dt-button.dropdown-item:active,
div.dt-buttons div.dt-button-collection div.dropdown-menu .dt-button.dropdown-item:hover:not(.disabled),
div.dt-buttons div.dt-button-collection div.dropdown-menu .dt-button.dropdown-item:focus,
div.dt-buttons div.dt-button-collection div.dropdown-menu .dt-button.dropdown-item:focus-visible {
    background: none;
    box-shadow: none;
}

div.dt-buttons div.dt-button-collection div.dropdown-menu .dt-button.dropdown-item:hover:not(.disabled) {
    background-color: var(--light-gray);
}

div.dt-buttons div.dt-button-collection div.dropdown-menu .dt-button.buttons-columnVisibility {
    border: 1px solid;
    flex: 0 0 calc(33.33% - 0.4rem);
    margin: 0.2rem;
    min-width: unset;
    padding: 0.4rem;
    text-overflow: ellipsis;
}

div.dt-buttons div.dt-button-collection div.dropdown-menu .dt-button.buttons-columnVisibility.active {
    border-color: var(--medium-gray);
}

div.dt-buttons div.dt-button-collection div.dropdown-menu .dt-button.buttons-columnVisibility::before {
    content: "\f1d4";
    font: normal normal normal 14px/1 FontAwesome;
    margin: 0 0.7rem 0 0.3rem;
}

div.dt-buttons div.dt-button-collection div.dropdown-menu .dt-button.buttons-columnVisibility:not(.active) {
    border-color: var(--light-gray-3);
    opacity: 0.6;
}

div.dt-buttons div.dt-button-collection div.dropdown-menu .dt-button.buttons-columnVisibility:not(.active)::before {
    content: "\f1d5";
}

div.dt-buttons div.dt-button-collection div.dropdown-menu .dt-button.buttons-columnVisibility:not(.active) span {
    text-decoration: line-through;
}

div:not(.table-new-standard) .table {
    margin: 0;
}

div:not(.table-new-standard) .table-hover > tbody > tr:hover {
    background-color: #f5f5f5;
}

div:not(.table-new-standard) .table-with-scroll .dataTables_scrollBody {
    overflow: visible !important;
}

.donut-md-4-height svg {
    max-height: 200px;
}

.dropdown-divider {
    border-top: 1px solid var(--light-gray-2);
}

.dropdown-item {
    font-size: 1.2rem;
    padding: 1rem 1.5rem;
}

.dropdown-menu {
    -webkit-background-clip: unset;
    background-clip: unset;
}

.dropdown-menu-end {
    right: 0;
    left: auto;
}

.dropzone {
    background: transparent;
    border-radius: 6px;
    border: 2px dashed var(--border-light-gray);
    box-shadow: none;
    margin: auto;
    min-height: unset;
    padding: 1rem;
    width: 100%;
}

.dropzone a.dz-remove {
    background: var(--white);
    border-radius: 3px;
    border: 1px solid var(--border-light-gray);
    cursor: pointer;
    font-weight: 600;
    padding: 5px 15px;
}

.dropzone .dz-preview {
    border: 1px solid var(--border-light-gray);
    margin: 0.5rem;
}

.dropzone .dz-default.dz-message {
    background: none;
    position: relative;
    height: initial;
    width: 100%;
    margin: 0;
    top: initial;
    left: initial;
}

.dropzone.dz-started .dz-message {
    display: none;
}

.dropzone .dz-default.dz-message .dz-button {
    border: 0;
    background: transparent;
}

.dropzone .dz-preview {
    box-shadow: 1px 1px 4px rgb(0 0 0 / 16%);
    border: 1px solid var(--border-light-gray);
    padding: 6px;
}

.dropzone .dz-preview .dz-error-mark,
.dropzone .dz-preview .dz-success-mark {
    display: none;
}

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

.expiration-list {
    max-height: 250px;
}

.fa-lg {
    font-size: 1.8rem;
}

.fa-xl {
    font-size: 2.4rem;
}

.fc-button {
    border: 1px solid var(--brand-secondary-dark-gray) !important;
    background-color: var(--white) !important;
    color: var(--brand-secondary-dark-gray) !important;
    line-height: 100%;
}

.fc-button:disabled {
    opacity: 0.3;
    pointer-events: none;
}

.fc-button-primary {
    background-color: var(--white) !important;
    color: var(--dark-green) !important;
    border-color: var(--dark-green) !important;
}

.fc-button-primary {
    background-color: var(--white) !important;
    color: var(--brand-main) !important;
    border-color: var(--brand-main) !important;
}

.fc-button-primary:hover {
    color: var(--white) !important;
    background-color: var(--brand-main) !important;
    border-color: var(--brand-main) !important;
}

.fc-button-primary.focus,
.fc-button-primary:focus-visible {
    box-shadow: 0 0 0 0.2rem rgba(103, 117, 179, 0.5) !important;
}

.fc-button-primary.disabled,
.fc-button-primary:disabled {
    background-color: transparent !important;
    color: var(--white);
    border: 1px solid var(--border-light-gray);
    cursor: pointer;
    display: inline-block;
    height: inherit;
    line-height: 1.5;
    overflow: hidden;
    padding: 0.4em 0.65em;
    position: relative;
    white-space: nowrap;
}

.fc-left h2 {
    font-weight: inherit;
}

.fc-left h2::first-letter {
    text-transform: uppercase;
}

.fc-unthemed td.fc-today {
    background: #f2abbe;
}

.feed-activity-list .feed-element {
    border-bottom: 1px solid #e7eaec;
}

.feed-element:first-child {
    margin-top: 0;
}

.feed-element {
    padding-bottom: 15px;
}

.feed-element,
.feed-element .media {
    margin-top: 15px;
}

.feed-element,
.media-body {
    overflow: hidden;
}

.feed-element > .pull-left {
    margin-right: 10px;
}

.feed-element img.img-circle {
    width: 38px;
    height: 38px;
}

fieldset[disabled] label,
fieldset[disabled] small {
    opacity: 0.5;
}

.first-letter-capitalized {
    display: inline-block;
    text-transform: lowercase;
}

.first-letter-capitalized::first-letter {
    text-transform: uppercase;
}

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

.flex-2 {
    flex: 2;
}

.flex-4 {
    flex: 4;
}

.form-check-input {
    border: 1px solid var(--light-gray-3);
    height: 14px;
}

.form-check-input:checked {
    background-color: var(--brand-main);
    border-color: var(--brand-main);
}

.form-check-input:not(:checked) ~ .form-check-label span.disabled-text,
.form-check-input:checked ~ .form-check-label span.enabled-text {
    display: none;
}

.form-check-input:checked ~ .form-check-label span.disabled-text,
.form-check-input:not(:checked) ~ .form-check-label span.enabled-text {
    display: inline;
}

.form-control {
    border-color: var(--light-gray-3);
    font-size: 1.3rem;
    height: 34px;
}

.form-control:disabled {
    cursor: not-allowed;
}

.form-control:focus {
    border-color: var(--brand-main) !important;
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%);
}

.form-control.is-invalid,
.was-validated .form-control:invalid {
    background-image: url('../img/bootstrap-5.3.3-icons/exclamation-circle-danger.svg');
}

.form-control-sm {
    border-radius: 3px;
    height: 30px;
    line-height: 1.5;
    padding: 0.5rem 1rem;
}

.form-select {
    border-color: var(--light-gray-3);
    font-size: 1.3rem;
    height: 34px;
}

.form-select:disabled {
    cursor: not-allowed;
}

.form-select:focus {
    border-color: var(--brand-main) !important;
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%);
}

.form-select.is-invalid,
.was-validated .form-select:invalid {
    background-image: url('../img/bootstrap-5.3.3-icons/exclamation-circle-danger.svg');
}

.form-select-sm {
    border-radius: 3px;
    height: 30px;
    line-height: 1.5;
    padding: 0.5rem 1rem;
}

.form-switch .form-check-input {
    border-radius: 4rem;
    height: 2rem;
    width: calc(3rem + 0.75rem);
}

.form-switch .form-check-input:checked ~ .form-check-label::after {
    transform: translateX(calc(2rem - 0.25rem));
}

.form-switch .form-check-label {
    padding-left: 2.4rem;
    padding-top: 0.3rem;
}

.fs-12px {
    font-size: 1.2rem;
}

.fs-13px {
    font-size: 1.3rem;
}

.fs-14px {
    font-size: 1.4rem;
}

.fs-16px {
    font-size: 1.6rem;
}

.fs-20px {
    font-size: 2rem;
}

.fs-18px {
    font-size: 1.8rem;
}

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

.fs-30px {
    font-size: 3rem;
}

.fs-xx-l {
    font-size: xx-large;
}

.fs-xxx-l {
    font-size: 3.2rem;
}

.fw-semibold {
    font-weight: 500 !important;
}

.h-36px {
    height: 36px;
}

.h-40px {
    height: 40px;
}

.h-48px {
    height: 48px;
}

.h-100 {
    height: 100%;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
    font-weight: 500;
    font-family: "Uni Neue", "Roboto", Helvetica, Arial, sans-serif;
    color: var(--dark-blue) !important;
}

h1,
.h1 {
    font-size: 2.8rem;
}

h2,
.h2 {
    font-size: 2.4rem;
    margin-bottom: 2rem;
}

h3,
.h3 {
    font-size: 2rem;
}

h4,
.h4 {
    font-size: 1.6rem;
}

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

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

h3,
h4,
h5 {
    margin-top: 5px !important;
}

.hardware-timeline-bar {
    width: 2px;
    background-color: var(--light-gray-3);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0px;
}

.header {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

.hide-full-hardware-history {
    border-bottom: 1px solid var(--light-gray-3);
    max-height: 300px;
    overflow: hidden;
}

hr {
    border-top: 1px solid var(--medium-gray-2);
}

.inner-line:not(:last-child) {
    border-right: 1px solid #e7eaec;
}

input[type="checkbox"],
input[type="radio"] {
    cursor: pointer;
    height: 14px;
}

.input-group button {
    align-items: center;
    display: flex;
    z-index: 2;
}

.input-group button:nth-child(2) {
    margin-left: -1px !important;
}

.input-group input:invalid ~ .btn-input {
    pointer-events: none;
}

.input-group input:invalid ~ .btn-input span {
    opacity: 0.2;
    pointer-events: none;
}

.input-group-select2 {
    display: flex;
}

.input-group-select2 .input-group-text {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    border-right: 0;
    height: 100%;
}

.input-group-select2 .select2-selection {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.input-group-text {
    background-color: var(--white);
}

.input-group-text:not(.fa-lg) {
    font-size: 1.3rem;
}

.invoice-process-progress-bar {
    background-color: #e9ecef;
    border: 1px solid #ccc;
    height: 1.6rem;
    font-size: 1rem;
}

label {
    font-weight: 500;
}

label[for="id_avatar"] {
    margin-bottom: 0;
}

.landline-analysis-banner {
    padding: 20px;
    background-color: var(--darker-green);
    color: var(--white);
    display: flex;
    flex-wrap: wrap;
}

.landline-analysis-banner > div {
    align-self: center;
}

.landline-analysis-banner > div:first-child {
    text-align: center;
    font-size: 2.5rem;
    font-weight: 700;
}

.landline-analysis-banner > div:last-child p:first-child {
    font-size: 2rem;
    font-weight: 700;
}

.landline-analysis-banner > div:last-child p:last-child {
    font-size: 1.4rem;
}

.list-style-none {
    list-style: none;
}

.map-overlay .listing {
    overflow: auto;
    height: 288px;
}

.map-overlay .listing > * {
    display: block;
    padding: 5px 10px;
    margin: 0;
}

.map-overlay .listing a:last-child {
    border: none;
}

.modal {
    z-index: 2050 !important;
}

.modal .btn-close {
    font-size: 1.6rem;
}

.modal-backdrop {
    z-index: 2020;
}

.modal-body,
.modal-footer,
.modal-header {
    padding: 20px 30px 30px 30px;
}

.modal-title {
    font-size: 2.6rem;
}

.multiple_emails-container input.multiple_emails-error {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px var(--danger) !important;
    outline: thin auto var(--danger) !important;
}

main div#page-wrapper,
main#wrapper div#page-wrapper {
    margin-left: 54px;
    transition: all 0.4s;
}

main div#page-wrapper.open,
main#wrapper div#page-wrapper.open {
    margin-left: 260px;
}

.marker {
    background-image: url("../img/favicon-sonar.png");
    background-size: cover;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    cursor: pointer;
}

.max-height-250 {
    max-height: 250px;
}

.max-width-90-vw {
    max-width: 90vw;
}

.min-height-30 {
    min-height: 30px !important;
}

.min-h-200 {
    min-height: 200px;
}

.min-h-450 {
    min-height: 450px;
}

.morris-hover-point {
    text-align: left;
}

.morris-hover-row-label {
    text-align: left;
}

.ms-negative-5 {
    margin-left: -5px;
}

nav.side-nav-bs5 {
    background-color: var(--brand-main);
    width: 54px;
    padding: 6px 3px;
    position: fixed;
    top: 48px;
    bottom: 0;
    left: 0;
    z-index: 1110;
    overflow: hidden;
    transition: all 0.4s;
}

nav.side-nav-bs5.open {
    width: 260px;
}

nav.side-nav-bs5:hover {
    z-index: 2080;
    width: 260px;
}

nav.side-nav-bs5 ul {
    list-style: none;
    transition: all 0.4s;
}

nav.side-nav-bs5 a.btn,
nav.side-nav-bs5 a.btn:focus-visible {
    border: none;
    border-radius: 0.3rem;
    color: var(--white);
}

nav.side-nav-bs5 a.btn:focus-visible {
    outline: 1px solid var(--lighter-blue);
}

nav.side-nav-bs5 a.btn {
    padding: 0.6rem 1.2rem;
}

nav.side-nav-bs5 a.btn:hover {
    background-color: transparent;
    border: none;
    color: var(--white);
    font-weight: 700;
}

nav.side-nav-bs5 > ul {
    padding: 0;
}

nav.side-nav-bs5 > ul > li {
    overflow: hidden;
    margin-bottom: 0;
    background-color: var(--brand-main);
    border: 0;
    border-bottom-color: transparent;
    border-radius: 0;
}

nav.side-nav-bs5 ul li {
    white-space: nowrap;
}

nav.side-nav-bs5 ul li a.btn {
    display: flex;
}

nav.side-nav-bs5 ul li a.btn:first-child:active {
    color: var(--white);
}

nav.side-nav-bs5 > ul > li > a.btn {
    height: 48px;
    padding: 12px;
    margin-bottom: 3px;
    text-align: left;
    font-size: 1.6rem;
    min-width: 140px;
}

nav.side-nav-bs5 > ul > li > a.btn:active {
    box-shadow: none;
}

nav.side-nav-bs5 > ul > li > a.btn:hover {
    background-color: var(--light-blue);
    border: none;
}

nav.side-nav-bs5:not(.open) ul li ul.in {
    display: none;
}

nav.side-nav-bs5:hover ul li ul.in {
    display: block;
}

nav.side-nav-bs5:not(.open) ul li ul.show {
    display: none;
}

nav.side-nav-bs5:hover ul li ul.show {
    display: block;
}

nav.side-nav-bs5 ul li.active > a.btn {
    color: var(--white);
    font-weight: 700;
}

nav.side-nav-bs5 > ul > li.active > a.btn {
    background-color: var(--light-blue);
}

nav.side-nav-bs5 > ul > li > a.btn span:first-child {
    font-size: 2.2rem;
    margin-right: 14px;
    line-height: 1em;
}

nav.side-nav-bs5 ul li a.btn span.fa-angle-down {
    margin-left: auto;
}

nav.side-nav-bs5 ul li a.btn[aria-expanded="true"] span.fa-angle-down:before {
    content: "\f113";
}

nav.side-nav-bs5 > ul > li > ul {
    padding-left: 50px;
}

nav.side-nav-bs5 > ul > li > ul > li > ul {
    padding-left: 20px;
}

nav.top-nav {
    height: 48px;
    padding: 3px 4vw 3px 3px;
    background: var(--white) !important;
    z-index: 1010;
}

nav.top-nav button#top-nav-btn {
    width: 48px;
    height: 100%;
    color: var(--brand-main);
}

nav.top-nav button#top-nav-btn:hover,
nav.top-nav button#help-and-support-btn:hover {
    background: var(--lighter-blue);
    color: var(--dark-green);
}

nav.top-nav button#top-nav-btn span,
nav.top-nav button#help-and-support-btn span {
    font-size: 3.2rem;
}

nav.top-nav div#top-nav-brand a img {
    height: 24px;
}

nav.top-nav .global-nav div.dropdown-menu a:hover {
    background: var(--brand-main);
    color: var(--white);
}

nav.top-nav .global-nav div#user-profile-container button img {
    opacity: 0.9;
}

nav.top-nav .global-nav div#user-profile-container button img:hover {
    opacity: 1;
}

nav.top-nav .global-nav div#user-profile-container button span.badge {
    right: -5px;
}

nav.top-nav .global-nav .dropdown-toggle::after {
    display: none;
}

.nav-tabs > li > button {
    font-weight: 400;
    color: var(--link-blue);
}

.nav-tabs > li > button:focus,
.nav-tabs > li > button:hover {
    background-color: var(--light-gray);
    border-color: var(--light-gray);
    color: var(--link-blue);
    font-weight: 500;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    font-weight: 500;
    color: var(--darker-gray);
}

.nav > li.active {
    border-left: 0;
    background: #293846;
}

.note-editor {
    min-height: 100px;
    margin: 0px;
}

.note-editor > .note-editable {
    min-height: 100px;
}

.note-editor blockquote {
    border-left: 5px solid #eee;
    padding: 0.3rem 0.6rem;
}

.note-editor pre {
    display: block;
    font-size: 1.3rem;
    padding: 0.2rem 0.4rem;
    color: #333;
    word-break: break-all;
    word-wrap: break-word;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.notice-board {
    height: 590px !important;
}

.notification-circle-8 {
    border-radius: 50%;
    height: 0.8rem;
    width: 0.8rem;
}

.notification-circle-12 {
    border-radius: 50%;
    height: 1.2rem;
    width: 1.2rem;
}

#notifications-list.only-unread-notifications li.read {
    display: none;
}

#notifications-list li.read div.read-notification-message {
    display: block !important;
}

#notifications-list li button.load-notification-button {
    background-color: transparent;
    border: 0;
}

#notifications-list li button.load-notification-button:hover {
    background-color: var(--lighter-blue) !important;
}

#notifications-list li.unread button.mark-as-read-button {
    color: var(--white) !important;
    display: block !important;
    line-height: 1;
    padding: 2px;
}

#notifications-list li.unread button.mark-as-read-button:hover {
    color: var(--dark-green);
}

#notifications-list li.unread button h3 {
    font-weight: 700;
}

#ocs-pending-assets_wrapper .dt-buttons {
    float: right;
}

.pace {
    -webkit-pointer-events: none;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.pace.pace-inactive {
    display: none;
}

.pace .pace-progress {
    background: var(--brand-secondary-green);
    position: fixed;
    z-index: 2040;
    top: 0;
    right: 100%;
    width: 100%;
    height: 5px;
}

.page-link {
    color: var(--brand-main);
    font-size: 1.3rem;
}

.page-item.active .page-link {
    background-color: var(--brand-main);
}

.pagination ul > li {
    display: inline;
}

.pagination ul > li > a,
.pagination ul > li > span {
    float: left;
    padding: 4px 12px;
    line-height: 20px;
    text-decoration: none;
    background-color: var(--white);
    border: 1px solid #dddddd;
    border-left-width: 0;
}

.pagination ul > li > a:hover,
.pagination ul > li > a:focus-visible,
.pagination ul > .active > a,
.pagination ul > .active > span {
    background-color: #f5f5f5;
}

.pagination ul > .active > a,
.pagination ul > .active > span {
    color: #999999;
    cursor: default;
}

.pagination ul > .disabled > span,
.pagination ul > .disabled > a,
.pagination ul > .disabled > a:hover,
.pagination ul > .disabled > a:focus-visible {
    color: #999999;
    cursor: default;
    background-color: transparent;
}

.pagination ul > li:first-child > a,
.pagination ul > li:first-child > span {
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-topleft: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border-left-width: 1px;
    border-top-left-radius: 4px;
}

.pagination ul > li:last-child > a,
.pagination ul > li:last-child > span {
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-topright: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
}

.panel {
    box-shadow: none;
}

.popover {
    background-color: var(--darker-gray);
}

.popover,
.tooltip {
    font-size: 1.3rem;
}

.popover.bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow::after {
    border-bottom-color: var(--darker-gray);
}

.popover.bs-popover-auto[data-popper-placement^="left"] > .popover-arrow::after {
    border-left-color: var(--darker-gray);
}

.popover.bs-popover-auto[data-popper-placement^="right"] > .popover-arrow::after {
    border-right-color: var(--darker-gray);
}

.popover.bs-popover-auto[data-popper-placement^="top"] > .popover-arrow::after {
    border-top-color: var(--darker-gray);
}

.popover.fade.show,
.tooltip.fade.show {
    display: block;
}

.popover.fade:not(.show),
.tooltip.fade:not(.show) {
    display: none;
}

.popover-body {
    color: var(--white);
}

.pos-bottom-end-n10 {
    position: absolute;
    bottom: -10px;
    right: -10px;
}

.pos-top-end-0 {
    position: absolute;
    top: 0;
    right: 0;
}

.pos-top-end-10 {
    position: absolute;
    top: 10px;
    right: 10px;
}

.pos-top-start-0 {
    position: absolute;
    top: 0;
    left: 0;
}

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

.scroll-content {
    height: 750px !important;
    overflow-y: auto;
}

#secondary-switches-container.content-disabled .form-check-label:before {
    pointer-events: none;
}

select {
    background: url('../img/select-icon.svg') right 0.75rem center / 8px 10px no-repeat;
    background-color: var(--white) !important;
    border: 1px solid var(--border-light-gray) !important;
    border-radius: 3px;
    padding: 6px 12px;
}

select.period-select {
    padding-right: 2.2rem;
}

.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
    border-color: var(--border-light-gray);
}

.is-invalid + .select2-container--default .select2-selection--single,
.is-invalid + .select2-container--default .select2-selection--multiple {
    background-image: url('../img/bootstrap-5.3.3-icons/exclamation-circle-danger.svg');
    background-position: right calc(1em + 0.75rem) center;
    background-repeat: no-repeat;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
    border-color: #dc3545;
}

.select2-container--open {
    z-index: 2070;
}

.select2-container .select2-search--inline .select2-search__field {
    margin-top: 0;
}

.select2-container .select2-selection--multiple {
    padding: 0;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    height: 34px;
    padding: 6px 12px;
}

.select2-container--default {
    width: 100% !important;
}

.select2-container--default .select2-results__option--disabled {
    cursor: not-allowed;
}

.select2-container--default .select2-selection--single {
    font-size: 1.4rem;
    height: 34px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 1.42857143;
}

.select2-dropdown {
    z-index: 10;
}

#services-map {
    top: 0;
    bottom: 0;
    min-height: 348px;
}

.shadow-1 {
    box-shadow: 0 2px 1px -1px rgb(0 0 0 / 20%),
        0 1px 1px 0 rgb(0 0 0 / 14%),
        0 1px 3px 0 rgb(0 0 0 / 12%);
}

.shadow-2 {
    box-shadow: 0 3px 1px -2px rgb(0 0 0 / 20%),
        0 2px 2px 0 rgb(0 0 0 / 14%),
        0 1px 5px 0 rgb(0 0 0 / 12%);
}

.shadow-3 {
    box-shadow: 0 3px 3px -2px rgb(0 0 0 / 20%),
        0 3px 4px 0 rgb(0 0 0 / 14%),
        0 1px 8px 0 rgb(0 0 0 / 12%);
}

.shadow-4 {
    box-shadow: 0 2px 4px -1px rgb(0 0 0 / 20%),
        0 4px 5px 0 rgb(0 0 0 / 14%),
        0 1px 10px 0 rgb(0 0 0 / 12%);
}

.shadow-5 {
    box-shadow: 0 3px 5px -1px rgb(0 0 0 / 20%),
        0 5px 8px 0 rgb(0 0 0 / 14%),
        0 1px 14px 0 rgb(0 0 0 / 12%);
}

.shadow-6 {
    box-shadow: 0 3px 5px -1px rgb(0 0 0 / 20%),
        0 6px 10px 0 rgb(0 0 0 / 14%),
        0 1px 18px 0 rgb(0 0 0 / 12%);
}

.shadow-7 {
    box-shadow: 0 4px 5px -2px rgb(0 0 0 / 20%),
        0 7px 10px 1px rgb(0 0 0 / 14%),
        0 2px 16px 1px rgb(0 0 0 / 12%);
}

.shadow-8 {
    box-shadow: 0 5px 5px -3px rgb(0 0 0 / 20%),
        0 8px 10px 1px rgb(0 0 0 / 14%),
        0 3px 14px 2px rgb(0 0 0 / 12%);
}

.shadow-9 {
    box-shadow: 0 5px 6px -3px rgb(0 0 0 / 20%),
        0 9px 12px 1px rgb(0 0 0 / 14%),
        0 3px 16px 2px rgb(0 0 0 / 12%);
}

.shadow-10 {
    box-shadow: 0 6px 6px -3px rgb(0 0 0 / 20%),
        0 10px 14px 1px rgb(0 0 0 / 14%),
        0 4px 18px 3px rgb(0 0 0 / 12%);
}

.shadow-12 {
    box-shadow: 0 7px 8px -4px rgb(0 0 0 / 20%),
        0 12px 17px 2px rgb(0 0 0 / 14%),
        0 5px 22px 4px rgb(0 0 0 / 12%);
}

.shadow-16 {
    box-shadow: 0 8px 10px -5px rgb(0 0 0 / 20%),
        0 16px 24px 2px rgb(0 0 0 / 14%),
        0 6px 30px 5px rgb(0 0 0 / 12%);
}

.shadow-24 {
    box-shadow: 0 11px 15px -7px rgb(0 0 0 / 20%),
        0 24px 38px 3px rgb(0 0 0 / 14%),
        0 9px 46px 8px rgb(0 0 0 / 12%);
}

small {
    font-size: 1.1rem;
    font-weight: 400;
}

.max-width-140 {
    max-width: 140px;
}

.max-width-180 {
    max-width: 180px;
}

span.fa-info-circle {
    cursor: pointer;
}

.spinner-border {
    width: 3rem;
    height: 3rem;
    border-width: 0.4rem;
}

.spinner-border-sm {
    width: 1.5rem;
    height: 1.5rem;
    border-width: 0.2em;
}

.suggested-asset ~ span > span > span > span[title="O seguinte ativo foi sugerido pois ambos tem o mesmo número de série."]::after {
    content: "Ativo Sugerido ❔";
    background-color: #e8e8e8;
    font-size: 12px;
    font-weight: bold;
    padding: 3px 5px;
    border-radius: 5px;
    margin-left: 5px;
}

.summary .item {
    padding: 24px;
    text-align: center;
}

.summary .item:last-child,
.summary .item:first-child {
    border: none;
}

.summary .item .icon {
    float: none;
}

.summary .item .text {
    float: none;
    margin-left: 0px;
}

.swal2-actions button.swal2-styled {
    font-size: 1.3rem;
}

.swal2-close {
    color: #000 !important;
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    font-size: 2.4rem;
    font-weight: 700;
    opacity: 0.5;
}

.swal2-close:hover {
    opacity: 1;
}

.swal2-container {
    z-index: 10000;
}

.swal2-content {
    color: var(--darker-gray);
    text-align: left;
    margin: 20px 0;
    font-size: 1.3rem;
    line-height: 150%;
}

.swal2-header-custom {
    font-size: 1.3rem;
    border-bottom: 1px solid #dcdcea;
    margin-bottom: 30px;
}

.swal2-html-container {
    color: var(--darker-gray);
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: left;
    font-size: 1.3rem;
    line-height: 150%;
}

.swal2-icon {
    margin: 0;
    border: 0;
    font: normal normal normal 14px/1 FontAwesome;
    width: auto;
    height: auto;
}

.swal2-icon span {
    font-size: 3rem;
    color: var(--darker-gray);
}

.swal2-input-label {
    font-size: 1.3rem;
    justify-content: start;
    margin: 1rem 0 0 2rem;
}

.swal2-modal {
    border-radius: 3px;
}

.swal2-modal-md {
    width: 500px;
}

.swal2-show {
    animation: fadeIn 0.5s;
}

.table,
.table:hover {
    color: var(--darker-gray);
}

table.dataTable.no-footer {
    border-bottom: 1px solid var(--lighter-blue-2);
}

table.dataTable.table-hover > tbody > tr:hover > * {
    box-shadow: unset;
}

table.dataTable .fixed-col-end-shadow,
table.dataTable.table-hover > tbody > tr:hover > .fixed-col-end-shadow {
    box-shadow: 3px 1px 2px 0 rgb(0 0 0 / 10%);
}

table.dataTable .fixed-col-start-shadow,
table.dataTable.table-hover > tbody > tr:hover > .fixed-col-start-shadow {
    box-shadow: -3px 1px 2px 0 rgb(0 0 0 / 10%);
}

table.dataTable > thead > tr > th,
table.dataTable > thead > tr > td {
    border-bottom: 2px solid var(--lighter-blue-2);
}

.table td,
.table th {
    border-bottom: unset;
    border-top: 1px solid var(--lighter-blue-2);
}

.table tr:nth-last-child(-n + 3) .btn-group ul.dropdown-menu {
    bottom: -15px;
    top: auto;
    right: 105%;
    left: auto;
}

.table-condensed th,
.table-condensed td {
    padding: 5px;
}

.table.table-condensed > tbody > tr > td,
.table.table-condensed > tbody > tr > th,
.table.table-condensed > tfoot > tr > td,
.table.table-condensed > tfoot > tr > th,
.table.table-condensed > thead > tr > td,
.table.table-condensed > thead > tr > th {
    padding: 5px;
}

.table-curved {
    border: solid #ccc 1px;
    border-collapse: separate;
    border-left: 0;
    border-radius: 6px;
}

.table-curved td,
.table-curved th {
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
}

.table-curved th {
    border-top: none;
}

.table-curved th:first-child {
    border-radius: 6px 0 0 0;
}

.table-curved th:last-child {
    border-radius: 0 6px 0 0;
}

.table-curved th:only-child {
    border-radius: 6px 6px 0 0;
}

.table-curved > *:last-child > tr:last-child td:first-child {
    border-radius: 0 0 0 6px;
}

.table-curved > *:last-child > tr:last-child td:last-child {
    border-radius: 0 0 6px 0;
}

.table-fixed {
    table-layout: fixed;
}

.table-new-standard .dataTables_scrollBody,
.table-new-standard .dataTables_scrollHead {
    border: unset !important;
}

.table-new-standard .table-bordered {
    border: 1px solid #dee2e6;
}

.table-new-standard .table td,
.table-new-standard .table th {
    padding: 1.2rem;
}

.table-new-standard .table-bordered td,
.table-new-standard .table-bordered th {
    border-left: unset;
    border-right: unset;
}

.table-new-standard table.dataTable tbody tr td.highlight,
.table-new-standard table.dataTable tbody tr:hover,
.table-new-standard table.dataTable tbody tr:hover td {
    background-color: var(--light-gray);
}

.table-new-standard div.dataTables_scrollBody {
    margin-bottom: 10px;
}

.table-new-standard .dataTables_length select {
    padding-right: 2.4rem;
}

.table-new-standard td .copy-btn {
    position: relative;
}

.table-new-standard td .copy-btn span.fa-copy {
    color: var(--light-blue);
    cursor: pointer;
    display: none;
    position: absolute;
    top: 0px;
}

.table-new-standard td:hover .copy-btn span.fa-copy {
    display: block;
}

.table-new-standard td .copy-btn.copy-btn-ln span.fa-copy {
    left: -20px;
}

.table-new-standard td .copy-btn.copy-btn-rn span.fa-copy {
    right: -20px;
}

.table-new-standard .table td {
    vertical-align: middle;
}

.table-new-standard .table td.dataTables_empty {
    background-color: var(--light-gray);
    text-align: left;
}

.table-new-standard .table-sm td,
.table-new-standard .table-sm th {
    padding: 0.5rem;
}

.table-sm.dataTable tr {
    height: unset;
}

.table-spacing {
    padding: 30px;
}

.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #f9f9f9;
}

#terms-of-use .overflow-auto {
    height: 330px;
}

.text-break {
    white-space: normal;
}

textarea {
    max-height: 300px;
}

.text-bg-danger {
    background-color: var(--danger) !important;
    color: var(--white) !important;
}

.text-bg-danger-light {
    background-color: var(--light-red);
    color: var(--danger-dark);
}

.text-bg-dark {
    background-color: var(--darker-gray) !important;
    color: var(--white) !important;
}

.text-bg-default {
    background-color: var(--border-light-gray);
    color: var(--darker-gray);
}

.text-bg-disable {
    background-color: var(--light-gray-2);
    color: var(--medium-gray-2);
}

.text-bg-info {
    background-color: var(--medium-blue) !important;
    color: var(--white) !important;
}

.text-bg-light {
    background-color: var(--light-gray-2) !important;
    color: var(--darker-gray) !important;
}

.text-bg-ocs {
    background-color: var(--ocs-light-purple);
    color: var(--ocs-purple);
}

.text-bg-primary {
    background-color: var(--dark-blue) !important;
    color: var(--white) !important;
}

.text-bg-primary-light {
    background-color: var(--lighter-blue);
    color: var(--dark-blue);
}

.text-bg-success {
    background-color: var(--dark-green) !important;
    color: var(--white) !important;
}

.text-bg-success-light {
    background-color: var(--light-green);
    color: var(--darker-green);
}

.text-bg-white {
    background-color: var(--white);
    color: var(--darker-gray);
}

.text-bg-warning {
    background-color: var(--warning) !important;
    color: var(--darker-gray) !important;
}

.text-bg-warning-light {
    background-color: var(--light-orange);
    color: var(--warning-darker);
}

.text-danger {
    color: var(--danger) !important;
}

.text-dark {
    color: var(--darker-gray) !important;
}

.text-light {
    color: var(--light-gray-3) !important;
}

.text-info {
    color: var(--dark-green) !important;
}

.text-primary {
    color: var(--brand-main) !important;
}

.text-warning {
    color: var(--warning-dark) !important;
}

.text-white {
    color: var(--white);
}

.timeline-bar {
    width: 3px;
    background-color: var(--light-gray-3);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 23px;
}

.timeline-icon {
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.toast {
    border: unset;
}

.toast > div {
    border: 1px solid var(--light-gray-2);
    border-radius: 0;
    color: var(--darker-gray);
    font-size: 1.3rem;
}

.toast:not(.show) {
    display: unset;
}

.toast a {
    color: var(--link-blue);
}

.toast a:hover {
    text-decoration: underline;
}

.toast > div:not(.toast-success) .progress {
    display: none;
}

.toast .progress {
    bottom: 0;
    height: 4px;
    left: 0;
    position: absolute;
    width: 100%;
}

.toast .progress-bar {
    background-color: var(--dark-green) !important;
    transition: width 6000ms linear;
    width: 100%;
}

.toast .toast-body,
.toast .toast-header {
    padding: 0;
}

.toast .toast-header {
    background-clip: unset;
    background-color: unset;
    border: unset;
}

.toast-container-top-center,
.toast-container-top-start {
    display: flex;
    flex-flow: column;
    gap: 1rem;
    position: fixed;
    top: 15vh;
    z-index: 2090;
}

.toast-container-top-center {
    left: 50%;
    transform: translateX(-50%);
}

.toast-container-top-start {
    left: 15vh;
}

.toast-danger {
    background-color: var(--light-red-2);
}

.toast-danger .toast-header {
    color: var(--danger-dark);
}

.toast-info {
    background-color: var(--lighter-blue-2);
}

.toast-info .toast-header {
    color: var(--dark-blue);
}

.toast-success {
    background-color: var(--light-green-2);
}

.toast-success .toast-header {
    color: var(--darker-green);
}

.toast-warning {
    background-color: var(--light-orange-2);
}

.toast-warning .toast-header {
    color: var(--warning-darker);
}

.tooltip-inner {
    text-align: left;
    background-color: var(--darker-gray);
}

.tooltip.show {
    opacity: 1;
}

.top-navigation .nav > li > a i.fa-bell {
    font-size: 3rem;
}

tr.shown .details-control button:first-child,
tr .details-control button:last-child {
    display: none;
}

tr.shown + tr {
    box-shadow: inset 0px 1px 3px 1px rgba(0 0 0 / 10%);
    background-color: #fcfcfc;
}

tr .details-control button:first-child,
tr.shown .details-control button:last-child {
    display: inline-block;
}

.transfer-double {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    height: auto;
    width: 100%;
}

.transfer-double-content {
    display: flex;
    padding: 1rem;
}

.transfer-double-content-end,
.transfer-double-content-start {
    height: 330px;
    flex: 9;
}

.transfer-double-content-middle {
    flex: 1;
    margin: 20% 1rem 0 1rem;
}

.transfer-double-content-param {
    border: 0;
    font-weight: 500;
    padding-left: 0.8rem;
    text-align: left;
}

.transfer-double-footer,
.transfer-double-header {
    display: none;
}

.transfer-double-list label,
.transfer-double-selected-list label {
    font-weight: 400;
}

.transfer-double-list-footer {
    border: 0;
}

.transfer-double-list-footer label {
    margin-left: 0;
}

.transfer-double-list-main .transfer-double-group-list-ul {
    padding-left: 1.5rem;
}

.transfer-double-list-main .transfer-double-group-list-ul .transfer-double-group-list-li .transfer-double-group-list-li-ul {
    margin-left: 0;
    padding-left: 3rem;
}

.transfer-double-list-search-input,
.transfer-double-selected-list-search-input {
    width: 100%;
}

.transfer-double-selected-list-main .transfer-double-selected-list-ul {
    padding-left: 1.5rem;
}

.treemap-chart {
    height: 100%;
    max-height: 600px;
    min-height: 400px;
    width: 100%;
}

.unselectable {
    cursor: not-allowed !important;
}

#upload-file-dz5 .modal-body,
#upload-file-dz5 .modal-header {
    background: none;
    border: none;
    text-align: center;
}

#upload-file-dz5.inmodal .modal-title {
    margin-top: 25px;
    font-size: 3rem;
    font-weight: bold;
    color: var(--brand-main);
}

#upload-file-dz5.inmodal .modal-header img {
    max-width: 7vw;
}

.vh-50 {
    height: 50vh;
}

.w-36px {
    width: 36px;
}

.w-42px {
    width: 42px;
}

.w-48px {
    width: 48px;
}

.wrap {
    flex-wrap: wrap;
}

@media (prefers-reduced-motion: reduce) {
    .btn {
        transition: none;
    }
}

@media (min-width: 425px) {
    .navbar-top-links .dropdown-alerts {
        width: 400px;
    }
}

@media (max-width: 768px) {
    .header button {
        margin-top: 10px;
    }
}

@media (min-width: 768px) {
    .vertical-timeline-content h2 {
        font-size: 18px;
    }

    .vertical-timeline-content p {
        font-size: 13px;
    }

    .vertical-line {
        border-left: 1px solid #bcbcd3;
    }
}

@media (max-width: 991px) {
    nav.top-nav {
        padding-right: 15px;
    }

    .summary .item:nth-child(2) {
        border-top: 1px solid #a6aaba;
        border-bottom: 1px solid #a6aaba;
    }
}

@media (min-width: 992px) {
    .asset-img img {
        max-width: 820px !important;
    }

    .summary .item:nth-child(2) {
        border-right: 1px solid #a6aaba;
        border-left: 1px solid #a6aaba;
    }
}

@media (min-width: 1200px) {
    .donut-md-4-height svg {
        max-height: 250px;
    }
}

@media (max-width: 1720px) {
    .summary .item .icon {
        margin-bottom: 20px;
    }

    .summary .item .text {
        display: block;
        float: none;
    }
}