@import url('https://fonts.googleapis.com/css?family=Montserrat:700|Roboto');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

html {
	height: 100%;
}
body {
	font-family: "Roboto", "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-size: 12px;
	height: 100%;
	width: 100%;
}
body.logged-in {
	overflow: hidden;
}
html .ui-widget, html .ui-widget input, html .ui-widget select, html .ui-widget textarea, html .ui-widget button {
	font-family: "Roboto", "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, "Lucida Grande", sans-serif;
}
h1, h2, h3, h4, h5, h6, form.form-horizontal legend, a.header-title {
	font-family: "'Armata', sans-serif", "Montserrat", sans-serif;
}
ol, ul {
	list-style: none;
}
iframe, .w20p section .bs-sidebar, section#tool-section, .breadcrumb span.divider {
	display: none;
}
section {
	clear: both;
	padding-bottom: 45px;
}
.layer-n {
	top: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	background: transparent;
	transition: background-color 0.5s ease;
}
.grid-underlay {
	background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHBhdHRlcm4gaWQ9ImdyaWQiIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgcGF0dGVyblVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHBhdGggZD0iTSAwIDEwIEwgNDAgMTAgTSAxMCAwIEwgMTAgNDAgTSAwIDIwIEwgNDAgMjAgTSAyMCAwIEwgMjAgNDAgTSAwIDMwIEwgNDAgMzAgTSAzMCAwIEwgMzAgNDAiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2QwZDBkMCIgb3BhY2l0eT0iMC4yIiBzdHJva2Utd2lkdGg9IjEiLz48cGF0aCBkPSJNIDQwIDAgTCAwIDAgMCA0MCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZDBkMGQwIiBzdHJva2Utd2lkdGg9IjEiLz48L3BhdHRlcm4+PC9kZWZzPjxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JpZCkiLz48L3N2Zz4=");
	height: 100%;
	background-color: #FFF;
}

.layer-six {
	background: rgba(245, 245, 245, 0.7);
	z-index: 6;
}
.layer-five {
	background-color: rgba(245, 245, 245, 0.7);
	z-index: 5;
}
.layer-four {
	background: rgba(245, 245, 245, 0.7);
	z-index: 4;
}
.layer-three {
	z-index: 3;
	display: none;
}


.layer-two {
	z-index: 2;
}


.layer-one {
	z-index: 1;
}

.global-top {
	display:none;
	position: fixed;
    top: 0;
    height: 36px;
    width: 200px;
    z-index: 3;
    right: 0px;
    text-align: right;
    padding: 0 10px;
    line-height: 2;
    font-size: 20px;
}
body.logged-in .global-top {
	display:block;
}
.global-top ul {
	
}
.global-top ul li {
	display: inline-block;
	margin: 0 5px;
}
.global-top ul li a {
	color: #FFF;
}
.global-top ul li a i {
	
}
#dock {
	top: 0;
	position: fixed;
	display: table;
	z-index: 100;
	opacity: 1;
	height: 100%;
	-webkit-transform: translate3d(0, 0, 0);
	background: #01a4ef;
	min-width: 50px;
}
#system-nav {}
#system-nav ul.system-actions {
	margin: 0;
	padding: 0;
	margin-top: 0.7rem;
	vertical-align: middle;
}
#system-nav ul.system-actions li {
	position: relative;
}
#system-nav ul.system-actions li a {
	position: relative;
	width: 100%;
	height: 100%;
	display:block;
}
#system-nav ul.system-actions li a span {
	margin: 0px 0px 0px 9px;
}
#system-nav ul.menu-opts {
	overflow: hidden;
}
#system-nav .menu-opts {
	box-shadow: 1px 1px 5px rgba(66, 69, 74, .5);
	width: 306px;
	background: rgb(66, 69, 74);
	margin-top: -32px;
	margin-left: 43px;
	height: 170px;
	-moz-box-shadow: 0 3px 10px 3px rgba(245, 245, 245, 0.7);
	position: absolute;
	border-radius: 3px;
}
#system-nav .menu-opts li.opts {
	display: block;
	position: relative;
	height: 29px;
	background: #eaeaea;
	line-height: 1.2;
	padding: 3px 5px;
}
#system-nav .menu-opts li:first-child {
	height: 36px;
	background: transparent;
	color: #FFF;
	text-align: center;
	line-height: 2.2;
	text-transform: uppercase;
	padding: 7px 10px;
	letter-spacing: 1.5px;
}
#system-nav .menu-opts li.opts.spacer {
	height: 1px;
}
#system-nav .menu-opts li.opts a {
	width: 100%;
	display: block;
	position: relative;
	height: 100%;
	font-family: "Open Sans", "Helvetica Neue", "Lucida Grande", Arial, Verdana, sans-serif;
	margin: 0;
	font-size: 12px;
	line-height: 2;
	color: #323232;
	font-weight: 300;
	letter-spacing: 1.3px;
}
#system-nav .menu-opts li:first-child a {
	position: relative;
	float: right;
	right:  0;
	width:  initial;
	top:  0;
	color: #FFF;
	padding: 2px 4px;
	margin: initial;
	font-size: 10px;
	font-weight: 400;
}
#system-nav .menu-opts li:first-child a:hover {
	color: #FFF;
	border-color: #FFF;
}
#system-nav .menu-opts li:first-child a .fas {
	color: #FFF;
}
#system-nav .menu-opts li.opts:hover {
	background: #FFF;
}
#system-nav .menu-opts li:first-child:hover {
	background: inherit;
}
#system-nav .menu-opts li.opts:hover a {}
#system-nav .menu-opts .opts a .fas {
	color: #01a4ef;
	margin-right: 4px;
	font-size: 14px;
}
#system-nav .menu-opts li.opts.last-one {
	height: 37px;
	display: inline-block;
	padding: 10px 3px;
	-moz-border-radius: 6px;
	-moz-box-shadow: 0 3px 10px 3px rgba(227, 164, 3, 1);
}
#system-nav .menu-opts li.opts.last-one>* {
	display: block;
	float: left;
	font-size: 14px;
	vertical-align: middle;
	line-height: 2.2;
	margin-left: 4px;
}
#system-nav .menu-opts li.opts.last-one a {
	margin: 2px 1px 0px 0px;
	float: right;
	width: initial;
}
#system-nav .menu-opts li.opts.last-one {
	height: 47px;
	width: 100%;
}
#page-nav {}
#page-nav ul, #page-favourites ul {
	margin: 0;
	padding: 0;
	margin-top: 1.5rem;
	vertical-align: middle;
}
#page-nav ul li, #page-favourites ul li {
	height: 1.8rem;
	position: relative;
}
#page-nav ul li a, #page-favourites ul li a.application {
	position: relative;
	width: 100%;
	height: 100%;
	color: #FFF;
	display: block;
}
#page-nav ul li a span, #page-favourites ul li a.application img {
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	-ms-border-radius: 1px;
	border-radius: 1px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	position: absolute;
	z-index: 1;
	height: 1rem;
	width: 1rem;
	top: calc(50% - 0.5rem);
	left: calc(50% - 0.5rem);
	border: 1px solid rgba(255, 255, 255, 0.6);
	border-radius: 20%;
	background: transparent;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
#page-nav ul li a.active span, #page-favourites ul li a.application.active img {
	background: #FFFFFF;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
#page-favourites ul li a.application.loading img {
	background: #FFF;
}
#page-nav ul li:hover a span, #page-nav ul li a.selected span, #page-favourites ul li:hover a.application img {
	background: #FFFFFF;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
#social-nav {
	position: absolute;
	opacity: 1;
	left: 0;
	bottom: 1.5rem;
}
#social-nav ul li {
	margin: 0px 5px 5px;
	position: relative;
	text-align: center;
	-webkit-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
	-moz-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
	-ms-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
	-o-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
	transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
}
#social-nav ul li a {
	color: #fff;
	font-size: 1.5em;
	width: 25px;
	height: 25px;
	line-height: 25px !important;
	position: relative;
	margin: 0 5px;
	text-align: center;
	display: inline-block;
	-webkit-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
	-moz-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
	-ms-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
	-o-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
	transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
	-webkit-backface-visibility: hidden;
}
#social-nav ul li a.footer__menu-link {
	width: 20px;
}
#message-box {
	position: fixed;
	text-align: center;
	width: 100%;
	z-index: 5000;
}
body.logged-out #message-box {
	top: 0;
}
#message-box .message {
	background: rgb(255, 127, 0);
	border: 0 none;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
	display: inline-block;
	font-weight: normal;
	margin: -1px auto 0;
	max-width: 490px;
	padding: 0 5px 5px;
	width: auto;
}
#message-drawer .message {
	padding: 0 5px 5px;
}
#message-box .message .message-inside {
	background: #FFF;
	border: 1px solid #eaeaea;
	display: inline-block;
	font-size: 13px;
	line-height: 1.2;
	padding: 15px 26px;
	position: relative;
	text-align: left;
}
#message-box .message .message-inside span {
	display: inline-block;
	max-width: 440px;
	vertical-align: middle;
}
#message-box .message .message-inside a.dismiss {
	bottom: -8px;
	right: -8px;
	position: absolute;
	cursor: pointer;
	color: #fff;
	border: 1px solid #AEAEAE;
	border-radius: 30px;
	background: #605F61;
	font-size: 15px;
	font-weight: bold;
	display: inline-block;
	line-height: 0px;
	padding: 7px 3px;
}
#message-box .message.error {
	background: rgba(204, 0, 0, 0.7);
	color: #C00;
}
#message-box .message.error .message-inside {
	background: #F4E3E3 url(/v1/assets/images/error-cross.gif) no-repeat 15px center;
	border: 1px solid #C00;
	padding: 10px 15px 10px 50px;
}
#message-box .message.success {
	background: rgba(49, 117, 18, 0.7);
	color: #317512;
}
#message-box .message.success .message-inside {
	background: #D1FFBC url(/v1/assets/images/success-tick.gif) no-repeat 15px center;
	border: 1px solid #2F7310;
	padding: 15px 15px 15px 50px;
}
span#email-check {
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	line-height: 1.2;
	padding: 10px 15px;
	position: absolute;
	right: -40px;
	top: 0px;
	text-indent: -99999px;
	width: 32px;
	height: 32px;
}
span#email-check.error {
	background: #F4E3E3 url(/v1/assets/images/error-cross.gif) no-repeat center center;
	border: 1px solid #C00;
}
span#email-check.success {
	background: #D1FFBC url(/v1/assets/images/success-tick.gif) no-repeat center center;
	border: 1px solid #2F7310;
}
span#scorebar {
	height: 5px;
	width: 240px;
	position: absolute;
	z-index: 5;
}
span#scorebar b {
	background: #317512;
	
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	display: block;
	height: 5px;
}
span#score {
	background: #FFF;
	height: 35px;
	width: 110px;
	position: absolute;
	right: 18px;
	top: 6px;
	text-indent: -99999px;
	display: none;
}
span#complexity {
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	line-height: 1.2;
	padding: 7px;
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 5;
}
span#complexity.error {
	border: 1px solid #C00;
}
span#complexity.success {
	border: 1px solid #2F7310;
}
.edition {
	position: relative;
	display: block;
	width: 304px;
}
.edition>span {
	display: inline-block;
	float: right;
}
.edition .txt-t {}
.section-wrapper {
	display: table;
	table-layout: fixed;
	width: 100%;
}
.section-wrapper .section {
	position: relative;
	width: inherit;
	overflow-x: hidden;
}
.benefits-section {
  font-family: Arial, sans-serif;
  max-width: 800px;
  margin: 40px auto;
  padding: 20px;
  background: #f9f9f9;
  border: 1px solid #ddd;
  border-radius: 8px;
}

.benefits-section h2 {
  font-size: 24px;
  color: #333;
  margin-bottom: 20px;
  text-align: center;
}

.benefits-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.benefits-list li {
  margin-bottom: 20px;
  padding: 15px;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 6px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.benefits-list li strong {
  font-size: 18px;
  color: #0056b3;
  display: block;
  margin-bottom: 8px;
}

.benefits-list li p {
  font-size: 14px;
  color: #555;
  margin: 0;
  line-height: 1.5;
}


.new-application form {
	padding: 5px;
}
.section-wrapper .section>div {
	left: 50px;
	width: calc(100% - 50px);
	position: absolute;
	margin: 0;
}
.section-wrapper .section .slideshow-section-1 {
	z-index: -1;
	top: 0;
	height: 100%;
}
.section-wrapper .section .intro {
	z-index: 1;
	margin: auto;
	top: 0;
	right: 0;
	bottom: 0;
	height: 60%;
}
.section-wrapper .section .intro p {
	color: #FFFFFF;
	width: auto;
	margin-bottom: 2rem;
}
.section-wrapper .section .intro .brand-logo {
	position: relative;
	margin: 0 auto 2rem;
	max-width: 300px;
}
.section-wrapper .section .scroll-indicator {
	left: calc(50% + 19px);
	bottom: 3rem;
	width: 1em;
	height: 1em;
	display: block;
	transform: rotate(25deg);
	animation: bounce-2 2s 0s ease infinite;
}
.section-wrapper .section .scroll-indicator a {
	display: inline-block;
	width: 200%;
	height: 200%;
	background-image: url(/v1/assets/images/scroll.png);
}
.section-wrapper .section .row .left-center-text {
	display: table;
	position: relative;
	height: 100vh;
	padding: 0 5%;
	text-align: left;
}
.section-wrapper .section .row .left-center-text .left-center-part {
	display: table-cell;
	vertical-align: middle;
}
.section-wrapper .section .portfolio figure {
	padding: 0;
	overflow: hidden;
	cursor: pointer;
}
.section-wrapper .section .portfolio figure:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 0;
	opacity: 0;
	-webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
	-moz-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
	-ms-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
	-o-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
	background: -webkit-linear-gradient(rgba(50, 58, 69, 0.1), rgba(50, 58, 69, 0.8));
	background: linear-gradient(rgba(50, 58, 69, 0.1), rgba(50, 58, 69, 0.8));
}
.section-wrapper .section .portfolio figure.annex-img {
	height: 50vh;
	float: left;
	margin: 0;
}
.section-wrapper .section .portfolio figure figcaption {
	background: transparent;
	position: absolute;
	text-align: center;
	width: 100%;
	z-index: 1;
	top: 50%;
	opacity: 0;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	left: 0;
	-webkit-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
	-moz-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
	-ms-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
	-o-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.section-wrapper .section .portfolio figure:hover figcaption {
	opacity: 1;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	padding: 10px;
}
.section-wrapper .section .portfolio figure:hover:after {
	opacity: 1;
}
.section-wrapper .section .portfolio figure .gallery-link {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -20;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	-webkit-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
	-moz-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
	-ms-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
	-o-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
	opacity: 1;
}
.section-wrapper .section .portfolio figure .gallery-link .photo {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -20;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	-webkit-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
	-moz-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
	-ms-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
	-o-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
	opacity: 1;
}
.section-wrapper .section .portfolio figure:hover .photo {
	opacity: 1;
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}
.section-wrapper .section .section-five-img {
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 0px 0px, 0px 0px;
	background-image: url(/v1/assets/images/639358-19.jpg);
}
.section-wrapper .section .section-five {}
.section-wrapper .section .section-five>div {
	display: block;
	vertical-align: top;
	float: left;
	margin: 5% 0 0 7%;
}
#contact-form {
	margin-top: 2rem;
}
#contact-form .form-control {
	background: transparent;
	border: none;
	border-bottom: 1px solid rgba(0, 0, 0, 0.3);
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	border-radius: 0;
	box-shadow: none;
	font-weight: 400;
	outline: medium none;
	padding: 1rem 0;
	font-size: 1.4rem;
	line-height: 1.4;
	height: auto;
	width: 100%;
	color: #01a4ef;
	margin-bottom: 2rem;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	text-align: left;
}
#contact-form .form-control:hover, #contact-form .form-control:focus {
	box-shadow: none;
	border-color: #01a4ef;
}
#contact-form .form-control::-webkit-input-placeholder {
	color: #737373 !important;
}
#contact-form .form-control::-moz-placeholder {
	color: #737373 !important;
}
#contact-form .form-control:-moz-placeholder {
	color: #737373 !important;
}
#contact-form .form-control:-ms-input-placeholder {
	color: #737373 !important;
}
#contact-form textarea.form-control {
	min-height: 120px;
}
#contact-form button#valid-form {
	font-family: 'Armata', sans-serif;
	background: #F8F8F8;
	font-weight: 700;
	padding: 0.7em 2em;
	color: #2B2D35;
	margin: auto;
	margin-top: 2rem;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #2B2D35;
	display: inline-block;
}
#contact-form button#valid-form:hover {
	background: transparent;
	color: #01a4ef;
}
.phone-mail-link {
	color: #01a4ef;
	font-weight: bold;
}
#block-answer {
	margin-top: 1em;
	text-align: left;
	color: #01a4ef;
	position: absolute;
}
.widget-menu {
	position: relative;
	height: 100%;
}
#menu-section-left, #menu-container-top {
	position: absolute;
	min-width: 200px;
}
#menu-section-left {
	background: #949594;
	top: 36px;
	left: -10px;
}
#menu-section-left h6, .schema-left-header {
	margin: initial;
	width: inherit;
	padding: 10px;
}
#menu-section-left ul {
	width: 200px;
	position: relative;
    max-height: 299px;
    overflow-y: auto;
}
#menu-section-left ul li {
	display: block;
	position: relative;
	margin: 0 auto;
}
#menu-section-left ul li a.open-menu-attr {
	margin-right: 10px;	
	width: 16px;
	height: 16px;
}
#menu-section-left ul li a.open-menu-attr:before {
	width: 16px;
	height: 16px;
}
#menu-section-left ul li:hover a {}
ul#menu-left-list {}
ul#menu-left-list li {
	margin: 2px 0;
}
ul#menu-left-list li:empty {
	font-weight: 900;
	font-family: "Font Awesome 5 Free";
	text-align: center;
	color: #ffffff;
	font-size: 50px;
}
ul#menu-left-list li:empty:before {
	content: "\f5b0";
}
ul#menu-left-list li:empty:after {
	content: "No Navigational Things";
	font-size: 12px;
	font-family: 'Armata', sans-serif;
	position: absolute;
	display: block;
	margin: 0 auto;
	width: 100%;
}
ul#menu-left-functions {}
ul#page-left-list {
	margin-bottom: initial;
}
ul#page-left-list li.page-search {
	width: 98%;
}
ul#page-left-list li span {
	flex-wrap: nowrap;
	position: relative;
	vertical-align: top;
	display: flex;
}
ul#page-left-list li span>* {
	display: block;
	vertical-align: top;
	float: left;
	line-height: 2.2;
}
ul#page-left-list li span a.page-location-left {
	width: initial;
	padding: 5px;
	font-family: 'Armata', sans-serif;
	color: #FFF;
}
a.s, a.d, a.menu-page-btn {
	right: 0px;
	color: #FFF;
	display: block;
	cursor: pointer;
	float: right;
	font-family: "Font Awesome 5 Free";
	text-align: center;
	font-size: 16px;
	padding: 0px;
	position: relative;
}
ul#page-left-list li span a.right-page-click:before, a.s:before {
	content: "\f005";
}
ul#page-left-list li span a.right-page-click.selected, a.s.selected, a.d.selected {
	font-weight: 900;
}
ul#page-left-list li span a.left-page-click:before, a.api-get-roles:before, a.open-menu-attr:before, a.d:before {
	content: "\f111";
}
a.d, a.s, a.open-menu-attr:before {
	color: #ff8500;
	height: 22px;
}
a.open-menu-attr:before {
	position: absolute;
	line-height: initial;
	right: -3px;
	top: -3px;
}
ul#page-left-list li span a.left-page-click.selected, a.open-menu-attr.selected:before {
	font-weight: 900;
}
ul#page-left-list a.menu-page-btn {
	min-width: 21px;
}
.applicationpageapi .api-get-roles, ul#menu-top-list a.menu-page-btn {
	top: 0;
	display: block;
	height: 16px;
}
#menu-container-top {}
ul#menu-top-list {}
ul#menu-top-list li.create {}
.deployed ul#menu-top-list li.create {display:none;}
ul#menu-top-list li.create a#create-new-page 
,.bs-dialogue.settings-master .bs-dialogue-header li.create a {
	height: 30px;
}
ul#menu-top-list li.create a#create-new-page i
,.create-other-thing i 
,.bs-dialogue.settings-master .bs-dialogue-header li.create a i
,.square-tab i {
	float: left;
	font-size: 30px;
	height: 30px;
	width: 30px;
	line-height: 1;
	text-align: center;
	font-style: normal;
}
ul#menu-top-list li.create a#create-new-page span
,.create-other-thing span
,.bs-dialogue.settings-master .bs-dialogue-header li.create a span
,.square-tab span {
	visibility: hidden;
	position: absolute;
	width: 129px;
	color: #fff;
	font-family: 'Armata', sans-serif;
}
ul#menu-top-list li.create a#create-new-page:hover {}
ul#menu-top-list li.create a#create-new-page:hover span
,.bs-dialogue.settings-master .bs-dialogue-header li.create a:hover span
,.create-other-thing:hover span
,.bs-dialogue.settings-master .bs-dialogue-header li.create a:hover span
,.square-tab:hover span {
	visibility: initial;
}
.create-thing-with-name .form-control {
	height: 28px;
}
.on-switch-away {
	background: rgba(0, 0, 0, 0.6);
    position: absolute;
    z-index: 999;
}
.ui-timepicker-wrapper {
	overflow-y: auto;
	max-height: 150px;
	width: 6.5em;
	background: #fff;
	border: 1px solid #ddd;
	-webkit-box-shadow:0 5px 10px rgba(0,0,0,0.2);
	-moz-box-shadow:0 5px 10px rgba(0,0,0,0.2);
	box-shadow:0 5px 10px rgba(0,0,0,0.2);
	outline: none;
	z-index: 10001;
	margin: 0;
}
.ui-timepicker-wrapper.ui-timepicker-with-duration {
	width: 13em;
}
.ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-30,
.ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-60 {
	width: 11em;
}
.ui-timepicker-list {
	margin: 0;
	padding: 0;
	list-style: none;
}
.ui-timepicker-duration {
	margin-left: 5px; color: #888;
}
.ui-timepicker-list:hover .ui-timepicker-duration {
	color: #888;
}
.ui-timepicker-list li {
	padding: 3px 0 3px 5px;
	cursor: pointer;
	white-space: nowrap;
	color: #000;
	list-style: none;
	margin: 0;
}
.ui-timepicker-list:hover .ui-timepicker-selected {
	background: #fff; color: #000;
}
li.ui-timepicker-selected,
.ui-timepicker-list li:hover,
.ui-timepicker-list .ui-timepicker-selected:hover {
	background: #1980EC; color: #fff;
}
li.ui-timepicker-selected .ui-timepicker-duration,
.ui-timepicker-list li:hover .ui-timepicker-duration {
	color: #ccc;
}
.ui-timepicker-list li.ui-timepicker-disabled,
.ui-timepicker-list li.ui-timepicker-disabled:hover,
.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
	color: #888;
	cursor: default;
}
.ui-timepicker-list li.ui-timepicker-disabled:hover,
.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
	background: #f2f2f2;
}
.create-json {
	width: 40%;
	margin: 5% auto;
	min-width: 180px;
	max-width: 350px;
}
.create-json .bs-dialogue-content {
	width: 100%;
	padding: 5px;
}
.create-json .form-control div span {
	display:block;
	position: relative;
}
.create-notification {
	width: 40%;
	margin: 5% auto;
	min-width: 180px;
	max-width: 350px;
}
.create-notification .bs-dialogue-content {
	width: 100%;
	padding: 5px;
}
.schedule-form .btn-secondary {
	width: initial;
	position: absolute;
	right: 7px;
	top: 10px;
}
.create-notification .form-control div span {
	display:block;
	position: relative;
}
.lost-password {
	width: 30%;
	margin: 10% auto;
	min-width: 300px;
}
.lost-password .bs-dialogue-content {
	width: 100%;
}
.lost-password .bs-dialogue-content form {
	padding: 5px;
}
.on-switch-away
,.wf-container {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.wf-container .section-one {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.wf-container .section-one .wf-dialogue {
	width: 585px;
}
.wf-container.role-editor .section-one .wf-dialogue {
	width: 333px;
	height: 348px;
}
.cat-prod-finder-guts .wf-container.role-editor .section-one .wf-dialogue {
	width: 100%;
	border-radius: initial;
	padding: 0px;
	border: none;
}
.wf-container.view-communication {
	height: initial;
	position: absolute;
}
.wf-container.view-communication .section-one {
	
}
.wf-container.view-communication .section-one .wf-dialogue {
	width: 880px;
	height: 500px;
}
.wf-container.view-media .section-one .wf-dialogue {
    height: 565px;
    width: 920px;
}
.wf-container .wf-dialogue .wf-dialogue-header, .bs-dialogue .bs-dialogue-header, .schema-dialogue .schema-dialogue-header {
	height: 36px;
	position: relative;
	padding: 0px 10px;
}
.bs-dialogue .bs-dialogue-header.page-header, .bs-dialogue .bs-dialogue-header.page-menu {
	background: #949594;
}
a.loading-tab {
	height: initial;
	width: initial;
	line-height: initial;
}
a.loading-tab object {
	margin: 0 9px;
	width: 24px;
	height: 24px;
}
.wf-container .wf-dialogue .wf-dialogue-header a.remove-selected, a.test-workflow, a.test-mail, a.rebuild, a.test-tour, .bs-dialogue-header .get-roles {
	top: 0px;
	position: absolute;
	right: 18px;
	float: right;
}
a.role-dismiss {
    top: 0px;
	position: relative;
	right: 0px;
	float: right;
}
a.role-dismiss:hover {
	text-decoration: none;
	border: 1px solid #42454a;
	color: #42454a;
	background:transparent;
}
.bs-dialogue .bs-dialogue-header.page-header ul
,ul.t.column-menu-top-list
,.col-grp>* {
	display: inline-block;
	vertical-align: top;
	overflow: initial;
}
.col-grp a {
	width: initial;
}
.col-grp select {
	width: initial;
	margin: 0 5px;
}
.col-grp input {
	width: initial;
}
.under.construction .bs-dialogue .bs-dialogue-header.page-header ul.t {
	width: calc(100% - 180px);
}
.under.construction .bs-dialogue .bs-dialogue-header.page-header ul.t-r {
	width: 180px;
}
.deployed .bs-dialogue .bs-dialogue-header.page-header ul.t {
	width: calc(100% - 200px);
}
.deployed .bs-dialogue .bs-dialogue-header.page-header ul.t-r {
	width: 200px;
}
.bs-dialogue .current-index {
	font-weight: 900;
	font-size: 13px;
}
.deployed .bs-dialogue .current-index {
	color: #5ab453;
}
.under.construction .bs-dialogue .current-index {
	color: #dd453e;
}
.cat-prod-finder-guts ul.t, .applicationpageapi ul.t, .wf-container .wf-dialogue .wf-dialogue-header ul.t, .bs-dialogue .bs-dialogue-header ul.t, ul.t.column-menu-top-list, .bs-dialogue .bs-dialogue-header ul.t-r, ul.column-action-items, #utility ul.grid-action-items {
	color: #FFF;
	padding: 4px 0px 0px 4px;
}
.cat-prod-finder-guts .role-editor {
	z-index:1;
}
.cat-prod-finder-guts .role-editor ul.t {
	float:left;
}
.page-header ul.t {
	cursor: move;
}
.applicationpageapi ul.t>li, .wf-container .wf-dialogue .wf-dialogue-header ul.t>li, .bs-dialogue .bs-dialogue-header ul.t>li, ul.t.column-menu-top-list>li, .bs-dialogue .bs-dialogue-header ul.t-r>li, ul.column-action-items>li, #utility ul.grid-action-items>li {
	vertical-align: top;
	line-height: 2.2;
	display: inline-block;
}
.bs-dialogue .bs-dialogue-header ul.t>li, ul.column-action-items>li, ul.t.column-menu-top-list>li, #utility ul.grid-action-items>li {
	float: left;
}
.bs-dialogue .bs-dialogue-header ul.t-r li:last-child {
	margin-left: 9px;
}
.wf-container .wf-dialogue .wf-dialogue-header .wf-dialogue-close {
	float: none;
	margin: 0;
	position: absolute;
	right: 7px;
	top: 7px;
	cursor: pointer;
	color: #FFF;
	font-size: 21px;
	font-weight: bold;
	line-height: 1;
	text-shadow: 0 1px 0 #fff;
	opacity: .2;
	background: transparent;
}
.wf-container .wf-dialogue .wf-dialogue-header .wf-dialogue-close .x {}
.wf-container .wf-dialogue .wf-dialogue-inside {
	padding: 0;
	position: relative;
	background: #FFF;
}
.wf-container .wf-dialogue .wf-dialogue-inside .wf-dialogue-body {}
.wf-container .wf-dialogue .wf-dialogue-inside .wf-dialogue-body .wf-dialogue-content {
	height: 290px;
	padding: 5px;
}
.wf-container .wf-dialogue .wf-dialogue-inside .wf-dialogue-body .wf-dialogue-content iframe
,.pane-bottom-99 iframe {
	width: 100%;
	height: 100%;
	border-top: solid 3px #e1e3e4;
}
.pane-bottom-99 iframe {
	margin-top: 4px;
}
.wf-container.view-communication .wf-dialogue .wf-dialogue-inside .wf-dialogue-body .wf-dialogue-content {
	height: 445px;
}
.wf-container.view-media .wf-dialogue .wf-dialogue-inside .wf-dialogue-body .wf-dialogue-content {
	height: 510px;
}
.cat-prod-finder-guts .wf-container.role-editor .wf-dialogue .wf-dialogue-inside .wf-dialogue-body .wf-dialogue-content {
	overflow:hidden;
}
.add-new-filter-form {
	width: 610px;
	height: 700px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
.add-new-filter-form ul {
    overflow-y: scroll;
    max-height: 700px;
    height: 100%;
}
.add-new-filter-form ul li.col-grp {
	margin: 0 0 5px 0;
    display: block;
    position: relative;
}
.add-new-filter-form ul li.btn-add-filter {
}
.add-new-filter-form ul li {
	margin: 0px 5px 0px 0px;
}
.add-new-filter-form ul li div {
    width: 100%;
    text-align: center;
    padding-top: 2px;
}
.add-new-filter-form ul li div.field-values {
    width: initial;
    padding: initial;
	position:relative;
}
.add-new-filter-form ul li div.field-values input {
    display: inline-block;
    vertical-align: top;
}
.add-new-filter-form ul li div.field-values input.second-value {
	margin-left: 5px;
}
.add-new-filter-form ul li div .and-or {
}
.add-new-filter-form button {
	display: none;
}
.join-info {
    background: #01a4ef;
    width: 50px;
    height: 50px;
    position: absolute;
    top: 50%;
    left: -25px;
    border-radius: 33px;
}
.functional-line {
    position:absolute;
    width:2px;
    margin-top:-1px;
    background-color:#01a4ef;
	z-index: 0;
}
.functional-line a.x {
	background: #6d6e6d;
	width: 25px;
	height: 25px;
	position: absolute;
	top: 52%;
	left: 34px;
	border-radius: 33px;
	color: #FFF;
	text-align: center;
	font-size: 19px;
	transform: rotate(-90deg);
}
.functional-line a.joined i {
	margin-right: 2px;
}
.functional-line a.joined span {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    float: left;
    position: absolute;
    display: inline-block;
    max-width: 120px;
}
.functional-line .joined {
	background: #6d6e6d;
    width: 140px;
    height: 30px;
    position: absolute;
    left: -67px;
    border-radius: 33px;
    color: #fff;
    font-size: 13px;
    transform: rotate(-90deg);
    padding: 0 7px;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 2.3;
}
.functional-line .joined.left-side {
	top: 67%;
}
.functional-line .joined.right-side {
	top: 36%;
}
.pane-bottom-99 {
    position: absolute;
    background: #e8e8e8;
    height: 93%;
    right: 0;
    bottom: 0;
    width: 100%;
	padding-bottom: 8px;
	border-bottom: 2px solid #01a4ef;
}
.pane-left-1 {
    width: 200px;
    display: none;
    position: relative;
    float: left;
    height: 100%;
	background: rgba(12, 13, 13, .60);
	margin-right: 5px;
}
.pane-toolbar-1 {
    position: absolute;
    background: #e8e8e8;
    height: 34px;
    right: 0;
    bottom: 93%;
    width: 100%;
    margin: 0px 0 0 0px;
}
.pane-toolbar-1 a {
    font-size: 18px;
    margin: 4px;
}
.schema-container .parent.x, .process-container .parent.x {
	right: 7px;
	position: absolute;
	font-size: 25px;
	z-index: 99999;
	color: #747473;
	margin: initial;
	padding: initial;
}
.schema-dialogue .schema-dialogue-header {
	cursor: move;
}
.schema-dialogue .schema-dialogue-header h3 {
}
.schema-dialogue .schema-dialogue-header a.x {
}
.schema-dialogue .attributes {
}
.schema-dialogue a.join
,.schema-dialogue a.filter
,.schema-dialogue a.sigma {
	float: left;
	font-size: 14px;
	font-weight: bold;
	line-height: 2;
	padding: 0;
	margin: 0 5px;
	color: #cacaca;
	font-family: "Font Awesome 5 Free";
}
.schema-dialogue a.join:before {
	content: "\f534";
}
.schema-dialogue a.join.selected {
	font-weight: 900;
	color: #01a4ef;
}
.schema-dialogue a.filter:before {
	content: "\f0b0";
}
.schema-dialogue a.filter.selected {
	font-weight: 900;
	color: #01a4ef;
}
.schema-dialogue a.sigma:before {
	content: "\f1ec";
}
.schema-dialogue a.sigma.selected {
	font-weight: 900;
	color: #01a4ef;
}
.schema-dialogue .schema-dialogue-inside {
}
.schema-dialogue .schema-dialogue-inside .schema-dialogue-body {
}
.schema-dialogue .schema-dialogue-inside .schema-dialogue-body .schema-dialogue-content {
	overflow-y: scroll;
	max-height: 150px;
}
.schema-dialogue .schema-dialogue-inside .schema-dialogue-body .schema-dialogue-content form {
}
.schema-dialogue .schema-dialogue-inside .schema-dialogue-body .schema-dialogue-content form ul {
}
.schema-dialogue .schema-dialogue-inside .schema-dialogue-body .schema-dialogue-content form ul li {
  margin: 5px 0;
  display: flex;
  align-items: center;
  user-select: none;
}
.schema-dialogue .schema-dialogue-inside .schema-dialogue-body .schema-dialogue-content form ul li > * {
}
.schema-dialogue .schema-dialogue-inside .schema-dialogue-body .schema-dialogue-content form ul li label {
  font-size: 14px;
  color: #4d4d4d;
  position: relative;
  z-index: 10;
  padding-left: 3px;
  cursor: pointer;
}
.schema-dialogue .schema-dialogue-inside .schema-dialogue-body .schema-dialogue-content form ul li input {
  opacity: 0;
  visibility: hidden;
  position: absolute;
}
.schema-dialogue .schema-dialogue-inside .schema-dialogue-body .schema-dialogue-content form ul li input:checked ~ .check {
  border-color: #00ea90;
  box-shadow: 0px 0px 0px 15px #00ea90 inset;
}
.schema-dialogue .schema-dialogue-inside .schema-dialogue-body .schema-dialogue-content form ul li input:checked ~ .check::after {
  opacity: 1;
  transform: scale(1);
}
.schema-dialogue .schema-dialogue-inside .schema-dialogue-body .schema-dialogue-content form ul li .check {
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  border-radius: 100px;
  background-color: #fff;
  border: 2px solid #00ea90;
  box-shadow: 0px 0px 0px 0px #00ea90 inset;
  transition: all 0.15s cubic-bezier(0, 1.05, 0.72, 1.07);
}
.schema-dialogue .schema-dialogue-inside .schema-dialogue-body .schema-dialogue-content form ul li .check::after {
  content: "";
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 4;
  position: absolute;
  transform: scale(0);
  background-size: 50%;
  background-repeat: no-repeat;
  background-position: center;
  transition-delay: 0.2s !important;
  transition: all 0.25s cubic-bezier(0, 1.05, 0.72, 1.07);
}
.schema-dialogue .schema-dialogue-inside .schema-dialogue-footer {
}
.schema-dialogue .schema-dialogue-inside .schema-dialogue-footer a {
}
.schema-dialogue .schema-dialogue-inside .schema-dialogue-footer a span {
}
#schema-left-list {
    width: 200px;
    position: relative;
    overflow-y: auto;
}
#schema-left-list li {
	display: block;
	position: relative;
	margin: 0 auto;
}
#schema-left-list li span {
	flex-wrap: nowrap;
	position: relative;
	vertical-align: top;
	display: flex;
}
#schema-left-list li span .schema-location-left {
    width: initial;
    padding: 5px;
    font-family: 'Armata', sans-serif;
    color: #FFF;
}
#schema-left-list li span .add-schema-click {
    right: 0px;
    color: #FFF;
    display: block;
    cursor: pointer;
    float: right;
    font-family: "Font Awesome 5 Free";
    text-align: center;
    font-size: 16px;
    padding: 0px;
    position: relative;
    min-width: 21px;
}
#schema-left-list li span .add-schema-click:before {
	content: "\f005";
}
#schema-left-list li span .add-schema-click.selected {
	font-weight: 900;
}

