/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/

/* 
    Created on : 2017-08-16, 11:33:59
    Author     : kamil
*/


html, body {
	margin: 0;
	padding: 0;
	font-family: Lato, Tahoma, Helvetica, sans-serif;
	font-size: 14px;
	font-size: 90%;
	color: #222;
	background-color: #fcfcfc;
}

* {
	padding: 0;
	margin: 0;
}

body {
	min-width: 100%;
	min-height: 100%;
	padding-bottom: 0;
	/*color: #eee;*/
	color: #222;
	/* font-family: Lato, sans-serif; */
}

textarea {
	/*    box-sizing: border-box;*/
	margin: 0 10px;
	padding: 7px;
	/* width: 300px; */
	border: 1px solid;
	background-color: #fff;
	border-color: #ccc;
	border-radius: 3px;
	outline: none;
}

div.checboxes_smarty {
	width: auto;
	min-width: 100px;
	display: inline-block;
	/*margin: 10px 10px 10px 10px;*/
	line-height: 30px;
	/*text-align: right;*/
}



input[type="password"], select {
	margin: 0 10px;
	padding: 5px;
	/*width: 300px;*/
	border: 1px solid #ccc;
	background: #fff!important;
}

.przewijanie_stron input[type="text"], select {
	/*width: 100px;*/
	/*margin: 0 200px;*/
	/*margin-right: 200px;*/
}

.przewijanie_stron {
	margin-right: 200px;
}

.tabelakomorkiright {
	/*background-image : url(./grafika_new/tlo_opisu_pol.png);*/
	/*background-repeat: repeat-y;*/
	/*background-color : #CAE3F7 ;*/
	/*padding : 0.15em ;*/
	padding: 10px;
	text-align: right;
	/*margin: 10px 0;*/
	/*max-width:25em;*/
}

.tabelakomorkileft {
	/*background-image : url(./grafika_new/tlo_opisu_pol.png);*/
	/*background-repeat: repeat-y;*/
	/*background-color : #CAE3F7 ;*/
	/*padding : 0.15em ;*/
	padding: 10px;
	/*margin: 10px 10px 10px 10px;*/
	text-align: left;
	max-width: 500px;
}

#navbar-top {
	width: 100%;
	height: 50px;
	position: fixed;
	background-color: #438eb9;
}

#navbar-side {
	width: 189px;
	height: 100%;
	margin-top: 1px;
	position: fixed;
	/*position: relative;*/
	/*background-color: #f2f2f2;*/
	background-color: #f7f7f7;
	color: #333;
	border-right: 1px solid #ccc;
	float: left;
	max-height: calc(100vh - 50px);
	overflow: auto;
}

#navbar-side ul {
	overflow: hidden;
	padding: 0;
	margin: 0;
}

#navbar-side ul li {
	list-style: none;
	border-bottom: 1px solid #e5e5e5;
}

#navbar-side a {
	width: 100%;
	font-size: 18px;
	line-height: normal;
	padding: 10px 0 10px 20px;
	box-sizing: border-box;
	display: block;
	text-decoration: none;
}

#navbar-side a i {
	color: #750b22;
}

#navbar-side a:hover {
	padding-left: 17px;
	background-color: #f1f1f1;
	border-right: 3px solid #750b22;
}

.navbar-side-highlithed {
	background-color: #ccc;
	/* color: #750b22 !important; */
	border-right: 3px solid #750b22;
}

.navbar-side-highlithed li {
	background-color: #f1f1f1;
	/* color: #750b22 !important; */
	border-right: 3px solid #750b22;
}

#navbar-side ul ul {
	display: none;
}

#navbar-side ul ul li a {
	padding-left: 30px;
	padding-right: 25px;
	border-left: none;
}

#navbar-side ul ul li a:hover {
	padding-left: 30px;
	border-left: none;
}

#navbar-side .menu-text {
	margin-left: 5px;
	color: #333;
	font-size: 14px;
	display: block;
}

navbar-side b {
	float: right;
	margin-right: 17px;
}

.zakladka>a {
	color: #333;
	font-size: 14px;
	/* font-family: sans-serif; */
	padding: 5px 5px;
}

.zakladka_active {
	color: #fcfcfc !important;
	font-size: 14px;
	/* font-family: sans-serif; */
	padding: 5px 5px;
	background-color: #750b22;
}

.zakladka>a:hover {
	font-size: 14px;
	/* font-family: sans-serif; */
	color: #fcfcfc;
	background-color: #750b22;
	padding: 5px 5px;
}

