FM / css

/home/techb158/ileadtechnology.com/public/css/

/home/techb158/ileadtechnology.com/public/css

Name	Size	Mode	Actions
images/	-	0755	rm
animate.min.css	57995	0644	edit dl rm
app.css	119930	0644	edit dl rm
bootstrap.css	178152	0644	edit dl rm
bootstrap.min.css	144877	0644	edit dl rm
colorbox.css	3940	0644	edit dl rm
component.css	4214	0644	edit dl rm
custom-style.css	2	0644	edit dl rm
datepicker.css	7789	0644	edit dl rm
fontawesome-iconpicker.min.css	6184	0644	edit dl rm
index.php	53	0644	edit dl rm
jquery-ui.min.css	30747	0644	edit dl rm
lightbox.min.css	2532	0644	edit dl rm
normalize.css	1825	0644	edit dl rm
pace.min.css	2634	0644	edit dl rm
protip.css	127917	0644	edit dl rm
rtl.css	167876	0644	edit dl rm
select2.min.css	14954	0644	edit dl rm
style.css	185219	0644	edit dl rm
toggle.css	5314	0644	edit dl rm
venom-button.min.css	1861	0644	edit dl rm

Edit: /home/techb158/ileadtechnology.com/public/css/protip.css (127917B)

body .protip-container.protip-mixin--css-no-transition {
    transition: all 0s
}

body .protip-container.protip-mixin--css-bold {
    font-weight: bold
}

body .protip-container.protip-mixin--css-italic {
    font-style: italic
}

body .protip-container.protip-mixin--css-no-style {
    background: none;
    color: inherit
}

body .protip-container.protip-mixin--css-no-style .protip-arrow {
    display: none
}

.protip-container {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 50;
    line-height: 1;
    opacity: 0;
    pointer-events: none;
    box-sizing: border-box
}

.protip-container > i {
    position: absolute;
    left: 10px
}

.protip-container > i + div {
    padding-left: 20px
}

.protip-arrow {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent
}

.protip-show {
    opacity: 1;
    pointer-events: auto
}

.protip-skin-default--scheme-pro.protip-container {
    color: #fff;
    background: #1A1D32;
    font-family: sans-serif;
    transition: opacity 0.2s ease-out
}

.protip-skin-default--scheme-pro[data-pt-position="top-left"] .protip-arrow,
.protip-skin-default--scheme-pro[data-pt-position="top"] .protip-arrow,
.protip-skin-default--scheme-pro[data-pt-position="top-right"] .protip-arrow {
    top: 100%;
    left: auto;
    margin: 0 0 0 -8px;
    border-width: 8px 8px 0 8px;
    border-color: #1A1D32 transparent transparent transparent
}

.protip-skin-default--scheme-pro[data-pt-position="top-left"] .protip-arrow {
    left: 20px
}

.protip-skin-default--scheme-pro[data-pt-position="top"] .protip-arrow {
    left: 50%
}

.protip-skin-default--scheme-pro[data-pt-position="top-right"] .protip-arrow {
    left: auto;
    right: 20px;
    margin-right: -8px
}

.protip-skin-default--scheme-pro[data-pt-position="bottom-left"] .protip-arrow,
.protip-skin-default--scheme-pro[data-pt-position="bottom"] .protip-arrow,
.protip-skin-default--scheme-pro[data-pt-position="bottom-right"] .protip-arrow {
    top: -8px;
    left: auto;
    margin: 0 0 0 -8px;
    border-width: 0 8px 8px 8px;
    border-color: transparent transparent #1A1D32 transparent
}

.protip-skin-default--scheme-pro[data-pt-position="bottom-left"] .protip-arrow {
    left: 20px
}

.protip-skin-default--scheme-pro[data-pt-position="bottom"] .protip-arrow {
    left: 50%
}

.protip-skin-default--scheme-pro[data-pt-position="bottom-right"] .protip-arrow {
    left: auto;
    right: 20px;
    margin-right: -8px
}

.protip-skin-default--scheme-pro[data-pt-position="left-top"] .protip-arrow,
.protip-skin-default--scheme-pro[data-pt-position="left"] .protip-arrow,
.protip-skin-default--scheme-pro[data-pt-position="left-bottom"] .protip-arrow {
    top: auto;
    left: 100%;
    margin: -8px 0 0 0;
    border-width: 8px 0 8px 8px;
    border-color: transparent transparent transparent #1A1D32
}

.protip-skin-default--scheme-pro[data-pt-position="left-top"] .protip-arrow {
    top: 20px
}

.protip-skin-default--scheme-pro[data-pt-position="left"] .protip-arrow {
    top: 50%
}

.protip-skin-default--scheme-pro[data-pt-position="left-bottom"] .protip-arrow {
    top: auto;
    bottom: 20px;
    margin-bottom: -8px
}

.protip-skin-default--scheme-pro[data-pt-position="right-top"] .protip-arrow,
.protip-skin-default--scheme-pro[data-pt-position="right"] .protip-arrow,
.protip-skin-default--scheme-pro[data-pt-position="right-bottom"] .protip-arrow {
    top: auto;
    right: 100%;
    margin: -8px 0 0 0;
    border-width: 8px 8px 8px 0;
    border-color: transparent #1A1D32 transparent transparent
}

.protip-skin-default--scheme-pro[data-pt-position="right-top"] .protip-arrow {
    top: 20px
}

.protip-skin-default--scheme-pro[data-pt-position="right"] .protip-arrow {
    top: 50%
}

.protip-skin-default--scheme-pro[data-pt-position="right-bottom"] .protip-arrow {
    top: auto;
    bottom: 20px;
    margin-bottom: -8px
}

.protip-skin-default--scheme-pro[data-pt-position="top-left-corner"] {
    border-bottom-right-radius: 0
}

.protip-skin-default--scheme-pro[data-pt-position="top-left-corner"] .protip-arrow {
    top: 100%;
    left: 100%;
    margin: 0 0 0 -8px;
    border-width: 0 8px 8px 0;
    border-color: transparent #1A1D32 transparent transparent
}

.protip-skin-default--scheme-pro[data-pt-position="top-right-corner"] {
    border-bottom-left-radius: 0
}

.protip-skin-default--scheme-pro[data-pt-position="top-right-corner"] .protip-arrow {
    top: 100%;
    left: -8px;
    margin: 0 0 0 8px;
    border-width: 8px 8px 0 0;
    border-color: #1A1D32 transparent transparent transparent
}

.protip-skin-default--scheme-pro[data-pt-position="bottom-left-corner"] {
    border-top-right-radius: 0
}

.protip-skin-default--scheme-pro[data-pt-position="bottom-left-corner"] .protip-arrow {
    top: -8px;
    left: 100%;
    margin: 0 0 0 -8px;
    border-width: 0 0 8px 8px;
    border-color: transparent transparent #1A1D32 transparent
}

.protip-skin-default--scheme-pro[data-pt-position="bottom-right-corner"] {
    border-top-left-radius: 0
}

.protip-skin-default--scheme-pro[data-pt-position="bottom-right-corner"] .protip-arrow {
    top: 0;
    left: -8px;
    margin: -8px 0 0 8px;
    border-width: 8px 0 0 8px;
    border-color: transparent transparent transparent #1A1D32
}

.protip-skin-default--scheme-blue.protip-container {
    color: #fff;
    background: #369;
    font-family: sans-serif;
    transition: opacity 0.2s ease-out
}

.protip-skin-default--scheme-blue[data-pt-position="top-left"] .protip-arrow,
.protip-skin-default--scheme-blue[data-pt-position="top"] .protip-arrow,
.protip-skin-default--scheme-blue[data-pt-position="top-right"] .protip-arrow {
    top: 100%;
    left: auto;
    margin: 0 0 0 -8px;
    border-width: 8px 8px 0 8px;
    border-color: #369 transparent transparent transparent
}

.protip-skin-default--scheme-blue[data-pt-position="top-left"] .protip-arrow {
    left: 20px
}

.protip-skin-default--scheme-blue[data-pt-position="top"] .protip-arrow {
    left: 50%
}

.protip-skin-default--scheme-blue[data-pt-position="top-right"] .protip-arrow {
    left: auto;
    right: 20px;
    margin-right: -8px
}

.protip-skin-default--scheme-blue[data-pt-position="bottom-left"] .protip-arrow,
.protip-skin-default--scheme-blue[data-pt-position="bottom"] .protip-arrow,
.protip-skin-default--scheme-blue[data-pt-position="bottom-right"] .protip-arrow {
    top: -8px;
    left: auto;
    margin: 0 0 0 -8px;
    border-width: 0 8px 8px 8px;
    border-color: transparent transparent #369 transparent
}

.protip-skin-default--scheme-blue[data-pt-position="bottom-left"] .protip-arrow {
    left: 20px
}

.protip-skin-default--scheme-blue[data-pt-position="bottom"] .protip-arrow {
    left: 50%
}

.protip-skin-default--scheme-blue[data-pt-position="bottom-right"] .protip-arrow {
    left: auto;
    right: 20px;
    margin-right: -8px
}

.protip-skin-default--scheme-blue[data-pt-position="left-top"] .protip-arrow,
.protip-skin-default--scheme-blue[data-pt-position="left"] .protip-arrow,
.protip-skin-default--scheme-blue[data-pt-position="left-bottom"] .protip-arrow {
    top: auto;
    left: 100%;
    margin: -8px 0 0 0;
    border-width: 8px 0 8px 8px;
    border-color: transparent transparent transparent #369
}

.protip-skin-default--scheme-blue[data-pt-position="left-top"] .protip-arrow {
    top: 20px
}

.protip-skin-default--scheme-blue[data-pt-position="left"] .protip-arrow {
    top: 50%
}

.protip-skin-default--scheme-blue[data-pt-position="left-bottom"] .protip-arrow {
    top: auto;
    bottom: 20px;
    margin-bottom: -8px
}

.protip-skin-default--scheme-blue[data-pt-position="right-top"] .protip-arrow,
.protip-skin-default--scheme-blue[data-pt-position="right"] .protip-arrow,
.protip-skin-default--scheme-blue[data-pt-position="right-bottom"] .protip-arrow {
    top: auto;
    right: 100%;
    margin: -8px 0 0 0;
    border-width: 8px 8px 8px 0;
    border-color: transparent #369 transparent transparent
}

.protip-skin-default--scheme-blue[data-pt-position="right-top"] .protip-arrow {
    top: 20px
}

.protip-skin-default--scheme-blue[data-pt-position="right"] .protip-arrow {
    top: 50%
}

.protip-skin-default--scheme-blue[data-pt-position="right-bottom"] .protip-arrow {
    top: auto;
    bottom: 20px;
    margin-bottom: -8px
}

.protip-skin-default--scheme-blue[data-pt-position="top-left-corner"] {
    border-bottom-right-radius: 0
}

.protip-skin-default--scheme-blue[data-pt-position="top-left-corner"] .protip-arrow {
    top: 100%;
    left: 100%;
    margin: 0 0 0 -8px;
    border-width: 0 8px 8px 0;
    border-color: transparent #369 transparent transparent
}

.protip-skin-default--scheme-blue[data-pt-position="top-right-corner"] {
    border-bottom-left-radius: 0
}

.protip-skin-default--scheme-blue[data-pt-position="top-right-corner"] .protip-arrow {
    top: 100%;
    left: -8px;
    margin: 0 0 0 8px;
    border-width: 8px 8px 0 0;
    border-color: #369 transparent transparent transparent
}

.protip-skin-default--scheme-blue[data-pt-position="bottom-left-corner"] {
    border-top-right-radius: 0
}

.protip-skin-default--scheme-blue[data-pt-position="bottom-left-corner"] .protip-arrow {
    top: -8px;
    left: 100%;
    margin: 0 0 0 -8px;
    border-width: 0 0 8px 8px;
    border-color: transparent transparent #369 transparent
}

.protip-skin-default--scheme-blue[data-pt-position="bottom-right-corner"] {
    border-top-left-radius: 0
}

.protip-skin-default--scheme-blue[data-pt-position="bottom-right-corner"] .protip-arrow {
    top: 0;
    left: -8px;
    margin: -8px 0 0 8px;
    border-width: 8px 0 0 8px;
    border-color: transparent transparent transparent #369
}

.protip-skin-default--scheme-red.protip-container {
    color: #fff;
    background: #802731;
    font-family: sans-serif;
    transition: opacity 0.2s ease-out
}

.protip-skin-default--scheme-red[data-pt-position="top-left"] .protip-arrow,
.protip-skin-default--scheme-red[data-pt-position="top"] .protip-arrow,
.protip-skin-default--scheme-red[data-pt-position="top-right"] .protip-arrow {
    top: 100%;
    left: auto;
    margin: 0 0 0 -8px;
    border-width: 8px 8px 0 8px;
    border-color: #802731 transparent transparent transparent
}

.protip-skin-default--scheme-red[data-pt-position="top-left"] .protip-arrow {
    left: 20px
}

.protip-skin-default--scheme-red[data-pt-position="top"] .protip-arrow {
    left: 50%
}

.protip-skin-default--scheme-red[data-pt-position="top-right"] .protip-arrow {
    left: auto;
    right: 20px;
    margin-right: -8px
}

.protip-skin-default--scheme-red[data-pt-position="bottom-left"] .protip-arrow,
.protip-skin-default--scheme-red[data-pt-position="bottom"] .protip-arrow,
.protip-skin-default--scheme-red[data-pt-position="bottom-right"] .protip-arrow {
    top: -8px;
    left: auto;
    margin: 0 0 0 -8px;
    border-width: 0 8px 8px 8px;
    border-color: transparent transparent #802731 transparent
}

.protip-skin-default--scheme-red[data-pt-position="bottom-left"] .protip-arrow {
    left: 20px
}

.protip-skin-default--scheme-red[data-pt-position="bottom"] .protip-arrow {
    left: 50%
}

.protip-skin-default--scheme-red[data-pt-position="bottom-right"] .protip-arrow {
    left: auto;
    right: 20px;
    margin-right: -8px
}

.protip-skin-default--scheme-red[data-pt-position="left-top"] .protip-arrow,
.protip-skin-default--scheme-red[data-pt-position="left"] .protip-arrow,
.protip-skin-default--scheme-red[data-pt-position="left-bottom"] .protip-arrow {
    top: auto;
    left: 100%;
    margin: -8px 0 0 0;
    border-width: 8px 0 8px 8px;
    border-color: transparent transparent transparent #802731
}

.protip-skin-default--scheme-red[data-pt-position="left-top"] .protip-arrow {
    top: 20px
}

.protip-skin-default--scheme-red[data-pt-position="left"] .protip-arrow {
    top: 50%
}

.protip-skin-default--scheme-red[data-pt-position="left-bottom"] .protip-arrow {
    top: auto;
    bottom: 20px;
    margin-bottom: -8px
}

.protip-skin-default--scheme-red[data-pt-position="right-top"] .protip-arrow,
.protip-skin-default--scheme-red[data-pt-position="right"] .protip-arrow,
.protip-skin-default--scheme-red[data-pt-position="right-bottom"] .protip-arrow {
    top: auto;
    right: 100%;
    margin: -8px 0 0 0;
    border-width: 8px 8px 8px 0;
    border-color: transparent #802731 transparent transparent
}

.protip-skin-default--scheme-red[data-pt-position="right-top"] .protip-arrow {
    top: 20px
}

.protip-skin-default--scheme-red[data-pt-position="right"] .protip-arrow {
    top: 50%
}

.protip-skin-default--scheme-red[data-pt-position="right-bottom"] .protip-arrow {
    top: auto;
    bottom: 20px;
    margin-bottom: -8px
}

.protip-skin-default--scheme-red[data-pt-position="top-left-corner"] {
    border-bottom-right-radius: 0
}

.protip-skin-default--scheme-red[data-pt-position="top-left-corner"] .protip-arrow {
    top: 100%;
    left: 100%;
    margin: 0 0 0 -8px;
    border-width: 0 8px 8px 0;
    border-color: transparent #802731 transparent transparent
}

.protip-skin-default--scheme-red[data-pt-position="top-right-corner"] {
    border-bottom-left-radius: 0
}

.protip-skin-default--scheme-red[data-pt-position="top-right-corner"] .protip-arrow {
    top: 100%;
    left: -8px;
    margin: 0 0 0 8px;
    border-width: 8px 8px 0 0;
    border-color: #802731 transparent transparent transparent
}

.protip-skin-default--scheme-red[data-pt-position="bottom-left-corner"] {
    border-top-right-radius: 0
}

.protip-skin-default--scheme-red[data-pt-position="bottom-left-corner"] .protip-arrow {
    top: -8px;
    left: 100%;
    margin: 0 0 0 -8px;
    border-width: 0 0 8px 8px;
    border-color: transparent transparent #802731 transparent
}

.protip-skin-default--scheme-red[data-pt-position="bottom-right-corner"] {
    border-top-left-radius: 0
}

.protip-skin-default--scheme-red[data-pt-position="bottom-right-corner"] .protip-arrow {
    top: 0;
    left: -8px;
    margin: -8px 0 0 8px;
    border-width: 8px 0 0 8px;
    border-color: transparent transparent transparent #802731
}

.protip-skin-default--scheme-aqua.protip-container {
    color: #fff;
    background: #339996;
    font-family: sans-serif;
    transition: opacity 0.2s ease-out
}

.protip-skin-default--scheme-aqua[data-pt-position="top-left"] .protip-arrow,
.protip-skin-default--scheme-aqua[data-pt-position="top"] .protip-arrow,
.protip-skin-default--scheme-aqua[data-pt-position="top-right"] .protip-arrow {
    top: 100%;
    left: auto;
    margin: 0 0 0 -8px;
    border-width: 8px 8px 0 8px;
    border-color: #339996 transparent transparent transparent
}

.protip-skin-default--scheme-aqua[data-pt-position="top-left"] .protip-arrow {
    left: 20px
}

.protip-skin-default--scheme-aqua[data-pt-position="top"] .protip-arrow {
    left: 50%
}

.protip-skin-default--scheme-aqua[data-pt-position="top-right"] .protip-arrow {
    left: auto;
    right: 20px;
    margin-right: -8px
}

.protip-skin-default--scheme-aqua[data-pt-position="bottom-left"] .protip-arrow,
.protip-skin-default--scheme-aqua[data-pt-position="bottom"] .protip-arrow,
.protip-skin-default--scheme-aqua[data-pt-position="bottom-right"] .protip-arrow {
    top: -8px;
    left: auto;
    margin: 0 0 0 -8px;
    border-width: 0 8px 8px 8px;
    border-color: transparent transparent #339996 transparent
}

.protip-skin-default--scheme-aqua[data-pt-position="bottom-left"] .protip-arrow {
    left: 20px
}

.protip-skin-default--scheme-aqua[data-pt-position="bottom"] .protip-arrow {
    left: 50%
}

.protip-skin-default--scheme-aqua[data-pt-position="bottom-right"] .protip-arrow {
    left: auto;
    right: 20px;
    margin-right: -8px
}

.protip-skin-default--scheme-aqua[data-pt-position="left-top"] .protip-arrow,
.protip-skin-default--scheme-aqua[data-pt-position="left"] .protip-arrow,
.protip-skin-default--scheme-aqua[data-pt-position="left-bottom"] .protip-arrow {
    top: auto;
    left: 100%;
    margin: -8px 0 0 0;
    border-width: 8px 0 8px 8px;
    border-color: transparent transparent transparent #339996
}

.protip-skin-default--scheme-aqua[data-pt-position="left-top"] .protip-arrow {
    top: 20px
}

.protip-skin-default--scheme-aqua[data-pt-position="left"] .protip-arrow {
    top: 50%
}

.protip-skin-default--scheme-aqua[data-pt-position="left-bottom"] .protip-arrow {
    top: auto;
    bottom: 20px;
    margin-bottom: -8px
}

.protip-skin-default--scheme-aqua[data-pt-position="right-top"] .protip-arrow,
.protip-skin-default--scheme-aqua[data-pt-position="right"] .protip-arrow,
.protip-skin-default--scheme-aqua[data-pt-position="right-bottom"] .protip-arrow {
    top: auto;
    right: 100%;
    margin: -8px 0 0 0;
    border-width: 8px 8px 8px 0;
    border-color: transparent #339996 transparent transparent
}

.protip-skin-default--scheme-aqua[data-pt-position="right-top"] .protip-arrow {
    top: 20px
}

.protip-skin-default--scheme-aqua[data-pt-position="right"] .protip-arrow {
    top: 50%
}

.protip-skin-default--scheme-aqua[data-pt-position="right-bottom"] .protip-arrow {
    top: auto;
    bottom: 20px;
    margin-bottom: -8px
}

.protip-skin-default--scheme-aqua[data-pt-position="top-left-corner"] {
    border-bottom-right-radius: 0
}

.protip-skin-default--scheme-aqua[data-pt-position="top-left-corner"] .protip-arrow {
    top: 100%;
    left: 100%;
    margin: 0 0 0 -8px;
    border-width: 0 8px 8px 0;
    border-color: transparent #339996 transparent transparent
}

.protip-skin-default--scheme-aqua[data-pt-position="top-right-corner"] {
    border-bottom-left-radius: 0
}

.protip-skin-default--scheme-aqua[data-pt-position="top-right-corner"] .protip-arrow {
    top: 100%;
    left: -8px;
    margin: 0 0 0 8px;
    border-width: 8px 8px 0 0;
    border-color: #339996 transparent transparent transparent
}

.protip-skin-default--scheme-aqua[data-pt-position="bottom-left-corner"] {
    border-top-right-radius: 0
}

.protip-skin-default--scheme-aqua[data-pt-position="bottom-left-corner"] .protip-arrow {
    top: -8px;
    left: 100%;
    margin: 0 0 0 -8px;
    border-width: 0 0 8px 8px;
    border-color: transparent transparent #339996 transparent
}

.protip-skin-default--scheme-aqua[data-pt-position="bottom-right-corner"] {
    border-top-left-radius: 0
}

.protip-skin-default--scheme-aqua[data-pt-position="bottom-right-corner"] .protip-arrow {
    top: 0;
    left: -8px;
    margin: -8px 0 0 8px;
    border-width: 8px 0 0 8px;
    border-color: transparent transparent transparent #339996
}

.protip-skin-default--scheme-black.protip-container {
    color: #fff;
    background: #000;
    font-family: sans-serif;
    transition: opacity 0.2s ease-out
}

.protip-skin-default--scheme-black[data-pt-position="top-left"] .protip-arrow,
.protip-skin-default--scheme-black[data-pt-position="top"] .protip-arrow,
.protip-skin-default--scheme-black[data-pt-position="top-right"] .protip-arrow {
    top: 100%;
    left: auto;
    margin: 0 0 0 -8px;
    border-width: 8px 8px 0 8px;
    border-color: #000 transparent transparent transparent
}

.protip-skin-default--scheme-black[data-pt-position="top-left"] .protip-arrow {
    left: 20px
}

.protip-skin-default--scheme-black[data-pt-position="top"] .protip-arrow {
    left: 50%
}

.protip-skin-default--scheme-black[data-pt-position="top-right"] .protip-arrow {
    left: auto;
    right: 20px;
    margin-right: -8px
}

.protip-skin-default--scheme-black[data-pt-position="bottom-left"] .protip-arrow,
.protip-skin-default--scheme-black[data-pt-position="bottom"] .protip-arrow,
.protip-skin-default--scheme-black[data-pt-position="bottom-right"] .protip-arrow {
    top: -8px;
    left: auto;
    margin: 0 0 0 -8px;
    border-width: 0 8px 8px 8px;
    border-color: transparent transparent #000 transparent
}

.protip-skin-default--scheme-black[data-pt-position="bottom-left"] .protip-arrow {
    left: 20px
}

.protip-skin-default--scheme-black[data-pt-position="bottom"] .protip-arrow {
    left: 50%
}

.protip-skin-default--scheme-black[data-pt-position="bottom-right"] .protip-arrow {
    left: auto;
    right: 20px;
    margin-right: -8px
}

.protip-skin-default--scheme-black[data-pt-position="left-top"] .protip-arrow,
.protip-skin-default--scheme-black[data-pt-position="left"] .protip-arrow,
.protip-skin-default--scheme-black[data-pt-position="left-bottom"] .protip-arrow {
    top: auto;
    left: 100%;
    margin: -8px 0 0 0;
    border-width: 8px 0 8px 8px;
    border-color: transparent transparent transparent #000
}

.protip-skin-default--scheme-black[data-pt-position="left-top"] .protip-arrow {
    top: 20px
}

.protip-skin-default--scheme-black[data-pt-position="left"] .protip-arrow {
    top: 50%
}

.protip-skin-default--scheme-black[data-pt-position="left-bottom"] .protip-arrow {
    top: auto;
    bottom: 20px;
    margin-bottom: -8px
}

.protip-skin-default--scheme-black[data-pt-position="right-top"] .protip-arrow,
.protip-skin-default--scheme-black[data-pt-position="right"] .protip-arrow,
.protip-skin-default--scheme-black[data-pt-position="right-bottom"] .protip-arrow {
    top: auto;
    right: 100%;
    margin: -8px 0 0 0;
    border-width: 8px 8px 8px 0;
    border-color: transparent #000 transparent transparent
}

.protip-skin-default--scheme-black[data-pt-position="right-top"] .protip-arrow {
    top: 20px
}

.protip-skin-default--scheme-black[data-pt-position="right"] .protip-arrow {
    top: 50%
}

.protip-skin-default--scheme-black[data-pt-position="right-bottom"] .protip-arrow {
    top: auto;
    bottom: 20px;
    margin-bottom: -8px
}

.protip-skin-default--scheme-black[data-pt-position="top-left-corner"] {
    border-bottom-right-radius: 0
}

.protip-skin-default--scheme-black[data-pt-position="top-left-corner"] .protip-arrow {
    top: 100%;
    left: 100%;
    margin: 0 0 0 -8px;
    border-width: 0 8px 8px 0;
    border-color: transparent #000 transparent transparent
}

.protip-skin-default--scheme-black[data-pt-position="top-right-corner"] {
    border-bottom-left-radius: 0
}

.protip-skin-default--scheme-black[data-pt-position="top-right-corner"] .protip-arrow {
    top: 100%;
    left: -8px;
    margin: 0 0 0 8px;
    border-width: 8px 8px 0 0;
    border-color: #000 transparent transparent transparent
}

.protip-skin-default--scheme-black[data-pt-position="bottom-left-corner"] {
    border-top-right-radius: 0
}

.protip-skin-default--scheme-black[data-pt-position="bottom-left-corner"] .protip-arrow {
    top: -8px;
    left: 100%;
    margin: 0 0 0 -8px;
    border-width: 0 0 8px 8px;
    border-color: transparent transparent #000 transparent
}

.protip-skin-default--scheme-black[data-pt-position="bottom-right-corner"] {
    border-top-left-radius: 0
}

.protip-skin-default--scheme-black[data-pt-position="bottom-right-corner"] .protip-arrow {
    top: 0;
    left: -8px;
    margin: -8px 0 0 8px;
    border-width: 8px 0 0 8px;
    border-color: transparent transparent transparent #000
}

.protip-skin-default--scheme-leaf.protip-container {
    color: #fff;
    background: #339959;
    font-family: sans-serif;
    transition: opacity 0.2s ease-out
}

.protip-skin-default--scheme-leaf[data-pt-position="top-left"] .protip-arrow,
.protip-skin-default--scheme-leaf[data-pt-position="top"] .protip-arrow,
.protip-skin-default--scheme-leaf[data-pt-position="top-right"] .protip-arrow {
    top: 100%;
    left: auto;
    margin: 0 0 0 -8px;
    border-width: 8px 8px 0 8px;
    border-color: #339959 transparent transparent transparent
}

.protip-skin-default--scheme-leaf[data-pt-position="top-left"] .protip-arrow {
    left: 20px
}

.protip-skin-default--scheme-leaf[data-pt-position="top"] .protip-arrow {
    left: 50%
}

.protip-skin-default--scheme-leaf[data-pt-position="top-right"] .protip-arrow {
    left: auto;
    right: 20px;
    margin-right: -8px
}

.protip-skin-default--scheme-leaf[data-pt-position="bottom-left"] .protip-arrow,
.protip-skin-default--scheme-leaf[data-pt-position="bottom"] .protip-arrow,
.protip-skin-default--scheme-leaf[data-pt-position="bottom-right"] .protip-arrow {
    top: -8px;
    left: auto;
    margin: 0 0 0 -8px;
    border-width: 0 8px 8px 8px;
    border-color: transparent transparent #339959 transparent
}

.protip-skin-default--scheme-leaf[data-pt-position="bottom-left"] .protip-arrow {
    left: 20px
}

.protip-skin-default--scheme-leaf[data-pt-position="bottom"] .protip-arrow {
    left: 50%
}

.protip-skin-default--scheme-leaf[data-pt-position="bottom-right"] .protip-arrow {
    left: auto;
    right: 20px;
    margin-right: -8px
}

.protip-skin-default--scheme-leaf[data-pt-position="left-top"] .protip-arrow,
.protip-skin-default--scheme-leaf[data-pt-position="left"] .protip-arrow,
.protip-skin-default--scheme-leaf[data-pt-position="left-bottom"] .protip-arrow {
    top: auto;
    left: 100%;
    margin: -8px 0 0 0;
    border-width: 8px 0 8px 8px;
    border-color: transparent transparent transparent #339959
}

.protip-skin-default--scheme-leaf[data-pt-position="left-top"] .protip-arrow {
    top: 20px
}

.protip-skin-default--scheme-leaf[data-pt-position="left"] .protip-arrow {
    top: 50%
}

.protip-skin-default--scheme-leaf[data-pt-position="left-bottom"] .protip-arrow {
    top: auto;
    bottom: 20px;
    margin-bottom: -8px
}

.protip-skin-default--scheme-leaf[data-pt-position="right-top"] .protip-arrow,
.protip-skin-default--scheme-leaf[data-pt-position="right"] .protip-arrow,
.protip-skin-default--scheme-leaf[data-pt-position="right-bottom"] .protip-arrow {
    top: auto;
    right: 100%;
    margin: -8px 0 0 0;
    border-width: 8px 8px 8px 0;
    border-color: transparent #339959 transparent transparent
}

.protip-skin-default--scheme-leaf[data-pt-position="right-top"] .protip-arrow {
    top: 20px
}

.protip-skin-default--scheme-leaf[data-pt-position="right"] .protip-arrow {
    top: 50%
}

.protip-skin-default--scheme-leaf[data-pt-position="right-bottom"] .protip-arrow {
    top: auto;
    bottom: 20px;
    margin-bottom: -8px
}

.protip-skin-default--scheme-leaf[data-pt-position="top-left-corner"] {
    border-bottom-right-radius: 0
}

.protip-skin-default--scheme-leaf[data-pt-position="top-left-corner"] .protip-arrow {
    top: 100%;
    left: 100%;
    margin: 0 0 0 -8px;
    border-width: 0 8px 8px 0;
    border-color: transparent #339959 transparent transparent
}

.protip-skin-default--scheme-leaf[data-pt-position="top-right-corner"] {
    border-bottom-left-radius: 0
}

.protip-skin-default--scheme-leaf[data-pt-position="top-right-corner"] .protip-arrow {
    top: 100%;
    left: -8px;
    margin: 0 0 0 8px;
    border-width: 8px 8px 0 0;
    border-color: #339959 transparent transparent transparent
}

.protip-skin-default--scheme-leaf[data-pt-position="bottom-left-corner"] {
    border-top-right-radius: 0
}

.protip-skin-default--scheme-leaf[data-pt-position="bottom-left-corner"] .protip-arrow {
    top: -8px;
    left: 100%;
    margin: 0 0 0 -8px;
    border-width: 0 0 8px 8px;
    border-color: transparent transparent #339959 transparent
}

.protip-skin-default--scheme-leaf[data-pt-position="bottom-right-corner"] {
    border-top-left-radius: 0
}

.protip-skin-default--scheme-leaf[data-pt-position="bottom-right-corner"] .protip-arrow {
    top: 0;
    left: -8px;
    margin: -8px 0 0 8px;
    border-width: 8px 0 0 8px;
    border-color: transparent transparent transparent #339959
}

.protip-skin-default--scheme-purple.protip-container {
    color: #fff;
    background: #613399;
    font-family: sans-serif;
    transition: opacity 0.2s ease-out
}

.protip-skin-default--scheme-purple[data-pt-position="top-left"] .protip-arrow,
.protip-skin-default--scheme-purple[data-pt-position="top"] .protip-arrow,
.protip-skin-default--scheme-purple[data-pt-position="top-right"] .protip-arrow {
    top: 100%;
    left: auto;
    margin: 0 0 0 -8px;
    border-width: 8px 8px 0 8px;
    border-color: #613399 transparent transparent transparent
}

.protip-skin-default--scheme-purple[data-pt-position="top-left"] .protip-arrow {
    left: 20px
}

.protip-skin-default--scheme-purple[data-pt-position="top"] .protip-arrow {
    left: 50%
}

.protip-skin-default--scheme-purple[data-pt-position="top-right"] .protip-arrow {
    left: auto;
    right: 20px;
    margin-right: -8px
}

