@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
/* CSS Document */
body{
	font-family: 'Poppins', sans-serif;
	    font-size: 15px;
    font-weight: 500 !important;
	background: #f0f0f1 !important;
}

.ui.message {
    font-size: 15px;
    font-weight: 500 !important;
}
.wbca-admin-wrap{
	margin-top:20px;
	margin-right:20px;
	font-family: Arial, Helvetica, sans-serif;
}
.wbca-admin-head{
	padding:5px 15px;
	min-width:1119px;
	background-color:#ffffff;
}
.wbca-admin-body{
	background-color: #FBFBFB;
	min-width:1149px;
}
.wbca-admin-head-left{
	width:80%;
	float:left;
}
.wbca-admin-head-right{
	width:20%;
	float:left;
	text-align:right;
}
.wbca-info{
	display:inline-block;
	margin-right:10px;
	margin-top:10px;
}
.wbca-admin-head:after, 
.wbca-admin-head:before, 
.wbca-admin-body:after, 
.wbca-admin-body:before{
	content:" ";
	display:table;
	clear:both;
}
ul#wbca-chat-tabs {
    max-height: 500px;
    overflow: scroll;
}
.wbca-operator-image{
	width:40px;
	height:40px;
	border-radius:50%;
	margin-right:15px;
	float:left;
}
.wbca-operator-name{
	display:inline-block;
	font-size:15px;
	font-weight:bold;
	margin-top:10px;
}
.wbca-radio-image{
	width:40px;
	height:40px;
}
body .wrap h2{
	margin-left:10px;
}
#wbca-tabs-wrap, #wbca-content-wrap{
	float:left;
}
#wbca-tabs-wrap{
	width:15%;
	min-width:150px;
	height:500px;
	background-color:#ffffff;
}
#wbca-content-wrap{
	width: 100%;
}
#wbca-add-content-wrap{
	height:500px;
}
#wbca_add_search_form, #wbca_edit_form{
	padding:15px;
}
#wbca_edit_row_container, #wbca_edit_row_footer{
	padding-right:15px;
}
#wbca_edit_row_footer{
	padding-bottom:15px;
}
#wbca_edit_row_footer{
	text-align:right;
}
#wbca_add_search_form{
	padding-top:15px;
}

#wbca_add_search_form textarea, #wbca_edit_form textarea{
	height:250px;
}
.wbca-chat-items, .wbca-search-items{
	width:100%;
	float:left;
}
.wbcaMessage {
    width: 70%;
}

/*  ... chat tabs ... */
ul#wbca-chat-tabs {
	min-height:500px;
	line-height: 25px;
	list-style: none;
	margin: 0;
	padding: 0;
}
#wbca-chat-tabs li:first-child {
    padding: 10px 13px 10px 28px;
    margin: -14px -13px -1px;
    color: #777;
    display: block;
    cursor: pointer;
}
#wbca-chat-tabs li {
    margin: 0px -13px;
    padding: 8px 9px;
}
.wbca-chat-box {
	display: none;
}
.wbca-chat-box.wbca-visible {
	display: block;
	height: inherit;
}

#wbca-chat-tabs li.wbca-current {
	color: #444;
	background-color: #FBFBFB;
}
#wbca-chat-tabs li:hover,
#wbca-chat-tabs li:hover {
	background-color: #FBFBFB;
}
.wbca-dashbord{
	padding:10px;
}

/* .... Client chat row ... */

/* .... Client header ... */
.clientHeader{
	padding:10px;
}
.clientImage{
	float:left;
	margin-right:10px;
}
.wbcaUser span{
	display:inline-block;
	margin-top:8px;
}
.wbcaUser i.wbca_close{
	display:inline-block;
	float:right;
	font-size:30px;
	margin-top:10px;
	cursor:pointer;
}
.wbcaUser i:hover{
	color:red;
}
.wbcaUserName{
	display:inline-block;

}
.wbcaOperatorList{

}
.wbcaSearchHead{
	display:inline-block;
	width:44%;
	padding-left: 14px;
}
.wbcaSearchHead input[type="text"], #wbca_edit_search_form input[type="text"]{
	border: 1px solid #eaeaea;
    box-shadow: none;
    color: rgba(0, 0, 0, 0.75);
	background-color: #FFF;
	background-image:none;
	font-family: inherit;
	border-radius: 2px;
	color: rgba(0, 0, 0, 0.75);
	font-size: 14px;
	padding: 7px;
	transition: all 0.15s linear 0s;
	width:300px;
}
.wbca_operator_list_form select{
	border: 1px solid #eaeaea;
    box-shadow: none;
    color: rgba(0, 0, 0, 0.75);
	background-color: #FFF;
	background-image:none;
	font-family: inherit;
	border-radius: 2px;
	color: rgba(0, 0, 0, 0.75);
	font-size: 14px;
	padding: 7px;
	transition: all 0.15s linear 0s;
	height: 34px;
	width: 170px;
}
.wbcaFooter textarea{
	resize:none;
	overflow:hidden;
	height:60px;
}
.wbcaChatBody{
	overflow-x: hidden;
	overflow-y: auto;
	vertical-align: baseline;
}
.wbcaSearchBody{
	padding: 0px 15px 15px 15px;
}
/*...user online status...*/

