@charset "utf-8";
ul .date-time .what {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
	height: auto;
	margin-left: 0;
	text-indent: 0;
	width: auto;
}

span.what {
	background: rgba(0, 0, 0, 0) url("../images/icons-sprite.png") no-repeat scroll -190px -37px;
	display: inline-block;
	height: 12px;
	margin-left: 3px;
	position: relative;
	width: 12px;
}

.online-content span.what span.hint > .before, a.notes span.hint > .before {
	background: rgba(0, 0, 0, 0) url("../images/icons-sprite.png") no-repeat scroll -521px -38px;
	bottom: -10px;
	top: auto;
}

span.what span.hint > .before {
	background: rgba(0, 0, 0, 0) url("../images/icons-sprite.png") no-repeat scroll -497px -38px;
	content: "";
	height: 10px;
	left: auto;
	margin-top: 0;
	position: absolute;
	right: 83px;
	top: -10px;
	width: 15px;
}

span.hint > .before {
	background: rgba(0, 0, 0, 0) url("../images/icons-sprite.png") no-repeat scroll -494px 0;
	content: "";
	height: 26px;
	left: -12px;
	margin-top: -13px;
	position: absolute;
	top: 39px;
	width: 12px;
}

.date-time .what .hint {
	bottom: auto;
	left: -20px;
	right: auto;
	top: -46px;
	width: 105px;
}

span.what span.hint {
	bottom: 23px;
	text-indent: 0;
	top: auto;
}

ul .date-time .what .hint, .online-content ul .date-time .what .hint {
	bottom: auto;
	left: -20px;
	right: auto;
	top: 0;
	width: 105px;
}

span.hint {
	font-weight: normal;
	height: auto;
	margin-top: 0;
	right: -85px;
	top: 23px;
}

span.hint {
	background: #fff none repeat scroll 0 0;
	box-shadow: 0 0 3px 1px #ccc;
	display: none;
	font-size: 11px;
	font-style: normal;
	line-height: 14px;
	margin-top: -41px;
	padding: 13px 15px;
	position: absolute;
	right: -222px;
	text-transform: none;
	top: 50%;
	width: 172px;
	z-index: 10;
}

.history .what:hover span.hint {
	display: block;;
}

.history > div,
.history > ul {
	margin-left: 18px !important;
	margin-right: 23px !important;
}

html.online {
	overflow: visible;
}

body.online {
	min-width: 1000px;
}

.online-content {
	min-width: 952px;
	margin: 0 auto;
}

.online .main-content {
	padding-top: 18px
}

.clear_fix {
	clear: both;
	display: block;
	height: 0;
}

.enter_box {
	position: relative;
	width: 248px;
	padding: 87px 0 41px;
	background: #26282c;
	border-radius: 4px;
	margin: 115px auto 0;
	text-align: center;
}

.enter_box .select {
	text-align: left
}

.enter_box div.select.spec ul {
	border: 1px solid #d3deea;
	background: #fff;
	width: 158px;
	top: -51px;
	left: 4px;
}

.enter_box div.select ul li {
	height: 32px;
	line-height: 32px;
	font-size: 22px;
	color: #000;
}

.enter_box div.select.spec ul li span {
	border-bottom: 0;
	font-size: 22px;
	color: #000;
	height: 32px;
	line-height: 32px;
}

.enter_box a.log {
	text-decoration: none;
	color: #2b2a2e;
	font-size: 18px;
	height: 48px;
	line-height: 48px;
	display: inline-block;
	background: #eec530;
	box-shadow: 0 1px rgba(6, 6, 6, .46);
	padding: 0 19px;
	border-radius: 40px;
}

.enter_box .shadow {
	background: url(../images/shadow.png) no-repeat;
	width: 292px;
	height: 27px;
	position: absolute;
	left: 50%;
	margin-left: -146px;
	bottom: -40px;
}

/* cont_box
------------------------------------------------ */
.cont_box {
	position: relative;
	margin: 0 236px 0 324px;
	padding-top: 6px;
	height: 445px;
	overflow: hidden;
}

.cont_box .duration {
	font-size: 24px;
	color: #2b2c30;
	font-family: 'Helvetica';
	font-weight: 300;
}

.cont_box .note {
	margin-top: 16px
}

.cont_box .note textarea {
	border: 1px solid #c0e2f5;
	padding: 9px 15px;
	resize: none;
	margin: 0;
	font-size: 15px;
	font-family: 'PT Sans';
	color: #959595;
	font-style: normal;
	height: 373px;
	width: 85%;
	display: block;
}

.cont_box .note .list + textarea {
	height: 290px;
}

.wrap-incoming {
	margin-right: 185px;
}

.incoming {
	margin: 0 auto;
	text-align: center;
	width: 775px;
	color: #2b2c30;
	padding-top: 97px;
}

.incoming .incoming-noize {
	position: absolute;
	left: -9999px;
	top: 0;
}

.incoming .info {
	font-family: 'Helvetica';
	font-weight: 300;
	font-size: 16px;
	margin-bottom: 68px;
}

.incoming .info .title {
	font-size: 35px
}

.incoming .info .number {
	font-size: 24px;
	font-weight: 700;
	margin: 21px 0 10px;
}

.incoming .info .time {
	font-size: 24px
}

.incoming a.take,
.incoming a.cancel {
	display: inline-block;
	vertical-align: top;
	text-decoration: none;
	border-radius: 28px;
	padding: 0 22px;
	margin: 0 16px;
	font-size: 23px;
	color: #2b2c30;
}

.incoming a.take {
	height: 61px;
	line-height: 61px;
	box-shadow: 0 1px rgba(6, 6, 6, .46);
	background: #fcc607;
	width: 264px;
}

