.qc_cropbtn {
	display: none;
	width: 500px;
	padding: 10px 0px 10px 0px; 
	background: orange;
	color:black;
	border: none; 
	margin-top: 25px;
	font-size:16px;
	text-align:center;
	border:none;
	margin-bottom:8px;
	cursor:pointer;
}
.qc_cropbtn:hover {
	display: none;
	width: 500px;
	padding: 10px 0px 10px 0px; 
	background: orange;
	color: white;
	border: none; 
	margin-top: 25px;
	font-size:16px;
	text-align:center;
}	
input[type="checkbox"].wppd-ui-toggle {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;

	-webkit-tap-highlight-color: transparent;

	width: auto;
	height: auto;
	vertical-align: middle;
	position: relative;
	border: 0;
	outline: 0;
	cursor: pointer;
	margin: 0 4px;
	background: none;
	box-shadow: none;
}
input[type="checkbox"].wppd-ui-toggle:focus {
	box-shadow: none;
}
input[type="checkbox"].wppd-ui-toggle:after {
	content: '';
	font-size: 8px;
	font-weight: 400;
	line-height: 18px;
	text-indent: -14px;
	color: #ffffff;
	width: 36px;
	height: 18px;
	display: inline-block;
	background-color: #a7aaad;
	border-radius: 72px;
	box-shadow: 0 0 12px rgb(0 0 0 / 15%) inset;
}
input[type="checkbox"].wppd-ui-toggle:before {
	content: '';
	width: 14px;
	height: 14px;
	display: block;
	position: absolute;
	top: 2px;
	left: 2px;
	margin: 0;
	border-radius: 50%;
	background-color: #ffffff;
}
input[type="checkbox"].wppd-ui-toggle:checked:before {
	left: 20px;
	margin: 0;
	background-color: #ffffff;
}
	input[type="checkbox"].wppd-ui-toggle,
	input[type="checkbox"].wppd-ui-toggle:before,
	input[type="checkbox"].wppd-ui-toggle:after,
	input[type="checkbox"].wppd-ui-toggle:checked:before,
	input[type="checkbox"].wppd-ui-toggle:checked:after {
			transition: ease .15s;
	}
input[type="checkbox"].wppd-ui-toggle:checked:after {
	content: 'ON';
	background-color: #2271b1;
}
* {
	margin: 0px;
	padding: 0px;
}

body {
	background-color: #fff;
	font-family: 'Roboto', sans-serif;
}

/* width */
::-webkit-scrollbar {
		width: 3px;
}

/* Track */
::-webkit-scrollbar-track {
		background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
		background: #0dc152;
}

.qc_main-wrap {
	position: fixed;
	bottom: 130px;
	width: 310px;
	height: fit-content;
	z-index: 99999;
}

.qc_content-main {
	line-height: 21px;
	transform: translate(0px, 50px);
	box-shadow: 0px 10px 10px 4px rgb(0 0 0 / 22%);
	border-radius: 7px;

}

.qc_chat-header-wrap {
	padding: 15px 10px 13px 10px;
	background-color: #0dc152;
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
	box-shadow: 0px 0px 15px 0px #ccc;
	text-align: center;
}

.qc_chat-header-wrap p {
	color: #fff;
	font-size: 15px;
	font-weight: 400;
	margin:0px;
	line-height: 18px;
}

.chat-qc_content-main {
	padding: 8px;
	padding-bottom: 5px;
	height: auto;
	overflow: auto;
	background-color: #fff;
	border-radius: 4px;
}

.chat-qc_content-main .qc_common-person-list {
	text-decoration: none;
	display: flex;
	align-items: center;
	padding: 5px;
	border-radius: 6px;
	margin-bottom: 6px;
	transition: all 100ms ease-in-out;
	border-left: 2px solid transparent;
	background-color: #f5f5f5de;
	position:relative;
	overflow-y: hidden;
	bottom:-20px; 
}

.chat-qc_content-main .qc_common-person-list:hover {
	background-color: #fff;
	/* box-shadow: 2px 0px 10px 1px #ccccccab; */
	/* border: 0px; */
	border-left: 2px solid #0dc152;
	/* border-radius: 6px; */
	/* margin-left: 3px; */
}

