@charset "UTF-8";

/*----------------- ustawienia globalne -----------------*/
* {
	/* reset marginesow, reszta jest ustawiana przed tym plikiem w normalize.css */
	margin: 0;
	padding: 0;
}

html {
	font-size: 100%;	
	font-family: 'Lato', Monda, sans-serif;	
}

body {
	font-family: 'Lato', Monda, sans-serif;	
	font-size: 14px;
	color: #808080;
	/* background-color: #F2F2F2; */
	text-rendering: optimizeLegibility;
	font-weight: 400;
	line-height: 1.6;
}

html, button, input, select, textarea {
	font-family: 'Lato', Monda, sans-serif;		
}

/* opera outline fix */
input:focus, button:focus, select:focus, textarea:focus {
	outline: 0;
}

a, a.visited {
	text-decoration: none;
	color: inherit;
}

/* usuwa ramke linka */
a, a:active, a:focus {
	outline: none;
}

img {
	border: 0;
}

table {
	border: 1px;
	border-style: solid;
	border-color: grey;
	border-spacing: 5px;
}

.bold {
	font-weight: bold;
}

.inline-block {
	display: inline-block;
}

/*----------------- główny layout strony -----------------*/

#page-center, #footer, #module-container,
	#module-container-modal, #module-container-modal-medium,
	#module-container-modal-small, .page-title,
	.page-title-modal, .page-title-modal-small, .page-title-modal-medium,
	.module-menu, .error-box, .info-box, .alert-box, .obj-alert-box {
	/*width: 1000px;*/
	width: 100%;
	margin: 0 auto 0 auto;
}

#module-container-modal, .page-title-modal {
	/*width: 950px;*/
	width: 100%;
}

#module-container-modal-small, .page-title-modal-small {
	/*width: 570px;*/
	width: 100%;
}

#module-container-modal-medium, .page-title-modal-medium {
	/*width: 600px;*/
	width: 100%;
}

#header {
	/*height: 120px;*/
	color: #848484;
	font-weight: normal;	
	width: 100%;
}

#main {
	width: 100%;
	min-height: 200px;
	margin-bottom: 1px;
	/* margin-top: 25px; */
	color: #808080;
}

#footer {
	height: 30px;
	margin-top: 15px;
	margin-bottom: 20px;
	color: #766F6F;
	font-size: 11px;
}

#scroll-top {
	position: fixed;
	/*
	top: -100px;
	left: 100px;
	*/
	bottom: 20px;
	left: -100px;
}

#scroll-top img {
	max-width: 24px;
	max-height: 24px;
}


/*----------------- wpólne kontrolki -----------------*/
.error-box-cont, .info-box-cont, .alert-box-cont, .obj-alert-box-cont {
	background-color: #F94848;
	color: #FFFFFF;
	text-align: center;
	font-size: 16px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 10px;
	box-sizing: border-box;
	border-radius: 0px;
}

.info-box-cont {
	background-color: #5cb85c;
	color: #FFFFFF;
}

.alert-box-cont, .obj-alert-box-cont {
	background-color: #F94848;
	color: #FFFFFF;
}

.obj-alert-box-cont {
	margin-bottom: 10px;
}

.file-upload-error-text {
	color: red;
	font-weight: 500;
}

/* edity, buttony, elementy form */

/* uniweraslny przycisk zapisu/edycji jako submit */
.edit_button, .edit-button {
	background: #025B9F none repeat scroll 0 0;
	opacity: 0.9;
	border-radius: 0px;
	border: 0px;
	color: #f4f4f4;
	height: 40px;
	text-align: center;
	width: 140px;
	text-align: center;
	font-size: 14px;

	/* // old //
	width: 145px;
	height: 30px;
	align: center;
	text-align: center;
    border: 1px solid #3f9aee;
    background: #3f9aee none repeat scroll 0 0;
	color: #f4f4f4;
	*/
}

.edit_button_inline {
	background: #025B9F none repeat scroll 0 0;
	opacity: 0.9;
	border-radius: 0px;
	border: 0px;
	color: #f4f4f4;
	height: 28px;
	text-align: center;
	width: 120px;
	text-align: center;
}

.edit_button_flex {
	
	height: 25px;
	font-size: 15px;
	
}

.edit_button:hover, .edit-button:hover, .edit_button_inline:hover {
	cursor: pointer;
	opacity: 1;
}

.edit_button_inline_wide {
	width: 200px;
}

.edit_button:disabled, .edit-button:disabled, .edit_button_inline:disabled,
	.edit_button:hover:disabled, .edit-button:hover:disabled,
	.edit_button_inline:hover:disabled, .buttons-disabled input {
	background: #B3C2CF none repeat scroll 0 0;
	border: 0px;
	cursor: pointer;
	opacity: 0.9;
	pointer-events: none;
}

.green_button_small {
	background-color: #5cb85c;
	border-color: #5cb85c;
}

.button-top-margin {
	margin-top: 15px;
}

.button-file-select, .button-file-select-small {
	width: 100%;
	height: 30px;	
	margin: 0px auto 0px auto;
	font-size: 14px;
	text-align: center;
	padding: 4px;
	background: #5cb85c none repeat scroll 0 0;
	color: #f4f4f4;
	border: 0px;
	border-radius: 0px;	
	position: absolute;
	/* z-position: 10; */
}

.button-file-select-small {
	width: 50px;
	height: 50px;
	position: absolute;
	left: 0;
	top: 0;
	background: none;
	border: none;
	padding: 7px 5px;	
	border-radius: 0;
}