.incoming a.cancel {
	height: 59px;
	line-height: 59px;
	background: #fff;
	border: 1px solid #ff4343;
	width: 166px;
}

.contact_list .head {
	margin-top: 7px
}

.contact_list .head .title {
	display: inline-block;
	vertical-align: top;
	margin-right: 18px;
	font-family: 'Helvetica';
	font-weight: 300;
	font-size: 24px;
}

.contact_list .head a.add {
	display: inline-block;
	font-size: 13px;
	height: 23px;
	line-height: 23px;
	border-radius: 14px;
	border: solid 2px #eec530;
	padding: 0 15px;
	text-decoration: none;
	vertical-align: top;
	color: #000;
}

.contact_list .head a.add:hover {
	border: none;
	padding: 2px 17px;
	background: #ffd84a;
	box-shadow: 0 1px rgba(0, 2, 3, .25);
}

.contact_list .head a.add:active {
	border: none;
	padding: 2px 17px;
	box-shadow: inset 0 1px rgba(0, 2, 3, .25);
	position: relative;
	top: 1px;
}

.cont_box .filter {
	position: relative;
	font-size: 14px;
	margin-left: 20px;
}

.cont_box .filter:not(.when-redirecting-call) {
	display: inline-block;
}

.redirecting-call .cont_box .filter.when-redirecting-call {
	display: inline-block;

}

.cont_box div.select.spec {
	vertical-align: middle;
	min-width: 100px;
	margin-left: -5px !important;
}

.cont_box div.select.spec li {
	font-size: 11px;
}

.contact_list .list {
	position: relative;
	margin-top: 22px;
	padding: 5px 0;
	margin-left: -10px;
}

.contact_list .list.first {
	position: relative;
	margin-top: 15px;
}

.contact_list .list .not-found-mes {
	display: none;
	text-align: center;
	font-size: 20px;
	color: #7c7c7c;
	padding: 0 0 22px;
}

.contact_list .list .found-mes {
	display: none;
	text-align: center;
	font-size: 20px;
	padding: 0 0 22px;
}

.contact_list .list.searching .found-mes {
	display: block;
}

.contact_list .list.not-found .not-found-mes {
	display: block;
}

.contact_list .list.not-found + .list.not-found:after {
	content: 'Номера не найдены';
	text-align: center;
	font-size: 20px;
	color: #7c7c7c;
	position: absolute;
	left: 0;
	right: 0;
	top: -80px;
	height: 70px;
	background: #fff;
	padding-top: 50px;
}

.contact_list .list.first:before, .contact_list .list.first > .before {
	content: '';
	position: absolute;
	left: 10px;
	bottom: 0px;
	right: 0;
	height: 1px;
	background: #ececec;
}

.contact_list .list .item {
	position: relative;
	margin: 0 0px 16px 10px;
	width: 132px;
	display: inline-block;
	vertical-align: top;
}

.contact_list .list .item:hover {
	background: #ebf6ff;

}

.contact_list.note .list .item:not(.conf):hover {
	background: #fff;
}

.contact_list.note .list .item:not(.conf):hover a {
	cursor: default;
}

.contact_list .list .item.hidden {
	display: none !important;
}

.contact_list .list .item.conf {
	background: #ebf6ff;
}

.contact_list .list .item.conf a:hover {
	background: #ffb3b3;
	border: 1px solid #ffb3b3;
	position: relative;
}

.contact_list .list .item.conf a:hover:after {
	content: '';
	position: absolute;
	right: 6px;
	top: 6px;
	width: 25px;
	height: 9px;
	background: url(../images/icons-sprite.png) no-repeat -461px -699px;
}

.contact_list .list .item.conf:hover span {
	color: #ba6e6e;
}

.contact_list .list .item.active {
	background: #ebf6ff;
	-webkit-box-shadow: inset 0 2px 3px #9aa2a8;
	-moz-box-shadow: inset 0 2px 3px #9aa2a8;
	box-shadow: inset 0 2px 3px #9aa2a8;
}

.contact_list .list.first .item {
	margin-bottom: 21px
}

.cont_box .plashka {
	position: absolute;
	margin: 0;
	background: url(../images/plashka.png) repeat-x 0 100%;
	width: 100%;
	height: 69px;
	left: 0;
	bottom: 0px;
}

.contact_list .list .item a {
	display: block;
	padding: 10px 0 10px 10px;
	border: 1px solid #c0e2f5;
	text-decoration: none;
	font-size: 13px;
	color: #707070;
	position: relative;
}

.contact_list .list .item a .icon-settings {
	display: none;
	position: absolute;
	right: 5px;
	top: 5px;
	width: 12px;
	height: 12px;
	background: url(../images/icons-sprite.png) no-repeat -608px -155px;
}

.contact_list .list .item a:hover .icon-settings {
	display: block;
}

.contact_list .list .item a .title {
	display: block;
	color: #000;
	font-weight: 700;
}

.contact_list .list .item a.active {
	border: 1px solid #f0b3b3;
	color: #ae0000;
}

.contact_list .list .item a.active .title {
	color: #ae0000
}

.contact_list .list .item a.act {
	background: #e7f6ff
}

.search_res {
	text-align: center;
	font-family: 'Helvetica';
	font-weight: 300;
	font-size: 18px;
}

.search_res .ins_number {
	margin-top: 40px;
	padding-bottom: 20px;
	font-size: 18px;
	color: #8e8e8e;
	font-family: 'Helvetica';
	font-weight: 300;
	border-bottom: 1px solid #ececec;
}

