@import "./css/app_colors.css";

:root {
    --accent:  #0077C8 !important;
    --primary:  #f3d70c !important;
    --accent-dark:  #025e97 !important;
    --HEADING-FONT-FAMILY:  'Montserrat', sans-serif !important;
    --BODY-FONT-FAMILY:  'Roboto', sans-serif !important;
    --BODY-BACKGROUND-COLOR: #F2F2F2;
    --SECONDARY-BACKGROUND-COLOR: #F9F9F9;
    --HIGHLIGHT-BACKGROUND-COLOR: #FFFFFF;
    --INACTIVE-COLOR: #808080;
    --MAIN-CARDS-BORDER-RADIUS: 3px;
    --bs-nav-link-padding-y: 0.5rem;
    --bs-nav-link-padding-x: 1rem;
}

/*main.css*/
html, body {
	/* background-color: #ffffff; */
    background-color: var(--BODY-BACKGROUND-COLOR);
    /* background-color: var(--bg-white); */
	color: var(--black);
	height: 100%;
	margin: 0;
	-ms-overflow-style: none;
	scrollbar-width: none;
    font-family: var(--BODY-FONT-FAMILY);
}
div{
     font-family: var(--BODY-FONT-FAMILY);
}
.btn-primary{
    background-color: var(--accent);
}
.btn-primary:hover{
    background-color: var(--accent-dark);
}
.form-check-input:checked{
     background-color: var(--accent);
}
.bi-arrow-return-left{
    color: var(--accent);
}

input[type="radio"]:active + label {
    background-color: var(--accent);  /* Highlight color */
    border-radius: 5px;
}

@font-face {
	font-family: 'icomoon';
	src:  url('css/fonts/icomoon.eot?xhgiw4');
	src:  url('css/fonts/icomoon.eot?xhgiw4#iefix') format('embedded-opentype'),
	url('css/fonts/icomoon.ttf?xhgiw4') format('truetype'),
	url('css/fonts/icomoon.woff?xhgiw4') format('woff'),
	url('css/fonts/icomoon.svg?xhgiw4#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'icomoon' !important;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-colected_data:before {
	content: "\e905";
}

.icon-license:before {
	content: "\e912";
}

.icon-metrics:before {
	content: "\e914";
}

.icon-mycompany:before {
	content: "\e916";
}
.icon-myusers1:before {
	content: "\e917";
}

.icon-route:before {
	content: "\e91d";
}
.icon-sales:before {
	content: "\e91e";
}

.icon-station1:before {
	content: "\e920";
}
.icon-station2:before {
	content: "\e921";
}

.icon-disabled{
	color: grey;
	cursor: not-allowed;
}

i#arrow_up_machines, i#arrow_down_machines {
    text-align: left;
    font-size: larger;
}
i#arrow_up_machines:hover, i#arrow_down_machines:hover {
    cursor: pointer;
}
i#arrow_up_points, i#arrow_down_points {
    text-align: left;
    font-size: larger;
}
i#arrow_up_points:hover, i#arrow_down_points:hover {
    cursor: pointer;
}

i.hierarchy-plus-icon {
    color: var(--blue);
}
i.hierarchy-plus-icon:hover {
    cursor: pointer;
}

#routes_machines_list, #routes_points_list{
    overflow-y: auto;
    height: 12rem;
    border: 2px solid #ced4da;
    padding: .6rem .1rem;
}

#routes_machines_list .form-check, #routes_points_list .form-check {
    margin-top: 0;
}

input#select_all_machines_route+label.form-label,
input#select_all_points_route+label.form-label {
    margin-bottom: 0;
}
/*main.css*/

.Select{
    font-family: var(--BODY-FONT-FAMILY);
}
.Select-control {
    background-color: var(--HIGHLIGHT-BACKGROUND-COLOR) !important;
    padding: 0px !important;
    margin: 0px !important;
    line-height: 30px !important;
    box-sizing: border-box !important;
    color: var(--text-color) !important;
    text-shadow: none !important;
    min-height: 30px !important;
    height: 30px !important;
    border: 1px solid rgb(211, 211, 211) !important;
    border-radius: 0 !important;
    font-family: var(--BODY-FONT-FAMILY);
}

.Select-placeholder {
    color: var(--text-color) !important;
    font-family: var(--BODY-FONT-FAMILY);
    font-size: smaller !important;
}

.Select.is-disabled .Select-placeholder {
    color: var(--light-gray) !important;
}

.heatmap-dropdown-filter{
    width: 100% !important;
}

.heatmap-dropdown-filter > .Select-control,
#dropdown_period_wrapper .Select-control{
    border: 1.5px solid #b3b3b3 !important;
}

#dropdown_period_wrapper .Select-menu-outer,
#dropdown_period_wrapper .Select-menu-outer> div,
#dropdown_period_wrapper .Select-menu-outer> div>div {
    max-height: none !important;
}

.VirtualizedSelectOption, .Select-value-label, .Select-value-icon, .Select-value {
    color: var(--accent);
    font-family: var(--BODY-FONT-FAMILY);
    font-size: small !important;
}

.form-dropdown .Select-value-label {
    font-size: 1rem !important;
}

.Select.form-control {
    padding: 1px;
}

.Select.form-control > .Select-control {
    border: none !important;
}

.VirtualizedSelectOption:hover {
    cursor: pointer;
}

#user-image:hover {
    cursor: pointer;
}

.link-profile {
    text-decoration:none;
    color: black
}

.link-profile:hover {
    color: darkgray;
    transition: color .2s ease-in;
}

.offcanvas-start {
    width: auto !important;
}

.offcanvas-start, .offcanvas-end {
    margin-top: 3rem;
    border-top: 0.5px solid rgba(0,0,0,.2);
}

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

/* LOADING STATES */
#heatmap-collapse *[class="dash-dropdown"][data-dash-is-loading="true"] .Select-placeholder {
    visibility: hidden;
}

/* #vibe24x7_parent > [id="vibe24x7_loader"][style="display: none;"] */
/*Apply the loading style to the dropdowns only when the heatmap is already loaded (avoid first time)*/
#heatmap-collapse *[class="dash-dropdown"][data-dash-is-loading="true"] .heatmap-dropdown-filter .Select-placeholder::before{
    content: "Loading filters...";
    display: inline-block;
    visibility: visible;
}

#heatmap-collapse *[class="dash-dropdown"][data-dash-is-loading="true"] .marker-dropdowns .Select-placeholder::before{
    content: "Loading markers...";
    display: inline-block;
    visibility: visible;
}

#vibration_full_screen_body *[class="dash-dropdown"][data-dash-is-loading="true"] .marker-dropdowns .Select-placeholder::before{
    content: "Loading markers...";
    display: inline-block;
    visibility: visible;
}

.btn-group-custom .radio-group .form-check,
#heatmap-collapse .radio-group .form-check,
#vibration_full_screen_body .radio-group .form-check {
    padding-left: 0;
}

.btn-group-custom [class*="btn-group"],
#heatmap-collapse [class*="btn-group"],
#vibration_full_screen_body [class*="btn-group"] {
    width: 100%;
    justify-content: end;
}

.btn-group-custom .radio-group [class*="btn-group"] > .form-check:not(:last-child) > .btn,
#heatmap-collapse .radio-group [class*="btn-group"] > .form-check:not(:last-child) > .btn,
#vibration_full_screen_body .radio-group [class*="btn-group"] > .form-check:not(:last-child) > .btn {
border-radius: 0;
border-radius: 0;
}

.btn-group-custom .radio-group [class*="btn-group"] > .form-check:not(:first-child) > .btn,
#heatmap-collapse .radio-group [class*="btn-group"] > .form-check:not(:first-child) > .btn,
#vibration_full_screen_body .radio-group [class*="btn-group"] > .form-check:not(:first-child) > .btn {
border-radius: 0;
border-radius: 0;
/* margin-left: -1px; */
}

.btn-group-custom .radio-group [class*="btn-group"] > .form-check,
#heatmap-collapse .radio-group [class*="btn-group"] > .form-check,
#vibration_full_screen_body .radio-group [class*="btn-group"] > .form-check {
    margin: 0;
    width: auto;
}

#heatmap-collapse .radio-group #graph_bucket_radio[class*="btn-group"] > .form-check {
    margin: 0;
    width: 100%;
}

#vibration_full_screen_body .radio-group #graph_bucket_radio[class*="btn-group"] > .form-check {
    margin: 0;
    width: 100%;
}

#heatmap-collapse .radio-group .toggle-fft-class[class*="btn-group"] > .form-check {
    margin: 0;
    flex-grow: 100;
}

#vibration_full_screen_body .radio-group .toggle-fft-class[class*="btn-group"] > .form-check {
    margin: 0;
    flex-grow: 100;
}

.toggle-fft-class {
    flex-wrap: wrap;
    justify-content: center !important;
}

.btn-group-custom .radio-group [class*="btn-group"] > .form-check .form-check-label,
#heatmap-collapse .radio-group [class*="btn-group"] > .form-check .form-check-label,
#vibration_full_screen_body .radio-group [class*="btn-group"] > .form-check .form-check-label {
    width: 100%;
    font-size: x-small;
    color: var(--gray);
    background-color: var(--athens-gray);
    border-color: var(--accent);
}

.btn-group-custom .radio-group [class*="btn-group"] > .form-check .form-check-label.active,
#heatmap-collapse .radio-group [class*="btn-group"] > .form-check .form-check-label.active,
#vibration_full_screen_body .radio-group [class*="btn-group"] > .form-check .form-check-label.active {
    width: 100%;
    font-size: x-small;
    color: var(--athens-gray);
    background-color: var(--accent);
    border-color: var(--accent);
    box-shadow: none;
}

.btn-group-custom .radio-group [class*="btn-group"] > .form-check .form-check-label:hover,
#heatmap-collapse .radio-group [class*="btn-group"] > .form-check .form-check-label:hover,
#vibration_full_screen_body .radio-group [class*="btn-group"] > .form-check .form-check-label:hover {
    width: 100%;
    font-size: x-small;
    color: var(--athens-gray);
    background-color: var(--accent);
    border-color: var(--accent);
}