.button-file-select:hover, .button-file-select-small:hover {
	cursor: pointer;
	opacity: 1;
}

.button-green {
	background-color: #8bc34a;
	border-color: #8bc34a;
	font-weight: 600;
}

.button-red {
	background-color: #f44336;
	border-color: #f44336;
	font-weight: 600;
}

.button-grey {
	background-color: #9D9D9D;
	border-color: #9D9D9D;
}

.pic-upload-button, .pic-cancel-button, .pic-upload-button-small,
	.pic-cancel-button-small {
	width: 50px;
	height: 30px;	
	margin: 0px 10px;
	font-size: 13px;
	text-align: center;
	padding: 4px;
	background: #0ac922 none repeat scroll 0 0;
	color: #f4f4f4;
	border: 1px solid #0ac922;
}

.pic-upload-button-small, .pic-cancel-button-small {
	width: 20px;
	height: 25px;
	margin: 0;
	padding: 0
}

.pic-cancel-button, .pic-cancel-button-small {
	background: #fb4a4f none repeat scroll 0 0;
	border: 1px solid #fb4a4f;
}

.button-clean {
	background: none;
	border: none;
	color: inherit;
}

.edit_input, .edit_input_fixed, .edit_input_w120, .edit_input_w150,
	.edit_input_shared, .edit_chkbox_left, .edit_memo_input,
	.edit_memo_80_input, .edit_memo_300x50, .edit_input_w50,
	.edit_playground_input_geopos {
	border: 1px solid #B4B4B4;	
	border-radius: 0px;
	height: 25px;
	padding: 0 5px;
	width: 100%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.edit_chkbox_left {
	width: 10px;
	vertical-align: bottom;
	margin: 0 10px 0 10px;
}

.edit_input_fixed {
	width: 300px;
}

.edit_input_w120 {
	width: 120px;
}

.edit_input_w150 {
	width: 150px;
}

.edit_input_w480 {
	width: 480px;
}

.edit_input_w50 {
	width: 50px;
}

.edit_memo_input {
	height: 90px;
}

.edit_memo_80_input {
	height: 80px;
}

.edit_memo_300x50 {
	height: 50px;
	width: 298px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.edit_input_shared {
	width: 77%;
}

.edit_radio_left {
	margin: 0 10px 0 10px;
}

.edit_radio {
	margin-right: 5px;
}

.edit_radio_lab {
	margin-right: 20px;
	white-space: nowrap;
}

.radio-container {
	display: inline-block;
}

.edit_table {
	width: 100%;
	border: none;
	font-size: 16px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
	border-collapse: collapse;
}

/* kontrolowane teraz przez plik tailwind.css */
/* .edit_table td, .edit_table_wide td {
	padding: 15px 5px;
} */

.edit_table tr {
	/*border-bottom: 1px solid #e7e7e7;*/
	margin: 20px;
}

.edit_table_sep {
	border-bottom: 1px solid #dad9d9;
}

.edit_table_sep_top {
	border-top: 1px solid #dad9d9;
}

.edit_table p {
	color: red;
	margin: 0;
}

/* tabelowy noborder ma margines - niech tak zostanie.. */
tr.noborder {
	border-bottom: none !important;
	margin: 20px;
}

.edit_table_td_30 {
	width: 30%;
}

.empty_cont {
	opacity: 0;
	height: 25px;
	width: 100px;
}

.header-sort-asc {
	background: rgba(0, 0, 0, 0) url("../images/sort_up.png") no-repeat
		scroll right center;
}

.header-sort-desc {
	background: rgba(0, 0, 0, 0) url("../images/sort_down.png") no-repeat
		scroll right center;
}

.file-progress, .file-progress-small {
	background: #3f9aee none repeat scroll 0 0;
	border: none;
	height: 25px;
	width: 0;
}

.file-progress-small {
	height: 10px;
}

.datepicker-small {
	width: 98px;
}

.error-text {
	color: red;
}

/* other */

/* elementy inline maja domyslnie biale przerwy - u stawienie czcionki na 0 likwiduje ten problem */
.inline_nospace {
	font-size: 0;
}

p.titleMargin1 {
	margin-left: 10px;
}

.but-center, .but-center-double, .but-center-3 {
	width: 145px;
	margin-left: auto;
	margin-right: auto;
}

.but-center-double {
	width: 308px;	
}

.but-center-3 {
	width: 460px;
	margin-top: 5px;
}

.noBorder {
	border: 0px !important;
}

.noBackground {
	background: none;
}

.radioControl {
	margin: 10px;
}

.button_center {
	width: 145px;
	height: 30px;	
	/*
	border: 1px solid #A9A9A9;
    background: #cecece;    		
    */
	border: 1px solid #3f9aee;
	background: #3f9aee none repeat scroll 0 0;
	color: #f4f4f4;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
	display: block;
}

.divCenter {
	margin: 0 auto;
}

/* w oknach modalnych uzywam dwoch div i klas, pierwszy dialog-box to overlay na cala strone zapobiegajacy dzialaniu elementow pod oknem
   drugi div dialog-box-content sluzy juz do wysweitlenie konkretnego okna */
.dialog-box {
	width: 100%;
	/*height: 100%;*/
	min-height: 200px;
	left: 0;
	top: 0;
	position: absolute;
	z-index: 1000;
}

.dialog-box-top1 {
	z-index: 1001;
}

.dialog-box-content, .dialog-box-content-big, .dialog-box-content-scroll
	{
	background: white none repeat scroll 0 0;
	border: 1px solid #969494;
	padding: 15px;
	/*position: absolute;*/
	position: fixed;
	width: 600px;
	box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.1);
	border-radius: 0px;
}

.dialog-box-content-big, .dialog-box-content-scroll {
	width: 950px;
	height: 690px;
}

#select-company-form {
	width: 950px;
	height: 790px;
}

