input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
	/*border: 1px solid #ffffff;*/
	/*font-size: 14px;*/
	-webkit-text-fill-color: #000000;
	-webkit-box-shadow: 0 0 0px 1000px #ffffff inset;
	transition: background-color 5000s ease-in-out 0s;
}

.currencyicon{
	position: relative;
}

.loader {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.25);
	z-index: 9000;
}
.loader-wheel {
	width: 90px;
	height: 90px;
	margin-top: -50px;
	margin-left: -50px;

	position: absolute;
	top: 50%;
	left: 50%;

	border-width: 10px;
	border-radius: 50%;
	-webkit-animation: spin 2s linear infinite;
}
.ln2 .loader-wheel {
	border-style: double;
	border-color: rgba(0, 98, 255, 0.51) transparent;
	font-size: 4px;
	padding: 8px;
}
.loader-static {
	width: 70px;
	height: 70px;
	margin-top: -40px;
	margin-left: -40px;

	position: absolute;
	top: 50%;
	left: 50%;
	border-style: double;
	border-color: transparent;
	border-width: 10px;
	border-radius: 50%;
	font-size: 5px;
	padding: 4px;
}
@-webkit-keyframes spin {
	0% {
		-webkit-transform: rotate(0);
	}
	100% {
		-webkit-transform: rotate(+360deg);
	}
}

.modalClose{
	margin-top: -24px!important;
}

.dLabel{
	padding: .2em .6em .3em;
	font-size: 75%;
	font-weight: 700;
	line-height: 1;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: .25em;
	width: 15%;
	background-color: #777;
	top: -9px;
	position: relative;
	left: 10px;
}

.navbar {
	min-height: 30px;
	margin-bottom: 10px;
}

.navbar-nav>li>a {
	padding-top: 5px;
	padding-bottom: 5px;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
	padding: 3px;
}


.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
	background-color: rgba(102, 179, 239, 0.7);
}
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
	background-color: rgba(102, 179, 239, 1);
}

.navbar-nav>li.logout>a {
	color: #fff;
	background-color: #d9534f;
	border-color: #d43f3a;
}
.navbar-nav>li.logout>a:hover {
	color: #fff;
	background-color: #c9302c;
	border-color: #ac2925;
}

.nav-tabs>li>a{
	padding: 2px 8px;
}
.nav-tabs>li>a:focus, .nav-tabs>li>a:hover, .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{
	border-left: 1px solid #777;
	border-right: 1px solid #777;
	border-top: 1px solid #777;
	padding: 2px 8px;
}
.nav-tabs>li#person.active>a{
	background: rgba(235, 223, 245, 0.70);
}
.nav-tabs>li#documents.active>a{
	/*background: #e0d4ea;*/
}
.nav-tabs>li#details.active>a{
	background: rgba(222, 242, 220, 0.70);
}
.nav-tabs>li#catalogs.active>a{
	background: rgba(231, 252, 253, 0.7);
}
.nav-tabs>li#tabel.active>a{
	background: rgba(242,222,222,0.7);
}
.nav-tabs>li#schedule.active>a{
	background: #ededed;
}
.nav-tabs>li#charting.active>a{
	background: rgba(216, 225, 209, 0.7);
}
.nav-tabs>li#ch-report.active>a{
	background: rgba(216, 225, 209, 0.7);
}
.nav-tabs>li#vacations.active>a{
	/*background: #d6ead4;*/
}
.nav-tabs>li#dismissal.active>a{
	/*background: #d6ead4;*/
}
.nav-tabs>li#privileges.active>a{
	/*background: #d6ead4;*/
}
.nav-tabs>li#educations.active>a{
	/*background: #d6ead4;*/
}
.nav-tabs>li#catalogs.active>a{
	/*background: #d6ead4;*/
}

.eventsTab>li.active>a{
	background: rgba(102, 179, 239, 0.7)!important;
}
.eventsTab>li.active>a:hover{
	background: rgba(102, 179, 239, 0.7)!important;
}

.borderedContent {
	border-top: 1px solid #777;
	border-left: 1px solid #777;
	border-right: 1px solid #777;
	border-bottom: 1px solid #777;
}

.borderTop{
	border-top: 1px solid #777;
}

.tabContent{
	margin-top: -1px;
	margin-left: 5px;
	margin-right: 5px;
	padding: 3px;
}

#btnShowHide{
	position: relative;
	right: 0px;
	bottom: 2px;
	text-align: right;
	color: #888;
	height: 10px;
}
#btnShowHide i{
	cursor: pointer;
}
#btnShowHide button{
	border-right: 1px solid #777;
	border-left: 1px solid #777;
	border-bottom: 1px solid #777;
}

.ui-jqgrid .ui-jqgrid-btable tbody tr.jqgrow td {
	padding-right: 10px;
	padding-left: 10px;
}

