@import url(http://fonts.googleapis.com/css?family=Roboto:300);

.tab {
    margin-bottom: 20px;
    position: relative;
    overflow: hidden;
    background: #fff;
    width: 100%;
    margin: 0 auto;
    font-family: 'Roboto', Arial, sans-serif;
    font-weight: 300;
    color: #151414;
    -webkit-font-smoothing: antialiased;
    padding-top: 1em;
    font-size: 0.9375em;
    overflow: visible;
}

.tabs {
    display: table;
    position: relative;
    overflow: hidden;
    margin: 0;
    width: 100%;
    background: rgb(175, 215, 212);
}

.tabs li {
    float: left;
    line-height: 2.4em;
    overflow: hidden;
    padding: 0;
    position: relative;
    background: rgb(44, 178, 169);
    color: #fff;
    display: block;
    letter-spacing: 0;
    outline: none;
    border-right: 1px solid rgb(255, 255, 255);
    font-size: 0.9375em;
    /*padding: 0 25px;*/
    padding: 0 1em;
    font-weight: 300;
    cursor: pointer;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.tabs_item {
    width: 100%;
    position: relative;
    min-height: 10.6em;
}


.tabsSaveResetToDefaultBtn {
    position: absolute;
    bottom: 1em;
    right: 5em;
}

.tab_content {
    box-sizing: border-box;
    height: 12.2em;
    padding: 0.55em;
    border: 1px solid rgb(235, 235, 235);
    background: rgb(232, 232, 232);
}

.tabs li.active {
    background: rgb(74, 78, 103);
    -webkit-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .6);
    -moz-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .6);
    box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .6);
}

.tabs li:hover {
    background-color: rgb(52, 200, 190);
}

.tabs li.active:hover {
    background: rgb(74, 78, 103);
    -webkit-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .6);
    -moz-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .6);
    box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .6);
}

.tabs li.disabled {
    background: rgb(176, 176, 176)
}

.tabs li.disabled:hover {
    background: rgb(176, 176, 176)
}

.tabs li.error {
    background: #bd362f
}

.tabs li.error:hover {
    background: #bd362f
}

.toWholeSignal {
    display: inline-block;
    margin-left: 10px;
    vertical-align: top;
}

.addNewContainerParameters {
    margin-top: 0.6em;
    width: 100%;
}

.parametersButtonsGroup {
    padding-right: 1em;
    width: 47%;
    max-width: 47%;
}

.beatDetectionHolder {
    margin-left: 1em;
    float: left;
}

/*.parametersTimeWrapper {*/
    /*width: 31em;*/
/*}*/

.selectDefaults {
    margin: 0 0 1.5em 0;
}

.table-text.parametersTable {
    text-align: center;
}

.addNewParameter {
    margin-top: 0.2em;
    float: left;
}
.addNewContainerParameters .saveNew {
    margin-right: 0.5em;
}

.fullWidthHead {
    width: 100%;
    display: block;
    padding: 10px;
}

.tabSubtitle {
    margin: 0;
}

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

.saveNew {
    margin-left: .9em;
}

.customizeDefaultsLoadDefaults {
    width: 100%;
    margin-top: 7em;
}

.invertContainer {
    margin-left: 10px;
}

.tabsCheckbox {
    vertical-align: middle;
}

.smallSelect {
    font-size: .95em;
    cursor: pointer;
    border: 1px solid #2CB2A9;
    background: #fff url("../img/dropdown_arrow.png");
    background-repeat: no-repeat;
    background-position: 88%;
    background-size: 5px 5px;
    -webkit-appearance: none;
    line-height: 1.5em;
    min-width: 3em;
}

.mediumSelect {
    background-position: 88%;
    min-width: 5em;
}

.invertSelectBoxesHolder {
    float: left;
    margin-left: 20px;
}

.minRRandBlankingPeriodHolder {
    float: left;
    margin-left: 20px;
}