.dialog-box-overlay {
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
    position: fixed;
    z-index: 500;
    background-color: #EFEFEF;
    opacity: 0.5;        
}

.dialog-box-content-scroll {
	overflow-y: auto;
}

.margin-left-15 {
	margin-left: 15px;
}

/* okno modalne z jQuery */
.dialog-jquery-ui {
	box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.1);
	border-radius: 0px;
}

.ui-question-dialog {
	width: 450px !important;
}

/* css ui jest ladowany pozniej jak moje style, ale jezeli dokladniej sprecyzuje miejsce wystapienia ( wewnatrz mojej dodanej klasy dialogu ) to zlapie i napisze reguly domyslne css dialog */
.dialog-jquery-ui .ui-widget {
	font-family: "Flexo-Regular", Moda, Arial;
}

.dialog-jquery-ui .ui-widget-header {
	background: none;
	border: none;
}

.dialog-jquery-ui .ui-dialog-buttonpane {
	border: none;
}

.dialog-jquery-ui-top {
	z-index: 2000 !important;
} 

.dialog-jquery-ui-noscroll .ui-dialog-content {
	overflow: hidden !important;
}

.ui-widget-overlay {
	/* inaczej tego nie sprecyzuje i nadpisze - ta warstwa jest na samej gorze */
	background: #efefef none repeat scroll 0 0 !important;
	opacity: 0.5 !important;	
}

#question-dialog p {
	font-family: "Flexo-Regular";
	font-size: 17px;
	margin-bottom: 3px;
}

#question-text {
	font-family: "Flexo-Regular";
	font-size: 15px;
}

.link-pointer {
	cursor: pointer;
}

.inline {
	display: inline;
}

.error-input {
	border-color: red;
}

.error-border {
	border: 1px solid red;
	border-radius: 0px;
}

.text-error {
	color: red;
}

.hidden {
	display: none;
}

.float-right {
	float: right;
}

.float-left {
	float: right;
}

.sub-title {
	display: block;
	text-align: left;
	padding: 10px;
	margin: 15px 0 25px 0;
	font-size: 15px;
	background: #179FDB;
	color:white;
	text-transform:uppercase;
}

.sub-title-print {
	/* display: inline;	 */
	padding: 0;
	background: none;
	color: inherit;
	font-weight: 800;	
	margin-bottom: 15px;
	font-size: 17px;
}

.delete-icon-table {
	font-size: 15px;
	color: #FF8989;
}

/******************* general table ***********************/
#table, .table, #table_active, .table_active {
	width: 100%;
	/*border: 1px solid #A9A7A7;*/
	border: 1px solid #ffffff;
	font-size: 15px;
	margin: 20px auto;
	
	border-collapse: collapse;
}

#table th, .table th, #table_active th, .table_active th {
	text-align: left;
	padding: 8px 5px;
	border-bottom: 2px solid #179FDB;
	/*color: #4f4d4d;*/
}

#table td, .table td, #table_active td, .table_active td {
	padding: 8px 5px;
	/*	
	
	*/
	border-bottom: 1px solid #179FDB;
}

/* super wynalazek! koloruje co n wiersz! */
#table tr:nth-child(odd), .table tr:nth-child(odd), #table_active tr:nth-child(odd),
	.table_active tr:nth-child(odd) {
	background: #ffffff;
}

#table_active caption, .table_active caption {
	font-weight: bold;
	text-align: left;
}

.table-simple {
	width: 100%;
	border: none;
	font-size: 15px;
	margin-left: auto;
	margin-right: auto;
	border-collapse: collapse;
}

.table-simple th {
	text-align: left;
	padding: 5px;
	background-color: #BBBFC2;
	border: none;
	/*color: #4f4d4d;*/
}

.table-simple td {
	padding: 5px;
	border: none;
}

#table_active tr:hover,
.table_active tr:hover {
	background: #DEDEDE;
	cursor: pointer;
}

/***************** details table *********************/
.details_table, .details_table_wide {
	border: none;	
	margin: 0;
	border-collapse: collapse;
	font-size: 15px;	
	display: inline-table;
	width: 100%;	
}

.details_table_wide {
	width: 100%;
}

.details_table td, .details_table_wide td {
	padding: 5px;
	border-bottom: 1px solid #179FDB;	
}

.details_table tr:nth-child(odd), .details_table_wide tr:nth-child(odd)
	{
	background: #ffffff;
}


/****************** header ***************************/
.header-user-box {
	min-width: 247px;
	height: 39px;	
	background-color: #179FDB;
	border-radius: 0;
}

.header-user-box-info {
	align-items: center;
	background-color: #179FDB;
	border-radius: inherit;
	color: #f9f9f9;
	display: inline-flex;
	height: 100%;
	/* width: 242px;	 */
	margin: 0;
	/* position: relative; */
	font-size: 14px;
}

.header-user-box-logoff {
	align-items: center;
	background-color: #666666;
	border-radius: inherit;
	color: #f9f9f9;
	display: inline-flex;
	height: 100%;	
	margin: 0;
	/* position: relative; */
	width: 104px;
	font-size: 13px;
}

