.cubeFormParent{
    border: solid 3px black;
    border-radius: 30px;
    padding: 20px;
}
.cubeFormParent textarea:focus-visible, .cubeFormParent input:focus-visible{
    outline: 0;
    background-color: #c8c8c8;
}
.cubeInput{
    background-color: #D9D9D9;
    border: 0 !important;
    border-radius: 23px !important;
    padding: 15px 25px !important;
}
.cDivider{
    border-bottom: solid 2px black;
    margin: 25px 0 60px 0;
    text-align: right;
}
.runAtest{
    background-color: #81D7D8 !important;
    color: black !important;
    border-radius: 25px !important;
    margin: 5px 0;
    border: 0 !important;
    padding: 12px 35px !important;
    font-weight: 500 !important;
    height: 50px;
    cursor: pointer;
}
.runAtest:hover{
    background-color: #E1D1D1 !important;
}
.exWidth{
    width: 35% !important;
}
.runOK{
    position: fixed;
    top: 47px;
    left: 30px;
    font-size: 43px;
}
.bgPink{
    background-color: #E1D1D1 !important;
}
.bgBrown{
    background-color: #D6B07F !important;
}
.bgPurple{
    background-color: #BD7FD8 !important;
}
.bgGreen{
    background-color: #83D87E !important;
}
.fs-big{
    font-size: 100px;
}
.t-height{
    height: 185px;
    overflow-y: auto;
}

/* cubeResults */
.cubeResults{
    display: flex;
    flex-wrap: wrap;
    gap: 29px;
}
.divCubeParent{
    background-color: #E1D1D1;
    border-radius: 14px;
    flex-basis: 100%;
    padding: 12px 10px 15px 15px;
    overflow-wrap: anywhere;
}
#cubeContent{
    overflow-y: auto;
    height: 121px;
    font-size: 14px;
}
#cubeContent::-webkit-scrollbar {
    width: 4px;
}

#cubeContent::-webkit-scrollbar-thumb {
    background: #dac8c8;
    border-radius: 10px;
    cursor: auto;
}

#cubeContent::-webkit-scrollbar-thumb:hover {
    background: #c7b3b3;
}
/*end Cube results*/

.form-group::-webkit-scrollbar,
.phrases::-webkit-scrollbar {
    width: 4px;
}
.form-group::-webkit-scrollbar-thumb,
.phrases::-webkit-scrollbar-thumb {
    background: #666666;
    border-radius: 10px;
    cursor: auto;
}

#test_result::-webkit-scrollbar {
    width: 4px;
}

#test_result::-webkit-scrollbar-thumb {
    background: #dac8c8;
    border-radius: 10px;
}

#test_result::-webkit-scrollbar-thumb:hover {
    background: #c7b3b3;
}



.phrases {
    display: none;
    position: absolute;
    bottom: -14px;
    right: 25px;
    background-color: #fff;
    box-shadow: 0 0 9px 0 #d7d7d7;
    border-radius: 10px;
    z-index: 9;
    padding: 10px;
    width: 350px;
    height: 179px;
    overflow-y: auto;
}
.showPH{
    display: block !important;
}


/* responsive */
@media (max-width:700px){
    .exWidth{
        width: 100% !important;
    }
}