/**
  * Copyright (C) Slican 2012
  * 
  * Project name: VSx
  * 
  * File created by: Robert Mordec
  * 
  * Description:	 
  * 
  */

@CHARSET "UTF-8";

/* General */

* {
	margin: 0;
}

html {
	height: 100%;
}

body {
	background: #e8e8e8;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	margin: 0;
	height: 100%;
}

#page {
	background: #e8e8e8;	
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -3em;	
}

.footer_push {
	height: 2em;
}

.copyright {
	font-size: 0.8em;
	text-align: center;
	height: 1.5em;
	padding-top: 20px;
}

.copyright p {

}

.error {
	font-weight: bold;
	color: red;
}

div.table {
	overflow-x: auto;	
}

div#content > div.table,
div.form,
div.table:first-child ,
div.tree,
div#head_title,
div.content,
.options_group,
.error_group, 
.ok_group,
.wait_group,
.browser_box .link,
#menu_main > ul > li,
#WzTtDiV,
.table #sound_manager .lang,
.table #audio_sound .lang,
.flexdropdownmenu, 
.flexdropdownmenu ul,
img.gsm_signal,
img.wifi_signal,
.table td span.display.lcd,
form#vox_calibrate_form span#sound_detector {
	-moz-border-radius: 4px 4px 4px 4px;
	border-bottom-left-radius: 4px 4px;
	border-bottom-right-radius: 4px 4px;
	border-top-left-radius: 4px 4px;
	border-top-right-radius: 4px 4px;	
}

div.table.nested_table, 
div.table_head.nested_table_head {
	-moz-border-radius: 0px 0px 0px 0px !important;
	border-bottom-left-radius: 0px 0px !important;
	border-bottom-right-radius: 0px 0px !important;
	border-top-left-radius: 0px 0px !important;
	border-top-right-radius: 0px 0px !important;	
}


div.table_row {
	display: table-row;
}

div.table_cell {
	display: table-cell;
	padding: 5px;
}

div.form_spacer_div {
	height: 5px;
}

div.form_spacer_div.update_cti_space {
	height: 72px;
}

span.color_box {
	width: 5px;
 	height: 5px;
  	margin: 5px;
  	border: 1px solid;
  	padding: 1px 20px 1px 2px;
}

.form .form_head,
.table .table_head,
.tree .tree_head,
#menu #menu_main > ul > li #menu_item {
	-moz-border-radius: 4px 4px 0 0;
	border-top-left-radius: 4px 4px;
	border-top-right-radius: 4px 4px;	
}

.title .caption {
	background: #003681;
	/* Safari 4-5, Chrome 1-9 */
	background: -webkit-gradient(radial, center center, 0, center center, 200, from(#00acff), to(#003681));
	/* Safari 5.1+, Chrome 10+ */ 
	background: -webkit-radial-gradient(circle, #00acff, #003681);
	/* Firefox 3.6+ */
	background: -moz-radial-gradient(circle, #00acff, #003681);
	/* IE 10 */ 
	background: -ms-radial-gradient(circle, #00acff, #003681);
	/* Opera 11.10+ */
	background-image: -o-linear-gradient(right, #003681 0%, #00acff 50%, #003681 100%);
	color: white;
}

.error_form_head {
	background: red;
	/* Safari 4-5, Chrome 1-9 */
	background: -webkit-gradient(radial, center center, 0, center center, 200, from(red), to(salmon));
	/* Safari 5.1+, Chrome 10+ */ 
	background: -webkit-radial-gradient(circle, red, salmon);
	/* Firefox 3.6+ */
	background: -moz-radial-gradient(circle, red, salmon);
	/* IE 10 */ 
	background: -ms-radial-gradient(circle, red, salmon);
	/* Opera 11.10+ */
	background-image: -o-linear-gradient(right, salmon 0%, red 50%, salmon 100%);
	color: white;
}

.form .form_head,
.form tr.title td,
.table .table_head,
.table .table_head_inside,
.table tr.title td,
.tree .tree_head {
	background: #003681;
	/* Safari 4-5, Chrome 1-9 */
	background: -webkit-gradient(linear, right top, left top, from(#00acff), to(#003681));
	/* Safari 5.1+, Chrome 10+ */ 
	background: -webkit-linear-gradient(right, #00acff, #003681);
	/* Firefox 3.6+ */
	background: -moz-linear-gradient(right, #00acff, #003681);
	/* IE 10 */ 
	background: -ms-linear-gradient(right, #00acff, #003681);
	/* Opera 11.10+ */
	background-image: -o-linear-gradient(right, #00acff, #003681 );
	color: white;
}

.hidden {
	display: none !important;
	visibility: hidden;
}

div.options_group {
	margin: 5px;
	padding: 5px;
	border: #b8b8b8 solid 1px;
}

div.options_group .label {
	padding-left: 5px;
	background-color: lightgrey;
	margin-bottom: 2px;	
}

div.options_group .space {
	padding-bottom: 8px;	
}

div.error_group {
	margin: 5px;
	padding: 5px;
	border: #FFB2B2 solid 3px;
}

div.ok_group {
	margin: 5px;
	padding: 5px;
	border: green solid 3px;
}

div.wait_group {
	margin: 5px;
	padding: 5px;
	border: #7ac5e0 solid 3px;
}

div.wait_group img {
	margin: 0 5px;	
}

.popup_menu {
	font-size: 0.8em;
	font-weight: normal;
}

.popup_menu .popup {
	cursor: pointer;
	vertical-align: text-bottom;
	padding: 1px 10px 1px 2px;
	background: url("images/open_menu.png") right 4px no-repeat white;
	border: solid 1px lightgrey;
	-webkit-box-shadow: 1px 1px #888;
	box-shadow: 1px 1px #888;
	margin: 0;		
}

.popup_menu .popup:active {
	-webkit-box-shadow: inset 1px 1px #888;
	box-shadow: inset 1px 1px #888;			
}

.buttons button.menu {
	background-image: url("images/open_menu.png");
	background-position: 97% center;
	padding-right: 35px !important;
	padding-left: 20px !important;
	background-repeat: no-repeat;
}

.additional_info {
	font-style: italic;
	font-size: 0.9em;
}

.normal_info {
	font-style: italic;
}

.no_comment {
	font-style: italic;
	color: #888;
}

.sub_text {
	font-size: 0.75em;
	line-height: 1.125em
}

a,
a:visited {
	color: blue;
}

a:active {
	color: red;
}

.highlight {
	background-color: yellow;
}

.symbol,
.dev_symbol {
	font-weight: bold;
	font-size: 0.85em;
	color: #555;
}

.error.symbol,
.error.dev_symbol {
	color: red;
}

span.acs_key_reader_device {
	float: right;
	cursor: pointer;
	padding-top: 10px;
}

span.acs_key_reader_device > span {
	color: #003681;
}

#device_id_label {
	padding: 0 0 0 25px;
	background: url("images/scan.gif") left center no-repeat white;
}

.custom nested_table.keys_info  tr:last-child > td,
.custom nested_table.keys_info  tr:last-of-type > td {
	border-bottom: none;
}

.table tr.disabled .symbol,
.table tr.disabled .dev_symbol,
span.app_inactive {
	color: #b8b8b8;
}

.table tr.disabled .error.symbol,
.table tr.disabled .error.dev_symbol {
	color: mistyrose;
}

.symbol_no_color {
	font-weight: bold;
	font-size: 0.85em;
}

.link {
	cursor: pointer;
}

.unselectable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* No script */

/* Hide if JS disabled */
#page {
	display: none;
} 

object, embed {
	display: block;
	width: 100%;
}

/* Show if JS enabled */
.js #page {
	display: block;
} 

/* Hide if JS enabled */
.js #noscript {
	display: none;
} 

/* Title */

#title {
	background: white;
	text-align: left;
	border-bottom: #003681 solid 9px;
	overflow: auto;
}

#title_logo {
	position: relative;
	background: white;
	height: 100%;		
	display: inline-block;
	overflow: hidden;
}

#title_logo a img {
	border: none;	
}

#title_logo img {
	background: white;
	width: 100%;
}

#title_alpha {
	color: red;
	text-shadow: 0 0 5px white;
	font-weight: bold;
	font-size: 0.8em;
	position: absolute;
	bottom: 10px;
	left: 50px;
}

#title_name {
	position: absolute;
	top: 4px;
	left: 30%;
	right: 30%;
	text-align: center;	
}

#title_name a {
	text-decoration: none;
	font-size: 0.9em;
	color: #003681;
}

#title_sync,
#title_sync_done,
#title_conn_lost {
	position: absolute;
	top: 26px;
	left: 30%;
	right: 30%;
	text-align: center;
	font-size: 0.9em;
	font-style: italic;
	display: inline-block;
	margin-top: 4px;	
}

#title_sync span {
	color: #003681;
	padding: 0 0 0 20px;
	background: url("images/ajax-loader3.gif") left center no-repeat white;
}

#title_sync_done span {
	color: green;
	padding: 0 0 0 20px;
	background: url("images/converged.png") left center no-repeat white;
}

#title_conn_lost span {
	padding: 0 0 0 20px;
	background: url("images/connection_lost.png") left center no-repeat white;
}

#title_undo {
	color: #003681;
	position: absolute;
	top: 30px;
	right: 4px;
	text-align: center;	
	display: inline-block;
}

#title_undo a {
	color: #003681;
	text-decoration: none;
	font-weight: bold;
	padding: 0 0 0 20px;
	background: url("images/undo.png") left center no-repeat;	
}

#title_logged {
	color: #003681;
	cursor: pointer;
	text-align: right;	
	display: inline-block;
	float: right;
	margin-top: 4px;
	margin-right: 16px;
	padding: 0 16px 0 0;	
	background: url("images/tree-arrow-down.png") right center no-repeat white;
}

#title_logged_auth {
	color: #003681;
	text-align: right;	
	display: inline-block;
	float: right;
	margin-top: 4px;
	margin-right: 16px;
}

#webcti_title_logo_label {
	font-size: 18px;
	font-weight: bold;
	display: inline-block;
	letter-spacing: -1px;
	vertical-align: top;
	padding-top: 15px;
}

#webcti_title_logo_img{
	width: 120px !important;
	object-fit: cover;
	object-position: 0;
}

#webcti_title_logo_label a {
	color: #16b4fe;
	text-decoration: none;
}

/* Error */

.error_form {
	width: 600px;
	padding: 0;
	margin: 100px auto;	
}

.error_form_head {
	color: white;
	padding: 2px;
}

.error_form_body {
	font-weight: normal;
	padding: 10px;
}

/* Forms */
form {
	overflow-x:	auto;
}

.form {
	background: white;
	font-weight: bold;
	color: #003681;
	border: solid 1px #b8b8b8;
	margin: 5px auto;
	padding-bottom: 2px;	
}

.form .form {
	border: none;
}

.form table {
	width: 100%;
	text-align: left;
	border-collapse: separate;
	border-spacing: 0;
}

.form_head {
	padding: 2px 6px;
	text-align: left;
}

.form tr.title td {
	padding-top: 1px;
	padding-bottom: 1px;
	font-weight: bold;
}

.form tr.link:hover {
	background-color: #f5f5f5;
}

.form tr.link:hover td {
	background-color: #f5f5f5;
}

.form tr.hovering:hover td {
	background-color: whitesmoke;
}

.form td {
	padding: 5px;
	border-bottom: solid 1px #7ac5e0;
}

.form tr:last-child > td,
.form tr:last-of-type > td,
.form tr.last > td,
.form tr.combine > td,
.form.dialog tr > td {
	border-bottom: none;
}

table tr.last > td {
	border-bottom: none;
	border-top: none;
}

.form tr.underline > td {
	border-bottom: solid 1px #7ac5e0;
}

.form td.caption {	
	width: 400px;
	font-weight: normal;
	background-color: white;
	color: #003681;
	vertical-align: top;	
}

.form td.caption.sub_item {
	padding-left: 60px;	
	width: 340px;
}

.form span.test_calls_status {
	padding-left: 25px;
	background: url("images/ajax-loader2.gif") 0px 45% no-repeat white;
}

.form td.caption .allow {
	padding-left: 20px;
	background: 2px center no-repeat url("images/allow.png");
}

.form td.caption .deny {
	padding-left: 20px;
	background: 2px center no-repeat url("images/deny.png");
}

.form td.caption .ignore {
	padding-left: 20px;
	background: 2px center no-repeat url("images/ignore.png");
}

.form td.caption img {
	vertical-align: top;
	margin-right: 4px;
}

.form tr.info td {	
	background-color: white;
	color: #003681;
}

.form tr.info td a {	
	color: #003681;
	display: inline;
}

.form tr.info.error td {	
	color: red;
}

.form tr.info.firmware_alpha_info td {
	color: red;
	font-style: italic; 
}

.form.login tr.info.firmware_alpha_info td {
	color: red;
	font-style: italic; 
	text-align: center;
}

