body, table {
    font-family: 'Open Sans', sans-serif;    
}

ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

.mt {
	font-weight: bold;
	font-size: 14px;
	color: green;
}

#userInfoPanel {
	text-align: right;
	font-size: 14px;
}

#menuPanel {
	text-align: right;
	padding-right: 50px;
	padding-top: 10px;
	border-bottom: 1px solid;
}

#menuList li {
	display: inline-block;
	padding: 5px;
}

#containerPanel {
	padding-top: 10px;
}

img {
	border: none;
}

.valuePlan {	
	color: red;
	float:right;
	display:inline;
	width:85%;
	text-align:right;
}

.valueAccept {
	color: black;
	float:right;
	display:inline;
	width:85%;
	text-align:right;
}

.valueNoCalculate {
	padding-left:5px;
	font-size:12px;
	display:inline;
	width:30px;
}

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

a:link {
		color: blue;
	}
 
a:visited {
	color: blue;
}

.applyFilter {
	border-style: solid;
	border-width: 2px !important;
	border-color: brown !important;
}
.applyInsetFilter {
	border-style: solid;
	border-width: 1px !important;
	border-color: brown !important;	
	box-shadow: inset 0px 0px 0px 1px brown;
}

.planStatus option[value="-1"] {
	color: black !important;
}

.planStatus option[value="1"] {
	color: red;
}

.planStatus option[value="2"] {
	color: green;
}

.planStatus option[value="3"] {
	color: blue;
}

.planStatus option[value="4"] {
	color: black;
}

.valuePlan1 {	
	color: red;
	float:right;
	display:inline;
	width:85%;
	text-align:right;
}

.valuePlan2 {	
	color: green;
	float:right;
	display:inline;
	width:85%;
	text-align:right;
}

.valuePlan3 {	
	color: blue;
	float:right;
	display:inline;
	width:85%;
	text-align:right;
}

.valuePlan4 {	
	color: black;
	float:right;
	display:inline;
	width:85%;
	text-align:right;
}

.valuePlanBold {	
	font-weight: bold;	
}

.changeStatus option[value="-1"], .changeStatus option[value="0"], .changeStatus option[value="-2"] {
	color: black !important;
}

.changeStatus option[value="5"] {
	color: red !important;
}

.changeStatus option[value="6"] {
	color: green !important;
}

.changeStatus option[value="11"] {
	color: green !important;
}

.changeStatus option[value="12"] {
	color: green !important;
}

.changeStatus option[value="13"] {
	color: green !important;
}

.changeStatus option[value="14"] {
	color: green !important;
}

.changeStatus option[value="7"] {
	color: blue !important;
}

.changeStatus option[value="8"] {
	color: black !important;
}

.changeStatus option[value="9"] {
	color: gray !important;
	text-decoration: line-through;
}

.changeStatus option[value="10"] {
	color: orange !important;
}

.valueChange5 {	
	color: red;
	float:right;
	display:inline;
	width:85%;
	text-align:right;
}

.valueChange6 {	
	color: green;
	float:right;
	display:inline;
	width:85%;
	text-align:right;
}

.valueChange11 {	
	color: green;
	float:right;
	display:inline;
	width:85%;
	text-align:right;
}

.valueChange12 {	
	color: green;
	float:right;
	display:inline;
	width:85%;
	text-align:right;
}

.valueChange13 {	
	color: green;
	float:right;
	display:inline;
	width:85%;
	text-align:right;
}

.valueChange14 {	
	color: green;
	float:right;
	display:inline;
	width:85%;
	text-align:right;
}

.valueChange7 {	
	color: blue;
	float:right;
	display:inline;
	width:85%;
	text-align:right;
}

.valueChange8 {	
	color: black;
	float:right;
	display:inline;
	width:85%;
	text-align:right;
}

.valueChange9 {	
	color: gray;
	float:right;
	display:inline;
	width:85%;
	text-align:right;
	text-decoration: line-through;	
}

.valueChange10 {	
	color: orange;
	float:right;
	display:inline;
	width:85%;
	text-align:right;		
}


.kalendarz, .kalendarzInput, .kalendarzInput-dis {
	width:75px !important;
}

.kalendarzPopup > div, .kalendarzDataCzasInputPopup > div {
	position: relative !important;
}

