body
{
	margin: 0;
	padding: 0;
	color: #555;
	font: normal 10pt Arial,Helvetica,sans-serif;
	background: #EFEFEF;
}

#page
{
	margin-top: 5px;
	margin-bottom: 5px;
	background: white;
	border: 1px solid #C9E0ED;
}

#header
{
	margin: 0;
	padding: 0;
	border-top: 3px solid #C9E0ED;
}

#content
{
    padding: 20px;
}

#sidebar
{
	padding: 20px 20px 20px 0;
}

#footer
{
	padding: 10px;
	margin: 10px 20px;
	font-size: 0.8em;
	text-align: center;
	border-top: 1px solid #C9E0ED;
}

#logo
{
	padding: 10px 20px;
	font-size: 200%;
}

#mainmenu
{
	background:white url(bg.gif) repeat-x left top;
}

#mainmenu ul
{
	padding:6px 20px 5px 20px;
	margin:0px;
}

#mainmenu ul li
{
	display: inline;
}

#mainmenu ul li a
{
	color:#ffffff;
	background-color:transparent;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	padding:5px 8px;
}

#mainmenu ul li a:hover, #mainmenu ul li.active a
{
	color: #6399cd;
	background-color:#EFF4FA;
	text-decoration:none;
}

div.flash-error, div.flash-notice, div.flash-success
{
	padding:.8em;
	margin-bottom:1em;
	border:2px solid #ddd;
}

div.flash-error
{
	background:#FBE3E4;
	color:#8a1f11;
	border-color:#FBC2C4;
}

div.flash-notice
{
	background:#FFF6BF;
	color:#514721;
	border-color:#FFD324;
}

div.flash-success
{
	background:#E6EFC2;
	color:#264409;
	border-color:#C6D880;
}

div.flash-error a
{
	color:#8a1f11;
}

div.flash-notice a
{
	color:#514721;
}

div.flash-success a
{
	color:#264409;
}

div.form .rememberMe label
{
	display: inline;
}

div.view
{
	padding: 10px;
	margin: 10px 0;
	border: 1px solid #C9E0ED;
}

div.breadcrumbs
{
	font-size: 0.9em;
	padding: 5px 20px;
}

div.breadcrumbs span
{
	font-weight: bold;
}

div.search-form
{
	padding: 10px;
	margin: 10px 0;
	background: #eee;
}

.portlet
{

}

.portlet-decoration
{
	padding: 3px 8px;
	background: #B7D6E7;
	border-left: 5px solid #6FACCF;
}

.portlet-title
{
	font-size: 12px;
	font-weight: bold;
	padding: 0;
	margin: 0;
	color: #298dcd;
}

.portlet-content
{
	font-size:0.9em;
	margin: 0 0 15px 0;
	padding: 5px 8px;
	background:#EFFDFF;
}

.portlet-content ul
{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin: 0;
	padding: 0;
}

.portlet-content li
{
	padding: 2px 0 4px 0px;
}

.operations
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.operations li
{
	padding-bottom: 2px;
}

.operations li a
{
	font: bold 12px Arial;
	color: #0066A4;
	display: block;
	padding: 2px 0 2px 8px;
	line-height: 15px;
	text-decoration: none;
}

.operations li a:visited
{
	color: #0066A4;
}
.wrap-btn-close-agreements
{
	margin-top: 15px;
}

.operations li a:hover
{
	background: #80CFFF;
}

.right_text {
	text-align: right;
	vertical-align: bottom;
}
h4.clientsSubsystem, h3.AuthorLogin {
	margin-top: 15px;
	margin-bottom: 0px;
}
td.bold, p.bold {
	font-weight: bold;
}
td.num_green {
	color: #0DB20D;
}
td.num_red {
	color: #CF0000;
}
.hide_issues {
	display: none;
}
.tr1 {
	background-color: #F7F7F7;
}
.tr0 {
	background-color: #F2F2F2;
}
.tr0:hover, .tr1:hover {
	background-color: #bdc9d4;
}
div.open-agreements {
	height: 210px;
	overflow-y: scroll;
}
table.border-rep {
	border: 1px solid #514721;
	background-color: #fff;
}
table.border-rep td, table.border-rep th {
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	font-size: 12px;
}

