@CHARSET "UTF-8";

@import url("common.css?1");
/* <====== REMOVE THIS IN PRODUCTION, MERGE TO CDN */
.ion_base.login_wall {
	background: url('/media/images/airport-bg.jpeg');
}

.a_top.box {
	margin-bottom: 50px;
}
.area:not(.q_one) .block.tostring_DATE { /* for lists */
  font-size: 12px;
  color: gray;
  margin-top: 2px;
}
.center_header {
	text-align: center;
	font-size: 25px;
	margin-bottom: 20px;
}

textarea.faded {
	border-color: white;
}




.box.io .area:not(.q_one) .item{
  min-height: 30px;
}
.area:not(.q_one) .item{
  border: 1px solid #e3e3e3;
  border-radius: 3px;
  margin-bottom: 2px;
}
.area:not(.q_one) .item:hover{
  background: aliceblue;
}

.ion_base .nodrag.search{
	width:100%;
}

.icon_campaign_0 {
  color: silver;
}
.icon_campaign_1 {
  color: green;
}






/* Imports */
.import_item.box {
	float: left;
	border: 1px solid silver;
	margin: 2px 0;
	padding: 0px 3px;
	font-size: 12px;
	width: 100%;
}

.import_item span {
	float: left;
	clear: both;
	width: 100%;
}

.import_item .item_name {
	text-decoration: underline;
	width: auto;
	clear: none;
}

.import_item .item_raw {
	font-size: 8px;
	color: gray;
	text-align: right;
}

.import_actions.box {
	position: fixed;
	right: 100px;
	background: azure;
	border: 1px solid silver;
	padding: 5px 10px;
	border-radius: 5px;
}

/* segment tagger */
.tag_pers.box {
	float: left;
	overflow: hidden;
	width: 90%;
}

.tagger_toggle {
	float: right;
	font-size: 12px;
	color: silver;
	cursor: pointer;
}

.tag_pers {
	display: none;
}

.pers_seg {
	display: none;
}

.pers_seg.selector {
	display: block;
}

.seg_buttons.box.all_ .tag_pers.star {
	display: block;
}

.seg_buttons.box.all_ .pers_seg.star {
	display: block;
}

.seg_buttons.show_all .tag_pers, .seg_buttons.show_all .pers_seg {
	display: block;
}

.seg_buttons.all_1 .tag_pers.tagged {
	display: block;
}

.seg_buttons.all_1 .tag_pers.tagged .pers_seg.selected {
	display: block;
}

.seg_btn.add .icon {
	opacity: 0.2;
}

.pers_seg:hover .seg_btn .icon {
	opacity: 1;
}

.pers_seg.selected .seg_btn.add {
	display: none;
}

.pers_seg:not(.selected) .seg_btn.delete {
	display: none;
}

.pers_name {
	color: gray;
	width: 80px;
	float: left;
	margin: 1px 10px;
	text-transform: uppercase;
	font-size: 12px;
	margin: 1px 10px;
}

.pers_segs {
	float: left;
	width: 80%;
}

.show_all .tag_pers {
	padding: 5px 0;
	border: 1px solid silver;
	margin: 5px 0;
}

.show_all .tag_pers:hover {
	background: white;
}

.show_all .tag_pers .pers_seg:hover {
	background: aliceblue;
}

.pers_seg {
	border: 1px solid silver;
	border-radius: 5px;
	float: left;
	padding: 0px 7px;
	font-size: 13px;
	margin: 1px 2px;
	cursor: pointer;
	height: 20px;
	overflow: hidden;
}

.small_info {
	font-size: 10px;
	color: silver;
}

.pers_seg.selected.box {
	border-color: green;
	background: lightgreen;
}

.import_item .item_addr {
	float: right;
	width: auto;
	clear: none;
}

/* shorts */
.status_count {
	float: right;
}

.seg_count {
	float: right;
}

.contact_short .con_type {
	text-transform: uppercase;
	font-size: 12px;
	padding: 4px 10px;
	float: left;
}

.con_count {
	float: right;
}

.contact_short .con_handle {
	float: right;
	width: 70%;
}

.contact_input.form-control {
	border: 0;
}

.contact_short .con_info {
	font-size: 12px;
	font-style: italic;
}

.lead_status {
	font-size: 14px;
	padding: 0 1px;
	float: left;
	margin: 2px;
	max-width: 20%;
}
.area.top .status_short .icon {
  font-size: 18px;
}
.lead_status.status_new .icon {
	color: lime;
}
.lead_status.status_talking .icon {
	color: green;
}
.lead_status.status_client .icon {
	color: green;
}
.lead_status.status_refused .icon {
	color: darkred;
}
.lead_status.status_retry .icon {
	color: orange;
}
.lead_status.status_retired .icon {
	color: gray;
}
.lead_status.status_vanished .icon {
	color: gray;
}

.lead_short .lead_link.anchor {
  width: 75%;
  overflow: hidden;
  float: left;
  height: 20px;
}


.lead_showcontacts.box.act {
	color: greenyellow;
}

/* scripts */
.msg_text .text_editor {
	font-style: italic;
	width: 100%;
}

.sc_counts {
	float: right;
}

.sc_short .icon.contype {
	margin-right: 10px;
}

.icon.contype {
	color: blueviolet;
}

/* interactions */
.inter_date {
	width: 100px;
	float: left;
	text-align: center;
}

.inter_label {
	float: left;
}