.qc_common-person-list .main-content {
	display: flex;
	align-items: center;
	background-color: transparent!important;
}

.qc_common-person-list .main-content .profile-wrap {
	display: flex;
	align-items: center;
	position: relative;
}

.qc_common-person-list .main-content .profile-wrap img {
	width: 50px;
	height: 50px;
	border-radius: 48%;
	margin-right: 7px;
	/* background-color: #f3da74; */
	background-color: #fff;
	padding: 3px 2px;
	padding-bottom: 0px;
}

.qc_common-person-list .main-content .profile-wrap span {
	position: absolute;
	width: 10px;
	height: 10px;
	right: 3px;
	bottom: 7px;
	background-color: #0dc152;
	border-radius: 50%;
	border:1px solid #fff;
}

.qc_common-person-list .main-content .content-wrap h5 {
	line-height: 17px;
	color: #444444e3;
	font-weight: 600;
	font-size: 15px;
	margin:0px;
}

.qc_common-person-list .main-content .content-wrap h4 {
	line-height: 17px;
	font-weight: 500;
	color: #777;
	font-size: 0.7rem;
	margin: 0px;
	margin-top: 4px;
	text-transform: capitalize;
}

.qc_common-person-list .main-content .content-wrap p {
		font-size: 12px;
		font-weight: 400;
		color: #999;
		margin: 1px;
		line-height: 18px;
}

.qc_chat-btn-wrap {
		bottom: 20px;
		position: absolute;
		right: 50px;
		z-index: 998;
		display: flex;
		align-items: center;
}

.qc_chat-btn-wrap button {
	border: 0px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	border-radius: 50px;
	color: #fff;
	box-shadow: 0 0 4px rgb(0 0 0 / 14%), 0 4px 8px rgb(0 0 0 / 28%);
	cursor: pointer;
	transition: all .1s ease-out;
	z-index: 998;
	background-color: #0dc152;
	padding: 10px 20px;
	font-size: 16px;
	font-weight: 500;
	line-height: 10px;
}

.qc_chat-btn-wrap button img {
	width: 20px;
	height: 20px;
	margin-right: 6px;
}

.qc_chat-btn-wrap button p {
	color: #fff;
}

.qc_close_btn {
	float: right;
}

.qc_close_btn button {
	background-color: #0dc152;
	width: 30px;
	height: 30px;
	border: 0px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	padding: 0px;
}

.qc_close_btn button img {
    max-height: 29px !important;
    max-width: 50px !important;

}
#btn-bg-color{
	padding: 0px;
	margin: 0px;
	border: 0px;
	width: 45px;
	height: 32px; 
}
#btn-txt-color{
	padding: 0px;
	margin: 0px;
	border: 0px;
	width: 45px;
	height: 32px;
}
#btn-txt-set{
	margin-top: 12px;
	padding: 8px 10px;
	border: 1px solid #ccc;
	border-radius: 3px;
	width: 90%;
}
#btn-radius{
	-webkit-appearance: none;
	width: 100%;
	height: 25px;
	background: #d3d3d3;
	outline: none;
	opacity: 0.7;
	-webkit-transition: .2s;
	transition: opacity .2s;
}
#qc_btn-html{
	display:block;
	margin-top: 12px;
	padding: 8px 10px;
	border: 1px solid #ccc;
	border-radius: 3px;
	width: 220%;
}
#btn-margin-bottom{
	margin-top: 12px;
	padding: 8px 10px;
	border: 1px solid #ccc;
	border-radius:3px;
	width: 90%;
}
#wa-qc_btn-margin-left{
	margin-top: 10px;
}
#wa-qc_btn-margin-right{
	margin-top: 10px;
}
#qc_btn-margin-right{
	margin-top: 12px;
	padding: 8px 10px;
	border: 1px solid #ccc;
	border-radius: 3px;
	width: 90%;
}
#widget-brand-name{
	margin-top: 12px;
	padding: 8px 10px;
	border: 1px solid #ccc;
	border-radius: 3px;
	width: 90%;
}
#qc_widget-img-url{
	margin-top: 12px;
	padding: 8px 10px;
	border: 1px solid #ccc;
	border-radius: 3px;
	width: 90%;
}
#qc_widget-bg-color{
	padding: 0px;
	margin: 0px;
	border: 0px;
	width: 45px;
	height: 32px;
}
#qc_widget-text-color{
	padding: 0px;
	margin: 0px;
	border: 0px;
	width: 45px;
	height: 32px;
}
#widget-brand-subtitle{
	margin-top: 12px;
	padding: 8px 10px;
	border: 1px solid #ccc;
	border-radius: 3px;
	width: 90%;
}
#qc_welcome-message{
	margin-top: 12px;
	padding: 8px 10px;
	border: 1px solid #ccc;
	border-radius: 3px;
	width: 90%;
}
#qc_mywhatsappChatbutton{
	 background-color: #fff;
	 font-family: Roboto, sans-serif;
}
#qc_mybtn{
	font-family:Arial,sans-serif;
	z-index:99999;
	display: flex;
	align-items: center;
}
#qc_wabtnHover{
	margin:0px 6px 15px 0px;
	opacity:1;
	color: #000;
	height: 0px;
	font-size: 14px;
	font-weight: 500;
}
#qc_agentsSortable{
	width:100%;
	padding-left: 0px;
	font-size: 0.95rem;
}
#agentfullname{
	width:100%;
}
#agentdepartment{
	width:100%;
}
#agentMobile{
	width:100%;
}
#qc_agentavatar{
	width:100%;
}