.protip-skin-default--scheme-purple[data-pt-position="bottom-left"] .protip-arrow,
.protip-skin-default--scheme-purple[data-pt-position="bottom"] .protip-arrow,
.protip-skin-default--scheme-purple[data-pt-position="bottom-right"] .protip-arrow {
    top: -8px;
    left: auto;
    margin: 0 0 0 -8px;
    border-width: 0 8px 8px 8px;
    border-color: transparent transparent #613399 transparent
}

.protip-skin-default--scheme-purple[data-pt-position="bottom-left"] .protip-arrow {
    left: 20px
}

.protip-skin-default--scheme-purple[data-pt-position="bottom"] .protip-arrow {
    left: 50%
}

.protip-skin-default--scheme-purple[data-pt-position="bottom-right"] .protip-arrow {
    left: auto;
    right: 20px;
    margin-right: -8px
}

.protip-skin-default--scheme-purple[data-pt-position="left-top"] .protip-arrow,
.protip-skin-default--scheme-purple[data-pt-position="left"] .protip-arrow,
.protip-skin-default--scheme-purple[data-pt-position="left-bottom"] .protip-arrow {
    top: auto;
    left: 100%;
    margin: -8px 0 0 0;
    border-width: 8px 0 8px 8px;
    border-color: transparent transparent transparent #613399
}

.protip-skin-default--scheme-purple[data-pt-position="left-top"] .protip-arrow {
    top: 20px
}

.protip-skin-default--scheme-purple[data-pt-position="left"] .protip-arrow {
    top: 50%
}

.protip-skin-default--scheme-purple[data-pt-position="left-bottom"] .protip-arrow {
    top: auto;
    bottom: 20px;
    margin-bottom: -8px
}

.protip-skin-default--scheme-purple[data-pt-position="right-top"] .protip-arrow,
.protip-skin-default--scheme-purple[data-pt-position="right"] .protip-arrow,
.protip-skin-default--scheme-purple[data-pt-position="right-bottom"] .protip-arrow {
    top: auto;
    right: 100%;
    margin: -8px 0 0 0;
    border-width: 8px 8px 8px 0;
    border-color: transparent #613399 transparent transparent
}

.protip-skin-default--scheme-purple[data-pt-position="right-top"] .protip-arrow {
    top: 20px
}

.protip-skin-default--scheme-purple[data-pt-position="right"] .protip-arrow {
    top: 50%
}

.protip-skin-default--scheme-purple[data-pt-position="right-bottom"] .protip-arrow {
    top: auto;
    bottom: 20px;
    margin-bottom: -8px
}

.protip-skin-default--scheme-purple[data-pt-position="top-left-corner"] {
    border-bottom-right-radius: 0
}

.protip-skin-default--scheme-purple[data-pt-position="top-left-corner"] .protip-arrow {
    top: 100%;
    left: 100%;
    margin: 0 0 0 -8px;
    border-width: 0 8px 8px 0;
    border-color: transparent #613399 transparent transparent
}

.protip-skin-default--scheme-purple[data-pt-position="top-right-corner"] {
    border-bottom-left-radius: 0
}

.protip-skin-default--scheme-purple[data-pt-position="top-right-corner"] .protip-arrow {
    top: 100%;
    left: -8px;
    margin: 0 0 0 8px;
    border-width: 8px 8px 0 0;
    border-color: #613399 transparent transparent transparent
}

.protip-skin-default--scheme-purple[data-pt-position="bottom-left-corner"] {
    border-top-right-radius: 0
}

.protip-skin-default--scheme-purple[data-pt-position="bottom-left-corner"] .protip-arrow {
    top: -8px;
    left: 100%;
    margin: 0 0 0 -8px;
    border-width: 0 0 8px 8px;
    border-color: transparent transparent #613399 transparent
}

.protip-skin-default--scheme-purple[data-pt-position="bottom-right-corner"] {
    border-top-left-radius: 0
}

.protip-skin-default--scheme-purple[data-pt-position="bottom-right-corner"] .protip-arrow {
    top: 0;
    left: -8px;
    margin: -8px 0 0 8px;
    border-width: 8px 0 0 8px;
    border-color: transparent transparent transparent #613399
}

.protip-skin-default--scheme-pink.protip-container {
    color: #fff;
    background: #D457AA;
    font-family: sans-serif;
    transition: opacity 0.2s ease-out
}

.protip-skin-default--scheme-pink[data-pt-position="top-left"] .protip-arrow,
.protip-skin-default--scheme-pink[data-pt-position="top"] .protip-arrow,
.protip-skin-default--scheme-pink[data-pt-position="top-right"] .protip-arrow {
    top: 100%;
    left: auto;
    margin: 0 0 0 -8px;
    border-width: 8px 8px 0 8px;
    border-color: #D457AA transparent transparent transparent
}

.protip-skin-default--scheme-pink[data-pt-position="top-left"] .protip-arrow {
    left: 20px
}

.protip-skin-default--scheme-pink[data-pt-position="top"] .protip-arrow {
    left: 50%
}

.protip-skin-default--scheme-pink[data-pt-position="top-right"] .protip-arrow {
    left: auto;
    right: 20px;
    margin-right: -8px
}

.protip-skin-default--scheme-pink[data-pt-position="bottom-left"] .protip-arrow,
.protip-skin-default--scheme-pink[data-pt-position="bottom"] .protip-arrow,
.protip-skin-default--scheme-pink[data-pt-position="bottom-right"] .protip-arrow {
    top: -8px;
    left: auto;
    margin: 0 0 0 -8px;
    border-width: 0 8px 8px 8px;
    border-color: transparent transparent #D457AA transparent
}

.protip-skin-default--scheme-pink[data-pt-position="bottom-left"] .protip-arrow {
    left: 20px
}

.protip-skin-default--scheme-pink[data-pt-position="bottom"] .protip-arrow {
    left: 50%
}

.protip-skin-default--scheme-pink[data-pt-position="bottom-right"] .protip-arrow {
    left: auto;
    right: 20px;
    margin-right: -8px
}

.protip-skin-default--scheme-pink[data-pt-position="left-top"] .protip-arrow,
.protip-skin-default--scheme-pink[data-pt-position="left"] .protip-arrow,
.protip-skin-default--scheme-pink[data-pt-position="left-bottom"] .protip-arrow {
    top: auto;
    left: 100%;
    margin: -8px 0 0 0;
    border-width: 8px 0 8px 8px;
    border-color: transparent transparent transparent #D457AA
}

.protip-skin-default--scheme-pink[data-pt-position="left-top"] .protip-arrow {
    top: 20px
}

.protip-skin-default--scheme-pink[data-pt-position="left"] .protip-arrow {
    top: 50%
}

.protip-skin-default--scheme-pink[data-pt-position="left-bottom"] .protip-arrow {
    top: auto;
    bottom: 20px;
    margin-bottom: -8px
}

.protip-skin-default--scheme-pink[data-pt-position="right-top"] .protip-arrow,
.protip-skin-default--scheme-pink[data-pt-position="right"] .protip-arrow,
.protip-skin-default--scheme-pink[data-pt-position="right-bottom"] .protip-arrow {
    top: auto;
    right: 100%;
    margin: -8px 0 0 0;
    border-width: 8px 8px 8px 0;
    border-color: transparent #D457AA transparent transparent
}

.protip-skin-default--scheme-pink[data-pt-position="right-top"] .protip-arrow {
    top: 20px
}

.protip-skin-default--scheme-pink[data-pt-position="right"] .protip-arrow {
    top: 50%
}

.protip-skin-default--scheme-pink[data-pt-position="right-bottom"] .protip-arrow {
    top: auto;
    bottom: 20px;
    margin-bottom: -8px
}

.protip-skin-default--scheme-pink[data-pt-position="top-left-corner"] {
    border-bottom-right-radius: 0
}

.protip-skin-default--scheme-pink[data-pt-position="top-left-corner"] .protip-arrow {
    top: 100%;
    left: 100%;
    margin: 0 0 0 -8px;
    border-width: 0 8px 8px 0;
    border-color: transparent #D457AA transparent transparent
}

.protip-skin-default--scheme-pink[data-pt-position="top-right-corner"] {
    border-bottom-left-radius: 0
}

.protip-skin-default--scheme-pink[data-pt-position="top-right-corner"] .protip-arrow {
    top: 100%;
    left: -8px;
    margin: 0 0 0 8px;
    border-width: 8px 8px 0 0;
    border-color: #D457AA transparent transparent transparent
}

.protip-skin-default--scheme-pink[data-pt-position="bottom-left-corner"] {
    border-top-right-radius: 0
}

.protip-skin-default--scheme-pink[data-pt-position="bottom-left-corner"] .protip-arrow {
    top: -8px;
    left: 100%;
    margin: 0 0 0 -8px;
    border-width: 0 0 8px 8px;
    border-color: transparent transparent #D457AA transparent
}

.protip-skin-default--scheme-pink[data-pt-position="bottom-right-corner"] {
    border-top-left-radius: 0
}

.protip-skin-default--scheme-pink[data-pt-position="bottom-right-corner"] .protip-arrow {
    top: 0;
    left: -8px;
    margin: -8px 0 0 8px;
    border-width: 8px 0 0 8px;
    border-color: transparent transparent transparent #D457AA
}

.protip-skin-default--scheme-orange.protip-container {
    color: #fff;
    background: #E64426;
    font-family: sans-serif;
    transition: opacity 0.2s ease-out
}

.protip-skin-default--scheme-orange[data-pt-position="top-left"] .protip-arrow,
.protip-skin-default--scheme-orange[data-pt-position="top"] .protip-arrow,
.protip-skin-default--scheme-orange[data-pt-position="top-right"] .protip-arrow {
    top: 100%;
    left: auto;
    margin: 0 0 0 -8px;
    border-width: 8px 8px 0 8px;
    border-color: #E64426 transparent transparent transparent
}

.protip-skin-default--scheme-orange[data-pt-position="top-left"] .protip-arrow {
    left: 20px
}

.protip-skin-default--scheme-orange[data-pt-position="top"] .protip-arrow {
    left: 50%
}

.protip-skin-default--scheme-orange[data-pt-position="top-right"] .protip-arrow {
    left: auto;
    right: 20px;
    margin-right: -8px
}

.protip-skin-default--scheme-orange[data-pt-position="bottom-left"] .protip-arrow,
.protip-skin-default--scheme-orange[data-pt-position="bottom"] .protip-arrow,
.protip-skin-default--scheme-orange[data-pt-position="bottom-right"] .protip-arrow {
    top: -8px;
    left: auto;
    margin: 0 0 0 -8px;
    border-width: 0 8px 8px 8px;
    border-color: transparent transparent #E64426 transparent
}

.protip-skin-default--scheme-orange[data-pt-position="bottom-left"] .protip-arrow {
    left: 20px
}

.protip-skin-default--scheme-orange[data-pt-position="bottom"] .protip-arrow {
    left: 50%
}

.protip-skin-default--scheme-orange[data-pt-position="bottom-right"] .protip-arrow {
    left: auto;
    right: 20px;
    margin-right: -8px
}

.protip-skin-default--scheme-orange[data-pt-position="left-top"] .protip-arrow,
.protip-skin-default--scheme-orange[data-pt-position="left"] .protip-arrow,
.protip-skin-default--scheme-orange[data-pt-position="left-bottom"] .protip-arrow {
    top: auto;
    left: 100%;
    margin: -8px 0 0 0;
    border-width: 8px 0 8px 8px;
    border-color: transparent transparent transparent #E64426
}

.protip-skin-default--scheme-orange[data-pt-position="left-top"] .protip-arrow {
    top: 20px
}

.protip-skin-default--scheme-orange[data-pt-position="left"] .protip-arrow {
    top: 50%
}

.protip-skin-default--scheme-orange[data-pt-position="left-bottom"] .protip-arrow {
    top: auto;
    bottom: 20px;
    margin-bottom: -8px
}

.protip-skin-default--scheme-orange[data-pt-position="right-top"] .protip-arrow,
.protip-skin-default--scheme-orange[data-pt-position="right"] .protip-arrow,
.protip-skin-default--scheme-orange[data-pt-position="right-bottom"] .protip-arrow {
    top: auto;
    right: 100%;
    margin: -8px 0 0 0;
    border-width: 8px 8px 8px 0;
    border-color: transparent #E64426 transparent transparent
}

.protip-skin-default--scheme-orange[data-pt-position="right-top"] .protip-arrow {
    top: 20px
}

.protip-skin-default--scheme-orange[data-pt-position="right"] .protip-arrow {
    top: 50%
}

.protip-skin-default--scheme-orange[data-pt-position="right-bottom"] .protip-arrow {
    top: auto;
    bottom: 20px;
    margin-bottom: -8px
}

.protip-skin-default--scheme-orange[data-pt-position="top-left-corner"] {
    border-bottom-right-radius: 0
}

.protip-skin-default--scheme-orange[data-pt-position="top-left-corner"] .protip-arrow {
    top: 100%;
    left: 100%;
    margin: 0 0 0 -8px;
    border-width: 0 8px 8px 0;
    border-color: transparent #E64426 transparent transparent
}

.protip-skin-default--scheme-orange[data-pt-position="top-right-corner"] {
    border-bottom-left-radius: 0
}

.protip-skin-default--scheme-orange[data-pt-position="top-right-corner"] .protip-arrow {
    top: 100%;
    left: -8px;
    margin: 0 0 0 8px;
    border-width: 8px 8px 0 0;
    border-color: #E64426 transparent transparent transparent
}

.protip-skin-default--scheme-orange[data-pt-position="bottom-left-corner"] {
    border-top-right-radius: 0
}

.protip-skin-default--scheme-orange[data-pt-position="bottom-left-corner"] .protip-arrow {
    top: -8px;
    left: 100%;
    margin: 0 0 0 -8px;
    border-width: 0 0 8px 8px;
    border-color: transparent transparent #E64426 transparent
}

.protip-skin-default--scheme-orange[data-pt-position="bottom-right-corner"] {
    border-top-left-radius: 0
}

.protip-skin-default--scheme-orange[data-pt-position="bottom-right-corner"] .protip-arrow {
    top: 0;
    left: -8px;
    margin: -8px 0 0 8px;
    border-width: 8px 0 0 8px;
    border-color: transparent transparent transparent #E64426
}

.protip-skin-default--size-tiny {
    padding: 8px;
    font-size: 10px;
    border-radius: 3px
}

.protip-skin-default--size-tiny[data-pt-position="top-left"] .protip-arrow,
.protip-skin-default--size-tiny[data-pt-position="top"] .protip-arrow,
.protip-skin-default--size-tiny[data-pt-position="top-right"] .protip-arrow {
    top: 100%;
    left: auto;
    margin: 0 0 0 -4px;
    border-width: 4px 4px 0 4px;
    border-color: invalid transparent transparent transparent
}

.protip-skin-default--size-tiny[data-pt-position="top-left"] .protip-arrow {
    left: 20px
}

.protip-skin-default--size-tiny[data-pt-position="top"] .protip-arrow {
    left: 50%
}

.protip-skin-default--size-tiny[data-pt-position="top-right"] .protip-arrow {
    left: auto;
    right: 20px;
    margin-right: -4px
}

.protip-skin-default--size-tiny[data-pt-position="bottom-left"] .protip-arrow,
.protip-skin-default--size-tiny[data-pt-position="bottom"] .protip-arrow,
.protip-skin-default--size-tiny[data-pt-position="bottom-right"] .protip-arrow {
    top: -4px;
    left: auto;
    margin: 0 0 0 -4px;
    border-width: 0 4px 4px 4px;
    border-color: transparent transparent invalid transparent
}

.protip-skin-default--size-tiny[data-pt-position="bottom-left"] .protip-arrow {
    left: 20px
}

.protip-skin-default--size-tiny[data-pt-position="bottom"] .protip-arrow {
    left: 50%
}

.protip-skin-default--size-tiny[data-pt-position="bottom-right"] .protip-arrow {
    left: auto;
    right: 20px;
    margin-right: -4px
}

.protip-skin-default--size-tiny[data-pt-position="left-top"] .protip-arrow,
.protip-skin-default--size-tiny[data-pt-position="left"] .protip-arrow,
.protip-skin-default--size-tiny[data-pt-position="left-bottom"] .protip-arrow {
    top: auto;
    left: 100%;
    margin: -4px 0 0 0;
    border-width: 4px 0 4px 4px;
    border-color: transparent transparent transparent invalid
}

.protip-skin-default--size-tiny[data-pt-position="left-top"] .protip-arrow {
    top: 20px
}

.protip-skin-default--size-tiny[data-pt-position="left"] .protip-arrow {
    top: 50%
}

.protip-skin-default--size-tiny[data-pt-position="left-bottom"] .protip-arrow {
    top: auto;
    bottom: 20px;
    margin-bottom: -4px
}

.protip-skin-default--size-tiny[data-pt-position="right-top"] .protip-arrow,
.protip-skin-default--size-tiny[data-pt-position="right"] .protip-arrow,
.protip-skin-default--size-tiny[data-pt-position="right-bottom"] .protip-arrow {
    top: auto;
    right: 100%;
    margin: -4px 0 0 0;
    border-width: 4px 4px 4px 0;
    border-color: transparent invalid transparent transparent
}

.protip-skin-default--size-tiny[data-pt-position="right-top"] .protip-arrow {
    top: 20px
}

.protip-skin-default--size-tiny[data-pt-position="right"] .protip-arrow {
    top: 50%
}

.protip-skin-default--size-tiny[data-pt-position="right-bottom"] .protip-arrow {
    top: auto;
    bottom: 20px;
    margin-bottom: -4px
}

.protip-skin-default--size-tiny[data-pt-position="top-left-corner"] {
    border-bottom-right-radius: 0
}

.protip-skin-default--size-tiny[data-pt-position="top-left-corner"] .protip-arrow {
    top: 100%;
    left: 100%;
    margin: 0 0 0 -4px;
    border-width: 0 4px 4px 0;
    border-color: transparent invalid transparent transparent
}

.protip-skin-default--size-tiny[data-pt-position="top-right-corner"] {
    border-bottom-left-radius: 0
}

.protip-skin-default--size-tiny[data-pt-position="top-right-corner"] .protip-arrow {
    top: 100%;
    left: -4px;
    margin: 0 0 0 4px;
    border-width: 4px 4px 0 0;
    border-color: invalid transparent transparent transparent
}

.protip-skin-default--size-tiny[data-pt-position="bottom-left-corner"] {
    border-top-right-radius: 0
}

.protip-skin-default--size-tiny[data-pt-position="bottom-left-corner"] .protip-arrow {
    top: -4px;
    left: 100%;
    margin: 0 0 0 -4px;
    border-width: 0 0 4px 4px;
    border-color: transparent transparent invalid transparent
}

.protip-skin-default--size-tiny[data-pt-position="bottom-right-corner"] {
    border-top-left-radius: 0
}

.protip-skin-default--size-tiny[data-pt-position="bottom-right-corner"] .protip-arrow {
    top: 0;
    left: -4px;
    margin: -4px 0 0 4px;
    border-width: 4px 0 0 4px;
    border-color: transparent transparent transparent invalid
}

.protip-skin-default--size-small {
    padding: 13px;
    font-size: 12px;
    border-radius: 4px
}

.protip-skin-default--size-small[data-pt-position="top-left"] .protip-arrow,
.protip-skin-default--size-small[data-pt-position="top"] .protip-arrow,
.protip-skin-default--size-small[data-pt-position="top-right"] .protip-arrow {
    top: 100%;
    left: auto;
    margin: 0 0 0 -6px;
    border-width: 6px 6px 0 6px;
    border-color: invalid transparent transparent transparent
}

.protip-skin-default--size-small[data-pt-position="top-left"] .protip-arrow {
    left: 20px
}

.protip-skin-default--size-small[data-pt-position="top"] .protip-arrow {
    left: 50%
}

.protip-skin-default--size-small[data-pt-position="top-right"] .protip-arrow {
    left: auto;
    right: 20px;
    margin-right: -6px
}

.protip-skin-default--size-small[data-pt-position="bottom-left"] .protip-arrow,
.protip-skin-default--size-small[data-pt-position="bottom"] .protip-arrow,
.protip-skin-default--size-small[data-pt-position="bottom-right"] .protip-arrow {
    top: -6px;
    left: auto;
    margin: 0 0 0 -6px;
    border-width: 0 6px 6px 6px;
    border-color: transparent transparent invalid transparent
}

.protip-skin-default--size-small[data-pt-position="bottom-left"] .protip-arrow {
    left: 20px
}

.protip-skin-default--size-small[data-pt-position="bottom"] .protip-arrow {
    left: 50%
}

.protip-skin-default--size-small[data-pt-position="bottom-right"] .protip-arrow {
    left: auto;
    right: 20px;
    margin-right: -6px
}

.protip-skin-default--size-small[data-pt-position="left-top"] .protip-arrow,
.protip-skin-default--size-small[data-pt-position="left"] .protip-arrow,
.protip-skin-default--size-small[data-pt-position="left-bottom"] .protip-arrow {
    top: auto;
    left: 100%;
    margin: -6px 0 0 0;
    border-width: 6px 0 6px 6px;
    border-color: transparent transparent transparent invalid
}

.protip-skin-default--size-small[data-pt-position="left-top"] .protip-arrow {
    top: 20px
}

.protip-skin-default--size-small[data-pt-position="left"] .protip-arrow {
    top: 50%
}

.protip-skin-default--size-small[data-pt-position="left-bottom"] .protip-arrow {
    top: auto;
    bottom: 20px;
    margin-bottom: -6px
}

.protip-skin-default--size-small[data-pt-position="right-top"] .protip-arrow,
.protip-skin-default--size-small[data-pt-position="right"] .protip-arrow,
.protip-skin-default--size-small[data-pt-position="right-bottom"] .protip-arrow {
    top: auto;
    right: 100%;
    margin: -6px 0 0 0;
    border-width: 6px 6px 6px 0;
    border-color: transparent invalid transparent transparent
}

.protip-skin-default--size-small[data-pt-position="right-top"] .protip-arrow {
    top: 20px
}

.protip-skin-default--size-small[data-pt-position="right"] .protip-arrow {
    top: 50%
}

.protip-skin-default--size-small[data-pt-position="right-bottom"] .protip-arrow {
    top: auto;
    bottom: 20px;
    margin-bottom: -6px
}

.protip-skin-default--size-small[data-pt-position="top-left-corner"] {
    border-bottom-right-radius: 0
}

.protip-skin-default--size-small[data-pt-position="top-left-corner"] .protip-arrow {
    top: 100%;
    left: 100%;
    margin: 0 0 0 -6px;
    border-width: 0 6px 6px 0;
    border-color: transparent invalid transparent transparent
}

.protip-skin-default--size-small[data-pt-position="top-right-corner"] {
    border-bottom-left-radius: 0
}

.protip-skin-default--size-small[data-pt-position="top-right-corner"] .protip-arrow {
    top: 100%;
    left: -6px;
    margin: 0 0 0 6px;
    border-width: 6px 6px 0 0;
    border-color: invalid transparent transparent transparent
}

.protip-skin-default--size-small[data-pt-position="bottom-left-corner"] {
    border-top-right-radius: 0
}

.protip-skin-default--size-small[data-pt-position="bottom-left-corner"] .protip-arrow {
    top: -6px;
    left: 100%;
    margin: 0 0 0 -6px;
    border-width: 0 0 6px 6px;
    border-color: transparent transparent invalid transparent
}

.protip-skin-default--size-small[data-pt-position="bottom-right-corner"] {
    border-top-left-radius: 0
}

.protip-skin-default--size-small[data-pt-position="bottom-right-corner"] .protip-arrow {
    top: 0;
    left: -6px;
    margin: -6px 0 0 6px;
    border-width: 6px 0 0 6px;
    border-color: transparent transparent transparent invalid
}

.protip-skin-default--size-normal {
    padding: 16px;
    font-size: 15px;
    border-radius: 6px
}

.protip-skin-default--size-normal[data-pt-position="top-left"] .protip-arrow,
.protip-skin-default--size-normal[data-pt-position="top"] .protip-arrow,
.protip-skin-default--size-normal[data-pt-position="top-right"] .protip-arrow {
    top: 100%;
    left: auto;
    margin: 0 0 0 -8px;
    border-width: 8px 8px 0 8px;
    border-color: invalid transparent transparent transparent
}

.protip-skin-default--size-normal[data-pt-position="top-left"] .protip-arrow {
    left: 20px
}

.protip-skin-default--size-normal[data-pt-position="top"] .protip-arrow {
    left: 50%
}

.protip-skin-default--size-normal[data-pt-position="top-right"] .protip-arrow {
    left: auto;
    right: 20px;
    margin-right: -8px
}

.protip-skin-default--size-normal[data-pt-position="bottom-left"] .protip-arrow,
.protip-skin-default--size-normal[data-pt-position="bottom"] .protip-arrow,
.protip-skin-default--size-normal[data-pt-position="bottom-right"] .protip-arrow {
    top: -8px;
    left: auto;
    margin: 0 0 0 -8px;
    border-width: 0 8px 8px 8px;
    border-color: transparent transparent invalid transparent
}

.protip-skin-default--size-normal[data-pt-position="bottom-left"] .protip-arrow {
    left: 20px
}

.protip-skin-default--size-normal[data-pt-position="bottom"] .protip-arrow {
    left: 50%
}

.protip-skin-default--size-normal[data-pt-position="bottom-right"] .protip-arrow {
    left: auto;
    right: 20px;
    margin-right: -8px
}

.protip-skin-default--size-normal[data-pt-position="left-top"] .protip-arrow,
.protip-skin-default--size-normal[data-pt-position="left"] .protip-arrow,
.protip-skin-default--size-normal[data-pt-position="left-bottom"] .protip-arrow {
    top: auto;
    left: 100%;
    margin: -8px 0 0 0;
    border-width: 8px 0 8px 8px;
    border-color: transparent transparent transparent invalid
}

.protip-skin-default--size-normal[data-pt-position="left-top"] .protip-arrow {
    top: 20px
}

.protip-skin-default--size-normal[data-pt-position="left"] .protip-arrow {
    top: 50%
}

.protip-skin-default--size-normal[data-pt-position="left-bottom"] .protip-arrow {
    top: auto;
    bottom: 20px;
    margin-bottom: -8px
}

.protip-skin-default--size-normal[data-pt-position="right-top"] .protip-arrow,
.protip-skin-default--size-normal[data-pt-position="right"] .protip-arrow,
.protip-skin-default--size-normal[data-pt-position="right-bottom"] .protip-arrow {
    top: auto;
    right: 100%;
    margin: -8px 0 0 0;
    border-width: 8px 8px 8px 0;
    border-color: transparent invalid transparent transparent
}

.protip-skin-default--size-normal[data-pt-position="right-top"] .protip-arrow {
    top: 20px
}

.protip-skin-default--size-normal[data-pt-position="right"] .protip-arrow {
    top: 50%
}

.protip-skin-default--size-normal[data-pt-position="right-bottom"] .protip-arrow {
    top: auto;
    bottom: 20px;
    margin-bottom: -8px
}

.protip-skin-default--size-normal[data-pt-position="top-left-corner"] {
    border-bottom-right-radius: 0
}

.protip-skin-default--size-normal[data-pt-position="top-left-corner"] .protip-arrow {
    top: 100%;
    left: 100%;
    margin: 0 0 0 -8px;
    border-width: 0 8px 8px 0;
    border-color: transparent invalid transparent transparent
}

.protip-skin-default--size-normal[data-pt-position="top-right-corner"] {
    border-bottom-left-radius: 0
}

.protip-skin-default--size-normal[data-pt-position="top-right-corner"] .protip-arrow {
    top: 100%;
    left: -8px;
    margin: 0 0 0 8px;
    border-width: 8px 8px 0 0;
    border-color: invalid transparent transparent transparent
}

.protip-skin-default--size-normal[data-pt-position="bottom-left-corner"] {
    border-top-right-radius: 0
}

.protip-skin-default--size-normal[data-pt-position="bottom-left-corner"] .protip-arrow {
    top: -8px;
    left: 100%;
    margin: 0 0 0 -8px;
    border-width: 0 0 8px 8px;
    border-color: transparent transparent invalid transparent
}

.protip-skin-default--size-normal[data-pt-position="bottom-right-corner"] {
    border-top-left-radius: 0
}

.protip-skin-default--size-normal[data-pt-position="bottom-right-corner"] .protip-arrow {
    top: 0;
    left: -8px;
    margin: -8px 0 0 8px;
    border-width: 8px 0 0 8px;
    border-color: transparent transparent transparent invalid
}

.protip-skin-default--size-big {
    padding: 20px;
    font-size: 18px;
    border-radius: 8px
}

.protip-skin-default--size-big[data-pt-position="top-left"] .protip-arrow,
.protip-skin-default--size-big[data-pt-position="top"] .protip-arrow,
.protip-skin-default--size-big[data-pt-position="top-right"] .protip-arrow {
    top: 100%;
    left: auto;
    margin: 0 0 0 -10px;
    border-width: 10px 10px 0 10px;
    border-color: invalid transparent transparent transparent
}

.protip-skin-default--size-big[data-pt-position="top-left"] .protip-arrow {
    left: 20px
}

.protip-skin-default--size-big[data-pt-position="top"] .protip-arrow {
    left: 50%
}

.protip-skin-default--size-big[data-pt-position="top-right"] .protip-arrow {
    left: auto;
    right: 20px;
    margin-right: -10px
}

.protip-skin-default--size-big[data-pt-position="bottom-left"] .protip-arrow,
.protip-skin-default--size-big[data-pt-position="bottom"] .protip-arrow,
.protip-skin-default--size-big[data-pt-position="bottom-right"] .protip-arrow {
    top: -10px;
    left: auto;
    margin: 0 0 0 -10px;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent invalid transparent
}

.protip-skin-default--size-big[data-pt-position="bottom-left"] .protip-arrow {
    left: 20px
}

.protip-skin-default--size-big[data-pt-position="bottom"] .protip-arrow {
    left: 50%
}

.protip-skin-default--size-big[data-pt-position="bottom-right"] .protip-arrow {
    left: auto;
    right: 20px;
    margin-right: -10px
}

.protip-skin-default--size-big[data-pt-position="left-top"] .protip-arrow,
.protip-skin-default--size-big[data-pt-position="left"] .protip-arrow,
.protip-skin-default--size-big[data-pt-position="left-bottom"] .protip-arrow {
    top: auto;
    left: 100%;
    margin: -10px 0 0 0;
    border-width: 10px 0 10px 10px;
    border-color: transparent transparent transparent invalid
}

.protip-skin-default--size-big[data-pt-position="left-top"] .protip-arrow {
    top: 20px
}

.protip-skin-default--size-big[data-pt-position="left"] .protip-arrow {
    top: 50%
}

.protip-skin-default--size-big[data-pt-position="left-bottom"] .protip-arrow {
    top: auto;
    bottom: 20px;
    margin-bottom: -10px
}

.protip-skin-default--size-big[data-pt-position="right-top"] .protip-arrow,
.protip-skin-default--size-big[data-pt-position="right"] .protip-arrow,
.protip-skin-default--size-big[data-pt-position="right-bottom"] .protip-arrow {
    top: auto;
    right: 100%;
    margin: -10px 0 0 0;
    border-width: 10px 10px 10px 0;
    border-color: transparent invalid transparent transparent
}

.protip-skin-default--size-big[data-pt-position="right-top"] .protip-arrow {
    top: 20px
}

.protip-skin-default--size-big[data-pt-position="right"] .protip-arrow {
    top: 50%
}

.protip-skin-default--size-big[data-pt-position="right-bottom"] .protip-arrow {
    top: auto;
    bottom: 20px;
    margin-bottom: -10px
}

.protip-skin-default--size-big[data-pt-position="top-left-corner"] {
    border-bottom-right-radius: 0
}

.protip-skin-default--size-big[data-pt-position="top-left-corner"] .protip-arrow {
    top: 100%;
    left: 100%;
    margin: 0 0 0 -10px;
    border-width: 0 10px 10px 0;
    border-color: transparent invalid transparent transparent
}

.protip-skin-default--size-big[data-pt-position="top-right-corner"] {
    border-bottom-left-radius: 0
}

.protip-skin-default--size-big[data-pt-position="top-right-corner"] .protip-arrow {
    top: 100%;
    left: -10px;
    margin: 0 0 0 10px;
    border-width: 10px 10px 0 0;
    border-color: invalid transparent transparent transparent
}

.protip-skin-default--size-big[data-pt-position="bottom-left-corner"] {
    border-top-right-radius: 0
}

.protip-skin-default--size-big[data-pt-position="bottom-left-corner"] .protip-arrow {
    top: -10px;
    left: 100%;
    margin: 0 0 0 -10px;
    border-width: 0 0 10px 10px;
    border-color: transparent transparent invalid transparent
}

.protip-skin-default--size-big[data-pt-position="bottom-right-corner"] {
    border-top-left-radius: 0
}

.protip-skin-default--size-big[data-pt-position="bottom-right-corner"] .protip-arrow {
    top: 0;
    left: -10px;
    margin: -10px 0 0 10px;
    border-width: 10px 0 0 10px;
    border-color: transparent transparent transparent invalid
}

.protip-skin-default--size-large {
    padding: 20px;
    font-size: 18px;
    border-radius: 8px
}

