/***************************
****************************
These are styles for
page with ECG signal
****************************
***************************/
.onDetailsButtonWrapper {
    display: none;
}
@media all and (max-width: 1585px) {
    .analysisSelectionBtn img {
        display: none;
    }
}
@media all and (max-width: 1255px) {
    .analysisSelectionBtn {
        /*font-size: 1.2em!important;*/
        /*margin-left: 1.6em!important;*/
    }
    .selectionHolder {
        padding-top: 0.3em!important;
    }
}

@media all and (max-width: 1108px) {
    .analysisSelectionBtn {
        /*font-size: 1.2em!important;*/
        /*margin-left: 0em!important;*/
    }
}

@media all and (max-width: 1820px) {
    .tableWithGap {
        margin-left: .25em;
        padding-right: .25em;
    }
    /*
    .formAnalysisCanvas {
        margin-right: 2.37%;
        width: 4.9%;
    }
    */

    .patientsSharedTable.doctorsTable,
    .patientsSharedTable.techiniciansTable {
        min-width: 1800px;
    }

    .patientsPagination nav {
        margin: 5px auto;
    }

    .patientInfo {
        width: 90%;
    }
    .selectionHolder {
        font-size: 0.9em;
    }
    .whiteWrapper {
        font-size: 0.8375em;
    }
    .emhpasizedHeading {
        margin: 0;
        padding: 0;
    }
    .pagination {
        margin: 0;
    }
    .formCanvasWrapper {
        padding: 0.4% 2.8%;
    }
}

@media all and (max-width: 1800px) {
    /* Tabs Content */
    .firstRowStatistics,
    .secondRowStatistics,
    .thirdRowStatistics,
    .fifthRowStatistics {
        width: 19%;
        margin-right: 0.5em;
        padding-right: 0.2em;
    }

    .statisticsContent {
        padding: 0;
    }
    .patientInfo {
        width: 90%;
    }

    .formCanvasWrapper {
        padding: 0.4% 2.8%;
    }
}

@media all and (max-width: 1680px) {
    /*.signal-here {*/
        /*min-height: 311px;*/
    /*}*/

    /* Navigation */
    .navigationIcon {
        margin: 0 1em 0 .5em;
    }

    .asideNavMenu {
        font-size: 0.86em;
    }

    /* Controls Beneath ECG Signal */
    /*.firstHalfEcgControls,*/
    /*.secondHalfEcgControls {*/
        /*width: 50%;*/
    /*}*/

    .enable_patch {
        font-size: 12px!important;
    }

    .ecgControlsBeneathSignal {
        margin-top: 0.3em;
    }

    /* Tab Closer to ECG controls */
    .tab {
        padding-top: 0.5em;
    }

    .tab_content {
        padding: 0.35em;
    }

    /* Parameters Time Tab */
    .toWholeSignal {
        display: block;
        width: 100%;
        margin-left: 0;
    }

    .loadDefaultsHolder {
        float: left;
    }

    .ampZoom, .histogramControls {
        font-size: 0.8375em;
    }

    .smallInput {
        font-size: 1.05em;
    }

    .allPatientsList {
        font-size: 0.8375em;
    }

    .asideNavMenuLink.doctorName {
        padding: .5em 1em;
    }

    .userImageInNav {
        max-width: 4em;
        margin-top: 0.65em;
    }

    .columnFour {
        width: 47%;
        margin-right: 2%;
        float: left;
    }

    .start-tour-btn {
        display: block;
        margin: 0 auto 10px;
        width: auto;
    }

    .addNewPatientInput {
        width: 12em;
    }

    .whiteWrapper {
        font-size: 0.8375em;
        padding: 0.5em 0.783em;
    }

    .time {
        top: 37em !important;
    }
    /* Tabs Content */
    .fourthRowStatistics {
        width: 12%;
        margin-right: 0.5em;
        padding-right: 0.2em;
    }
    .statisticsContent {
        font-size: .8em;
    }
    .emphasizedLabel, .emphasizedTableTitle {
        margin: 5px auto;
    }
    .patientsSharedTable {
        margin-top: .5em;
    }
    .patientSharedDataRow td {
        padding: 0.3em .75em;
    }

    .formCanvasWrapper {
        padding: 0.4% 3%;
    }
}
@media all and (max-width: 1070px) {
    .doctorList {
        font-size: 14px;
    }
}
@media all and (max-width: 1550px) {
    .patientPictureWrapper {
        margin-right: 0;
    }
    .rightEcgControlsContent {
        min-width: 240px;
    }
    .firstHalfEcgControls {
        /*width: 55%;*/
    }

    .secondHalfEcgControls {
        width: 44.6%;
    }

    /*.signal-here {*/
        /*min-height: 311px;*/
    /*}*/

    .bigTextarea {
        min-height: 7em;
        max-height: 7em;
    }
    .patientPictureWrapper {
        width: 8%;
        margin-right: 1%;
    }
}