.largestSpaceLabel {
    /*min-width: 12em;*/
    min-width: 10em;
    display: inline-block;
}

.largerSpaceLabel {
    min-width: 8em;
    display: inline-block;
}

.meduimSpaceLabel {
    min-width: 8em;
    display: inline-block;
}

.sveRateHolder {
    float: left;
    margin-left: 20px;
}

.otherContentInEvents {
    float: left;
    margin-left: 20%;
}

.parametersTimeHolder {
    margin-top: 0.75em;
}

.doneHolder {
    margin-top: 2em;
}

.tachsAndSigmaHolder {
    float: left;
    margin-left: 20px;
}

.notchAndPowerFrequency {
    float: left;
    margin-right: 20px;
}

.adaptiveDenoisingGroup, .defaultFilterGroup {
    float: left;
    margin-left: 20px;
}

.filteringGroup {
    float: right;
    margin-top: .9em;
    margin-right: 4.8em;
}

.filteringNewParameters {
    margin: 0.9em;
}

.addNewContainerInParameters {
    float: left;
    margin-top: 0.4em;
    margin-left: 1.4em;
}

.defaultFiltering {
    width: 14%;
    float: left;
}

.largerSpaceDefaultFiltering {
    width: 11%;
    float: left;
}

.adaptiveDenoisingContainer {
    width: 15%;
    float: left;
}

.filteringSubtitle {
    display: block;
    text-align: center;
    margin-bottom: 1em;
}

.baselineWanderingRemovalTable {
    width: 100%;
    text-align: center;
}

.networkRemoval {
    width: 100%;
    text-align: left;
    margin-left: 0.3em;
}

.adaptiveDenoising {
    width: 80%;
    display: block;
    float: left;
    margin-left: 4em;
}

.spaceRow {
    display: block;
    margin-bottom: .5em;
}

.filteringRange {
    float: left;
    width: 100%;
}

output {
    position: absolute;
    background-color: #fff;
    width: 1.9em;
    height: 1.9em;
    text-align: center;
    color: white;
    border-radius: 50%;
    display: inline-block;
    font: bold 15px/30px Georgia;
     z-index: 10 ;
    left: 0;
}
.applyFiltering {
    position: absolute;
    right: 1em;
    bottom: 1em;
}

.showSettings {
    display: none;
}

.smallBtn .whiteSmallIcon {
    font-size: 11px;
}

.loadDefaultLabel {
    display: block;
    margin-bottom: .5em;
}

