html,body{
	font-family: Arial,Helvetica sans-serif;
	font-size: 14px;
	line-height: 18px;
	color: #454545;
	background-color: #ffffff;
	height: 100%;
	position: relative;
	min-width: 1200px!important;
}

a{
	text-decoration: none;
	color: #3797fd;
}

a:hover{
	color: #FFB03B;
}

.clear{
  clear: both;
}

.show{
	display: block;
}

.hide{
	display: none;
}

.center{
	text-align: center;
}

h1{
  color: #0d253e;
  font-weight:bold;
  font-size: 28px;
  margin: 0 0 40px;
  
}

h1 a{
  color: #0d253e !important;
}

h2, h3{
  color: #3797fd;
  font-weight:bold;
  font-size: 20px;
  margin: 0 0 40px;
}

h2, h3 a{
  color: #3797fd !important;
}

h4, h5{
  color: #3797fd;
  font-weight:bold;
  font-size: 18px;
  margin: 0 0 40px;
}


h4 a, h5 a{
  color: #3797fd !important;
}

b{
	font-weight: bold;
}

p{
	margin-bottom: 10px;
}

/** HEADER**/

#menu, #header{
  	min-height: 60px;
	background-color: #2185c5; 
	min-width: 100%;
	width: 100%;
}

#header{
	/*position: fixed;*/
	top: 0;
	left: 0;
	z-index: 1;
	min-width: 950px;
}

#menu ul{
  padding:0;
  margin:0;
  list-style-type:none;
  height: 35px;
   
}

#menu ul#menu-left{
	float:left;
}

#menu ul#menu-right{
	float:right;
}


#menu li {
  display:inline; 
  height: 35px;
  float: left;
  position: relative;
}

#menu  a{
  float:right;
  text-decoration:none;
  color: #ffffff;
  height: 60px;
  display: block;
  font-size: 18px;
  text-align: center;
  line-height: 60px;
  text-transform: uppercase;

  font-weight: bold;
  padding: 0 15px;
  

}

#menu a:hover{
	border: none !important;
	background-color: #8FCED6 !important;
	color: #ffffff;
}

#menu a.selected{
	background-color: #FFFFFF;
	color: #FFB03B;
}


#menu #settings{
	background-image: url(../img/icon_conf.png);
	background-position: center;
	background-repeat: no-repeat;
	width: 44px;
}

#menu #settings.selected{
	background-image: url(../img/icon_conf_over.png);
}

#menu #settings:hover{
	/*background-image: url(../img/icon_conf_over.png);*/
}

#menu #exit{
	background-image: url(../img/icon_off.png);
	background-position: center;
	background-repeat: no-repeat;
	width: 44px;
}

#menu #exit:hover{
/*	background-image: url(../img/icon_off_over.png);*/
}

#menu #add{
  float:right;
  text-decoration:none;
  color: #284907;
  height: 40px;
  display: block;
  font-size: 18px;
  text-align: center;
  line-height: 40px;
  text-transform: none;
	letter-spacing: normal;
  font-weight: bold;
  padding: 0 5px;
  width: 120px;
  margin-top: 10px;
  background-color: #a6cc79;
  -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-left: 10px;
}

#submenu{
	background-color: #ffffff;
	height: 40px;
	border-bottom: 1px solid #cfcfcf;
}

#submenu ul{
	margin-left: 20px;
}

#submenu li{
	float: left;
	margin-right: 20px;
	line-height: 40px;
}

#export{
	float: right;
	line-height: 31px;
}

#quick-search{
	margin: 10px 10px 0 0;
	background-image: url(../img/zoom_icon&24.png);
	background-position: 10px center;
	background-repeat: no-repeat;
	padding-left: 40px;
	width: 120px;
}


#header h1{
	line-height: 60px;
	color: white;

}

#header #logo{
	position: absolute;
	top: 10px;
	left: 10px;
}

#header #title{
	position: absolute;
	left: 70px;
}

/** FOOTER **/

#footer{
	position: fixed; 
	bottom: 0px; 
	width: 100%; 
	height: 30px; 
	color: #757575;
	line-height: 30px;
	clear: both;
	background-color: #d1d2d0;
	border-top: 1px solid #b1b2ae;
}

.scrollup {
    background: url("../img/icon_gototop.png") no-repeat scroll 0 0 transparent;
    bottom: 60px;
    display: none;
    height: 40px;
    position: fixed;
    right: 10px;
    text-indent: -9999px;
    width: 40px;
}

#footer ul{
  padding:0;
  margin:0;
  list-style-type:none;
  height: 30px;
   
}

#footer ul#footer-left{
	float:left;
}

#footer ul#footer-right{
	float:right;
	margin-right: 20px;
}


