.header-to-show-media {
 	display: none !important; /*Zmiana - D*/
}
@media (max-width: 1120px) {
	.header-to-hide-media {
		display: none !important; /*Zmiana - D*/
	}
	.header-to-show-media {
	 	display: contents !important; /*Zmiana - D*/
	}
}
@media (max-width: 600px) {
	.modal .modal-dialog {
		width: 95% !important;
	}
}
.tlA {
	width: 15px;
	padding-top: 2px;
	display: inline-block;
}
.tlA i {
	font-size: 14px
}
.tlI {
	width: 20px;
	display: inline-block;
}
.tlSearchLocation {
	width: 80% !important;
	display: inline !important;
	margin-bottom: 8px;
	padding-left: 5px;
}
.tlN {
	display: inline;
	cursor: pointer;
}
.tlN input {
	cursor: pointer;
}
.tlN.active {
	font-weight: 600;
}
.ulTreeLocation li:before {
	font: normal normal normal 14px/1 FontAwesome;
	content: "\f0d7";
	padding-right: 7px;
	cursor: pointer;
	width: 7px;
	display: inline-block;
}
.ulTreeLocation li.tlC:before {
	content: "\f0da";
}
.ulTreeLocation li.tlE:before {
	content: "";
}
.tlProfile {
	cursor: pointer;
	display: block;
}
li.tlC:not(.tlFF) ul {
	display: none;
}
li.tlH {
	display: none;
}
/* drzewko w trybie ostatniego dziecka */
/* nie działa dla klasy tlHID*/
li.tlHI:not(.tlHID) > div > .tlI { 
	display: none;
}
.tlOO, .tlNF {
	color: #A9A9A9;
}
.tlNS {
	text-decoration: underline;
}
.tlNS:before {
	content:"\2022";
	position: absolute;
	left: 14px;
	font-size: 16px;
	color: #d20000;
	margin-top: -1px;
}
.tlLabel {
	white-space: nowrap;
	overflow: hidden;
	border: solid 1px #BDBDBD;
	margin-right: 0px;
	padding: 1.9px 10px;
	cursor: pointer;
	color: #333;
	height: 18px;
	background-color: white;
}
.has-error .tlLabel {
	border-color: #b94a48;
}
.tlContainer {
	color: #333;
	border: solid 1px #BDBDBD;
	background-color: #fff;
	padding: 10px;
	position: absolute;
	z-index: 700;
	display: none;
	max-height: 340px;
	overflow-y: auto;
	max-width: 414px;
	min-width: 370px;
}
.tlButtons a {
	float: right;
	cursor: pointer;
}
.tlButtons a img {
	width: 14px;
	margin-left: 7px;
}
.tlContainerDynamic {
	left: 0;
	top: 24px;
}
.input-group .tlContainerDynamic input[type=checkbox]{
	height: 13px !important;
	appearance: auto !important;
	-moz-appearance: auto !important;
	-webkit-appearance: auto !important;
	padding: 0 !important;
	display: inline-block !important;
}





/*Highcharts*/
.tooltipOverflow .highcharts-container{
    overflow:visible !important;
}
.tooltipOverflow .highcharts-container svg{
    overflow:visible !important;
}
.tooltipOnTop{
	z-index: 2;
}
.labelOnTopColumn{
	color: black;
	font-size: 11px;
	font-weight: bold;
	text-shadow: 0 0 6px #FFFFFF, 0 0 3px #FFFFFF;
	fill: black;
	text-align: center;
	height: 16px;
}
.notifySpout.ajax-dropdown:before, .notifySpout.ajax-dropdown:after {
	left: 42%;
}
.serviceCallSpout.ajax-dropdown:before, .serviceCallSpout.ajax-dropdown:after {
	left: 25.5%;
}

/*przyciski*/
.btn-generate{
	background-color: rgb(44, 81, 151);
	border-color: rgb(39, 67, 120);
	color: white;
	height: 24px;
}
.btn-generate:hover{
	background-color: rgb(39, 67, 120);
	border-color: rgb(39, 67, 120);
	color: white;
}
.btn-generate:focus{
	background-color: rgb(39, 67, 120);
	border-color: rgb(39, 67, 120);
	color: white;
}
.btn-add{
	background-color: rgb(89, 154, 195);
	border-color: rgb(94, 142, 183);
	color: white;
	height: 24px;
}
.btn-add:hover{
	background-color: rgb(85, 140, 174);
	border-color: rgb(94, 142, 183);
	color: white;
}
.btn-add:focus{
	background-color: rgb(85, 140, 174);
	border-color: rgb(94, 142, 183);
	color: white;
}
.btn-clear{
	background-color: rgb(17, 19, 140);
	border-color: rgb(0, 4, 87);
	color: white;
	height: 24px;
}
.btn-clear:hover{
	background-color: rgb(10, 12, 92);
	border-color: rgb(0, 4, 87);
	color: white;
}
.btn-clear:focus{
	background-color: rgb(10, 12, 92);
	border-color: rgb(0, 4, 87);
	color: white;
}
table hide{
	display: none;
}
.saveSeries{
	float: right;
	padding: 1px 8px;
	font-size: 9px;
	margin-top: 3px;
	margin-left: 20px;
}
.whiteBackground{
	background-color: white !important;
}
.divHowTextarea{
	border: solid 1px #BDBDBD;	
	margin-right: 0px;
	padding: 1.9px 10px;
	color: #333;
	min-height: 18px;
}
.divHowTextarea:hover{
	border-color: #5D98CC;
}
.divHowTextarea.disabled{
	cursor: default;;
	background: #F2F2F2 !important;
	border-color: #D7D7D7;
}
.divHowTextarea.disabled:hover{
	border-color: #D7D7D7;
}
.divHowDisabledInput{
	white-space: nowrap;
	overflow: hidden;
	border: solid 1px #BDBDBD;	
	margin-right: 0px;
	padding: 1.9px 10px;
	color: #333;
	height: 18.2px;
	background-color: white;
}
.divHowDisabledInput > div{
	cursor: default;
	overflow: auto;
	white-space: nowrap;
}
.divHowDisabledInput:hover {
	border-color: #5D98CC;
}
.clearBoth{
	clear: both;
}
.inputSearch
{
	width:350px;
	border:solid 1px #000;
	padding:3px;
}
.center{
	text-align: center !important;
}
p.center{
	margin: 0;
}
.toLeft{
	text-align: left !important;
}
td.noBreakLine, th.noBreakLine {
	white-space: nowrap !important;
}
td.placeRanking {
	cursor: pointer;
	font-size: x-large;
}
td.thEfficiencyColor{
	color: white;
	font-weight: 600;
}
tbody tr td p{
	margin: 0;
}
div.autocompletePhotoContainer{
	width:50px;
	height:50px;
	float:left;
	margin-right:6px;
	text-align:center
}

img.autocompletePhoto{
	max-width:50px; 
	max-height:50px;
}
#divResult {
	position:absolute;
	width:99%;
	min-width:300px;
	max-height:300px;
	display:none;
	border-top:0px;
	overflow-y: auto;
	overflow-x: hidden;
	border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
	-moz-border-bottom-right-radius: 6px;
	-moz-border-bottom-left-radius: 6px;
	box-shadow: 0px 0px 5px #000;
	border-width: 1px 1px 1px;
	border-style: solid;
	background-color: white;
	z-index:100
}
#divResult:empty{
	display: none!important;
}

.resultAutocomplete:empty{
	display: none!important;
}
.modal.modal-wide .modal-dialog {
  width: 95%;
}
.modal-wide .modal-body {
  overflow-y: auto;
}
.modal-backdrop.fade.in {
	position: fixed!important;
}
.resultAutocomplete {
/*	min-width: 100%;*/
	max-height: 300px;
	position:absolute;
	display:none;
	overflow-y: auto;
	overflow-x: hidden;
	border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
	-moz-border-bottom-right-radius: 6px;
	-moz-border-bottom-left-radius: 6px;
	box-shadow: 0px 0px 5px #000;
	background-color: white;
	z-index:100;
	border-width: 1px 1px 1px;
}
div.display_box.small {
	min-height: 20px;
	font-weight:600;
	padding:4px;
	white-space: nowrap;
}
div.display_box.hover{
	background:#0066FF;
	color:#FFFFFF;
}
.display_box xpos, .display_box xloc{
	float: left;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	width: calc(100% - 60px);
}

.display_box.unactive{
	background-color: darkgrey;
}

.divResult,.resultCompanyComparison, .resultEvent, .result, .resultMachine, .resultEmployeeOutside
{
	position:absolute;
	width:99%;
	min-width:220px;
	max-height:315px;
	display:none;
	border-top:0px;
	overflow:auto;
	border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
	-moz-border-bottom-right-radius: 6px;
	-moz-border-bottom-left-radius: 6px;
	box-shadow: 0px 0px 5px #000;
	border-width: 1px 1px 1px;
	/*border-style: solid;*/
	background-color: white;
	z-index:100
}
.resultDamage {
	position: absolute;
	min-width: 250px;
	max-width: 550px;
	max-height: 400px;
	display: none;
	border-top: 0px;
	overflow: auto;
	border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
	-moz-border-bottom-right-radius: 6px;
	-moz-border-bottom-left-radius: 6px;
	box-shadow: 0px 0px 5px #000;
	border-width: 1px 1px 1px;
	background-color: white;
	z-index: 100;
}
.resultFormatFilter{
	width: 100%;
	min-width: 0px;
}
.resultMachine, .resultCompanyComparison, .resultConfiguration{
	min-width: 300px;
	width: 100%;
}
.display_box
{
	min-width: 300px;
	display: inline-block;
	padding:4px;
	border-top:solid 1px #dedede; 
	font-size:12px;
	width: 100%;
}
.display_box[type=machine] .imgSrc {
	width: 55px;
	float: left;
}
.display_box[type=machine] p {
	float: left;
	margin-left: 6px;
}
	
/*.display_box[type="machine"]
{
	min-height: 38px;
}
.display_box[type="allEmployee"]
{
	min-height: 50px;
}*/
.displaySmallBox {
	font-weight: 600;
	padding: 4px;
	font-size: 12px;
	border-top: solid 1px #dedede;
}
.display_box:hover, .displaySmallBox:hover
{
	background:#0066FF;
	color:#FFFFFF;
	cursor:pointer;
}
.display_boxMD
{
	border-top:solid 1px #dedede; 
	font-size:12px; 
	min-height:30px;
	width: 100%;
}
.display_boxMD:hover
{
	background:#0066FF;
	color:#FFFFFF;
	cursor:pointer;
}
.bootstrap-tagsinput {
	float:left !important;
	width:100% !important;
	border:none;
}
.bootstrap-tagsinput input {
	border:none!important;
	display:none!important;
}

.bootstrap-tagsinput > span {
	background:white!important;
	margin-left:0px;
}

.bootstrap-tagsinput .tag {
	margin-left:-3px!important;
}

.btn-gray  {
	color:white;
	background-color:gray
}

#template-row {
	display:none;
}

.user-block {
	background: white;
	padding:5px;
	margin:0px;
	border-color: #BDBDBD;
	border-width: 1px;
	border-style: solid;
	border-radius: 0px;
}

.mt5 {
	margin-top:5px;
}

.ml15 {
	margin-left:0%;
}

.mr15 {
	margin-right:3%;
}

.w33 {
	width:31%;
}
.w100 {
	width:100%;
	margin-bottom: 0px!important;
}

.del-user {
	float:right;
	position:absolute;
	right:0px;
	top:0px;
}

.marginall {
	margin:15px!important;
}

.tree li.parent_li > span {
	width: 350px;
}

.tree li span {
	width: 350px;
}

.other_description {
	margin-top:2px;
	border: 0 none white;
    overflow: hidden;
    padding: 0;
    outline: none;
	width:90%;
    background-color:transparent;
    resize: none;
}

.request_description {
	border: 1px solid #BDBDBD;
    overflow: hidden;
    padding: 0;
    outline: none;
	width:98%;
    background-color:transparent;
	min-height:22px !important;
    resize: none;
	/*padding-top:5px;*/
	padding-left:2%;
}

.whywhyPathFrame{
	border: 1px solid #666;
	padding: 10px;
	margin-bottom: 15px;
}
.whywhyPathFrame:empty{
	display: none!important;
}
.m15 {
	margin-left:15px!important;
	margin-right:15px!important;
}

.mt15 {
	margin-top:15px!important;
}

.holiday * {
		color: yellow !important;
}

#adduser1 {
border: 1px solid #BDBDBD; 
display: none;
}