.protip-skin-default--size-large[data-pt-position="top-left"] .protip-arrow,
.protip-skin-default--size-large[data-pt-position="top"] .protip-arrow,
.protip-skin-default--size-large[data-pt-position="top-right"] .protip-arrow {
    top: 100%;
    left: auto;
    margin: 0 0 0 -12px;
    border-width: 12px 12px 0 12px;
    border-color: invalid transparent transparent transparent
}

.protip-skin-default--size-large[data-pt-position="top-left"] .protip-arrow {
    left: 20px
}

.protip-skin-default--size-large[data-pt-position="top"] .protip-arrow {
    left: 50%
}

.protip-skin-default--size-large[data-pt-position="top-right"] .protip-arrow {
    left: auto;
    right: 20px;
    margin-right: -12px
}

.protip-skin-default--size-large[data-pt-position="bottom-left"] .protip-arrow,
.protip-skin-default--size-large[data-pt-position="bottom"] .protip-arrow,
.protip-skin-default--size-large[data-pt-position="bottom-right"] .protip-arrow {
    top: -12px;
    left: auto;
    margin: 0 0 0 -12px;
    border-width: 0 12px 12px 12px;
    border-color: transparent transparent invalid transparent
}

.protip-skin-default--size-large[data-pt-position="bottom-left"] .protip-arrow {
    left: 20px
}

.protip-skin-default--size-large[data-pt-position="bottom"] .protip-arrow {
    left: 50%
}

.protip-skin-default--size-large[data-pt-position="bottom-right"] .protip-arrow {
    left: auto;
    right: 20px;
    margin-right: -12px
}

.protip-skin-default--size-large[data-pt-position="left-top"] .protip-arrow,
.protip-skin-default--size-large[data-pt-position="left"] .protip-arrow,
.protip-skin-default--size-large[data-pt-position="left-bottom"] .protip-arrow {
    top: auto;
    left: 100%;
    margin: -12px 0 0 0;
    border-width: 12px 0 12px 12px;
    border-color: transparent transparent transparent invalid
}

.protip-skin-default--size-large[data-pt-position="left-top"] .protip-arrow {
    top: 20px
}

.protip-skin-default--size-large[data-pt-position="left"] .protip-arrow {
    top: 50%
}

.protip-skin-default--size-large[data-pt-position="left-bottom"] .protip-arrow {
    top: auto;
    bottom: 20px;
    margin-bottom: -12px
}

.protip-skin-default--size-large[data-pt-position="right-top"] .protip-arrow,
.protip-skin-default--size-large[data-pt-position="right"] .protip-arrow,
.protip-skin-default--size-large[data-pt-position="right-bottom"] .protip-arrow {
    top: auto;
    right: 100%;
    margin: -12px 0 0 0;
    border-width: 12px 12px 12px 0;
    border-color: transparent invalid transparent transparent
}

.protip-skin-default--size-large[data-pt-position="right-top"] .protip-arrow {
    top: 20px
}

.protip-skin-default--size-large[data-pt-position="right"] .protip-arrow {
    top: 50%
}

.protip-skin-default--size-large[data-pt-position="right-bottom"] .protip-arrow {
    top: auto;
    bottom: 20px;
    margin-bottom: -12px
}

.protip-skin-default--size-large[data-pt-position="top-left-corner"] {
    border-bottom-right-radius: 0
}

.protip-skin-default--size-large[data-pt-position="top-left-corner"] .protip-arrow {
    top: 100%;
    left: 100%;
    margin: 0 0 0 -12px;
    border-width: 0 12px 12px 0;
    border-color: transparent invalid transparent transparent
}

.protip-skin-default--size-large[data-pt-position="top-right-corner"] {
    border-bottom-left-radius: 0
}

.protip-skin-default--size-large[data-pt-position="top-right-corner"] .protip-arrow {
    top: 100%;
    left: -12px;
    margin: 0 0 0 12px;
    border-width: 12px 12px 0 0;
    border-color: invalid transparent transparent transparent
}

.protip-skin-default--size-large[data-pt-position="bottom-left-corner"] {
    border-top-right-radius: 0
}

.protip-skin-default--size-large[data-pt-position="bottom-left-corner"] .protip-arrow {
    top: -12px;
    left: 100%;
    margin: 0 0 0 -12px;
    border-width: 0 0 12px 12px;
    border-color: transparent transparent invalid transparent
}

.protip-skin-default--size-large[data-pt-position="bottom-right-corner"] {
    border-top-left-radius: 0
}

.protip-skin-default--size-large[data-pt-position="bottom-right-corner"] .protip-arrow {
    top: 0;
    left: -12px;
    margin: -12px 0 0 12px;
    border-width: 12px 0 0 12px;
    border-color: transparent transparent transparent invalid
}

.protip-skin-square--scheme-pro.protip-container {
    color: #fff;
    background: #1A1D32;
    font-family: sans-serif;
    transition: opacity 0.2s ease-out
}

.protip-skin-square--scheme-pro[data-pt-position="top-left"] .protip-arrow,
.protip-skin-square--scheme-pro[data-pt-position="top"] .protip-arrow,
.protip-skin-square--scheme-pro[data-pt-position="top-right"] .protip-arrow {
    top: 100%;
    left: auto;
    margin: 0 0 0 -8px;
    border-width: 8px 8px 0 8px;
    border-color: #1A1D32 transparent transparent transparent
}

.protip-skin-square--scheme-pro[data-pt-position="top-left"] .protip-arrow {
    left: 20px
}

.protip-skin-square--scheme-pro[data-pt-position="top"] .protip-arrow {
    left: 50%
}

.protip-skin-square--scheme-pro[data-pt-position="top-right"] .protip-arrow {
    left: auto;
    right: 20px;
    margin-right: -8px
}

.protip-skin-square--scheme-pro[data-pt-position="bottom-left"] .protip-arrow,
.protip-skin-square--scheme-pro[data-pt-position="bottom"] .protip-arrow,
.protip-skin-square--scheme-pro[data-pt-position="bottom-right"] .protip-arrow {
    top: -8px;
    left: auto;
    margin: 0 0 0 -8px;
    border-width: 0 8px 8px 8px;
    border-color: transparent transparent #1A1D32 transparent
}

.protip-skin-square--scheme-pro[data-pt-position="bottom-left"] .protip-arrow {
    left: 20px
}

.protip-skin-square--scheme-pro[data-pt-position="bottom"] .protip-arrow {
    left: 50%
}

.protip-skin-square--scheme-pro[data-pt-position="bottom-right"] .protip-arrow {
    left: auto;
    right: 20px;
    margin-right: -8px
}

.protip-skin-square--scheme-pro[data-pt-position="left-top"] .protip-arrow,
.protip-skin-square--scheme-pro[data-pt-position="left"] .protip-arrow,
.protip-skin-square--scheme-pro[data-pt-position="left-bottom"] .protip-arrow {
    top: auto;
    left: 100%;
    margin: -8px 0 0 0;
    border-width: 8px 0 8px 8px;
    border-color: transparent transparent transparent #1A1D32
}

.protip-skin-square--scheme-pro[data-pt-position="left-top"] .protip-arrow {
    top: 20px
}

.protip-skin-square--scheme-pro[data-pt-position="left"] .protip-arrow {
    top: 50%
}

.protip-skin-square--scheme-pro[data-pt-position="left-bottom"] .protip-arrow {
    top: auto;
    bottom: 20px;
    margin-bottom: -8px
}

.protip-skin-square--scheme-pro[data-pt-position="right-top"] .protip-arrow,
.protip-skin-square--scheme-pro[data-pt-position="right"] .protip-arrow,
.protip-skin-square--scheme-pro[data-pt-position="right-bottom"] .protip-arrow {
    top: auto;
    right: 100%;
    margin: -8px 0 0 0;
    border-width: 8px 8px 8px 0;
    border-color: transparent #1A1D32 transparent transparent
}

.protip-skin-square--scheme-pro[data-pt-position="right-top"] .protip-arrow {
    top: 20px
}

.protip-skin-square--scheme-pro[data-pt-position="right"] .protip-arrow {
    top: 50%
}

.protip-skin-square--scheme-pro[data-pt-position="right-bottom"] .protip-arrow {
    top: auto;
    bottom: 20px;
    margin-bottom: -8px
}

.protip-skin-square--scheme-pro[data-pt-position="top-left-corner"] {
    border-bottom-right-radius: 0
}

.protip-skin-square--scheme-pro[data-pt-position="top-left-corner"] .protip-arrow {
    top: 100%;
    left: 100%;
    margin: 0 0 0 -8px;
    border-width: 0 8px 8px 0;
    border-color: transparent #1A1D32 transparent transparent
}

.protip-skin-square--scheme-pro[data-pt-position="top-right-corner"] {
    border-bottom-left-radius: 0
}

.protip-skin-square--scheme-pro[data-pt-position="top-right-corner"] .protip-arrow {
    top: 100%;
    left: -8px;
    margin: 0 0 0 8px;
    border-width: 8px 8px 0 0;
    border-color: #1A1D32 transparent transparent transparent
}

.protip-skin-square--scheme-pro[data-pt-position="bottom-left-corner"] {
    border-top-right-radius: 0
}

.protip-skin-square--scheme-pro[data-pt-position="bottom-left-corner"] .protip-arrow {
    top: -8px;
    left: 100%;
    margin: 0 0 0 -8px;
    border-width: 0 0 8px 8px;
    border-color: transparent transparent #1A1D32 transparent
}

.protip-skin-square--scheme-pro[data-pt-position="bottom-right-corner"] {
    border-top-left-radius: 0
}

.protip-skin-square--scheme-pro[data-pt-position="bottom-right-corner"] .protip-arrow {
    top: 0;
    left: -8px;
    margin: -8px 0 0 8px;
    border-width: 8px 0 0 8px;
    border-color: transparent transparent transparent #1A1D32
}

.protip-skin-square--scheme-blue.protip-container {
    color: #fff;
    background: #369;
    font-family: sans-serif;
    transition: opacity 0.2s ease-out
}

.protip-skin-square--scheme-blue[data-pt-position="top-left"] .protip-arrow,
.protip-skin-square--scheme-blue[data-pt-position="top"] .protip-arrow,
.protip-skin-square--scheme-blue[data-pt-position="top-right"] .protip-arrow {
    top: 100%;
    left: auto;
    margin: 0 0 0 -8px;
    border-width: 8px 8px 0 8px;
    border-color: #369 transparent transparent transparent
}

.protip-skin-square--scheme-blue[data-pt-position="top-left"] .protip-arrow {
    left: 20px
}

.protip-skin-square--scheme-blue[data-pt-position="top"] .protip-arrow {
    left: 50%
}

.protip-skin-square--scheme-blue[data-pt-position="top-right"] .protip-arrow {
    left: auto;
    right: 20px;
    margin-right: -8px
}

.protip-skin-square--scheme-blue[data-pt-position="bottom-left"] .protip-arrow,
.protip-skin-square--scheme-blue[data-pt-position="bottom"] .protip-arrow,
.protip-skin-square--scheme-blue[data-pt-position="bottom-right"] .protip-arrow {
    top: -8px;
    left: auto;
    margin: 0 0 0 -8px;
    border-width: 0 8px 8px 8px;
    border-color: transparent transparent #369 transparent
}

.protip-skin-square--scheme-blue[data-pt-position="bottom-left"] .protip-arrow {
    left: 20px
}

.protip-skin-square--scheme-blue[data-pt-position="bottom"] .protip-arrow {
    left: 50%
}

.protip-skin-square--scheme-blue[data-pt-position="bottom-right"] .protip-arrow {
    left: auto;
    right: 20px;
    margin-right: -8px
}

.protip-skin-square--scheme-blue[data-pt-position="left-top"] .protip-arrow,
.protip-skin-square--scheme-blue[data-pt-position="left"] .protip-arrow,
.protip-skin-square--scheme-blue[data-pt-position="left-bottom"] .protip-arrow {
    top: auto;
    left: 100%;
    margin: -8px 0 0 0;
    border-width: 8px 0 8px 8px;
    border-color: transparent transparent transparent #369
}

.protip-skin-square--scheme-blue[data-pt-position="left-top"] .protip-arrow {
    top: 20px
}

.protip-skin-square--scheme-blue[data-pt-position="left"] .protip-arrow {
    top: 50%
}

.protip-skin-square--scheme-blue[data-pt-position="left-bottom"] .protip-arrow {
    top: auto;
    bottom: 20px;
    margin-bottom: -8px
}

.protip-skin-square--scheme-blue[data-pt-position="right-top"] .protip-arrow,
.protip-skin-square--scheme-blue[data-pt-position="right"] .protip-arrow,
.protip-skin-square--scheme-blue[data-pt-position="right-bottom"] .protip-arrow {
    top: auto;
    right: 100%;
    margin: -8px 0 0 0;
    border-width: 8px 8px 8px 0;
    border-color: transparent #369 transparent transparent
}

.protip-skin-square--scheme-blue[data-pt-position="right-top"] .protip-arrow {
    top: 20px
}

.protip-skin-square--scheme-blue[data-pt-position="right"] .protip-arrow {
    top: 50%
}

.protip-skin-square--scheme-blue[data-pt-position="right-bottom"] .protip-arrow {
    top: auto;
    bottom: 20px;
    margin-bottom: -8px
}

.protip-skin-square--scheme-blue[data-pt-position="top-left-corner"] {
    border-bottom-right-radius: 0
}

.protip-skin-square--scheme-blue[data-pt-position="top-left-corner"] .protip-arrow {
    top: 100%;
    left: 100%;
    margin: 0 0 0 -8px;
    border-width: 0 8px 8px 0;
    border-color: transparent #369 transparent transparent
}

.protip-skin-square--scheme-blue[data-pt-position="top-right-corner"] {
    border-bottom-left-radius: 0
}

.protip-skin-square--scheme-blue[data-pt-position="top-right-corner"] .protip-arrow {
    top: 100%;
    left: -8px;
    margin: 0 0 0 8px;
    border-width: 8px 8px 0 0;
    border-color: #369 transparent transparent transparent
}

.protip-skin-square--scheme-blue[data-pt-position="bottom-left-corner"] {
    border-top-right-radius: 0
}

.protip-skin-square--scheme-blue[data-pt-position="bottom-left-corner"] .protip-arrow {
    top: -8px;
    left: 100%;
    margin: 0 0 0 -8px;
    border-width: 0 0 8px 8px;
    border-color: transparent transparent #369 transparent
}

.protip-skin-square--scheme-blue[data-pt-position="bottom-right-corner"] {
    border-top-left-radius: 0
}

.protip-skin-square--scheme-blue[data-pt-position="bottom-right-corner"] .protip-arrow {
    top: 0;
    left: -8px;
    margin: -8px 0 0 8px;
    border-width: 8px 0 0 8px;
    border-color: transparent transparent transparent #369
}

.protip-skin-square--scheme-red.protip-container {
    color: #fff;
    background: #802731;
    font-family: sans-serif;
    transition: opacity 0.2s ease-out
}

.protip-skin-square--scheme-red[data-pt-position="top-left"] .protip-arrow,
.protip-skin-square--scheme-red[data-pt-position="top"] .protip-arrow,
.protip-skin-square--scheme-red[data-pt-position="top-right"] .protip-arrow {
    top: 100%;
    left: auto;
    margin: 0 0 0 -8px;
    border-width: 8px 8px 0 8px;
    border-color: #802731 transparent transparent transparent
}

.protip-skin-square--scheme-red[data-pt-position="top-left"] .protip-arrow {
    left: 20px
}

.protip-skin-square--scheme-red[data-pt-position="top"] .protip-arrow {
    left: 50%
}

.protip-skin-square--scheme-red[data-pt-position="top-right"] .protip-arrow {
    left: auto;
    right: 20px;
    margin-right: -8px
}

.protip-skin-square--scheme-red[data-pt-position="bottom-left"] .protip-arrow,
.protip-skin-square--scheme-red[data-pt-position="bottom"] .protip-arrow,
.protip-skin-square--scheme-red[data-pt-position="bottom-right"] .protip-arrow {
    top: -8px;
    left: auto;
    margin: 0 0 0 -8px;
    border-width: 0 8px 8px 8px;
    border-color: transparent transparent #802731 transparent
}

.protip-skin-square--scheme-red[data-pt-position="bottom-left"] .protip-arrow {
    left: 20px
}

.protip-skin-square--scheme-red[data-pt-position="bottom"] .protip-arrow {
    left: 50%
}

.protip-skin-square--scheme-red[data-pt-position="bottom-right"] .protip-arrow {
    left: auto;
    right: 20px;
    margin-right: -8px
}

.protip-skin-square--scheme-red[data-pt-position="left-top"] .protip-arrow,
.protip-skin-square--scheme-red[data-pt-position="left"] .protip-arrow,
.protip-skin-square--scheme-red[data-pt-position="left-bottom"] .protip-arrow {
    top: auto;
    left: 100%;
    margin: -8px 0 0 0;
    border-width: 8px 0 8px 8px;
    border-color: transparent transparent transparent #802731
}

.protip-skin-square--scheme-red[data-pt-position="left-top"] .protip-arrow {
    top: 20px
}

.protip-skin-square--scheme-red[data-pt-position="left"] .protip-arrow {
    top: 50%
}

.protip-skin-square--scheme-red[data-pt-position="left-bottom"] .protip-arrow {
    top: auto;
    bottom: 20px;
    margin-bottom: -8px
}

.protip-skin-square--scheme-red[data-pt-position="right-top"] .protip-arrow,
.protip-skin-square--scheme-red[data-pt-position="right"] .protip-arrow,
.protip-skin-square--scheme-red[data-pt-position="right-bottom"] .protip-arrow {
    top: auto;
    right: 100%;
    margin: -8px 0 0 0;
    border-width: 8px 8px 8px 0;
    border-color: transparent #802731 transparent transparent
}

.protip-skin-square--scheme-red[data-pt-position="right-top"] .protip-arrow {
    top: 20px
}

.protip-skin-square--scheme-red[data-pt-position="right"] .protip-arrow {
    top: 50%
}

.protip-skin-square--scheme-red[data-pt-position="right-bottom"] .protip-arrow {
    top: auto;
    bottom: 20px;
    margin-bottom: -8px
}

.protip-skin-square--scheme-red[data-pt-position="top-left-corner"] {
    border-bottom-right-radius: 0
}

.protip-skin-square--scheme-red[data-pt-position="top-left-corner"] .protip-arrow {
    top: 100%;
    left: 100%;
    margin: 0 0 0 -8px;
    border-width: 0 8px 8px 0;
    border-color: transparent #802731 transparent transparent
}

.protip-skin-square--scheme-red[data-pt-position="top-right-corner"] {
    border-bottom-left-radius: 0
}

.protip-skin-square--scheme-red[data-pt-position="top-right-corner"] .protip-arrow {
    top: 100%;
    left: -8px;
    margin: 0 0 0 8px;
    border-width: 8px 8px 0 0;
    border-color: #802731 transparent transparent transparent
}

.protip-skin-square--scheme-red[data-pt-position="bottom-left-corner"] {
    border-top-right-radius: 0
}

.protip-skin-square--scheme-red[data-pt-position="bottom-left-corner"] .protip-arrow {
    top: -8px;
    left: 100%;
    margin: 0 0 0 -8px;
    border-width: 0 0 8px 8px;
    border-color: transparent transparent #802731 transparent
}

.protip-skin-square--scheme-red[data-pt-position="bottom-right-corner"] {
    border-top-left-radius: 0
}

.protip-skin-square--scheme-red[data-pt-position="bottom-right-corner"] .protip-arrow {
    top: 0;
    left: -8px;
    margin: -8px 0 0 8px;
    border-width: 8px 0 0 8px;
    border-color: transparent transparent transparent #802731
}

.protip-skin-square--scheme-aqua.protip-container {
    color: #fff;
    background: #339996;
    font-family: sans-serif;
    transition: opacity 0.2s ease-out
}

.protip-skin-square--scheme-aqua[data-pt-position="top-left"] .protip-arrow,
.protip-skin-square--scheme-aqua[data-pt-position="top"] .protip-arrow,
.protip-skin-square--scheme-aqua[data-pt-position="top-right"] .protip-arrow {
    top: 100%;
    left: auto;
    margin: 0 0 0 -8px;
    border-width: 8px 8px 0 8px;
    border-color: #339996 transparent transparent transparent
}

.protip-skin-square--scheme-aqua[data-pt-position="top-left"] .protip-arrow {
    left: 20px
}

.protip-skin-square--scheme-aqua[data-pt-position="top"] .protip-arrow {
    left: 50%
}

.protip-skin-square--scheme-aqua[data-pt-position="top-right"] .protip-arrow {
    left: auto;
    right: 20px;
    margin-right: -8px
}

.protip-skin-square--scheme-aqua[data-pt-position="bottom-left"] .protip-arrow,
.protip-skin-square--scheme-aqua[data-pt-position="bottom"] .protip-arrow,
.protip-skin-square--scheme-aqua[data-pt-position="bottom-right"] .protip-arrow {
    top: -8px;
    left: auto;
    margin: 0 0 0 -8px;
    border-width: 0 8px 8px 8px;
    border-color: transparent transparent #339996 transparent
}

.protip-skin-square--scheme-aqua[data-pt-position="bottom-left"] .protip-arrow {
    left: 20px
}

.protip-skin-square--scheme-aqua[data-pt-position="bottom"] .protip-arrow {
    left: 50%
}

.protip-skin-square--scheme-aqua[data-pt-position="bottom-right"] .protip-arrow {
    left: auto;
    right: 20px;
    margin-right: -8px
}

.protip-skin-square--scheme-aqua[data-pt-position="left-top"] .protip-arrow,
.protip-skin-square--scheme-aqua[data-pt-position="left"] .protip-arrow,
.protip-skin-square--scheme-aqua[data-pt-position="left-bottom"] .protip-arrow {
    top: auto;
    left: 100%;
    margin: -8px 0 0 0;
    border-width: 8px 0 8px 8px;
    border-color: transparent transparent transparent #339996
}

.protip-skin-square--scheme-aqua[data-pt-position="left-top"] .protip-arrow {
    top: 20px
}

.protip-skin-square--scheme-aqua[data-pt-position="left"] .protip-arrow {
    top: 50%
}

.protip-skin-square--scheme-aqua[data-pt-position="left-bottom"] .protip-arrow {
    top: auto;
    bottom: 20px;
    margin-bottom: -8px
}

.protip-skin-square--scheme-aqua[data-pt-position="right-top"] .protip-arrow,
.protip-skin-square--scheme-aqua[data-pt-position="right"] .protip-arrow,
.protip-skin-square--scheme-aqua[data-pt-position="right-bottom"] .protip-arrow {
    top: auto;
    right: 100%;
    margin: -8px 0 0 0;
    border-width: 8px 8px 8px 0;
    border-color: transparent #339996 transparent transparent
}

.protip-skin-square--scheme-aqua[data-pt-position="right-top"] .protip-arrow {
    top: 20px
}

.protip-skin-square--scheme-aqua[data-pt-position="right"] .protip-arrow {
    top: 50%
}

.protip-skin-square--scheme-aqua[data-pt-position="right-bottom"] .protip-arrow {
    top: auto;
    bottom: 20px;
    margin-bottom: -8px
}

.protip-skin-square--scheme-aqua[data-pt-position="top-left-corner"] {
    border-bottom-right-radius: 0
}

.protip-skin-square--scheme-aqua[data-pt-position="top-left-corner"] .protip-arrow {
    top: 100%;
    left: 100%;
    margin: 0 0 0 -8px;
    border-width: 0 8px 8px 0;
    border-color: transparent #339996 transparent transparent
}

.protip-skin-square--scheme-aqua[data-pt-position="top-right-corner"] {
    border-bottom-left-radius: 0
}

.protip-skin-square--scheme-aqua[data-pt-position="top-right-corner"] .protip-arrow {
    top: 100%;
    left: -8px;
    margin: 0 0 0 8px;
    border-width: 8px 8px 0 0;
    border-color: #339996 transparent transparent transparent
}

.protip-skin-square--scheme-aqua[data-pt-position="bottom-left-corner"] {
    border-top-right-radius: 0
}

.protip-skin-square--scheme-aqua[data-pt-position="bottom-left-corner"] .protip-arrow {
    top: -8px;
    left: 100%;
    margin: 0 0 0 -8px;
    border-width: 0 0 8px 8px;
    border-color: transparent transparent #339996 transparent
}

.protip-skin-square--scheme-aqua[data-pt-position="bottom-right-corner"] {
    border-top-left-radius: 0
}

.protip-skin-square--scheme-aqua[data-pt-position="bottom-right-corner"] .protip-arrow {
    top: 0;
    left: -8px;
    margin: -8px 0 0 8px;
    border-width: 8px 0 0 8px;
    border-color: transparent transparent transparent #339996
}

.protip-skin-square--scheme-black.protip-container {
    color: #fff;
    background: #000;
    font-family: sans-serif;
    transition: opacity 0.2s ease-out
}

.protip-skin-square--scheme-black[data-pt-position="top-left"] .protip-arrow,
.protip-skin-square--scheme-black[data-pt-position="top"] .protip-arrow,
.protip-skin-square--scheme-black[data-pt-position="top-right"] .protip-arrow {
    top: 100%;
    left: auto;
    margin: 0 0 0 -8px;
    border-width: 8px 8px 0 8px;
    border-color: #000 transparent transparent transparent
}

.protip-skin-square--scheme-black[data-pt-position="top-left"] .protip-arrow {
    left: 20px
}

.protip-skin-square--scheme-black[data-pt-position="top"] .protip-arrow {
    left: 50%
}

.protip-skin-square--scheme-black[data-pt-position="top-right"] .protip-arrow {
    left: auto;
    right: 20px;
    margin-right: -8px
}

.protip-skin-square--scheme-black[data-pt-position="bottom-left"] .protip-arrow,
.protip-skin-square--scheme-black[data-pt-position="bottom"] .protip-arrow,
.protip-skin-square--scheme-black[data-pt-position="bottom-right"] .protip-arrow {
    top: -8px;
    left: auto;
    margin: 0 0 0 -8px;
    border-width: 0 8px 8px 8px;
    border-color: transparent transparent #000 transparent
}

.protip-skin-square--scheme-black[data-pt-position="bottom-left"] .protip-arrow {
    left: 20px
}

.protip-skin-square--scheme-black[data-pt-position="bottom"] .protip-arrow {
    left: 50%
}

.protip-skin-square--scheme-black[data-pt-position="bottom-right"] .protip-arrow {
    left: auto;
    right: 20px;
    margin-right: -8px
}

.protip-skin-square--scheme-black[data-pt-position="left-top"] .protip-arrow,
.protip-skin-square--scheme-black[data-pt-position="left"] .protip-arrow,
.protip-skin-square--scheme-black[data-pt-position="left-bottom"] .protip-arrow {
    top: auto;
    left: 100%;
    margin: -8px 0 0 0;
    border-width: 8px 0 8px 8px;
    border-color: transparent transparent transparent #000
}

.protip-skin-square--scheme-black[data-pt-position="left-top"] .protip-arrow {
    top: 20px
}

.protip-skin-square--scheme-black[data-pt-position="left"] .protip-arrow {
    top: 50%
}

.protip-skin-square--scheme-black[data-pt-position="left-bottom"] .protip-arrow {
    top: auto;
    bottom: 20px;
    margin-bottom: -8px
}

.protip-skin-square--scheme-black[data-pt-position="right-top"] .protip-arrow,
.protip-skin-square--scheme-black[data-pt-position="right"] .protip-arrow,
.protip-skin-square--scheme-black[data-pt-position="right-bottom"] .protip-arrow {
    top: auto;
    right: 100%;
    margin: -8px 0 0 0;
    border-width: 8px 8px 8px 0;
    border-color: transparent #000 transparent transparent
}

.protip-skin-square--scheme-black[data-pt-position="right-top"] .protip-arrow {
    top: 20px
}

.protip-skin-square--scheme-black[data-pt-position="right"] .protip-arrow {
    top: 50%
}

.protip-skin-square--scheme-black[data-pt-position="right-bottom"] .protip-arrow {
    top: auto;
    bottom: 20px;
    margin-bottom: -8px
}

.protip-skin-square--scheme-black[data-pt-position="top-left-corner"] {
    border-bottom-right-radius: 0
}

.protip-skin-square--scheme-black[data-pt-position="top-left-corner"] .protip-arrow {
    top: 100%;
    left: 100%;
    margin: 0 0 0 -8px;
    border-width: 0 8px 8px 0;
    border-color: transparent #000 transparent transparent
}

.protip-skin-square--scheme-black[data-pt-position="top-right-corner"] {
    border-bottom-left-radius: 0
}

.protip-skin-square--scheme-black[data-pt-position="top-right-corner"] .protip-arrow {
    top: 100%;
    left: -8px;
    margin: 0 0 0 8px;
    border-width: 8px 8px 0 0;
    border-color: #000 transparent transparent transparent
}

.protip-skin-square--scheme-black[data-pt-position="bottom-left-corner"] {
    border-top-right-radius: 0
}

.protip-skin-square--scheme-black[data-pt-position="bottom-left-corner"] .protip-arrow {
    top: -8px;
    left: 100%;
    margin: 0 0 0 -8px;
    border-width: 0 0 8px 8px;
    border-color: transparent transparent #000 transparent
}

.protip-skin-square--scheme-black[data-pt-position="bottom-right-corner"] {
    border-top-left-radius: 0
}

.protip-skin-square--scheme-black[data-pt-position="bottom-right-corner"] .protip-arrow {
    top: 0;
    left: -8px;
    margin: -8px 0 0 8px;
    border-width: 8px 0 0 8px;
    border-color: transparent transparent transparent #000
}

.protip-skin-square--scheme-leaf.protip-container {
    color: #fff;
    background: #339959;
    font-family: sans-serif;
    transition: opacity 0.2s ease-out
}

.protip-skin-square--scheme-leaf[data-pt-position="top-left"] .protip-arrow,
.protip-skin-square--scheme-leaf[data-pt-position="top"] .protip-arrow,
.protip-skin-square--scheme-leaf[data-pt-position="top-right"] .protip-arrow {
    top: 100%;
    left: auto;
    margin: 0 0 0 -8px;
    border-width: 8px 8px 0 8px;
    border-color: #339959 transparent transparent transparent
}

.protip-skin-square--scheme-leaf[data-pt-position="top-left"] .protip-arrow {
    left: 20px
}

.protip-skin-square--scheme-leaf[data-pt-position="top"] .protip-arrow {
    left: 50%
}

.protip-skin-square--scheme-leaf[data-pt-position="top-right"] .protip-arrow {
    left: auto;
    right: 20px;
    margin-right: -8px
}

.protip-skin-square--scheme-leaf[data-pt-position="bottom-left"] .protip-arrow,
.protip-skin-square--scheme-leaf[data-pt-position="bottom"] .protip-arrow,
.protip-skin-square--scheme-leaf[data-pt-position="bottom-right"] .protip-arrow {
    top: -8px;
    left: auto;
    margin: 0 0 0 -8px;
    border-width: 0 8px 8px 8px;
    border-color: transparent transparent #339959 transparent
}

.protip-skin-square--scheme-leaf[data-pt-position="bottom-left"] .protip-arrow {
    left: 20px
}

.protip-skin-square--scheme-leaf[data-pt-position="bottom"] .protip-arrow {
    left: 50%
}

.protip-skin-square--scheme-leaf[data-pt-position="bottom-right"] .protip-arrow {
    left: auto;
    right: 20px;
    margin-right: -8px
}

.protip-skin-square--scheme-leaf[data-pt-position="left-top"] .protip-arrow,
.protip-skin-square--scheme-leaf[data-pt-position="left"] .protip-arrow,
.protip-skin-square--scheme-leaf[data-pt-position="left-bottom"] .protip-arrow {
    top: auto;
    left: 100%;
    margin: -8px 0 0 0;
    border-width: 8px 0 8px 8px;
    border-color: transparent transparent transparent #339959
}

.protip-skin-square--scheme-leaf[data-pt-position="left-top"] .protip-arrow {
    top: 20px
}

.protip-skin-square--scheme-leaf[data-pt-position="left"] .protip-arrow {
    top: 50%
}

.protip-skin-square--scheme-leaf[data-pt-position="left-bottom"] .protip-arrow {
    top: auto;
    bottom: 20px;
    margin-bottom: -8px
}

.protip-skin-square--scheme-leaf[data-pt-position="right-top"] .protip-arrow,
.protip-skin-square--scheme-leaf[data-pt-position="right"] .protip-arrow,
.protip-skin-square--scheme-leaf[data-pt-position="right-bottom"] .protip-arrow {
    top: auto;
    right: 100%;
    margin: -8px 0 0 0;
    border-width: 8px 8px 8px 0;
    border-color: transparent #339959 transparent transparent
}

.protip-skin-square--scheme-leaf[data-pt-position="right-top"] .protip-arrow {
    top: 20px
}

.protip-skin-square--scheme-leaf[data-pt-position="right"] .protip-arrow {
    top: 50%
}

.protip-skin-square--scheme-leaf[data-pt-position="right-bottom"] .protip-arrow {
    top: auto;
    bottom: 20px;
    margin-bottom: -8px
}

.protip-skin-square--scheme-leaf[data-pt-position="top-left-corner"] {
    border-bottom-right-radius: 0
}