#footer li {
  display:inline; 
  height: 30px;
  float: left;
  position: relative;
}

#footer a{
	color: #757575;
  	padding: 0 10px;
  	
}

#footer a:hover{
	color: #2185C5;
}


/** CONTENT **/

#content{
 	display: table;

   width: 100%;
   padding-bottom: 40px;
   padding-top: 30px;
}

#admin-menu li{
	margin-bottom: 10px;
}

#admin-menu a.selected{
	font-weight: bold;
	color: #ffb03b;
}

#admin-menu{
	height: 100%;
	border-right: 1px solid #757575;
	width: 5%;
	min-width: 150px;
	float: left;
	padding: 20px;
}

#admin-content{
	width: 80%;
	float: right;	
	padding: 20px;
}

.admin-options{
	width: 30%;
	float: left;
	margin-bottom: 40px;
}

.admin-options ul{
	margin: 10px 0 0 10px;
}

.admin-options li{
	margin-bottom: 10px;
}

.group-name{
	font-weight: bold;
}



#content-data{
   display: table-cell;
   height: inherit;
   vertical-align: top;
   padding: 10px 10px;
   border-right: 5px solid #f2f2f2;
   height: 100%;
   padding-bottom: 100px;
   min-width: 700px;
}

#content-menu{
 	display: table-cell;
   height: inherit;
   vertical-align: top;
   width: 300px !important;
   padding: 20px 10px;
   position: relative;
   
}

#content-menu2{
 	display: table-cell;
   height: 100%;
   vertical-align: top;
   width: 310px !important;
   padding: 20px 10px;
   position: absolute;
   
}

#content-menu3{
 	display: table-cell;
   height: inherit;
   vertical-align: top;
   width: 500px !important;
   padding: 20px 10px;
   position: fixed;
   
}

.closed-menu{
	display: none !important;
	
}

.opened-menu{
	display: table-cell !important;
	width: 310px !important;
}

#close-menu{
	width: 16px;
	height: 16px;
	background: url(../img/close_icon.png) no-repeat center center;
	position: absolute;
	right: 0;
	top: -30px;
}

#open-menu{
	width: 80px;
	height: 80px;
	background: url(../img/icon_show-menu.png) no-repeat center center;
	position: absolute;
	right: 0;
	top: 60px;
}

#column-left{
	float: left;
	width: 40%;
}

#column-right{
	float: right;
	text-align: left;
	width: 55%;
}

#three-columns #column-left{
	width: 30%;
}


#three-columns #column-center{
	width: 30%;
	float: left;
}

#three-columns #column-right{
	width: 35%;
	float: left;
}


/** FORMS ELEMENTS **/
 
label { width: 100px; float: left;  margin: 0 0 10px 0; clear: both; padding-top: 8px;}

.form-row{
	margin-bottom: 10px;
	clear: both;
}

.btn, .delete, .accept, input, button, select, textarea {

  display: inline-block;
  vertical-align: middle;
  line-height: 15px;
  font-size: 15px;
  font-family: sans-serif;

  border: 0;
  padding: 0;
  margin: 0;

  text-decoration: none;
  
  background-color: #f2f2f2;
  border: 1px solid #b9b9b9;
  padding: 7px 12px 8px 12px;
  margin-right: 1px;
  margin-bottom: 1px;
  font-weight: normal;

}

input[type="radio"], input[type="checkbox"] {                        
	border: 0px !important;
	background-color: inherit !important;
}

.btn {
	background-color: #069ECD;
	border-color: #2185c5;
	color: #ffffff;
	cursor: pointer;
	font-size: 15px !important;
}

.delete {
	background-color: #B9121B;
	border: 1px solid #B9121B;
	font-size: 15px !important;
	color: #ffffff;
	cursor: pointer;
}

.delete:hover {
	background-color: #f3a9ad !important;
	color: #000000 !important;
}

.accept {
	background-color: #284907;
	border: 1px solid #284907; 
	font-size: 15px !important;
	color: #ffffff;
	cursor: pointer;
}

.accept:hover {
	background-color: #a6cc79 !important;
	color: #000000 !important;
}

.btn:hover {
	background-color: #06b7ee;
	color: #000000;

}

label{
	display: block;
	margin-bottom: 5px;
}

.field{
	margin-bottom: 20px;
}

.error{
	background-color: #f3a9ad;
	color: #B9121B;
	background-image: url(../img/icon_error.png);
	background-position: 5px center;
	background-repeat: no-repeat;
	padding: 20px 20px 20px 60px;
	border: 1px solid #B9121B;
	display: block;
}


