/*
created and maintained by AI-COE team
Ver-1.1
Date-18-dec-2018
*/

@font-face {
  font-family: 'FS Albert';
  style: normal;
  font_size_adjust: 0.48;
  weight: 400;
  src: url("https://docs.gcs.digitalpfizer.com/fonts/fs_albert_pro_web/Latin/Regular/FSAlbertWeb-Regular.woff");
}

#dlChatbot img {
       -ms-interpolation-mode: bicubic;
}

.flex-parent{
     display:-webkit-box;
     display:-ms-flexbox;
     display:flex;
}
.flex-child{
    -webkit-box-flex:1;
         -ms-flex:1 100%;
             flex:1 100%;
}
.flex-vertical{
    -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
         -ms-flex-direction: column;
             flex-direction: column;
    min-height: 0;
}
.flex-none{
     -webkit-box-flex:0;
        -ms-flex:none;
            flex:none;
}
.flex-middle{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
            align-items: center;
}
.align-middle{
    display:table-cell;
    text-align:center;
    vertical-align:middle;
}




/*chatbot css realtive to pch*/
#dlChatbot .chatbot.sticky{
	position: fixed !important;
}
#dlChatbot .ChatLog__entry .ChatLog__message::before, #dlChatbot .typing-indicator::before{
	display:none !important;
}
#dlChatbot .typing-indicator span{
	background: #000 !important;
	padding: 0 !important;
}
#dlChatbot .ChatLog__avatar, #toggleChatBot img{
border-radius: 50% !important;
    border: 1px solid transparent !important;
    -webkit-box-shadow: inherit !important; 
        box-shadow: inherit !important;
		margin: 0 !important;
		height: 40px !important;
    width: 40px !important;
}

#dlChatbot .chatButton, #dlChatbot .ChatLog__message, #dlChatbot #compose-message, #dlChatbot .ChatLog__message .toggle_bot_message, #dlChatbot .btnSendInput, #dlChatbot .toggle_bot_message label, #dlChatbot .chatbotHeader label{
	font-family: FS Albert, arial !important;
	font-weight : 500 !important;
    text-transform: none !important;
}
#dlChatbot .btn.btn-primary.btn-sm.chatButton, #dlChatbot .btnSendInput{
	margin:3px 2px 3px 2px !important;
	    border-radius: 6px !important;
}
#dlChatbot .ChatLog__entry .ChatLog__message{
	     padding: 0.5em 0.7em !important;
		 max-width: 78% !important;
}
#dlChatbot .typing-indicator {
	margin:3px 15px 3px 6px !important;
	    line-height: normal !important;
}
#dlChatbot .loader{
	margin:0 !important;
	-webkit-box-pack: start !important;-ms-flex-pack: start !important;justify-content: flex-start !important;
}
#dlChatbot .ChatLog__entry{
	-webkit-box-pack: start !important;-ms-flex-pack: start !important;justify-content: flex-start !important;
	padding: 0 !important;
	text-align: left !important;
}
#dlChatbot div#mCSB_1_container {
    width: auto !important;
}


#dlChatbot .btn-primary.focus, #dlChatbot .btn-primary:focus {
   -webkit-box-shadow: none !important; 
   box-shadow: none !important;
   background-color: rgb(127,127,127) !important;
    
}

#dlChatbot .chatbotContainer{
	-webkit-box-shadow: inherit !important; 
        box-shadow: inherit !important;
}
#dlChatbot #conversations{
	overflow-x: hidden !important;
	overflow-y : auto !important;
		   width: 98% !important;
			    margin: 8px 0 2px 5px;
}
	
#dlChatbot .ChatLog__message .ChatLog__timestamp {
   
    margin: 0px -12px -10px 20px !important;
	display:none !important;
    /* width: auto; */
}

#dlChatbot .mCSB_dragger .mCSB_dragger_bar{ 
	background-color: rgb(125,186,0) !important; 
	width:8px;
}
#dlChatbot .mCSB_draggerRail{
	background-color:rgb(97,99,101) !important;
}

