html,
body {
    height: 100%;
}

.wrap {
    min-height: 100%;
    height: auto;
    margin: 0 auto -60px;
    padding: 0 0 50px;
}

.wrap > .container {
    padding: 205px 15px 20px;
}

.footer {
    padding-top: 20px;
    text-align: center;
}

.footer .projectue p{ 
	font-size: 11px;
	margin-bottom: 5px;
}

.jumbotron {
    text-align: center;
    background-color: transparent;
}

.jumbotron .btn {
    font-size: 21px;
    padding: 14px 24px;
}

.not-set {
    color: #c55;
    font-style: italic;
}

/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: 5px;
}

a.asc:after {
    content: /*"\e113"*/ "\e151";
}

a.desc:after {
    content: /*"\e114"*/ "\e152";
}

.sort-numerical a.asc:after {
    content: "\e153";
}

.sort-numerical a.desc:after {
    content: "\e154";
}

.sort-ordinal a.asc:after {
    content: "\e155";
}

.sort-ordinal a.desc:after {
    content: "\e156";
}

.grid-view th {
    white-space: wrap;
}

.error-summary {
    color: #a94442;
    background: #fdf7f7;
    border-left: 3px solid #eed3d7;
    padding: 10px 20px;
    margin: 0 0 15px 0;
}


/********************* ZRK *****************************/

.wcag_hide {
	clip: rect(1px, 1px, 1px, 1px); 
	display: block;
	position: absolute;
}

a {
    color: #186089;
}

#sp-header-wrapper {
    background-repeat: repeat-x;
    background-position: center;
    height: 200px;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1029;
    padding: 0;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    max-width:1140px;
    width:100%;
    margin-right:auto;
    margin-left:auto;
}

#log-header {
	height:65px;
	line-height:60px;
	background-color:#fff;
	text-align: center;
}
#log-header div {
	float: left;
    text-align: center;
    width: 25%;
}

#header {
    display: table;
    position: absolute;
    height: 130px;
    width: 100%;
}

#sp-header-wrapper .middle {
    display: table-cell;
    vertical-align: middle;
}

@media (min-width: 768px) {
	.topHeader {
	    width: 750px;
	}
}
@media (min-width: 992px) {
	.topHeader {
	    width: 970px;
	}
}
@media (min-width: 1200px) {
	.topHeader {
	    width: 1170px;
	}    
}

.topHeader {
    margin-right: auto;
    margin-left: auto;
}

.appName {
	font-size:	38px;
	color: #fff;
	margin: 0px;
	line-height: 1.1;
}

.moduleName {
	font-size:	24px;
	color: #fff;
	line-height: 1.2;
}

.appLogo img {
 	margin-left: -5px; 
} 

@media (max-width: 991px) {
	.appName {
		font-size:	36px;
		margin-top: -20px;
	}
	.appLogo img {
	 	height: 40px; 
	 	width: 155px;
	}
}

@media (max-width: 670px) {
	.appName {
		font-size:	35px;
	}
	.moduleName {
		font-size:	22px;
	}
	.container img {
		width: 500px;
		heigh: auto;
	}
	#log-header div img{	
		max-width: 100%;
		height: auto;
	}	
}

@media (max-width: 600px) {
	.appName {
		font-size:	32px;
	}
	.moduleName {
		font-size:	20px;
	}
	.appLogo img {
	 	margin-top: 5px;
	} 
	.container img {
		width: 450px;
	}
}

@media (max-width: 550px) {
	.appName {
		font-size:	28px;
	}
	.moduleName {
		font-size:	18px;
	}
	.container img {
		width: 400px;
	}
}

@media (max-width: 500px) {
	.appName {
		font-size:	26px;
		line-height: 1.2;
	}
	.moduleName {
		font-size:	16px;
		margin-top: 5px;
	}
	.appLogo img {
	 	margin-top: 0px;
	} 
	.container img {
		width: 350px;
	}
}

@media (max-width: 400px) {
	.appName {
		font-size:	24px;
	}
	.container img {
		width: 260px;
	}
}

@media (max-width: 300px) {
	.appName {
		font-size:	22px;
	}
	.container img {
		width: 230px;
	}
}


/********************** hidden-menu ***********************/

.hidden-menu {
	position:absolute;
	top:0
}

