/* Minification failed. Returning unminified contents.
(280,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(281,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(282,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(283,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(284,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(285,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(286,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(287,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(288,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(289,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(290,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(291,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(292,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(293,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(294,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(295,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(296,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(297,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(298,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(303,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(304,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(305,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(306,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(307,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(308,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(309,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(310,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(340,28): run-time error CSS1039: Token not allowed after unary operator: '-solid-blue'
(435,34): run-time error CSS1039: Token not allowed after unary operator: '-solid-blue'
(437,33): run-time error CSS1039: Token not allowed after unary operator: '-solid-blue'
(460,22): run-time error CSS1039: Token not allowed after unary operator: '-scrollbar-color'
(466,26): run-time error CSS1039: Token not allowed after unary operator: '-scrollbar-hover'
(524,17): run-time error CSS1039: Token not allowed after unary operator: '-bot-msg-color'
(606,28): run-time error CSS1039: Token not allowed after unary operator: '-color-bg'
(607,33): run-time error CSS1039: Token not allowed after unary operator: '-dialog-input-border-color'
(622,28): run-time error CSS1039: Token not allowed after unary operator: '-dialog-input-border-color'
(632,17): run-time error CSS1039: Token not allowed after unary operator: '-feedback-msg-color'
(633,28): run-time error CSS1039: Token not allowed after unary operator: '-color-bg'
(634,28): run-time error CSS1039: Token not allowed after unary operator: '-feedback-msg-color'
(640,17): run-time error CSS1039: Token not allowed after unary operator: '-user-msg-color'
(641,28): run-time error CSS1039: Token not allowed after unary operator: '-user-msg--bg'
(647,21): run-time error CSS1039: Token not allowed after unary operator: '-user-msg-color'
(662,17): run-time error CSS1039: Token not allowed after unary operator: '-bot-msg-color'
(663,28): run-time error CSS1039: Token not allowed after unary operator: '-bot-msg-bg'
(668,21): run-time error CSS1039: Token not allowed after unary operator: '-bot-msg-color'
(705,17): run-time error CSS1039: Token not allowed after unary operator: '-text-muted-color'
(713,17): run-time error CSS1039: Token not allowed after unary operator: '-text-muted-color'
(807,17): run-time error CSS1039: Token not allowed after unary operator: '-text-dark'
(819,17): run-time error CSS1039: Token not allowed after unary operator: '-text-muted-color'
(826,17): run-time error CSS1039: Token not allowed after unary operator: '-text-muted-color'
(832,17): run-time error CSS1039: Token not allowed after unary operator: '-text-muted-color'
 */
ul.nav.nav-menu ul {
	display: none;
}

ul.nav.nav-menu ul {
	display: block;
}

/* Menu List */
.nav > li {
	display: block;
	float: left;
}

	/* Menu Links */
	.nav > li > a {
		-webkit-transition: all .3s ease;
		-moz-transition: all .3s ease;
		-o-transition: all .3s ease;
		-ms-transition: all .3s ease;
		transition: all .3s ease;
	}


	.nav > li:first-child > a {
		border-radius: 3px 0 0 3px;
		border-left: none;
	}


	/* Menu Dropdown */
	.nav > li > .popupnav {
		position: absolute;
		display: block;
		width: 100%;
		top: 62px;
		opacity: 0;
		visibility: hidden;
		overflow: hidden;
		_background-image: url(/images/popupnav_bg.png);
		background-repeat: repeat-x;
		background-position: top left;
		border-bottom: 1px solid #e4e4e4;
		border-top: 1px solid #e4e4e4;
		padding-bottom: 20px;
		-webkit-transition: opacity 0.2s ease-in;
		-moz-transition: opacity 0.2s ease-in;
		-o-transition: opacity 0.2s ease-in;
		-ms-transition: opacity 0.2s ease-in;
		transition: opacity 0.2s ease-in;
		background-color: #fff;
	}

.shrink .nav > li > .popupnav {
	top: 74px;
}

.nav > li:hover > .popupnav {
	opacity: 1;
	visibility: visible;
	overflow: visible;
	z-index: 200000;
	min-height: 300px;
	-webkit-transition: opacity 0.2s ease-in;
	-moz-transition: opacity 0.2s ease-in;
	-o-transition: opacity 0.2s ease-in;
	-ms-transition: opacity 0.2s ease-in;
	transition: opacity 0.2s ease-in;
}


