.oda-chat-wrapper *{
    font-family: "OpenSans-Semibold", "Open Sans Semibold", "Open Sans", "Font Awesome 5 Pro", sans-serif;
}

.oda-chat-wrapper button {
    box-shadow: unset;
    width: auto;
}

.oda-chat-wrapper a, 
.oda-chat-wrapper a:hover,
.oda-chat-wrapper a:focus  {
    text-decoration:  underline;
    border:none;
}

.oda-chat-wrapper .oda-chat-widget{
    border: 1px solid #D7D7D7;
    border-radius: 13px;
    font-family:  'Open Sans' !important;
}
.loader{
    place-items: center;
    display: grid;
    height: 100%;
    width: 100%;
    margin-top: 50%
}
.loader .connecting-text{
    position: relative;
    margin-top: -100px;
}
.loader .dot-colored{
    background-color: #003082;
}
.bounce{
   
     animation: animation 1500ms linear 3  both  !important;

}
/* ian.timothy.c.vargas */                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      
/* Generated with Bounce.js. Edit at http://bouncejs.com#%7Bl%3A1%2Cs%3A%5B%7BT%3A%22t%22%2Ce%3A%22s%22%2Cd%3A1000%2CD%3A0%2Cf%3A%7Bx%3A0%2Cy%3A0%7D%2Ct%3A%7Bx%3A0%2Cy%3A30%7D%2Cs%3A1%2Cb%3A6%7D%5D%7D */

@keyframes animation { 
0% { transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
2.6% { transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -9.985, 0, 1); }
5.11% { transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -13.011, 0, 1); }
8.31% { transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -9.245, 0, 1); }
11.41% { transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -2.27, 0, 1); }
14.51% { transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 3.218, 0, 1); }
17.62% { transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 5.032, 0, 1); }
20.82% { transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 3.566, 0, 1); }
23.92% { transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.867, 0, 1); }
27.03% { transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -1.251, 0, 1); }
30.13% { transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -1.946, 0, 1); }
36.44% { transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.331, 0, 1); }
42.64% { transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.753, 0, 1); }
55.16% { transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.291, 0, 1); }
67.67% { transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.113, 0, 1); }
80.18% { transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.044, 0, 1); }
92.69% { transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.017, 0, 1); }
100% { transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 
}

.oda-chat-wrapper .oda-chat-header{
    /*border-bottom: 4px solid  #ff9804;*/
    height: 55px;
    background: #0D3084;
}
.oda-chat-wrapper .oda-chat-header .oda-chat-header-info-wrapper .oda-chat-title{
    
    font-size: 24px ;
    color:  #fff;
    font-family:  'OpenSans-Semibold', 'Open Sans Semibold',;
    font-weight: 650;
    
}
.oda-chat-wrapper .oda-chat-header .oda-chat-header-info-wrapper .oda-chat-connection-status{
    color:  #fff;

   
}

.oda-chat-wrapper .oda-chat-header .oda-chat-header-button{
    background: transparent;
    cursor: pointer;
}

.oda-chat-wrapper .oda-chat-header .oda-chat-header-button svg{
    fill: #fff
}
.oda-chat-wrapper .oda-chat-widget{
    -webkit-box-shadow: 0px 0px 20px  rgba(0, 0, 0, 0.2) ;  
    -moz-box-shadow:    0px 0px 20px  rgba(0, 0, 0, 0.2) ;  
    box-shadow:         0px 0px 20px  rgba(0, 0, 0, 0.2) ; 
}
.oda-chat-wrapper .oda-chat-left .oda-chat-message-bubble, 
.oda-chat-wrapper .oda-chat-left .oda-chat-message-header, 
.oda-chat-wrapper .oda-chat-left .oda-chat-message-footer{
    background: #D8EAFF;
    color: #151515;
    font-size: 16px;
    font-family: 'OpenSans-Semibold', 'Open Sans Semibold', 'Open Sans';
}

.oda-chat-wrapper .oda-chat-left .oda-chat-message-bubble{
   
    min-width: 270px;
    max-width: 270px;;
    width: 270px;;
  
}