.btn-group-custom .radio-group [class*="btn-group"] > .form-check .form-check-label:focus,
#heatmap-collapse .radio-group [class*="btn-group"] > .form-check .form-check-label:focus,
#vibration_full_screen_body .radio-group [class*="btn-group"] > .form-check .form-check-label:focus {
    box-shadow: none !important;
}

#heatmap-collapse .form-check-input:focus,
#vibration_full_screen_body .form-check-input:focus {
    box-shadow: none !important;
}

#summary_table_title_point, .summary-table-title-measurement-class {
    font-size: .8rem;
    color: var(--accent);
}

.summary-table-title-measurement-class {
    text-align: left;
}

*[class="radio-group vibration-buttons-card-class"][data-dash-is-loading="true"] .toggle-fft-class,
*[class="radio-group vibration-buttons-card-class"][data-dash-is-loading="true"] .vibration-graph-full-class,
*[class="title-with-buttons vibration-card-title"][data-dash-is-loading="true"] .hover-yellow {
    opacity: .7;
    pointer-events: none;
}

*[class="btn-group toggle-fft-class"][data-dash-is-loading="true"] {
    opacity: .7;
    pointer-events: none;
}

button#machine_overalls_excluded_button[data-dash-is-loading="true"],
button#machine_overalls_clear_annotations[data-dash-is-loading="true"],
button#point_overalls_clear_annotations[data-dash-is-loading="true"] {
    opacity: .7;
    pointer-events: none;
}
/* LOADING STATES */

.dash-dropdown {
   width: 100% !important;
    float: right;
}
#stations_table_filter_by_status.dash-dropdown {
    float: none;
}

.btn-outline-secondary:hover{
    /*background-color: var(--accent);*/
    background-color: var(--BODY-BACKGROUND-COLOR);
    color: var(--accent);
}
.btn-outline-secondary{
    border-color: #cccfd3;
}
.list-group-item> .nav-link{
    color: var(--accent);
    font-family: var(--BODY-FONT-FAMILY);
}

#page_content{
    padding-top: 20px !important;
}
#list_selectable_companies{
    padding-left: 1.1rem;
    font-size: smaller;
}

#offcanvas-backdrop > .offcanvas-header, #offcanvas-backdrop-companies > .offcanvas-header {
    padding-bottom: 0;
}

#offcanvas-backdrop-companies .offcanvas-body {
    padding-top: 0;
}

#open-offcanvas-backdrop:focus, #open-offcanvas-backdrop-companies:focus {
    box-shadow: none;
}

.highlight-header-btn {
    background-color: var(--BODY-BACKGROUND-COLOR);
    color: var(--accent);
    border-color: var(--bo-gray);
}

.selected-company-name{
     padding-left: 2.1rem
}
h6{
    color: var(--accent);
}
.list-group-item-action:focus, .list-group-item-action:hover{
    cursor: pointer;
    color: var(--accent-dark);
    z-index: 0;
}

ul#advanced-modules.list-group>li.list-group-item.list-group-item-action,
ul#basic-modules.list-group>li.list-group-item.list-group-item-action,
ul#advanced-modules.list-group>li.list-group-item.list-group-item-action>a.nav-link,
ul#basic-modules.list-group>li.list-group-item.list-group-item-action>a.nav-link {
    padding: 0.25rem 0.5rem;
}

.Select{
     font-family: var(--BODY-FONT-FAMILY);
}
#show-advanced-menu{
    background-color: inherit;
    color: var(--accent);
    border: none;
    padding: 0;
    margin-top: 0.4rem;
    font-size: 0.8rem;
}

#show-advanced-menu:focus {
    box-shadow: none;
}

#offcanvas-backdrop{
    width: 19.5% !important;
}

.card-header{
    background-color: var(--SECONDARY-BACKGROUND-COLOR) !important;
}

.shadowed-card {
outline: rgb(226, 226, 226) solid 0px !important;
    box-shadow: rgb(0 0 0 / 2%) 2px 2px 7px, rgb(0 0 0 / 11%) 4px 5px 3px !important;
    color: rgb(96, 96, 96) !important;
   background-color: var(--HIGHLIGHT-BACKGROUND-COLOR) !important;
    border-left: none !important;
    border-top: none !important;
}

#login_action> .card,
#recover_action> .card{
    padding: 7%
}

#login_action> .card> form > .card-footer,
#recover_action> .card> form > .card-footer{
     background-color: var(--SECONDARY-BACKGROUND-COLOR) !important;
}

#settings_parent > .container > .card, #user_settings_parent > .container > .card{
    padding: 1.5rem  !important;
}

#settings_parent > .container > .card, #company_profile_parent > .container > .card{
    padding: 1.5rem  !important;
}

#settings_parent > .container > .card, #user_profile_parent > .container > .card{
    padding: 1.5rem  !important;
}

.input-field-container, .DateInput_input{
    padding-top: .2rem;
    font-size: 0.9rem;
}
.margin-botton-div{
    padding-bottom: 1.5em;
}
#route_action_form input:invalid {
    outline: none;
}
.form-select{
     font-size: 0.9rem;
}

.nav-tabs .nav-link {
    color: var(--bo-gray);
    padding: 0.2rem 1rem;
}

.nav-tabs .nav-link.active {
    color: var(--accent);
}

.refresh-button {
    padding: 0 0.5rem;
    border-radius: 0;
    border-color: rgb(211, 211, 211);
    color: var(--light-gray);
    background-color: var(--white) !important;
    height: 36px;
}

.refresh-button:hover {
    border-color: rgb(211, 211, 211);
    color: var(--light-gray);
    background-color: var(--white) !important;
}

.refresh-filter-wrapper {
    display: flex;
    justify-content: space-between;
    width: 300px;
}
.main-add-btn{
    float: right !important;
}
.alert{
    padding: 0.2rem 1rem;
    margin-bottom: 0.2rem;
}
#expiration_date_picker, #grace_period_date_picker{
    width: auto;
}
#expiration_date_picker.form-control, #grace_period_date_picker.form-control{
    width: auto;
    padding: 1px;
}
#expiration_date_picker .DateInput_input, #grace_period_date_picker .DateInput_input{
    padding-top: 4px;
    padding-bottom: 4px;
}
#expiration_date_picker .SingleDatePickerInput, #grace_period_date_picker .SingleDatePickerInput{
    border: none;
}
#resend_invite, #delete_user{
    margin-top: 5%;
}

.list-group {
    -ms-overflow-style: none; /* Edge, Internet Explorer */
    scrollbar-width: none; /* Firefox */
    overflow-y: scroll;
}

.list-group::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera */
}

.tree-list-group {
    max-height: 445px;
    /* border-bottom: 1.5px solid #b3b3b3; */
    overflow-y: auto;
    color: rgb(96, 96, 96) !important;
    /* background-color: var(--HIGHLIGHT-BACKGROUND-COLOR) !important; */
}

.tree-list-group:empty {
    border-bottom: none;
    height: 445px;
}

.entity-checkbox {
    border: 1px solid transparent;
    border-color: var(--bc-light-gray);
    overflow-y: auto;
    height: 12rem;
    padding-left: 30px;
}

.entity-checkbox-report {
    border: 1px solid transparent;
    border-color: var(--bc-light-gray);
    overflow-y: auto;
    height: 14rem;
    background:white;
    overflow-x: hidden;
    padding: 0 1rem;
}

.transfer-li {
    gap: 5px;
    height:17rem;
    justify-content:center;
}

.acc_btn_success .accordion-button {
    background-color:#28a745 !important;
    color:white;

}

.acc_btn_blocked .accordion-button {
    background-color:#e9ecef !important;
    color:#696868 !important;
    pointer-events: none;
    opacity:1;
}

.list-group-item.active {
    color: var(--accent-dark);
    background-color: var(--white);
    border-color: var(--white);
    box-shadow: 0 0 0 1.5px var(--accent) inset;
    transition: none;
    margin-top: 0 !important;
}

.list-group-item.active:hover {
    color: var(--accent-dark);
    background-color: var(--white);
    border-color: var(--white);
    box-shadow: 0 0 0 1.5px var(--accent) inset;
    transition: none;
}

.tree-list-item {
    font-size: 12px;
    padding: .1rem 1rem;
    color: var(--accent-dark);
    border: none;
    transition: box-shadow .2s ease;
}

.tree-list-item:nth-child(even) {
    background-color: transparent;
}
.tree-list-item:nth-child(odd) {
    background-color: var(--bg-white);
}

.alert-list-item {
    font-size: 12px;
    padding: 0.1rem 0.5rem 0.5rem;
    color: var(--accent-dark);
    border: none;
    transition: box-shadow .2s ease;
}

.tree-list-item:hover, .alert-list-item:hover {
    box-shadow: inset 0px 0px 400px 110px rgb(0 0 0 / 4%);
    color: var(--accent-dark);
}

.alert-list-item > div {
    display: inline;
}

.alert-list-item > div:first-child {
    font-size: 1rem;
}

.alert-list-item > div:first-child > i{
    background-color: transparent;
    padding-right: .4rem;
}

.padding-top-1 {
    padding-top: 1rem;
}

/* .Select-menu-outer,.Select-menu-outer> div, .Select-menu-outer> div>div{
    max-height: 170px !important;
} */

.form-control{
    font-size: 0.8rem !important;
}
#plant_modal .modal-content{
    height: 85% !important;
}
.form-check{
    margin-top: 30px;
}
.form-check-no-margin .form-check{
    margin-top: 0;
}
.form-check-no-margin-no-padding .form-check{
    margin-top: 0;
    padding: 0;
}
.entity-checkbox-report .form-check {
    margin-top: 17px;
}
#xAxisType > .form-check, #yAxisType > .form-check, #zAxisType > .form-check {
    margin-top: 0 !important;
}