.form tr.sort_item td.caption,
.form tr.no_sort_item td.caption {	
	width: 370px;
}

.form.wide td.caption {
	width: 600px;
}

.form.thin td.caption {
	width: 200px;
}

.form.thin tr.tab > td.caption {
	width: 180px;
}

.form.less td.caption {
	width: 300px;
}

.form.less tr.tab > td.caption {
	width: 280px;
}

.form.center {
	width: 500px;
	margin: 32px auto;
}

.form.center.info {
	width: 800px;
	margin: 32px auto;
}

.form.center.login {
	margin: 0px auto;
}

.form.fullpage {
	margin: 20px;
}

.form.dialog {
	border: none;
}

.form.bottom_spacer {
	margin-bottom: 20px;
}

.form.center td.caption {
	width: 200px;
}

.form.center .edit_buttons {
	text-align: center;
}

.form.info.center .edit_buttons {
	text-align: right;
}

.form td.value {
	background-color: white;
	vertical-align: top;
}

.form td.value .on {
	padding: 0 0 0 20px;
	background: url("images/rule_on.png") left center no-repeat white;
}

.form td.value .not {
	padding: 0 0 0 20px;
	background: url("images/rule_not.png") left center no-repeat white;
}

.form td.value .off {
	color: red;
	padding: 0 0 0 20px;
	background: url("images/rule_off.png") left center no-repeat white;
}

.pass_reminder {
	cursor: pointer;
	font-size: 0.75em;
	text-align: left;
	padding: 5px; 
	float: right;
	color: grey;
}

.pass_reminder a,
.pass_reminder a:visited{
	color: grey;	
}

.pass_reminder a:hover {
	color: blue;
}

.form td textarea {
	width: 300px;
	height: 100px; 
}

td.value img {
	float: left;
	margin: 0 5px 0 0;
}

tr.icon td.value {
	text-align: center;
}

tr.icon.left td.value {
	text-align: left;
}

tr.icon td.value img {
	float: none;
	margin: 0;
}

td.value img.tab {
	float: none;
}

td.value span.label_buttons {
	float:	left;
	min-width:	200px;
	margin-right:	5px;
}

td.value span.normal {
	font-weight: normal;
}

td.value button.additional_button {
	vertical-align: top;
}

input [type="button"],[type="submit"] {
	min-width: 60px;
	min-height: 19px;
}

input.wide {
	width: 400px;
}

tr.short td select {
	width: 50px;
} 

input.pin {
	width: 50px;
}

input.currency_units {
	text-align: right;
}

input.date_picker {
	width: 80px;
}

input.time_picker {
	width: 70px;
}

.hidden_inputfile {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}

select {
	height: 22px;
}

select[disabled] {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    text-indent: 0.01px;
    text-overflow: '';
}

select.select_multiple{
	min-height: 22px;
	height:auto;
}

select.list {
	height: 300px;
}

.edit_buttons {
	text-align: left;
	padding: 4px 16px;
	border-top: solid 1px #7ac5e0;
}

.ok_buttons {
	padding: 4px;
}

button.backup_delete_button {
	margin-left: 20px;
}

.form .slider_caption {
	margin: 0 5px 2px;
	text-align: center;
}

.form .slider {
	margin: 0 5px;
	background-color: #e8e8e8;
}

.form .slider.with_buttons {
	display: inline-block;
}

button.pdf {
	background-repeat: no-repeat;
	background-position: left;
	padding: 0 20px;
}

button.button_active {
	-webkit-box-shadow: inset 1px 1px 1px #888 !important;
	box-shadow: inset 1px 1px 1px #888 !important;	
	background-color: #c2c2c2 !important;
	border-color: #cccccc !important;
}

.form_ok,
.field_ok {
	background-color: #008000;
	color: white;
	font-size: 0.9em;
	padding: 4px 6px;
	text-align: left;
	border-bottom: solid 1px #7ac5e0;
}

.form_error,
.field_error {
	background-color: #FF0000;
	color: white;
	font-size: 0.9em;
	padding: 4px 6px;
	text-align: left;
	border-bottom: solid 1px #7ac5e0;
}

.form_wait {
	background-color: #7ac5e0;
	color: white;
	font-size: 0.9em;
	padding: 4px 6px;
	text-align: left;
	border-bottom: solid 1px #7ac5e0;
}

.form tr.info > td {
	font-size: 0.9em;
	padding: 4px 6px;
	text-align: left;
}

.form tr.info.normal > td {
	font-weight: normal;	
}

.form tr.info.sub_text > td {
	font-size: 10px;
}

.form tr.normal > td {
	font-weight: normal;
}

.form tr.center > td {
	text-align: center;
}

.form tr.center_value > td.value {
	text-align: center;
}

.form tr.ann_script > td.value span {
	padding-left: 20px;
	background: url("images/ivr_action_play.png") left no-repeat;
	font-style: italic;
	font-weight: normal;
}

.form td.center {
	text-align: center;
}

.form tr.bold > td {
	font-weight: bold;
}

.form tr.tab > td:first-child {
	padding-left: 20px; 
}

.form tr.tab > td.caption {
	width: 380px;	
}

.form tr.tab2 > td:first-child {
	padding-left: 40px; 
}

.form tr.tab2 > td.caption {
	width: 360px;
}

.form tr.tab3 > td:first-child {
	padding-left: 60px; 
}

.form tr.tab3 > td.caption {
	width: 340px;
}

.form td.caption.tab {
	padding-left: 20px;
	width: 385px; 
}
.form td .ui-button {
	height: 22px;
}

.form td .newpwd {
	font-weight: bold;
}

.form td .error,
.form td .offline {
	color: red;
	font-weight: bold;
}

.form td .online {
	color: green;
	font-weight: bold;
}

.form .sub_text {
	font-size: 0.75em;
}

.form .sub_text ul {
	padding-left: 16px;
}

.form .field_button {
	display: inline-block;	
}

.form .ui-widget {
	font-size: 10pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.form input#min_length,
.form input#max_length,
.form input#trim {
	width: 40px;
}

.form input.national_prefix,
.form input#overlap_digits,
.form input.short_number {
	width: 40px;
}

.form input.medium_number,
.form input.area_prefix {
	width: 60px;
}

.form input.licence_code {
	width: 60px;
}

.form label.radio {
	display: block;
	font-weight: normal;
	padding-bottom: 5px;
}

.form label.radio span {
	display: inline-block;
	vertical-align: top;
}

.form input.radio {
	vertical-align: middle;
}

.form select.min_width,
.form select.admin_permissions {
	min-width: 150px;
}

.form textarea.huge {
	width: 500px;
	height: 200px;
}

.form textarea.custom_key_card_reader {
	width: 400px;
	height: 2.5em;
}

.form textarea.nowrap {
	white-space: pre;
	word-break: keep-all;
	word-wrap: normal;
	overflow: auto;
}

td#code textarea {
	width: 100%;
}

.form td.image_combo div {
	padding-left: 22px;	
}

.form td.image_combo div.allow,
.form td.combo div.access_edit {
	background: 2px center no-repeat url("images/allow.png");
}

.form td.image_combo div.ignore {
	background: 2px center no-repeat url("images/ignore.png");
}

.form td.combo div.deny,
.form td.combo div.access_deny {
	background: 2px center no-repeat url("images/deny.png");
}

span.conflict_alert {
	background: 2px center no-repeat url("images/warning.png");
	padding-left: 22px;
	filter: invert(30%) saturate(400%) hue-rotate(190deg) brightness(180%);
}

span.rule span.conflict_alert {
	background-size: 13px;
}

.form td.image_combo div.en {
	background: 2px center no-repeat url("images/gb.png");
}

.form td.image_combo div.pl {
	background: 2px center no-repeat url("images/pl.png");
}

.form td.combo div.access_view {
	background: 2px center no-repeat url("images/access_view.png");
}

.form div.form_progress {
	margin-bottom: 8px;
	padding-left: 20px;
	background-image: url("images/ajax-loader2.gif");
	background-repeat: no-repeat;
	background-position: left;
}

.form div.field_progress {
	margin-top: 8px;
	padding-left: 20px;
	background-image: url("images/ajax-loader2.gif");
	background-repeat: no-repeat;
	background-position: left;
}

.form span.field_progress {
	margin-top: 8px;
	padding-left: 20px;
	background-image: url("images/ajax-loader2.gif");
	background-repeat: no-repeat;
	background-position: left;
}

.form span.working {
	margin-top: 8px;
	padding-left: 20px;
	background-image: url("images/ajax-loader2.gif");
	background-repeat: no-repeat;
	background-position: left;
}

.clean tr.info,
.clean td {
	border-bottom: none !important;
	font-weight: normal !important;
}

.more_consoles_tbl {
	padding-bottom: 10px;
}

.no_top_border {
	border-top: none !important;
}

.cts_buttons_groups {
	text-align:left;
	vertical-align: top;
	padding:10px;
	display: inline-block;
	font-weight: normal;
	color: #003681;
}

.cts_buttons_groups_btn {
	text-align:center !important;
	vertical-align: top;
	padding-right:10px !important;
	font-weight: normal;
	color: #003681;
}

button#cts_reset_btn {
	float:right;
}

.cursor_pointer {
	cursor: pointer;
}
.radio_position_low,
.checkbox_position_low,
.filter.checkbox_position_low,
.img_position_low {
	vertical-align: -2px
}

.icon_position_low {
	vertical-align: -4px
}

.form p.banner.title {
	font-size: 1.25em;
}

.form p.banner.content {
	font-weight: normal;
	margin-top: 15px;
}

.form ul.banner.content {
	font-weight: normal;
	margin-top: 5px;
	margin-bottom: 10px;
}

.form a.banner.link {
	display: inline-block;
	width: 100%;
	text-align: center;
}

.form tr.disabled,
.form tr.disabled td.caption {
	color: #b8b8b8;
}

.form tr.audio_player audio,
audio.audio_player {
	height: 24px;
}

form#webcti_home a{
	white-space: nowrap;
}

table.webcti_home tr td:first-child {
	width: 130px;
}

table.webcti_home tr#active_services td {
	font-size: 10pt;
}

.form.webcti_login {
  width: 520px;
  margin: 100px auto;
}

.form.webcti_login p,
.form.webcti_login label {
	font-weight: normal;
	margin: 13px auto;
}

.form.webcti_login .pwd_reset{
	padding: 5px;
}

.form.webcti_login .pwd_reset #result_ok, 
.form.webcti_login .pwd_change #result_ok {
	color: #008000;;
	font-size: .8em;
}

.form.webcti_login .pwd_reset #result_error, 
.form.webcti_login .pwd_change #result_error,
.form.webcti_login .webcti_login #result_error,
form#import_form #result_error {
	color: #f00;
	font-size: .8em;
}

.form.webcti_login .reset {
	border-bottom: 1px solid #b8b8b8;
}

.form.webcti_login .value {
	color: black;
}

.form.webcti_login button {
	margin: 5px auto;
}

.form.webcti_login tr {
  background: #7ac5e0;
  color: white;
}

.webcti_login .remember {
	font-size: 0.75em;
	text-align: left;
	padding: 2px; 
	float: right;
}

.webcti_login .remember .reset,
.webcti_login .remember .mobile_override,
.webcti_login .remember .help {
	padding: 2px 2px 2px 14px;	
}

.webcti_login .remember .reset {
	background: left no-repeat url("images/key_tiny.png"); 	
}

.webcti_login .remember .mobile_override {
	background: left no-repeat url("images/mobile_tiny.png"); 	
}

.webcti_login .remember .full_override a {
	background: left no-repeat url("images/full_tiny.png"); 	
}

.webcti_login .remember .help {
	background: left no-repeat url("images/help_tiny.png"); 	
}

.webcti_login .remember a {
	color: #888;
}

.webcti_login .remember a:hover {
	color: black;
}

.options_group input.some_selected {
	opacity: .5;
}

.custom_combo_label_column {
	display: inline-block;
}

.custom_combo_label_combo {
	position: fixed;
	z-index: 100;
	background: white;
	border: solid 1px black;
	-webkit-box-shadow: 3px 3px 8px #818181;
	box-shadow: 3px 3px 8px #818181;
	overflow-y: auto;
	overflow-x: hidden;
	width: 150px;
}

.custom_combo_label_combo ul {
	padding: 8px;
	margin: 5px;	
}

.custom_combo_label_combo li {
	display: block;	
}

.custom_combo_label_combo li a {
	display: block;
	color: #333;
	text-decoration: none;
	font-weight: normal;	
}

.custom_combo_label_combo li a:hover {
	background-color: #dcdcdc;	
}

/* Graphs */
div.tickLabel {
	white-space: nowrap;
}

table.graph {
}

table.graph tr,
table.graph td,
table.graph_side_menu tr,
table.graph_side_menu td,
table.form.graph.table {
	border: none;
}