.header-user-box-logoff:hover {
	background-color: #9DA0A6;
	cursor: pointer;
}

/* .logo {
	display: inline-block;	
	margin-top: 0px;
} */

.header-user-label {
	width: 100%;
	overflow: hidden;	
	margin: 0 2px;
}

.header-user-icon {
	font-size: 13px;
	margin: 0 7px 2px 9px;
}

.header-user-conf-icon {
	font-size: 17px;
	margin: 5px 7px 2px 9px;
}

.header-user-conf-icon:hover {
	color: #C1C1C1;
}

.logo img {
	margin-top: 0px;
}

#logo-text {
	display: inline-block;
	left: 11px;
	margin-left: 20px;
	margin-top: 53px;
	position: relative;
	font-size: 18px;
	/* float: left; */
	color: #8b8888;
}

/****************** MENU *****************************************/

/*** MAIN MENU ***/
.main-menu {
	background-color: #025B9F;
	height: 50px;
	width: 800px;
	float:right;
}

.main-menu ul {
	align-items: center;
	display: flex;
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;			
}

/*Top level list items*/
.main-menu ul li {
	/*display: inline;
	float: left;*/
	flex-grow: 1;
	height: 100%;
	position: relative;
}

/*Top level menu link items style*/
.main-menu ul li a {
	align-items: center;
	color: #f9f9f9;
	display: flex;
	font-size: 14px;
	height: 100%;
	margin: 0;
	padding: 0 10px;
	justify-content: center;
}

/*Sub level menu*/
.main-menu ul li ul {
	left: -1px;
	top: 42px; /* java to i tak zmienia */
	position: absolute;
	display: block;
	visibility: hidden;
	z-index: 100;
	width: 200%;
}

/*Sub level menu list items*/
.main-menu ul li ul li {
	display: inline;
	float: none;
}

/* Sub level menu links style */
.main-menu ul li ul li a {
	padding: 5px 15px;
	background-color: #FFFFFF;
	border-left: 1px solid #42CBFF;
	border-bottom: 1px solid #42CBFF;
}

.main-menu ul li a:hover, .main-menu ul li .activeModule {

	color: #999999;
}

.main-menu ul li ul li a:hover {
	background: #42CBFF;
	color: white;
}

.main-menu ul li:first-child a:hover {
	border-radius: 0px 0 0 0px;
}

.main-menu ul li:last-child a:hover {
	border-radius: 0 0px 0px 0;
}

.main-menu .arrowdiv {
	position: absolute;
	right: 0;
	background: transparent url(menuarrow.gif) no-repeat center left;
}

.main-menu_home {
	width: 50px;
}

* html p#iepara {
	/*For a paragraph (if any) that immediately follows menu, add 1em top spacing between the two in IE*/
	padding-top: 1em;
}

/* Holly Hack for IE \*/
* html .main-menu ul li {
	float: left;
	height: 1%;
}

* html .main-menu ul li a {
	height: 1%;
}
/* End */

/********* MODULE MENU ***************/
.module-menu {
	background-color: none;
	height: 100%;
	margin-top: 50px;
	margin-bottom: 0px;
	overflow: hidden;
}

.module-menu-small-margin {
	margin-top: 20px;
}

.module-menu-left {
	background-color: none;
	height: 500px;
	width: 205px;
	margin: 5px 0 5px 0;
	display: inline-block;
	/* float: left; */
}

.module-menu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	height: 100%;
}

/*Top level list items*/
.module-menu ul li {
	position: relative;
	display: inline;
	float: left;
	height: 88px;
	min-width: 88px;
	padding: 4px 4px;
}

/*Top level menu link items style*/
.module-menu ul li a, .module-menu ul li p {
	display: block;
	/*height: 21px;*/
	height: 100%;
	margin: 0 0 0 0;
	/*padding: 2px 4px;*/
	font-size: 13px;
	/* vertical-align: middle;	 */
	color: #444545;
}

.module-menu-left ul li a, .module-menu-left ul li p {
	display: block;
	/*height: 28px;*/
	width: 170px;
	margin: 0 0 0 0;
	/*padding: 2px 8px;*/
	font-size: 13px;
	/* vertical-align: middle; */
	/*color: #00A4E1;*/
	color: #626262;
}

/*Sub level menu*/
.module-menu ul li ul {
	left: 0;
	top: 0;
	border-top: 1px solid #202020;
	position: absolute;
	display: block;
	visibility: hidden;
	z-index: 100;
}

/*Sub level menu list items*/
.module-menu ul li ul li {
	display: inline;
	float: none;
}

/* Sub level menu links style */
.module-menu ul li ul li a {
	font-weight: normal;
	padding: 2px 5px;
	background: #e3f1bd;
	border-width: 0 1px 1px 1px;
}

.module-menu ul li a:hover {
	/*background: url(menubgover.gif) center center repeat-x;*/
	/*background: #E3E3E3;*/
	color: white;
}

.module-menu ul li p:hover {
	background: #A9A7A7;
	color: white;
	cursor: pointer;
}

.module-menu ul li ul li a:hover {
	background: #42CBFF;
	color: white;
}

.module-menu .arrowdiv {
	position: absolute;
	right: 0;
	background: transparent url(menuarrow.gif) no-repeat center left;
}

.module-menu-last-element {
	border-right: none !important;
}

.mod-menu-el-box {
	border: 1px solid #1784bc;
	border-radius: 0;	
	text-align: center;
	width: 100%;
	height: 100%;
}