@media all and (max-width: 1450px) {

    .foiArrows {
        margin-top: 1.2em!important;
    }
    .foiPrev {
        margin-top: 1.2em!important;
    }

    .time {
        top: 34em !important;
    }
    .ecgControlsBeneathSignal {
        font-size: .86em;
    }

    .speedSignalIcon {
        width: auto;
        height: 1.6em;
    }

    .caliperHolder {
        padding: 0.4em .8em 0.4em .8em;
    }

    .selectionHolder {
        padding: 0.4em 0.95em;
    }

    .caliperIcon,
    .foiArrows {
        width: auto;
        height: 2.2em;
        /*margin-top: 0.3em;*/
    }

    .foiButton {
        margin-top: 0.7em;
    }

    .speedRange {
        margin-top: 0.4em;
    }
    .speedImageAnalysis {
        margin-left: 3%!important;
    }
    .filteringRange {
        margin: 0em 0.5em 0.1em;
    }

    .ecgControls {
        width: 57%;
    }

    .histogramControls {
        padding: 0.45em;
        margin-bottom: -1em;
    }

    .allControlsHolder {
        padding: 0em 0.165em 0em 0.165em;
    }
    .ecgControls {
        background: #f5c2c2;
        width: 55%;
    }

    .histogramControls {
        width: 42.5%;
    }

    .firstRowStatistics,
    .secondRowStatistics,
    .thirdRowStatistics,
    .fourthRowStatistics,
    .fifthRowStatistics {
        width: 16em;
        min-height: 124px;
    }

    /*.signal-here {*/
        /*min-height: 360px;*/
    /*}*/

    .statisticsText {
        margin-bottom: 1em;
    }

    .caliperBtn,
    .selectionBtn {
        font-size: 0.9965em;
    }

    .pagination {
        margin: 2px 0 0;
    }

    .tab_content {
        /*height: 14.2em;*/
        /*height: 12.5em;*/
        height: 12em;
        /*height: 11.2em;*/
    }

    .firstRowStatistics,
    .secondRowStatistics,
    .thirdRowStatistics,
    .fourthRowStatistics,
    .fifthRowStatistics {
        width: 11.1em;
    }

    .statisticsContent {
        font-size: 0.73rem;
    }

    .thirdRowStatistics {
        max-width: 8em;
    }

    .fourthRowStatistics {
        max-width: 7em;
    }

    .fifthRowStatistics {
        max-width: 6em;
    }

    .tabs_item {
        font-size: .875em;
    }

    .parametersButtonsGroup {
        width: 50%;
        margin-left: 1%;
        margin-top: 1em;
    }

    /*.signal-here {*/
        /*min-height: 280px;*/
    /*}*/

    .selectionHolder {
        width: 50%;
        padding: 0.9em 0.95em;
    }

    .ecgControls {
        background: #f5c2c2;
        width: 41%;
    }

    .histogramControls {
        width: 56%;
    }

    .caliperGapHolder {
        float: left;
        padding-right: 1.5%;
        width: 50%;
    }

    .caliperHolder {
        padding: 0.8em .8em .95em .8em;
    }

    .ecgControlsButton {
        /*top: 170px;*/
    }

    .tabs li {
        line-height: 1.5em;
        font-size: 0.9em;
    }

    .navigationIcon {
        margin: 0 0.1em 0 .5em;
    }

    .allControlsHolder {
        padding: .2em 0.165em 0.165em 0.165em;
    }

    .table-heading-data {
        font-size: .9375em;
    }

    .modalWindowContent {
        width: 500px;
        font-size: .9375em;
    }

    .ecgSignalMainTopControls {
        font-size: 0.8375em;
    }

    .histogramControls {
        font-size: 1em;
    }

    .ampZoom.uPull-left {
        /*font-size: 0.9em;*/
        /*font-size: 0.66em;*/
        /*margin-left: 3.1em;*/
    }

    .boldSubtitle {
        font-weight: 500;
        margin: 0 0 0.2em;
    }

    .classificationTable {
        font-size: 1em;
        margin-top: 1.5em;
    }

    .patientInput {
        font-size: .9375em;
    }

    .spaceLabel {
        /*min-width: 5em;*/
    }

    .forPatientLabel {
        font-size: 0.8375em;
    }

    /*.ecgIconExpand {*/
    /*margin-left: -2.05em;*/
    /*}*/
    .collapsableTableContent {
        padding: 0.5em;
    }

    .smallSpaceLabel {
        min-width: 3em;
    }

    span.time {
        top: 32em !important;
    }
    /*
    .formAnalysisCanvas {
        margin-right: 1.37%;
        width: 65px;
    }
    */

    .patientDataTable {
        border: 0;
    }

    .addNewParameter {
        margin-top: 0.2em;
        float: left;
        margin-left: 1em;
    }

    .loadDefaultPulledRight {
        margin-left: 5%;
        float: left;
        margin-top: 1em;
    }

    .warningTxt {
        /*position: absolute;*/
        /*left: 200px;*/
        /*bottom: 6px;*/
    }

    .sveRateTable {
        margin: 0 2em;
    }

    .eventDetection {
        margin-left: 5em;
    }

    .eventDetectionTab {
        height: auto;
    }
    .caliperHolder {
        padding: 0.5em;
    }
    .selectionHolder {
        /*padding: 0.6em;*/
    }
}

