.well {
        /* drop-shadow is better than box-shadow as it add a shadow to tooltip arrows arrow as well,
        however drop-shadow dramatically affects the performance of transition animation on Android. */
	/* background-image: linear-gradient(45deg,#e64d61,#e64d61,#e64d61,#c0559a); */
	/* Colors #c05591 -> #e64d61 -> #808080 */
        box-shadow: 3px 3px 5px #808080;
        border: 2px solid #808080;
        display:none;
        max-width: 740px;
        padding: 10px;
	border-radius: 8px;
	Xbackground-color: rgba(27, 26, 40, 0.9);
	Xcolor: #ccc;
	background-color: var(--theme-bgcolor);
	color: var(--theme-input-color);
	opacity: 0.9 !important;
    }
    .well .popup_close {
        position: absolute;
        top: 0;
        right: 0px;
        border-radius: 2px;
        background: none;
        border: 0;
        font-size: 25px;
    }
    /**
     * Styles for the `tooltip` option
     */

    .well--tooltip, .well--tooltip-bot {
        min-width: 300px;
        max-width: 400px;
    }

    @media (min-width: 500px) {
        .well--tooltip {
            max-width: 500px;
        }
    }

    /* Tooltip Arrow */
    .well--tooltip::before,
    .well--tooltip::after {
        content: "";
        position: absolute;
        top: 100%;
        left: 45px;
        margin-left: -14px;
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid #808080;
    }
    .xwell--tooltip::after {
        border-top-color: #808080;
        margin-top:  1px;
    }

.well--tooltip-bot::before, .well--tooltip-botright::before {
	content: ""; position: absolute; top: 0%; left: 10%;
	margin-left: -14px; margin-top: -10px;
	width: 0; height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #808080;
}
.well--tooltip-botright::before {
	content: ""; position: absolute; top: 0%; left: 90%;
	margin-left: -14px; margin-top: -10px;
	width: 0; height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #808080;
}

.well select, .well input, .well textarea {
	background: transparent;
	border: 1px solid;
	color: #aaa;
}
.well hr {
        border: 1px solid #808080;
        box-shadow: 2px 2px 3px #808080;
}