/* Menu Content Styles */
.nav .nav-column {
	float: left;
	margin-top: 15px;
}

	.nav .nav-column .subnav-title {
		/*min-height: 30px;*/
	}

	.nav .nav-column a.level-2 {
		color: #427314;
		line-height: 16px;
		font-size: 14px;
		text-align: left;
		padding-left: 5px;
		border-left: 1px solid transparent;
		display: block;
		margin-top: 20px;
		margin-bottom: 10px;
		font-weight: 300;
		margin-block-start: 1em;
		margin-block-end: 1em;
		margin-inline-start: 0px;
		margin-inline-end: 0px;
	}

		.nav .nav-column a.level-2:hover, .nav .nav-column a.active.level-2 {
			padding-left: 5px;
			border-left: 1px solid #a4ba08;
		}

	.nav .nav-column ul {
		display: block;
		list-style: none;
		margin-left: -40px;
		margin-top: 10px;
	}



	.nav .nav-column a.level-2.orange {
		color: #ff722b;
	}


	.nav .nav-column ul li::after {
		content: none !important;
	}


	.nav .nav-column li a {
		display: block;
		font-size: 14px;
		color: #666;
		margin: 5px 0px;
		line-height: 15px;
		font-weight: 300;
		padding-left: 5px;
		border-left: 1px solid transparent;
	}

		.nav .nav-column li a:hover, .nav .nav-column li a.active {
			color: #666;
			padding-left: 5px;
			border-left: 1px solid #427314;
		}


.subnav-divider {
	width: 100%;
	height: 1px;
	background-color: #E0E0E0;
}

.shrink .popupnav {
	margin-top: -69px;
}


@media (max-width:991px) {

	.nav > li {
		float: none;
	}

		.nav > li > .popupnav {
			display: none;
		}
}

.arrow-up {
	width: 0px;
	height: 0px;
	position: relative;
	left: 50%;
}

	.arrow-up:after, .arrow-up:before {
		bottom: 100%;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
	}

	.arrow-up:after {
		border-color: rgba(255, 255, 255, 0);
		border-bottom-color: #fff;
		border-width: 10px;
		margin-left: -10px;
	}

	.arrow-up:before {
		border-color: rgba(228, 228, 228, 0);
		border-bottom-color: #e4e4e4;
		border-width: 11px;
		margin-left: -11px;
	}

/* -----------------------------------

    IE colours (fallback): 
    
    variables not working in IE11

-------------------------------------*/


.chatbot-window button, .chatbot-button button {
    background: transparent;
    border: 0px;
}

.chatbot-window .chatbot-toolbar-top {
    color: #ffffff;
    height: 70px;
    text-align: center;
    margin-bottom: -40px;
}

.chatbot-window .chatbot-toolbar {
    color: #ffffff;
    background-color: #546833;
}

.chatbot-button .chatbot-welcome {
    background-color: #0063BA;
}

.chatbot-button .bub1:before {
    border-left: 10px solid #0063BA;
    border-top: 10px solid #0063BA;
}


.chatbot-window .bot {
    color: #FFFFFF;
    background-color: #427314;
}

.chatbot-window .message-container {
    background-color: rgba(255, 255, 255, 1);
}

.chatbot-window .user {
    color: #FFFFFF;
    background-color: rgba(19, 112, 193, 1);
}

    .chatbot-window .user .bot-paragraph {
        margin-bottom: 0px;
        color: #FFFFFF;
    }

.chatbot-window .bot {
    color: #FFFFFF;
    background-color: #427314;
}

    .chatbot-window .bot .last-paragraph {
        margin-bottom: 0px;
    }

    .chatbot-window .bot .bot-paragraph, .bot-list-item {
        color: #FFFFFF;
    }

.chatbot-window .bot-list {
    margin-top: 5px;
    margin-bottom: 0px;
}

.chatbot-window .dialog-container {
    border-top: 2px solid #546833;
    background-color: rgba(255, 255, 255, 1);
}

/* -----------------------------------

    Colours

-------------------------------------*/