/*@media all and (max-width: 1366px) {*/
@media only screen and (-webkit-min-device-pixel-ratio: 2)and (max-width: 1366px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1366px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1366px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1366px), only screen and (min-resolution: 192dpi) and (max-width: 1366px), only screen and (min-resolution: 2dppx) and (max-width: 1366px) {
    .caliperHolder {
        padding: 0.7em;
        margin-bottom: 0.45em;
    }
    .selectionHolder {
        width: 50%;
        padding: 1.2em 0.95em;
    }
    span.time {
        top: 30em !important;
    }
    .patientSharedDataRow td {
        padding: .2em .75em;
    }
    .customizeDefaultsLoadDefaults {
        margin-top: 5em;
    }

    .panelMainHrv {
        padding-top: 0px;
    }

    .tab {
        padding-top: 0;
        font-size: 0.89em;
    }

    .tab_content {
        padding: 0;
    }

    .tabs_item {
        min-height: 13.2em;
    }

    .automaticLeadsSelectionHolder {
        margin-top: 3.4em;
    }

    .tab_content {
        height: 11.9em;
    }

    .userImageInNav {
        max-width: 3em;
    }

    .doctorImgInNav {
        max-width: 2em;
    }

    .searchInTable {
        padding: .1em;
        margin-left: .25em;
        max-width: 6em;
    }

    .ecgSignalWrapper {
        margin-top: 1.6em;
    }

    .ecgControls:before {
        border-width: 1.2em;
    }

    .patientDataRow td {
        padding: 0.2em .75em;
    }

    .emhpasizedHeading {
        font-size: 1em;
        margin-top: 0;
        padding-bottom: 0em;
    }

    .allPatientsList {
        margin-top: 0.6em;
    }

    .grayBgWrapper {
        padding: 0.4em 0.583em;
    }

    .asideNavMenuLink a {
        padding: 0.7em 0;
        font-size: 0.9em;
    }

    .speedSignalIcon {
        margin-top: 0.8em;
    }

    .firstHalfHolder {
        width: 41.5%;
    }

    .secondHalfContainer {
        width: 57%;
    }

    .selectionHolder,
    .caliperHolder {
        padding: 0.9em .8em;
        font-size: 0.9em;
    }

    .firstRowStatistics, .secondRowStatistics, .thirdRowStatistics, .fourthRowStatistics, .fifthRowStatistics {
        width: 12.1em;
    }
    .statisticsContent {
        margin-top: .5em;
    }
}

@media all and (max-height: 700px) {

    .left_right-buttons {
        top:6em;
    }
    .top_signal_button {
        top: 0em;
    }
    .second_row_signal_button {
        top: 2em;
    }
    .bottom_button_ecg {
        top: initial;
        bottom: 0em;
    }
}

@media all and (max-height: 800px) {

    .left_right-buttons {
        top:5em;
    }
    .top_signal_button {
        top: 0em;
    }
    .second_row_signal_button {
        top: 2em;
    }
    .bottom_button_ecg {
        top: initial;
        bottom: 0em;
    }
}