.point-threshold-title{
    padding-top: 0.6rem;
}
.threshold-container{
    border: 2px solid #e4e4e4 !important;
    padding-bottom: 2%;
    margin-bottom: 1%;
}
.threshold-container > div> .input-field-container{
    padding-top: 0.6rem;
}
.iso-options-container > div> .input-field-container{
    padding-top: 0.6rem;
}
.axis-type-title{
    padding-top: 35%;
}
#permanent-container > div.row > div:nth-child(2) > div > label,
#permanent-container > div.row > div:nth-child(3) > div > label,
#permanent-container > div.row > div:nth-child(4) > div > label{
    padding-left: 15px;
}

.card-basic {
    box-shadow: none !important;
    background-color: transparent !important;
}

#admin-collapse-icon {
    border-radius: 50%;
    background-color: rgb(0, 119, 200);
    margin-left: 0.5rem;
    color: white;
    padding: 0.48rem;
}
.measure-axis-title{
    padding-top: 3rem
}

#add_point_band_modal .modal-content{
   width: 70%;
   margin-left: 16%;
}
#point_band_modal .modal-content{
    width: 70%;
    margin-left: 16%;
}

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

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

.selected-btn,.selected-btn:focus{
    background-color: var(--accent);
    color: white;
}
.unselected-btn{
    background-color: white;
    border-color: var(--accent);
    color: var(--accent);
}

.trend-graph-container {
    position: relative;
    display: flex;
    flex-direction: column;
}

#check_machine {
    border-bottom: 2px solid #ced4da;
}

.container-overall-point{
    border: rgb(179 179 179) solid 1px;
    margin: 0 0 .8rem;
    padding: 1rem 0;
}

/* ALL COMPONENTS */
.dashboard-mod-title {
    padding-left: 0.5rem;
}

  @media only screen and (min-width: 992px) {
    .dashboard-icon{
      font-size: 2.125em !important;
    }
  }
  /* responsive design for ipad air resolution */
  @media only screen and (width: 768px) {
    .dashboard-icon{
      font-size: 2.8125em !important;
    }
  }
  ul.dropdown-content{
    max-height: 230px!important;
  }

  .row .col.offset-m1-5 {
    margin-left: 12.495%;
  }

  div.Select.dropdown-collapse  > div {
    background-color: var(--BODY-BACKGROUND-COLOR) !important;
  }

  #notifications_settings_container {
    display: flex;
    align-items: center;
  }

  .month_selection_div {
    flex-wrap: nowrap;
  }

  .input-group.with-dcc-dropdown {
    flex-wrap: nowrap;
  }

  .input-group.with-dcc-dropdown .Select-control {
    height: 38px !important;
  }

  .input-group.dcc-dropdown-in-form .dash-dropdown {
    flex: 1 1 auto;
    width: 1% !important;
  }

.input-group.date-picker-in-form>div {
    flex-grow: 100;
}
.input-group.date-picker-in-form>div>.SingleDatePicker{
    width: 100%;
}
.input-group.date-picker-in-form>div>.SingleDatePicker>div>.SingleDatePickerInput{
    width: 100%;
}
.input-group.date-picker-in-form>div>.SingleDatePicker>div>.SingleDatePickerInput>.DateInput{
    width: 100%;
}
.input-group.date-picker-in-form>div>.SingleDatePicker>div>.SingleDatePickerInput>.DateInput>input.DateInput_input{
    padding: 0.2rem 0 0 11px;
}

  .report_template_modal .modal_footer {
    margin-top: 1rem;
  }
/* ALL COMPONENTS */

/*main.css*/
.modal.modal-fixed-footer{
	padding-left: 0px;
}
.modal-footer{
	width: 90% !important;
	margin-left: 5% !important;
	margin-right: 5% !important;
}
.modal-footer-plant-heatmap{
	margin-top: 10% !important;
}
.modal-footer.no-margin {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.modal .modal-content .row .valid-form{
	color: var(--red);
	color: var(--COLOR_PRINCIPAL);
}
.input-field label {
	color: var(--dark-gray);
}
button[disabled], html input[disabled]{
	color: var(--cl-dark-gray) !important;
}

/* input */
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
	color: var(--co-gray);
}
::-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: var(--co-gray);
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: var(--co-gray);
	opacity: 1;
}
::-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: var(--co-gray);
}
::-ms-input-placeholder { /* Microsoft Edge */
	color: var(--co-gray);
}

/* card */
.card{
    border-width: 0px;
    border-style: solid;
    border-color: var(--HIGHLIGHT-BACKGROUND-COLOR);
    border-radius: 0px;
    outline: rgb(226, 226, 226) solid 0px;
    box-shadow: rgb(0 0 0 / 12%) 0px 1px 3px, rgb(0 0 0 / 24%) 0px 1px 2px;
    font-family: "Open Sans";
    color: rgb(96, 96, 96);
    background-color: var(--SECONDARY-BACKGROUND-COLOR);
}
.btn[disabled]{
	background-color: var(--bg-white) !important;
	color: var(--co-dark-gray) !important;
}

.h1, h1, .h2, h2, .h3, h3, .h4, h4, .h5, h5{
    font-family: var(--HEADING-FONT-FAMILY);
}
h6{
    font-family: var(--HEADING-FONT-FAMILY);
    color: var(--accent);
    font-weight: 500;
}

.tabs .tab a.active {
	background-color: transparent;
	border-bottom: solid #337AB7 2px;
}

.display{
  display: block !important;
}

.hide{
  display: none !important;
}

a
{
	cursor: pointer;
	color:#035292;
}

label {
    color: var(--cr-dark-gray);
}

li:not(.no-capitalize){
	text-transform: capitalize !important;
}

input:not([type]):focus:not([readonly]) + label {
    color: var(--green) !important;
}

@media only screen and (max-width: 992px) {
	.navbar > nav {
		box-shadow:none;
	}
}

.row .col.s6, .row .col.s2 {
	padding: 0 0.75rem;
	min-height: 1px;
}

.modules-wrapper {
	text-align: center;
	padding: 0 5%;
}

.mod-col {
    border: 1px solid #e2e2e2;
    border-radius: 0.4rem;
    color: var(--co-black);
    height: 3.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    float: left;
    min-width: 100% !important;
    background-color: white;
}

.mod-col:hover {
	color: var(--accent);
	text-decoration: none;
}

.spinner-style {
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 50;
}

#vibe24x7_list_loader.spinner-style,
#devices_module_loader.spinner-style {
	height: 100%;
    width: 100%;
    align-items: center;
}

a {
	text-decoration: none;
}

.nav-link-actions {
	padding: 0;
	color: black;
	font-size: 0.82rem;
}

.input-style-1 {
	border-top: 0;
    border-right: 0;
    border-left: 0;
    border-radius: 0;
    box-shadow: none !important;
}

.open-offcanvas-companies {
	width: 12rem;
    font-size: smaller;
}
#login, #cancel, #password_recovery_submit, #user_recovery_submit, #password_change_submit{
    border: 1px solid #e2e2e2;
    border-radius: 0.4rem;
    color: var(--co-black);
    padding-bottom: 1rem;
    padding-top: 1rem;
    text-decoration: none;
    float: left;
    min-width: 100% !important;
    background-color: white;
}

#login:hover, #cancel:hover {
	color: var(--accent);
	text-decoration: none;
}

#admin-collapse-button {
    float: right;
    background-color: transparent;
    border: none;
    color: var(--accent);
	padding: 0.25rem 0rem;
}


#admin-collapse-button:focus {
	box-shadow: none;
}

/*FORM VALIDATION*/
.invalid-feedback:not(.dbc-invalid-feedback) {
    display: block;
    visibility: hidden;
}

.is-invalid~.invalid-feedback,
.is-invalid~.invalid-tooltip,
.was-validated :invalid~.invalid-feedback,
.was-validated :invalid~.invalid-tooltip{
    visibility: visible;
}

.vibration-info-card-class, .vibration-buttons-card-class {
    background-color: var(--HIGHLIGHT-BACKGROUND-COLOR);
    padding: 0.5rem;
    border-radius: var(--MAIN-CARDS-BORDER-RADIUS);
    height: calc(304px + 1rem);
}

.vibration-buttons-card-class {
    text-align: center;
    overflow-y: auto;
}

.vibration-buttons-card-class {
    -ms-overflow-style: none; /* Edge, Internet Explorer */
    scrollbar-width: none; /* Firefox */
}

.vibration-buttons-card-class::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera */
}

/*ROUTES ACTIONS*/
div.partially-checked-cbox>input {
    background-image: none !important;
    background-color: var(--accent);
}

.route-machine-selected {
    background-color: gainsboro;
}

.arrow-disabled > i {
    --bs-text-opacity: 1;
    color: gainsboro!important;
    pointer-events: none;
}

.tranferlist-col {
    position: relative;
    width: 100%;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}

.btn-as-new {
    display: initial;
    margin-top: 1rem;
}

.btn-as-new-hidden {
    display: none;
}

#hierarchy_breadcrum div:hover {
    cursor: pointer;
}

.icon-btn {
    padding: 0;
    border: none;
    background: none;
    color: var(--accent);
    box-shadow: none !important;
    line-height: 0;
}

.icon-btn:hover, .icon-btn:focus, .icon-btn:active {
    color: white;
    background-color: var(--accent);
    border-color: unset;
}


.fullscreen-icon-btn {
    padding: 0;
    border: none;
    background: none;
    color: var(--accent);
    box-shadow: none !important;
    line-height: 0;
}

.fullscreen-icon-btn:hover, .fullscreen-icon-btn:focus, .fullscreen-icon-btn:active {
    color: var(--accent);
    background-color: transparent;
    border-color: unset;
}

.fullscreen-icon-margin {
    display: inline-block;
    margin-top: 7px;
}

#measure_axis_label{
    padding-top: 8px;
    padding-left: 23px;
}
.form-label{
    padding-left: 13px;
}

.iso-options-container{
    padding-top: 10px;
}

#content-hierarchy .tab-content{
    padding: 30px;
}
#iso_map_modal_body{
    text-align: center;
    padding-top: 3rem;
    padding-bottom: 5rem;
}
.entry-actions-bar{
    padding-top: 3rem;
}