#inputSearch1 {
	 float: left; 
	 width: 90%;
}

#bntDescription {
	width: 23px;
	float:right;
}
/*
#myDropzone2 {
	margin-left:3%;
	width:47%; 
	float:left;
}
*/
#plus, #plus1 {
	float:left;
	width:10%;
	height:24px;
}

#myDropzone, #myDropzone1, #myDropzone2{
	margin-left:2%;
	width:47%;
	float:left;
}
#modalMachineUnit{
	margin-bottom: 25px;
	min-width: 845px;
}

#employeePicture{
	max-width: 100%;
	max-height: 100%;
	/*padding-bottom: 10px;*/
}
#employeePictureBox{
	padding-left: 0;
	padding-right: 26px;
	text-align: center;
}
.employeePictureWidth{
	max-width: 165px !important; /*max-width: 170px !important*/
	height: auto; /*bez*/
	max-height: unset !important; /*bez*/
	width: 100%;
}
.pointsEmployee{
	background:  #FFFFCC;
	text-align: center;
}

#theadMachine{
	width: 80px;
	text-align: center;
	vertical-align: middle;
}

#theadMachine2{
	text-align: center !important;
	vertical-align: middle !important;
}

#theadMachine3{
	width: 90px;
	text-align: center;
	vertical-align: middle;
}
.photoMachine{
	height: 49px;
	width: 65px;
	display: inline;
	margin-top: -11px;
	margin-bottom: -27px;
	margin-right: 5px;
}
.photoEmployee{
	height: 50px;
	width: 49px;
	display: inline;
	margin-top: -11px;
	margin-bottom: -27px;
	margin-right: 5px;
}
.photoEmployee1{
	height: 60px;
	width: 53px;
	display: inline;
	margin-top: -11px;
	margin-bottom: -44px;
	margin-right: 5px;
}
/*.manufacturerMachine{
	display: inline;
	font-weight: 600;
}
.modelMachine{
	display: inline;
}
.serialNumberMachine{
	display: inline;
	margin-left: 75px;
}*/
.pdcaStatus{
	margin-bottom: 3px;
	text-align: center;
}
.pdcaButtons{
	width: 95px;
	text-align: center;
	margin:auto;
}
.colEmployee{
	width: 200px;
}
.detailsEmployee{
	border: 1px solid #BDBDBD;
	padding: 5px;
	display: flex;
}
.detailsPhotoEmployee{
	display: inline-block;
	width: 55px;
	height: 55px;
	text-align: center;
	margin-right: 5px;
}
.detailsPhotoEmployee img{
	max-width: 100%;
	max-height: 100%;
}
.positionNameEmployee{
	display: inline;
	font-size:10px;
}
.nameEmployee{
	display: inline;
	font-weight: 600;
}
.surnameEmployee{
	font-weight: 600;
	display:inline;
}
.tableScroll, .tableScroll2{
	width: 100%;
	overflow-x: auto;
	overflow-y: hidden;
	margin-top: -5px;
}
.tableWithoutAccessories{
	margin-top: -6px;
	overflow-x: auto;
	margin-bottom: 0px;
	padding-left: 1px;
	padding-right: 1px;
}
.cellCentered{
	text-align: center !important;
	vertical-align: middle !important;
}
.cellCenteredHorizon{
	text-align: center !important;
}
.divArrow{
	display:inline-flex;
	position: relative;
}
.imgArrow{
	margin-right: 5px;
	height: 14px;
	margin-top: 1px;
/*	bottom: 2px;
	position: absolute;
	right: 0px;*/
}
.cellMonth{
	min-width: 125px;
}
.cellDate{
	min-width: 150px;
}
.cellDescription{
	min-width: 200px;
}
.unitInTable{
	font-size:11px;
	color:#333;
}
.unitInTable:hover{
	color:#333;
}
.warningValue{
	color: red !important;
	text-align: center;
	font-weight: 600;
}
td.exceedingValue{
	background-color: rgba(255, 0, 0, 0.23) !important;
	text-align: center;
	font-weight: 600;
	-webkit-print-color-adjust: exact; 
}
tr.highlightedRow, tr.highlightedRow a {
	color: red !important;
}

.highlightedRow a {
	color: red !important;
}

.jcropImgContainer {
	padding: 15px;
	display: none;
}
.jcropImgContainer #changePhoto {
	margin-top: 15px
}


#onoffswitchUseEquipment{
	position: relative;
	float: none;
	margin-top:10px;
}
#summaryTable{/*widok 23*/
	padding: 5px;
	padding-left: 13px;
	width: 100%;
}
.tableService{
	margin: 13px;
	margin-top: 15px;
	overflow-x: auto;
	color: #333;
}
.dtSearchDatatable {
	display: inline-block;
	height: 14px;
	margin-left: 15px;
}
.dtSearchDatatable input{
	height: 20px;
	width: 10em !important;
}
.dtSearchDatatable .input-group-addon{
	height: 20px;
	width: 20px;
	font-size: 12px;
	padding: 3px;
}
.btnSearchDatatables {
	font-size: 10px;
}
.tableDescription{
	margin: 13px;
}
.dataTables_filter label {
     float: left !important;
}

.showHideColumn{
	display: inline-block;
	margin-bottom: -10px;
}
.lineChartService{
	margin: 13px;
	margin-right: 0px;
	padding-top: 20px;
}
.lineChartWithLegendService{
	margin: 3px;
	margin-bottom: -20px;
}
.lineChartWithUnit{
	margin: 3px;
	margin-bottom: 40px;
	margin-top: 25px;
	margin-right: 6px
}
.columnChartWithUnit{
	margin-left: 3px;
	margin-bottom: 65px;
	margin-top: 25px;
	margin-right: 6px
}
.columnChartWithoutUnit{
	margin-left: 3px;
	margin-bottom: 0px;
	margin-top: 25px;
	margin-right: 6px
}
.columnChartWithoutLegend{
	margin-left: 3px;
	margin-bottom: 30px;
	margin-top: 25px;
	margin-right: 6px
}
.lineChartWithLineTrend{
	margin: 3px;
}
#pieChart3css{
	padding: 10px;
	z-index:0;
	margin-bottom: 24px;
}
#pieChart4css{
	padding: 10px;
	margin-bottom: 24px;
}
.sparks .sparks-info .sparkline{
	padding-bottom:10px;
}
table .sparkline {
	overflow-x: auto;
}
.pieChartContainer{
	min-height: 100%;
	padding: 10px 5px 5px;
}
.columnChartContainer{
	margin: 3px;
	margin-top: 25px;
	margin-right: 6px
}
.columnDrilldownCharts{
	min-width: 200px;
	height: 300px;
}
#unitCharts{
	font-weight: 600;
	margin-left: 10px;
	min-height: 20px;
}
.unitCharts{
	font-weight: 600;
	margin-left: 10px;
}
.boldFont{
	font-weight: 600;
}
#wid-tUE-id-0{
	margin-bottom: 10px;
	margin-right: 20px;
	margin-left: 20px;
}

.button-tUE{
	margin-top: 10px;
	margin-left: 15px;
	margin-bottom: 30px;
}
.buttonChart{
	margin-top: 10px;
	margin-left: 15px;
}

#tableMachineShow{
	width: 100%;
}
#pieChartMU{
	padding: 0px;
	border-style: none !important;
}

#dialogCalendar{
	padding-left:0px !important;
}
.change-foto {
	margin: auto;
	margin-top: -20px;
	/*position: absolute;*/
	bottom: 0px;
	color: white;
	background-color: #6c6b6b;
	opacity: 0.8;
	text-align: center;
	height: 20px;
	cursor: pointer;
	font-weight: 600;
}
.input-transparent {
	margin-top: 2px;
	border: 0 none white;
	overflow: hidden;
	padding: 0;
	outline: none;
	width: 90%;
	background-color: transparent;
	resize: none;
}

.modalDialogFilter{
	  margin-top:20px;
	  max-width:900px;
}
.modalDialogFilterSmall{
	margin-top:20px;
	max-width:550px;
}
.modalDialogFilterSmall .modal-body{
	overflow-y: unset !important;
}

.modalDialogComparisonFilter{
	margin-top:20px;
	max-width:432px;
}
.containerComparisonMachine{
	width:230px; 
	border-style: solid; 
	border-width: 1px; 
	border-color: grey; 
	min-height: 39px !important;
	
	margin: 2px; 
	padding-right: 0px !important;
	padding-left: 0px !important;
}
.containerEmployeeMail{
	min-width:270px; 
	border-style: solid; 
	border-width: 1px; 
	border-color: #BDBDBD; 
	margin: 2px; 
	padding-right: 0px !important;
	padding-left: 0px !important;
	display: inline-block;
	background-color: white;
	text-align: left;
}
.containerComparisonLocation {
	border-style: solid;
	border-width: 1px;
	border-color: grey;
	margin: 2px;
	padding-right: 0px !important;
	padding-left: 0px !important;
}
.comparisonImg{
	width:48px; 
	height:34px; 
	float:left; 
	margin: 2px 6px 2px 6px;
}
.comparisonImgRemove, .comparisonImgFirstRemove, .mailImgRemove{
	float: right; 
	display: inline;
	cursor: pointer;
	height: 12px;
}
.rowComparisonMachine, .rowComparisonLocalization{
	display: inline-block;
	border: 1px solid #ddd;
}
.containerComparisonMachine .fuelMachine{
	float: right;
	border: 1px solid #ccc;
	margin-top: -17px;
	font-size: 8px;
	padding: 1px;
	margin-right: 2px;
}

.modal-sm{
	width: 300px !important;
}


.modal-wide .modal-body {
	overflow-y: auto; /*zmiana auto !important*/
}

.modal-body-overflow {
	overflow-y: unset !important;
}

.col-lower {
	width: 20% !important;
}

.noPaddingRight{
	padding-right: 0px !important;
}
.smallerMargin2 {
	margin-right: -8px !important;
	margin-left: -8px !important;
}
.smallerPadding2 {
	padding-right: 8px !important;
	padding-left: 8px !important;
}
.kindObservationCol {
	width: 180px;
}
.limitPositionCol {
	width: 110px;
}
.rowHeader {
	padding: 0px 25px;
}
.rowHeaderSmartForm{
	padding-left: 10px;
	padding-right: 10px;
}
.dropdown-menu > li > a {
	cursor: pointer;
}
.btnModalServDoc{
	padding-left: 20px; 
	padding-bottom: 10px; 
	margin-top:20px;
}
.btnFilter{
	height: 25px;
	padding: 0px 10px;
}
.colMonth{
	width: 115px;
}
.colYear{
	width: 115px;
}

.colDate{
	width: 150px;
}

.colDateOptymalization{
	width: 145px;
}

.colFullDate{
	width: 135px;
}
.colMachine{
	width: 140px;
}
.colFilter{
	width: 140px;
}
.colFilterGreater{
	width: 200px;
}
.colNameFilter{
	width: 200px;
}
.colDate{
	width: 133px;
}
.colYear{
	width: 100px;
}
.colClock{
	width: 120px;
}
.colDelete{
	width: 20px;
}
.colSearch{
	width: 200px;
}
.colNumberRCA{
	width: 30px;
}
.colStatus{
	width: 120px;
}
.colLocation{
	width: 170px;
}
.colPrice{
	width: 100px;
}
.colFromLast{
	width: 90px;
}
.colFromLastMonths{
	width: 100px;
}
.colRecently{
	width: 110px;
}
.colDataSet{
	width: 170px;
}
.colNameInFilter{
	width:444px;
}
.colCurrency{
	width:80px;
}
.colFinancing{
	width:160px;
}

