.bsf-has-tip, .has-tip
{
    cursor: help;
}
.tip
{
    background-color: #000;
    background-color: rgba(0,0,0,.8);
    color: #eee;
    font-size: 11px;
    line-height: 1.5em;
    max-width: 200px;
    padding: 4px 8px;
}
.tip.success
{
    background-color: #47fe42;
    background-color: rgba(71,254,66,.8);
    color: #025600;
}
.tip.error
{
    background-color: #ff7f86;
    background-color: rgba(255,127,134,.8);
    color: #7f0006;
}
.tip.light
{
    background-color: #ebebeb;
    background-color: rgba(235,235,235,.8);
    color: #222;
}
.tip[class*=arrow]:before
{
    content: ' ';
    position: absolute;
    border: solid transparent;
    width: 0;
    height: 0;
    border-width: 5px;
    border-color: #000;
    border-color: rgba(0,0,0,.8);
}
.success[class*=arrow]:before
{
    border-color: #47fe42;
    border-color: rgba(71,254,66,.8);
}
.error[class*=arrow]:before
{
    border-color: #ff7f86;
    border-color: rgba(255,127,134,.8);
}
.light[class*=arrow]:before
{
    border-color: #ebebeb;
    border-color: rgba(235,235,235,.8);
}
.tip.arrow-right:before
{
    border-right-color: transparent;
    border-top-color: transparent;
    border-bottom-color: transparent;
    margin-top: -5px;
    top: 50%;
    left: 100%;
}
.tip.arrow-left:before
{
    border-left-color: transparent;
    border-top-color: transparent;
    border-bottom-color: transparent;
    margin-top: -5px;
    top: 50%;
    right: 100%;
}
.tip.arrow-top:before
{
    border-top-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
    margin-left: -5px;
    bottom: 100%;
    left: 50%;
}
.tip.arrow-bottom:before
{
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
    margin-left: -5px;
    top: 100%;
    left: 50%;
}
.customize-support .tip
{
    background-color: rgba(0,148,221,.95);
    color: #fff;
    font-size: 13px;
    line-height: 1.5em;
    max-width: 200px;
    padding: 5px 11px;
    border: 1px solid #0094dd;
    border-radius: 1px;
}
.customize-support .tip[class*=arrow]:before
{
    border-width: 5px;
    border-color: #0094dd;
    border-color: rgba(0,148,221,.95);
}
.customize-support .tip.arrow-right:before
{
    border-right-color: transparent;
    border-top-color: transparent;
    border-bottom-color: transparent;
    margin-top: -5px;
    top: 50%;
    left: 100%;
}
.customize-support .tip.arrow-left:before
{
    border-left-color: transparent;
    border-top-color: transparent;
    border-bottom-color: transparent;
    margin-top: -5px;
    top: 50%;
    right: 100%;
}
.customize-support .tip.arrow-top:before
{
    border-top-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
    margin-left: -5px;
    bottom: 100%;
    left: 50%;
}
.customize-support .tip.arrow-bottom:before
{
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
    margin-left: -5px;
    top: 100%;
    left: 50%;
}
.tip[class*=close-tip-content]
{
    border-radius: 7px;
    max-width: 300px;
    padding: 15px 30px;
}
.tip[class*=close-tip-content]:before
{
    border-width: 8px!important;
    margin-top: -8px!important;
}
.tip[class*=close-tip-content][class*=arrow-bottom]:before
{
    margin-top: -1px!important;
}
.tip[class*=close-tip-content][class*=arrow-right]:before
{
    left: 100%;
    left: calc(100% - 1px);
}
.cp-innertip.tip[class*=close-tip-content][class*=arrow]
{
    margin-top: 30px!important;
}
@media(max-width: 768px)
{
    .tip[class*=close-tip-content]
    {
        border-radius: 7px;
        max-width: 200px;
        padding: 5px 20px;
    }
}
@media(max-width: 610px)
{
    .tip[class*=close-tip-content]
    {
        max-width: 170px;
    }
}
.ps-container
{
    -ms-touch-action: none;
    overflow: hidden!important;
}
.ps-container.ps-active-x>.ps-scrollbar-x-rail, .ps-container.ps-active-y>.ps-scrollbar-y-rail
{
    display: block;
}
.ps-container.ps-in-scrolling
{
    pointer-events: none;
}
.ps-container.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail
{
    background-color: #eee;
    opacity: .9;
}
.ps-container.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail>.ps-scrollbar-x
{
    background-color: #999;
}
.ps-container.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail
{
    background-color: #eee;
    opacity: .9;
}
.ps-container.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail>.ps-scrollbar-y
{
    background-color: #999;
}
.ps-container>.ps-scrollbar-x-rail
{
    display: none;
    position: absolute;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    opacity: 0;
    -webkit-transition: background-color .2s linear,opacity .2s linear;
    -moz-transition: background-color .2s linear,opacity .2s linear;
    -o-transition: background-color .2s linear,opacity .2s linear;
    transition: background-color .2s linear,opacity .2s linear;
    bottom: 3px;
    height: 8px;
}
.ps-container>.ps-scrollbar-x-rail>.ps-scrollbar-x
{
    position: absolute;
    background-color: #aaa;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: background-color .2s linear;
    -moz-transition: background-color .2s linear;
    -o-transition: background-color .2s linear;
    transition: background-color .2s linear;
    bottom: 0;
    height: 8px;
}
.ps-container>.ps-scrollbar-y-rail
{
    display: none;
    position: absolute;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    opacity: 0;
    -webkit-transition: background-color .2s linear,opacity .2s linear;
    -moz-transition: background-color .2s linear,opacity .2s linear;
    -o-transition: background-color .2s linear,opacity .2s linear;
    transition: background-color .2s linear,opacity .2s linear;
    right: 3px;
    width: 8px;
}
.ps-container>.ps-scrollbar-y-rail>.ps-scrollbar-y
{
    position: absolute;
    background-color: #aaa;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: background-color .2s linear;
    -moz-transition: background-color .2s linear;
    -o-transition: background-color .2s linear;
    transition: background-color .2s linear;
    right: 0;
    width: 8px;
}
.ps-container:hover.ps-in-scrolling
{
    pointer-events: none;
}
.ps-container:hover.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail
{
    background-color: #eee;
    opacity: .9;
}
.ps-container:hover.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail>.ps-scrollbar-x
{
    background-color: #999;
}
.ps-container:hover.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail
{
    background-color: #eee;
    opacity: .9;
}
.ps-container:hover.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail>.ps-scrollbar-y
{
    background-color: #999;
}
.ps-container:hover>.ps-scrollbar-x-rail, .ps-container:hover>.ps-scrollbar-y-rail
{
    opacity: .6;
}
.ps-container:hover>.ps-scrollbar-x-rail:hover
{
    background-color: #eee;
    opacity: .9;
}
.ps-container:hover>.ps-scrollbar-x-rail:hover>.ps-scrollbar-x
{
    background-color: #999;
}
.ps-container:hover>.ps-scrollbar-y-rail:hover
{
    background-color: #eee;
    opacity: .9;
}
.ps-container:hover>.ps-scrollbar-y-rail:hover>.ps-scrollbar-y
{
    background-color: #999;
}
.smile-animated
{
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}