.table.graph tr:hover {
	background-color: white;
}

tr.graph_side_menu input[type="checkbox"],
table.graph_side_menu input[type="checkbox"],
tr.graph_side_menu input[type="radio"],
table.graph_side_menu input[type="radio"] {
	vertical-align: -2px
}

table.graph_side_menu td {
	padding-bottom: 5px;
}

table.graph_side_menu tr {
	border-bottom: none !important;
}

td.graph_side_menu {
	vertical-align: top;
}

/* Main menu */

#menu {
	float: left;
	width: 285px;
	padding: 0 0px 0 4px;
	/*overflow: hidden;*/
}

#menu .main_menu_content {
	padding-right: 7px;
}

#menu_overflow_container.overflow_container {
	overflow: auto;
}

#menu_overflow_container.minimized {
	overflow: hidden;
}

#menu .mainmenu-resizable-handle {
	width: 7px;
	position":	absolute;
	top: 0;
	right: 5px;
	vertical-align: middle;
	text-align: center;
	display: flex; 
    flex-direction: column;
    justify-content: center;
    align-items: center; 
}

#menu .mainmenu-resizable-handle.minimized {
	left: 5px;	
}

#menu .mainmenu-resizable-handle div#minmax_btn {
    width: 100%;
    height: 51px;
    cursor: pointer;
	background: url("images/minimize_menu.png") no-repeat center;
	background-size: 100% 100%;
	border: 0;
}
	
#menu .mainmenu-resizable-handle.minimized div#minmax_btn {
	background: url("images/maximize_menu.png") no-repeat center;
	background-size: 100% 100%;	
}

#menu ul {
    list-style: none outside none;
	text-align: left;	
	margin: 0;
	padding: 0;
}

#menu li {
	margin: 4px 4px 4px 0;
	font-weight: normal;
}

#menu #sub_menu li {
	padding-left: 12px;
	margin-left: 6px;
	background: url("images/tree-diamond.png") no-repeat 0 0.3em;
}

#menu #sub_menu li.separate {
	margin-top: 12px;	
}

#menu #sub_menu li.collapsible {
	background: url("images/tree-arrow.png") no-repeat 0 0.3em;
}

#menu #sub_menu li.collapsible.down {
	background: url("images/tree-arrow-down.png") no-repeat 0 0.3em;
}

#menu li.current {
	font-weight: bold;
}

#menu li.level_1.down {
	border-bottom: solid 1px #b8b8b8;
}

#menu li a {
	text-decoration: none;
	color: #003681;
	display: block;
	width: 100%;
}

#menu #sub_menu li a:hover {
	background-color: whitesmoke;
}

#menu #sub_menu li.menu_collapsed {
	display: none;
}

#menu .menu_logout {
	margin-bottom: 20px;
}

#menu .menu_trunks {
	margin-bottom: 20px;
}

#menu_main {
	margin-top: 5px;
}

#menu_main > ul > li {
	margin-bottom: 6px;
	border: solid 1px #b8b8b8;
	border-top: none;
	padding-bottom: 3px;
	background-color: white;
}

#menu_main > ul > li > #menu_item {	
	font-weight: bold;
	background: #003681 url("images/tree-arrow-white.png") 210px 0.5em no-repeat;
}

#menu_main > ul > li > #menu_item.minimized {	
	background: white;
	background-image: none !important;
	padding: 0 0 0 0 !important;
}

#menu_main > ul > li > #menu_item.minimized div.main_menu_item {	
	padding: 0 0 0 0;
}

#menu_main > ul > li.down > #menu_item {	
	background-image: url("images/tree-arrow-white-down.png");
}

#menu_main > ul > li > #menu_item a {
	display: block;
	height: 100%;
}

#menu #menu_main > ul > li #menu_item {
	padding: 2px 6px;
}

#menu #menu_main > ul > li #menu_item {
	color: white;
}

#menu .main_menu_item {
	cursor: pointer;
	overflow: hidden;
}

#menu #sub_menu {
	
}

/* Content */

#content {
	padding: 0 10px 20px 234px;
}

/* Tabele */

.table {	
	font-weight: bold;
	color: #003681;
	background-color: white;	
	border: solid 1px #b8b8b8;
	margin: 5px 0 4px 0;
	padding-bottom: 2px;
	overflow-x: visible;
}

div.table.table_filters {
	padding-bottom: 0px;
	border-bottom-left-radius: 0px 0px;
   	border-bottom-right-radius: 0px 0px;
}

.table table {
	width: 100%;
	margin: 0 auto;
	text-align: left;
	border-collapse: separate;
	border-spacing: 0;
	padding-bottom: 1px;
}

.table_head,
.table_head_inside {
	padding: 2px 6px;
	text-align: left;	
}

.table_stats {
	display: inline-block;
	float: right;
	font-size: 0.9em;
	cursor: default;
}

.table_stats span.title {
	font-weight: normal;
/*	color: #7ac5e0;*/
}

.table.bottom_spacer {
	margin-bottom: 20px;
}

.table .title .buttons {
	text-align: left;
	padding: 1px 5px 5px 5px;
	border-bottom: 1px solid #003681;
	overflow: hidden;
	color: black;
}

.borderless {
	border-top: none !important;
	border-bottom: none !important;	
}

.table .title .buttons .right,
tr.right a {
	float: right;
}

.table .title .buttons.centered {
	text-align: center;
}

.table .title .buttons button {
	margin-top: 4px;	
}

.table .title .info {
	text-align: left;
	padding: 5px;
	border-bottom: 1px solid #7ac5e0;
	overflow: hidden;
	font-size: 0.9em;
}

.table .filter .fields {
	text-align: right;
	padding: 5px;
	overflow: hidden;
	color: black;
}

div.table_container {
	overflow-x: auto;
}

.table form.button {
	display: inline;
}

.table form.thirty_days_trial_button {
	float: right;
	overflow-x: visible;
}

.valid_thirty_days_trial_label {
	float: right;
	padding-top: 5px;
	color: green;
}

.expired_thirty_days_trial_label {
	float: right;
	padding-top: 5px;
	color: gray;
}

.filter_dialog form.search,
.filter_dialog form.filter,
.table form.search,
.table form.filter {
	margin-left: 3px;
	display: inline-block;
	float: right;
}

.filter_dialog form.search > div,
.filter_dialog form.filter > div,
.table form.search > div,
.table form.filter > div {
	display: inline-block;
	margin-left: 3px;
	padding-top: 3px;
	vertical-align: top;
}

.table form.filter > div.acs_filter_fields,
.table form.filter > div.cc_filter_fields {
	width:	100%;
	float: left;
	text-align: left;
	min-width:	500px;
}

div.acs_import_keys_errors {
	margin-top: 30px;
	max-height: 400px;
}

div.acs_import_keys_error {
	
}
div.acs_import_keys_error div.key {
	text-align: right;
	margin-left: 10px;
}

div.bold {
	font-weight: bold;
}

div.disabled {
	color: grey;
}

img.acs_filter_icon {
	vertical-align: -4px;
	margin-right: 2px;
}

.table form.filter > div.acs_filter_fields,
.table form.filter > div.cc_filter_fields,
.table form.filter > div.filter_buttons_wide {
	margin-left: 0px;
}
	
.table form.filter > div.filter_group > div {
	margin-left: 3px;
	padding-top: 3px;
}

.table form.filter > div.filter_group > div:first-child {
	padding-top: 0;
}

.table form.filter div.filter_from,
.table form.filter div.filter_to {
	display: inline-block;
}

div.filter_group_dialog {
	padding:5px;
}	
	
div.filter_group_dialog div.filter_from,
div.filter_group_dialog div.filter_to {
	min-width:	200px !important;
	display:	inline-block;	
	padding:	3px;
}

.table form.filter div.filter_from_noedit{
	min-width:	145px !important;
	text-align: right;
}
.table form.filter div.filter_to_noedit {
	min-width:	110px !important;
	text-align: right;
}

div.time_filter_vertical {
		text-align: left;
	padding-left: 5px;
}

div.filter_vertical_group {
	vertical-align: top;	
	text-align: left;
	display:	inline-block;
}

div.filter_group {
	-moz-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px;	
	vertical-align: top;
	border: 1px solid #7ac5e0;
	font-weight: normal;
	margin-bottom:	5px;
	padding: 4px;
}