.alert.hierarchy-crud-alert {
    margin-bottom: 1rem;
}

.alert.bulk-machines-crud-alert {
    margin-bottom: 1rem;
    font-size: small;
}

.alert>button{
    padding: .5rem .5rem !important;
    font-size: x-small;
}

.entry-actions-bar-point, .entry-actions-bands-point{
    padding-left: 2rem;
    padding-right: 2rem;
}

#point_overalls_container{
    margin: 2rem;
}
#point_overalls_container .form-check{
    margin-top: 0 !important;
}
#overalls_layout_form .form-check{
    margin-top: 0 !important;
}

#hs_settings_section .card-body {
    padding-bottom: 0;
}

.hierarchy-list-title {
    color: black;
    margin-bottom: .2rem;
    padding-left: .2rem;
}

.dash-logo-class {
    text-decoration: none;
    position: absolute;
    margin-left: 70px;
}
.bearing{
  width: 120px;
}
.misalignment{
  width: 150px;
}
.imbalance{
  width: 100px;
}
.lubrication{
  width: 120px;
}
.bent-shaft{
  width: 150px;
}
#fault-detection-results{
  list-style-type: none;
}
.red-text{
    color: red;
}
#machine_picture_content{
    text-align: center;
}
.inactive-text{
    color: var(--INACTIVE-COLOR) !important;
}

#tree_navigation_parent{
    background-color: var(--HIGHLIGHT-BACKGROUND-COLOR);
    padding: 0.5rem;
    /* margin: 0.01rem; */
    height: 100%;
    /* border-radius: var(--MAIN-CARDS-BORDER-RADIUS); */
}
#entry_list{
    background-color: var(--BODY-BACKGROUND-COLOR);
}

.analyze-section-container{
    background-color: var(--HIGHLIGHT-BACKGROUND-COLOR);
    padding: 0.5rem;
    border-radius: var(--MAIN-CARDS-BORDER-RADIUS);
    margin-bottom: calc((0.75rem * .5) + (0.75rem * .5));
    height: calc(147.705px - 0.5rem);
    border: 1px solid rgba(0,0,0,.1);
    box-shadow: 0 0.5rem 1rem rgba(0,0,0,.15);
    background-clip: padding-box;
}
.entry-alerts-summary-container{
    background-color: var(--HIGHLIGHT-BACKGROUND-COLOR);
    padding: 0.5rem;
    border-radius: var(--MAIN-CARDS-BORDER-RADIUS);
    min-height: auto;
    height: 345.645px;
    border: 1px solid rgba(0,0,0,.1);
    box-shadow: 0 0.5rem 1rem rgba(0,0,0,.15);
    background-clip: padding-box;
}
.point-stats-section-container {
    background-color: var(--HIGHLIGHT-BACKGROUND-COLOR);
    padding: 0.5rem;
    border-radius: var(--MAIN-CARDS-BORDER-RADIUS);
    min-height: 361.39px;
    height: 100%;
}
.vibration-plots-container {
    background-color: var(--HIGHLIGHT-BACKGROUND-COLOR);
    padding: 0.5rem;
    border-radius: var(--MAIN-CARDS-BORDER-RADIUS);
    height: 100%;
}

.vibration-plots-container > div {
    visibility: visible !important;
}

.vibration-plots-container > div[style="visibility: hidden; position: relative;"] > :first-child {
    opacity: .7;
}

.point_manage_measures_table_container > div {
    visibility: visible !important;
}

.point_manage_measures_table_container > div[style="visibility: hidden; position: relative;"] > :first-child {
    opacity: .7;
}

.container-with-spinner-cover > div {
    visibility: visible !important;
}

.container-with-spinner-cover > div[style="visibility: hidden; position: relative;"] > :first-child {
    opacity: .7;
}

.point-overalls-height {
    height: 316.94px;
}

#trend_graph_tabs {
    height: 316.94px;
    position: relative;
}

#point_overalls_center_spinner,
#waterfall_center_spinner {
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--HIGHLIGHT-BACKGROUND-COLOR);
}

#point_overalls_center_spinner.spinner-hide-1,
#point_overalls_center_spinner.spinner-hide-2,
#point_overalls_center_spinner.spinner-hide-empty {
    display: none;
}

/* spinner-hide-1 set display none to the plot spinner to allow interaction while background callback is running */
#point_overalls_center_spinner.spinner-hide-1 + div[style="visibility: hidden; position: relative;"] > :last-child {
    display: none !important;
}

/* when background callback finishes spinner-hide-2 is set so the plot spinner appears and the plot stays with opacity */
#point_overalls_center_spinner.spinner-hide-2 + div[style="visibility: hidden; position: relative;"] > :first-child {
    opacity: .7;
}

/* Style for the mini-spinner next to "Trend Plot" when background callback is loading */
.trend-plot-title-col > div[style="visibility: hidden; position: relative;"] {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    margin-left: 0.5rem;
}

.trend-plot-title-col > div[style="visibility: hidden; position: relative;"] > div {
    top: 2px !important;
}

#vibexpro_analyze_section{
    width: 100%;
    background-color: var(--HIGHLIGHT-BACKGROUND-COLOR);
    padding: 0.5rem;
    margin-right: 0.5rem;
    border-radius: var(--MAIN-CARDS-BORDER-RADIUS);
}

#main_entry_actions_container{
    margin-left: 0.5rem;
}

.alert-status-text{
    padding: 0.2rem;
    color: white;
    font-weight: bold;
}

/* VIBEPRO STYLES */
#vibepro_dashboard_manager {
    height: 100%;
    min-width: 11.5rem;
}

#vibepro_dashboard_manager:empty {
    background-color: white;
    border: 1px solid rgba(0,0,0,.1);
    box-shadow: 0 0.5rem 1rem rgba(0,0,0,.15);
    background-clip: padding-box;
}

.vibepro-card-content {
    background-color: var(--bc-white);
    border-radius: 3px;
}

.vibepro-card-content.bordered-style, .bordered-style {
    border: 1px solid rgba(0,0,0,.1);
    box-shadow: 0 0.5rem 1rem rgba(0,0,0,.15);
    background-clip: padding-box;
}

.gx-25 {
    --bs-gutter-x: 0.75rem;
    margin-bottom: calc((0.75rem * .5) + (0.75rem * .5));
}

.gx-25-no-mb {
    --bs-gutter-x: 0.75rem;
}

#graphs_layout_wrapper.vibepro-card-content {
    padding: 0.5rem;
}

.vibepro-breadcrum {
    padding: 0.2rem 0.5rem;
    display: grid;
    align-items: baseline;
}
.vibepro-breadcrum > * {
    grid-column-start: 1;
    grid-row-start: 1;
    justify-self: center;
}

.vibepro-breadcrum > div:first-child {
    justify-self: left;
}

.vibepro-breadcrum > div:last-child {
    justify-self: right;
}

.vibepro-breadcrum #vibexpro_heatmap_header, .vibepro-breadcrum #vibexpro_entry_actions {
    display: inline-block;
}

.vibepro-entry-list {
    padding: .5rem;
}

.manage-list-group-h {
    height: 89%;
    border-radius: 0;
}

.manage-list-group-h .list-group-item {
    padding: 0;
}

.manage-list-group-h .list-group-item> .nav-link {
    color: black;
    font-family: var(--BODY-FONT-FAMILY);
    font-size: .8rem;
}

.manage-list-group-h .list-group-item> .nav-link:hover {
    color: var(--accent);
}

#vibexpro_multiple_section {
    min-height: 439.9px;
    position: relative;
}

#vibexpro_point_measurements_section {
    min-height: calc(345.39px + 0.5rem);
}
#vibexpro_point_measurements_section:empty {
    min-height: 0;
}

#treemap_and_multiple_wrapper {
    min-height: 439.9px;
}

#vibexpro_heatmap_header {
    font-size: smaller;
}

#vibexpro_heatmap_header.disable-links a {
    cursor: not-allowed;
    text-decoration: none;
    pointer-events: none;
    color: black;
}

.alert-status-text{
    padding: 0.2rem;
    color: white;
    font-weight: bold;
}
/* VIBEPRO STYLES */
.alert-warning, .alert-danger:not(.default-alert-style){
    cursor: pointer;
    margin-top: 1rem;
}
.alert-warning{
    color: rgb(255, 215, 0);
    background-color: white;
    border-color: black;
}
.alert-danger:not(.default-alert-style){
    color: rgb(199, 0, 0);
    background-color: white;
    border-color: black;
}
#alert_details_modal_audience_container{
    padding-top: 1rem;
}
#alert_details_date{
    font-weight: bold;
    padding-bottom: 1rem;
}

.extra-options-icon {
    display: inline;
    padding: 0.2rem 0.5rem;
}

.popover-no-padding .popover-body{
    padding: 0.2rem;
}

.icon-for-label{
    margin-right: 0.4rem;
}

.clickable-icon{
    cursor: pointer;
}
.clickable-icon:hover{
    color: var(--accent);
}

.entry_list_title_container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 0.2rem;
}

.entry_list_title_container > h6 {
    margin: 0;
}

#entry_list_filter_button, .filter-icon-button{
    padding: 0;
    background-color: white;
    border: none;
    color: grey;
    font-size: 1rem;
    line-height: 0;
}
#entry_list_filter_button:focus, .filter-icon-button:focus{
    box-shadow: none;
}

#trend_plot_collapse, #vibration_plot_analyze_basket {
    margin-left: 1.2rem;
}

.vibration-graph-full-class{
    margin: 0 0.5rem;
    display: inline-block;
}
.vibration-icons-container > :first-child {
    margin-left: 0 !important;
}
.vibration-icons-container > :last-child {
    margin-right: 0 !important;
}

#vibexpro_entry_extra_options_level {
    display: inline;
}

#vibration_bar_extra_options > :first-child,
#vibexpro_entry_extra_options > :first-child,
#vibexpro_entry_extra_options_level > :first-child {
    padding-left: 0 !important;
}
#vibration_bar_extra_options > :last-child,
#vibexpro_entry_extra_options > :last-child,
#vibexpro_entry_extra_options_level > :last-child {
    padding-right: 0 !important;
}

