header, section, nav, article, footer { display: block; }

a { text-decoration: none; color:#17386b; border-bottom: 1px dotted;  }
a:hover { color: red; }
a img { border: none; }

body { font-family: Arial, Helvetica, sans-serif; font-size: 13px; margin: 0; padding: 0px 10px; color: #17386B; background: #eee; overflow-y: scroll; }
body.login { background: white; }

body .ui-widget { font-size: inherit}

.clearfix {zoom:1; /* dla IE < 8 */}
.clearfix:after { content:''; display:block; clear:both; zoom: 1; }

.clear {  clear: both; }

.row {margin-left: -15px; margin-right: -15px; }
.row:after { content:''; display:block; clear:both; zoom: 1; }
.column { float: left; padding: 0 15px; box-sizing: border-box; }
.column-half, .half { width: 50%; }
.one-third { width: 33.333%; }




header > .in, footer > .in, #content > .in { min-width: 600px; max-width: 1200px; margin: 0 auto; background: white; padding: 0 10px; overflow: hidden; }

header .userpanel { float: right; padding-top: 5px;}


header nav > ul { margin: 0; padding: 0; overflow: hidden; 
	background-image: -webkit-gradient(linear, center top, center bottom, color-stop(0%, #2f5a9f), color-stop(100%, #1c3f77));
	background-image: -webkit-linear-gradient(top, #2f5a9f 0%, #1c3f77 100%);
	background-image: -moz-linear-gradient(top, #2f5a9f 0%, #1c3f77 100%);
	background-image: -ms-linear-gradient(top, #2f5a9f 0%, #1c3f77 100%);
	background-image: -o-linear-gradient(top, #2f5a9f 0%, #1c3f77 100%);
	background-image: linear-gradient(to bottom, #2f5a9f 0%, #1c3f77 100%);
}
header nav li { list-style-type: none; display: inline; }
header nav li a { margin: 0px; padding: 3px 10px; font-size: 15px; color: white; background: #274d8c; display: block; float: left; text-decoration: none; border-bottom: none; border-left: 1px solid #5a85c9; border-top: 1px solid #5a85c9; border-right: 1px solid #0f2a57 }
header nav li a { background-image: -webkit-gradient(linear, center top, center bottom, color-stop(0%, #2f5a9f), color-stop(100%, #1c3f77));
	background-image: -webkit-linear-gradient(top, #2f5a9f 0%, #1c3f77 100%);
	background-image: -moz-linear-gradient(top, #2f5a9f 0%, #1c3f77 100%);
	background-image: -ms-linear-gradient(top, #2f5a9f 0%, #1c3f77 100%);
	background-image: -o-linear-gradient(top, #2f5a9f 0%, #1c3f77 100%);
	background-image: linear-gradient(to bottom, #2f5a9f 0%, #1c3f77 100%); 
}
header nav li a:hover { color: yellow; }

header nav li a.notification { border-left: 1px solid #d45454; border-top: 1px solid #d45454; border-right: 1px solid #6f1212;
	background: #ff3019; /* Old browsers */
	background: -moz-linear-gradient(top, #ff3019 0%, #cf0404 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff3019), color-stop(100%,#cf0404)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ff3019 0%,#cf0404 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ff3019 0%,#cf0404 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ff3019 0%,#cf0404 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ff3019 0%,#cf0404 100%); /* W3C */ 
}

.menu-1 { margin: 0; padding: 0; overflow: hidden; background: #006DCC; }
.menu-2 { margin: 10px 0 0 0; padding: 3px; overflow: hidden; background: #008000; }
.menu-1 li, .menu-2 li { list-style-type: none; display: inline; }
.menu-1 li a, .menu-2 li a {  margin: 0px; padding: 3px 10px; font-size: 15px; color: white;  display: block; float: left; text-decoration: none; border-bottom: none; border-left: 1px solid #5a85c9; border-top: 1px solid #5a85c9; border-right: 1px solid #0f2a57 }
.menu-1 li a:hover, .menu-2 li a:hover { color: yellow }

h1 { font-size: 24px; }

#content h1 { font-size: 18px; display: inline-block; margin: 20px 0; }
#content .in { padding-bottom: 20px; }

/* logowanie */
section.box { width: 220px; margin: 200px auto 0 auto; background-color: #eee; border: 1px solid #ccc; border-radius: 10px; -moz-border-radius: 10px; padding: 10px; }
section.box label { float: none; text-align: left; }
section.box h1 { margin: 0; }
section.box input { width: 200px; }
section.box input[type="submit"] { margin-left: 3px;  }



/* wiadomości, błędy itp */

#messages { list-style-type: none; margin: 0; padding: 0; display: block; }
#messages li { padding: 10px; margin: 0 0 10px 0;}
#messages .ui-icon { float: left; margin-right: 10px;}
#messages p { margin: 0; padding: 0; }
#messages .success { border-color: #ccff99; background: #ebffd6; }
#messages .info { border-color: #99ccff; background: #d6ebff; }
#messages .warning { border-color: #fcea7e; background: #fcf6cf; }
#messages .warning p { color: #363636 }

/* submenu */
nav.submenu { overflow: hidden; float: right; padding: 8px 0;}
nav.submenu ul { padding: 5px 10px 15px 5px; margin: 0; }
nav.submenu li { list-style-type: none; display: inline-block; padding-left: 35px; padding-right: 10px; font-weight: bold; margin: 0; line-height: 32px; }
nav.submenu li a { text-decoration: none; color: #000066; border-bottom: none;}
nav.submenu li.add { background: url("../imgs/icons/new.png") no-repeat;}
nav.submenu li.backup { background: url("../imgs/icons/backup.png") no-repeat;}
nav.submenu li.archive { background: url("../imgs/icons/archive.png") no-repeat;}
nav.submenu li.inspection { background: url("../imgs/icons/inspection.png") no-repeat; }
nav.submenu li.view { background: url("../imgs/icons/search.png") no-repeat; }
nav.submenu li.csv { background: url("../imgs/icons/down.png") no-repeat;}
nav.submenu li.pdf { background: url("../imgs/icons/down.png") no-repeat;}
nav.submenu li.task_add { background: url("../imgs/icons/task_add.png") no-repeat;}


/* ścieżka */

.breadcrumb { padding: 10px 0; margin: 0; }
.breadcrumb li { list-style-type: none; font-weight: bold; display: inline-block; }
.breadcrumb li + li:before { content: " > "}
.breadcrumb li a { color: #17386B;  text-decoration: none; }
.breadcrumb li a:hover { color: red; }

/* lista wyników */
.list { border-spacing:0; color: #17386b; width: 100%; }
.list th { text-transform: uppercase; font-weight: normal; padding: 4px 5px; background: #274d8c; color: white; border-left: 1px solid #5a85c9; border-top: 1px solid #5a85c9; border-right: 1px solid #0f2a57 }
.list th { background-image: -webkit-gradient(linear, center top, center bottom, color-stop(0%, #2f5a9f), color-stop(100%, #1c3f77));
	background-image: -webkit-linear-gradient(top, #2f5a9f 0%, #1c3f77 100%);
	background-image: -moz-linear-gradient(top, #2f5a9f 0%, #1c3f77 100%);
	background-image: -ms-linear-gradient(top, #2f5a9f 0%, #1c3f77 100%);
	background-image: -o-linear-gradient(top, #2f5a9f 0%, #1c3f77 100%);
	background-image: linear-gradient(to bottom, #2f5a9f 0%, #1c3f77 100%); 
}
.list th .search { display: block; padding: 1px; width: 120px; margin: 5px auto 0px auto; text-transform:none }
.list th a { color: white; font-weight: bold; }
.list th a.asc:after { content: "▲"}
.list th a.desc:after { content: "▼"}
.list .subtitle td { background: #ddd; font-weight: bold; padding: 5px; }
.list td { padding: 2px 5px; border-bottom: 1px solid #bec4d0; }
.list tr:hover { background: #f2f3f7; }
.list .ops { text-align: center; }
.list .ops img { height: 20px; }
.list a { text-decoration: none; color:#17386b; font-weight: bold; border: none; }
.list a:hover { color: red; }
.list tr.inactive * { color: #999999!important;}

.c { text-align: center; }
.r { text-align: right; }
.nobr { white-space: nowrap; }

.list .red { background: #FBC2C4;}
.list .orange { background: #FCEFA1; }
.list .green { background: #EBFFD6; }
.list .gray { color: #666666; }

.list .not_exists, .list .not_exists a { font-style: italic; color: #666666; }
.list .needless { /* color: red; */ }
.list .needless a { /* color: red; */} 


.list .input { margin: 0; }

/* stronicowanie */
.pagination { text-align: center; font-size: 13px; margin: 5px 0; padding: 0; line-height: 30px; clear: both; }
.pagination a { text-decoration: none; }
.pagination .perpage { float: right; }
.pagination .perpage select { width: 100px; }




/* formularze */
form > div { overflow: hidden; padding: 3px; }
form > div label { width: 200px; text-align: right; padding: 3px 10px 3px 0; display: block; float: left; }
form > div .error { padding: 0 5px; color: red; }
form > div .desc { display: inline-block; padding: 3px; } 

input[type="submit"] {margin-left: 213px; font-weight: bold; padding: 3px; width: 308px; background-color: #f2f2f2; }
input, textarea, select { font-size: 13px; border: 1px solid #ccc; background: white; padding: 3px; border-radius: 3px; -moz-border-radius: 3px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}
input, select { width: 300px; }
input.big, select.big, textarea { width: 400px; }
input.small, select.small { width: 150px; }
input.mini, select.mini { width: 100px; }
input[type="radio"], input[type="checkbox"] { width: auto; }
.input { margin: 0 0 0 210px; }
.input label { float: none; display: inline; }

button {  font-size: 13px; border: 1px solid #ccc; background-color: #f2f2f2; padding: 3px; border-radius: 3px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; }
button.primary { font-weight: bold; }
button + button { margin-left: 6px; }

form > div label.label-short { width: 120px; }


.event_options select, .select-location select { display: block; margin: 0 0 3px 210px;}
.select-equipment select { display: inline-block; margin: 0 0 3px 210px;}
.file-field input { display: block; margin: 0 0 3px 210px; }
.file-field a { margin: 0 0 3px 210px; }

div.ui-multiselect-menu { width: 280px!important; }

/* info o sprzęcie */
dl.info dt { width: 200px; text-align: right; padding: 3px 10px 3px 0; display: block; float: left; font-weight: bold; }
dl.info dd { padding: 3px; margin-left: 127px; }
dl.info dt.hide-dt { display: none; }
dl.info dd.dd-bg-gray { background: #eee; border-radius: 3px;}

hr { border: none; height: 0; border-top: 1px solid #CCCCCC; }

.tooltip { display: none; }

table.equipment-info { width: 100%;}
table.equipment-info td { vertical-align: top; } 
table.equipment-info .children { min-width: 40%; padding-top: 30px;}
table.equipment-info .children dl dt { width: 100px; } 


/** raporty awarii **/
div.ticket { border: 2px solid black; margin: 10px 0; position: relative; display: table; width: 100%; box-sizing: border-box; }
.ticket .level { display: table-cell; width: 5%;; vertical-align: middle; }
.ticket .level span { display: block; transform: rotate(-90deg); transform-origin: 50% 50%; font-size: 14px;}
.ticket .lft { display: table-cell; width: 30%; }
.ticket .rgt { display: table-cell; width: 65%; position: relative; padding-bottom: 25px; }
.ticket dl dt { width: 120px; }
.ticket dl dd.content { margin-left: 0; border: 1px solid #eee; }
.ticket .summary { position: absolute; bottom: 0; right: 0; width: 100%; color: white; padding: 3px; }
.ticket .summary > span { width: 30%; display: block; float: left;  }
.ticket .summary .status { width: 10%; text-align: right; }  
.ticket .summary.new { background-color: red; }
.ticket .summary.open { background-color: #db8e00; }
.ticket .summary.closed { background-color: green; }
.ticket .comment.service { color: #ff4400; }
.ticket .comment .date { font-style: italic; }
.ticket .comment .author {font-weight: bold; }
.ticket .comment .author:after { content: ":"}
.ticket .comment input { vertical-align: middle; width: 160px }
.ticket .comment textarea { vertical-align: middle;}
.ticket .comment button { vertical-align: middle; }



/* stopka */
footer { padding: 20px 0; }
footer > .in { border-top: 1px dotted #ccc; font-size: 10px; color: #999; text-align: center;  background: transparent; }


.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 40%; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }
.ui-timepicker-div .ui_tpicker_unit_hide{ display: none; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; }
.ui-timepicker-rtl dl dt{ float: right; clear: right; }
.ui-timepicker-rtl dl dd { margin: 0 40% 10px 10px; }

/* Shortened version style */
.ui-timepicker-div.ui-timepicker-oneLine { padding-right: 2px; }
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time, 
.ui-timepicker-div.ui-timepicker-oneLine dt { display: none; }
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time_label { display: block; padding-top: 2px; }
.ui-timepicker-div.ui-timepicker-oneLine dl { text-align: right; }
.ui-timepicker-div.ui-timepicker-oneLine dl dd, 
.ui-timepicker-div.ui-timepicker-oneLine dl dd > div { display:inline-block; margin:0; }
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_minute:before,
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_second:before { content:':'; display:inline-block; }
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_millisec:before,
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_microsec:before { content:'.'; display:inline-block; }
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide,
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide:before{ display: none; }
.ui-state-active { background: #66FF99; }