#schema-left-list li span > * {
    display: block;
    vertical-align: top;
    float: left;
    line-height: 2.2;
}

#schema-left-list .filter-things {
	width: 98%;
}
.page-container .wf-container {
	z-index: 1;
}
.page-container .wf-container .section-one {
	width: 100%;
	height: 100%;
}
.page-container .wf-container .section-one {
	margin-top: 15%;
}
.page-container .wf-container.view-media .section-one {
	margin-top: initial;
}
.page-container .wf-container.view-media .section-one .wf-dialogue {
    margin-top: 5%;
    width: 100%;
    height: 87%;
}
.page-container .wf-container.role-editor .section-one {}
.page-container .wf-container.editor .section-one, .page-container .column-editor .wf-container .section-one {
	margin: 4% 0px 0px 8%;
}
.page-container .wf-container .wf-dialogue {
	box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.4);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.page-container .wf-container .wf-dialogue .wf-dialogue-header ul.t, ul.t.column-menu-top-list {
	float: left;
	margin-bottom: initial;
}
.page-container .wf-container .wf-dialogue .wf-dialogue-body .wf-dialogue-content {
	padding: initial;
	border: initial;
}
.action-model {
	height: 100%;
	width: 100%;
	position: relative;
}
.action-model .action-model-attributes.static-form, .action-model .action-model-attributes.dynamic-form {
	background: rgba(213, 213, 213, 0.50);
	bottom: 0;
	left: 0;
	right: 0;
	position: absolute;
	box-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
	border-radius: 5px;
	border: 1px solid #d8d3be;
	border-top: none;
	height: 200px;
	display: inline-block;
	vertical-align: top;
	margin: 0px 0px 5px 0px;
}
.view-communication .action-model .action-model-attributes.dynamic-form {
	position: relative;
	height: initial;
	width: 49%;
}
.view-communication .app-communication-form {
	padding:  5px;
}
.view-communication .app-communication-form ._from {
	margin-right: 8px;
}
.view-communication .app-communication-form ._from
,.view-communication .app-communication-form ._to {
	width: 49%;
	float: left;
}
.view-communication .app-communication-form ._to {
}
.view-communication .app-communication-form .email-container {
	height: 101px;
	margin-bottom: 6px;
}
.cat-prod-finder-guts form.schedule-form .form-group {
	position:relative;
}
.cat-prod-finder-guts form.schedule-form .form-group.removelabelWithouClass._name {
}
.cat-prod-finder-guts form.schedule-form .form-group.container-scheduletype,
.cat-prod-finder-guts form.schedule-form .form-group.short._recursevery,
.cat-prod-finder-guts form.schedule-form .form-group.removelabelWithouClass._frequency,
.cat-prod-finder-guts form.schedule-form .form-group.container-startdate,
.cat-prod-finder-guts form.schedule-form .form-group.container-enddate {
	display: inline-block;
	float: left;
	vertical-align:top;
	min-height: 60px;
}
.cat-prod-finder-guts form.schedule-form .form-group.container-startdate,
.cat-prod-finder-guts form.schedule-form .form-group.container-enddate {
	width: 49%;
	margin: 0 2px;
}
.cat-prod-finder-guts form.schedule-form .form-group.container-scheduletype label,
.cat-prod-finder-guts form.schedule-form .form-group.container-scheduletype div,
.cat-prod-finder-guts form.schedule-form .form-group.short._recursevery label,
.cat-prod-finder-guts form.schedule-form .form-group.short._recursevery div,

.cat-prod-finder-guts form.schedule-form .form-group.container-startdate label,
.cat-prod-finder-guts form.schedule-form .form-group.container-startdate div,
.cat-prod-finder-guts form.schedule-form .form-group.container-enddate label,
.cat-prod-finder-guts form.schedule-form .form-group.container-enddate div {
	display: inline-block;
	float:left;
	vertical-align: top;
}
.cat-prod-finder-guts form.schedule-form .form-group.container-scheduletype label {
}
.cat-prod-finder-guts form.schedule-form .form-group.container-scheduletype div {
	width: 90px;
}
.cat-prod-finder-guts form.schedule-form label {
	margin: 0 5px;
}
.cat-prod-finder-guts form.schedule-form .form-group.short._recursevery label {
}
.cat-prod-finder-guts form.schedule-form .form-group.short._recursevery div {width: 44px;}
.cat-prod-finder-guts form.schedule-form .form-group.container-scheduletype {width: 178px;}
.cat-prod-finder-guts form.schedule-form .form-group.short._recursevery {width: 127px;}
.cat-prod-finder-guts form.schedule-form .form-group.removelabelWithouClass._frequency {width: 130px;}
.cat-prod-finder-guts form.schedule-form .form-group.chk {float: left;left: 25%;}
.cat-prod-finder-guts form.schedule-form .form-group.chk._monday {}
.cat-prod-finder-guts form.schedule-form .form-group.chk._tuesday {
}
.cat-prod-finder-guts form.schedule-form .form-group.chk._wednesday {
}
.cat-prod-finder-guts form.schedule-form .form-group.chk._thursday {
}
.cat-prod-finder-guts form.schedule-form .form-group.chk._friday {
}
.cat-prod-finder-guts form.schedule-form .form-group.chk._saturday {
}
.cat-prod-finder-guts form.schedule-form .form-group.chk._sunday {
}
.cat-prod-finder-guts form.schedule-form .form-group.container-occurrsat {clear: both;}
.cat-prod-finder-guts form.schedule-form .form-group.container-startdate,
.cat-prod-finder-guts form.schedule-form .form-group.container-enddate {
}
.cat-prod-finder-guts form.schedule-form .form-group.container-startdate {
}
.cat-prod-finder-guts form.schedule-form .form-group.container-enddate {}
.cat-prod-finder-guts form.schedule-form .form-group.container-startdate div,
.cat-prod-finder-guts form.schedule-form .form-group.container-enddate div {
	width: 70%;
}
.cat-prod-finder-guts form.schedule-form .form-group.container-enddate div {}
.cat-prod-finder-guts form.schedule-form .btn-container {
}
.logged-out .signup-step-1 {
	display: inline-block;
	width: 242px;
}
.logged-out .signup-step-1 .form-group {
	margin: 3px 1px;
}
.logged-out .signup-step-1 .signup-button {
	display: block;
	width: 242px;
	margin: 5px 0;
}
.logged-out .signup-step-1 .signup-button input {
	float: right;
	margin: initial;
	padding: 0.5em 1.1em;
}
.logged-out #widget-sign {
	padding: 3px 1px 0px 150px;
}
.logged-out #widget-sign .col-lg-offset-3.col-lg-10 input {
	right: 0;
	top: 0;
	position: absolute;
}
.logged-out .signup-step-1 .firstName, .logged-out .signup-step-1 .lastName {
	width: 49%;
	float: left;
}
.logged-out .signup-step-1 .form-group.removelabelWithouClass._agreetos .col_removelabelWithouClass {
	width: 20px;
	float: left;
	display: block;
}
.logged-out .signup-step-1 .form-group.removelabelWithouClass._agreetos {
	float: left;
	font-size: 12px;
	width: 180px;
	display: inline-block;
	opacity: 0;
}
input.form-control._agreetos {
	height: 14px;
	width: 14px;
	cursor: pointer;
}
.logged-out .signup-step-1 .form-group.removelabelWithouClass._agreetos p {
	margin: initial;
	float: left;
	width: 138px;
	font-size: 10px;
	line-height: 1;
	font-weight: 500;
}
.logged-out .signup-step-1 .form-group.removelabelWithouClass._agreetos p a.terms {
	margin: initial;
	padding: 0.5em 1.1em;
	padding: 0.5em 1.1em;
}
.logged-out .signup-step-1 .form-group.removelabelWithouClass.email, .logged-out .signup-step-1 .form-group.removelabelWithouClass._password {
	float: left;
	width: 240px;
}
.logged-out .signup-step-1 .form-group.removelabelWithouClass.email div.form-control, .logged-out .signup-step-1 .form-group.removelabelWithouClass._password div.form-control {
	padding: initial;
}
.logged-out .signup-step-1 .form-group.removelabelWithouClass._code {
	width: 34%;
}
.logged-out .signup-step-1 .form-group.removelabelWithouClass._cellno, .logged-out .signup-step-1 .form-group.removelabelWithouClass._code {
	float: left;
}
.logged-out .signup-step-1 .form-group.removelabelWithouClass._cellno {
	width: 64%;
}

.action-model .action-model-attributes .model-attribute {
	display: inline-block;
	float: left;
	position: relative;
	width: 33%;
	padding: 10px;
	height: 100%;
}
.action-model.report-selector .action-model-attributes .model-attribute {
	width: 50%;
}
.action-model .action-model-attributes .model-attribute .colt {
	display: inline-block;
	margin: 0 5px;
	vertical-align: top;
}
.action-model .action-model-attributes .model-attribute .col-tick {
	display: block;
	float: right;
	margin: -1px 34px 0px 0px;
}
.action-model .action-model-attributes .model-attribute .col-tick>* {
	float: left;
	position: absolute;
}
.action-model .action-model-attributes .model-attribute .col-tick span {
	padding: 2px 8px;
	z-index: 1;
}
.action-model .action-model-attributes .model-attribute .colt select, .action-model .action-model-attributes .model-attribute .colt input {
	font-size: 14px;
	width: 115px;
	padding: 0 5px;
}
.action-model .action-model-attributes .model-attribute a {}
.action-model .action-model-attributes .model-attribute a.learn-more {
	color: #d79b07;
	display: block;
	text-align: right;
}
.action-model .action-model-attributes .model-attribute .btn-attr-element {
	width: 100%;
	margin: 0;
	text-align: center;
}
.action-model .action-model-attributes .model-attribute .attribute-name {
	display: block;
	position: relative;
	padding: 5px;
	text-align: center;
	font-weight: bold;
	text-indent: 0px;
	text-shadow: 1px 1px 2px #6a6968;
	opacity: .99;
}
.action-model .action-model-attributes .model-attribute .attribute-description {
	clear: both;
	text-align: center;
	padding: 5px;
	width: 100%;
	display: block;
	color: #595a63;
}
.api-info-container .inner,.api-info-container .api-get-roles {
	display: none;
}

