/* GLOBAL STYLES */
html,body {
    font-family: "Helvetica Neue", Roboto,
     Arial, sans-serif, "Apple Color Emoji",
    "Segoe UI Emoji", "Segoe UI Symbol" !important;
    --bs-root-font-size: 15px !important;
    --bs-body-font-size: .9rem !important;
}

/* COMPONENT STYLES */
/* Badges */
.badge-advertisement {
    color: #ffffff;
    background-color: #005224 !important;
}

.badge-primary {
    background-color: #1C97A6 !important;
}

.badge-stream {
    background-color: #1C97A6 !important;
}

.experimental {
    color: #1C97A6 !important;
}

/* Buttons */
.btn-primary {
    background-color: #1C97A6 !important;
}

.btn-primary:hover {
    background-color: #1C97A6 !important;
}

.btn-stream {
    background-color: #1C97A6 !important;
}

.search-button-custom {
    height: 29.5px !important;
}

#searchform {
    align-self: center;
    margin: auto 0 auto auto !important;
}

/* Links */
.btn-link {
    color: #1C97A6 !important;
}

.submitLink {
    color: #1C97A6 !important;
}

.text-stream {
    color: #1C97A6;
}

.text-stream-light {
    color: #1C97A6;
}

.submitLink {
    color: #1C97A6;
}

.block.block-themed>.block-header {
    background-color: #1C97A6;
}

.page-item.active .page-link,
.dataTables_wrapper .dataTables_paginate .paginate_button.current {
    background-color: #1C97A6 !important;
    border-color: #1C97A6 !important;
}

.nav-main li.open>a.nav-submenu>i, .sidebar-inverse #sidebar .nav-main li.open>a.nav-submenu>i {
    color: #1C97A6;
}

.nav-main a.active>i, .nav-main a:focus>i, .nav-main a:hover>i, .sidebar-inverse #sidebar .nav-main a.active>i, .sidebar-inverse #sidebar .nav-main a:focus>i, .sidebar-inverse #sidebar .nav-main a:hover>i {
    color: #1C97A6;
}

.nav-link:focus, .nav-link:hover {
    color: #1C97A6;
}

.nav-pills .nav-link.active {
    color: #1C97A6;
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::before, .custom-radio .custom-control-input:checked~.custom-control-label::before {
    background-color: #1C97A6 !important;
}

.custom-checkbox .custom-control-input:focus~.custom-control-label::before, .custom-radio .custom-control-input:focus~.custom-control-label::before {
    box-shadow: 0 0 0 1px #f5f7f7, 0 0 0 3px #1C97A6 !important;
}

.css-switch .css-control-input:checked ~ .css-control-indicator-ss {
    background-color: #1C97A6 !important;
}

.css-switch .css-control-input:checked ~ .css-control-indicator-ss_v2 {
    background-color: #1C97A6;
}

.base-orange .css-switch .css-control-input ~ .css-control-indicator-ss,
.css-switch .css-control-input ~ .css-control-indicator-ss {
    background-color: #eee;
}

.datepicker table tr td.selected.active {
    background-color: #1C97A6;
    border-color: #1C97A6;
}

.datepicker table tr td.selected.active:hover {
    background-color: #1C97A6;
    border-color: #1C97A6;
}

.datepicker table tr td span.active.active {
    background-color: #1C97A6;
    border-color: #1C97A6;
}

.css-radio.css-control-primary .css-control-input:checked~.css-control-indicator::after {
    background-color: #1C97A6;
}

.roas-nav .nav-pills .nav-link, #SS-tab, #NL-tab, #A8-tab   {
    color: #ffffff !important;
}

/* Navigation */
.list-group-item.active {
    background-color: #1C97A6;
    border-color: #1C97A6;
}

.nav-link:focus, .nav-link:hover {
    color: #1C97A6 !important;
}

.nav-main a.active>i, .nav-main a:focus>i, .nav-main a:hover>i, .sidebar-inverse #sidebar .nav-main a.active>i, .sidebar-inverse #sidebar .nav-main a:focus>i, .sidebar-inverse #sidebar .nav-main a:hover>i {
    color: #1C97A6 !important;
}

.nav-main li.open>a.nav-submenu>i,
.sidebar-inverse #sidebar .nav-main li.open>a.nav-submenu>i,
.nav-main-item.open>.nav-main-link-submenu>.nav-main-link-icon {
    color: #1C97A6 !important;
}



.nav-pills .nav-link.active {
    color: #1C97A6 !important;
}

ul.nav-main-submenu, ul.nav-main-submenu a {
    background-color: #2c3643 !important;
}

ul.nav-main-submenu li.nav-main-item a.nav-main-link {
    padding-right: 0px;
}

/* Pagination */
.page-item.active .page-link,
.dataTables_wrapper .dataTables_paginate .paginate_button.current {
    background-color: #1C97A6 !important;
    border-color: #1C97A6 !important;
}

/* CUSTOM STYLES */
#clientToolbar {
    background-color: #5a636f;
    border-radius: 5px;
    padding: 4px 6px;
}

.div_animated_border:hover span:nth-child(4),
.div_animated_border:hover span:nth-child(2) {
    background: linear-gradient(180deg, transparent, #1C97A6);
}

.ft-custom-platform-name {
    color: #3792cb;
}

.user-settings-bg {
    background-image: linear-gradient(to bottom right, #1C97A6, black);
}

/* Percentage Wave */
#powerlevel-dominance .progress {
    border: 2px solid #1C97A6;
}

#powerlevel-dominance .progress .inner .water {
    background: rgba(93, 182, 255, 0.6);
}

