/* This stylesheet is handwritten by Ragnar | ragnar@meego.ee */

html, body { margin: 0; padding: 0; height: 100%; background-color: #F9F9F9; color: #867666; }
a { color: #00A3DA; }
	a:hover, a:focus { color: #867666; text-decoration: none; }
	a.btn:not(.btn-default), button.btn-info { color: #fff !important; }
input:disabled, textarea:disabled, input[readonly] { box-shadow: none; border: 1px solid #ccc; background-color: #f1f1f1 !important; color: #999; }
	input[readonly]:focus { box-shadow: none; }
	input#ta_checkramps { display: none; }
input:disabled + label, input:disabled + label:before { color: #ccc !important; }
.btn-default { border: 1px solid #ccc; background-color: #f1f1f1; color: #999; }
	.btn-default:hover { background-color: #ccc; }
.btn-primary { border: 1px solid #867666; background-color: #867666; }
	.btn-primary:hover { background-color: #666; }
	.btn-primary.disabled, .btn-primary:disabled { border: 1px solid #ccc; background-color: #f1f1f1; color: #999; }
.text-secondary { color: #ccc !important; }
.col-form-label { font-weight: bold; }
.comment-line-height { line-height: 1.2; }
.form-check { position: relative; }
	.form-check input { position: absolute; top: 50%; left: 0; transform: translate(0, -50%); display: none; margin: 0; }
	#inspectionForm .form-check input { position: absolute; left: -99999px; display: block; }
	.form-check label { position: relative; display: block; margin-left: 20px; padding: 3px 0; cursor: pointer; }
		.form-check label:before { position: absolute; top: calc(50% - 2px); left: -20px; transform: translate(0, -50%); display: inline-block; content: "\f0c8"; font-family: 'Font Awesome\ 5 Free'; font-size: 18px; color: #666; }
			#inspectionForm .form-check input:focus + label:before { color: #ccc; }
			.form-check input:checked + label:before { content: "\f14a"; color: #867666; }
.radio { position: relative; }
	.radio input { position: absolute; top: 50%; left: 0; transform: translate(0, -50%); display: none; margin: 0; }
	#inspectionForm .radio input { position: absolute; left: -99999px; display: block; }
	.radio label { position: relative; display: inline-block; margin-left: 20px; padding: 3px 5px; cursor: pointer; }
		.radio label:before { position: absolute; top: calc(50% - 2px); left: -20px; transform: translate(0, -50%); display: inline-block; content: "\f111"; font-family: 'Font Awesome\ 5 Free'; font-size: 18px; color: #666; }
			#inspectionForm .radio input:focus + label:before { color: #ccc; }
			.radio input:checked + label:before { content: "\f058"; color: #867666; }
.has-error .help-block, .has-error .control-label, .is-invalid .radio, .has-error .radio, .is-invalid .form-check, .has-error .form-check, .has-error .radio-inline, .has-error .checkbox-inline,
	.is-invalid.radio label, .has-error.radio label, .is-invalid.form-check label, .has-error.form-check label, .has-error.radio-inline label, .has-error.checkbox-inline label,
		.is-invalid.radio label:before, .is-invalid.form-check label:before, .has-error .form-check label:before, .has-error.radio label:before { color: #a94442; }
	.has-error .form-control { border-color: #a94442; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
		.has-error .form-control:focus { border-color: #843534; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; }

.card .card-header { background-color: #C1E1DC; font-weight: bold; }
	.card .card-header.slidebody { position: relative; cursor: pointer; }
		.card .card-header.slidebody:before { position: absolute; left: 3px; content: "\f078"; font-family: 'Font Awesome\ 5 Free'; }
			.card .card-header.slidebody.active:before { content: "\f077"; }
.card .row:not(.form-group):hover, .table-hover tbody tr:not(.collapse):hover { background-color: #FDD475; }
	.table-hover thead > tr:not(.collapse):hover, .table-hover tbody tr.collapse:hover { background-color: transparent; }
.constrained-area { max-height: 200px; overflow: hidden; overflow-y: auto; }
.modal-header .close { order: 1; }

.loading-overlay { position: relative; }
	.loading-overlay:before {
		position: absolute; top: 50px; left: 50%; transform: translate(-50%, 0); content: "\f110"; display: inline-block; width: 20px; font-size: 20px;
		font-family: "Font Awesome 5 Free"; font-weight: 600; -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8); z-index: 777;
	}
	.loading-overlay:after { position: absolute; top: 0; bottom: 0; left: 0; right: 0; content: ""; background-color: rgba(234,234,234,.5); z-index: 555; }

.overflow-auto { overflow: auto !important; }
.overflow-hidden { overflow: hidden !important; }
.overflow-visible { overflow: visible !important; }
.overflow-scroll { overflow: scroll !important; }

/* TOP navigation */
.navbar { background-color: #FDD475; }
	.navbar.tehnoaudit { background-color: #0098d5 ; }
		.navbar.tehnoaudit img { max-width: 100%; order: 1; }
		.navbar.tehnoaudit h3 { margin: 10px 0; color: #fff; }
	.navbar .navbar-brand, .navbar .dropdown .dropdown-toggle { color: #867666; }
		.navbar .navbar-brand:hover, .navbar .dropdown .dropdown-toggle:hover { color: #999; }

/* Pagination */
.ta-pagi {}
.ta-pagi nav, ul.pagination { display: inline-block; }
	ul.pagination li { display: inline-block; margin-left: 5px; }
		ul.pagination li a, ul.pagination li span.page-link { float: none; border-color: #ccc; color: initial; }
			ul.pagination li a:hover { background-color: #FDD475; }
			ul.pagination li.active span.page-link, ul.pagination li:hover span.page-link { background-color: #C1E1DC; border-color: #ccc; color: initial; }

/* Statistics */
.stat-list li { position: relative; min-width: calc(16.66% - 0.5rem); max-width: calc(50% - 0.5rem); }
	.stat-list li .stats-percent { position: absolute; top: 0; right: .25rem !important; }
	.stat-list li .stats-percent:after { display: inline-block; margin-left: 1px; content: "%"; }

/* Coop list */
.ta-coop-list {}
	.ta-coop-list table > tbody td {}
		.ta-coop-list table > tbody td:hover { cursor: pointer; }
		.ta-coop-list table > tbody td:nth-of-type(2) { min-width: 300px; }
			.ta-coop-list table > tbody tr:hover td:nth-of-type(2) a { color: #867666; }
		.ta-coop-list table > tbody td:nth-of-type(4), .ta-coop-list table > tbody td:nth-of-type(5), .ta-coop-list table > tbody td:nth-of-type(6) { min-width: 150px; }
		.ta-coop-list table > tbody td:last-of-type { width: 80px; }
		.ta-coop-list table > tbody td.small span { color: #ccc; }
	.ta-coop-list .checkbox { margin: 0 5px 0 0; padding: 0; min-height: 0; }
		.ta-coop-list .checkbox > input { margin: 0; padding: 0; display: none; }
		.ta-coop-list .checkbox > label { position: relative; margin: 0; padding: 10px; text-align: left; cursor: pointer; }
			.ta-coop-list .checkbox > label > small { display: block; line-height: 1.2; }
			.ta-coop-list .checkbox > label:before { content: "\f0c8"; position: absolute; top: 0; left: 50%; transform: translate(-50%, 0); display: inline-block; font-family: "Font Awesome 5 Free"; font-size: 18px; font-weight: 400; color: #666; }
			.ta-coop-list .checkbox > input:checked + label:before { content: "\f14a"; color: #867666; }

/* Coop info */
.ta-manage-coop {}
	.ta-manage-coop #summary-report .fa-file-contract { font-size: 1rem; }
	.ta-manage-coop .ta-addcoop small { display: block; }
		.ta-manage-coop .ta-addcoop small span:last-of-type { display: block; }
	.ta-manage-coop .checkbox { margin: 0 0 0 25px; padding: 0; min-height: 0; }
		.ta-manage-coop .checkbox > input { margin: 0; padding: 0; display: none; }
		.ta-manage-coop .checkbox > label { position: relative; margin: 0; padding: 0 0 0 8px; text-align: left; cursor: pointer; }
			.ta-manage-coop .checkbox > label > small { display: block; line-height: 1.2; }
			.ta-manage-coop .checkbox > label:before { content: "\f0c8"; position: absolute; top: -12px; left: -24px; display: inline-block; font-family: "Font Awesome 5 Free"; font-size: 30px; font-weight: 400; color: #666; }
			.ta-manage-coop .checkbox > input:checked + label:before { content: "\f14a"; color: #867666; }
#InAadressDiv { z-index: 7; }
	.inAdsCopyright { display: none; }
#colist { position: relative; }
	#colist > ul { position: absolute; list-style: none; margin: 0; padding: 0; width: 100%; background-color: #eee; z-index: 7; }
		#colist > ul > li { display: block; padding: 5px; border-left: 1px solid #ccc; border-right: 1px solid #ccc; line-height: 2; }
			#colist > ul > li:first-of-type { border-top: 1px solid #ccc; }
			#colist > ul > li:last-of-type { border-bottom: 1px solid #ccc; }
			#colist > ul > li.has-error { color: #a94442; }

/* Apartment list */
.ta-apart-list {}
	.ta-apart-list #summary-report .fa-file-contract, .ta-apart-list .fa-clipboard-check { font-size: 1.4rem; }
	.ta-apart-list .sortbtn.btn-default { color: #fff !important; }
	.ta-apart-list .sortbtn.active { color: #867666 !important; }
	.ta-apart-list .bg-stairway { background-color: #f1f1f1; }
		.ta-apart-list .bg-stairway:hover { background-color: #FDD475; }
	.ta-apart-list .bg-boilerroom { background-color: #d9d9d9; }
		.ta-apart-list .bg-boilerroom:hover { background-color: #FDD475; }
	.ta-apart-list .extra-info { width: auto; }
	.ta-apart-list .checkbox { margin: 0 0 0 5px; padding: 0; min-height: 0; }
		.ta-apart-list .checkbox > input { margin: 0; padding: 0; display: none; }
		.ta-apart-list .checkbox > label { position: relative; margin: -.5rem 0; padding: 5px 15px; text-align: left; cursor: pointer; }
			.ta-apart-list .checkbox > label > small { display: block; line-height: 1.2; }
			.ta-apart-list .checkbox > label:before { content: "\f0c8"; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: inline-block; font-family: "Font Awesome 5 Free"; font-size: 18px; font-weight: 400; color: #666; }
			.ta-apart-list .checkbox > input:checked + label:before { content: "\f14a"; color: #867666; }
#new-apart-stair { display: none; }
#show-manage-buttons { display: block; }

/* Apartment info */
#apartment-navi ul { display: -webkit-flex; display: flex; list-style: none; margin: 0; padding: 0; }
	#apartment-navi ul li { flex: 1 1 auto; margin: 5px 5px 5px 0; }
		#apartment-navi ul li:last-of-type { margin-right: 0; }
		#apartment-navi ul li a { border: 0; border-radius: 0; }
.ta-manage-apartment .ta-saveapartment small { display: block; }
	.ta-manage-apartment .ta-saveapartment small span:last-of-type { display: block; }
.ta-manage-apartment .checkbox { margin: 0 0 0 25px; padding: 0; min-height: 0; }
	.ta-manage-apartment .checkbox > input { margin: 0; padding: 0; display: none; }
	.ta-manage-apartment .checkbox > label { position: relative; margin: 0; padding: 0 0 0 8px; text-align: left; cursor: pointer; }
		.ta-manage-apartment .checkbox > label > small { display: block; line-height: 1.2; }
		.ta-manage-apartment .checkbox > label:before { content: "\f0c8"; position: absolute; top: -8px; left: -24px; display: inline-block; font-family: "Font Awesome 5 Free"; font-size: 25px; font-weight: 400; color: #666; }
		.ta-manage-apartment .checkbox > input:checked + label:before { content: "\f14a"; color: #867666; }
	.ta-manage-apartment div:not(.constrained-area) > .checkbox { margin-left: 20px; }
		.ta-manage-apartment div:not(.constrained-area) > .checkbox > label { padding: 0 5px; }
			.ta-manage-apartment div:not(.constrained-area) > .checkbox > label:before { top: calc(50% - 2px); left: -20px; transform: translate(0, -50%); font-size: 18px; }
	.ta-manage-apartment .checkbox.has-error > label, .ta-manage-apartment .checkbox.has-error > label:before { color: #a94442 !important; }
.ta-manage-apartment optgroup { color: #ccc; font-weight: 200; }
	.ta-manage-apartment optgroup option { color: initial; font-weight: 400; }

/* Stairway info */
.ta-manage-stairway .ta-savestairway small { display: block; }
	.ta-manage-stairway .ta-savestairway small span:last-of-type { display: block; }
.ta-manage-stairway .checkbox { margin: 0 0 0 25px; padding: 0; min-height: 0; }
	.ta-manage-stairway .checkbox > input { margin: 0; padding: 0; display: none; }
	.ta-manage-stairway .checkbox > label { position: relative; margin: 0; padding: 0 0 0 8px; text-align: left; cursor: pointer; }
		.ta-manage-stairway .checkbox > label > small { display: block; line-height: 1.2; }
		.ta-manage-stairway .checkbox > label:before { content: "\f0c8"; position: absolute; top: -8px; left: -24px; display: inline-block; font-family: "Font Awesome 5 Free"; font-size: 25px; font-weight: 400; color: #666; }
		.ta-manage-stairway .checkbox > input:checked + label:before { content: "\f14a"; color: #867666; }
	.ta-manage-stairway div:not(.constrained-area) > .checkbox { margin-left: 20px; }
		.ta-manage-stairway div:not(.constrained-area) > .checkbox > label { padding: 0 5px; }
			.ta-manage-stairway div:not(.constrained-area) > .checkbox > label:before { top: calc(50% - 2px); left: -20px; transform: translate(0, -50%); font-size: 18px; }
	.ta-manage-stairway .checkbox.has-error > label, .ta-manage-stairway .checkbox.has-error > label:before { color: #a94442 !important; }

/* Boiler room info*/
.ta-manage-boilerroom .ta-saveboilerroom small { display: block; }
	.ta-manage-boilerroom .ta-saveboilerroom small span:last-of-type { display: block; }
.ta-manage-boilerroom .checkbox { margin: 0 0 0 25px; padding: 0; min-height: 0; }
	.ta-manage-boilerroom .checkbox > input { margin: 0; padding: 0; display: none; }
	.ta-manage-boilerroom .checkbox > label { position: relative; margin: 0; padding: 0 0 0 8px; text-align: left; cursor: pointer; }
		.ta-manage-boilerroom .checkbox > label > small { display: block; line-height: 1.2; }
		.ta-manage-boilerroom .checkbox > label:before { content: "\f0c8"; position: absolute; top: -8px; left: -24px; display: inline-block; font-family: "Font Awesome 5 Free"; font-size: 25px; font-weight: 400; color: #666; }
		.ta-manage-boilerroom .checkbox > input:checked + label:before { content: "\f14a"; color: #867666; }
	.ta-manage-boilerroom div:not(.constrained-area) > .checkbox { margin-left: 20px; }
		.ta-manage-boilerroom div:not(.constrained-area) > .checkbox > label { padding: 0 5px; }
			.ta-manage-boilerroom div:not(.constrained-area) > .checkbox > label:before { top: calc(50% - 2px); left: -20px; transform: translate(0, -50%); font-size: 18px; }
	.ta-manage-boilerroom .checkbox.has-error > label, .ta-manage-boilerroom .checkbox.has-error > label:before { color: #a94442 !important; }

/* Send e-mail */
.ta-send-email {}
	.ta-send-email textarea { min-height: 300px; }
	.ta-send-email #sentmails label { cursor: pointer; }
		.ta-send-email #sentmails label small, .ta-send-email #sentmails label span { font-weight: 400; }

/* Edit files */
.ddFiles .addFilesDesc { display: none; }
.ddFiles .row ul { display: -webkit-flex; -webkit-flex-direction: row; -webkit-flex-wrap: wrap; display: flex; flex-direction: row; flex-wrap: wrap; list-style: none; margin: 0; padding: 0; }
	.ddFiles .row ul li { position: relative; flex: 1 1 calc(100% - 10px); margin: 5px 0 0; padding: 0; min-width: calc(50% - 10px); border: 1px solid #C1E1DC; }
		.ddFiles .row ul li > a { display: block; padding: 5px; color: #867666; }
			.ddFiles .row ul li > a > img { float: left; display: inline-block; margin: 3px 5px 0 0; padding: 0; }
				.ddFiles .row ul li > a.float-right > img { margin: 0; }
			.ddFiles .row ul li > a > i { font-size: .7rem; color: #999; }
			.ddFiles .row ul li > a.delaction, .ddFiles .row ul li > a.cngaction { background-color: #867666; color: #fff; }
				.ddFiles .row ul li > a.delaction:hover, .ddFiles .row ul li > a.cngaction:hover { background-color: #666; }
		.ddFiles .row ul li > input[type=checkbox] { position: absolute; top: 50%; left: 0; transform: translate(0, -50%); display: none; margin: 0; }
		.ddFiles .row ul li > label { margin: 0 5px 0 0; padding: 1px 10px 0; width: 34px; cursor: pointer; }
			.ddFiles .row ul li > label:before { content: "\f0c8"; font-family: 'Font Awesome\ 5 Free'; font-size: 20px; color: #666; }
			.ddFiles .row ul li > input[type=checkbox]:checked + label:before { content: "\f14a"; color: #867666; }
		.ddFiles .row ul li:hover { background-color: #f1f1f1 !important; }
.dropzone { min-height: 20px; padding: 0; border: 1px solid #666; background-color: #C1E1DC; border-radius: 4px; color: #666; }
	.dropzone:hover, .dropzone.disabled { border: 1px solid #ccc; background-color: #f1f1f1; color: #999; }
	.dropzone.is-invalid { border: 1px solid #a94442; background-color: #f9d6d5; color: #a94442; }
	.dropzone .dz-message { margin: 10px 0; }

/* Date-time-picker design */
#ui-datepicker-div { padding: 5px; border: 1px solid #ccc; border-radius: 0; }
	.ui-datepicker { width: auto; }
	.ui-datepicker .ui-widget-header.ui-corner-all { background-color: #ccc; border: 0; border-radius: 0; }
	.ui-datepicker .ui-widget-header.ui-corner-all .ui-datepicker-title select { padding: 10px 5px; }
	.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-prev-hover { top: 12px; left: 7px; }
	.ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-next-hover { top: 12px; right: 7px; }
	.ui-datepicker .ui-widget-header.ui-corner-all .ui-icon { background-image: url("../js/images/ui-icons_ffffff_256x240.png"); color: #ccc; }
		.ui-datepicker .ui-widget-header.ui-corner-all .ui-state-hover { border: 0; background-color: transparent; cursor: pointer; }
		.ui-datepicker .ui-widget-header.ui-corner-all .ui-state-hover .ui-icon { background-image: url("../js/images/ui-icons_555555_256x240.png"); }
	.ui-datepicker .ui-datepicker-calendar .ui-state-default { padding: 9px 12px; background-color: #ccc; color: #867666; border: 0; text-align: center; }
		.ui-datepicker .ui-datepicker-calendar .ui-priority-secondary { background-color: #f2f2f2; }
		.ui-datepicker .ui-datepicker-calendar .ui-state-highlight { background-color: #C1E1DC; }
		.ui-datepicker .ui-datepicker-calendar .ui-state-active { background-color: #FDD475; }
		.ui-datepicker .ui-datepicker-calendar .ui-state-hover { background-color: #FDD475; }
	.ui-datepicker .ui-timepicker-div dl { margin: 0; }
	.ui-datepicker .ui-timepicker-div dt, .ui-datepicker .ui-timepicker-div .ui_tpicker_time_label { padding: 10px 10px 10px 5px; }
	.ui-datepicker .ui-timepicker-div select { padding: 10px; }
	.ui-datepicker .ui-datepicker-buttonpane button { margin: 5px; padding: 10px; }
.ui-datepicker.month-year-only { min-width: 250px; }
	.ui-datepicker.month-year-only .ui-datepicker-calendar { display: none; }

/* Lift register */
.remove-lift-doc { display: none; position: absolute; top: 1px; right: 1px; padding: .375rem .75rem; cursor: pointer; }
.lift-applications .alert-info.open-documents:hover,
	.lift-applications .alert-info.open-notes:hover { background-color: #d2e8f9; }
.lift-applications .lift-inspection-row:hover { background-color: #f1f1f1; }
	.lift-applications .lift-inspection-row .btn.alert-success:hover { background-color: #c4edd6; }
	.lift-applications .lift-inspection-row .btn.alert-danger:hover { background-color: #f5bebc; }
.lift-applications #verdict-discrepancies .input-group .input-group-append,
	.lift-inspection #inspection-notes .inspection-note .input-group-append { cursor: pointer; }
.manage-lift-application .lift-doc-row:hover { position: relative; background-color: #f1f1f1; }
	.manage-lift-application .remove-lift-file { position: relative; bottom: 0; cursor: pointer; }

/* Work reports */
#InAadressDiv .inads-result-container { z-index: 999; }
#check-deficiencies-group #coop_apartment { max-width: 80px; }
@media only screen and (max-width: 991px){
	#check-deficiencies-group #coop_address { flex: 1 1 100%; }
	#check-deficiencies-group #coop_apartment { max-width: none; }
}

/* ADR requests */
#demand_selections .demand_selection { position: relative; }
	#demand_selections .demand_selection > i { position: absolute; top: 50%; right: -20px; transform: translate(0, -50%); display: flex; width: 20px; height: 20px; justify-content: center; align-items: center; font-size: 16px; }

/* Manage users */
.rolelist { display: -webkit-flex; -webkit-flex-wrap: wrap; display: flex; flex-wrap: wrap; list-style: none; margin: 0; padding: 0; }
	.rolelist li { margin: 0 5px 2px; padding: 5px; min-width: 50px; text-align: center; }
		.rolelist li:hover { background-color: #FDD475; }
		.rolelist li:not(:first-child) { border: 1px solid #eee; cursor: pointer; }
		.rolelist li a { display: inline-block; margin: -5px 0; padding: 5px 10px; font-weight: normal; }
			.rolelist li a:last-of-type { margin-right: -5px; }
			.rolelist li a:hover { background-color: #867666; color: #fff; }
.userlist { display: -webkit-flex; -webkit-flex-direction: column; display: flex; flex-direction: column; list-style: none; margin: 0; padding: 0; }
	.userlist > li { border-bottom: 1px solid #eee; }
		.userlist > li > label { display: block; margin: 0; padding: 5px; cursor: pointer; }
		.userlist > li > label:hover { background-color: #FDD475; }
		.userlist > li > label > ul { list-style: none; display: inline-block; float: right; margin: -5px -5px -5px 0; padding: 0; }
			.userlist > li > label > ul > li { display: inline-block; margin: 0; border: 0; background-color: #867666; }
				.userlist > li > label > ul > li span { display: inline-block; padding: 5px; color: #fff; }
				.userlist > li > label > ul > li a { display: inline-block; padding: 5px; color: #fff; }
				.userlist > li > label > ul > li:hover { background-color: #666; }
#listusers .col-lg-6.col-md-12 input[type="text"], #listusers .col-lg-6.col-md-12 select { display: inline-block; float: left; margin-right: 5px; width: 60%; }

@media (min-width: 1200px){
	.container { max-width: 1360px; }
}

@media only screen and (max-width: 991px){
	.stat-list li { min-width: calc(50% - 0.5rem); max-width: calc(50% - 0.5rem); }
}

@media only screen and (max-width: 767px){
	.navbar.tehnoaudit img { order: 0; }
	.navbar #navbarSupportedContent #navbarDropdown:after { display: none !important; }
	.navbar #navbarSupportedContent .navbar-nav > li.dropdown .dropdown-menu { display: block; }
	.ta-apart-list .extra-info { width: 100%; }
	#new-apart-stair span { float: left !important; margin: 10px 0 0 0 !important; width: calc(50% - 2px); }
		#new-apart-stair span:last-of-type { float: right !important; }
	#show-manage-buttons { margin: 0 0 10px !important; width: 100%; }
}

@media only screen and (max-width: 576px){
	#apartment-navi ul li { }
		#apartment-navi ul li .btn { padding: 5px 3px; }
	#listusers .col-lg-6.col-md-12 { text-align: center !important; }
		#listusers .col-lg-6.col-md-12 button#delaction { margin-top: 10px; }
	.userlist > li > label > ul { display: block; margin: 10px -5px 0 0; width: 100%; }
}

@media only screen and (max-width: 480px){
	.btn { white-space: normal; }
		.btn.mobile-block { width: 100%; margin-bottom: 5px; }
	#new-apart-stair > div > .form-group > div { flex: 0 0 100%; max-width: 100%; text-align: center !important; }
		#new-apart-stair > div > .form-group > div > a#summary-report { display: block; width: 100%; margin: 10px 0; }
	#apartment-navi ul li a { font-size: .75rem; }
	ul.pagination li { margin-bottom: 5px; }
}