:root {
    /*--color-bg: #FFFFFF;*/
    --feedback-msg-color: #546833;
    --user-msg--bg: rgba(19, 112, 193, 1);
    --user-msg-color: #FFFFFF;
    --bot-msg-bg: #427314;
    --bot-msg-color: #FFFFFF;
    --solid-green1: #546833;
    --solid-green2: #427314;
    --solid-blue: #0063BA;
    --scrollbar-green: #546833;
    --scrollbar-blue: rgba(19, 112, 193, 1);
    --scrollbar-color: #546833;
    --dialog-input-border-color: #e4e4e4;
    --text-dark: #454545;
    --text-light: white;
    --bg-dark: rgba(39, 39, 39, 1);
    --bg-light: rgba(255, 255, 255, 1);
    --color-bg: var(--bg-light);
    --text-muted-color: var(--text-dark);
    --scrollbar-hover: var(--scrollbar-blue);
}

[data-theme="dark"] {
    /*--color-bg: #272727;*/
    --feedback-msg-color: #FFFFFF;
    --user-msg-bg: rgba(47, 135, 212, 1);
    --bot-msg-bg: rgba(85, 130, 43, 1);
    --dialog-input-border-color: var(--bg-dark);
    --color-bg: var(--bg-dark);
    --text-muted-color: var(--text-light);
    --scrollbar-color: var(--scrollbar-blue);
    --scrollbar-hover: var(--scrollbar-green);
}

/* -----------------------------------

    Chatbot avatar

-------------------------------------*/
.chatbot-button .chatbot-avatar img {
    height: 70px;
    border-radius: 50%;
    margin-left: 10px;
    margin-top: -5px;
    box-shadow: 1px 1px 10px 6px #9E9E9E;
}

/* CHECK IF USED */
/*@keyframes animate {
    from {
        outline: 1px solid blue
    }

    to {
        outline: 3px solid blue
    }
}*/

.chatbot-button .chatbot-welcome {
    color: #FFFFFF;
    padding: 5px 10px;
    background-color: var(--solid-blue);
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    z-index: 1000000;
}

.chatbot-button .chatbot-avatar {
    display: inline;
    cursor: pointer;
}

.chatbot-button {
    position: fixed;
    right: 40px;
    bottom: 40px;
    z-index: 9999;
    opacity: 0;
}

@media screen and (max-width: 460px) {
    .chatbot-button {
        right: 10px;
    }

        .chatbot-button p {
            font-size: 15px;
        }
}

@media screen and (max-width: 414px) {
    .chatbot-button {
        right: 15px;
    }

        .chatbot-button p {
            font-size: 14px;
        }
}

@media screen and (max-width: 390px) {
    .chatbot-button p {
        font-size: 12px;
    }
}

@media screen and (max-width: 360px) {

    .chatbot-button {
        right: 5px;
    }
}

@media screen and (max-width: 340px) {

    .chatbot-button p {
        font-size: 11px;
    }

    .chatbot-button .chatbot-avatar img {
        height: 60px;
        margin-left: 10px;
    }
}

/* -----------------------------------

    Chatbot bubble

-------------------------------------*/
.chatbot-button .bubble {
    display: inline-block;
    width: 200px;
    margin: 50px auto;
    /*    background: #427314; */
    padding: 10px;
    text-align: center;
    color: #fff;
    position: relative;
    /*margin-right: 5px;*/
}

@media screen and (min-width: 700px) {
    .chatbot-button .bubble {
        display: inline;
        width: 300px;
        padding: 20px;
    }
}

.chatbot-button .bub1:before {
    content: "";
    width: 0px;
    height: 0px;
    position: absolute;
    border-left: 10px solid var(--solid-blue);
    border-right: 10px solid transparent;
    border-top: 10px solid var(--solid-blue);
    border-bottom: 10px solid transparent;
    right: -19px;
    top: 18px;
}

/* -----------------------------------

    chatbot window scrollbars

-------------------------------------*/
.chatbot-window .side-bar::-webkit-scrollbar {
    width: 8px;
}

/* track */
.chatbot-window .side-bar::-webkit-scrollbar-track {
    box-shadow: inset 0 0 2px grey;
    border-radius: 10px;
}

/* handle */
.chatbot-window .side-bar::-webkit-scrollbar-thumb {
    background: var(--scrollbar-color);
    border-radius: 10px;
}

    /* handle on hover */
    .chatbot-window .side-bar::-webkit-scrollbar-thumb:hover {
        background: var(--scrollbar-hover);
    }




