.icn {
    width: 25px;
    height: 25px;
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
}

.icn-modeContinuous{
    background-image: url(/assets/img/oxyElec_iconModeContinuous.png);
}

.icn-modePulse{
    background-image: url(/assets/img/oxyElec_iconModePulse.png);
}

.icon {
    margin-left: 10px;
}

.gbl-jc-space-around {
    justify-content: space-around;
}

.gbl-flxdir-column {
    flex-direction: column;
}

.gbl-box-shdw {
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.1), 0 1px 2px 0 rgba(0,0,0,.06);
}

.text-center {
    position: relative;
}

.tab {
    background-color: #F7F7F7;
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}

.guideline {
    flex-grow: 1;
    display: flex;
    justify-content: center;
}

.sch-form .form-control {
    height: 10px;
}

.sch-form label {
    font-size: 11px;
    padding: 7px;
}

.main {
    border-top: 1px solid black;
    display: flex;
    flex-direction: row;
    height: 100%;
    align-items: center;
    width: 100%;
}

:root {
    --circle-size: clamp(1.5rem, 5vw, 2.5rem);
    --spacing: clamp(0.25rem, 2vw, 0.5rem);
    --me-color: #003f72;
}
  
.offcanvas-end {
    width: 500px;
}
.accordion{
	padding: 5px 15px 5px 15px;
}

.accordion button.collapsed{
	/*font-weight: bold;*/
	/*background-color:red;*/
	background-color:  #e7f1ff;
}

.accordion-body {
	padding: 10px 1px 10px 1px !important;
}

.accordion-item {
	background-color: rgb(247, 247, 247);
}

.offcanvas-body {
    padding: 0.5rem 0.5rem !important;
}
.tile {
	position: relative;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    align-items: center;
    margin: var(--margin-tile);
    border-radius: 20px;
    flex-grow: 1;
    min-width: var(--width-tile);
    max-width: var(--width-tile);
    font-size: 25px;
    user-select: none;
}

.tile li.nav-item{
	font-size: 16px;
}

.tile-min-height {
    min-height: var(--height-tile);
}

.tile-height {
    height: var(--height-tile);
}

.tile-white {
    background-color: lightgray;
}

.tile-orange {
    background-color: darkorange;
}

.tile-blue {
    background-color: dodgerblue;
}

.tilePhyUnit {
    font-size: 15px;
    display: flex;
    align-items: center;
}

.doubleTile {
    max-width: calc(2 * (var(--width-tile) + var(--margin-tile)));
    width: calc(2 * (var(--width-tile) + var(--margin-tile)));
    height: auto;
    padding: 10px;
}

:root{--width-tile: 250px;--height-tile: 100px;--margin-tile: 5px}#app{min-height:100vh;max-height:100vh;overflow-y:hidden;display:flex;background-color:#f5f5f5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{-webkit-user-drag:none}