@CHARSET "ISO-8859-1";

.asslinkswebchat{background-image:url(../../images/cigna/top-navigation-bg-webchat.png); height:35px; background-position: right top; background-repeat:no-repeat;}


.WebChatOpener {
    background: #ffffff none repeat scroll 0 0;
    border: 2px solid #cecece;
    display: none;
    font-size: 13px;
    height: 300px;
    overflow: auto;
    padding: 12px;
    position: fixed !important;
    width: 700px;
    z-index: 2;
}

.WebChatWarningOpener {
    background: #ffffff none repeat scroll 0 0;
    border: 2px solid #cecece;
    display: none;
    font-size: 13px;
    height: 300px;
    overflow: auto;
    padding: 12px;
    position: fixed !important;
    width: 500px;
    z-index: 2;
}

.selectbox_webchat {
    font-size: 12px;
    height: 30px;
    width:200px;
    font-family: Arial, Verdana, sans-serif;
    color: #666;
    background-color: #FFFFFF;
    border: 1px solid #5e94a2;
    margin-top: 2px;
    
}
.selectDrop_webchat { 
	font-size: 10px;
	height: 20px!important;
	font-family: Arial,Verdana, sans-serif;
	color: #666;
	background-color:#FFFFFF;
	border: 1px solid #5e94a2;
	/*border-color: transparent*/
	width:150px!important;
	
	}


#intakeIDLastnameValidator {
    background: #ffffff none repeat scroll 0 0;
    border: 2px solid #cecece;
    display: none;
    font-size: 13px;
    height: 300px;
    overflow: auto;
    padding: 12px;
    position: fixed !important;
    width: 700px;
    z-index: 2;
}

.primaryInputButton_webchat {
    font-size: 11px;
    height: 22px;
    font-family: Arial, Verdana, sans-serif;
    color: #fff;
    font-weight: bold;
    background-color: #FFA816;
    margin-bottom: 4px;
    margin-right: 2px;
    border: 1px solid #ccc;
    padding: 0px 3px 0px 3px;
    cursor: pointer;
} 

/*media all*/
.chatbtn-primary {
    font-size: 17px;
    height: 57px;
    font-family: Arial, Verdana, sans-serif;
    color: #fff;
    font-weight: bold;
    background-color: #FFA816 !important; 
    cursor: pointer;
	float:right;
	width:16%;
	vertical-align:bottom;
}
.chat
{
    list-style: none;
    margin: 0;
    padding: 0;
}

.chat li
{
    margin-bottom: 10px;
    padding-bottom: 5px !important;
    border-bottom: 1px dotted #B3A9A9 !important;
}

.chat li.left .chat-body
{
    margin-left: 60px !important;
}

.chat li.right .chat-body
{
    margin-right: 60px !important;
}


.chat li .chat-body p
{
    margin: 0 !important;
    color: #777777 !important;
}

.chat-charcount-msg
{
	color :rgb(0,0,0) !important;
	font-size :12px !important; 	
    font-family: Arial, Verdana, sans-serif!important;
 	font-weight: bold;
 
}
.iwt-compose-message-textarea{
	font-size: 12px !important;
	font-family: Arial, Helvetica, sans-serif !important;
}
.chat-charcount-number{
	font-size: 12px !important;
	font-family: Arial, Helvetica, sans-serif !important;
}
#btn-chat-patient-intakeid{
	font-family: Arial, Verdana, sans-serif !important;
	background: #fff;
	border-color: #ccc;
  	width: 145px;
}
.chatIconGlyphicon.glyphicon-comment{
	font-size:13px !important;
}
.panel .slidedown .glyphicon, .chat .glyphicon
{
    margin-right: 3px;
}

 .panel-heading-ccx-chat
 {
    padding: 10px 15px !important;
    border-bottom: 1px solid transparent !important;
    border-top-left-radius: 3px !important;
    border-top-right-radius: 3px !important;
	background-image: linear-gradient(to bottom,#95358C 0,#be41b8 100%)!important;
    color: #fff !important;
    background-color: #95358C !important;
    border-color: #be41b8 !important; 
 }
  
  
.panel-primary-ccx-chat
{ 
     border-color: #95358C
}

::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}