.loadDefaultPulledRight {
    margin-left: 10%;
    float: left;
}
.boxStat1 {
    width: 41%;
    border-right: 1px solid #fff;
    overflow: hidden;
    float: left;
    display: inline-block;
}
.boxStat2 {
    width: 18%;
    max-width: 18%;
    border-right: 1px solid #fff;
    overflow: hidden;
    float: left;
    display: inline-block;
    margin-left: 2%;
    min-height: 8em;
}
.boxStat3 {
    width: 32%;
    max-width: 32%;
    /*border-right: 1px solid #fff;*/
    overflow: hidden;
    float: left;
    display: inline-block;
    margin-left: 2%;
}
.boxStatSummary2 {
    width: 30%;
    max-width: 30%;
}
.boxStatButtons {
    /*width: 13.5%;*/
    width: 56%;
    float: left;
}
.boxStatButtons button {
    width: 47%;
    height: 3em;
    margin-left: 3%;
    margin-top: 2%;
    float: left;
    text-transform: none;
}
.boxStatList {
    width: 99%;
    margin-left: 2%;
    float: left;
    height: 5em;
    overflow: hidden;
    /*border: 1px solid black;*/
}
.boxStatList-element {
    float: left;
    width: 48.5%;
    min-width: 10em;
    /*margin-left: 2.2%;*/
    display: inline-block;
    /*margin-left: 0.3em;*/
    margin-top: 0.9em;
    /*font-size: 0.8rem!important;*/
}
.margin-left_stat {
    margin-left: 5%;
}
@media all and (max-width: 1600px) {
    .boxStatList-element {
        /*font-size: 0.7rem!important;*/
        margin-top: 0.85em;
    }
}
.boxStatList-item {
    float: left;
    display: inline-block;
    width: 38%;
    margin-left: 3%;
}
.boxStatList-item select {
    width: 100%;
    margin-top: 2%;
}
.boxStat2-element {
    display: block;
    margin-top: 0.7em;
}
.boxStat3-element {
    margin-top: 0.7em;
}
.statName2 {
    display: inline-block;
    width: 48%;
    max-width: 48%;
    float: left;
    margin-top: 0.3em;
    height: 1.1em ;

}
.statValue2 {
    display: inline-block;
    width: 50%;
    max-width: 50%;
    float: left;
    margin-top: 0.3em!important;
    height: 1.1em ;
}
.statName3 {
    display: inline-block;
    width: 52%;
    max-width: 52%;
    float: left;
    margin-top: 0.3em;
}
.statValue3 {
    display: inline-block;
    width: 48%;
    max-width: 48%;
    float: left;
    margin-top: 0.3em!important;
}
.smallTextBeats {
    font-size: 0.8em;
}
@media all and (max-width: 1366px) {
    .boxStat1 {
        width: 42%!important;
        max-width: 42%;
    }
    .boxStat2 {
        width: 21%!important;
        max-width: 21%;
        margin-left: 1%;
    }
    .boxStat3 {
        width: 35%!important;
        max-width: 35%;
        margin-left: 1%;
    }
    .boxStatSummary2 {
        width: 30%!important;
        max-width: 30%;
    }
    .smallInputSummary {
        width: 3em;
        max-width: 3em;
    }
}
@media only screen and (min-width:1276px) and (max-width: 1370px)  {
    .boxStatList {
        /*padding-left: 10%;*/
    }
}
@media all and (max-width: 1140px) {
    .statName2 {
        font-size: 0.95em;

    }
    .statValue2 {
        font-size: 0.95em;
    }
    .statName3 {
        font-size: 0.95em;
    }
    .statValue3 {
        font-size: 0.95em;
    }
    .smallTextBeats {
        font-size: 0.8em;
    }
}
.float-right_margin {
    float: right!important;
    /*margin-right: 4%;*/
}
.float-left_margin {
    /*float: right!important;*/
    /*margin-left: 4%;*/
}
.right_border {
    border-right: 2px solid #fff;
}
@media only screen and (max-width:1185px) and (min-width: 999px)  {
    .boxStatList-element {
        width: 70%;
        max-width: 70%;
        margin-left: 15%;
        margin-top: 0.22em;
    }
    .boxStatList {
        height: 7em;
    }
    .right_border {
        border-right: none;
    }
}

/*Show error message dialog*/
#dialogMe
{
    background: #fff;
    color: #212121;
    border: 1px solid #212121;
    border-radius: 2px;
    padding: 10px;
}

.dialog {
    margin: 0;
    background: #fff;
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    width: 300px;
    height: 185px;
    margin-left: -150px;
    margin-top: -92.5px;
    border-radius: 2px;
    box-shadow: 0 27px 55px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 17px 17px 0 rgba(0, 0, 0, 0.15);
    border: 1px solid rgba(0, 0, 0, 0.3);
    padding: 15px;
    /*-webkit-transition: all 0.5s ease-in-out;*/
    /*-moz-transition: all 0.5s ease-in-out;*/
    /*-0-transition: all 0.5s ease-in-out;*/
    /*transition: all 0.5s ease-in-out;*/
    opacity: 0;
    z-index: 500;
    padding: 0!important;
}

.dialog h2 {
    margin-top: 0px;
    font-size: 20px;
    font-weight: 500;
}