.colLastname{
	width:200px;
}
.colLpFinancing{
	width: 50px;
	padding-top: 3px;
}
.colLp{
	width: 50px;
}
.colLastTest{
	width: 107px;
}
.col300{
	width: 300px
}
.divNewTest{
	padding: 10px; 
	border: 1px solid #7a7a7a; 
	text-align: right; 
	display: none;
}
#save_machine_form .repairDateDiv{
	padding-top: 5px;
	margin-bottom: 10px; 
	/* display: none; */
}
#save_machine_form .damageDateInput{
	padding-top: 5px; 
	margin-bottom: 10px
}
#save_machine_form .damageDescribeInput{
	padding-left: 15px; 
	padding-top: 5px; 
	margin-bottom: 9px;
}
#save_machine_form .delDamageRow{
	position: relative; 
	float:right; 
	margin-bottom: -19px; 
	left:4px; 
	display:none;
}
#save_machine_form .damageDescribe{
	padding-left: 30px;
}
#save_machine_form .damageDate{
	padding-left: 11px;
}
#save_machine_form .repairDate{
	/*display: none*/; 
	padding-left: 11px;
}
#save_machine_form #noneDamage{
	display: none; 
	margin-bottom: 10px;
}
#save_machine_form #doNotEdit{
	margin-left: 15px;
}
#save_machine_form .damageDate{
	padding-left: 11px;
}
#serviceDocumentsModalCostForm .oneSet{
	margin-bottom: 15px;
}
#serviceDocumentsModalCostForm .delPartDoc img{
	width: 10px;
}
#serviceDocumentsModalCostForm .clearParts{
	width: 12px;
}
#serviceDocumentsModalCostForm .clearParts img{
	width: 10px;
}
#serviceDocumentsModalCostForm .nettoSum{
	background-color: lightgoldenrodyellow;
}
#serviceDocumentsModalCostForm .sectionUnit, .sectionNumber{
 	width: 70px;
 	padding-right: 0 !important;
 }
#serviceDocumentsModalCostForm .sectionCostUnit{
 	width: 100px;
 	padding-right: 0 !important;
 }
#serviceDocumentsModalCostForm .sectionPartName{
 	width: calc(100% - 240px);
 }
#serviceDocumentsModalCostForm .divClearParts{
 	position: absolute;
 	right:0px;
 	top:0px;
}
#serviceDocumentsModalCostForm .divClearParts2{
	position: absolute;
	right:0px;
	bottom:5px;
}
.divDelPartDoc{
	position: absolute;
	right:-5px;
}
#serviceDocumentsModalCostForm .divChangeTypeDoc{
	margin-top: 19px;
}
#serviceDocumentsModalCostForm .divChangeTypeDoc label.radio{
	display: inline-block;
	font-size: 11px;
	margin-bottom: 0px; 
}
#serviceDocumentsModalCostForm .col-action{
	width: 31.7%;
}
#serviceDocumentsModalCostForm .col-parts{
	width: 51.6%;
}
#machinePicture{
	max-width: 220px;
	max-height: 100%;
}
#PriceForm .delFinancingRow{
	position: relative; 
	float:right; 
	margin-bottom: -19px; 
	left:-4px; 
	display:none;
}
.delDataStyle{
	position: absolute; 
	right:-13px;
	z-index: 9999;
	cursor: pointer;
}
.delDataStyle img{
	width: 10px;
}
.colSmallFilter{
	width: 33%;
}
.typeMachineDiv{
	border: solid 1px #BDBDBD;	
	padding: 2px 10px;
	cursor: pointer;
	color: #333;
	height: 18px;
	background-color: white;
}

#typeMachineData{
	color: #333;
	min-width: 250px;
	border: solid 1px #BDBDBD;
	background-color: #fff;
	padding: 10px;
	position:absolute; 
	z-index: 2; 
	display: none;
	max-height: 210px;
	overflow-y: auto;
	max-width: 450px;	
	overflow-x: hidden;
}
.typeMachineData{
	display: none;
}

.localizationDivPage{
	border: solid 1px #BDBDBD;	
	margin-right: 0px;
	padding: 2px 10px;
	cursor: pointer;
	color: #333;
	height: 18px;
}
.selectDivPage{
	border: solid 1px #BDBDBD;	
	margin-right: 0px;
	padding: 2px 10px;
	cursor: pointer;
	height: 18px;
	background-color: white !important;
	color: #333;
}
.has-error .localizationDiv, .has-error textarea, .has-error select, .has-error .localizationData2, .has-error .typeMachineDiv {
	border-color: #b94a48 !important;
}
.has-error input.input-transparent{
	border: 1px solid #b94a48 !important;
}
div.form-group.has-error .checkbox i {
	border-color: #b94a48 !important;
}
.invalidField{
	border-color: #b94a48 !important;
}
ul.treeLocalization, ul.treeTypesMachines, ul.localizationOpen {
	list-style-type:none;
	padding-left:2px;
}
ul.treeLocalization ul, ul.localizationOpen ul {
	list-style-type:none;
	padding-left:16px;
}
ul img.positionArrow {
	vertical-align: baseline;
}
ul div.divFold {
	display:inline;
}
ul.treeTypesMachines ul {
	list-style-type:none;
	padding-left:15px !important;
}
.localizationDiv{
	white-space: nowrap;
	overflow: hidden;
	border: solid 1px #BDBDBD;	
	margin-right: 0px;
	padding: 1.9px 10px;
	cursor: pointer;
	color: #333;
	height: 18px;
	background-color: white;
}
.unactiveDiv{
	background-color: #ECECEC !important;
	cursor: default !important;
}
.unactiveLocalization{
	cursor: default !important;
}		
.unactiveEvents{
	background-color: #ECECEC !important;
}	
div.unactiveDiv button.dropdown-toggle{
	background-color: #ECECEC !important;
	cursor: default;
}
div.unactiveDiv button.dropdown-toggle span.bs-caret{
	display: none;;
	}
.clearMachineNameDiv{
	position: absolute;
	right: 1px;
	top: -2px;
	display: none;
}
.clearValueInputDiv{
	position: absolute;
	right: 1px;
	top: -2px;
	display: none;
}
.dataEvent{
	border: solid 1px #BDBDBD;	
	margin-right: 0px;
	padding: 2px 10px;
	cursor: pointer;
	color: #999;
}
#localizationData,#helpTree, #localizationEmployeeData, #localizationBrigadeData, .localizationLastChild{
	color: #333;
	border: solid 1px #BDBDBD;
	background-color: #fff;
	padding: 10px;
	position:absolute; 
	z-index: 10; 
	display: none;
	max-height: 340px;
	overflow-y: auto;
	max-width: 414px;
	min-width: 280px;
}
#selectDataMachine,#selectDataEmployee{
	color: #666;;
	border: solid 1px #BDBDBD;
	background-color: #fff;
	/*padding: 10px;*/
	cursor: pointer;
	position:absolute; 
	z-index: 10; 
	display: none;
	max-height: 200px;
	overflow-y: auto;
	max-width: 414px;
	width: 250px;
	padding:0px;
	border-top:0px;
	margin-top: -1px;
}

.localizationData2{
	color: #333;
	border: solid 1px #BDBDBD;
	background-color: #fff;
	padding: 10px;
	position:absolute; 
	z-index: 10; 
	display: none;
	max-height: 340px;
	overflow-y: auto;
	max-width: 422px;
	width: 400px;

}
.selectData{
	color: #333;
	border: solid 1px #BDBDBD;
	background-color: #fff;
	padding: 10px;
	cursor: pointer;
	position:absolute; 
	z-index: 10; 
	display: none;
	max-height: 200px;
	overflow-y: auto;
	max-width: 414px;
	width: 312px;
}
.localizationData, .localizationEmployeeData {
	color: #333;
	border: solid 1px #BDBDBD;
	background-color: #fff;
	padding: 10px;
	position:absolute; 
	z-index: 10; 
	display: none;
	max-height: 200px;
	overflow-y: auto;
	max-width: 414px;
	min-width: 280px;
}
.divFold, .treeView {
	cursor: pointer;
}
.typeMachineDiv:hover, .localizationDivPage:hover, .localizationDiv:hover, .selectDivPage:hover{
	border-color: #5D98CC;
}
#newRefreshRCA{
	padding-bottom: 20px;
	margin-left: 25px;
}
#wfReportCardAudit{
	margin: 0px 0px -13px;
	padding-right: 5px;
}
.reportCardAuditContainer p {
	margin: 0px;
}
.borderInput {
	border: 1px solid rgb(189, 189, 189);
	border-radius: 0px;
	padding: 3px 10px 0px 10px;
	min-height: 19px;
}
.dateWidth{
	width:140px;
}
.setCursor{
	cursor:pointer !important;
}
.setBold{
	font-weight: 600 !important;
}
.setBold input:disabled{
	/*font-weight: 600;*/
}
.setItalic{
	font-style: italic;
}

#addUserRCA, #addNewDescription{
	border: 1px solid #BDBDBD;
	display:none;
	position: absolute;
	background: #fff;
	top:24px;
	z-index: 2;
}
.overview{
	display:none;
}
.overviewDate{
	width: 100px !important;
}
.delPartDoc{
	width: 12px;
	cursor:pointer;
}
.delDataImageStyle img{
	cursor:pointer;
	width: 12px;
}
#helpRCA {
	position: absolute;
	right: 30px;
	top: 10px;
}
.paging_simple_numbers ul{
	margin-top: 5px;
}
.imgDeleteRCA{
	position: relative;
	top: 5px;
}
.paddingLeft20{
	padding-left: 50px

}
.width100{
	width: 100%;
}
.minWidth300{
	min-width: 300px;
}
.col-lg-MS{
	width: 500px;
}
#auditHours{
	font-style: italic;
}
.font13{
	font-size: 13px !important;
}
.autocompliteDamage{
	float:left;
	font-weight:700;
	padding:4px 8px;
	height: 100%;
}
.imgDamage{
	margin-right: 5px;
}
.rightToIMG{
	float:right;
	margin-right: -5px;
}
.colMachineProfile{
	padding-left: 8px !important;
	padding-right: 0px !important;
}
#machinePictureBox{
	text-align: center;;
	padding: 0px 22px 0px 0px;
}
.fieldsetMachineProfile{
	padding: 15px 14px 5px !important;
}
.transparentInputMP{
	background-color: transparent !important;
}
#energyConsumptionHourContainer{
	cursor: pointer;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 2;
}
#employeesListFilterForm label.radio{
	font-size: 12px;
}
.inputBold{
	font-weight: 600 !important;
}
.removeNameFilter, .removeConfiguration, .removeSimulationFilter, .removeRowTable{
	width: 9px;
	height: 9px;
	float: right;
	margin-top: -2px;
	margin-right: -20px;
	padding: 4px 1px 10px 2px;
	cursor: pointer;
}
.removeChronometerSection{
	width: 10px;
	height: 10px;
	margin-top: -13px;
}
.removeNameFilterModal{
	position: absolute;
	right: 20px;
	cursor: pointer;
}
.buttonsFilter{
	padding-left: 18px;
}
.filtersPages{
	margin-bottom: 30px;
	padding: 1px;
}
.filtersPages > div:first-child, .filtersPages > form:first-child{
	background-color: whitesmoke;
	margin-bottom: 5px;
}


