.recom-premium-tooltip { position: relative; opacity: 1; z-index: 1; }
.recom-premium-tooltip.left .tooltip-arrow { border-left-color: rgba(127, 90, 200, 0.12); }
.recom-premium-tooltip .tooltip-inner { padding: 6px 8px 6px 6px; max-width: none; background-color: rgba(127, 90, 200, 0.12); color: #7f5ac8; font-size: 10px; }

#loginmodal .btn { font-size: 14px; }
#loginmodal .modal-body, #registermodal .modal-body { font-size: 14px; color: #6a6c6f; }
.signup-or-separator { background: none; height: 34px; position: relative; text-align: center; }
.signup-or-separator--text { background-color: #fff; display: inline-block; padding: 8px; }

.dropdown-menu>li>div:focus, .dropdown-menu>li>div:hover {
    color: #262626;
    text-decoration: none;
    background-color: #f5f5f5;
}

.top-search-menu .top-cat-a {display: block; padding: 3px 20px; clear: both; font-weight: 400; line-height: 1.42857143; color: #333; white-space: nowrap; }
.top-search-menu .top-cat-a:focus, .top-search-menu .top-cat-a:hover {color: #262626; text-decoration: none; background-color: #f5f5f5;}

.top-profile-menu { left: auto; right: 0; margin-top: -2px; }
.top-search-menu { top: 60px; width: 250px; max-height: 600px; padding-top:0px; padding-bottom:0px;}
.top-search-menu>li>a, .top-search-menu .top-cat-a { padding: 12px 20px; border-bottom: 1px solid #DBDBDB; }
 
.email-verify-box { margin-bottom: 24px; background: #F1EAFF; padding: 20px 30px; font-size: 14px; color: #333; }
.ice-breake-box { margin-bottom: 24px; background: rgba(255, 202, 40, 0.098); padding: 20px 20px; font-size: 14px; color: #333; }

.main-top-placeholder::placeholder { color: #999 !important; opacity: 0.5; }

.tooltip.w-220 .tooltip-inner{max-width:220px;}
.top-pro-guide { color:#7f5ac8 !important; }
.top-pro-guide.active { color:#6cbb24 !important; border : 0px solid #6cbb24; border-bottom-width: 3px; padding-bottom:4px; }

.btn-grammar { position: relative; }
.btn-grammar .active-bar { width: 40px; height: 4px; border-radius: 30px; background: #369fff; position: absolute; bottom: -15px; left: calc(50% - 20px); display: none; }
.btn-grammar.active .active-bar { display: block; }