.search_res .found {
	margin-top: 25px;
	color: #181716;
}

/* end cont_box */
/* phone_box
------------------------------------------------ */
.phone_box {
	float: left;
	width: 278px;
	text-align: center;
	margin-left: 19px;
	margin-right: 0px;
	background: #f7f7f7;
	padding: 19px 0;
	border-radius: 4px;
	margin-top: 6px;
}

.when-active-call,
.when-close-call,
.when-redirecting-call,
.when-to-conference-call {
	display: none;
}

.active-call .when-normal,
.close-call .when-normal {
	display: none;
}

.active-call .when-active-call,
.close-call .when-close-call,
.redirecting-call .when-redirecting-call,
.to-conference-call .when-to-conference-call {
	display: block;
}

.redirecting-call.active-call .call.when-active-call {
	display: none;
}

.redirecting-call .when-not-redirecting-call {
	display: none;
}

.redirecting-call.to-conference-call .call.when-redirecting-call {
	display: none;
}

.to-conference-call .when-not-to-conference-call {
	display: none !important;
}

.phone_box .number {
	position: relative
}

.phone_box .number input {
	height: 44px;
	width: 226px;
	font-size: 22px;
	display: inline-block;
	text-align: center;
}

.phone_box .number input[type=text][disabled] {
	background-color: #f7f7f7;
}

.phone_box .number a.delete {
	position: absolute;
	background: url(../images/delete.png) no-repeat;
	height: 9px;
	width: 9px;
	right: 14px;
	top: 0px;
	display: none;
}

.phone_box .number input[type=text][disabled] + a.delete {
	display: none !important;
}

.phone_box .btns {
	margin: 11px 0 14px -3px;
}

.phone_box .btns.spec-char {
	display: none;
}

.phone_box .btns a {
	display: inline-block;
	text-decoration: none;
	font-size: 33px;
	color: #b8b8b8;
	line-height: 58px;
	height: 58px;
	width: 57px;
	border-radius: 28px 29px 29px 28px/29px;
	background: #eaeaea;
	box-shadow: 0 1px rgba(0, 2, 3, .25);
	margin: 0 9px 10px;
	vertical-align: top;
}

.phone_box .btns a .spec-char {
	display: none;
}

.phone_box .btns.spec-char a .spec-char {
	display: inline-block;
}

.phone_box .btns.spec-char a .numbers {
	display: none;
}

.phone_box .btns.v2 a {
	color: #000
}

.phone_box .btns.v2 a:hover {
	background: #ffd84a;
}

.phone_box .btns.v2.spec-char a:not(.active):hover {
	background: #eaeaea;
}

.phone_box .btns.v2 a:active {
	box-shadow: inset 0 1px rgba(0, 2, 3, .25);
	position: relative;
	top: 1px;
}

.phone_box .btns.spec-char a {
	color: #b8b8b8;
}

.phone_box .btns.v2.spec-char a.active {
	color: #000;
}

.phone_box .btns a.star {
	height: 47px;
	width: 46px;
	margin: 5px 15px 0 0;
	font-size: 24px;
	line-height: 1.9;
}

.phone_box .btns a.star span {
	position: relative;
	top: 2px;
}

.phone_box .btns a.grille {
	line-height: 47px;
	height: 47px;
	width: 46px;
	margin: 5px 0 0 15px;
}

.phone_box .call a {
	display: inline-block;
	vertical-align: top;
	text-decoration: none;
	height: 47px;
	border-radius: 28px;
	box-shadow: 0 1px rgba(6, 6, 6, .46);
	padding: 0 21px;
	margin: 0 6px;
	line-height: 18px;
}

.phone_box .call a span {
	height: 47px;
	display: table-cell;
	vertical-align: middle;
}

.phone_box .call a.finish {
	font-size: 18px;
	color: #fff;
	background: #ff4343;
}

.phone_box .call a.finish.v2 {
	background: #fcc607;
	color: #2b2c30;
}

.phone_box a.finish.disabled {
	opacity: 0.3;
}

.phone_box .call a.translate {
	font-size: 13px;
	color: #2b2c30;
	background: #fcc607;
	line-height: 15px;
}

.phone_box .call a.save_close {
	font-size: 16px;
	margin-right: 0;
	color: #2b2c30;
	background: #fcc607;
	line-height: 16px;
	padding: 7px 24px 6px;
}

.phone_box .call a.see_also {
	font-size: 13px;
	color: #2b2c30;
	background: #fff;
	height: 33px;
	line-height: 33px;
	margin-top: 10px;
}

.phone_box .call a.anruf {
	font-size: 18px;
	color: #2b2c30;
	background: #fcc607;
	line-height: 47px;
	width: 238px;
	padding: 0;
}

.phone_box .call a.anruf.disabled {
	opacity: 0.3;
}

.phone_box .call a.cancel {
	font-size: 13px;
	color: #fff;
	background: #ff4343;
	height: 33px;
	line-height: 33px;
	margin-top: 6px;
}

/* end phone_box */
/* settings
------------------------------------------------ */
.settings {
	float: right;
	width: 170px;
	color: #7c7c7c;
	background: #f7f7f7;
	padding: 20px 0 1px 15px;
	border-radius: 4px;
	margin: 7px 14px 0 0px;
}

.settings .name {
	display: block;
	font-size: 18px;
	color: #2b2c30;
	font-family: 'Helvetica';
	font-weight: 500;
	margin-left: 5px;
}

.settings .number {
	display: block;
	margin-left: 5px;
	font-size: 14px;
	margin-top: 1px;
}

