.app-header {
 align-items:center;
 background-color:#fff;
 border-bottom:1px solid #ececf1;
 display:flex;
 height:60px;
 height:var(--app-header-height);
 justify-content:space-between;
 overflow:inherit;
 padding:10px 24px;
 width:100%;
 
}
@media not all and (-webkit-min-device-pixel-ratio:0),not all and (min-resolution:0.001dpcm) {
 .app-header {
  overflow:visible
 }
}
@media print {
 .app-header {
  display:none
 }
}
.app-header .branding {
 align-items:center;
 color:#353740;
 display:flex
}
.app-header .branding a {
 color:#000;
 padding:10px 0;
 text-decoration:none
}
.app-header .branding a:visited {
 color:#000
}
.app-header .logo-link {
 align-items:center;
 display:flex
}
.app-header .left-menu {
 align-items:stretch;
 align-self:stretch;
 display:flex;
 flex:1 1
}

.pg-header {
  border-bottom: 1px solid var(--gray-100);
  flex: 0 0 auto;
  padding: 16px 24px;
}

.pg-header {
  grid-gap: 12px;
  align-items: center;
  display: grid;
  grid-template-columns: 1fr auto auto;
}
h1, h2, h3, h4, h5, h6 {
  color: #202123;
  font-weight: 700;
}

.chat-pg-message .chat-message-role .subheading {
  display: inline-block;
  min-width: 93px;
  padding: 16px 0;
  vertical-align: top;
}
.subheading {
  color: #202123;
  color: var(--gray-900);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .08em;
  line-height: 16px;
  text-transform: uppercase;
}

.chat-pg-panel-wrapper {
  height: 100%;
  margin-bottom: 12px;
  overflow: hidden;
  position: relative;
}

.chat-pg-exchange-container {
 max-height:100%;
 overflow:auto
}
.chat-pg-exchange-container.disabled {
 pointer-events:none
}
.chat-pg-exchange-container .chat-pg-message {
 border-bottom:1px solid #dedede;
 display:flex;
 flex-direction:row;
 padding:12px 0px;
}
.chat-pg-exchange-container .chat-pg-message .text-input {
 width:100%
}
.chat-pg-exchange-container .chat-pg-message.disabled {
 pointer-events:none
}
.chat-pg-exchange-container .add-message {
 border-bottom:none;
 padding:16px 16px 16px 24px
}
.chat-pg-exchange-container .add-message.disabled {
 opacity:.4;
 pointer-events:none
}
.chat-pg-exchange-container .add-message .icon {
 vertical-align:middle
}
.chat-pg-exchange-container .add-message .text {
 font-size:14px;
 font-weight:700;
 line-height:20px;
 vertical-align:middle
}
.chat-pg-exchange-container .pg-alert {
 bottom:0;
 position:absolute
}
.chat-pg-message .text-input {
  background-color: transparent;
  border: 0 #fff;
  font-size: 16px;
  line-height: 24px;
  padding: 12px;
  resize: none;
  transition: padding .2s ease-out;
  white-space: break-spaces;
}

.text-input:focus {

  outline-color: rgb(53, 55, 64)
}

.chat-pg-footer {
 display:flex;
 justify-content:space-between
}
.chat-pg-footer-inner {
 align-items:center;
 display:flex
}

