/* Hide unwanted elements */
.cobrowse-start,
.cx-tooltip-menu.actions,
.cx-tooltip-menu.emoji
     {display:none!important;}

.cx-sidebar {
    top: 60px!important;
    border:0!important;  /* to remove border line shown when the sidebar is hidden */
}    
             
/*.cx-sidebar:hover {
    width: 240px!important;
}
*/    
             
/* color customization */             
.preset-blue .cx-img-map, .cx-img-map.preset-blue {
    background-image: url(https://epic-tm.live.genesys.com/iisEpic/cxw/cx-widget.2.png)!important;
}
.ark .btn-primary {
    border-color: #2e2e2e!important;
    background: #2e2e2e!important;
}

.ark .form-control {

    border: 1px solid #a9a9a9!important;
}

.cx-common-container {
	font-family: inherit!important;
}    

.ark td, .ark th {
    padding: 4px 0!important;
}

/* TM Corrections*/
.you > .avatar-customer, .them > .avatar-agent{
	display: none!important;
}

.you  {
	color: #330099!important;	
}

.them  {
	color: brown!important;	
}

.cx-footer  * .btn.btn-default {
/*	display: none!important; */
}

.cx-sidebar { /* outline? 
    -webkit-box-shadow: 0px 0px 21px 2px rgba(0, 0, 0, 0.0)!important;
    box-shadow: 0px 0px 21px 2px rgba(0, 0, 0, 0.0)!important;
    outline-style: solid!important; */
}

.cursor-not-allowed {
    cursor: not-allowed!important;
}

.time {
    display: none!important;
}

/*
.bubble-arrow {
    fill: #fff!important;
}
*/

.ChatUI .transcript .you > p {
    background-color: #e2f4f7!important;	
}

.ChatUI .transcript .them> p {
    background-color: #f2f4e7!important;	
}

.ChatUI .transcript .you > p .bubble-arrow {
    fill: #e2f4f7!important;
}

.ChatUI .transcript .them > p .bubble-arrow {
    fill: #f2f4e7!important;
}

.cxw-hide {
    display: none!important;
}

/* Chat line breaks */
.ChatUI .transcript .message{
    white-space: pre-wrap;
}

/* Chat input area hight increase*/
#genesys_webchat * textarea.input {
    height: 50px!important;
}

/* footer */
 .cx-powered-by {
    padding-top: 0;
    padding-bottom: 10px;
 }
 
 /* mobile phones */
@media all and (max-width: 768px) {
    .cx-widget, .cx-toaster {
        right: 0px!important;
    }
}