.protip-skin-square--scheme-leaf[data-pt-position="top-left-corner"] .protip-arrow {
    top: 100%;
    left: 100%;
    margin: 0 0 0 -8px;
    border-width: 0 8px 8px 0;
    border-color: transparent #339959 transparent transparent
}

.protip-skin-square--scheme-leaf[data-pt-position="top-right-corner"] {
    border-bottom-left-radius: 0
}

.protip-skin-square--scheme-leaf[data-pt-position="top-right-corner"] .protip-arrow {
    top: 100%;
    left: -8px;
    margin: 0 0 0 8px;
    border-width: 8px 8px 0 0;
    border-color: #339959 transparent transparent transparent
}

.protip-skin-square--scheme-leaf[data-pt-position="bottom-left-corner"] {
    border-top-right-radius: 0
}

.protip-skin-square--scheme-leaf[data-pt-position="bottom-left-corner"] .protip-arrow {
    top: -8px;
    left: 100%;
    margin: 0 0 0 -8px;
    border-width: 0 0 8px 8px;
    border-color: transparent transparent #339959 transparent
}

.protip-skin-square--scheme-leaf[data-pt-position="bottom-right-corner"] {
    border-top-left-radius: 0
}

.protip-skin-square--scheme-leaf[data-pt-position="bottom-right-corner"] .protip-arrow {
    top: 0;
    left: -8px;
    margin: -8px 0 0 8px;
    border-width: 8px 0 0 8px;
    border-color: transparent transparent transparent #339959
}

.protip-skin-square--scheme-purple.protip-container {
    color: #fff;
    background: #613399;
    font-family: sans-serif;
    transition: opacity 0.2s ease-out
}

.protip-skin-square--scheme-purple[data-pt-position="top-left"] .protip-arrow,
.protip-skin-square--scheme-purple[data-pt-position="top"] .protip-arrow,
.protip-skin-square--scheme-purple[data-pt-position="top-right"] .protip-arrow {
    top: 100%;
    left: auto;
    margin: 0 0 0 -8px;
    border-width: 8px 8px 0 8px;
    border-color: #613399 transparent transparent transparent
}

.protip-skin-square--scheme-purple[data-pt-position="top-left"] .protip-arrow {
    left: 20px
}

.protip-skin-square--scheme-purple[data-pt-position="top"] .protip-arrow {
    left: 50%
}

.protip-skin-square--scheme-purple[data-pt-position="top-right"] .protip-arrow {
    left: auto;
    right: 20px;
    margin-right: -8px
}

.protip-skin-square--scheme-purple[data-pt-position="bottom-left"] .protip-arrow,
.protip-skin-square--scheme-purple[data-pt-position="bottom"] .protip-arrow,
.protip-skin-square--scheme-purple[data-pt-position="bottom-right"] .protip-arrow {
    top: -8px;
    left: auto;
    margin: 0 0 0 -8px;
    border-width: 0 8px 8px 8px;
    border-color: transparent transparent #613399 transparent
}

.protip-skin-square--scheme-purple[data-pt-position="bottom-left"] .protip-arrow {
    left: 20px
}

.protip-skin-square--scheme-purple[data-pt-position="bottom"] .protip-arrow {
    left: 50%
}

.protip-skin-square--scheme-purple[data-pt-position="bottom-right"] .protip-arrow {
    left: auto;
    right: 20px;
    margin-right: -8px
}

.protip-skin-square--scheme-purple[data-pt-position="left-top"] .protip-arrow,
.protip-skin-square--scheme-purple[data-pt-position="left"] .protip-arrow,
.protip-skin-square--scheme-purple[data-pt-position="left-bottom"] .protip-arrow {
    top: auto;
    left: 100%;
    margin: -8px 0 0 0;
    border-width: 8px 0 8px 8px;
    border-color: transparent transparent transparent #613399
}

.protip-skin-square--scheme-purple[data-pt-position="left-top"] .protip-arrow {
    top: 20px
}

.protip-skin-square--scheme-purple[data-pt-position="left"] .protip-arrow {
    top: 50%
}

.protip-skin-square--scheme-purple[data-pt-position="left-bottom"] .protip-arrow {
    top: auto;
    bottom: 20px;
    margin-bottom: -8px
}

.protip-skin-square--scheme-purple[data-pt-position="right-top"] .protip-arrow,
.protip-skin-square--scheme-purple[data-pt-position="right"] .protip-arrow,
.protip-skin-square--scheme-purple[data-pt-position="right-bottom"] .protip-arrow {
    top: auto;
    right: 100%;
    margin: -8px 0 0 0;
    border-width: 8px 8px 8px 0;
    border-color: transparent #613399 transparent transparent
}

.protip-skin-square--scheme-purple[data-pt-position="right-top"] .protip-arrow {
    top: 20px
}

.protip-skin-square--scheme-purple[data-pt-position="right"] .protip-arrow {
    top: 50%
}

.protip-skin-square--scheme-purple[data-pt-position="right-bottom"] .protip-arrow {
    top: auto;
    bottom: 20px;
    margin-bottom: -8px
}

.protip-skin-square--scheme-purple[data-pt-position="top-left-corner"] {
    border-bottom-right-radius: 0
}

.protip-skin-square--scheme-purple[data-pt-position="top-left-corner"] .protip-arrow {
    top: 100%;
    left: 100%;
    margin: 0 0 0 -8px;
    border-width: 0 8px 8px 0;
    border-color: transparent #613399 transparent transparent
}

.protip-skin-square--scheme-purple[data-pt-position="top-right-corner"] {
    border-bottom-left-radius: 0
}

.protip-skin-square--scheme-purple[data-pt-position="top-right-corner"] .protip-arrow {
    top: 100%;
    left: -8px;
    margin: 0 0 0 8px;
    border-width: 8px 8px 0 0;
    border-color: #613399 transparent transparent transparent
}

.protip-skin-square--scheme-purple[data-pt-position="bottom-left-corner"] {
    border-top-right-radius: 0
}

.protip-skin-square--scheme-purple[data-pt-position="bottom-left-corner"] .protip-arrow {
    top: -8px;
    left: 100%;
    margin: 0 0 0 -8px;
    border-width: 0 0 8px 8px;
    border-color: transparent transparent #613399 transparent
}

.protip-skin-square--scheme-purple[data-pt-position="bottom-right-corner"] {
    border-top-left-radius: 0
}

.protip-skin-square--scheme-purple[data-pt-position="bottom-right-corner"] .protip-arrow {
    top: 0;
    left: -8px;
    margin: -8px 0 0 8px;
    border-width: 8px 0 0 8px;
    border-color: transparent transparent transparent #613399
}

.protip-skin-square--scheme-pink.protip-container {
    color: #fff;
    background: #D457AA;
    font-family: sans-serif;
    transition: opacity 0.2s ease-out
}

.protip-skin-square--scheme-pink[data-pt-position="top-left"] .protip-arrow,
.protip-skin-square--scheme-pink[data-pt-position="top"] .protip-arrow,
.protip-skin-square--scheme-pink[data-pt-position="top-right"] .protip-arrow {
    top: 100%;
    left: auto;
    margin: 0 0 0 -8px;
    border-width: 8px 8px 0 8px;
    border-color: #D457AA transparent transparent transparent
}

.protip-skin-square--scheme-pink[data-pt-position="top-left"] .protip-arrow {
    left: 20px
}

.protip-skin-square--scheme-pink[data-pt-position="top"] .protip-arrow {
    left: 50%
}

.protip-skin-square--scheme-pink[data-pt-position="top-right"] .protip-arrow {
    left: auto;
    right: 20px;
    margin-right: -8px
}

.protip-skin-square--scheme-pink[data-pt-position="bottom-left"] .protip-arrow,
.protip-skin-square--scheme-pink[data-pt-position="bottom"] .protip-arrow,
.protip-skin-square--scheme-pink[data-pt-position="bottom-right"] .protip-arrow {
    top: -8px;
    left: auto;
    margin: 0 0 0 -8px;
    border-width: 0 8px 8px 8px;
    border-color: transparent transparent #D457AA transparent
}

.protip-skin-square--scheme-pink[data-pt-position="bottom-left"] .protip-arrow {
    left: 20px
}

.protip-skin-square--scheme-pink[data-pt-position="bottom"] .protip-arrow {
    left: 50%
}

.protip-skin-square--scheme-pink[data-pt-position="bottom-right"] .protip-arrow {
    left: auto;
    right: 20px;
    margin-right: -8px
}

.protip-skin-square--scheme-pink[data-pt-position="left-top"] .protip-arrow,
.protip-skin-square--scheme-pink[data-pt-position="left"] .protip-arrow,
.protip-skin-square--scheme-pink[data-pt-position="left-bottom"] .protip-arrow {
    top: auto;
    left: 100%;
    margin: -8px 0 0 0;
    border-width: 8px 0 8px 8px;
    border-color: transparent transparent transparent #D457AA
}

.protip-skin-square--scheme-pink[data-pt-position="left-top"] .protip-arrow {
    top: 20px
}

.protip-skin-square--scheme-pink[data-pt-position="left"] .protip-arrow {
    top: 50%
}

.protip-skin-square--scheme-pink[data-pt-position="left-bottom"] .protip-arrow {
    top: auto;
    bottom: 20px;
    margin-bottom: -8px
}

.protip-skin-square--scheme-pink[data-pt-position="right-top"] .protip-arrow,
.protip-skin-square--scheme-pink[data-pt-position="right"] .protip-arrow,
.protip-skin-square--scheme-pink[data-pt-position="right-bottom"] .protip-arrow {
    top: auto;
    right: 100%;
    margin: -8px 0 0 0;
    border-width: 8px 8px 8px 0;
    border-color: transparent #D457AA transparent transparent
}

.protip-skin-square--scheme-pink[data-pt-position="right-top"] .protip-arrow {
    top: 20px
}

.protip-skin-square--scheme-pink[data-pt-position="right"] .protip-arrow {
    top: 50%
}

.protip-skin-square--scheme-pink[data-pt-position="right-bottom"] .protip-arrow {
    top: auto;
    bottom: 20px;
    margin-bottom: -8px
}

.protip-skin-square--scheme-pink[data-pt-position="top-left-corner"] {
    border-bottom-right-radius: 0
}

.protip-skin-square--scheme-pink[data-pt-position="top-left-corner"] .protip-arrow {
    top: 100%;
    left: 100%;
    margin: 0 0 0 -8px;
    border-width: 0 8px 8px 0;
    border-color: transparent #D457AA transparent transparent
}

.protip-skin-square--scheme-pink[data-pt-position="top-right-corner"] {
    border-bottom-left-radius: 0
}

.protip-skin-square--scheme-pink[data-pt-position="top-right-corner"] .protip-arrow {
    top: 100%;
    left: -8px;
    margin: 0 0 0 8px;
    border-width: 8px 8px 0 0;
    border-color: #D457AA transparent transparent transparent
}

.protip-skin-square--scheme-pink[data-pt-position="bottom-left-corner"] {
    border-top-right-radius: 0
}

.protip-skin-square--scheme-pink[data-pt-position="bottom-left-corner"] .protip-arrow {
    top: -8px;
    left: 100%;
    margin: 0 0 0 -8px;
    border-width: 0 0 8px 8px;
    border-color: transparent transparent #D457AA transparent
}

.protip-skin-square--scheme-pink[data-pt-position="bottom-right-corner"] {
    border-top-left-radius: 0
}

.protip-skin-square--scheme-pink[data-pt-position="bottom-right-corner"] .protip-arrow {
    top: 0;
    left: -8px;
    margin: -8px 0 0 8px;
    border-width: 8px 0 0 8px;
    border-color: transparent transparent transparent #D457AA
}

.protip-skin-square--scheme-orange.protip-container {
    color: #fff;
    background: #E64426;
    font-family: sans-serif;
    transition: opacity 0.2s ease-out
}

.protip-skin-square--scheme-orange[data-pt-position="top-left"] .protip-arrow,
.protip-skin-square--scheme-orange[data-pt-position="top"] .protip-arrow,
.protip-skin-square--scheme-orange[data-pt-position="top-right"] .protip-arrow {
    top: 100%;
    left: auto;
    margin: 0 0 0 -8px;
    border-width: 8px 8px 0 8px;
    border-color: #E64426 transparent transparent transparent
}

.protip-skin-square--scheme-orange[data-pt-position="top-left"] .protip-arrow {
    left: 20px
}

.protip-skin-square--scheme-orange[data-pt-position="top"] .protip-arrow {
    left: 50%
}

.protip-skin-square--scheme-orange[data-pt-position="top-right"] .protip-arrow {
    left: auto;
    right: 20px;
    margin-right: -8px
}

.protip-skin-square--scheme-orange[data-pt-position="bottom-left"] .protip-arrow,
.protip-skin-square--scheme-orange[data-pt-position="bottom"] .protip-arrow,
.protip-skin-square--scheme-orange[data-pt-position="bottom-right"] .protip-arrow {
    top: -8px;
    left: auto;
    margin: 0 0 0 -8px;
    border-width: 0 8px 8px 8px;
    border-color: transparent transparent #E64426 transparent
}

.protip-skin-square--scheme-orange[data-pt-position="bottom-left"] .protip-arrow {
    left: 20px
}

.protip-skin-square--scheme-orange[data-pt-position="bottom"] .protip-arrow {
    left: 50%
}

.protip-skin-square--scheme-orange[data-pt-position="bottom-right"] .protip-arrow {
    left: auto;
    right: 20px;
    margin-right: -8px
}

.protip-skin-square--scheme-orange[data-pt-position="left-top"] .protip-arrow,
.protip-skin-square--scheme-orange[data-pt-position="left"] .protip-arrow,
.protip-skin-square--scheme-orange[data-pt-position="left-bottom"] .protip-arrow {
    top: auto;
    left: 100%;
    margin: -8px 0 0 0;
    border-width: 8px 0 8px 8px;
    border-color: transparent transparent transparent #E64426
}

.protip-skin-square--scheme-orange[data-pt-position="left-top"] .protip-arrow {
    top: 20px
}

.protip-skin-square--scheme-orange[data-pt-position="left"] .protip-arrow {
    top: 50%
}

.protip-skin-square--scheme-orange[data-pt-position="left-bottom"] .protip-arrow {
    top: auto;
    bottom: 20px;
    margin-bottom: -8px
}

.protip-skin-square--scheme-orange[data-pt-position="right-top"] .protip-arrow,
.protip-skin-square--scheme-orange[data-pt-position="right"] .protip-arrow,
.protip-skin-square--scheme-orange[data-pt-position="right-bottom"] .protip-arrow {
    top: auto;
    right: 100%;
    margin: -8px 0 0 0;
    border-width: 8px 8px 8px 0;
    border-color: transparent #E64426 transparent transparent
}

.protip-skin-square--scheme-orange[data-pt-position="right-top"] .protip-arrow {
    top: 20px
}

.protip-skin-square--scheme-orange[data-pt-position="right"] .protip-arrow {
    top: 50%
}

.protip-skin-square--scheme-orange[data-pt-position="right-bottom"] .protip-arrow {
    top: auto;
    bottom: 20px;
    margin-bottom: -8px
}

.protip-skin-square--scheme-orange[data-pt-position="top-left-corner"] {
    border-bottom-right-radius: 0
}

.protip-skin-square--scheme-orange[data-pt-position="top-left-corner"] .protip-arrow {
    top: 100%;
    left: 100%;
    margin: 0 0 0 -8px;
    border-width: 0 8px 8px 0;
    border-color: transparent #E64426 transparent transparent
}

.protip-skin-square--scheme-orange[data-pt-position="top-right-corner"] {
    border-bottom-left-radius: 0
}

.protip-skin-square--scheme-orange[data-pt-position="top-right-corner"] .protip-arrow {
    top: 100%;
    left: -8px;
    margin: 0 0 0 8px;
    border-width: 8px 8px 0 0;
    border-color: #E64426 transparent transparent transparent
}

.protip-skin-square--scheme-orange[data-pt-position="bottom-left-corner"] {
    border-top-right-radius: 0
}

.protip-skin-square--scheme-orange[data-pt-position="bottom-left-corner"] .protip-arrow {
    top: -8px;
    left: 100%;
    margin: 0 0 0 -8px;
    border-width: 0 0 8px 8px;
    border-color: transparent transparent #E64426 transparent
}

.protip-skin-square--scheme-orange[data-pt-position="bottom-right-corner"] {
    border-top-left-radius: 0
}

.protip-skin-square--scheme-orange[data-pt-position="bottom-right-corner"] .protip-arrow {
    top: 0;
    left: -8px;
    margin: -8px 0 0 8px;
    border-width: 8px 0 0 8px;
    border-color: transparent transparent transparent #E64426
}

.protip-skin-square--size-tiny {
    padding: 8px;
    font-size: 10px
}

.protip-skin-square--size-tiny[data-pt-position="top-left"] .protip-arrow,
.protip-skin-square--size-tiny[data-pt-position="top"] .protip-arrow,
.protip-skin-square--size-tiny[data-pt-position="top-right"] .protip-arrow {
    top: 100%;
    left: auto;
    margin: 0 0 0 -4px;
    border-width: 4px 4px 0 4px;
    border-color: invalid transparent transparent transparent
}

.protip-skin-square--size-tiny[data-pt-position="top-left"] .protip-arrow {
    left: 20px
}

.protip-skin-square--size-tiny[data-pt-position="top"] .protip-arrow {
    left: 50%
}

.protip-skin-square--size-tiny[data-pt-position="top-right"] .protip-arrow {
    left: auto;
    right: 20px;
    margin-right: -4px
}

.protip-skin-square--size-tiny[data-pt-position="bottom-left"] .protip-arrow,
.protip-skin-square--size-tiny[data-pt-position="bottom"] .protip-arrow,
.protip-skin-square--size-tiny[data-pt-position="bottom-right"] .protip-arrow {
    top: -4px;
    left: auto;
    margin: 0 0 0 -4px;
    border-width: 0 4px 4px 4px;
    border-color: transparent transparent invalid transparent
}

.protip-skin-square--size-tiny[data-pt-position="bottom-left"] .protip-arrow {
    left: 20px
}

.protip-skin-square--size-tiny[data-pt-position="bottom"] .protip-arrow {
    left: 50%
}

.protip-skin-square--size-tiny[data-pt-position="bottom-right"] .protip-arrow {
    left: auto;
    right: 20px;
    margin-right: -4px
}

.protip-skin-square--size-tiny[data-pt-position="left-top"] .protip-arrow,
.protip-skin-square--size-tiny[data-pt-position="left"] .protip-arrow,
.protip-skin-square--size-tiny[data-pt-position="left-bottom"] .protip-arrow {
    top: auto;
    left: 100%;
    margin: -4px 0 0 0;
    border-width: 4px 0 4px 4px;
    border-color: transparent transparent transparent invalid
}

.protip-skin-square--size-tiny[data-pt-position="left-top"] .protip-arrow {
    top: 20px
}

.protip-skin-square--size-tiny[data-pt-position="left"] .protip-arrow {
    top: 50%
}

.protip-skin-square--size-tiny[data-pt-position="left-bottom"] .protip-arrow {
    top: auto;
    bottom: 20px;
    margin-bottom: -4px
}

.protip-skin-square--size-tiny[data-pt-position="right-top"] .protip-arrow,
.protip-skin-square--size-tiny[data-pt-position="right"] .protip-arrow,
.protip-skin-square--size-tiny[data-pt-position="right-bottom"] .protip-arrow {
    top: auto;
    right: 100%;
    margin: -4px 0 0 0;
    border-width: 4px 4px 4px 0;
    border-color: transparent invalid transparent transparent
}

.protip-skin-square--size-tiny[data-pt-position="right-top"] .protip-arrow {
    top: 20px
}

.protip-skin-square--size-tiny[data-pt-position="right"] .protip-arrow {
    top: 50%
}

.protip-skin-square--size-tiny[data-pt-position="right-bottom"] .protip-arrow {
    top: auto;
    bottom: 20px;
    margin-bottom: -4px
}

.protip-skin-square--size-tiny[data-pt-position="top-left-corner"] {
    border-bottom-right-radius: 0
}

.protip-skin-square--size-tiny[data-pt-position="top-left-corner"] .protip-arrow {
    top: 100%;
    left: 100%;
    margin: 0 0 0 -4px;
    border-width: 0 4px 4px 0;
    border-color: transparent invalid transparent transparent
}

.protip-skin-square--size-tiny[data-pt-position="top-right-corner"] {
    border-bottom-left-radius: 0
}

.protip-skin-square--size-tiny[data-pt-position="top-right-corner"] .protip-arrow {
    top: 100%;
    left: -4px;
    margin: 0 0 0 4px;
    border-width: 4px 4px 0 0;
    border-color: invalid transparent transparent transparent
}

.protip-skin-square--size-tiny[data-pt-position="bottom-left-corner"] {
    border-top-right-radius: 0
}

.protip-skin-square--size-tiny[data-pt-position="bottom-left-corner"] .protip-arrow {
    top: -4px;
    left: 100%;
    margin: 0 0 0 -4px;
    border-width: 0 0 4px 4px;
    border-color: transparent transparent invalid transparent
}

.protip-skin-square--size-tiny[data-pt-position="bottom-right-corner"] {
    border-top-left-radius: 0
}

.protip-skin-square--size-tiny[data-pt-position="bottom-right-corner"] .protip-arrow {
    top: 0;
    left: -4px;
    margin: -4px 0 0 4px;
    border-width: 4px 0 0 4px;
    border-color: transparent transparent transparent invalid
}

.protip-skin-square--size-small {
    padding: 13px;
    font-size: 12px
}

.protip-skin-square--size-small[data-pt-position="top-left"] .protip-arrow,
.protip-skin-square--size-small[data-pt-position="top"] .protip-arrow,
.protip-skin-square--size-small[data-pt-position="top-right"] .protip-arrow {
    top: 100%;
    left: auto;
    margin: 0 0 0 -6px;
    border-width: 6px 6px 0 6px;
    border-color: invalid transparent transparent transparent
}

.protip-skin-square--size-small[data-pt-position="top-left"] .protip-arrow {
    left: 20px
}

.protip-skin-square--size-small[data-pt-position="top"] .protip-arrow {
    left: 50%
}

.protip-skin-square--size-small[data-pt-position="top-right"] .protip-arrow {
    left: auto;
    right: 20px;
    margin-right: -6px
}

.protip-skin-square--size-small[data-pt-position="bottom-left"] .protip-arrow,
.protip-skin-square--size-small[data-pt-position="bottom"] .protip-arrow,
.protip-skin-square--size-small[data-pt-position="bottom-right"] .protip-arrow {
    top: -6px;
    left: auto;
    margin: 0 0 0 -6px;
    border-width: 0 6px 6px 6px;
    border-color: transparent transparent invalid transparent
}

.protip-skin-square--size-small[data-pt-position="bottom-left"] .protip-arrow {
    left: 20px
}

.protip-skin-square--size-small[data-pt-position="bottom"] .protip-arrow {
    left: 50%
}

.protip-skin-square--size-small[data-pt-position="bottom-right"] .protip-arrow {
    left: auto;
    right: 20px;
    margin-right: -6px
}

.protip-skin-square--size-small[data-pt-position="left-top"] .protip-arrow,
.protip-skin-square--size-small[data-pt-position="left"] .protip-arrow,
.protip-skin-square--size-small[data-pt-position="left-bottom"] .protip-arrow {
    top: auto;
    left: 100%;
    margin: -6px 0 0 0;
    border-width: 6px 0 6px 6px;
    border-color: transparent transparent transparent invalid
}

.protip-skin-square--size-small[data-pt-position="left-top"] .protip-arrow {
    top: 20px
}

.protip-skin-square--size-small[data-pt-position="left"] .protip-arrow {
    top: 50%
}

.protip-skin-square--size-small[data-pt-position="left-bottom"] .protip-arrow {
    top: auto;
    bottom: 20px;
    margin-bottom: -6px
}

.protip-skin-square--size-small[data-pt-position="right-top"] .protip-arrow,
.protip-skin-square--size-small[data-pt-position="right"] .protip-arrow,
.protip-skin-square--size-small[data-pt-position="right-bottom"] .protip-arrow {
    top: auto;
    right: 100%;
    margin: -6px 0 0 0;
    border-width: 6px 6px 6px 0;
    border-color: transparent invalid transparent transparent
}

.protip-skin-square--size-small[data-pt-position="right-top"] .protip-arrow {
    top: 20px
}

.protip-skin-square--size-small[data-pt-position="right"] .protip-arrow {
    top: 50%
}

.protip-skin-square--size-small[data-pt-position="right-bottom"] .protip-arrow {
    top: auto;
    bottom: 20px;
    margin-bottom: -6px
}

.protip-skin-square--size-small[data-pt-position="top-left-corner"] {
    border-bottom-right-radius: 0
}

.protip-skin-square--size-small[data-pt-position="top-left-corner"] .protip-arrow {
    top: 100%;
    left: 100%;
    margin: 0 0 0 -6px;
    border-width: 0 6px 6px 0;
    border-color: transparent invalid transparent transparent
}

.protip-skin-square--size-small[data-pt-position="top-right-corner"] {
    border-bottom-left-radius: 0
}

.protip-skin-square--size-small[data-pt-position="top-right-corner"] .protip-arrow {
    top: 100%;
    left: -6px;
    margin: 0 0 0 6px;
    border-width: 6px 6px 0 0;
    border-color: invalid transparent transparent transparent
}

.protip-skin-square--size-small[data-pt-position="bottom-left-corner"] {
    border-top-right-radius: 0
}

.protip-skin-square--size-small[data-pt-position="bottom-left-corner"] .protip-arrow {
    top: -6px;
    left: 100%;
    margin: 0 0 0 -6px;
    border-width: 0 0 6px 6px;
    border-color: transparent transparent invalid transparent
}

.protip-skin-square--size-small[data-pt-position="bottom-right-corner"] {
    border-top-left-radius: 0
}

.protip-skin-square--size-small[data-pt-position="bottom-right-corner"] .protip-arrow {
    top: 0;
    left: -6px;
    margin: -6px 0 0 6px;
    border-width: 6px 0 0 6px;
    border-color: transparent transparent transparent invalid
}

.protip-skin-square--size-normal {
    padding: 16px;
    font-size: 15px
}

.protip-skin-square--size-normal[data-pt-position="top-left"] .protip-arrow,
.protip-skin-square--size-normal[data-pt-position="top"] .protip-arrow,
.protip-skin-square--size-normal[data-pt-position="top-right"] .protip-arrow {
    top: 100%;
    left: auto;
    margin: 0 0 0 -8px;
    border-width: 8px 8px 0 8px;
    border-color: invalid transparent transparent transparent
}

.protip-skin-square--size-normal[data-pt-position="top-left"] .protip-arrow {
    left: 20px
}

.protip-skin-square--size-normal[data-pt-position="top"] .protip-arrow {
    left: 50%
}

.protip-skin-square--size-normal[data-pt-position="top-right"] .protip-arrow {
    left: auto;
    right: 20px;
    margin-right: -8px
}

.protip-skin-square--size-normal[data-pt-position="bottom-left"] .protip-arrow,
.protip-skin-square--size-normal[data-pt-position="bottom"] .protip-arrow,
.protip-skin-square--size-normal[data-pt-position="bottom-right"] .protip-arrow {
    top: -8px;
    left: auto;
    margin: 0 0 0 -8px;
    border-width: 0 8px 8px 8px;
    border-color: transparent transparent invalid transparent
}

.protip-skin-square--size-normal[data-pt-position="bottom-left"] .protip-arrow {
    left: 20px
}

.protip-skin-square--size-normal[data-pt-position="bottom"] .protip-arrow {
    left: 50%
}

.protip-skin-square--size-normal[data-pt-position="bottom-right"] .protip-arrow {
    left: auto;
    right: 20px;
    margin-right: -8px
}

.protip-skin-square--size-normal[data-pt-position="left-top"] .protip-arrow,
.protip-skin-square--size-normal[data-pt-position="left"] .protip-arrow,
.protip-skin-square--size-normal[data-pt-position="left-bottom"] .protip-arrow {
    top: auto;
    left: 100%;
    margin: -8px 0 0 0;
    border-width: 8px 0 8px 8px;
    border-color: transparent transparent transparent invalid
}

.protip-skin-square--size-normal[data-pt-position="left-top"] .protip-arrow {
    top: 20px
}

.protip-skin-square--size-normal[data-pt-position="left"] .protip-arrow {
    top: 50%
}

.protip-skin-square--size-normal[data-pt-position="left-bottom"] .protip-arrow {
    top: auto;
    bottom: 20px;
    margin-bottom: -8px
}

.protip-skin-square--size-normal[data-pt-position="right-top"] .protip-arrow,
.protip-skin-square--size-normal[data-pt-position="right"] .protip-arrow,
.protip-skin-square--size-normal[data-pt-position="right-bottom"] .protip-arrow {
    top: auto;
    right: 100%;
    margin: -8px 0 0 0;
    border-width: 8px 8px 8px 0;
    border-color: transparent invalid transparent transparent
}

.protip-skin-square--size-normal[data-pt-position="right-top"] .protip-arrow {
    top: 20px
}

.protip-skin-square--size-normal[data-pt-position="right"] .protip-arrow {
    top: 50%
}

.protip-skin-square--size-normal[data-pt-position="right-bottom"] .protip-arrow {
    top: auto;
    bottom: 20px;
    margin-bottom: -8px
}

.protip-skin-square--size-normal[data-pt-position="top-left-corner"] {
    border-bottom-right-radius: 0
}

.protip-skin-square--size-normal[data-pt-position="top-left-corner"] .protip-arrow {
    top: 100%;
    left: 100%;
    margin: 0 0 0 -8px;
    border-width: 0 8px 8px 0;
    border-color: transparent invalid transparent transparent
}

.protip-skin-square--size-normal[data-pt-position="top-right-corner"] {
    border-bottom-left-radius: 0
}

.protip-skin-square--size-normal[data-pt-position="top-right-corner"] .protip-arrow {
    top: 100%;
    left: -8px;
    margin: 0 0 0 8px;
    border-width: 8px 8px 0 0;
    border-color: invalid transparent transparent transparent
}

.protip-skin-square--size-normal[data-pt-position="bottom-left-corner"] {
    border-top-right-radius: 0
}

.protip-skin-square--size-normal[data-pt-position="bottom-left-corner"] .protip-arrow {
    top: -8px;
    left: 100%;
    margin: 0 0 0 -8px;
    border-width: 0 0 8px 8px;
    border-color: transparent transparent invalid transparent
}

.protip-skin-square--size-normal[data-pt-position="bottom-right-corner"] {
    border-top-left-radius: 0
}

.protip-skin-square--size-normal[data-pt-position="bottom-right-corner"] .protip-arrow {
    top: 0;
    left: -8px;
    margin: -8px 0 0 8px;
    border-width: 8px 0 0 8px;
    border-color: transparent transparent transparent invalid
}

.protip-skin-square--size-big {
    padding: 20px;
    font-size: 18px
}

.protip-skin-square--size-big[data-pt-position="top-left"] .protip-arrow,
.protip-skin-square--size-big[data-pt-position="top"] .protip-arrow,
.protip-skin-square--size-big[data-pt-position="top-right"] .protip-arrow {
    top: 100%;
    left: auto;
    margin: 0 0 0 -10px;
    border-width: 10px 10px 0 10px;
    border-color: invalid transparent transparent transparent
}

.protip-skin-square--size-big[data-pt-position="top-left"] .protip-arrow {
    left: 20px
}

.protip-skin-square--size-big[data-pt-position="top"] .protip-arrow {
    left: 50%
}

.protip-skin-square--size-big[data-pt-position="top-right"] .protip-arrow {
    left: auto;
    right: 20px;
    margin-right: -10px
}

.protip-skin-square--size-big[data-pt-position="bottom-left"] .protip-arrow,
.protip-skin-square--size-big[data-pt-position="bottom"] .protip-arrow,
.protip-skin-square--size-big[data-pt-position="bottom-right"] .protip-arrow {
    top: -10px;
    left: auto;
    margin: 0 0 0 -10px;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent invalid transparent
}

.protip-skin-square--size-big[data-pt-position="bottom-left"] .protip-arrow {
    left: 20px
}

.protip-skin-square--size-big[data-pt-position="bottom"] .protip-arrow {
    left: 50%
}

.protip-skin-square--size-big[data-pt-position="bottom-right"] .protip-arrow {
    left: auto;
    right: 20px;
    margin-right: -10px
}

.protip-skin-square--size-big[data-pt-position="left-top"] .protip-arrow,
.protip-skin-square--size-big[data-pt-position="left"] .protip-arrow,
.protip-skin-square--size-big[data-pt-position="left-bottom"] .protip-arrow {
    top: auto;
    left: 100%;
    margin: -10px 0 0 0;
    border-width: 10px 0 10px 10px;
    border-color: transparent transparent transparent invalid
}

.protip-skin-square--size-big[data-pt-position="left-top"] .protip-arrow {
    top: 20px
}

.protip-skin-square--size-big[data-pt-position="left"] .protip-arrow {
    top: 50%
}

.protip-skin-square--size-big[data-pt-position="left-bottom"] .protip-arrow {
    top: auto;
    bottom: 20px;
    margin-bottom: -10px
}

