@font-face{font-family:Rubik-Regular;src:url('/css/fonts/Rubik-Regular.ttf'); font-weight:400; }
@font-face{font-family:Rubik-Medium;src:url('/css/fonts/Rubik-Medium.ttf'); font-weight:500; }
@font-face{font-family:Rubik-Light;src:url('/css/fonts/Rubik-Light.ttf'); font-weight: 300; }
@font-face{font-family:Rubik-LightItalic; src:url('/css/fonts/Rubik-LightItalic.ttf'); font-weight: 400; }

* {
  margin: 0;
}
* {
    box-sizing: border-box;
}
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center, dl, dt, dd, ol, ul, li,fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block;}
body{line-height:130%;font-family: 'Rubik-Regular', serif; color:rgba(0,32,52,1);}

html, body {
  height: 100%;
}
ol, ul{list-style:none;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after, q:before, q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}
 h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child {margin:0;}
 p{margin: 0 0 18px;}
 
 .textLine p{margin: 0 0 28px; font-size:16px;}
html{height:100%; font-size:16px;}

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary{display:block;}


h1{ font-size:26px; font-family: 'Rubik-Light', serif; font-weight:300; /*border-bottom:2px solid rgba(80,140,200,0.9);*/ margin:10px 0 20px; color:rgba(80,140,200,1); text-shadow:1px 1px 1px rgba(255,255,255,1.00);}

h1 img{ display:inline-block; padding:0 10px 0 0; vertical-align:central; margin:15px 0 -15px; width:60px;}
h1 span{background: none;
border: none;
padding: 0 0 0 15px;
font-family: "Rubik-Light", serif;
font-weight: 300; font-size:20px; color:rgba(0,32,52,1); display:inline-block; opacity:0.9; }
h2{ font-size:22px; font-family: 'Rubik-Medium', serif; font-weight:400; margin:30px 0 20px;}

.sidebar h2{ font-size:20px; font-family: 'Rubik-Medium', serif; font-weight:600; margin:16px 0 0;}

.sidebar h2 span{ font-size:10px;  font-family:"Rubik-Light", serif; font-weight:300; margin:-15px 0 5px; opacity:0.7; display:block;}

.sidebar h3{ font-size:16px;  font-family:"Rubik-Light", serif; font-weight:300; margin:15px 0 4px;}
.sidebar h3 img {
    display: inline-block;
    width: 28px;
    margin: -5px 6px 5px 0;
    vertical-align: middle;
}
body, html{ margin: 0; padding:0;  background: rgba(253,241,228,1.00) ; min-width: 1180px;}
body{display: flex;
flex-direction: column;}
.wrapper{flex: 1 0 auto; }
.content{ display:block; padding: 20px 20px 0 350px ;  margin-bottom:100px;}
form{ display:inline-block;font-family: 'Rubik-Regular', serif;}
/*textarea{ display:inline-block; width: 600px; height:300px; font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:16px; padding:20px; vertical-align:top; margin:0 0 0 6px;}
textarea.ok{ border-left: 5px solid #94D48D; margin:0 0 0 1px; background:#fff;}
input{ display:inline-block; vertical-align:top;}
input.idstyle{ width:40px; font-size:18px;}*/
a{ display:inline-block; color:rgba(0,32,52,1); text-decoration:none;} 

a.gaily{ font-weight:600; color:rgba(0,32,52,1); text-decoration: underline;}

div.fix{ position:fixed; width:260px; height:700px; padding:15px; font-size:14px; top:0; left:0; overflow:hidden;}

hr{ height:0 ; color: rgba(0,32,52,1); background:rgba(197,197,197,1.00);}

.sidebar a.logo{ margin:0;}
.sidebar a.logo img{ width:220px;}

.copy{display:block;flex: 1 0 auto; padding: 5px 0 0 380px ; margin:10px; text-align:left;font-family:"Rubik-Light", serif; font-weight:300; opacity:0.7;  font-size:14px; height:30px;flex: 0 0 auto;}
.sidebar{ color:rgba(255,255,255,1.00); background:rgba(80,140,200,1); position:fixed; width:280px; height:100%; padding:0 20px; top:0; left:0;}
.sidebar ul{  margin: 0 0 20px;}
.sidebar a{ color:rgba(255,255,255,1); text-decoration:none; font-size:14px; font-family:"Rubik-Light", serif; font-weight:300; margin:1px 0; padding: 0 0 0 15px;}
.sidebar a:before{ width:4px; height:4px; display:inline-block; vertical-align:middle; position:relative; background:rgba(255,255,255,0.5); content:""; margin-right:6px;}
.sidebar a:hover:before{ background:rgba(255,255,255,1); }
.sidebar a:hover{ color:rgba(255,255,255,1.00); text-decoration:none; opacity:0.8;}