.success{
	background-color: #a6cc79;
	color: #284907;
	background-image: url(../img/icon_checkmark.png);
	background-position: 5px center;
	background-repeat: no-repeat;
	padding: 20px 20px 20px 60px;
	border: 1px solid #284907;
	display: block;
}

.info{
	background-color: #8FCED6;
	border: 1px solid #6BADC9;
	color: #2D5F73;
	background-image: url(../img/icon_info.png);
	background-position: 5px center;
	background-repeat: no-repeat;
	padding: 20px 20px 20px 60px;
	display: block;
}

.tip{
	color: #707070;
	font-size: 10px;
}

.new{
	background-color: #ffb03b;
	color: #000000;
	font-size: 10px;
}

#event-type{
	font-style: italic;
	margin-bottom: 10px;
	display: block;
}

.monitor{
	padding-top: 50px !important;
}

.monitor h5,h2{
	margin-bottom: 10px;
}

#monitor-header-main{
	display: table;
	width: 100%;
	z-index: 1;

}

/*#monitor-header-labels{
	display: table-cell;
	background-color: #ffffff;
	height: 50px;
	padding-top: 10px;
}

#monitor-header-labels ul{
	display: table;
	width: 100%;
	padding-right: 10px;
	height: 40px;
	line-height: 40px;
}

#monitor-header-main .spacer{
 	display: table-cell;
   width: 372px !important;
   height: 1px;

}
*/

#monitor-header-main .monitor-header{
	display: table-cell;	
	font-weight: bold;
	font-size: 16px;
	padding-left: 10px;
	background-color: #b1b2ae;
	border-right: 10px solid #ffffff;
	width: 33%;
}

.monitor-columns{
	display: table;
	width: 100%;
	table-layout: fixed;

}

.monitor-header li, .monitor-column{
	display: table-cell;
	padding: 10px;
	background-color: #f2f2f2;
	border: 10px solid #ffffff;
	font-weight: bold;
}

.monitor-group .monitor-column{
	padding: 0;
	position: relative;
	overflow: auto;
}


.monitor-lists-group{
	display:table;
	width: 100%;
}

.connectedSortable  { 
	list-style-type: none; 
	vertical-align: top; 
	width: 33%; 
	min-height: 100px;
	height: auto;
	background-color: #f2f2f2;
	display: table-cell;
	border-right: 10px solid #ffffff;
}

.connectedSortable li{
	/*margin: 0 10px 0 0;*/
}

.monitor-group-header{
	position: relative;
}

.monitor-group-title{
	margin: 10px 0;
	background-color: #f9f9f9;
	border-right: 10px solid  #ffffff;
	padding: 10px 0 10px 40px;
	font-weight: bold;
}

.expand-mark{
	width: 35px;
	height: 20px;
	padding: 15px 0 0 0;
	background: url(../img/arrow-down_black.png) 2px center  no-repeat;
	position: absolute;
	background-color: #dcdcdc;
	
}

.event-card{
	border: 1px solid #cccccc;
	border-left: 5px solid #b4fff9;
	min-height: 80px;
	background-color: #ffffff;
	position: relative;
}

.event-card-over{
	 background-color: #d6eaf1;
}

#damage-group .event-card{
	border-left: 5px solid #ffb03b;
}

.event-damage{
	border-left: 5px solid #ff7800 !important;
}

.event-break{
	border-left: 5px solid #2d5f73 !important;
}

.event-alarm{
	border-left: 5px solid #ff0000;
}

.event-alarm{
	border-left: 5px solid #ff0000;
}

.event-closed{
	border-left: 5px solid #cccccc !important;
}

.event-avatar{
	width: 60px;
	height: 60px;
	background-color: #ffffff;
	position: absolute;
	left: 10px;
	top: 10px;
	border: 1px solid #cccccc;
	background-image: url(../img/default_avatar.png);
	background-repeat: no-repeat;
	background-position: center center;
}

.event-title{
	position: absolute;
	top: 10px;
	left: 80px;
	font-weight: bold;
}

.event-id{
	position: absolute;
	top: 30px;
	left: 80px;
}

.event-counter{
	position: absolute;
	bottom: 10px;
	right: 10px;
	font-size: 18px;
}

.event-date{
	position: absolute;
	bottom: 10px;
	right: 10px;
	font-size: 12px;
	font-weight: normal;
}


.event-alarm .event-counter {
	color: #ff0000;
}

.event-info{
	position: absolute;
	bottom: 10px;
	left: 80px;
	width: 16px;
	height: 16px;
	background: url(../img/info.png) no-repeat center center;
}

.event-closed-mark{
	position: absolute;
	bottom: 10px;
	right: 10px;
	width: 16px;
	height: 16px;
	background: url(../img/checkmark_icon.png) no-repeat center center;	
}