div.filter_group_title {
	background: #003681;
    background: -webkit-gradient(linear, right top, left top, from(#00acff), to(#003681));
    background: -webkit-linear-gradient(right, #00acff, #003681);
    background: -moz-linear-gradient(right, #00acff, #003681);
    background: -ms-linear-gradient(right, #00acff, #003681);
    background-image: -o-linear-gradient(right, #00acff, #003681 );
    color: white;
    padding: 2px 6px;
    -moz-border-radius: 4px 4px 0 0;
	border-top-left-radius: 4px 4px;
	border-top-right-radius: 4px 4px;
	font-weight: bold;
}

div.filter_group_options {
	font-weight: normal;
	padding: 4px;
}

div.filter_group_options > div {
	padding-top:	2px;
	padding_bottom:	2px;
}

div.acs_filter_fields_row {
	white-space: nowrap;
	display: inline-block;
	vertical-align: top;
}

div.filter_buttons_wide .filter_button {
	float: left;
	margin:2px;
}

div.filter_buttons_wide .export_button,
div.filter_buttons_wide .columns_button {
	float: right;
	margin:2px;
}

input.toggle_column {
	margin:5px;
}

div.filter_buttons_wide {
	width: 100%;
}

div.acs_filter_form > form.search.filter,
div.cc_filter_form > form.search.filter {
	width: 100%;
}

div.filter_horizontal_group {
	vertical-align: top;
	text-align: left;
	display:	inline-block;
/*	border: 1px solid #7ac5e0; */
}

div.filter_date_range_vertical {
	text-align: left;
	padding-left: 5px;
}

div.filter_date_range_vertical > div {
	padding: 2px 2px 0px 2px ;
} 

div.filter_row {
	display: table-row !important;
}

div.filter_cell {
	display:	table-cell !important;
	padding:	2px;
}

div.filter_group_horizontal_fields > div {
	text-align: left;
	display:	inline-block;
}

div.ui-dialog .filter_from {
	float: left ;
	padding-right: 5px ;
}

.table form.filter .filter_change_button,
.filter_change_button {
	height:			33px !important;
	padding-top:	2px !important;
	padding-right:	30px !important;
	z-index: 0;
}
.table form.filter .filter_change_button_reset,
.filter_change_button_reset {	
	cursor: pointer;
	position: relative;
	z-index: 1;
}

.table form.filter div.filter_from {
	min-width: 210px;	
}

.table form.filter .filter_on {
	box-shadow: 0 0 1px 1px salmon;
	border: 2px solid;
	border-color: salmon;
}

.table form.filter .filter_on:focus {
	outline: none !important;
}

.table form.search input.search,
.table form.search input.range {
	background: right no-repeat window;
	padding-right: 18px;
}

.choose_form input.range {
	width: 40px;
}

.table form.search input.search.clear_box {
	background-image: url("images/clear_search.png");
}

.table th {
	background: #7ac5e0;
	color: white;
	padding: 4px 5px;
	border: 1px solid white;
	text-align: center;
}

.table th a {
	color: white;
}

.table td a {
	color: blue;
}

.table tr {
	background: white;
	font-weight: normal;
	color: black;
}

.table tr.disabled {
	color: #b8b8b8;
}

.table tr.disabled  img {
	opacity: 0.5;
}

.table tr.disabled .error {
	color: mistyrose;
}

.table tr.error,
td.ctiapp_error {
	background-color: mistyrose;
}

.table tr.warning {
	background-color: lightyellow;
}

.table td {
	padding: 3px 5px;
	border-top: 1px solid #7ac5e0;
	vertical-align: top;
}

.table tr:first-child td {
	border-top: none;
}

.ignore_first_child td {
	border-top: 1px solid #7ac5e0 !important;
}

.table tr.no-border td {
	border-top: none;
}

.table td.dragged,
.form .table td.dragged {
	border-top: 1px solid #7ac5e0;
	border-bottom: 1px solid #7ac5e0;
}

.table th.sort_up {
	padding-right: 16px;
	background-image: url("images/sort_up.ico");
	background-repeat: no-repeat;
	background-position: right;
}

.table th.sort_down {
	padding-right: 16px;
	background-image: url("images/sort_down.ico");
	background-repeat: no-repeat;
	background-position: right;
}

.table tr.sort_item:hover,
.table tr.no_sort_item:hover {
	background-color: white;	
}

.table tr:hover,
.table tr.hover {
	background-color: whitesmoke;
}

.table tr.no-hover:hover,
.table tr.no-hover.hover {
	background-color: white;
}

.table tr.error:hover,
.table tr.error.hover,
.table tr.hover td.ctiapp_error {
	background-color: lightpink;
}

.table tr.warning:hover,
.table tr.warning.hover {
	background-color: #fafad2;
}

.table td.extension,
.table td.device,
.table td.filename {
	width: 30px;
	white-space: nowrap;
}

.table td.exten_type {
	width: 30px;
	white-space: nowrap;
}

.table td.exten_cti_redirect {
	width: 30px;
	white-space: nowrap;
}

.table td.type {
	width: 30px;
	white-space: nowrap;
}

.table td.thin {
	width: 1px;
	white-space: nowrap;
}
.table tr.bold td,
.table td.bold ,
.table td.summary {
	font-weight: bold;
}

.table td.total {
	font-weight: 900;
}

.table td.nowrap {
	white-space: nowrap;
}

.table td.half {
	width: 50%;
}

.table td.quarter {
	width: 25%;
}

.table td.digit {
	width: 40px;
	text-align: right;
}

.table .backups_table td.sn_number {
	width: 20px;
}

.table th.select,
.table td.select {
	width: 20px;
	text-align: center;
}

.table th.select input.some_selected {
	opacity: 0.5;
	filter: alpha(opacity=50);
}

.tab_nav {
	font-weight: normal;
	text-align: right;
	padding: 3px 5px;
	color: #949494;
}

.tab_nav_curr {
	font-weight: bold;
	color: #FF0000;
}

.tab_nav_form {
	display: inline;
}

.tab_nav .ui-button {
	padding: 0 !important;
	width: 20px;
	height: 16px;
}

td.currency, td.duration, td.number {
	text-align: right;
	white-space: nowrap;
}

td.date {
	width: 30px;
	white-space: nowrap;
}

td.route_type {
	width: 100px;
}

td.graph {
	vertical-align: middle;
}

td.more {
	text-align: left;
	white-space: nowrap;
}

td.more img {
	vertical-align: middle;
	margin: 0;
	border: none;
	padding-bottom: 2px;
}

td.more a.ui-button img {
	vertical-align: top;
}

td.more .fwd, 
td.more .hold,
td.more .audio {
	color: black;
	font-size: 0.9em;
	text-decoration: none;
	background-color: white;
	border: 1px solid #7ac5e0;
	margin-left: 2px;
	margin-right: 2px;	
	padding: 1px;
	cursor: pointer;
	-webkit-box-shadow: 1px 1px #7ac5e0;
	box-shadow: 1px 1px #7ac5e0;	
}

td.more .fwd .name, 
td.more .hold .name {
	color: #888;
	font-style: italic;
}
	
td.more .fwd .no, 
td.more .hold .no {
	margin-left: -4px;
}

td.more .fwd:active,
td.more .hold:active,
td.more .audio:active {
	-webkit-box-shadow: inset 1px 1px #7ac5e0;
	box-shadow: inset 1px 1px #7ac5e0;	
}

tr.no_data td {
	text-align: center;
	font-weight: bold;
	border: none;
	color: lightgray;
}

tr.no_data td > div {
	border: none;
}

td a {
	height: 100%;
	widows: 100%;
	display: block;
}

td a.inline {
	display: inline-block;
}

td .right {
	float: right;
}

.table td a.button {
	height: auto;
}

.table td a.play {
	text-decoration: underline;
	cursor: pointer;
}

.table td.action {
	padding-left: 20px;
	
}

.table td.action.lang {
	background: url("images/ivr_action_lang.png") no-repeat center left;
}

.table td.action.play {
	background: url("images/ivr_action_play.png") no-repeat center left;
}

.table td.action.wait {
	background: url("images/ivr_action_wait.png") no-repeat center left;
}

.table td.action.busy {
	background: url("images/ivr_action_busy.png") no-repeat center left;
}

.table td.action.hang {
	background: url("images/ivr_action_hang.png") no-repeat center left;
}

.table td.action.extno {
	background: url("images/ivr_action_extno.png") no-repeat center left;
}

.table td.action.vm {
	background: url("images/ivr_action_vm.png") no-repeat center left;
}

.table td.action.ivr {
	background: url("images/ivr_action_ivr.png") no-repeat center left;
}

.table td.action.time {
	background: url("images/ivr_action_time.png") no-repeat center left;
}

.table td.action.fax2mail_gateway {
	background: url("images/ivr_action_fax2mail.png") no-repeat center left;
}

.table td.action.fax {
	background: url("images/ivr_action_fax.png") no-repeat center left;
}

.table td.action.number {
	background: url("images/ivr_action_number.png") no-repeat center left;
	text-align: left;
}

.table td.action.options {
	background: url("images/ivr_action_options.png") no-repeat center left;
}

.table td.image {
	text-align: center;
}

.table td span.service_off,
.table td span.no_ssml_format,
.table td span.no_cld_api_access {
	padding-left: 2px;
}

.table td.display {
	width: 300px;
}

span.dialog_additional_option_checkbox {
	cursor: pointer;
	vertical-align: -2px;
	padding-right: 5px;//bin

}

span.dialog_additional_option_checkbox input {
	cursor: pointer;
}

span.dialog_warning_info {
	color: red;
}

div.backup.field_progress,
div.backup.progress_bar {
	margin-left: 10px;
	margin-right: 10px;
} 

.table td span.backup_filename {
	display: block;
	background: url("images/backup_file.png") no-repeat top left;
	padding-left: 20px;
	opacity: 0.6;
	padding-bottom: 10px;
}

.table td span.backup_description {
	display: block;
	font-style: italic;
}

.table td.backup_status {
	border-top: none;
	text-align: center;
}

.table td span.nowrap {
	display: inline-block;
	white-space: nowrap;
}

.table td span.tab {
	display: inline-block;
	min-width: 170px;
}

.table td span.right {
	display: inline-block;
	min-width: 100px;
	text-align: right;
}

.table td span.display.right {
	display: inline-block;
	width: 100%;
	text-align: right;
}

.table td span.display.left {
	display: inline-block;
	width: 100%;
	text-align: left;
}

.table td span.display.lcd {
	display: inline-block;
	width: 100%;
	border: #444 solid 2px;
	background-color: lavender;
	padding: 3px;
	width: 160px;
	height: 75px;
	font-weight: bold;
	color: #555;
	overflow: hidden;
}

.table td span.double_tab {
	display: inline-block;
	min-width: 340px;
	width: 340px;	
}

.table td span.half_tab {
	display: inline-block;
	min-width: 80px;
}

.table td span.tab_val_on {
	padding-left: 20px;
	margin-left: -20px;
	background: url("images/rule_on.png") 2px center no-repeat;
}

.table td span.tab_val_off {
	padding-left: 20px;
	margin-left: -20px;
	background: url("images/rule_off.png") 2px center no-repeat;
}

.table td span.disabled {
	color: #b8b8b8;
}

.table td img.tab {
	vertical-align: text-top;
	margin-top: 3px;
}

td.caption.thin {
	width: 100px;
}

td.expand_button {
	
}

td.expand_button span {
	cursor: pointer;
}

td.expand_button span.expand_button_caption {
	vertical-align: middle;
}

td.expand_button .expand_button_img {
	display: inline-block;
	vertical-align: middle;
	
	cursor: pointer;
	outline:none;
	width: 20px;
	height:20px;
	border: 1px solid #d3d3d3;
    box-shadow: 2px 2px 2px #888;
	
	-moz-border-radius: 15px 15px 15px 15px;
	border-bottom-left-radius: 15px 15px;
	border-bottom-right-radius: 15px 15px;
	border-top-left-radius: 15px 15px;
	border-top-right-radius: 15px 15px;
}

td.expand_button span.collapsed .expand_button_img {
	background: url("images/arrow_down.png") center no-repeat;
	background-size: 20px 20px;
	background-position:center center;
}

td.expand_button span.expanded .expand_button_img {
	background: url("images/arrow_up.png") center no-repeat;
	background-size: 20px 20px;
	background-position:center center;
}

td.acs_event_label {
	padding-left: 20px;
}

td.acs_event_label a {
	display: inline;
}

td.acs_event_label_impulse {
	padding-left: 20px;
	background: url("images/acs_impulse_open.png") center no-repeat;
	background-position: center left; 
}
td.acs_event_label_open {
	padding-left: 20px;
	background: url("images/acs_control_open.png") center no-repeat;
	background-position:center left;
}
td.acs_event_label_close {
	padding-left: 20px;
	background: url("images/acs_control_close.png") center no-repeat;
	background-position:center left;
}

td.cc_pause_working_state {
	width: 1px;
	white-space: nowrap;
}

td.cc_pause_working_state.included {
	background: url("images/yes.png") center no-repeat;
	background-position: center center;
}

tr.backup_storage_conn_status_ok td.value {
	background: url("images/conn_ok.png") 5px center no-repeat;
	padding-left: 20px;
}

tr.backup_storage_conn_status_err td.value {
	background: url("images/conn_fail.png") 5px center no-repeat;
	padding-left: 20px;
}

.checking_backup_files {
	text-align: center;
}

.cc_filter_event_type,
.cc_agent_call_type,
.cc_queue_call_type,
.cc_return_call_type {
	width: 1px;
	padding-left: 20px;
	background: url(images/cc_login.png) center no-repeat;
	background-position: left;
}


.cc_event_type {
	padding-left: 16px;
	background-position: center;
}

.cc_event_type_login {
	background: url("images/cc_login.png") center no-repeat;
	background-position: inherit;
}

.cc_event_type_logout {
	background: url("images/cc_logout.png") center no-repeat;
	background-position: inherit;
}

.cc_event_type_break {
	background: url("images/cc_break.png") center no-repeat;
	background-position: inherit;
}

.cc_event_type_break_private {
	background: url("images/cc_break_p.png") center no-repeat;
	background-position: inherit;
}

.cc_event_type_break_end {
	background: url("images/cc_break_end.png") center no-repeat;
	background-position: inherit;
}

.cc_event_type_dnd {
	background: url("images/cc_dnd.png") center no-repeat;
	background-position: inherit;
}

.cc_event_type_dnd_end {
	background: url("images/cc_dnd_end.png") center no-repeat;
	background-position: inherit;
}

.cc_event_type_device_failure {
	background: url("images/cc_device_failure.png") center no-repeat;
	background-position: inherit;
}

.cc_event_type_device_ok {
	background: url("images/cc_device_ok.png") center no-repeat;
	background-position: inherit;
}

.cc_agent_call_inc_answ {
	background: url("images/cc_inc_answ.png") center no-repeat;
	background-position: inherit;	
}
.cc_agent_call_inc_lost {
	background: url("images/cc_inc_lost.png") center no-repeat;
	background-position: inherit;	
}
.cc_agent_call_inc_disc {
	background: url("images/cc_inc_disc.png") center no-repeat;
	background-position: inherit;	
}
.cc_agent_call_out_answ {
	background: url("images/cc_out_answ.png") center no-repeat;
	background-position: inherit;	
}
.cc_agent_call_out_lost {
	background: url("images/cc_out_lost.png") center no-repeat;
	background-position: inherit;	
}
.cc_agent_call_out_disc {
	background: url("images/cc_out_disc.png") center no-repeat;
	background-position: inherit;	
}
.cc_agent_call_inc_answered_by_other {
	background: url("images/cc_inc_other_answ.png") center no-repeat;
	background-position: inherit;	
}			

.cc_queue_call_type_answered	{
	background: url("images/cc_queue_ok.png") center no-repeat;
	background-position: inherit;
}
.cc_queue_call_type_lost	{
	background: url("images/cc_queue_lost.png") center no-repeat;
	background-position: inherit;
}
.cc_queue_call_type_abandoned {
	background: url("images/cc_queue_abandoned.png") center no-repeat;
	background-position: inherit;
}
.cc_queue_call_type_disconnected	{
	background: url("images/cc_queue_x.png") center no-repeat;
	background-position: inherit;	
}
.cc_queue_call_type_redirected {
	background: url("images/cc_queue_fwd.png") center no-repeat;
	background-position: inherit;
}

.cc_play_record {
	background: url("images/cc_play_record.png") center no-repeat;
	background-position: center center;
}

.cc_return_call_type_returned_x	{
	background: url("images/cc_rcall_returned_x.png") center no-repeat;
	background-position: inherit;
}

.cc_return_call_type_returned	{
	background: url("images/cc_rcall_returned.png") center no-repeat;
	background-position: inherit;
}

.cc_return_call_type_called_again	{
	background: url("images/cc_rcall_again.png") center no-repeat;
	background-position: inherit;
}

.cc_return_call_type_removed	{
	background: url("images/cc_rcall_removed.png") center no-repeat;
	background-position: inherit;
}

#contacts td.priv {
	width: 20px;
	text-align: center;
}

/* Wave Player */

.player .playpanel,
.player .playpanel .info table,
.player .playlist,
.player .playlist li a.download,
.calls.unread,
.flash_box,
.browser_box .link {
	-moz-border-radius: 4px 4px 4px 4px;
	border-bottom-left-radius: 4px 4px;
	border-bottom-right-radius: 4px 4px;
	border-top-left-radius: 4px 4px;
	border-top-right-radius: 4px 4px;	
}

.player {
	padding: 5px;
}

.player .playpanel {
	padding: 2px;
	background-color: white;
}

.player .tools {
	padding: 5px;
	height: 30px;
	text-align: left;
}

.player .tools .button {
	vertical-align: middle;
	background-position: center center;
	background-repeat: no-repeat;
}

.player .tools .button.play {
	background-image: url("images/player_play.png");
}

.player .tools .button.pause {
	background-image: url("images/player_pause.png");
}

.player .tools .progress {
	width: 60%;
}

.player .tools .progress > span {
	font-size: 0.8em;
	color: #888
}

.player .tools .progress .slider {
	width: 60%;
}

.player .tools .volume .slider {
	width: 40px;
}

.player .tools .progress,
.player .tools .volume {
	display: inline-block;
	margin-left: 10px
}

.player .tools .slider {
	display: inline-block;
	margin: 0 2px;
	cursor: pointer
}

.player .tools .slider.buffering .ui-slider {
background-image: url("images/player_buffering.png");
background-repeat: repeat-x
}

.player .playpanel .info {
	font-size: 0.8em;
	text-align: left;
}

.player .playpanel .info table {
	width: 100%;
	border-spacing: 0;
}

.player .playpanel .info .caption {
	color: #003681;
	padding: 2px;
	width: 30px;
	border-top: 1px solid #7ac5e0;
}

.player .playpanel .info .data {
	border-top: 1px solid #7ac5e0;
}

.player .playpanel .info tr:first-child .caption,
.player .playpanel .info tr:first-child .data {
	border-top: 0;
}

.player .playpanel .info .data.clip_name,
.player .playpanel .info .data.dial_name,
.player .playpanel .info .data.colp_name {
	font-weight: bold;	
}

.player .playlist {
	margin-top: 5px;
	padding: 2px;
	background-color: white;
	text-align: left;
}

.player .playlist ul {
	list-style: none; 
	padding: 0;
	margin: 0;
}

.player .playlist li {
	position: relative;
	font-size: 0.8em;
	padding: 6px;
	cursor: pointer;
}

.player .playlist li a {
	text-decoration: none;
	color: black;	
}

.player .playlist li a.download {
	position: absolute;
	font-weight: normal;
	top: 4px;
	right: 2px;
	margin-left: 10px;
	padding: 1px 4px 1px 20px;
	background: url("images/cc_download_file.png") no-repeat left white;
	border: 1px solid #7ac5e0;	
	-webkit-box-shadow: 1px 1px #7ac5e0;
	box-shadow: 1px 1px #7ac5e0;
	float: right;
}

.player .playlist li a:active.download {
	-webkit-box-shadow: -1px -1px #7ac5e0;
	box-shadow: -1px -1px #7ac5e0;
}

.player .playlist li.current {
	font-weight: bold;
	background-color: aliceblue;
}

.player .playlist li:hover {
	background-color: #ddd;	
}

.player .playlist li:hover.current {
	background-color: #d8dfe6;
}
.player .playlist li .duration {
	margin-right: 100px;
	float: right;
}

.player.error_form {
	width: 90%;
	padding: 0;	
}

/* Flash info */

.flash_info {
	text-align: center; 
}

.flash_box {
	color: red;
	font-weight: bold;
	background-color: white;
	width: 90%;
	border: 1px solid red;
	margin: 5px auto;	
	padding: 2px;
}

.flash_box .link {
	padding: 5px 0;
}

/* Filtrowanie */

.filter .space {
	padding: 2px;
}

.filter .filter_head a {
	float: right;
	height: 16px;
	vertical-align: middle;
	padding-right: 4px;
	padding-top: 2px;
	text-decoration:none;
	color: white;
	font-size: 0.8em;		
	font-weight: bold;	
}

.filter .filter_head a img {
	border: none;
}

.filter .clear {
	display: inline;
	clear: both;
}

.filter th {
	background-color: #7ac5e0;
	color: white;
}

.filter th a {
	color: white;
}

.filter td {
	text-align: left;
	vertical-align: top;
	padding-left: 10px;
}

.filter td.filter_special {
	text-align: left;
}

.filter td.expand {
	text-align: right;
	vertical-align: middle;
	width: 200px;
}

.filter td.expand a {
	text-decoration:none;
	color: #003681;
	font-size: 0.8em;		
	font-weight: bold;
}

.filter td img {
	vertical-align: middle;
	position: relative;
	top: -1px;
}

.filter td a img {
	border: none;
}

.filter [name="filter"], [name="clear"] {
	margin: 5px 0 0 0;
	min-width: 120px;
	min-height: 24px;
	padding: 0 20px !important;
	background-repeat: no-repeat;
	background-position: 2px;	
}

.filter [name="filter"] {
	background-image: url("images/filter_dark.png");	
}

.filter .collapsed[name="filter"]  {
	background-image: url("images/search.png");	
}

.filter [name="clear"] {
	background-image: url("images/filter_off_dark.png");	
}

.table.filter {
	margin-bottom: 4px;
}

.filter #month {
	margin-bottom: 5px;
}

.filter #days #input {
	text-align: center;	
	white-space: nowrap;
}

.filter #days #slide {
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	width: 50%;
	text-align: center;
	cursor: pointer;
}

.filter .contents.scrollable {
	text-align: left;
	padding: 0;
/*	height: 200px;*/
	overflow-y: auto;	
	border: solid 1px #ddd;
	margin-top: 4px;
}

.filter .contents.scrollable:first-child {
	margin-top: 0;	
}

.filter .contents.block {
	display: block;
	padding: 0;
}

.filter_nav {
	text-align: left;
	font-size: 0.8em;
	font-weight: lighter;
	margin-left: 5px;
	padding-top: 2px;
}

.filter .default {
	font-size: 0.7em;
	color: #aaa;
	text-align: right;
}

.filter .default a {
	color: #aaa;
}

.filter .default a:hover {
	color: black;
}

.table table.filter {
	padding-bottom: 0px;
}

.filter a.filter_off {
	font-size: 0.8em;
	padding-left: 10px;
}

.filter img.ui-datepicker-trigger {	
	vertical-align: middle;
	margin-left: 4px;
	margin-right: 4px;
}

input[type="checkbox"].filter  {
	vertical-align: middle;
}

input[type="checkbox"].filter.checkbox_position_low {
	vertical-align: -2px
}

.form td.filter_caption {
	width: 400px;
	font-weight: normal;
	background-color: white;
	vertical-align: top;	
}

.form td.filter_value {
	background-color: white;
	vertical-align: top;
}

/* Sort */

table th.sort_handle,
table td.sort_handle {
	width: 20px;
	text-align: center;
}

table div.sort_handle {
	vertical-align: middle;
	cursor: n-resize;
	width: 100%;
	height: 20px;
	background: url("images/sort_handle.png") center no-repeat;
	display: block;
	min-width: 12px;
}

/* table more */

tr.table_more:hover {
	background: white;	
}

td.table_more {
	text-align: center;	
	padding: 0;
}

button.table_more {
	width: 100%;
	-webkit-box-shadow: 1px 1px 1px #888;
	box-shadow: 1px 1px 1px #888;
	border-top: none;	
	height: 19px;
	background: #e8e8e8;
	/* Safari 4-5, Chrome 1-9 */
	background: -webkit-gradient(linear, left bottom, left top, from(#fff), to(#e8e8e8));
	/* Safari 5.1+, Chrome 10+ */ 
	background: -webkit-linear-gradient(top, #fff, #e8e8e8);
	/* Firefox 3.6+ */
	background: -moz-linear-gradient(top, #fff, #e8e8e8);
	/* IE 10 */ 
	background: -ms-linear-gradient(top, #fff, #e8e8e8);
	/* Opera 11.10+ */
	background-image: -o-linear-gradient(top, #fff, #e8e8e8);
	-moz-border-radius: 0 0 4px 4px;
	border-top-right-radius: 0 0;
	border-top-left-radius: 0 0;		
}

button.table_more.ui-button.ui-state-active {
	-webkit-box-shadow: inset 1px 1px 1px #888;
	box-shadow: inset 1px 1px 1px #888;	
}

/* Special */

#asterisk_conf_edit .form td.caption {	
	width: 100px;
}

#extension_delete_error_dialog a {
	color: #003681;
	font-size: 0.7em;		
	font-weight: bold;	
}

/* Table nested in form */

.form .table {
	margin: 0;
	border: 0;
}

.form td.custom.nested_table {
	padding: 0;
	overflow-x: auto;
}

.form .table tr td {
	border-bottom: none;
}

/* Choose form */

.form .choose_form td.caption {	
	width: 150px;
}

.form .choose_form td.left_radio_caption {
	vertical-align: middle;
	width: auto;
}

.form .choose_form td.left_radio {
	vertical-align: middle;
	width: 16px;
}

.form .choose_form select.list {
	width: 100%;
}

.form .choose_form td {
	border-bottom: 1px solid #b8b8b8;
}

.form .choose_form tr:first-child td {	
	border-top-left-radius: 4px 4px;
	border-top-right-radius: 4px 4px;	
}

.form .choose_form tr:last-child td {
	border-bottom-left-radius: 4px 4px;
	border-bottom-right-radius: 4px 4px;
}

.form .choose_form option.uid_on {
	color: #0000FF;
}

.form .choose_form option.uid_off {
	color: #555;
}

.form .choose_form .left_radio input {
	margin-top: 3px;
}

.form .choose_form .provider_name {
	display: inline-block;
	width: 300px;
}

.form .choose_form .provider_state {
	vertical-align: middle;	
}

.form .choose_form .left_radio_caption img {
	padding-right: 6px;
	padding-top: 1px;
	vertical-align: middle;
}

/* Form tabs */

.form ul.form_tabs {
	height: auto !important;
	margin: 6px 0 0;
	text-align: left;
	overflow: hidden;
	border-bottom: 1px solid #7ac5e0 !important;
}

.form ul.form_tabs_thin {
	height: auto !important;
	margin: 6px 0 0;	
	text-align: left;
	overflow: hidden;
	border-bottom: 1px solid #bbb;
}

.form li.form_tab {
	box-shadow: inset 0 -1px #888;	
	float: none;
	display:inline-block;
}

.form li.form_tab.ui-state-active {	
	box-shadow: inset 0 1px #888;	
}

.form li.form_tab a {
	padding: 6px 24px !important;
	text-align: left;		
}

.form .tab_title {
	font-size: 1.2em;
	font-weight: bold;
	display: block;
	color: #777 !important;
}

.form li.form_tab.ui-state-active .tab_title {
	color: #003681 !important;
}

/* Announcements */

.table #sound_manager .lang,
.table #audio_sound .lang {
	display: inline;
	border: solid 1px #999;
	-webkit-box-shadow: 2px 2px 2px #888;
	box-shadow: 2px 2px 2px #888;	
	background-color: #e8e8e8;
	margin-right: 4px;
	padding: 0 4px;	
	text-decoration: none;
	color: black;	
	cursor: pointer;
}

.table #sound_manager .lang:active,
.table #audio_sound .lang:active {
	-webkit-box-shadow: inset 2px 2px #888;
	box-shadow: inset 2px 2px #888;	
}

.table #sound_manager .lang.missing,
.table #audio_sound .lang.missing {
	color: red;
}

.table #sound_manager .lang.custom,
.table #audio_sound .lang.custom {
	color: blue;
}

/* Tree */

.tree {	
	font-weight: bold;
	color: #003681;
	background-color: white;	
	border: solid 1px #b8b8b8;
	margin: 5px 0 4px 0;
	padding-bottom: 2px;
	overflow-x: hidden;
}

.tree .tree_head {
	padding: 2px 6px;
	text-align: left;	
}

.tree .tree_controls {
	font-weight: normal;
	color: #003681;
	padding: 5px;
	font-style: italic;
	float: right;
}

.tree .tree_controls > span {
	padding-right: 10px;
	white-space: nowrap;
}

.tree .tree_controls .expand_all
{
	background-image: url("images/expand_all.png");
	background-repeat: no-repeat;
	height: 16px;
	width: 16px;
	vertical-align: top;
	display: inline-block;
	padding: 0;
}

.tree .tree_controls .implode_all
{
	background-image: url("images/implode_all.png");
	background-repeat: no-repeat;
	height: 16px;
	width: 16px;
	vertical-align: top;
	display: inline-block;
	padding: 0;
}

.tree .tree_controls .link {
	cursor: pointer;
}

.tree .tree_body {
	text-align: left;
}

.tree .title .buttons {
	text-align: left;
	padding: 5px;
	border-bottom: 1px solid #7ac5e0;
	overflow: hidden;
	color: black;
}

.tree span.less {
	font-size: 0.9em;
	font-weight: normal;
	font-style: italic;
	color: gray;/*#b8b8b8;*/
}

.tree form.button {
	display: inline;
}

/* IVR-Tree */

.tree span.digit {
	font-weight: bold;
	color: #003681;
	display: inline-block;
	min-width: 16px;
	text-align: center;
}

.tree span.caption {
	font-style: italic;
	color: #003681;
}

.tree span.option.allow {
	padding-right: 20px;
	background: url("images/allow.png") right no-repeat;
}

.tree span.option.deny {
	padding-right: 20px;
	background: url("images/deny.png") right no-repeat;
}

.tree span.options {
	margin-left: 2px;
	padding-left: 20px;
	background: url("images/ivr_action_options.png") left no-repeat;
}

.tree span.script {
	white-space: normal;
	display: inline-block;
	vertical-align: top;
	max-width: 600px;
	color: gray;
}

/* Queueus */

.table tr.ring {
	background-color: lightyellow;
}

.table tr.in_use {
	background-color: #e0fed0;
}

.table #queue_members_status tr.error {
	background-color: mistyrose;
	font-weight: normal;
	color: black;
}

/* Locale */

.locale {
	text-align: right;	
	display: inline-block;
	float: right;
	margin-top: 4px;
}

.locale a {
	padding-left: 20px;
}

.locale a.pl {
	background: url("images/pl.png") 0 no-repeat white;
}

.locale a.en {
	background: url("images/gb.png") 0 no-repeat white;
}

/* Wait */
.wait_form_no_dialog {
	position: absolute;
	background-color: white;	
}

.wait_form .caption {
	text-align: center;
	color: #003681;
	padding-top: 10px;
}

.wait_form img {
	vertical-align: middle;
	display: block;
	margin: auto;
	padding-top: 20px;
}

/* Regu�y */

td.rule {

}

span.rule {
	white-space: nowrap;
	display: inline-block;
	height: 16px;		
	padding-bottom: 2px;
}

span.rule.rule_wide {
	white-space: normal;
}

span.rule img {
	vertical-align: middle;	
	height: 14px;
	padding-bottom: 1px;
}

.rule_port_any,
.rule_any {
	height: 16px;
	padding: 0 8px 0 8px;
	color: #444;
	background-color: white;
	font-weight: bold;
	font-size: 0.8em;
	white-space: nowrap;
	border: solid 1px #888; 
	border-bottom-left-radius: 4px 4px;
	border-bottom-right-radius: 4px 4px;
	border-top-left-radius: 4px 4px;
	border-top-right-radius: 4px 4px;	
}

.rule_warning {
	height: 16px;
	padding: 0 8px 0 8px;
	color: red;
	background-color: white;
	font-weight: bold;
	font-size: 0.8em;
	white-space: nowrap;
	border: solid 1px #888; 
	border-bottom-left-radius: 4px 4px;
	border-bottom-right-radius: 4px 4px;
	border-top-left-radius: 4px 4px;
	border-top-right-radius: 4px 4px;
}

.rule_port,
.rule_first,
.rule_prefixes {
	height: 16px;
	padding: 0 8px;
	color: #444;
	background-color: white;
	font-weight: bold;
	font-size: 0.8em;
	white-space: nowrap;
	border: 1px #888;
	border-style: solid dotted solid solid;
	border-bottom-left-radius: 4px 4px;
	border-top-left-radius: 4px 4px;
}

.rule_info {
	height: 16px;
	padding: 0 8px;
	color: #444;
	background-color: white;
	background-image: url("images/clir.png"); 
	background-position: center;
	background-repeat: no-repeat;
	background-size: 12px;
	font-weight: bold;
	font-size: 0.8em;
	white-space: nowrap;
	border: 1px #888;
	border-style: solid dotted solid solid;
	border-bottom-left-radius: 4px 4px;
	border-top-left-radius: 4px 4px;
}

.rule_port_id,
.rule_between {	
	height: 16px;
	padding: 0 8px;
	color: #444;
	background-color: white;	
	font-weight: bold;
	font-size: 0.8em;
	white-space: nowrap;
	border: solid 1px #888;
	border-left: none;
	border-right-style: dotted;
}

.rule_port_name,
.rule_last {
	height: 16px;
	padding: 0 8px;
	color: #444;
	background-color: white;	
	font-weight: bold;
	font-size: 0.8em;
	white-space: nowrap;
	border: solid 1px #888;
	border-left: none; 
	border-bottom-right-radius: 4px 4px;
	border-top-right-radius: 4px 4px;	
}

.rule_prefixes_name {
	height: 16px;
	padding: 0 8px;
	color: #444;
	font-weight: bold;
	font-size: 0.8em;
	white-space: nowrap;
	background-color: ivory;
	border: solid 1px #888;
	border-left: none; 
	border-bottom-right-radius: 4px 4px;
	border-top-right-radius: 4px 4px;
}

.rule_number {
	height: 16px;
	padding: 0 12px;
	color: #444;
	letter-spacing: 3px;
	font-weight: bold;
	font-size: 0.8em;
	white-space: nowrap;
	background-color: ivory;
	border-top: solid 1px #888;
	border-left: solid 1px #888;	
	border-bottom: solid 1px #ccc;
	border-right: solid 1px #ccc;
	border-bottom-left-radius: 4px 4px;
	border-bottom-right-radius: 4px 4px;
	border-top-left-radius: 4px 4px;
	border-top-right-radius: 4px 4px;	 
}

.rule_number_narrow {
	height: 16px;
	padding: 0 12px;
	color: #444;
	font-weight: bold;
	font-size: 0.8em;
	white-space: nowrap;
	background-color: ivory;
	border-top: solid 1px #888;
	border-left: solid 1px #888;	
	border-bottom: solid 1px #ccc;
	border-right: solid 1px #ccc;
	border-bottom-left-radius: 4px 4px;
	border-bottom-right-radius: 4px 4px;
	border-top-left-radius: 4px 4px;
	border-top-right-radius: 4px 4px;	 
}

.rule_number.rule_number_wide {
	white-space: pre-wrap;
	word-break: break-all;
	-webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    -o-box-decoration-break: clone;
	hyphenate-character: "";
	-webkit-hyphenate-character: ""; 
}

.rule_number_invalid {
	height: 16px;
	padding: 0 12px;
	color: red;
	letter-spacing: 3px;
	font-weight: bold;
	font-size: 0.8em;
	white-space: nowrap;
	background-color: ivory;
	border-top: solid 1px #888;
	border-left: solid 1px #888;	
	border-bottom: solid 1px #ccc;
	border-right: solid 1px #ccc;
	border-bottom-left-radius: 4px 4px;
	border-bottom-right-radius: 4px 4px;
	border-top-left-radius: 4px 4px;
	border-top-right-radius: 4px 4px;	 
}

.rule_out_prefix {
	height: 16px;
	padding: 0 12px;
	color: darkblue;
	letter-spacing: 3px;
	font-weight: bold;
	font-size: 0.8em;
	white-space: nowrap;
	background-color: aliceblue;
	border-top: solid 1px #888;
	border-left: solid 1px #888;
	border-bottom: solid 1px #ccc;
	border-right: solid 1px #ccc;
	border-bottom-left-radius: 4px 4px;
	border-bottom-right-radius: 4px 4px;
	border-top-left-radius: 4px 4px;
	border-top-right-radius: 4px 4px;
}

.rule_length {
	height: 16px;
	padding: 0 6px;
	font-weight: bold;
	font-size: 0.8em;
	white-space: nowrap;
	background-color: snow;
	border: 1px #888;
	border-style: solid dotted;
}

.rule_provider_type {
	height: 16px;
	padding: 0 8px;
	color: #444;
	background-color: white;
	font-weight: bold;
	font-size: 0.8em;
	white-space: nowrap;
	border: 1px #888;
	border-style: solid dotted solid solid; 
	border-bottom-left-radius: 4px 4px;
	border-top-left-radius: 4px 4px;	
}

.rule_provider_type_any {
	height: 16px;
	padding: 0 8px;
	color: darkblue;
	background-color: aliceblue;
	font-weight: bold;
	font-size: 0.8em;
	white-space: nowrap;
	border: solid 1px #888; 
	border-bottom-left-radius: 4px 4px;
	border-bottom-right-radius: 4px 4px;
	border-top-left-radius: 4px 4px;
	border-top-right-radius: 4px 4px;	
}

.rule_provider_special {
 	height: 16px;
	padding: 0 8px;
	color: darkblue;
	font-size: 0.8em;
	font-weight: bold;
	white-space: nowrap;
	background-color: aliceblue;
	border: solid 1px #888;
	border-bottom-left-radius: 4px 4px;
	border-top-left-radius: 4px 4px;
	border-bottom-right-radius: 4px 4px;
	border-top-right-radius: 4px 4px;
}

.rule_provider_name {
	height: 16px;
	padding: 0 8px;
	color: darkblue;
	font-size: 0.8em;
	font-weight: bold;
	white-space: nowrap;
	background-color: aliceblue;
	border: solid 1px #888;
	border-left: none; 
	border-bottom-right-radius: 4px 4px;
	border-top-right-radius: 4px 4px;	
}

.rule_provider_number {
	height: 16px;
	padding: 0 8px;
	color: darkblue;
	font-size: 0.8em;
	font-weight: bold;
	letter-spacing: 3px;
	white-space: nowrap;
	background-color: aliceblue;
	border: solid 1px #888;
	border-left: none; 
	border-bottom-right-radius: 4px 4px;
	border-top-right-radius: 4px 4px;	
}

.rule_exten {
	height: 16px;
	padding: 0 8px;
	color: #444;
	background-color: white;
	font-weight: bold;
	white-space: nowrap;
	font-size: 0.8em;
	border: 1px #888;
	border-style: solid dotted solid solid; 
	border-bottom-left-radius: 4px 4px;
	border-top-left-radius: 4px 4px;	
}

.rule_exten.rule_unary,
.rule_provider_type.rule_unary,
.rule_essl.rule_unary {
	border-style: solid solid solid solid !important; 
	border-bottom-right-radius: 4px 4px !important;
	border-top-right-radius: 4px 4px !important;
}

.rule_exten_special {
	height: 16px;
	padding: 0 8px;
	color: darkgreen;
	background-color: #f5fff5;
	font-weight: bold;
	white-space: nowrap;
	font-size: 0.8em;
	border: 1px #888;
	border-style: solid; 
	border-bottom-left-radius: 4px 4px;
	border-top-left-radius: 4px 4px;	
	border-bottom-right-radius: 4px 4px;
	border-top-right-radius: 4px 4px;	
}

.rule_exten_name {
	min-height: 16px;
	padding: 0 8px;
	font-weight: bold;
	white-space: nowrap;
	font-size: 0.8em;	
	color: darkgreen;
	background-color: #f5fff5;
	border: solid 1px #888;
	border-left: none;
	border-bottom-right-radius: 4px 4px;
	border-top-right-radius: 4px 4px;		
}

.rule_exten_name.rule_name_unary,
.rule_provider_name.rule_name_unary,
.rule_essl_name.rule_name_unary {
	border-left: solid 1px #888 !important; 
	border-bottom-left-radius: 4px 4px !important;
	border-top-left-radius: 4px 4px !important;
}

.rule_exten_name_between {	
	height: 16px;
	padding: 0 8px;
	color: darkgreen;
	background-color: #f5fff5;	
	font-weight: bold;
	font-size: 0.8em;
	white-space: nowrap;
	border: solid 1px #888;
	border-left: none;
	border-right-style: dotted;
}

.rule_on {
	min-height: 16px;
	padding: 0 8px;
	padding-left: 20px;
	font-weight: bold;
	white-space: nowrap;
	font-size: 0.8em;	
	color: #444;
	background-color: white;
	background-image: url("images/rule_on.png");
	background-position: 2px center;
	background-repeat: no-repeat;
	border: solid 1px #888;
	border-left: none;
	border-bottom-right-radius: 4px 4px;
	border-top-right-radius: 4px 4px;		
}

.rule_off {
	min-height: 16px;
	padding: 0 8px;
	padding-left: 20px;
	font-weight: bold;
	white-space: nowrap;
	font-size: 0.8em;	
	color: #444;
	background-color: white;
	background-image: url("images/rule_off.png");
	background-position: 2px center;
	background-repeat: no-repeat;	
	border: solid 1px #888;
	border-left: none;
	border-bottom-right-radius: 4px 4px;
	border-top-right-radius: 4px 4px;		
}

.rule_essl {
	height: 16px;
	padding: 0 8px;
	color: #444;
	background-color: white;
	font-weight: bold;
	white-space: nowrap;
	font-size: 0.8em;
	border: 1px #888;
	border-style: solid dotted solid solid; 
	border-bottom-left-radius: 4px 4px;
	border-top-left-radius: 4px 4px;	
}

.rule_essl_any {
	height: 16px;
	padding: 0 8px;
	color: #207068;
	background-color: #D9F9F6;
	font-weight: bold;
	white-space: nowrap;
	font-size: 0.8em;
	border: 1px #888;
	border-style: solid; 
	border-bottom-left-radius: 4px 4px;
	border-top-left-radius: 4px 4px;
	border-bottom-right-radius: 4px 4px;
	border-top-right-radius: 4px 4px;
}

.rule_essl_name {
	height: 16px;
	padding: 0 8px;
	font-weight: bold;
	white-space: nowrap;
	font-size: 0.8em;	
	color: #207068;
	background-color: #D9F9F6;
	border: solid 1px #888;
	border-left: none;
	border-bottom-right-radius: 4px 4px;
	border-top-right-radius: 4px 4px;		
}

.rule_clip {
	height: 16px;
	padding: 0 12px;
	color: #444;
	letter-spacing: 1px;
	font-weight: bold;
	font-family: monospace;
	white-space: nowrap;
	background-color: white;
	border-top: solid 1px #888;
	border-left: solid 1px #888;	
	border-bottom: solid 1px #ccc;
	border-right: solid 1px #ccc;
	border-bottom-left-radius: 4px 4px;
	border-bottom-right-radius: 4px 4px;
	border-top-left-radius: 4px 4px;
	border-top-right-radius: 4px 4px;	 
}

.rule_clir {
	height: 16px;
	padding: 0 12px;
	color: #444;
	letter-spacing: 1px;
	font-weight: bold;
	font-family: monospace;
	white-space: nowrap;
	background-color: mistyrose;
	border-top: solid 1px #888;
	border-left: solid 1px #888;	
	border-bottom: solid 1px #ccc;
	border-right: solid 1px #ccc;
	border-bottom-left-radius: 4px 4px;
	border-bottom-right-radius: 4px 4px;
	border-top-left-radius: 4px 4px;
	border-top-right-radius: 4px 4px;	 
}

.rule_clip.rule_clip_first,
.rule_clir.rule_clir_first {
	border-right: dotted 1px #ccc;
	border-bottom-right-radius: 0px 0px;
	border-top-right-radius: 0px 0px;
}

.rule_clip.rule_clip_middle,
.rule_clir.rule_clir_middle {
	border-left: dotted 1px #ccc;
	border-right: dotted 1px #ccc;
	border-bottom-right-radius: 0px 0px;
	border-top-right-radius: 0px 0px;
	border-bottom-left-radius: 0px 0px;
	border-top-left-radius: 0px 0px;
}

.rule_clip.rule_clip_last,
.rule_clir.rule_clir_last {
	border-left: none;
	border-bottom-left-radius: 0px 0px;
	border-top-left-radius: 0px 0px;
}

.rule_time {
	height: 16px;
	padding: 0 8px;
	color: #444;
	background-color: white;
	font-weight: bold;
	font-size: 0.8em;
	white-space: nowrap;
	border: 1px #888;
	border-style: solid dotted solid solid; 
	border-bottom-left-radius: 4px 4px;
	border-top-left-radius: 4px 4px;
}

.rule_time_name {
	height: 16px;
	padding: 0 8px;
	font-weight: bold;
	white-space: nowrap;
	font-size: 0.8em;	
	color: snow;
	background-color: #444;
	border: solid 1px #888;
	border-left: none;
	border-bottom-right-radius: 4px 4px;
	border-top-right-radius: 4px 4px;		
}

.rule_end_number {
	height: 16px;
	padding: 0 8px;
	color: #444;
	font-size: 0.8em;
	font-weight: bold;
	letter-spacing: 3px;
	white-space: nowrap;
	background-color: ivory;
	border: solid 1px #888;
	border-left: none; 
	border-bottom-right-radius: 4px 4px;
	border-top-right-radius: 4px 4px;	
}

.rule_first_icon {
	height: 16px;
	padding: 0 2px;
	color: #444;
	background-color: white;
	font-weight: bold;
	font-size: 0.8em;
	white-space: nowrap;
	border: 1px #888;
	border-style: solid dotted solid solid;
	border-bottom-left-radius: 4px 4px;
	border-top-left-radius: 4px 4px;
}

.rule_between_icon {
	height: 16px;
	padding: 0 2px;
	color: #444;
	background-color: white;
	font-weight: bold;
	font-size: 0.8em;
	white-space: nowrap;
	border: solid 1px #888;
	border-left: none;
	border-right-style: dotted;
}

.rule_last_icon {
	height: 16px;
	padding: 0 2px;
	color: #444;
	background-color: white;
	font-weight: bold;
	font-size: 0.8em;
	white-space: nowrap;
	border: solid 1px #888;
	border-left: none; 
	border-bottom-right-radius: 4px 4px;
	border-top-right-radius: 4px 4px;
}

span.password_strength {
	display: inline-block;
}

input.password:focus { 
    outline: none !important;
}

input.weak_pass {
	border: solid 2px;
	border-color: red;
}

tr.weak_pass {
	background-color: mistyrose;
}

input.medium_pass {
	border: solid 2px;
	border-color: goldenrod;
}

tr.medium_pass {
	background-color: lightyellow;
}

input.strong_pass {
	border: solid 2px;
	border-color: green;
}

span.edit_array_between_text {
	padding-left: 5px;
	font-weight: normal;
}

/* Calls stats monitor */
span.rule_any.dialed_by_caller,
span.rule_first.dialed_by_caller,
span.rule_last.dialed_by_caller {
	background: url("images/dialed_by_caller.png") left no-repeat white;
	padding-left: 20px;
}

span.rule_any.dialed_by_provider,
span.rule_first.dialed_by_provider {
	background: url("images/dialed_by_caller.png") left no-repeat white;
	padding-left: 20px;
}

span.rule_any.waiting_duration {
	background: url("images/ringing.png") left no-repeat white;
	padding-left: 20px;
}

span.rule_any.connection_duration {
	background: url("images/connection.png") left no-repeat white;
	padding-left: 20px;
}

tr.non_primary_conn {
	background-color: lightyellow;
}
tr.non_primary_conn:hover {
	background-color: lightyellow;
}

table.call_info {
	width: 100%;
}
table.call_info td {
	vertical-align: top;
	margin-bottom: 20px;
}

td.call_info_details {
	width: 400px;
}


span.show_details {
	background: url("images/show_components.png") left no-repeat;
	padding-left: 20px;
 	font-style: italic;
 	font-weight: normal;
}

span.hide_details {
	background: url("images/hide_components.png") left no-repeat;
	padding-left: 20px;
 	font-style: italic;
 	font-weight: normal;
}

div.dialplanobject {
	margin-left:5px;
	margin-right:5px;
}

/* Upload progress */

.progress_bar_buttons {
	padding-top: 5px;
	padding-left: 20px;
	background-image: url("images/ajax-loader2.gif");
	background-repeat: no-repeat;
	background-position: left;
	background-position-y: 8px;
}

.progress_bar {
	background: white;
	height: 12px;
	border: solid 1px #b8b8b8;
	border-bottom-left-radius: 4px 4px;
	border-bottom-right-radius: 4px 4px;
	border-top-left-radius: 4px 4px;
	border-top-right-radius: 4px 4px;
}

.progress_bar .complete {
	height: 12px;
	font-size: 10px;
	text-align: center;
	color: white;
	background: #003681;
	/* Safari 4-5, Chrome 1-9 */
	background: -webkit-gradient(radial, center center, 0, center center, 200, from(#003681), to(#00acff));
	/* Safari 5.1+, Chrome 10+ */ 
	background: -webkit-radial-gradient(circle, #003681, #00acff);
	/* Firefox 3.6+ */
	background: -moz-radial-gradient(circle, #003681, #00acff);
	/* IE 10 */ 
	background: -ms-radial-gradient(circle, #003681, #00acff);
	/* Opera 11.10+ */
	background-image: -o-linear-gradient(right, #00acff 0%, #003681 50%, #00acff 100%);	
}

/* Report */

.table td.incoming {
	background-color: #f0fff8;
}

.table td.outgoing {
	background-color: #f0f8ff;
}

/* Licences */

#lic_error,
#lic_info {
	background-color: lightyellow;
	border-bottom: 1px solid #003681;
	padding: 2px 0 4px;	
}

#lic_error a {	
	color: #003681;
	text-decoration: none;
	padding-left: 24px;
	background: url("images/warning.png") left 1px no-repeat;
}

#lic_info a {	
	color: #003681;
	text-decoration: none;
	padding-left: 24px;
	background: url("images/info.png") left 1px no-repeat;
}

span.licence_param_label a {
	display: inline-block;
}

/* Info banners */

#banner_info,
#banner_error {
	background-color: lightyellow;
	border-bottom: 1px solid #003681;
	padding: 2px 0 4px;	
}

#banner_info a {	
	color: #003681;
	text-decoration: none;
	padding-left: 24px;
	background: url("images/info.png") left 1px no-repeat;
}

#banner_error a {
	color: #003681;
	text-decoration: none;
	padding-left: 24px;
	background: url("images/warning.png") left 1px no-repeat;
}

#weak_sip_passwords_info {
	background-color: lightyellow;
	border-bottom: 1px solid #003681;
	padding: 2px 0 4px;	
}

