.dacbIcon {
    margin-right: 5px;
}

.searchBox {
    color: aliceblue !important;
    width: 400% !important;
}

@media screen and (max-width: 480px) {
    .jumbotron h1 {
        font-size: 16px;
        overflow-wrap: break-word;
    }
}

.flot-chart-dacb {
    padding: 0px;
    position: relative;
}

.fullWidth {
    width: 100%;
}

.footerTopper {
    margin-top: 50px;
}

.color-red {
    color: red;
}

.logoImage {
    float: right;
    margin-right: 30px;
    margin-top: 20px;
}

.twoHundredHeight {
    height: 200px;
}

.ninetyWidth {
    width: 90%;
}

.bigFont {
    font-size: 40px;
}

.fakeH1 {
    font-size: 30px;
    font-weight: bold;
}

.fakeH2 {
    font-size: 24px;
    font-weight: bold;
}

.fakeH3 {
    font-size: 16px;
    font-weight: bold;
}

.fakeH4 {
    font-size: 14px;
    font-weight: bold;
}

.fakeH5 {
    font-weight: bold;
    font-size: 12px;
}

.fakeH6 {
    font-size: 10px;
    font-weight: bold;
}

.smallPadder {
    padding-left: 20px;
}

.mediumPadder {
    padding-left: 30px;
}

.padder {
    padding-left: 40px;
}

.hovertext:hover, .hovertext:focus {
    background: #DF4661!important;
    color: #fff!important
}

.skin-1 a .navbar-minimalize minimalize-styl-2 btn btn-primary:hover, .skin-1 a .navbar-minimalize minimalize-styl-2 btn btn-primary:focus {
    background: #DF4661;
    color: #fff
}

.versioning {
    font-size: 8pt;
}

input[type="text"] {
    width: 100%;
}

select {
    width: 100%;
}

.rowWarningMessage {
    font-style: italic;
    color: #a52a2a;
}

#blanket {
    background-color: #000000;
    height: 100%;
    left: 0;
    -ms-opacity: 0.6;
    opacity: 0.6;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99;
    display: none;
}

.popups {
    left: 20%;
    padding: 10px;
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 60%;
    height: 90%;
    z-index: 600;
    max-height: 750px;
    display: none;
}

.twohundredpopups {
    height: 200px !important;
}

.loading {
    display: inline-block;
    overflow: hidden;
    height: 1.3em;
    margin-top: -0.3em;
    line-height: 1.5em;
    vertical-align: text-bottom;
}

    .loading::after {
        display: inline-table;
        white-space: pre;
        text-align: left;
    }

    .loading::after {
        content: "\A.\A..\A...";
        animation: spin4 2s steps(4) infinite;
    }

    .loading.rhomb::after {
        content: "◇◇◇\A◈◇◇\A◇◈◇\A◇◇◈";
        animation: spin4 1s steps(4) infinite;
    }

/*
 * Class for elements that are only visible to the screen reader. From
 * https://www.paciellogroup.com/blog/2012/05/html5-accessibility-chops-hidden-and-aria-hidden/
 */
.visually-hidden {
    clip: rect(1px 1px 1px 1px); /* IE 6/7 */
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    margin: -1px;
}

/*
 * For `.visually-hidden` elements that should be visible when it gains focus.
 */
.visible-when-focused:focus {
    clip: auto;
    height: auto;
    overflow: visible;
    position: static;
    white-space: normal;
    width: auto;
    margin: auto;
}

/*
 * Style for "Skip Navigation" type links.  Should have an href linked to 
 * a `.bypass-block-target` element.
 */
.bypass-block-link {
    position: absolute;
    text-decoration: none;
    background: #ffffcc;
    padding: 0.2em;
    z-index: 10;
}

.bypass-block-target:focus:target,
[tabindex="0"]:focus,
[tabindex="1"]:focus,
a:focus,
button:focus,
input:focus {
    outline: solid 2px orange;
}

@keyframes spin1 {
    to {
        transform: translateY( -1.5em);
    }
}

@keyframes spin2 {
    to {
        transform: translateY( -3.0em);
    }
}

@keyframes spin3 {
    to {
        transform: translateY( -4.5em);
    }
}

@keyframes spin4 {
    to {
        transform: translateY( -6.0em);
    }
}

@keyframes spin5 {
    to {
        transform: translateY( -7.5em);
    }
}

@keyframes spin6 {
    to {
        transform: translateY( -9.0em);
    }
}

@keyframes spin7 {
    to {
        transform: translateY(-10.5em);
    }
}

@keyframes spin8 {
    to {
        transform: translateY(-12.0em);
    }
}

@keyframes spin9 {
    to {
        transform: translateY(-13.5em);
    }
}

@keyframes spin10 {
    to {
        transform: translateY(-15.0em);
    }
}

@keyframes spin11 {
    to {
        transform: translateY(-16.5em);
    }
}

@keyframes spin12 {
    to {
        transform: translateY(-18.0em);
    }
}

.invisibleid {
    color: #6FA287;
    font-size: 1px;
    display: none !important;
}

.centre {
    align-content: center
}

.audiogramsTable {
    overflow-x: scroll;
    padding-left: 20px;
}

.medicoTable, .medicoTable td {
    border: 1px;
    border-style: solid;
}


.redInfo{
    color:darkred
}