.sidebar a.active, .sidebar a.active:hover{ color:rgba(255,255,255,0.5); text-decoration:none; font-size:14px; font-family:"Rubik-Light", serif; font-weight:300; margin:1px 0; padding: 0 0 0 15px;}
.sidebar a.active:before{ width:4px; height:4px; display:inline-block; vertical-align:middle; position:relative; background:rgba(255,255,255,1); content:""; margin-right:6px;}


.sidebar h2 a{ color:rgba(255,255,255,1); text-decoration:none; font-size:22px; font-family: 'Rubik-Medium', serif; font-weight:600; }
.sidebar h2 a:before{ display:none;}


label{ width:200px; display:inline-block; text-align:right; font-size:14px; font-family:"Rubik-Light", serif; font-weight:300; opacity:0.9; margin:0 12px 0 0; vertical-align: middle;}
.fbox{ margin:3px 0 ;}
form.st{ width: auto; overflow:hidden; width:100%; }
input, select, textarea{ background:none; border:none; font-size:16px; padding:10px 20px;  border-bottom:1px solid rgba(122,122,122,0.20); font-size:16px; font-family:"Rubik-Light", serif; width: calc(100% - 230px);  background:rgba(255,255,255,0.1); }
input:focus, select:focus, textarea:focus{ background: rgba(255,255,255,1.00);}

 textarea{ min-height:100px; vertical-align:middle; overflow: hidden; width:calc(100% - 230px);}
 textarea:focus{ overflow:auto;}
input[ type="submit"]{ background:rgba(80,140,200,1); border: 1px solid rgba(80,140,200,1); font-size:16px; padding:10px 20px; font-size:16px; font-family:"Rubik-Light", serif; color:rgba(255,255,255,1.00); width:180px; float: none; margin:20px 0 0 418px; border-radius:2px; cursor:pointer; }

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.hideQueue { background:rgba(255,255,255,1.00); border:1px solid rgba(80,140,200,1); padding:10px 4px 5px; width:400px; display:inline-block; box-shadow: rgba(0,0,0,0.30) 0 0 25px; text-align:center; border-radius:3px;}
.hideQueue  input[ type="submit"].checkIcon{ background: rgba(255,255,255,1.00) url(/images/icon/check-ok.svg) no-repeat center; border: none;  padding:3px 3px; font-size:16px; font-family:"Rubik-Light", serif; color:rgba(255,255,255,1.00); width:25px; height:20px; float: none; margin:0 0 0 3px; border-radius:0; cursor:pointer; display:inline-block; margin:0 0 0 25px;}
.hideQueue  input.remindDate {
    width: 170px;
    display: inline-block; border:none; padding:0; margin:0 15px 0 6px;
}
.hideQueue  input.remindTime {
    width: 110px;
    display: inline-block; border:none; padding:0;
}
.rightForm input[ type="submit"]{ background: none; border: none; padding:1px; font-size:18px; font-family:"Rubik-Light", serif; color:rgba(14,169,39,1); width:30px; float: none; display:inline-block; margin:3px; border-radius:0; cursor:pointer; }

.rightForm input{ background:none; border:none; font-size:16px; padding:2px 4px; width:200px; max-width:200px; border-bottom:1px solid rgba(122,122,122,0.10);}
.rightForm input:focus{ background: rgba(255,255,255,1.00);}
.rightForm input[ type="submit"]:focus{ background: none;}


a.restoreLink{ text-align:center; opacity:0.5;font-size:16px;font-size:14px; font-family:"Rubik-Light", serif; font-weight:300; display:block; width:200px; margin:0 auto;}
.loginAdmin form{ display:block;font-family: 'Rubik-Regular', serif; width:300px; height:400px; margin:50px auto 0;}
.loginAdmin label{ display: inline-block; width:90px;}
.loginAdmin input{ width:180px; display:inline-block; margin:6px 0;}
.loginAdmin input[ type="submit"]{ 
background:rgba(80,140,200,1); border: 1px solid rgba(80,140,200,1); font-size:16px; padding:10px 20px; font-size:16px; font-family:"Rubik-Light", serif; color:rgba(255,255,255,1.00); width:180px; margin:20px auto; border-radius:2px; cursor:pointer;float: none; display:block;
}
.errorLogPass{ text-align:center; color:rgba(255,0,4,1.00); margin:5px 0; font-size:14px; font-family:"Rubik-Light", serif; font-weight:300; }
.loginAdmin img{ display:block; margin:0 auto;}
.loginAdmin h3{ text-align:center; font-size:18px; margin:30px 0 15px}
.restoreOn{ text-align:center; color: rgba(100,158,59,1.00); margin:5px 0; font-size:14px; font-family:"Rubik-Light", serif; font-weight:300; }