@media all and (max-width: 1310px) {
    .selectionHolder {
        padding-top: 0.7em!important;
    }
    .caliperIcon,
    .foiArrows {
        width: auto;
        height: 2.2em;
        margin-top: 0.3em;
    }

    .searchInTable {
        max-width: 4em;
    }

    .firstHalfEcgControls {
        /*width: 50%;*/
    }

    .secondHalfEcgControls {
        width: 50%;
    }

    .caliperIcon {
        width: auto;
        height: 2.2em;
        /*margin-top: 0;*/
        margin: 0.15em .15em 0;
    }

    .foiArrows {
        height: 1.9em;
    }

    .foiPrev {
        margin-left: .2em;
    }

    .caliperGapHolder {
        width: 47%;
    }

    .selectionHolder {
        width: 53%;
    }

    .foiArrows {
        margin-top: 0.5em;
    }

    .foiControlsHolder {
        padding: 0 0 0.36em 0;
    }

    /*.foiButton {*/
        /*font-size: 1em;*/
        /*margin-top: 0.7em;*/
        /*line-height: 1.4;*/
        /*padding: 0.35em .5em 0.05em;*/
    /*}*/

    .speedSignalIcon {
        height: 1.5em;
    }

    .collapsableTableContent {
        padding: 0.2em;
    }

    .tabs li {
        line-height: 2.2em;
        font-size: 0.802em;
    }

    .pagination > li > a,
    .pagination > li > span {
        font-size: 1.035em;
    }

    .greenSmallIconEcgSignal {
        font-size: 2.2em;
    }

    .ecg_control_button_paddings {
        font-size: 0.8em;
    }

    input[type="range"]::-webkit-slider-thumb {
        width: 1.4em;
        height: 1.4em;
    }

    .speedSignalIcon {
        margin-top: 0.8em;
    }

    .firstHalfHolder {
        width: 42.5%;
    }

    .secondHalfContainer {
        width: 56%;
    }

    .speedSignalIcon {
        width: auto;
        height: 1.6em;
    }
    /*
    .formAnalysisCanvas {
        width: 39px;
    }
    */
}

.box-1 button{
    width: 11%;
    margin-left: 1.3%;
}
.box-1{
    margin-top: 0;
}

@media (max-width: 1110px){}
    .tabs li {
        line-height: 2.2em;
        font-size: 0.882em;
    }



@media (max-width: 1450px){
    .box-1{
        margin-top: 1em;
    }
}
@media (max-width: 1700px){
    .button_caliper{
        width: 12%;
        max-width: 12%;

        /*padding: 1.4em 0 0 2em;*/
    }
    .foiControlsHolder {
        width: 20.9%;
    }
}
@media (max-width: 1135px){
    .button_caliper{
        width: 14%;
        max-width: 14%;

    }
    .foiControlsHolder {
        width: 21%;
    }
}
@media (max-width: 1643px){

    .foiControlsHolder {
        width: 19.9%;
    }
}
@media (max-width: 1165px){

    .foiControlsHolder {
        width: 19%;
    }
}