::-webkit-scrollbar
{
    width: 12px;
    background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #555;
}
#draggable { padding: 0.5em; }

.ui-icon-gripsmall-diagonal-nw {
    background-position: 0px 0px;
}
/*.ui-icon {
    width: 16px;
    height: 16px;
	transform: rotate(-45deg);
}*/

.ui-icon{
	background-image: url("../images/ui-icons_white_256x240.png") !important;
}

.ui-icon-carat-2-n-s {
	background-position: -128px 0;
}

.ui-resizable-nw {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px;
}

.btn-warning {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236;
}



.btn-warning:hover, .btn-warning.hover {
    color: #fff;
    background-color: #eb9336;
    border-color: #eea236;
}
.btn-warning:disabled, .btn-warning.disabled {
    color: #fff;
    background-color: #eb9316;
    border-color: #eea236;
}
  
.btn-group pull-right a:before {
   font-family: Glyphicons Halflings, sans-serif;
   content: "\e114";
   transition: all 0.5s;
}
.btn-group pull-right.active a:before {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	transform: rotate(180deg);
} 

.outsidecontainer.col-md-3 {
    /*width: 12%;*/
    position: absolute;
	right: 0px;
	bottom: -15px;
	/*width:40%;*/
	/*right: 4px;
	bottom: 30px;
	height:429px;
	width:400px;*/
}
.ccx-card
{
display: flex;
}

.ccx-card-body
{
    overflow-y: auto; 
    height: 290px; 
	width: 353px;
	overflow-x:hidden;
}
.iwt-message-text{
font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif !important;
font-size: 13px !important;
font-style: normal !important;
font-variant: normal !important;
font-weight: 400 !important;
line-height:normal !important;
text-align:left !important;
}
/*media screen*/
.iwt-message-timeicon.glyphicon {
    position: relative;
    top:auto;
    display: inline-block;
    font-family: Glyphicons Halflings, sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
	font-size:10.2px!important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
/*media screen*/

/** Added 7/5/2018 - BEGIN **/
.logo200 {
    background: url("/ProviderPortal/resources/images/carecentrixlogo_200x41.png") no-repeat;
    height: 41px;
    width: 200px;
    border: 0;
    background-position: left bottom;
}  
.ccxPurpleBar {
background: #95358C;
color: #fff;
 font-weight: bold;
padding: 2px 5px 2px 5px;
height: 10px;
}

.modal-body-ccx{
border-top: 0px;
border-bottom: 0px;
}

#CCXChatWindow{
	display:none;
}

/**  7/16/2018 - Use JQueryUI ToolTip - CSS BEGIN **/
.ccxToolTip {
      display:none;
      background-color: #95358C;
      color: #FFFFFF;
      font-size:13px;
      padding:10px;
      z-index: 99;
      height: 37px;
      bottom: 10px;
      border: 2px solid white;
      border-color: e0e0e0;
      /* for IE */
     filter:alpha(opacity=80);
  /* CSS3 standard */
  opacity:0.8;      
 }
/**  7/16/2018 - Use JQueryUI ToolTip - CSS END  **/
#glyphiconId{
	color:#fff !important;
}
#chatIconLabel{
 font-family:Helvetica Neue,Helvetica,Arial,sans-serif  !important;
 color:#fff  !important;
 font-size:14px;
}
.ui-tooltip {
	 /* for IE */
     filter:alpha(opacity=80);
    background: #95358C !important;
    border: 2px solid white !important;
  }
.ui-tooltip-content {
    opacity: 1;
    color: white !important;
    text-align:center;
    padding: 2px 1px 2px 1px;
    background-color: #95358C !important;
    max-width: 100% !important;
    font: bold 12px "Arial", Helvetica, sans-serif;
    border: none !important;
  }
  .modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
    background-color: #fefefe;
	/*background: #95358C;*/
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
}

a:hover{
       cursor:pointer;
}


svg {
  display: inline !important;
}

.chatBackButtonTable{
	border:0;
	padding:0;
	border-spacing: 0;
	width:100%;
}