body {
	font-family: 'Calibri', monospace;}
body h2 {
	color: #4D6882;}

.card-body {
	padding:0px !important;
	 }
#object .card-header {
  	margin-bottom: 20px;
	 }
#object .card-image {
	width: auto !important}
.mb-1 { margin-top: 10px;} 
.ps-2 p { line-height:1.5em;}
.card-title {
    border-radius: 4px;
    margin-bottom: .75rem;
    float: right;
    padding: 10px;
    border: 1px solid #5f5f5f;
    margin-right: 20px;
    background: #5f5f5f;
    color: white;
    padding: 7px;
    font-size: 15px;
    margin-bottom: 40px;
	margin-left:40px;}
#accordion .card .card-header
	{ background: #5f5f5f !important;}
.image-space {
	padding:20px;} 
.btn-secondary {
	margin-left: 5px	
}
.navbar {
	padding:0px !important;
	margin-bottom:30px;
}
.navbar-nav li {
	display: inline-block;
  	background-color: white;
  	color: white !important;
  	padding: 5px 10px;
  	font-weight: 200;
	border-left:1px solid #eee4e4;; 
}
.navbar-nav li:last-child {
	border-right: 1px solid #eee4e4;;
}

.btn-outline-primary {
	margin-left:10px}
.navbar-nav li:hover {
  	background-color: white;
}
label[for="inputEmail4"] {
	    background: #e5e5e5;
    padding: 5px;
    color: #000000;
    border-radius: 1px;
    margin: 0 auto;
    min-width: 100%;
    text-align: center;
    margin-top: 1rem;
    font-weight: 600;	
	}

.navbar-nav a {
	color:#4D6882 !important;}
.navbar-nav a:hover {
	color:black !important
}
.navbar {
	background-color: white;}

.my-2 {
	margin:20px;}

.dropdown-menu {
	background-color: white !important;}

.btn-secondary {
	background-color: #5f5f5f !important ;}

.dropdown-item { 
	color:#4D6882 !important;
}
.dropdown-item:hover {
	color: #4D6882 !important; }

.card-header-list { 
	background-color: #FBFBFB !important }
.card-header {
	padding:0;
	padding-left:10px;
	background-color: #5f5f5f
	}	
.card-header button {
	padding: 3px !important;}
	 
.btn-link {
	color:white;}

a {
	color: #4D6B82; }
	
#new-object .card .card-header {
  	padding: 0px;
  	text-align: center;
}

	 
.navbar-brand {
	margin-right: 100px; 
	padding-top: 0px;}

#accordion .form-group button {

  }
  
 .btn-link:hover {
 	color: white }
 	
label {
	color: #5f5f5f;
	padding: 15px 0px 0px 5px;
	}
.form-row  {
	padding-left:20px;
	padding-right:20px;
	}  
.bd-example {
	border:none;
	}	
#object .ezobject-image {
	margin-left:20px;
	
	}
.ezobject-image {

	margin-bottom:20px;
	}
		
#accordion .form-group label
 {float: inherit !important
 }	
#objects-list .card-body {
	padding-bottom:0px !important}
	
#accordion .card {	
	width: 47%;
  	float: left;
  	margin: 5px;
  	margin-bottom:30px;
  }

#accordion .card:first-child	{
	width:97% !important;
    float: none !important;
    margin-bottom: 20px;
}	



#accordion .card:nth-of-type(2n+1) { float: right; margin-right: 45px; }

.bd-example {
	margin-left:5%
	margin-right:5% }
	
#accordion .form-group textarea {
	min-height:200px }
	
#azobject_Zapisz {
	float:right}
#collapseOPIS {
	min-height: 520px}
.table  {	
	margin-bottom:0px !important}
.table td {
	border: 1px solid #b1b1b1 !important}
.table th {
	border: 1px solid #b1b1b1 !important}
thead {
	background: #cbcbcb }

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, .03) !important;}

#accordion .card-body:nth-of-type(2n+1) {
    background-color: rgb(0 0 0 / 0%) !important;}

#accordion h5.card-title {float: left; margin: 10px;}
#accordion .card-body .image-space { width: 100%; float: left; margin-left: 10px; padding-left: 0px; }
#accordion .card-body .card-text { float: left; width: 100%; margin: 10px; }
#accordion .object-file-delete { position: absolute; right: 25px; top: 10px; }
#accordion .object-file-main { position: absolute; right: 75px; top: 10px; }