#tdchksunday,#tdqc_edit_chksunday{
	background:green;
	color:white;
	padding:5px 5px 5px 5px;
}
#tdchkthursday,#tdqc_edit_chkthursday{
	background:green;
	color:white;
	padding:5px 5px 5px 5px;
}
#tdchkmonday,#tdqc_edit_chkmonday{
	background:green;
	color:white;
	padding:5px 5px 5px 5px;
}
#tdchkfriday,#tdqc_edit_chkfriday{
	background:green;
	color:white;
	padding:5px 5px 5px 5px;
}
#tdchktuesday,#tdqc_edit_chktuesday{
	background:green;
	color:white;
	padding:5px 5px 5px 5px;
}
#tdchksaturday,#tdqc_edit_chksaturday{
	background:green;
	color:white;
	padding:5px 5px 5px 5px;
}
#tdchkwednesday,#tdqc_edit_chkwednesday{
	background:green;
	color:white;
	padding:5px 5px 5px 5px;
}





#qc_btn-margin-left{
	 margin-top: 12px;
	 padding: 8px 10px;
	 border: 1px solid #ccc;
	 border-radius: 3px;
	 width: 90%;
}
.qc_skin_main{
	padding:25px;
}
.qc_skin_position{
	position: relative;
	background-color: #fff;
	border-radius: 4px;
	padding: 25px 45px;
	display: flow-root;
	margin-bottom: 20px;
}
.qc_skin_btn_setting{
	font-weight: normal;
	font-size: 20px;
	margin: 0px;
	margin-bottom: 25px;
}
.qc_skin_div{
	width: 30%;
	margin-right: 6rem;
	float: left;
}
.qc_skin_bg_main{
	display:flex;
	justify-content: space-between;
	align-items: center;
}
.qc_skin_bg_color{
	margin: 0px;
	color: #5F5F5F;
	font-size: 16px;
	font-weight: normal;
	margin-bottom: 15px;
}
.qc_skin_color_picker{
	display: flex;
	align-items: center;
	border: 1px solid #ccc;
	border-radius: 6px;
}
.qc_skin_color_label{
	color: #5F5F5F;
	font-weight: normal;
	font-size: 14px;
	background: #f1f1f1;
	padding: 8px;
}
.qc_skin_text_color{
	display: flex;
	align-items: center;
	border: 1px solid #ccc;
	border-radius: 6px;
}
.qc_skin_text_main{
	margin: 0px;
	color: #5F5F5F;
	font-size: 16px;
	font-weight: normal;
	margin-bottom: 15px;
}
.qc_skin_text_color_label{
	color: #5F5F5F;
	font-weight: normal;
	font-size: 14px;
	background: #f1f1f1;
	padding: 8px;
}
.qc_skin_pos_main{
	margin-top: 10px;
}
.qc_skin_btn_text{
	color: #5F5F5F;
	font-size: 16px;
	font-weight: normal;
}
.qc_skin_pos_div{
	 margin-top: 10px;
}
.qc_skin_pos_h{
	 color: #5F5F5F;
	 font-size: 16px;
	 font-weight: normal;
	 margin: 0px;
	 margin-bottom: 15px;
}
.qc_skin_btn_left{
	 display: inline; 
	 margin-right: 16px;
}
.qc_skin_btn_left_label{
	 color: #5F5F5F;
	 font-size: 16px;
	 font-weight: normal;
}
.qc_skin_btn_right{
	  display: inline;
}
.qc_skin_btn_right_label{
	  color: #5F5F5F;
		font-size: 16px;
		font-weight: normal; 
}
.qc_skin_round_main{
	   margin-top: 10px; 
}
.qc_skin_round_corner{
	  color: #5F5F5F;
		font-size: 16px;
		font-weight: normal;
}
.qc_skin_round_div{
	  display: flex;
		align-items: center;
		justify-content: space-between;
}
.qc_skin_round_start{
	 color: #000;
	 font-size: 15px;
	 margin: 0px;
	 font-weight: 300;
}
.qc_skin_round_end{
	 color: #000;
	 font-size: 15px;
	 margin: 0px;
	 font-weight: 300;
}
.qc_skin_bottom_btn{
	 margin-top: 10px;
	 display:none;
}
.qc_skin_margin_main{
	 width: 30%;float: left;
}
.qc_skin_margin_labl{
	 color: #5F5F5F;
	 font-size: 16px;
	 font-weight: normal;
}
.qc_skin_margin_left_lbl{
	 color: #5F5F5F;
	 font-size: 16px;
	 font-weight: normal;
}
.qc_skin_margin_right_lbl{
	 color: #5F5F5F;
	 font-size: 16px;
	 font-weight: normal;
}
.qc_skin_widget_main{
	width: 70%;
	float: left;
	margin-top:50px;
}
.qc_skin_widget_setting{
	font-weight: normal;
	font-size: 20px;
	margin: 0px;
	margin-bottom: 25px;
}
.qc_skin_brand_name{
	color: #5F5F5F;
	font-size: 16px;
	font-weight: normal;
}
.qc_skin_widget_div{
	margin-top: 10px;
}
.qc_skin_widget_div_main{
	 width: 45%; 
	 float: left;
	 margin-right: 5rem;
}
.qc_skin_widget_img_url{
	 color: #5F5F5F;
	 font-size: 16px;
	 font-weight: normal;
}
.qc_skin_widget_clr_div{
	 display:flex;
	 justify-content: space-between;
	 align-items: center;
	 margin-top: 10px;
}
.qc_skin_widget_bg_clr{
	 margin: 0px;
	 color: #5F5F5F;
	 font-size: 16px;
	 font-weight: normal;
	 margin-bottom: 15px;
}
.qc_skin_widget_bg_div{
	 display: flex;
	 align-items: center;
	 border: 1px solid #ccc;
	 border-radius: 6px;
}
.qc_skin_widget_bg_lbl{
	color: #5F5F5F;
	font-weight: normal;
	font-size: 14px;
	background: #f1f1f1;
	padding: 8px;
}
.qc_skin_widget_txt_clr{
	margin: 0px;
	color: #5F5F5F;
	font-size: 16px;
	font-weight: normal;
	margin-bottom: 15px;
}
.qc_skin_widget_txt_div{
	display: flex;
	align-items: center;
	border: 1px solid #ccc;
	border-radius: 6px;
}
.qc_skin_widget_txt_lbl{
	color: #5F5F5F;
	font-weight: normal;
	font-size: 14px;
	background: #f1f1f1;
	padding: 8px;
}
.qc_skin_widget_btn{
	margin:80px 10px 0px 0px;
}
.qc_skin_widget_save{
	margin:30px 10px 0px 0px !important;
	padding:5px 15px !important;
	font-size:medium !important;	
}
.qc_add_new_agent_save{
	margin:20px 10px 0px 0px !important;
	padding:5px 15px !important;
	font-size:medium !important;	
}
.qc_skin_widget_reset{
	margin:80px 10px 0px 0px; 
}
.qc_skin_sub_title_main{
	 width: 42%; float: left;
}
.qc_skin_sub_title{
	 color: #5F5F5F;
	 font-size: 16px;
	 font-weight: normal;
}
.qc_skin_sub_title_div{
	  margin-top: 10px;
}
.qc_skin_sub_title_label{
	  color: #5F5F5F;
		font-size: 16px;
		font-weight: normal;
}
.qc_skin_sub_title_label{
	  margin-top: 10px;
}
.qc_support_agent_div{
	 display:flex;align-items: center;width:100%; margin-bottom: 10px;
}
.qc_support_agent_div span{
	 padding: 8px;
	 background-color: #000;
	 color: #fff;
	 margin-right: 2px;
}
.qc_support_agent_div span:nth-child(1){
	width:8px;
}.qc_support_agent_div span:nth-child(2){
	width: 11%;
}.qc_support_agent_div span:nth-child(3){
	width:11%;
}.qc_support_agent_div span:nth-child(4){
	width:14%;
}.qc_support_agent_div span:nth-child(5){
	width:11%;
}.qc_support_agent_div span:nth-child(6){
	width:11%;
}.qc_support_agent_div span:nth-child(7){
	width:35%;
}.qc_support_agent_div span:nth-child(8){
	width:11%;
}.qc_support_agent_div span:nth-child(9){
	width:11%;
}.qc_support_agent_div span:nth-child(10){
	width:11%;
}
.qc_agent_sortable li{
	display:flex;align-items: center;width:100%;background:white;
}