.settings a.butt {
	text-decoration: none;
	font-size: 13px;
	color: #2b2c30;
	width: 158px;
	border-radius: 16px;
	background: #fff;
	box-shadow: 0 1px rgba(6, 6, 6, .46);
	display: block;
	margin: 14px 0 14px;
	line-height: 14px;
	padding: 9px 0 8px;
}

.settings a.not_disturb {
	color: #fff;
	background: #ff4343;
	box-shadow: 0 -1px rgba(6, 6, 6, .46);
}

.settings a.butt span {
	height: 15px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	width: 158px;
}

.settings .call_setup {
	min-height: 264px
}

.settings .umleiten {
	margin-top: 20px;
	text-align: center;
	width: 152px;
	border-radius: 4px;
	background: rgba(255, 255, 255, 0);
	border: solid 1px #eec530;
	font-size: 13px;
	color: #2b2c30;
	padding: 16px 0 17px;
}

.settings .umleiten .number {
	display: block;
	font-weight: 700;
	margin-bottom: 6px;
}

.settings .umleiten a.butt {
	width: 118px;
	display: inline-block;
	margin-top: 12px;
	margin-bottom: 0;
}

.settings .umleite a.butt span {
	width: 118px
}

/* end settings */

/* history
------------------------------------------------ */
.history {
	position: relative;
	width: 100%;
	margin: 22px 0;
	font-size: 14px;
	color: #2b2c30;
}
.history table {
    margin: 15px 23px 0 18px;
    border: 0;
    border-spacing: 0;
}
.history .title {
	float: left;
	width: 60%;
	font-family: 'Helvetica', sans-serif;
	font-weight: 300;
	font-size: 24px;
	color: #181716;
	text-indent: 0px;
	margin-top: 13px;
}

.history .filter {
	position: relative;
	float: right;
	padding-right: 138px;
	text-align: right;
	margin: 13px 0 0 9px;
}

.history .filter.number {
	margin-right: 20px;
}

.history .filter div.select.spec {
	vertical-align: middle;
	text-align: left;

}

.history .topic {
	margin-top: 12px;
	background: #f7f7f7;
}

.history .topic td {
	position: relative;
	vertical-align: top;
	padding: 11px 0;
}
.history .topic td.date-time { padding-left: 15px; }
.history .topic td.duration { padding-right: 15px; }
.history .topic td a.to-filter {
	color: #000;
	text-decoration: none;
	border-bottom: 1px dashed #000;
}

.history .topic td a.to-filter.has-filter {
	color: #FF0004;
	border-bottom: 1px dashed #FF0004;
}

.history .topic td a.to-filter.active {
	position: relative;
	z-index: 3;
}

.history .topic td .table-filter {
	position: absolute;
	display: none;
	z-index: 2;
	background: #fff;
	left: -10px;
	top: -10px;
	width: 200px;
	padding: 50px 10px 10px;
	font-weight: normal;
	-webkit-box-shadow: 0 0 8px 0px #B4B4B4;
	-moz-box-shadow: 0 0 8px 0px #B4B4B4;
	box-shadow: 0 0 8px 0px #B4B4B4;
}

.history .topic td.date-time .table-filter {
	left: 24px;
	text-indent: 0;
	font-weight: normal;
}

.history .topic td.date-time .table-filter div {
	display: block;
}

.history .topic td.date-time .table-filter .name {
	display: inline-block;
	width: 50px;
	padding-top: 5px;
}

.history .topic td.date-time .table-filter input {
	width: 132px;
	margin: 0 0 10px;
	display: inline-block;
}

.history .topic td .table-filter .buttons {
	font-weight: normal;
	text-align: right;
	display: block;
}

.history .topic td .table-filter .buttons .clear {
	font-size: 11px;
	float: left;
	margin-top: 22px;
}

.history .topic a.to-filter.active + div.table-filter {
	display: block;
}

.history .date {
	width: 11%;
	text-indent: 35px;
}

.history .date-time {
	width: 11%;
	padding-left: 15px;
}

.history .time {
	width: 8%
}

.history .receiving {
	width: 10%
}

.history .external {
	width: 10%
}

.history .redirect {
	width: 10%
}

.history .duration {
	width: 8%;
	padding-right: 1%;
}

.history .type {
	width: 13%
}

.history .status {
	width: 7%
}

.history .spec {
	width: 9%
}
.history .td-audio { width: 20%; position: relative; min-width: 200px;}
.history .topic div .help {
	position: relative;
	display: inline-block;
	background: url(../images/help_ico.png) no-repeat;
	width: 12px;
	height: 12px;
	vertical-align: top;
	margin: 4px 0 0 4px;
	cursor: pointer;
}

.history li,
.history tr td {
	padding: 6px 0 7px;
	border-bottom: 1px solid #ececec;
	position: relative;
	min-height: 26px;
	line-height: 26px;
}

.history li:hover,
.call-history tr:hover {
	background: #ebf6ff;
}

.history .select li,
.history .select tr {
	border-bottom: none;
}

.history li.omitted,
.histroy tr.omitted td {
	background: #faeaea;
	border-bottom: 1px solid #e8dfdf;
}

.history li.took,
.history tr.took td {
	background: #fff;
	border-bottom: 1px solid #ede9d6;
}

.history li div {
	position: relative;
	display: inline-block;
	vertical-align: middle;
}
.history tr td { vertical-align: middle; }

.history .option{
	width: 3%;
	padding-right: 10px;
	text-align:right;
}

.history .option a.download i{
	background: url(../images/icons-sprite.png) no-repeat -739px -149px;
}

.history .option a {
	display: inline-block;
	vertical-align: top;
	text-align: center;
	color: #5196ca;
	width: 24px;
	height: 24px;
	line-height: 24px;
	border-radius: 12px;
	border: solid 1px #78b5e3;
	margin: 6px 15px 0;
	text-decoration: none;
}