.filtersPagesMargin{
	margin-bottom: 15px;
}
.tableWork{
	width: 145px; 
	margin:auto;
	margin-bottom: 10px;
}
.tableWork > tbody > tr:nth-child(2n+1) {
	background-color: #f9f9f9;
}
.tableWork{
	width: 160px;
}
.dataSet{
	width: 150px;
	margin-bottom: 0px;
	margin-left: 20px;
}
.dataSet label{
	color: #000;
	font-weight: 400;
	font-size: 11px;
}
.dataSet .select{
	width: 150px;
}
.select select option:disabled {
    color: #aaa;
   	cursor: no-drop;
}
.selectUnit{
	width: 100px;
	position: relative;
	float: right;
	right:20px;
}
.selectUnit label{
	color: #000;
	font-weight: 400;
	font-size: 11px;
}
.selectUnit .select{
	width: 150px;
}
.selectUnit .bootstrap-select button{
	border-radius: 2px;
	box-shadow: inset 0 -2px 0 rgba(0,0,0,.05);
	-moz-box-shadow: inset 0 -2px 0 rgba(0,0,0,.05);
	-webkit-box-shadow: inset 0 -2px 0 rgba(0,0,0,.05);
}
.selectUnit .bootstrap-select button:hover, .selectUnit .bootstrap-select button:active, .selectUnit .bootstrap-select button:focus{
	color: #333;
	background-color: #e6e6e6;
	border-color: #adadad;
}
.bootstrap-select > .dropdown-toggle{
	height: 24px;
}
.textBootstrapSelect{
	display: inline-block;
	margin-right: 18px;
}
.positionArrow{
	height: 11px;
	width: 11px;
	padding-bottom: 1px;
	padding-right: 5px;
}
.removeLocalization{
	width: 13px;
	float: right;
	cursor: pointer;
}
.selectAllStyle{
	width: 13px;
	float: right;
	margin-right: 9px;
	cursor: pointer;
}
.treeView{
	margin-right: 3px !important;
}
#infoAudit{
	position: absolute;
	right: 20px;
	margin-top: -15px;
	cursor: pointer;
	display: none;
}
#infoMachine{
	position: relative;
	float: right;
	bottom: 40px;
	right: 35px;
	margin-bottom: -16px;
}
.noDataComparison{
	background-color: rgba(255, 0, 0, 0.62);
}
.tooltip > .tooltip-inner {
	color: #333; 
	padding: 10px;
	background: transparent linear-gradient(rgb(255, 255, 255), rgb(224, 224, 224)) repeat scroll 77% 0%;
	border-radius: 3px;
	box-shadow: 2px 2px 5px rgb(136, 136, 136);
	z-index: 9999999;
}
.tooltip.left > .tooltip-arrow {
    border-left-color: #F3F3F3;
}
.tooltip.right > .tooltip-arrow {
    border-right-color: #F3F3F3;
}
.tooltip.top > .tooltip-arrow {
    border-top-color: rgb(224, 224, 224);
}
.tooltip.bottom > .tooltip-arrow {
    border-bottom-color: #fff;
}
.tooltip.in{
	opacity: 1 !important;
}
.tooltip-inner a{
	color: black;
	font-weight: 400;
}
.tooltip-width .tooltip > .tooltip-inner {
     max-width: 300px;
}
tr + .tooltip > .tooltip-inner{
	color: #333;
	background: transparent linear-gradient(rgb(255, 255, 255), rgb(224, 224, 224)) repeat scroll 77% 0%;
	border-radius: 3px;
	box-shadow: 2px 2px 5px rgb(136, 136, 136);
}
.bootstrap-select > .btn-default.active, .bootstrap-select > .btn-default.focus, .bootstrap-select > .btn-default:active, .bootstrap-select > .btn-default:focus, .bootstrap-select > .btn-default:hover {
	color: #333;
	background-color: #fff;
	border-color: #5D98CC;
}
.bootstrap-select > .btn {
	box-shadow: none;
}
.firstChildSelect{
	background-color: #fff !important;
}
.whiteSelectHover{
	background-color: #fff !important;
	color: #333 !important;
}
#datatable_tabletools20{
	margin-bottom: 0px !important;
}
.rowRepeated{
	background-color: #fefde9 !important;
}
.scroll{
	cursor: pointer;
}
.monthRow{
	background-color: #fefef4 !important;
	border-top: 1px solid #b1b1b1 !important;
	border-bottom: 1px solid #b1b1b1 !important;
}
.monthRow td{
	border-top: 0px !important;
}
.auditRow{
	background-color: #fefde9 !important;
	border-top: 1px solid #b1b1b1 !important;
	border-bottom: 1px solid #b1b1b1 !important;
	border-right: 1px solid white !important;
}
.auditRow td{
	border-top: 0px !important;
}
.parentsRow td{
	border-bottom: 1px solid #b1b1b1 !important;
}
tr.trBold {
	font-weight: 600;
}
tr.datatablesDetailsRow {
	border: 1px solid #fff !important;
	background-color: #fff;

}
tr.datatablesDetailsRow table {
	margin-bottom: 7px;
}
tr.detailsMonth {
	cursor: pointer;
}
.transparentRow tr, .transparentRow td{
	border: none !important;
	padding: 0px !important;
	height: 5px;
}
.transparentRow{
	border: none !important;
	background-color: white !important;
	border-left: 1px solid white !important;
	border-right: 1px solid white !important;
}
.transparentRow2{
	background-color: white !important;
	border-left: 1px solid white !important;
	border-right: 1px solid white !important;
	padding: 4px !important;
}
.transparentRow3{
	background-color: white !important;
	border-left: 1px solid white !important;
	border-right: 1px solid white !important;
}
.tdRow3{
	padding-bottom: 4px !important;
	padding-top: 0px !important;
	padding-left: 3px !important;
	padding-right: 3px !important;
}
.hideBottomBorder{
	border-bottom: 1px solid white !important;
}
.transparentColumn{
	background-color: white !important;
	border-top: 1px solid white !important;
	border-bottom: 1px solid white !important;
	padding: 3px !important;
}
.transparentLeftTopTh{
	background-color: white !important;
	border-left: 1px solid white !important;
	border-top: 1px solid white !important;
	border-right: 1px solid white !important;
}
.leftTransparentTd{
	background-color: white !important;
	border-left: 1px solid white !important;
	border-bottom: 1px solid white !important;
	padding: 0px !important;
	width: 3px;
}
.openedDate td{
	border-bottom-width: 1px !important;
}

.rightTransparentTd{
	background-color: white !important;
	border-right: 1px solid white !important;
	border-bottom: 1px solid white !important;
	padding: 0px !important;
	width: 3px;
}
.leftTransparentTdDays{
	background-color: white !important;
	border-left: 1px solid white !important;
	border-right: 1px solid white !important;
	border-bottom: 1px solid white !important;
	padding: 0px !important;
	width: 3px;
}

/*bloczki ze zdjeciem i danymi maszyny lub pracownika*/
.containerWithImage{
	border:1px solid #BDBDBD;
	width:240px;
	display: inline-block;
	margin-right: 5px;
	background-color: white;
	min-height: 22px;
}
.containerWithImage div.image{
	width:40px;
	height:34px;
	float:left;
	margin:2px;
	text-align: center;
}
.containerWithImage div.image .imgStyle{
	max-width:40px;max-height:34px;
}
.containerWithImage span.dmain p{
	display: inline-block;
	padding-right: 5px;
	margin-bottom: 0px;
}
.containerWithImage span.dmain p.d3{
	font-size: 10px;
	display: block;
}
.containerWithImage .divDelData{
	float: right;
}
.containerWithImage .divDelData img.delDataStyle3{
	width: 10px;
	height: 10px;
	margin-top: -7px;
	cursor: pointer;
}

.arrow_box {
	position: relative;
	background: #b1b1b1;
	bottom: -5px;
}
.arrow_box:after {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(221, 221, 221, 0);
	border-bottom-color: #b1b1b1;
	border-width: 4px;
	margin-left: -4px;
}
.toggleLegend, .toggleMachines, .toggleLineCharts, .toggleLocalization, .toggleLegendMain{
	padding: 1px 8px;
	border: 1px solid #adadad;
	border-radius: 3px;
	box-shadow: inset 0 -2px 0 rgba(0,0,0,.05);
	z-index: 2;
	cursor: pointer;
}
.toggleLegendMain{
	margin-left: 18px;
	display: inherit;
}
.toggleMachines{
	margin-top: 5px;
	margin-bottom: 5px;
}
.toggleMachines:focus, .toggleLegend:focus, .toggleLineCharts:focus, .toggleLegendMain:focus{
	background-color: white;
}
.toggleLineCharts{
	margin-left: 18px;
	margin-bottom: 10px;
}
.legendChart{
	position: relative;
	left: 11px;
	width: 130px;
	margin-bottom: -24px;
	top: 250px;
	z-index: 2;
}
.frame{
	border: solid 1px #A9A9A9;	
	min-width:100px;
	max-width: 200px;
	min-height: 22px; /*height: 20px*/ 
	padding-left: 5px;
	margin-bottom: 20px;
	margin-top: -5px;
	font-size: 13px;
	padding-top: 0.8px;
	word-break: break-word;
}
.frameCooperation{
	border: solid 1px #A9A9A9;	
	min-width:100px;
	max-width: 200px;
	padding-left: 5px;
	margin-bottom: 0;
	margin-top: -5px;
	font-size: 13px;
	padding-top: 0.8px;
}
.dateRangeSelect{

	max-width: 200px;
}
.dataEmployeeTop{
	vertical-align: top !important;
}
#tableDataMachine, #tableDataCooperation
{
	table-layout: fixed;
	width: 100%;
	margin-top: 7px;
}
#tableDataMachine td,  #tableDataCooperation td{
	padding: 8px;
	padding-bottom: 0px;
	padding-top: 0px;
	vertical-align: bottom;
}
.fuelGaugeContainer {
	width: 100%
}
.fuelGauge {
	width: calc(10% - 5px);
	height: 11px;
	display: inline-block;
	margin: 2px;
	border-radius: 3px;
	background-color: #FEFEFE;
	box-shadow: #efefef 0 0 0 0, inset #777 0 -1px 6px, #999 0 1px 5px;
}
.fuelGaugeContainer.empty .fuelGauge {
	background-color: #F00;
	box-shadow: rgba(0, 0, 0, 0.2) 0 0 0 0, inset #711f1f 0 -1px 6px, rgba(255, 0, 0, 0.5) 0 2px 12px;
	-webkit-animation: blinkRed 0.5s infinite;
	-moz-animation: blinkRed 0.5s infinite;
	-ms-animation: blinkRed 0.5s infinite;
	-o-animation: blinkRed 0.5s infinite;
	animation: blinkRed 0.5s infinite;
}
.fuelGauge.full.warning {
    background-color: #F00 !important;
    box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #711f1f 0 -1px 6px, rgba(255, 0, 0, 0.5) 0 2px 12px;
	-webkit-animation: blinkRed 0.5s infinite;
	-moz-animation: blinkRed 0.5s infinite;
	-ms-animation: blinkRed 0.5s infinite;
	-o-animation: blinkRed 0.5s infinite;
	animation: blinkRed 0.5s infinite;
}
.fuelGauge.full {
	background-color: #4E75EA;
	box-shadow: #496cd5 0 0 0 0, inset #333 0 -1px 5px, #aaa 0 2px 12px;
}

#tableDataMachine .costStatement {
	display: none
}

#stateMachineContainer {
	width: 100%;
	min-height: 40px;
	border: 1px solid #aaa;
	display: inline-table;
}
#stateMachineContainer .stateMachineBox:nth-child(2) {
	border-left: 1px solid #aaa; 
	border-right: 1px solid #aaa;
}
.stateMachineBox {
	width: 32%;
	text-align: center;
	vertical-align: middle;
	height: 30px !important;
	display: table-cell;
	font-size: 10px;
	padding: 0 4px;
}
.stateMachineBox.active {
	font-weight: 600;
	color: white;
}
.stateMachineBox.stateMachineWork.active, .stateMachineBox.stateOperatorOnMat.active {
	background-color: #27408B;
}
.stateMachineBox.stateMachineStop.active {
	background-color: #B72717;
}
.stateMachineBox.stateMachineStop.active.noPower {
	background-color: #CDC5BF;
}
.stateMachineBox.stateOperatorLogin.active {
	background-color: #6386F0;
}
.stateMachineBox.stateMachineService.active, .stateMachineBox.stateOperatorLogout.active {
	background-color: #CDC5BF;
}
.stateMachineBox.stateMachineCharging.active {
	background-color: #4CA462;
}


#frameLegend{
	position: relative;
	width: 230px;
	height: 57px;
	border: 1px solid rgb(51, 51, 51);
	bottom: 102px;
	left: 100px;
}
.lineTrendText{
	font-size: 11px;
	cursor: pointer;
	color: rgb(204, 204, 204);
	position: absolute;
	left: 7px;
	top: 30px;
}
.lineTrendText2{
	font-size: 11px;
	cursor: pointer;
	color: rgb(204, 204, 204);
	margin-left: 20px;
}