.hidden-menu a,.hidden-menu a:visited {
	position:absolute;
	top:0;
	left:-9000em;
	display:block;
	text-decoration:none;
	opacity:0;
}


/********************** top menu ***********************/

.navbar-inverse {
	min-height: 35px;
    background-color: inherit;
    border-color: transparent;
}

.navbar-fixed-top {
    top: 165px;
}

.navbar-nav > li > .dropdown-menu {
    margin-top: -3px;
}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border-color: transparent;
}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
    background-color: inherit;
}

.navbar-inverse .navbar-nav > li > a {
    color: #fff;
}

@media (max-width: 767px) {
	.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
	    color: #fff;
	}
}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
    color: #fff;
	background-color: inherit;
}

.navbar-inverse .navbar-nav > a:hover, .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > .active > a:hover {
	text-decoration: underline;
	background-color: #186089;
}

@media (max-width: 767px) {
	.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {
		background-color: #20597a;
	}
}

@media (max-width: 767px) {
	.navbar-inverse .navbar-nav > li {
		background-color: #287099;
	}
}

.navbar-nav > li > a {
    padding: 7px 15px;
    white-space: nowrap; 
}

@media ( min-width: 1200px ) { 
    .navbar > .container {
        text-align: center;
    }

    .collapse.navbar-collapse {
        width: auto;
        clear: none;
    }

    .navbar .navbar-justified,.navbar .navbar-justified > li {
        float: none;
    }

	.navbar-justified {
   		width: 100% !important;
	}    
    
    .navbar-justified > li {
	    display: table-cell;
	    width: 1%;
	}	
	
	.navbar-justified > li > a {
    	padding: 7px 5px;
	}
}    

@media ( min-width: 768px ) and ( max-width: 1199px ) { 
    #sp-menu-wrapper {
		background-color: #287099;
		max-width: 1140px;
	    margin-right: auto;
	    margin-left: auto;
	    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
	}
}

.navbar-inverse .navbar-justified > li.menu_zloz_wniosek {
	background-color: #20597a;
}
	
.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
    max-height: 300px;
}

.navbar-toggle {
    margin-top: 0px;
    margin-bottom: 0px;
}
    
.breadcrumb {
    margin-top: 3px;
	margin-bottom: 0px;
	padding: 5px 15px 2px 15px;
    background-color: transparent;
}

/********************** footer *************************/

#sp-copyright {
	min-height: 30px;
	padding: 10px;
	margin-top: 10px;
	font-size: 14px;
    color: #fff;
}

#sp-copyright a {
    color: #bdfaff;
}

/********************** module menu ***********************/

.list-group {
    margin-top: 20px;
    margin-left: auto; 
    margin-right: auto; 
    width:50%
}

.list-group-item {
	display: block;
	margin-bottom : 20px;	
}

/************** index page, view page, update page create page **************/

.view .pageHeader h1, .view .pageHeader h2 {
	font-size: 28px;
	padding-top: 4px;
	margin-top: 0px;
    margin-bottom: 6px;
}

.view .pageHeader h2 {
	font-size: 24px;
}

.view h3 {
	font-size: 16px;
	font-weight: bold;
	margin-top: 10px;
    margin-bottom: 5px;
}

.view h4 {
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 5px;
}

.view h4 + p, .view h3 + p, .view .form-group .row label + p, .view .pageHeader + hr + p, .view .grupy-kwalifikacji p, .view .p-italic {
	font-style: italic;
	font-size: 13px;
	margin: 0px;
	margin-bottom: 5px;
	margin-top: -3px;
}

.view .lead {
	font-size: 20px;
    margin-bottom: 6px;
}

.view .pageHeader .buttons {
	text-align: right;
}