.oda-chat-wrapper .oda-chat-right .oda-chat-message-bubble{
    
    background: #F2F2F2;
    color: #151515;
    font-size: 16px;
    font-family: 'Open Sans';
    font-weight: normal;
    font-style: normal;
}

.oda-chat-wrapper .oda-chat-left .oda-chat-message-bubble a{
    text-decoration: underline;
} 
.oda-chat-wrapper .oda-chat-message-actions .oda-chat-action-postback,
.oda-chat-wrapper .oda-chat-message-global-actions .oda-chat-action-postback,
.oda-chat-wrapper .oda-chat-card-actions .oda-chat-action-postback{
    background: white;
    border-radius: 13px;
    color: #3072BE;
    font-size: 16px;
    border: 1px solid #3072BE;
    text-transform: none;
    font-family:  'Open Sans';
    font-weight: normal;
    font-style: normal;
    text-align:center;
    word-break:break-word;

}

.oda-chat-wrapper .oda-chat-message-content ul {
    list-style-type: disc;
    margin-block-start: unset;
    line-height: 18px;
    padding-inline-start: 25px;
    margin-block-end: 0px;
    margin-inline-start: 5px;
    margin-inline-end: 0px;
    margin: 5px;
}
.oda-chat-wrapper .oda-chat-message-content ul li{
    margin-top: -8px;
    line-height: 1.5em;
}


.oda-chat-wrapper .oda-chat-card-message-horizontal .oda-chat-card {
    min-width: 265px;
}

.oda-chat-wrapper .oda-chat-message-actions .oda-chat-action-postback:hover, 
.oda-chat-wrapper .oda-chat-message-actions .oda-chat-action-postback:focus,
.oda-chat-wrapper .oda-chat-message-global-actions .oda-chat-action-postback:hover,
.oda-chat-wrapper .oda-chat-message-wrapper .oda-chat-round,
.oda-chat-wrapper  .oda-chat-message-actions .oda-chat-action-postback:hover:enabled,
.oda-chat-wrapper .oda-chat-message-global-actions .oda-chat-action-postback:hover:enabled,
.oda-chat-wrapper .oda-chat-message-global-actions .oda-chat-action-postback:focus:enabled,
.oda-chat-wrapper .oda-chat-card-actions .oda-chat-action-postback:hover:enabled,
.oda-chat-wrapper .oda-chat-card-actions .oda-chat-action-postback:focus:enabled,
.oda-chat-wrapper .oda-chat-round:hover:enabled,
.oda-chat-wrapper .oda-chat-message-actions .oda-chat-action-postback:focus:enabled
{
    background: #003082;
    color:white;
    text-align:center;
    word-break:break-word;
}

.oda-chat-wrapper .oda-chat-round svg{
    fill:white
}

.oda-chat-content-wrapper{
    max-width: 100%;
    overflow-x: hidden;
}

.oda-chat-wrapper  .oda-chat-next,
.oda-chat-wrapper .oda-chat-previous{
    border-radius: 50px;
   /* width: 60px; */
}
/*
.oda-chat-wrapper  .oda-chat-previous{
    
    left : -40px
}
.oda-chat-wrapper .oda-chat-next{
    right: -30px
}
*/
/*
.oda-chat-wrapper .oda-chat-message-wrapper .oda-chat-card-message-cards  .oda-chat-next::after{
    content: ">"
}

.oda-chat-wrapper .oda-chat-message-wrapper .oda-chat-card-message-cards  .oda-chat-previous::after{
    content: "<"
}
*/
/*
.oda-chat-wrapper .oda-chat-message-wrapper .oda-chat-card-message-cards svg{
    display:none !important
}
*/
.oda-chat-wrapper .oda-chat-message-actions .oda-chat-action-postback[disabled], 
.oda-chat-wrapper .oda-chat-card-actions .oda-chat-action-postback[disabled],
.oda-chat-wrapper .oda-chat-message-global-actions .oda-chat-action-postback[disabled],

.oda-chat-wrapper .oda-chat-message-actions .oda-chat-action-postback[disabled]:hover,
.oda-chat-wrapper .oda-chat-card-actions .oda-chat-action-postback[disabled]:hover,
.oda-chat-wrapper .oda-chat-message-global-actions .oda-chat-action-postback[disabled]:hover