/* IE */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .chatbot-window .side-bar {
        /* ie scrollbar color properties */
        scrollbar-base-color: #efefef;
        scrollbar-face-color: #427314;
        scrollbar-3dlight-color: #427314;
        scrollbar-highlight-color: #427314;
        scrollbar-track-color: #efefef;
        scrollbar-arrow-color: #427314;
        scrollbar-shadow-color: #427314;
        scrollbar-dark-shadow-color: #427314;
    }

        .chatbot-window .side-bar:after {
            content: "";
            height: 32px;
            display: block;
        }
}

/* Edge */
@supports (-ms-ime-align:auto) {
    .chatbot-window .side-bar {
        margin-right: -10px;
        padding-top: 16px;
        margin-top: -16px;
        margin-bottom: -16px;
        padding-bottom: 16px;
    }

        .chatbot-window .side-bar:after {
            content: "";
            height: 16px;
            display: block;
        }
}

/* Firefox */
/* From version 64 - https://drafts.csswg.org/css-scrollbars-1/ */
.chatbot-window .side-bar {
    scrollbar-width: thin;
    scrollbar-color: #427314 rgba(95, 136, 57, 1);
}


/* -----------------------------------

    Chatbot toolbar

------------------------------------- */
.chatbot-window .chatbot-toolbar {
    color: var(--bot-msg-color);
    width: 100%;
    /*height: 5%;*/
    height: 50px;
    padding-top: 5px;
    /*background-color: var(--bot-msg-bg);*/
    background-color: #427314;
    padding-left: 10px;
    border-radius: 10px 10px 0px 0px;
    text-align: center;
}

.chatbot-window .chatbot-controls {
    font-size: 25px;
    opacity: 0.85;
    margin-top: 7px;
    cursor: pointer;
}

    .chatbot-window .chatbot-controls:hover {
        opacity: 1;
    }

/* -----------------------------------

    Chatbot window

-------------------------------------*/

.chatbot-window {
    position: fixed;
    right: 20px;
    bottom: 75px; /* bottom: 60px; previously */
    height: 75%;
    width: 380px;
    margin-left: 10px;
    display: none;
    z-index: 1000000;
    box-shadow: 1px 1px 10px 6px #454545;
    border-radius: 10px 10px 0px 0px;
}

@media screen and (max-width: 414px) {
    .chatbot-window {
        width: 360px;
        right: 25px;
    }

        .chatbot-window .chatbot-toolbar h5 {
            font-size: 13px;
        }

        .chatbot-window .chatbot-toolbar label {
            font-size: 13px;
        }
}

@media screen and (max-width: 375px) {
    .chatbot-window {
        width: 340px;
    }
}

@media screen and (max-width: 360px) {
    .chatbot-window {
        width: 330px;
        right: 15px;
    }
}

@media screen and (max-width: 320px) {
    .chatbot-window {
        width: 300px;
        right: 10px;
    }
}

/* Message container */
.chatbot-window .message-container {
    height: 85%;
    padding: 15px;
    overflow-y: scroll;
    background-color: var(--color-bg);
    border-left: 1px solid var(--dialog-input-border-color);
    margin: 0px !important;
    /*background-color: rgba(255, 255, 255, 0.9);*/
}

.chatbot-window .message {
    margin-bottom: 5px;
    border-radius: 10px;
    /*padding: 10px 10px 0px 10px;*/
    padding: 4%;
}

/* Dialog container */
.chatbot-window .dialog-container {
    height: 15%;
    border: 1px solid var(--dialog-input-border-color);
    /*background-color: var(--color-bg)*/;
    border-radius: 0px 0px 10px 10px;
}

.chatbot-window .feedback {
    font-size: 11pt;
    margin-bottom: 5px;
    border-radius: 10px;
    padding: 10px 10px 0px 10px;
    color: var(--feedback-msg-color);
    background-color: var(--color-bg);
    border: 1px solid var(--feedback-msg-color);
    text-align: left;
}

/* User */
.chatbot-window .user {
    color: var(--user-msg-color);
    background-color: var(--user-msg--bg);
    text-align: right;
    margin-left: auto
}

    .chatbot-window .user p {
        color: var(--user-msg-color);
    }

    .chatbot-window .user p {
        padding-right: 1%;
    }

@media screen and (max-width: 320px) {
    .chatbot-window .user p {
        font-size: 12px;
    }
}

