/* CSS Document */

/* Font */
/* @font-face {
	font-family: 'osr';
	src: url("fonts/osr.eot"),
	url("fonts/osr.ttf"),
	url("fonts/osr.woff");
} */

/* Common Selectors */
* {
	margin: 0px;
	
}
body {
	background: #e6eef2 url('/images/body_bg.jpg') repeat-x;
	font-family: 'Segoe UI','Lucida Grande', Arial, Helvetica, sans-serif; font-size: 13px;
}
img {
	border: 0px;
}
img.pointer {
	width: 7px;
	height: 7px;
	padding: 0px 6px;
	vertical-align: middle;
}
hr {
    border:0;
    border-top: 1px solid #ccc;
}
.clearfix:after {
   content: " "; /* Older browser do not support empty content */
   visibility: hidden;
   display: block;
   height: 0;
   clear: both;
}
/* Page Content */
	div#content {
		margin: 10px;
	}
	
	h1 {
		margin: 10px 0px 10px;
		color: #283891;
		font-size: 18px; font-weight: normal;
	}
	p {
		font-size: 13px;
	}
	p.error {
		color: red;
	}
	p.warning {
		color: darkorange;
	}
	p.info {
		color: green;
	}
	p.headWarning {
		color: red;
		font-weight: bold;
		font-size: 2.5em;
	}
	p.headOK {
		color: green;
		font-size: 0.8em;
	}

/* Header */
table#header_strip {
	background: #e6eef2 url('/images/header_strip.gif');
}

td#header_bg {
	background: url('/images/header_bg.gif') no-repeat;
}

	/* Search Box */
	input#search_box {
		font-size: 11px;
		color: #036;
		padding: 2px 1px 0px;
		width: 120px;
	}
	
	/* Menu */
	#menu {
		background: url('/images/menu_bg.gif');
	}
	
	#menu_list, #menu_list ul, #menu_list li {
		padding: 0;
		margin: 0;
		list-style: none;
		z-index: 100;
	}
	
	#menu_list li {
		float: left;
	}
	
	#menu_list a {
		display: block;
		position:static;
		height: 24px;
		padding-right: 2px;
		padding-top: 1px;
		margin: 0px;
		text-align: center;
		font-size: 11px;
		line-height: 22px;
		color: #036;
		text-transform: uppercase;
		text-decoration: none;
		background: transparent url('/images/menu_s.gif') right no-repeat;
	}
	#menu_list a:hover {
		color: white;
		background-color: #7cbdc8;
	}
	
	
	#menu_list li ul {
		width: 0.5em;
		position: absolute;
		left: -999em;
	}
	
	#menu_list li ul li {
		height: 22px;
	}
	
	#menu_list li ul li a {
		width: 150px;
		height: 22px;
		padding: 0px 5px;
		margin: 0px;
		text-align: left;
		line-height: 22px;
		background: #e4f5f7 none;
		border: 1px solid #86bcc4;
	}
	
	#menu_list li:hover ul, #menu_list li.sfhover ul {
		left: auto;
	}
	
		/* Menu Items */
		#menu_home						{ width: 68px;	}
		#menu_my_miproject				{ width: 99px;	}
		#menu_customer_relations		{ width: 145px;	}
		#menu_seliton_express			{ width: 75px; }
		#menu_projects					{ width: 75px;	}
		#menu_store						{ width: 55px;	}
		#menu_seliton					{ width: 70px;	}
		#menu_express					{ width: 70px;	}
		#menu_human_resources			{ width: 130px;	}
		#menu_billing					{ width: 69px;	}
		#menu_accounting				{ width: 100px;	}
		#menu_reports					{ width: 73px;	}
		#menu_links						{ width: 55px;	}
		#menu_help						{ width: 54px;	}
		#menu_logout					{ width: 70px;	}
		
		#menu_quotes					{ width: 75px;	}
		#menu_jobs						{ width: 75px;	}
		#menu_profile					{ width: 75px;	}

		#menu_aff_profile				{ width: 120px;	}
		#menu_aff_referrals				{ width: 120px;	}
		#menu_aff_commissions			{ width: 120px;	}
		#menu_aff_payments				{ width: 120px;	}

	/* Breadcrumb */
	#breadcrumb {
		background: url('/images/breadcrumb_bg.gif');
		font-size: 10px;
		
		color: #056;
	}
	
	#breadcrumb a {
		color: #056;
	}
	#breadcrumb a:hover {
		text-decoration: none;
	}
	.pointer_right {
		margin: 0px 5px;
	}
	
/* User Menu/Logout */
.user-logout {
	font-size: 11px;
}
.user-logout a {
	color: #056;
}

/* Reminders */
table#reminders {
	background: #ffb50a url('/images/reminders_bg.gif') repeat-x;
	border: 1px solid #ff8d00;
}
div#reminder_title {
	float: left;
	border: 0px;
}

div.reminder {
	margin: 4px 5px 4px 5px;
	padding: 10px 14px;
	font-size: 12px;
	text-align: center;
	color: #b30101;
	background: #ffef94;
	border: 1px solid #d55e12;
}
div.reminder a {
	color: #b30101;
}
div.reminder a:hover {
	text-decoration: none;
}
div.reminder p.headWarning {
	font-size: 1.2em;
}


/* Data List */
table.data {
	margin: 10px 0px;
	border-collapse: collapse;
	border-spacing: 0px;
	border: 1px solid #b0bec7;
}
table.data.withCaption {
	margin-top: 0;
}

table.data th {
	height: 21px;
	padding: 0px 6px;
	font-weight: bold;
	font-size: 12px;
	color: #000;
	border: 1px solid #b0bec7;
	background: white url('/images/data_th_gradient.gif') repeat-x bottom;
}

table.data td {
	height: 16px;
	padding: 5px 9px;
	font-size: 12px;
	color: #000;
	border: 1px solid #b0bec7;
}
table.data td.ticket-note-content {
	word-break: break-all;
/*	transition:all 100ms linear;
	-webkit-transition:all 100ms linear;*/
}
.c-ticket-view__attached-img {
	max-width: 300px;
	width: auto;
	height: auto;
} 
/*
table.data td.ticket-note-content:hover {
	font-size:18px;
}*/
table.data td.equalizer {
	border-bottom-width: 5px;
}
table.data td.negative {
	background: #FAE1E1;
}
table.data tbody.balanceReport td div em {
	font-style: normal;
	text-transform: uppercase;
}
.paid0 {
	color: #900;
	text-transform: uppercase;
	font-weight: bold;
}
.paid1 {
	color: #960;
	text-transform: uppercase;
	font-weight: bold;
}
.paid2 {
	color: darkgreen;
	text-transform: uppercase;
	font-weight: bold;
/*	display: none; */
}
table.data tbody.balanceReport td div span {
	float: right;
}
table.data tbody.balanceReport td.hasNote div {
	border-bottom:1px dashed #999;
	padding-bottom:5px;
	margin-bottom:5px;
}

table.data tr td.row_odd {
	background-color: #FAFFFF;
}
table.data tr td.row_even {
	background-color: #DDE8E8;
}

table.data tr.row_odd {
	background-color: #f5fafa;
}

table.data tr.row_even {
	background-color: #edf8f8;
}
table.data tr.green,
table.data td.green,
table.data th.green {
	color: #009900;
	background: #E1FAE1;
}
table.data tr.blue,
table.data td.blue,
table.data th.blue {
	color: #000099;
	background: #f5fafa;
}
tr.darkBlue,
td.darkBlue,
th.darkBlue {
	color: #000099 !important;
	background: #00FAFA !important;
}
table.data tr.red,
table.data td.red {
	color: #990000;
	background: #FAE1E1;
}
table.data tr.yellow,
table.data td.yellow {
	color: #DEBD00;
	background: #FAF6DE;
}
table.data td.orange {
	color: #ff6600;
	background: #FAF1C1;
}
table.data td.purple {
	color: #000099;
	background: #D8BFD8;
}
table.data .blue {
	color: #1B84E0;
}

#ticketNotes  a.noteEmployee {
	color: #000;
}
#ticketNotes .internal a.noteEmployee {
	color: #339;
}
#ticketNotes .internal td {
	color: #339;
}
a.ticketLink.isClosed {
	text-decoration: line-through;
}

	/* Top */
	table.data th.top,
	table.data caption {
		height: 28px;
		background: url('/images/data_th_pattern.gif') repeat-x #F8FAFE;
		text-align: left;
	}
	table.data th.top h2 {
		float: left;
		line-height: 22px;;
		font-size: 14px;
		text-align: left;
		color: #203040;
	}
	table.data caption {
		margin-top: 10px;
		padding: 0px 6px;
		border: 1px solid #b0bec7;
		font-size: 14px;
		font-weight: bold; line-height: 22px;
		text-align: left;
		color: #203040;
	}
	
	table.data th.top div {
		margin-top: 2px;
		float: right;
		font-size: 11px;
	}
	
	table.data th.top div select {
		font-size: 10px;
	}

	/* Pages */
	table.data th.pages {
		height: 16px;
		font-size: 10px;
		text-align: right;
		background: #ebedf2 none;
	}
	table.data th.pages a {
		color: #3a6189;
	}
	table.data th.pages a:hover {
		text-decoration: none;
	}
	table.data th.pages #records {
		display: inline;
		float: left;
	}
	table.data th.pages #records {
		display: inline;
		float: left;
	}
	table.data th a {
		font-size: 10px;
		font-weight: bold;
		color: #006699;
		text-decoration: none;
	}
	table.data th a:hover {
		
		color: #030;
	}


	table.data td.workday_work {
		background-color: #ddffdd;
	}
	table.data td.workday_off_3,
	table.data td.workday_off_4,
	table.data td.workday_off_5 {
		background: url('/images/table_cell_note.gif') no-repeat top right;
	}
	table.data td.workday_off {
		background-color: #ffdddf;
	}
	
	#contractorWagesOptions	.selected td {
		background: #edf5fa;
	}

/* Data entry */
table.data_entry {
	margin: 10px 0px;
	border-spacing: 0px;
	color: #000;
	border: 1px solid #accee5;
}
table.data_entry.withCaption {
	margin-top: 0;
}