{
    color: #949494;
    background:#D7D7D7;
    border-color: #B5B5B5;
    cursor: auto;
    
}

.oda-chat-wrapper .oda-chat-logo{
    height: 0.30in;
    width: 0.43in;
    max-width: unset;
    max-width: unset;
    min-height: unset;
}

.oda-chat-wrapper .oda-chat-button img{
    height: unset;
}
.oda-chat-wrapper .oda-chat-button{
    display: grid;
    place-items:  center;
    padding: 5px 10px 2px 10px;
    border-radius: 13px;
    border: 3px solid #FFFFFF;
    height: 50px;
    width : 145px; 
    background: #3072BE;
    -webkit-box-shadow: 0px 0px 10px  rgba(0, 0, 0, 0.2) ;  
    -moz-box-shadow:    0px 0px 10px  rgba(0, 0, 0, 0.2) ;  
    box-shadow:         0px 0px 10px  rgba(0, 0, 0, 0.2) ; 
}
.oda-chat-wrapper .oda-chat-button:hover{
    background: #003082;
}   

.oda-chat-footer .oda-chat-user-input,
.oda-chat-footer .oda-chat-user-input:focus{
    border: none;
    box-shadow: none;
    -webkit-box-shadow: none ;  
    -moz-box-shadow: none;  
}

.oda-chat-wrapper .oda-chat-notification-badge {
    display:none
}


.oda-chat-wrapper .oda-chat-message-icon{
    height: 25px;
    width: 32px;
    
}

@media (min-width: 700px){
    .oda-chat-wrapper .oda-chat-next{
        font-size: 1em;
    }
}

.oda-chat-wrapper .oda-chat-card-image{
    height: 75px;
    margin: 0px 0px 8px; /*bcccb 2191*/
}


/*
* Accordion General
* BCCCB-187_Apply Voucher - start
*/

.oda-chat-wrapper .ui-accordion .ui-accordion-content{
    padding: 1em 1em;
}
/*
.oda-chat-wrapper .oda-chat-message-bubble .ui-state-active{
    background: white;
    color: #3777C0;
}
*/  

.oda-chat-wrapper .ui-accordion .ui-accordion-header,
.ui-accordion.accordion-greetings .ui-accordion-header
 /*.ui-accordion-header-collapsed*/{

    padding: 1em 0.5em 1em 0.5em;
    display:flex;
    min-width: 200px;
    font-style: normal;
}

.oda-chat-wrapper .ui-accordion p {
    margin:unset;
}

.oda-chat-wrapper .ui-accordion  .ui-accordion-header div:nth-of-type(2),
.ui-accordion.accordion-greetings .ui-accordion-header div:nth-of-type(2)
{
    flex:1;
    order:2;

}
.oda-chat-wrapper .ui-accordion .ui-accordion-header div:nth-of-type(3),
.ui-accordion.accordion-greetings .ui-accordion-header div:nth-of-type(3)
{
    flex:0.2;
    order:3;
    text-align: center;
}

 .ui-accordion .ui-accordion-header, 
 .ui-accordion-content{
    font-family: 'Open Sans Semibold';
    box-sizing: border-box;
    border-color: #3777C0;
}
.oda-chat-wrapper .ui-accordion .ui-accordion-header-collapsed,
.ui-accordion.accordion-greetings .ui-accordion-header-collapsed
{
    background: white;
    color: #3777C0;
}
.ui-accordion .ui-accordion-header:first-of-type{
    border-radius: 13px 13px 0px 0px !important;
    border-color: #3777C0 ;
}

.ui-accordion .ui-accordion-content {
    border-color: #3777C0;
}

.ui-accordion .ui-accordion-header-collapsed:last-of-type{
    border-radius: 0px 0px 13px 13px;
    border-color: #3777C0
}
.ui-accordion .ui-accordion-content.ui-accordion-content-active:last-of-type{
    border-radius: 0px 0px 13px 13px;
}

 .ui-accordion-header-active{
    border-radius: 0px 0px 0px 0px;
}

  

/*
* BCCCB-187_Apply Voucher - end
*/

