.tb-amo-modal-error .modal-body { width: 520px; white-space: break-spaces; text-align: center; color: rgb(240, 68, 68); padding: 2.5em; font-size: 20px; } .tb-amo-widget .tb-amo-title { font-weight: bold; font-size: 20px; } .tb-amo-widget .tb-amo-instruction { margin: 0; padding: 0; } .tb-amo-widget .tb-amo-agreement { padding-top: 20px; } .tb-amo-widget .widget_settings_block ol b { font-weight: bold; } .tb-amo-widget .widget_settings_block ol li { list-style-type: decimal; } .tb-amo-agreement input[name="agreement_check"] { margin-right: 5px; } .tb-amo-agreement input[name="agreement_check"], .tb-amo-agreement label { cursor: pointer; } .tb-amo-right-column { background: #fff; &__body { cursor: default; padding: 10px; } &::before { display: none; } &__caption { background: rgb(0, 0, 0); &::after { content: attr(data-caption-text); position: absolute; top: 12px; left: 8.5em; font-size: 15px; color: #fff; text-transform: uppercase; } } } .tb-amo-blank-select-item { display: none; } .tb-tooltip { position: relative; &__text { opacity: 0; visibility: hidden; overflow-wrap: break-word; box-sizing: border-box; width: 120px; background-color: #555; color: #fff; text-align: center; padding: 5px; border-radius: 6px; position: absolute; z-index: 1; bottom: calc(100% + 5px); left: 50%; margin-left: -60px; transition: opacity 0.4s; } &:hover &__text { opacity: 1; visibility: visible; } &__text::after { content: " "; position: absolute; top: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: #555 transparent transparent transparent; } &_pos_left &__text { bottom: inherit; left: inherit; top: -5px; right: 106%; } &_pos_left &__text::after { top: 50%; left: 100%; /* To the right of the tooltip */ margin-left: 0px; margin-top: -5px; border-color: transparent transparent transparent #555; } }