/*!********************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./static/style.css ***!
  \********************************************************************/

html {
    margin: 0;
    padding: 0;
    color: -internal-root-color;
    display: block;
}


/* app */

#mainContent {
    width: 98.5%;
    height: 95vh;
    padding-left: 1.5%;
}


/* nav_menu */

#reportUrlCopiedText {
    color: red;
    overflow: visible;
    z-index: 1;
}

#topNav {
    width: 100%;
    height: 4vh;
}

#reportSrcInput {
    margin-left: 2px;
    margin-right: 2px;
    width: 425px;
}

#reportSrcDiv {
    width: 500px;
    height: fit-content;
}

.noSpaces {
    margin: 0;
    padding: 0;
}

.navButtons {
    width: auto;
    height: max-content;
}


/* home/index */

#tkLogo {
    max-width: 100%;
    max-height: 100%;
}

#testErrorParagraph {
    color: red;
}

#header_grid {
    display: grid;
    grid-template-columns: 0.1fr 1fr;
    grid-template-rows: 0.1fr;
    grid-gap: 5px;
    padding-left: 30px;
    align-items: center;
}

.settingsColumn {
    margin-right: 20px;
}


/* report_viewer */

#reportFrame {
    width: 100.5vw;
    height: 95vh;
    margin-left: -2vw;
}


/* requests/index */

#testCaseSelector {
    min-width: 200px;
    max-width: 100vw;
    width: 50vw;
}

#testRequestData {
    height: 80vh;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

.scrollableDiv {
    margin: 4px, 4px;
    padding: 4px;
    width: 90%;
    height: 70%;
    overflow-x: hidden;
    overflow-y: auto;
    text-align: justify;
}

.primaryBorderColor {
    border-color: blue
}

@-ms-viewport {
    width: device-width;
    height: device-height;
}