/********************************************************
* Copyright (c) 2013 - 2020 TollPlus, Inc.

*

* All Rights Reserved.

*

* This source code is proprietary property of TollPlus, Inc., and is protected by exclusive licensing policy.

* The content of this file must not be modified, republished, copied or reproduced by anyone without explicit

* written permission by TollPlus, Inc.

*

* Any violations will be subject to penalties to the full extent of the law under the provisions of the license policy.

********************************************************/
/* This is the default styling for all Tooltipsters: */
.tooltip-message {/* background: #cbedff; /* <- for IE  background: rgba(203,237,255,0.9); color: #333;*/background: #ffdec2; /* <- for IE */ background: rgba(255,222,200,0.9); color: #333; font-family: Arial, sans-serif; font-size: 12px; line-height: 12px; position: absolute; /*padding: 10px;*/ border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; text-align: left; z-index: 9999999; pointer-events: none; width: auto; overflow: visible; }

/* When you want to create a second class for your Tooltipster messages, copy (or modify) this template and add your style to it. Don't forget to refer to it in your Tooltipster settings (tooltipClass: '.my-custom-theme') */
.my-custom-theme { position: absolute; text-align: center; z-index: 9999999; pointer-events: none; width: auto; /* Start styling here... */ }




/* Add a slight border radius to all images inside the Tooltipsters */
.tooltip-message img { border-radius: 2px; }

.tooltip-message h2 { color: #FFF; font-size: 12px; font-weight: bold; display: block; /*background-color: #353535;*/ background-color: #993333;  padding: 5px 5px 5px 10px; border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; -khtml-border-radius: 10px 10px 0 0; }

.tooltip-message ul { margin: 0; list-style-position:inside; padding-left:10px;  list-style-position:outside; }
.tooltip-message ul li { margin: 5px 2px 0px 10px; line-height:18px;}

/* These next classes handle the styles for the little arrow attached to the tooltip. If you need to change the color of the arrow to match a custom Tooltipster theme, set it in your Tooltipster settings (arrowColor: '#yourcolor') */
.tooltip-arrow { display: block; text-align: center; font-size: 12px; line-height: 12px; width: 100%; height: 5px; position: absolute; left: 0px; z-index: -1; }
.tooltip-arrow-top { bottom: -3px; margin: 0 auto; text-align: center; }
.tooltip-arrow-top-right { bottom: -3px; margin-left: -10px; text-align: right; }
.tooltip-arrow-top-left { bottom: -3px; margin-left: 10px; text-align: left; }
.tooltip-arrow-bottom { top: -10px; margin: 0 auto; text-align: center; }
.tooltip-arrow-bottom-right { top: -10px; margin-left: -10px; text-align: right; }
.tooltip-arrow-bottom-left { top: -10px; margin-left: 10px; text-align: left; }
.tooltip-arrow-left { top: 0px; right: -18px; margin: 0 auto; text-align: right; }
.tooltip-arrow-right { top: 0px; left: -8px; margin: 0 auto; text-align: left; }

/* Some styling to enable the slide animation */
.tooltip-slide { height: 0px; position: absolute; width: auto; z-index: 9999999; overflow: hidden; }