html, body {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

#blazor-error-ui {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

#blazor-error-ui .dismiss {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}

.select2-results__option[aria-selected=true] {
    display: none;
}

tr.table-primary input[data-switch]:checked+label {
    background-color: #727cf5 !important;
}

input[data-switch]:checked+label {
    background-color: #0acf97 !important;
}

input[data-switch]+label {
    margin-bottom: 0;
    margin-top: -.5rem;
}

input[data-switch]:disabled+label {
    opacity: 50%;
}

#unprotectedBucketsToggle {
    margin-top: .25rem;
    padding-left: 0;
}

#unprotectedBucketsToggle:before {
    content: "\57";
}
#unprotectedBucketsToggle.collapsed:before {
    content: "\54";
}

div.chart {
    min-height: 470px;
}

.icn-spinner {
    animation: spin-animation 0.5s infinite reverse;
    display: inline-block;
}

@keyframes spin-animation {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(359deg);
    }
}

.bucket-conflict-legend {
    width: 15rem;
    height: 15rem;
}

.legend-box {
    width: 1rem;
    height: 1rem;
}

.legend-text {
    margin-top: -.45rem;
}

.drag-drop-zone {
    border: 3px dashed #727cf5;
    padding: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #eeeeee;
    box-shadow: inset 0 0 8px rgba(0,0,0,0.2);
    color: #aeaeae;
    font-size: 1.5rem;
    cursor: pointer;
    margin: 1.5rem 0 2rem 0;
    position: relative;
}

.drag-drop-zone:hover {
    background-color: #f5f5f5;
}

.drag-drop-zone input[type=file] {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.brand-name {
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    text-decoration:none !important;
    color:inherit !important;
}

.help-icon-link {
    float:right;
    text-decoration:none;
    color:inherit;
}

.form-control.invalid {
    border-color:#fa5c7c;
}

.form-control.valid {
    border-color:#0acf97;
}

.form-control.valid:placeholder-shown {
    border-color: #dee2e6;
}

body[data-leftbar-compact-mode=condensed] .wrapper .left-side-menu {
    width: 5rem !important;
}

body[data-leftbar-compact-mode=condensed] .wrapper .support-side-menu {
    width: 319px !important;
}

@media only screen and (max-width: 767px) {
    body[data-leftbar-compact-mode=condensed] .wrapper .left-side-menu {
        left: 4.4rem !important;
    }

    .wrapper .left-side-menu {
        top: 4rem !important;
    }

    .wrapper .left-side-menu .logo {
        top: 4.4rem !important;
    }

    body[data-leftbar-compact-mode=condensed] .wrapper .navbar-custom {
        left: 0 !important;
    }
}

@media only screen and (min-width: 768px) {
    body[data-leftbar-compact-mode=condensed] .wrapper .navbar-custom {
        left: 5rem !important;
    }

    .wrapper .left-side-menu .logo {
        top: 0.5rem !important;
    }
}

body[data-leftbar-compact-mode=condensed] .wrapper .left-side-menu .logo {
    width: 5rem !important;
}

body[data-leftbar-compact-mode=condensed] .side-nav .side-nav-item .side-nav-link i {
    font-size: 1.5rem !important;
}

.content-page {
    padding-bottom: 0px !important;
}

.daterangepicker select.hourselect {
    color: black !important;
}

.daterangepicker select.minuteselect {
    color: black !important;
}

.daterangepicker select.ampmselect {
    color: black !important;
}

.modal-dialog.modal-wide {
    max-width: 55rem;
}

.daterangepicker .ranges li:hover {
    color: inherit !important;
}

#numberOfRetroAgents {
    max-width: 5rem;
}

.collapse:not(.show) {
    display: none !important;
}

.fade-in {
    opacity: 0.3;
    animation: fadeIn 1s forwards;
}

@keyframes fadeIn {
    to {
        opacity: 1;
    }
}

.pointer {
    cursor: pointer;
}