#imgLegend{
	width: 16px;
	opacity: 0.35;
	margin-right: 5px;
}
.opacityImgLegend{
	opacity: 1 !important;
}
.activeLegend{
	color: #333;
}
.scopeData, .employeeBlocks {
	padding: 3px 12px;
	border: 1px solid #BDBDBD;
	margin: 0px 18px 10px;
	display: inline-block;
}
.nameSeriesContainer{
	display: inline-block;
	padding: 2px 6px;
}
.blockLegend{
	display: inline-block;
	margin-right: 10px;
	cursor: pointer;
	opacity: 0.35;
}
.blockLegend:hover{
	font-weight: 600;
	opacity: 1;
}
.blockLegend.active:hover p{
	text-decoration: underline !important;
}
.blockLegend p {
	margin: 0px;
}
.colorBlockLegend{
	display: inline-block;
	height: 9px;
	width: 11px;
	margin-right: -3px;
}
.scopeData > .active{
	opacity: 1;
	font-weight: 600;
}
.hidden{
	display: none;
}
.nextPrevIcon{
	width:40px;
	cursor: pointer;
}
div.divArrowPrevNext{
	width:40px;
	display: inline-block;
}
.selectDateDamages{
	display: inline-block;
	width: 150px;
}
.buttonShowHide{
	margin-top: -8px;
}
.myonoffswitch{
	position: relative; 
	float: none; 
	margin-top:13px; 
	width: 25px;
}
.mySwitchInner:before
{
	content: "";
	background-color: #2f44b4;
	padding-left: 10px;
	height: 10px;
	line-height: 10px;
}
.mySwitchInner:after 
{
	content: "";
	padding-right: 10px;
	background-color: #EEEEEE; color: #999999;
	text-align: right;
	height: 10px;
	line-height: 10px;
}
.mySwitchInnerSpan
{
	height: 10px;
	width: 10px;
	right: 13px;
}
.fuelPriceDiv{
	margin: 0px 7px 5px;
}
.financingCostRow{
	padding-top: 5px;
	padding-bottom: 5px;
}
.addFinancingCost{
	margin-left: 3px;
	margin-top: 5px;
	margin-bottom: 15px;
}
.machinesToComparison, .localizationToComparison{
	margin: 0px 8px;
	margin-top:-25px;
}
.companyToComparison, .branchToComparison{
	margin: -25px 10px 10px 10px;
}
#searchMachine::-webkit-input-placeholder { 
    color:    "#333";
}
#searchMachine::-moz-placeholder { 
   color:    "#333";
   opacity:  1;
}
#searchMachine::-ms-input-placeholder { 
   color:    "#333";
}
.leader::-webkit-input-placeholder { 
    color:    "#333";
}
.leader::-moz-placeholder { 
   color:    "#333";
   opacity:  1;
}
.leader::-ms-input-placeholder { 
   color:    "#333";
}
#damageFilter::-webkit-input-placeholder { 
    color:    "#333";
}
#damageFilter::-moz-placeholder { 
   color:    "#333";
   opacity:  1;
}
#damageFilter::-ms-input-placeholder { 
   color:    "#333";
}
#providerParts::-webkit-input-placeholder { 
    color:    "#333";
}
#providerParts::-moz-placeholder { 
   color:    "#333";
   opacity:  1;
}
#providerParts::-ms-input-placeholder { 
   color:    "#333";
}
#partName::-webkit-input-placeholder { 
    color:    "#333";
}
#partName::-moz-placeholder { 
   color:    "#333";
   opacity:  1;
}
#partName::-ms-input-placeholder { 
   color:    "#333";
}
#documentPartName::-webkit-input-placeholder { 
    color:    "#333";
}
#documentPartName::-moz-placeholder { 
   color:    "#333";
   opacity:  1;
}
#documentPartName::-ms-input-placeholder { 
   color:    "#333";
}

.noData{
	font-size: 20px;
	margin: 50px;
	text-align: center;
}
.widget-body-margin{
	margin: -7px;
}
.widget-body-no-tabs {
	border-top: 1px solid #CCC
}
/*Filtry*******************************/
.optionButton{
	color: #333;
	font-size: 9px;
}
.optionsButtons{
	position: relative;
	top: -12px;
	margin-bottom: -17px;
	display: none; /**********ukrycie przycisku tak/nie*/	
}
.paddingLeftRight0{
	 padding-left: 0px !important;
	 padding-right: 0px !important;
}

.paddingLeftRight6{
	 padding-left: 6px !important;
	 padding-right: 6px !important;
}
.rowPadding{
	padding-left: 3px;
	padding-right: 3px
}
.onoffswitch-labelFilter {
	height: 11px;
	width: 30px;
}

.onoffswitch-switchFilter {
	width: 11px;
	height: 11px;
	right: 30px;
}
.onoffswitch-checkbox:checked + .onoffswitch-labelFilter .onoffswitch-switchFilter {
	right: 4px;
}
.headingFilter{
	color: #333;
	font-size: 12px;
}
.hrFilter{
	background-color: rgb(197, 197, 197);
	height: 2px;
	border-top: 0px !important;
	margin-bottom: : -10px !important;
}
.hrFilterThin{
	background-color: rgb(197, 197, 197);
	height: 1px;
	margin-bottom: 10px;
}

.hrFilterThin2{
	height: 1px;
	margin-bottom: 10px;
}
.onoffswitchFilter{
	bottom:0px;
	top: 0px;
	left: 40%;
}
.iPermissionsCheckbox{
	left: 5px !important;
	top: 2px !important;
	width: 13px !important;
	height: 13px !important;
}
#permissionForm .selectRow {
	float: right;
	cursor: pointer;
	display: none;
}
#permissionForm .selectRow img {
	width: 11px;
}
#permissionForm .locationNamePermission {
	margin-right: 15px;
	white-space: normal;

}
#permissionForm .selectCol {
	cursor: pointer;
}

.selectEmployeeProgress button{
	display: none;
}
.odd.financingMode{
	background-color: rgb(230, 249, 250) !important;
}
.even.financingMode{
	background-color: rgb(220, 239, 246) !important;
}


.odd.tableMode, .odd.toPrinting{
	background-color: rgb(230, 249, 250) !important;
}
.even.tableMode, .even.toPrinting{
	background-color: rgb(220, 239, 246) !important;
}
.tableMode.tableModeAdd, .toPrinting.tableModeAdd{
	background-color: rgb(182, 195, 230) !important;
}

.activeEvent{
	width: 60px;
}
.activePerson{
	width: 80px;
}
#btnSort{
	margin-left: 25px;
	margin-top: 25px;
}
/*Produktywność*************************************************************************************************************/
.sectionCycleActions{
	margin-top: 25px;
	max-width: 620px;
}
.textare-transparent {
	
	border: 0px none white !important;
	background-color: transparent !important;
}
.has-error .textare-transparent {
	border: 1px solid #b94a48 !important;
}
.nameAction{
	cursor: default;
}
.sortableDiv{
	width: 100%;
}
.sortableDiv tbody td{
	padding-bottom: 10px !important;
}
.sortableDiv section{
	margin-bottom: 0px !important;
}
.tableBordered tbody td{
	border-left-width: 1px !important;
	border-bottom-width: 1px !important;
}
.tableBordered > tbody > tr:nth-child(2n) {
    background-color: #f5f5f5 !important;
}
.addChronometerBtnDiv{
	height: 25px;
}
.colBtnEdit{
	margin-top: 19px;
	float: right !important;
}
.stackedColumn{
	width: 70px; 
	display: inline-block;
	padding: 0px 10px 10px 0px;
}
.tableForStackedColumn{
	float: none;
	display: inline-block;
	padding: 0px;
	width: 85%;
}
.tableOverflow{
	max-height:250px;
	overflow-y:auto;
}
.positionProjetcButtons{
	padding-left: 8px;
	padding-right: 8px;
}
.rowProductivity{
	margin-left: -8px !important;
	margin-right: -8px !important;
	margin-top: 5px;
}
.warningClassStandards, .warningClassStandards a {
    font-weight: 600;
    color: red !important;
}
.colPosition{
	width: 150px;
}
.colSimulator{
	width: 145px;
}
.colSimulatorEmpl{
	width:200px;
}
.colPositionShow{
	width: 250px;
}
.colTest{
	width: 150px;
}
.colTestPosition{
	width: 150px;
}
.colTestComparison{
	width: 177px;
}
.colTestComparisonEmpl{
	width: 266px;
}
.buttonProductivity{
margin-bottom: 20px;
}
#addPosition{
	margin: 30px 30px 10px;
}
.marginBody{
	margin-left: 15px;
	margin-right: 15px;
}
.titleTable{
	font-weight: 600;
	margin-bottom: 10px;
}
.titleTable1{
	margin-bottom: 10px;
}
.documentCost
{
	padding-left: 0px !important;
	padding-right: 0px !important;
}
.documentCostLeft
{
	padding-right: 0px !important;
}
.documentCostRight
{
	padding-left: 0px !important;
}
.buttonCourseStudy{
	width: 100px;
	position: relative;
	bottom: 23px;
	left: 145px;
}
.titleCourseStudy{
	font-weight: 600;
	width: 200px;
	margin-left: 15px;
}
.seriesCourseStudy{
	margin-left: 4px;
}
.titleSeries{
	font-weight: 600;
	padding-left: 15px;
}
.colComparison{
	min-width: 560px; /*zmiana width:560px*/
	border-right: 2px solid #dedede;
	margin: 0px; /*dodanes*/
	/*margin: 0px 15px; zmiana*/
	float:left;
	/*margin-right: 0px; zmiana*/
	/*padding-right: 15px; zmiana*/

}
.removeColComparison{
	float: right;
	margin-right: 5px;
	cursor: pointer;
	z-index: 1000;
	position: relative;
}
.smart-formColComparison{
	margin-left: -5px;
}
.containerColComparison{
	display: flex; 
	overflow-x: auto;
}
.noPadding{
	padding: 0px;
}
.addMeasurementDiv{
	margin-top: 10px;
	margin-bottom: 20px; 
}
.addSurveyDiv, .addChronometerDiv{
	margin: 15px 10px;
}
.myBlue{
	/*background-color: #e6f3ff !important; zmiana koloru*/
	background-color: #3276b1 !important;
	color: #fff !important;
	/*border-color: #1f496d !important;*/
}
#modalMachineSave .miniCardMachine{
	margin: 5px 10px 40px;
	border: 1px solid #dcdcdc;
	padding: 0 16px;
}
#modalMachineSave .miniCardMachine:empty{
	display: none;
}
#modalMachineSave .labelRow{
	padding: 0px 6px; 
	position: relative; 
	top:10px;
}
.lightBlue{
	background-color: #DFEFFE;
	cursor: text;
}
.onoffswitch1 {
	position: absolute;
	width: 50px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	display: inline-block;
	vertical-align: middle;
}

.modal-body .row{
	margin-right: -15px !important;
}

.ColVis_Colors
{
	background: rgb(44, 81, 151) !important;
	margin: 0 6px 0 6px !important;
	text-align: center !important;
	color: white !important;
	height: 25px !important;
	padding-top: 3px !important;
}

.linkToAudit{
	cursor: pointer;
}
.linkToAudit.red{
	color: red;
}

.colFromLastSurvey{
	width: 150px;
}
.colSelect{
	width: 266px;
}

.containerWithImageSelect{
	border-width: 1px 0px 0px 0px !important;
	border-style: solid !important;
	border-color: #BDBDBD !important;
	margin-right: 0px;
	padding: 4px;
	width: 100%;
	box-sizing: border-box;
}
.containerWithImageEmpl{
	border-width: 1px 0px 0px 0px !important;
	border-style: solid !important;
	border-color: #BDBDBD !important;
	margin-right: 0px;
	padding: 4px;
	/*width:300px;*/
	width: 100%;
	box-sizing: border-box;

}
.containerWithImageSelectFirst{
	padding: 4px;
	margin-right:0px; 
	border: 0px !important;
}
.selectDiv{
	padding-right: 25px;
	height: 18px;
	background-color: white;
	white-space: nowrap;
	overflow-x: hidden;
}
.containerEmployees .containerWithImage, .containerMachines .containerWithImage{
	margin-bottom: 5px;
}
.chartTableBottom{
	display: inline-block;
	vertical-align: bottom;
	float: none;
}
.oddRow{
  background-color: #fcfcfc;
}
.hoverColor{
   background-color: #ecf3f8; 
}
.tableHeaderColor{
	background-color: #e6e6e6;
}
.tableOffColor{
	background-color: #c6c6c6;
}
.tableHeaderSnapshoot{
	background-color: #e6e6e6;
	font-size: 12px;
	font-weight: bold;

}
.summaryTestsTable .odd{
	background-color: #fcfcfc;
}

.divRemoveRowTable{
	display:inline;
	position: absolute;
	/*margin-left:15px;*/
	right: 20px;
}
.positionActionSection{
	max-width: 562px;
}
.positionProjectMachine{
	max-width: 700px;
}
.chronometerFormDiv{
	margin-right: -8px;
}
.hrFilterThinProductivity{
	height: 1px;
	margin-bottom: 15px;
	margin-top: 20px;
	/*background-color: rgb(197, 197, 197);*/
}
.modalBodyNewResearch .row {
    margin: 10px 0;
}
#newResearchConclusion {
    font-size: 17px;
    margin-top: 50px;
    display: none;
}
#newResearchConclusion p:first-child {
    margin-bottom: 20px;
    font-size: 19px;
    font-weight: 600;
}