.applicationpageapi .container-top {
	background: #c2c2c2;
	height: 31px;
}
.applicationpageapi ul.t {
	margin-bottom: initial;
	border: initial;
}
.applicationpageapi .container-body {
	position: relative;
	z-index: 2;
	width: 100%;
	background-image: url(/v1/assets/images/landscape-iot-gateway.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	display: inline-block;
	vertical-align: top;
}
.applicationpageapi .menu-location {
	border-bottom: none;
	-webkit-border-radius: 3px 3px 0px 0px;
	-moz-border-radius: 3px 3px 0px 0px;
	-ms-border-radius: 3px 3px 0px 0px;
	border-radius: 3px 3px 0px 0px;
}
.applicationpageapi .menu-location {
	background: transparent;
}
.applicationpageapi .menu-location:hover {
	background: #FFF;
	color: #20232D;
}
.applicationpageapi .menu-location.selected {
	background: #FFF;
}
.applicationpageapi .api-get-roles {
	font-family: "Font Awesome 5 Free";
	color: #ff8b00;
	position: absolute;
	text-align: right;
}
.applicationpageapi .lamp-one {}
.applicationpageapi .lamp-two {}
.applicationpageapi .lamp-three {}
.applicationpageapi .bus-one {}
.applicationpageapi .inner>* {
	display: block;
	clear: both;
	width: 100%;
	color: #FFF;
	font-family: 'Armata', sans-serif;
}
.applicationpageapi .container-body {
	height: calc(100% - 31px);
}
.applicationpageapi .container-body>* {
	float: left;
	width: 100%;
}
.applicationpageapi .container-body h6 {
	cursor: default;
	background: #ff8500;
	border: 1px solid #FFF;
	border-left: none;
	z-index: 0;
	-webkit-box-shadow: -2px 2px 4px 0 rgba(0, 0, 0, .3);
	-moz-box-shadow: -2px 2px 4px 0 rgba(0, 0, 0, .3);
	box-shadow: -2px 2px 4px 0 rgba(0, 0, 0, .3);
	color: #fff9e1;
	font-size: 12px;
	font-weight: bold;
	margin: 0px -54px -5px;
	padding: 10px 20px 10px 10px;
	text-shadow: 0 -1px 0 #A97500;
	text-transform: uppercase;
	position: relative;
	text-align: right;
	width: 10%;
	float: right;
}
.applicationpageapi .container-body p, .applicationpageapi .container-body p a {
	font-size: 11px;
	vertical-align: top;
}
.applicationpageapi .container-body p a {
	font-size: 11px;
	line-height: 1.8;
	display: inline-block;
	position: relative;
	width: initial;
}
.applicationpageapi .container-body p {
	width: 87%;
	color: #42454a;
	font-weight: 400;
	margin-left: 3px;
	line-height: 1.8;
	float: left;
	word-break: break-word;
	vertical-align: top;
}
.applicationpageapi .close-container, .applicationpageapi .resource-name, .applicationpageapi a.page-tool-anchor, a.tour-priority, a.event-priority {
	background: #FFF9E1;
	border-top: 1px solid #F3D794;
	border-bottom: 1px solid #FFF;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #7E5700;
	padding: 4px 8px;
	height: 25px;
	line-height: 1.6;
	width: initial;
	float: left;
	margin: 10px;
}
.applicationpageapi .resource-name {
	margin: initial;
	float: initial;
}
.applicationpageapi .close-container:hover, .applicationpageapi .resource-name:hover, .applicationpageapi a.page-tool-anchor:hover, a.tour-priority:hover, a.event-priority:hover {
	background: #926600;
	cursor: pointer;
	text-decoration: none;
	border-bottom-color: #f3d793;
	color: #FFF;
	border-bottom: 1px;
}
.applicationpageapi .resource-name {
	margin: initial;
	float: initial;
}
.applicationpageapi .close-container {
	margin: 5px;
	position: absolute;
	right: 0;
	z-index: 1;
}
.applicationpageapi .container-body .resource-container {
	width: 100%;
	height: 77%;
	background: rgba(0, 0, 0, 0.6);
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
}
.resource-container .work-area {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
}
.resource-container .work-area .jsoneditor {
	border: initial;
}
.resource-container .work-area .jsoneditor .jsoneditor-menu {
	background: #ffffff;
	border: initial;
}
.resource-container .work-area .jsoneditor .jsoneditor-menu>button, .resource-container .work-area .jsoneditor .jsoneditor-modes>button {
	width: 26px;
	height: 26px;
	margin: 2px;
	padding: 0;
	border-radius: 2px;
	border: 1px solid transparent;
	background-image: url(/v1/assets/images/jsoneditor-icons.svg);
	cursor: pointer;
	color: #ff8600;
	opacity: .8;
	font-family: arial, sans-serif;
	font-size: 10pt;
}
.resource-container .work-area .jsoneditor .jsoneditor-menu button.jsoneditor-expand-all, .resource-container .work-area .jsoneditor .jsoneditor-menu button.jsoneditor-collapse-all, .resource-container .work-area .jsoneditor .jsoneditor-menu button.jsoneditor-format, .resource-container .work-area .jsoneditor .jsoneditor-menu button.jsoneditor-compact {
	width: 26px;
	height: 26px;
	padding: 0;
	background-image: url(/v1/assets/images/jsoneditor-icons.svg);
	cursor: pointer;
	opacity: .8;
	font-size: 10pt;
	background-color: #42454a;
	font-weight: 700;
	padding: 0px 7px;
	color: #20232D;
	margin: 0 2px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #EFEFEF;
	display: inline-block;
	text-align: center;
}
.resource-container .work-area .jsoneditor .jsoneditor-modes .jsoneditor-modes {
	margin-left: 10px;
	background-image: none;
	min-width: 55px;
}
.resource-container .work-area .jsoneditor .jsoneditor-search {
	right: 50px;
}
.resource-container .work-area.preformatted .jsoneditor .jsoneditor-search {
	display: none;
}

.resource-container .work-area .jsoneditor .jsoneditor-search .jsoneditor-frame {
	border-radius: 5px;
	border-top: 1px solid #01a4ef;
	border-bottom-color: #ff8600;
	border-bottom: 1px;
}
.resource-container .work-area .jsoneditor div.jsoneditor-tree button, .resource-container .work-area .jsoneditor div.jsoneditor-tree div.jsoneditor-contextmenu ul li button div.jsoneditor-expand, .resource-container .work-area .jsoneditor div.jsoneditor-tree div.jsoneditor-contextmenu div.jsoneditor-icon {
	background-image: url(/v1/assets/images/jsoneditor-icons.svg);
}
.resource-container .work-area .jsoneditor div.jsoneditor-tree div.jsoneditor-contextmenu ul.jsoneditor-menu li button {
	background: 0 0;
}
.resource-container .work-area .jsoneditor div.jsoneditor-tree div.jsoneditor-contextmenu ul.jsoneditor-menu li button.jsoneditor-selected, .resource-container .work-area .jsoneditor div.jsoneditor-contextmenu ul li button.jsoneditor-selected, .resource-container .work-area .jsoneditor div.jsoneditor-contextmenu ul li button.jsoneditor-selected:focus, .resource-container .work-area .jsoneditor div.jsoneditor-contextmenu ul li button.jsoneditor-selected:hover, .resource-container .work-area .jsoneditor div.jsoneditor-contextmenu ul li button.jsoneditor-selected {
	background: #01a4ef;
	color: #FFF;
}
.resource-container .work-area .jsoneditor div.jsoneditor-tree div.jsoneditor-contextmenu div.jsoneditor-icon {}
.resource-container .work-area .jsoneditor .jsoneditor-outer .jsoneditor-tree {
	background: #FFF;
}
.resource-container .work-area .jsoneditor .jsoneditor-search button {
	background-image: url(/v1/assets/images/jsoneditor-icons.svg);
	cursor: pointer;
}
.resource-container .work-area .jsoneditor .jsoneditor-outer {
	border-bottom: 1px solid #F3D794;
}
.applicationpageapi a.time-to-expire {
	margin: 7px 0px 0px -2px;
	color: #01a4ef;
	font-size: 14px;
	cursor: pointer;
	float: initial;
}
.applicationpageapi .container-body .get-auth-code, .applicationpageapi .container-body .get-auth-token, .applicationpageapi .container-body .test-resource {
	background: #FFF;
}
.applicationpageapi .container-body .get-auth-code {
	height: 23%;
	border-bottom: 1px solid #c2c2c2;
}
.applicationpageapi .container-body .get-auth-token {
	height: 55%;
}
.applicationpageapi .container-body .test-resource {
	height: 22%;
}

a.check, a.role-stack-check {
	background: #FFF;
	border: 1px solid #CEC499;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	height: 18px;
	width: 18px;
	position: relative;
	display: block;
}
a.check.selected, a.role-stack-check.selected {
	background: #FFF url(/v1/assets/images/sprites-catalogue.png) -23px 2px;
}
a.check:hover, a.check.selected:hover, a.role-stack-check.selected:hover {
	border-color: #AD7900;
}
a.role-dismiss, a.remove-selected, a.test-workflow, a.test-mail, a.rebuild, a.test-tour, .bs-dialogue-header .get-roles, .dark-contrast-btn {
	background: #42454a;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 3px;
	color: #FFF;
	font-size: 11px;
	margin: 5px 10px 0 0;
	padding: 3px 7px 5px;
	border: 1px #42454a solid;
}
a.remove-selected i, a.test-workflow i, a.test-mail i, a.test-tour i, .bs-dialogue-header .get-roles i {
	background: url(/v1/assets/images/sprites-catalogue.png) -25px -25px;
	float: left;
	height: 9px;
	width: 9px;
	margin: 1px 7px 0 0;
}
a.remove-selected:hover, a.test-tour:hover, a.test-workflow:hover, a.test-mail:hover, a.rebuild:hover, .bs-dialogue-header .get-roles:hover, .dark-contrast-btn:hover {
	background: transparent;
	text-decoration: none;
	border: 1px #FFF solid;
}
.applicationpagetour .container-tour, .applicationpageevent .container-tour
,.cat-container, .schema-dialogue .schema-dialogue-inside .schema-dialogue-body .schema-dialogue-content form {
	width: 100%;
	height: 100%;
	display: inline-block;
	position: relative;
	vertical-align: top;
}
.applicationpagetour .container-tour .add-new-tour
,.applicationpageevent .container-tour .add-new-event
,.add-new-role {
	display: block;
	position: relative;
	text-align: center;
	padding: 2px 0px;
}
.applicationpagetour .container-tour>div
,.applicationpageevent .container-tour>div
,.thingmenu .lefty, .thingmenu .rodney
,.cat-container>div{
	height: 100%;
	display: block;
	float: left;
	position: relative;
}
.applicationpagetour .container-tour>div, .applicationpageevent .container-tour>div
,.cat-container>div {
	width: 50%;
}
.applicationpagetour .container-tour .lefty, .applicationpageevent .container-tour .lefty, .thingmenu .lefty {
	height: 85%;
}
.applicationpagetour .container-tour .lefty .tour-items, .applicationpageevent .container-tour .lefty .tour-items, .form-body ul {
	background: rgba(0, 0, 0, 0.6);
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	height: 246px;
	overflow-x: hidden;
	overflow-y: scroll;
}
.applicationpagetour .container-tour .lefty .add-new, .applicationpageevent .container-tour .lefty .add-new
,.add-role-container {
	height: 43px;
	padding: 10px;
	display: block;
}
.applicationpagetour .container-tour .lefty .tour-item, .applicationpageevent .container-tour .lefty .tour-item, li.role-stack-item, .column-template-item, li.role-stack-item-new {
	border-bottom: 1px solid #CEC499;
	height: 69px;
	position: relative;
}
.applicationpagetour .container-tour .lefty .tour-item.even, .applicationpageevent .container-tour .lefty .tour-item.even, .column-template-item.even, .role-stack-item.even {
	background: #dfe3e2;
}
.applicationpagetour .container-tour .lefty .tour-item, .applicationpageevent .container-tour .lefty .tour-item>div, .role-stack-item>*, .column-template-item>*, .role-stack-item-new>* {
	vertical-align: top;
	display: inline-block;
}
.applicationpageevent .container-tour .lefty .tour-item .event-model, .applicationpageevent .container-tour .lefty .tour-item .event-model, .applicationpageevent .container-tour .lefty .tour-item .event-model form, .applicationpageevent .container-tour .lefty .tour-item .event-model .event-attribute {
	width: 100%;
	height: 100%;
}
.applicationpageevent .container-tour .lefty .tour-item .event-model .event-model-attributes {
	height: inherit;
}
.applicationpageevent .container-tour .lefty .tour-item .event-model .event-model-attributes .event-attribute {}
.applicationpageevent .container-tour .lefty .tour-item .event-model .event-model-attributes .event-attribute>* {
	display: inline-block;
	vertical-align: top;
	float: left;
	margin: 2px 5px;
	position: relative;
	top: 10px;
}
.applicationpageevent .container-tour .lefty .tour-item .event-model .event-model-attributes .event-attribute div.col {}
.applicationpageevent .container-tour .lefty .tour-item .event-model .event-model-attributes .event-attribute div.col select {
	font-size: 14px;
	border: 1px solid #ccc;
}
.applicationpageevent .container-tour .lefty .tour-item .event-model .event-model-attributes .event-attribute button.col {}
.applicationpageevent .container-tour .lefty .tour-item .event-model .event-model-attributes .event-attribute span {}
.applicationpageevent .container-tour .lefty .tour-item .event-model .event-model-attributes .event-attribute .attribute-name {
	clear: left;
}
.applicationpageevent .container-tour .lefty .tour-item .event-model .event-model-attributes .event-attribute .attribute-description {}
.applicationpagetour .container-tour .lefty .tour-item .tour-pic, .applicationpageevent .container-tour .lefty .tour-item .tour-pic, .role-stack-item img, .column-template-item img {
	margin: 10px;
	display: block;
	float: left;
}
.applicationpagetour .container-tour .lefty .tour-item .tour-pic img, .applicationpageevent .container-tour .lefty .tour-item .tour-pic img, .role-stack-item img, .column-template-item img {
	height: 48px;
	width: 48px;
	float: left;
	overflow: hidden;
}
.applicationpagetour .container-tour .lefty .tour-item .tour-title, .applicationpageevent .container-tour .lefty .tour-item .tour-title, .role-stack-item .role-item, .column-template-item .table-item {
	word-wrap: normal;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.applicationpagetour .container-tour .lefty .tour-item .tour-title, .applicationpageevent .container-tour .lefty .tour-item .tour-title, .applicationpagetour .container-tour .lefty .tour-item .tour-desc, .applicationpageevent .container-tour .lefty .tour-item .tour-desc, .role-stack-item .role-description, .column-template-item .table-item .col-name {
	float: left;
	margin-left: 8px;
	width: 150px;
}
.applicationpagetour .container-tour .lefty .tour-item .tour-desc, .applicationpageevent .container-tour .lefty .tour-item .tour-desc, .role-stack-item .role-description, .column-template-item .table-item .col-desc {
	height: 36px;
	overflow-y: hidden;
}
.applicationpagetour .container-tour .lefty .tour-item .tour-desc>a, .applicationpageevent .container-tour .lefty .tour-item .tour-desc>a .applicationpagetour .container-tour .lefty .tour-item .tour-desc>a:hover, .applicationpageevent .container-tour .lefty .tour-item .tour-desc>a:hover {
	text-decoration: none;
}
.applicationpagetour .container-tour .lefty .tour-item .tour-qedit-check, .applicationpageevent .container-tour .lefty .tour-item .tour-qedit-check {
	float: right;
	right: 0;
	top: 0;
	position: absolute;
	margin-top: 5px;
}
.applicationpagetour .container-tour .lefty .tour-item .tour-qedit-check .tour-priority, .applicationpageevent .container-tour .lefty .tour-item .tour-qedit-check .event-priority {
	float: left;
}
.applicationpagetour .container-tour .lefty .tour-item .tour-qedit-check>*, .applicationpageevent .container-tour .lefty .tour-item .tour-qedit-check>* {
	margin: 0 5px;
	float: left;
}
.applicationpagetour .container-tour .report-selector {
    height: 12%;
    display: block;
    position: relative;
    float: left;
    width: 100%;
}
.view-communication .applicationpagetour .container-tour .lefty {
	height: 88%;
}
.view-communication .applicationpagetour .container-tour .rodney {
	height: 100%;
	margin-top: -6%;
}
.data-source .source-container > * {
	
}
.data-source .source-container .report-item-count {
    float: right;
    top: 10px;
    position: absolute;
    width: 100px;
    right: 7px;
    text-align: right;
	font-size: 14px;
	font-family: 'Armata', sans-serif;
}
.data-source .source-container .report-item-count span {
}
.applicationpageevent .container-tour .lefty .tour-item .tour-qedit-check .page-event {
	position: absolute;
	display: block;
	right: 0px;
	top: 32px;
	font-size: 20px;
	color: #e3a403;
}
.applicationpagetour .container-tour .rodney, .applicationpageevent .container-tour .rodney, .thingmenu .rodney
,.cat-prod-finder-guts {
	background: #d5d5d5;
	border-left: 1px solid #949594;
	overflow: hidden;
}

.form-body ul {
	margin-bottom: initial;
	height: 290px;
}
.form-body .role-container {
	width: 200px;
}
.role-stack-item .role-item {
	float: left;
	width: 100%;
}
.role-stack-item .check {
	right: 0;
	top: 0;
	float: right;
	margin: 10px;
}
.role-stack-item-new .add-new-role-form
,.add-new-role-filter-form {
	margin: 15px 10px;
}
.role-stack-item-new .add-new-role-form>*
,.add-new-role-filter-form>*
,.new-column form.standard-form>*:not(.hidden)
,.new-column form.standard-form .form-group>*:not(.hidden) {
	vertical-align: top;
	display: inline-block;
	float: left;
}
.form-body .add-new-role {
	height: 100%;
	line-height: 1;
}
.tag-container {
	font-size: 11px;
	position: absolute;
	background: #42454a;
	z-index: 5;
	right: 3px;
	width: 25%;
	top: 2px;
	color: #FFF;
}
#prod-editor-form .tag-highlighter {
	display: none;
}
.query-body .autocomplete-container,.form-body .autocomplete-container, .form-body .tag-highlighter {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: flex-start;
	align-content: flex-start;
}
.query-body .autocomplete-container,.form-body .autocomplete-container {
	position: absolute;
	background: #FFF;
	overflow-y: scroll;
	box-shadow: 0 4px 3px 0 rgba(0, 0, 0, .2);
	font-size: 14px;
	line-height: 1.2;
	top: 0;
	height: fit-content;
	z-index: 3;
	width: 70%;
	overflow: hidden;
}
.query-body .autocomplete-container li,.form-body .autocomplete-container li, .form-body .tag-highlighter>* {
	display: inline-block;
	width: 100%;
	height: initial;
	align-self: stretch;
}
.form-body .tag-highlighter .ti {}
.form-body .tag-highlighter:last-child:not(input) {
	margin-bottom: 25px;
}
.form-body .tag-highlighter .ti span {
	font-size: 12px;
	margin: 3px;
}
.form-body #highlighter-header {
	color: #d8b67a;
	font-size: 12px;
	margin-bottom: 0px;
	bottom: 0;
	position: absolute;
}
.form-body #highlighter-header a {
	float: right;
}
.form-body .autocomplete-container li.selectable {}
.query-body .autocomplete-container li.selectable span b,.form-body .autocomplete-container li.selectable span b {
	padding: 4px;
	border: 1px solid transparent;
	display: inline-flex;
	width: initial;
}
.query-body .autocomplete-container li.selected span b,.form-body .autocomplete-container li.selected span b, span.hl {
	background: #FDEEB9;
}
.form-body .post-button, .form-body .post-counter {
	position: absolute;
	bottom: 10px;
	margin: initial;
	z-index: 5;
}
.form-body .post-button {
	right: 10px;
}
.form-body .post-counter {
	right: 40px;
}
.highlighter {
	color: #FFF;
}
.query-body .autocomplete-container li.selected span b, .form-body .autocomplete-container li.selected span b {
	border-radius: 3px;
	border: 1px solid #CEC499;
	display: inline-flex;
	width: initial;
}
.query-body .autocomplete-container li span strong,.form-body .autocomplete-container li span strong {
	color: #01a4ef;
}
.query-body .autocomplete-container li span.fas,.form-body .autocomplete-container li span.fas {
	margin: 0 5px;
}
.form-body .text-area-editor, .form-body .highlighter-container {
	width: 100%;
	height: 290px;
	font-family: Consolas, "courier new";
	color: #3C3C3C;
	font-size: 15px;
	font-weight: 600;
	position: absolute;
	padding: initial;
}
.form-body .text-area-editor {
	z-index: 4;
	background: transparent;
}
.form-body .highlighter-container {
	z-index: 3;
}
/* Role Editor */

.role-editor ul.t {}
/* Thing Menu */

.thingmenu {
	width: 100%;
	position: relative;
	overflow: hidden;
	height: 215px;
}
.thingmenu .lefty {
	padding: 10px;
}
.bs-dialogue.wf-inner.edit-thing-menu .bs-dialogue-header .athenian-square
,.bs-dialogue.wf-inner.edit-thing-menu .bs-dialogue-header h3

,.new-communication .bs-dialogue-header .athenian-square
,.new-communication .bs-dialogue-header h3

,.cat-container .bs-dialogue.wf-inner .bs-dialogue-header .athenian-square
,.cat-container .bs-dialogue.wf-inner .bs-dialogue-header h3 {
	margin: 4px 6px 0px 0px;
}
.thingmenu .lefty {
	width: 27%;
}
.thingmenu .rodney {
	width: 73%;
}
.thingmenu .menu-move-container {
	height: 36px;
	width: 100%;
	padding: 0 16%;
}
/* Add Column Widget */

.bs-dialogue.column-editor {
	margin: 12% 10%;
	width: 80%;
	height: 72%;
}
.bs-dialogue.column-editor .bs-dialogue-inside .bs-dialogue-body .bs-dialogue-content {
	width: 100%;
}
.bs-dialogue.column-editor .bs-dialogue-header {
	padding: 5px 10px;
}
.bs-dialogue.column-editor .bs-dialogue-inside {
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-top: none;
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.4);
	border-radius: 0px 0px 3px 3px;
	overflow: hidden;
	border-right: 1px solid #b9b9b8;
	background: #b9b9b8;
}
.column-add-part-1, .column-add-part-2 {
	display: inline-block;
	vertical-align: top;
	float: left;
	height: 398px;
}
.column-add-part-1 {
	width: 200px;
	background: #b9b9b8;
}
.column-add-part-1 ul
,.column-add-part-2 .column-container-list ul.right-column-list {
	padding: 0;
	margin-bottom: 0px;
	padding-top: 5px;
}
.column-add-part-1 ul li {}
.column-add-part-2 {
	width: calc(100% - 200px);
	overflow: hidden;
	background: #FFF;
}
.column-add-part-2 .column-editor-tools {
	background: #ffffff;
	width: 100%;
	height: 46px;
	display: inline-block;
	border-top: 4px solid #b9b9b8;
}
.column-add-part-2 .column-menu-top-list {
	height: 36px;
	width: 100%;
	background: #b9b9b8;
}
.column-add-part-2 ul.column-action-items {
	width: 100%;
}
.column-add-part-2 .tab-counter {}
.column-add-part-2 .column-container-list {
	width: 200px;
	float: left;
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 0;
}
.column-container-main {
	z-index: 1;
	position: relative;
}
.column-add-part-2 .column-container-list ul.right-column-list {
}
.column-add-part-2 .column-container-list ul.right-column-list li:not(.filter-columns) {
}
.column-add-part-2 .column-container-list ul.right-column-list li.filter-columns {
}
.column-add-part-2 .column-container-list ul.right-column-list li a {
}
.column-add-part-2 .column-container-list ul.right-column-list li a i {
}
.column-add-part-2 .loading-li {
	display: block;
	width: calc(100% - 200px);
	height: calc(100% - 103px);
	position: absolute;
}
.column-add-part-2 .loading-li .athenian-rule-executing-obj {
	height: 100%;
	position: relative;
	width: 100%;
}
.column-add-part-2 .column-body, .column-add-part-2 .column-body .l-one {
	display: inline-block;
	vertical-align: top;
	width: 100%;
	height: 311px;
}
.column-add-part-2 .column-body {
	border-top: 1px solid #b9b9b8;
}
.column-template-item .table-item {
	width: 100%;
	position: relative;
}
.column-template-item .table-item .col-sql {
	float: left;
	height: 69px;
	width: 40px;
}
.column-template-item .table-item .fa-filter {
	background: #E6A308;
	color: #FEF7DE;
	display: block;
	position: absolute;
	margin: 8px 5px;
	line-height: 1.6;
	border-radius: 5px;
	padding: 4px 8px;
}
.col-sql a {
	float: left;
	height: 20px;
	margin: 10px 0px 2px 8px;
}
.column-template-item .table-item .col-pic {
	border: 1px solid #BBB;
	background: #FFF;
	border-radius: 3px;
	float: left;
	height: 50px;
	width: 50px;
	margin: 9px 0px 0px;
	overflow: hidden;
	padding: 1px;
	text-align: center;
}
.column-template-item .table-item .col-name {}
.column-template-item .table-item .column .col-name {
	color: #4684bc;
	font-size: 12px;
	font-weight: bold;
	height: 35px;
	width: 220px;
	overflow: hidden;
	position: absolute;
	left: 95px;
	top: 10px;
	white-space: nowrap;
	display: inline-block;
	vertical-align: top;
	margin-left: initial;
}
.column-template-item .table-item .column .col-name .db-column-name {
	display: block;
	float: left;
}
.column-template-item .table-item .column .col-name .db-column-display {
	display: block;
	float: left;
	clear: both;
}
.column-template-item .table-item .column .col-desc {
	overflow: hidden;
	position: absolute;
	left: 95px;
	top: 45px;
	white-space: nowrap;
	width: 220px;
	max-width: 220px;
}
.column-template-item .table-item .column .col-desc a {}
.column-template-item .table-item .column .col-qedit-check {
	position: absolute;
	right: 7px;
	top: 10px;
}
.column-template-item .table-item .column .col-qedit-check a.qedit
,a.fedit
,.column-security-body .role-filter a.close-container {
	background: #FFF9E1;
	border-top: 1px solid #F3D794;
	border-bottom: 1px solid #FFF;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #7E5700;
	padding: 4px 8px;
}
a.fedit {
	float: right;
	margin: 6px;
}
.column-template-item .table-item .column .col-qedit-check a.qedit:hover
,a.fedit:hover
,.column-security-body .role-filter a.close-container:hover {
	background: #BE8600;
	color: #FFF;
	text-decoration: none;
}
.column-template-item .table-item .column .col-qedit-check a.check {
	border: 1px solid #CEC499;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	float: right;
	height: 18px;
	width: 18px;
	margin: 0px 10px;
}
.column-template-item .table-item .column .col-qedit-attr {
	display: block;
	float: right;
	margin: 33px 15px 0px 0px;
	font-size: 22px;
}
.column-template-item .table-item .column .col-qedit-attr .column-data-type {
	font-size: 11px;
	letter-spacing: 1px;
}
.column-template-item .table-item .column .col-qedit-attr .column-data-type span {
	margin-right: 3px;
}
.column-template-item .table-item .column .col-qedit-attr a, a.rule-priority,a.global-params, a.tour-priority, a.event-priority {
	color: #b38522;
	text-shadow: #ad7901 0px -1px 0px;
}
.column-template-item .table-item .column .col-qedit-attr a.is-broken {
	color: #c95935;
}
.column-template-item .table-item .column .col-qedit-attr a.key-field {
	color: #eecc38;
}
a.rule-priority {
	float: right;
	top: 0;
	right: 0;
	margin: 7px 105px 0px 0px;
}
a.global-params {
	float: right;
	top: 0;
	right: 0;
	margin: 7px 136px 0px 0px;
	position: absolute;
	z-index: 1;
}

.column-template-item .table-item .column .col-qedit-attr a.identity {
	color: #6b6b69;
}
.column-template-item .table-item .column .col-qedit-attr a.mandatory {
	color: #e5a305;
}
.column-template-item .col-pic img {
	margin: initial;
}
.column-template-item.highlight-selected {
	background: #dec892;
}
.column-body ul {
	padding: 0;
	margin: 0;
	width: 100%;
	background: #FFF;
	overflow-y: scroll;
	height: 310px;
}
.column-body .column-security-body ul {
	height: 244px;
	overflow-y: scroll;
}
.new-column {
	position: absolute;
	z-index: 3;
	top: 0;
}
.new-column form.standard-form {
	background: #fefefc;
	height: 100%;
	width: 100%;
}
.new-column form.standard-form>*:not(.hidden) {
	width: 100%;
	position: relative;
}
.new-column form.standard-form .form-group {
	width: initial;
	position: relative;
	margin: 5px;
}
.new-column form.standard-form .form-group.container-imagesrc, .new-column form.standard-form .form-group.container-url {
	width: 100%;
}
.new-column form.standard-form.role-switches {
	align-content:flex-start;
	display:flex;
	flex-flow: row wrap;
	justify-content: space-around;
	height: 429px;
}
.new-column form.standard-form.role-switches .form-group
,.new-column form.standard-form .form-group.container-modal
,form.standard-form .form-group.container-timeago
,.new-column form.standard-form.role-switches .btn-container {
	flex: 1 auto;
	position: relative;
	max-width: 120px;
	vertical-align:middle;
}
.account-master .cat-prod-finder-guts .new-column form.standard-form {
}
.new-column form.standard-form .form-group.container-timeago div
,.account-master .cat-prod-finder-guts .new-column form.standard-form .form-group.container-enable2fa div {
	float: left;
}
form.standard-form .form-group.container-enable2fa {
	display: block;
	position: relative;
}
form.standard-form .form-group.container-timeago div
,form.standard-form .form-group.container-enable2fa div.enable {
	left: 0;
	display:block;
	position:relative;
}
.new-column form.standard-form.role-switches .btn-container > * {
	bottom: 0;
	float:right;
	position:absolute;
}
.new-column form.standard-form.role-switches .form-group label
,.new-column form.standard-form .form-group.container-modal label
,form.standard-form .form-group.container-timeago label
,form.standard-form .form-group.container-enable2fa label {
	font-size: 10px;
}
.new-column form.standard-form.role-switches .form-group div
,.new-column form.standard-form .form-group.container-modal div
,form.standard-form .form-group.container-timeago div
,form.standard-form .form-group.container-enable2fa div {
	position:relative;
	max-width: 120px;
	vertical-align:middle;
	float: initial;
}
.new-column form.standard-form.role-switches .form-group .row {
	margin-left: initial;
	margin-right: initial;
}
.new-column form.standard-form .form-group.container-imagesrc .image, .new-column form.standard-form .form-group.container-url .linkify {
	width: 80%;
}
.new-column form.standard-form .form-group._locale {
	width: 38%;
}
.new-column form.standard-form .form-group._showmore {
	width: 40%;
	float: right;
}
.new-column form.standard-form .form-group._datatype {
	margin-left: 92px;
}
.new-column form.standard-form .form-group._showmore .col_removelabelWithouClass {
	float: right;
}
input._leng {
	width: 62px;
}
.new-column form.standard-form .form-group label {}
.new-column form.standard-form .form-group div {}
.new-column form.standard-form .form-group div {
	float: right;
}
.new-column form.standard-form .form-group._name, .new-column form.standard-form .form-group._displayname {
}
.new-column form.standard-form .form-group label {
	width: 87px;
}
.column-security-body .role-filter {
	top: 40px;
	background: rgba(45, 49, 56, 0.8);
	position: absolute;
	padding: 7% 7%;
}
.column-security-body .role-filter a.close-container {
	position: absolute;
	right: 5px;
	top: 5px;	
}
.menu-move-container {
	display: inline-block;
	width: 100%;
	font-size: 24px;
	margin-top: 10px;
	line-height: 0.2;
	width: auto;
}
.menu-move-container a, .ui-dialog-buttonset button {
	display: block;
	vertical-align: top;
	float: left;
	text-shadow: 0 -1px 0 #A97500;
	background: #FFF9E1;
	border-top: 1px solid #835d09;
	border-bottom: 1px solid #FFF;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #7E5700;
	padding: 4px 8px;
	margin-right: 5px;
}
.left-right a {
	display: block;
	vertical-align: top;
	float: right;
	text-shadow: 0 -1px 0 #A97500;
	background: #FFF9E1;
	border-top: 1px solid #835d09;
	border-bottom: 1px solid #FFF;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #7E5700;
	padding: 4px 8px;
	margin-right: 5px;
}
.menu-move-container a:hover, .left-right a:hover, .ui-dialog-buttonset button:hover, .ui-dialog-buttonset button:focus {
	text-shadow: 0 1px 1px #4D3500;
	background: #926600;
	cursor: pointer;
	text-decoration: none;
	border-bottom-color: #f3d793;
	color: #FFF;
	border-bottom: 1px;
}

.terms-conditions {
	width: 749px;
}
.new-app, .edit-thing-menu {
	width: 450px;
	margin: 69px auto;
}
.bs-dialogue .bs-dialogue-header h3, .schema-dialogue .schema-dialogue-header h3 {
	float: left;
	font-size: 12px;
	font-weight: bold;
	line-height: 2.4;
	padding: 0;
	margin: 0;
}
.schema-dialogue .schema-dialogue-header a.x, .prod-editor-header a.x, .wf-dialogue-header a.x, .bs-dialogue-close, .inner-dialogue-close, .inner-dialogue-form-close, .bs-dialogue.page-container .bs-dialogue-inside .log-container .close, .notification .dialog-header button, .ws-dialogue-close {
	float: right;
	margin: 4px -4px 0 0;
	color: #FFF;
	font-size: 21px;
	font-weight: bold;
	line-height: 1;
	text-shadow: 0 1px 0 #fff;
	opacity: .2;
	background: transparent;
	cursor: pointer;
}
.bs-dialogue .bs-dialogue-inside, .schema-dialogue .schema-dialogue-inside {
	background: #FFF;
	padding: 10px 0 0;
}
.bs-dialogue .bs-dialogue-inside .bs-dialogue-body, .schema-dialogue .schema-dialogue-inside .schema-dialogue-body {
	clear: both;
	display: flex;
	flex-wrap: wrap;
	overflow-x: scroll;
	padding: initial;
}
.bs-dialogue .bs-dialogue-inside .bs-dialogue-body .bs-dialogue-content, .schema-dialogue .schema-dialogue-inside .schema-dialogue-body .schema-dialogue-content {
	clear: inherit;
	padding: 0 2px;
	width: 100%;
}

.bs-dialogue .bs-dialogue-inside .bs-dialogue-body .bs-dialogue-content .terms-dialogue {
	font-size: 11px;
	height: 520px;
	width: 715px;
	line-height: 1.2;
	margin: 0 5px 10px;
	padding: 0 10px 0 0;
	overflow-x: hidden;
}
.bs-dialogue .bs-dialogue-inside .bs-dialogue-body .bs-dialogue-content .terms-dialogue ul {
	padding: 0px 0px 5px 50px;
}
.bs-dialogue .terms-dialogue ul li {
	margin: 5px 0;
}
.bs-dialogue .bs-dialogue-inside .bs-dialogue-body .bs-dialogue-content .terms-dialogue h6 {
	font-weight: 600;
	color: #444;
	font-size: 12px;
	line-height: 1.1;
	margin: 5px 0;
	font-family: "Sofia Pro", "Montserrat", sans-serif;
}
.bs-dialogue .bs-dialogue-inside .bs-dialogue-body .bs-dialogue-content .terms-dialogue p {
	font-size: 11px;
	letter-spacing: initial;
	font-weight: initial;
}
.bs-dialogue .bs-dialogue-inside .bs-dialogue-body .bs-dialogue-content .terms-dialogue em {
	font-style: normal;
	margin-right: 5px;
}

.bs-dialogue.settings-master .bs-dialogue-header ul.t
,.cat-prod-finder-guts ul.t {
	width: calc(100% - 20px);
	margin: initial;
}
.bs-dialogue.settings-master .bs-dialogue-header li.create a {
	position: absolute;
}

.bs-dialogue.settings-master,
.bs-dialogue.media-master,
.bs-dialogue.security-master,
.bs-dialogue.account-master,
.bs-dialogue.workflow-master {
	width: 922px;
}
.bs-dialogue.settings-master .bs-dialogue-inside,
.bs-dialogue.media-master .bs-dialogue-inside,
.bs-dialogue.security-master .bs-dialogue-inside,
.bs-dialogue.account-master .bs-dialogue-inside,
.bs-dialogue.workflow-master .bs-dialogue-inside,
.bs-dialogue.settings-master .bs-dialogue-inside .bs-dialogue-body,
.bs-dialogue.media-master .bs-dialogue-inside .bs-dialogue-body,
.bs-dialogue.security-master .bs-dialogue-inside .bs-dialogue-body,
.bs-dialogue.account-master .bs-dialogue-inside .bs-dialogue-body,
.bs-dialogue.workflow-master .bs-dialogue-inside .bs-dialogue-body {
	padding: 0;
	display: block;
}

