html {
  height: 100%;
}
 
body {
  margin: 0;
  height: 100%;
  font-family: sans-serif;
}
 
header {
  background-color: #243556;
  color: #fff;
  padding: 20px;
  font-size: 25px;
}
 
body {
  margin: 0;
  color: #333333;
}
 
.related-logo {
  width: 150px;
}
 
.footer {
  background-color: #243556;
  color: #fff;
  padding: 20px;
 
}
 
.main_container{
  display: flex;
  flex-flow: column;
  height:100%
}
 
.bot_container{
  flex: 1;
  overflow: auto;
}
 
@media only screen and (max-width: 700px) {
  #chat-bot-iframe {
    width: 100%;
    text-align: left;
  }
 
  .webchat__suggested-actions__stack{
    width:300px;
  }
}
 
@media only screen and (min-width: 700px) {
 
  #chat-bot-iframe {
    width: 700px;
    text-align: left;
  }
 
  .related-logo {
    width: 180px;
  }
 
  .nav-footer {
    justify-content: center;
  }
 
  .foot-element {
    padding: 15px 25px;
    width: inherit;
  }
 
  .webchat__suggested-actions__stack{
   
    width:300px;
  }
}
 
.center {
  margin: auto;
  width: 50%;
}
 
.ac-pushButton{
  background-color: #243556 !important;
  border-color: #243556 !important;
  color:white !important;
  font-family: Calibri;
  font-size: 16px;
  font-weight: 400 !important;
}
 
.ac-pushButton:active{
  background-color: white !important;
  color:#243556 !important;
}
.ac-pushButton:hover{
  background-color: white !important;
  color:#243556 !important;
}
 
.ac-textBlock {
  font-size: 16px !important;
}
 
.intercom-messenger-frame {
  position: absolute !important;
  border: 10px solid green;
  width: 50vw !important;
  min-width: 400px !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  bottom: auto !important;
  right: auto !important;
  top: 50% !important;
  height: 100% !important;
  max-height: calc(100% - 200px) !important;
}
 
.intercom-launcher-frame {
  display: none !important;
}