/* dobierz maszyny do zadań */
.machinesTasksContainer{
	margin: 13px;
	max-width: calc(100% - 50px);
	overflow-x: auto;
	display: inline-block;
	vertical-align: top;
}
.machinesTasksColumn{
	width: 280px;
	padding: 5px;
	display: inline-block;
}
.machineBlockTasks{
	padding: 8px 0;
	margin: 0 8px;
	border: 1px solid #BDBDBD;
	width: 263px;
}
.removeMachineBlockTasks{
	float: right;
	margin-top: -12px;
}
.machinesTasksContainer table{
	border: 1px solid #DDD;
}
.machinesTasksContainer table tr td{
	border-right: 1px solid #DDD;
	vertical-align: top;
}
.removeMachineTasksColumn {
	float: right;
	margin-top: -9px;
	margin-right: -5px;
}
.doBlockMachineTask{
	position: unset;
}
/*button#calculateData{
	vertical-align: bottom;
	margin-left: -20px;
	padding: 3px 7px;
	margin-bottom: 13px;
}*/
.colMachineTask{
	float: unset !important;
}
.infoMachineTask{
	padding: 5px;
	border-top: 3px solid #ddd;
}
#addNewColumnTask{
	margin-left: -10px;
	margin-top: 14px;
	display: inline-flex;
}
.machineBlockTasks .measureUnitName {
	float: right;
	border: 1px solid #ccc;
	font-size: 8px;
	padding: 1px 3px;
	margin-right: 2px;
	margin-top: 9px;
}
.tablePosition .row{
	margin: 0;
	padding: 5px 10px;
}
.tablePosition .smart-form {
	padding: 0 6px;
}
.tablePosition table.infoTable {
	width: 100%;
}
.tablePosition table.infoTable .tableService {
	width: 100%;
	margin: 0;
	padding: 6px 14px;
}
.tablePosition table.infoTable .tableService td {
		padding: 2px 10px;
}
.tablePosition table.infoTable .tableService th {
		padding: 4px;
}
.tablePosition .positionPhotoContainer {
	display: inline-block;
	text-align: center;
	width: 320px;
}
.tablePosition .tdPositionPhoto {
	width: 320px;
	padding: 4px;
}
.tablePosition .positionPhotoContainer img{
	max-width: 320px;
}
.tablePosition .tableService {
	display: inline-block;
}
.tablePosition #tableCategory {
	width: 100%;
	max-height: 425px;
	margin: 0;
}
.tablePosition #tableCategory table{
	margin-bottom: 0px;
}
.tablePosition #tableCategory table td {
	padding: 3px 7px;
}
.tablePosition #tableCategory table th {
	padding: 3px 7px;
}

/* Bezpieczeństow i jakość */
.resultDescriptionEvent .display_box {
	padding: 4px;
	border-top: solid 1px #dedede;
	font-size: 12px;
	height: auto; 
	display: flex;
}
.centerSmartRadio{
	padding: 0px !important;
	height: 27px; 
	width: 20px; 
	margin: auto;
}
#eventForm .btnMarginTop{
	margin-top: 19px;
}
.toShowLoc{
	cursor: default;
}
.divAddNewUser{
	border: 1px solid #7a7a7a;
	padding-left: 9px; 
	display: none;
}
.onoffswitch-innerFilter{
	margin-top: -1px;
}
.smart-form fieldset.fieldsetPresentation .row{
		margin-left: 0px;
}
.smart-form fieldset.fieldsetPresentation{
	padding: 0 8px;
}
.smart-form fieldset.fieldsetPresentation label.label{
	font-weight: 600;
}
.eventPhotoPresentation{
	padding: 5px;
	border: 1px solid #BDBDBD;
}
.eventPhotoPresentation img{
	max-width: 100%;
	max-height: 100%;
	margin: auto;
}

#eventRegisterForm .row{
	margin: 0
}
#eventRegisterForm fieldset{
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
}
#eventRegisterForm .titleFieldset{
	font-weight: 600;
	padding-left: 5px;
}
#participantsForm .containerParticipant{
	border: 1px solid #bdbdbd;
	padding: 5px;
}
.containerParticipant{
	background-color: white;
}
div.blockPhotoContainer{
	width:44px; 
	height:34px; 
	float:left; 
	margin: 2px 6px 2px 6px;
	text-align: center;
}
div.blockPhotoContainer img{
	max-width: 48px;
	max-height: 34px;
}

.colEmployee2{
	width: 250px;
}
.colLocationLabel{
	width: 240px;
	height: 43.5px;
}
.colPlaceEvent{
	width: calc(100% - 605px);
	min-width: 232px;
}
.employeeContainer{
	border: 1px solid #CCC;
	margin: 5px 5px;
	display: inline-block;
	padding: 2px 2px 2px 5px;
}
.employeeBlocks{
	margin: 0px 13px;
	padding: 0px;
}

.dateModifyDescribe{
	float: right;
}
.titleFieldset{
	font-weight: 600;
	padding-left: 5px;
	font-size: 14px;
}
.setActionPlanDiv .row{
	margin: 0px 6px;
}
.containerTasks textarea, .containerResponsiblePerson input, .containerDeadline input{
	margin-bottom: 8px;
}
.containerResponsiblePerson .containerEmployeeMail{
	margin: 0;
	width: 100%;
	border-color: #bdbdbd;
	display: inline-block;
}
.removeTaskStyle{
	position: absolute;
	left: -12px;
}
.blockParticipant{
	display: inline-block;
	margin-right: 10px;
}
.blockParticipant img.mailImgRemove{
	margin-bottom: -10px;
	margin-top: 3px;
}
.tasksDiv .containerEmployeeMail{
	margin: 0px 2px;
	width: 100%;
}
#eventRegisterForm .consequencesList{
	margin-left: 15px;
}
label.textarea textarea{
	min-height: 24px;
	padding: 3px 10px !important ;
}
div.categoryEvent , div.employeeContainer{
	color: #666;
}
.causeEventTypeLabel{
	position: relative;
	top: 10px;
	left: 37px;
	width: 280px;
}
#modalInviteParticipantsForm .containerEmployeeMail{
	width: 99%;
}
#modalInviteParticipantsForm #divResult{
	position: unset;
}
.eventCauseFile .sectionParticipant{
	margin: 0px 10px 10px 6px;
}
.fieldsetDescriptionEvent, .fieldsetDescriptionPDCA{
	padding: 0px 0px 0px 13px !important;
}
.fieldsetDescriptionEvent label.checkbox{
	display: inline-block;
}

.flexslider .slides img {
    max-width: 100%;
    max-height: 300px !important;
    margin: auto;
    width: auto !important;
}
#slider{
	margin: 0 0 0px !important;
}
#carousel{
	margin: 0 !important;
}
#carousel img{
	cursor: pointer;
	opacity: 0.7;
	max-height: 50px !important;
    width: auto !important;
}
#carousel .flex-active-slide img{
	opacity: 1;
}

/*rozwój pracowników*/
.colSwitch{
	position: relative;
	width: 60px;
}
/*dashboard*/
.sparkCharts{
	font-size: 9px;
	width: 80px;
}
.jarviswidgetMargin
{
	margin: 0 0 15px !important;
}
.jarviswidget .nav-tabs {
	/*width: calc(100% - 30px)*/
	position: absolute;
}
.tableBox {
	width: 100%;
}
.tableBox td {
	padding: 5px;
	width: 25%;
	height: 55px;
}
.box-dashboard {
	text-align: center;
	border-radius: 3px;
	color: white;
	height: 100%;
	width: 100%;
	display: table;
	box-shadow: 2px 2px 5px gray;
}
.box-dashboard .box-dashboard-center {
	display: table-cell;
	vertical-align: middle;
	padding: 0px 5px;
}
.box-dashboard p.labelBox {
	font-size: 12px;
	font-weight: 400;
}
.box-dashboard p.value {
	font-weight: 600;
	font-size: 16px;
	margin-bottom: 2px;
}
.box-dashboard.red {
	background-image: linear-gradient(#B72717, #db1d0b);
}
.box-dashboard.green {
	background-image: linear-gradient(#0d700f, #29af1d);
}
.box-dashboard.grey {
	background-image: linear-gradient(#dddddd, #eeeeee);
	color: #333 !important;
}
.dotManagementSafety {
	margin-top: 5px;
}
.dotManagementSafety .led-box {
	display: inline;
}
.dotManagementSafety .led-box .led {
	width: 18px !important;
	height: 18px !important;
}
.dotManagementSafety .led-box > div {
	margin: 0 3px;
	display: inline-block;
}
/*ocena dzienna*/
.borderLeft3{
	border-left-width: 3px !important;
}
.canDeleteObservation{
	background-color: rgb(182, 195, 230) !important;
}
.canDeleteObservation:hover{
	background-color: rgb(182, 195, 230);
	cursor: pointer;
}
th.whiteLeftTopTh{
	background-color: white !important;
	border-top: 1px solid white !important;
	border-left: 1px solid white !important;
}
th.whiteRightTopTh{
	background-color: white !important;
	border-top: 1px solid white !important;
	border-right: 1px solid white !important;
}
th .rotateTh{
	width: 35px
}
th.parentRotate{
	height: 120px;
	width:40px;
	/*position:relative;*/
}
td.highlight, th.highlight{
	background-color: #ecf3f8;
}
.rotateTh1{
	transform: rotate(270deg);
	position: relative;
	top: 0px;
	height:100%;
	white-space:nowrap;
}
#tableCardDay td{
	text-align: center;
}
#tableCardDay td.presence{
	padding: 6px 8px;
}
#tableCardDay td.presence p{
	padding-top: 2px;
}
#tableCardDay .display_box{
	height: 59px !important;
}
th.whiteTfoot{
	border-right: 1px solid white !important;
	border-bottom: 1px solid white !important;
	border-left: 2px solid white !important;
	background-color: white;
}
.heightMaxTwoLines{
	height: 39px;
	overflow-y: hidden;
}
.thAnnual{
	width: 101px;
	min-width: 101px;
}
.thNameCategoryProd {
	min-width: 270px;
}
.divRankingInfo p{
	display: inline-block;;
	margin-right: 15px;
}
.divRankingInfo{
	margin-left: 13px;
}

.lengthMenuToLeft select{
	left: 20px !important;
}
/*bloczek pracownika w tabeli-------*/
.empBlockInTable{
	min-width: 190px;
}
.empBlockInTable .mainContainerPhotoEmp{
	margin: -5px 5px -5px 0px;
	float:left;
}
.empBlockInTable .containerPhotoEmp{
	width:50px; 
	height:61px; 
	text-align:center; 
	display:table-cell; 
	vertical-align:middle;
}
.empBlockInTable .containerPhotoEmp img{
	max-width:100%;
	max-height:100%;
}
.empBlockInTable .firstname, .empBlockInTable .lastname{
	font-weight: 600;
	margin-left: 55px;
}
.empBlockInTable .positionName{
	font-size:10px;
	display: flex;
}

/*Bloczek maszyny w tabeli-----------*/
.machineBlockInTable{
	min-width: 190px;
	display: inline-block;
}
.machineBlockInTable .mainContainerPhotoMachine{
	margin: -5px 5px -5px 0px;
	float:left;
}
.machineBlockInTable .containerPhotoMachine{
	width:65px; 
	height:49px; 
	text-align:center; 
	display:table-cell; 
	vertical-align:middle;
}
.machineBlockInTable .containerPhotoMachine.lg-img{
	height:55px; 
}
.machineBlockInTable .containerPhotoMachine img{
	max-width:100%;
	max-height:100%;
}
.machineBlockInTable .manufacturerMachine{
	display: inline;
	font-weight: 600;
}
.machineBlockInTable .modelMachine, .machineBlockInTable .serialNumberMachine{
	display: inline;
}

.equipmentBlock {
	min-width: 205px;
}