.message{ position:fixed; top:30px ; right:0; width:400px; height:auto; min-height: 50px; text-align:right;  }

.message span.err{ display:inline-block; border-radius:2px; font-size:14px; width:340px; margin:7px 20px 5px 0; height:auto; padding:10px 20px; color:rgba(255,255,255,1.00); background:rgba(227,43,46,1.00); opacity:0.8;z-index:50; text-align:left;}

.message span.err small{ display:block; font-size:12px; color:rgba(255,255,255,0.8); padding:7px 0 0; }

.message span.ok{display:inline-block; border-radius:2px; font-size:14px;width:340px; margin:7px 20px 5px 0; height:auto; padding:10px 20px; color:rgba(255,255,255,1.00); background:rgba(14,169,39,1); opacity:0.8; z-index:50; text-align:left; }
.message span.ok small{ display:block; font-size:12px; color:rgba(255,255,255,0.8); padding:7px 0 0;}


ol {

	list-style-type: none; 

	counter-reset: num;

	margin: 0 0 0 60px;

	padding: 0 0 5px 0;

	font-size: 16px; max-width:450px;
}

ol li {

	position: relative;	

	margin: 0 0 0 0;

	padding: 0 0 10px 0;
	
	font-family:"Rubik-Light", serif; font-weight:300;

}

ol li:before {

	content: counter(num); 

	counter-increment: num;

	display: inline-block;

	position: absolute;

	top: 6px;

	left: -50px;

	width: 40px;    

	color: #1e1a17;

	text-align: center;

	font-size: 30px;

	font-weight: bold;
font-family: 'Rubik-Medium', serif;
}


.preloader{ position:fixed; top:0; left:0; width:100%; height:100%; z-index:99; background:rgba(46,46,46,0.50);}
.preloader img{ position:fixed; top:50%; left:50%; width:100px; height:100px; margin:-50px 0 0 -50px; z-index:100; display:block;}

.msg{ 
    position: fixed;
    top: 31px;
    right: 20px;
    width: 340px;
    min-height: 20px ;
    padding: 0;
    margin: 0;
    z-index: 101;
    display: block;
    background: none;
    text-align: center;
    font-size: 16px;
    font-family: "Rubik-Light", serif;
    font-weight: 300; color:rgba(255,255,255,1.00); }

.msg .push{ margin:5px 0;
background: rgba(149,193,117,1.0) url(/images/cross_w.svg) no-repeat 316px 10px;

    background-size: 15px;
		width: 340px;
		min-height: 100px ;
		padding:15px 20px;
    min-height: 20px ;
		z-index: 102;
		}
    
		
		
.msg a{ text-decoration: none; border: 1px solid rgba(255,255,255,1.00) ; border:1px solid rgba(255,255,255,1.00); border-radius:3px; padding:7px 12px; margin:10px 0; color:rgba(255,255,255,1.00); background:rgba(134,178,103,1.00)}
.msg h6{ font-size:16px;}
.msg span{ font-size:16px; display:block;}



.visi{ display:block;}
.sort a.hide{ display: none;}
.hide, .hideQueueView.hide {display: none;}


.listCalls{ display:flex; flex-wrap:wrap; max-width:100%; padding:15px 0 20px;   font-size: 16px;

    border-bottom: 1px solid rgba(122,122,122,0.08);    
    font-family: "Rubik-Light", serif; font-weight:300; vertical-align:top;
		
		}
		
	.listCalls .phone{
    background: none;
    border: none;
width: 250px; display:block;    font-size: 14px; padding:0 20px 0 33px; text-align:right;

    font-family: "Rubik-Regular", serif; vertical-align:top; font-weight:400; 

}	
	.listCalls .phone a{ text-decoration:none; font-size:14px; color:rgba(80,140,200,1);}	
	.listCalls .phone a:hover{ opacity:0.8}	
	
.listCalls .name{
    background: none;
    border: none;
width: calc(100% - 305px); display:block;    font-size: 16px;
    font-family: "Rubik-Regular", serif; vertical-align:top; font-weight:400; padding:0 8px 5px;

}
.listCalls .priority{ width: 20px; display:block; padding:0;}
.listCalls .name span.company{ display:inline-block;   font-size: 14px;
    font-family: "Rubik-Regular", serif; vertical-align: baseline; font-weight:400; padding:0 0 0 20px; opacity:0.8;

}


.listCalls .name a{ text-decoration: none; font-size: 18px; }
.listCalls .name a span{ display:block; font-size: 18px; border:none;
    font-family: "Rubik-Light", serif; font-weight:300; margin:0 0 4px; color: rgba(0,32,52,1.00);}
		



.listPartners{display:flex; flex-wrap:wrap; max-width:100%; padding:15px 0 20px;   font-size: 16px;

    border-bottom: 1px solid rgba(122,122,122,0.08);   
    font-family: "Rubik-Light", serif; font-weight:300; vertical-align:top;}