/* Bot */
.chatbot-window .bot {
    color: var(--bot-msg-color);
    background-color: var(--bot-msg-bg);
    text-align: left;
}

    .chatbot-window .bot chatbot-paragraph {
        color: var(--bot-msg-color);
        padding-left: 1%;
    }

    .chatbot-window .bot a, .bot a:hover {
        color: white;
        text-decoration: underline;
        cursor: pointer;
    }

@media screen and (max-width: 320px) {
    .chatbot-window .bot .bot-paragraph {
        font-size: 12px;
    }
}

.chatbot-window .content-span {
    word-wrap: break-word;
}

/* Privacy notice */
.chatbot-window .alert-info-custom {
    margin-bottom: 5px;
    background-color: #c55002;
    color: white;
    border-color: #c55002;
}

    .chatbot-window .alert-info-custom .alert-link {
        color: white;
    }

/* Chatbot title */
.chatbot-window .chatbot-title {
    font-size: 11pt;
    margin-left: 5px;
    margin-bottom: 5px;
    color: var(--text-muted-color);
    width: 100%
}

/* Timestamp */
.chatbot-window .chatbot-time {
    font-size: 10pt;
    text-align: right;
    color: var(--text-muted-color);
    margin-right: none;
    margin-bottom: 5px;
}

/* Answer feedback */
.chatbot-window .answer-rating {
    font-size: 9pt;
    text-align: right;
    margin-right: 10px;
}

/* Typing */
.chatbot-window .tiblock {
    align-items: center;
    display: flex;
    height: 17px;
}

.chatbot-window .ticontainer .tidot {
    background-color: white;
}

.chatbot-window .tidot {
    animation: chatbotTypingAnimation 1.5s infinite ease-in-out;
    -webkit-animation: chatbotTypingAnimation 1.5s infinite ease-in-out;
    border-radius: 4px;
    display: inline-block;
    height: 8px;
    margin-right: 2px;
    width: 8px;
}

@-webkit-keyframes chatbotTypingAnimation {
    0% {
        -webkit-transform: translateY(0px)
    }

    28% {
        -webkit-transform: translateY(-5px)
    }

    44% {
        -webkit-transform: translateY(0px)
    }
}

.chatbot-window .tidot:nth-child(1) {
    animation-delay: 200ms;
    -webkit-animation-delay: 200ms;
}

.chatbot-window .tidot:nth-child(2) {
    animation-delay: 300ms;
    -webkit-animation-delay: 300ms;
}

.chatbot-window .tidot:nth-child(3) {
    animation-delay: 400ms;
    -webkit-animation-delay: 400ms;
}

/* Session ID display */
.chatbot-window .session-id-container {
    border-top: 1px solid #e4e4e4;
    padding-left: 5px;
    background: white;
}

.chatbot-window .session-id {
    margin: 0px;
    font-size: 9pt;
    padding: 2px 0px 2px 0px
}

.chatbot-window .session-id-divider {
    font-size: 12px;
    text-align: center;
    color: #454545;
    padding-top: 3px;
    border-top: 1px dashed darkgrey
}

/* Dialog input */
.chatbot-window .dialog-input-container {
    margin: 0 auto;
    width: 95%;
    margin-top: 10px;
    height: 75%
}

.chatbot-window .dialog-input {
    font-size: 16px;
    border: none;
    color: var(--text-dark);
    /*background-color: var(--color-bg);*/
    background-color: transparent;
    width: 100%;
    height: 100%;
    resize: none
}

/* TODO CHECK IF NEEDED */
/* Dialog input placeholder text */
::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: var(--text-muted-color);
    opacity: 1;
    /* Firefox */
}

:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: var(--text-muted-color);
    margin-left: 5px;
}

::-ms-input-placeholder {
    /* Microsoft Edge */
    color: var(--text-muted-color);
    margin-left: 5px;
}

/* .modalSize {
      width: 500px;
      height: 9000px;
      margin: auto;
    }

    .modalPosition {
      top: 30%;
      left: 50%;
      outline: none;
    }

    .buttonPosition {
      top: 75%;
      left: 75%;
    }

    .modal-body {
      100% = dialog height, 120px = header + footer
      max-height: calc(100% - 90px);
    }
    */

.chatbot-window .message > ul > li > .disabled {
    text-decoration: none !important;
}

    .chatbot-window .message > ul > li > .disabled:hover {
        cursor: not-allowed !important;
    }