.btn-filled,
.btn-filled:visited {
 color:#fff
}
.btn-outlined {
 background:transparent;
 border-style:solid;
 border-width:1px
}
.btn-minimal {
 background-color:transparent
}
.btn-primary.btn-filled {
 background-color:#10a37f
}
.btn-primary.btn-filled:hover {
 background-color:#1a7f64
}
.btn-primary.btn-filled:active {
 background-color:#1b5d4a
}
.btn-primary.btn-filled:focus {
 box-shadow:0 0 0 3px rgba(16,163,127,.3)
}
.btn-primary.btn-filled:focus-visible {
 box-shadow:0 0 0 2px #fff,0 0 0 4px #10a37f
}
.btn-primary.btn-outlined {
 border-color:#10a37f;
 color:#10a37f
}
.btn-primary.btn-outlined:hover {
 background-color:rgba(16,163,127,.2)
}
.btn-primary.btn-outlined:active {
 background-color:rgba(16,163,127,.3)
}
.btn-primary.btn-outlined:focus {
 box-shadow:0 0 0 3px rgba(16,163,127,.3)
}
.btn-primary.btn-minimal {
 color:#10a37f
}
.btn-primary.btn-minimal:hover {
 background-color:rgba(16,163,127,.2)
}
.btn-primary.btn-minimal:active {
 background-color:rgba(16,163,127,.3)
}
.btn-primary.btn-minimal:focus {
 box-shadow:0 0 0 3px rgba(16,163,127,.3)
}
.btn-secondary.btn-filled {
 background-color:#5436da
}
.btn-secondary.btn-filled:hover {
 background-color:#482da8
}
.btn-secondary.btn-filled:active {
 background-color:#3b2479
}
.btn-secondary.btn-filled:focus {
 box-shadow:0 0 0 3px rgba(84,54,218,.3)
}
.btn-secondary.btn-outlined {
 border-color:#5436da;
 color:#5436da
}
.btn-secondary.btn-outlined:hover {
 background-color:rgba(84,54,218,.2)
}
.btn-secondary.btn-outlined:active {
 background-color:rgba(84,54,218,.3)
}
.btn-secondary.btn-outlined:focus {
 box-shadow:0 0 0 3px rgba(84,54,218,.3)
}
.btn-secondary.btn-minimal {
 color:#5436da
}
.btn-secondary.btn-minimal:hover {
 background-color:rgba(84,54,218,.2)
}
.btn-secondary.btn-minimal:active {
 background-color:rgba(84,54,218,.3)
}
.btn-secondary.btn-minimal:focus {
 box-shadow:0 0 0 3px rgba(84,54,218,.3)
}
.btn-neutral.btn-filled {
 background-color:#ececf1;
 color:#353740
}
.btn-neutral.btn-filled:hover {
 background-color:#d9d9e3
}
.btn-neutral.btn-filled:active {
 background-color:#c5c5d2
}
.btn-neutral.btn-filled:focus-visible {
 box-shadow:0 0 0 2px #fff,0 0 0 4px #10a37f
}
.btn-neutral.btn-outlined {
 border-color:#d9d9e3;
 color:#353740
}
.btn-neutral.btn-outlined:hover {
 background-color:hsla(240,9%,59%,.1)
}
.btn-neutral.btn-outlined:active {
 background-color:hsla(240,9%,59%,.2)
}
.btn-neutral.btn-minimal {
 color:#353740
}
.btn-neutral.btn-minimal:hover {
 background-color:hsla(240,9%,59%,.1)
}
.btn-neutral.btn-minimal:active {
 background-color:hsla(240,9%,59%,.2)
}
.btn-negative.btn-filled {
 background-color:#ef4146
}
.btn-negative.btn-filled:hover {
 background-color:#c23539
}
.btn-negative.btn-filled:active {
 background-color:#9d2b2e
}
.btn-negative.btn-filled:focus {
 box-shadow:0 0 0 3px rgba(239,65,70,.3)
}
.btn-negative.btn-outlined {
 border-color:#ef4146;
 color:#ef4146
}
.btn-negative.btn-outlined:hover {
 background-color:rgba(239,65,70,.2)
}
.btn-negative.btn-outlined:active {
 background-color:rgba(239,65,70,.3)
}
.btn-negative.btn-outlined:focus {
 box-shadow:0 0 0 3px rgba(239,65,70,.3)
}
.btn-negative.btn-minimal {
 color:#ef4146
}
.btn-negative.btn-minimal:hover {
 background-color:rgba(239,65,70,.2)
}
.btn-negative.btn-minimal:active {
 background-color:rgba(239,65,70,.3)
}
.btn-negative.btn-minimal:focus {
 box-shadow:0 0 0 3px rgba(239,65,70,.3)
}
.btn-none {
 color:unset;
 line-height:unset;
 padding:0
}
.btn-none.btn-minimal {
 background-color:unset
}
.btn-disabled {
 cursor:default;
 pointer-events:none
}
.btn.btn-disabled-style {
 background-color:#f7f7f8;
 border-color:transparent;
 color:#acacbe
}
.btn.btn-disabled-style.btn-minimal {
 background-color:transparent
}
.btn-loading {
 opacity:.7
}
.btn-full,
.btn-label-wrap {
 display:flex;
 width:100%
}
.btn-label-wrap {
 align-items:center;
 justify-content:center;
 opacity:1
}
.btn-label-wrap-loading {
 opacity:0
}
.btn-label-inner {
 align-items:center;
 display:flex;
 justify-content:center
}
.btn-label-inner:not(:first-child) {
 margin-left:.4em
}
.btn-label-inner:not(:last-child) {
 margin-right:.4em
}
.btn-spinner {
 align-items:center;
 bottom:0;
 display:flex;
 justify-content:center;
 left:0;
 position:absolute;
 right:0;
 top:0
}
.btn-node {
 display:flex;
 line-height:1
}
.btn-node>svg {
 margin-top:-1px
}

.typingstyle {
  animation: animated-text 2s steps(30,end) 5s 1 normal both;
}

/* text animation */

@keyframes animated-text{
  from{width: 0;}
  to{width: 90%;}
}

/* Login */

.whitebg{background:#fff !important;}
.box-shadow{
flex-shrink: 0;

-moz-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.12),0 1px 5px 0 rgba(0,0,0,0.2);
box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.12),0 1px 5px 0 rgba(0,0,0,0.2);
display: block;
transition: .2s;
position: relative;
padding:20px;
}
.margint5{margin-top:5% !important;}
.textalr{text-align:right;}
.mr20{margin-top:20px;}
.header {
  color: #fff;
  width: 100%;
  position: relative;
  z-index: 40;
  height: 60px;
  margin-bottom:30px;
}

.first_content {
	
	margin-top:40px;
}
.lh24{line-height:24px !important;}
.logo img {
    max-width: 100px;
}
.form-control {
border:1px solid #dedede !important;
}
.form-control {
  display: block;
  width: 100%;
  height: 40px;
  padding: 10px 12px;
  font-size: 24px;
  line-height: 1.42857143;
  color: #555;
  background-color: #FFF;
  background-image: none;
  border: none;
  text-align: center;
  border-radius: 1px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.form-group {
  margin-bottom: 15px;
}

/* Login */


/* Right Menu */
.app-header .right-menu {
  align-items: center;
  color: #000;
  display: inline-flex;
  position: relative;
}
.app-header .right-menu {
  color: #000;
}
.avatar, .avatar img {
  border-radius: 100px;
}
.avatar {
  align-items: center;
  background:#000;
  color: #fff;
  display: flex;
  font-size: 14px;
  height: 28px;
  justify-content: center;
  line-height: 20px;
  width: 28px;
}
.dropdown-menu{right:0 !important;left:unset !important;}
.nav-link:focus, .nav-link:hover{color :#fff !important;}
.collapse:not(.show) {
  display: block !important;
}
.navbar-nav .dropdown-menu {
  position: none;
}
/* Right Menu */