#weak_sip_passwords_info a {	
	color: #003681;
	text-decoration: none;
	padding-left: 24px;
	background: url("images/warning.png") left 1px no-repeat;
}

#pending_restart_info {
	background-color: lightyellow;
	border-bottom: 1px solid #003681;
	padding: 2px 0 4px;
}

#pending_restart_info a,
#pending_restart_info span{
	color: #003681;
	text-decoration: none;
	padding-left: 24px;
	background: url("images/warning.png") left 1px no-repeat;
}

/* Firmwares */

#new_fmw_info,
#new_phonecti_info {
	background-color: lightyellow;
	border-bottom: 1px solid #003681;
	padding: 2px 0 4px;	
}

#new_fmw_info a,
#new_phonecti_info a {	
	color: #003681;
	text-decoration: none;
	padding-left: 24px;
	background: url("images/info.png") left 1px no-repeat;
}

#new_fmw_info div,
#new_phonecti_info div {	
	display: inline-block;
}

#close_fmw_info {
	float:right;
	padding-right:5px;
}
	
#close_fmw_info a{
	background: none;
}

/* ESSL */

#essl_conflicts_info {
	background-color: lightyellow;
	border-bottom: 1px solid #003681;
	padding: 2px 0 4px;	
}

#essl_conflicts_info a {	
	color: #003681;
	text-decoration: none;
	padding-left: 24px;
	background: url("images/info.png") left 1px no-repeat;
}