.mod-menu-el-box img {
	margin: 4px auto 0;
	display: block;
	height: 50px;	
}

.mod-menu-el-box span {
	color: #1784bc;
	font-size: 10px;
	
	margin: 0 5px;
}

/*.module-menu ul li img:hover {*/
.mod-menu-el-box:hover {
	background-color: #1784bc;	
	cursor: pointer;
	border-radius: 0;
}

.mod-menu-el-box:hover span {
	color: white;
}

/********************* login ******************/
.page_box_login {
	background-image: url("../images/login_pic.jpg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	/*height: 660px;*/
	width: 100%;
	overflow: hidden;
}

.login-box {
	background-color: #ffffff;
	border: 1px solid #919191;
	border-radius: 0px;
	/* height: 220px;
	margin: 180px auto 0;
	width: 450px; */
	margin: 0px 5px;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;
	padding-bottom: 20px
}

.login-buttons-box {
	margin: 15px 15px 0;
}

.login-error {
	background-color: #f94848;
	border: 1px solid #f94848;
	border-radius: 0px;
	height: 35px;
	margin: 10px 5px 0px 5px;
	padding: 5px 0;
}

.login-error p {
	color: #f9f9f9;
	text-align: center;
}

.login-title {
	background-color: #1784bc;
	border: 1px solid #1784bc;
	border-radius: 0px;
	height: 40px;	
	padding: 2px;
}

.login-title h1 {
	color: #f9f9f9;
	font-size: 20px;
	text-align: center;
}

#login-table {
	border: 0 none;
	font-size: 16px;
	margin: 20px auto 0;
	padding: 10px;
	width: 385px;
	table-layout: fixed;
}

#login-table td {
	padding: 15px 5px;
	position: relative;
}

.login-table-col1 {
	width: 100px;
	
	@media screen and (max-width : 768px) {
        width: 70px;
	}
}

.edit-input-login {
	border-radius: 0px;
	height: 36px;
	padding: 0 10px;
	width: 230px;
	background-color: white;
}

.edit-input-login:focus {
	background-color: #EFEEEE;
	outline: 0;	
}

.edit-input-login-checkbox {
	border-radius: 0px;		
	background-color: white;
	margin-right: 10px;
	height: 17px;
  	width: 17px;
}

.input-login-ico {
	position: absolute;
	/* display: block;
	left: 230px;	
	top: 15px; */
}

.but-login, .but-accept-regulation {
	background: #3f9aee none repeat scroll 0 0;
	border: 1px solid #3f9aee;
	border-radius: 0px;
	box-shadow: 0 5px 10px #888888;
	color: #f4f4f4;
	height: 40px;
	text-align: center;
	width: 140px;
}

.but-accept-regulation {
	width: 480px;
  	font-size: 16px;
  	height: 55px;
  	margin-top: 15px
}

.but-login:hover, .but-accept-regulation:hover {
	cursor: pointer;
	opacity: 0.8;
}

/******************* strony *******************/
.page_box, .page_box_small {
	width: 100%;
	margin: 0;
	padding: 10px 0;
	margin: 1px 0 0 0;
	min-height: 220px;
	box-sizing: border-box;
}

.page_box_clean, .page_box_small_clean, .page_box_clean_w_margin {
	padding: 0;
	width: 100%;
	margin: 1px 0 1px 0;
	min-height: 200px;
	box-sizing: border-box;
}

.page_box_small, .page_box_small_clean {
	min-height: 50px;
}

.page_box_clean_w_margin {
	margin-top: 10px;
}

h1.box_title {
	font-size: 16px;
}

h2.box_title {
	font-size: 15px;
	font-weight: normal;
}

.page_box h1, .page_box_small h1, .page_box_clean h1,
	.page_box_small_clean h1 {
	font-size: 14px;
}

.page-title, .page-title-modal, .page-title-modal-small,
	.page-title-modal-medium, .page-title-underline, .page-title-small,
	.page-title-underline-small, .page-title-underline-small-space {
	font-size: 24px;
	/* margin: 50px auto 1px auto; */
	/*padding-left: 5px;*/
	text-align: left;
	color: white;
	background: #179FDB;

	padding: 10px 0 10px 30px;

	@media print {
		padding: 0;		
	}
}

.page-title-modal-small {
	font-size: 20px;
}

.page-title-modal-medium {
	font-size: 23px;
}

.page-title-underline, .page-title-underline-small,
	.page-title-underline-small-space {
	border-bottom: 1px solid #ADADAD;
}

.page-title-underline-small-space {
	margin-top: 20px;
}

.page-title-small, .page-title-underline-small {
	font-size: 18px;
	/* color: inherit; */
	margin-top: 35px;
}

/****************** FORMATOWANIE MODULOW *************************/

/******************* playground_list ***********************/

/* lista placow */
.playground_list_element_box1, .playground_list_element_box2 {
	border: 1px solid #86b2c9;
	border-radius: 0px;
	display: inline-block;
	height: 150px;
	margin-right: 15px;
	margin-top: 15px;
	padding: 8px;
	width: 490px
}

.playground_list_element_box2 {
	margin-right: 0;
	margin-left: 0;
}

.playground_list_element_box1:hover, .playground_list_element_box2:hover
	{
	background-color: #DCDCDC;
}

.playground_list_element_content {
	/* float: left; */
	height: 100%;
	/* width: 322px; */
}

.playground_list_element_image_box {	
	/* height: 100%;
	width: 150px; */
	background-color: inherit;
}