.wbca_client_on{
}

.wbca_client_off{
}

.wbca_dashboard{
	background-image:url(../images/cog.png);
	background-repeat:no-repeat;
	background-position:6px center;
}

/*...Edit search content...*/
#wbca_edit_search_form{
	padding-top:15px;
	padding-bottom: 5px;
    margin-left: -1px;
}

#wbca_edit_chat_row{
	border-bottom:1px solid #ddd;
}
#wbca_edit_chat_row li, .wbca_auto_chat_div, .wbca_auto_chat_row li{
	margin-bottom:5px;
}

.wbca_edit_title{
	padding:8px 0px 8px 15px;
	cursor:pointer;
	display:inline-block;
	float:left;
	width: 82%;
	height:18px;
	font-size:13px;
	line-height:18px;
}
.wbca_auto_title{
	padding:8px 0px 8px 15px;
	cursor:pointer;
	display:inline-block;
	float:left;
	width: 86.5%;
	height:18px;
	font-size:13px;
	line-height:18px;
}
.wbca_edit_title, .wbca-delete-chat-row,.expand-wbca-edit-desc, .wbca_auto_title{
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
	background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0);
	background-color:#f9f9f9;	
}
.wbca_edit_title:hover,.wbca-delete-chat-row:hover,.expand-wbca-edit-desc:hover, .wbca_auto_title:hover{
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9));
	background:-moz-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-webkit-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-o-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-ms-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9',GradientType=0);
	background-color:#e9e9e9;
}
.wbca_edit_title, .wbca_auto_title{
	color:blue;
}
.wbca_edit_desc{
	display:none;
	padding:5px 10px;
	border-width:0px 0px 1px 0px;
	border-style:solid;
	border-color:#ddd;
	background-color:#fff;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
     -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
}
.wbca-delete-chat-row,.expand-wbca-edit-desc{
	display: inline-block;
	padding:4px 12px;
	cursor:pointer;
	z-index:10;
	float:right;
	border-left:1px solid #ddd;
	font-weight:bold;
	border-width: 0px 0px 0px 1px;
	position:relative;
	height: 34px;
	width:41px;
}
.wbca-delete-chat-row span,.expand-wbca-edit-desc span{
	display: inline-block;
	height:16px;
	width:16px;
	text-align:center;
}
.wbca-delete-chat-row:hover{
	color:red;
}
.expand-wbca-edit-desc:hover{
	color:green;
	font-size:15px;
}
.wbca-delete-chat-row{
	font-size:20px;
}
.expand-wbca-edit-desc{
	font-size:15px;
}
/*...select search question...*/
.wbca_msg_span{
	display:inline-block;
}
.wbcaContent {
	position:relative;
}
.wbca_select_sq{
	position:absolute;
	right: -37px;
    top: -3px;
	width:25px;
	height:25px;
	cursor:pointer;
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	-o-border-radius:50%;
	background-color:#e1e1e1;
	-moz-box-shadow:    inset 0 0 13px #757575;
   -webkit-box-shadow: inset 0 0 13px #757575;
   box-shadow:         inset 0 0 13px #757575;
}
.wbca_selected_sq{
	background-color:#008000;
	-moz-box-shadow:    inset 0 0 13px #003300;
   -webkit-box-shadow: inset 0 0 13px #003300;
   box-shadow:         inset 0 0 13px #003300;
}
.wbca-admin-body .leftMessage{
	margin-right:50px;
}
.wbca-admin-body .rightMessage{
	margin-left:50px;
}
#wpca_active_client{
	/* text-align: center;
    font-size: 50px;
    line-height: 100px; */
}

.wbcaUser{
	border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.qct_no_client_msg{padding: 25px 8px !important;}
.grid-main{
    margin: 0 !important;
    
	height: 100vh;
}
.ui.middle.aligned.selection.list {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 18px 12px 0 12px;	
}

.ui.selection.list > .item:hover {
    background: none;
    color: rgba(0, 0, 0, 0.8);
}
.wbcaMessage.leftMessage {
background: #fff !important;
    box-shadow: 0px 1px 4px 0px #bababa !important;
    border: none;
    margin: 0 0 0 2px !important;
	width: auto;
    min-width: 220px;
    max-width: 85%;	
}


.wbcaMessage.rightMessage {
    box-shadow: none !important;
    background: #d0eaeb !important;
	color: #36b6a1 !important;
	border: none;
	width: auto;
    min-width: 220px;
    max-width: 85%;	
}
li.wbca_dashboard {
    background: #2271b1 !important;
    color: #fff !important;
}
#wbca-chat-tabs li.wbca-current{

}
#wbca-chat-tabs li.wbca-current a.header{
	color: #fff !important;
}

