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

/* Provide sufficient contrast against white background */
a {
  color: #0366d6;
}

.btn-primary {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}

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;
}

.App-header {
    background-color: #2d70ba;
    font-family: "Segoe UI", "Segoe UI Web", Arial, Verdana, sans-serif;
    font-size: 16pt;
    color: white;
    top: 0;
    left: 0;
    width: 100%;
    margin: 0;
    padding: 0;
    vertical-align: middle;
    overflow: hidden;
}

.App-header-inner {
    padding: 8px
}

.App-banner {    
    background-image: url("/img/header.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    font-family: "Segoe UI", "Segoe UI Web", Arial, Verdana, sans-serif;
    font-size: 16pt;
    color: white;
    top: 0;
    left: 0;
    width: 100%;
    height: 180px;
    margin: 0;
}

.App-banner-logo {
    padding: 20px 10px 0px 0px;
    position: absolute;
    right: 0;
}

.wizard-set-container {
    padding: 8px;
    font-family: "Segoe UI", "Segoe UI Web", Arial, Verdana, sans-serif;
}

.wizard-set-select {
    border: 1px solid #ccc;
    height: 34px;
    min-width: 100px;
}

.wizard-set-label {
    margin-bottom: 5px;
    font-weight: 700;
    vertical-align:middle;
}

.summary-section-header {
    margin-bottom: 10px;
    border-bottom-color: #e5e5e5;
    border-bottom-style: solid;
    border-bottom-width: thin;
}

.summary-section {
    flex: 1 1 350px;
    margin-bottom: 15px;
    padding-top: 5px;
}

.summary-lg-section {
    flex: 1 1 500px;
    margin-bottom: 15px;
    padding-top: 5px;
}

.summary-vlg-section {
    flex: 1 1 1000px;
    margin-bottom: 15px;
    padding-top: 5px;
}

.summary-vlg-section-nob {
    flex: 1 1 1000px;
    margin-bottom: 15px;
    padding-top: 5px;
}

.summary-description {
    text-align: left;
    font-size: small;
}

html {
  position: relative;
  min-height: 100%;
}

.settings-row {
    min-height: 42px;
    display: flex;
    align-items: center;
}

.sub-settings-row {
    min-height: 42px;
    display: flex;
    align-items: center;
    font-size: smaller;
}

.settings-row-s {
    min-height: 36px;
    display: flex;
    align-items: center;
}

.help-wrapper {
    display: flex;
    width: 100%;
}

.help-nav {
    min-height: 100vh;
    position: fixed;
    width: 249px;
    padding-top: 50px;
    padding-left: 15px;
    padding-right: 15px;
}

.help-content {
    background-color: #FAF9F8;
    min-height: 100vh;
    position: absolute;
    right: 0;
    width: calc(100% - 279px);
}

.help-inner-content {
    padding:20px;
}

.disable-select {
    user-select: none; /* supported by Chrome and Opera */
    -webkit-user-select: none; /* Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
}

.quickContent {
    display: none;
    padding: 5px;
    border-style: solid;
    border-width: thin;
    border-color: #2d70ba;
}

.study-list {
    font-family: "Segoe UI", "Segoe UI Web", Arial, Verdana, sans-serif;
    width: 100%;
    padding: 0px;
    margin: 0px;
}

.canvasContainer {

    width: 100%;
    height: 400px;
    position: relative;
    margin:auto;
}

.img-center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
}

.compact-size {
    font-size: small;
    text-align: center;
}

.summary-label {
    font-size:  smaller;
    font-weight: 200;
}

.patientex-field {
    margin-right: 5px;
    padding: 0px 8px 0px 8px;
    border-radius: 16px
}

.permission-field {
    margin-right: 5px;
    margin-bottom: 3px;
    padding: 0px 8px 0px 8px;
    border-radius: 16px;
    font-size: small;
}

.psg-field {
    font-weight: 400;
}

.psg-field-lbl {
    font-weight: 300;
}

.psg-field-lbl-underlined {
    font-weight: 300;
    text-decoration: underline;
}

.summary-header {
    color: darkslategrey;
    font-size: medium;
    font-weight: 600;    
}

.trend-legend-normal {
    color: white;
    background-color: rgb(111,191,136);
    font-size: small
}

.trend-legend-mild {
    color: gray;
    background-color: rgb(199,234,201);
    font-size: small
}

.trend-legend-moderate {
    color: white;
    background-color: rgb(237,166,166);
    font-size: small
}

.trend-legend-severe {
    color: white;
    background-color: rgb(191,22,99);
    font-size: small
}

.sleep-n1 {
    color: black;
    background-color: #FCAF1A;
}

.sleep-n2 {
    color: black;
    background-color: #1DCEC1;
}

.sleep-n3 {
    color: white;
    background-color: #0819C1;
}

.sleep-4 {
    color: white;
    background-color: #0819C1;
}

.sleep-rem {
    color: white;
    background-color: #DD4B67;
}

.sleep-12 {
    color: black;
    background-color: white;
}

.sleep-34 {
    color: black;
    background-color: white;
}

.sleep-unscored {
    color: black;
    background-color: white;
}

.sleep-unsure {
    color: black;
    background-color: #FF00FF;
}

.sleep-wake {
    color: white;
    background-color: black;
}

.swal2-popup.small-popup {
    width: 300px;
    font-size: 14px;
}

.swal2-popup .swal2-icon.small-icon {
    width: 50px;
    height: 50px;    
}

.swal2-title.small-title {
    font-size: 14px;
}

.swal2-actions .equal-btn {
    min-width: 80px;
    margin: 10px 0px 5px 10px;
}

/* common Overlay style */
.commonoverlay {
    position: absolute; /* fixed for full screen */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2000;
    display: none;
    justify-content: center;
    align-items: center;
    background-color: rgba(255, 255, 255, 0.5);
}

    .commonoverlay.active {
        display: flex;
    }
/****rawData focus*******/
#rawDataTabClient:focus {
    outline: none;
}