.history .option a.play {
	background: url(../images/icons-sprite.png) no-repeat -602px 2px;
}

.history .option a.stop {
	background: url(../images/icons-sprite.png) no-repeat -623px 2px;
}

/*
.history .option a:hover {
	border: solid 1px #eec530;
	color: #eec530;
}
*/

/*
.history .option a:not(.disabled):active {
	border: none !important;
	width: 26px;
	height: 26px;
	background: #eec530;
	box-shadow: inset 0 1px rgba(0, 2, 3, .25);
	color: #fff;
	line-height: 26px;
}
*/

.history .option a:first-child {
	margin-left: 0;
}

.history .option a i {
	display: inline-block;
	background: url(../images/ico.png) no-repeat;
	width: 15px;
	height: 24px;
}

/*
.history .option a:hover i {
	background-position: -14px 0;
}
*/

.history .option a:active i {
	background-position: -28px 0;
}

.history .missed .option .recall:hover i {
	background-position: -28px 0;
}

.history .option .listen i {
	background-position: 0 -24px
}

.history .option .listen:hover i {
	background-position: -15px -24px;
}

.history .option .listen:active i {
	background-position: -28px -23px;
}

.history .missed .option .listen:hover i {
	background-position: -29px -24px;

}

.history .option .notes i {
	background-position: 1px -117px;
	font-style: normal;
	text-indent: -9999px;
	width: 16px;
}

.history .option .notes .hint + i {
	background-position: 1px -139px;
}

.history .option .notes:hover i {
	background-position: -13px -117px;
}

.history .option .notes:hover .hint + i {
	background-position: -13px -139px;
}

.history .missed .option a:hover {
	border-color: #fff;
}

.history .missed .option .notes:hover i {
	background-position: -28px -117px;
}

.history .missed .option .notes:hover .hint + i {
	background-position: -28px -138px;
}

.history .option .notes:active i {
	background-position: -28px -116px;
}

.history .option .notes:active .hint + i {
	background-position: -28px -138px;
}

.history .option .notes.disabled i {
	background-position: -43px -117px;
}

.history .option .notes.disabled .hint + i {
	background-position: -43px -139px;
}

.history .option a.connect,
.history .option a.pick-up {
	background: #eec530;
	box-shadow: 0 1px rgba(6, 6, 6, .46);
	border: 1px solid #eec530;
}

.history .option a.connect:hover,
.history .option a.pick-up:hover {
	background: #ffd84a;
	border: 1px solid #ffd84a;
}

.history .option a.connect:active,
.history .option a.pick-up:active {
	background: #ffd84a;
	position: relative;
	top: 1px;
	box-shadow: inset 0 1px rgba(0, 2, 3, .25);
}

.history .option a.connect.disabled,
.history .option a.pick-up.disabled {
	background: #c7c7c7;
	border: 1px solid #c7c7c7;
	box-shadow: none;
}

.history .option a.connect i {
	background-position: 0 -48px;
}

.history .option a.pick-up i {
	background-position: 0 -71px
}

.history .option a.hang-up {
	border-color: #e06358;
}

.history .option a.hang-up i {
	background-position: 0 -95px
}

.history .option a.disabled {
	border-color: #c7c7c7;
	color: #c7c7c7;
}

.history .option .recall.disabled i {
	background-position: -43px 0px;
}

.history .option .listen.disabled i {
	background-position: -41px -24px;
}

.history .missed .option a.disabled {
	border-color: #bab0b0;
	color: #bab0b0;
}

.history .missed .option .recall.disabled i {
	background-position: -57px 0px;
}

.history .missed .option .listen.disabled i {
	background-position: -54px -24px;
}

.history .missed .option .notes.disabled i {
	background-position: -59px -117px;
}

.history .option a.connect.disabled i {
	background-position: -43px -48px;
}

.history .option a.pick-up.disabled i {
	background-position: -42px -71px;
}

.history .audio {
	line-height: 1;
}

.history .audio.hidden {
	display: none;
}

.history .call td {
	background: #fff488;
	border-bottom: 1px solid #eee6a5;
}

.history .call2.current td {
	background: #f1e575;
}

.history .call2.missed td {
	background: #f7adad;
}

.history .incom .option a i {
}

.history .type {
	position: relative;
}

.history .type .direction {
	display: inline-block;
	position: absolute;
	left: -25%;
	top: 6px;
	background: url(../images/icons-sprite.png) no-repeat -323px -698px;
	width: 42px;
	height: 14px;
}

.history .type .direction.outcome {
	background: url(../images/icons-sprite.png) no-repeat -323px -698px;
}

.history .type .direction.income {
	background: url(../images/icons-sprite.png) no-repeat -382px -698px;
}

.history .type .direction.outcome.redirect {
	background: url(../images/icons-sprite.png) no-repeat -520px -700px;
}

.history .type .direction.income.redirect {
	background: url(../images/icons-sprite.png) no-repeat -580px -700px;
}

/* end history */
/* ui-slider style */
.ui-slider {
	position: relative;
	width: 230px;
	margin-top: 7px;
}

.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: pointer;
}

.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
}

.ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}

.ui-slider-horizontal {
	background: url(../images/ui-slider-horizontal.png) no-repeat;
	height: 13px;
}

.ui-slider-horizontal .ui-slider-handle {
	top: -2px;
	background: #000;
	width: 2px;
	height: 14px;
}

.ui-slider-horizontal .ui-slider-range {
	height: 13px;
	background: url(../images/ui-slider-horizontal.png) no-repeat 0 -13px;
}

