/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */

a.navbar-brand {
  white-space: normal;
  text-align: center;
  word-break: break-all;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
  font-size: 14px;
}
@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

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

.box-shadow {
  box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy {
  font-size: 1rem;
  line-height: inherit;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}

body {
    /* Margin bottom by footer height */
      margin-bottom: 60px;
    /*display: flex;
    flex-flow: column;*/
}
.footer {
/*    margin-top: auto;*/
    position: absolute;
  bottom: 1%;
  width: 100%;
  white-space: nowrap;
    /* Set the fixed height of the footer here */
     height: 60px;
  line-height: 60px; /* Vertically center the text there */
}
/*----- Custom styles TeMeCo -----*/
/* Full page modal*/
.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    display: none;
    width: 101%;
    height: 100%;
    overflow: hidden;
    outline: 0;
}

/* Scroll Image functionality*/
.scrollbar-ecg {
    position: relative;
    width: auto;
    height: auto;
    overflow-x: scroll;
}
/* scrollbar styling - https://codepen.io/devstreak/pen/dMYgeO */
#style-1::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}

#style-1::-webkit-scrollbar {
    width: 12px;
    background-color: #F5F5F5;
}

#style-1::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #37A7E7;
}

@media (min-width: 992px) {
    .dropdown-menu .dropdown-toggle:after {
        border-top: .3em solid transparent;
        border-right: 0;
        border-bottom: .3em solid transparent;
        border-left: .3em solid;
    }

    .dropdown-menu .dropdown-menu {
        margin-left: 0;
        margin-right: 0;
    }

    .dropdown-menu li {
        position: relative;
    }

    .nav-item .submenu {
        display: none;
        position: absolute;
        left: 100%;
        top: -7px;
    }

    .nav-item .submenu-left {
        right: 100%;
        left: auto;
    }

    .dropdown-menu > li:hover {
        background-color: #f1f1f1
    }

        .dropdown-menu > li:hover > .submenu {
            display: block;
        }
}

.no-border {
    border: 0;
    box-shadow: none; /* You may want to include this as bootstrap applies these styles too */
}

.button-image:before {
    content: "";
    width: 40px;
    height: 40px;
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle;
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
}
.button-imageDashboard:before {
    content: "";
    width: 50px;
    height: 50px;
    display: inline-block;
    margin-right: 0px;
    vertical-align: middle;
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
}
/*Gallery view button*/
.buttonNoteOn:before {
    background-image: url("../lib/images/note_ON.png");
    background-size: 100%;
}
.buttonNoteOff:before {
    background-image: url("../lib/images/note_OFF.png");
    background-size: 100%;
}

.buttonFullDisclosureOn:before {
    background-image: url('fulldisclosure_ON.png');
    background-size: 100%;
}
.buttonFullDisclosureOff:before {
    background-image: url('fulldisclosure_OFF.png');
    background-size: 100%;
}

.buttonInReportOn:before {
    background-image: url('../lib/images/inreport_ON.png');
    background-size: 100%;
}
.buttonInReportOff:before {
    background-image: url('../lib/images/inreport_OFF.png');
    background-size: 100%;
}

.buttonNotInReportOn:before {
    background-image: url(../lib/images/notinreport_ON.png);
    background-size: 100%;
}

.buttonNotInReportOff:before {
    background-image: url(../lib/images/notinreport_OFF.png);
    background-size: 100%;
}

.buttonMarkedOn:before {
    background-image: url('../lib/images/marked_ON.png');
    background-size: 100%;
}
.buttonMarkedOff:before {
    background-image: url('../lib/images/marked_OFF.png');
    background-size: 100%;
}
/*Dashboard buttons*/
.buttonStatusActive:before {
    background-image: url('../lib/images/statusActive.png');
    /*background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-reception-4' viewBox='0 0 16 16'> <path d='M0 11.5a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1-.5-.5v-2zm4-3a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 .5.5v5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1-.5-.5v-5zm4-3a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 .5.5v8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1-.5-.5v-8zm4-3a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 .5.5v11a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1-.5-.5v-11z'/> </svg>");*/
    background-size: 100%;
}
.buttonStatusOffline:before {
    background-image: url('../lib/images/statusOffline.png');
    /*background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='orange' class='bi bi-reception-0' viewBox='0 0 16 16'> <path d='M0 13.5a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5zm4 0a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5zm4 0a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5zm4 0a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5z'/> </svg>");*/
    background-size: 100%;
}
.buttonStatusCompleted:before {
    background-image: url('../lib/images/statusCompleted.png');
    /*background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-reception-0' viewBox='0 0 16 16'> <path d='M0 13.5a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5zm4 0a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5zm4 0a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5zm4 0a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5z'/> </svg>");*/
    background-size: 100%;
}
.buttonBatteryFull:before {
    background-image: url('../lib/images/batteryFull.png');
    background-size: 100%;
}
.buttonBatteryNormal:before {
    background-image: url('../lib/images/batteryNormal.png');
    background-size: 100%;
}
.buttonBatteryLow:before {
    background-image: url('../lib/images/batteryLow.png');
    background-size: 100%;
}
.buttonBatteryEmpty:before {
    background-image: url('../lib/images/batteryEmpty.png');
    background-size: 100%;
}
.buttonBatteryFullOffline:before {
    background-image: url('../lib/images/batteryFullOffline.png');
    background-size: 100%;
}
.buttonBatteryNormalOffline:before {
    background-image: url('../lib/images/batteryNormalOffline.png');
    background-size: 100%;
}
.buttonBatteryLowOffline:before {
    background-image: url('../lib/images/batteryLowOffline.png');
    background-size: 100%;
}
.buttonBatteryEmptyOffline:before {
    background-image: url('../lib/images/batteryEmptyOffline.png');
    background-size: 100%;
}
.buttonReviewNone:before {
    background-image: url('../lib/images/ReviewNone.png');
    background-size: 100%;
}
.buttonReviewNeeded:before {
    background-image: url('../lib/images/ReviewNeeded.png');
    background-size: 100%;
}
.buttonNotificationNone:before {
    background-image: url('../lib/images/NotificationNone.png');
    background-size: 100%;
}
.buttonNotificationActive:before {
    background-image: url('../lib/images/NotificationActive.png');
    background-size: 100%;
}
.buttonNotificationOffline:before {
    background-image: url('../lib/images/NotificationOffline.png');
    background-size: 100%;
}
.buttonDurationRunning:before {
    background-image: url('../lib/images/DurationRunning.png');
    background-size: 100%;
}
.buttonDurationReady:before {
    background-image: url('../lib/images/DurationReady.png');
    background-size: 100%;
}
.buttonNotesNone:before {
    background-image: url('../lib/images/NotesNone.png');
    background-size: 100%;
}
.buttonNotesYes:before {
    background-image: url('../lib/images/NotesYes.png');
    background-size: 100%;
}

