 /*
 
NOTE:
used !imprtant to override default dynamic styles injected by plugin. some of them are dynamically added as style attr. to the tags.
 
*/
 /*
   colors
dark green : #71BF4F  
light: green #C6E5B9  
gray: #EFEEEE  
blue: 99B9BD;


disclaimer : The personal information provided above will only be used to facilitate requests made via chat. The information provided will not be used for marketing purposes. Your information may be recorded for quality control and training purposes. Merck's Privacy Policy can be reviewed at https://www.msd.com/privacy;
*/

.redirect-email-container {
   display: none !important;
}

button#start-over-button,
button {
   background-color: #7ea7ad ;
   border-color: #140834 ;
   border-style: solid;
   border-width: 1px;
   color: white;
}

.ui-header {
   background-color: #6ebe4a ;
   color: white;
   border: solid 1px #6ebe4a ;
}

div.ui-header.ui-bar-inherit {
   border-top-left-radius: 24px !important;
   border-top-right-radius: 24px !important;
}

h1.ui-title {
   color: white;
   font-size: 23px !important;
   font-style: italic;
   font-weight: bold;
   text-transform: uppercase;
}

.ui-popup-container {
   background-color: #FFF !important;
   border-radius: 10px;
   -webkit-border-radius: 10;
   -moz-border-radius: 10;
}

.ui-content {

   /*   overflow: hidden !important;*/
}

div#question-form-control:after {
   content: "The personal information provided above will only be used to facilitate requests made via chat. The information provided will not be used for marketing purposes. Your information may be recorded for quality control and training purposes. Merck's Privacy Policy can be reviewed at https://www.msd.com/privacy.";
   font-size: 9px;
   font-weight: bold;
}

button#start-over-button {
   border: solid 1px #140834  !important;
}

a#terminate-chat-cancel-button {
   border-radius: 10px;
   background: #EFEEEE ;
   padding: 10px 20px 10px 20px;
   border: solid #dde3e6  1px;
   text-decoration: none;
   color: black;
}

a#terminate-chat-confirm-button {
   border-radius: 10px;
   color: white;
   background: #de3535 ;
   padding: 10px 20px 10px 20px;
   border: solid #dde3e6  1px;
   text-decoration: none;
}

div#input-container,
.ui-footer.ui-bar-d.ui-footer-fixed.slideup {
   background: #f2f2f2  !important;
}

input#name,
input#email {
   background-color: #FFF !important;
}

.form-control > .ui-select,
.form-control > .ui-input-text {
   border-color: #808285  !important;
   border-width: 1px !important;
}

.form-control > label {
   color: #140834  !important;
}
.provider {
   display: none !important;
}
div.message-container-agent div.message-container {
   background-color: #EFEEEE  !important;
   color: #292F33  !important;
  /* box-shadow: 0 1px 0 #292F33  !important */
}

div.message-container-agent div.message-container a {
   font-weight: normal !important;
   color: #288DC1  !important
}

div.message-container-client div.message-container {
   background-color: #c6e5b9  !important;
   color: #292F33  !important;
   box-shadow: 0 1px 0 #c6e5b9  !important
}

.ui-header .ui-title, .ui-footer .ui-title {
   padding: .4em !important;
}

.terms-blue-container {
   color: rgb(255, 255, 255);
   font-family: Arial;
   font-size: 13px;
   margin: 20px 25px;
 }
 
 .no-margin {
   margin:0;
 }
 
 .dash-list {
   list-style: none;
   font-style: italic;
   padding: 7px 0;
 }

 .dash-list--normal {
  font-style: normal;
}
 
 .dash-list::before {
   content:"\2013";
   padding:0;
   position: absolute;
   left: 66px;
 }
 
 .bullet-list-terms {
   padding: 0;
   padding-left: 16px;
 }
 
 .bullet-list-terms-note {
   padding: 0;
   margin-left: 10px;
 }
 
 .terms-continue-button {
   width: 200px;
   display: block;
   margin: auto;
 }
 
 .terms-continue-button-container {
   margin-top: -20px;
 }

 .ui-content .error-message {
   font-size: 16px !important;
 }
 #error-message {
   font-size: 15px !important;
   line-height: 20px;
   /* max-width: 253px; */
   margin: 0 auto;
   padding-top: 10px;
}
button#start-chat-button {
   background: #6ebe4a;
   border: 0;
   border-radius: 68px !important;
   font-weight: bold !important;
   font-size: 18px !important;
   width: 149px!important;
   height: 38px !important;
   line-height: 17px;
}
div#question-form-control:after {
   content: "The personal information provided above will only be used to facilitate requests made via chat. The information provided will not be used for marketing purposes. Your information may be recorded for quality control and training purposes. Merck’s Privacy Policy can be reviewed at https://www.msd.com/policy.";
   font-size: 13px;
   font-weight: normal;
   vertical-align: middle;
}
#question-form-control {
   line-height: 16px;
}
#connecting-message {
   font-size: 16px;
   line-height: 22px;
}