table.data_entry caption,
table.data_entry th.title {
	padding: 0px 8px;
	height: 29px;
	font-size: 11px;
	font-weight: bold;
	line-height: 28px;
	text-align: left;
	text-transform: uppercase;
	background: url('/images/data_entry_th.gif') repeat-x bottom;
	border: 1px solid #accee5;
	border-width: 1px 0;
}
table.data_entry caption {
	border-width: 1px 1px 0 1px;
	margin-top: 10px;
}
table.data_entry th.title th {
	padding: 0px;
	font: bold 11px/29px Arial, Helvetica, sans-serif;
	background: none;
}
table.data_entry th.title td {
	text-transform: none;
	padding: 0px;
	font: normal 11px Arial, Helvetica, sans-serif;
	background: none;
}
table.data_entry th.title .additionalLink {
	text-transform: none;
	float:right;
	font-size: 9px;
}
table.data_entry th {
	padding: 2px 8px;
	background: #edf5fa;
	font-size: 11px; line-height: 18px;
	border-style: solid;
	border-color: white;
	border-width: 1px 0px;
	text-align: left;
}
table.data_entry td {
	padding: 2px 8px;
	background: white;
	font-size: 12px;
/*
	border-style: solid;
	border-color: white;
	border-width: 1px 0px;
*/
}
table.data_entry #licenseAffixes tr.hasEnded td {
	background: #FAE1E1;
}
table.data_entry #licenseAffixes tr.notStarted td {
	background: #E1FAE1;
}
table.data_entry table.data td {
	background: transparent;
}
table.data_entry .licenseIndustries {
	max-width: 400px;
}
table.data_entry .licenseIndustries label {
	white-space: nowrap;
}
table.data_entry .licenseIndustries label:hover {
	background: #edf5fa;
}

table.data_entry td.inProgress {
	background: url('/images/indicator.gif') no-repeat center center;
}
table.data_entry td.pending {
	background: url('/images/pending.jpg') no-repeat center center;
}


/* Widgets */
input, select, textarea {
	padding-left: 2px;
	color: #000;
	font-size: 12px;
	border: 1px solid #728da6;
}
input:focus, select:focus, textarea:focus {
	background: white;
}
input.button{
	padding: 2px 10px;
	border: 1px solid #b0bec7;
	background: white url('/images/button_bg.gif') repeat-x bottom;
	font-weight: bold;
	font-size: 10px;
}
input.button:hover {
	border: 1px solid #3890c7;
	background: white url('/images/button_over_bg.gif') repeat-x bottom;

}
#content a.button {
	color: #056;
}
.partyScoreRadios label {
	display:inline-block;
	text-align:center;
	width:20px;
	border:1px solid #EDF5FA;
}
.partyScoreRadios label input {
	margin:10px 5px 0 5px;
}

input.radio {
	border: 0;
}
/* Links */
	a:link {
		text-decoration: none;
		border: 0px;
	}
	a:visited {
		text-decoration: none;
	}
	a:hover {
		text-decoration: underline;
	}
	
	a.white {
		color: white;
	}
	a.orange {
		color: #ff6600;
	}
	a.navy {
		color: #000066;
	}
	a.olive {
		color: #008000;
	}
	a.red {
		color: red;
	}
	a.blue {
		color: #0af;
	}
	a.quoteStatus0, /* OPEN */
	a.quoteStatus1, /* CLOSED */
	a.quoteStatus2, /* APPROVED */
	a.quoteStatus3 { /* PRESENTED */
		color: #ff6600;
	}
	a.quoteStatus4 { /* ACCEPTED */
		color: #008000;
	}
	a.quoteStatus5 { /* REJECTED */
		color: red;
	}
	
.red {
	color: red;
}
.green {
	color: green;
}
table tr.yellow {
	color: yellow;
}

table tr.orange {
	color: orange;
}
table tr.orange td {
	background-color: orange;
}

table tr.green {
	color: green;
}

table tr.darkblue {
	color: darkblue;
}
table tr.darkblue td {
	background-color: darkblue;
}
table tr.blue {
	color: lightblue;
}
table tr.blue td {
	background-color: lightblue;
}
table tr.black {
	color: black;
}
table tr.white {
	color: white;
}

.dim,
table.data td.dim {
	color: #999;
}

/* Rows */
	tr.row1 {
		background-color: #EFEFEF;
	}
	tr.row2 {
		background-color: #DEE3E7;
	}
	tr.row3 {
		background-color: #D1D7DC;
	}
	/* Columns */
	col.col1 {
		background-color: #EFEFEF;
	}
	col.col2 {
		background-color: #DEE3E7;
	}
	col.col3 {
		background-color: #D1D7DC;
	}
	/* Cells */
	td.cell1 {
		background-color: #EFEFEF;
	}
	td.cell2 {
		background-color: #DEE3E7;
	}
	td.cell3 {
		background-color: #D1D7DC;
	}
	/* Footer */
	
	div#footer {
		background: #b0bec7;
		height: 1px;
		clear: both;
	}
	
	
/* Horde and IMP Related Mail Discussions */
.mimeStatusMessage {
	width: 100%;
	margin: 1px;
/*	border: 1px dashed #00c; */
	background: #ddd;
}
.mimeStatusWarning {
	width: 100%;
	margin: 1px;
/*	border: 1px dashed #f00; */
	color: #f00;
}
.text {
	background-color: #F6E7F8;
}
#html-message a {
	word-break: break-all;
}
.mail_message {
	width: 100%;
}
table.mail_message td {
	font-size: 12px;
	background: #ddd;
}
table.mail_message td.text {
	padding: 5px;
	background: white;
}
.mimeStatusMessage td {
	background: #ddd;
}
div#html-message,
div#html-message td {
	padding: 5px;
	background: white;
	border: 1px solid #33ccFF;
}

div#html-message pre {
	white-space: pre-wrap;       /* css-3 */
	white-space: -moz-pre-wrap;  /* Mozilla */
	white-space: -o-pre-wrap;    /* Opera 7 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

table.mail_message th.title {
	padding: 0px 8px;
	height: 29px;
	font-weight: bold;
	font-size: 12px;
	line-height: 28px;
	text-align: left;
	text-transform: uppercase;
	background: url('/images/data_entry_th.gif') repeat-x bottom;
	border-top: 1px solid #accee5;
	border-bottom: 1px solid #accee5;
}

table.mail_message {
	margin: 10px 0px;
	border-spacing: 0px;
	color: #405a80;
	border: 1px solid #accee5;
}

#billableNotification {
	border: 1px solid #b0bec7;
	width:200px;
	padding:5px;
	margin: 10px 0;
}
#billableNotification.billableHoursLow {
	border-color:#990000;
	color: #990000;
	background: #FAE1E1;
}
#billableNotification.billableHoursOk {
	border-color:#ff3300;
	color: #ff3300;
	background: #FAF1C1;
}
#billableNotification.billableHoursBonus {
	border-color:#006600;
	color: #006600;
	background: #E1FAE1;
}

#supportNotification {
	background: #FAF1C1;
	border: 1px solid #FF3300;
	color: #FF3300;
	line-height: 12px;
	margin: 10px 0 0;
	padding: 8px;
	width: 594px;
}
table.data td .supportDetails, table.data td .historyDetails {
	position:absolute;
	background:#fff;
	border:2px solid;
	z-index:2;
	overflow:hidden;
	min-width:100px;
	min-height:10px;
}
table.data td .supportDetails td, table.data td .historyDetails td {
	font-size:150%
}
table.data td .supportDetails td span, table.data td .historyDetails td span {
	font-size:75%;
}

#daysOffWarning {
	padding:5px;
	border:1px solid;
	border-radius:0 5px 5px 5px;
}
#daysOffWarning.info {
	border-color:#006600;
	color: #006600;
	background: #E1FAE1;
}
#daysOffWarning.warning {
	border-color:#ff3300;
	color: #ff3300;
	background: #FAF1C1;
}
#daysOffWarning.error {
	border-color:#990000;
	color: #990000;
	background: #FAE1E1;
}

/* Tickets <-> Knowledge base */
#kbProposes {
	max-width:600px;
}
#kbProposes ul {
	list-style-type: none;
	margin:0;
	padding:0;
}
#kbProposes ul li {
	margin:0;
	padding:10px 0;
}
#kbProposes ul li .description,
#kbProposes ul li .path,
#kbProposes ul li .stats {
	padding:5px 0 0 20px;
	clear:both;
}
#kbProposes ul li ul li {
	margin:0;
	padding:0 3px 0 10px;
	float:left;
	background:url("/images/tickets/path-2-pointer.gif") no-repeat 0 50%;
}
#kbProposes ul li ul li.fst-noimg {
	padding:0 3px 0 0;
	background:none;
}
#kbProposes ul li .stats p {
	float:left;
	padding:0 10px 0 0;
	color:#666;
}
#kbProposes ul li .description .highlight {
	font-weight:bold;
}

/* Tags */
.inquiryTag,
.partyLabel {
	display:inline-block;
	border-radius: 5px;
	-moz-border-radius: 5px;
	padding:3px;
	border:2px solid;
}
.inquiryTag input,
.partyLabel input {
	vertical-align:middle;
}
.inquiryTag1 { /* Urgent */
	background: #fb4c2f;
	color: #fff;
	border-color: #fb4c2f;
}
.inquiryTag2 { /* Quote */
	background: #98d7e4;
	color: #13424b;
	border-color: #98d7e4;
}
.inquiryTag4 { /* Research */
	background: #a2dcc1;
	color: #0a5635;
	border-color: #a2dcc1;
}
.inquiryTag8 { /* Talk to client */
	background: #e3d7ff;
	color: #442092;
	border-color: #e3d7ff;
}
.inquiryTag16 { /* New client */
	background: #fbd3e0;
	color: #77213d;
	border-color: #fbd3e0;
}
.partyLabel1 { /* VIP */
	background: #ffad46;
	color: #fff;
	border-color: #ffad46;
}
.inquiryTag.inactive,
.partyLabel.inactive {
	background:none;
	color:#333;
}

tr.inProgress td {
	padding: 10px;
}
td.upToTask span {
	color: red;
}


