body{
	padding:0;
	margin:0;
	font-size:12px;
	font-family:Arial;
}
.header{
	display:block;
	position:fixed;
	width:100%;
	clear:both;
	background:#f6f6f6;
	font-family:Arial;
	font-size:12px;
	color:rgb(45,35,0);
	border-bottom:1px solid #c2c2c2;
	margin:0;
	padding:5px;
}
.header-stub{
	display:block;
	width:100%;
	clear:both;
	height:33px;
}
.header .button{
	padding:2px !important;
	margin:2px !important;
}
.header div{
	float:left;
	margin-right:5px;	
}
.header .right{
	float:right !important;
}

.modules-container{
	float:left;
	width:25%;
	font-family:Arial;
}
.prototypes{
	display:none;
}
.module{
	padding:10px;
	margin:3px;
	box-shadow:0 2px 2px 0 rgb(127,127,127);
	border-radius:4px;
	background-color:#f6f6f6;
	overflow:hidden;
}
.module .title{
	text-align:center;
	font-weight:bold;
/*	cursor:move;	*/
	clear:both;
}
.module .interface{
	display:none;
	padding:5px;
	float:left;
}
.module .interface.active{
	display:block;
}
.list{
	background-repeat:no-repeat;
	background-position:center center;
}
.responses{
	width:415px;
	background:#fff;
	padding:5px 5px 25px 5px;
	box-shadow: 0 0 10px rgba(0,0,0,0.5);
	border-radius:5px;
	display:none;
	position:absolute;
}
.button:not(.svg){
	float:left;
	padding:0 4px 4px 4px;
	border-radius:4px;
	background:rgb(250,245,148);
	color:rgb(20,85,10);
	cursor:pointer;
	margin:0 auto;
	margin:1px 0 0 1px;
}
.button.svg{
	float:left;
	cursor:pointer;
	background:none;
}
.button.small{
	padding:1px;
}
.item .selector{
	float:left;
}
.responses .close, .m-widgets .button.delete, .m-lists .button.delete, .m-letters .button.delete, .m-campaigns .letters .button.delete, .m-campaigns .interface.list .button.delete{
	float:right;
	width:16px;
	height:16px;
	border-radius:8px;
	background-color:#f00;
	color:white;
	font-weight:bold;
	text-align:center;
	font-size:12px;
	cursor:pointer;
}
.m-account .login{
	padding:2px;
	margin:2px;
}
.m-widgets .button.edit, .m-lists .button.edit, .m-letters .button.edit, .m-campaigns .button.edit{
	float:right;
	width:20px;
	height:20px;
	border-radius:10px;
	background-color:#ff8;
	color:#080;
	box-shadow: 0 0 3px rgba(128,128,128,0.5);
	font-weight:bold;
	text-align:center;
	font-size:12px;
	cursor:pointer;
}
.m-widgets .button.save, .m-lists .button.save, .m-letters .button.save, .m-campaigns .button.save{
	height:16px;
	border-radius:8px;
	background-color:#ff8;
	color:#080;
	font-weight:bold;
	text-align:center;
	font-size:12px;
	cursor:pointer;
}
.m-widgets .button.code, .m-campaigns .button.sender{
	float:right;
	width:16px;
	height:16px;
	border-radius:8px;
	background-color:#ffe;
	color:#080;
	box-shadow: 0 0 3px rgba(128,128,128,0.5);
	font-weight:bold;
	text-align:center;
	font-size:12px;
	cursor:pointer;
}
.m-widgets .button.list{
	float:right;
	width:16px;
	height:16px;
	border-radius:8px;
	background-color:#4a4;
	color:#fff;
	box-shadow: 0 0 3px rgba(128,128,128,0.5);
	font-weight:bold;
	text-align:center;
	font-size:12px;
	cursor:pointer;
}
.m-widgets .button.link{
	float:right;
	width:16px;
	height:16px;
	border-radius:8px;
	background-color:#fb6;
	color:#900;
	box-shadow: 0 0 3px rgba(128,128,128,0.5);
	font-weight:bold;
	text-align:center;
	font-size:12px;
	cursor:pointer;
}
.interface .button:hover{
	background:rgb(255,200,200);
}
.interface .button.inactive{
	background:rgb(224,224,204);
	color:rgb(160,160,160);
	cursor:auto;
}
.m-social .button.logout.inactive{
	display:none;
}
.m-social .social-waiting{
}
.m-publics .select{
	width: 400px;
	height: 24px;
	float: left;
	box-shadow: 0 1px 2px rgba(18, 34, 67, 0.1);
	border-radius: 3px;
	background:#fff url(select-down.png) no-repeat 375px center;
	overflow: hidden;
	cursor:pointer;
}
.m-publics .choice{
	margin-left:10px;
	margin-top:4px;
	overflow:hidden;
}
.m-publics .publics-list{
	width: 400px;
	z-index:2000;
	position: absolute;
	background:#fff;
	top:18px;
	left:189px;
	box-shadow: 0 1px 2px rgba(18, 34, 67, 0.1);
	padding:0;
	height:300px;
	overflow-x:hidden;
	overflow-y:scroll;
	display:none;
}
.m-publics .publics-list li{
	display: block;
	width: 100%;
	font-size: 12px;
	cursor: pointer;
	position: relative;
	margin:0;
	margin-left:10px;
	display:block;
	padding:0;
	list-style-type:none;
}
.m-publics .publics-list li.selected{
	background: rgb(255,200,200);
}
.m-publics .publics-list li:hover{
	background: rgb(255,255,200);
}
.m-publics .publics-list li.selected:hover{
	background: rgb(255,160,160);
}
.m-publics.list{
	background-position:center center;
	background-size:contain;
	background-repeat:no-repeat;
	overflow:visible;
	height:auto;
}
.m-publics .publics-list .item{
	margin:2px 0;
	clear:both;
	overflow:hidden;
	width:100%;
	display:block;
	cursor:pointer;
}
.m-publics .publics-list .listimg_sm{
	margin:auto 2px;
	float:left;
}
.m-publics .publics-list .listimg_sm img{
	width:16px;
}
.m-publics .publics-list .listtext{
	float:left;
	margin:auto 2px;
}
.m-publics .publics-list .widgets-count{
	display:inline;
}
.m-widgets .button.help{
	background-color:#f00;
	color:white;
}
.m-widgets .interface.list{
	background-position:center center;
	background-repeat:no-repeat;
}
.interface.list .item, .responses .item, .m-campaigns .interface.sender .item{
	padding-bottom:15px;
	box-sizing:border-box;
}
.interface.list .item.selected{
	background-color:rgb(255,200,200);	
}
.interface.list .item:hover{
	background-color:rgb(255,255,200);
}
.interface.list .item.selected:hover{
	background-color:rgb(255,160,160);
}
.m-widgets .widget-wid{
	display:none;
}
.m-widgets .widget-container, .rule-container{
	width:100%;
}
.m-widgets .widget-container .widget-public-av{
	padding:4px;
	text-align:center;
	float:left;
}
.m-widgets .widget-container .widget-public-av img{
	width:100px;
	float:left;
}
.m-widgets .widget-container .widget-public-name{
	padding:4px;
	font-weight:bold;
	text-align:center;
}
.m-widgets .widget-container .button:hover{
	background:rgb(255,200,200);
}