#vibration_bar_extra_options > div > button:hover,
#vibexpro_entry_extra_options > div > button:hover,
#vibexpro_entry_extra_options_level > div > button:hover,
.vibration-graph-full-class:hover,
#main_entry_actions_btn:hover,
#vibepro_open_full_alerts:hover,
.hover-yellow:hover{
    background-color: white !important;
    color: var(--primary) !important;
}

#vibration_bar_extra_options > div > button:focus,
#vibexpro_entry_extra_options_level > div > button:focus,
#vibexpro_entry_extra_options > div > button:focus, .vibration-graph-full-class:focus, #main_entry_actions_btn:focus,
#vibepro_open_full_alerts:focus, .hover-yellow:focus{
    background-color: white;
    color: var(--accent);
}

#company-image-profile-btn,
#user-image-profile-btn{
    background-color: white;
    border: none;
    padding: 0;
}

.machine-image {
    height: 439.9px;
    width: 439.9px;
    object-fit: contain;
}

#machine_picture_point {
    margin: 0.5rem;
    height: 6rem;
    width: 6rem;
    object-fit: contain;
}

#machine_picture_point:hover {
    cursor: pointer;
}

#machine_picture_point_level_tabbed_arrangement {
    margin: 0.5rem;
    height: 6rem;
    width: 6rem;
    object-fit: contain;
}

#machine_picture_point_level_tabbed_arrangement:hover {
    cursor: pointer;
}

#machine_picture_point_level {
    margin: 0.5rem;
    height: 6rem;
    width: 6rem;
    object-fit: contain;
}

#machine_picture_point_level:hover {
    cursor: pointer;
}

#machine_picture_point_level_3d {
    margin: 0.5rem;
    height: 6rem;
    width: 6rem;
    object-fit: contain;
}

#machine_picture_point_level_3d:hover {
    cursor: pointer;
}

#machine_picture_fullscreen {
    margin: 0.5rem;
    height: 6rem;
    width: 6rem;
    object-fit: contain;
}

#machine_picture_fullscreen:hover {
    cursor: pointer;
}

#machine_picture_fullscreen_3d {
    margin: 0.5rem;
    height: 6rem;
    width: 6rem;
    object-fit: contain;
}

#machine_picture_fullscreen_3d:hover {
    cursor: pointer;
}

.no-data-to-display-div {
    height: 439.898px;
    text-align: center;
    font-size: smaller;
    padding-top: 1rem;
}

#reports_hierarchy_lists_container {
    margin-bottom: .5rem;
}

#reports_hierarchy_lists_container>div:first-child {
    margin-bottom: .5rem;   
}

.entries-cbox-list {
    overflow-y: auto;
    height: 45vh;
    border: 2px solid #ced4da;
    padding: .6rem .1rem;
    background-color: white;
    font-size: smaller;
}

.entries-cbox-list>div[style="visibility: hidden; position: relative;"]{
    height: 100%;
}

.entries-cbox-list .form-check{
    margin-top: 0.5rem;
}

.reports-select-all > label {
    padding-left: 0;
}

.reports-list-header {
    display: grid;
    align-items: baseline;
}

.reports-list-header > :first-child {
    grid-column-start: 1;
    grid-row-start: 1;
    margin-right: 1rem;
}

.reports-list-header > :last-child {
    grid-column-start: 2;
    grid-row-start: 1;
}

.child-separator > div:first-child {
    text-align: right;
}

.child-separator > div:first-child > div {
    margin-top: 1rem;
}

.child-separator  > div:not(:first-child) {
    border-bottom: 1px solid #dee2e6;
}

#report_hbm_modal_exclude .modal-footer {
    border-top: none;
}

#company_profile_image_modal,
#user_profile_image_modal{
    text-align: center;
}

.default-user-avatar {
    color: white;
    border-color: black;
    background-color: black;
    font-size: 25px;
    border-radius: 50%;
    padding: 0px 7px;
    display: block;
    height: 100%;
}

.user-avatar {
    border-radius: 50%;
    height: 100%;
    width: 39px;
    object-fit: cover;
}

.default-company-avatar {
    height: 6rem;
    width: 6rem;
    font-size: 4rem;
    display: block;
    background-color: black;
    color: white;
    margin: auto;
}

.company-avatar {
    height: 6rem;
    width: 6rem;
    object-fit: contain;
}

.default-profile-avatar {
    border-radius: 50%;
    height: 6rem;
    width: 6rem;
    font-size: 4rem;
    display: block;
    background-color: black;
    color: white;
}

.profile-avatar {
    border-radius: 50%;
    height: 6rem;
    width: 6rem;
    object-fit: cover;
}

.vibepro-alerts-header {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}

.cursor-pointer {
    cursor: pointer;
}

.centered-spinner {
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top:0;
    bottom:0;
}

.vibration-card-title {
    text-align: left;
    font-size: .8rem;
    margin: .7rem 0 .2rem;
}

.title-with-buttons {
    display: flex;
    justify-content: space-between;
}

.upload-generic {
    width: 100%;
    height: 60px;
    line-height: 60px;
    border-width: 1px;
    border-style: dashed;
    border-radius: 5px;
    text-align: center;
    margin: 10px;
}

.devices-card {
    height: inherit;
}

.styled-numeric-input input:invalid {
    border-color: var(--bc-red);
    padding-right: calc(1.5em + 0.75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
    outline: none;
  }

.cbox-no-label {
    margin: auto;
}

.cbox-no-label > input {
    float: unset !important;
    vertical-align: middle;
}

.cbox-no-label > label {
    display: none;
}

.battery-icon-1, .battery-icon-2, .battery-icon-3,
.battery-icon-4, .battery-icon-5, .battery-icon-6 {
    text-align: center;
}

.battery-icon-1 > i, .battery-icon-2 > i, .battery-icon-3 > i,
.battery-icon-4 > i, .battery-icon-5 > i, .battery-icon-6 > i {
    font-size: 1.2rem;
}

.battery-icon-1 > i {
    color: green;
}

.battery-icon-2 > i {
    color: var(--co-green);
}

.battery-icon-3 > i {
    color: var(--orange);
}

.battery-icon-4 > i {
    color: var(--yellow-orange);
}

.battery-icon-5 > i {
    color: red;
}

.battery-icon-6 > i {
    color: red;
}

ul#point_hierarchy_tabs + div.tab-content > div.tab-pane > div > div.card-body {
    padding-left: 0;
    padding-right: 0;
}

.paypal-iframe {
    border-width: 0px;
    border-style: inset;
    border-color: initial;
    border-image: initial;
    width: 100%;
    height: 260px;
}

#route_data_json > ul {
    min-height: 460px !important;
    margin: 0 !important;
}

.spinner-cover-content-bg > div[style="visibility: hidden; position: relative;"],
.spinner-cover-content > div[style="visibility: hidden; position: relative;"] {
    position: unset !important;
}

.spinner-cover-content > div[style="visibility: hidden; position: relative;"] > div:first-child {
    left: 0;
}

.spinner-cover-content-bg > div[style="visibility: hidden; position: relative;"] > div:first-child {
    left: 0;
    background-color: rgba(255, 255, 255, .5);
}

/* TAB ICONS */
.tab-with-icon>a {
    height: 100%;
    display: flex;
    align-items: center;
}

.tab-with-icon>a::before {
    display: block;
    line-height: 0;
}