#essl_conflicts_info div {	
	display: inline-block;
}

/* Alarms */

div.alarm {
	cursor:			pointer;		
}

#alarm {
	background-color: white;
	border-bottom: 1px solid #003681;
	padding: 2px 0 4px;		
}

#alarm a {	
	color: #003681;
	text-decoration: none;
	padding-left: 24px;
	background: url("images/alarm.gif") left 1px no-repeat;
	background-size: 15px;
}

span.alarm_desc {
	white-space: nowrap;
	display: inline-block;
}

/* RDU status */
.rdu_info_RUN {
	font-weight: bold !important;
}

.rdu_info_STANDBY {
	font-weight: normal !important;
}

.rdu_info_STANDBY td,
.rdu_info_RUN td{
	width: 150px;
}

/* factory format customs */
.factory_format_radio_rows {
	padding-left: 40px !important;
	border: none !important;
	font-weight: normal !important;
}

table.factory_format_radio_table  {
	width: auto !important;
}

.factory_format_group_label {
	font-weight: normal !important;
	border-bottom: 1px !important;
}

.factory_format_radio_row {
	border: none;
	font-weight: normal !important;
}

tr.factory_format_info_step:first-child > td  {
	padding-top: 20px;
}

tr.factory_format_info_step > td {
	border: none;
}