#close {
    float: right;
    font-size: 20px;
    margin-top: -2.5px;
    cursor: pointer;
    /*-webkit-transition: all 0.5s ease-in-out;*/
    /*-moz-transition: all 0.5s ease-in-out;*/
    /*-0-transition: all 0.5s ease-in-out;*/
    /*transition: all 0.5s ease-in-out;*/
}

#okButton {
    position: fixed;
    /*top: 50%;*/
    top: 2.3em!important;
    left: 50%;
    margin-left: -75px;
    position: relative;
    width: 150px;
    height: 37px;
    border: none;
    outline: none;
    letter-spacing: 3px;
    cursor: pointer;
    overflow: hidden;
    user-select: none;
    border-radius: 3px;
    box-shadow: 0 4px 10px 0 rgba(44, 178, 169,.2);
    /*background:#212121;*/
    color: #fff;
}

.dialogBlack {
    margin: 0;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    position: fixed;
    background: #000;
    opacity: 0;
    z-index: -5;
    /*-webkit-transition: all 0.5s ease-in-out;*/
    /*-moz-transition: all 0.5s ease-in-out;*/
    /*-0-transition: all 0.5s ease-in-out;*/
    /*transition: all 0.5s ease-in-out;*/
}
.dialog h4 {
    text-align: center;
    background: #f5c2c2;
    padding: .6em 0;
    margin: 0;
    font-weight: normal;
    font-family: Roboto, Arial, sans-serif;
}
.dialog p {
    font-size: 1em;
    text-align: center;
    font-family: 'Roboto, Arial, sans-serif';
}
.infoMessageHeader {
    background: #f5c2c2!important;

}
.infoMessageHeader span {
    color: #000;
}
/*Time tab*/
.timeInputWrapper {
    /*margin-left: 14%;*/
    height: 5em;
    width: 100%;
}
.saveTimeTab {
    float: right;
    margin-right: 32%;
}
    .timeInputWrapper span {
        display: block;
        float: left;
        width: 99%;
        margin-top: 0.5em;
        margin-left: 12%;
    }
        .timeInputWrapper input {
            width: 4em;
            min-width: 4em;
            margin-right: 45%;
            float: right;
        }
        .timeInputWrapper label {
            width: 55%;
            max-width: 55%;
        }
.save_close-Wrapper {
    display: block;
    margin-top: 1em;
}
.timeHeading {
    font-size: 1.2em;
    text-align: center;
    margin-left: 11%;
}
.timeTabBorder {
    border-right: 1px solid #fff;
}
@media only screen and (max-width: 1430px) {
    /*.timeInputWrapper {*/
        /*margin-left: 14%;*/
        /*height: 5em;*/
    /*}*/
    /*.saveTimeTab {*/
        /**/
    /*}*/
    /*.timeInputWrapper span {*/
        /*display: block;*/
        /*float: left;*/
        /*width: 99%;*/
        /*margin-top: 0.5em;*/
    /*}*/
    /*.timeInputWrapper input {*/
        /*width: 4em;*/
        /*min-width: 4em;*/
        /*margin-right: 30%;*/
        /*float: right;*/
    /*}*/
    /*.timeInputWrapper label {*/
        /*width: 54%;*/
        /*max-width: 54%;*/
        /*font-size: 1.2em;*/
    /*}*/
    /*.addNewTimeParameter {*/
        /*/!*float: left;*!/*/
        /*/!*width: 64%;*!/*/
        /*/!*max-width: 64%;*!/*/

    /*}*/
    /*.loadDefaultPulledRight {*/
        /*margin-left: 0;*/
        /*float: left;*/
        /*margin-top: 1em;*/
    /*}*/
    /*.addNewTimeParameter span {*/
        /*font-size: 1.2em;*/
    /*}*/
}
.comment2 {
    width: 42%;
    float: right;
    margin-left: 0.8em;
    min-width: 28%;
    margin-top: 0.5em;

}
    .comment2 textarea {
        box-sizing: border-box;
        width: 100%;
        min-width: 50%;
        height: 8em;
    }