/****** CUSTOMER LOGIN PAGE ******/
.clients-login-page { background: url(../images/customer-login/customer-login-body.png) 0 0 repeat-x; }
.clients-login-page .header { width: 600px; margin: 0 auto; padding: 138px 0 0 0; height: 52px;}
.clients-login-page .header p { float:right; color:#58585a; font-size:30px; padding-top:10px;}
.clients-login-page .header a { padding: 0 0 12px; }
.clients-login-page .customer-area-text { float: right; padding: 7px 0 0px; }
.clients-login-page #content { width: 600px; margin: 0 auto; }
.clients-login-page .customer-login-left-block { width: 150px; float: left; padding: 16px 22px 0 0; text-align: center; }
.clients-login-page .customer-login-left-block img { margin: 0 0 26px;  }
.clients-login-page h2 { text-align: center; background: url(../images/customer-login/customer-login-h2.png) 50% 100% no-repeat; padding: 0 0 24px; margin: 0 0 20px;  }
.clients-login-page .top-text { padding: 22px 0; font-size: 12px;  }
.clients-login-page .customer-login-form-container { background: url(../images/customer-login/customer-login-form-bottom.png) 0 100% no-repeat; padding: 0 0 25px; float: left; width: 427px; font-size: 12px; }
.clients-login-page .customer-login-form-container .customer-login-form-header { background: url(../images/customer-login/customer-login-form-top.png) 0 0 no-repeat;   font-size: 14px; font-weight: bold; width: 100%; height: 45px; padding: 0 0 0 17px;  }
.clients-login-page .customer-login-form-container .customer-login-form-content { background: url(../images/customer-login/customer-login-form-center.png) 50% 100% repeat-y; padding: 12px 55px 0; clear: both; }
.clients-login-page .customer-login-form-container .customer-login-form-content table.data_entry { background: none; border: 0; }
.clients-login-page .customer-login-form-container .customer-login-form-content table.data_entry td { background: none; border: 0;  font-size: 12px; }
.clients-login-page .customer-login-form-container h1 { margin: 0; background: url(../images/customer-login/customer-login-form-h1.png) 100% 50% no-repeat; float: left;  padding: 19px 44px 10px 0; color: #333; font-size: 15px; font-weight: bold; }
.clients-login-page .customer-login-form-container .customer-login-form-content .button {  background: url(../images/customer-login/customer-login-form-btn.png) 0% 0% no-repeat; border: none; width: 102px; height: 32px; line-height: 32px;font-weight: bold; color: #fff; }
.clients-login-page .customer-login-form-container .customer-login-form-content .signup-link {  background: url(../images/customer-login/customer-login-form-signup.png) 0% 50% no-repeat; border: none; height: 32px; line-height: 32px;font-weight: bold; color: #1e90c6; display: inline-block; text-align: right; padding-left: 18px; margin: 0 0 0 2px;}
.clients-login-page .customer-login-form-container .customer-login-form-content .input-text {  background: url(../images/customer-login/customer-login-form-input.png) 0% 0% no-repeat; height: 26px; width: 198px; border: solid 1px #c2c4c8;padding: 0 5px;}
.clients-login-page .customer-login-form-container .customer-login-form-content select {  background: url(../images/customer-login/customer-login-form-input.png) 0% 0% no-repeat; padding: 5px;width: 210px; border: solid 1px #c2c4c8;}
/****** CUSTOMER LOGIN PAGE ******/

#projectManagerPartyChanged,
#projectManagerCurrentParty {
position:fixed;
background:#000;
color:#CCC;
opacity:0.8;
filter:alpha(opacity=80);
z-index:100000;
}
#projectManagerPartyChanged {
top:0;
width:100%;
padding:100px;
cursor:pointer;
font-size:20px;
}
#projectManagerCurrentParty {
bottom:0;
right:0;
padding:10px 15px;
border-top-left-radius:10px;
font-size:12px;
}

/****** TASKS MANAGMENT ******/
#chooseTaskTypeBox {
	position:absolute;
	background-color:#FFF;
	border:1px solid #B0BEC7;
	padding:4px;
}
.cursorPointer {
	cursor:pointer;
}
/****** TASKS MANAGMENT ******/

/****** TICKETS MANAGMENT ******/
#quoteFromTicketBox {
	padding:20px 0 20px 20px;
}
#quoteFromTicketBox div.column {
	float:left;
	width:50%;
}
#quoteFromTicketBox div.revisedQuote {
	clear: both;
	padding: 30px 0;
}
#quoteFromTicketBox .quotesList {
	padding: 10px 0;
	clear: both;
}
#chooseTicketBox {
	position:absolute;
	background-color:#FFF;
	border:1px solid #B0BEC7;
	padding:4px;
}
#chooseTicketBox #ticketsList {
	padding:8px 0;
}
#chooseTicketBox .close {
	float:right;
}
tr.ticketCreateFileUpload {
	display:none;	
}
tr.ticketCreateFileUpload.description td {
	padding-bottom: 16px;
}
/****** TICKETS MANAGMENT ******/

/****** QUOTES MANAGMENT ******/
.quoteForm input.save {
	margin-right: 40px;
}
/****** QUOTES MANAGMENT ******/

/****** REPORTS ******/
.dateRangePickerHolder {
	float:left;
	margin-right:20px;
}
/****** REPORTS ******/

/****** AGING REPORTS BOXES ******/
.serviceLevelBoxes td {
	vertical-align:top;
}
.serviceLevelBoxes table.agingReports {
	margin-right:20px;
	margin-bottom:20px;
	width: 100%;
}
table.agingReports td {
	text-align:center;
	color:#000 !important;
	width:88px;
}
table.agingReports td.regular {
	text-align:left !important;
}
table.agingReports tr.total td {
	font-weight:bold;
}
/****** AGING REPORTS BOXES ******/

/*from img to css bgs*/

.header-logo {
	width: 137px; height:37px; float:left; background:url("../../images/seliton_trans.png") no-repeat transparent;
	background-size: contain;
}

.customer-login-SC-logo {margin-bottom:27px; width:124px; height:33px; background:url("../images/customer-login/customer-login-logo-sc.png") no-repeat transparent;}
.customer-login-php-api-logo {margin-bottom:27px; width:124px; height:43px; background:url("../images/customer-login/customer-login-logo-adapi.png") no-repeat transparent;}
.customer-login-miphpf-logo {width:124px; height:28px; background:url("../images/customer-login/customer-login-logo-miphpf.png") no-repeat transparent;}
.customer-login-left-block a div {margin-left:14px;}