.playground_list_element_image_box img {
	border-radius: 0px;		
	max-height: 130px;
	max-width: 130px;
	background-color: inherit;
}

.playground_list_element_table {
	border: none;
	width: 100%;
	margin: 15px 0 0 1px;
	border-collapse: collapse;
	table-layout: fixed;
	font-size: 16px;
}

.playground_list_element_table td {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	padding: 5px 0;
}

.playground_list_element_table_title {
	font-size: 16px;
	font-weight: bold;
	color: #47A6D9;
}

#sel-company-box {
	height: 570px;
	overflow-y: auto;
}

.bad-status {
	background-color: #FB9C95 !important;
}

.bad-status:hover {
	opacity: 0.8 !important;
}

.bad-status-sign {
	font-size: 16px;
	margin-right: 5px;
	color: red;
}

/******************* overview ***********************/
.overview-info-box {
	width: 487px;
	height: 200px;
	padding: 0px;
	display: inline-block;
	background-color: #FFFFFF;
	border: 1px solid #179FDB;
	border-radius: 0px;
	margin-top: 20px;
	overflow: clip;
}

.overview-info-box a {
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 0px;
}

.overview-info-box a:hover {
	/*background-color: #1B7EB3;*/
	background-color: #F1F1F1;
	/*color: #f9f9f9;*/
}

.overview-info-content {
	float: left;
	height: 160px;
	margin: 15px 0 0 20px;
	/* width: 370px */
}

.overview-info-icon {
	float: left;
	height: 60px;
	width: 60px;
	margin: 15px 0 0 25px;
}

.overview-info-content p {
	margin: 0;
	font-size: 16px;
	color:#808080;
}

.overview-info-content h1 {
	font-size: 18px;
	color:#808080;
	font-weight: 700;
	margin-bottom: 13px;
	text-transform:uppercase;

}

.overview-info-box-left-top{
	margin-right: 18px;
	margin-top: 50px;
}

.overview-info-box-right-top{
	margin-top: 50px;
}

.overview-info-box-left-middle {
	margin-right: 20px;
	margin-top: 5px;
}

.overview-info-box-right-middle {
	margin-top: 5px;
}

/******************* playground *************************/
.edit_playground_input_geopos {
	width: 79%;
}

/* tabele do edycji galerii */
#edit_picture_table {
	width: 450px;
	border: none;
	font-size: 16px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	border-collapse: collapse;
	text-align: center;
}

#edit_picture_table tr:nth-child(odd) {
	background: #F1F1F1;
}

#edit_picture_table tr {
	/*border-top: 1px solid #e7e7e7;*/
	height: 120px;
}

#edit_picture_table tr:first-child {
	height: 20px;
}

.edit_picture_table_col1 {
	width: 110px;
}

#edit_playground_picture_add_table {
	width: 450px;
	font-size: 15px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
	border: none;
	border-collapse: collapse;
}

#edit_playground_picture_add_table td {
	padding: 5px 5px 5px 5px;
}

#edit_playground_picture_add_table tr {
	/*border-bottom: 1px solid #e7e7e7;*/
	margin: 20px;
}

#edit_playground_picture_add_table caption {
	font-weight: bold;
	text-align: left;
}

.device_list_element_table {
	border: none;
	width: 100%;
	/* margin: 7px 0 0 5px; */
	border-collapse: collapse;
	table-layout: fixed;
	font-size: 13px;
}

/* table fixed - each row has only one line! cool */
.device_list_element_table td {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.device_list_element_table_title {
	font-size: 16px;
	font-weight: bold;
	color: #025B9F;
	padding-bottom:10px;
}

.noplayground_info {
	width: 938px;
	text-align: center;
	font-size: 16px;
	padding: 30px;
	border: 1px solid #6492BC;
}

.playgroundPicture {
	width: 250px;
	/* height: 230px; */
	border: 10px solid #FFFFFF;
	display: inline-block;
	/* float: right; */
	margin-top: 13px;
}

.playgroundPicture img {
	display: block;
	border: 1px solid #FFFFFF;
	border-radius: 0px;
}

.but-company-select {
	width: 40px;
}

/* ukrywam scrolle wwe formie new user */
#new-user-form {
	overflow: hidden;
}

/*************************** device ********************************/
.device_list_element_box1, .device_list_element_box2,
	.device_list_element_box3 {
	border: 1px solid #025B9F;
	border-radius: 0px;
	display: inline-block;
	height: 125px;
	margin-bottom: 7px;
	margin-right: 7px;
	padding: 8px;
	width: 326px;
}

.device_list_element_box1:hover, .device_list_element_box2:hover,
	.device_list_element_box3:hover {
	/* background-color: #ffffff; */
	background-color: #eff7ff;
}

.device_list_element_box2 {
	margin-right: 0;
	margin-left: 0;
}

.device_list_element_box3 {
	margin-right: 0;
	margin-left: 7px;
}

.device_list_element_box_half {
	width: 185px;
}

/* .device_list_element_content {
	width: 222px;
	height: 100%;
	float: left;
}
*/
.device_list_element_image_box {
	/* float: right;
	height: 100%;
	width: 81px; */
	background-color: inherit;
} 

.device_list_element_image_box img {
	border-radius: 0px;
	display: block;
	margin: 12px auto;
	max-height: 100px;
	max-width: 80px;
	background-color: inherit;
}

.devicePicture {
	width: 180px;
	height: 180px;
	border: 10px solid #FFFFFF;
	display: inline-block;
	/* float: right; */
	margin-top: -10px;
}