.qc_agent_sortable li span{
	padding: 8px;color: #000;margin-right: 2px;font-family:sans-serif !important;font-size:13px !important;
}

.qc_agent_sortable li span img{
	height:50px;width:50px;border:1px solid white;border-radius:50px;
}

.qc_agent_sortable li span:nth-child(1){
	cursor:move;width: 8px;
}.qc_agent_sortable li span:nth-child(2){
	width: 11%;
}.qc_agent_sortable li span:nth-child(3){
	width:11%;
}.qc_agent_sortable li span:nth-child(4){
	width:14%;
}.qc_agent_sortable li span:nth-child(5){
	width:11%;
}.qc_agent_sortable li span:nth-child(6){
	width:11%;
}.qc_agent_sortable li span:nth-child(7){
	width:35%;
}.qc_agent_sortable li span:nth-child(8){
	width:11%;
}.qc_agent_sortable li span:nth-child(9){
	width:11%;
}.qc_agent_sortable li span:nth-child(10){
	width:11%;
}

#separatorListingForm {
	height:100px;
}


#add-new-agent{
	display:none;
}


#TB_ajaxContent table tr {
	width:300px;
}

#TB_ajaxContent table tr td table tr {
	display:flex;flex-direction:column;margin-top:15px;
}

#TB_ajaxContent table tr td table tr td {
	margin-bottom:10px;display:flex;align-items: center;
}
#TB_ajaxContent table tr td table tr td label{
	width:200px;
}
#TB_ajaxContent table tr td table tr td input{
	width:100%;
}

#TB_ajaxContent table h4 {
	margin: 6px 3px 0px;
}

.agent_schedule_style td{
	padding-left:4px;
}
.qc_agent_schedule_column {
	width:300px;
}
.qc_agent_schedule_column td table tr{
	display:flex;
	flex-direction:row!important;
	align-items:center;
	width: 65%!important;
}


.qc_agent_schedule_column td table tr {
  width:100%;
  float:left;
  /* border:1px solid red; */
}

.qc_agent_schedule_column td table tr td:nth-child(1){
	
}.qc_agent_schedule_column td table tr td:nth-child(2){
	width: 68px;
}.qc_agent_schedule_column td table tr td:nth-child(3){
	
}.qc_agent_schedule_column td table tr td:nth-child(4){
	width:110px;
}.qc_agent_schedule_column td table tr td:nth-child(5){
    
}.qc_agent_schedule_column td table tr td:nth-child(6){
	width: 68px;
}.qc_agent_schedule_column td table tr td:nth-child(7){	

}	


.qc_agent_avtar_style tr td {
	margin-top:10px;margin-bottom:10px;display:flex;align-items: center;
}
.qc_agent_avtar_style tr td label {
	 width:200px;	
}