#powerlevel-dominance .progress .inner .percent {
    color: #1C97A6;
}

#powerlevel .progress-color {
    border: 2px solid #1C97A6;
}

#powerlevel .progress-color .inner .water {
    background: rgba(93, 182, 255, 0.6);
}

#powerlevel .progress-color .inner .percent {
    color: #1C97A6;
}

/* FORM STYLES */
.base-orange .css-switch .css-control-input ~ .css-control-indicator-ss,
.css-switch .css-control-input ~ .css-control-indicator-ss {
    background-color: #eee;
}

.css-radio.css-control-primary .css-control-input:checked~.css-control-indicator::after {
    background-color: #1C97A6 !important;
}

.css-switch .css-control-input:checked ~ .css-control-indicator-ss {
    background-color: #1C97A6 !important;
}

.css-switch .css-control-input:checked ~ .css-control-indicator-ss_v2 {
    background-color: #1C97A6 !important;
}

.custom-checkbox .custom-control-input:focus~.custom-control-label::before, .custom-radio .custom-control-input:focus~.custom-control-label::before {
    box-shadow: 0 0 0 1px #f5f7f7, 0 0 0 3px #1C97A6 !important;
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::before, .custom-radio .custom-control-input:checked~.custom-control-label::before {
    background-color: #1C97A6 !important;
}

.form-check-input:checked {
    background-color: #1c97a6 !important;
    border-color: #1c97a6 !important;
}

.form-floating > label {
    position: relative !important;
}

label input[type=radio] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

label input[type=radio] + img {
    cursor: pointer;
}

label input[type=radio]:checked + img {
    outline: 2px solid black;
}

/* Datepicker */
.datepicker table tr td.selected.active {
    background-color: #1C97A6 !important;
    border-color: #1C97A6 !important;
}

.datepicker table tr td.selected.active:hover {
    background-color: #1C97A6 !important;
    border-color: #1C97A6 !important;
}

.datepicker table tr td span.active.active {
    background-color: #1C97A6 !important;
    border-color: #1C97A6 !important;
}

.btn-ft {
    background-color: #1C97A6;
    border: 1px solid #188492;
    color: white;
    transition: background-color 0.3s ease, box-shadow 0.3s ease;
}

.btn-ft:hover {
    background-color: #20A2B2;
    color: white;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.datepicker table tr td.active.active {
    background-color: #1C97A6 !important;
}

/* RESPONSIVE STYLES */
@keyframes glow {
    0% {
        border-color: #1C97A6;
    }
    /*maybe remove it*/
    100% {
        border-color: #ffd28a;
    }
}

/* TABLE STYLES */
table.table-teal-light thead tr th, .table-teal-light-no-stripped-style thead tr th{
    font-size: 10pt;
    color: white !important;
    background-color: #1C97A6 !important;
}

table.table-teal-light tbody tr:nth-of-type(even) td {
    background-color: #e2fcff !important;
}

.table-teal-light tbody tr:nth-of-type(odd) td {
    background-color: #f6feff !important;
}

table.teal-table thead tr th{
    background-color: #1C97A6 !important;
}

table.teal-table tr:nth-child(even) {
    background-color: rgba(28, 151, 166, 0.3) !important;
}

table.teal-table tr:nth-child(odd) {
    background-color: #D8F0F3 !important;
}

.thead-dark.hover tbody tr:hover {
    background: #1C97A6 !important;
}

.thead-lightblue.hover tbody tr:hover {
    background: #1C97A6 !important;
}

.thead-teal thead tr th {
    background-color: #1C97A6 !important;
    color: #ffffff !important;
}

#lmaddressprofile .inner #prospectHeader {
    background-color: #1C97A6;
}

/* UTILITIES */
.alert-danger {
    color: #842029 !important;
    background-color: #f8d7da !important;
    border-color: #f5c2c7 !important;
}

.alert-primary {
    color: #323d4c !important;
    background-color: #d3f2f3 !important;
    border-color: #abe6e9 !important;
}

.alert-primary .alert-link {
    color: #1e242d !important;
}

.alert-warning {
    color: #856915 !important;
    background-color: #fff4d4 !important;
    border-color: #fff0c3 !important;
}

.ap-map {
    background-color: #1C97A6;
}

.bg-darker {
    background-color: #323D4C !important;
}

.bg-secondary-light {
    background-color: #f9f9f9;
}

.block-header-bg {
    background-color: #5a636f !important;
}

.block.block-themed>.block-header {
    background-color: #1C97A6;
}

.block.block-themed>.bg-primary-dark {
    background-color: #323d4c !important;
}

.brand-color {
    color: #1C97A6 !important;
}

.brand-background-color {
    background-color:#1C97A6 !important;
}

.brand-background-saturated-color {
    background-color: #1ca5a6 !important;
}

.dark_brand_bg {
    background-color: #59949B !important;
}

.darkish_brand_bg {
    background-color: #1C97A6 !important;
}

.lds-ellipsis div,
.lds-ellipsis-2x div {
    background: #1C97A6;
}

.loader_v1::before,
.loader_v1::after {
    background: #1C97A6;
}

.stream_bg_color {
    background-color: #1C97A6;
}

.stream-bgcolor {
    background-color: #1C97A6;
}

.text-primary {
    color: #1C97A6 !important;
}

.text-stream {
    color: #1C97A6;
}

.text-stream-light {
    color: #1C97A6;
}

/* Cursors */
.mark-unclickable {
    pointer-events: none !important;
    cursor: not-allowed !important;
}