.listPartners .symbol{ text-align: center;
background: rgba(166,227,6,1.00);
color: rgba(255,255,255,1.00);
padding: 10px;
margin: 12px 20px 10px 10px;
width: 40px;
height: 40px;
line-height: 1;
border-radius: 50%;
font-size: 20px; text-shadow:0 0 2px  rgba(100,100,100,0.70); font-weight: 900;
}


.listPartners .inn { 
    margin: 0 0 2px; font-size: 12px; 

}
.listPartners .inn a span{ 
padding: 3px 5px;
line-height: 1;

}

.listPartners .company{  width: calc(100% - 100px);

}
.listPartners .company .name a { font-size: 18px; padding: 0 0 10px 0; color: rgba(80,140,200,1); font-weight: 600;  
}



.created{ width: 120px; display:inline-block; text-align:right; font-size:12px; opacity:0.4; vertical-align:top;}
.comment{ font-size: 14px;
    font-family: "Rubik-Light", serif; font-weight:300; max-height:40px; overflow:hidden; opacity:0.9;}
		
.timeInfo{font-size: 12px;font-family: "Rubik-Light", serif; font-weight:400; overflow:hidden; opacity:1;vertical-align:bottom;}
.timeInfo span{font-size: 10px; font-family: "Rubik-Light", serif; font-weight:300;  overflow:hidden; opacity:0.7; display:inline-block; vertical-align:bottom; margin-bottom:-1px;}				
		
		.full-size{max-height: 200px; opacity:1;}
