/*
 =================================================
  ZineOne App styles
  Copyright (c) 2013 ZineOne Inc.
  All rights reserved 
 =================================================
 */

/*
====================================
Override Dojo
====================================
*/

/*
====================================
Common Styles
====================================
*/

/*
====================================
Devices - layout specific CSS
====================================
*/
@viewport {
	zoom :  1;
	width : device-width;
}

/* Generic small screen criteria. */
@media screen and (max-width:979px) {
	/*
	div {
        background-color: beige;
    } */

}


@media (min-width: 1200px)
.z1_chat_container {
  width: 1170px;
}
@media (min-width: 992px)
.z1_chat_container {
  width: 970px;
}
@media (min-width: 768px)
.z1_chat_container {
  width: 750px;
}

/* end - @media query - layout CSS */

/*
====================================
Font-Awesome - fix
====================================
*/
/*

Fontawesome.io, works with bootstrap.css.
Without bootstrap.css it sometimes fails
to load @font-face(font-family: "FontAwesome";src:url(..path to /font/..).
To fix this declare font-family: "FontAwesome" for all
font-awesome specific classes (version 4.0.x classes prefix: 'fa-', in 
old versions prefix was generic 'icon-').

*/

[class^="fa-"],
[class*=" fa-"] {
	font-family: "FontAwesome";
}


/*------ css for Login Page ------*/

.z1_page_container {
    margin: 6% auto 0 auto;
    max-width: 420px;
    text-align: center;
}
.z1_page_container img {
    margin: 20px auto 35px auto;
}
.z1_page_container form {
    /*border-bottom: 1px solid #CCCCCC;*/
    margin-bottom: 10px;
    height:100%;
    overflow:hidden;
    padding-bottom:10px;
}
._z1_a .z1_banner {
	border-bottom: 3px solid #0055a9;
	background-color: white;
	width: initial;
	min-height: 60px;
}

.login-wrap{
    background:#fff;
    padding:3% 4%;
    box-shadow: 0px 1px 3px 0px rgba(50, 50, 50, 0.17);
    height:100%;
    overflow:hidden;
    position:relative;
}

.login-header{
    text-align:left;
    font-size:18px;
    padding-bottom:4%;
    color:#0154a6;
}



/*Landing Page */

._z1_a .z1_main_container {
    background-color: #f7f7f7;
}






.z1_user_available_status {
	cursor: pointer;
	font-size: 20px;
    float: left;
	color: silver;
	margin-top: 7px;
	margin-right: 4px;
}
.z1_user_available_status:hover {
	color: #0059b0;
}
.z1_user_available_status-on {
	color: #67b661;
}
.z1_user_available_status-off {
	color: silver;
}


.z1_agent_cont {
	position: absolute;
	/*top: 43px;*/
	top: 0px;
	bottom: 1px;
	left: 0;
	right: 0;
}

.z1_agent_cont .dojoxExpandoIcon {
background-image: url("res/spriteRoundedIconsSmall_new2.png") !important;
background-position: -5px 0;
background-repeat: no-repeat;
cursor: pointer;
height: 19px;
width: 12px;
}

.z1_agent_cont .dojoxExpandoClosed .dojoxExpandoIconLeft {
    background-position: -53px 0px;
    margin-right: 4px;
}
/* border control columns */
.z1_brdr_cp {
	/*background-color: aliceblue;*/
}
.z1_brdr_cp_1 {
	/*background-color: ivory;*/
}
.z1_brdr_cp_2 {
	/*background-color: white;*/
}
.z1_brdr_cp_3 {
	/*background-color: floralwhite;*/
}
.claro div.z1_brdr_cp {
	border: 1px solid;
	border-color: #ffffff;
	background:#f7f7f7;
}
div.z1_brdr_cp.z1_brdr_cp_1, div.z1_brdr_cp.z1_brdr_cp_3 {
	/* background-color: #FFFFFF; */
	border-left:1px solid #fff;
	border-radius:0;
}

/* chat box */
.z1_chat_outer_cont {
	/* position: relative; */
	/* overflow: auto; */
	height: 100%;
}
.z1_chat_outer_cont > div {
	clear: both;
}
.z1_chat_container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
div.z1_chat_footer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 84px;
  /*width: 100%;*/
  /*background-color: #f5f5f5;*/
}
.z1_chat_container {
  width: auto;
  max-width: 680px;
  padding: 0 15px;
}
.zmob_container {
  /* alternative to 'calc' use box-sizing */
  /* height: calc(100% - 84px); */
  /*min-width: 600px;*/
  /*padding-bottom: 86px;*/
  /* scroll bar overflows. padding more than 84px */
  /*padding-bottom: 96px;*/
  height: 100%;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  padding-top: 10px;
  
  /*background-color: aliceblue;*/
  background-color: #fff;
}
.z1_container_bottom-sz {
  /*padding-bottom: 86px;*/
  /* scroll bar overflows. padding more than 84px */
  padding-bottom: 96px;
}
.zmob_container_h100 {
  background-color:#fff;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  /* footer height 80px */
  height: calc(100% - 105px);
}

.zmob_container_h100::-webkit-scrollbar {
	width: 6px;
	background-color: #f2f2f2;
}
.zmob_container_h100::-webkit-scrollbar-thumb {
	background-color: #cdcdcd;
	border-radius: 10px;
}

.z1_bc_2col_mode .zmob_container_h100 {
	background-color: lightgray;
	height: 100%;
}

.z1_chatter_test_cont {
	position: absolute;
	top: 200px;
	left: 450px;
}

.zmob_chat_inp_ctrls {
  width: 100%;
  /*background-color: beige;*/
  
  /* this should fix width spill */
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.zmob_container_footer {
  /*background-color: gainsboro;*/
}
.z1_chat_footer {
  height: 100%;
  background-color: #fff;
}

.z1_chat_inner_cont {
  clear: both;
  /*background-color: beige;*/
  /*position: relative;*/
  /*border: 1px solid lightcoral;*/
}
.z1_chat_inner_cont_1 {
	background-color: rgb(252, 249, 202);
	/*height: 100px;*/
	background-color: #ffffff;
	border-bottom: 1px solid rgba(224, 224, 224, 0.4);
}
.z1_chat_inner_cont_3 {
	height: 5px;
	background-color: #f5f5f5;
}
.z1_chat_inner_cont.z1_chat_inner_cont_2 {
	height: 100%;
	height: calc(100% - 105px);
	/*background-color: linen;*/
	position: relative;
	border: 0 solid;
	border-color: rgba(212, 221, 228, 0.25);
}
.z1_chatter_outer_cont {
  /*background-color: aqua;*/
  position: relative;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
}

.z1_bc_2col_mode .z1_chat_inner_cont_1 {
	background-color: inherit;
	display: none;
}
.z1_bc_2col_mode .z1_chat_inner_cont_2 {
	height: 100%;
}

.z1_chat_profile_outer_cont {
	width: 100%;
	height: 100%;
	padding: 4px;
}

.z1_ul {
  list-style-type: none;
  padding-left: 4px;
  padding-right: 4px;
}
.z1_ul > li {
  border-bottom: 1px solid #EBEBEB;
  padding-bottom: 8px;
  padding-top: 12px;
  padding-right: 12px;
  padding-left: 10px;
}
.zmob_chat_msg_row {
  clear: both;
}
.zmob_chat_msg_header_cont > div {
  float: left;
}
.zmob_chat_msg_footer_cont {
  padding-top: 4px;
}

.z1_chat_ul {
  list-style-type: none;
  padding-left: 4px;
}
.z1_chat_ul > li {
  border-bottom: 1px solid #EBEBEB;
  padding-bottom: 8px;
  padding-top: 12px;
  padding-right: 12px;
  padding-left: 10px;
  margin-right: 12px;
  margin-left: 12px;
  max-width: 90%;
}
.z1_chat_ul > li.bubblearrow_left {
  position: relative;
  background: #F6F9FF;
  /* border: 3px solid #bbebf5; */
  border-bottom: 3px solid #e0e0e0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin-bottom: 3%;
  float: left;
  clear: both;
}
.z1_chat_ul > li.bubblearrow_right {
  position: relative;
  background: #f3f3f3;
  background-color: cornflowerblue;
  color: white;
  /* border: 1px solid #e0e0e0; */
  border-bottom: 3px solid #e0e0e0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin-bottom: 3%;
  float: right;
  clear: both;
}
.z1_chat_ul > .z1_chat_system_msg {
	position: relative;
	clear: both;
	font-size: 90%;
	border-bottom: 0px;
	/*border-top: 1px solid #ebebeb;*/
	background-color: rgba(255, 248, 220, 0.25);
	background-color: rgba(247, 247, 247, 1);
	margin-bottom: 10px;
	padding-top: 4px;
	padding-bottom: 4px;
}
.z1_chat_ul > li.bubblearrow_left::after {
  content: "";
  position: absolute;
  /*bottom: -24px;*/
  left: -10px;
  top: 20%;
  border-style: dashed;
  /*border-width: 15px 12px 9px 0;*/
  border-width: 10px 0px 15px 10px;
  border-color: #e3f1fa transparent transparent transparent;
  display: block;
  width: 0;
  z-index: 1;
}
.z1_chat_ul > li.bubblearrow_right::after {
  content: "";
  position: absolute;
  /*bottom: -24px;*/
  /*right: 0;*/
  right: -10px;
  top: 20%;
  border-style: solid;
  /*border-width: 15px 0 9px 14px;*/
  border-width: 15px 10px 0px 0px;
  border-color: cornflowerblue transparent transparent transparent;
  display: block;
  width: 0;
  z-index: 1;
}

.z1_all_ul .zmob_chat_msg_footer_cont {
	clear: none;
	float: right;
	margin-top: 20px;
}
.zmob_chat_msg_user {
	font-size: 110%;
	text-transform: capitalize;
	padding-bottom: 4px;
	font-size: 90%;
	/* hide username */
	display: none;
}
.zmob_chat_msg_username {
	color: darkgray;
}
.zmob_chat_msg_agentname {
	color: rgb(13, 102, 190);
}
.zmob_chat_msg_date {
	float: right;
}
.zmob_chat_msg_systemname {
  color: #999;
}
.z1_chat_system_msg div.zmob_chat_msg_systemname {
	float: none;
	text-align: center;
}
.z1_chat_system_msg div.zmob_chat_msg_date {
	float: none;
	text-align: center;
}
.zmob_chat_msg_date, .zmob_chat_msg_footer_item {
  color: #88AFD5;
  font-size: 86%;
}
.bubblearrow_left .zmob_chat_msg_date {
	color: #88AFD5;
}
.bubblearrow_right .zmob_chat_msg_date {
	color: silver;
	color: white;
}
.zmob_chat_msg_date {
	float: right;
}
.zmob_chat_msg_footer_item {
	padding: 0px 2px;
}
.zmob_chat_msg_body_cont {
	word-wrap: break-word;
	white-space: pre-wrap;
	color: rgb(112, 152, 186);
	font-size: 110%;
	color: #666;
	padding: 2px 2px;
}
.bubblearrow_right > div {
  color: white;
}

.z1_1_ul .zmob_chat_msg_header_cont {
	/*clear: none;*/
	float: left;
	/*display: block;*/
	padding: 2px 5px 10px;
	width: 40px;
	text-align: center;
	background-color: aqua;
}
.z1_1_ul .zmob_chat_msg_body_cont {
	clear: none;
	/*float: left;*/
	margin-left: 52px;
	/*display: block;*/
	padding: 2px;
	background-color: aliceblue;
	cursor: pointer;
}
.z1_1_ul .zmob_chat_msg_footer_cont {
	clear: none;
	float: none;
	/* display: block; */
	padding: 2px;
	background-color: beige;
	margin-left: 52px;
	text-align: right;
	margin-top: 0px;
}
.z1_chat_system_msg div.zmob_chat_msg_body_cont {
	text-align: center;
}

.z1_3_ul .zmob_chat_msg_header_cont {
	/*clear: none;*/
	float: left;
	/*display: block;*/
	padding: 2px 5px 10px;
	/*width: 40px;*/
	text-align: center;
	background-color: aqua;
}
.z1_3_ul .zmob_chat_msg_body_cont {
	clear: none;
	/*float: left;*/
	/*margin-left: 52px;*/
	/*display: block;*/
	padding: 2px;
	background-color: aliceblue;
	cursor: pointer;
}
.z1_3_ul .zmob_chat_msg_footer_cont {
	clear: none;
	float: none;
	/* display: block; */
	padding: 2px;
	background-color: beige;
	/*margin-left: 52px;*/
	text-align: right;
	margin-top: 0px;
	font-size: 90%;
	color: #999;
}

.z1_chat_edit_inp {
  /* keep both width declaration */
  width: 100%;
  /* fix in new browser for textarea width going over 100% issue */
  /*width: calc(100% - 4px);*/
  
  /* this should fix width spill */
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-family: 'Open Sans', sans-serif!important;
  font-size:100%;
  padding:4px; margin-bottom:10px;
  background:#f3f3f3;
  min-height: 50px;
  border: 1px solid #ddd;
}
.z1_chat_edit_send_btn {
  float: right;
}

.z1_chat_footer_axn_ctrls {
	clear: both;
	width: 100%;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row;
	flex-flow: row;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.z1_chat_f_btn {
	height: 20px;
}

/* conversation list */
.z1_convr_list_outer_cont {
/*mm	height: 100%; */
}
.z1_convr_search_cont {
	height: 30px;
	display: block;
	clear: both;
	/* background: #ECECEC; */
	padding: 7px 0 5px 0;
	/* border-bottom: 4px solid #fff; */
	border-top: 1px solid #ECECEC;

	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row nowrap;
	flex-flow: row nowrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	align-items: center;
	/*border: 1px solid;*/
	width: 100%;
}
/*.z1_convr_search_cont div.input-group {
	width: 100%;
	width: -webkit-calc(100% - 50px);
	width: calc(100% - 25px);
	float: left;
}*/
input.z1_convr_list_search_inp {
	align-self: center;
	flex: 1;
	width: initial !important;
}
.z1_convr_search_cont .z1_input_search_icon {
	/*flex: 0;*/
	font-size: 19px;
	color: #666;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	padding: 6px 12px;
	text-align: center;
	width: 24px;
}
.z1_convr_list_refresh {
	display: -webkit-flex;
	display: flex;
	/* background: aqua; */
	-webkit-flex-flow: row nowrap;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
}
.z1_convr_reload_btn {
	background-color: transparent;
	color: #999;
	font-size: 20px;
	padding: 0;
	padding: 4px 10px;
	/* margin-left: 5px; */
	/* margin-top: 1px; */
}
.z1_convr_reload_btn_st_off {
	color: rgb(250, 180, 45);
}
.z1_convr_reload_btn:hover {
	color: rgb(8, 123, 250);
}
.z1_convr_list_inner {
	font-family: 'Open Sans', sans-serif;
	overflow: hidden;
	overflow-y: auto;
	position: relative;
	height: 80%;
	height: calc(100% - 118px);
	height: 100%;
	clear: both;
	/* margin-top: 0; */
	/* padding-top: 0; */
	top: 0;
}

.z1_convr_list_inner::-webkit-scrollbar {
	width: 6px;
	background-color: #f2f2f2;
}
.z1_convr_list_inner::-webkit-scrollbar-thumb {
	background-color: #cdcdcd;
	border-radius: 10px;
}


.z1_convr_list_ul {
	list-style: none;
	padding-left: 0;
	/* background-color: aquamarine; */
	background-color: #F4F4F4;
	overflow-y: auto;
	overflow-x: hidden;
	margin-top: 0;
}
.z1_convr_list_item_cont {
	max-height: 60px;
	min-height: 40px;
	/*margin-bottom: 1px;*/
	border-bottom: 1px solid #e8e8e8;
	/*background-color: #fff;*/
	  background-color: #F5F5F5;
	color: black;
	cursor: pointer;
	padding: 4px 0px;
}
.z1_convr_list_li_disp {
	display: table;
}
.z1_convr_list_item_cont:hover {
	background-color: rgb(250, 250, 250);
}
.z1_convr_list_item_cont:hover .z1_convr_item_requester {
	color: #0055a9;
	/*font-size: 16px;*/
	font-weight: 300;
}
.z1_convr_list_item_cont:hover .z1_convr_item_subject {
	/* color: #0b3460; */
}

.z1_convr_list_item_cont:hover > .z1_convr_item_l {
	color: white;
}
.z1_convr_list_item_cont:hover > .z1_convr_item_r > i {
	color: rgb(153, 153, 153);
}
li.z1_convr_list_item_cont_sel {
	/* background-color: steelblue; */
	  background-color: #ffffff;
}
li.z1_convr_list_item_cont_sel > .z1_convr_item_l .z1_convr_item_subject{
	/* color: rgb(236, 236, 236); */
}
li.z1_convr_list_item_cont_sel > .z1_convr_item_l .z1_convr_item_requester{
	/*color: rgb(215, 233, 236);*/
}
li.z1_convr_list_item_cont_sel > .z1_convr_item_l:hover {
	color: white;
}
li.z1_convr_list_item_cont_sel > .z1_convr_item_r > i {
	color: rgb(147, 194, 215);
}
.z1_convr_list_item_assigned {
	/*background-color: #F5F5F5;*/
}
.z1_convr_list_item_unassigned {
	/*background-color: #fff;*/
}

.z1_convr_item_l {
	/*width: calc(100% - 30px);*/
	/* background-color: aliceblue; */
	color: black;
	width: 100%;
	display: table-cell;
	padding: 4px 6px;
	position: relative;
}
.z1_convr_item_r {
	/* float: left; */
	/* position: relative; */
	width: 30px;
	/*background-color: antiquewhite;*/
	text-align: center;
	vertical-align: middle;
	display: table-cell;
}
.z1_convr_item_r > i {
	font-style: normal;
	padding-left: 4px;
	padding-right: 4px;
	color: rgba(153, 153, 153, 0.3);
	font-size: 24px;
}
.z1_convr_item_row {
	clear: both;
}
.z1_convr_item_subject {
	/* font-size: 120%; */
	padding: 2px 10px 0px 0px;
	color: #5C6D7E;
}
.z1_convr_item_requester {
	font-size: 14px;
	font-weight: 300;
	color: #3785DC;
	clear: both;
}
.z1_chat_assign_btn {
	cursor: pointer;
	background-color: rgb(246, 249, 255);
	padding: 8px;
	font-size: 14px;
	color: #0055A9;
}
.z1_convr_item_c_unread {
	position: absolute;
	right: 8px;
	top: 16px;
	background-color: rgb(203, 210, 218);
	color: white;
	width: 20px;
	border-radius: 15px;
	text-align: center;
}

/* profile */
.z1_chat_profile_inner {
	height: calc(100% - 45px);
	padding: 6px 0px;
	clear:both;
	
}
.z1_chat_profile_l {
	display: table-cell;
	padding-right:8px;
}
.z1_chat_profile_icon {
font-size:40px!important; background:#f3f3f5; padding:6px 12px; border:1px solid #e3e6ec; color:#d1d2d4;
float:left; margin-right:10px;
}
.z1_chat_profile_r {
	display: table-cell;
	height: 100%;
	width: 100px;
	padding-left: 20px;
}
.z1_chat_profile_name {
	font-size: 100%;
	color: #AEB5BE;
	font-family: 'Open Sans', sans-serif;
}
.z1_chat_profile_footer {
	/* height: 30px; */
	/*color: rgb(126, 179, 232);*/
	font-size: 100%;
	text-align: left;
	padding: 5px 3px;
	border-top: 1px solid rgba(224, 224, 224, 0.4);
}
.z1_chat_profile_footer span {
	/*color: #348FB6;*/
}
.z1_chat_profile_footer_cont {
	width: 100%;
	height: 100%;
}
.z1_chat_profile_footer_subj {
	color: rgb(126, 179, 232);
	font-size: 130%;
	text-align: left;
	/* border-bottom: 1px solid whitesmoke; */
	/* padding-bottom: 4px; */
	font-weight: 300;
}
.z1_chat_profile_footer_actions_bar {
	padding: 0px 6px;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row nowrap;
	flex-flow: row nowrap;
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
	-webkit-align-items: center;
	align-items: center;
}
select.z1_chat_actions_menubox {
padding: 0;
font-size: 13px;
background: #F6F9FF;
border: 1px solid #D7E3FC;
color: #59758C;
}


/* articles */
.z1_chat_articles_bc_cont {
	/* width: auto; */
	/* height: calc(100% - 22px); */
	/*background-color: beige;*/
	/*position: relative;*/
}
.z1_chat_articles_outer_cont {
height: 100%;
width: calc(100% - 17px);
}
.claro .z1_brdr_article {
	width: 100%;
	height: 100%;
	/*background-color: azure;*/
}
.claro .z1_brdr_a_cp {
	/*width: 100%;*/
	border-width: 0px;
}
.claro .z1_brdr_a_cp_1 {
	/*background-color: aliceblue;*/
	/*z-index: 3;*/
}
.claro .z1_brdr_a_cp_2 {
	/*background-color: aquamarine;*/
}
.z1_tc_cont .dijitBorderContainerPane {
	/* container in BorderContainer z-index issue */
	position: inherit !important;
	z-index: inherit;
}
.z1_tc_cont .dijitSplitter {
	/* container in BorderContainer z-index issue */
	position: inherit !important;
	z-index: inherit;
}
/* articles list */
.z1_art_list_ul {
	list-style: none;
	padding:0; margin:0;
	
	/*padding-left: 2px;*/
	/*background-color: aquamarine;*/
	/*background-color: #f5f5f5;*/
}

.z1_art_list_ul li{
border-bottom:1px solid #c4dbf2;padding:5px 12px 5px 0; margin:0;	
}

.z1_art_list_item_cont {
	max-height: 60px;
	min-height: 40px;
	margin-bottom: 2px;
	/*background-color: khaki;*/
	background-color: #fff;
	color: black;
	cursor: pointer;
}
.z1_art_list_li_disp {
	/*display: table;*/
}
.z1_art_list_item_cont:hover {
	/*background-color: #F1F4F9;*/
	background-color:#FAF7F7;
}
.z1_art_list_item_cont:hover .z1_art_item_title {color:#0055a9; /*font-weight:600;*/}
.z1_art_list_item_cont:hover .z1_art_item_subject {color: #0055a9;}

.z1_art_list_item_cont:hover > .z1_art_item_l {
	color: white;
}
.z1_art_list_item_cont:hover > .z1_art_item_r > i {
	color: white;
}
li.z1_art_list_item_cont_sel {
	background-color: #F1F4F9;
}
li.z1_art_list_item_cont_sel:hover {
	background-color: #F1F4F9;
}

li.z1_art_list_item_cont_sel > .z1_art_item_l {
	color: white;
}
li.z1_art_list_item_cont_sel > .z1_art_item_r > i {
	color: white;
}
.z1_art_item_l {
	/*width: calc(100% - 30px);*/
	/*background-color: aliceblue;*/
	color: black;
	width: 100%;
	/*display: table-cell;*/
	padding: 4px 6px;
}
.z1_art_item_r {
	/* float: left; */
	/* position: relative; */
	width: 30px;
	/*background-color: antiquewhite;*/
	text-align: center;
	vertical-align: middle;
	display: table-cell;
}
.z1_art_item_r > i {
	font-style: normal;
	padding-left: 4px;
	padding-right: 4px;
}
.z1_art_item_subject {
	font-size: 90%;
	padding: 2px 0px;
	color:#92a1af;
}
.z1_art_item_title {
	font-size: 120%;
	color:#0055a9;
}
.z1_art_view_cont {
	padding: 6px;
	border: 4px solid rgba(176, 196, 222, 0.5);
	height: 100%;
}
.z1_art_view_title {
	/*padding: 6px;*/
	color: lightsteelblue;
	font-size: 110%;
}
.z1_art_view_body {
	/*height: 100%;*/
}
/* Misc. */
.z1_chat_box_articles {
	width: calc(100% - 20px);
	height: 100%;
}
/* activities */
.z1_chat_box_activities {
	width: 100%;
	height: 100%;
}
.z1_chat_activities_outer_cont {
	width: 100%;
	height: 100%;
	/*background-color: #e6e6e6;*/
}
.z1_activities_list_inner {
	width: 100%;
	height: 100%;
}
.z1_activities_list_ul {
	list-style: none;
	padding-left: 4px;
	height: 100%;
	/* overflow causes bubble to hide */
	/*overflow-x: auto;*/
	/*overflow-y: hidden;*/
}
.z1_activities_list_ul > li {
	/* float: left; */
	min-width: 40px;
	/* height: 100%; */
	padding: 10px;
	/* border: 1px solid lightsteelblue; */
	clear: both;
	margin-left: 10%;
	margin-right: 10%;
	/* width: 100%; */
	margin-bottom: 20px;
	background-color: whitesmoke;
}
.z1_activities_item_l {
	position: relative;
	/*background-color: darkseagreen;*/
}
.z1_activities_item_icon_cont {
	width: 30px;
	/*background-color: aquamarine;*/
	height: 30px;
	border-radius: 19px;
	text-align: center;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	/* position: absolute; */
	position: relative;
	border: 4px solid;
	border-color: slategrey;
}
i.z1_activities_item_icon {
	vertical-align: middle;
}
i.z1_activities_item_icon::before {
	top: calc(50% - 6px);
	/* top: 50%; */
	left: 50%;
	left: calc(50% - 6px);
	/* bottom: 0; */
	position: absolute;
	/*background-color: antiquewhite;*/
}
.z1_activities_item_bubble {
	/*
	border: 1px solid;
	border-color: lightsteelblue;
	background-color: dimgray;
	color: white;
	position: absolute;
	top: -150px;
	height: 130px;
	left: 0px;
	right: 0px;
	display: none;
	*/
	padding: 4px;
}

/* tabs */
.z1_tc_cont {
	width: 100%;
	height: 100%;
}
.z1_tc_cont .c3_filter_cont_body {
	padding: 4px 10px;
}
.z1_tc_tabs {
	width: 100%;
	height: 100%;
}
.z1_tc_tabs_grp {
	width: 100%;
	height: 100%;
	/*padding: 0 15px;*/
	/*background: #fff;*/
	margin: 0 10px;
}

.z1_brdr_cp_3 .z1_tc_cont {
	background-color: #fff;
}

/* c3filter */
/* customize filter by using format: */
/* .someParentContainerClass div.c3_c3filter_tab_base { no !important } */
/* */
.c3_c3filter_tab_base {
	/* add custom margin where widget is used */
    /*margin:10px auto 10px auto;*/
    max-width:1023px;
    border-bottom:solid 2px #dae3e9;
    padding:10px 0 8px 0;
    /* remove top spacing */
    padding-top: 1px;

    top: 0px;
    position: relative;
    height: 20px;
    /* margin-right: auto; */
    /* display: inline-block; */

    /*width: auto; */
    width: 100%;
}
.c3_c3filter_tab_base > span {
    font-size:14px;
    color:#8f8f8f;
    /*padding:0 10px 0 10px;*/
    position:relative;
    cursor:pointer;
    /* for small width filter */
    word-break: break-all;
    word-wrap: normal;
}
.c3_c3filter_tab_base > span:hover {
    color:#0154a6;
}
.c3_c3filter_tab_base span.c3_filter_tab_active {
    color:#0154a6;
}
.c3_c3filter_tab_base span.c3_filter_tab_active span.c3_c3filter_item_marker {
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 0 6px 6px 6px;
    border-color: transparent transparent #dae3e9 transparent;
    line-height: 0px;
    _border-color: #000000 #000000 #dae3e9 #000000;
    _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
    padding:0px;
    position: absolute;
    
    bottom: -10px;
    left: 39%;
}
.c3_c3filter_tab_base > span i.fa {
    margin-right: 6px;
}
/* -- end - filter - base classes */
/* custom filter - chat RHS column tabs */
.z1_tc_cont div.c3_c3filter_tab_base {
	width: 100%;
	/*height: 15px;*/
	margin-top: 4px;
	/*border-width: 0px;*/
	border-width: 1px;
	/*border-color: lightgray;*/
	border-color: #c4dbf2;
	padding-bottom: 0;
	height: auto;
	display: flex;
}
.z1_tc_cont .c3_c3filter_tab_base > span {
	color: #B6B6B6;
	/*padding: 0 6px 0 6px; */
	padding: 6px;
	/*border-bottom: 1px solid silver;*/
	/* border-left: 1px dotted darkgray; */
	/* border-right: 1px dotted darkgray; */
	margin-right: 15px;
	padding: 6px 45px 6px 6px;
	/*font-variant: small-caps;*/
	
	font-variant: normal;
	font-size: 14px;
	font-family: 'Open Sans', sans-serif!important;
}
.z1_tc_cont .c3_c3filter_tab_base span.c3_filter_tab_active {
    color:#0154a6;
	/* border-top: 1px solid; */
	/*border-color: darkgray;*/
	border-color: #c4dbf2;
	/* background-color: floralwhite; */
	/* border-bottom-color: transparent; */
	border-top-right-radius: 3px;
	border-top-left-radius: 3px;
	/*border-bottom: 1px solid;
	border-bottom-color: #dd4b39;*/
	border-bottom: 3px solid;
	border-bottom-color: #0055a9;
    margin-right: 15px;
	padding-right:45px;
}
.z1_tc_cont .c3_c3filter_tab_base span.c3_filter_tab_active span.c3_c3filter_item_marker {
    border-width: 0px;
	border-color: transparent transparent #dd4b39 transparent;
	bottom: 0px;
}
.c3_app_evt_item_time_disp {
	display: flex;
}




/*..........*/
.z1_input_box {
    background-color: #FFFFFF!important;
    border: 1px solid #b6c6e9;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555555!important;
    display: block;
    font-size: 13px;
    height: 14px;
    line-height: 1.42857;
    padding: 6px 9px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s!important;
    vertical-align: middle;
     
    width: 90%!important;
     -webkit-border-radius: 0px!important;
    -moz-border-radius: 0px!important;
    /* border-radius: 6px!important; */
  
    width: 100%!important;
}

.z1_art_list_search_inp {border:1px solid #dae3e9!important;width: 94%!important;}

.z1_input_box {
    transition: all 0.5s ease 0s;
}

/* Alert Dialog box */
.claro .dijitDialogPaneContentArea {
    margin: 0!important;
    padding: 10px!important;
    min-height:135px;
    overflow-y:auto;
    clear: both!important;
}

.dijitDialogPaneContentArea label {
    font-size: 14px;
    color: #666666;
    /*overflow-y: auto;*/
    width: 175px;
    float: left;
}
.claro .dijitDialogTitleBar {
    background-image: none!important;
    border-image: none!important;
    border-right: none!important;
    border-left:none!important;
    border-top:none!important;
    border-bottom: 1px solid #E5E5E5;
    padding: 10px 15px !important;
    background: #F1F1F1!important;
    min-height: 16.4286px;
}
.claro .dijitDialogTitle {
    color: #666666!important;
    font-size: 18px!important;
    font-weight: bold!important;
    padding: 0!important;
    font-weight: 300!important;

    color: black !important;
    font-weight: 600 !important;
}
.claro .dijitDialogPaneContent {
    border: none!important;
    margin: 0 15px!important;
}
.claro .dijitDialogPaneActionBar {
    background-color: #fff!important;
    padding: 3px 20px 20px 20px!important;
    margin:0px!important;
    border: none!important;
}
.claro .dijitDialogUnderlay {
	background: rgb(0 0 0 / 48%) !important;
	opacity: 0.9!important;
}

/* */
.z1_maincontainerposition {
	top: 39px;
	left: -3px;
}

.z1_topic_header_new {
	padding-left: 18px !important;
}

.z1_chat_articles_search_cont {
	margin: 2px 0 8px 0;
}
.z1_art_list_inner {
	padding: 0;
	margin: 0!important;
}

.claro .dijitBorderContainer {
	padding: 0 !important;
	margin: 0 !important;
}

.z1_input_search_icon {
	border: 0 none !important;
	background: transparent !important;
	color: #999 !important;
}

.z1_chat_box_misc {
	width: calc(100% - 25px);
	height: calc(100% - 15px);
	height:100%;
	overflow-y: auto;
}

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

.z1_chat_box_misc::-webkit-scrollbar
{
	width: 6px;
	background-color: #ddd;
}

.z1_chat_box_misc::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #ddd;
}

.z1_chat_context_r {
	clear: both;
	width: 100%;
	padding: 5px 3px;
	overflow: hidden;
	border-bottom: 1px solid #F4F4F4;
}

.z1_tc_white_box {
	background: #F7F7F7;
	padding: 8px;
	border-radius: 4px;
	/*border: 1px solid #f5f5f5;*/
	/* box-shadow: 1px 1px 2px 2px #eee; */
	margin: 9px 0;
	font-size: 13px;
	font-weight: 400;
	overflow:hidden;
}
.z1_tc_white_box .z1_tc_white_box_title {
	text-transform: uppercase;
	color: #666666;
	color: #1552A2;
	font-size: 13px;
	letter-spacing: 0px;
	padding-bottom: 2px;
}
.z1_tc_deviceinfo {
	padding: 5px 0;
}
.z1_tc_deviceinfo ul {
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	padding: 4px 0;
	margin: 0;
	/*border-bottom: 1px solid #f3f3f3;*/
}
.z1_tc_deviceinfo li {
	align-self: auto;
	list-style: none;
}
.z1_tc_white_box1 {
	background: #fff;
	padding: 10px;
	border-radius: 8px;
	border: 1px solid #e1e1e1;
	margin: 9px 0;
	font-size: 13px;
	font-weight: 400;
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	align-content: center;
	color: #7c7c7c;
}
.z1_tc_white_box1 .z1_chat_ctx_sec1 {
	text-align: center;
	padding: 0 15px;
	width: 30%;
}
.z1_tc_white_box1 .z1_chat_ctx_sec1 .z1_chat_ctx_chat_number {
	color: #74a7e4;
	font-size: 20px;
}
.z1_tc_white_box1 .z1_chat_ctx_sec1 .z1_chat_ctx_chat_number > span {
	font-size: 13px;
}

/* lhs */
.z1_agent_cont .dojoxExpandoContent {
	/* overwrite c3 */
	padding: initial;
}
.z1_tc_outer_cont_lhs {
	height: 100%;
	display: -webkit-flex;
	display: flex;

	-webkit-flex-flow: column nowrap;
	flex-flow: column nowrap;
}
.z1_tc_cont_lhs_r {
	-webkit-flex: 1;
	flex: 1;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: column nowrap;
	flex-flow: column nowrap;
}
.z1_tc_cont_lhs_r_2 {
	border-top: 1px solid #759DC0;
}
.z1_tc_cont_lhs {
	/* height: 100%; */
	/* width: 100%; */
	-webkit-flex: 1;
	flex: 1;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: column nowrap;
	flex-flow: column nowrap;
}
.z1_convr_topbar {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row nowrap;
	flex-flow: row nowrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	align-items: center;
	background-color: rgb(234, 240, 249);
	height: 25px;
	padding: 6px 0;
	border-bottom: 1px solid ghostwhite;
}
.z1_tc_cont_lhs_r_2 .z1_convr_topbar {
	-webkit-justify-content: center;
	justify-content: center;
}
.z1_convr_topbar_back {
	border: 1px solid transparent;
	border-radius: 15px;
	padding: 2px 6px 2px 6px;
	display: inline-flex;
	margin-left: 3px;
	color: #1552A2;
	font-size: 32px;
}
.z1_convr_topbar_back:hover {
	/* background-color: darkgray; */
	color: rgb(69, 128, 199);
	/* border-color: silver; */
}
.z1_convr_topbar_title {
	font-size: 16px;
	padding: 2px 6px;
	color: #1955A4;
	/* font-variant: small-caps; */
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row nowrap;
	flex-flow: row nowrap;
	align-items: center;
	text-transform: uppercase;
	font-weight: 300;
}
.z1_convr_topbar_title_badge {
	margin-left: 4px;
	/* background-color: rgb(203, 210, 218); */
	color: #2E88F0;
	padding: 2px 4px;
	/*border-radius: 19px;*/
	font-weight:300;
}
.z1_convr_topbar_title_txt {
}
.z1_lhs_tab_grp {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row nowrap;
	flex-flow: row nowrap;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	/*width: 100%;*/
	padding: 6px;
	cursor: pointer;
	border-bottom: 1px solid #ececec;
	/* border-bottom: 1px solid #FFFFFF; */
	background-color: rgb(234, 240, 249);
}
.z1_lhs_tab_grp:hover {
	background-color: gainsboro;
}
.z1_lhs_tab_grp_lbl {
	font-size: 16px;
	color: #7d858e;
	color: #1855A4;
	padding-left: 5px;
}
.z1_lhs_tab_grp_lbl .icon {
	color:#7d858e;
	font-size:20px;
	margin-right:5px;
}
.z1_lhs_tab_grp_lbl > i {
}
.z1_lhs_tab_grp_txt {
	margin-left: 12px;
	color: #8b96a4;
	color: #1552A2;
	font-size: 16px;
	text-transform: uppercase;
}
.z1_lhs_tab_grp_txt.z1_lhs_tab_grp_txt_count {
	margin-left: 8px;
}
.z1_lhs_tab_grp_txt_count .z1_lhs_tab_grp_txt_count_val {
	/*padding: 2px;*/
}
.z1_lhs_tab_grp_badge {
	color: #ffffff;
	background-color: #738292;
	padding: 1px 9px;
	border-radius: 6px;
	font-size: 12px;
	/* font-weight: 400; */
	width: 14px;
	text-align: center;
}
.z1_tc_cont_lhs .c3_filter_cont_body {
	/* flex: 1; */
}
.z1_tc_lhs_tabs {
	-webkit-flex: 1;
	flex: 1;
	display: -webkit-flex;
	display: flex;
}
.z1_tc_lhs_tabs_grp {
	/*height: 100%;*/
	/* position: absolute; */

	-webkit-flex: 1;
	flex: 1;
	position: relative;
}
.z1_tc_lhs_tabs_grp > div {
	height: 100%;
	width: -moz-available;
	width: -webkit-available;
	width: available;
	/* width: 100%; */
	position: absolute;
	left: 6px;
	right: 0;
}

.z1_tc_lhs_c {
	/*height: 100%;*/
	overflow-y: auto; /* mm */
	position: relative; /* mm */	
}
.z1_tc_cont_lhs_r_2 .z1_tc_lhs_c {
	flex: 1;
}
.z1_tc_lhs_c > div {
	/* mm height: 100%; */
	width: -moz-available;
	width: -webkit-available;
	width: available;
	/* width: 100%; */
	position: absolute;
	left: 6px;
	right: 0;
	top: 0; /* mm */
}
.z1_tc_cont_lhs_r_2 .z1_chat_box_unassigned {
	/* for padding: 0 15px; */
	/*left: 21px;*/
	/*right: 15px;*/
	overflow: hidden; /* mm */
}

.z1_tc_rhs_scrollbox {
/* height:calc(100% - 20px);
 overflow:scroll;
 width:100%;	*/
	}

.z1_tc_chat_profile_box {
	padding: 4px 10px;
	border-radius: 8px;
	margin: 9px 0;
	font-size: 13px;
	font-weight: 400;
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	align-content: center;
	color: #7c7c7c;
}


.z1_tc_chat_profile_box .z1_tc_profile_option {
	min-width: 30px;
}

.z1_tc_chat_profile_box>h1 {
	padding: 0;
	margin: 0;
	font-weight: 400;
	color: #0060a3;
	font-size: 23px;
	text-align: left;
}

.z1_tc_chat_profile_box .z1_tc_profile_member_since {
	color: #4172a0;
	font-size: 13px;
	text-align: right;
	align-self: center;
	margin-top: 10px 0 0 0;
}

.z1_tc_profileinfo ul {
	padding: 0;
	margin: 0;
	clear: both;
}

.z1_tc_profileinfo ul li {
	float: left;
	margin-right: 7px;
	background: #fbfbfb;
	margin-bottom: 7px;
	padding: 2px 6px;
	border: 1px solid #e1e1e1;
	list-style: none;
	font-size: 12px;
}

.z1_tc_profileId ul li {
	background-color: white;
    border: none;
    padding: 0px;
    font-size: 13px;
}

.z1_tc_profileId .z1_tc_profileId_value {
	font-weight: 600;
}

.z1_tc_profileId .z1_tc_profileId_divider {
	border-right: 1px solid;
	padding-right: 8px;
}

.z1_chat_p_info_deviceinfo_lbl, .z1_li_cProfileInfo {
	color: #0055a9;
}
.z1_tc_profileinfo li .icon {
	margin-right: 4px;
}

span.z1_chat_p_info_deviceinfo_v {
	margin-left: 4px;
	color: #666;
}
.z1_chat_p_info_deviceinfo_v > i {
	margin-right: 2px;
}
span.z1_chat_p_info_deviceinfo_v_txt {
	color: #666;
}

.z1_tc_deviceinfo1 {
	overflow: hidden;
	margin-bottom: 3px;
	/*padding:0 0 3px 0;
	border-bottom:1px dashed #e1e1e1;*/
}

.z1_tc_deviceinfo2 {
	overflow: hidden;
	margin-bottom: 3px;
	padding: 0 0 3px 0;
	border-bottom: 1px dashed #e1e1e1;
}

.z1_tc_activiteis_list ul {
	padding: 4px 0;
	margin: 4px 0 0 0;
	clear: both;
}

.z1_tc_activiteis_list li {
	/*float: left;*/
	margin-right: 15px;
	/* background:#fbfbfb;
	border:1px solid #e1e1e1; */
	margin-bottom: 7px;
	padding: 2px 6px;
	list-style: none;
	font-size: 13px;
	color: #666;
}

.z1_tc_activiteis_list li .active_icon {
	color: #74a7e4;
	font-size: 14px;
	margin-right: 4px;
}

.z1_tc_activiteis_list li .active_nofification {
	background: #fbfbfb;
	border: 1px solid #e1e1e1;
	padding: 1px 6px;
	border-radius: 8px;
	color: #777;
	font-size: 11px;
	margin-right: 4px;
	margin-left: 6px;
}

.z1_tc_white_box .z1_tc_white_box_title span {
	text-transform: none;
	color: #105cb2;
	font-size: 12px;
}

.z1_tc_white_box .z1_tc_white_box_title .right_text {
	text-transform: none;
	float: right;
}

.z1_tc_activities_chart_box {
	padding: 0;
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-around;
	align-content: center;
}

.z1_tc_activities_chart_box .chartbox {
	width: 45%;
	text-align: center;
}

.z1_tc_activities_chart_box .chart_title {
	font-size: 11px;
	padding: 4px 0 0 0;
	text-decoration: none;
	color: #61a1e0;
}
.z1_ctx_activities_chart_title {
	font-size: 12px;
	padding: 4px 0 0 0;
	text-decoration: none;
	color: #61a1e0;
	text-align: center;
}
.z1_pr_cProfileActivity {
	display: flex;
	flex-flow: column nowrap;
	margin-bottom: 4px;
}
.z1_ctx_agent_charts {
	display: flex;
	flex-flow: row;
}
.z1_ctx_activities_charts {
	display: flex;
	flex-flow: column;
}
.z1_tc_activiteis_chart {
	flex: 1;
	padding: 4px;
}
.z1_chat_p_info_activity_pr_wrp {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row nowrap;
	flex-flow: row nowrap;
	-webkit-align-items: center;
	align-items: center;
}
/* note: the definition
 does not work without 'progress.' prefix */
/* 'appearance' turn off default progress appearance */
progress.z1_chat_p_info_activity_pr {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: 100%;
}
progress.z1_chat_p_info_activity_pr {
	background-color: lavender;
	background: linear-gradient(to right, whitesmoke, lavender);
	height: 10px;
	border: none;
	box-shadow: 0px 1px 1px rgba(255,255,255,0.13);
	box-sizing: border-box;
	border-radius: 5px;
	overflow: hidden;
	/*padding: 1px;*/
}
progress.z1_chat_p_info_activity_pr::-moz-progress-bar {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	
	width: 100%;
	background-color: lightgreen;
	height: 10px;
	border: none;
	box-shadow: 0px 1px 1px rgba(255,255,255,0.13);
	box-sizing: border-box;
	border-radius: 5px;
	overflow: hidden;
	/*padding: 1px;*/
}
progress.z1_chat_p_info_activity_pr::-webkit-progress-bar {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	
	width: 100%;
	background-color: lavender;
	background: linear-gradient(to right, whitesmoke, lavender);
	height: 10px;
	border: none;
	box-shadow: 0px 1px 1px rgba(255,255,255,0.13);
	box-sizing: border-box;
	border-radius: 5px;
	overflow: hidden;
	/*padding: 1px;*/
}
progress.z1_chat_p_info_activity_pr::-webkit-progress-value {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	
	width: 100%;
	background-color: lightgreen;
	height: 8px;
	border: none;
	border-radius: 5px;
	overflow: hidden;
}
.z1_chat_p1_activity_bar_percent {
	width: 60px;
	text-align: center;
	color: #999;
	font-size: 90%;
}
.z1_chat_p_info_activity_lbl {
	color: #666;
}
.z1_chat_p_info_activity_lbl > i {
	margin-right: 4px;
	color: #ccc;
}
.z1_tc_activiteis_chart .z1_chat_p_info_activity_lbl {
	font-size: 12px;
}

.z1_tc_button_box {
	text-align: right;
}
.z1_tc_button {
	font-size: 13px;
	text-transform: inherit;
	padding: 3px 10px;
	border: 0px solid #000;
	color: #fff;
	cursor: pointer;
}
.z1_tc_button_orange {
	background: #fab42d;
	transition: all 0.3s ease 0s;
}
.z1_tc_button_orange:hover {
	background: #db9e27;
}
.z1_tc_button_blue {
	background: #74a7e4;
	transition: all 0.3s ease 0s;
}
.z1_tc_button_blue:hover {
	background: #2966ca;
}

.z1_chat_overlay_menubox {
	position: absolute;
	background: #fff;
	opacity: 0.7;
	z-index: 99;
	width: calc(100% - 10px);
	padding: 5px 0;
	text-align: right;
	right: 5px;
	left: 5px;
	padding-right: 10px;
}
.z1_chat_overlay_menubox select {
	padding: 0;
	font-size: 11px;
}
.z1_chat_nomsg_box {
	text-align: center;
	color: #5F9AD3;
}

.z1_startup_ul {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	height: 100%;
}

.z1_unassined_ul {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: column;
	flex-flow: column;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	height: 100%;
}

.claro div.z1_agent_cont .dijitSplitterV,
.claro div.z1_agent_cont .dijitGutterV {
	background-color:#ffffff;
}



/* ============== */
/* == LAST == */
/* keep it last item in this file */
.z1_hide, .c3_hide {
	display: none;
}