.cat-prods-filter, .cat-prod-finder-filter { background: #dfe3e2; border-bottom: 1px solid #d5d5d5; display: inline-block; font-size: 11px; position: relative; z-index: 1; width: 100%; height:46px; }
.cat-prods-filter .filter, .cat-prod-finder-filter .filter { float: left; padding: 5px 10px; }
.cat-prods-filter .filter form input, .cat-prod-finder-filter .filter form input { font-weight: normal; padding: 7px; }
.cat-prods-filter .filter form input:focus, .cat-prods-filter .filter form input:hover,
.cat-prod-finder-filter .filter form input:focus, .cat-prod-finder-filter .filter form input:hover { border-color: #AD7901; }
ul.cat-prods-nav { float: right; height: 22px; line-height: 2; margin: 8px 4px 0; }
ul.cat-prods-nav li { display: inline-block; height: auto; width: auto; margin: 0 5px 0 0; position: relative; }
ul.cat-prods-nav li a, #cat-prods .prod .prod-qedit-check a.qedit, a.rule-priority, a.global-params, a.tour-priority, a.event-priority, a.btn-edit, a.btn-wallet { background: #FFF9E1; border-top: 1px solid #d5d5d5; border-bottom: 1px solid #FFF; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: #7E5700; padding: 4px 8px; }
ul.cat-prods-nav li a:hover, #cat-prods .prod .prod-qedit-check a.qedit:hover, a.rule-priority:hover, a.global-params:hover,a.tour-priority:hover,a.tour-priority.selected,a.event-priority:hover,a.event-priority.selected, a.rule-priority.selected, a.global-params.selected, a.btn-edit:hover, a.btn-wallet:hover { background: #BE8600; color: #FFF; text-decoration: none; }
ul.cat-prods-nav li ul.sub, ul.cat-prods-nav li ul.subsub { background: #BE8600; border: 1px solid #8A6200; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
	-webkit-box-shadow: 0 2px 7px 0 rgba(0,0,0,.3); -moz-box-shadow: 0 2px 7px 0 rgba(0,0,0,.3); box-shadow: 0 2px 7px 0 rgba(0,0,0,.3);
	display: none; visibility: hidden; padding: 3px 0; position: absolute; left: 0; top: 22px; z-index: 10; }
ul.cat-prods-nav li.edit ul.sub { left: auto; right: 0; }
ul.cat-prods-nav li ul.sub li { margin: 0; width: 100%; }
ul.cat-prods-nav li ul.sub li a { background: none; border: none; color: #FFF; display: block; padding: 0 8px; text-shadow: 0 -1px 1px #8A6200; white-space: nowrap; }
ul.cat-prods-nav li ul.sub li a i { background: url(/v1/assets/images/sprites-catalogue.png); display: inline-block; margin: 3px 5px -3px 0; }
ul.cat-prods-nav li ul.sub li a.mv i { height: 15px; width: 18px; }
ul.cat-prods-nav li ul.sub li a.del i { background-position: 0 -25px; height: 15px; width: 15px; }
ul.cat-prods-nav li ul.sub li a:hover { background: #E5A400; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
ul.cat-prods-nav li ul.subsub { display: none; visibility: hidden; position: absolute; left: 100%; top: 0; }
ul.cat-prods-nav li:hover ul.sub, ul.cat-prods-nav li ul.sub li:hover ul.subsub { display: block; visibility: visible; }


#cat-prods { height: 414px; overflow-x: hidden; overflow-y: auto; }
.account-master #cat-prods {height: initial;}
#cat-prods .prod { background: #FFF; border-bottom: 1px solid #d5d5d5; height: 69px; position: relative; }
#cat-prods .prod a.is-broken {
    bottom: 0;
    color: #f56436;
    width: 25px;
    position: absolute;
    right: 27px;
    top: 36px;
    font-size: 18px;
}
.column-template-item .table-item .column .col-qedit-check a.page-event {
    bottom: 0;
    color: #eca201;
    width: 25px;
    position: absolute;
    right: -1px;
    top: 30px;
    font-size: 18px;
}
.column-security-body li.role-stack-item span.role-container {
	margin: 10px 0 0 0;
}
.column-security-body li.role-stack-item span.role-container a.role-item {
    margin-left: 8px;
    color: #939393;
}
#cat-prods .prod.even { background: #dfe3e2; }
#cat-prods .prod.even.applicationrulepython { background: #ffd340;}
#cat-prods .prod.odd.applicationrulepython { background: #ffd340; }
#cat-prods .hovered-stream-item .prod,#cat-prods .hovered-stream-item .prod.even, .tour-items .hovered-stream-item {
	background: #f3ebda !important;
}

#cat-prods .prod .star-container { float: left; height: 69px; width: 40px; }
#cat-prods .prod .star-container a, #column-body li.column-template-item .table-item .column .col-sql a { background: url(/v1/assets/images/sprites-catalogue.png); float: left; height: 20px; width: 20px; margin: 10px 0 2px 8px; text-indent: -99999px; }
#cat-prods .prod .star-container a.s, #column-body li.column-template-item .table-item .column .col-sql a.s { background-position: 0 -55px; }
#cat-prods .prod .star-container a.s.selected, #column-body li.column-template-item .table-item .column .col-sql a.s.selected { background-position: -50px -55px; }
#cat-prods .prod .star-container a.d, #column-body li.column-template-item .table-item .column .col-sql a.d { background-position: 2px -83px; }
#cat-prods .prod .star-container a.d.selected, #column-body li.column-template-item .table-item .column .col-sql a.d.selected { background-position: -48px -83px; }
#cat-prods .prod .prod-pic, #cat-prod-finder .prod .prod-pic { background: #FFF; border: 1px solid #BBB; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; float: left; height: 50px; width: 50px; margin: 8px 0 0; overflow: hidden; padding: 1px; text-align: center; }
#cat-prods .prod .prod-pic img, #cat-prod-finder .prod .prod-pic img, .add-prod .prod-pic-name-price .pic img { max-height: 50px; max-width: 50px; min-height: 50px; min-width: 50px; }
#cat-prods .prod .prod-name { color: #222; font-size: 12px; height: 15px; width: 200px; overflow: hidden; position: absolute; left: 106px; top: 10px; white-space: nowrap; }
#cat-prods .prod .prod-price { color: #666; font-size: 12px; position: absolute; left: 106px; top: 30px; }
#cat-prods .prod .prod-price.strike { text-decoration: line-through; }
#cat-prods .prod .prod-serve { color: #999; position: absolute; left: 106px; top: 50px; }
#cat-prods .prod .prod-special-info, #cat-prods .prod .prod-deal-info { height: 35px; width: 80px; position: absolute; left: 180px; top: 33px; }
#cat-prods .prod .prod-special-info.empty { display: none; visibility: hidden; }
#cat-prods .prod .prod-special-info strong, #cat-prods .prod .prod-deal-info strong { color: #666; font-size: 18px; position: absolute; right: 15px; top: 0; text-align: right; width: 75px; }
#cat-prods .prod .prod-special-info span, #cat-prods .prod .prod-deal-info span { color: #999; position: absolute; right: 0; top: 20px; }
#cat-prods .prod .prod-special-info a.i, #cat-prods .prod .prod-deal-info a.i { background: url(/v1/assets/images/sprites-catalogue.png) -50px 0; height: 13px; width: 12px; position: absolute; right: 0; top: 4px; }
#cat-prods .prod .prod-deal-info { left: 270px; }
#cat-prods .prod .prod-deal-info.empty { display: none; visibility: hidden; }
#cat-prods .prod .prod-desc { overflow: hidden; position: absolute; left: 106px; top: 28px; white-space: nowrap; width: 200px; max-width: 200px;}
#cat-prods .prod .prod-qedit-check { position: absolute; right: 7px; top: 7px; }
#cat-prods .prod .due-date { 
    float: right;
    vertical-align: bottom;
    bottom: 0;
    display: block;
    position: absolute;
    right: 15px;
    color: red;
}
#cat-prods .prod .prod-qedit-check a { color: #AC7900; }
#cat-prods .prod .prod-qedit-check a.qedit { float: left; font-size: 11px; margin: 0 7px 0 0; }
#cat-prods .prod .prod-qedit-check a.check, a.check, #prod-editor .prod-editor-guts .prod-body a.radbtn i { background: #FFF; border: 1px solid #CEC499; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; float: left; height: 18px; width: 18px; }
#cat-prods .prod .prod-qedit-check a.check.selected, a.check.selected, #prod-editor .prod-editor-guts .prod-body a.radbtn.selected i { background: #FFF url(/v1/assets/images/sprites-catalogue.png) -23px 2px; }
#cat-prods .prod .prod-qedit-check a.check:hover, a.check:hover, #cat-prods .prod .prod-qedit-check a.check.selected:hover, #prod-editor .prod-editor-guts .prod-body a.radbtn:hover i, #prod-editor .prod-editor-guts .prod-body a.radbtn.selected:hover i { border-color: #AD7900; }

.cat-prod-finder-filter { border-bottom: 1px solid #B3B3B1; z-index: 0; }
.cat-prod-finder-filter a.btn { float: right; margin: 6px 6px 0 0; min-width: 0; text-transform: none; }
#cat-prod-finder { height: 378px; width: 435px; margin: 0 5px 0 5px; overflow-x: hidden; overflow-y: scroll; }
#cat-prod-finder .prod { background: #FDEEB9; border: 1px solid #FFF; cursor: pointer; float: left; height: 65px; max-width: 210px; width: 100%; margin: 0 3px 3px 0; overflow: hidden; }
#cat-prod-finder .prod:hover { background: #FFF; }
#cat-prod-finder .prod.selected, #cat-prod-finder .prod:active { border-color: #AD7900; }
#cat-prod-finder .prod .prod-pic { margin: 5px 10px 0 5px; }
#cat-prod-finder .prod .prod-name { color: #222; font-size: 12px; font-weight: bold; padding: 10px 10px 5px 0; }
#cat-prod-finder .prod .prod-serve { color: #666; }

.stream #new-things-bar {
	background: #42454a;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 5px;
    color: #01a4ef;
    cursor: pointer;
    font-size: 12px;
    font-weight: bold;
    padding: 6px;
    text-align: center;
    text-shadow: 0 1px 1px #42454a;
    margin: 4px;
}
.stream #new-things-bar:hover {     background: #fff;
    border: 1px solid #01a4ef;
    text-shadow: initial;
}

.bs-dialogue.page-container .bs-dialogue-inside {
	height: calc( 100% - 72px);
	padding: initial;
	position: relative;
}
.bs-dialogue.column-editor .bs-dialogue-inside {
	height: initial;
}
#utility {
	width: 100%;
	min-height: 36px;
}
#utility li.filter>* {
	display: inline-block;
	vertical-align: top;
}
#utility .search-database {
	position: relative;
	float: right;
}
.bs-grid-container {
	position: absolute;
	top: 0;
}
.bs-grid-container .bs-dialogue.page-container {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.4);
	box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.4);
	position: relative;
	padding: 10px;
	width: 754px;
	z-index: 10;
}
.bs-grid-container .bs-dialogue.page-container .bs-dialogue-header {
	background: #FFE099;
	height: 30px;
	margin: 0 0 1px;
	padding: 0 10px;
}
.bs-grid-container .bs-dialogue.page-container.draggable .bs-dialogue-header {
	cursor: move;
}
.bs-grid-container .bs-dialogue.page-container .bs-dialogue-header {
	background: #E5A402;
	height: 36px;
	position: relative;
}

.bs-dialogue.page-container .bs-dialogue-inside .log-container, .log-section .log-container {
	position: absolute;
	width: 100%;
	height: 200px;
	bottom: 0;
	background: #FFF;
	border-top: 1px solid #b9babf;
}
.bs-dialogue.page-container .bs-dialogue-inside .log-container a.dark-contrast-btn {
	position: absolute;
	margin-left: 163px;
	margin-top: 6px;
}
.bs-dialogue.page-container .bs-dialogue-inside .log-container .close {
	margin-right: 3px;
}
.bs-dialogue.page-container .bs-dialogue-inside .log-container .log-inside, .log-section .log-container .log-inside {
	height: 222px;
	background: #FFF;
}
.log-header {
	display: inline-block;
	vertical-align: top;
	width: 100%;
	padding: 5px;
	background: #01a4ef;
	color: #FFF;
	text-transform: uppercase;
	text-shadow: 0 -1px 0 #ac7901;
}
.log-header>* {
	display: block;
	float: left;
}
.log-header .athenian-square {
	margin: 0 5px;
}
.log-header h6 {
	margin: 0;
	line-height: 1.8;
}
.log-header a {
	float: right;
}
.log-items {
	overflow-x: hidden;
	height: 161px;
	overflow-y: scroll;
}
.log-items .log-item, .log-section .log-container .log-inside .log-items .log-item {
	display: inline-block;
	vertical-align: top;
	width: 100%;
	border-bottom: 1px solid #d7d9e6;
}
.log-items .log-item>*, .log-section .log-container .log-inside .log-items .log-item>* {
	display: block;
	float: left;
}
.log-items .log-item.even, .log-section .log-container .log-inside .log-items .log-item.even {
	background: #eae9ee;
}
.log-items .log-item a.show-more-log, .log-section .log-container .log-inside .log-items .log-item a.show-more-log {
	width: 2%;
	margin: 5px;
	font-size: 13px;
	text-decoration: none;
}
.log-items .log-item a.show-more-log .glyphicon-arrow-right, .log-section .log-container .log-inside .log-items .log-item a.show-more-log .glyphicon-arrow-right {
	display: block;
}
.log-items .log-item a.show-more-log .glyphicon-arrow-down, .log-section .log-container .log-inside .log-items .log-item a.show-more-log .glyphicon-arrow-down {
	display: none;
}
.log-items .log-item a.show-more-log.selected .glyphicon-arrow-right, .log-section .log-container .log-inside .log-items .log-item a.show-more-log.selected .glyphicon-arrow-right {
	display: none;
}
.log-items .log-item a.show-more-log.selected .glyphicon-arrow-down, .log-section .log-container .log-inside .log-items .log-item a.show-more-log.selected .glyphicon-arrow-down {
	display: block;
	color: #c85a35;
}
.log-items .log-item .details, .log-section .log-container .log-inside .log-items .log-item .details {
	width: 90%;
	line-height: 2.2;
	font-size: 11px;
}
.log-items .log-item .details span, .log-section .log-container .log-inside .log-items .log-item .details span {
	margin-right: 4px;
}
.log-items .log-item .details .msgno {}
.log-items .log-item .details .message {}
.log-items .log-item .details .timestamp {}
.log-items .log-item .details .timestamp .glyphicon-time {}
.log-items .log-item .raw-data, .log-section .log-container .log-inside .log-items .log-item .raw-data {

	margin-left: 28px;
}
.log-items .log-item .raw-data a.giant-button, .log-section .log-container .log-inside .log-items .log-item .raw-data a.giant-button {
	word-wrap: normal;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
}
.wf-container.subscriber li.h {
    line-height: 2.2;
    letter-spacing: 1px;
	text-transform: uppercase;
}
.wf-container.subscriber .wf-dialogue .wf-dialogue-inside .wf-dialogue-body {
	background: #f5f5f5;
}
.wf-container.subscriber .wf-dialogue .wf-dialogue-inside .wf-dialogue-body .wf-dialogue-content {
	text-align: center;
}
.wf-container.subscriber .wf-dialogue .wf-dialogue-inside .wf-dialogue-body .wf-dialogue-content .time-to-upgrade
,.wf-container.subscriber .wf-dialogue .wf-dialogue-inside .wf-dialogue-body .wf-dialogue-content .time-to-upgrade .inner {
    width: 100%;
    height: 100%;
    display: block;
}
.wf-dialogue-content.rocket > *
,.wf-dialogue-content.origami > * {
	display:inline-block;
	vertical-align: top;
}
.wf-container.subscriber .wf-dialogue .wf-dialogue-inside .wf-dialogue-body .wf-dialogue-content.rocket .time-to-upgrade
,.wf-container.subscriber .wf-dialogue .wf-dialogue-inside .wf-dialogue-body .wf-dialogue-content.origami .time-to-upgrade {
	width: 33%;
	float:left;
}