.steps li {
	margin-bottom: 8px;
}
.weekend { background-color: #ffe4e4; font-weight: bold; }
.productivity-low { background-color: #f9eaea; text-align: right; }
.productivity-high { background-color: #e8ffe4; text-align: right; }
.productivity-normal { background-color: #fdffda; text-align: right; }
.day-off { background-color: #b08ab1; }
.daysoff-form input { margin-right: 10px !important;}
.intervals .sDate, .intervals .eDate, .intervals .edit, .intervals .delete
{ display: inline-block; width: 130px; margin-right: 10px; }
.intervals .edit, .intervals .delete { width: auto; }
.intervals .row {padding: 10px 0px 10px 3px; }
.hide { display: none; }
.daysoff-form {margin-bottom: 20px !important;}
.link-user { color: #cc8c00; }

.long-table { overflow-x: scroll; user-select: none; margin-left:150px; }
.long-table td { vertical-align: top; }
.headcol {
	position: absolute !important;
	width: 150px !important;
	left: 5px !important;
	border-left: 0 !important;
	border-right: 0 !important;
	border-top: 1px solid #eee;
	border-bottom: 0 !important;
	padding-top: 7px !important;
	margin-top: -1px;
}
thead .headcol {
	padding-top: 5px !important;
	border-top: 0 !important;
}
thead th {background:none;}

table.border-rep { margin-bottom: 0px; }
.editday {cursor: pointer; padding: 0px; }
.timeComingComment { width: 100%; height: 100px; }
.timeInput { width: 44px; }
.form-title-field { margin-top: 10px; }
#msgError { color: red; font-weight: 700; display: none; }
.loader { background: url(../images/loader3.gif) no-repeat; height: 16px; width: 16px; display: inline-block; }
.t-coming { white-space: nowrap; font-size: 11px; min-width: 30px; color: #c7c7c7; }
.day-by-day .day-left { width: 50%; float: left; text-align: left; height: 14px; }
.day-by-day .day-right { text-align: right; width: 50%; font-size: 11px; float: right; height: 14px; color: #9e9eb0; }
.day-by-day:after { content: ''; clear: both; display: block; }
.day-wrapper { margin: 3px 5px 0px 0px; padding: 2px 0px 9px 0px; width: 100%; height: 100%; }
.status_1 { background: url(../images/status_1.png) no-repeat right bottom; }
.status_2 { background: url(../images/status_2.png) no-repeat right bottom; }
.status_3 { background: url(../images/status_3.png) no-repeat right bottom; }
.interval-wrap { border: 1px solid #ddd; background: #fff; height: 4px; margin: 2px 3px 2px 3px; width: 70px; }
.interval-inner { background: #0066A4; height: 4px; }
.interval-norma { background: #d1ffcb; }
.interval-less { background: #88fc79; }
.interval-more { background: #ffe4e4; }
.legenda { background: url(../images/legenda.png) no-repeat; width: 352px; height: 177px; }
.red-number { color: #ea4949; }
.minWidth68 { min-width: 68px; }
.avatar { display: inline-block; width: 60px; height: 60px; margin: 5px; float: left; }

.issue-detail-popup.opened {
    background: #fff;
    top: 60px;
    padding: 30px 30px 20px;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    max-height: 1000px;
}
.issue-detail-popup {
    position: fixed;
    left: 50%;
    margin-left: -280px;
    top: -9999px;
    background: #fff;
    padding: 0 30px;
    z-index: 10000;
    width: 560px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0 10px 100px rgba(0,65,102,.5);
    -moz-box-shadow: 0 10px 100px rgba(0,65,102,.5);
    box-shadow: 0 10px 100px rgba(0,65,102,.5);
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    max-height: 0;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    overflow: hidden;
}
.close {
	position: absolute;
	top: 15px;
	right: 15px;
	display: block;
	border: 0;
	width: 20px;
	height: 20px;
	background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20viewBox%3D%220%200%2019.799%2019.799%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%230071B3%22%20d%3D%22M19.8%2016.97l-2.83%202.83-7.07-7.072-7.07%207.07L0%2016.97%207.07%209.9%200%202.827%202.828%200l7.07%207.07L16.972%200l2.83%202.828-7.072%207.07%207.07%207.072z%22%2F%3E%3C%2Fsvg%3E') no-repeat left top;
	background-size: 20px;
}
.close:hover {
	background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20viewBox%3D%220%200%2019.799%2019.799%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%2366a7cc%22%20d%3D%22M19.8%2016.97l-2.83%202.83-7.07-7.072-7.07%207.07L0%2016.97%207.07%209.9%200%202.827%202.828%200l7.07%207.07L16.972%200l2.83%202.828-7.072%207.07%207.07%207.072z%22%2F%3E%3C%2Fsvg%3E') no-repeat left top;
	background-size: 20px;
}
.month_select {
	margin-right: 15px;
	display: inline-block;
}
.border_right {
	border-right: 3px solid #9e9eb0;
}

/* tables */
table.tablesorter {
	font-family:arial;
	background-color: #CDCDCD;
	margin:10px 0pt 15px;
	font-size: 12pt;
	width: 100%;
	text-align: left;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: #e6EEEE;
	border: 1px solid #FFF;
	font-size: 8pt;
	padding: 5px 20px 5px 5px;
}
table.tablesorter thead tr .header {
	background-image: url(bg2.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter tbody td {
	color: #3D3D3D;
	padding: 4px;
	background-color: #FFF;
	vertical-align: top;
	text-align: right;
	padding-right: 10px;
}
table.tablesorter tbody td.num_green {
	color: #0DB20D;
}
table.tablesorter tbody td.num_red {
	color: #CF0000;
}
table.tablesorter tbody td.username {
	text-align: left;
}
table.tablesorter tbody tr.odd td {
	background-color:#F0F0F6;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
	background-color: #8dbdd8;
}
.agreement-name {
	color: #77ad7e;
	font-size: 12px;
	margin-left: 20px;
}
.total-budget {
	color: #949494;
}

.report-financial .credit, .report-financial .debit {
	width: 50%;
	float: left;
	box-sizing: border-box;
}

.report-financial .credit {
	padding-left: 50px;
}

.finance-table {
	margin-top: 20px;
}

.report-financial .total {
    clear: both;
}

.finance-table td {
	text-align: right;
	font-size: 16px;
	font-family: Arial;
	border-bottom: 1px solid #bbb;
}

.finance-table td p{
	margin: 0;
}

.finance-table.ui-accordion .ui-accordion-header {
	display: contents;
}

.finance-table td.name {
	text-align: left;
}

.finance-table tr.agreements td{
	font-size: 12px;
}

table.accordion-table {
	padding-left: 20px;
}

.rating-activity-table .finance-table td {
	font-size: 12px;
}

.accordion-table tbody.header span{
	position: absolute;
	left: 20px;
	margin-top: 4px;
}

.total {
	width: 50%;
	clear: both;
	font-size: 17px;
}

.bordered {
	border: 1px solid;
	overflow: hidden;
	border-radius: 10px;
	padding: 20px;
	margin: 10px;
	width: auto;
	max-width: 700px;
}

.chosen-container .chosen-results {
    max-height:130px;
}

#budgets-grid td, #agreements-grid td {
	text-align: right;
}

#budgets-grid td:first-child, #agreements-grid td:first-child {
	text-align: left;
}

.spending-table-debit {
	width: 30%;
	float: left;
	box-sizing: border-box;
}

.spending-table-credit {
	width: 70%;
	float: left;
	padding-left: 50px;
	box-sizing: border-box;
}

#spendings-form .row {
	width: 50%;
	float: left;
	height: 55px;
	margin: 0;
}

#spendings-form textarea {
	width: 300px;
}

#spendings-form .submit {
	float: right;
}

#spendings-form .chosen-container {
	width: 300px;
}

.num_red {
	color: red;
}

.num_green {
	color: #0DB20D;
}

.btn-danger {
	background-color: #FBE3E4;
	color: red;
	border: 2px solid #FBE3E4;
}

#spendings-form .submit {
	margin-top: 15px
}

#spendings-form .row.last {
	width: 25%;
}

.balance {
	width: 300px;
}

.balance h3 {
	display: inline;
	margin: 15px;
}

.name-description {
    position: relative;
}
.description-popup {
    display: none;
    position: absolute;
    top: 20px;
    left: 10px;
    z-index: 1000;
    background-color: white;
    border: 1px solid #0a0a0a;
    border-radius: 10px;
    padding: 10px 40px 10px 10px;
    width: 600px;
}

.description-popup .close {
    top: 10px;
    right: 10px;
    background-size: 15px;
}

a:focus, a:hover, .btn-danger:hover, .btn-danger:focus{
    cursor: pointer;
}

.daysoff-menu {
    max-width: 200px;
}

.daysoff-menu li a {
    font-weight: 400;
}

.daysoff-menu li.active a {
    font-weight: 800;
}

#agreements-grid.grid-view .button-column {
	width: 76px;
}
.payments-select {
	min-width: 200px;
	max-width: 1200px;
}

span.payment-total {
	width: 90px;
	text-align: right;
}
span.payment-label-item {
	display: inline-block;
	margin-right: 10px;
}
span.payment-company {
	max-width: 150px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: bottom;
}

span.payment-note {
	max-width: 300px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: bottom;
}

.payment-label.deleted .payment-label-item {
	text-decoration: line-through;
}

.payment-label.deleted .payment-remove {
	visibility: hidden;
}

.nowrap {
	white-space: nowrap;
}

.agreement-highlight {
	color: red;
}
.agreement-highlight-green {
	color: green;
}

div#ui-datepicker-div {
	clip: auto !important;
}

#agreement-rates {
	background: #e0e0e0;
	border: 1px solid #888;
	padding: 15px;
}

#agreement-rates table {
	margin-bottom: 10px;
}

#agreement-rates table td{
	padding-left: 0px;
	padding-bottom: 0px;
}

#agreement-rates table input[type=text],
#agreement-rates table select,
div.form #agreement-rates table select {
	width: 100%;
	margin-bottom: 0px;
	margin-top: 0px;
}

#agreement-rates table select {
	height: 21px;
}

.remove-rate {
	cursor: pointer;

}
.dayoff-menu {
	max-width: 200px;
}