input[type="submit"].searchFormSubmit{ width:40px; height: 40px; background:url(/images/magnifier.svg) no-repeat center right; background-size:30px; text-indent: -1000em; margin:0; border:none}
input[type="submit"].searchFormSubmit:hover{ opacity:0.8;}
input:disabled { background:none; border:none; 
	
}
.sort{ text-align: left; font-family: "Rubik-Light", serif; font-weight:300; font-size: 12px; max-width:760px; padding:0 0 20px 15px; height:100%;	border-left: 1px solid rgba(122,122,122,0.2); margin:0 0 0 15px; position: sticky;}
.sort a{ text-align:left; font-family: "Rubik-Light", serif; font-weight:400; font-size: 15px; text-decoration:none; opacity:1; margin: 2px 7px; display:block;color:rgba(80,80,80,0.90);}
.sort a.active{ border:none;    font-family: "Rubik-Regular", serif; font-weight:400; color:#1e1a17; opacity:0.8; }



.sort a.active::before {
    width: 4px;
    height: 4px;
    display: block;
    vertical-align: middle;
    position: absolute;
    background: rgba(80,140,200,1.0);
    content: "";
    margin: 8px 0 0 -11px;
}



		.sort a.fontRed{ color: rgba(227,43,46,1.00)}
.sort a.fontRed::before {

    display: none;

}		
		
.sort span{font-family: "Rubik-Regular", serif;
font-weight: 400;
font-size: 12px; margin:18px 0 0 0; display:block; width:100%;}
		
		
	.flexContentBox{ display:flex; flex-wrap:wrap; }
	.flexContentRight{ max-width:900px; width: 70%; }
		
.flexContentLeft{  min-width:120px; width:30%; overflow:hidden;}		
		
		
.countList	{
text-align: left;
font-family: "Rubik-Light", serif;
font-weight: 300;
font-size: 14px;
text-decoration: none;
opacity: 0.7;
margin: 0 7px;
display: block;}	

.countList span{display:inline-block; width:auto; font-size:16px; margin:0; padding:0;}				
		
		
:active, :hover, :focus {
    outline: 0;
    outline-offset: 0;
}		
		
.searchForm{ display:block; text-align:right; width:calc(100% - 20px); margin:0 10px 25px;}		
		
		
		.roundPriority_0{ width:12px; height:12px; border-radius:50%; background:rgba(201,174,144,1); display:inline-block; padding:0;}
		.roundPriority_1{ width:12px; height:12px; border-radius:50%; background:rgba(14,169,39,1); display:inline-block; padding:0;}
		.roundPriority_2{ width:12px; height:12px; border-radius:50%; background:rgba(242,218,101,1); display:inline-block; padding:0;}
		.roundPriority_3{ width:12px; height:12px; border-radius:50%; background:rgba(227,43,46,1.00); display:inline-block; padding:0;}

		
		h1 .roundPriority_0{ width:14px; height:14px; border-radius:50%; background:rgba(201,174,144,1); display:inline-block;  padding:3px; margin:0 8px 1px 0; }
		h1 .roundPriority_1{ width:14px; height:14px; border-radius:50%; background:rgba(14,169,39,1); display:inline-block;  padding:3px; margin:0 8px 1px 0; }
		h1 .roundPriority_2{ width:14px; height:14px; border-radius:50%; background:rgba(242,218,101,1); display:inline-block;  padding:3px; margin:0 8px 1px 0; }
		h1 .roundPriority_3{ width:14px; height:14px; border-radius:50%; background:rgba(227,43,46,1.00); display:inline-block; padding:3px; margin:0 8px 1px 0; }
		
.pagination{ margin:50px 0; font-family: "Rubik-Light", serif; }	
.pagination a{ text-decoration:none; padding:2px; font-family: "Rubik-Light", serif; color:rgba(80,140,200,1);}
.pagination a:hover{ opacity:0.9;}		
.pagination strong{ opacity:0.4; padding:2px; margin:2px; font-family: "Rubik-Light", serif; }	
.pagination span{ font-family: "Rubik-Medium", serif; color:rgba(95,95,95,0.6); font-size:16px;}	

.cntctinfo.fm{ font-size:16px;}

.cntctinfo { 
    width:calc(100% - 300px); max-width:800px;
    display: inline-block;
    text-align: left;
      font-family: "Rubik-Light", serif;
    font-weight: 300;
    opacity: 1;
    margin: 5px 12px 5px 20px;
    vertical-align: middle;
		min-height: 21px;

font-size: 18px;

color: rgba(0,32,52,1.00);
border-bottom: 1px solid rgba(122,122,122,0.10);
}
.nameField{width:200px; display:inline-block; text-align:right; font-size:14px; font-family:"Rubik-Light", serif; font-weight:300; opacity:0.9; margin:0 12px 0 0; vertical-align: middle;}
.event_call{ display:inline-block; padding:2px; margin:7px;}
.event_call a{ text-decoration:none; color:rgba(80,140,200,1); padding: 0 0 0 20px; background:url(/images/phone-volume.svg) no-repeat left center; background-size:18px;}
.t4{ margin-top:40px;}
.fw{ width:600px;}


.listCalls .phone.status_3 { background:url(/images/icon-money.svg) no-repeat 5px 0; background-size:30px;
}
.listCalls .phone span.contractsContact{ display:block; text-align:right; font-size:12px; color: rgba(100,100,100,1.00); padding:0 0 0 30px;}
.listCalls .phone span.contractsContact a{ display:inline-block; margin:2px; padding:1px 4px; background: rgba(80,140,200,1); color: rgba(255,255,255,1.00); border-radius:50%; width:20px; height:20px; font-size:12px; line-height:18px; text-align:center;}


.uPanel{ display:block; position:absolute; margin:0; padding:0; top:0; right:0; width:300px; text-align:right; z-index:40;}

.uPanel input[ type="submit"]{ 
background: none; border: 1px solid rgba(100,100,100,0.5); font-size:14px; padding:1px 2px; font-family:"Rubik-Light", serif; color:rgba(80,80,80,0.7); width:80px; margin:0; border-radius:2px; cursor:pointer; float: none; display:block;}



.open_1{ opacity:0.6}
.open_0{opacity:1}

.dateMessage { font-size:14px; padding:3px 15px; background: none;
border: none;
width: 180px;
padding: 0 15px 0 0;
text-align: right;
font-family: "Rubik-Light", serif;
font-weight: 300;}
.dateMessage span{ display: inline-block; }

.titleMessage  {

    width: calc(100% - 300px);
    display: block;
    font-size: 16px;
    font-family: "Rubik-Regular", serif;
    vertical-align: top;
    font-weight: 400;
    padding: 0 8px 5px;
		margin:0 0 10px;
}

 .titleMessage a {
    display: block;
    font-size: 18px;
    border: none;
    font-family: "Rubik-Light", serif;
    font-weight: 300;
    margin: 0 0 8px; 
    color: rgba(0,32,52,1.00); text-decoration:none;
}
.titleMessage a span{ display:inline-block; width:60px; padding:3px; margin:0 15px 0 0; background:rgba(221,208,194,1.00); text-align:center; font-size:14px; color:rgba(91,91,91,1.00);
}
 .open_0 .titleMessage a span{ display:inline-block; width:60px; padding:3px; margin:0 15px 0 0; background:rgba(80,140,200,1); text-align:center; font-size:14px; color:rgba(253,253,253,1.00);
}

 .open_0 .titleMessage a {font-family: "Rubik-Regular", serif; font-weight:400;}

.open_0 .titleMessage .textMessage a {font-family: "Rubik-Light", serif; font-weight:300; }
.open_1 .titleMessage a {font-family: "Rubik-Light", serif; }

.textMessage{font-family: "Rubik-Light", serif; font-weight:300; margin:10px 0 0 80px; }
.textMessage.textMessageOne a{ background:rgba(9,149,249,0.3); padding:2px 5px;}
.editMessage{ width:100px; text-align:right;}
.editMessage a{ display: inline-block; width:20px; height:20px; text-align:center; font-size:24px; text-decoration:none; margin:5px 10px;}
.editMessage a.delete{ display: inline-block; width:20px; height:20px; text-align:center; font-size:24px; text-decoration:none; margin:5px 10px; color:rgba(96,96,96,1.00);}
.editMessage a.read{ display: inline-block; width:20px; height:20px; text-align:center; font-size:24px; text-decoration:none; margin:5px 10px; color:rgba(96,96,96,1.00);}

.open_0 .editMessage a.delete{ font-size:26px; color:rgba(195,89,106,1.00);  background:url(/images/icon/close.svg) center no-repeat; width:20px; height:20px; background-size:14px; vertical-align:bottom; font-size:0;}
.open_0 .editMessage a.read{ font-size:26px; color:rgba(195,89,106,1.00);  background:url(/images/icon/check.svg) center no-repeat; width:20px; height:20px; background-size:16px; vertical-align:bottom; font-size:0;}
.open_1 .editMessage a.delete{font-size:26px; color:rgba(195,89,106,1.00);  background:url(/images/icon/close.svg) center no-repeat; width:20px; height:20px; background-size:14px; vertical-align:bottom; font-size:0; }
.open_1 .editMessage a.read{ font-size:26px; color:rgba(195,89,106,1.00);  background:url(/images/icon/check.svg) center no-repeat; width:20px; height:20px; background-size:16px; vertical-align:bottom; font-size:0;}


.sort .notice{ font-family: "Rubik-LightItalic", serif;  font-weight:300; margin:50px 0 30px;

    font-weight: 300;
    font-size: 12px;
    text-decoration: none;
    opacity: 0.8;

}
.sort .notice span{ margin:0 ; padding:0; font-size:20px; display:inline-block; width:20px;}

.warning{ font-weight:300; margin:30px 0 15px;


    font-family: "Rubik-Light", serif;
    font-weight: 300;
    font-size: 16px;
    text-decoration: none;
    opacity: 0.9;

}
.warning span{ margin:0 ; padding:0; }








.historyBox{ margin:50px 0 30px;}
.successful_out, .unsuccessful_out, .successful_in, .unsuccessful_in, .scrollComment{ margin: 30px 0 ;    font-family: "Rubik-Light", serif;
    font-weight: 300;
    font-size: 13px; background-size:20px; padding:5px 0 5px 30px;}

.successful_out .title, .unsuccessful_out .title, .successful_in .title, .unsuccessful_in .title, .scrollComment .title{  font-family: "Rubik-Regular", serif; font-weight:400; font-size:15px;} 
		
		
		
.successful_out{  background:url(/images/phone-out-green.svg) no-repeat left 10px; background-size:20px; }
.unsuccessful_out{ background:url(/images/phone-out-red.svg) no-repeat left 10px; background-size:20px; }
.successful_in{ background:url(/images/phone-in-green.svg) no-repeat left 10px; background-size:20px; }
.unsuccessful_in{ background:url(/images/phone-in-red.svg) no-repeat left 10px; background-size:20px; }


.scrollComment{ background: url(/images/comment.svg) no-repeat 0 6px; background-size:25px; padding:5px 0 5px 40px; }
.scrollComment .title{  font-family: "Rubik-light", serif; font-weight:300; font-size:12px; text-align: right; margin: 
0 0 10px; opacity: 0.5}
.scrollComment .title span{font-size:12px;font-family: "Rubik-light", serif; font-weight:300;}
.commentBody { font-family: "Rubik-light", serif; font-weight:300; font-size:16px; padding:5px 5px 5px 7px; margin:0 0 0 10px;}



.infoData{ margin:60px 0 10px; font-size:12px;}
.infoData span{font-size:10px; display: inline-block; margin:0; padding:0; width:auto;}
.sort a.editLink, .sort a.iconLink { margin:7px 0 10px;}
.editLink img, .iconLink img{ vertical-align: baseline; width:20px; display:inline-block; margin: 0 5px -5px 0;}

.rightForm input[type="submit"].redIcon{ color:rgba(227,43,46,1.00); background:url(/images/icon/close.svg) center no-repeat; width:16px; height:16px; background-size:12px; vertical-align:bottom; font-size:0;}

.rightForm input[type="submit"].greenIcon{ color:rgba(227,43,46,1.00); background:url(/images/icon/check.svg) center no-repeat; width:19px; height:19px; background-size:16px; vertical-align:bottom; font-size:0;}


.commentLabel, .remindLabel{ vertical-align:top;}

.blueLine{ border-top: 1px solid rgba(80,140,200,1); margin:30px 0 0; padding:20px 0 0;}

.blueLine textarea{ 
    min-height: 100px;
    vertical-align: middle;
    overflow: hidden;
    width: calc(100% + 65px);
}
.blueLine .cntctinfo{ border-bottom:none;
}

input.remindCheck{ width:20px; display:inline-block; }
input.remindDate{ width:250px;display:inline-block;}
input.remindTime{ width:120px;display:inline-block;}

select.remindUser{ width:200px;display:inline-block;}


.remindBox .cntctinfo{ border-bottom:none;
}

.order { 

background: url(/images/icon/order.svg) no-repeat 0 0; background-size:35px;
border: none;
width: calc(100%);
padding: 0 5px 10px 60px;
text-align: left;
font-family: "Rubik-Light", serif;
font-weight: 300; font-size:16px; opacity:1; }



.dateRemind { 

background: none;
border: none;
width: calc(100%);
padding: 0 5px 10px 0;
text-align: left;
font-family: "Rubik-Light", serif;
font-weight: 300; font-size:12px; opacity:0.9 }
.dateRemind span{ display: inline-block; }

.titleRemind  {

    display: block;
    font-size: 16px;
    font-family: "Rubik-Regular", serif;
    vertical-align: top;
    font-weight: 400;
    padding: 0 8px 0 0;
		margin:0 0 0;width: calc(100% - 100px);
}

 .titleRemind a {
    display: block;
    font-size: 16px;
    border: none;
    font-family: "Rubik-Light", serif;
    font-weight: 300;
    margin: 0 0 4px;
    color: rgba(0,32,52,1.00); text-decoration:none;
}
.titleRemind a span{ display:inline-block; width:60px; padding:3px; margin:0 15px 0 0; background:rgba(221,208,194,1.00); text-align:center; font-size:14px; color:rgba(91,91,91,1.00);
}
 .remind.open_0 .titleRemind a span{ display:inline-block; width:60px; padding:3px; margin:0 15px 0 0; background:rgba(80,140,200,1); text-align:center; font-size:14px; color:rgba(253,253,253,1.00);
}
.remind.open_0 .titleRemind a {font-family: "Rubik-Regular", serif; font-weight:400;}
.remind.open_2 .titleRemind a {font-family: "Rubik-Regular", serif; font-weight:400;}

.remind.open_0 .titleRemind .textRemind a {font-family: "Rubik-Light", serif; font-weight:300; }
.remind.open_1 .titleRemind a {font-family: "Rubik-Light", serif; }


 .remind.open_0 { background:url(/images/remind.svg) no-repeat left 30px; background-size:35px;padding: 30px 8px 10px 60px;}
 .remind.open_1  { background:url(/images/remind-end.svg) no-repeat left 30px; background-size:35px;padding: 30px 8px 10px 60px;}
 .remind.open_2  { background:url(/images/remind-active.svg) no-repeat left 30px; background-size:35px;padding: 30px 8px 10px 60px;}
 .remind.open_3  { background:url(/images/remind-event.svg) no-repeat left 30px; background-size:35px;padding: 30px 8px 10px 60px;}
 
 
 
 
.textRemind{font-family: "Rubik-Light", serif; font-weight:300; margin:3px 0 0 0; width: calc(100% - 50px);}

.editRemind{ width:100px; text-align:right;}
.editRemind a{ display: inline-block; width:20px; height:20px; text-align:center; font-size:24px; text-decoration:none; margin:5px 10px;}
.editRemind a.delete{ display: inline-block; width:20px; height:20px; text-align:center; font-size:24px; text-decoration:none; margin:5px 10px; color:rgba(96,96,96,1.00);}
.editRemind a.read{ display: inline-block; width:20px; height:20px; text-align:center; font-size:24px; text-decoration:none; margin:5px 10px; color:rgba(96,96,96,1.00);}

.open_0  a.delete{ font-size:26px; color:rgba(195,89,106,1.00); }
.open_0  a.read{ font-size:24px; color:rgba(80,140,200,1);}

.open_1  a.delete{ font-size:26px; color:rgba(195,89,106,1.00); }
.open_1  a.read{ display:none; }

.open_2  a.delete{ font-size:26px; color:rgba(195,89,106,1.00); }
.open_2  a.read{ font-size:24px; color:rgba(80,140,200,1); }

.open_3  a.delete{ font-size:26px; color:rgba(195,89,106,1.00); }
.open_3  a.read{ font-size:24px; color:rgba(80,140,200,1); }

.remind .link a{ font-size:14px; color:rgba(80,140,200,1); margin:5px 0;}

.infoReminder{ display:inline;}
.infoReminder a{ display:inline-block; margin: 0 0 0 15px; padding:1px 5px; background:rgba(255,255,255,1.00); color:rgb(80, 140, 200, 1); font-size:14px; font-weight:600;border-radius: 3px;  min-width:25px; height:18px; text-align:center; line-height:18px;position: relative;

}

.infoReminder a:after {
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255,255,255,0);
	border-right-color: rgba(255,255,255,1.00);
	border-width: 5px;
	margin-top: -5px;
}