.wf-container.subscriber .wf-dialogue .wf-dialogue-inside .wf-dialogue-body .wf-dialogue-content .sales-pitch {
	width: 66%;
	float:left;
	background: #ad7801;
	border: 1px solid #C28801;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 3px 3px 0 rgba(0,0,0,0.4);
	-moz-box-shadow: 0 3px 3px 0 rgba(0,0,0,0.4);
	box-shadow: 0 3px 3px 0 rgba(0,0,0,0.4);
	position: relative;
	padding: 7px;
	margin-left: 5px;
	height: 100%;
}
.sales-pitch .inner {
	background: #FFF;
	height: 100%;
}
.sales-pitch .inner .sales-header {
    background: #e6a403;
    color: #FFF;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-bottom: 1px solid #ad7801;
}
.sales-pitch .inner .sales-header h5 { margin: 0; line-height: 2.2;}
.sales-pitch .inner .sales-body {
	
}
.sales-pitch .inner .sales-body .top-part {
	
}
.sales-pitch .inner .sales-body .top-part ul {
    margin: 0;
    padding: 0;
    display: block;
    position: relative;
    width: 100%;
    height: auto;
}
.sales-pitch .inner .sales-body .top-part ul li {
    text-align: left;
    float: left;
    width: 100%;
}
.sales-pitch .inner .sales-body .top-part ul li a {
    line-height: 2.2;
    color: #3479b7;
    letter-spacing: 1px;
    font-weight: 600;
}
.sales-pitch .inner .sales-body .top-part ul li a:hover {
	color: #ad7701;
	text-decoration:none;
}
.sales-pitch .inner .sales-body .subscribe-now {
	
}
.sales-pitch .inner .sales-body .subscribe-now .btn {
	background-image: -webkit-linear-gradient(top, #5cb85c 0%, #31b048 100%);
	    background-image: -o-linear-gradient(top, #5cb85c 0%, #31b048 100%);
	    background-image: -webkit-gradient(linear, left top, left bottom, from(#5cb85c), to(#31b048));
	    background-image: linear-gradient(to bottom, #5cb85c 0%, #31b048 100%);
	    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff419641', GradientType=0);
	    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
	    background-repeat: repeat-x;
	    border-color: #48b759;
		text-transform: uppercase;
		letter-spacing: 1px;
		color: #FFF;
}
.sales-pitch .inner .sales-body .subscribe-now .btn:hover {
	background-color: #31b048;
	background-position: 0 -15px;
}
.sales-pitch .inner .sales-body .subscribe-now p {
	margin: 0;
	font-size: 10px;
}
.sales-pitch .inner .sales-body .subscribe-now .terms {
	
}
.wf-container.subscriber .wf-dialogue .wf-dialogue-inside .wf-dialogue-body .wf-dialogue-content .time-to-upgrade .inner > * {
    display: inline-block;
    width: 178px;
    float: left;
    height: 100%;
    background: #FFF;
    margin: 0 3px;
    border: 1px solid #eee3ca;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 3px 3px 0 rgba(0,0,0,0.4);
    -moz-box-shadow: 0 3px 3px 0 rgba(0,0,0,0.4);
    box-shadow: 0 3px 3px 0 rgba(0,0,0,0.4);
    position: relative;
}
.wf-container.subscriber .wf-dialogue .wf-dialogue-inside .wf-dialogue-body .wf-dialogue-content .time-to-upgrade .inner .scribe-header {
	height: 42%;
}
.wf-container.subscriber .wf-dialogue .wf-dialogue-inside .wf-dialogue-body .wf-dialogue-content .time-to-upgrade .inner .scribe-body {
	height: auto;
}
.wf-container.subscriber .wf-dialogue .wf-dialogue-inside .wf-dialogue-body .wf-dialogue-content .time-to-upgrade .inner .scribe-header h5 {
    background: #7fba00;
    line-height: 2.5em;
    letter-spacing: 1px;
    border-bottom: 1px solid #88492a;
    color: #FFF;
    text-shadow: 0 -1px 0 #88492a;
	font-size: 12px;
}
.wf-dialogue-content.origami .time-to-upgrade .inner .scribe-body h5
,.wf-dialogue-content.rocket .time-to-upgrade .inner .scribe-body h5 
,.wf-container.subscriber .wf-dialogue .wf-dialogue-inside .wf-dialogue-body .wf-dialogue-content .time-to-upgrade .inner li.more-ticks {
	display:none;
}
.glyphicon-big-tick {
    background-image: url(/v1/assets/images/big-tick.svg);
    float: left;
    height: 27px;
    width: 26px;
    background-size: cover;
    margin: 0 5px;
}
.wf-container.subscriber .wf-dialogue .wf-dialogue-inside .wf-dialogue-body .wf-dialogue-content.origami .time-to-upgrade .inner .scribe-body li.more-ticks
,.wf-container.subscriber .wf-dialogue .wf-dialogue-inside .wf-dialogue-body  .wf-dialogue-content.rocket .time-to-upgrade .inner .scribe-body li.more-ticks {
	display:block;
}
.wf-container.subscriber .wf-dialogue .wf-dialogue-inside .wf-dialogue-body .wf-dialogue-content .time-to-upgrade .inner .scribe-body h5 {
	margin:initial;
	text-align:center;
	width: 100%;
}
.wf-container.subscriber .wf-dialogue .wf-dialogue-inside .wf-dialogue-body .wf-dialogue-content .time-to-upgrade .inner .scribe-body h5 a.btn {
	width: 90px;
	margin: 5px auto 0 auto;
	display: block;
}
.wf-container.subscriber .wf-dialogue .wf-dialogue-inside .wf-dialogue-body .wf-dialogue-content .time-to-upgrade .inner ul {
	padding: 3px;
	margin: 0;
}
.wf-container.subscriber .wf-dialogue .wf-dialogue-inside .wf-dialogue-body .wf-dialogue-content .time-to-upgrade .inner li {
    width: 100%;
    text-align: left;
}
.wf-container.subscriber .wf-dialogue .wf-dialogue-inside .wf-dialogue-body .wf-dialogue-content .time-to-upgrade .inner li .fa-times {
	color: red;
}
.wf-container.subscriber .wf-dialogue .wf-dialogue-inside .wf-dialogue-body .wf-dialogue-content .time-to-upgrade .inner li .fa-check {
	color: #31b049;
}
.wf-container.subscriber .wf-dialogue .wf-dialogue-inside .wf-dialogue-body .wf-dialogue-content .time-to-upgrade .inner .img-icon {
    width: 60px;
    height: 62px;
    display: block;
    margin: 0 auto;
	background-size: cover;
}
.wf-container.subscriber .wf-dialogue .wf-dialogue-inside .wf-dialogue-body .wf-dialogue-content .time-to-upgrade .inner .narrative {
	padding: 2px 1px;
}
.wf-container.subscriber .wf-dialogue .wf-dialogue-inside .wf-dialogue-body .wf-dialogue-content .time-to-upgrade .inner .narrative p {
	font-size: 11px;
	letter-spacing: 1px;
	margin: 0;
	font-family: 'Armata', sans-serif;
	line-height: initial;
	font-weight: 600;
}
.wf-container.subscriber .wf-dialogue .wf-dialogue-inside .wf-dialogue-body .wf-dialogue-content .time-to-upgrade .inner .community { }
.wf-container.subscriber .wf-dialogue .wf-dialogue-inside .wf-dialogue-body .wf-dialogue-content .time-to-upgrade .inner .community .img-icon {
	background-image: url(/v1/assets/images/community-edition.svg);
}
.wf-container.subscriber .wf-dialogue .wf-dialogue-inside .wf-dialogue-body .wf-dialogue-content .time-to-upgrade .inner .developer { }
.wf-container.subscriber .wf-dialogue .wf-dialogue-inside .wf-dialogue-body .wf-dialogue-content .time-to-upgrade .inner .developer .img-icon {
	background-image: url(/v1/assets/images/developer-edition.svg);
}
.wf-container.subscriber .wf-dialogue .wf-dialogue-inside .wf-dialogue-body .wf-dialogue-content .time-to-upgrade .inner .professional { }
.wf-container.subscriber .wf-dialogue .wf-dialogue-inside .wf-dialogue-body .wf-dialogue-content .time-to-upgrade .inner .professional .img-icon {
	background-image: url(/v1/assets/images/professional-edition.svg);
}

.about-catalogue .bs-dialogue-header h3 {
	text-transform: uppercase;
	color: #FFF;
	letter-spacing: 1px;
	text-shadow: 0 -1px 0 #ad7803;
}
.about-catalogue .bs-dialogue-header ul.t {
    width: initial;
    padding: initial;
    margin-bottom: initial;
}
.about-catalogue .bs-dialogue-header a.bs-dialogue-close {
}
.about-catalogue .bs-dialogue-inside {
	overflow: hidden;
}
.about-catalogue .bs-dialogue-inside {
	height:440px;
    background: #f5f5f5;
    position: relative;
}
.about-catalogue .about-container {
    width: 856px;
    height: 440px;
    position: relative;
}
.about-catalogue .about-container > div {
	display: inline-block;
	float:left;
	width: 428px;
	height: 440px;
}
.about-catalogue .about-container .about-left {
	
}
.about-catalogue .about-container .about-left .about-athenian {
	height: 40%;
	    background: #FFF;
	    position: relative;
	    clear: both;
	    display: block;
	    border: 1px solid #eee3ca;
	    -webkit-border-radius: 10px;
	    -moz-border-radius: 10px;
	    border-radius: 10px;
	    -webkit-box-shadow: 0 3px 3px 0 rgba(0,0,0,0.4);
	    -moz-box-shadow: 0 3px 3px 0 rgba(0,0,0,0.4);
	    box-shadow: 0 3px 3px 0 rgba(0,0,0,0.4);
	    width: 97%;
	    margin: 0 auto;
	    top: 8px;
}
.about-catalogue .about-container .about-left .about-athenian .system-status {
	position: absolute;
	    margin: 5px;
	    left: 0px;
	    top: 0px;
}
.about-catalogue .about-container .about-left .about-athenian .system-status.Green {
	color: #31b049;
}
.about-catalogue .about-container .about-left .about-athenian .inner-logo {
	width: 100%;
	    position: relative;
	    display: block;
	    height: 58%;
	    margin-top: 25px;
}
.about-catalogue .about-container .about-left .about-athenian .inner-logo img {
    background-size: contain;
    width: 240px;
    height: auto;
    background-repeat: no-repeat;
    position: relative;
	margin: 0 auto;
	display:block;
}
.about-catalogue .about-container .about-left .about-athenian .version-stack,
.about-catalogue .about-container .about-left .about-athenian .version-label {
	color: #575c5b;
	display:block;
	width: 100%;
	text-align: center;
}
.about-catalogue .about-container .about-left .about-athenian .version-stack {
	
}
.about-catalogue .about-container .about-left .bug-feature {
    height: 55%;
    margin-top: 22px;
}
.about-catalogue .about-container .about-left .bug-feature > * {
	display:block;
	position:relative;
}
.about-catalogue .about-container .about-left .bug-feature .report-bug {
	
}

.about-catalogue .about-container .about-left .bug-feature .report-bug .bug-icon,
.about-catalogue .about-container .about-left .bug-feature .request-feature .wand-icon {
	display: block;
	position:relative;
	width: 50px;
	height: 50px;
	background-size:cover;
	float:left;
	margin: 10px;
	
}
.about-catalogue .about-container .about-left .bug-feature .report-bug .bug-icon {
	background-image: url(/v1/assets/images/bug.svg);
}
.about-catalogue .about-container .about-left .bug-feature .report-bug .bug-container {
	
}
.about-catalogue .about-container .about-left .bug-feature h4 {
	color: #ff7801;
	margin-bottom: initial;
	font-size: 12px;
}
.about-catalogue .about-container .about-left .bug-feature .report-bug .bug-container h4 {
	
}
.about-catalogue .about-container .about-left .bug-feature p {
	display: block;
    margin: 2px;
    font-size: 11px;
    letter-spacing: initial;
    font-weight: 500;
}
.about-catalogue .about-container .about-left .bug-feature .report-bug .bug-container .btn-container {
	
}
.about-catalogue .about-container .about-left .bug-feature a {
	display:block;
	margin: 5px auto;
	width: 150px;
	text-align: center;
}
.about-catalogue .about-container .about-left .bug-feature .request-feature {
	
}
.about-catalogue .about-container .about-left .bug-feature .request-feature .wand-icon {
	background-image: url(/v1/assets/images/wand.svg);
}
.about-catalogue .about-container .about-left .bug-feature .request-feature .feature-container {
	
}
.about-catalogue .about-container .about-left .bug-feature .request-feature .feature-container h4 {
	
}
.about-catalogue .about-container .about-left .bug-feature .request-feature .feature-container p {
	
}
.about-catalogue .about-container .about-left .bug-feature .request-feature .feature-container a {
	
}
.about-catalogue .about-container .about-right {
	position:relative;
}
.about-catalogue .about-container .about-right h4 {
	text-align: center;
	color: #ff7801;
	margin-bottom: initial;
	font-size: 14px;
}
.about-catalogue .about-container .about-right #bug-feature-form {
	display: block;
	position: relative;
	margin-top: 30px;
}
.about-catalogue .about-container .about-right #bug-feature-form .col-lg-9 {
	margin: 5px 0;
	max-width: initial;
}
.about-catalogue .about-container .about-right .btn-issue {
	float: left;
	top: 16px;
	left: 14px;
	position: absolute;
	z-index: 1;
	background: #FFF9E1;
    border-top: 1px solid #F3D794;
    border-bottom: 1px solid #FFF;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #7E5700;
    padding: 4px 8px;
    height: 25px;
    line-height: 1.6;
    display: block;
}
.about-catalogue .about-container .about-right .btn-issue:hover {
	background: #926600;
	    cursor: pointer;
	    text-decoration: none;
	    border-bottom-color: #f3d793;
	    color: #FFF;
	    border-bottom: 1px;
}
.about-catalogue .about-container .about-right .issue-form {
    width: 97%;
    margin: 0px auto;
    height: 97%;
    background: #FFF;
    position: relative;
    clear: both;
    display: block;
    top: 8px;
	border: 1px solid #eee3ca;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
	-webkit-box-shadow: 0 3px 3px 0 rgba(0,0,0,0.4);
	-moz-box-shadow: 0 3px 3px 0 rgba(0,0,0,0.4);
	box-shadow: 0 3px 3px 0 rgba(0,0,0,0.4);
}

.user-profile-container {
	display: block;
	width: 900px;
	height: 465px;
	background: #f5f5f5;
	position:relative;
}
.user-profile-container > div {
	display:inline-block;
	height: 100%;
	float:left;
}
.user-profile-container .basic-info { width: 452px;}
.user-profile-container .basic-info > div {
	display:block;
	width: 100%;
	float:left;
}
.user-profile-container .basic-info .basic-info-top { height: 53%; position:relative;}
.user-profile-container .basic-info .basic-info-top .top-bar {
	width: 433px;
	display: block;
	height: 40px;
	background: #FFF;
	margin: 3px 10px;
    border: 1px solid #eee3ca;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 3px 3px 0 rgba(0,0,0,0.4);
    -moz-box-shadow: 0 3px 3px 0 rgba(0,0,0,0.4);
    box-shadow: 0 3px 3px 0 rgba(0,0,0,0.4);
	position: relative;
}
.user-profile-container .basic-info .basic-info-top .top-bar .whole-name {
    display: block;
    float: left;
    width: 100%;
    height: 42px;
}
.user-profile-container .basic-info .basic-info-top .top-bar .whole-name .fas {
    color: #e6e6e8;
    font-size: 22px;
    text-shadow: 0px -1px 1px rgb(182, 182, 182);
    -webkit-background-clip: text;
    -moz-background-clip: text;

    margin: 8px;
}
.user-profile-container .basic-info .basic-info-top .top-bar .whole-name .actual-name { 
    
    vertical-align: top;
    line-height: 1.8;
    display: inline-block;
    letter-spacing: 1px;
    font-size: 23px;
    max-width: 324px;
    max-height: 38px;
	overflow: hidden;
	text-overflow: ellipsis;
    white-space: nowrap;
}
.user-profile-container .basic-info .basic-info-top .top-bar a.btn-edit {
	display: block;
	float: right;
	right: 38px;
	position: absolute;
	top: 4px;
}
.user-profile-container .basic-info .basic-info-top .top-bar a.btn-edit:hover {
	
}
.user-profile-container .basic-info .basic-info-top .image-container {
    width: 150px;
    height: 180px;
    float: left;
    margin: 10px;
    border: 1px solid #eee3ca;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0 3px 3px 0 rgba(0,0,0,0.4);
    -moz-box-shadow: 0 3px 3px 0 rgba(0,0,0,0.4);
    box-shadow: 0 3px 3px 0 rgba(0,0,0,0.4);
}
.user-profile-container .basic-info .basic-info-top .image-container .image-container-inner {height: inherit;
    width: inherit;}
.user-profile-container .basic-info .basic-info-top .image-container .image-container-inner a.change-pic {
    height: inherit;
    width: inherit;display:block;}
.user-profile-container .basic-info .basic-info-top .image-container .image-container-inner a.change-pic:before {
    content: ' ';
    display: block;
    height: inherit;
    width: inherit;
    position: absolute;
}
.user-profile-container .basic-info .basic-info-top .image-container .image-container-inner a.change-pic:hover:before {
	content: "Change Picture";
	    background: rgba(203, 203, 203, .6);
	    z-index: 1;
	    text-align: center;
	    padding-top: 74px;
	    color: #674801;
	    text-transform: uppercase;
	    -webkit-border-radius: 10px;
	    -moz-border-radius: 10px;
	    border-radius: 10px;
}
.user-profile-container .basic-info .basic-info-top .image-container .image-container-inner a.change-pic img {
    position: relative;
    z-index: 0;
    background-size: cover;
    background-repeat: no-repeat;
    height: 178px;
    width: 148px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.user-profile-container .basic-info .basic-info-top .email {
    display: block;
    float: left;
    width: 268px;
    height: 19px;
    margin: 10px 0;
    font-size: 14px;
}
.user-profile-container .basic-info .entry-label {
    margin-right: 5px;
    color: #a5a5a5;
    text-align: right;
    display: block;
    float: left;
    width: 40px;
}
.user-profile-container .basic-info .entry {
    float: left;
    display: block;
    width: 220px;
	overflow: hidden;
	text-overflow: ellipsis;
    white-space: nowrap;
}
.user-profile-container .basic-info .basic-info-top .cellphone {
    display: block;
    float: left;
    width: 268px;
    height: 19px;
    margin: 0px 0px 0px 0px;
	font-size:14px;
}
.user-profile-container .basic-info .basic-info-top .mfa-container {
    display: block;
    float: left;
    width: 268px;
    height: 130px;
    margin: 5px 0px 0px 0px;
	font-size: 12px;
}
.user-profile-container .basic-info .basic-info-top .mfa-container span {
	background-image: url(/v1/assets/images/2fa.svg);
	float: left;
	height: 50px;
	width: 50px;
	background-size: cover;
}
.user-profile-container .basic-info .basic-info-top .mfa-container p {
	margin-top: 5px;
	font-size: 11px;
}
.user-profile-container .basic-info .basic-info-top .mfa-container.mfa-disabled p {
	color: red;
}
.user-profile-container .basic-info .basic-info-top .mfa-container.mfa-enabled p {
	color: #31b049;
}
.user-profile-container .btn-wallet { 
    position: absolute;
}
.user-profile-container .basic-info .basic-info-top .btn-wallet {
	float: right;
    top: 8px;
    right: 14px; 
}
.user-profile-container .basic-info .basic-info-below { height: 44%; position:relative;}
.user-profile-container .basic-info .basic-info-below .intl-container {
    display: block;
    width: 96%;
    height: 50%;
    position: relative;
    background: #FFF;
    margin: 3px 10px;
    border: 1px solid #eee3ca;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 3px 3px 0 rgba(0,0,0,0.4);
    -moz-box-shadow: 0 3px 3px 0 rgba(0,0,0,0.4);
    box-shadow: 0 3px 3px 0 rgba(0,0,0,0.4);
    position: relative;
}
.user-profile-container .basic-info .basic-info-below .intl-container .header-intl {
    background: #fe7701;
    height: 36px;
    position: relative;
    width: 100%;
    -webkit-border-radius: 3px 3px 0px 0px;
    -moz-border-radius: 3px 3px 0px 0px;
    border-radius: 3px 3px 0px 0px;
}
.user-profile-container .basic-info .basic-info-below .intl-container .header-intl span {
    color: #FFF;
    float: left;
    padding: 0 10px 0 0;
    text-shadow: 0 -1px 0 #A97500;
    text-transform: uppercase;
    margin: 10px 8px;
}
.user-profile-container .basic-info .basic-info-below .container-footer {
	margin: 0 10px;
	line-height: 2.6;
}
.user-profile-container .basic-info .basic-info-below .container-footer p {
	margin: 0;
}
.user-profile-container .basic-info .basic-info-below .locale {
	width: 100px;
	height: 46px;
	float: left;
	margin: 10px 10px 0px 0px;
	clear: both;
}
.user-profile-container .basic-info .basic-info-below .locale .entry {
	width: initial;
}
.user-profile-container .basic-info .basic-info-below .timezone {
	width: initial;
	height: 46px;
	float: left;
	margin: 10px 0px 0px 0px;
}
.user-profile-container .basic-info .basic-info-below .timezone .entry
,.user-profile-container .basic-info .basic-info-below .timezone .entry-label {
	width: initial;
}
.user-profile-container .basic-info .basic-info-below .area-code {}
.user-profile-container .wallet {
	position:relative;
	width: 448px;
	-webkit-box-shadow: 0 3px 10px 3px rgba(173,121,0,.5); -moz-box-shadow: 0 3px 10px 3px rgba(173,121,0,.5); box-shadow: 0 3px 10px 3px rgba(173,121,0,.5);
}
.user-profile-container .wallet .btn-wallet {
	float: left;
    top: 8px;
    left: 14px;
	position:absolute;
	z-index: 1;
}
.user-profile-container .wallet .card-intro {
	background: #FFF;
	height: 43%;
	position: relative;
	clear: both;
	display: block;
	width: 97%;
	margin: 0 auto;
	top: 4px;
	border: 1px solid #eee3ca;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0 3px 3px 0 rgba(0,0,0,0.4);
	-moz-box-shadow: 0 3px 3px 0 rgba(0,0,0,0.4);
	box-shadow: 0 3px 3px 0 rgba(0,0,0,0.4);
}
.user-profile-container .wallet .card-intro .fas {
    position: absolute;
    right: 10px;
    top: 8px;
    font-size: 18px;
    color: #30b14a;
}
.user-profile-container .wallet .card-intro .fas {
	z-index: 0;
}
.user-profile-container .wallet .card-intro .why { 
    width: 100%;
    display: block;
    position: relative;
    height: 70px;
}
.user-profile-container .wallet .card-intro .why img {
	width: 70px;
	height: 70px;
	margin: 0 auto;
	display: block;
}

.user-profile-container .wallet .card-intro p { 
	display: block;
    position: relative;
    margin: 0 auto;
    width: 90%;
    font-size: 12px;
    font-weight: 500;
    text-align: center;
}
.user-profile-container .wallet .card-intro .add-card { 
	display: block;
	width: 100%;
	margin-top: 7px;
}
.user-profile-container .wallet .card-intro .add-card a { 
    margin: 0 auto;
    width: 130px;
    position: relative;
    display: block;
}
.user-profile-container .wallet .card-holder {
	width: 99%;
	height: 245px;
	background: #416d7b;
	bottom: 0;
	left: 0;
	right: 0;
	position: absolute;
	box-shadow: 0 -1px 0 rgba(0,0,0,.25);
	border-radius: 5px;
	border: 1px solid #d8d3be;
	border-top: none;
	display: inline-block;
	vertical-align: top;
	margin: 0px 0px 3px 2px;
}
.user-profile-container .wallet .card-holder .card-latch {
	display:block;
	position: absolute;
	width: 140px;
	height: 30px;
	top: 190px;
	left: 46px;
	background: #8e5235;
	z-index: 1;
	padding: 1px;
}
.user-profile-container .wallet .card-holder .card-latch .latch-inner {
	width: 137px;
	height: 27px;
	position: relative;
	border: 2px dashed #5f2c0f;
	margin: auto;
}
.user-profile-container .wallet .card-holder .card-latch .latch-inner .gold-button {
	margin-right: 24px;
	float: right;
	margin-top: -5px;
}
.user-profile-container .wallet .card-holder .card-latch .latch-inner .gold-button:before {
	border: 4px solid #e5a403;
	background: #977e69;
}
.user-profile-container .wallet .card-holder .card-latch .latch-inner .gold-button:after {
	border: 10px solid #e5a403;
}

.user-profile-container .wallet .card-holder .card-container { 
	width: 80%;
	height: 90%;
	margin: 0 auto;
	background: #602b0f;
	bottom: 0;
	display: block;
	left: 0;
	right: 0;
	position: absolute;
	z-index: 0;
	padding: 2px;
}
.user-profile-container .wallet .card-holder .card-container .card-stream { 
	border: 2px dashed #be8563;
	border-bottom: none;
	height: 100%;
	width: 100%;
}
.user-profile-container .wallet .card-holder .card-container .card-stream .card-item {
    height: 40px;
    width: 95%;
    margin: 0 auto;
    position: relative;
    display: block;
    border-bottom: 2px dashed #9e6747;
	z-index: 0;
	opacity: .99;
}
.user-profile-container .wallet .card-holder .card-container .card-stream .card-item .card-inner {
	width: 80%;
	height: 90%;
	margin: 0 auto;
	background: url(/v1/assets/images/card_background.jpg) -63px -71px;
	bottom: 0;
	display: block;
	left: 0;
	right: 0;
	position: absolute;
	z-index: 1;
	-webkit-border-radius: 3px 3px 0px 0px;
	-moz-border-radius: 3px 3px 0px 0px;
	border-radius: 3px 3px 0px 0px;
	border: 1px solid #1C3E52;
	border-bottom: none;
}
.user-profile-container .wallet .card-holder .card-container .card-stream .card-item .card-inner .credit-card {
    width: 100%;
    display: block;
    height: 100%;
    position: relative;
}
.user-profile-container .wallet .card-holder .card-container .card-stream .card-item .card-inner .credit-card > span {
	display: inline-block;
	float: left;
	position: relative;
	width: 33%;
	height: 100%;
	color:#FFF;
	text-align: right;
}
.user-profile-container .wallet .card-holder .card-container .card-stream .card-item .card-inner .credit-card .card-type {
    width: 63px;
    height: 31px;
}
.user-profile-container .wallet .card-holder .card-container .card-stream .card-item .card-inner .credit-card .last-four,
.user-profile-container .wallet .card-holder .card-container .card-stream .card-item .card-inner .credit-card .display-expiry {
	padding: 8px 6px;
}
.user-profile-container .wallet .card-holder .card-container .card-stream .card-item .card-inner .credit-card .last-four {
	
}
.user-profile-container .wallet .card-holder .card-container .card-stream .card-item .card-inner .credit-card .display-expiry {
	
}
.user-profile-container .wallet .card-holder .card-container .card-stream .card-item .card-inner .credit-card .icon {
	float: right;
	width: 34px;
	height: 34px;
	position: absolute;
	right: -84px;
	border-radius: 3px;
}
.user-profile-container .wallet .card-holder .card-container .card-stream .card-item .card-inner .credit-card.active .icon {
	background: #D1FFBC url(/v1/assets/images/success-tick.gif) no-repeat center center; border: 1px solid #2F7310;
}
.user-profile-container .wallet .card-holder .card-container .card-stream .card-item .card-inner .credit-card.inactive .icon {
	background: #F4E3E3 url(/v1/assets/images/error-cross.gif) no-repeat center center; border: 1px solid #C00;
}

.user-profile-container .wallet .card-holder .card-container .card-stream .card-item.card-open .card-inner a.x {
    float: none;
    margin: 0;
    position: absolute;
    right: 7px;
    top: 7px;
    cursor: pointer;
    text-decoration: none;
    color: #f9d986;
    font-size: 14px;
	display:block;
	z-index: 1;
}
.user-profile-container .wallet .card-holder .card-container .card-stream .card-item .card-inner form {
	display: block;
	width: 100%;
	height: 100%;
	position:relative;
	padding: 10px;
	z-index:0;
}
.user-profile-container .wallet .card-holder .card-container .card-stream .card-item .card-inner form > div {
	min-height: 40px;
	display: block;
	width: 100%;
	position:relative;
}
.user-profile-container .wallet .card-holder .card-container .card-stream .card-item .card-inner form .card-number {
	margin-top: 4px;
}
.user-profile-container .wallet .card-holder .card-container .card-stream .card-item .card-inner form label {
	color: #e7e7ea;
	font-size: 10px;
}
.user-profile-container .wallet .card-holder .card-container .card-stream .card-item .card-inner form input {
	padding: 4px 6px;
	border: 1px solid #FF7802;
}
.user-profile-container .wallet .card-holder .card-container .card-stream .card-item .card-inner form .card-holder-name > *,
.user-profile-container .wallet .card-holder .card-container .card-stream .card-item .card-inner form .card-number > * {
	display: inline-block;
	float: left;
	width: 100%;
}
.user-profile-container .wallet .card-holder .card-container .card-stream .card-item .card-inner form .card-number label { }
.user-profile-container .wallet .card-holder .card-container .card-stream .card-item .card-inner form .card-number input { }
.user-profile-container .wallet .card-holder .card-container .card-stream .card-item .card-inner form .expiry { }
.user-profile-container .wallet .card-holder .card-container .card-stream .card-item .card-inner form .expiry > * {
	margin: 3px 5px;
}
.user-profile-container .wallet .card-holder .card-container .card-stream .card-item .card-inner form .expiry label { margin-left: 101px;}
.user-profile-container .wallet .card-holder .card-container .card-stream .card-item .card-inner form .expiry input { width: 69px; margin-right: 0px;}
.user-profile-container .wallet .card-holder .card-container .card-stream .card-item .card-inner form .card-holder-name { }
.user-profile-container .wallet .card-holder .card-container .card-stream .card-item .card-inner form .card-holder-name label { }
.user-profile-container .wallet .card-holder .card-container .card-stream .card-item .card-inner form .card-holder-name input { }
.user-profile-container .wallet .card-holder .card-container .card-stream .card-item .card-inner form .cvv-cvc > * {
	display: block;
	position:relative;
}
.user-profile-container .wallet .card-holder .card-container .card-stream .card-item .card-inner form .cvv-cvc {
    position: absolute;
    right: -81px;
    top: 0;
    height: 149px;
    -webkit-border-radius: 0px 3px 3px 0px;
    -moz-border-radius: 0px 3px 3px 0px;
    border-radius: 0px 3px 3px 0px;
    border: 1px solid #dbdbdb;
    border-left: none;
    width: 80px;
    background: #e7e7ea;
    -webkit-box-shadow: 0 3px 3px 0 rgba(0,0,0,0.4);-moz-box-shadow: 0 3px 3px 0 rgba(0,0,0,0.4);box-shadow: 0 3px 3px 0 rgba(0,0,0,0.4);
}
.user-profile-container .wallet .card-holder .card-container .card-stream .card-item .card-inner form .cvv-cvc .magnetic-strip {
    height: 30px;
    width: 100%;
    background: #5D5D64;
    display: block;
    margin-top: 17px;
}
.user-profile-container .wallet .card-holder .card-container .card-stream .card-item .card-inner form .cvv-cvc label {
    color: #5f5e66;
    margin: 19px 0px 7px 9px;
}
.user-profile-container .wallet .card-holder .card-container .card-stream .card-item .card-inner form .cvv-cvc input {
	width: 55px;
    margin: 0px 0px 0px 12px;
}
.widget-user-edit .firstName
,.widget-user-edit .lastName 
,.widget-user-edit ._locale
,.widget-user-edit ._timezone 
,.widget-user-edit .container-enable2fa {
	display: inline-block;
	width: 185px;
	float:left;
}
.widget-user-edit .firstName
,.widget-user-edit ._locale {
	margin-right: 5px;
}
.widget-user-edit ._code
,.widget-user-edit ._cellno {
	display: inline-block;
	float:left;
}
.widget-user-edit ._code {
	width: 150px;
	margin-right: 5px;
}
.widget-user-edit ._cellno {
	width: 220px;
}
.widget-user-edit .user-button {
	float: right;
}
.widget-user-edit .container-imagesrc {
	clear: both;
}

.slick-header.ui-state-default, .slick-headerrow.ui-state-default, .slick-footerrow.ui-state-default {
	width: 100%;
	overflow: hidden;
	border-left: 0px !important;
}
.slick-header-columns, .slick-headerrow-columns, .slick-footerrow-columns {
	position: relative;
	white-space: nowrap;
	cursor: default;
	overflow: hidden;
}
.slick-header-column.ui-state-default {
	position: relative;


	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	line-height: 16px;
	margin: 0;
	padding: 4px;
	float: left;
}
.generic-grid .slick-header .slick-header-columns .slick-header-column#slickgrid_undefined {
	padding: 0;
	border-bottom: none;
	cursor:pointer;
	background: #FFF;
}
.generic-grid .slick-header .slick-header-columns .slick-header-column#slickgrid_undefined span {
	border: 1px solid transparent;
    font-size: 14px;
    padding: 3px 6px;
    width: 100%;
	background: #ff8500;
}
.generic-grid .slick-header .slick-header-columns .slick-header-column#slickgrid_undefined span:before {
	content: "\f14a";
}
.generic-grid .slick-header .slick-header-columns .slick-header-column#slickgrid_undefined:hover span {
	border: 1px solid #ff8500;
	background: transparent;
	color: #ff8500;
	font-weight: 900;
}
.generic-grid .slick-header .slick-header-columns .slick-header-column#slickgrid_undefined .slick-column-name input {
	display: none;
}
.slick-headerrow-column.ui-state-default, .slick-footerrow-column.ui-state-default {
	padding: 4px;
}
.slick-header-column-sorted {
	font-style: italic;
}
.slick-sort-indicator {
	display: inline-block;
	width: 8px;
	height: 5px;
	margin-left: 4px;
	margin-top: 6px;
	float: left;
}
.slick-sort-indicator-numbered {
	display: inline-block;
	width: 8px;
	height: 5px;
	margin-left: 4px;
	margin-top: 0;
	padding-left: 1px;
	line-height: 20px;
	float: left;
	font-family: 'Armata', sans-serif;
	font-style: normal;
	font-weight: bold;
	color: #6190CD;
}
.slick-sort-indicator-desc {

}
.slick-sort-indicator-asc {

}
.slick-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	display: block;
	cursor: col-resize;
	width: 10px;
	right: 0px;
	top: 0;
	height: 100%;
}
.slick-sortable-placeholder {
	background: silver;
}
.grid-canvas {
	position: relative;
	outline: 0;
}
.slick-row.even {
	background-color: #ffffff;
}
.slick-row.odd {
	background-color: #f9f9f9;
}
.slick-row:hover {
    background-color: #e0f7fa;
    transition: background-color 0.3s ease;
}

.slick-row.ui-widget-content, .slick-row.ui-state-active {
	position: absolute;
	border: 0px;
	width: 100%;
}
.slick-cell, .slick-headerrow-column, .slick-footerrow-column {
	position: absolute;
	border: 1px solid transparent;
	border-right: 1px dotted silver;
	border-bottom-color: silver;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	vertical-align: middle;
	z-index: 0;
	padding: 1px 2px 2px 1px;
	margin: 0;
	white-space: nowrap;
	cursor: default;
}
.slick-cell, .slick-headerrow-column {
	border-bottom-color: silver;
}
.slick-footerrow-column {
	border-top-color: silver;
}
.slick-group {}
.slick-group-toggle {
	display: inline-block;
}

.slick-cell.highlighted {
    background-color: #c8effe;
    border: 1px solid #c8effe;
    transition: background-color 0.3s ease, border 0.3s ease;
}
.slick-cell.highlighted:hover {
    border-color: #FF7900; /* Steel blue for hover */
}


.slick-cell.flashing {
	border: 1px solid red !important;
}
.slick-cell.editable {
	z-index: 11;
	overflow: visible;
	background: white;
	border-color: black;
	border-style: solid;
}
.slick-cell:focus {
	outline: none;
}
.slick-reorder-proxy {
	display: inline-block;
	background: blue;
	opacity: 0.15;
	filter: alpha(opacity=15);
	cursor: move;
}
.slick-reorder-guide {
	display: inline-block;
	height: 2px;
	background: blue;
	opacity: 0.7;
	filter: alpha(opacity=70);
}
.slick-selection {
	z-index: 10;
	position: absolute;
	border: 2px dashed black;
}

.slick-column-name, .slick-sort-indicator {
	display: inline-block;
	float: left;
	margin-bottom: 100px;
}
.slick-header-button {
	display: inline-block;
	float: right;
	vertical-align: top;
	margin: 1px;
	margin-bottom: 100px;
	height: 15px;
	width: 15px;
	background-repeat: no-repeat;
	background-position: center center;
	cursor: pointer;
}
.slick-header-button-hidden {
	width: 0;
	-webkit-transition: 0.2s width;
	-ms-transition: 0.2s width;
	transition: 0.2s width;
}
.slick-header-column:hover>.slick-header-button {
	width: 15px;
}

.slick-header-column:hover>.slick-header-menubutton, .slick-header-column-active .slick-header-menubutton {
	display: inline-block;
}

.slick-header-menu {
	position: absolute;
	display: inline-block;
	margin: 0;
	padding: 2px;
	cursor: default;
}

.slick-header-menuitem {
	list-style: none;
	margin: 0;
	padding: 0;
	cursor: pointer;
}
.slick-header-menuicon {
	display: inline-block;
	width: 16px;
	height: 16px;
	vertical-align: middle;
	margin-right: 4px;
	background-repeat: no-repeat;
	background-position: center center;
}
.slick-header-menucontent {
	display: inline-block;
	vertical-align: middle;
	margin-left: 2px;
}
.generic-grid .slick-header .slick-header-columns .slick-header-column#slickgrid_undefined span
,.slick-sort-indicator {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	margin: inherit;
	display: block;
	color: #FFF;
	font-style: initial;
}
.slick-sort-indicator {
	margin-left: 7px;
}
.slick-sort-indicator.slick-sort-indicator-desc {}
.slick-sort-indicator.slick-sort-indicator-desc:before {
	content: "\f062";
}
.slick-sort-indicator.slick-sort-indicator-asc {}
.slick-sort-indicator.slick-sort-indicator-asc:before {
	content: "\f063";
}
ul.slick-header-menu {
	background: #949594;
	font-family: 'Armata', sans-serif;
	z-index: 99999;
}
ul.slick-header-menu li {
	color: #FFF;
}
ul.slick-header-menu li:hover {
	background: #FFF;
	color: black;
}

.slick-header-menubutton {
	font-family: "Font Awesome 5 Free";
	position: absolute;
	right: 7px;
	top: 0;
	bottom: 0;
	width: 14px;
	background-repeat: no-repeat;
	background-position: left center;
	cursor: pointer;
	display: none;
	color: #FFF;
	font-weight: 900;
	line-height: 1.8;
}
.slick-header-menubutton:before {
	content: "\f005";
	font-style: initial;
}
input.editor-text {
	width: 100% !important;
}
.page-container .wf-container.grid-modal {
	z-index: 11;
	
}
.page-container .wf-container.grid-modal .section-one {
	width: 250px;
	margin-top: 6%;
}
.page-container .wf-container.grid-modal .section-one .wf-dialogue .wf-dialogue-body .wf-dialogue-content {
	height: auto;
}