.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}

.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}

/* end ui-slider style */

/**/
.settings .umleiten ~ .redirect {
	display: none;
}

.settings .umleiten.hidden ~ .redirect {
	display: block;
}

/**/
a.notes {
	position: relative;
}

a.notes span.hint {
	height: auto;
	bottom: 34px;
	top: auto;
	margin-top: 0;
	right: -85px;
	color: #000;
	text-align: left;
	font-weight: normal;
}

.online-content span.what span.hint {
	bottom: 23px;
	top: auto;
	text-indent: 0;
}

.online-content span.what span.hint > .before,
a.notes span.hint > .before {
	bottom: -10px;
	top: auto;
	background: url(../images/icons-sprite.png) no-repeat -521px -38px;
}

a.notes span.hint > .before {
	content: '';
	position: absolute;
	left: 50%;
	bottom: -10px;
	margin-left: -3px;
	width: 12px;
	height: 10px;
}

.online-content.calling > *:not(.history) {
	display: none;
}

.online-content.calling > .clear_fix {
	display: block !important;
}

.online-content > .when-calling {
	display: none;
}

.online-content.calling > .when-calling {
	display: block;
}

/* act_calls
------------------------------------------------ */
.situation {
	position: relative;
	width: 100%;
	font-size: 14px;
}

.situation .title {
	float: left;
	width: 60%;
	margin-top: 11px;
}

.situation .title .head {
	font-size: 24px;
	font-family: 'Helvetica', sans-serif;
	font-weight: 300;
	color: #181716;
	text-indent: 16px;
	display: inline-block;
	vertical-align: top;
}

.situation .filter {
	display: inline-block;
	margin: 1px 0 0 8px;
}

.situation .filter a, .distribution .filter a {
	display: inline-block;
	margin: 0 12px;
	font-size: 14px;
	text-decoration: none;
	border-bottom: 1px dashed #3479ae;
	line-height: 14px;
	vertical-align: middle;
}

.situation .filter a.active, .distribution .filter a.active {
	border-bottom: 0;
	padding: 0 12px;
	height: 26px;
	line-height: 24px;
	vertical-align: middle;
	background-color: #ffd84a;
	box-shadow: inset 0 1px rgba(0, 2, 3, .56);
	color: #2b2c30;
	border-radius: 12px;
	margin: 0;
}

.situation .total {
	float: right;
	font-size: 13px;
	margin: 15px 35px 0 0;
}

.situation .total .jquery-checkbox, .situation .total .jquery-radio {
	position: relative;
	display: inline-block;
	vertical-align: bottom;
	cursor: pointer;
}

.situation .topic {
	margin: 18px 23px 0 15px;
	background: #f7f7f7;
	padding: 13px 0 10px;
	border-bottom: 1px solid #ececec;
	color: #2b2c30;
}

.situation .topic:after {
	position: relative;
	content: '.';
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
}

.situation .topic div, .situation li div {
	position: relative;
	float: left;
}

.situation .topic span.what, .situation li div span.what {
	margin: 2px 0 0 6px;
	vertical-align: top;
}

.situation li:after {
	position: relative;
	content: '.';
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
}

.situation .topic .number {
	width: 19.5%;
	text-indent: 17px;
}

.situation .received {
	width: 14.1%
}

.situation .taken {
	width: 16.1%
}

.situation .response {
	width: 16.4%
}

.situation .duration {
	width: 20.7%
}

.situation .topic .not_call {
	width: 110px;
	float: right;
	margin-right: 1px;
}

.situation li .number {
	width: 19.5%;
	text-indent: 15px;
}

.situation li .duration {
	width: 21.6%
}

.situation li .not_call {
	width: 100px;
	float: right;
}

.situation li .topic div .help {
	position: relative;
	display: inline-block;
	background: url(../images/help_ico.png) no-repeat;
	width: 12px;
	height: 12px;
	vertical-align: top;
	margin: 4px 0 0 4px;
	cursor: pointer;
}

.situation li {
	padding: 17px 0 12px;
	border-bottom: 1px solid #ececec;
	position: relative;
	min-height: 26px;
	line-height: 26px;
}

.situation li:hover {
	background: #f7fafd;
}

.situation ul {
	margin: 0 23px 0 15px;
	font-size: 24px;
	line-height: 18px;
}

.situation li .number {
	font-size: 17px;
}

.situation li div .value {
	font-size: 13px;
	display: inline-block;
	vertical-align: bottom;
	line-height: 19px;
	margin-left: 1px;
}

.situation li div .top {
	display: inline-block;
	vertical-align: top;
	line-height: 18px;
}

.situation li .col_1 {
	color: #fa361b;
}

/* end situation */

/* act_calls
------------------------------------------------ */
.act_calls {
	position: relative;
	margin: 45px 30px 0 15px;
	font-size: 14px;
	color: #2b2c30;
}

.act_calls.analit {
	margin-right: 0;
	margin-left: 0;
}

.act_calls .title {
	font-family: 'Helvetica';
	font-weight: 300;
	font-size: 24px;
	color: #181716;
	margin-top: 13px;
	text-indent: 2px;
}

.act_calls .filter {
	position: absolute;;
	right: 137px;
	top: 5px;
}

.act_calls .filter div.select.spec {
	vertical-align: middle;
	text-align: left;
}

.act_calls .filter div.select ul {
	left: 1px;
}

.act_calls .filter div.select ul li {
	padding-left: 2px;
	border-bottom: 0;
}

.act_calls .filter div.select.spec ul li.checked span {
	line-height: 13px;
	display: inline-block;
}