.deviceManufCombobox {
	width: 121px;
}

.catalogue_category_box {
	border: 0;	
	margin: 10px 0;
	padding: 10px 0 10px 0;
}

.catalogue_input_code {
	width: 100px;
	margin-right: 20px;
}

.catalogue_input_category {
	/* width: 400px; */
	border: 1px solid #A9A7A7;
	height: 25px;
	/* margin-left: 10px;
	margin-right: 10px; */
}

.new-device-box {
	width: 100%;
	height: 100%;
	text-align: center;
}

.new-device-icon {
	font-size: 50px;
	margin: 10px auto 12px;
}

.new-device-caption {
	display: block;
	font-size: 16px;
}

.dev-cat-thumb {
	/*width: 30px;
	height: 30px;*/
	max-height: 30px;
	max-width: 30px;
}

.dev-cat-pic {
	max-height: 100px;
	max-width: 100px;
}

#cat-pic-containter {
	display: inline-block;
}

/****************** gallery *************************/
.picture_preview_box {
	width: 100px;
	height: 100px;
	margin: 10px;
	display: inline-block;
	vertical-align: top;
	/*background-color: #FBD047;*/
}

.galleryPicThumbBox {
	width: 171px;
	height: 171px;
	margin: 10px;
	display: inline-block;
	vertical-align: top;
	/*background-color: #FBD047;*/
}

.picture_preview_box_parent {
	width: 100%;
	height: 100%;
	display: table;
}

.picture_preview_box_child {
	width: 100%;
	height: 100%;
	vertical-align: middle;
	text-align: center;
	display: table-cell;
}

.picture_preview {
	max-width: 100px;
	max-height: 100px;
	display: block;
}

.picture-options-icon {
	font-size: 22px;
	color: #3f9aee;
}

.picture-options-red-icon {
	font-size: 22px;
	color: #FC3F3F;
}

/*kontrolki dodawania plikow do galerii */
div.fileinputs {
	position: relative;
	width: 145px;
	padding: 0;
	height: 30px;
	margin: 0 auto;
}

div.fileinputs-small {
	position: relative;
	left: 0;
	top: 0;
	display: inline-block;
	width: 50px;
	padding: 0;
	height: 70px;
	margin: 0 5px 0 0;
}

.fileinputs-small img {
	height: 60px;
	width: 50px;
}

div.fileinputs-doc {
	position: relative;
	width: 100px;
	padding: 0;
	height: 30px;
	margin: 15px 0 0 0;
}

div.fakefile {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
	width: 100%;
	margin: 0;
	padding: 0;
	line-height: 90%;
	border: 0;
}

div.fakefile input {
	margin: 3px 0 0 0;
	height: 25px;
	width: 221px;
	border: 1px solid #A9A7A7;
}

div.fakefile img {
	float: right;
	margin: 3px 0 0 0;
}

input.file, input.file-small {
	position: relative;
	text-align: right;
	-moz-opacity: 0;
	/* filter: alpha(opacity: 0); */
	opacity: 0;
	z-index: 2;
	width: 100%;
	height: 30px;
}

input.file-small {
	top: 0;
	left: 0;
	position: absolute;
	height: 50px;
}

input.file:hover, input.file-small:hover {
	cursor: pointer;
}

/* end input file gallery */
.gallery_frame {
	padding: 5px;
	width: 980;
	/*border: 1px solid #9CC0CD;*/
}

.gallery_frame p {
	font-size: 13px;
	font-weight: bold;
	color: #788D95;
	margin: 0;
}

/* box podgladu zdjecia przy przegladach, gwarancjach itp. */
.smallPictureThumb {
	width: 50px;
	/* height: 70px; */
	margin: 0 5px 5px 0;
	display: inline-block;
	text-align: center;
	font-size: 10px;
}

.smallPictureThumbPrint {
	width: 165px;	
}

/******************* documents ***************************/

.doc-table-col2 {
	width: 15px;
}

.doc-add-table {
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 5px;
	width: 50%;
}

/******************* inspection ***************************/
.inspection_device_list_table {
	border: none;
	width: 295px;
	margin: 0 0 0 5px;
	border-collapse: collapse;
	table-layout: fixed;
}

.inspection_device_list_table td {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	padding: 0;
}

.edit_inspection_table {
	width: 98%;
	border: none;
	font-size: 13px;
	margin-left: auto;
	margin-right: auto;
	border-collapse: collapse;
}

.edit_inspection_table td {
	padding: 5px;
}

.edit_inspection_table tr {
	/*border-bottom: 1px solid #E7E7E7;*/
	margin: 20px;
}

.edit_inspection_table p {
	color: red;
}

.edit_inspection_table_tr_separator {
	background-color: #DDDDDD;
	border-bottom: 0;
	border-top: 1px solid #9A9898;
}

.edit_inspection_devices_table {
	width: 100%;
	border: none;
	margin: 0;
	border-collapse: collapse;
	/* border-top: 1px solid #dad9d9; */
}

.edit_inspection_devices_table td {
	padding: 15px 5px;
}

.edit_inspection_devices_table tr {
	/*border-bottom: 1px solid #D6D6D6;*/
	padding: 0;
}

.edit_inspection_devices_table p {
	color: red;
}

.edit_inspection_table_devices tr {
	background-color: #EDEDED;
	/*border-top: 1px solid #9C9C9C;*/
	padding-left: 5px;
}

.edit_inspection_table_devices_tr {
	border-top: 1px solid #dad9d9;
}