/* Style inputs, select elements and textareas */
.form-container input[type=text],
.form-container input[type=email],
.form-container select,
.form-container textarea {
	width: 100%;
	padding: 12px;
	border: 1px solid #ccc;
	border-radius: 4px;
	box-sizing: border-box;
	resize: vertical;
}

/* Style the label to display next to the inputs */
.form-container label {
	padding: 12px 12px 12px 0;
	display: inline-block;
}

/* Style inputs, select elements and textareas */
.form-container input[type=text],
.form-container input[type=email],
.form-container select,
.form-container textarea {
	width: 100%;
	padding: 12px;
	border: 1px solid #ccc;
	border-radius: 4px;
	box-sizing: border-box;
	resize: vertical;
}

/* Style inputs, select elements and textareas */
.form-container input[type=text],
.form-container input[type=email],
.form-container select,
.form-container textarea {
	width: 100%;
	padding: 12px;
	border: 1px solid #ccc;
	border-radius: 4px;
	box-sizing: border-box;
	resize: vertical;
}

/* Style the label to display next to the inputs */
.form-container label {
	padding: 12px 12px 8px 0;
	display: inline-block;
}

/* Style the submit button */
.form-container input[type=submit],
.form-container input[type=button] {
	background-color: #4caf50;
	color: white;
	padding: 12px 20px;
	border: none;
	border-radius: 4px;
	cursor: pointer;
	float: right;
}

/* Style for the Form container */
.form-container {
	border-radius: 5px;
	padding: 0px;
	white-space: normal !important;
}

/* Floating column for labels: 25% width */
.form-container .col-25 {
	float: left;
	width: 25%;
	margin-top: 5px;
}

/* Floating column for inputs: 75% width */
.form-container .col-75 {
	float: left;
	width: 75%;
	margin-top: 5px;
}

/* Clear floats after the columns */
.form-container .row:after {
	content: "";
	display: table;
	clear: both;
}

/* Responsive layout - when the screen is less than 600px wide, make the two columns stack on top of each other instead of next to each other */
@media screen and (min-width: 300px) {
	.form-container .col-25,
	.form-container .col-75,
	.form-container input[type=submit],
	.form-container input[type=button] {
		width: 100%;
		margin-top: 5px;
	}
}

/* The switch - the box around the slider */
.switch {
	position: relative;
	display: inline-block;
	width: 60px;
	height: 34px;
}

label.switch {
	padding: 0;
}

/* Hide default HTML checkbox */
.switch input {
	opacity: 0;
	width: 0;
	height: 0;
}

/* The slider */
.slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s;
}

.slider:before {
	position: absolute;
	content: "";
	height: 26px;
	width: 26px;
	left: 4px;
	bottom: 4px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
}

input:checked + .slider {
	background-color: #2196f3;
}

input:focus + .slider {
	box-shadow: 0 0 1px #2196f3;
}

input:checked + .slider:before {
	-webkit-transform: translateX(26px);
	-ms-transform: translateX(26px);
	transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
	border-radius: 34px;
}

.slider.round:before {
	border-radius: 50%;
}

/* Email ETS */
iframe-container {
    
    /* 16:9 aspect ratio */
    padding-top: 56.25%;
    position: relative;
}
    
    .iframe-container iframe {
    border: 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    }

.oda-chat-card-title h3{
   margin: -1px 0px -3px 0px !important;
   font-size: 1em;
   color: black;
 }

 /* Appointment card */

.oda-chat-card {
    position: relative
}

 .appointment-card-title {
    text-align:center;
    color:rgb(28,101,186);
    border:rgb(28,101,186) solid 1px;
    width:100%;
    border-radius:20px 20px 0px 0px;
    padding:10px 10px;
    position:absolute;
    top:0;
    left:0;
    background-color: white;
 }

 .appointment-card-name {
    margin-top:15px;
 }

 .appointment-card-container {
    display:flex;
 }

 .appointment-card-container-appointment-testcenter {
    display:flex;
    padding-bottom:10px
 }

 .appointment-card-details {
    margin-left:10px;
    font-size:16px; /*bcccb 2186*/
    color:rgb(48,114,192);
 }


   