.model-index, .model-view, .model-update, .model-create {
    margin-top: 10px;
	//margin-right: 0px;
    //margin-left: 0px;
    padding: 5px 8px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    background-color: #fafafa;
    background-image: linear-gradient(to bottom, #ffffff, #f2f2f2);
    background-repeat: repeat-x;
    border: 1px solid #d4d4d4;
    border-radius: 4px;
}

@media (max-width: 767px) {
	.model-index, .model-view, .model-update, .model-create, .portlet {
		margin-right: -15px;
    	margin-left: -15px !important;
	}
}

.view {
	margin-right: auto;
    margin-left: auto;
}

@media (max-width: 992px) {
	.view {
		width: 100% !important;
	}
}

.content-right {
	//text-align: center;
}

@media (min-width: 768px) { 
	.content-left, .content-right {
		float: right !important;
	}
}

.model-index .pageHeader ul li{
  display: inline;
}

/********************** akcje *****************************/
.portlet {
    max-width: 160px;
    margin: 10px auto auto;
    list-style: none;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    min-height: 40px;
    background-color: #fafafa;
    background-image: linear-gradient(to bottom, #ffffff, #f2f2f2);
    background-repeat: repeat-x;
    border: 1px solid #d4d4d4;
    border-radius: 4px;
}

.portlet-header {
    padding: 4px 10px;
    border-bottom: 1px solid #d4d4d4;
    background-color: #fafafa;
    background-image: linear-gradient(to bottom, #ffffff, #f2f2f2);
    background-repeat: repeat-x;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.portlet-title {
    font-weight: bold;
}

.portlet-content {
    margin: 0 0 10px 0;
    padding: 5px 8px;
}

.portlet-content ul, ul[class="operations"] {
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.portlet-content li {
    padding: 6px 0 2px 0px;
}

.portlet-content li a {
	display: block;
	text-align: left;
}
/*********************** index page *********************/

.table > thead > tr:first-child {
    border-radius: 3px;
    background-image: linear-gradient(#fafafa, #e5e5e5 60%, #f0f0f0);
    border-color: #bbb;
    border-top-color: #ddd;
    border-bottom-color: #888;
    box-shadow: 0px 1px 2px #ccc;
}

.table > thead > tr[class='filters'] > td {
    padding: 3px;
}

.table > tbody > tr > td, .table > thead > tr > th {
    padding: 5px;
}

.table > tbody > tr > td {
    word-wrap: break-word;
    word-break: break-word;
}

.table > tbody > tr > td > span[class='not-set'] {
    word-break: normal;
    word-wrap: normal;
}

.kv-expanded-row .table > tbody > tr > td {
    white-space: pre-wrap;  
}

.ui-dialog .table > tbody > tr > td, .table > thead > tr > th {
    padding: 4px 5px;
}

.table .form-control {
    padding: 0px 5px;
    height: 28px;
    line-height: 28px;
}

.table select.form-control, .form-horizontal select.form-control {
    padding: 0px 0px;
}

.table .button-column, .ui-dialog .table .button-column {
    text-align: center;
	white-space: nowrap;
	padding-left: 8px;
    padding-right: 5px;
}

.table .button-column .glyphicon {
	margin-right: 3px;
}

.table .lp-column{
	width: 50px;
	text-align: center;
	white-space: nowrap;
}

.pagination {
    margin: 0;
}

.grid-view .summary {
	font-size: 13px;
}

.grid-view table tbody tr {
    cursor: pointer;
}

.grid-view table caption {
    padding: 0;
}

.grid-view table tbody tr:hover, .grid-view table tbody tr.odd:hover, .grid-view table tbody tr.even:hover {
    background-color: #ECFBEC; //rgb(236, 251, 212);
}

.grid-view .grid-inactive table tbody tr {
	background-color: #f9f9f9;
}

.kv-expand-header-cell, .kv-expand-icon-cell {
	font-size: inherit;
}

.table > tbody > tr.info > td {
	background-color: inherit;
}

.search-button {
	float:right;
}

.search-form {
	clear: both;	
}

/*************************** forms ******************************/

.form-horizontal {
	padding-left: 16px;
	padding-right: 16px;
}

.form-horizontal .control-label {
	padding-left: 0px;
	margin-bottom: 5px !important;
}

.form-horizontal .label {
	font-size: 14px;
    color: #333;
    white-space: pre-wrap;
    padding-left: 0;
}

.form-control {
    padding: 0px 5px;
    height: 32px;
    line-height: 32px;
    border: 1px solid #777;
}

.tab-content .form-control.col-md-12 {
    white-space: pre-wrap;  
    word-wrap: break-word;
}

.select2-container--krajee .select2-selection, .select2-container--krajee .select2-search--dropdown .select2-search__field, .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
	border: 1px solid #777;	
}
	
textarea.form-control , div.form-control{
    padding: 3px 5px;
    min-height: 32px;
    line-height: 1.42857143;
}

.length-info {
    width: 100%;
    float: right;
    text-align: right;
    color: #333;
}

div.form-control{
	height: inherit;
    word-wrap: break-word;
}

.form-control-yesno {
	max-width: 70px;
}

.form-control-kod, .form-control-nip, .form-control-data, .form-control-number {
	max-width: 100px;
}

.form-control-datatime {
	max-width: 150px;
}

.form-control-user {
	max-width: 350px;
}

.form-control-50 {
	max-width: 50px;
}

.form-control-60 {
    max-width: 60px;
}

.form-control-100 {
	max-width: 100px;
}

.form-control-150 {
	max-width: 150px;
}

.form-control-200 {
	max-width: 200px;
}

.form-control-250 {
	max-width: 250px;
}

.form-control-350 {
	max-width: 350px;
}

.form-horizontal input[type='checkbox'] {
	height: 20px;
	margin-top: 7px !important;
}

.form-horizontal label input[type='checkbox'] {
	height: inherit;
	margin-top: 4px !important;
}

.form-horizontal .form-control-checkbox{
	max-width: 20px;
	width: 20px;
}

.form-horizontal .form-control, .form-horizontal .ui-selectable, .form-horizontal .form-control-select2 {
	margin-bottom: 15px;
}

.form-horizontal .form-control-select2 {
	padding-left: 0px;
	padding-right: 0px;
}

@media (max-width: 991px) {
	.form-horizontal .control-label {
	    text-align: left;
	}
	.form-horizontal .form-control, .form-horizontal .ui-selectable, .form-horizontal .form-control-select2 {
		margin-bottom: 10px;
	}
	.form-horizontal .help-block {
		margin-bottom: 8px;
	}
	.form-horizontal input[type="radio"], .form-horizontal input[type="checkbox"] {
    	margin: 0;
	}
	.form-horizontal .control-label{
    	//height: 18px;
    	line-height: 18px;
	}
	.form-horizontal input[type="file"] {
		padding-top: 0px;	
	}	
}

@media (min-width: 992px) {
	.form-horizontal .row .control-label {
		padding-left: 5px;
	}
	.form-horizontal .form-control.col-md-10 {
		width: 83.33333333%;
	}
	.form-horizontal .form-control.col-md-9 {
		width: 75%;
	}
	.form-horizontal .form-control.col-md-8 {
		width: 66.66666667%;
	}
	.form-horizontal .form-control.col-md-7 {
		width: 58.33333333%;
	}
	.form-horizontal .form-control.col-md-6 {
		width: 50%
	}
	.form-horizontal .form-control.col-md-5 {
		width: 41.66666667%
	}
	.form-horizontal .form-control.col-md-4 {
		width: 33.33333333%;
	}
	.form-horizontal .form-control.col-md-3 {
		width: 25%;
	}
	.form-horizontal .form-control.col-md-2 {
		width: 16.66666667%;
	}
}	

hr {
    margin-top: 0px;
    margin-bottom: 5px;
}

.form-horizontal hr {
	border-top: 1px solid #e9e9e9;
    margin-left: -15px;
    margin-right: -15px;
}

.form-horizontal .form-group.buttons, .form-horizontal .form-group .buttons, .view .form-group.buttons {
	text-align: right;
	margin-bottom: 5px;
}

.form-group {
    margin-bottom: 0px;
}

.form-horizontal .form-group .col-md-5.row, .form-horizontal .form-group .col-md-6.row, .form-horizontal .form-group .col-md-7.row, .form-horizontal .form-group .col-md-8.row, .form-horizontal .form-group .col-md-9.row, .form-horizontal .form-group .col-md-10.row, .form-horizontal .form-group .col-md-12.row{
	margin-left: 0px;
	padding-left: 0px;
	margin-right: 0px;
	padding-right: 0px;
}
 
.form-horizontal .row .input {
	overflow: hidden;
}

.form-horizontal .row .buttons {
	float: right;
}


.hint-block, .signup-view .help-block{
    display: block;
    margin-top: -14px;
    margin-bottom: 10px;
    color: #287099;
    padding:0 7px;
    font-size: 13px;
}

.signup-view .help-block-error{
    margin-top: 5px;
    color: red;
}

.signup-view  label input[type='checkbox'] {
	height: 16px;
	width: 16px;
}

input[type="hidden"] + .help-block {
	margin-top: 0px;
    margin-bottom: 0px;
}

.form-control-changed {
	color: #ff0000;
}

@media (max-width: 991px){
	.hint-block {
	    margin-top: -9px;
	}
}

.form-control.danger {
	 background-color: #f2dede;
}

.text-left-important {
	text-align:left !important;
}

/************************* tooltip ***************************/

.ui-tooltip {
    padding: 5px;
    position: absolute;
	max-width: 700px;
	font-size: 13px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

body .ui-tooltip {
    border-width: 1px;
}

.tooltip-inner {
    max-width: 700px;
    text-align: left;
}

.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-top-color: #fff;
  border-width: 5px 5px 0;
  border-bottom-color: #fbfbfb;
}

.tooltip-inner, .ui-tooltip {
	color: #000;
	background: #fff;
	border: solid 1px #ccc;
	border-left-color: #ddd;
	border-right-color: #ddd;
  	border-bottom-color: #fff;
	opacity(100);
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	background-color: #fbfbfb;
	background-image: linear-gradient(to bottom, #ffffff, #f7f7f7);
	background-repeat: repeat-x;
}

.tooltip.in {
  opacity: 1;
  filter: alpha(opacity=100);
}

/*************************** tabs ******************************/

.nav-tabs {
    margin-top: 7px;
    margin-bottom: 15px;
    margin-left: -16px;
    margin-right: -16px;
    border-bottom: 1px solid #dddddd;
}

.nav-tabs > li > a {
    padding: 5px 15px;
}

.nav-tabs > li > a {
    padding: 5px 15px;
    color: #777777;
    border-color: #eeeeee;
    border-bottom-color: #dddddd;
    background: #e6e6e6 url("../css/images/ui-bg_glass_75_e6e6e6_1x400.png") 50% 50% repeat-x;
}

.nav-tabs > li > a:hover {
    color: #23527c;
    border-color: #dddddd;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    background: inherit;
    background-color: inherit;
    border-bottom-color: #fbfbfb;
}

/*************************** legend ******************************/

.form-horizontal fieldset {
    border: 1px solid #DDD;
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: 15px;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 3px;
}

.form-horizontal fieldset legend {
	border: none;
	width: inherit;
	padding-left: 5px;
	padding-right: 5px;
    margin-bottom: 5px;
    font-size: inherit;
    font-weight: bold;
    vertical-align: middle;
}

.form-horizontal fieldset .fieldset-legend {
    font-weight: bold;
}
    
.form-horizontal fieldset legend .form-group {
	margin-left: 0px;
	margin-right: 10px;
}

.form-horizontal fieldset legend label, .form-horizontal fieldset legend input {
    float:left;
}

.form-horizontal fieldset legend input[type="checkbox"] {
    margin:0 5px 0 0;
    margin-top: 0px !important;
    height: 20px;
}

.form-horizontal fieldset legend label {
    margin-bottom: 5px;
}

#ui-datepicker-div {
	z-index: 1039 !important;	
}

/*************************** buttons ******************************/

.btn {
    color: #445577;
    font-weight: bold;
    text-shadow: 0px 1px 4px #fff;
	border-radius: 3px;
	-webkit-border-radius: 3px;
    box-shadow: 0px 1px 2px #ccc;
	line-height: normal;
	min-width: 80px;
	white-space: normal;
}

.btn:hover, .btn:active, .btn:focus, .btn:active:hover, .btn.active:hover, .btn:active:focus, .btn.active:focus, .btn:active.focus, .btn.active.focus {
    color: #223355;
    text-shadow: 0px 1px 4px #eee;
	box-shadow: 0px 2px 2px #ccc;
}

.btn-default, .btn-group .ui-state-default {
	background-image: linear-gradient(#ffffff, #dddddd 60%, #eeeeee);
    border-color: #bbb;
    border-top-color: #ddd;
    border-bottom-color: #888;
}

.btn-default:hover, .btn-default:active, .btn-default:focus, .btn-default:active:hover, .btn-default.active:hover, .btn-default:active:focus, .btn-default.active:focus, .btn-default:active.focus, .btn-default.active.focus, .btn-group .ui-state-default:hover {
    background-image: linear-gradient(#ffffff, #cccccc 60%, #dddddd);
    border-color: #aaa;
    border-top-color: #ccc;
    border-bottom-color: #777;
}

.btn-default:focus { 
	background-image: linear-gradient(#eeeeee, #bbbbbb 60%, #cccccc);
}

.btn-short, .btn-remove, .btn-plus, .btn-open{
	width: 30px;
	min-width: 30px;
	height: 30px;
}

.buttons a.btn {
	margin-top: 1px;
	margin-left: 2px;
}

.btn-short .glyphicon, .btn-remove .glyphicon, .btn-plus .glyphicon, .btn-open .glyphicon {
	margin-left: -5px;	
}

.btn-xs {
	min-width: 30px;
    padding: 1px 5px;
}

/*
.btn-remove, .btn-plus {
	min-width: inherit;
	background-color: #eeeeee;
	background-size: 28px 28px;
    background-repeat: no-repeat;
}
*/

/*
.btn-remove {
	background-image: url(../css/images/cancel-icon.png);
}

.btn-plus {
	background-image: url(../css/images/plus-icon.png);
}
	
.btn-remove:hover, .btn-remove:active, .btn-remove:focus, .btn-remove:active:hover, .btn-remove.active:hover, .btn-remove:active:focus, .btn-remove.active:focus, .btn-remove:active.focus, .btn-remove.active.focus {
	background-image: url(../css/images/cancel-icon.png);
	background-color: #dddddd;
}

.btn-plus:hover, .btn-plus:active, .btn-plus:focus, .btn-plus:active:hover, .btn-plus.active:hover, .btn-plus:active:focus, .btn-plus.active:focus, .btn-plus:active.focus, .btn-plus.active.focus {
	background-image: url(../css/images/plus-icon.png);
	background-color: #dddddd;
}

.btn-remove:focus, .btn-plus:focus{
	background-color: #cccccc;
}
*/

.btn-fileinput {
	margin-top: 1px;
	height: 30px;
	margin-left: 2px;
	padding: 6px;
    position: relative;
    overflow: hidden;
}

.btn-fileinput input {
	position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    opacity: 0;
    -ms-filter: 'alpha(opacity=0)';
	padding-top: 5px;	
	padding-bottom: 5px;	
	direction: ltr;
    cursor: pointer;
    background: none;
    border: none;
    font-size: inherit;
    text-shadow: inherit;
}

input[type="file"] {
//    display: block;
}

.btn-group .ui-state-default .ui-button-text {
    padding-top: 6px;
    padding-bottom: 5px
}

/*********************** dialog ***************************/

.ui-dialog .icon {
    float: left;
}

.ui-dialog .icon .glyphicon {
    margin: 2px 7px 0 -5px;
}

.ui-dialog .message {
    overflow-x: hidden;
}

.ui-dialog {
	font-size: 1.0em;
}

.ui-widget-header {
    border: 1px solid #aaaaaa;
    color: #444;
    font-weight: bold;
}

.ui-dialog .ui-dialog-titlebar {
    padding: .2em 1em;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 1px solid #d3d3d3;
    background: #e6e6e6 url("../css/images/ui-bg_glass_75_e6e6e6_1x400.png") 50% 50% repeat-x;
    font-weight: normal;
    color: #555555;
}

div.ui-dialog-buttonset button:hover {
    border: 1px solid #999999;
    background: #dadada url("../css/images/ui-bg_glass_75_dadada_1x400.png") 50% 50% repeat-x;
    font-weight: normal;
    color: #212121;
}

div.ui-dialog-buttonset .ui-button-text-only {
    width: 52px;
    height: 28px;
    text-shadow: #999 0px 1px 1px;
    line-height: normal;
}

.ui-dialog { 
	z-index: 1039 !important ;
}
.ui-widget-overlay {
	z-index: 100 !important ;
}

.ui-dialog .ui-dialog-titlebar-close:hover {
    border: 1px solid #999999;
}

.ui-dialog.success .ui-dialog-title {
	color: #fff;
}

/****************  progressbar  ********************/

.ui-progressbar {
    top: 48%; 
    left: 42%; 
    position: absolute; 
    width: 200px;
    z-index: 1040;
}

.ui-progressbar .ui-progressbar-value {
    line-height: 30px;
    height: 30px;
}

.progress-label {
    position: absolute;
    top: 3px;
    font-weight: bold;
    color: #fff;
    width:100%;
    text-align:center;
    z-index: 1041;
    text-shadow: 0px 1px 3px #111;
}

.ui-widget-header {
    background: #09ACE3 url("../css/images/ui-bg_gloss-wave_35_f6a828_500x100.png") 50% 50% repeat-x;
}

/****************  MySelectable  ********************/

.ui-selectable {
    margin: 0;
    padding: 0px 4px 0px 4px;
    border: 1px solid rgb(204, 204, 204);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    min-height: 32px;
    font-size: 13px;
}

.ui-selectable .row {
	margin-right: 0px;
    margin-left: 0px;
}

.ui-selectable li {
    list-style-type: none;
    margin-bottom: 5px;
    margin-top: 4px;
}

.ui-selectable li .input {
   padding: 5px 10px 5px 10px;
   background-color: #eee;
   border: 1px solid rgb(211, 211, 211);	
   border-radius: 3px;
   word-wrap: break-word;
}

.ui-selectable li:hover {
//	background-color: #ECFBEC;
}

.ui-selectable li, .ui-selectable[disabled] li:hover {
//    box-shadow: 0px 1px 1px #CCC;
}

/******************** panels *******************/

.panel-default {
    margin-bottom: 20px;
}

.item.panel.panel-default {
    margin-top: 5px;
    margin-bottom: 10px;
    margin-right: -10px;
    margin-left: -10px;
}

.panel-default > .panel-heading {
	padding: 3px 5px 5px 5px;
}

.panel-default > .panel-heading label {
	margin-bottom: 0px;
}

.panel-default, .panel-default > .panel-body {
	background-color: transparent;
}

.panel-body {
	min-height: 20px;
	padding-top: 5px;
	padding-bottom: 0px; 
}

.item.panel.panel-default .panel-body {
    padding: 5px 5px 0px 5px; 
}

.item.panel.panel-default .panel-body .control-label {
	font-weight: normal;
}

.panel-body .col {
	padding-right: 20px;	
}

@media (max-width: 991px) {
	.panel-body .col {
		padding-right: 15px;	
	}
}

.panel-body .col:last-child {
	padding-right: 15px;
}	

.panel-default > .panel-body ul {
	border: none;
	margin-bottom: 0px;
}

/******************** login form *******************/

.login-view .reset, .login-view .signup  {
	 color:#999;
	 margin:1em 0;
}

.login-view .pageHeader h2 {
	font-size: 26px;
}

/******************** dedykowane widoki dla modelu *******************/

.status-index, .potwierdzenie-index, .formwzor-index, .workflowstatus-index {
	width: 60%;
}

.formdefinicja-index {
	width: 70%;
}

.appwersja-index {
	width: 70%;
}

.login-view {
	width: 50%;
	max-width: 400px;
}

.signup-view {
	width: 70%;
	max-width: 550px;
}

.status-view, .workflowstatus-view, .potwierdzenie-view, .dziedzina-view {
	width: 70%;
}

.formwzor-view, .formdefinicja-view, .workflowdef-index {
	width: 80%;
}

.workflowstep-view {
	width: 90%;
} 

.historia{
	font-size: 12px;
}

.historia .form-control {
    height: 25px;
    line-height: 25px;
    font-size: 12px;
}

.grid-view tbody, .grid-view .form-control{
	font-size: 13px;
}

#grid-view-workflowlog, #grid-view-workflowlog tbody{
	font-size: 11px;
}

.model-create div.required label:after, .model-update div.required label:after , .model-create label[required]:after, .model-update label[required]:after {
    content: "*";
    color: red;
    font-size: 16px;
    padding-left:2px;
}

/******************** mod-languages *******************/

.mod-languages a {
	text-decoration: none;
}

.mod-languages .form-control {
	width: unset;
	border: 1px solid #ccc;
	background-image: linear-gradient(to bottom, #fafafa, #f2f2f2);
	padding: 5px 6px 0 10px;
}

.mod-languages .btn-group.open .dropdown-toggle {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.mod-languages .dropdown-menu {
	min-width: unset;
	background-image: linear-gradient(to bottom, #fafafa, #f2f2f2);
}

.mod-languages .dropdown-menu a {
	padding: 3px 9px;
}

.mod-languages .dropdown-menu img {
	margin-right: 5px;
    margin-top: -2px;
}