.kalendarzDataCzasInput, .kalendarzDataCzasInput, .kalendarzDataCzasInput-dis {
	width:150px !important;
}

.kalendarzOpenPopup, .kalendarzOpenPopup-dis {
	vertical-align: text-bottom;
	margin-bottom: 3px;
}

.kalendarzWeekend, .kalendarzWeekend a {
	background-color: lightgray;
	border-color: lightgray;
}

.applyFilterKalendarz, .applyFilterKalendarzInput {
	width:75px !important;
	border-style: solid;
	border-width: 2px;
	border-color: brown !important;
}

.applyFilterKalendarzDataCzas, .applyFilterKalendarzDataCzasInput {
	width:150px !important;
	border-style: solid;
	border-width: 2px !important;
	border-color: brown !important;
}

.rbAdminPanel {
	display: inline-block;
	padding: 0px;
	margin: 0px; 
	border-radius: 8px;
	width: 15px;
	height: 15px;
	position: relative;
	top: 3px;
	color: white;
}

.rbAdminPanelLeft {
	padding-left: 4px;
	margin-left: 3px;
}

.rbAdminPanelRed {
	background-color: red;
}

.rbAdminPanelGreen {
	background-color: green;
/* 	position: relative; */
/* 	top: 3px; */
/* 	margin-right: 5px; */
}

.rbAdminPanelMain {
	border: 2px solid #6f1f1f !important;	
}

.arrowScroll {
	font-size: 15px;
    color: white;
    width: 10px;
    display: block;
    text-align: center;
    cursor: pointer;
    line-height: normal;
    float:right;
}

.formatMessage {
	white-space: pre-wrap;
	word-wrap: break-word;
	
}

.percentageGraph {
	height: 4px; 
	width: 100px;
	display: flex;
	float:right;
	color: transparent;
}

.percentageGraph:hover
{
    box-shadow: 0px 0px 150px #000000;
    z-index: 2;
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(2);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(2);   
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(2);
    transition: all 200ms ease-in;
    transform: scale(2);
    color : initial;
}

.imageIconView {
	width: 16px;
	height: 16px;
	margin-top: 2px;
}

.rbDialogRbName {
	font-weight: normal;
	font-size: 10px;
	padding-left: 5px;
	line-height: normal !important;
}

.rbDialogNaglowekTable {
	line-height: normal;
	width: 100%;
	margin-top:5px;
}

.rbDialogNaglowekLabel {	
	width: 200px;
	padding-right: 2px;
	text-align: right;
	padding-top: 2px;
}
.rbDialogNaglowekLabelLongDescription {	
	vertical-align: top;
	padding-top: 6px;
}

.rbDialogNaglowekValue {	
	width: 200px;
	padding-top: 2px;
}

.rbDialogNaglowekValueLongDescription {	
	vertical-align: top;
}

.rbDialogNaglowekDescription {
	padding-left: 10px;	
	color: gray;
	font-style: italic;
	font-size: 9px;
	width: 200px;
	text-align: left;
	padding-top: 2px;
}

.rbDialogNaglowekDescriptionLongDescription {
	vertical-align: top;
}

.infoDialog, .errorDialog, .yesNoDialog {
	z-index: 99999 !important;
}

#mainForm\:rbDialogMultiPosition {
	top: 50px !important;
}

.usersEmail {
	font-size:10px;
	color:gray;
	padding-right:5px;
	float:right;" 
}

.infoPanelOU {
	display: block;
	width: 100%;
	font-size: 20px;
	padding: 10px;
	border: 1px solid lightgray;
	margin:5px;
	font-weight: bold;
}

.infoPanelStatic {
	display: block;
	width: 100%;
	height: auto;
	font-size: 20px;
	padding: 10px;
	border: 1px solid lightgray;
	margin:5px;
	text-align: -webkit-center;
}

.infoPanelBox {
	width:300px;
	height: auto; 
	min-height: 200px;
	border: 1px solid lightgray;
	display: inline-block;
	margin:5px;
}

.infoPanelBoxSelected {
	border: 2px solid black;
}

.infoPanelBoxTitle {
	padding: 10px;
	text-transform: uppercase;
	font-size: 20px;
}

.infoPanelBoxCount {
	padding: 5px;
	font-size: 50px;
	color: black;
}

.infoPanelBoxLink {
	padding: 5px;
	font-size: 15px;
}