.disabledTab {
	cursor: not-allowed;
}

li.disabledTab > a {
	pointer-events: none;
	filter: alpha(opacity=65);
	-webkit-box-shadow: none;
	box-shadow: none;
	opacity: .65;
}

li.disabledTab > a:hover {
	text-decoration: none;
	background-color: transparent;
}

.modal-header{
	cursor: move;
}
#modalEvent{
	z-index: 1000;
}
#modalConfirm{
	z-index: 1500;
}
#modalDialog{
	z-index: 2000;
}
#modalInfo{
	z-index: 5000;
}
.table>thead>tr>th{
	vertical-align: top;
}
.ui-jqgrid .ui-jqgrid-htable th div {
	height:auto!important;
	overflow:hidden!important;
	padding-right:4px;
	padding-top:2px;
	position:relative!important;
	vertical-align:text-top;
	white-space:normal !important;
}
.ui-jqgrid .ui-jqgrid-htable .ui-th-div {
	margin-top: 0px;
	padding-left: 3px;
}

#homeContent, #detailsContent, #catalogsContent, #tabelContent, #scheduleContent, #chartingContent, #chReportContent{
	min-height: 525px;
}
#eventsContent, #documentsContent, #educationsContent, #privilegesContent, #commentsContent{
	min-height: 435px;
}
#eventsBtns, #documentsBtns, #educationsBtns, #privilegesBtns, #commentsBtns{
	margin: 5px;
}

.detailAlert{
	padding: 5px!important;
	margin: 5px!important;
}

.eventAlert{
	cursor: pointer;
	padding: 1px!important;
	margin: 1px!important;
	border-bottom: solid 1px #000000;
	border-right: solid 1px #000000;
	border-top: solid 0px #000000;
	border-left: solid 0px #000000;
	background-color: #f1eded;
}

.selectedEventAlert{
	cursor: pointer;
	padding: 1px!important;
	margin: 1px!important;
	border-bottom: solid 0px #000000;
	border-right: solid 0px #000000;
	border-top: solid 1px #000000;
	border-left: solid 1px #000000;
	background-color: #cdf1e7;
}

.blockHscroll{
	display: flex;
	flex-wrap: nowrap;
	overflow-x: auto;
}

.itemHscroll{
	flex: 0 0 auto;
}

/*.selectedRow{*/
	/*background-color: rgba(102, 179, 239, 0.7)!important;*/
/*}*/

#detailTabs>li>a>span.tabBadge{
	background-color: #337ab7!important;
}

#detailTabs>li.active>a>span.tabBadge{
	background-color: #777!important;
	color: #fff;
}
/*.tableDictionary>tbody>tr:hover {*/
	/*background-color: #daebf5;*/
/*}*/
.tableDictionary>tbody>tr:nth-of-type(odd) {
	background-color: rgba(179, 224, 249, 0.7);
}
.tableDictionary>tbody>tr.selectedRow, .tableDictionary>tbody>tr.selectedRow:hover{
	background-color: rgb(226, 245, 255);
}

.dictionaryHeader td{

	font-weight: bold;
}

.btnRemoveDocument, .btnRemoveEvent{
	background-color: #eeeeee;
	color: #777777;
	position: absolute;
	bottom: -10px;
	width: 98%;
	display: none;
	cursor: pointer;
}

.newPersonPopupContainer, .updatePersonPopupContainer{
	min-height: 460px;
}

.event-header{
	font-weight: bold;
}

.event-change{
	font-weight: bold;
	background-color: yellow;
}

.event-error{
	color: #c30101;
}

#modalUpdate ul.updatePersonTabs a{
	cursor: pointer;
}

.btnsItemAction, .btnsDocumentAction{
	display: none;
}

.btnsItemAction span, .btnsDocumentAction span{
	margin: 3px;
	cursor: pointer;
}


/* tabel calendar */
#personTabelGrid > thead > tr > td.success,
#personTabelGrid > tbody > tr > td.success,
#personTabelGrid > tfoot > tr > td.success,
#personTabelGrid > thead > tr > th.success,
#personTabelGrid > tbody > tr > th.success,
#personTabelGrid > tfoot > tr > th.success,
#personTabelGrid > thead > tr.success > td,
#personTabelGrid > tbody > tr.success > td,
#personTabelGrid > tfoot > tr.success > td,
#personTabelGrid > thead > tr.success > th,
#personTabelGrid > tbody > tr.success > th,
#personTabelGrid > tfoot > tr.success > th {
	background-color: #dccece !important;
}
#personTabelGrid > tbody > tr > td.success:hover,
#personTabelGrid > tbody > tr > th.success:hover,
#personTabelGrid > tbody > tr.success:hover > td,
#personTabelGrid > tbody > tr:hover > .success,
#personTabelGrid > tbody > tr.success:hover > th {
	background-color: #c5b7b7 !important;
}

