@import url("//fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&lang=en");


@media (max-width: 500px) {
    h2 {
        font-size: 18px !important;
    }

    .middle-box {
        margin-top: 20px;
    }

    .labelEdit {
        font-size: 14px;
    }

    .ruleSetExpBuilder {
        width: 300px !important;
    }

    .buttonsAction {
        position: static !important;
    }

    .titleLabel {
        width: 50%;
    }

    .contentHeading {
        min-height: 40px !important;
    }

    .studyPageTitle, .pageHeaderTitle {
        margin-left: 20px !important;
        font-size: 17px !important;
        text-align: left;
        max-height: none !important;
    }

    .modalPanel .popupContent {
        min-width: 350px;
    }

    .middle-box {
        margin-top: 30px;
    }
}
@media (min-width: 501px) and (max-width: 767px) {
    h2 {
        font-size: 21px !important;
    }
    h1 {
        width: auto !important;
    }

    .childTree {
        margin-bottom: 0px;
    }

    .studyPageTitle, .pageHeaderTitle {
        margin-left: 20px !important;
        font-size: 19px !important;
        text-align: left;
        max-height: none !important;
    }

    .middle-box {
        margin-top: 50px;
    }
}


@media (min-width: 767px) and (max-width: 900px) {
    .studyPageTitle, .pageHeaderTitle {
        margin-left: 0px !important;
    }
}

@media (min-width: 768px) and (max-width: 1200px) {
    h2 {
        font-size: 23px !important;
    }
}

@media (min-width: 1200px) {
    h2 {
        font-size: 22.5px !important;
    }
}

.apiTokenColumn {

}