#accordion .object-file-box {float: left; min-width: 300px; position: relative;}

#accordion .card .form-row button.enum-edit-button { margin-top: 10px;}
#accordion .edit-object-multiselected-elements {float: left;}

#objects-list .card-body .card-image { margin-left: 15px; margin-right: 20px; }


.edit-object-multiselected-elements {
    border: 1px solid #ced4da !important;
    border-radius: 3px;
    padding: 6px 0px 6px 10px !important;
    width: 100%;
    background-color: #b4c1b35e !important;
    font-size:12px;
}

.edit-object-multiselected-elements ul {
	margin-bottom: 0rem !important}
	
.form-control {
	font-size:12px}

.badge {
	padding: 0.5em 1em;
	font-size:100%;
	margin-bottom:8px;
}
.badge-secondary {
	color: black;
	background-color: #dfdfdf;
}

#accordion.edit-object-form .card.first-card {
    width: 97% !important;
    float: none !important;
    margin-bottom: 20px;
}
#accordion.edit-object-form .card {
    width: 47%;
    float: left;
    margin: 5px;
    margin-bottom: 20px;
}
#accordion.edit-object-form .card:nth-of-type(2n+1) {
    float: right;
    margin-right: 45px;
}



/* === EDIT OBJECT FORM === */
#accordion.edit-object-form .card-body {
    padding: 8px 0 !important;
    background: white !important;
    overflow: hidden;
}
#accordion.edit-object-form .card-body:nth-of-type(2n+1) {
    background: white !important;
}
#accordion.edit-object-form .form-group {
    width: 100%;
    display: flex;
    align-items: flex-start;
    padding: 8px 12px;
    border-bottom: 1px solid #f0f0f0;
    margin: 0;
    gap: 10px;
    overflow: hidden;
}
#accordion.edit-object-form .form-group label {
    width: 190px;
    min-width: 190px;
    flex-shrink: 0;
    float: none !important;
    font-size: 12px;
    font-weight: 600;
    color: #4a5568;
    background: #f7fafc;
    padding: 6px 8px !important;
    border-radius: 4px;
    margin: 0 !important;
    text-align: left !important;
    border-left: 3px solid #627afd;
    word-break: break-word;
}
#accordion.edit-object-form .field-wrapper {
    flex: 1;
    min-width: 0;
}
#accordion.edit-object-form .field-wrapper .form-control {
    width: 100% !important;
    float: none !important;
    margin: 0 !important;
    font-size: 12px;
}
#accordion.edit-object-form .field-wrapper textarea.form-control {
    min-height: 60px !important;
}
#accordion.edit-object-form .select-with-button {
    display: flex;
    align-items: center;
    gap: 6px;
}
#accordion.edit-object-form .select-with-button .enum-edit-select {
    flex: 1;
    width: auto !important;
    float: none !important;
}
#accordion.edit-object-form .select-with-button .enum-edit-button {
    flex-shrink: 0;
    float: none !important;
    margin: 0 !important;
}
#accordion.edit-object-form .edit-object-multiselected-elements {
    float: none !important;
    width: 100% !important;
    margin-bottom: 5px;
}
#accordion.edit-object-form .form-row {
    padding: 0 !important;
    width: 100%;
}
#accordion.edit-object-form .enum-edit-select {
    flex: 1 !important;
    width: auto !important;
    float: none !important;
    font-size: 12px;
}
#accordion.edit-object-form .card .form-row button.enum-edit-button {
    float: none !important;
    margin-top: 0 !important;
    font-size: 12px;
    padding: 5px 10px;
    flex-shrink: 0;
}
.sticky-save {
    position: sticky;
    bottom: 0;
    background: white;
    border-top: 2px solid #e2e8f0;
    padding: 10px 20px;
    z-index: 100;
    text-align: right;
    box-shadow: 0 -2px 8px rgba(0,0,0,.08);
    clear: both;
}


#accordion .card {
    display: block !important;
}

#accordion .card {
    overflow: visible !important;
}
#accordion .card-body {
    overflow: visible !important;
    }


#accordion select[multiple] {
    height: 120px !important;
    display: block !important;
    width: 100% !important;
}

#accordion .form-group .edit-object-multiselected-elements + input + select[multiple],
#accordion .form-group .edit-object-multiselected-elements ~ select[multiple] {
    width: 100% !important;
    flex-basis: 100% !important;
}

#accordion .form-group label {
    align-self: flex-start;
    margin-top: 6px !important;
}