/**********************************************************************************************
Svg general
***********************************************************************************************/
.comic-1.valign-middle .tp_text_inner,
.comic-2.valign-middle .tp_text_inner,
.bloated.valign-middle .tp_text_inner{
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.qtip.comic-1.fit-to-content,
.qtip.comic-2.fit-to-content,
.qtip.bloated.fit-to-content {
    max-width: 10000px;
}

/**********************************************************************************************
Bloated style
***********************************************************************************************/
.bloated .qtip-content::after {
    content: '';
    position: absolute;
    width: 16px;
    height: 16px;
    left: 50%;
    margin-left: -8px;
    top: 100%;
    -webkit-transform: translate3d(0,-60%,0) rotate3d(0,0,1,45deg);
    transform: translate3d(0,-167%,0) rotate3d(0,0,1,45deg);
}

.bloated .tp_text{
    position: absolute;
    top: 17%;
    left: 10%;
    right: 10%;
    height: 65%;
    overflow-y: hidden;
}

.sharped .qtip-tip,
.comic-2 .qtip-tip,
.comic-1 .qtip-tip,
.bloated .qtip-tip {
    display: none !important;
}

.svg_path {
    stroke-width: 2px;
}

.qtip {
    pointer-events: none;
}

.qtip-close,
.qtip.text_image,
.qtip.html,
.qtip.video,
.qtip.qtip-modal,
.qtip.qtip-fixed {
    pointer-events: auto;
}

/**********************************************************************************************
HTML
***********************************************************************************************/

.qtip.html a {
    text-decoration: none !important;
}

/**********************************************************************************************
Comic style 1
***********************************************************************************************/

.comic-1 .qtip-content {
    background: none !important;
    background-color: transparent !important;
}

.comic-1 .qtip-content {
    position: relative;
    left: -46%;
    /*top: 10px;*/
}

.comic-1 .tp_text {
    position: absolute;
    top: 13%;
    left: 10%;
    right: 28%;
    height: 50%;
    overflow-y: hidden;
}

/**********************************************************************************************
Comic style 2
***********************************************************************************************/

/*.comic-2 .tp_text {
    position: relative;
    top: -180px;
    left: 50px;
}*/

.comic-2 .tp_text {
    position: absolute;
    top: 12%;
    left: 12%;
    right: 12%;
    height: 58%;
    overflow-y: hidden;
}

/**********************************************************************************************
Sharp style
***********************************************************************************************/

.sharped .tp_text {
    margin-bottom: 120px;
}

.sharped svg {
    width: 60px;
    height: 120px;
    position: absolute;
    left: 50%;
    bottom: 0;
}

.qtip-content {
    padding: 0;
}

.qtip-content embed, .qtip-content iframe, .qtip-content object, .qtip-content video {
    margin: 0;
}

.wpcmtt-tooltip-style-45.qtip.video {
    /*height: 600px;*/
}

.remove_arrow .qtip-tip {
    display: none !important;
}

.qtip.map .qtip-close.qtip-icon {
    display: none;
}

.cmb-type-radio.hide {
    display: none;
}

.wpcmtt-tooltip .qtip-content .text {
    display: block;
}

.qtip.map {
    width: 100000px;
}

img.qtip_image {
    max-width: 100%;
}

.qtip-shadow {
    -webkit-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.3);
}

/*fix text and image padding backend*/

.wpcmtt-tooltip .qtip-content .text {
    box-sizing: border-box;
}

/*text and image rules*/

.qtip_image_text {
    display: block;
}

.qtip_left {
    float: left;
}

.qtip_right {
    float: right;
}

.qtip_image_text.qtip_image_text_hor {
    display: flex;
}

/*close button*/
.qtip-icon .ui-icon {
    color: transparent;
}
.qtip-icon .ui-icon:before, .qtip-icon .ui-icon:after {
    position: absolute;
    left: 15px;
    content: ' ';
    height: 33px;
    width: 2px;
    background-color: #333;
}
.qtip-icon .ui-icon:before {
    transform: rotate(45deg);
}
.qtip-icon .ui-icon:after {
    transform: rotate(-45deg);
}