html, body { width: 100%; height: 100%; margin: 0; /*overflow-x: hidden;*/ } #defaultRhythms { left:auto; right:0; } .dragMe { position:absolute; bottom:5px; left:1.1em; /* Safari */ -webkit-transform: rotate(-90deg); /* Firefox */ -moz-transform: rotate(-90deg); /* IE */ -ms-transform: rotate(-90deg); /* Opera */ -o-transform: rotate(-90deg); /* Internet Explorer */ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); transform: rotate(-90deg); transform-origin: left bottom 0; } .no-select { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ -khtml-user-select: none; /* Konqueror HTML */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */ } /*flips an image*/ .icon-flipped { -moz-transform: scaleX(-1); -webkit-transform: scaleX(-1); -ms-transform: scaleX(-1); transform: scaleX(-1); } .leadSelect { max-width:115px; margin: 0 auto; margin-top:18px; } .deleteButton { color:red; padding-right:5px !important; opacity: 1; } .draggableLead { border : solid black 1px; border-radius: 5px; width:33%; text-align: center; display:inline-block; padding:5px; } .leadLayoutRow { display:flex; padding-bottom:5px; } .leadLayoutHelper { min-width: 50px; flex-grow : 1; text-align: center; height:70px; border-left:solid #CBCBCB 1px; border-right:solid #CBCBCB 1px; border-top:solid black 1px; border-bottom:solid black 1px; display:inline-block; } .leadLayoutHelper:last-child { border-right:solid black 1px; } .leadLayoutHelper:nth-child(2) { border-left:none; } .leadRowHandle { width : 1em; height:70px; border:solid black 1px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; position:relative; } .dragLead-placeholder { border: 3px solid red; flex-grow : 1; display:inline-block; vertical-align: top; } .dragRow-placeholder { height:100px; width:100%; border: 3px solid red; } #demo { width: 100%; display:block; height: 10vmin; margin: 0; padding: 0; border: 0; font-size: 0; background:transparent; } #main12LeadCanvas, #saveCanvas canvas { width:100%; display:block; } #newSaveCanvas { width:1920px; display:none; } #controlPanel { background-color: gray; } .toolbar { bottom:38px; } .nav-tabs-inverse { border-bottom: 0px !important; border-top: 1px solid #ddd !important; } .nav-tabs-inverse > li { margin-bottom:0 !important; margin-top:-1px !important; } .nav-tabs-inverse > li > a { padding-top: 8px !important; padding-bottom: 8px !important; line-height: 20px !important; border: 1px solid transparent !important; -moz-border-radius:0px !important; -webkit-border-radius:0px !important; border-radius:0px !important; -moz-border-radius-bottomright: 5px !important; -webkit-border-bottom-right-radius: 5px !important; border-bottom-right-radius: 5px !important; -moz-border-radius-bottomleft: 5px !important; -webkit-border-bottom-left-radius: 5px !important; border-bottom-left-radius: 5px !important; } .nav-tabs-inverse > .active > a, .nav-tabs-inverse > .active > a:hover, .nav-tabs-inverse > .active > a:focus { color: #555555 !important; cursor: default !important; background-color: #ffffff !important; border: 1px solid #ddd !important; border-top-color: transparent !important; } /** Monitor view elements **/ #display { /*c ontainer */ background: black; width:100%; height:20vmin; max-height: 300px; } #rateDiv { /* Heart Rate number */ color: #32b232; font-size: 7em; font-family: Arial, Helvetica, sans-serif; font-weight: bold; height:100% } #tracediv { /* canvas container */ height:100%; } #demo { /*canvas */ height:100%; } #imageDownloadCanvas { position: absolute; top:0; left:0; z-index:-9999; } #EKG { width: 100%; background-size: 100% ; background-repeat:no-repeat; overflow: hidden; } #Interpretation { margin-left: 20px; margin-right: 20px; margin-top: 5px; margin-bottom: 3px; color: black; font-family: Arial, Helvetica, sans-serif; font-weight: bold; } .control-form-label { min-width:30px; } .slider-handle.custom::before { line-height: 20px; font-size: 25px; content: '\2665'; /*unicode heart character*/ color: #D00003; } .slider.slider-disabled .slider-handle { background-image: none; cursor:not-allowed; } .slider.slider-disabled .slider-handle.custom::before { color: #7C7C7C; } #Information { margin-left: 25px; margin-right: 20px; margin-top: 5px; margin-bottom: 3px; color: black; font-family: Arial, Helvetica, sans-serif; font-weight: normal; } /* extra small */ /*@media (max-width: 767px) {* /* col-xm-12 = 100vw */ .rhythmsSelectionButton{ float:left; } .optionHeader { /*font-size:4vw;*/ font-size: 18px; cursor: pointer; } #monitor { order: 1; } #main12LeadLayoutWrapper { order: 2; } #shareWave { order: 6; margin-left:10px; } #saveRhythmForUse { order: 4; margin-right: 10px; margin-left: 10px; } #saveRhythm { order: 5 } #presetRhyhtmButton { order: 8; margin-right:15px; margin-left:10px; } #savedRhyhtmButton { order: 7; margin-left:10px; } #purchasedButton { order: 3; margin-left: 10px; } .parameterContainer > span{ /*white-space: nowrap;*/ font-size:14px; } /*}*/ /* small */ @media (min-width: 576px) { /* col-sm-3 = 25vw */ .rhythmsSelectionButton{ float:right; } .optionHeader { /*font-size:1.5vmax;*/ } .parameterContainer > span{ /*white-space: nowrap;*/ } } /* medium */ @media (min-width: 768px) { } /* large */ @media (min-width: 992px) { .parameterContainer { /*white-space: nowrap;*/ } } .tooltip-wrapper .btn[disabled], .tooltip-wrapper select[disabled], .tooltip-wrapper div input[disabled] { /* don't let button block mouse events from reaching wrapper */ pointer-events: none; } #mainPageFlexBox { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-end; align-items: center; } /*.btnBlue { padding:10px; color:#42A5F5; border-color:#42A5F5; background-color:white; font-size:18px; } .btnBlue:hover { color:white; border-color:white; background-color:#42A5F5; }*/ .slider.slider-horizontal { width:100%; } .tooltip { pointer-events:none; } /* filled part */ #noiseSlide .slider-selection { background:#999999; color: #D00003; } /* filled part */ .slider-selection { background:#EF9A9A; } /* unfilled part */ .slider-track-high, .slider-track-low { background:#C8C8C8; } /* offset for the handle so the button isn't off the edge of the slider */ .slider.slider-horizontal .slider-tick, .slider.slider-horizontal .slider-handle { margin-left:-5px; color: #D00003; } .descriptionTooltip + .tooltip { position: fixed; } .waveTooltip + .tooltip > .tooltip-inner { background-color: #666; color: white; max-width: 600px; padding: 15px; font-size: 16px; } span[data-toggle=collapse] { cursor: pointer; } .modal-full { width: 90%; margin: auto; margin-top: 100px; } #RenderCanvas { width: 1920px; height: 1080px; position: fixed; top: -1920px; } #nameDiv { color: #616161; font-family: Arial, Helvetica, sans-serif; font-size: 2.75em; margin: 10px 0px 0px 0px; } #infoPopup { color:#BDBDBD } #colorDropdown { /* position:absolute; left:100%; top:0px; */ } #colorDropdown button { margin-top:0px; text-align: left !important; border-top-right-radius: 0px; border-bottom-right-radius: 0px; } #colorDropdown button input { position:absolute; right:5px; } .learnOptions >*{ padding-top:5px; } #noiseSlide { width:100%; } #noiseSlide .slider-tick, #noiseSlide .slider-handle { margin-left:-10px; /*z-index: 100;*/ } #sliders { width: 100%; height:90vh; min-height:200px; margin-right: -30px; padding-right: 30px; margin-left: 0px; overflow-x:hidden; overflow-y: auto; } #sliderContainer{ } #hideSliders span { position:relative; top:50%; font-size: 8px; font-weight: 900; } .optionHeader { width:100%; padding: 20px 0px 0px 0px; /*font-size: 18px;*/ white-space: nowrap; position: relative; } .optionHeader .dropdownArrow{ position:absolute; right:5px; top:50%; } .optionCategory { /*border: solid black 1px; border-radius: 5px;*/ color:#616161; display:block; margin-bottom:-1px; } .optionSliderContainer { /*border-top: solid gray 1px; background-color: #F4f4f4; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;*/ padding: 4px; } .slider { bottom: 0.125em; } /*.row-fluid div { -webkit-transition: width 0.3s ease, margin 0.3s ease, padding 0.3s ease; -moz-transition: width 0.3s ease, margin 0.3s ease, padding 0.3s ease; -o-transition: width 0.3s ease, margin 0.3s ease, padding 0.3s ease; transition: width 0.3s ease, margin 0.3s ease, padding 0.3s ease; }*/ .slider div{ -webkit-transition: none !important; -moz-transition: none !important; -o-transition: none !important; transition: none !important; } .row-fluid .col-0 { width: 0%; float:left; padding:0px !important; } .row-eq-height { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }