/* Common CSS for templates */
.wcl-clearfix {
    clear: both;
}

.wcl-shadow {
    box-shadow: 0 0 50px rgba(0, 0, 0, 0.1);
}

.wcl-popup-container * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.wcl-popup-container {
    width: auto;
    position: fixed;
    z-index: 9999999;
}
a.wcl-product-query-btn {
    display: inline-flex;
    width: auto;
    align-items: center;
    justify-content: center;
    padding: 5px 8px;
    border-radius: 3px;
    position: relative;
    text-decoration: none !important;
    margin: 5px 0;
}

i.wcl-popup__open-icon {
    padding: 0px 10px;
}

.agent-list-box {
  display: none;
  background: #efefef; 
  width:350px;
  max-width: 85vw;
  max-height:100vh;
  border-radius:5px; 
}
.agent-box-toggle {
  float:right;
  margin-right:15px;
  cursor:pointer;
}
.agent-box-header {
  height:70px;
  border-top-left-radius:5px;
  border-top-right-radius:5px;
  text-align:center;
  font-size:20px;
  padding-top:17px;
}
.agent-box-header a.wcl-product-query-btn {
    padding: 0px;
    margin: 0px;
}
.agent-box-body {
  position: relative;  
  height:370px;  
  height:auto;
  border:1px solid #ccc;  
  overflow: hidden;
}
.agent-logs {
  padding:0px 15px; 
  min-height:200px;
  max-height:250px;
  overflow-y:scroll;
}

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

.agent-logs::-webkit-scrollbar
{
    width: 5px;  
    background-color: #F0F0F0;
}

.agent-logs::-webkit-scrollbar-thumb
{
    background-color: #2F4F4F;
}



@media only screen and (max-width: 500px) {
   .agent-logs {
        height:40vh;
    }
}

.agent_list{
    list-style: none;
    list-style: none;
    padding: 0;
    margin: 0;
}
.agent_list li{
    font-size: 16px;
    border-bottom: 1px solid #d4c3c3;
    padding: 5px;
    height: 55px;
    line-height: 45px;
    display: inline-block;
    width: 100%;
}

.agent_list li:last-child {
   border-bottom: 0;
}


.agent_list li.transfer_visitor a{
    font-weight: normal;
}
.agent_list li a{
    font-weight: bold;
    transition: all 1s;
    color: #000;
    text-decoration: none;
}
.agent_list li:hover{
    background: #EEE;
}
.wcl-shortcode-btn {
	padding: 8px 15px;
	margin: 2px;
	border-radius: 3px;
	text-align: center; 
	display: inline-block;
	text-decoration: none;
}
.wcl-shortcode-btn.unformat-style {
	display: inline-block !important;
    width: auto !important;
    background-color: inherit !important;
    color: inherit !important;
    font-weight: inherit !important;
	padding: 0;
	margin: 0;
}
.wcl-shortcode-btn svg {
	display: inline;
	width: 16px;
	height: 16px;
	position: relative;
    top: 2px;
    margin-right: 5px;
}
.wcl-shortcode-btn.wcl-mobile {
	display: none;
}

@media only screen and (max-width: 991px) {
	.wcl-shortcode-btn.wcl-mobile {
		display: inline-block;
	}
	.wcl-shortcode-btn.wcl-desktop {
		display: none;
	}
}