AnonymousFox

/home/platinum/public_html/media/plg_system_nrframework/css/notices.css

.tf-notices{--gap: 20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:5px}.tf-notice{--warning-color: #F4B400;--error-color: #DB4437;--info-color: #4285F4;--success-color: #0F9D58;--white: #fff;--color: transparent;--text-color: #333;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;line-height:1;gap:var(--gap);padding:calc(.8*var(--gap)) var(--gap);border:0;border-left:5px solid var(--color);font-size:15px;font-weight:400;background:var(--white);-webkit-box-shadow:0 2px 2px rgba(0,0,0,.05);box-shadow:0 2px 2px rgba(0,0,0,.05);color:var(--text-color);border-radius:0;font-family:Arial}.tf-notice:last-of-type{margin-bottom:var(--gap)}.tf-notice .orange-text{color:var(--warning-color)}.tf-notice .text-bold{font-weight:bold}.tf-notice.warning{--color: var(--warning-color)}.tf-notice.error{--color: var(--error-color)}.tf-notice.info{--color: var(--info-color)}.tf-notice.success{--color: var(--success-color)}.tf-notice .green-text{color:var(--success-color)}.tf-notice .tf-notice-btn{--tf-notice-btn-bg-color: #999;--tf-notice-btn-color: var(--white);--tf-notice-btn-border-color: transparent;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:calc(.25*var(--gap));border-radius:5px;background:var(--tf-notice-btn-bg-color);color:var(--tf-notice-btn-color);border:1px solid var(--tf-notice-btn-border-color);padding:9.5px 22px;text-decoration:none;-webkit-box-sizing:border-box;box-sizing:border-box}.tf-notice .tf-notice-btn.success{--tf-notice-btn-bg-color: var(--success-color)}.tf-notice .tf-notice-btn.info{--tf-notice-btn-bg-color: var(--info-color)}.tf-notice .tf-notice-btn:not(.outline):hover{opacity:.8}.tf-notice .tf-notice-btn.outline{--tf-notice-btn-bg-color: transparent;--tf-notice-btn-border-color: #999;--tf-notice-btn-color: #666}.tf-notice .tf-notice-btn.outline:hover{--tf-notice-btn-bg-color: #999;--tf-notice-btn-color: var(--white)}.tf-notice .tf-notice-btn svg{display:none}.tf-notice .tf-notice-btn.loading{opacity:.5;pointer-events:none}.tf-notice .tf-notice-btn.loading svg{display:inline-block}.tf-notice>svg:first-child{min-width:38px}.tf-notice>svg.color{fill:var(--color)}.tf-notice svg:not(.color){fill:rgba(0,0,0,.3)}.tf-notice svg:not(.color):hover{fill:#000}.tf-notice .content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:1px;padding:0;margin:0;margin-right:auto;line-height:24px}.tf-notice .content .title{font-size:1.2em;font-weight:700;line-height:23px}.tf-notice .content .description{color:#5c5c5c}.tf-notice .actions{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--gap);white-space:nowrap}.tf-notice .btn-close:not(button){position:relative;top:auto;right:auto;background:rgba(0,0,0,0);width:auto;height:auto;border-radius:0;border:0;padding:0}.tf-notice button.btn-close{position:absolute;background:rgba(0,0,0,0);padding:0;color:rgba(0,0,0,.3);opacity:1;top:var(--gap);right:var(--gap);width:auto;height:auto}.tf-notice button.btn-close:hover{opacity:1}.tf-notice .notice-tooltip-wrapper{position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.tf-notice .notice-tooltip-wrapper .notice-tooltip{--notice-tooltip-top: 8px;z-index:-1;opacity:0;visibility:hidden;position:absolute;min-width:250px;right:-32px;top:calc(100% + var(--notice-tooltip-top))}.tf-notice .notice-tooltip-wrapper .notice-tooltip .notice-tooltip-arrow{position:absolute;top:0;right:44px}.tf-notice .notice-tooltip-wrapper .notice-tooltip .notice-tooltip-arrow:before,.tf-notice .notice-tooltip-wrapper .notice-tooltip .notice-tooltip-arrow:after{bottom:100%;left:50%;border:solid rgba(0,0,0,0);content:"";height:0;width:0;position:absolute;pointer-events:none}.tf-notice .notice-tooltip-wrapper .notice-tooltip .notice-tooltip-arrow:before{border-color:rgba(179,179,179,0);border-bottom-color:#cacaca;border-width:11px;margin-left:-11px}.tf-notice .notice-tooltip-wrapper .notice-tooltip .notice-tooltip-arrow:after{border-color:rgba(255,255,255,0);border-bottom-color:#fff;border-width:10px;margin-left:-10px}.tf-notice .notice-tooltip-wrapper .notice-tooltip .notice-tooltip-inner{padding:16px;color:#333;font-size:15px;background:#fff;border-radius:3px;-webkit-box-shadow:0 0 10px 2px rgba(0,0,0,.1);box-shadow:0 0 10px 2px rgba(0,0,0,.1);line-height:20px}.tf-notice .notice-tooltip-wrapper .notice-tooltip.leftPosition{right:auto;left:-25px}.tf-notice .notice-tooltip-wrapper .notice-tooltip.leftPosition .notice-tooltip-arrow{right:auto;left:37px}.tf-notice .notice-tooltip-wrapper .notice-tooltip.is-visible{--notice-tooltip-top: 16px;z-index:99999;opacity:1;visibility:visible}@media only screen and (min-width: 992px){.tf-notice .notice-tooltip-wrapper .notice-tooltip{width:500px}}@media only screen and (min-width: 552x)and (max-width: 991px){.tf-notice .notice-tooltip-wrapper .notice-tooltip{width:300px}}@media only screen and (max-width: 435px){.tf-notice .notice-tooltip-wrapper{width:100%}.tf-notice .notice-tooltip-wrapper .notice-tooltip{min-width:calc(100vw - 32px);left:0;right:auto;right:auto;left:-25px}.tf-notice .notice-tooltip-wrapper .notice-tooltip .notice-tooltip-arrow{right:auto;left:37px}}.tf-notice a:not(.tf-notice-btn){color:var(--text-color);text-decoration:underline;opacity:.8}.tf-notice a:not(.tf-notice-btn):hover{opacity:1}.tf-notice input[type=text]{padding:8px;height:auto;background:#f8f8f8;border:1px solid rgba(0,0,0,.1);border-radius:2px;margin:0;font-size:1em;-webkit-transition:none;transition:none}.tf-notice input[type=text]:hover{border-color:rgba(0,0,0,.25)}.tf-notice input[type=text]:focus{border-color:rgba(0,0,0,.5)}@media only screen and (max-width: 1200px){.tf-notice{-ms-flex-wrap:wrap;flex-wrap:wrap}.tf-notice .actions{-ms-flex-wrap:wrap;flex-wrap:wrap}}@media only screen and (min-width: 992px){.tf-notice .tf-notice-btn:not(.tf-notice-download-key-btn){width:150px}.tf-notice.alert-dismissible{padding-right:calc(3*var(--gap))}.tf-notice button.btn-close{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}}@media only screen and (min-width: 576px){.tf-notice input[type=text].tf-notice-download-key{min-width:300px}}