.act_calls .topic {
	margin-top: 17px;
	background: #f7f7f7;
	padding: 13px 0 12px;
	font-size: 14px;
}

.act_calls .topic div, .act_calls li div {
	position: relative;
	display: inline-block;
}

.act_calls .time {
	width: 14.1%;
	text-indent: 20px;
}

.act_calls .phone {
	width: 23.0%
}

.act_calls .internal {
	width: 15.5%
}

.act_calls .external {
	width: 22.5%
}

.act_calls .duration {
	width: 10%
}

.act_calls .option {
	width: 5%
}

.act_calls.analit .date-time {
	width: 15%;
	text-indent: 20px;
}

.act_calls.analit .receiving {
	width: 16%;
}

.act_calls.analit .external {
	width: 16%;
}

.act_calls.analit .redirect {
	width: 16%;
}

.act_calls .topic div .help {
	position: relative;
	display: inline-block;
	background: url(../images/help_ico.png) no-repeat;
	width: 12px;
	height: 12px;
	vertical-align: top;
	margin: 4px 0 0 4px;
	cursor: pointer;
}

.act_calls li {
	padding: 5px 0 5px;
	border-bottom: 1px solid #ececec;
	position: relative;
	min-height: 26px;
	line-height: 26px;
}

.act_calls li .time {
	text-indent: 23px;
}

.act_calls li:hover {
	background: #f7fafd
}

.act_calls .option {
	width: 25%;
}

/*
.act_calls .option a {
	display: inline-block;
	vertical-align: top;
	text-align: center;
	color: #5196ca;
	width: 24px;
	height: 24px;
	line-height: 24px;
	border-radius: 12px;
	border: solid 1px #78b5e3;
	text-decoration: none;
	margin-right: 4px;
}

.act_calls .option a.download i {
	background: url(../images/ico.png) no-repeat 1px -117px;
	width: 16px;
	height: 24px;
}

.act_calls .option a i {
	display: inline-block;
	background: url(../images/ico.png) no-repeat;
	width: 15px;
	height: 24px;
}

.act_calls .option .listen i {
	background-position: 0 -24px
}
*/

.act_calls .audio {
	width: auto;
	background: none;
	border: none;
	padding: 0;
	margin: 0 10px 0 0;
	line-height: 1;
}

.act_calls .option a.play {
	margin: 0;
	background: url(../images/icons-sprite.png) no-repeat -602px 2px;
}

.act_calls .option a.stop {
	margin: 0;
	background: url(../images/icons-sprite.png) no-repeat -623px 2px;
}

.act_calls .audio .time {
	margin-left: -19px;
	margin-top: 3px;
}

.act_calls .audio.hidden {
	display: none;
}

/* end act_calls */

/* distribution
------------------------------------------------ */
.distribution {
	position: relative;
	width: 241px;
	margin: 35px 24px 48px 0;
	font-size: 14px;
	color: #2b2c30;
	float: right;
}

.distribution .statistics {
	background: #f7f7f7;
	padding: 15px 0 25px;
}

.distribution .title {
	font-family: 'Helvetica';
	font-weight: 300;
	font-size: 24px;
	color: #181716;
	margin-left: 17px;
}

.distribution .filter {
	margin: 24px 0 0 3px;
}

.distribution .filter a {
	margin: 0 0 0 13px;
	font-size: 12px;
	line-height: 13px;
}

.distribution .filter a3:first-child {
	margin-right: 11px;
}

.distribution .statistics ul {
	margin: 18px 0 0 21px;
}

.distribution .statistics li {
	text-align: center;
	display: inline-block;
	width: 28px;
	vertical-align: bottom;
	font-size: 12px;
	color: #2b2c30;
	margin-left: 7px;
}

.distribution .statistics li .scale {
	display: block;
	background: #e4e4e4;
	margin: 9px 0 7px;
}

.distribution .statistics li:first-child .scale {
	height: 101px;
}

.distribution .statistics li:nth-child(2) .scale {
	height: 76px;
}

.distribution .statistics li:nth-child(3) .scale {
	height: 59px;
}

.distribution .statistics li:nth-child(4) .scale {
	height: 45px;
}

.distribution .statistics li:nth-child(5) .scale {
	height: 23px;
}

.distribution .order_box {
	text-align: center;
	margin-top: 19px;
	background: url(../images/order_bg.jpg) no-repeat;
	height: 205px;
	width: 241px;
}

.distribution .order_box .head {
	display: block;
	font-family: "Helvetica";
	font-size: 24px;
	color: #fff;
	font-weight: 300;
	padding-top: 38px;
	margin-bottom: 15px;
}

.distribution .order_box .button {
	height: 36px;
	line-height: 36px;
	padding: 0 22px;
	border-radius: 20px;
	font-size: 16px;
}

/* end distribution */

/* pricing
------------------------------------------------ */
.pricing {
	position: relative;
	width: 100%;
	font-size: 14px;
	margin-top: 13px;
}

.pricing .item {
	color: #0b263d;
	margin: 0 20px 52px 16px;
}

.pricing .title {
	color: #0b263d;
	font-size: 20px;
	font-family: "Helvetica";
	font-weight: 300;
}

.pricing .title span.what {
	/*background-position: -178px 0;*/
}

.pricing .item ul {
	margin-top: 15px;
	border-bottom: 1px solid #ececec;
}

.pricing .item ul.last {
	border-bottom: 0;
	font-size: 16px;
}

.pricing .item li {
	padding-top: 10px;
	border-top: 1px solid #ececec;
	margin-bottom: 10px;
}

.pricing .it2 {
	margin-bottom: 45px;
}