tr.factory_format_info_substep > td {
	padding-left: 22px !important;
	border: none;
}

/* GSM status */

img.gsm_signal,
img.wifi_signal {
	border: black solid 1px;
	height: 8px;
	margin-top: 4px;
	box-shadow: 1px 1px 1px #888;
}

/* AudioMAN status */

table.audio_status_table div#audio_status_edit div.form {
	max-width: 500px;
}

form#audio_status_edit td.value span.device_playing {
	padding: 0 0 0 40px;
	background: url("images/music.gif") left center no-repeat white;
}

form#audio_status_edit td.value span.device_ready {
	padding: 0 0 0 24px;
	background: url("images/rule_on.png") left center no-repeat white;
}

form#audio_status_edit td.value span.device_error {
	padding: 0 0 0 24px;
	background: url("images/rule_off.png") left center no-repeat white;
}

form#audio_status_edit td.value span.device_sound {
	padding: 0 0 0 24px;
	background: url("images/sound.png") left center no-repeat white;
}

form#audio_status_edit div.audio_status_space {
	height: 24px;
}

form#audio_status_edit .audio_area_title {
	font-weight: bold;
	padding: 0 0 0 24px;
	background-image: url("images/audio_area.png");
	background-position:  left center;
	background-repeat: no-repeat;
}