input.removeFiltersButton { background: url(../images/icon_delete2.gif) 0 0 no-repeat; width: 16px !important; height: 16px !important; font-size: 0;    border: none !important; vertical-align: middle; margin: 1px 0 0 0px !important; color: #FF714F; text-align: right; text-transform: capitalize; line-height: 100px;}
input.removeFiltersButton:hover { background: url(../images/icon_delete2.gif) 0 0 no-repeat; width: 16px !important; height: 16px !important; font-size: 0;    border: none !important; vertical-align: middle; margin: 1px 0 0 0px !important; color: #FF714F; text-align: right; text-transform: capitalize; line-height: 100px; cursor: pointer;}

.employee .directPhone {white-space:nowrap;}

.grand-total strong {color: #ff0000;}

.small-grey-info-text { font-size: 11px; color: #444; }

/*TicketNotes*/
.note-out {background: url("../images/tickets/note_out.png") repeat-y scroll 0 0 transparent;}
.note-in {background: url("../images/tickets/note_in.png") repeat-y scroll 0 0 transparent;}

/*BG_invoices*/
.bg_invoice_title {display: inline-block; padding-left: 40px!important; vertical-align: top; margin-right: 40px; margin-bottom: 2px;}
.bg_invoice_amount {color: #990000; display: inline-block; vertical-align: top;}
.bg_invoice_paid_amount {display: inline-block; float: right; vertical-align: top; color: #00990b;}
.bg_invoice_item {position: relative; margin:2px 0 2px 10px; display: block; color: #555;}
.bg_invoice_item:before {content: "» ";}
#Invoices_table > tbody > tr > td {padding: 10px; vertical-align: top; }
#Invoices_table > tbody > tr + tr > td {border-top: 1px solid #B0BEC7}
#Invoices_table tr > td input[type="checkbox"] {vertical-align: -4px;}
#Invoices_table_inner thead td {padding-top: 0; line-height: 3px; border-bottom: 1px solid #ccc; padding-bottom: 7px; border-right: 1px solid #ccc; text-align: center; font-weight: bold;}
#Invoices_table_inner thead td:first-child {border-left: 1px solid #ccc; text-align: left;}
#Invoices_table_inner tbody td {text-align: center; border-bottom: 1px solid #ccc;}
#Invoices_table_inner tbody td:first-child {text-align: left;}
#Invoices_table_inner tbody td:last-child {text-align: right;}
.bg_invoice_radio label {margin-right: 10px;}
.bg_invoice_radio input[type="radio"] {vertical-align: -2px; margin-right: 2px;}
.bg_invoice_separator {border-top: 1px solid #B0BEC7; margin-top: 5px; padding-top: 5px;}
.bg_invoice_separator.is_first {border: none; margin: 0; padding: 0;}
.negative_amount {background: url("../images/negative_amount.png") repeat-y scroll right 0 transparent;}
.positive_amount {background: url("../images/positive_amount.png") repeat-y scroll right 0 transparent;}

/*NewTicketTask*/
.choose_project {width: 100%;}
.choose_project tr td {width: 1%;}
.choose_project tr td + td {width: 99%; text-align: left; border-left: 1px solid #ccc;}
.choose_project tr:nth-child(2n+2) td {background: #eee!important;}
.choose_project label {display: block; cursor: pointer;}
.choose_project tr:hover td {background: #EDF5FA!important;}

/*HeaderLanguage*/
.header-language {background: #f7f9fb; padding: 8px 10px; border: 1px solid #b9c9d1; border-radius:5px; -webkit-border-radius:5px; box-shadow:0px 0px 5px -3px #666; -webkit-box-shadow:0px 0px 5px -3px #666;}

.ProjectStatusesSchemeTable {
	position: relative;
	float:right;
	width: 400px;
	background-color: #ffffff;
	border: 1px solid #000000;
	line-height: 16px;
	margin-top: 160px;
	margin-right: -200px;
}

.ProjectStatusesSchemeTable td {
	padding-left: 3px;
	padding-right: 3px;
}

/* Preview image */
#documentPreview {
	position:absolute;
	border: 1px solid #CDD2D6;
	background:#f8f9fa;
	display:none;
	padding:3px;
}

#documentPreview img {
	display:block;
}

/* Help */
#menu_help {
	background-color: #f74f4f;
}
#menu_help a {
	color: #fff;
}
#menu_help:hover a {
	background-color: #d34444;
}
.helpMenuWrapper {
	border: 1px solid #ACCEE5;
	background: #fff;
	margin: 0 20px 0 0;
	min-width: 230px;
}
.helpMenuWrapper h2 {
	text-align: left;
	font-size: 11px;
	line-height: 29px;
	text-transform: uppercase;
	padding: 0 8px;
	border-bottom: 1px solid #ACCEE5;
	background: rgb(254,254,254);
	background: -moz-linear-gradient(top,  rgba(254,254,254,1) 0%, rgba(230,235,239,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,254,254,1)), color-stop(100%,rgba(230,235,239,1)));
	background: -webkit-linear-gradient(top,  rgba(254,254,254,1) 0%,rgba(230,235,239,1) 100%);
	background: -o-linear-gradient(top,  rgba(254,254,254,1) 0%,rgba(230,235,239,1) 100%);
	background: -ms-linear-gradient(top,  rgba(254,254,254,1) 0%,rgba(230,235,239,1) 100%);
	background: linear-gradient(to bottom,  rgba(254,254,254,1) 0%,rgba(230,235,239,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#e6ebef',GradientType=0 );
}
.helpMenuWrapper .ztree {
	padding: 10px 0;
}
.helpMenuWrapper .ztree li a.curSelectedNode {
	border: none; 
	background: #E2F0F4;
	height: 17px;
	opacity: 1;
}
.helpMenuWrapper .ztree li.level1 a.curSelectedNode {
	background: transparent; color: #056; font-weight: bold;
}
.helpMenuWrapper #helpSearch {
	padding: 10px 0 0 0;
}
.helpMenuWrapper #enableDrag, .helpMenuWrapper #disableDrag {
	margin-bottom: 10px;
}
.helpMenuWrapper .ztree li ul {
	padding: 0 10px 0 10px;
}
.helpMenuWrapper .ztree * {
	font-size: 11px;
}
.helpContentWrapper {
	border: 1px solid #ACCEE5;
	background: #fff;
}
.helpContentWrapper h2 {
	height: 24px;
	line-height: 24px; 
	background: url("../images/data_th_pattern.gif") repeat-x scroll 0 0 transparent;
	border-bottom: 1px solid #ACCEE5;
	padding: 0 8px;
	font-size: 11px;
	text-transform: uppercase;
}
#helpBreadcrumb {
	padding: 5px 8px 5px 20px;
	font-size: 10px;
}
#helpBreadcrumb a {
	color: #056;
}
.helpSorting {
	margin: -12px -8px 12px -8px; padding: 5px 8px; text-align: right; border-bottom: 1px solid #ACCEE5; font-size: 11px;
}
.helpSorting a {
	color: #056;
}
.helpContentWrapper #rightMainContent {
	padding: 12px 8px;
	border-top: 1px solid #ACCEE5;
}
.helpContentWrapper .helpArticleDetailLink {
	color: #056;
	position: relative;
	padding: 0 0 0 20px;
}

.helpContentWrapper .helpArticleDetailLink:before {
	background: url("thirdparty/ztree/img/zTreeStandard.png") no-repeat scroll -112px -33px transparent;
	display: block;
	content: "";
	width: 12px;
	height: 14px;
	position: absolute; left: 0; top: 3px;
}
.helpContentWrapper pre {
	white-space: -pre-wrap; /* Opera */
	white-space: -o-pre-wrap; /* Opera */
	white-space: pre-wrap; /* CSS3 - Text module (Candidate Recommendation) http://www.w3.org/TR/css3-text/#white-space */
	word-wrap: break-word; /* IE 5.5+ */
}
.searchResaultWrapper {
	margin: 0 0 10px 0;
	padding: 10px;
	border: 1px solid #ACCEE5;
}
.searchBreadcrumb {
	background: #F2F4F9; padding: 2px 10px; margin: -10px -10px 0 -10px; border-bottom: 1px solid #E2E5EA; margin-bottom: 10px;
}
.searchBreadcrumb a {
	font-size: 11px;
	color: #333;
}
#singleArticleContainer {
	padding: 0 12px;
}
#singleArticleContainer hr {
	margin-bottom: 20px!important;
}
#singleArticleContainer h1 {
	font-size: 36px;
}
#singleArticleContainer h2 {
	font-size: 24px;
	height: auto;
	line-height: 20px;
	background: transparent;
	border: none;
	border-bottom: 1px solid #ccc;
	padding: 0 0;
	text-transform: none;
	margin-left: 20px;
	margin-top: 20px;
	margin-bottom: 20px;
}
#singleArticleContainer table {
	border: none; border-collapse: collapse;
}
#singleArticleContainer td, #singleArticleContainer th {
	border: 1px solid #ccc; padding: 5px;
}
#singleArticleContainer h1 a, #singleArticleContainer h2 a, #singleArticleContainer h3 a, #singleArticleContainer h4 a, #singleArticleContainer h5 a, #singleArticleContainer a.nolink {
	color: #333 !important;
	text-decoration: none !important;
}
#rMenu {
	position: absolute;
	visibility:hidden;
	top:0;
	background: #fff;
	text-align: left;
	border: 1px solid #ccc;
	background: #ccc;
	z-index: 9;
}
#rMenu ul li {
	padding: 4px 10px;
	cursor: pointer;
	list-style: none outside none;
	color: #333;
	background: #fff;
	font-size: 11px;
}
#rMenu ul li + li {
	border-top: 1px solid #ccc;
}
#rMenu ul li:hover {
	background: #eee;
}
#singleArticleContainer h3 {
	font-size: 16px;
	padding: 10px 0;
	margin-left: 40px;
}
#singleArticleContainer a {
	color: #56b04f;
}
#singleArticleContainer p {
	margin: 10px 0;
}
#currentArticleContent {
	padding: 10px 0 20px 0;
}
#articleNameInput {
	width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -o-box-sizing: border-box;
}
.revisionsSection, .articleCurrentWrapper {
	padding: 10px 0 20px 10px;
}
.revisionsSection a, .articleCurrentWrapper a {
	color: #056;
}
.revisionsSection span, .articleCurrentWrapper span {
	color: #666;
}
.articleCreator {
	font-size: 11px; text-align: right; float: right; margin-top: -10px;
}
.articleCreator span {
	display: inline-block; color: #999;
}
#singleArticleContainer ol, #singleArticleContainer ul {
	margin: 10px 0 16px 30px;
	list-style-image: none;
	list-style-type: square;
}
#singleArticleContainer ol li, #singleArticleContainer ul li {
	margin: 0 0 5px 0;
}

#singleArticleContainer pre {
	border: 1px dashed #ccc;
	color: #333;
	font-family: monospace;
	font-size: 120%;
	overflow: auto;
	padding: 0.5em;
	margin: 0 0 1em;
}
.geshiDiv {
	border: 1px solid #ccc;
	background: #FBFAF9;
	padding: 0 0 10px 10px;
	margin: 15px 0;
	font-family: Consolas,"Andale Mono WT","Andale Mono","Bitstream Vera Sans Mono","Nimbus Mono L",Monaco,"Courier New",monospace;
	font-size: 14px;
}
div#loading {
	display: none;
	z-index: 99999;
	width: 150px;
	height: 75px;
	border: 0px solid black;
	background: url(../images/loaders/loader.gif) no-repeat;
	background-position: 0% 0%;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -50px;
	margin-left: -100px;
}