/*ocena roczna---------------------------------------------*/
#annualMarkForm fieldset{
	padding-right: 0px;
	padding-top: 10px;
}
#annualMarkForm div.divPicture{
	text-align: center;
	width: 50px;
	height: 50px;
	margin: 0 15px;
	padding: 0px;
}
#annualMarkForm div.divPicture img{
	max-width: 50px;
	max-height: 50px;
}
#annualMarkForm .fa-stack strong{
	top: -1px;
	color: white;
}
#annualMarkForm .has-error .fa-stack strong{
	color:  #b94a48 !important;
}
.smart-form .rating label{
	width: 28px
}
@media all and (max-width: 1120px) {
	#annualMarkForm .rating{
		width: 97px;
	}
	.smart-form .rating label{
		height: 27px
	}
}
@media all and (min-width: 1120px) {
	#annualMarkForm .rating{
		width: 193px;
	}
}
/*Kaizen====================================================*/
.colClassKaizen{
	width: 175px;
}
.colStatusKaizen{
	width: 155px;
}
#save_kaizen_form  .note-editable, #save_kaizen_status_form .note-editable, #save_verification_form .note-editable{
	background-color: white; 
	font: 13px/16px 'Open Sans',Helvetica,Arial,sans-serif;
	color: #404040;
}
#save_kaizen_form .row{
	margin: 0
}
#save_kaizen_form fieldset{
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
}
.kaizenPhoto fieldset{
	padding-top: 15px;
	padding-left: 5px;
	padding-right: 5px;
}
#save_kaizen_status_form .row, #save_verification_form .row{
	margin: 0
}
#save_kaizen_status_form fieldset, #save_verification_form fieldset{
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
}
.selectKaizen{
	width: 235px;
}
.kaizenRow{
	margin:0px;
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
}
.tableDetailsKaizen {
	width:100%;
	border-collapse: separate;
	border-spacing: 0px 10px;
}
.tableDetailsKaizen .tdLeftKaizen {
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
	border-top: 1px solid #BDBDBD;
	border-left: 1px solid #BDBDBD;
	border-bottom: 1px solid #BDBDBD;
	width:22%;
	font-weight:700
}
.tableDetailsKaizen .tdCenterKaizen {
	border:none; 
	width:12%
}
.tableDetailsKaizen .tdValueKaizen {
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
	border: 1px solid #BDBDBD;
	width:22%;
}
/*zarządzanie współpracownikami*/
.columnStackedCharts{
	min-width: 200px;
	height: 200px;
}
.colDateTime{
	width: 175px;
}
#save_company_form .contactData, #clientProfileForm .contactData{
	padding-top: 5px;
}
#save_company_form #noneContact, #clientProfileForm #noneContact {
	display: none; 
	margin-bottom: 10px;
}
#save_company_form .divRemoveRowContact, #clientProfileForm .divRemoveRowContact{
	position: absolute; 
	right: 7px;
}
#save_company_form .removeRowContact, #clientProfileForm .removeRowContact{
	width: 12px; 
	height: 12px;
	cursor:pointer;
}
.colSearchCompany{
	width: 200px;
}
#modalNewMedalEmployee .modal-dialog {
	max-width: 600px;
	margin-top: calc(50vh - 160px) !important;
}
#modalNewMedalEmployee .modal-backdrop {
	opacity: 0.85 !important;
}
.starImg {
	max-height: 18px !important;
	max-width: 18px !important; 
}
.medalImg {
    position: absolute;
    bottom: 5px; 
    left: calc(50% - 75px);
    max-height: 48px !important;
	max-width: 48px !important; 
	cursor: pointer;
}
.newMedalEmploeeBody .containerPhotoEmployee {
	position: relative;
	display: inline-block;
	margin: 10px;
	max-width: 165px;
}
.newMedalEmploeeBody .containerText {
	display: inline-block;
	margin: 10px 0;
	font-size: 16px;
	vertical-align: top;
	width: calc(100% - 215px);
	text-align: center;
}
.awardEmployeeImg {
	height: 120px;
}
/* OPL */
.statePictureContainer{
	width: 100%;
	height: 350px;
	padding: 5px;
	border: 1px solid #bdbdbd;
	text-align: center;
}
.statePictureContainer img{
	max-height: 340px;
	max-width: 100%;
}
.statePictureContainer span{
	position: absolute;
	font-size: 46px;
	right: 30px;
}
.statePictureContainer .goodTextColor{
	text-shadow: 1px 1px #000 !important;
	color: green !important;
	font-weight: 600 !important;
}
.statePictureContainer .badTextColor{
	text-shadow: 1px 1px #000 !important;
	color: red !important;
	font-weight: 600 !important;
}
.btnEditOplPicture{
	margin: 5px;
}
@media (min-width:1200px) {
	#myDropzoneOPLGood, #myDropzoneOPLBad{
		height: 350px;
	}
}
img.imgRedCrossLine {
	position: absolute;
	left: 11px;
	height: 100%;
	width: calc(100% - 22px);
	margin-top: -5px;
	max-height: 348px;
}
.minHeightEmpl{
	height: 45px;
}

/** sesja Kaizen *****/
.colFullLocation{
    width: 270px;
}
.sessionKaizen .tasksContainer{
    margin-top: 10px;
}
.sessionKaizen .switchTasks{
    display: flex;
    margin-top: 5px;
}
.sessionKaizen{
    color: #404040;
}
.sessionKaizen fieldset{
    padding-left: 22px;
    padding-right: 9px;
}
.sessionKaizen .divDelTask{ 
    position: absolute;
    right: -5px;
    z-index: 2;
}
.sessionKaizen .localizationDiv{
    color: #404040;
    cursor: default;
}
.sessionKaizen .todo-group-title, .sessionKaizen .num-of-tasks{
    color: #404040;
}
.containetToDo {
    padding: 25px 17px 5px 16px !important;
}
.containetToDo .todo p{
    min-height: 22px;
    font-size: 13px;
}
.containetToDo .todo-group-title{
    background: unset;
    border: unset;
    padding: 0;
    line-height: 20px;
}
.containetToDo ul.todo{
    border: 1px solid #BDBDBD;
    margin-bottom: 10px;
    min-height: 36px;
}
.sessionKaizen .colTaskKaizen{
    width: calc(100% - 135px);
}
.sessionKaizen .firstFieldset{
    padding-top: 5px;
}

/***** ocena kwartalna *********/
/*ocena roczna---------------------------------------------*/
#companyAssessmentForm fieldset{
	padding-right: 0px;
	padding-top: 10px;
}
#companyAssessmentForm div.divPicture{
	text-align: center;
	width: 50px;
	height: 50px;
	margin: 0 15px;
	padding: 0px;
}
#companyAssessmentForm div.divPicture img{
	max-width: 50px;
	max-height: 50px;
}
#companyAssessmentForm .fa-stack strong{
	top: -1px;
	color: white;
}
#companyAssessmentForm .has-error .fa-stack strong{
	color:  #b94a48 !important;
}
.smart-form .rating label{
	width: 28px
}
@media all and (max-width: 1120px) {
	#companyAssessmentForm .rating{
		width: 97px;
	}
	.smart-form .rating label{
		height: 27px
	}
}
@media all and (min-width: 1120px) {
	#companyAssessmentForm .rating{
		width: 193px;
	}
}

#planningTableDataForm .breakColumn{
	padding: 3px !important; 
	background-color: rgb(255, 255, 255); 
	border-bottom: 1.8px solid white; 
	border-top-color: rgb(255, 255, 255); 
	width: 0px;
}
#costOfServiceDataForm {
	padding: 13px;
}
#costOfServiceDataForm table td{
	padding: 5px;
}
#costOfServiceDataForm table td input{
	text-align: center;
}
.divDelCooperation {
	float: right;
	margin-bottom: -20px;
	margin-right: 14px;
}
.containerToCompany, .containerToBranch{
	border: 1px solid #ddd;
	display: inline-block;
}
#save_company_form {
	padding-top: 0px;
	margin-bottom: 0px;
}
#save_company_form fieldset{
	padding-left: 26px !important;

}

/*modal wezwania serwisowego*/
#modalServiceCall .containerWithImage {
	width:100%;
}
.activeServiceTasks {
	color: #333;
	font-size: 12px;
	display: none;
}
.activeServiceTasks .title {
	margin: 10px 0px;
	font-weight: 600;
	font-size: 13px;
}
.declarantInfoTooltip {
	font-weight: 600;
	cursor: pointer;
}
.containerActiveTasks, .containerOverdueTasks {
	text-align: center;
}
.activeServiceTasks .containerActiveTasks span.infoApplication, .activeServiceTasks .containerOverdueTasks span.infoApplication {
	display: block;
	color: dimgray;
	font-size: 11px;
	margin-top: -15px;
}
.diagnosePrevTask {
	color:  red;
}

.activeServiceTasks .containerActiveTasks .row, .activeServiceTasks .containerOverdueTasks .row {
	padding-top: 18px;
	border-top: 1px solid #dbdbdb;
	border-bottom: 2px solid white;
}
.activeServiceTasks .containerActiveTasks .row.highlight, .activeServiceTasks .containerOverdueTasks .row.highlight {
	background-color: lavender;
}
.activeServiceTasksHeader {
	border-bottom: solid 2px #BDBDBD;
}
.activeServiceTasksHeader label {
	text-align: center !important;
	font-weight: 600 !important;
	font-size: 12px !important;
}
.modal-body-buttons {
	padding: 15px;
	margin: 15px -20px 0;
	border-top: 1px solid #ddd;
	min-height: 55px;
}

#modalServiceOrderForm .interventionPlanning {
	padding-top: 15px;
	display: none;
}

#modalServiceCall .btnOptionsTaskService {
	position:absolute;
	right:-8px;
}
#modalServiceCall .btnOptionsTaskService img {
	width: 10px;
}
#modalServiceCall .btnOptionsTaskService > button {
	padding: 2px;
}
#modalServiceCall #btnAddServiceman, #modalServiceCall #btnAddAdditionalTask {
	margin-left: 6px;
	padding: 5px;
	display: inline-block;
	cursor: pointer;
}
hr.grater {
	border-top: 3px solid #7E7E7E;
	margin-top: 15px;
	margin-bottom: 15px;
}
#modalServiceCallForm #btnAddDescriptionTask {
	margin-left: 6px;
	padding: 5px;
	display: inline-block;
	cursor: pointer;
	margin-bottom: 15px;
}
#serviceCallNotification {
	max-width:1050px;
	width: 100%;
}
#serviceCallNotification .smart-form * {
	box-sizing: border-box;
}
#serviceCallNotification fieldset {
	padding-top: 5px;
}
#serviceCallNotification .serviceCallRow {
	text-align: center;
}
#serviceCallNotification fieldset:first-child {
	font-weight: 600;
	text-align: center;
}
#serviceCallNotification .containerWithImage {
	max-width: 210px;
	font-size: 11px;
	text-align: left;
}
span.label.statusCall {
	text-align: center;
	color: white;
	margin-bottom: 0px;
	padding: 3px;
	display: initial;
}
.unactiveCardRFID input{
	background-color: gainsboro !important;
}
.photosTask ul.docs-pictures {
	list-style: none;
	display: inline-flex;
	padding-left: 0;
}
.photosTask .docs-pictures li img {
	max-height: 100px;
	max-width: 140px;
	padding: 8px;
	cursor: pointer;
}
.showContractMachine, .showContractMachine:active {
	position: absolute;
	padding: 2px;
	right: 7px;
	bottom: 0px;
	top: unset;
	left: unset;
}

/*widok prezentacji modułu*/
.presentationModule p.ph1 {
	font-weight: 600;
	font-size: 20px;
	color: #47699C;
}
.presentationModule span.ph2 {
	color: #9EB6CE;
}
.presentationModule div.squareBackground {
	background-color: #9EB6CE;
	padding-top: 40%;
	margin-top: -34%;
	position: relative;
	z-index: 1;
	margin-left: 8%;
}
.presentationModule div.listFillContainer {
	background-color: #47699C;
	padding-top: 22%;
	margin-top: -20%;
	position: relative;
	z-index: 2;
	padding-bottom: 20px;
	padding-right: 10px;
}
.presentationModule .no-padding-left {
	padding-left: 0 !important;
}
.text-white {
	color:white;
}
.presentationModule .spOrange {
	font-weight: 600;
	color: #FF9337
}
.presentationModule .spBlue {
	font-weight: 600;
	color: #527DBF
}
.presentationModule .containerImgLaptop {
	position: relative;
	z-index: 3;
	min-height: 215px;
}
.presentationModule .textPresentation {
	padding-top: 70px;
	color: #333
}
#modalFullVersionProgramForm #containerMailToUs {
	display: none;
	padding: 5px 24px;
	border: 1px solid #BDBDBD;
	background-color: whitesmoke;
	margin-bottom: 18px;
}