.edit-tab>a::before {
    content: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-pencil' viewBox='0 0 16 16'><path d='M12.146.146a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1 0 .708l-10 10a.5.5 0 0 1-.168.11l-5 2a.5.5 0 0 1-.65-.65l2-5a.5.5 0 0 1 .11-.168l10-10zM11.207 2.5 13.5 4.793 14.793 3.5 12.5 1.207 11.207 2.5zm1.586 3L10.5 3.207 4 9.707V10h.5a.5.5 0 0 1 .5.5v.5h.5a.5.5 0 0 1 .5.5v.5h.293l6.5-6.5zm-9.761 5.175-.106.106-1.528 3.821 3.821-1.528.106-.106A.5.5 0 0 1 5 12.5V12h-.5a.5.5 0 0 1-.5-.5V11h-.5a.5.5 0 0 1-.468-.325z'/></svg>");
}
.schedule-tab>a::before {
    content: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-clock' viewBox='0 0 16 16'><path d='M8 3.5a.5.5 0 0 0-1 0V9a.5.5 0 0 0 .252.434l3.5 2a.5.5 0 0 0 .496-.868L8 8.71V3.5z'/><path d='M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16zm7-8A7 7 0 1 1 1 8a7 7 0 0 1 14 0z'/></svg>");
}
.recorded-data-tab>a::before {
    content: "\e905";
    font-family: 'icomoon' !important;
    color: black;
}
.lightbulb-tab>a::before {
    content: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-lightbulb' viewBox='0 0 16 16'><path d='M2 6a6 6 0 1 1 10.174 4.31c-.203.196-.359.4-.453.619l-.762 1.769A.5.5 0 0 1 10.5 13a.5.5 0 0 1 0 1 .5.5 0 0 1 0 1l-.224.447a1 1 0 0 1-.894.553H6.618a1 1 0 0 1-.894-.553L5.5 15a.5.5 0 0 1 0-1 .5.5 0 0 1 0-1 .5.5 0 0 1-.46-.302l-.761-1.77a1.964 1.964 0 0 0-.453-.618A5.984 5.984 0 0 1 2 6zm6-5a5 5 0 0 0-3.479 8.592c.263.254.514.564.676.941L5.83 12h4.342l.632-1.467c.162-.377.413-.687.676-.941A5 5 0 0 0 8 1z'/></svg>");
}
.station-actions-tab>a::before {
    content: "\e906";
    font-family: 'icomoon' !important;
    color: black;
}
.unassign-point-tab>a::before {
    content: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-dash-circle' viewBox='0 0 16 16'><path d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'/><path d='M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8z'/></svg>");
}
.move-tab>a::before {
    content: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-arrow-left-right' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M1 11.5a.5.5 0 0 0 .5.5h11.793l-3.147 3.146a.5.5 0 0 0 .708.708l4-4a.5.5 0 0 0 0-.708l-4-4a.5.5 0 0 0-.708.708L13.293 11H1.5a.5.5 0 0 0-.5.5zm14-7a.5.5 0 0 1-.5.5H2.707l3.147 3.146a.5.5 0 1 1-.708.708l-4-4a.5.5 0 0 1 0-.708l4-4a.5.5 0 1 1 .708.708L2.707 4H14.5a.5.5 0 0 1 .5.5z'/></svg>");
}
.delete-tab>a::before {
    content: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-trash2' viewBox='0 0 16 16'><path d='M14 3a.702.702 0 0 1-.037.225l-1.684 10.104A2 2 0 0 1 10.305 15H5.694a2 2 0 0 1-1.973-1.671L2.037 3.225A.703.703 0 0 1 2 3c0-1.105 2.686-2 6-2s6 .895 6 2zM3.215 4.207l1.493 8.957a1 1 0 0 0 .986.836h4.612a1 1 0 0 0 .986-.836l1.493-8.957C11.69 4.689 9.954 5 8 5c-1.954 0-3.69-.311-4.785-.793z'/></svg>");
}
.bell-tab>a::before {
    content: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-bell' viewBox='0 0 16 16'><path d='M8 16a2 2 0 0 0 2-2H6a2 2 0 0 0 2 2zM8 1.918l-.797.161A4.002 4.002 0 0 0 4 6c0 .628-.134 2.197-.459 3.742-.16.767-.376 1.566-.663 2.258h10.244c-.287-.692-.502-1.49-.663-2.258C12.134 8.197 12 6.628 12 6a4.002 4.002 0 0 0-3.203-3.92L8 1.917zM14.22 12c.223.447.481.801.78 1H1c.299-.199.557-.553.78-1C2.68 10.2 3 6.88 3 6c0-2.42 1.72-4.44 4.005-4.901a1 1 0 1 1 1.99 0A5.002 5.002 0 0 1 13 6c0 .88.32 4.2 1.22 6z'/></svg>");
}
.cloud-download-tab>a::before {
    content: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-cloud-download' viewBox='0 0 16 16'><path d='M4.406 1.342A5.53 5.53 0 0 1 8 0c2.69 0 4.923 2 5.166 4.579C14.758 4.804 16 6.137 16 7.773 16 9.569 14.502 11 12.687 11H10a.5.5 0 0 1 0-1h2.688C13.979 10 15 8.988 15 7.773c0-1.216-1.02-2.228-2.313-2.228h-.5v-.5C12.188 2.825 10.328 1 8 1a4.53 4.53 0 0 0-2.941 1.1c-.757.652-1.153 1.438-1.153 2.055v.448l-.445.049C2.064 4.805 1 5.952 1 7.318 1 8.785 2.23 10 3.781 10H6a.5.5 0 0 1 0 1H3.781C1.708 11 0 9.366 0 7.318c0-1.763 1.266-3.223 2.942-3.593.143-.863.698-1.723 1.464-2.383z'/><path d='M7.646 15.854a.5.5 0 0 0 .708 0l3-3a.5.5 0 0 0-.708-.708L8.5 14.293V5.5a.5.5 0 0 0-1 0v8.793l-2.146-2.147a.5.5 0 0 0-.708.708l3 3z'/></svg>");
}
.upgrade-tab>a::before {
    content: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' viewBox='0 0 24 24' style='transform: rotate(180deg);'><path d='M17 1.01 7 1c-1.1 0-2 .9-2 2v18c0 1.1.9 2 2 2h10c1.1 0 2-.9 2-2V3c0-1.1-.9-1.99-2-1.99zM17 19H7V5h10v14zm-1-6h-3V8h-2v5H8l4 4 4-4z'/></svg>");
}
.broadcast-tab>a::before {
    content: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-broadcast-pin' viewBox='0 0 16 16'><path d='M3.05 3.05a7 7 0 0 0 0 9.9.5.5 0 0 1-.707.707 8 8 0 0 1 0-11.314.5.5 0 0 1 .707.707zm2.122 2.122a4 4 0 0 0 0 5.656.5.5 0 1 1-.708.708 5 5 0 0 1 0-7.072.5.5 0 0 1 .708.708zm5.656-.708a.5.5 0 0 1 .708 0 5 5 0 0 1 0 7.072.5.5 0 1 1-.708-.708 4 4 0 0 0 0-5.656.5.5 0 0 1 0-.708zm2.122-2.12a.5.5 0 0 1 .707 0 8 8 0 0 1 0 11.313.5.5 0 0 1-.707-.707 7 7 0 0 0 0-9.9.5.5 0 0 1 0-.707zM6 8a2 2 0 1 1 2.5 1.937V15.5a.5.5 0 0 1-1 0V9.937A2 2 0 0 1 6 8z'/></svg>");
}
.arrow-repeat-tab>a::before {
    content: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-arrow-repeat' viewBox='0 0 16 16'><path d='M11.534 7h3.932a.25.25 0 0 1 .192.41l-1.966 2.36a.25.25 0 0 1-.384 0l-1.966-2.36a.25.25 0 0 1 .192-.41zm-11 2h3.932a.25.25 0 0 0 .192-.41L2.692 6.23a.25.25 0 0 0-.384 0L.342 8.59A.25.25 0 0 0 .534 9z'/><path fill-rule='evenodd' d='M8 3c-1.552 0-2.94.707-3.857 1.818a.5.5 0 1 1-.771-.636A6.002 6.002 0 0 1 13.917 7H12.9A5.002 5.002 0 0 0 8 3zM3.1 9a5.002 5.002 0 0 0 8.757 2.182.5.5 0 1 1 .771.636A6.002 6.002 0 0 1 2.083 9H3.1z'/></svg>");
}
.text-file-tab>a::before {
    content: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-file-text' viewBox='0 0 16 16'><path d='M5 4a.5.5 0 0 0 0 1h6a.5.5 0 0 0 0-1H5zm-.5 2.5A.5.5 0 0 1 5 6h6a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zM5 8a.5.5 0 0 0 0 1h6a.5.5 0 0 0 0-1H5zm0 2a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1H5z'/><path d='M2 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V2zm10-1H4a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1z'/></svg>");
}
.download-tab>a::before {
    content: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-download' viewBox='0 0 16 16'><path d='M.5 9.9a.5.5 0 0 1 .5.5v2.5a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-2.5a.5.5 0 0 1 1 0v2.5a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2v-2.5a.5.5 0 0 1 .5-.5z'/><path d='M7.646 11.854a.5.5 0 0 0 .708 0l3-3a.5.5 0 0 0-.708-.708L8.5 10.293V1.5a.5.5 0 0 0-1 0v8.793L5.354 8.146a.5.5 0 1 0-.708.708l3 3z'/></svg>");
}
.cloud-upload-tab>a::before {
    content: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-cloud-upload' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M4.406 1.342A5.53 5.53 0 0 1 8 0c2.69 0 4.923 2 5.166 4.579C14.758 4.804 16 6.137 16 7.773 16 9.569 14.502 11 12.687 11H10a.5.5 0 0 1 0-1h2.688C13.979 10 15 8.988 15 7.773c0-1.216-1.02-2.228-2.313-2.228h-.5v-.5C12.188 2.825 10.328 1 8 1a4.53 4.53 0 0 0-2.941 1.1c-.757.652-1.153 1.438-1.153 2.055v.448l-.445.049C2.064 4.805 1 5.952 1 7.318 1 8.785 2.23 10 3.781 10H6a.5.5 0 0 1 0 1H3.781C1.708 11 0 9.366 0 7.318c0-1.763 1.266-3.223 2.942-3.593.143-.863.698-1.723 1.464-2.383z'/><path fill-rule='evenodd' d='M7.646 4.146a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1-.708.708L8.5 5.707V14.5a.5.5 0 0 1-1 0V5.707L5.354 7.854a.5.5 0 1 1-.708-.708l3-3z'/></svg>");
}
.pdf-tab>a::before {
    content: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-file-pdf' viewBox='0 0 16 16'><path d='M4 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2zm0 1h8a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1'/><path d='M4.603 12.087a.81.81 0 0 1-.438-.42c-.195-.388-.13-.776.08-1.102.198-.307.526-.568.897-.787a7.68 7.68 0 0 1 1.482-.645 19.701 19.701 0 0 0 1.062-2.227 7.269 7.269 0 0 1-.43-1.295c-.086-.4-.119-.796-.046-1.136.075-.354.274-.672.65-.823.192-.077.4-.12.602-.077a.7.7 0 0 1 .477.365c.088.164.12.356.127.538.007.187-.012.395-.047.614-.084.51-.27 1.134-.52 1.794a10.954 10.954 0 0 0 .98 1.686 5.753 5.753 0 0 1 1.334.05c.364.065.734.195.96.465.12.144.193.32.2.518.007.192-.047.382-.138.563a1.04 1.04 0 0 1-.354.416.856.856 0 0 1-.51.138c-.331-.014-.654-.196-.933-.417a5.716 5.716 0 0 1-.911-.95 11.642 11.642 0 0 0-1.997.406 11.311 11.311 0 0 1-1.021 1.51c-.29.35-.608.655-.926.787a.793.793 0 0 1-.58.029zm1.379-1.901c-.166.076-.32.156-.459.238-.328.194-.541.383-.647.547-.094.145-.096.25-.04.361.01.022.02.036.026.044a.27.27 0 0 0 .035-.012c.137-.056.355-.235.635-.572a8.18 8.18 0 0 0 .45-.606zm1.64-1.33a12.647 12.647 0 0 1 1.01-.193 11.666 11.666 0 0 1-.51-.858 20.741 20.741 0 0 1-.5 1.05zm2.446.45c.15.162.296.3.435.41.24.19.407.253.498.256a.107.107 0 0 0 .07-.015.307.307 0 0 0 .094-.125.436.436 0 0 0 .059-.2.095.095 0 0 0-.026-.063c-.052-.062-.2-.152-.518-.209a3.881 3.881 0 0 0-.612-.053zM8.078 5.8a6.7 6.7 0 0 0 .2-.828c.031-.188.043-.343.038-.465a.613.613 0 0 0-.032-.198.517.517 0 0 0-.145.04c-.087.035-.158.106-.196.283-.04.192-.03.469.046.822.024.111.054.227.09.346z'/></svg>");
}
.csv-tab>a::before {
    content: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-filetype-csv' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M14 4.5V14a2 2 0 0 1-2 2h-1v-1h1a1 1 0 0 0 1-1V4.5h-2A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v9H2V2a2 2 0 0 1 2-2h5.5zM3.517 14.841a1.13 1.13 0 0 0 .401.823c.13.108.289.192.478.252.19.061.411.091.665.091.338 0 .624-.053.859-.158.236-.105.416-.252.539-.44.125-.189.187-.408.187-.656 0-.224-.045-.41-.134-.56a1.001 1.001 0 0 0-.375-.357 2.027 2.027 0 0 0-.566-.21l-.621-.144a.97.97 0 0 1-.404-.176.37.37 0 0 1-.144-.299c0-.156.062-.284.185-.384.125-.101.296-.152.512-.152.143 0 .266.023.37.068a.624.624 0 0 1 .246.181.56.56 0 0 1 .12.258h.75a1.092 1.092 0 0 0-.2-.566 1.21 1.21 0 0 0-.5-.41 1.813 1.813 0 0 0-.78-.152c-.293 0-.551.05-.776.15-.225.099-.4.24-.527.421-.127.182-.19.395-.19.639 0 .201.04.376.122.524.082.149.2.27.352.367.152.095.332.167.539.213l.618.144c.207.049.361.113.463.193a.387.387 0 0 1 .152.326.505.505 0 0 1-.085.29.559.559 0 0 1-.255.193c-.111.047-.249.07-.413.07-.117 0-.223-.013-.32-.04a.838.838 0 0 1-.248-.115.578.578 0 0 1-.255-.384h-.765ZM.806 13.693c0-.248.034-.46.102-.633a.868.868 0 0 1 .302-.399.814.814 0 0 1 .475-.137c.15 0 .283.032.398.097a.7.7 0 0 1 .272.26.85.85 0 0 1 .12.381h.765v-.072a1.33 1.33 0 0 0-.466-.964 1.441 1.441 0 0 0-.489-.272 1.838 1.838 0 0 0-.606-.097c-.356 0-.66.074-.911.223-.25.148-.44.359-.572.632-.13.274-.196.6-.196.979v.498c0 .379.064.704.193.976.131.271.322.48.572.626.25.145.554.217.914.217.293 0 .554-.055.785-.164.23-.11.414-.26.55-.454a1.27 1.27 0 0 0 .226-.674v-.076h-.764a.799.799 0 0 1-.118.363.7.7 0 0 1-.272.25.874.874 0 0 1-.401.087.845.845 0 0 1-.478-.132.833.833 0 0 1-.299-.392 1.699 1.699 0 0 1-.102-.627v-.495Zm8.239 2.238h-.953l-1.338-3.999h.917l.896 3.138h.038l.888-3.138h.879l-1.327 4Z'/></svg>");
}
.delete-report-tab>a::before {
    content: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-trash' viewBox='0 0 16 16'><path d='M5.5 5.5A.5.5 0 0 1 6 6v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5m2.5 0a.5.5 0 0 1 .5.5v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5m3 .5a.5.5 0 0 0-1 0v6a.5.5 0 0 0 1 0z'/><path d='M14.5 3a1 1 0 0 1-1 1H13v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V4h-.5a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1H6a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1h3.5a1 1 0 0 1 1 1zM4.118 4 4 4.059V13a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V4.059L11.882 4zM2.5 3h11V2h-11z'/></svg>");
}
.license-tab>a::before {
    content: "\e912";
    font-family: 'icomoon' !important;
    color: black;
}
.sales-rep-tab>a::before {
    content: "\e91e";
    font-family: 'icomoon' !important;
    color: black;
}
.floppy-disk-tab>a::before {
    content: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-floppy' viewBox='0 0 16 16'><path d='M11 2H9v3h2V2Z'/><path d='M1.5 0h11.586a1.5 1.5 0 0 1 1.06.44l1.415 1.414A1.5 1.5 0 0 1 16 2.914V14.5a1.5 1.5 0 0 1-1.5 1.5h-13A1.5 1.5 0 0 1 0 14.5v-13A1.5 1.5 0 0 1 1.5 0ZM1 1.5v13a.5.5 0 0 0 .5.5H2v-4.5A1.5 1.5 0 0 1 3.5 9h9a1.5 1.5 0 0 1 1.5 1.5V15h.5a.5.5 0 0 0 .5-.5V2.914a.5.5 0 0 0-.146-.353l-1.415-1.415A.5.5 0 0 0 13.086 1H13v4.5A1.5 1.5 0 0 1 11.5 7h-7A1.5 1.5 0 0 1 3 5.5V1H1.5a.5.5 0 0 0-.5.5Zm3 4a.5.5 0 0 0 .5.5h7a.5.5 0 0 0 .5-.5V1H4v4.5ZM3 15h10v-4.5a.5.5 0 0 0-.5-.5h-9a.5.5 0 0 0-.5.5V15Z'/></svg>");
}
.send-tab>a::before {
    content: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-send' viewBox='0 0 16 16'><path d='M15.854.146a.5.5 0 0 1 .11.54l-5.819 14.547a.75.75 0 0 1-1.329.124l-3.178-4.995L.643 7.184a.75.75 0 0 1 .124-1.33L15.314.037a.5.5 0 0 1 .54.11ZM6.636 10.07l2.761 4.338L14.13 2.576zm6.787-8.201L1.591 6.602l4.339 2.76z'/></svg>");
}
.mote-tab>a::before {
    content: "\e921";
    font-family: 'icomoon' !important;
    color: black;
}
.notes-tab>a::before {
    content: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-card-text' viewBox='0 0 16 16'><path d='M14.5 3a.5.5 0 0 1 .5.5v9a.5.5 0 0 1-.5.5h-13a.5.5 0 0 1-.5-.5v-9a.5.5 0 0 1 .5-.5zm-13-1A1.5 1.5 0 0 0 0 3.5v9A1.5 1.5 0 0 0 1.5 14h13a1.5 1.5 0 0 0 1.5-1.5v-9A1.5 1.5 0 0 0 14.5 2z'/><path d='M3 5.5a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5M3 8a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9A.5.5 0 0 1 3 8m0 2.5a.5.5 0 0 1 .5-.5h6a.5.5 0 0 1 0 1h-6a.5.5 0 0 1-.5-.5'/></svg>");
}
.picture-tab>a::before {
    content: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-camera' viewBox='0 0 16 16'><path d='M15 12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1h1.172a3 3 0 0 0 2.12-.879l.83-.828A1 1 0 0 1 6.827 3h2.344a1 1 0 0 1 .707.293l.828.828A3 3 0 0 0 12.828 5H14a1 1 0 0 1 1 1zM2 4a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2h-1.172a2 2 0 0 1-1.414-.586l-.828-.828A2 2 0 0 0 9.172 2H6.828a2 2 0 0 0-1.414.586l-.828.828A2 2 0 0 1 3.172 4z'/><path d='M8 11a2.5 2.5 0 1 1 0-5 2.5 2.5 0 0 1 0 5m0 1a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7M3 6.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0'/></svg>");
}
.sound-wave-tab>a::before {
    content: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-soundwave' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M8.5 2a.5.5 0 0 1 .5.5v11a.5.5 0 0 1-1 0v-11a.5.5 0 0 1 .5-.5m-2 2a.5.5 0 0 1 .5.5v7a.5.5 0 0 1-1 0v-7a.5.5 0 0 1 .5-.5m4 0a.5.5 0 0 1 .5.5v7a.5.5 0 0 1-1 0v-7a.5.5 0 0 1 .5-.5m-6 1.5A.5.5 0 0 1 5 6v4a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5m8 0a.5.5 0 0 1 .5.5v4a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5m-10 1A.5.5 0 0 1 3 7v2a.5.5 0 0 1-1 0V7a.5.5 0 0 1 .5-.5m12 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0V7a.5.5 0 0 1 .5-.5'/></svg>");
}
.eye-tab>a::before {
    content: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-eye' viewBox='0 0 16 16'><path d='M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8M1.173 8a13 13 0 0 1 1.66-2.043C4.12 4.668 5.88 3.5 8 3.5s3.879 1.168 5.168 2.457A13 13 0 0 1 14.828 8q-.086.13-.195.288c-.335.48-.83 1.12-1.465 1.755C11.879 11.332 10.119 12.5 8 12.5s-3.879-1.168-5.168-2.457A13 13 0 0 1 1.172 8z'/><path d='M8 5.5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5M4.5 8a3.5 3.5 0 1 1 7 0 3.5 3.5 0 0 1-7 0'/></svg>");
}
.list-tab>a::before {
    content: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-list' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5m0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5m0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5'/></svg>");
}
.company-tab>a::before {
    content: "\e916";
    font-family: 'icomoon' !important;
    color: black;
}
.graph-up-tab>a::before {
    content: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-graph-up' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M0 0h1v15h15v1H0zm14.817 3.113a.5.5 0 0 1 .07.704l-4.5 5.5a.5.5 0 0 1-.74.037L7.06 6.767l-3.656 5.027a.5.5 0 0 1-.808-.588l4-5.5a.5.5 0 0 1 .758-.06l2.609 2.61 4.15-5.073a.5.5 0 0 1 .704-.07'/></svg>");
}
.battery-tab>a::before {
    content: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-battery-full' viewBox='0 0 16 16'><path d='M2 6h10v4H2z'/><path d='M2 4a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2zm10 1a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1zm4 3a1.5 1.5 0 0 1-1.5 1.5v-3A1.5 1.5 0 0 1 16 8'/></svg>");
}
.magnifying-glass-tab>a::before {
    content: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-search' viewBox='0 0 16 16'><path d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001q.044.06.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1 1 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0'/></svg>");
}
/* TAB ICONS */