/* CK editor properties */
.indent-1 {margin-left: 40px!important;}
.indent-2 {margin-left: 80px!important;}
.indent-3 {margin-left: 120px!important;}
.indent-4 {margin-left: 160px!important;}
.indent-5 {margin-left: 200px!important;}
.align-justify {text-align: justify!important;}
.align-left {text-align: left!important;}
.align-right {text-align: right!important;}
.align-center {text-align: center!important;}
.billingAndTechnicalBottom {
	border-bottom: 3px solid #ACCEE5;
}
.u-table-row:nth-child(odd) td {background-color: #eee !important}


.clients-login-page .customer-login-form-container h1 {
	padding: 15px 44px 10px 0;
}

.u-table-row:nth-child(odd) td {background-color: #eee !important}

/*** Start New Header ***/

.c-header-empl__logo-link img {
	max-height: 38px;
	max-width: 100%;
	width: auto;
	height: auto;
}
.c-header-empl {
	display: flex;
	align-items: center;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	padding: 20px 10px;
	background: linear-gradient(to bottom, #e3edf2 0%,#eef2f7 100%);
	box-shadow: -2px 10px 10px -6px inset #6b8ba9;
	box-sizing: border-box;
}
.c-header-empl__logo-link {
	display: block;
}
.c-header-empl__logo-wrapper {
	display: flex;
	align-items: center;
	width: 24%;
}
.c-header-empl__logo-slogan {
	margin-left: 20px;
	margin-top: 10px;
}
.c-header-empl__search-and-lang {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.c-header-empl__search-mobile-icon {
	display: none;
}
.c-header-empl__search-form {
	box-sizing: border-box;
	padding: 8px 18px 8px 58px;
	background: #f7f9fb;
	border: 1px solid #b9c9d1;
	border-radius: 6px;
	position: relative;
}
.c-header-empl__search-form::before {
	content: "";
	background: transparent url('/images/search_box_bg.gif') -21px -16px no-repeat;
	display: block;
	width: 36px;
	height: 27px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 14px;
	margin: auto;
}
.c-header-empl__search {
	margin-right: 20px;
}

@media only screen and (max-width: 768px) {
	.c-header-empl__logo-wrapper {
		width: 48%;
		flex-wrap: wrap;
	}
	.c-header-empl__logo-slogan {
		margin-left: 0;
		margin-top: 10px;
	}
	.c-header-empl__search-and-lang {
		width: 52%;
	}
	.c-header-empl__search {
		margin: 0 0 10px 0;
		position: relative;
		width: 100%;
	}
	.c-header-empl__search-mobile-icon {
		display: block;
		position: relative;
	}
	.c-header-empl__search-mobile-icon::before {
		content: "";
		background: transparent url('/images/search_box_bg.gif') -21px -16px no-repeat;
		display: block;
		width: 36px;
		height: 27px;
		margin-left: auto;
	}
	.c-header-empl__search-button {
		margin-left: 4px;
	}
	.c-header-empl__search-form {
		display: none;
		padding: 8px 18px;
	}
	.c-header-empl__search-form::before {
		content: none;
	}
	.c-header-empl__lang.header-language {
		margin-left: auto;
	}
	.c-header-empl__search.is-active .c-header-empl__search-mobile-icon::after {
		content: "";
		border-bottom: 5px solid #b9c9d1;
		border-right: 5px solid transparent;
		border-left: 5px solid transparent;
		position: absolute;
		bottom: -5px;
		right: 14px;
	}
	.c-header-empl__search.is-active .c-header-empl__search-form {
		display: flex;
		align-items: center;
		position: absolute;
		right: 0;
		top: 32px;
		box-shadow: 0 10px 20px -10px #333;
	}
}

/* Start New Navigation */
.c-nav {
	display: flex;
	align-items: center;
	border-width: 1px 0 1px 0;
	border-style: solid;
	border-top-color: #bce3e8;
	border-bottom-color: #fff;
}
.c-nav__inner-wrapper {
	border-width: 1px 0 1px 0;
	border-style: solid;
	border-top-color: #fff;
	border-bottom-color: #86bcc4;
	width: 100%;
}
.c-nav__menu-list {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
#menu_list li {
	float: none;
	width: auto;
	border-right: 1px solid #fff;
}
#menu_list li ul li {
	width: 100%;
	min-width: 150px;
	height: auto;
}
#menu_list li ul {
	width: auto;
}
#menu_list li ul li a {
	width: 100%;
	height: auto;
	line-height: normal;
	padding: 4px 6px;
	border-width: 0 1px 1px 1px;
	box-sizing: border-box;
}
#menu_list a {
	line-height: normal;
	height: auto;
	font-size: 12px;
	padding: 6px 10px;
	width: 100%;
	background: transparent;
	box-sizing: border-box;
	white-space: nowrap;
	border-right: 1px solid #86bcc4;
}
.c-nav__menu-item {
	position: relative;
}
#menu_list li:hover ul {
	left: -1px;
}
#menu_list li ul {
	position: absolute;
	top: 100%;
	overflow: hidden;
	border-top: 1px solid #86bcc4;
}
.c-nav__mobile-menu-label, 
.c-nav__mobile-menu-label, 
.c-nav__mobile-label {
	display: none;
}
.c-nav__breadcrumb-and-profile {
	display: flex;
	border-width: 1px 0 1px 0;
	border-style: solid;
	border-color: #86bcc4;
	justify-content: space-between;
	width: 100%;
	padding: 4px 20px 4px 14px;
	box-sizing: border-box;
	background: url('/images/breadcrumb_bg.gif') center;
}
#breadcrumb {
	background: transparent;
}
.c-nav__empty-menu-separator a {
	pointer-events: none;
	height: 25px !important;
}
@media only screen and (max-width: 768px) {
	#menu_list li:hover ul
	.c-nav__breadcrumb-and-profile {
		padding: 2px 14px 2px 14px;
	}
	.c-nav__mobile-icon {
		display: inline-flex;
		width: 20px;
		height: 16px;
		flex-direction: column;
		justify-content: space-between;
		margin-right: 8px;
	}
	.c-nav__mobile-icon span {
		display: flex;
		width: 100%;
		height: 2px;
		background: #000;
	}
	#menu_list li ul {
		max-height: 0;
	}
	#menu_list li:hover ul {
		max-height: 0;
	}
	#menu_list li ul.is-active {
		max-height: 2000px;
		left: 0;
	}
	.c-nav__menu-item > a {
		position: relative !important;
	}
	.c-nav__menu-item-icon {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 32px;
		height: 32px;
		position: absolute;
		top: 0;
		bottom: 0;
		right: 14px;
		margin: auto;
	}
	.c-nav__menu-item-icon::after {
		content: "+";
		font-weight: normal;
		font-size: 20px;
		color: #036;
		margin-left: auto;
		display: flex;
		align-items: center;
		justify-content: center;
		line-height: normal;
		width: 30px;
		height: 14px;
		position: relative;
		bottom: 2px;
		pointer-events: auto;
		cursor: pointer;
	}
	.c-nav__menu-item-icon.is-active {
		top: 0;
		margin: 0;
	}
	.c-nav__menu-item-icon.is-active::after {
		content: "-";
		position: relative;
		bottom: 2px;
	}
	.c-nav__mobile-menu-label {
		box-sizing: border-box;
		cursor: pointer;
		font-size: 18px;
		font-weight: bold;
		display: flex;
		justify-content: center;
		padding: 20px 10px 40px 10px;
		position: relative;
		width: 80%;
		max-width: 400px;
		border-width: 1px 0 0 0;
		border-style: solid;
		border-color: #86bcc4;
		background: #e4f5f7 !important;
	}
	.c-nav__mobile-menu-label::after {
		content: "";
		width: 3px;
		height: 30px;
		border-radius: 20px;
		background: #86bcc4;
		position: absolute;
		right: 20px;
		top: 10px;
		transform: rotate(45deg);
	}
	.c-nav__mobile-menu-label::before {
		content: "";
		width: 3px;
		height: 30px;
		border-radius: 20px;
		background: #86bcc4;
		position: absolute;
		right: 20px;
		top: 10px;
		transform: rotate(-45deg);
	}
	.c-nav__mobile-label {
		display: flex;
		align-items: center;
		padding: 10px 10px;
		font-size: 14px;
		width: 100%;
		cursor: pointer;
		background: transparent url('/images/menu_bg.gif') !important;
		border-top: 1px solid #fff;
		position: relative;
	}
	.c-nav {
/*		overflow: hidden; */
	}
	#menu_list a:hover {
		color: #036;
		background-color: transparent;
	}
	#menu_list a.is-active {
		background-color: #7cbdc8;
	}
	/* .c-nav::after {
		opacity: 0;
		left: -100%;
		transition: all 0.4s ease;
	}
	.c-nav.is-active::after {
		content: "";
		height: 100vh;
		width: 16px;
		display: block;
		position: fixed;
		left: calc(80% - 16px);
		opacity: 1;
		top: 1px;
		background: #e4f5f7;
		z-index: 9999;
		transition: all 0.4s ease;
	} */
	.c-nav__inner-wrapper {
		opacity: 0;
		position: fixed;
		left: -100%;
		top: 0;
		transition: all 0.4s ease;
		border-width: 0 0 1px 0;
		border-style: solid;
		border-color: #86bcc4;
	}
	#header_strip {
		position: relative;
		top: 0;
		left: 0;
	}
	.c-nav.is-active .c-nav__inner-wrapper {
		opacity: 1;
		left: 0;
		width: 100%;
		height: 100%;
		overflow-x: hidden;
		overflow-y: auto;
		background: rgba(0, 0, 0, 0.6) !important;
		transition: all 0.4s ease;
		border: 0;
		z-index: 9999;
	}
	.c-nav__menu-list {
		width: 80%;
		max-width: 400px;
		background: #e4f5f7 !important;
		height: auto;
		min-height: calc(100% - 85px);
		flex-direction: column;
		align-items: flex-start;
	}
	#menu_list li {
		width: 100%;
		border-right: 0;
		border-bottom: 1px solid #86bcc4;
	}
	#menu_list a {
		padding: 8px 10px;
		text-align: left;
		border-right: 0;
		padding-top: 10px;
		padding-bottom: 12px;
	}
	#menu_list li ul {
		position: relative;
		top: 0;
		padding: 0 0 0 20px;
		box-sizing: border-box;
	}
	#menu_list li ul li a {
		border-width: 0 0 1px 0;
		border-style: solid;
		border-color: #86bcc4;
		padding: 8px 10px;
		white-space: normal;
	}
}


/* End New Navigation */

/*** End New Header ***/

.fancybox-overlay textarea {
	width: 100%;
}
.jp-audio {
	width: 670px !important;
}
.jp-audio .jp-controls {
	width: 430px !important;
	margin: 0 auto !important;
}
.jp-audio .jp-type-playlist .jp-progress {
	left: 320px !important;
}
.jp-audio .jp-type-playlist .jp-time-holder {
	left: 320px !important;
}
.jp-audio .jp-volume-controls {
	left: 460px;
}
.c-jp__rewind-two {
	background: transparent url("/jplayer/icons/second-rewind-icons.png");
	width: 40px;
	height: 40px;
	background-repeat: no-repeat;
	background-position: 0 0;
	margin-left: 10px;
}
.c-jp__rewind-two:active {
	background-position: -41px 0;
}
.c-jp__rewind-five {
	background: transparent url("/jplayer/icons/second-rewind-icons.png");
	width: 40px;
	height: 40px;
	background-repeat: no-repeat;
	background-position: 0 -44px;
	margin-left: 2px;
}
.c-jp__rewind-five:active {
	background-position: -41px -44px;
}
.c-jp__rewind-ten {
	background: transparent url("/jplayer/icons/second-rewind-icons.png");
	bachground-position: 0 0;
	width: 40px;
	height: 40px;
	background-repeat: no-repeat;
	background-position: 0 -88px;
	margin-left: 2px;
}
.c-jp__rewind-ten:active {
	background-position: -41px -88px;
}

