.legalbot-webchat {
   /*height:100%;*/
   /* styles below for integration with mijnbdo */
   font-family: 'proxima-nova','ProximaNova','Helvetica Neue',Arial,sans-serif;
   color:#333333;
   font-size: 14px;
   line-height: 1.42857143;
   transition: height 0.15s ease-out;
}

/* custom webchat styling */
.avatar {
   /*
   border: 1px solid #e5e5e5;
   */
}
.avatar .image img {
   /*
   width:90%;
   height:90%;
   */
}
.ac-adaptiveCard {
   padding:7px !important;
}
.ac-textBlock {
   font-family: 'proxima-nova','ProximaNova','Helvetica Neue',Arial,sans-serif; !important; /* font for mijnbdo integration */
   font-weight: normal !important;
   /*
   color:#666 !important;
   */
   line-height:1.5 !important;
   font-size:14px !important;
}
.ac-actionSet button div {
   overflow: visible;
   white-space: normal !important;
}
.ac-pushButton {
   font-weight: normal !important;
   transition: .2s ease-in-out;
   transition-property: color,background-color,border-color;
   color: #97002d !important;
   flex: 1 1 230px !important;
   margin: 3px;
}
.ac-pushButton:hover {
   border-color: #b7b7b7;
}

.ac-actionSet {
   display: flex;
   flex-wrap: wrap;
   flex-direction: row !important;
   justify-content: flex-start;
}

.ac-actionSet > div {
   display: none;
}

/*
 * mijnBDO styling adaptions for Bootstrap expected modal styling
 */ 
.legalbot-modal.fade {
   opacity: 0;
   transition: opacity .15s linear;
}
.legalbot-modal.fade.show {
   opacity: 1;
}
.legalbot-modal.modal.show .modal-dialog {
   -webkit-transform: translate(0,0);
   transform: translate(0,0);
}
.legalbot-modal .modal-dialog-centered {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   min-height: calc(100% - (.5rem * 2));
}
.legalbot-modal .modal-title {
   font-size: 1.25rem;
   display:inline;
}
.modal-backdrop.show {
    opacity: .5;
}
@media (min-width: 576px) {
   .legalbot .modal-dialog {
       max-width: 500px;
       margin: 1.75rem auto;
   }
   .legalbot .modal-dialog-centered {
      min-height: calc(100% - (1.75rem * 2));
   }
}