.rzut_w_prawo>a {
	color: #333;
}

.tablica_obiekt {
	/*width:70%;*/
	/*width:35em;*/
	max-width: 65em;
	width: calc((100% - 30em) - 30px);
}

.button {
	background-color: #750b22;
	border: none;
	color: #fcfcfc;
	padding: 5px 5px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
	margin: 4px 2px;
	-webkit-transition-duration: 0.4s;
	/* Safari */
	transition-duration: 0.4s;
	cursor: pointer;
}

.button1 {
	background-color: #fcfcfc;
	color: #222;
	border: 2px solid #750b22;
}

.button1:hover {
	background-color: #750b22;
	color: #fcfcfc;
}

.button2 {
	background-color: #fcfcfc;
	color: #333;
	font-size: 14px;
	/*border: 2px solid #750b22;*/
	font-family: sans-serif;
}

.button3:hover {
	background-color: #fcfcfc;
	color: #333;
	font-size: 14px;
	/*border: 2px solid #750b22;*/
	font-family: sans-serif;
}

.content {
	/*width: calc(100% - 200px);*/
	overflow: auto;
	margin-left: 190px;
}

.content_moduly_ikony {
	/*width: calc(100% - 200px);*/
	/*overflow: auto;*/
}

.input_numer {
	width: 30px;
}

.lista {
	width: 300px;
}

.komunikat_o_hasle {
	border-style: solid;
	border-color: #b3b3b3;
	border-width: 1px;
	border-radius: 5px;
	background-color: #fcfcfc;
	position: absolute;
	left: 50%;
	top: 50%;
	width: 600px;
	height: 300px;
	margin-top: -150px;
	margin-left: -300px;
	padding: 20px;
	z-index: 99;
}

.kalendarz_element>input[type="number"] {
	/*input[type="number"]{*/
	width: 70%;
	text-align: right;
	margin: 0 10px;
	padding: 5px;
	border: 1px solid #ccc;
	background-color: #fcfcfc;
}


input[type="checkbox"] {
	outline: none;
	width: 15px;
	height: 15px;
	margin: 0 10px;
	padding: 5px;
	border: 1px solid #ccc;
	background-color: #fcfcfc;
}

input[type="checkbox"]:checked {
	width: 15px;
	height: 15px;
	margin: 0 10px;
	padding: 5px;
	border: 1px solid #ccc;
	background-color: #fcfcfc;
}

.linki {
	text-decoration: none;
	font-size: 14px;
	/*color: #555;*/
	color: #222;
}

/*fr odpowiedzialny za czerwone podswietlenie pol w systemie*/

input[type="text"]:focus {
	outline: none !important;
	border: 1px solid #750b22;
	/* box-shadow: 0 0 10px #750b22; */
}

input[type="number"]:focus {
	outline: none !important;
	border: 1px solid #750b22;
	/* box-shadow: 0 0 10px #750b22; */
}

input[type="password"]:focus {
	outline: none !important;
	border: 1px solid #750b22;
	/* box-shadow: 0 0 10px #750b22; */
}

textarea:focus {
	outline: none !important;
	border: 1px solid #750b22;
	/* box-shadow: 0 0 10px #750b22; */
}

select:focus {
	outline: none !important;
	border: 1px solid #750b22;
	/* box-shadow: 0 0 10px #750b22; */
}

input[type="checkbox"]:focus {
	outline: none !important;
	border: 1px solid #750b22;
	/* box-shadow: 0 0 10px #750b22; */
}

.naglowki_kolumn {
	display: table;
}

.naglowki_kolumn_kolumny {
	display: table;
	display: table-cell;
	vertical-align: middle;
	padding: 2px 2px 2px 2px;
}

.menubar {
	position: fixed;
	z-index: 1000;
	width: 100%;
	border: 0px;
	border-bottom: 1px;
	border-color: #750b22;
	border-style: solid;
	background-color: #f7f7f7;
}

.kolor_glowny {
	color: #750b22;
}

.tlo_kolor_glowny {
	background-color: #f7f7f7;
}

.obramowanie_kolor_glowny {
	border-color: #cccccc;
}

.wciecie {
	padding-left: 20px;
}

.widget_button {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 35px;
	height: 48px;
	border-radius: 4px 0 0 4px;
	background-color: #f7f7f7;
	border-color: #ccc;
	border-style: solid;
	border-left-width: 1px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-right-width: 0px;
}
div.checboxes_smarty label {
    margin-left: 35px;
    text-indent: -35px;
    display: block;    
}