.m-widgets .responses textarea{
	width:200px;
	border-color:#f80;
}
.publics-list .widget-public-count{
	float:right !important;
	width:12%;
}
.publics-list .widget-public-widgets{
	float:right !important;
	width:4%;
}
.full-open-link{
	border-bottom: 1px dotted grey;
	color:grey;
	cursor:pointer;
}
.widget-name:hover{
	border-bottom: 1px dotted red;
	color:red;
}
.container{
	width:300px;
	background:#fff;
	padding:5px 5px 25px 5px;
	box-shadow: 0 0 10px rgba(0,0,0,0.5);
	border-radius:5px;
	display:none;
	position:absolute;
}
.m-widgets .interface.list .item .button{
	float:right;
}
.m-lists .responses .field{
	margin-top:5px;
	float:none;
	clear:both;
}
.m-lists .interface.list .item.selected{
	background-color:rgb(255,200,200);	
}
.m-lists .responses .button.lastdate{
	float:none;
	display:inline;
	height:12px;
	border-radius:8px;
	background-color:#fff;
	color:#88f;
	box-shadow: 0 0 3px rgba(128,128,128,0.5);
	border:1px solid #88f;
	font-weight:bold;
	text-align:center;
	font-size:12px;
	cursor:pointer;
}
.list-marker{
	float:none;
	display:inline-block;
	height:12px;
	width:12px;
	border-radius:8px;
	background-color:#fff;
	box-shadow: 0 0 3px rgba(128,128,128,0.5);
}
.m-lists .item .list-name, 
.m-lists .item .list-date,
.m-lists .responses .button.date,
.m-letters .item .list-name, 
.m-letters .item .list-date,
.m-letters .responses .button.date,
.m-letters .letter-name, 
.m-letters .letter-date, 
.m-campaigns .letter-name, 
.m-letters .letter-date{
	float:none;
	display:inline;	
}
.m-letters .letters{
	clear:both;
}
.m-campaigns .item .campaign-name, 
.m-campaigns .item .campaign-sched-type, 
.m-campaigns .interface.sender .item .name,
.m-campaigns .interface.sender .item .date{
	padding-left:5px;
	float:none;
	display:inline;
}
.m-campaigns .interface.sender >.field{
	float:none;
	display:block;
}
.m-campaigns .interface.sender >.field>.button{
	float:left;
	display:block;
	font-size:12px;
	margin:2px;
	text-align:center;
	font-weight:bold;
	width:30%;
}
.m-campaigns .button.launch, .m-campaigns .button.stop{
	background-color:red;
	color:white;
}
.m-campaigns .responses .button.date, .campaign-date, .campaign-list{
	float:none;
	display:inline;
}

