html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 0px;
}

input.disabled {
    pointer-events: none;
    color: #AAA;
    background: #F5F5F5;
}

.bluechange {
    color:blue;
}

.sqlContainer {
    width: 47%;
    min-width: 550px;
    max-height: 475px;
    width: 100%;
    overflow-y: scroll;
    border: 1px solid gray;
    margin: 0;
    padding: 0;
    margin-right: 15px;
    margin-left: 15px;
}

.sqlContainerMax {
    max-height: 2500px;
    min-width: 550px;
    width: 100%;
}

.sqlText {
    min-width: 550px;
    width: 100%;
    max-width: 100%;
    min-height: 2500px;
    overflow-wrap: anywhere;
    padding: 5px;
    border: 0;
    position: relative;
    bottom: 0px;
    left: 0px;
    z-index: 7;
    color: #000; /* Fallback for older browsers */
    color: rgba(0, 0, 0, 0.3);
    font-family: Arial, sans-serif;
    font-size: 10pt;
    white-space: normal;
}

.sqlFormatted {
    min-width: 550px;
    width: 100%;
    max-width: 100%;
    min-height: 2500px;
    bottom: 2500px;
    overflow-wrap: anywhere;
    padding: 5px;
    border: 0;
    position: relative;
    left: 0px;
    font-family: Arial, sans-serif;
    font-size: 10pt;
    white-space: normal;
}
.langhidden {
    visibility: hidden;
}
.small-info {
    font-size: small;
    font-style: italic;
    color:green;
}

.mappinglist {
    border: solid 1px #DCDCDC;
}
.dropzone {
    border-bottom: solid 1px #DCDCDC;
    cursor: pointer;
}
.nocolumnmatch {
    background-color: #ffe8e8;
}
.columnmatch {
    background-color: #d2f8d2;
}
ul.no-bullets {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.modal-dialog {
    cursor:pointer;
}

/* chart legend */
.legend {
    list-style: none;
}
.legend li {
    float: left;
    margin-right: 10px;
}

.legend .lspan {
    border: 1px solid #ccc;
    float: left;
    width: 12px;
    height: 12px;
    margin: 6px;
}
.nocolumnmatch {
    background-color: #ffe8e8;
}

.columnmatch {
    background-color: #d2f8d2;
}
.mapspan {
    font-weight:bold;
    font-size:large;
}
.nomapspan {
    font-weight: bold;
    font-size: large;
}
.dark-outline {
    text-shadow: -1px -1px 0 #696969, 1px -1px 0 #696969, -1px 1px 0 #696969, 1px 1px 0 #696969;
}
.green-info {
    font-size:small;
    color:green;
}
.orange-info {
    font-size: medium;
    color: orange;
}
.orange-info-small {
    font-size: small;
    color: orange;
}
.red-info {
    font-size: medium;
    color: red;
}
.red-info-small {
    font-size: small;
    color: red;
}
.blue-link {
    color: blue;
    font-size: medium;
    text-decoration: underline;
    cursor: pointer;
}
.blue-link-small {
    font-size: small;
    color: blue;
    text-decoration: underline;
    cursor: pointer;
}

.blue-info {
    color: blue;
    font-size: small;
    cursor: pointer;
}
.app-info_p {
    font-size: small;
    color: #0d67b5;
    cursor: pointer;
}
.search {
    position: relative;
    box-shadow: 0 0 40px rgba(51, 51, 51, .1);
}

.search input {
    text-indent: 15px;
    height: 47px;
    border: 2px solid #d6d4d4;
}

.search input:focus {
    box-shadow: none;
}

.search .fa-search {
    position: absolute;
    top: 20px;
    left: 16px;
}

.search button {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 110px;
}