#personTabelGrid tr.success{
	background-color: #797979!important;
	/*font-weight: bold;*/
}

.tabelCalendar .days{
	/*color: #797979;*/
	/*background-color: #dccece;*/
}

.tabelCalendar .monthPre, .tabelCalendar .monthNext{
	/*background: rgba(242,222,222,0.7)!important;*/
	color: #797979!important;
}

.tabelCalendar tr.daysRow td.days:hover{
	background-color: rgba(102, 179, 239, 0.7)!important;
}

/*.tabelCalendar tr.daysRow td:nth-child(6){*/
	/*background-color: rgba(235, 198, 198, 0.7);*/
/*}*/
/*.tabelCalendar tr.daysRow td:nth-child(7){*/
	/*background-color: rgba(235, 198, 198, 0.7);*/
/*}*/

.tabelCalendar td{
	/*width: 65px;*/
	height: 65px;
}
.tabelCalendar .monthNow th{
	background-color: rgba(242,222,222,0.7);
	color: #000000;
	text-align: center;
}
.tabelCalendar .dayNames{
	background: rgba(242,222,222,0.7);
	color: #000000;
	text-align: center;
}
.tabelCalendar .dayNames td{
	width: 65px;
	height: 25px;
}

.tabelCalendar .dayData{
	color: #3853b4;
	font-weight: bold;
}

.tabelCalendar td{
	padding: 0px!important;
}

.tabelCalendar>tbody>tr>td, .tabelCalendar>tbody>tr>th, .tabelCalendar>tfoot>tr>td, .tabelCalendar>tfoot>tr>th, .tabelCalendar>thead>tr>td, .tabelCalendar>thead>tr>th {
	border: 1px solid rgba(93, 72, 72, 0.7);
}

/* schedule calendar */
.scheduleCalendar .days{
	/*background-color: #dff0d8!important;*/
}

.scheduleCalendar .monthPre, .scheduleCalendar .monthNext{
	/*background: #dff0d8!important;*/
	color: #3c763d!important;
}

.scheduleCalendar tr.daysRow td.days:hover{
	background-color: #69c769 !important;
}

.scheduleCalendar td{
	height: 65px;
}
.scheduleCalendar .monthNow th{
	background-color: #bccbb6;
	color: #000000;
	text-align: center;
}
.scheduleCalendar .dayNames{
	background: #bccbb6;
	color: #000000;
	text-align: center;
}
.scheduleCalendar .dayNames td{
	width: 65px;
	height: 25px;
}

.scheduleCalendar .dayData{
	color: #3853b4;
	font-weight: bold;
}

.scheduleCalendar .dayNumber{
	color: #565656;
	font-weight: bold;
	font-size: 16px;
}
.scheduleCalendar .monthYear{
	color: #848484;
	font-size: 12px;

}

.scheduleCalendar .dayItem{
	width: 100%;
	height: 100%;
	position: relative;
}

.scheduleCalendar .dayEdit{
	border-left: 1px solid #777777;
	/*border-radius: 5px;*/
	background-color: #efefef;
	color: #000000;
	height: 100%;
	display: none;
	position: absolute;
	top: 0px;
	right: 0px;
	padding-left: 3px;
	cursor: pointer;
}

.scheduleCalendar td{
	padding: 0px!important;
}

.scheduleCalendar>tbody>tr>td, .scheduleCalendar>tbody>tr>th, .scheduleCalendar>tfoot>tr>td, .scheduleCalendar>tfoot>tr>th, .scheduleCalendar>thead>tr>td, .scheduleCalendar>thead>tr>th {
	border: 1px solid #3c763d;
}

.scheduleListItem{
	cursor: pointer;
	padding: 5px!important;
	margin: 5px!important;
}