.page-container .wf-container.grid-modal .section-one .wf-dialogue {
	width: initial;
}
.item-details-form  input {
	display: block;
	    width: 100%;
	    height: 34px;
	    padding: 6px 12px;
	    font-size: 14px;
	    line-height: 1.42857143;
	    color: #555;
	    background-color: #fff;
	    background-image: none;
	    border: 1px solid #ccc;
	    border-radius: 4px;
	    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.item-details-form-buttons { float: right; margin-top: 14px; }
.item-details-label { 
	margin-top: 3px;
	display: block;
	font-weight: bold;
	color: #FFF;
	background: #ff8500;
	padding: 4px;
	border: 1px solid #fefefc;
	color: #FFF;
	font-weight: bold;
	text-shadow: 0 -1px 0 #A97500;
	letter-spacing: 1px;
	text-transform: uppercase;
	width: 100%;
	text-align: center;
 }
.item-details-editor-container input { width:100% ; }
.item-details-editor-container img { position: absolute; }
.item-details-editor-container .select2 { width: 100% !important; }
.item-details-editor-container { width: 200px;
    height: 28px;
    background: white;
    display: block;
    margin: 8px 10px;
    padding: 0;
    position: relative;
}

.ui-datepicker .ui-state-default,
.ui-datepicker .ui-widget-content .ui-state-default,
.ui-datepicker .ui-widget-header .ui-state-default,
.ui-datepicker .ui-button,



.ui-datepicker .ui-button.ui-state-disabled:hover,
.ui-datepicker .ui-button.ui-state-disabled:active {
	border: 1px solid #d3d3d3;
	background: #e6e6e6 url("https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/themes/smoothness/images/ui-bg_glass_75_e6e6e6_1x400.png") 50% 50% repeat-x;
	font-weight: normal;
	color: #555555;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {

	text-decoration: none;
}



.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
	border: 1px solid #999999;
	background: #dadada url("https://cdnjs.cloudflare.com/ajax/libs/jquery-ui-bootstrap/0.5pre/css/custom-theme/images/ui-bg_glass_75_dadada_1x400.png") 50% 50% repeat-x;
	font-weight: normal;
	color: #212121;
}




.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
	color: #212121;
	text-decoration: none;
}

.ui-visual-focus {
	box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	border: 1px solid #aaaaaa;
	background: #ffffff url("https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/themes/smoothness/images/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x;
	font-weight: normal;
	color: #212121;
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
	border: #aaaaaa;
	background-color: #212121;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #212121;
	text-decoration: none;
}



.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #fcefa1;
	background: #fbf9ee url("/v1/assets/images/ui-bg_glass_55_fbf9ee_1x400.png") 50% 50% repeat-x;
	color: #363636;
}
.ui-state-checked {
	border: 1px solid #fcefa1;
	background: #fbf9ee;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #363636;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #cd0a0a;
	background: #fef1ec url("https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/images/ui-bg_glass_95_fef1ec_1x400.png") 50% 50% repeat-x;
	color: #cd0a0a;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #cd0a0a;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #cd0a0a;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter:Alpha(Opacity=70);
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35);
	background-image: none;
}
.ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35);
}

.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
	background: #FFF;
	color: #000;
	z-index: 5 !important;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {

}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {

}
.ui-datepicker .ui-datepicker-next-hover {

}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 45%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}


.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}


.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}

.ui-datepicker-header {
    background: #E5A400;
    border: 1px solid #FFF;
    height: 36px;
}
.ui-datepicker-header a.ui-datepicker-prev, .ui-datepicker-header a.ui-datepicker-next {
	background: #AD7901;
	border-top: 1px solid #926601;
	border-bottom: 1px solid #FEBA1B;
	text-shadow: 0 1px 1px #4D3500;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #FFF;
	font-size: 11px;
	margin: 5px;
	padding: 3px 7px 5px;
	line-height: 1;
}
.ui-datepicker-header a.ui-datepicker-prev:hover, .ui-datepicker-header a.ui-datepicker-next:hover {
	background: #926600; text-decoration: none;
	cursor: pointer;
}
.ui-icon, .ui-widget-content .ui-icon {
	background-image: none !important;
}
.ui-datepicker-header a.ui-datepicker-next:before { content:"\003e"; }
.ui-datepicker-header a.ui-datepicker-prev:before { content:"\003c"; }
.ui-datepicker-header a.ui-datepicker-next:hover {
}
.ui-state-hover, .ui-datepicker-next-hover {
}
.ui-datepicker-buttonpane.ui-widget-content button {
    background: #FFF9E1;
    border-top: 1px solid #F3D794;
    border-bottom: 1px solid #FFF;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #7E5700;
    padding: 4px 8px;
	opacity: 1;
}
.ui-datepicker-buttonpane.ui-widget-content button:hover {
	background: #BE8600; color: #FFF; text-decoration: none;
}
.ui-datepicker-header div.ui-datepicker-title {
	color: #FFF;
	padding: 0 10px 0 0;
	text-shadow: 0 -1px 0 #A97500;
	text-transform: uppercase;
	line-height: 2.1;
}

.ui-datepicker .ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
	left: .5em;
	top: .3em;
}


.bootstrap-switch {
	display: inline-block;
	direction: ltr;
	cursor: pointer;
	border-radius: 4px;
	border: 1px solid;
	border-color: #ccc;
	position: relative;
	text-align: left;
	overflow: hidden;
	line-height: 8px;
	z-index: 0;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	vertical-align: middle;
	-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.bootstrap-switch .bootstrap-switch-container {
	display: inline-block;
	top: 0;
	border-radius: 4px;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.bootstrap-switch .bootstrap-switch-handle-on, .bootstrap-switch .bootstrap-switch-handle-off, .bootstrap-switch .bootstrap-switch-label {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	cursor: pointer;
	display: table-cell;
	vertical-align: middle;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 20px;
}
.bootstrap-switch .bootstrap-switch-handle-on, .bootstrap-switch .bootstrap-switch-handle-off {
	text-align: center;
	z-index: 1;
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary {
	color: #fff;
	background: #01a4ef;
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-info, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-info {
	color: #fff;
	background: #5bc0de;
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success {
	color: #fff;
	background: #5cb85c;
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-warning, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-warning {
	background: #f0ad4e;
	color: #fff;
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-danger, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-danger {
	color: #fff;
	background: #d9534f;
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default {
	color: #e7e7e8;
	background: #42454a;
}
.bootstrap-switch .bootstrap-switch-label {
	text-align: center;
	margin-top: -1px;
	margin-bottom: -1px;
	z-index: 100;
	color: #333;
	background: #fff;
}
.bootstrap-switch span::before {
	content: "\200b";
}
.bootstrap-switch .bootstrap-switch-handle-on {
	border-bottom-left-radius: 3px;
	border-top-left-radius: 3px;
}
.bootstrap-switch .bootstrap-switch-handle-off {
	border-bottom-right-radius: 3px;
	border-top-right-radius: 3px;
}
.bootstrap-switch input[type='radio'], .bootstrap-switch input[type='checkbox'] {
	position: absolute !important;
	top: 0;
	left: 0;
	margin: 0;
	z-index: -1;
	opacity: 0;
	filter: alpha(opacity=0);
	visibility: hidden;
}
.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-on, .bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-off, .bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-label {
	padding: 1px 5px;
	font-size: 12px;
	line-height: 1.5;
}
.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-on, .bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-off, .bootstrap-switch.bootstrap-switch-small .bootstrap-switch-label {
	padding: 5px 10px;
	font-size: 12px;
	line-height: 1.5;
}
.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-on, .bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-off, .bootstrap-switch.bootstrap-switch-large .bootstrap-switch-label {
	padding: 6px 16px;
	font-size: 18px;
	line-height: 1.3333333;
}
.bootstrap-switch.bootstrap-switch-disabled, .bootstrap-switch.bootstrap-switch-readonly, .bootstrap-switch.bootstrap-switch-indeterminate {
	cursor: default !important;
}
.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-on, .bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-on, .bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-on, .bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-off, .bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-off, .bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-off, .bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-label, .bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-label, .bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-label {
	opacity: 0.5;
	filter: alpha(opacity=50);
	cursor: default !important;
}
.bootstrap-switch.bootstrap-switch-animate .bootstrap-switch-container {
	-webkit-transition: margin-left 0.5s;
	-o-transition: margin-left 0.5s;
	transition: margin-left 0.5s;
}
.bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-on {
	border-bottom-left-radius: 0;
	border-top-left-radius: 0;
	border-bottom-right-radius: 3px;
	border-top-right-radius: 3px;
}
.bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-off {
	border-bottom-right-radius: 0;
	border-top-right-radius: 0;
	border-bottom-left-radius: 3px;
	border-top-left-radius: 3px;
}
.bootstrap-switch.bootstrap-switch-focused {
	border-color: #66afe9;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.bootstrap-switch.bootstrap-switch-on .bootstrap-switch-label, .bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-off .bootstrap-switch-label {
	border-bottom-right-radius: 3px;
	border-top-right-radius: 3px;
}
.bootstrap-switch.bootstrap-switch-off .bootstrap-switch-label, .bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-on .bootstrap-switch-label {
	border-bottom-left-radius: 3px;
	border-top-left-radius: 3px;
}

div.slick-cell .editor-percentcomplete-picker
,div.item-details-editor-container .editor-percentcomplete-picker {
    z-index: 12;
    position: absolute;
    background: #FFF;
    height: 10px;
    float: left;
    display: block;
    width: 98%;
    top: 6px;
}
div.slick-cell .editor-percentcomplete-picker .editor-percentcomplete-helper {

}
div.slick-cell .editor-percentcomplete-picker .editor-percentcomplete-helper  .editor-percentcomplete-wrapper
,div.item-details-editor-container .editor-percentcomplete-picker .editor-percentcomplete-helper  .editor-percentcomplete-wrapper {
	display: block;
}
div.slick-cell .editor-percentcomplete-picker .editor-percentcomplete-helper  .editor-percentcomplete-wrapper > *
,div.item-details-editor-container .editor-percentcomplete-picker .editor-percentcomplete-helper  .editor-percentcomplete-wrapper > * {
	display:inline-block;
    width: 100%;
	float:left;
}
div.slick-cell .editor-percentcomplete-picker .editor-percentcomplete-helper  .editor-percentcomplete-wrapper .editor-percentcomplete-slider {
    border: none;
    border-radius: 0;
    box-shadow: 0 3px 0 rgba(0,0,0,.2);
    padding: 0;
    font-size: 1em;
}
div.slick-cell .editor-percentcomplete-picker .editor-percentcomplete-helper  .editor-percentcomplete-wrapper .editor-percentcomplete-slider .ui-slider-handle
,div.item-details-editor-container .editor-percentcomplete-picker .editor-percentcomplete-helper  .editor-percentcomplete-wrapper .editor-percentcomplete-slider .ui-slider-handle {
	background: #e6a403;
	border: none;
	cursor: pointer;
}
div.slick-cell .editor-percentcomplete-picker .editor-percentcomplete-helper  .editor-percentcomplete-wrapper .editor-percentcomplete-slider .ui-slider-range
,div.item-details-editor-container .editor-percentcomplete-picker .editor-percentcomplete-helper  .editor-percentcomplete-wrapper .editor-percentcomplete-slider .ui-slider-range {
	background: #67a2cf;
}

div.slick-cell .editor-percentcomplete-picker .editor-percentcomplete-helper  .editor-percentcomplete-wrapper .editor-percentcomplete-buttons
,div.item-details-editor-container .editor-percentcomplete-picker .editor-percentcomplete-helper  .editor-percentcomplete-wrapper .editor-percentcomplete-buttons {
	display:none;
}
div.slick-cell .editor-percentcomplete-picker .editor-percentcomplete-helper  .editor-percentcomplete-wrapper .editor-percentcomplete-buttons button {
	
}
.ui-slider {
	position: relative;
	text-align: left;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: default;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 4px;
}

.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}

.ui-slider-horizontal {
	height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}

.ui-slider-vertical {
	width: .8em;
	height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}


.slick-header-menuitem-disabled {
	color: silver;
}


div {
	display: block;
}
h1, h2, h3, h4, h5, h6, a.header-title {
	color: #FFFFFF;
	font-family: 'Armata', sans-serif;
	font-weight: 400;
	line-height: 1;
	margin: 0 0 1.5rem 0;
}
h1, h2 {
	font-family: 'Armata', sans-serif;
	font-weight: 100;
}
h1 {
	text-transform: uppercase;
	font-size: 5rem;
}
h2 {
	font-size: 5rem;
	color: #01a4ef;
}
a {
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	cursor: pointer;
	text-decoration: none;
	color: #01a4ef;
}
p {
	font-family: "Open Sans", "Helvetica Neue", "Lucida Grande", Arial, Verdana, sans-serif;
	margin: 0;
	font-size: 19px;
	line-height: 2;
	color: #323232;
	font-weight: 100;
	letter-spacing: 1.3px;
}
strong, b {
	font-weight: 700;
}
.tipsy {
	padding: 5px;
	font-size: 10px;
	position: absolute;
	z-index: 100000;
}
.tipsy-inner {
	padding: 5px 8px 4px 8px;
	background-color: black;
	color: white;
	max-width: 200px;
	text-align: center;
}
.tipsy-inner {
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.tipsy-arrow {
	position: absolute;
	background: url('/v1/assets/images/tipsy.gif') no-repeat top left;
	width: 9px;
	height: 5px;
}
.tipsy-n .tipsy-arrow {
	top: 0;
	left: 50%;
	margin-left: -4px;
}
.tipsy-nw .tipsy-arrow {
	top: 0;
	left: 10px;
}
.tipsy-ne .tipsy-arrow {
	top: 0;
	right: 10px;
}
.tipsy-s .tipsy-arrow {
	bottom: 0;
	left: 50%;
	margin-left: -4px;
	background-position: bottom left;
}
.tipsy-sw .tipsy-arrow {
	bottom: 0;
	left: 10px;
	background-position: bottom left;
}
.tipsy-se .tipsy-arrow {
	bottom: 0;
	right: 10px;
	background-position: bottom left;
}
.tipsy-e .tipsy-arrow {
	top: 50%;
	margin-top: -4px;
	right: 0;
	width: 5px;
	height: 9px;
	background-position: top right;
}
.tipsy-w .tipsy-arrow {
	top: 50%;
	margin-top: -4px;
	left: 0;
	width: 5px;
	height: 9px;
}
.tipsy object {
	width: 50px;
}
#tip { font-weight: 400; background: #F4E3E3; border: 1px solid #C00; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; color: #C00; display: none; font-size: 11px; line-height: 1.1; padding: 5px 5px 6px; position: absolute; z-index: 9999; max-width: 200px;}
#tip strong, #tip b, #tip span { display: block; }
#tip strong { font-weight: bold; }
#tip p { font-weight: 700; }
#tip span { font-size: 10px; }
.credits {
	display: inline-block;
	position: absolute;
	top: 50px;
	left: 100px;
	color: rgba(255, 255, 255, .6);
	opacity: 1 !important;
}
.credits h2 {
	display: block;
	font-size: 30px;
	color: inherit;
}
.credits span {
	margin: 0 5px;
	font-size: 12px;
}
.tab-counter {
	font-family: "Font Awesome 5 Free";
	float: right;
	position: absolute;
	height: 18px;
	width: 18px;
	margin: -6px 0px 2px -6px;
	text-indent: -8px;
	text-align: center;
	font-size: 14px;
	vertical-align: middle;
	color: #ffffff;
	line-height: 1.7;
	z-index: 1;
}
.tab-counter:before {
	content: "\f111";
	position: absolute;
	font-size: 19px;
	width: 18px;
	margin: -4px 0px 0px -2px;
	font-weight: 700;
	color: #ff8500;
	z-index: -1;
	opacity: .9;
}
.notification {
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-shadow: 0 1px 1px #FFF;
	box-shadow: 1px 1px 5px rgba(66, 69, 74, .5);
	max-width: 400px;
	overflow: hidden;
}
.notification .dialog-header {
	background-size: contain;
	height: 36px;
	display: block;
	background: #42454a;
}
.notification .dialog-header span {
	display: inline-block;
	float: left;
	line-height: 1.8;
	color: #FFF;
	font-size: 20px;
	padding: 0px 5px;
}
.notification .dialog-header button:hover {
	text-shadow: initial;
}
.close:not(:disabled):not(.disabled):focus, .close:not(:disabled):not(.disabled):hover {
	color: #FFF;
}
.notification .dialog-header p {
	font-size: 12px;
	color: #FFF;
	margin-right: 27px;
	display: block;
	position: relative;
	line-height: 1.2;
	display: inline-block;
}
.notification .dialog-body {
	background: rgba(213, 213, 213);
	width: inherit;
	position: relative;
}
.notification .dialog-body>span {
	position: relative;
	display: block;
}
.notification .dialog-body>a {}
.is.default {
	width: 100%;
	position: relative;
}
blockquote {
	list-style: none inside;
	font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Fira Sans", Ubuntu, Oxygen, "Oxygen Sans", Cantarell, "Droid Sans", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Lucida Grande", Helvetica, Arial, sans-serif;
	font-size: 1rem;
	line-height: 1.5;
	font-weight: 400;
	color: rgba(0, 0, 0, .75);
	word-wrap: break-word;
	position: relative;
	padding: 7px;
}
.notification .dialog-body .notification-footer {
	display: block;
	width: 100%;
	padding: 0px 0px 5px 0px;
}
.notification .dialog-body .notification-footer a {
	margin: 0 5px;
}
.app-communication-form .container-attach {
	
}
.app-communication-form ._body
,.app-communication-form .container-attach {
	
}
body.copyright {
	position: fixed;
	left: 4%;
	bottom: 0;
	font-family: "Open Sans", "Helvetica Neue", "Lucida Grande", Arial, Verdana, sans-serif;
	color: rgba(0, 0, 0, 0.7);
	font-size: 14px;
	font-weight: 300;
	line-height: 50px;
	z-index: 999;
}
.icon-community, .icon-origami, .icon-rocket, .icon-corporate {
	display: block;
	position: absolute;
	width: 23px;
	height: 24px;
	background-size: contain;
	background-repeat: no-repeat;
}
.icon-community {
	background-image: url(/v1/assets/images/community-edition.svg);
}
.icon-origami {
	background-image: url(/v1/assets/images/developer-edition.svg);
}
.icon-rocket {
	background-image: url(/v1/assets/images/professional-edition.svg);
}
.icon-corporate {
	background-image: url(/v1/assets/images/corporate-edition.svg);
}
.athenian-signet {
	background: url(/v1/assets/images/athenian_signet_white.png) no-repeat;
	width: 25px;
	height: 25px;
	display: block;
	background-size: contain;
}

@-webkit-keyframes bounce-2 {
	0% {
		-webkit-transform: translateY(-0.8em) rotate(45deg);
	}
	25% {
		-webkit-transform: translateY(0em) rotate(45deg);
	}
	100% {
		-webkit-transform: translateY(-0.8em) rotate(45deg);
	}
}
@-moz-keyframes bounce-2 {
	0% {
		-moz-transform: translateY(-0.8em) rotate(45deg);
	}
	25% {
		-moz-transform: translateY(0em) rotate(45deg);
	}
	100% {
		-moz-transform: translateY(-0.8em) rotate(45deg);
	}
}
@keyframes bounce-2 {
	0% {
		-webkit-transform: translateY(-0.8em) rotate(45deg);
		-moz-transform: translateY(-0.8em) rotate(45deg);
		-ms-transform: translateY(-0.8em) rotate(45deg);
		-o-transform: translateY(-0.8em) rotate(45deg);
		transform: translateY(-0.8em) rotate(45deg);
	}
	25% {
		-webkit-transform: translateY(0em) rotate(45deg);
		-moz-transform: translateY(0em) rotate(45deg);
		-ms-transform: translateY(0em) rotate(45deg);
		-o-transform: translateY(0em) rotate(45deg);
		transform: translateY(0em) rotate(45deg);
	}
	100% {
		-webkit-transform: translateY(-0.8em) rotate(45deg);
		-moz-transform: translateY(-0.8em) rotate(45deg);
		-ms-transform: translateY(-0.8em) rotate(45deg);
		-o-transform: translateY(-0.8em) rotate(45deg);
		transform: translateY(-0.8em) rotate(45deg);
	}
}

.dark-contrast, .light-contrast, .white-contrast {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	height: 100%;
	position: relative;
	z-index: 0;
}
.dark-contrast {
	background: rgba(45, 49, 56, 0.8);
}
.light-contrast {
	background: rgba(45, 49, 56, 0.3);
}
.white-contrast {
	background: rgba(199, 199, 199, 0.3);
}
.bg-dialogues {
	background: rgba(12, 13, 13, .25);
	border: 1px solid rgba(12, 13, 13, .10);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.4);
	box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.4);
	position: relative;
	padding: 10px;
}
.schema-dialogue {
    width: auto;
    vertical-align: top;
    display: inline-block;
    zoom: 1;
	background: rgba(12, 13, 13, .60);
	z-index: 1;
}
.dark-bg-alpha {
	background-color: rgba(45, 49, 56, 0.8);
}

.light-btn {
	font-family: 'Armata', sans-serif;
	background: #FFFFFF;
	font-weight: 700;
	padding: 0.7em 2em;
	color: #20232D;
	margin: auto;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #EFEFEF;
	display: inline-block;
	text-align: center;
}
.light-btn:hover {
	background: transparent;
	color: #FFFFFF;
	border-color: #FFFFFF;
}
.longtext-editor
,.longtext-editor-modal {
	background:white;
	resize: both;
	width: 100%;
}
.longtext-editor {
}
.longtext-editor-modal {
	width: 219px;
	height: 34px;
}
.dark-btn {
	font-family: 'Armata', sans-serif;
	background: #42454a;
	font-weight: 700;
	padding: 0.7em 2em;
	color: #ffffff;
	margin: auto;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #42454a;
	display: inline-block;
	text-align: center;
}
.dark-btn:hover {
	background: transparent;
	color: #42454a;
	border-color: #42454a;
}

.green-btn {
	font-family: 'Armata', sans-serif;
	background: #10bb81;
	font-weight: 700;
	padding: 0.7em 2em;
	color: #ffffff;
	margin: auto;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #6ea855;
	display: inline-block;
	text-align: center;
}
.green-btn:hover {
	background: transparent;
	color: #42454a;
	border-color: #42454a;
}


.action-btn
,.athenian-element
,.button-field a.err-value {
	font-family: 'Armata', sans-serif;
	background: #01a4ef;
	font-weight: 700;
	padding: 0.7em 2em;
	color: #FFFFFF;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #01a4ef;
	display: inline-block;
	margin-left: 1rem;
}
.action-btn.btn-block {
	margin: 0px 0px 5px 0px;
}
.action-btn:hover
,.athenian-element:hover
,.button-field a.err-value:hover {
	background: transparent;
	color: #01a4ef;
	border-color: #01a4ef;
	cursor: pointer;
	text-shadow: initial;
}
.action-btn.btn-grid
,.button-field a.err-value {
	padding: 1px 5px;
    font-size: 11px;
    text-shadow: 0 -1px 0 #A97500;
    margin: initial;
    width: 100%;
    text-align: center;
}
.btn-grid span.row-count {
    width: 18px;
    height: 18px;
    position: absolute;
    right: 3px;
    border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px;
    border: 1px solid #FFF;
    background: #42454a;
    text-align: center;
	display: none;
	top: 2px;
	text-shadow: 0 -1px 0 #585b5f;
	color: #FFF;
}
.btn-grid:hover span.row-count {
	background: #01a4ef;
}
.btn-grid span.row-count.show {
	display:block;
}
.percent-complete-bar {
    height: 10px;
    position: relative;
    display: block;
	margin-top: 5px;
	border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px;
}
.ath-orange-bk {
	background: #FF7802;
}
.ath-red-bk {
	background: red;
}
.ath-green-bk {
	background: #30b14a;
}
div.row-lock 
,div.boolean-field
,div.button-field {
	text-align: center;
}
.boolean-field .fas {
	font-size: 20px;
}
.boolean-field .fa-toggle-on {
	color: #7fba00;
}
.boolean-field .fa-toggle-off {
	color: #01a4ef;
}
.row-lock b {
	text-indent: -9999px;
	display:block;
}

.thumb {
	width: 50px;
	height: 50px;
}
.card .thumb {
    border-radius: 12px 12px 0 0;
    width: 100%;
    height: 150px;
    object-fit: cover;
}

.card:hover {
    transform: translateY(-5px);
}

.btn-xs {
	width: 24px;
	height: 24px;
	padding: 1px 5px;
	line-height: 1.5;
	border-radius: 3px;
}
.txt-c {
	text-align: center;
}
.pad-none {
	padding: 0;
}
.row-no-margin {
	margin: 0;
}
.bg-orange {
	background: #01a4ef;
}
.bg-grey {
	background: rgb(185, 185, 184);
}
.ath-orange, .ath-orange:hover, a.show-more-log.selected .fas.fa-arrow-down, a.show-more-log.selected:hover .fas.fa-arrow-down {
	color: #FF7802;
}
.ath-red, .ath-red:hover {
	color: red;
	text-decoration: line-through;
}
.ath-green, .ath-green:hover {
	color: #31b049;
}
.strike-through {
	text-decoration: line-through;
}
.subtitle {
	margin-bottom: 3rem;
}
.white {
	color: #FFF;
}
.menu-location, .pane-label {
	font-family: 'Armata', sans-serif;
	background: #FFFFFF;
	font-weight: 700;
	padding: 0px 7px;
	color: #20232D;
	margin: 0 2px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #EFEFEF;
	display: inline-block;
	text-align: center;
}
.menu-location:hover, .pane-label:hover {
	background: transparent;
	color: #FFFFFF;
	border-color: #FFFFFF;
}
.pane-label.selected {
	background: #dfdcd8;
}
.util-label {
	font-family: 'Armata', sans-serif;
	background: #01a4ef;
	font-weight: 700;
	padding: 0px 7px;
	color: #fffcfb;
	margin: 0 2px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #EFEFEF;
	display: inline-block;
	text-align: center;
}
.util-label:hover {
	background: transparent;
	color: #ff8600;
	border-color: #ff8600;
}
.toolbox, .btn-test-sql {
	font-family: 'Armata', sans-serif;
	font-weight: 700;
	padding: 0px 7px;
	margin: 2px 2px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #EFEFEF;
	display: inline-block;
	text-align: left;
}
.toolbox {
	background: #FFFFFF;
	color: #20232D;
}
.toolbox:hover {
	background: transparent;
	color: #FFFFFF;
	border-color: #FFFFFF;
}
.btn-test-sql {
	background: #FFFFFF;
	color: #20232D;
}
.btn-test-sql:hover {
	background: #CCC;
	color: #202020;
	border-color: #FFFFFF;
}
.fas.fa-toggle-off.under.construction, .fas.fa-toggle-on.deployed {
	margin-right: 5px;
}
.fas.fa-toggle-off.under.construction {
	color: #dc3545;
}
.fas.fa-toggle-on.deployed {
	color: #5cb85c;
}
.page-container {
	background: rgba(245, 245, 245, 0.7);
	box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.4);
	position: relative;
	overflow: hidden;
}
.page-container .dragbar {
	background-color: transparent;
	height: 100%;
	right: 0;
	width: 3px;
	cursor: col-resize;
	position: absolute;
	z-index: 99999;
}
li.role-stack-item, li.role-stack-item-new, li.add-role-container, .tour-item, .column-template-item {
	background: #FFF;
}
.hovered-stream-item {
	background: #eee3c8;
}
.stream-item .athenian-rule-executing-obj {
	width: 25px;
	position: absolute;
	right: 4px;
	top: 36px;
}
#ghostbar {
	width: 3px;
	background-color: #42454a;
	opacity: 0.5;
	position: absolute;
	cursor: col-resize;
	z-index: 999;
}
.left-right {
	display: inline-block;
	width: 100%;
	font-size: 24px;
	vertical-align: bottom;
	line-height: 0.2;
	bottom: 0;
	left: 0;
	right: 0;
	position: absolute;
	height: 45px;
}
.left-right a {
	vertical-align: top;
	float: right;
	text-shadow: 0 -1px 0 #A97500;
	background: #FFF9E1;
	border-top: 1px solid #835d09;
	border-bottom: 1px solid #FFF;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #7E5700;
	padding: 4px 8px;
	margin-right: 5px;
}
.left-right a.next-slide {
	margin-right: 33px;
}
.menu-move-container a:hover, .left-right a:hover, .ui-dialog-buttonset button:hover, .ui-dialog-buttonset button:focus {
	text-shadow: 0 1px 1px #4D3500;
	background: #926600;
	cursor: pointer;
	text-decoration: none;
	border-bottom-color: #f3d793;
	color: #FFF;
	border-bottom: 1px;
}
.ai-stars {
	background: url(https://static.athenian.io/v1/assets/images/ai-stars.svg) no-repeat;
    width: 28px;
    height: 27px;
    display: flex;
}
.athenian-square {
	background: url(https://static.athenian.io/v1/assets/images/ms-square.png) no-repeat;
	float: left;
	left: 0;
	top: 0;
	width: 25px;
	height: 25px;
	display: block;
	margin: 1px 6px 0px -5px;
	background-color: #FFF;
}
.athenian-square-loading {
	width: 25px;
	height: 25px;
	float: left;
	left: 0;
	top: 0;
	display: block;
	margin: 1px 6px 0px -5px;
	background: #FFF;
	padding: 1px;
}
.athenian-square-loading-obj {
	width: 24px;
	height: 24px;
}

.upload-widget-container
,.upload-json-container
,.upload-video-container {
	display: block;
	width: 100%;
	float: right;
	z-index: 1;
	position: relative;
}
.upload-widget-container form
,.upload-json-container form
,.upload-video-container form {
	margin: -33px 0px 0px 0px;
	width: 100%;
	overflow-x: hidden;
}
.upload-widget-container a.fileinput-button
,.upload-json-container a.fileinput-button
,.upload-video-container a.fileinput-button {
	float: right;
	position: absolute;
	right: 0px;
	height: 30px;
	margin: 1px 17px 0px 0px;
}
.upload-widget-container a.fileinput-button input
,.upload-json-container a.fileinput-button input
,.upload-video-container a.fileinput-button input {
	cursor: pointer;
	font-size: 35px;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	opacity: 0;
}
.upload-widget-container a.fileinput-button i
,.upload-json-container a.fileinput-button i
,.upload-video-container a.fileinput-button i {}
#progress {
	color: #a57206;
	float: left;
	padding: 0 20px 0 0;
	text-shadow: 0 -1px 0 #A97500;
	text-transform: uppercase;
	overflow:hidden;
}
#progress p
{
	display: block;
	width: 240px;
	padding: 2px 5px;
	margin: 2px 0;
	border: 2px solid #AD7900;
	box-shadow: 0 2px 10px 2px rgba(173,121,0,.5);
	-webkit-box-shadow: 0 2px 10px 2px rgba(173,121,0,.5);
	border-radius: 2px;
	background: url(/v1/assets/images/progress-bar.png) repeat-y;
	height:27px;
	font-size: 12px;
	overflow:hidden;
}
#progress p.success
{
	background: #0c0 none 0 0 no-repeat;
}

#progress p.failed
{
	background: #c00 none 0 0 no-repeat;
}
#embedded-object-id {
	z-index: 0;
}
/* Overrides */

.form-control {
	height: 34px;
}
.card {
    height: 100%;
    border: none;
    border-radius: 12px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    transition: transform 0.2s;
}
.card img {
	
}
.card .card-body {
	
}
.card .card-body h6 {
	
}
.card .card-body p {
	
}
.card .card-body a {
	
}
.bs-dialogue.wf-inner .bs-dialogue-inside .bs-dialogue-body,
.bs-dialogue.settings-master .bs-dialogue-inside .bs-dialogue-body,
.bs-dialogue.media-master .bs-dialogue-inside .bs-dialogue-body,
.bs-dialogue.security-master .bs-dialogue-inside .bs-dialogue-body,
.bs-dialogue.account-master .bs-dialogue-inside .bs-dialogue-body,
.bs-dialogue.workflow-master .bs-dialogue-inside .bs-dialogue-body {
	overflow-x: hidden;
}
.cat-prods-guts
,.cat-prod-finder-guts {
	min-height: 422px;
}

#cat-prods .wf-container {
	
}
#cat-prods .wf-container .wf-dialogue .wf-dialogue-header > * 
,.cat-prod-finder-guts ul.t li {
	display: inline-block;
	vertical-align: top;
}
#cat-prods .wf-container .wf-dialogue .wf-dialogue-header ul.t {
	width: 98%;
}
#cat-prods .thingmenu {
    position: absolute;
    margin: 0 auto;
    width: 100%;
	background: #FFF;
}
#your-report-deck {
	padding: 5%;
}
#your-report-deck .txt-b {
	margin: initial;
}
.cat-prod-finder-guts ul.t {
	z-index: 1;	
}
.cat-prod-finder-guts ul.t li {
	z-index: 1;
	position: relative;
}
.cat-prod-finder-guts ul.t a.square-tab {
    text-transform: none;
    text-decoration: none;
    color: #FFF;
    background: #a4a5a7;
    line-height: 3;
    margin: 2px 0 0;
    border-bottom: 1px solid #FFF;
    height: 30px;
    display: inline-block;
    padding: 0px 7px;
    border-radius: 3px 3px 0px 0px;
}
.cat-prod-finder-guts ul.t a.square-tab i {
	font-size: 15px;
	line-height: 2;
}
.cat-prod-finder-guts ul.t a.square-tab span {
	margin-left: 14px;
	color: #717375;
	line-height: 2.2;
}
.cat-prod-finder-guts ul.t a.square-tab.selected {
	border-bottom: 1px solid #dee3e2;
	background: #dfe3e2;
	color: #717375;
}
.cat-prod-finder-guts ul.t a.square-tab:hover {
	
}
.cat-prod-finder-guts ul.t a.square-tab.selected:hover {
	
}
.cat-container .form-group.removelabelWithouClass._imagesrc
,.cat-container .form-group .col_removelabelWithouClass {
	width: 98%;
}
.cat-container .form-group .removelabelWithouClass._name {
	width: 98%;	
}
.cat-container .standard-form {
	padding: 4px;
}
.cat-container .new-column {
    bottom: 0;
    left: 0;
    right: 0;
	background: rgba(45, 49, 56, 0.8);
}
.cat-prod-finder-guts ul.t li {
	height: 32px;
}
.cat-prod-finder-guts .widget-page-priority-edit {
	position: absolute;
	top: 0;
	z-index: 1;
	width: 100%;
}