.infoReminder a:hover{  color:rgb(80, 140, 200, 1);}
.sidebar .infoReminder a:before { display:none;}



.remindForm textarea {
    min-height: 100px;
    vertical-align: middle;
    overflow: hidden;
    width: calc(100% - 265px);
}
.linkButton{
    background: rgba(80,140,200,1);
    border: 1px solid rgba(80,140,200,1);
    font-size: 16px;
    padding: 10px 20px;
    font-size: 16px;
    font-family: "Rubik-Light", serif;
    color: rgba(255,255,255,1.00);
    width: 300px;
    float: none;
    margin: 100px auto;
    border-radius: 2px;
    cursor: pointer; display:block; text-align:center;
}

.uPanel form { display:inline-block; padding:3px 10px 0 0;}
.upanelLink{ display:inline-block;}
.gear{ margin:0 30px 0 0; padding:0; display: inline-block; position:relative;}
.gear img{ width:18px; height:auto; display:inline-block; position:relative; position:absolute; margin:-14px 0 0; opacity:0.6;}
.sort button{ background:none; border:none; text-align:left; display:block; cursor:pointer;}


.periodSelect input{
font-size: 16px;
padding: 5px 10px;
border-bottom: 1px solid rgba(122,122,122,0.20);
font-size: 16px;
font-family: "Rubik-Light", serif;
width: 150px;
background: rgba(255,255,255,0.2); margin:0 15px 0 0;}
.periodSelect input:focus, .periodSelect input:hover{
background: rgba(255,255,255,1); }