.buttonRefresh:before {
    /*background-image: url('../lib/images/Refresh.png');*/
    background-image: url("data:image/svg+xml;utf8,<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>");
    background-size: 100%;
}
.buttonSettings:before {
    /*background-image: url('../lib/images/Settings.png');*/
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='currentColor' class='bi bi-sliders' viewBox='0 0 16 16'> <path fill-rule='evenodd' d='M11.5 2a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3zM9.05 3a2.5 2.5 0 0 1 4.9 0H16v1h-2.05a2.5 2.5 0 0 1-4.9 0H0V3h9.05zM4.5 7a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3zM2.05 8a2.5 2.5 0 0 1 4.9 0H16v1H6.95a2.5 2.5 0 0 1-4.9 0H0V8h2.05zm9.45 4a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3zm-2.45 1a2.5 2.5 0 0 1 4.9 0H16v1h-2.05a2.5 2.5 0 0 1-4.9 0H0v-1h9.05z'/> </svg>"); 
    background-size: 100%;
}
.buttonImportStatusIdle:before {
    background-image: url('../lib/images/importStatusIdle.png');
    background-size: 100%;
}
.buttonImportStatusWorking0:before {
    background-image: url('../lib/images/importStatusWorking0.png');
    background-size: 100%;
}
.buttonImportStatusWorking10:before {
    background-image: url('../lib/images/importStatusWorking10.png');
    background-size: 100%;
}
.buttonImportStatusWorking20:before {
    background-image: url('../lib/images/importStatusWorking20.png');
    background-size: 100%;
}
.buttonImportStatusWorking30:before {
    background-image: url('../lib/images/importStatusWorking30.png');
    background-size: 100%;
}
.buttonImportStatusWorking40:before {
    background-image: url('../lib/images/importStatusWorking40.png');
    background-size: 100%;
}
.buttonImportStatusWorking50:before {
    background-image: url('../lib/images/importStatusWorking50.png');
    background-size: 100%;
}
.buttonImportStatusWorking60:before {
    background-image: url('../lib/images/importStatusWorking60.png');
    background-size: 100%;
}
.buttonImportStatusWorking70:before {
    background-image: url('../lib/images/importStatusWorking70.png');
    background-size: 100%;
}
.buttonImportStatusWorking80:before {
    background-image: url('../lib/images/importStatusWorking80.png');
    background-size: 100%;
}
.buttonImportStatusWorking90:before {
    background-image: url('../lib/images/importStatusWorking90.png');
    background-size: 100%;
}
.buttonImportStatusWorking100:before {
    background-image: url('../lib/images/importStatusWorking100.png');
    background-size: 100%;
}
.buttonImportStatusCompleted:before {
    background-image: url('../lib/images/importStatusCompleted.png');
    background-size: 100%;
}

.dashboardText {
    margin-left: -5px;
}
.dashboardTextTop {
    margin-top: 4px;
}
.dashboardTextMid {
    margin-top: 13px;
}
.dashboardTextSize {
    font-size: 13px;
}
.dashboardImageTop {
    margin-top: 0px;
}

.navbar-custom {
    height: 70px;
}

/* ECG Galleryview top column widths */
.galleryButtonWidth {
    width: 300px;
}
.galleryButtonRightSpacing {
    width: 58px;
}
.navCurrentButtonWidth {
    width: 170px;
}
.gallerySortSpacingWidth {
    width: 287px;
}
.galleryLeadSpacingWidth {
    width: 250px;
}
.gallerySortLabelWidth {
    width: 140px;
}
.gallerySortDropboxWidth {
    width: 140px;
}
.galleryNavigateBottomWidth {
    width: 100px;
}

.detailedViewLabelWidth {
    width: 400px;
}
.detailedViewButtonWidth {
    width: 200px;
}
.detailedViewButtonWidth2 {
    width: 150px;
}
.detailedViewButtonHeight {
    height: 37px;
}

.button-relassify:before {
    content: "";
    margin-top: 0px;
    width: 25px;
    height: 25px;
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle;
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
}
.buttonReclassify:before {
    background-image: url("../lib/images/reclassify.png");
    background-size: 120%;
}

.modal-xxl {
    max-width: 70%;
}
.modal-full {
    max-width: 95%;
}

.custom-control-label.align-middle {
    vertical-align: middle;
    display: inline-block;
}

.align-middle svg {
    vertical-align: middle;
}

.blur {
    filter: blur(4px); /* Adjust the blur intensity as needed */
}

.custom-switch-container {
    position: relative;
    top: 4px; /* Adjust this value to move the checkbox down */
}