.chatbot__container {
    z-index: 1099; /* higher than eAcademy navbar's z-index */
}

:root {
    --orange: #e98c1d;
    --navy: #003f5f;
}

div.chatbot__launcher {
    background: var(--navy) !important;
    border: none;
    transition: filter 200ms;
    box-shadow: 0 1px 5px 0 rgba(68, 68, 68, 0.50);
}
div.chatbot__launcher:hover {
    filter: brightness(85%);
}

div.chatbot__container {
    height: 620px;
    width: 400px;
}

div.chatbot__container__header {
    background: linear-gradient(0deg, var(--orange) 12%, var(--navy) 12%) !important;
    height: 70px;
}
div.chatbot__container__header::after {
    content: "";
    background: url("https://chatbot.psnc.pl/widget/assets/chatbubble.svg");
    width: 40px;
    height: 40px;
    position: absolute;
    top: 12px;
}
div.chatbot__container__header p {
    margin-left: 50px;
    font-size: 18px;
    margin-top: -4px;
}

div.chatbot__container iframe {
    height: calc(100% - 100px);
    border-radius: 0;
}


/* with JS*/
div.chatbot__launcher {
    bottom: 80px;
    right: 18px;
    display: none;
}

div.chatbot__container {
    right: 18px;
    bottom: 80px;
}

img.chatbot__container__close {
    display: block;
    width: 15px;
    margin-top: -10px;
    margin-right: 10px;
}

.chatbot_container_anim_in {
    animation: chatbot_container_anim_in 1.3s;
}
@keyframes chatbot_container_anim_in {
    0% {
        right: -650px;
    } 54% {
        right: -650px;
    } 100% {
        right: 18px;
    }
}

.chatbot_container_anim_out {
    animation: chatbot_container_anim_out 0.6s;
}
@keyframes chatbot_container_anim_out {
    0% {
        right: 18px;
    } 100% {
        right: -650px;
    }
}

.chatbot_launcher_anim_in {
    animation: chatbot_launcher_anim_in 0.7s;
}
@keyframes chatbot_launcher_anim_in {
    0% {
        right: -350px;
    } 15% {
        right: -350px;
    } 100% {
        right: 18px;
    }
}

.chatbot_launcher_anim_out {
    animation: chatbot_launcher_anim_out 0.6s
}
@keyframes chatbot_launcher_anim_out {
    0% {
        right: 18px;
    } 95% {
        right: -100px;
    } 100% {
        right: -350px;
    }
}

/* Terms & Conditions */
div.chatbot > div.chatbot__container > div.chatbot__container__footer {
	height: 25px;
	color: #fff;
	background: var(--navy) !important;
	background-size: cover;
	display: flex;
	justify-content: center;
	align-items: center;
	border-bottom-left-radius: inherit;
	border-bottom-right-radius: inherit;
	cursor: pointer;
	font-size: 11px;
}

div.chatbot > div.chatbot__container > div.chatbot__container__footer > .terms-conditions-text a:link, .terms-conditions-text a:visited  {
	color: #fff;
	text-decoration: none;
}

div.chatbot > div.chatbot__container > div.chatbot__container__footer > .terms-conditions-text a:hover, .terms-conditions-text a:active{
	text-decoration: underline;
}