.ui.cards > .card, .ui.card{
    box-shadow: rgb(0 0 0 / 0%) 0px 2px 8px !important;
    background: #edf2f600 !important;
    border: 0 solid #d1d0d0 !important;
}
.wbca_rigth_sidebar .ui.segment {
    box-shadow: none !important;
    border: none !important;
}
.ui.list.right.aligned {
/*    margin: 0;
    padding: 0;
    position: absolute;
    right: 18px;
    top: 18px;*/
}
.wbcaUser.ui.equal.width.grid {
    background: #fff;
}
#wbca-chat-tabs li:first-child {
    margin: 0 0 15px 0 !important;
	border:0 !important;
	    box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px;
}


#wbca-chat-tabs li {
}

.wbcaFooter textarea{
	background:#fff !important;
}
i.wbca_close.right.floated {
    position: absolute;
    right: 0px;
    top: -10px;
    background: #1dd1a1;
    color: #fff;
    border-radius: 50%;
    width: 20px;
    font-size: 18px;
    padding: 7px 7px 7px 5px;
    height: 20px;
    line-height: 6px;
    text-align: center;
    justify-content: end;
}
.wbca_operator_list_form select {
    height: 40px;
    border-radius: 5px;
}
.wbca_button {
    background: #2271b1 !important;
    border-radius: 5px !important;
    text-shadow: none !important;
    color: #fff !important;
    padding: 11px 25px !important;
    margin: 0 15px 0 5px !important;
}
i.wbca_close.right.floated {
    right: 4px;
    top: 12px;
	background: #2271b1;
}
.wbcaFooter textarea {
    border: 1px solid #2271b1 !important;
}
.wbcaChatBody {
	padding-right: 15px;
	margin: 10px -3px;
}
#wpca_active_client {
    min-height: 450px;
    vertical-align: middle;
}
.ui.list.mini.right.aligned.bottom {
    position: relative;
    top: 0 !important;
	bottom: 10px !important;
}




.ui.cards > .card > .content, .ui.card > .content {
    background: #f3f3f9;
}
.wbca_msg_span {
    display: inline-block;
    font-family: 'Poppins', sans-serif;
    letter-spacing: 0.5px;
    font-size: 14px;
}
.wbcaContent {
    display: inline-block;
    font-family: 'Poppins', sans-serif;
    letter-spacing: 0.5px;
    font-size: 14px;
}

.wbcaUserName .header {
    font-size: 16px;
    font-weight: bold;
}
.date-user {
    text-align: right;
    color: #878ab2;
    padding: 4px 4px 0 0;
    font-weight: 600;
    font-size: 12px;
}
.date-operator{
    text-align: left;
    color: #878ab2;
    padding: 4px 0 0 4px;
    font-weight: 600;
    font-size: 12px;	
}
.wbca_rigth_sidebar .ui.button {
    font-size: 12px !important;
}
.wbca_rigth_sidebar .ui.divided.list > .item {
    border-top: 1px solid rgba(34, 36, 38, 0.15);
    padding: 8px 0;
}
.wbca_rigth_sidebar .ui.divided.list > .item:last-child {
    border-bottom: 1px solid rgba(34, 36, 38, 0.15);
}
.wbca_rigth_sidebar ul.ui.list li:last-child, .wbca_rigth_sidebar ol.ui.list li:last-child, .wbca_rigth_sidebar .ui.list .list > .item:last-child, .wbca_rigth_sidebar .ui.list > .item:last-child {
    padding-bottom: 8px !important;
}

/* .wbca_rigth_sidebar .ui.button {
    background: #21ba45 !important;
    color: #ffff !important;
}
.wbca_rigth_sidebar .ui.button:hover {
	background: #2271b1 !important;
} */
.custom-font-wigth{
	font-weight:bold;
	font-size:14px !important;
}
.hidden{
	display: none !important;
}
.wbca_rigth_sidebar .ui.segment {
    background:#d0eaeb00 !important;
}
.wbcaUser.ui.equal.width.grid {
    background: #d0eaeb !important;
}
.wbca-left-sidebar .floating{

}

body.bot-live-chat_page_wbca_livechat_settings .content.qcld-live-chat-addons-content {
    display: flex;
    column-gap: 15px;
    row-gap: 10px;
    background: #fff !important;
    padding: 22px 20px !important;
    margin: 10px 0 20px 0 !important;
    border-radius: 16px !important;
    justify-content: space-between;
    width: 100%;
}

body.bot-live-chat_page_wbca_livechat_settings .content.qcld-live-chat-addons-content-main {
    display: flex;
    column-gap: 15px;
    row-gap: 10px;
    background: #fff !important;
    padding: 22px 20px !important;
    margin: 0 0 20px 0 !important;
    border-radius: 16px !important;
    justify-content: space-between;
    width: 100%;
    flex-direction: column;
}



button.wp_custom_icon_livechat.button {
    background-color: #5B4E96 !important;
    border: none;
    color: #fff;
}