/* IFRAME AND PAY STYLES */
.payment-overlay {
    text-align: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100000000;
    background-color: var(--BODY-BACKGROUND-COLOR);
}

.payment-overlay > div.spinner-border.text-primary {
    width: 3rem;
    height: 3rem;
    margin-top: 15%;
}

.pay-result-success {
    text-align: center;
    color: green;
}

.pay-result-success button#download_invoice_pay {
    margin-top: .5rem;
}

.pay-result-error {
    text-align: center;
    color: rgb(199, 0, 0);;
}
/* IFRAME AND PAY STYLES */

.table-page-size-select {
    border-radius: 0;
    box-shadow: none !important;
    border-color: var(--br-light-gray) !important;
}

#heatmap-collapse *[class="dash-dropdown"][data-dash-is-loading="true"] .bands-dropdowns .Select-placeholder::before{
    content: "Loading bands...";
    display: inline-block;
    visibility: visible;
}

.vibration-modifiers-container {
    max-height: 304px;
}

.vibration-modifiers-container {
    -ms-overflow-style: none; /* Edge, Internet Explorer */
    scrollbar-width: none; /* Firefox */
}

.vibration-modifiers-container::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera */
}

.vibration-info-tabs-wrapper > .nav-item > a {
    font-size: 0.8rem;
    padding: 0.2rem 0.4rem;
}