/********************************************************************
* POPUP
**********************************************************************/
.cb-popup {
    /*   musthave style */
        position:fixed;
        left: 0;
        top: 5%;
        bottom: 20%;
        right: 0;
        width: 60%;
        height: 90%;
        z-index:2;
        margin:0 auto;
       /*   custom style */
        background: #fff;
        /*padding: 30px;*/
        border-radius: 14px;
    /*   hide element */
          display:none;
    }
    /* close popup element */
    /*
    .cb-popup-close {
      position: absolute;
      top: 5px;
      right:10px;

      cursor:default;
      color:red;
      font-size:18px;
    }
    */
    /*class for parent popup */
    .cb-popup-bg {
        display: none;
        position: fixed;
        background: rgba(0, 0, 0, 0.4);
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        z-index: 20000;
        
    }
    .cb-popup-body{
        padding: 2%;
        height: 90%;

    }

    .cb-popup-header{
        padding-left: 5px;
        background:#2c59a7;
        border-radius: 14px 14px 0 0;
        color: #C5E0B4;
        font-family: 'Calibri', 'Gill Sans', 'Gill Sans MT';
        height: 6%;
        text-align: left;
        display: flex;
        align-items: center;
    }

    @keyframes slide-in {
        0% {
            opacity: 0;
            -webkit-transform: translate(0, 60px);
            transform: translate(0, 60px);
        }

        100%{
            opacity: 1;
            -webkit-transform: translate(0, 0);
             transform: translate(0, 0);
        }
    }
    @keyframes slide-out {
        0% {
            opacity: 1;
            -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
          
        }

        100%{
            opacity: 0;
            display:none;
            z-index:0;
            -webkit-transform: translate(0, 50px);
            transform: translate(0, 50px);
           

        }
    } 
    .cb-boticon-message-container{
        animation: slide-in 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 1s both; 
        position: fixed;
        bottom: 90px;
        right: 1.5%;       
        z-index: 20000;
        width: 230px;
        height: 70px;
        background: white;       
        border-radius: 14px ;
        font-family: 'Open Sans';
        font-size:13px
   
    }
    .cb-boticon-message{
       
        position:relative;
        background: white;
        z-index: 19000;
        color:#000;
        border-radius: 10px;
        padding: 6px 0px 0px 15px;

        /*box-shadow: 1px 1px 5px gray;*/
        
        
    }

    .blurred{
        background: #bfbfbf !important;
        filter: blur(5px);
        z-index: 18000;
    }
    .cb-boticon-message-pointer{
        position: fixed;
        background: white;
        width: 45px;
        height: 45px;
        transform: rotate(45deg);
        bottom: 0.5px;
        right: 95px;
        
    }
    .cb-boticon-message p{
        margin: 0px
    }


    .cb-boticon-message-close{
        float:right

    }
    .cb-boticon-message-close button{
       border:none;
       background:#fff;
       padding: 1px;
       box-shadow: none;
       margin-right: 5px;
       width: auto !important;
    }
    .cb-boticon-message-close button img{
        width: 18px;
        height: 18px;
    }
    .cb-boticon-message-close button:hover{
        cursor: pointer;

    }

    .cb-close-menu-btn{
        height: 30px;
        width: 30px;
        margin: 20% auto 0px auto;
        border-radius: 50%;
        border: 1px solid #bdbdbd;
        /*padding: 9px;*/
        cursor: pointer;
      
        
    }


    .oda-chat-wrapper .oda-chat-left .oda-chat-message-bubble.ets-chat-message-bubble-condensed{
        padding: 0px;
        border-radius: 24px;
       

    }
    .oda-chat-wrapper .oda-chat-left .oda-chat-message-bubble.ets-chat-message-bubble-condensed .oda-chat-action-postback{
        border-radius: 0px;
        margin:0px;
        border-bottom: none;
        /*justify-content: unset;*/
    }
    .oda-chat-wrapper .oda-chat-left .oda-chat-message-bubble.ets-chat-message-bubble-condensed .oda-chat-action-postback[disabled]:last-of-type{
        border-color: #B5B5B5;
    }

    .oda-chat-wrapper .oda-chat-left .oda-chat-message-bubble.ets-chat-message-bubble-condensed .oda-chat-action-postback:last-of-type{
        border-radius : 0 0 14px 14px;
        border-bottom: 1px solid #3072BE
    }
    .oda-chat-wrapper .oda-chat-left .oda-chat-message-bubble.ets-chat-message-bubble-condensed .oda-chat-message-content{
        margin: 20px 20px 15px 20px
    }

    .oda-chat-wrapper .oda-chat-card-message-horizontal .oda-chat-card {
        scroll-snap-align: center;   
       /* box-shadow: 2px 3px 8px -3px rgb(0 0 0 / 20%);*/
        margin: 7px;
        width: 210px;
    }

    .oda-chat-wrapper .oda-chat-card-message-horizontal .oda-chat-card-message-cards {
        max-width: 105%;
        width:105%;
    }
    /* BCCCB - 2248 */
    .oda-chat-wrapper .oda-chat-card.ets-chat-card-condensed {
        border: 1px solid #3072BE;
        justify-content: flex-start;
        padding: 0px;
	align-self: flex-start;
    }

    .oda-chat-wrapper .oda-chat-card.ets-chat-card-condensed .appointment-card-title{
        border-width: 0px 0px 1px 0px;
    }
 .oda-chat-wrapper .oda-chat-card.ets-chat-card-condensed .oda-chat-card-actions .oda-chat-action-postback{
    border-radius: 0px;
    border:  solid #3072BE;
    border-width: 0px 0px 1px 0px;
    margin:0px;
    justify-content: unset;
  }
  .oda-chat-wrapper .oda-chat-card.ets-chat-card-condensed .oda-chat-card-actions .oda-chat-action-postback:nth-of-type(5n){
    border:none;
}

  /*bcccb 2186*/
  .oda-chat-wrapper .oda-chat-card.ets-chat-card-condensed .oda-chat-action-postback div{ 
    text-align: left;
    word-break: break-word;
  }
 /*bcccb 2186*/
 .oda-chat-wrapper .oda-chat-card.ets-chat-card-condensed .oda-chat-action-postback>div::first-line{
  font-weight: bold;
 }