.cat-prod-finder-guts .embedded-form {
	padding: 5%;
}
.cat-prod-finder-guts .embedded-form input {
	border-radius: 7px;
	margin: 5px 0;
	font-size: 20px;
	padding: 5px;
	width: 100%;
	border: 1px solid #dfdfdf;
}
.cat-prod-finder-guts .embedded-form .param-input {
	display:block;
}
.cat-prod-finder-guts .embedded-form .param-input > * {
	display: inline-block;
	float: left;
}
.cat-prod-finder-guts .embedded-form .param-input input {
	width: calc(100% - 30px);
}
.cat-prod-finder-guts .embedded-form .param-input label {
	width: 100%;
	height: 17px;
	color: #ffd340;
	font-size: 13px;
	font-weight: 800;
	margin-bottom: 5px;
}
.cat-prod-finder-guts .embedded-form .param-input.create input {
	width: calc(50% - 5px);
}
.cat-prod-finder-guts .embedded-form .param-input input:first-child {
	margin-right: 5px;
}
.cat-prod-finder-guts .embedded-form .param-input a.delete-param {
	width: 25px;
	height: 25px;
	padding: 0 5px;
	margin: 15px 0px 0px 5px;
	border: 1px solid #cfc59a;
	border-radius: 25px;
	line-height: initial;
	color: #FFF;
	background: #e5a402;
	font-weight: 600;
}
.cat-prod-finder-guts .embedded-form .add-new-param {
	padding: initial;
}
.cat-container .new-column .form-group.removelabelWithouClass {
	width: 100%;
}
.create-category input
,.create-category {
	font-size: 12px;
	height: 28px;
}
.add-prod {
	position: absolute;
	background: white;
	width: 98%;
}
.add-prod > * {
	
}
.add-prod .prod-editor-header {
	height: 36px;
	position: relative;
	padding: 0px 10px;
	background: #01a4ef;
}
.add-prod .prod-editor-header h4 {
    font-size: 14px;
    line-height: 2.2;
    float: left;
    margin: initial;
}
.add-prod .prod-editor-header a.x {
	
}
.add-prod .prod-editor-guts {
	height: 336px;
}
.add-prod .prod-pic-name-price {
    height: 69px;
    padding: 10px;
    background: #ebe5d7;
    left: 50%;
}
.add-prod .prod-pic-name-price > * {
	float: left;
	display: inline-block;
	vertical-align: top;
}
.add-prod .prod-pic-name-price .pic {
	
}
.add-prod .prod-pic-name-price .name {
	
}
.add-prod .prod-pic-name-price .name
,.add-prod .prod-pic-name-price .serve {
	width: 70%;
}
.add-prod .form-body {
	padding: 5px;	
}
.add-prod .form-body fieldset {
	
}
.add-prod .form-body fieldset label {
	
}
.add-prod .form-body fieldset input
,.add-prod .form-body fieldset textarea {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.add-prod .form-body fieldset input {
	height: calc(2.25rem + 2px);
}
.add-prod .form-body a {
    bottom: 0;
    right: 0;
    position: absolute;
    margin: 10px;
}
.bs-dialogue.wf-inner .bs-dialogue-inside .bs-dialogue-body .rodney .wf-container.role-editor .section-one {
	margin: initial;
}
.bs-dialogue.wf-inner .bs-dialogue-inside .bs-dialogue-body .rodney .wf-container.role-editor .section-one .wf-dialogue {
	background: none;
	border: none;
	padding: initial;
	margin: initial;
}
.bs-dialogue.wf-inner .bs-dialogue-inside .bs-dialogue-body .rodney .wf-container.role-editor .section-one .wf-dialogue .form-body ul {
	height: 179px;
}
.new-communication {
	
}
.floating-container {
	
}
.floating-container .action-btn {
	margin: 0 auto;
	padding: 4px;
}
.floating-container .action-btn .fa-file-download {
	font-size: 18px;
}
.floating-container .x-tipsy {
	
}
.report-viewer .editor {
    height: 100%;
    background: #FFF;
    border: 2px solid #b2b6b7;
    width: 100%;
    position: absolute;
}
.report-viewer .editor .prod-editor-header {
	height:30px;
}
.report-viewer .editor .prod-editor-header .page-cloud-tools {
	color: #FFF;
	font-size: 17px;
	float: right;
}
.report-viewer .editor .prod-editor-header h4 {
	line-height: 2;
	float: left;
}
.report-viewer .editor .prod-editor-header > * {
	vertical-align: top;
	margin: 1px 5px;
}
.report-viewer .editor .prod-editor-header h4 {
	font-size: 12px;
	margin: initial;
}
.report-viewer .editor .prod-editor-header a.close {
	float: right;
}
.report-viewer-guts {
	height: 100%;
}
.report-viewer-guts .report-container {
	height: inherit;
}
.report-viewer-guts .toolbar-top {
	background: #FDEEB9;
	border-bottom: 1px solid #F3D794;
	display: none;
	font-size: 11px;
	z-index: 3;
	position:relative;
	height: 46px;
}

.report-message-box {position: fixed; text-align: center; width: 100%; z-index: 1000; bottom: 0;}
.report-message-box .message {
    background: rgba(49, 117, 18, 0.7); color: #317512;
    border-top-left-radius: 5px; border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px;
    -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px;
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
    display: inline-block; font-weight: normal; margin: -1px auto 0; max-width: 490px; /*min-width: 100px;*/ padding: 5px 5px 0px 5px; width: auto; }
.report-message-box .message .message-inside { 
	background: #D1FFBC; border: 1px solid #2F7310;display: inline-block; font-size: 13px; line-height: 1.2; /*min-width: 100px;*/ padding: 15px; position: relative; text-align: left;}
.report-message-box .message .message-inside span {display: inline-block; max-width: 440px; vertical-align: middle;}
.report-message-box .message .message-inside a.dismiss, .column-container-list ul li a.rule-remove {
	top: -8px; right: -8px; 
	position:absolute;
	cursor:pointer;
	color: #fff;
	border: 1px solid #AEAEAE;
	border-radius: 30px;
	background: #605F61;
	font-size: 15px;
	font-weight: bold;
	display: inline-block;
	line-height: 0px;
	padding: 7px 3px;
}
.report-table {
	table-layout: fixed;
}
.report-table th {
	
}
.report-table th a {
	display: inline-block;
	color: #FFF;
	width: 100%;
	vertical-align: top;
}
.report-table th a img, .report-table th a img:before {
	display: block;
	width: 20px;
	height: 20px;
	float: left;
	text-indent: -9999px;
}

.report-table th a:hover {
	text-decoration:none;
	color: #442e23;
	cursor:pointer;
	text-shadow: 0 -1px 0 #e9b534;
}

.report-table th a span {
	display:block;
	vertical-align: top;
	float: left;
	margin: 0 5px;
}
.report-table th a span.sys_name, .report-table th a span.sys_display {	
    float: left;
    width: 75%;
    background: #e3a404;
}
.report-table th a span.sys_name {
	display:none;
}
.report-table th a span.sys_display {
	
}
.report-table {
	
}
.report-table tbody {
	
}
.report-table tbody tr {
	
}
.report-table tbody tr.odd {
	background-color: #FFF;
}
.report-table tbody tr.even {
	background-color: #faf3ed;
}

.menu-edit-widget .col-lg-offset-3.col-lg-10, .form-group.container-copyfilter {
	display: none;
}

.message-quote:before, .message-quote:after {
    font-size: 400%;
    opacity: 0.25;
	position:absolute;
    height: 24px;
}
.message-quote:before {
	content: "“";
	float: left;
	margin-left: -0.4em;
	margin-top: -0.25em;
}

.message-quote:after {
    content: "”";
    float: right;
    margin-right: -0.5em;
	margin-top: 0.02em;
}

.table-hover.report-table > tbody > tr:not(:first-child):hover {
    background-color: #d9edf7;
    color: #484848;
    font-weight: 600;
}
.table-hover.report-table > tbody > tr > td:hover, .report-table tbody tr td.selected {
    color: #393836;
    background-color: #d8ecf5;
    font-size: 14px;
    padding: 6px;
    overflow: hidden;
	cursor:pointer;
}
.table-hover.report-table > tbody > tr > td:hover {
    outline: 3px dashed #e3a404;
    box-shadow: 0 0 0 3px #d8ecf6;
    animation: 1s animateBorder infinite;
}
.report-table tbody tr:first-child {
	background: #ff7800;
	border: 1px solid #FFF;
	color: #FFF;
	font-weight: bold;
	text-shadow: 0 -1px 0 #A97500 !important;
	
}
.report-table tbody tr:first-child th {
	height: 16px;
	line-height: 16px;
	margin: 0;
	padding: 4px;
	border-right: 1px solid #fff8df;
	position:relative;
	overflow-x: hidden;
}
.report-table tbody tr td {
	border-right: 1px solid #dadad9;
}
.report-table tbody tr td:first-child {
	
}
.report-viewer .source-report-columns {
	margin-top: 45px;
}
.report-viewer .source-report-columns .source-item {
	display: block;
	position: relative;
	width: 310px;
	height: 26px;
}
.report-viewer .source-report-columns .source-item > * {
	display: inline-block;
}
.report-viewer .source-report-columns .source-item a.col-mini {
	max-width: 96px;
	min-width: 96px;
	float:left;
}
.report-viewer .source-report-columns .source-item select {
	width: 103px;
	font-size: 11px;
	height: 25px;
	float:left;
	margin: 0 2px;
}
.report-viewer .column-container-list {
	border-right: 0px solid #FFF;
	    font-size: 11px;
	    line-height: 1.2;
	    position: absolute;
	    background: #474852;
	    min-height: 100px;
	    height: 100%;
	    overflow-y: auto;
	    -webkit-box-shadow: 0 3px 10px 3px rgba(173,121,0,.5);
	    -moz-box-shadow: 0 3px 10px 3px rgba(173,121,0,.5);
	    box-shadow: 0 3px 10px 3px rgba(173,121,0,.5);
}
.report-viewer .table-container {
	z-index:4;
	position:relative;
	height:100%;
	width: 100%;
	background: #FFF;
}
.report-viewer .column-container-list.report {
	left:initial;
	right:0;
	width: 320px;
}
.home-message {
    font-size: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.no-apps {
	position: absolute;
    margin: 0 auto;
    width: 100%;
}
.private-grid {
	-webkit-filter: blur(5px);
	-moz-filter: blur(5px);
	-o-filter: blur(5px);
	-ms-filter: blur(5px);
	filter: blur(5px);
	background-color: #fff;
}
.grid-search.form-control {
	height: 28px;
}
::-webkit-scrollbar {
	width: 5px;
	height: 5px;
}
/* Track */

::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
/* Handle */

::-webkit-scrollbar-thumb {
	-webkit-border-radius: 3px;
	border-radius: 10px;
	background: rgb(255, 120, 0);
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}

@-webkit-keyframes rotating

	{
	from {
		-webkit-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@keyframes rotating {
	from {
		-ms-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	to {
		-ms-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
.rotating {
	-webkit-animation: rotating 2s linear infinite;
	-moz-animation: rotating 2s linear infinite;
	-ms-animation: rotating 2s linear infinite;
	-o-animation: rotating 2s linear infinite;
	animation: rotating 2s linear infinite;
}
@keyframes loading {
	from {
		-ms-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	to {
		-ms-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
.loading {
	-webkit-animation: loading 1s cubic-bezier(0.34, 0.1, 0.1, 1.09) infinite;
	-moz-animation: loading 1s cubic-bezier(0.34, 0.1, 0.1, 1.09) infinite;
	-ms-animation: loading 1s cubic-bezier(0.34, 0.1, 0.1, 1.09) infinite;
	-o-animation: loading 1s cubic-bezier(0.34, 0.1, 0.1, 1.09) infinite;
	animation: loading 1s cubic-bezier(0.34, 0.1, 0.1, 1.09) infinite;
}

.share-to-social,
.account-master .stream-item a.check,
.account-master ul.cat-prods-nav,
a.s.appsubscription,
a.d.appsubscription,
.account-master .cat-prod-finder-guts ul.t li.upload-prod,
.card-inner a.x,
.bs-dialogue.security-master .upload-prod.binary-one,
a.s.applicationuser,
a.d.applicationuser,
.bs-dialogue.media-master ul.cat-prods-nav li ul.sub li:first-child,
.bs-dialogue.security-master ul.cat-prods-nav li ul.sub li:first-child,
.bs-dialogue.account-master ul.cat-prods-nav li ul.sub li:first-child,
.bs-dialogue.media-master .bs-dialogue-header li.create,
.bs-dialogue.security-master .bs-dialogue-header li.create,
.bs-dialogue.account-master .bs-dialogue-header li.create,
a.s.applicationmedia_video,
a.s.applicationruleemail,
a.d.applicationrule,
.app-communication-form ._body,
.app-communication-form .container-attach,
.action-model.report-selector .action-model-attributes .model-attribute .attribute-name,
.action-model.report-selector .action-model-attributes .model-attribute .attribute-description,
.reportformat .form-group.container-format,
.reportformat .form-group.container-mask,
.numericformat .form-group.container-mask,
.calcformat .form-group.container-mask,
.lockformat .form-group.container-mask,
.lockformat .form-group.container-format,
.percentformat .form-group.container-mask,
.percentformat .form-group.container-format,
.mediaformat .form-group.container-mask,
.mediaformat .form-group.container-format,
.buttonformat .form-group.container-mask,
.buttonformat .form-group.container-format,
.relationshipformat .form-group.container-mask,
.relationshipformat .form-group.container-format,
.fileformat .form-group.container-mask,
.fileformat .form-group.container-format,
.timeformat .form-group.container-format,
.timeformat .form-group.container-mask,
.booleanformat .form-group.container-mask,
.booleanformat .form-group.container-format,
.htmlformat .form-group.container-mask,
.htmlformat .form-group.container-format,
.cat-prods-filter .filter label, .cat-prod-finder-filter .filter label,
._embeddedjson,
input.editor-percentcomplete, .athenian-square.loading, .hidden, .bs-dialogue.wf-inner .bs-dialogue-inside .bs-dialogue-body .rodney .wf-container.role-editor .section-one .wf-dialogue .wf-dialogue-header ul.t, .bs-dialogue.wf-inner .bs-dialogue-inside .bs-dialogue-body .rodney .wf-container.role-editor .section-one .wf-dialogue .wf-dialogue-header .inner-dialogue-close, a.show-more-log .fas.fa-arrow-down, a.show-more-log.selected .fas.fa-arrow-right, .column-basic-body .column-template-item .table-item .col-sql .s, .column-basic-body .column-template-item .table-item .col-sql .d, .column-basic-body .column-template-item .table-item .page-event, .column-format-body .column-template-item .table-item .col-sql .s, .column-format-body .column-template-item .table-item .col-sql .d, .column-format-body .column-template-item .table-item .page-event, .column-format-body .column-data-type, .column-valid-body .column-template-item .table-item .col-sql .d, .column-valid-body .column-template-item .table-item .page-event, .column-valid-body .column-data-type, .column-events-body .column-data-type {
	display: none;
}
a.show-more-log.selected .fas.fa-arrow-down {
	display: block;
}
ul li#menu-top:empty {
	display: none;
}
img:before {
	content: ' ';
	display: block;
	height: 50px;
	width: 50px;
	background-image: url(/v1/assets/images/dbformats.jpg);
	background-position: -30px 67px;
}
/* Slick Overrides */

.slick-header-column {
	height: 24px;
	background: rgb(148, 149, 148);
	border: 1px solid #FFF;
}
.slick-header-column.sensitive-column {
	background: #ff7900;
}
.slick-cell-checkboxsel {
	background: #949594;
	border: 1px solid #FFF;
	color: #FFF;
	float: left;
	font-weight: bold;
	text-shadow: 0 -1px 0 #ffffff;
	width: 30px;
	line-height: 1;
	padding: 4px 7px;
}
.slick-cell-checkboxsel input {
	width: 12px;
	height: 12px;
	padding: 0;
	margin: 0;
	cursor: pointer;
}

.visa {
	background: url(/v1/assets/images/visa.png);
}
.mastercard {
	background: url(/v1/assets/images/mastercard.png);
}
.american {
	background: url(/v1/assets/images/americanexpress.png);
}
.discover {
	background: url(/v1/assets/images/discover.png);
}
.diners {
	background: url(/v1/assets/images/diners.png);
}
.jcb {
	background: url(/v1/assets/images/jcb.png);
}
.visa, .mastercard, .american, .discover, .diners, .jcb {
	background-repeat:no-repeat;
	background-size:cover;
	background-position: 0px 0px, 0px 0px;
}
form.standard-form {
	padding: 5px;
}
form.standard-form.tour-guide {
    height: 252px;
	
}
.slick-cell .fa-bolt
,.test-tour .fa-bolt {
    line-height: 1.3;
    color: #ffb900;
    font-size: 10px;
    margin: 0 4px;
}
.test-tour .fa-bolt {
	font-size: 14px;
	background: initial;
}
.popover {
	
}
.popover .popover-header {
    padding: .5rem .75rem;
    margin-bottom: 0;
    font-size: 1rem;
    color: inherit;
    background-color: #01a4ef;
    border-bottom: 1px solid #ebebeb;
    border-top-left-radius: calc(.3rem - 1px);
    border-top-right-radius: calc(.3rem - 1px);
    color: #FFF;
    font-weight: 900;
}
.popover .popover-body {
	
}
.popover .popover-body .tour-content {
	
}
.popover .popover-body .tour-content > * {
	
}
.popover .popover-body .tour-content img {
	
}
.popover .popover-body .tour-content p {
    display: block;
    font-weight: 200;
    line-height: 1.7;
    font-size: 15px;
}
.popover .popover-navigation {
	padding:7px;
}
form.standard-form.tour-guide .col_removelabelWithouClass span {
	
}
form.standard-form.tour-guide .col_removelabelWithouClass span > * {
    display: inline-block;
    float: left;
}
form.standard-form.tour-guide .col_removelabelWithouClass span input {
	
}
form.standard-form.tour-guide .col_removelabelWithouClass span a.btn-search {
	position: absolute;
	right: 0px;
	height: 30px;
	margin: 2px 23px 0px 0px;
	width: 150px;
}
form.standard-form.tour-guide .col_removelabelWithouClass span a.btn-search span {
	width: 25px;
    float: left;
}
form.standard-form.tour-guide .upload-widget-container {
	
}
form.standard-form.tour-guide .upload-widget-container a.fileinput-button {
	
}
.gold-text {
    color:#c3a343;
    -webkit-text-fill-color: transparent;
    background: -webkit-linear-gradient(transparent, transparent),
    url(https://theblogmarket.co/gold-texture-image.png) repeat;
    background: -o-linear-gradient(transparent, transparent);
    -webkit-background-clip: text;
}

/* Desktop */

@media only screen and (min-width: 1367px) and (max-height: 4320px) {
	.section-wrapper .section .portfolio figure:hover figcaption {
		padding: 150px;
	}
}
/* START: iPad - Pro - Portrait Mode */

@media only screen and (min-width: 1024px) and (max-width: 1024px) and (max-height: 1366px) and (orientation: portrait) {}
/* END: iPad - Pro - Portrait Mode */

/* START: iPad - Pro - Landscape Mode */

@media only screen and (min-width: 1025px) and (max-width: 1366px) and (orientation: landscape) {}
/* END: iPad - Pro - Landscape Mode */

/* START: iPad - Portrait Mode */

@media only screen and (min-width: 768px) and (max-width: 768px) and (max-height: 1024px) and (orientation: portrait) {}
/* END: iPad - Portrait Mode */

/* START: iPad - Landscape Mode */

@media only screen and (min-width: 737px) and (max-width: 1024px) and (orientation: landscape) {}
/* END: iPad - Landscape Mode */

/* START: iPhone XR */
@media only screen and (width : 414px) and (height : 896px) and (-webkit-device-pixel-ratio : 2) {
	body.logged-out #dock {
		display: none;
	}
	#contact-form {
		margin-top: initial;
	}
	#contact-form button#valid-form {
		margin: 2rem;
	}
	p {
		font-size: 14px;
	}
	.intro h1 {
		font-size: 34px;
	}
	.left-center-part h2 {
		font-size: 59px;
	}
	.section-wrapper .section>div {
		left: initial;
		width: 100%;
	}
	.section-wrapper .section .scroll-indicator {
		left: 50%;
	}
}

@media only screen and (width : 375px) and (height : 812px) and (-webkit-device-pixel-ratio : 3) {
	body.logged-out #dock {
		display: none;
	}
	#contact-form {
		margin-top: initial;
	}
	#contact-form button#valid-form {
		margin: 2rem;
	}
	p {
		font-size: 14px;
	}
	.intro h1 {
		font-size: 34px;
	}
	.left-center-part h2 {
		font-size: 59px;
	}
	.section-wrapper .section>div {
		left: initial;
		width: 100%;
	}
	.section-wrapper .section .scroll-indicator {
		left: 50%;
	}
}

@media only screen and (width : 414px) and (height : 896px) and (-webkit-device-pixel-ratio : 3) {
	body.logged-out #dock {
		display: none;
	}
	#contact-form {
		margin-top: initial;
	}
	#contact-form button#valid-form {
		margin: 2rem;
	}
	p {
		font-size: 14px;
	}
	.intro h1 {
		font-size: 34px;
	}
	.left-center-part h2 {
		font-size: 59px;
	}
	.section-wrapper .section>div {
		left: initial;
		width: 100%;
	}
	.section-wrapper .section .scroll-indicator {
		left: 50%;
	}
}

/* START: iPhone X Portrait Mode */

@media only screen and (min-width: 375px) and (max-width: 411px) and (max-height: 823px) and (orientation: portrait) {
	body.logged-out #dock {
		display: none;
	}
	#contact-form {
		margin-top: initial;
	}
	#contact-form button#valid-form {
		margin: 2rem;
	}
	p {
		font-size: 14px;
	}
	.intro h1 {
		font-size: 34px;
	}
	.left-center-part h2 {
		font-size: 59px;
	}
	.section-wrapper .section>div {
		left: initial;
		width: 100%;
	}
	.section-wrapper .section .scroll-indicator {
		left: 50%;
	}
}
/* END: iPhone X - Portrait Mode */

/* START: iPhone X - Landscape Mode */

