@font-face {
    font-family: 'RobotoRegular';
    src: url('../../../../../src/assets/fonts/Roboto/RobotoRegular/RobotoRegular.eot');
    src: url('../../../../../src/assets/fonts/Roboto/RobotoRegular/RobotoRegular.eot?#iefix') format('embedded-opentype'),
         url('../../../../../src/assets/fonts/Roboto/RobotoRegular/RobotoRegular.woff2') format('woff2'),
         url('../../../../../src/assets/fonts/Roboto/RobotoRegular/RobotoRegular.woff') format('woff'),
         url('../../../../../src/assets/fonts/Roboto/RobotoRegular/RobotoRegular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham Pro Regular';
    src: url("../../../../../src/assets/fonts/gothampro-regular.woff");
    src: url("../../../../../src/assets/fonts/gothampro-regular.woff2");
    font-weight: 400;
    font-display: swap;
    font-style: normal;
}

.uniTipsHelp {
    position: absolute;
    top: 44px;
    z-index: 9999999999;
    background: #fff;
    width: 100%;
    max-width: 300px;
    border-radius: 4px;
    border: 1px solid #eee;
    box-shadow: 0px 8px 15px 0px rgba(0, 0, 0, 0.12);
}

.uniTipsHelp__item {
    cursor: pointer;
    font-size: 14px;
    padding: 10px 10px 10px 20px;
    display: block;
    border-radius: 2px;
    transition: 0.4s;
    font-family: 'RobotoRegular', Helvetica, Arial, sans-serif;
}

.uniTipsHelp__item:hover {
    background: #eee;
}

.uniTipsHelp__item span {
    color: #ef5921;
    font-weight: bold;
}