.m-campaigns .type-1-onesend{
	color:grey;
}
.m-campaigns .type-2-globaldate{
	color:darkgreen;
}
.m-campaigns .type-3-anchordate{
	color:orange;
}
.m-campaigns .type-3-w{
	color:darkred;
}

.m-campaigns .letters .item.selected{
	background-color:rgb(255,200,200);	
}
.m-campaigns .letters .item:hover{
	background-color:rgb(255,255,200);
}
.m-campaigns .letters .item.selected:hover{
	background-color:rgb(255,160,160);	
}
.m-campaigns .letters input[name=days]{
	width:50px;
}
.m-campaigns .subtype-container{
	display:none;
}
.m-campaigns .subtype-description{
	display:none;
}
.m-campaigns a.change-sender-type{
	color:blue;
	text-decoration:underlined;
	cursor:pointer;
}
.m-campaigns a.change-sender-type:hover{
	color:red;
}
.letter-cmp-cnt, .list-subs{
	display:inline;
}

.field{
	float:left;
	margin:5px;
}
.tabs,.interface{
	width:100%;
	overflow:hidden;
}
.vk-status{
	float:left;
	width:18px;
	height:18px;
	margin-top:2px;
	background-color:#507299; 
	background-image:url(vk.svg);
	background-repeat:no-repeat;
	background-size:contain;
	background-position:center center;
	border-radius:10px;
	cursor:pointer;
}
.vk-status.inactive{
	background-color:#aaa;
}
.vk-status.on{
	background-color:#507299;
}
.tabs{
	border-bottom:2px solid rgb(184,244,194);
}
.tab{
	float:left;
	padding:5px;
	background:rgb(224,224,204);
	cursor:pointer;
}
.tab:hover{
	background:rgb(240,255,230);
}
.tab.active{
	background:rgb(184,244,194);
}
.tab.inactive{
	color:rgb(128,128,128);
	cursor:auto;
}
.field.inactive{
	opacity:0.5;
}
.module_placeholder{
	height:50px;
	border:1px #888;
	border-style:dashed;
	background-color:#eee;
}
.hidden,.prelist{
	display:none;
}
#vk_auth{
	margin:0 auto;
	background-position:center center;
	background-size:contain;
	background-repeat:no-repeat;
	background-image:url(load.gif);
	min-height:100px;
}
.clear{
	clear:both;
}
.debug{
}

#emojiPickerWrap {margin:10px 0 0 0;}