popup.css

/* * {
    border: 1px black dotted;
} */

body{
    display:flex;
    background-color: whitesmoke;
}

#right{
    width:55%
}

#left{
    width:45%
}

#description{
    height: 92vh;
}

input{
    max-width: 60%;
    font-size: 11px;
    border: none;
    background: hsl(0 0% 93%);
    border-radius: .25rem;
    padding: .6rem;
    text-transform: uppercase;
    margin-right: 4px;
    color: dimgrey;
}

::selection {
    color: black;
    background: rgb(187, 187, 187);
  }

::placeholder {
    text-align: center;
    font-size: 11px;
    color: rgb(191,191,191);
    text-transform: none;
}

#description{
    font-size: 11px;
    text-align:justify;
}

#description-title{
    text-align: center;
    font-weight: bold;
}

#symbol{
    font-size: 2em;
    font-weight: bolder;
}

.info{
    font-size: 11px;
    margin-bottom: 8px;
}

.btn:hover{
    color:rgb(155, 155, 155);
}

#icon-is-correct-or-no{
    color:rgb(255, 117, 117);
    margin-left: 5px;
}

.nodataavailable{
    color: rgb(253, 194, 65) !important;
    display:unset !important;
}

.not-conform{
    color:rgb(255, 117, 117) !important;
}

.conform{
    color: rgb(169, 209, 142) !important;
}

.nodata{
    color: rgb(253, 194, 65) !important;
}

.highlight {
    background-color: rgb(250, 106, 106);
    /* color: black; */
}