.protip-skin-square--size-big[data-pt-position="right-top"] .protip-arrow,
.protip-skin-square--size-big[data-pt-position="right"] .protip-arrow,
.protip-skin-square--size-big[data-pt-position="right-bottom"] .protip-arrow {
    top: auto;
    right: 100%;
    margin: -10px 0 0 0;
    border-width: 10px 10px 10px 0;
    border-color: transparent invalid transparent transparent
}

.protip-skin-square--size-big[data-pt-position="right-top"] .protip-arrow {
    top: 20px
}

.protip-skin-square--size-big[data-pt-position="right"] .protip-arrow {
    top: 50%
}

.protip-skin-square--size-big[data-pt-position="right-bottom"] .protip-arrow {
    top: auto;
    bottom: 20px;
    margin-bottom: -10px
}

.protip-skin-square--size-big[data-pt-position="top-left-corner"] {
    border-bottom-right-radius: 0
}

.protip-skin-square--size-big[data-pt-position="top-left-corner"] .protip-arrow {
    top: 100%;
    left: 100%;
    margin: 0 0 0 -10px;
    border-width: 0 10px 10px 0;
    border-color: transparent invalid transparent transparent
}

.protip-skin-square--size-big[data-pt-position="top-right-corner"] {
    border-bottom-left-radius: 0
}

.protip-skin-square--size-big[data-pt-position="top-right-corner"] .protip-arrow {
    top: 100%;
    left: -10px;
    margin: 0 0 0 10px;
    border-width: 10px 10px 0 0;
    border-color: invalid transparent transparent transparent
}

.protip-skin-square--size-big[data-pt-position="bottom-left-corner"] {
    border-top-right-radius: 0
}

.protip-skin-square--size-big[data-pt-position="bottom-left-corner"] .protip-arrow {
    top: -10px;
    left: 100%;
    margin: 0 0 0 -10px;
    border-width: 0 0 10px 10px;
    border-color: transparent transparent invalid transparent
}

.protip-skin-square--size-big[data-pt-position="bottom-right-corner"] {
    border-top-left-radius: 0
}

.protip-skin-square--size-big[data-pt-position="bottom-right-corner"] .protip-arrow {
    top: 0;
    left: -10px;
    margin: -10px 0 0 10px;
    border-width: 10px 0 0 10px;
    border-color: transparent transparent transparent invalid
}

.protip-skin-square--size-large {
    padding: 20px;
    font-size: 18px
}

.protip-skin-square--size-large[data-pt-position="top-left"] .protip-arrow,
.protip-skin-square--size-large[data-pt-position="top"] .protip-arrow,
.protip-skin-square--size-large[data-pt-position="top-right"] .protip-arrow {
    top: 100%;
    left: auto;
    margin: 0 0 0 -12px;
    border-width: 12px 12px 0 12px;
    border-color: invalid transparent transparent transparent
}

.protip-skin-square--size-large[data-pt-position="top-left"] .protip-arrow {
    left: 20px
}

.protip-skin-square--size-large[data-pt-position="top"] .protip-arrow {
    left: 50%
}

.protip-skin-square--size-large[data-pt-position="top-right"] .protip-arrow {
    left: auto;
    right: 20px;
    margin-right: -12px
}

.protip-skin-square--size-large[data-pt-position="bottom-left"] .protip-arrow,
.protip-skin-square--size-large[data-pt-position="bottom"] .protip-arrow,
.protip-skin-square--size-large[data-pt-position="bottom-right"] .protip-arrow {
    top: -12px;
    left: auto;
    margin: 0 0 0 -12px;
    border-width: 0 12px 12px 12px;
    border-color: transparent transparent invalid transparent
}

.protip-skin-square--size-large[data-pt-position="bottom-left"] .protip-arrow {
    left: 20px
}

.protip-skin-square--size-large[data-pt-position="bottom"] .protip-arrow {
    left: 50%
}

.protip-skin-square--size-large[data-pt-position="bottom-right"] .protip-arrow {
    left: auto;
    right: 20px;
    margin-right: -12px
}

.protip-skin-square--size-large[data-pt-position="left-top"] .protip-arrow,
.protip-skin-square--size-large[data-pt-position="left"] .protip-arrow,
.protip-skin-square--size-large[data-pt-position="left-bottom"] .protip-arrow {
    top: auto;
    left: 100%;
    margin: -12px 0 0 0;
    border-width: 12px 0 12px 12px;
    border-color: transparent transparent transparent invalid
}

.protip-skin-square--size-large[data-pt-position="left-top"] .protip-arrow {
    top: 20px
}

.protip-skin-square--size-large[data-pt-position="left"] .protip-arrow {
    top: 50%
}

.protip-skin-square--size-large[data-pt-position="left-bottom"] .protip-arrow {
    top: auto;
    bottom: 20px;
    margin-bottom: -12px
}

.protip-skin-square--size-large[data-pt-position="right-top"] .protip-arrow,
.protip-skin-square--size-large[data-pt-position="right"] .protip-arrow,
.protip-skin-square--size-large[data-pt-position="right-bottom"] .protip-arrow {
    top: auto;
    right: 100%;
    margin: -12px 0 0 0;
    border-width: 12px 12px 12px 0;
    border-color: transparent invalid transparent transparent
}

.protip-skin-square--size-large[data-pt-position="right-top"] .protip-arrow {
    top: 20px
}

.protip-skin-square--size-large[data-pt-position="right"] .protip-arrow {
    top: 50%
}

.protip-skin-square--size-large[data-pt-position="right-bottom"] .protip-arrow {
    top: auto;
    bottom: 20px;
    margin-bottom: -12px
}

.protip-skin-square--size-large[data-pt-position="top-left-corner"] {
    border-bottom-right-radius: 0
}

.protip-skin-square--size-large[data-pt-position="top-left-corner"] .protip-arrow {
    top: 100%;
    left: 100%;
    margin: 0 0 0 -12px;
    border-width: 0 12px 12px 0;
    border-color: transparent invalid transparent transparent
}

.protip-skin-square--size-large[data-pt-position="top-right-corner"] {
    border-bottom-left-radius: 0
}

.protip-skin-square--size-large[data-pt-position="top-right-corner"] .protip-arrow {
    top: 100%;
    left: -12px;
    margin: 0 0 0 12px;
    border-width: 12px 12px 0 0;
    border-color: invalid transparent transparent transparent
}

.protip-skin-square--size-large[data-pt-position="bottom-left-corner"] {
    border-top-right-radius: 0
}

.protip-skin-square--size-large[data-pt-position="bottom-left-corner"] .protip-arrow {
    top: -12px;
    left: 100%;
    margin: 0 0 0 -12px;
    border-width: 0 0 12px 12px;
    border-color: transparent transparent invalid transparent
}

.protip-skin-square--size-large[data-pt-position="bottom-right-corner"] {
    border-top-left-radius: 0
}

.protip-skin-square--size-large[data-pt-position="bottom-right-corner"] .protip-arrow {
    top: 0;
    left: -12px;
    margin: -12px 0 0 12px;
    border-width: 12px 0 0 12px;
    border-color: transparent transparent transparent invalid
}