/*bcccb 2186*/
.appointment-active{
  font-size: 16px;
  text-align: center;
  font-weight: bold;
}
  
  .oda-chat-wrapper .oda-chat-card.ets-chat-card-condensed .oda-chat-card-actions .oda-chat-action-postback:first-of-type{
      margin-top:35px

  }
  

  /* Accordion Greeting */
  .oda-chat-wrapper .ui-accordion{
      width: 290px
  }
  .oda-chat-wrapper .ui-accordion.accordion-greetings .ui-accordion-content .oda-chat-card-actions .oda-chat-action-postback {
      margin:0;
    border-radius: 0;
    border-width:0px 0px 1px 0px
    
  }

  .oda-chat-wrapper .ui-accordion.accordion-greetings .ui-accordion-content   {
      padding:0
  }

  .oda-chat-wrapper .ui-accordion.accordion-greetings .ui-accordion-content   {
    padding:0
}

.oda-chat-wrapper .ui-accordion.accordion-greetings .ui-accordion-content p.greeting-type-question{
    margin:0px 10px 30px 10px;
}

.oda-chat-wrapper .oda-chat-title:focus {
    border: 1px solid red;
}


/* Praxis Drop Down */

select.praxis-states-dropdown {
    display: none !important;
}

.dropdown-select {
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#40FFFFFF', endColorstr='#00FFFFFF', GradientType=0);
    background-color: #fff;
    border-radius: 6px;
    border: solid 1px #eee;
    box-shadow: 0px 2px 5px 0px rgba(155, 155, 155, 0.5);
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    float: left;
    font-size: 14px;
    font-weight: normal;
    height: 42px;
    line-height: 40px;
    outline: none;
    padding-left: 18px;
    padding-right: 30px;
    position: relative;
    text-align: left !important;
    transition: all 0.2s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    width: auto;
    margin-top: 15px;

}

.dropdown-select:focus {
    background-color: #fff;
}

.dropdown-select:hover {
    background-color: #fff;
}