.periodSelect input[type="submit"] {
    background: rgba(80,140,200,1);
    border: 1px solid rgba(80,140,200,1);
    font-size: 16px;
    padding: 4px 9px;
    font-size: 16px;
    font-family: "Rubik-Light", serif;
    color: rgba(255,255,255,1.00);
    width: 110px;
    float: none;
    margin: 0 0 0 5px;
    border-radius: 2px;
    cursor: pointer; display:inline-block;
}


.periodSelect, .periodSelect form{
    font-size: 14px;
    font-family: "Rubik-Light", serif;
    font-weight: 300;
    opacity: 0.9;
    margin: 0 10px 0 0;
    vertical-align: middle; text-align:right;
}

.periodSelect label {
    width: 120px;
    display: inline-block;
    text-align: left;
    font-size: 14px;
    font-family: "Rubik-Light", serif;
    font-weight: 300;
    opacity: 0.9;
    margin: 0 12px 0 0;
    vertical-align: middle;
}


.segmentBox { display:flex; flex-wrap:wrap; margin:30px 0;}
.segment{ width: calc(50% - 21px); border:1px solid rgba(122,122,122,0.3); border-radius:3px; background:rgba(255,255,255,0.17); margin:0 20px 20px 0; padding:15px 15px 25px;    font-size: 16px;
    font-family: "Rubik-Light", serif;
    font-weight: 300;}
		.segment .indent{ padding:10px 0 0 15px; }
		.segment strong{ display:inline-block;  font-size: 18px;
    font-family: "Rubik-Regular", serif;
    font-weight: 400;}