.jp-details {
	height: 30px;
	margin-top: -20px;
	background-color: #eee !important;
}
.c-calls-list__player-wrapper {
	padding: 40px 20px 20px 20px;
	border-radius: 6px;
	box-shadow: 0 10px 30px -10px #333;
	border: 1px solid #bbb !important;
}
.c-calls-list__player-wrapper::before {
	content: "";
	width: 16px;
	height: 16px;
	display: block;
	border-width: 1px 1px 0 0;
	border-style: solid;
	border-color: #bbb;
	pointer-events: none;
	z-index: 99;
	background: #eee;
	transform: rotate(-45deg);
	position: absolute;
	top: -9px;
	left: 210px;
}
.jp-audio .jp-gui.jp-interface {
	margin-bottom: 20px;
	border-width: 1px 0 1px 0;
	border-style: solid;
	border-color: #bbb;
}
.c-calls-list__player-notes textarea {
	width: 100%;
	max-width: 100%;
	padding: 10px;
	min-height: 380px;
	border-color: #bbb;
}
.c-calls-list__player-notes textarea:focus {
	box-shadow: 0 0 6px 1px #009be3;
}
.c-calls-list__player-buttons-wrapper {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	margin: 20px 0 0 0;
}
.c-calls-list__player-cancel-note {
	margin-right: auto;
}
.c-calls-list__player-cancel-note span {
	font-size: 12px;
	text-decoration: underline;
	color: #666;
	cursor: pointer;
}
.c-calls-list__player-save-note input {
	font-size: 18px;
	background: #009be3;
	color: #fff;
	border: 0;
	cursor: pointer;
	padding: 6px 20px;
	border-radius: 6px;
	box-shadow: 0 2px #0370a2;
	position: relative;
}
.c-calls-list__player-save-note input:hover {
	box-shadow: 0 0 #0370a2;
	top: 2px;
}
.c-calls-list__close-player {
	position: absolute;
	right: 20px;
	top: 10px;
	width: 24px;
	height: 24px;
	cursor: pointer;
}
.c-calls-list__close-player:before {
	position: absolute;
	left: 12px;
	content: ' ';
	height: 24px;
	width: 2px;
	background-color: #009be3;
	transform: rotate(45deg);
}
.c-calls-list__close-player:after {
	position: absolute;
	left: 12px;
	content: ' ';
	height: 24px;
	width: 2px;
	background-color: #009be3;
	transform: rotate(-45deg);
}

/*** Start Mobile version ***/

@media only screen and (max-width: 768px) {
	.clients-login-page #content {
		width: 100%;
		background: #f6f8fb;
		height: calc(100vh - 52px);
	}
	.clients-login-page .top-text {
		padding: 22px 10px;
		font-size: 12px;
		border-width: 1px 0 1px 0;
		border-style: solid;
		border-color: #e9ecf0;
	}
	.clients-login-page {
		background: none;
	}
	.clients-login-page .header {
		width: 100%;
		padding: 20px 10px 20px 10px;
		display: flex;
		align-items: center;
		justify-content: space-between;
		box-sizing: border-box;
		background: #ebeef3;
		border-bottom: 1px solid #ececec;
	}
	.clients-login-page .header a {
		padding: 0;
	}
	.header-logo {
		float: none;
	}
	.clients-login-page .header p {
		float: none;
		padding: 0;
	}
	.clients-login-page .customer-login-left-block {
		float: none;
		box-sizing: border-box;
		padding: 20px 10px;
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
	}
	.customer-login-left-block a {
		display: block;
		margin-right: 10px;
	}
	.clients-login-page h2 {
		width: 100%;
		margin: 0 -10px 20px -10px;
		background: #f6f8fb url(../images/customer-login/customer-login-h2.png) center no-repeat;
		box-sizing: border-box;
	}
	.customer-login-left-block a div {
		margin: 0;
	}
	.clients-login-page .customer-login-form-container {
		background: url(../images/customer-login/customer-login-form-bottom.png) center 100% no-repeat;
		float: none;
		width: 100%;
		max-width: 427px;
		margin: 0 auto;
	}
	.clients-login-page .customer-login-form-container .customer-login-form-header {
		padding: 0 17px;
		max-width: 427px;
		margin: 0 auto;
		box-sizing: border-box;
	}
	.clients-login-page .customer-login-form-container h1 {
		padding: 19px 44px 6px 0;
	}
}

/*** End Mobile version ***/

/* Select in ticket/backlog forms */
select[name="LicenseAffixID"], 
select[name="LicenseID"] {
	min-width: 190px;
}
select[name="TicketResponsibleEmployeeID"], 
select[name="TicketStatus"], 
select[name="TicketType"], 
select[name="TicketResolution"], 
select[name="TicketVisibility"], 
select[name="TicketAssignedToEmployeeID"], 
select[name="TicketDependsOn"], 
select[name="WorkflowStageID"] {
	min-width: 210px;
}
table.data td.c-order-quotes__button-list {
	vertical-align: middle;
	line-height: 1;
	height: 20px;
	text-align: right;
}
.c-order-quotes__button-list a {
	display: inline-flex;
	align-items: center;
	vertical-align: middle;
	color: #000;
	margin: 0 6px;
	font-size: 13px;
}

/*** Start MI project Login page ***/