.icon.inter {
	font-size: 14px;
	margin: 0 10px;
	float: right;
}

.icon_inter_go {
	color: green;
}

.icon_inter_info {
	color: gray;
}

.inter_length {
	float: right;
	color: silver;
}

.item.running {
  background: cornsilk;
}
.inter_top .item.running {
  background: none;
}

.inter_action {
	float: left;
	border: 1px solid blueviolet;
	padding: 0 5px;
	margin: 0 5px;
	border-radius: 5px;
	background: azure;
}

.inter_action .icon {
	float: right;
	font-size: 12px;
	margin-top: 4px;
	margin: 5px 0 0 5px;
}

.inter_action {
	text-align: center;
}

.lead_interaction .modal_content.box {
	width: 80%;
}

.inter_main_view, .inter_contacts_list, .inter_sec_list {
	float: left;
	margin-bottom: 20px;
}
.io.inter_foot_view {
  float: left;
	margin-bottom: 20px;

}
.inter_comment {
	font-size: 10px;
	color: gray;
}

.section_short {
	color: silver;
	text-transform: uppercase;
	font-size: 12px;
}

.io.inter_bysection_list textarea {
	border-radius: 10px;
	border:1px solid silver;
}

.msg_button {
	color: green;
	border: 1px solid silver;
	padding: 0 5px;
	border-radius: 2px;
	margin: 0 10px;
}

.msg_buttons {
	text-align: center;
	width: 100%;
}

.inbox_btns {
	float: left;
	padding: 3px;
}

.status_btns {
	float: left;
	background: azure;
	border-radius: 3px;
	padding: 3px;
	clear:both;
}

.message_short.box {
	float: left;
}

.inter_bysection_list .item.skipped * {
	text-decoration: line-through;
	color: silver;
}

.inter_bysection_list .item.finished textarea {
	background: cornsilk;
	border: 1px solid burlywood;
}
.inter_bysection_list .item.started .mymsg textarea {
	background: cornsilk;
	border: 1px solid burlywood;
}

.inter_bysection_list .item.finished .icon.del {
  opacity: 0.1;
}
.io.inter_sec_list .item {
	border: 0;
}

.io.inter_sec_list .item:hover {
	background: white;
}

.io.inter_sec_list .item {
	border: 0;
}

.io.inter_sec_list .act:hover {
	background: white;
}

.io.inters_active_list {
  width: 40%;
  border: 1px solid red;
  border-radius: 3px;
  margin: 5px;
  position: fixed;
  background: aqua;
  left: 30%;
  top: 40px;
  overflow:hidden;
}

.io.inters_active_list.io_empty {
	display: none;
}


.chstatus_comment.form-control {
  float: left;
  width: 200px;
  font-size: 12px;
  margin: 1px 10px;
}

.chstatus_select.select {
  float: left;
}

.lead_chstatus.box {
  float: left;
  margin-bottom: 20px;
}

.inter_change {
  font-size: 10px;
  margin: 4px 3px;
  border: 1px solid green;
  padding: 0 3px;
  border-radius: 3px;
  
}
.change_bylead_list .block.date {
  text-align: center;
  font-size: 12px;
  color: gray;
  padding-top: 3px;
}


.chstatus_new{
	background:white;
	color:green;
}
.chstatus_talking{
	background: aquamarine;
	color:green;
}
.chstatus_refused{
	background: darkred;
	color:white
}
.chstatus_client{
	background:green;
	color:white;
}
.chstatus_retired{
	background:gray;
	color:white;
}
.chstatus_later{
	background:gray;
	color:white;
}
.chstatus_vanished{
	background:silver;
}


.inbox_type {
  border: 1px solid;
  width: 60px;
  float: left;
  font-size: 10px;
  padding: 5px 0;
  margin-right: 5px;
  overflow: hidden;
  text-align: center;

}

.inbox_type.inbox_CR {
  color: blue;
}

.inbox_type.inbox_ORDER {
  color: darkblue;
}

.inbox_type.inbox_INFO {
  color: #0dcaf0;
}

.inbox_type.inbox_REFUSE {
  color: red;
}

.inbox_type.inbox_REFERRAL {
  color: green;
}

.inbox_type.inbox_RESCHEDULE {
  color: gray;
}
.inbox_type.inbox_BUG {
  color: orangered;
}
.item.checked_archived {
  text-decoration: line-through;
  opacity: 0.2;
}
.item.checked_archived:hover {
  opacity: 0.8;
}
.inbox_content {
  font-size: 10px;
}
.inter_campaign {
  text-transform: uppercase;
  color: blueviolet;
  font-size: 12px;
  margin: 1px;
}
.campaign_launch {
  float: left;
  border: 1px solid green;
  padding: 0 5px;
  border-radius: 5px;
  background: greenyellow;
}
.campaign_count{
	float:right;
}
/* `xs` returns only a ruleset and no media query */

/* `sm` applies to x-small devices (portrait phones, less than 576px) */
@media ( max-width : 575.98px) {
}

/* `md` applies to small devices (landscape phones, less than 768px) */
@media ( max-width : 767.98px) {
}

/* `lg` applies to medium devices (tablets, less than 992px) */
@media ( max-width : 991.98px) {
}

/* `xl` applies to large devices (desktops, less than 1200px) */
@media ( max-width : 1199.98px) {
}

/*  `xxl` applies to x-large devices (large desktops, less than 1400px) */
@media ( max-width : 1399.98px) {
}