:root, :root.light, :root .light {
    /* --------------------------- Gradient Background -------------------------- */
    /* Replacing falcon Blue - #4695ff with Green - #0F9A49, #1970e2 with #83B985 */
    --falcon-bg-shape-bg: #0F9A49;
    --falcon-bg-shape-bg-ltd: linear-gradient(-45deg, #0F9A49, #83B985);
    --falcon-bg-shape-bg-dtl: linear-gradient(-45deg, #83B985, #0F9A49);
    --falcon-line-chart-gradient: linear-gradient(-45deg, #014ba7, #0183d0);
    --falcon-card-gradient: linear-gradient(-45deg, #83B985, #0F9A49);
    --falcon-progress-gradient: linear-gradient(-45deg, #83B985, #0F9A49);
    --falcon-bg-circle-shape: none;
    --falcon-bg-circle-shape-bg: #0F9A49;
    --falcon-modal-shape-header: linear-gradient(-45deg, #83B985, #0F9A49);
    --falcon-modal-shape-header-bg: #4494ff;
    /* Datatable pagination - Green Override */
    /* Replacing falcon Blue - #2c7be5 with Green - #0F9A49 */
    --falcon-pagination-active-bg: #0F9A49;
    --falcon-pagination-active-border-color: #0F9A49;
    --falcon-navbar-vertical-link-active-color: #0F9A49;
    --falcon-dropdown-link-active-bg: #0F9A49;
}

/* Keeps text white when clicking Navbar profile dropdown link */
.navbar .dropdown-item:focus {
    color: #ffffff;
}

.w-90 {
	width: 90% !important;
}

#PhoneDialerPanel.show {
	z-index: 9999 !important;
}

a, a:hover {
	color: #0F9A49;
}

.armarius-green {
	color: #0F9A49;
}

.armarius-green-bg {
	background-color: #0F9A49;
}

/* tab colors */
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
	color: #0F9A49;
	border-bottom: 2px solid #0F9A49;
}

/*.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus,*/
.btn:focus {
    -webkit-box-shadow: 0 0 0 0.25rem rgb(123 171 242 / 50%) !important;
    box-shadow: 0 0 0 0.25rem rgb(123 171 242 / 50%) !important;
}

/* Override Green Navbar background Image to be more opaque */
.navbar-vertical.navbar-vibrant .navbar-collapse {
    background-image: linear-gradient( -45deg, rgba(0,255,12,0.5), #00A008),url(../img/nav/rainbow-nav.jpg);
}

/* Notifications */
.readStatus {
    font-size: 9px;
}

/* Height for non-Company Notes divs */
#OpportunityNotesDiv, #TicketNotesDiv {
    height: 395px;
}

/* Selected LeftNav for Vibrant NavBar */
.navbar-vertical:not(.navbar-vibrant) .navbar-nav .nav-item .nav-link.active {
    color: var(--falcon-navbar-vertical-link-active-color) !important;
}

/* Image Cropper Preview Background */
.checkered {
    height: 240px;
    background: -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0.0980392) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.0980392) 75%, rgba(0, 0, 0, 0.0980392) 0), -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0.0980392) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.0980392) 75%, rgba(0, 0, 0, 0.0980392) 0), white;
    background: -moz-linear-gradient(45deg, rgba(0, 0, 0, 0.0980392) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.0980392) 75%, rgba(0, 0, 0, 0.0980392) 0), -moz-linear-gradient(45deg, rgba(0, 0, 0, 0.0980392) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.0980392) 75%, rgba(0, 0, 0, 0.0980392) 0), white;
    background: linear-gradient(45deg, rgba(0, 0, 0, 0.0980392) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.0980392) 75%, rgba(0, 0, 0, 0.0980392) 0), linear-gradient(45deg, rgba(0, 0, 0, 0.0980392) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.0980392) 75%, rgba(0, 0, 0, 0.0980392) 0), white;
    background-repeat: repeat, repeat;
    background-position: 0px 0, 5px 5px;
    -webkit-transform-origin: 0 0 0;
    transform-origin: 0 0 0;
    -webkit-background-origin: padding-box, padding-box;
    background-origin: padding-box, padding-box;
    -webkit-background-clip: border-box, border-box;
    background-clip: border-box, border-box;
    -webkit-background-size: 10px 10px, 10px 10px;
    background-size: 10px 10px, 10px 10px;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-shadow: none;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
    -webkit-transform: scaleX(1) scaleY(1) scaleZ(1);
    transform: scaleX(1) scaleY(1) scaleZ(1);
}

.placeholder {
    display: inline-block;
    min-height: 1em;
    vertical-align: middle;
    cursor: wait;
    background-color: currentcolor;
    opacity: 0.5;
}

    .placeholder.btn::before, .falcon-data-table .paging_full_numbers .placeholder.page-link::before,
    .falcon-data-table .paging_first_last_numbers .placeholder.page-link::before,
    .falcon-data-table .paging_full .placeholder.page-link::before,
    .falcon-data-table .paging_numbers .placeholder.page-link::before,
    .falcon-data-table .paging_simple_numbers .placeholder.page-link::before, [data-list] .placeholder.page::before, .tox .tox-menu__footer .placeholder.tox-button:last-child::before,
    .tox .tox-dialog__footer .placeholder.tox-button:last-child::before, .tox .tox-menu__footer .placeholder.tox-button--secondary::before,
    .tox .tox-dialog__footer .placeholder.tox-button--secondary::before {
        display: inline-block;
        content: "";
    }

.placeholder-xs {
    min-height: 0.6em;
}

.placeholder-sm {
    min-height: 0.8em;
}

.placeholder-lg {
    min-height: 1.2em;
}

.placeholder-glow .placeholder {
    -webkit-animation: placeholder-glow 2s ease-in-out infinite;
    animation: placeholder-glow 2s ease-in-out infinite;
}

@-webkit-keyframes placeholder-glow {
    50% {
        opacity: 0.2;
    }
}

@keyframes placeholder-glow {
    50% {
        opacity: 0.2;
    }
}

.placeholder-wave {
    -webkit-mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%);
    mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%);
    -webkit-mask-size: 200% 100%;
    mask-size: 200% 100%;
    -webkit-animation: placeholder-wave 2s linear infinite;
    animation: placeholder-wave 2s linear infinite;
}

@-webkit-keyframes placeholder-wave {
    100% {
        -webkit-mask-position: -200% 0%;
        mask-position: -200% 0%;
    }
}

@keyframes placeholder-wave {
    100% {
        -webkit-mask-position: -200% 0%;
        mask-position: -200% 0%;
    }
}