/*lampki w aktualnym stanie maszyny*/
.led-box {
	height: 30px;
	margin: auto;
	color: transparent;
}
.led-box .led {
	margin: 0 auto;
	width: 24px;
	height: 24px;
	border-radius: 50%;
}
.led-box-sm {
	height: 15px;
	margin-right: 8px;
	color: transparent;
	display: inline-flex;
}
.led-box-sm .led {
	margin: 0 auto;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 5px 1px, inset #304701 0 0px 0px, #aaa 0 2px 5px;
}
.led-off {
  	background-color: #FEFEFE;
  	box-shadow: rgba(0, 0, 0, 0.1) 0 -1px 7px 1px, inset #ccc 0 -1px 9px, #aaa 0 2px 12px;
}
.led-work {
	background-color: #27408B;
	box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #304701 0 -1px 9px, #aaa 0 2px 12px;
}
.led-service {
	background-color: #CDC5BF;
	box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #304701 0 -1px 9px, #aaa 0 2px 12px;
}
.led-stop, .led-red {
	background-color: #B72717;
	box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #304701 0 -1px 9px, #aaa 0 2px 12px;
}
.led-charging {
	background-color: #047b02;
	box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #304701 0 -1px 9px, #aaa 0 2px 12px;
}
.led-noCharging, .led-red-flashing {
	background-color: #F00;
	box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #441313 0 -1px 9px, rgba(255, 0, 0, 0.5) 0 2px 12px;
	-webkit-animation: blinkRed 0.5s infinite;
	-moz-animation: blinkRed 0.5s infinite;
	-ms-animation: blinkRed 0.5s infinite;
	-o-animation: blinkRed 0.5s infinite;
	animation: blinkRed 0.5s infinite;
}
.led-orange {
	background-color: #f8a413;
	box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #304701 0 -1px 9px, #aaa 0 2px 12px;
}
.led-yellow {
	background-color: #f8ed33;
	box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #304701 0 -1px 9px, #aaa 0 2px 12px;
}
.led-green {
	background-color: #0d700f;
	box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #304701 0 -1px 9px, #aaa 0 2px 12px;
}
@-webkit-keyframes blinkRed {
    from { background-color: #F00; }
    50% { background-color: #A00; box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #441313 0 -1px 9px, rgba(255, 0, 0, 0.5) 0 2px 0;}
    to { background-color: #F00; }
}
@-moz-keyframes blinkRed {
    from { background-color: #F00; }
    50% { background-color: #A00; box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #441313 0 -1px 9px, rgba(255, 0, 0, 0.5) 0 2px 0;}
    to { background-color: #F00; }
}
@-ms-keyframes blinkRed {
    from { background-color: #F00; }
    50% { background-color: #A00; box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #441313 0 -1px 9px, rgba(255, 0, 0, 0.5) 0 2px 0;}
    to { background-color: #F00; }
}
@-o-keyframes blinkRed {
    from { background-color: #F00; }
    50% { background-color: #A00; box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #441313 0 -1px 9px, rgba(255, 0, 0, 0.5) 0 2px 0;}
    to { background-color: #F00; }
}
@keyframes blinkRed {
    from { background-color: #F00; }
    50% { background-color: #A00; box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #441313 0 -1px 9px, rgba(255, 0, 0, 0.5) 0 2px 0;}
    to { background-color: #F00; }
}

.rotateButtons {
	position: absolute;
	right: 18px;
	z-index: 10;
}
.rotateButtons .btnRotate {
	cursor: pointer;
	display: inline;
}
.rotateButtons .btnRotate i {
	text-shadow: 0 0 2px white;
}
.row-no-margin .row {
	margin: 0;
}
table .rowsNews {
	background-color: powderblue;
}
.progressWork {
	margin-bottom: 0px;
	margin-top: 5px;
	min-width: 100px;
}
.progressWork .progress-bar-striped {
	background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.25) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.25) 50%, rgba(255, 255, 255, 0.25) 75%, transparent 75%, transparent);
	background-size: 1rem 1rem;
}
#comunicator {
	min-height: 280px;
	border: solid 1px #A9A9A9;
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
	padding: 10px;
	max-height: 280px;
	overflow-y: auto;
}

#comunicator .c_message {
	display: block;
	margin-bottom: 15px;
	width: 100%;
}

#comunicator .c_message_info {
	display: block;
	margin: 0 8px;
	font-size: 10px;
}

#comunicator .c_message_text {
	border: 1px dotted #999;
	border-radius: 5px;
	display: inline-block;
	padding: 10px;
	transition: color .2s ease .1s,background-color .2s ease .1s,border-color .3s ease .2s;
	color: #333;
}

#comunicator .c_message.my_msg {
	text-align: right;
}

.c_message_text.c_msg {
	background-color: #E0E0E0;
}
.my_msg .c_message_text.c_msg {
	background-color: #9cf;
}
.c_message_text.c_info {
	border: unset !important;
	padding: 0px !important;
	padding-bottom: 10px !important;
}
.c_message_button {
	margin: 0 7px;
}
.c_message_button button {
	margin: 0 7px;
}
.doneWork {
	display: inline-flex;
	float: right;
}
.doneWorkLabel {
	color: #333;
	white-space: nowrap;
	padding-right: 10px;
	font-size: 14px;
}
#testContainer .btnAnswer {
	font-size: 27px;
}
#testContainer .rowAnswer {
	padding: 5px 0;
}
#testContainer .orderPage {
	text-align: right;
}
#testContainer .col.question {
	margin-bottom: 10px;
}
#testContainer .photosQuestion img {
	max-width: 100%;
	max-height: 350px;
}
#testContainer {
	min-height: calc(100vh - 150px);
	padding: 16px;
}
#testContainer form {
	color: #333;
}
#testContainer #questionsForm { 
	margin: 0 45px;
}
#testContainer #endContainer { 
	text-align: center;
	margin: 30px 0;
}

#testContainer #questionsContainer {
	margin-top: 30px;
	text-align: left;
	color: #333;
}
#testContainer .correctAnswer {
	font-weight: 600;
	color: green;
}
#testContainer .incorrectAnswer {
	font-weight: 600;
	color: red;
}
#testContainer .questionTest {
	padding-top: 5px;
}
#testContainer .questionTest img.questionImage {
	max-width: 100%;
	max-height: 400px;
}
#testContainer .questionTest .question {
	padding-left: 50px;
	margin-bottom: 40px;
	margin-top: 20px;
	min-height: 80px;
}
#testContainer .questionTest .answerQuestion {
	padding: 10px 0;
	position: relative;
}
#testContainer .questionTest .answerName {
	font-size: 18px;
}
#testContainer .answerQuestion .keyAnswer {
	font-weight: 600;
	font-size: 20px;
	margin-top: -5px;
	text-align: center;
}
#testContainer .answerQuestion .markerAnswer {
	font-size: 40px;
	margin-bottom: -35px;
	margin-top: -21px;
}
#testContainer .questionTest .answerLabel {
	margin-top: 20px;
	margin-bottom: 20px;
}
.bootstrap-select.select-lg button.dropdown-toggle {
	font-size: 25px;
	height: 45px;
}
.viewer-hide {
	display: none;
}



.hjs.showHelpTooltipContainer {
	color: white;
	padding-top: 3px;
}
.hjs.selected {
	border: 1px solid black !important;
	outline: 1px solid yellow !important;
}
.hjsHasData {
	border: 1px solid black !important;
	outline: 1px solid red !important;
}
.hjs .modalEditor {
	display: none;
	background: white;
	padding: 10px;
	position: fixed;
	bottom: 5px;
	z-index: 100000;
	right: 5px;
	border: 1px solid #ccc;
	border-radius: 5px;
}
.hjs .nav-buttons {
	text-align: right;
	margin-bottom: 10px;
}
.popover-content button.cancel {
	padding: 0 6px;
	position: absolute;
	right: -1px;
	top: -3px;
	color: darkgray;
}
.popover-content button.cancel:active {
	position: absolute;
	right: -1px;
	top: -2px;
	left: unset;
}
.hjs .type-tooltip {
	position: absolute;
}


.popover.default {
	color: #333;
}
.popover.warning {
	background-color: #ffc107;
	color: #333;
}
.popover.right.warning .arrow:after {
	border-right-color: #ffc107;
}
.popover.bottom.warning .arrow:after {
	border-bottom-color: #ffc107;
}
.popover.left.warning .arrow:after {
	border-left-color: #ffc107;
}
.popover.top.warning .arrow:after {
	border-top-color: #ffc107;
}
.popover.error {
	background-color: #dc3545;
	color: #333;
}
.popover.right.error .arrow:after {
	border-right-color: #dc3545;
}
.popover.bottom.error .arrow:after {
	border-bottom-color: #dc3545;
}
.popover.left.error .arrow:after {
	border-left-color: #dc3545;
}
.popover.top.error .arrow:after {
	border-top-color: #dc3545;
}
.popover.info {
	background-color: #17a2b8;
	color: #333;
}
.popover.right.info .arrow:after {
	border-right-color: #17a2b8;
}
.popover.bottom.info .arrow:after {
	border-bottom-color: #17a2b8;
}
.popover.left.info .arrow:after {
	border-left-color: #17a2b8;
}
.popover.top.info .arrow:after {
	border-top-color: #17a2b8;
}
.popover.primary {
	background-color: #007bff;
	color: #333;
}
.popover.right.primary .arrow:after {
	border-right-color: #007bff;
}
.popover.bottom.primary .arrow:after {
	border-bottom-color: #007bff;
}
.popover.left.primary .arrow:after {
	border-left-color: #007bff;
}
.popover.top.primary .arrow:after {
	border-top-color: #007bff;
}
.popover.p_centered .arrow {
	display: none !important;
}
#btnGoToDemo {
	font-weight: 400;
}
#btnAskQuestion {
	position: fixed;
	bottom: 20px;
	right: 80px;
	z-index: 99;
	border: none;
	outline: none;
	background-color: rgb(51, 121, 255);
	color: #333;
	cursor: pointer;
	padding: 2px 8px;
	border-radius: 30px;
	font-size: 27px;
}

#modalAskQuestion {
	position: fixed;
	bottom: 20px;
	right: 137px;
	display: none;
	z-index: 905;
	width: 400px;
	max-height: 400px;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-webkit-box-shadow: 0 2px 4px rgba(30,30,100,.25);
	-moz-box-shadow: 0 2px 4px rgba(30,30,100,.25);
	box-shadow: 0 2px 4px rgba(30,30,100,.25);
	padding: 10px;
	background: #fff;
	border: 1px solid #b3b3b3;
}
#modalAskQuestion::after, #modalAskQuestion::before {
    bottom: 100%;
    border: solid transparent;
        border-top-color: transparent;
        border-top-width: medium;
        border-right-color: transparent;
        border-right-width: medium;
        border-bottom-color: transparent;
        border-bottom-width: medium;
        border-left-color: transparent;
        border-left-width: medium;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
#modalAskQuestion::before {
    border-color: rgba(131,131,131,0);
    border-left-color: rgba(131, 131, 131, 0);
    border-left-color: #838383;
    border-width: 8px;
    right: -16px;
    bottom: 13px;
}
#modalAskQuestion::after {
    border-color: rgba(255,255,255,0);
    border-left-color: rgba(255, 255, 255, 0);
    border-left-color: #fff;
    border-width: 7px;
    right: -14px;
    bottom: 14px;
}
.dtfc-fixed-left {
	background-color: #f5f5f5;
}
.tableFixedColumns > tbody > tr:nth-child(2n+1) .dtfc-fixed-left {
    background-color: #fcfcfc;
    z-index: 2;
}
.tableFixedColumns {
	border-collapse: separate !important;
}
.tableFixedColumns thead th {
	border-top: 0px !important;
	border-bottom: 0px !important;
}
.tableFixedColumns tbody tr.odd.tableMode .dtfc-fixed-left {
	background-color: rgb(230, 249, 250) !important;
}
.tableFixedColumns tbody tr.even.tableMode .dtfc-fixed-left {
	background-color: rgb(220, 239, 246) !important;
}
.tableFixedColumns tbody tr.tableMode.tableModeAdd .dtfc-fixed-left {
	background-color: rgb(182, 195, 230) !important;
}
.tableFixedColumns tbody tr.sortedRow {
	background: linear-gradient(rgba(0,0,0,0.2), rgba(0,0,0,0.2));
}
.tableFixedColumns tbody tr.sortedRow .dtfc-fixed-left {
	background-color: #C4C4C4 !important;
}
.tableFixedColumns tbody tr.sortedRow.even.tableMode .dtfc-fixed-left {
	background-color: #B0BFC5 !important;
}
.tableFixedColumns tbody tr.sortedRow.odd.tableMode .dtfc-fixed-left {
	background-color: #B8C7C8 !important;
}
.tableFixedColumns tbody tr.sortedRow.tableMode.tableModeAdd .dtfc-fixed-left {
	background-color: #929CB8 !important;
}
.tableFixedColumns > tbody > tr:hover .dtfc-fixed-left {
	background-color: #ecf3f8;
}
.onlyOneLine {
	text-overflow: ellipsis;
	overflow-x: hidden;
	width: 100%;
	white-space: nowrap !important;
	display: block;
}