@media(max-width: 1135px){
    .foiControlsHolder {
        width: 17%;
    }
}
@media (max-width: 1580px){
    .box-1 button{
        width: 22%;
        margin-left: 0.45em;
    }
    .box-1 {
        width: 78%;
        max-width: 78%;
    }

    /*.box-1 img {*/
        /*margin-top: 1em!important!important;*/
    /*}*/
    .signalWrapper {
        margin-top: 0.4em;
    }

    .formCanvasWrapper {
        padding: 0.4% 4.0%;
    }
}
@media (max-width: 1455px) {
    .box-1 {
        margin-top: 0.4em!important;
    }
}
@media all and (max-width: 1492px) {
    .btnWhiteTextMedStaf {
        display: none;
    }
}
@media all and (max-width: 1281px) {
    .searchBtn, .clearSearch {
        width: auto;
        min-width: auto;
    }

    .parametersTimeWrapper .addNewParameter {
        margin-left: 1%;
        width: 54%;
        max-width: 54%;
        font-size: 0.85em;
    }

    .triangleLine {
        width: 95.5%;
    }

    .triangleTopLeftSide {
        border-width: 0 11px 11px 9px;
    }

    .triangleTopRightSide {
        border-width: 0 11px 11px 11px;
    }

    .histogramControls:before {
        border-width: 1.2em;
    }

    .ecgControlsBeneathSignal {
        font-size: 0.8375em;
        margin-bottom: .2em;
    }

    .parametersButtonsGroup.uPull-left {
        width: 50%;
    }

    .customizeDefaultsLoadDefaults {
        margin-top: 2em;
    }

    .parametersTimeBtn {
        margin: .5em 0;
    }

    span.time {
        top: 29.8em !important;
    }

    .searchInTable {
        max-width: 3em;
    }

    .firstRowStatistics, .secondRowStatistics, .thirdRowStatistics, .fourthRowStatistics, .fifthRowStatistics {
        width: 12.1em;
        font-size: .9em;
    }

    .btnWhiteText {
        display: none;
    }

    .addNewParameter {
        margin-left: 5em;
    }

    .loginWrapper {
        overflow: scroll;
    }

    .loginFormWrapper {
        position: absolute; /* absolute - beacuse fixed having issue on tablet */
        top: 6em;
        height: 430px; /*promeniti ovo posle */
    }

    .patientsSharedTable {
        margin-top: 0;
    }

    .grayBgWrapper {
        padding: 0em 0.583em;
    }

    .patientsPagination nav {
        /*margin: 0px auto;*/
        margin: 2em auto;

    }

    .analysisButton-clastering {
        font-size: 0.82em!important;
        margin-top: 1.5em!important;
    }

    .formCanvasWrapper {
        padding: 0.4% 4.0%;
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2)and (min-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (min-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (min-width: 1024px), only screen and (min-resolution: 192dpi) and (min-width: 1024px), only screen and (min-resolution: 2dppx) and (min-width: 1024px) {
    /* Patient List Table */
    .patientFullName {
        min-width: 13em;
    }

    .patientsSharedTableHeading td {
        padding: 0.3em .75em;
        font-size: .9375em;
        line-height: 1.2;
    }

    .searchBtn, .clearSearch {
        min-width: 2em;
    }

    .btnWhiteText {
        display: none;
    }

    .asideNavMenuLink a {
        display: block;
        padding: 0.8em .4em;
    }

    .grayBgWrapper {
        padding: 0.2em 0.183em;
    }

    .logoWrapper {
        padding: 0.4em;
    }

    .iconsInTableWrapper--nowrap {
        /*white-space: nowrap;*/
    }

    .formInputWrapper {
        margin-right: 1em;
    }

    .secondRowInformations {
        margin-top: 1em;
        padding-bottom: .5em;
    }

    .innerWhiteBox {
        min-width: 7em;
    }

    .newImage {
        width: 5.7em;
        max-width: 5.7em;
        min-width: 5.7em;
        height: 5.7em;
    }

    .changeImage {
        left: 5.3em;
    }

    .changeImage .icon-cross {
        left: 0.6em;
        top: 0.7em;
        position: absolute;
    }

    .closePopup {
        position: absolute;
        right: 4px;
        top: 6px;
    }

    .histogramControls {
        width: 40%;
    }

    .ecgControls {
        width: 56%;
    }

    .forMarkingsInput {
        margin-left: .5em;
    }

    .gridControl {
        margin-right: 0.5em;
    }

    .xZoomControls {
        margin-left: 1%;
    }

    button {
        padding: 0 3px;
    }

    .framesControls {
        font-size: .9375em;
        /*float: left;*/
        margin-left: 0;
    }

    .histogramControlsInner {
        /*float: right;*/
    }

    .histogramSubtitle, .mainTopControl.zoomTime {
        display: none;
    }

    .triangleLine {
        width: 94.9%;
    }

    .frameButton {
        vertical-align: middle;
        margin: 0 0.15em;
    }

    .caliperBtnText, .selectionBtnText {
        /*display: none;*/
    }

    .caliperBtn, .selectionBtn {
        padding: .25em .5em;
    }

    .selectionBtn {
        float: none;
    }

    .caliperGapHolder {
        width: 49%;
    }

    .selectionHolder {
        width: 51%;
        padding: 0.3em 0;
        text-align: center;
    }

    /*.firstHalfEcgControls {*/
        /*width: 37%;*/
    /*}*/

    .secondHalfEcgControls {
        width: 62%;
    }

    .firstHalfHolder, .secondHalfContainer {
        /*width: 100%;*/
    }

    .fifthRowStatistics {
        width: 100%;
        max-width: 40%;
    }

    .totalBeatsInStatistics {
        margin-left: .5em;
    }

    .addNewParameter {
        margin-top: 0.2em;
        float: left;
        margin-left: 5em;
    }

    .patientNameInTable {
        min-width: 15em;
    }

    .secondHalfContainer {
        /*margin-top: 2em;*/
    }

    .leadsAndInvertsHolder {
        padding-right: 1em;
    }

    .automaticLeadsSelectionHolder {
        margin-top: 2.4em;
    }

    .filteringRangeWrapper span {
        /*position: absolute;*/
        /*right: 7.8em;*/
        /*top: 44%;*/
        position: absolute;
        right: 0.8em;
        top: 12%;
    }

    .tabs li {
        padding: 0 12px;
    }
    /** TODO
    *
    .formCanvasWrapper {
        padding: 0.4% 3%;
    }
    */
}
@media all and (max-width: 1661px) {
    .caliperBtn {
        margin-left: 12%;
        margin-right: 0;
    }
}
@media all and (max-width: 1375px) {

    .language-choose-btn {
        width: 85%;
        margin-bottom: 0.3em;
    }

    img.navigationIcon {
        display: block;
        margin: 0 auto;
    }

    .asideNavMenuLink {
        text-align: center;
        padding: 5px;
    }

    .tableName {
        line-height: 1em;
        display: inline-block;
        float: right;
        text-align: center;
        width: 100%;
        line-height: 3;
    }

    .btnGreenBackground {
        margin-bottom: 0.4em;
    }

    .selectionHolder {
        text-align: center;
    }

    .selectionBtn {
        float: none;
    }

    .caliperHolder {
        text-align: center;
    }

    .caliperBtn {
        /*display: block;*/
        /*margin: 0 auto;*/
        margin-left: 7%;
        margin-right: 0;
    }

    .fixed_headers th, .fixed_headers td {
        text-align: center;
        width: 8.77%;
    }

    .formCanvasWrapper {
        padding: 0.4% 4%;
    }
}
/*Navigacion under 650px*/
@media all and (max-height: 650px) {
    .asideNavMenuLink {
        text-align: center;
        padding: 5px;
    }
    .asideNavMenu a {
        padding: 0!important;
        font-size: 0.81em!important;
    }
    .asideNavMenuLink a {
        display: block;
        color: rgba(255, 255, 255, .7);
        padding: 1em 0;
        text-decoration: none;
    }

    img.navigationIcon {
        display: block;
        margin: 0 auto;
    }
}
@media all and (max-height: 650px) and (min-width: 1065px) {
    .asideNavMenuLink {

        padding: 3px!important;
    }
}
@media all and (max-height: 650px) and (min-width: 1681px) {
    .asideNavMenuLink {

        padding: 2px!important;
    }
}

/*@media all and (max-width: 1400px) {*/
@media only screen and (-webkit-min-device-pixel-ratio: 2)and (max-width: 1400px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1400px), only screen and (-o-min-device-pixel-ratio: 2/1) and (min-width: 1400px), only screen and (min-device-pixel-ratio: 2) and (min-width: 1400px), only screen and (min-resolution: 192dpi) and (max-width: 1400px), only screen and (min-resolution: 2dppx) and (max-width: 1400px) {

    .box {
        width: 23%;
    }
}
/*}*/
/*@media all and (max-width: 1300px) {*/
    @media only screen and (-webkit-min-device-pixel-ratio: 2)and (max-width: 1300px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1300px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1300px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1300px), only screen and (min-resolution: 192dpi) and (max-width: 1300px), only screen and (min-resolution: 2dppx) and (max-width: 1300px) {
        .box {
            width: 20.2%;
        }
    }
/*}*/
    /*@media all and (max-width: 1250px) {*/
    @media only screen and (-webkit-min-device-pixel-ratio: 2)and (max-width: 1250px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1250px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1250px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1250px), only screen and (min-resolution: 192dpi) and (max-width: 1250px), only screen and (min-resolution: 2dppx) and (max-width: 1250px) {
    .box {
        width: 25%;
    }
}

/**
* TODO
* Check values for this media query to match tablets.
*/

@media all and (max-width: 1000px){
    .notSupported {
        display: block;
        position: fixed;
        background: url("../img/loginimg.jpg");
        background-size: cover;
        z-index: 20;
        width: 100%;
        height: 100%;
        overflow: hidden;
        font-family: 'Roboto', sans-serif;
        font-weight: 300;
    }

    .notSupportedInnerWrapper {
        position: fixed;
        bottom: 2em;
        right: 2em;
        padding: 2em;
        background: rgba(0, 0, 0, .5);
        color: rgb(255, 255, 255);
        text-align: center;
        border-radius: 2px;
        max-width: 27em;
    }

    .googlePlayFollow {
        background: transparent url("../img/button-google-play.png") no-repeat;
        background-size: cover;
        outline: 0;
        border: 0;
        width: 226px;
        height: 75px;
    }

    .notSupportedTitle {
        font-size: 28px;
        margin: 0;
        line-height: 1em;
    }

    .notSupportedSubtitle {
        font-size: 16px;
        line-height: .5em;
        margin-bottom: 2em;
    }

}

@media all and (max-width: 1100px){
    .asideNavMenuLink a {
        font-size: 0.675em;
    }
}

@media all and (min-height: 651px) and (max-height: 700px) {
    .asideNavMenuLink {
        font-size: 0.675em;
    }
}

/*@media all and (max-height: 650px){*/
@media all and (max-height: 600px){
    .notSupported {
        display: block;
        position: fixed;
        background: url("../img/loginimg.jpg");
        background-size: cover;
        z-index: 20;
        width: 100%;
        height: 100%;
        overflow: hidden;
        font-family: 'Roboto', sans-serif;
        font-weight: 300;
    }

    .notSupportedInnerWrapper {
        position: fixed;
        bottom: 2em;
        right: 2em;
        padding: 2em;
        background: rgba(0, 0, 0, .5);
        color: rgb(255, 255, 255);
        text-align: center;
        border-radius: 2px;
        max-width: 27em;
    }

    .googlePlayFollow {
        background: transparent url("../img/button-google-play.png") no-repeat;
        background-size: cover;
        outline: 0;
        border: 0;
        width: 226px;
        height: 75px;
    }

    .notSupportedTitle {
        font-size: 28px;
        margin: 0;
        line-height: 1em;
    }

    .notSupportedSubtitle {
        font-size: 16px;
        line-height: .5em;
        margin-bottom: 2em;
    }

}
.signal-here {
    height: 434px;
}
.ecg-canvas {
    height: 434px;
}

@media  only screen and (-webkit-min-device-pixel-ratio: 2) and (min-height: 875px) and (max-height: 926px),
        only screen and (min--moz-device-pixel-ratio: 2) and (min-height: 875px) and (max-height: 926px),
        only screen and (-o-min-device-pixel-ratio: 2/1) and (min-height: 875px) and (max-height: 926px),
        only screen and (min-device-pixel-ratio: 2) and (min-height: 875px) and (max-height: 926px),
        only screen and (min-resolution: 192dpi) and (min-height: 875px) and (max-height: 926px),
        only screen and (min-resolution: 2dppx) and (min-height: 875px) and (max-height: 926px),
        only screen  and (min-height: 875px) and (max-height: 926px) {

            .signal-here {
                height: 399px!important;
            }
            .ecg-canvas {
                height: 399px!important;
            }
}

@media  only screen and (-webkit-min-device-pixel-ratio: 2) and (min-height: 825px) and (max-height: 875px),
        only screen and (min--moz-device-pixel-ratio: 2) and (min-height: 825px) and (max-height: 875px),
        only screen and (-o-min-device-pixel-ratio: 2/1) and (min-height: 825px) and (max-height: 875px),
        only screen and (min-device-pixel-ratio: 2) and (min-height: 825px) and (max-height: 875px),
        only screen and (min-resolution: 192dpi) and (min-height: 825px) and (max-height: 875px),
        only screen and (min-resolution: 2dppx) and (min-height: 825px) and (max-height: 875px),
        only screen  and (min-height: 825px) and (max-height: 875px) {

            .signal-here {
                height: 337px!important;
            }
            .ecg-canvas {
                height: 337px!important;
            }

}

@media  only screen and (-webkit-min-device-pixel-ratio: 2) and (min-height: 775px) and (max-height: 825px),
        only screen and (min--moz-device-pixel-ratio: 2) and (min-height: 775px) and (max-height: 825px),
        only screen and (-o-min-device-pixel-ratio: 2/1) and (min-height: 775px) and (max-height: 825px),
        only screen and (min-device-pixel-ratio: 2) and (min-height: 775px) and (max-height: 825px),
        only screen and (min-resolution: 192dpi) and (min-height: 775px) and (max-height: 825px),
        only screen and (min-resolution: 2dppx) and (min-height: 775px) and (max-height: 825px),
        only screen  and (min-height: 775px) and (max-height: 825px) {

            .signal-here {
                height: 320px!important;
            }
            .ecg-canvas {
                height: 320px!important;
            }

}

@media  only screen and (-webkit-min-device-pixel-ratio: 2) and (min-height: 725px) and (max-height: 775px),
        only screen and (min--moz-device-pixel-ratio: 2) and (min-height: 725px) and (max-height: 775px),
        only screen and (-o-min-device-pixel-ratio: 2/1) and (min-height: 725px) and (max-height: 775px),
        only screen and (min-device-pixel-ratio: 2) and (min-height: 725px) and (max-height: 775px),
        only screen and (min-resolution: 192dpi) and (min-height: 725px) and (max-height: 775px),
        only screen and (min-resolution: 2dppx) and (min-height: 725px) and (max-height: 775px),
        only screen  and (min-height: 725px) and (max-height: 775px) {

            .signal-here {
                height: 272px!important;
            }
            .ecg-canvas {
                height: 272px!important;
            }

}

@media  only screen and (-webkit-min-device-pixel-ratio: 2) and (min-height: 675px) and (max-height: 725px),
        only screen and (min--moz-device-pixel-ratio: 2) and (min-height: 675px) and (max-height: 725px),
        only screen and (-o-min-device-pixel-ratio: 2/1) and (min-height: 675px) and (max-height: 725px),
        only screen and (min-device-pixel-ratio: 2) and (min-height: 675px) and (max-height: 725px),
        only screen and (min-resolution: 192dpi) and (min-height: 675px) and (max-height: 725px),
        only screen and (min-resolution: 2dppx) and (min-height: 675px) and (max-height: 725px),
        only screen  and (min-height: 675px) and (max-height: 725px) {

            .signal-here {
                height: 213px!important;
            }
            .ecg-canvas {
                height: 213px!important;
            }

}

@media  only screen and (-webkit-min-device-pixel-ratio: 2) and (min-height: 650px) and (max-height: 675px),
        only screen and (min--moz-device-pixel-ratio: 2) and (min-height: 650px) and (max-height: 675px),
        only screen and (-o-min-device-pixel-ratio: 2/1) and (min-height: 650px) and (max-height: 675px),
        only screen and (min-device-pixel-ratio: 2) and (min-height: 650px) and (max-height: 675px),
        only screen and (min-resolution: 192dpi) and (min-height: 650px) and (max-height: 675px),
        only screen and (min-resolution: 2dppx) and (min-height: 650px) and (max-height: 675px),
        only screen  and (min-height: 650px) and (max-height: 675px) {

            .signal-here {
                height: 193px!important;
            }
            .ecg-canvas {
                height: 193px!important;
            }

}
@media  only screen and (-webkit-min-device-pixel-ratio: 2) and (min-height: 600px) and (max-height: 650px),
    only screen and (min--moz-device-pixel-ratio: 2) and (min-height: 600px) and (max-height: 650px),
    only screen and (-o-min-device-pixel-ratio: 2/1) and (min-height: 600px) and (max-height: 650px),
    only screen and (min-device-pixel-ratio: 2) and (min-height: 600px) and (max-height: 650px),
    only screen and (min-resolution: 192dpi) and (min-height: 600px) and (max-height: 650px),
    only screen and (min-resolution: 2dppx) and (min-height: 600px) and (max-height: 650px),
    only screen  and (min-height: 600px) and (max-height: 650px) {

        .signal-here {
            height: 163px!important;
        }
        .ecg-canvas {
            height: 163px!important;
        }

}
/*@media all and (max-height: 765px){*/
    /*.notSupported {*/
        /*display: block;*/
        /*position: fixed;*/
        /*background: url("../img/loginimg.jpg");*/
        /*background-size: cover;*/
        /*z-index: 20;*/
        /*width: 100%;*/
        /*height: 100%;*/
        /*overflow: hidden;*/
        /*font-family: 'Roboto', sans-serif;*/
        /*font-weight: 300;*/
    /*}*/

    /*.notSupportedInnerWrapper {*/
        /*position: fixed;*/
        /*bottom: 2em;*/
        /*right: 2em;*/
        /*padding: 2em;*/
        /*background: rgba(0, 0, 0, .5);*/
        /*color: rgb(255, 255, 255);*/
        /*text-align: center;*/
        /*border-radius: 2px;*/
        /*max-width: 27em;*/
    /*}*/

    /*.googlePlayFollow {*/
        /*background: transparent url("../img/button-google-play.png") no-repeat;*/
        /*background-size: cover;*/
        /*outline: 0;*/
        /*border: 0;*/
        /*width: 226px;*/
        /*height: 75px;*/
    /*}*/

    /*.notSupportedTitle {*/
        /*font-size: 28px;*/
        /*margin: 0;*/
        /*line-height: 1em;*/
    /*}*/

    /*.notSupportedSubtitle {*/
        /*font-size: 16px;*/
        /*line-height: .5em;*/
        /*margin-bottom: 2em;*/
    /*}*/

/*}*/

/**
* END OF TODO
*/