@media only screen and (max-width: 1873px) {
    .comment2 {
        width: 41%;
        /*min-width: 30%;*/
    }
}
@media only screen and (max-width: 1772px) {
    .comment2 {
        width: 40%;
    }
}
@media only screen and (max-width: 1682px) {
    .comment2 {
        width: 39%;
    }
}
@media only screen and (max-width: 1593px) {
    .comment2 {
        width: 38%;
    }
}
@media only screen and (max-width: 1561px) {
    .comment2{
        width: 36.5%;
        /*min-width: 20%;*/
    }
}
@media only screen and (max-width: 1514px) {
    .comment2 {
        width: 35.2%;
        /*min-width: 20%;*/
    }
}
@media only screen and (max-width: 1483px) {
    .comment2{
        width: 34%;

    }
}
@media only screen and (max-width: 1457px) {
    .comment2 {
        width: 33.5%;
    }
}
@media only screen and (max-width: 1450px) {
    .comment2{
        width: 39%;
    }
}
@media only screen and (max-width: 1400px) {
    .comment2 {
        width: 45.9%;
    }
}
@media only screen and (max-width: 1354px) {
    .comment2{
        width: 44%;
    }
}
@media only screen and (max-width: 1326px) {
    .comment2 {
        width: 42.5%;
    }
}
@media only screen and (max-width: 1292px) {
    .comment2 {
        width: 40.5%;
    }
}
@media only screen and (max-width: 1254px) {
    .comment2 {
        width: 38%;
    }
}
@media only screen and (max-width: 1227px) {
    .comment2 {
        width: 36%;
    }
}
@media only screen and (max-width: 1193px) {
    .comment2 {
        width: 34%;
    }
}
@media only screen and (max-width: 1110px) {
    .comment2 {
        width: 32%;
    }
}
@media only screen and (max-width: 1078px) {
    .comment2 {
        width: 30%;
    }
}
@media only screen and (max-width: 1048px) {
    .comment2 {
        width: 25%;
    }
    .comment2 textarea{
        width: 19em;
    }
}
@media only screen and (max-width: 1039px) {
    .comment2 {
        width: 25%;
        min-width: 19em;
    }
    .comment2 textarea{
        width: 19em;
    }
}
@media only screen and (max-width: 1022px) {
    .comment2 {
        width: 23%;
        min-width: 16.5em;
    }
    .comment2 textarea {
        width: 16.5em;
    }
}
/*@media only screen and (max-width: 1048px) {*/
    /*.comment2{*/
        /*width: 24%;*/
    /*}*/
    /*.comment2 textarea{*/
        /*width: 18em*/
    /*}*/
/*}*/
.uploadFile {
    width: 18%;
    float: left;
    min-width: 16em;
    padding: 0!important;
    margin: 1em;
}
.print-tab_lead {
    float: left;
    width: 11%;
    margin-left: 0.8em;
    min-width: 10em;
    height: 10em;

}
@media only screen and (max-width: 1400px) {

    .expertUploadBtn1 {
        display: block;
        /*width: 82%;*/
        width: 100%;
        margin: 0.2em auto;
        float: none!important;
        position:relative;
    }
    .expertUploadBtn2 {
        display: block;
        width: 82%;
        width: 100%;
        margin: 0.5em auto;
        float: none!important;
        position:relative;
     }
    .print-tabButtons_true {
        width: 9.5%;
        min-width: 9.5em;
    }
    .centerButtonsEO {
        width: 81%;
        margin-top: 0.5em;
        min-width: 8.5em;
    }

}
/*.form_true {*/
    /*width: 14%;*/
    /*float: left;*/
/*}*/
.minWidthAn {
    min-width: 23em;
}