/* .inspection_table_row_no_highlight {
	background-color: #FBFBFB;	
}

.inspection_table_row_highlight {
	background-color: #f7f7f7;
} */

/* .edit_table .edit_inspection_table_devices tr:nth-child(odd)
{
	background: #F1F1F1;
}
 */

.edit_inspection_print_table {
	width: 100%;
	border: none;
	font-size: 16px;	
	border-collapse: collapse;
	table-layout: fixed;
}

.edit_inspection_print_table tr {
	/*border-top: 1px solid #BAB6B6;*/
	border-bottom: 1px solid #D3D3D3;
}

.inspection_device_list_print_table {
	border: none;
	width: 100%;
	margin: 0;
	border-collapse: collapse;
	table-layout: fixed;
}

.inspection_device_list_print_table tr {
	border: none;
}

.edit_inspection_devices_print_table {
	width: 100%;
	border: none;
	font-size: 13px;
	margin: 10px 0 10px 0;
}

.edit_inspection_devices_print_table tr {
	border-top: 1px solid #9C9C9C;
	padding-left: 5px;
	height: 40px;
}

#inspection_select {
	width: 280px;
	height: 160px;
	margin: 10px auto 10px auto;
	font-size: 14px;
}

.inspection-status-form-content {
	min-height: 335px;
	height: auto;
}

.insp-grade-ok {
	background-image: url("../images/smile_ok.png");
	background-position: 15px center;
	background-repeat: no-repeat;
	background-size: 20px auto;
}

.insp-grade-nok {
	background-image: url("../images/smile_nok.png");
	background-position: 15px center;
	background-repeat: no-repeat;
	background-size: 20px auto;
}

/******************* compliant *****************************/

/***************** google maps **************/
#map-canvas {
	height: 490px;
	width: 100%;
	border: 1px solid #A9A7A7;
	margin: 5px 0;
}

#searchBoxField {
  	border: 1px solid #a9a7a7;
    height: 20px;
    width: 100%;
}

#searchBoxContainer {
 	font-size: 12px;
    height: 50px;
    margin: 6px 0;
    width: 100%;
}

/************* activity *******/
.activity_table {
	width: 100%;
	border: none;
	font-size: 16px;
	margin-left: auto;
	margin-right: auto;
}

.activity_table td {
	text-align: left;
	padding: 0px;
}

.activity_table tr {
	border: none;
}

.add_activity_textarea {
	/*width: 588px;*/
	width: 100%;
	height: 110px;
	border: 1px solid #A9A7A7;
	font-size: 16px;
}

.add_activity_control {
	width: 100%;
	border: 1px solid #A9A7A7;
	height: 25px;
}

.activity-form-content {
	min-height: 230px;
	height: auto;
}

.activity-icon {
	font-size: 17px;
	margin-right: 2px;
}

#activity-history-table th {
	background-color: #ffffff;
	border:0;
	border-bottom: 2px solid #179FDB;
	
}

/***************** configuration ***********/
.devListButton {
	height: 18px;
	margin: 0;
	padding: 2px;
	width: 294px;
	font-size: 11px;
	margin: 0 auto;
}

.form-edit-icon {
	margin-left: 5px;
	color: #4B4B4B;
}

.control-edit-icon {
	margin-left: 10px;
	color: #1d92d0;
}

.dic-icons {
	color: #6c7173;
    font-size: 16px;
    margin-left: 10px;
}

/***************** company ***********/

.comp-list-icon {
	color: #787878;
}

/***************** flter box ***************/

.filter-box {
	padding: 10px 0 0 0;
	width: 100%;
	margin: 1px 0 1px 0;
	box-sizing: border-box;
	min-height: 50px;
	font-size: 14px;
}

.filter-box-big {
	border: 1px solid #adadad;
	border-radius: 0px;
	box-sizing: border-box;
	font-size: 14px;
	margin: 0 0 7px 0;
	min-height: 50px;
	padding: 10px;
	width: 100%;
	overflow: hidden;
}

.filter-box-big span {
	margin-left: 4px;
}

.filter-box-big div {
	display: inline-block;
}

.edit_filter {
	width: 193px;
	border: 1px solid #B4B4B4;
	height: 25px;
	margin: 10px 0 10px 4px;
	border-radius: 0px;
}

.edit_filter_date {
	width: 98px;
}

.filter-box-title {
	display: block;
	margin: 25px 0 5px 0;
	text-transform:uppercase;
}

.filter-box-title:hover {
	cursor: pointer;
}

.button-filter-send {
	/*float: right;*/
	margin: 10px 0 0 4px;
}

.regulation p {
	line-height: 1.4;
	margin-bottom: 10px;
	font-size: 16px;
  }

  .regulation .centered, .regulation h2 {
	text-align: center;
  }
  .regulation h2 {
	padding-top: 15px;
	margin-bottom: 10px;
	font-size: 16px;
	font-weight: 600;
  }

.privacy-policy .privacy-title {
	text-align: center;
	color: #0267b4;
	font-size: 28px;
	font-weight: 700;
	padding-bottom: 15px;
  }  

.overview-module {
	min-height: 69vh;
}

/* jest problem przy lamaniu strony break-after wewnatrz flexa, nie dziala! wiec tworze klase flex-no-print aby przelaczas sie w
   w zaleznosci od plotna  */
.flex-no-print {
	display: flex;
}

@media print { 

	@page {
		size: A4 portrait;
		}

	.flex-no-print {
		display: block;
	}

	.page-break {			
		break-after: page;				
	}	
}