#dlChatbot .fa:before, #dlChatbot .close:before, #toggleChatBot .fa:before, #dlChatbot #minimizeableEl:before{
	content: "" !important;
	height: 25px;
	display: inline-block;
	max-width: 25px;
	width: 100% !important;
	
}
#dlChatbot .chatbotHeader span {
	height: auto !important;
	max-width: 25px;
	width: 100% !important;
	margin: -4px 2px 0 2px !important;
	font-size: inherit !important;
	color:#FFF !important
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {  
   /* IE10+ specific styles go here */  
   #dlChatbot .chatbotHeader span {
	height: auto !important;
	max-width: 60px;
	width: 100% !important;
	margin: -3px 2px 0 2px !important;
	font-size: inherit !important;
	color:#FFF !important
}
#dlChatbot .chatbotHeader{
	padding-bottom: 1.8rem !important;
}

}
#dlChatbot .fa-question-circle:before{
	background : url("/images/chatbot/right_menu_bar_question.png") !important;
	background-size: cover !important;
	position: absolute;
}
#dlChatbot .fa-refresh:before{
	background : url("/images/chatbot/right_menu_bar_arrows.png") !important;
	background-size: cover !important;
	position: absolute;
}
#dlChatbot .close:before{
	background : url("/images/chatbot/right_menu_bar_x.png") !important;
	background-size: cover !important;
	position: absolute;
	
}
#dlChatbot #minimizeableEl:before{
	background : url("/images/chatbot/max.png") !important;
	background-size: cover !important;
}

#dlChatbot .ChatLog__message .toggle_bot_message.more_buttons{
	   margin-bottom: -0.5em !important;
	       position: inherit !important;
}
#dlChatbot #new-input-message{
		    background-color: rgb(233,236,239);
		border-radius: 2px !important;
		border: none !important;
		color : #58595B !important;
		font-weight:500 !important;
		overflow-x: hidden !important;
}
#dlChatbot #new-input-message::placeholder {
  color: black;
  opacity: 1; /* Firefox */
}
#dlChatbot #new-input-message:-ms-input-placeholder { /* Internet Explorer 10-11 */
 color: black;
}

#dlChatbot #new-input-message::-ms-input-placeholder { /* Microsoft Edge */
 color: black;
}


.launchChat{
	width:auto !important;
}

@media only screen and (max-width: 768px) {
    /* For mobile phones: */
    .legal-header{
        padding: 5px 10px !important;
    }
}


 #dlChatbot .chatbotHeader label{
	 font-weight:700 !important;
 } 
 #dlChatbot .chatbotHeader, #dlChatbot .chatbotContainer{
	border-radius:3px !important;
}
#dlChatbot .ChatLog__message, #dlChatbot .typing-indicator{
	border-radius:6px !important;
}
 #dlChatbot .chatbotHeader{
	border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
	font-size: 14px !important;
    line-height: 19px;
	background-image: url("/images/chatbot/header_bkgrnd.png");
	background-size: 100% 100%;
    background-repeat: no-repeat;

}
#dlChatbot .chatbot.sticky {
    display: none;
}
#dlChatbot ul{
    margin: 0 !important;
  padding: 0 !important;
}
#dlChatbot, #dlChatbot .ChatLog__entry .ChatLog__message{
  font-size:1rem !important;
  font-weight:400 !important;
  line-height:1.5 !important;
}
#dlChatbot br {
    display: block;
}
@media only screen and (min-device-width : 768px){
#mydlChatbotDropdown.show {
    left: 24%;
}
}
@media only screen and (max-device-width: 767px){
	li.lastchatbot {
    padding-top: 13px !important;
    line-height: 21px !important;
	}
  .sidr-inner .lastchatbot .dlChatbotDropbtn br {
    display: block;
  }
}

.footer .copyrights-footer .row .fl-right img {

}

@media (max-width: 767px) {
.footer .copyrights-footer .row .fl-right img {
    max-width: 80px;
}
}