.ui-state-highlight {
 	border: 1px solid #00bfff;
 	background-color: #d6eaf1;
 	height: 80px;
 }


#columns3{
	margin-left: 0 !important;
	
}

.todo{
	color: #d1d2d0 !important;
	font-style: italic;
}

/** TABLE **/

table{
	width: 100%;
	margin: 20px 0;
}

th{
	background-color: #2d5f73;
	line-height: 36px;
	text-align: left;
	color: #ffffff;
	font-weight: bold;
	padding: 0 0 0 10px;

}

td{
	padding: 2px 5px;
	line-height: 24px;

}

tr.odd {
	background-color: #f2f2f2;
}

tr.salmon {
	background-color: salmon;
}

table.fields .description{
	width: 130px;
}

table.fields .description2{
	text-align: right;
	width: 90px;
}


/** TABS **/

#tabContaier{
	padding:20px 0 0 0;
}

#tabContaier ul{
	overflow:hidden;
	border-right:1px solid #fff;
	height:35px;
	position:absolute;
	z-index:100;
}
#tabContaier li{
	float:left;
	list-style:none;
}
#tabContaier li a{
	background: #2d5f73;
	border:1px solid #ffffff;
	border-right:0;
	color:#ffffff;
	cursor:pointer;
	display:block;
	height:35px;
	line-height:35px;
	padding:0 15px;
	text-decoration:none;
	text-transform:uppercase;
}
#tabContaier li a:hover{
	background:#8FCED6;
}
#tabContaier li a.active{
	background: #069ECD;
	border:1px solid #fff;
	border-right:0;
	color:#ffffff;
	font-weight: bold;
}
.tabDetails{
	border:1px solid #069ECD;
	margin:34px 0 0;
}
.tabContents{
	padding:20px
}
.tabContents h1{
	padding:0 0 10px;
}
.tabContents p{
	padding:0 0 10px;
}
	
.accordion{
	margin: 20px 0;
}

.accordion h3{
	background-color: #2D5F73;
	padding: 10px 10px 10px 40px;
	margin-bottom: 5px;
	color: #ffffff;
	background-image: url(../img/arrow-right.png);
	background-repeat: no-repeat;
	background-position: 10px 8px;
	font-size: 14px;
	font-weight: normal;
}

.accordion h3.ui-state-active{
	background-image: url(../img/arrow-down.png);
	background-position:10px 8px;
	font-weight: bold;
}

.accordion .accordion-body{
	padding: 10px;
}

.accordion li{
	margin-bottom: 10px;
}



ul.pagination {     
	margin:4px 0;     
	padding:0px;     
	height:100%;     
	overflow:hidden;     
	font:12px 'Verdana';     
	list-style-type:none;     
	float: left;
}     

ul.pagination li {     
	float:left;     
	margin:0px;     
	padding:0px;     
	margin-left:5px;    
}     

ul.pagination li:first-child {    
	margin-left:0px;     
}     

ul.pagination li a {     
	color:black;     
	display:block;     
	text-decoration:none;     
	padding:7px 10px 7px 10px;     
}     


ul.classC li a {     
	color:#707070;     
	background:#FFFFFF;     
	border-radius:3px;     
	-moz-border-radius:3px;     
	-webkit-border-radius:3px;     
	border:solid 1px #DCDCDC;     
	padding:6px 9px 6px 9px;     
}     

ul.classC li {     
	padding-bottom:1px;     
}

ul.classC li a:hover,ul.classC li a.current {     
	color:#FFFFFF;     
	box-shadow:0px 1px #EDEDED;     
	-moz-box-shadow:0px 1px #EDEDED;     
	-webkit-box-shadow:0px 1px #EDEDED;     
}

ul.page-C-01 li a:hover, ul.page-C-01 li a.current {    
	color:#893A00;    
	text-shadow:0px 1px #FFEF42;    
	border-color:#FFA200;    
	background:#FFC800;    
	background:-moz-linear-gradient(top, #FFFFFF 1px, #FFEA01 1px, #FFC800);    
	background:-webkit-gradient(linear, 0 0, 0 100%, color-stop(0.02, #FFFFFF), color-stop(0.02, #FFEA01), color-stop(1, #FFC800));
}


.menu-comment{
	width: 300px;
}

/** FORMS **/

#login-parent{
	position: relative;
}

#login-form {
  
  padding: 20px 20px 20px;
  width: 310px;
  position: fixed;
  top: 50%;
  left: 50%;
  height: 300px;
  margin-top: -170px;
  margin-left: -175px;
 
}


#login-form [type=text],[type=password] {
	width: 280px;
}

/** TABLICA **/
td.psp_linia{
	
	background:black; 
}