.pricing .it2 li .info {
	margin-top: 10px;
}

.pricing .item li:after {
	position: relative;
	content: '.';
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
}

.pricing .item .icon {
	float: left;
	width: 6.7%;
}

.pricing .item .icon i {
	display: block;
	background: url(../images/icons-sprite.png) no-repeat;
}

.pricing .item .icon .ic1 {
	width: 37px;
	height: 44px;
	background-position: -657px -33px;
	margin: 6px 0 0 5px;
}

.pricing .item .icon .ic2 {
	width: 44px;
	height: 36px;
	background-position: -699px -34px;
	margin: 8px 0 0 1px;
}

.pricing .item .icon .ic3 {
	width: 39px;
	height: 42px;
	background-position: -744px -35px;
	margin: 8px 0 0 4px;
}

.pricing .item .icon .ic4 {
	width: 37px;
	height: 38px;
	background-position: -783px -37px;
	margin: 12px 0 0 6px;
}

.pricing .item .icon .ic5 {
	width: 33px;
	height: 40px;
	background-position: -821px -36px;
	margin: 17px 0 0 6px;
}

.pricing .item .icon .ic6 {
	width: 49px;
	height: 22px;
	background-position: -855px -38px;
	margin: 3px 0 0 6px;
}

.pricing .item .icon .ic7 {
	width: 45px;
	height: 49px;
	background-position: -907px -37px;
	margin: 3px 0 0 6px;
}

.pricing .item .info {
	float: left;
	width: 72%;
	margin-top: 3px;
}

.pricing .item .info .head {
	display: block;
	font-size: 17px;
	font-family: "Helvetica";
	font-weight: 700;
	margin-bottom: 5px;
}

.pricing .item .info .head.sub_item {
	border-top: 1px solid #ececec;
	margin-top: 20px;
	padding-top: 10px;
}

.pricing .item .info a.button {
	font-size: 16px;
	margin-top: 0;
	margin-left: 200px;
}

.pricing .item .info span.new {
	margin-left: 200px;
	background-color: #0afff8;
	padding: 5px;
}

.pricing .item .info span.in_progress {
	margin-left: 200px;
	background-color: #52ff65;
	padding: 5px;
}

.pricing .item .info span.done {
	margin-left: 200px;
	background-color: #b356ff;
	padding: 5px;
}

.pricing .item .info span.failed {
	margin-left: 200px;
	background-color: #ff5168;
	padding: 5px;
}

.pricing .item .info a.more {
	color: #0b263d;
}

.pricing .item .tools {
	float: right;
	width: 164px;
	font-size: 13px;
}

.pricing .item .tools .in {
	margin: 3px 0 6px 28px;
	line-height: 20px;
}

.pricing .item .tools .in a {
	font-size: 14px;
}

.pricing .item .tools .head, .pricing .item .tools a.change span {
	display: block;
	font-size: 16px;
	font-weight: 700;
}

.pricing .item .tools a.change {
	color: #0b263d;
	text-decoration: none;
	display: block;
	text-align: center;
	width: 160px;
	height: 55px;
	border-radius: 4px;
	background-color: #eec530;
	box-shadow: 0 1px rgba(6, 6, 6, .46);
	padding-top: 15px;
}

.pricing .conf_tools {
	margin: 59px 0 0 66px;
}

.pricing .conf_tools .txt {
	display: inline-block;
	vertical-align: top;
	margin-top: 5px;
}

.pricing .conf_tools .total {
	display: inline-block;
	vertical-align: top;
	margin: 0px 0 0 20px;
}

.pricing .conf_tools .total input {
	width: 41px;
	padding-left: 10px;
	margin: 0;
}

.pricing .conf_tools .settings_box a.disable {
	color: #d90000;
	display: inline-block;
	vertical-align: top;
	margin-top: 27px;
}

.pricing .conf_tools .settings_box .buttons {
	float: right;
	margin: 2px 17px 0 0;
}

.pricing .conf_tools .settings_box .buttons a.button {
	margin-left: 14px;
	border: 0;
	padding: 0;
	text-align: center;
	box-shadow: 0 1px rgba(6, 6, 6, .46);
	height: 36px;
	line-height: 36px;
	width: 114px;
	border-radius: 20px;
	font-size: 16px;
}

.pricing .payment {
	text-align: right;
	margin-top: 51px;
	font-size: 20px;
	font-family: "Helvetica";
	font-weight: 300;
}

.pricing .payment span {
	font-weight: 700;
}

/* end pricing */
/*icons*/

a.icon {
	display: inline-block;
	vertical-align: top;
	text-align: center;
	color: #5196ca;
	width: 24px;
	height: 24px;
	line-height: 24px;
	border-radius: 12px;
	border: solid 1px #78b5e3;
	margin: 0 0 0 15px;
	text-indent: 0;
	text-decoration: none;
}

a.icon.done i {
	display: inline-block;
	background: url(../images/icons-sprite.png) no-repeat -718px -149px;
	width: 15px;
	height: 24px;
}

/**/
a.dotted {
	border-bottom: 1px dashed #3479ae;
	text-decoration: none;
}

.edit-on-click span {
	vertical-align: bottom;
}

.edit-on-click .show-on-editing {
	display: none;
}

.edit-on-click.editing .show-on-editing {
	display: block;
}

.edit-on-click.editing .show-on-editing .icon {
	margin-top: -4px;
	margin-bottom: -5px;
}

.edit-on-click.editing input {
	width: 120px;
	margin-left: 0 !important;
	display: inline-block;
	margin-bottom: -2px;
	height: 20px;
	line-height: 20px;
}

.edit-on-click.editing span {
	display: none;
}