@media only screen and (min-width: 668px) and (max-width: 812px) and (orientation: landscape) {
	body.logged-out #dock {
		display: none;
	}
	#contact-form {
		margin-top: initial;
	}
	#contact-form button#valid-form {
		margin: 2rem;
	}
	p {
		font-size: 14px;
	}
	.intro h1 {
		font-size: 34px;
	}
	.left-center-part h2 {
		font-size: 59px;
	}
	.section-wrapper .section>div {
		left: initial;
		width: 100%;
	}
	.section-wrapper .section .scroll-indicator {
		left: 50%;
	}
}
/* END: iPhone X - Landscape Mode */

/* END: iPad - Landscape Mode */

/* START: iPhone 6 & 7 PLUS Portrait Mode */

@media only screen and (min-width: 414px) and (max-width: 414px) and (max-height: 736px) and (orientation: portrait) {
	body.logged-out #dock {
		display: none;
	}
	#contact-form {
		margin-top: initial;
	}
	#contact-form button#valid-form {
		margin: 2rem;
	}
	p {
		font-size: 14px;
	}
	.intro h1 {
		font-size: 34px;
	}
	.left-center-part h2 {
		font-size: 59px;
	}
	.section-wrapper .section>div {
		left: initial;
		width: 100%;
	}
	.section-wrapper .section .scroll-indicator {
		left: 50%;
	}
}
/* END: iPhone 6 & 7 PLUS - Portrait Mode */

/* START: iPhone 6 & 7 PLUS - Landscape Mode */

@media only screen and (min-width: 668px) and (max-width: 736px) and (orientation: landscape) {
	body.logged-out #dock {
		display: none;
	}
	#contact-form {
		margin-top: initial;
	}
	#contact-form button#valid-form {
		margin: 2rem;
	}
	p {
		font-size: 14px;
	}
	.intro h1 {
		font-size: 34px;
	}
	.left-center-part h2 {
		font-size: 59px;
	}
	.section-wrapper .section>div {
		left: initial;
		width: 100%;
	}
	.section-wrapper .section .scroll-indicator {
		left: 50%;
	}
}
/* END: iPhone 6 & 7 PLUS - Landscape Mode */

/* START: iPhone 6 & 7 Portrait Mode */

@media only screen and (min-width: 0px) and (max-width: 375px) {
	body.logged-out #dock {
		display: none;
	}
	#contact-form {
		margin-top: initial;
	}
	#contact-form button#valid-form {
		margin: 2rem;
	}
	p {
		font-size: 14px;
	}
	.intro h1 {
		font-size: 24px;
	}
	.left-center-part h2 {
		font-size: 59px;
	}
	.section-wrapper .section>div {
		left: initial;
		width: 100%;
	}
	.section-wrapper .section .scroll-indicator {
		left: 50%;
	}
	.subtitle {
		margin-bottom: initial;
	}
}
/* END: iPhone 6 & 7 - Portrait Mode */

/* START: iPhone 6 & 7 - Landscape Mode */

@media only screen and (min-width: 376px) and (max-width: 667px) and (orientation: landscape) {
	body.logged-out #dock {
		display: none;
	}
	#contact-form {
		margin-top: initial;
	}
	#contact-form button#valid-form {
		margin: 2rem;
	}
	p {
		font-size: 14px;
	}
	.intro h1 {
		font-size: 34px;
	}
	.left-center-part h2 {
		font-size: 59px;
	}
	.section-wrapper .section>div {
		left: initial;
		width: 100%;
	}
	.section-wrapper .section .scroll-indicator {
		left: 50%;
	}
}
/* END: iPhone 6 & 7 - Landscape Mode */

.get-in-touch {

}
.get-in-touch .inner {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: calc(50% - 0.5rem);
	height: calc(80% - 0.5rem);
	right: 0;
	bottom: 0;
	max-width: 100%;
	margin: auto;
	max-height: 100%;
    background: rgba(12, 13, 13, .25);
    border: 1px solid rgba(12, 13, 13, .10);
    border-radius: 10px;
}
.get-in-touch .inner .objective-task {
	right: 0;
	bottom: 0;
	margin: 10px;
	display: none;
}
.get-in-touch .inner .objective-task.active {
	display: block;
}
.get-in-touch .inner .objective-task h3 {

}
.get-in-touch .inner .objective-task p {
	color: #FFF;
}
.get-in-touch .inner .objective-task form {

}
.get-in-touch .inner .objective-task form > * {
	margin: 15px 0;
}
.get-in-touch .inner .objective-task form label {
	color: #FFF;
}


/* Testing */
.btnnn {
    font-size: 1em;
    line-height: 1em;
    letter-spacing: 0.04em;
    display: inline-block;
}
.btnnn--svg {
	position: absolute;
	height: 42px;
	width: 190px;
	overflow: hidden;
	border-radius: 21px;
	left: 50%;
	top: 10%;
}
.btnnn--svg:hover .btnnn--svg__circle circle {
    transform: scale(0);
}
.btnnn--svg:hover .btnnn--svg__label {
    color: #fff;
}
.btnnn--svg:hover .btnnn--svg__border--left path, .btnnn--svg:hover .btnnn--svg__border--right path {
    stroke-dasharray: 61.8204345703 61.8204345703;
    stroke-dashoffset: 0;
    -webkit-transition-delay: 0.25s;
    -webkit-transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-in-out;
    -webkit-transition-property: stroke-dashoffset;
    -moz-transition-delay: 0.25s;
    -moz-transition-duration: 0.5s;
    -moz-transition-timing-function: ease-in-out;
    -moz-transition-property: stroke-dashoffset;
    -ms-transition-delay: 0.25s;
    -ms-transition-duration: 0.5s;
    -ms-transition-timing-function: ease-in-out;
    -ms-transition-property: stroke-dashoffset;
    transition-delay: 0.25s;
    transition-duration: 0.5s;
    transition-timing-function: ease-in-out;
    transition-property: stroke-dashoffset;
}
.btnnn--svg__label {
    -webkit-font-smoothing: antialiased;
    font-family: sans-serif;
    font-weight: bold;
    text-align: center;
    color: black;
    z-index: 3;
    width: 100%;
    transition: color 0.5s ease-in-out;
}
.btnnn--svg__circle circle {
    -webkit-transition: transform 0.5s ease-in-out;
    -webkit-transform: scale(1.1);
    -webkit-transform-origin: 50% 50%;
    -moz-transition: transform 0.5s ease-in-out;
    -moz-transform: scale(1.1);
    -moz-transform-origin: 50% 50%;
    -ms-transition: transform 0.5s ease-in-out;
    -ms-transform: scale(1.1);
    -ms-transform-origin: 50% 50%;
    transition: transform 0.5s ease-in-out;
    transform: scale(1.1);
    transform-origin: 50% 50%;
}
.btnnn--svg__border--left path, .btnnn--svg__border--right path {
    stroke-dasharray: 61.8204345703 61.8204345703;
    -webkit-transition-duration: 0s;
    -webkit-transition-timing-function: ease-in-out;
    -webkit-transition-property: stroke-dashoffset;
    -webkit-transition-delay: 0.5s;
    -moz-transition-duration: 0s;
    -moz-transition-timing-function: ease-in-out;
    -moz-transition-property: stroke-dashoffset;
    -moz-transition-delay: 0.5s;
    -ms-transition-duration: 0s;
    -ms-transition-timing-function: ease-in-out;
    -ms-transition-property: stroke-dashoffset;
    -ms-transition-delay: 0.5s;
    transition-duration: 0s;
    transition-timing-function: ease-in-out;
    transition-property: stroke-dashoffset;
    transition-delay: 0.5s;
}
.btnnn--svg__border--left path {
    stroke-dashoffset: -61.8204345703;
}
.btnnn--svg__border--right path {
    stroke-dashoffset: 61.8204345703;
}
.btnnn--svg svg, .btnnn--svg__label {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -webkit-transform-origin: 50% 50%;
    -moz-transform: translate(-50%, -50%);
    -moz-transform-origin: 50% 50%;
    -ms-transform: translate(-50%, -50%);
    -ms-transform-origin: 50% 50%;
    transform: translate(-50%, -50%);
    transform-origin: 50% 50%;
}
.slick-columnpicker {
  border: 1px solid #718BB7;
  background: #f0f0f0;
  padding: 6px;
  -moz-box-shadow: 2px 2px 2px silver;
  -webkit-box-shadow: 2px 2px 2px silver;
  box-shadow: 2px 2px 2px silver;
  min-width: 100px;
  cursor: default;
}

.slick-columnpicker li {
  list-style: none;
  margin: 0;
  padding: 0;
  background: none;
}

.slick-columnpicker input {
  margin: 4px;
}

.slick-columnpicker li a {
  display: block;
  padding: 4px;
  font-weight: bold;
}

.slick-columnpicker li a:hover {
  background: white;
}
.key-rotate {
	margin-left: 7px;
}
.widget-workspace {
	display: flex;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: #f5f7fa;
}
.widget-workspace .dialog-close {
    position: absolute;
    background: transparent;
    right: 18px;
    top: 18px;
	z-index: 10;
}

.widget-workspace .chat-dialog-close {
    position: absolute;
    background: transparent;
    z-index: 10;
    right: 6px;
}
.widget-workspace .chat-dialog-close .ws-dialogue-close {
	color: #43454b;
    width: 30px;
    height: 30px;
    text-align: center;
    font-size: 2.5em;
}
.widget-workspace .dialog-close .ws-dialogue-close {
	color: #43454b;
    width: 30px;
    height: 30px;
    text-align: center;
    font-size: 2.5em;
}

.settings-page-container {
  display: flex;
  width:100%;
  z-index: 1;
}

.settings-page-sidebar {
  width: 250px;
  background-color: #ffffff;
  padding: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-right: 1px solid #e0e0e0;
}

.settings-page-logo {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 20px;
}

.settings-page-logo img {
  width: 40px;
  height: 40px;
  margin-bottom: 10px;
}

.settings-page-logo h1 {
  font-size: 20px;
  color: #333;
}

.settings-page-menu {
  width: 100%;
  display: flex;
  flex-direction: column;
  margin-bottom: 20px;
}

.widget-menu-item {
  padding: 10px 15px;
  text-align: center;
  color: #43454b;
  text-decoration: none;
  border-radius: 8px;
  margin-bottom: 10px;
}

.widget-menu-item.active, .widget-menu-item:hover {
	background-color: rgb(7 164 238 / 37%);
	color: #43454b;
}

.settings-page-user-info {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: auto;
  text-align: center;
}

.settings-page-user-info img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  margin-bottom: 10px;
}

.settings-page-user-details p {
  font-size: 14px;
  color: #666;
}

.widget-settings {
  flex: 1;
  padding: 20px;
  width: 100%;
}

.widget-settings h2 {
	font-size: 24px;
	margin-bottom: 20px;
	font-family: 'Nunito Sans', sans-serif;
	font-weight: 700;
	color: #0e0f0f;
}

.widget-settings-menu {
  display: flex;
  gap: 10px;
  margin-bottom: 20px;
}
.settings-wrapper {
	overflow-y: scroll;
}
.widget-section-wrapper, .settings-wrapper {
    position: relative;
	width: 100%;
	display: flex;
}
.widget-settings-link {
	text-decoration: none;
	font-family: 'Armata', sans-serif;
	background: transparent;
	font-weight: 700;
	padding: 0.7em 2em;
	color: #43454b;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #42454a;
	display: inline-block;
	text-align: center;
}
.widget-settings-link.active, .widget-settings-link:hover {
	background: #42454a;
	color: #FFFFFF;
	border-color: #42454a;
}

.settings-page-info {
  background-color: #ffffff;
  padding: 20px;
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  width: 100%;
}

.settings-page-info h3 {
  font-size: 18px;
  margin-bottom: 10px;
  font-family: 'Nunito Sans', sans-serif;
font-weight: 700;
color: #0e0f0f;

}

.settings-page-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  border-radius: 34px;
  transition: 0.4s;
}

.settings-page-slider:before {
  position: absolute;
  content: "";
  height: 18px;
  width: 18px;
  left: 4px;
  bottom: 3px;
  background-color: white;
  transition: 0.4s;
  border-radius: 50%;
}

.settings-page-toggle-switch input:checked + .settings-page-slider {
  background-color: #00796b;
}

.settings-page-toggle-switch input:checked + .settings-page-slider:before {
  transform: translateX(26px);
}

.settings-page-change-history {
  width: 100%;
  border-collapse: collapse;
}

.settings-page-change-history th, .settings-page-change-history td {
  padding: 12px;
  text-align: left;
  border-bottom: 1px solid #e0e0e0;
}

.settings-page-change-history th {
  font-weight: 600;
  color: #666;
}

.settings-page-change-history td a {
  color: #07a4ee;
  text-decoration: none;
}
.settings-page-user-logo {
	display: flex;
	align-items: center;
	justify-content: center;
}
.settings-page-change-history td a:hover {
  text-decoration: underline;
}
.vendor-logo {
    display: block;
    margin: 2%;
    height: 35px;
    background: url(https://static.athenian.io/v1/assets/images/athenian_logo_black.png) no-repeat;
    background-size: contain;
	width: 150px;
}
.settings-logo {
    display: block;
    margin: 2%;
    height: 35px;
    background: url(https://static.athenian.io/v1/assets/images/athenian_signet_orange.png) no-repeat;
    background-size: contain;
	width: 50px;
}

.metadata-content {
  display: grid;
  grid-template-columns: 1fr 1fr;
  max-height: 400px;
  overflow-y: auto;
  padding: 1rem;
  box-sizing: border-box;
}

.metadata-item {
  break-inside: avoid;
  margin-bottom: 0.5rem;
}

.metadata-image {
  grid-column: span 2;
  text-align: center;
}

.metadata-image img {
	display: none;
}

.metadata-table {
    width: 100%;
    border-collapse: collapse;
}

.metadata-table th, .metadata-table td {
    border: 1px solid #ddd;
    padding: 10px;
    text-align: left;
}

.metadata-table th {
    background-color: #f2f2f2;
    font-weight: bold;
}
.api-info-container {
	width: 90%;
}
.download-example-code img {
	width: 100px;
	margin: 2em 1em;
}
.related-info-container ul {
  list-style: none;
  padding-left: 20px;
  position: relative;
}

.related-info-container ul:before {
  content: '';
  border-left: 2px solid #ccc;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.related-info-container li {
  margin: 10px 0;
  padding-left: 20px;
  position: relative;
}

.related-info-container li:before {
  content: '';
  border-top: 2px solid #ccc;
  position: absolute;
  top: 12px;
  left: 0;
  width: 20px;
}

.related-info-container li span {
  background-color: #e8f4ff;
  padding: 5px 10px;
  border: 1px solid #87d4ff;
  border-radius: 4px;
  display: inline-block;
  color: #333;
  font-weight: bold;
  cursor: pointer;
}

.related-info-container li span:hover {
  background-color: #d0ecff;
}

.model-info-container pre {
    background-color: #f4f4f4;
    color: #333;
    padding: 15px;
    border: 1px solid #ddd;
    border-radius: 5px;
    overflow-x: auto;
    white-space: pre-wrap; /* Preserve formatting */
    word-wrap: break-word; /* Prevent horizontal scrolling */
}
.model-info-container .keyword {
    color: #007ACC;
    font-weight: bold;
}
.model-info-container .string {
    color: #A31515;
}
.model-info-container .function {
    color: #795E26;
    font-style: italic;
}
.model-info-container .comment {
    color: #6A9955;
    font-style: italic;
}
#pac-input {
  background-color: #fff;
  font-family: Roboto;
  font-size: 15px;
  font-weight: 300;
  margin-left: 12px;
  padding: 0 11px 0 13px;
  text-overflow: ellipsis;
  width: 400px;
  position: absolute;
  top: 15px !important;
}

#pac-input:focus {
  border-color: #4d90fe;
}
.analytics-container .form-group {
    margin-bottom: 20px;
    display: none;
}
.analytics-container .action-btn, .basic-details-container .action-btn {
	margin: 14px 0px;	
}

.widget-workspace .chat-widget {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	background: #ffffff;
	border: 2px solid #87d4ff;
	overflow: hidden;
}

.widget-workspace .chat-header {
	background-color: #06a4ed;
    color: #ffffff;
    padding: 4px 10px;
    font-weight: bold;
    line-height: 1;
    font-family: 'Nunito Sans', sans-serif;
    align-items: center;
    display: flex;
	
}

.widget-workspace .chat-messages {
    flex: 1;
    padding: 12px;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 10px;
    background-color: #f9f9f9;
}

.widget-workspace .chat-footer {
    display: flex;
    padding: 10px;
    border-top: 1px solid #ddd;
    background-color: #ffffff;
}

.widget-workspace .chat-footer input {
    flex: 1;
    padding: 8px;
    border: 1px solid #ddd;
    border-radius: 6px;
    margin-right: 10px;
}

.widget-workspace .chat-footer button {
    padding: 8px 16px;
    background-color: #07a4ee;
    color: white;
    border: none;
    border-radius: 6px;
    cursor: pointer;
}

.widget-workspace .chat-footer button:hover {
    background-color: #76c3e6;
}

.widget-workspace .message {
    padding: 8px 12px;
    border-radius: 8px;
    max-width: 80%;
}

.widget-workspace .message.sent {
    align-self: flex-end;
    background-color: #03a3ec;
    color: #ffffff;
}

.widget-workspace .message.received {
    align-self: flex-start;
    background-color: #e6e6e6;
    color: #333333;
}

.widget-workspace .message.preformatted {
    font-family: monospace;
    white-space: pre-wrap;
    word-wrap: break-word;
    background-color: #d6eaf8;
}

/* Notification Widgets */

.notification-template-1 {
    width: 320px;
    background-color: white;
    border-radius: 10px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column;
}

.notification-template-1 .header {
	border-radius: 10px 10px 0px 0px;
    background-color: #f0f0f5;
    padding: 15px;
    display: flex;
    align-items: center;
    font-size: 16px;
}

.notification-template-1 .header img {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    margin-right: 10px;
}
.notification-template-1 .header button.close:focus {
	border: none;
	outline: none;
	box-shadow: none;
	color: #01a4ef;
}
.notification-template-1 .header button.close:hover {
	color: #01a4ef;
}
.notification-template-1 .header .close-button-text {
	position: relative;
	top: 10px;
}
.notification-template-1 .message {
    padding: 15px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.notification-template-1 .message h2 {
    font-size: 16px;
    margin: 0 0 5px 0;
    color: #333;
}

.notification-template-1 .message p {
    font-size: 14px;
    color: #666;
    margin: 0;
	font-weight: 300;
}

.notification-template-1 .buttons {
    display: flex;
    flex-direction: column;
    padding: 10px;
    gap: 10px;
}

.notification-template-1 .buttons button {
    padding: 10px;
    font-size: 14px;
    color: white;
    background-color: #007bff;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    flex: 1;
}

.notification-template-1 .buttons button:nth-child(2) {
    background-color: #f1c40f;
}

.notification-template-1 .buttons button:last-child {
    background-color: #e74c3c;
}

.notification-template-1 .buttons button:hover {
    opacity: 0.9;
}


.notification-template-2 {
    width: 350px;
    background-color: white;
    border-radius: 15px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.notification-template-2 .header {
    background-color: #ffea61;
    padding: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
    color: #000;
}

.notification-template-2 .header .app-name {
    font-weight: bold;
}

.notification-template-2 .header .time {
    font-size: 12px;
    color: #555;
}

.notification-template-2 .message {
    padding: 10px;
    font-size: 14px;
    color: #333;
    line-height: 1.5;
}

.notification-template-2 .message strong {
    text-decoration: line-through;
}

.notification-template-2 .image-container {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.notification-template-2 .image-container img {
    width: 100%;
    height: auto;
}

.notification-template-2 .image-container .image-text {
    position: absolute;
    font-size: 24px;
    color: white;
    font-weight: bold;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}

.notification-template-3 {
    width: 350px;
    background-color: white;
    border-radius: 20px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.notification-template-3 .header {
    padding: 10px 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f5f5f5;
    font-size: 14px;
    border-bottom: 1px solid #ddd;
}

.notification-template-3 .header .site-name {
    font-weight: bold;
    color: #333;
}

.notification-template-3 .header .site-icon img {
    width: 30px;
    height: 30px;
    border-radius: 50%;
}

.notification-template-3 .message {
    padding: 10px 15px;
    font-size: 16px;
    color: #333;
    line-height: 1.5;
    text-align: left;
}

.notification-template-3 .message strong {
    font-size: 18px;
    color: #ff3333;
}

.notification-template-3 .message p {
    font-size: 14px;
    color: #666;
}

.notification-template-3 .image-container {
    display: flex;
    justify-content: center;
    align-items: center;
}

.notification-template-3 .image-container img {
    width: 100%;
    height: auto;
}

.notification-template-3 .footer {
    padding: 15px;
    text-align: center;
    font-size: 16px;
    color: #007bff;
    background-color: #f9f9f9;
    border-top: 1px solid #ddd;
}

/* Prompt Widget Container */
.prompt-widget {
    width: 50%;
    background: white;
    border-radius: 8px 0px 0px 8px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    position: absolute;
    float: right;
    right: 0;
}

/* PowerShell-Like Prompt Container */
.prompt-widget .system-prompt-container {
    background: white;
    color: black;
    padding: 12px;
    font-family: Consolas, monospace;
    border-bottom: 2px solid #03a5ef;
}

.prompt-widget .system-prompt-container label {
    display: block;
    font-size: 14px;
    color: #03a5ef;
    margin-bottom: 5px;
    font-weight: bold;
}

.prompt-widget .system-prompt-textarea {
    width: 100%;
    height: 133px;
    background: white;
    color: black;
    font-family: Consolas, monospace;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    resize: vertical;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* Prompt Window */
.prompt-widget .prompt-window {
    flex-grow: 1;
    height: 331px;
    padding: 10px;
    overflow-y: auto;
    background: #f9f9f9;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.prompt-widget .message {
    padding: 12px;
    border-radius: 10px;
    max-width: 100%;
    word-wrap: break-word;
}

.prompt-widget .user-message {
    background: #03a5ef;
    color: white;
    align-self: flex-end;
    text-align: left;
}

.prompt-widget .ai-message {
/*    background: #e3e3e3;
    color: black;
    align-self: flex-start;
    width: 100%;
    padding: 10px;
    border-radius: 10px;*/
	align-self: flex-start;
    background-color: #f4f4f4; /* Light gray background */
    border-left: 4px solid #03a5ef; /* Blue highlight on the left */
    padding: 15px;
    margin: 10px 0;
    border-radius: 8px;
    font-family: Arial, sans-serif;
	
	
}

/* H2 Headings - Make Them Stand Out */
.prompt-widget .message.ai-message h2
,.prompt-widget .message.ai-message h3
,.prompt-widget .message.ai-message h3 {
	font-family: 'Open Sans';	
}
.prompt-widget .message.ai-message h1,
.prompt-widget .message.ai-message h2 {
    font-size: 20px;
    color: #333;
    font-weight: bold;
    margin-bottom: 10px;
    padding-bottom: 5px;
}
.prompt-widget .message.ai-message h2 {
	border-bottom: 2px solid #007bff; /* Underline effect */	
}

/* H3 Headings - Smaller but Distinct */
.prompt-widget .message.ai-message h3 {
    font-size: 18px;
    color: #444;
    font-weight: bold;
    margin-top: 15px;
}

.prompt-widget table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	font-family: "Segoe UI", sans-serif;
	border: 1px solid #ddd;
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 0 4px 16px rgba(0,0,0,0.06);
}

.prompt-widget thead {
	background-color: #f5f8fa;
}

.prompt-widget th {
	padding: 16px;
	text-align: left;
	font-size: 15px;
	font-weight: 600;
	border-bottom: 1px solid #e1e8ed;
	color: #333;
}

.prompt-widget td {
	padding: 14px 16px;
	font-size: 14px;
	color: #444;
	border-bottom: 1px solid #f0f0f0;
}

.prompt-widget tbody tr:nth-child(even) {
	background-color: #f9fbfc;
}

.prompt-widget tbody tr:hover {
	background-color: #e8f4ff;
	transition: background-color 0.2s ease;
}

.prompt-widget td:nth-child(3) {
	font-weight: bold;
	color: #1a73e8;
}

.prompt-widget td:nth-child(3):contains("Further Assessment Required") {
	color: #d93025;
}
/* H4 Headings - Smaller but Distinct */
.prompt-widget .message.ai-message h4 {
    font-size: 14px;
    color: #444;
    font-weight: bold;
    margin-top: 15px;
}

/* Unordered List (Bullets) */
.prompt-widget .message.ai-message ul {
    list-style-type: disc; /* Bullets */
    padding-left: 20px;
    margin-top: 10px;
}

/* AI Response Styling */
.prompt-widget .ai-message p {
	margin: 8px 0;
    font-size: 14px;
    font-family: 'Open Sans';
    font-weight: 400;
}

.prompt-widget .ai-message ul {
    padding-left: 20px;
}
.prompt-widget .ai-message pre {
    white-space: pre-wrap; /* Allows wrapping */
    word-wrap: break-word;  /* Breaks long words */
    overflow-wrap: break-word; /* Ensures wrapping */
}
.prompt-widget .ai-message code {
    display: block;
    background: #333;
    color: #fff;
    padding: 10px;
    border-radius: 5px;
    font-family: Consolas, monospace;
}

/* Action Buttons */
.action-buttons {
    display: flex;
    gap: 5px;
    margin-top: 5px;
}

.action-buttons button {
    background: #ddd;
    border: none;
    padding: 5px 8px;
    border-radius: 5px;
    cursor: pointer;
    transition: background 0.2s;
}

.action-buttons button:hover {
    background: #ccc;
}

/* Input Box */
.prompt-widget .prompt-input-container {
    padding: 10px;
    display: flex;
    gap: 8px;
    background: white;
    border-top: 2px solid #03a5ef;
}

.prompt-widget .prompt-input {
    flex-grow: 1;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 14px;
}

.prompt-widget .send-button {
    background: #03a5ef;
    color: white;
    border: none;
    padding: 10px 14px;
    border-radius: 5px;
    cursor: pointer;
    transition: background 0.2s;
}

.prompt-widget .send-button:hover {
    background: #005ea6;
}
.vector-db-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}
.add-vector-database-files {
	font-family: 'Armata', sans-serif;
    background: #FFFFFF;
    font-weight: 700;
    padding: 0px 7px;
    color: #20232D;
    margin: 0 2px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #EFEFEF;
    display: inline-block;
    text-align: center;
}
.vector-upload-form {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  max-width: 600px;
  margin: 1rem auto;
  padding: 2rem;
  border-radius: 1rem;
  background: #f9fafc;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  font-family: 'Segoe UI', sans-serif;
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
}

.vector-form-group {
  display: flex;
  flex-direction: column;
}

.vector-form-group label {
  margin-bottom: 0.5rem;
  font-weight: bold;
  color: #333;
}

.vector-form-group input[type="file"],
.vector-form-group textarea {
  padding: 0.75rem;
  border: 1px solid #ccc;
  border-radius: 0.5rem;
  font-size: 0.95rem;
  background-color: #fff;
  transition: border-color 0.2s ease;
}
.vector-form-group input[type="file"] {
	color: transparent;
}
.vector-form-group input[type="file"]:hover,
.vector-form-group textarea:focus {
  border-color: #87d4ff;
  outline: none;
}

.vector-form-group progress {
  margin-top: 0.5rem;
  height: 6px;
  width: 100%;
  appearance: none;
}

.vector-form-group progress::-webkit-progress-bar {
  background-color: #eee;
  border-radius: 4px;
}

.vector-form-group progress::-webkit-progress-value {
  background-color: #87d4ff;
  border-radius: 4px;
}

.vector-form-actions {
  display: flex;
  justify-content: flex-end;
}

.vector-form-actions button {
  padding: 0.75rem 1.5rem;
  background-color: #03a5ef;
  border: none;
  border-radius: 0.5rem;
  font-weight: bold;
  font-size: 1rem;
  color: #fff;
  cursor: pointer;
  transition: background-color 0.2s ease;
}

.vector-form-actions button:hover {
  background-color: #5fc5f7;
}
.vector-dialogue-close {
    color: #949594;
    font-size: 30px;
    font-weight: bold;
    text-shadow: rgb(255, 255, 255) 0px 1px 0px;
    cursor: pointer;
    background: transparent;
    right: 15px;
    position: absolute;
    top: 0;
}
.vector-form-outer {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    background: rgba(12, 13, 13, .25);
}