.c-mi-login__body * {
	box-sizing: border-box;
}
.c-mi-login__body main {
	position: fixed;
	max-width: 1000px;
	width: 100%;
	margin: auto;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	max-height: 480px;
	padding: 20px 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	box-sizing: border-box;
}
.c-mi-login__body .c-header-empl {
	justify-content: center;
	padding: 60px 10px;
}
.c-mi-login__body .c-header-empl__logo-wrapper {
	justify-content: center;
}
.c-mi-login__mi-logo {
	text-align: center;
}
.c-mi-login__page-content {
	max-width: 1000px;
	margin: 40px auto 0 auto;
	display: flex;
	flex-wrap: wrap;
}
.c-mi-login__title-wrapper {
	width: 100%;
}
.c-mi-login__title {
	text-align: center;
	color: #283891;
	font-size: 26px;
	margin: 0;
	font-weight: normal;
}
.c-mi-login__options {
	display: flex;
	margin: 20px auto 0 auto;
	justify-content: space-around;
	width: 100%;
}
.c-mi-login__option-box {
	width: 30%;
	display: flex;
	justify-content: center;
	background: #283891;
	border: 1px solid #283891;
	padding: 20px;
	box-sizing: border-box;
	border-radius: 3px;
	transition: all 0.2s ease;
}
.c-mi-login__option-link {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}
.c-mi-login__option-icon {
	display: block;
	min-height: 214px;
	margin: 0 auto;
}
.for-clients .c-mi-login__option-icon {
	background: transparent url("/images/client-area-icon-n.png") no-repeat left center;
	background-size: auto 120px !important;
}
.for-clients .c-mi-login__option-icon {
	width: 112px;
}
.for-employees .c-mi-login__option-icon {
	background: transparent url("/images/employee-area-icon-n.png") no-repeat left center;
	background-size: auto 120px !important;
}
.for-employees .c-mi-login__option-icon {
	width: 178px;
}
.for-affiliates .c-mi-login__option-icon {
	background: transparent url("/images/affiliates-area-icon-n.png") no-repeat left center;
	background-size: auto 120px !important;
}
.for-affiliates .c-mi-login__option-icon {
	width: 120px;
}
.c-mi-login__option-title {
	color: #fff;
	font-weight: 600;
	width: 100%;
	text-align: center;
	font-size: 24px;
	transition: all 0.2s ease;
}
.c-mi-login__option-link {
	border: 1px solid #283891 !important;
	border-radius: 3px;
	transition: all 0.2s ease;
}
.c-mi-login__option-box:hover {
	background: #fff;
	padding: 10px;
	transition: all 0.2s ease;
}
.c-mi-login__option-box:hover .c-mi-login__option-link {
	padding: 10px;
	text-decoration: none;
	color: #283891;
	transition: all 0.2s ease;
}
.c-mi-login__option-box:hover .c-mi-login__option-title {
	color: #283891;
	transition: all 0.2s ease;
}
.c-mi-login__option-box:hover .c-mi-login__option-icon {
	background-position: right center;
}
.c-mi-login__body header {
	display: none;
}
@media only screen and (max-width: 768px) {
	.c-mi-login__body main {
		position: relative;
		max-height: unset;
		margin: 10px 0 0 0;
	}
	.c-mi-login__mi-logo img {
		max-height: 60px;
	}
	.c-mi-login__title {
		font-size: 22px;
		padding: 0 6px;
	}
	.c-mi-login__page-content {
		margin: 20px auto 0 auto;
	}
	.c-mi-login__options {
		flex-wrap: wrap;
		padding: 10px;
		margin: 10px auto 0 auto;
	}
	.c-mi-login__option-link {
		align-items: center;
		justify-content: center;
	}
	.c-mi-login__option-box:hover .c-mi-login__option-link {
		padding: 0;
	}
	.c-mi-login__option-box {
		width: 100%;
		padding: 10px;
		min-height: 84px
	}
	.c-mi-login__option-box.for-employees {
		margin: 20px 0;
	}
	.c-mi-login__option-box .c-mi-login__option-icon {
		width: 75px;
		min-height: 75px;
		height: 75px;
		margin: 0;
	}
	.for-clients .c-mi-login__option-icon {
		width: 75px;
		background-size: auto 75px !important;
	}
	.for-employees .c-mi-login__option-icon {
		width: 75px;
		background-size: auto 50px !important;
	}
	.for-affiliates .c-mi-login__option-icon {
		width: 75px;
		background-size: auto 68px !important;
	}
	.c-mi-login__option-title {
		width: auto;
		min-width: 190px;
		text-align: left;
		padding: 0 0 0 16px
	}
}
.c-mi-empl-login__page-content * {
	box-sizing: border-box;
}
.c-mi-empl-login__page-content {
	position: fixed;
	max-width: 600px;
	width: 100%;
	margin: auto;
	top: 0;
	left: 0;
	bottom: 10%;
	right: 0;
	max-height: 480px;
	padding: 20px 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	box-sizing: border-box;
}
.c-mi-empl-login__mi-logo-slogan {
	display: flex;
	align-items: flex-end;
	flex-direction: column;
}
.c-mi-empl-login__mi-logo img {
	max-width: 240px;
	max-height: 100%;
	width: auto;
	height: auto;
}
.c-mi-empl-login__mi-slogan {
	margin-left: 20px;
}
.c-mi-empl-login__mi-slogan img {
	max-width: 150px;
	max-height: 100%;
	width: auto;
	height: auto;
}
.c-mi-empl-login__login-section {
	border: 1px solid #283891;
	background: #D8E2EA;
	padding: 20px 40px;
	border-radius: 3px;
	box-shadow: 0 3px 18px -8px #09568f;
	margin: 20px 0 !important;
}
.c-mi-empl-login__login-title {
	font-size: 22px;
	font-weight: 500;
	width: 100%;
	text-align: center;
	margin: 0 0 20px 0;
}
.c-mi-empl-login__login-label {
	width: 100%;
	font-size: 14px;
	color: #283891;
}
.c-mi-empl-login__login-row {
	display: flex;
	flex-wrap: wrap;
	position: relative;
	margin: 20px 0;
}
.c-mi-empl-login__login-input {
	width: 100%;
	font-size: 14px;
	border-radius: 3px;
	padding: 6px 12px;
	color: #283891;
	border-color: #283891;
}
.c-mi-empl-login__login-button-error-msg {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
.c-mi-empl-login__login-button {
	display: flex;
	justify-content: flex-end;
}
.c-mi-empl-login__login-button-input {
	border: 1px solid #283891 !important;
	background: #283891 !important;
	-webkit-appearance: none;
	color: #fff;
	border-radius: 3px;
	padding: 8px 20px !important;
	font-size: 14px !important;
	box-shadow: 0 4px 12px -8px #283891;
	cursor: pointer;
	transition: all 0.1s ease;
}
.c-mi-empl-login__login-button-input:hover {
	background: #fff !important;
	color: #283891;
	transition: all 0.1s ease;
}
.c-mi-empl-login__error-msg {
	margin-right: auto;
}
@media only screen and (max-width: 768px) {
	.c-mi-empl-login__page-content {
		position: relative;
		max-height: unset;
		margin: 10px 0 0 0;
	}
}
.c-mi-cln-login__page-content * {
	box-sizing: border-box;
}
.c-mi-cln-login__page-content {
	display: flex;
	flex-wrap: wrap;
	max-width: 600px;
	width: 100%;
	margin: 0 auto !important;
}
.c-mi-cln-login__header-slogan {
	float: right;
	color: #58585a;
	font-size: 30px;
	padding-top: 10px;
}
.c-mi-cln-login__intro {
	width: 100%;
}
.c-mi-cln-login__products-list {
	width: 26%;
	padding: 16px 20px 0 10px;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.c-mi-cln-login__products-title {
	width: 100%;
	text-align: center;
	background: url(../images/customer-login/customer-login-h2.png) 50% 100% no-repeat;
	padding: 0 0 24px;
	margin: 0 0 20px;
}
.c-mi-cln-login__login {
	width: 74%;
	padding: 8px 0 0 20px;
}
.c-mi-cln-login__login-wrapper {
	position: relative;
	background: linear-gradient(to right, #e1f1f8, #cbe7f3);
	padding: 8px;
	border-radius: 0 4px 4px 4px;
	border: 1px solid #b7ccd6;
}
.c-mi-cln-login__login-inner-wrapper {
	background: #F6F6F6;
	border: 1px solid #b7ccd6;
	border-radius: 2px;
	padding: 20px 4em;
}
.c-mi-cln-login__login-title-wrapper {
	width: fit-content;
	width: -moz-fit-content;
	padding: 6px 40px 6px 12px;
	background: linear-gradient(to right, #e1f1f8, #D6EBF5);
	border-width: 1px 1px 0 1px;
	border-style: solid;
	border-color: #b7ccd6;
	position: relative;
	top: 1px;
	border-radius: 4px 50px 0 0;
	z-index: 1;
}
.c-mi-cln-login__login-title {
	margin: 0;
	font-weight: bold;
	color: #333;
	font-size: 15px;
}
.c-mi-cln-login__login-row {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin: 6px 0;
	width: 100%;
}
.c-mi-cln-login__login-label {
	width: 26%;
}
.c-mi-cln-login__login-input {
	background: #fff url(../images/customer-login/customer-login-form-input.png) 0% 0% no-repeat;
	height: 26px;
	width: 74%;
	border: solid 1px #c2c4c8;
	padding: 0 6px;
	background-size: 100% auto;
}
.c-mi-cln-login__login-select {
	background: #fff url(../images/customer-login/customer-login-form-input.png) 0% 0% no-repeat;
	padding: 6px;
	width: 74%;
	border: solid 1px #c2c4c8;
	background-size: 100% auto;
}
.c-mi-cln-login__login-buttons {
	display: flex;
	align-items: center;
	width: 74%;
	justify-content: space-between;
	margin: 10px 0 6px auto;
}
.c-mi-cln-login__registration-button-link {
	background: url(../images/customer-login/customer-login-form-signup.png) 0% 50% no-repeat;
	line-height: 1;
	font-weight: bold;
	color: #1e90c6;
	display: inline-block;
	padding-left: 18px;
}
.c-mi-cln-login__login-button .c-mi-cln-login__login-button-submit {
	background: linear-gradient(to bottom, #5f5f5f, #2a2a2a);
	border: 1px solid #fff;
	border-radius: 4px;
	font-size: 14px;
	padding: 6px 16px;
	color: #fff;
	cursor: pointer;
	transition: all 0.2s ease;
}
.c-mi-cln-login__login-button .c-mi-cln-login__login-button-submit:hover {
	border-color: #2a2a2a;
	background: #fff;
	color: #2a2a2a;
	transition: all 0.2s ease;
}
.c-footer-login {
	margin: 10px 0 0 0;
	margin-left: auto;
	width: 74%;
	padding: 8px 0 0 20px;
}
@media only screen and (max-width: 768px) {
	.c-mi-cln-login__page-content {
		flex-direction: column;
	}
	.clients-login-page .c-mi-cln-login__intro {
		order: 1;
		padding: 22px 10px;
	}
	.c-mi-cln-login__login  {
		order: 2;
		width: 100%;
		padding: 10px 10px 20px 10px;
	}
	.c-mi-cln-login__login-inner-wrapper {
		padding: 20px 2em;
	}
	.c-mi-cln-login__products-list {
		order: 3;
		width: 100%;
		padding: 20px 10px 0 10px;
		flex-direction: unset;
		flex-wrap: wrap;
		justify-content: space-around;
	}
	.c-footer-login {
		width: 100%;
		padding: 20px 10px 0 10px;
		order: 4;
	}
	.c-mi-cln-login__product-item {
		display: inline-block;
		width: 30%;
	}
	.c-mi-cln-login__product-item > div {
		width: 100%;
		background-size: contain;
		margin: auto;
		height: 100%;
		min-height: 30px;
		background-position: center;
	}
}
/*** End MI project Login page ***/


/*** DataTables ***/
table.dataTable {
	max-width: 100% !important;
	clear: both;
}
table.dataTable thead th,
table.dataTable tfoot th {
	font-weight: bold
}
table.dataTable thead th:active,
table.dataTable thead td:active {
	outline: none
}
table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: center right
}
table.dataTable thead .sorting {
	background-image: url("../images/sort_both.png")
}
table.dataTable thead .sorting_asc {
	background-image: url("../images/sort_asc.png")
}
table.dataTable thead .sorting_desc {
	background-image: url("../images/sort_desc.png")
}
table.dataTable thead .sorting_asc_disabled {
	background-image: url("../images/sort_asc_disabled.png")
}

table.dataTable thead .sorting_desc_disabled {
	background-image: url("../images/sort_desc_disabled.png")
}
table.dataTable tbody tr {
	background: inherit;
}
table.dataTable.row-border tbody tr:first-child th,
table.dataTable.row-border tbody tr:first-child td,
table.dataTable.display tbody tr:first-child th,
table.dataTable.display tbody tr:first-child td {
	border-top: none
}
table.dataTable.cell-border tbody tr:first-child th,
table.dataTable.cell-border tbody tr:first-child td {
	border-top: none
}
table.dataTable.nowrap th,
table.dataTable.nowrap td {
	white-space: nowrap
}
table.dataTable.compact thead th,
table.dataTable.compact thead td {
	padding: 4px 17px
}
table.dataTable.compact tfoot th,
table.dataTable.compact tfoot td {
	padding: 4px
}
table.dataTable.compact tbody th,
table.dataTable.compact tbody td {
	padding: 4px
}
table.dataTable th.dt-left,
table.dataTable td.dt-left {
	text-align: left
}
table.dataTable th.dt-center,
table.dataTable td.dt-center,
table.dataTable td.dataTables_empty {
	text-align: center
}
table.dataTable th.dt-right,
table.dataTable td.dt-right {
	text-align: right
}
table.dataTable th.dt-justify,
table.dataTable td.dt-justify {
	text-align: justify
}
table.dataTable th.dt-nowrap,
table.dataTable td.dt-nowrap {
	white-space: nowrap
}
table.dataTable thead th.dt-head-left,
table.dataTable thead td.dt-head-left,
table.dataTable tfoot th.dt-head-left,
table.dataTable tfoot td.dt-head-left {
	text-align: left
}
table.dataTable thead th.dt-head-center,
table.dataTable thead td.dt-head-center,
table.dataTable tfoot th.dt-head-center,
table.dataTable tfoot td.dt-head-center {
	text-align: center
}
table.dataTable thead th.dt-head-right,
table.dataTable thead td.dt-head-right,
table.dataTable tfoot th.dt-head-right,
table.dataTable tfoot td.dt-head-right {
	text-align: right
}
table.dataTable thead th.dt-head-justify,
table.dataTable thead td.dt-head-justify,
table.dataTable tfoot th.dt-head-justify,
table.dataTable tfoot td.dt-head-justify {
	text-align: justify
}
table.dataTable thead th.dt-head-nowrap,
table.dataTable thead td.dt-head-nowrap,
table.dataTable tfoot th.dt-head-nowrap,
table.dataTable tfoot td.dt-head-nowrap {
	white-space: nowrap
}
table.dataTable tbody th.dt-body-left,
table.dataTable tbody td.dt-body-left {
	text-align: left
}
table.dataTable tbody th.dt-body-center,
table.dataTable tbody td.dt-body-center {
	text-align: center
}
table.dataTable tbody th.dt-body-right,
table.dataTable tbody td.dt-body-right {
	text-align: right
}
table.dataTable tbody th.dt-body-justify,
table.dataTable tbody td.dt-body-justify {
	text-align: justify
}
table.dataTable tbody th.dt-body-nowrap,
table.dataTable tbody td.dt-body-nowrap {
	white-space: nowrap
}
table.dataTable,
table.dataTable th,
table.dataTable td {
	box-sizing: content-box
}
.dataTables_wrapper {
	position: relative;
	clear: both;
	zoom: 1
}
.dataTables_wrapper .dataTables_length {
	float: left
}
.dataTables_wrapper .dataTables_length select {
	border: 1px solid #aaa;
	border-radius: 3px;
	background-color: transparent;
	padding: 4px;
}
.dataTables_wrapper .dataTables_filter {
	float: right;
	text-align: right
}
.dataTables_wrapper .dataTables_filter input {
	border: 1px solid #aaa;
	border-radius: 3px;
	padding: 5px;
	background-color: transparent;
	margin-left: 3px
}
.dataTables_wrapper .dataTables_info {
	clear: both;
	float: left;
	padding-top: 0.755em
}
.dataTables_wrapper .dataTables_paginate {
	float: right;
	text-align: right;
	padding-top: 0.25em
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
	box-sizing: border-box;
	display: inline-block;
	min-width: 1.5em;
	padding: 0.5em 1em;
	margin-left: 2px;
	text-align: center;
	text-decoration: none !important;
	cursor: pointer;
	*cursor: hand;
	color: #333 !important;
	border: 1px solid transparent;
	border-radius: 2px
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
	color: #333 !important;
	border: 1px solid #979797;
	background-color: white;
	background: linear-gradient(to bottom, #fff 0%, #dcdcdc 100%)
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
	cursor: default;
	color: #666 !important;
	border: 1px solid transparent;
	background: transparent;
	box-shadow: none
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
	color: white !important;
	border: 1px solid #111;
	background-color: #585858;
	background: linear-gradient(to bottom, #585858 0%, #111 100%)
}
.dataTables_wrapper .dataTables_paginate .paginate_button:active {
	outline: none;
	background-color: #2b2b2b;
	background: linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%);
	box-shadow: inset 0 0 3px #111
}
.dataTables_wrapper .dataTables_paginate .ellipsis {
	padding: 0 1em
}
.dataTables_wrapper .dataTables_processing {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	height: 40px;
	margin-left: -50%;
	margin-top: -25px;
	padding-top: 20px;
	text-align: center;
	font-size: 1.2em;
	background-color: white;
	background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%)
}
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_processing,
.dataTables_wrapper .dataTables_paginate {
	color: #333
}
.dataTables_wrapper .dataTables_scroll {
	clear: both
}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>th,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>td,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>th,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>td {
	vertical-align: middle
}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>th>div.dataTables_sizing,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>td>div.dataTables_sizing,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>th>div.dataTables_sizing,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>td>div.dataTables_sizing {
	height: 0;
	overflow: hidden;
	margin: 0 !important;
	padding: 0 !important
}
.dataTables_wrapper.no-footer div.dataTables_scrollHead table.dataTable,
.dataTables_wrapper.no-footer div.dataTables_scrollBody>table {
	border-bottom: none
}
.dataTables_wrapper:after {
	visibility: hidden;
	display: block;
	content: "";
	clear: both;
	height: 0
}
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_paginate {
	display: none;
}
@media screen and (max-width: 767px) {
	.dataTables_wrapper .dataTables_info,
	.dataTables_wrapper .dataTables_paginate {
		float: none;
		text-align: center
	}
	.dataTables_wrapper .dataTables_paginate {
		margin-top: 0.5em
	}
}
@media screen and (max-width: 640px) {
	.dataTables_wrapper .dataTables_length,
	.dataTables_wrapper .dataTables_filter {
		float: none;
		text-align: center
	}
	.dataTables_wrapper .dataTables_filter {
		margin-top: 0.5em
	}
}
.hidden {
	display: none;
}
/* Lead status color */
table.data_entry tr.lead-status-code__none th.title,
table.data_entry tr.lead-status-code__assigned th.title,
table.data_entry tr.lead-status-code__ready_to_buy th.title,
table.data_entry tr.lead-status-code__for_future th.title,
table.data_entry tr.lead-status-code__never_going_to_buy th.title,
table.data_entry tr.lead-status-code__converted th.title {
	background: none;
}
form .input-error {
	border: 1px solid red;
}
.colorized-select2-tag {
	border-radius: 5px;
	padding: 4px 8px;
	white-space: nowrap;
}
.dataTable > tbody tr > td:first-child {
	position: relative;
	padding-left: 30px;
}
.dataTable.collapsed > tbody tr > td:first-child::before {
	content: "+";
	top: 0;
	bottom: 0;
	left: 4px;
	margin: auto;
	height: 14px;
	width: 14px;
	display: block;
	position: absolute;
	color: #fff;
	border: 2px solid #fff;
	border-radius: 14px;
	box-shadow: 0 0 3px #444;
	box-sizing: content-box;
	text-align: center;
	text-indent: 0 !important;
	line-height: 14px;
	background-color: #31b131;
}
td.child::before {
	content: none !important;
}
td.child {
	padding: 0 !important;
}
td.child ul {
	display: flex;
	flex-wrap: wrap;
	margin: 0;
	padding: 0;
	width: 100%;
}
td.child ul li {
	width: 100%;
	display: flex;
	box-sizing: content-box;
	padding: 0;
	border-bottom: 1px solid #c4c4c4;
}
td.child ul li .dtr-title {
	width: 35%;
	display: inline-flex;
	box-sizing: content-box;
	padding: 10px;
	border-right: 1px solid #c4c4c4;
}
td.child ul li .dtr-title a {
	display: none;
}
td.child ul li .dtr-title .white {
	color: #000;
	display: block;
}
td.child ul li .dtr-data {
	width: 65%;
	display: inline-flex;
	box-sizing: content-box;
	padding: 10px;
}
.c-discounts-mgmt__cust-rep-wrapper {
	display: flex;
}
.c-discounts-mgmt__cust-rep {
	white-space: nowrap;
}
.c-discounts-mgmt__edit-cust-rep {
	font-size: 0;
	border: 0;
	background: transparent;
	padding: 0;
	margin: 0 0 0 4px;
	width: 14px;
	height: 14px;
	cursor: pointer;
}
.c-discounts-mgmt__edit-cust-rep::before {
	content: "";
	display: block;
	height: 14px;
	width: 14px;
	background: #888;
	-webkit-mask: url("../images/pen_edit.svg") no-repeat center;
	mask: url("../images/pen_edit.svg") no-repeat center;
	mask-size: 14px 14px;
	-webkit-mask-size: 14px 14px;
	pointer-events: none;
}
.o-table__special-styles {
	min-width: 700px;
}
.o-table__special-styles.for-info {
	max-width: 700px;
}
.o-table__special-styles.for-info select,
.o-table__special-styles.for-info input[type="text"] {
	min-width: 200px
}
.o-table__special-styles.for-info tr:hover td {
	background: #f1f1f1;
}
.o-table__special-styles.for-info td {
	padding: 4px 8px !important;
}
.o-table__special-styles.for-info td:first-child,
.o-table__special-styles.for-info th:first-child {
	width: 1%;
	white-space: nowrap;
}
.o-table__special-styles.for-info td:nth-child(2),
.o-table__special-styles.for-info th:nth-child(2) {
	width: 99%;
}
.c-hosted-stores-mgmt__version-filter-row {
	display: flex
;
	align-items: flex-end;
	justify-content: space-between;
	width: 100%;
	margin: 0 0 8px 0;
}
.c-hosted-stores-mgmt__version-filter-row select,
.c-hosted-stores-mgmt__version-filter-row input {
	width: 46%;
	box-sizing: border-box;
}
.hide-for-desktop {display: none;}
/* Additional tables for mobile */
@media screen and (max-width: 767px) {
	.hide-for-desktop {
		display: inline-block;
	}
	.c-messages-mgmt__type-wrapper {
		display: flex;
		align-items: center;
	}
	.c-messages-mgmt__type-wrapper > span {
		margin: 0 4px 0 0;
	}
	.hide-for-mobile {
		display: none;
	}
	.hide-text-for-mobile {
		font-size: 0 !important;
		text-align: center;
	}
	.c-messages-mgmt__small-select select {
		max-width: 40px;
	}
	.c-discussion-mgmt__table-content td:first-child,
	.c-discussion-mgmt__table-content th:first-child {
		width: 1%;
	}
	.c-backlog-mgmt__filters #records {
		float: none !important;
		display: block;
		width: 100%;
		text-align: center;
	}
	.c-backlog-mgmt__filters .c-backlog-mgmt__pager {
		height: initial !important;
		justify-content: center;
		align-items: center;
	}
	.c-backlog-mgmt__filters .pages a,
	.c-backlog-mgmt__filters .pages b {
		margin: 2px 0 0 0;
		padding: 4px;
		font-size: 12px;
	}
	div#content {
		box-sizing: border-box;
		margin: 0;
		padding: 10px;
		max-width: 100vw;
		overflow-x: scroll;
	}
	#header_strip,
	.c-nav__mobile-label {
		position: relative;
		transform: none !important;
		top: 0 !important;
		left: 0 !important;
		margin-bottom: 0 !important;
	}
	#ProjectIDFilter {
		width: 100% !important;
	}
	.o-table__urgent-tickets {
		max-width: 92vw;
		overflow-x: scroll;
		padding: 0 10px;
		box-sizing: border-box;
	}
}

.additional-message-settings {
	display: flex;
	flex-wrap: wrap;
	max-width: 553px;
}

.additional-message-setting-item {
	flex-basis: 50%;
	box-sizing: border-box;
}

.additional-info-from-to {
	color: gray !important;
	display: block;
}

/* Start, combo tree to support visual childs */
.comboTreeDropDownContainer li {
	padding-left: 0;
	position: relative;
}
.comboTreeDropDownContainer li .selectable {
	padding-left: 22px;
}
.comboTreeDropDownContainer li .selectable + ul li .selectable {
	padding-left: 34px;
}
.comboTreeDropDownContainer li .selectable + ul li .selectable + ul li .selectable {
	padding-left: 46px;
}
.comboTreeParentPlus .mdi-chevron-down-circle-outline {
	display: block;
	width: 0;
	height: 0;
	border-right: 4px solid #000;
	border-left: 4px solid transparent;
	border-top: 4px solid transparent;
	border-bottom: 4px solid #000;
	margin-top: 2px;
	margin-left: 2px;
}
.ComboTreeItemParent.comboTreeItemHover > span > .mdi-chevron-down-circle-outline {
	border-right: 4px solid #fff;
	border-bottom: 4px solid #fff;
}
.comboTreeWrapper .comboTreeParentPlus {
	position: absolute;
	left: 8px;
	top: 5px;
	width: 4px;
	float: left;
	cursor: pointer;
	width: 12px;
	height: 14px;
}
.comboTreeParentPlus + .selectable + ul li .comboTreeParentPlus {
	left: 20px;
}
.comboTreeParentPlus + .selectable + ul li .comboTreeParentPlus + .selectable + ul li .comboTreeParentPlus {
	left: 32px;
}
/* End, combo tree to support visual childs */