.markers-breadcrumb {
    font-size: .8rem;
    display: flex;
    flex-direction: row-reverse;
    justify-content: left;
}

.markers-breadcrumb>div {
    display: inline;
    cursor: pointer;
    padding-right: 0.25rem;
}

/*
Prevent clicking from empty elements, the direct sibling of empty elements,
and the first element (which is presented as the last because of the row reverse)
 */
.markers-breadcrumb>div:empty,
.markers-breadcrumb>div:empty + div,
.markers-breadcrumb>div:first-of-type {
    pointer-events: none;
    padding-right: 0;
}

.marker-clear-button {
    border-radius: 0;
    font-size: x-small;
    padding: 0.2rem 0.7rem;
}

.marker-clear-button:focus {
    box-shadow: none;
}

.marker-control-list-group {
    justify-content: center;
}

.marker-control-list-group > .list-group-item {
    padding: 0;
    width: 2rem;
}

.font-x-small > span,
.font-x-small > div,
.font-x-small > input,
.font-x-small > button {
    font-size: x-small !important;
}

#point_overalls_download_csv_btn,
#point_overalls_modes_toggle,
#point_overalls_modes_manage_labels,
#point_overalls_open_bands,
#point_overalls_start_annotations {
    height: 100%;
    border-color: var(--accent);
    color: var(--accent);
    font-size: 1rem;
}

#point_overalls_modes_toggle.active,
#point_overalls_open_bands.active,
#point_overalls_start_annotations.active {
    background-color: var(--accent);
    color: white;
}

#point_overalls_modes_toggle.active:focus,
#point_overalls_open_bands.active:focus,
#point_overalls_start_annotations.active:focus {
    box-shadow: none;
}

.markers-table-arrows {
    font-size: .875rem;
    padding: 0rem 0.5rem;
}

.markers-table-arrows:focus {
    box-shadow: none !important;
}

/* Loading style for dcc dropdowns with class add-loading-style  */
div[class="dash-dropdown"][data-dash-is-loading="true"] .add-loading-style .Select-placeholder {
    visibility: hidden;
}
div[class="dash-dropdown"][data-dash-is-loading="true"] .add-loading-style .Select-placeholder::before{
    content: "Loading...";
    display: inline-block;
    visibility: visible;
}

#myusers_parent .dash-dropdown {
    float: none;
}

.vibration-folder-checkbox {
    margin: 0 0.5rem;
    display: none;  /* hide folder for clones */
    line-height: 0;
}

/* Show folder for first plot */
#section_2_bucket_wrapper > .tab-content > .tab-pane > div > .gx-25.row > .col >
.gx-25-no-mb.row:first-child .vibration-folder-checkbox {
    display: inline-block;
}

.vibration-folder-checkbox > label > input:disabled + i {
    pointer-events: none;
    color: var(--co-dark-gray);
    opacity: 0.65;
}

.vibration-folder-checkbox > label > i {
    line-height: 0;
    vertical-align: middle;
    color: var(--accent);
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.vibration-folder-checkbox > label > i:hover {
    cursor: pointer;
    color: var(--primary);
}

.vibration-pdf-report {
    display: none;  /* hide pdf report for clones */
}

/* Show pdf report for first plot */
#section_2_bucket_wrapper > .tab-content > .tab-pane > div > .gx-25.row > .col >
.gx-25-no-mb.row:first-child .vibration-pdf-report {
    display: inline-block;
}

.vibration-download-csv {
    display: none;  /* hide download csv for clones */
}

/* Show download csv for first plot */
#section_2_bucket_wrapper > .tab-content > .tab-pane > div > .gx-25.row > .col >
.gx-25-no-mb.row:first-child .vibration-download-csv {
    display: inline-block;
}

.alert>button.previous-page-btn {
    font-size: 0.8rem;
    padding: 0.2rem 0.4rem !important;
}

#create_point_band_btn[data-dash-is-loading="true"] {
    opacity: .7;
    pointer-events: none;
}

.banner-modal {
    width: 100% !important;
    max-width: none;
    white-space: normal;
    padding: 1rem;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.banner-header {
    width: 100%;
    white-space: normal;
    padding: 1rem;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.banner-modal-footer {
    border-top: none;
    width: 100% !important;
    margin-left: 0% !important;
    margin-right: 0% !important;
}

.universal-search-text-box {
    border-left: none; 
    border-bottom-right-radius: 23px; 
    border-top-right-radius: 23px;
    height: 40px;
    background-color: #ebebeb;

}

.asset-list-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-right: 20px; /* Adjust padding as needed */
}

.asset-list-item::after {
    content: "\F285"; /* Unicode for the Bootstrap chevron-right icon */
    font-family: "bootstrap-icons"; /* Use the Bootstrap Icons font */
    position: absolute;
    right: 10px; /* Position the icon on the right */
    top: 50%;
    transform: translateY(-50%);
    font-size: 1.2em; /* Adjust icon size */
    color: #616161;   /* Adjust icon color */
    -webkit-text-stroke: medium;
}

.search-icon {
    color: rgb(0, 119, 200);
    margin-right: 10px;
    margin-left: 10px;
    font-size: 20px;
    margin-top: 6px;
    -webkit-text-stroke: 2px
}

.search-input {
    border-bottom-left-radius: 23px; 
    border-top-left-radius: 23px;
    height: 40px;
    background-color: #ebebeb; 
    border: 2px solid #ddd;
}

.no-records-found {
    margin-top: 50px;
    margin-left: 433px;
    font-size: larger; 
    color:#A0A0A0
}

.entry-margin {
    margin-top: 10px;
    font-size: larger;
}

.entry-name-margin {
    margin-left: 10px; 
    color: black;
}

.company-name-margin {
    margin-left: 150px;
    color: #c9c9c9;
}

.entry-image {
    width: 30px;
    height: 30px;
    margin-right: 10px;
    color : #A4A4A4;
}

#display_banner_div{
    height: auto;
    white-space: normal;
    overflow: hidden;
}

/* Apply border-radius to the dropdown control */
.scoped-dropdown-container .Select-control {
    border-radius: 8px !important;  /* Adjust the radius as needed */
    border: 1px solid #035292 !important;  /* Optional: Add a border for better visibility */
    height: 10px !important;
}

/* The dropdown list container */
.scoped-dropdown-container .Select-menu-outer {
    border: 1px solid #035292 !important;
    color: black !important;
    border-radius: 8px !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
    overflow: hidden !important;
    padding: 0;
}

/* Custom scrollbar styling */
.scoped-dropdown-container .Select-menu-outer::-webkit-scrollbar {
    width: 6px;
}

.scoped-dropdown-container .Select-menu-outer::-webkit-scrollbar-track {
    background: transparent;
    border-radius: 8px;
}

.scoped-dropdown-container .Select-menu-outer::-webkit-scrollbar-thumb {
    background-color: #35292f;
    border-radius: 6px;
    border: 2px solid transparent;
    background-clip: padding-box;
}

/* Hide scrollbar corner break (this is key!) */
.scoped-dropdown-container .Select-menu-outer::-webkit-scrollbar-corner {
    background: transparent;
}

/* Style the dropdown arrows */
.scoped-dropdown-container .Select-arrow-zone {
    color: #035292 !important;  /* Set the arrow color */
    z-index: 1;  /* Make sure the arrow is visible above other elements */
}

/* When dropdown is closed (down arrow) */
.scoped-dropdown-container .Select-control:not(.is-open) .Select-arrow {
    border-color: #35292f transparent transparent !important; /* Down arrow */
}

/* When dropdown is open (up arrow) */
.scoped-dropdown-container .Select-control.is-open .Select-arrow {
    border-color: transparent transparent #35292f !important; /* Up arrow */
}

/* Ensure the dropdown control itself doesn't block the arrow */
/* .scoped-dropdown-container .Select-control {
    z-index: 2;
} */

/* .scoped-dropdown-container {
    padding: 2px;
} */

.scoped-dropdown-container div.VirtualizedSelectOption {
    color: black !important;
    /* padding: 2px; */
    white-space: normal !important;
    word-break: break-word !important;
    overflow-wrap: break-word;
    padding: 6px 8px; /* Add breathing space */
    max-width: 215px; /* or whatever your dropdown width is */
    box-sizing: border-box;
}
.scoped-dropdown-container div.VirtualizedSelectOption.is-selected {
    color: #035292 !important;
}
.scoped-dropdown-container div.Select-value {
    color: #035292 !important;
}

.scoped-dropdown-container .Select-control .Select-value-label {
    color: #035292 !important;
}