.dropdown-select:active,
.dropdown-select.open {
    background-color: #fff !important;
    border-color: #bbb;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05) inset;
}

.dropdown-select:after {  
    height: 0;
    width: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #777;
    -webkit-transform: origin(50% 20%);
    transform: origin(50% 20%);
    transition: all 0.125s ease-in-out;
    content: '';
    display: block;
    margin-top: -2px;
    pointer-events: none;
    position: absolute;
    right: 10px;
    top: 50%;
}

.dropdown-select.open:after {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.ets-dropdown-list.open
/*.dropdown-select.open .list */
{
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    pointer-events: auto;
}

.ets-dropdown-list.open .option
/*.dropdown-select.open .option*/
 {
    cursor: pointer;
}

.dropdown-select.wide {
    width: 100%;
}

/*
.dropdown-select.wide .list {
    left: 0 !important;
    right: 0 !important;
    height: 150px;
    position: absolute;
}
*/

.ets-dropdown-list
/*.dropdown-select .list */
{
    box-sizing: border-box;
    transition: all 0.15s cubic-bezier(0.25, 0, 0.25, 1.75), opacity 0.1s linear;
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.09);
    background-color: #fff;
    border-radius: 6px;
    margin-top: 4px;
    padding: 3px 0;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 999;
    max-height: 250px;
    overflow: auto;
    border: 1px solid #ddd;
}
.ets-dropdown-list:hover .option:not(:hover)
/*.dropdown-select .list:hover .option:not(:hover) */
{
    background-color: transparent !important;
}
.ets-dropdown-list .dd-search{
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
  margin:0.5rem;
  padding-left:5px;
}
.ets-dropdown-list .dd-searchbox
/*.dropdown-select .dd-searchbox*/
{
  width:90%;
  padding:0.5rem;
  border:1px solid #999;
  border-color:#999;
  border-radius:4px;
  outline:none;
}

.ets-dropdown-list .dd-searchbox:focus
/*.dropdown-select .dd-searchbox:focus*/
{
  border-color:#12CBC4;
}

.ets-dropdown-list  ul
/*.dropdown-select .list ul  */
{
    padding: 0;
}

.ets-dropdown-list .option
/*.dropdown-select .option */
{ 
    font-family: 'Open Sans';
    cursor: default;
    font-weight: 400;
    line-height: 30px;
    outline: none;
    padding-left: 18px;
    padding-right: 29px;
    text-align: left;
    transition: all 0.2s;
    list-style: none;
}

.ets-dropdown-list .option:hover,
.ets-dropdown-list .option:focus
/*.dropdown-select .option:hover,
.dropdown-select .option:focus*/
 {
    background-color: #cfcfcf !important
}


.dropdown-select:focus{
  border: black 2px solid;
}
.ets-dropdown-list .option.selected:focus
/*.dropdown-select .option.selected:focus */
{
    background: #f6f6f6;
}

.ets-dropdown-list a
/*.dropdown-select a */
{
    color: #aaa;
    text-decoration: none;
    transition: all 0.2s ease-in-out;
}

.dropdown-select a:hover {
    color: #666;
}

.ets-custom-submit:disabled{
  cursor: unset;
  background-color: #D7D7D7;
    color: #949494;
    border-color: #B5B5B5;
}
.ets-custom-submit		{
  margin-top: 10px;
  height: 40px;
  text-align: center;
  text-decoration: none;
  font-size: 14px;
  cursor: pointer;
  background-color: #25437d;
  color: #FFF;
  border: 2px solid #D9D9D9;
  border-radius: 16px;
  width: 100%;
}

 .ets-custom-ui.disabled{
     background: #dbdbdb;
     cursor: auto;

 }

.readMore { color: #fff!important; background-color: red; font-size: 12pt; padding: 4px; outline: 0; -moz-outline: 0; border: 0; }
.readMore:hover { color: #fff!important; background-color: #606060!important; }
.more { display: none; }

.oda-chat-card.ets-custom-webview{
    background-color: #d8eaff;
}
.oda-chat-card.ets-custom-webview .oda-chat-card-title{
    text-align: left;
}

.oda-chat-wrapper .oda-chat-webview-error{
    display: none;
}