.textPopover {
    cursor: pointer;
    border-bottom: 1px solid #39afd1;
    border-bottom-style: dashed;
}

.nicknameInput {
    max-width: 15rem;
}

td.otherRadioClass:before {
    border-radius: 10px !important;
}

tr.selected td.otherRadioClass:after {
    content: '\1F518' !important;
    margin-left: -.62em !important;
    margin-top: -.14em !important;
}

.dashboard-icon {
    width:  40px !important;
    height: 40px !important;
    border-radius: 3px !important;
    padding: 0 !important;
}

.actionMenuButtonDiv {
    height: 3rem;
    display: flex;
    align-items: center;
}

.actionMenuButtonDiv:hover:not(.disabled) {
    background-color: #f8f9fa;
    cursor: pointer;
}

.dropdown-menu .actionMenuButtonDiv:hover:first-child {
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
}

.dropdown-menu .actionMenuButtonDiv:hover:last-child {
    border-bottom-left-radius: .25rem;
    border-bottom-right-radius: .25rem;
}

.actionMenuButtonDiv:hover:not(.disabled) span, .actionMenuButtonDiv:not(.disabled) span:hover {
    text-decoration: none !important;
    color: #fff !important;
}

.actionMenuButtonDiv.primary:hover:not(.disabled) {
    background-color: #4e5bf2;
    border-color: #4250f2;
}

.actionMenuButtonDiv.danger:hover:not(.disabled) {
    background-color: #f9375e;
    border-color: #f82b54;
}

.actionMenuButtonDiv.success:hover:not(.disabled) {
    background-color: #0acf97;
    border-color: #0acf97;
}

.actionMenuButtonDiv.warning:hover:not(.disabled) {
    background-color: #ffbc00;
    border-color: #ffbc00;
}

.actionMenuButtonDiv.warning:hover:not(.disabled) span, .actionMenuButtonDiv.warning:not(.disabled) span:hover {
    color: #000000 !important;
}

.actionMenuButtonDiv.info:hover {
    background-color: #2b99b9;
    border-color: #2991ae;
}

.actionMenuButtonDiv span {
    text-decoration: none !important;
    margin-left: 1rem;
}

.panel-heading.collapsed .mdi-chevron-down,
.panel-heading .mdi-chevron-right {
    display: none;
}

.panel-heading.collapsed .mdi-chevron-right,
.panel-heading .mdi-chevron-down {
    display: inline-block;
}

.collapsed ~ .panel-body {
    padding: 0;
}

.accordion .card .card-header a.collapsed.custom-accordion-title i.mdi-chevron-down {
    display: none; }

.accordion .card .card-header a:not(.collapsed).custom-accordion-title i.mdi-chevron-right {
    display: none; }

.fixedTableHeader {
    position: -webkit-sticky;
    position: sticky;
    top: -1px;
    z-index: 2;
    background: white;
    box-shadow: inset 1px 1px #eef2f7, 1px 1px #eef2f7, 0 1px #eef2f7;
}

.update-dot-s {
    height: .5em;
    width: .5em;
    background-color: #fa5c7c;
    border-radius: 50%;
    display: inline-block;
}

.remove-pill::before, .remove-pill:hover::before {
    padding-left: .5em;
    padding-right: .5em;
    color: #fa5c7c;
}

.remove-pill::before {
    content: "\000d7";
}

.remove-pill:hover::before {
    content: "X";
    cursor: pointer;
}

/*These transition removals are needed to avoid rendering issue with Blazor Virtualize component used in Buckets table*/
input[data-switch]+label:before {
    -webkit-transition: none !important;
    transition: none !important;
}

input[data-switch]+label:after {
    -webkit-transition: none !important;
    transition: none !important;
}

@media (min-width: 1367px)
.copyright {
    position:fixed !important;

}

.copyright {
    position: absolute !important;
    bottom: 0;
    left: 1%;
}