/* tabel charting */
#chartingTabelGrid > thead > tr > td.success,
#chartingTabelGrid > tbody > tr > td.success,
#chartingTabelGrid > tfoot > tr > td.success,
#chartingTabelGrid > thead > tr > th.success,
#chartingTabelGrid > tbody > tr > th.success,
#chartingTabelGrid > tfoot > tr > th.success,
#chartingTabelGrid > thead > tr.success > td,
#chartingTabelGrid > tbody > tr.success > td,
#chartingTabelGrid > tfoot > tr.success > td,
#chartingTabelGrid > thead > tr.success > th,
#chartingTabelGrid > tbody > tr.success > th,
#chartingTabelGrid > tfoot > tr.success > th {
	background-color: rgba(216, 225, 209, 0.7) !important;
}
#chartingTabelGrid > tbody > tr > td.success:hover,
#chartingTabelGrid > tbody > tr > th.success:hover,
#chartingTabelGrid > tbody > tr.success:hover > td,
#chartingTabelGrid > tbody > tr:hover > .success,
#chartingTabelGrid > tbody > tr.success:hover > th {
	background-color: rgba(146, 175, 140, 0.7) !important;
}
#chartingTabelGrid tr.success{
	background-color: #838e7f !important;
}
.chartingCalendar td{
	height: 65px;
}
.chartingCalendar .monthNow th{
	background-color: rgba(216, 225, 209, 0.7);
	color: #000000;
	text-align: center;
}
.chartingCalendar .dayNames{
	background: rgba(216, 225, 209, 0.7);
	color: #000000;
	text-align: center;
}
.chartingCalendar .dayNames td{
	width: 65px;
	height: 25px;
}
.chartingCalendar .dayData{
	color: #3853b4;
	font-weight: bold;
}
.chartingCalendar td{
	padding: 0px!important;
}
.chartingCalendar>tbody>tr>td, .chartingCalendar>tbody>tr>th, .chartingCalendar>tfoot>tr>td, .chartingCalendar>tfoot>tr>th, .chartingCalendar>thead>tr>td, .chartingCalendar>thead>tr>th {
	border: 1px solid rgba(104, 127, 99, 0.7);
}

.selectboxit-container .selectboxit, .selectboxit-container .selectboxit-options {
	color: #555;
	border: 1px solid #ccc;
	border-radius: 4px;
	max-height:240px;
}
.selectboxit-container span, .selectboxit-container .selectboxit-options a {
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	height: 34px;
	display: block;
}
.selectboxit-options .selectboxit-option .selectboxit-option-anchor {
	white-space: normal;
	min-height: 34px;
	height: auto;
}
.selectboxit-container .selectboxit{
	padding: 6px 12px;
}
.selectboxit-container .selectboxit .selectboxit-text {
	max-width: 375px!important;
}
.selectboxit-container .selectboxit .selectboxit-arrow-container {
	margin-top: -6px;
}

.filterChanged{
	background-color: rgba(215, 177, 82, 0.31)!important;
}

input.filterChanged:-webkit-autofill,
input.filterChanged:-webkit-autofill:hover,
input.filterChanged:-webkit-autofill:focus,
select.filterChanged:-webkit-autofill,
select.filterChanged:-webkit-autofill:hover,
select.filterChanged:-webkit-autofill:focus {
	-webkit-text-fill-color: #000000;
	-webkit-box-shadow: 0 0 0px 1000px rgba(215, 177, 82, 0.31) inset;
	transition: background-color 5000s ease-in-out 0s;
}

.has-warning input, .has-warning select{
	background: rgba(215, 177, 82, 0.31)!important;
}

.has-error input, .has-error select{
	background: rgba(215, 83, 81, 0.31)!important;
}

.has-disabled input, .has-disabled>select{
	background: #ebebeb !important;
}

.modal-header{
	padding: 3px 15px 3px 15px;
}

.modal-footer{
	padding: 7px 15px 7px 15px;
}

.divExistPasportRecruitmentRow{
	font-size: 14px;
	height: 34px;
	padding: 6px 12px;
}

.divExistPasportItem{
	border: 1px solid #ccc;
	border-radius: 4px;
	font-size: 14px;
	height: 28px;
	padding: 3px 12px;
}

.selectedExistPasport{
	border: 4px solid #4fa051;
}

.selectboxit-option, .selectboxit-optgroup-header {
	border-bottom: 1px solid #ccc;
}

#jqChartingTabelGridPager_left{
	display: none!important;
}
#jqChartingTabelGridPager_center{
	width: auto!important;
}
#jqChartingTabelGridPager_center .ui-pg-selbox{
	display: none!important;
}

#jqPersonTabelGridPager_left{
	display: none!important;
}
#jqPersonTabelGridPager_center{
	width: auto!important;
}
#jqPersonTabelGridPager_center .ui-pg-selbox{
	display: none!important;
}

#jqChReportTabelGridPager_left{
	display: none!important;
}
#jqChReportTabelGridPager_center{
	width: auto!important;
}
#jqChReportTabelGridPager_center .ui-pg-selbox{
	display: none!important;
}

#planVacationContent .table-striped>tbody>tr:nth-of-type(odd) {
	background-color: rgba(198, 228, 248, 0.7);;
}

.pvSelectedDay {
	color: #3c763d;
	background-color: #dff0d8;
	border-color: #d6e9c6;
}

#personCalculatePlanVacationGrid_selectedDays {
	color: #3c763d;
	background-color: #dff0d8;
	border-color: #d6e9c6;
}

.pvCalculateChanged{
	background: rgba(215, 177, 82, 0.31);
	color: #8a6d3b;
}
div#info_dialog{
	z-index: 3000!important;
}

.unusedHolidays{
	text-decoration: line-through;
	color: #c3c3c3;
}

.unusedHolidaysInput{
	color: #b3b3b3;
	background-color: #f3f3f3;
}