body .protip-container.protip-mixin--css-no-transition { transition: all 0s } body .protip-container.protip-mixin--css-bold { font-weight: bold } body .protip-container.protip-mixin--css-italic { font-style: italic } body .protip-container.protip-mixin--css-no-style { background: none; color: inherit } body .protip-container.protip-mixin--css-no-style .protip-arrow { display: none } .protip-container { position: absolute; left: 0; top: 0; z-index: 50; line-height: 1; opacity: 0; pointer-events: none; box-sizing: border-box } .protip-container > i { position: absolute; left: 10px } .protip-container > i + div { padding-left: 20px } .protip-arrow { content: ''; display: block; position: absolute; width: 0; height: 0; border-style: solid; border-color: transparent } .protip-show { opacity: 1; pointer-events: auto } .protip-skin-default--scheme-pro.protip-container { color: #fff; background: #1A1D32; font-family: sans-serif; transition: opacity 0.2s ease-out } .protip-skin-default--scheme-pro[data-pt-position="top-left"] .protip-arrow, .protip-skin-default--scheme-pro[data-pt-position="top"] .protip-arrow, .protip-skin-default--scheme-pro[data-pt-position="top-right"] .protip-arrow { top: 100%; left: auto; margin: 0 0 0 -8px; border-width: 8px 8px 0 8px; border-color: #1A1D32 transparent transparent transparent } .protip-skin-default--scheme-pro[data-pt-position="top-left"] .protip-arrow { left: 20px } .protip-skin-default--scheme-pro[data-pt-position="top"] .protip-arrow { left: 50% } .protip-skin-default--scheme-pro[data-pt-position="top-right"] .protip-arrow { left: auto; right: 20px; margin-right: -8px } .protip-skin-default--scheme-pro[data-pt-position="bottom-left"] .protip-arrow, .protip-skin-default--scheme-pro[data-pt-position="bottom"] .protip-arrow, .protip-skin-default--scheme-pro[data-pt-position="bottom-right"] .protip-arrow { top: -8px; left: auto; margin: 0 0 0 -8px; border-width: 0 8px 8px 8px; border-color: transparent transparent #1A1D32 transparent } .protip-skin-default--scheme-pro[data-pt-position="bottom-left"] .protip-arrow { left: 20px } .protip-skin-default--scheme-pro[data-pt-position="bottom"] .protip-arrow { left: 50% } .protip-skin-default--scheme-pro[data-pt-position="bottom-right"] .protip-arrow { left: auto; right: 20px; margin-right: -8px } .protip-skin-default--scheme-pro[data-pt-position="left-top"] .protip-arrow, .protip-skin-default--scheme-pro[data-pt-position="left"] .protip-arrow, .protip-skin-default--scheme-pro[data-pt-position="left-bottom"] .protip-arrow { top: auto; left: 100%; margin: -8px 0 0 0; border-width: 8px 0 8px 8px; border-color: transparent transparent transparent #1A1D32 } .protip-skin-default--scheme-pro[data-pt-position="left-top"] .protip-arrow { top: 20px } .protip-skin-default--scheme-pro[data-pt-position="left"] .protip-arrow { top: 50% } .protip-skin-default--scheme-pro[data-pt-position="left-bottom"] .protip-arrow { top: auto; bottom: 20px; margin-bottom: -8px } .protip-skin-default--scheme-pro[data-pt-position="right-top"] .protip-arrow, .protip-skin-default--scheme-pro[data-pt-position="right"] .protip-arrow, .protip-skin-default--scheme-pro[data-pt-position="right-bottom"] .protip-arrow { top: auto; right: 100%; margin: -8px 0 0 0; border-width: 8px 8px 8px 0; border-color: transparent #1A1D32 transparent transparent } .protip-skin-default--scheme-pro[data-pt-position="right-top"] .protip-arrow { top: 20px } .protip-skin-default--scheme-pro[data-pt-position="right"] .protip-arrow { top: 50% } .protip-skin-default--scheme-pro[data-pt-position="right-bottom"] .protip-arrow { top: auto; bottom: 20px; margin-bottom: -8px } .protip-skin-default--scheme-pro[data-pt-position="top-left-corner"] { border-bottom-right-radius: 0 } .protip-skin-default--scheme-pro[data-pt-position="top-left-corner"] .protip-arrow { top: 100%; left: 100%; margin: 0 0 0 -8px; border-width: 0 8px 8px 0; border-color: transparent #1A1D32 transparent transparent } .protip-skin-default--scheme-pro[data-pt-position="top-right-corner"] { border-bottom-left-radius: 0 } .protip-skin-default--scheme-pro[data-pt-position="top-right-corner"] .protip-arrow { top: 100%; left: -8px; margin: 0 0 0 8px; border-width: 8px 8px 0 0; border-color: #1A1D32 transparent transparent transparent } .protip-skin-default--scheme-pro[data-pt-position="bottom-left-corner"] { border-top-right-radius: 0 } .protip-skin-default--scheme-pro[data-pt-position="bottom-left-corner"] .protip-arrow { top: -8px; left: 100%; margin: 0 0 0 -8px; border-width: 0 0 8px 8px; border-color: transparent transparent #1A1D32 transparent } .protip-skin-default--scheme-pro[data-pt-position="bottom-right-corner"] { border-top-left-radius: 0 } .protip-skin-default--scheme-pro[data-pt-position="bottom-right-corner"] .protip-arrow { top: 0; left: -8px; margin: -8px 0 0 8px; border-width: 8px 0 0 8px; border-color: transparent transparent transparent #1A1D32 } .protip-skin-default--scheme-blue.protip-container { color: #fff; background: #369; font-family: sans-serif; transition: opacity 0.2s ease-out } .protip-skin-default--scheme-blue[data-pt-position="top-left"] .protip-arrow, .protip-skin-default--scheme-blue[data-pt-position="top"] .protip-arrow, .protip-skin-default--scheme-blue[data-pt-position="top-right"] .protip-arrow { top: 100%; left: auto; margin: 0 0 0 -8px; border-width: 8px 8px 0 8px; border-color: #369 transparent transparent transparent } .protip-skin-default--scheme-blue[data-pt-position="top-left"] .protip-arrow { left: 20px } .protip-skin-default--scheme-blue[data-pt-position="top"] .protip-arrow { left: 50% } .protip-skin-default--scheme-blue[data-pt-position="top-right"] .protip-arrow { left: auto; right: 20px; margin-right: -8px } .protip-skin-default--scheme-blue[data-pt-position="bottom-left"] .protip-arrow, .protip-skin-default--scheme-blue[data-pt-position="bottom"] .protip-arrow, .protip-skin-default--scheme-blue[data-pt-position="bottom-right"] .protip-arrow { top: -8px; left: auto; margin: 0 0 0 -8px; border-width: 0 8px 8px 8px; border-color: transparent transparent #369 transparent } .protip-skin-default--scheme-blue[data-pt-position="bottom-left"] .protip-arrow { left: 20px } .protip-skin-default--scheme-blue[data-pt-position="bottom"] .protip-arrow { left: 50% } .protip-skin-default--scheme-blue[data-pt-position="bottom-right"] .protip-arrow { left: auto; right: 20px; margin-right: -8px } .protip-skin-default--scheme-blue[data-pt-position="left-top"] .protip-arrow, .protip-skin-default--scheme-blue[data-pt-position="left"] .protip-arrow, .protip-skin-default--scheme-blue[data-pt-position="left-bottom"] .protip-arrow { top: auto; left: 100%; margin: -8px 0 0 0; border-width: 8px 0 8px 8px; border-color: transparent transparent transparent #369 } .protip-skin-default--scheme-blue[data-pt-position="left-top"] .protip-arrow { top: 20px } .protip-skin-default--scheme-blue[data-pt-position="left"] .protip-arrow { top: 50% } .protip-skin-default--scheme-blue[data-pt-position="left-bottom"] .protip-arrow { top: auto; bottom: 20px; margin-bottom: -8px } .protip-skin-default--scheme-blue[data-pt-position="right-top"] .protip-arrow, .protip-skin-default--scheme-blue[data-pt-position="right"] .protip-arrow, .protip-skin-default--scheme-blue[data-pt-position="right-bottom"] .protip-arrow { top: auto; right: 100%; margin: -8px 0 0 0; border-width: 8px 8px 8px 0; border-color: transparent #369 transparent transparent } .protip-skin-default--scheme-blue[data-pt-position="right-top"] .protip-arrow { top: 20px } .protip-skin-default--scheme-blue[data-pt-position="right"] .protip-arrow { top: 50% } .protip-skin-default--scheme-blue[data-pt-position="right-bottom"] .protip-arrow { top: auto; bottom: 20px; margin-bottom: -8px } .protip-skin-default--scheme-blue[data-pt-position="top-left-corner"] { border-bottom-right-radius: 0 } .protip-skin-default--scheme-blue[data-pt-position="top-left-corner"] .protip-arrow { top: 100%; left: 100%; margin: 0 0 0 -8px; border-width: 0 8px 8px 0; border-color: transparent #369 transparent transparent } .protip-skin-default--scheme-blue[data-pt-position="top-right-corner"] { border-bottom-left-radius: 0 } .protip-skin-default--scheme-blue[data-pt-position="top-right-corner"] .protip-arrow { top: 100%; left: -8px; margin: 0 0 0 8px; border-width: 8px 8px 0 0; border-color: #369 transparent transparent transparent } .protip-skin-default--scheme-blue[data-pt-position="bottom-left-corner"] { border-top-right-radius: 0 } .protip-skin-default--scheme-blue[data-pt-position="bottom-left-corner"] .protip-arrow { top: -8px; left: 100%; margin: 0 0 0 -8px; border-width: 0 0 8px 8px; border-color: transparent transparent #369 transparent } .protip-skin-default--scheme-blue[data-pt-position="bottom-right-corner"] { border-top-left-radius: 0 } .protip-skin-default--scheme-blue[data-pt-position="bottom-right-corner"] .protip-arrow { top: 0; left: -8px; margin: -8px 0 0 8px; border-width: 8px 0 0 8px; border-color: transparent transparent transparent #369 } .protip-skin-default--scheme-red.protip-container { color: #fff; background: #802731; font-family: sans-serif; transition: opacity 0.2s ease-out } .protip-skin-default--scheme-red[data-pt-position="top-left"] .protip-arrow, .protip-skin-default--scheme-red[data-pt-position="top"] .protip-arrow, .protip-skin-default--scheme-red[data-pt-position="top-right"] .protip-arrow { top: 100%; left: auto; margin: 0 0 0 -8px; border-width: 8px 8px 0 8px; border-color: #802731 transparent transparent transparent } .protip-skin-default--scheme-red[data-pt-position="top-left"] .protip-arrow { left: 20px } .protip-skin-default--scheme-red[data-pt-position="top"] .protip-arrow { left: 50% } .protip-skin-default--scheme-red[data-pt-position="top-right"] .protip-arrow { left: auto; right: 20px; margin-right: -8px } .protip-skin-default--scheme-red[data-pt-position="bottom-left"] .protip-arrow, .protip-skin-default--scheme-red[data-pt-position="bottom"] .protip-arrow, .protip-skin-default--scheme-red[data-pt-position="bottom-right"] .protip-arrow { top: -8px; left: auto; margin: 0 0 0 -8px; border-width: 0 8px 8px 8px; border-color: transparent transparent #802731 transparent } .protip-skin-default--scheme-red[data-pt-position="bottom-left"] .protip-arrow { left: 20px } .protip-skin-default--scheme-red[data-pt-position="bottom"] .protip-arrow { left: 50% } .protip-skin-default--scheme-red[data-pt-position="bottom-right"] .protip-arrow { left: auto; right: 20px; margin-right: -8px } .protip-skin-default--scheme-red[data-pt-position="left-top"] .protip-arrow, .protip-skin-default--scheme-red[data-pt-position="left"] .protip-arrow, .protip-skin-default--scheme-red[data-pt-position="left-bottom"] .protip-arrow { top: auto; left: 100%; margin: -8px 0 0 0; border-width: 8px 0 8px 8px; border-color: transparent transparent transparent #802731 } .protip-skin-default--scheme-red[data-pt-position="left-top"] .protip-arrow { top: 20px } .protip-skin-default--scheme-red[data-pt-position="left"] .protip-arrow { top: 50% } .protip-skin-default--scheme-red[data-pt-position="left-bottom"] .protip-arrow { top: auto; bottom: 20px; margin-bottom: -8px } .protip-skin-default--scheme-red[data-pt-position="right-top"] .protip-arrow, .protip-skin-default--scheme-red[data-pt-position="right"] .protip-arrow, .protip-skin-default--scheme-red[data-pt-position="right-bottom"] .protip-arrow { top: auto; right: 100%; margin: -8px 0 0 0; border-width: 8px 8px 8px 0; border-color: transparent #802731 transparent transparent } .protip-skin-default--scheme-red[data-pt-position="right-top"] .protip-arrow { top: 20px } .protip-skin-default--scheme-red[data-pt-position="right"] .protip-arrow { top: 50% } .protip-skin-default--scheme-red[data-pt-position="right-bottom"] .protip-arrow { top: auto; bottom: 20px; margin-bottom: -8px } .protip-skin-default--scheme-red[data-pt-position="top-left-corner"] { border-bottom-right-radius: 0 } .protip-skin-default--scheme-red[data-pt-position="top-left-corner"] .protip-arrow { top: 100%; left: 100%; margin: 0 0 0 -8px; border-width: 0 8px 8px 0; border-color: transparent #802731 transparent transparent } .protip-skin-default--scheme-red[data-pt-position="top-right-corner"] { border-bottom-left-radius: 0 } .protip-skin-default--scheme-red[data-pt-position="top-right-corner"] .protip-arrow { top: 100%; left: -8px; margin: 0 0 0 8px; border-width: 8px 8px 0 0; border-color: #802731 transparent transparent transparent } .protip-skin-default--scheme-red[data-pt-position="bottom-left-corner"] { border-top-right-radius: 0 } .protip-skin-default--scheme-red[data-pt-position="bottom-left-corner"] .protip-arrow { top: -8px; left: 100%; margin: 0 0 0 -8px; border-width: 0 0 8px 8px; border-color: transparent transparent #802731 transparent } .protip-skin-default--scheme-red[data-pt-position="bottom-right-corner"] { border-top-left-radius: 0 } .protip-skin-default--scheme-red[data-pt-position="bottom-right-corner"] .protip-arrow { top: 0; left: -8px; margin: -8px 0 0 8px; border-width: 8px 0 0 8px; border-color: transparent transparent transparent #802731 } .protip-skin-default--scheme-aqua.protip-container { color: #fff; background: #339996; font-family: sans-serif; transition: opacity 0.2s ease-out } .protip-skin-default--scheme-aqua[data-pt-position="top-left"] .protip-arrow, .protip-skin-default--scheme-aqua[data-pt-position="top"] .protip-arrow, .protip-skin-default--scheme-aqua[data-pt-position="top-right"] .protip-arrow { top: 100%; left: auto; margin: 0 0 0 -8px; border-width: 8px 8px 0 8px; border-color: #339996 transparent transparent transparent } .protip-skin-default--scheme-aqua[data-pt-position="top-left"] .protip-arrow { left: 20px } .protip-skin-default--scheme-aqua[data-pt-position="top"] .protip-arrow { left: 50% } .protip-skin-default--scheme-aqua[data-pt-position="top-right"] .protip-arrow { left: auto; right: 20px; margin-right: -8px } .protip-skin-default--scheme-aqua[data-pt-position="bottom-left"] .protip-arrow, .protip-skin-default--scheme-aqua[data-pt-position="bottom"] .protip-arrow, .protip-skin-default--scheme-aqua[data-pt-position="bottom-right"] .protip-arrow { top: -8px; left: auto; margin: 0 0 0 -8px; border-width: 0 8px 8px 8px; border-color: transparent transparent #339996 transparent } .protip-skin-default--scheme-aqua[data-pt-position="bottom-left"] .protip-arrow { left: 20px } .protip-skin-default--scheme-aqua[data-pt-position="bottom"] .protip-arrow { left: 50% } .protip-skin-default--scheme-aqua[data-pt-position="bottom-right"] .protip-arrow { left: auto; right: 20px; margin-right: -8px } .protip-skin-default--scheme-aqua[data-pt-position="left-top"] .protip-arrow, .protip-skin-default--scheme-aqua[data-pt-position="left"] .protip-arrow, .protip-skin-default--scheme-aqua[data-pt-position="left-bottom"] .protip-arrow { top: auto; left: 100%; margin: -8px 0 0 0; border-width: 8px 0 8px 8px; border-color: transparent transparent transparent #339996 } .protip-skin-default--scheme-aqua[data-pt-position="left-top"] .protip-arrow { top: 20px } .protip-skin-default--scheme-aqua[data-pt-position="left"] .protip-arrow { top: 50% } .protip-skin-default--scheme-aqua[data-pt-position="left-bottom"] .protip-arrow { top: auto; bottom: 20px; margin-bottom: -8px } .protip-skin-default--scheme-aqua[data-pt-position="right-top"] .protip-arrow, .protip-skin-default--scheme-aqua[data-pt-position="right"] .protip-arrow, .protip-skin-default--scheme-aqua[data-pt-position="right-bottom"] .protip-arrow { top: auto; right: 100%; margin: -8px 0 0 0; border-width: 8px 8px 8px 0; border-color: transparent #339996 transparent transparent } .protip-skin-default--scheme-aqua[data-pt-position="right-top"] .protip-arrow { top: 20px } .protip-skin-default--scheme-aqua[data-pt-position="right"] .protip-arrow { top: 50% } .protip-skin-default--scheme-aqua[data-pt-position="right-bottom"] .protip-arrow { top: auto; bottom: 20px; margin-bottom: -8px } .protip-skin-default--scheme-aqua[data-pt-position="top-left-corner"] { border-bottom-right-radius: 0 } .protip-skin-default--scheme-aqua[data-pt-position="top-left-corner"] .protip-arrow { top: 100%; left: 100%; margin: 0 0 0 -8px; border-width: 0 8px 8px 0; border-color: transparent #339996 transparent transparent } .protip-skin-default--scheme-aqua[data-pt-position="top-right-corner"] { border-bottom-left-radius: 0 } .protip-skin-default--scheme-aqua[data-pt-position="top-right-corner"] .protip-arrow { top: 100%; left: -8px; margin: 0 0 0 8px; border-width: 8px 8px 0 0; border-color: #339996 transparent transparent transparent } .protip-skin-default--scheme-aqua[data-pt-position="bottom-left-corner"] { border-top-right-radius: 0 } .protip-skin-default--scheme-aqua[data-pt-position="bottom-left-corner"] .protip-arrow { top: -8px; left: 100%; margin: 0 0 0 -8px; border-width: 0 0 8px 8px; border-color: transparent transparent #339996 transparent } .protip-skin-default--scheme-aqua[data-pt-position="bottom-right-corner"] { border-top-left-radius: 0 } .protip-skin-default--scheme-aqua[data-pt-position="bottom-right-corner"] .protip-arrow { top: 0; left: -8px; margin: -8px 0 0 8px; border-width: 8px 0 0 8px; border-color: transparent transparent transparent #339996 } .protip-skin-default--scheme-black.protip-container { color: #fff; background: #000; font-family: sans-serif; transition: opacity 0.2s ease-out } .protip-skin-default--scheme-black[data-pt-position="top-left"] .protip-arrow, .protip-skin-default--scheme-black[data-pt-position="top"] .protip-arrow, .protip-skin-default--scheme-black[data-pt-position="top-right"] .protip-arrow { top: 100%; left: auto; margin: 0 0 0 -8px; border-width: 8px 8px 0 8px; border-color: #000 transparent transparent transparent } .protip-skin-default--scheme-black[data-pt-position="top-left"] .protip-arrow { left: 20px } .protip-skin-default--scheme-black[data-pt-position="top"] .protip-arrow { left: 50% } .protip-skin-default--scheme-black[data-pt-position="top-right"] .protip-arrow { left: auto; right: 20px; margin-right: -8px } .protip-skin-default--scheme-black[data-pt-position="bottom-left"] .protip-arrow, .protip-skin-default--scheme-black[data-pt-position="bottom"] .protip-arrow, .protip-skin-default--scheme-black[data-pt-position="bottom-right"] .protip-arrow { top: -8px; left: auto; margin: 0 0 0 -8px; border-width: 0 8px 8px 8px; border-color: transparent transparent #000 transparent } .protip-skin-default--scheme-black[data-pt-position="bottom-left"] .protip-arrow { left: 20px } .protip-skin-default--scheme-black[data-pt-position="bottom"] .protip-arrow { left: 50% } .protip-skin-default--scheme-black[data-pt-position="bottom-right"] .protip-arrow { left: auto; right: 20px; margin-right: -8px } .protip-skin-default--scheme-black[data-pt-position="left-top"] .protip-arrow, .protip-skin-default--scheme-black[data-pt-position="left"] .protip-arrow, .protip-skin-default--scheme-black[data-pt-position="left-bottom"] .protip-arrow { top: auto; left: 100%; margin: -8px 0 0 0; border-width: 8px 0 8px 8px; border-color: transparent transparent transparent #000 } .protip-skin-default--scheme-black[data-pt-position="left-top"] .protip-arrow { top: 20px } .protip-skin-default--scheme-black[data-pt-position="left"] .protip-arrow { top: 50% } .protip-skin-default--scheme-black[data-pt-position="left-bottom"] .protip-arrow { top: auto; bottom: 20px; margin-bottom: -8px } .protip-skin-default--scheme-black[data-pt-position="right-top"] .protip-arrow, .protip-skin-default--scheme-black[data-pt-position="right"] .protip-arrow, .protip-skin-default--scheme-black[data-pt-position="right-bottom"] .protip-arrow { top: auto; right: 100%; margin: -8px 0 0 0; border-width: 8px 8px 8px 0; border-color: transparent #000 transparent transparent } .protip-skin-default--scheme-black[data-pt-position="right-top"] .protip-arrow { top: 20px } .protip-skin-default--scheme-black[data-pt-position="right"] .protip-arrow { top: 50% } .protip-skin-default--scheme-black[data-pt-position="right-bottom"] .protip-arrow { top: auto; bottom: 20px; margin-bottom: -8px } .protip-skin-default--scheme-black[data-pt-position="top-left-corner"] { border-bottom-right-radius: 0 } .protip-skin-default--scheme-black[data-pt-position="top-left-corner"] .protip-arrow { top: 100%; left: 100%; margin: 0 0 0 -8px; border-width: 0 8px 8px 0; border-color: transparent #000 transparent transparent } .protip-skin-default--scheme-black[data-pt-position="top-right-corner"] { border-bottom-left-radius: 0 } .protip-skin-default--scheme-black[data-pt-position="top-right-corner"] .protip-arrow { top: 100%; left: -8px; margin: 0 0 0 8px; border-width: 8px 8px 0 0; border-color: #000 transparent transparent transparent } .protip-skin-default--scheme-black[data-pt-position="bottom-left-corner"] { border-top-right-radius: 0 } .protip-skin-default--scheme-black[data-pt-position="bottom-left-corner"] .protip-arrow { top: -8px; left: 100%; margin: 0 0 0 -8px; border-width: 0 0 8px 8px; border-color: transparent transparent #000 transparent } .protip-skin-default--scheme-black[data-pt-position="bottom-right-corner"] { border-top-left-radius: 0 } .protip-skin-default--scheme-black[data-pt-position="bottom-right-corner"] .protip-arrow { top: 0; left: -8px; margin: -8px 0 0 8px; border-width: 8px 0 0 8px; border-color: transparent transparent transparent #000 } .protip-skin-default--scheme-leaf.protip-container { color: #fff; background: #339959; font-family: sans-serif; transition: opacity 0.2s ease-out } .protip-skin-default--scheme-leaf[data-pt-position="top-left"] .protip-arrow, .protip-skin-default--scheme-leaf[data-pt-position="top"] .protip-arrow, .protip-skin-default--scheme-leaf[data-pt-position="top-right"] .protip-arrow { top: 100%; left: auto; margin: 0 0 0 -8px; border-width: 8px 8px 0 8px; border-color: #339959 transparent transparent transparent } .protip-skin-default--scheme-leaf[data-pt-position="top-left"] .protip-arrow { left: 20px } .protip-skin-default--scheme-leaf[data-pt-position="top"] .protip-arrow { left: 50% } .protip-skin-default--scheme-leaf[data-pt-position="top-right"] .protip-arrow { left: auto; right: 20px; margin-right: -8px } .protip-skin-default--scheme-leaf[data-pt-position="bottom-left"] .protip-arrow, .protip-skin-default--scheme-leaf[data-pt-position="bottom"] .protip-arrow, .protip-skin-default--scheme-leaf[data-pt-position="bottom-right"] .protip-arrow { top: -8px; left: auto; margin: 0 0 0 -8px; border-width: 0 8px 8px 8px; border-color: transparent transparent #339959 transparent } .protip-skin-default--scheme-leaf[data-pt-position="bottom-left"] .protip-arrow { left: 20px } .protip-skin-default--scheme-leaf[data-pt-position="bottom"] .protip-arrow { left: 50% } .protip-skin-default--scheme-leaf[data-pt-position="bottom-right"] .protip-arrow { left: auto; right: 20px; margin-right: -8px } .protip-skin-default--scheme-leaf[data-pt-position="left-top"] .protip-arrow, .protip-skin-default--scheme-leaf[data-pt-position="left"] .protip-arrow, .protip-skin-default--scheme-leaf[data-pt-position="left-bottom"] .protip-arrow { top: auto; left: 100%; margin: -8px 0 0 0; border-width: 8px 0 8px 8px; border-color: transparent transparent transparent #339959 } .protip-skin-default--scheme-leaf[data-pt-position="left-top"] .protip-arrow { top: 20px } .protip-skin-default--scheme-leaf[data-pt-position="left"] .protip-arrow { top: 50% } .protip-skin-default--scheme-leaf[data-pt-position="left-bottom"] .protip-arrow { top: auto; bottom: 20px; margin-bottom: -8px } .protip-skin-default--scheme-leaf[data-pt-position="right-top"] .protip-arrow, .protip-skin-default--scheme-leaf[data-pt-position="right"] .protip-arrow, .protip-skin-default--scheme-leaf[data-pt-position="right-bottom"] .protip-arrow { top: auto; right: 100%; margin: -8px 0 0 0; border-width: 8px 8px 8px 0; border-color: transparent #339959 transparent transparent } .protip-skin-default--scheme-leaf[data-pt-position="right-top"] .protip-arrow { top: 20px } .protip-skin-default--scheme-leaf[data-pt-position="right"] .protip-arrow { top: 50% } .protip-skin-default--scheme-leaf[data-pt-position="right-bottom"] .protip-arrow { top: auto; bottom: 20px; margin-bottom: -8px } .protip-skin-default--scheme-leaf[data-pt-position="top-left-corner"] { border-bottom-right-radius: 0 } .protip-skin-default--scheme-leaf[data-pt-position="top-left-corner"] .protip-arrow { top: 100%; left: 100%; margin: 0 0 0 -8px; border-width: 0 8px 8px 0; border-color: transparent #339959 transparent transparent } .protip-skin-default--scheme-leaf[data-pt-position="top-right-corner"] { border-bottom-left-radius: 0 } .protip-skin-default--scheme-leaf[data-pt-position="top-right-corner"] .protip-arrow { top: 100%; left: -8px; margin: 0 0 0 8px; border-width: 8px 8px 0 0; border-color: #339959 transparent transparent transparent } .protip-skin-default--scheme-leaf[data-pt-position="bottom-left-corner"] { border-top-right-radius: 0 } .protip-skin-default--scheme-leaf[data-pt-position="bottom-left-corner"] .protip-arrow { top: -8px; left: 100%; margin: 0 0 0 -8px; border-width: 0 0 8px 8px; border-color: transparent transparent #339959 transparent } .protip-skin-default--scheme-leaf[data-pt-position="bottom-right-corner"] { border-top-left-radius: 0 } .protip-skin-default--scheme-leaf[data-pt-position="bottom-right-corner"] .protip-arrow { top: 0; left: -8px; margin: -8px 0 0 8px; border-width: 8px 0 0 8px; border-color: transparent transparent transparent #339959 } .protip-skin-default--scheme-purple.protip-container { color: #fff; background: #613399; font-family: sans-serif; transition: opacity 0.2s ease-out } .protip-skin-default--scheme-purple[data-pt-position="top-left"] .protip-arrow, .protip-skin-default--scheme-purple[data-pt-position="top"] .protip-arrow, .protip-skin-default--scheme-purple[data-pt-position="top-right"] .protip-arrow { top: 100%; left: auto; margin: 0 0 0 -8px; border-width: 8px 8px 0 8px; border-color: #613399 transparent transparent transparent } .protip-skin-default--scheme-purple[data-pt-position="top-left"] .protip-arrow { left: 20px } .protip-skin-default--scheme-purple[data-pt-position="top"] .protip-arrow { left: 50% } .protip-skin-default--scheme-purple[data-pt-position="top-right"] .protip-arrow { left: auto; right: 20px; margin-right: -8px } .protip-skin-default--scheme-purple[data-pt-position="bottom-left"] .protip-arrow, .protip-skin-default--scheme-purple[data-pt-position="bottom"] .protip-arrow, .protip-skin-default--scheme-purple[data-pt-position="bottom-right"] .protip-arrow { top: -8px; left: auto; margin: 0 0 0 -8px; border-width: 0 8px 8px 8px; border-color: transparent transparent #613399 transparent } .protip-skin-default--scheme-purple[data-pt-position="bottom-left"] .protip-arrow { left: 20px } .protip-skin-default--scheme-purple[data-pt-position="bottom"] .protip-arrow { left: 50% } .protip-skin-default--scheme-purple[data-pt-position="bottom-right"] .protip-arrow { left: auto; right: 20px; margin-right: -8px } .protip-skin-default--scheme-purple[data-pt-position="left-top"] .protip-arrow, .protip-skin-default--scheme-purple[data-pt-position="left"] .protip-arrow, .protip-skin-default--scheme-purple[data-pt-position="left-bottom"] .protip-arrow { top: auto; left: 100%; margin: -8px 0 0 0; border-width: 8px 0 8px 8px; border-color: transparent transparent transparent #613399 } .protip-skin-default--scheme-purple[data-pt-position="left-top"] .protip-arrow { top: 20px } .protip-skin-default--scheme-purple[data-pt-position="left"] .protip-arrow { top: 50% } .protip-skin-default--scheme-purple[data-pt-position="left-bottom"] .protip-arrow { top: auto; bottom: 20px; margin-bottom: -8px } .protip-skin-default--scheme-purple[data-pt-position="right-top"] .protip-arrow, .protip-skin-default--scheme-purple[data-pt-position="right"] .protip-arrow, .protip-skin-default--scheme-purple[data-pt-position="right-bottom"] .protip-arrow { top: auto; right: 100%; margin: -8px 0 0 0; border-width: 8px 8px 8px 0; border-color: transparent #613399 transparent transparent } .protip-skin-default--scheme-purple[data-pt-position="right-top"] .protip-arrow { top: 20px } .protip-skin-default--scheme-purple[data-pt-position="right"] .protip-arrow { top: 50% } .protip-skin-default--scheme-purple[data-pt-position="right-bottom"] .protip-arrow { top: auto; bottom: 20px; margin-bottom: -8px } .protip-skin-default--scheme-purple[data-pt-position="top-left-corner"] { border-bottom-right-radius: 0 } .protip-skin-default--scheme-purple[data-pt-position="top-left-corner"] .protip-arrow { top: 100%; left: 100%; margin: 0 0 0 -8px; border-width: 0 8px 8px 0; border-color: transparent #613399 transparent transparent } .protip-skin-default--scheme-purple[data-pt-position="top-right-corner"] { border-bottom-left-radius: 0 } .protip-skin-default--scheme-purple[data-pt-position="top-right-corner"] .protip-arrow { top: 100%; left: -8px; margin: 0 0 0 8px; border-width: 8px 8px 0 0; border-color: #613399 transparent transparent transparent } .protip-skin-default--scheme-purple[data-pt-position="bottom-left-corner"] { border-top-right-radius: 0 } .protip-skin-default--scheme-purple[data-pt-position="bottom-left-corner"] .protip-arrow { top: -8px; left: 100%; margin: 0 0 0 -8px; border-width: 0 0 8px 8px; border-color: transparent transparent #613399 transparent } .protip-skin-default--scheme-purple[data-pt-position="bottom-right-corner"] { border-top-left-radius: 0 } .protip-skin-default--scheme-purple[data-pt-position="bottom-right-corner"] .protip-arrow { top: 0; left: -8px; margin: -8px 0 0 8px; border-width: 8px 0 0 8px; border-color: transparent transparent transparent #613399 } .protip-skin-default--scheme-pink.protip-container { color: #fff; background: #D457AA; font-family: sans-serif; transition: opacity 0.2s ease-out } .protip-skin-default--scheme-pink[data-pt-position="top-left"] .protip-arrow, .protip-skin-default--scheme-pink[data-pt-position="top"] .protip-arrow, .protip-skin-default--scheme-pink[data-pt-position="top-right"] .protip-arrow { top: 100%; left: auto; margin: 0 0 0 -8px; border-width: 8px 8px 0 8px; border-color: #D457AA transparent transparent transparent } .protip-skin-default--scheme-pink[data-pt-position="top-left"] .protip-arrow { left: 20px } .protip-skin-default--scheme-pink[data-pt-position="top"] .protip-arrow { left: 50% } .protip-skin-default--scheme-pink[data-pt-position="top-right"] .protip-arrow { left: auto; right: 20px; margin-right: -8px } .protip-skin-default--scheme-pink[data-pt-position="bottom-left"] .protip-arrow, .protip-skin-default--scheme-pink[data-pt-position="bottom"] .protip-arrow, .protip-skin-default--scheme-pink[data-pt-position="bottom-right"] .protip-arrow { top: -8px; left: auto; margin: 0 0 0 -8px; border-width: 0 8px 8px 8px; border-color: transparent transparent #D457AA transparent } .protip-skin-default--scheme-pink[data-pt-position="bottom-left"] .protip-arrow { left: 20px } .protip-skin-default--scheme-pink[data-pt-position="bottom"] .protip-arrow { left: 50% } .protip-skin-default--scheme-pink[data-pt-position="bottom-right"] .protip-arrow { left: auto; right: 20px; margin-right: -8px } .protip-skin-default--scheme-pink[data-pt-position="left-top"] .protip-arrow, .protip-skin-default--scheme-pink[data-pt-position="left"] .protip-arrow, .protip-skin-default--scheme-pink[data-pt-position="left-bottom"] .protip-arrow { top: auto; left: 100%; margin: -8px 0 0 0; border-width: 8px 0 8px 8px; border-color: transparent transparent transparent #D457AA } .protip-skin-default--scheme-pink[data-pt-position="left-top"] .protip-arrow { top: 20px } .protip-skin-default--scheme-pink[data-pt-position="left"] .protip-arrow { top: 50% } .protip-skin-default--scheme-pink[data-pt-position="left-bottom"] .protip-arrow { top: auto; bottom: 20px; margin-bottom: -8px } .protip-skin-default--scheme-pink[data-pt-position="right-top"] .protip-arrow, .protip-skin-default--scheme-pink[data-pt-position="right"] .protip-arrow, .protip-skin-default--scheme-pink[data-pt-position="right-bottom"] .protip-arrow { top: auto; right: 100%; margin: -8px 0 0 0; border-width: 8px 8px 8px 0; border-color: transparent #D457AA transparent transparent } .protip-skin-default--scheme-pink[data-pt-position="right-top"] .protip-arrow { top: 20px } .protip-skin-default--scheme-pink[data-pt-position="right"] .protip-arrow { top: 50% } .protip-skin-default--scheme-pink[data-pt-position="right-bottom"] .protip-arrow { top: auto; bottom: 20px; margin-bottom: -8px } .protip-skin-default--scheme-pink[data-pt-position="top-left-corner"] { border-bottom-right-radius: 0 } .protip-skin-default--scheme-pink[data-pt-position="top-left-corner"] .protip-arrow { top: 100%; left: 100%; margin: 0 0 0 -8px; border-width: 0 8px 8px 0; border-color: transparent #D457AA transparent transparent } .protip-skin-default--scheme-pink[data-pt-position="top-right-corner"] { border-bottom-left-radius: 0 } .protip-skin-default--scheme-pink[data-pt-position="top-right-corner"] .protip-arrow { top: 100%; left: -8px; margin: 0 0 0 8px; border-width: 8px 8px 0 0; border-color: #D457AA transparent transparent transparent } .protip-skin-default--scheme-pink[data-pt-position="bottom-left-corner"] { border-top-right-radius: 0 } .protip-skin-default--scheme-pink[data-pt-position="bottom-left-corner"] .protip-arrow { top: -8px; left: 100%; margin: 0 0 0 -8px; border-width: 0 0 8px 8px; border-color: transparent transparent #D457AA transparent } .protip-skin-default--scheme-pink[data-pt-position="bottom-right-corner"] { border-top-left-radius: 0 } .protip-skin-default--scheme-pink[data-pt-position="bottom-right-corner"] .protip-arrow { top: 0; left: -8px; margin: -8px 0 0 8px; border-width: 8px 0 0 8px; border-color: transparent transparent transparent #D457AA } .protip-skin-default--scheme-orange.protip-container { color: #fff; background: #E64426; font-family: sans-serif; transition: opacity 0.2s ease-out } .protip-skin-default--scheme-orange[data-pt-position="top-left"] .protip-arrow, .protip-skin-default--scheme-orange[data-pt-position="top"] .protip-arrow, .protip-skin-default--scheme-orange[data-pt-position="top-right"] .protip-arrow { top: 100%; left: auto; margin: 0 0 0 -8px; border-width: 8px 8px 0 8px; border-color: #E64426 transparent transparent transparent } .protip-skin-default--scheme-orange[data-pt-position="top-left"] .protip-arrow { left: 20px } .protip-skin-default--scheme-orange[data-pt-position="top"] .protip-arrow { left: 50% } .protip-skin-default--scheme-orange[data-pt-position="top-right"] .protip-arrow { left: auto; right: 20px; margin-right: -8px } .protip-skin-default--scheme-orange[data-pt-position="bottom-left"] .protip-arrow, .protip-skin-default--scheme-orange[data-pt-position="bottom"] .protip-arrow, .protip-skin-default--scheme-orange[data-pt-position="bottom-right"] .protip-arrow { top: -8px; left: auto; margin: 0 0 0 -8px; border-width: 0 8px 8px 8px; border-color: transparent transparent #E64426 transparent } .protip-skin-default--scheme-orange[data-pt-position="bottom-left"] .protip-arrow { left: 20px } .protip-skin-default--scheme-orange[data-pt-position="bottom"] .protip-arrow { left: 50% } .protip-skin-default--scheme-orange[data-pt-position="bottom-right"] .protip-arrow { left: auto; right: 20px; margin-right: -8px } .protip-skin-default--scheme-orange[data-pt-position="left-top"] .protip-arrow, .protip-skin-default--scheme-orange[data-pt-position="left"] .protip-arrow, .protip-skin-default--scheme-orange[data-pt-position="left-bottom"] .protip-arrow { top: auto; left: 100%; margin: -8px 0 0 0; border-width: 8px 0 8px 8px; border-color: transparent transparent transparent #E64426 } .protip-skin-default--scheme-orange[data-pt-position="left-top"] .protip-arrow { top: 20px } .protip-skin-default--scheme-orange[data-pt-position="left"] .protip-arrow { top: 50% } .protip-skin-default--scheme-orange[data-pt-position="left-bottom"] .protip-arrow { top: auto; bottom: 20px; margin-bottom: -8px } .protip-skin-default--scheme-orange[data-pt-position="right-top"] .protip-arrow, .protip-skin-default--scheme-orange[data-pt-position="right"] .protip-arrow, .protip-skin-default--scheme-orange[data-pt-position="right-bottom"] .protip-arrow { top: auto; right: 100%; margin: -8px 0 0 0; border-width: 8px 8px 8px 0; border-color: transparent #E64426 transparent transparent } .protip-skin-default--scheme-orange[data-pt-position="right-top"] .protip-arrow { top: 20px } .protip-skin-default--scheme-orange[data-pt-position="right"] .protip-arrow { top: 50% } .protip-skin-default--scheme-orange[data-pt-position="right-bottom"] .protip-arrow { top: auto; bottom: 20px; margin-bottom: -8px } .protip-skin-default--scheme-orange[data-pt-position="top-left-corner"] { border-bottom-right-radius: 0 } .protip-skin-default--scheme-orange[data-pt-position="top-left-corner"] .protip-arrow { top: 100%; left: 100%; margin: 0 0 0 -8px; border-width: 0 8px 8px 0; border-color: transparent #E64426 transparent transparent } .protip-skin-default--scheme-orange[data-pt-position="top-right-corner"] { border-bottom-left-radius: 0 } .protip-skin-default--scheme-orange[data-pt-position="top-right-corner"] .protip-arrow { top: 100%; left: -8px; margin: 0 0 0 8px; border-width: 8px 8px 0 0; border-color: #E64426 transparent transparent transparent } .protip-skin-default--scheme-orange[data-pt-position="bottom-left-corner"] { border-top-right-radius: 0 } .protip-skin-default--scheme-orange[data-pt-position="bottom-left-corner"] .protip-arrow { top: -8px; left: 100%; margin: 0 0 0 -8px; border-width: 0 0 8px 8px; border-color: transparent transparent #E64426 transparent } .protip-skin-default--scheme-orange[data-pt-position="bottom-right-corner"] { border-top-left-radius: 0 } .protip-skin-default--scheme-orange[data-pt-position="bottom-right-corner"] .protip-arrow { top: 0; left: -8px; margin: -8px 0 0 8px; border-width: 8px 0 0 8px; border-color: transparent transparent transparent #E64426 } .protip-skin-default--size-tiny { padding: 8px; font-size: 10px; border-radius: 3px } .protip-skin-default--size-tiny[data-pt-position="top-left"] .protip-arrow, .protip-skin-default--size-tiny[data-pt-position="top"] .protip-arrow, .protip-skin-default--size-tiny[data-pt-position="top-right"] .protip-arrow { top: 100%; left: auto; margin: 0 0 0 -4px; border-width: 4px 4px 0 4px; border-color: invalid transparent transparent transparent } .protip-skin-default--size-tiny[data-pt-position="top-left"] .protip-arrow { left: 20px } .protip-skin-default--size-tiny[data-pt-position="top"] .protip-arrow { left: 50% } .protip-skin-default--size-tiny[data-pt-position="top-right"] .protip-arrow { left: auto; right: 20px; margin-right: -4px } .protip-skin-default--size-tiny[data-pt-position="bottom-left"] .protip-arrow, .protip-skin-default--size-tiny[data-pt-position="bottom"] .protip-arrow, .protip-skin-default--size-tiny[data-pt-position="bottom-right"] .protip-arrow { top: -4px; left: auto; margin: 0 0 0 -4px; border-width: 0 4px 4px 4px; border-color: transparent transparent invalid transparent } .protip-skin-default--size-tiny[data-pt-position="bottom-left"] .protip-arrow { left: 20px } .protip-skin-default--size-tiny[data-pt-position="bottom"] .protip-arrow { left: 50% } .protip-skin-default--size-tiny[data-pt-position="bottom-right"] .protip-arrow { left: auto; right: 20px; margin-right: -4px } .protip-skin-default--size-tiny[data-pt-position="left-top"] .protip-arrow, .protip-skin-default--size-tiny[data-pt-position="left"] .protip-arrow, .protip-skin-default--size-tiny[data-pt-position="left-bottom"] .protip-arrow { top: auto; left: 100%; margin: -4px 0 0 0; border-width: 4px 0 4px 4px; border-color: transparent transparent transparent invalid } .protip-skin-default--size-tiny[data-pt-position="left-top"] .protip-arrow { top: 20px } .protip-skin-default--size-tiny[data-pt-position="left"] .protip-arrow { top: 50% } .protip-skin-default--size-tiny[data-pt-position="left-bottom"] .protip-arrow { top: auto; bottom: 20px; margin-bottom: -4px } .protip-skin-default--size-tiny[data-pt-position="right-top"] .protip-arrow, .protip-skin-default--size-tiny[data-pt-position="right"] .protip-arrow, .protip-skin-default--size-tiny[data-pt-position="right-bottom"] .protip-arrow { top: auto; right: 100%; margin: -4px 0 0 0; border-width: 4px 4px 4px 0; border-color: transparent invalid transparent transparent } .protip-skin-default--size-tiny[data-pt-position="right-top"] .protip-arrow { top: 20px } .protip-skin-default--size-tiny[data-pt-position="right"] .protip-arrow { top: 50% } .protip-skin-default--size-tiny[data-pt-position="right-bottom"] .protip-arrow { top: auto; bottom: 20px; margin-bottom: -4px } .protip-skin-default--size-tiny[data-pt-position="top-left-corner"] { border-bottom-right-radius: 0 } .protip-skin-default--size-tiny[data-pt-position="top-left-corner"] .protip-arrow { top: 100%; left: 100%; margin: 0 0 0 -4px; border-width: 0 4px 4px 0; border-color: transparent invalid transparent transparent } .protip-skin-default--size-tiny[data-pt-position="top-right-corner"] { border-bottom-left-radius: 0 } .protip-skin-default--size-tiny[data-pt-position="top-right-corner"] .protip-arrow { top: 100%; left: -4px; margin: 0 0 0 4px; border-width: 4px 4px 0 0; border-color: invalid transparent transparent transparent } .protip-skin-default--size-tiny[data-pt-position="bottom-left-corner"] { border-top-right-radius: 0 } .protip-skin-default--size-tiny[data-pt-position="bottom-left-corner"] .protip-arrow { top: -4px; left: 100%; margin: 0 0 0 -4px; border-width: 0 0 4px 4px; border-color: transparent transparent invalid transparent } .protip-skin-default--size-tiny[data-pt-position="bottom-right-corner"] { border-top-left-radius: 0 } .protip-skin-default--size-tiny[data-pt-position="bottom-right-corner"] .protip-arrow { top: 0; left: -4px; margin: -4px 0 0 4px; border-width: 4px 0 0 4px; border-color: transparent transparent transparent invalid } .protip-skin-default--size-small { padding: 13px; font-size: 12px; border-radius: 4px } .protip-skin-default--size-small[data-pt-position="top-left"] .protip-arrow, .protip-skin-default--size-small[data-pt-position="top"] .protip-arrow, .protip-skin-default--size-small[data-pt-position="top-right"] .protip-arrow { top: 100%; left: auto; margin: 0 0 0 -6px; border-width: 6px 6px 0 6px; border-color: invalid transparent transparent transparent } .protip-skin-default--size-small[data-pt-position="top-left"] .protip-arrow { left: 20px } .protip-skin-default--size-small[data-pt-position="top"] .protip-arrow { left: 50% } .protip-skin-default--size-small[data-pt-position="top-right"] .protip-arrow { left: auto; right: 20px; margin-right: -6px } .protip-skin-default--size-small[data-pt-position="bottom-left"] .protip-arrow, .protip-skin-default--size-small[data-pt-position="bottom"] .protip-arrow, .protip-skin-default--size-small[data-pt-position="bottom-right"] .protip-arrow { top: -6px; left: auto; margin: 0 0 0 -6px; border-width: 0 6px 6px 6px; border-color: transparent transparent invalid transparent } .protip-skin-default--size-small[data-pt-position="bottom-left"] .protip-arrow { left: 20px } .protip-skin-default--size-small[data-pt-position="bottom"] .protip-arrow { left: 50% } .protip-skin-default--size-small[data-pt-position="bottom-right"] .protip-arrow { left: auto; right: 20px; margin-right: -6px } .protip-skin-default--size-small[data-pt-position="left-top"] .protip-arrow, .protip-skin-default--size-small[data-pt-position="left"] .protip-arrow, .protip-skin-default--size-small[data-pt-position="left-bottom"] .protip-arrow { top: auto; left: 100%; margin: -6px 0 0 0; border-width: 6px 0 6px 6px; border-color: transparent transparent transparent invalid } .protip-skin-default--size-small[data-pt-position="left-top"] .protip-arrow { top: 20px } .protip-skin-default--size-small[data-pt-position="left"] .protip-arrow { top: 50% } .protip-skin-default--size-small[data-pt-position="left-bottom"] .protip-arrow { top: auto; bottom: 20px; margin-bottom: -6px } .protip-skin-default--size-small[data-pt-position="right-top"] .protip-arrow, .protip-skin-default--size-small[data-pt-position="right"] .protip-arrow, .protip-skin-default--size-small[data-pt-position="right-bottom"] .protip-arrow { top: auto; right: 100%; margin: -6px 0 0 0; border-width: 6px 6px 6px 0; border-color: transparent invalid transparent transparent } .protip-skin-default--size-small[data-pt-position="right-top"] .protip-arrow { top: 20px } .protip-skin-default--size-small[data-pt-position="right"] .protip-arrow { top: 50% } .protip-skin-default--size-small[data-pt-position="right-bottom"] .protip-arrow { top: auto; bottom: 20px; margin-bottom: -6px } .protip-skin-default--size-small[data-pt-position="top-left-corner"] { border-bottom-right-radius: 0 } .protip-skin-default--size-small[data-pt-position="top-left-corner"] .protip-arrow { top: 100%; left: 100%; margin: 0 0 0 -6px; border-width: 0 6px 6px 0; border-color: transparent invalid transparent transparent } .protip-skin-default--size-small[data-pt-position="top-right-corner"] { border-bottom-left-radius: 0 } .protip-skin-default--size-small[data-pt-position="top-right-corner"] .protip-arrow { top: 100%; left: -6px; margin: 0 0 0 6px; border-width: 6px 6px 0 0; border-color: invalid transparent transparent transparent } .protip-skin-default--size-small[data-pt-position="bottom-left-corner"] { border-top-right-radius: 0 } .protip-skin-default--size-small[data-pt-position="bottom-left-corner"] .protip-arrow { top: -6px; left: 100%; margin: 0 0 0 -6px; border-width: 0 0 6px 6px; border-color: transparent transparent invalid transparent } .protip-skin-default--size-small[data-pt-position="bottom-right-corner"] { border-top-left-radius: 0 } .protip-skin-default--size-small[data-pt-position="bottom-right-corner"] .protip-arrow { top: 0; left: -6px; margin: -6px 0 0 6px; border-width: 6px 0 0 6px; border-color: transparent transparent transparent invalid } .protip-skin-default--size-normal { padding: 16px; font-size: 15px; border-radius: 6px } .protip-skin-default--size-normal[data-pt-position="top-left"] .protip-arrow, .protip-skin-default--size-normal[data-pt-position="top"] .protip-arrow, .protip-skin-default--size-normal[data-pt-position="top-right"] .protip-arrow { top: 100%; left: auto; margin: 0 0 0 -8px; border-width: 8px 8px 0 8px; border-color: invalid transparent transparent transparent } .protip-skin-default--size-normal[data-pt-position="top-left"] .protip-arrow { left: 20px } .protip-skin-default--size-normal[data-pt-position="top"] .protip-arrow { left: 50% } .protip-skin-default--size-normal[data-pt-position="top-right"] .protip-arrow { left: auto; right: 20px; margin-right: -8px } .protip-skin-default--size-normal[data-pt-position="bottom-left"] .protip-arrow, .protip-skin-default--size-normal[data-pt-position="bottom"] .protip-arrow, .protip-skin-default--size-normal[data-pt-position="bottom-right"] .protip-arrow { top: -8px; left: auto; margin: 0 0 0 -8px; border-width: 0 8px 8px 8px; border-color: transparent transparent invalid transparent } .protip-skin-default--size-normal[data-pt-position="bottom-left"] .protip-arrow { left: 20px } .protip-skin-default--size-normal[data-pt-position="bottom"] .protip-arrow { left: 50% } .protip-skin-default--size-normal[data-pt-position="bottom-right"] .protip-arrow { left: auto; right: 20px; margin-right: -8px } .protip-skin-default--size-normal[data-pt-position="left-top"] .protip-arrow, .protip-skin-default--size-normal[data-pt-position="left"] .protip-arrow, .protip-skin-default--size-normal[data-pt-position="left-bottom"] .protip-arrow { top: auto; left: 100%; margin: -8px 0 0 0; border-width: 8px 0 8px 8px; border-color: transparent transparent transparent invalid } .protip-skin-default--size-normal[data-pt-position="left-top"] .protip-arrow { top: 20px } .protip-skin-default--size-normal[data-pt-position="left"] .protip-arrow { top: 50% } .protip-skin-default--size-normal[data-pt-position="left-bottom"] .protip-arrow { top: auto; bottom: 20px; margin-bottom: -8px } .protip-skin-default--size-normal[data-pt-position="right-top"] .protip-arrow, .protip-skin-default--size-normal[data-pt-position="right"] .protip-arrow, .protip-skin-default--size-normal[data-pt-position="right-bottom"] .protip-arrow { top: auto; right: 100%; margin: -8px 0 0 0; border-width: 8px 8px 8px 0; border-color: transparent invalid transparent transparent } .protip-skin-default--size-normal[data-pt-position="right-top"] .protip-arrow { top: 20px } .protip-skin-default--size-normal[data-pt-position="right"] .protip-arrow { top: 50% } .protip-skin-default--size-normal[data-pt-position="right-bottom"] .protip-arrow { top: auto; bottom: 20px; margin-bottom: -8px } .protip-skin-default--size-normal[data-pt-position="top-left-corner"] { border-bottom-right-radius: 0 } .protip-skin-default--size-normal[data-pt-position="top-left-corner"] .protip-arrow { top: 100%; left: 100%; margin: 0 0 0 -8px; border-width: 0 8px 8px 0; border-color: transparent invalid transparent transparent } .protip-skin-default--size-normal[data-pt-position="top-right-corner"] { border-bottom-left-radius: 0 } .protip-skin-default--size-normal[data-pt-position="top-right-corner"] .protip-arrow { top: 100%; left: -8px; margin: 0 0 0 8px; border-width: 8px 8px 0 0; border-color: invalid transparent transparent transparent } .protip-skin-default--size-normal[data-pt-position="bottom-left-corner"] { border-top-right-radius: 0 } .protip-skin-default--size-normal[data-pt-position="bottom-left-corner"] .protip-arrow { top: -8px; left: 100%; margin: 0 0 0 -8px; border-width: 0 0 8px 8px; border-color: transparent transparent invalid transparent } .protip-skin-default--size-normal[data-pt-position="bottom-right-corner"] { border-top-left-radius: 0 } .protip-skin-default--size-normal[data-pt-position="bottom-right-corner"] .protip-arrow { top: 0; left: -8px; margin: -8px 0 0 8px; border-width: 8px 0 0 8px; border-color: transparent transparent transparent invalid } .protip-skin-default--size-big { padding: 20px; font-size: 18px; border-radius: 8px } .protip-skin-default--size-big[data-pt-position="top-left"] .protip-arrow, .protip-skin-default--size-big[data-pt-position="top"] .protip-arrow, .protip-skin-default--size-big[data-pt-position="top-right"] .protip-arrow { top: 100%; left: auto; margin: 0 0 0 -10px; border-width: 10px 10px 0 10px; border-color: invalid transparent transparent transparent } .protip-skin-default--size-big[data-pt-position="top-left"] .protip-arrow { left: 20px } .protip-skin-default--size-big[data-pt-position="top"] .protip-arrow { left: 50% } .protip-skin-default--size-big[data-pt-position="top-right"] .protip-arrow { left: auto; right: 20px; margin-right: -10px } .protip-skin-default--size-big[data-pt-position="bottom-left"] .protip-arrow, .protip-skin-default--size-big[data-pt-position="bottom"] .protip-arrow, .protip-skin-default--size-big[data-pt-position="bottom-right"] .protip-arrow { top: -10px; left: auto; margin: 0 0 0 -10px; border-width: 0 10px 10px 10px; border-color: transparent transparent invalid transparent } .protip-skin-default--size-big[data-pt-position="bottom-left"] .protip-arrow { left: 20px } .protip-skin-default--size-big[data-pt-position="bottom"] .protip-arrow { left: 50% } .protip-skin-default--size-big[data-pt-position="bottom-right"] .protip-arrow { left: auto; right: 20px; margin-right: -10px } .protip-skin-default--size-big[data-pt-position="left-top"] .protip-arrow, .protip-skin-default--size-big[data-pt-position="left"] .protip-arrow, .protip-skin-default--size-big[data-pt-position="left-bottom"] .protip-arrow { top: auto; left: 100%; margin: -10px 0 0 0; border-width: 10px 0 10px 10px; border-color: transparent transparent transparent invalid } .protip-skin-default--size-big[data-pt-position="left-top"] .protip-arrow { top: 20px } .protip-skin-default--size-big[data-pt-position="left"] .protip-arrow { top: 50% } .protip-skin-default--size-big[data-pt-position="left-bottom"] .protip-arrow { top: auto; bottom: 20px; margin-bottom: -10px } .protip-skin-default--size-big[data-pt-position="right-top"] .protip-arrow, .protip-skin-default--size-big[data-pt-position="right"] .protip-arrow, .protip-skin-default--size-big[data-pt-position="right-bottom"] .protip-arrow { top: auto; right: 100%; margin: -10px 0 0 0; border-width: 10px 10px 10px 0; border-color: transparent invalid transparent transparent } .protip-skin-default--size-big[data-pt-position="right-top"] .protip-arrow { top: 20px } .protip-skin-default--size-big[data-pt-position="right"] .protip-arrow { top: 50% } .protip-skin-default--size-big[data-pt-position="right-bottom"] .protip-arrow { top: auto; bottom: 20px; margin-bottom: -10px } .protip-skin-default--size-big[data-pt-position="top-left-corner"] { border-bottom-right-radius: 0 } .protip-skin-default--size-big[data-pt-position="top-left-corner"] .protip-arrow { top: 100%; left: 100%; margin: 0 0 0 -10px; border-width: 0 10px 10px 0; border-color: transparent invalid transparent transparent } .protip-skin-default--size-big[data-pt-position="top-right-corner"] { border-bottom-left-radius: 0 } .protip-skin-default--size-big[data-pt-position="top-right-corner"] .protip-arrow { top: 100%; left: -10px; margin: 0 0 0 10px; border-width: 10px 10px 0 0; border-color: invalid transparent transparent transparent } .protip-skin-default--size-big[data-pt-position="bottom-left-corner"] { border-top-right-radius: 0 } .protip-skin-default--size-big[data-pt-position="bottom-left-corner"] .protip-arrow { top: -10px; left: 100%; margin: 0 0 0 -10px; border-width: 0 0 10px 10px; border-color: transparent transparent invalid transparent } .protip-skin-default--size-big[data-pt-position="bottom-right-corner"] { border-top-left-radius: 0 } .protip-skin-default--size-big[data-pt-position="bottom-right-corner"] .protip-arrow { top: 0; left: -10px; margin: -10px 0 0 10px; border-width: 10px 0 0 10px; border-color: transparent transparent transparent invalid } .protip-skin-default--size-large { padding: 20px; font-size: 18px; border-radius: 8px } .protip-skin-default--size-large[data-pt-position="top-left"] .protip-arrow, .protip-skin-default--size-large[data-pt-position="top"] .protip-arrow, .protip-skin-default--size-large[data-pt-position="top-right"] .protip-arrow { top: 100%; left: auto; margin: 0 0 0 -12px; border-width: 12px 12px 0 12px; border-color: invalid transparent transparent transparent } .protip-skin-default--size-large[data-pt-position="top-left"] .protip-arrow { left: 20px } .protip-skin-default--size-large[data-pt-position="top"] .protip-arrow { left: 50% } .protip-skin-default--size-large[data-pt-position="top-right"] .protip-arrow { left: auto; right: 20px; margin-right: -12px } .protip-skin-default--size-large[data-pt-position="bottom-left"] .protip-arrow, .protip-skin-default--size-large[data-pt-position="bottom"] .protip-arrow, .protip-skin-default--size-large[data-pt-position="bottom-right"] .protip-arrow { top: -12px; left: auto; margin: 0 0 0 -12px; border-width: 0 12px 12px 12px; border-color: transparent transparent invalid transparent } .protip-skin-default--size-large[data-pt-position="bottom-left"] .protip-arrow { left: 20px } .protip-skin-default--size-large[data-pt-position="bottom"] .protip-arrow { left: 50% } .protip-skin-default--size-large[data-pt-position="bottom-right"] .protip-arrow { left: auto; right: 20px; margin-right: -12px } .protip-skin-default--size-large[data-pt-position="left-top"] .protip-arrow, .protip-skin-default--size-large[data-pt-position="left"] .protip-arrow, .protip-skin-default--size-large[data-pt-position="left-bottom"] .protip-arrow { top: auto; left: 100%; margin: -12px 0 0 0; border-width: 12px 0 12px 12px; border-color: transparent transparent transparent invalid } .protip-skin-default--size-large[data-pt-position="left-top"] .protip-arrow { top: 20px } .protip-skin-default--size-large[data-pt-position="left"] .protip-arrow { top: 50% } .protip-skin-default--size-large[data-pt-position="left-bottom"] .protip-arrow { top: auto; bottom: 20px; margin-bottom: -12px } .protip-skin-default--size-large[data-pt-position="right-top"] .protip-arrow, .protip-skin-default--size-large[data-pt-position="right"] .protip-arrow, .protip-skin-default--size-large[data-pt-position="right-bottom"] .protip-arrow { top: auto; right: 100%; margin: -12px 0 0 0; border-width: 12px 12px 12px 0; border-color: transparent invalid transparent transparent } .protip-skin-default--size-large[data-pt-position="right-top"] .protip-arrow { top: 20px } .protip-skin-default--size-large[data-pt-position="right"] .protip-arrow { top: 50% } .protip-skin-default--size-large[data-pt-position="right-bottom"] .protip-arrow { top: auto; bottom: 20px; margin-bottom: -12px } .protip-skin-default--size-large[data-pt-position="top-left-corner"] { border-bottom-right-radius: 0 } .protip-skin-default--size-large[data-pt-position="top-left-corner"] .protip-arrow { top: 100%; left: 100%; margin: 0 0 0 -12px; border-width: 0 12px 12px 0; border-color: transparent invalid transparent transparent } .protip-skin-default--size-large[data-pt-position="top-right-corner"] { border-bottom-left-radius: 0 } .protip-skin-default--size-large[data-pt-position="top-right-corner"] .protip-arrow { top: 100%; left: -12px; margin: 0 0 0 12px; border-width: 12px 12px 0 0; border-color: invalid transparent transparent transparent } .protip-skin-default--size-large[data-pt-position="bottom-left-corner"] { border-top-right-radius: 0 } .protip-skin-default--size-large[data-pt-position="bottom-left-corner"] .protip-arrow { top: -12px; left: 100%; margin: 0 0 0 -12px; border-width: 0 0 12px 12px; border-color: transparent transparent invalid transparent } .protip-skin-default--size-large[data-pt-position="bottom-right-corner"] { border-top-left-radius: 0 } .protip-skin-default--size-large[data-pt-position="bottom-right-corner"] .protip-arrow { top: 0; left: -12px; margin: -12px 0 0 12px; border-width: 12px 0 0 12px; border-color: transparent transparent transparent invalid } .protip-skin-square--scheme-pro.protip-container { color: #fff; background: #1A1D32; font-family: sans-serif; transition: opacity 0.2s ease-out } .protip-skin-square--scheme-pro[data-pt-position="top-left"] .protip-arrow, .protip-skin-square--scheme-pro[data-pt-position="top"] .protip-arrow, .protip-skin-square--scheme-pro[data-pt-position="top-right"] .protip-arrow { top: 100%; left: auto; margin: 0 0 0 -8px; border-width: 8px 8px 0 8px; border-color: #1A1D32 transparent transparent transparent } .protip-skin-square--scheme-pro[data-pt-position="top-left"] .protip-arrow { left: 20px } .protip-skin-square--scheme-pro[data-pt-position="top"] .protip-arrow { left: 50% } .protip-skin-square--scheme-pro[data-pt-position="top-right"] .protip-arrow { left: auto; right: 20px; margin-right: -8px } .protip-skin-square--scheme-pro[data-pt-position="bottom-left"] .protip-arrow, .protip-skin-square--scheme-pro[data-pt-position="bottom"] .protip-arrow, .protip-skin-square--scheme-pro[data-pt-position="bottom-right"] .protip-arrow { top: -8px; left: auto; margin: 0 0 0 -8px; border-width: 0 8px 8px 8px; border-color: transparent transparent #1A1D32 transparent } .protip-skin-square--scheme-pro[data-pt-position="bottom-left"] .protip-arrow { left: 20px } .protip-skin-square--scheme-pro[data-pt-position="bottom"] .protip-arrow { left: 50% } .protip-skin-square--scheme-pro[data-pt-position="bottom-right"] .protip-arrow { left: auto; right: 20px; margin-right: -8px } .protip-skin-square--scheme-pro[data-pt-position="left-top"] .protip-arrow, .protip-skin-square--scheme-pro[data-pt-position="left"] .protip-arrow, .protip-skin-square--scheme-pro[data-pt-position="left-bottom"] .protip-arrow { top: auto; left: 100%; margin: -8px 0 0 0; border-width: 8px 0 8px 8px; border-color: transparent transparent transparent #1A1D32 } .protip-skin-square--scheme-pro[data-pt-position="left-top"] .protip-arrow { top: 20px } .protip-skin-square--scheme-pro[data-pt-position="left"] .protip-arrow { top: 50% } .protip-skin-square--scheme-pro[data-pt-position="left-bottom"] .protip-arrow { top: auto; bottom: 20px; margin-bottom: -8px } .protip-skin-square--scheme-pro[data-pt-position="right-top"] .protip-arrow, .protip-skin-square--scheme-pro[data-pt-position="right"] .protip-arrow, .protip-skin-square--scheme-pro[data-pt-position="right-bottom"] .protip-arrow { top: auto; right: 100%; margin: -8px 0 0 0; border-width: 8px 8px 8px 0; border-color: transparent #1A1D32 transparent transparent } .protip-skin-square--scheme-pro[data-pt-position="right-top"] .protip-arrow { top: 20px } .protip-skin-square--scheme-pro[data-pt-position="right"] .protip-arrow { top: 50% } .protip-skin-square--scheme-pro[data-pt-position="right-bottom"] .protip-arrow { top: auto; bottom: 20px; margin-bottom: -8px } .protip-skin-square--scheme-pro[data-pt-position="top-left-corner"] { border-bottom-right-radius: 0 } .protip-skin-square--scheme-pro[data-pt-position="top-left-corner"] .protip-arrow { top: 100%; left: 100%; margin: 0 0 0 -8px; border-width: 0 8px 8px 0; border-color: transparent #1A1D32 transparent transparent } .protip-skin-square--scheme-pro[data-pt-position="top-right-corner"] { border-bottom-left-radius: 0 } .protip-skin-square--scheme-pro[data-pt-position="top-right-corner"] .protip-arrow { top: 100%; left: -8px; margin: 0 0 0 8px; border-width: 8px 8px 0 0; border-color: #1A1D32 transparent transparent transparent } .protip-skin-square--scheme-pro[data-pt-position="bottom-left-corner"] { border-top-right-radius: 0 } .protip-skin-square--scheme-pro[data-pt-position="bottom-left-corner"] .protip-arrow { top: -8px; left: 100%; margin: 0 0 0 -8px; border-width: 0 0 8px 8px; border-color: transparent transparent #1A1D32 transparent } .protip-skin-square--scheme-pro[data-pt-position="bottom-right-corner"] { border-top-left-radius: 0 } .protip-skin-square--scheme-pro[data-pt-position="bottom-right-corner"] .protip-arrow { top: 0; left: -8px; margin: -8px 0 0 8px; border-width: 8px 0 0 8px; border-color: transparent transparent transparent #1A1D32 } .protip-skin-square--scheme-blue.protip-container { color: #fff; background: #369; font-family: sans-serif; transition: opacity 0.2s ease-out } .protip-skin-square--scheme-blue[data-pt-position="top-left"] .protip-arrow, .protip-skin-square--scheme-blue[data-pt-position="top"] .protip-arrow, .protip-skin-square--scheme-blue[data-pt-position="top-right"] .protip-arrow { top: 100%; left: auto; margin: 0 0 0 -8px; border-width: 8px 8px 0 8px; border-color: #369 transparent transparent transparent } .protip-skin-square--scheme-blue[data-pt-position="top-left"] .protip-arrow { left: 20px } .protip-skin-square--scheme-blue[data-pt-position="top"] .protip-arrow { left: 50% } .protip-skin-square--scheme-blue[data-pt-position="top-right"] .protip-arrow { left: auto; right: 20px; margin-right: -8px } .protip-skin-square--scheme-blue[data-pt-position="bottom-left"] .protip-arrow, .protip-skin-square--scheme-blue[data-pt-position="bottom"] .protip-arrow, .protip-skin-square--scheme-blue[data-pt-position="bottom-right"] .protip-arrow { top: -8px; left: auto; margin: 0 0 0 -8px; border-width: 0 8px 8px 8px; border-color: transparent transparent #369 transparent } .protip-skin-square--scheme-blue[data-pt-position="bottom-left"] .protip-arrow { left: 20px } .protip-skin-square--scheme-blue[data-pt-position="bottom"] .protip-arrow { left: 50% } .protip-skin-square--scheme-blue[data-pt-position="bottom-right"] .protip-arrow { left: auto; right: 20px; margin-right: -8px } .protip-skin-square--scheme-blue[data-pt-position="left-top"] .protip-arrow, .protip-skin-square--scheme-blue[data-pt-position="left"] .protip-arrow, .protip-skin-square--scheme-blue[data-pt-position="left-bottom"] .protip-arrow { top: auto; left: 100%; margin: -8px 0 0 0; border-width: 8px 0 8px 8px; border-color: transparent transparent transparent #369 } .protip-skin-square--scheme-blue[data-pt-position="left-top"] .protip-arrow { top: 20px } .protip-skin-square--scheme-blue[data-pt-position="left"] .protip-arrow { top: 50% } .protip-skin-square--scheme-blue[data-pt-position="left-bottom"] .protip-arrow { top: auto; bottom: 20px; margin-bottom: -8px } .protip-skin-square--scheme-blue[data-pt-position="right-top"] .protip-arrow, .protip-skin-square--scheme-blue[data-pt-position="right"] .protip-arrow, .protip-skin-square--scheme-blue[data-pt-position="right-bottom"] .protip-arrow { top: auto; right: 100%; margin: -8px 0 0 0; border-width: 8px 8px 8px 0; border-color: transparent #369 transparent transparent } .protip-skin-square--scheme-blue[data-pt-position="right-top"] .protip-arrow { top: 20px } .protip-skin-square--scheme-blue[data-pt-position="right"] .protip-arrow { top: 50% } .protip-skin-square--scheme-blue[data-pt-position="right-bottom"] .protip-arrow { top: auto; bottom: 20px; margin-bottom: -8px } .protip-skin-square--scheme-blue[data-pt-position="top-left-corner"] { border-bottom-right-radius: 0 } .protip-skin-square--scheme-blue[data-pt-position="top-left-corner"] .protip-arrow { top: 100%; left: 100%; margin: 0 0 0 -8px; border-width: 0 8px 8px 0; border-color: transparent #369 transparent transparent } .protip-skin-square--scheme-blue[data-pt-position="top-right-corner"] { border-bottom-left-radius: 0 } .protip-skin-square--scheme-blue[data-pt-position="top-right-corner"] .protip-arrow { top: 100%; left: -8px; margin: 0 0 0 8px; border-width: 8px 8px 0 0; border-color: #369 transparent transparent transparent } .protip-skin-square--scheme-blue[data-pt-position="bottom-left-corner"] { border-top-right-radius: 0 } .protip-skin-square--scheme-blue[data-pt-position="bottom-left-corner"] .protip-arrow { top: -8px; left: 100%; margin: 0 0 0 -8px; border-width: 0 0 8px 8px; border-color: transparent transparent #369 transparent } .protip-skin-square--scheme-blue[data-pt-position="bottom-right-corner"] { border-top-left-radius: 0 } .protip-skin-square--scheme-blue[data-pt-position="bottom-right-corner"] .protip-arrow { top: 0; left: -8px; margin: -8px 0 0 8px; border-width: 8px 0 0 8px; border-color: transparent transparent transparent #369 } .protip-skin-square--scheme-red.protip-container { color: #fff; background: #802731; font-family: sans-serif; transition: opacity 0.2s ease-out } .protip-skin-square--scheme-red[data-pt-position="top-left"] .protip-arrow, .protip-skin-square--scheme-red[data-pt-position="top"] .protip-arrow, .protip-skin-square--scheme-red[data-pt-position="top-right"] .protip-arrow { top: 100%; left: auto; margin: 0 0 0 -8px; border-width: 8px 8px 0 8px; border-color: #802731 transparent transparent transparent } .protip-skin-square--scheme-red[data-pt-position="top-left"] .protip-arrow { left: 20px } .protip-skin-square--scheme-red[data-pt-position="top"] .protip-arrow { left: 50% } .protip-skin-square--scheme-red[data-pt-position="top-right"] .protip-arrow { left: auto; right: 20px; margin-right: -8px } .protip-skin-square--scheme-red[data-pt-position="bottom-left"] .protip-arrow, .protip-skin-square--scheme-red[data-pt-position="bottom"] .protip-arrow, .protip-skin-square--scheme-red[data-pt-position="bottom-right"] .protip-arrow { top: -8px; left: auto; margin: 0 0 0 -8px; border-width: 0 8px 8px 8px; border-color: transparent transparent #802731 transparent } .protip-skin-square--scheme-red[data-pt-position="bottom-left"] .protip-arrow { left: 20px } .protip-skin-square--scheme-red[data-pt-position="bottom"] .protip-arrow { left: 50% } .protip-skin-square--scheme-red[data-pt-position="bottom-right"] .protip-arrow { left: auto; right: 20px; margin-right: -8px } .protip-skin-square--scheme-red[data-pt-position="left-top"] .protip-arrow, .protip-skin-square--scheme-red[data-pt-position="left"] .protip-arrow, .protip-skin-square--scheme-red[data-pt-position="left-bottom"] .protip-arrow { top: auto; left: 100%; margin: -8px 0 0 0; border-width: 8px 0 8px 8px; border-color: transparent transparent transparent #802731 } .protip-skin-square--scheme-red[data-pt-position="left-top"] .protip-arrow { top: 20px } .protip-skin-square--scheme-red[data-pt-position="left"] .protip-arrow { top: 50% } .protip-skin-square--scheme-red[data-pt-position="left-bottom"] .protip-arrow { top: auto; bottom: 20px; margin-bottom: -8px } .protip-skin-square--scheme-red[data-pt-position="right-top"] .protip-arrow, .protip-skin-square--scheme-red[data-pt-position="right"] .protip-arrow, .protip-skin-square--scheme-red[data-pt-position="right-bottom"] .protip-arrow { top: auto; right: 100%; margin: -8px 0 0 0; border-width: 8px 8px 8px 0; border-color: transparent #802731 transparent transparent } .protip-skin-square--scheme-red[data-pt-position="right-top"] .protip-arrow { top: 20px } .protip-skin-square--scheme-red[data-pt-position="right"] .protip-arrow { top: 50% } .protip-skin-square--scheme-red[data-pt-position="right-bottom"] .protip-arrow { top: auto; bottom: 20px; margin-bottom: -8px } .protip-skin-square--scheme-red[data-pt-position="top-left-corner"] { border-bottom-right-radius: 0 } .protip-skin-square--scheme-red[data-pt-position="top-left-corner"] .protip-arrow { top: 100%; left: 100%; margin: 0 0 0 -8px; border-width: 0 8px 8px 0; border-color: transparent #802731 transparent transparent } .protip-skin-square--scheme-red[data-pt-position="top-right-corner"] { border-bottom-left-radius: 0 } .protip-skin-square--scheme-red[data-pt-position="top-right-corner"] .protip-arrow { top: 100%; left: -8px; margin: 0 0 0 8px; border-width: 8px 8px 0 0; border-color: #802731 transparent transparent transparent } .protip-skin-square--scheme-red[data-pt-position="bottom-left-corner"] { border-top-right-radius: 0 } .protip-skin-square--scheme-red[data-pt-position="bottom-left-corner"] .protip-arrow { top: -8px; left: 100%; margin: 0 0 0 -8px; border-width: 0 0 8px 8px; border-color: transparent transparent #802731 transparent } .protip-skin-square--scheme-red[data-pt-position="bottom-right-corner"] { border-top-left-radius: 0 } .protip-skin-square--scheme-red[data-pt-position="bottom-right-corner"] .protip-arrow { top: 0; left: -8px; margin: -8px 0 0 8px; border-width: 8px 0 0 8px; border-color: transparent transparent transparent #802731 } .protip-skin-square--scheme-aqua.protip-container { color: #fff; background: #339996; font-family: sans-serif; transition: opacity 0.2s ease-out } .protip-skin-square--scheme-aqua[data-pt-position="top-left"] .protip-arrow, .protip-skin-square--scheme-aqua[data-pt-position="top"] .protip-arrow, .protip-skin-square--scheme-aqua[data-pt-position="top-right"] .protip-arrow { top: 100%; left: auto; margin: 0 0 0 -8px; border-width: 8px 8px 0 8px; border-color: #339996 transparent transparent transparent } .protip-skin-square--scheme-aqua[data-pt-position="top-left"] .protip-arrow { left: 20px } .protip-skin-square--scheme-aqua[data-pt-position="top"] .protip-arrow { left: 50% } .protip-skin-square--scheme-aqua[data-pt-position="top-right"] .protip-arrow { left: auto; right: 20px; margin-right: -8px } .protip-skin-square--scheme-aqua[data-pt-position="bottom-left"] .protip-arrow, .protip-skin-square--scheme-aqua[data-pt-position="bottom"] .protip-arrow, .protip-skin-square--scheme-aqua[data-pt-position="bottom-right"] .protip-arrow { top: -8px; left: auto; margin: 0 0 0 -8px; border-width: 0 8px 8px 8px; border-color: transparent transparent #339996 transparent } .protip-skin-square--scheme-aqua[data-pt-position="bottom-left"] .protip-arrow { left: 20px } .protip-skin-square--scheme-aqua[data-pt-position="bottom"] .protip-arrow { left: 50% } .protip-skin-square--scheme-aqua[data-pt-position="bottom-right"] .protip-arrow { left: auto; right: 20px; margin-right: -8px } .protip-skin-square--scheme-aqua[data-pt-position="left-top"] .protip-arrow, .protip-skin-square--scheme-aqua[data-pt-position="left"] .protip-arrow, .protip-skin-square--scheme-aqua[data-pt-position="left-bottom"] .protip-arrow { top: auto; left: 100%; margin: -8px 0 0 0; border-width: 8px 0 8px 8px; border-color: transparent transparent transparent #339996 } .protip-skin-square--scheme-aqua[data-pt-position="left-top"] .protip-arrow { top: 20px } .protip-skin-square--scheme-aqua[data-pt-position="left"] .protip-arrow { top: 50% } .protip-skin-square--scheme-aqua[data-pt-position="left-bottom"] .protip-arrow { top: auto; bottom: 20px; margin-bottom: -8px } .protip-skin-square--scheme-aqua[data-pt-position="right-top"] .protip-arrow, .protip-skin-square--scheme-aqua[data-pt-position="right"] .protip-arrow, .protip-skin-square--scheme-aqua[data-pt-position="right-bottom"] .protip-arrow { top: auto; right: 100%; margin: -8px 0 0 0; border-width: 8px 8px 8px 0; border-color: transparent #339996 transparent transparent } .protip-skin-square--scheme-aqua[data-pt-position="right-top"] .protip-arrow { top: 20px } .protip-skin-square--scheme-aqua[data-pt-position="right"] .protip-arrow { top: 50% } .protip-skin-square--scheme-aqua[data-pt-position="right-bottom"] .protip-arrow { top: auto; bottom: 20px; margin-bottom: -8px } .protip-skin-square--scheme-aqua[data-pt-position="top-left-corner"] { border-bottom-right-radius: 0 } .protip-skin-square--scheme-aqua[data-pt-position="top-left-corner"] .protip-arrow { top: 100%; left: 100%; margin: 0 0 0 -8px; border-width: 0 8px 8px 0; border-color: transparent #339996 transparent transparent } .protip-skin-square--scheme-aqua[data-pt-position="top-right-corner"] { border-bottom-left-radius: 0 } .protip-skin-square--scheme-aqua[data-pt-position="top-right-corner"] .protip-arrow { top: 100%; left: -8px; margin: 0 0 0 8px; border-width: 8px 8px 0 0; border-color: #339996 transparent transparent transparent } .protip-skin-square--scheme-aqua[data-pt-position="bottom-left-corner"] { border-top-right-radius: 0 } .protip-skin-square--scheme-aqua[data-pt-position="bottom-left-corner"] .protip-arrow { top: -8px; left: 100%; margin: 0 0 0 -8px; border-width: 0 0 8px 8px; border-color: transparent transparent #339996 transparent } .protip-skin-square--scheme-aqua[data-pt-position="bottom-right-corner"] { border-top-left-radius: 0 } .protip-skin-square--scheme-aqua[data-pt-position="bottom-right-corner"] .protip-arrow { top: 0; left: -8px; margin: -8px 0 0 8px; border-width: 8px 0 0 8px; border-color: transparent transparent transparent #339996 } .protip-skin-square--scheme-black.protip-container { color: #fff; background: #000; font-family: sans-serif; transition: opacity 0.2s ease-out } .protip-skin-square--scheme-black[data-pt-position="top-left"] .protip-arrow, .protip-skin-square--scheme-black[data-pt-position="top"] .protip-arrow, .protip-skin-square--scheme-black[data-pt-position="top-right"] .protip-arrow { top: 100%; left: auto; margin: 0 0 0 -8px; border-width: 8px 8px 0 8px; border-color: #000 transparent transparent transparent } .protip-skin-square--scheme-black[data-pt-position="top-left"] .protip-arrow { left: 20px } .protip-skin-square--scheme-black[data-pt-position="top"] .protip-arrow { left: 50% } .protip-skin-square--scheme-black[data-pt-position="top-right"] .protip-arrow { left: auto; right: 20px; margin-right: -8px } .protip-skin-square--scheme-black[data-pt-position="bottom-left"] .protip-arrow, .protip-skin-square--scheme-black[data-pt-position="bottom"] .protip-arrow, .protip-skin-square--scheme-black[data-pt-position="bottom-right"] .protip-arrow { top: -8px; left: auto; margin: 0 0 0 -8px; border-width: 0 8px 8px 8px; border-color: transparent transparent #000 transparent } .protip-skin-square--scheme-black[data-pt-position="bottom-left"] .protip-arrow { left: 20px } .protip-skin-square--scheme-black[data-pt-position="bottom"] .protip-arrow { left: 50% } .protip-skin-square--scheme-black[data-pt-position="bottom-right"] .protip-arrow { left: auto; right: 20px; margin-right: -8px } .protip-skin-square--scheme-black[data-pt-position="left-top"] .protip-arrow, .protip-skin-square--scheme-black[data-pt-position="left"] .protip-arrow, .protip-skin-square--scheme-black[data-pt-position="left-bottom"] .protip-arrow { top: auto; left: 100%; margin: -8px 0 0 0; border-width: 8px 0 8px 8px; border-color: transparent transparent transparent #000 } .protip-skin-square--scheme-black[data-pt-position="left-top"] .protip-arrow { top: 20px } .protip-skin-square--scheme-black[data-pt-position="left"] .protip-arrow { top: 50% } .protip-skin-square--scheme-black[data-pt-position="left-bottom"] .protip-arrow { top: auto; bottom: 20px; margin-bottom: -8px } .protip-skin-square--scheme-black[data-pt-position="right-top"] .protip-arrow, .protip-skin-square--scheme-black[data-pt-position="right"] .protip-arrow, .protip-skin-square--scheme-black[data-pt-position="right-bottom"] .protip-arrow { top: auto; right: 100%; margin: -8px 0 0 0; border-width: 8px 8px 8px 0; border-color: transparent #000 transparent transparent } .protip-skin-square--scheme-black[data-pt-position="right-top"] .protip-arrow { top: 20px } .protip-skin-square--scheme-black[data-pt-position="right"] .protip-arrow { top: 50% } .protip-skin-square--scheme-black[data-pt-position="right-bottom"] .protip-arrow { top: auto; bottom: 20px; margin-bottom: -8px } .protip-skin-square--scheme-black[data-pt-position="top-left-corner"] { border-bottom-right-radius: 0 } .protip-skin-square--scheme-black[data-pt-position="top-left-corner"] .protip-arrow { top: 100%; left: 100%; margin: 0 0 0 -8px; border-width: 0 8px 8px 0; border-color: transparent #000 transparent transparent } .protip-skin-square--scheme-black[data-pt-position="top-right-corner"] { border-bottom-left-radius: 0 } .protip-skin-square--scheme-black[data-pt-position="top-right-corner"] .protip-arrow { top: 100%; left: -8px; margin: 0 0 0 8px; border-width: 8px 8px 0 0; border-color: #000 transparent transparent transparent } .protip-skin-square--scheme-black[data-pt-position="bottom-left-corner"] { border-top-right-radius: 0 } .protip-skin-square--scheme-black[data-pt-position="bottom-left-corner"] .protip-arrow { top: -8px; left: 100%; margin: 0 0 0 -8px; border-width: 0 0 8px 8px; border-color: transparent transparent #000 transparent } .protip-skin-square--scheme-black[data-pt-position="bottom-right-corner"] { border-top-left-radius: 0 } .protip-skin-square--scheme-black[data-pt-position="bottom-right-corner"] .protip-arrow { top: 0; left: -8px; margin: -8px 0 0 8px; border-width: 8px 0 0 8px; border-color: transparent transparent transparent #000 } .protip-skin-square--scheme-leaf.protip-container { color: #fff; background: #339959; font-family: sans-serif; transition: opacity 0.2s ease-out } .protip-skin-square--scheme-leaf[data-pt-position="top-left"] .protip-arrow, .protip-skin-square--scheme-leaf[data-pt-position="top"] .protip-arrow, .protip-skin-square--scheme-leaf[data-pt-position="top-right"] .protip-arrow { top: 100%; left: auto; margin: 0 0 0 -8px; border-width: 8px 8px 0 8px; border-color: #339959 transparent transparent transparent } .protip-skin-square--scheme-leaf[data-pt-position="top-left"] .protip-arrow { left: 20px } .protip-skin-square--scheme-leaf[data-pt-position="top"] .protip-arrow { left: 50% } .protip-skin-square--scheme-leaf[data-pt-position="top-right"] .protip-arrow { left: auto; right: 20px; margin-right: -8px } .protip-skin-square--scheme-leaf[data-pt-position="bottom-left"] .protip-arrow, .protip-skin-square--scheme-leaf[data-pt-position="bottom"] .protip-arrow, .protip-skin-square--scheme-leaf[data-pt-position="bottom-right"] .protip-arrow { top: -8px; left: auto; margin: 0 0 0 -8px; border-width: 0 8px 8px 8px; border-color: transparent transparent #339959 transparent } .protip-skin-square--scheme-leaf[data-pt-position="bottom-left"] .protip-arrow { left: 20px } .protip-skin-square--scheme-leaf[data-pt-position="bottom"] .protip-arrow { left: 50% } .protip-skin-square--scheme-leaf[data-pt-position="bottom-right"] .protip-arrow { left: auto; right: 20px; margin-right: -8px } .protip-skin-square--scheme-leaf[data-pt-position="left-top"] .protip-arrow, .protip-skin-square--scheme-leaf[data-pt-position="left"] .protip-arrow, .protip-skin-square--scheme-leaf[data-pt-position="left-bottom"] .protip-arrow { top: auto; left: 100%; margin: -8px 0 0 0; border-width: 8px 0 8px 8px; border-color: transparent transparent transparent #339959 } .protip-skin-square--scheme-leaf[data-pt-position="left-top"] .protip-arrow { top: 20px } .protip-skin-square--scheme-leaf[data-pt-position="left"] .protip-arrow { top: 50% } .protip-skin-square--scheme-leaf[data-pt-position="left-bottom"] .protip-arrow { top: auto; bottom: 20px; margin-bottom: -8px } .protip-skin-square--scheme-leaf[data-pt-position="right-top"] .protip-arrow, .protip-skin-square--scheme-leaf[data-pt-position="right"] .protip-arrow, .protip-skin-square--scheme-leaf[data-pt-position="right-bottom"] .protip-arrow { top: auto; right: 100%; margin: -8px 0 0 0; border-width: 8px 8px 8px 0; border-color: transparent #339959 transparent transparent } .protip-skin-square--scheme-leaf[data-pt-position="right-top"] .protip-arrow { top: 20px } .protip-skin-square--scheme-leaf[data-pt-position="right"] .protip-arrow { top: 50% } .protip-skin-square--scheme-leaf[data-pt-position="right-bottom"] .protip-arrow { top: auto; bottom: 20px; margin-bottom: -8px } .protip-skin-square--scheme-leaf[data-pt-position="top-left-corner"] { border-bottom-right-radius: 0 } .protip-skin-square--scheme-leaf[data-pt-position="top-left-corner"] .protip-arrow { top: 100%; left: 100%; margin: 0 0 0 -8px; border-width: 0 8px 8px 0; border-color: transparent #339959 transparent transparent } .protip-skin-square--scheme-leaf[data-pt-position="top-right-corner"] { border-bottom-left-radius: 0 } .protip-skin-square--scheme-leaf[data-pt-position="top-right-corner"] .protip-arrow { top: 100%; left: -8px; margin: 0 0 0 8px; border-width: 8px 8px 0 0; border-color: #339959 transparent transparent transparent } .protip-skin-square--scheme-leaf[data-pt-position="bottom-left-corner"] { border-top-right-radius: 0 } .protip-skin-square--scheme-leaf[data-pt-position="bottom-left-corner"] .protip-arrow { top: -8px; left: 100%; margin: 0 0 0 -8px; border-width: 0 0 8px 8px; border-color: transparent transparent #339959 transparent } .protip-skin-square--scheme-leaf[data-pt-position="bottom-right-corner"] { border-top-left-radius: 0 } .protip-skin-square--scheme-leaf[data-pt-position="bottom-right-corner"] .protip-arrow { top: 0; left: -8px; margin: -8px 0 0 8px; border-width: 8px 0 0 8px; border-color: transparent transparent transparent #339959 } .protip-skin-square--scheme-purple.protip-container { color: #fff; background: #613399; font-family: sans-serif; transition: opacity 0.2s ease-out } .protip-skin-square--scheme-purple[data-pt-position="top-left"] .protip-arrow, .protip-skin-square--scheme-purple[data-pt-position="top"] .protip-arrow, .protip-skin-square--scheme-purple[data-pt-position="top-right"] .protip-arrow { top: 100%; left: auto; margin: 0 0 0 -8px; border-width: 8px 8px 0 8px; border-color: #613399 transparent transparent transparent } .protip-skin-square--scheme-purple[data-pt-position="top-left"] .protip-arrow { left: 20px } .protip-skin-square--scheme-purple[data-pt-position="top"] .protip-arrow { left: 50% } .protip-skin-square--scheme-purple[data-pt-position="top-right"] .protip-arrow { left: auto; right: 20px; margin-right: -8px } .protip-skin-square--scheme-purple[data-pt-position="bottom-left"] .protip-arrow, .protip-skin-square--scheme-purple[data-pt-position="bottom"] .protip-arrow, .protip-skin-square--scheme-purple[data-pt-position="bottom-right"] .protip-arrow { top: -8px; left: auto; margin: 0 0 0 -8px; border-width: 0 8px 8px 8px; border-color: transparent transparent #613399 transparent } .protip-skin-square--scheme-purple[data-pt-position="bottom-left"] .protip-arrow { left: 20px } .protip-skin-square--scheme-purple[data-pt-position="bottom"] .protip-arrow { left: 50% } .protip-skin-square--scheme-purple[data-pt-position="bottom-right"] .protip-arrow { left: auto; right: 20px; margin-right: -8px } .protip-skin-square--scheme-purple[data-pt-position="left-top"] .protip-arrow, .protip-skin-square--scheme-purple[data-pt-position="left"] .protip-arrow, .protip-skin-square--scheme-purple[data-pt-position="left-bottom"] .protip-arrow { top: auto; left: 100%; margin: -8px 0 0 0; border-width: 8px 0 8px 8px; border-color: transparent transparent transparent #613399 } .protip-skin-square--scheme-purple[data-pt-position="left-top"] .protip-arrow { top: 20px } .protip-skin-square--scheme-purple[data-pt-position="left"] .protip-arrow { top: 50% } .protip-skin-square--scheme-purple[data-pt-position="left-bottom"] .protip-arrow { top: auto; bottom: 20px; margin-bottom: -8px } .protip-skin-square--scheme-purple[data-pt-position="right-top"] .protip-arrow, .protip-skin-square--scheme-purple[data-pt-position="right"] .protip-arrow, .protip-skin-square--scheme-purple[data-pt-position="right-bottom"] .protip-arrow { top: auto; right: 100%; margin: -8px 0 0 0; border-width: 8px 8px 8px 0; border-color: transparent #613399 transparent transparent } .protip-skin-square--scheme-purple[data-pt-position="right-top"] .protip-arrow { top: 20px } .protip-skin-square--scheme-purple[data-pt-position="right"] .protip-arrow { top: 50% } .protip-skin-square--scheme-purple[data-pt-position="right-bottom"] .protip-arrow { top: auto; bottom: 20px; margin-bottom: -8px } .protip-skin-square--scheme-purple[data-pt-position="top-left-corner"] { border-bottom-right-radius: 0 } .protip-skin-square--scheme-purple[data-pt-position="top-left-corner"] .protip-arrow { top: 100%; left: 100%; margin: 0 0 0 -8px; border-width: 0 8px 8px 0; border-color: transparent #613399 transparent transparent } .protip-skin-square--scheme-purple[data-pt-position="top-right-corner"] { border-bottom-left-radius: 0 } .protip-skin-square--scheme-purple[data-pt-position="top-right-corner"] .protip-arrow { top: 100%; left: -8px; margin: 0 0 0 8px; border-width: 8px 8px 0 0; border-color: #613399 transparent transparent transparent } .protip-skin-square--scheme-purple[data-pt-position="bottom-left-corner"] { border-top-right-radius: 0 } .protip-skin-square--scheme-purple[data-pt-position="bottom-left-corner"] .protip-arrow { top: -8px; left: 100%; margin: 0 0 0 -8px; border-width: 0 0 8px 8px; border-color: transparent transparent #613399 transparent } .protip-skin-square--scheme-purple[data-pt-position="bottom-right-corner"] { border-top-left-radius: 0 } .protip-skin-square--scheme-purple[data-pt-position="bottom-right-corner"] .protip-arrow { top: 0; left: -8px; margin: -8px 0 0 8px; border-width: 8px 0 0 8px; border-color: transparent transparent transparent #613399 } .protip-skin-square--scheme-pink.protip-container { color: #fff; background: #D457AA; font-family: sans-serif; transition: opacity 0.2s ease-out } .protip-skin-square--scheme-pink[data-pt-position="top-left"] .protip-arrow, .protip-skin-square--scheme-pink[data-pt-position="top"] .protip-arrow, .protip-skin-square--scheme-pink[data-pt-position="top-right"] .protip-arrow { top: 100%; left: auto; margin: 0 0 0 -8px; border-width: 8px 8px 0 8px; border-color: #D457AA transparent transparent transparent } .protip-skin-square--scheme-pink[data-pt-position="top-left"] .protip-arrow { left: 20px } .protip-skin-square--scheme-pink[data-pt-position="top"] .protip-arrow { left: 50% } .protip-skin-square--scheme-pink[data-pt-position="top-right"] .protip-arrow { left: auto; right: 20px; margin-right: -8px } .protip-skin-square--scheme-pink[data-pt-position="bottom-left"] .protip-arrow, .protip-skin-square--scheme-pink[data-pt-position="bottom"] .protip-arrow, .protip-skin-square--scheme-pink[data-pt-position="bottom-right"] .protip-arrow { top: -8px; left: auto; margin: 0 0 0 -8px; border-width: 0 8px 8px 8px; border-color: transparent transparent #D457AA transparent } .protip-skin-square--scheme-pink[data-pt-position="bottom-left"] .protip-arrow { left: 20px } .protip-skin-square--scheme-pink[data-pt-position="bottom"] .protip-arrow { left: 50% } .protip-skin-square--scheme-pink[data-pt-position="bottom-right"] .protip-arrow { left: auto; right: 20px; margin-right: -8px } .protip-skin-square--scheme-pink[data-pt-position="left-top"] .protip-arrow, .protip-skin-square--scheme-pink[data-pt-position="left"] .protip-arrow, .protip-skin-square--scheme-pink[data-pt-position="left-bottom"] .protip-arrow { top: auto; left: 100%; margin: -8px 0 0 0; border-width: 8px 0 8px 8px; border-color: transparent transparent transparent #D457AA } .protip-skin-square--scheme-pink[data-pt-position="left-top"] .protip-arrow { top: 20px } .protip-skin-square--scheme-pink[data-pt-position="left"] .protip-arrow { top: 50% } .protip-skin-square--scheme-pink[data-pt-position="left-bottom"] .protip-arrow { top: auto; bottom: 20px; margin-bottom: -8px } .protip-skin-square--scheme-pink[data-pt-position="right-top"] .protip-arrow, .protip-skin-square--scheme-pink[data-pt-position="right"] .protip-arrow, .protip-skin-square--scheme-pink[data-pt-position="right-bottom"] .protip-arrow { top: auto; right: 100%; margin: -8px 0 0 0; border-width: 8px 8px 8px 0; border-color: transparent #D457AA transparent transparent } .protip-skin-square--scheme-pink[data-pt-position="right-top"] .protip-arrow { top: 20px } .protip-skin-square--scheme-pink[data-pt-position="right"] .protip-arrow { top: 50% } .protip-skin-square--scheme-pink[data-pt-position="right-bottom"] .protip-arrow { top: auto; bottom: 20px; margin-bottom: -8px } .protip-skin-square--scheme-pink[data-pt-position="top-left-corner"] { border-bottom-right-radius: 0 } .protip-skin-square--scheme-pink[data-pt-position="top-left-corner"] .protip-arrow { top: 100%; left: 100%; margin: 0 0 0 -8px; border-width: 0 8px 8px 0; border-color: transparent #D457AA transparent transparent } .protip-skin-square--scheme-pink[data-pt-position="top-right-corner"] { border-bottom-left-radius: 0 } .protip-skin-square--scheme-pink[data-pt-position="top-right-corner"] .protip-arrow { top: 100%; left: -8px; margin: 0 0 0 8px; border-width: 8px 8px 0 0; border-color: #D457AA transparent transparent transparent } .protip-skin-square--scheme-pink[data-pt-position="bottom-left-corner"] { border-top-right-radius: 0 } .protip-skin-square--scheme-pink[data-pt-position="bottom-left-corner"] .protip-arrow { top: -8px; left: 100%; margin: 0 0 0 -8px; border-width: 0 0 8px 8px; border-color: transparent transparent #D457AA transparent } .protip-skin-square--scheme-pink[data-pt-position="bottom-right-corner"] { border-top-left-radius: 0 } .protip-skin-square--scheme-pink[data-pt-position="bottom-right-corner"] .protip-arrow { top: 0; left: -8px; margin: -8px 0 0 8px; border-width: 8px 0 0 8px; border-color: transparent transparent transparent #D457AA } .protip-skin-square--scheme-orange.protip-container { color: #fff; background: #E64426; font-family: sans-serif; transition: opacity 0.2s ease-out } .protip-skin-square--scheme-orange[data-pt-position="top-left"] .protip-arrow, .protip-skin-square--scheme-orange[data-pt-position="top"] .protip-arrow, .protip-skin-square--scheme-orange[data-pt-position="top-right"] .protip-arrow { top: 100%; left: auto; margin: 0 0 0 -8px; border-width: 8px 8px 0 8px; border-color: #E64426 transparent transparent transparent } .protip-skin-square--scheme-orange[data-pt-position="top-left"] .protip-arrow { left: 20px } .protip-skin-square--scheme-orange[data-pt-position="top"] .protip-arrow { left: 50% } .protip-skin-square--scheme-orange[data-pt-position="top-right"] .protip-arrow { left: auto; right: 20px; margin-right: -8px } .protip-skin-square--scheme-orange[data-pt-position="bottom-left"] .protip-arrow, .protip-skin-square--scheme-orange[data-pt-position="bottom"] .protip-arrow, .protip-skin-square--scheme-orange[data-pt-position="bottom-right"] .protip-arrow { top: -8px; left: auto; margin: 0 0 0 -8px; border-width: 0 8px 8px 8px; border-color: transparent transparent #E64426 transparent } .protip-skin-square--scheme-orange[data-pt-position="bottom-left"] .protip-arrow { left: 20px } .protip-skin-square--scheme-orange[data-pt-position="bottom"] .protip-arrow { left: 50% } .protip-skin-square--scheme-orange[data-pt-position="bottom-right"] .protip-arrow { left: auto; right: 20px; margin-right: -8px } .protip-skin-square--scheme-orange[data-pt-position="left-top"] .protip-arrow, .protip-skin-square--scheme-orange[data-pt-position="left"] .protip-arrow, .protip-skin-square--scheme-orange[data-pt-position="left-bottom"] .protip-arrow { top: auto; left: 100%; margin: -8px 0 0 0; border-width: 8px 0 8px 8px; border-color: transparent transparent transparent #E64426 } .protip-skin-square--scheme-orange[data-pt-position="left-top"] .protip-arrow { top: 20px } .protip-skin-square--scheme-orange[data-pt-position="left"] .protip-arrow { top: 50% } .protip-skin-square--scheme-orange[data-pt-position="left-bottom"] .protip-arrow { top: auto; bottom: 20px; margin-bottom: -8px } .protip-skin-square--scheme-orange[data-pt-position="right-top"] .protip-arrow, .protip-skin-square--scheme-orange[data-pt-position="right"] .protip-arrow, .protip-skin-square--scheme-orange[data-pt-position="right-bottom"] .protip-arrow { top: auto; right: 100%; margin: -8px 0 0 0; border-width: 8px 8px 8px 0; border-color: transparent #E64426 transparent transparent } .protip-skin-square--scheme-orange[data-pt-position="right-top"] .protip-arrow { top: 20px } .protip-skin-square--scheme-orange[data-pt-position="right"] .protip-arrow { top: 50% } .protip-skin-square--scheme-orange[data-pt-position="right-bottom"] .protip-arrow { top: auto; bottom: 20px; margin-bottom: -8px } .protip-skin-square--scheme-orange[data-pt-position="top-left-corner"] { border-bottom-right-radius: 0 } .protip-skin-square--scheme-orange[data-pt-position="top-left-corner"] .protip-arrow { top: 100%; left: 100%; margin: 0 0 0 -8px; border-width: 0 8px 8px 0; border-color: transparent #E64426 transparent transparent } .protip-skin-square--scheme-orange[data-pt-position="top-right-corner"] { border-bottom-left-radius: 0 } .protip-skin-square--scheme-orange[data-pt-position="top-right-corner"] .protip-arrow { top: 100%; left: -8px; margin: 0 0 0 8px; border-width: 8px 8px 0 0; border-color: #E64426 transparent transparent transparent } .protip-skin-square--scheme-orange[data-pt-position="bottom-left-corner"] { border-top-right-radius: 0 } .protip-skin-square--scheme-orange[data-pt-position="bottom-left-corner"] .protip-arrow { top: -8px; left: 100%; margin: 0 0 0 -8px; border-width: 0 0 8px 8px; border-color: transparent transparent #E64426 transparent } .protip-skin-square--scheme-orange[data-pt-position="bottom-right-corner"] { border-top-left-radius: 0 } .protip-skin-square--scheme-orange[data-pt-position="bottom-right-corner"] .protip-arrow { top: 0; left: -8px; margin: -8px 0 0 8px; border-width: 8px 0 0 8px; border-color: transparent transparent transparent #E64426 } .protip-skin-square--size-tiny { padding: 8px; font-size: 10px } .protip-skin-square--size-tiny[data-pt-position="top-left"] .protip-arrow, .protip-skin-square--size-tiny[data-pt-position="top"] .protip-arrow, .protip-skin-square--size-tiny[data-pt-position="top-right"] .protip-arrow { top: 100%; left: auto; margin: 0 0 0 -4px; border-width: 4px 4px 0 4px; border-color: invalid transparent transparent transparent } .protip-skin-square--size-tiny[data-pt-position="top-left"] .protip-arrow { left: 20px } .protip-skin-square--size-tiny[data-pt-position="top"] .protip-arrow { left: 50% } .protip-skin-square--size-tiny[data-pt-position="top-right"] .protip-arrow { left: auto; right: 20px; margin-right: -4px } .protip-skin-square--size-tiny[data-pt-position="bottom-left"] .protip-arrow, .protip-skin-square--size-tiny[data-pt-position="bottom"] .protip-arrow, .protip-skin-square--size-tiny[data-pt-position="bottom-right"] .protip-arrow { top: -4px; left: auto; margin: 0 0 0 -4px; border-width: 0 4px 4px 4px; border-color: transparent transparent invalid transparent } .protip-skin-square--size-tiny[data-pt-position="bottom-left"] .protip-arrow { left: 20px } .protip-skin-square--size-tiny[data-pt-position="bottom"] .protip-arrow { left: 50% } .protip-skin-square--size-tiny[data-pt-position="bottom-right"] .protip-arrow { left: auto; right: 20px; margin-right: -4px } .protip-skin-square--size-tiny[data-pt-position="left-top"] .protip-arrow, .protip-skin-square--size-tiny[data-pt-position="left"] .protip-arrow, .protip-skin-square--size-tiny[data-pt-position="left-bottom"] .protip-arrow { top: auto; left: 100%; margin: -4px 0 0 0; border-width: 4px 0 4px 4px; border-color: transparent transparent transparent invalid } .protip-skin-square--size-tiny[data-pt-position="left-top"] .protip-arrow { top: 20px } .protip-skin-square--size-tiny[data-pt-position="left"] .protip-arrow { top: 50% } .protip-skin-square--size-tiny[data-pt-position="left-bottom"] .protip-arrow { top: auto; bottom: 20px; margin-bottom: -4px } .protip-skin-square--size-tiny[data-pt-position="right-top"] .protip-arrow, .protip-skin-square--size-tiny[data-pt-position="right"] .protip-arrow, .protip-skin-square--size-tiny[data-pt-position="right-bottom"] .protip-arrow { top: auto; right: 100%; margin: -4px 0 0 0; border-width: 4px 4px 4px 0; border-color: transparent invalid transparent transparent } .protip-skin-square--size-tiny[data-pt-position="right-top"] .protip-arrow { top: 20px } .protip-skin-square--size-tiny[data-pt-position="right"] .protip-arrow { top: 50% } .protip-skin-square--size-tiny[data-pt-position="right-bottom"] .protip-arrow { top: auto; bottom: 20px; margin-bottom: -4px } .protip-skin-square--size-tiny[data-pt-position="top-left-corner"] { border-bottom-right-radius: 0 } .protip-skin-square--size-tiny[data-pt-position="top-left-corner"] .protip-arrow { top: 100%; left: 100%; margin: 0 0 0 -4px; border-width: 0 4px 4px 0; border-color: transparent invalid transparent transparent } .protip-skin-square--size-tiny[data-pt-position="top-right-corner"] { border-bottom-left-radius: 0 } .protip-skin-square--size-tiny[data-pt-position="top-right-corner"] .protip-arrow { top: 100%; left: -4px; margin: 0 0 0 4px; border-width: 4px 4px 0 0; border-color: invalid transparent transparent transparent } .protip-skin-square--size-tiny[data-pt-position="bottom-left-corner"] { border-top-right-radius: 0 } .protip-skin-square--size-tiny[data-pt-position="bottom-left-corner"] .protip-arrow { top: -4px; left: 100%; margin: 0 0 0 -4px; border-width: 0 0 4px 4px; border-color: transparent transparent invalid transparent } .protip-skin-square--size-tiny[data-pt-position="bottom-right-corner"] { border-top-left-radius: 0 } .protip-skin-square--size-tiny[data-pt-position="bottom-right-corner"] .protip-arrow { top: 0; left: -4px; margin: -4px 0 0 4px; border-width: 4px 0 0 4px; border-color: transparent transparent transparent invalid } .protip-skin-square--size-small { padding: 13px; font-size: 12px } .protip-skin-square--size-small[data-pt-position="top-left"] .protip-arrow, .protip-skin-square--size-small[data-pt-position="top"] .protip-arrow, .protip-skin-square--size-small[data-pt-position="top-right"] .protip-arrow { top: 100%; left: auto; margin: 0 0 0 -6px; border-width: 6px 6px 0 6px; border-color: invalid transparent transparent transparent } .protip-skin-square--size-small[data-pt-position="top-left"] .protip-arrow { left: 20px } .protip-skin-square--size-small[data-pt-position="top"] .protip-arrow { left: 50% } .protip-skin-square--size-small[data-pt-position="top-right"] .protip-arrow { left: auto; right: 20px; margin-right: -6px } .protip-skin-square--size-small[data-pt-position="bottom-left"] .protip-arrow, .protip-skin-square--size-small[data-pt-position="bottom"] .protip-arrow, .protip-skin-square--size-small[data-pt-position="bottom-right"] .protip-arrow { top: -6px; left: auto; margin: 0 0 0 -6px; border-width: 0 6px 6px 6px; border-color: transparent transparent invalid transparent } .protip-skin-square--size-small[data-pt-position="bottom-left"] .protip-arrow { left: 20px } .protip-skin-square--size-small[data-pt-position="bottom"] .protip-arrow { left: 50% } .protip-skin-square--size-small[data-pt-position="bottom-right"] .protip-arrow { left: auto; right: 20px; margin-right: -6px } .protip-skin-square--size-small[data-pt-position="left-top"] .protip-arrow, .protip-skin-square--size-small[data-pt-position="left"] .protip-arrow, .protip-skin-square--size-small[data-pt-position="left-bottom"] .protip-arrow { top: auto; left: 100%; margin: -6px 0 0 0; border-width: 6px 0 6px 6px; border-color: transparent transparent transparent invalid } .protip-skin-square--size-small[data-pt-position="left-top"] .protip-arrow { top: 20px } .protip-skin-square--size-small[data-pt-position="left"] .protip-arrow { top: 50% } .protip-skin-square--size-small[data-pt-position="left-bottom"] .protip-arrow { top: auto; bottom: 20px; margin-bottom: -6px } .protip-skin-square--size-small[data-pt-position="right-top"] .protip-arrow, .protip-skin-square--size-small[data-pt-position="right"] .protip-arrow, .protip-skin-square--size-small[data-pt-position="right-bottom"] .protip-arrow { top: auto; right: 100%; margin: -6px 0 0 0; border-width: 6px 6px 6px 0; border-color: transparent invalid transparent transparent } .protip-skin-square--size-small[data-pt-position="right-top"] .protip-arrow { top: 20px } .protip-skin-square--size-small[data-pt-position="right"] .protip-arrow { top: 50% } .protip-skin-square--size-small[data-pt-position="right-bottom"] .protip-arrow { top: auto; bottom: 20px; margin-bottom: -6px } .protip-skin-square--size-small[data-pt-position="top-left-corner"] { border-bottom-right-radius: 0 } .protip-skin-square--size-small[data-pt-position="top-left-corner"] .protip-arrow { top: 100%; left: 100%; margin: 0 0 0 -6px; border-width: 0 6px 6px 0; border-color: transparent invalid transparent transparent } .protip-skin-square--size-small[data-pt-position="top-right-corner"] { border-bottom-left-radius: 0 } .protip-skin-square--size-small[data-pt-position="top-right-corner"] .protip-arrow { top: 100%; left: -6px; margin: 0 0 0 6px; border-width: 6px 6px 0 0; border-color: invalid transparent transparent transparent } .protip-skin-square--size-small[data-pt-position="bottom-left-corner"] { border-top-right-radius: 0 } .protip-skin-square--size-small[data-pt-position="bottom-left-corner"] .protip-arrow { top: -6px; left: 100%; margin: 0 0 0 -6px; border-width: 0 0 6px 6px; border-color: transparent transparent invalid transparent } .protip-skin-square--size-small[data-pt-position="bottom-right-corner"] { border-top-left-radius: 0 } .protip-skin-square--size-small[data-pt-position="bottom-right-corner"] .protip-arrow { top: 0; left: -6px; margin: -6px 0 0 6px; border-width: 6px 0 0 6px; border-color: transparent transparent transparent invalid } .protip-skin-square--size-normal { padding: 16px; font-size: 15px } .protip-skin-square--size-normal[data-pt-position="top-left"] .protip-arrow, .protip-skin-square--size-normal[data-pt-position="top"] .protip-arrow, .protip-skin-square--size-normal[data-pt-position="top-right"] .protip-arrow { top: 100%; left: auto; margin: 0 0 0 -8px; border-width: 8px 8px 0 8px; border-color: invalid transparent transparent transparent } .protip-skin-square--size-normal[data-pt-position="top-left"] .protip-arrow { left: 20px } .protip-skin-square--size-normal[data-pt-position="top"] .protip-arrow { left: 50% } .protip-skin-square--size-normal[data-pt-position="top-right"] .protip-arrow { left: auto; right: 20px; margin-right: -8px } .protip-skin-square--size-normal[data-pt-position="bottom-left"] .protip-arrow, .protip-skin-square--size-normal[data-pt-position="bottom"] .protip-arrow, .protip-skin-square--size-normal[data-pt-position="bottom-right"] .protip-arrow { top: -8px; left: auto; margin: 0 0 0 -8px; border-width: 0 8px 8px 8px; border-color: transparent transparent invalid transparent } .protip-skin-square--size-normal[data-pt-position="bottom-left"] .protip-arrow { left: 20px } .protip-skin-square--size-normal[data-pt-position="bottom"] .protip-arrow { left: 50% } .protip-skin-square--size-normal[data-pt-position="bottom-right"] .protip-arrow { left: auto; right: 20px; margin-right: -8px } .protip-skin-square--size-normal[data-pt-position="left-top"] .protip-arrow, .protip-skin-square--size-normal[data-pt-position="left"] .protip-arrow, .protip-skin-square--size-normal[data-pt-position="left-bottom"] .protip-arrow { top: auto; left: 100%; margin: -8px 0 0 0; border-width: 8px 0 8px 8px; border-color: transparent transparent transparent invalid } .protip-skin-square--size-normal[data-pt-position="left-top"] .protip-arrow { top: 20px } .protip-skin-square--size-normal[data-pt-position="left"] .protip-arrow { top: 50% } .protip-skin-square--size-normal[data-pt-position="left-bottom"] .protip-arrow { top: auto; bottom: 20px; margin-bottom: -8px } .protip-skin-square--size-normal[data-pt-position="right-top"] .protip-arrow, .protip-skin-square--size-normal[data-pt-position="right"] .protip-arrow, .protip-skin-square--size-normal[data-pt-position="right-bottom"] .protip-arrow { top: auto; right: 100%; margin: -8px 0 0 0; border-width: 8px 8px 8px 0; border-color: transparent invalid transparent transparent } .protip-skin-square--size-normal[data-pt-position="right-top"] .protip-arrow { top: 20px } .protip-skin-square--size-normal[data-pt-position="right"] .protip-arrow { top: 50% } .protip-skin-square--size-normal[data-pt-position="right-bottom"] .protip-arrow { top: auto; bottom: 20px; margin-bottom: -8px } .protip-skin-square--size-normal[data-pt-position="top-left-corner"] { border-bottom-right-radius: 0 } .protip-skin-square--size-normal[data-pt-position="top-left-corner"] .protip-arrow { top: 100%; left: 100%; margin: 0 0 0 -8px; border-width: 0 8px 8px 0; border-color: transparent invalid transparent transparent } .protip-skin-square--size-normal[data-pt-position="top-right-corner"] { border-bottom-left-radius: 0 } .protip-skin-square--size-normal[data-pt-position="top-right-corner"] .protip-arrow { top: 100%; left: -8px; margin: 0 0 0 8px; border-width: 8px 8px 0 0; border-color: invalid transparent transparent transparent } .protip-skin-square--size-normal[data-pt-position="bottom-left-corner"] { border-top-right-radius: 0 } .protip-skin-square--size-normal[data-pt-position="bottom-left-corner"] .protip-arrow { top: -8px; left: 100%; margin: 0 0 0 -8px; border-width: 0 0 8px 8px; border-color: transparent transparent invalid transparent } .protip-skin-square--size-normal[data-pt-position="bottom-right-corner"] { border-top-left-radius: 0 } .protip-skin-square--size-normal[data-pt-position="bottom-right-corner"] .protip-arrow { top: 0; left: -8px; margin: -8px 0 0 8px; border-width: 8px 0 0 8px; border-color: transparent transparent transparent invalid } .protip-skin-square--size-big { padding: 20px; font-size: 18px } .protip-skin-square--size-big[data-pt-position="top-left"] .protip-arrow, .protip-skin-square--size-big[data-pt-position="top"] .protip-arrow, .protip-skin-square--size-big[data-pt-position="top-right"] .protip-arrow { top: 100%; left: auto; margin: 0 0 0 -10px; border-width: 10px 10px 0 10px; border-color: invalid transparent transparent transparent } .protip-skin-square--size-big[data-pt-position="top-left"] .protip-arrow { left: 20px } .protip-skin-square--size-big[data-pt-position="top"] .protip-arrow { left: 50% } .protip-skin-square--size-big[data-pt-position="top-right"] .protip-arrow { left: auto; right: 20px; margin-right: -10px } .protip-skin-square--size-big[data-pt-position="bottom-left"] .protip-arrow, .protip-skin-square--size-big[data-pt-position="bottom"] .protip-arrow, .protip-skin-square--size-big[data-pt-position="bottom-right"] .protip-arrow { top: -10px; left: auto; margin: 0 0 0 -10px; border-width: 0 10px 10px 10px; border-color: transparent transparent invalid transparent } .protip-skin-square--size-big[data-pt-position="bottom-left"] .protip-arrow { left: 20px } .protip-skin-square--size-big[data-pt-position="bottom"] .protip-arrow { left: 50% } .protip-skin-square--size-big[data-pt-position="bottom-right"] .protip-arrow { left: auto; right: 20px; margin-right: -10px } .protip-skin-square--size-big[data-pt-position="left-top"] .protip-arrow, .protip-skin-square--size-big[data-pt-position="left"] .protip-arrow, .protip-skin-square--size-big[data-pt-position="left-bottom"] .protip-arrow { top: auto; left: 100%; margin: -10px 0 0 0; border-width: 10px 0 10px 10px; border-color: transparent transparent transparent invalid } .protip-skin-square--size-big[data-pt-position="left-top"] .protip-arrow { top: 20px } .protip-skin-square--size-big[data-pt-position="left"] .protip-arrow { top: 50% } .protip-skin-square--size-big[data-pt-position="left-bottom"] .protip-arrow { top: auto; bottom: 20px; margin-bottom: -10px } .protip-skin-square--size-big[data-pt-position="right-top"] .protip-arrow, .protip-skin-square--size-big[data-pt-position="right"] .protip-arrow, .protip-skin-square--size-big[data-pt-position="right-bottom"] .protip-arrow { top: auto; right: 100%; margin: -10px 0 0 0; border-width: 10px 10px 10px 0; border-color: transparent invalid transparent transparent } .protip-skin-square--size-big[data-pt-position="right-top"] .protip-arrow { top: 20px } .protip-skin-square--size-big[data-pt-position="right"] .protip-arrow { top: 50% } .protip-skin-square--size-big[data-pt-position="right-bottom"] .protip-arrow { top: auto; bottom: 20px; margin-bottom: -10px } .protip-skin-square--size-big[data-pt-position="top-left-corner"] { border-bottom-right-radius: 0 } .protip-skin-square--size-big[data-pt-position="top-left-corner"] .protip-arrow { top: 100%; left: 100%; margin: 0 0 0 -10px; border-width: 0 10px 10px 0; border-color: transparent invalid transparent transparent } .protip-skin-square--size-big[data-pt-position="top-right-corner"] { border-bottom-left-radius: 0 } .protip-skin-square--size-big[data-pt-position="top-right-corner"] .protip-arrow { top: 100%; left: -10px; margin: 0 0 0 10px; border-width: 10px 10px 0 0; border-color: invalid transparent transparent transparent } .protip-skin-square--size-big[data-pt-position="bottom-left-corner"] { border-top-right-radius: 0 } .protip-skin-square--size-big[data-pt-position="bottom-left-corner"] .protip-arrow { top: -10px; left: 100%; margin: 0 0 0 -10px; border-width: 0 0 10px 10px; border-color: transparent transparent invalid transparent } .protip-skin-square--size-big[data-pt-position="bottom-right-corner"] { border-top-left-radius: 0 } .protip-skin-square--size-big[data-pt-position="bottom-right-corner"] .protip-arrow { top: 0; left: -10px; margin: -10px 0 0 10px; border-width: 10px 0 0 10px; border-color: transparent transparent transparent invalid } .protip-skin-square--size-large { padding: 20px; font-size: 18px } .protip-skin-square--size-large[data-pt-position="top-left"] .protip-arrow, .protip-skin-square--size-large[data-pt-position="top"] .protip-arrow, .protip-skin-square--size-large[data-pt-position="top-right"] .protip-arrow { top: 100%; left: auto; margin: 0 0 0 -12px; border-width: 12px 12px 0 12px; border-color: invalid transparent transparent transparent } .protip-skin-square--size-large[data-pt-position="top-left"] .protip-arrow { left: 20px } .protip-skin-square--size-large[data-pt-position="top"] .protip-arrow { left: 50% } .protip-skin-square--size-large[data-pt-position="top-right"] .protip-arrow { left: auto; right: 20px; margin-right: -12px } .protip-skin-square--size-large[data-pt-position="bottom-left"] .protip-arrow, .protip-skin-square--size-large[data-pt-position="bottom"] .protip-arrow, .protip-skin-square--size-large[data-pt-position="bottom-right"] .protip-arrow { top: -12px; left: auto; margin: 0 0 0 -12px; border-width: 0 12px 12px 12px; border-color: transparent transparent invalid transparent } .protip-skin-square--size-large[data-pt-position="bottom-left"] .protip-arrow { left: 20px } .protip-skin-square--size-large[data-pt-position="bottom"] .protip-arrow { left: 50% } .protip-skin-square--size-large[data-pt-position="bottom-right"] .protip-arrow { left: auto; right: 20px; margin-right: -12px } .protip-skin-square--size-large[data-pt-position="left-top"] .protip-arrow, .protip-skin-square--size-large[data-pt-position="left"] .protip-arrow, .protip-skin-square--size-large[data-pt-position="left-bottom"] .protip-arrow { top: auto; left: 100%; margin: -12px 0 0 0; border-width: 12px 0 12px 12px; border-color: transparent transparent transparent invalid } .protip-skin-square--size-large[data-pt-position="left-top"] .protip-arrow { top: 20px } .protip-skin-square--size-large[data-pt-position="left"] .protip-arrow { top: 50% } .protip-skin-square--size-large[data-pt-position="left-bottom"] .protip-arrow { top: auto; bottom: 20px; margin-bottom: -12px } .protip-skin-square--size-large[data-pt-position="right-top"] .protip-arrow, .protip-skin-square--size-large[data-pt-position="right"] .protip-arrow, .protip-skin-square--size-large[data-pt-position="right-bottom"] .protip-arrow { top: auto; right: 100%; margin: -12px 0 0 0; border-width: 12px 12px 12px 0; border-color: transparent invalid transparent transparent } .protip-skin-square--size-large[data-pt-position="right-top"] .protip-arrow { top: 20px } .protip-skin-square--size-large[data-pt-position="right"] .protip-arrow { top: 50% } .protip-skin-square--size-large[data-pt-position="right-bottom"] .protip-arrow { top: auto; bottom: 20px; margin-bottom: -12px } .protip-skin-square--size-large[data-pt-position="top-left-corner"] { border-bottom-right-radius: 0 } .protip-skin-square--size-large[data-pt-position="top-left-corner"] .protip-arrow { top: 100%; left: 100%; margin: 0 0 0 -12px; border-width: 0 12px 12px 0; border-color: transparent invalid transparent transparent } .protip-skin-square--size-large[data-pt-position="top-right-corner"] { border-bottom-left-radius: 0 } .protip-skin-square--size-large[data-pt-position="top-right-corner"] .protip-arrow { top: 100%; left: -12px; margin: 0 0 0 12px; border-width: 12px 12px 0 0; border-color: invalid transparent transparent transparent } .protip-skin-square--size-large[data-pt-position="bottom-left-corner"] { border-top-right-radius: 0 } .protip-skin-square--size-large[data-pt-position="bottom-left-corner"] .protip-arrow { top: -12px; left: 100%; margin: 0 0 0 -12px; border-width: 0 0 12px 12px; border-color: transparent transparent invalid transparent } .protip-skin-square--size-large[data-pt-position="bottom-right-corner"] { border-top-left-radius: 0 } .protip-skin-square--size-large[data-pt-position="bottom-right-corner"] .protip-arrow { top: 0; left: -12px; margin: -12px 0 0 12px; border-width: 12px 0 0 12px; border-color: transparent transparent transparent invalid }