form#audio_status_edit .audio_device_title {
	font-weight: bold;
	padding: 0 0 0 24px;
	background-image: url("images/audio_device.png");
	background-position:  left center;
	background-repeat: no-repeat;
}

/* Call center status */

table.cc_status_table div#cc_status_edit div.form {
	max-width: 2000px;
}

form#cc_status_edit td.value span a.edit,
form#cc_status_edit td.value span a.remove {
	font-weight: normal;
	float: right;
}

table.cc_status_table div#cc_status_edit div.form span.agent_permanent {
	background: url("images/agent_permanent.png") left no-repeat white;
	padding-left: 20px;
}

form#cc_status_edit td.value span.agent_calling {
	padding: 0 0 0 16px;
	background: url("images/agent_calling.png") left center no-repeat white;
}

form#cc_status_edit td.value span.agent_ringing {
	padding: 0 0 0 16px;
	background: url("images/agent_ringing.png") left center no-repeat white;
}

form#cc_status_edit td.value span.agent_ready {
	padding: 0 0 0 16px;
	background: url("images/rule_on.png") left center no-repeat white;
}

form#cc_status_edit td.value span.agent_not_ready {
	padding: 0 0 0 16px;
	background: url("images/rule_not.png") left center no-repeat white;
}

form#cc_status_edit td.value span.agent_paused {
	padding: 0 0 0 16px;
	background: url("images/cc_agent_paused.png") left center no-repeat white;
}

form#cc_status_edit td.value span.agent_invalid {
	padding: 0 0 0 16px;
	background: url("images/cc_agent_invalid.png") left center no-repeat white;
}

form#cc_status_edit td.value span.agent_dnd {
	padding: 0 0 0 16px;
	background: url("images/cc_agent_dnd.png") left center no-repeat white;
}

form#cc_status_edit div.cc_status_space {
	height: 24px;
}

table td .cc_queue_title,
form#cc_status_edit .cc_queue_title {
	font-weight: bold;
	padding: 0 0 0 24px;
	background-image: url("images/cc_queue.png");
	background-position:  left center;
	background-repeat: no-repeat;
}

table td .slican_raport_title,
form#cc_status_edit .slican_raport_title {
	font-weight: bold;
	padding: 0 0 0 24px;
}

form#cc_status_edit .cc_agents_title,
form#cc_status_edit .cc_today_title,
form#cc_status_edit .cc_tasks_title,
form#cc_status_edit .cc_calls_title {
	font-weight: bold;
}

table td .cc_agent_title,
.table .table_head .cc_agent_title,
form#cc_status_edit .cc_agent_title {
	font-weight: bold;
	padding: 0 0 0 20px;
	background-image: url("images/cc_agent.png");
	background-position:  left center;
	background-repeat: no-repeat;
}

/* Call center logs*/

td.cc_agent_event_options {
	width: 1px;
}

td.cc_queue_details {
	width: 400px;
}

img.cc_filter_icon {
	vertical-align: -4px;
	margin-right: 2px;
}


/* Call center reports */

tr.cc_report.total td {
	border-top-width: 2px;
}

tr.cc_report div.graph {
	display: inline-block;
	width: 75px;
	text-align: left;
	white-space: nowrap;
}

tr.cc_report span.right {
	float: right;
}

tr.cc_report div.bars {
	display: inline-block;
	width: 75px;
}

tr.cc_report.bar_wide div.graph {
	width: 100%;
	border-top: #7ac5e0 dotted 1px;  
	border-bottom: #7ac5e0 dotted 1px;
}

tr.cc_report.bar_wide div.bars {
	width: 100%;
}

tr.cc_report div.graph div.bar {
	display: inline-block;
	background: white;
	height: 12px;
	border: none;
	vertical-align: middle;
	padding-left: 0;
	padding-right: 0;
	box-shadow: 0 0 0 1px black;
}

tr.cc_report.bar_wide div.graph div.bar {
	height: 36px;	
}

tr.cc_report.bar_wide div.graph div.bar:hover {
	box-shadow: inset 0 0 1px 1px white;
	cursor: context-menu;

}

tr.cc_report div.graph div.bar:not(:first-child) {
	/* https://css-tricks.com/fighting-the-space-between-inline-block-elements/ */
	margin-left: -5px;
}

tr.cc_report div.graph div.bar_available {
	background: #437043;
}

tr.cc_report div.graph div.bar_paused_working {
	background: #651a1a;
}

tr.cc_report div.graph div.bar_paused_private {
	background: salmon;
}

tr.cc_report div.graph div.bar_dnd {
	background: red;
}

tr.cc_report div.graph div.bar_invalid {
	background: black;
}

tr.cc_report div.graph div.bar_not_logged {
	background: whitesmoke;
}

tr.cc_report div.graph div.bar_logged {
	background: #8fbc8f;
}

tr.cc_report div.graph div.bar_call_answered {
	background: #8fbc8f;
}

tr.cc_report div.graph div.bar_call_not_answered {
	background: red;
}

tr.cc_report div.graph div.bar_call_lost {
	background: red;
}

tr.cc_report div.graph div.bar_call_abandoned {
	background: red;
}

tr.cc_report div.graph div.bar_call_rejected {
	background: red;
}

tr.cc_report div.graph div.bar_call_forwarded {
	background: red;
}

tr.cc_report div.graph div.bar_call_return_done {
	background: #8fbc8f;
}

tr.cc_report div.graph div.bar_call_return_fail {
	background: red;
}

tr.cc_report div.graph div.bar_calls_answered {
	background: #8fbc8f;
}

tr.cc_report div.graph div.bar_calls_not_answered,
tr.cc_report div.graph div.bar_calls_lost {
	background: red;
}

tr.cc_report div.graph div.bar_calls_abandoned {
	background: brown;
}

tr.cc_report div.graph div.bar_calls_others {
	background: black;
}

tr.cc_report div.graph div.bar_avg_answered {
	background: lightgreen;
}

tr.cc_report div.graph div.bar_avg_lost {
	background: salmon;
}

tr.cc_report div.graph div.bar_avg_abandoned {
	background: #b5651d;
}

tr.cc_report div.graph div.bar_talk_total,
tr.cc_report div.graph div.bar_duration_total {
	background: green;
}

tr.cc_report div.graph div.bar_talk_avg,
tr.cc_report div.graph div.bar_duration_avg {
	background: lightgreen;
}

tr.cc_report div.graph div.bar_ring_total {
	background: yellow;
}

tr.cc_report div.graph div.bar_ring_avg {
	background: lightyellow;
}

tr.cc_report div.graph div.bar_total_avg {
	background: yellowgreen;
}

tr.cc_report div.graph div.bar_sla_ok {
	background: #8fbc8f;
}

tr.cc_report div.graph div.bar_sla_fail {
	background: red;
}

tr.cc_report div.graph div.bar_calls_rejected {
	background: grey;
}

tr.cc_report div.graph div.bar_calls_forwarded {
	background: magenta;
}

tr.cc_report div.graph div.bar_count_total {
	background: blue;
}

table#cc_reports_queues_summary th span,
table#cc_reports_agents_available th span,
table#cc_reports_agents_calls th span,
table#cc_reports_agents_calls_incoming th span,
table#cc_reports_agents_calls_outgoing th span {
	display: inline-block;
	width: 8px;
	height: 8px;
	margin: 0 4px 0 0;
	box-shadow: inset 0 0 0 1px white;
}

table#cc_reports_agents_available th span.available {
	background-color: #437043;
}

table#cc_reports_agents_available th span.paused_working {
	background-color: #651a1a;
}

table#cc_reports_agents_available th span.paused_private {
	background-color: salmon;
}

table#cc_reports_agents_calls th span.calls_answered {
	background-color: #8fbc8f;
}

table#cc_reports_agents_calls th span.calls_lost {
	background-color: red;
}

table#cc_reports_agents_calls th span.calls_abandoned {
	background-color: brown;
}

table#cc_reports_agents_calls th span.calls_others {
	background-color: black;
}
table#cc_reports_agents_calls th span.calls_answered {
	background-color: #8fbc8f;
}

table#cc_reports_agents_calls th span.calls_not_answered {
	background-color: red;
}
table#cc_reports_agents_calls th span.duration_total_both {
	background-color: green;
}

table#cc_reports_agents_calls_incoming th span.calls_answered {
	background-color: #8fbc8f;
}

table#cc_reports_agents_calls_incoming th span.calls_lost {
	background-color: red;
}

table#cc_reports_agents_calls_incoming th span.calls_abandoned {
	background-color: brown;
}

table#cc_reports_agents_calls_incoming th span.calls_others {
	background-color: black;
}

table#cc_reports_agents_calls_incoming th span.avg_answered {
	background-color: lightgreen;
}

table#cc_reports_agents_calls_incoming th span.avg_lost {
	background-color: salmon;
}

table#cc_reports_agents_calls_incoming th span.avg_abandoned {
	background-color: #b5651d;
}

table#cc_reports_agents_calls_incoming th span.duration_total {
	background-color: green;
}

table#cc_reports_agents_calls_incoming th span.duration_avg {
	background-color: lightgreen;
}

table#cc_reports_agents_calls_outgoing th span.calls_answered {
	background-color: #8fbc8f;
}

table#cc_reports_agents_calls_outgoing th span.calls_not_answered {
	background-color: red;
}

table#cc_reports_agents_calls_outgoing th span.ringing_total {
	background-color: yellow;
}

table#cc_reports_agents_calls_outgoing th span.ringing_avg {
	background-color: lightyellow;
}

table#cc_reports_agents_calls_outgoing th span.talk_total {
	background-color: green;
}

table#cc_reports_agents_calls_outgoing th span.talk_avg {
	background-color: lightgreen;
}

table#cc_reports_agents_calls_outgoing th span.total_avg {
	background-color: yellowgreen;
}

table#cc_reports_queues_summary th span.calls_answered {
	background-color: #8fbc8f;
}

table#cc_reports_queues_summary th span.calls_lost {
	background-color: red;
}

table#cc_reports_queues_summary th span.calls_abandoned {
	background-color: brown;
}

table#cc_reports_queues_summary th span.calls_rejected {
	background-color: grey;
}

table#cc_reports_queues_summary th span.calls_forwarded {
	background-color: magenta;
}

form#cc_report_queues .cc_queues_title {
	font-weight: bold;
}

/* VOX sound detection calibration */

form#vox_calibrate_form span#sound_detector_text {
	margin: 0 5px;
}

form#vox_calibrate_form span#sound_detector_text.sound_error {
	padding-left: 16px;
	background: url("images/vox_detect_error.png") left center no-repeat white;
}

form#vox_calibrate_form span#sound_detector {
	height: 10px;
	margin: 4px 5px;
	display: block;
}

form#vox_calibrate_form span#sound_detector.sound_error {
	width: 0;
	height: 0;
}

form#vox_calibrate_form span#sound_detector.sound_on {
	background-color: red;
	width: 250px;
	transition-property: width, background-color;
	transition-duration: 200ms;
}

form#vox_calibrate_form span#sound_detector.sound_off {
	background: grey;
	width: 10px;
	transition-property: width, background-color;
	transition-duration: 750ms;
}

/* SMS Notifications */

#sms_notify_limit_info {
	background-color: lightyellow;
	border-bottom: 1px solid #003681;
	padding: 2px 0 4px;	
}

#sms_notify_limit_info a {	
	color: #003681;
	text-decoration: none;
	padding-left: 24px;
	background: url("images/info.png") left 1px no-repeat;
}


/* Extension edit batch  */

.form .extno_column_label,
.form .name_column_label {
	display: inline-block;
	width: 160px;
	text-align: center;
}

/* Syslog */

.table td span.syslog_warning {
	color: goldenrod;
}

.table td span.syslog_error {
	color: red;
}

div.syslog_panel {
	margin-left: 3px;
	display: inline-block;
	float: right;
}

.syslog_button_dialog_left {
	position: absolute !important;
	left: 10px !important;
}

.syslog_filter_on {
	box-shadow: 0 0 1px 1px salmon !important;
	border: 2px solid !important;
	border-color: salmon !important;
}

/* MCTI status */

a .ctiapp_test_time {
	text-decoration: underline;
	display: inline-block;
	height: 18px;
}

a .ctiapp_test_time img {
	vertical-align: top;
	margin-right: 4px;
}

/* Copy to clipboard */

a.copy {
	padding-left: 20px;
	cursor: copy;
}

a.copy_ok {
	background: url("images/copy_ok.png") left center no-repeat;
}

a.copy_err {
	background: url("images/rule_off.png") left center no-repeat;
}