.segment h3{ font-size: 18px;
    font-family: "Rubik-Regular", serif; color:rgba(80,140,200,1) ;
    font-weight: 300; padding: 0 0 7px 10px; overflow:hidden;}
		.segment h3 img{ display:block; float:right; padding:0; vertical-align:middle; width:30px; height:auto;}

span.userName{   font-size: 14px;
    font-family: "Rubik-Light", serif;
    font-weight: 300; margin:0 10px; 0 0}


input.ab{ display:inline-block; width:20px;}

.searchContactsInput{ width: 250px;}

@media screen and (max-width: 1400px) { 
.content {
    display: block;
    padding: 20px 5px 0 340px;
    margin-bottom: 100px;
}

input, select, textarea {
    padding: 10px 15px;
}


.rightForm input {

    width: 170px;
    max-width: 170px;

}

input[type="submit"] {
    margin: 20px 0 0 389px;}
}

/*
rgba(80,140,200,1) #508cc8 синий 
rgba(227,43,46,1.00) #e32b2e красный 
rgba(14,169,39,1)  #0ea927 зеленый 
rgba(242,218,101,1) #f2d965 желтый
rgba(253,241,228,1)  #fdf1e4 фон 
rgba(201,174,144,1)  #c9ae90 коричневый
rgba(0,32,52,1)   #002034 шрифт 
*/